@import '_content/CG.CompLib/CG.CompLib.oqv84vkrn3.bundle.scp.css';

/* _content/CashGear.App/Components/CGRangeComponent.razor.rz.scp.css */

.date-range-picker[b-oqy4r9yf5h] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.date-picker-container[b-oqy4r9yf5h] {
    display: flex;
    gap: 1rem;
}

.date-picker[b-oqy4r9yf5h] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.date-range-presets[b-oqy4r9yf5h] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.preset-buttons[b-oqy4r9yf5h] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

@media (max-width: 768px) {
    .date-picker-container[b-oqy4r9yf5h] {
        flex-direction: column;
    }
}

/* _content/CashGear.App/Components/Layout/AppPromoBanner.razor.rz.scp.css */
/* Sits above .page, like ImpersonationBannerComp. That banner uses z-index 1050,
   so stay just below it - an impersonation warning outranks a promo. */
.app-promo[b-qmkri7oo9u] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.5rem 1rem;
    padding: 0.5rem 1rem;
    background-color: #17a2b8;
    border-bottom: 1px solid #138496;
    color: #fff;
    font-size: 0.9rem;
    line-height: 1.35;
    position: sticky;
    top: 0;
    z-index: 1040;
}

.app-promo-text[b-qmkri7oo9u] {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 0.25rem 0.5rem;
    min-width: 0;
}

.app-promo-title[b-qmkri7oo9u] {
    font-weight: 600;
}

.app-promo-hint[b-qmkri7oo9u] {
    opacity: 0.85;
    font-size: 0.8rem;
}

.app-promo-actions[b-qmkri7oo9u] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
}

.app-promo-btn[b-qmkri7oo9u] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border: 1px solid #fff;
    border-radius: 3px;
    background-color: transparent;
    color: #fff;
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap;
    touch-action: manipulation;
}

    .app-promo-btn:hover[b-qmkri7oo9u],
    .app-promo-btn:focus[b-qmkri7oo9u] {
        background-color: #fff;
        color: #138496;
        text-decoration: none;
    }

.app-promo-dismiss[b-qmkri7oo9u] {
    border: none;
    background: transparent;
    color: #fff;
    font-size: 1.35rem;
    line-height: 1;
    padding: 0 0.35rem;
    opacity: 0.8;
    cursor: pointer;
    touch-action: manipulation;
}

    .app-promo-dismiss:hover[b-qmkri7oo9u],
    .app-promo-dismiss:focus[b-qmkri7oo9u] {
        opacity: 1;
    }

@media (max-width: 640.98px) {
    .app-promo[b-qmkri7oo9u] {
        font-size: 0.85rem;
        padding: 0.5rem 0.75rem;
    }

    .app-promo-actions[b-qmkri7oo9u] {
        width: 100%;
        justify-content: space-between;
    }
}
/* _content/CashGear.App/Components/Layout/BackButton.razor.rz.scp.css */
[b-dpl2t0ihfc] .back-button {
    display: flex;
    align-items: center;
    background-color: #f0f0f0;
    border: none;
    border-radius: 5px;
    touch-action: manipulation;
}
/* Add this to your MainLayout.razor.css file */
.top-row .back-button[b-dpl2t0ihfc] {
    margin-left: 10px;
    background-color: transparent;
    color: #0366d6;
}

    .top-row .back-button:hover[b-dpl2t0ihfc] {
        background-color: rgba(0,0,0,0.05);
    }
[b-dpl2t0ihfc] .back-button.btn-small {
    padding: 4px 8px;
    font-size: 12px;
    margin: 2px;
}

    .back-button.btn-medium[b-dpl2t0ihfc] {
        padding: 8px 12px;
        font-size: 14px;
        margin: 5px 0;
    }

    .back-button.btn-large[b-dpl2t0ihfc] {
        padding: 12px 20px;
        font-size: 16px;
        margin: 10px 0;
    }

[b-dpl2t0ihfc] .back-arrow {
    margin-right: 3px;
    font-weight: bold;
}
/* _content/CashGear.App/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-jlmmpsecd8] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100svh;
    background: #f4f6f9;
}

.main-content[b-jlmmpsecd8] {
    flex: 1;
    min-width: 0;
}

.top-row[b-jlmmpsecd8] {
    position: sticky;
    top: 0;
    z-index: 20;
    background-color: #ffffff;
    border-bottom: 1px solid #dfe3e8;
    min-height: 64px;
    display: flex;
    align-items: center;
}

    .top-row[b-jlmmpsecd8]  a,
    .top-row[b-jlmmpsecd8]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row a:first-child[b-jlmmpsecd8] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-jlmmpsecd8]  a,
    .top-row[b-jlmmpsecd8]  .btn-link {
        margin-left: 0;
    }
}

@media (max-width: 767.98px) {
    .top-row[b-jlmmpsecd8] {
        min-height: 64px;
        padding-inline-start: 4rem !important;
        padding-inline-end: 1rem !important;
    }

    .content[b-jlmmpsecd8] {
        padding: 1rem 1rem 3rem !important;
    }
}

@media (min-width: 768px) {
    .page[b-jlmmpsecd8] {
        flex-direction: row;
    }

    .top-row[b-jlmmpsecd8],
    article[b-jlmmpsecd8] {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }

    .content[b-jlmmpsecd8] {
        padding-top: 1.5rem;
        padding-bottom: 3rem;
    }
}
/* _content/CashGear.App/Components/Layout/NavMenu.razor.rz.scp.css */
.nav-mobile-trigger[b-702zesyzvh],
.nav-collapse-button[b-702zesyzvh],
.nav-close-button[b-702zesyzvh],
.tree-arrow-button[b-702zesyzvh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    background: transparent;
    color: #202936;
    cursor: pointer;
}

.nav-mobile-trigger[b-702zesyzvh] {
    position: fixed;
    inset-block-start: 14px;
    inset-inline-start: 12px;
    z-index: 30;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    font-size: 1.35rem;
}

.nav-mobile-trigger:hover[b-702zesyzvh],
.nav-collapse-button:hover[b-702zesyzvh],
.nav-close-button:hover[b-702zesyzvh],
.tree-arrow-button:hover[b-702zesyzvh] {
    background: #f2f5fa;
    color: #1769ff;
}

.nav-mobile-trigger:focus-visible[b-702zesyzvh],
.nav-collapse-button:focus-visible[b-702zesyzvh],
.nav-close-button:focus-visible[b-702zesyzvh],
.tree-arrow-button:focus-visible[b-702zesyzvh],
.nav-link:focus-visible[b-702zesyzvh],
[b-702zesyzvh] .nav-link:focus-visible {
    outline: 2px solid #1769ff;
    outline-offset: 2px;
}

.nav-backdrop[b-702zesyzvh] {
    position: fixed;
    inset: 0;
    z-index: 35;
    border: 0;
    background: rgb(15 23 42 / 44%);
}

.nav-shell[b-702zesyzvh] {
    position: fixed;
    inset-block: 0;
    inset-inline-start: 0;
    z-index: 40;
    display: flex;
    flex-direction: column;
    width: min(304px, calc(100vw - 48px));
    min-height: 0;
    border-inline-end: 1px solid #dfe3e8;
    background: #ffffff;
    box-shadow: 12px 0 32px rgb(15 23 42 / 16%);
    visibility: hidden;
    transform: translateX(-105%);
    transition: transform 160ms ease, visibility 160ms ease;
}

[dir="rtl"] .nav-shell[b-702zesyzvh] {
    box-shadow: -12px 0 32px rgb(15 23 42 / 16%);
    transform: translateX(105%);
}

.nav-shell--open[b-702zesyzvh],
[dir="rtl"] .nav-shell--open[b-702zesyzvh] {
    visibility: visible;
    transform: translateX(0);
}

.nav-header[b-702zesyzvh] {
    flex: none;
    display: flex;
    align-items: center;
    min-height: 64px;
    padding: 8px 12px;
    border-bottom: 1px solid #dfe3e8;
}

.nav-brand[b-702zesyzvh] {
    display: none;
    align-items: center;
    min-width: 0;
    color: #172033;
    text-decoration: none;
}

.nav-logo[b-702zesyzvh] {
    width: 38px;
    height: 38px;
    object-fit: contain;
}

.nav-brand-meta[b-702zesyzvh] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    margin-inline-start: 9px;
    line-height: 1.15;
}

.nav-brand-meta strong[b-702zesyzvh],
.nav-brand-meta small[b-702zesyzvh] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nav-brand-meta strong[b-702zesyzvh] {
    font-size: .9rem;
}

.nav-brand-meta small[b-702zesyzvh] {
    margin-top: 3px;
    color: #667085;
    font-size: .68rem;
}

.nav-mobile-heading[b-702zesyzvh] {
    flex: 1;
    color: #667085;
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .055em;
    text-transform: uppercase;
}

.nav-collapse-button[b-702zesyzvh] {
    display: none;
}

.nav-close-button[b-702zesyzvh],
.nav-collapse-button[b-702zesyzvh] {
    flex: none;
    width: 36px;
    height: 36px;
    border-radius: 8px;
}

.nav-scrollable[b-702zesyzvh] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-color: #d7dce3 transparent;
    scrollbar-width: thin;
}

.nav-content[b-702zesyzvh] {
    padding: 10px 12px 18px;
}

.nav-group + .nav-group[b-702zesyzvh] {
    margin-top: 14px;
}

.nav-module-group[b-702zesyzvh] {
    padding-block-start: 2px;
}

.nav-group + .nav-module-group[b-702zesyzvh],
.nav-module-group + .nav-module-group[b-702zesyzvh] {
    margin-top: 4px;
}

.nav-group-title[b-702zesyzvh] {
    margin: 0 0 4px;
    padding: 0 10px;
    color: #667085;
    font-size: .69rem;
    font-weight: 700;
    letter-spacing: .055em;
    text-transform: uppercase;
}

