@import '_content/CashGear.Blazor.UI/CashGear.Blazor.UI.z0rpm726n6.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/Comp/Pricing/OfferFeatureComp.razor.rz.scp.css */
/* Unit summary strip above the feature selector.
   House palette: #e5e7eb borders, #111827 values, #6b7280 labels, #f8fafc surfaces.
   Logical properties throughout - the app renders RTL for Arabic. */

.ofc-unit[b-8tpiuiszre] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: .5rem;
    padding: .5rem .75rem;
    margin-block-end: .75rem;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-inline-start: 3px solid #2563eb;
    border-radius: 10px;
}

.ofc-unit-name[b-8tpiuiszre] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--cg-text);
    min-inline-size: 0;
    overflow-wrap: anywhere;
}

.ofc-unit-meta[b-8tpiuiszre] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
}

.ofc-chip[b-8tpiuiszre] {
    padding: .15rem .55rem;
    border-radius: 999px;
    background: var(--cg-surface-subtle);
    font-size: .75rem;
    font-weight: 600;
    color: var(--cg-text-secondary);
    white-space: nowrap;
}

    .ofc-chip strong[b-8tpiuiszre] {
        margin-inline-start: .25rem;
        color: var(--cg-text);
        font-variant-numeric: tabular-nums;
    }

.ofc-editor[b-8tpiuiszre] {
    display: grid;
    gap: .4rem;
    min-inline-size: 0;
}

.ofc-editor-label[b-8tpiuiszre] {
    color: var(--cg-text);
    font-size: .875rem;
    font-weight: 700;
}

.ofc-option[b-8tpiuiszre] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    inline-size: 100%;
}

.ofc-option-name[b-8tpiuiszre] {
    min-inline-size: 0;
    overflow-wrap: anywhere;
}

.ofc-option-price[b-8tpiuiszre],
.ofc-tag-amount[b-8tpiuiszre] {
    color: var(--cg-text-secondary);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.ofc-tag-name[b-8tpiuiszre] {
    font-weight: 650;
}

.ofc-tag-quantity[b-8tpiuiszre] {
    display: none;
    align-items: center;
    gap: .25rem;
    margin-inline-start: .35rem;
}

.ofc-tag-quantity-label[b-8tpiuiszre] {
    color: var(--cg-text-secondary);
    font-size: .72rem;
}

.ofc-tag-quantity[b-8tpiuiszre]  .cg-input {
    inline-size: 5.25rem;
}

.ofc-tag-quantity[b-8tpiuiszre]  .cg-input__control {
    min-block-size: 1.65rem;
    padding: .1rem .35rem;
    text-align: end;
}

.ofc-tag-amount[b-8tpiuiszre] {
    margin-inline-start: .35rem;
    padding-inline-start: .35rem;
    border-inline-start: 1px solid #d1d5db;
}

.ofc-saving[b-8tpiuiszre] {
    color: var(--cg-text-secondary);
    font-size: .75rem;
}

@media (max-width: 576px) {
    .ofc-tag-quantity[b-8tpiuiszre] {
        flex-basis: 100%;
        margin-inline-start: 0;
    }

    .ofc-tag-amount[b-8tpiuiszre] {
        margin-inline-start: 0;
    }
}
/* _content/CashGear.App/Components/Comp/Pricing/PriceUnitPickerComp.razor.rz.scp.css */
/* Context strip + validation for the unit picker.
   House palette: #e5e7eb borders, #111827 values, #6b7280 labels, #f8fafc surfaces.
   Logical properties throughout - the app renders RTL for Arabic. */

.pup-context[b-xrf7zq22te] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: .4rem;
    padding: .45rem .75rem;
    margin-block-end: .75rem;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-inline-start: 3px solid #2563eb;
    border-radius: 10px;
}

.pup-context-label[b-xrf7zq22te] {
    font-size: .68rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--cg-text-secondary);
}

.pup-context-value[b-xrf7zq22te] {
    font-size: .9rem;
    font-weight: 600;
    color: var(--cg-text);
    overflow-wrap: anywhere;
}

.pup-context-sep[b-xrf7zq22te] {
    color: var(--cg-text-secondary);
}

.pup-validation[b-xrf7zq22te] {
    display: flex;
    align-items: baseline;
    margin-block-start: .75rem;
    padding: .5rem .75rem;
    background: var(--cg-danger-soft);
    border: 1px solid #fecdd3;
    border-inline-start: 3px solid #e11d48;
    border-radius: 10px;
    font-size: .85rem;
    font-weight: 600;
    color: var(--cg-danger-text);
}
/* _content/CashGear.App/Components/Comp/Sales/SalesOrderDtlListComp.razor.rz.scp.css */
.sales-order-detail-grid[b-oyvmaqzau8],
.sales-order-bom-detail[b-oyvmaqzau8] {
    min-width: 0;
    max-width: 100%;
}

.sales-order-bom-detail[b-oyvmaqzau8] {
    padding: .75rem;
}

@media (max-width: 575.98px) {
    .sales-order-bom-detail[b-oyvmaqzau8] {
        padding: .5rem;
    }
}
/* _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: var(--cg-surface);
        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/AuthLayout.razor.rz.scp.css */
.auth-layout[b-dh1wobezu4] {
    min-block-size: 100vh;
    min-block-size: 100svh;
    color: var(--cg-text);
    background: var(--cg-page-bg);
}
/* _content/CashGear.App/Components/Layout/BackButton.razor.rz.scp.css */
[b-dpl2t0ihfc] .back-button {
    display: flex;
    align-items: center;
    background-color: var(--cg-surface-subtle);
    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: var(--cg-accent);
}

    .top-row .back-button:hover[b-dpl2t0ihfc] {
        background-color: var(--cg-hover);
    }
[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/LoginDisplay.razor.rz.scp.css */
.user-menu[b-cj2g7flt5h] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    max-inline-size: 15rem;
    padding: .35rem .55rem;
    border-radius: 9px;
    color: var(--cg-text);
    text-decoration: none;
}

.user-menu:hover[b-cj2g7flt5h],
.user-menu:focus-visible[b-cj2g7flt5h] {
    background: var(--cg-hover);
    color: var(--cg-accent);
}

.user-menu:focus-visible[b-cj2g7flt5h] {
    outline: 2px solid var(--cg-accent);
    outline-offset: 2px;
}

.user-menu-avatar[b-cj2g7flt5h] {
    display: inline-grid;
    place-items: center;
    inline-size: 2rem;
    block-size: 2rem;
    flex: 0 0 2rem;
    border-radius: 50%;
    background: var(--cg-accent-soft);
    color: var(--cg-accent);
}

.user-menu-name[b-cj2g7flt5h] {
    overflow: hidden;
    color: inherit;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .86rem;
    font-weight: 650;
}

.account-menu-panel[b-cj2g7flt5h] {
    min-inline-size: 17rem;
    padding: .5rem;
    border: 1px solid var(--cg-border);
    border-radius: 12px;
    background: var(--cg-surface);
    box-shadow: var(--cg-shadow);
}

.account-menu-heading[b-cj2g7flt5h] {
    display: grid;
    gap: .1rem;
    padding: .55rem .7rem .65rem;
}

.account-menu-heading strong[b-cj2g7flt5h] {
    overflow: hidden;
    color: var(--cg-text);
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .88rem;
}

.account-menu-heading span[b-cj2g7flt5h] {
    color: var(--cg-text-secondary);
    font-size: .72rem;
}

.account-menu-panel[b-cj2g7flt5h]  .dropdown-item {
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: .55rem .7rem;
    border-radius: 8px;
    color: var(--cg-text);
    font-size: .82rem;
}

.account-menu-panel[b-cj2g7flt5h]  .dropdown-item i {
    inline-size: 1rem;
    color: var(--cg-text-secondary);
    text-align: center;
}

.account-menu-preference[b-cj2g7flt5h] {
    padding: .4rem .7rem;
}

.account-menu-preference[b-cj2g7flt5h]  .language-selector,
.account-menu-preference[b-cj2g7flt5h]  .theme-selector {
    display: grid;
    gap: .35rem;
}

.account-menu-preference[b-cj2g7flt5h]  .language-selector label,
.account-menu-preference[b-cj2g7flt5h]  .theme-selector label {
    color: var(--cg-text-secondary);
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .035em;
    text-transform: uppercase;
}

.account-menu-preference[b-cj2g7flt5h]  .language-selector select,
.account-menu-preference[b-cj2g7flt5h]  .theme-selector select {
    min-block-size: 2.15rem;
    border-color: var(--cg-border);
    border-radius: 8px;
    color: var(--cg-text);
    background-color: var(--cg-surface);
    font-size: .8rem;
}

@media (max-width: 575px) {
    .user-menu-name[b-cj2g7flt5h] {
        display: none;
    }
}
/* _content/CashGear.App/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-jlmmpsecd8] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100svh;
    color: var(--cg-text);
    background: var(--cg-page-bg);
}

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

.top-row[b-jlmmpsecd8] {
    position: sticky;
    top: 0;
    z-index: 20;
    background-color: var(--cg-surface);
    border-bottom: 1px solid var(--cg-border);
    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/ModuleLayout.razor.rz.scp.css */
.module-layout[b-gg0jh4u373] {
    display: flex;
    flex-direction: column;
    min-height: 100svh;
    color: var(--cg-text);
    background: var(--cg-page-bg);
}

.module-layout-header[b-gg0jh4u373] {
    position: sticky;
    top: 0;
    z-index: 51;
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 49px;
    padding: 6px 12px 6px 60px;
    border-bottom: 1px solid var(--cg-border);
    background: var(--cg-surface);
}

[dir="rtl"] .module-layout-header[b-gg0jh4u373] {
    padding: 6px 60px 6px 12px;
}

.module-layout-title[b-gg0jh4u373] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    color: var(--cg-text);
    font-family: system-ui, "Segoe UI", Roboto, sans-serif;
    font-size: .875rem;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.module-layout-actions[b-gg0jh4u373] {
    display: flex;
    align-items: center;
    gap: .75rem;
}

.module-layout-body[b-gg0jh4u373] {
    position: relative;
    display: flex;
    flex: 1;
    min-height: 0;
}

.module-layout-main[b-gg0jh4u373] {
    flex: 1;
    min-width: 0;
}

.module-layout-breadcrumbs[b-gg0jh4u373] {
    min-height: 46px;
    padding: .65rem 1rem;
    border-bottom: 1px solid var(--cg-border);
    background: var(--cg-surface-raised);
}

.module-layout-content[b-gg0jh4u373] {
    padding: 1rem 1rem 3rem;
}

@media (min-width: 768px) {
    .module-layout-header[b-gg0jh4u373] {
        padding-inline: 1rem;
    }

    .module-layout-breadcrumbs[b-gg0jh4u373] {
        padding-inline: 2rem;
    }

    .module-layout-content[b-gg0jh4u373] {
        padding: 1.5rem 2rem 3rem;
    }
}
/* _content/CashGear.App/Components/Layout/ModuleNavPane.razor.rz.scp.css */
.module-nav-trigger[b-9uy8m1km1a],
.module-nav-collapse[b-9uy8m1km1a],
.module-nav-close[b-9uy8m1km1a] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--cg-text);
    font: inherit;
    cursor: pointer;
}

.module-nav-trigger[b-9uy8m1km1a] {
    position: fixed;
    inset-block-start: 7px;
    inset-inline-start: 12px;
    z-index: 52;
    font-size: 1.25rem;
}

.module-nav-trigger:hover[b-9uy8m1km1a],
.module-nav-collapse:hover[b-9uy8m1km1a],
.module-nav-close:hover[b-9uy8m1km1a] {
    background: var(--cg-hover);
    color: var(--cg-accent);
}

.module-nav-trigger:focus-visible[b-9uy8m1km1a],
.module-nav-collapse:focus-visible[b-9uy8m1km1a],
.module-nav-close:focus-visible[b-9uy8m1km1a],
[b-9uy8m1km1a] .module-nav-link:focus-visible {
    outline: 2px solid var(--cg-accent);
    outline-offset: 2px;
}

.module-nav-backdrop[b-9uy8m1km1a] {
    position: fixed;
    inset: 49px 0 0;
    z-index: 45;
    border: 0;
    background: rgb(15 23 42 / 44%);
}

.module-nav-shell[b-9uy8m1km1a] {
    --module-nav-drawer-width: 304px;
    --module-nav-expanded-width: 248px;
    --module-nav-collapsed-width: 64px;
    --module-nav-header-height: 52px;
    position: fixed;
    inset-block: 49px 0;
    inset-inline-start: 0;
    z-index: 50;
    display: flex;
    flex-direction: column;
    width: min(var(--module-nav-drawer-width), calc(100vw - 48px));
    min-height: 0;
    border-inline-end: 1px solid var(--cg-border);
    background: var(--cg-surface);
    box-shadow: 12px 0 32px var(--cg-shadow-color);
    color: var(--cg-text);
    font-family: system-ui, "Segoe UI", Roboto, sans-serif;
    font-size: 16px;
    line-height: 1.45;
    visibility: hidden;
    transform: translateX(-105%);
    transition: transform 160ms ease, visibility 160ms ease;
}

[dir="rtl"] .module-nav-shell[b-9uy8m1km1a] {
    box-shadow: -12px 0 32px var(--cg-shadow-color);
    transform: translateX(105%);
}

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

.module-nav-header[b-9uy8m1km1a] {
    flex: none;
    display: flex;
    align-items: center;
    min-height: var(--module-nav-header-height);
    padding: 8px 12px;
    border-bottom: 1px solid var(--cg-border);
}

.module-nav-heading[b-9uy8m1km1a] {
    flex: 1;
    min-width: 0;
    color: var(--cg-text-secondary);
    font-size: .8125rem;
    font-weight: 650;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.module-nav-collapse[b-9uy8m1km1a] {
    display: none;
}

.module-nav-list[b-9uy8m1km1a] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding: 10px 12px 16px;
    overscroll-behavior: contain;
    scrollbar-color: var(--cg-border) transparent;
    scrollbar-width: thin;
}

.module-nav-list ul[b-9uy8m1km1a] {
    display: grid;
    gap: 2px;
    margin: 0;
    padding: 0;
    list-style: none;
}

[b-9uy8m1km1a] .module-nav-link {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 44px;
    min-width: 0;
    padding: 8px 10px;
    border-radius: 9px;
    color: var(--cg-text);
    font-size: .875rem;
    text-decoration: none;
    transition: background-color 140ms ease, color 140ms ease;
}

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

[b-9uy8m1km1a] .module-nav-link:hover {
    background: color-mix(in srgb, var(--cg-accent) 6%, var(--cg-surface));
    color: var(--cg-accent);
}

[b-9uy8m1km1a] .module-nav-link.active {
    background: color-mix(in srgb, var(--cg-accent) 11%, var(--cg-surface));
    color: var(--cg-accent);
    font-weight: 650;
}

[b-9uy8m1km1a] .module-nav-link.active::before {
    background: var(--cg-accent);
}

.module-nav-icon[b-9uy8m1km1a] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    flex: 0 0 22px;
    font-size: 1.125rem;
    line-height: 1;
}

.module-nav-icon i[b-9uy8m1km1a] {
    font-size: inherit !important;
    line-height: inherit;
}

.module-nav-label[b-9uy8m1km1a] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.module-nav-empty[b-9uy8m1km1a] {
    margin: 12px 10px;
    color: var(--cg-text-secondary);
    font-size: .8125rem;
}

[dir="rtl"] .module-nav-collapse-icon[b-9uy8m1km1a] {
    transform: rotate(180deg);
}

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

@media (min-width: 768px) {
    .module-nav-trigger[b-9uy8m1km1a],
    .module-nav-backdrop[b-9uy8m1km1a],
    .module-nav-close[b-9uy8m1km1a] {
        display: none;
    }

    .module-nav-shell[b-9uy8m1km1a],
    [dir="rtl"] .module-nav-shell[b-9uy8m1km1a] {
        position: sticky;
        inset: auto;
        top: 0;
        flex: 0 0 var(--module-nav-expanded-width);
        width: var(--module-nav-expanded-width);
        height: calc(100svh - 49px);
        visibility: visible;
        transform: none;
        box-shadow: none;
        transition: flex-basis 160ms ease, width 160ms ease;
    }

    .module-nav-collapse[b-9uy8m1km1a] {
        display: inline-flex;
    }

    .module-nav-shell--collapsed[b-9uy8m1km1a],
    [dir="rtl"] .module-nav-shell--collapsed[b-9uy8m1km1a] {
        flex-basis: var(--module-nav-collapsed-width);
        width: var(--module-nav-collapsed-width);
    }

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

    .module-nav-shell--collapsed .module-nav-heading[b-9uy8m1km1a],
    .module-nav-shell--collapsed .module-nav-label[b-9uy8m1km1a],
    .module-nav-shell--collapsed .module-nav-empty[b-9uy8m1km1a] {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip-path: inset(50%);
        white-space: nowrap;
    }

    .module-nav-shell--collapsed .module-nav-list[b-9uy8m1km1a] {
        padding-inline: 8px;
    }

    .module-nav-shell--collapsed[b-9uy8m1km1a]  .module-nav-link {
        justify-content: center;
        width: 48px;
        padding-inline: 0;
    }

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

    [dir="rtl"] .module-nav-shell--collapsed .module-nav-collapse-icon[b-9uy8m1km1a] {
        transform: rotate(0);
    }
}
/* _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: var(--cg-text);
    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: var(--cg-hover);
    color: var(--cg-accent);
}

.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 var(--cg-accent);
    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] {
    /* Dimensions and type scale mirror ERPClient_React's navigation pane
       (src/index.css: .app-shell__nav, .nav-pane*). Keep the two in step. */
    --cashgear-nav-drawer-width: 304px;
    --cashgear-nav-expanded-width: 248px;
    --cashgear-nav-collapsed-width: 64px;
    --cashgear-nav-header-height: 52px;
    --cashgear-nav-line-height: 1.45;
    --cashgear-nav-heading-size: .8125rem;
    --cashgear-nav-group-title-size: .6875rem;
    --cashgear-nav-link-size: .875rem;
    --cashgear-nav-leaf-size: .8125rem;
    --cashgear-nav-icon-size: 1.125rem;
    --cashgear-nav-meta-size: .6875rem;
    /* ERPClient_React renders in system-ui (Segoe UI on Windows). The app-wide
       Helvetica/Arial stack has a smaller x-height and tighter advance widths, which is
       what made identical rem sizes read smaller here than in the React pane. */
    --cashgear-nav-font: system-ui, "Segoe UI", Roboto, sans-serif;
    position: fixed;
    inset-block: 0;
    inset-inline-start: 0;
    z-index: 40;
    display: flex;
    flex-direction: column;
    width: min(var(--cashgear-nav-drawer-width), calc(100vw - 48px));
    min-height: 0;
    border-inline-end: 1px solid var(--cg-border);
    background: var(--cg-surface);
    box-shadow: 12px 0 32px var(--cg-shadow-color);
    font-family: var(--cashgear-nav-font);
    visibility: hidden;
    transform: translateX(-105%);
    transition: transform 160ms ease, visibility 160ms ease;
}

[dir="rtl"] .nav-shell[b-702zesyzvh] {
    box-shadow: -12px 0 32px var(--cg-shadow-color);
    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: var(--cashgear-nav-header-height);
    padding: 8px 12px;
    border-bottom: 1px solid var(--cg-border);
}

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

.nav-logo[b-702zesyzvh] {
    width: 36px;
    height: 36px;
    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: var(--cashgear-nav-heading-size);
    font-weight: 650;
}

.nav-brand-meta small[b-702zesyzvh] {
    margin-top: 3px;
    color: var(--cg-text-secondary);
    font-size: var(--cashgear-nav-meta-size);
}

.nav-mobile-heading[b-702zesyzvh] {
    flex: 1;
    color: var(--cg-text-secondary);
    font-size: var(--cashgear-nav-heading-size);
    font-weight: 650;
    letter-spacing: .04em;
    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: var(--cg-border) transparent;
    scrollbar-width: thin;
}

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

.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: var(--cg-text-secondary);
    font-size: var(--cashgear-nav-group-title-size);
    font-weight: 650;
    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: var(--cg-text);
    font: inherit;
    font-size: var(--cashgear-nav-link-size);
    line-height: var(--cashgear-nav-line-height);
    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: var(--cg-hover);
    color: var(--cg-accent);
}

[b-702zesyzvh] .nav-link.active {
    background: var(--cg-selected);
    color: var(--cg-accent);
    font-weight: 650;
}

[b-702zesyzvh] .nav-link.active::before {
    background: var(--cg-accent);
}

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

/* Glyphs size to 1em so they follow the icon slot, matching ERPClient_React's <Icon />. */
.nav-icon i[b-702zesyzvh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1em;
    height: 1em;
    overflow: hidden;
    font-size: 1em;
    line-height: 1;
}

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

/* Wraps rather than truncates, matching ERPClient_React's .nav-pane__label. The tree spends
   30-42px more of the pane on arrows and indentation than the flat React pane does, so long
   labels need the second line instead of an ellipsis. */
.nav-label[b-702zesyzvh] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.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 var(--cg-border);
}

.tree-level-two[b-702zesyzvh] {
    margin-inline-start: 30px;
    border-inline-start: 1px solid var(--cg-border);
}

.tree-level-two[b-702zesyzvh]  .nav-link {
    min-height: 40px;
    font-size: var(--cashgear-nav-leaf-size);
}

[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 var(--cashgear-nav-expanded-width);
        width: var(--cashgear-nav-expanded-width);
        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: var(--cashgear-nav-collapsed-width);
        width: var(--cashgear-nav-collapsed-width);
    }

    .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: var(--cg-text);
        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: var(--cg-accent);
        color: white;
    }

        .action-button.primary:hover[b-b8vmstqdan] {
            background-color: var(--cg-accent);
        }

    .action-button.secondary[b-b8vmstqdan] {
        background-color: var(--cg-surface-subtle);
        color: var(--cg-accent);
        border: 1px solid #e0e0e0;
    }

        .action-button.secondary:hover[b-b8vmstqdan] {
            background-color: var(--cg-surface-subtle);
        }

.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: var(--cg-text-secondary);
    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: var(--cg-accent);
        border-bottom-color: var(--cg-accent);
    }

    .nav-tab:hover:not(.active)[b-b8vmstqdan] {
        color: var(--cg-text);
        background-color: var(--cg-surface-subtle);
    }

.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: var(--cg-accent-soft);
        border-color: var(--cg-border);
    }

.card-icon[b-b8vmstqdan] {
    font-size: 1.75rem;
    color: var(--cg-accent);
    margin-bottom: 0.75rem;
}

.card-label[b-b8vmstqdan] {
    font-weight: 500;
    text-align: center;
    color: var(--cg-text);
}

.folder-badge[b-b8vmstqdan] {
    position: absolute;
    top: 8px;
    right: 8px;
    font-size: 0.7rem;
    padding: 0.15rem 0.5rem;
    background-color: var(--cg-surface-subtle);
    border-radius: 12px;
    color: var(--cg-text-secondary);
}

.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 */
.module-area[b-48qh1brxg3]{--module-radius:14px;width:min(100%,1440px);margin-inline:auto;padding:clamp(1rem,2.4vw,2rem);color:var(--cg-text)}
.module-area__header[b-48qh1brxg3]{display:flex;align-items:end;justify-content:space-between;gap:1.25rem;margin-block-end:1.4rem}
.module-area__heading h1[b-48qh1brxg3]{margin:0;font-size:clamp(1.65rem,3vw,2.2rem);font-weight:720;letter-spacing:-.025em}
.module-area__eyebrow[b-48qh1brxg3]{margin:0 0 .25rem;color:var(--cg-accent);font-size:.74rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}
.module-search[b-48qh1brxg3]{position:relative;width:min(100%,430px)}
.module-search>i[b-48qh1brxg3]{position:absolute;inset-inline-start:.9rem;inset-block-start:50%;translate:0 -50%;color:var(--cg-text-secondary);pointer-events:none}
.module-search input[b-48qh1brxg3]{width:100%;min-height:44px;padding:.65rem 2.7rem;border:1px solid var(--cg-border);border-radius:999px;outline:none;background:var(--cg-surface);color:var(--cg-text);box-shadow:0 6px 24px color-mix(in srgb,var(--cg-shadow-color) 9%,transparent)}
.module-search input:focus-visible[b-48qh1brxg3]{border-color:var(--cg-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--cg-accent) 20%,transparent)}
.module-search__clear[b-48qh1brxg3]{position:absolute;inset-inline-end:.55rem;inset-block-start:50%;translate:0 -50%;width:32px;height:32px;border:0;border-radius:50%;background:transparent;color:var(--cg-text-secondary)}
.module-search__clear:hover[b-48qh1brxg3]{background:var(--cg-surface-subtle)}
.quick-actions[b-48qh1brxg3]{margin-block-end:1.2rem;padding:1rem;border:1px solid var(--cg-border);border-radius:var(--module-radius);background:color-mix(in srgb,var(--cg-accent) 6%,var(--cg-surface))}
.section-heading h2[b-48qh1brxg3]{margin:0 0 .7rem;font-size:.76rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:var(--cg-text-secondary)}
.quick-actions__list[b-48qh1brxg3]{display:flex;flex-wrap:wrap;gap:.65rem}
.quick-action[b-48qh1brxg3]{display:inline-flex;align-items:center;gap:.55rem;min-height:40px;padding:.55rem .85rem;border:1px solid color-mix(in srgb,var(--cg-accent) 28%,var(--cg-border));border-radius:10px;background:var(--cg-surface);color:var(--cg-text);font-weight:650;text-decoration:none}
.quick-action i[b-48qh1brxg3]{color:var(--cg-accent);font-size:1.05rem}.quick-action:hover[b-48qh1brxg3]{border-color:var(--cg-accent);color:var(--cg-accent)}
.folder-filter[b-48qh1brxg3]{display:flex;gap:.55rem;overflow-x:auto;padding:.15rem .1rem .85rem;margin-block-end:.6rem;scrollbar-width:thin}
.folder-chip[b-48qh1brxg3]{display:inline-flex;align-items:center;gap:.45rem;min-height:38px;flex:0 0 auto;padding:.48rem .82rem;border:1px solid var(--cg-border);border-radius:999px;background:var(--cg-surface);color:var(--cg-text-secondary);font-size:.86rem;font-weight:650}
.folder-chip:hover[b-48qh1brxg3]{color:var(--cg-text);background:var(--cg-surface-subtle)}.folder-chip.active[b-48qh1brxg3]{border-color:var(--cg-accent);background:var(--cg-accent);color:#fff}
.module-grid[b-48qh1brxg3]{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:.85rem}
.module-card[b-48qh1brxg3]{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:.8rem;min-height:94px;padding:1rem;border:1px solid var(--cg-border);border-radius:var(--module-radius);background:var(--cg-surface);color:var(--cg-text);text-decoration:none;box-shadow:0 6px 22px color-mix(in srgb,var(--cg-shadow-color) 8%,transparent);transition:translate .16s ease,border-color .16s ease,box-shadow .16s ease}
.module-card:hover[b-48qh1brxg3]{translate:0 -2px;border-color:color-mix(in srgb,var(--cg-accent) 55%,var(--cg-border));color:var(--cg-text);box-shadow:0 10px 30px color-mix(in srgb,var(--cg-shadow-color) 14%,transparent)}
.module-card:focus-visible[b-48qh1brxg3],.quick-action:focus-visible[b-48qh1brxg3],.folder-chip:focus-visible[b-48qh1brxg3],.module-empty__clear:focus-visible[b-48qh1brxg3],.module-search__clear:focus-visible[b-48qh1brxg3]{outline:3px solid color-mix(in srgb,var(--cg-accent) 32%,transparent);outline-offset:2px}
.module-card__icon[b-48qh1brxg3]{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:color-mix(in srgb,var(--cg-accent) 11%,var(--cg-surface));color:var(--cg-accent)}
.module-card__icon i[b-48qh1brxg3]{font-size:1.35rem!important;line-height:1!important}.module-card__content[b-48qh1brxg3]{display:grid;gap:.25rem;min-width:0}.module-card__title[b-48qh1brxg3]{font-weight:700;line-height:1.28}.module-card__folder[b-48qh1brxg3]{color:var(--cg-text-secondary);font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.module-card__arrow[b-48qh1brxg3]{color:var(--cg-text-secondary);font-size:.8rem}[dir="rtl"] .module-card__arrow[b-48qh1brxg3]{transform:rotate(180deg)}
.module-empty[b-48qh1brxg3]{display:grid;justify-items:center;gap:.45rem;min-height:280px;padding:3rem 1rem;border:1px dashed var(--cg-border);border-radius:var(--module-radius);color:var(--cg-text-secondary);text-align:center}
.module-empty__icon[b-48qh1brxg3]{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--cg-surface-subtle);font-size:1.5rem}.module-empty h2[b-48qh1brxg3]{margin:.3rem 0 0;color:var(--cg-text);font-size:1.15rem}.module-empty p[b-48qh1brxg3]{margin:0}.module-empty__clear[b-48qh1brxg3]{border:0;background:transparent;color:var(--cg-accent);font-weight:700}
@media(max-width:700px){.module-area__header[b-48qh1brxg3]{align-items:stretch;flex-direction:column}.module-search[b-48qh1brxg3]{width:100%}.module-grid[b-48qh1brxg3]{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.module-card[b-48qh1brxg3]{transition: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: var(--cg-text);
    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: var(--cg-accent-soft);
    color: var(--cg-accent);
}

.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 var(--cg-border);
    border-radius: 14px;
    background: var(--cg-surface);
    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: var(--cg-text);
    font-size: 1rem;
    font-weight: 700;
}

.popup-header p[b-x7es6884i1] {
    margin-top: 3px;
    color: var(--cg-text-secondary);
    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 var(--cg-border);
    border-radius: 9px;
    color: var(--cg-text-secondary);
}

.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: var(--cg-text);
    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: var(--cg-text);
    font: inherit;
    text-align: start;
    cursor: pointer;
}

.notification-card:hover[b-x7es6884i1] {
    background: var(--cg-surface-subtle);
}

.notification-card.unread[b-x7es6884i1] {
    background: var(--cg-accent-soft);
}

.notification-card.unread:hover[b-x7es6884i1] {
    background: var(--cg-accent-soft);
}

.notification-avatar[b-x7es6884i1] {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: var(--cg-accent-soft);
    color: var(--cg-accent);
    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: var(--cg-text);
    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: var(--cg-text-secondary);
    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: var(--cg-accent);
}

.empty-state[b-x7es6884i1] {
    display: grid;
    justify-items: center;
    gap: 9px;
    padding: 38px 20px 42px;
    color: var(--cg-text-secondary);
    text-align: center;
}

.empty-state i[b-x7es6884i1] {
    color: var(--cg-text-secondary);
    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: var(--cg-surface);
}

.jrn-toolbar-bar[b-3jd9oja0dk] {
    position: sticky;
    inset-block-start: 0;
    z-index: 20;
    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: var(--cg-text-secondary);
    line-height: 1;
}

.jrn-num[b-3jd9oja0dk] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--cg-text);
    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: var(--cg-text-secondary);
}

.jrn-sep[b-3jd9oja0dk] {
    margin-inline: .4rem;
    color: var(--cg-text-secondary);
}

/* ---- 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: var(--cg-surface-subtle);
    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: var(--cg-text-secondary);
    white-space: nowrap;
}

.jrn-stat-value[b-3jd9oja0dk] {
    font-size: 1.15rem;
    font-weight: 600;
    color: var(--cg-text);
    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: var(--cg-danger-soft);
}

    .jrn-stat.is-bad .jrn-stat-value[b-3jd9oja0dk] {
        color: var(--cg-danger-text);
    }

/* ---- Toolbar ---- */

.jrn-toolbar[b-3jd9oja0dk] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .4rem;
    min-inline-size: 0;
    padding-block: .35rem;
}

.jrn-toolbar .btn[b-3jd9oja0dk] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    white-space: nowrap;
}

.jrn-toolbar__spacer[b-3jd9oja0dk] {
    flex: 1 1 1rem;
}

.jrn-menu[b-3jd9oja0dk] {
    position: relative;
}

.jrn-menu > summary[b-3jd9oja0dk] {
    list-style: none;
    cursor: pointer;
}

.jrn-menu > summary[b-3jd9oja0dk]::-webkit-details-marker {
    display: none;
}

