@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.olwso25aue.bundle.scp.css';
@import '_content/SimpleBlazorMultiselect/SimpleBlazorMultiselect.mz53lri8gf.bundle.scp.css';

/* /Pages/Backoffice/ApplicationLogs/ApplicationLogDetails.razor.rz.scp.css */
.log-payload-box[b-09veq9xdcw] {
    margin: 0;
    padding: 0.6rem 0.75rem;
    border-radius: 0.55rem;
    border: 1px solid #d8deea;
    background: #f8fafc;
    min-height: 20rem;
    max-height: 20rem;
    overflow: auto;
    font-size: 0.72rem;
    line-height: 1.35;
    white-space: pre-wrap;
    word-break: break-word;
}

.dark-mode .log-payload-box[b-09veq9xdcw] {
    background: #0f172a;
    border-color: #334155;
    color: #e2e8f0;
}
/* /Pages/Backoffice/ApplicationLogs/ApplicationLogs.razor.rz.scp.css */
.logs-search-input[b-o8i4h5blhx] {
    min-width: 0;
}

.list-sortable-meta[b-o8i4h5blhx],
.list-sortable-date[b-o8i4h5blhx],
.list-sortable-time[b-o8i4h5blhx],
.list-sortable-name[b-o8i4h5blhx],
.list-sortable-message[b-o8i4h5blhx] {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.list-sortable-meta[b-o8i4h5blhx] {
    display: flex;
    align-items: center;
    min-width: 0;
}
/* /Pages/Backoffice/Branches/Branches.razor.rz.scp.css */
.company-branch-edit-form .form-label[b-rkdi5o8701] {
    margin-bottom: 0.35rem;
    font-weight: 600;
}

.company-branch-edit-form .validation-message[b-rkdi5o8701] {
    display: block;
    margin-top: 0.25rem;
    font-size: 0.8rem;
}
/* /Pages/Backoffice/Branches/BranchImportModal.razor.rz.scp.css */
/* /Pages/Backoffice/Products/ProductGrid.razor.rz.scp.css */
.dark-mode .text-muted[b-5h19ocvhwy] {
    color: #9aa0a6 !important;
}

.dark-mode .app-avatar[b-5h19ocvhwy] {
    background: #111827;
    border: 1px solid #cbd5e1 !important;
}

.dark-mode .app-avatar-initials[b-5h19ocvhwy] {
    color: #ffffff !important;
}
/* /Pages/Backoffice/Products/ProductList.razor.rz.scp.css */
.product-list-scroll[b-rj41lkvyny] {
    max-height: 70vh;
    overflow-y: auto;
}
/* /Pages/Backoffice/Products/ProductModal.razor.rz.scp.css */
.menu-availabilitys-header[b-t6v0yux16w] {
    font-size: 0.9rem;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    font-weight: 600;
}

.menu-availability-group[b-t6v0yux16w] {
    border: 1px solid #d8deea;
    border-radius: 1rem;
    overflow: hidden;
}

.menu-config-tab[b-t6v0yux16w] {
    overflow-x: hidden;
}

.dark-mode .menu-availability-group[b-t6v0yux16w] {
    border: 1px solid #334155;
}


.menu-availability-group-title[b-t6v0yux16w] {
    background: linear-gradient(90deg, #f1f5f9 0%, #eef2ff 100%);
}

.dark-mode .menu-availability-group-title[b-t6v0yux16w] {
    background: linear-gradient(90deg, #1e293b 0%, #0f172a 100%);
}

.menu-availability-row + .menu-availability-row[b-t6v0yux16w] {
    border-top: 1px solid #d8deea;
}

.dark-mode .menu-availability-row + .menu-availability-row[b-t6v0yux16w] {
    border-top: 1px solid #334155;
}

.menu-availability-row[b-t6v0yux16w] {
    transition: background-color 0.2s ease;
}

    .menu-availability-row:hover[b-t6v0yux16w] {
        background-color: #f8fafc;
    }

.dark-mode .menu-availability-row:hover[b-t6v0yux16w] {
    background-color: #334155;
}


.menu-availability-cell[b-t6v0yux16w] {
    min-height: 3.25rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.35rem;
}

.menu-availability-label[b-t6v0yux16w] {
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.menu-availabilitys-page[b-t6v0yux16w]  input[type="checkbox"] {
    width: 1.15rem;
    height: 1.15rem;
}
/* /Pages/Backoffice/Products/ProductsSelectModal.razor.rz.scp.css */
.dark-mode .text-muted[b-zrwdhybqby] {
    color: #9aa0a6 !important;
}

.dark-mode .app-avatar[b-zrwdhybqby] {
    background: #111827;
    border: 1px solid #cbd5e1 !important;
}

.dark-mode .app-avatar-initials[b-zrwdhybqby] {
    color: #ffffff !important;
}
/* /Pages/Backoffice/Roles/RoleModal.razor.rz.scp.css */
.permissions-header[b-wgx6eraqn5] {
    font-size: 0.9rem;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    font-weight: 600;
}

.permission-group[b-wgx6eraqn5] {
    border: 1px solid #d8deea;
    border-radius: 1rem;
    overflow: hidden;
}

.dark-mode .permission-group[b-wgx6eraqn5] {
    border: 1px solid #334155;
}


.permission-group-title[b-wgx6eraqn5] {
    background: linear-gradient(90deg, #f1f5f9 0%, #eef2ff 100%);
}

.dark-mode .permission-group-title[b-wgx6eraqn5] {
    background: linear-gradient(90deg, #1e293b 0%, #0f172a 100%);
}

.permission-row + .permission-row[b-wgx6eraqn5] {
    border-top: 1px solid #d8deea;
}

.dark-mode .permission-row + .permission-row[b-wgx6eraqn5] {
    border-top: 1px solid #334155;
}

.permission-row[b-wgx6eraqn5] {
    transition: background-color 0.2s ease;
}

    .permission-row:hover[b-wgx6eraqn5] {
        background-color: #f8fafc;
    }

.dark-mode .permission-row:hover[b-wgx6eraqn5] {
    background-color: #334155;
}


.permission-cell[b-wgx6eraqn5] {
    min-height: 3.25rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.35rem;
}

.permission-label[b-wgx6eraqn5] {
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.permissions-page[b-wgx6eraqn5]  input[type="checkbox"] {
    width: 1.15rem;
    height: 1.15rem;
}
/* /Pages/Backoffice/Roles/Roles.razor.rz.scp.css */
.company-branch-edit-form .form-label[b-wimtsie1ag] {
    margin-bottom: 0.35rem;
    font-weight: 600;
}

.company-branch-edit-form .validation-message[b-wimtsie1ag] {
    display: block;
    margin-top: 0.25rem;
    font-size: 0.8rem;
}
/* /Pages/Backoffice/Subscriptions/Subscription.razor.rz.scp.css */
.subscription-detail-page .invoice-sheet[b-s8gjqrj8zu] {
    background-color: var(--bs-body-bg);
    border-color: var(--bs-border-color) !important;
}

.subscription-detail-page .brand-mark[b-s8gjqrj8zu] {
    width: 3rem;
    height: 3rem;
    background: linear-gradient(135deg, #3b82f6, #1d4ed8);
}

.subscription-detail-page .info-card[b-s8gjqrj8zu] {
    background-color: var(--bs-tertiary-bg);
    border-color: var(--bs-border-color) !important;
}

.subscription-detail-page .invoice-table th[b-s8gjqrj8zu] {
    white-space: nowrap;
}

.subscription-detail-page .invoice-table td[b-s8gjqrj8zu],
.subscription-detail-page .invoice-table th[b-s8gjqrj8zu] {
    vertical-align: middle;
}

.dark-mode .subscription-detail-page .invoice-sheet[b-s8gjqrj8zu] {
    background-color: #0b1220;
    border-color: #334155 !important;
}

.dark-mode .subscription-detail-page .info-card[b-s8gjqrj8zu] {
    background-color: #0f172a;
    border-color: #334155 !important;
}

.dark-mode .subscription-detail-page .table-light[b-s8gjqrj8zu],
.dark-mode .subscription-detail-page .table-light > th[b-s8gjqrj8zu],
.dark-mode .subscription-detail-page .table-light > td[b-s8gjqrj8zu] {
    background-color: #111827 !important;
    color: #e5e7eb !important;
    border-color: #334155 !important;
}

.dark-mode .subscription-detail-page .table[b-s8gjqrj8zu] {
    --bs-table-bg: #0b1220;
    --bs-table-color: #e5e7eb;
    --bs-table-border-color: #334155;
    --bs-table-striped-bg: #111827;
    --bs-table-hover-bg: #1f2937;
}

@media print {
    .no-print[b-s8gjqrj8zu] {
        display: none !important;
    }

    .subscription-detail-page .invoice-sheet[b-s8gjqrj8zu] {
        box-shadow: none !important;
        border: none !important;
    }
}
/* /Pages/Backoffice/Users/User.razor.rz.scp.css */
.permissions-header[b-cj9jiba0x6] {
    font-size: 0.9rem;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    font-weight: 600;
}

.permission-group[b-cj9jiba0x6] {
    border: 1px solid #d8deea;
    border-radius: 1rem;
    overflow: hidden;
}

.dark-mode .permission-group[b-cj9jiba0x6] {
    border: 1px solid #334155;
}


.permission-group-title[b-cj9jiba0x6] {
    background: linear-gradient(90deg, #f1f5f9 0%, #eef2ff 100%);
}

.dark-mode .permission-group-title[b-cj9jiba0x6] {
    background: linear-gradient(90deg, #1e293b 0%, #0f172a 100%);
}

.permission-row + .permission-row[b-cj9jiba0x6] {
    border-top: 1px solid #d8deea;
}

.dark-mode .permission-row + .permission-row[b-cj9jiba0x6] {
    border-top: 1px solid #334155;
}

.permission-row[b-cj9jiba0x6] {
    transition: background-color 0.2s ease;
}

    .permission-row:hover[b-cj9jiba0x6] {
        background-color: #f8fafc;
    }

.dark-mode .permission-row:hover[b-cj9jiba0x6] {
    background-color: #334155;
}


.permission-cell[b-cj9jiba0x6] {
    min-height: 3.25rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.35rem;
}

.permission-label[b-cj9jiba0x6] {
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.roles-container[b-cj9jiba0x6] {
    max-height: 42vh;
    overflow-y: auto;
    overflow-x: hidden;
}

.permissions-page[b-cj9jiba0x6]  input[type="checkbox"] {
    width: 1.15rem;
    height: 1.15rem;
}
/* /Pages/Backoffice/Users/UserImportModal.razor.rz.scp.css */
/* /Pages/Backoffice/Users/Users.razor.rz.scp.css */
.company-user-edit-form .form-label[b-82mymuug3i] {
    margin-bottom: 0.35rem;
    font-weight: 600;
}

.company-user-edit-form .validation-message[b-82mymuug3i] {
    display: block;
    margin-top: 0.25rem;
    font-size: 0.8rem;
}
/* /Pages/Dashboards/AdminDashboard.razor.rz.scp.css */
.admin-dashboard[b-3qjkpozwwg] {
    --dashboard-border: var(--bs-border-color-translucent, rgba(15, 23, 42, 0.12));
}

.dashboard-filter-card[b-3qjkpozwwg],
.dashboard-card[b-3qjkpozwwg],
.metric-card[b-3qjkpozwwg],
.status-card[b-3qjkpozwwg] {
    border: 1px solid var(--dashboard-border);
    border-radius: 1rem;
    background: var(--bs-body-bg);
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05);
}

.dashboard-filter-card .card-body[b-3qjkpozwwg],
.dashboard-card .card-body[b-3qjkpozwwg] {
    padding: 1.1rem 1.2rem;
}

.dashboard-pill[b-3qjkpozwwg] {
    border-radius: 999px;
    border: 1px dashed var(--dashboard-border);
    background: var(--bs-tertiary-bg);
    padding: 0.6rem 0.9rem;
    font-size: 0.9rem;
}

.metric-card[b-3qjkpozwwg],
.status-card[b-3qjkpozwwg] {
    padding: 0.95rem 1rem;
    height: 100%;
}

.metric-label[b-3qjkpozwwg],
.status-head[b-3qjkpozwwg] {
    color: var(--bs-secondary-color);
    font-size: 0.83rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 0.35rem;
}

.metric-value[b-3qjkpozwwg],
.status-value[b-3qjkpozwwg] {
    font-size: clamp(1.15rem, 2vw, 1.55rem);
    font-weight: 800;
    line-height: 1.15;
    margin-bottom: 0.2rem;
}

.metric-meta[b-3qjkpozwwg] {
    color: var(--bs-secondary-color);
    font-size: 0.82rem;
}

.sales-chart[b-3qjkpozwwg] {
    width: 100%;
    height: auto;
    display: block;
}

.axis-line[b-3qjkpozwwg] {
    stroke: #94a3b8;
    stroke-width: 1;
}

.grid-line[b-3qjkpozwwg] {
    stroke: rgba(100, 116, 139, 0.2);
    stroke-width: 1;
}

.axis-label[b-3qjkpozwwg] {
    fill: #64748b;
    font-size: 10px;
}

.axis-html-label[b-3qjkpozwwg] {
    color: #64748b;
    font-size: 0.72rem;
}

.sales-area[b-3qjkpozwwg] {
    fill: rgba(37, 99, 235, 0.14);
}

.sales-line[b-3qjkpozwwg] {
    fill: none;
    stroke: #2563eb;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.payment-progress[b-3qjkpozwwg],
.branch-progress[b-3qjkpozwwg] {
    height: 0.55rem;
    border-radius: 99px;
    background: var(--bs-tertiary-bg);
}

.mini-list-item[b-3qjkpozwwg] {
    border: 1px solid var(--dashboard-border);
    border-radius: 0.8rem;
    background: var(--bs-tertiary-bg);
    padding: 0.65rem 0.75rem;
    margin-bottom: 0.65rem;
}

.mini-list-item:last-child[b-3qjkpozwwg] {
    margin-bottom: 0;
}

.dashboard-card .table[b-3qjkpozwwg] {
    --bs-table-bg: transparent;
    --bs-table-border-color: var(--dashboard-border);
}

.dashboard-card .table thead th[b-3qjkpozwwg] {
    color: var(--bs-secondary-color);
    font-weight: 700;
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.dashboard-card .table tbody td[b-3qjkpozwwg] {
    font-size: 0.91rem;
}

.user-trend-chart[b-3qjkpozwwg] {
    width: 100%;
    height: auto;
    display: block;
}

.user-trend-axis[b-3qjkpozwwg] {
    stroke: #94a3b8;
    stroke-width: 1;
}

.user-trend-grid[b-3qjkpozwwg] {
    stroke: rgba(100, 116, 139, 0.18);
    stroke-width: 1;
}

.user-trend-line[b-3qjkpozwwg] {
    fill: none;
    stroke-width: 2.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.user-trend-dot[b-3qjkpozwwg] {
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 999px;
    display: inline-block;
    margin-right: 0.35rem;
    vertical-align: middle;
}

.user-trend-legend-row[b-3qjkpozwwg] {
    margin-bottom: 0.2rem;
}

:global(.dark-mode) .admin-dashboard[b-3qjkpozwwg] {
    --dashboard-border: rgba(148, 163, 184, 0.25);
}

:global(.dark-mode) .dashboard-filter-card[b-3qjkpozwwg],
:global(.dark-mode) .dashboard-card[b-3qjkpozwwg],
:global(.dark-mode) .metric-card[b-3qjkpozwwg],
:global(.dark-mode) .status-card[b-3qjkpozwwg] {
    background: #0f172a;
    box-shadow: 0 12px 30px rgba(2, 6, 23, 0.36);
}

:global(.dark-mode) .axis-line[b-3qjkpozwwg] {
    stroke: #64748b;
}

:global(.dark-mode) .grid-line[b-3qjkpozwwg] {
    stroke: rgba(148, 163, 184, 0.2);
}

:global(.dark-mode) .axis-label[b-3qjkpozwwg] {
    fill: #94a3b8;
}

:global(.dark-mode) .axis-html-label[b-3qjkpozwwg] {
    color: #94a3b8;
}

:global(.dark-mode) .sales-area[b-3qjkpozwwg] {
    fill: rgba(59, 130, 246, 0.2);
}

:global(.dark-mode) .sales-line[b-3qjkpozwwg] {
    stroke: #60a5fa;
}

:global(.dark-mode) .user-trend-axis[b-3qjkpozwwg] {
    stroke: #64748b;
}

:global(.dark-mode) .user-trend-grid[b-3qjkpozwwg] {
    stroke: rgba(148, 163, 184, 0.18);
}

@media (max-width: 768px) {
    .dashboard-filter-card .card-body[b-3qjkpozwwg],
    .dashboard-card .card-body[b-3qjkpozwwg] {
        padding: 0.95rem;
    }

    .metric-card[b-3qjkpozwwg],
    .status-card[b-3qjkpozwwg] {
        padding: 0.85rem;
    }
}
/* /Pages/Dashboards/ReportDashboard.razor.rz.scp.css */
.report-dashboard[b-4t71hh7uul] {
    --dashboard-border: var(--bs-border-color-translucent, rgba(15, 23, 42, 0.12));
}

.report-dashboard .dashboard-filter-card[b-4t71hh7uul],
.report-dashboard .dashboard-card[b-4t71hh7uul],
.report-dashboard .metric-card[b-4t71hh7uul] {
    border: 1px solid var(--dashboard-border);
    border-radius: 1rem;
    background: var(--bs-body-bg);
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05);
}

.report-dashboard .dashboard-filter-card .card-body[b-4t71hh7uul],
.report-dashboard .dashboard-card .card-body[b-4t71hh7uul] {
    padding: 1.1rem 1.2rem;
}

.report-dashboard .metric-card[b-4t71hh7uul] {
    padding: 0.95rem 1rem;
    height: 100%;
}

.report-dashboard .metric-label[b-4t71hh7uul] {
    color: var(--bs-secondary-color);
    font-size: 0.83rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 0.35rem;
}

.report-dashboard .metric-value[b-4t71hh7uul] {
    font-size: clamp(1.15rem, 2vw, 1.55rem);
    font-weight: 700;
    line-height: 1.15;
}

.report-dashboard .report-table thead th[b-4t71hh7uul] {
    font-size: 0.82rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--bs-secondary-color);
}

.report-dashboard .report-table tbody td[b-4t71hh7uul] {
    font-size: 0.92rem;
}
/* /Pages/Dashboards/UserDashboard.razor.rz.scp.css */
.user-dashboard[b-p38p7h3oi1] {
    --dashboard-border: var(--bs-border-color-translucent, rgba(15, 23, 42, 0.12));
}

.dashboard-filter-card[b-p38p7h3oi1],
.dashboard-card[b-p38p7h3oi1],
.metric-card[b-p38p7h3oi1],
.status-card[b-p38p7h3oi1] {
    border: 1px solid var(--dashboard-border);
    border-radius: 1rem;
    background: var(--bs-body-bg);
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05);
}

.dashboard-filter-card .card-body[b-p38p7h3oi1],
.dashboard-card .card-body[b-p38p7h3oi1] {
    padding: 1.1rem 1.2rem;
}

.dashboard-pill[b-p38p7h3oi1] {
    border-radius: 999px;
    border: 1px dashed var(--dashboard-border);
    background: var(--bs-tertiary-bg);
    padding: 0.6rem 0.9rem;
    font-size: 0.9rem;
}

.metric-card[b-p38p7h3oi1],
.status-card[b-p38p7h3oi1] {
    padding: 0.95rem 1rem;
    height: 100%;
}

.metric-label[b-p38p7h3oi1],
.status-head[b-p38p7h3oi1] {
    color: var(--bs-secondary-color);
    font-size: 0.83rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 0.35rem;
}

.metric-value[b-p38p7h3oi1],
.status-value[b-p38p7h3oi1] {
    font-size: clamp(1.15rem, 2vw, 1.55rem);
    font-weight: 800;
    line-height: 1.15;
    margin-bottom: 0.2rem;
}

.metric-meta[b-p38p7h3oi1] {
    color: var(--bs-secondary-color);
    font-size: 0.82rem;
}

.sales-chart[b-p38p7h3oi1] {
    width: 100%;
    height: auto;
    display: block;
}

.axis-line[b-p38p7h3oi1] {
    stroke: #94a3b8;
    stroke-width: 1;
}

.grid-line[b-p38p7h3oi1] {
    stroke: rgba(100, 116, 139, 0.2);
    stroke-width: 1;
}

.axis-html-label[b-p38p7h3oi1] {
    color: #64748b;
    font-size: 0.72rem;
}

.sales-area[b-p38p7h3oi1] {
    fill: rgba(37, 99, 235, 0.14);
}

.sales-line[b-p38p7h3oi1] {
    fill: none;
    stroke: #2563eb;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.payment-progress[b-p38p7h3oi1] {
    height: 0.55rem;
    border-radius: 99px;
    background: var(--bs-tertiary-bg);
}

.mini-list-item[b-p38p7h3oi1] {
    border: 1px solid var(--dashboard-border);
    border-radius: 0.8rem;
    background: var(--bs-tertiary-bg);
    padding: 0.65rem 0.75rem;
    margin-bottom: 0.65rem;
}

.mini-list-item:last-child[b-p38p7h3oi1] {
    margin-bottom: 0;
}

.dashboard-card .table[b-p38p7h3oi1] {
    --bs-table-bg: transparent;
    --bs-table-border-color: var(--dashboard-border);
}

.dashboard-card .table thead th[b-p38p7h3oi1] {
    color: var(--bs-secondary-color);
    font-weight: 700;
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.dashboard-card .table tbody td[b-p38p7h3oi1] {
    font-size: 0.91rem;
}

:global(.dark-mode) .user-dashboard[b-p38p7h3oi1] {
    --dashboard-border: rgba(148, 163, 184, 0.25);
}

:global(.dark-mode) .dashboard-filter-card[b-p38p7h3oi1],
:global(.dark-mode) .dashboard-card[b-p38p7h3oi1],
:global(.dark-mode) .metric-card[b-p38p7h3oi1],
:global(.dark-mode) .status-card[b-p38p7h3oi1] {
    background: #0f172a;
    box-shadow: 0 12px 30px rgba(2, 6, 23, 0.36);
}

:global(.dark-mode) .axis-line[b-p38p7h3oi1] {
    stroke: #64748b;
}

:global(.dark-mode) .grid-line[b-p38p7h3oi1] {
    stroke: rgba(148, 163, 184, 0.2);
}

:global(.dark-mode) .axis-html-label[b-p38p7h3oi1] {
    color: #94a3b8;
}

:global(.dark-mode) .sales-area[b-p38p7h3oi1] {
    fill: rgba(59, 130, 246, 0.2);
}

:global(.dark-mode) .sales-line[b-p38p7h3oi1] {
    stroke: #60a5fa;
}

@media (max-width: 768px) {
    .dashboard-filter-card .card-body[b-p38p7h3oi1],
    .dashboard-card .card-body[b-p38p7h3oi1] {
        padding: 0.95rem;
    }

    .metric-card[b-p38p7h3oi1],
    .status-card[b-p38p7h3oi1] {
        padding: 0.85rem;
    }
}
/* /Pages/Home.razor.rz.scp.css */
/* /Pages/Workspace/Pos/Pos.razor.rz.scp.css */
.pos-layout[b-0ugwfb4jl8] {
    overflow-x: hidden;
    overflow-y: auto;
}
/* /Pages/Workspace/Pos/PosCartLineItem.razor.rz.scp.css */
.cart-item[b-xm9frismbz] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
}

.cart-item-actions[b-xm9frismbz] {
    flex-wrap: wrap;
}

.note-toggle-btn[b-xm9frismbz] {
    border-radius: 999px;
    font-weight: 600;
    touch-action: manipulation;
}

.icon-action-btn[b-xm9frismbz] {
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    touch-action: manipulation;
}

.note-preview[b-xm9frismbz] {
    background: #fff;
    border: 1px dashed #cbd5e1;
    border-radius: 0.85rem;
    color: #475569;
    padding: 0.65rem 0.8rem;
}

.note-editor[b-xm9frismbz] {
    background: #fff;
    border: 1px solid #e2e8f0;
}

.quantity-pill[b-xm9frismbz] {
    background: #fff;
    border: 1px solid #dee2e6;
}

.quantity-btn[b-xm9frismbz] {
    width: 3rem;
    height: 3rem;
    border: 0;
    touch-action: manipulation;
}

.dark-mode .cart-item[b-xm9frismbz],
.dark-mode .note-editor[b-xm9frismbz] {
    background: #0f172a;
    border-color: #334155;
}

.dark-mode .note-preview[b-xm9frismbz] {
    background: #1e293b;
    border-color: #334155;
    color: #e2e8f0;
}

.dark-mode .quantity-pill[b-xm9frismbz] {
    background: #1e293b;
    border-color: #334155;
}

.dark-mode .quantity-btn[b-xm9frismbz],
.dark-mode .btn-light[b-xm9frismbz] {
    background: #334155;
    color: #e5e7eb;
}

.dark-mode .note-toggle-btn[b-xm9frismbz],
.dark-mode .cart-item .btn-outline-secondary[b-xm9frismbz] {
    color: #cbd5e1;
    border-color: #475569;
    background: #1e293b;
}

.dark-mode .note-toggle-btn:hover[b-xm9frismbz],
.dark-mode .cart-item .btn-outline-secondary:hover[b-xm9frismbz] {
    color: #ffffff;
    border-color: #64748b;
    background: #334155;
}

.dark-mode .cart-item .text-muted[b-xm9frismbz],
.dark-mode .note-editor .text-muted[b-xm9frismbz] {
    color: #94a3b8 !important;
}

.dark-mode .note-editor .form-label[b-xm9frismbz] {
    color: #cbd5e1;
}
/* /Pages/Workspace/Pos/PosCartPanel.razor.rz.scp.css */
.main-panel-content[b-jobi4seurp] {
    flex: 1;
    min-height: 0;
}

.cart-items[b-jobi4seurp] {
    min-height: 8rem;
    max-height: calc(100dvh - 29.5rem);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.simple-cart-table[b-jobi4seurp] {
    --bs-table-bg: transparent;
}

.simple-cart-table thead th[b-jobi4seurp] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #64748b;
    border-bottom-width: 1px;
    white-space: nowrap;
}

.simple-cart-name[b-jobi4seurp] {
    min-width: 8rem;
    max-width: 14rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.simple-cart-qty-col[b-jobi4seurp] {
    width: 3.5rem;
}

.simple-cart-amount-col[b-jobi4seurp] {
    width: 5.5rem;
}

.simple-cart-action-col[b-jobi4seurp] {
    width: 3rem;
}

@media (max-width: 576px) {
    .simple-cart-table thead th[b-jobi4seurp] {
        font-size: 0.6875rem;
    }

    .simple-cart-name[b-jobi4seurp] {
        max-width: 9rem;
    }
}

.dark-mode .simple-cart-table thead th[b-jobi4seurp] {
    color: #94a3b8;
}

.dark-mode .simple-cart-table tbody td[b-jobi4seurp] {
    color: #f8fafc;
}

.summary-box[b-jobi4seurp] {
    background: linear-gradient(135deg, #ffffff 0%, #f1f5f9 100%);
    border: 1px solid #e2e8f0;
}

.cart-actions[b-jobi4seurp] {
    margin-top: 0.0rem;
}

.dark-mode .summary-box[b-jobi4seurp] {
    background: #0f172a;
    border-color: #334155;
}

.dark-mode .summary-box .text-muted[b-jobi4seurp] {
    color: #94a3b8 !important;
}

.dark-mode .summary-box .fw-semibold[b-jobi4seurp],
.dark-mode .summary-box .fw-bold[b-jobi4seurp],
.dark-mode .summary-box .fs-5[b-jobi4seurp],
.dark-mode .summary-box span[b-jobi4seurp] {
    color: #f8fafc;
}

.dark-mode .summary-box .border-top[b-jobi4seurp] {
    border-color: #334155 !important;
}

.customer-bill-preview[b-jobi4seurp] {
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    border: 1px solid #e2e8f0;
}

.customer-bill-title[b-jobi4seurp] {
    font-size: 1.25rem;
    letter-spacing: 0.02em;
}

.customer-bill-items[b-jobi4seurp] {
    border: 1px solid #e2e8f0;
    border-radius: 0.75rem;
    padding: 0.5rem 0.75rem;
    background: #ffffff;
}

.customer-bill-line + .customer-bill-line[b-jobi4seurp] {
    border-top: 1px dashed #cbd5e1;
}

.customer-bill-accompaniment[b-jobi4seurp] {
    padding-left: 0.35rem;
}

.customer-bill-totals .border-top[b-jobi4seurp] {
    border-color: #cbd5e1 !important;
}

.customer-bill-preview .min-w-0[b-jobi4seurp] {
    min-width: 0;
}

@media (max-width: 576px) {
    .customer-bill-preview[b-jobi4seurp] {
        padding: 0.85rem !important;
    }

    .customer-bill-title[b-jobi4seurp] {
        font-size: 1.05rem;
    }
}

.dark-mode .customer-bill-preview[b-jobi4seurp] {
    background: #0f172a;
    border-color: #334155;
}

.dark-mode .customer-bill-items[b-jobi4seurp] {
    background: #0b1220;
    border-color: #334155;
}

.dark-mode .customer-bill-line + .customer-bill-line[b-jobi4seurp] {
    border-top-color: #334155;
}

.dark-mode .customer-bill-preview .text-muted[b-jobi4seurp] {
    color: #94a3b8 !important;
}

.dark-mode .customer-bill-preview[b-jobi4seurp],
.dark-mode .customer-bill-preview .fw-semibold[b-jobi4seurp],
.dark-mode .customer-bill-preview .fw-bold[b-jobi4seurp],
.dark-mode .customer-bill-preview .fs-5[b-jobi4seurp],
.dark-mode .customer-bill-preview span[b-jobi4seurp],
.dark-mode .customer-bill-preview div[b-jobi4seurp] {
    color: #f8fafc;
}

.dark-mode .customer-bill-totals .border-top[b-jobi4seurp],
.dark-mode .customer-bill-header.border-bottom[b-jobi4seurp] {
    border-color: #334155 !important;
}

.order-ticket-preview[b-jobi4seurp],
.customer-receipt-preview[b-jobi4seurp] {
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    border: 1px solid #e2e8f0;
}

.order-ticket-title[b-jobi4seurp],
.customer-receipt-title[b-jobi4seurp] {
    font-size: 1.2rem;
    letter-spacing: 0.02em;
}

.order-ticket-items[b-jobi4seurp],
.customer-receipt-items[b-jobi4seurp] {
    border: 1px solid #e2e8f0;
    border-radius: 0.75rem;
    padding: 0.5rem 0.75rem;
    background: #ffffff;
}

.order-ticket-line + .order-ticket-line[b-jobi4seurp],
.customer-receipt-line + .customer-receipt-line[b-jobi4seurp] {
    border-top: 1px dashed #cbd5e1;
}

.order-ticket-accompaniment[b-jobi4seurp] {
    padding-left: 0.35rem;
}

.customer-receipt-preview .min-w-0[b-jobi4seurp],
.order-ticket-preview .min-w-0[b-jobi4seurp] {
    min-width: 0;
}

.customer-receipt-totals .border-top[b-jobi4seurp] {
    border-color: #cbd5e1 !important;
}

@media (max-width: 576px) {
    .order-ticket-preview[b-jobi4seurp],
    .customer-receipt-preview[b-jobi4seurp] {
        padding: 0.85rem !important;
    }

    .order-ticket-title[b-jobi4seurp],
    .customer-receipt-title[b-jobi4seurp] {
        font-size: 1.05rem;
    }
}

.dark-mode .order-ticket-preview[b-jobi4seurp],
.dark-mode .customer-receipt-preview[b-jobi4seurp] {
    background: #0f172a;
    border-color: #334155;
}

.dark-mode .order-ticket-items[b-jobi4seurp],
.dark-mode .customer-receipt-items[b-jobi4seurp] {
    background: #0b1220;
    border-color: #334155;
}

.dark-mode .order-ticket-line + .order-ticket-line[b-jobi4seurp],
.dark-mode .customer-receipt-line + .customer-receipt-line[b-jobi4seurp] {
    border-top-color: #334155;
}

.dark-mode .order-ticket-preview .text-muted[b-jobi4seurp],
.dark-mode .customer-receipt-preview .text-muted[b-jobi4seurp] {
    color: #94a3b8 !important;
}

.dark-mode .order-ticket-preview[b-jobi4seurp],
.dark-mode .order-ticket-preview .fw-semibold[b-jobi4seurp],
.dark-mode .order-ticket-preview .fw-bold[b-jobi4seurp],
.dark-mode .order-ticket-preview .fs-5[b-jobi4seurp],
.dark-mode .order-ticket-preview span[b-jobi4seurp],
.dark-mode .order-ticket-preview div[b-jobi4seurp],
.dark-mode .customer-receipt-preview[b-jobi4seurp],
.dark-mode .customer-receipt-preview .fw-semibold[b-jobi4seurp],
.dark-mode .customer-receipt-preview .fw-bold[b-jobi4seurp],
.dark-mode .customer-receipt-preview .fs-5[b-jobi4seurp],
.dark-mode .customer-receipt-preview span[b-jobi4seurp],
.dark-mode .customer-receipt-preview div[b-jobi4seurp] {
    color: #f8fafc;
}

.dark-mode .order-ticket-header.border-bottom[b-jobi4seurp],
.dark-mode .customer-receipt-header.border-bottom[b-jobi4seurp],
.dark-mode .customer-receipt-totals .border-top[b-jobi4seurp] {
    border-color: #334155 !important;
}
/* /Pages/Workspace/Pos/PosCashMovementModal.razor.rz.scp.css */
.cash-movement-list[b-7784hk58oz] {
    max-height: 24rem;
    overflow-y: auto;
}

.cash-movement-item:last-child[b-7784hk58oz] {
    border-bottom: 0 !important;
}
/* /Pages/Workspace/Pos/PosMenuPanel.razor.rz.scp.css */


.category-filter-bar[b-jt2vsjk355] {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.category-filter-btn[b-jt2vsjk355] {
    min-height: 3rem;
    min-width: max-content;
    border-radius: 999px;
    padding: 0.65rem 1rem;
    font-weight: 600;
    white-space: nowrap;
}
/* /Pages/Workspace/Pos/PosOngoingOrderCard.razor.rz.scp.css */
.order-card[b-r98nqrmnx5] {
    border-radius: 1.1rem;
    min-width: 15.5rem;
    border: 1px solid #dbe3ef;
    box-shadow: 0 0.4rem 1rem rgba(15, 23, 42, 0.07);
}

.dark-mode .order-card[b-r98nqrmnx5] {
    background: #1e293b;
    border-color: #334155;
    color: #e2e8f0;
}

.dark-mode .order-card .text-muted[b-r98nqrmnx5],
.dark-mode .order-card .small[b-r98nqrmnx5] {
    color: #94a3b8 !important;
}

.dark-mode .order-card .fw-semibold[b-r98nqrmnx5],
.dark-mode .order-card .fw-bold[b-r98nqrmnx5] {
    color: #f8fafc;
}

.dark-mode .order-card .btn-outline-secondary[b-r98nqrmnx5] {
    color: #cbd5e1;
    border-color: #475569;
    background: #1e293b;
}

.dark-mode .order-card .btn-outline-secondary:hover[b-r98nqrmnx5] {
    color: #ffffff;
    border-color: #64748b;
    background: #334155;
}
/* /Pages/Workspace/Pos/PosPaymentModal.razor.rz.scp.css */
.pos-payment-modal[b-xy9c48tmaw] {
    border-radius: 0.75rem;
    overflow: hidden;
}

.pos-payment-modal__methods[b-xy9c48tmaw],
.pos-payment-modal__summary[b-xy9c48tmaw] {
    padding: 1.5rem;
}

.pos-payment-modal__header[b-xy9c48tmaw] {
    margin-bottom: 1.5rem;
}

.pos-payment-modal__method-card[b-xy9c48tmaw] {
    border: 1px solid var(--bs-border-color);
    border-radius: 0.75rem;
    padding: 1rem;
    background-color: var(--bs-tertiary-bg);
}

.pos-payment-modal__summary[b-xy9c48tmaw] {
    background-color: var(--bs-secondary-bg);
    border-left: 1px solid var(--bs-border-color);
}

.pos-payment-modal__summary-card[b-xy9c48tmaw] {
    border: 1px solid var(--bs-border-color);
    border-radius: 0.75rem;
    background-color: var(--bs-body-bg);
    padding: 1rem;
    margin-bottom: 1rem;
}

.pos-payment-modal__paid-card[b-xy9c48tmaw] {
    border-radius: 0.75rem;
    background-color: #1f2937;
    color: #f8fafc;
    padding: 1rem;
    margin-bottom: 1rem;
}

.pos-payment-modal__validation[b-xy9c48tmaw] {
    border: 1px solid var(--bs-border-color);
    border-radius: 0.75rem;
    padding: 0.75rem 1rem;
    font-size: 0.95rem;
}

.pos-payment-modal__validation.is-valid[b-xy9c48tmaw] {
    border-color: #198754;
    color: #198754;
    background-color: rgba(25, 135, 84, 0.08);
}

.pos-payment-modal__validation.is-invalid[b-xy9c48tmaw] {
    border-color: #dc3545;
    color: #dc3545;
    background-color: rgba(220, 53, 69, 0.08);
}

.dark-mode .pos-payment-modal__method-card[b-xy9c48tmaw] {
    background-color: #0f172a;
    border-color: #334155;
}

.dark-mode .pos-payment-modal__summary[b-xy9c48tmaw] {
    background-color: #111827;
    border-left-color: #334155;
}

.dark-mode .pos-payment-modal__summary-card[b-xy9c48tmaw] {
    background-color: #0f172a;
    border-color: #334155;
}

.dark-mode .pos-payment-modal__paid-card[b-xy9c48tmaw] {
    background-color: #020617;
}

.dark-mode .pos-payment-modal__validation.is-valid[b-xy9c48tmaw] {
    border-color: #22c55e;
    color: #86efac;
    background-color: rgba(34, 197, 94, 0.2);
}

.dark-mode .pos-payment-modal__validation.is-invalid[b-xy9c48tmaw] {
    border-color: #f87171;
    color: #fecaca;
    background-color: rgba(248, 113, 113, 0.2);
}

@media (max-width: 991.98px) {
    .pos-payment-modal__summary[b-xy9c48tmaw] {
        border-left: none;
        border-top: 1px solid var(--bs-border-color);
    }

    .dark-mode .pos-payment-modal__summary[b-xy9c48tmaw] {
        border-top-color: #334155;
    }
}
/* /Pages/Workspace/Pos/PosProductGrid.razor.rz.scp.css */
.menu-items-scroll[b-mcudn6qha7] {
    max-height: calc(100dvh - 20rem);
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}
/* /Pages/Workspace/Pos/PosProductTile.razor.rz.scp.css */
.product-tile[b-qh9j5ex2cg] {
    background: #ffffff;
    border-radius: 1rem;
    border: 1px solid #d2d9e5;
    box-shadow: 0 0.8rem 2rem rgba(15, 23, 42, 0.12);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    touch-action: manipulation;
}

.product-tile:hover[b-qh9j5ex2cg],
.product-tile:focus[b-qh9j5ex2cg] {
    transform: translateY(-3px);
    box-shadow: 0 1rem 2.25rem rgba(15, 23, 42, 0.16);
}

.product-media[b-qh9j5ex2cg] {
    aspect-ratio: 4 / 3;
    background: linear-gradient(180deg, #e9ecf2 0%, #e2e7ef 100%);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-bottom: 1px solid #d5dce8;
    position: relative;
    overflow: hidden;
}

.product-media-header[b-qh9j5ex2cg] {
    position: relative;
    z-index: 1;
    padding: 0.75rem;
}

.product-media-image[b-qh9j5ex2cg] {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    object-fit: cover;
    object-position: center;
    display: block;
    border-radius: 0;
}

.product-badge[b-qh9j5ex2cg] {
    border-radius: 999px;
    padding: 0.35rem 0.65rem;
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1.1;
}

.product-media-title[b-qh9j5ex2cg] {
    color: #8d919c;
    font-size: clamp(1.7rem, 2.2vw, 1.6rem);
    font-weight: 700;
    line-height: 1.1;
    text-align: center;
    padding-bottom: 0.45rem;
    letter-spacing: 0.01em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: calc(2 * 1.1em);
    margin-top: auto;
}

.product-content[b-qh9j5ex2cg] {
    background: #ffffff;
}

.product-name[b-qh9j5ex2cg] {
    color: #0f2547;
    font-size: 0.65rem;
    line-height: 1.25;
    font-weight: 800;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product-price[b-qh9j5ex2cg] {
    color: #059669;
    font-size: 0.95rem;
    line-height: 1;
    font-weight: 700;
    flex-shrink: 0;
}

.product-price-discounted[b-qh9j5ex2cg] {
    color: #ffc107;
    font-size: 0.95rem;
    line-height: 1;
    font-weight: 700;
    flex-shrink: 0;
}

.product-time[b-qh9j5ex2cg] {
    font-size: 0.82rem;
    line-height: 1;
    color: #64748b;
    font-weight: 600;
    flex-shrink: 0;
}

.dark-mode .product-tile[b-qh9j5ex2cg] {
    box-shadow: 0 0.75rem 1.6rem rgba(2, 6, 23, 0.45);
    border-color: #3f4a5c;
    background: #1f2937;
}

.dark-mode .product-tile:hover[b-qh9j5ex2cg],
.dark-mode .product-tile:focus[b-qh9j5ex2cg] {
    box-shadow: 0 1rem 2rem rgba(2, 6, 23, 0.55);
}

.dark-mode .product-media[b-qh9j5ex2cg] {
    background: linear-gradient(180deg, #303748 0%, #262d3d 100%);
    border-color: #3f4a5c;
}

.dark-mode .product-media-title[b-qh9j5ex2cg] {
    color: #b5bbc7;
}

.dark-mode .product-content[b-qh9j5ex2cg] {
    background: #1f2937;
}

.dark-mode .product-name[b-qh9j5ex2cg] {
    color: #e2e8f0;
}

.dark-mode .product-price[b-qh9j5ex2cg] {
    color: #34d399;
}

.dark-mode .product-time[b-qh9j5ex2cg] {
    color: #94a3b8 !important;
}

.dark-mode .product-badge-status[b-qh9j5ex2cg] {
    color: #a7f3d0;
    background: #065f46;
}

.dark-mode .product-badge-low[b-qh9j5ex2cg] {
    color: #fecaca;
    background: #7f1d1d;
}
/* /Pages/Workspace/Pos/PosRecentOrdersPanel.razor.rz.scp.css */
.orders-strip[b-x6h1qs2pox] {
    scrollbar-width: none;
}
/* /Shared/Auth/AuthorizingLoader.razor.rz.scp.css */
.authorizing-loader[b-ygq47ymwto] {
    min-height: calc(100dvh - 10.85rem);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.authorizing-loader-content[b-ygq47ymwto] {
    width: min(34rem, 100%);
}
/* /Shared/Global/EmptyState.razor.rz.scp.css */
.empty-state-panel[b-btel8fr2vc] {
    background: #f8fafc;
    border: 1px dotted #f8fafc;
}

.dark-mode .empty-state-panel[b-btel8fr2vc] {
    background: #111827;
    color: #e5e7eb;
    border: 1px dotted #111827;
}

/* /Shared/Global/ImageUpload.razor.rz.scp.css */
.ppic-logo-preview[b-jd5mk3mtct] {
    width: 6.5rem;
    height: 6.5rem;
    border-radius: 999px;
    border: 1px solid #cbd5e1;
    background: #f8fafc;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    flex-shrink: 0;
    cursor: pointer;
}

.dark-mode .ppic-logo-preview[b-jd5mk3mtct] {
    border-color: #475569;
    background: #1e293b;
}


.ppic-logo-image[b-jd5mk3mtct] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.ppic-logo-initials[b-jd5mk3mtct] {
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: #334155;
}

.dark-mode .ppic-logo-initials[b-jd5mk3mtct] {
    color: #e2e8f0;
}

.company-logo-actions[b-jd5mk3mtct] {
    min-width: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

/* /Shared/Global/MapPicker.razor.rz.scp.css */
.location-search-results[b-lz0fbyehoy] {
    max-height: 16rem;
    overflow-y: auto;
}
/* /Shared/Layouts/MainLayout.razor.rz.scp.css */
.account-menu[b-axtof1ueco] {
    border-radius: 0.6rem;
    min-width: 15rem;
}

.account-menu-profile[b-axtof1ueco] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    padding: 0.65rem 0.85rem;
}

/* /Shared/Layouts/PosLayout.razor.rz.scp.css */
.account-menu[b-kr7tahwg2u] {
    border-radius: 0.6rem;
    min-width: 15rem;
}

.account-menu-profile[b-kr7tahwg2u] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    padding: 0.65rem 0.85rem;
}
/* /Shared/Navigation/AppSidebar.razor.rz.scp.css */
.app-sidebar[b-1cn66ato15] {
    position: fixed;
    top: 0;
    left: 0;
    width: min(20rem, 88vw);
    height: 100dvh;
    background: #ffffff;
    border-right: 1px solid #d8deea;
    box-shadow: 0 1rem 2rem rgba(15, 23, 42, 0.18);
    z-index: 1045;
    transform: translateX(-102%);
    transition: transform 0.22s ease;
    padding: 0;
    display: flex;
    flex-direction: column;
}

.dark-mode .app-sidebar[b-1cn66ato15] {
    background: #1e293b;
    border-color: #334155;
    box-shadow: 0 1rem 2rem rgba(2, 6, 23, 0.55);
}

.sidebar-top[b-1cn66ato15] {
    padding: 0.5rem 1rem;
    border-bottom: 1px solid #d8deea;
    background: #f8fafc;
}

.dark-mode .sidebar-top[b-1cn66ato15] {
    background: #111827;
    border-color: #334155;
}

.app-sidebar.is-open[b-1cn66ato15] {
    transform: translateX(0);
}

.sidebar-accordion[b-1cn66ato15] {
    margin-top: 0;
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding: 0;
}

.sidebar-section[b-1cn66ato15] {
    border-bottom: 1px solid #d8deea;
    margin: 0;
    padding: 0;
}

.dark-mode .sidebar-section[b-1cn66ato15] {
    border-color: #334155;
}

.sidebar-section-btn[b-1cn66ato15] {
    width: 100%;
    border: 0;
    background: transparent;
    color: #0f172a;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    margin: 0;
    font-size: 1.25rem;
    font-weight: 500;
}

.dark-mode .sidebar-section-btn[b-1cn66ato15] {
    color: #e5e7eb;
}

.sidebar-section-title[b-1cn66ato15] {
    display: inline-flex;
    align-items: center;
}

.sidebar-items[b-1cn66ato15] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 0 1rem 1rem;
    margin: 0;
}

.sidebar-item-btn[b-1cn66ato15] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    border-radius: 0.75rem;
    border: 1px solid #9ca3af;
    color: #4b5563;
    background: #f8fafc;
    padding: 0.8rem 0.95rem;
    margin: 0;
    font-size: 0.95rem;
    font-weight: 500;
}

    .sidebar-item-btn:hover[b-1cn66ato15],
    .sidebar-item-btn:focus[b-1cn66ato15] {
        color: #0f172a;
        border-color: #6b7280;
        background: #f1f5f9;
    }

    .sidebar-item-btn.active[b-1cn66ato15] {
        color: #ffffff;
        border-color: #2563eb;
        background: #2563eb;
    }

        .sidebar-item-btn.active:hover[b-1cn66ato15],
        .sidebar-item-btn.active:focus[b-1cn66ato15] {
            color: #ffffff;
            border-color: #1d4ed8;
            background: #1d4ed8;
        }

.dark-mode .sidebar-item-btn[b-1cn66ato15] {
    color: #cbd5e1;
    border-color: #475569;
    background: #1e293b;
}

    .dark-mode .sidebar-item-btn:hover[b-1cn66ato15],
    .dark-mode .sidebar-item-btn:focus[b-1cn66ato15] {
        color: #ffffff;
        border-color: #64748b;
        background: #334155;
    }

    .dark-mode .sidebar-item-btn.active[b-1cn66ato15] {
        color: #ffffff;
        border-color: #2563eb;
        background: #2563eb;
    }

        .dark-mode .sidebar-item-btn.active:hover[b-1cn66ato15],
        .dark-mode .sidebar-item-btn.active:focus[b-1cn66ato15] {
            color: #ffffff;
            border-color: #1d4ed8;
            background: #1d4ed8;
        }

.active-indicator[b-1cn66ato15] {
    opacity: 0;
    pointer-events: none;
}

.sidebar-item-btn.active .active-indicator[b-1cn66ato15] {
    opacity: 1;
}

.sidebar-footer[b-1cn66ato15] {
    padding: 0.85rem 1rem 0.95rem;
    border-top: 1px solid #d8deea;
    background: #f8fafc;
    flex-shrink: 0;
}

.dark-mode .sidebar-footer[b-1cn66ato15] {
    background: #111827;
    border-color: #334155;
}

.sidebar-footer-support[b-1cn66ato15] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.2rem;
    padding-bottom: 0.75rem;
}

.sidebar-footer-support-title[b-1cn66ato15] {
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #64748b;
}

.dark-mode .sidebar-footer-support-title[b-1cn66ato15] {
    color: #94a3b8;
}

.sidebar-footer-support-link[b-1cn66ato15] {
    font-size: 0.8125rem;
    color: #334155;
    text-decoration: none;
    line-height: 1.35;
}

.sidebar-footer-support-link:hover[b-1cn66ato15],
.sidebar-footer-support-link:focus[b-1cn66ato15] {
    color: #2563eb;
    text-decoration: underline;
}

.dark-mode .sidebar-footer-support-link[b-1cn66ato15] {
    color: #cbd5e1;
}

.dark-mode .sidebar-footer-support-link:hover[b-1cn66ato15],
.dark-mode .sidebar-footer-support-link:focus[b-1cn66ato15] {
    color: #93c5fd;
}

.sidebar-footer-separator[b-1cn66ato15] {
    height: 1px;
    background: #d8deea;
    margin-bottom: 0.75rem;
}

.dark-mode .sidebar-footer-separator[b-1cn66ato15] {
    background: #334155;
}

.sidebar-footer-user[b-1cn66ato15] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.sidebar-footer-user-details[b-1cn66ato15] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    flex: 1;
    min-width: 0;
}

.sidebar-logout-btn[b-1cn66ato15] {
    border-radius: 999px;
    white-space: nowrap;
}

.dark-mode .sidebar-logout-btn[b-1cn66ato15] {
    border-color: #7f1d1d;
    color: #fecaca;
    background: #450a0a;
}

    .dark-mode .sidebar-logout-btn:hover[b-1cn66ato15],
    .dark-mode .sidebar-logout-btn:focus[b-1cn66ato15] {
        border-color: #991b1b;
        color: #ffffff;
        background: #7f1d1d;
    }
/* /Shared/Navigation/AppTitle.razor.rz.scp.css */
.brand-icon-wrap[b-ngcq5td8zo] {
    width: 2.65rem;
    height: 2.65rem;
    border-radius: 0.85rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    color: #1d4ed8;
    background: linear-gradient(145deg, #dbeafe 0%, #eff6ff 100%);
    border: 1px solid #bfdbfe;
}

.dark-mode .brand-icon-wrap[b-ngcq5td8zo] {
    color: #bfdbfe;
    background: linear-gradient(145deg, #1e293b 0%, #0f172a 100%);
    border: 1px solid #334155;
}
/* /Shared/Navigation/AppUserDetails.razor.rz.scp.css */
.account-profile-name[b-0q8j8o8dmc] {
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1.2;
}

.account-profile-role[b-0q8j8o8dmc] {
    font-size: 0.78rem;
    line-height: 1.15;
}
/* /Shared/Offline/OfflineStatusBanner.razor.rz.scp.css */
.offline-status-banner[b-crtyz0ug7c] {
    position: sticky;
    top: 0;
    z-index: 1040;
    padding: 0.65rem 1rem;
    font-size: 0.92rem;
    border-bottom: 1px solid transparent;
}

.offline-status-banner-offline[b-crtyz0ug7c] {
    background: #fff3cd;
    color: #664d03;
    border-bottom-color: #ffecb5;
}

.offline-status-banner-pending[b-crtyz0ug7c] {
    background: #cff4fc;
    color: #055160;
    border-bottom-color: #9eeaf9;
}

.offline-status-banner-error[b-crtyz0ug7c] {
    background: #f8d7da;
    color: #842029;
    border-bottom-color: #f5c2c7;
}

:global(.dark-mode) .offline-status-banner-offline[b-crtyz0ug7c] {
    background: #4a3f1d;
    color: #ffecb5;
    border-bottom-color: #6c5a1f;
}

:global(.dark-mode) .offline-status-banner-pending[b-crtyz0ug7c] {
    background: #0f3d47;
    color: #9eeaf9;
    border-bottom-color: #146c78;
}

:global(.dark-mode) .offline-status-banner-error[b-crtyz0ug7c] {
    background: #4a1f24;
    color: #f5c2c7;
    border-bottom-color: #842029;
}