.nav-item[b-702zesyzvh],
.nav-row[b-702zesyzvh] {
    min-width: 0;
}

.nav-row[b-702zesyzvh] {
    display: flex;
    align-items: center;
}

.nav-link[b-702zesyzvh],
[b-702zesyzvh] .nav-link {
    position: relative;
    display: flex;
    flex: 1;
    align-items: center;
    gap: 10px;
    min-width: 0;
    min-height: 44px;
    margin: 0;
    padding: 8px 10px;
    border: 0;
    border-radius: 9px;
    background: transparent;
    color: #202936;
    font: inherit;
    font-size: .875rem;
    text-align: start;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 140ms ease, color 140ms ease;
}

.nav-link[b-702zesyzvh]::before,
[b-702zesyzvh] .nav-link::before {
    position: absolute;
    inset-block: 8px;
    inset-inline-start: 0;
    width: 3px;
    border-radius: 999px;
    background: transparent;
    content: "";
}

.nav-link:hover[b-702zesyzvh],
[b-702zesyzvh] .nav-link:hover {
    background: #f2f6ff;
    color: #1769ff;
}

[b-702zesyzvh] .nav-link.active {
    background: #eaf0ff;
    color: #1769ff;
    font-weight: 650;
}

[b-702zesyzvh] .nav-link.active::before {
    background: #1769ff;
}

.nav-icon[b-702zesyzvh] {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 22px;
    font-size: 1.05rem;
}

.nav-icon i[b-702zesyzvh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.15rem;
    height: 1.15rem;
    overflow: hidden;
    font-size: 1rem;
    line-height: 1;
}

.nav-module-row > .nav-link[b-702zesyzvh] {
    font-weight: 650;
}

.nav-label[b-702zesyzvh] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tree-arrow-button[b-702zesyzvh] {
    flex: none;
    width: 30px;
    height: 40px;
    border-radius: 8px;
    font-size: .75rem;
}

.tree-children[b-702zesyzvh] {
    display: none;
}

.tree-children--open[b-702zesyzvh] {
    display: block;
}

.tree-level-one[b-702zesyzvh] {
    margin-inline-start: 14px;
    border-inline-start: 1px solid #e5e8ed;
}

.tree-level-two[b-702zesyzvh] {
    margin-inline-start: 30px;
    border-inline-start: 1px solid #e5e8ed;
}

.tree-level-two[b-702zesyzvh]  .nav-link {
    min-height: 40px;
    font-size: .82rem;
}

[dir="rtl"] .collapse-icon[b-702zesyzvh],
[dir="rtl"] .tree-arrow-button .bi-chevron-right[b-702zesyzvh] {
    transform: rotate(180deg);
}

@media (prefers-reduced-motion: reduce) {
    .nav-shell[b-702zesyzvh],
    .nav-link[b-702zesyzvh],
    [b-702zesyzvh] .nav-link {
        transition: none;
    }
}

@media (min-width: 768px) {
    .nav-mobile-trigger[b-702zesyzvh],
    .nav-backdrop[b-702zesyzvh],
    .nav-close-button[b-702zesyzvh],
    .nav-mobile-heading[b-702zesyzvh] {
        display: none;
    }

    .nav-shell[b-702zesyzvh],
    [dir="rtl"] .nav-shell[b-702zesyzvh] {
        position: sticky;
        inset: auto;
        top: 0;
        z-index: 25;
        flex: 0 0 248px;
        width: 248px;
        height: 100svh;
        visibility: visible;
        transform: none;
        box-shadow: none;
        transition: flex-basis 160ms ease, width 160ms ease;
    }

    .nav-brand[b-702zesyzvh] {
        display: flex;
        flex: 1;
    }

    .nav-collapse-button[b-702zesyzvh] {
        display: inline-flex;
    }

    .nav-shell--collapsed[b-702zesyzvh],
    [dir="rtl"] .nav-shell--collapsed[b-702zesyzvh] {
        flex-basis: 64px;
        width: 64px;
    }

    .nav-shell--collapsed .nav-header[b-702zesyzvh] {
        justify-content: center;
        padding-inline: 8px;
    }

    .nav-shell--collapsed .nav-brand[b-702zesyzvh],
    .nav-shell--collapsed .nav-group-title[b-702zesyzvh],
    .nav-shell--collapsed .nav-label[b-702zesyzvh],
    .nav-shell--collapsed .tree-arrow-button[b-702zesyzvh],
    .nav-shell--collapsed .tree-children[b-702zesyzvh] {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip-path: inset(50%);
        white-space: nowrap;
    }

    .nav-shell--collapsed .nav-content[b-702zesyzvh] {
        padding-inline: 8px;
    }

    .nav-shell--collapsed .nav-group + .nav-group[b-702zesyzvh] {
        margin-top: 6px;
    }

    .nav-shell--collapsed .nav-module-group[b-702zesyzvh] {
        padding-block-start: 0;
    }

    .nav-shell--collapsed .nav-row[b-702zesyzvh],
    .nav-shell--collapsed .nav-item[b-702zesyzvh] {
        display: flex;
        justify-content: center;
    }

    .nav-shell--collapsed .nav-link[b-702zesyzvh],
    .nav-shell--collapsed[b-702zesyzvh]  .nav-link {
        flex: 0 0 48px;
        justify-content: center;
        width: 48px;
        padding-inline: 0;
    }

    .nav-shell--collapsed .collapse-icon[b-702zesyzvh] {
        transform: rotate(180deg);
    }

    [dir="rtl"] .nav-shell--collapsed .collapse-icon[b-702zesyzvh] {
        transform: rotate(0);
    }
}
/* _content/CashGear.App/Components/ModuleAreaComp.razor.rz.scp.css */

.sales-container[b-b8vmstqdan] {
    padding: 1.5rem;
    max-width: 1440px;
    margin: 0 auto;
}

.sales-header[b-b8vmstqdan] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e0e0e0;
}

    .sales-header h1[b-b8vmstqdan] {
        color: #2c3e50;
        font-size: 1.75rem;
        margin: 0;
    }

.quick-actions[b-b8vmstqdan] {
    display: flex;
    gap: 0.5rem;
}

.action-button[b-b8vmstqdan] {
    display: flex;
    align-items: center;
    padding: 0.5rem 1rem;
    border-radius: 4px;
    border: none;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
}

    .action-button i[b-b8vmstqdan] {
        margin-right: 0.5rem;
    }

    .action-button.primary[b-b8vmstqdan] {
        background-color: #3498db;
        color: white;
    }

        .action-button.primary:hover[b-b8vmstqdan] {
            background-color: #2980b9;
        }

    .action-button.secondary[b-b8vmstqdan] {
        background-color: #f8f9fa;
        color: #3498db;
        border: 1px solid #e0e0e0;
    }

        .action-button.secondary:hover[b-b8vmstqdan] {
            background-color: #e9ecef;
        }

.module-nav[b-b8vmstqdan] {
    margin-bottom: 1.5rem;
}

.nav-tabs[b-b8vmstqdan] {
    display: flex;
    border-bottom: 1px solid #dee2e6;
    overflow-x: auto;
    scrollbar-width: thin;
    -ms-overflow-style: none;
}

    .nav-tabs[b-b8vmstqdan]::-webkit-scrollbar {
        height: 4px;
    }

    .nav-tabs[b-b8vmstqdan]::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, 0.2);
        border-radius: 4px;
    }

.nav-tab[b-b8vmstqdan] {
    padding: 0.75rem 1.25rem;
    border: none;
    background: none;
    color: #6c757d;
    font-weight: 500;
    cursor: pointer;
    white-space: nowrap;
    display: flex;
    align-items: center;
    border-bottom: 2px solid transparent;
    transition: all 0.2s;
}

    .nav-tab i[b-b8vmstqdan] {
        margin-right: 0.5rem;
        font-size: 1.1rem;
    }

    .nav-tab.active[b-b8vmstqdan] {
        color: #3498db;
        border-bottom-color: #3498db;
    }

    .nav-tab:hover:not(.active)[b-b8vmstqdan] {
        color: #495057;
        background-color: #f8f9fa;
    }

.content-grid[b-b8vmstqdan] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 1rem;
}

.menu-card[b-b8vmstqdan] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.5rem 1rem;
    background-color: white;
    border-radius: 6px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    transition: all 0.2s;
    position: relative;
    border: 1px solid #e0e0e0;
}

    .menu-card:hover[b-b8vmstqdan] {
        transform: translateY(-3px);
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }

    .menu-card.action[b-b8vmstqdan] {
        background-color: #e3f2fd;
        border-color: #bbdefb;
    }

.card-icon[b-b8vmstqdan] {
    font-size: 1.75rem;
    color: #3498db;
    margin-bottom: 0.75rem;
}

.card-label[b-b8vmstqdan] {
    font-weight: 500;
    text-align: center;
    color: #2c3e50;
}

.folder-badge[b-b8vmstqdan] {
    position: absolute;
    top: 8px;
    right: 8px;
    font-size: 0.7rem;
    padding: 0.15rem 0.5rem;
    background-color: #f8f9fa;
    border-radius: 12px;
    color: #6c757d;
}

.loading-state[b-b8vmstqdan] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
}

.spinner[b-b8vmstqdan] {
    width: 2.5rem;
    height: 2.5rem;
    border: 3px solid #f3f3f3;
    border-top: 3px solid #3498db;
    border-radius: 50%;
    animation: spin-b-b8vmstqdan 1s linear infinite;
    margin-bottom: 1rem;
}