.jrn-menu__items[b-3jd9oja0dk] {
    position: absolute;
    z-index: 30;
    inset-block-start: calc(100% + .3rem);
    inset-inline-start: 0;
    display: grid;
    min-inline-size: 12rem;
    padding: .35rem;
    background: var(--cg-surface, #fff);
    border: 1px solid var(--cg-border, #d0d5dd);
    border-radius: .45rem;
    box-shadow: 0 .5rem 1.25rem rgba(16, 24, 40, .14);
}

.jrn-menu--end .jrn-menu__items[b-3jd9oja0dk] {
    inset-inline: auto 0;
}

.jrn-menu__items button[b-3jd9oja0dk] {
    display: flex;
    align-items: center;
    gap: .55rem;
    inline-size: 100%;
    padding: .5rem .65rem;
    color: var(--cg-text, #1f2937);
    text-align: start;
    background: transparent;
    border: 0;
    border-radius: .3rem;
}

.jrn-menu__items button:hover[b-3jd9oja0dk],
.jrn-menu__items button:focus-visible[b-3jd9oja0dk] {
    background: var(--cg-hover, #f2f7ff);
}

.jrn-grid-actions[b-3jd9oja0dk] {
    display: flex;
    justify-content: center;
    gap: .35rem;
}

.jrn-lines-toolbar[b-3jd9oja0dk] {
    display: flex;
    flex: 1 1 42rem;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
    min-inline-size: 0;
}

.jrn-lines-toolbar__lookup[b-3jd9oja0dk] {
    flex: 0 1 14rem;
    inline-size: 14rem;
    min-inline-size: 10rem;
}

[b-3jd9oja0dk] .journal-lines-grid .cg-grid__toolbar {
    flex-wrap: wrap;
    align-items: flex-start;
}

[b-3jd9oja0dk] .journal-lines-grid .cg-grid__toolbar-actions {
    flex: 1 1 16rem;
}

[b-3jd9oja0dk] .journal-page-layout,
[b-3jd9oja0dk] .journal-page-layout .cg-form-layout__tab-pages,
[b-3jd9oja0dk] .journal-page-layout .cg-grid {
    min-inline-size: 0;
    max-inline-size: 100%;
}

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

@media (max-width: 640.98px) {
    .jrn-header[b-3jd9oja0dk],
    .jrn-toolbar-bar[b-3jd9oja0dk] {
        margin-inline: -1rem;
        padding-inline: 1rem;
    }

    .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;
    }

    .jrn-toolbar[b-3jd9oja0dk] {
        flex-wrap: nowrap;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        scrollbar-width: thin;
    }

    .jrn-toolbar__spacer[b-3jd9oja0dk] {
        flex-basis: .25rem;
    }

    .jrn-menu__items[b-3jd9oja0dk] {
        position: fixed;
        inset-inline: .5rem;
        inset-block-start: auto;
        max-block-size: 60dvh;
        overflow: auto;
    }

    .jrn-lines-toolbar[b-3jd9oja0dk] {
        flex-basis: 100%;
    }

    .jrn-lines-toolbar__lookup[b-3jd9oja0dk] {
        flex: 1 1 12rem;
        inline-size: min(100%, 16rem);
    }

    [b-3jd9oja0dk] .journal-lines-grid .cg-grid__toolbar-actions {
        flex-basis: 100%;
        justify-content: stretch;
    }

    [b-3jd9oja0dk] .journal-lines-grid .cg-grid__search {
        inline-size: 100%;
    }
}
/* _content/CashGear.App/Components/Pages/Accounting/LrdgerJournalPages/GLJournalsComp.razor.rz.scp.css */
.directory-page[b-40f7a7l8yc] { width: min(1440px, 100%); margin-inline: auto; color: var(--cg-text); font-family: "Segoe UI", Tahoma, system-ui, sans-serif; }
.directory-header[b-40f7a7l8yc] { 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, var(--cg-accent-soft) 0%, var(--cg-surface) 72%); }
.directory-eyebrow[b-40f7a7l8yc] { color: var(--cg-accent); font-size: .72rem; font-weight: 700; letter-spacing: .065em; text-transform: uppercase; }
.directory-title h1[b-40f7a7l8yc] { margin: .2rem 0 .35rem; color: var(--cg-text); font-size: clamp(1.65rem, 4vw, 2.15rem); font-weight: 750; line-height: 1.15; }
.directory-title p[b-40f7a7l8yc], .directory-surface-heading span[b-40f7a7l8yc] { margin: 0; color: var(--cg-text-secondary); }
.directory-stats[b-40f7a7l8yc] { display: flex; flex-wrap: wrap; gap: .65rem; }
.directory-stat[b-40f7a7l8yc] { min-inline-size: 6.5rem; padding: .65rem .85rem; border: 1px solid var(--cg-border); border-inline-start: 3px solid var(--cg-border); border-radius: 10px; background: color-mix(in srgb, var(--cg-surface) 86%, transparent); }
.directory-stat--success[b-40f7a7l8yc] { border-inline-start-color: #16a34a; } .directory-stat--warning[b-40f7a7l8yc] { border-inline-start-color: #d97706; } .directory-stat--accent[b-40f7a7l8yc] { border-inline-start-color: #7c3aed; } .directory-stat--credit[b-40f7a7l8yc] { border-inline-start-color: #0891b2; }
.directory-stat span[b-40f7a7l8yc], .directory-stat strong[b-40f7a7l8yc] { display: block; } .directory-stat span[b-40f7a7l8yc] { color: var(--cg-text-secondary); font-size: .7rem; font-weight: 650; letter-spacing: .04em; text-transform: uppercase; } .directory-stat strong[b-40f7a7l8yc] { margin-block-start: .15rem; color: var(--cg-text); font-size: 1.15rem; font-variant-numeric: tabular-nums; }
.directory-surface[b-40f7a7l8yc] { overflow: hidden; border: 1px solid var(--cg-border); border-radius: 12px; background: var(--cg-surface); box-shadow: 0 2px 8px rgb(15 23 42 / 5%); }
.directory-surface-heading[b-40f7a7l8yc] { padding: 1rem 1.15rem; border-block-end: 1px solid var(--cg-border); } .directory-surface-heading h2[b-40f7a7l8yc] { margin: 0; color: var(--cg-text); font-size: 1rem; font-weight: 700; } .directory-surface-heading span[b-40f7a7l8yc] { font-size: .82rem; }
.directory-toolbar-actions[b-40f7a7l8yc], .popup-actions[b-40f7a7l8yc], .row-actions[b-40f7a7l8yc] { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; } .popup-actions[b-40f7a7l8yc] { justify-content: flex-end; inline-size: 100%; }
.directory-button[b-40f7a7l8yc], .icon-button[b-40f7a7l8yc] { display: inline-flex; align-items: center; justify-content: center; border: 1px solid transparent; border-radius: 8px; font: inherit; font-weight: 650; cursor: pointer; transition: border-color 140ms ease, background-color 140ms ease, color 140ms ease; }
.directory-button[b-40f7a7l8yc] { min-block-size: 2.35rem; gap: .45rem; padding: .48rem .8rem; font-size: .84rem; } .icon-button[b-40f7a7l8yc] { inline-size: 2rem; block-size: 2rem; border-color: var(--cg-border); background: var(--cg-surface); color: var(--cg-text-secondary); }
.directory-button--primary[b-40f7a7l8yc] { border-color: var(--cg-accent); background: var(--cg-accent); color: #fff; } .directory-button--secondary[b-40f7a7l8yc] { border-color: var(--cg-border); background: var(--cg-surface); color: var(--cg-text); }
.directory-button--primary:hover:not(:disabled)[b-40f7a7l8yc] { background: var(--cg-accent); } .directory-button--secondary:hover:not(:disabled)[b-40f7a7l8yc], .icon-button:hover[b-40f7a7l8yc] { border-color: var(--cg-border); background: var(--cg-surface-subtle); color: var(--cg-accent); }
.directory-button:focus-visible[b-40f7a7l8yc], .icon-button:focus-visible[b-40f7a7l8yc], .record-link:focus-visible[b-40f7a7l8yc] { outline: 2px solid #2563eb; outline-offset: 2px; } .directory-button:disabled[b-40f7a7l8yc] { cursor: not-allowed; opacity: .58; }
.directory-state[b-40f7a7l8yc] { display: flex; align-items: center; justify-content: center; gap: .65rem; min-block-size: 16rem; padding: 2rem; color: var(--cg-text-secondary); } .directory-state--error[b-40f7a7l8yc] { flex-wrap: wrap; color: var(--cg-danger-text); }
.refresh-alert[b-40f7a7l8yc] { display: flex; align-items: center; gap: .5rem; padding: .65rem 1rem; border-block-end: 1px solid #fecdca; background: var(--cg-danger-soft); color: var(--cg-danger-text); } .refresh-alert button[b-40f7a7l8yc] { margin-inline-start: auto; border: 0; background: transparent; color: inherit; font-weight: 700; text-decoration: underline; }
.record-link[b-40f7a7l8yc] { display: inline-flex; align-items: center; gap: .4rem; color: var(--cg-accent); font-weight: 700; text-decoration: none; } .record-link:hover[b-40f7a7l8yc] { text-decoration: underline; }
.status-pill[b-40f7a7l8yc] { display: inline-flex; padding: .2rem .55rem; border-radius: 999px; font-size: .74rem; font-weight: 700; } .status-pill--success[b-40f7a7l8yc] { background: var(--cg-success-soft); color: var(--cg-success-text); } .status-pill--warning[b-40f7a7l8yc] { background: var(--cg-warning-soft); color: var(--cg-warning-text); }
.directory-empty[b-40f7a7l8yc] { display: grid; place-items: center; gap: .5rem; min-block-size: 12rem; color: var(--cg-text-secondary); text-align: center; } .directory-empty i[b-40f7a7l8yc] { color: var(--cg-text-secondary); font-size: 1.8rem; }
.directory-page[b-40f7a7l8yc]  .directory-grid { --cg-grid-border: var(--cg-border); --cg-grid-header-bg: var(--cg-surface-subtle); --cg-grid-filter-bg: var(--cg-surface-raised); --cg-grid-hover: var(--cg-hover); border: 0; border-radius: 0; } .directory-page[b-40f7a7l8yc]  .directory-grid .cg-grid__toolbar { padding: .8rem 1rem; } .directory-page[b-40f7a7l8yc]  .directory-grid .cg-grid__search input { border-radius: 8px; } .directory-page[b-40f7a7l8yc]  .directory-grid .cg-grid__header-cell { color: var(--cg-text-secondary); font-size: .76rem; font-weight: 700; }
[b-40f7a7l8yc] .journal-popup .cg-overlay__footer { display: flex; justify-content: flex-end; }
@media (max-width: 575.98px) {
    .directory-header[b-40f7a7l8yc] { align-items: stretch; padding: 1.1rem; } .directory-stats[b-40f7a7l8yc] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); inline-size: 100%; } .directory-stat[b-40f7a7l8yc] { min-inline-size: 0; } .directory-toolbar-actions[b-40f7a7l8yc] { inline-size: 100%; } .directory-button[b-40f7a7l8yc] { flex: 1 1 auto; }
    .directory-page[b-40f7a7l8yc]  .journals-grid [data-column-id="JournalName"], .directory-page[b-40f7a7l8yc]  .journals-grid [data-column-id="LedgerDimIdModel.BusinessUnit"] { display: none; }
    .directory-page[b-40f7a7l8yc]  .journals-grid col[data-column-id="JournalName"], .directory-page[b-40f7a7l8yc]  .journals-grid col[data-column-id="LedgerDimIdModel.BusinessUnit"] { visibility: collapse; }
}
@media (prefers-reduced-motion: reduce) { .directory-button[b-40f7a7l8yc], .icon-button[b-40f7a7l8yc] { transition: none; } }
@media (forced-colors: active) { .directory-header[b-40f7a7l8yc], .directory-surface[b-40f7a7l8yc], .directory-stat[b-40f7a7l8yc], .directory-button[b-40f7a7l8yc], .icon-button[b-40f7a7l8yc] { border-color: CanvasText; } }
/* _content/CashGear.App/Components/Pages/Accounting/Master/COAComp.razor.rz.scp.css */
.directory-page[b-je5a06coyu] { width: min(1440px, 100%); margin-inline: auto; color: var(--cg-text); font-family: "Segoe UI", Tahoma, system-ui, sans-serif; }
.directory-header[b-je5a06coyu] { 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, var(--cg-accent-soft) 0%, var(--cg-surface) 72%); }
.directory-title[b-je5a06coyu] { min-inline-size: 0; }
.directory-eyebrow[b-je5a06coyu] { color: var(--cg-accent); font-size: .72rem; font-weight: 700; letter-spacing: .065em; text-transform: uppercase; }
.directory-title h1[b-je5a06coyu] { margin: .2rem 0 .35rem; color: var(--cg-text); font-size: clamp(1.65rem, 4vw, 2.15rem); font-weight: 750; line-height: 1.15; }
.directory-title p[b-je5a06coyu], .directory-surface-heading span[b-je5a06coyu] { margin: 0; color: var(--cg-text-secondary); }
.directory-stats[b-je5a06coyu] { display: flex; flex-wrap: wrap; gap: .65rem; }
.directory-stat[b-je5a06coyu] { min-inline-size: 6.5rem; padding: .65rem .85rem; border: 1px solid var(--cg-border); border-inline-start: 3px solid var(--cg-border); border-radius: 10px; background: color-mix(in srgb, var(--cg-surface) 86%, transparent); }
.directory-stat--success[b-je5a06coyu] { border-inline-start-color: #16a34a; }
.directory-stat--warning[b-je5a06coyu] { border-inline-start-color: #d97706; }
.directory-stat--accent[b-je5a06coyu] { border-inline-start-color: #7c3aed; }
.directory-stat span[b-je5a06coyu], .directory-stat strong[b-je5a06coyu] { display: block; }
.directory-stat span[b-je5a06coyu] { color: var(--cg-text-secondary); font-size: .7rem; font-weight: 650; letter-spacing: .04em; text-transform: uppercase; }
.directory-stat strong[b-je5a06coyu] { margin-block-start: .15rem; color: var(--cg-text); font-size: 1.2rem; font-variant-numeric: tabular-nums; }
.directory-surface[b-je5a06coyu] { overflow: hidden; border: 1px solid var(--cg-border); border-radius: 12px; background: var(--cg-surface); box-shadow: 0 2px 8px rgb(15 23 42 / 5%); }
.directory-surface-heading[b-je5a06coyu] { padding: 1rem 1.15rem; border-block-end: 1px solid var(--cg-border); }
.directory-surface-heading h2[b-je5a06coyu] { margin: 0; color: var(--cg-text); font-size: 1rem; font-weight: 700; }
.directory-surface-heading span[b-je5a06coyu] { font-size: .82rem; }
.directory-toolbar-actions[b-je5a06coyu] { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
.directory-button[b-je5a06coyu] { display: inline-flex; align-items: center; justify-content: center; min-block-size: 2.35rem; gap: .45rem; padding: .48rem .8rem; border: 1px solid transparent; border-radius: 8px; font: inherit; font-size: .84rem; font-weight: 650; cursor: pointer; transition: border-color 140ms ease, background-color 140ms ease, color 140ms ease, box-shadow 140ms ease; }
.directory-button--primary[b-je5a06coyu] { border-color: var(--cg-accent); background: var(--cg-accent); color: #fff; }
.directory-button--secondary[b-je5a06coyu] { border-color: var(--cg-border); background: var(--cg-surface); color: var(--cg-text); }
.directory-button--primary:hover:not(:disabled)[b-je5a06coyu] { border-color: var(--cg-accent); background: var(--cg-accent); }
.directory-button--secondary:hover:not(:disabled)[b-je5a06coyu] { border-color: var(--cg-border); background: var(--cg-surface-subtle); color: var(--cg-accent); }
.directory-button:focus-visible[b-je5a06coyu], .record-link:focus-visible[b-je5a06coyu] { outline: 2px solid #2563eb; outline-offset: 2px; }
.directory-button:disabled[b-je5a06coyu] { cursor: not-allowed; opacity: .58; }
.directory-state[b-je5a06coyu] { display: flex; align-items: center; justify-content: center; gap: .65rem; min-block-size: 16rem; padding: 2rem; color: var(--cg-text-secondary); }
.directory-state--error[b-je5a06coyu] { flex-wrap: wrap; color: var(--cg-danger-text); }
.record-link[b-je5a06coyu] { display: inline-flex; align-items: center; gap: .4rem; color: var(--cg-accent); font-weight: 700; text-decoration: none; }
.record-link:hover[b-je5a06coyu] { text-decoration: underline; }
.record-name[b-je5a06coyu] { color: var(--cg-text); font-weight: 650; }
.status-pill[b-je5a06coyu] { display: inline-flex; padding: .2rem .55rem; border-radius: 999px; font-size: .74rem; font-weight: 700; }
.status-pill--success[b-je5a06coyu] { background: var(--cg-success-soft); color: var(--cg-success-text); }
.status-pill--warning[b-je5a06coyu] { background: var(--cg-warning-soft); color: var(--cg-warning-text); }
.directory-empty[b-je5a06coyu] { display: grid; place-items: center; gap: .5rem; min-block-size: 12rem; color: var(--cg-text-secondary); text-align: center; }
.directory-empty i[b-je5a06coyu] { color: var(--cg-text-secondary); font-size: 1.8rem; }
.directory-page[b-je5a06coyu]  .directory-grid { --cg-grid-border: var(--cg-border); --cg-grid-header-bg: var(--cg-surface-subtle); --cg-grid-filter-bg: var(--cg-surface-raised); --cg-grid-hover: var(--cg-hover); border: 0; border-radius: 0; }
.directory-page[b-je5a06coyu]  .directory-grid .cg-grid__toolbar { padding: .8rem 1rem; }
.directory-page[b-je5a06coyu]  .directory-grid .cg-grid__search input { border-radius: 8px; }
.directory-page[b-je5a06coyu]  .directory-grid .cg-grid__header-cell { color: var(--cg-text-secondary); font-size: .76rem; font-weight: 700; letter-spacing: .02em; }
@media (max-width: 575.98px) {
    .directory-header[b-je5a06coyu] { align-items: stretch; padding: 1.1rem; }
    .directory-stats[b-je5a06coyu] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); inline-size: 100%; }
    .directory-stat[b-je5a06coyu] { min-inline-size: 0; }
    .directory-toolbar-actions[b-je5a06coyu] { inline-size: 100%; }
    .directory-button[b-je5a06coyu] { flex: 1 1 auto; }
    .directory-page[b-je5a06coyu]  .coa-grid [data-column-id="SecRule"], .directory-page[b-je5a06coyu]  .coa-grid [data-column-id="LockedInJournal"] { display: none; }
    .directory-page[b-je5a06coyu]  .coa-grid col[data-column-id="SecRule"], .directory-page[b-je5a06coyu]  .coa-grid col[data-column-id="LockedInJournal"] { visibility: collapse; }
}
@media (prefers-reduced-motion: reduce) { .directory-button[b-je5a06coyu] { transition: none; } }
@media (forced-colors: active) { .directory-header[b-je5a06coyu], .directory-surface[b-je5a06coyu], .directory-stat[b-je5a06coyu], .directory-button[b-je5a06coyu] { border-color: CanvasText; } }
/* _content/CashGear.App/Components/Pages/Accounting/VendPayment/EditVendPaymentComp.razor.rz.scp.css */
.payment-form[b-xn2olt38n9], .payment-page[b-xn2olt38n9] { inline-size: 100%; }
.payment-page[b-xn2olt38n9] { width: min(1440px, 100%); margin-inline: auto; color: var(--cg-text); font-family: "Segoe UI", Tahoma, system-ui, sans-serif; }
.payment-header[b-xn2olt38n9] { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 1.25rem; margin-block-end: 1rem; padding: 1.5rem; border: 1px solid #cbd9fb; border-radius: 14px; background: linear-gradient(135deg, var(--cg-accent-soft) 0%, var(--cg-surface) 72%); }
.payment-title[b-xn2olt38n9] { min-inline-size: 0; }
.payment-eyebrow[b-xn2olt38n9] { color: var(--cg-accent); font-size: .72rem; font-weight: 700; letter-spacing: .065em; text-transform: uppercase; }
.payment-title-row[b-xn2olt38n9] { display: flex; flex-wrap: wrap; align-items: center; gap: .55rem; margin-block: .2rem .35rem; }
.payment-title h1[b-xn2olt38n9] { margin: 0; color: var(--cg-text); font-size: clamp(1.55rem, 4vw, 2.1rem); font-weight: 750; line-height: 1.15; }
.payment-title p[b-xn2olt38n9], .surface-heading span[b-xn2olt38n9] { margin: 0; color: var(--cg-text-secondary); }
.payment-stats[b-xn2olt38n9] { display: flex; flex-wrap: wrap; gap: .65rem; }
.payment-stat[b-xn2olt38n9] { min-inline-size: 7rem; padding: .65rem .85rem; border: 1px solid var(--cg-border); border-inline-start: 3px solid var(--cg-border); border-radius: 10px; background: rgb(255 255 255 / 88%); }
.payment-stat--accent[b-xn2olt38n9] { border-inline-start-color: #7c3aed; }
.payment-stat--invoice[b-xn2olt38n9] { border-inline-start-color: #d97706; }
.payment-stat--paid[b-xn2olt38n9] { border-inline-start-color: #16a34a; }
.payment-stat span[b-xn2olt38n9], .payment-stat strong[b-xn2olt38n9] { display: block; }
.payment-stat span[b-xn2olt38n9] { color: var(--cg-text-secondary); font-size: .7rem; font-weight: 650; letter-spacing: .04em; text-transform: uppercase; }
.payment-stat strong[b-xn2olt38n9] { margin-block-start: .15rem; color: var(--cg-text); font-size: 1.05rem; font-variant-numeric: tabular-nums; }
.payment-surface[b-xn2olt38n9] { overflow: hidden; margin-block-end: 1rem; border: 1px solid var(--cg-border); border-radius: 12px; background: var(--cg-surface); box-shadow: 0 2px 8px rgb(15 23 42 / 5%); }
.payment-header-actions[b-xn2olt38n9] { flex: 1 0 100%; padding-block-start: .9rem; border-block-start: 1px solid #dbe5fb; }
.surface-heading[b-xn2olt38n9] { display: flex; align-items: center; justify-content: space-between; gap: .75rem; padding: 1rem 1.15rem; border-block-end: 1px solid var(--cg-border); }
.surface-heading h2[b-xn2olt38n9] { margin: 0; color: var(--cg-text); font-size: 1rem; font-weight: 700; }
.surface-heading span[b-xn2olt38n9] { font-size: .82rem; }
.payment-actions[b-xn2olt38n9], .line-toolbar[b-xn2olt38n9], .popup-actions[b-xn2olt38n9], .row-actions[b-xn2olt38n9], .input-action[b-xn2olt38n9] { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
.popup-actions[b-xn2olt38n9] { justify-content: flex-end; inline-size: 100%; }
.input-action[b-xn2olt38n9] { flex-wrap: nowrap; }
.input-action .form-control[b-xn2olt38n9] { min-inline-size: 0; flex: 1 1 auto; }
.payment-button[b-xn2olt38n9], .icon-button[b-xn2olt38n9] { display: inline-flex; align-items: center; justify-content: center; border: 1px solid transparent; border-radius: 8px; font: inherit; font-weight: 650; cursor: pointer; transition: border-color 140ms ease, background-color 140ms ease, color 140ms ease; }
.payment-button[b-xn2olt38n9] { min-block-size: 2.35rem; gap: .45rem; padding: .48rem .8rem; font-size: .84rem; }
.icon-button[b-xn2olt38n9] { flex: 0 0 auto; inline-size: 2.15rem; block-size: 2.15rem; border-color: var(--cg-border); background: var(--cg-surface); color: var(--cg-text-secondary); }
.payment-button--primary[b-xn2olt38n9] { border-color: var(--cg-accent); background: var(--cg-accent); color: #fff; }
.payment-button--secondary[b-xn2olt38n9] { border-color: var(--cg-border); background: var(--cg-surface); color: var(--cg-text); }
.payment-button--success[b-xn2olt38n9] { border-color: #15803d; background: #15803d; color: #fff; }
.payment-button--warning[b-xn2olt38n9] { border-color: #d97706; background: var(--cg-warning-soft); color: var(--cg-warning-text); }
.payment-button--danger[b-xn2olt38n9] { border-color: var(--cg-danger-text); background: #b42318; color: #fff; }
.payment-button--primary:hover:not(:disabled)[b-xn2olt38n9] { background: var(--cg-accent); }
.payment-button--success:hover:not(:disabled)[b-xn2olt38n9] { background: #166534; }
.payment-button--warning:hover:not(:disabled)[b-xn2olt38n9] { background: var(--cg-warning-soft); }
.payment-button--danger:hover:not(:disabled)[b-xn2olt38n9] { background: #912018; }
.payment-button--secondary:hover:not(:disabled)[b-xn2olt38n9], .icon-button:hover:not(:disabled)[b-xn2olt38n9] { border-color: var(--cg-border); background: var(--cg-surface-subtle); color: var(--cg-accent); }
.icon-button--danger[b-xn2olt38n9] { color: var(--cg-danger-text); }
.icon-button--danger:hover:not(:disabled)[b-xn2olt38n9] { border-color: #fda29b; background: var(--cg-danger-soft); color: var(--cg-danger-text); }
.payment-button:focus-visible[b-xn2olt38n9], .icon-button:focus-visible[b-xn2olt38n9], .record-link:focus-visible[b-xn2olt38n9], .payment-page :is(input, select, textarea):focus-visible[b-xn2olt38n9] { outline: 2px solid #2563eb; outline-offset: 2px; }
.payment-button:disabled[b-xn2olt38n9], .icon-button:disabled[b-xn2olt38n9] { cursor: not-allowed; opacity: .58; }
.status-pill[b-xn2olt38n9] { display: inline-flex; align-items: center; padding: .22rem .58rem; border-radius: 999px; font-size: .74rem; font-weight: 700; }
.status-pill--neutral[b-xn2olt38n9] { background: var(--cg-surface-subtle); color: var(--cg-text-secondary); }
.status-pill--success[b-xn2olt38n9] { background: var(--cg-success-soft); color: var(--cg-success-text); }
.status-pill--warning[b-xn2olt38n9] { background: var(--cg-warning-soft); color: var(--cg-warning-text); }
.numeric-value[b-xn2olt38n9] { font-variant-numeric: tabular-nums; }
.record-link[b-xn2olt38n9] { color: var(--cg-accent); font-weight: 700; text-decoration: none; }
.record-link:hover[b-xn2olt38n9] { text-decoration: underline; }
.inline-alert[b-xn2olt38n9] { display: flex; align-items: center; gap: .5rem; margin-block-start: .75rem; padding: .65rem .8rem; border-radius: 8px; font-size: .86rem; }
.inline-alert--error[b-xn2olt38n9] { border: 1px solid #fecdca; background: var(--cg-danger-soft); color: var(--cg-danger-text); }
.field-error[b-xn2olt38n9] { margin-block-start: .3rem; color: var(--cg-danger-text); font-size: .78rem; }
.validation-summary[b-xn2olt38n9] { margin-block-start: .65rem; color: var(--cg-danger-text); }
.validation-summary:empty[b-xn2olt38n9] { display: none; }
.payment-load-state[b-xn2olt38n9], .popup-state[b-xn2olt38n9], .payment-empty[b-xn2olt38n9] { display: grid; place-items: center; gap: .65rem; min-block-size: 16rem; padding: 2rem; color: var(--cg-text-secondary); text-align: center; }
.payment-load-state--error[b-xn2olt38n9] { color: var(--cg-danger-text); }
.payment-load-state--error i[b-xn2olt38n9], .payment-empty i[b-xn2olt38n9] { font-size: 2rem; }
.popup-state[b-xn2olt38n9] { min-block-size: 12rem; }
.payment-empty[b-xn2olt38n9] { min-block-size: 11rem; }
.delete-confirmation[b-xn2olt38n9] { display: flex; align-items: flex-start; gap: .8rem; color: var(--cg-text); }
.delete-confirmation > i[b-xn2olt38n9] { color: #d97706; font-size: 1.5rem; }
.delete-confirmation h3[b-xn2olt38n9] { margin: 0 0 .3rem; color: var(--cg-text); font-size: 1rem; }
.delete-confirmation p[b-xn2olt38n9] { margin: 0; }
.payment-page[b-xn2olt38n9]  .payment-lines-grid { --cg-grid-border: var(--cg-border); --cg-grid-header-bg: var(--cg-surface-subtle); --cg-grid-filter-bg: var(--cg-surface-raised); --cg-grid-hover: var(--cg-hover); border: 0; border-radius: 0; }
.payment-page[b-xn2olt38n9]  .payment-lines-grid .cg-grid__toolbar { padding: .8rem 1rem; }
.payment-page[b-xn2olt38n9]  .payment-lines-grid .cg-grid__header-cell { color: var(--cg-text-secondary); font-size: .76rem; font-weight: 700; }
.payment-page[b-xn2olt38n9]  .payment-lines-grid .cg-grid__summary-cell { font-variant-numeric: tabular-nums; }
[b-xn2olt38n9] .payment-popup .cg-overlay__footer-content { inline-size: 100%; }
[b-xn2olt38n9] .payment-popup .cg-overlay__body-content { min-inline-size: 0; }

@media (max-width: 767.98px) {
    .payment-header[b-xn2olt38n9] { align-items: stretch; padding: 1.1rem; }
    .payment-stats[b-xn2olt38n9] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); inline-size: 100%; }
    .payment-stat[b-xn2olt38n9] { min-inline-size: 0; }
    .payment-actions[b-xn2olt38n9], .line-toolbar[b-xn2olt38n9] { inline-size: 100%; }
    .payment-button[b-xn2olt38n9] { flex: 1 1 auto; }
    .payment-page[b-xn2olt38n9]  .payment-lines-grid [data-column-id="Txt"],
    .payment-page[b-xn2olt38n9]  .payment-lines-grid [data-column-id="PaymentMethod"],
    .payment-page[b-xn2olt38n9]  .payment-lines-grid [data-column-id="DueDate"] { display: none; }
    .payment-page[b-xn2olt38n9]  .payment-lines-grid col[data-column-id="Txt"],
    .payment-page[b-xn2olt38n9]  .payment-lines-grid col[data-column-id="PaymentMethod"],
    .payment-page[b-xn2olt38n9]  .payment-lines-grid col[data-column-id="DueDate"] { visibility: collapse; }
}

@media (max-width: 419.98px) {
    .payment-stats[b-xn2olt38n9] { grid-template-columns: 1fr; }
    .payment-title-row[b-xn2olt38n9] { align-items: flex-start; }
}

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

@media (forced-colors: active) {
    .payment-header[b-xn2olt38n9], .payment-surface[b-xn2olt38n9], .payment-stat[b-xn2olt38n9], .payment-button[b-xn2olt38n9], .icon-button[b-xn2olt38n9], .inline-alert[b-xn2olt38n9] { border-color: CanvasText; }
}
/* _content/CashGear.App/Components/Pages/Admin/ASPUsers.razor.rz.scp.css */
.menu-admin-page[b-ghyygn4sxx] {
    width: min(1440px, 100%);
    margin-inline: auto;
    color: var(--cg-text);
    font-family: "Segoe UI", Tahoma, system-ui, sans-serif;
}

.menu-admin-header[b-ghyygn4sxx] {
    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, var(--cg-accent-soft) 0%, var(--cg-surface)fff 72%);
}

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

.menu-admin-eyebrow[b-ghyygn4sxx],
.assignment-kicker[b-ghyygn4sxx] {
    color: var(--cg-accent);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .065em;
    text-transform: uppercase;
}

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

.menu-admin-title p[b-ghyygn4sxx],
.menu-toolbar-copy span[b-ghyygn4sxx],
.assignment-section-heading p[b-ghyygn4sxx],
.assignment-node-summary p[b-ghyygn4sxx],
.remove-confirmation p[b-ghyygn4sxx] {
    margin: 0;
    color: var(--cg-text-secondary);
}

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

.menu-stat[b-ghyygn4sxx] {
    min-inline-size: 6.5rem;
    padding: .65rem .85rem;
    border: 1px solid var(--cg-border);
    border-inline-start: 3px solid var(--cg-border);
    border-radius: 10px;
    background: color-mix(in srgb, var(--cg-surface) 86%, transparent);
}

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

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

.menu-stat span[b-ghyygn4sxx] {
    color: var(--cg-text-secondary);
    font-size: .7rem;
    font-weight: 650;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.menu-stat strong[b-ghyygn4sxx] {
    margin-block-start: .15rem;
    color: var(--cg-text);
    font-size: 1.2rem;
    font-variant-numeric: tabular-nums;
}

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

.menu-toolbar[b-ghyygn4sxx] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.15rem;
    border-block-end: 1px solid var(--cg-border);
}

.menu-toolbar-copy h2[b-ghyygn4sxx],
.assignment-section-heading h4[b-ghyygn4sxx],
.assignment-node-summary h3[b-ghyygn4sxx],
.remove-confirmation h3[b-ghyygn4sxx] {
    margin: 0;
    color: var(--cg-text);
}

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

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

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

.menu-button[b-ghyygn4sxx],
.icon-button[b-ghyygn4sxx] {
    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-ghyygn4sxx] {
    min-block-size: 2.35rem;
    gap: .45rem;
    padding: .48rem .8rem;
    border-radius: 8px;
    font-size: .84rem;
}

.menu-button--primary[b-ghyygn4sxx] {
    border-color: var(--cg-accent);
    background: var(--cg-accent);
    color: #ffffff;
}

.menu-button--primary:hover:not(:disabled)[b-ghyygn4sxx] {
    border-color: var(--cg-accent);
    background: var(--cg-accent);
}

.menu-button--secondary[b-ghyygn4sxx] {
    border-color: var(--cg-border);
    background: var(--cg-surface);
    color: var(--cg-text);
}

.menu-button--secondary:hover:not(:disabled)[b-ghyygn4sxx] {
    border-color: var(--cg-border);
    background: var(--cg-surface-subtle);
    color: var(--cg-accent);
}

.menu-button--danger[b-ghyygn4sxx] {
    border-color: var(--cg-danger-text);
    background: #dc2626;
    color: #ffffff;
}

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

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

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

.menu-state[b-ghyygn4sxx] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .65rem;
    min-block-size: 16rem;
    padding: 2rem;
    color: var(--cg-text-secondary);
}

.menu-state--error[b-ghyygn4sxx] {
    color: var(--cg-danger-text);
}

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

.menu-admin-page[b-ghyygn4sxx]  .menu-grid .dxbl-grid-header-row > td {
    background: var(--cg-surface-subtle);
    color: var(--cg-text-secondary);
    font-size: .76rem;
    font-weight: 700;
    letter-spacing: .02em;
}

.menu-admin-page[b-ghyygn4sxx]  .menu-grid .menu-grid-alt-row > td {
    background: var(--cg-surface-subtle);
}

.menu-admin-page[b-ghyygn4sxx]  .menu-grid .dxbl-grid-table > tbody > tr:hover > td {
    background: var(--cg-surface-subtle);
}

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

.menu-item-icon[b-ghyygn4sxx] {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    inline-size: 2rem;
    block-size: 2rem;
    border-radius: 8px;
    background: var(--cg-accent-soft);
    color: var(--cg-accent);
}

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

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

.menu-item-copy strong[b-ghyygn4sxx] {
    overflow: hidden;
    color: var(--cg-text);
    font-size: .86rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.menu-item-copy small[b-ghyygn4sxx],
.assigned-user-copy small[b-ghyygn4sxx],
.user-option small[b-ghyygn4sxx],
.menu-edit-intro span[b-ghyygn4sxx] {
    color: var(--cg-text-secondary);
    font-size: .74rem;
}

.menu-url[b-ghyygn4sxx] {
    display: block;
    overflow: hidden;
    color: var(--cg-text-secondary);
    font-size: .8rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

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

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

.status-pill--active[b-ghyygn4sxx],
.user-status--active[b-ghyygn4sxx] {
    background: var(--cg-success-soft);
    color: var(--cg-success-text);
}

.status-pill--inactive[b-ghyygn4sxx],
.user-status--inactive[b-ghyygn4sxx] {
    background: var(--cg-surface-subtle);
    color: var(--cg-text-secondary);
}

.assignment-count[b-ghyygn4sxx] {
    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: var(--cg-accent-soft);
    color: var(--cg-accent);
    font-size: .76rem;
    font-weight: 750;
    font-variant-numeric: tabular-nums;
}

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

.icon-button[b-ghyygn4sxx] {
    inline-size: 2rem;
    block-size: 2rem;
    padding: 0;
    border-color: var(--cg-border);
    border-radius: 8px;
    background: var(--cg-surface);
    color: var(--cg-text-secondary);
}

.icon-button:hover:not(:disabled)[b-ghyygn4sxx] {
    border-color: var(--cg-border);
    background: var(--cg-surface-subtle);
    color: var(--cg-accent);
}

.icon-button--primary[b-ghyygn4sxx] {
    border-color: #cbd9fb;
    background: var(--cg-accent-soft);
    color: var(--cg-accent);
}

.icon-button--danger[b-ghyygn4sxx] {
    color: var(--cg-danger-text);
}

.icon-button--danger:hover:not(:disabled)[b-ghyygn4sxx] {
    border-color: #fecaca;
    background: var(--cg-danger-soft);
    color: #b91c1c;
}

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

.menu-edit-intro[b-ghyygn4sxx] {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin-block-end: 1rem;
    padding: .8rem;
    border: 1px solid var(--cg-border);
    border-radius: 10px;
    background: var(--cg-surface-subtle);
}

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

.menu-edit-intro strong[b-ghyygn4sxx] {
    color: var(--cg-text);
}

.assignment-dialog[b-ghyygn4sxx] {
    display: grid;
    gap: 1rem;
    color: var(--cg-text);
    font-family: "Segoe UI", Tahoma, system-ui, sans-serif;
}

.assignment-node-summary[b-ghyygn4sxx] {
    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, var(--cg-accent-soft), var(--cg-surface)fff);
}

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

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

.assignment-total[b-ghyygn4sxx] {
    padding: .34rem .65rem;
    background: var(--cg-surface);
    color: var(--cg-accent);
    box-shadow: 0 0 0 1px #cbd9fb;
}

.assignment-section[b-ghyygn4sxx] {
    padding: 1rem;
    border: 1px solid var(--cg-border);
    border-radius: 12px;
    background: var(--cg-surface);
}

.assignment-section--add[b-ghyygn4sxx] {
    background: var(--cg-surface-subtle);
}

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

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

.assignment-empty[b-ghyygn4sxx] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    min-block-size: 5rem;
    border: 1px dashed var(--cg-border);
    border-radius: 10px;
    color: var(--cg-text-secondary);
    font-size: .82rem;
}

.assignment-empty i[b-ghyygn4sxx] {
    color: var(--cg-accent);
    font-size: 1.1rem;
}

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

.assigned-user-row[b-ghyygn4sxx] {
    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: var(--cg-surface);
}

.user-avatar[b-ghyygn4sxx] {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    inline-size: 2rem;
    block-size: 2rem;
    border-radius: 50%;
    background: var(--cg-accent-soft);
    color: var(--cg-accent);
    font-size: .7rem;
    font-weight: 750;
}

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

.assigned-user-copy strong[b-ghyygn4sxx] {
    overflow: hidden;
    color: var(--cg-text);
    font-size: .82rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

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

.assignment-field-label[b-ghyygn4sxx] {
    display: block;
    margin-block-end: .35rem;
    color: var(--cg-text);
    font-size: .78rem;
    font-weight: 650;
}

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

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

.user-option[b-ghyygn4sxx] {
    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-ghyygn4sxx] {
    display: grid;
    min-inline-size: 0;
}

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

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

.user-option .is-active[b-ghyygn4sxx] {
    color: var(--cg-success-text);
}

.user-option .is-inactive[b-ghyygn4sxx] {
    color: var(--cg-text-secondary);
}

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

.pending-user-chip[b-ghyygn4sxx] {
    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: var(--cg-accent-soft);
    color: var(--cg-accent);
    font-size: .76rem;
    font-weight: 650;
}

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

.pending-user-chip button[b-ghyygn4sxx] {
    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-ghyygn4sxx] {
    background: rgb(37 99 235 / 12%);
}

.assignment-actions[b-ghyygn4sxx] {
    justify-content: flex-end;
    margin-block-start: 1rem;
    padding-block-start: .85rem;
    border-block-start: 1px solid var(--cg-border);
}

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

.remove-warning-icon[b-ghyygn4sxx] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    inline-size: 2.5rem;
    block-size: 2.5rem;
    border-radius: 50%;
    background: var(--cg-danger-soft);
    color: var(--cg-danger-text);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .assignment-actions .menu-button[b-ghyygn4sxx] {
        inline-size: 100%;
    }
}

/* ---------------------------------------------------------------------------
   User-admin specific styling. Everything above is shared with
   SystemTreeNodePage.razor.css; the rules below only exist on this page.
   --------------------------------------------------------------------------- */

/* Overflow ("kebab") menu rendered inside a CgPopup. */
.kebab-menu[b-ghyygn4sxx] {
    display: grid;
    gap: .1rem;
    min-inline-size: 13rem;
    padding: .3rem;
}

.kebab-item[b-ghyygn4sxx] {
    display: flex;
    align-items: center;
    gap: .55rem;
    padding: .5rem .6rem;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: var(--cg-text);
    font: inherit;
    font-size: .82rem;
    font-weight: 600;
    text-align: start;
    cursor: pointer;
    transition: background-color 140ms ease, color 140ms ease;
}

.kebab-item i[b-ghyygn4sxx] {
    flex: none;
    inline-size: 1rem;
    color: var(--cg-text-secondary);
}

.kebab-item:hover:not(:disabled)[b-ghyygn4sxx] {
    background: var(--cg-surface-subtle);
    color: var(--cg-accent);
}

.kebab-item:hover:not(:disabled) i[b-ghyygn4sxx] {
    color: var(--cg-accent);
}

.kebab-item:focus-visible[b-ghyygn4sxx] {
    outline: 2px solid #2563eb;
    outline-offset: -2px;
}

.kebab-item:disabled[b-ghyygn4sxx] {
    cursor: not-allowed;
    opacity: .55;
}

.kebab-item--danger[b-ghyygn4sxx],
.kebab-item--danger i[b-ghyygn4sxx] {
    color: var(--cg-danger-text);
}

.kebab-item--danger:hover:not(:disabled)[b-ghyygn4sxx] {
    background: var(--cg-danger-soft);
    color: #b91c1c;
}

.kebab-item--danger:hover:not(:disabled) i[b-ghyygn4sxx] {
    color: #b91c1c;
}

.kebab-separator[b-ghyygn4sxx] {
    margin-block: .2rem;
    border-block-start: 1px solid #edf0f4;
}

/* Role badges shown on the grid row and inside the roles dialog. */
.role-chips[b-ghyygn4sxx] {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem;
}

.role-chip[b-ghyygn4sxx] {
    padding: .1rem .4rem;
    border-radius: 5px;
    background: var(--cg-accent-soft);
    color: #4338ca;
    font-size: .68rem;
    font-weight: 700;
    white-space: nowrap;
}

.role-chip--none[b-ghyygn4sxx] {
    background: var(--cg-surface-subtle);
    color: var(--cg-text-secondary);
}

/* Masked password entry with reveal + generate affordances. */
.password-field[b-ghyygn4sxx] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .4rem;
}

.password-field > :first-child[b-ghyygn4sxx] {
    flex: 1 1 12rem;
    min-inline-size: 0;
}

.password-hint[b-ghyygn4sxx] {
    margin-block-start: .45rem;
    color: var(--cg-text-secondary);
    font-size: .76rem;
    line-height: 1.45;
}

.dialog-section[b-ghyygn4sxx] {
    display: grid;
    gap: .35rem;
}

.dialog-body[b-ghyygn4sxx] {
    display: grid;
    gap: 1rem;
    color: var(--cg-text);
    font-family: "Segoe UI", Tahoma, system-ui, sans-serif;
}

.dialog-body .assignment-actions[b-ghyygn4sxx] {
    margin-block-start: 0;
}

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

/* ----- API keys dialog ----- */

/* Strip highlighting the key that was just issued. */
.apikey-generated[b-ghyygn4sxx] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
    padding: .6rem .7rem;
    border: 1px solid #cbd9fb;
    border-radius: 9px;
    background: var(--cg-surface);
}

.apikey-generated .apikey-value[b-ghyygn4sxx] {
    flex: 1 1 16rem;
}

.apikey-list[b-ghyygn4sxx] {
    display: grid;
    gap: .45rem;
    max-block-size: 17rem;
    overflow-y: auto;
}

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

.apikey-copy[b-ghyygn4sxx] {
    display: grid;
    gap: .15rem;
    min-inline-size: 0;
}

.apikey-value[b-ghyygn4sxx] {
    color: var(--cg-text);
    font-family: ui-monospace, Consolas, "Courier New", monospace;
    font-size: .8rem;
    overflow-wrap: anywhere;
}

.apikey-meta[b-ghyygn4sxx] {
    display: flex;
    flex-wrap: wrap;
    gap: .1rem .5rem;
    color: var(--cg-text-secondary);
    font-size: .72rem;
    font-variant-numeric: tabular-nums;
}

/* Middot separators, so the meta line reads as one sentence without extra markup. */
.apikey-meta > span + span[b-ghyygn4sxx]::before {
    margin-inline-end: .5rem;
    content: "·";
}

.apikey-actions[b-ghyygn4sxx] {
    display: flex;
    align-items: center;
    gap: .35rem;
}

/* Inline delete confirmation, shown in place of the row's action buttons. */
.apikey-confirm[b-ghyygn4sxx] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .4rem;
    color: var(--cg-danger-text);
    font-size: .78rem;
    font-weight: 650;
}

.apikey-confirm .menu-button[b-ghyygn4sxx] {
    min-block-size: 2rem;
    padding: .3rem .6rem;
    font-size: .78rem;
}

@media (max-width: 767.98px) {
    .apikey-row[b-ghyygn4sxx] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .apikey-actions[b-ghyygn4sxx],
    .apikey-confirm[b-ghyygn4sxx] {
        grid-column: 1 / -1;
        justify-content: flex-end;
    }
}

@media (prefers-reduced-motion: reduce) {
    .kebab-item[b-ghyygn4sxx] {
        transition: none;
    }
}
/* _content/CashGear.App/Components/Pages/Admin/DocSequencePage.razor.rz.scp.css */
.menu-admin-page[b-4mtn88iaut] {
    width: min(1440px, 100%);
    margin-inline: auto;
    color: var(--cg-text);
    font-family: "Segoe UI", Tahoma, system-ui, sans-serif;
}

.menu-admin-header[b-4mtn88iaut] {
    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, var(--cg-accent-soft) 0%, var(--cg-surface)fff 72%);
}

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

.menu-admin-eyebrow[b-4mtn88iaut],
.assignment-kicker[b-4mtn88iaut] {
    color: var(--cg-accent);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .065em;
    text-transform: uppercase;
}

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

.menu-admin-title p[b-4mtn88iaut],
.menu-toolbar-copy span[b-4mtn88iaut],
.assignment-section-heading p[b-4mtn88iaut],
.assignment-node-summary p[b-4mtn88iaut],
.remove-confirmation p[b-4mtn88iaut] {
    margin: 0;
    color: var(--cg-text-secondary);
}

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

.menu-stat[b-4mtn88iaut] {
    min-inline-size: 6.5rem;
    padding: .65rem .85rem;
    border: 1px solid var(--cg-border);
    border-inline-start: 3px solid var(--cg-border);
    border-radius: 10px;
    background: color-mix(in srgb, var(--cg-surface) 86%, transparent);
}

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

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

.menu-stat span[b-4mtn88iaut] {
    color: var(--cg-text-secondary);
    font-size: .7rem;
    font-weight: 650;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.menu-stat strong[b-4mtn88iaut] {
    margin-block-start: .15rem;
    color: var(--cg-text);
    font-size: 1.2rem;
    font-variant-numeric: tabular-nums;
}

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

.menu-toolbar[b-4mtn88iaut] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.15rem;
    border-block-end: 1px solid var(--cg-border);
}

.menu-toolbar-copy h2[b-4mtn88iaut],
.assignment-section-heading h4[b-4mtn88iaut],
.assignment-node-summary h3[b-4mtn88iaut],
.remove-confirmation h3[b-4mtn88iaut] {
    margin: 0;
    color: var(--cg-text);
}

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

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

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

.menu-button[b-4mtn88iaut],
.icon-button[b-4mtn88iaut] {
    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-4mtn88iaut] {
    min-block-size: 2.35rem;
    gap: .45rem;
    padding: .48rem .8rem;
    border-radius: 8px;
    font-size: .84rem;
}

.menu-button--primary[b-4mtn88iaut] {
    border-color: var(--cg-accent);
    background: var(--cg-accent);
    color: #ffffff;
}

.menu-button--primary:hover:not(:disabled)[b-4mtn88iaut] {
    border-color: var(--cg-accent);
    background: var(--cg-accent);
}

.menu-button--secondary[b-4mtn88iaut] {
    border-color: var(--cg-border);
    background: var(--cg-surface);
    color: var(--cg-text);
}

.menu-button--secondary:hover:not(:disabled)[b-4mtn88iaut] {
    border-color: var(--cg-border);
    background: var(--cg-surface-subtle);
    color: var(--cg-accent);
}

.menu-button--danger[b-4mtn88iaut] {
    border-color: var(--cg-danger-text);
    background: #dc2626;
    color: #ffffff;
}

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

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

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

.menu-state[b-4mtn88iaut] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .65rem;
    min-block-size: 16rem;
    padding: 2rem;
    color: var(--cg-text-secondary);
}

.menu-state--error[b-4mtn88iaut] {
    color: var(--cg-danger-text);
}

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

.menu-admin-page[b-4mtn88iaut]  .menu-grid .dxbl-grid-header-row > td {
    background: var(--cg-surface-subtle);
    color: var(--cg-text-secondary);
    font-size: .76rem;
    font-weight: 700;
    letter-spacing: .02em;
}

.menu-admin-page[b-4mtn88iaut]  .menu-grid .menu-grid-alt-row > td {
    background: var(--cg-surface-subtle);
}

.menu-admin-page[b-4mtn88iaut]  .menu-grid .dxbl-grid-table > tbody > tr:hover > td {
    background: var(--cg-surface-subtle);
}

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

.menu-item-icon[b-4mtn88iaut] {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    inline-size: 2rem;
    block-size: 2rem;
    border-radius: 8px;
    background: var(--cg-accent-soft);
    color: var(--cg-accent);
}

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

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

.menu-item-copy strong[b-4mtn88iaut] {
    overflow: hidden;
    color: var(--cg-text);
    font-size: .86rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.menu-item-copy small[b-4mtn88iaut],
.assigned-user-copy small[b-4mtn88iaut],
.user-option small[b-4mtn88iaut],
.menu-edit-intro span[b-4mtn88iaut] {
    color: var(--cg-text-secondary);
    font-size: .74rem;
}

.menu-url[b-4mtn88iaut] {
    display: block;
    overflow: hidden;
    color: var(--cg-text-secondary);
    font-size: .8rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

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

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

.status-pill--active[b-4mtn88iaut],
.user-status--active[b-4mtn88iaut] {
    background: var(--cg-success-soft);
    color: var(--cg-success-text);
}

.status-pill--inactive[b-4mtn88iaut],
.user-status--inactive[b-4mtn88iaut] {
    background: var(--cg-surface-subtle);
    color: var(--cg-text-secondary);
}

.assignment-count[b-4mtn88iaut] {
    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: var(--cg-accent-soft);
    color: var(--cg-accent);
    font-size: .76rem;
    font-weight: 750;
    font-variant-numeric: tabular-nums;
}

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

.icon-button[b-4mtn88iaut] {
    inline-size: 2rem;
    block-size: 2rem;
    padding: 0;
    border-color: var(--cg-border);
    border-radius: 8px;
    background: var(--cg-surface);
    color: var(--cg-text-secondary);
}

.icon-button:hover:not(:disabled)[b-4mtn88iaut] {
    border-color: var(--cg-border);
    background: var(--cg-surface-subtle);
    color: var(--cg-accent);
}

.icon-button--primary[b-4mtn88iaut] {
    border-color: #cbd9fb;
    background: var(--cg-accent-soft);
    color: var(--cg-accent);
}

.icon-button--danger[b-4mtn88iaut] {
    color: var(--cg-danger-text);
}

.icon-button--danger:hover:not(:disabled)[b-4mtn88iaut] {
    border-color: #fecaca;
    background: var(--cg-danger-soft);
    color: #b91c1c;
}

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

.menu-edit-intro[b-4mtn88iaut] {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin-block-end: 1rem;
    padding: .8rem;
    border: 1px solid var(--cg-border);
    border-radius: 10px;
    background: var(--cg-surface-subtle);
}

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

.menu-edit-intro strong[b-4mtn88iaut] {
    color: var(--cg-text);
}

.assignment-dialog[b-4mtn88iaut] {
    display: grid;
    gap: 1rem;
    color: var(--cg-text);
    font-family: "Segoe UI", Tahoma, system-ui, sans-serif;
}

.assignment-node-summary[b-4mtn88iaut] {
    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, var(--cg-accent-soft), var(--cg-surface)fff);
}

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

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

.assignment-total[b-4mtn88iaut] {
    padding: .34rem .65rem;
    background: var(--cg-surface);
    color: var(--cg-accent);
    box-shadow: 0 0 0 1px #cbd9fb;
}

.assignment-section[b-4mtn88iaut] {
    padding: 1rem;
    border: 1px solid var(--cg-border);
    border-radius: 12px;
    background: var(--cg-surface);
}

.assignment-section--add[b-4mtn88iaut] {
    background: var(--cg-surface-subtle);
}

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

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

.assignment-empty[b-4mtn88iaut] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    min-block-size: 5rem;
    border: 1px dashed var(--cg-border);
    border-radius: 10px;
    color: var(--cg-text-secondary);
    font-size: .82rem;
}

.assignment-empty i[b-4mtn88iaut] {
    color: var(--cg-accent);
    font-size: 1.1rem;
}

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

.assigned-user-row[b-4mtn88iaut] {
    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: var(--cg-surface);
}

.user-avatar[b-4mtn88iaut] {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    inline-size: 2rem;
    block-size: 2rem;
    border-radius: 50%;
    background: var(--cg-accent-soft);
    color: var(--cg-accent);
    font-size: .7rem;
    font-weight: 750;
}

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

.assigned-user-copy strong[b-4mtn88iaut] {
    overflow: hidden;
    color: var(--cg-text);
    font-size: .82rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

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

.assignment-field-label[b-4mtn88iaut] {
    display: block;
    margin-block-end: .35rem;
    color: var(--cg-text);
    font-size: .78rem;
    font-weight: 650;
}

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

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

.user-option[b-4mtn88iaut] {
    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-4mtn88iaut] {
    display: grid;
    min-inline-size: 0;
}

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

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

.user-option .is-active[b-4mtn88iaut] {
    color: var(--cg-success-text);
}

.user-option .is-inactive[b-4mtn88iaut] {
    color: var(--cg-text-secondary);
}

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

.pending-user-chip[b-4mtn88iaut] {
    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: var(--cg-accent-soft);
    color: var(--cg-accent);
    font-size: .76rem;
    font-weight: 650;
}

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

.pending-user-chip button[b-4mtn88iaut] {
    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-4mtn88iaut] {
    background: rgb(37 99 235 / 12%);
}

.assignment-actions[b-4mtn88iaut] {
    justify-content: flex-end;
    margin-block-start: 1rem;
    padding-block-start: .85rem;
    border-block-start: 1px solid var(--cg-border);
}

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

.remove-warning-icon[b-4mtn88iaut] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    inline-size: 2.5rem;
    block-size: 2.5rem;
    border-radius: 50%;
    background: var(--cg-danger-soft);
    color: var(--cg-danger-text);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .assignment-actions .menu-button[b-4mtn88iaut] {
        inline-size: 100%;
    }
}

/* ---------------------------------------------------------------------------
   Document-sequence specific styling. Everything above is shared with
   SystemTreeNodePage.razor.css; the rules below only exist on this page.
   --------------------------------------------------------------------------- */

/* The format mask is a code value, so it reads as code. */
.sequence-format[b-4mtn88iaut] {
    color: var(--cg-text-secondary);
    font-family: ui-monospace, "Cascadia Mono", Consolas, monospace;
    font-size: .74rem;
}

.sequence-format--empty[b-4mtn88iaut] {
    color: var(--cg-text-secondary);
    font-style: italic;
    font-family: inherit;
}

/* Counters line up on the decimal point so they can be compared down the column. */
.numeric-cell[b-4mtn88iaut] {
    display: block;
    color: var(--cg-text);
    font-size: .82rem;
    font-variant-numeric: tabular-nums;
    text-align: end;
}

.numeric-cell--muted[b-4mtn88iaut] {
    color: var(--cg-text-secondary);
}

/* Progress of a bounded sequence towards its ceiling. */
.range-cell[b-4mtn88iaut] {
    display: grid;
    gap: .25rem;
    min-inline-size: 0;
}

.range-track[b-4mtn88iaut] {
    block-size: .3rem;
    border-radius: 999px;
    background: #edf0f4;
    overflow: hidden;
}

.range-fill[b-4mtn88iaut] {
    display: block;
    block-size: 100%;
    border-radius: 999px;
    background: var(--cg-accent);
}

.range-fill--exhausted[b-4mtn88iaut] {
    background: #dc2626;
}

.range-caption[b-4mtn88iaut] {
    color: var(--cg-text-secondary);
    font-size: .7rem;
    font-variant-numeric: tabular-nums;
}

.status-pill--exhausted[b-4mtn88iaut] {
    background: var(--cg-danger-soft);
    color: var(--cg-danger-text);
}

/* Add / edit dialog. Shared shape with the other admin pages' popups. */
.dialog-body[b-4mtn88iaut] {
    display: grid;
    gap: 1rem;
    color: var(--cg-text);
    font-family: "Segoe UI", Tahoma, system-ui, sans-serif;
}

.dialog-grid[b-4mtn88iaut] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
    gap: .9rem 1.1rem;
}

.dialog-field[b-4mtn88iaut] {
    display: grid;
    gap: .3rem;
    min-inline-size: 0;
}

.dialog-field--wide[b-4mtn88iaut] {
    grid-column: 1 / -1;
}

.dialog-field > label[b-4mtn88iaut] {
    color: var(--cg-text);
    font-size: .78rem;
    font-weight: 650;
}

.dialog-field-hint[b-4mtn88iaut] {
    color: var(--cg-text-secondary);
    font-size: .72rem;
    line-height: 1.45;
}

.dialog-switch[b-4mtn88iaut] {
    display: flex;
    align-items: center;
    gap: .5rem;
    min-block-size: 2.35rem;
}

.dialog-body .assignment-actions[b-4mtn88iaut] {
    margin-block-start: 0;
}

/* Sequences that have already issued numbers cannot be deleted; say so up front. */
.dialog-warning[b-4mtn88iaut] {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
    padding: .6rem .7rem;
    border: 1px solid #fde68a;
    border-radius: 9px;
    background: var(--cg-warning-soft);
    color: var(--cg-warning-text);
    font-size: .78rem;
    line-height: 1.45;
}

.dialog-warning i[b-4mtn88iaut] {
    margin-block-start: .1rem;
}

@media (max-width: 480px) {
    .dialog-grid[b-4mtn88iaut] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* _content/CashGear.App/Components/Pages/Admin/LoginPage.razor.rz.scp.css */
.login-shell[b-xot8oili4z] {
    display: grid;
    grid-template-columns: minmax(22rem, 1.05fr) minmax(28rem, .95fr);
    min-block-size: 100vh;
    min-block-size: 100svh;
    color: var(--cg-text);
    font-family: "Segoe UI", Tahoma, system-ui, sans-serif;
}

.login-brand[b-xot8oili4z] {
    position: relative;
    isolation: isolate;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-block-size: 100%;
    padding: clamp(1.5rem, 4vw, 3.5rem);
    background:
        linear-gradient(145deg, rgb(8 25 66 / 97%), rgb(24 78 173 / 94%)),
        radial-gradient(circle at 20% 20%, #2563eb, transparent 55%);
    color: #ffffff;
}

.login-brand[b-xot8oili4z]::before {
    position: absolute;
    z-index: -1;
    inset: 0;
    background-image:
        linear-gradient(rgb(255 255 255 / 5%) 1px, transparent 1px),
        linear-gradient(90deg, rgb(255 255 255 / 5%) 1px, transparent 1px);
    background-size: 42px 42px;
    content: "";
    mask-image: linear-gradient(to bottom, black, transparent 85%);
}

.login-brand-glow[b-xot8oili4z] {
    position: absolute;
    z-index: -1;
    border-radius: 50%;
    filter: blur(2px);
    pointer-events: none;
}

.login-brand-glow--one[b-xot8oili4z] {
    inset-block-start: -10rem;
    inset-inline-end: -8rem;
    inline-size: 26rem;
    block-size: 26rem;
    background: rgb(96 165 250 / 25%);
}

.login-brand-glow--two[b-xot8oili4z] {
    inset-block-end: -11rem;
    inset-inline-start: -10rem;
    inline-size: 30rem;
    block-size: 30rem;
    background: rgb(56 189 248 / 13%);
}

.login-brand-header[b-xot8oili4z],
.login-mobile-brand[b-xot8oili4z] {
    display: flex;
    align-items: center;
    gap: .8rem;
}

.login-logo[b-xot8oili4z] {
    inline-size: 3rem;
    block-size: 3rem;
    object-fit: contain;
    padding: .3rem;
    border-radius: 11px;
    background: rgb(255 255 255 / 94%);
}

.login-brand-header > div[b-xot8oili4z],
.login-mobile-brand > div[b-xot8oili4z] {
    display: grid;
    min-inline-size: 0;
}

.login-brand-header strong[b-xot8oili4z] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 1.05rem;
}

.login-brand-header span[b-xot8oili4z],
.login-mobile-brand span[b-xot8oili4z] {
    color: rgb(255 255 255 / 66%);
    font-size: .72rem;
}

.login-brand-copy[b-xot8oili4z] {
    display: grid;
    align-content: center;
    flex: 1;
    width: min(35rem, 100%);
    margin-inline: auto;
    padding-block: 3rem;
}

.login-eyebrow[b-xot8oili4z] {
    margin-block-end: .75rem;
    color: #93c5fd;
    font-size: .76rem;
    font-weight: 750;
    letter-spacing: .095em;
    text-transform: uppercase;
}

.login-brand-copy h1[b-xot8oili4z] {
    max-inline-size: 13ch;
    margin: 0;
    font-size: clamp(2.4rem, 5vw, 4.6rem);
    font-weight: 760;
    letter-spacing: -.045em;
    line-height: 1.02;
}

.login-brand-copy > p[b-xot8oili4z] {
    max-inline-size: 34rem;
    margin: 1.1rem 0 0;
    color: rgb(255 255 255 / 72%);
    font-size: clamp(.95rem, 1.4vw, 1.08rem);
    line-height: 1.65;
}

.login-benefits[b-xot8oili4z] {
    display: grid;
    gap: .9rem;
    margin-block-start: 2.25rem;
}

.login-benefit[b-xot8oili4z] {
    display: flex;
    align-items: center;
    gap: .8rem;
}

.login-benefit > span[b-xot8oili4z] {
    display: inline-grid;
    place-items: center;
    flex: 0 0 2.35rem;
    block-size: 2.35rem;
    border: 1px solid rgb(255 255 255 / 13%);
    border-radius: 10px;
    background: rgb(255 255 255 / 8%);
    color: #bfdbfe;
}

.login-benefit > div[b-xot8oili4z] {
    display: grid;
    gap: .08rem;
}

.login-benefit strong[b-xot8oili4z] {
    font-size: .84rem;
}

.login-benefit small[b-xot8oili4z] {
    color: rgb(255 255 255 / 61%);
    font-size: .74rem;
}

.login-brand-footer[b-xot8oili4z] {
    color: rgb(255 255 255 / 52%);
    font-size: .72rem;
}

.login-form-panel[b-xot8oili4z] {
    position: relative;
    display: grid;
    place-items: center;
    min-inline-size: 0;
    padding: clamp(2rem, 6vw, 5rem);
    background:
        radial-gradient(circle at 100% 0%, #dbe8ff 0, transparent 35%),
        #f7f9fc;
}

.login-language[b-xot8oili4z] {
    position: absolute;
    inset-block-start: 1.25rem;
    inset-inline-end: 1.4rem;
    z-index: 2;
}

.login-language[b-xot8oili4z]  .language-selector select {
    min-inline-size: 8.5rem;
    min-block-size: 2.35rem;
    border-color: #d5dce8;
    border-radius: 9px;
    background-color: rgb(255 255 255 / 88%);
    color: var(--cg-text);
    font-size: .78rem;
}

.login-card[b-xot8oili4z] {
    width: min(27rem, 100%);
    padding: clamp(1.4rem, 4vw, 2.35rem);
    border: 1px solid #e1e7f0;
    border-radius: 18px;
    background: rgb(255 255 255 / 94%);
    box-shadow: 0 24px 60px rgb(15 23 42 / 10%);
}

.login-mobile-brand[b-xot8oili4z] {
    display: none;
    margin-block-end: 1.5rem;
}

.login-mobile-brand img[b-xot8oili4z] {
    inline-size: 2.5rem;
    block-size: 2.5rem;
    object-fit: contain;
}

.login-mobile-brand strong[b-xot8oili4z] {
    color: var(--cg-text);
    font-size: .95rem;
}

.login-mobile-brand span[b-xot8oili4z] {
    color: var(--cg-text-secondary);
}

.login-card-header[b-xot8oili4z] {
    margin-block-end: 1.5rem;
}

.login-card-icon[b-xot8oili4z] {
    display: inline-grid;
    place-items: center;
    inline-size: 2.7rem;
    block-size: 2.7rem;
    margin-block-end: 1rem;
    border-radius: 11px;
    background: #e8efff;
    color: var(--cg-accent);
    font-size: 1.15rem;
}

.login-card-header h2[b-xot8oili4z] {
    margin: 0;
    color: var(--cg-text);
    font-size: clamp(1.65rem, 3vw, 2rem);
    font-weight: 740;
    letter-spacing: -.025em;
}

.login-card-header p[b-xot8oili4z] {
    margin: .35rem 0 0;
    color: var(--cg-text-secondary);
    font-size: .88rem;
}

.login-notice[b-xot8oili4z],
.login-error[b-xot8oili4z] {
    display: flex;
    align-items: flex-start;
    gap: .55rem;
    margin-block-end: 1rem;
    padding: .75rem .8rem;
    border-radius: 9px;
    font-size: .78rem;
    line-height: 1.45;
}

.login-notice[b-xot8oili4z] {
    border: 1px solid #bfdbfe;
    background: var(--cg-accent-soft);
    color: var(--cg-accent);
}

.login-error[b-xot8oili4z] {
    border: 1px solid #fecaca;
    background: var(--cg-danger-soft);
    color: var(--cg-danger-text);
}

.login-form[b-xot8oili4z] {
    display: grid;
    gap: 1.05rem;
}

.login-field[b-xot8oili4z] {
    display: grid;
    gap: .38rem;
}

.login-field label[b-xot8oili4z],
.login-label-row label[b-xot8oili4z] {
    color: var(--cg-text);
    font-size: .78rem;
    font-weight: 680;
}

.login-label-row[b-xot8oili4z] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.login-label-row a[b-xot8oili4z] {
    color: var(--cg-accent);
    font-size: .74rem;
    font-weight: 620;
    text-decoration: none;
}

.login-label-row a:hover[b-xot8oili4z] {
    text-decoration: underline;
}

.login-input-wrap[b-xot8oili4z] {
    position: relative;
    display: flex;
    align-items: center;
}

.login-input-wrap > i[b-xot8oili4z] {
    position: absolute;
    inset-inline-start: .85rem;
    color: var(--cg-text-secondary);
    pointer-events: none;
}

.login-input-wrap[b-xot8oili4z]  input {
    width: 100%;
    min-block-size: 2.85rem;
    padding: .7rem 2.7rem .7rem 2.55rem;
    border: 1px solid #d5dce8;
    border-radius: 10px;
    background: var(--cg-surface);
    color: var(--cg-text);
    font: inherit;
    font-size: .88rem;
    transition: border-color 140ms ease, box-shadow 140ms ease;
}

[dir="rtl"] .login-input-wrap[b-xot8oili4z]  input {
    padding-inline: 2.55rem 2.7rem;
}

.login-input-wrap[b-xot8oili4z]  input:focus {
    border-color: #4f7ee8;
    outline: 0;
    box-shadow: 0 0 0 3px rgb(37 99 235 / 12%);
}

.login-input-wrap[b-xot8oili4z]  input:disabled {
    background: var(--cg-surface-subtle);
    cursor: not-allowed;
}

.password-toggle[b-xot8oili4z] {
    position: absolute;
    inset-inline-end: .55rem;
    display: inline-grid;
    place-items: center;
    inline-size: 2rem;
    block-size: 2rem;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: var(--cg-text-secondary);
}

.password-toggle:hover:not(:disabled)[b-xot8oili4z] {
    background: var(--cg-surface-subtle);
    color: var(--cg-accent);
}

.password-toggle:focus-visible[b-xot8oili4z],
.login-submit:focus-visible[b-xot8oili4z],
.login-label-row a:focus-visible[b-xot8oili4z] {
    outline: 2px solid #2563eb;
    outline-offset: 2px;
}

.login-field[b-xot8oili4z]  .validation-message {
    color: var(--cg-danger-text);
    font-size: .72rem;
    font-weight: 600;
}

.remember-option[b-xot8oili4z] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    width: fit-content;
    color: var(--cg-text-secondary);
    font-size: .76rem;
    cursor: pointer;
}

.remember-option[b-xot8oili4z]  input {
    inline-size: 1rem;
    block-size: 1rem;
    accent-color: var(--cg-accent);
}

.login-submit[b-xot8oili4z] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .6rem;
    min-block-size: 2.9rem;
    margin-block-start: .2rem;
    border: 0;
    border-radius: 10px;
    background: linear-gradient(135deg, #1d4ed8, #2563eb);
    color: #ffffff;
    font: inherit;
    font-size: .88rem;
    font-weight: 700;
    box-shadow: 0 8px 18px rgb(37 99 235 / 22%);
    transition: transform 140ms ease, box-shadow 140ms ease, opacity 140ms ease;
}

.login-submit:hover:not(:disabled)[b-xot8oili4z] {
    transform: translateY(-1px);
    box-shadow: 0 11px 24px rgb(37 99 235 / 28%);
}

.login-submit:disabled[b-xot8oili4z] {
    cursor: not-allowed;
    opacity: .68;
}

.login-help[b-xot8oili4z] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    margin: 1.25rem 0 0;
    color: var(--cg-text-secondary);
    font-size: .7rem;
    text-align: center;
}

@media (max-width: 900px) {
    .login-shell[b-xot8oili4z] {
        grid-template-columns: minmax(0, 1fr);
    }

    .login-brand[b-xot8oili4z] {
        display: none;
    }

    .login-form-panel[b-xot8oili4z] {
        min-block-size: 100vh;
        min-block-size: 100svh;
        padding: 5rem 1.25rem 2rem;
    }

    .login-mobile-brand[b-xot8oili4z] {
        display: flex;
    }
}

@media (max-width: 480px) {
    .login-form-panel[b-xot8oili4z] {
        place-items: start center;
        padding-inline: .8rem;
    }

    .login-language[b-xot8oili4z] {
        inset-inline-end: .8rem;
    }

    .login-card[b-xot8oili4z] {
        padding: 1.25rem;
        border-radius: 14px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .login-input-wrap[b-xot8oili4z]  input,
    .login-submit[b-xot8oili4z] {
        transition: none;
    }
}
/* _content/CashGear.App/Components/Pages/Admin/Lookups/LookUpPage.razor.rz.scp.css */
.menu-admin-page[b-tnnad7hfwg] {
    width: min(1440px, 100%);
    margin-inline: auto;
    color: var(--cg-text);
    font-family: "Segoe UI", Tahoma, system-ui, sans-serif;
}

.menu-admin-header[b-tnnad7hfwg] {
    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, var(--cg-accent-soft) 0%, var(--cg-surface)fff 72%);
}

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

.menu-admin-eyebrow[b-tnnad7hfwg],
.assignment-kicker[b-tnnad7hfwg] {
    color: var(--cg-accent);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .065em;
    text-transform: uppercase;
}

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

.menu-admin-title p[b-tnnad7hfwg],
.menu-toolbar-copy span[b-tnnad7hfwg],
.assignment-section-heading p[b-tnnad7hfwg],
.assignment-node-summary p[b-tnnad7hfwg],
.remove-confirmation p[b-tnnad7hfwg] {
    margin: 0;
    color: var(--cg-text-secondary);
}

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

.menu-stat[b-tnnad7hfwg] {
    min-inline-size: 6.5rem;
    padding: .65rem .85rem;
    border: 1px solid var(--cg-border);
    border-inline-start: 3px solid var(--cg-border);
    border-radius: 10px;
    background: color-mix(in srgb, var(--cg-surface) 86%, transparent);
}

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

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

.menu-stat span[b-tnnad7hfwg] {
    color: var(--cg-text-secondary);
    font-size: .7rem;
    font-weight: 650;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.menu-stat strong[b-tnnad7hfwg] {
    margin-block-start: .15rem;
    color: var(--cg-text);
    font-size: 1.2rem;
    font-variant-numeric: tabular-nums;
}

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

.menu-toolbar[b-tnnad7hfwg] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.15rem;
    border-block-end: 1px solid var(--cg-border);
}

.menu-toolbar-copy h2[b-tnnad7hfwg],
.assignment-section-heading h4[b-tnnad7hfwg],
.assignment-node-summary h3[b-tnnad7hfwg],
.remove-confirmation h3[b-tnnad7hfwg] {
    margin: 0;
    color: var(--cg-text);
}

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

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

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

.menu-button[b-tnnad7hfwg],
.icon-button[b-tnnad7hfwg] {
    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-tnnad7hfwg] {
    min-block-size: 2.35rem;
    gap: .45rem;
    padding: .48rem .8rem;
    border-radius: 8px;
    font-size: .84rem;
}

.menu-button--primary[b-tnnad7hfwg] {
    border-color: var(--cg-accent);
    background: var(--cg-accent);
    color: #ffffff;
}

.menu-button--primary:hover:not(:disabled)[b-tnnad7hfwg] {
    border-color: var(--cg-accent);
    background: var(--cg-accent);
}

.menu-button--secondary[b-tnnad7hfwg] {
    border-color: var(--cg-border);
    background: var(--cg-surface);
    color: var(--cg-text);
}

.menu-button--secondary:hover:not(:disabled)[b-tnnad7hfwg] {
    border-color: var(--cg-border);
    background: var(--cg-surface-subtle);
    color: var(--cg-accent);
}

.menu-button--danger[b-tnnad7hfwg] {
    border-color: var(--cg-danger-text);
    background: #dc2626;
    color: #ffffff;
}

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

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

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

.menu-state[b-tnnad7hfwg] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .65rem;
    min-block-size: 16rem;
    padding: 2rem;
    color: var(--cg-text-secondary);
}

.menu-state--error[b-tnnad7hfwg] {
    color: var(--cg-danger-text);
}

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

.menu-admin-page[b-tnnad7hfwg]  .menu-grid .dxbl-grid-header-row > td {
    background: var(--cg-surface-subtle);
    color: var(--cg-text-secondary);
    font-size: .76rem;
    font-weight: 700;
    letter-spacing: .02em;
}

.menu-admin-page[b-tnnad7hfwg]  .menu-grid .menu-grid-alt-row > td {
    background: var(--cg-surface-subtle);
}

.menu-admin-page[b-tnnad7hfwg]  .menu-grid .dxbl-grid-table > tbody > tr:hover > td {
    background: var(--cg-surface-subtle);
}

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

.menu-item-icon[b-tnnad7hfwg] {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    inline-size: 2rem;
    block-size: 2rem;
    border-radius: 8px;
    background: var(--cg-accent-soft);
    color: var(--cg-accent);
}

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

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

.menu-item-copy strong[b-tnnad7hfwg] {
    overflow: hidden;
    color: var(--cg-text);
    font-size: .86rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.menu-item-copy small[b-tnnad7hfwg],
.assigned-user-copy small[b-tnnad7hfwg],
.user-option small[b-tnnad7hfwg],
.menu-edit-intro span[b-tnnad7hfwg] {
    color: var(--cg-text-secondary);
    font-size: .74rem;
}

.menu-url[b-tnnad7hfwg] {
    display: block;
    overflow: hidden;
    color: var(--cg-text-secondary);
    font-size: .8rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

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

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

.status-pill--active[b-tnnad7hfwg],
.user-status--active[b-tnnad7hfwg] {
    background: var(--cg-success-soft);
    color: var(--cg-success-text);
}

.status-pill--inactive[b-tnnad7hfwg],
.user-status--inactive[b-tnnad7hfwg] {
    background: var(--cg-surface-subtle);
    color: var(--cg-text-secondary);
}

.assignment-count[b-tnnad7hfwg] {
    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: var(--cg-accent-soft);
    color: var(--cg-accent);
    font-size: .76rem;
    font-weight: 750;
    font-variant-numeric: tabular-nums;
}

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

.icon-button[b-tnnad7hfwg] {
    inline-size: 2rem;
    block-size: 2rem;
    padding: 0;
    border-color: var(--cg-border);
    border-radius: 8px;
    background: var(--cg-surface);
    color: var(--cg-text-secondary);
}

.icon-button:hover:not(:disabled)[b-tnnad7hfwg] {
    border-color: var(--cg-border);
    background: var(--cg-surface-subtle);
    color: var(--cg-accent);
}

.icon-button--primary[b-tnnad7hfwg] {
    border-color: #cbd9fb;
    background: var(--cg-accent-soft);
    color: var(--cg-accent);
}

.icon-button--danger[b-tnnad7hfwg] {
    color: var(--cg-danger-text);
}

.icon-button--danger:hover:not(:disabled)[b-tnnad7hfwg] {
    border-color: #fecaca;
    background: var(--cg-danger-soft);
    color: #b91c1c;
}

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

.menu-edit-intro[b-tnnad7hfwg] {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin-block-end: 1rem;
    padding: .8rem;
    border: 1px solid var(--cg-border);
    border-radius: 10px;
    background: var(--cg-surface-subtle);
}

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

.menu-edit-intro strong[b-tnnad7hfwg] {
    color: var(--cg-text);
}

.assignment-dialog[b-tnnad7hfwg] {
    display: grid;
    gap: 1rem;
    color: var(--cg-text);
    font-family: "Segoe UI", Tahoma, system-ui, sans-serif;
}

.assignment-node-summary[b-tnnad7hfwg] {
    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, var(--cg-accent-soft), var(--cg-surface)fff);
}

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

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

.assignment-total[b-tnnad7hfwg] {
    padding: .34rem .65rem;
    background: var(--cg-surface);
    color: var(--cg-accent);
    box-shadow: 0 0 0 1px #cbd9fb;
}

.assignment-section[b-tnnad7hfwg] {
    padding: 1rem;
    border: 1px solid var(--cg-border);
    border-radius: 12px;
    background: var(--cg-surface);
}

.assignment-section--add[b-tnnad7hfwg] {
    background: var(--cg-surface-subtle);
}

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

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

.assignment-empty[b-tnnad7hfwg] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    min-block-size: 5rem;
    border: 1px dashed var(--cg-border);
    border-radius: 10px;
    color: var(--cg-text-secondary);
    font-size: .82rem;
}

.assignment-empty i[b-tnnad7hfwg] {
    color: var(--cg-accent);
    font-size: 1.1rem;
}

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

.assigned-user-row[b-tnnad7hfwg] {
    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: var(--cg-surface);
}

.user-avatar[b-tnnad7hfwg] {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    inline-size: 2rem;
    block-size: 2rem;
    border-radius: 50%;
    background: var(--cg-accent-soft);
    color: var(--cg-accent);
    font-size: .7rem;
    font-weight: 750;
}

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

.assigned-user-copy strong[b-tnnad7hfwg] {
    overflow: hidden;
    color: var(--cg-text);
    font-size: .82rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

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

.assignment-field-label[b-tnnad7hfwg] {
    display: block;
    margin-block-end: .35rem;
    color: var(--cg-text);
    font-size: .78rem;
    font-weight: 650;
}

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

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

.user-option[b-tnnad7hfwg] {
    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-tnnad7hfwg] {
    display: grid;
    min-inline-size: 0;
}

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

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

.user-option .is-active[b-tnnad7hfwg] {
    color: var(--cg-success-text);
}

.user-option .is-inactive[b-tnnad7hfwg] {
    color: var(--cg-text-secondary);
}

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

.pending-user-chip[b-tnnad7hfwg] {
    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: var(--cg-accent-soft);
    color: var(--cg-accent);
    font-size: .76rem;
    font-weight: 650;
}

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

.pending-user-chip button[b-tnnad7hfwg] {
    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-tnnad7hfwg] {
    background: rgb(37 99 235 / 12%);
}

.assignment-actions[b-tnnad7hfwg] {
    justify-content: flex-end;
    margin-block-start: 1rem;
    padding-block-start: .85rem;
    border-block-start: 1px solid var(--cg-border);
}

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

.remove-warning-icon[b-tnnad7hfwg] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    inline-size: 2.5rem;
    block-size: 2.5rem;
    border-radius: 50%;
    background: var(--cg-danger-soft);
    color: var(--cg-danger-text);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .assignment-actions .menu-button[b-tnnad7hfwg] {
        inline-size: 100%;
    }
}

/* ---------------------------------------------------------------------------
   Lookup-values specific styling. Everything above is shared with
   SystemTreeNodePage.razor.css; the rules below only exist on this page.
   --------------------------------------------------------------------------- */

/* Lookup ids and codes are literals the application matches on, so they read as code. */
.lookup-key[b-tnnad7hfwg] {
    color: var(--cg-text-secondary);
    font-family: ui-monospace, "Cascadia Mono", Consolas, monospace;
    font-size: .72rem;
}

.menu-item-copy strong .lookup-key[b-tnnad7hfwg] {
    font-size: .86rem;
}

/* Module badge. */
.module-pill[b-tnnad7hfwg] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .22rem .5rem;
    border-radius: 999px;
    background: var(--cg-accent-soft);
    color: var(--cg-accent);
    font-size: .7rem;
    font-weight: 700;
    white-space: nowrap;
}

.module-pill--none[b-tnnad7hfwg] {
    background: transparent;
    color: var(--cg-text-secondary);
    font-style: italic;
    font-weight: 600;
}

/* AllowCustom / IsSystemOwned badges. */
.flag-chips[b-tnnad7hfwg] {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem;
}

.flag-chip[b-tnnad7hfwg] {
    padding: .1rem .4rem;
    border-radius: 5px;
    background: var(--cg-accent-soft);
    color: #4338ca;
    font-size: .66rem;
    font-weight: 700;
    white-space: nowrap;
}

.flag-chip--locked[b-tnnad7hfwg] {
    background: var(--cg-surface-subtle);
    color: var(--cg-text-secondary);
}

.flag-chip--none[b-tnnad7hfwg] {
    background: transparent;
    color: var(--cg-text-secondary);
    font-style: italic;
    font-weight: 600;
}

/* Add / edit dialog. */
.dialog-body[b-tnnad7hfwg] {
    display: grid;
    gap: 1rem;
    color: var(--cg-text);
    font-family: "Segoe UI", Tahoma, system-ui, sans-serif;
}

.dialog-grid[b-tnnad7hfwg] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
    gap: .9rem 1.1rem;
}

.dialog-field[b-tnnad7hfwg] {
    display: grid;
    gap: .3rem;
    min-inline-size: 0;
}

.dialog-field--wide[b-tnnad7hfwg] {
    grid-column: 1 / -1;
}

.dialog-field > label[b-tnnad7hfwg] {
    color: var(--cg-text);
    font-size: .78rem;
    font-weight: 650;
}

.dialog-field-hint[b-tnnad7hfwg] {
    color: var(--cg-text-secondary);
    font-size: .72rem;
    line-height: 1.45;
}

.dialog-switch[b-tnnad7hfwg] {
    display: flex;
    align-items: center;
    gap: .5rem;
    min-block-size: 2.35rem;
}

.dialog-field[b-tnnad7hfwg]  .cg-combobox {
    inline-size: 100%;
}

.dialog-field[b-tnnad7hfwg]  .cg-combobox__control {
    border-radius: 9px;
}

.dialog-body .assignment-actions[b-tnnad7hfwg] {
    margin-block-start: 0;
}

.dialog-warning[b-tnnad7hfwg] {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
    padding: .6rem .7rem;
    border: 1px solid #fde68a;
    border-radius: 9px;
    background: var(--cg-warning-soft);
    color: var(--cg-warning-text);
    font-size: .78rem;
    line-height: 1.45;
}

.dialog-warning i[b-tnnad7hfwg] {
    margin-block-start: .1rem;
}

@media (max-width: 480px) {
    .dialog-grid[b-tnnad7hfwg] {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* The type header sits between the page header and the values grid. */
.type-summary[b-tnnad7hfwg] {
    margin-block-end: 1.25rem;
}

.type-summary-form[b-tnnad7hfwg] {
    padding: 1.15rem;
}

.tag-chips[b-tnnad7hfwg] {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem;
}

.tag-chip[b-tnnad7hfwg] {
    padding: .1rem .4rem;
    border-radius: 5px;
    background: var(--cg-surface-subtle);
    color: var(--cg-text-secondary);
    font-size: .66rem;
    font-weight: 650;
    white-space: nowrap;
}

.tag-chip--none[b-tnnad7hfwg] {
    background: transparent;
    color: var(--cg-text-secondary);
    font-style: italic;
}

/* Effective-dating range on a value. */
.effective-cell[b-tnnad7hfwg] {
    display: block;
    color: var(--cg-text-secondary);
    font-size: .74rem;
    font-variant-numeric: tabular-nums;
}

.effective-cell--always[b-tnnad7hfwg] {
    color: var(--cg-text-secondary);
    font-style: italic;
}
/* _content/CashGear.App/Components/Pages/Admin/Lookups/LookUpsPage.razor.rz.scp.css */
.menu-admin-page[b-z9b8zebp4x] {
    width: min(1440px, 100%);
    margin-inline: auto;
    color: var(--cg-text);
    font-family: "Segoe UI", Tahoma, system-ui, sans-serif;
}

.menu-admin-header[b-z9b8zebp4x] {
    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, var(--cg-accent-soft) 0%, var(--cg-surface)fff 72%);
}

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

.menu-admin-eyebrow[b-z9b8zebp4x],
.assignment-kicker[b-z9b8zebp4x] {
    color: var(--cg-accent);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .065em;
    text-transform: uppercase;
}

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

.menu-admin-title p[b-z9b8zebp4x],
.menu-toolbar-copy span[b-z9b8zebp4x],
.assignment-section-heading p[b-z9b8zebp4x],
.assignment-node-summary p[b-z9b8zebp4x],
.remove-confirmation p[b-z9b8zebp4x] {
    margin: 0;
    color: var(--cg-text-secondary);
}

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

.menu-stat[b-z9b8zebp4x] {
    min-inline-size: 6.5rem;
    padding: .65rem .85rem;
    border: 1px solid var(--cg-border);
    border-inline-start: 3px solid var(--cg-border);
    border-radius: 10px;
    background: color-mix(in srgb, var(--cg-surface) 86%, transparent);
}

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

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

.menu-stat span[b-z9b8zebp4x] {
    color: var(--cg-text-secondary);
    font-size: .7rem;
    font-weight: 650;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.menu-stat strong[b-z9b8zebp4x] {
    margin-block-start: .15rem;
    color: var(--cg-text);
    font-size: 1.2rem;
    font-variant-numeric: tabular-nums;
}

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

.menu-toolbar[b-z9b8zebp4x] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.15rem;
    border-block-end: 1px solid var(--cg-border);
}

.menu-toolbar-copy h2[b-z9b8zebp4x],
.assignment-section-heading h4[b-z9b8zebp4x],
.assignment-node-summary h3[b-z9b8zebp4x],
.remove-confirmation h3[b-z9b8zebp4x] {
    margin: 0;
    color: var(--cg-text);
}

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

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

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

.menu-button[b-z9b8zebp4x],
.icon-button[b-z9b8zebp4x] {
    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-z9b8zebp4x] {
    min-block-size: 2.35rem;
    gap: .45rem;
    padding: .48rem .8rem;
    border-radius: 8px;
    font-size: .84rem;
}

.menu-button--primary[b-z9b8zebp4x] {
    border-color: var(--cg-accent);
    background: var(--cg-accent);
    color: #ffffff;
}

.menu-button--primary:hover:not(:disabled)[b-z9b8zebp4x] {
    border-color: var(--cg-accent);
    background: var(--cg-accent);
}

.menu-button--secondary[b-z9b8zebp4x] {
    border-color: var(--cg-border);
    background: var(--cg-surface);
    color: var(--cg-text);
}

.menu-button--secondary:hover:not(:disabled)[b-z9b8zebp4x] {
    border-color: var(--cg-border);
    background: var(--cg-surface-subtle);
    color: var(--cg-accent);
}

.menu-button--danger[b-z9b8zebp4x] {
    border-color: var(--cg-danger-text);
    background: #dc2626;
    color: #ffffff;
}

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

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

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

.menu-state[b-z9b8zebp4x] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .65rem;
    min-block-size: 16rem;
    padding: 2rem;
    color: var(--cg-text-secondary);
}

.menu-state--error[b-z9b8zebp4x] {
    color: var(--cg-danger-text);
}

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

.menu-admin-page[b-z9b8zebp4x]  .menu-grid .dxbl-grid-header-row > td {
    background: var(--cg-surface-subtle);
    color: var(--cg-text-secondary);
    font-size: .76rem;
    font-weight: 700;
    letter-spacing: .02em;
}

.menu-admin-page[b-z9b8zebp4x]  .menu-grid .menu-grid-alt-row > td {
    background: var(--cg-surface-subtle);
}

.menu-admin-page[b-z9b8zebp4x]  .menu-grid .dxbl-grid-table > tbody > tr:hover > td {
    background: var(--cg-surface-subtle);
}

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

.menu-item-icon[b-z9b8zebp4x] {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    inline-size: 2rem;
    block-size: 2rem;
    border-radius: 8px;
    background: var(--cg-accent-soft);
    color: var(--cg-accent);
}

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

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

.menu-item-copy strong[b-z9b8zebp4x] {
    overflow: hidden;
    color: var(--cg-text);
    font-size: .86rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.menu-item-copy small[b-z9b8zebp4x],
.assigned-user-copy small[b-z9b8zebp4x],
.user-option small[b-z9b8zebp4x],
.menu-edit-intro span[b-z9b8zebp4x] {
    color: var(--cg-text-secondary);
    font-size: .74rem;
}

.menu-url[b-z9b8zebp4x] {
    display: block;
    overflow: hidden;
    color: var(--cg-text-secondary);
    font-size: .8rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

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

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

.status-pill--active[b-z9b8zebp4x],
.user-status--active[b-z9b8zebp4x] {
    background: var(--cg-success-soft);
    color: var(--cg-success-text);
}

.status-pill--inactive[b-z9b8zebp4x],
.user-status--inactive[b-z9b8zebp4x] {
    background: var(--cg-surface-subtle);
    color: var(--cg-text-secondary);
}

.assignment-count[b-z9b8zebp4x] {
    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: var(--cg-accent-soft);
    color: var(--cg-accent);
    font-size: .76rem;
    font-weight: 750;
    font-variant-numeric: tabular-nums;
}

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

.icon-button[b-z9b8zebp4x] {
    inline-size: 2rem;
    block-size: 2rem;
    padding: 0;
    border-color: var(--cg-border);
    border-radius: 8px;
    background: var(--cg-surface);
    color: var(--cg-text-secondary);
}

.icon-button:hover:not(:disabled)[b-z9b8zebp4x] {
    border-color: var(--cg-border);
    background: var(--cg-surface-subtle);
    color: var(--cg-accent);
}

.icon-button--primary[b-z9b8zebp4x] {
    border-color: #cbd9fb;
    background: var(--cg-accent-soft);
    color: var(--cg-accent);
}

.icon-button--danger[b-z9b8zebp4x] {
    color: var(--cg-danger-text);
}

.icon-button--danger:hover:not(:disabled)[b-z9b8zebp4x] {
    border-color: #fecaca;
    background: var(--cg-danger-soft);
    color: #b91c1c;
}

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

.menu-edit-intro[b-z9b8zebp4x] {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin-block-end: 1rem;
    padding: .8rem;
    border: 1px solid var(--cg-border);
    border-radius: 10px;
    background: var(--cg-surface-subtle);
}

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

.menu-edit-intro strong[b-z9b8zebp4x] {
    color: var(--cg-text);
}

.assignment-dialog[b-z9b8zebp4x] {
    display: grid;
    gap: 1rem;
    color: var(--cg-text);
    font-family: "Segoe UI", Tahoma, system-ui, sans-serif;
}

.assignment-node-summary[b-z9b8zebp4x] {
    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, var(--cg-accent-soft), var(--cg-surface)fff);
}

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

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

.assignment-total[b-z9b8zebp4x] {
    padding: .34rem .65rem;
    background: var(--cg-surface);
    color: var(--cg-accent);
    box-shadow: 0 0 0 1px #cbd9fb;
}

.assignment-section[b-z9b8zebp4x] {
    padding: 1rem;
    border: 1px solid var(--cg-border);
    border-radius: 12px;
    background: var(--cg-surface);
}

.assignment-section--add[b-z9b8zebp4x] {
    background: var(--cg-surface-subtle);
}

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

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

.assignment-empty[b-z9b8zebp4x] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    min-block-size: 5rem;
    border: 1px dashed var(--cg-border);
    border-radius: 10px;
    color: var(--cg-text-secondary);
    font-size: .82rem;
}

.assignment-empty i[b-z9b8zebp4x] {
    color: var(--cg-accent);
    font-size: 1.1rem;
}

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

.assigned-user-row[b-z9b8zebp4x] {
    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: var(--cg-surface);
}

.user-avatar[b-z9b8zebp4x] {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    inline-size: 2rem;
    block-size: 2rem;
    border-radius: 50%;
    background: var(--cg-accent-soft);
    color: var(--cg-accent);
    font-size: .7rem;
    font-weight: 750;
}

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

.assigned-user-copy strong[b-z9b8zebp4x] {
    overflow: hidden;
    color: var(--cg-text);
    font-size: .82rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

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

.assignment-field-label[b-z9b8zebp4x] {
    display: block;
    margin-block-end: .35rem;
    color: var(--cg-text);
    font-size: .78rem;
    font-weight: 650;
}

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

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

.user-option[b-z9b8zebp4x] {
    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-z9b8zebp4x] {
    display: grid;
    min-inline-size: 0;
}

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

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

.user-option .is-active[b-z9b8zebp4x] {
    color: var(--cg-success-text);
}

.user-option .is-inactive[b-z9b8zebp4x] {
    color: var(--cg-text-secondary);
}

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

.pending-user-chip[b-z9b8zebp4x] {
    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: var(--cg-accent-soft);
    color: var(--cg-accent);
    font-size: .76rem;
    font-weight: 650;
}

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

.pending-user-chip button[b-z9b8zebp4x] {
    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-z9b8zebp4x] {
    background: rgb(37 99 235 / 12%);
}

.assignment-actions[b-z9b8zebp4x] {
    justify-content: flex-end;
    margin-block-start: 1rem;
    padding-block-start: .85rem;
    border-block-start: 1px solid var(--cg-border);
}

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

.remove-warning-icon[b-z9b8zebp4x] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    inline-size: 2.5rem;
    block-size: 2.5rem;
    border-radius: 50%;
    background: var(--cg-danger-soft);
    color: var(--cg-danger-text);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .assignment-actions .menu-button[b-z9b8zebp4x] {
        inline-size: 100%;
    }
}

/* ---------------------------------------------------------------------------
   Lookup-types specific styling. Everything above is shared with
   SystemTreeNodePage.razor.css; the rules below only exist on this page.
   --------------------------------------------------------------------------- */

/* Lookup ids and codes are literals the application matches on, so they read as code. */
.lookup-key[b-z9b8zebp4x] {
    color: var(--cg-text-secondary);
    font-family: ui-monospace, "Cascadia Mono", Consolas, monospace;
    font-size: .72rem;
}

.menu-item-copy strong .lookup-key[b-z9b8zebp4x] {
    font-size: .86rem;
}

/* Module badge. */
.module-pill[b-z9b8zebp4x] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .22rem .5rem;
    border-radius: 999px;
    background: var(--cg-accent-soft);
    color: var(--cg-accent);
    font-size: .7rem;
    font-weight: 700;
    white-space: nowrap;
}

.module-pill--none[b-z9b8zebp4x] {
    background: transparent;
    color: var(--cg-text-secondary);
    font-style: italic;
    font-weight: 600;
}

/* AllowCustom / IsSystemOwned badges. */
.flag-chips[b-z9b8zebp4x] {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem;
}

.flag-chip[b-z9b8zebp4x] {
    padding: .1rem .4rem;
    border-radius: 5px;
    background: var(--cg-accent-soft);
    color: #4338ca;
    font-size: .66rem;
    font-weight: 700;
    white-space: nowrap;
}

.flag-chip--locked[b-z9b8zebp4x] {
    background: var(--cg-surface-subtle);
    color: var(--cg-text-secondary);
}

.flag-chip--none[b-z9b8zebp4x] {
    background: transparent;
    color: var(--cg-text-secondary);
    font-style: italic;
    font-weight: 600;
}

/* Add / edit dialog. */
.dialog-body[b-z9b8zebp4x] {
    display: grid;
    gap: 1rem;
    color: var(--cg-text);
    font-family: "Segoe UI", Tahoma, system-ui, sans-serif;
}

.dialog-grid[b-z9b8zebp4x] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
    gap: .9rem 1.1rem;
}

.dialog-field[b-z9b8zebp4x] {
    display: grid;
    gap: .3rem;
    min-inline-size: 0;
}

.dialog-field--wide[b-z9b8zebp4x] {
    grid-column: 1 / -1;
}

.dialog-field > label[b-z9b8zebp4x] {
    color: var(--cg-text);
    font-size: .78rem;
    font-weight: 650;
}

.dialog-field-hint[b-z9b8zebp4x] {
    color: var(--cg-text-secondary);
    font-size: .72rem;
    line-height: 1.45;
}

.dialog-switch[b-z9b8zebp4x] {
    display: flex;
    align-items: center;
    gap: .5rem;
    min-block-size: 2.35rem;
}

.dialog-field[b-z9b8zebp4x]  .cg-combobox {
    inline-size: 100%;
}

.dialog-field[b-z9b8zebp4x]  .cg-combobox__control {
    border-radius: 9px;
}

.dialog-body .assignment-actions[b-z9b8zebp4x] {
    margin-block-start: 0;
}

.dialog-warning[b-z9b8zebp4x] {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
    padding: .6rem .7rem;
    border: 1px solid #fde68a;
    border-radius: 9px;
    background: var(--cg-warning-soft);
    color: var(--cg-warning-text);
    font-size: .78rem;
    line-height: 1.45;
}

.dialog-warning i[b-z9b8zebp4x] {
    margin-block-start: .1rem;
}

@media (max-width: 480px) {
    .dialog-grid[b-z9b8zebp4x] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* _content/CashGear.App/Components/Pages/Admin/OptionsPage.razor.rz.scp.css */
.menu-admin-page[b-7xk208jprt] {
    width: min(1440px, 100%);
    margin-inline: auto;
    color: var(--cg-text);
    font-family: "Segoe UI", Tahoma, system-ui, sans-serif;
}

.menu-admin-header[b-7xk208jprt] {
    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, var(--cg-accent-soft) 0%, var(--cg-surface)fff 72%);
}

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

.menu-admin-eyebrow[b-7xk208jprt],
.assignment-kicker[b-7xk208jprt] {
    color: var(--cg-accent);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .065em;
    text-transform: uppercase;
}

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

.menu-admin-title p[b-7xk208jprt],
.menu-toolbar-copy span[b-7xk208jprt],
.assignment-section-heading p[b-7xk208jprt],
.assignment-node-summary p[b-7xk208jprt],
.remove-confirmation p[b-7xk208jprt] {
    margin: 0;
    color: var(--cg-text-secondary);
}

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

.menu-stat[b-7xk208jprt] {
    min-inline-size: 6.5rem;
    padding: .65rem .85rem;
    border: 1px solid var(--cg-border);
    border-inline-start: 3px solid var(--cg-border);
    border-radius: 10px;
    background: color-mix(in srgb, var(--cg-surface) 86%, transparent);
}

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

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

.menu-stat span[b-7xk208jprt] {
    color: var(--cg-text-secondary);
    font-size: .7rem;
    font-weight: 650;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.menu-stat strong[b-7xk208jprt] {
    margin-block-start: .15rem;
    color: var(--cg-text);
    font-size: 1.2rem;
    font-variant-numeric: tabular-nums;
}

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

.menu-toolbar[b-7xk208jprt] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.15rem;
    border-block-end: 1px solid var(--cg-border);
}

.menu-toolbar-copy h2[b-7xk208jprt],
.assignment-section-heading h4[b-7xk208jprt],
.assignment-node-summary h3[b-7xk208jprt],
.remove-confirmation h3[b-7xk208jprt] {
    margin: 0;
    color: var(--cg-text);
}

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

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

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

.menu-button[b-7xk208jprt],
.icon-button[b-7xk208jprt] {
    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-7xk208jprt] {
    min-block-size: 2.35rem;
    gap: .45rem;
    padding: .48rem .8rem;
    border-radius: 8px;
    font-size: .84rem;
}

.menu-button--primary[b-7xk208jprt] {
    border-color: var(--cg-accent);
    background: var(--cg-accent);
    color: #ffffff;
}

.menu-button--primary:hover:not(:disabled)[b-7xk208jprt] {
    border-color: var(--cg-accent);
    background: var(--cg-accent);
}

.menu-button--secondary[b-7xk208jprt] {
    border-color: var(--cg-border);
    background: var(--cg-surface);
    color: var(--cg-text);
}

.menu-button--secondary:hover:not(:disabled)[b-7xk208jprt] {
    border-color: var(--cg-border);
    background: var(--cg-surface-subtle);
    color: var(--cg-accent);
}

.menu-button--danger[b-7xk208jprt] {
    border-color: var(--cg-danger-text);
    background: #dc2626;
    color: #ffffff;
}

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

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

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

.menu-state[b-7xk208jprt] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .65rem;
    min-block-size: 16rem;
    padding: 2rem;
    color: var(--cg-text-secondary);
}

.menu-state--error[b-7xk208jprt] {
    color: var(--cg-danger-text);
}

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

.menu-admin-page[b-7xk208jprt]  .menu-grid .dxbl-grid-header-row > td {
    background: var(--cg-surface-subtle);
    color: var(--cg-text-secondary);
    font-size: .76rem;
    font-weight: 700;
    letter-spacing: .02em;
}

.menu-admin-page[b-7xk208jprt]  .menu-grid .menu-grid-alt-row > td {
    background: var(--cg-surface-subtle);
}

.menu-admin-page[b-7xk208jprt]  .menu-grid .dxbl-grid-table > tbody > tr:hover > td {
    background: var(--cg-surface-subtle);
}

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

.menu-item-icon[b-7xk208jprt] {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    inline-size: 2rem;
    block-size: 2rem;
    border-radius: 8px;
    background: var(--cg-accent-soft);
    color: var(--cg-accent);
}

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

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

.menu-item-copy strong[b-7xk208jprt] {
    overflow: hidden;
    color: var(--cg-text);
    font-size: .86rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.menu-item-copy small[b-7xk208jprt],
.assigned-user-copy small[b-7xk208jprt],
.user-option small[b-7xk208jprt],
.menu-edit-intro span[b-7xk208jprt] {
    color: var(--cg-text-secondary);
    font-size: .74rem;
}

.menu-url[b-7xk208jprt] {
    display: block;
    overflow: hidden;
    color: var(--cg-text-secondary);
    font-size: .8rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

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

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

.status-pill--active[b-7xk208jprt],
.user-status--active[b-7xk208jprt] {
    background: var(--cg-success-soft);
    color: var(--cg-success-text);
}

.status-pill--inactive[b-7xk208jprt],
.user-status--inactive[b-7xk208jprt] {
    background: var(--cg-surface-subtle);
    color: var(--cg-text-secondary);
}

.assignment-count[b-7xk208jprt] {
    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: var(--cg-accent-soft);
    color: var(--cg-accent);
    font-size: .76rem;
    font-weight: 750;
    font-variant-numeric: tabular-nums;
}

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

.icon-button[b-7xk208jprt] {
    inline-size: 2rem;
    block-size: 2rem;
    padding: 0;
    border-color: var(--cg-border);
    border-radius: 8px;
    background: var(--cg-surface);
    color: var(--cg-text-secondary);
}

.icon-button:hover:not(:disabled)[b-7xk208jprt] {
    border-color: var(--cg-border);
    background: var(--cg-surface-subtle);
    color: var(--cg-accent);
}

.icon-button--primary[b-7xk208jprt] {
    border-color: #cbd9fb;
    background: var(--cg-accent-soft);
    color: var(--cg-accent);
}

.icon-button--danger[b-7xk208jprt] {
    color: var(--cg-danger-text);
}

.icon-button--danger:hover:not(:disabled)[b-7xk208jprt] {
    border-color: #fecaca;
    background: var(--cg-danger-soft);
    color: #b91c1c;
}

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

.menu-edit-intro[b-7xk208jprt] {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin-block-end: 1rem;
    padding: .8rem;
    border: 1px solid var(--cg-border);
    border-radius: 10px;
    background: var(--cg-surface-subtle);
}

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

.menu-edit-intro strong[b-7xk208jprt] {
    color: var(--cg-text);
}

.assignment-dialog[b-7xk208jprt] {
    display: grid;
    gap: 1rem;
    color: var(--cg-text);
    font-family: "Segoe UI", Tahoma, system-ui, sans-serif;
}

.assignment-node-summary[b-7xk208jprt] {
    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, var(--cg-accent-soft), var(--cg-surface)fff);
}

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

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

.assignment-total[b-7xk208jprt] {
    padding: .34rem .65rem;
    background: var(--cg-surface);
    color: var(--cg-accent);
    box-shadow: 0 0 0 1px #cbd9fb;
}

.assignment-section[b-7xk208jprt] {
    padding: 1rem;
    border: 1px solid var(--cg-border);
    border-radius: 12px;
    background: var(--cg-surface);
}

.assignment-section--add[b-7xk208jprt] {
    background: var(--cg-surface-subtle);
}

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

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

.assignment-empty[b-7xk208jprt] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    min-block-size: 5rem;
    border: 1px dashed var(--cg-border);
    border-radius: 10px;
    color: var(--cg-text-secondary);
    font-size: .82rem;
}

.assignment-empty i[b-7xk208jprt] {
    color: var(--cg-accent);
    font-size: 1.1rem;
}

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

.assigned-user-row[b-7xk208jprt] {
    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: var(--cg-surface);
}

.user-avatar[b-7xk208jprt] {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    inline-size: 2rem;
    block-size: 2rem;
    border-radius: 50%;
    background: var(--cg-accent-soft);
    color: var(--cg-accent);
    font-size: .7rem;
    font-weight: 750;
}

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

.assigned-user-copy strong[b-7xk208jprt] {
    overflow: hidden;
    color: var(--cg-text);
    font-size: .82rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

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

.assignment-field-label[b-7xk208jprt] {
    display: block;
    margin-block-end: .35rem;
    color: var(--cg-text);
    font-size: .78rem;
    font-weight: 650;
}

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

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

.user-option[b-7xk208jprt] {
    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-7xk208jprt] {
    display: grid;
    min-inline-size: 0;
}

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

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

.user-option .is-active[b-7xk208jprt] {
    color: var(--cg-success-text);
}

.user-option .is-inactive[b-7xk208jprt] {
    color: var(--cg-text-secondary);
}

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

.pending-user-chip[b-7xk208jprt] {
    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: var(--cg-accent-soft);
    color: var(--cg-accent);
    font-size: .76rem;
    font-weight: 650;
}

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

.pending-user-chip button[b-7xk208jprt] {
    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-7xk208jprt] {
    background: rgb(37 99 235 / 12%);
}

.assignment-actions[b-7xk208jprt] {
    justify-content: flex-end;
    margin-block-start: 1rem;
    padding-block-start: .85rem;
    border-block-start: 1px solid var(--cg-border);
}

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

.remove-warning-icon[b-7xk208jprt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    inline-size: 2.5rem;
    block-size: 2.5rem;
    border-radius: 50%;
    background: var(--cg-danger-soft);
    color: var(--cg-danger-text);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .assignment-actions .menu-button[b-7xk208jprt] {
        inline-size: 100%;
    }
}

/* ---------------------------------------------------------------------------
   Settings-values specific styling. Everything above is shared with
   SystemTreeNodePage.razor.css; the rules below only exist on this page.
   --------------------------------------------------------------------------- */

/* Toolbar gains labelled controls (module picker, scope switch, user picker). */
.menu-toolbar[b-7xk208jprt] {
    align-items: flex-end;
}

.toolbar-fields[b-7xk208jprt] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: .75rem;
}

.toolbar-field[b-7xk208jprt] {
    display: grid;
    gap: .3rem;
    min-inline-size: 0;
}

.toolbar-field > label[b-7xk208jprt],
.toolbar-field > span[b-7xk208jprt] {
    color: var(--cg-text);
    font-size: .74rem;
    font-weight: 650;
}

.toolbar-field--module[b-7xk208jprt] {
    inline-size: 15rem;
}

.toolbar-field--user[b-7xk208jprt] {
    inline-size: 18rem;
}

.toolbar-field[b-7xk208jprt]  .cg-combobox {
    inline-size: 100%;
}

.toolbar-field[b-7xk208jprt]  .cg-combobox__control {
    border-radius: 8px;
}

/* Company / User segmented control. */
.scope-switch[b-7xk208jprt] {
    display: inline-flex;
    padding: .18rem;
    border: 1px solid var(--cg-border);
    border-radius: 9px;
    background: var(--cg-surface-subtle);
}

.scope-option[b-7xk208jprt] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .34rem .7rem;
    border: 1px solid transparent;
    border-radius: 7px;
    background: transparent;
    color: var(--cg-text-secondary);
    font: inherit;
    font-size: .8rem;
    font-weight: 650;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color 140ms ease, color 140ms ease, box-shadow 140ms ease;
}

.scope-option:hover:not(:disabled):not(.scope-option--active)[b-7xk208jprt] {
    color: var(--cg-accent);
}

.scope-option--active[b-7xk208jprt] {
    background: var(--cg-surface);
    color: var(--cg-accent);
    box-shadow: 0 1px 2px rgb(15 23 42 / 10%);
}

.scope-option:focus-visible[b-7xk208jprt] {
    outline: 2px solid #2563eb;
    outline-offset: 2px;
}

.scope-option:disabled[b-7xk208jprt] {
    cursor: not-allowed;
    opacity: .58;
}

/* Setting identity cell. */
.setting-cell[b-7xk208jprt] {
    display: grid;
    gap: .1rem;
    min-inline-size: 0;
}

.setting-cell strong[b-7xk208jprt] {
    overflow: hidden;
    color: var(--cg-text);
    font-size: .86rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.setting-key[b-7xk208jprt] {
    color: var(--cg-text-secondary);
    font-family: ui-monospace, "Cascadia Mono", Consolas, monospace;
    font-size: .7rem;
}

/* Typed value editors line up in one column. */
.value-editor[b-7xk208jprt] {
    display: flex;
    align-items: center;
    min-inline-size: 0;
}

.value-editor > *[b-7xk208jprt] {
    inline-size: 100%;
}

.value-editor[b-7xk208jprt]  .cg-combobox__control {
    border-radius: 8px;
}

.value-editor--switch[b-7xk208jprt] {
    justify-content: center;
}

.value-editor--switch > *[b-7xk208jprt] {
    inline-size: auto;
}

/* What the row falls back to when it has no override of its own. */
.inherited-value[b-7xk208jprt] {
    display: grid;
    gap: .1rem;
    color: var(--cg-text-secondary);
    font-size: .78rem;
}

.inherited-value small[b-7xk208jprt] {
    color: var(--cg-text-secondary);
    font-size: .68rem;
    font-weight: 650;
    letter-spacing: .02em;
    text-transform: uppercase;
}

.inherited-value--default[b-7xk208jprt] {
    color: var(--cg-text-secondary);
    font-style: italic;
}

/* Replaces the Bootstrap bg-warning / bg-secondary / bg-info badges. */
.scope-badge[b-7xk208jprt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .22rem .5rem;
    border-radius: 999px;
    font-size: .7rem;
    font-weight: 700;
    white-space: nowrap;
}

.scope-badge--modified[b-7xk208jprt] {
    background: var(--cg-warning-soft);
    color: var(--cg-warning-text);
    box-shadow: 0 0 0 1px #fde68a;
}

.scope-badge--default[b-7xk208jprt] {
    background: var(--cg-surface-subtle);
    color: var(--cg-text-secondary);
}

.scope-badge--company[b-7xk208jprt] {
    background: var(--cg-accent-soft);
    color: var(--cg-accent);
}

.scope-badge--user[b-7xk208jprt] {
    background: var(--cg-accent-soft);
    color: #4338ca;
}

@media (prefers-reduced-motion: reduce) {
    .scope-option[b-7xk208jprt] {
        transition: none;
    }
}

@media (max-width: 767.98px) {
    .toolbar-fields[b-7xk208jprt] {
        inline-size: 100%;
    }

    .toolbar-field--module[b-7xk208jprt],
    .toolbar-field--user[b-7xk208jprt] {
        inline-size: 100%;
    }

    .scope-switch[b-7xk208jprt] {
        inline-size: 100%;
    }

    .scope-option[b-7xk208jprt] {
        flex: 1 1 0;
        justify-content: center;
    }
}
/* _content/CashGear.App/Components/Pages/Admin/RegisterUserPage.razor.rz.scp.css */
.menu-admin-page[b-ndcq7cm99t] {
    width: min(1440px, 100%);
    margin-inline: auto;
    color: var(--cg-text);
    font-family: "Segoe UI", Tahoma, system-ui, sans-serif;
}

.menu-admin-header[b-ndcq7cm99t] {
    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, var(--cg-accent-soft) 0%, var(--cg-surface)fff 72%);
}

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

.menu-admin-eyebrow[b-ndcq7cm99t],
.assignment-kicker[b-ndcq7cm99t] {
    color: var(--cg-accent);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .065em;
    text-transform: uppercase;
}

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

.menu-admin-title p[b-ndcq7cm99t],
.menu-toolbar-copy span[b-ndcq7cm99t],
.assignment-section-heading p[b-ndcq7cm99t],
.assignment-node-summary p[b-ndcq7cm99t],
.remove-confirmation p[b-ndcq7cm99t] {
    margin: 0;
    color: var(--cg-text-secondary);
}

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

.menu-stat[b-ndcq7cm99t] {
    min-inline-size: 6.5rem;
    padding: .65rem .85rem;
    border: 1px solid var(--cg-border);
    border-inline-start: 3px solid var(--cg-border);
    border-radius: 10px;
    background: color-mix(in srgb, var(--cg-surface) 86%, transparent);
}

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

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

.menu-stat span[b-ndcq7cm99t] {
    color: var(--cg-text-secondary);
    font-size: .7rem;
    font-weight: 650;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.menu-stat strong[b-ndcq7cm99t] {
    margin-block-start: .15rem;
    color: var(--cg-text);
    font-size: 1.2rem;
    font-variant-numeric: tabular-nums;
}

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

.menu-toolbar[b-ndcq7cm99t] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.15rem;
    border-block-end: 1px solid var(--cg-border);
}

.menu-toolbar-copy h2[b-ndcq7cm99t],
.assignment-section-heading h4[b-ndcq7cm99t],
.assignment-node-summary h3[b-ndcq7cm99t],
.remove-confirmation h3[b-ndcq7cm99t] {
    margin: 0;
    color: var(--cg-text);
}

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

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

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

.menu-button[b-ndcq7cm99t],
.icon-button[b-ndcq7cm99t] {
    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-ndcq7cm99t] {
    min-block-size: 2.35rem;
    gap: .45rem;
    padding: .48rem .8rem;
    border-radius: 8px;
    font-size: .84rem;
}

.menu-button--primary[b-ndcq7cm99t] {
    border-color: var(--cg-accent);
    background: var(--cg-accent);
    color: #ffffff;
}

.menu-button--primary:hover:not(:disabled)[b-ndcq7cm99t] {
    border-color: var(--cg-accent);
    background: var(--cg-accent);
}

.menu-button--secondary[b-ndcq7cm99t] {
    border-color: var(--cg-border);
    background: var(--cg-surface);
    color: var(--cg-text);
}

.menu-button--secondary:hover:not(:disabled)[b-ndcq7cm99t] {
    border-color: var(--cg-border);
    background: var(--cg-surface-subtle);
    color: var(--cg-accent);
}

.menu-button--danger[b-ndcq7cm99t] {
    border-color: var(--cg-danger-text);
    background: #dc2626;
    color: #ffffff;
}

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

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

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

.menu-state[b-ndcq7cm99t] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .65rem;
    min-block-size: 16rem;
    padding: 2rem;
    color: var(--cg-text-secondary);
}

.menu-state--error[b-ndcq7cm99t] {
    color: var(--cg-danger-text);
}

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

.menu-admin-page[b-ndcq7cm99t]  .menu-grid .dxbl-grid-header-row > td {
    background: var(--cg-surface-subtle);
    color: var(--cg-text-secondary);
    font-size: .76rem;
    font-weight: 700;
    letter-spacing: .02em;
}

.menu-admin-page[b-ndcq7cm99t]  .menu-grid .menu-grid-alt-row > td {
    background: var(--cg-surface-subtle);
}

.menu-admin-page[b-ndcq7cm99t]  .menu-grid .dxbl-grid-table > tbody > tr:hover > td {
    background: var(--cg-surface-subtle);
}

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

.menu-item-icon[b-ndcq7cm99t] {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    inline-size: 2rem;
    block-size: 2rem;
    border-radius: 8px;
    background: var(--cg-accent-soft);
    color: var(--cg-accent);
}

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

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

.menu-item-copy strong[b-ndcq7cm99t] {
    overflow: hidden;
    color: var(--cg-text);
    font-size: .86rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.menu-item-copy small[b-ndcq7cm99t],
.assigned-user-copy small[b-ndcq7cm99t],
.user-option small[b-ndcq7cm99t],
.menu-edit-intro span[b-ndcq7cm99t] {
    color: var(--cg-text-secondary);
    font-size: .74rem;
}

.menu-url[b-ndcq7cm99t] {
    display: block;
    overflow: hidden;
    color: var(--cg-text-secondary);
    font-size: .8rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

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

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

.status-pill--active[b-ndcq7cm99t],
.user-status--active[b-ndcq7cm99t] {
    background: var(--cg-success-soft);
    color: var(--cg-success-text);
}

.status-pill--inactive[b-ndcq7cm99t],
.user-status--inactive[b-ndcq7cm99t] {
    background: var(--cg-surface-subtle);
    color: var(--cg-text-secondary);
}

.assignment-count[b-ndcq7cm99t] {
    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: var(--cg-accent-soft);
    color: var(--cg-accent);
    font-size: .76rem;
    font-weight: 750;
    font-variant-numeric: tabular-nums;
}

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

.icon-button[b-ndcq7cm99t] {
    inline-size: 2rem;
    block-size: 2rem;
    padding: 0;
    border-color: var(--cg-border);
    border-radius: 8px;
    background: var(--cg-surface);
    color: var(--cg-text-secondary);
}

.icon-button:hover:not(:disabled)[b-ndcq7cm99t] {
    border-color: var(--cg-border);
    background: var(--cg-surface-subtle);
    color: var(--cg-accent);
}

.icon-button--primary[b-ndcq7cm99t] {
    border-color: #cbd9fb;
    background: var(--cg-accent-soft);
    color: var(--cg-accent);
}

.icon-button--danger[b-ndcq7cm99t] {
    color: var(--cg-danger-text);
}

.icon-button--danger:hover:not(:disabled)[b-ndcq7cm99t] {
    border-color: #fecaca;
    background: var(--cg-danger-soft);
    color: #b91c1c;
}

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

.menu-edit-intro[b-ndcq7cm99t] {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin-block-end: 1rem;
    padding: .8rem;
    border: 1px solid var(--cg-border);
    border-radius: 10px;
    background: var(--cg-surface-subtle);
}

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

.menu-edit-intro strong[b-ndcq7cm99t] {
    color: var(--cg-text);
}

.assignment-dialog[b-ndcq7cm99t] {
    display: grid;
    gap: 1rem;
    color: var(--cg-text);
    font-family: "Segoe UI", Tahoma, system-ui, sans-serif;
}

.assignment-node-summary[b-ndcq7cm99t] {
    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, var(--cg-accent-soft), var(--cg-surface)fff);
}

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

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

.assignment-total[b-ndcq7cm99t] {
    padding: .34rem .65rem;
    background: var(--cg-surface);
    color: var(--cg-accent);
    box-shadow: 0 0 0 1px #cbd9fb;
}

.assignment-section[b-ndcq7cm99t] {
    padding: 1rem;
    border: 1px solid var(--cg-border);
    border-radius: 12px;
    background: var(--cg-surface);
}

.assignment-section--add[b-ndcq7cm99t] {
    background: var(--cg-surface-subtle);
}

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

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

.assignment-empty[b-ndcq7cm99t] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    min-block-size: 5rem;
    border: 1px dashed var(--cg-border);
    border-radius: 10px;
    color: var(--cg-text-secondary);
    font-size: .82rem;
}

.assignment-empty i[b-ndcq7cm99t] {
    color: var(--cg-accent);
    font-size: 1.1rem;
}

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

.assigned-user-row[b-ndcq7cm99t] {
    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: var(--cg-surface);
}

.user-avatar[b-ndcq7cm99t] {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    inline-size: 2rem;
    block-size: 2rem;
    border-radius: 50%;
    background: var(--cg-accent-soft);
    color: var(--cg-accent);
    font-size: .7rem;
    font-weight: 750;
}

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

.assigned-user-copy strong[b-ndcq7cm99t] {
    overflow: hidden;
    color: var(--cg-text);
    font-size: .82rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

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

.assignment-field-label[b-ndcq7cm99t] {
    display: block;
    margin-block-end: .35rem;
    color: var(--cg-text);
    font-size: .78rem;
    font-weight: 650;
}

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

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

.user-option[b-ndcq7cm99t] {
    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-ndcq7cm99t] {
    display: grid;
    min-inline-size: 0;
}

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

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

.user-option .is-active[b-ndcq7cm99t] {
    color: var(--cg-success-text);
}

.user-option .is-inactive[b-ndcq7cm99t] {
    color: var(--cg-text-secondary);
}

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

.pending-user-chip[b-ndcq7cm99t] {
    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: var(--cg-accent-soft);
    color: var(--cg-accent);
    font-size: .76rem;
    font-weight: 650;
}

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

.pending-user-chip button[b-ndcq7cm99t] {
    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-ndcq7cm99t] {
    background: rgb(37 99 235 / 12%);
}

.assignment-actions[b-ndcq7cm99t] {
    justify-content: flex-end;
    margin-block-start: 1rem;
    padding-block-start: .85rem;
    border-block-start: 1px solid var(--cg-border);
}

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

.remove-warning-icon[b-ndcq7cm99t] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    inline-size: 2.5rem;
    block-size: 2.5rem;
    border-radius: 50%;
    background: var(--cg-danger-soft);
    color: var(--cg-danger-text);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .assignment-actions .menu-button[b-ndcq7cm99t] {
        inline-size: 100%;
    }
}

/* ---------------------------------------------------------------------------
   Create-user form styling. Everything above is shared with
   SystemTreeNodePage.razor.css; the rules below only exist on this page.
   --------------------------------------------------------------------------- */

.register-form[b-ndcq7cm99t] {
    padding: 1.15rem;
}

.register-form-grid[b-ndcq7cm99t] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
    gap: 1rem 1.25rem;
}

.register-field[b-ndcq7cm99t] {
    display: grid;
    gap: .35rem;
    min-inline-size: 0;
}

.register-field--wide[b-ndcq7cm99t] {
    grid-column: 1 / -1;
}

.register-field > label[b-ndcq7cm99t] {
    color: var(--cg-text);
    font-size: .78rem;
    font-weight: 650;
}

.register-field-hint[b-ndcq7cm99t] {
    color: var(--cg-text-secondary);
    font-size: .74rem;
    line-height: 1.45;
}

.register-field[b-ndcq7cm99t]  .cg-combobox {
    inline-size: 100%;
}

.register-field[b-ndcq7cm99t]  .cg-combobox__control {
    border-radius: 9px;
}

/* DataAnnotations validation output. */
.register-field[b-ndcq7cm99t]  .validation-message,
.field-error[b-ndcq7cm99t] {
    color: var(--cg-danger-text);
    font-size: .74rem;
    font-weight: 600;
}

.register-summary[b-ndcq7cm99t] {
    margin-block-end: 1rem;
    padding: .75rem .85rem;
    border: 1px solid #fecaca;
    border-radius: 10px;
    background: var(--cg-danger-soft);
}

.register-summary[b-ndcq7cm99t]  ul {
    margin: 0;
    padding-inline-start: 1.1rem;
    color: var(--cg-danger-text);
    font-size: .8rem;
}

.register-summary:empty[b-ndcq7cm99t] {
    display: none;
}

/* Masked password entry with reveal + generate affordances. */
.password-field[b-ndcq7cm99t] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .4rem;
}

.password-field > :first-child[b-ndcq7cm99t] {
    flex: 1 1 10rem;
    min-inline-size: 0;
}

.password-quick-button[b-ndcq7cm99t] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    padding: .38rem .6rem;
    border: 1px solid var(--cg-border);
    border-radius: 8px;
    background: var(--cg-surface);
    color: var(--cg-text-secondary);
    font: inherit;
    font-size: .76rem;
    font-weight: 650;
    white-space: nowrap;
    cursor: pointer;
    transition: border-color 140ms ease, background-color 140ms ease, color 140ms ease;
}

.password-quick-button:hover:not(:disabled)[b-ndcq7cm99t] {
    border-color: var(--cg-border);
    background: var(--cg-surface-subtle);
    color: var(--cg-accent);
}

.password-quick-button:focus-visible[b-ndcq7cm99t] {
    outline: 2px solid #2563eb;
    outline-offset: 2px;
}

.password-quick-button:disabled[b-ndcq7cm99t] {
    cursor: not-allowed;
    opacity: .58;
}

.api-key-option[b-ndcq7cm99t] {
    display: flex;
    align-items: flex-start;
    gap: .8rem;
    padding: .9rem 1rem;
    border: 1px solid #cbd9fb;
    border-radius: 11px;
    background: var(--cg-surface-subtle);
    cursor: pointer;
}

.api-key-option input[b-ndcq7cm99t] {
    inline-size: 1.05rem;
    block-size: 1.05rem;
    margin-block-start: .3rem;
    accent-color: var(--cg-accent);
}

.api-key-option-icon[b-ndcq7cm99t] {
    display: inline-grid;
    place-items: center;
    flex: 0 0 2.1rem;
    block-size: 2.1rem;
    border-radius: 9px;
    background: #e8efff;
    color: var(--cg-accent);
    font-size: 1rem;
}

.api-key-option-copy[b-ndcq7cm99t] {
    display: grid;
    gap: .2rem;
}

.api-key-option-copy strong[b-ndcq7cm99t] {
    color: var(--cg-text);
    font-size: .84rem;
}

.api-key-option-copy small[b-ndcq7cm99t] {
    color: var(--cg-text-secondary);
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.45;
}

.registration-result[b-ndcq7cm99t] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: clamp(1.25rem, 4vw, 2rem);
}

.registration-result-icon[b-ndcq7cm99t] {
    display: inline-grid;
    place-items: center;
    flex: 0 0 3rem;
    block-size: 3rem;
    border-radius: 50%;
    font-size: 1.4rem;
}

.registration-result-icon--success[b-ndcq7cm99t] {
    background: var(--cg-success-soft);
    color: #15803d;
}

.registration-result-icon--warning[b-ndcq7cm99t] {
    background: var(--cg-warning-soft);
    color: var(--cg-warning-text);
}

.registration-result-copy[b-ndcq7cm99t] {
    flex: 1;
    min-inline-size: 0;
}

.registration-result-copy h2[b-ndcq7cm99t] {
    margin: .2rem 0 .35rem;
    color: var(--cg-text);
    font-size: 1.35rem;
}

.registration-result-copy > p[b-ndcq7cm99t] {
    margin: 0;
    color: var(--cg-text-secondary);
}

.api-key-reveal[b-ndcq7cm99t] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .75rem 1rem;
    align-items: center;
    margin-block-start: 1.25rem;
    padding: 1rem;
    border: 1px solid #bbd0ff;
    border-radius: 11px;
    background: #f7f9ff;
}