@keyframes spin-b-b8vmstqdan {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@media (max-width: 768px) {
    .sales-header[b-b8vmstqdan] {
        flex-direction: column;
        align-items: flex-start;
    }

    .quick-actions[b-b8vmstqdan] {
        margin-top: 1rem;
        width: 100%;
    }

    .action-button[b-b8vmstqdan] {
        flex: 1;
        justify-content: center;
    }

    .content-grid[b-b8vmstqdan] {
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    }
}
/* _content/CashGear.App/Components/ModuleAreaComp2.razor.rz.scp.css */

.sales-container[b-48qh1brxg3] {
    padding: 1.5rem;
    max-width: 1440px;
    margin: 0 auto;
}

.sales-header[b-48qh1brxg3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e0e0e0;
}

    .sales-header h1[b-48qh1brxg3] {
        color: #2c3e50;
        font-size: 1.75rem;
        margin: 0;
    }
.search-box[b-48qh1brxg3] {
    flex: 2;
    max-width: 500px;
}
.search-input-wrapper[b-48qh1brxg3] {
    position: relative;
    width: 100%;
}

.search-icon[b-48qh1brxg3] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #6c757d;
}
.search-input[b-48qh1brxg3] {
    width: 100%;
    padding: 0.5rem 2.5rem;
    border-radius: 4px;
    border: 1px solid #ced4da;
    font-size: 0.95rem;
    transition: border-color 0.2s;
}

    .search-input:focus[b-48qh1brxg3] {
        outline: none;
        border-color: #3498db;
        box-shadow: 0 0 0 0.2rem rgba(52, 152, 219, 0.25);
    }

.search-clear-btn[b-48qh1brxg3] {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: #6c757d;
    cursor: pointer;
    font-size: 1.1rem;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
}

    .search-clear-btn:hover[b-48qh1brxg3] {
        background-color: #f8f9fa;
    }
.quick-actions[b-48qh1brxg3] {
    display: flex;
    gap: 0.5rem;
}

.action-button[b-48qh1brxg3] {
    display: flex;
    align-items: center;
    padding: 0.5rem 1rem;
    border-radius: 4px;
    border: none;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
}

    .action-button i[b-48qh1brxg3] {
        margin-right: 0.5rem;
    }

    .action-button.primary[b-48qh1brxg3] {
        background-color: #3498db;
        color: white;
    }

        .action-button.primary:hover[b-48qh1brxg3] {
            background-color: #2980b9;
        }

    .action-button.secondary[b-48qh1brxg3] {
        background-color: #f8f9fa;
        color: #3498db;
        border: 1px solid #e0e0e0;
    }

        .action-button.secondary:hover[b-48qh1brxg3] {
            background-color: #e9ecef;
        }

.module-nav[b-48qh1brxg3] {
    margin-bottom: 1.5rem;
}

.nav-tabs[b-48qh1brxg3] {
    display: flex;
    border-bottom: 1px solid #dee2e6;
    overflow-x: auto;
    scrollbar-width: thin;
    -ms-overflow-style: none;
}

    .nav-tabs[b-48qh1brxg3]::-webkit-scrollbar {
        height: 4px;
    }

    .nav-tabs[b-48qh1brxg3]::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, 0.2);
        border-radius: 4px;
    }

.nav-tab[b-48qh1brxg3] {
    padding: 0.75rem 1.25rem;
    border: none;
    background: none;
    color: #6c757d;
    font-weight: 500;
    cursor: pointer;
    white-space: nowrap;
    display: flex;
    align-items: center;
    border-bottom: 2px solid transparent;
    transition: all 0.2s;
}

    .nav-tab i[b-48qh1brxg3] {
        margin-right: 0.5rem;
        font-size: 1.1rem;
    }

    .nav-tab.active[b-48qh1brxg3] {
        color: #3498db;
        border-bottom-color: #3498db;
    }

    .nav-tab:hover:not(.active)[b-48qh1brxg3] {
        color: #495057;
        background-color: #f8f9fa;
    }

.content-grid[b-48qh1brxg3] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 1rem;
}

.menu-card[b-48qh1brxg3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.5rem 1rem;
    background-color: white;
    border-radius: 6px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    transition: all 0.2s;
    position: relative;
    border: 1px solid #e0e0e0;
}

    .menu-card:hover[b-48qh1brxg3] {
        transform: translateY(-3px);
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }

    .menu-card.action[b-48qh1brxg3] {
        background-color: #e3f2fd;
        border-color: #bbdefb;
    }

.card-icon[b-48qh1brxg3] {
    font-size: 1.75rem;
    color: #3498db;
    margin-bottom: 0.75rem;
}

.card-label[b-48qh1brxg3] {
    font-weight: 500;
    text-align: center;
    color: #2c3e50;
}

.folder-badge[b-48qh1brxg3] {
    position: absolute;
    top: 8px;
    right: 8px;
    font-size: 0.7rem;
    padding: 0.15rem 0.5rem;
    background-color: #f8f9fa;
    border-radius: 12px;
    color: #6c757d;
}

.loading-state[b-48qh1brxg3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
}

.spinner[b-48qh1brxg3] {
    width: 2.5rem;
    height: 2.5rem;
    border: 3px solid #f3f3f3;
    border-top: 3px solid #3498db;
    border-radius: 50%;
    animation: spin-b-48qh1brxg3 1s linear infinite;
    margin-bottom: 1rem;
}

@keyframes spin-b-48qh1brxg3 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@media (max-width: 768px) {
    .sales-header[b-48qh1brxg3] {
        flex-direction: column;
        align-items: flex-start;
    }

    .quick-actions[b-48qh1brxg3] {
        margin-top: 1rem;
        width: 100%;
    }

    .action-button[b-48qh1brxg3] {
        flex: 1;
        justify-content: center;
    }

    .content-grid[b-48qh1brxg3] {
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    }
}
/* _content/CashGear.App/Components/MyComponents/CGActionPane.razor.rz.scp.css */
.cg-action-pane[b-hmst6p38er] {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 0;
    padding: 0.5rem 0.75rem;
    background: var(--cg-actionpane-bg, #f8f9fa);
    border-bottom: 1px solid var(--cg-actionpane-border, #dee2e6);
    overflow: hidden;
}

.cg-action-pane-sticky[b-hmst6p38er] {
    position: sticky;
    top: 0;
    z-index: 100;
}

.cg-action-group[b-hmst6p38er] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 0.75rem;
    border-right: 1px solid var(--cg-actionpane-border, #dee2e6);
    min-width: 0;
}

.cg-action-pane[dir="rtl"] .cg-action-group[b-hmst6p38er] {
    border-right: none;
    border-left: 1px solid var(--cg-actionpane-border, #dee2e6);
}

.cg-action-group:last-child[b-hmst6p38er] {
    border: none;
}

.cg-action-group-body[b-hmst6p38er] {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.25rem;
    align-items: center;
    flex: 1;
}

.cg-action-group-title[b-hmst6p38er] {
    font-size: 0.7rem;
    text-transform: uppercase;
    color: var(--cg-actionpane-title, #6c757d);
    margin-top: 0.25rem;
    letter-spacing: 0.03em;
}

.cg-action-btn[b-hmst6p38er] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.25rem 0.6rem;
    font-size: 0.875rem;
    white-space: nowrap;
}

.cg-action-icon[b-hmst6p38er] {
    font-size: 1rem;
}

.cg-action-sep[b-hmst6p38er] {
    width: 1px;
    align-self: stretch;
    background: var(--cg-actionpane-border, #dee2e6);
    margin: 0 0.25rem;
}

.cg-collapsed[b-hmst6p38er] {
    display: none;
}
/* _content/CashGear.App/Components/MyComponents/NotificationBell.razor.rz.scp.css */
.notification-bell-container[b-x7es6884i1] {
    position: relative;
    z-index: 55;
}

.notification-bell[b-x7es6884i1],
.close-popup-btn[b-x7es6884i1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    background: transparent;
    color: #344054;
    cursor: pointer;
}

.notification-bell[b-x7es6884i1] {
    position: relative;
    width: 38px;
    height: 38px;
    border-radius: 9px;
    font-size: 1.15rem;
}

.notification-bell:hover[b-x7es6884i1],
.close-popup-btn:hover[b-x7es6884i1] {
    background: #f2f6ff;
    color: #1769ff;
}

.notification-bell:focus-visible[b-x7es6884i1],
.close-popup-btn:focus-visible[b-x7es6884i1],
.notification-card:focus-visible[b-x7es6884i1],
.popup-search input:focus-visible[b-x7es6884i1] {
    outline: 2px solid #1769ff;
    outline-offset: 2px;
}

.notification-badge[b-x7es6884i1] {
    position: absolute;
    inset-block-start: 1px;
    inset-inline-end: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 17px;
    height: 17px;
    padding-inline: 4px;
    border: 2px solid #ffffff;
    border-radius: 999px;
    background: #e5484d;
    color: #ffffff;
    font-size: .62rem;
    font-weight: 700;
    line-height: 1;
}

.notification-overlay[b-x7es6884i1] {
    position: fixed;
    inset: 0;
    z-index: 50;
    border: 0;
    background: transparent;
}

.notification-popup[b-x7es6884i1] {
    position: absolute;
    inset-block-start: calc(100% + 10px);
    inset-inline-end: 0;
    z-index: 60;
    display: flex;
    flex-direction: column;
    width: min(390px, calc(100vw - 24px));
    max-height: min(620px, calc(100vh - 84px));
    overflow: hidden;
    border: 1px solid #dfe3e8;
    border-radius: 14px;
    background: #ffffff;
    box-shadow: 0 18px 48px rgb(15 23 42 / 18%);
}

.popup-header[b-x7es6884i1] {
    display: flex;
    flex: none;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 18px 13px;
    border-bottom: 1px solid #eaecf0;
}

.popup-header h2[b-x7es6884i1],
.popup-header p[b-x7es6884i1] {
    margin: 0;
}

.popup-header h2[b-x7es6884i1] {
    color: #101828;
    font-size: 1rem;
    font-weight: 700;
}

.popup-header p[b-x7es6884i1] {
    margin-top: 3px;
    color: #667085;
    font-size: .78rem;
}

.close-popup-btn[b-x7es6884i1] {
    flex: none;
    width: 32px;
    height: 32px;
    border-radius: 8px;
}

.popup-search[b-x7es6884i1] {
    display: flex;
    flex: none;
    align-items: center;
    gap: 9px;
    margin: 12px 14px 8px;
    padding: 0 11px;
    border: 1px solid #dfe3e8;
    border-radius: 9px;
    color: #667085;
}

.popup-search:focus-within[b-x7es6884i1] {
    border-color: #7ca5fb;
    box-shadow: 0 0 0 3px rgb(23 105 255 / 10%);
}

.popup-search input[b-x7es6884i1] {
    width: 100%;
    min-width: 0;
    height: 38px;
    border: 0;
    outline: 0;
    background: transparent;
    color: #172033;
    font: inherit;
    font-size: .875rem;
}

.popup-search input:focus-visible[b-x7es6884i1] {
    outline: 0;
}

.popup-content[b-x7es6884i1] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding: 4px 8px 10px;
    scrollbar-color: #d7dce3 transparent;
    scrollbar-width: thin;
}

.notification-card[b-x7es6884i1] {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    width: 100%;
    margin: 0;
    padding: 11px 10px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: #172033;
    font: inherit;
    text-align: start;
    cursor: pointer;
}

.notification-card:hover[b-x7es6884i1] {
    background: #f5f7fb;
}

.notification-card.unread[b-x7es6884i1] {
    background: #f2f6ff;
}

.notification-card.unread:hover[b-x7es6884i1] {
    background: #eaf0ff;
}

.notification-avatar[b-x7es6884i1] {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #eaf0ff;
    color: #1769ff;
    font-size: .75rem;
    font-weight: 750;
}

.notification-body[b-x7es6884i1] {
    display: block;
    flex: 1;
    min-width: 0;
}

.notification-header-row[b-x7es6884i1] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
}

.notification-name[b-x7es6884i1] {
    min-width: 0;
    overflow: hidden;
    color: #101828;
    font-size: .85rem;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.notification-preview[b-x7es6884i1] {
    display: -webkit-box;
    margin-top: 3px;
    overflow: hidden;
    color: #667085;
    font-size: .8rem;
    line-height: 1.4;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.unread-dot[b-x7es6884i1] {
    flex: none;
    width: 7px;
    height: 7px;
    margin-top: 7px;
    border-radius: 50%;
    background: #1769ff;
}

.empty-state[b-x7es6884i1] {
    display: grid;
    justify-items: center;
    gap: 9px;
    padding: 38px 20px 42px;
    color: #667085;
    text-align: center;
}

.empty-state i[b-x7es6884i1] {
    color: #98a2b3;
    font-size: 1.6rem;
}

.empty-state p[b-x7es6884i1] {
    margin: 0;
    font-size: .875rem;
}

@media (max-width: 575.98px) {
    .notification-popup[b-x7es6884i1] {
        position: fixed;
        inset-block-start: 68px;
        inset-inline: 12px;
        width: auto;
        max-height: calc(100dvh - 80px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .notification-bell[b-x7es6884i1],
    .notification-card[b-x7es6884i1] {
        transition: none;
    }
}
/* _content/CashGear.App/Components/Pages/Accounting/LrdgerJournalPages/EditLedgerJournalPage.razor.rz.scp.css */
/* Edit Journal command bar: identity + status + balance summary + toolbar.
   Palette follows the newest house CSS (OrdersBoard / ProdBoard / InvBoard):
   #e5e7eb borders, #111827 values, #6b7280 labels, #f8fafc surfaces.
   Logical properties throughout - the app renders RTL for Arabic. */

/* The header scrolls away; only the toolbar strip pins. A sticky element is only
   held within its parent's box, so .jrn-toolbar-bar must be a direct child of the
   page (not nested with the header) to stay pinned for the whole scroll. */

/* Both bleed to the edges of article.content, which pads its sides. */
.jrn-header[b-3jd9oja0dk],
.jrn-toolbar-bar[b-3jd9oja0dk] {
    margin-inline: -1.5rem;
    padding-inline: 1.5rem;
    background: #fff;
}

.jrn-toolbar-bar[b-3jd9oja0dk] {
    position: sticky;
    inset-block-start: 0;
    z-index: 20; /* over the tab strip and grid headers, far below DevExpress popups */
    border-block: 1px solid #e5e7eb;
    box-shadow: 0 1px 3px rgba(16, 24, 40, .07);
    margin-block-end: 1.25rem;
}

/* MainLayout pins .top-row (60px tall) only from 641px up, and pads article.content
   with *physical* left/right values. Mirror both here - the asymmetry is deliberate,
   not an RTL oversight. */
@media (min-width: 641px) {
    .jrn-toolbar-bar[b-3jd9oja0dk] {
        inset-block-start: 60px;
    }

    .jrn-header[b-3jd9oja0dk],
    .jrn-toolbar-bar[b-3jd9oja0dk] {
        margin-left: -2rem;
        margin-right: -1.5rem;
        padding-left: 2rem;
        padding-right: 1.5rem;
    }
}

/* ---- Header: identity + summary ---- */

.jrn-header[b-3jd9oja0dk] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    padding-block: .5rem .8rem;
}

.jrn-identity[b-3jd9oja0dk] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
    min-inline-size: 0;
}

.jrn-eyebrow[b-3jd9oja0dk] {
    font-size: .7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: #6b7280;
    line-height: 1;
}

.jrn-num[b-3jd9oja0dk] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #111827;
    line-height: 1.15;
    overflow-wrap: anywhere;
}

.jrn-badges[b-3jd9oja0dk] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    margin-block-start: .15rem;
}

.jrn-sub[b-3jd9oja0dk] {
    font-size: .85rem;
    color: #6b7280;
}

.jrn-sep[b-3jd9oja0dk] {
    margin-inline: .4rem;
    color: #9ca3af;
}

/* ---- Balance summary tiles ---- */

.jrn-stats[b-3jd9oja0dk] {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
}

.jrn-stat[b-3jd9oja0dk] {
    min-inline-size: 8.5rem;
    padding: .5rem .75rem;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-inline-start: 3px solid #9ca3af;
    border-radius: 10px;
    text-align: start;
}

.jrn-stat-label[b-3jd9oja0dk] {
    font-size: .68rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #6b7280;
    white-space: nowrap;
}

.jrn-stat-value[b-3jd9oja0dk] {
    font-size: 1.15rem;
    font-weight: 600;
    color: #111827;
    font-variant-numeric: tabular-nums;
    line-height: 1.3;
}

.jrn-stat.is-good[b-3jd9oja0dk] {
    border-inline-start-color: #16a34a;
}

    .jrn-stat.is-good .jrn-stat-value[b-3jd9oja0dk] {
        color: #15803d;
    }

.jrn-stat.is-bad[b-3jd9oja0dk] {
    border-inline-start-color: #e11d48;
    background: #fff1f2;
}

    .jrn-stat.is-bad .jrn-stat-value[b-3jd9oja0dk] {
        color: #be123c;
    }

/* ---- Toolbar ----
   DxToolbar renders its own markup, so it needs ::deep to be reachable
   from this page's scoped stylesheet. */

.jrn-toolbar-bar[b-3jd9oja0dk]  .jrn-toolbar {
    background: transparent;
    border: none;
    border-radius: 0;
    padding-block: .35rem;
    padding-inline: 0;
}

.jrn-toolbar-bar[b-3jd9oja0dk]  .jrn-toolbar .dxbl-toolbar-item-separator {
    margin-inline: .4rem;
}

/* ---- Narrow screens ---- */

@media (max-width: 640.98px) {
    .jrn-header[b-3jd9oja0dk] {
        align-items: flex-start;
        gap: .75rem;
    }

    .jrn-num[b-3jd9oja0dk] {
        font-size: 1.25rem;
    }

    .jrn-stats[b-3jd9oja0dk] {
        inline-size: 100%;
    }

    .jrn-stat[b-3jd9oja0dk] {
        flex: 1 1 7rem;
        min-inline-size: 7rem;
    }
}
/* _content/CashGear.App/Components/Pages/Admin/SystemTreeNodePage.razor.rz.scp.css */
.menu-admin-page[b-kvb6yzm0k8] {
    width: min(1440px, 100%);
    margin-inline: auto;
    color: #1a1c23;
    font-family: "Segoe UI", Tahoma, system-ui, sans-serif;
}

.menu-admin-header[b-kvb6yzm0k8] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.25rem;
    margin-block-end: 1.25rem;
    padding: 1.5rem;
    border: 1px solid #cbd9fb;
    border-radius: 14px;
    background: linear-gradient(135deg, #edf3ff 0%, #ffffff 72%);
}

.menu-admin-title[b-kvb6yzm0k8] {
    min-inline-size: 0;
}

.menu-admin-eyebrow[b-kvb6yzm0k8],
.assignment-kicker[b-kvb6yzm0k8] {
    color: #2563eb;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .065em;
    text-transform: uppercase;
}

.menu-admin-title h1[b-kvb6yzm0k8] {
    margin: .2rem 0 .35rem;
    color: #101828;
    font-size: clamp(1.65rem, 4vw, 2.15rem);
    font-weight: 750;
    line-height: 1.15;
}

.menu-admin-title p[b-kvb6yzm0k8],
.menu-toolbar-copy span[b-kvb6yzm0k8],
.assignment-section-heading p[b-kvb6yzm0k8],
.assignment-node-summary p[b-kvb6yzm0k8],
.remove-confirmation p[b-kvb6yzm0k8] {
    margin: 0;
    color: #667085;
}

.menu-admin-stats[b-kvb6yzm0k8] {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
}

.menu-stat[b-kvb6yzm0k8] {
    min-inline-size: 6.5rem;
    padding: .65rem .85rem;
    border: 1px solid #e2e4e9;
    border-inline-start: 3px solid #94a3b8;
    border-radius: 10px;
    background: rgb(255 255 255 / 86%);
}

.menu-stat--active[b-kvb6yzm0k8] {
    border-inline-start-color: #16a34a;
}

.menu-stat span[b-kvb6yzm0k8],
.menu-stat strong[b-kvb6yzm0k8] {
    display: block;
}

.menu-stat span[b-kvb6yzm0k8] {
    color: #667085;
    font-size: .7rem;
    font-weight: 650;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.menu-stat strong[b-kvb6yzm0k8] {
    margin-block-start: .15rem;
    color: #101828;
    font-size: 1.2rem;
    font-variant-numeric: tabular-nums;
}

.menu-surface[b-kvb6yzm0k8] {
    overflow: hidden;
    border: 1px solid #e2e4e9;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 2px 8px rgb(15 23 42 / 5%);
}

.menu-toolbar[b-kvb6yzm0k8] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.15rem;
    border-block-end: 1px solid #e2e4e9;
}

.menu-toolbar-copy h2[b-kvb6yzm0k8],
.assignment-section-heading h4[b-kvb6yzm0k8],
.assignment-node-summary h3[b-kvb6yzm0k8],
.remove-confirmation h3[b-kvb6yzm0k8] {
    margin: 0;
    color: #101828;
}

.menu-toolbar-copy h2[b-kvb6yzm0k8] {
    font-size: 1rem;
    font-weight: 700;
}

.menu-toolbar-copy span[b-kvb6yzm0k8],
.assignment-section-heading p[b-kvb6yzm0k8] {
    font-size: .82rem;
}

.menu-toolbar-actions[b-kvb6yzm0k8],
.row-actions[b-kvb6yzm0k8],
.assignment-actions[b-kvb6yzm0k8] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.menu-button[b-kvb6yzm0k8],
.icon-button[b-kvb6yzm0k8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    font: inherit;
    font-weight: 650;
    cursor: pointer;
    transition: border-color 140ms ease, background-color 140ms ease, color 140ms ease, box-shadow 140ms ease;
}

.menu-button[b-kvb6yzm0k8] {
    min-block-size: 2.35rem;
    gap: .45rem;
    padding: .48rem .8rem;
    border-radius: 8px;
    font-size: .84rem;
}

.menu-button--primary[b-kvb6yzm0k8] {
    border-color: #2563eb;
    background: #2563eb;
    color: #ffffff;
}

.menu-button--primary:hover:not(:disabled)[b-kvb6yzm0k8] {
    border-color: #1d4ed8;
    background: #1d4ed8;
}

.menu-button--secondary[b-kvb6yzm0k8] {
    border-color: #d7dae0;
    background: #ffffff;
    color: #344054;
}

.menu-button--secondary:hover:not(:disabled)[b-kvb6yzm0k8] {
    border-color: #a8b9df;
    background: #f7f9fe;
    color: #1d4ed8;
}

.menu-button--danger[b-kvb6yzm0k8] {
    border-color: #dc2626;
    background: #dc2626;
    color: #ffffff;
}

.menu-button--danger:hover:not(:disabled)[b-kvb6yzm0k8] {
    background: #b91c1c;
}

.menu-button:focus-visible[b-kvb6yzm0k8],
.icon-button:focus-visible[b-kvb6yzm0k8],
.pending-user-chip button:focus-visible[b-kvb6yzm0k8] {
    outline: 2px solid #2563eb;
    outline-offset: 2px;
}

.menu-button:disabled[b-kvb6yzm0k8],
.icon-button:disabled[b-kvb6yzm0k8] {
    cursor: not-allowed;
    opacity: .58;
}

.menu-state[b-kvb6yzm0k8] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .65rem;
    min-block-size: 16rem;
    padding: 2rem;
    color: #667085;
}

.menu-state--error[b-kvb6yzm0k8] {
    color: #b42318;
}

.menu-admin-page[b-kvb6yzm0k8]  .menu-grid {
    border: 0;
}

.menu-admin-page[b-kvb6yzm0k8]  .menu-grid .dxbl-grid-header-row > td {
    background: #f8fafc;
    color: #475467;
    font-size: .76rem;
    font-weight: 700;
    letter-spacing: .02em;
}

.menu-admin-page[b-kvb6yzm0k8]  .menu-grid .menu-grid-alt-row > td {
    background: #fbfcfe;
}

.menu-admin-page[b-kvb6yzm0k8]  .menu-grid .dxbl-grid-table > tbody > tr:hover > td {
    background: #f4f7ff;
}

.menu-item-cell[b-kvb6yzm0k8] {
    display: flex;
    align-items: center;
    gap: .65rem;
    min-inline-size: 0;
}

.menu-item-icon[b-kvb6yzm0k8] {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    inline-size: 2rem;
    block-size: 2rem;
    border-radius: 8px;
    background: #edf3ff;
    color: #2563eb;
}

.menu-item-icon--large[b-kvb6yzm0k8] {
    inline-size: 2.65rem;
    block-size: 2.65rem;
    border-radius: 10px;
    font-size: 1.1rem;
}

.menu-item-copy[b-kvb6yzm0k8] {
    display: grid;
    min-inline-size: 0;
}

.menu-item-copy strong[b-kvb6yzm0k8] {
    overflow: hidden;
    color: #1d2939;
    font-size: .86rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.menu-item-copy small[b-kvb6yzm0k8],
.assigned-user-copy small[b-kvb6yzm0k8],
.user-option small[b-kvb6yzm0k8],
.menu-edit-intro span[b-kvb6yzm0k8] {
    color: #667085;
    font-size: .74rem;
}

.menu-url[b-kvb6yzm0k8] {
    display: block;
    overflow: hidden;
    color: #475467;
    font-size: .8rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.status-pill[b-kvb6yzm0k8],
.user-status[b-kvb6yzm0k8],
.assignment-total[b-kvb6yzm0k8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    font-size: .7rem;
    font-weight: 700;
    white-space: nowrap;
}

.status-pill[b-kvb6yzm0k8] {
    padding: .22rem .5rem;
}

.status-pill--active[b-kvb6yzm0k8],
.user-status--active[b-kvb6yzm0k8] {
    background: #dcfce7;
    color: #166534;
}

.status-pill--inactive[b-kvb6yzm0k8],
.user-status--inactive[b-kvb6yzm0k8] {
    background: #f2f4f7;
    color: #667085;
}

.assignment-count[b-kvb6yzm0k8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-inline-size: 1.8rem;
    block-size: 1.8rem;
    padding-inline: .4rem;
    border-radius: 999px;
    background: #edf3ff;
    color: #1d4ed8;
    font-size: .76rem;
    font-weight: 750;
    font-variant-numeric: tabular-nums;
}

.row-actions[b-kvb6yzm0k8] {
    justify-content: center;
}

.icon-button[b-kvb6yzm0k8] {
    inline-size: 2rem;
    block-size: 2rem;
    padding: 0;
    border-color: #d7dae0;
    border-radius: 8px;
    background: #ffffff;
    color: #475467;
}

.icon-button:hover:not(:disabled)[b-kvb6yzm0k8] {
    border-color: #a8b9df;
    background: #f7f9fe;
    color: #1d4ed8;
}

.icon-button--primary[b-kvb6yzm0k8] {
    border-color: #cbd9fb;
    background: #edf3ff;
    color: #2563eb;
}

.icon-button--danger[b-kvb6yzm0k8] {
    color: #dc2626;
}

.icon-button--danger:hover:not(:disabled)[b-kvb6yzm0k8] {
    border-color: #fecaca;
    background: #fef2f2;
    color: #b91c1c;
}

.menu-edit-form[b-kvb6yzm0k8] {
    padding: .2rem;
}

.menu-edit-intro[b-kvb6yzm0k8] {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin-block-end: 1rem;
    padding: .8rem;
    border: 1px solid #e2e4e9;
    border-radius: 10px;
    background: #f8fafc;
}

.menu-edit-intro div[b-kvb6yzm0k8] {
    display: grid;
    gap: .1rem;
}

.menu-edit-intro strong[b-kvb6yzm0k8] {
    color: #1d2939;
}

.assignment-dialog[b-kvb6yzm0k8] {
    display: grid;
    gap: 1rem;
    color: #1a1c23;
    font-family: "Segoe UI", Tahoma, system-ui, sans-serif;
}

.assignment-node-summary[b-kvb6yzm0k8] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .8rem;
    padding: 1rem;
    border: 1px solid #cbd9fb;
    border-radius: 12px;
    background: linear-gradient(135deg, #edf3ff, #ffffff);
}

.assignment-node-summary h3[b-kvb6yzm0k8] {
    margin-block: .1rem;
    font-size: 1.05rem;
}

.assignment-node-summary p[b-kvb6yzm0k8] {
    overflow-wrap: anywhere;
    font-size: .78rem;
}

.assignment-total[b-kvb6yzm0k8] {
    padding: .34rem .65rem;
    background: #ffffff;
    color: #2563eb;
    box-shadow: 0 0 0 1px #cbd9fb;
}

.assignment-section[b-kvb6yzm0k8] {
    padding: 1rem;
    border: 1px solid #e2e4e9;
    border-radius: 12px;
    background: #ffffff;
}

.assignment-section--add[b-kvb6yzm0k8] {
    background: #fbfcfe;
}

.assignment-section-heading[b-kvb6yzm0k8] {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    margin-block-end: .8rem;
}

.assignment-section-heading h4[b-kvb6yzm0k8] {
    font-size: .92rem;
}

.assignment-empty[b-kvb6yzm0k8] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    min-block-size: 5rem;
    border: 1px dashed #cbd5e1;
    border-radius: 10px;
    color: #667085;
    font-size: .82rem;
}

.assignment-empty i[b-kvb6yzm0k8] {
    color: #2563eb;
    font-size: 1.1rem;
}

.assigned-user-list[b-kvb6yzm0k8] {
    display: grid;
    gap: .45rem;
    max-block-size: 15rem;
    overflow-y: auto;
}

.assigned-user-row[b-kvb6yzm0k8] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    align-items: center;
    gap: .65rem;
    padding: .58rem .65rem;
    border: 1px solid #edf0f4;
    border-radius: 9px;
    background: #ffffff;
}

.user-avatar[b-kvb6yzm0k8] {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    inline-size: 2rem;
    block-size: 2rem;
    border-radius: 50%;
    background: #edf3ff;
    color: #1d4ed8;
    font-size: .7rem;
    font-weight: 750;
}

.assigned-user-copy[b-kvb6yzm0k8] {
    display: grid;
    min-inline-size: 0;
}

.assigned-user-copy strong[b-kvb6yzm0k8] {
    overflow: hidden;
    color: #1d2939;
    font-size: .82rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user-status[b-kvb6yzm0k8] {
    padding: .2rem .5rem;
}

.assignment-field-label[b-kvb6yzm0k8] {
    display: block;
    margin-block-end: .35rem;
    color: #344054;
    font-size: .78rem;
    font-weight: 650;
}

.assignment-section[b-kvb6yzm0k8]  .cg-combobox {
    inline-size: 100%;
}

.assignment-section[b-kvb6yzm0k8]  .cg-combobox__control {
    border-radius: 9px;
}

.user-option[b-kvb6yzm0k8] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .65rem;
    inline-size: 100%;
}

.user-option > span:nth-child(2)[b-kvb6yzm0k8] {
    display: grid;
    min-inline-size: 0;
}

.user-option strong[b-kvb6yzm0k8],
.user-option small[b-kvb6yzm0k8] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user-option em[b-kvb6yzm0k8] {
    font-size: .68rem;
    font-style: normal;
    font-weight: 700;
}

.user-option .is-active[b-kvb6yzm0k8] {
    color: #166534;
}

.user-option .is-inactive[b-kvb6yzm0k8] {
    color: #98a2b3;
}

.pending-users[b-kvb6yzm0k8] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    margin-block-start: .7rem;
}