.api-key-reveal > div[b-ndcq7cm99t] {
    display: grid;
    gap: .15rem;
}

.api-key-reveal strong[b-ndcq7cm99t],
.api-key-warning strong[b-ndcq7cm99t] {
    color: var(--cg-text);
    font-size: .82rem;
}

.api-key-reveal span[b-ndcq7cm99t],
.api-key-warning span[b-ndcq7cm99t] {
    color: var(--cg-text-secondary);
    font-size: .75rem;
}

.api-key-reveal code[b-ndcq7cm99t] {
    grid-column: 1 / -1;
    overflow-wrap: anywhere;
    padding: .7rem .8rem;
    border: 1px solid #d7e1f8;
    border-radius: 8px;
    background: var(--cg-surface);
    color: var(--cg-text);
    font-size: .88rem;
    user-select: all;
}

.api-key-warning[b-ndcq7cm99t] {
    display: flex;
    gap: .7rem;
    margin-block-start: 1.25rem;
    padding: .9rem 1rem;
    border: 1px solid #f5d58a;
    border-radius: 10px;
    background: var(--cg-warning-soft);
    color: var(--cg-warning-text);
}

.api-key-warning > div[b-ndcq7cm99t] {
    display: grid;
    gap: .15rem;
}

.registration-result-actions[b-ndcq7cm99t] {
    display: flex;
    justify-content: flex-end;
    margin-block-start: 1.25rem;
}