.pending-user-chip[b-kvb6yzm0k8] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    min-inline-size: 0;
    padding: .3rem .35rem .3rem .58rem;
    border: 1px solid #cbd9fb;
    border-radius: 999px;
    background: #edf3ff;
    color: #1d4ed8;
    font-size: .76rem;
    font-weight: 650;
}

[dir="rtl"] .pending-user-chip[b-kvb6yzm0k8] {
    padding: .3rem .58rem .3rem .35rem;
}

.pending-user-chip button[b-kvb6yzm0k8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    inline-size: 1.25rem;
    block-size: 1.25rem;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: inherit;
    cursor: pointer;
}

.pending-user-chip button:hover[b-kvb6yzm0k8] {
    background: rgb(37 99 235 / 12%);
}

.assignment-actions[b-kvb6yzm0k8] {
    justify-content: flex-end;
    margin-block-start: 1rem;
    padding-block-start: .85rem;
    border-block-start: 1px solid #e2e4e9;
}

.remove-confirmation[b-kvb6yzm0k8] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .8rem;
    color: #1a1c23;
    font-family: "Segoe UI", Tahoma, system-ui, sans-serif;
}

.remove-warning-icon[b-kvb6yzm0k8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    inline-size: 2.5rem;
    block-size: 2.5rem;
    border-radius: 50%;
    background: #fef2f2;
    color: #dc2626;
}

.remove-confirmation h3[b-kvb6yzm0k8] {
    font-size: 1rem;
}

.remove-confirmation p[b-kvb6yzm0k8] {
    margin-block-start: .35rem;
    font-size: .84rem;
    line-height: 1.5;
}

.remove-confirmation .assignment-actions[b-kvb6yzm0k8] {
    grid-column: 1 / -1;
}

@media (prefers-reduced-motion: reduce) {
    .menu-button[b-kvb6yzm0k8],
    .icon-button[b-kvb6yzm0k8] {
        transition: none;
    }
}

@media (max-width: 767.98px) {
    .menu-admin-header[b-kvb6yzm0k8] {
        align-items: flex-start;
        padding: 1.1rem;
    }

    .menu-admin-stats[b-kvb6yzm0k8],
    .menu-toolbar-actions[b-kvb6yzm0k8] {
        inline-size: 100%;
    }

    .menu-stat[b-kvb6yzm0k8] {
        flex: 1 1 5.5rem;
        min-inline-size: 5.5rem;
    }

    .menu-toolbar[b-kvb6yzm0k8] {
        align-items: flex-start;
        padding: .85rem;
    }

    .menu-toolbar-actions[b-kvb6yzm0k8] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .menu-toolbar-actions .menu-button--primary[b-kvb6yzm0k8] {
        grid-column: 1 / -1;
    }

    .assignment-node-summary[b-kvb6yzm0k8] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .assignment-total[b-kvb6yzm0k8] {
        grid-column: 1 / -1;
        justify-self: start;
    }

    .assigned-user-row[b-kvb6yzm0k8] {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }

    .assigned-user-row .user-status[b-kvb6yzm0k8] {
        display: none;
    }
}

@media (max-width: 480px) {
    .menu-button span[b-kvb6yzm0k8] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .assignment-section[b-kvb6yzm0k8] {
        padding: .75rem;
    }

    .assignment-actions[b-kvb6yzm0k8] {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .assignment-actions .menu-button[b-kvb6yzm0k8] {
        inline-size: 100%;
    }
}
/* _content/CashGear.App/Components/Pages/Index.razor.rz.scp.css */
.home-page[b-vdt85u7f1p] {
    width: min(1180px, 100%);
    margin-inline: auto;
    color: #172033;
}

.home-hero[b-vdt85u7f1p] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 24px;
    border: 1px solid #b9cdf9;
    border-radius: 14px;
    background: linear-gradient(135deg, #eaf0ff, #ffffff);
}

.home-eyebrow[b-vdt85u7f1p] {
    margin: 0 0 6px;
    color: #1769ff;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.home-hero h1[b-vdt85u7f1p] {
    margin: 0 0 8px;
    color: #101828;
    font-size: clamp(1.65rem, 5vw, 2.25rem);
    font-weight: 750;
    line-height: 1.15;
}

.home-intro[b-vdt85u7f1p],
.home-section-heading p[b-vdt85u7f1p] {
    margin: 0;
    color: #667085;
}

.home-company[b-vdt85u7f1p] {
    align-self: flex-start;
    min-width: 180px;
    padding: 12px 16px;
    border: 1px solid #dfe3e8;
    border-radius: 10px;
    background: rgb(255 255 255 / 86%);
}

.home-company span[b-vdt85u7f1p],
.home-company strong[b-vdt85u7f1p] {
    display: block;
}

.home-company span[b-vdt85u7f1p] {
    margin-bottom: 2px;
    color: #667085;
    font-size: .75rem;
    text-transform: uppercase;
}

.home-company strong[b-vdt85u7f1p] {
    overflow-wrap: anywhere;
}

.home-section[b-vdt85u7f1p] {
    margin-top: 28px;
}

.home-section-heading[b-vdt85u7f1p] {
    margin-bottom: 14px;
}

.home-section-heading h2[b-vdt85u7f1p] {
    margin: 0 0 3px;
    color: #101828;
    font-size: 1.2rem;
    font-weight: 700;
}

.home-section-heading p[b-vdt85u7f1p] {
    font-size: .875rem;
}

.home-action-grid[b-vdt85u7f1p],
.home-app-grid[b-vdt85u7f1p] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
}

.home-action[b-vdt85u7f1p],
.home-app-link[b-vdt85u7f1p] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    border: 1px solid #dfe3e8;
    background: #ffffff;
    color: #172033;
    text-decoration: none;
    transition: border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}

.home-action[b-vdt85u7f1p] {
    min-height: 64px;
    padding: 12px 14px;
    border-radius: 11px;
    font-weight: 650;
}

.home-action:hover[b-vdt85u7f1p],
.home-app-link:hover[b-vdt85u7f1p] {
    border-color: #7ca5fb;
    color: #1769ff;
    box-shadow: 0 7px 20px rgb(15 23 42 / 8%);
    transform: translateY(-1px);
}

.home-action:focus-visible[b-vdt85u7f1p],
.home-app-link:focus-visible[b-vdt85u7f1p] {
    outline: 2px solid #1769ff;
    outline-offset: 2px;
}

.home-action-icon[b-vdt85u7f1p],
.home-app-icon[b-vdt85u7f1p] {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: #eaf0ff;
    color: #1769ff;
}

.home-action-icon i[b-vdt85u7f1p],
.home-app-icon i[b-vdt85u7f1p] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1em;
    line-height: 1;
}

.home-action-icon[b-vdt85u7f1p] {
    width: 40px;
    height: 40px;
    font-size: 1.125rem;
}

.home-link-label[b-vdt85u7f1p] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.home-link-arrow[b-vdt85u7f1p] {
    margin-inline-start: auto;
    color: #667085;
}

[dir="rtl"] .home-link-arrow[b-vdt85u7f1p] {
    transform: rotate(180deg);
}

.home-app-group[b-vdt85u7f1p] {
    min-width: 0;
    padding: 16px;
    border: 1px solid #dfe3e8;
    border-radius: 12px;
    background: #ffffff;
}

.home-app-group h3[b-vdt85u7f1p] {
    margin: 0 0 12px;
    color: #667085;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .055em;
    text-transform: uppercase;
}