@media (prefers-reduced-motion: reduce) {
    .password-quick-button[b-ndcq7cm99t] {
        transition: none;
    }
}

@media (max-width: 480px) {
    .register-form[b-ndcq7cm99t] {
        padding: .85rem;
    }

    .register-form-grid[b-ndcq7cm99t] {
        grid-template-columns: minmax(0, 1fr);
    }

    .registration-result[b-ndcq7cm99t] {
        flex-direction: column;
    }

    .api-key-reveal[b-ndcq7cm99t] {
        grid-template-columns: minmax(0, 1fr);
    }

    .api-key-reveal .menu-button[b-ndcq7cm99t],
    .registration-result-actions .menu-button[b-ndcq7cm99t] {
        inline-size: 100%;
    }
}
/* _content/CashGear.App/Components/Pages/Admin/StatusProfilePage.razor.rz.scp.css */
.menu-admin-page[b-5dxq9hpwm7] {
    width: min(1440px, 100%);
    margin-inline: auto;
    color: var(--cg-text);
    font-family: "Segoe UI", Tahoma, system-ui, sans-serif;
}

.menu-admin-header[b-5dxq9hpwm7] {
    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, var(--cg-accent-soft) 0%, var(--cg-surface)fff 72%);
}

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

.menu-admin-eyebrow[b-5dxq9hpwm7],
.assignment-kicker[b-5dxq9hpwm7] {
    color: var(--cg-accent);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .065em;
    text-transform: uppercase;
}

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

.menu-admin-title p[b-5dxq9hpwm7],
.menu-toolbar-copy span[b-5dxq9hpwm7],
.assignment-section-heading p[b-5dxq9hpwm7],
.assignment-node-summary p[b-5dxq9hpwm7],
.remove-confirmation p[b-5dxq9hpwm7] {
    margin: 0;
    color: var(--cg-text-secondary);
}

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

.menu-stat[b-5dxq9hpwm7] {
    min-inline-size: 6.5rem;
    padding: .65rem .85rem;
    border: 1px solid var(--cg-border);
    border-inline-start: 3px solid var(--cg-border);
    border-radius: 10px;
    background: color-mix(in srgb, var(--cg-surface) 86%, transparent);
}

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

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

.menu-stat span[b-5dxq9hpwm7] {
    color: var(--cg-text-secondary);
    font-size: .7rem;
    font-weight: 650;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.menu-stat strong[b-5dxq9hpwm7] {
    margin-block-start: .15rem;
    color: var(--cg-text);
    font-size: 1.2rem;
    font-variant-numeric: tabular-nums;
}

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

.menu-toolbar[b-5dxq9hpwm7] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.15rem;
    border-block-end: 1px solid var(--cg-border);
}

.menu-toolbar-copy h2[b-5dxq9hpwm7],
.assignment-section-heading h4[b-5dxq9hpwm7],
.assignment-node-summary h3[b-5dxq9hpwm7],
.remove-confirmation h3[b-5dxq9hpwm7] {
    margin: 0;
    color: var(--cg-text);
}

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

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

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

.menu-button[b-5dxq9hpwm7],
.icon-button[b-5dxq9hpwm7] {
    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-5dxq9hpwm7] {
    min-block-size: 2.35rem;
    gap: .45rem;
    padding: .48rem .8rem;
    border-radius: 8px;
    font-size: .84rem;
}

.menu-button--primary[b-5dxq9hpwm7] {
    border-color: var(--cg-accent);
    background: var(--cg-accent);
    color: #ffffff;
}

.menu-button--primary:hover:not(:disabled)[b-5dxq9hpwm7] {
    border-color: var(--cg-accent);
    background: var(--cg-accent);
}

.menu-button--secondary[b-5dxq9hpwm7] {
    border-color: var(--cg-border);
    background: var(--cg-surface);
    color: var(--cg-text);
}

.menu-button--secondary:hover:not(:disabled)[b-5dxq9hpwm7] {
    border-color: var(--cg-border);
    background: var(--cg-surface-subtle);
    color: var(--cg-accent);
}

.menu-button--danger[b-5dxq9hpwm7] {
    border-color: var(--cg-danger-text);
    background: #dc2626;
    color: #ffffff;
}

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

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

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

.menu-state[b-5dxq9hpwm7] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .65rem;
    min-block-size: 16rem;
    padding: 2rem;
    color: var(--cg-text-secondary);
}

.menu-state--error[b-5dxq9hpwm7] {
    color: var(--cg-danger-text);
}

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

.menu-admin-page[b-5dxq9hpwm7]  .menu-grid .dxbl-grid-header-row > td {
    background: var(--cg-surface-subtle);
    color: var(--cg-text-secondary);
    font-size: .76rem;
    font-weight: 700;
    letter-spacing: .02em;
}

.menu-admin-page[b-5dxq9hpwm7]  .menu-grid .menu-grid-alt-row > td {
    background: var(--cg-surface-subtle);
}

.menu-admin-page[b-5dxq9hpwm7]  .menu-grid .dxbl-grid-table > tbody > tr:hover > td {
    background: var(--cg-surface-subtle);
}

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

.menu-item-icon[b-5dxq9hpwm7] {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    inline-size: 2rem;
    block-size: 2rem;
    border-radius: 8px;
    background: var(--cg-accent-soft);
    color: var(--cg-accent);
}

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

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

.menu-item-copy strong[b-5dxq9hpwm7] {
    overflow: hidden;
    color: var(--cg-text);
    font-size: .86rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.menu-item-copy small[b-5dxq9hpwm7],
.assigned-user-copy small[b-5dxq9hpwm7],
.user-option small[b-5dxq9hpwm7],
.menu-edit-intro span[b-5dxq9hpwm7] {
    color: var(--cg-text-secondary);
    font-size: .74rem;
}

.menu-url[b-5dxq9hpwm7] {
    display: block;
    overflow: hidden;
    color: var(--cg-text-secondary);
    font-size: .8rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

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

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

.status-pill--active[b-5dxq9hpwm7],
.user-status--active[b-5dxq9hpwm7] {
    background: var(--cg-success-soft);
    color: var(--cg-success-text);
}

.status-pill--inactive[b-5dxq9hpwm7],
.user-status--inactive[b-5dxq9hpwm7] {
    background: var(--cg-surface-subtle);
    color: var(--cg-text-secondary);
}

.assignment-count[b-5dxq9hpwm7] {
    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: var(--cg-accent-soft);
    color: var(--cg-accent);
    font-size: .76rem;
    font-weight: 750;
    font-variant-numeric: tabular-nums;
}

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

.icon-button[b-5dxq9hpwm7] {
    inline-size: 2rem;
    block-size: 2rem;
    padding: 0;
    border-color: var(--cg-border);
    border-radius: 8px;
    background: var(--cg-surface);
    color: var(--cg-text-secondary);
}

.icon-button:hover:not(:disabled)[b-5dxq9hpwm7] {
    border-color: var(--cg-border);
    background: var(--cg-surface-subtle);
    color: var(--cg-accent);
}

.icon-button--primary[b-5dxq9hpwm7] {
    border-color: #cbd9fb;
    background: var(--cg-accent-soft);
    color: var(--cg-accent);
}

.icon-button--danger[b-5dxq9hpwm7] {
    color: var(--cg-danger-text);
}

.icon-button--danger:hover:not(:disabled)[b-5dxq9hpwm7] {
    border-color: #fecaca;
    background: var(--cg-danger-soft);
    color: #b91c1c;
}

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

.menu-edit-intro[b-5dxq9hpwm7] {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin-block-end: 1rem;
    padding: .8rem;
    border: 1px solid var(--cg-border);
    border-radius: 10px;
    background: var(--cg-surface-subtle);
}

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

.menu-edit-intro strong[b-5dxq9hpwm7] {
    color: var(--cg-text);
}

.assignment-dialog[b-5dxq9hpwm7] {
    display: grid;
    gap: 1rem;
    color: var(--cg-text);
    font-family: "Segoe UI", Tahoma, system-ui, sans-serif;
}

.assignment-node-summary[b-5dxq9hpwm7] {
    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, var(--cg-accent-soft), var(--cg-surface)fff);
}

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

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

.assignment-total[b-5dxq9hpwm7] {
    padding: .34rem .65rem;
    background: var(--cg-surface);
    color: var(--cg-accent);
    box-shadow: 0 0 0 1px #cbd9fb;
}

.assignment-section[b-5dxq9hpwm7] {
    padding: 1rem;
    border: 1px solid var(--cg-border);
    border-radius: 12px;
    background: var(--cg-surface);
}

.assignment-section--add[b-5dxq9hpwm7] {
    background: var(--cg-surface-subtle);
}

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

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

.assignment-empty[b-5dxq9hpwm7] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    min-block-size: 5rem;
    border: 1px dashed var(--cg-border);
    border-radius: 10px;
    color: var(--cg-text-secondary);
    font-size: .82rem;
}

.assignment-empty i[b-5dxq9hpwm7] {
    color: var(--cg-accent);
    font-size: 1.1rem;
}

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

.assigned-user-row[b-5dxq9hpwm7] {
    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: var(--cg-surface);
}

.user-avatar[b-5dxq9hpwm7] {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    inline-size: 2rem;
    block-size: 2rem;
    border-radius: 50%;
    background: var(--cg-accent-soft);
    color: var(--cg-accent);
    font-size: .7rem;
    font-weight: 750;
}

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

.assigned-user-copy strong[b-5dxq9hpwm7] {
    overflow: hidden;
    color: var(--cg-text);
    font-size: .82rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

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

.assignment-field-label[b-5dxq9hpwm7] {
    display: block;
    margin-block-end: .35rem;
    color: var(--cg-text);
    font-size: .78rem;
    font-weight: 650;
}

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

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

.user-option[b-5dxq9hpwm7] {
    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-5dxq9hpwm7] {
    display: grid;
    min-inline-size: 0;
}

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

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

.user-option .is-active[b-5dxq9hpwm7] {
    color: var(--cg-success-text);
}

.user-option .is-inactive[b-5dxq9hpwm7] {
    color: var(--cg-text-secondary);
}

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

.pending-user-chip[b-5dxq9hpwm7] {
    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: var(--cg-accent-soft);
    color: var(--cg-accent);
    font-size: .76rem;
    font-weight: 650;
}

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

.pending-user-chip button[b-5dxq9hpwm7] {
    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-5dxq9hpwm7] {
    background: rgb(37 99 235 / 12%);
}

.assignment-actions[b-5dxq9hpwm7] {
    justify-content: flex-end;
    margin-block-start: 1rem;
    padding-block-start: .85rem;
    border-block-start: 1px solid var(--cg-border);
}

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

.remove-warning-icon[b-5dxq9hpwm7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    inline-size: 2.5rem;
    block-size: 2.5rem;
    border-radius: 50%;
    background: var(--cg-danger-soft);
    color: var(--cg-danger-text);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .assignment-actions .menu-button[b-5dxq9hpwm7] {
        inline-size: 100%;
    }
}

/* ---------------------------------------------------------------------------
   Status-profile detail specific styling. Everything above is shared with
   SystemTreeNodePage.razor.css; the rules below only exist on this page.
   --------------------------------------------------------------------------- */

.profile-key[b-5dxq9hpwm7] {
    color: var(--cg-text-secondary);
    font-family: ui-monospace, "Cascadia Mono", Consolas, monospace;
    font-size: .72rem;
}

.doc-pill[b-5dxq9hpwm7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .22rem .5rem;
    border-radius: 999px;
    background: var(--cg-accent-soft);
    color: #4338ca;
    font-size: .7rem;
    font-weight: 700;
    white-space: nowrap;
}

.doc-pill--none[b-5dxq9hpwm7] {
    background: transparent;
    color: var(--cg-text-secondary);
    font-style: italic;
    font-weight: 600;
}

/* Add / edit dialog. */
.dialog-body[b-5dxq9hpwm7] {
    display: grid;
    gap: 1rem;
    color: var(--cg-text);
    font-family: "Segoe UI", Tahoma, system-ui, sans-serif;
}

.dialog-grid[b-5dxq9hpwm7] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
    gap: .9rem 1.1rem;
}

.dialog-field[b-5dxq9hpwm7] {
    display: grid;
    gap: .3rem;
    min-inline-size: 0;
}

.dialog-field--wide[b-5dxq9hpwm7] {
    grid-column: 1 / -1;
}

.dialog-field > label[b-5dxq9hpwm7] {
    color: var(--cg-text);
    font-size: .78rem;
    font-weight: 650;
}

.dialog-field-hint[b-5dxq9hpwm7] {
    color: var(--cg-text-secondary);
    font-size: .72rem;
    line-height: 1.45;
}

.dialog-field[b-5dxq9hpwm7]  .cg-combobox {
    inline-size: 100%;
}

.dialog-field[b-5dxq9hpwm7]  .cg-combobox__control {
    border-radius: 9px;
}

.dialog-body .assignment-actions[b-5dxq9hpwm7] {
    margin-block-start: 0;
}

.dialog-warning[b-5dxq9hpwm7] {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
    padding: .6rem .7rem;
    border: 1px solid #fde68a;
    border-radius: 9px;
    background: var(--cg-warning-soft);
    color: var(--cg-warning-text);
    font-size: .78rem;
    line-height: 1.45;
}

.dialog-warning i[b-5dxq9hpwm7] {
    margin-block-start: .1rem;
}

@media (max-width: 480px) {
    .dialog-grid[b-5dxq9hpwm7] {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* Profile header form sits above the tabbed sections. */
.profile-summary[b-5dxq9hpwm7] {
    margin-block-end: 1.25rem;
}

.profile-summary-form[b-5dxq9hpwm7] {
    padding: 1.15rem;
}

/* Section tab strip. Same visual language as the segmented control on the
   settings page, widened to work as a real tablist. */
.profile-tabs[b-5dxq9hpwm7] {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem;
    margin-block-end: 1.25rem;
    padding: .25rem;
    border: 1px solid var(--cg-border);
    border-radius: 12px;
    background: var(--cg-surface);
    box-shadow: 0 2px 8px rgb(15 23 42 / 5%);
}

.profile-tab[b-5dxq9hpwm7] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    flex: 1 1 9rem;
    justify-content: center;
    padding: .55rem .85rem;
    border: 1px solid transparent;
    border-radius: 9px;
    background: transparent;
    color: var(--cg-text-secondary);
    font: inherit;
    font-size: .84rem;
    font-weight: 650;
    white-space: nowrap;
    cursor: pointer;
    transition: border-color 140ms ease, background-color 140ms ease, color 140ms ease, box-shadow 140ms ease;
}

.profile-tab:hover:not(.profile-tab--active)[b-5dxq9hpwm7] {
    background: var(--cg-surface-subtle);
    color: var(--cg-accent);
}

.profile-tab:focus-visible[b-5dxq9hpwm7] {
    outline: 2px solid #2563eb;
    outline-offset: 2px;
}

.profile-tab--active[b-5dxq9hpwm7] {
    border-color: #cbd9fb;
    background: var(--cg-accent-soft);
    color: var(--cg-accent);
}

.profile-tab-count[b-5dxq9hpwm7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-inline-size: 1.4rem;
    padding-inline: .32rem;
    border-radius: 999px;
    background: var(--cg-surface-subtle);
    color: var(--cg-text-secondary);
    font-size: .68rem;
    font-weight: 750;
    font-variant-numeric: tabular-nums;
}

.profile-tab--active .profile-tab-count[b-5dxq9hpwm7] {
    background: var(--cg-surface);
    color: var(--cg-accent);
}

/* Status colour + icon preview in the entries grid. */
.status-swatch-cell[b-5dxq9hpwm7] {
    display: flex;
    align-items: center;
    gap: .5rem;
    min-inline-size: 0;
}

.status-swatch[b-5dxq9hpwm7] {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    inline-size: 1.65rem;
    block-size: 1.65rem;
    border: 1px solid var(--cg-border);
    border-radius: 8px;
    background: var(--cg-surface-subtle);
    color: var(--cg-text-secondary);
    font-size: .8rem;
}

.status-swatch--empty[b-5dxq9hpwm7] {
    color: var(--cg-text-secondary);
}

.swatch-value[b-5dxq9hpwm7] {
    color: var(--cg-text-secondary);
    font-family: ui-monospace, "Cascadia Mono", Consolas, monospace;
    font-size: .7rem;
}

/* Transition direction cell. */
.transition-cell[b-5dxq9hpwm7] {
    display: flex;
    align-items: center;
    gap: .4rem;
    min-inline-size: 0;
    color: var(--cg-text);
    font-size: .82rem;
}

.transition-cell i[b-5dxq9hpwm7] {
    color: var(--cg-accent);
    font-size: .75rem;
}

.transition-code[b-5dxq9hpwm7] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Requirement badges on a transition. */
.flag-chips[b-5dxq9hpwm7] {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem;
}

.flag-chip[b-5dxq9hpwm7] {
    padding: .1rem .4rem;
    border-radius: 5px;
    background: var(--cg-accent-soft);
    color: #4338ca;
    font-size: .66rem;
    font-weight: 700;
    white-space: nowrap;
}

.flag-chip--locked[b-5dxq9hpwm7] {
    background: var(--cg-surface-subtle);
    color: var(--cg-text-secondary);
}

.flag-chip--none[b-5dxq9hpwm7] {
    background: transparent;
    color: var(--cg-text-secondary);
    font-style: italic;
    font-weight: 600;
}

.numeric-cell[b-5dxq9hpwm7] {
    display: block;
    color: var(--cg-text);
    font-size: .82rem;
    font-variant-numeric: tabular-nums;
    text-align: end;
}

.numeric-cell--muted[b-5dxq9hpwm7] {
    color: var(--cg-text-secondary);
}

@media (max-width: 767.98px) {
    .profile-tab[b-5dxq9hpwm7] {
        flex: 1 1 100%;
        justify-content: flex-start;
    }
}

@media (prefers-reduced-motion: reduce) {
    .profile-tab[b-5dxq9hpwm7] {
        transition: none;
    }
}
/* _content/CashGear.App/Components/Pages/Admin/StatusProfilesPage.razor.rz.scp.css */
.menu-admin-page[b-9r2wxo2keu] {
    width: min(1440px, 100%);
    margin-inline: auto;
    color: var(--cg-text);
    font-family: "Segoe UI", Tahoma, system-ui, sans-serif;
}

.menu-admin-header[b-9r2wxo2keu] {
    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, var(--cg-accent-soft) 0%, var(--cg-surface)fff 72%);
}

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

.menu-admin-eyebrow[b-9r2wxo2keu],
.assignment-kicker[b-9r2wxo2keu] {
    color: var(--cg-accent);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .065em;
    text-transform: uppercase;
}

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

.menu-admin-title p[b-9r2wxo2keu],
.menu-toolbar-copy span[b-9r2wxo2keu],
.assignment-section-heading p[b-9r2wxo2keu],
.assignment-node-summary p[b-9r2wxo2keu],
.remove-confirmation p[b-9r2wxo2keu] {
    margin: 0;
    color: var(--cg-text-secondary);
}

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

.menu-stat[b-9r2wxo2keu] {
    min-inline-size: 6.5rem;
    padding: .65rem .85rem;
    border: 1px solid var(--cg-border);
    border-inline-start: 3px solid var(--cg-border);
    border-radius: 10px;
    background: color-mix(in srgb, var(--cg-surface) 86%, transparent);
}

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

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

.menu-stat span[b-9r2wxo2keu] {
    color: var(--cg-text-secondary);
    font-size: .7rem;
    font-weight: 650;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.menu-stat strong[b-9r2wxo2keu] {
    margin-block-start: .15rem;
    color: var(--cg-text);
    font-size: 1.2rem;
    font-variant-numeric: tabular-nums;
}

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

.menu-toolbar[b-9r2wxo2keu] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.15rem;
    border-block-end: 1px solid var(--cg-border);
}

.menu-toolbar-copy h2[b-9r2wxo2keu],
.assignment-section-heading h4[b-9r2wxo2keu],
.assignment-node-summary h3[b-9r2wxo2keu],
.remove-confirmation h3[b-9r2wxo2keu] {
    margin: 0;
    color: var(--cg-text);
}

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

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

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

.menu-button[b-9r2wxo2keu],
.icon-button[b-9r2wxo2keu] {
    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-9r2wxo2keu] {
    min-block-size: 2.35rem;
    gap: .45rem;
    padding: .48rem .8rem;
    border-radius: 8px;
    font-size: .84rem;
}

.menu-button--primary[b-9r2wxo2keu] {
    border-color: var(--cg-accent);
    background: var(--cg-accent);
    color: #ffffff;
}

.menu-button--primary:hover:not(:disabled)[b-9r2wxo2keu] {
    border-color: var(--cg-accent);
    background: var(--cg-accent);
}

.menu-button--secondary[b-9r2wxo2keu] {
    border-color: var(--cg-border);
    background: var(--cg-surface);
    color: var(--cg-text);
}

.menu-button--secondary:hover:not(:disabled)[b-9r2wxo2keu] {
    border-color: var(--cg-border);
    background: var(--cg-surface-subtle);
    color: var(--cg-accent);
}

.menu-button--danger[b-9r2wxo2keu] {
    border-color: var(--cg-danger-text);
    background: #dc2626;
    color: #ffffff;
}

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

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

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

.menu-state[b-9r2wxo2keu] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .65rem;
    min-block-size: 16rem;
    padding: 2rem;
    color: var(--cg-text-secondary);
}

.menu-state--error[b-9r2wxo2keu] {
    color: var(--cg-danger-text);
}

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

.menu-admin-page[b-9r2wxo2keu]  .menu-grid .dxbl-grid-header-row > td {
    background: var(--cg-surface-subtle);
    color: var(--cg-text-secondary);
    font-size: .76rem;
    font-weight: 700;
    letter-spacing: .02em;
}

.menu-admin-page[b-9r2wxo2keu]  .menu-grid .menu-grid-alt-row > td {
    background: var(--cg-surface-subtle);
}

.menu-admin-page[b-9r2wxo2keu]  .menu-grid .dxbl-grid-table > tbody > tr:hover > td {
    background: var(--cg-surface-subtle);
}

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

.menu-item-icon[b-9r2wxo2keu] {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    inline-size: 2rem;
    block-size: 2rem;
    border-radius: 8px;
    background: var(--cg-accent-soft);
    color: var(--cg-accent);
}

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

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

.menu-item-copy strong[b-9r2wxo2keu] {
    overflow: hidden;
    color: var(--cg-text);
    font-size: .86rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.menu-item-copy small[b-9r2wxo2keu],
.assigned-user-copy small[b-9r2wxo2keu],
.user-option small[b-9r2wxo2keu],
.menu-edit-intro span[b-9r2wxo2keu] {
    color: var(--cg-text-secondary);
    font-size: .74rem;
}

.menu-url[b-9r2wxo2keu] {
    display: block;
    overflow: hidden;
    color: var(--cg-text-secondary);
    font-size: .8rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

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

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

.status-pill--active[b-9r2wxo2keu],
.user-status--active[b-9r2wxo2keu] {
    background: var(--cg-success-soft);
    color: var(--cg-success-text);
}

.status-pill--inactive[b-9r2wxo2keu],
.user-status--inactive[b-9r2wxo2keu] {
    background: var(--cg-surface-subtle);
    color: var(--cg-text-secondary);
}

.assignment-count[b-9r2wxo2keu] {
    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: var(--cg-accent-soft);
    color: var(--cg-accent);
    font-size: .76rem;
    font-weight: 750;
    font-variant-numeric: tabular-nums;
}

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

.icon-button[b-9r2wxo2keu] {
    inline-size: 2rem;
    block-size: 2rem;
    padding: 0;
    border-color: var(--cg-border);
    border-radius: 8px;
    background: var(--cg-surface);
    color: var(--cg-text-secondary);
}

.icon-button:hover:not(:disabled)[b-9r2wxo2keu] {
    border-color: var(--cg-border);
    background: var(--cg-surface-subtle);
    color: var(--cg-accent);
}

.icon-button--primary[b-9r2wxo2keu] {
    border-color: #cbd9fb;
    background: var(--cg-accent-soft);
    color: var(--cg-accent);
}

.icon-button--danger[b-9r2wxo2keu] {
    color: var(--cg-danger-text);
}

.icon-button--danger:hover:not(:disabled)[b-9r2wxo2keu] {
    border-color: #fecaca;
    background: var(--cg-danger-soft);
    color: #b91c1c;
}

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

.menu-edit-intro[b-9r2wxo2keu] {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin-block-end: 1rem;
    padding: .8rem;
    border: 1px solid var(--cg-border);
    border-radius: 10px;
    background: var(--cg-surface-subtle);
}

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

.menu-edit-intro strong[b-9r2wxo2keu] {
    color: var(--cg-text);
}

.assignment-dialog[b-9r2wxo2keu] {
    display: grid;
    gap: 1rem;
    color: var(--cg-text);
    font-family: "Segoe UI", Tahoma, system-ui, sans-serif;
}

.assignment-node-summary[b-9r2wxo2keu] {
    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, var(--cg-accent-soft), var(--cg-surface)fff);
}

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

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

.assignment-total[b-9r2wxo2keu] {
    padding: .34rem .65rem;
    background: var(--cg-surface);
    color: var(--cg-accent);
    box-shadow: 0 0 0 1px #cbd9fb;
}

.assignment-section[b-9r2wxo2keu] {
    padding: 1rem;
    border: 1px solid var(--cg-border);
    border-radius: 12px;
    background: var(--cg-surface);
}

.assignment-section--add[b-9r2wxo2keu] {
    background: var(--cg-surface-subtle);
}

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

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

.assignment-empty[b-9r2wxo2keu] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    min-block-size: 5rem;
    border: 1px dashed var(--cg-border);
    border-radius: 10px;
    color: var(--cg-text-secondary);
    font-size: .82rem;
}