.home-app-links[b-vdt85u7f1p] {
    display: grid;
    gap: 6px;
}

.home-app-link[b-vdt85u7f1p] {
    min-height: 44px;
    padding: 8px 10px;
    border-color: transparent;
    border-radius: 9px;
}

.home-app-icon[b-vdt85u7f1p] {
    width: 32px;
    height: 32px;
    font-size: .95rem;
}

.home-empty[b-vdt85u7f1p] {
    display: grid;
    justify-items: center;
    gap: 8px;
    padding: 36px 20px;
    border: 1px dashed #cbd2dc;
    border-radius: 12px;
    background: #ffffff;
    color: #667085;
    text-align: center;
}

.home-empty i[b-vdt85u7f1p] {
    color: #1769ff;
    font-size: 1.5rem;
}

.home-empty p[b-vdt85u7f1p] {
    margin: 0;
}

@media (prefers-reduced-motion: reduce) {
    .home-action[b-vdt85u7f1p],
    .home-app-link[b-vdt85u7f1p] {
        transition: none;
    }
}

@media (min-width: 768px) {
    .home-hero[b-vdt85u7f1p] {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        padding: 30px 32px;
    }

    .home-company[b-vdt85u7f1p] {
        align-self: center;
    }

    .home-action-grid[b-vdt85u7f1p],
    .home-app-grid[b-vdt85u7f1p] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* _content/CashGear.App/Components/Pages/Inventory/Reports/InvBoard.razor.rz.scp.css */
.inv-board[b-y4t5v2m8pt] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Summary tile */
.ib-card[b-y4t5v2m8pt] {
    display: flex;
    align-items: center;
    gap: .9rem;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 1.1rem 1.2rem;
    border-inline-start: 4px solid #2563eb;
    box-shadow: 0 1px 2px rgba(16,24,40,.04);
    inline-size: fit-content;
    min-inline-size: 280px;
}

.ib-ico[b-y4t5v2m8pt] {
    inline-size: 48px;
    block-size: 48px;
    border-radius: 10px;
    display: grid;
    place-items: center;
    font-size: 1.4rem;
    color: #2563eb;
    background: #eff6ff;
    flex: 0 0 auto;
}

.ib-meta[b-y4t5v2m8pt] {
    display: flex;
    flex-direction: column;
    line-height: 1.25;
}

.ib-label[b-y4t5v2m8pt] {
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .03em;
    text-transform: uppercase;
    color: #6b7280;
}

.ib-value[b-y4t5v2m8pt] {
    font-size: 1.7rem;
    font-weight: 700;
    color: #111827;
    font-variant-numeric: tabular-nums;
}

.ib-sub[b-y4t5v2m8pt] {
    font-size: .72rem;
    color: #9ca3af;
}

/* Category panel */
.ib-panel[b-y4t5v2m8pt] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    overflow: hidden;
}

.ib-panel-head[b-y4t5v2m8pt] {
    padding: .8rem 1.1rem;
    font-size: .85rem;
    font-weight: 700;
    color: #374151;
    background: #f8fafc;
    border-block-end: 1px solid #e5e7eb;
}

.ib-rows[b-y4t5v2m8pt] {
    display: flex;
    flex-direction: column;
}

.ib-row[b-y4t5v2m8pt] {
    padding: .7rem 1.1rem;
    border-block-end: 1px solid #f1f5f9;
}

    .ib-row:last-child[b-y4t5v2m8pt] {
        border-block-end: none;
    }

.ib-row-head[b-y4t5v2m8pt] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-block-end: .4rem;
}

.ib-cat[b-y4t5v2m8pt] {
    font-size: .85rem;
    font-weight: 600;
    color: #1f2937;
}

.ib-amt[b-y4t5v2m8pt] {
    font-size: .85rem;
    font-weight: 700;
    color: #111827;
    font-variant-numeric: tabular-nums;
}

/* Proportion bar */
.ib-track[b-y4t5v2m8pt] {
    display: flex;
    align-items: center;
    gap: .6rem;
}

.ib-fill[b-y4t5v2m8pt] {
    block-size: 8px;
    border-radius: 999px;
    background: linear-gradient(90deg, #3b82f6, #2563eb);
    min-inline-size: 2px;
    transition: inline-size .3s ease;
}

.ib-pct[b-y4t5v2m8pt] {
    font-size: .72rem;
    font-weight: 600;
    color: #6b7280;
    flex: 0 0 auto;
    min-inline-size: 42px;
    text-align: end;
}
/* _content/CashGear.App/Components/Pages/Pricing/Old/EditOfferPage.razor.rz.scp.css */
/* Edit Offer page chrome: identity + stat tiles + toolbar, add-product tiles, summary cards.
   Palette follows the newest house CSS (EditLedgerJournalPage / OrdersBoard / ProdBoard / InvBoard):
   #e5e7eb borders, #111827 values, #6b7280 labels, #f8fafc surfaces.
   Logical properties throughout - the app renders RTL for Arabic. */

/* The header scrolls away; only the toolbar strip pins. A sticky element is only
   held within its parent's box, so .ofr-toolbar-bar must be a direct child of the
   page (not nested with the header) to stay pinned for the whole scroll. */

/* Both bleed to the edges of article.content, which pads its sides. */
.ofr-header[b-az4suvhudv],
.ofr-toolbar-bar[b-az4suvhudv] {
    margin-inline: -1.5rem;
    padding-inline: 1.5rem;
    background: #fff;
}

.ofr-toolbar-bar[b-az4suvhudv] {
    position: sticky;
    inset-block-start: 0;
    z-index: 20; /* over the grid headers, far below DevExpress popups */
    border-block: 1px solid #e5e7eb;
    box-shadow: 0 1px 3px rgba(16, 24, 40, .07);
    margin-block-end: 1.25rem;
}

/* MainLayout pins .top-row (60px tall) only from 641px up, and pads article.content
   with *physical* left/right values. Mirror both here - the asymmetry is deliberate,
   not an RTL oversight. */
@media (min-width: 641px) {
    .ofr-toolbar-bar[b-az4suvhudv] {
        inset-block-start: 60px;
    }

    .ofr-header[b-az4suvhudv],
    .ofr-toolbar-bar[b-az4suvhudv] {
        margin-left: -2rem;
        margin-right: -1.5rem;
        padding-left: 2rem;
        padding-right: 1.5rem;
    }
}

/* ---- Header: identity + stats ---- */

.ofr-header[b-az4suvhudv] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    padding-block: .5rem .8rem;
}

.ofr-identity[b-az4suvhudv] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
    min-inline-size: 0;
}

.ofr-eyebrow[b-az4suvhudv] {
    font-size: .7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: #6b7280;
    line-height: 1;
}

.ofr-num[b-az4suvhudv] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #111827;
    line-height: 1.15;
    overflow-wrap: anywhere;
}

.ofr-badges[b-az4suvhudv] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    margin-block-start: .15rem;
}

.ofr-sub[b-az4suvhudv] {
    font-size: .85rem;
    color: #6b7280;
}

.ofr-sep[b-az4suvhudv] {
    margin-inline: .4rem;
    color: #9ca3af;
}

/* ---- Stat tiles ---- */

.ofr-stats[b-az4suvhudv] {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
}

.ofr-stat[b-az4suvhudv] {
    min-inline-size: 8.5rem;
    padding: .5rem .75rem;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-inline-start: 3px solid #9ca3af;
    border-radius: 10px;
    text-align: start;
}

.ofr-stat-label[b-az4suvhudv] {
    font-size: .68rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #6b7280;
    white-space: nowrap;
}

.ofr-stat-value[b-az4suvhudv] {
    font-size: 1.15rem;
    font-weight: 600;
    color: #111827;
    font-variant-numeric: tabular-nums;
    line-height: 1.3;
}

/* Net Amount - the headline figure. */
.ofr-stat.is-primary[b-az4suvhudv] {
    border-inline-start-color: #2563eb;
    background: #eff6ff;
}

    .ofr-stat.is-primary .ofr-stat-value[b-az4suvhudv] {
        color: #1d4ed8;
        font-size: 1.3rem;
        font-weight: 700;
    }

.ofr-stat.is-warn[b-az4suvhudv] {
    border-inline-start-color: #f59e0b;
}

    .ofr-stat.is-warn .ofr-stat-value[b-az4suvhudv] {
        color: #b45309;
    }

/* ---- Toolbar ----
   DxToolbar renders its own markup, so it needs ::deep to be reachable
   from this page's scoped stylesheet. */

.ofr-toolbar-bar[b-az4suvhudv]  .ofr-toolbar {
    background: transparent;
    border: none;
    border-radius: 0;
    padding-block: .35rem;
    padding-inline: 0;
}

.ofr-toolbar-bar[b-az4suvhudv]  .ofr-toolbar .dxbl-toolbar-item-separator {
    margin-inline: .4rem;
}

/* ---- Add-product tiles ---- */

.ofr-add-head[b-az4suvhudv] {
    display: flex;
    align-items: baseline;
    gap: .5rem;
    margin-block-end: .6rem;
}

.ofr-add-title[b-az4suvhudv] {
    font-size: .78rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #6b7280;
}

.ofr-add[b-az4suvhudv] {
    display: grid;
    gap: .6rem;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    margin-block-end: 1.25rem;
}