.assignment-empty i[b-9r2wxo2keu] {
    color: var(--cg-accent);
    font-size: 1.1rem;
}

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

.assigned-user-row[b-9r2wxo2keu] {
    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: var(--cg-surface);
}

.user-avatar[b-9r2wxo2keu] {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    inline-size: 2rem;
    block-size: 2rem;
    border-radius: 50%;
    background: var(--cg-accent-soft);
    color: var(--cg-accent);
    font-size: .7rem;
    font-weight: 750;
}

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

.assigned-user-copy strong[b-9r2wxo2keu] {
    overflow: hidden;
    color: var(--cg-text);
    font-size: .82rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

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

.assignment-field-label[b-9r2wxo2keu] {
    display: block;
    margin-block-end: .35rem;
    color: var(--cg-text);
    font-size: .78rem;
    font-weight: 650;
}

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

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

.user-option[b-9r2wxo2keu] {
    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-9r2wxo2keu] {
    display: grid;
    min-inline-size: 0;
}

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

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

.user-option .is-active[b-9r2wxo2keu] {
    color: var(--cg-success-text);
}

.user-option .is-inactive[b-9r2wxo2keu] {
    color: var(--cg-text-secondary);
}

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

.pending-user-chip[b-9r2wxo2keu] {
    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: var(--cg-accent-soft);
    color: var(--cg-accent);
    font-size: .76rem;
    font-weight: 650;
}

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

.pending-user-chip button[b-9r2wxo2keu] {
    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-9r2wxo2keu] {
    background: rgb(37 99 235 / 12%);
}

.assignment-actions[b-9r2wxo2keu] {
    justify-content: flex-end;
    margin-block-start: 1rem;
    padding-block-start: .85rem;
    border-block-start: 1px solid var(--cg-border);
}

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

.remove-warning-icon[b-9r2wxo2keu] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    inline-size: 2.5rem;
    block-size: 2.5rem;
    border-radius: 50%;
    background: var(--cg-danger-soft);
    color: var(--cg-danger-text);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .assignment-actions .menu-button[b-9r2wxo2keu] {
        inline-size: 100%;
    }
}

/* ---------------------------------------------------------------------------
   Status-profiles list specific styling. Everything above is shared with
   SystemTreeNodePage.razor.css; the rules below only exist on this page.
   --------------------------------------------------------------------------- */

.profile-key[b-9r2wxo2keu] {
    color: var(--cg-text-secondary);
    font-family: ui-monospace, "Cascadia Mono", Consolas, monospace;
    font-size: .72rem;
}

.doc-pill[b-9r2wxo2keu] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .22rem .5rem;
    border-radius: 999px;
    background: var(--cg-accent-soft);
    color: #4338ca;
    font-size: .7rem;
    font-weight: 700;
    white-space: nowrap;
}

.doc-pill--none[b-9r2wxo2keu] {
    background: transparent;
    color: var(--cg-text-secondary);
    font-style: italic;
    font-weight: 600;
}

/* Add / edit dialog. */
.dialog-body[b-9r2wxo2keu] {
    display: grid;
    gap: 1rem;
    color: var(--cg-text);
    font-family: "Segoe UI", Tahoma, system-ui, sans-serif;
}

.dialog-grid[b-9r2wxo2keu] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
    gap: .9rem 1.1rem;
}

.dialog-field[b-9r2wxo2keu] {
    display: grid;
    gap: .3rem;
    min-inline-size: 0;
}

.dialog-field--wide[b-9r2wxo2keu] {
    grid-column: 1 / -1;
}

.dialog-field > label[b-9r2wxo2keu] {
    color: var(--cg-text);
    font-size: .78rem;
    font-weight: 650;
}

.dialog-field-hint[b-9r2wxo2keu] {
    color: var(--cg-text-secondary);
    font-size: .72rem;
    line-height: 1.45;
}

.dialog-field[b-9r2wxo2keu]  .cg-combobox {
    inline-size: 100%;
}

.dialog-field[b-9r2wxo2keu]  .cg-combobox__control {
    border-radius: 9px;
}

.dialog-body .assignment-actions[b-9r2wxo2keu] {
    margin-block-start: 0;
}

.dialog-warning[b-9r2wxo2keu] {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
    padding: .6rem .7rem;
    border: 1px solid #fde68a;
    border-radius: 9px;
    background: var(--cg-warning-soft);
    color: var(--cg-warning-text);
    font-size: .78rem;
    line-height: 1.45;
}

.dialog-warning i[b-9r2wxo2keu] {
    margin-block-start: .1rem;
}

@media (max-width: 480px) {
    .dialog-grid[b-9r2wxo2keu] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* _content/CashGear.App/Components/Pages/Admin/SystemPrivlagePage.razor.rz.scp.css */
.menu-admin-page[b-rrstm4ltct] {
    width: min(1440px, 100%);
    margin-inline: auto;
    color: var(--cg-text);
    font-family: "Segoe UI", Tahoma, system-ui, sans-serif;
}

.menu-admin-header[b-rrstm4ltct] {
    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, var(--cg-accent-soft) 0%, var(--cg-surface)fff 72%);
}

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

.menu-admin-eyebrow[b-rrstm4ltct],
.assignment-kicker[b-rrstm4ltct] {
    color: var(--cg-accent);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .065em;
    text-transform: uppercase;
}

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

.menu-admin-title p[b-rrstm4ltct],
.menu-toolbar-copy span[b-rrstm4ltct],
.assignment-section-heading p[b-rrstm4ltct],
.assignment-node-summary p[b-rrstm4ltct],
.remove-confirmation p[b-rrstm4ltct] {
    margin: 0;
    color: var(--cg-text-secondary);
}

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

.menu-stat[b-rrstm4ltct] {
    min-inline-size: 6.5rem;
    padding: .65rem .85rem;
    border: 1px solid var(--cg-border);
    border-inline-start: 3px solid var(--cg-border);
    border-radius: 10px;
    background: color-mix(in srgb, var(--cg-surface) 86%, transparent);
}

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

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

.menu-stat span[b-rrstm4ltct] {
    color: var(--cg-text-secondary);
    font-size: .7rem;
    font-weight: 650;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.menu-stat strong[b-rrstm4ltct] {
    margin-block-start: .15rem;
    color: var(--cg-text);
    font-size: 1.2rem;
    font-variant-numeric: tabular-nums;
}

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

.menu-toolbar[b-rrstm4ltct] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.15rem;
    border-block-end: 1px solid var(--cg-border);
}

.menu-toolbar-copy h2[b-rrstm4ltct],
.assignment-section-heading h4[b-rrstm4ltct],
.assignment-node-summary h3[b-rrstm4ltct],
.remove-confirmation h3[b-rrstm4ltct] {
    margin: 0;
    color: var(--cg-text);
}

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

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

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

.menu-button[b-rrstm4ltct],
.icon-button[b-rrstm4ltct] {
    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-rrstm4ltct] {
    min-block-size: 2.35rem;
    gap: .45rem;
    padding: .48rem .8rem;
    border-radius: 8px;
    font-size: .84rem;
}

.menu-button--primary[b-rrstm4ltct] {
    border-color: var(--cg-accent);
    background: var(--cg-accent);
    color: #ffffff;
}

.menu-button--primary:hover:not(:disabled)[b-rrstm4ltct] {
    border-color: var(--cg-accent);
    background: var(--cg-accent);
}

.menu-button--secondary[b-rrstm4ltct] {
    border-color: var(--cg-border);
    background: var(--cg-surface);
    color: var(--cg-text);
}

.menu-button--secondary:hover:not(:disabled)[b-rrstm4ltct] {
    border-color: var(--cg-border);
    background: var(--cg-surface-subtle);
    color: var(--cg-accent);
}

.menu-button--danger[b-rrstm4ltct] {
    border-color: var(--cg-danger-text);
    background: #dc2626;
    color: #ffffff;
}

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

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

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

.menu-state[b-rrstm4ltct] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .65rem;
    min-block-size: 16rem;
    padding: 2rem;
    color: var(--cg-text-secondary);
}

.menu-state--error[b-rrstm4ltct] {
    color: var(--cg-danger-text);
}

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

.menu-admin-page[b-rrstm4ltct]  .menu-grid .dxbl-grid-header-row > td {
    background: var(--cg-surface-subtle);
    color: var(--cg-text-secondary);
    font-size: .76rem;
    font-weight: 700;
    letter-spacing: .02em;
}

.menu-admin-page[b-rrstm4ltct]  .menu-grid .menu-grid-alt-row > td {
    background: var(--cg-surface-subtle);
}

.menu-admin-page[b-rrstm4ltct]  .menu-grid .dxbl-grid-table > tbody > tr:hover > td {
    background: var(--cg-surface-subtle);
}

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

.menu-item-icon[b-rrstm4ltct] {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    inline-size: 2rem;
    block-size: 2rem;
    border-radius: 8px;
    background: var(--cg-accent-soft);
    color: var(--cg-accent);
}

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

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

.menu-item-copy strong[b-rrstm4ltct] {
    overflow: hidden;
    color: var(--cg-text);
    font-size: .86rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.menu-item-copy small[b-rrstm4ltct],
.assigned-user-copy small[b-rrstm4ltct],
.user-option small[b-rrstm4ltct],
.menu-edit-intro span[b-rrstm4ltct] {
    color: var(--cg-text-secondary);
    font-size: .74rem;
}

.menu-url[b-rrstm4ltct] {
    display: block;
    overflow: hidden;
    color: var(--cg-text-secondary);
    font-size: .8rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

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

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

.status-pill--active[b-rrstm4ltct],
.user-status--active[b-rrstm4ltct] {
    background: var(--cg-success-soft);
    color: var(--cg-success-text);
}

.status-pill--inactive[b-rrstm4ltct],
.user-status--inactive[b-rrstm4ltct] {
    background: var(--cg-surface-subtle);
    color: var(--cg-text-secondary);
}

.assignment-count[b-rrstm4ltct] {
    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: var(--cg-accent-soft);
    color: var(--cg-accent);
    font-size: .76rem;
    font-weight: 750;
    font-variant-numeric: tabular-nums;
}

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

.icon-button[b-rrstm4ltct] {
    inline-size: 2rem;
    block-size: 2rem;
    padding: 0;
    border-color: var(--cg-border);
    border-radius: 8px;
    background: var(--cg-surface);
    color: var(--cg-text-secondary);
}

.icon-button:hover:not(:disabled)[b-rrstm4ltct] {
    border-color: var(--cg-border);
    background: var(--cg-surface-subtle);
    color: var(--cg-accent);
}

.icon-button--primary[b-rrstm4ltct] {
    border-color: #cbd9fb;
    background: var(--cg-accent-soft);
    color: var(--cg-accent);
}

.icon-button--danger[b-rrstm4ltct] {
    color: var(--cg-danger-text);
}

.icon-button--danger:hover:not(:disabled)[b-rrstm4ltct] {
    border-color: #fecaca;
    background: var(--cg-danger-soft);
    color: #b91c1c;
}

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

.menu-edit-intro[b-rrstm4ltct] {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin-block-end: 1rem;
    padding: .8rem;
    border: 1px solid var(--cg-border);
    border-radius: 10px;
    background: var(--cg-surface-subtle);
}

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

.menu-edit-intro strong[b-rrstm4ltct] {
    color: var(--cg-text);
}

.assignment-dialog[b-rrstm4ltct] {
    display: grid;
    gap: 1rem;
    color: var(--cg-text);
    font-family: "Segoe UI", Tahoma, system-ui, sans-serif;
}

.assignment-node-summary[b-rrstm4ltct] {
    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, var(--cg-accent-soft), var(--cg-surface)fff);
}

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

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

.assignment-total[b-rrstm4ltct] {
    padding: .34rem .65rem;
    background: var(--cg-surface);
    color: var(--cg-accent);
    box-shadow: 0 0 0 1px #cbd9fb;
}

.assignment-section[b-rrstm4ltct] {
    padding: 1rem;
    border: 1px solid var(--cg-border);
    border-radius: 12px;
    background: var(--cg-surface);
}

.assignment-section--add[b-rrstm4ltct] {
    background: var(--cg-surface-subtle);
}

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

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

.assignment-empty[b-rrstm4ltct] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    min-block-size: 5rem;
    border: 1px dashed var(--cg-border);
    border-radius: 10px;
    color: var(--cg-text-secondary);
    font-size: .82rem;
}

.assignment-empty i[b-rrstm4ltct] {
    color: var(--cg-accent);
    font-size: 1.1rem;
}

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

.assigned-user-row[b-rrstm4ltct] {
    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: var(--cg-surface);
}

.user-avatar[b-rrstm4ltct] {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    inline-size: 2rem;
    block-size: 2rem;
    border-radius: 50%;
    background: var(--cg-accent-soft);
    color: var(--cg-accent);
    font-size: .7rem;
    font-weight: 750;
}

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

.assigned-user-copy strong[b-rrstm4ltct] {
    overflow: hidden;
    color: var(--cg-text);
    font-size: .82rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

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

.assignment-field-label[b-rrstm4ltct] {
    display: block;
    margin-block-end: .35rem;
    color: var(--cg-text);
    font-size: .78rem;
    font-weight: 650;
}

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

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

.user-option[b-rrstm4ltct] {
    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-rrstm4ltct] {
    display: grid;
    min-inline-size: 0;
}

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

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

.user-option .is-active[b-rrstm4ltct] {
    color: var(--cg-success-text);
}

.user-option .is-inactive[b-rrstm4ltct] {
    color: var(--cg-text-secondary);
}

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

.pending-user-chip[b-rrstm4ltct] {
    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: var(--cg-accent-soft);
    color: var(--cg-accent);
    font-size: .76rem;
    font-weight: 650;
}

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

.pending-user-chip button[b-rrstm4ltct] {
    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-rrstm4ltct] {
    background: rgb(37 99 235 / 12%);
}

.assignment-actions[b-rrstm4ltct] {
    justify-content: flex-end;
    margin-block-start: 1rem;
    padding-block-start: .85rem;
    border-block-start: 1px solid var(--cg-border);
}

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

.remove-warning-icon[b-rrstm4ltct] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    inline-size: 2.5rem;
    block-size: 2.5rem;
    border-radius: 50%;
    background: var(--cg-danger-soft);
    color: var(--cg-danger-text);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .assignment-actions .menu-button[b-rrstm4ltct] {
        inline-size: 100%;
    }
}

/* ---------------------------------------------------------------------------
   Access-rights specific styling. Everything above is shared with
   SystemTreeNodePage.razor.css; the rules below only exist on this page.
   --------------------------------------------------------------------------- */

/* Assigned rows carry an extra "edit access" action next to the remove button. */
.assigned-user-row[b-rrstm4ltct] {
    grid-template-columns: auto minmax(0, 1fr) auto auto auto;
}

.assigned-user-list[b-rrstm4ltct] {
    max-block-size: 18rem;
}

.flag-chips[b-rrstm4ltct] {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem;
    margin-block-start: .3rem;
}

.flag-chip[b-rrstm4ltct] {
    padding: .1rem .38rem;
    border-radius: 5px;
    background: var(--cg-accent-soft);
    color: #4338ca;
    font-size: .66rem;
    font-weight: 700;
    letter-spacing: .01em;
    white-space: nowrap;
}

.flag-chip--none[b-rrstm4ltct] {
    background: var(--cg-surface-subtle);
    color: var(--cg-text-secondary);
}

.flag-panel[b-rrstm4ltct] {
    margin-block-start: .9rem;
    padding: .8rem;
    border: 1px solid var(--cg-border);
    border-radius: 10px;
    background: var(--cg-surface);
}

.flag-panel-heading[b-rrstm4ltct] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .6rem;
    margin-block-end: .7rem;
}

.flag-panel-heading strong[b-rrstm4ltct] {
    color: var(--cg-text);
    font-size: .84rem;
}

.flag-grid-actions[b-rrstm4ltct] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
}

.flag-quick-button[b-rrstm4ltct] {
    padding: .24rem .55rem;
    border: 1px solid var(--cg-border);
    border-radius: 999px;
    background: var(--cg-surface);
    color: var(--cg-text-secondary);
    font: inherit;
    font-size: .72rem;
    font-weight: 650;
    cursor: pointer;
    transition: border-color 140ms ease, background-color 140ms ease, color 140ms ease;
}

.flag-quick-button:hover:not(:disabled)[b-rrstm4ltct] {
    border-color: var(--cg-border);
    background: var(--cg-surface-subtle);
    color: var(--cg-accent);
}

.flag-quick-button:focus-visible[b-rrstm4ltct] {
    outline: 2px solid #2563eb;
    outline-offset: 2px;
}

.flag-quick-button:disabled[b-rrstm4ltct] {
    cursor: not-allowed;
    opacity: .58;
}

.flag-grid[b-rrstm4ltct] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(8.5rem, 1fr));
    gap: .45rem .75rem;
}

.flag-grid label[b-rrstm4ltct] {
    display: flex;
    align-items: center;
    gap: .4rem;
    color: var(--cg-text);
    font-size: .78rem;
    font-weight: 600;
}

.flag-edit-banner[b-rrstm4ltct] {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-block-end: .7rem;
    padding: .5rem .65rem;
    border: 1px solid #fde68a;
    border-radius: 8px;
    background: var(--cg-warning-soft);
    color: var(--cg-warning-text);
    font-size: .78rem;
}

.flag-edit-banner button[b-rrstm4ltct] {
    margin-inline-start: auto;
}

@media (max-width: 767.98px) {
    .assigned-user-row[b-rrstm4ltct] {
        grid-template-columns: auto minmax(0, 1fr) auto auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .flag-quick-button[b-rrstm4ltct] {
        transition: none;
    }
}
/* _content/CashGear.App/Components/Pages/Admin/SystemProfileSettingsPage.razor.rz.scp.css */
.menu-admin-page[b-0540rqt33v] {
    width: min(1440px, 100%);
    margin-inline: auto;
    color: var(--cg-text);
    font-family: "Segoe UI", Tahoma, system-ui, sans-serif;
}

.menu-admin-header[b-0540rqt33v] {
    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, var(--cg-accent-soft) 0%, var(--cg-surface)fff 72%);
}

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

.menu-admin-eyebrow[b-0540rqt33v],
.assignment-kicker[b-0540rqt33v] {
    color: var(--cg-accent);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .065em;
    text-transform: uppercase;
}

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

.menu-admin-title p[b-0540rqt33v],
.menu-toolbar-copy span[b-0540rqt33v],
.assignment-section-heading p[b-0540rqt33v],
.assignment-node-summary p[b-0540rqt33v],
.remove-confirmation p[b-0540rqt33v] {
    margin: 0;
    color: var(--cg-text-secondary);
}

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

.menu-stat[b-0540rqt33v] {
    min-inline-size: 6.5rem;
    padding: .65rem .85rem;
    border: 1px solid var(--cg-border);
    border-inline-start: 3px solid var(--cg-border);
    border-radius: 10px;
    background: color-mix(in srgb, var(--cg-surface) 86%, transparent);
}

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

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

.menu-stat span[b-0540rqt33v] {
    color: var(--cg-text-secondary);
    font-size: .7rem;
    font-weight: 650;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.menu-stat strong[b-0540rqt33v] {
    margin-block-start: .15rem;
    color: var(--cg-text);
    font-size: 1.2rem;
    font-variant-numeric: tabular-nums;
}

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

.menu-toolbar[b-0540rqt33v] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.15rem;
    border-block-end: 1px solid var(--cg-border);
}

.menu-toolbar-copy h2[b-0540rqt33v],
.assignment-section-heading h4[b-0540rqt33v],
.assignment-node-summary h3[b-0540rqt33v],
.remove-confirmation h3[b-0540rqt33v] {
    margin: 0;
    color: var(--cg-text);
}

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

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

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

.menu-button[b-0540rqt33v],
.icon-button[b-0540rqt33v] {
    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-0540rqt33v] {
    min-block-size: 2.35rem;
    gap: .45rem;
    padding: .48rem .8rem;
    border-radius: 8px;
    font-size: .84rem;
}

.menu-button--primary[b-0540rqt33v] {
    border-color: var(--cg-accent);
    background: var(--cg-accent);
    color: #ffffff;
}

.menu-button--primary:hover:not(:disabled)[b-0540rqt33v] {
    border-color: var(--cg-accent);
    background: var(--cg-accent);
}

.menu-button--secondary[b-0540rqt33v] {
    border-color: var(--cg-border);
    background: var(--cg-surface);
    color: var(--cg-text);
}

.menu-button--secondary:hover:not(:disabled)[b-0540rqt33v] {
    border-color: var(--cg-border);
    background: var(--cg-surface-subtle);
    color: var(--cg-accent);
}

.menu-button--danger[b-0540rqt33v] {
    border-color: var(--cg-danger-text);
    background: #dc2626;
    color: #ffffff;
}

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

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

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

.menu-state[b-0540rqt33v] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .65rem;
    min-block-size: 16rem;
    padding: 2rem;
    color: var(--cg-text-secondary);
}

.menu-state--error[b-0540rqt33v] {
    color: var(--cg-danger-text);
}

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

.menu-admin-page[b-0540rqt33v]  .menu-grid .dxbl-grid-header-row > td {
    background: var(--cg-surface-subtle);
    color: var(--cg-text-secondary);
    font-size: .76rem;
    font-weight: 700;
    letter-spacing: .02em;
}

.menu-admin-page[b-0540rqt33v]  .menu-grid .menu-grid-alt-row > td {
    background: var(--cg-surface-subtle);
}

.menu-admin-page[b-0540rqt33v]  .menu-grid .dxbl-grid-table > tbody > tr:hover > td {
    background: var(--cg-surface-subtle);
}

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

.menu-item-icon[b-0540rqt33v] {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    inline-size: 2rem;
    block-size: 2rem;
    border-radius: 8px;
    background: var(--cg-accent-soft);
    color: var(--cg-accent);
}

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

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

.menu-item-copy strong[b-0540rqt33v] {
    overflow: hidden;
    color: var(--cg-text);
    font-size: .86rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.menu-item-copy small[b-0540rqt33v],
.assigned-user-copy small[b-0540rqt33v],
.user-option small[b-0540rqt33v],
.menu-edit-intro span[b-0540rqt33v] {
    color: var(--cg-text-secondary);
    font-size: .74rem;
}

.menu-url[b-0540rqt33v] {
    display: block;
    overflow: hidden;
    color: var(--cg-text-secondary);
    font-size: .8rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

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

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

.status-pill--active[b-0540rqt33v],
.user-status--active[b-0540rqt33v] {
    background: var(--cg-success-soft);
    color: var(--cg-success-text);
}

.status-pill--inactive[b-0540rqt33v],
.user-status--inactive[b-0540rqt33v] {
    background: var(--cg-surface-subtle);
    color: var(--cg-text-secondary);
}

.assignment-count[b-0540rqt33v] {
    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: var(--cg-accent-soft);
    color: var(--cg-accent);
    font-size: .76rem;
    font-weight: 750;
    font-variant-numeric: tabular-nums;
}

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

.icon-button[b-0540rqt33v] {
    inline-size: 2rem;
    block-size: 2rem;
    padding: 0;
    border-color: var(--cg-border);
    border-radius: 8px;
    background: var(--cg-surface);
    color: var(--cg-text-secondary);
}

.icon-button:hover:not(:disabled)[b-0540rqt33v] {
    border-color: var(--cg-border);
    background: var(--cg-surface-subtle);
    color: var(--cg-accent);
}

.icon-button--primary[b-0540rqt33v] {
    border-color: #cbd9fb;
    background: var(--cg-accent-soft);
    color: var(--cg-accent);
}

.icon-button--danger[b-0540rqt33v] {
    color: var(--cg-danger-text);
}

.icon-button--danger:hover:not(:disabled)[b-0540rqt33v] {
    border-color: #fecaca;
    background: var(--cg-danger-soft);
    color: #b91c1c;
}

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

.menu-edit-intro[b-0540rqt33v] {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin-block-end: 1rem;
    padding: .8rem;
    border: 1px solid var(--cg-border);
    border-radius: 10px;
    background: var(--cg-surface-subtle);
}

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

.menu-edit-intro strong[b-0540rqt33v] {
    color: var(--cg-text);
}

.assignment-dialog[b-0540rqt33v] {
    display: grid;
    gap: 1rem;
    color: var(--cg-text);
    font-family: "Segoe UI", Tahoma, system-ui, sans-serif;
}

.assignment-node-summary[b-0540rqt33v] {
    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, var(--cg-accent-soft), var(--cg-surface)fff);
}

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

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

.assignment-total[b-0540rqt33v] {
    padding: .34rem .65rem;
    background: var(--cg-surface);
    color: var(--cg-accent);
    box-shadow: 0 0 0 1px #cbd9fb;
}

.assignment-section[b-0540rqt33v] {
    padding: 1rem;
    border: 1px solid var(--cg-border);
    border-radius: 12px;
    background: var(--cg-surface);
}

.assignment-section--add[b-0540rqt33v] {
    background: var(--cg-surface-subtle);
}

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

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

.assignment-empty[b-0540rqt33v] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    min-block-size: 5rem;
    border: 1px dashed var(--cg-border);
    border-radius: 10px;
    color: var(--cg-text-secondary);
    font-size: .82rem;
}

.assignment-empty i[b-0540rqt33v] {
    color: var(--cg-accent);
    font-size: 1.1rem;
}

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

.assigned-user-row[b-0540rqt33v] {
    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: var(--cg-surface);
}

.user-avatar[b-0540rqt33v] {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    inline-size: 2rem;
    block-size: 2rem;
    border-radius: 50%;
    background: var(--cg-accent-soft);
    color: var(--cg-accent);
    font-size: .7rem;
    font-weight: 750;
}

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

.assigned-user-copy strong[b-0540rqt33v] {
    overflow: hidden;
    color: var(--cg-text);
    font-size: .82rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

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

.assignment-field-label[b-0540rqt33v] {
    display: block;
    margin-block-end: .35rem;
    color: var(--cg-text);
    font-size: .78rem;
    font-weight: 650;
}

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

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

.user-option[b-0540rqt33v] {
    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-0540rqt33v] {
    display: grid;
    min-inline-size: 0;
}

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

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

.user-option .is-active[b-0540rqt33v] {
    color: var(--cg-success-text);
}

.user-option .is-inactive[b-0540rqt33v] {
    color: var(--cg-text-secondary);
}

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

.pending-user-chip[b-0540rqt33v] {
    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: var(--cg-accent-soft);
    color: var(--cg-accent);
    font-size: .76rem;
    font-weight: 650;
}

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

.pending-user-chip button[b-0540rqt33v] {
    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-0540rqt33v] {
    background: rgb(37 99 235 / 12%);
}

.assignment-actions[b-0540rqt33v] {
    justify-content: flex-end;
    margin-block-start: 1rem;
    padding-block-start: .85rem;
    border-block-start: 1px solid var(--cg-border);
}

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

.remove-warning-icon[b-0540rqt33v] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    inline-size: 2.5rem;
    block-size: 2.5rem;
    border-radius: 50%;
    background: var(--cg-danger-soft);
    color: var(--cg-danger-text);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .assignment-actions .menu-button[b-0540rqt33v] {
        inline-size: 100%;
    }
}

/* ---------------------------------------------------------------------------
   Option-definition specific styling. Everything above is shared with
   SystemTreeNodePage.razor.css; the rules below only exist on this page.
   --------------------------------------------------------------------------- */

/* Option identity cell: display name over the profile key. */
.option-cell[b-0540rqt33v] {
    display: grid;
    gap: .1rem;
    min-inline-size: 0;
}

.option-cell strong[b-0540rqt33v] {
    overflow: hidden;
    color: var(--cg-text);
    font-size: .86rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.option-key[b-0540rqt33v] {
    overflow: hidden;
    color: var(--cg-text-secondary);
    font-family: ui-monospace, "Cascadia Mono", Consolas, monospace;
    font-size: .7rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* One colour per TProfileValueType. */
.type-pill[b-0540rqt33v] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .22rem .5rem;
    border-radius: 999px;
    background: var(--cg-surface-subtle);
    color: var(--cg-text-secondary);
    font-size: .7rem;
    font-weight: 700;
    white-space: nowrap;
}

.type-pill--boolean[b-0540rqt33v] {
    background: var(--cg-success-soft);
    color: var(--cg-success-text);
}

.type-pill--text[b-0540rqt33v] {
    background: var(--cg-accent-soft);
    color: var(--cg-accent);
}

.type-pill--number[b-0540rqt33v] {
    background: var(--cg-warning-soft);
    color: var(--cg-warning-text);
}

.type-pill--lookup[b-0540rqt33v] {
    background: var(--cg-accent-soft);
    color: #4338ca;
}

/* AllowUserOverride / IsSystemOwned badges. */
.flag-chips[b-0540rqt33v] {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem;
}

.flag-chip[b-0540rqt33v] {
    padding: .1rem .4rem;
    border-radius: 5px;
    background: var(--cg-accent-soft);
    color: #4338ca;
    font-size: .66rem;
    font-weight: 700;
    white-space: nowrap;
}

.flag-chip--locked[b-0540rqt33v] {
    background: var(--cg-surface-subtle);
    color: var(--cg-text-secondary);
}

.flag-chip--none[b-0540rqt33v] {
    background: transparent;
    color: var(--cg-text-secondary);
    font-style: italic;
    font-weight: 600;
}

/* Grid popup edit form. */
.option-edit-hint[b-0540rqt33v] {
    margin-block-start: .3rem;
    color: var(--cg-text-secondary);
    font-size: .74rem;
    line-height: 1.45;
}

.menu-edit-form[b-0540rqt33v]  .cg-combobox {
    inline-size: 100%;
}

.menu-edit-form[b-0540rqt33v]  .cg-combobox__control {
    border-radius: 8px;
}
/* _content/CashGear.App/Components/Pages/Admin/SystemTreeNodePage.razor.rz.scp.css */
.menu-admin-page[b-kvb6yzm0k8] {
    width: min(1440px, 100%);
    margin-inline: auto;
    color: var(--cg-text);
    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, var(--cg-accent-soft) 0%, var(--cg-surface)fff 72%);
}

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

.menu-admin-eyebrow[b-kvb6yzm0k8],
.assignment-kicker[b-kvb6yzm0k8] {
    color: var(--cg-accent);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .065em;
    text-transform: uppercase;
}

.menu-admin-title h1[b-kvb6yzm0k8] {
    margin: .2rem 0 .35rem;
    color: var(--cg-text);
    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: var(--cg-text-secondary);
}

.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 var(--cg-border);
    border-inline-start: 3px solid var(--cg-border);
    border-radius: 10px;
    background: color-mix(in srgb, var(--cg-surface) 86%, transparent);
}

.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: var(--cg-text-secondary);
    font-size: .7rem;
    font-weight: 650;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.menu-stat strong[b-kvb6yzm0k8] {
    margin-block-start: .15rem;
    color: var(--cg-text);
    font-size: 1.2rem;
    font-variant-numeric: tabular-nums;
}

.menu-surface[b-kvb6yzm0k8] {
    overflow: hidden;
    border: 1px solid var(--cg-border);
    border-radius: 12px;
    background: var(--cg-surface);
    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 var(--cg-border);
}

.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: var(--cg-text);
}

.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: var(--cg-accent);
    background: var(--cg-accent);
    color: #ffffff;
}

.menu-button--primary:hover:not(:disabled)[b-kvb6yzm0k8] {
    border-color: var(--cg-accent);
    background: var(--cg-accent);
}

.menu-button--secondary[b-kvb6yzm0k8] {
    border-color: var(--cg-border);
    background: var(--cg-surface);
    color: var(--cg-text);
}

.menu-button--secondary:hover:not(:disabled)[b-kvb6yzm0k8] {
    border-color: var(--cg-border);
    background: var(--cg-surface-subtle);
    color: var(--cg-accent);
}

.menu-button--danger[b-kvb6yzm0k8] {
    border-color: var(--cg-danger-text);
    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: var(--cg-text-secondary);
}

.menu-state--error[b-kvb6yzm0k8] {
    color: var(--cg-danger-text);
}

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

.menu-admin-page[b-kvb6yzm0k8]  .menu-grid .dxbl-grid-header-row > td {
    background: var(--cg-surface-subtle);
    color: var(--cg-text-secondary);
    font-size: .76rem;
    font-weight: 700;
    letter-spacing: .02em;
}

.menu-admin-page[b-kvb6yzm0k8]  .menu-grid .menu-grid-alt-row > td {
    background: var(--cg-surface-subtle);
}

.menu-admin-page[b-kvb6yzm0k8]  .menu-grid .dxbl-grid-table > tbody > tr:hover > td {
    background: var(--cg-surface-subtle);
}

.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: var(--cg-accent-soft);
    color: var(--cg-accent);
}

.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: var(--cg-text);
    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: var(--cg-text-secondary);
    font-size: .74rem;
}

.menu-url[b-kvb6yzm0k8] {
    display: block;
    overflow: hidden;
    color: var(--cg-text-secondary);
    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: var(--cg-success-soft);
    color: var(--cg-success-text);
}

.status-pill--inactive[b-kvb6yzm0k8],
.user-status--inactive[b-kvb6yzm0k8] {
    background: var(--cg-surface-subtle);
    color: var(--cg-text-secondary);
}

.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: var(--cg-accent-soft);
    color: var(--cg-accent);
    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: var(--cg-border);
    border-radius: 8px;
    background: var(--cg-surface);
    color: var(--cg-text-secondary);
}

.icon-button:hover:not(:disabled)[b-kvb6yzm0k8] {
    border-color: var(--cg-border);
    background: var(--cg-surface-subtle);
    color: var(--cg-accent);
}

.icon-button--primary[b-kvb6yzm0k8] {
    border-color: #cbd9fb;
    background: var(--cg-accent-soft);
    color: var(--cg-accent);
}

.icon-button--danger[b-kvb6yzm0k8] {
    color: var(--cg-danger-text);
}

.icon-button--danger:hover:not(:disabled)[b-kvb6yzm0k8] {
    border-color: #fecaca;
    background: var(--cg-danger-soft);
    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 var(--cg-border);
    border-radius: 10px;
    background: var(--cg-surface-subtle);
}

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

.menu-edit-intro strong[b-kvb6yzm0k8] {
    color: var(--cg-text);
}

.assignment-dialog[b-kvb6yzm0k8] {
    display: grid;
    gap: 1rem;
    color: var(--cg-text);
    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, var(--cg-accent-soft), var(--cg-surface)fff);
}

.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: var(--cg-surface);
    color: var(--cg-accent);
    box-shadow: 0 0 0 1px #cbd9fb;
}

.assignment-section[b-kvb6yzm0k8] {
    padding: 1rem;
    border: 1px solid var(--cg-border);
    border-radius: 12px;
    background: var(--cg-surface);
}

.assignment-section--add[b-kvb6yzm0k8] {
    background: var(--cg-surface-subtle);
}

.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 var(--cg-border);
    border-radius: 10px;
    color: var(--cg-text-secondary);
    font-size: .82rem;
}

.assignment-empty i[b-kvb6yzm0k8] {
    color: var(--cg-accent);
    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: var(--cg-surface);
}

.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: var(--cg-accent-soft);
    color: var(--cg-accent);
    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: var(--cg-text);
    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: var(--cg-text);
    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: var(--cg-success-text);
}

.user-option .is-inactive[b-kvb6yzm0k8] {
    color: var(--cg-text-secondary);
}

.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: var(--cg-accent-soft);
    color: var(--cg-accent);
    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 var(--cg-border);
}

.remove-confirmation[b-kvb6yzm0k8] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .8rem;
    color: var(--cg-text);
    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: var(--cg-danger-soft);
    color: var(--cg-danger-text);
}

.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/Admin/UserPrivlagePage.razor.rz.scp.css */
.access-admin-page[b-tplmy8zlpk]{width:min(1440px,100%);margin-inline:auto;color:#1a1c23;font-family:"Segoe UI",Tahoma,system-ui,sans-serif}.access-admin-header[b-tplmy8zlpk]{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,#fff 72%)}.access-admin-title[b-tplmy8zlpk]{min-inline-size:0}.access-admin-eyebrow[b-tplmy8zlpk]{color:#2563eb;font-size:.72rem;font-weight:700;letter-spacing:.065em;text-transform:uppercase}.access-admin-title h1[b-tplmy8zlpk]{margin:.2rem 0 .35rem;color:#101828;font-size:clamp(1.65rem,4vw,2.15rem);font-weight:750;line-height:1.15}.access-admin-title p[b-tplmy8zlpk],.access-toolbar-copy span[b-tplmy8zlpk],.section-heading p[b-tplmy8zlpk],.selected-summary p[b-tplmy8zlpk],.confirmation p[b-tplmy8zlpk]{margin:0;color:#667085}.access-admin-stats[b-tplmy8zlpk]{display:flex;flex-wrap:wrap;gap:.65rem}.access-stat[b-tplmy8zlpk]{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%)}.access-stat--active[b-tplmy8zlpk]{border-inline-start-color:#16a34a}.access-stat span[b-tplmy8zlpk],.access-stat strong[b-tplmy8zlpk]{display:block}.access-stat span[b-tplmy8zlpk]{color:#667085;font-size:.7rem;font-weight:650;letter-spacing:.04em;text-transform:uppercase}.access-stat strong[b-tplmy8zlpk]{margin-block-start:.15rem;color:#101828;font-size:1.2rem;font-variant-numeric:tabular-nums}.access-surface[b-tplmy8zlpk]{overflow:hidden;border:1px solid #e2e4e9;border-radius:12px;background:#fff;box-shadow:0 2px 8px rgb(15 23 42/5%)}.access-toolbar[b-tplmy8zlpk]{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.15rem;border-block-end:1px solid #e2e4e9}.access-toolbar-copy h2[b-tplmy8zlpk],.section-heading h4[b-tplmy8zlpk],.selected-summary h3[b-tplmy8zlpk],.confirmation h3[b-tplmy8zlpk]{margin:0;color:#101828}.access-toolbar-copy h2[b-tplmy8zlpk]{font-size:1rem;font-weight:700}.access-toolbar-copy span[b-tplmy8zlpk],.section-heading p[b-tplmy8zlpk]{font-size:.82rem}.access-toolbar-actions[b-tplmy8zlpk],.dialog-actions[b-tplmy8zlpk],.quick-actions[b-tplmy8zlpk]{display:flex;align-items:center;gap:.5rem}.access-button[b-tplmy8zlpk],.icon-button[b-tplmy8zlpk],.quick-button[b-tplmy8zlpk]{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;font:inherit;font-weight:650;cursor:pointer;transition:140ms ease}.access-button[b-tplmy8zlpk]{min-block-size:2.35rem;gap:.45rem;padding:.48rem .8rem;border-radius:8px;font-size:.84rem}.access-button--primary[b-tplmy8zlpk]{border-color:#2563eb;background:#2563eb;color:#fff}.access-button--primary:hover:not(:disabled)[b-tplmy8zlpk]{background:#1d4ed8}.access-button--secondary[b-tplmy8zlpk]{border-color:#d7dae0;background:#fff;color:#344054}.access-button--secondary:hover:not(:disabled)[b-tplmy8zlpk],.icon-button:hover:not(:disabled)[b-tplmy8zlpk]{border-color:#a8b9df;background:#f7f9fe;color:#1d4ed8}.access-button--danger[b-tplmy8zlpk]{border-color:#dc2626;background:#dc2626;color:#fff}.access-button--danger:hover:not(:disabled)[b-tplmy8zlpk]{background:#b91c1c}.access-button:focus-visible[b-tplmy8zlpk],.icon-button:focus-visible[b-tplmy8zlpk],.quick-button:focus-visible[b-tplmy8zlpk],.pending-chip button:focus-visible[b-tplmy8zlpk]{outline:2px solid #2563eb;outline-offset:2px}.access-button:disabled[b-tplmy8zlpk],.icon-button:disabled[b-tplmy8zlpk],.quick-button:disabled[b-tplmy8zlpk]{cursor:not-allowed;opacity:.58}.access-state[b-tplmy8zlpk]{display:flex;align-items:center;justify-content:center;gap:.65rem;min-block-size:16rem;padding:2rem;color:#667085}.access-state--error[b-tplmy8zlpk]{color:#b42318}.access-admin-page[b-tplmy8zlpk]  .access-grid{border:0}.access-admin-page[b-tplmy8zlpk]  .access-grid .dxbl-grid-header-row>td{background:#f8fafc;color:#475467;font-size:.76rem;font-weight:700;letter-spacing:.02em}.access-admin-page[b-tplmy8zlpk]  .access-grid .access-grid-alt-row>td{background:#fbfcfe}.access-admin-page[b-tplmy8zlpk]  .access-grid .dxbl-grid-table>tbody>tr:hover>td{background:#f4f7ff}.identity-cell[b-tplmy8zlpk],.picker-option[b-tplmy8zlpk]{display:flex;align-items:center;gap:.65rem;min-inline-size:0}.identity-copy[b-tplmy8zlpk],.assignment-copy[b-tplmy8zlpk],.picker-option>span:last-child[b-tplmy8zlpk]{display:grid;min-inline-size:0}.identity-copy strong[b-tplmy8zlpk],.assignment-copy strong[b-tplmy8zlpk],.picker-option strong[b-tplmy8zlpk]{overflow:hidden;color:#1d2939;font-size:.84rem;text-overflow:ellipsis;white-space:nowrap}.identity-copy small[b-tplmy8zlpk],.assignment-copy small[b-tplmy8zlpk],.picker-option small[b-tplmy8zlpk]{color:#667085;font-size:.74rem}.user-avatar[b-tplmy8zlpk],.item-icon[b-tplmy8zlpk]{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}.item-icon[b-tplmy8zlpk]{border-radius:8px;font-size:.9rem}.user-avatar--large[b-tplmy8zlpk]{inline-size:2.65rem;block-size:2.65rem;font-size:.82rem}.status-pill[b-tplmy8zlpk],.assignment-total[b-tplmy8zlpk]{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:.7rem;font-weight:700;white-space:nowrap}.status-pill[b-tplmy8zlpk]{padding:.22rem .5rem}.status-pill--active[b-tplmy8zlpk]{background:#dcfce7;color:#166534}.status-pill--inactive[b-tplmy8zlpk]{background:#f2f4f7;color:#667085}.assignment-count[b-tplmy8zlpk]{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}.icon-button[b-tplmy8zlpk]{inline-size:2rem;block-size:2rem;padding:0;border-color:#d7dae0;border-radius:8px;background:#fff;color:#475467}.icon-button--primary[b-tplmy8zlpk]{border-color:#cbd9fb;background:#edf3ff;color:#2563eb}.icon-button--danger[b-tplmy8zlpk]{color:#dc2626}.icon-button--danger:hover:not(:disabled)[b-tplmy8zlpk]{border-color:#fecaca;background:#fef2f2;color:#b91c1c}.access-dialog[b-tplmy8zlpk]{display:grid;gap:1rem;color:#1a1c23;font-family:"Segoe UI",Tahoma,system-ui,sans-serif}.selected-summary[b-tplmy8zlpk]{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,#fff)}.selected-summary h3[b-tplmy8zlpk]{margin-block:.1rem;font-size:1.05rem}.selected-summary p[b-tplmy8zlpk]{overflow-wrap:anywhere;font-size:.78rem}.assignment-total[b-tplmy8zlpk]{padding:.34rem .65rem;background:#fff;color:#2563eb;box-shadow:0 0 0 1px #cbd9fb}.dialog-section[b-tplmy8zlpk]{padding:1rem;border:1px solid #e2e4e9;border-radius:12px;background:#fff}.dialog-section--add[b-tplmy8zlpk]{background:#fbfcfe}.section-heading[b-tplmy8zlpk]{display:flex;justify-content:space-between;gap:.75rem;margin-block-end:.8rem}.section-heading h4[b-tplmy8zlpk]{font-size:.92rem}.empty-state[b-tplmy8zlpk]{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}.empty-state i[b-tplmy8zlpk]{color:#2563eb;font-size:1.1rem}.assignment-list[b-tplmy8zlpk]{display:grid;gap:.45rem;max-block-size:16rem;overflow-y:auto}.assignment-row[b-tplmy8zlpk]{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:#fff}.flag-chips[b-tplmy8zlpk]{display:flex;flex-wrap:wrap;gap:.25rem;margin-block-start:.35rem}.flag-chip[b-tplmy8zlpk]{padding:.17rem .42rem;border-radius:999px;background:#edf3ff;color:#1d4ed8;font-size:.66rem;font-weight:700}.flag-chip--none[b-tplmy8zlpk]{background:#f2f4f7;color:#667085}.field-label[b-tplmy8zlpk]{display:block;margin-block-end:.35rem;color:#344054;font-size:.78rem;font-weight:650}.dialog-section[b-tplmy8zlpk]  .cg-combobox{inline-size:100%}.dialog-section[b-tplmy8zlpk]  .cg-combobox__control{border-radius:9px}.picker-option[b-tplmy8zlpk]{inline-size:100%}.pending-chips[b-tplmy8zlpk]{display:flex;flex-wrap:wrap;gap:.4rem;margin-block-start:.7rem}.pending-chip[b-tplmy8zlpk]{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .35rem .3rem .58rem;border:1px solid #cbd9fb;border-radius:999px;background:#edf3ff;color:#1d4ed8;font-size:.76rem;font-weight:650}.pending-chip button[b-tplmy8zlpk]{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-chip button:hover[b-tplmy8zlpk]{background:rgb(37 99 235/12%)}[dir=rtl] .pending-chip[b-tplmy8zlpk]{padding:.3rem .58rem .3rem .35rem}.edit-banner[b-tplmy8zlpk]{display:flex;align-items:center;gap:.55rem;margin-block-end:.8rem;padding:.65rem .75rem;border:1px solid #cbd9fb;border-radius:9px;background:#edf3ff;color:#1d4ed8;font-size:.8rem}.edit-banner span[b-tplmy8zlpk]{flex:1}.quick-button[b-tplmy8zlpk]{min-block-size:1.8rem;padding:.28rem .55rem;border-color:#cbd9fb;border-radius:7px;background:#fff;color:#1d4ed8;font-size:.72rem}.quick-button:hover:not(:disabled)[b-tplmy8zlpk]{background:#edf3ff}.flag-panel[b-tplmy8zlpk]{margin-block-start:.9rem;padding:.8rem;border:1px solid #e2e4e9;border-radius:10px;background:#fff}.flag-panel-heading[b-tplmy8zlpk]{display:flex;align-items:center;justify-content:space-between;gap:.7rem;margin-block-end:.7rem;color:#344054;font-size:.82rem}.flag-grid[b-tplmy8zlpk]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem}.flag-grid label[b-tplmy8zlpk]{display:flex;align-items:center;gap:.35rem;color:#475467;font-size:.76rem}.dialog-actions[b-tplmy8zlpk]{justify-content:flex-end;margin-block-start:1rem;padding-block-start:.85rem;border-block-start:1px solid #e2e4e9}.confirmation[b-tplmy8zlpk]{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.8rem;color:#1a1c23;font-family:"Segoe UI",Tahoma,system-ui,sans-serif}.warning-icon[b-tplmy8zlpk]{display:inline-flex;align-items:center;justify-content:center;inline-size:2.5rem;block-size:2.5rem;border-radius:50%;background:#fef2f2;color:#dc2626}.confirmation h3[b-tplmy8zlpk]{font-size:1rem}.confirmation p[b-tplmy8zlpk]{margin-block-start:.35rem;font-size:.84rem;line-height:1.5}.confirmation .dialog-actions[b-tplmy8zlpk]{grid-column:1/-1}@media(prefers-reduced-motion:reduce){.access-button[b-tplmy8zlpk],.icon-button[b-tplmy8zlpk],.quick-button[b-tplmy8zlpk]{transition:none}}@media(max-width:767.98px){.access-admin-header[b-tplmy8zlpk]{align-items:flex-start;padding:1.1rem}.access-admin-stats[b-tplmy8zlpk],.access-toolbar-actions[b-tplmy8zlpk]{inline-size:100%}.access-stat[b-tplmy8zlpk]{flex:1 1 5.5rem;min-inline-size:5.5rem}.access-toolbar[b-tplmy8zlpk]{align-items:flex-start;padding:.85rem}.access-toolbar-actions[b-tplmy8zlpk]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.selected-summary[b-tplmy8zlpk]{grid-template-columns:auto minmax(0,1fr)}.assignment-total[b-tplmy8zlpk]{grid-column:1/-1;justify-self:start}.flag-grid[b-tplmy8zlpk]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.assignment-row[b-tplmy8zlpk]{grid-template-columns:auto minmax(0,1fr) auto}.assignment-row .item-icon[b-tplmy8zlpk]{display:none}.dialog-section[b-tplmy8zlpk]{padding:.75rem}.flag-panel-heading[b-tplmy8zlpk]{align-items:flex-start;flex-direction:column}.quick-actions[b-tplmy8zlpk]{flex-wrap:wrap}.dialog-actions[b-tplmy8zlpk]{align-items:stretch;flex-direction:column-reverse}.dialog-actions .access-button[b-tplmy8zlpk]{inline-size:100%}}
/* _content/CashGear.App/Components/Pages/Admin/UserTreeNodePage.razor.rz.scp.css */
.access-admin-page[b-kqkz1fvlcm]{width:min(1440px,100%);margin-inline:auto;color:#1a1c23;font-family:"Segoe UI",Tahoma,system-ui,sans-serif}.access-admin-header[b-kqkz1fvlcm]{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,#fff 72%)}.access-admin-eyebrow[b-kqkz1fvlcm]{color:#2563eb;font-size:.72rem;font-weight:700;letter-spacing:.065em;text-transform:uppercase}.access-admin-title h1[b-kqkz1fvlcm]{margin:.2rem 0 .35rem;color:#101828;font-size:clamp(1.65rem,4vw,2.15rem);font-weight:750;line-height:1.15}.access-admin-title p[b-kqkz1fvlcm],.access-toolbar-copy span[b-kqkz1fvlcm],.section-heading p[b-kqkz1fvlcm],.selected-summary p[b-kqkz1fvlcm],.confirmation p[b-kqkz1fvlcm]{margin:0;color:#667085}.access-admin-stats[b-kqkz1fvlcm]{display:flex;flex-wrap:wrap;gap:.65rem}.access-stat[b-kqkz1fvlcm]{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%)}.access-stat--active[b-kqkz1fvlcm]{border-inline-start-color:#16a34a}.access-stat span[b-kqkz1fvlcm],.access-stat strong[b-kqkz1fvlcm]{display:block}.access-stat span[b-kqkz1fvlcm]{color:#667085;font-size:.7rem;font-weight:650;letter-spacing:.04em;text-transform:uppercase}.access-stat strong[b-kqkz1fvlcm]{margin-block-start:.15rem;color:#101828;font-size:1.2rem;font-variant-numeric:tabular-nums}.access-surface[b-kqkz1fvlcm]{overflow:hidden;border:1px solid #e2e4e9;border-radius:12px;background:#fff;box-shadow:0 2px 8px rgb(15 23 42/5%)}.access-toolbar[b-kqkz1fvlcm]{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.15rem;border-block-end:1px solid #e2e4e9}.access-toolbar-copy h2[b-kqkz1fvlcm],.section-heading h4[b-kqkz1fvlcm],.selected-summary h3[b-kqkz1fvlcm],.confirmation h3[b-kqkz1fvlcm]{margin:0;color:#101828}.access-toolbar-copy h2[b-kqkz1fvlcm]{font-size:1rem;font-weight:700}.access-toolbar-copy span[b-kqkz1fvlcm],.section-heading p[b-kqkz1fvlcm]{font-size:.82rem}.access-toolbar-actions[b-kqkz1fvlcm],.row-actions[b-kqkz1fvlcm],.dialog-actions[b-kqkz1fvlcm]{display:flex;align-items:center;gap:.5rem}.access-button[b-kqkz1fvlcm],.icon-button[b-kqkz1fvlcm],.quick-button[b-kqkz1fvlcm]{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;font:inherit;font-weight:650;cursor:pointer;transition:140ms ease}.access-button[b-kqkz1fvlcm]{min-block-size:2.35rem;gap:.45rem;padding:.48rem .8rem;border-radius:8px;font-size:.84rem}.access-button--primary[b-kqkz1fvlcm]{border-color:#2563eb;background:#2563eb;color:#fff}.access-button--primary:hover:not(:disabled)[b-kqkz1fvlcm]{background:#1d4ed8}.access-button--secondary[b-kqkz1fvlcm]{border-color:#d7dae0;background:#fff;color:#344054}.access-button--secondary:hover:not(:disabled)[b-kqkz1fvlcm],.icon-button:hover:not(:disabled)[b-kqkz1fvlcm]{border-color:#a8b9df;background:#f7f9fe;color:#1d4ed8}.access-button--danger[b-kqkz1fvlcm]{border-color:#dc2626;background:#dc2626;color:#fff}.access-button--danger:hover:not(:disabled)[b-kqkz1fvlcm]{background:#b91c1c}.access-button--danger-outline[b-kqkz1fvlcm]{border-color:#fecaca;background:#fff;color:#b42318}.access-button--danger-outline:hover:not(:disabled)[b-kqkz1fvlcm]{background:#fef2f2}.access-button:focus-visible[b-kqkz1fvlcm],.icon-button:focus-visible[b-kqkz1fvlcm],.quick-button:focus-visible[b-kqkz1fvlcm],.pending-chip button:focus-visible[b-kqkz1fvlcm]{outline:2px solid #2563eb;outline-offset:2px}.access-button:disabled[b-kqkz1fvlcm],.icon-button:disabled[b-kqkz1fvlcm],.quick-button:disabled[b-kqkz1fvlcm]{cursor:not-allowed;opacity:.58}.access-state[b-kqkz1fvlcm]{display:flex;align-items:center;justify-content:center;gap:.65rem;min-block-size:16rem;padding:2rem;color:#667085}.access-state--error[b-kqkz1fvlcm]{color:#b42318}.access-admin-page[b-kqkz1fvlcm]  .access-grid{border:0}.access-admin-page[b-kqkz1fvlcm]  .access-grid .dxbl-grid-header-row>td{background:#f8fafc;color:#475467;font-size:.76rem;font-weight:700}.access-admin-page[b-kqkz1fvlcm]  .access-grid .access-grid-alt-row>td{background:#fbfcfe}.access-admin-page[b-kqkz1fvlcm]  .access-grid .dxbl-grid-table>tbody>tr:hover>td{background:#f4f7ff}.identity-cell[b-kqkz1fvlcm],.picker-option[b-kqkz1fvlcm]{display:flex;align-items:center;gap:.65rem;min-inline-size:0}.identity-copy[b-kqkz1fvlcm],.assignment-copy[b-kqkz1fvlcm],.picker-option>span:last-child[b-kqkz1fvlcm]{display:grid;min-inline-size:0}.identity-copy strong[b-kqkz1fvlcm],.assignment-copy strong[b-kqkz1fvlcm],.picker-option strong[b-kqkz1fvlcm]{overflow:hidden;color:#1d2939;font-size:.84rem;text-overflow:ellipsis;white-space:nowrap}.identity-copy small[b-kqkz1fvlcm],.assignment-copy small[b-kqkz1fvlcm],.picker-option small[b-kqkz1fvlcm]{overflow:hidden;color:#667085;font-size:.74rem;text-overflow:ellipsis;white-space:nowrap}.user-avatar[b-kqkz1fvlcm],.item-icon[b-kqkz1fvlcm]{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}.item-icon[b-kqkz1fvlcm]{border-radius:8px;font-size:.9rem}.user-avatar--large[b-kqkz1fvlcm]{inline-size:2.65rem;block-size:2.65rem;font-size:.82rem}.status-pill[b-kqkz1fvlcm],.assignment-total[b-kqkz1fvlcm]{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:.7rem;font-weight:700;white-space:nowrap}.status-pill[b-kqkz1fvlcm]{padding:.22rem .5rem}.status-pill--active[b-kqkz1fvlcm]{background:#dcfce7;color:#166534}.status-pill--inactive[b-kqkz1fvlcm]{background:#f2f4f7;color:#667085}.assignment-count[b-kqkz1fvlcm],.visible-count[b-kqkz1fvlcm]{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}.visible-count[b-kqkz1fvlcm]{background:#dcfce7;color:#166534}.row-actions[b-kqkz1fvlcm]{justify-content:center}.icon-button[b-kqkz1fvlcm]{inline-size:2rem;block-size:2rem;padding:0;border-color:#d7dae0;border-radius:8px;background:#fff;color:#475467}.icon-button--primary[b-kqkz1fvlcm]{border-color:#cbd9fb;background:#edf3ff;color:#2563eb}.icon-button--danger[b-kqkz1fvlcm]{color:#dc2626}.icon-button--danger:hover:not(:disabled)[b-kqkz1fvlcm]{border-color:#fecaca;background:#fef2f2;color:#b91c1c}.access-dialog[b-kqkz1fvlcm]{display:grid;gap:1rem;color:#1a1c23;font-family:"Segoe UI",Tahoma,system-ui,sans-serif}.selected-summary[b-kqkz1fvlcm]{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,#fff)}.selected-summary h3[b-kqkz1fvlcm]{margin-block:.1rem;font-size:1.05rem}.selected-summary p[b-kqkz1fvlcm]{font-size:.78rem}.assignment-total[b-kqkz1fvlcm]{padding:.34rem .65rem;background:#fff;color:#2563eb;box-shadow:0 0 0 1px #cbd9fb}.dialog-section[b-kqkz1fvlcm]{padding:1rem;border:1px solid #e2e4e9;border-radius:12px;background:#fff}.dialog-section--add[b-kqkz1fvlcm]{background:#fbfcfe}.section-heading[b-kqkz1fvlcm]{display:flex;justify-content:space-between;gap:.75rem;margin-block-end:.8rem}.section-heading h4[b-kqkz1fvlcm]{font-size:.92rem}.empty-state[b-kqkz1fvlcm]{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}.empty-state i[b-kqkz1fvlcm]{color:#2563eb;font-size:1.1rem}.assignment-list[b-kqkz1fvlcm]{display:grid;gap:.45rem;max-block-size:16rem;overflow-y:auto}.assignment-row[b-kqkz1fvlcm]{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:.65rem;padding:.58rem .65rem;border:1px solid #edf0f4;border-radius:9px;background:#fff}.field-label[b-kqkz1fvlcm]{display:block;margin-block-end:.35rem;color:#344054;font-size:.78rem;font-weight:650}.dialog-section[b-kqkz1fvlcm]  .cg-combobox{inline-size:100%}.dialog-section[b-kqkz1fvlcm]  .cg-combobox__control{border-radius:9px}.picker-option[b-kqkz1fvlcm]{inline-size:100%}.pending-chips[b-kqkz1fvlcm]{display:flex;flex-wrap:wrap;gap:.4rem;margin-block-start:.7rem}.pending-chip[b-kqkz1fvlcm]{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .35rem .3rem .58rem;border:1px solid #cbd9fb;border-radius:999px;background:#edf3ff;color:#1d4ed8;font-size:.76rem;font-weight:650}.pending-chip button[b-kqkz1fvlcm]{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-chip button:hover[b-kqkz1fvlcm]{background:rgb(37 99 235/12%)}[dir=rtl] .pending-chip[b-kqkz1fvlcm]{padding:.3rem .58rem .3rem .35rem}.edit-banner[b-kqkz1fvlcm]{display:flex;align-items:center;gap:.55rem;margin-block-end:.8rem;padding:.65rem .75rem;border:1px solid #cbd9fb;border-radius:9px;background:#edf3ff;color:#1d4ed8;font-size:.8rem}.edit-banner span[b-kqkz1fvlcm]{flex:1}.quick-button[b-kqkz1fvlcm]{min-block-size:1.8rem;padding:.28rem .55rem;border-color:#cbd9fb;border-radius:7px;background:#fff;color:#1d4ed8;font-size:.72rem}.quick-button:hover:not(:disabled)[b-kqkz1fvlcm]{background:#edf3ff}.dialog-actions[b-kqkz1fvlcm]{justify-content:flex-end;margin-block-start:1rem;padding-block-start:.85rem;border-block-start:1px solid #e2e4e9}.dialog-actions--split .action-spacer[b-kqkz1fvlcm]{flex:1}.confirmation[b-kqkz1fvlcm]{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.8rem;color:#1a1c23;font-family:"Segoe UI",Tahoma,system-ui,sans-serif}.warning-icon[b-kqkz1fvlcm]{display:inline-flex;align-items:center;justify-content:center;inline-size:2.5rem;block-size:2.5rem;border-radius:50%;background:#fef2f2;color:#dc2626}.confirmation h3[b-kqkz1fvlcm]{font-size:1rem}.confirmation p[b-kqkz1fvlcm]{margin-block-start:.35rem;font-size:.84rem;line-height:1.5}.confirmation .dialog-actions[b-kqkz1fvlcm]{grid-column:1/-1}@media(prefers-reduced-motion:reduce){.access-button[b-kqkz1fvlcm],.icon-button[b-kqkz1fvlcm],.quick-button[b-kqkz1fvlcm]{transition:none}}@media(max-width:767.98px){.access-admin-header[b-kqkz1fvlcm]{align-items:flex-start;padding:1.1rem}.access-admin-stats[b-kqkz1fvlcm],.access-toolbar-actions[b-kqkz1fvlcm]{inline-size:100%}.access-stat[b-kqkz1fvlcm]{flex:1 1 5.5rem;min-inline-size:5.5rem}.access-toolbar[b-kqkz1fvlcm]{align-items:flex-start;padding:.85rem}.access-toolbar-actions[b-kqkz1fvlcm]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.selected-summary[b-kqkz1fvlcm]{grid-template-columns:auto minmax(0,1fr)}.assignment-total[b-kqkz1fvlcm]{grid-column:1/-1;justify-self:start}.assignment-row[b-kqkz1fvlcm]{grid-template-columns:auto minmax(0,1fr) auto auto}.assignment-row .status-pill[b-kqkz1fvlcm]{display:none}}@media(max-width:480px){.assignment-row[b-kqkz1fvlcm]{grid-template-columns:minmax(0,1fr) auto auto}.assignment-row .item-icon[b-kqkz1fvlcm]{display:none}.dialog-section[b-kqkz1fvlcm]{padding:.75rem}.dialog-actions[b-kqkz1fvlcm]{align-items:stretch;flex-direction:column-reverse}.dialog-actions .access-button[b-kqkz1fvlcm]{inline-size:100%}.dialog-actions--split .action-spacer[b-kqkz1fvlcm]{display:none}}
/* _content/CashGear.App/Components/Pages/CustPages/CustomersPage.razor.rz.scp.css */
.menu-admin-page[b-dfzvup8hjf] {
    width: min(1440px, 100%);
    margin-inline: auto;
    color: var(--cg-text);
    font-family: "Segoe UI", Tahoma, system-ui, sans-serif;
}

.menu-admin-header[b-dfzvup8hjf] {
    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, var(--cg-accent-soft) 0%, var(--cg-surface)fff 72%);
}

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

.menu-admin-eyebrow[b-dfzvup8hjf] {
    color: var(--cg-accent);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .065em;
    text-transform: uppercase;
}

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

.menu-admin-title p[b-dfzvup8hjf],
.menu-toolbar-copy span[b-dfzvup8hjf] {
    margin: 0;
    color: var(--cg-text-secondary);
}

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

.menu-stat[b-dfzvup8hjf] {
    min-inline-size: 6.5rem;
    padding: .65rem .85rem;
    border: 1px solid var(--cg-border);
    border-inline-start: 3px solid var(--cg-border);
    border-radius: 10px;
    background: color-mix(in srgb, var(--cg-surface) 86%, transparent);
}

.menu-stat--business[b-dfzvup8hjf] {
    border-inline-start-color: var(--cg-accent);
}

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

.menu-stat--foreign[b-dfzvup8hjf] {
    border-inline-start-color: #d97706;
}

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

.menu-stat span[b-dfzvup8hjf] {
    color: var(--cg-text-secondary);
    font-size: .7rem;
    font-weight: 650;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.menu-stat strong[b-dfzvup8hjf] {
    margin-block-start: .15rem;
    color: var(--cg-text);
    font-size: 1.2rem;
    font-variant-numeric: tabular-nums;
}

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

.menu-toolbar[b-dfzvup8hjf] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.15rem;
    border-block-end: 1px solid var(--cg-border);
}

.menu-toolbar-copy h2[b-dfzvup8hjf] {
    margin: 0;
    color: var(--cg-text);
    font-size: 1rem;
    font-weight: 700;
}

.menu-toolbar-copy span[b-dfzvup8hjf] {
    font-size: .82rem;
}

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

.menu-button[b-dfzvup8hjf] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-block-size: 2.35rem;
    gap: .45rem;
    padding: .48rem .8rem;
    border: 1px solid transparent;
    border-radius: 8px;
    font: inherit;
    font-size: .84rem;
    font-weight: 650;
    cursor: pointer;
    transition: border-color 140ms ease, background-color 140ms ease, color 140ms ease, box-shadow 140ms ease;
}

.menu-button--primary[b-dfzvup8hjf] {
    border-color: var(--cg-accent);
    background: var(--cg-accent);
    color: #ffffff;
}

.menu-button--primary:hover:not(:disabled)[b-dfzvup8hjf] {
    border-color: var(--cg-accent);
    background: var(--cg-accent);
}

.menu-button--secondary[b-dfzvup8hjf] {
    border-color: var(--cg-border);
    background: var(--cg-surface);
    color: var(--cg-text);
}

.menu-button--secondary:hover:not(:disabled)[b-dfzvup8hjf] {
    border-color: var(--cg-border);
    background: var(--cg-surface-subtle);
    color: var(--cg-accent);
}

.menu-button:focus-visible[b-dfzvup8hjf],
.customer-account-link:focus-visible[b-dfzvup8hjf] {
    outline: 2px solid #2563eb;
    outline-offset: 2px;
}

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

.menu-state[b-dfzvup8hjf] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .65rem;
    min-block-size: 16rem;
    padding: 2rem;
    color: var(--cg-text-secondary);
}

.menu-state--error[b-dfzvup8hjf] {
    flex-wrap: wrap;
    color: var(--cg-danger-text);
}

.menu-admin-page[b-dfzvup8hjf]  .menu-grid {
    --cg-grid-border: var(--cg-border);
    --cg-grid-header-bg: var(--cg-surface-subtle);
    --cg-grid-filter-bg: var(--cg-surface-raised);
    --cg-grid-hover: var(--cg-hover);
    border: 0;
    border-radius: 0;
}

.menu-admin-page[b-dfzvup8hjf]  .menu-grid .cg-grid__toolbar {
    padding: .8rem 1rem;
}

.menu-admin-page[b-dfzvup8hjf]  .menu-grid .cg-grid__search input {
    border-radius: 8px;
}

.menu-admin-page[b-dfzvup8hjf]  .menu-grid .cg-grid__header-cell {
    color: var(--cg-text-secondary);
    font-size: .76rem;
    font-weight: 700;
    letter-spacing: .02em;
}

.menu-admin-page[b-dfzvup8hjf]  .menu-grid .cg-grid__filter-input,
.menu-admin-page[b-dfzvup8hjf]  .menu-grid .cg-grid__filter-operator,
.menu-admin-page[b-dfzvup8hjf]  .menu-grid .cg-grid__page-size select {
    border-radius: 7px;
}

.menu-admin-page[b-dfzvup8hjf]  .menu-grid .cg-grid__row:nth-child(even) .cg-grid__cell {
    background: var(--cg-surface-subtle);
}

.menu-admin-page[b-dfzvup8hjf]  .menu-grid .cg-grid__row:hover .cg-grid__cell {
    background: var(--cg-surface-subtle);
}

.customer-account-link[b-dfzvup8hjf] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    max-inline-size: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--cg-accent);
    font: inherit;
    font-size: .82rem;
    font-weight: 700;
    cursor: pointer;
}

.customer-account-link > span:last-child[b-dfzvup8hjf] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.customer-account-link:hover[b-dfzvup8hjf] {
    color: var(--cg-accent);
    text-decoration: underline;
}

.customer-account-icon[b-dfzvup8hjf] {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    inline-size: 1.8rem;
    block-size: 1.8rem;
    border-radius: 7px;
    background: var(--cg-accent-soft);
    color: var(--cg-accent);
}

.customer-name[b-dfzvup8hjf] {
    display: block;
    overflow: hidden;
    color: var(--cg-text);
    font-size: .86rem;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.customer-type-pill[b-dfzvup8hjf],
.customer-status-pill[b-dfzvup8hjf] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .22rem .5rem;
    border-radius: 999px;
    font-size: .7rem;
    font-weight: 700;
    white-space: nowrap;
}

.customer-type-pill--business[b-dfzvup8hjf] {
    background: var(--cg-accent-soft);
    color: var(--cg-accent);
}

.customer-type-pill--person[b-dfzvup8hjf],
.customer-status-pill--active[b-dfzvup8hjf] {
    background: var(--cg-success-soft);
    color: var(--cg-success-text);
}

.customer-type-pill--foreign[b-dfzvup8hjf] {
    background: var(--cg-warning-soft);
    color: var(--cg-warning-text);
}

.customer-type-pill--unknown[b-dfzvup8hjf] {
    background: var(--cg-surface-subtle);
    color: var(--cg-text-secondary);
}

.customer-status-pill--blocked[b-dfzvup8hjf] {
    background: var(--cg-danger-soft);
    color: var(--cg-danger-text);
}

.customer-empty[b-dfzvup8hjf] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    min-block-size: 10rem;
    color: var(--cg-text-secondary);
    font-size: .84rem;
}

.customer-empty i[b-dfzvup8hjf] {
    color: var(--cg-accent);
    font-size: 1.2rem;
}

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

@media (forced-colors: active) {
    .menu-admin-header[b-dfzvup8hjf],
    .menu-surface[b-dfzvup8hjf],
    .menu-stat[b-dfzvup8hjf],
    .menu-button[b-dfzvup8hjf],
    .customer-type-pill[b-dfzvup8hjf],
    .customer-status-pill[b-dfzvup8hjf] {
        border: 1px solid CanvasText;
    }
}

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

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

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

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

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

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

    .menu-toolbar-actions .menu-button[b-dfzvup8hjf] {
        inline-size: 100%;
    }

    .menu-admin-page[b-dfzvup8hjf]  .menu-grid .cg-grid__toolbar {
        align-items: stretch;
    }

    .menu-admin-page[b-dfzvup8hjf]  .menu-grid .cg-grid__search,
    .menu-admin-page[b-dfzvup8hjf]  .menu-grid .cg-grid__search input {
        inline-size: 100%;
    }
}

@media (max-width: 480px) {
    .menu-toolbar-actions[b-dfzvup8hjf] {
        grid-template-columns: minmax(0, 1fr);
    }

    .menu-toolbar-actions .menu-button--primary[b-dfzvup8hjf] {
        grid-column: auto;
    }

    .menu-button span[b-dfzvup8hjf] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .menu-state[b-dfzvup8hjf] {
        align-items: stretch;
        flex-direction: column;
        text-align: center;
    }
}
/* _content/CashGear.App/Components/Pages/Index.razor.rz.scp.css */
.home-page[b-vdt85u7f1p] {
    width: min(1180px, 100%);
    margin-inline: auto;
    color: var(--cg-text);
}

.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, var(--cg-surface)fff);
}

.home-eyebrow[b-vdt85u7f1p] {
    margin: 0 0 6px;
    color: var(--cg-accent);
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.home-hero h1[b-vdt85u7f1p] {
    margin: 0 0 8px;
    color: var(--cg-text);
    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: var(--cg-text-secondary);
}

.home-company[b-vdt85u7f1p] {
    align-self: flex-start;
    min-width: 180px;
    padding: 12px 16px;
    border: 1px solid var(--cg-border);
    border-radius: 10px;
    background: color-mix(in srgb, var(--cg-surface) 86%, transparent);
}

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

.home-company span[b-vdt85u7f1p] {
    margin-bottom: 2px;
    color: var(--cg-text-secondary);
    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: var(--cg-text);
    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 var(--cg-border);
    background: var(--cg-surface);
    color: var(--cg-text);
    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: var(--cg-accent);
    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: var(--cg-accent-soft);
    color: var(--cg-accent);
}

.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: var(--cg-text-secondary);
}

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

.home-app-group[b-vdt85u7f1p] {
    min-width: 0;
    padding: 16px;
    border: 1px solid var(--cg-border);
    border-radius: 12px;
    background: var(--cg-surface);
}

.home-app-group h3[b-vdt85u7f1p] {
    margin: 0 0 12px;
    color: var(--cg-text-secondary);
    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: var(--cg-surface);
    color: var(--cg-text-secondary);
    text-align: center;
}