.ofr-tile[b-az4suvhudv] {
    display: flex;
    align-items: center;
    gap: .65rem;
    inline-size: 100%;
    padding: .6rem .75rem;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-inline-start: 3px solid var(--ofr-accent, #9ca3af);
    border-radius: 12px;
    text-align: start;
    color: #111827;
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(16, 24, 40, .04);
    transition: box-shadow .15s ease, border-color .15s ease;
}

    .ofr-tile:hover[b-az4suvhudv] {
        box-shadow: 0 4px 14px rgba(16, 24, 40, .08);
        border-color: #d1d5db;
        border-inline-start-color: var(--ofr-accent, #9ca3af);
    }

    .ofr-tile:focus-visible[b-az4suvhudv] {
        outline: 2px solid var(--ofr-accent, #2563eb);
        outline-offset: 2px;
    }

.ofr-tile-ico[b-az4suvhudv] {
    inline-size: 36px;
    block-size: 36px;
    border-radius: 10px;
    display: grid;
    place-items: center;
    font-size: 1.05rem;
    color: var(--ofr-accent, #6b7280);
    background: var(--ofr-accent-bg, #f3f4f6);
    flex: 0 0 auto;
}

.ofr-tile-label[b-az4suvhudv] {
    font-size: .85rem;
    font-weight: 600;
    line-height: 1.2;
    min-inline-size: 0;
    overflow-wrap: anywhere;
}

/* ---- Summary cards ---- */

.ofr-summary[b-az4suvhudv] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    margin-block-start: 1.25rem;
}

.ofr-card[b-az4suvhudv] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: .9rem 1.1rem;
    box-shadow: 0 1px 2px rgba(16, 24, 40, .04);
}

.ofr-card-head[b-az4suvhudv] {
    font-size: .72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #6b7280;
    padding-block-end: .5rem;
    margin-block-end: .35rem;
    border-block-end: 1px solid #f1f5f9;
}

.ofr-line[b-az4suvhudv] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    padding-block: .3rem;
    font-size: .88rem;
    color: #6b7280;
}

.ofr-val[b-az4suvhudv] {
    font-weight: 600;
    color: #111827;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.ofr-line--total[b-az4suvhudv] {
    margin-block-start: .45rem;
    padding-block-start: .6rem;
    border-block-start: 1px solid #e5e7eb;
    font-size: .95rem;
    font-weight: 600;
    color: #374151;
}

    .ofr-line--total .ofr-val[b-az4suvhudv] {
        font-size: 1.3rem;
        font-weight: 700;
        color: #1d4ed8;
    }

.ofr-empty[b-az4suvhudv] {
    padding-block: .5rem;
    font-size: .85rem;
    font-style: italic;
    color: #9ca3af;
}

/* ---- Narrow screens ---- */

@media (max-width: 640.98px) {
    .ofr-header[b-az4suvhudv] {
        align-items: flex-start;
        gap: .75rem;
    }

    .ofr-num[b-az4suvhudv] {
        font-size: 1.25rem;
    }

    .ofr-stats[b-az4suvhudv] {
        inline-size: 100%;
    }

    .ofr-stat[b-az4suvhudv] {
        flex: 1 1 7rem;
        min-inline-size: 7rem;
    }

    .ofr-add[b-az4suvhudv] {
        grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
    }

    .ofr-tile[b-az4suvhudv] {
        flex-direction: column;
        align-items: flex-start;
        gap: .4rem;
    }
}
/* _content/CashGear.App/Components/Pages/Production/Reports/ProdBoard.razor.rz.scp.css */
.prod-board[b-n7vjnhutd4] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* KPI tiles */
.pb-kpis[b-n7vjnhutd4] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.pb-card[b-n7vjnhutd4] {
    display: flex;
    align-items: center;
    gap: .9rem;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 1rem 1.1rem;
    border-inline-start: 4px solid var(--accent);
    box-shadow: 0 1px 2px rgba(16,24,40,.04);
}

.pb-ico[b-n7vjnhutd4] {
    inline-size: 46px;
    block-size: 46px;
    border-radius: 10px;
    display: grid;
    place-items: center;
    font-size: 1.3rem;
    color: var(--accent);
    background: var(--accent-bg);
    flex: 0 0 auto;
}

.pb-meta[b-n7vjnhutd4] {
    display: flex;
    flex-direction: column;
    line-height: 1.25;
}

.pb-label[b-n7vjnhutd4] {
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .03em;
    text-transform: uppercase;
    color: #6b7280;
}

.pb-value[b-n7vjnhutd4] {
    font-size: 1.7rem;
    font-weight: 700;
    color: #111827;
    font-variant-numeric: tabular-nums;
}

.pb-card.orders[b-n7vjnhutd4] {
    --accent: #2563eb;
    --accent-bg: #eff6ff;
}

.pb-card.units[b-n7vjnhutd4] {
    --accent: #7c3aed;
    --accent-bg: #f5f3ff;
}

/* Panel */
.pb-panel[b-n7vjnhutd4] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    overflow: hidden;
}

.pb-panel-head[b-n7vjnhutd4] {
    padding: .8rem 1.1rem;
    font-size: .85rem;
    font-weight: 700;
    color: #374151;
    background: #f8fafc;
    border-block-end: 1px solid #e5e7eb;
}

.pb-groups[b-n7vjnhutd4] {
    display: grid;
    gap: .9rem;
    padding: 1rem 1.1rem;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
}

/* Per-production-type card */
.pb-group[b-n7vjnhutd4] {
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: .85rem .95rem;
    background: #fcfcfd;
}

.pb-group-type[b-n7vjnhutd4] {
    font-size: .8rem;
    font-weight: 700;
    color: #1f2937;
    text-transform: uppercase;
    letter-spacing: .02em;
    padding-block-end: .6rem;
    margin-block-end: .6rem;
    border-block-end: 1px dashed #e5e7eb;
}

.pb-group-stats[b-n7vjnhutd4] {
    display: flex;
    gap: 1.2rem;
}

.pb-stat[b-n7vjnhutd4] {
    display: flex;
    flex-direction: column;
}

.pb-stat-val[b-n7vjnhutd4] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #111827;
    font-variant-numeric: tabular-nums;
}

.pb-stat-lbl[b-n7vjnhutd4] {
    font-size: .68rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .03em;
    color: #9ca3af;
}

/* Toolbar */
.sb-toolbar[b-n7vjnhutd4] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: .85rem 1rem;
    display: flex;
    flex-direction: column;
    gap: .85rem;
}
.sb-controls[b-n7vjnhutd4] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: flex-end;
}
.sb-field label[b-n7vjnhutd4] {
    font-size: .7rem;
    font-weight: 600;
    letter-spacing: .03em;
    text-transform: uppercase;
    color: #6b7280;
    text-align: start;
}

.sb-select[b-n7vjnhutd4] {
    block-size: 34px;
}

.sb-field[b-n7vjnhutd4] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    min-inline-size: 150px;
}
.sb-field--action[b-n7vjnhutd4] {
    justify-content: flex-end;
}

.board-chart[b-n7vjnhutd4] {
    block-size: 320px;
    inline-size: 100%;
}
/* _content/CashGear.App/Components/Pages/Sales/OrdersComp.razor.rz.scp.css */
/* _content/CashGear.App/Components/Pages/Sales/Reports/OrdersBoard.razor.rz.scp.css */
.sales-board[b-joa398rx6i] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Toolbar */
.sb-toolbar[b-joa398rx6i] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: .85rem 1rem;
    display: flex;
    flex-direction: column;
    gap: .85rem;
}

.sb-controls[b-joa398rx6i] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: flex-end;
}

.sb-field[b-joa398rx6i] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    min-inline-size: 150px;
}

    .sb-field label[b-joa398rx6i] {
        font-size: .7rem;
        font-weight: 600;
        letter-spacing: .03em;
        text-transform: uppercase;
        color: #6b7280;
        text-align: start;
    }

.sb-select[b-joa398rx6i] {
    block-size: 34px;
}

.sb-field--action[b-joa398rx6i] {
    justify-content: flex-end;
}

/* KPI header */
.sb-kpi-head[b-joa398rx6i] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sb-period[b-joa398rx6i] {
    font-size: 1.05rem;
    font-weight: 700;
    color: #111827;
}

.sb-orders[b-joa398rx6i] {
    font-size: .8rem;
    font-weight: 600;
    color: #374151;
    background: #f3f4f6;
    padding: .25rem .65rem;
    border-radius: 999px;
}

/* KPI tiles */
.sb-kpis[b-joa398rx6i] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
}

.sb-card[b-joa398rx6i] {
    display: flex;
    align-items: center;
    gap: .9rem;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 1rem 1.1rem;
    border-inline-start: 4px solid var(--accent);
    box-shadow: 0 1px 2px rgba(16,24,40,.04);
    transition: box-shadow .15s ease;
}

    .sb-card:hover[b-joa398rx6i] {
        box-shadow: 0 4px 14px rgba(16,24,40,.08);
    }

.sb-ico[b-joa398rx6i] {
    inline-size: 44px;
    block-size: 44px;
    border-radius: 10px;
    display: grid;
    place-items: center;
    font-size: 1.25rem;
    color: var(--accent);
    background: var(--accent-bg);
    flex: 0 0 auto;
}

.sb-meta[b-joa398rx6i] {
    display: flex;
    flex-direction: column;
    line-height: 1.25;
    min-inline-size: 0;
}

.sb-label[b-joa398rx6i] {
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .03em;
    text-transform: uppercase;
    color: #6b7280;
}

.sb-value[b-joa398rx6i] {
    font-size: 1.6rem;
    font-weight: 700;
    color: #111827;
    font-variant-numeric: tabular-nums;
}

.sb-sub[b-joa398rx6i] {
    font-size: .72rem;
    color: #9ca3af;
    margin-block-start: .1rem;
}

/* Semantic accents */
.sb-card.net[b-joa398rx6i] {
    --accent: #16a34a;
    --accent-bg: #ecfdf3;
}

.sb-card.gross[b-joa398rx6i] {
    --accent: #2563eb;
    --accent-bg: #eff6ff;
}

.sb-card.tax[b-joa398rx6i] {
    --accent: #d97706;
    --accent-bg: #fffbeb;
}

.sb-card.disc[b-joa398rx6i] {
    --accent: #e11d48;
    --accent-bg: #fff1f2;
}