.home-empty i[b-vdt85u7f1p] {
    color: var(--cg-accent);
    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/Product/ProductsPage.razor.rz.scp.css */
.directory-page[b-pvtz4nps04] { width: min(1440px, 100%); margin-inline: auto; color: var(--cg-text); font-family: "Segoe UI", Tahoma, system-ui, sans-serif; }
.directory-header[b-pvtz4nps04] { 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, var(--cg-accent-soft) 0%, var(--cg-surface) 72%); }
.directory-eyebrow[b-pvtz4nps04] { color: var(--cg-accent); font-size: .72rem; font-weight: 700; letter-spacing: .065em; text-transform: uppercase; } .directory-title h1[b-pvtz4nps04] { margin: .2rem 0 .35rem; color: var(--cg-text); font-size: clamp(1.65rem, 4vw, 2.15rem); font-weight: 750; line-height: 1.15; } .directory-title p[b-pvtz4nps04], .directory-surface-heading span[b-pvtz4nps04] { margin: 0; color: var(--cg-text-secondary); }
.directory-stats[b-pvtz4nps04] { display: flex; flex-wrap: wrap; gap: .65rem; } .directory-stat[b-pvtz4nps04] { min-inline-size: 6.5rem; padding: .65rem .85rem; border: 1px solid var(--cg-border); border-inline-start: 3px solid var(--cg-border); border-radius: 10px; background: color-mix(in srgb, var(--cg-surface) 86%, transparent); } .directory-stat--success[b-pvtz4nps04] { border-inline-start-color: #16a34a; } .directory-stat--warning[b-pvtz4nps04] { border-inline-start-color: #d97706; } .directory-stat--accent[b-pvtz4nps04] { border-inline-start-color: #7c3aed; }
.directory-stat span[b-pvtz4nps04], .directory-stat strong[b-pvtz4nps04] { display: block; } .directory-stat span[b-pvtz4nps04] { color: var(--cg-text-secondary); font-size: .7rem; font-weight: 650; letter-spacing: .04em; text-transform: uppercase; } .directory-stat strong[b-pvtz4nps04] { margin-block-start: .15rem; color: var(--cg-text); font-size: 1.2rem; font-variant-numeric: tabular-nums; }
.directory-surface[b-pvtz4nps04] { overflow: hidden; border: 1px solid var(--cg-border); border-radius: 12px; background: var(--cg-surface); box-shadow: 0 2px 8px rgb(15 23 42 / 5%); } .directory-surface-heading[b-pvtz4nps04] { padding: 1rem 1.15rem; border-block-end: 1px solid var(--cg-border); } .directory-surface-heading h2[b-pvtz4nps04] { margin: 0; color: var(--cg-text); font-size: 1rem; font-weight: 700; } .directory-surface-heading span[b-pvtz4nps04] { font-size: .82rem; }
.directory-toolbar-actions[b-pvtz4nps04] { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; } .directory-button[b-pvtz4nps04], .icon-button[b-pvtz4nps04] { display: inline-flex; align-items: center; justify-content: center; border: 1px solid transparent; border-radius: 8px; font: inherit; font-weight: 650; cursor: pointer; transition: border-color 140ms ease, background-color 140ms ease, color 140ms ease; } .directory-button[b-pvtz4nps04] { min-block-size: 2.35rem; gap: .45rem; padding: .48rem .8rem; font-size: .84rem; } .icon-button[b-pvtz4nps04] { inline-size: 2rem; block-size: 2rem; border-color: var(--cg-border); background: var(--cg-surface); color: var(--cg-text-secondary); }
.directory-button--primary[b-pvtz4nps04] { border-color: var(--cg-accent); background: var(--cg-accent); color: #fff; } .directory-button--secondary[b-pvtz4nps04] { border-color: var(--cg-border); background: var(--cg-surface); color: var(--cg-text); } .directory-button--primary:hover:not(:disabled)[b-pvtz4nps04] { background: var(--cg-accent); } .directory-button--secondary:hover:not(:disabled)[b-pvtz4nps04], .icon-button:hover:not(:disabled)[b-pvtz4nps04] { border-color: var(--cg-border); background: var(--cg-surface-subtle); color: var(--cg-accent); } .directory-button:focus-visible[b-pvtz4nps04], .icon-button:focus-visible[b-pvtz4nps04], .record-link:focus-visible[b-pvtz4nps04] { outline: 2px solid #2563eb; outline-offset: 2px; } .directory-button:disabled[b-pvtz4nps04], .icon-button:disabled[b-pvtz4nps04] { cursor: not-allowed; opacity: .58; }
.directory-state[b-pvtz4nps04] { display: flex; align-items: center; justify-content: center; gap: .65rem; min-block-size: 16rem; padding: 2rem; color: var(--cg-text-secondary); } .directory-state--error[b-pvtz4nps04] { flex-wrap: wrap; color: var(--cg-danger-text); }
.record-link[b-pvtz4nps04] { display: inline-flex; align-items: center; gap: .4rem; color: var(--cg-accent); font-weight: 700; text-decoration: none; } .record-link:hover[b-pvtz4nps04] { text-decoration: underline; } .record-name[b-pvtz4nps04] { color: var(--cg-text); font-weight: 650; }
.status-pill[b-pvtz4nps04] { display: inline-flex; padding: .2rem .55rem; border-radius: 999px; font-size: .74rem; font-weight: 700; } .status-pill--success[b-pvtz4nps04] { background: var(--cg-success-soft); color: var(--cg-success-text); } .status-pill--muted[b-pvtz4nps04] { background: var(--cg-surface-subtle); color: var(--cg-text-secondary); }
.readonly-value[b-pvtz4nps04] { display: block; min-block-size: 2.35rem; padding: .5rem .7rem; border: 1px solid var(--cg-border); border-radius: 7px; background: var(--cg-surface-subtle); color: var(--cg-text-secondary); }
.variant-empty[b-pvtz4nps04] { padding: 2rem; color: var(--cg-text-secondary); text-align: center; } .variant-card[b-pvtz4nps04] { display: grid; grid-template-columns: minmax(8rem, 1fr) minmax(10rem, 2fr) minmax(8rem, 1fr); gap: 1rem; align-items: end; padding: 1rem; border: 1px solid var(--cg-border); border-radius: 10px; background: var(--cg-surface-subtle); } .variant-card + .variant-card[b-pvtz4nps04] { margin-block-start: .75rem; } .variant-card span[b-pvtz4nps04], .variant-card strong[b-pvtz4nps04] { display: block; } .variant-card span[b-pvtz4nps04] { margin-block-end: .3rem; color: var(--cg-text-secondary); font-size: .76rem; font-weight: 650; } .variant-card strong[b-pvtz4nps04] { color: var(--cg-text); }
.directory-empty[b-pvtz4nps04] { display: grid; place-items: center; gap: .5rem; min-block-size: 12rem; color: var(--cg-text-secondary); text-align: center; } .directory-empty i[b-pvtz4nps04] { color: var(--cg-text-secondary); font-size: 1.8rem; }
.directory-page[b-pvtz4nps04]  .directory-grid { --cg-grid-border: var(--cg-border); --cg-grid-header-bg: var(--cg-surface-subtle); --cg-grid-filter-bg: var(--cg-surface-raised); --cg-grid-hover: var(--cg-hover); border: 0; border-radius: 0; } .directory-page[b-pvtz4nps04]  .directory-grid .cg-grid__toolbar { padding: .8rem 1rem; } .directory-page[b-pvtz4nps04]  .directory-grid .cg-grid__search input, .directory-page[b-pvtz4nps04]  .product-editor input, .directory-page[b-pvtz4nps04]  .product-editor select, .directory-page[b-pvtz4nps04]  .product-editor textarea { border-radius: 8px; } .directory-page[b-pvtz4nps04]  .directory-grid .cg-grid__header-cell { color: var(--cg-text-secondary); font-size: .76rem; font-weight: 700; }
@media (max-width: 575.98px) {
    .directory-header[b-pvtz4nps04] { align-items: stretch; padding: 1.1rem; } .directory-stats[b-pvtz4nps04] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); inline-size: 100%; } .directory-stat[b-pvtz4nps04] { min-inline-size: 0; } .directory-toolbar-actions[b-pvtz4nps04] { inline-size: 100%; } .directory-button[b-pvtz4nps04] { flex: 1 1 auto; } .variant-card[b-pvtz4nps04] { grid-template-columns: 1fr; }
    .directory-page[b-pvtz4nps04]  .products-grid [data-column-id="ItemGroup"], .directory-page[b-pvtz4nps04]  .products-grid [data-column-id="InvModelGroup"] { display: none; }
    .directory-page[b-pvtz4nps04]  .products-grid col[data-column-id="ItemGroup"], .directory-page[b-pvtz4nps04]  .products-grid col[data-column-id="InvModelGroup"] { visibility: collapse; }
}
@media (prefers-reduced-motion: reduce) { .directory-button[b-pvtz4nps04], .icon-button[b-pvtz4nps04] { transition: none; } }
@media (forced-colors: active) { .directory-header[b-pvtz4nps04], .directory-surface[b-pvtz4nps04], .directory-stat[b-pvtz4nps04], .directory-button[b-pvtz4nps04], .icon-button[b-pvtz4nps04], .variant-card[b-pvtz4nps04] { border-color: CanvasText; } }
/* _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: var(--cg-surface);
    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: var(--cg-accent);
    background: var(--cg-accent-soft);
    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: var(--cg-text-secondary);
}

.ib-value[b-y4t5v2m8pt] {
    font-size: 1.7rem;
    font-weight: 700;
    color: var(--cg-text);
    font-variant-numeric: tabular-nums;
}

.ib-sub[b-y4t5v2m8pt] {
    font-size: .72rem;
    color: var(--cg-text-secondary);
}

/* Category panel */
.ib-panel[b-y4t5v2m8pt] {
    background: var(--cg-surface);
    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: var(--cg-text);
    background: var(--cg-surface-subtle);
    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: var(--cg-text);
}

.ib-amt[b-y4t5v2m8pt] {
    font-size: .85rem;
    font-weight: 700;
    color: var(--cg-text);
    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: var(--cg-text-secondary);
    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: var(--cg-surface);
}

.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: var(--cg-text-secondary);
    line-height: 1;
}

.ofr-num[b-az4suvhudv] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--cg-text);
    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: var(--cg-text-secondary);
}

.ofr-sep[b-az4suvhudv] {
    margin-inline: .4rem;
    color: var(--cg-text-secondary);
}

/* ---- 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: var(--cg-surface-subtle);
    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: var(--cg-text-secondary);
    white-space: nowrap;
}

.ofr-stat-value[b-az4suvhudv] {
    font-size: 1.15rem;
    font-weight: 600;
    color: var(--cg-text);
    font-variant-numeric: tabular-nums;
    line-height: 1.3;
}

/* Net Amount - the headline figure. */
.ofr-stat.is-primary[b-az4suvhudv] {
    border-inline-start-color: var(--cg-accent);
    background: var(--cg-accent-soft);
}

    .ofr-stat.is-primary .ofr-stat-value[b-az4suvhudv] {
        color: var(--cg-accent);
        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: var(--cg-warning-text);
    }

/* ---- 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: var(--cg-text-secondary);
}

.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: var(--cg-surface);
    border: 1px solid #e5e7eb;
    border-inline-start: 3px solid var(--ofr-accent, #9ca3af);
    border-radius: 12px;
    text-align: start;
    color: var(--cg-text);
    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: var(--cg-border);
        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: var(--cg-surface);
    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: var(--cg-text-secondary);
    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: var(--cg-text-secondary);
}

.ofr-val[b-az4suvhudv] {
    font-weight: 600;
    color: var(--cg-text);
    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: var(--cg-text);
}

    .ofr-line--total .ofr-val[b-az4suvhudv] {
        font-size: 1.3rem;
        font-weight: 700;
        color: var(--cg-accent);
    }

.ofr-empty[b-az4suvhudv] {
    padding-block: .5rem;
    font-size: .85rem;
    font-style: italic;
    color: var(--cg-text-secondary);
}

/* ---- 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/ProdOrder/ProdOrderSearchPage.razor.rz.scp.css */
.prod-order-search[b-3tovgs9em5] {
    display: grid;
    gap: 1rem;
    padding-bottom: 2rem;
}

.prod-order-search__header[b-3tovgs9em5],
.prod-order-search__section-heading[b-3tovgs9em5],
.prod-order-search__lines-heading[b-3tovgs9em5] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.prod-order-search__header[b-3tovgs9em5] {
    background: linear-gradient(135deg, rgba(13, 110, 253, 0.11), rgba(25, 135, 84, 0.08));
    border: 1px solid rgba(13, 110, 253, 0.15);
    border-radius: 1rem;
    padding: 1.35rem 1.5rem;
}

.prod-order-search__header h1[b-3tovgs9em5],
.prod-order-search__section-heading h2[b-3tovgs9em5],
.prod-order-search__lines-heading h3[b-3tovgs9em5] {
    margin: 0;
}

.prod-order-search__header p[b-3tovgs9em5] {
    color: var(--bs-secondary-color);
    margin: 0.4rem 0 0;
}

.prod-order-search__eyebrow[b-3tovgs9em5] {
    color: var(--bs-primary);
    display: block;
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.09em;
    margin-bottom: 0.25rem;
    text-transform: uppercase;
}

.prod-order-search__search-card[b-3tovgs9em5],
.prod-order-search__results[b-3tovgs9em5],
.prod-order-search__details[b-3tovgs9em5] {
    background: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: 1rem;
    box-shadow: 0 0.3rem 1rem rgba(0, 0, 0, 0.04);
    padding: 1rem;
}

.prod-order-search__form[b-3tovgs9em5] {
    align-items: end;
    display: grid;
    gap: 0.85rem;
    grid-template-columns: minmax(15rem, 1fr) auto;
}

.prod-order-search__input[b-3tovgs9em5] {
    display: grid;
    gap: 0.35rem;
}

.prod-order-search__input label[b-3tovgs9em5] {
    font-size: 0.88rem;
    font-weight: 600;
}

.prod-order-search__actions[b-3tovgs9em5] {
    display: flex;
    gap: 0.5rem;
}

.prod-order-search__content[b-3tovgs9em5] {
    display: grid;
    gap: 1rem;
}

.prod-order-search__results[b-3tovgs9em5],
.prod-order-search__details[b-3tovgs9em5] {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.prod-order-search__count[b-3tovgs9em5],
.prod-order-search__lines-heading span[b-3tovgs9em5] {
    background: var(--bs-tertiary-bg);
    border-radius: 999px;
    color: var(--bs-secondary-color);
    font-size: 0.82rem;
    padding: 0.35rem 0.65rem;
    white-space: nowrap;
}

.prod-order-search__empty[b-3tovgs9em5] {
    align-items: center;
    border: 1px dashed var(--bs-border-color);
    border-radius: 0.8rem;
    color: var(--bs-secondary-color);
    display: grid;
    gap: 0.35rem;
    justify-items: center;
    padding: 2.5rem 1rem;
    text-align: center;
}

.prod-order-search__empty i[b-3tovgs9em5] {
    color: var(--bs-primary);
    font-size: 1.75rem;
}

.prod-order-search__summary[b-3tovgs9em5] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 0;
}

.prod-order-search__summary > div[b-3tovgs9em5] {
    background: var(--bs-tertiary-bg);
    border-radius: 0.75rem;
    min-width: 0;
    padding: 0.75rem;
}

.prod-order-search__summary dt[b-3tovgs9em5] {
    color: var(--bs-secondary-color);
    font-size: 0.75rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
    text-transform: uppercase;
}

.prod-order-search__summary dd[b-3tovgs9em5] {
    font-weight: 600;
    margin: 0;
    overflow-wrap: anywhere;
}

@media (max-width: 991.98px) {
    .prod-order-search__summary[b-3tovgs9em5] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .prod-order-search__form[b-3tovgs9em5] {
        grid-template-columns: 1fr;
    }

    .prod-order-search__actions > *[b-3tovgs9em5] {
        flex: 1;
    }

    .prod-order-search__header[b-3tovgs9em5],
    .prod-order-search__section-heading[b-3tovgs9em5],
    .prod-order-search__lines-heading[b-3tovgs9em5] {
        align-items: flex-start;
        flex-direction: column;
    }

    .prod-order-search__summary[b-3tovgs9em5] {
        grid-template-columns: 1fr;
    }
}
/* _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: var(--cg-surface);
    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: var(--cg-text-secondary);
}

.pb-value[b-n7vjnhutd4] {
    font-size: 1.7rem;
    font-weight: 700;
    color: var(--cg-text);
    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: var(--cg-surface);
    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: var(--cg-text);
    background: var(--cg-surface-subtle);
    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: var(--cg-text);
    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: var(--cg-text);
    font-variant-numeric: tabular-nums;
}

.pb-stat-lbl[b-n7vjnhutd4] {
    font-size: .68rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .03em;
    color: var(--cg-text-secondary);
}

/* Toolbar */
.sb-toolbar[b-n7vjnhutd4] {
    background: var(--cg-surface);
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: .85rem 1rem;
    display: flex;
    flex-direction: column;
    gap: .85rem;
}
/* _content/CashGear.App/Components/Pages/Purch/Master/VendorsPage.razor.rz.scp.css */
.vendor-admin-page[b-0pavtwe472] {
    width: min(1440px, 100%);
    margin-inline: auto;
    color: var(--cg-text);
    font-family: "Segoe UI", Tahoma, system-ui, sans-serif;
}

.vendor-admin-header[b-0pavtwe472] {
    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 #d9d2f4;
    border-radius: 14px;
    background: linear-gradient(135deg, var(--cg-accent-soft) 0%, var(--cg-surface)fff 72%);
}

.vendor-admin-title[b-0pavtwe472] {
    min-inline-size: 0;
}

.vendor-admin-eyebrow[b-0pavtwe472] {
    color: #6d28d9;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .065em;
    text-transform: uppercase;
}

.vendor-admin-title h1[b-0pavtwe472] {
    margin: .2rem 0 .35rem;
    color: var(--cg-text);
    font-size: clamp(1.65rem, 4vw, 2.15rem);
    font-weight: 750;
    line-height: 1.15;
}

.vendor-admin-title p[b-0pavtwe472],
.vendor-toolbar-copy span[b-0pavtwe472] {
    margin: 0;
    color: var(--cg-text-secondary);
}

.vendor-admin-stats[b-0pavtwe472] {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
}

.vendor-stat[b-0pavtwe472] {
    min-inline-size: 6.5rem;
    padding: .65rem .85rem;
    border: 1px solid var(--cg-border);
    border-inline-start: 3px solid var(--cg-border);
    border-radius: 10px;
    background: color-mix(in srgb, var(--cg-surface) 86%, transparent);
}

.vendor-stat--active[b-0pavtwe472] {
    border-inline-start-color: #16a34a;
}

.vendor-stat--blocked[b-0pavtwe472] {
    border-inline-start-color: var(--cg-danger-text);
}

.vendor-stat--groups[b-0pavtwe472] {
    border-inline-start-color: #7c3aed;
}

.vendor-stat span[b-0pavtwe472],
.vendor-stat strong[b-0pavtwe472] {
    display: block;
}

.vendor-stat span[b-0pavtwe472] {
    color: var(--cg-text-secondary);
    font-size: .7rem;
    font-weight: 650;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.vendor-stat strong[b-0pavtwe472] {
    margin-block-start: .15rem;
    color: var(--cg-text);
    font-size: 1.2rem;
    font-variant-numeric: tabular-nums;
}

.vendor-surface[b-0pavtwe472] {
    overflow: hidden;
    border: 1px solid var(--cg-border);
    border-radius: 12px;
    background: var(--cg-surface);
    box-shadow: 0 2px 8px rgb(15 23 42 / 5%);
}

.vendor-toolbar[b-0pavtwe472] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.15rem;
    border-block-end: 1px solid var(--cg-border);
}

.vendor-toolbar-copy h2[b-0pavtwe472] {
    margin: 0;
    color: var(--cg-text);
    font-size: 1rem;
    font-weight: 700;
}

.vendor-toolbar-copy span[b-0pavtwe472] {
    font-size: .82rem;
}

.vendor-toolbar-actions[b-0pavtwe472] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.vendor-button[b-0pavtwe472] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-block-size: 2.35rem;
    gap: .45rem;
    padding: .48rem .8rem;
    border: 1px solid transparent;
    border-radius: 8px;
    font: inherit;
    font-size: .84rem;
    font-weight: 650;
    cursor: pointer;
    transition: border-color 140ms ease, background-color 140ms ease, color 140ms ease, box-shadow 140ms ease;
}

.vendor-button--primary[b-0pavtwe472] {
    border-color: #6d28d9;
    background: #6d28d9;
    color: #ffffff;
}

.vendor-button--primary:hover:not(:disabled)[b-0pavtwe472] {
    border-color: #5b21b6;
    background: #5b21b6;
}

.vendor-button--secondary[b-0pavtwe472] {
    border-color: var(--cg-border);
    background: var(--cg-surface);
    color: var(--cg-text);
}

.vendor-button--secondary:hover:not(:disabled)[b-0pavtwe472] {
    border-color: #b8add9;
    background: #faf8ff;
    color: #6d28d9;
}

.vendor-button:focus-visible[b-0pavtwe472],
.vendor-account-link:focus-visible[b-0pavtwe472],
.vendor-edit-button:focus-visible[b-0pavtwe472] {
    outline: 2px solid #6d28d9;
    outline-offset: 2px;
}

.vendor-button:disabled[b-0pavtwe472] {
    cursor: not-allowed;
    opacity: .58;
}

.vendor-state[b-0pavtwe472] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .65rem;
    min-block-size: 16rem;
    padding: 2rem;
    color: var(--cg-text-secondary);
}

.vendor-state--error[b-0pavtwe472] {
    flex-wrap: wrap;
    color: var(--cg-danger-text);
}

.vendor-admin-page[b-0pavtwe472]  .vendor-grid {
    --cg-grid-border: var(--cg-border);
    --cg-grid-header-bg: var(--cg-surface-subtle);
    --cg-grid-filter-bg: var(--cg-surface-raised);
    --cg-grid-hover: var(--cg-hover);
    border: 0;
    border-radius: 0;
}

.vendor-admin-page[b-0pavtwe472]  .vendor-grid .cg-grid__toolbar {
    padding: .8rem 1rem;
}

.vendor-admin-page[b-0pavtwe472]  .vendor-grid .cg-grid__search input {
    border-radius: 8px;
}

.vendor-admin-page[b-0pavtwe472]  .vendor-grid .cg-grid__header-cell {
    color: var(--cg-text-secondary);
    font-size: .76rem;
    font-weight: 700;
    letter-spacing: .02em;
}

.vendor-admin-page[b-0pavtwe472]  .vendor-grid .cg-grid__filter-input,
.vendor-admin-page[b-0pavtwe472]  .vendor-grid .cg-grid__page-size select {
    border-radius: 7px;
}

.vendor-admin-page[b-0pavtwe472]  .vendor-grid .cg-grid__row:nth-child(even) .cg-grid__cell {
    background: var(--cg-surface-subtle);
}

.vendor-admin-page[b-0pavtwe472]  .vendor-grid .cg-grid__row:hover .cg-grid__cell {
    background: #f7f4ff;
}

.vendor-account-link[b-0pavtwe472] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    max-inline-size: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    color: #6d28d9;
    font: inherit;
    font-size: .82rem;
    font-weight: 700;
    cursor: pointer;
}

.vendor-account-link > span:last-child[b-0pavtwe472] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vendor-account-link:hover[b-0pavtwe472] {
    color: #5b21b6;
    text-decoration: underline;
}

.vendor-account-icon[b-0pavtwe472] {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    inline-size: 1.8rem;
    block-size: 1.8rem;
    border-radius: 7px;
    background: #f3f0ff;
    color: #6d28d9;
}

.vendor-name[b-0pavtwe472] {
    display: block;
    overflow: hidden;
    color: var(--cg-text);
    font-size: .86rem;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vendor-status-pill[b-0pavtwe472] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .22rem .5rem;
    border-radius: 999px;
    font-size: .7rem;
    font-weight: 700;
    white-space: nowrap;
}

.vendor-status-pill--active[b-0pavtwe472] {
    background: var(--cg-success-soft);
    color: var(--cg-success-text);
}

.vendor-status-pill--blocked[b-0pavtwe472] {
    background: var(--cg-danger-soft);
    color: var(--cg-danger-text);
}

.vendor-edit-button[b-0pavtwe472] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    inline-size: 2rem;
    block-size: 2rem;
    padding: 0;
    border: 1px solid #d9d2f4;
    border-radius: 7px;
    background: var(--cg-surface);
    color: #6d28d9;
    cursor: pointer;
}

.vendor-edit-button:hover[b-0pavtwe472] {
    border-color: #a78bfa;
    background: #f5f3ff;
}

.vendor-empty[b-0pavtwe472] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    min-block-size: 10rem;
    color: var(--cg-text-secondary);
    font-size: .84rem;
}

.vendor-empty i[b-0pavtwe472] {
    color: #6d28d9;
    font-size: 1.2rem;
}

[dir="rtl"] .vendor-admin-page[b-0pavtwe472],
.vendor-admin-page[dir="rtl"][b-0pavtwe472] {
    text-align: start;
}

@media (prefers-reduced-motion: reduce) {
    .vendor-button[b-0pavtwe472] {
        transition: none;
    }
}

@media (forced-colors: active) {
    .vendor-admin-header[b-0pavtwe472],
    .vendor-surface[b-0pavtwe472],
    .vendor-stat[b-0pavtwe472],
    .vendor-button[b-0pavtwe472],
    .vendor-status-pill[b-0pavtwe472],
    .vendor-edit-button[b-0pavtwe472] {
        border: 1px solid CanvasText;
    }
}

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

    .vendor-admin-stats[b-0pavtwe472],
    .vendor-toolbar-actions[b-0pavtwe472] {
        inline-size: 100%;
    }

    .vendor-stat[b-0pavtwe472] {
        flex: 1 1 5.5rem;
        min-inline-size: 5.5rem;
    }

    .vendor-toolbar[b-0pavtwe472] {
        align-items: flex-start;
        padding: .85rem;
    }

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

    .vendor-toolbar-actions .vendor-button--primary[b-0pavtwe472] {
        grid-column: 1 / -1;
    }

    .vendor-toolbar-actions .vendor-button[b-0pavtwe472] {
        inline-size: 100%;
    }

    .vendor-admin-page[b-0pavtwe472]  .vendor-grid .cg-grid__toolbar {
        align-items: stretch;
    }

    .vendor-admin-page[b-0pavtwe472]  .vendor-grid .cg-grid__search,
    .vendor-admin-page[b-0pavtwe472]  .vendor-grid .cg-grid__search input {
        inline-size: 100%;
    }
}

@media (max-width: 480px) {
    .vendor-toolbar-actions[b-0pavtwe472] {
        grid-template-columns: minmax(0, 1fr);
    }

    .vendor-toolbar-actions .vendor-button--primary[b-0pavtwe472] {
        grid-column: auto;
    }

    .vendor-button span[b-0pavtwe472] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .vendor-state[b-0pavtwe472] {
        align-items: stretch;
        flex-direction: column;
        text-align: center;
    }
}
/* _content/CashGear.App/Components/Pages/Purch/PO/PurchOrderSearchPage.razor.rz.scp.css */
.purch-order-search[b-yc9caab1ib] {
    display: grid;
    gap: 1rem;
    padding-bottom: 2rem;
}

.purch-order-search__header[b-yc9caab1ib],
.purch-order-search__section-heading[b-yc9caab1ib],
.purch-order-search__lines-heading[b-yc9caab1ib] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.purch-order-search__header h1[b-yc9caab1ib],
.purch-order-search__section-heading h2[b-yc9caab1ib],
.purch-order-search__lines-heading h3[b-yc9caab1ib] {
    margin: 0;
}

.purch-order-search__header p[b-yc9caab1ib] {
    color: var(--bs-secondary-color);
    margin: .35rem 0 0;
}

.purch-order-search__eyebrow[b-yc9caab1ib] {
    color: var(--bs-primary);
    display: block;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .08em;
    margin-bottom: .2rem;
    text-transform: uppercase;
}

.purch-order-search__search-card[b-yc9caab1ib],
.purch-order-search__results[b-yc9caab1ib],
.purch-order-search__details[b-yc9caab1ib] {
    background: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: .75rem;
    box-shadow: 0 .15rem .5rem rgba(0, 0, 0, .04);
    padding: 1rem;
}

.purch-order-search__form[b-yc9caab1ib] {
    align-items: end;
    display: grid;
    gap: .75rem;
    grid-template-columns: minmax(16rem, 1fr) auto;
}

.purch-order-search__input[b-yc9caab1ib] {
    display: grid;
    gap: .35rem;
}

.purch-order-search__input label[b-yc9caab1ib] {
    font-size: .875rem;
    font-weight: 600;
}

.purch-order-search__actions[b-yc9caab1ib] {
    display: flex;
    gap: .5rem;
}

.purch-order-search__content[b-yc9caab1ib] {
    display: grid;
    gap: 1rem;
}

.purch-order-search__section-heading[b-yc9caab1ib] {
    margin-bottom: 1rem;
}

.purch-order-search__count[b-yc9caab1ib],
.purch-order-search__lines-heading span[b-yc9caab1ib] {
    color: var(--bs-secondary-color);
    font-size: .875rem;
}

.purch-order-search__empty[b-yc9caab1ib] {
    align-items: center;
    color: var(--bs-secondary-color);
    display: flex;
    flex-direction: column;
    gap: .35rem;
    justify-content: center;
    min-height: 12rem;
    text-align: center;
}

.purch-order-search__empty i[b-yc9caab1ib] {
    font-size: 2rem;
}

.purch-order-search__summary[b-yc9caab1ib] {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 0 0 1.25rem;
}

.purch-order-search__summary > div[b-yc9caab1ib] {
    background: var(--bs-tertiary-bg);
    border-radius: .5rem;
    min-width: 0;
    padding: .75rem;
}

.purch-order-search__summary dt[b-yc9caab1ib] {
    color: var(--bs-secondary-color);
    font-size: .75rem;
    font-weight: 600;
    margin-bottom: .2rem;
    text-transform: uppercase;
}

.purch-order-search__summary dd[b-yc9caab1ib] {
    margin: 0;
    overflow-wrap: anywhere;
}

.purch-order-search__amount[b-yc9caab1ib] {
    color: var(--bs-success-text-emphasis);
    font-weight: 700;
}

.purch-order-search__lines-heading[b-yc9caab1ib] {
    margin-bottom: .75rem;
}

@media (max-width: 991.98px) {
    .purch-order-search__summary[b-yc9caab1ib] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575.98px) {
    .purch-order-search__form[b-yc9caab1ib] {
        grid-template-columns: 1fr;
    }

    .purch-order-search__actions > .btn[b-yc9caab1ib] {
        flex: 1;
    }

    .purch-order-search__section-heading[b-yc9caab1ib] {
        align-items: flex-start;
        flex-direction: column;
    }

    .purch-order-search__summary[b-yc9caab1ib] {
        grid-template-columns: 1fr;
    }
}
/* _content/CashGear.App/Components/Pages/Purch/PO/PurchOrdersPage.razor.rz.scp.css */
.purchase-orders-content[b-wgamhui20i] {
    position: relative;
    min-height: 12rem;
}

.purchase-orders-filter-bar[b-wgamhui20i] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.75rem;
    margin-block-end: 0.65rem;
    padding: 0.875rem;
    border: 1px solid var(--bs-border-color);
    border-radius: 0.625rem;
    background: var(--bs-body-bg);
}

.purchase-orders-filter-field[b-wgamhui20i] {
    display: grid;
    gap: 0.35rem;
    min-width: 0;
    margin: 0;
    color: var(--bs-secondary-color);
    font-size: 0.875rem;
}

.purchase-orders-filter-field > span[b-wgamhui20i] {
    line-height: 1.2;
}

.purchase-orders-filter-field[b-wgamhui20i]  .form-control {
    min-height: 2.75rem;
}

.purchase-orders-custom-range[b-wgamhui20i] {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: end;
    gap: 0.75rem;
}

.purchase-orders-custom-range > .btn[b-wgamhui20i] {
    grid-column: 1 / -1;
    justify-self: start;
}

.purchase-orders-date-error[b-wgamhui20i] {
    grid-column: 1 / -1;
    color: var(--bs-danger-text-emphasis);
    font-size: 0.875rem;
}

.purchase-orders-active-filters[b-wgamhui20i] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-block-end: 0.75rem;
}

.purchase-orders-filter-chip[b-wgamhui20i] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    max-width: 100%;
    padding: 0.3rem 0.6rem;
    border: 1px solid color-mix(in srgb, var(--bs-primary) 35%, var(--bs-border-color));
    border-radius: 999px;
    background: color-mix(in srgb, var(--bs-primary) 8%, var(--bs-body-bg));
    color: var(--bs-body-color);
    font: inherit;
    font-size: 0.8125rem;
}

.purchase-orders-filter-chip > span[b-wgamhui20i] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.purchase-orders-filter-chip:disabled[b-wgamhui20i],
.purchase-orders-clear-filters:disabled[b-wgamhui20i] {
    opacity: 0.65;
}

.purchase-orders-advanced-filter-label[b-wgamhui20i] {
    color: var(--bs-secondary-color);
    font-size: 0.8125rem;
}

.purchase-orders-clear-filters[b-wgamhui20i] {
    padding: 0.25rem;
    border: 0;
    background: transparent;
    color: var(--bs-primary);
    font: inherit;
    font-size: 0.8125rem;
}

.purchase-orders-loading-mask[b-wgamhui20i] {
    position: absolute;
    inset: 0;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 12rem;
    background: rgba(var(--bs-body-bg-rgb), 0.72);
    cursor: wait;
}

@media (min-width: 992px) {
    .purchase-orders-filter-bar[b-wgamhui20i] {
        grid-template-columns: minmax(11rem, 20rem);
        align-items: end;
    }

    .purchase-orders-custom-range[b-wgamhui20i] {
        grid-template-columns: repeat(2, minmax(11rem, 15rem)) auto;
    }

    .purchase-orders-custom-range > .btn[b-wgamhui20i] {
        grid-column: auto;
    }
}

@media (max-width: 575.98px) {
    .purchase-orders-custom-range[b-wgamhui20i] {
        grid-template-columns: minmax(0, 1fr);
    }
}

.purchase-orders-loading-indicator[b-wgamhui20i] {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.85rem 1.1rem;
    border: 1px solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    background: var(--bs-body-bg);
    color: var(--bs-body-color);
    box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.14);
}

@media (prefers-reduced-motion: reduce) {
    .purchase-orders-loading-indicator .spinner-border[b-wgamhui20i] {
        animation: none;
    }
}
/* _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: var(--cg-surface);
    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: var(--cg-text-secondary);
        text-align: start;
    }

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

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

.sb-pivot-employee[b-joa398rx6i] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    min-inline-size: 0;
}

.sb-pivot-employee > span[b-joa398rx6i] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 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: var(--cg-text);
}

.sb-orders[b-joa398rx6i] {
    font-size: .8rem;
    font-weight: 600;
    color: var(--cg-text);
    background: var(--cg-surface-subtle);
    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: var(--cg-surface);
    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: var(--cg-text-secondary);
}

.sb-value[b-joa398rx6i] {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--cg-text);
    font-variant-numeric: tabular-nums;
}

.sb-sub[b-joa398rx6i] {
    font-size: .72rem;
    color: var(--cg-text-secondary);
    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;
}
/* _content/CashGear.App/Components/Pages/Sales/Reports/SalesAnalysisPage.razor.rz.scp.css */
.sales-analysis-page[b-czuuss6d2d] {
    display: grid;
    gap: 1rem;
    padding: 1rem;
}

.sales-analysis-page__header[b-czuuss6d2d] {
    align-items: end;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.sales-analysis-page__header h1[b-czuuss6d2d],
.sales-analysis-page__header p[b-czuuss6d2d] {
    margin: 0;
}

.sales-analysis-page__diagnostics[b-czuuss6d2d] {
    color: var(--bs-secondary-color, #5d6670);
    font-size: .875rem;
    white-space: nowrap;
}

@media (max-width: 42rem) {
    .sales-analysis-page__header[b-czuuss6d2d] {
        align-items: start;
        flex-direction: column;
    }
}
/* _content/CashGear.App/Components/Pages/Sales/SalesOrderSearchPage.razor.rz.scp.css */
.sales-order-search[b-2mta8uh9m5] {
    display: grid;
    gap: 1rem;
    padding-bottom: 2rem;
}

.sales-order-search__header[b-2mta8uh9m5],
.sales-order-search__section-heading[b-2mta8uh9m5],
.sales-order-search__lines-heading[b-2mta8uh9m5] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.sales-order-search__header h1[b-2mta8uh9m5],
.sales-order-search__section-heading h2[b-2mta8uh9m5],
.sales-order-search__lines-heading h3[b-2mta8uh9m5] {
    margin: 0;
}

.sales-order-search__header p[b-2mta8uh9m5] {
    color: var(--bs-secondary-color);
    margin: .35rem 0 0;
}

.sales-order-search__eyebrow[b-2mta8uh9m5] {
    color: var(--bs-primary);
    display: block;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .08em;
    margin-bottom: .2rem;
    text-transform: uppercase;
}

.sales-order-search__search-card[b-2mta8uh9m5],
.sales-order-search__results[b-2mta8uh9m5],
.sales-order-search__details[b-2mta8uh9m5] {
    background: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: .75rem;
    box-shadow: 0 .15rem .5rem rgba(0, 0, 0, .04);
    padding: 1rem;
}

.sales-order-search__form[b-2mta8uh9m5] {
    align-items: end;
    display: grid;
    gap: .75rem;
    grid-template-columns: minmax(16rem, 1fr) auto;
}

.sales-order-search__input[b-2mta8uh9m5] {
    display: grid;
    gap: .35rem;
}

.sales-order-search__input label[b-2mta8uh9m5] {
    font-size: .875rem;
    font-weight: 600;
}

.sales-order-search__actions[b-2mta8uh9m5] {
    display: flex;
    gap: .5rem;
}

.sales-order-search__content[b-2mta8uh9m5] {
    display: grid;
    gap: 1rem;
}

.sales-order-search__section-heading[b-2mta8uh9m5] {
    margin-bottom: 1rem;
}

.sales-order-search__count[b-2mta8uh9m5],
.sales-order-search__lines-heading span[b-2mta8uh9m5] {
    color: var(--bs-secondary-color);
    font-size: .875rem;
}

.sales-order-search__empty[b-2mta8uh9m5] {
    align-items: center;
    color: var(--bs-secondary-color);
    display: flex;
    flex-direction: column;
    gap: .35rem;
    justify-content: center;
    min-height: 12rem;
    text-align: center;
}

.sales-order-search__empty i[b-2mta8uh9m5] {
    font-size: 2rem;
}

.sales-order-search__summary[b-2mta8uh9m5] {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 0 0 1.25rem;
}

.sales-order-search__summary > div[b-2mta8uh9m5] {
    background: var(--bs-tertiary-bg);
    border-radius: .5rem;
    min-width: 0;
    padding: .75rem;
}

.sales-order-search__summary dt[b-2mta8uh9m5] {
    color: var(--bs-secondary-color);
    font-size: .75rem;
    font-weight: 600;
    margin-bottom: .2rem;
    text-transform: uppercase;
}

.sales-order-search__summary dd[b-2mta8uh9m5] {
    margin: 0;
    overflow-wrap: anywhere;
}

.sales-order-search__amount[b-2mta8uh9m5] {
    color: var(--bs-success-text-emphasis);
    font-weight: 700;
}

.sales-order-search__lines-heading[b-2mta8uh9m5] {
    margin-bottom: .75rem;
}

.sales-order-search__pc-order-detail[b-2mta8uh9m5] {
    box-sizing: border-box;
    inline-size: 100%;
    max-inline-size: 100%;
    min-inline-size: 0;
    overflow: hidden;
    padding: .25rem;
}

.sales-order-search__pc-order-detail[b-2mta8uh9m5]  .cg-form-layout {
    max-inline-size: 100%;
    min-inline-size: 0;
}

@media (max-width: 991.98px) {
    .sales-order-search__summary[b-2mta8uh9m5] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575.98px) {
    .sales-order-search__form[b-2mta8uh9m5] {
        grid-template-columns: 1fr;
    }

    .sales-order-search__actions > .btn[b-2mta8uh9m5] {
        flex: 1;
    }

    .sales-order-search__section-heading[b-2mta8uh9m5] {
        align-items: flex-start;
        flex-direction: column;
    }

    .sales-order-search__summary[b-2mta8uh9m5] {
        grid-template-columns: 1fr;
    }

    .sales-order-search__pc-order-detail[b-2mta8uh9m5] {
        padding: 0;
    }
}