/* _content/Zajal.Shared/Components/Cashier/CartItem.razor.rz.scp.css */
.cart-item[b-ypdpntu6ff] {
    background: #ffffff;
    padding: 0.4rem 0.6rem;
    border-radius: 0.375rem;
    border: 1px solid rgba(219, 193, 181, 0.55);
    transition: all 0.15s ease;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02);
    box-sizing: border-box;
    font-family: 'Manrope', 'Cairo', 'IBM Plex Sans Arabic', sans-serif;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.cart-item:hover[b-ypdpntu6ff] {
    border-color: #887368;
    background: #fffdfb;
}

/* Row 1: Item Name & Total Price */
.cart-item__row-main[b-ypdpntu6ff] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.cart-item__title[b-ypdpntu6ff] {
    font-size: 0.9rem;
    font-weight: 700;
    color: #201b14;
    margin: 0;
    line-height: 1.25;
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cart-item__total[b-ypdpntu6ff] {
    font-size: 0.95rem;
    font-weight: 700;
    color: #964407;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

/* Row 2: Selected Modifiers/Options */
.cart-item__modifiers[b-ypdpntu6ff] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    margin-top: 0.1rem;
    margin-bottom: 0.1rem;
}

.modifier-tag[b-ypdpntu6ff] {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    background: #f8ece1;
    color: #554339;
    font-size: 0.68rem;
    font-weight: 600;
    padding: 0.1rem 0.4rem;
    border-radius: 0.25rem;
    border: 1px solid rgba(219, 193, 181, 0.5);
    line-height: 1.2;
}

.modifier-extra[b-ypdpntu6ff] {
    color: #964407;
    font-weight: 700;
}

/* Row 3: Action Buttons & Stepper */
.cart-item__row-controls[b-ypdpntu6ff] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.4rem;
    margin-top: 0.2rem;
    padding-top: 0.25rem;
    border-top: 1px dashed rgba(219, 193, 181, 0.4);
}

.cart-item__actions-group[b-ypdpntu6ff] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    flex-wrap: wrap;
    min-width: 0;
}

.cart-item__unit-price[b-ypdpntu6ff] {
    font-size: 0.72rem;
    color: #887368;
    font-weight: 500;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.cart-item__edit-btn[b-ypdpntu6ff] {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    background: #f8ece1;
    border: 1px solid rgba(219, 193, 181, 0.6);
    color: #964407;
    font-size: 0.68rem;
    font-weight: 600;
    cursor: pointer;
    padding: 0.15rem 0.45rem;
    border-radius: 0.25rem;
    font-family: inherit;
    transition: all 0.12s ease;
}

.cart-item__edit-btn:hover[b-ypdpntu6ff] {
    background: #ffdbca;
}

.cart-item__edit-btn .material-symbols-outlined[b-ypdpntu6ff] {
    font-size: 0.85rem;
}

.cart-item__stepper[b-ypdpntu6ff] {
    display: flex;
    align-items: center;
    gap: 0.2rem;
    background: #fef1e7;
    padding: 2px;
    border-radius: 0.4rem;
    border: 1px solid rgba(219, 193, 181, 0.5);
}

.stepper-btn[b-ypdpntu6ff] {
    width: 36px;
    height: 36px;
    min-width: 36px;
    min-height: 36px;
    border-radius: 0.3rem;
    border: none;
    background: #ffffff;
    color: #201b14;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
    transition: all 0.15s ease;
}

.stepper-btn:hover:not(:disabled)[b-ypdpntu6ff] {
    background: #ffdbca;
    color: #964407;
}

.stepper-btn--delete[b-ypdpntu6ff] {
    color: #ba1a1a;
}

.stepper-btn--delete:hover:not(:disabled)[b-ypdpntu6ff] {
    background: #ffdad6;
    color: #ba1a1a;
}

.stepper-btn:disabled[b-ypdpntu6ff] {
    opacity: 0.35;
    cursor: not-allowed;
}

.stepper-btn .material-symbols-outlined[b-ypdpntu6ff] {
    font-size: 1.05rem;
}

.stepper-val[b-ypdpntu6ff] {
    width: 1.5rem;
    text-align: center;
    font-size: 0.9rem;
    font-weight: 700;
    color: #201b14;
    font-variant-numeric: tabular-nums;
}
/* _content/Zajal.Shared/Components/Cashier/CartPanel.razor.rz.scp.css */
.cart-panel[b-xlfk27mdk2] {
    width: 32%;
    width: 28%;
    min-width: 370px;
    min-width: 380px;
    max-width: 430px;
    max-width: 440px;
    height: 100%;
    display: flex;
    flex-direction: column;
    background: #fef1e7;
    border-left: 1px solid #dbc1b5;
    flex-shrink: 0;
    z-index: 20;
    box-sizing: border-box;
    overflow: hidden;
    font-family: 'Manrope', 'Cairo', 'IBM Plex Sans Arabic', sans-serif;
}

/* 1. Header */
.cart-panel__header[b-xlfk27mdk2] {
    background: #ffffff;
    padding: 0.65rem 1rem;
    border-bottom: 1px solid #dbc1b5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    flex-shrink: 0;
    box-sizing: border-box;
}

.cart-header__actions-side[b-xlfk27mdk2] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.cart-drawer-close-btn[b-xlfk27mdk2] {
    width: 2rem;
    height: 2rem;
    border-radius: 0.5rem;
    border: 1px solid #dbc1b5;
    background: #fef1e7;
    color: #201b14;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.15s ease;
}

.cart-drawer-close-btn:hover[b-xlfk27mdk2] {
    background: #ffdad6;
    border-color: #ffb3b0;
    color: #ba1a1a;
}

.cart-header__info[b-xlfk27mdk2] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
}

.cart-header__type-icon[b-xlfk27mdk2] {
    width: 2.15rem;
    height: 2.15rem;
    border-radius: 0.5rem;
    background: rgba(150, 68, 7, 0.1);
    color: #964407;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.cart-header__type-icon .material-symbols-outlined[b-xlfk27mdk2] {
    font-size: 1.25rem;
    font-variation-settings: 'FILL' 1;
}

.cart-header__details[b-xlfk27mdk2] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.cart-header__title-row[b-xlfk27mdk2] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.cart-header__title[b-xlfk27mdk2] {
    font-size: 0.95rem;
    font-weight: 700;
    color: #201b14;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cart-header__order-id[b-xlfk27mdk2] {
    background: #f8ece1;
    padding: 0.1rem 0.45rem;
    border-radius: 0.25rem;
    font-size: 0.68rem;
    font-weight: 700;
    color: #69615b;
    white-space: nowrap;
}

.cart-header__time[b-xlfk27mdk2] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.72rem;
    color: #554339;
}

.cart-header__time .material-symbols-outlined[b-xlfk27mdk2] {
    font-size: 0.85rem;
}

/* Customer Dropdown Pill */
.customer-pill[b-xlfk27mdk2] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    background: #fef1e7;
    border: 1px solid rgba(219, 193, 181, 0.8);
    border-radius: 0.5rem;
    padding: 0.35rem 0.6rem;
    cursor: pointer;
    transition: all 0.15s ease;
    text-align: right;
    flex-shrink: 0;
    font-family: inherit;
}

.customer-pill:hover[b-xlfk27mdk2] {
    background: #f8ece1;
}

.customer-pill__avatar[b-xlfk27mdk2] {
    width: 24px;
    height: 24px;
    border-radius: 9999px;
    background: #ffdbca;
    border: 1px solid #ffb68e;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
    color: #964407;
}

.customer-pill__info[b-xlfk27mdk2] {
    display: flex;
    flex-direction: column;
    line-height: 1.15;
}

.customer-pill__name[b-xlfk27mdk2] {
    font-size: 0.75rem;
    font-weight: 700;
    color: #201b14;
    white-space: nowrap;
    max-width: 90px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.customer-pill__tier[b-xlfk27mdk2] {
    font-size: 0.65rem;
    font-weight: 600;
    color: #964407;
}

.customer-pill__phone[b-xlfk27mdk2] {
    font-size: 0.65rem;
    color: #554339;
}

.customer-pill__arrow[b-xlfk27mdk2] {
    font-size: 1rem;
    color: #554339;
}

/* 2. Scrollable Items (32% cart area) */
.cart-panel__items-container[b-xlfk27mdk2] {
    flex: 1;
    overflow-y: auto;
    padding: 0.75rem;
    box-sizing: border-box;
    scrollbar-width: thin;
    background: #fef1e7;
}

.cart-panel__items-container[b-xlfk27mdk2]::-webkit-scrollbar {
    width: 5px;
}

.cart-panel__items-container[b-xlfk27mdk2]::-webkit-scrollbar-thumb {
    background: #dbc1b5;
    border-radius: 9999px;
}

.cart-empty-state[b-xlfk27mdk2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3.5rem 1rem;
    text-align: center;
    color: #554339;
}

.cart-empty-state__icon[b-xlfk27mdk2] {
    font-size: 2.8rem;
    color: #dbc1b5;
    margin-bottom: 0.5rem;
}

.cart-empty-state__title[b-xlfk27mdk2] {
    font-size: 1rem;
    font-weight: 700;
    color: #201b14;
    margin: 0 0 0.25rem 0;
}

.cart-empty-state__msg[b-xlfk27mdk2] {
    font-size: 0.8rem;
    color: #554339;
    margin: 0;
}

.cart-items-list[b-xlfk27mdk2] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.cart-scroll-hint[b-xlfk27mdk2] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    padding: 0.4rem;
    font-size: 0.72rem;
    color: #554339;
    font-weight: 600;
}

/* 3. Kitchen Notes Strip */
.cart-panel__notes-strip[b-xlfk27mdk2] {
    background: #ffffff;
    border-top: 1px solid rgba(219, 193, 181, 0.6);
    padding: 0.375rem 0.75rem;
    flex-shrink: 0;
    box-sizing: border-box;
}

.kitchen-notes-btn[b-xlfk27mdk2] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    background: transparent;
    border: none;
    color: #554339;
    font-size: 0.78rem;
    font-weight: 600;
    cursor: pointer;
    padding: 0.25rem 0;
    text-align: right;
    transition: color 0.15s ease;
    font-family: inherit;
}

.kitchen-notes-btn:hover:not(:disabled)[b-xlfk27mdk2] {
    color: #964407;
}

.kitchen-notes-chip[b-xlfk27mdk2] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    background: #fef1e7;
    border: 1px solid #ffb68e;
    border-radius: 0.375rem;
    padding: 0.3rem 0.6rem;
    cursor: pointer;
    font-size: 0.75rem;
    color: #964407;
}

.kitchen-notes-chip__text[b-xlfk27mdk2] {
    flex: 1;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.kitchen-notes-chip__clear[b-xlfk27mdk2] {
    background: none;
    border: none;
    color: #964407;
    font-size: 0.75rem;
    cursor: pointer;
    padding: 0 0.2rem;
}

.kitchen-notes-editor[b-xlfk27mdk2] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.kitchen-notes-editor__header[b-xlfk27mdk2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.kitchen-notes-editor__label[b-xlfk27mdk2] {
    font-size: 0.72rem;
    font-weight: 700;
    color: #201b14;
}

.kitchen-notes-editor__done-btn[b-xlfk27mdk2] {
    background: #964407;
    color: #ffffff;
    border: none;
    border-radius: 0.25rem;
    padding: 0.15rem 0.5rem;
    font-size: 0.7rem;
    font-weight: 700;
    cursor: pointer;
    font-family: inherit;
}

.kitchen-notes-textarea[b-xlfk27mdk2] {
    width: 100%;
    padding: 0.35rem 0.55rem;
    font-size: 0.75rem;
    border: 1px solid #dbc1b5;
    border-radius: 0.375rem;
    resize: none;
    outline: none;
    box-sizing: border-box;
    font-family: inherit;
    background: #fff8f4;
    color: #201b14;
}

.kitchen-notes-textarea:focus[b-xlfk27mdk2] {
    background: #ffffff;
    border-color: #964407;
}

/* 4. Quick Actions Bar */
.cart-panel__quick-actions[b-xlfk27mdk2] {
    background: #fef1e7;
    border-top: 1px solid #dbc1b5;
    padding: 0.375rem 0.75rem;
    display: flex;
    align-items: center;
    gap: 0.35rem;
    flex-shrink: 0;
    box-sizing: border-box;
}

.quick-btn[b-xlfk27mdk2] {
    flex: 1;
    height: 2.15rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.3rem;
    background: #ffffff;
    border: 1px solid #dbc1b5;
    border-radius: 0.5rem;
    color: #201b14;
    font-size: 0.75rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s ease;
    white-space: nowrap;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02);
    font-family: inherit;
}

.quick-btn:hover:not(:disabled)[b-xlfk27mdk2] {
    background: #f8ece1;
}

.quick-btn:active:not(:disabled)[b-xlfk27mdk2] {
    transform: scale(0.95);
}

.quick-btn:disabled[b-xlfk27mdk2] {
    opacity: 0.45;
    cursor: not-allowed;
}

.quick-btn .material-symbols-outlined[b-xlfk27mdk2] {
    font-size: 1.05rem;
}

.quick-btn--park[b-xlfk27mdk2] {
    color: #b45309;
}

.quick-btn--park:hover:not(:disabled)[b-xlfk27mdk2] {
    background: #fef1e7;
}

.quick-btn--clear[b-xlfk27mdk2] {
    flex: 0 0 2.15rem;
    color: #dc2626;
    background: #fef2f2;
    border-color: #fca5a5;
}

.quick-btn--clear:hover:not(:disabled)[b-xlfk27mdk2] {
    background: #fee2e2;
    border-color: #ef4444;
    color: #b91c1c;
}

/* 5. Financial Summary */
.cart-panel__totals[b-xlfk27mdk2] {
    background: #ffffff;
    border-top: 1px solid #dbc1b5;
    padding: 0.65rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    flex-shrink: 0;
    box-sizing: border-box;
}

.totals-row[b-xlfk27mdk2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.78rem;
    color: #554339;
}

.totals-num[b-xlfk27mdk2] {
    font-weight: 600;
    color: #201b14;
    font-variant-numeric: tabular-nums;
}

.totals-row--offer[b-xlfk27mdk2] {
    color: #964407;
    font-weight: 700;
}

.totals-row--offer .totals-num[b-xlfk27mdk2] {
    color: #964407;
}

.totals-discount-row[b-xlfk27mdk2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.15rem 0;
}

.discount-input-box[b-xlfk27mdk2] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.discount-label[b-xlfk27mdk2] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #201b14;
}

.discount-input[b-xlfk27mdk2] {
    width: 5.5rem;
    height: 1.75rem;
    padding: 0 0.4rem;
    font-size: 0.75rem;
    border: 1px solid #dbc1b5;
    border-radius: 0.25rem;
    outline: none;
    box-sizing: border-box;
    background: #fff8f4;
    color: #201b14;
    font-family: inherit;
}

.discount-applied[b-xlfk27mdk2] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

.discount-val[b-xlfk27mdk2] {
    font-size: 0.78rem;
    font-weight: 700;
    color: #ba1a1a;
    font-variant-numeric: tabular-nums;
}

.discount-clear-btn[b-xlfk27mdk2] {
    border: none;
    background: #ffdad6;
    color: #ba1a1a;
    border-radius: 0.25rem;
    padding: 0.1rem 0.4rem;
    font-size: 0.68rem;
    cursor: pointer;
}

.totals-split-note[b-xlfk27mdk2] {
    font-size: 0.72rem;
    color: #964407;
    font-weight: 600;
}

.totals-divider[b-xlfk27mdk2] {
    height: 1px;
    background: #dbc1b5;
    margin: 0.25rem 0;
}

.grand-total-row[b-xlfk27mdk2] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding-top: 0.15rem;
}

.grand-total-label[b-xlfk27mdk2] {
    font-size: 1.05rem;
    font-weight: 700;
    color: #201b14;
}

.grand-total-value[b-xlfk27mdk2] {
    display: flex;
    align-items: baseline;
    gap: 0.25rem;
    color: #964407;
}

.grand-total-num[b-xlfk27mdk2] {
    font-size: 1.65rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.02em;
}

.grand-total-curr[b-xlfk27mdk2] {
    font-size: 0.85rem;
    font-weight: 700;
    color: #554339;
}

/* 6. Checkout Panel Container */
.cart-panel__checkout[b-xlfk27mdk2] {
    background: #ffffff;
    border-top: 1px solid #dbc1b5;
    padding: 0.5rem;
    flex-shrink: 0;
    box-sizing: border-box;
}

/* 7. Tablet / Mobile Drawer Mode (< 900px) */
@media (max-width: 900px) {
    .cart-panel[b-xlfk27mdk2] {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: 85vh;
        max-height: 85vh;
        border-top-left-radius: 1rem;
        border-top-right-radius: 1rem;
        border-left: none;
        border-top: 2px solid #964407;
        box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.2);
        z-index: 60;
        transform: translateY(105%);
        transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    }

    .cart-panel.is-drawer-open[b-xlfk27mdk2] {
        transform: translateY(0);
    }

    .cart-drawer-backdrop[b-xlfk27mdk2] {
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.5);
        backdrop-filter: blur(2px);
        z-index: 55;
    }
}
/* _content/Zajal.Shared/Components/Cashier/CashierHeader.razor.rz.scp.css */
.cashier-header[b-ibk90z4g7o] {
    width: 100%;
    height: 44px;
    min-height: 40px;
    max-height: 48px;
    padding: 0 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    background: #ffffff;
    border-bottom: 1px solid #dbc1b5;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
    box-sizing: border-box;
    flex-shrink: 0;
    z-index: 40;
    font-family: 'Manrope', 'Cairo', 'IBM Plex Sans Arabic', sans-serif;
}

@media (max-width: 768px) {
    .cashier-header[b-ibk90z4g7o] {
        height: 48px;
        min-height: 48px;
        max-height: 56px;
        padding: 0 0.75rem;
    }
}

/* Right Section: Brand & Cashier Shift Badge */
.cashier-header__brand[b-ibk90z4g7o] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}

.cashier-header__logo[b-ibk90z4g7o] {
    width: 2rem;
    height: 2rem;
    border-radius: 0.5rem;
    background: #964407;
    color: #ffffff;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    box-shadow: 0 1px 2px rgba(150, 68, 7, 0.2);
}

.cashier-header__logo .material-symbols-outlined[b-ibk90z4g7o] {
    font-size: 1.25rem;
    font-variation-settings: 'FILL' 1;
}

.cashier-header__identity[b-ibk90z4g7o] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 1.15;
    min-width: 0;
}

.cashier-header__title[b-ibk90z4g7o] {
    font-family: 'EB Garamond', 'Cairo', serif;
    font-size: 1.15rem;
    font-weight: 700;
    color: #201b14;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.1;
}

.cashier-header__sub[b-ibk90z4g7o] {
    font-size: 0.68rem;
    font-weight: 600;
    color: #554339;
    white-space: nowrap;
}

.cashier-header__divider[b-ibk90z4g7o] {
    width: 1px;
    height: 1.25rem;
    background: #dbc1b5;
    margin: 0 0.25rem;
    flex-shrink: 0;
}

.cashier-header__shift-badge[b-ibk90z4g7o] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.25rem 0.65rem;
    border-radius: 9999px;
    background: #fef1e7;
    border: 1px solid #e9ded6;
    font-size: 0.75rem;
    font-weight: 600;
    color: #201b14;
    white-space: nowrap;
}

.shift-pulse-dot[b-ibk90z4g7o] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #b65c21;
    box-shadow: 0 0 0 2px rgba(182, 92, 33, 0.25);
    animation: pulse-b-ibk90z4g7o 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes pulse-b-ibk90z4g7o {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.5; transform: scale(0.85); }
}

.shift-user-name[b-ibk90z4g7o] {
    font-weight: 700;
}

.cashier-offline-pill[b-ibk90z4g7o] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.2rem 0.5rem;
    border-radius: 9999px;
    background: #ffdad6;
    border: 1px solid #ffb3b0;
    color: #ba1a1a;
    font-size: 0.7rem;
    font-weight: 800;
    white-space: nowrap;
}

.cashier-offline-pill .material-symbols-outlined[b-ibk90z4g7o] {
    font-size: 0.85rem;
}

.cashier-order-pill[b-ibk90z4g7o] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.2rem 0.5rem;
    border-radius: 9999px;
    background: #fef1e7;
    border: 1px solid #ffdbca;
    color: #964407;
    font-size: 0.7rem;
    font-weight: 800;
    white-space: nowrap;
}

.cashier-order-pill .material-symbols-outlined[b-ibk90z4g7o] {
    font-size: 0.85rem;
}

/* Center Section: Order Type Segmented Switcher */
.cashier-header__order-type[b-ibk90z4g7o] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    background: #fef1e7;
    border: 1px solid rgba(219, 193, 181, 0.6);
    padding: 2px;
    border-radius: 0.5rem;
}

.order-type-btn[b-ibk90z4g7o] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    height: 1.85rem;
    padding: 0 0.85rem;
    border: none;
    border-radius: calc(0.5rem - 2px);
    background: transparent;
    color: #554339;
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s ease;
    white-space: nowrap;
    font-family: inherit;
}

.order-type-btn .material-symbols-outlined[b-ibk90z4g7o] {
    font-size: 1.1rem;
}

.order-type-btn:hover:not(:disabled)[b-ibk90z4g7o] {
    color: #201b14;
}

.order-type-btn.is-active[b-ibk90z4g7o] {
    background: #ffffff;
    color: #964407;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
    font-weight: 700;
}

.order-type-btn.is-active .material-symbols-outlined[b-ibk90z4g7o] {
    font-variation-settings: 'FILL' 1;
}

.order-type-btn:disabled[b-ibk90z4g7o] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Left Section: Quick Actions */
.cashier-header__actions[b-ibk90z4g7o] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.cashier-tool-btn[b-ibk90z4g7o] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    height: 1.85rem;
    padding: 0 0.75rem;
    border: 1px solid #dbc1b5;
    border-radius: 0.5rem;
    background: #ffffff;
    color: #201b14;
    font-size: 0.78rem;
    font-weight: 600;
    cursor: pointer;
    position: relative;
    transition: all 0.15s ease;
    white-space: nowrap;
    font-family: inherit;
}

.cashier-tool-btn:hover[b-ibk90z4g7o] {
    background: #f8ece1;
}

.cashier-tool-btn:active[b-ibk90z4g7o] {
    transform: scale(0.98);
}

.cashier-tool-btn--orders[b-ibk90z4g7o] {
    background: #e9ded6;
    color: #69615b;
    border: none;
}

.cashier-tool-btn--orders:hover[b-ibk90z4g7o] {
    background: #f2e6dc;
}

.cashier-tool-btn.is-active[b-ibk90z4g7o] {
    background: #fef1e7;
    border-color: #964407;
    color: #964407;
}

.cashier-tool-btn .material-symbols-outlined[b-ibk90z4g7o] {
    font-size: 1.05rem;
}

.tool-count-badge[b-ibk90z4g7o] {
    min-width: 1.1rem;
    height: 1.1rem;
    padding: 0 0.35rem;
    border-radius: 9999px;
    background: #964407;
    color: #ffffff;
    font-size: 0.65rem;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.cashier-icon-btn[b-ibk90z4g7o] {
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 0.5rem;
    background: transparent;
    color: #554339;
    cursor: pointer;
    transition: all 0.15s ease;
}

.cashier-icon-btn .material-symbols-outlined[b-ibk90z4g7o] {
    font-size: 1.25rem;
}

.cashier-icon-btn:hover[b-ibk90z4g7o] {
    background: #f8ece1;
    color: #201b14;
}

.cashier-icon-btn--logout:hover[b-ibk90z4g7o] {
    background: #ffdad6;
    color: #ba1a1a;
}

/* Kebab Menu & Secondary Actions for High Density */
.cashier-header__desktop-actions[b-ibk90z4g7o] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.cashier-more-container[b-ibk90z4g7o] {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.cashier-more-backdrop[b-ibk90z4g7o] {
    position: fixed;
    inset: 0;
    z-index: 50;
    background: rgba(0, 0, 0, 0.15);
}

.cashier-more-dropdown[b-ibk90z4g7o] {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    min-width: 190px;
    background: #ffffff;
    border: 1px solid #dbc1b5;
    border-radius: 0.5rem;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
    z-index: 51;
    padding: 0.35rem;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.more-menu-item[b-ibk90z4g7o] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    border-radius: 0.375rem;
    border: none;
    background: transparent;
    font-size: 0.82rem;
    font-weight: 600;
    color: #201b14;
    cursor: pointer;
    text-align: right;
    width: 100%;
    font-family: inherit;
    transition: all 0.12s ease;
}

.more-menu-item .material-symbols-outlined[b-ibk90z4g7o] {
    font-size: 1.15rem;
    color: #887368;
}

.more-menu-item:hover[b-ibk90z4g7o] {
    background: #fef1e7;
    color: #964407;
}

.more-menu-item:hover .material-symbols-outlined[b-ibk90z4g7o] {
    color: #964407;
}

.more-menu-item--danger[b-ibk90z4g7o] {
    color: #ba1a1a;
}

.more-menu-item--danger .material-symbols-outlined[b-ibk90z4g7o] {
    color: #ba1a1a;
}

.more-menu-item--danger:hover[b-ibk90z4g7o] {
    background: #ffdad6;
    color: #ba1a1a;
}

.more-menu-divider[b-ibk90z4g7o] {
    height: 1px;
    background: #dbc1b5;
    margin: 0.25rem 0;
}

@media (max-width: 1024px) {
    .cashier-header__desktop-actions[b-ibk90z4g7o] {
        display: none !important;
    }
}

@media (min-width: 1025px) {
    .cashier-more-container[b-ibk90z4g7o] {
        display: none;
    }
}
/* _content/Zajal.Shared/Components/Cashier/CheckoutPanel.razor.rz.scp.css */
.checkout-panel[b-yemszk6unq] {
    display: flex;
    flex-direction: column;
    width: 100%;
    background: #ffffff;
    box-sizing: border-box;
    font-family: 'Manrope', 'Cairo', 'IBM Plex Sans Arabic', sans-serif;
}

/* Fast Cash Breakdown Shortcuts */
.checkout-panel__cash-strip[b-yemszk6unq] {
    padding: 0.375rem 1rem;
    background: #f2e6dc;
    border-top: 1px solid rgba(219, 193, 181, 0.6);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    font-size: 0.72rem;
    box-sizing: border-box;
}

.cash-strip__label[b-yemszk6unq] {
    color: #554339;
    font-weight: 600;
    flex-shrink: 0;
}

.cash-strip__chips[b-yemszk6unq] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    overflow-x: auto;
    scrollbar-width: none;
}

.cash-strip__chips[b-yemszk6unq]::-webkit-scrollbar {
    display: none;
}

.cash-chip[b-yemszk6unq] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    background: #ffffff;
    border: 1px solid #dbc1b5;
    border-radius: 0.25rem;
    padding: 0.15rem 0.5rem;
    font-size: 0.7rem;
    font-weight: 700;
    color: #201b14;
    cursor: pointer;
    transition: all 0.15s ease;
    white-space: nowrap;
    font-family: inherit;
}

.cash-chip:hover:not(:disabled)[b-yemszk6unq] {
    background: #964407;
    border-color: #964407;
    color: #ffffff;
}

.cash-chip:disabled[b-yemszk6unq] {
    opacity: 0.5;
    cursor: not-allowed;
}

.cash-chip__amount[b-yemszk6unq] {
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.cash-chip__change[b-yemszk6unq] {
    font-size: 0.65rem;
    opacity: 0.85;
    font-variant-numeric: tabular-nums;
}

/* Strict 60px Height Pay CTA Button */
.checkout-panel__pay-btn[b-yemszk6unq] {
    width: 100%;
    height: 60px;
    min-height: 60px;
    max-height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1.5rem;
    border: none;
    border-radius: 0.5rem;
    background: #b65c21;
    background: linear-gradient(135deg, #964407 0%, #b65c21 100%);
    color: #ffffff;
    cursor: pointer;
    transition: all 0.15s ease;
    box-shadow: 0 2px 8px rgba(150, 68, 7, 0.25);
    box-sizing: border-box;
    font-family: inherit;
}

.checkout-panel__pay-btn:hover:not(:disabled)[b-yemszk6unq] {
    background: #059669;
    box-shadow: 0 4px 12px rgba(5, 150, 105, 0.35);
}

.checkout-panel__pay-btn:active:not(:disabled)[b-yemszk6unq] {
    transform: scale(0.98);
    background: #047857;
}

.checkout-panel__pay-btn:disabled[b-yemszk6unq] {
    opacity: 0.5;
    cursor: not-allowed;
    box-shadow: none;
}

.pay-btn__content[b-yemszk6unq] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
}

.pay-icon[b-yemszk6unq] {
    font-size: 1.65rem;
    font-variation-settings: 'FILL' 1;
}

.pay-btn__labels[b-yemszk6unq] {
    display: flex;
    flex-direction: column;
    text-align: right;
}

.pay-label[b-yemszk6unq] {
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.2;
}

.pay-hint[b-yemszk6unq] {
    font-size: 0.68rem;
    opacity: 0.8;
    font-weight: 500;
}

.pay-total-badge[b-yemszk6unq] {
    display: flex;
    align-items: baseline;
    gap: 0.25rem;
    background: rgba(0, 0, 0, 0.15);
    padding: 0.35rem 0.75rem;
    border-radius: 0.5rem;
}

.pay-total-num[b-yemszk6unq] {
    font-size: 1.25rem;
    font-weight: 900;
    font-variant-numeric: tabular-nums;
}

.pay-total-curr[b-yemszk6unq] {
    font-size: 0.75rem;
    font-weight: 700;
}

.pay-btn__spinner[b-yemszk6unq] {
    width: 1.3rem;
    height: 1.3rem;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: spin-b-yemszk6unq 0.8s linear infinite;
}

@keyframes spin-b-yemszk6unq {
    to { transform: rotate(360deg); }
}
/* _content/Zajal.Shared/Components/Cashier/OrderTabsBar.razor.rz.scp.css */
.order-tabs-bar[b-vhug66xkn0] {
    width: 100%;
    background: #ffffff;
    border-bottom: 1px solid #dbc1b5;
    padding: 0.375rem 1.25rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    overflow-x: auto;
    flex-shrink: 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02);
    box-sizing: border-box;
    scrollbar-width: thin;
    font-family: 'Manrope', 'Cairo', 'IBM Plex Sans Arabic', sans-serif;
}

.order-tabs-bar[b-vhug66xkn0]::-webkit-scrollbar {
    height: 4px;
}

.order-tabs-bar[b-vhug66xkn0]::-webkit-scrollbar-thumb {
    background: #dbc1b5;
    border-radius: 9999px;
}

.order-tabs-bar__label[b-vhug66xkn0] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    color: #554339;
    font-size: 0.8rem;
    font-weight: 600;
    flex-shrink: 0;
    padding-left: 0.5rem;
    border-left: 1px solid #dbc1b5;
}

.order-tabs-bar__label .material-symbols-outlined[b-vhug66xkn0] {
    font-size: 1.15rem;
    color: #964407;
}

/* Floor Chip / Table Button */
.floor-chip[b-vhug66xkn0] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    height: 2rem;
    padding: 0 0.75rem;
    border-radius: 0.5rem;
    background: #fef1e7;
    border: 1px solid rgba(219, 193, 181, 0.6);
    color: #201b14;
    font-size: 0.78rem;
    cursor: pointer;
    flex-shrink: 0;
    transition: all 0.15s ease;
    white-space: nowrap;
    font-family: inherit;
}

.floor-chip:hover[b-vhug66xkn0] {
    background: #f8ece1;
    border-color: #887368;
}

.floor-chip:active[b-vhug66xkn0] {
    transform: scale(0.96);
}

/* Status Dots */
.floor-chip__dot[b-vhug66xkn0] {
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 50%;
    flex-shrink: 0;
}

.floor-chip.is-free .floor-chip__dot[b-vhug66xkn0] {
    background: #b65c21;
}

.floor-chip.is-occupied .floor-chip__dot[b-vhug66xkn0] {
    background: #f59e0b;
}

.floor-chip__title[b-vhug66xkn0] {
    font-weight: 600;
}

.floor-chip__sub[b-vhug66xkn0] {
    font-size: 0.72rem;
    color: #554339;
}

.floor-chip__amount[b-vhug66xkn0] {
    font-weight: 700;
    color: #964407;
    font-size: 0.75rem;
    font-variant-numeric: tabular-nums;
}

.floor-chip__badge[b-vhug66xkn0] {
    padding: 0.1rem 0.35rem;
    border-radius: 0.25rem;
    background: rgba(255, 255, 255, 0.2);
    font-size: 0.68rem;
    font-weight: 700;
}

/* Current Selected Table State */
.floor-chip.is-current[b-vhug66xkn0] {
    background: #964407;
    border-color: #964407;
    color: #ffffff;
    box-shadow: 0 1px 3px rgba(150, 68, 7, 0.25);
}

.floor-chip.is-current .floor-chip__dot[b-vhug66xkn0] {
    background: #ffdad6;
    border: 1px solid #ba1a1a;
    box-sizing: border-box;
}

.floor-chip.is-current .floor-chip__title[b-vhug66xkn0] {
    font-weight: 700;
}

.floor-chip.is-current .floor-chip__amount[b-vhug66xkn0] {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.2);
    padding: 0.1rem 0.4rem;
    border-radius: 0.25rem;
}

.floor-chip.is-current .floor-chip__sub[b-vhug66xkn0] {
    color: rgba(255, 255, 255, 0.9);
}

/* Takeaway Orders */
.floor-chip--takeaway[b-vhug66xkn0] {
    background: #fef1e7;
    border-color: rgba(219, 193, 181, 0.6);
}

.floor-chip--takeaway .material-symbols-outlined[b-vhug66xkn0] {
    font-size: 1rem;
    color: #944242;
}

.floor-chip--takeaway.is-current[b-vhug66xkn0] {
    background: #964407;
    border-color: #964407;
    color: #ffffff;
}

.floor-chip--takeaway.is-current .material-symbols-outlined[b-vhug66xkn0] {
    color: #ffffff;
}

/* Parked / Suspended Tabs */
.floor-chip--parked[b-vhug66xkn0] {
    background: #fef1e7;
    border-color: rgba(219, 193, 181, 0.6);
    color: #201b14;
}

.floor-chip--parked .material-symbols-outlined[b-vhug66xkn0] {
    font-size: 1rem;
    color: #b45309;
}

.floor-chip--parked .floor-chip__amount[b-vhug66xkn0] {
    color: #554339;
}

.floor-chip--parked:hover[b-vhug66xkn0] {
    background: #f8ece1;
}

/* Action Chips (New Table, New Takeaway) */
.floor-chip--action[b-vhug66xkn0] {
    background: #f8ece1;
    border: 1px dashed #887368;
    color: #554339;
    font-weight: 600;
}

.floor-chip--action .material-symbols-outlined[b-vhug66xkn0] {
    font-size: 1rem;
    color: #887368;
}

.floor-chip--action:hover[b-vhug66xkn0] {
    background: #f2e6dc;
    border-color: #964407;
    color: #201b14;
}
/* _content/Zajal.Shared/Components/Cashier/PopularItemsStrip.razor.rz.scp.css */
.popular-items-strip[b-mmnqi9g6yc] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    height: 32px;
    min-height: 28px;
    max-height: 34px;
    padding: 0 0.65rem;
    background: rgba(254, 241, 231, 0.75);
    border-bottom: 1px solid #dbc1b5;
    overflow-x: auto;
    flex-shrink: 0;
    box-sizing: border-box;
    scrollbar-width: none;
    -ms-overflow-style: none;
    touch-action: pan-x;
    font-family: 'Manrope', 'Cairo', 'IBM Plex Sans Arabic', sans-serif;
}

.popular-items-strip[b-mmnqi9g6yc]::-webkit-scrollbar {
    display: none;
}

.popular-items-strip__label[b-mmnqi9g6yc] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    color: #201b14;
    font-size: 0.75rem;
    font-weight: 700;
    flex-shrink: 0;
    padding-left: 0.4rem;
    border-left: 1px solid #dbc1b5;
}

.popular-items-strip__label .material-symbols-outlined[b-mmnqi9g6yc] {
    font-size: 0.95rem;
    color: #f59e0b;
    font-variation-settings: 'FILL' 1;
}

.popular-items-strip__list[b-mmnqi9g6yc] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex-shrink: 0;
}

.popular-chip[b-mmnqi9g6yc] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    height: 28px;
    padding: 0 0.6rem;
    border-radius: 9999px;
    background: #ffffff;
    border: 1px solid #dbc1b5;
    color: #201b14;
    font-size: 0.75rem;
    font-weight: 600;
    cursor: pointer;
    flex-shrink: 0;
    transition: all 0.15s ease;
    white-space: nowrap;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02);
    font-family: inherit;
}

.popular-chip:hover:not(:disabled)[b-mmnqi9g6yc] {
    background: #964407;
    border-color: #964407;
    color: #ffffff;
}

.popular-chip:hover:not(:disabled) .popular-chip__price[b-mmnqi9g6yc] {
    color: #ffdbca;
}

.popular-chip:active:not(:disabled)[b-mmnqi9g6yc] {
    transform: scale(0.95);
}

.popular-chip:disabled[b-mmnqi9g6yc] {
    opacity: 0.5;
    cursor: not-allowed;
}

.popular-chip__name[b-mmnqi9g6yc] {
    font-weight: 600;
}

.popular-chip__price[b-mmnqi9g6yc] {
    font-weight: 700;
    color: #964407;
    font-size: 0.75rem;
    font-variant-numeric: tabular-nums;
    transition: color 0.15s ease;
}
/* _content/Zajal.Shared/Components/Cashier/ProductCard.razor.rz.scp.css */
.product-card[b-vt5dy89ued] {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #ffffff;
    border: 1px solid #dbc1b5;
    border-radius: 0.5rem;
    padding: 0.5rem;
    min-height: 150px;
    max-height: 170px;
    cursor: pointer;
    transition: all 0.15s ease;
    user-select: none;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02);
    box-sizing: border-box;
    font-family: 'Manrope', 'Cairo', 'IBM Plex Sans Arabic', sans-serif;
}

.product-card:hover[b-vt5dy89ued] {
    border-color: #964407;
    box-shadow: 0 4px 10px rgba(150, 68, 7, 0.08);
}

.product-card:active[b-vt5dy89ued] {
    transform: scale(0.98);
}

.product-card.is-in-cart[b-vt5dy89ued] {
    border: 2px solid #964407;
    box-shadow: 0 2px 8px rgba(150, 68, 7, 0.15);
}

.product-card.is-disabled[b-vt5dy89ued] {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
    background: #f8ece1;
}

/* In-Cart Counter Badge */
.product-card__count-badge[b-vt5dy89ued] {
    position: absolute;
    top: -8px;
    right: -8px;
    z-index: 10;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 9999px;
    background: #201b14;
    color: #ffffff;
    font-size: 0.72rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    border: 2px solid #ffffff;
}

/* Image Container (High density: 75px) */
.product-card__image-box[b-vt5dy89ued] {
    position: relative;
    width: 100%;
    height: 75px;
    border-radius: 0.5rem;
    overflow: hidden;
    background: #fef1e7;
    margin-bottom: 0.35rem;
}

.product-card__img[b-vt5dy89ued] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.2s ease;
}

.product-card:hover .product-card__img[b-vt5dy89ued] {
    transform: scale(1.05);
}

.product-card__img-placeholder[b-vt5dy89ued] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fef1e7;
    color: #887368;
}

.product-card__img-placeholder .material-symbols-outlined[b-vt5dy89ued] {
    font-size: 2.2rem;
    opacity: 0.7;
}

/* Status / SKU Badges */
.product-card__badge[b-vt5dy89ued] {
    position: absolute;
    top: 0.35rem;
    right: 0.35rem;
    padding: 0.15rem 0.45rem;
    border-radius: 0.25rem;
    font-size: 0.68rem;
    font-weight: 700;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}

.product-card__badge--sku[b-vt5dy89ued] {
    display: none; /* Hidden in high-density standard view */
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(4px);
    color: #201b14;
    border: 1px solid rgba(219, 193, 181, 0.8);
}

.product-card__badge--unavailable[b-vt5dy89ued] {
    background: #ffdad6;
    color: #ba1a1a;
    border: 1px solid #ffb3b0;
}

.product-card__badge--loyalty[b-vt5dy89ued] {
    background: #ffdbca;
    color: #964407;
    border: 1px solid #ffb68e;
}

.product-card__badge--loyalty-disabled[b-vt5dy89ued] {
    background: #f8ece1;
    color: #887368;
    border: 1px solid #dbc1b5;
}

.product-card__badge--category[b-vt5dy89ued] {
    background: rgba(32, 27, 20, 0.85);
    backdrop-filter: blur(4px);
    color: #ffffff;
}

/* Info Section */
.product-card__info[b-vt5dy89ued] {
    min-width: 0;
    margin-bottom: 0.25rem;
}

.product-card__title[b-vt5dy89ued] {
    font-size: 0.88rem;
    font-weight: 700;
    color: #201b14;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    line-height: 1.25;
}

.product-card__desc[b-vt5dy89ued] {
    display: none;
}

/* Footer Section */
.product-card__footer[b-vt5dy89ued] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 0.25rem;
    border-top: 1px solid rgba(219, 193, 181, 0.4);
    margin-top: auto;
}

.product-card__price[b-vt5dy89ued] {
    display: flex;
    align-items: baseline;
    gap: 0.2rem;
}

.product-card__price-num[b-vt5dy89ued] {
    font-size: 1rem;
    font-weight: 700;
    color: #964407;
    font-variant-numeric: tabular-nums;
}

.product-card__price-currency[b-vt5dy89ued] {
    font-size: 0.68rem;
    font-weight: 600;
    color: #554339;
}

/* Add Button (44px Touch Target) */
.product-card__add-btn[b-vt5dy89ued] {
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
    border-radius: 0.5rem;
    border: none;
    background: #fef1e7;
    color: #964407;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.15s ease;
    flex-shrink: 0;
}

.product-card__add-btn .material-symbols-outlined[b-vt5dy89ued] {
    font-size: 1.35rem;
}

.product-card:hover .product-card__add-btn[b-vt5dy89ued],
.product-card.is-in-cart .product-card__add-btn[b-vt5dy89ued] {
    background: #964407;
    color: #ffffff;
    box-shadow: 0 1px 3px rgba(150, 68, 7, 0.25);
}

.product-card__spinner[b-vt5dy89ued] {
    width: 1rem;
    height: 1rem;
    border: 2px solid rgba(150, 68, 7, 0.2);
    border-top-color: #964407;
    border-radius: 50%;
    animation: spin-b-vt5dy89ued 0.8s linear infinite;
}

@keyframes spin-b-vt5dy89ued {
    to { transform: rotate(360deg); }
}
/* _content/Zajal.Shared/Components/Cashier/ProductCatalog.razor.rz.scp.css */
.product-catalog[b-eu6y38w7uy] {
    flex: 1;
    height: 100%;
    display: flex;
    flex-direction: column;
    background: #fff8f4;
    overflow: hidden;
    min-width: 0;
    box-sizing: border-box;
    font-family: 'Manrope', 'Cairo', 'IBM Plex Sans Arabic', sans-serif;
}

/* 1. Top Control Bar: Search & Actions */
.product-catalog__toolbar[b-eu6y38w7uy] {
    padding: 0.75rem;
    background: #ffffff;
    border-bottom: 1px solid #dbc1b5;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-shrink: 0;
    box-sizing: border-box;
}

.product-catalog__search-box[b-eu6y38w7uy] {
    flex: 1;
    position: relative;
    display: flex;
    align-items: center;
}

.search-icon[b-eu6y38w7uy] {
    position: absolute;
    right: 0.85rem;
    color: #887368;
    pointer-events: none;
    font-size: 1.35rem;
}

.product-catalog__search-input[b-eu6y38w7uy] {
    width: 100%;
    height: 44px;
    padding-right: 2.75rem;
    padding-left: 5rem;
    background: #fff8f4;
    border: 1px solid #dbc1b5;
    border-radius: 0.5rem;
    font-size: 0.88rem;
    color: #201b14;
    outline: none;
    transition: all 0.15s ease;
    box-sizing: border-box;
    font-family: inherit;
}

.product-catalog__search-input:focus[b-eu6y38w7uy] {
    background: #ffffff;
    border-color: #964407;
    box-shadow: 0 0 0 2px rgba(150, 68, 7, 0.15);
}

.product-catalog__search-actions[b-eu6y38w7uy] {
    position: absolute;
    left: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.search-action-btn[b-eu6y38w7uy] {
    width: 2rem;
    height: 2rem;
    border-radius: 0.375rem;
    border: none;
    background: transparent;
    color: #887368;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.15s ease;
}

.search-action-btn:hover[b-eu6y38w7uy] {
    background: #f8ece1;
    color: #201b14;
}

.search-action-btn--barcode[b-eu6y38w7uy] {
    background: #fef1e7;
    color: #964407;
}

.search-action-btn--barcode:hover[b-eu6y38w7uy] {
    background: #f8ece1;
    color: #964407;
}

.product-catalog__toolbar-actions[b-eu6y38w7uy] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.toolbar-action-btn[b-eu6y38w7uy] {
    height: 44px;
    padding: 0 0.85rem;
    background: #fef1e7;
    border: 1px solid #dbc1b5;
    border-radius: 0.5rem;
    font-size: 0.82rem;
    font-weight: 600;
    color: #201b14;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    cursor: pointer;
    transition: all 0.15s ease;
    white-space: nowrap;
    font-family: inherit;
}

.toolbar-action-btn .material-symbols-outlined[b-eu6y38w7uy] {
    font-size: 1.15rem;
}

.toolbar-action-btn:hover[b-eu6y38w7uy] {
    background: #f8ece1;
    border-color: #887368;
}

.toolbar-action-btn:active[b-eu6y38w7uy] {
    transform: scale(0.95);
}

.toolbar-action-btn.is-active[b-eu6y38w7uy] {
    background: #964407;
    color: #ffffff;
    border-color: #964407;
}

/* 2. Category Chips Rail */
.product-catalog__categories[b-eu6y38w7uy] {
    padding: 0.5rem 0.75rem;
    background: #ffffff;
    border-bottom: 1px solid #dbc1b5;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    overflow-x: auto;
    flex-shrink: 0;
    scrollbar-width: thin;
    box-sizing: border-box;
}

.product-catalog__categories[b-eu6y38w7uy]::-webkit-scrollbar {
    height: 4px;
}

.product-catalog__categories[b-eu6y38w7uy]::-webkit-scrollbar-thumb {
    background: #dbc1b5;
    border-radius: 9999px;
}

.category-chip[b-eu6y38w7uy] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    height: 36px;
    padding: 0 1rem;
    border-radius: 0.5rem;
    border: 1px solid #dbc1b5;
    background: #ffffff;
    color: #554339;
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
    flex-shrink: 0;
    transition: all 0.15s ease;
    white-space: nowrap;
    font-family: inherit;
}

.category-chip:hover[b-eu6y38w7uy] {
    background: #fef1e7;
    color: #201b14;
}

.category-chip.is-active[b-eu6y38w7uy] {
    background: #201b14;
    color: #ffffff;
    border-color: #201b14;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}

.category-chip__count[b-eu6y38w7uy] {
    font-size: 0.7rem;
    font-weight: 700;
    padding: 0.1rem 0.4rem;
    border-radius: 9999px;
    background: rgba(0, 0, 0, 0.08);
    color: inherit;
}

.category-chip.is-active .category-chip__count[b-eu6y38w7uy] {
    background: rgba(255, 255, 255, 0.2);
    color: #ffffff;
}

.category-chip--bestsellers.is-active[b-eu6y38w7uy] {
    background: #964407;
    border-color: #964407;
    color: #ffffff;
}

/* 4. Product Cards Grid (68% catalog area) */
.product-catalog__grid-container[b-eu6y38w7uy] {
    flex: 1;
    overflow-y: auto;
    padding: 0.75rem;
    scrollbar-width: thin;
    box-sizing: border-box;
    background: #fff8f4;
}

.product-catalog__grid-container[b-eu6y38w7uy]::-webkit-scrollbar {
    width: 5px;
}

.product-catalog__grid-container[b-eu6y38w7uy]::-webkit-scrollbar-thumb {
    background: #dbc1b5;
    border-radius: 9999px;
}

.product-catalog__grid[b-eu6y38w7uy] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.55rem;
}

@media (min-width: 1400px) {
    .product-catalog__grid[b-eu6y38w7uy] {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

@media (max-width: 1250px) {
    .product-catalog__grid[b-eu6y38w7uy] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 850px) {
    .product-catalog__grid[b-eu6y38w7uy] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Empty State */
.product-catalog__empty[b-eu6y38w7uy] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 1rem;
    text-align: center;
    color: #554339;
}

.product-catalog__empty-icon[b-eu6y38w7uy] {
    font-size: 3rem;
    color: #dbc1b5;
    margin-bottom: 0.75rem;
}

.product-catalog__empty-title[b-eu6y38w7uy] {
    font-size: 1.1rem;
    font-weight: 700;
    color: #201b14;
    margin: 0 0 0.35rem 0;
}

.product-catalog__empty-msg[b-eu6y38w7uy] {
    font-size: 0.85rem;
    color: #554339;
    margin: 0;
}

/* 5. Bottom Status Bar */
.product-catalog__statusbar[b-eu6y38w7uy] {
    height: 36px;
    padding: 0 1rem;
    background: #ffffff;
    border-top: 1px solid #dbc1b5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.75rem;
    color: #554339;
    flex-shrink: 0;
    box-sizing: border-box;
}

.statusbar-item[b-eu6y38w7uy] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.statusbar-dot[b-eu6y38w7uy] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #964407;
    box-shadow: 0 0 0 2px rgba(150, 68, 7, 0.2);
}

.statusbar-meta[b-eu6y38w7uy] {
    display: flex;
    align-items: center;
    gap: 1rem;
    font-weight: 600;
}

/* Mobile Floating Cart Toggle Bar (< 900px) */
.product-catalog__mobile-cart-bar[b-eu6y38w7uy] {
    display: none;
    position: sticky;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0.5rem 0.75rem;
    background: #ffffff;
    border-top: 1px solid #dbc1b5;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.08);
    z-index: 30;
}

.mobile-cart-toggle-btn[b-eu6y38w7uy] {
    width: 100%;
    height: 48px;
    background: linear-gradient(135deg, #964407 0%, #b65c21 100%);
    border: none;
    border-radius: 0.5rem;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1rem;
    cursor: pointer;
    font-family: inherit;
    font-weight: 700;
    box-shadow: 0 2px 6px rgba(150, 68, 7, 0.25);
    transition: all 0.15s ease;
}

.mobile-cart-toggle-btn:hover[b-eu6y38w7uy] {
    background: linear-gradient(135deg, #7c3504 0%, #964407 100%);
}

.mobile-cart-toggle-btn:active[b-eu6y38w7uy] {
    transform: scale(0.98);
}

.mobile-cart-toggle-info[b-eu6y38w7uy] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
}

.mobile-cart-toggle-info .material-symbols-outlined[b-eu6y38w7uy] {
    font-size: 1.25rem;
}

.mobile-cart-sep[b-eu6y38w7uy] {
    opacity: 0.6;
}

.mobile-cart-toggle-action[b-eu6y38w7uy] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.85rem;
}

.mobile-cart-toggle-action .material-symbols-outlined[b-eu6y38w7uy] {
    font-size: 1.2rem;
}

@media (max-width: 900px) {
    .product-catalog__mobile-cart-bar[b-eu6y38w7uy] {
        display: block;
    }
}
/* _content/Zajal.Shared/Components/Common/BottomNav.razor.rz.scp.css */
.bottom-nav__item.active[b-rfczy0ozv9] {
    color: var(--zj-on-surface);
}
/* _content/Zajal.Shared/Components/Common/Configuration/ConfigurationQuestionTree.razor.rz.scp.css */
.question-tree[b-msx5xppgkd] { display:grid; gap:1.25rem; }
.question-tree__activities[b-msx5xppgkd] { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr)); gap:.75rem; }
.question-tree section[b-msx5xppgkd] { min-width:0; }
.question-tree button[b-msx5xppgkd] { min-height:44px; white-space:normal; }
.question-tree p[b-msx5xppgkd] { overflow-wrap:anywhere; }
.question-tree aside[b-msx5xppgkd] { border-inline-start:3px solid var(--zj-primary); padding-inline-start:1rem; }

.question-tree [hidden][b-msx5xppgkd] { display:none!important; }
.question-tree__navigation[b-msx5xppgkd] { display:flex; flex-wrap:wrap; gap:.5rem; padding:.75rem; border:1px solid var(--zj-outline-variant); border-radius:var(--zj-radius-md); }
.question-tree__navigation button[aria-pressed=true][b-msx5xppgkd] { border:2px solid var(--zj-secondary); background:var(--zj-surface-container); color:var(--zj-on-surface)!important; }
.question-tree__progress[b-msx5xppgkd] { font-weight:700; margin:0; }
.question-tree__paging[b-msx5xppgkd] { display:flex; align-items:center; justify-content:space-between; gap:.75rem; flex-wrap:wrap; border-block-start:1px solid var(--zj-outline-variant); padding-block-start:1rem; }
.question-tree__paging p[b-msx5xppgkd] { flex:1 1 14rem; font-size:.9rem; margin:0; }
.question-tree--navigable section[b-msx5xppgkd] { display:grid; gap:1.25rem; }
.question-tree--navigable section>h2[b-msx5xppgkd] { font-size:1.5rem; font-weight:800; }
@media(max-width:600px){.question-tree__navigation button[b-msx5xppgkd] { flex:1 1 45%; }}
/* _content/Zajal.Shared/Components/Common/Configuration/ConfigurationSurface.razor.rz.scp.css */
.sc-surface[b-0emko3upl9] {
    /* Aliases of the existing theme. No independent palette or font stack. */
    --sc-control-size: var(--zj-control-height);
    --sc-gap: 1rem;
    --sc-panel: var(--zj-surface-container-lowest);
    --sc-border: var(--zj-outline-variant);
    --sc-focus: var(--zj-secondary);
    color: var(--zj-on-surface);
    font-family: var(--zj-font-body);
    min-inline-size: 0;
}

.sc-surface[b-0emko3upl9]  .sc-question { border: 0; padding: 0; margin: 0; min-inline-size: 0; }
.sc-surface[b-0emko3upl9]  .sc-question > legend { font-weight: 800; font-size: 1rem; margin-block-end: .5rem; }
.sc-surface[b-0emko3upl9]  .sc-hint { color: var(--zj-on-surface-variant); font-size: .875rem; line-height: 1.8; }
/* Small text must remain readable on the inherited semantic backgrounds. */
.sc-surface[b-0emko3upl9]  .btn-primary { color: var(--zj-on-primary-fixed) !important; }
/* The fixed ink belongs to the light fixed surface, not every palette's
   saturated primary. Use the inherited pairs proven against these backgrounds. */
[data-theme="light"][data-color-theme="violet-light"] .sc-surface[b-0emko3upl9]  .btn-primary,
[data-theme="light"][data-color-theme="rose-light"] .sc-surface[b-0emko3upl9]  .btn-primary {
    color: var(--zj-on-primary) !important;
}
[data-theme="light"][data-color-theme="emerald-light"] .sc-surface[b-0emko3upl9]  .btn-primary {
    background: var(--zj-secondary);
    color: var(--zj-on-secondary) !important;
}
.sc-surface[b-0emko3upl9]  .badge { color: var(--zj-on-surface); }
.sc-surface[b-0emko3upl9]  .zj-step-summary-card__edit-btn { color: var(--zj-on-surface) !important; }
.sc-surface[b-0emko3upl9]  .sc-choice-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr)); gap: .75rem; }
.sc-surface[b-0emko3upl9]  .sc-activity {
    display: flex; align-items: flex-start; gap: .625rem; padding: 1rem;
    border: 1px solid var(--sc-border); border-radius: var(--zj-radius-lg);
    background: var(--sc-panel); color: var(--zj-on-surface); cursor: pointer;
    transition: border-color var(--zj-transition-fast), background-color var(--zj-transition-fast);
    overflow-wrap: anywhere;
}
.sc-surface[b-0emko3upl9]  .sc-activity--selected { border-color: var(--zj-secondary); background: var(--zj-secondary-fixed); color: var(--zj-on-surface); }
.sc-surface[b-0emko3upl9]  .sc-activity--disabled { cursor: not-allowed; }
.sc-surface[b-0emko3upl9]  .sc-activity input { flex: 0 0 auto; margin-block-start: .4rem; accent-color: var(--zj-secondary); }
.sc-surface[b-0emko3upl9]  .sc-activity__copy { display: grid; gap: .25rem; min-inline-size: 0; }
.sc-surface[b-0emko3upl9]  .sc-activity__copy > span { font-size: .8125rem; line-height: 1.8; }
.sc-surface[b-0emko3upl9]  .sc-activity__selection { font-weight: 800; }
.sc-surface[b-0emko3upl9]  .sc-activity:focus-within { outline: 3px solid var(--sc-focus); outline-offset: 3px; }
.sc-surface[b-0emko3upl9]  :is(button, a) { min-block-size: var(--sc-control-size); }
.sc-surface[b-0emko3upl9]  :is(button, a, input[type=radio], input[type=checkbox]):focus-visible { outline: 3px solid var(--sc-focus); outline-offset: 3px; }
.sc-surface[b-0emko3upl9]  .sc-capability { border-block-start: 1px solid var(--sc-border); padding-block: 1rem; min-inline-size: 0; }
.sc-surface[b-0emko3upl9]  .sc-capability__heading { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1rem; }
.sc-surface[b-0emko3upl9]  .sc-capability h3 { margin: 0; font-size: 1rem; }
.sc-surface[b-0emko3upl9]  .sc-capability p { margin-block: .625rem; line-height: 1.8; }
.sc-surface[b-0emko3upl9]  .sc-capability .badge { white-space: normal; }
.sc-surface[b-0emko3upl9]  .sc-price { display: flex; flex-wrap: wrap; align-items: baseline; gap: .5rem; }
.sc-surface[b-0emko3upl9]  .sc-price strong { font-size: 1.75rem; font-variant-numeric: tabular-nums; color: var(--zj-on-surface); }
.sc-surface[b-0emko3upl9]  .sc-price small { flex-basis: 100%; color: var(--zj-on-surface-variant); }
.sc-surface[b-0emko3upl9]  .sc-grace { display: flex; align-items: flex-start; gap: .75rem; border: 1px solid var(--zj-error); border-radius: var(--zj-radius-lg); padding: 1rem; background: var(--zj-error-container); color: var(--zj-on-error-container); }
.sc-surface[b-0emko3upl9]  .sc-grace h3 { margin: 0; font-size: 1rem; color: inherit; }
.sc-surface[b-0emko3upl9]  .sc-grace p { line-height: 1.9; margin-block: .5rem; }
.sc-surface[b-0emko3upl9]  .sc-comparison { display: grid; gap: .75rem; margin: 0; }
.sc-surface[b-0emko3upl9]  .sc-comparison__row { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem 1rem; padding-block: .75rem; border-block-end: 1px solid var(--sc-border); }
.sc-surface[b-0emko3upl9]  .sc-comparison dt { grid-column: 1 / -1; font-weight: 700; }
.sc-surface[b-0emko3upl9]  .sc-comparison dd { margin: 0; display: grid; gap: .25rem; overflow-wrap: anywhere; }
.sc-surface[b-0emko3upl9]  .sc-comparison dd > span { color: var(--zj-on-surface-variant); font-size: .75rem; }
.sc-surface[b-0emko3upl9]  .sc-comparison bdi { font-variant-numeric: tabular-nums; }
.sc-surface[b-0emko3upl9]  .sc-demo-actions { display: flex; flex-wrap: wrap; gap: .5rem; margin-block: 1rem; }
.sc-surface[b-0emko3upl9]  .sc-feedback { min-block-size: 10rem; display: grid; align-content: center; gap: .75rem; }
.sc-surface[b-0emko3upl9]  .sc-demo-message { min-block-size: 2rem; color: var(--zj-on-surface-variant); line-height: 1.8; }
.sc-surface[b-0emko3upl9]  .sc-muted { color: var(--zj-on-surface-variant); }
.sc-surface[b-0emko3upl9]  .sc-enter { animation: sc-enter-b-0emko3upl9 250ms ease-out; }
.sc-surface[b-0emko3upl9]  .sc-activity__icon { font-size: 1.5rem; }
.sc-surface[b-0emko3upl9]  .stepper__dot--active { animation: none; }

@keyframes sc-enter-b-0emko3upl9 { from { opacity: 0; transform: translateY(3px); } to { opacity: 1; transform: translateY(0); } }

/* Applies to reused controls, including spinner and stepper, only inside this surface. */
.sc-surface--still[b-0emko3upl9]  *, .sc-surface--still[b-0emko3upl9]  *::before, .sc-surface--still[b-0emko3upl9]  *::after {
    animation: none !important; transition: none !important; scroll-behavior: auto !important;
}
@media (prefers-reduced-motion: reduce) {
    .sc-surface[b-0emko3upl9]  *, .sc-surface[b-0emko3upl9]  *::before, .sc-surface[b-0emko3upl9]  *::after {
        animation: none !important; transition: none !important; scroll-behavior: auto !important;
    }
}
@media (max-width: 480px) { .sc-surface[b-0emko3upl9]  .sc-capability__heading { align-items: flex-start; flex-direction: column; } }
@media (forced-colors: active) {
    .sc-surface[b-0emko3upl9]  .sc-activity--selected { border: 2px solid Highlight; }
    .sc-surface[b-0emko3upl9]  :focus-visible, .sc-surface[b-0emko3upl9]  .sc-activity:focus-within { outline-color: Highlight; }
}
/* _content/Zajal.Shared/Components/Common/Configuration/CustomerWorkspace.razor.rz.scp.css */
.customer-workspace[b-eejjotzxru]{display:grid;gap:1rem;min-width:0;max-width:100%;color:var(--zj-on-surface)}
.customer-navigation[b-eejjotzxru]{display:flex;flex-wrap:wrap;gap:.5rem;padding:.6rem;border:1px solid var(--zj-outline-variant);border-radius:var(--zj-radius-lg);background:var(--zj-surface-container-low)}
.customer-navigation a[b-eejjotzxru],.customer-advanced a[b-eejjotzxru]{display:inline-flex;align-items:center;min-height:44px;padding:.65rem 1rem;border:1px solid var(--zj-outline-variant);border-radius:var(--zj-radius-md);color:var(--zj-on-surface);text-decoration:none;background:var(--zj-surface)}
.customer-navigation a[aria-current][b-eejjotzxru],.customer-advanced a[aria-current][b-eejjotzxru]{background:var(--zj-primary-container);color:var(--zj-on-primary-container);border-color:var(--zj-primary);font-weight:800}
.customer-advanced[b-eejjotzxru]{border:1px solid var(--zj-outline-variant);border-radius:var(--zj-radius-md);padding:.75rem 1rem}
.customer-advanced summary[b-eejjotzxru]{cursor:pointer;min-height:32px;font-weight:700}.customer-advanced p[b-eejjotzxru]{margin:.5rem 0 0;color:var(--zj-on-surface-variant);overflow-wrap:anywhere}
a:focus-visible[b-eejjotzxru],summary:focus-visible[b-eejjotzxru]{outline:3px solid var(--zj-primary);outline-offset:3px}
@media(max-width:600px){.customer-navigation a[b-eejjotzxru]{flex:1 1 40%;justify-content:center;text-align:center;padding:.55rem}.customer-workspace[b-eejjotzxru]{gap:.75rem}}
/* _content/Zajal.Shared/Components/Common/Configuration/OnboardingNavigation.razor.rz.scp.css */
.onboarding-navigation[b-9r8u2o2vf5] { display:flex;flex-wrap:wrap;gap:.65rem;padding:.75rem;border:1px solid var(--zj-outline-variant);border-radius:var(--zj-radius-lg);background:var(--zj-surface-container-lowest); }
.onboarding-navigation a[b-9r8u2o2vf5] { flex:1 1 15rem;display:flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.6rem 1rem;border:1px solid var(--zj-outline-variant);border-radius:var(--zj-radius-md);color:var(--zj-on-surface);text-decoration:none;line-height:1.7;text-align:center;overflow-wrap:anywhere; }
.onboarding-navigation a[aria-current=page][b-9r8u2o2vf5] { background:var(--zj-secondary-container);color:var(--zj-on-secondary-container);border-color:var(--zj-secondary);font-weight:800; }
.onboarding-navigation a:focus-visible[b-9r8u2o2vf5] { outline:3px solid var(--zj-secondary);outline-offset:3px; }
/* _content/Zajal.Shared/Components/Common/Configuration/PlanWorkspace.razor.rz.scp.css */
.plan-workspace[b-3emqalikb6]{min-inline-size:0;padding:clamp(.75rem,2vw,1.5rem);max-inline-size:100%;margin-inline:auto}
.plan-navigation[b-3emqalikb6],.plan-choices[b-3emqalikb6]{display:flex;flex-wrap:wrap;gap:.5rem;padding:.65rem;margin-block:1rem;border:1px solid var(--zj-outline-variant);border-radius:var(--zj-radius-lg);background:var(--zj-surface-container-lowest)}
.plan-navigation a[b-3emqalikb6],.plan-choices a[b-3emqalikb6]{display:flex;align-items:center;min-block-size:44px;padding:.65rem 1rem;border:1px solid transparent;border-radius:var(--zj-radius-md);color:var(--zj-on-surface);font-weight:700;text-decoration:none}
.plan-navigation a[aria-current][b-3emqalikb6],.plan-choices a[aria-current][b-3emqalikb6]{border-color:var(--zj-secondary);background:var(--zj-secondary-fixed);box-shadow:inset 0 -3px var(--zj-secondary)}
.plan-choices p[b-3emqalikb6]{margin:.65rem;color:var(--zj-on-surface-variant)}
.plan-workspace[b-3emqalikb6]  main{max-inline-size:none;width:100%;padding:0!important;margin:0;min-inline-size:0;overflow-wrap:anywhere}
.plan-workspace[b-3emqalikb6]  h1{font-size:clamp(1.6rem,3vw,2rem);font-weight:800;margin-block:.75rem}
.plan-workspace[b-3emqalikb6]  h2{font-size:1.5rem;font-weight:800;margin-block:0 .8rem}
.plan-workspace[b-3emqalikb6]  h3{font-size:1.125rem;font-weight:700}
.plan-workspace[b-3emqalikb6]  p{line-height:1.9}
.plan-workspace[b-3emqalikb6]  .plan-panel{padding:clamp(.85rem,2vw,1.4rem);margin-block:1rem;border:1px solid var(--zj-outline-variant);border-radius:var(--zj-radius-lg);background:var(--zj-surface-container-lowest);color:var(--zj-on-surface);min-inline-size:0}
.plan-workspace[b-3emqalikb6]  .plan-panel>h2{padding-block-end:.65rem;border-block-end:2px solid var(--zj-outline-variant)}



.plan-workspace[b-3emqalikb6]  :is(.form-control,.form-select){max-inline-size:none;width:100%;min-inline-size:0}

.plan-workspace[b-3emqalikb6]  .plan-steps{display:flex;flex-wrap:wrap;gap:.75rem 2rem;padding:1rem 2rem;border:1px solid var(--zj-outline-variant);border-radius:var(--zj-radius-md);background:var(--zj-surface-container-low)}
.plan-workspace[b-3emqalikb6]  [role=alert]{padding:.8rem 1rem;border:1px solid var(--zj-error);border-radius:var(--zj-radius-md);background:var(--zj-error-container);color:var(--zj-on-error-container)}
.plan-workspace[b-3emqalikb6]  details{border:1px solid var(--zj-outline-variant);border-radius:var(--zj-radius-md);padding:.75rem;margin-block:.75rem}
.plan-workspace[b-3emqalikb6]  summary{cursor:pointer;font-weight:700;min-block-size:44px;align-content:center}
.plan-workspace[b-3emqalikb6]  button{white-space:normal;max-inline-size:100%}
.plan-workspace[b-3emqalikb6]  bdi{overflow-wrap:anywhere}
.plan-workspace[b-3emqalikb6]  table{color:var(--zj-on-surface)}
.plan-workspace[b-3emqalikb6]  .plan-draft{padding:.75rem;border-inline-start:4px solid var(--zj-secondary);background:var(--zj-secondary-fixed);color:var(--zj-on-surface)}
@media(max-width:700px){.plan-navigation a[b-3emqalikb6]{flex:1 1 42%;justify-content:center;text-align:center;padding:.6rem}.plan-choices a[b-3emqalikb6]{flex:1 1 40%;justify-content:center}}
/* _content/Zajal.Shared/Components/Common/Configuration/ProspectContactContent.razor.rz.scp.css */
.prospect-contact[b-mvn2b1je7t]{max-width:48rem;margin:auto;padding:clamp(1rem,4vw,2rem);display:grid;gap:1rem}
.prospect-contact button[b-mvn2b1je7t]{min-height:44px}
.prospect-contact p[b-mvn2b1je7t]{margin:0;overflow-wrap:anywhere;line-height:1.7}
.prospect-contact [role=alert][b-mvn2b1je7t]{border-inline-start:4px solid currentColor;padding-inline-start:.75rem;font-weight:600}
.prospect-contact button:focus-visible[b-mvn2b1je7t],.prospect-contact a:focus-visible[b-mvn2b1je7t]{outline:3px solid currentColor;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.prospect-contact *[b-mvn2b1je7t]{animation:none!important;transition:none!important}}
.prospect-contact a:not(.btn)[b-mvn2b1je7t]{display:inline-flex;align-items:center;min-height:44px;color:var(--zj-on-surface);text-decoration:underline;text-underline-offset:.2em}
/* _content/Zajal.Shared/Components/Common/Configuration/SupportWorkspace.razor.rz.scp.css */
.support-workspace[b-dajdda7cjc] { max-width:76rem; margin-inline:auto; display:grid; gap:1.25rem; padding:clamp(.75rem,2vw,1.75rem); min-width:0; color:var(--zj-on-surface); font-family:var(--zj-font-body); }
.support-navigation[b-dajdda7cjc] { display:flex; flex-wrap:wrap; gap:.6rem; padding:.75rem; border:1px solid var(--zj-outline-variant); border-radius:var(--zj-radius-lg); background:var(--zj-surface-container-lowest); }
.support-navigation a[b-dajdda7cjc] { display:flex; align-items:center; justify-content:center; padding:.65rem 1rem; border:1px solid var(--zj-outline-variant); border-radius:var(--zj-radius-md); color:var(--zj-on-surface); text-decoration:none; min-height:44px; font-weight:700; }
.support-navigation a[aria-current][b-dajdda7cjc] { border-color:var(--zj-secondary); background:var(--zj-surface-container); color:var(--zj-on-surface); }
.support-workspace[b-dajdda7cjc]  .support-panel { min-width:0; border:1px solid var(--zj-outline-variant); border-radius:var(--zj-radius-lg); padding:clamp(1rem,2vw,1.5rem); background:var(--zj-surface-container-lowest); display:grid; gap:1rem; }
.support-workspace[b-dajdda7cjc]  .support-panel h2 { margin:0; font-size:clamp(1.375rem,2vw,1.75rem); font-weight:800; line-height:1.6; padding:.6rem .8rem; border-inline-start:4px solid var(--zj-secondary); background:var(--zj-surface-container); border-radius:var(--zj-radius-md); }
.support-workspace[b-dajdda7cjc]  h3 { font-size:1.125rem; line-height:1.7; }
.support-workspace[b-dajdda7cjc]  p { line-height:1.9; margin-block:.25rem; overflow-wrap:anywhere; }
.support-workspace[b-dajdda7cjc]  .support-actions { display:flex; gap:.75rem; flex-wrap:wrap; align-items:center; }
.support-workspace[b-dajdda7cjc]  button { max-width:100%; min-height:44px; }
.support-workspace[b-dajdda7cjc]  button { white-space:normal; }
.support-workspace[b-dajdda7cjc]  .btn-secondary:disabled { color:var(--zj-on-surface)!important; }
.support-workspace[b-dajdda7cjc]  bdi { overflow-wrap:anywhere; }
.support-workspace[b-dajdda7cjc]  .support-state { padding:1rem; border-inline-start:4px solid var(--zj-secondary); background:var(--zj-surface-container); border-radius:var(--zj-radius-md); }
.support-workspace[b-dajdda7cjc]  .support-error { color:var(--zj-on-error-container); background:var(--zj-error-container); padding:1rem; border:1px solid var(--zj-error); border-radius:var(--zj-radius-md); }
.support-workspace :is(a,button):focus-visible[b-dajdda7cjc] { outline:3px solid var(--zj-secondary); outline-offset:3px; }
@media(max-width:600px) { .support-navigation a[b-dajdda7cjc] { flex:1 1 100%; } .support-workspace[b-dajdda7cjc]  .support-actions>* { width:100%; } }
/* _content/Zajal.Shared/Components/Common/Configuration/TrialContent.razor.rz.scp.css */
.trial[b-9icpn2vohu]{max-width:52rem;margin:auto;padding:clamp(1rem,3vw,2rem);overflow-wrap:anywhere}.trial p[b-9icpn2vohu]{line-height:1.8}.trial .archive[b-9icpn2vohu]{display:block;margin-block:.8rem .3rem}.trial button[b-9icpn2vohu]{min-height:44px;margin-block:.8rem;margin-inline-end:.5rem;white-space:normal}.sample[b-9icpn2vohu]{padding-block:1rem;border-block-end:1px solid var(--border-color,#718096)}.trial bdi[b-9icpn2vohu]{direction:ltr;unicode-bidi:isolate}.archive input[b-9icpn2vohu]{min-width:24px;min-height:24px;vertical-align:middle}.trial summary[b-9icpn2vohu]{min-height:44px;cursor:pointer}.trial :is(button,summary,a):focus-visible[b-9icpn2vohu]{outline:3px solid var(--accent-color,#3085ca);outline-offset:3px}
.trial-prices[b-9icpn2vohu]{display:flex;flex-wrap:wrap;gap:1rem;margin-block:1rem}.trial-prices>div[b-9icpn2vohu]{flex:1 1 12rem}
.trial a:not(.btn)[b-9icpn2vohu]{display:inline-flex;align-items:center;min-height:44px;color:var(--zj-on-surface);text-decoration:underline;text-underline-offset:.2em}
/* _content/Zajal.Shared/Components/Common/CustomerEmoji.razor.rz.scp.css */
.customer-emoji-image[b-tnvtcifrp3] { display:inline-block; width:1em; height:1em; min-width:1em; object-fit:contain; vertical-align:-.15em; flex-shrink:0; }
/* _content/Zajal.Shared/Components/Common/EmojiPickerModal.razor.rz.scp.css */
.emoji-picker[b-wals8y5t99]  .cashier-detail-dialog { border-radius:24px; }
.emoji-picker[b-wals8y5t99]  header { padding:16px 20px 10px; border:0; }
.emoji-picker[b-wals8y5t99]  h2 { font-size:12px; font-weight:900; }
.emoji-picker[b-wals8y5t99]  header button { width:28px; height:28px; min-width:28px; min-height:28px; border-radius:9px; font-size:20px; background:var(--zj-surface-container-lowest); color:var(--zj-on-surface-variant); }
.emoji-picker[b-wals8y5t99]  .cashier-detail-body { padding:8px 20px 16px; gap:12px; }
.emoji-picker[b-wals8y5t99]  footer { padding:12px 20px; justify-content:space-between; gap:8px; }
.emoji-grid-wrap[b-wals8y5t99] { min-height:0; max-height:320px; overflow:auto; overscroll-behavior:contain; }
.emoji-grid[b-wals8y5t99] { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; }
.emoji-tile[b-wals8y5t99] { display:grid; place-items:center; min-width:0; width:100%; aspect-ratio:1; padding:6px; border:1px solid var(--zj-outline-variant); border-color:color-mix(in srgb,var(--pos-violet-ink,#603a80) 24%,var(--zj-outline-variant)); border-radius:12px; background:var(--pos-violet-soft,var(--zj-surface-container)); background:color-mix(in srgb,var(--zj-primary) 8%,var(--pos-violet-soft,#f0e9fb)); color:var(--pos-violet-ink,var(--zj-on-surface)); font:inherit; font-size:24px; cursor:pointer; }
.emoji-tile > span[b-wals8y5t99],.emoji-preview-icon[b-wals8y5t99] { font-family:var(--zj-font-emoji); line-height:1.4; }
.emoji-tile:hover[b-wals8y5t99] { filter:brightness(.97); }
.emoji-tile.is-selected[b-wals8y5t99] { border:2px solid var(--pos-violet-ink,#603a80); box-shadow:inset 0 -3px var(--pos-violet-ink,#603a80); }
.emoji-category-chips[b-wals8y5t99] { display:flex; gap:5px; overflow:auto; padding:0 0 4px; }
.emoji-chip[b-wals8y5t99] { flex:none; padding:5px 9px; border:1px solid var(--zj-outline-variant); border-radius:9px; background:var(--zj-surface-container-lowest); color:var(--zj-on-surface); font:inherit; font-size:11px; cursor:pointer; }
.emoji-chip.is-active[b-wals8y5t99] { border-color:var(--zj-primary); color:var(--zj-primary); background:var(--pos-info-soft,var(--zj-surface-container)); background:color-mix(in srgb,var(--zj-primary) 12%,var(--zj-surface-container-lowest)); }
.emoji-browse[b-wals8y5t99] { display:flex; align-items:center; justify-content:center; gap:5px; border:0; padding:6px; background:transparent; color:var(--zj-primary); font:inherit; font-size:11px; cursor:pointer; }
.emoji-browse .material-symbols-outlined[b-wals8y5t99] { font-size:18px; }
.emoji-empty[b-wals8y5t99] { font-size:12px; line-height:1.8; color:var(--zj-on-surface-variant); }
.emoji-selected-preview[b-wals8y5t99] { display:flex; align-items:center; gap:6px; font-size:10px; color:var(--zj-on-surface-variant); }
.emoji-preview-icon[b-wals8y5t99] { font-size:24px; }
.emoji-confirm[b-wals8y5t99] { padding:8px 12px!important; min-height:36px!important; border:1px solid var(--zj-primary); border-radius:10px; background:var(--pos-info-soft,var(--zj-surface-container)); color:var(--pos-info-ink,var(--zj-primary)); font:inherit; font-size:11px!important; font-weight:800; cursor:pointer; }
button:focus-visible[b-wals8y5t99],input:focus-visible[b-wals8y5t99] { outline:3px solid var(--zj-primary); outline-offset:2px; }
/* _content/Zajal.Shared/Components/Common/FinanceSimpleTable.razor.rz.scp.css */
.finance-simple-table[b-oueoyze6vr] {
    width: 100%;
    overflow-x: auto;
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-lg);
    background: var(--zj-surface);
}

.finance-simple-table__table[b-oueoyze6vr] {
    width: 100%;
    min-width: 32rem;
    table-layout: fixed;
    border-collapse: collapse;
    color: var(--zj-on-surface);
}

.finance-simple-table__label-column[b-oueoyze6vr] {
    width: 56%;
}

.finance-simple-table__value-column[b-oueoyze6vr] {
    width: auto;
}

.finance-simple-table th[b-oueoyze6vr],
.finance-simple-table td[b-oueoyze6vr] {
    box-sizing: border-box;
    padding: .78rem 1rem;
    border-bottom: 1px solid var(--zj-outline-variant);
    vertical-align: middle;
    line-height: 1.45;
}

.finance-simple-table th[b-oueoyze6vr] {
    background: var(--zj-surface-container-low);
    color: var(--zj-on-surface-variant);
    font-size: .76rem;
    font-weight: 950;
    white-space: nowrap;
}

.finance-simple-table td[b-oueoyze6vr] {
    font-size: .85rem;
}

.finance-simple-table__label[b-oueoyze6vr] {
    text-align: start;
}

.finance-simple-table__value[b-oueoyze6vr] {
    text-align: end;
}

.finance-simple-table td.finance-simple-table__value[b-oueoyze6vr] {
    font-variant-numeric: tabular-nums;
    font-weight: 850;
}

.finance-simple-table__value bdi[b-oueoyze6vr] {
    direction: ltr;
    unicode-bidi: isolate;
}

.finance-simple-table tbody tr:last-child td[b-oueoyze6vr] {
    border-bottom: 0;
}

.finance-simple-table tbody tr[b-oueoyze6vr] {
    transition: background-color .15s ease;
}

.finance-simple-table tbody tr:hover[b-oueoyze6vr] {
    background: color-mix(in srgb, var(--zj-primary) 4%, transparent);
}

@media (max-width: 560px) {
    .finance-simple-table__table[b-oueoyze6vr] {
        min-width: 27rem;
    }

    .finance-simple-table th[b-oueoyze6vr],
    .finance-simple-table td[b-oueoyze6vr] {
        padding: .68rem .75rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .finance-simple-table tbody tr[b-oueoyze6vr] {
        transition: none;
    }
}
/* _content/Zajal.Shared/Components/Common/PageDraftNotice.razor.rz.scp.css */
.page-draft-notice[b-olqfgiw9ps] {
    align-items: center;
    display: grid;
    gap: .75rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    margin: .75rem 1rem;
    padding: 0.65rem 1rem;
    border-radius: var(--zj-radius-lg, 0.75rem);
}

.page-draft-notice p[b-olqfgiw9ps] {
    margin: .2rem 0 0;
}

.page-draft-notice__actions[b-olqfgiw9ps] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
    margin-inline-end: 0.5rem;
}

.page-draft-notice__actions .btn[b-olqfgiw9ps] {
    min-height: var(--zj-control-height, 2.75rem);
    padding: 0.25rem 0.75rem;
    font-size: 0.8rem;
    font-weight: 600;
    border-radius: var(--zj-radius-md, 0.5rem);
}

@media (max-width: 720px) {
    .page-draft-notice[b-olqfgiw9ps] {
        grid-template-columns: auto minmax(0, 1fr);
        margin: .5rem;
    }

    .page-draft-notice__actions[b-olqfgiw9ps] {
        grid-column: 1 / -1;
        margin-inline-end: 0;
    }
}
/* _content/Zajal.Shared/Components/Common/ProgressStepper.razor.rz.scp.css */
button.stepper__step[b-ca6dkstq9v] {
    border: 0;
    background: transparent;
    padding: .25rem;
    font: inherit;
    color: inherit;
    min-block-size: 2.75rem;
}
button.stepper__step:disabled[b-ca6dkstq9v] { opacity: 1; cursor: default; }
button.stepper__step:focus-visible[b-ca6dkstq9v] { outline: 3px solid var(--zj-secondary); outline-offset: 3px; border-radius: var(--zj-radius-md); }
@media (prefers-reduced-motion: reduce) { .stepper__step[b-ca6dkstq9v] { transition: none !important; } }
/* _content/Zajal.Shared/Components/Common/TabNav.razor.rz.scp.css */
.tab-nav[b-pof4yoxmhn]{display:flex;flex-wrap:wrap;gap:.5rem;border-bottom:1px solid var(--zj-outline-variant);padding-block:.5rem 1rem}
.tab-nav button[b-pof4yoxmhn]{font:inherit;min-height:44px;padding:.65rem 1rem;border:1px solid var(--zj-outline-variant);border-radius:.65rem;white-space:normal;color:var(--zj-on-surface);background:var(--zj-surface-container-lowest)}
.tab-nav button[aria-selected=true][b-pof4yoxmhn]{background:var(--zj-ds-action-background);color:var(--zj-ds-action-foreground);border-color:var(--zj-primary);font-weight:800}
.tab-nav button:focus-visible[b-pof4yoxmhn]{outline:3px solid var(--zj-primary);outline-offset:3px}
/* _content/Zajal.Shared/Components/Common/TopSellingDishes.razor.rz.scp.css */
.top-selling-dishes[b-z79r80eexp] {
    display: grid;
    gap: 1.25rem;
    margin-bottom: 2rem;
    padding: clamp(1.25rem, 2.5vw, 2rem);
    border: 1px solid rgba(var(--zj-outline-rgb), 0.12);
    border-radius: var(--zj-radius-3xl);
    background:
        radial-gradient(circle at 8% 10%, rgba(var(--zj-primary-rgb), 0.12), transparent 28%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0.58));
    box-shadow: var(--ambient-shadow-soft);
}

.top-selling-dishes__header[b-z79r80eexp] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.top-selling-dishes__eyebrow[b-z79r80eexp],
.top-selling-dishes__details[b-z79r80eexp] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.top-selling-dishes__eyebrow[b-z79r80eexp] {
    margin-bottom: 0.65rem;
    color: var(--zj-primary);
    font-size: 0.78rem;
    font-weight: 900;
}

.top-selling-dishes__eyebrow .material-symbols-outlined[b-z79r80eexp] {
    font-size: 1.1rem;
}

.top-selling-dishes h2[b-z79r80eexp] {
    margin: 0;
    color: var(--zj-on-surface);
    font-size: clamp(1.35rem, 2vw, 1.8rem);
    line-height: 1.25;
    font-weight: 900;
    letter-spacing: 0;
}

.top-selling-dishes p[b-z79r80eexp] {
    margin: 0.35rem 0 0;
    max-width: 42rem;
    color: var(--zj-on-surface-variant);
    line-height: 1.7;
    font-size: 0.92rem;
    font-weight: 600;
}

.top-selling-dishes__details[b-z79r80eexp] {
    flex: 0 0 auto;
    min-height: 2.6rem;
    padding: 0.65rem 1rem;
    border-radius: var(--zj-radius-full);
    background: var(--zj-surface-container-lowest);
    color: var(--zj-primary);
    font-size: 0.86rem;
    font-weight: 900;
    text-decoration: none;
    box-shadow: 0 0.7rem 1.6rem rgba(var(--zj-secondary-rgb), 0.08);
}

.top-selling-dishes__details:hover[b-z79r80eexp],
.top-selling-dishes__details:focus-visible[b-z79r80eexp] {
    color: var(--zj-primary);
    transform: translateY(-1px);
}

.top-selling-dishes__grid[b-z79r80eexp] {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.top-selling-dish[b-z79r80eexp] {
    position: relative;
    display: grid;
    grid-template-rows: auto auto 1fr;
    gap: 0.85rem;
    min-width: 0;
    padding: 1rem;
    overflow: hidden;
    border: 1px solid rgba(var(--zj-outline-rgb), 0.10);
    border-radius: var(--zj-radius-2xl);
    background: rgba(255, 255, 255, 0.72);
    box-shadow: 0 0.8rem 1.8rem rgba(var(--zj-secondary-rgb), 0.06);
}

.top-selling-dish--leader[b-z79r80eexp] {
    grid-row: span 2;
    padding: 1.25rem;
    background:
        radial-gradient(circle at 10% 0%, rgba(var(--zj-primary-rgb), 0.16), transparent 34%),
        rgba(255, 255, 255, 0.82);
}

.top-selling-dish__rank[b-z79r80eexp] {
    position: absolute;
    inset-block-start: 0.85rem;
    inset-inline-start: 0.85rem;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.35rem;
    height: 2rem;
    padding-inline: 0.55rem;
    border-radius: var(--zj-radius-full);
    background: var(--brand-gradient);
    color: var(--brand-gradient-ink);
    font-size: 0.78rem;
    font-weight: 900;
    box-shadow: 0 0.8rem 1.6rem rgba(var(--zj-primary-rgb), 0.18);
}

.top-selling-dish__image[b-z79r80eexp] {
    position: relative;
    overflow: hidden;
    width: 4.8rem;
    height: 4.8rem;
    border-radius: var(--zj-radius-xl);
    background:
        radial-gradient(circle, rgba(var(--zj-primary-rgb), 0.18), transparent 66%),
        var(--zj-surface-container);
    border: 1px solid rgba(var(--zj-outline-rgb), 0.12);
}

.top-selling-dish--leader .top-selling-dish__image[b-z79r80eexp] {
    width: 100%;
    height: 11rem;
    border-radius: var(--zj-radius-2xl);
}

.top-selling-dish__image img[b-z79r80eexp] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.top-selling-dish__body[b-z79r80eexp] {
    min-width: 0;
}

.top-selling-dish__body span[b-z79r80eexp] {
    display: block;
    color: var(--zj-primary);
    font-size: 0.78rem;
    font-weight: 900;
}

.top-selling-dish__body h3[b-z79r80eexp] {
    margin: 0.15rem 0 0;
    overflow: hidden;
    color: var(--zj-on-surface);
    font-size: 1rem;
    line-height: 1.35;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.top-selling-dish--leader .top-selling-dish__body h3[b-z79r80eexp] {
    font-size: 1.35rem;
}

.top-selling-dish__body p[b-z79r80eexp] {
    margin: 0.25rem 0 0;
    color: var(--zj-on-surface-variant);
    font-size: 0.82rem;
    line-height: 1.55;
}

.top-selling-dish__metrics[b-z79r80eexp] {
    display: grid;
    gap: 0.55rem;
    align-self: end;
}

.top-selling-dish--leader .top-selling-dish__metrics[b-z79r80eexp] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.top-selling-dish__metric[b-z79r80eexp] {
    display: grid;
    gap: 0.2rem;
    min-width: 0;
    padding: 0.7rem;
    border-radius: var(--zj-radius-xl);
    background: var(--zj-surface-container-low);
}

.top-selling-dish__metric > span[b-z79r80eexp] {
    color: var(--zj-on-surface-variant);
    font-size: 0.72rem;
    font-weight: 800;
}

.top-selling-dish__metric > strong[b-z79r80eexp] {
    color: var(--zj-on-surface);
    font-size: 1.35rem;
    line-height: 1;
    font-weight: 900;
}

.top-selling-dish__delta[b-z79r80eexp] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.25rem;
    font-size: 0.78rem;
    font-style: normal;
    font-weight: 900;
}

.top-selling-dish__delta small[b-z79r80eexp] {
    color: var(--zj-on-surface-variant);
    font-size: 0.68rem;
    font-weight: 700;
}

.top-selling-dish__delta--up[b-z79r80eexp] {
    color: var(--zj-success);
}

.top-selling-dish__delta--down[b-z79r80eexp] {
    color: var(--zj-error);
}

.top-selling-dish__delta--flat[b-z79r80eexp] {
    color: var(--zj-on-surface-variant);
}

@media (max-width: 1180px) {
    .top-selling-dishes__grid[b-z79r80eexp] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .top-selling-dish--leader[b-z79r80eexp] {
        grid-column: 1 / -1;
        grid-row: auto;
    }
}

@media (max-width: 720px) {
    .top-selling-dishes__header[b-z79r80eexp] {
        flex-direction: column;
    }

    .top-selling-dishes__details[b-z79r80eexp] {
        width: 100%;
        justify-content: center;
    }

    .top-selling-dishes__grid[b-z79r80eexp],
    .top-selling-dish--leader .top-selling-dish__metrics[b-z79r80eexp] {
        grid-template-columns: 1fr;
    }
}
/* _content/Zajal.Shared/Components/Customer/CustomerLoyaltyMilestone.razor.rz.scp.css */
.loyalty-milestone-card[b-mfgpppja81] {
    background: #ffffff;
    border: 1px solid #ebd9c8;
    border-radius: 16px;
    padding: 1.25rem;
    box-shadow: 0 4px 16px rgba(62, 39, 23, 0.06);
    margin-bottom: 1.25rem;
}

.loyalty-milestone__header[b-mfgpppja81] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.loyalty-milestone__identity[b-mfgpppja81] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
}

.loyalty-milestone__emoji[b-mfgpppja81] {
    font-size: 2.25rem;
    background: #fff7ed;
    border: 1px solid #fed7aa;
    width: 3.5rem;
    height: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.loyalty-milestone__name-row[b-mfgpppja81] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.loyalty-milestone__name[b-mfgpppja81] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 800;
    color: #3e2717;
}

.loyalty-badge[b-mfgpppja81] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 0.75rem;
    font-weight: 800;
    padding: 3px 10px;
    border-radius: 20px;
    background: #fef3c7;
    color: #92400e;
    border: 1px solid #fde68a;
}

.tier-theme-diamond[b-mfgpppja81] {
    background: linear-gradient(135deg, #e0e7ff 0%, #ede9fe 100%);
    color: #4338ca;
    border-color: #c7d2fe;
}

.tier-theme-emerald[b-mfgpppja81] {
    background: #ecfdf5;
    color: #047857;
    border-color: #a7f3d0;
}

.tier-theme-gold[b-mfgpppja81] {
    background: #fef3c7;
    color: #92400e;
    border-color: #fde68a;
}

.tier-theme-silver[b-mfgpppja81] {
    background: #f3f4f6;
    color: #374151;
    border-color: #e5e7eb;
}

.tier-theme-bronze[b-mfgpppja81] {
    background: #fff7ed;
    color: #9a3412;
    border-color: #ffedd5;
}

.loyalty-milestone__spend[b-mfgpppja81] {
    color: #78716c;
    font-size: 0.8rem;
}

.loyalty-milestone__next[b-mfgpppja81] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    font-size: 0.85rem;
    color: #78716c;
}

.loyalty-milestone__next strong[b-mfgpppja81] {
    color: #3e2717;
    font-size: 0.95rem;
}

.loyalty-progress-container[b-mfgpppja81] {
    margin-bottom: 1.25rem;
}

.loyalty-progress-bar[b-mfgpppja81] {
    width: 100%;
    height: 10px;
    background: #f5f0eb;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 6px;
}

.loyalty-progress-fill[b-mfgpppja81] {
    height: 100%;
    background: linear-gradient(90deg, #d97706, #f59e0b);
    border-radius: 8px;
    transition: width 0.4s ease;
}

.loyalty-progress-labels[b-mfgpppja81] {
    display: flex;
    justify-content: space-between;
    font-size: 0.75rem;
    color: #a8a29e;
}

.loyalty-progress-target[b-mfgpppja81] {
    color: #d97706;
    font-weight: 700;
}

.loyalty-max-tier[b-mfgpppja81] {
    padding: 0.75rem 1rem;
    background: #ecfdf5;
    border: 1px solid #a7f3d0;
    border-radius: 10px;
    color: #065f46;
    font-weight: 700;
    font-size: 0.875rem;
    text-align: center;
    margin-bottom: 1rem;
}

.loyalty-track-scroll[b-mfgpppja81] {
    overflow-x: auto;
    padding-bottom: 0.5rem;
    margin-bottom: 1rem;
}

.loyalty-track[b-mfgpppja81] {
    display: flex;
    align-items: center;
    gap: 1rem;
    min-width: 650px;
    padding: 0.5rem;
}

.loyalty-track-node[b-mfgpppja81] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    text-align: center;
    flex: 1;
}

.loyalty-track-icon[b-mfgpppja81] {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    background: #f5f0eb;
    border: 2px solid #e7dfd8;
    position: relative;
    transition: all 0.2s ease;
}

.loyalty-track-node.is-reached .loyalty-track-icon[b-mfgpppja81] {
    background: #fffbeb;
    border-color: #f59e0b;
    box-shadow: 0 0 10px rgba(245, 158, 11, 0.25);
}

.loyalty-track-node.is-current .loyalty-track-icon[b-mfgpppja81] {
    transform: scale(1.15);
    border-color: #d97706;
    box-shadow: 0 0 15px rgba(217, 119, 6, 0.4);
}

.loyalty-track-node.is-locked .loyalty-track-icon[b-mfgpppja81] {
    opacity: 0.5;
    filter: grayscale(80%);
}

.loyalty-lock-overlay[b-mfgpppja81] {
    position: absolute;
    bottom: -2px;
    right: -2px;
    font-size: 12px !important;
    background: #44403c;
    color: #fff;
    border-radius: 50%;
    padding: 2px;
}

.loyalty-track-name[b-mfgpppja81] {
    font-size: 0.72rem;
    font-weight: 700;
    color: #57534e;
}

.loyalty-track-spend[b-mfgpppja81] {
    font-size: 0.65rem;
    color: #a8a29e;
}

.loyalty-theme-picker[b-mfgpppja81] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    padding-top: 0.75rem;
    border-top: 1px solid #f5f0eb;
}

.loyalty-theme-label[b-mfgpppja81] {
    font-size: 0.8rem;
    font-weight: 700;
    color: #78716c;
}

.loyalty-theme-chips[b-mfgpppja81] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.theme-chip[b-mfgpppja81] {
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 0.78rem;
    font-weight: 700;
    border: 1px solid #e7dfd8;
    background: #fff;
    color: #44403c;
    cursor: pointer;
    transition: all 0.2s;
}

.theme-chip.is-active[b-mfgpppja81] {
    background: #3e2717;
    color: #fff;
    border-color: #3e2717;
}

.theme-chip--gold.is-active[b-mfgpppja81] {
    background: #b45309;
    color: #fff;
    border-color: #b45309;
}

.theme-chip--emerald.is-active[b-mfgpppja81] {
    background: #047857;
    color: #fff;
    border-color: #047857;
}

.theme-chip--diamond.is-active[b-mfgpppja81] {
    background: #4338ca;
    color: #fff;
    border-color: #4338ca;
}
/* _content/Zajal.Shared/Components/DesignSystem/Buttons/ZjButton.razor.rz.scp.css */
.zj-btn[b-wtrc7g4mo4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-family: var(--zj-font-body, 'Cairo', sans-serif);
    font-weight: 600;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    border: 1px solid transparent;
    border-radius: var(--zj-radius-md, 0.5rem);
    transition: all 180ms cubic-bezier(0.4, 0, 0.2, 1);
    white-space: nowrap;
    position: relative;
    box-sizing: border-box;
}

.zj-btn:focus-visible[b-wtrc7g4mo4] {
    outline: none;
    box-shadow: 0 0 0 3.5px rgba(var(--zj-primary-rgb), 0.35);
}

.zj-btn:disabled[b-wtrc7g4mo4],
.zj-btn.zj-btn--busy[b-wtrc7g4mo4] {
    opacity: 0.65;
    cursor: not-allowed;
    pointer-events: none;
}

/* Sizes */
.zj-btn--sm[b-wtrc7g4mo4] {
    font-size: 0.8125rem;
    padding: 0.375rem 0.75rem;
    border-radius: var(--zj-radius-sm, 0.375rem);
    min-height: 2rem;
}

.zj-btn--md[b-wtrc7g4mo4] {
    font-size: 0.875rem;
    padding: 0.5rem 1.125rem;
    min-height: 2.5rem;
}

.zj-btn--lg[b-wtrc7g4mo4] {
    font-size: 1rem;
    padding: 0.75rem 1.5rem;
    border-radius: var(--zj-radius-lg, 0.625rem);
    min-height: 3rem;
}

/* Variants */
.zj-btn--primary[b-wtrc7g4mo4] {
    background-color: var(--zj-primary);
    color: var(--zj-surface-container-lowest);
    box-shadow: 0 1px 3px rgba(var(--zj-primary-rgb), 0.25);
}

.zj-btn--primary:hover:not(:disabled)[b-wtrc7g4mo4] {
    background-color: var(--zj-primary);
    box-shadow: 0 4px 12px rgba(var(--zj-primary-rgb), 0.35);
    transform: translateY(-1px);
}

.zj-btn--primary:active:not(:disabled)[b-wtrc7g4mo4] {
    background-color: var(--zj-primary);
    transform: translateY(0);
}

.zj-btn--secondary[b-wtrc7g4mo4] {
    background-color: var(--zj-primary-fixed);
    color: var(--zj-on-surface);
    border: 1px solid var(--zj-primary-fixed);
}

.zj-btn--secondary:hover:not(:disabled)[b-wtrc7g4mo4] {
    background-color: var(--zj-primary-fixed);
    color: var(--zj-on-surface);
}

.zj-btn--secondary:active:not(:disabled)[b-wtrc7g4mo4] {
    background-color: var(--zj-primary-fixed);
}

.zj-btn--danger[b-wtrc7g4mo4] {
    background-color: var(--zj-error);
    color: var(--zj-surface-container-lowest);
    box-shadow: 0 1px 3px rgba(220, 38, 38, 0.25);
}

.zj-btn--danger:hover:not(:disabled)[b-wtrc7g4mo4] {
    background-color: var(--zj-error);
    box-shadow: 0 4px 12px rgba(220, 38, 38, 0.35);
    transform: translateY(-1px);
}

.zj-btn--danger:active:not(:disabled)[b-wtrc7g4mo4] {
    background-color: var(--zj-error);
    transform: translateY(0);
}

.zj-btn--ghost[b-wtrc7g4mo4] {
    background-color: transparent;
    color: var(--zj-on-surface);
}

.zj-btn--ghost:hover:not(:disabled)[b-wtrc7g4mo4] {
    background-color: var(--zj-surface-container);
    color: var(--zj-on-surface);
}

.zj-btn--ghost:active:not(:disabled)[b-wtrc7g4mo4] {
    background-color: var(--zj-surface-container-high);
}

.zj-btn--outline[b-wtrc7g4mo4] {
    background-color: var(--zj-surface-container-lowest);
    border-color: var(--zj-outline-variant);
    color: var(--zj-on-surface);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.zj-btn--outline:hover:not(:disabled)[b-wtrc7g4mo4] {
    background-color: var(--zj-surface-container-low);
    border-color: var(--zj-outline);
    color: var(--zj-on-surface);
}

.zj-btn--outline:active:not(:disabled)[b-wtrc7g4mo4] {
    background-color: var(--zj-surface-container);
}

/* Spinner */
.zj-btn__spinner[b-wtrc7g4mo4] {
    width: 1rem;
    height: 1rem;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: zj-btn-spin-b-wtrc7g4mo4 0.65s linear infinite;
}

@keyframes zj-btn-spin-b-wtrc7g4mo4 {
    to {
        transform: rotate(360deg);
    }
}

.zj-btn__icon[b-wtrc7g4mo4] {
    font-size: 1.25rem;
    line-height: 1;
}

.zj-btn--sm .zj-btn__icon[b-wtrc7g4mo4] {
    font-size: 1.125rem;
}

.zj-btn--lg .zj-btn__icon[b-wtrc7g4mo4] {
    font-size: 1.5rem;
}

.zj-btn--primary[b-wtrc7g4mo4] {
    background-color: var(--zj-ds-action-background);
    color: var(--zj-ds-action-foreground);
}
.zj-btn--primary:hover:not(:disabled)[b-wtrc7g4mo4],
.zj-btn--primary:active:not(:disabled)[b-wtrc7g4mo4] {
    background-color: color-mix(in srgb, var(--zj-ds-action-background) 90%, #000000);
    color: var(--zj-ds-action-foreground);
}

.zj-btn--danger[b-wtrc7g4mo4], .zj-btn--danger:hover:not(:disabled)[b-wtrc7g4mo4], .zj-btn--danger:active:not(:disabled)[b-wtrc7g4mo4] {
    background-color: var(--zj-error);
    color: var(--zj-on-error);
}
/* _content/Zajal.Shared/Components/DesignSystem/Buttons/ZjIconButton.razor.rz.scp.css */
.zj-icon-btn[b-qn4qgwuup4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    border-radius: var(--zj-radius-md, 0.5rem);
    cursor: pointer;
    user-select: none;
    transition: all 180ms cubic-bezier(0.4, 0, 0.2, 1);
    box-sizing: border-box;
    padding: 0;
    line-height: 1;
    position: relative;
    flex-shrink: 0;
    text-decoration: none;
}

.zj-icon-btn:focus-visible[b-qn4qgwuup4] {
    outline: none;
    box-shadow: 0 0 0 3.5px rgba(var(--zj-primary-rgb), 0.35);
}

.zj-icon-btn:disabled[b-qn4qgwuup4],
.zj-icon-btn[aria-disabled="true"][b-qn4qgwuup4],
.zj-icon-btn.zj-icon-btn--busy[b-qn4qgwuup4] {
    opacity: 0.6;
    cursor: not-allowed;
    pointer-events: none;
}

/* Sizes */
.zj-icon-btn--sm[b-qn4qgwuup4] {
    width: 2rem;
    height: 2rem;
    font-size: 1.125rem;
    border-radius: var(--zj-radius-sm, 0.375rem);
}

.zj-icon-btn--md[b-qn4qgwuup4] {
    width: 2.75rem;
    height: 2.75rem;
    font-size: 1.25rem;
}

.zj-icon-btn--lg[b-qn4qgwuup4] {
    width: 3rem;
    height: 3rem;
    font-size: 1.5rem;
    border-radius: var(--zj-radius-lg, 0.625rem);
}

/* Variants */
.zj-icon-btn--primary[b-qn4qgwuup4] {
    background-color: var(--zj-primary);
    color: var(--zj-surface-container-lowest);
    box-shadow: 0 1px 3px rgba(var(--zj-primary-rgb), 0.25);
}

.zj-icon-btn--primary:hover:not(:disabled)[b-qn4qgwuup4] {
    background-color: var(--zj-primary);
    transform: translateY(-1px);
}

.zj-icon-btn--secondary[b-qn4qgwuup4] {
    background-color: var(--zj-primary-fixed);
    color: var(--zj-on-surface);
    border: 1px solid var(--zj-primary-fixed);
}

.zj-icon-btn--secondary:hover:not(:disabled)[b-qn4qgwuup4] {
    background-color: var(--zj-primary-fixed);
    color: var(--zj-on-surface);
}

.zj-icon-btn--danger[b-qn4qgwuup4] {
    background-color: var(--zj-error-container);
    color: var(--zj-error);
    border: 1px solid var(--zj-error-container);
}

.zj-icon-btn--danger:hover:not(:disabled)[b-qn4qgwuup4] {
    background-color: var(--zj-error-container);
    color: var(--zj-error);
}

.zj-icon-btn--info[b-qn4qgwuup4] { color: var(--zj-info); background: var(--zj-info-container); border-color: currentColor; }
.zj-icon-btn--success[b-qn4qgwuup4] { color: var(--zj-success); background: var(--zj-success-container); border-color: currentColor; }
.zj-icon-btn--warning[b-qn4qgwuup4] { color: var(--zj-warning); background: var(--zj-warning-container); border-color: currentColor; }
.zj-icon-btn--info:hover:not(:disabled)[b-qn4qgwuup4], .zj-icon-btn--success:hover:not(:disabled)[b-qn4qgwuup4], .zj-icon-btn--warning:hover:not(:disabled)[b-qn4qgwuup4] { box-shadow: inset 0 0 0 1px currentColor; }

.zj-icon-btn--ghost[b-qn4qgwuup4] {
    background-color: transparent;
    color: var(--zj-on-surface-variant);
}

.zj-icon-btn--ghost:hover:not(:disabled)[b-qn4qgwuup4] {
    background-color: var(--zj-surface-container);
    color: var(--zj-on-surface);
}

.zj-icon-btn--outline[b-qn4qgwuup4] {
    background-color: var(--zj-surface-container-lowest);
    border-color: var(--zj-outline-variant);
    color: var(--zj-on-surface-variant);
}

.zj-icon-btn--outline:hover:not(:disabled)[b-qn4qgwuup4] {
    background-color: var(--zj-surface-container-low);
    border-color: var(--zj-outline);
    color: var(--zj-on-surface);
}

.zj-icon-btn__spinner[b-qn4qgwuup4] {
    width: 1rem;
    height: 1rem;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: zj-icon-spin-b-qn4qgwuup4 0.65s linear infinite;
}

@keyframes zj-icon-spin-b-qn4qgwuup4 {
    to {
        transform: rotate(360deg);
    }
}

.zj-icon-btn__icon[b-qn4qgwuup4] {
    font-size: inherit;
    line-height: 1;
}

.zj-icon-btn--primary[b-qn4qgwuup4] {
    background-color: var(--zj-ds-action-background);
    color: var(--zj-ds-action-foreground);
}
.zj-icon-btn--primary:hover:not(:disabled)[b-qn4qgwuup4],
.zj-icon-btn--primary:active:not(:disabled)[b-qn4qgwuup4] {
    background-color: color-mix(in srgb, var(--zj-ds-action-background) 90%, #000000);
    color: var(--zj-ds-action-foreground);
}
/* _content/Zajal.Shared/Components/DesignSystem/DataDisplay/ZjAuditTrail.razor.rz.scp.css */
.zj-audit-trail[b-6nc5c77uw2] {
    background-color: var(--zj-surface-container-lowest);
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-lg, 0.75rem);
    padding: 1.25rem 1.5rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    font-family: var(--zj-font-body, 'Cairo', sans-serif);
}

.zj-audit-trail__header[b-6nc5c77uw2] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1.25rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--zj-surface-container);
}

.zj-audit-trail__icon[b-6nc5c77uw2] {
    font-size: 1.375rem;
    color: var(--zj-on-surface);
}

.zj-audit-trail__title[b-6nc5c77uw2] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--zj-on-surface);
    margin: 0;
}

.zj-audit-trail__empty[b-6nc5c77uw2] {
    font-size: 0.875rem;
    color: var(--zj-on-surface-variant);
    margin: 0.5rem 0;
}

.zj-audit-trail__timeline[b-6nc5c77uw2] {
    position: relative;
    padding-inline-start: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.zj-audit-trail__timeline[b-6nc5c77uw2]::before {
    content: '';
    position: absolute;
    inset-inline-start: 0.4375rem;
    top: 0.5rem;
    bottom: 0.5rem;
    width: 2px;
    background-color: var(--zj-outline-variant);
}

.zj-audit-trail__item[b-6nc5c77uw2] {
    position: relative;
    display: flex;
    align-items: flex-start;
}

.zj-audit-trail__dot[b-6nc5c77uw2] {
    position: absolute;
    inset-inline-start: -1.5rem;
    top: 0.375rem;
    width: 0.875rem;
    height: 0.875rem;
    border-radius: 50%;
    background-color: var(--zj-surface-container-lowest);
    border: 2.5px solid #0284c7;
    z-index: 1;
}

.zj-audit-trail__content[b-6nc5c77uw2] {
    background-color: var(--zj-surface-container-low);
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-md, 0.5rem);
    padding: 0.875rem 1.125rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.zj-audit-trail__top[b-6nc5c77uw2] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    flex-wrap: wrap;
}

.zj-audit-trail__item-title[b-6nc5c77uw2] {
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--zj-on-surface);
}

.zj-audit-trail__badge[b-6nc5c77uw2] {
    font-size: 0.6875rem;
    font-weight: 600;
    background-color: var(--zj-primary-fixed);
    color: var(--zj-on-surface);
    padding: 0.125rem 0.5rem;
    border-radius: var(--zj-radius-full, 9999px);
}

.zj-audit-trail__time[b-6nc5c77uw2] {
    font-size: 0.75rem;
    color: var(--zj-on-surface-variant);
    margin-inline-start: auto;
}

.zj-audit-trail__actor[b-6nc5c77uw2] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.8125rem;
    color: var(--zj-on-surface-variant);
}

.zj-audit-trail__actor-icon[b-6nc5c77uw2] {
    font-size: 1rem;
    color: var(--zj-on-surface-variant);
}

.zj-audit-trail__reason[b-6nc5c77uw2] {
    font-size: 0.8125rem;
    color: var(--zj-on-surface);
    background-color: var(--zj-surface-container-lowest);
    border: 1px dashed var(--zj-outline-variant);
    border-radius: var(--zj-radius-sm, 0.25rem);
    padding: 0.375rem 0.625rem;
    margin-top: 0.25rem;
    display: flex;
    gap: 0.375rem;
}

.zj-audit-trail__reason-label[b-6nc5c77uw2] {
    font-weight: 600;
    color: var(--zj-on-surface-variant);
    flex-shrink: 0;
}
/* _content/Zajal.Shared/Components/DesignSystem/DataDisplay/ZjBadge.razor.rz.scp.css */
.zj-badge[b-4twf7rep7a] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-family: var(--zj-font-body, 'Cairo', sans-serif);
    font-weight: 600;
    line-height: 1.25;
    white-space: nowrap;
    border-radius: var(--zj-radius-full, 9999px);
    border: 1px solid transparent;
    user-select: none;
    box-sizing: border-box;
}

.zj-badge--sm[b-4twf7rep7a] {
    font-size: 0.6875rem;
    padding: 0.125rem 0.5rem;
}

.zj-badge--md[b-4twf7rep7a] {
    font-size: 0.75rem;
    padding: 0.25rem 0.625rem;
}

.zj-badge__icon[b-4twf7rep7a] {
    font-size: 0.875rem;
    line-height: 1;
}

.zj-badge--sm .zj-badge__icon[b-4twf7rep7a] {
    font-size: 0.75rem;
}

/* Variant Styles with High Contrast (WCAG AA Compliant) */
.zj-badge--primary[b-4twf7rep7a] {
    background-color: var(--zj-primary-fixed);
    color: var(--zj-on-surface);
    border-color: var(--zj-primary-fixed);
}

.zj-badge--success[b-4twf7rep7a] {
    background-color: var(--zj-success-container);
    color: var(--zj-on-surface);
    border-color: var(--zj-success-container);
}

.zj-badge--warning[b-4twf7rep7a] {
    background-color: var(--zj-warning-container);
    color: var(--zj-on-surface);
    border-color: var(--zj-warning-container);
}

.zj-badge--danger[b-4twf7rep7a] {
    background-color: var(--zj-error-container);
    color: var(--zj-on-surface);
    border-color: var(--zj-error-container);
}

.zj-badge--info[b-4twf7rep7a] {
    background-color: var(--zj-info-container);
    color: var(--zj-on-surface);
    border-color: var(--zj-info-container);
}

.zj-badge--neutral[b-4twf7rep7a] {
    background-color: var(--zj-surface-container);
    color: var(--zj-on-surface);
    border-color: var(--zj-outline-variant);
}
/* _content/Zajal.Shared/Components/DesignSystem/DataDisplay/ZjDataTable.razor.rz.scp.css */
.zj-table-container[b-nsh7nkgf47] {
    width: 100%;
    background-color: var(--zj-surface-container-lowest);
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-lg, 0.75rem);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    overflow: hidden;
    font-family: var(--zj-font-body, 'Cairo', sans-serif);
}

.zj-table-scroll[b-nsh7nkgf47] {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* Opt in only where the consumer supplies a labelled, bounded scroll region. */
.zj-table--contained .zj-table-scroll[b-nsh7nkgf47] {
    max-block-size: min(60vh, 36rem);
    overflow: auto;
    isolation: isolate;
}

.zj-table--contained .zj-table__head[b-nsh7nkgf47] {
    position: sticky;
    inset-block-start: 0;
    z-index: 1;
}

.zj-table-scroll:focus-visible[b-nsh7nkgf47] {
    outline: 2px solid var(--zj-on-surface);
    outline-offset: -3px;
}

.zj-table[b-nsh7nkgf47] {
    width: 100%;
    border-collapse: collapse;
    text-align: start;
    font-size: 0.875rem;
    line-height: 1.5;
}

[dir="ltr"] .zj-table[b-nsh7nkgf47] {
    text-align: left;
}

.zj-table__head[b-nsh7nkgf47] {
    background-color: var(--zj-surface-container-high);
    color: var(--zj-on-surface);
    border-bottom: 1px solid var(--zj-outline-variant);
}

.zj-table__head[b-nsh7nkgf47]  th {
    padding: 0.75rem 1rem;
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--zj-on-surface);
    white-space: nowrap;
}

.zj-table__body[b-nsh7nkgf47]  td {
    padding: 0.875rem 1rem;
    border-bottom: 1px solid var(--zj-surface-container);
    color: var(--zj-on-surface);
    vertical-align: middle;
}

.zj-table__row:nth-child(even):not(.zj-table__row--skeleton):not(.zj-table__row--empty)[b-nsh7nkgf47] {
    background-color: var(--zj-surface-container-low);
}

.zj-table__row:hover:not(.zj-table__row--skeleton):not(.zj-table__row--empty)[b-nsh7nkgf47],
.zj-table__row:focus-within:not(.zj-table__row--skeleton):not(.zj-table__row--empty)[b-nsh7nkgf47] {
    background-color: var(--zj-surface-container-high);
}

/* Keyboard focus remains distinguishable from hover without changing selection. */
.zj-table__row:focus-within[b-nsh7nkgf47]  td {
    box-shadow: inset 0 -2px var(--zj-on-surface-variant);
}

@media print {
    .zj-table--contained .zj-table-scroll[b-nsh7nkgf47] { max-block-size: none; overflow: visible; }
    .zj-table--contained .zj-table__head[b-nsh7nkgf47] { position: static; }
}

.zj-table__row:last-child[b-nsh7nkgf47]  td {
    border-bottom: none;
}

.zj-table__cell--empty[b-nsh7nkgf47] {
    padding: 3rem 1rem !important;
    text-align: center;
}

.zj-table__default-empty[b-nsh7nkgf47] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    color: var(--zj-on-surface-variant);
    font-size: 0.875rem;
}

.zj-table__empty-icon[b-nsh7nkgf47] {
    font-size: 2rem;
    color: var(--zj-outline);
}

.zj-table__skeleton-wrap[b-nsh7nkgf47] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    padding: 0.25rem 0;
}
/* _content/Zajal.Shared/Components/DesignSystem/DataDisplay/ZjKpiCard.razor.rz.scp.css */
.zj-kpi-card[b-fxpgos8erx] {
    background-color: var(--zj-surface-container-lowest);
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-lg, 0.75rem);
    padding: 1.125rem 1.25rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 0.75rem;
    font-family: var(--zj-font-body, 'Cairo', sans-serif);
    transition: transform 180ms ease, box-shadow 180ms ease;
}

.zj-kpi-card:hover[b-fxpgos8erx] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
    transform: translateY(-1px);
}

.zj-kpi-card__header[b-fxpgos8erx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.zj-kpi-card__title[b-fxpgos8erx] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--zj-on-surface-variant);
}

.zj-kpi-card__icon-wrap[b-fxpgos8erx] {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: var(--zj-radius-md, 0.5rem);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.zj-kpi-card__icon[b-fxpgos8erx] {
    font-size: 1.25rem;
}

.zj-kpi-card__body[b-fxpgos8erx] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.zj-kpi-card__value-wrap[b-fxpgos8erx] {
    display: flex;
    align-items: baseline;
    gap: 0.375rem;
}

.zj-kpi-card__value[b-fxpgos8erx] {
    font-size: 1.625rem;
    font-weight: 700;
    color: var(--zj-on-surface);
    line-height: 1.2;
}

.zj-kpi-card__unit[b-fxpgos8erx] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--zj-on-surface-variant);
}

.zj-kpi-card__subtext[b-fxpgos8erx] {
    font-size: 0.8125rem;
    color: var(--zj-on-surface-variant);
    margin: 0;
    line-height: 1.4;
}

/* Color Variant Accents */
.zj-kpi-card--primary .zj-kpi-card__icon-wrap[b-fxpgos8erx] {
    background-color: var(--zj-primary-fixed);
    color: var(--zj-on-surface);
}

.zj-kpi-card--success .zj-kpi-card__icon-wrap[b-fxpgos8erx] {
    background-color: var(--zj-success-container);
    color: var(--zj-on-surface);
}

.zj-kpi-card--warning .zj-kpi-card__icon-wrap[b-fxpgos8erx] {
    background-color: var(--zj-warning-container);
    color: var(--zj-on-surface);
}

.zj-kpi-card--danger .zj-kpi-card__icon-wrap[b-fxpgos8erx] {
    background-color: var(--zj-error-container);
    color: var(--zj-on-surface);
}

.zj-kpi-card--neutral .zj-kpi-card__icon-wrap[b-fxpgos8erx] {
    background-color: var(--zj-surface-container);
    color: var(--zj-on-surface-variant);
}
/* _content/Zajal.Shared/Components/DesignSystem/DataDisplay/ZjPagination.razor.rz.scp.css */
.zj-pagination[b-t1lywx2e1u] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.875rem 1rem;
    background-color: var(--zj-surface-container-lowest);
    border-top: 1px solid var(--zj-outline-variant);
    font-family: var(--zj-font-body, 'Cairo', sans-serif);
    flex-wrap: wrap;
}

.zj-pagination__info[b-t1lywx2e1u] {
    font-size: 0.8125rem;
    color: var(--zj-on-surface-variant);
}

.zj-pagination__count[b-t1lywx2e1u] {
    font-weight: 700;
    color: var(--zj-on-surface);
}

.zj-pagination__actions[b-t1lywx2e1u] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.zj-pagination__status[b-t1lywx2e1u] {
    font-size: 0.8125rem;
    color: var(--zj-on-surface-variant);
    user-select: none;
}

.zj-pagination__page[b-t1lywx2e1u],
.zj-pagination__total[b-t1lywx2e1u] {
    font-weight: 700;
    color: var(--zj-on-surface);
}
/* _content/Zajal.Shared/Components/DesignSystem/Feedback/ZjAlert.razor.rz.scp.css */
.zj-alert[b-0kdvexqwn1] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.875rem 1rem;
    border-radius: var(--zj-radius-md, 0.5rem);
    border: 1px solid transparent;
    font-family: var(--zj-font-body, 'Cairo', sans-serif);
    margin-bottom: 1rem;
    position: relative;
    box-sizing: border-box;
}

.zj-alert__icon[b-0kdvexqwn1] {
    font-size: 1.25rem;
    line-height: 1.5;
    flex-shrink: 0;
}

.zj-alert__content[b-0kdvexqwn1] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.zj-alert__title[b-0kdvexqwn1] {
    font-size: 0.875rem;
    font-weight: 700;
    margin: 0;
    line-height: 1.4;
}

.zj-alert__message[b-0kdvexqwn1] {
    font-size: 0.8125rem;
    margin: 0;
    line-height: 1.5;
}

.zj-alert__close[b-0kdvexqwn1] {
    background: transparent;
    border: none;
    padding: 0.125rem;
    cursor: pointer;
    color: inherit;
    opacity: 0.7;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--zj-radius-sm, 0.25rem);
    transition: opacity 150ms ease;
    flex-shrink: 0;
}

.zj-alert__close:hover[b-0kdvexqwn1] {
    opacity: 1;
}

/* Variant Palettes (WCAG AA Compliant) */
.zj-alert--info[b-0kdvexqwn1] {
    background-color: var(--zj-info-container);
    border-color: var(--zj-info-container);
    color: var(--zj-on-surface);
}

.zj-alert--info .zj-alert__icon[b-0kdvexqwn1] {
    color: var(--zj-on-surface);
}

.zj-alert--success[b-0kdvexqwn1] {
    background-color: var(--zj-success-container);
    border-color: var(--zj-success-container);
    color: var(--zj-on-surface);
}

.zj-alert--success .zj-alert__icon[b-0kdvexqwn1] {
    color: var(--zj-on-surface);
}

.zj-alert--warning[b-0kdvexqwn1] {
    background-color: var(--zj-warning-container);
    border-color: var(--zj-warning-container);
    color: var(--zj-on-surface);
}

.zj-alert--warning .zj-alert__icon[b-0kdvexqwn1] {
    color: var(--zj-on-surface);
}

.zj-alert--danger[b-0kdvexqwn1] {
    background-color: var(--zj-error-container);
    border-color: var(--zj-error-container);
    color: var(--zj-on-surface);
}

.zj-alert--danger .zj-alert__icon[b-0kdvexqwn1] {
    color: var(--zj-on-surface);
}
/* _content/Zajal.Shared/Components/DesignSystem/Feedback/ZjEmptyState.razor.rz.scp.css */
.zj-empty-state[b-knl7isgkdl] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 3rem 1.5rem;
    font-family: var(--zj-font-body, 'Cairo', sans-serif);
    background-color: var(--zj-surface-container-lowest);
    border: 1px dashed var(--zj-outline-variant);
    border-radius: var(--zj-radius-lg, 0.75rem);
    margin: 1rem 0;
}

.zj-empty-state__icon-wrap[b-knl7isgkdl] {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    background-color: var(--zj-surface-container);
    color: var(--zj-outline);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
}

.zj-empty-state__icon[b-knl7isgkdl] {
    font-size: 1.875rem;
}

.zj-empty-state__title[b-knl7isgkdl] {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--zj-on-surface);
    margin: 0 0 0.5rem 0;
}

.zj-empty-state__description[b-knl7isgkdl] {
    font-size: 0.875rem;
    color: var(--zj-on-surface-variant);
    max-width: 26rem;
    margin: 0 0 1.25rem 0;
    line-height: 1.5;
}

.zj-empty-state__action[b-knl7isgkdl] {
    margin-top: 0.25rem;
}
/* _content/Zajal.Shared/Components/DesignSystem/Inputs/ZjCheckbox.razor.rz.scp.css */
.zj-checkbox-wrap[b-pcvpk3liwf] {
    display: inline-flex;
    align-items: flex-start;
    gap: 0.625rem;
    cursor: pointer;
    user-select: none;
    font-family: var(--zj-font-body, 'Cairo', sans-serif);
    line-height: 1.4;
}

.zj-checkbox-wrap--disabled[b-pcvpk3liwf] {
    cursor: not-allowed;
    opacity: 0.6;
}

.zj-checkbox-box[b-pcvpk3liwf] {
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
    margin-top: 0.125rem;
}

.zj-checkbox-native[b-pcvpk3liwf] {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    cursor: pointer;
}

.zj-checkbox-custom[b-pcvpk3liwf] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: var(--zj-surface-container-lowest);
    border: 1.5px solid var(--zj-outline);
    border-radius: var(--zj-radius-sm, 0.25rem);
    transition: all 150ms ease-in-out;
}

.zj-checkbox-native:checked + .zj-checkbox-custom[b-pcvpk3liwf] {
    background-color: var(--zj-primary);
    border-color: var(--zj-primary);
}

.zj-checkbox-native:focus-visible + .zj-checkbox-custom[b-pcvpk3liwf] {
    box-shadow: 0 0 0 3.5px rgba(var(--zj-primary-rgb), 0.25);
}

.zj-checkbox-icon[b-pcvpk3liwf] {
    font-size: 1rem;
    color: var(--zj-surface-container-lowest);
    opacity: 0;
    transform: scale(0.6);
    transition: all 150ms ease-in-out;
    font-weight: 700;
}

.zj-checkbox-native:checked + .zj-checkbox-custom .zj-checkbox-icon[b-pcvpk3liwf] {
    opacity: 1;
    transform: scale(1);
}

.zj-checkbox-labels[b-pcvpk3liwf] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.zj-checkbox-title[b-pcvpk3liwf] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--zj-on-surface);
}

.zj-checkbox-sub[b-pcvpk3liwf] {
    font-size: 0.8125rem;
    color: var(--zj-on-surface-variant);
}

.zj-checkbox-native:checked + .zj-checkbox-custom[b-pcvpk3liwf] {
    background-color: var(--zj-ds-action-background);
    border-color: var(--zj-ds-action-background);
}
.zj-checkbox-icon[b-pcvpk3liwf] { color: var(--zj-ds-action-foreground); }
/* _content/Zajal.Shared/Components/DesignSystem/Inputs/ZjCurrencyInput.razor.rz.scp.css */
.zj-currency-box[b-s3gmjsr0x0] {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    background-color: var(--zj-surface-container-lowest);
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-md, 0.5rem);
    transition: all 180ms ease-in-out;
    box-sizing: border-box;
    overflow: hidden;
}

.zj-currency-box:hover:not(.zj-currency-box--disabled)[b-s3gmjsr0x0] {
    border-color: var(--zj-outline);
}

.zj-currency-box:focus-within:not(.zj-currency-box--disabled)[b-s3gmjsr0x0] {
    border-color: var(--zj-primary);
    box-shadow: 0 0 0 3.5px rgba(var(--zj-primary-rgb), 0.25);
}

.zj-currency-box--error[b-s3gmjsr0x0] {
    border-color: var(--zj-error) !important;
}

.zj-currency-box--error:focus-within[b-s3gmjsr0x0] {
    box-shadow: 0 0 0 3.5px rgba(220, 38, 38, 0.25) !important;
}

.zj-currency-box--disabled[b-s3gmjsr0x0] {
    background-color: var(--zj-surface-container);
    border-color: var(--zj-outline-variant);
    cursor: not-allowed;
    opacity: 0.75;
}

.zj-currency-badge[b-s3gmjsr0x0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 0.875rem;
    background-color: var(--zj-surface-container-low);
    border-inline-end: 1px solid var(--zj-outline-variant);
    color: var(--zj-on-surface-variant);
    font-family: var(--zj-font-body, 'Cairo', sans-serif);
    font-size: 0.8125rem;
    font-weight: 600;
    height: 100%;
    align-self: stretch;
    user-select: none;
    flex-shrink: 0;
}

.zj-currency-input[b-s3gmjsr0x0] {
    width: 100%;
    padding: var(--zj-control-padding-block) 0.875rem;
    min-height: calc(var(--zj-control-height) - 2px);
    font-family: var(--zj-font-body, 'Cairo', sans-serif);
    font-size: var(--zj-control-font-size);
    font-weight: 600;
    color: var(--zj-on-surface);
    background: transparent;
    border: none;
    outline: none;
    box-sizing: border-box;
    line-height: 1.5;
    text-align: left;
    direction: ltr;
}

[dir="rtl"] .zj-currency-input[b-s3gmjsr0x0] {
    text-align: right;
}

.zj-currency-input:disabled[b-s3gmjsr0x0] {
    cursor: not-allowed;
    color: var(--zj-on-surface-variant);
}

.zj-currency-box[b-s3gmjsr0x0] { background: var(--zj-field-surface); border-color: var(--zj-field-border); }
.zj-currency-box:focus-within[b-s3gmjsr0x0] { background: var(--zj-field-surface-focus); border-color: var(--zj-field-border-focus); box-shadow: var(--zj-field-focus-ring); }
.zj-currency-box--disabled[b-s3gmjsr0x0] { background: var(--zj-field-surface-disabled); border-color: var(--zj-field-border-disabled); }
.zj-field-error[b-s3gmjsr0x0] { color: var(--zj-on-surface); font-size: .8125rem; margin-block: .375rem 0; }
/* _content/Zajal.Shared/Components/DesignSystem/Inputs/ZjDateInput.razor.rz.scp.css */
.zj-date-box[b-tglbaftsxr] {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    background-color: var(--zj-surface-container-lowest);
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-md, 0.5rem);
    transition: all 180ms ease-in-out;
    box-sizing: border-box;
}

.zj-date-box:hover:not(.zj-date-box--disabled)[b-tglbaftsxr] {
    border-color: var(--zj-outline);
}

.zj-date-box:focus-within:not(.zj-date-box--disabled)[b-tglbaftsxr] {
    border-color: var(--zj-primary);
    box-shadow: 0 0 0 3.5px rgba(var(--zj-primary-rgb), 0.25);
}

.zj-date-box--error[b-tglbaftsxr] {
    border-color: var(--zj-error) !important;
}

.zj-date-box--error:focus-within[b-tglbaftsxr] {
    box-shadow: 0 0 0 3.5px rgba(220, 38, 38, 0.25) !important;
}

.zj-date-box--disabled[b-tglbaftsxr] {
    background-color: var(--zj-surface-container);
    border-color: var(--zj-outline-variant);
    cursor: not-allowed;
    opacity: 0.75;
}

.zj-date-box__icon[b-tglbaftsxr] {
    font-size: 1.25rem;
    color: var(--zj-on-surface-variant);
    margin-inline-start: 0.75rem;
    pointer-events: none;
}

.zj-date-input[b-tglbaftsxr] {
    width: 100%;
    padding: var(--zj-control-padding-block) 0.75rem;
    min-height: calc(var(--zj-control-height) - 2px);
    font-family: var(--zj-font-body, 'Cairo', sans-serif);
    font-size: var(--zj-control-font-size);
    color: var(--zj-on-surface);
    background: transparent;
    border: none;
    outline: none;
    box-sizing: border-box;
    line-height: 1.5;
}

.zj-date-input:disabled[b-tglbaftsxr] {
    cursor: not-allowed;
    color: var(--zj-on-surface-variant);
}

.zj-date-box[b-tglbaftsxr] { background: var(--zj-field-surface); border-color: var(--zj-field-border); }
.zj-date-box:focus-within[b-tglbaftsxr] { background: var(--zj-field-surface-focus); border-color: var(--zj-field-border-focus); box-shadow: var(--zj-field-focus-ring); }
.zj-date-box--disabled[b-tglbaftsxr] { background: var(--zj-field-surface-disabled); border-color: var(--zj-field-border-disabled); }
.zj-field-error[b-tglbaftsxr] { color: var(--zj-on-surface); font-size: .8125rem; margin-block: .375rem 0; }
/* _content/Zajal.Shared/Components/DesignSystem/Inputs/ZjFormField.razor.rz.scp.css */
.zj-form-field[b-8vzimmqvgh] {
    display: grid;
    gap: var(--zj-field-gap);
    margin-bottom: 0;
    width: 100%;
    min-width: 0;
    font-family: var(--zj-font-body, 'Cairo', sans-serif);
}

.zj-form-label[b-8vzimmqvgh] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--zj-on-surface);
    margin-bottom: 0.125rem;
}

.zj-form-label__required[b-8vzimmqvgh] {
    color: var(--zj-on-surface);
    font-weight: 700;
}

.zj-form-control-wrap[b-8vzimmqvgh] {
    position: relative;
    width: 100%;
    min-width: 0;
}

.zj-form-help[b-8vzimmqvgh] {
    font-size: 0.8125rem;
    color: var(--zj-on-surface-variant);
    line-height: 1.4;
    margin-top: 0.125rem;
}

.zj-form-error[b-8vzimmqvgh] {
    display: flex;
    align-items: center;
    gap: var(--zj-field-gap);
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--zj-error, #ba1a1a);
    margin-top: 0.25rem;
    line-height: 1.4;
}

.zj-form-field--error .zj-form-control-wrap[b-8vzimmqvgh] {
    outline: 2px solid var(--zj-error, #ba1a1a);
    outline-offset: 2px;
    border-radius: var(--zj-field-radius, 8px);
}

.zj-form-field[b-8vzimmqvgh] { scroll-margin-block: 5rem; }

.zj-form-error__icon[b-8vzimmqvgh] {
    font-size: 1rem;
}
/* _content/Zajal.Shared/Components/DesignSystem/Inputs/ZjSelect.razor.rz.scp.css */
.zj-select-box[b-nm55o6c2ct] {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    background-color: var(--zj-surface-container-lowest);
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-md, 0.5rem);
    transition: all 180ms ease-in-out;
    box-sizing: border-box;
}

.zj-select-box:hover:not(.zj-select-box--disabled)[b-nm55o6c2ct] {
    border-color: var(--zj-outline);
}

.zj-select-box:focus-within:not(.zj-select-box--disabled)[b-nm55o6c2ct] {
    border-color: var(--zj-primary);
    box-shadow: 0 0 0 3.5px rgba(var(--zj-primary-rgb), 0.25);
}

.zj-select-box--error[b-nm55o6c2ct] {
    border-color: var(--zj-error) !important;
}

.zj-select-box--error:focus-within[b-nm55o6c2ct] {
    box-shadow: 0 0 0 3.5px rgba(220, 38, 38, 0.25) !important;
}

.zj-select-box--disabled[b-nm55o6c2ct] {
    background-color: var(--zj-surface-container);
    border-color: var(--zj-outline-variant);
    cursor: not-allowed;
    opacity: 0.75;
}

.zj-select[b-nm55o6c2ct] {
    width: 100%;
    padding: 0.5rem 2.25rem 0.5rem 0.875rem;
    font-family: var(--zj-font-body, 'Cairo', sans-serif);
    font-size: 0.875rem;
    color: var(--zj-on-surface);
    background: transparent;
    border: none;
    outline: none;
    box-sizing: border-box;
    line-height: 1.5;
    appearance: none;
    cursor: pointer;
}

[dir="rtl"] .zj-select[b-nm55o6c2ct] {
    padding: 0.5rem 0.875rem 0.5rem 2.25rem;
}

.zj-select:disabled[b-nm55o6c2ct] {
    cursor: not-allowed;
    color: var(--zj-on-surface-variant);
}

.zj-select__arrow[b-nm55o6c2ct] {
    position: absolute;
    inset-inline-end: 0.75rem;
    font-size: 1.25rem;
    color: var(--zj-on-surface-variant);
    pointer-events: none;
}

/* Reuse the established searchable control, including its theme and keyboard behavior. */
.zj-select-box[b-nm55o6c2ct], .zj-select-box:focus-within[b-nm55o6c2ct] { background: transparent; border: 0; box-shadow: none; }
.zj-select-box[b-nm55o6c2ct]  .zj-autocomplete-host { width: 100%; }
/* _content/Zajal.Shared/Components/DesignSystem/Inputs/ZjTextInput.razor.rz.scp.css */
.zj-input-box[b-pxt4ypxnki] {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    background-color: var(--zj-surface-container-lowest);
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-md, 0.5rem);
    transition: all 180ms ease-in-out;
    box-sizing: border-box;
}

.zj-input-box:hover:not(.zj-input-box--disabled)[b-pxt4ypxnki] {
    border-color: var(--zj-outline);
}

.zj-input-box:focus-within:not(.zj-input-box--disabled)[b-pxt4ypxnki] {
    border-color: var(--zj-primary);
    box-shadow: 0 0 0 3.5px rgba(var(--zj-primary-rgb), 0.25);
}

.zj-input-box--error[b-pxt4ypxnki] {
    border-color: var(--zj-error) !important;
}

.zj-input-box--error:focus-within[b-pxt4ypxnki] {
    box-shadow: 0 0 0 3.5px rgba(220, 38, 38, 0.25) !important;
}

.zj-input-box--disabled[b-pxt4ypxnki] {
    background-color: var(--zj-surface-container);
    border-color: var(--zj-outline-variant);
    cursor: not-allowed;
    opacity: 0.75;
}

.zj-input[b-pxt4ypxnki] {
    width: 100%;
    padding: var(--zj-control-padding-block) 0.875rem;
    min-height: calc(var(--zj-control-height) - 2px);
    font-family: var(--zj-font-body, 'Cairo', sans-serif);
    font-size: var(--zj-control-font-size);
    color: var(--zj-on-surface);
    background: transparent;
    border: none;
    outline: none;
    box-sizing: border-box;
    line-height: 1.5;
}

.zj-input[b-pxt4ypxnki]::placeholder {
    color: var(--zj-on-surface-variant);
    opacity: 1;
}

.zj-input:disabled[b-pxt4ypxnki] {
    cursor: not-allowed;
    color: var(--zj-on-surface-variant);
}

.zj-input-box__icon[b-pxt4ypxnki] {
    font-size: 1.25rem;
    color: var(--zj-on-surface-variant);
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.zj-input-box__icon--start[b-pxt4ypxnki] {
    margin-inline-start: 0.75rem;
}

.zj-input-box__icon--end[b-pxt4ypxnki] {
    margin-inline-end: 0.75rem;
}

.zj-input-box[b-pxt4ypxnki] { background: var(--zj-field-surface); border-color: var(--zj-field-border); }
.zj-input-box:focus-within[b-pxt4ypxnki] { background: var(--zj-field-surface-focus); border-color: var(--zj-field-border-focus); box-shadow: var(--zj-field-focus-ring); }
.zj-input-box--disabled[b-pxt4ypxnki] { background: var(--zj-field-surface-disabled); border-color: var(--zj-field-border-disabled); }
.zj-field-error[b-pxt4ypxnki] { color: var(--zj-on-surface); font-size: .8125rem; margin-block: .375rem 0; }
/* _content/Zajal.Shared/Components/DesignSystem/Layout/ZjActionBar.razor.rz.scp.css */
.zj-action-bar[b-4yboxjwbf6] {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.5rem;
    background-color: var(--zj-surface-container-lowest);
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-lg, 0.75rem);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    font-family: var(--zj-font-body, 'Cairo', sans-serif);
    margin-top: 1.5rem;
    flex-wrap: wrap;
    box-sizing: border-box;
}

.zj-action-bar--sticky[b-4yboxjwbf6] {
    position: sticky;
    bottom: 1rem;
    z-index: 20;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
    background-color: var(--zj-surface-container-lowest);
    backdrop-filter: blur(8px);
}

.zj-action-bar__status[b-4yboxjwbf6] {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
    flex: 1;
}

.zj-action-bar__status-text[b-4yboxjwbf6] {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.8125rem;
    color: var(--zj-on-surface-variant);
}

.zj-action-bar__status-icon[b-4yboxjwbf6] {
    font-size: 1.125rem;
    color: var(--zj-on-surface);
}

.zj-action-bar__controls[b-4yboxjwbf6] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}
/* _content/Zajal.Shared/Components/DesignSystem/Layout/ZjPageHeader.razor.rz.scp.css */
.zj-page-header[b-ah8fqp3pxs] {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
    margin-bottom: 1.5rem;
    font-family: var(--zj-font-body, 'Cairo', sans-serif);
}

.zj-page-header__breadcrumbs[b-ah8fqp3pxs] {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
    margin-bottom: 0.5rem;
    font-size: 0.8125rem;
    color: var(--zj-on-surface-variant);
}

.zj-page-header__main[b-ah8fqp3pxs] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.zj-page-header__title-group[b-ah8fqp3pxs] {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.zj-page-header__title-row[b-ah8fqp3pxs] {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.zj-page-header__title[b-ah8fqp3pxs] {
    overflow-wrap: anywhere;
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--zj-on-surface);
    margin: 0;
    line-height: 1.3;
}

.zj-page-header__subtitle[b-ah8fqp3pxs] {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
    font-size: 0.875rem;
    color: var(--zj-on-surface-variant);
    margin: 0;
    line-height: 1.5;
}

.zj-page-header__actions[b-ah8fqp3pxs] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    flex-wrap: wrap;
}

/* Opt in per consumer after its acceptance checks; existing pages keep their layout. */
.zj-page-header--decorated[b-ah8fqp3pxs] {
    padding: clamp(1rem, 2vw, 1.5rem);
    border: 1px solid var(--zj-outline-variant);
    border-inline-start: .25rem solid var(--zj-primary);
    border-radius: var(--zj-radius-lg, .75rem);
    background: var(--zj-surface-container-lowest);
    position: relative;
    isolation: isolate;
}
.zj-page-header--decorated[b-ah8fqp3pxs]::before {
    content: "";
    position: absolute;
    inset-block: 0;
    inset-inline-end: 0;
    width: min(25%, 9rem);
    opacity: .08;
    background: repeating-linear-gradient(135deg, transparent 0 12px, var(--zj-primary) 12px 14px);
    pointer-events: none;
    z-index: -1;
}
/* _content/Zajal.Shared/Components/DesignSystem/Layout/ZjSectionCard.razor.rz.scp.css */
.zj-section-card[b-regp0jlmht] {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
    background-color: var(--zj-surface-container-lowest);
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-lg, 0.75rem);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    margin-bottom: 1.5rem;
    font-family: var(--zj-font-body, 'Cairo', sans-serif);
    overflow: hidden;
}

.zj-section-card__header[b-regp0jlmht] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.125rem 1.5rem;
    border-bottom: 1px solid var(--zj-surface-container);
    gap: 1rem;
    flex-wrap: wrap;
    background-color: var(--zj-surface-container-lowest);
}

.zj-section-card__title-wrap[b-regp0jlmht] {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.zj-section-card__icon[b-regp0jlmht] {
    font-size: 1.375rem;
    color: var(--zj-on-surface);
    flex-shrink: 0;
}

.zj-section-card__titles[b-regp0jlmht] {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.zj-section-card__title[b-regp0jlmht] {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
    font-size: 1.0625rem;
    font-weight: 700;
    color: var(--zj-on-surface);
    margin: 0;
    line-height: 1.3;
}

.zj-section-card__subtitle[b-regp0jlmht] {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
    font-size: 0.8125rem;
    color: var(--zj-on-surface-variant);
    margin: 0;
    line-height: 1.4;
}

.zj-section-card__header-actions[b-regp0jlmht] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.zj-section-card__body[b-regp0jlmht] {
    padding: 1.5rem;
}

.zj-section-card__footer[b-regp0jlmht] {
    padding: 1rem 1.5rem;
    background-color: var(--zj-surface-container-low);
    border-top: 1px solid var(--zj-surface-container);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
}
/* _content/Zajal.Shared/Components/Feedback/ConfirmDialog.razor.rz.scp.css */
/* ConfirmDialog Scoped Styles */

.dialog__alert[b-06ikk49hcp] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.875rem 1rem;
    border-radius: var(--zj-radius-lg, 0.75rem);
    margin-bottom: 1rem;
    font-size: 0.875rem;
    line-height: 1.5;
}

.dialog__alert--error[b-06ikk49hcp] {
    background: var(--zj-error-container, #fee2e2);
    color: var(--zj-on-error-container, #991b1b);
    border: 1px solid var(--zj-error, #ef4444);
}

.dialog__alert--blocked[b-06ikk49hcp] {
    background: rgba(239, 68, 68, 0.08);
    color: var(--zj-on-surface, #1f2937);
    border: 1.5px solid var(--zj-error, #ef4444);
}

.dialog__alert--blocked .material-symbols-outlined[b-06ikk49hcp] {
    color: var(--zj-error, #ef4444);
    font-size: 1.5rem;
    flex-shrink: 0;
}

.dialog__alert-content strong[b-06ikk49hcp] {
    display: block;
    font-size: 0.9375rem;
    margin-bottom: 0.25rem;
    color: var(--zj-error, #ef4444);
}

.dialog__alert-content p[b-06ikk49hcp] {
    margin: 0;
    color: var(--zj-on-surface-variant, #4b5563);
}

.dialog__batch-badge[b-06ikk49hcp] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem 0.625rem;
    border-radius: var(--zj-radius-full, 9999px);
    background: var(--zj-primary-container, #e0e7ff);
    color: var(--zj-on-primary-container, #3730a3);
    font-size: 0.75rem;
    font-weight: 600;
    margin-inline-start: 0.5rem;
    vertical-align: middle;
}

.dialog__item-card[b-06ikk49hcp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    background: var(--zj-surface-container-high, #f3f4f6);
    border-radius: var(--zj-radius-lg, 0.75rem);
    margin-bottom: 0.75rem;
    border: 1px solid var(--zj-outline-variant, #e5e7eb);
}

.dialog__item-info[b-06ikk49hcp] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.dialog__item-type[b-06ikk49hcp] {
    display: inline-flex;
    align-items: center;
    padding: 0.125rem 0.5rem;
    border-radius: var(--zj-radius-sm, 0.375rem);
    background: var(--zj-surface-container-highest, #e5e7eb);
    color: var(--zj-on-surface-variant, #4b5563);
    font-size: 0.75rem;
    font-weight: 600;
}

.dialog__item-name[b-06ikk49hcp] {
    font-weight: 700;
    font-size: 0.9375rem;
    color: var(--zj-on-surface, #111827);
}

.dialog__impact-box[b-06ikk49hcp] {
    display: flex;
    align-items: flex-start;
    gap: 0.625rem;
    padding: 0.75rem 1rem;
    border-radius: var(--zj-radius-lg, 0.75rem);
    background: rgba(245, 158, 11, 0.1);
    border: 1px solid rgba(245, 158, 11, 0.3);
    color: var(--zj-on-surface, #1f2937);
    font-size: 0.875rem;
    line-height: 1.5;
    margin-bottom: 1rem;
}

.dialog__impact-box .material-symbols-outlined[b-06ikk49hcp] {
    color: var(--zj-warning, #f59e0b);
    font-size: 1.25rem;
    flex-shrink: 0;
    margin-top: 0.125rem;
}

.dialog__impact-box strong[b-06ikk49hcp] {
    color: var(--zj-warning, #d97706);
    margin-inline-end: 0.375rem;
}

.dialog__batch-notice[b-06ikk49hcp] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 0.875rem;
    border-radius: var(--zj-radius-md, 0.5rem);
    background: var(--zj-surface-container-high, #f3f4f6);
    color: var(--zj-on-surface-variant, #4b5563);
    font-size: 0.8125rem;
    margin-bottom: 0.875rem;
}

.dialog__batch-notice .material-symbols-outlined[b-06ikk49hcp] {
    font-size: 1.125rem;
    color: var(--zj-primary, #6366f1);
    flex-shrink: 0;
}

.dialog__btn-spinner[b-06ikk49hcp] {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: dialog-spin-b-06ikk49hcp 0.75s linear infinite;
    margin-inline-end: 0.375rem;
    vertical-align: middle;
}

@keyframes dialog-spin-b-06ikk49hcp {
    to { transform: rotate(360deg); }
}

/* Dark mode enhancements */
:global([data-theme="dark"]) .dialog__item-card[b-06ikk49hcp],
:global(.theme-dark) .dialog__item-card[b-06ikk49hcp] {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.08);
}

:global([data-theme="dark"]) .dialog__item-name[b-06ikk49hcp],
:global(.theme-dark) .dialog__item-name[b-06ikk49hcp] {
    color: #f9fafb;
}

:global([data-theme="dark"]) .dialog__item-type[b-06ikk49hcp],
:global(.theme-dark) .dialog__item-type[b-06ikk49hcp] {
    background: rgba(255, 255, 255, 0.08);
    color: #9ca3af;
}

:global([data-theme="dark"]) .dialog__impact-box[b-06ikk49hcp],
:global(.theme-dark) .dialog__impact-box[b-06ikk49hcp] {
    background: rgba(245, 158, 11, 0.15);
    border-color: rgba(245, 158, 11, 0.3);
    color: #fef3c7;
}

:global([data-theme="dark"]) .dialog__alert--error[b-06ikk49hcp],
:global(.theme-dark) .dialog__alert--error[b-06ikk49hcp] {
    background: rgba(239, 68, 68, 0.15);
    color: #fca5a5;
    border-color: rgba(239, 68, 68, 0.4);
}

:global([data-theme="dark"]) .dialog__alert--blocked[b-06ikk49hcp],
:global(.theme-dark) .dialog__alert--blocked[b-06ikk49hcp] {
    background: rgba(239, 68, 68, 0.12);
    border-color: rgba(239, 68, 68, 0.4);
}

:global([data-theme="dark"]) .dialog__alert-content p[b-06ikk49hcp],
:global(.theme-dark) .dialog__alert-content p[b-06ikk49hcp] {
    color: #d1d5db;
}

:global([data-theme="dark"]) .dialog__batch-notice[b-06ikk49hcp],
:global(.theme-dark) .dialog__batch-notice[b-06ikk49hcp] {
    background: rgba(255, 255, 255, 0.04);
    color: #9ca3af;
}
/* _content/Zajal.Shared/Components/Feedback/DatabaseOperationLoader.razor.rz.scp.css */
.database-operation-loader[b-ptxygge8wz] {
    position: fixed;
    inset: 0;
    z-index: 5000;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: color-mix(in srgb, var(--zj-surface, #101827) 76%, transparent);
    backdrop-filter: blur(2px);
}

.database-operation-loader__content[b-ptxygge8wz] {
    display: grid;
    justify-items: center;
    gap: 0.35rem;
    min-width: 13rem;
    padding: 1rem 1.25rem;
    color: var(--zj-on-surface, #fff);
    text-align: center;
    border: 1px solid color-mix(in srgb, currentColor 16%, transparent);
    border-radius: 1rem;
    background: color-mix(in srgb, var(--zj-surface-container, #172235) 92%, transparent);
    box-shadow: 0 1rem 3rem color-mix(in srgb, #000 28%, transparent);
}

.database-operation-loader__content .loading-spinner[b-ptxygge8wz] {
    padding: 0.35rem;
}
/* _content/Zajal.Shared/Components/Feedback/OperationFeedback.razor.rz.scp.css */
.operation-feedback[b-xsveqkjipn] { display: flex; flex-wrap: wrap; align-items: start; gap: .5rem 1rem; color: var(--zj-on-surface); padding: .4rem .6rem; }
.operation-feedback details[b-xsveqkjipn] { flex: 0 1 20rem; min-width: 0; }
.operation-feedback summary[b-xsveqkjipn] { cursor: pointer; }
.operation-feedback p[b-xsveqkjipn] { flex: 1 1 15rem; margin: 0; overflow-wrap: anywhere; }
.operation-feedback--floating[b-xsveqkjipn] { position: fixed; top: 8px; left: 50%; transform: translateX(-50%); z-index: 80; width: max-content; max-width: min(32rem, calc(100vw - 2rem)); box-sizing: border-box; align-items: center; flex-wrap: nowrap; gap: .5rem; padding: .4rem .6rem; border: 1px solid var(--zj-outline-variant); border-radius: .75rem; background: var(--zj-surface-container-high); box-shadow: 0 4px 16px #0002; font-size: .8rem; }
.operation-feedback--floating p[b-xsveqkjipn] { flex: 1 1 auto; }
.operation-feedback__dismiss[b-xsveqkjipn] { flex: none; display: grid; place-items: center; width: 32px; height: 32px; padding: 0; border: 0; border-radius: .5rem; background: transparent; color: inherit; font: inherit; font-size: 1.2rem; cursor: pointer; }
.operation-feedback__dismiss:hover[b-xsveqkjipn] { background: var(--zj-surface-container); }
.operation-feedback__dismiss:focus-visible[b-xsveqkjipn] { outline: 2px solid var(--zj-primary); outline-offset: 2px; }
/* _content/Zajal.Shared/Components/Finance/CashDrawerReconciliationCard.razor.rz.scp.css */
.cash-reconcile-card[b-uwhessibbu] {
    display: grid;
    gap: 1.25rem;
    padding: 1.5rem;
    background: var(--zj-surface);
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-2xl);
    margin-bottom: 1.5rem;
}

.cash-reconcile-card__header[b-uwhessibbu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.cash-reconcile-card__title-group[b-uwhessibbu] {
    display: flex;
    align-items: center;
    gap: .75rem;
}

.cash-reconcile-card__icon[b-uwhessibbu] {
    font-size: 2rem;
    color: var(--zj-primary);
    padding: .5rem;
    border-radius: var(--zj-radius-lg);
    background: var(--zj-surface-container-low);
}

.cash-reconcile-card__eyebrow[b-uwhessibbu] {
    font-size: .75rem;
    font-weight: 700;
    color: var(--zj-on-surface-variant);
    display: block;
}

.cash-reconcile-card__header h2[b-uwhessibbu] {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 900;
}

.cash-reconcile-card__badge[b-uwhessibbu] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .35rem .85rem;
    border-radius: 9999px;
    font-size: .85rem;
    font-weight: 800;
}

.cash-reconcile-card__badge .material-symbols-outlined[b-uwhessibbu] {
    font-size: 1.1rem;
}

.cash-reconcile-card__badge--neutral[b-uwhessibbu] {
    background: var(--zj-surface-container-high);
    color: var(--zj-on-surface-variant);
}

.cash-reconcile-card__badge--success[b-uwhessibbu] {
    background: rgba(16, 185, 129, 0.15);
    color: #059669;
}

.cash-reconcile-card__badge--error[b-uwhessibbu] {
    background: rgba(239, 68, 68, 0.15);
    color: #dc2626;
}

.cash-reconcile-card__badge--info[b-uwhessibbu] {
    background: rgba(59, 130, 246, 0.15);
    color: #2563eb;
}

.cash-reconcile-card__grid[b-uwhessibbu] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
    gap: 1rem;
}

.cash-reconcile-card__box[b-uwhessibbu] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    padding: 1.1rem;
    border-radius: var(--zj-radius-xl);
    border: 1px solid var(--zj-outline-variant);
    background: var(--zj-surface-container-low);
}

.cash-reconcile-card__label[b-uwhessibbu] {
    font-size: .85rem;
    font-weight: 800;
    color: var(--zj-on-surface);
}

.cash-reconcile-card__amount[b-uwhessibbu] {
    font-size: 1.7rem;
    font-weight: 900;
    color: var(--zj-on-surface);
}

.cash-reconcile-card__amount small[b-uwhessibbu] {
    font-size: .9rem;
    font-weight: 700;
    color: var(--zj-on-surface-variant);
}

.cash-reconcile-card__hint[b-uwhessibbu] {
    font-size: .75rem;
    color: var(--zj-on-surface-variant);
}

.cash-reconcile-card__variance-barometer[b-uwhessibbu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
    padding: 1rem 1.25rem;
    border-radius: var(--zj-radius-xl);
    border: 1px solid transparent;
}

.cash-reconcile-card__variance-lead[b-uwhessibbu] {
    display: flex;
    align-items: center;
    gap: .75rem;
}

.cash-reconcile-card__variance-lead .material-symbols-outlined[b-uwhessibbu] {
    font-size: 1.8rem;
}

.cash-reconcile-card__variance-lead strong[b-uwhessibbu] {
    display: block;
    font-size: .95rem;
    font-weight: 900;
}

.cash-reconcile-card__variance-lead p[b-uwhessibbu] {
    margin: 0;
    font-size: .8rem;
}

.cash-reconcile-card__variance-val[b-uwhessibbu] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.cash-reconcile-card__variance-val span[b-uwhessibbu] {
    font-size: .75rem;
    font-weight: 700;
}

.cash-reconcile-card__variance-val strong[b-uwhessibbu] {
    font-size: 1.4rem;
    font-weight: 900;
}

.cash-reconcile-card__variance-barometer--match[b-uwhessibbu] {
    background: rgba(16, 185, 129, 0.12);
    border-color: #10b981;
    color: #065f46;
}

.cash-reconcile-card__variance-barometer--shortage[b-uwhessibbu] {
    background: rgba(239, 68, 68, 0.12);
    border-color: #ef4444;
    color: #991b1b;
}

.cash-reconcile-card__variance-barometer--surplus[b-uwhessibbu] {
    background: rgba(59, 130, 246, 0.12);
    border-color: #3b82f6;
    color: #1e40af;
}

.cash-reconcile-card__safety-checklist[b-uwhessibbu] {
    padding: 1rem;
    border-radius: var(--zj-radius-xl);
    background: var(--zj-surface-container-low);
    border: 1px solid var(--zj-outline-variant);
}

.cash-reconcile-card__checklist-title[b-uwhessibbu] {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin: 0 0 .75rem;
    font-size: .9rem;
    font-weight: 900;
    color: var(--zj-on-surface);
}

.cash-reconcile-card__checklist-title .material-symbols-outlined[b-uwhessibbu] {
    font-size: 1.2rem;
    color: var(--zj-primary);
}

.cash-reconcile-card__checklist-items[b-uwhessibbu] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
    gap: .75rem;
}

.cash-reconcile-card__check[b-uwhessibbu] {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: .82rem;
    padding: .5rem .75rem;
    border-radius: var(--zj-radius-lg);
    background: var(--zj-surface);
    border: 1px solid var(--zj-outline-variant);
}

.cash-reconcile-card__check .material-symbols-outlined[b-uwhessibbu] {
    font-size: 1.1rem;
}

.cash-reconcile-card__check.is-pass[b-uwhessibbu] {
    color: var(--zj-on-surface);
}

.cash-reconcile-card__check.is-pass .material-symbols-outlined[b-uwhessibbu] {
    color: #10b981;
}

.cash-reconcile-card__check.is-fail[b-uwhessibbu] {
    color: var(--zj-on-surface);
}

.cash-reconcile-card__check.is-fail .material-symbols-outlined[b-uwhessibbu] {
    color: #ef4444;
}

.cash-reconcile-card__check.is-warn[b-uwhessibbu] {
    color: var(--zj-on-surface);
}

.cash-reconcile-card__check.is-warn .material-symbols-outlined[b-uwhessibbu] {
    color: #f59e0b;
}

.cash-reconcile-card__check.is-pending[b-uwhessibbu] {
    color: var(--zj-on-surface-variant);
}

.cash-reconcile-card__check.is-pending .material-symbols-outlined[b-uwhessibbu] {
    color: var(--zj-on-surface-variant);
}

.cash-reconcile-card__box[b-uwhessibbu], .cash-reconcile-card__title-group[b-uwhessibbu] { min-width:0; overflow-wrap:anywhere; }
.cash-reconcile-card__header h2[b-uwhessibbu] { font-size:clamp(1.375rem,2vw,1.75rem); }
.cash-reconcile-card__variance-barometer--match[b-uwhessibbu] { color:var(--zj-on-success-container,var(--zj-on-surface)); }
.cash-reconcile-card__variance-barometer--shortage[b-uwhessibbu] { color:var(--zj-on-error-container,var(--zj-on-surface)); }
.cash-reconcile-card__variance-barometer--surplus[b-uwhessibbu] { color:var(--zj-on-info-container,var(--zj-on-surface)); }
@media(max-width:480px) { .cash-reconcile-card[b-uwhessibbu] { padding:1rem; } }
/* _content/Zajal.Shared/Components/Forms/CategoryIconPicker.razor.rz.scp.css */
.icon-picker[b-lpfu85f761] { border:1px solid var(--zj-outline-variant, #d5e3ef); border-radius:16px; padding:14px; background:var(--zj-surface, #fff); color:var(--zj-on-surface, #16334d); }
.icon-picker__preview[b-lpfu85f761] { display:flex; gap:12px; align-items:center; flex-wrap:wrap; }
.icon-picker__preview div[b-lpfu85f761] { flex:1; min-width:140px; }
.icon-picker__preview small[b-lpfu85f761] { display:block; margin-top:4px; }
.icon-picker__emoji[b-lpfu85f761] { font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif; font-size:28px; line-height:1.5; font-style:normal; }
.icon-picker__filters[b-lpfu85f761] { display:flex; flex-wrap:wrap; gap:6px; margin-top:12px; }
.icon-picker__filters button[b-lpfu85f761], .icon-picker__grid button[b-lpfu85f761] { border:1px solid var(--zj-outline-variant, #c8d8e7); border-radius:10px; color:inherit; background:var(--zj-surface, #fff); padding:8px; cursor:pointer; }
.icon-picker button[aria-pressed="true"][b-lpfu85f761] { border-color:var(--zj-primary, #079ed0); background:color-mix(in srgb,var(--zj-primary, #079ed0) 18%,var(--zj-surface, #fff)); box-shadow:inset 0 0 0 1px var(--zj-primary, #079ed0); }
.icon-picker button:focus-visible[b-lpfu85f761] { outline:3px solid var(--zj-primary,#079ed0); outline-offset:2px; }
.icon-picker__grid[b-lpfu85f761] { display:grid; grid-template-columns:repeat(auto-fill,minmax(92px,1fr)); gap:8px; max-height:280px; overflow-y:auto; padding:3px; margin-bottom:12px; }
.icon-picker__grid button[b-lpfu85f761] { display:flex; align-items:center; flex-direction:column; gap:4px; font-size:12px; min-height:82px; }
.icon-picker__count[b-lpfu85f761] { font-size:12px; margin:10px 0; }
/* _content/Zajal.Shared/Components/Forms/FormCheckbox.razor.rz.scp.css */
.form-checkbox[b-jhmc034xsi] {
    display: inline-flex;
    align-items: center;
    gap: var(--zj-field-gap, .75rem);
    min-block-size: var(--zj-control-height);
    cursor: pointer;
}

.form-checkbox[b-jhmc034xsi]  input[type="checkbox"] {
    flex: 0 0 auto;
    inline-size: 1.25rem;
    block-size: 1.25rem;
    margin: 0;
    accent-color: var(--zj-primary);
}

.form-checkbox[b-jhmc034xsi]  input:focus-visible {
    outline: 2px solid var(--zj-primary);
    outline-offset: 3px;
}

.form-checkbox:has(input:disabled)[b-jhmc034xsi] {
    cursor: not-allowed;
    opacity: .65;
}
/* _content/Zajal.Shared/Components/Forms/ImageUpload.razor.rz.scp.css */
.form-group[b-lt35rkkooe]  .image-upload__input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.form-group[b-lt35rkkooe]  .image-upload__input:focus-visible + .upload-zone {
    outline: 3px solid var(--zj-primary);
    outline-offset: 3px;
}
/* _content/Zajal.Shared/Components/Forms/MenuItemOptionsEditor.razor.rz.scp.css */
.zj-suggestions-backdrop[b-iixhz7bpoh] { position:fixed; inset:0; z-index:1060; display:flex; align-items:center; justify-content:center; padding:16px; background:rgba(20,25,28,.55); }
.zj-suggestions-dialog[b-iixhz7bpoh] { width:min(100%,640px); max-height:min(85vh,760px); overflow-y:auto; display:grid; gap:16px; padding:20px; border:1px solid var(--zj-outline-variant); border-radius:18px; background:var(--zj-surface); box-shadow:var(--zj-shadow-lg); }
.zj-suggestions-header[b-iixhz7bpoh] { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.zj-suggestions-header h3[b-iixhz7bpoh] { margin:0; color:var(--zj-on-surface); font-size:1.15rem; }
.zj-suggestions-header p[b-iixhz7bpoh] { margin:4px 0 0; color:var(--zj-on-surface-variant); line-height:1.5; }
.zj-suggestions-subtitle[b-iixhz7bpoh] { margin:0; color:var(--zj-on-surface-variant); font-size:.82rem; }
.zj-suggestions-list[b-iixhz7bpoh] { display:flex; flex-wrap:wrap; gap:8px; }
.zj-suggestions-chip[b-iixhz7bpoh] { padding:8px 12px; border:1px solid var(--zj-outline-variant); border-radius:999px; background:var(--zj-surface-container-low); color:var(--zj-on-surface); font:inherit; font-size:.88rem; cursor:pointer; }
.zj-suggestions-chip:hover[b-iixhz7bpoh],.zj-suggestions-chip.is-selected[b-iixhz7bpoh] { border-color:var(--zj-primary); background:var(--zj-primary-container); color:var(--zj-on-primary-container); }
.zj-suggestions-chip:focus-visible[b-iixhz7bpoh] { outline:2px solid var(--zj-primary); outline-offset:2px; }
.zj-suggestions-preview[b-iixhz7bpoh] { display:grid; gap:8px; padding:14px; border:1px solid var(--zj-outline-variant); border-radius:12px; background:var(--zj-surface-container-low); }
.zj-suggestions-preview h4[b-iixhz7bpoh],.zj-suggestions-preview p[b-iixhz7bpoh] { margin:0; }
.zj-suggestions-preview h4[b-iixhz7bpoh] { font-size:1rem; }
.zj-suggestions-preview p[b-iixhz7bpoh] { color:var(--zj-on-surface-variant); font-size:.87rem; }
.zj-suggestions-options[b-iixhz7bpoh] { display:flex; flex-wrap:wrap; gap:6px; }
.zj-suggestions-options span[b-iixhz7bpoh] { padding:5px 9px; border-radius:7px; background:var(--zj-surface); border:1px solid var(--zj-outline-variant); font-size:.83rem; }
.zj-suggestions-empty[b-iixhz7bpoh] { margin:0; padding:20px 12px; text-align:center; color:var(--zj-on-surface-variant); }
.zj-suggestions-actions[b-iixhz7bpoh] { display:flex; justify-content:flex-end; gap:8px; padding-block-start:8px; border-top:1px solid var(--zj-outline-variant); }
.option-quantity-limit[b-iixhz7bpoh] { display:grid; gap:.35rem; }
.option-quantity-limit > span[b-iixhz7bpoh] { font-weight:750; color:var(--zj-on-surface); }
.option-quantity-limit > small[b-iixhz7bpoh] { color:var(--zj-on-surface-variant); line-height:1.6; }
/* _content/Zajal.Shared/Components/Forms/UnitSelectPicker.razor.rz.scp.css */
.zj-unit-picker[b-a12jrtju9f] { position:relative; width:100%; min-width:0; }
.zj-unit-picker__trigger[b-a12jrtju9f] { box-sizing:border-box; min-height:var(--zj-control-height); padding:var(--zj-control-padding-block) .75rem; font-size:var(--zj-control-font-size); display:flex; align-items:center; justify-content:space-between; gap:.5rem; width:100%; min-width:0; text-align:start; }
.zj-unit-picker__trigger > span:first-child[b-a12jrtju9f] { display:flex; align-items:center; flex-wrap:wrap; gap:.4rem; min-width:0; }
.zj-unit-picker__menu[b-a12jrtju9f] { position:fixed; inset:auto; margin:0; box-sizing:border-box; padding:12px; border:1px solid var(--zj-outline-variant,#ccd9e2); border-radius:16px; background:var(--zj-surface,#fff); color:var(--zj-on-surface,#172b40); box-shadow:0 12px 36px #102a432b; overflow:auto; overscroll-behavior:contain; direction:rtl; }
.zj-unit-picker__menu[b-a12jrtju9f] { display:none; }
.zj-unit-picker__menu:popover-open[b-a12jrtju9f] { display:block; }
.zj-unit-picker__menu .input-group[b-a12jrtju9f] { display:flex; align-items:center; gap:8px; margin-bottom:10px; }
.zj-unit-picker__menu input[b-a12jrtju9f] { width:100%; min-width:0; box-sizing:border-box; }
.zj-unit-picker__list[b-a12jrtju9f] { overflow:visible; max-height:none !important; }
.zj-unit-picker__category-section[b-a12jrtju9f] { margin-bottom:8px; border:1px solid var(--zj-outline-variant,#dce5ed); border-radius:12px; overflow:hidden; }
.zj-unit-picker__category-header[b-a12jrtju9f] { display:flex; align-items:center; gap:8px; width:100%; padding:12px; border:0; text-align:start; background:var(--zj-on-surface,#172b40); color:var(--zj-surface,#fff); font:inherit; font-weight:700; cursor:pointer; }
.zj-unit-picker__category-header[aria-expanded="true"][b-a12jrtju9f] {
    border-bottom: 3px solid var(--zj-primary,#0284c7);
}
.zj-unit-picker__category-header small[b-a12jrtju9f] {
    margin-inline-start: auto;
    padding: 2px 8px;
    border-radius: 999px;
    background: color-mix(in srgb, currentColor 15%, transparent);
    color: inherit;
}
.zj-unit-picker__category-items[b-a12jrtju9f] { display:flex; flex-direction:column; padding:8px; gap:3px; background:var(--zj-surface,#fff); }
.zj-unit-picker__item[b-a12jrtju9f] { display:flex; align-items:center; justify-content:space-between; gap:8px; width:100%; padding:10px; border:0; border-radius:8px; text-align:start; background:transparent; color:inherit; cursor:pointer; white-space:normal; }
.zj-unit-picker__item > div[b-a12jrtju9f] { display:flex; gap:10px; align-items:center; min-width:0; }
.zj-unit-picker__item small[b-a12jrtju9f] { display:block; margin-top:5px; line-height:1.6; overflow-wrap:anywhere; color:var(--zj-on-surface-variant,#52687a); }
.zj-unit-picker__item bdi[b-a12jrtju9f] { unicode-bidi:isolate; }
.zj-unit-picker__item .text-truncate[b-a12jrtju9f] { white-space:normal; overflow:visible; }
.zj-unit-picker__item.active[b-a12jrtju9f], .zj-unit-picker__item:hover[b-a12jrtju9f] { background:var(--zj-primary-container,#dff3ff); }
.zj-unit-picker__menu button:focus-visible[b-a12jrtju9f], .zj-unit-picker__trigger:focus-visible[b-a12jrtju9f] { outline:2px solid var(--zj-primary,#0284c7); outline-offset:-2px; }
.zj-unit-picker__loading[b-a12jrtju9f],.zj-unit-picker__error[b-a12jrtju9f],.zj-unit-picker__empty[b-a12jrtju9f] { padding:16px; text-align:center; }
.zj-unit-picker__archived-notice[b-a12jrtju9f] { padding:10px; font-size:.8rem; }
@media(max-width:480px) { .zj-unit-picker__menu[b-a12jrtju9f] { padding:8px; } .zj-unit-picker__category-header[b-a12jrtju9f] { padding:10px; } }

.zj-unit-picker__menu[b-a12jrtju9f]::backdrop { background:transparent; }
.zj-unit-picker__menu[b-a12jrtju9f] { font:inherit; text-align:start; }
/* _content/Zajal.Shared/Components/HumanResources/EmployeeForm.razor.rz.scp.css */
.employee-form[b-0u3rnwh3sc]{border:0;padding:0;display:grid;gap:1.25rem}.employee-form__region[b-0u3rnwh3sc]{border:1px solid var(--zj-outline-variant);border-radius:12px;padding:1.25rem;min-width:0}.employee-form__region legend[b-0u3rnwh3sc]{float:none;width:auto;font-size:1.125rem;font-weight:800;padding-inline:.5rem;margin:0}.employee-form__region p[b-0u3rnwh3sc]{color:var(--zj-on-surface-variant);line-height:1.8}@media(max-width:600px){.employee-form__region[b-0u3rnwh3sc]{padding:1rem}}
/* _content/Zajal.Shared/Components/Inventory/BatchExpiryIndicator.razor.rz.scp.css */
.batch-expiry-indicator[b-e461y2u5ri] {
    display: grid;
    gap: 0.5rem;
    padding: 0.65rem 0.85rem;
    border-radius: var(--zj-radius-lg, 0.75rem);
    border: 1px solid var(--zj-outline-variant, #e2e8f0);
    background: var(--zj-surface-container-low, #f8fafc);
    margin-top: 0.35rem;
}

.batch-expiry-indicator--danger[b-e461y2u5ri] {
    border-color: color-mix(in srgb, var(--zj-error, #dc2626) 40%, var(--zj-outline-variant, #e2e8f0));
    background: color-mix(in srgb, var(--zj-error, #dc2626) 6%, var(--zj-surface, #ffffff));
}

.batch-expiry-indicator--warning[b-e461y2u5ri] {
    border-color: color-mix(in srgb, #f59e0b 45%, var(--zj-outline-variant, #e2e8f0));
    background: color-mix(in srgb, #f59e0b 6%, var(--zj-surface, #ffffff));
}

.batch-expiry-indicator--safe[b-e461y2u5ri] {
    border-color: color-mix(in srgb, var(--zj-success, #16a34a) 30%, var(--zj-outline-variant, #e2e8f0));
    background: color-mix(in srgb, var(--zj-success, #16a34a) 4%, var(--zj-surface, #ffffff));
}

.batch-expiry-indicator__head[b-e461y2u5ri] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.batch-expiry-indicator__icon[b-e461y2u5ri] {
    font-size: 1.25rem;
}

.batch-expiry-indicator--danger .batch-expiry-indicator__icon[b-e461y2u5ri] { color: var(--zj-error, #dc2626); }
.batch-expiry-indicator--warning .batch-expiry-indicator__icon[b-e461y2u5ri] { color: #b45309; }
.batch-expiry-indicator--safe .batch-expiry-indicator__icon[b-e461y2u5ri] { color: var(--zj-success, #16a34a); }

.batch-expiry-indicator__title-wrap[b-e461y2u5ri] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    flex: 1;
    gap: 0.5rem;
}

.batch-expiry-indicator__batch-no[b-e461y2u5ri] {
    font-size: 0.85rem;
    font-weight: 800;
    color: var(--zj-on-surface, #1e293b);
}

.batch-expiry-indicator__remaining[b-e461y2u5ri] {
    font-size: 0.75rem;
    color: var(--zj-on-surface-variant, #64748b);
}

.batch-expiry-indicator__remaining strong[b-e461y2u5ri] {
    color: var(--zj-on-surface, #1e293b);
}

.batch-expiry-indicator__status-row[b-e461y2u5ri] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding-top: 0.35rem;
    border-top: 1px solid color-mix(in srgb, var(--zj-outline-variant, #e2e8f0) 60%, transparent);
}

.batch-expiry-indicator__status-badge[b-e461y2u5ri] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.72rem;
    font-weight: 750;
    padding: 0.15rem 0.5rem;
    border-radius: 999px;
    background: var(--zj-surface-container, #e2e8f0);
    color: var(--zj-on-surface, #1e293b);
}

.batch-expiry-indicator__status-badge .material-symbols-outlined[b-e461y2u5ri] {
    font-size: 0.95rem;
}

.batch-expiry-indicator__status-badge--danger[b-e461y2u5ri] {
    background: color-mix(in srgb, var(--zj-error, #dc2626) 15%, var(--zj-surface, #ffffff));
    color: var(--zj-error, #dc2626);
}

.batch-expiry-indicator__status-badge--warning[b-e461y2u5ri] {
    background: color-mix(in srgb, #f59e0b 18%, var(--zj-surface, #ffffff));
    color: #b45309;
}

.batch-expiry-indicator__status-badge--safe[b-e461y2u5ri] {
    background: color-mix(in srgb, var(--zj-success, #16a34a) 15%, var(--zj-surface, #ffffff));
    color: var(--zj-success, #16a34a);
}

.batch-expiry-indicator__cost[b-e461y2u5ri] {
    font-size: 0.75rem;
    color: var(--zj-on-surface-variant, #64748b);
}

.batch-expiry-indicator__cost strong[b-e461y2u5ri] {
    color: var(--zj-on-surface, #1e293b);
}
/* _content/Zajal.Shared/Components/Inventory/BatchList.razor.rz.scp.css */
.batch-list[b-wlb9bqg41p]{display:grid;gap:.55rem}.batch-list__item[b-wlb9bqg41p]{display:grid;grid-template-columns:minmax(12rem,.8fr) minmax(0,2.2fr);gap:.8rem;align-items:center;padding:.8rem;border:1px solid var(--zj-outline-variant);border-radius:var(--zj-radius-lg);background:var(--zj-surface)}.batch-list__identity[b-wlb9bqg41p]{display:grid;gap:.18rem;min-width:0}.batch-list__identity strong[b-wlb9bqg41p]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--zj-on-surface)}.batch-list__item small[b-wlb9bqg41p],.batch-list__facts dt[b-wlb9bqg41p]{color:var(--zj-on-surface-variant)}.batch-list__facts[b-wlb9bqg41p]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin:0}.batch-list__facts div[b-wlb9bqg41p]{display:grid;gap:.12rem;min-width:0;padding:.45rem .55rem;border-radius:var(--zj-radius-md);background:var(--zj-surface-container-low)}.batch-list__facts dt[b-wlb9bqg41p]{font-size:.72rem;font-weight:800}.batch-list__facts dd[b-wlb9bqg41p]{margin:0;font-weight:900;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.batch-list__item--expired[b-wlb9bqg41p]{border-color:var(--zj-error);opacity:.78}.batch-list__empty[b-wlb9bqg41p]{padding:1rem;text-align:center;color:var(--zj-on-surface-variant);border:1px dashed var(--zj-outline-variant);border-radius:var(--zj-radius-lg)}@media(max-width:820px){.batch-list__item[b-wlb9bqg41p]{grid-template-columns:1fr}.batch-list__facts[b-wlb9bqg41p]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.batch-list__facts[b-wlb9bqg41p]{grid-template-columns:1fr}}
.batch-list__reference[b-wlb9bqg41p]{min-width:0;font-size:.8rem;color:var(--zj-on-surface-variant)}.batch-list__reference summary[b-wlb9bqg41p]{cursor:pointer;padding-block:.25rem}.batch-list__reference bdi[b-wlb9bqg41p]{display:block;overflow-wrap:anywhere;user-select:text}.batch-list__reference summary:focus-visible[b-wlb9bqg41p]{outline:2px solid var(--zj-primary);outline-offset:2px}
/* _content/Zajal.Shared/Components/Inventory/BranchWarehouseEditor.razor.rz.scp.css */
.warehouse-editor[b-j4ulglkw72] {
    display: grid;
    gap: 1rem;
    padding: 1.15rem;
    border: 1px solid color-mix(in srgb, var(--zj-primary) 28%, var(--zj-outline-variant));
    border-radius: var(--zj-radius-xl);
    background: linear-gradient(135deg, color-mix(in srgb, var(--zj-primary-container) 70%, transparent), var(--zj-surface-container-low));
}

.warehouse-editor__heading[b-j4ulglkw72],
.warehouse-editor__actions[b-j4ulglkw72] {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
}

.warehouse-editor__icon[b-j4ulglkw72] {
    width: 3rem;
    height: 3rem;
    display: grid;
    place-items: center;
    border-radius: var(--zj-radius-lg);
    background: var(--zj-primary);
    color: var(--zj-on-primary);
}

.warehouse-editor h3[b-j4ulglkw72],
.warehouse-editor p[b-j4ulglkw72] {
    margin: 0;
}

.warehouse-editor h3[b-j4ulglkw72] {
    color: var(--zj-on-surface);
    font-size: 1rem;
    font-weight: 950;
}

.warehouse-editor p[b-j4ulglkw72] {
    margin-top: .2rem;
    color: var(--zj-on-surface-variant);
    font-size: .82rem;
}
/* _content/Zajal.Shared/Components/Inventory/ChainWorkspace.razor.rz.scp.css */
.chain-workspace[b-o4lumu38ny]{padding:1.25rem;background:var(--surface-color,var(--bs-body-bg));border-radius:1rem;margin-block:1rem;color:var(--text-primary,var(--bs-body-color))}.chain-workspace fieldset[b-o4lumu38ny]{padding:1rem;margin-block:1rem;background:var(--surface-secondary,rgba(100,120,160,.06));border:0;border-radius:.75rem}.chain-workspace legend[b-o4lumu38ny]{font-size:1.1rem;font-weight:600}.chain-workspace input[type=checkbox][b-o4lumu38ny]{width:1.25rem;height:1.25rem;accent-color:var(--bs-primary)}.chain-branch[b-o4lumu38ny]{padding-block:.7rem}.chain-impact[b-o4lumu38ny]{overflow:auto;max-width:100%;margin-block:1rem}.chain-impact table[b-o4lumu38ny]{width:100%;min-width:34rem}.chain-impact th[b-o4lumu38ny],.chain-impact td[b-o4lumu38ny]{padding:.65rem;text-align:start;vertical-align:top}.chain-workspace nav[b-o4lumu38ny]{display:flex;flex-wrap:wrap;gap:1rem}.chain-workspace a[b-o4lumu38ny]{margin-inline-start:.5rem}.chain-workspace :focus-visible[b-o4lumu38ny]{outline:3px solid var(--bs-primary,#4456a6);outline-offset:3px}.chain-workspace [role=alert][b-o4lumu38ny]{font-weight:600}.chain-workspace button[b-o4lumu38ny]{min-height:44px}
.chain-workspace a:not(.btn)[b-o4lumu38ny]{color:var(--zj-on-surface);text-decoration:underline;text-underline-offset:.2em;overflow-wrap:anywhere}
.chain-workspace[b-o4lumu38ny]{min-width:0;overflow-wrap:anywhere}
.chain-workspace fieldset[b-o4lumu38ny]{min-inline-size:0}
/* _content/Zajal.Shared/Components/Inventory/IngredientRow.razor.rz.scp.css */
.ingredient-row[b-7xi5ey72bu] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: start;
    padding: 0.65rem 0.85rem;
    background: var(--zj-surface-container-low, #f9fafb);
    border: 1px solid var(--zj-border, #e5e7eb);
    border-radius: 10px;
    transition: border-color 0.2s, box-shadow 0.2s;
    margin-bottom: 0.5rem;
}

.ingredient-row:hover[b-7xi5ey72bu] {
    border-color: var(--zj-primary, #14b8a6);
    box-shadow: 0 1px 4px rgba(0,0,0,0.04);
}

.ingredient-row--invalid[b-7xi5ey72bu] {
    border-color: var(--zj-error, #ef4444);
    background: color-mix(in srgb, var(--zj-error) 6%, var(--zj-surface));
}

.ingredient-row__label[b-7xi5ey72bu] {
    display: block;
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--zj-on-surface-variant, #6b7280);
    margin-bottom: 0.25rem;
}

.ingredient-row__item-select-wrapper[b-7xi5ey72bu] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}



.ingredient-row__quick-add[b-7xi5ey72bu] {
    color: var(--zj-primary, #14b8a6);
    padding: 0.25rem;
    border-radius: 6px;
    flex-shrink: 0;
}

.ingredient-row__quick-add:hover[b-7xi5ey72bu] {
    background: rgba(20, 184, 166, 0.1);
}

.ingredient-row__cost-value[b-7xi5ey72bu] {
    font-size: 0.875rem;
    min-height: var(--zj-control-height);
    display: flex;
    align-items: center;
}

.ingredient-row__cost-amount[b-7xi5ey72bu] {
    color: var(--zj-primary, #0f766e);
    font-weight: 800;
}

.ingredient-row__cost-warning[b-7xi5ey72bu] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.75rem;
    font-weight: 700;
    color: #b45309;
    background: #fef3c7;
    padding: 2px 6px;
    border-radius: 5px;
}

.ingredient-row__delete-btn[b-7xi5ey72bu] {
    color: var(--zj-error, #ef4444);
    padding: 0.35rem;
    border-radius: 6px;
}

.ingredient-row__delete-btn:hover[b-7xi5ey72bu] {
    background: #fee2e2;
}

@media (max-width: 768px) {
    .ingredient-row[b-7xi5ey72bu] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* _content/Zajal.Shared/Components/Inventory/InventoryBarcodeScanner.razor.rz.scp.css */
.inventory-scanner[b-nnovwjoyxv] {
    display: grid;
    gap: .8rem;
    padding: 1rem;
    border: 1px solid color-mix(in srgb, var(--zj-primary) 28%, var(--zj-outline-variant));
    border-radius: var(--zj-radius-xl);
    background: linear-gradient(135deg, color-mix(in srgb, var(--zj-primary) 8%, var(--zj-surface)), var(--zj-surface));
}

.inventory-scanner__intro[b-nnovwjoyxv],
.inventory-scanner__intro > div[b-nnovwjoyxv],
.inventory-scanner__message[b-nnovwjoyxv],
.inventory-scanner__dialog header > div[b-nnovwjoyxv],
.inventory-scanner__dialog footer[b-nnovwjoyxv] {
    display: flex;
    align-items: center;
    gap: .65rem;
}

.inventory-scanner__intro > div[b-nnovwjoyxv] { align-items: flex-start; flex-direction: column; gap: .15rem; }
.inventory-scanner__intro strong[b-nnovwjoyxv] { color: var(--zj-on-surface); }
.inventory-scanner__intro small[b-nnovwjoyxv] { color: var(--zj-on-surface-variant); line-height: 1.5; }
.inventory-scanner__icon[b-nnovwjoyxv] { display: grid; place-items: center; width: 2.65rem; height: 2.65rem; border-radius: .85rem; color: var(--zj-primary); background: color-mix(in srgb, var(--zj-primary) 13%, transparent); }

.inventory-scanner__controls[b-nnovwjoyxv] { display: grid; grid-template-columns: minmax(12rem, 1fr) auto auto; gap: .6rem; }
.inventory-scanner__input[b-nnovwjoyxv] { display: flex; align-items: center; gap: .45rem; min-height: 2.85rem; padding-inline: .75rem; border: 1px solid var(--zj-outline-variant); border-radius: .8rem; background: var(--zj-surface); }
.inventory-scanner__input:focus-within[b-nnovwjoyxv] { border-color: var(--zj-primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--zj-primary) 14%, transparent); }
.inventory-scanner__input .material-symbols-outlined[b-nnovwjoyxv] { color: var(--zj-primary); }
.inventory-scanner__input input[b-nnovwjoyxv] { width: 100%; min-width: 0; border: 0; outline: 0; background: transparent; color: var(--zj-on-surface); direction: ltr; text-align: left; }
.inventory-scanner__message[b-nnovwjoyxv] { margin: 0; padding: .65rem .75rem; border-radius: .75rem; font-size: .86rem; font-weight: 750; }
.inventory-scanner__message.is-error[b-nnovwjoyxv] { color: var(--zj-error); background: color-mix(in srgb, var(--zj-error) 9%, transparent); }
.inventory-scanner__message.is-success[b-nnovwjoyxv] { color: var(--zj-success); background: color-mix(in srgb, var(--zj-success) 10%, transparent); }
.inventory-scanner.is-disabled[b-nnovwjoyxv] { opacity: .72; }

.inventory-scanner--compact[b-nnovwjoyxv] { padding: .75rem; }
.inventory-scanner--compact .inventory-scanner__intro small[b-nnovwjoyxv] { display: none; }

.inventory-scanner__overlay[b-nnovwjoyxv] { position: fixed; inset: 0; z-index: 1200; display: grid; place-items: center; padding: 1rem; background: rgba(5, 16, 30, .72); backdrop-filter: blur(8px); }
.inventory-scanner__dialog[b-nnovwjoyxv] { width: min(34rem, 100%); overflow: hidden; border: 1px solid color-mix(in srgb, white 18%, transparent); border-radius: 1.25rem; background: var(--zj-surface); box-shadow: var(--zj-shadow-3); }
.inventory-scanner__dialog header[b-nnovwjoyxv] { display: flex; justify-content: space-between; gap: 1rem; padding: 1rem; }
.inventory-scanner__dialog header h2[b-nnovwjoyxv] { margin: 0; font-size: 1.1rem; }
.inventory-scanner__dialog header p[b-nnovwjoyxv] { margin: .2rem 0 0; color: var(--zj-on-surface-variant); font-size: .85rem; }
.inventory-scanner__viewport[b-nnovwjoyxv] { position: relative; aspect-ratio: 4 / 3; overflow: hidden; background: #07111f; }
.inventory-scanner__viewport video[b-nnovwjoyxv] { width: 100%; height: 100%; object-fit: cover; }
.inventory-scanner__frame[b-nnovwjoyxv] { position: absolute; inset: 23% 10%; border: 3px solid #fff; border-radius: 1rem; box-shadow: 0 0 0 999px rgba(0, 0, 0, .28); }
.inventory-scanner__camera-loading[b-nnovwjoyxv] { position: absolute; inset: 0; display: grid; place-items: center; align-content: center; gap: .7rem; color: white; background: rgba(5, 16, 30, .72); }
.inventory-scanner__dialog footer[b-nnovwjoyxv] { padding: .85rem 1rem; color: var(--zj-on-surface-variant); font-size: .82rem; }

@media (max-width: 640px) {
    .inventory-scanner__controls[b-nnovwjoyxv] { grid-template-columns: 1fr 1fr; }
    .inventory-scanner__input[b-nnovwjoyxv] { grid-column: 1 / -1; }
    .inventory-scanner__controls .btn[b-nnovwjoyxv] { width: 100%; }
}
/* _content/Zajal.Shared/Components/Inventory/InventoryBulkImportModal.razor.rz.scp.css */
.bulk-import-modal__backdrop[b-jiriu7t5oy] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.65);
    backdrop-filter: blur(4px);
    z-index: 1050;
    animation: fadeIn-b-jiriu7t5oy 0.2s ease;
}

.bulk-import-modal__dialog[b-jiriu7t5oy] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: var(--zj-surface, #ffffff);
    color: var(--zj-on-surface, #1e293b);
    border-radius: 1.25rem;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    width: 95%;
    max-width: 960px;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    z-index: 1051;
    overflow: hidden;
    animation: scaleUp-b-jiriu7t5oy 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

.bulk-import-modal__header[b-jiriu7t5oy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.75rem;
    border-bottom: 1px solid var(--zj-outline-variant, #e2e8f0);
    background: var(--zj-surface-container-low, #f8fafc);
}

.bulk-import-modal__header-title[b-jiriu7t5oy] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
}

.bulk-import-modal__icon[b-jiriu7t5oy] {
    font-size: 2rem;
    color: var(--zj-primary, #964407);
    background: rgba(150, 68, 7, 0.1);
    padding: 0.5rem;
    border-radius: 0.75rem;
}

.bulk-import-modal__header-title h3[b-jiriu7t5oy] {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 800;
}

.bulk-import-modal__header-title p[b-jiriu7t5oy] {
    margin: 0.2rem 0 0 0;
    font-size: 0.85rem;
    color: var(--zj-on-surface-variant, #64748b);
}

.bulk-import-modal__body[b-jiriu7t5oy] {
    padding: 1.5rem 1.75rem;
    overflow-y: auto;
    flex: 1;
}

.bulk-import-modal__loading[b-jiriu7t5oy] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    gap: 1.25rem;
    color: var(--zj-on-surface-variant, #64748b);
    font-weight: 600;
}

/* بطاقات الاختيار الأولي */
.bulk-import-modal__cards-grid[b-jiriu7t5oy] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
    gap: 1.5rem;
}

.bulk-import-card[b-jiriu7t5oy] {
    position: relative;
    border: 1.5px solid var(--zj-outline-variant, #e2e8f0);
    border-radius: 1rem;
    padding: 1.75rem;
    background: var(--zj-surface, #ffffff);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    transition: all 0.2s ease;
}

.bulk-import-card:hover[b-jiriu7t5oy] {
    border-color: var(--zj-primary, #964407);
    box-shadow: 0 10px 25px -5px rgba(150, 68, 7, 0.1);
    transform: translateY(-2px);
}

.bulk-import-card__badge[b-jiriu7t5oy] {
    position: absolute;
    top: 1rem;
    right: 1rem;
    background: rgba(150, 68, 7, 0.08);
    color: var(--zj-primary, #964407);
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.2rem 0.6rem;
    border-radius: 0.5rem;
}

.bulk-import-card__icon-wrap[b-jiriu7t5oy] {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: rgba(150, 68, 7, 0.08);
    color: var(--zj-primary, #964407);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
}

.bulk-import-card__icon-wrap span[b-jiriu7t5oy] {
    font-size: 2.2rem;
}

.bulk-import-card h4[b-jiriu7t5oy] {
    margin: 0 0 0.5rem 0;
    font-size: 1.15rem;
    font-weight: 800;
}

.bulk-import-card p[b-jiriu7t5oy] {
    font-size: 0.88rem;
    color: var(--zj-on-surface-variant, #64748b);
    line-height: 1.5;
    margin-bottom: 1rem;
}

.bulk-import-card__specs[b-jiriu7t5oy] {
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    border-radius: 0.75rem;
    padding: 0.75rem;
    margin-bottom: 1.25rem;
    text-align: right;
    font-size: 0.8rem;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    width: 100%;
}

.bulk-import-card__actions[b-jiriu7t5oy] {
    display: flex;
    gap: 0.5rem;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
}

.bulk-import-upload-zone[b-jiriu7t5oy] {
    width: 100%;
    position: relative;
    border: 2px dashed var(--zj-primary, #964407);
    background: rgba(150, 68, 7, 0.03);
    border-radius: 0.85rem;
    padding: 1.5rem 1rem;
    cursor: pointer;
    transition: background 0.2s;
}

.bulk-import-upload-zone:hover[b-jiriu7t5oy] {
    background: rgba(150, 68, 7, 0.08);
}

.bulk-import-upload-zone__input[b-jiriu7t5oy] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 2;
}

.bulk-import-upload-zone__label[b-jiriu7t5oy] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
}

.bulk-import-upload-zone__label span[b-jiriu7t5oy] {
    font-size: 2.25rem;
    color: var(--zj-primary, #964407);
}

/* شاشة المعاينة والإحصائيات */
.bulk-import-preview__stats[b-jiriu7t5oy] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 0.75rem;
    margin-bottom: 1.25rem;
}

.stat-card[b-jiriu7t5oy] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.75rem;
    padding: 0.75rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.stat-card small[b-jiriu7t5oy] {
    font-size: 0.75rem;
    color: #64748b;
    font-weight: 600;
}

.stat-card strong[b-jiriu7t5oy] {
    font-size: 1.25rem;
    font-weight: 800;
}

.stat-card--success[b-jiriu7t5oy] {
    background: #ecfdf5;
    border-color: #a7f3d0;
    color: #047857;
}

.stat-card--info[b-jiriu7t5oy] {
    background: #eff6ff;
    border-color: #bfdbfe;
    color: #1d4ed8;
}

.stat-card--danger[b-jiriu7t5oy] {
    background: #fef2f2;
    border-color: #fecaca;
    color: #b91c1c;
}

.stat-card--value[b-jiriu7t5oy] {
    background: #fffbeb;
    border-color: #fde68a;
    color: #b45309;
}

.bulk-import-preview__toolbar[b-jiriu7t5oy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 1rem;
}

.bulk-import-preview__filters[b-jiriu7t5oy] {
    display: flex;
    gap: 0.4rem;
    flex-wrap: wrap;
}

.bulk-import-checkbox[b-jiriu7t5oy] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.88rem;
    font-weight: 600;
    cursor: pointer;
}

.bulk-import-table-container[b-jiriu7t5oy] {
    border: 1px solid #e2e8f0;
    border-radius: 0.75rem;
    overflow: auto;
    max-height: 420px;
}

.bulk-import-table[b-jiriu7t5oy] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
    text-align: right;
}

.bulk-import-table th[b-jiriu7t5oy] {
    background: var(--zj-surface-container-low, #f8fafc);
    color: var(--zj-on-surface, #475569);
    font-weight: 700;
    padding: 0.75rem;
    border-bottom: 1px solid #cbd5e1;
    white-space: nowrap;
    position: sticky;
    top: 0;
    z-index: 1;
}

.bulk-import-table td[b-jiriu7t5oy] {
    padding: 0.75rem;
    border-bottom: 1px solid #f1f5f9;
    vertical-align: middle;
}

.bulk-import-row--invalid[b-jiriu7t5oy] {
    background: rgba(254, 242, 242, 0.5);
}

.bulk-import-row--alreadyexists[b-jiriu7t5oy] {
    background: rgba(248, 250, 252, 0.7);
}

.badge[b-jiriu7t5oy] {
    padding: 0.25rem 0.5rem;
    border-radius: 0.375rem;
    font-size: 0.75rem;
    font-weight: 700;
    display: inline-block;
}

.badge-success[b-jiriu7t5oy] { background: #d1fae5; color: #065f46; }
.badge-info[b-jiriu7t5oy] { background: #dbeafe; color: #1e40af; }
.badge-danger[b-jiriu7t5oy] { background: #fee2e2; color: #991b1b; }
.badge-subtle[b-jiriu7t5oy] { background: #f1f5f9; color: #475569; font-size: 0.7rem; margin-right: 0.3rem; }

.bulk-import-errors-list[b-jiriu7t5oy] {
    margin: 0;
    padding-right: 1.2rem;
    color: #dc2626;
    font-size: 0.8rem;
}

.bulk-import-modal__footer[b-jiriu7t5oy] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1.25rem 1.75rem;
    border-top: 1px solid var(--zj-outline-variant, #e2e8f0);
    background: var(--zj-surface-container-low, #f8fafc);
}

@media (max-width: 480px) {
    .bulk-import-modal__header[b-jiriu7t5oy], .bulk-import-modal__body[b-jiriu7t5oy], .bulk-import-modal__footer[b-jiriu7t5oy] { padding: 1rem; }
    .bulk-import-card[b-jiriu7t5oy] { padding: 1rem; min-width: 0; }
    .bulk-import-modal__header-title[b-jiriu7t5oy] { min-width: 0; }
    .bulk-import-modal__footer[b-jiriu7t5oy] { flex-wrap: wrap; }
}

@keyframes fadeIn-b-jiriu7t5oy {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes scaleUp-b-jiriu7t5oy {
    from { transform: translate(-50%, -48%) scale(0.96); opacity: 0; }
    to { transform: translate(-50%, -50%) scale(1); opacity: 1; }
}
/* _content/Zajal.Shared/Components/Inventory/InventoryDocumentMetadata.razor.rz.scp.css */
.inventory-document-metadata[b-9gzc23ii0q] { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr)); gap:1rem 1.5rem; margin:0; width:100%; }
.inventory-document-metadata[b-9gzc23ii0q]  div { min-width:0; overflow-wrap:anywhere; }
.inventory-document-metadata[b-9gzc23ii0q]  dt { color:var(--zj-on-surface-variant); font-size:.85rem; }
.inventory-document-metadata[b-9gzc23ii0q]  dd { margin:.3rem 0 0; font-weight:700; color:var(--zj-on-surface); }
/* _content/Zajal.Shared/Components/Inventory/InventoryReportFilters.razor.rz.scp.css */
.report-filters[b-h2lka4n5p3] {
    display: grid;
    gap: .75rem;
    justify-items: stretch;
    padding: 1rem;
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-xl);
    background: var(--zj-surface-container-low);
}
/* _content/Zajal.Shared/Components/Inventory/InventoryRowChart.razor.rz.scp.css */
.row-chart[b-nvw2i1b5zu] { padding: 1rem; border: 1px solid var(--zj-outline-variant); border-radius: var(--zj-radius-xl); background: var(--zj-surface); }
.row-chart h3[b-nvw2i1b5zu] { font-size: 1.15rem; } .row-chart h4[b-nvw2i1b5zu] { font-size: 1rem; }
.row-chart__row[b-nvw2i1b5zu], .row-chart__axis[b-nvw2i1b5zu] { display: grid; grid-template-columns: minmax(5rem, 1fr) minmax(7rem, 2fr) minmax(5rem, 1fr); gap: .65rem; align-items: center; margin-block: .6rem; }
.row-chart__row > span[b-nvw2i1b5zu], .row-chart__row > bdi[b-nvw2i1b5zu] { overflow-wrap: anywhere; font-size: .85rem; }
.row-chart__axis > div[b-nvw2i1b5zu] { display: flex; direction: ltr; justify-content: space-between; font-size: .7rem; }
.row-chart__track[b-nvw2i1b5zu] { height: 1.5rem; position: relative; direction: ltr; background: var(--zj-surface-container-low); }
.row-chart__track[b-nvw2i1b5zu]::after { content: ''; position: absolute; left: 50%; top: -.15rem; bottom: -.15rem; border-left: 1px solid var(--zj-on-surface-variant); }
.row-chart__track i[b-nvw2i1b5zu] { position: absolute; height: 100%; } .positive[b-nvw2i1b5zu] { left: 50%; background: var(--zj-primary); } .negative[b-nvw2i1b5zu] { right: 50%; background: var(--zj-error, #b3261e); }
@media(max-width:560px) { .row-chart[b-nvw2i1b5zu] { padding: .7rem; } .row-chart__row[b-nvw2i1b5zu], .row-chart__axis[b-nvw2i1b5zu] { gap: .4rem; grid-template-columns: minmax(4rem, 1fr) minmax(5rem, 1.4fr) minmax(4rem, 1fr); } }
/* _content/Zajal.Shared/Components/Inventory/InventorySetupWorkspace.razor.rz.scp.css */
.inventory-setup[b-488f70tduj] { max-inline-size: 68rem; margin-inline: auto; display: grid; gap: 1rem; }
.inventory-setup form[b-488f70tduj], .inventory-setup fieldset[b-488f70tduj] { display: grid; gap: .65rem; padding: 1rem; border: 0; background: var(--zj-surface-container, var(--bs-body-bg)); border-radius: 1rem; }
.inventory-setup label[b-488f70tduj] { overflow-wrap: anywhere; }
.inventory-setup input[type=checkbox][b-488f70tduj] { inline-size: 1.25rem; block-size: 1.25rem; margin-inline-end: .5rem; }
.inventory-setup ul[b-488f70tduj] { list-style: none; padding: 0; display: grid; gap: .8rem; }
.inventory-setup li[b-488f70tduj], .inventory-setup details[b-488f70tduj] { padding: 1rem; border-radius: 1rem; background: var(--zj-surface-container, var(--bs-tertiary-bg)); overflow-wrap: anywhere; }
.inventory-setup :focus-visible[b-488f70tduj] { outline: 3px solid var(--bs-primary); outline-offset: 3px; }
.inventory-setup button[b-488f70tduj] { min-block-size: 2.75rem; white-space: normal; }
@media (max-width: 600px) { .inventory-setup[b-488f70tduj] { padding-inline: .5rem; } }
@media (prefers-reduced-motion: reduce) { .inventory-setup *[b-488f70tduj], .inventory-setup *[b-488f70tduj]::before, .inventory-setup *[b-488f70tduj]::after { animation: none !important; transition: none !important; } }
.inventory-setup a:not(.btn)[b-488f70tduj]{color:var(--zj-on-surface);text-decoration:underline;text-underline-offset:.2em;overflow-wrap:anywhere}
.inventory-setup[b-488f70tduj] { max-inline-size:none;font-family:var(--zj-font-family,'Cairo',sans-serif); }
.inventory-setup__guide[b-488f70tduj] {display:flex;flex-wrap:wrap;gap:.65rem;padding:.75rem;border:1px solid var(--zj-outline-variant);border-radius:1rem;}
.inventory-setup__guide a[b-488f70tduj] {padding:.6rem;color:var(--zj-on-surface);}
.inventory-setup__region[b-488f70tduj] {min-width:0;border:1px solid var(--zj-outline-variant);border-inline-start:.3rem solid var(--zj-primary);border-radius:1rem;padding:clamp(1rem,2vw,1.5rem);background:linear-gradient(120deg,color-mix(in srgb,var(--zj-primary) 6%,var(--zj-surface)),var(--zj-surface));scroll-margin-top:6rem;}
.inventory-setup__region h2[b-488f70tduj] {font-size:1.75rem;font-weight:800;color:var(--zj-on-surface);margin-block:0 1rem;}
.inventory-setup form[b-488f70tduj] {padding:0;background:transparent;gap:1rem;}
.inventory-setup fieldset[b-488f70tduj] {border:1px solid var(--zj-outline-variant);background:var(--zj-surface-container-low);}
.inventory-setup label:has(input[type=checkbox])[b-488f70tduj] {display:block;margin-block:.7rem .3rem;color:var(--zj-on-surface);}
.inventory-setup li[b-488f70tduj] {border:1px solid var(--zj-outline-variant);}
.inventory-setup button[b-488f70tduj] {margin-block:.5rem;}
.inventory-setup[b-488f70tduj]  td {overflow-wrap:anywhere;min-width:9rem;padding:.8rem;}
@media(min-width:768px){.inventory-setup ul[b-488f70tduj]{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:600px){.inventory-setup__region h2[b-488f70tduj]{font-size:1.5rem;}}
/* _content/Zajal.Shared/Components/Inventory/ItemUnitConversionsEditor.razor.rz.scp.css */
.conversion-editor[b-ntx6r54lps] {
    display: grid;
    gap: .8rem;
}

.conversion-editor__base-context[b-ntx6r54lps] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: .2rem .65rem;
    align-items: center;
    padding: .75rem .85rem;
    border: 1px solid color-mix(in srgb, var(--zj-primary) 24%, var(--zj-outline-variant));
    border-radius: var(--zj-radius-lg);
    background: color-mix(in srgb, var(--zj-primary) 6%, var(--zj-surface));
}

.conversion-editor__base-context span[b-ntx6r54lps] {
    color: var(--zj-on-surface-variant);
    font-size: .78rem;
    font-weight: 750;
}

.conversion-editor__base-context strong[b-ntx6r54lps] {
    color: var(--zj-primary);
    font-size: .95rem;
}

.conversion-editor__base-context small[b-ntx6r54lps] {
    grid-column: 1 / -1;
    color: var(--zj-on-surface-variant);
    line-height: 1.6;
}

.conversion-editor__source-note[b-ntx6r54lps] {
    display: block;
    color: var(--zj-on-surface-variant);
    font-size: .75rem;
    font-weight: 600;
    line-height: 1.55;
}

.conversion-editor__source-note a[b-ntx6r54lps] {
    display: inline-block;
    margin-inline-start: .25rem;
    color: var(--zj-primary);
    font-weight: 800;
    text-decoration: underline;
    text-underline-offset: .15rem;
}

.conversion-editor__empty[b-ntx6r54lps] {
    margin: 0;
    padding: .85rem;
    border: 1px dashed var(--zj-outline-variant);
    border-radius: var(--zj-radius-lg);
    color: var(--zj-on-surface-variant);
}

.conversion-editor__list[b-ntx6r54lps] {
    display: grid;
    gap: .5rem;
}

.conversion-editor__row[b-ntx6r54lps] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(13rem, .85fr) minmax(0, 1fr);
    align-items: center;
    gap: .75rem;
    padding: .75rem;
    border-radius: var(--zj-radius-lg);
    background: var(--zj-surface-container);
}

.conversion-editor__row > div[b-ntx6r54lps] {
    display: grid;
    gap: .2rem;
    min-width: 0;
}

.conversion-editor__row span[b-ntx6r54lps] {
    color: var(--zj-on-surface-variant);
    font-size: .78rem;
}

.conversion-editor__row strong[b-ntx6r54lps] {
    min-width: 0;
    overflow-wrap: anywhere;
    color: var(--zj-on-surface);
}

.conversion-editor__row > .conversion-editor__equation[b-ntx6r54lps] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: .45rem;
    padding: .55rem;
    border-radius: var(--zj-radius-md);
    background: var(--zj-surface);
    user-select: none;
}

.conversion-editor__row .conversion-editor__equation-term[b-ntx6r54lps] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2rem;
    padding: .35rem .55rem;
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-md);
    background: var(--zj-surface-container-low);
    font-weight: 900;
    text-align: center;
    overflow-wrap: normal;
}

.conversion-editor__equation-term--base[b-ntx6r54lps] {
    color: var(--zj-primary) !important;
}

.conversion-editor__equals[b-ntx6r54lps] {
    display: inline-grid;
    place-items: center;
    width: 1.8rem;
    height: 1.8rem;
    border-radius: var(--zj-radius-full);
    background: color-mix(in srgb, var(--zj-primary) 12%, var(--zj-surface));
    color: var(--zj-primary) !important;
    font-weight: 900;
}

.conversion-editor__remove[b-ntx6r54lps] {
    width: max-content;
    padding: .35rem .65rem;
    border: 0;
    background: transparent;
    color: var(--zj-error);
    font-weight: 800;
    cursor: pointer;
}

.conversion-editor__custom-add[b-ntx6r54lps] {
    display: grid;
    gap: var(--zj-field-gap);
    margin-top: .75rem;
    padding: .85rem;
    border: 1px dashed var(--zj-outline-variant);
    border-radius: var(--zj-radius-lg);
    background: var(--zj-surface-container-low);
}

.conversion-editor__custom-heading[b-ntx6r54lps] {
    display: grid;
    gap: .3rem;
}

.conversion-editor__custom-heading small[b-ntx6r54lps] {
    color: var(--zj-on-surface-variant);
    font-size: .78rem;
}

@media (max-width: 800px) {
    .conversion-editor__row[b-ntx6r54lps] {
        grid-template-columns: 1fr;
    }

}
/* _content/Zajal.Shared/Components/Inventory/ManualIssueCards.razor.rz.scp.css */
.manual-issue-cards[b-7a3censso1] { display:grid; gap:1rem; min-width:0; }
.manual-issue-cards__card[b-7a3censso1] { padding:1rem; border:1px solid var(--border-color); border-radius:var(--radius-lg,1rem); background:var(--surface-card); min-width:0; }
.manual-issue-cards__card fieldset[b-7a3censso1] { border:0; padding:0; min-width:0; margin:0 0 1rem; }
.manual-issue-cards__card h3[b-7a3censso1],.manual-issue-cards__card p[b-7a3censso1] { overflow-wrap:anywhere; }
.manual-issue-cards__card button[b-7a3censso1] { margin-block:.25rem; white-space:normal; }
/* _content/Zajal.Shared/Components/Inventory/MaterialsSupplierTabs.razor.rz.scp.css */
.materials-tabs[b-kp1l5c0q79] { display:flex; flex-wrap:wrap; gap:8px; margin:12px 0 18px; padding:6px; border:1px solid var(--zj-outline-variant,#dbcfc4); border-radius:12px; background:var(--zj-surface-container-low,#faf7f2); }
.materials-tabs__tab[b-kp1l5c0q79] { display:flex; align-items:center; justify-content:center; gap:8px; min-width:140px; padding:10px 18px; border:1px solid transparent; border-radius:8px; color:var(--zj-on-surface,#29231d); text-decoration:none; font-weight:600; }
.materials-tabs__tab.is-active[b-kp1l5c0q79] { background:var(--zj-surface,#fff); border-color:var(--zj-primary,#a87731); border-bottom-width:3px; color:var(--zj-primary,#875a20); }
.materials-tabs__tab:hover[b-kp1l5c0q79] { background:var(--zj-surface-container,#f3eee5); }
.materials-tabs__tab:focus-visible[b-kp1l5c0q79] { outline:2px solid var(--zj-primary,#a87731); outline-offset:2px; }
/* _content/Zajal.Shared/Components/Inventory/MenuItemDrawer.razor.rz.scp.css */
/* ==========================================================================
   MenuItemDrawer.razor.css - Stage 3 Stitch Drawer Styles
   Unified 4XL Drawer with Sales, Recipe & Modifiers Sections
   ========================================================================== */

/* --- Backdrop --- */
.menu-item-drawer__backdrop[b-qxxbpkhcvq] {
    position: fixed;
    inset: 0;
    background: rgba(11, 28, 48, 0.45);
    backdrop-filter: blur(2px);
    z-index: 1040;
    transition: opacity 0.2s ease;
}

/* --- Drawer Shell --- */
.menu-item-drawer[b-qxxbpkhcvq] {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: 56rem; /* 896px = max-w-4xl */
    background: var(--zj-surface-container-lowest, #ffffff);
    border-right: 1px solid var(--zj-outline-variant, #bfc7d2);
    box-shadow: -10px 0 35px rgba(0, 0, 0, 0.2);
    z-index: 1050;
    display: flex;
    flex-direction: column;
    animation: drawer-slide-in-left-b-qxxbpkhcvq 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes drawer-slide-in-left-b-qxxbpkhcvq {
    from {
        transform: translateX(-100%);
    }
    to {
        transform: translateX(0);
    }
}

/* --- Drawer Header --- */
.menu-item-drawer__header[b-qxxbpkhcvq] {
    padding: 1rem 1.5rem;
    border-bottom: 1px solid var(--zj-outline-variant, #bfc7d2);
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--zj-surface-container-lowest, #ffffff);
    flex-shrink: 0;
}

.menu-item-drawer__header-start[b-qxxbpkhcvq] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
}

.menu-item-drawer__item-icon[b-qxxbpkhcvq] {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 0.75rem;
    background: #cce5ff;
    color: #006194;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.menu-item-drawer__item-icon span[b-qxxbpkhcvq] {
    font-size: 1.5rem;
}

.menu-item-drawer__title-row[b-qxxbpkhcvq] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    flex-wrap: wrap;
}

.menu-item-drawer__title[b-qxxbpkhcvq] {
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--zj-on-surface, #0b1c30);
    margin: 0;
}

.menu-item-drawer__status-pill[b-qxxbpkhcvq] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.2rem 0.65rem;
    border-radius: 9999px;
    font-size: 0.72rem;
    font-weight: 600;
}

.menu-item-drawer__status-pill--active[b-qxxbpkhcvq] {
    background: color-mix(in srgb, var(--zj-success) 12%, var(--zj-surface));
    color: var(--zj-success);
}

.menu-item-drawer__status-pill--inactive[b-qxxbpkhcvq] {
    background: rgba(86, 94, 116, 0.14);
    color: #565e74;
}

html[data-theme="dark"] .menu-item-drawer__status-pill--active[b-qxxbpkhcvq] {
    background: var(--zj-success-container, rgba(52, 211, 153, 0.16));
    color: var(--zj-success, #5ee0b5);
}

html[data-theme="dark"] .menu-item-drawer__status-pill--inactive[b-qxxbpkhcvq] {
    background: rgba(213, 218, 226, 0.12);
    color: var(--zj-on-surface-variant, #d5dae2);
}

.menu-item-drawer__status-dot[b-qxxbpkhcvq] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
}

.menu-item-drawer__subtitle[b-qxxbpkhcvq] {
    font-size: 0.8rem;
    color: var(--zj-on-surface-variant);
    margin: 0.2rem 0 0 0;
}

/* --- Internal Tabs Bar --- */
.menu-item-drawer__tabs[b-qxxbpkhcvq] {
    display: flex;
    align-items: center;
    gap: 1.75rem;
    padding: 0 1.5rem;
    border-bottom: 1px solid var(--zj-outline-variant, #bfc7d2);
    background: var(--zj-surface-container-low, #eff4ff);
    flex-shrink: 0;
    overflow-x: auto;
}

.menu-item-drawer__tab[b-qxxbpkhcvq] {
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    padding: 0.85rem 0.25rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--zj-on-surface-variant);
    display: flex;
    align-items: center;
    gap: 0.45rem;
    cursor: pointer;
    transition: all 0.15s ease;
    white-space: nowrap;
}

.menu-item-drawer__tab:hover[b-qxxbpkhcvq] {
    color: var(--zj-on-surface, #0b1c30);
}

.menu-item-drawer__tab--active[b-qxxbpkhcvq] {
    border-bottom-color: var(--zj-primary, #006194);
    color: var(--zj-primary, #006194);
    font-weight: 700;
}

.menu-item-drawer__tab-badge[b-qxxbpkhcvq] {
    font-size: 0.72rem;
    font-weight: 600;
    padding: 0.1rem 0.45rem;
    border-radius: 9999px;
    background: #dce9ff;
    color: #006194;
}

/* --- Scrollable Body --- */
.menu-item-drawer__body[b-qxxbpkhcvq] {
    flex: 1;
    overflow-y: auto;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.75rem;
    background: var(--zj-surface, #f8f9ff);
    scroll-behavior: smooth;
}

.menu-item-drawer__alert[b-qxxbpkhcvq] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.85rem 1rem;
    border-radius: 0.5rem;
    margin: 0;
    font-size: 0.875rem;
}

/* --- Sections --- */
.menu-item-drawer__section[b-qxxbpkhcvq] {
    background: var(--zj-surface-container-lowest, #ffffff);
    border: 1px solid var(--zj-outline-variant, #bfc7d2);
    border-radius: 0.75rem;
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);
}

.menu-item-drawer__section-header[b-qxxbpkhcvq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(191, 199, 210, 0.6);
    padding-bottom: 0.75rem;
}

.menu-item-drawer__section-title-wrap[b-qxxbpkhcvq] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.menu-item-drawer__section-title[b-qxxbpkhcvq] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--zj-on-surface, #0b1c30);
    margin: 0;
}

.menu-item-drawer__section-subtitle[b-qxxbpkhcvq] {
    font-size: 0.78rem;
    color: var(--zj-on-surface-variant);
    margin: 0.15rem 0 0 0;
}

.menu-item-drawer__field-label[b-qxxbpkhcvq] {
    display: block;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--zj-on-surface-variant, #3f4850);
    margin-bottom: 0.35rem;
}

/* --- Grids --- */


/* System Code Badge */
.zj-item-code-badge[b-qxxbpkhcvq] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.15rem 0.5rem;
    border-radius: 0.375rem;
    font-family: var(--bs-font-monospace, monospace);
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--zj-on-surface, #0b1c30);
    background-color: var(--zj-surface-container, #eff4ff);
    border: 1px solid var(--zj-outline-variant, #b8d4ea);
    cursor: pointer;
    transition: all 0.15s ease;
    user-select: text;
}

.zj-item-code-badge:hover[b-qxxbpkhcvq] {
    background-color: var(--zj-surface-container-high, #dce6f2);
    border-color: var(--zj-primary, #006194);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

/* --- Active Sales Channels --- */
.menu-item-drawer__channels-section[b-qxxbpkhcvq] {
    padding-top: 0.25rem;
}

.menu-item-drawer__channels-group[b-qxxbpkhcvq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 0.35rem;
}

.menu-item-drawer__channel-chip[b-qxxbpkhcvq] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.85rem;
    border-radius: 0.5rem;
    border: 1px solid var(--zj-outline-variant, #bfc7d2);
    background: var(--zj-surface-container-low, #eff4ff);
    cursor: pointer;
    font-size: 0.875rem;
    color: var(--zj-on-surface, #0b1c30);
    transition: all 0.15s ease;
    user-select: none;
    margin: 0;
}

.menu-item-drawer__channel-chip input[type="checkbox"][b-qxxbpkhcvq] {
    width: 1rem;
    height: 1rem;
    accent-color: var(--zj-primary, #006194);
}

.menu-item-drawer__channel-chip span.material-symbols-outlined[b-qxxbpkhcvq] {
    font-size: 1.15rem;
    color: var(--zj-primary, #006194);
}

.menu-item-drawer__channel-chip:hover[b-qxxbpkhcvq] {
    background: #e5eeff;
}

.menu-item-drawer__channel-chip--active[b-qxxbpkhcvq] {
    border-color: rgba(0, 97, 148, 0.45);
    background: rgba(204, 229, 255, 0.35);
    font-weight: 600;
}

/* --- Collapsible Additional Details --- */
.menu-item-drawer__collapsible[b-qxxbpkhcvq] {
    border-top: 1px solid rgba(191, 199, 210, 0.6);
    padding-top: 0.75rem;
}

.menu-item-drawer__collapsible-summary[b-qxxbpkhcvq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    user-select: none;
    list-style: none;
    padding: 0.35rem 0;
    color: var(--zj-primary, #006194);
    font-weight: 600;
    font-size: 0.875rem;
}

.menu-item-drawer__collapsible-summary[b-qxxbpkhcvq]::-webkit-details-marker {
    display: none;
}

.menu-item-drawer__collapsible-title[b-qxxbpkhcvq] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
}

.menu-item-drawer__collapsible-arrow[b-qxxbpkhcvq] {
    transition: transform 0.2s ease;
}

.menu-item-drawer__collapsible[open] .menu-item-drawer__collapsible-arrow[b-qxxbpkhcvq] {
    transform: rotate(180deg);
}

.menu-item-drawer__collapsible-content[b-qxxbpkhcvq] {
    margin-top: 0.85rem;
}

/* --- Mode Pills (Direct vs Recipe) --- */
.menu-item-drawer__mode-pills[b-qxxbpkhcvq] {
    display: flex;
    gap: 0.35rem;
    align-items: center;
    background: var(--zj-surface-container-high, #e5eeff);
    padding: 3px;
    border-radius: 8px;
}

.menu-item-drawer__mode-pills .btn[b-qxxbpkhcvq] {
    font-size: 0.78rem;
    padding: 0.3rem 0.7rem;
    border-radius: 6px;
    font-weight: 700;
}

/* --- Direct Item Banner --- */
.menu-item-drawer__direct-banner[b-qxxbpkhcvq] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 1rem;
    border-radius: 0.75rem;
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    color: #166534;
    font-size: 0.85rem;
}

.menu-item-drawer__direct-banner span[b-qxxbpkhcvq] {
    font-size: 1.75rem;
    color: #15803d;
}

.menu-item-drawer__direct-banner p[b-qxxbpkhcvq] {
    margin: 0.2rem 0 0 0;
    font-size: 0.8rem;
    color: #14532d;
}

/* --- Ingredients List & Table --- */
.menu-item-drawer__ingredients-card[b-qxxbpkhcvq] {
    border: 1px solid var(--zj-outline-variant, #bfc7d2);
    border-radius: 0.5rem;
    overflow: hidden;
    background: var(--zj-surface-container-lowest, #ffffff);
}

.menu-item-drawer__empty-ingredients[b-qxxbpkhcvq] {
    text-align: center;
    padding: 2rem 1rem;
    background: var(--zj-surface-container-low, #eff4ff);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}

.menu-item-drawer__empty-ingredients span[b-qxxbpkhcvq] {
    font-size: 2.25rem;
    color: var(--zj-on-surface-variant);
}

.menu-item-drawer__empty-ingredients p[b-qxxbpkhcvq] {
    margin: 0;
    font-size: 0.85rem;
    color: var(--zj-on-surface-variant);
    max-width: 24rem;
}

.menu-item-drawer__ingredients-list[b-qxxbpkhcvq] {
    padding: 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.menu-item-drawer__ingredients-actions[b-qxxbpkhcvq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.65rem 0.85rem;
    background: var(--zj-surface-container-low, #eff4ff);
    border-top: 1px solid var(--zj-outline-variant, #bfc7d2);
}

.menu-item-drawer__count-badge[b-qxxbpkhcvq] {
    font-size: 0.8rem;
    color: var(--zj-on-surface-variant);
    font-weight: 600;
}

/* --- Costing Summary Card (Stitch Layout) --- */
.menu-item-drawer__cost-card[b-qxxbpkhcvq] {
    background: var(--zj-surface-container-low);
    border: 1px solid var(--zj-outline-variant, #bfc7d2);
    border-radius: 0.75rem;
    padding: 1rem 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.menu-item-drawer__cost-columns[b-qxxbpkhcvq] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1.5rem;
}

.menu-item-drawer__cost-col[b-qxxbpkhcvq] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.menu-item-drawer__cost-label[b-qxxbpkhcvq] {
    font-size: 0.75rem;
    color: var(--zj-on-surface-variant);
    font-weight: 600;
}

.menu-item-drawer__cost-val[b-qxxbpkhcvq] {
    font-size: 1.15rem;
    font-weight: 800;
    color: var(--zj-on-surface, #0b1c30);
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.menu-item-drawer__cost-sep[b-qxxbpkhcvq] {
    width: 1px;
    height: 2.25rem;
    background: var(--zj-outline-variant, #bfc7d2);
}

.menu-item-drawer__margin-badge[b-qxxbpkhcvq] {
    font-size: 0.82rem;
    font-weight: 700;
    padding: 0.15rem 0.45rem;
    border-radius: 4px;
    background: color-mix(in srgb, var(--zj-success) 12%, var(--zj-surface));
    color: var(--zj-success);
}

.menu-item-drawer__cost-footnote[b-qxxbpkhcvq] {
    font-size: 0.75rem;
    color: var(--zj-on-surface-variant);
    text-align: left;
}

/* --- Sticky Footer Action Bar --- */
.menu-item-drawer__footer[b-qxxbpkhcvq] {
    padding: 0.85rem 1.5rem;
    border-top: 1px solid var(--zj-outline-variant, #bfc7d2);
    background: var(--zj-surface-container-lowest, #ffffff);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    position: sticky;
    bottom: 0;
    z-index: 10;
    box-shadow: 0 -4px 15px rgba(0, 0, 0, 0.05);
}

.menu-item-drawer__footer-status[b-qxxbpkhcvq] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.85rem;
}

.menu-item-drawer__footer-actions[b-qxxbpkhcvq] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
}

/* --- Unsaved Changes Confirmation Dialog --- */
.menu-item-drawer__confirm-backdrop[b-qxxbpkhcvq] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
    z-index: 1060;
}

.menu-item-drawer__confirm-dialog[b-qxxbpkhcvq] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    max-width: 26rem;
    background: var(--zj-surface-container-lowest, #ffffff);
    border-radius: 0.75rem;
    padding: 1.5rem;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.3);
    z-index: 1065;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.menu-item-drawer__confirm-header[b-qxxbpkhcvq] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
}

.menu-item-drawer__confirm-body[b-qxxbpkhcvq] {
    margin: 0;
    font-size: 0.9rem;
    color: var(--zj-on-surface-variant, #3f4850);
    line-height: 1.5;
}

.menu-item-drawer__confirm-actions[b-qxxbpkhcvq] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.65rem;
    margin-top: 0.5rem;
}

/* Keep modal fields and actions reachable at phone, tablet and desktop widths. */
.menu-item-drawer[b-qxxbpkhcvq] { max-height:100dvh; font-family:inherit; }
.menu-item-drawer__body[b-qxxbpkhcvq] { min-height:0; min-width:0; overscroll-behavior:contain; }
.menu-item-drawer__section[b-qxxbpkhcvq] { min-width:0; border:1px solid var(--zj-outline-variant); border-radius:1rem; padding:clamp(.8rem,2vw,1.25rem); }
.menu-item-drawer__section-header[b-qxxbpkhcvq] { flex-wrap:wrap; gap:.8rem; padding:.75rem; border-radius:.75rem; background:var(--zj-surface-container-low); }
.menu-item-drawer__title[b-qxxbpkhcvq] { overflow-wrap:anywhere; }
.menu-item-drawer__item-name[b-qxxbpkhcvq] { margin:0; font-weight:700; color:var(--zj-on-surface); overflow-wrap:anywhere; }
.menu-item-drawer__header-start > div[b-qxxbpkhcvq] { min-width:0; }
.menu-item-drawer__image[b-qxxbpkhcvq] { margin-block:1rem; max-width:28rem; }
.menu-item-drawer[b-qxxbpkhcvq]  :is(input,select,textarea) { max-width:100%; min-width:0; font-family:inherit; }
.menu-item-drawer__tabs[b-qxxbpkhcvq] { flex-wrap:wrap; flex-shrink:0; }
.menu-item-drawer__tab[b-qxxbpkhcvq] { white-space:normal; text-align:start; }
.menu-item-drawer__footer[b-qxxbpkhcvq] { flex-wrap:wrap; position:static; flex-shrink:0; }
@media(max-width:767px) {
    .menu-item-drawer__header[b-qxxbpkhcvq],.menu-item-drawer__body[b-qxxbpkhcvq],.menu-item-drawer__footer[b-qxxbpkhcvq] { padding:.75rem; }
    .menu-item-drawer__header-start[b-qxxbpkhcvq] { min-width:0; }
    .menu-item-drawer__item-icon[b-qxxbpkhcvq] { display:none; }
    .menu-item-drawer__title-row[b-qxxbpkhcvq] { gap:.4rem; }
    .menu-item-drawer__subtitle[b-qxxbpkhcvq] { font-size:.75rem; line-height:1.6; }
    .menu-item-drawer__tabs[b-qxxbpkhcvq] { padding:.5rem; gap:.35rem; }
    .menu-item-drawer__tab[b-qxxbpkhcvq] { padding:.5rem; font-size:.85rem; }
    .menu-item-drawer__footer-actions[b-qxxbpkhcvq] { width:100%; flex-wrap:wrap; }
    .menu-item-drawer__cost-columns[b-qxxbpkhcvq] { flex-wrap:wrap; gap:1rem; }
}
/* _content/Zajal.Shared/Components/Inventory/MenuItemRecipeEditor.razor.rz.scp.css */
.inventory-recipe-editor[b-rebdm82dbu] { margin-top: 1rem; }
.inventory-recipe-editor__header[b-rebdm82dbu] { display:flex; justify-content:space-between; gap:1rem; align-items:center; margin-bottom:1rem; }
.inventory-recipe-editor__header-actions[b-rebdm82dbu] { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:.55rem; }
.inventory-recipe-editor__header-actions .btn[b-rebdm82dbu] { display:inline-flex; align-items:center; gap:.4rem; }
.inventory-recipe-editor__header h3[b-rebdm82dbu],.inventory-recipe-editor__header h4[b-rebdm82dbu] { margin:0; }
.inventory-recipe-editor__header p[b-rebdm82dbu] { margin:.3rem 0 0; color:var(--zj-on-surface-variant); }
.inventory-recipe-editor__header--effects[b-rebdm82dbu] { margin-top:1.5rem; }
.recipe-profit[b-rebdm82dbu] { margin:0 0 1.2rem; padding:1rem; border:1px solid var(--zj-outline-variant); border-radius:var(--zj-radius-xl); background:var(--zj-surface); }
.recipe-profit h4[b-rebdm82dbu] { margin:0 0 .7rem; }
.recipe-profit__grid[b-rebdm82dbu] { display:grid; grid-template-columns:repeat(auto-fit,minmax(9rem,1fr)); gap:.55rem; }
.recipe-profit__grid > div[b-rebdm82dbu] { display:grid; gap:.25rem; padding:.7rem; border-radius:.7rem; background:var(--zj-surface-container-low); }
.recipe-profit__grid span[b-rebdm82dbu],.recipe-profit small[b-rebdm82dbu],.recipe-profit p[b-rebdm82dbu] { color:var(--zj-on-surface-variant); font-size:.76rem; }
.recipe-profit__grid strong[b-rebdm82dbu] { color:var(--zj-on-surface); font-size:1rem; }
.recipe-profit p[b-rebdm82dbu] { margin:.7rem 0 0; color:var(--zj-warning,#b45309); }
.recipe-profit small[b-rebdm82dbu] { display:block; margin-top:.6rem; }
.inventory-recipe-editor__notice[b-rebdm82dbu] { margin:0 0 1rem; padding:.8rem 1rem; border:1px solid color-mix(in srgb,var(--zj-warning,#f59e0b) 45%,transparent); border-radius:var(--zj-radius-lg); background:color-mix(in srgb,var(--zj-warning,#f59e0b) 12%,transparent); color:var(--zj-on-surface); }
.inventory-recipe-editor__row[b-rebdm82dbu] { display:grid; gap:.75rem; padding:1rem; margin-bottom:.8rem; border:1px solid var(--zj-outline-variant); border-radius:var(--zj-radius-xl); background:color-mix(in srgb,var(--zj-surface) 92%,var(--zj-primary) 8%); }




.inventory-recipe-editor__stock[b-rebdm82dbu] { display:flex; align-items:center; gap:.35rem; width:max-content; max-width:100%; margin-top:.1rem; padding:.28rem .55rem; border:1px solid color-mix(in srgb,var(--zj-success,#16a34a) 35%,var(--zj-outline-variant)); border-radius:999px; background:color-mix(in srgb,var(--zj-success,#16a34a) 9%,var(--zj-surface)); color:var(--zj-on-surface); font-size:.72rem; font-weight:750; }
.inventory-recipe-editor__stock .material-symbols-outlined[b-rebdm82dbu] { flex:0 0 auto; color:var(--zj-success,#16a34a); font-size:1rem; }
.inventory-recipe-editor__stock strong[b-rebdm82dbu] { color:var(--zj-success,#16a34a); font-weight:950; white-space:nowrap; }
.inventory-recipe-editor__stock--low[b-rebdm82dbu] { border-color:color-mix(in srgb,var(--zj-warning,#f59e0b) 45%,var(--zj-outline-variant)); background:color-mix(in srgb,var(--zj-warning,#f59e0b) 10%,var(--zj-surface)); }
.inventory-recipe-editor__stock--low .material-symbols-outlined[b-rebdm82dbu],.inventory-recipe-editor__stock--low strong[b-rebdm82dbu] { color:var(--zj-warning,#b45309); }
.inventory-recipe-editor__stock--empty[b-rebdm82dbu] { border-color:color-mix(in srgb,var(--zj-error,#dc2626) 42%,var(--zj-outline-variant)); background:color-mix(in srgb,var(--zj-error,#dc2626) 9%,var(--zj-surface)); }
.inventory-recipe-editor__stock--empty .material-symbols-outlined[b-rebdm82dbu],.inventory-recipe-editor__stock--empty strong[b-rebdm82dbu] { color:var(--zj-error,#dc2626); }

.inventory-recipe-editor__cost[b-rebdm82dbu] { min-height:var(--zj-control-height); display:flex; align-items:center; justify-content:center; border:1px solid color-mix(in srgb,var(--zj-primary) 35%,var(--zj-outline-variant)); border-radius:.7rem; padding:var(--zj-control-padding-block) .65rem; background:color-mix(in srgb,var(--zj-primary) 10%,var(--zj-surface)); color:var(--zj-primary); font-weight:900; white-space:nowrap; }
.inventory-recipe-editor__cost-breakdown[b-rebdm82dbu] { display:flex; flex-wrap:wrap; gap:.5rem; color:var(--zj-on-surface-variant); font-size:.78rem; }
.inventory-recipe-editor__cost-breakdown > span[b-rebdm82dbu] { border:1px solid var(--zj-outline-variant); border-radius:999px; padding:.3rem .55rem; background:var(--zj-surface); }
.inventory-recipe-editor__formula[b-rebdm82dbu] { flex:1 0 100%; display:grid; grid-template-columns:minmax(7rem,1fr) auto minmax(7rem,1fr) auto minmax(7rem,1fr); align-items:stretch; gap:.45rem; margin:.2rem 0 0; padding:.55rem; border:1px solid color-mix(in srgb,var(--zj-primary) 28%,var(--zj-outline-variant)); border-radius:.8rem; background:color-mix(in srgb,var(--zj-primary) 6%,var(--zj-surface)); }
.inventory-recipe-editor__formula > div[b-rebdm82dbu] { display:grid; gap:.2rem; min-width:0; padding:.45rem .6rem; border-radius:.6rem; background:var(--zj-surface); text-align:center; }
.inventory-recipe-editor__formula dt[b-rebdm82dbu] { color:var(--zj-on-surface-variant); font-size:.7rem; font-weight:700; }
.inventory-recipe-editor__formula dd[b-rebdm82dbu] { margin:0; color:var(--zj-on-surface); font-size:.9rem; font-weight:900; white-space:nowrap; }
.inventory-recipe-editor__formula bdi[b-rebdm82dbu] { unicode-bidi:isolate; }
.inventory-recipe-editor__formula-operator[b-rebdm82dbu] { align-self:center; color:var(--zj-on-surface-variant); font-size:1rem; font-weight:900; }
.inventory-recipe-editor__formula > .inventory-recipe-editor__formula-result[b-rebdm82dbu] { background:color-mix(in srgb,var(--zj-primary) 13%,var(--zj-surface)); }
.inventory-recipe-editor__formula-result dd[b-rebdm82dbu] { color:var(--zj-on-surface); }
.inventory-recipe-editor__formula-empty[b-rebdm82dbu] { flex:1 0 100%; border-radius:.7rem !important; text-align:center; }
.inventory-recipe-editor__pricing-warning[b-rebdm82dbu],.inventory-recipe-editor__conversion-note[b-rebdm82dbu] { display:flex; align-items:center; gap:.45rem; padding:.65rem .8rem; border-radius:.75rem; font-size:.82rem; font-weight:700; }
.inventory-recipe-editor__pricing-warning[b-rebdm82dbu] { border:1px solid color-mix(in srgb,var(--zj-warning,#f59e0b) 48%,transparent); background:color-mix(in srgb,var(--zj-warning,#f59e0b) 12%,var(--zj-surface)); color:var(--zj-on-surface); }
.inventory-recipe-editor__conversion-note[b-rebdm82dbu] { border:1px solid color-mix(in srgb,var(--zj-primary) 30%,transparent); background:color-mix(in srgb,var(--zj-primary) 8%,var(--zj-surface)); color:var(--zj-primary); }
.inventory-recipe-editor__pricing-warning .material-symbols-outlined[b-rebdm82dbu],.inventory-recipe-editor__conversion-note .material-symbols-outlined[b-rebdm82dbu] { flex:0 0 auto; font-size:1.15rem; }

.inventory-recipe-editor__alternatives[b-rebdm82dbu] { grid-column:1/-1; display:grid; gap:var(--zj-field-gap); padding-top:.4rem; }
.recipe-alternative[b-rebdm82dbu] { display:grid; gap:var(--zj-field-gap); }



.recipe-capacity[b-rebdm82dbu] { margin:0 0 1.2rem; overflow:hidden; border:1px solid color-mix(in srgb,var(--zj-primary) 24%,var(--zj-outline-variant)); border-radius:var(--zj-radius-xl); background:linear-gradient(135deg,color-mix(in srgb,var(--zj-primary) 9%,var(--zj-surface)),var(--zj-surface)); }
.recipe-capacity__header[b-rebdm82dbu] { display:grid; gap:1rem; padding:1rem 1.1rem; min-width:0; }
.recipe-capacity__header h4[b-rebdm82dbu] { margin:.18rem 0 .25rem; color:var(--zj-on-surface); font-size:1rem; }
.recipe-capacity__header p[b-rebdm82dbu] { max-width:46rem; margin:0; color:var(--zj-on-surface-variant); font-size:.78rem; }
.recipe-capacity__eyebrow[b-rebdm82dbu] { color:var(--zj-primary); font-size:.7rem; font-weight:900; }


.recipe-capacity__empty[b-rebdm82dbu],.recipe-tool-dialog__state[b-rebdm82dbu] { margin:0 1.1rem 1rem; padding:.8rem; border:1px dashed var(--zj-outline-variant); border-radius:.75rem; color:var(--zj-on-surface-variant); text-align:center; }
.recipe-capacity__summary[b-rebdm82dbu] { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr)); border-block:1px solid color-mix(in srgb,var(--zj-primary) 20%,var(--zj-outline-variant)); background:color-mix(in srgb,var(--zj-surface) 88%,transparent); }
.recipe-capacity__summary > div[b-rebdm82dbu] { display:grid; gap:.3rem; align-content:start; min-width:0; padding:.8rem 1.1rem; }
.recipe-capacity__summary > div + div[b-rebdm82dbu] { border-inline-start:1px solid var(--zj-outline-variant); }
.recipe-capacity__summary span[b-rebdm82dbu],.recipe-capacity__summary small[b-rebdm82dbu] { color:var(--zj-on-surface-variant); font-size:.72rem; }
.recipe-capacity__summary strong[b-rebdm82dbu] { color:var(--zj-primary); font-size:1.35rem; overflow-wrap:anywhere; }
.recipe-capacity__ingredients[b-rebdm82dbu] { display:grid; gap:.55rem; max-height:20rem; overflow:auto; padding:.8rem; scrollbar-gutter:stable; }
.recipe-capacity__ingredients article[b-rebdm82dbu] { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr)); gap:.7rem; align-items:start; padding:.72rem .8rem; border:1px solid var(--zj-outline-variant); border-radius:.8rem; background:var(--zj-surface); }
.recipe-capacity__ingredients article > div[b-rebdm82dbu] { display:grid; gap:.12rem; min-width:0; }
.recipe-capacity__ingredients span[b-rebdm82dbu],.recipe-capacity__ingredients small[b-rebdm82dbu] { color:var(--zj-on-surface-variant); font-size:.7rem; }
.recipe-capacity__ingredients strong[b-rebdm82dbu] { overflow:hidden; color:var(--zj-on-surface); font-size:.82rem; text-overflow:ellipsis; }
.recipe-capacity__missing[b-rebdm82dbu] { color:var(--zj-error,#dc2626) !important; font-weight:850; }

.recipe-tool-dialog[b-rebdm82dbu] { position:fixed; inset:0; z-index:1100; display:grid; place-items:center; padding:1rem; background:rgba(8,22,43,.58); backdrop-filter:blur(5px); }
.recipe-tool-dialog__panel[b-rebdm82dbu] { display:grid; grid-template-rows:auto minmax(0,1fr) auto; width:min(56rem,100%); max-height:min(88vh,54rem); overflow:hidden; border:1px solid color-mix(in srgb,var(--zj-primary) 28%,var(--zj-outline-variant)); border-radius:1.25rem; background:var(--zj-surface); box-shadow:0 1.5rem 4rem rgba(8,22,43,.24); }
.recipe-tool-dialog__panel--wide[b-rebdm82dbu] { width:min(72rem,100%); }
.recipe-tool-dialog__header[b-rebdm82dbu] { display:flex; justify-content:space-between; gap:1rem; padding:1.15rem 1.25rem; border-bottom:1px solid var(--zj-outline-variant); background:linear-gradient(135deg,color-mix(in srgb,var(--zj-primary) 10%,var(--zj-surface)),var(--zj-surface)); }
.recipe-tool-dialog__header > div > span[b-rebdm82dbu] { color:var(--zj-primary); font-size:.7rem; font-weight:900; }
.recipe-tool-dialog__header h3[b-rebdm82dbu] { margin:.18rem 0; font-size:1.15rem; }
.recipe-tool-dialog__header p[b-rebdm82dbu] { max-width:54rem; margin:0; color:var(--zj-on-surface-variant); font-size:.78rem; }
.recipe-tool-dialog__body[b-rebdm82dbu] { min-height:0; overflow:auto; padding:1rem 1.25rem; }
.recipe-tool-dialog__footer[b-rebdm82dbu] { display:flex; justify-content:flex-end; gap:.55rem; padding:.8rem 1.25rem; border-top:1px solid var(--zj-outline-variant); background:color-mix(in srgb,var(--zj-surface) 94%,var(--zj-primary) 6%); }
.recipe-tool-dialog__confirmation[b-rebdm82dbu] { display:flex; align-items:flex-start; gap:.55rem; margin-top:.9rem; padding:.75rem; border:1px solid color-mix(in srgb,var(--zj-warning,#f59e0b) 42%,var(--zj-outline-variant)); border-radius:.75rem; background:color-mix(in srgb,var(--zj-warning,#f59e0b) 9%,var(--zj-surface)); font-size:.78rem; font-weight:750; }
.recipe-tool-dialog__confirmation input[b-rebdm82dbu] { margin-top:.15rem; accent-color:var(--zj-primary); }

.recipe-copy-preview[b-rebdm82dbu] { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:.9rem; margin-top:1rem; }
.recipe-copy-preview > section[b-rebdm82dbu] { padding:.85rem; border:1px solid var(--zj-outline-variant); border-radius:.9rem; background:color-mix(in srgb,var(--zj-surface) 96%,var(--zj-primary) 4%); }
.recipe-copy-preview h4[b-rebdm82dbu] { margin:0 0 .65rem; font-size:.9rem; }
.recipe-copy-preview article[b-rebdm82dbu] { display:flex; justify-content:space-between; align-items:center; gap:.65rem; padding:.6rem 0; border-top:1px solid var(--zj-outline-variant); }
.recipe-copy-preview article > div[b-rebdm82dbu],.recipe-copy-effect > span[b-rebdm82dbu] { display:grid; gap:.12rem; }
.recipe-copy-preview small[b-rebdm82dbu] { color:var(--zj-on-surface-variant); font-size:.7rem; }
.recipe-copy-effect[b-rebdm82dbu] { padding:.6rem 0; border-top:1px solid var(--zj-outline-variant); }
.recipe-copy-preview__empty[b-rebdm82dbu] { color:var(--zj-on-surface-variant); font-size:.78rem; }

.recipe-template-layout[b-rebdm82dbu] { display:grid; grid-template-columns:15rem minmax(0,1fr); gap:1rem; }
.recipe-template-list[b-rebdm82dbu] { display:grid; align-content:start; gap:.55rem; }
.recipe-template-list button[b-rebdm82dbu] { display:flex; gap:.65rem; width:100%; padding:.75rem; border:1px solid var(--zj-outline-variant); border-radius:.85rem; background:var(--zj-surface); color:var(--zj-on-surface); text-align:start; cursor:pointer; }
.recipe-template-list button:hover[b-rebdm82dbu],.recipe-template-list button.is-selected[b-rebdm82dbu] { border-color:var(--zj-primary); background:color-mix(in srgb,var(--zj-primary) 9%,var(--zj-surface)); }
.recipe-template-list button > span:last-child[b-rebdm82dbu] { display:grid; gap:.12rem; }
.recipe-template-list small[b-rebdm82dbu] { color:var(--zj-on-surface-variant); font-size:.68rem; line-height:1.45; }
.recipe-template-list .material-symbols-outlined[b-rebdm82dbu] { color:var(--zj-primary); }
.recipe-template-mapping > header[b-rebdm82dbu] { display:flex; justify-content:space-between; align-items:center; margin-bottom:.6rem; }
.recipe-template-mapping h4[b-rebdm82dbu] { margin:0; }
.recipe-template-mapping > header span[b-rebdm82dbu] { color:var(--zj-on-surface-variant); font-size:.72rem; }
.recipe-template-slot[b-rebdm82dbu] { display:grid; gap:var(--zj-field-gap); padding:.72rem; margin-bottom:.55rem; border:1px solid var(--zj-outline-variant); border-radius:.85rem; }
.recipe-template-slot__include[b-rebdm82dbu] { display:flex; align-items:center; gap:.5rem; align-self:center; }
.recipe-template-slot__include > span[b-rebdm82dbu] { display:grid; }
.recipe-template-slot__include small[b-rebdm82dbu] { color:var(--zj-on-surface-variant); font-size:.68rem; }

@media (max-width:1100px){.recipe-capacity__header[b-rebdm82dbu]{align-items:stretch;flex-direction:column}.recipe-capacity__ingredients article[b-rebdm82dbu]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.recipe-copy-preview[b-rebdm82dbu]{grid-template-columns:1fr}.recipe-template-layout[b-rebdm82dbu]{grid-template-columns:1fr}.recipe-template-list[b-rebdm82dbu]{grid-template-columns:repeat(3,minmax(0,1fr))}.recipe-template-list button[b-rebdm82dbu]{display:grid}}
@media (max-width:640px){.inventory-recipe-editor__header[b-rebdm82dbu]{align-items:stretch;flex-direction:column}.inventory-recipe-editor__header-actions[b-rebdm82dbu]{display:grid;grid-template-columns:1fr 1fr}.inventory-recipe-editor__header-actions .btn:last-child[b-rebdm82dbu]{grid-column:1/-1}.inventory-recipe-editor__row .btn[b-rebdm82dbu]{width:100%}.inventory-recipe-editor__cost[b-rebdm82dbu]{justify-content:flex-start}.inventory-recipe-editor__formula[b-rebdm82dbu]{grid-template-columns:1fr}.inventory-recipe-editor__formula-operator[b-rebdm82dbu]{display:none}.recipe-capacity__summary[b-rebdm82dbu],.recipe-capacity__ingredients article[b-rebdm82dbu]{grid-template-columns:1fr}.recipe-capacity__summary>div+div[b-rebdm82dbu]{border-inline-start:0;border-top:1px solid var(--zj-outline-variant)}.recipe-capacity__summary strong[b-rebdm82dbu]{font-size:1.1rem}.recipe-tool-dialog[b-rebdm82dbu]{padding:.35rem}.recipe-tool-dialog__panel[b-rebdm82dbu]{max-height:96vh;border-radius:.9rem}.recipe-tool-dialog__header[b-rebdm82dbu],.recipe-tool-dialog__body[b-rebdm82dbu],.recipe-tool-dialog__footer[b-rebdm82dbu]{padding:.8rem}.recipe-template-list[b-rebdm82dbu]{grid-template-columns:1fr}.recipe-tool-dialog__footer .btn[b-rebdm82dbu]{flex:1}.recipe-template-slot__include[b-rebdm82dbu]{grid-column:auto}}
@media (prefers-reduced-motion:reduce){.recipe-tool-dialog[b-rebdm82dbu]{backdrop-filter:none}}
/* Stage18: separate ingredients without introducing a second palette. */
.inventory-recipe-editor__row[b-rebdm82dbu]{background:var(--zj-surface-container-low);border-radius:var(--zj-radius-lg);padding:.85rem}

.inventory-recipe-editor__unit[b-rebdm82dbu]{justify-self:start;border:1px solid var(--zj-outline-variant);border-radius:.45rem;padding:.2rem .45rem;background:var(--zj-surface-container-high);color:var(--zj-on-surface);font-size:.78rem}
.inventory-recipe-editor__cost[b-rebdm82dbu]{background:var(--zj-surface-container-high);color:var(--zj-on-surface);font-variant-numeric:tabular-nums;white-space:normal;overflow-wrap:anywhere}
.inventory-recipe-editor__formula dd[b-rebdm82dbu]{white-space:normal;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.inventory-recipe-editor__scope-note[b-rebdm82dbu]{font-size:.78rem;max-width:45rem}
.inventory-recipe-editor__row:focus-within[b-rebdm82dbu]{border-color:var(--zj-on-surface-variant)}
.inventory-recipe-editor__field-error[b-rebdm82dbu]{color:var(--zj-error);font-size:.78rem;font-weight:700}
/* _content/Zajal.Shared/Components/Inventory/PurchaseOrderDocumentSummary.razor.rz.scp.css */
.po-document[b-ebjx1nwivo] { min-width:0; overflow-wrap:anywhere; color:var(--zj-on-surface); }
.po-document__grid[b-ebjx1nwivo] { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr)); gap:1rem 1.5rem; margin:0; }
.po-document__grid > div[b-ebjx1nwivo] { min-width:0; }
.po-document dt[b-ebjx1nwivo],.po-document__hint[b-ebjx1nwivo] { color:var(--zj-on-surface-variant); font-size:.85rem; }
.po-document dd[b-ebjx1nwivo] { margin:.3rem 0 0; font-weight:700; }
.po-document__state[b-ebjx1nwivo] { border-block-start:1px solid var(--zj-outline-variant); padding-block-start:1rem; margin-block:1rem .35rem; }
.po-document__hint[b-ebjx1nwivo] { margin-block:0 .75rem; }
/* _content/Zajal.Shared/Components/Inventory/QuickInventoryItemModal.razor.rz.scp.css */
.quick-item-modal__backdrop[b-afmqkm68jb] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    backdrop-filter: blur(2px);
    z-index: 1050;
}

.quick-item-modal__dialog[b-afmqkm68jb] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    max-width: 480px;
    background: var(--zj-surface, #ffffff);
    border-radius: 14px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
    z-index: 1060;
    overflow: hidden;
    animation: quick-item-pop-b-afmqkm68jb 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes quick-item-pop-b-afmqkm68jb {
    from {
        opacity: 0;
        transform: translate(-50%, -46%) scale(0.96);
    }
    to {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }
}

.quick-item-modal__header[b-afmqkm68jb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--zj-border, #e5e7eb);
    background: var(--zj-surface-container-low, #f9fafb);
}

.quick-item-modal__body[b-afmqkm68jb] {
    padding: 1.25rem;
}

.quick-item-modal__footer[b-afmqkm68jb] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 0.85rem 1.25rem;
    border-top: 1px solid var(--zj-border, #e5e7eb);
    background: var(--zj-surface-container-low, #f9fafb);
}
/* _content/Zajal.Shared/Components/Inventory/RawMaterialCategoriesWorkspace.razor.rz.scp.css */
.raw-categories[b-p7l8unvhv0] { display:grid; gap:16px; margin-block-end:24px; }
.raw-categories__header[b-p7l8unvhv0] { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.raw-categories__header h1[b-p7l8unvhv0] { margin:4px 0; font-size:1.5rem; color:var(--zj-on-surface); }
.raw-categories__header p[b-p7l8unvhv0] { margin:0; color:var(--zj-on-surface-variant); line-height:1.5; }
.raw-categories__eyebrow[b-p7l8unvhv0] { color:var(--zj-primary); font-size:.8rem; font-weight:750; }
.raw-categories__summary[b-p7l8unvhv0] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.raw-categories__summary > div[b-p7l8unvhv0] { display:flex; flex-direction:column; gap:2px; min-width:0; padding:12px 16px; border:1px solid var(--zj-outline-variant); border-radius:12px; background:var(--zj-surface); }
.raw-categories__summary small[b-p7l8unvhv0] { color:var(--zj-on-surface-variant); }
.raw-categories__summary strong[b-p7l8unvhv0] { color:var(--zj-on-surface); font-size:1.25rem; }
.raw-categories__catalog[b-p7l8unvhv0],.raw-categories__editor[b-p7l8unvhv0],.raw-categories__details[b-p7l8unvhv0] { display:grid; gap:14px; }
.raw-categories__editor-title[b-p7l8unvhv0],.raw-categories__details-head[b-p7l8unvhv0] { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.raw-categories__editor-title h2[b-p7l8unvhv0],.raw-categories__details-head h2[b-p7l8unvhv0] { margin:0; font-size:1.1rem; }
.raw-categories__details-head p[b-p7l8unvhv0] { margin:3px 0 0; color:var(--zj-on-surface-variant); }
.raw-categories__details-head small[b-p7l8unvhv0] { color:var(--zj-primary); }
.raw-categories__check[b-p7l8unvhv0] { display:flex; align-items:center; gap:8px; }
.raw-categories__actions[b-p7l8unvhv0],.raw-categories__row-actions[b-p7l8unvhv0],.raw-categories__pages[b-p7l8unvhv0] { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.raw-categories__table-wrap[b-p7l8unvhv0] { overflow-x:auto; }
.raw-categories__table[b-p7l8unvhv0] { width:100%; border-collapse:collapse; min-width:570px; }
.raw-categories__table th[b-p7l8unvhv0],.raw-categories__table td[b-p7l8unvhv0] { padding:11px 12px; border-bottom:1px solid var(--zj-outline-variant); text-align:start; vertical-align:middle; }
.raw-categories__table th[b-p7l8unvhv0] { color:var(--zj-on-surface-variant); font-size:.82rem; }
.raw-categories__table td strong[b-p7l8unvhv0] { display:block; }
.raw-categories__table td small[b-p7l8unvhv0] { display:block; color:var(--zj-on-surface-variant); }
.raw-categories__error[b-p7l8unvhv0] { margin:0; color:var(--zj-danger,#b91c1c); }
.raw-categories__empty[b-p7l8unvhv0] { margin:0; color:var(--zj-on-surface-variant); }
.raw-categories__pages[b-p7l8unvhv0] { justify-content:center; }
@media (max-width:900px) { .raw-categories__summary[b-p7l8unvhv0] { grid-template-columns:repeat(2,minmax(0,1fr)); } }
/* _content/Zajal.Shared/Components/Inventory/RawMaterialsWorkspace.razor.rz.scp.css */
.raw-materials[b-vua6kk071p] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.raw-materials__helpbox[b-vua6kk071p] {
    display: flex;
    gap: 0.85rem;
    align-items: flex-start;
    background: var(--surface-success-soft, rgba(52, 211, 153, 0.12));
    border: 1px solid rgba(var(--zj-success-rgb, 52, 211, 153), 0.25);
    border-radius: 12px;
    padding: 0.85rem 1.1rem;
    color: var(--zj-on-surface, #1b4332);
}

.raw-materials__help-icon[b-vua6kk071p] {
    font-size: 1.5rem;
    line-height: 1;
}

.raw-materials__help-title[b-vua6kk071p] {
    font-weight: 800;
    font-size: 0.95rem;
    margin-bottom: 0.2rem;
    color: var(--zj-primary, #15803d);
}

.raw-materials__help-text[b-vua6kk071p] {
    font-size: 0.825rem;
    line-height: 1.6;
    color: var(--zj-on-surface-variant, #2d5a44);
}

.raw-materials__stats[b-vua6kk071p] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
    gap: 0.75rem;
}

.raw-materials__stat[b-vua6kk071p] {
    background: var(--zj-surface);
    border: 1px solid var(--zj-outline-variant);
    border-radius: 12px;
    padding: 0.85rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.raw-materials__stat span[b-vua6kk071p] {
    font-size: 0.78rem;
    color: var(--zj-on-surface-variant);
    font-weight: 600;
}

.raw-materials__stat b[b-vua6kk071p] {
    font-size: 1.35rem;
    font-weight: 800;
    color: var(--zj-on-surface);
    font-variant-numeric: tabular-nums;
}

.raw-materials__toolbar[b-vua6kk071p] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.75rem;
}

.raw-materials__filters[b-vua6kk071p] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 11rem;
    align-items: center;
    gap: 0.6rem;
    min-width: 0;
}

.raw-materials__search[b-vua6kk071p],
.raw-materials__status[b-vua6kk071p] { min-width: 0; width: 100%; }
.raw-materials__actions[b-vua6kk071p] { display: flex; gap: 0.5rem; white-space: nowrap; }

@media (max-width: 700px) {
    .raw-materials__toolbar[b-vua6kk071p] { grid-template-columns: minmax(0, 1fr); }
    .raw-materials__filters[b-vua6kk071p] { grid-template-columns: minmax(0, 1fr) 9rem; }
    .raw-materials__actions[b-vua6kk071p] { flex-wrap: wrap; }
}

.raw-materials__tablewrap[b-vua6kk071p] {
    overflow-x: auto;
    border-radius: 10px;
}

.raw-materials__table[b-vua6kk071p] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
}

.raw-materials__table th[b-vua6kk071p],
.raw-materials__table td[b-vua6kk071p] {
    padding: 0.7rem 0.85rem;
    text-align: right;
    border-bottom: 1px solid var(--zj-outline-variant);
    white-space: nowrap;
}

.raw-materials__table th[b-vua6kk071p] {
    color: var(--zj-on-surface-variant);
    font-size: 0.75rem;
    background: var(--zj-surface-container-low);
    font-weight: 700;
}

.raw-materials__table tr:hover td[b-vua6kk071p] {
    background-color: rgba(var(--zj-on-surface-rgb, 0, 0, 0), 0.035);
}

.raw-materials__pill[b-vua6kk071p] {
    padding: 0.2rem 0.6rem;
    border-radius: 9999px;
    font-size: 0.72rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

.raw-materials__pill--ok[b-vua6kk071p] {
    background: rgba(var(--zj-success-rgb, 52, 211, 153), 0.16);
    color: var(--zj-success, #137333);
}

.raw-materials__pill--low[b-vua6kk071p] {
    background: rgba(var(--zj-warning-rgb, 245, 158, 11), 0.18);
    color: var(--zj-warning, #b06000);
}

.raw-materials__pill--out[b-vua6kk071p] {
    background: rgba(var(--zj-error-rgb, 248, 113, 113), 0.18);
    color: var(--zj-error, #c5221f);
}

.raw-materials__actions[b-vua6kk071p] {
    display: flex;
    gap: 0.35rem;
    align-items: center;
}

.raw-materials__action-btn[b-vua6kk071p] {
    border: 1px solid var(--zj-outline-variant);
    background: var(--zj-field-surface, var(--zj-surface));
    color: var(--zj-on-surface);
    border-radius: 7px;
    padding: 0.3rem 0.55rem;
    font-size: 0.78rem;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s;
}

.raw-materials__action-btn:hover[b-vua6kk071p] {
    background: var(--zj-surface-container-high);
}

.raw-materials__action-btn--delete[b-vua6kk071p] {
    border-color: rgba(var(--zj-error-rgb, 248, 113, 113), 0.4);
    background: rgba(var(--zj-error-rgb, 248, 113, 113), 0.12);
    color: var(--zj-error, #dc2626);
}

.raw-materials__action-btn--delete:hover[b-vua6kk071p] {
    background: rgba(var(--zj-error-rgb, 248, 113, 113), 0.22);
}

.raw-materials__action-btn--receipt[b-vua6kk071p] {
    border-color: rgba(var(--zj-primary-rgb, 59, 130, 246), 0.4);
    background: rgba(var(--zj-primary-rgb, 59, 130, 246), 0.12);
    color: var(--zj-primary, #1d4ed8);
}

.raw-materials__action-btn--receipt:hover[b-vua6kk071p] {
    background: rgba(var(--zj-primary-rgb, 59, 130, 246), 0.22);
}

.raw-materials__modal-backdrop[b-vua6kk071p] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
    display: grid;
    place-items: center;
    padding: 1rem;
    z-index: 1050;
    backdrop-filter: blur(2px);
}

.raw-materials__modal[b-vua6kk071p] {
    background: var(--zj-surface);
    border-radius: 16px;
    width: min(600px, 100%);
    max-height: 90vh;
    overflow-y: auto;
    padding: 1.5rem;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.2), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.raw-materials__modal-header[b-vua6kk071p] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.25rem;
    border-bottom: 1px solid var(--zj-outline-variant);
    padding-bottom: 0.75rem;
}

.raw-materials__modal-header h3[b-vua6kk071p] {
    margin: 0;
    font-size: 1.15rem;
    font-weight: 800;
}

.raw-materials__readonly-field[b-vua6kk071p] {
    display: flex;
    align-items: center;
    min-height: var(--zj-control-height);
    white-space: normal;
    line-height: 1.3;
}



.raw-materials__field-hint[b-vua6kk071p] {
    display: block;
    font-size: 0.72rem;
    color: var(--zj-on-surface-variant);
    margin-top: 0.2rem;
}

.raw-materials__modal-footer[b-vua6kk071p] {
    display: flex;
    justify-content: flex-end;
    gap: 0.6rem;
    margin-top: 1.25rem;
    border-top: 1px solid var(--zj-outline-variant);
    padding-top: 1rem;
}

/* Categories organize the result page; chips filter the complete server result. */
.raw-materials__category-chips[b-vua6kk071p] { display:flex; flex-wrap:wrap; gap:.5rem; margin:1rem 0; }
.raw-materials__chip[b-vua6kk071p] { display:inline-flex; align-items:center; gap:.5rem; border:1px solid var(--zj-outline-variant); border-radius:999px; padding:.5rem .9rem; background:var(--zj-surface); color:var(--zj-on-surface); cursor:pointer; font:inherit; font-size:.85rem; }
.raw-materials__chip span[b-vua6kk071p] { border-radius:999px; padding:.1rem .4rem; background:var(--zj-surface-container-high); }
.raw-materials__chip.is-active[b-vua6kk071p] { border-color:var(--zj-primary); background:var(--zj-primary-container); color:var(--zj-on-primary-container); font-weight:700; }
.raw-materials__chip:focus-visible[b-vua6kk071p] { outline:2px solid var(--zj-primary); outline-offset:2px; }
.raw-materials__category-cards[b-vua6kk071p] { display:grid; gap:1rem; padding:.75rem; min-width:0; }
.raw-materials__category-card[b-vua6kk071p] { border:1px solid var(--zj-outline-variant); border-radius:var(--zj-radius-lg, 12px); overflow:hidden; background:var(--zj-surface); min-width:0; }
.raw-materials__category-header[b-vua6kk071p] { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:.5rem; padding:.85rem 1rem; border-bottom:1px solid var(--zj-outline-variant); background:var(--zj-surface-container-low); }
.raw-materials__category-header > div[b-vua6kk071p] { display:flex; align-items:center; gap:.5rem; }
.raw-materials__category-header h3[b-vua6kk071p] { margin:0; font-size:1rem; }
.raw-materials__category-header > span[b-vua6kk071p] { color:var(--zj-on-surface-variant); font-size:.8rem; }
.raw-materials__category-hint[b-vua6kk071p] { display:block; margin-top:.5rem; color:var(--zj-on-surface-variant); font-size:.8rem; }
.raw-materials__category-error[b-vua6kk071p] { display:block; color:var(--zj-error, #b91c1c); margin:.5rem 0; }

.raw-materials__fields[b-vua6kk071p] { border: 0; padding: 0; margin: 0; min-width: 0; }
/* _content/Zajal.Shared/Components/Inventory/RecipeLinkageWorkspace.razor.rz.scp.css */
.recipe-linkage[b-xixwqpndjy] {
    display: grid;
    gap: 1rem;
}

.recipe-linkage__toolbar[b-xixwqpndjy] {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 1rem;
    flex-wrap: wrap;
}

.recipe-linkage__toolbar h2[b-xixwqpndjy] {
    margin: 0 0 .25rem;
    font-size: 1.2rem;
    font-weight: 900;
}

.recipe-linkage__toolbar p[b-xixwqpndjy] {
    margin: 0;
    color: var(--zj-on-surface-variant);
}

.recipe-linkage__filters[b-xixwqpndjy] {
    display: flex;
    flex: 1 1 34rem;
    min-width: 0;
    gap: var(--zj-field-gap);
    flex-wrap: wrap;
    align-items: end;
}

.recipe-linkage__filter-fields[b-xixwqpndjy] { flex:1 1 25rem; min-width:0; }

.recipe-linkage__metrics[b-xixwqpndjy] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
}

.recipe-linkage__metrics article[b-xixwqpndjy] {
    display: grid;
    gap: .25rem;
    padding: 1rem;
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-xl);
    background: linear-gradient(135deg, var(--zj-surface), var(--zj-surface-container-low));
}

.recipe-linkage__metrics .material-symbols-outlined[b-xixwqpndjy] {
    color: var(--zj-primary);
}

.recipe-linkage__metrics strong[b-xixwqpndjy] {
    font-size: 1.5rem;
    font-weight: 950;
}

.recipe-linkage__metrics small[b-xixwqpndjy] {
    color: var(--zj-on-surface-variant);
}

.recipe-linkage__workspace[b-xixwqpndjy] {
    display: grid;
    grid-template-columns: minmax(18rem, .75fr) minmax(0, 1.6fr);
    gap: 1rem;
    align-items: start;
}

.recipe-linkage__list[b-xixwqpndjy] {
    display: grid;
    gap: .7rem;
}

.recipe-linkage__list-head[b-xixwqpndjy],
.recipe-linkage__selected[b-xixwqpndjy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.recipe-linkage__list-head h3[b-xixwqpndjy],
.recipe-linkage__selected h3[b-xixwqpndjy] {
    margin: 0;
}

.recipe-linkage__list-head span[b-xixwqpndjy],
.recipe-linkage__selected span[b-xixwqpndjy],
.recipe-linkage__selected p[b-xixwqpndjy] {
    color: var(--zj-on-surface-variant);
}

.recipe-linkage__selected p[b-xixwqpndjy] {
    margin: .3rem 0 0;
}

.recipe-linkage__item[b-xixwqpndjy] {
    width: 100%;
    display: grid;
    grid-template-columns: 2.75rem minmax(0, 1fr) auto;
    gap: .7rem;
    align-items: center;
    text-align: start;
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-xl);
    background: var(--zj-surface);
    color: var(--zj-on-surface);
    padding: .8rem;
    cursor: pointer;
}

.recipe-linkage__item:hover[b-xixwqpndjy],
.recipe-linkage__item.is-selected[b-xixwqpndjy] {
    border-color: color-mix(in srgb, var(--zj-primary) 45%, var(--zj-outline-variant));
    background: color-mix(in srgb, var(--zj-primary) 7%, var(--zj-surface));
}

.recipe-linkage__avatar[b-xixwqpndjy] {
    width: 2.5rem;
    height: 2.5rem;
    display: grid;
    place-items: center;
    border-radius: .8rem;
    background: var(--zj-surface-container-low);
    color: var(--zj-primary);
    font-weight: 950;
}

.recipe-linkage__info[b-xixwqpndjy] {
    min-width: 0;
}

.recipe-linkage__info strong[b-xixwqpndjy],
.recipe-linkage__info small[b-xixwqpndjy] {
    display: block;
}

.recipe-linkage__info strong[b-xixwqpndjy] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.recipe-linkage__info small[b-xixwqpndjy] {
    color: var(--zj-on-surface-variant);
}

.recipe-linkage__editor[b-xixwqpndjy] {
    display: grid;
    gap: 1rem;
}

.recipe-linkage__state[b-xixwqpndjy] {
    min-height: 10rem;
    display: grid;
    place-items: center;
    color: var(--zj-on-surface-variant);
    font-weight: 850;
}

@media (max-width: 1050px) {
    .recipe-linkage__workspace[b-xixwqpndjy],
    .recipe-linkage__metrics[b-xixwqpndjy] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 650px) {
    .recipe-linkage__toolbar[b-xixwqpndjy],
    .recipe-linkage__filters[b-xixwqpndjy] {
        display: grid;
    }

    .recipe-linkage__filters input[b-xixwqpndjy],
    .recipe-linkage__filters select[b-xixwqpndjy],
    .recipe-linkage__filters .btn[b-xixwqpndjy] {
        width: 100%;
    }

    .recipe-linkage__item[b-xixwqpndjy] {
        grid-template-columns: 2.75rem minmax(0, 1fr);
    }

    .recipe-linkage__item .badge[b-xixwqpndjy] {
        grid-column: 1 / -1;
        justify-self: start;
    }
}
/* _content/Zajal.Shared/Components/Inventory/RecipeSelectionCostPreview.razor.rz.scp.css */
.recipe-selection-cost[b-nfyfn9iok4] { margin-block: 1rem; padding: 1rem; border: 1px solid var(--zj-outline-variant); border-radius: var(--zj-radius-md); background: var(--zj-surface-container-low); }
.recipe-selection-cost h4[b-nfyfn9iok4] { margin-block: 0 .75rem; }
.recipe-selection-cost p[b-nfyfn9iok4], .recipe-selection-cost small[b-nfyfn9iok4] { color: var(--zj-on-surface-variant); line-height: 1.7; }
.recipe-selection-cost__scroll[b-nfyfn9iok4] { overflow-x: auto; }
.recipe-selection-cost table[b-nfyfn9iok4] { width: 100%; min-width: 34rem; border-collapse: collapse; text-align: start; }
.recipe-selection-cost th[b-nfyfn9iok4], .recipe-selection-cost td[b-nfyfn9iok4] { padding: .7rem; text-align: start; border-bottom: 1px solid var(--zj-outline-variant); }
.recipe-selection-cost td:not(:first-child)[b-nfyfn9iok4] { white-space: nowrap; }
/* _content/Zajal.Shared/Components/Inventory/StockBarometer.razor.rz.scp.css */
.stock-barometer[b-yo3rio4x9g] {
    display: grid;
    gap: 0.75rem;
    padding: 0.9rem;
    border-radius: var(--zj-radius-xl, 1rem);
    border: 1px solid var(--zj-outline-variant, #e2e8f0);
    background: linear-gradient(180deg, var(--zj-surface-container-low, #f8fafc), var(--zj-surface, #ffffff));
    box-shadow: var(--zj-shadow-1, 0 1px 3px rgba(0,0,0,0.05));
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.stock-barometer--safe[b-yo3rio4x9g] {
    border-color: color-mix(in srgb, var(--zj-success, #16a34a) 35%, var(--zj-outline-variant, #e2e8f0));
}

.stock-barometer--warning[b-yo3rio4x9g] {
    border-color: color-mix(in srgb, #f59e0b 45%, var(--zj-outline-variant, #e2e8f0));
}

.stock-barometer--critical[b-yo3rio4x9g] {
    border-color: color-mix(in srgb, var(--zj-error, #dc2626) 45%, var(--zj-outline-variant, #e2e8f0));
    background: linear-gradient(180deg, color-mix(in srgb, var(--zj-error, #dc2626) 4%, var(--zj-surface-container-low, #f8fafc)), var(--zj-surface, #ffffff));
}

.stock-barometer--deficit[b-yo3rio4x9g] {
    border-color: var(--zj-error, #dc2626);
    background: linear-gradient(180deg, color-mix(in srgb, var(--zj-error, #dc2626) 8%, var(--zj-surface-container-low, #f8fafc)), var(--zj-surface, #ffffff));
}

.stock-barometer__head[b-yo3rio4x9g] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
}

.stock-barometer__title-wrap[b-yo3rio4x9g] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.stock-barometer__icon[b-yo3rio4x9g] {
    font-size: 1.3rem;
}

.stock-barometer--safe .stock-barometer__icon[b-yo3rio4x9g] { color: var(--zj-success, #16a34a); }
.stock-barometer--warning .stock-barometer__icon[b-yo3rio4x9g] { color: #f59e0b; }
.stock-barometer--critical .stock-barometer__icon[b-yo3rio4x9g],
.stock-barometer--deficit .stock-barometer__icon[b-yo3rio4x9g] { color: var(--zj-error, #dc2626); }

.stock-barometer__title[b-yo3rio4x9g] {
    font-size: 0.9rem;
    font-weight: 800;
    color: var(--zj-on-surface, #1e293b);
}

.stock-barometer__subtitle[b-yo3rio4x9g] {
    display: block;
    font-size: 0.75rem;
    color: var(--zj-on-surface-variant, #64748b);
    font-weight: 600;
}

.stock-barometer__badge[b-yo3rio4x9g] {
    padding: 0.2rem 0.6rem;
    font-size: 0.75rem;
    font-weight: 800;
    border-radius: 999px;
}

.stock-barometer__badge--safe[b-yo3rio4x9g] {
    background: color-mix(in srgb, var(--zj-success, #16a34a) 12%, var(--zj-surface, #ffffff));
    color: var(--zj-success, #16a34a);
    border: 1px solid color-mix(in srgb, var(--zj-success, #16a34a) 30%, transparent);
}

.stock-barometer__badge--warning[b-yo3rio4x9g] {
    background: color-mix(in srgb, #f59e0b 14%, var(--zj-surface, #ffffff));
    color: #b45309;
    border: 1px solid color-mix(in srgb, #f59e0b 35%, transparent);
}

.stock-barometer__badge--critical[b-yo3rio4x9g],
.stock-barometer__badge--deficit[b-yo3rio4x9g] {
    background: color-mix(in srgb, var(--zj-error, #dc2626) 12%, var(--zj-surface, #ffffff));
    color: var(--zj-error, #dc2626);
    border: 1px solid color-mix(in srgb, var(--zj-error, #dc2626) 30%, transparent);
}

.stock-barometer__metrics[b-yo3rio4x9g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.5rem 0.75rem;
    background: var(--zj-surface, #ffffff);
    border-radius: var(--zj-radius-lg, 0.75rem);
    border: 1px solid var(--zj-outline-variant, #e2e8f0);
}

.stock-barometer__metric[b-yo3rio4x9g] {
    display: grid;
    gap: 0.15rem;
}

.stock-barometer__metric-label[b-yo3rio4x9g] {
    font-size: 0.72rem;
    color: var(--zj-on-surface-variant, #64748b);
    font-weight: 700;
}

.stock-barometer__metric-val[b-yo3rio4x9g] {
    font-size: 0.95rem;
    font-weight: 900;
    color: var(--zj-on-surface, #1e293b);
}

.stock-barometer__metric-arrow[b-yo3rio4x9g] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.1rem;
}

.stock-barometer__metric-arrow .material-symbols-outlined[b-yo3rio4x9g] {
    font-size: 1.15rem;
}

.stock-barometer__delta[b-yo3rio4x9g] {
    font-size: 0.8rem;
    font-weight: 850;
    padding: 0.1rem 0.4rem;
    border-radius: 999px;
}

.stock-barometer__delta--minus[b-yo3rio4x9g] {
    color: var(--zj-error, #dc2626);
    background: color-mix(in srgb, var(--zj-error, #dc2626) 8%, var(--zj-surface, #ffffff));
}

.stock-barometer__delta--plus[b-yo3rio4x9g] {
    color: var(--zj-success, #16a34a);
    background: color-mix(in srgb, var(--zj-success, #16a34a) 8%, var(--zj-surface, #ffffff));
}

.stock-barometer__track-wrap[b-yo3rio4x9g] {
    position: relative;
    padding: 0.2rem 0;
}

.stock-barometer__track[b-yo3rio4x9g] {
    position: relative;
    height: 0.75rem;
    background: var(--zj-surface-container, #e2e8f0);
    border-radius: 999px;
    overflow: visible;
}

.stock-barometer__fill[b-yo3rio4x9g] {
    height: 100%;
    border-radius: 999px;
    transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.stock-barometer--safe .stock-barometer__fill[b-yo3rio4x9g] {
    background: linear-gradient(90deg, #22c55e, #16a34a);
}

.stock-barometer--warning .stock-barometer__fill[b-yo3rio4x9g] {
    background: linear-gradient(90deg, #fbbf24, #f59e0b);
}

.stock-barometer--critical .stock-barometer__fill[b-yo3rio4x9g],
.stock-barometer--deficit .stock-barometer__fill[b-yo3rio4x9g] {
    background: linear-gradient(90deg, #f87171, #dc2626);
}

.stock-barometer__min-marker[b-yo3rio4x9g] {
    position: absolute;
    top: -4px;
    bottom: -4px;
    width: 2px;
    background: #475569;
    z-index: 2;
}

.stock-barometer__min-flag[b-yo3rio4x9g] {
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    font-size: 0.65rem;
    font-weight: 800;
    color: #475569;
    white-space: nowrap;
    margin-bottom: 2px;
}

.stock-barometer__alert[b-yo3rio4x9g] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    border-radius: var(--zj-radius-md, 0.5rem);
    font-size: 0.78rem;
    font-weight: 750;
}

.stock-barometer__alert .material-symbols-outlined[b-yo3rio4x9g] {
    font-size: 1.1rem;
    flex-shrink: 0;
}

.stock-barometer__alert--error[b-yo3rio4x9g] {
    background: color-mix(in srgb, var(--zj-error, #dc2626) 10%, var(--zj-surface, #ffffff));
    color: var(--zj-error, #dc2626);
    border: 1px solid color-mix(in srgb, var(--zj-error, #dc2626) 25%, transparent);
}

.stock-barometer__alert--warning[b-yo3rio4x9g] {
    background: color-mix(in srgb, #f59e0b 12%, var(--zj-surface, #ffffff));
    color: #b45309;
    border: 1px solid color-mix(in srgb, #f59e0b 30%, transparent);
}

.stock-barometer__alert--info[b-yo3rio4x9g] {
    background: color-mix(in srgb, #0284c7 10%, var(--zj-surface, #ffffff));
    color: #0369a1;
    border: 1px solid color-mix(in srgb, #0284c7 25%, transparent);
}
/* _content/Zajal.Shared/Components/Inventory/WasteFinancialImpactCard.razor.rz.scp.css */
.waste-impact-card[b-fe6bks9ztr] {
    display: grid;
    gap: 0.75rem;
    padding: 0.9rem;
    border-radius: var(--zj-radius-xl, 1rem);
    border: 1px solid color-mix(in srgb, var(--zj-error, #dc2626) 35%, var(--zj-outline-variant, #e2e8f0));
    background: linear-gradient(180deg, color-mix(in srgb, var(--zj-error, #dc2626) 5%, var(--zj-surface, #ffffff)), var(--zj-surface, #ffffff));
    box-shadow: var(--zj-shadow-1, 0 1px 3px rgba(0,0,0,0.05));
}

.waste-impact-card__header[b-fe6bks9ztr] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
}

.waste-impact-card__icon-wrap[b-fe6bks9ztr] {
    display: grid;
    place-items: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 0.65rem;
    background: color-mix(in srgb, var(--zj-error, #dc2626) 12%, var(--zj-surface, #ffffff));
    color: var(--zj-error, #dc2626);
}

.waste-impact-card__icon-wrap .material-symbols-outlined[b-fe6bks9ztr] {
    font-size: 1.3rem;
}

.waste-impact-card__titles[b-fe6bks9ztr] {
    display: grid;
    gap: 0.1rem;
}

.waste-impact-card__badge[b-fe6bks9ztr] {
    font-size: 0.72rem;
    font-weight: 800;
    color: var(--zj-error, #dc2626);
    text-transform: uppercase;
}

.waste-impact-card__title[b-fe6bks9ztr] {
    font-size: 0.9rem;
    font-weight: 800;
    color: var(--zj-on-surface, #1e293b);
}

.waste-impact-card__amount-row[b-fe6bks9ztr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 0.6rem 0.8rem;
    background: color-mix(in srgb, var(--zj-error, #dc2626) 7%, var(--zj-surface, #ffffff));
    border: 1px dashed color-mix(in srgb, var(--zj-error, #dc2626) 30%, transparent);
    border-radius: var(--zj-radius-lg, 0.75rem);
}

.waste-impact-card__loss-display[b-fe6bks9ztr] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.4rem;
}

.waste-impact-card__loss-currency[b-fe6bks9ztr] {
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--zj-error, #dc2626);
}

.waste-impact-card__loss-value[b-fe6bks9ztr] {
    font-size: 1.5rem;
    font-weight: 900;
    color: var(--zj-error, #dc2626);
    line-height: 1;
}

@media (max-width: 650px) {
    .waste-impact-card__amount-row[b-fe6bks9ztr] {
        flex-direction: column;
        align-items: stretch;
    }

    .waste-impact-card__details[b-fe6bks9ztr] {
        text-align: start;
    }
}

.waste-impact-card__details[b-fe6bks9ztr] {
    display: grid;
    gap: 0.2rem;
    text-align: end;
}

.waste-impact-card__detail-item[b-fe6bks9ztr] {
    font-size: 0.75rem;
    color: var(--zj-on-surface-variant, #64748b);
}

.waste-impact-card__detail-item strong[b-fe6bks9ztr] {
    color: var(--zj-on-surface, #1e293b);
    margin-inline-start: 0.25rem;
}

.waste-impact-card__batch-row[b-fe6bks9ztr] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.waste-impact-card__pill[b-fe6bks9ztr] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.2rem 0.55rem;
    font-size: 0.72rem;
    font-weight: 700;
    border-radius: 999px;
    background: var(--zj-surface-container, #e2e8f0);
    color: var(--zj-on-surface, #1e293b);
}

.waste-impact-card__pill .material-symbols-outlined[b-fe6bks9ztr] {
    font-size: 0.95rem;
}

.waste-impact-card__pill--danger[b-fe6bks9ztr] {
    background: color-mix(in srgb, var(--zj-error, #dc2626) 15%, var(--zj-surface, #ffffff));
    color: var(--zj-error, #dc2626);
    border: 1px solid color-mix(in srgb, var(--zj-error, #dc2626) 30%, transparent);
}

.waste-impact-card__pill--warning[b-fe6bks9ztr] {
    background: color-mix(in srgb, #f59e0b 15%, var(--zj-surface, #ffffff));
    color: #b45309;
    border: 1px solid color-mix(in srgb, #f59e0b 35%, transparent);
}
/* _content/Zajal.Shared/Components/Inventory/WasteReasonChips.razor.rz.scp.css */
.waste-reason-chips[b-zpg7ubo13z] {
    display: grid;
    gap: 0.5rem;
    grid-column: 1 / -1;
}

.waste-reason-chips__header[b-zpg7ubo13z] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
}

.waste-reason-chips__label[b-zpg7ubo13z] {
    font-size: 0.82rem;
    font-weight: 800;
    color: var(--zj-on-surface, #1e293b);
}

.waste-reason-chips__hint[b-zpg7ubo13z] {
    font-size: 0.72rem;
    color: var(--zj-on-surface-variant, #64748b);
    font-weight: 600;
}

.waste-reason-chips__list[b-zpg7ubo13z] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.waste-reason-chips__chip[b-zpg7ubo13z] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.4rem 0.75rem;
    font-size: 0.8rem;
    font-weight: 750;
    border-radius: var(--zj-radius-lg, 0.75rem);
    border: 1px solid var(--zj-outline-variant, #e2e8f0);
    background: var(--zj-surface, #ffffff);
    color: var(--zj-on-surface, #1e293b);
    cursor: pointer;
    transition: all 0.15s ease;
}

.waste-reason-chips__chip .material-symbols-outlined[b-zpg7ubo13z] {
    font-size: 1.05rem;
    color: var(--zj-on-surface-variant, #64748b);
}

.waste-reason-chips__chip:hover[b-zpg7ubo13z] {
    border-color: var(--zj-primary, #6366f1);
    background: color-mix(in srgb, var(--zj-primary, #6366f1) 4%, var(--zj-surface, #ffffff));
}

.waste-reason-chips__chip--active[b-zpg7ubo13z] {
    border-color: var(--zj-error, #dc2626) !important;
    background: color-mix(in srgb, var(--zj-error, #dc2626) 12%, var(--zj-surface, #ffffff)) !important;
    color: var(--zj-error, #dc2626) !important;
}

.waste-reason-chips__chip--active .material-symbols-outlined[b-zpg7ubo13z] {
    color: var(--zj-error, #dc2626) !important;
}

.waste-reason-chips__note-wrap[b-zpg7ubo13z] {
    margin-top: 0.15rem;
}
/* _content/Zajal.Shared/Components/Kitchen/KitchenOrderCard.razor.rz.scp.css */
.kitchen-card[b-kjtqz5aq06] {
    transition: border-color var(--zj-transition-fast), box-shadow var(--zj-transition-fast);
}

.kitchen-card--delay-warning[b-kjtqz5aq06] {
    border-color: rgba(var(--zj-warning-rgb), 0.46);
    box-shadow: 0 0 0 2px rgba(var(--zj-warning-rgb), 0.08);
}

.kitchen-card--delay-critical[b-kjtqz5aq06] {
    border-color: rgba(var(--zj-error-rgb), 0.58);
    box-shadow: 0 0 0 3px rgba(var(--zj-error-rgb), 0.1);
}

.kitchen-card__item-content[b-kjtqz5aq06] {
    flex: 1;
    min-width: 0;
}

.kitchen-card__item-name[b-kjtqz5aq06] {
    display: block;
    overflow: hidden;
    color: var(--zj-on-surface);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kitchen-delay-badge[b-kjtqz5aq06] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.3rem 0.45rem;
    border-radius: var(--zj-radius-full);
    background: var(--zj-surface-container-high);
    color: var(--zj-on-surface-variant);
    font-size: 0.67rem;
    font-weight: 900;
    white-space: nowrap;
}

.kitchen-delay-badge .material-symbols-outlined[b-kjtqz5aq06] {
    font-size: 0.85rem;
}

.kitchen-delay-badge--warning[b-kjtqz5aq06] {
    background: rgba(var(--zj-warning-rgb), 0.12);
    color: var(--zj-warning);
}

.kitchen-delay-badge--critical[b-kjtqz5aq06] {
    background: rgba(var(--zj-error-rgb), 0.12);
    color: var(--zj-error);
}
/* _content/Zajal.Shared/Components/Kitchen/KitchenRecipeSummary.razor.rz.scp.css */
.kitchen-recipe__options[b-wulv55zzbq] {
    display: flex;
    align-items: flex-start;
    gap: 0.3rem;
    margin: 0.25rem 0 0;
    color: var(--zj-primary);
    font-size: 0.72rem;
    font-weight: 750;
    line-height: 1.45;
}

.kitchen-recipe__options .material-symbols-outlined[b-wulv55zzbq] {
    flex: 0 0 auto;
    font-size: 0.9rem;
}

.kitchen-recipe[b-wulv55zzbq] {
    display: grid;
    gap: 0.35rem;
    margin-top: 0.45rem;
    padding-top: 0.45rem;
    border-top: 1px dashed rgba(var(--zj-outline-rgb), 0.2);
}

.kitchen-recipe__label[b-wulv55zzbq] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    color: var(--zj-on-surface-variant);
    font-size: 0.7rem;
    font-weight: 850;
}

.kitchen-recipe__label .material-symbols-outlined[b-wulv55zzbq] {
    color: var(--zj-primary);
    font-size: 0.9rem;
}

.kitchen-recipe__ingredients[b-wulv55zzbq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
}

.kitchen-recipe__ingredient[b-wulv55zzbq],
.kitchen-recipe__more[b-wulv55zzbq] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    max-width: 100%;
    padding: 0.25rem 0.4rem;
    border-radius: var(--zj-radius-sm);
    background: var(--zj-surface-container-high);
    color: var(--zj-on-surface-variant);
    font-size: 0.68rem;
    line-height: 1.25;
}

.kitchen-recipe__ingredient strong[b-wulv55zzbq] {
    overflow: hidden;
    color: var(--zj-on-surface);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kitchen-recipe__ingredient bdi[b-wulv55zzbq] {
    flex: 0 0 auto;
    font-variant-numeric: tabular-nums;
}

.kitchen-recipe__more[b-wulv55zzbq] {
    color: var(--zj-primary);
    font-weight: 850;
}
/* _content/Zajal.Shared/Components/Kitchen/PreparationPrinterWorkspace.razor.rz.scp.css */
.print-workspace[b-vqa9wl8zgs] { display:grid; gap:1rem; padding:clamp(.85rem,1.6vw,1.5rem); min-width:0; background:var(--zj-surface); color:var(--zj-on-surface); border:1px solid color-mix(in srgb,var(--zj-primary) 30%,var(--zj-outline-variant)); border-radius:1rem; scroll-margin-top:6rem; font-family:var(--zj-font-family,'Cairo',sans-serif); }
.print-workspace[b-vqa9wl8zgs]  :is(input,button,select) { font-family:inherit; }
:is(h2,h3,h4,p)[b-vqa9wl8zgs] { margin:0; line-height:1.75; overflow-wrap:anywhere; }
h2[b-vqa9wl8zgs] { font-size:clamp(1.375rem,2vw,1.75rem); font-weight:800; } h3[b-vqa9wl8zgs] { font-size:1.2rem; font-weight:800; } h4[b-vqa9wl8zgs] { font-size:1.1rem; font-weight:750; }
.region-heading[b-vqa9wl8zgs] { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:1rem; padding:1rem; border:1px solid var(--zj-outline-variant); border-inline-start:4px solid var(--zj-primary); border-radius:.7rem; background:repeating-linear-gradient(135deg,transparent 0 13px,color-mix(in srgb,var(--zj-primary) 5%,transparent) 13px 15px),color-mix(in srgb,var(--zj-primary) 8%,var(--zj-surface)); }
.region-heading > div[b-vqa9wl8zgs] { flex:1 1 17rem; }
.print-guidance[b-vqa9wl8zgs], .region-heading p[b-vqa9wl8zgs] { color:var(--zj-on-surface-variant); }
details[b-vqa9wl8zgs] { padding:1rem; border:1px solid var(--zj-outline-variant); border-radius:.8rem; }
summary[b-vqa9wl8zgs] { min-height:44px; cursor:pointer; font-weight:750; }
.form[b-vqa9wl8zgs] { border:1px solid var(--zj-outline-variant); border-radius:.8rem; padding:1rem; margin-block:1rem; }
.form legend[b-vqa9wl8zgs] { float:none; width:auto; padding-inline:.5rem; font-size:1.1rem; font-weight:750; }
button[b-vqa9wl8zgs] { min-height:44px; max-width:100%; font:inherit; }
button[b-vqa9wl8zgs] { cursor:pointer; padding:.55rem .9rem; border:1px solid var(--zj-primary); border-radius:.6rem; background:var(--zj-surface); color:var(--zj-on-surface); line-height:1.7; font-weight:700; white-space:normal; }
button:disabled[b-vqa9wl8zgs] { opacity:.55; cursor:default; }
input[type=checkbox][b-vqa9wl8zgs] { width:1.25rem; height:1.25rem; min-height:0; flex-shrink:0; }
.form .check-field[b-vqa9wl8zgs] { display:flex; align-items:center; gap:.7rem; min-height:44px; }
.queue-heading[b-vqa9wl8zgs], .job-heading[b-vqa9wl8zgs] { display:flex; flex-wrap:wrap; gap:.8rem; align-items:center; justify-content:space-between; }
.print-queue[b-vqa9wl8zgs] { display:grid; gap:1rem; min-width:0; }
article[b-vqa9wl8zgs] { display:grid; gap:.75rem; padding:1rem; background:var(--zj-surface); border:1px solid var(--zj-outline-variant); border-radius:.85rem; overflow-wrap:anywhere; min-width:0; }
article > button[b-vqa9wl8zgs] { justify-self:start; }
.print-status[b-vqa9wl8zgs] { padding:.3rem .6rem; border:1px solid var(--zj-outline); border-radius:2rem; font-size:.8rem; font-weight:700; }
.print-status[data-state=Unknown][b-vqa9wl8zgs], .print-status[data-state=Sending][b-vqa9wl8zgs] { color:var(--zj-warning); }
.print-status[data-state=Observed][b-vqa9wl8zgs] { color:var(--zj-success); }
.print-error[b-vqa9wl8zgs] { color:var(--zj-error); border-inline-start:3px solid currentColor; padding:.8rem; }
.empty-state[b-vqa9wl8zgs] { padding:1.5rem 1rem; text-align:center; line-height:1.8; border:1px dashed var(--zj-outline-variant); border-radius:.8rem; background:var(--zj-surface-container-low); }
ul[b-vqa9wl8zgs] { margin:0; padding-inline-start:1.25rem; } li[b-vqa9wl8zgs] { margin-block:.4rem; line-height:1.8; }
bdi[b-vqa9wl8zgs] { font-variant-numeric:tabular-nums; }
:is(button,input,select,summary):focus-visible[b-vqa9wl8zgs] { outline:3px solid var(--zj-primary); outline-offset:3px; }
@media(max-width:600px) { .form[b-vqa9wl8zgs] { padding:.75rem; } .region-heading[b-vqa9wl8zgs] { padding:.75rem; } article > button[b-vqa9wl8zgs] { justify-self:stretch; } }
/* _content/Zajal.Shared/Components/Kitchen/PreparationWorkspace.razor.rz.scp.css */
.preparation[b-gtt26gphi6] { display:grid; gap:1.25rem; min-width:0; color:var(--zj-on-surface); font-family:var(--zj-font-family,'Cairo',sans-serif); }
.preparation[b-gtt26gphi6]  :is(button,input,select,textarea) { font-family:inherit; }
.preparation :is(h2,h3,h4,p)[b-gtt26gphi6] { margin:0; line-height:1.75; overflow-wrap:anywhere; }
h2[b-gtt26gphi6] { font-size:clamp(1.375rem,2vw,1.75rem); font-weight:800; } h3[b-gtt26gphi6] { font-size:1.125rem; font-weight:800; } h4[b-gtt26gphi6] { font-size:1.05rem; font-weight:750; }
.workspace-heading[b-gtt26gphi6], .region-heading[b-gtt26gphi6] { display:flex; flex-wrap:wrap; gap:1rem; align-items:center; justify-content:space-between; }
.workspace-heading p[b-gtt26gphi6], .region-heading p[b-gtt26gphi6] { color:var(--zj-on-surface-variant); }
.filters[b-gtt26gphi6] { padding:1rem; border:1px solid var(--zj-outline-variant); border-radius:.8rem; background:var(--zj-surface-container-low); }
.filters > p[b-gtt26gphi6] { align-self:center; color:var(--zj-on-surface-variant); }
button[b-gtt26gphi6],summary[b-gtt26gphi6] { font:inherit; min-height:44px; max-width:100%; }
button[b-gtt26gphi6] { padding:.55rem .9rem; border:1px solid var(--zj-primary); border-radius:.6rem; background:var(--zj-surface); color:var(--zj-on-surface); font-weight:700; cursor:pointer; white-space:normal; line-height:1.7; }
button:disabled[b-gtt26gphi6] { opacity:.55; cursor:default; }
.form button:not(.btn-secondary)[b-gtt26gphi6], .ticket button[b-gtt26gphi6] { background:var(--zj-ds-action-background); color:var(--zj-ds-action-foreground); }
input[type=checkbox][b-gtt26gphi6] { width:1.25rem; height:1.25rem; min-height:0; flex-shrink:0; }
.check-field[b-gtt26gphi6] { display:flex; align-items:center; flex-direction:row; gap:.7rem; min-height:44px; }
.region[b-gtt26gphi6], .configuration[b-gtt26gphi6] { min-width:0; border:1px solid color-mix(in srgb,var(--zj-primary) 30%,var(--zj-outline-variant)); border-radius:1rem; padding:clamp(.85rem,1.5vw,1.5rem); background:var(--zj-surface); scroll-margin-top:6rem; }
.region-heading[b-gtt26gphi6], .configuration > summary[b-gtt26gphi6] { padding:.9rem 1rem; border:1px solid var(--zj-outline-variant); border-inline-start:4px solid var(--zj-primary); border-radius:.7rem; background:repeating-linear-gradient(135deg,transparent 0 13px,color-mix(in srgb,var(--zj-primary) 5%,transparent) 13px 15px),color-mix(in srgb,var(--zj-primary) 8%,var(--zj-surface)); margin-block-end:1rem; }
.configuration > summary[b-gtt26gphi6] { font-size:clamp(1.2rem,2vw,1.5rem); font-weight:800; cursor:pointer; }
.form[b-gtt26gphi6] { border:1px solid var(--zj-outline-variant); padding:1rem; margin-block:1rem; border-radius:.8rem; }
.form legend[b-gtt26gphi6] { width:auto; float:none; font-size:1.125rem; font-weight:750; padding-inline:.5rem; }
.section-guide[b-gtt26gphi6] { display:flex; flex-wrap:wrap; gap:.6rem; padding:.85rem; border:1px solid var(--zj-outline-variant); border-radius:.8rem; background:var(--zj-surface); }
.section-guide a[b-gtt26gphi6] { display:flex; align-items:center; padding:.5rem .8rem; border:1px solid var(--zj-outline-variant); border-radius:.6rem; text-decoration:none; text-underline-offset:.2em; color:var(--zj-on-surface); font-weight:700; min-height:44px; }
.kanban[b-gtt26gphi6] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; align-items:start; }
.column[b-gtt26gphi6] { border:1px solid var(--zj-outline-variant); border-radius:.8rem; padding:.8rem; background:var(--zj-surface-container-low); min-width:0; }
.column > h3[b-gtt26gphi6] { display:flex; align-items:center; gap:.4rem; padding-block:.25rem .75rem; border-bottom:2px solid var(--zj-outline); }
.column[data-state=Preparing] > h3[b-gtt26gphi6] { border-color:var(--zj-warning); }
.column[data-state=Ready] > h3[b-gtt26gphi6] { border-color:var(--zj-success); }
.column-empty[b-gtt26gphi6] { color:var(--zj-on-surface-variant); padding-block:1rem; font-size:.875rem; }
.ticket[b-gtt26gphi6], .aggregate[b-gtt26gphi6] { display:grid; gap:.8rem; border:1px solid var(--zj-outline-variant); border-radius:.8rem; padding:1rem; margin-block-start:1rem; background:var(--zj-surface); min-width:0; }
.ticket button[b-gtt26gphi6] { width:100%; }
.aggregate > h3 bdi[b-gtt26gphi6] { font-size:1.4rem; }
.aggregate > button[b-gtt26gphi6] { justify-self:start; }
.aggregate details[b-gtt26gphi6] { border-top:1px solid var(--zj-outline-variant); padding-block-start:.75rem; }
.message[b-gtt26gphi6] { border-inline-start:4px solid var(--zj-primary); padding:.85rem; background:var(--zj-surface-container); border-radius:.4rem; overflow-wrap:anywhere; }
[role=alert][b-gtt26gphi6] { border-color:var(--zj-error); }
ul[b-gtt26gphi6] { margin:0; padding-inline-start:1.25rem; } li[b-gtt26gphi6] { padding-block:.45rem; line-height:1.8; }
p[b-gtt26gphi6],small[b-gtt26gphi6],li[b-gtt26gphi6] { overflow-wrap:anywhere; white-space:pre-line; } bdi[b-gtt26gphi6] { font-variant-numeric:tabular-nums; }
.empty-state[b-gtt26gphi6] { padding:1.5rem 1rem; border:1px dashed var(--zj-outline-variant); border-radius:.8rem; text-align:center; background:var(--zj-surface-container-low); line-height:1.8; }
.empty-state p[b-gtt26gphi6] { color:var(--zj-on-surface-variant); }
summary[b-gtt26gphi6] { display:list-item; cursor:pointer; font-weight:700; }
a[b-gtt26gphi6] { color:var(--zj-on-surface); text-underline-offset:.2em; overflow-wrap:anywhere; }
:is(button,input,select,textarea,summary,a):focus-visible[b-gtt26gphi6] { outline:3px solid var(--zj-primary); outline-offset:3px; }
@media(max-width:1000px) { .kanban[b-gtt26gphi6] { grid-template-columns:1fr; } }
@media(max-width:600px) { .preparation[b-gtt26gphi6] { gap:.8rem; } .form[b-gtt26gphi6] { padding:.75rem; } .aggregate[b-gtt26gphi6] { padding:.8rem; } .section-guide a[b-gtt26gphi6] { flex:1 1 10rem; } .aggregate > button[b-gtt26gphi6] { width:100%; } }
/* _content/Zajal.Shared/Components/Layout/PlatformOperationsBell.razor.rz.scp.css */
.platform-reminder[b-bayxeda9zr]{display:inline-flex;align-items:center;gap:4px;min-width:40px;min-height:40px;justify-content:center;color:var(--zj-on-surface);text-decoration:none;border-radius:8px}.platform-reminder:hover[b-bayxeda9zr]{background:var(--zj-surface-container-low)}.platform-reminder:focus-visible[b-bayxeda9zr]{outline:2px solid var(--zj-primary);outline-offset:3px}.platform-reminder-count[b-bayxeda9zr]{font-size:12px;font-weight:700;background:var(--zj-error-container);color:var(--zj-on-error-container);padding:2px 5px;border-radius:6px}
/* _content/Zajal.Shared/Components/Layout/ReleaseNotesButton.razor.rz.scp.css */
.release-anchor[b-6ucz3hnrfz] { order:7; flex:0 0 auto; display:flex; align-items:center; }
.release-button[b-6ucz3hnrfz] { position:relative; isolation:isolate; display:grid; place-items:center; inline-size:46px; block-size:46px; padding:6px; border-radius:15px; border:1px solid var(--zj-outline-variant); background:var(--zj-surface-container-lowest); color:var(--zj-on-surface); cursor:pointer; transition:background .2s,transform .2s; }
.release-button:hover[b-6ucz3hnrfz] { background:var(--zj-surface-container); transform:translateY(-1px); }
.release-button:focus-visible[b-6ucz3hnrfz] { outline:3px solid var(--zj-primary); outline-offset:4px; }
.release-logo[b-6ucz3hnrfz] { display:block; position:relative; z-index:1; inline-size:32px; block-size:32px; padding:2px; background:#f5f9fb; border-radius:9px; }
.release-logo[b-6ucz3hnrfz]  .brand-logo, .release-emblem[b-6ucz3hnrfz]  .brand-logo { display:block; padding:0; margin:0; width:100%; height:100%; min-width:0; gap:0; }
.release-logo[b-6ucz3hnrfz]  .brand-logo__mark, .release-emblem[b-6ucz3hnrfz]  .brand-logo__mark { display:grid; place-items:center; width:100%; height:100%; padding:0; margin:0; background:none; border:0; box-shadow:none; border-radius:0; flex:none; }
.release-logo[b-6ucz3hnrfz]  .brand-logo__image, .release-emblem[b-6ucz3hnrfz]  .brand-logo__image { display:block; width:100%; height:100%; object-fit:contain; filter:none; }
.release-dot[b-6ucz3hnrfz] { position:absolute; inset-inline-end:3px; inset-block-start:3px; z-index:2; inline-size:8px; block-size:8px; border:2px solid var(--zj-surface-container-lowest); border-radius:50%; background:#b98225; }
.release-button[b-6ucz3hnrfz]::before { content:''; position:absolute; inset:-3px; border-radius:18px; border:1px solid transparent; pointer-events:none; }
.is-unread[b-6ucz3hnrfz]::before { border-color:#be944d; animation:release-halo-b-6ucz3hnrfz 4.8s ease-out infinite; }
.is-unread .release-logo[b-6ucz3hnrfz] { animation:release-flight-b-6ucz3hnrfz 6s ease-in-out infinite; }
.is-unread[b-6ucz3hnrfz]::after { content:''; position:absolute; z-index:2; inset:0; border-radius:inherit; pointer-events:none; background:linear-gradient(115deg,transparent 15%,#ffffff00 35%,#ffffffb3 48%,#ffffff00 61%,transparent 85%); background-size:300% 100%; animation:release-shimmer-b-6ucz3hnrfz 6s ease-in-out infinite; }
@keyframes release-halo-b-6ucz3hnrfz { 0%,60%,100% { opacity:0; transform:scale(.96); } 12% { opacity:.75; } 42% { opacity:0; transform:scale(1.15); } }
@keyframes release-flight-b-6ucz3hnrfz { 0%,12%,35%,100% { transform:translateY(0) rotate(0); } 22% { transform:translateY(-2px) rotate(-7deg); } 28% { transform:translateY(-1px) rotate(2deg); } }
@keyframes release-shimmer-b-6ucz3hnrfz { 0%,35% { background-position:100% 0; opacity:0; } 40% { opacity:.7; } 58% { background-position:0 0; opacity:0; } 100% { background-position:0 0; opacity:0; } }
.release-launch[b-6ucz3hnrfz]{padding:0 0 28px;border-bottom:1px solid var(--zj-outline-variant)}
.release-badges[b-6ucz3hnrfz]{display:flex;flex-direction:row-reverse;justify-content:flex-start;gap:10px;margin-bottom:24px;font-size:12px}.release-badges bdi[b-6ucz3hnrfz],.release-status[b-6ucz3hnrfz]{border:1px solid var(--zj-outline-variant);background:var(--zj-surface-container);padding:6px 13px;border-radius:30px}.release-status[b-6ucz3hnrfz]{color:var(--zj-success,#059669);background:color-mix(in srgb,var(--zj-success,#059669) 9%,var(--zj-surface))}
.release-launch-row[b-6ucz3hnrfz]{display:flex;align-items:center;justify-content:space-between;gap:32px}.release-launch-row>div:first-child[b-6ucz3hnrfz]{flex:1;min-width:0}.release-launch h3[b-6ucz3hnrfz]{font-size:clamp(25px,3vw,36px);font-weight:900;margin:0 0 8px;line-height:1.4}.release-launch h3 span[b-6ucz3hnrfz]{color:#e9a52b;font-size:.7em}.release-launch p[b-6ucz3hnrfz]{margin:0;font-size:14px;line-height:1.8;color:var(--zj-on-surface-variant)}
.release-logo-scene[b-6ucz3hnrfz]{position:relative;flex:0 0 120px;height:120px;display:grid;place-items:center;isolation:isolate}.release-emblem[b-6ucz3hnrfz]{display:grid;place-items:center;width:80px;height:80px;padding:10px;background:#f5f9fb;border:2px solid var(--zj-primary);border-radius:22px;box-shadow:0 8px 22px color-mix(in srgb,var(--zj-primary) 20%,transparent);animation:emblem-arrive-b-6ucz3hnrfz .55s ease-out both}.release-emblem[b-6ucz3hnrfz]  .restaurant-release-logo{width:100%;height:100%;object-fit:contain}
.release-shard[b-6ucz3hnrfz]{position:absolute;width:11px;height:11px;background:var(--zj-primary);pointer-events:none;animation:shard-enter-b-6ucz3hnrfz .75s cubic-bezier(.16,1,.3,1) both,shard-float-b-6ucz3hnrfz 4s ease-in-out .8s infinite;--rotation:35deg}
.shard-1[b-6ucz3hnrfz]{top:3px;left:28px;--rotation:45deg;animation-delay:.08s,.9s}.shard-2[b-6ucz3hnrfz]{top:12px;right:14px;clip-path:polygon(0 0,100% 20%,80% 100%,20% 75%);width:16px;height:16px;animation-delay:.12s,1s}.shard-3[b-6ucz3hnrfz]{top:47px;right:0;animation-delay:.16s,1.2s}.shard-4[b-6ucz3hnrfz]{bottom:3px;right:24px;width:14px;height:14px;animation-delay:.2s,1.4s}.shard-5[b-6ucz3hnrfz]{bottom:7px;left:10px;--rotation:45deg;width:14px;height:14px;animation-delay:.14s,1.6s}.shard-6[b-6ucz3hnrfz]{top:35px;left:0;background:#ba922a;--rotation:45deg;animation-delay:.1s,1.3s}.shard-7[b-6ucz3hnrfz]{bottom:35px;left:-5px;background:#ba922a;clip-path:polygon(0 0,100% 40%,35% 100%);animation-delay:.18s,1.1s}
.release-featured[b-6ucz3hnrfz]{margin-top:24px;padding:22px;border:1px solid color-mix(in srgb,var(--zj-primary) 45%,var(--zj-outline-variant));border-radius:20px;background:linear-gradient(120deg,color-mix(in srgb,var(--zj-primary) 12%,var(--zj-surface)),var(--zj-surface));animation:feature-enter-b-6ucz3hnrfz .55s .15s both}.release-feature-label[b-6ucz3hnrfz]{display:inline-block;font-size:11px;font-weight:800;color:var(--zj-primary);margin-bottom:12px}.release-featured>div[b-6ucz3hnrfz]{display:flex;gap:16px;align-items:flex-start}.release-featured-icon[b-6ucz3hnrfz]{padding:13px;border-radius:16px;background:var(--zj-primary);color:var(--zj-on-primary);font-size:30px}.release-featured h3[b-6ucz3hnrfz]{font-size:22px;font-weight:900;margin:0 0 8px}.release-featured p[b-6ucz3hnrfz]{font-size:14px;line-height:1.8;margin:0;color:var(--zj-on-surface-variant)}
.release-section-title[b-6ucz3hnrfz]{display:flex;align-items:center;gap:14px;margin:25px 0 16px}.release-section-title h3[b-6ucz3hnrfz]{font-size:13px;font-weight:700;margin:0;color:var(--zj-on-surface-variant)}.release-section-title span[b-6ucz3hnrfz]{height:1px;background:var(--zj-outline-variant);flex:1}
.release-highlights[b-6ucz3hnrfz]{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.release-highlights li[b-6ucz3hnrfz]{display:flex;align-items:flex-start;gap:12px;border:1px solid var(--zj-outline-variant);border-radius:16px;padding:18px;background:var(--zj-surface-container-low);animation:feature-enter-b-6ucz3hnrfz .5s both;animation-delay:calc(var(--feature-index)*70ms + 180ms)}.release-feature-icon[b-6ucz3hnrfz]{display:grid;place-items:center;flex:0 0 40px;width:40px;height:44px;border-radius:12px;font-size:23px;background:color-mix(in srgb,var(--zj-primary) 10%,var(--zj-surface));color:var(--zj-primary);border:1px solid color-mix(in srgb,var(--zj-primary) 30%,transparent)}.release-highlights li:nth-child(2) .release-feature-icon[b-6ucz3hnrfz]{color:#8b7af0;background:#8472e515}.release-highlights li:nth-child(3) .release-feature-icon[b-6ucz3hnrfz]{color:#16a585;background:#16a58515}.release-highlights li:nth-child(4) .release-feature-icon[b-6ucz3hnrfz]{color:#d59024;background:#d5902415}.release-highlights strong[b-6ucz3hnrfz]{font-size:15px;font-weight:800;line-height:1.6}.release-highlights p[b-6ucz3hnrfz]{font-size:12px;line-height:1.8;margin:6px 0 0;color:var(--zj-on-surface-variant)}.release-footnote[b-6ucz3hnrfz]{text-align:center;color:var(--zj-on-surface-variant);font-size:11px;line-height:1.8;margin:25px 0 0}
@keyframes shard-enter-b-6ucz3hnrfz{from{opacity:0;transform:translate(0,12px) scale(.2) rotate(0)}to{opacity:.85;transform:translate(0,0) scale(1) rotate(var(--rotation))}}
@keyframes shard-float-b-6ucz3hnrfz{0%,100%{transform:translateY(0) rotate(var(--rotation))}50%{transform:translateY(-4px) rotate(calc(var(--rotation) + 12deg))}}
@keyframes emblem-arrive-b-6ucz3hnrfz{from{opacity:0;transform:translateY(12px) scale(.88)}to{opacity:1;transform:none}}
@keyframes feature-enter-b-6ucz3hnrfz{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:560px){.release-launch-row[b-6ucz3hnrfz]{gap:10px}.release-logo-scene[b-6ucz3hnrfz]{flex-basis:90px;height:100px}.release-emblem[b-6ucz3hnrfz]{width:64px;height:64px;padding:7px;border-radius:18px}.release-launch h3[b-6ucz3hnrfz]{font-size:25px}.release-launch p[b-6ucz3hnrfz]{font-size:12px}.release-badges[b-6ucz3hnrfz]{margin-bottom:18px}.release-highlights[b-6ucz3hnrfz]{grid-template-columns:1fr}.release-featured[b-6ucz3hnrfz]{padding:16px}.release-featured h3[b-6ucz3hnrfz]{font-size:19px}.release-featured-icon[b-6ucz3hnrfz]{padding:9px;font-size:24px}.release-featured p[b-6ucz3hnrfz]{font-size:12px}.release-highlights li[b-6ucz3hnrfz]{padding:14px}}
@media(prefers-reduced-motion:reduce){.release-button[b-6ucz3hnrfz],.release-button[b-6ucz3hnrfz]::before,.release-button[b-6ucz3hnrfz]::after,.release-logo[b-6ucz3hnrfz],.release-shard[b-6ucz3hnrfz],.release-emblem[b-6ucz3hnrfz],.release-featured[b-6ucz3hnrfz],.release-highlights li[b-6ucz3hnrfz]{animation:none!important;transition:none!important}.is-unread[b-6ucz3hnrfz]::after{display:none}.release-shard[b-6ucz3hnrfz]{transform:rotate(var(--rotation));opacity:.85}}
/* Fixed blue login identity, using the existing transparent PNG. */
.release-logo[b-6ucz3hnrfz],.release-emblem[b-6ucz3hnrfz]{background:transparent;border-color:transparent;box-shadow:none}
.release-fixed-logo[b-6ucz3hnrfz]{display:block;width:100%;height:100%;object-fit:contain}
/* _content/Zajal.Shared/Components/Layout/ReleaseNotesDialog.razor.rz.scp.css */
.release-dialog[b-top54gyb8x] { box-sizing:border-box; width:min(780px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); margin:auto; padding:0; border:1px solid var(--zj-outline-variant); border-radius:24px; background:var(--zj-surface); color:var(--zj-on-surface); box-shadow:0 32px 100px #03111d55; overflow:hidden; font-family:var(--zj-font-body); }
.release-dialog[open][b-top54gyb8x] { display:flex; flex-direction:column; animation:release-arrive-b-top54gyb8x .4s ease-out; }
.release-dialog[b-top54gyb8x]::backdrop { background:#061824a8; backdrop-filter:blur(5px); }
header[b-top54gyb8x] { display:flex; flex:0 0 auto; align-items:center; justify-content:space-between; gap:1rem; padding:1.25rem 1.75rem; border-block-end:1px solid var(--zj-outline-variant); }
.release-kicker[b-top54gyb8x] { display:block; font-size:12px; color:var(--zj-on-surface-variant); margin-block-end:4px; }
h2[b-top54gyb8x] { font-size:20px; font-weight:900; margin:0; }
.release-close[b-top54gyb8x] { display:grid; place-items:center; inline-size:44px; block-size:44px; padding:0; border:1px solid var(--zj-outline-variant); border-radius:14px; color:var(--zj-on-surface-variant); background:var(--zj-surface-container-lowest); font:400 1.7rem/1 Arial,sans-serif; cursor:pointer; }
.release-close:hover[b-top54gyb8x] { background:var(--zj-surface-container); color:var(--zj-on-surface); }
.release-body[b-top54gyb8x] { min-height:0; overflow:auto; overscroll-behavior:contain; scrollbar-width:thin; padding:1.5rem 1.75rem; }
footer[b-top54gyb8x] { display:flex; flex:0 0 auto; justify-content:space-between; align-items:center; gap:1rem; padding:20px 28px; border-block-start:1px solid var(--zj-outline-variant); background:var(--zj-surface-container-lowest); }
footer > span[b-top54gyb8x] { font-size:.75rem; color:var(--zj-on-surface-variant); }
.release-done[b-top54gyb8x] { display:inline-flex; align-items:center; justify-content:center; gap:1.25rem; min-height:44px; padding:.75rem 1.2rem; border:1px solid var(--zj-secondary); border-radius:12px; background:var(--zj-secondary); color:var(--zj-on-secondary); font:700 .85rem var(--zj-font-body); cursor:pointer; }
button:focus-visible[b-top54gyb8x] { outline:3px solid var(--zj-primary); outline-offset:3px; }
@keyframes release-arrive-b-top54gyb8x { from { opacity:0; transform:translateY(10px) scale(.98); } to { opacity:1; transform:none; } }
@media(max-width:560px) { header[b-top54gyb8x],.release-body[b-top54gyb8x],footer[b-top54gyb8x] { padding:16px; } }
@media(prefers-reduced-motion:reduce) { .release-dialog[open][b-top54gyb8x] { animation:none; } }

.release-done[b-top54gyb8x] { background:var(--zj-primary); color:var(--zj-on-primary); border-color:var(--zj-primary); box-shadow:0 5px 16px color-mix(in srgb,var(--zj-primary) 18%,transparent); }
/* _content/Zajal.Shared/Components/Layout/ThemeModeSwitch.razor.rz.scp.css */
.theme-mode-switch[b-wob5nxwqw7] {
    position: relative;
    display: inline-grid;
    width: 4.35rem;
    height: 2.75rem;
    place-items: center;
    cursor: pointer;
    border-radius: 999px;
    isolation: isolate;
}

.theme-mode-switch input[b-wob5nxwqw7] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.theme-mode-switch svg[b-wob5nxwqw7] {
    display: block;
    width: 4.35rem;
    height: 2.75rem;
    overflow: visible;
    filter: drop-shadow(0 0.35rem 0.65rem rgba(15, 23, 42, 0.14));
}

.theme-mode-switch__container[b-wob5nxwqw7],
.theme-mode-switch__patches[b-wob5nxwqw7],
.theme-mode-switch__stars[b-wob5nxwqw7],
.theme-mode-switch__button[b-wob5nxwqw7],
.theme-mode-switch__sun[b-wob5nxwqw7],
.theme-mode-switch__moon[b-wob5nxwqw7],
.theme-mode-switch__cloud[b-wob5nxwqw7] {
    transition-property: all;
    transition-duration: 0.25s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.theme-mode-switch__container[b-wob5nxwqw7] { fill: #83cbd8; }
.theme-mode-switch__sun[b-wob5nxwqw7] { opacity: 1; }
.theme-mode-switch__sun-outer[b-wob5nxwqw7] { fill: #f8e664; }
.theme-mode-switch__sun-glow[b-wob5nxwqw7] { fill: rgba(246, 254, 247, 0.29); }
.theme-mode-switch__sun-inner[b-wob5nxwqw7] { fill: #fcf4b9; }
.theme-mode-switch__moon[b-wob5nxwqw7] { opacity: 0; }
.theme-mode-switch__moon-body[b-wob5nxwqw7] { fill: #cce6ee; }
.theme-mode-switch__patches[b-wob5nxwqw7] { fill: #a6cad0; }
.theme-mode-switch__cloud[b-wob5nxwqw7] { fill: #fff; opacity: 1; }
.theme-mode-switch__stars[b-wob5nxwqw7] { fill: #def8ff; opacity: 0; }

.theme-mode-switch input:checked + svg .theme-mode-switch__container[b-wob5nxwqw7] { fill: #2b4360; }
.theme-mode-switch input:checked + svg .theme-mode-switch__button[b-wob5nxwqw7] { transform: translate(28px, 2.333px); }
.theme-mode-switch input:checked + svg .theme-mode-switch__sun[b-wob5nxwqw7] { opacity: 0; }
.theme-mode-switch input:checked + svg .theme-mode-switch__moon[b-wob5nxwqw7] { opacity: 1; }
.theme-mode-switch input:checked + svg .theme-mode-switch__cloud[b-wob5nxwqw7] { opacity: 0; }
.theme-mode-switch input:checked + svg .theme-mode-switch__stars[b-wob5nxwqw7] { opacity: 1; }

.theme-mode-switch input:focus-visible + svg[b-wob5nxwqw7] {
    border-radius: 999px;
    outline: 3px solid rgba(var(--zj-primary-rgb), 0.32);
    outline-offset: 2px;
}

.theme-mode-switch:hover svg[b-wob5nxwqw7] {
    transform: translateY(-1px);
    filter: drop-shadow(0 0.45rem 0.8rem rgba(var(--zj-primary-rgb), 0.2));
}

@media (prefers-reduced-motion: reduce) {
    .theme-mode-switch *[b-wob5nxwqw7],
    .theme-mode-switch svg[b-wob5nxwqw7] {
        transition-duration: 0.01ms !important;
    }
}
/* _content/Zajal.Shared/Components/Layout/ThemeToggle.razor.rz.scp.css */
.theme-toggle[b-18ia3ld404] {
    border-color: color-mix(in srgb, var(--zj-primary) 26%, var(--zj-outline));
    background: var(--zj-surface);
    gap: 1rem;
    color: var(--zj-on-surface);
}
.theme-toggle__header[b-18ia3ld404] {
    padding: 1rem;
    border: 1px solid rgba(var(--zj-primary-rgb), .22);
    border-inline-start: 4px solid var(--zj-primary);
    border-radius: .9rem;
    background: repeating-linear-gradient(135deg, transparent 0 15px, rgba(var(--zj-primary-rgb), .05) 15px 17px), rgba(var(--zj-primary-rgb), .06);
    flex-wrap: wrap;
}
.theme-toggle__heading[b-18ia3ld404] { min-width: 0; }
.theme-toggle__header strong[b-18ia3ld404] { font-size: 1.15rem; line-height: 1.6; }
.theme-toggle__heading small[b-18ia3ld404], .theme-toggle__hint[b-18ia3ld404] { font-size: .8rem; line-height: 1.7; }
.theme-toggle__section-title[b-18ia3ld404] { margin: 0; font-size: 1rem; font-weight: 800; line-height: 1.6; }
.theme-toggle__current[b-18ia3ld404] { border: 1px solid rgba(var(--zj-primary-rgb), .2); }
.theme-toggle__option[b-18ia3ld404], .theme-toggle__icon-option[b-18ia3ld404] {
    border: 1px solid rgba(var(--zj-outline-rgb), .35);
    background: var(--zj-surface);
    font-family: inherit;
}
.theme-toggle__option[b-18ia3ld404] { flex-wrap: wrap; }
.theme-toggle__options[b-18ia3ld404] { grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr)); }
.theme-toggle__option-copy strong[b-18ia3ld404] { font-size: .9rem; }
.theme-toggle__option-copy small[b-18ia3ld404] { font-size: .75rem; line-height: 1.6; }
.theme-toggle__option.is-active[b-18ia3ld404], .theme-toggle__icon-option.is-active[b-18ia3ld404] {
    border: 2px solid var(--zj-primary);
    color: var(--zj-on-surface);
    opacity: 1;
}
.theme-toggle__option.is-active .theme-toggle__option-copy small[b-18ia3ld404],
.theme-toggle__mode[b-18ia3ld404] { color: var(--zj-on-surface); }
.theme-toggle__selection[b-18ia3ld404] { display: inline-flex; align-items: center; gap: .2rem; font-size: .75rem; font-weight: 800; }
.theme-toggle__selection .material-symbols-outlined[b-18ia3ld404] { font-size: 1rem; }
.theme-toggle__icon-options[b-18ia3ld404] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.theme-toggle__icon-option .theme-toggle__icon-name[b-18ia3ld404] {
    white-space: normal;
    overflow: visible;
    overflow-wrap: anywhere;
    font-size: .75rem;
    line-height: 1.6;
}
.theme-toggle__icon-image[b-18ia3ld404] { width: 3rem; height: 3rem; }
.theme-toggle__option:focus-visible[b-18ia3ld404], .theme-toggle__icon-option:focus-visible[b-18ia3ld404] {
    outline: 3px solid var(--zj-primary);
    outline-offset: 3px;
}
.theme-toggle__hint[b-18ia3ld404] { border: 1px solid rgba(var(--zj-primary-rgb), .2); border-radius: .7rem; padding: .7rem; }
/* _content/Zajal.Shared/Components/Migration/PosDataMigrationModal.razor.rz.scp.css */
.pos-migration-modal__backdrop[b-v4o4qpafdh] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.65);
    backdrop-filter: blur(4px);
    z-index: 1050;
    animation: fadeIn-b-v4o4qpafdh 0.2s ease;
}

.pos-migration-modal__dialog[b-v4o4qpafdh] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: var(--zj-surface, #ffffff);
    color: var(--zj-on-surface, #1e293b);
    border-radius: 1.25rem;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    width: 95%;
    max-width: 1050px;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    z-index: 1051;
    overflow: hidden;
    animation: scaleUp-b-v4o4qpafdh 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

.pos-migration-modal__header[b-v4o4qpafdh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.75rem;
    border-bottom: 1px solid var(--zj-outline-variant, #e2e8f0);
    background: var(--zj-surface-container-low, #f8fafc);
}

.pos-migration-modal__header-title[b-v4o4qpafdh] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
}

.pos-migration-modal__icon[b-v4o4qpafdh] {
    font-size: 2rem;
    color: var(--zj-primary, #964407);
    background: rgba(150, 68, 7, 0.1);
    padding: 0.5rem;
    border-radius: 0.75rem;
}

.pos-migration-modal__header-title h3[b-v4o4qpafdh] {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 800;
}

.pos-migration-modal__header-title p[b-v4o4qpafdh] {
    margin: 0.2rem 0 0 0;
    font-size: 0.85rem;
    color: var(--zj-on-surface-variant, #64748b);
}

.pos-migration-modal__body[b-v4o4qpafdh] {
    padding: 1.5rem 1.75rem;
    overflow-y: auto;
    flex: 1;
}

.pos-migration-modal__loading[b-v4o4qpafdh] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    gap: 1.25rem;
    color: var(--zj-on-surface-variant, #64748b);
    font-weight: 600;
}

/* تبويبات اختيار نوع البيانات */
.pos-migration-tabs[b-v4o4qpafdh] {
    display: flex;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
    border-bottom: 2px solid var(--zj-outline-variant, #e2e8f0);
    padding-bottom: 0.5rem;
    flex-wrap: wrap;
}

.pos-migration-tab[b-v4o4qpafdh] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.6rem 1.2rem;
    border-radius: 0.75rem;
    border: 1px solid transparent;
    background: var(--zj-surface-container-low, #f1f5f9);
    color: var(--zj-on-surface-variant, #64748b);
    font-weight: 700;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.pos-migration-tab:hover[b-v4o4qpafdh] {
    background: rgba(var(--zj-primary-rgb, 150, 68, 7), 0.08);
    color: var(--zj-primary, #964407);
}

.pos-migration-tab.active[b-v4o4qpafdh] {
    background: var(--zj-primary, #964407);
    color: #ffffff;
    border-color: var(--zj-primary, #964407);
    box-shadow: 0 4px 12px rgba(150, 68, 7, 0.2);
}

/* بطاقات الاختيار الأولي */
.pos-migration-modal__cards-grid[b-v4o4qpafdh] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 1.5rem;
}

.pos-migration-card[b-v4o4qpafdh] {
    position: relative;
    border: 1.5px solid var(--zj-outline-variant, #e2e8f0);
    border-radius: 1rem;
    padding: 1.75rem;
    background: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    transition: all 0.2s ease;
}

.pos-migration-card:hover[b-v4o4qpafdh] {
    border-color: var(--zj-primary, #964407);
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.08);
    transform: translateY(-2px);
}

.pos-migration-card__badge[b-v4o4qpafdh] {
    position: absolute;
    top: 1rem;
    right: 1rem;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.25rem 0.65rem;
    border-radius: 9999px;
    background: rgba(150, 68, 7, 0.1);
    color: var(--zj-primary, #964407);
}

.pos-migration-card__icon-wrap[b-v4o4qpafdh] {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    background: var(--zj-surface-container-low, #f8fafc);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
}

.pos-migration-card__icon-wrap span[b-v4o4qpafdh] {
    font-size: 2rem;
    color: var(--zj-primary, #964407);
}

.pos-migration-card h4[b-v4o4qpafdh] {
    margin: 0 0 0.5rem 0;
    font-size: 1.15rem;
    font-weight: 800;
}

.pos-migration-card p[b-v4o4qpafdh] {
    font-size: 0.875rem;
    color: var(--zj-on-surface-variant, #64748b);
    line-height: 1.5;
    margin-bottom: 1.25rem;
}

.pos-migration-card__specs[b-v4o4qpafdh] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    background: #f8fafc;
    border-radius: 0.5rem;
    padding: 0.75rem 1rem;
    font-size: 0.8rem;
    text-align: right;
    width: 100%;
    margin-bottom: 1.5rem;
    border-inline-start: 3px solid var(--zj-primary, #964407);
}

.pos-migration-card__actions[b-v4o4qpafdh] {
    display: flex;
    gap: 0.75rem;
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
}

/* منطقة الرفع */
.pos-migration-upload-zone[b-v4o4qpafdh] {
    width: 100%;
}

.pos-migration-upload-zone__input[b-v4o4qpafdh] {
    display: none;
}

.pos-migration-upload-zone__label[b-v4o4qpafdh] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    border: 2px dashed var(--zj-outline-variant, #cbd5e1);
    border-radius: 0.75rem;
    padding: 2.25rem 1.5rem;
    background: #f8fafc;
    cursor: pointer;
    transition: all 0.2s ease;
    width: 100%;
}

.pos-migration-upload-zone__label:hover[b-v4o4qpafdh] {
    border-color: var(--zj-primary, #964407);
    background: rgba(150, 68, 7, 0.04);
}

.pos-migration-upload-zone__label span[b-v4o4qpafdh] {
    font-size: 2.75rem;
    color: var(--zj-primary, #964407);
}

.pos-migration-upload-zone__label strong[b-v4o4qpafdh] {
    font-size: 0.95rem;
    color: var(--zj-on-surface, #1e293b);
}

.pos-migration-upload-zone__label small[b-v4o4qpafdh] {
    font-size: 0.8rem;
    color: var(--zj-on-surface-variant, #64748b);
}

/* المعاينة */
.pos-migration-preview__stats[b-v4o4qpafdh] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.stat-card[b-v4o4qpafdh] {
    background: #f8fafc;
    border: 1px solid var(--zj-outline-variant, #e2e8f0);
    border-radius: 0.75rem;
    padding: 1rem;
    text-align: center;
}

.stat-card small[b-v4o4qpafdh] {
    display: block;
    font-size: 0.75rem;
    color: #64748b;
    margin-bottom: 0.35rem;
}

.stat-card strong[b-v4o4qpafdh] {
    font-size: 1.35rem;
    font-weight: 800;
}

.stat-card--success[b-v4o4qpafdh] { border-color: #86efac; background: #f0fdf4; color: #166534; }
.stat-card--warning[b-v4o4qpafdh] { border-color: #fde047; background: #fefce8; color: #854d0e; }
.stat-card--danger[b-v4o4qpafdh] { border-color: #fca5a5; background: #fef2f2; color: #991b1b; }
.stat-card--info[b-v4o4qpafdh] { border-color: #93c5fd; background: #eff6ff; color: #1e40af; }

.pos-migration-preview__filter-bar[b-v4o4qpafdh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #e2e8f0;
}

.pos-migration-preview__table-wrap[b-v4o4qpafdh] {
    max-height: 440px;
    overflow: auto;
    border: 1px solid var(--zj-outline-variant, #e2e8f0);
    border-radius: 0.75rem;
}

.pos-migration-table[b-v4o4qpafdh] {
    margin-bottom: 0;
    font-size: 0.875rem;
    direction: rtl;
}

.pos-migration-table thead th[b-v4o4qpafdh] {
    position: sticky;
    top: 0;
    background: #f1f5f9;
    z-index: 10;
    font-weight: 700;
}

.table-row-valid[b-v4o4qpafdh] { background-color: rgba(240, 253, 244, 0.4); }
.table-row-exists[b-v4o4qpafdh] { background-color: rgba(254, 252, 232, 0.6); }
.table-row-invalid[b-v4o4qpafdh] { background-color: rgba(254, 242, 242, 0.7); }

.pos-migration-modal__footer[b-v4o4qpafdh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.75rem;
    border-top: 1px solid var(--zj-outline-variant, #e2e8f0);
    background: var(--zj-surface-container-low, #f8fafc);
    gap: 1rem;
}

@keyframes fadeIn-b-v4o4qpafdh {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes scaleUp-b-v4o4qpafdh {
    from { transform: translate(-50%, -46%) scale(0.96); opacity: 0; }
    to { transform: translate(-50%, -50%) scale(1); opacity: 1; }
}

/* I25: bounded dialog, theme-aware regions and readable mobile preview. */
.pos-migration-modal__dialog[b-v4o4qpafdh] { border: 1px solid rgba(var(--zj-primary-rgb), .3); max-height: calc(100dvh - 24px); width: min(1050px, calc(100vw - 24px)); }
.pos-migration-modal__header[b-v4o4qpafdh] { gap: 1rem; align-items: flex-start; padding: 1rem 1.25rem; background: repeating-linear-gradient(135deg, transparent 0 16px, rgba(var(--zj-primary-rgb), .05) 16px 18px), var(--zj-surface); border-inline-start: 4px solid var(--zj-primary); }
.pos-migration-modal__header-title[b-v4o4qpafdh] { min-width: 0; align-items: flex-start; }
.pos-migration-modal__header-title h3[b-v4o4qpafdh] { font-size: clamp(1.2rem, 2vw, 1.7rem); line-height: 1.6; }
.pos-migration-modal__header .btn-close[b-v4o4qpafdh] { flex-shrink: 0; }
.pos-migration-modal__body[b-v4o4qpafdh] { min-height: 0; min-width: 0; padding: 1.25rem; }
.pos-migration-modal__cards-grid[b-v4o4qpafdh] { grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 1rem; }
.pos-migration-card[b-v4o4qpafdh] { background: var(--zj-surface); padding: 1.5rem 1rem; min-width: 0; }
.pos-migration-card__specs[b-v4o4qpafdh], .pos-migration-upload-zone__label[b-v4o4qpafdh], .stat-card[b-v4o4qpafdh] { background: var(--zj-surface-container-low, var(--zj-surface)); }
.pos-migration-card__badge[b-v4o4qpafdh], .pos-migration-modal__icon[b-v4o4qpafdh] { background: rgba(var(--zj-primary-rgb), .1); }
.pos-migration-tab.active[b-v4o4qpafdh] { background: var(--zj-primary); color: var(--zj-on-primary, white); }
.pos-migration-steps[b-v4o4qpafdh] { display: flex; flex-wrap: wrap; gap: .75rem; padding: 0; list-style: none; margin: 0 0 1rem; }
.pos-migration-steps li[b-v4o4qpafdh] { padding: .5rem .75rem; border: 1px solid rgba(var(--zj-outline-rgb), .4); border-radius: .6rem; }
.pos-migration-steps [aria-current="step"][b-v4o4qpafdh] { border-color: var(--zj-primary); background: rgba(var(--zj-primary-rgb), .1); font-weight: 800; }
.pos-migration-preview__table-wrap[b-v4o4qpafdh] { max-width: 100%; }
.pos-migration-table[b-v4o4qpafdh] { min-width: 800px; width: 100%; }
.pos-migration-table thead th[b-v4o4qpafdh] { background: var(--zj-surface-container-low, var(--zj-surface)); color: var(--zj-on-surface); padding: .75rem; }
.pos-migration-table td[b-v4o4qpafdh] { padding: .75rem; max-width: 300px; overflow-wrap: anywhere; }
.stat-card small[b-v4o4qpafdh] { color: inherit; }
.stat-card--success[b-v4o4qpafdh] { color: var(--zj-on-surface); background: rgba(34,197,94,.12); border-color: #22c55e; }
.stat-card--warning[b-v4o4qpafdh] { color: var(--zj-on-surface); background: rgba(245,158,11,.12); border-color: #f59e0b; }
.stat-card--danger[b-v4o4qpafdh] { color: var(--zj-on-surface); background: rgba(239,68,68,.12); border-color: #ef4444; }
.stat-card--info[b-v4o4qpafdh] { color: var(--zj-on-surface); background: rgba(59,130,246,.12); border-color: #3b82f6; }
.table-row-valid[b-v4o4qpafdh] { background: rgba(34,197,94,.06); }
.table-row-exists[b-v4o4qpafdh] { background: rgba(245,158,11,.08); }
.table-row-invalid[b-v4o4qpafdh] { background: rgba(239,68,68,.08); }
.pos-migration-modal__footer[b-v4o4qpafdh] { flex-wrap: wrap; padding: .85rem 1.25rem; gap: .6rem; flex-shrink: 0; }
.pos-migration-modal__footer button[b-v4o4qpafdh] { min-width: 0; white-space: normal; }
.pos-migration-preview__filter-bar .btn-group[b-v4o4qpafdh] { display: flex; flex-wrap: wrap; gap: .35rem; }
.pos-migration-modal__dialog :is(button,input,[tabindex]):focus-visible[b-v4o4qpafdh] { outline: 3px solid var(--zj-primary); outline-offset: 3px; }
@media(max-width:600px) {
 .pos-migration-modal__header-title p[b-v4o4qpafdh] { font-size: .75rem; line-height: 1.5; }
 .pos-migration-modal__icon[b-v4o4qpafdh] { display: none; }
 .pos-migration-modal__body[b-v4o4qpafdh] { padding: .85rem; }
 .pos-migration-tab[b-v4o4qpafdh] { width: 100%; justify-content: center; }
 .pos-migration-modal__footer .btn-success[b-v4o4qpafdh] { flex: 1 0 100%; }
 .pos-migration-preview__stats[b-v4o4qpafdh] { grid-template-columns: repeat(2,minmax(0,1fr)); gap: .5rem; }
}
.pos-migration-upload-zone[b-v4o4qpafdh]  input[type="file"] { display: block; width: 100%; max-width: 100%; margin-bottom: .75rem; font: inherit; }
.pos-migration-modal__dialog [hidden][b-v4o4qpafdh] { display: none !important; }
.pos-migration-close[b-v4o4qpafdh] { width: 2.5rem; height: 2.5rem; padding: .4rem; flex-shrink: 0; }
.pos-migration-table td small[b-v4o4qpafdh] { display: block; }
.pos-migration-upload-zone[b-v4o4qpafdh] { position: relative; }
.pos-migration-upload-zone[b-v4o4qpafdh]  input[type="file"] { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; z-index: 1; cursor: pointer; margin: 0; }
.pos-migration-upload-zone:focus-within .pos-migration-upload-zone__label[b-v4o4qpafdh] { outline: 3px solid var(--zj-primary); outline-offset: 3px; }
@media(max-width:900px) {
 .pos-migration-preview__stats[b-v4o4qpafdh] { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .stat-card--info[b-v4o4qpafdh] { grid-column: 1 / -1; }
 .stat-card--info strong[b-v4o4qpafdh] { font-size: 1.1rem; }
}
/* _content/Zajal.Shared/Components/Orders/CashierActiveFloorStrip.razor.rz.scp.css */
.cashier-floor-strip[b-lg7shtu0tb] {
    display: flex;
    align-items: center;
    gap: 5px;
    min-width: 0;
    height: 42px;
    min-height: 42px;
    padding: 3px 10px;
    box-sizing: border-box;
    overflow: hidden;
    flex-shrink: 0;
    background: var(--zj-surface, #fff);
    border-bottom: 1px solid var(--zj-outline-variant, #dbc1b5);
}
.floor-strip__scroll-container[b-lg7shtu0tb] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 1 1 0;
    min-width: 0;
    height: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: thin;
    scrollbar-color: var(--zj-outline-variant, #dbc1b5) transparent;
}
.floor-strip__scroll-container[b-lg7shtu0tb]::-webkit-scrollbar { height: 3px; }
.floor-strip__scroll-container[b-lg7shtu0tb]::-webkit-scrollbar-thumb { background: var(--zj-outline-variant, #dbc1b5); border-radius: 8px; }
.floor-chip[b-lg7shtu0tb] {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    height: 30px;
    min-height: 30px !important;
    padding: 0;
    border: 1px solid var(--zj-outline-variant, #dbc1b5);
    border-radius: 7px;
    background: var(--zj-surface-container-low, #fef1e7);
    color: var(--zj-on-surface, #201b14);
    font: inherit;
    font-size: 13px;
    white-space: nowrap;
}
.floor-strip__map[b-lg7shtu0tb] { gap: 5px; padding: 0 9px; cursor: pointer; font-weight: 700; }
.floor-strip__map .material-symbols-outlined[b-lg7shtu0tb] { font-size: 19px; }
.floor-chip__main[b-lg7shtu0tb], .floor-chip__pin[b-lg7shtu0tb], .floor-chip__dismiss[b-lg7shtu0tb], .floor-strip__arrow[b-lg7shtu0tb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    height: 28px;
    min-height: 28px !important;
    padding: 0 7px;
    border: 0;
    border-radius: 5px;
    background: transparent;
    color: inherit;
    font: inherit;
    cursor: pointer;
}
.floor-chip__main[b-lg7shtu0tb] { font-size: 13px; }
.floor-chip__pin[b-lg7shtu0tb], .floor-chip__dismiss[b-lg7shtu0tb] { border-inline-start: 1px solid var(--zj-outline-variant, #dbc1b5); }
.floor-chip__pin .material-symbols-outlined[b-lg7shtu0tb], .chip-icon[b-lg7shtu0tb] { font-size: 17px; }
.floor-chip__pin[aria-pressed="true"][b-lg7shtu0tb] { background: var(--zj-primary-container, #f7dfb4); color: var(--zj-on-primary-container, #382409); }
.floor-chip--free[b-lg7shtu0tb] { --table-tint: #55866c; }
.floor-chip--occupied[b-lg7shtu0tb] { --table-tint: #6286ac; }
.floor-chip--cleanup[b-lg7shtu0tb] { --table-tint: #b48b48; }
.floor-chip--pending[b-lg7shtu0tb] { --table-tint: #9278ad; }
.floor-chip[class*="floor-chip--"][b-lg7shtu0tb] {
    background: color-mix(in srgb, var(--table-tint, var(--zj-primary, #964407)) 14%, var(--zj-surface, #fff));
    border-color: color-mix(in srgb, var(--table-tint, var(--zj-primary, #964407)) 45%, var(--zj-surface, #fff));
}
.floor-chip--current[b-lg7shtu0tb] { outline: 2px solid var(--zj-primary, #964407); outline-offset: -2px; }
.floor-strip__map.is-active[b-lg7shtu0tb] { background: var(--zj-primary, #964407); color: var(--zj-on-primary, #fff); }
.chip-status[b-lg7shtu0tb] { font-size: 12px; font-weight: 600; }
.chip-title[b-lg7shtu0tb], .chip-amount[b-lg7shtu0tb] { font-weight: 700; }
.chip-amount[b-lg7shtu0tb] { font-variant-numeric: tabular-nums; }
.floor-strip__arrow[b-lg7shtu0tb] { flex: 0 0 28px; width: 28px; padding: 0; color: var(--zj-on-surface, #201b14); border: 1px solid var(--zj-outline-variant, #dbc1b5); }
.floor-strip__arrow:disabled[b-lg7shtu0tb] { opacity: .35; cursor: default; }
.floor-chip__main:hover[b-lg7shtu0tb], .floor-chip__pin:hover[b-lg7shtu0tb], .floor-strip__arrow:not(:disabled):hover[b-lg7shtu0tb] { background: color-mix(in srgb, currentColor 12%, transparent); }
.floor-chip__dismiss:hover[b-lg7shtu0tb] { color: var(--zj-error, #b3261e); }
button:focus-visible[b-lg7shtu0tb], .floor-strip__scroll-container:focus-visible[b-lg7shtu0tb] { outline: 2px solid var(--zj-primary, #964407); outline-offset: -2px; }
.floor-strip__empty[b-lg7shtu0tb] { font-size: 12px; color: var(--zj-on-surface-variant, #554339); white-space: nowrap; }

/* Keep the compact desktop strip, with reachable controls on touch layouts. */
@media (max-width: 820px), (pointer: coarse) {
    .cashier-floor-strip[b-lg7shtu0tb] { height: 58px; min-height: 58px; }
    .floor-chip[b-lg7shtu0tb] { height: 46px; min-height: 46px !important; }
    .floor-chip__main[b-lg7shtu0tb], .floor-chip__pin[b-lg7shtu0tb], .floor-chip__dismiss[b-lg7shtu0tb], .floor-strip__arrow[b-lg7shtu0tb] {
        height: 44px;
        min-height: 44px !important;
        min-width: 44px;
    }
    .floor-strip__arrow[b-lg7shtu0tb] { flex-basis: 44px; width: 44px; }
    .floor-strip__map[b-lg7shtu0tb] { min-height: 44px !important; }
}
.cashier-floor-strip[b-lg7shtu0tb] { height:62px; min-height:62px; padding:10px; border:1px solid color-mix(in srgb,var(--zj-primary) 10%,transparent); border-radius:16px; background:var(--zj-surface-container-lowest); box-sizing:border-box; }
.floor-chip[b-lg7shtu0tb] { border-radius:10px; height:36px; min-height:36px!important; }
.floor-strip__new[b-lg7shtu0tb] { padding:0 10px; gap:6px; background:color-mix(in srgb,var(--zj-primary) 15%,var(--zj-surface-container-lowest)); font-weight:800; cursor:pointer; }
.floor-strip__currency[b-lg7shtu0tb] { flex:none; padding:4px 9px; border-radius:12px; background:var(--zj-surface-container); color:var(--zj-on-surface-variant); font-size:11px; font-weight:800; white-space:nowrap; }
.floor-strip__map[b-lg7shtu0tb] { background:color-mix(in srgb,var(--zj-primary) 16%,var(--zj-surface-container-lowest)); border:2px solid color-mix(in srgb,var(--zj-primary) 65%,var(--zj-on-surface)); box-shadow:0 2px 0 color-mix(in srgb,var(--zj-primary) 65%,var(--zj-on-surface)); font-size:12px; }

.cashier-floor-strip[b-lg7shtu0tb] { background:var(--cashier-glass,#ffffffe6); border-color:var(--cashier-glass-border,#f1f5f9); box-shadow:0 4px 24px -2px var(--zj-glow); }
.floor-strip__map[b-lg7shtu0tb] { background:color-mix(in srgb,var(--zj-primary) 8%,var(--cashier-info-soft,#e7effb)); color:var(--cashier-info-ink,#244e7b); border-color:var(--cashier-info-ink,#244e7b); box-shadow:inset 0 -3px var(--cashier-info-ink,#244e7b); }
/* _content/Zajal.Shared/Components/Orders/CashierAmountDialog.razor.rz.scp.css */
.cashier-totals-breakdown[b-wv3kiuo6wq]{display:grid;gap:9px;font-size:14px;color:var(--zj-on-surface-variant)}
.cashier-totals-breakdown>span[b-wv3kiuo6wq]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--zj-outline-variant);background:var(--zj-surface-container-lowest);border-radius:10px}
.cashier-totals-breakdown>span:nth-child(even)[b-wv3kiuo6wq]{background:var(--cashier-info-soft);color:var(--cashier-info-ink)}
.cashier-totals-breakdown b[b-wv3kiuo6wq]{font-variant-numeric:tabular-nums;white-space:nowrap}
.cashier-detail-total[b-wv3kiuo6wq]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--zj-outline-variant);border-radius:10px;background:var(--cashier-success-soft);color:var(--cashier-success-ink);font-size:18px;font-weight:900}
/* _content/Zajal.Shared/Components/Orders/CashierAppearanceDialog.razor.rz.scp.css */
.cashier-appearance[b-2bmgpdczb3]  .cashier-detail-shade { place-items:start; padding:90px 20px 20px; direction:ltr; background:transparent; backdrop-filter:none; }
.cashier-appearance[b-2bmgpdczb3]  .cashier-detail-dialog { border-radius:24px; box-shadow:0 20px 50px #0003; max-height:calc(100dvh - 110px); }
.cashier-appearance[b-2bmgpdczb3]  header { padding:12px 16px; gap:8px; }
.cashier-appearance[b-2bmgpdczb3]  .cashier-detail-heading { gap:8px; font-size:12px; }
.cashier-appearance[b-2bmgpdczb3]  header button { width:28px; height:28px; min-width:28px; min-height:28px; font-size:19px; }
.appearance-icon[b-2bmgpdczb3] { font-size:19px; color:var(--zj-primary); }
.cashier-appearance[b-2bmgpdczb3]  .cashier-detail-body { padding:12px 16px 16px; gap:10px; }
.appearance-mode[b-2bmgpdczb3] { display:flex; justify-content:space-between; align-items:center; font-size:11px; color:var(--zj-on-surface-variant); }
.appearance-mode[b-2bmgpdczb3]  .theme-mode-switch { width:58px; height:36px; }
.cashier-appearance[b-2bmgpdczb3]  .theme-toggle { display:block; padding:0; border:0; background:transparent; box-shadow:none; }
.cashier-appearance[b-2bmgpdczb3]  .theme-toggle__header,.cashier-appearance[b-2bmgpdczb3]  .theme-toggle__current,.cashier-appearance[b-2bmgpdczb3]  .theme-toggle__section-title { display:none; }
.cashier-appearance[b-2bmgpdczb3]  .theme-toggle__options { display:grid; grid-template-columns:1fr; gap:6px; }
.cashier-appearance[b-2bmgpdczb3]  .theme-toggle__option { display:flex; flex-wrap:nowrap; justify-content:space-between; align-items:center; gap:10px; width:100%; padding:8px; border-radius:16px; min-height:52px; text-align:start; }
.cashier-appearance[b-2bmgpdczb3]  .theme-toggle__swatch { width:14px; height:14px; min-width:14px; border-radius:50%; box-shadow:0 0 0 2px color-mix(in srgb,var(--zj-primary) 25%,transparent); }
.cashier-appearance[b-2bmgpdczb3]  .theme-toggle__option-copy { min-width:0; flex:1; }
.cashier-appearance[b-2bmgpdczb3]  .theme-toggle__option-copy strong { font-size:12px; font-weight:900; }
.cashier-appearance[b-2bmgpdczb3]  .theme-toggle__option-copy small { font-size:10px; line-height:1.6; }
.cashier-appearance[b-2bmgpdczb3]  .theme-toggle__selection { font-size:0; gap:0; color:var(--zj-primary); }
.cashier-appearance[b-2bmgpdczb3]  .theme-toggle__selection .material-symbols-outlined { font-size:18px; }
.cashier-appearance[b-2bmgpdczb3]  .theme-toggle__hint { font-size:10px; line-height:1.6; border:0; padding:0; margin:10px 0 0; }
@media(max-width:520px) { .cashier-appearance[b-2bmgpdczb3]  .cashier-detail-shade { padding:75px 12px 12px; } .cashier-appearance[b-2bmgpdczb3]  .cashier-detail-dialog { max-height:calc(100dvh - 87px); } }
/* _content/Zajal.Shared/Components/Orders/CashierCartCard.razor.rz.scp.css */
.cashier-cart-card[b-v5ysuhscuc] { position:relative; min-width:0; padding:var(--cashier-card-padding,12px); border:1px solid color-mix(in srgb,var(--zj-primary) 45%,var(--zj-outline-variant)); border-radius:16px; background:var(--zj-surface-container-lowest); color:var(--zj-on-surface); }
.cashier-cart-card__face[b-v5ysuhscuc] { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:start; gap:8px; width:100%; min-height:var(--cashier-card-face-min,58px); padding:0 0 12px; border:0; background:transparent; color:inherit; font:inherit; text-align:start; cursor:pointer; }
.cashier-cart-card__face:disabled[b-v5ysuhscuc] { opacity:1; cursor:default; }
.cashier-cart-card__identity[b-v5ysuhscuc] { display:flex; align-items:center; gap:6px; min-width:0; }
.cashier-cart-card__name[b-v5ysuhscuc] { font-size:16px; font-weight:900; line-height:1.6; overflow-wrap:anywhere; }
.cashier-cart-card__quantity[b-v5ysuhscuc] { flex:none; padding:4px 7px; border:1px solid #cda45e; border-radius:8px; background:color-mix(in srgb,#fbbf24 20%,var(--zj-surface-container-lowest)); color:var(--zj-on-surface); font-size:13px; font-weight:800; }
.cashier-cart-card__total[b-v5ysuhscuc] { padding:5px 7px; border:1px solid color-mix(in srgb,var(--cashier-success-ink,#155739) 26%,transparent); border-radius:8px; background:var(--cashier-success-soft,#e1f4e9); color:var(--cashier-success-ink,#155739); font-size:16px; font-weight:900; white-space:nowrap; font-variant-numeric:tabular-nums; }
.cashier-cart-card__options[b-v5ysuhscuc] { grid-column:1/-1; display:flex; justify-content:flex-start; flex-wrap:wrap; gap:5px; font-size:12px; line-height:1.6; overflow-wrap:anywhere; }
/* Exact required/optional palette from review-additions.css. */
.option-chip[b-v5ysuhscuc] { --option-accent:var(--zj-primary); padding:3px 8px; border:1px solid color-mix(in srgb,var(--option-accent) 45%,#fff); border-radius:7px; font-weight:700; line-height:1.8; background:color-mix(in srgb,var(--option-accent) 16%,#fff); color:color-mix(in srgb,var(--option-accent) 65%,#000); }
.option-chip.required[b-v5ysuhscuc] { background:color-mix(in srgb,var(--option-accent) 27%,#fff); }
.option-chip.optional[b-v5ysuhscuc] { --option-accent:var(--cart-optional-accent,#a16207); }
[data-theme="dark"] .option-chip[b-v5ysuhscuc] { background:color-mix(in srgb,var(--option-accent) 30%,#182232); color:color-mix(in srgb,var(--option-accent) 35%,#fff); border-color:color-mix(in srgb,var(--option-accent) 60%,#94a3b8); }
[data-theme="dark"] .option-chip.required[b-v5ysuhscuc] { background:color-mix(in srgb,var(--option-accent) 43%,#182232); }
.cashier-line-controls[b-v5ysuhscuc] { display:none; border-top:1px solid var(--zj-outline-variant); padding-top:10px; gap:8px; align-items:center; justify-content:space-between; flex-wrap:wrap; }
.cashier-line-controls.is-open[b-v5ysuhscuc],.cashier-line-controls.always-visible[b-v5ysuhscuc] { display:flex; }
.cashier-line-quantity[b-v5ysuhscuc] { display:flex; direction:ltr; align-items:center; gap:5px; }
.cashier-line-quantity button[b-v5ysuhscuc],.cashier-line-quantity input[b-v5ysuhscuc] { width:32px; height:32px; min-height:32px; padding:0; box-sizing:border-box; border:1px solid var(--zj-outline-variant); border-radius:9px; color:var(--zj-on-surface); font:inherit; font-size:16px; font-weight:800; text-align:center; background:var(--zj-surface-container); }
.cashier-line-quantity input[b-v5ysuhscuc] { width:42px; appearance:textfield; background:color-mix(in srgb,#fbbf24 20%,var(--zj-surface-container-lowest)); border-color:#cda45e; font-size:15px; font-weight:900; line-height:30px; direction:ltr; }
.cashier-line-quantity input[b-v5ysuhscuc]::-webkit-inner-spin-button,.cashier-line-quantity input[b-v5ysuhscuc]::-webkit-outer-spin-button { appearance:none; margin:0; }
.cashier-line-quantity button:first-child[b-v5ysuhscuc] { background:color-mix(in srgb,#15966b 18%,var(--zj-surface-container-lowest)); }
.cashier-line-quantity button[aria-label="تقليل كمية الصنف"][b-v5ysuhscuc] { background:color-mix(in srgb,#a16207 14%,var(--zj-surface-container-lowest)); }
.cashier-cart-card__actions[b-v5ysuhscuc] { display:flex; align-items:center; gap:6px; }
.cashier-cart-card__actions button[b-v5ysuhscuc] { display:inline-flex; align-items:center; justify-content:center; gap:4px; min-height:36px; padding:6px 8px; border:1px solid var(--zj-outline-variant); border-radius:9px; background:var(--zj-surface-container); color:var(--zj-on-surface); font:inherit; font-size:12px; font-weight:800; cursor:pointer; }
.cashier-cart-card__actions .material-symbols-outlined[b-v5ysuhscuc] { font-size:17px; }
.cashier-cart-card__actions .cashier-cart-card__edit[b-v5ysuhscuc] { background:color-mix(in srgb,var(--zj-secondary) 16%,var(--zj-surface-container-lowest)); }
.cashier-cart-card__actions .cashier-cart-card__delete[b-v5ysuhscuc],.cashier-cart-card__actions .cashier-cart-card__prepared[b-v5ysuhscuc] { color:var(--zj-error); background:color-mix(in srgb,var(--zj-error) 8%,var(--zj-surface-container-lowest)); }
button:disabled[b-v5ysuhscuc] { opacity:.4; cursor:default; }
button:focus-visible[b-v5ysuhscuc],input:focus-visible[b-v5ysuhscuc] { outline:2px solid var(--zj-primary); outline-offset:2px; }
.cashier-line-controls small[role=alert][b-v5ysuhscuc] { color:var(--zj-error); flex-basis:100%; }
@media (pointer:coarse) { .cashier-line-controls button[b-v5ysuhscuc],.cashier-line-quantity input[b-v5ysuhscuc] { min-height:44px; min-width:44px; } }

.cashier-cart-card__total[b-v5ysuhscuc] { color:var(--cashier-success-ink,var(--zj-on-surface)); }
.cashier-cart-card__actions .cashier-cart-card__edit[b-v5ysuhscuc] { background:var(--cashier-violet-soft,var(--zj-secondary-container)); color:var(--cashier-secondary,var(--zj-secondary)); }

.cashier-cart-card__face[b-v5ysuhscuc] { gap:6px 8px; padding-bottom:var(--cashier-card-face-padding,8px); }
.cashier-cart-card__total[b-v5ysuhscuc] { font-family:"Plus Jakarta Sans",Cairo,sans-serif; line-height:20px; }
.cashier-cart-card__quantity[b-v5ysuhscuc] { background:var(--cashier-warm-soft,#fff0cf); color:var(--cashier-warm-ink,#705019); font-size:12px; line-height:20px; }
.cashier-line-controls[b-v5ysuhscuc] { padding-top:var(--cashier-card-controls-padding,8px); }
.cashier-line-quantity button[b-v5ysuhscuc],.cashier-line-quantity input[b-v5ysuhscuc] { height:32px; min-height:32px; width:32px; border-radius:8px; font-size:13px; }
.cashier-line-quantity input[b-v5ysuhscuc] { width:42px; background:var(--cashier-warm-soft,#fff0cf); color:var(--cashier-warm-ink,#705019); }
.cashier-line-quantity button:first-child[b-v5ysuhscuc] { background:color-mix(in srgb,var(--zj-primary) 8%,var(--cashier-success-soft,#e1f4e9)); color:var(--cashier-success-ink,#155739); }
.cashier-line-quantity button[aria-label="تقليل كمية الصنف"][b-v5ysuhscuc] { background:color-mix(in srgb,var(--zj-primary) 8%,var(--cashier-orange-soft,#fff0df)); color:var(--cashier-orange-ink,#7c4318); }
.cashier-cart-card__actions .cashier-cart-card__edit[b-v5ysuhscuc] { padding:6px 10px; border-radius:8px; font-size:11px; background:color-mix(in srgb,var(--zj-primary) 8%,var(--cashier-violet-soft,#f0e9fb)); }
@media(pointer:coarse){.cashier-line-quantity button[b-v5ysuhscuc],.cashier-line-quantity input[b-v5ysuhscuc]{min-height:44px;min-width:44px}}

.cashier-line-quantity[b-v5ysuhscuc] { padding:4px; border:1px solid var(--theme-card-border,var(--zj-outline-variant)); border-radius:12px; background:var(--theme-card-bg,var(--zj-surface-container-lowest)); gap:4px; }
.cashier-line-quantity .cashier-cart-card__delete[b-v5ysuhscuc] { background:color-mix(in srgb,var(--zj-primary) 8%,var(--cashier-danger-soft,#ffe9e6)); color:var(--cashier-danger-ink,#8a3229); }
.cashier-line-quantity .material-symbols-outlined[b-v5ysuhscuc] { font-size:14px; }
.cashier-line-quantity button[b-v5ysuhscuc] { font-size:16px; }
.cashier-line-quantity input[b-v5ysuhscuc] { font-size:15px; }
.cashier-cart-card__quantity[b-v5ysuhscuc] { min-width:31px; font-size:15px; font-weight:900; text-align:center; border-radius:7px; }

/* Keep the name readable without pushing the amount or controls out of the card. */
.cashier-cart-card[b-v5ysuhscuc] { border-color:var(--zj-outline-variant); box-shadow:0 1px 3px color-mix(in srgb,var(--zj-on-surface) 6%,transparent); }
.cashier-cart-card:focus-within[b-v5ysuhscuc] { border-color:var(--zj-primary); }
.cashier-cart-card__identity[b-v5ysuhscuc] { align-items:flex-start; }
.cashier-cart-card__name[b-v5ysuhscuc] { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; line-height:1.6; }
.cashier-cart-card__name[b-v5ysuhscuc] { min-width:0; flex:1; white-space:normal; }

@supports not (color: color-mix(in srgb, black, white)) {
    .cashier-cart-card[b-v5ysuhscuc] { border: 1px solid var(--zj-outline-variant); }
    .cashier-cart-card__quantity[b-v5ysuhscuc], .cashier-line-quantity input[b-v5ysuhscuc] { background: var(--zj-surface-container); }
    .option-chip[b-v5ysuhscuc], .option-chip.required[b-v5ysuhscuc], [data-theme="dark"] .option-chip[b-v5ysuhscuc],
    [data-theme="dark"] .option-chip.required[b-v5ysuhscuc] {
        background: var(--zj-surface-container); color: var(--zj-on-surface);
        border: 1px solid var(--option-accent);
    }
}

.cashier-card-action-label[b-v5ysuhscuc] { display:var(--cashier-card-label-display,inline); }
/* _content/Zajal.Shared/Components/Orders/CashierCategoryPicker.razor.rz.scp.css */
.category-picker[b-k1wiwhlo75] { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr)); gap:var(--zj-space-2,.5rem); }
.category-picker button[b-k1wiwhlo75] { min-height:3rem; padding:.75rem; border:1px solid var(--zj-outline-variant); border-radius:var(--zj-radius-md); background:var(--zj-surface-container); color:var(--zj-on-surface); font:inherit; text-align:start; overflow-wrap:anywhere; cursor:pointer; }
.category-picker button[aria-pressed="true"][b-k1wiwhlo75] { background:var(--zj-ds-action-background); color:var(--zj-ds-action-foreground); }
.category-picker button:hover[b-k1wiwhlo75] { border-color:var(--zj-primary); }
.category-picker button:focus-visible[b-k1wiwhlo75] { outline:3px solid var(--zj-primary); outline-offset:2px; }
.category-picker__emoji[b-k1wiwhlo75] { font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif; font-size:1.2em; line-height:1.5; margin-inline-end:var(--zj-space-2,.5rem); }
/* _content/Zajal.Shared/Components/Orders/CashierCategoryRail.razor.rz.scp.css */
.category-strip[b-0joje5fpuu] { display:flex; align-items:center; gap:8px; min-width:0; flex:none; }
.category-strip__leading[b-0joje5fpuu] { display:flex; flex:none; }
.category-strip__items[b-0joje5fpuu] { display:flex; flex:1; min-width:0; align-items:center; justify-content:flex-start; gap:8px; overflow-x:auto; scrollbar-width:none; }
.category-strip__items[b-0joje5fpuu]::-webkit-scrollbar { display:none; }
.category-strip__items[b-0joje5fpuu]  button { flex:none; }
nav[b-0joje5fpuu] { display:flex; gap:5px; flex:none; }
nav button[b-0joje5fpuu] { display:grid; place-items:center; width:28px!important; min-width:28px!important; height:28px!important; min-height:28px!important; padding:0; border:1px solid var(--theme-card-border); border-radius:8px; background:var(--cashier-info-soft); color:var(--cashier-info-ink); font:700 13px/1 Cairo,sans-serif; cursor:pointer; }
nav button:disabled[b-0joje5fpuu] { opacity:.35; cursor:default; }
nav button:focus-visible[b-0joje5fpuu],.category-strip__items:focus-visible[b-0joje5fpuu] { outline:2px solid var(--zj-primary); outline-offset:2px; }
/* _content/Zajal.Shared/Components/Orders/CashierClearCartDialog.razor.rz.scp.css */
.clear-cart-scrim[b-briq204z80] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1050;
    padding: 16px;
    animation: fadeIn-b-briq204z80 0.15s ease;
}

.clear-cart-dialog[b-briq204z80] {
    background: var(--zj-surface-container-lowest, var(--zj-surface, #ffffff));
    border: 1px solid var(--zj-outline-variant, rgba(0, 0, 0, 0.1));
    border-radius: 16px;
    padding: 24px;
    max-width: 400px;
    width: 100%;
    text-align: center;
    box-shadow: var(--zj-shadow-xl, 0 20px 25px -5px rgba(0, 0, 0, 0.2));
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.clear-cart__icon[b-briq204z80] {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: var(--zj-error-container, #fee2e2);
    color: var(--zj-error, #dc2626);
    display: flex;
    align-items: center;
    justify-content: center;
}

.clear-cart__icon .material-symbols-outlined[b-briq204z80] {
    font-size: 28px;
}

.clear-cart-dialog h3[b-briq204z80] {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    color: var(--zj-on-surface, #1f2937);
}

.clear-cart-dialog p[b-briq204z80] {
    margin: 0;
    font-size: 13px;
    line-height: 1.5;
    color: var(--zj-on-surface-variant, #4b5563);
}

.clear-cart__actions[b-briq204z80] {
    display: flex;
    gap: 10px;
    width: 100%;
    margin-top: 8px;
}

.clear-cart__actions button[b-briq204z80] {
    flex: 1;
    padding: 10px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 8px;
    cursor: pointer;
}

.btn-danger[b-briq204z80] {
    background: #dc2626;
    color: #ffffff;
    border: none;
}

.btn-danger:hover[b-briq204z80] {
    background: #b91c1c;
}

@keyframes fadeIn-b-briq204z80 {
    from { opacity: 0; }
    to { opacity: 1; }
}
/* _content/Zajal.Shared/Components/Orders/CashierCommandAnchor.razor.rz.scp.css */
.cashier-command-anchor[b-t9gaz2bqki] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 6px;
}

.command-anchor__checkout-actions[b-t9gaz2bqki] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 6px;
}

.command-anchor__order-btn[b-t9gaz2bqki] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-width: 0;
    min-height: 54px;
    padding: 6px;
    border: 1px solid var(--zj-primary);
    border-radius: 10px;
    background: var(--zj-primary);
    color: var(--zj-on-primary, white);
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.command-anchor__order-btn:disabled[b-t9gaz2bqki] {
    background: #e5e7eb;
    border-color: #d1d5db;
    color: #6b7280;
    cursor: not-allowed;
}

.command-anchor__checkout-actions .command-anchor__pay-btn[b-t9gaz2bqki] {
    height: auto;
    min-height: 54px;
    min-width: 0;
    padding: 5px 3px;
    justify-content: center;
}

.command-anchor__checkout-actions .pay-btn__content[b-t9gaz2bqki] {
    flex-direction: column;
    gap: 2px;
}

.command-anchor__checkout-actions .pay-btn__labels[b-t9gaz2bqki] {
    align-items: center;
    text-align: center;
    gap: 2px;
}

.command-anchor__checkout-actions .pay-label[b-t9gaz2bqki] { font-size: 12px; }
.command-anchor__checkout-actions .pay-icon[b-t9gaz2bqki] { font-size: 18px; }

/* Fast Cash Breakdown Strip */
.cashier-fast-cash-strip[b-t9gaz2bqki] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    padding: 2px 6px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    font-size: 11px;
}

.fast-cash-label[b-t9gaz2bqki] {
    color: var(--zj-on-surface-variant);
    font-weight: 600;
    white-space: nowrap;
    font-size: 10.5px;
}

.fast-cash-buttons[b-t9gaz2bqki] {
    display: flex;
    align-items: center;
    gap: 4px;
    overflow-x: auto;
    scrollbar-width: none;
}

.fast-cash-chip[b-t9gaz2bqki] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 2px 6px;
    background: var(--zj-surface-container-low, #ffffff);
    border: 1px solid var(--zj-outline-variant, #cbd5e1);
    border-radius: 5px;
    font-size: 10.5px;
    font-weight: 700;
    color: var(--zj-on-surface);
    cursor: pointer;
    transition: all 0.15s ease;
    white-space: nowrap;
    font-family: inherit;
    font-variant-numeric: tabular-nums;
}

.fast-cash-chip:hover[b-t9gaz2bqki] {
    background: var(--zj-primary);
    color: #ffffff;
    border-color: var(--zj-primary);
}

.fast-cash-chip small[b-t9gaz2bqki] {
    font-size: 9.5px;
    opacity: 0.8;
}

/* Class A: Dominant Pay Action (Compact 50px Height) */
.command-anchor__pay-btn[b-t9gaz2bqki] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 50px;
    padding: 0 12px;
    background: linear-gradient(135deg, #059669 0%, #047857 100%);
    color: #ffffff;
    border: 1px solid #047857;
    border-radius: 10px;
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(5, 150, 105, 0.35);
    transition: all 0.15s ease;
    font-family: inherit;
    flex-shrink: 0;
}

.command-anchor__pay-btn:hover:not(:disabled)[b-t9gaz2bqki] {
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(5, 150, 105, 0.4);
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
}

.command-anchor__pay-btn:active:not(:disabled)[b-t9gaz2bqki] {
    transform: translateY(1px);
    box-shadow: 0 2px 5px rgba(5, 150, 105, 0.25);
}

.command-anchor__pay-btn:disabled[b-t9gaz2bqki] {
    background: #e5e7eb;
    color: #9ca3af;
    cursor: not-allowed;
    box-shadow: none;
    border: 1px solid #d1d5db;
}

.pay-btn__content[b-t9gaz2bqki] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.pay-btn__labels[b-t9gaz2bqki] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    line-height: 1.15;
}

.pay-icon[b-t9gaz2bqki] {
    font-size: 22px;
}

.pay-label[b-t9gaz2bqki] {
    font-size: 14.5px;
    font-weight: 800;
}

.pay-hint[b-t9gaz2bqki] {
    font-size: 9.5px;
    opacity: 0.8;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.pay-total-badge[b-t9gaz2bqki] {
    display: flex;
    align-items: baseline;
    gap: 3px;
    background: rgba(255, 255, 255, 0.22);
    padding: 3px 8px;
    border-radius: 6px;
}

.pay-total[b-t9gaz2bqki] {
    font-size: 17px;
    font-weight: 900;
    letter-spacing: -0.5px;
    font-variant-numeric: tabular-nums;
}

.pay-curr[b-t9gaz2bqki] {
    font-size: 11px;
    font-weight: 700;
}

.command-anchor__pay-btn:disabled .pay-total-badge[b-t9gaz2bqki] {
    background: rgba(0, 0, 0, 0.05);
}

/* Class B: Balanced Quick Action Rail */
.command-anchor__quick-rail[b-t9gaz2bqki] {
    display: flex;
    align-items: center;
    gap: 4px;
    width: 100%;
}

.quick-action-btn[b-t9gaz2bqki] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    height: 34px;
    padding: 0 4px;
    border-radius: 8px;
    border: 1px solid var(--zj-outline-variant, #cbd5e1);
    background: var(--zj-surface-container-low, #ffffff);
    color: var(--zj-on-surface, #1e293b);
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.15s ease;
    font-family: inherit;
    white-space: nowrap;
    flex: 1;
    min-width: 0;
}

.quick-action-btn span:not(.material-symbols-outlined)[b-t9gaz2bqki] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.quick-action-btn .material-symbols-outlined[b-t9gaz2bqki] {
    font-size: 16px;
    flex-shrink: 0;
}

.quick-action-btn:hover:not(:disabled)[b-t9gaz2bqki] {
    background: var(--zj-surface-container-high, #f1f5f9);
    border-color: var(--zj-outline, #94a3b8);
    color: var(--zj-on-surface, #0f172a);
}

.quick-action-btn:disabled[b-t9gaz2bqki] {
    opacity: 0.5;
    cursor: not-allowed;
    background: var(--zj-surface-container-highest, #f3f4f6);
}

.quick-action-btn--park[b-t9gaz2bqki] {
    color: var(--zj-warning, #b45309);
}

.quick-action-btn--clear[b-t9gaz2bqki] {
    flex: 0 0 32px;
    width: 32px;
    min-width: 32px;
    padding: 0;
    color: #dc2626;
    background: #fef2f2;
    border-color: #fca5a5;
}

.quick-action-btn--clear:hover:not(:disabled)[b-t9gaz2bqki] {
    background: #fee2e2;
    color: #b91c1c;
    border-color: #ef4444;
}

.command-anchor__summary-box[b-t9gaz2bqki] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 4px 8px;
    background: var(--zj-surface-container-lowest, #ffffff);
    border: 1px solid var(--zj-outline-variant, #e2e8f0);
    border-radius: 8px;
    color: var(--zj-on-surface);
}

.quick-action-btn--more[b-t9gaz2bqki] {
    width: 32px;
    min-width: 32px;
    flex: 0 0 32px;
    padding: 0;
}

.quick-action-btn--more.is-active[b-t9gaz2bqki] {
    background: var(--zj-primary, #3e2717);
    color: var(--zj-on-primary, #ffffff);
    border-color: var(--zj-primary, #3e2717);
}

/* Class C: Kebab Menu */
.kebab-wrapper[b-t9gaz2bqki] {
    position: relative;
    flex: 0 0 32px;
}

.kebab-scrim[b-t9gaz2bqki] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
}

.kebab-dropdown[b-t9gaz2bqki] {
    position: absolute;
    bottom: calc(100% + 6px);
    left: 0;
    min-width: 210px;
    background: var(--zj-surface-container-lowest, #ffffff);
    border: 1px solid var(--zj-outline-variant, #e5e7eb);
    border-radius: 10px;
    box-shadow: var(--zj-shadow-lg, 0 8px 24px rgba(0, 0, 0, 0.25));
    padding: 6px;
    display: flex;
    flex-direction: column;
    gap: 2px;
    z-index: 100;
}

.kebab-item[b-t9gaz2bqki] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 8px 10px;
    border: none;
    background: transparent;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 600;
    color: var(--zj-on-surface, #374151);
    cursor: pointer;
    text-align: right;
    transition: background 0.12s ease;
    font-family: inherit;
}

.kebab-item .material-symbols-outlined[b-t9gaz2bqki] {
    font-size: 18px;
}

.kebab-item:hover[b-t9gaz2bqki] {
    background: var(--zj-surface-container-high, #f3f4f6);
}

.kebab-item--danger[b-t9gaz2bqki] {
    color: var(--zj-error, #dc2626);
}

.kebab-item--danger:hover[b-t9gaz2bqki] {
    background: rgba(239, 68, 68, 0.15);
}

.kebab-divider[b-t9gaz2bqki] {
    height: 1px;
    background: var(--zj-outline-variant, #e5e7eb);
    margin: 4px 0;
}

.command-anchor__order-btn:not(:disabled)[b-t9gaz2bqki],
.fast-cash-chip:hover:not(:disabled)[b-t9gaz2bqki] {
    background: #0369a1;
    border-color: #0369a1;
    color: #fff;
}
.command-anchor__pay-btn:not(:disabled)[b-t9gaz2bqki],
.command-anchor__pay-btn:hover:not(:disabled)[b-t9gaz2bqki] { background: #047857; }
.cashier-command-anchor .command-anchor__order-btn:not(:disabled)[b-t9gaz2bqki] {
    background: #0369a1 !important;
    border-color: #0369a1 !important;
    color: #fff !important;
}
.pay-hint[b-t9gaz2bqki] { opacity: 1; }
.cashier-command-anchor button:focus-visible[b-t9gaz2bqki] {
    outline: 3px solid var(--zj-on-surface) !important;
    outline-offset: 2px;
}
@media (max-width: 820px), (pointer: coarse) {
    .quick-action-btn[b-t9gaz2bqki], .fast-cash-chip[b-t9gaz2bqki] { min-height: 44px !important; height: auto; }
    .quick-action-btn--clear[b-t9gaz2bqki], .quick-action-btn--more[b-t9gaz2bqki], .kebab-wrapper[b-t9gaz2bqki] {
        width: 44px;
        min-width: 44px;
        flex-basis: 44px;
    }
    .kebab-item[b-t9gaz2bqki] { min-height: 44px; }
}
@media (prefers-reduced-motion: reduce) {
    .cashier-command-anchor[b-t9gaz2bqki], .cashier-command-anchor[b-t9gaz2bqki]  * {
        animation: none !important;
        transition: none !important;
    }
}

/* Reference command rail; capabilities still determine available operations. */
.command-anchor__quick-rail[b-t9gaz2bqki] { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 5px; }
.command-anchor__quick-rail .quick-action-btn[b-t9gaz2bqki] { width: 100%; min-width: 0; min-height: 54px; height: auto; padding: 7px 3px; border-radius: 10px; display: flex; flex-direction: column; gap: 4px; font-size: 10px; line-height: 1.5; }
.command-anchor__quick-rail .quick-action-btn span[b-t9gaz2bqki] { white-space: normal; overflow: visible; text-overflow: clip; }
.command-anchor__quick-rail .quick-action-btn .material-symbols-outlined[b-t9gaz2bqki] { font-size: 21px; }
.command-anchor__quick-rail .kebab-wrapper[b-t9gaz2bqki] { width: auto; min-width: 0; }
.quick-action-btn--save[b-t9gaz2bqki] { color: var(--zj-primary); }
.command-anchor__checkout-actions[b-t9gaz2bqki] { grid-template-columns: minmax(0, 1fr); }
.command-anchor__checkout-actions--table[b-t9gaz2bqki] { grid-template-columns: minmax(0, 1fr) minmax(0, .7fr); align-items: stretch; }
.command-anchor__keep-table[b-t9gaz2bqki] { display: flex; align-items: center; min-width: 0; padding: 8px; border: 1px solid var(--zj-outline-variant); border-radius: 12px; background: var(--zj-surface-container); color: var(--zj-on-surface); font-size: 12px; }
.command-anchor__keep-table[b-t9gaz2bqki]  .zj-checkbox-wrap { align-items: center; width: 100%; min-height: 28px; }
.command-anchor__keep-table[b-t9gaz2bqki]  .zj-checkbox-title { font-size: inherit; overflow-wrap: anywhere; }
.command-anchor__checkout-actions .command-anchor__pay-btn[b-t9gaz2bqki] { gap: 10px; border-radius: 12px; font-size: 16px; }
.command-anchor__pay-btn > span:last-child[b-t9gaz2bqki] { margin-inline-start: auto; font-size: 12px; border: 1px solid currentColor; padding: 2px 7px; border-radius: 5px; }
.kebab-item:disabled[b-t9gaz2bqki] { opacity: .5; cursor: not-allowed; }

/* Accepted cashier: totals, payment, then capability-dependent actions. */
.command-anchor__summary-box[b-t9gaz2bqki]{order:0}.command-anchor__checkout-actions[b-t9gaz2bqki]{order:1;position:static!important;min-height:0!important}.command-anchor__quick-rail[b-t9gaz2bqki]{order:2}
.command-anchor__quick-rail .quick-action-btn[b-t9gaz2bqki]{min-height:70px;font-size:12px;border:1px solid var(--zj-outline-variant);border-radius:16px;background:var(--zj-surface-container);font-weight:800;line-height:1.5}
.quick-action-btn--save[b-t9gaz2bqki]{background:color-mix(in srgb,#a16207 13%,var(--zj-surface))!important;color:var(--zj-on-surface)}
.quick-action-btn--park[b-t9gaz2bqki]{background:color-mix(in srgb,#ca8a04 20%,var(--zj-surface))!important;color:var(--zj-on-surface)}
.quick-action-btn--clear[b-t9gaz2bqki]{background:color-mix(in srgb,#b23e32 13%,var(--zj-surface))!important;color:var(--zj-error)}
.quick-action-btn--undo[b-t9gaz2bqki]{background:color-mix(in srgb,var(--zj-primary) 14%,var(--zj-surface))!important}
.command-anchor__checkout-actions .command-anchor__pay-btn[b-t9gaz2bqki]{min-height:58px;background:#176f64!important;border:2px solid #13564d;color:white!important;border-radius:20px;font-weight:900;font-size:18px;justify-content:center}
.command-anchor__pay-btn:disabled[b-t9gaz2bqki]{opacity:.5}.command-anchor__pay-btn strong[b-t9gaz2bqki]{font-size:inherit}.command-anchor__pay-btn>.material-symbols-outlined[b-t9gaz2bqki]{border:0!important;padding:0!important;margin:0!important;font-size:25px!important}
.kebab-dropdown[b-t9gaz2bqki]{bottom:100%;top:auto;z-index:100;min-width:250px;max-width:80vw;background:var(--zj-surface)}
.quick-action-btn--split[b-t9gaz2bqki] { background:color-mix(in srgb,var(--zj-secondary) 18%,var(--zj-surface-container-lowest))!important; color:var(--zj-secondary); }
.command-anchor__quick-rail .quick-action-btn[b-t9gaz2bqki] { min-height:83px; }

.quick-action-btn--split[b-t9gaz2bqki] { background:var(--cashier-violet-soft,var(--zj-secondary-container))!important; color:var(--cashier-secondary,var(--zj-secondary)); }
.kebab-item[b-t9gaz2bqki] { min-height:42px; border:1px solid var(--zj-outline-variant); border-radius:9px; margin-bottom:6px; padding:10px; }
.kebab-dropdown[b-t9gaz2bqki] { padding:8px; border-radius:15px; }
.kebab-dropdown[popover][b-t9gaz2bqki] { width:min(280px,calc(100vw - 16px)); min-width:0; max-width:calc(100vw - 16px); max-height:calc(100dvh - 16px); overflow-y:auto; }
.kebab-dropdown[popover][b-t9gaz2bqki] { display:none; }
.kebab-dropdown[popover]:popover-open[b-t9gaz2bqki] { display:block; }

/* Exact reference action tones and sizing, with existing capability gates. */
.command-anchor__quick-rail .quick-action-btn[b-t9gaz2bqki] { --action-soft:var(--cashier-info-soft,#e7effb); --action-ink:var(--cashier-info-ink,#244e7b); padding:7px 3px; font-size:11px; line-height:1.6; border-radius:12px; color:var(--action-ink)!important; background:color-mix(in srgb,var(--zj-primary) 8%,var(--action-soft))!important; border-color:color-mix(in srgb,var(--action-ink) 24%,var(--zj-outline-variant)); }
.command-anchor__quick-rail .quick-action-btn--park[b-t9gaz2bqki] { --action-soft:var(--cashier-warm-soft,#fff0cf); --action-ink:var(--cashier-warm-ink,#705019); }
.command-anchor__quick-rail .quick-action-btn--save[b-t9gaz2bqki] { --action-soft:var(--cashier-orange-soft,#fff0df); --action-ink:var(--cashier-orange-ink,#7c4318); }
.command-anchor__quick-rail .quick-action-btn--split[b-t9gaz2bqki] { --action-soft:var(--cashier-violet-soft,#f0e9fb); --action-ink:var(--cashier-secondary,#603a80); }
.command-anchor__quick-rail .quick-action-btn--clear[b-t9gaz2bqki] { --action-soft:var(--cashier-danger-soft,#ffe9e6); --action-ink:var(--cashier-danger-ink,#8a3229); }
.command-anchor__checkout-actions .command-anchor__pay-btn[b-t9gaz2bqki] { min-height:62px; padding:13px 18px; font-size:16px; line-height:1.7; border-radius:16px; background:color-mix(in srgb,var(--zj-primary) 18%,#166348)!important; border-color:#174f3d; }

@supports not (color: color-mix(in srgb, black, white)) {
    .command-anchor__quick-rail .quick-action-btn[b-t9gaz2bqki] {
        background: var(--action-soft) !important; border-color: var(--zj-outline-variant);
    }
    .command-anchor__checkout-actions .command-anchor__pay-btn[b-t9gaz2bqki] { background: #166348 !important; }
}

/* Labels remain accessible; the permanent compact rail uses icons and native hints. */
.cashier-command-anchor--compact[b-t9gaz2bqki] { --cashier-quick-height:40px; margin-top:4px; gap:4px; }
.cashier-command-anchor--compact .quick-action-btn > span:not(.material-symbols-outlined)[b-t9gaz2bqki],
.cashier-command-anchor--compact .pay-action-label[b-t9gaz2bqki] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.cashier-command-anchor--compact .command-anchor__quick-rail .quick-action-btn[b-t9gaz2bqki] { min-height:var(--cashier-quick-height); padding:4px; justify-content:center; }
.cashier-command-anchor--compact .command-anchor__checkout-actions .command-anchor__pay-btn[b-t9gaz2bqki] { min-height:44px; padding:6px 10px; border-radius:12px; }
@media(pointer:coarse) { .cashier-command-anchor--compact[b-t9gaz2bqki] { --cashier-quick-height:44px; } }

.kebab-dropdown[b-t9gaz2bqki]::backdrop { background:transparent; }
.kebab-dropdown[b-t9gaz2bqki] { color:var(--zj-on-surface); font:inherit; text-align:start; }
/* _content/Zajal.Shared/Components/Orders/CashierConfirmationDialog.razor.rz.scp.css */
.cashier-confirmation[b-vs384l8fqb]  .dialog-overlay { background:#071521aa; padding:20px; z-index:1950; }
.cashier-confirmation[b-vs384l8fqb]  .dialog { box-sizing:border-box; width:min(440px,100%); max-height:calc(100dvh - 40px); overflow:auto; padding:24px; border-radius:20px; border:1px solid var(--zj-outline-variant); background:var(--zj-surface-container-lowest); color:var(--zj-on-surface); }
.cashier-confirmation[b-vs384l8fqb]  .dialog__title { display:block; font-size:21px; font-weight:900; line-height:1.6; margin:0 0 8px; }
.cashier-confirmation[b-vs384l8fqb]  .dialog__title>.material-symbols-outlined { display:block; width:max-content; margin:0 0 14px!important; font-size:32px; color:var(--pos-danger-ink,var(--zj-error))!important; background:var(--pos-danger-soft,var(--zj-error-container)); padding:10px; border-radius:14px; }
.cashier-confirmation[b-vs384l8fqb]  .dialog__message { font-size:14px; line-height:1.9; color:var(--zj-on-surface); margin:0; }
.cashier-confirmation[b-vs384l8fqb]  .dialog__actions { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:10px; margin-top:20px; padding:0; border:0; }
.cashier-confirmation[b-vs384l8fqb]  .dialog__actions button { padding:10px 14px; border-radius:10px; font:inherit; font-size:13px; font-weight:800; min-height:42px; box-shadow:none; }
.cashier-confirmation[b-vs384l8fqb]  [data-confirm-dialog-cancel] { background:var(--zj-surface-container-lowest); color:var(--zj-on-surface); border:1px solid var(--zj-outline-variant); }
.cashier-confirmation[b-vs384l8fqb]  .btn-danger { background:color-mix(in srgb,var(--zj-primary) 8%,var(--pos-danger-soft,#ffe9e6)); color:var(--pos-danger-ink,#8a3229); border:1px solid color-mix(in srgb,var(--pos-danger-ink,#8a3229) 24%,var(--zj-outline-variant)); }
.cashier-confirmation[b-vs384l8fqb]  .btn-danger>.material-symbols-outlined { display:none; }
.cashier-confirmation[b-vs384l8fqb]  button:focus-visible { outline:3px solid var(--zj-primary); outline-offset:3px; }
/* _content/Zajal.Shared/Components/Orders/CashierConnectionStatus.razor.rz.scp.css */
.cashier-connection[b-6zdq98olmq] { display: inline-flex; align-items: center; gap: .25rem; color: var(--zj-on-surface); font-size: .72rem; }
.material-symbols-outlined[b-6zdq98olmq] { font-size: 1rem; }
/* _content/Zajal.Shared/Components/Orders/CashierCurrentOrderDialog.razor.rz.scp.css */
.cashier-detail-summary[b-jmq0ity52o]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.cashier-detail-summary>div[b-jmq0ity52o]{padding:12px;border:1px solid var(--zj-outline-variant);border-radius:11px;background:var(--cashier-info-soft);color:var(--cashier-info-ink);overflow-wrap:anywhere}.cashier-detail-summary small[b-jmq0ity52o]{display:block;margin-bottom:5px}
.cashier-detail-line[b-jmq0ity52o]{padding:12px;border:1px solid var(--zj-outline-variant);border-radius:11px;background:var(--zj-surface-container-lowest)}.cashier-detail-line>div:first-child[b-jmq0ity52o]{display:flex;justify-content:space-between;gap:12px;font-weight:900}.cashier-detail-options[b-jmq0ity52o]{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.cashier-option-chip[b-jmq0ity52o]{display:inline-block;border-radius:7px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1.6;white-space:normal}.cashier-option-chip.required[b-jmq0ity52o]{background:var(--cashier-info-soft);color:var(--cashier-info-ink);border:1px solid color-mix(in srgb,var(--cashier-info-ink) 35%,transparent)}.cashier-option-chip.optional[b-jmq0ity52o]{background:var(--cashier-violet-soft);color:var(--cashier-secondary);border:1px solid color-mix(in srgb,var(--cashier-secondary) 35%,transparent)}.cashier-line-price[b-jmq0ity52o]{display:block;color:var(--zj-on-surface-variant);margin-top:8px;font-variant-numeric:tabular-nums}
.cashier-detail-total[b-jmq0ity52o]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-radius:12px;background:var(--cashier-success-soft);color:var(--cashier-success-ink);font-size:19px;font-weight:900}.cashier-detail-note[b-jmq0ity52o]{padding:12px;border-inline-start:4px solid var(--cashier-secondary);border-radius:8px;background:var(--cashier-violet-soft);color:var(--cashier-secondary);white-space:pre-wrap;overflow-wrap:anywhere}.cashier-detail-note p[b-jmq0ity52o]{margin:5px 0 0}

.cashier-option-chip.detail[b-jmq0ity52o]{background:var(--cashier-violet-soft);color:var(--cashier-secondary);border:1px solid var(--zj-outline-variant)}

.cashier-detail-breakdown[b-jmq0ity52o]{margin:0;display:grid;gap:8px}.cashier-detail-breakdown>div[b-jmq0ity52o]{display:flex;justify-content:space-between;gap:12px}.cashier-detail-breakdown dd[b-jmq0ity52o]{margin:0;font-variant-numeric:tabular-nums}.cashier-detail-line-note[b-jmq0ity52o]{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0}
@media(max-width:480px){.cashier-detail-summary[b-jmq0ity52o]{grid-template-columns:minmax(0,1fr)}}
/* _content/Zajal.Shared/Components/Orders/CashierDetailDialog.razor.rz.scp.css */
.cashier-detail-shade[b-lyf8jijt4s] { position:fixed; inset:0; z-index:1900; display:grid; place-items:center; background:#07152180; backdrop-filter:blur(4px); padding:20px; }
.cashier-detail-dialog[b-lyf8jijt4s] { width:min(var(--dialog-width,700px),100%); max-height:calc(100dvh - 40px); display:flex; flex-direction:column; overflow:hidden; border:1px solid var(--zj-outline-variant); background:var(--zj-surface-container-lowest); border-radius:22px; color:var(--zj-on-surface); box-shadow:0 25px 90px #0004; animation:cashier-dialog-enter-b-lyf8jijt4s .22s ease-out; }
header[b-lyf8jijt4s],footer[b-lyf8jijt4s] { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:16px 20px; flex:none; }
header[b-lyf8jijt4s] { border-bottom:1px solid var(--zj-outline-variant); }
footer[b-lyf8jijt4s] { border-top:1px solid var(--zj-outline-variant); justify-content:flex-end; }
.cashier-detail-heading[b-lyf8jijt4s] { display:flex; align-items:center; gap:12px; min-width:0; flex:1; }
.cashier-detail-heading>div[b-lyf8jijt4s] { min-width:0; }
.cashier-detail-heading>.material-symbols-outlined[b-lyf8jijt4s] { padding:10px; border-radius:12px; background:var(--pos-info-soft,color-mix(in srgb,var(--zj-primary) 13%,var(--zj-surface-container-lowest))); color:var(--pos-info-ink,var(--zj-primary)); flex:none; }
h2[b-lyf8jijt4s] { margin:0; font-size:20px; font-weight:900; line-height:1.6; }
.cashier-detail-eyebrow[b-lyf8jijt4s] { display:inline-block; font-size:11px; line-height:1.7; font-weight:800; color:var(--zj-primary); margin-bottom:4px; }
.cashier-detail-subtitle[b-lyf8jijt4s] { color:var(--zj-on-surface-variant); font-size:12px; font-weight:400; line-height:1.9; margin:4px 0 0; }
header button[b-lyf8jijt4s] { display:grid; place-items:center; width:40px; height:40px; min-width:40px; min-height:40px; flex:none; border:0; border-radius:12px; padding:0; background:var(--pos-info-soft,var(--zj-surface-container)); color:var(--pos-info-ink,var(--zj-on-surface)); font:inherit; font-size:24px; cursor:pointer; }
.cashier-detail-before[b-lyf8jijt4s] { flex:none; min-width:0; }
.cashier-close-label[b-lyf8jijt4s] { display:none; }
.cashier-detail-dialog--plain[b-lyf8jijt4s] { border-radius:20px; padding:18px; }
.cashier-detail-dialog--plain header[b-lyf8jijt4s] { flex-direction:column-reverse; align-items:stretch; gap:12px; padding:0; border:0; }
.cashier-detail-dialog--plain header button[b-lyf8jijt4s] { align-self:flex-end; width:auto; height:auto; min-height:42px; border:1px solid var(--zj-outline-variant); border-radius:9px; padding:8px 15px; background:var(--zj-surface-container-low); color:var(--zj-on-surface); font-size:14px; }
.cashier-detail-dialog--plain .cashier-close-symbol[b-lyf8jijt4s] { display:none; }
.cashier-detail-dialog--plain .cashier-close-label[b-lyf8jijt4s] { display:block; }
.cashier-detail-dialog--plain h2[b-lyf8jijt4s] { font-size:22px; }
.cashier-detail-dialog--plain .cashier-detail-subtitle[b-lyf8jijt4s] { font-size:13px; line-height:1.8; margin:8px 0 0; }
.cashier-detail-dialog--plain .cashier-detail-body[b-lyf8jijt4s] { padding:16px 0 0; }
.cashier-detail-dialog--plain footer[b-lyf8jijt4s] { padding:16px 0 0; border:0; }
.cashier-detail-body[b-lyf8jijt4s] { display:grid; gap:12px; min-height:0; overflow:auto; overscroll-behavior:contain; padding:18px 20px; }
.cashier-detail-body[b-lyf8jijt4s]  input,.cashier-detail-body[b-lyf8jijt4s]  textarea { max-width:100%; }
.cashier-detail-body[b-lyf8jijt4s]  button:focus-visible,header button:focus-visible[b-lyf8jijt4s],footer[b-lyf8jijt4s]  button:focus-visible { outline:3px solid var(--zj-primary); outline-offset:2px; }
footer[b-lyf8jijt4s]  button { padding:10px 18px; min-height:42px; border-radius:12px; font-size:13px; font-weight:800; }
.cashier-visually-hidden[b-lyf8jijt4s] { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
@keyframes cashier-dialog-enter-b-lyf8jijt4s { from { opacity:0; transform:translateY(8px) scale(.98); } to { opacity:1; transform:none; } }
@media(prefers-reduced-motion:reduce) { .cashier-detail-dialog[b-lyf8jijt4s] { animation:none; } }
@media(max-width:520px) { .cashier-detail-shade[b-lyf8jijt4s] { padding:10px; } .cashier-detail-body[b-lyf8jijt4s],header[b-lyf8jijt4s],footer[b-lyf8jijt4s] { padding:14px; } }
@media(max-height:600px) { header[b-lyf8jijt4s],footer[b-lyf8jijt4s] { padding:10px 16px; } }
/* _content/Zajal.Shared/Components/Orders/CashierFloor.razor.rz.scp.css */
/* The overview owns scrolling; table cards stay in normal content flow. */
.floor-scope[b-glmezm9nba]{display:contents}
.cashier-overview[b-glmezm9nba]{display:flex;flex-direction:column;flex:1 1 0;gap:10px;min-height:0;width:100%;box-sizing:border-box;padding:12px;overflow-y:auto;border:1px solid var(--theme-card-border);border-radius:24px;background:var(--theme-card-bg);color:var(--theme-text-main)}
.floor-intro[b-glmezm9nba]{display:flex;flex-direction:column;gap:10px;flex:none}
.cashier-overview-heading[b-glmezm9nba]{order:-2;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-bottom:8px;border-bottom:1px solid var(--theme-card-border);flex:none}.cashier-overview-heading h2[b-glmezm9nba]{margin:0;font-size:16px;font-weight:900;line-height:1.5}.cashier-overview-heading p[b-glmezm9nba]{margin:3px 0 0;font-size:12px;color:var(--theme-text-muted)}
.floor-return[b-glmezm9nba]{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:12px;min-height:42px;font:inherit;font-size:12px;font-weight:900;color:var(--cashier-info-ink);background:color-mix(in srgb,var(--zj-primary) 8%,var(--cashier-info-soft));border:2px solid var(--cashier-info-ink);box-shadow:inset 0 -3px var(--cashier-info-ink);cursor:pointer}.floor-return .material-symbols-outlined[b-glmezm9nba]{font-size:18px}
.cashier-overview-summary[b-glmezm9nba]{order:-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;flex:none}.floor-stat[b-glmezm9nba]{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border-radius:12px;border:1px solid var(--theme-card-border);background:var(--cashier-surface-low);min-width:0}.floor-stat>div[b-glmezm9nba]{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px}.floor-stat span[b-glmezm9nba]{font-size:12px;font-weight:700;color:var(--theme-text-muted)}.floor-stat strong[b-glmezm9nba]{font-size:20px;font-weight:900;line-height:1.4;font-variant-numeric:tabular-nums}.floor-stat>.material-symbols-outlined[b-glmezm9nba]{font-size:30px;opacity:.4}.floor-stat.occupied strong[b-glmezm9nba],.floor-stat.occupied>.material-symbols-outlined[b-glmezm9nba]{color:var(--zj-primary)}.floor-stat.available[b-glmezm9nba]{background:color-mix(in srgb,#16a873 8%,var(--theme-card-bg));border-color:color-mix(in srgb,#16a873 20%,var(--theme-card-border))}.floor-stat.available strong[b-glmezm9nba],.floor-stat.available>.material-symbols-outlined[b-glmezm9nba]{color:var(--cashier-success-ink,#15966b)}.floor-stat.available>.material-symbols-outlined[b-glmezm9nba]{opacity:.85}
.cashier-floor-grid[b-glmezm9nba]{display:grid;flex:none;align-items:start;grid-auto-rows:max-content}.floor-table-main[b-glmezm9nba]{font:inherit;box-shadow:none!important}.floor-table-shape bdi[b-glmezm9nba]{font-size:25px;max-width:100%;overflow-wrap:anywhere}.floor-card-bottom button[b-glmezm9nba],.floor-status-filters button[b-glmezm9nba],.floor-eye[b-glmezm9nba]{font-family:inherit;cursor:pointer}.floor-detail-summary[b-glmezm9nba]{--table-state:var(--zj-primary)}
.cashier-open-orders[b-glmezm9nba]{display:flex;align-items:center;gap:8px;flex-wrap:wrap;max-height:65px;overflow:auto;flex:none}.cashier-open-orders h3[b-glmezm9nba]{font-size:13px;margin:0}.cashier-floor-empty-card[b-glmezm9nba]{display:grid;justify-items:center;gap:12px;padding:36px 20px;text-align:center;border:1px dashed var(--theme-card-border);border-radius:16px}.cashier-floor-empty-icon[b-glmezm9nba]{font-size:36px;color:var(--zj-primary)}.cashier-floor-empty-title[b-glmezm9nba]{margin:0;font-size:20px}.cashier-floor-empty-desc[b-glmezm9nba]{margin:0;max-width:450px;color:var(--theme-text-muted);line-height:1.8}.cashier-floor-empty-actions[b-glmezm9nba]{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.cashier-floor-action-btn[b-glmezm9nba],.cashier-floor-manage-btn[b-glmezm9nba]{display:inline-flex;align-items:center;gap:6px}
.floor-tools[b-glmezm9nba]{position:relative}.floor-tools summary[b-glmezm9nba]{display:grid;place-items:center;list-style:none;cursor:pointer;width:40px;height:40px;border:1px solid var(--theme-card-border);border-radius:10px;background:var(--theme-card-bg);color:var(--theme-text-main)}.floor-tools summary[b-glmezm9nba]::-webkit-details-marker{display:none}.floor-tools>div[b-glmezm9nba]{position:absolute;inset-inline-end:0;top:calc(100% + 6px);z-index:5;display:grid;gap:6px;min-width:180px;padding:10px;border:1px solid var(--theme-card-border);border-radius:12px;background:var(--zj-surface-container-lowest);box-shadow:0 12px 24px #0002}.floor-tools summary:focus-visible[b-glmezm9nba],.floor-return:focus-visible[b-glmezm9nba]{outline:3px solid var(--zj-primary);outline-offset:3px}
.cashier-floor-grid[b-glmezm9nba]{grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:16px;padding:10px 5px;background-image:radial-gradient(var(--theme-card-border) 1px,transparent 1px);background-size:18px 18px;align-content:start}
.floor-review-card[b-glmezm9nba]{--table-state:var(--zj-secondary,var(--zj-primary));position:relative;border:1px solid var(--theme-card-border);border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:8px;background:var(--theme-card-bg);color:var(--theme-text-main);min-width:0}
.floor-review-card.available[b-glmezm9nba],.floor-detail-summary.available[b-glmezm9nba]{--table-state:#15966b}.floor-review-card.occupied[b-glmezm9nba],.floor-detail-summary.occupied[b-glmezm9nba]{--table-state:var(--zj-primary)}.floor-review-card.held[b-glmezm9nba],.floor-detail-summary.held[b-glmezm9nba]{--table-state:#d69310}
.floor-review-card.is-current[b-glmezm9nba]{outline:3px solid var(--zj-primary);outline-offset:0;background:color-mix(in srgb,var(--zj-primary) 7%,var(--theme-card-bg))}
.floor-current[b-glmezm9nba]{position:absolute;top:-12px;left:50%;transform:translateX(-50%);white-space:nowrap;background:var(--zj-primary);color:#fff;border-radius:20px;padding:2px 12px;font-size:11px;font-weight:800}
.floor-card-top[b-glmezm9nba]{display:flex;justify-content:space-between;align-items:center;gap:5px;min-height:32px}.floor-card-top small[b-glmezm9nba]{font-size:10px;white-space:nowrap;color:var(--theme-text-muted)}
.floor-state[b-glmezm9nba]{color:var(--table-state);border:1px solid color-mix(in srgb,var(--table-state) 45%,transparent);background:color-mix(in srgb,var(--table-state) 10%,var(--theme-card-bg));padding:4px 7px;border-radius:18px;font-size:10px;font-weight:800;display:flex;align-items:center;gap:4px}.floor-state .material-symbols-outlined[b-glmezm9nba]{font-size:14px}
.floor-table-main[b-glmezm9nba]{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;padding:0;background:transparent!important;color:inherit;border:0!important;cursor:pointer}.floor-table-main strong[b-glmezm9nba]{font-size:17px;font-weight:900}.floor-table-main>small[b-glmezm9nba]{font-size:11px;color:var(--theme-text-muted)}
.floor-table-shape[b-glmezm9nba]{position:relative;display:grid;place-items:center;flex:none;width:78px;height:78px;margin:16px auto;color:var(--table-state);border:2px solid var(--table-state);border-radius:15px;background:color-mix(in srgb,var(--table-state) 6%,var(--theme-card-bg));font-size:25px;font-weight:900;direction:ltr}.floor-table-shape.round[b-glmezm9nba]{border-radius:50%;width:70px;height:70px;margin-block:20px}.floor-table-shape.long[b-glmezm9nba]{width:108px;height:68px;margin-block:21px}.floor-chair[b-glmezm9nba]{position:absolute;width:14px;height:9px;border-radius:5px;border:1px solid var(--table-state);background:color-mix(in srgb,var(--table-state) 22%,var(--theme-card-bg));transform:translate(-50%,-50%)}.floor-table-shape.round .floor-chair[b-glmezm9nba]{width:13px;height:13px;border-radius:50%}
.floor-card-bottom[b-glmezm9nba]{margin-top:auto;border-top:1px solid var(--theme-card-border);padding-top:12px;display:flex;align-items:center;justify-content:space-between;gap:8px}.floor-card-bottom>div[b-glmezm9nba]{display:grid;gap:3px;font-size:11px}.floor-card-bottom b[b-glmezm9nba]{color:var(--table-state);font-size:12px}.floor-eye[b-glmezm9nba]{width:40px;height:40px;flex:none;display:grid;place-items:center;border:1px solid var(--theme-card-border);border-radius:11px;color:var(--zj-primary);background:color-mix(in srgb,var(--zj-primary) 9%,var(--theme-card-bg))}.floor-release[b-glmezm9nba]{padding:8px;border-radius:9px;background:color-mix(in srgb,#d69310 14%,var(--theme-card-bg));color:var(--theme-text-main);font-weight:800;font-size:12px;border:1px solid #d69310}
.floor-filters[b-glmezm9nba]{display:flex;align-items:flex-end;flex-wrap:wrap;gap:8px 16px;flex:none}.floor-review-toolbar[b-glmezm9nba]{flex:1 1 360px;min-width:0;--zj-field-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr))}.floor-status-filters[b-glmezm9nba]{display:flex;gap:6px;flex-wrap:wrap}.floor-status-filters button[b-glmezm9nba]{padding:8px 12px;min-height:40px;background:var(--theme-card-bg);border:1px solid var(--theme-card-border);border-radius:10px;color:var(--theme-text-main);font-size:12px}.floor-status-filters button.selected[b-glmezm9nba]{background:color-mix(in srgb,var(--zj-primary) 18%,var(--theme-card-bg));border-color:var(--zj-primary)}
@media(min-width:1000px){.floor-intro[b-glmezm9nba]{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:center;gap:16px}.cashier-overview-heading[b-glmezm9nba]{padding-bottom:0;border-bottom:0}.cashier-overview-summary[b-glmezm9nba]{gap:8px}.floor-stat>.material-symbols-outlined[b-glmezm9nba]{display:none}}
@media(max-width:520px){.cashier-floor-grid[b-glmezm9nba]{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.floor-review-card[b-glmezm9nba]{padding:10px}.floor-card-top[b-glmezm9nba]{flex-wrap:wrap}.floor-state[b-glmezm9nba]{font-size:9px}.floor-table-shape.long[b-glmezm9nba]{width:85px}.floor-review-toolbar[b-glmezm9nba]{gap:8px}.floor-detail-dialog>header[b-glmezm9nba],.floor-detail-dialog>footer[b-glmezm9nba],.floor-detail-body[b-glmezm9nba]{padding:14px}}

[data-theme="dark"] .floor-review-card.occupied[b-glmezm9nba],[data-theme="dark"] .floor-detail-summary.occupied[b-glmezm9nba]{--table-state:color-mix(in srgb,var(--zj-primary) 65%,#fff)}
[data-theme="dark"] .floor-review-card.available[b-glmezm9nba],[data-theme="dark"] .floor-detail-summary.available[b-glmezm9nba]{--table-state:#42d6a4}
[data-theme="dark"] .floor-review-card.held[b-glmezm9nba],[data-theme="dark"] .floor-detail-summary.held[b-glmezm9nba]{--table-state:#f5bc45}

/* Keyboard scrolling belongs to the overview, including filters and all rows. */
.cashier-overview:focus-visible[b-glmezm9nba]{outline:3px solid var(--zj-primary);outline-offset:-3px}

/* Adapt reference dialog chrome to the shared, focus-managed application dialog. */
.floor-detail-summary[b-glmezm9nba]{display:flex;gap:30px;align-items:center;border-bottom:1px solid var(--theme-card-border);padding-bottom:12px}.floor-detail-summary .floor-table-shape[b-glmezm9nba]{margin:24px 18px}.floor-detail-summary p[b-glmezm9nba]{font-size:12px;margin-top:8px;color:var(--theme-text-muted)}.floor-bill[b-glmezm9nba]{margin-top:20px}.floor-bill header[b-glmezm9nba]{display:flex;justify-content:space-between;font-size:13px;padding-bottom:10px}.floor-bill-line[b-glmezm9nba]{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid var(--theme-card-border);font-size:12px}.floor-bill small[b-glmezm9nba]{display:block;color:var(--theme-text-muted);margin-top:4px}.floor-bill-total[b-glmezm9nba]{display:flex;justify-content:space-between;padding:14px;background:color-mix(in srgb,var(--zj-primary) 10%,var(--theme-card-bg));border-radius:10px;margin-top:10px}.floor-review-card button:focus-visible[b-glmezm9nba]{outline:3px solid var(--zj-primary);outline-offset:3px}
.floor-scope[b-glmezm9nba]  .cashier-detail-shade{background:#06182499;backdrop-filter:blur(5px);padding:16px}
.floor-scope[b-glmezm9nba]  .floor-detail-dialog{background:linear-gradient(var(--theme-card-bg),var(--theme-card-bg)),var(--zj-surface-container-lowest);max-height:calc(100dvh - 32px);border-radius:22px}
.floor-scope[b-glmezm9nba]  .floor-detail-dialog>header,.floor-scope[b-glmezm9nba]  .floor-detail-dialog>footer{padding:18px 22px;justify-content:space-between}
.floor-scope[b-glmezm9nba]  .floor-detail-dialog h2{font-size:19px;font-weight:900}
.floor-scope[b-glmezm9nba]  .floor-detail-dialog>header>button{min-width:42px;min-height:42px;border:1px solid var(--theme-card-border);border-radius:11px;background:var(--theme-bg);color:var(--theme-text-main);font-size:24px}
.floor-scope[b-glmezm9nba]  .floor-detail-body{display:block;padding:18px 22px}
.floor-detail-back[b-glmezm9nba],.floor-detail-open[b-glmezm9nba]{min-height:42px;padding:8px 14px;border:1px solid var(--theme-card-border);border-radius:11px;background:var(--theme-bg);color:var(--theme-text-main);font:inherit;font-size:13px;font-weight:800;cursor:pointer}.floor-detail-open[b-glmezm9nba]{background:var(--zj-primary);color:var(--zj-on-primary,#fff)}.floor-detail-open:disabled[b-glmezm9nba],.floor-return:disabled[b-glmezm9nba],.floor-table-main:disabled[b-glmezm9nba]{opacity:.55;cursor:not-allowed}.floor-preparation[b-glmezm9nba]{display:block;font-size:11px;color:var(--theme-text-muted);padding-bottom:8px}.floor-bill-line small[b-glmezm9nba]{display:block}.floor-detail-back:focus-visible[b-glmezm9nba],.floor-detail-open:focus-visible[b-glmezm9nba]{outline:3px solid var(--zj-primary);outline-offset:3px}
@media(max-width:600px){.cashier-overview[b-glmezm9nba]{padding:14px;gap:12px}.cashier-overview-summary[b-glmezm9nba]{gap:8px}.floor-stat[b-glmezm9nba]{padding:10px;gap:5px}.floor-stat>.material-symbols-outlined[b-glmezm9nba]{font-size:20px}.floor-stat strong[b-glmezm9nba]{font-size:19px;overflow-wrap:anywhere}.floor-stat span[b-glmezm9nba]{font-size:10px}.floor-scope[b-glmezm9nba]  .floor-detail-dialog>header,.floor-scope[b-glmezm9nba]  .floor-detail-dialog>footer,.floor-scope[b-glmezm9nba]  .floor-detail-body{padding:14px}.floor-detail-summary[b-glmezm9nba]{gap:14px}}

@supports not (color: color-mix(in srgb, black, white)) {
    [data-theme="dark"] .floor-review-card.occupied[b-glmezm9nba],
    [data-theme="dark"] .floor-detail-summary.occupied[b-glmezm9nba] { --table-state: var(--zj-inverse-primary); }
    .floor-bill-total[b-glmezm9nba] { background: var(--zj-surface-container); }
}
/* _content/Zajal.Shared/Components/Orders/CashierIncomePanel.razor.rz.scp.css */
.cashier-income[b-uxn25m8n3o] {
    display: grid;
    gap: 1.25rem;
    align-content: start;
    padding: 1.5rem 2rem 2.5rem 2rem;
    overflow-y: auto;
    flex: 1 1 0;
    min-height: 0;
    box-sizing: border-box;
    width: 100%;
}

.cashier-overview-summary[b-uxn25m8n3o] { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .85rem; }
.cashier-overview-summary article[b-uxn25m8n3o] { display: grid; gap: .35rem; padding: 1.25rem; background: var(--zj-surface); border: 1px solid var(--zj-outline-variant); border-radius: var(--zj-radius-xl); }
.cashier-overview-summary span[b-uxn25m8n3o], .cashier-overview-summary small[b-uxn25m8n3o] { color: var(--zj-on-surface-variant); }
.cashier-overview-summary strong[b-uxn25m8n3o] { color: var(--zj-primary); font-size: clamp(1.3rem,2.5vw,2rem); font-variant-numeric: tabular-nums; }

.cashier-income button:focus-visible[b-uxn25m8n3o] {
    outline: 3px solid rgba(var(--zj-primary-rgb),.5);
    outline-offset: 2px;
}

@media (max-width: 600px) {
    .cashier-income[b-uxn25m8n3o] { padding: 1rem 1rem 2rem 1rem; gap: 1rem; }
    .cashier-overview-summary[b-uxn25m8n3o] { gap: .4rem; }
    .cashier-overview-summary article[b-uxn25m8n3o] { padding: .7rem; }
    .cashier-overview-summary span[b-uxn25m8n3o] { font-size: .7rem; }
    .cashier-overview-summary strong[b-uxn25m8n3o] { font-size: 1.15rem; overflow-wrap: anywhere; }
}
/* _content/Zajal.Shared/Components/Orders/CashierItemTile.razor.rz.scp.css */
.cashier-item-tile[b-8vxeqy37qj] {
    position: relative;
    display: flex;
    flex-direction: column;
    background: var(--zj-surface, #ffffff);
    border: 1px solid var(--zj-outline-variant, #e5e7eb);
    border-radius: 12px;
    overflow: hidden;
    cursor: pointer;
    text-align: right;
    transition: all 0.15s ease;
    padding: 0;
    min-height: 140px;
    user-select: none;
    font-family: inherit;
}

.cashier-item-tile:hover:not(:disabled)[b-8vxeqy37qj] {
    border-color: var(--zj-outline, #d1d5db);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
    transform: translateY(-2px);
}

.cashier-item-tile.is-selected[b-8vxeqy37qj] {
    border-color: var(--zj-primary, #3e2717);
    box-shadow: 0 0 0 2px var(--zj-primary, #3e2717);
}

.cashier-item-tile.is-disabled[b-8vxeqy37qj] {
    opacity: 0.6;
    cursor: not-allowed;
    background: var(--zj-surface-container-low, #f9fafb);
}

.cashier-item-tile__count[b-8vxeqy37qj] {
    position: absolute;
    top: 6px;
    right: 6px;
    background: var(--zj-primary, #3e2717);
    color: var(--zj-on-primary, #ffffff);
    font-size: 11px;
    font-weight: 800;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.cashier-item-tile__servings[b-8vxeqy37qj] {
    position: absolute;
    top: 6px;
    left: 6px;
    font-size: 10px;
    font-weight: 700;
    background: #fef3c7;
    color: #92400e;
    border: 1px solid #fde68a;
    border-radius: 6px;
    padding: 1px 6px;
    z-index: 2;
}

.cashier-item-tile__unavailable[b-8vxeqy37qj] {
    position: absolute;
    inset: 0;
    background: rgba(31, 41, 55, 0.85);
    color: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    font-size: 12px;
    font-weight: 700;
    z-index: 3;
    backdrop-filter: blur(2px);
}

.cashier-item-tile__image[b-8vxeqy37qj] {
    width: 100%;
    height: 80px;
    background: #f3f4f6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.cashier-item-tile__image img[b-8vxeqy37qj] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cashier-item-tile__image .material-symbols-outlined[b-8vxeqy37qj] {
    font-size: 32px;
    color: #9ca3af;
}

.cashier-item-tile__body[b-8vxeqy37qj] {
    display: flex;
    flex-direction: column;
    padding: 8px 10px;
    flex: 1;
    justify-content: space-between;
}

.item-tile__name[b-8vxeqy37qj] {
    font-size: 13px;
    font-weight: 700;
    color: var(--zj-on-surface, #111827);
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.item-tile__meta[b-8vxeqy37qj] {
    font-size: 11px;
    color: var(--zj-on-surface-variant, #6b7280);
    margin-top: 2px;
}

.cashier-item-tile__footer[b-8vxeqy37qj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 6px;
    padding-top: 4px;
    border-top: 1px dashed var(--zj-outline-variant, #f3f4f6);
}

.item-tile__price[b-8vxeqy37qj] {
    font-size: 13px;
    font-weight: 800;
    color: var(--zj-success, #15803d);
}

.item-tile__points-warn[b-8vxeqy37qj] {
    color: var(--zj-error, #dc2626);
    font-size: 10px;
    font-weight: 700;
}

.cashier-item-tile__add[b-8vxeqy37qj] {
    font-size: 18px;
    color: var(--zj-primary, #3e2717);
}
/* _content/Zajal.Shared/Components/Orders/CashierLegacyDraftNotice.razor.rz.scp.css */
.cashier-legacy-drafts[b-0t6tgevgfd] { flex:0 1 auto; max-height:20dvh; overflow:auto; padding:.5rem 1rem; border:1px solid var(--zj-outline-variant); background:var(--zj-surface); color:var(--zj-on-surface); }
.cashier-legacy-drafts p[b-0t6tgevgfd] { margin:0 0 .4rem; }
.cashier-legacy-drafts button[b-0t6tgevgfd] { margin:.2rem; }
/* _content/Zajal.Shared/Components/Orders/CashierLoyaltyDialog.razor.rz.scp.css */
.loyalty-scope[b-c4hzj3hir8]  .cashier-detail-shade{background:#061824a8;backdrop-filter:blur(5px)}
.loyalty-scope[b-c4hzj3hir8]  .cashier-detail-dialog{border-radius:22px;background:linear-gradient(var(--theme-card-bg),var(--theme-card-bg)),#fff;color:var(--theme-text-main)}
[data-theme="dark"] .loyalty-scope[b-c4hzj3hir8]  .cashier-detail-dialog{background:linear-gradient(var(--theme-card-bg),var(--theme-card-bg)),#101827}
.loyalty-scope[b-c4hzj3hir8]  .cashier-detail-dialog>header,.loyalty-scope[b-c4hzj3hir8]  .cashier-detail-dialog>footer{padding:18px 22px;justify-content:space-between}
.loyalty-scope[b-c4hzj3hir8]  .cashier-detail-dialog>header>button{width:42px;min-height:42px;border:1px solid var(--theme-card-border);border-radius:10px;background:var(--theme-bg);color:var(--theme-text-main)}
.loyalty-scope[b-c4hzj3hir8]  .loyalty-dialog-body{display:block;padding:16px 22px}
.loyalty-title[b-c4hzj3hir8]{display:flex;align-items:center;gap:12px}.loyalty-title>.material-symbols-outlined[b-c4hzj3hir8]{padding:10px;border-radius:12px;background:color-mix(in srgb,var(--zj-primary) 13%,var(--theme-card-bg));color:var(--zj-primary)}
.loyalty-title h2[b-c4hzj3hir8]{font-size:20px;font-weight:900;margin:0}.loyalty-title h2 small[b-c4hzj3hir8]{font-size:10px;font-weight:700;background:#10b98115;color:var(--cashier-success-ink,#128765);padding:3px 7px;border-radius:20px;margin-inline-start:7px}.loyalty-title p[b-c4hzj3hir8]{font-size:11px;color:var(--theme-text-muted);margin:4px 0 0}
button[b-c4hzj3hir8]{min-height:42px;padding:8px 14px;font:inherit;font-size:12px;font-weight:800;border:1px solid var(--theme-card-border);border-radius:10px;background:var(--theme-bg);color:var(--theme-text-main);cursor:pointer}button:focus-visible[b-c4hzj3hir8]{outline:3px solid var(--zj-primary);outline-offset:3px}button:disabled[b-c4hzj3hir8]{opacity:.6;cursor:not-allowed}
.loyalty-customer[b-c4hzj3hir8]{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 22px;flex:none;background:color-mix(in srgb,var(--zj-primary) 6%,transparent);border-bottom:1px solid var(--theme-card-border)}.loyalty-customer-name[b-c4hzj3hir8]{display:flex;align-items:center;gap:10px;min-width:0}.loyalty-avatar[b-c4hzj3hir8]{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:14px;background:var(--zj-primary);color:var(--zj-on-primary,#fff);font-size:20px;font-weight:900}.loyalty-customer-name strong[b-c4hzj3hir8]{font-size:15px;overflow-wrap:anywhere}.loyalty-customer-name small[b-c4hzj3hir8]{font-size:10px;border-radius:5px;padding:2px 6px;color:var(--zj-primary);background:var(--theme-bg);margin-inline-start:6px}.loyalty-customer-name p[b-c4hzj3hir8]{font-size:11px;color:var(--theme-text-muted);margin:4px 0 0;text-align:right}.loyalty-wallet[b-c4hzj3hir8]{display:flex;align-items:center;gap:10px;border:1px solid var(--theme-card-border);border-radius:12px;padding:10px 14px;background:var(--theme-card-bg);flex:none}.loyalty-wallet>.material-symbols-outlined[b-c4hzj3hir8]{color:var(--zj-primary);font-size:30px}.loyalty-wallet small[b-c4hzj3hir8]{font-size:10px;color:var(--theme-text-muted)}.loyalty-wallet small:first-child[b-c4hzj3hir8]{display:block}.loyalty-wallet strong[b-c4hzj3hir8]{font-size:25px;color:var(--zj-primary);font-weight:900;font-variant-numeric:tabular-nums}
.loyalty-list-title[b-c4hzj3hir8]{font-size:12px;font-weight:800;margin:0 0 12px;display:flex;justify-content:space-between}.loyalty-list-title span[b-c4hzj3hir8]{font-size:10px;color:var(--theme-text-muted)}
.loyalty-preview-offer[b-c4hzj3hir8]{display:flex;align-items:center;gap:12px;border:1px solid var(--theme-card-border);border-radius:14px;padding:14px;margin-bottom:12px;background:var(--theme-card-bg);transition:border-color .15s,background .15s}.loyalty-preview-offer.selected[b-c4hzj3hir8]{border-color:var(--zj-primary);background:color-mix(in srgb,var(--zj-primary) 7%,var(--theme-card-bg))}.loyalty-offer-art[b-c4hzj3hir8]{width:64px;height:70px;flex:none;display:grid;place-items:center;border:1px solid #a8764033;border-radius:12px;background:linear-gradient(135deg,#e2ad5c25,#94673f18);color:#b37722;overflow:hidden}.loyalty-offer-art span[b-c4hzj3hir8]{font-size:34px}.loyalty-offer-art img[b-c4hzj3hir8]{width:100%;height:100%;object-fit:cover}.loyalty-offer-art.art-1[b-c4hzj3hir8]{background:linear-gradient(135deg,#ad72c725,#e89caa25);color:#a85f91}.loyalty-offer-art.art-2[b-c4hzj3hir8]{background:linear-gradient(135deg,#55a99525,#d4ad6725);color:#378975}.loyalty-offer-copy[b-c4hzj3hir8]{flex:1;min-width:0}.loyalty-offer-copy h3[b-c4hzj3hir8]{font-size:14px;font-weight:900;margin:0 0 6px}.loyalty-offer-copy p[b-c4hzj3hir8]{font-size:11px;color:var(--theme-text-muted);line-height:1.8;margin:6px 0 0}.loyalty-eligibility[b-c4hzj3hir8]{font-size:10px;color:var(--cashier-danger-ink,#b34f47);background:#dc564c12;padding:2px 6px;border-radius:6px}.loyalty-eligibility.eligible[b-c4hzj3hir8]{color:var(--cashier-success-ink,#168965);background:#10b98112}.loyalty-offer-action[b-c4hzj3hir8]{display:grid;gap:9px;text-align:center;flex:none}.loyalty-offer-action strong[b-c4hzj3hir8]{font-size:21px;color:var(--zj-primary)}.loyalty-offer-action small[b-c4hzj3hir8]{font-size:10px}.loyalty-offer-action button[b-c4hzj3hir8]{background:var(--zj-primary);color:var(--zj-on-primary,#fff);border-color:var(--zj-primary)}
.loyalty-selection[b-c4hzj3hir8]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 22px;flex:none;background:color-mix(in srgb,var(--zj-primary) 12%,var(--theme-card-bg));border-bottom:1px solid var(--theme-card-border);max-height:28dvh;overflow:auto}.loyalty-selection strong[b-c4hzj3hir8]{display:block;font-size:13px;margin:4px 0}.loyalty-selection small[b-c4hzj3hir8],.loyalty-selection p[b-c4hzj3hir8]{font-size:11px;line-height:1.8;margin:4px 0}.loyalty-selection button[b-c4hzj3hir8]{flex:none}
.loyalty-direct[b-c4hzj3hir8]{border-top:1px dashed var(--theme-card-border);margin-top:18px;padding-top:16px}.loyalty-direct>div[b-c4hzj3hir8]{display:flex;align-items:center;gap:10px}.loyalty-direct h3[b-c4hzj3hir8]{font-size:12px;font-weight:900;margin:0}.loyalty-direct p[b-c4hzj3hir8]{font-size:11px;color:var(--theme-text-muted);margin:5px 0 12px;line-height:1.8}.loyalty-direct>button[b-c4hzj3hir8]{width:100%;display:flex;justify-content:space-between;align-items:center}.loyalty-footer-note[b-c4hzj3hir8]{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--theme-text-muted)}.loyalty-footer-note .material-symbols-outlined[b-c4hzj3hir8]{font-size:16px}
@media(max-width:600px){.loyalty-customer[b-c4hzj3hir8]{flex-wrap:wrap}.loyalty-wallet[b-c4hzj3hir8]{width:100%}.loyalty-preview-offer[b-c4hzj3hir8]{flex-wrap:wrap}.loyalty-offer-copy[b-c4hzj3hir8]{flex-basis:calc(100% - 80px)}.loyalty-offer-action[b-c4hzj3hir8]{width:100%;display:flex;justify-content:space-between;align-items:center}.loyalty-title h2 small[b-c4hzj3hir8]{display:none}.loyalty-selection[b-c4hzj3hir8]{flex-wrap:wrap}
.loyalty-scope[b-c4hzj3hir8]  .cashier-detail-dialog>header,.loyalty-scope[b-c4hzj3hir8]  .cashier-detail-dialog>footer,.loyalty-customer[b-c4hzj3hir8],.loyalty-selection[b-c4hzj3hir8],.loyalty-scope[b-c4hzj3hir8]  .loyalty-dialog-body{padding:14px}}
@media(prefers-reduced-motion:reduce){.loyalty-preview-offer[b-c4hzj3hir8]{transition:none}}
/* _content/Zajal.Shared/Components/Orders/CashierManagerOverrideDialog.razor.rz.scp.css */
.manager-guidance-overlay[b-6tj1unssrj]{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:16px;background:#0009;backdrop-filter:blur(2px)}.manager-guidance-dialog[b-6tj1unssrj]{width:min(100%,448px);max-height:calc(100dvh - 32px);overflow:auto;display:grid;gap:16px;padding:24px;border:1px solid var(--zj-outline-variant);border-radius:24px;background:var(--zj-surface-container-lowest);color:var(--zj-on-surface);box-shadow:0 25px 50px #0004}header[b-6tj1unssrj]{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--zj-outline-variant)}.manager-guidance-symbol[b-6tj1unssrj]{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:var(--cashier-warm-soft);color:var(--cashier-warm-ink);flex:none}h3[b-6tj1unssrj]{margin:0;font-size:14px;font-weight:900;line-height:1.8}p[b-6tj1unssrj]{margin:0;font-size:12px;line-height:1.9}header p[b-6tj1unssrj]{color:var(--zj-on-surface-variant)}.manager-guidance-steps[b-6tj1unssrj]{display:grid;gap:8px;padding:14px;border-radius:16px;background:var(--cashier-warm-soft);color:var(--cashier-warm-ink);border:1px solid color-mix(in srgb,var(--cashier-warm-ink) 24%,transparent);font-size:12px;line-height:1.9}ol[b-6tj1unssrj]{margin:0;padding-inline-start:20px}.manager-guidance-error[b-6tj1unssrj]{color:var(--cashier-danger-ink)}footer[b-6tj1unssrj]{display:flex;justify-content:flex-end;padding-top:8px}button[b-6tj1unssrj]{border:1px solid color-mix(in srgb,var(--cashier-info-ink) 24%,var(--zj-outline-variant));border-radius:12px;background:color-mix(in srgb,var(--zj-primary) 8%,var(--cashier-info-soft));color:var(--cashier-info-ink);padding:10px 18px;font:inherit;font-size:12px;font-weight:800;cursor:pointer}button:focus-visible[b-6tj1unssrj]{outline:3px solid var(--zj-primary);outline-offset:2px}@media(max-width:420px){.manager-guidance-dialog[b-6tj1unssrj]{padding:16px}}
/* _content/Zajal.Shared/Components/Orders/CashierNumpadModal.razor.rz.scp.css */
.cashier-numpad-overlay[b-cd7kl9bkrh]{position:fixed;inset:0;z-index:1900;display:grid;place-items:center;padding:16px;background:#0009}.cashier-numpad-dialog[b-cd7kl9bkrh]{width:min(100%,384px);max-height:calc(100dvh - 32px);overflow:auto;padding:20px;display:grid;gap:16px;background:var(--zj-surface-container-lowest);color:var(--zj-on-surface);border:1px solid var(--zj-outline-variant);border-radius:24px;box-shadow:0 25px 50px #0004}header[b-cd7kl9bkrh]{display:flex;align-items:center;justify-content:space-between;gap:12px}h3[b-cd7kl9bkrh]{font-size:16px;font-weight:900;margin:0}button[b-cd7kl9bkrh]{font:inherit;font-weight:800;border:1px solid color-mix(in srgb,var(--zj-on-surface) 24%,var(--zj-outline-variant));color:var(--zj-on-surface);background:color-mix(in srgb,var(--zj-primary) 8%,var(--zj-surface-container-lowest));border-radius:12px;cursor:pointer}button:disabled[b-cd7kl9bkrh]{opacity:.45;cursor:not-allowed}.cashier-numpad-close[b-cd7kl9bkrh]{width:32px;height:32px;min-width:32px;min-height:32px;flex:none;padding:0}.cashier-numpad-input[b-cd7kl9bkrh]{padding:12px;width:100%;min-width:0;border:1px solid var(--zj-outline-variant);background:var(--cashier-surface-low);color:var(--zj-on-surface);border-radius:12px;font:inherit;font-size:20px;text-align:center}.cashier-numpad-grid[b-cd7kl9bkrh]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;direction:ltr}.cashier-numpad-grid button[b-cd7kl9bkrh]{padding:12px;min-height:44px;font-size:18px}.cashier-numpad-result[b-cd7kl9bkrh]{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px;font-size:12px}.cashier-numpad-result p[b-cd7kl9bkrh]{width:100%;margin:0;color:var(--cashier-danger-ink)}.cashier-numpad-result:empty[b-cd7kl9bkrh]{display:none}.cashier-numpad-add[b-cd7kl9bkrh]{padding:12px;min-height:48px;border:2px solid var(--zj-on-surface);box-shadow:inset 0 -3px var(--zj-on-surface);font-size:14px;font-weight:900}button:focus-visible[b-cd7kl9bkrh],input:focus-visible[b-cd7kl9bkrh]{outline:3px solid var(--zj-primary);outline-offset:2px}
/* _content/Zajal.Shared/Components/Orders/CashierParkedTabs.razor.rz.scp.css */
.cashier-parked-tabs[b-7sqzkmrnid] { display: flex; align-items: center; gap: 0.75rem; padding: 0.5rem 0.75rem; margin-bottom: 0.75rem; background: var(--zj-surface-container-low, #f8fafc); border: 1px solid var(--zj-outline-variant, #e2e8f0); border-radius: 0.75rem; overflow: hidden; }
.cashier-parked-tabs__label[b-7sqzkmrnid] { display: flex; align-items: center; gap: 0.35rem; font-size: 0.8rem; font-weight: 700; color: var(--zj-primary, #6366f1); white-space: nowrap; }
.cashier-parked-tabs__label .material-symbols-outlined[b-7sqzkmrnid] { font-size: 1.1rem; }
.cashier-parked-tabs__list[b-7sqzkmrnid] { display: flex; gap: 0.5rem; overflow-x: auto; scrollbar-width: thin; flex: 1; align-items: center; }
.cashier-parked-tab[b-7sqzkmrnid] { display: inline-flex; align-items: center; gap: 0.4rem; padding: 0.35rem 0.75rem; background: var(--zj-surface, #ffffff); border: 1px solid var(--zj-outline-variant, #cbd5e1); border-radius: 9999px; font-size: 0.82rem; cursor: pointer; transition: all 0.15s ease; white-space: nowrap; user-select: none; }
.cashier-parked-tab:hover[b-7sqzkmrnid] { border-color: var(--zj-primary, #6366f1); background: var(--zj-surface-container, #f1f5f9); }
.cashier-parked-tab__emoji[b-7sqzkmrnid] { font-size: 1rem; }
.cashier-parked-tab__title[b-7sqzkmrnid] { font-weight: 700; color: var(--zj-on-surface, #1e293b); }
.cashier-parked-tab__meta[b-7sqzkmrnid] { font-size: 0.75rem; color: var(--zj-on-surface-variant, #64748b); }
.cashier-parked-tab__close[b-7sqzkmrnid] { width: 1.25rem; height: 1.25rem; border-radius: 50%; border: none; background: transparent; color: var(--zj-on-surface-variant, #94a3b8); display: inline-flex; align-items: center; justify-content: center; font-size: 0.9rem; line-height: 1; cursor: pointer; padding: 0; margin-inline-start: 0.2rem; }
.cashier-parked-tab__close:hover[b-7sqzkmrnid] { background: var(--zj-error-container, #fee2e2); color: var(--zj-error, #ef4444); }
/* _content/Zajal.Shared/Components/Orders/CashierPaymentDialog.razor.rz.scp.css */
.cashier-payment-overlay[b-s3791zpkjd]{position:fixed;inset:0;z-index:1900;background:#0009;backdrop-filter:blur(2px);display:grid;place-items:center;padding:16px}
.cashier-payment-dialog[b-s3791zpkjd]{width:min(100%,530px);max-height:calc(100dvh - 32px);overflow-y:auto;background:var(--theme-card-bg,var(--zj-surface-container-lowest));color:var(--theme-text-main,var(--zj-on-surface));border:1px solid var(--theme-card-border,var(--zj-outline-variant));border-radius:32px;box-shadow:0 25px 50px #0004;padding:24px;display:flex;flex-direction:column;gap:16px;font-family:inherit;animation:payment-enter-b-s3791zpkjd .2s ease-out}
header[b-s3791zpkjd],.payment-heading[b-s3791zpkjd]{display:flex;align-items:center;justify-content:space-between;gap:10px}header[b-s3791zpkjd]{border-bottom:1px solid var(--theme-card-border,var(--zj-outline-variant));padding-bottom:12px}.payment-heading[b-s3791zpkjd]{justify-content:flex-start}.payment-symbol[b-s3791zpkjd]{width:40px;height:40px;border-radius:16px;display:grid;place-items:center;background:#10b981;color:#fff;flex:none}
h2[b-s3791zpkjd],p[b-s3791zpkjd]{margin:0}h2[b-s3791zpkjd]{font-size:16px;font-weight:900;line-height:1.6}header p[b-s3791zpkjd]{font-size:12px;color:var(--theme-text-muted,var(--zj-on-surface-variant))}button[b-s3791zpkjd]{font:inherit;cursor:pointer;color:var(--theme-text-main,var(--zj-on-surface));border:1px solid color-mix(in srgb,var(--theme-text-main,var(--zj-on-surface)) 24%,var(--theme-card-border,var(--zj-outline-variant)));background:color-mix(in srgb,var(--zj-primary) 8%,var(--theme-card-bg,var(--zj-surface-container-lowest)))}button:disabled[b-s3791zpkjd]{opacity:.45;cursor:not-allowed}.payment-close[b-s3791zpkjd]{width:32px;height:32px;min-width:32px;min-height:32px;padding:0;border-radius:50%;flex:none}
.cashier-partial-button[b-s3791zpkjd]{align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;padding:9px 16px;border-radius:13px;min-height:40px;font-size:12px;font-weight:800;background:color-mix(in srgb,var(--zj-primary) 8%,var(--cashier-info-soft));color:var(--cashier-info-ink)}
.cashier-payment-total[b-s3791zpkjd]{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px;border-radius:16px;background:color-mix(in srgb,var(--zj-primary) 7%,var(--theme-card-bg,var(--zj-surface-container-lowest)));border:1px solid color-mix(in srgb,var(--zj-primary) 18%,var(--theme-card-border,var(--zj-outline-variant)))}.cashier-payment-total span[b-s3791zpkjd]{font-size:12px;font-weight:700}.cashier-payment-total strong[b-s3791zpkjd]{font-size:24px;font-weight:900;color:var(--zj-primary);font-variant-numeric:tabular-nums}
.cashier-method-section[b-s3791zpkjd]{display:grid;gap:6px}.cashier-method-section>span[b-s3791zpkjd]{font-size:12px;font-weight:700;color:var(--theme-text-muted,var(--zj-on-surface-variant))}.cashier-payment-methods[b-s3791zpkjd]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.cashier-method-btn[b-s3791zpkjd]{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:76px;padding:14px 10px;border-radius:16px;font-size:12px;font-weight:800;line-height:1.6;min-width:0;background:var(--theme-card-bg,var(--zj-surface-container-lowest));color:var(--theme-text-main,var(--zj-on-surface));border:1px solid var(--theme-card-border,var(--zj-outline-variant));box-shadow:none}
.cashier-method-btn[aria-pressed=true][b-s3791zpkjd]{background:color-mix(in srgb,var(--zj-primary) 18%,var(--theme-card-bg,var(--zj-surface-container-lowest)));border:2px solid var(--zj-primary);box-shadow:0 4px 12px color-mix(in srgb,var(--zj-primary) 24%,transparent),inset 0 -4px var(--zj-primary);font-weight:900}
.cashier-method-btn[aria-pressed=true][b-s3791zpkjd]::after{content:'✓';position:absolute;top:5px;right:7px;display:grid;place-items:center;width:19px;height:19px;background:var(--zj-primary);color:#fff;border-radius:50%;font-size:12px;font-weight:900}
.cashier-method-btn:focus-visible[b-s3791zpkjd]{outline:3px solid var(--zj-primary);outline-offset:3px}.cashier-method-badge[b-s3791zpkjd]{font-size:18px}
.cashier-cash-calc[b-s3791zpkjd]{display:grid;gap:8px;padding:12px;border-radius:16px;border:1px solid var(--theme-card-border,var(--zj-outline-variant));background:var(--cashier-surface-low)}.cashier-denominations[b-s3791zpkjd]{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.cashier-denominations button[b-s3791zpkjd]{font-size:10px;font-weight:700;padding:4px 8px;border-radius:8px;min-height:30px}.cashier-payment-change[b-s3791zpkjd]{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px;border-radius:12px;background:var(--cashier-success-soft);border:1px solid color-mix(in srgb,var(--cashier-success-ink) 24%,transparent);color:var(--cashier-success-ink);font-size:12px;font-weight:700}.cashier-payment-change strong[b-s3791zpkjd]{font-size:16px;font-weight:900}.cashier-payment-change.is-short[b-s3791zpkjd]{background:var(--cashier-warm-soft);color:var(--cashier-warm-ink)}
.cashier-non-cash-notice[b-s3791zpkjd]{display:flex;gap:10px;padding:12px;border-radius:12px;background:var(--cashier-surface-low);font-size:12px}.cashier-non-cash-notice p[b-s3791zpkjd]{margin-top:5px;line-height:1.8}.cashier-keep-table[b-s3791zpkjd]{position:relative;display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--theme-card-border,var(--zj-outline-variant));border-radius:12px;background:var(--cashier-info-soft);color:var(--cashier-info-ink);font-size:12px;font-weight:700;line-height:1.7;cursor:pointer}
.cashier-keep-table input[b-s3791zpkjd]{position:absolute;opacity:0;width:1px;height:1px}
.cashier-switch-track[b-s3791zpkjd]{position:relative;width:46px;height:27px;flex:none;border-radius:999px;background:#64748b;border:1px solid #64748b}
.cashier-switch-track[b-s3791zpkjd]::after{content:'';position:absolute;width:19px;height:19px;top:3px;right:3px;background:#fff;border-radius:50%;transition:transform .15s}
.cashier-keep-table input:checked+.cashier-switch-track[b-s3791zpkjd]{background:#21784e;border-color:#21784e}
.cashier-keep-table input:checked+.cashier-switch-track[b-s3791zpkjd]::after{transform:translateX(-19px)}
.cashier-keep-table input:focus-visible+.cashier-switch-track[b-s3791zpkjd]{outline:3px solid var(--zj-primary);outline-offset:3px}
.cashier-keep-table input:disabled~span[b-s3791zpkjd]{opacity:.45}
footer[b-s3791zpkjd]{display:grid;grid-template-columns:minmax(72px,1fr) minmax(0,3fr);gap:12px;padding-top:8px}footer button[b-s3791zpkjd]{padding:13px 16px;min-height:52px;font-size:14px;font-weight:800;line-height:1.7;border-radius:16px;white-space:normal}.payment-confirm[b-s3791zpkjd]{display:flex;align-items:center;justify-content:center;gap:8px;background:color-mix(in srgb,var(--zj-primary) 8%,var(--cashier-success-soft));color:var(--cashier-success-ink);border:1px solid color-mix(in srgb,var(--cashier-success-ink) 24%,var(--theme-card-border,var(--zj-outline-variant)));box-shadow:none;font-weight:900}.payment-confirm .material-symbols-outlined[b-s3791zpkjd]{font-size:18px}
button:focus-visible[b-s3791zpkjd]{outline:3px solid var(--zj-primary);outline-offset:2px}button:hover:not(:disabled)[b-s3791zpkjd]{filter:brightness(.97)}@keyframes payment-enter-b-s3791zpkjd{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.cashier-payment-dialog[b-s3791zpkjd]{animation:none}.cashier-switch-track[b-s3791zpkjd]::after{transition:none}}@media(max-width:420px){.cashier-payment-dialog[b-s3791zpkjd]{padding:16px;border-radius:24px;gap:12px}footer button[b-s3791zpkjd]{padding:10px}}
/* Solid theme fallbacks also cover Chrome versions without color-mix. */
@supports not (color: color-mix(in srgb, black, white)) {
    button[b-s3791zpkjd] { background:var(--zj-surface-container-low); border-color:var(--zj-outline-variant); }
    .cashier-partial-button[b-s3791zpkjd] { background:var(--cashier-info-soft,var(--zj-secondary-container)); }
    .cashier-payment-total[b-s3791zpkjd] { background:var(--zj-surface-container-low); border-color:var(--zj-outline-variant); }
    .cashier-method-btn[aria-pressed=true][b-s3791zpkjd] { background:var(--cashier-info-soft,var(--zj-primary-container)); }
    .payment-confirm[b-s3791zpkjd] { background:var(--cashier-success-soft,var(--zj-primary-container)); color:var(--cashier-success-ink,var(--zj-on-primary-container)); border-color:currentColor; }
}
.cashier-payment-preparing[b-s3791zpkjd] { padding:24px 0; line-height:1.8; }
/* _content/Zajal.Shared/Components/Orders/CashierReceiptLinks.razor.rz.scp.css */
.cashier-print-panel[b-adtks6h9t3] { margin-top:.75rem; border-top:1px solid var(--zj-outline-variant); padding-top:.6rem; }
summary[b-adtks6h9t3] { cursor:pointer; font-weight:700; font-size:.8rem; padding:.4rem; }
.cashier-print-panel[b-adtks6h9t3]  .btn { margin:.35rem; font-size:.8rem; }
/* _content/Zajal.Shared/Components/Orders/CashierScrollIndicators.razor.rz.scp.css */
.cashier-scroll-shell[b-rt14lsi5ac]{position:relative;display:flex;flex:1;min-height:0;min-width:0;width:100%}
.cashier-scroll-shell[b-rt14lsi5ac]  [data-cashier-cart-viewport]{flex:1;min-height:0;overflow:auto;width:100%;padding-inline-end:4px;scrollbar-width:thin}
.cart-overflow-count[b-rt14lsi5ac]{position:absolute;inset-inline-end:-8px;z-index:3;min-width:20px;min-height:20px!important;height:20px!important;padding:0 2px!important;border:1px solid var(--zj-primary);border-radius:6px;background:color-mix(in srgb,var(--zj-primary) 22%,var(--theme-card-bg,var(--zj-surface-container-lowest)));color:color-mix(in srgb,var(--zj-primary) 60%,#000);font-family:inherit;font-weight:800;font-size:9px;line-height:17px;box-shadow:0 2px 7px #0002}
.cart-overflow-count.above[b-rt14lsi5ac]{top:2px}.cart-overflow-count.below[b-rt14lsi5ac]{bottom:2px}.cart-overflow-count[hidden][b-rt14lsi5ac]{display:none}.cart-overflow-count:focus-visible[b-rt14lsi5ac]{outline:3px solid var(--zj-secondary);outline-offset:2px}

.cart-overflow-count[b-rt14lsi5ac] { display:inline-flex; flex-direction:row; align-items:center; justify-content:center; gap:1px; white-space:nowrap; width:auto!important; border-color:color-mix(in srgb,var(--zj-primary) 55%,var(--theme-card-bg,var(--zj-surface-container-lowest))); }
[data-theme="dark"] .cart-overflow-count[b-rt14lsi5ac] { color:color-mix(in srgb,var(--zj-primary) 50%,#fff); }
/* _content/Zajal.Shared/Components/Orders/CashierShortcutsCarousel.razor.rz.scp.css */
.shortcut-chips-bar[b-yrywauwvlp] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    height: 2.5rem;
    min-height: 2.5rem;
    max-height: 2.65rem;
    padding: 0.15rem 0.5rem;
    background: var(--zj-surface);
    border: 1px solid rgba(var(--zj-primary-rgb), 0.12);
    border-radius: var(--zj-radius-md);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
    min-width: 0;
    user-select: none;
    -webkit-user-select: none;
    box-sizing: border-box;
}

.shortcut-chips__badge[b-yrywauwvlp] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.18rem 0.45rem;
    border-radius: var(--zj-radius-sm);
    background: #fef3c7;
    color: #92400e;
    border: 1px solid #fde68a;
    font-size: 0.72rem;
    font-weight: 800;
    white-space: nowrap;
    flex-shrink: 0;
}

.shortcut-chips__badge-icon[b-yrywauwvlp] {
    font-size: 0.8rem;
    line-height: 1;
}

.shortcut-chips__badge-text[b-yrywauwvlp] {
    line-height: 1;
}

.shortcut-chips__rail[b-yrywauwvlp] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    flex: 1;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
    scroll-snap-type: x proximity;
    touch-action: pan-x;
    padding: 0.05rem 0;
}

.shortcut-chips__rail[b-yrywauwvlp]::-webkit-scrollbar {
    display: none;
}

.shortcut-chip[b-yrywauwvlp] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    height: 1.75rem; /* 28px */
    padding: 0 0.55rem;
    border-radius: var(--zj-radius-full);
    font-family: inherit;
    font-size: 0.73rem;
    font-weight: 700;
    white-space: nowrap;
    cursor: pointer;
    border: 1px solid transparent;
    transition: transform 60ms ease, background 80ms ease, box-shadow 80ms ease;
    flex-shrink: 0;
    box-sizing: border-box;
}

.shortcut-chip:active[b-yrywauwvlp] {
    transform: scale(0.95);
}

.shortcut-chip:focus-visible[b-yrywauwvlp] {
    outline: 2px solid var(--zj-primary);
    outline-offset: 1px;
}

/* الأكثر طلباً: لون مميز */
.shortcut-chip--popular[b-yrywauwvlp] {
    background: #fff7ed;
    color: #9a3412;
    border-color: #fdba74;
}

.shortcut-chip:hover:not(:disabled)[b-yrywauwvlp] {
    background: var(--cashier-info-soft,var(--zj-secondary-container));
    color: var(--cashier-info-ink,var(--zj-on-secondary-container));
    border-color: currentColor;
    box-shadow: none;
}

.shortcut-chip--popular .shortcut-chip__icon[b-yrywauwvlp] {
    color: #ea580c;
    font-size: 0.92rem;
}

/* الأقل طلباً: لون محايد */
.shortcut-chip--neutral[b-yrywauwvlp] {
    background: #f3f4f6;
    color: #374151;
    border-color: #e5e7eb;
}

.shortcut-chip--neutral .shortcut-chip__icon[b-yrywauwvlp] {
    color: #6b7280;
    font-size: 0.92rem;
}

/* زر تكرار آخر طلب */
.shortcut-chip--repeat[b-yrywauwvlp] {
    background: #eff6ff;
    color: #1d4ed8;
    border-color: #bfdbfe;
    font-weight: 800;
}

.shortcut-chip--repeat .shortcut-chip__icon[b-yrywauwvlp] {
    color: #2563eb;
    font-size: 0.92rem;
}

.shortcut-chip:disabled[b-yrywauwvlp] {
    opacity: 0.45;
    cursor: not-allowed;
    transform: none !important;
}

.shortcut-chips__nav[b-yrywauwvlp] {
    display: flex;
    align-items: center;
    gap: 2px;
    flex-shrink: 0;
}

.shortcut-chips__arrow[b-yrywauwvlp] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.4rem;
    height: 1.4rem;
    padding: 0;
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-sm);
    background: var(--zj-surface-container);
    color: var(--zj-on-surface);
    cursor: pointer;
    transition: background 80ms ease;
}

.shortcut-chips__arrow:hover[b-yrywauwvlp] {
    background: var(--cashier-info-soft,var(--zj-secondary-container));
    color: var(--cashier-info-ink,var(--zj-on-secondary-container));
}

.shortcut-chips__arrow .material-symbols-outlined[b-yrywauwvlp] {
    font-size: 0.92rem;
}

.shortcut-chips__empty[b-yrywauwvlp] {
    font-size: 0.7rem;
    color: #9ca3af;
}

.shortcut-chips__notice[b-yrywauwvlp] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-size: 0.68rem;
    color: #0369a1;
    background: #f0f9ff;
    border: 1px solid #bae6fd;
    padding: 0.1rem 0.4rem;
    border-radius: var(--zj-radius-sm);
    flex-shrink: 0;
    white-space: nowrap;
}
.shortcut-chips-bar[b-yrywauwvlp] { padding:10px 14px; border:0; border-radius:18px; background:var(--zj-surface-container-lowest); min-height:48px; }
.shortcut-chip[b-yrywauwvlp] { background:color-mix(in srgb,#15966b 17%,var(--zj-surface-container-lowest)); color:var(--zj-on-surface); border:1px solid color-mix(in srgb,#15966b 30%,var(--zj-outline-variant)); border-radius:10px; padding:6px 10px; font-weight:800; }

/* Transferred shortcut strip dimensions and tones from #pos-shortcuts. */
.shortcut-chips-bar[b-yrywauwvlp] { height:52px; min-height:52px; max-height:52px; padding:10px; border-radius:16px; border:1px solid var(--cashier-glass-border,#f1f5f9); background:var(--cashier-glass,#ffffffe6); box-shadow:0 4px 24px -2px var(--zj-glow); gap:8px; }
.shortcut-chips__badge[b-yrywauwvlp] { padding:0; border:0; background:transparent; color:var(--zj-on-surface-variant); font-size:10px; }
.shortcut-chip[b-yrywauwvlp] { height:30px; min-height:30px; padding:5px 12px; border-radius:12px; font-size:11px; background:var(--cashier-success-soft,var(--zj-surface-container)); background:color-mix(in srgb,var(--zj-primary) 8%,var(--cashier-success-soft,#e1f4e9)); color:var(--cashier-success-ink,var(--zj-on-surface)); border-color:currentColor; border-color:color-mix(in srgb,var(--cashier-success-ink,#155739) 24%,var(--zj-outline-variant)); }
.shortcut-chip__icon[b-yrywauwvlp] { color:inherit!important; }
/* _content/Zajal.Shared/Components/Orders/CashierSplitDialog.razor.rz.scp.css */
.split-overlay[b-tdfjtys789]{position:fixed;inset:0;background:#0009;backdrop-filter:blur(2px);display:grid;place-items:center;z-index:1900;padding:16px}.split-dialog[b-tdfjtys789]{width:min(100%,512px);max-height:90dvh;overflow:hidden;display:flex;flex-direction:column;gap:16px;background:var(--theme-card-bg,var(--zj-surface-container-lowest));color:var(--theme-text-main,var(--zj-on-surface));border:1px solid var(--theme-card-border,var(--zj-outline-variant));border-radius:32px;padding:24px;box-shadow:0 25px 50px #0004}.split-dialog>:not(.split-lines)[b-tdfjtys789]{flex-shrink:0}header[b-tdfjtys789],footer[b-tdfjtys789],.split-heading[b-tdfjtys789]{display:flex;justify-content:space-between;gap:10px;align-items:center}header[b-tdfjtys789]{padding-bottom:12px;border-bottom:1px solid var(--theme-card-border,var(--zj-outline-variant))}.split-heading[b-tdfjtys789]{justify-content:flex-start}.split-symbol[b-tdfjtys789]{width:40px;height:40px;border-radius:16px;background:var(--cashier-violet-soft);color:var(--cashier-secondary);display:grid;place-items:center;flex:none}h2[b-tdfjtys789]{font-size:16px;font-weight:900;line-height:1.6;margin:0}p[b-tdfjtys789],small[b-tdfjtys789]{font-size:12px;color:var(--theme-text-muted,var(--zj-on-surface-variant));margin:0;line-height:1.7}button[b-tdfjtys789]{font:inherit;font-size:12px;font-weight:800;cursor:pointer;border:1px solid color-mix(in srgb,var(--cashier-secondary) 24%,var(--theme-card-border,var(--zj-outline-variant)));background:color-mix(in srgb,var(--zj-primary) 8%,var(--cashier-violet-soft));color:var(--cashier-secondary)}button:disabled[b-tdfjtys789]{opacity:.4;cursor:not-allowed}.split-close[b-tdfjtys789]{width:32px;height:32px;min-width:32px;min-height:32px;padding:0;border-radius:50%;flex:none}.split-mode[b-tdfjtys789]{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:4px;border-radius:16px;background:var(--cashier-surface-low);font-size:12px;font-weight:900;color:var(--cashier-secondary)}.split-mode>span[b-tdfjtys789]{padding:8px}.split-mode button[b-tdfjtys789]{border-radius:12px;padding:8px;min-width:0;min-height:32px;flex:none}.split-destination-fixed[b-tdfjtys789]{width:100%;min-height:40px;padding:8px 12px;border:1px solid var(--theme-card-border,var(--zj-outline-variant));border-radius:12px;background:var(--cashier-surface-low);color:var(--theme-text-main,var(--zj-on-surface));font:inherit}.split-lines[b-tdfjtys789]{display:grid;gap:8px;flex:1 1 auto;min-height:65px;max-height:240px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--zj-primary) 30%,transparent) transparent}.split-line[b-tdfjtys789]{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;border:1px solid var(--theme-card-border,var(--zj-outline-variant));border-radius:16px;background:var(--cashier-surface-low)}.split-item[b-tdfjtys789]{grid-column:1/-1;display:grid;gap:2px;min-width:0}.split-item strong[b-tdfjtys789]{font-size:13px;font-weight:900;overflow-wrap:anywhere}.split-item small[b-tdfjtys789]{font-size:10px}.split-stepper[b-tdfjtys789]{display:flex;align-items:center;direction:rtl;border:1px solid var(--theme-card-border,var(--zj-outline-variant));border-radius:10px;background:var(--theme-card-bg,var(--zj-surface-container-lowest))}.split-stepper button[b-tdfjtys789]{width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:0;background:transparent;color:var(--theme-text-main,var(--zj-on-surface))}.split-line-total[b-tdfjtys789]{font-size:12px;font-weight:900;white-space:nowrap;font-variant-numeric:tabular-nums}.split-totals[b-tdfjtys789]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px;border-radius:16px;border:1px solid color-mix(in srgb,var(--zj-primary) 12%,var(--theme-card-border,var(--zj-outline-variant)));background:color-mix(in srgb,var(--zj-primary) 6%,var(--theme-card-bg,var(--zj-surface-container-lowest)));text-align:center}.split-totals div[b-tdfjtys789]{display:grid;gap:4px}.split-totals span[b-tdfjtys789]{font-size:10px;font-weight:800;color:var(--theme-text-muted,var(--zj-on-surface-variant))}.split-totals strong[b-tdfjtys789]{font-size:16px;font-weight:900;color:var(--zj-primary)}.split-totals div:last-child strong[b-tdfjtys789]{color:var(--theme-text-main,var(--zj-on-surface))}.split-accounting-note[b-tdfjtys789]{font-size:10px}footer[b-tdfjtys789]{border-top:1px solid var(--theme-card-border,var(--zj-outline-variant));padding-top:12px}footer button[b-tdfjtys789]{padding:10px 18px;border-radius:12px;min-height:42px}.split-confirm[b-tdfjtys789]{border:2px solid var(--cashier-secondary);box-shadow:inset 0 -3px var(--cashier-secondary)}button:focus-visible[b-tdfjtys789]{outline:3px solid var(--zj-primary);outline-offset:2px}@media(max-width:480px){.split-dialog[b-tdfjtys789]{padding:16px;gap:12px}.split-line[b-tdfjtys789]{grid-template-columns:1fr auto}.split-item[b-tdfjtys789]{grid-column:1/-1}.split-line-total[b-tdfjtys789]{justify-self:end}footer[b-tdfjtys789]{flex-wrap:wrap}footer button[b-tdfjtys789]{flex:1}}@media(max-height:650px){.split-dialog[b-tdfjtys789]{padding:16px;gap:8px;max-height:calc(100dvh - 24px)}header[b-tdfjtys789],footer[b-tdfjtys789]{padding-block:6px}h2[b-tdfjtys789]{font-size:14px}.split-accounting-note[b-tdfjtys789]{font-size:9px}}
.split-preview-error[b-tdfjtys789]{padding:8px 10px;border-radius:10px;border:1px solid color-mix(in srgb,var(--cashier-danger-ink) 25%,var(--theme-card-border));background:var(--cashier-danger-soft);color:var(--cashier-danger-ink);font-size:12px;line-height:1.8}


.split-stepper[b-tdfjtys789] { display:grid; grid-template-columns:44px minmax(5rem,1fr) 44px; width:100%; max-width:16rem; min-width:0; gap:.25rem; border:0; }
.split-stepper > button:first-child[b-tdfjtys789] { grid-column:1; grid-row:1; }
.split-stepper > button:last-child[b-tdfjtys789] { grid-column:3; grid-row:1; }
.split-stepper[b-tdfjtys789]  .zj-currency-box { grid-column:2; grid-row:1; min-width:0; }
.split-stepper[b-tdfjtys789]  .zj-field-error { grid-column:1/-1; grid-row:2; }
/* _content/Zajal.Shared/Components/Orders/CashierStockPreviewDialog.razor.rz.scp.css */
.review-stock-policy[b-11i02r0cdw]{display:flex;align-items:flex-start;gap:10px;background:color-mix(in srgb,var(--zj-primary) 9%,var(--stock-surface));border-inline-start:3px solid var(--zj-primary);padding:14px;border-radius:12px;font-size:13px}.review-stock-policy>.material-symbols-outlined[b-11i02r0cdw]{font-size:20px;color:var(--zj-primary)}
.review-stock-policy p[b-11i02r0cdw]{font-size:12px;margin:4px 0 0;line-height:1.7;color:var(--theme-text-muted)}.review-stock-readonly[b-11i02r0cdw]{margin-inline-start:auto;white-space:nowrap;font-size:10px;border:1px solid var(--theme-card-border);border-radius:6px;padding:3px 6px}
.review-stock-summary[b-11i02r0cdw]{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:24px 0 12px}.review-stock-summary h3[b-11i02r0cdw]{font-size:14px;font-weight:900}.review-stock-summary>span[b-11i02r0cdw]{font-size:11px;color:var(--theme-text-muted)}
.review-stock-columns[b-11i02r0cdw],.review-stock-row[b-11i02r0cdw]{display:grid;grid-template-columns:minmax(0,1fr) 68px 112px;align-items:center;gap:12px}.review-stock-columns[b-11i02r0cdw]{font-size:10px;color:var(--theme-text-muted);padding:0 0 10px;border-bottom:1px solid var(--theme-card-border)}.review-stock-columns>span:not(:first-child)[b-11i02r0cdw]{text-align:center}
.review-stock-row[b-11i02r0cdw]{padding:17px 0;border-bottom:1px solid var(--theme-card-border);font-size:13px}.review-stock-name[b-11i02r0cdw]{display:flex;gap:10px;align-items:center;min-width:0}.review-stock-name strong[b-11i02r0cdw]{line-height:1.8;overflow-wrap:anywhere}.review-stock-index[b-11i02r0cdw]{font-size:11px;color:var(--theme-text-muted);flex-shrink:0}.review-stock-qty[b-11i02r0cdw]{justify-self:center;font-weight:900;font-size:15px;background:var(--stock-muted);border-radius:9px;min-width:34px;padding:6px;text-align:center}.review-stock-unknown[b-11i02r0cdw]{justify-self:center;display:flex;gap:7px;align-items:center;color:var(--theme-text-muted);font-size:11px;white-space:nowrap}
.review-stock-explanation[b-11i02r0cdw]{margin-top:18px;font-size:12px;color:var(--theme-text-muted)}.review-stock-explanation summary[b-11i02r0cdw]{cursor:pointer;font-weight:700;padding:6px 0}.review-stock-explanation p[b-11i02r0cdw]{font-size:12px;margin-bottom:0}
.review-stock-dialog .review-stock-footer[b-11i02r0cdw]{margin:0;padding:16px 24px;border-top:1px solid var(--theme-card-border);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;background:var(--stock-muted)}.review-stock-footer>span[b-11i02r0cdw]{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--theme-text-muted)}.review-stock-footer>span .material-symbols-outlined[b-11i02r0cdw]{font-size:16px}.review-stock-footer button[b-11i02r0cdw]{white-space:nowrap}
.review-stock-empty[b-11i02r0cdw]{display:grid;justify-items:center;text-align:center;gap:10px;padding:30px 12px}.review-stock-empty>.material-symbols-outlined[b-11i02r0cdw]{font-size:36px;color:var(--zj-primary)}.review-stock-empty p[b-11i02r0cdw]{margin:0;color:var(--theme-text-muted)}
@media(max-width:600px){.review-stock-header[b-11i02r0cdw],.review-stock-body[b-11i02r0cdw]{padding:16px}.review-stock-header h2[b-11i02r0cdw]{font-size:17px}.review-stock-symbol[b-11i02r0cdw]{padding:8px}.review-stock-columns[b-11i02r0cdw],.review-stock-row[b-11i02r0cdw]{grid-template-columns:minmax(0,1fr) 44px 80px;gap:8px}.review-stock-readonly[b-11i02r0cdw]{display:none}.review-stock-dialog .review-stock-footer[b-11i02r0cdw]{padding:14px 16px}.review-stock-footer>span[b-11i02r0cdw]{max-width:120px}.review-stock-summary[b-11i02r0cdw]{align-items:flex-start}.review-stock-summary>span[b-11i02r0cdw]{max-width:130px}}

.stock-preview-scope[b-11i02r0cdw] { --stock-surface:#fff; --stock-muted:#f5f7fa; }
[data-theme="dark"] .stock-preview-scope[b-11i02r0cdw] { --stock-surface:#182232; --stock-muted:#202e41; }
.stock-preview-scope[b-11i02r0cdw]  .cashier-detail-dialog { background:var(--stock-surface); border-radius:24px; }
.stock-preview-scope[b-11i02r0cdw]  header { padding:22px 24px; }
.stock-preview-scope[b-11i02r0cdw]  .cashier-detail-body { display:block; padding:22px 24px; }
.stock-preview-scope[b-11i02r0cdw]  footer { padding:16px 24px; background:var(--stock-muted); justify-content:space-between; }
.review-stock-name small[b-11i02r0cdw] { display:block; font-size:11px; color:var(--theme-text-muted); }
.review-stock-explanation p[b-11i02r0cdw] { line-height:1.8; }
.stock-preview-done[b-11i02r0cdw] { border:1px solid var(--zj-primary); border-radius:12px; background:var(--cashier-info-soft,#e7effb); color:var(--cashier-info-ink,#244e7b); padding:10px 18px; min-height:42px; font:800 13px/1.6 Cairo,sans-serif; cursor:pointer; }
.stock-preview-footer-note[b-11i02r0cdw] { display:flex; align-items:center; gap:7px; font-size:10px; color:var(--theme-text-muted); }
.known[b-11i02r0cdw] { color:var(--cashier-success-ink,#155739); }.shortage[b-11i02r0cdw] { color:var(--cashier-danger-ink,#8a3229); }
.stock-preview-scope[b-11i02r0cdw]  .cashier-detail-shade{background:#07152180;backdrop-filter:blur(4px);padding:16px}
.stock-preview-scope[b-11i02r0cdw]  .cashier-detail-heading h2{font-size:21px;margin:2px 0 0}
.stock-preview-scope[b-11i02r0cdw]  .cashier-detail-heading>.material-symbols-outlined{padding:12px;border-radius:15px;background:color-mix(in srgb,var(--zj-primary) 14%,var(--stock-surface))}
.stock-preview-scope[b-11i02r0cdw]  .cashier-detail-dialog>header>button{background:var(--stock-muted);border-radius:12px}
@media(max-width:600px){.stock-preview-scope[b-11i02r0cdw]  .cashier-detail-heading h2{font-size:17px}.stock-preview-scope[b-11i02r0cdw]  .cashier-detail-heading>.material-symbols-outlined{padding:8px}.stock-preview-scope[b-11i02r0cdw]  .cashier-detail-dialog>header,.stock-preview-scope[b-11i02r0cdw]  .cashier-detail-body{padding:16px}.stock-preview-scope[b-11i02r0cdw]  .cashier-detail-dialog>footer{padding:14px 16px}}
/* _content/Zajal.Shared/Components/Orders/CashierThermalReceiptModal.razor.rz.scp.css */
.local-printer[b-rwwln192wp] { padding:8px 12px; border-bottom:1px solid var(--theme-card-border,var(--zj-outline-variant)); background:var(--zj-surface); font-size:12px; flex-shrink:0; }
.local-printer__summary[b-rwwln192wp] { display:flex; gap:8px; align-items:center; justify-content:space-between; }
.local-printer__summary > span[b-rwwln192wp] { overflow-wrap:anywhere; min-width:0; }
.local-printer > label[b-rwwln192wp],.local-printer small[b-rwwln192wp] { display:block; margin-top:6px; }


.local-printer__actions[b-rwwln192wp] { display:flex; flex-wrap:wrap; gap:5px; margin-top:6px; }
.local-printer p[b-rwwln192wp] { margin:6px 0 0; }
.local-printer a[b-rwwln192wp] { display:inline-block; margin-top:5px; }
.receipt-draft-discount[b-rwwln192wp] { padding:10px 12px; }

.receipt-draft-discount small[b-rwwln192wp] { font-weight:400; color:var(--theme-text-muted,var(--zj-on-surface-variant)); line-height:1.7; }

.receipt-overlay[b-rwwln192wp]{position:fixed;inset:0;z-index:1900;background:#0009;backdrop-filter:blur(2px);display:grid;place-items:center;padding:16px}.receipt-dialog[b-rwwln192wp]{width:min(100%,448px);max-height:92dvh;display:flex;flex-direction:column;gap:16px;overflow:hidden;padding:20px;border-radius:32px;background:var(--theme-card-bg,var(--zj-surface-container-lowest));color:var(--theme-text-main,var(--zj-on-surface));border:1px solid var(--theme-card-border,var(--zj-outline-variant));box-shadow:0 25px 50px #0004}.receipt-dialog__header[b-rwwln192wp]{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--theme-card-border,var(--zj-outline-variant));flex:none}.receipt-heading[b-rwwln192wp]{display:flex;gap:8px;align-items:center}.receipt-symbol[b-rwwln192wp]{width:36px;height:36px;flex:none;border-radius:16px;background:#0f172a;color:#fff;display:grid;place-items:center;font-size:18px}.receipt-heading h3[b-rwwln192wp]{font-size:14px;font-weight:900;line-height:1.7;margin:0}.receipt-heading small[b-rwwln192wp]{font-size:11px;color:var(--theme-text-muted,var(--zj-on-surface-variant))}.receipt-close[b-rwwln192wp]{width:28px;height:28px;min-width:28px;min-height:28px;flex:none;border-radius:50%;padding:0}
.receipt-dialog button[b-rwwln192wp],.receipt-dialog[b-rwwln192wp]  .receipt-export-button{font:inherit;font-size:12px;font-weight:800;border:1px solid color-mix(in srgb,var(--theme-text-main,var(--zj-on-surface)) 24%,var(--theme-card-border,var(--zj-outline-variant)));color:var(--theme-text-main,var(--zj-on-surface));background:color-mix(in srgb,var(--zj-primary) 8%,var(--theme-card-bg,var(--zj-surface-container-lowest)));cursor:pointer}.receipt-dialog button:disabled[b-rwwln192wp],.receipt-dialog[b-rwwln192wp]  .receipt-export-button:disabled{opacity:.45;cursor:not-allowed}.receipt-settings__paper[b-rwwln192wp]{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:8px;border-radius:12px;border:1px solid var(--theme-card-border,var(--zj-outline-variant));background:var(--cashier-surface-low,var(--zj-surface-container-low));font-size:12px;flex:none}.receipt-paper-width[b-rwwln192wp]{display:flex;gap:4px}.receipt-paper-width button[b-rwwln192wp]{border-radius:8px;padding:4px 10px;min-width:0;min-height:28px}.receipt-paper-width button[aria-pressed=true][b-rwwln192wp]{border:2px solid var(--theme-text-main,var(--zj-on-surface));box-shadow:inset 0 -2px var(--theme-text-main,var(--zj-on-surface))}.receipt-settings__paper label[b-rwwln192wp]{display:flex;align-items:center;gap:6px;font-weight:800;cursor:pointer}.receipt-settings__paper input[b-rwwln192wp]{width:16px;height:16px;accent-color:var(--zj-primary)}.receipt-dialog__body[b-rwwln192wp]{min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--zj-primary) 30%,transparent) transparent}.receipt-settings[b-rwwln192wp]{background:var(--theme-card-bg,var(--zj-surface-container-lowest));margin-bottom:10px;border:1px solid var(--theme-card-border,var(--zj-outline-variant));border-radius:12px}.receipt-settings>summary[b-rwwln192wp]{padding:7px 12px;cursor:pointer;font-size:11px;font-weight:700}.receipt-dialog__paper[b-rwwln192wp]{padding:16px;display:flex;justify-content:center;border:1px solid var(--theme-card-border,var(--zj-outline-variant));border-radius:16px;background:#fff;color:#111827;box-shadow:inset 0 1px 4px #0001}.receipt-dialog__footer[b-rwwln192wp]{display:grid;gap:8px;padding-top:4px;flex:none}.receipt-export-actions[b-rwwln192wp]{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.receipt-export-actions[b-rwwln192wp]  > div{display:contents!important}.receipt-export-button[b-rwwln192wp],.receipt-dialog[b-rwwln192wp]  .receipt-export-button{padding:8px 12px;min-height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:5px}.receipt-dialog[b-rwwln192wp]  .receipt-export-button .material-symbols-outlined{font-size:16px}.receipt-print-now[b-rwwln192wp]{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:44px;padding:10px;border-radius:12px}.receipt-print-now .material-symbols-outlined[b-rwwln192wp]{font-size:16px}.receipt-dialog button:focus-visible[b-rwwln192wp],.receipt-dialog[b-rwwln192wp]  button:focus-visible,.receipt-dialog input:focus-visible[b-rwwln192wp],.receipt-settings>summary:focus-visible[b-rwwln192wp]{outline:3px solid var(--zj-primary);outline-offset:2px}
@media(prefers-reduced-motion:reduce){.receipt-dialog[b-rwwln192wp],.receipt-dialog[b-rwwln192wp]  *{animation:none!important;transition:none!important}}
/* Reference receipt typography is scoped to the preview; the printable paper keeps its millimetre contract. */
@media screen{
    .receipt-dialog__paper[b-rwwln192wp]{max-height:380px;overflow-y:auto;align-items:flex-start;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--zj-primary) 30%,transparent) transparent}
    .receipt-dialog__paper #thermal-receipt-printable-area[b-rwwln192wp]{max-width:none!important}
    .receipt-dialog__paper[data-paper-width="58"] #thermal-receipt-printable-area[b-rwwln192wp]{max-width:260px!important}
    .receipt-dialog__paper[b-rwwln192wp]  .thermal-receipt-panel{width:100%;max-width:none}
    .receipt-dialog__paper[b-rwwln192wp]  .thermal-receipt-panel .thermal-paper{width:100%;max-width:100%;padding:0;border:0;border-radius:0;box-shadow:none;font-family:'Courier New',Courier,monospace;font-size:11px;line-height:1.6}
    .receipt-dialog__paper[b-rwwln192wp]  .thermal-restaurant-name{font-family:Cairo,Tahoma,sans-serif;font-size:12px;line-height:1.7;letter-spacing:normal;font-weight:900}
    .receipt-dialog__paper[b-rwwln192wp]  .thermal-branch-name{font-size:11px}
    .receipt-dialog__paper[b-rwwln192wp]  .thermal-subtitle{font-size:9px}
    .receipt-dialog__paper[b-rwwln192wp]  .thermal-meta-grid{font-size:10px;gap:4px}
    .receipt-dialog__paper[b-rwwln192wp]  .thermal-items-table{font-size:10px}
    .receipt-dialog__paper[b-rwwln192wp]  .thermal-items-table th{font-size:10px;padding-bottom:4px;border-bottom:1px solid #94a3b8}
    .receipt-dialog__paper[b-rwwln192wp]  .thermal-items-table td{padding:4px 0;border-bottom:1px dotted #cbd5e1}
    .receipt-dialog__paper[b-rwwln192wp]  .thermal-item-name strong{font-size:11px}
    .receipt-dialog__paper[b-rwwln192wp]  .thermal-item-options{font-size:10px}
    .receipt-dialog__paper[b-rwwln192wp]  .thermal-totals{font-size:10px;gap:4px}
    .receipt-dialog__paper[b-rwwln192wp]  .thermal-grand-total{font-size:14px}
    .receipt-dialog__paper[b-rwwln192wp]  .thermal-footer{margin-top:8px}
    .receipt-dialog__paper[b-rwwln192wp]  .thermal-header{margin-bottom:8px}
    .receipt-dialog__paper[b-rwwln192wp]  .thermal-divider-dashed,.receipt-dialog__paper[b-rwwln192wp]  .thermal-divider-solid{margin:8px 0}
}
@media(max-height:650px){.receipt-dialog[b-rwwln192wp]{gap:10px;padding:16px;max-height:calc(100dvh - 24px)}.receipt-dialog__header[b-rwwln192wp]{padding-bottom:6px}}@media(max-width:420px){.receipt-dialog[b-rwwln192wp]{padding:16px;border-radius:24px}.receipt-dialog__paper[b-rwwln192wp]{padding:8px}}

@supports not (color: color-mix(in srgb, black, white)) {
    .receipt-dialog button[b-rwwln192wp],.receipt-dialog[b-rwwln192wp]  .receipt-export-button {
        background:var(--theme-card-bg,var(--zj-surface-container-lowest));
        color:var(--theme-text-main,var(--zj-on-surface));
        border-color:var(--theme-card-border,var(--zj-outline-variant));
    }
}
/* _content/Zajal.Shared/Components/Orders/CashierTicketHeader.razor.rz.scp.css */
.cashier-ticket-header[b-tu02e8pwcb] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 10px 12px;
    background: var(--zj-surface, #ffffff);
    border-bottom: 1px solid var(--zj-outline-variant, #dbc1b5);
    border-radius: 0;
}

.ticket-header__meta-row[b-tu02e8pwcb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.meta-identity[b-tu02e8pwcb] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.meta-icon-box[b-tu02e8pwcb] {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: rgba(var(--zj-primary-rgb, 150, 68, 7), 0.1);
    color: var(--zj-primary, #964407);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.meta-icon-box .material-symbols-outlined[b-tu02e8pwcb] {
    font-size: 20px;
}

.meta-details[b-tu02e8pwcb] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    min-width: 0;
}

.meta-title-line[b-tu02e8pwcb] {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
}

.meta-title[b-tu02e8pwcb] {
    font-size: 0.88rem;
    font-weight: 700;
    color: var(--zj-on-surface);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.meta-order-badge[b-tu02e8pwcb] {
    background: var(--zj-surface-container-high);
    color: var(--zj-on-surface-variant);
    font-size: 10px;
    font-weight: 700;
    padding: 1px 6px;
    border-radius: 4px;
}

.meta-time[b-tu02e8pwcb] {
    display: flex;
    align-items: center;
    gap: 3px;
    font-size: 11px;
    color: var(--zj-on-surface-variant);
}

.time-icon[b-tu02e8pwcb] {
    font-size: 13px;
}

.ticket-header__service-row[b-tu02e8pwcb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    flex-wrap: wrap;
}

.ticket-type-segmented[b-tu02e8pwcb] {
    display: inline-flex;
    background: var(--zj-surface-container, #ede8e1);
    padding: 3px;
    border-radius: 8px;
    gap: 2px;
}

.type-pill[b-tu02e8pwcb] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    border: none;
    background: transparent;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 600;
    color: var(--zj-on-surface-variant, #57534e);
    cursor: pointer;
    transition: all 0.15s ease;
}

.type-pill .material-symbols-outlined[b-tu02e8pwcb] {
    font-size: 16px;
}

.type-pill:hover:not(:disabled)[b-tu02e8pwcb] {
    background: rgba(var(--zj-on-surface-rgb, 0, 0, 0), 0.08);
}

.type-pill.is-active[b-tu02e8pwcb] {
    background: var(--zj-surface-container-highest, #ffffff);
    color: var(--zj-primary, #3e2717);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    font-weight: 700;
}

.table-selector-chip[b-tu02e8pwcb] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 12px;
    cursor: pointer;
    transition: all 0.15s ease;
    border: 1px solid transparent;
}

.table-selector-chip.has-table[b-tu02e8pwcb] {
    background: #fef3c7;
    border-color: #fde68a;
    color: #92400e;
}

.table-selector-chip.has-table:hover[b-tu02e8pwcb] {
    background: #fde68a;
}

.table-selector-chip.missing-table[b-tu02e8pwcb] {
    background: #fee2e2;
    border-color: #fca5a5;
    color: #991b1b;
}

.table-selector-chip .material-symbols-outlined[b-tu02e8pwcb] {
    font-size: 16px;
}

.table-chip__action[b-tu02e8pwcb] {
    font-size: 10px;
    opacity: 0.8;
    text-decoration: none;
}

.ticket-header__customer-box[b-tu02e8pwcb] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    position: relative;
}

.customer-picker-row[b-tu02e8pwcb] {
    display: flex;
    align-items: center;
    gap: 6px;
    width: 100%;
}

.customer-picker-row[b-tu02e8pwcb]  .zj-autocomplete-host {
    flex: 1;
    min-width: 0;
    display: block;
}

.customer-picker-row[b-tu02e8pwcb]  .zj-autocomplete__control {
    min-height: 30px !important;
    height: 30px !important;
    border-radius: 8px !important;
    font-size: 11.5px !important;
    border: 1px solid var(--zj-outline-variant, #d6d3d1) !important;
}

.customer-picker-row[b-tu02e8pwcb]  .zj-autocomplete__search-icon {
    inset-inline-start: 0.45rem !important;
    font-size: 0.95rem !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

.customer-picker-row[b-tu02e8pwcb]  .zj-autocomplete__input {
    min-height: 28px !important;
    height: 28px !important;
    font-size: 11.5px !important;
    padding: 0 1.6rem !important;
    line-height: 28px !important;
}

.customer-picker-row[b-tu02e8pwcb]  .zj-autocomplete__trigger {
    width: 1.5rem !important;
    height: 1.5rem !important;
    min-height: 1.5rem !important;
    inset-inline-end: 0.25rem !important;
}

.customer-picker-row[b-tu02e8pwcb]  .zj-autocomplete__trigger .material-symbols-outlined {
    font-size: 14px !important;
}

.customer-emoji-btn[b-tu02e8pwcb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    font-size: 16px;
    background: var(--zj-surface, #ffffff);
    border: 1px solid var(--zj-outline-variant, #d6d3d1);
    border-radius: 8px;
    cursor: pointer;
    flex-shrink: 0;
    color: var(--zj-on-surface, inherit);
}

.customer-emoji-btn:hover:not(:disabled)[b-tu02e8pwcb] {
    background: var(--zj-surface-container-high, #f5f5f4);
}

.customer-select-control[b-tu02e8pwcb] {
    flex: 1;
    height: 30px;
    padding: 2px 8px;
    font-size: 12px;
    border: 1px solid var(--zj-outline-variant, #d6d3d1);
    border-radius: 8px;
    background: var(--zj-surface, #ffffff);
    color: var(--zj-on-surface, #292524);
}

/* Compact Identity Row & Chip */
.customer-identity-row[b-tu02e8pwcb] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.customer-identity-chip[b-tu02e8pwcb] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 8px;
    height: 24px;
    border-radius: 6px;
    border: 1px solid var(--zj-outline-variant, #d1d5db);
    background: var(--zj-surface-container, #f3f4f6);
    color: var(--zj-on-surface, #374151);
    font-size: 11px;
    cursor: pointer;
    transition: all 0.15s ease;
    width: 100%;
    justify-content: flex-start;
    overflow: hidden;
}

.customer-identity-chip strong[b-tu02e8pwcb] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.customer-identity-chip:hover[b-tu02e8pwcb] {
    background: var(--zj-surface-container-high, #e5e7eb);
    border-color: var(--zj-primary, #9ca3af);
}

.customer-identity-chip .material-symbols-outlined[b-tu02e8pwcb] {
    font-size: 14px;
    color: var(--zj-on-surface-variant, #4b5563);
}

.customer-identity-chip .chip-edit-icon[b-tu02e8pwcb] {
    margin-inline-start: auto;
    font-size: 13px;
    opacity: 0.7;
}

/* Floating Customer Popover (Doesn't affect ticket height) */
.customer-new-popover-scrim[b-tu02e8pwcb] {
    position: fixed;
    inset: 0;
    z-index: 120;
    background: rgba(0, 0, 0, 0.4);
}

.customer-new-popover[b-tu02e8pwcb] {
    position: absolute;
    top: calc(100% + 4px);
    right: 0;
    left: 0;
    z-index: 130;
    background: var(--zj-surface-container-lowest, var(--zj-surface, #ffffff));
    border: 1px solid var(--zj-outline-variant, #d1d5db);
    border-radius: 10px;
    box-shadow: var(--zj-shadow-lg, 0 10px 25px -5px rgba(0, 0, 0, 0.2));
    padding: 10px 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    color: var(--zj-on-surface, #1f2937);
}

.customer-new-popover__header[b-tu02e8pwcb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 6px;
    border-bottom: 1px solid var(--zj-outline-variant, #f3f4f6);
    font-size: 12px;
    color: var(--zj-on-surface, #1f2937);
}

.customer-new-popover__close[b-tu02e8pwcb] {
    background: transparent;
    border: none;
    cursor: pointer;
    font-size: 14px;
    color: var(--zj-on-surface-variant, #6b7280);
    padding: 2px 6px;
    border-radius: 4px;
}

.customer-new-popover__close:hover[b-tu02e8pwcb] {
    background: var(--zj-surface-container-high, #f3f4f6);
    color: var(--zj-on-surface, #111827);
}









.customer-hint[b-tu02e8pwcb] {
    font-size: 10px;
    padding: 3px 8px;
    border-radius: 6px;
    margin-top: 2px;
}

.hint-error[b-tu02e8pwcb] {
    background: var(--zj-error-container, #fee2e2);
    color: var(--zj-error, #991b1b);
    border: 1px solid var(--zj-error, #fca5a5);
}

.hint-success[b-tu02e8pwcb] {
    background: var(--zj-success-container, #f0fdf4);
    color: var(--zj-success, #166534);
    border: 1px solid var(--zj-success, #bbf7d0);
}

.customer-phone-badge[b-tu02e8pwcb] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 11px;
    color: #78716c;
    padding-right: 36px;
}

.customer-phone-badge .material-symbols-outlined[b-tu02e8pwcb] {
    font-size: 14px;
}
.cashier-ticket-header[b-tu02e8pwcb]{border:1px solid var(--zj-outline-variant);border-radius:20px;background:var(--zj-surface-container);padding:10px;flex:none}.ticket-header__meta-row[b-tu02e8pwcb]{display:none}.ticket-header__customer-box[b-tu02e8pwcb]{border:0;background:transparent;padding:0}.customer-emoji-btn[b-tu02e8pwcb]{border-radius:15px;min-height:48px;min-width:48px}.customer-picker-row[b-tu02e8pwcb]{gap:8px}.customer-select-control[b-tu02e8pwcb]{font-size:16px;font-weight:900}.customer-contact-chip[b-tu02e8pwcb]{border-radius:10px;background:color-mix(in srgb,#15966b 18%,var(--zj-surface))}

.customer-points-badge[b-tu02e8pwcb]{display:inline-flex;gap:6px;align-items:center;padding:5px 10px;margin:6px 0 0;border:1px solid color-mix(in srgb,var(--zj-secondary) 50%,transparent);background:var(--zj-secondary-container);color:var(--zj-on-secondary-container);border-radius:10px;font-weight:800;font-size:13px}.customer-phone-badge[b-tu02e8pwcb]{display:inline-flex;margin-inline-end:8px;background:#ddf6e9;color:#145942;border:1px solid #9bcdb4;border-radius:10px;padding:5px 10px}
.cashier-ticket-header--no-customer[b-tu02e8pwcb] { display:none; }
.cashier-ticket-header[b-tu02e8pwcb] { background:color-mix(in srgb,var(--zj-primary) 7%,var(--zj-surface-container-lowest)); padding:12px; border-radius:18px; }
.ticket-header__customer-box[b-tu02e8pwcb] { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:5px; }
.customer-picker-row[b-tu02e8pwcb] { display:flex; align-items:center; width:100%; gap:10px; }
.customer-display[b-tu02e8pwcb] { flex:1; min-width:0; text-align:start; }
.customer-display strong[b-tu02e8pwcb] { font-size:16px; font-weight:900; overflow-wrap:anywhere; }
.customer-display small[b-tu02e8pwcb] { display:block; color:var(--zj-on-surface-variant); font-size:10px; margin-top:3px; }
.customer-search-button[b-tu02e8pwcb] { display:grid; place-items:center; width:36px; height:44px; flex:none; border:1px solid var(--zj-outline-variant); border-radius:11px; background:color-mix(in srgb,var(--zj-primary) 12%,var(--zj-surface-container-lowest)); color:var(--zj-on-surface); }
.customer-search-button .material-symbols-outlined[b-tu02e8pwcb] { font-size:20px; }
.customer-phone-badge[b-tu02e8pwcb],.customer-points-badge[b-tu02e8pwcb] { margin:0; font-size:12px; padding:3px 7px; }
.customer-search-button:focus-visible[b-tu02e8pwcb] { outline:2px solid var(--zj-primary); outline-offset:2px; }

.customer-metrics[b-tu02e8pwcb] { display:flex; flex-wrap:wrap; gap:6px; margin-top:5px; }
.customer-metrics:empty[b-tu02e8pwcb] { display:none; }
.customer-name-line[b-tu02e8pwcb] { display:flex; align-items:center; flex-wrap:wrap; gap:6px; min-width:0; }
.customer-name-line>strong[b-tu02e8pwcb] { min-width:0; }
.customer-tier-badge[b-tu02e8pwcb] { display:inline-flex; align-items:center; gap:3px; flex:none; border-radius:6px; padding:1px 6px; font-size:9px; font-weight:900; line-height:1.6; color:var(--cashier-warm-ink,#92400e); background:var(--cashier-warm-soft,#fef3c7); white-space:nowrap; }
.customer-display strong[b-tu02e8pwcb] { font-size:15px; line-height:1.5; }
.cashier-ticket-header[b-tu02e8pwcb] { padding:10px; border-radius:16px; background:var(--cashier-surface-low,var(--zj-surface-container)); }
.customer-points-badge[b-tu02e8pwcb],.customer-phone-badge[b-tu02e8pwcb] { font-size:13px; font-weight:800; line-height:1.5; padding:4px 7px; border-radius:8px; }
.customer-points-badge[b-tu02e8pwcb] { color:var(--cashier-secondary,#603a80); background:var(--cashier-violet-soft,#f0e9fb); border-color:color-mix(in srgb,var(--cashier-secondary,#603a80) 30%,transparent); }
.customer-phone-badge[b-tu02e8pwcb] { color:var(--cashier-success-ink,#155739); background:var(--cashier-success-soft,#e1f4e9); border-color:color-mix(in srgb,var(--cashier-success-ink,#155739) 30%,transparent); }
.customer-emoji-btn[b-tu02e8pwcb] { width:36px; min-width:36px; height:36px; min-height:36px; border-radius:12px; }
.customer-picker-anonymous[b-tu02e8pwcb],.customer-picker-new-form button[b-tu02e8pwcb] { border:1px solid var(--theme-card-border); border-radius:12px; padding:10px 16px; font:inherit; font-size:12px; font-weight:800; background:var(--cashier-info-soft); color:var(--cashier-info-ink); }

.customer-picker-results[b-tu02e8pwcb] { display:grid; gap:6px; max-height:176px; overflow:auto; }
.customer-picker-card[b-tu02e8pwcb] { display:flex; width:100%; align-items:center; gap:10px; text-align:start; padding:10px; border:1px solid var(--theme-card-border); border-radius:12px; background:var(--theme-card-bg); color:var(--theme-text-main); font:inherit; }
.customer-picker-card:hover[b-tu02e8pwcb] { border-color:var(--zj-primary); background:var(--cashier-info-soft); }
.customer-picker-avatar[b-tu02e8pwcb] { display:grid; place-items:center; width:36px; height:36px; background:var(--cashier-surface-low); border-radius:10px; }
.customer-picker-identity[b-tu02e8pwcb] { flex:1; min-width:0; display:grid; gap:3px; }
.customer-picker-identity strong[b-tu02e8pwcb] { font-size:13px; overflow-wrap:anywhere; }
.customer-picker-identity small[b-tu02e8pwcb],.customer-picker-empty[b-tu02e8pwcb] { font-size:11px; color:var(--theme-text-muted); }
.customer-picker-points[b-tu02e8pwcb] { flex-shrink:0; color:var(--cashier-secondary,var(--zj-on-surface)); background:var(--cashier-violet-soft,var(--zj-surface-container)); border:1px solid currentColor; border-radius:8px; padding:5px 8px; font-size:11px; line-height:1.7; }
.customer-picker-points strong[b-tu02e8pwcb] { font-size:13px; font-weight:800; font-variant-numeric:tabular-nums; }
.customer-emoji-btn > span[b-tu02e8pwcb],.customer-picker-avatar[b-tu02e8pwcb] { font-family:var(--zj-font-emoji); }
.customer-picker-new[b-tu02e8pwcb] { display:flex; align-items:center; gap:12px; padding:14px; width:100%; text-align:start; border:1px solid var(--theme-card-border); border-radius:14px; background:var(--cashier-success-soft); color:var(--cashier-success-ink); box-shadow:inset -4px 0 var(--cashier-success-ink); font:inherit; }
.customer-picker-new>span:nth-child(2)[b-tu02e8pwcb] { flex:1; }
.customer-picker-new strong[b-tu02e8pwcb],.customer-picker-new small[b-tu02e8pwcb] { display:block; }
.customer-picker-new strong[b-tu02e8pwcb] { font-size:15px; }.customer-picker-new small[b-tu02e8pwcb] { font-size:11px; margin-top:4px; }
.customer-picker-new-form[b-tu02e8pwcb] { padding:15px; border:1px solid var(--theme-card-border); border-radius:14px; background:var(--cashier-success-soft); color:var(--theme-text-main); }

.customer-picker-new-form small[b-tu02e8pwcb] { font-size:11px; }
.customer-picker-card:focus-visible[b-tu02e8pwcb],.customer-picker-new:focus-visible[b-tu02e8pwcb],.customer-picker-anonymous:focus-visible[b-tu02e8pwcb] { outline:3px solid var(--zj-primary); outline-offset:2px; }

.cashier-ticket-header--compact[b-tu02e8pwcb] { padding:8px; border-radius:12px; }
.cashier-ticket-header--compact .customer-picker-row[b-tu02e8pwcb] { gap:6px; }
.cashier-ticket-header--compact .customer-display strong[b-tu02e8pwcb] { font-size:13px; }
.cashier-ticket-header--compact .customer-metrics[b-tu02e8pwcb] { gap:4px; margin-top:2px; }
.cashier-ticket-header--compact .customer-points-badge[b-tu02e8pwcb],
.cashier-ticket-header--compact .customer-phone-badge[b-tu02e8pwcb] { padding:2px 5px; font-size:12px; }
.cashier-ticket-header--compact .customer-search-button[b-tu02e8pwcb] { width:36px; height:36px; border-radius:8px; background:var(--cashier-info-soft,var(--zj-surface-container)); }
@media(pointer:coarse) { .cashier-ticket-header--compact .customer-search-button[b-tu02e8pwcb],.cashier-ticket-header--compact .customer-emoji-btn[b-tu02e8pwcb] { min-width:44px; min-height:44px; } }
/* _content/Zajal.Shared/Components/Orders/DiscountBreakdownPanel.razor.rz.scp.css */
section[b-qz63f7xpnn] { margin-block: 1rem; padding: 1.25rem; border: 1px solid var(--zj-outline-variant, #64748b55); border-radius: 1rem; }
h3[b-qz63f7xpnn] { margin: 0 0 .75rem; font-size: 1.15rem; }
h4[b-qz63f7xpnn] { margin: 1rem 0 .4rem; }
p[b-qz63f7xpnn] { line-height: 1.8; margin: .5rem 0; }
table[b-qz63f7xpnn] { width: 100%; border-collapse: collapse; margin-block: .75rem; }
th[b-qz63f7xpnn], td[b-qz63f7xpnn] { text-align: start; padding: .7rem 1rem; border-bottom: 1px solid var(--zj-outline-variant, #64748b55); }
th[b-qz63f7xpnn] { font-weight: 700; }
th:last-child[b-qz63f7xpnn], td:last-child[b-qz63f7xpnn] { text-align: end; white-space: nowrap; min-width: 6rem; font-variant-numeric: tabular-nums; }
tbody tr:first-child[b-qz63f7xpnn] { font-weight: 700; }
@media (max-width: 600px) { section[b-qz63f7xpnn] { padding: .85rem; } th[b-qz63f7xpnn], td[b-qz63f7xpnn] { padding: .6rem .4rem; } }
/* _content/Zajal.Shared/Components/Orders/OrderStockDispositionPanel.razor.rz.scp.css */
.order-stock-decision[b-xc2bbgcnh9]{display:grid;gap:1rem;margin-block:1rem;padding:1.25rem;background:var(--zj-surface-container-low);color:var(--zj-on-surface);border:1px solid var(--zj-outline-variant);border-radius:1rem;min-width:0}
.order-stock-decision h2[b-xc2bbgcnh9],.order-stock-decision h3[b-xc2bbgcnh9],.order-stock-decision p[b-xc2bbgcnh9]{margin:0;line-height:1.7}
.order-stock-decision h2[b-xc2bbgcnh9]{font-size:1.2rem}.order-stock-decision h3[b-xc2bbgcnh9]{font-size:1rem}
.order-stock-decision [role="alert"][b-xc2bbgcnh9]{padding:.75rem;border-radius:.6rem;background:var(--zj-error-container);color:var(--zj-on-error-container)}
.order-stock-decision [role="alert"]:focus[b-xc2bbgcnh9]{outline:3px solid var(--zj-error);outline-offset:2px}
.order-stock-decision__line[b-xc2bbgcnh9]{padding:1rem;border:1px solid var(--zj-outline-variant);border-radius:.8rem;min-width:0}



.order-stock-decision button[b-xc2bbgcnh9]{justify-self:start;min-height:2.75rem}.order-stock-decision .btn-primary[b-xc2bbgcnh9]{background:#006c9c;color:white}
@media(max-width:700px){.order-stock-decision button[b-xc2bbgcnh9]{width:100%}}
/* _content/Zajal.Shared/Components/Orders/PreparedCancellationDialog.razor.rz.scp.css */
.prepared-cancel-overlay[b-5whkfcdva1]{position:fixed;inset:0;z-index:1900;background:#0009;backdrop-filter:blur(2px);display:grid;place-items:center;padding:16px}.prepared-cancel-dialog[b-5whkfcdva1]{width:min(100%,448px);max-height:calc(100dvh - 32px);overflow:auto;padding:24px;display:grid;gap:16px;border-radius:24px;border:1px solid var(--zj-outline-variant);background:var(--zj-surface-container-lowest);color:var(--zj-on-surface);box-shadow:0 25px 50px #0004}header[b-5whkfcdva1],footer[b-5whkfcdva1],.prepared-cancel-heading[b-5whkfcdva1]{display:flex;align-items:center;justify-content:space-between;gap:10px}header[b-5whkfcdva1]{padding-bottom:12px;border-bottom:1px solid var(--zj-outline-variant)}.prepared-cancel-heading[b-5whkfcdva1]{justify-content:flex-start}.prepared-cancel-symbol[b-5whkfcdva1]{width:40px;height:40px;display:grid;place-items:center;border-radius:16px;background:var(--cashier-danger-soft);color:var(--cashier-danger-ink);flex:none}h3[b-5whkfcdva1]{font-size:16px;font-weight:900;margin:0;line-height:1.6}p[b-5whkfcdva1],small[b-5whkfcdva1]{margin:0;font-size:12px;color:var(--zj-on-surface-variant);line-height:1.8}.prepared-cancel-decisions[b-5whkfcdva1]{display:grid;gap:8px;margin-bottom:4px}.prepared-cancel-decision[b-5whkfcdva1]{display:flex;gap:8px;align-items:flex-start;padding:12px;border:1px solid var(--zj-outline-variant);border-radius:12px;cursor:pointer;font-size:12px}.prepared-cancel-decision span[b-5whkfcdva1]{display:grid;gap:4px}.prepared-cancel-decision input[b-5whkfcdva1]{margin-top:4px;accent-color:var(--zj-primary)}.prepared-cancel-decision small[b-5whkfcdva1]{font-size:11px}.prepared-cancel-decision.is-waste.is-selected[b-5whkfcdva1]{background:var(--cashier-danger-soft);border:2px solid var(--cashier-danger-ink);color:var(--cashier-danger-ink)}.prepared-cancel-decision.is-return.is-selected[b-5whkfcdva1]{background:var(--cashier-success-soft);border:2px solid var(--cashier-success-ink);color:var(--cashier-success-ink)}button[b-5whkfcdva1]{font:inherit;font-size:12px;font-weight:800;background:color-mix(in srgb,var(--zj-primary) 8%,var(--cashier-danger-soft));color:var(--cashier-danger-ink);border:1px solid color-mix(in srgb,var(--cashier-danger-ink) 24%,var(--zj-outline-variant));border-radius:12px;cursor:pointer;padding:10px 20px}button:disabled[b-5whkfcdva1]{opacity:.45;cursor:not-allowed}.prepared-cancel-close[b-5whkfcdva1]{width:32px;height:32px;min-width:32px;min-height:32px;padding:0;border-radius:50%;flex:none}.prepared-cancel-confirm[b-5whkfcdva1]{font-weight:900;padding-inline:24px}footer[b-5whkfcdva1]{padding-top:8px}button:focus-visible[b-5whkfcdva1],input:focus-visible[b-5whkfcdva1]{outline:3px solid var(--zj-primary);outline-offset:2px}@media(max-width:420px){.prepared-cancel-dialog[b-5whkfcdva1]{padding:16px}}
/* _content/Zajal.Shared/Components/Orders/SaleSettlementPanel.razor.rz.scp.css */
.sale-settlement[b-b9li21rf10]{background:var(--bs-body-bg);color:var(--bs-body-color);padding:1rem;border-radius:1rem;margin-block:1rem}
.sale-settlement fieldset[b-b9li21rf10]{border:0;display:grid;gap:.65rem;min-width:0}
.sale-settlement button[b-b9li21rf10]{min-height:44px;max-width:100%;font:inherit}
.sale-settlement [role=alert][b-b9li21rf10]{font-weight:600}.sale-settlement bdi[b-b9li21rf10]{white-space:nowrap}
.sale-settlement .settlement-feedback[b-b9li21rf10]{margin:0;padding:.75rem;border:1px solid var(--bs-border-color);border-inline-start:4px solid #0369a1;border-radius:.5rem;line-height:1.6;overflow-wrap:anywhere}
.sale-settlement .btn-primary[b-b9li21rf10]{background:#0369a1;color:#fff;border-color:#0369a1}
@media(prefers-reduced-motion:reduce){.sale-settlement[b-b9li21rf10],.sale-settlement[b-b9li21rf10]  *{animation:none!important;transition:none!important}}
/* _content/Zajal.Shared/Components/Orders/ThermalReceiptPreview.razor.rz.scp.css */
.thermal-receipt-panel[b-n6h55gkvob] {
    width: 100%;
    max-width: 380px;
    margin: 0 auto;
    font-family: inherit;
}

.thermal-paper[b-n6h55gkvob] {
    position: relative;
    background: #ffffff;
    border: 1px solid #e2ddd5;
    border-radius: 6px;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.08);
    padding: 20px 18px;
    overflow: hidden;
    color: #1a1a1a;
}

.thermal-watermark[b-n6h55gkvob] {
    position: absolute;
    inset: 0;
    opacity: 0.045;
    background-repeat: repeat;
    background-size: 140px;
    transform: rotate(-12deg);
    pointer-events: none;
}

.thermal-header[b-n6h55gkvob] {
    text-align: center;
    margin-bottom: 12px;
}

.thermal-restaurant-name[b-n6h55gkvob] {
    margin: 0;
    font-size: 20px;
    font-weight: 800;
    letter-spacing: -0.5px;
    color: #111;
}

/* Outranks the dark modal heading rule while keeping the receipt itself white. */
.thermal-receipt-panel .thermal-paper .thermal-header .thermal-restaurant-name[b-n6h55gkvob] { color: #111 !important; }

.thermal-branch-name[b-n6h55gkvob] {
    display: block;
    font-size: 13px;
    color: #666;
    margin-top: 2px;
}

.thermal-subtitle[b-n6h55gkvob] {
    display: block;
    font-size: 11px;
    color: #666;
    margin-top: 3px;
}

.thermal-divider-dashed[b-n6h55gkvob] {
    border-bottom: 1px dashed #bbb;
    margin: 10px 0;
}

.thermal-divider-solid[b-n6h55gkvob] {
    border-bottom: 2px solid #222;
    margin: 10px 0;
}

.thermal-meta-grid[b-n6h55gkvob] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-size: 12px;
}

.thermal-meta-row[b-n6h55gkvob] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.thermal-meta-row span[b-n6h55gkvob] {
    color: #666;
}

.thermal-customer-tag[b-n6h55gkvob] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.thermal-customer-emoji[b-n6h55gkvob] {
    font-size: 16px;
}

.thermal-tier-pill[b-n6h55gkvob] {
    background: #fdf5e6;
    border: 1px solid #fae1b5;
    border-radius: 99px;
    padding: 2px 8px;
    font-size: 10px;
    font-weight: 700;
    color: #92540b;
}

.thermal-note-row[b-n6h55gkvob] {
    background: #fff8f0;
    padding: 4px 8px;
    border-radius: 6px;
}

.thermal-items-box[b-n6h55gkvob] {
    margin: 8px 0;
}

.thermal-empty-state[b-n6h55gkvob] {
    text-align: center;
    padding: 26px 10px;
    color: #666;
    font-size: 13px;
    background: #fdfcfb;
    border-radius: 6px;
}

.thermal-items-table[b-n6h55gkvob] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.thermal-items-table th[b-n6h55gkvob] {
    font-size: 11px;
    color: #666;
    padding-bottom: 6px;
    text-align: right;
    border-bottom: 1px solid #eee;
}

.thermal-items-table td[b-n6h55gkvob] {
    padding: 7px 0;
    vertical-align: top;
    border-bottom: 1px solid #f6f4f0;
}

.thermal-item-name strong[b-n6h55gkvob] {
    display: block;
    font-size: 13px;
}

.thermal-item-options[b-n6h55gkvob] {
    display: block;
    color: #666;
    font-size: 11px;
    margin-top: 2px;
}

.thermal-item-qty[b-n6h55gkvob] {
    text-align: center;
    font-weight: 700;
    width: 38px;
}

.thermal-totals[b-n6h55gkvob] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-size: 13px;
}

.thermal-total-row[b-n6h55gkvob] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.thermal-total-row span[b-n6h55gkvob] {
    color: #555;
}

.thermal-discount-row[b-n6h55gkvob] {
    color: #b02a37;
}

.thermal-discount-input-wrap[b-n6h55gkvob] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.thermal-discount-input[b-n6h55gkvob] {
    width: 70px;
    padding: 3px 6px;
    border: 1px solid #dca7a7;
    border-radius: 4px;
    text-align: center;
    font-weight: 700;
    color: #b02a37;
    font-size: 12px;
}

.thermal-grand-total[b-n6h55gkvob] {
    font-size: 18px;
    font-weight: 800;
    color: #111;
}

.thermal-points-badge[b-n6h55gkvob] {
    background: #f0f7f3;
    border: 1px dashed #6bb18a;
    border-radius: 8px;
    padding: 7px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    color: #155724;
    margin-top: 4px;
}

.thermal-change-box[b-n6h55gkvob] {
    margin-top: 10px;
    background: #f2f9f4;
    border: 1.5px solid #63b984;
    border-radius: 8px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.thermal-change-row[b-n6h55gkvob] {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    color: #333;
}

.thermal-change-row.highlight[b-n6h55gkvob] {
    font-size: 15px;
    font-weight: 800;
    color: #0b6b32;
    border-top: 1px solid #c7e8d3;
    padding-top: 4px;
    margin-top: 2px;
}

.thermal-change-amount[b-n6h55gkvob] {
    font-size: 20px;
    color: #0b6b32;
}

.thermal-footer[b-n6h55gkvob] {
    text-align: center;
    margin-top: 14px;
}

.thermal-custom-footer[b-n6h55gkvob] {
    font-size: 11px;
    color: #555;
    margin: 6px 0;
    white-space: pre-line;
}

.thermal-qr-wrap[b-n6h55gkvob] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    margin: 10px 0;
}

.thermal-qr-image[b-n6h55gkvob] {
    width: 90px;
    height: 90px;
    border-radius: 6px;
    border: 1px solid #e0e0e0;
    padding: 4px;
    background: #fff;
}

.thermal-qr-wrap small[b-n6h55gkvob] {
    font-size: 10px;
    color: #666;
}

.thermal-zajal-tag[b-n6h55gkvob] {
    font-size: 11px;
    color: #666;
    margin: 6px 0 2px;
}

.thermal-zajal-tag small[b-n6h55gkvob] {
    display: block;
    color: #666;
    font-size: 9px;
}

.thermal-farewell[b-n6h55gkvob] {
    font-size: 13px;
    font-weight: 700;
    color: #444;
    margin-top: 6px;
}

/* Eco Mode: Compact spacing */
.thermal-receipt-panel.is-eco .thermal-paper[b-n6h55gkvob] {
    padding: 12px 10px;
}
.thermal-receipt-panel.is-eco .thermal-items-table td[b-n6h55gkvob] {
    padding: 4px 0;
}
.thermal-receipt-panel.is-eco .thermal-divider-dashed[b-n6h55gkvob] {
    margin: 6px 0;
}


.is-58mm .thermal-paper[b-n6h55gkvob] {
    width: 58mm;
    max-width: 58mm;
    font-size: 11px;
    padding: 3mm 2mm;
}
.is-80mm .thermal-paper[b-n6h55gkvob] {
    width: 80mm;
    max-width: 80mm;
    font-size: 12.5px;
    padding: 5mm 3.5mm;
}
@media screen {
    /* Paper millimetres are a print contract; the on-screen preview must fit a narrow dialog. */
    .thermal-receipt-panel[b-n6h55gkvob] { min-width: 0; }
    .thermal-receipt-panel .thermal-paper[b-n6h55gkvob] { box-sizing: border-box; max-width: 100%; }
    .thermal-items-table[b-n6h55gkvob] { table-layout: fixed; }
    .thermal-item-name[b-n6h55gkvob] { overflow-wrap: anywhere; }
    .thermal-items-table th:first-child[b-n6h55gkvob] { width: 50%; }
    .thermal-items-table th:nth-child(2)[b-n6h55gkvob] { width: 14%; }
    .thermal-items-table th:last-child[b-n6h55gkvob] { width: 36%; }
    .thermal-meta-row[b-n6h55gkvob], .thermal-total-row[b-n6h55gkvob], .thermal-change-row[b-n6h55gkvob] { gap: 6px; }
    .thermal-meta-row > *[b-n6h55gkvob], .thermal-total-row > *[b-n6h55gkvob], .thermal-change-row > *[b-n6h55gkvob] { min-width: 0; overflow-wrap: anywhere; }
    .thermal-meta-row > :first-child[b-n6h55gkvob] { flex: 0 0 auto; min-width: max-content; white-space: nowrap; overflow-wrap: normal; word-break: normal; }
    .thermal-note-row > small[b-n6h55gkvob] { flex: 1 1 auto; }
}
@media print {
    .is-58mm .thermal-paper[b-n6h55gkvob] { width: 58mm !important; }
    .is-80mm .thermal-paper[b-n6h55gkvob] { width: 80mm !important; }
}
/* _content/Zajal.Shared/Components/Orders/UnifiedSaleWorkspace.razor.rz.scp.css */
.mixed-sale[b-qp0vi5be9q] { padding:1rem; max-width:85rem; margin:auto; color:var(--text-primary,inherit); }
.mixed-sale header[b-qp0vi5be9q] { margin-bottom:1.5rem; }
.mixed-columns[b-qp0vi5be9q] { display:grid; grid-template-columns:1fr 1fr; gap:1.5rem; }
.mixed-option[b-qp0vi5be9q],.mixed-sale li span[b-qp0vi5be9q] { display:block; margin-block:.5rem; }
.mixed-sale button[b-qp0vi5be9q] { min-height:44px; }
.mixed-sale button[b-qp0vi5be9q] { margin-block:.4rem; }
.mixed-catalog[b-qp0vi5be9q] { list-style:none; padding:0; display:grid; grid-template-columns:repeat(auto-fit,minmax(10rem,1fr)); gap:.5rem; }
.mixed-catalog li[b-qp0vi5be9q] { min-width:0; }
.mixed-catalog button[b-qp0vi5be9q] { width:100%; min-width:0; text-align:start; display:flex; flex-direction:column; align-items:stretch; white-space:normal; gap:.25rem; }
.mixed-catalog button strong[b-qp0vi5be9q],.mixed-catalog button span[b-qp0vi5be9q] { overflow-wrap:anywhere; }
.mixed-catalog button span[b-qp0vi5be9q] { margin-block:0; }
.mixed-sale fieldset[b-qp0vi5be9q] { padding:.75rem; border:1px solid var(--border-color,#888); }
.mixed-option[b-qp0vi5be9q] { padding:.5rem; }
.mixed-error[b-qp0vi5be9q] { border-inline-start:4px solid currentColor; padding:.75rem; font-weight:600; }
.mixed-sale bdi[b-qp0vi5be9q] { white-space:nowrap; }
.mixed-sale input[type=number][b-qp0vi5be9q] { max-width:100%; }
@media(max-width:800px) { .mixed-columns[b-qp0vi5be9q] { grid-template-columns:1fr; } }
@media(prefers-reduced-motion:reduce) { .mixed-sale *[b-qp0vi5be9q] { animation:none!important; transition:none!important; } }
/* _content/Zajal.Shared/Components/Permissions/EmployeeAdditionalJobTitles.razor.rz.scp.css */
.employee-additional-job-titles[b-c99ofhs629] {
    min-inline-size: 0;
    overflow-wrap: anywhere;
}

fieldset[b-c99ofhs629] {
    min-inline-size: 0;
    margin: 0;
    padding: .75rem;
    border: 1px solid var(--zj-outline-variant);
    border-radius: .75rem;
}

legend[b-c99ofhs629] {
    padding-inline: .25rem;
    font-size: .875rem;
}

label[b-c99ofhs629] { min-inline-size: 0; }
button[b-c99ofhs629] { white-space: normal; }
/* _content/Zajal.Shared/Components/Permissions/JobTitlePermissionsPreview.razor.rz.scp.css */
.job-permissions-preview[b-9sse83zzyr] {
    margin-top: 1rem;
    width: 100%;
    min-inline-size: 0;
}

.job-permissions-preview__card[b-9sse83zzyr] {
    border-radius: var(--zj-radius-xl, 1rem);
    border: 1px solid var(--zj-outline-variant, rgba(0, 0, 0, 0.12));
    background: var(--zj-surface-container-low, rgba(255, 255, 255, 0.7));
    padding: 1.25rem;
    box-shadow: 0 4px 20px -4px rgba(0, 0, 0, 0.05);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.job-permissions-preview__card:hover[b-9sse83zzyr] {
    border-color: rgba(var(--zj-primary-rgb, 14, 165, 233), 0.35);
}

/* Empty State */
.job-permissions-preview__card--empty[b-9sse83zzyr] {
    display: flex;
    align-items: center;
    gap: 1rem;
    border-style: dashed;
    border-color: var(--zj-outline-variant, rgba(0, 0, 0, 0.18));
    background: color-mix(in srgb, var(--zj-surface-container-lowest, #fff) 85%, transparent);
    padding: 1.25rem 1.5rem;
}

.job-permissions-preview__empty-icon[b-9sse83zzyr] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: var(--zj-radius-lg, 0.75rem);
    background: color-mix(in srgb, var(--zj-primary, #0ea5e9) 10%, transparent);
    color: var(--zj-primary, #0ea5e9);
    flex-shrink: 0;
}

.job-permissions-preview__empty-icon .material-symbols-outlined[b-9sse83zzyr] {
    font-size: 1.75rem;
}

.job-permissions-preview__empty-content h4[b-9sse83zzyr] {
    margin: 0 0 0.25rem;
    font-size: 0.95rem;
    font-weight: 800;
    color: var(--zj-on-surface, #1e293b);
}

.job-permissions-preview__empty-content p[b-9sse83zzyr] {
    margin: 0;
    font-size: 0.82rem;
    color: var(--zj-on-surface-variant, #64748b);
    line-height: 1.5;
}

/* Loading State */
.job-permissions-preview__card--loading[b-9sse83zzyr] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 1.25rem;
}

.job-permissions-preview__loading-head[b-9sse83zzyr] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 0.85rem;
    color: var(--zj-on-surface-variant, #64748b);
    font-weight: 600;
}

.job-permissions-preview__skeleton-chips[b-9sse83zzyr] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.skeleton-chip[b-9sse83zzyr] {
    width: 6.5rem;
    height: 2.25rem;
    border-radius: var(--zj-radius-md, 0.5rem);
    background: linear-gradient(90deg, rgba(var(--zj-surface-variant-rgb, 200, 200, 200), 0.2) 25%, rgba(var(--zj-surface-variant-rgb, 200, 200, 200), 0.4) 50%, rgba(var(--zj-surface-variant-rgb, 200, 200, 200), 0.2) 75%);
    background-size: 200% 100%;
    animation: shimmer-b-9sse83zzyr 1.5s infinite;
}

@keyframes shimmer-b-9sse83zzyr {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* Active State Header */
.job-permissions-preview__header[b-9sse83zzyr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 0.85rem;
}

.job-permissions-preview__identity[b-9sse83zzyr] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.job-permissions-preview__role-icon[b-9sse83zzyr] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: var(--zj-radius-lg, 0.75rem);
    background: color-mix(in srgb, var(--zj-primary, #0ea5e9) 14%, transparent);
    color: var(--zj-primary, #0ea5e9);
    font-size: 1.4rem;
}

.job-permissions-preview__eyebrow[b-9sse83zzyr] {
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--zj-primary, #0ea5e9);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.job-permissions-preview__title[b-9sse83zzyr] {
    margin: 0.1rem 0 0;
    font-size: 1.05rem;
    font-weight: 900;
    color: var(--zj-on-surface, #1e293b);
}

.job-permissions-preview__metrics[b-9sse83zzyr] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.job-permissions-preview__badge[b-9sse83zzyr] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.3rem 0.65rem;
    border-radius: var(--zj-radius-pill, 9999px);
    background: var(--zj-surface-container, rgba(0, 0, 0, 0.05));
    border: 1px solid var(--zj-outline-variant, rgba(0, 0, 0, 0.1));
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--zj-on-surface-variant, #64748b);
}

.job-permissions-preview__badge .material-symbols-outlined[b-9sse83zzyr] {
    font-size: 1rem;
}

.job-permissions-preview__badge--highlight[b-9sse83zzyr] {
    background: color-mix(in srgb, var(--zj-primary, #0ea5e9) 12%, transparent);
    border-color: rgba(var(--zj-primary-rgb, 14, 165, 233), 0.3);
    color: var(--zj-primary, #0ea5e9);
}

.job-permissions-preview__badge--override[b-9sse83zzyr] {
    background: color-mix(in srgb, #f59e0b 15%, transparent);
    border-color: rgba(245, 158, 11, 0.3);
    color: #d97706;
}

/* Progress Bar */
.job-permissions-preview__progress-bar[b-9sse83zzyr] {
    width: 100%;
    height: 0.4rem;
    border-radius: var(--zj-radius-pill, 9999px);
    background: var(--zj-surface-container-high, rgba(0, 0, 0, 0.08));
    overflow: hidden;
    margin-bottom: 1rem;
}

.job-permissions-preview__progress-fill[b-9sse83zzyr] {
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--zj-primary, #0ea5e9), #10b981);
    transition: width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Modules Grid */
.job-permissions-preview__modules-grid[b-9sse83zzyr] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(135px, 1fr));
    gap: 0.55rem;
    margin-bottom: 0.85rem;
}

.job-permissions-preview__module-chip[b-9sse83zzyr] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.55rem 0.7rem;
    border-radius: var(--zj-radius-lg, 0.75rem);
    border: 1px solid transparent;
    transition: all 0.15s ease;
}

.job-permissions-preview__module-chip--active[b-9sse83zzyr] {
    background: color-mix(in srgb, var(--zj-primary, #0ea5e9) 6%, var(--zj-surface, #fff));
    border-color: rgba(var(--zj-primary-rgb, 14, 165, 233), 0.22);
}

.job-permissions-preview__module-chip--active .job-permissions-preview__module-icon[b-9sse83zzyr] {
    color: var(--zj-primary, #0ea5e9);
}

.job-permissions-preview__module-chip--inactive[b-9sse83zzyr] {
    background: var(--zj-surface-container-lowest, rgba(0, 0, 0, 0.02));
    border-color: var(--zj-outline-variant, rgba(0, 0, 0, 0.06));
    opacity: 0.65;
}

.job-permissions-preview__module-chip--inactive .job-permissions-preview__module-icon[b-9sse83zzyr] {
    color: var(--zj-outline, #94a3b8);
}

.job-permissions-preview__module-icon[b-9sse83zzyr] {
    font-size: 1.3rem;
    flex-shrink: 0;
}

.job-permissions-preview__module-info[b-9sse83zzyr] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.job-permissions-preview__module-name[b-9sse83zzyr] {
    font-size: 0.78rem;
    font-weight: 800;
    color: var(--zj-on-surface, #1e293b);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.job-permissions-preview__module-status[b-9sse83zzyr] {
    font-size: 0.7rem;
    color: var(--zj-on-surface-variant, #64748b);
    margin-top: 0.1rem;
}

/* Details Toggle & List */
.job-permissions-preview__details-toggle-wrap[b-9sse83zzyr] {
    display: flex;
    justify-content: center;
    margin: 0.5rem 0;
}

.job-permissions-preview__toggle-btn[b-9sse83zzyr] {
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--zj-primary, #0ea5e9);
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.job-permissions-preview__details-list[b-9sse83zzyr] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-top: 0.75rem;
    padding: 0.85rem;
    border-radius: var(--zj-radius-lg, 0.75rem);
    background: var(--zj-surface-container-lowest, #fff);
    border: 1px solid var(--zj-outline-variant, rgba(0, 0, 0, 0.08));
    animation: fadeIn-b-9sse83zzyr 0.2s ease-in-out;
}

@keyframes fadeIn-b-9sse83zzyr {
    from { opacity: 0; transform: translateY(-4px); }
    to { opacity: 1; transform: translateY(0); }
}

.job-permissions-preview__module-details[b-9sse83zzyr] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.job-permissions-preview__module-details-head[b-9sse83zzyr] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.85rem;
    font-weight: 800;
    color: var(--zj-on-surface, #1e293b);
    padding-bottom: 0.25rem;
    border-bottom: 1px solid var(--zj-outline-variant, rgba(0, 0, 0, 0.06));
}

.job-permissions-preview__module-details-head .material-symbols-outlined[b-9sse83zzyr] {
    font-size: 1.15rem;
    color: var(--zj-primary, #0ea5e9);
}

.job-permissions-preview__module-counter[b-9sse83zzyr] {
    font-size: 0.75rem;
    color: var(--zj-primary, #0ea5e9);
    font-weight: 700;
}

.job-permissions-preview__pages-list[b-9sse83zzyr] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 0.4rem;
    padding-inline-start: 0.5rem;
}

.job-permissions-preview__page-item[b-9sse83zzyr] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.8rem;
    color: var(--zj-on-surface, #334155);
    background: var(--zj-surface-container-low, rgba(0, 0, 0, 0.02));
    padding: 0.3rem 0.5rem;
    border-radius: var(--zj-radius-md, 0.5rem);
}

.job-permissions-preview__page-icon[b-9sse83zzyr] {
    font-size: 1rem;
    color: #10b981;
}

.job-permissions-preview__page-item--mandatory .job-permissions-preview__page-icon[b-9sse83zzyr] {
    color: var(--zj-primary, #0ea5e9);
}

.job-permissions-preview__page-item--override .job-permissions-preview__page-icon[b-9sse83zzyr] {
    color: #f59e0b;
}

.job-permissions-preview__page-name[b-9sse83zzyr] {
    flex-grow: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.job-permissions-preview__mini-tag[b-9sse83zzyr] {
    font-size: 0.65rem;
    font-weight: 800;
    padding: 0.1rem 0.35rem;
    border-radius: var(--zj-radius-sm, 0.25rem);
    background: color-mix(in srgb, var(--zj-primary, #0ea5e9) 12%, transparent);
    color: var(--zj-primary, #0ea5e9);
}

.job-permissions-preview__mini-tag--override[b-9sse83zzyr] {
    background: color-mix(in srgb, #f59e0b 15%, transparent);
    color: #d97706;
}

/* Footer */
.job-permissions-preview__footer[b-9sse83zzyr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
    margin-top: 0.85rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--zj-outline-variant, rgba(0, 0, 0, 0.08));
}

.job-permissions-preview__hint[b-9sse83zzyr] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.78rem;
    color: var(--zj-on-surface-variant, #64748b);
    line-height: 1.4;
    flex: 1;
    min-width: 200px;
}

.job-permissions-preview__hint .material-symbols-outlined[b-9sse83zzyr] {
    font-size: 1.1rem;
    color: var(--zj-primary, #0ea5e9);
    flex-shrink: 0;
}

.job-permissions-preview__actions[b-9sse83zzyr] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* Compact Mode (for sidebars) */
.job-permissions-preview--compact[b-9sse83zzyr] {
    margin-top: 0;
}

.job-permissions-preview--compact .job-permissions-preview__card[b-9sse83zzyr] {
    padding: 1rem;
}

.job-permissions-preview--compact .job-permissions-preview__modules-grid[b-9sse83zzyr] {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 10rem), 1fr));
}

.job-permissions-preview--compact .job-permissions-preview__pages-list[b-9sse83zzyr] {
    grid-template-columns: 1fr;
}

.job-permissions-preview--compact .job-permissions-preview__footer[b-9sse83zzyr] {
    flex-direction: column;
    align-items: stretch;
}

.job-permissions-preview--compact .job-permissions-preview__actions[b-9sse83zzyr] {
    flex-direction: column;
}

.job-permissions-preview--compact .job-permissions-preview__actions .btn[b-9sse83zzyr] {
    width: 100%;
    justify-content: center;
}
/* _content/Zajal.Shared/Components/Permissions/JobTitlesPermissionsWorkspace.razor.rz.scp.css */
.job-titles-workspace[b-a5c6eaj715] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    margin-bottom: 2rem;
}

.job-titles-workspace__toolbar[b-a5c6eaj715] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    flex-wrap: wrap;
    background: linear-gradient(135deg, rgba(20, 184, 166, 0.08), rgba(99, 102, 241, 0.08));
    border: 1px solid rgba(20, 184, 166, 0.25);
    border-radius: 14px;
    padding: 1.25rem 1.5rem;
}

.job-titles-workspace__title[b-a5c6eaj715] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 800;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--zj-on-surface);
}

.job-titles-workspace__title .material-symbols-outlined[b-a5c6eaj715] {
    color: var(--zj-primary);
}

.job-titles-workspace__subtitle[b-a5c6eaj715] {
    margin: 0.35rem 0 0;
    font-size: 0.875rem;
    color: var(--zj-on-surface-variant);
    line-height: 1.5;
}

.job-titles-workspace__toolbar-actions[b-a5c6eaj715] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.job-titles-workspace__add-card[b-a5c6eaj715] {
    border-radius: 12px;
}

.job-titles-workspace__add-bar[b-a5c6eaj715] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem !important;
}

.job-titles-workspace__add-icon[b-a5c6eaj715] {
    font-size: 1.5rem;
    color: var(--zj-primary);
}

.job-titles-workspace__add-fields[b-a5c6eaj715] { flex: 1; min-width: 0; }

.job-titles-workspace__loading[b-a5c6eaj715] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    gap: 1rem;
    color: var(--zj-on-surface-variant);
}

.job-titles-workspace__layout[b-a5c6eaj715] {
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 1.25rem;
    align-items: start;
}

@media (max-width: 900px) {
    .job-titles-workspace__layout[b-a5c6eaj715] {
        grid-template-columns: 1fr;
    }
}

.job-titles-workspace__sidebar[b-a5c6eaj715] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.job-titles-workspace__list-header[b-a5c6eaj715] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0.25rem;
}

.job-titles-workspace__list-header h3[b-a5c6eaj715] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
}

.job-titles-workspace__count-badge[b-a5c6eaj715] {
    font-size: 0.75rem;
    background: var(--zj-surface-container-high);
    padding: 0.2rem 0.5rem;
    border-radius: 999px;
    font-weight: 600;
}

.job-titles-workspace__cards[b-a5c6eaj715] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.job-title-pill-card[b-a5c6eaj715] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    background: var(--zj-surface-container);
    border: 1px solid var(--zj-outline-variant);
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.job-title-pill-card:hover[b-a5c6eaj715] {
    border-color: var(--zj-primary);
    background: var(--zj-surface-container-high);
}

.job-title-pill-card.is-selected[b-a5c6eaj715] {
    background: rgba(20, 184, 166, 0.1);
    border-color: var(--zj-primary);
    box-shadow: 0 0 0 1px var(--zj-primary);
}

.job-title-pill-card__main[b-a5c6eaj715] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.job-title-pill-card__icon[b-a5c6eaj715] {
    font-size: 1.4rem;
    color: var(--zj-primary);
    background: var(--zj-surface);
    padding: 0.35rem;
    border-radius: 8px;
    border: 1px solid var(--zj-outline-variant);
}

.job-title-pill-card__details[b-a5c6eaj715] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.job-title-pill-card__name[b-a5c6eaj715] {
    font-size: 0.9375rem;
    color: var(--zj-on-surface);
}

.job-title-pill-card__users[b-a5c6eaj715] {
    font-size: 0.75rem;
    color: var(--zj-on-surface-variant);
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.job-title-pill-card__users .material-symbols-outlined[b-a5c6eaj715] {
    font-size: 0.9rem;
}

.job-titles-workspace__editor-card[b-a5c6eaj715] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.job-titles-workspace__selected-head[b-a5c6eaj715] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
    border-bottom: 1px solid var(--zj-outline-variant);
    padding-bottom: 1rem;
}

.job-titles-workspace__selected-info[b-a5c6eaj715] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.job-titles-workspace__selected-avatar[b-a5c6eaj715] {
    font-size: 2rem;
    color: var(--zj-primary);
    background: rgba(20, 184, 166, 0.15);
    padding: 0.5rem;
    border-radius: 12px;
}

.job-titles-workspace__selected-tag[b-a5c6eaj715] {
    font-size: 0.75rem;
    color: var(--zj-on-surface-variant);
    font-weight: 600;
}

.job-titles-workspace__selected-title[b-a5c6eaj715] {
    margin: 0.1rem 0 0;
    font-size: 1.25rem;
    font-weight: 800;
}

.job-titles-workspace__selected-actions[b-a5c6eaj715] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.job-titles-workspace__metrics-bar[b-a5c6eaj715] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    flex-wrap: wrap;
    background: var(--zj-surface-container);
    padding: 0.75rem 1rem;
    border-radius: 10px;
}

.job-titles-workspace__metric[b-a5c6eaj715] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.875rem;
    color: var(--zj-on-surface);
}

.job-titles-workspace__metric .material-symbols-outlined[b-a5c6eaj715] {
    font-size: 1.1rem;
    color: var(--zj-primary);
}

.job-titles-workspace__progress-wrap[b-a5c6eaj715] {
    flex: 1;
    min-width: 120px;
    height: 8px;
    background: var(--zj-outline-variant);
    border-radius: 999px;
    overflow: hidden;
}

.job-titles-workspace__progress-fill[b-a5c6eaj715] {
    height: 100%;
    background: linear-gradient(90deg, var(--zj-primary), #6366f1);
    transition: width 0.3s ease;
}

.job-titles-workspace__filters-row[b-a5c6eaj715] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    flex-wrap: wrap;
}

.job-titles-workspace__search-box[b-a5c6eaj715] {
    flex: 1;
    min-width: 220px;
    position: relative;
    display: flex;
    align-items: center;
}

.job-titles-workspace__search-box .material-symbols-outlined[b-a5c6eaj715] {
    position: absolute;
    right: 0.75rem;
    color: var(--zj-on-surface-variant);
    pointer-events: none;
}

.job-titles-workspace__search-box input[b-a5c6eaj715] {
    padding-right: 2.25rem;
}

.job-titles-workspace__filter-chips[b-a5c6eaj715] {
    display: flex;
    gap: 0.4rem;
    flex-wrap: wrap;
}

.filter-chip[b-a5c6eaj715] {
    padding: 0.35rem 0.75rem;
    border-radius: 999px;
    font-size: 0.8125rem;
    background: var(--zj-surface-container);
    border: 1px solid var(--zj-outline-variant);
    color: var(--zj-on-surface-variant);
    cursor: pointer;
    transition: all 0.15s ease;
}

.filter-chip:hover[b-a5c6eaj715] {
    background: var(--zj-surface-container-high);
}

.filter-chip.is-active[b-a5c6eaj715] {
    background: var(--zj-primary);
    color: var(--zj-on-primary, #ffffff);
    border-color: var(--zj-primary);
    font-weight: 700;
}

.job-titles-workspace__modules[b-a5c6eaj715] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.job-module-box[b-a5c6eaj715] {
    background: var(--zj-surface-container);
    border: 1px solid var(--zj-outline-variant);
    border-radius: 10px;
    overflow: hidden;
    transition: all 0.2s ease;
}

.job-module-box__header[b-a5c6eaj715] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.85rem 1rem;
    background: transparent;
    border: none;
    cursor: pointer;
    text-align: right;
    gap: 1rem;
}

.job-module-box__info[b-a5c6eaj715] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.job-module-box__icon[b-a5c6eaj715] {
    font-size: 1.5rem;
    color: var(--zj-primary);
}

.job-module-box__title[b-a5c6eaj715] {
    margin: 0;
    font-size: 0.9375rem;
    font-weight: 700;
    color: var(--zj-on-surface);
}

.job-module-box__desc[b-a5c6eaj715] {
    color: var(--zj-on-surface-variant);
    font-size: 0.75rem;
}

.job-module-box__side[b-a5c6eaj715] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.job-module-box__badge[b-a5c6eaj715] {
    font-size: 0.75rem;
    background: var(--zj-surface);
    padding: 0.2rem 0.6rem;
    border-radius: 999px;
    font-weight: 600;
    border: 1px solid var(--zj-outline-variant);
}

.job-module-box__list[b-a5c6eaj715] {
    border-top: 1px solid var(--zj-outline-variant);
    padding: 0.5rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    background: var(--zj-surface);
}

.permission-item-row[b-a5c6eaj715] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0.75rem;
    border-radius: 8px;
    background: var(--zj-surface-container);
    gap: 1rem;
}

.permission-item-row.is-locked[b-a5c6eaj715] {
    opacity: 0.65;
    background: rgba(0, 0, 0, 0.02);
}

.permission-item-row__info[b-a5c6eaj715] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.permission-item-row__name[b-a5c6eaj715] {
    font-size: 0.875rem;
    color: var(--zj-on-surface);
}

.permission-item-row__route[b-a5c6eaj715] {
    font-size: 0.75rem;
    color: var(--zj-on-surface-variant);
}

.permission-badge[b-a5c6eaj715] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.75rem;
    padding: 0.2rem 0.5rem;
    border-radius: 6px;
    font-weight: 600;
}

.permission-badge--locked[b-a5c6eaj715] {
    background: rgba(245, 158, 11, 0.15);
    color: #d97706;
    border: 1px solid rgba(245, 158, 11, 0.3);
}

.permission-badge--locked .material-symbols-outlined[b-a5c6eaj715] {
    font-size: 0.85rem;
}

.permission-badge--mandatory[b-a5c6eaj715] {
    background: rgba(59, 130, 246, 0.15);
    color: #2563eb;
    border: 1px solid rgba(59, 130, 246, 0.3);
}

.permission-badge--mandatory .material-symbols-outlined[b-a5c6eaj715] {
    font-size: 0.85rem;
}

.permission-toggle[b-a5c6eaj715] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    font-size: 0.8125rem;
    font-weight: 600;
}

.permission-toggle input[b-a5c6eaj715] {
    cursor: pointer;
    width: 18px;
    height: 18px;
    accent-color: var(--zj-primary);
}

.permission-toggle__text[b-a5c6eaj715] {
    min-width: 40px;
}
/* _content/Zajal.Shared/Components/Permissions/JobTitleTemplatesDialog.razor.rz.scp.css */
.job-template-dialog[b-zw6ka830no] {
    position: fixed;
    inset: 0;
    z-index: 1400;
    display: grid;
    place-items: center;
    grid-template-rows: minmax(0, 1fr);
    box-sizing: border-box;
    padding: 1rem;
    background: rgba(10, 24, 45, 0.58);
    backdrop-filter: blur(8px);
    animation: job-template-backdrop-in-b-zw6ka830no 180ms ease-out;
}

.job-template-dialog__panel[b-zw6ka830no] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    box-sizing: border-box;
    min-height: 0;
    width: min(58rem, 100%);
    max-height: min(44rem, calc(100dvh - 2rem));
    overflow: hidden;
    border: 1px solid rgba(var(--zj-primary-rgb), 0.3);
    border-radius: var(--zj-radius-2xl);
    background: var(--zj-surface);
    box-shadow: 0 30px 80px rgba(3, 18, 38, 0.32);
    animation: job-template-panel-in-b-zw6ka830no 220ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

.job-template-dialog__header[b-zw6ka830no] {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1.15rem 1.25rem;
    border-bottom: 1px solid var(--zj-outline-variant);
    background: radial-gradient(circle at 12% 10%, rgba(var(--zj-primary-rgb), 0.17), transparent 34%), var(--zj-surface);
}

.job-template-dialog__title[b-zw6ka830no] {
    display: flex;
    gap: 0.85rem;
    align-items: center;
}

.permissions-eyebrow[b-zw6ka830no] {
    display: block;
    margin-bottom: 0.2rem;
    color: var(--zj-primary);
    font-size: 0.72rem;
    font-weight: 900;
}

.job-template-dialog__title-icon[b-zw6ka830no] {
    display: grid;
    width: 3.1rem;
    height: 3.1rem;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 1rem;
    color: var(--zj-on-primary);
    background: var(--zj-primary);
    box-shadow: 0 10px 25px rgba(var(--zj-primary-rgb), 0.24);
}

.job-template-dialog__header h2[b-zw6ka830no],
.job-template-card h3[b-zw6ka830no] {
    margin: 0;
    color: var(--zj-on-surface);
}

.job-template-dialog__header h2[b-zw6ka830no] {
    font-size: clamp(1.2rem, 2vw, 1.55rem);
}

.job-template-dialog__header p[b-zw6ka830no] {
    max-width: 52rem;
    margin: 0.3rem 0 0;
    color: var(--zj-on-surface-variant);
    font-size: 0.84rem;
    line-height: 1.65;
}

.job-template-dialog__notice[b-zw6ka830no] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    padding: 0.7rem 1.25rem;
    border-bottom: 1px solid rgba(var(--zj-primary-rgb), 0.18);
    color: var(--zj-primary);
    background: rgba(var(--zj-primary-rgb), 0.07);
    font-size: 0.76rem;
    font-weight: 800;
}

.job-template-dialog__notice .material-symbols-outlined[b-zw6ka830no] {
    font-size: 1.05rem;
}

.job-template-dialog__content[b-zw6ka830no] {
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 1rem;
    background: var(--zj-surface-container-low);
}

.job-template-dialog__state[b-zw6ka830no] {
    display: grid;
    min-height: 18rem;
    place-items: center;
    align-content: center;
    gap: 0.75rem;
    color: var(--zj-on-surface-variant);
}

.job-template-grid[b-zw6ka830no] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem;
    align-items: start;
}

.job-template-card[b-zw6ka830no] {
    display: grid;
    grid-template-rows: auto auto auto;
    align-content: start;
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-2xl);
    background: var(--zj-surface);
    box-shadow: var(--zj-shadow-sm);
    transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.job-template-card:hover[b-zw6ka830no] {
    border-color: rgba(var(--zj-primary-rgb), 0.42);
    box-shadow: var(--zj-shadow-md);
    transform: translateY(-2px);
}

.job-template-card__header[b-zw6ka830no] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.7rem;
    align-items: center;
    padding: 0.9rem;
    border-bottom: 1px solid var(--zj-outline-variant);
    background: linear-gradient(135deg, rgba(var(--zj-primary-rgb), 0.1), transparent 64%);
}

.job-template-card__icon[b-zw6ka830no] {
    display: grid;
    width: 2.8rem;
    height: 2.8rem;
    place-items: center;
    border-radius: 0.9rem;
    color: var(--zj-primary);
    background: rgba(var(--zj-primary-rgb), 0.13);
}

.job-template-card h3[b-zw6ka830no] {
    font-size: 1rem;
}

.job-template-card__header p[b-zw6ka830no] {
    margin: 0.18rem 0 0;
    color: var(--zj-on-surface-variant);
    font-size: 0.7rem;
    line-height: 1.5;
}

.job-template-card__count[b-zw6ka830no] {
    align-self: start;
    padding: 0.3rem 0.5rem;
    border-radius: 999px;
    color: var(--zj-primary);
    background: rgba(var(--zj-primary-rgb), 0.11);
    font-size: 0.65rem;
    font-weight: 900;
    white-space: nowrap;
}

.job-template-card__permissions[b-zw6ka830no] {
    display: grid;
    gap: 0.6rem;
    min-width: 0;
    overscroll-behavior: contain;
    padding: 0.75rem;
    scrollbar-color: rgba(var(--zj-primary-rgb), 0.45) transparent;
}

.job-template-card__permissions:focus-visible[b-zw6ka830no] {
    outline: 2px solid var(--zj-primary);
    outline-offset: -3px;
}

.job-template-module[b-zw6ka830no] {
    overflow: hidden;
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-lg);
    background: var(--zj-surface-container-lowest, var(--zj-surface));
}

.job-template-module > header[b-zw6ka830no] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.45rem;
    align-items: center;
    padding: 0.55rem 0.65rem;
    color: var(--zj-on-surface);
    background: var(--zj-surface-container-low);
}

.job-template-module > header .material-symbols-outlined[b-zw6ka830no] {
    color: var(--zj-primary);
    font-size: 1rem;
}

.job-template-module > header strong[b-zw6ka830no] {
    font-size: 0.74rem;
}

.job-template-module > header small[b-zw6ka830no] {
    display: grid;
    min-width: 1.45rem;
    height: 1.45rem;
    place-items: center;
    border-radius: 999px;
    color: var(--zj-on-surface-variant);
    background: var(--zj-surface-container-high);
    font-size: 0.63rem;
    font-weight: 900;
}

.job-template-module ul[b-zw6ka830no] {
    display: grid;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.job-template-module li[b-zw6ka830no] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.4rem;
    align-items: center;
    padding: 0.48rem 0.65rem;
    border-top: 1px solid var(--zj-outline-variant);
    color: var(--zj-on-surface-variant);
    font-size: 0.68rem;
}

.job-template-module li > .material-symbols-outlined[b-zw6ka830no] {
    color: var(--zj-success, #1b8f65);
    font-size: 0.9rem;
}

.job-template-module li small[b-zw6ka830no] {
    padding: 0.16rem 0.35rem;
    border-radius: 999px;
    color: var(--zj-primary);
    background: rgba(var(--zj-primary-rgb), 0.1);
    font-size: 0.55rem;
    font-weight: 900;
}

.job-template-card__footer[b-zw6ka830no] {
    display: flex;
    gap: 0.7rem;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 0.9rem;
    border-top: 1px solid var(--zj-outline-variant);
    background: var(--zj-surface-container-low);
}

.job-template-card__footer > span[b-zw6ka830no] {
    color: var(--zj-on-surface-variant);
    font-size: 0.66rem;
    font-weight: 800;
}

.job-template-card__footer .btn[b-zw6ka830no] {
    min-width: 8.5rem;
}

.permissions-eyebrow[b-zw6ka830no],
.job-template-dialog__notice[b-zw6ka830no],
.job-template-card__count[b-zw6ka830no],
.job-template-module li small[b-zw6ka830no] {
    color: var(--zj-on-primary-container);
}

@keyframes job-template-backdrop-in-b-zw6ka830no {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes job-template-panel-in-b-zw6ka830no {
    from { opacity: 0; transform: translateY(12px) scale(0.985); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

@media (max-width: 64rem) {
    .job-template-grid[b-zw6ka830no] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 44rem) {
    .job-template-dialog[b-zw6ka830no] {
        align-items: center;
        padding: 0.5rem;
    }

    .job-template-dialog__panel[b-zw6ka830no] {
        max-height: calc(100dvh - 1rem);
        border-radius: var(--zj-radius-xl);
    }

    .job-template-dialog__header[b-zw6ka830no] {
        padding: 0.85rem;
    }

    .job-template-dialog__title[b-zw6ka830no] {
        align-items: flex-start;
    }

    .job-template-dialog__title-icon[b-zw6ka830no] {
        width: 2.55rem;
        height: 2.55rem;
    }

    .job-template-dialog__notice[b-zw6ka830no],
    .job-template-dialog__content[b-zw6ka830no] {
        padding-inline: 0.75rem;
    }

    .job-template-card__header[b-zw6ka830no] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .job-template-card__count[b-zw6ka830no] {
        grid-column: 2;
        justify-self: start;
    }

    .job-template-card__footer[b-zw6ka830no] {
        align-items: stretch;
        flex-direction: column;
    }

    .job-template-card__footer .btn[b-zw6ka830no] {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .job-template-card[b-zw6ka830no],
    .job-template-dialog[b-zw6ka830no],
    .job-template-dialog__panel[b-zw6ka830no] {
        animation: none;
        transition: none;
    }
}

.job-template-dialog__footer[b-zw6ka830no] {
    display: flex;
    justify-content: flex-end;
    padding: 0.65rem 1rem;
    border-top: 1px solid var(--zj-outline-variant);
}

.job-template-card__details > summary[b-zw6ka830no] {
    padding: 0.7rem 0.9rem;
    cursor: pointer;
    color: var(--zj-on-primary-container);
    font-size: 0.8rem;
    font-weight: 700;
}

.job-template-card__details > summary:focus-visible[b-zw6ka830no] {
    outline: 2px solid var(--zj-primary);
    outline-offset: -3px;
}

.job-template-dialog__content[b-zw6ka830no] {
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
}

.job-template-dialog__notice[b-zw6ka830no] {
    border-radius: var(--zj-radius-lg);
    margin-bottom: 0.8rem;
}

@media (max-height: 36rem), (max-width: 30rem) {
    .permissions-eyebrow[b-zw6ka830no],
    .job-template-dialog__title-icon[b-zw6ka830no],
    .job-template-dialog__header p[b-zw6ka830no] {
        display: none;
    }

    .job-template-dialog__header[b-zw6ka830no] {
        padding: 0.65rem 0.85rem;
    }

    .job-template-dialog__header h2[b-zw6ka830no] {
        font-size: 1.05rem;
    }
}
/* _content/Zajal.Shared/Components/Permissions/PermissionMatrix.razor.rz.scp.css */
.permission-modules[b-ck2sguge4i] { display:grid; gap:1rem; min-width:0; }
.permission-module-card[b-ck2sguge4i] { min-width:0; border:1px solid var(--zj-outline-variant); border-radius:1rem; background:var(--zj-surface); overflow:hidden; }
.permission-module-card__header[b-ck2sguge4i] { display:flex; align-items:center; flex-wrap:wrap; gap:.8rem; padding:1rem; border-bottom:1px solid var(--zj-outline-variant); background:linear-gradient(115deg,rgba(var(--zj-primary-rgb),.08),var(--zj-surface)); }
.permission-module-card__identity[b-ck2sguge4i] { flex:1 1 20rem; display:flex; gap:.7rem; align-items:center; text-align:start; border:0; padding:0; background:transparent; color:var(--zj-on-surface); min-width:0; cursor:pointer; }
.permission-module-card__identity strong[b-ck2sguge4i] { display:block; font-size:1.18rem; line-height:1.6; }
.permission-module-card__identity small[b-ck2sguge4i] { display:block; color:var(--zj-on-surface-variant); line-height:1.7; }
.permission-module-count[b-ck2sguge4i] { color:var(--zj-on-surface-variant); font-variant-numeric:tabular-nums; }
.permission-module-card__actions[b-ck2sguge4i] { display:flex; gap:.5rem; flex-wrap:wrap; }
.permission-module-card__actions button[b-ck2sguge4i] { white-space:normal; min-height:44px; }
.permission-table-wrap[b-ck2sguge4i] { max-width:100%; max-height:70vh; overflow:auto; overscroll-behavior:contain; }
.permission-table[b-ck2sguge4i] { width:100%; min-width:max(52rem,calc(15rem + var(--permission-columns,1)*8rem)); table-layout:fixed; border-collapse:separate; border-spacing:0; color:var(--zj-on-surface); }
.permission-table caption[b-ck2sguge4i] { text-align:start; caption-side:top; padding:.8rem 1rem; color:var(--zj-on-surface-variant); font-size:.875rem; }
.permission-table th[b-ck2sguge4i],.permission-table td[b-ck2sguge4i] { padding:.85rem; border-bottom:1px solid var(--zj-outline-variant); vertical-align:middle; text-align:center; overflow-wrap:anywhere; font-size:.875rem; line-height:1.7; }
.permission-table thead th[b-ck2sguge4i] { position:sticky; top:0; z-index:2; background:var(--zj-surface-container-low); color:var(--zj-on-surface); }
.permission-table .permission-page-name[b-ck2sguge4i] { width:15rem; text-align:start; position:sticky; inset-inline-start:0; z-index:1; background:var(--zj-surface); border-inline-end:1px solid var(--zj-outline-variant); }
.permission-table thead .permission-page-name[b-ck2sguge4i] { z-index:3; background:var(--zj-surface-container-low); }
.permission-page-name strong[b-ck2sguge4i],.permission-page-name small[b-ck2sguge4i] { display:block; }
.permission-page-name small[b-ck2sguge4i] { color:var(--zj-on-surface-variant); font-weight:400; margin-block:.25rem; }
.permission-row--override .permission-page-name[b-ck2sguge4i] { border-inline-start:3px solid var(--zj-primary); }
.permission-toggle-stack[b-ck2sguge4i],.permission-value[b-ck2sguge4i] { display:grid; place-items:center; gap:.4rem; }
.permission-toggle-stack[b-ck2sguge4i] { gap:.85rem; }
.permission-specific-name[b-ck2sguge4i] { line-height:1.6; }
.permission-switch[b-ck2sguge4i] { display:flex; flex-wrap:wrap; gap:.45rem; align-items:center; justify-content:center; min-height:44px; min-width:44px; padding:.4rem; border:1px solid var(--zj-outline-variant); border-radius:.65rem; color:var(--zj-on-surface); background:var(--zj-surface); cursor:pointer; }
.permission-switch:disabled[b-ck2sguge4i] { opacity:.7; cursor:not-allowed; }
.permission-access[b-ck2sguge4i] { font-size:.8rem; font-weight:750; }
.is-allowed[b-ck2sguge4i] { color:var(--zj-success,#167047); }
.is-denied[b-ck2sguge4i] { color:var(--zj-error,#a52d2d); }
.permission-inheritance-state[b-ck2sguge4i] { color:var(--zj-on-surface-variant); font-size:.78rem; }
.permission-not-applicable[b-ck2sguge4i] { color:var(--zj-on-surface-variant); padding:.4rem; border:1px dashed var(--zj-outline-variant); border-radius:.5rem; font-size:.8rem; }
.permission-tag[b-ck2sguge4i] { display:inline-block; margin-block:.35rem; padding:.2rem .5rem; border:1px solid var(--zj-outline-variant); border-radius:.5rem; background:var(--zj-surface-container-low); color:var(--zj-on-surface); font-size:.75rem; }
.permission-reset[b-ck2sguge4i] { display:flex; align-items:center; flex-wrap:wrap; gap:.25rem; padding:.4rem; min-height:44px; border:0; background:transparent; color:var(--zj-primary); font-size:.8rem; cursor:pointer; }
.permission-action-label[b-ck2sguge4i] { display:none; }
button:focus-visible[b-ck2sguge4i],.permission-table-wrap:focus-visible[b-ck2sguge4i] { outline:3px solid var(--zj-primary); outline-offset:-3px; }
@media(max-width:44rem) {
 .permission-module-card__identity[b-ck2sguge4i] { flex-basis:100%; }
 .permission-module-card__actions[b-ck2sguge4i] { width:100%; }
 .permission-module-card__actions button[b-ck2sguge4i] { flex:1; }
 .permission-table-wrap[b-ck2sguge4i] { max-height:none; overflow:visible; }
 .permission-table[b-ck2sguge4i],.permission-table tbody[b-ck2sguge4i],.permission-table tr[b-ck2sguge4i],.permission-table td[b-ck2sguge4i],.permission-table tbody th[b-ck2sguge4i] { display:block; width:100%; min-width:0; }
 .permission-table[b-ck2sguge4i] { table-layout:auto; }
 .permission-table caption[b-ck2sguge4i] { display:block; width:100%; box-sizing:border-box; }
 .permission-table thead[b-ck2sguge4i] { display:none; }
 .permission-table tr[b-ck2sguge4i] { border-bottom:2px solid var(--zj-outline-variant); }
 .permission-table td[b-ck2sguge4i],.permission-table tbody th[b-ck2sguge4i] { border-bottom:0; }
 .permission-table .permission-page-name[b-ck2sguge4i] { position:static; width:100%; border-inline-end:0; background:var(--zj-surface-container-low); }
 .permission-table__action-cell[b-ck2sguge4i] { display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,1.35fr); gap:.7rem; align-items:center; }
 .permission-action-label[b-ck2sguge4i] { display:block; text-align:start; font-weight:700; }
 .permission-switch[b-ck2sguge4i] { width:100%; }
 .permission-value[b-ck2sguge4i] { width:100%; }
 .permission-reset[b-ck2sguge4i] { padding-inline:0; }
}
/* _content/Zajal.Shared/Components/Permissions/UserBranchSelector.razor.rz.scp.css */
.user-branch-selector[b-ipbjtmcfnj] { border: 0; padding: 1rem; margin-block: 1rem; border-radius: 1rem; background: var(--zj-surface-container, #f4f2ee); }
.user-branch-selector legend[b-ipbjtmcfnj] { font-weight: 700; }
.user-branch-selector p[b-ipbjtmcfnj] { margin-block: .3rem .8rem; }
.user-branch-selector__options[b-ipbjtmcfnj] { display: flex; flex-wrap: wrap; gap: .75rem 1.25rem; }
.user-branch-selector label[b-ipbjtmcfnj] { display: inline-flex; align-items: center; gap: .5rem; }
/* _content/Zajal.Shared/Components/Retail/RetailReceipt.razor.rz.scp.css */
.retail-receipt[b-njvfk0zpn0] { max-width:520px; padding:1.5rem; margin:1rem auto; border:1px solid var(--border-color,#e2e8f0); border-radius:.75rem; background:var(--surface-color,#fff); } header[b-njvfk0zpn0] { text-align:center; } header>strong[b-njvfk0zpn0] { color:var(--success-color,#15803d); } .line[b-njvfk0zpn0],dl>div[b-njvfk0zpn0] { display:flex; justify-content:space-between; gap:1rem; padding:.7rem 0; } .line[b-njvfk0zpn0] { border-bottom:1px dashed var(--border-color,#cbd5e1); } small[b-njvfk0zpn0] { display:block; color:var(--text-secondary,#64748b); margin-top:.25rem; } dd[b-njvfk0zpn0] { margin:0; } .line>div[b-njvfk0zpn0] { min-width:0; overflow-wrap:anywhere; } h2[b-njvfk0zpn0] { margin:.5rem 0; }
/* _content/Zajal.Shared/Components/Rewards/LoyaltyProgramSetup.razor.rz.scp.css */
.loyalty-setup[b-fqurde9lzs]{grid-column:1/-1;display:grid;gap:1rem;min-width:0;padding:1.25rem;border:1px solid var(--zj-outline-variant, var(--border-color));border-radius:1rem;background:var(--zj-surface)}
.loyalty-setup label[b-fqurde9lzs]{display:grid;gap:.4rem;min-width:0}
.loyalty-setup input[b-fqurde9lzs],.loyalty-setup select[b-fqurde9lzs],.loyalty-setup button[b-fqurde9lzs]{min-height:44px;max-width:100%;min-width:0}
.loyalty-setup__choices[b-fqurde9lzs]{display:flex;gap:1rem;flex-wrap:wrap}
.loyalty-setup__choices label[b-fqurde9lzs]{display:flex;align-items:center;gap:.5rem}
.loyalty-setup__choices input[b-fqurde9lzs]{min-height:24px;min-width:24px}
.loyalty-setup :focus-visible[b-fqurde9lzs]{outline:3px solid var(--zj-primary);outline-offset:3px}
.loyalty-setup [role=alert][b-fqurde9lzs]{font-weight:700}
.loyalty-setup__feedback[b-fqurde9lzs]{margin:0;padding:.75rem;border:1px solid var(--zj-outline-variant, var(--border-color));border-radius:.5rem;line-height:1.6}
.loyalty-setup details[b-fqurde9lzs]{border-block-start:1px solid var(--zj-outline-variant, var(--border-color));padding-block-start:1rem}
@media(prefers-reduced-motion:reduce){.loyalty-setup *[b-fqurde9lzs]{animation:none!important;transition:none!important}}

.loyalty-setup[b-fqurde9lzs] { color: var(--zj-on-surface); overflow-wrap: anywhere; }
.loyalty-setup h2[b-fqurde9lzs] { margin: 0; font-size: 1.4rem; color: var(--zj-primary); }
.loyalty-setup h3[b-fqurde9lzs] { font-size: 1.15rem; margin-block: 0 1rem; }
.loyalty-setup__fieldset[b-fqurde9lzs] { display: grid; gap: 1rem; min-width: 0; border: 0; padding: 0; margin: 0; }
.loyalty-setup__fieldset > section[b-fqurde9lzs] { display: grid; gap: 1rem; }
.loyalty-setup [hidden][b-fqurde9lzs] { display: none !important; }
.loyalty-setup__actions[b-fqurde9lzs] { display: flex; flex-wrap: wrap; gap: .75rem; }
.loyalty-setup__campaign-actions[b-fqurde9lzs] { margin-block-start: 1rem; }
.loyalty-setup__region[b-fqurde9lzs] { padding: 1rem; border: 1px solid var(--zj-outline-variant, var(--border-color)); border-radius: .75rem; }
.loyalty-setup summary[b-fqurde9lzs] { min-height: 44px; cursor: pointer; font-weight: 800; color: var(--zj-primary); }
.loyalty-setup details[open] > summary[b-fqurde9lzs] { margin-block-end: 1rem; }
.loyalty-setup__choices[b-fqurde9lzs] { margin-block: .75rem; }
.loyalty-setup input[b-fqurde9lzs], .loyalty-setup select[b-fqurde9lzs], .loyalty-setup button[b-fqurde9lzs] { font: inherit; }
@media (max-width: 600px) { .loyalty-setup__actions > button[b-fqurde9lzs] { flex: 1 1 100%; } }

/* Keep controls mounted when switching calculation modes without breaking shared grid tracks. */
.loyalty-setup[b-fqurde9lzs]  .loyalty-setup__field-hidden { display: none !important; }
/* _content/Zajal.Shared/Components/Rewards/RewardsWorkspace.razor.rz.scp.css */
.admin-rewards[b-80mkn850us] {
    display: grid;
    gap: 1.25rem;
}

.admin-rewards__header[b-80mkn850us] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.admin-rewards__header h1[b-80mkn850us],
.admin-rewards__panel h2[b-80mkn850us] {
    margin: 0;
    color: var(--zj-on-surface);
    font-weight: 950;
}

.admin-rewards__header p[b-80mkn850us],
.admin-rewards__muted[b-80mkn850us] {
    margin: 0.35rem 0 0;
    color: var(--zj-on-surface-variant);
    line-height: 1.8;
}

.admin-rewards__grid[b-80mkn850us] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.admin-rewards__panel[b-80mkn850us] {
    display: grid;
    gap: 0.9rem;
}

.admin-rewards__settings-footer[b-80mkn850us] {
    text-align: right;
}



.admin-rewards__switch[b-80mkn850us],
.admin-rewards__checks[b-80mkn850us] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}

.admin-rewards__checks[b-80mkn850us] { margin-block-start: 1rem; }
.admin-rewards__checks > label[b-80mkn850us] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    min-height: 44px;
    margin: 0;
}
.admin-rewards__checks input[type=checkbox][b-80mkn850us] {
    position: static;
    flex: 0 0 1.25rem;
    width: 1.25rem;
    height: 1.25rem;
    margin: 0;
    accent-color: var(--zj-primary);
}

.admin-rewards__editor[b-80mkn850us] {
    margin-top: 0.25rem;
}

.admin-rewards__actions[b-80mkn850us],
.admin-rewards__card-actions[b-80mkn850us] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    flex-wrap: wrap;
}

.admin-rewards__cards[b-80mkn850us] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 17rem), 1fr));
    gap: 1rem;
}

.admin-rewards__card[b-80mkn850us] {
    position: relative;
    display: grid;
    grid-template-columns: 5.5rem minmax(0, 1fr);
    gap: 0.85rem;
    align-items: center;
    padding: 0.9rem;
    border-radius: var(--zj-radius-xl);
    background: var(--zj-surface);
    box-shadow: var(--ambient-shadow-soft);
}

.admin-rewards__card--editing[b-80mkn850us] {
    border: 1px solid color-mix(in srgb, var(--zj-primary) 45%, transparent);
    background: var(--zj-primary-container);
}

.admin-rewards__card--editing .admin-rewards__card-actions[b-80mkn850us] {
    pointer-events: none;
}

.admin-rewards__image[b-80mkn850us] {
    width: 5.5rem;
    aspect-ratio: 1;
    display: grid;
    place-items: center;
    overflow: hidden;
    border-radius: var(--zj-radius-lg);
    background: var(--zj-surface-container);
    color: var(--zj-primary);
}

.admin-rewards__image img[b-80mkn850us] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.admin-rewards__image--empty[b-80mkn850us] { align-content: center; gap: .25rem; border: 1px dashed var(--zj-outline-variant); }
.admin-rewards__image--empty .material-symbols-outlined[b-80mkn850us] { font-size: 1.5rem; margin: 0; }
.admin-rewards__image--empty small[b-80mkn850us] { color: var(--zj-on-surface-variant); font-size: .7rem; }

.admin-rewards__card strong[b-80mkn850us],
.admin-rewards__card span[b-80mkn850us],
.admin-rewards__card em[b-80mkn850us] {
    display: block;
}

.admin-rewards__card strong[b-80mkn850us] {
    color: var(--zj-on-surface);
    font-weight: 950;
}

.admin-rewards__card span[b-80mkn850us],
.admin-rewards__card em[b-80mkn850us] {
    color: var(--zj-on-surface-variant);
    font-size: 0.85rem;
    font-style: normal;
    margin-top: 0.25rem;
}

.admin-rewards__editing-badge[b-80mkn850us] {
    width: fit-content;
    padding: 0.2rem 0.55rem;
    border-radius: var(--zj-radius-full);
    background: color-mix(in srgb, var(--zj-primary) 14%, transparent);
    color: var(--zj-primary) !important;
    font-weight: 900;
}

.admin-rewards__card-actions[b-80mkn850us] {
    grid-column: 1 / -1;
}

@media (max-width: 900px) {
    .admin-rewards__header[b-80mkn850us],
    .admin-rewards__grid[b-80mkn850us]{
        grid-template-columns: 1fr;
    }

    .admin-rewards__header[b-80mkn850us] {
        display: grid;
    }
}

.admin-rewards[b-80mkn850us] { min-width: 0; color: var(--zj-on-surface); font-family: var(--zj-font-family, inherit); }
.admin-rewards__catalog[b-80mkn850us], .admin-rewards__details[b-80mkn850us] {
    min-width: 0; border: 1px solid var(--zj-outline-variant, var(--border-color));
    border-radius: var(--zj-radius-lg, 1rem); padding: clamp(.9rem, 2vw, 1.4rem);
    background: var(--zj-surface); overflow-wrap: anywhere;
}
.admin-rewards__catalog[b-80mkn850us] { display: grid; gap: 1rem; }
.admin-rewards__header h2[b-80mkn850us] { margin: 0; font-size: 1.4rem; }
.admin-rewards__header p[b-80mkn850us] { max-width: 65ch; }
.admin-rewards__details summary[b-80mkn850us] { cursor: pointer; font-weight: 800; color: var(--zj-primary); padding-block: .5rem; }
.admin-rewards__details[open] > summary[b-80mkn850us] { margin-block-end: .75rem; }
.admin-rewards__fieldset[b-80mkn850us] { display: grid; gap: 1rem; min-width: 0; border: 0; margin: 0; padding: 0; }
.admin-rewards__card[b-80mkn850us] { border: 1px solid var(--zj-outline-variant, var(--border-color)); overflow-wrap: anywhere; }
.admin-rewards__muted[b-80mkn850us] { white-space: pre-line; }
.admin-rewards__empty[b-80mkn850us] { border: 1px dashed var(--zj-outline-variant, var(--border-color)); padding: 1.25rem; border-radius: .75rem; }
.admin-rewards :is(input, select, textarea, button)[b-80mkn850us] { max-width: 100%; min-width: 0; font: inherit; }
.admin-rewards :is(button, summary, input:not([type=checkbox]), select)[b-80mkn850us] { min-height: 44px; }
.admin-rewards :focus-visible[b-80mkn850us] { outline: 3px solid var(--zj-primary); outline-offset: 3px; }
.admin-rewards[b-80mkn850us]  .card-body { padding: clamp(.9rem, 2vw, 1.4rem); }
.admin-rewards[b-80mkn850us]  .validation-message { overflow-wrap: anywhere; }
@media (max-width: 600px) { .admin-rewards__actions > button[b-80mkn850us] { flex: 1 1 100%; } }
/* _content/Zajal.Shared/Components/Subscriptions/SolutionFamilyDetailsDialog.razor.rz.scp.css */
.family-dialog[b-le42en3uh2] { position: fixed; inset: 0; background: #15202c99; z-index: 1100; display: grid; place-items: center; padding: 1rem; direction: rtl; }
.family-dialog__panel[b-le42en3uh2] { background: var(--zj-surface, #fff); color: var(--zj-on-surface, #18212f); border: 1px solid var(--zj-outline-variant); width: min(760px, 100%); max-height: 90dvh; overflow: auto; border-radius: 18px; padding: 1.5rem; box-shadow: 0 18px 70px #0003; overflow-wrap: anywhere; }
header[b-le42en3uh2] { display: flex; justify-content: space-between; gap: 1rem; align-items: center; }
h2[b-le42en3uh2] { margin: 0; } h3[b-le42en3uh2] { margin-block: 1.2rem .65rem; } h4[b-le42en3uh2] { margin-block: .8rem .3rem; }
details[b-le42en3uh2] { border-block-end: 1px solid #8883; padding: .75rem 0; } summary[b-le42en3uh2] { cursor: pointer; font-weight: 600; }
p[b-le42en3uh2] { line-height: 1.7; margin-block: .4rem; }
@media (max-width: 600px) { .family-dialog[b-le42en3uh2] { padding: .75rem; } .family-dialog__panel[b-le42en3uh2] { padding: 1rem; } header[b-le42en3uh2] { flex-wrap: wrap; } }
.family-dialog__discard[b-le42en3uh2] { position: sticky; top: 0; z-index: 2; background: var(--zj-surface); border: 1px solid var(--zj-warning, #9b650b); border-radius: 12px; padding: .75rem; margin-block: .75rem; }
/* _content/Zajal.Shared/Layout/MainLayout.razor.rz.scp.css */
.order-notification-panels[b-ok7mf70kgq] {
    display: contents;
}

.app-sidebar__mobile-close[b-ok7mf70kgq] {
    display: none;
}

@media (max-width: 1180px) {
    .app-shell--mobile-menu-open > .app-topbar[b-ok7mf70kgq] {
        visibility: hidden;
        pointer-events: none;
    }

    .app-sidebar[b-ok7mf70kgq] {
        z-index: 9500;
        height: 100dvh;
        background: var(--zj-surface);
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        padding-block-start: env(safe-area-inset-top, 0px);
        padding-block-end: env(safe-area-inset-bottom, 0px);
        box-sizing: border-box;
    }

    .app-shell.app-shell--mobile-menu-open > .app-sidebar[b-ok7mf70kgq] {
        background: var(--zj-surface);
    }

    .app-overlay[b-ok7mf70kgq] {
        z-index: 9400;
        border: 0;
        padding: 0;
        width: 100%;
        height: 100%;
    }

    .app-sidebar__mobile-close[b-ok7mf70kgq] {
        display: inline-flex;
        position: absolute;
        inset-block-start: calc(.75rem + env(safe-area-inset-top, 0px));
        inset-inline-end: .75rem;
        width: 2.75rem;
        height: 2.75rem;
        background: var(--zj-surface-container);
        color: var(--zj-on-surface);
        border: 1px solid var(--zj-outline-variant);
        z-index: 1;
    }

    .app-sidebar[b-ok7mf70kgq]  .app-sidebar__nav {
        min-height: 0;
        overscroll-behavior: contain;
    }

    .app-sidebar[b-ok7mf70kgq]  .app-sidebar__brand,
    .app-sidebar[b-ok7mf70kgq]  .app-sidebar__footer {
        flex-shrink: 0;
    }
}

@media (max-width: 920px) {
    .order-notification-panels[b-ok7mf70kgq] {
        position: relative;
        inset: auto;
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
        padding: 0.5rem 0.75rem;
    }

    .order-notification-panels[b-ok7mf70kgq]  .pending-review-panel,
    .order-notification-panels[b-ok7mf70kgq]  .ready-delivery-panel,
    .order-notification-panels[b-ok7mf70kgq]  .delivered-payment-panel {
        position: relative !important;
        inset: auto !important;
        width: 100% !important;
        max-height: min(28rem, 60dvh) !important;
        min-height: 0;
        flex: 1 1 auto;
        margin: 0;
    }

    .order-notification-panels[b-ok7mf70kgq]  .pending-review-panel__header,
    .order-notification-panels[b-ok7mf70kgq]  .ready-delivery-panel__header,
    .order-notification-panels[b-ok7mf70kgq]  .delivered-payment-panel__header {
        flex-shrink: 0;
    }

    .order-notification-panels[b-ok7mf70kgq]  .pending-review-panel__body,
    .order-notification-panels[b-ok7mf70kgq]  .ready-delivery-panel__body,
    .order-notification-panels[b-ok7mf70kgq]  .delivered-payment-panel__body {
        min-height: 0;
        flex: 1 1 auto;
        overflow-y: auto;
        overscroll-behavior: contain;
    }

    .order-notification-panels[b-ok7mf70kgq]  .pending-review-panel__dock,
    .order-notification-panels[b-ok7mf70kgq]  .ready-delivery-panel__dock,
    .order-notification-panels[b-ok7mf70kgq]  .delivered-payment-panel__dock {
        position: relative !important;
        inset: auto !important;
    }

    .app-shell--cashier-terminal .app-content[b-ok7mf70kgq] {
        padding-block-end: 5rem !important;
    }
}

@media (max-width: 620px) {
    .app-shell--cashier-terminal .app-content[b-ok7mf70kgq] {
        padding-block-end: 5rem !important;
    }
}
.subscription-notice--expired[b-ok7mf70kgq],
.subscription-notice--warning[b-ok7mf70kgq] {
    position: static;
}

/* Keep minimized alerts in the page flow, including report filter controls. */
.order-notification-panels:has(> button):not(:has(> aside))[b-ok7mf70kgq] {
    position: relative;
    inset: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 0.5rem;
    max-height: none;
    padding: 0.5rem 0.75rem;
    background: var(--zj-surface);
    overflow: visible;
}

.order-notification-panels:has(> button):not(:has(> aside))[b-ok7mf70kgq]  .pending-review-panel__dock,
.order-notification-panels:has(> button):not(:has(> aside))[b-ok7mf70kgq]  .ready-delivery-panel__dock,
.order-notification-panels:has(> button):not(:has(> aside))[b-ok7mf70kgq]  .delivered-payment-panel__dock {
    position: relative !important;
    inset: auto !important;
    min-height: 3rem;
    border-radius: var(--zj-radius-lg, 0.75rem);
}

.app-content:has(> .order-notification-panels--cashier > button):not(:has(> .order-notification-panels--cashier > aside))[b-ok7mf70kgq] {
    --cashier-notification-rail-height: 4rem;
}

.subscription-notice a[b-ok7mf70kgq] {
    display: flex;
    align-items: center;
    min-height: 44px;
    color: inherit;
    text-decoration: underline;
    text-underline-offset: .2em;
    overflow-wrap: anywhere;
}

.subscription-notice a:focus-visible[b-ok7mf70kgq] {
    outline: 3px solid currentColor;
    outline-offset: 3px;
}

/* The classic cashier consumes the space left by live notification panels. */
.app-shell--cashier-terminal:has(.cashier-approved-layout) .app-content[b-ok7mf70kgq] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
    padding: 0 !important;
}
.app-shell--cashier-terminal:has(.cashier-approved-layout) .app-content > .order-notification-panels[b-ok7mf70kgq] {
    flex: 0 0 auto;
}

/* Compact warning stays in document flow; native disclosure supports keyboard use. */
.subscription-notice--warning[b-ok7mf70kgq] { padding-block:8px; align-items:flex-start; }
.subscription-notice__details[b-ok7mf70kgq] { flex:1; min-width:0; }
.subscription-notice__details summary[b-ok7mf70kgq] { cursor:pointer; line-height:1.7; }
.subscription-notice__details summary:focus-visible[b-ok7mf70kgq] { outline:2px solid currentColor; outline-offset:3px; }
.subscription-notice__details summary span[b-ok7mf70kgq] { text-decoration:underline; text-underline-offset:.2em; }
.subscription-notice__details p[b-ok7mf70kgq] { margin-block:8px 0; }
/* _content/Zajal.Shared/Pages/Admin/AdminAdd.razor.rz.scp.css */
.permission-modules[b-ohdzfcwcno] {
    display: grid;
    gap: 0.75rem;
    max-height: 34rem;
    overflow: auto;
    padding-inline-end: 0.25rem;
}

.permission-module[b-ohdzfcwcno] {
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-md);
    background: var(--zj-surface-container-low);
    overflow: visible;
}

.permission-module__header[b-ohdzfcwcno] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.75rem;
    align-items: center;
    padding: 0.8rem;
    border-bottom: 1px solid var(--zj-outline-variant);
    background: color-mix(in srgb, var(--zj-surface-container) 78%, transparent);
}

.permission-module__header h3[b-ohdzfcwcno] {
    margin: 0;
    font-size: 1rem;
    line-height: 1.35;
}

.permission-module__header p[b-ohdzfcwcno] {
    margin: 0.25rem 0 0;
    color: var(--zj-on-surface-variant);
    font-size: 0.8rem;
    line-height: 1.6;
}

.permission-module__actions[b-ohdzfcwcno] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.45rem;
    min-width: 0;
}

.permission-module__actions .btn[b-ohdzfcwcno] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    min-height: 2rem;
    white-space: nowrap;
}

.permission-module__actions .btn .material-symbols-outlined[b-ohdzfcwcno] {
    font-size: 1.05rem;
}

.permission-module__count[b-ohdzfcwcno] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 3.25rem;
    border-radius: 999px;
    padding: 0.2rem 0.55rem;
    background: var(--zj-primary-container);
    color: var(--zj-on-primary-container);
    font-size: 0.78rem;
    font-weight: 800;
}

.permission-module__toggle[b-ohdzfcwcno],
.permission-page-toggle[b-ohdzfcwcno] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    cursor: pointer;
}

.permission-module__toggle[b-ohdzfcwcno] {
    white-space: nowrap;
    font-size: 0.78rem;
    font-weight: 800;
}

.permission-module__toggle:has(input:disabled)[b-ohdzfcwcno],
.permission-page-toggle:has(input:disabled)[b-ohdzfcwcno] {
    cursor: default;
}

.permission-module__table-wrap[b-ohdzfcwcno] {
    overflow-x: auto;
}

.permission-module__table[b-ohdzfcwcno] {
    width: 100%;
    border-collapse: collapse;
    min-width: 27rem;
}

.permission-module__table th[b-ohdzfcwcno],
.permission-module__table td[b-ohdzfcwcno] {
    padding: 0.65rem 0.75rem;
    border-bottom: 1px solid var(--zj-outline-variant);
    text-align: start;
    vertical-align: middle;
}

.permission-module__table th[b-ohdzfcwcno] {
    color: var(--zj-on-surface-variant);
    font-size: 0.72rem;
    font-weight: 800;
}

.permission-module__table td[b-ohdzfcwcno] {
    font-size: 0.82rem;
}

.permission-module__table tbody tr:last-child td[b-ohdzfcwcno] {
    border-bottom: 0;
}

.permission-module__table code[b-ohdzfcwcno] {
    display: block;
    max-width: 12rem;
    overflow: hidden;
    color: var(--zj-on-surface-variant);
    font-size: 0.72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.permission-module__table .is-required[b-ohdzfcwcno] {
    opacity: 0.82;
}

.permission-badge[b-ohdzfcwcno] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    padding: 0.2rem 0.5rem;
    background: var(--zj-surface-container-high);
    color: var(--zj-on-surface-variant);
    font-size: 0.72rem;
    font-weight: 800;
    white-space: nowrap;
}

.permission-badge--allowed[b-ohdzfcwcno] {
    background: color-mix(in srgb, var(--zj-success) 16%, transparent);
    color: var(--zj-success);
}

.permission-badge--required[b-ohdzfcwcno] {
    background: var(--zj-primary-container);
    color: var(--zj-on-primary-container);
}

.permission-modal[b-ohdzfcwcno] {
    position: fixed;
    inset: 0;
    z-index: 80;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(15, 23, 42, 0.46);
}

.permission-modal__panel[b-ohdzfcwcno] {
    width: min(48rem, 100%);
    max-height: min(42rem, calc(100vh - 2rem));
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
    overflow: hidden;
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-lg);
    background: var(--zj-surface);
    box-shadow: var(--zj-shadow-lg);
}

.permission-modal__header[b-ohdzfcwcno] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: start;
    padding: 1rem;
    border-bottom: 1px solid var(--zj-outline-variant);
}

.permission-modal__header h2[b-ohdzfcwcno] {
    margin: 0;
    font-size: 1.1rem;
}

.permission-modal__header p[b-ohdzfcwcno] {
    margin: 0.35rem 0 0;
    color: var(--zj-on-surface-variant);
    font-size: 0.84rem;
    line-height: 1.6;
}

.permission-modal__toolbar[b-ohdzfcwcno] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--zj-outline-variant);
    background: var(--zj-surface-container-low);
}

.permission-modal .permission-module__table-wrap[b-ohdzfcwcno] {
    overflow: auto;
}

@media (max-width: 900px) {
    .permission-module__header[b-ohdzfcwcno] {
        grid-template-columns: 1fr;
    }

    .permission-module__actions[b-ohdzfcwcno] {
        justify-content: stretch;
    }

    .permission-module__actions .btn[b-ohdzfcwcno],
    .permission-module__toggle[b-ohdzfcwcno] {
        flex: 1 1 9rem;
    }

    .permission-module__toggle[b-ohdzfcwcno] {
        justify-content: space-between;
    }

    .permission-modal[b-ohdzfcwcno] {
        align-items: stretch;
        padding: 0.75rem;
    }

    .permission-modal__panel[b-ohdzfcwcno] {
        max-height: calc(100vh - 1.5rem);
    }
}
.admin-create-grid[b-ohdzfcwcno]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem}.admin-create-grid>*[b-ohdzfcwcno]{min-width:0}
.legacy-summary[b-ohdzfcwcno]{margin-block:1rem;padding:1rem;border:1px solid var(--zj-primary);border-radius:var(--zj-radius-lg);background:var(--zj-surface)}
.legacy-summary h2[b-ohdzfcwcno]{font-size:1.5rem}.legacy-summary dl[b-ohdzfcwcno]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.legacy-summary dd[b-ohdzfcwcno]{margin:0;overflow-wrap:anywhere}.legacy-summary dt[b-ohdzfcwcno]{color:var(--zj-on-surface-variant)}
.permission-module__table code[b-ohdzfcwcno]{white-space:normal;overflow-wrap:anywhere;text-overflow:clip}.permission-modal[b-ohdzfcwcno]{z-index:9998}
@media(max-width:1100px){.admin-create-grid[b-ohdzfcwcno]{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.legacy-summary dl[b-ohdzfcwcno]{grid-template-columns:minmax(0,1fr)}}
.legacy-fields[b-ohdzfcwcno]{border:0;padding:0;margin:0;min-width:0}.legacy-heading h2[b-ohdzfcwcno]{font-size:clamp(1.4rem,2vw,1.75rem);margin:0}.legacy-heading p[b-ohdzfcwcno]{color:var(--zj-on-surface-variant)}
/* _content/Zajal.Shared/Pages/Admin/CommercialQuotes.razor.rz.scp.css */
.commercial-quotes[b-ge89o2re5i]{max-width:64rem;margin-inline:auto;padding:1rem;display:grid;gap:.8rem}
fieldset[b-ge89o2re5i]{border:0;padding:0;min-inline-size:0}
button[b-ge89o2re5i]{min-height:44px}input[type=radio][b-ge89o2re5i]{min-height:24px;min-width:24px;vertical-align:middle}
p[b-ge89o2re5i]{overflow-wrap:anywhere}.btn[b-ge89o2re5i]{width:fit-content}bdi[b-ge89o2re5i]{display:inline-block}
.commercial-quotes[b-ge89o2re5i]{max-width:none;padding:0;gap:1rem;min-width:0}
.commercial-quotes h2[b-ge89o2re5i]{font-size:clamp(1.4rem,2vw,1.75rem);margin:0}.commercial-quotes h3[b-ge89o2re5i]{font-size:1.3rem;margin:0 0 .75rem}
.quote-section[b-ge89o2re5i]{padding:1rem;border:1px solid var(--zj-outline-variant);border-radius:var(--zj-radius-lg);background:var(--zj-surface);min-width:0}


.quote-section>button[b-ge89o2re5i]{margin-block:.5rem}

[role=alert]:not(.zj-field-error)[b-ge89o2re5i]{padding:.6rem;border:1px solid var(--zj-error);border-radius:.5rem;background:var(--zj-error-container);color:var(--zj-on-error-container)}
@media(max-width:650px){.btn[b-ge89o2re5i]{max-width:100%;white-space:normal}}
/* _content/Zajal.Shared/Pages/Admin/CommercialTeamAccess.razor.rz.scp.css */
.team-access[b-64byfnwgb0] { display: grid; gap: 1.25rem; inline-size: 100%; min-inline-size: 0; padding: clamp(.75rem, 2vw, 1.5rem); color: var(--zj-on-surface); font-family: var(--zj-font-body); overflow-wrap: anywhere; }
.team-account-focus:focus-visible[b-64byfnwgb0] { outline: 3px solid var(--zj-secondary); outline-offset: 4px; }
.team-permissions > .visually-hidden[b-64byfnwgb0] { position: absolute; inline-size: 1px; block-size: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.team-hint[b-64byfnwgb0] { color: var(--zj-on-surface-variant); font-size: .9rem; line-height: 1.9; margin-block: .5rem; }
.team-access[b-64byfnwgb0]  .zj-section-card { min-inline-size: 0; border: 1px solid var(--zj-outline-variant); }
.team-access[b-64byfnwgb0]  .zj-section-card__title { font-size: clamp(1.35rem, 2vw, 1.65rem); line-height: 1.6; }
.team-person[b-64byfnwgb0] { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; margin-block-start: 1rem; padding: 1rem; border: 1px solid var(--zj-secondary); border-radius: var(--zj-radius-lg); background: var(--zj-surface-container-low); }
.team-person > .material-symbols-outlined[b-64byfnwgb0] { color: var(--zj-secondary); font-size: 2rem; }
.team-person > div[b-64byfnwgb0] { display: grid; gap: .35rem; min-inline-size: 0; flex: 1 1 15rem; }
.team-person strong[b-64byfnwgb0] { font-size: 1.15rem; }
.team-person bdi[b-64byfnwgb0] { color: var(--zj-on-surface-variant); overflow-wrap: anywhere; }
.team-count[b-64byfnwgb0] { font-weight: 700; }
.team-permissions[b-64byfnwgb0] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; border: 0; padding: 0; margin: 1rem 0 0; min-inline-size: 0; }
.team-group[b-64byfnwgb0] { border: 1px solid var(--zj-outline-variant); border-radius: var(--zj-radius-lg); padding: 1rem; min-inline-size: 0; margin: 0; }
.team-group legend[b-64byfnwgb0] { float: none; width: auto; max-inline-size: 100%; padding-inline: .4rem; font-size: 1.125rem; font-weight: 800; }
.team-group > .team-hint[b-64byfnwgb0] { margin-block-start: 0; }
.team-group:last-child[b-64byfnwgb0] { grid-column: 1 / -1; }
.team-choices[b-64byfnwgb0] { display: grid; gap: .6rem; }
.team-choice[b-64byfnwgb0] { display: flex; align-items: flex-start; gap: .75rem; padding: .85rem; min-block-size: 3rem; border: 1px solid var(--zj-outline-variant); border-radius: var(--zj-radius-md); background: var(--zj-surface-container-lowest); cursor: pointer; line-height: 1.7; }
.team-choice--selected[b-64byfnwgb0] { border-color: var(--zj-secondary); box-shadow: inset 3px 0 0 var(--zj-secondary); }
.team-choice input[b-64byfnwgb0] { inline-size: 1.25rem; block-size: 1.25rem; margin-block-start: .2rem; flex: 0 0 auto; accent-color: var(--zj-secondary); }
.team-choice:focus-within[b-64byfnwgb0] { outline: 3px solid var(--zj-secondary); outline-offset: 3px; }
fieldset:disabled .team-choice[b-64byfnwgb0] { cursor: default; }
.team-draft[b-64byfnwgb0] { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .5rem 1rem; margin-block-end: 1rem; padding: .85rem; background: var(--zj-surface-container-low); border: 1px solid var(--zj-outline-variant); border-radius: var(--zj-radius-md); }
.team-diff[b-64byfnwgb0] { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 1rem; margin-block-end: 1rem; }
.team-diff section[b-64byfnwgb0] { padding: .85rem; border-inline-start: 3px solid var(--zj-secondary); background: var(--zj-surface-container-low); }
.team-diff h3[b-64byfnwgb0] { font-size: 1rem; font-weight: 800; margin-block: 0 .5rem; }
.team-diff ul[b-64byfnwgb0] { padding-inline-start: 1.25rem; margin: 0; line-height: 1.9; }
.team-notice[b-64byfnwgb0] { padding: 1rem; border: 1px solid var(--zj-secondary); border-radius: var(--zj-radius-md); background: var(--zj-surface-container-low); margin: 0; }
.team-actions[b-64byfnwgb0] { display: flex; flex-wrap: wrap; gap: .75rem; margin-block-start: 1rem; }
.team-actions .btn[b-64byfnwgb0] { display: inline-flex; gap: .5rem; align-items: center; justify-content: center; min-block-size: 2.75rem; white-space: normal; }
@media (max-width: 767px) { .team-permissions[b-64byfnwgb0], .team-diff[b-64byfnwgb0] { grid-template-columns: minmax(0, 1fr); } .team-group:last-child[b-64byfnwgb0] { grid-column: auto; } }
@media (max-width: 480px) { .team-access[b-64byfnwgb0] { padding: .75rem; gap: 1rem; } .team-group[b-64byfnwgb0] { padding: .75rem; } .team-actions[b-64byfnwgb0] { flex-direction: column; } .team-actions .btn[b-64byfnwgb0] { inline-size: 100%; } }
/* _content/Zajal.Shared/Pages/Admin/ConfigurationQuestionDrafts.razor.rz.scp.css */
.configuration-drafts[b-wab85vrufi] { min-width:0; }
.configuration-drafts section>a[b-wab85vrufi] { display:block; padding-block:.5rem; min-height:44px; overflow-wrap:anywhere; }
/* _content/Zajal.Shared/Pages/Admin/ConfigurationQuestionPublicPreview.razor.rz.scp.css */
.question-public-preview[b-umslhjiowp] { max-width:60rem; margin-inline:auto; padding:clamp(1rem,3vw,2rem); display:grid; gap:1rem; }
/* _content/Zajal.Shared/Pages/Admin/DayClose.razor.rz.scp.css */
.day-close[b-1ne5rva0f0] {
    display: grid;
    gap: 1.5rem;
}

.day-close__hero[b-1ne5rva0f0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
    padding: clamp(1.25rem, 4vw, 2.5rem);
    border: 1px solid rgba(var(--zj-primary-rgb), 0.12);
    border-radius: var(--zj-radius-2xl);
    background:
        radial-gradient(circle at 12% 18%, rgba(var(--zj-primary-rgb), 0.16), transparent 32%),
        linear-gradient(135deg, var(--zj-surface-container-low), var(--zj-surface));
}

.day-close__hero-copy[b-1ne5rva0f0] {
    display: grid;
    gap: 0.65rem;
}

.day-close__eyebrow[b-1ne5rva0f0] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    width: fit-content;
    color: var(--zj-on-surface);
    font-size: 0.85rem;
    font-weight: 850;
}

.day-close__eyebrow .material-symbols-outlined[b-1ne5rva0f0] {
    font-size: 1.15rem;
}

.day-close__hero h1[b-1ne5rva0f0] {
    margin: 0;
    color: var(--zj-on-surface);
    font-size: clamp(1.75rem, 3vw, 2.25rem);
    font-weight: 950;
    line-height: 1.45;
}

.day-close__hero p[b-1ne5rva0f0] {
    margin: 0;
    color: var(--zj-on-surface-variant);
    font-weight: 650;
}

.day-close__status[b-1ne5rva0f0] {
    padding: 0.65rem 1rem;
    font-size: 0.95rem;
    white-space: nowrap;
}

.day-close[b-1ne5rva0f0]  .day-close__status.badge--success {
    background: #d1fae5;
    color: #065f46;
}

.day-close__stats[b-1ne5rva0f0] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1rem;
}

.day-close-waste-notice[b-1ne5rva0f0] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.85rem 1.15rem;
    border-radius: var(--zj-radius-xl);
    background: rgba(var(--zj-primary-rgb), 0.05);
    border: 1px dashed rgba(var(--zj-primary-rgb), 0.22);
    color: var(--zj-on-surface);
    font-size: 0.88rem;
    font-weight: 700;
    line-height: 1.6;
}

.day-close-waste-notice .material-symbols-outlined[b-1ne5rva0f0] {
    color: var(--zj-primary);
    font-size: 1.35rem;
    flex-shrink: 0;
}

[b-1ne5rva0f0](.day-close__stat--error) {
    background: rgba(var(--zj-error-rgb), 0.06);
    border-color: rgba(var(--zj-error-rgb), 0.18);
}

[b-1ne5rva0f0](.day-close__stat--warning) {
    background: var(--zj-warning-container);
    border-color: rgba(245, 158, 11, 0.24);
}

.day-close-warning[b-1ne5rva0f0] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 1rem;
    padding: 1.25rem;
    border: 1px solid rgba(245, 158, 11, 0.28);
    border-radius: var(--zj-radius-2xl);
    background: var(--zj-warning-container);
    color: var(--zj-on-surface);
}

.day-close-warning > .material-symbols-outlined[b-1ne5rva0f0] {
    color: var(--zj-warning);
    font-size: 2rem;
}

.day-close-warning h2[b-1ne5rva0f0] {
    margin: 0;
    color: var(--zj-on-surface);
    font-size: 1.2rem;
    font-weight: 950;
}

.day-close-warning p[b-1ne5rva0f0] {
    margin: 0.35rem 0 1rem;
    color: var(--zj-on-surface-variant);
    font-weight: 750;
    line-height: 1.8;
}

.day-close-warning__actions[b-1ne5rva0f0] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.day-close__split[b-1ne5rva0f0] {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    gap: 1rem;
}

.day-close-panel[b-1ne5rva0f0] {
    display: grid;
    gap: 1.25rem;
    min-width: 0;
    padding: 1.25rem;
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-2xl);
    background: var(--zj-surface);
}

.day-close-panel__header[b-1ne5rva0f0] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.day-close-panel__header span:first-child[b-1ne5rva0f0] {
    color: var(--zj-on-surface);
    font-size: 0.78rem;
    font-weight: 850;
}

.day-close-panel__header h2[b-1ne5rva0f0] {
    margin: 0.2rem 0 0;
    color: var(--zj-on-surface);
    font-size: 1.35rem;
    font-weight: 950;
}

.day-close-panel__header > .material-symbols-outlined[b-1ne5rva0f0] {
    color: var(--zj-primary);
    padding: 0.75rem;
    border-radius: var(--zj-radius-xl);
    background: rgba(var(--zj-primary-rgb), 0.1);
}

.day-close-payment[b-1ne5rva0f0] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr));
    gap: 1.25rem;
    align-items: center;
}

.day-close-donut[b-1ne5rva0f0] {
    width: min(100%, 15rem);
    aspect-ratio: 1;
    overflow: visible;
}

.day-close-donut__track[b-1ne5rva0f0],
.day-close-donut__segment[b-1ne5rva0f0] {
    fill: none;
    stroke-width: 18;
}

.day-close-donut__track[b-1ne5rva0f0] {
    stroke: var(--zj-surface-container-high);
}

.day-close-donut__segment[b-1ne5rva0f0] {
    transform: rotate(-90deg);
    transform-origin: 60px 60px;
    stroke-linecap: round;
}

.day-close-donut__value[b-1ne5rva0f0] {
    fill: var(--zj-on-surface);
    font-size: 1rem;
    font-weight: 950;
}

.day-close-donut__label[b-1ne5rva0f0] {
    fill: var(--zj-on-surface-variant);
    font-size: 0.55rem;
    font-weight: 800;
}

.day-close-payment__legend[b-1ne5rva0f0] {
    display: grid;
    gap: 0.75rem;
}

.day-close-payment__legend-item[b-1ne5rva0f0] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.65rem;
    color: var(--zj-on-surface);
    font-weight: 800;
}

.day-close-payment__legend-item i[b-1ne5rva0f0] {
    width: 0.8rem;
    height: 0.8rem;
    border-radius: var(--zj-radius-full);
}

.day-close-payment__legend-item strong[b-1ne5rva0f0] {
    grid-column: 2;
    min-width: 0;
    overflow-wrap: anywhere;
    direction: ltr;
    color: var(--zj-on-surface-variant);
    font-variant-numeric: tabular-nums;
}

.day-close-bars[b-1ne5rva0f0] {
    display: grid;
    gap: 1rem;
}

.day-close-bar[b-1ne5rva0f0] {
    display: grid;
    gap: 0.45rem;
}

.day-close-bar__meta[b-1ne5rva0f0] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    color: var(--zj-on-surface);
    font-weight: 850;
}

.day-close-bar__meta strong[b-1ne5rva0f0] {
    color: var(--zj-on-surface-variant);
    font-size: 0.85rem;
}

.day-close-bar__track[b-1ne5rva0f0] {
    height: 0.75rem;
    overflow: hidden;
    border-radius: var(--zj-radius-full);
    background: var(--zj-surface-container-high);
}

.day-close-bar__track div[b-1ne5rva0f0] {
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--zj-primary), var(--zj-tertiary));
}

.day-close__actions[b-1ne5rva0f0] {
    position: static;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 1.25rem;
    border: 1px solid rgba(var(--zj-primary-rgb), 0.12);
    border-radius: var(--zj-radius-2xl);
    background: rgba(var(--zj-surface-rgb), 0.88);
    box-shadow: var(--ambient-shadow-soft);
    backdrop-filter: blur(16px);
}

.day-close__submit[b-1ne5rva0f0] {
    min-width: min(100%, 24rem);
    justify-content: center;
    padding: 1rem 1.4rem;
    font-size: 1.05rem;
    font-weight: 900;
}



.day-close__submit:disabled[b-1ne5rva0f0] {
    background: var(--zj-surface-container-high) !important;
    border-color: var(--zj-outline-variant) !important;
    color: var(--zj-on-surface-variant) !important;
    cursor: not-allowed;
}

@media (max-width: 1100px) {
    .day-close__stats[b-1ne5rva0f0] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .day-close__split[b-1ne5rva0f0] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .day-close__hero[b-1ne5rva0f0] {
        align-items: flex-start;
        flex-direction: column;
    }

    .day-close__stats[b-1ne5rva0f0],
    .day-close-payment[b-1ne5rva0f0] {
        grid-template-columns: 1fr;
    }

    .day-close-donut[b-1ne5rva0f0] {
        justify-self: center;
    }
}

.day-close__refresh[b-1ne5rva0f0] { display:flex; justify-content:space-between; align-items:center; gap:1rem; flex-wrap:wrap; }
.day-close__actions h2[b-1ne5rva0f0] { margin:0 0 .5rem; font-size:1.5rem; }
.day-close__actions p[b-1ne5rva0f0] { margin:0; max-width:60ch; color:var(--zj-on-surface-variant); line-height:1.8; }
.day-close__hero-copy[b-1ne5rva0f0], .day-close__actions > div[b-1ne5rva0f0] { min-width:0; overflow-wrap:anywhere; }
.day-close-panel__header[b-1ne5rva0f0] { padding:1rem; border:1px solid var(--zj-outline-variant); border-radius:var(--zj-radius-xl); background:linear-gradient(120deg,var(--zj-surface-container-low),var(--zj-surface)); }
.day-close[b-1ne5rva0f0]  .day-close__submit { min-height:48px; white-space:normal; }
@media(max-width:720px) {
    .day-close-payment__legend-item[b-1ne5rva0f0] { grid-template-columns:auto minmax(0,1fr); }
    .day-close-payment__legend-item strong[b-1ne5rva0f0] { grid-column:2; }
    .day-close[b-1ne5rva0f0]  .day-close__submit { width:100%; min-width:0; }
}
/* _content/Zajal.Shared/Pages/Admin/DowngradeSettlement.razor.rz.scp.css */
main[b-kz0irr4irs]{overflow-wrap:anywhere}
main > a[b-kz0irr4irs]{display:inline-flex;align-items:center;min-height:44px;color:var(--text-primary,#242424);text-decoration:underline;text-underline-offset:.2em}
button[b-kz0irr4irs]{min-height:44px}
main > label[b-kz0irr4irs]{display:block;margin-block:.75rem .35rem}
main > input[b-kz0irr4irs],main > textarea[b-kz0irr4irs],main > select[b-kz0irr4irs]{display:block;width:min(100%,28rem);min-height:44px;padding:.65rem .85rem;margin-block-end:.75rem;border:1px solid var(--zj-outline-variant,#d5d9df);border-radius:.5rem;background:var(--zj-surface-container-low,#fff);color:var(--zj-on-surface,#242424);font:inherit}
:focus-visible[b-kz0irr4irs]{outline:3px solid var(--primary,#3764bb);outline-offset:3px}
/* _content/Zajal.Shared/Pages/Admin/Finance/FinanceAnalysis.razor.rz.scp.css */
.finance-analysis[b-wqbr7y0gjn] {
    --fa-ink: #172554;
    --fa-sky: #0ea5e9;
    --fa-gold: #d4a017;
    --fa-mint: #0f9d7a;
    --fa-red: #c2415b;
    --fa-paper: color-mix(in srgb, var(--zj-surface) 94%, #f7f1df 6%);
    display: grid;
    gap: 1.25rem;
    padding-bottom: 2rem;
}

.finance-analysis__hero[b-wqbr7y0gjn] {
    position: relative;
    isolation: isolate;
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(19rem, 0.75fr);
    gap: 1.25rem;
    align-items: end;
    overflow: hidden;
    padding: clamp(1.25rem, 3vw, 2.1rem);
    border-radius: 1.7rem;
    color: #fff;
    background:
        radial-gradient(circle at 14% 5%, rgba(14, 165, 233, 0.34), transparent 35%),
        linear-gradient(135deg, #111d45 0%, #172554 54%, #203b7a 100%);
    box-shadow: 0 1.4rem 3.2rem rgba(23, 37, 84, 0.2);
}

.finance-analysis__hero[b-wqbr7y0gjn]::before,
.finance-analysis__hero[b-wqbr7y0gjn]::after {
    content: "";
    position: absolute;
    z-index: -1;
    pointer-events: none;
}

.finance-analysis__hero[b-wqbr7y0gjn]::before {
    width: 22rem;
    height: 22rem;
    inset-block-start: -14rem;
    inset-inline-end: -5rem;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 50%;
    box-shadow: 0 0 0 3.5rem rgba(255, 255, 255, 0.025), 0 0 0 7rem rgba(255, 255, 255, 0.018);
}

.finance-analysis__hero[b-wqbr7y0gjn]::after {
    inset: auto 0 0;
    height: 0.28rem;
    background: linear-gradient(90deg, var(--fa-sky), #7dd3fc 50%, #f0c040);
}

.finance-analysis__eyebrow[b-wqbr7y0gjn] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: #7dd3fc;
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.04em;
}

.finance-analysis__eyebrow .material-symbols-outlined[b-wqbr7y0gjn] {
    font-size: 1.1rem;
}

.finance-analysis__hero h1[b-wqbr7y0gjn] {
    color: #f8fafc;
    max-width: 18ch;
    margin: 0.65rem 0 0.55rem;
    font-size: clamp(1.65rem, 3.6vw, 2.65rem);
    font-weight: 950;
    line-height: 1.25;
}

.finance-analysis__hero h1 em[b-wqbr7y0gjn] {
    display: block;
    color: #f0c040;
    font-style: normal;
}

.finance-analysis__hero p[b-wqbr7y0gjn] {
    max-width: 62ch;
    margin: 0;
    color: rgba(239, 246, 255, 0.78);
    font-size: 0.9rem;
    font-weight: 650;
    line-height: 1.8;
}

/* The filter surface keeps field colours coherent inside the dark hero. */
.finance-analysis__filters[b-wqbr7y0gjn] {
    display: grid;
    gap: var(--zj-field-gap);
    padding: 0.9rem;
    border: 1px solid var(--zj-outline-variant);
    border-radius: 1.2rem;
    background: var(--zj-surface);
    color: var(--zj-on-surface);
}

.finance-analysis__filters > button[b-wqbr7y0gjn] { justify-content: center; }

.finance-analysis__state[b-wqbr7y0gjn] {
    min-height: 20rem;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 0.65rem;
    padding: 2rem;
    border: 1px solid var(--zj-outline-variant);
    border-radius: 1.5rem;
    background: var(--fa-paper);
    text-align: center;
}

.finance-analysis__state strong[b-wqbr7y0gjn],
.finance-analysis__state h2[b-wqbr7y0gjn] {
    margin: 0;
    color: var(--fa-ink);
}

.finance-analysis__state span[b-wqbr7y0gjn],
.finance-analysis__state p[b-wqbr7y0gjn] {
    margin: 0;
    color: var(--zj-on-surface-variant);
}

.finance-analysis__state--empty > .material-symbols-outlined[b-wqbr7y0gjn] {
    color: var(--fa-sky);
    font-size: 3.5rem;
}

.finance-analysis__pulse[b-wqbr7y0gjn] {
    display: grid;
    grid-template-columns: minmax(18rem, 1.35fr) repeat(3, minmax(10rem, 0.65fr));
    gap: 0.8rem;
}

.finance-analysis__profit-card[b-wqbr7y0gjn],
.finance-analysis__headline-metric[b-wqbr7y0gjn],
.finance-analysis__cost-card[b-wqbr7y0gjn],
.finance-analysis__ledger-panel[b-wqbr7y0gjn] {
    border: 1px solid rgba(var(--zj-outline-rgb), 0.14);
    background: var(--fa-paper);
    box-shadow: 0 0.8rem 2rem rgba(23, 37, 84, 0.055);
}

.finance-analysis__profit-card[b-wqbr7y0gjn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.2rem;
    overflow: hidden;
    border-radius: 1.35rem;
    background: linear-gradient(135deg, color-mix(in srgb, var(--fa-mint) 10%, var(--fa-paper)), var(--fa-paper));
}

.finance-analysis__profit-card--loss[b-wqbr7y0gjn] {
    background: linear-gradient(135deg, color-mix(in srgb, var(--fa-red) 10%, var(--fa-paper)), var(--fa-paper));
}

.finance-analysis__profit-card > div:first-child[b-wqbr7y0gjn] {
    display: grid;
    gap: 0.25rem;
}

.finance-analysis__profit-card > div:first-child > span[b-wqbr7y0gjn],
.finance-analysis__headline-metric small[b-wqbr7y0gjn] {
    color: var(--zj-on-surface-variant);
    font-size: 0.76rem;
    font-weight: 850;
}

.finance-analysis__profit-card > div:first-child > strong[b-wqbr7y0gjn] {
    color: var(--fa-mint);
    font-size: clamp(1.55rem, 3vw, 2.2rem);
    font-weight: 950;
    line-height: 1.2;
}

.finance-analysis__profit-card--loss > div:first-child > strong[b-wqbr7y0gjn] {
    color: var(--fa-red);
}

.finance-analysis__profit-card small[b-wqbr7y0gjn] {
    color: var(--zj-on-surface-variant);
    font-size: 0.7rem;
}

.finance-analysis__profit-ring[b-wqbr7y0gjn] {
    --ring-value: 0%;
    width: 6.1rem;
    aspect-ratio: 1;
    display: grid;
    place-content: center;
    flex: 0 0 auto;
    border-radius: 50%;
    background:
        radial-gradient(circle, var(--fa-paper) 56%, transparent 58%),
        conic-gradient(var(--fa-mint) var(--ring-value), rgba(148, 163, 184, 0.2) 0);
    text-align: center;
}

.finance-analysis__profit-card--loss .finance-analysis__profit-ring[b-wqbr7y0gjn] {
    background:
        radial-gradient(circle, var(--fa-paper) 56%, transparent 58%),
        conic-gradient(var(--fa-red) var(--ring-value), rgba(148, 163, 184, 0.2) 0);
}

.finance-analysis__profit-ring strong[b-wqbr7y0gjn] {
    color: var(--fa-ink);
    font-size: 0.95rem;
}

.finance-analysis__profit-ring span[b-wqbr7y0gjn] {
    color: var(--zj-on-surface-variant);
    font-size: 0.56rem;
    font-weight: 800;
}

.finance-analysis__headline-metric[b-wqbr7y0gjn] {
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-content: center;
    gap: 0.65rem;
    padding: 1rem;
    border-radius: 1.2rem;
}

.finance-analysis__headline-metric > .material-symbols-outlined[b-wqbr7y0gjn] {
    width: 2.5rem;
    height: 2.5rem;
    display: grid;
    place-items: center;
    border-radius: 0.85rem;
    background: rgba(14, 165, 233, 0.1);
    color: var(--fa-sky);
}

.finance-analysis__headline-metric div[b-wqbr7y0gjn] {
    min-width: 0;
    display: grid;
    gap: 0.15rem;
}

.finance-analysis__headline-metric strong[b-wqbr7y0gjn] {
    overflow: hidden;
    color: var(--fa-ink);
    font-size: 1rem;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.finance-analysis__headline-metric em[b-wqbr7y0gjn] {
    grid-column: 1 / -1;
    color: var(--zj-on-surface-variant);
    font-size: 0.67rem;
    font-style: normal;
    font-weight: 750;
}

.finance-analysis__section-title[b-wqbr7y0gjn] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
    padding-top: 0.35rem;
}

.finance-analysis__section-title > div[b-wqbr7y0gjn],
.finance-analysis__panel-head > div[b-wqbr7y0gjn] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
}

.finance-analysis__section-title > div > span[b-wqbr7y0gjn],
.finance-analysis__panel-head > div > span[b-wqbr7y0gjn] {
    color: var(--fa-gold);
    font-family: ui-monospace, monospace;
    font-size: 0.7rem;
    font-weight: 900;
}

.finance-analysis__section-title h2[b-wqbr7y0gjn],
.finance-analysis__panel-head h2[b-wqbr7y0gjn] {
    margin: 0;
    color: var(--fa-ink);
    font-size: 1.05rem;
    font-weight: 950;
}

.finance-analysis__section-title p[b-wqbr7y0gjn],
.finance-analysis__panel-head small[b-wqbr7y0gjn] {
    margin: 0;
    color: var(--zj-on-surface-variant);
    font-size: 0.72rem;
    font-weight: 700;
}

.finance-analysis__cost-grid[b-wqbr7y0gjn] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.8rem;
}

.finance-analysis__cost-card[b-wqbr7y0gjn] {
    --card-accent: var(--fa-sky);
    display: grid;
    gap: 0.8rem;
    padding: 1rem;
    border-radius: 1.2rem;
}

.finance-analysis__cost-card--labor[b-wqbr7y0gjn] { --card-accent: #7c5ce7; }
.finance-analysis__cost-card--prime[b-wqbr7y0gjn] { --card-accent: var(--fa-gold); }
.finance-analysis__cost-card--waste[b-wqbr7y0gjn] { --card-accent: var(--fa-red); }

.finance-analysis__cost-card header[b-wqbr7y0gjn] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.5rem;
}

.finance-analysis__cost-card header .material-symbols-outlined[b-wqbr7y0gjn] {
    color: var(--card-accent);
    font-size: 1.3rem;
}

.finance-analysis__cost-card header small[b-wqbr7y0gjn] {
    color: var(--zj-on-surface-variant);
    font-size: 0.76rem;
    font-weight: 850;
}

.finance-analysis__cost-card header strong[b-wqbr7y0gjn],
.finance-analysis__cost-card footer strong[b-wqbr7y0gjn] {
    color: var(--fa-ink);
    font-weight: 950;
}

.finance-analysis__meter[b-wqbr7y0gjn] {
    height: 0.42rem;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(148, 163, 184, 0.18);
}

.finance-analysis__meter span[b-wqbr7y0gjn] {
    height: 100%;
    display: block;
    border-radius: inherit;
    background: var(--card-accent);
    transition: width 420ms ease;
}

.finance-analysis__cost-card footer[b-wqbr7y0gjn] {
    display: grid;
    gap: 0.15rem;
}

.finance-analysis__cost-card footer span[b-wqbr7y0gjn] {
    color: var(--zj-on-surface-variant);
    font-size: 0.65rem;
    font-weight: 700;
}

.finance-analysis__analysis-grid[b-wqbr7y0gjn] {
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    gap: 0.85rem;
}

.finance-analysis__ledger-panel[b-wqbr7y0gjn] {
    min-width: 0;
    display: grid;
    align-content: start;
    gap: 1rem;
    padding: 1.1rem;
    border-radius: 1.35rem;
}

.finance-analysis__panel-head[b-wqbr7y0gjn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.finance-analysis__panel-head a[b-wqbr7y0gjn] {
    color: var(--fa-sky);
    font-size: 0.72rem;
    font-weight: 900;
    text-decoration: none;
}

.finance-analysis__waterfall[b-wqbr7y0gjn] {
    display: grid;
    gap: 0.65rem;
}

.finance-analysis__waterfall-row[b-wqbr7y0gjn] {
    --row-accent: var(--fa-sky);
    display: grid;
    gap: 0.3rem;
}

.finance-analysis__waterfall-row--cost[b-wqbr7y0gjn] { --row-accent: #5d79b7; }
.finance-analysis__waterfall-row--expense[b-wqbr7y0gjn] { --row-accent: #7c5ce7; }
.finance-analysis__waterfall-row--payroll[b-wqbr7y0gjn] { --row-accent: var(--fa-gold); }
.finance-analysis__waterfall-row--waste[b-wqbr7y0gjn],
.finance-analysis__waterfall-row--loss[b-wqbr7y0gjn] { --row-accent: var(--fa-red); }
.finance-analysis__waterfall-row--profit[b-wqbr7y0gjn] { --row-accent: var(--fa-mint); }

.finance-analysis__waterfall-row > div:first-child[b-wqbr7y0gjn] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.75rem;
    color: var(--zj-on-surface-variant);
    font-size: 0.72rem;
    font-weight: 800;
}

.finance-analysis__waterfall-row strong[b-wqbr7y0gjn] {
    color: var(--fa-ink);
    font-size: 0.75rem;
}

.finance-analysis__waterfall-track[b-wqbr7y0gjn] {
    height: 0.44rem;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(148, 163, 184, 0.14);
}

.finance-analysis__waterfall-track span[b-wqbr7y0gjn] {
    height: 100%;
    display: block;
    border-radius: inherit;
    background: var(--row-accent);
}

.finance-analysis__month-chart[b-wqbr7y0gjn] {
    min-height: 12.5rem;
    display: flex;
    align-items: stretch;
    justify-content: space-around;
    gap: 1rem;
    padding: 0.5rem 0 0;
    border-bottom: 1px solid rgba(148, 163, 184, 0.2);
    background: repeating-linear-gradient(to bottom, transparent 0, transparent calc(25% - 1px), rgba(148, 163, 184, 0.12) 25%);
}

.finance-analysis__month-chart article[b-wqbr7y0gjn] {
    min-width: 4.5rem;
    display: grid;
    grid-template-rows: 1fr auto auto;
    gap: 0.3rem;
    text-align: center;
}

.finance-analysis__month-bars[b-wqbr7y0gjn] {
    display: flex;
    align-items: end;
    justify-content: center;
    gap: 0.28rem;
}

.finance-analysis__month-bar[b-wqbr7y0gjn] {
    width: 1.15rem;
    min-height: 0.3rem;
    border-radius: 0.35rem 0.35rem 0 0;
}

.finance-analysis__month-bar--revenue[b-wqbr7y0gjn] { background: #5d79b7; }
.finance-analysis__month-bar--profit[b-wqbr7y0gjn] { background: var(--fa-mint); }

.finance-analysis__month-chart strong[b-wqbr7y0gjn] {
    color: var(--fa-ink);
    font-size: 0.72rem;
}

.finance-analysis__month-chart small[b-wqbr7y0gjn] {
    color: var(--zj-on-surface-variant);
    font-size: 0.62rem;
}

.finance-analysis__legend[b-wqbr7y0gjn] {
    display: flex;
    justify-content: center;
    gap: 1rem;
    color: var(--zj-on-surface-variant);
    font-size: 0.67rem;
    font-weight: 750;
}

.finance-analysis__legend span[b-wqbr7y0gjn] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
}

.finance-analysis__legend i[b-wqbr7y0gjn] {
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 50%;
}

.finance-analysis__legend .is-revenue[b-wqbr7y0gjn] { background: #5d79b7; }
.finance-analysis__legend .is-profit[b-wqbr7y0gjn] { background: var(--fa-mint); }

.finance-analysis__mini-empty[b-wqbr7y0gjn] {
    min-height: 10rem;
    display: grid;
    place-items: center;
    color: var(--zj-on-surface-variant);
    font-size: 0.8rem;
    font-weight: 750;
    text-align: center;
}

.finance-analysis__insights[b-wqbr7y0gjn] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 19rem), 1fr));
    gap: 0.75rem;
}

.finance-analysis__insight[b-wqbr7y0gjn] {
    --insight-accent: var(--fa-sky);
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: start;
    gap: 0.75rem;
    padding: 0.95rem;
    border: 1px solid color-mix(in srgb, var(--insight-accent) 22%, transparent);
    border-inline-start: 0.25rem solid var(--insight-accent);
    border-radius: 1rem;
    background: color-mix(in srgb, var(--insight-accent) 6%, var(--fa-paper));
}

.finance-analysis__insight--critical[b-wqbr7y0gjn] { --insight-accent: var(--fa-red); }
.finance-analysis__insight--warning[b-wqbr7y0gjn] { --insight-accent: var(--fa-gold); }
.finance-analysis__insight--success[b-wqbr7y0gjn] { --insight-accent: var(--fa-mint); }

.finance-analysis__insight > .material-symbols-outlined[b-wqbr7y0gjn] {
    color: var(--insight-accent);
}

.finance-analysis__insight div[b-wqbr7y0gjn] {
    display: grid;
    gap: 0.25rem;
}

.finance-analysis__insight strong[b-wqbr7y0gjn] {
    color: var(--fa-ink);
    font-size: 0.84rem;
}

.finance-analysis__insight p[b-wqbr7y0gjn] {
    margin: 0;
    color: var(--zj-on-surface-variant);
    font-size: 0.7rem;
    font-weight: 700;
    line-height: 1.7;
}

.finance-analysis__insight a[b-wqbr7y0gjn] {
    width: 2rem;
    height: 2rem;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: color-mix(in srgb, var(--insight-accent) 12%, transparent);
    color: var(--insight-accent);
    text-decoration: none;
}

.finance-analysis__insight a .material-symbols-outlined[b-wqbr7y0gjn] {
    font-size: 1.05rem;
}

.finance-analysis__sources[b-wqbr7y0gjn],
.finance-analysis__timeline[b-wqbr7y0gjn] {
    display: grid;
    gap: 0.15rem;
}

.finance-analysis__sources > div[b-wqbr7y0gjn] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.65rem;
    padding: 0.7rem 0;
    border-bottom: 1px solid rgba(148, 163, 184, 0.14);
}

.finance-analysis__sources > div:last-child[b-wqbr7y0gjn],
.finance-analysis__timeline article:last-child[b-wqbr7y0gjn] {
    border-bottom: 0;
}

.finance-analysis__source-icon[b-wqbr7y0gjn] {
    width: 2.35rem;
    height: 2.35rem;
    display: grid;
    place-items: center;
    border-radius: 0.75rem;
    background: rgba(14, 165, 233, 0.09);
    color: var(--fa-sky);
    font-size: 1.15rem;
}

.finance-analysis__sources p[b-wqbr7y0gjn] {
    min-width: 0;
    display: grid;
    gap: 0.1rem;
    margin: 0;
}

.finance-analysis__sources p strong[b-wqbr7y0gjn] {
    color: var(--fa-ink);
    font-size: 0.78rem;
}

.finance-analysis__sources p small[b-wqbr7y0gjn] {
    overflow: hidden;
    color: var(--zj-on-surface-variant);
    font-size: 0.65rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.finance-analysis__source-status[b-wqbr7y0gjn] {
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    background: rgba(148, 163, 184, 0.12);
    color: var(--zj-on-surface-variant);
    font-size: 0.62rem;
    font-style: normal;
    font-weight: 900;
    white-space: nowrap;
}

.finance-analysis__source-status--healthy[b-wqbr7y0gjn] {
    background: rgba(15, 157, 122, 0.1);
    color: var(--fa-mint);
}

.finance-analysis__source-status--warning[b-wqbr7y0gjn] {
    background: rgba(212, 160, 23, 0.12);
    color: #99700b;
}

.finance-analysis__timeline article[b-wqbr7y0gjn] {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.65rem;
    padding: 0.7rem 0;
    border-bottom: 1px solid rgba(148, 163, 184, 0.14);
}

.finance-analysis__timeline-dot[b-wqbr7y0gjn] {
    width: 0.62rem;
    height: 0.62rem;
    border: 0.17rem solid #bae6fd;
    border-radius: 50%;
    background: var(--fa-sky);
}

.finance-analysis__timeline article div[b-wqbr7y0gjn] {
    min-width: 0;
    display: grid;
    gap: 0.1rem;
}

.finance-analysis__timeline strong[b-wqbr7y0gjn] {
    overflow: hidden;
    color: var(--fa-ink);
    font-size: 0.74rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.finance-analysis__timeline small[b-wqbr7y0gjn] {
    color: var(--zj-on-surface-variant);
    font-size: 0.62rem;
}

.finance-analysis__timeline em[b-wqbr7y0gjn] {
    color: var(--fa-mint);
    font-size: 0.68rem;
    font-style: normal;
    font-weight: 900;
    white-space: nowrap;
}

.finance-analysis__quick-links[b-wqbr7y0gjn] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.65rem;
}

.finance-analysis__quick-links a[b-wqbr7y0gjn] {
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.55rem;
    padding: 0.85rem;
    border: 1px solid rgba(var(--zj-outline-rgb), 0.14);
    border-radius: 1rem;
    background: var(--fa-paper);
    color: inherit;
    text-decoration: none;
    transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.finance-analysis__quick-links a:hover[b-wqbr7y0gjn],
.finance-analysis__quick-links a:focus-visible[b-wqbr7y0gjn] {
    border-color: rgba(14, 165, 233, 0.35);
    transform: translateY(-2px);
    box-shadow: 0 0.8rem 1.6rem rgba(14, 165, 233, 0.09);
    outline: none;
}

.finance-analysis__quick-links a > .material-symbols-outlined:first-child[b-wqbr7y0gjn] {
    color: var(--fa-sky);
}

.finance-analysis__quick-links a > .material-symbols-outlined:last-child[b-wqbr7y0gjn] {
    color: var(--zj-on-surface-variant);
    font-size: 1rem;
}

.finance-analysis__quick-links div[b-wqbr7y0gjn] {
    min-width: 0;
    display: grid;
    gap: 0.1rem;
}

.finance-analysis__quick-links strong[b-wqbr7y0gjn] {
    color: var(--fa-ink);
    font-size: 0.75rem;
}

.finance-analysis__quick-links small[b-wqbr7y0gjn] {
    overflow: hidden;
    color: var(--zj-on-surface-variant);
    font-size: 0.59rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 1120px) {
    .finance-analysis__pulse[b-wqbr7y0gjn] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .finance-analysis__profit-card[b-wqbr7y0gjn] {
        grid-column: 1 / -1;
    }

    .finance-analysis__cost-grid[b-wqbr7y0gjn],
    .finance-analysis__quick-links[b-wqbr7y0gjn] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 860px) {
    .finance-analysis__hero[b-wqbr7y0gjn],
    .finance-analysis__analysis-grid[b-wqbr7y0gjn] {
        grid-template-columns: minmax(0, 1fr);
    }

    .finance-analysis__hero h1[b-wqbr7y0gjn] {
        max-width: none;
    }

    .finance-analysis__section-title[b-wqbr7y0gjn] {
        align-items: start;
        flex-direction: column;
        gap: 0.25rem;
    }
}

@media (max-width: 640px) {
    .finance-analysis[b-wqbr7y0gjn] {
        gap: 1rem;
    }

    .finance-analysis__hero[b-wqbr7y0gjn] {
        margin-inline: -0.35rem;
        padding: 1.1rem;
        border-radius: 1.25rem;
    }

    .finance-analysis__pulse[b-wqbr7y0gjn],
    .finance-analysis__cost-grid[b-wqbr7y0gjn],
    .finance-analysis__quick-links[b-wqbr7y0gjn] {
        grid-template-columns: minmax(0, 1fr);
    }

    .finance-analysis__profit-card[b-wqbr7y0gjn] {
        grid-column: auto;
    }

    .finance-analysis__profit-card[b-wqbr7y0gjn] {
        align-items: flex-start;
    }

    .finance-analysis__profit-ring[b-wqbr7y0gjn] {
        width: 5.2rem;
    }

    .finance-analysis__ledger-panel[b-wqbr7y0gjn] {
        padding: 0.9rem;
    }

    .finance-analysis__analysis-grid--sources[b-wqbr7y0gjn] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (prefers-reduced-motion: reduce) {
    .finance-analysis__meter span[b-wqbr7y0gjn],
    .finance-analysis__quick-links a[b-wqbr7y0gjn] {
        transition: none;
    }
}

.finance-analysis__profit-card--unknown[b-wqbr7y0gjn] { background: var(--zj-surface-container); }
.finance-analysis__profit-card--unknown > div:first-child > strong[b-wqbr7y0gjn] { color: var(--zj-on-surface-variant); }

@supports not (color: color-mix(in srgb, black, white)) {
    .finance-analysis[b-wqbr7y0gjn] { --fa-paper: var(--zj-surface); }
}
/* _content/Zajal.Shared/Pages/Admin/Finance/FinanceDashboard.razor.rz.scp.css */
.finance-dashboard[b-84nu1eigqj]{display:grid;gap:1rem}.finance-dashboard__header[b-84nu1eigqj]{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,.9fr);gap:1rem;align-items:end;padding:1.2rem;border:1px solid var(--zj-outline-variant);border-radius:var(--zj-radius-xl);background:var(--zj-surface-container-low)}.finance-dashboard__header span[b-84nu1eigqj]{color:var(--zj-on-surface-variant);font-weight:900}.finance-dashboard__header h1[b-84nu1eigqj]{margin:.2rem 0}.finance-dashboard__header p[b-84nu1eigqj],.finance-dashboard__muted[b-84nu1eigqj]{margin:0;color:var(--zj-on-surface-variant)}.finance-dashboard__filters[b-84nu1eigqj]{display:grid;gap:var(--zj-field-gap)}.finance-dashboard__metrics[b-84nu1eigqj]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.finance-dashboard__metrics article[b-84nu1eigqj]{padding:1rem;border:1px solid var(--zj-outline-variant);border-radius:var(--zj-radius-lg);background:var(--zj-surface)}.finance-dashboard__metrics small[b-84nu1eigqj]{color:var(--zj-on-surface-variant)}.finance-dashboard__metrics strong[b-84nu1eigqj]{display:block;font-size:1.45rem;margin-top:.25rem}.finance-dashboard__columns[b-84nu1eigqj]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.finance-dashboard__panel[b-84nu1eigqj]{display:grid;gap:.8rem}.finance-dashboard__panel h2[b-84nu1eigqj]{font-size:1.05rem;margin:0}.finance-dashboard__bars[b-84nu1eigqj],.finance-dashboard__alerts[b-84nu1eigqj]{display:grid;gap:.6rem}.finance-dashboard__bars div[b-84nu1eigqj],.finance-dashboard__alerts article[b-84nu1eigqj]{display:flex;justify-content:space-between;gap:.8rem;padding:.75rem;border-radius:var(--zj-radius-md);background:var(--zj-surface-container-low)}.finance-dashboard__alerts article[b-84nu1eigqj]{display:grid}.finance-dashboard__state[b-84nu1eigqj]{min-height:13rem;display:grid;place-items:center;align-content:center;text-align:center}.finance-dashboard__state>.material-symbols-outlined[b-84nu1eigqj]{font-size:2.7rem;color:var(--zj-primary)}@media(max-width:850px){.finance-dashboard__header[b-84nu1eigqj],.finance-dashboard__columns[b-84nu1eigqj],.finance-dashboard__metrics[b-84nu1eigqj]{grid-template-columns:1fr}}

.finance-dashboard__header a[b-84nu1eigqj]{color:var(--zj-on-surface);text-decoration:underline;text-underline-offset:.2em}
/* Stage18: scope first, then result and supporting figures. */
.finance-dashboard__filters[b-84nu1eigqj]{padding:1rem;border:1px solid var(--zj-outline-variant);border-radius:var(--zj-radius-lg);background:var(--zj-surface-container-low);align-items:end}


.finance-dashboard__context[b-84nu1eigqj]{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;padding:.8rem 1rem;border-block:1px solid var(--zj-outline-variant);background:var(--zj-surface-container-low);color:var(--zj-on-surface)}
.finance-dashboard__explanation[b-84nu1eigqj]{margin:0;color:var(--zj-on-surface-variant);line-height:1.7}
.finance-dashboard__metrics .finance-metric[b-84nu1eigqj]{background:var(--zj-surface-container-low);border-inline-start:3px solid var(--zj-outline-variant);min-width:0}
.finance-metric>.material-symbols-outlined[b-84nu1eigqj]{display:block;margin-bottom:.5rem;color:var(--zj-on-surface-variant)}
.finance-metric strong[b-84nu1eigqj]{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;color:var(--zj-on-surface)}
.finance-metric__meaning[b-84nu1eigqj]{display:block;font-size:.78rem;margin-top:.5rem;color:var(--zj-on-surface-variant)}
.finance-dashboard__metrics .finance-metric--negative[b-84nu1eigqj]{border-inline-start-color:var(--zj-error)}
.finance-dashboard__metrics .finance-metric--negative strong[b-84nu1eigqj]{color:var(--zj-error)}
.finance-dashboard__metrics .finance-metric--positive[b-84nu1eigqj]{border-inline-start-color:var(--zj-success)}
@media(min-width:600px) and (max-width:850px){.finance-dashboard__metrics[b-84nu1eigqj]{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* _content/Zajal.Shared/Pages/Admin/Finance/FinanceExpenses.razor.rz.scp.css */
.finance-expenses[b-vs5upn5u25] {
    display: grid;
    gap: 1rem;
}

.finance-expenses > header[b-vs5upn5u25] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: end;
    padding: 1.2rem;
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-xl);
    background: var(--zj-surface-container-low);
}

.finance-expenses > header span[b-vs5upn5u25],
.finance-expenses__table-heading > div > span[b-vs5upn5u25] {
    color: var(--zj-primary);
    font-size: .78rem;
    font-weight: 900;
}

.finance-expenses > header h1[b-vs5upn5u25] {
    margin: .2rem 0;
}

.finance-expenses > header p[b-vs5upn5u25],
.finance-expenses__table-heading p[b-vs5upn5u25] {
    margin: 0;
    color: var(--zj-on-surface-variant);
}

.finance-expenses__sections[b-vs5upn5u25] {
    display: inline-flex;
    width: fit-content;
    gap: .35rem;
    padding: .3rem;
    border: 1px solid var(--zj-outline-variant);
    border-radius: 999px;
    background: var(--zj-surface-container-low);
}

.finance-expenses__section[b-vs5upn5u25] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    min-height: 2.65rem;
    padding: .55rem 1rem;
    border: 0;
    border-radius: 999px;
    color: var(--zj-on-surface-variant);
    background: transparent;
    font-weight: 850;
    cursor: pointer;
}

.finance-expenses__section.is-active[b-vs5upn5u25] {
    color: var(--zj-on-primary);
    background: var(--zj-primary);
    box-shadow: 0 .45rem 1.1rem color-mix(in srgb, var(--zj-primary) 22%, transparent);
}

.finance-expenses__template-copy[b-vs5upn5u25] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    white-space: nowrap;
}

.finance-expenses__layout[b-vs5upn5u25] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(18rem, .45fr);
    gap: .85rem;
}

.finance-expenses__form[b-vs5upn5u25],
.finance-expenses__mini-form[b-vs5upn5u25],
.finance-expenses__table[b-vs5upn5u25] {
    display: grid;
    gap: .9rem;
}

.finance-expenses__form h2[b-vs5upn5u25],
.finance-expenses__mini-form h2[b-vs5upn5u25],
.finance-expenses__table-heading h2[b-vs5upn5u25] {
    margin: 0;
    font-size: 1.05rem;
}

.finance-expenses__side[b-vs5upn5u25] {
    display: grid;
    gap: .85rem;
    align-content: start;
}

.finance-expenses__check[b-vs5upn5u25] {
    display: flex;
    align-items: center;
    gap: .5rem;
    color: var(--zj-on-surface-variant);
}

.finance-expenses__table-heading[b-vs5upn5u25] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.finance-expenses__table-heading h2[b-vs5upn5u25] {
    margin-block: .2rem;
}

.finance-expenses__count[b-vs5upn5u25] {
    display: flex;
    align-items: center;
    gap: .65rem;
    min-width: 9.5rem;
    padding: .7rem .85rem;
    border: 1px solid color-mix(in srgb, var(--zj-primary) 24%, var(--zj-outline-variant));
    border-radius: var(--zj-radius-lg);
    background: color-mix(in srgb, var(--zj-primary) 7%, var(--zj-surface));
}

.finance-expenses__count > span[b-vs5upn5u25] {
    display: grid;
    width: 2.35rem;
    height: 2.35rem;
    place-items: center;
    border-radius: .75rem;
    background: var(--zj-primary);
    color: var(--zj-on-primary);
}

.finance-expenses__count div[b-vs5upn5u25] {
    display: grid;
    line-height: 1.25;
}

.finance-expenses__count strong[b-vs5upn5u25] {
    font-size: 1.15rem;
}

.finance-expenses__count small[b-vs5upn5u25] {
    color: var(--zj-on-surface-variant);
}

.finance-expenses__filters[b-vs5upn5u25] {
    padding: .8rem;
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-lg);
    background: var(--zj-surface-container-low);
}



.finance-expenses__filter-button[b-vs5upn5u25] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    min-height: 2.75rem;
    white-space: nowrap;
}

.finance-expenses__filter-button .material-symbols-outlined[b-vs5upn5u25] {
    font-size: 1.15rem;
}

.finance-expenses__table-shell[b-vs5upn5u25] {
    width: 100%;
    max-width: 100%;
    overflow: auto;
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-lg);
    background: var(--zj-surface);
}

.finance-expenses__table-shell table[b-vs5upn5u25] {
    width: 100%;
    min-width: 62rem;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
    text-align: right;
}

.finance-expenses__table-shell th:nth-child(1)[b-vs5upn5u25],
.finance-expenses__table-shell td:nth-child(1)[b-vs5upn5u25] {
    width: 9.5rem;
}

.finance-expenses__table-shell th:nth-child(2)[b-vs5upn5u25],
.finance-expenses__table-shell td:nth-child(2)[b-vs5upn5u25],
.finance-expenses__table-shell th:nth-child(3)[b-vs5upn5u25],
.finance-expenses__table-shell td:nth-child(3)[b-vs5upn5u25] {
    width: 10rem;
}

.finance-expenses__table-shell th:nth-child(4)[b-vs5upn5u25],
.finance-expenses__table-shell td:nth-child(4)[b-vs5upn5u25] {
    width: 12rem;
}

.finance-expenses__table-shell th:nth-child(5)[b-vs5upn5u25],
.finance-expenses__table-shell td:nth-child(5)[b-vs5upn5u25] {
    width: 9rem;
}

.finance-expenses__table-shell th:nth-child(6)[b-vs5upn5u25],
.finance-expenses__table-shell td:nth-child(6)[b-vs5upn5u25],
.finance-expenses__table-shell th:nth-child(7)[b-vs5upn5u25],
.finance-expenses__table-shell td:nth-child(7)[b-vs5upn5u25] {
    width: 7rem;
}

.finance-expenses__table-shell th[b-vs5upn5u25] {
    position: sticky;
    inset-block-start: 0;
    z-index: 1;
    padding: .8rem 1rem;
    border-block-end: 1px solid var(--zj-outline-variant);
    background: var(--zj-surface-container-low);
    color: var(--zj-on-surface-variant);
    font-size: .76rem;
    font-weight: 900;
    white-space: nowrap;
}

.finance-expenses__table-shell td[b-vs5upn5u25] {
    padding: .9rem 1rem;
    border-block-end: 1px solid color-mix(in srgb, var(--zj-outline-variant) 72%, transparent);
    color: var(--zj-on-surface);
    font-size: .86rem;
    vertical-align: middle;
}

.finance-expenses__table-shell tbody tr[b-vs5upn5u25] {
    transition: background-color 160ms ease;
}

.finance-expenses__table-shell tbody tr:hover[b-vs5upn5u25] {
    background: color-mix(in srgb, var(--zj-primary) 4%, var(--zj-surface));
}

.finance-expenses__table-shell tbody tr:last-child td[b-vs5upn5u25] {
    border-block-end: 0;
}

.finance-expenses__date[b-vs5upn5u25],
.finance-expenses__scope[b-vs5upn5u25] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    white-space: nowrap;
}

.finance-expenses__date .material-symbols-outlined[b-vs5upn5u25],
.finance-expenses__scope .material-symbols-outlined[b-vs5upn5u25] {
    color: var(--zj-primary);
    font-size: 1rem;
}

.finance-expenses__category[b-vs5upn5u25],
.finance-expenses__type[b-vs5upn5u25],
.finance-expenses__status[b-vs5upn5u25] {
    display: inline-flex;
    align-items: center;
    width: max-content;
    padding: .32rem .62rem;
    border-radius: 999px;
    font-size: .76rem;
    font-weight: 800;
    white-space: nowrap;
}

.finance-expenses__category[b-vs5upn5u25] {
    border: 1px solid color-mix(in srgb, var(--zj-primary) 22%, var(--zj-outline-variant));
    background: color-mix(in srgb, var(--zj-primary) 7%, var(--zj-surface));
    color: var(--zj-primary);
}

.finance-expenses__type.is-operational[b-vs5upn5u25] {
    background: color-mix(in srgb, var(--zj-secondary) 12%, var(--zj-surface));
    color: var(--zj-secondary);
}

.finance-expenses__type.is-payroll[b-vs5upn5u25] {
    background: color-mix(in srgb, var(--zj-tertiary) 14%, var(--zj-surface));
    color: var(--zj-tertiary);
}

.finance-expenses__status[b-vs5upn5u25] {
    gap: .4rem;
    background: color-mix(in srgb, var(--zj-success, #16845b) 10%, var(--zj-surface));
    color: var(--zj-success, #16845b);
}

.finance-expenses__status i[b-vs5upn5u25] {
    width: .42rem;
    height: .42rem;
    border-radius: 50%;
    background: currentColor;
}

.finance-expenses__amount-column[b-vs5upn5u25],
.finance-expenses__amount[b-vs5upn5u25] {
    text-align: end;
}

.finance-expenses__amount[b-vs5upn5u25] {
    direction: ltr;
    white-space: nowrap;
}

.finance-expenses__amount strong[b-vs5upn5u25] {
    font-size: .96rem;
    font-variant-numeric: tabular-nums;
}

.finance-expenses__amount small[b-vs5upn5u25] {
    margin-inline-start: .3rem;
    color: var(--zj-on-surface-variant);
    font-weight: 700;
}

.finance-expenses__empty[b-vs5upn5u25] {
    margin: 0;
    padding: 1.5rem;
    border: 1px dashed var(--zj-outline-variant);
    border-radius: var(--zj-radius-lg);
    color: var(--zj-on-surface-variant);
    text-align: center;
}

@media (max-width: 900px) {
    .finance-expenses__layout[b-vs5upn5u25] {
        grid-template-columns: 1fr;
    }

}

@media (max-width: 620px) {
    .finance-expenses > header[b-vs5upn5u25],
    .finance-expenses__table-heading[b-vs5upn5u25] {
        display: grid;
    }


    .finance-expenses__count[b-vs5upn5u25] {
        width: 100%;
    }

    .finance-expenses__sections[b-vs5upn5u25] {
        display: grid;
        width: 100%;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        border-radius: var(--zj-radius-lg);
    }

    .finance-expenses__section[b-vs5upn5u25] {
        justify-content: center;
        padding-inline: .5rem;
        border-radius: var(--zj-radius-md);
    }

    .finance-expenses__table-shell[b-vs5upn5u25] {
        overflow: visible;
        border: 0;
        background: transparent;
    }

    .finance-expenses__table-shell table[b-vs5upn5u25],
    .finance-expenses__table-shell tbody[b-vs5upn5u25],
    .finance-expenses__table-shell tr[b-vs5upn5u25],
    .finance-expenses__table-shell td[b-vs5upn5u25] {
        display: block;
        width: 100%;
        min-width: 0;
        table-layout: auto;
    }

    .finance-expenses__table-shell th[b-vs5upn5u25],
    .finance-expenses__table-shell td[b-vs5upn5u25] {
        width: auto !important;
    }

    .finance-expenses__table-shell thead[b-vs5upn5u25] {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
    }

    .finance-expenses__table-shell tr[b-vs5upn5u25] {
        display: grid;
        gap: .55rem;
        margin-block-end: .75rem;
        padding: .85rem;
        border: 1px solid var(--zj-outline-variant);
        border-radius: var(--zj-radius-lg);
        background: var(--zj-surface);
    }

    .finance-expenses__table-shell td[b-vs5upn5u25] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: .75rem;
        padding: 0;
        border: 0;
        text-align: start;
    }

    .finance-expenses__table-shell td[b-vs5upn5u25]::before {
        content: attr(data-label);
        color: var(--zj-on-surface-variant);
        font-size: .74rem;
        font-weight: 800;
    }
}

@media (prefers-reduced-motion: reduce) {
    .finance-expenses__table-shell tbody tr[b-vs5upn5u25] {
        transition: none;
    }
}
.finance-expenses__field[b-vs5upn5u25] {
    display: grid;
    gap: .35rem;
    min-width: 0;
    margin: 0;
    font-size: .85rem;
    font-weight: 700;
}

.finance-expenses__row-actions[b-vs5upn5u25] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    min-width: 0;
}

.finance-expenses__row-actions .btn[b-vs5upn5u25] {
    white-space: normal;
    min-height: 2.75rem;
}
/* _content/Zajal.Shared/Pages/Admin/Finance/FinanceIntegrations.razor.rz.scp.css */
.finance-integrations[b-r2ic2j2otb] {
    --fi-gold: #b98a34;
    --fi-green: #1f8b69;
    --fi-blue: #3d72a4;
    --fi-violet: #7665a8;
    display: grid;
    gap: 1.25rem;
}

.finance-integrations__hero[b-r2ic2j2otb] {
    position: relative;
    isolation: isolate;
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 2rem;
    min-height: 220px;
    padding: clamp(1.5rem, 3vw, 2.5rem);
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--zj-primary) 24%, var(--zj-outline-variant));
    border-radius: var(--zj-radius-xl);
    background:
        radial-gradient(circle at 8% 18%, color-mix(in srgb, var(--zj-primary) 18%, transparent), transparent 31%),
        linear-gradient(135deg, var(--zj-surface) 0%, var(--zj-surface-container-low) 100%);
    box-shadow: 0 20px 50px color-mix(in srgb, var(--zj-primary) 10%, transparent);
}

.finance-integrations__hero[b-r2ic2j2otb]::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset-block: 0;
    inset-inline-start: 0;
    width: 7px;
    background: linear-gradient(180deg, var(--fi-gold), color-mix(in srgb, var(--zj-primary) 75%, var(--fi-green)));
}

.finance-integrations__hero[b-r2ic2j2otb]::after {
    content: "";
    position: absolute;
    z-index: -1;
    inset-inline-end: -70px;
    inset-block-start: -105px;
    width: 330px;
    height: 330px;
    border: 70px solid color-mix(in srgb, var(--zj-primary) 6%, transparent);
    border-radius: 50%;
}

.finance-integrations__hero-copy[b-r2ic2j2otb] {
    max-width: 720px;
}

.finance-integrations__eyebrow[b-r2ic2j2otb],
.finance-integrations__section-heading > div > span[b-r2ic2j2otb],
.finance-integrations__events-heading > div > span[b-r2ic2j2otb] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    color: var(--zj-primary);
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .03em;
}

.finance-integrations__eyebrow .material-symbols-outlined[b-r2ic2j2otb] {
    font-size: 1.15rem;
}

.finance-integrations__hero h1[b-r2ic2j2otb] {
    margin: .45rem 0 .65rem;
    font-size: clamp(2rem, 4vw, 3.35rem);
    line-height: 1.05;
    letter-spacing: -.045em;
}

.finance-integrations__hero p[b-r2ic2j2otb] {
    max-width: 65ch;
    margin: 0;
    color: var(--zj-on-surface-variant);
    font-size: clamp(.92rem, 1.3vw, 1.08rem);
    line-height: 1.8;
}

.finance-integrations__hero-meta[b-r2ic2j2otb] {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
    margin-top: 1.2rem;
}

.finance-integrations__hero-meta > span[b-r2ic2j2otb] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    min-height: 34px;
    padding: .35rem .7rem;
    border: 1px solid color-mix(in srgb, var(--zj-primary) 18%, var(--zj-outline-variant));
    border-radius: 999px;
    background: color-mix(in srgb, var(--zj-surface) 76%, transparent);
    color: var(--zj-on-surface-variant);
    font-size: .78rem;
    font-weight: 800;
    backdrop-filter: blur(10px);
}

.finance-integrations__hero-meta .material-symbols-outlined[b-r2ic2j2otb] {
    color: var(--zj-primary);
    font-size: 1rem;
}

.finance-integrations__refresh[b-r2ic2j2otb] {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    min-width: 154px;
    min-height: 46px;
    border-radius: 14px;
    box-shadow: 0 12px 26px color-mix(in srgb, var(--zj-primary) 22%, transparent);
    transition: transform .22s ease, box-shadow .22s ease;
}

.finance-integrations__refresh:not(:disabled):hover[b-r2ic2j2otb] {
    transform: translateY(-2px);
    box-shadow: 0 16px 32px color-mix(in srgb, var(--zj-primary) 30%, transparent);
}

.finance-integrations__refresh:focus-visible[b-r2ic2j2otb] {
    outline: 3px solid color-mix(in srgb, var(--zj-primary) 35%, transparent);
    outline-offset: 3px;
}

.finance-integrations__refresh .material-symbols-outlined[b-r2ic2j2otb] {
    font-size: 1.2rem;
}

.finance-integrations__refresh .is-spinning[b-r2ic2j2otb] {
    animation: fi-spin-b-r2ic2j2otb .85s linear infinite;
}

.finance-integrations__sources[b-r2ic2j2otb] {
    display: grid;
    gap: .9rem;
}

.finance-integrations__section-heading[b-r2ic2j2otb],
.finance-integrations__events-heading[b-r2ic2j2otb] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
}

.finance-integrations__section-heading h2[b-r2ic2j2otb],
.finance-integrations__events-heading h2[b-r2ic2j2otb] {
    margin: .2rem 0 0;
    font-size: clamp(1.15rem, 2vw, 1.45rem);
}

.finance-integrations__section-heading > p[b-r2ic2j2otb],
.finance-integrations__events-heading > div > p[b-r2ic2j2otb] {
    margin: 0;
    color: var(--zj-on-surface-variant);
    font-size: .84rem;
}

.finance-integrations__events-heading > div > p[b-r2ic2j2otb] {
    margin-top: .3rem;
}

.finance-integrations__grid[b-r2ic2j2otb] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: .85rem;
}

.finance-integrations__source-card[b-r2ic2j2otb] {
    --card-accent: var(--fi-gold);
    position: relative;
    display: grid;
    grid-template-rows: auto 1fr auto;
    min-height: 205px;
    padding: 1.15rem;
    overflow: hidden;
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-lg);
    background:
        linear-gradient(145deg, color-mix(in srgb, var(--card-accent) 8%, var(--zj-surface)) 0%, var(--zj-surface) 58%);
    box-shadow: 0 10px 28px color-mix(in srgb, var(--zj-on-surface) 6%, transparent);
    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.finance-integrations__source-card[b-r2ic2j2otb]::after {
    content: "";
    position: absolute;
    inset-inline: 0;
    inset-block-end: 0;
    height: 3px;
    background: linear-gradient(90deg, transparent, var(--card-accent), transparent);
    opacity: .8;
}

.finance-integrations__source-card:hover[b-r2ic2j2otb] {
    transform: translateY(-3px);
    border-color: color-mix(in srgb, var(--card-accent) 42%, var(--zj-outline-variant));
    box-shadow: 0 16px 36px color-mix(in srgb, var(--card-accent) 13%, transparent);
}

.finance-integrations__source-card.is-inventory[b-r2ic2j2otb] { --card-accent: var(--fi-green); }
.finance-integrations__source-card.is-people[b-r2ic2j2otb] { --card-accent: var(--fi-blue); }
.finance-integrations__source-card.is-closing[b-r2ic2j2otb] { --card-accent: var(--fi-violet); }

.finance-integrations__source-top[b-r2ic2j2otb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.finance-integrations__source-icon[b-r2ic2j2otb] {
    display: grid;
    place-items: center;
    width: 45px;
    height: 45px;
    border-radius: 14px;
    background: color-mix(in srgb, var(--card-accent) 14%, var(--zj-surface));
    color: var(--card-accent);
    font-size: 1.45rem;
}

.finance-integrations__source-number[b-r2ic2j2otb] {
    color: color-mix(in srgb, var(--card-accent) 46%, var(--zj-on-surface-variant));
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .14em;
}

.finance-integrations__source-copy[b-r2ic2j2otb] {
    padding-block: 1rem;
}

.finance-integrations__source-copy h3[b-r2ic2j2otb] {
    margin: 0 0 .45rem;
    font-size: 1.03rem;
}

.finance-integrations__source-copy p[b-r2ic2j2otb] {
    margin: 0;
    color: var(--zj-on-surface-variant);
    font-size: .82rem;
    line-height: 1.75;
}

.finance-integrations__source-status[b-r2ic2j2otb] {
    display: inline-flex;
    align-items: center;
    justify-self: start;
    gap: .42rem;
    min-height: 30px;
    padding: .25rem .62rem;
    border-radius: 999px;
    background: var(--zj-surface-container-low);
    color: var(--zj-on-surface-variant);
    font-size: .74rem;
    font-weight: 900;
}

.finance-integrations__source-status i[b-r2ic2j2otb] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: currentColor;
    box-shadow: 0 0 0 4px color-mix(in srgb, currentColor 12%, transparent);
}

.finance-integrations__source-status.is-connected[b-r2ic2j2otb] {
    background: color-mix(in srgb, var(--fi-green) 10%, var(--zj-surface));
    color: var(--fi-green);
}

.finance-integrations__source-status.is-waiting[b-r2ic2j2otb] {
    background: color-mix(in srgb, var(--fi-gold) 10%, var(--zj-surface));
    color: var(--fi-gold);
}

.finance-integrations__source-status.is-untested[b-r2ic2j2otb] {
    background: color-mix(in srgb, var(--zj-outline, #79747e) 14%, var(--zj-surface));
    color: var(--zj-on-surface-variant);
}

.finance-integrations__source-status.is-error[b-r2ic2j2otb] {
    background: color-mix(in srgb, var(--zj-error, #ba1a1a) 12%, var(--zj-surface));
    color: var(--zj-error, #ba1a1a);
}

.finance-integrations__events[b-r2ic2j2otb] {
    display: grid;
    gap: 1.15rem;
    padding: clamp(1rem, 2.4vw, 1.6rem);
}

.finance-integrations__events-count[b-r2ic2j2otb] {
    display: grid;
    place-items: center;
    min-width: 70px;
    min-height: 62px;
    padding: .5rem;
    border: 1px solid color-mix(in srgb, var(--zj-primary) 20%, var(--zj-outline-variant));
    border-radius: 16px;
    background: color-mix(in srgb, var(--zj-primary) 7%, var(--zj-surface));
}

.finance-integrations__events-count strong[b-r2ic2j2otb] {
    color: var(--zj-primary);
    font-size: 1.25rem;
    line-height: 1;
}

.finance-integrations__events-count span[b-r2ic2j2otb] {
    color: var(--zj-on-surface-variant);
    font-size: .7rem;
    font-weight: 800;
}

.finance-integrations__loading[b-r2ic2j2otb],
.finance-integrations__empty[b-r2ic2j2otb] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    min-height: 175px;
    padding: 1.5rem;
    border: 1px dashed var(--zj-outline-variant);
    border-radius: var(--zj-radius-lg);
    background: var(--zj-surface-container-low);
    color: var(--zj-on-surface-variant);
    text-align: center;
}

.finance-integrations__empty > .material-symbols-outlined[b-r2ic2j2otb] {
    display: grid;
    place-items: center;
    flex: 0 0 56px;
    width: 56px;
    height: 56px;
    border-radius: 18px;
    background: color-mix(in srgb, var(--zj-primary) 10%, var(--zj-surface));
    color: var(--zj-primary);
    font-size: 1.8rem;
}

.finance-integrations__empty h3[b-r2ic2j2otb] {
    margin: 0 0 .3rem;
    color: var(--zj-on-surface);
    font-size: 1rem;
}

.finance-integrations__empty p[b-r2ic2j2otb] {
    margin: 0;
    font-size: .82rem;
}

.finance-integrations__timeline[b-r2ic2j2otb] {
    display: grid;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.finance-integrations__event[b-r2ic2j2otb] {
    position: relative;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: .9rem;
    padding-block: .55rem 1rem;
}

.finance-integrations__event:not(:last-child)[b-r2ic2j2otb]::before {
    content: "";
    position: absolute;
    inset-inline-start: 20px;
    inset-block-start: 47px;
    inset-block-end: -4px;
    width: 2px;
    background: linear-gradient(var(--zj-outline-variant), transparent);
}

.finance-integrations__event-marker[b-r2ic2j2otb] {
    position: relative;
    z-index: 1;
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border: 1px solid color-mix(in srgb, var(--fi-green) 24%, var(--zj-outline-variant));
    border-radius: 14px;
    background: color-mix(in srgb, var(--fi-green) 9%, var(--zj-surface));
    color: var(--fi-green);
}

.finance-integrations__event.is-error .finance-integrations__event-marker[b-r2ic2j2otb] {
    border-color: color-mix(in srgb, var(--zj-error) 24%, var(--zj-outline-variant));
    background: color-mix(in srgb, var(--zj-error) 8%, var(--zj-surface));
    color: var(--zj-error);
}

.finance-integrations__event-marker .material-symbols-outlined[b-r2ic2j2otb] {
    font-size: 1.2rem;
}

.finance-integrations__event-content[b-r2ic2j2otb] {
    display: grid;
    gap: .75rem;
    min-width: 0;
    padding: .95rem 1rem;
    border: 1px solid var(--zj-outline-variant);
    border-radius: 16px;
    background: var(--zj-surface);
    transition: border-color .2s ease, box-shadow .2s ease;
}

.finance-integrations__event:hover .finance-integrations__event-content[b-r2ic2j2otb] {
    border-color: color-mix(in srgb, var(--fi-green) 30%, var(--zj-outline-variant));
    box-shadow: 0 10px 28px color-mix(in srgb, var(--zj-on-surface) 5%, transparent);
}

.finance-integrations__event-title[b-r2ic2j2otb] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 1rem;
}

.finance-integrations__event-title > div[b-r2ic2j2otb] {
    display: grid;
    gap: .25rem;
    min-width: 0;
}

.finance-integrations__event-source[b-r2ic2j2otb] {
    color: var(--zj-primary);
    font-size: .7rem;
    font-weight: 900;
}

.finance-integrations__event-title strong[b-r2ic2j2otb] {
    overflow-wrap: anywhere;
    font-size: .88rem;
    line-height: 1.6;
}

.finance-integrations__event-state[b-r2ic2j2otb] {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    gap: .3rem;
    padding: .25rem .55rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--fi-green) 9%, var(--zj-surface));
    color: var(--fi-green);
    font-size: .7rem;
    font-weight: 900;
}

.finance-integrations__event.is-error .finance-integrations__event-state[b-r2ic2j2otb] {
    background: color-mix(in srgb, var(--zj-error) 8%, var(--zj-surface));
    color: var(--zj-error);
}

.finance-integrations__event-state .material-symbols-outlined[b-r2ic2j2otb] {
    font-size: 1rem;
}

.finance-integrations__event-error[b-r2ic2j2otb] {
    margin: 0;
    padding: .55rem .7rem;
    border-radius: 10px;
    background: color-mix(in srgb, var(--zj-error) 7%, var(--zj-surface));
    color: var(--zj-error);
    font-size: .75rem;
}

.finance-integrations__event-footer[b-r2ic2j2otb] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem .9rem;
    color: var(--zj-on-surface-variant);
    font-size: .72rem;
}

.finance-integrations__event-footer > span[b-r2ic2j2otb] {
    display: inline-flex;
    align-items: center;
    gap: .28rem;
}

.finance-integrations__event-footer .material-symbols-outlined[b-r2ic2j2otb] {
    color: color-mix(in srgb, var(--zj-primary) 72%, var(--zj-on-surface-variant));
    font-size: .95rem;
}

.finance-integrations__event-amount b[b-r2ic2j2otb] {
    color: var(--zj-on-surface);
}

.finance-integrations__event-amount small[b-r2ic2j2otb] {
    font-size: .68rem;
    font-weight: 800;
}

.finance-integrations__notes[b-r2ic2j2otb] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .65rem;
    padding-top: .2rem;
}

.finance-integrations__notes > div[b-r2ic2j2otb] {
    display: flex;
    align-items: center;
    gap: .65rem;
    min-height: 66px;
    padding: .75rem;
    border-radius: 14px;
    background: var(--zj-surface-container-low);
}

.finance-integrations__notes .material-symbols-outlined[b-r2ic2j2otb] {
    flex: 0 0 auto;
    color: var(--zj-primary);
    font-size: 1.25rem;
}

.finance-integrations__notes p[b-r2ic2j2otb] {
    margin: 0;
    color: var(--zj-on-surface-variant);
    font-size: .73rem;
    line-height: 1.55;
}

.finance-integrations__notes strong[b-r2ic2j2otb] {
    color: var(--zj-on-surface);
}

@keyframes fi-spin-b-r2ic2j2otb {
    to { transform: rotate(-360deg); }
}

@media (max-width: 900px) {
    .finance-integrations__hero[b-r2ic2j2otb] {
        align-items: stretch;
        min-height: auto;
    }

    .finance-integrations__notes[b-r2ic2j2otb] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 680px) {
    .finance-integrations__hero[b-r2ic2j2otb],
    .finance-integrations__section-heading[b-r2ic2j2otb],
    .finance-integrations__events-heading[b-r2ic2j2otb] {
        display: grid;
    }

    .finance-integrations__refresh[b-r2ic2j2otb] {
        width: 100%;
    }

    .finance-integrations__section-heading > p[b-r2ic2j2otb] {
        display: none;
    }

    .finance-integrations__events-count[b-r2ic2j2otb] {
        grid-auto-flow: column;
        justify-content: center;
        min-height: 44px;
    }

    .finance-integrations__event-title[b-r2ic2j2otb] {
        display: grid;
    }

    .finance-integrations__event-state[b-r2ic2j2otb] {
        justify-self: start;
    }
}

@media (max-width: 440px) {
    .finance-integrations__grid[b-r2ic2j2otb] {
        grid-template-columns: 1fr;
    }

    .finance-integrations__event[b-r2ic2j2otb] {
        grid-template-columns: 34px minmax(0, 1fr);
        gap: .6rem;
    }

    .finance-integrations__event-marker[b-r2ic2j2otb] {
        width: 34px;
        height: 34px;
        border-radius: 11px;
    }

    .finance-integrations__event:not(:last-child)[b-r2ic2j2otb]::before {
        inset-inline-start: 16px;
        inset-block-start: 39px;
    }

    .finance-integrations__event-content[b-r2ic2j2otb] {
        padding: .8rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .finance-integrations__refresh[b-r2ic2j2otb],
    .finance-integrations__source-card[b-r2ic2j2otb],
    .finance-integrations__event-content[b-r2ic2j2otb] {
        transition: none;
    }

    .finance-integrations__refresh .is-spinning[b-r2ic2j2otb] {
        animation: none;
    }
}
/* _content/Zajal.Shared/Pages/Admin/Finance/FinanceRecurringExpenseManager.razor.rz.scp.css */
.recurring-manager[b-4wkylt1h1g] {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.recurring-manager__summary[b-4wkylt1h1g] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
}

.recurring-manager__summary article[b-4wkylt1h1g] {
    display: flex;
    align-items: center;
    gap: .8rem;
    min-height: 5.4rem;
    padding: 1rem;
    border: 1px solid color-mix(in srgb, var(--zj-primary) 18%, var(--zj-outline-variant));
    border-radius: var(--zj-radius-lg);
    background: color-mix(in srgb, var(--zj-primary) 6%, var(--zj-surface));
}

.recurring-manager__summary article > span[b-4wkylt1h1g] {
    display: grid;
    width: 2.75rem;
    height: 2.75rem;
    place-items: center;
    border-radius: .85rem;
    color: var(--zj-primary);
    background: color-mix(in srgb, var(--zj-primary) 13%, transparent);
}

.recurring-manager__summary article.is-warning[b-4wkylt1h1g] {
    border-color: color-mix(in srgb, #d97706 25%, var(--zj-outline-variant));
    background: color-mix(in srgb, #f59e0b 7%, var(--zj-surface));
}

.recurring-manager__summary article.is-warning > span[b-4wkylt1h1g] { color: #b45309; background: color-mix(in srgb, #f59e0b 15%, transparent); }
.recurring-manager__summary article.is-calm > span[b-4wkylt1h1g] { color: #047857; background: color-mix(in srgb, #10b981 14%, transparent); }
.recurring-manager__summary strong[b-4wkylt1h1g] { display: block; font-size: 1.4rem; line-height: 1; color: var(--zj-on-surface); }
.recurring-manager__summary small[b-4wkylt1h1g] { display: block; margin-top: .35rem; color: var(--zj-on-surface-variant); font-weight: 750; }

.recurring-manager__toolbar[b-4wkylt1h1g],
.recurring-manager__draft-header[b-4wkylt1h1g],
.recurring-manager__template-list > header[b-4wkylt1h1g],
.recurring-manager__form-card > header[b-4wkylt1h1g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.recurring-manager__toolbar[b-4wkylt1h1g] {
    padding: .75rem;
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-lg);
    background: var(--zj-surface-container-low);
}

.recurring-manager__toolbar .btn[b-4wkylt1h1g] { display: inline-flex; align-items: center; gap: .35rem; }
.recurring-manager__views[b-4wkylt1h1g] { display: flex; gap: .35rem; }
.recurring-manager__views button[b-4wkylt1h1g],
.recurring-manager__draft-filters button[b-4wkylt1h1g] {
    min-height: 2.5rem;
    padding: .5rem .9rem;
    border: 1px solid transparent;
    border-radius: .8rem;
    color: var(--zj-on-surface-variant);
    background: transparent;
    font-weight: 850;
    cursor: pointer;
}

.recurring-manager__views button.is-active[b-4wkylt1h1g],
.recurring-manager__draft-filters button.is-active[b-4wkylt1h1g] {
    border-color: color-mix(in srgb, var(--zj-primary) 22%, var(--zj-outline-variant));
    color: var(--zj-primary);
    background: color-mix(in srgb, var(--zj-primary) 10%, var(--zj-surface));
}

.recurring-manager__views b[b-4wkylt1h1g] {
    display: inline-grid;
    min-width: 1.35rem;
    height: 1.35rem;
    margin-inline-start: .25rem;
    place-items: center;
    border-radius: 999px;
    color: #fff;
    background: #d97706;
    font-size: .7rem;
}

.recurring-manager__loading[b-4wkylt1h1g] { display: grid; min-height: 15rem; place-items: center; }

.recurring-manager__presets[b-4wkylt1h1g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.1rem;
    border: 1px solid color-mix(in srgb, var(--zj-primary) 25%, var(--zj-outline-variant));
    border-radius: var(--zj-radius-xl);
    background: color-mix(in srgb, var(--zj-primary) 7%, var(--zj-surface));
}

.recurring-manager__presets span[b-4wkylt1h1g],
.recurring-manager__draft-header > div > span[b-4wkylt1h1g],
.recurring-manager__template-list > header span[b-4wkylt1h1g],
.recurring-manager__form-card > header span[b-4wkylt1h1g] {
    color: var(--zj-primary);
    font-size: .72rem;
    font-weight: 900;
}

.recurring-manager__presets h2[b-4wkylt1h1g],
.recurring-manager__draft-header h2[b-4wkylt1h1g],
.recurring-manager__template-list h2[b-4wkylt1h1g],
.recurring-manager__form-card h2[b-4wkylt1h1g] { margin: .2rem 0; font-size: 1.05rem; }
.recurring-manager__presets p[b-4wkylt1h1g],
.recurring-manager__draft-header p[b-4wkylt1h1g] { margin: 0; color: var(--zj-on-surface-variant); }
.recurring-manager__preset-list[b-4wkylt1h1g] { display: flex; flex-wrap: wrap; gap: .45rem; }
.recurring-manager__preset-list button[b-4wkylt1h1g] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    min-height: 2.75rem;
    padding: .55rem .85rem;
    border: 1px solid var(--zj-outline-variant);
    border-radius: .8rem;
    color: var(--zj-on-surface);
    background: var(--zj-surface);
    font-weight: 850;
    cursor: pointer;
}
.recurring-manager__preset-list button:hover[b-4wkylt1h1g] { border-color: var(--zj-primary); color: var(--zj-primary); transform: translateY(-1px); }

.recurring-manager__templates-layout[b-4wkylt1h1g] {
    display: grid;
    grid-template-columns: minmax(20rem, .8fr) minmax(0, 1.2fr);
    gap: 1rem;
    align-items: start;
}

.recurring-manager__form-card[b-4wkylt1h1g],
.recurring-manager__template-list[b-4wkylt1h1g],
.recurring-manager__draft-header[b-4wkylt1h1g],
.recurring-manager__draft-card[b-4wkylt1h1g],
.recurring-manager__empty[b-4wkylt1h1g] {
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-xl);
    background: var(--zj-surface);
}

.recurring-manager__form-card[b-4wkylt1h1g] { display: grid; gap: .8rem; padding: 1rem; }
.recurring-manager__active-check[b-4wkylt1h1g] { display: flex; gap: .5rem; align-items: center; }
.recurring-manager__save[b-4wkylt1h1g] { display: inline-flex; align-items: center; justify-content: center; gap: .4rem; min-height: 3rem; }
.recurring-manager__text-button[b-4wkylt1h1g] { border: 0; color: var(--zj-primary); background: transparent; font-weight: 850; cursor: pointer; }

.recurring-manager__template-list[b-4wkylt1h1g] { display: grid; gap: .65rem; max-height: 50rem; padding: 1rem; overflow-y: auto; }
.recurring-manager__template-list > header[b-4wkylt1h1g] { position: sticky; z-index: 2; top: -1rem; margin: -1rem -1rem 0; padding: 1rem; background: color-mix(in srgb, var(--zj-surface) 94%, transparent); backdrop-filter: blur(12px); }
.recurring-manager__template-list > header > strong[b-4wkylt1h1g] { display: grid; width: 2rem; height: 2rem; place-items: center; border-radius: 999px; color: var(--zj-primary); background: color-mix(in srgb, var(--zj-primary) 12%, transparent); }
.recurring-manager__template-card[b-4wkylt1h1g] { display: grid; gap: .8rem; padding: .9rem; border: 1px solid var(--zj-outline-variant); border-radius: var(--zj-radius-lg); background: var(--zj-surface-container-low); }
.recurring-manager__template-card.is-paused[b-4wkylt1h1g] { opacity: .72; }
.recurring-manager__template-main[b-4wkylt1h1g] { display: flex; align-items: center; gap: .7rem; min-width: 0; }
.recurring-manager__template-icon[b-4wkylt1h1g] { display: grid; flex: 0 0 2.65rem; width: 2.65rem; height: 2.65rem; place-items: center; border-radius: .8rem; color: var(--zj-primary); background: color-mix(in srgb, var(--zj-primary) 12%, transparent); }
.recurring-manager__template-main > div[b-4wkylt1h1g] { min-width: 0; flex: 1; }
.recurring-manager__template-title[b-4wkylt1h1g] { display: flex; align-items: center; justify-content: space-between; gap: .5rem; }
.recurring-manager__template-title h3[b-4wkylt1h1g] { margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .95rem; }
.recurring-manager__template-title span[b-4wkylt1h1g] { padding: .2rem .5rem; border-radius: 999px; color: #047857; background: color-mix(in srgb, #10b981 14%, transparent); font-size: .68rem; font-weight: 900; }
.recurring-manager__template-title span.is-paused[b-4wkylt1h1g] { color: var(--zj-on-surface-variant); background: var(--zj-surface-container); }
.recurring-manager__template-main p[b-4wkylt1h1g] { margin: .2rem 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--zj-on-surface-variant); font-size: .75rem; }
.recurring-manager__template-metrics[b-4wkylt1h1g] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .45rem; }
.recurring-manager__template-metrics > div[b-4wkylt1h1g] { padding: .55rem; border-radius: .65rem; background: var(--zj-surface); }
.recurring-manager__template-metrics small[b-4wkylt1h1g] { display: block; color: var(--zj-on-surface-variant); font-size: .65rem; }
.recurring-manager__template-metrics strong[b-4wkylt1h1g] { display: block; margin-top: .2rem; font-size: .82rem; }
.recurring-manager__template-metrics em[b-4wkylt1h1g] { color: var(--zj-on-surface-variant); font-size: .65rem; font-style: normal; }
.recurring-manager__card-actions[b-4wkylt1h1g] { display: flex; gap: .4rem; border-top: 1px solid var(--zj-outline-variant); padding-top: .65rem; }
.recurring-manager__card-actions button[b-4wkylt1h1g] { display: inline-flex; align-items: center; gap: .25rem; min-height: 2.2rem; padding: .35rem .65rem; border: 0; border-radius: .6rem; color: var(--zj-primary); background: transparent; font-weight: 850; cursor: pointer; }
.recurring-manager__card-actions button:hover[b-4wkylt1h1g] { background: color-mix(in srgb, var(--zj-primary) 9%, transparent); }

.recurring-manager__draft-header[b-4wkylt1h1g] { padding: 1rem; }
.recurring-manager__draft-filters[b-4wkylt1h1g] { display: flex; flex-wrap: wrap; gap: .3rem; }
.recurring-manager__draft-list[b-4wkylt1h1g] { display: grid; gap: .7rem; }
.recurring-manager__draft-card[b-4wkylt1h1g] { display: grid; gap: .75rem; align-items: end; padding: .9rem; border-inline-start: .3rem solid #d97706; }
.recurring-manager__draft-card.status-posted[b-4wkylt1h1g] { border-inline-start-color: #059669; }
.recurring-manager__draft-card.status-ignored[b-4wkylt1h1g] { border-inline-start-color: var(--zj-outline); opacity: .78; }
.recurring-manager__draft-identity[b-4wkylt1h1g] { display: flex; align-items: center; gap: .65rem; min-width: 0; }
.recurring-manager__draft-identity > span[b-4wkylt1h1g] { display: grid; flex: 0 0 2.6rem; width: 2.6rem; height: 2.6rem; place-items: center; border-radius: .8rem; color: #b45309; background: color-mix(in srgb, #f59e0b 14%, transparent); }
.recurring-manager__draft-identity h3[b-4wkylt1h1g] { margin: .1rem 0; font-size: .95rem; }
.recurring-manager__draft-identity small[b-4wkylt1h1g] { color: var(--zj-primary); font-weight: 850; }
.recurring-manager__draft-identity p[b-4wkylt1h1g] { margin: 0; color: var(--zj-on-surface-variant); font-size: .72rem; }
.recurring-manager__draft-notes[b-4wkylt1h1g] { min-width: 0; }
.recurring-manager__draft-actions[b-4wkylt1h1g] { display: flex; grid-column: 1 / -1; justify-content: end; gap: .45rem; padding-top: .65rem; border-top: 1px solid var(--zj-outline-variant); }
.recurring-manager__draft-actions .btn[b-4wkylt1h1g] { display: inline-flex; align-items: center; gap: .3rem; }
.recurring-manager__draft-actions .is-ignore[b-4wkylt1h1g] { color: #b91c1c; }
.recurring-manager__reviewed[b-4wkylt1h1g] { display: inline-flex; grid-column: 1 / -1; align-items: center; justify-content: end; gap: .35rem; color: var(--zj-on-surface-variant); font-weight: 850; }

.recurring-manager__empty[b-4wkylt1h1g] { display: grid; min-height: 13rem; padding: 1.2rem; place-items: center; align-content: center; text-align: center; }
.recurring-manager__empty.is-large[b-4wkylt1h1g] { min-height: 18rem; }
.recurring-manager__empty > span[b-4wkylt1h1g] { color: var(--zj-primary); font-size: 2.6rem; }
.recurring-manager__empty h3[b-4wkylt1h1g] { margin: .4rem 0 .1rem; }
.recurring-manager__empty p[b-4wkylt1h1g] { margin: 0; color: var(--zj-on-surface-variant); }

@media (max-width: 1050px) {
    .recurring-manager__templates-layout[b-4wkylt1h1g] { grid-template-columns: 1fr; }
    .recurring-manager__template-list[b-4wkylt1h1g] { max-height: none; }
    .recurring-manager__draft-identity[b-4wkylt1h1g] { grid-column: 1 / -1; }
}

@media (max-width: 700px) {
    .recurring-manager__summary[b-4wkylt1h1g] { grid-template-columns: 1fr; }
    .recurring-manager__summary article[b-4wkylt1h1g] { min-height: 4.4rem; }
    .recurring-manager__toolbar[b-4wkylt1h1g],
    .recurring-manager__presets[b-4wkylt1h1g],
    .recurring-manager__draft-header[b-4wkylt1h1g] { display: grid; }
    .recurring-manager__views[b-4wkylt1h1g],
    .recurring-manager__preset-list[b-4wkylt1h1g],
    .recurring-manager__draft-filters[b-4wkylt1h1g] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .recurring-manager__preset-list[b-4wkylt1h1g] { grid-template-columns: 1fr; }
    .recurring-manager__preset-list button[b-4wkylt1h1g] { justify-content: center; }
    .recurring-manager__draft-card[b-4wkylt1h1g],
    .recurring-manager__template-metrics[b-4wkylt1h1g] { grid-template-columns: 1fr; }
    .recurring-manager__draft-identity[b-4wkylt1h1g] { grid-column: auto; }
    .recurring-manager__draft-actions[b-4wkylt1h1g] { display: grid; grid-column: auto; }
    .recurring-manager__draft-actions .btn[b-4wkylt1h1g] { justify-content: center; }
}

@media (prefers-reduced-motion: reduce) {
    .recurring-manager__preset-list button[b-4wkylt1h1g] { transition: none; }
}
/* _content/Zajal.Shared/Pages/Admin/Finance/FinanceReports.razor.rz.scp.css */
.finance-reports[b-etasej6sep]{display:grid;gap:1rem}.finance-reports>header[b-etasej6sep]{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,.9fr);gap:1rem;align-items:end;padding:1.2rem;border:1px solid var(--zj-outline-variant);border-radius:var(--zj-radius-xl);background:var(--zj-surface-container-low)}.finance-reports>header > div:first-child > span[b-etasej6sep]{color:var(--zj-primary);font-weight:900}.finance-reports>header h1[b-etasej6sep]{margin:.2rem 0}.finance-reports>header p[b-etasej6sep]{margin:0;color:var(--zj-on-surface-variant)}.finance-reports__actions[b-etasej6sep]{display:flex;gap:.55rem;justify-content:flex-end}.finance-reports__actions .disabled[b-etasej6sep]{pointer-events:none;opacity:.45}.finance-reports__metrics[b-etasej6sep]{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.75rem}.finance-reports__metrics article[b-etasej6sep]{padding:1rem;border:1px solid var(--zj-outline-variant);border-radius:var(--zj-radius-lg);background:var(--zj-surface)}.finance-reports__metrics small[b-etasej6sep]{color:var(--zj-on-surface-variant)}.finance-reports__metrics strong[b-etasej6sep]{display:block;font-size:1.25rem;margin-top:.25rem}.finance-reports__split[b-etasej6sep]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,34rem),1fr));gap:.85rem}.finance-reports__split h2[b-etasej6sep]{font-size:1.05rem;margin:0 0 .75rem}.finance-reports__state[b-etasej6sep]{min-height:12rem;display:grid;place-items:center;color:var(--zj-on-surface-variant)}@media(max-width:1050px){.finance-reports__metrics[b-etasej6sep]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:850px){.finance-reports>header[b-etasej6sep],.finance-reports__split[b-etasej6sep]{grid-template-columns:1fr}}@media(max-width:560px){.finance-reports__metrics[b-etasej6sep]{grid-template-columns:1fr}.finance-reports__actions[b-etasej6sep]{justify-content:stretch;flex-wrap:wrap}}

@media (max-width: 560px) {
    .finance-reports[b-etasej6sep]  .finance-simple-table__table { min-width: 0; }
    .finance-reports[b-etasej6sep]  .finance-simple-table th,
    .finance-reports[b-etasej6sep]  .finance-simple-table td { overflow-wrap: anywhere; white-space: normal; padding: .65rem .4rem; }
}
/* _content/Zajal.Shared/Pages/Admin/Finance/FinanceRevenue.razor.rz.scp.css */
.finance-revenue[b-km3eiipq8u]{display:grid;gap:1rem}.finance-revenue__header[b-km3eiipq8u]{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,.9fr);gap:1rem;align-items:end;padding:1.2rem;border:1px solid var(--zj-outline-variant);border-radius:var(--zj-radius-xl);background:var(--zj-surface-container-low)}.finance-revenue__header > div:first-child > span[b-km3eiipq8u]{color:var(--zj-on-surface-variant);font-weight:900}.finance-revenue__header h1[b-km3eiipq8u]{margin:.2rem 0}.finance-revenue__header p[b-km3eiipq8u]{margin:0;color:var(--zj-on-surface-variant)}.finance-revenue__tabs[b-km3eiipq8u]{display:flex;gap:.45rem;overflow:auto}.finance-revenue__tabs button[b-km3eiipq8u]{border:0;border-radius:999px;padding:.65rem 1rem;white-space:nowrap}.finance-revenue__tabs .active[b-km3eiipq8u]{background:var(--zj-primary);color:var(--zj-on-primary)}.finance-revenue__metrics[b-km3eiipq8u]{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.75rem}.finance-revenue__metrics article[b-km3eiipq8u]{padding:1rem;border:1px solid var(--zj-outline-variant);border-radius:var(--zj-radius-lg);background:var(--zj-surface)}.finance-revenue__metrics small[b-km3eiipq8u]{color:var(--zj-on-surface-variant)}.finance-revenue__metrics strong[b-km3eiipq8u]{display:block;font-size:1.35rem;margin-top:.25rem}.finance-revenue__split[b-km3eiipq8u]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.finance-revenue__state[b-km3eiipq8u]{min-height:12rem;display:grid;place-items:center;text-align:center;color:var(--zj-on-surface-variant)}@media(max-width:850px){.finance-revenue__header[b-km3eiipq8u],.finance-revenue__split[b-km3eiipq8u]{grid-template-columns:1fr}}

.finance-revenue__tabs[b-km3eiipq8u]{padding:.25rem}.finance-revenue button:focus-visible[b-km3eiipq8u]{outline:2px solid var(--zj-on-surface);outline-offset:2px}
@media (max-width: 560px) {
    .finance-revenue[b-km3eiipq8u]  .finance-simple-table__table { min-width: 0; table-layout: fixed; width: 100%; }
    .finance-revenue[b-km3eiipq8u]  .finance-simple-table th,
    .finance-revenue[b-km3eiipq8u]  .finance-simple-table td { overflow-wrap: anywhere; white-space: normal; padding: .65rem .4rem; }
    .finance-revenue__tabs[b-km3eiipq8u] { flex-wrap: wrap; overflow: visible; }
}
/* _content/Zajal.Shared/Pages/Admin/Finance/SupplierPayables.razor.rz.scp.css */
.supplier-payables[b-kzbzcl49qo]{display:grid;gap:1rem}.supplier-payables>header[b-kzbzcl49qo]{display:grid;grid-template-columns:minmax(0,1fr) minmax(16rem,.35fr);gap:1rem;align-items:end;padding:1.2rem;border:1px solid var(--zj-outline-variant);border-radius:var(--zj-radius-xl);background:var(--zj-surface-container-low)}.supplier-payables>header > div:first-child > span[b-kzbzcl49qo]{color:var(--zj-primary);font-weight:900}.supplier-payables>header h1[b-kzbzcl49qo]{margin:.2rem 0}.supplier-payables>header p[b-kzbzcl49qo]{margin:0;color:var(--zj-on-surface-variant)}.supplier-payables__payment[b-kzbzcl49qo]{display:grid;gap:.6rem}.supplier-payables__payment h2[b-kzbzcl49qo]{font-size:1.05rem;margin:0}.supplier-payables__payment p[b-kzbzcl49qo],.supplier-payables__table p[b-kzbzcl49qo]{margin:0;color:var(--zj-on-surface-variant)}.supplier-payables__table[b-kzbzcl49qo]{overflow:auto}@media(max-width:700px){.supplier-payables>header[b-kzbzcl49qo]{grid-template-columns:1fr}}
.supplier-payables__table table[b-kzbzcl49qo]{width:100%;border-collapse:separate;border-spacing:0;table-layout:auto}
.supplier-payables__table th[b-kzbzcl49qo],.supplier-payables__table td[b-kzbzcl49qo]{padding:.85rem .65rem;text-align:start;vertical-align:top}
.supplier-payables__table th[b-kzbzcl49qo]{border-bottom:1px solid var(--zj-outline-variant);font-weight:800;white-space:nowrap}
.supplier-payables__table td[b-kzbzcl49qo]{line-height:1.7}
.supplier-payables__amount[b-kzbzcl49qo]{display:inline-block;direction:ltr;unicode-bidi:isolate;white-space:nowrap;font-variant-numeric:tabular-nums}
.supplier-payables__receipt-id[b-kzbzcl49qo]{font-size:.8rem;direction:ltr;unicode-bidi:isolate;overflow-wrap:anywhere}
@media(max-width:1050px){
 .supplier-payables__table table[b-kzbzcl49qo],.supplier-payables__table tbody[b-kzbzcl49qo]{display:block}
 .supplier-payables__table thead[b-kzbzcl49qo]{display:none}
 .supplier-payables__table tr[b-kzbzcl49qo]{display:grid;gap:.5rem;border:1px solid var(--zj-outline-variant);border-radius:var(--zj-radius-xl);padding:.85rem;margin-block-end:.75rem}
 .supplier-payables__table td[b-kzbzcl49qo]{display:grid;grid-template-columns:5rem minmax(0,1fr);gap:.65rem;padding:.2rem 0}
 .supplier-payables__table td[b-kzbzcl49qo]::before{content:attr(data-label);font-weight:800;color:var(--zj-on-surface-variant);direction:rtl}
 .supplier-payables__receipt-id[b-kzbzcl49qo]{direction:rtl}
 .supplier-payables__amount[b-kzbzcl49qo]{justify-self:start}
}
/* _content/Zajal.Shared/Pages/Admin/Fulfillment.razor.rz.scp.css */
.fulfillment-page[b-2yoiu93e7u] { max-width:90rem; margin-inline:auto; padding:clamp(.75rem,2vw,1.75rem); display:grid; gap:1.25rem; min-width:0; color:var(--zj-on-surface,#202b39); font-family:var(--zj-font-family,'Cairo',sans-serif); }
.fulfillment-page[b-2yoiu93e7u]  :is(button,input,select,textarea) { font-family:inherit; }
.fulfillment-page[b-2yoiu93e7u]  .zj-page-header { margin:0; }
.fulfillment-page a:not(.btn)[b-2yoiu93e7u] { color:var(--zj-on-surface,#202b39); text-decoration:underline; text-underline-offset:.2em; }
.fulfillment-page .btn-primary[b-2yoiu93e7u] { background:var(--zj-ds-action-background); color:var(--zj-ds-action-foreground); }
.fulfillment-page p[b-2yoiu93e7u] { margin:0; line-height:1.8; overflow-wrap:anywhere; }
.fulfillment-page :is(h2,h3)[b-2yoiu93e7u] { margin:0; line-height:1.6; overflow-wrap:anywhere; font-weight:800; }
.fulfillment-page h2[b-2yoiu93e7u] { font-size:clamp(1.375rem,2vw,1.75rem); }
.fulfillment-page h3[b-2yoiu93e7u] { font-size:1.125rem; }
.fulfillment-page bdi[b-2yoiu93e7u] { font-variant-numeric:tabular-nums; }
.fulfillment-page :is(section,article,div,fieldset)[b-2yoiu93e7u] { min-width:0; }
.fulfillment-notice[b-2yoiu93e7u] { display:flex; align-items:flex-start; gap:.75rem; padding:1rem; border:1px solid var(--zj-outline-variant,#cbd5e1); border-radius:.85rem; background:var(--zj-surface,#fff); }
.fulfillment-notice > span[b-2yoiu93e7u] { color:var(--zj-primary,#0369a1); }
.fulfillment-feedback:empty[b-2yoiu93e7u] { display:none; }
.fulfillment-feedback[b-2yoiu93e7u] { display:grid; gap:.5rem; color:var(--zj-on-surface-variant,#526075); }
.fulfillment-message[b-2yoiu93e7u] { border-inline-start:3px solid var(--zj-primary,#0369a1); padding-inline-start:.75rem; }
.fulfillment-recovery[b-2yoiu93e7u] { display:grid; gap:1rem; border:1px solid var(--zj-warning,#bc7b11); border-inline-start-width:4px; border-radius:1rem; padding:1.25rem; background:var(--zj-surface,#fff); }
.fulfillment-recovery button[b-2yoiu93e7u] { justify-self:start; }
.fulfillment-guide[b-2yoiu93e7u] { display:flex; flex-wrap:wrap; gap:.75rem; padding:1rem; border:1px solid var(--zj-outline-variant,#cbd5e1); background:var(--zj-surface,#fff); border-radius:1rem; }
.fulfillment-guide a[b-2yoiu93e7u] { display:flex; align-items:center; gap:.75rem; border:1px solid var(--zj-outline-variant,#cbd5e1); border-radius:.65rem; padding:.6rem .9rem; color:var(--zj-on-surface,#202b39); text-decoration:underline; text-underline-offset:.2em; font-weight:700; }
.fulfillment-guide b[b-2yoiu93e7u] { min-width:1.5rem; text-align:center; border-radius:.4rem; background:color-mix(in srgb,var(--zj-primary,#0369a1) 12%,transparent); }
.fulfillment-region[b-2yoiu93e7u] { display:grid; gap:1rem; border:1px solid color-mix(in srgb,var(--zj-primary,#0369a1) 35%,var(--zj-outline-variant,#cbd5e1)); border-radius:1rem; padding:clamp(.75rem,1.6vw,1.5rem); background:var(--zj-surface,#fff); scroll-margin-block-start:6rem; }
.fulfillment-region-heading[b-2yoiu93e7u] { display:flex; flex-wrap:wrap; align-items:center; gap:1rem; padding:1rem; border:1px solid var(--zj-outline-variant,#cbd5e1); border-inline-start:4px solid var(--zj-primary,#0369a1); border-radius:.75rem; background:repeating-linear-gradient(135deg,transparent 0 14px,color-mix(in srgb,var(--zj-primary,#0369a1) 5%,transparent) 14px 16px),color-mix(in srgb,var(--zj-primary,#0369a1) 8%,var(--zj-surface,#fff)); }
.fulfillment-region-heading > div[b-2yoiu93e7u] { flex:1 1 15rem; }
.fulfillment-region-heading > span[b-2yoiu93e7u] { font-size:2rem; color:var(--zj-primary,#0369a1); }
.fulfillment-region-heading p[b-2yoiu93e7u] { color:var(--zj-on-surface-variant,#526075); font-size:.875rem; }
.fulfillment-job[b-2yoiu93e7u] { display:grid; gap:1rem; padding:clamp(.85rem,1.5vw,1.25rem); border:1px solid var(--zj-outline-variant,#cbd5e1); border-radius:.8rem; background:var(--zj-surface,#fff); }
.fulfillment-job-heading[b-2yoiu93e7u] { display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; gap:.75rem; }
.fulfillment-job-heading h3 bdi[b-2yoiu93e7u] { font-size:1.4rem; }
.fulfillment-job-heading p[b-2yoiu93e7u] { font-size:.8rem; color:var(--zj-on-surface-variant,#526075); }
.fulfillment-state[b-2yoiu93e7u] { padding:.35rem .7rem; border:1px solid var(--zj-outline-variant,#cbd5e1); border-radius:2rem; font-weight:700; font-size:.8rem; }
.fulfillment-state[data-state=Failed][b-2yoiu93e7u], .fulfillment-warning[b-2yoiu93e7u] { color:var(--zj-error,#b42318); border-color:currentColor; }
.fulfillment-state[data-state=Delivered][b-2yoiu93e7u] { color:var(--zj-success,#16805d); }
.fulfillment-next[b-2yoiu93e7u] { padding:.8rem; border-inline-start:3px solid var(--zj-primary,#0369a1); background:color-mix(in srgb,var(--zj-primary,#0369a1) 7%,transparent); border-radius:.4rem; }
.fulfillment-instructions[b-2yoiu93e7u] { padding:.75rem; border:1px dashed var(--zj-outline-variant,#cbd5e1); border-radius:.6rem; white-space:pre-wrap; }
.fulfillment-balances[b-2yoiu93e7u] { margin:0; display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr)); gap:.75rem; }
.fulfillment-balances > div[b-2yoiu93e7u] { display:grid; gap:.25rem; padding:.8rem; border:1px solid var(--zj-outline-variant,#cbd5e1); border-radius:.65rem; }
.fulfillment-balances dt[b-2yoiu93e7u] { font-size:.85rem; color:var(--zj-on-surface-variant,#526075); font-weight:500; }
.fulfillment-balances dd[b-2yoiu93e7u] { margin:0; font-size:1.1rem; font-weight:800; overflow-wrap:anywhere; }
.fulfillment-lines[b-2yoiu93e7u] { list-style:none; padding:0; margin:0; display:grid; gap:.6rem; }
.fulfillment-lines li[b-2yoiu93e7u] { display:flex; flex-wrap:wrap; gap:.4rem .8rem; align-items:baseline; padding-block:.6rem; border-bottom:1px solid var(--zj-outline-variant,#cbd5e1); }
.fulfillment-lines li > span[b-2yoiu93e7u] { flex:1 1 12rem; overflow-wrap:anywhere; }
.fulfillment-lines small[b-2yoiu93e7u] { flex-basis:100%; color:var(--zj-on-surface-variant,#526075); }
.fulfillment-actions[b-2yoiu93e7u] { display:flex; flex-wrap:wrap; gap:.75rem; align-items:center; }
.fulfillment-page :is(button,a)[b-2yoiu93e7u] { overflow-wrap:anywhere; }
.fulfillment-page button[b-2yoiu93e7u] { min-height:44px; white-space:normal; line-height:1.7; }
.fulfillment-form[b-2yoiu93e7u] { padding:1rem; border:1px solid var(--zj-outline-variant,#cbd5e1); border-radius:.75rem; display:grid; gap:1rem; }
.fulfillment-form legend[b-2yoiu93e7u] { float:none; width:auto; padding-inline:.5rem; margin:0; font-size:1rem; font-weight:750; }
.fulfillment-custody[b-2yoiu93e7u] { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:1rem; border:1px solid var(--zj-outline-variant,#cbd5e1); border-radius:.8rem; padding:1rem; }
.fulfillment-history[b-2yoiu93e7u] { padding:.8rem; border:1px solid var(--zj-outline-variant,#cbd5e1); border-radius:.65rem; }
.fulfillment-history summary[b-2yoiu93e7u] { cursor:pointer; font-weight:700; }
.fulfillment-history ul[b-2yoiu93e7u] { margin-block:1rem 0; }
.fulfillment-history li[b-2yoiu93e7u] { overflow-wrap:anywhere; line-height:1.9; }
.fulfillment-empty[b-2yoiu93e7u] { display:grid; gap:.75rem; padding:2rem 1rem; text-align:center; border:1px dashed var(--zj-outline-variant,#cbd5e1); border-radius:1rem; background:var(--zj-surface,#fff); }
.fulfillment-empty > span[b-2yoiu93e7u] { font-size:2.5rem; color:var(--zj-primary,#0369a1); }
.fulfillment-section-empty[b-2yoiu93e7u] { padding:1.5rem 1rem; text-align:center; color:var(--zj-on-surface-variant,#526075); }
.fulfillment-field-error[b-2yoiu93e7u] { color:var(--zj-error,#b42318); font-weight:650; }
.fulfillment-page :is(button,a,input,select,summary):focus-visible[b-2yoiu93e7u] { outline:3px solid var(--zj-primary,#0369a1); outline-offset:3px; }
@media (max-width:600px) {
    .fulfillment-page[b-2yoiu93e7u] { gap:.85rem; padding:.5rem; }
    .fulfillment-region-heading[b-2yoiu93e7u] { padding:.75rem; gap:.6rem; }
    .fulfillment-guide[b-2yoiu93e7u] { gap:.5rem; padding:.65rem; }
    .fulfillment-guide a[b-2yoiu93e7u] { flex:1 1 9rem; justify-content:space-between; padding:.55rem; }
    .fulfillment-custody > button[b-2yoiu93e7u], .fulfillment-actions > button[b-2yoiu93e7u] { flex:1 1 12rem; }
    .fulfillment-form[b-2yoiu93e7u] { padding:.75rem; }
}
/* _content/Zajal.Shared/Pages/Admin/GeneralLedger/LedgerLinesSummary.razor.rz.scp.css */
.ledger-summary[b-74aokac5dg]{max-width:100%;overflow:auto}
.ledger-summary table[b-74aokac5dg]{width:100%;border-collapse:collapse;color:var(--zj-on-surface,#142a35)}
.ledger-summary th[b-74aokac5dg],.ledger-summary td[b-74aokac5dg]{padding:.65rem .8rem;border-bottom:1px solid var(--zj-outline-variant,#b8c7ce);text-align:start}
.ledger-summary td:nth-child(2)[b-74aokac5dg],.ledger-summary td:nth-child(3)[b-74aokac5dg]{min-width:5rem;white-space:nowrap;font-variant-numeric:tabular-nums;text-align:end}
.ledger-summary thead[b-74aokac5dg]{background:var(--zj-surface-container,#edf3f7)}
.ledger-summary bdi[b-74aokac5dg]{direction:ltr;unicode-bidi:isolate}
.ledger-summary caption[b-74aokac5dg]{text-align:start;padding-block:.5rem;color:var(--zj-on-surface-variant,#445b6b)}
@media(max-width:650px){.ledger-summary table[b-74aokac5dg]{min-width:540px}}
/* _content/Zajal.Shared/Pages/Admin/GeneralLedger/LedgerPeriodEditor.razor.rz.scp.css */
/* Uses the shared grid, wrappers and date control; Guid identity and nullable date pass to the parent. */
/* _content/Zajal.Shared/Pages/Admin/GeneralLedger/LedgerWorkspace.razor.rz.scp.css */
.ledger-workspace[b-3p48jiibx1]{max-width:1120px}.ledger-workspace header[b-3p48jiibx1]{margin-block-end:1.3rem}.ledger-workspace section[b-3p48jiibx1]{border-top:1px solid var(--zj-outline-variant,#b8c7ce);padding-block:1.25rem}.ledger-workspace h2[b-3p48jiibx1]{font-size:1.35rem}.ledger-workspace h3[b-3p48jiibx1]{font-size:1.08rem}.ledger-nav[b-3p48jiibx1]{display:flex;gap:.5rem;flex-wrap:wrap;margin-block:1.2rem}.ledger-nav a[b-3p48jiibx1]{padding:.5rem .8rem;border:1px solid var(--zj-outline-variant,#b8c7ce);border-radius:.4rem;color:var(--zj-on-surface,#142a35)}.ledger-nav a[aria-current=page][b-3p48jiibx1]{background:#075b75;color:#fff;font-weight:700;text-decoration:none}.ledger-table[b-3p48jiibx1]{overflow:auto}.ledger-table th[b-3p48jiibx1],.ledger-table td[b-3p48jiibx1]{white-space:nowrap}.ledger-workspace .btn[b-3p48jiibx1]{margin-inline-end:.45rem;margin-block:.45rem}.ledger-workspace details[b-3p48jiibx1],.ledger-workspace article[b-3p48jiibx1],.ledger-workspace aside[b-3p48jiibx1]{padding:.8rem;margin-block:.7rem;border:1px solid var(--zj-outline-variant,#b8c7ce);border-radius:.4rem}.ledger-csv[b-3p48jiibx1]{direction:rtl;unicode-bidi:plaintext}.ledger-notice:empty[b-3p48jiibx1]{display:none}@media(max-width:650px){.ledger-nav a[b-3p48jiibx1]{flex-grow:1;text-align:center}.ledger-workspace[b-3p48jiibx1]{padding-inline:1rem!important}}
.ledger-workspace[b-3p48jiibx1]{min-width:0;width:100%;box-sizing:border-box}
.ledger-workspace bdi[b-3p48jiibx1]{direction:ltr;unicode-bidi:isolate}
.ledger-nav a:focus-visible[b-3p48jiibx1],.ledger-workspace button:focus-visible[b-3p48jiibx1]{outline:3px solid var(--zj-on-surface,#142a35);outline-offset:3px}
.ledger-workspace .btn-primary[b-3p48jiibx1]{background:#075b75;color:#fff;border-color:#075b75}
.ledger-table[b-3p48jiibx1]{max-width:100%}
.ledger-table table[b-3p48jiibx1]{width:100%;border-collapse:collapse}
.ledger-table th[b-3p48jiibx1],.ledger-table td[b-3p48jiibx1]{padding:.5rem .65rem;border-bottom:1px solid var(--zj-outline-variant,#b8c7ce)}
.ledger-table thead[b-3p48jiibx1],.ledger-table tfoot[b-3p48jiibx1]{background:var(--zj-surface-container,#edf3f7);font-weight:700}
.ledger-table td[b-3p48jiibx1]{font-variant-numeric:tabular-nums}
.ledger-workspace caption[b-3p48jiibx1]{color:var(--zj-on-surface-variant,#445b6b);text-align:start;padding-block:.5rem}
@media(prefers-reduced-motion:reduce){.ledger-workspace *[b-3p48jiibx1]{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.ledger-nav a[b-3p48jiibx1]{min-height:44px;display:inline-flex;align-items:center;justify-content:center}.ledger-workspace button:disabled[b-3p48jiibx1]{opacity:.65;cursor:not-allowed}
/* _content/Zajal.Shared/Pages/Admin/Growth.razor.rz.scp.css */
.growth-center[b-9kw9jadtu4]{max-width:1000px}.growth-center section[b-9kw9jadtu4]{margin-block:1.5rem}.growth-check[b-9kw9jadtu4]{display:flex;align-items:center;gap:var(--zj-field-gap);margin-block:.7rem}.growth-card[b-9kw9jadtu4]{border:1px solid var(--bs-border-color,#b8b8b8);border-radius:.5rem;padding:1rem;margin-block:1rem;overflow-wrap:anywhere}.growth-actions[b-9kw9jadtu4]{display:flex;gap:.6rem;flex-wrap:wrap;margin-block:1rem}.growth-template[b-9kw9jadtu4]{white-space:pre-wrap}.growth-center input[type=checkbox][b-9kw9jadtu4]{min-width:1.3rem;min-height:1.3rem;margin-inline-end:.5rem}.growth-center button[b-9kw9jadtu4],.growth-center .btn[b-9kw9jadtu4],.growth-center summary[b-9kw9jadtu4]{min-height:44px}.growth-center :focus-visible[b-9kw9jadtu4]{outline:3px solid #1874c1;outline-offset:3px}.growth-center bdi[b-9kw9jadtu4]{display:inline-block}@media(max-width:600px){.growth-card[b-9kw9jadtu4]{padding:.7rem}.growth-actions>*[b-9kw9jadtu4]{width:100%}}@media(prefers-reduced-motion:reduce){.growth-center *[b-9kw9jadtu4]{animation:none!important;transition:none!important}}
.growth-center a[b-9kw9jadtu4]{color:var(--text-primary,#172033);text-decoration:underline;text-underline-offset:.2em}
/* _content/Zajal.Shared/Pages/Admin/HealthCheck.razor.rz.scp.css */
.health-aura[b-t7loml44ro] {
    position: relative;
    display: grid;
    gap: 2.5rem;
    direction: rtl;
    padding-bottom: 3rem;
}

.health-aura[b-t7loml44ro]::before,
.health-aura[b-t7loml44ro]::after {
    content: "";
    position: fixed;
    z-index: -1;
    border-radius: 999px;
    pointer-events: none;
    filter: blur(7rem);
    opacity: 0.22;
}

.health-aura[b-t7loml44ro]::before {
    width: 32rem;
    height: 32rem;
    inset: 18% auto auto 18%;
    background: var(--zj-primary-container);
}

.health-aura[b-t7loml44ro]::after {
    width: 26rem;
    height: 26rem;
    inset: auto 22% 10% auto;
    background: var(--zj-secondary-container);
}

.health-aura__loading[b-t7loml44ro] {
    min-height: 22rem;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 1rem;
    color: var(--zj-on-surface-variant);
}

.health-aura__header[b-t7loml44ro] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 2rem;
}

.health-aura__header h1[b-t7loml44ro] {
    margin: 0;
    color: var(--zj-on-surface);
    font-size: clamp(3rem, 6vw, 5rem);
    font-weight: 900;
    line-height: 1;
    letter-spacing: 0;
}

.health-aura__header p[b-t7loml44ro] {
    max-width: 46rem;
    margin: 1rem 0 0;
    color: var(--zj-on-surface-variant);
    font-size: 1.05rem;
    line-height: 1.9;
}

.health-aura__header-actions[b-t7loml44ro] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.85rem;
    flex-wrap: wrap;
}

.health-aura__export[b-t7loml44ro] {
    min-height: 4.2rem;
    border: 1px solid rgba(var(--zj-outline-rgb), 0.18);
    border-radius: var(--zj-radius-xl);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.8rem;
    padding-inline: 1.35rem;
    background: var(--zj-surface-container-high);
    color: var(--zj-on-surface);
    font-size: 1rem;
    font-weight: 900;
}

.health-aura__refresh[b-t7loml44ro] {
    min-height: 4.2rem;
    min-width: 15rem;
    border: 0;
    border-radius: var(--zj-radius-xl);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.8rem;
    padding-inline: 1.5rem;
    background: var(--zj-primary);
    color: var(--zj-on-primary);
    font-size: 1.05rem;
    font-weight: 900;
    box-shadow: 0 1.3rem 2.5rem rgba(var(--zj-primary-rgb), 0.22);
}

.health-aura__refresh:disabled[b-t7loml44ro] {
    opacity: 0.7;
    cursor: progress;
}

.health-aura__services[b-t7loml44ro] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.5rem;
}

.health-aura-service[b-t7loml44ro] {
    position: relative;
    overflow: hidden;
    min-height: 17rem;
    display: grid;
    gap: 1.4rem;
    align-content: space-between;
    padding: 2rem;
    border: 1px solid rgba(var(--zj-outline-rgb), 0.12);
    border-radius: var(--zj-radius-3xl);
    background: color-mix(in srgb, var(--zj-surface-container-high) 54%, transparent);
    box-shadow: 0 2rem 3rem -1.6rem rgba(15, 23, 42, 0.1);
    backdrop-filter: blur(24px);
}

.health-aura-service--wide[b-t7loml44ro] {
    grid-column: span 2;
    min-height: 12.5rem;
}

.health-aura-service__halo[b-t7loml44ro] {
    position: absolute;
    inset: -3rem -3rem auto auto;
    width: 10rem;
    height: 10rem;
    border-radius: 999px;
    background: var(--zj-success-container);
    filter: blur(1.8rem);
}

.health-aura-state--degraded .health-aura-service__halo[b-t7loml44ro] {
    background: var(--zj-warning-container);
}

.health-aura-state--unhealthy .health-aura-service__halo[b-t7loml44ro] {
    background: var(--zj-error-container);
}

.health-aura-service header[b-t7loml44ro] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.health-aura-service__icon[b-t7loml44ro] {
    width: 4rem;
    height: 4rem;
    border-radius: 1.25rem;
    display: grid;
    place-items: center;
    background: var(--zj-surface-container-lowest);
    color: var(--zj-secondary);
    font-size: 2rem;
    box-shadow: inset 0 0 1rem rgba(255, 255, 255, 0.55);
}

.health-aura-chip[b-t7loml44ro] {
    min-height: 2rem;
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding-inline: 0.75rem;
    border-radius: var(--zj-radius-full);
    font-size: 0.82rem;
    font-weight: 900;
}

.health-aura-chip i[b-t7loml44ro] {
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 999px;
    background: currentColor;
}

.health-aura-state--healthy.health-aura-chip[b-t7loml44ro],
.health-aura-state--healthy .health-aura-chip[b-t7loml44ro] {
    background: var(--zj-success-container);
    color: var(--zj-success);
}

.health-aura-state--degraded.health-aura-chip[b-t7loml44ro],
.health-aura-state--degraded .health-aura-chip[b-t7loml44ro] {
    background: var(--zj-warning-container);
    color: var(--zj-warning);
}

.health-aura-state--unhealthy.health-aura-chip[b-t7loml44ro],
.health-aura-state--unhealthy .health-aura-chip[b-t7loml44ro] {
    background: rgba(186, 26, 26, 0.1);
    color: var(--zj-error);
}

.health-aura-service__copy[b-t7loml44ro],
.health-aura-service__metrics[b-t7loml44ro] {
    position: relative;
    z-index: 1;
}

.health-aura-service__copy h2[b-t7loml44ro] {
    margin: 0;
    color: var(--zj-on-surface);
    font-size: clamp(1.45rem, 2.4vw, 2rem);
    font-weight: 900;
    line-height: 1.25;
}

.health-aura-service__copy p[b-t7loml44ro] {
    margin: 0.45rem 0 0;
    color: var(--zj-on-surface-variant);
    font-size: 0.95rem;
}

.health-aura-service__metrics[b-t7loml44ro] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.health-aura-service__metrics div[b-t7loml44ro] {
    min-height: 5rem;
    display: grid;
    align-content: center;
    gap: 0.3rem;
    padding: 1rem;
    border-radius: var(--zj-radius-2xl);
    background: color-mix(in srgb, var(--zj-surface-container-lowest) 56%, transparent);
}

.health-aura-service__metrics span[b-t7loml44ro] {
    color: var(--zj-on-surface-variant);
    font-size: 0.75rem;
    font-weight: 800;
}

.health-aura-service__metrics strong[b-t7loml44ro] {
    color: var(--zj-on-surface);
    font-size: 1.15rem;
    font-weight: 900;
}

.health-aura-state--degraded .health-aura-service__metrics strong:first-of-type[b-t7loml44ro] {
    color: var(--zj-warning);
}

.health-aura-state--unhealthy .health-aura-service__metrics strong:first-of-type[b-t7loml44ro] {
    color: var(--zj-error);
}

.health-aura__checks h2[b-t7loml44ro],
.health-aura__logs h2[b-t7loml44ro] {
    margin: 0 0 1.5rem;
    color: var(--zj-on-surface);
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 900;
}

.health-aura-check-table[b-t7loml44ro],
.health-aura-log-table[b-t7loml44ro] {
    overflow: hidden;
    border: 1px solid rgba(var(--zj-outline-rgb), 0.12);
    border-radius: var(--zj-radius-3xl);
    background: color-mix(in srgb, var(--zj-surface-container-high) 64%, transparent);
    backdrop-filter: blur(24px);
}

.health-aura-check-table__head[b-t7loml44ro],
.health-aura-check-row[b-t7loml44ro],
.health-aura-log-table__head[b-t7loml44ro],
.health-aura-log-row[b-t7loml44ro] {
    display: grid;
    grid-template-columns: 1.35fr 1fr 1fr 0.8fr;
    gap: 1rem;
    align-items: center;
}

.health-aura-check-table__head[b-t7loml44ro],
.health-aura-log-table__head[b-t7loml44ro] {
    min-height: 3.6rem;
    padding-inline: 1.5rem;
    background: rgba(15, 23, 42, 0.04);
    color: var(--zj-on-surface-variant);
    font-weight: 900;
}

.health-aura-check-row[b-t7loml44ro],
.health-aura-log-row[b-t7loml44ro] {
    min-height: 4.7rem;
    padding-inline: 1.5rem;
    border-top: 1px solid rgba(var(--zj-outline-rgb), 0.1);
}

.health-aura-check-row strong[b-t7loml44ro],
.health-aura-log-row strong[b-t7loml44ro] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    color: var(--zj-on-surface);
    font-weight: 900;
}

.health-aura-check-row button[b-t7loml44ro] {
    width: 2.75rem;
    height: 2.75rem;
    border: 0;
    border-radius: var(--zj-radius-full);
    display: grid;
    place-items: center;
    background: var(--zj-surface-container-high);
    color: var(--zj-on-surface-variant);
}

.health-aura button:focus-visible[b-t7loml44ro],
.health-aura a:focus-visible[b-t7loml44ro] {
    outline: 3px solid var(--zj-on-surface);
    outline-offset: 3px;
}

.health-aura a:focus-visible[b-t7loml44ro] {
    outline-offset: -4px;
}

.health-aura-check-row__details[b-t7loml44ro] {
    margin: -0.5rem 1.5rem 0.5rem;
    padding: 1rem 1.5rem;
    border-radius: var(--zj-radius-lg);
    background: var(--zj-surface-container-low);
    color: var(--zj-on-surface-variant);
    font-size: 0.875rem;
    line-height: 1.8;
}

.health-aura-check-row__details strong[b-t7loml44ro] {
    color: var(--zj-on-surface);
}

.health-aura-log-row i[b-t7loml44ro] {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 999px;
}

.health-aura-dot--error[b-t7loml44ro] {
    background: var(--zj-error);
}

.health-aura-dot--warning[b-t7loml44ro] {
    background: var(--zj-warning);
}

.health-aura-dot--info[b-t7loml44ro] {
    background: var(--zj-info);
}

.health-aura-log-row span[b-t7loml44ro],
.health-aura-log-row time[b-t7loml44ro] {
    color: var(--zj-on-surface-variant);
    font-weight: 700;
}

.health-aura-log-row em[b-t7loml44ro] {
    justify-self: start;
    min-height: 2rem;
    display: inline-flex;
    align-items: center;
    padding-inline: 0.85rem;
    border-radius: var(--zj-radius-full);
    font-style: normal;
    font-size: 0.8rem;
    font-weight: 900;
}

.health-aura-log-status--pending[b-t7loml44ro] {
    background: var(--zj-surface-container-lowest);
    color: var(--zj-on-surface-variant);
}

.health-aura-log-status--resolved[b-t7loml44ro] {
    background: var(--zj-success-container);
    color: var(--zj-success);
}

.health-aura-log-table__footer[b-t7loml44ro] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 4.5rem;
    border: 0;
    border-top: 1px solid rgba(var(--zj-outline-rgb), 0.1);
    background: rgba(15, 23, 42, 0.04);
    color: var(--zj-on-surface);
    font-weight: 900;
    padding-inline: 1rem;
    text-decoration:none;
    text-underline-offset: .2em;
}

.health-aura__stats[b-t7loml44ro] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    padding: 1.5rem;
    border: 1px solid rgba(var(--zj-outline-rgb), 0.12);
    border-radius: var(--zj-radius-3xl);
    background: color-mix(in srgb, var(--zj-surface-container-high) 64%, transparent);
    backdrop-filter: blur(24px);
}

.health-aura__stats article[b-t7loml44ro] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding-inline: 1rem;
    border-inline-start: 1px solid rgba(var(--zj-outline-rgb), 0.12);
}

.health-aura__stats article:last-child[b-t7loml44ro] {
    border-inline-start: 0;
}

.health-aura__stats .material-symbols-outlined[b-t7loml44ro] {
    width: 3.25rem;
    height: 3.25rem;
    border-radius: 999px;
    display: grid;
    place-items: center;
    background: var(--zj-surface-container-lowest);
    color: var(--zj-primary);
}

.health-aura__stats p[b-t7loml44ro] {
    margin: 0;
    color: var(--zj-on-surface-variant);
    font-size: 0.82rem;
    font-weight: 800;
}

.health-aura__stats strong[b-t7loml44ro] {
    color: var(--zj-on-surface);
    font-size: 1.75rem;
    font-weight: 900;
}

@media (max-width: 78rem) {
    .health-aura__services[b-t7loml44ro],
    .health-aura__stats[b-t7loml44ro] {
        grid-template-columns: 1fr;
    }

    .health-aura-service--wide[b-t7loml44ro] {
        grid-column: auto;
    }

    .health-aura__header[b-t7loml44ro] {
        align-items: stretch;
        flex-direction: column;
    }
}

@media (max-width: 56rem) {
    .health-aura__header-actions[b-t7loml44ro],
    .health-aura__export[b-t7loml44ro],
    .health-aura__refresh[b-t7loml44ro] {
        width: 100%;
    }

    .health-aura-service__metrics[b-t7loml44ro],
    .health-aura-check-table__head[b-t7loml44ro],
    .health-aura-check-row[b-t7loml44ro],
    .health-aura-log-table__head[b-t7loml44ro],
    .health-aura-log-row[b-t7loml44ro] {
        grid-template-columns: 1fr;
    }

    .health-aura-check-table__head[b-t7loml44ro],
    .health-aura-log-table__head[b-t7loml44ro] {
        display: none;
    }

    .health-aura-check-row[b-t7loml44ro],
    .health-aura-log-row[b-t7loml44ro] {
        padding-block: 1rem;
    }
}
/* _content/Zajal.Shared/Pages/Admin/HumanResources/EmployeeCenter.razor.rz.scp.css */
.employee-center[b-f7k60i4n69]{max-width:1440px;margin:auto;padding:clamp(12px,2vw,24px);font-family:var(--zj-font-body);color:var(--zj-on-surface);min-width:0}
.employee-center [role=tabpanel][b-f7k60i4n69]{padding-block-start:1.25rem;min-width:0}
.employee-center [hidden][b-f7k60i4n69]{display:none!important}
.employee-center__related[b-f7k60i4n69]{display:flex;flex-wrap:wrap;gap:.75rem;margin-block:1.25rem}
.employee-center[b-f7k60i4n69]  .hr-workspace{display:grid;gap:1.25rem;min-width:0}
.employee-center[b-f7k60i4n69]  .hr-toolbar{display:flex;gap:.75rem;flex-wrap:wrap;align-items:end}
.employee-center[b-f7k60i4n69]  .hr-toolbar>label{display:grid;gap:.4rem;flex:1 1 180px;min-width:0}
.employee-center[b-f7k60i4n69]  .hr-toolbar input,.employee-center[b-f7k60i4n69]  .hr-toolbar select{width:100%;min-width:0}
.employee-center[b-f7k60i4n69]  .hr-actions{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}
.employee-center[b-f7k60i4n69]  .hr-error{color:var(--zj-error);border:1px solid currentColor;padding:1rem;border-radius:.75rem}
.employee-center[b-f7k60i4n69]  td{overflow-wrap:anywhere;max-width:32rem}
.employee-center[b-f7k60i4n69]  .hr-help{color:var(--zj-on-surface-variant);line-height:1.8}
.employee-center[b-f7k60i4n69]  fieldset{min-width:0}
.employee-center[b-f7k60i4n69]  .table-responsive:focus-visible{outline:3px solid var(--zj-primary);outline-offset:3px}
@media(max-width:600px){.employee-center[b-f7k60i4n69]  .hr-toolbar>label{flex-basis:100%}.employee-center[b-f7k60i4n69]  .zj-section-card__body{padding:1rem}.employee-center[b-f7k60i4n69]  .hr-actions>.btn{min-height:44px}}
.employee-center[b-f7k60i4n69]  .zj-page-header__title{font-size:clamp(1.75rem,2.5vw,2.25rem);line-height:1.5}
.employee-center[b-f7k60i4n69]  .zj-section-card__title,.employee-center[b-f7k60i4n69]  .card-body>h2{font-size:clamp(1.375rem,1.8vw,1.75rem);font-weight:800;line-height:1.55;overflow-wrap:anywhere}
.employee-center[b-f7k60i4n69]  .zj-section-card__header,.employee-center[b-f7k60i4n69]  .card-body>h2{border-inline-start:4px solid var(--zj-primary);background:var(--zj-surface-container-low);padding:1rem}
.employee-center[b-f7k60i4n69]  .card-body>h2{border-radius:.65rem;margin-bottom:1rem}
.employee-center[b-f7k60i4n69]  .glass-panel{border:1px solid var(--zj-outline-variant);min-width:0}
.employee-center[b-f7k60i4n69]  .hr-toolbar fieldset{border:0}
/* _content/Zajal.Shared/Pages/Admin/HumanResources/HumanResourcesAdvances.razor.rz.scp.css */
.advance-receipt-id[b-hq73aax05u] {
    display: block;
    overflow-wrap: anywhere;
}

.table-responsive[b-hq73aax05u] {
    max-width: 100%;
    overflow-x: auto;
}

.table[b-hq73aax05u] { min-width: 920px; }
.table th[b-hq73aax05u],.table td[b-hq73aax05u] { padding:.9rem; vertical-align:top; }
.table th[b-hq73aax05u] { white-space:nowrap; }
.table td:first-child[b-hq73aax05u] { min-width:180px; }
.table td:nth-child(6)[b-hq73aax05u] { min-width:200px; }
.table td:nth-child(2)[b-hq73aax05u],
.table td:nth-child(3)[b-hq73aax05u],
.table td:nth-child(4)[b-hq73aax05u] { white-space:nowrap; overflow-wrap:normal; }
fieldset.advance-fields[b-hq73aax05u] { border:0; padding:0; margin:0; min-width:0; }

.table-responsive:focus-visible[b-hq73aax05u] {
    outline: 2px solid var(--zj-primary);
    outline-offset: 2px;
}

fieldset.advance-receipt-fields[b-hq73aax05u] { border:1px solid var(--zj-outline-variant); border-radius:12px; padding:1rem; margin-block:1rem; min-width:0; }
/* _content/Zajal.Shared/Pages/Admin/HumanResources/HumanResourcesAttendance.razor.rz.scp.css */
.attendance-page[b-xm44f7pdn4]{display:grid;gap:1rem;padding-bottom:2rem}.attendance-hero[b-xm44f7pdn4]{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;padding:1.25rem;border:1px solid var(--zj-outline-variant);border-radius:var(--zj-radius-xl);background:linear-gradient(135deg,color-mix(in srgb,var(--zj-primary) 10%,var(--zj-surface)),var(--zj-surface));box-shadow:var(--zj-shadow-sm)}.attendance-hero h1[b-xm44f7pdn4]{margin:.2rem 0;font-size:clamp(1.65rem,3vw,2.4rem);font-weight:950}.attendance-hero p[b-xm44f7pdn4]{margin:0;color:var(--zj-on-surface-variant)}.attendance-hero__eyebrow[b-xm44f7pdn4]{color:var(--zj-primary);font-size:.78rem;font-weight:900}.attendance-hero__tabs[b-xm44f7pdn4]{display:flex;gap:.35rem;padding:.3rem;border:1px solid var(--zj-outline-variant);border-radius:1rem;background:var(--zj-surface)}.attendance-tab[b-xm44f7pdn4]{display:flex;align-items:center;gap:.4rem;padding:.65rem .85rem;border:0;border-radius:.75rem;background:transparent;color:var(--zj-on-surface-variant);font-weight:850;white-space:nowrap}.attendance-tab.is-active[b-xm44f7pdn4]{background:var(--zj-primary);color:var(--zj-on-primary);box-shadow:var(--zj-shadow-sm)}.attendance-tab .material-symbols-outlined[b-xm44f7pdn4]{font-size:1.1rem}.attendance-actions-card[b-xm44f7pdn4],.weekly-summary[b-xm44f7pdn4]{display:flex;align-items:end;gap:.75rem;padding:1rem;border:1px solid var(--zj-outline-variant);border-radius:var(--zj-radius-lg);background:var(--zj-surface);box-shadow:var(--zj-shadow-sm)}.attendance-loading[b-xm44f7pdn4]{display:grid;place-items:center;gap:.75rem;min-height:20rem;color:var(--zj-on-surface-variant)}.attendance-stats[b-xm44f7pdn4]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.65rem}.attendance-stats article[b-xm44f7pdn4]{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.15rem .55rem;padding:.85rem;border:1px solid var(--zj-outline-variant);border-radius:var(--zj-radius-lg);background:var(--zj-surface)}.attendance-stats .material-symbols-outlined[b-xm44f7pdn4]{grid-row:1/3;display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:.75rem;background:color-mix(in srgb,currentColor 12%,transparent)}.attendance-stats strong[b-xm44f7pdn4]{font-size:1.35rem;line-height:1}.attendance-stats small[b-xm44f7pdn4]{color:var(--zj-on-surface-variant);font-weight:750}.state-present[b-xm44f7pdn4]{color:#16845b}.state-late[b-xm44f7pdn4]{color:#c27a00}.state-absent[b-xm44f7pdn4]{color:#c63131}.state-missing[b-xm44f7pdn4]{color:#8a4ec7}.state-pending[b-xm44f7pdn4]{color:#627189}.attendance-actions-card[b-xm44f7pdn4]{align-items:center;justify-content:space-between;flex-wrap:wrap}.attendance-searches[b-xm44f7pdn4]{flex:1;min-width:0}.attendance-bulk-actions[b-xm44f7pdn4]{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.select-all[b-xm44f7pdn4]{display:flex;align-items:center;gap:.35rem;font-size:.82rem;font-weight:800;white-space:nowrap}.daily-sheet-shell[b-xm44f7pdn4]{overflow:auto;border:1px solid var(--zj-outline-variant);border-radius:var(--zj-radius-lg);background:var(--zj-surface);box-shadow:var(--zj-shadow-sm)}.daily-sheet-table[b-xm44f7pdn4]{width:100%;min-width:82rem;border-collapse:collapse}.daily-sheet-table th[b-xm44f7pdn4],.daily-sheet-table td[b-xm44f7pdn4]{padding:.7rem .55rem;border-bottom:1px solid var(--zj-outline-variant);vertical-align:middle;text-align:right}.daily-sheet-table th[b-xm44f7pdn4]{position:sticky;top:0;z-index:1;background:var(--zj-surface-container-low);color:var(--zj-on-surface-variant);font-size:.74rem}.daily-sheet-table tr.is-dirty[b-xm44f7pdn4]{background:color-mix(in srgb,var(--zj-primary) 5%,var(--zj-surface))}.employee-cell[b-xm44f7pdn4]{display:grid;min-width:9rem}.employee-cell small[b-xm44f7pdn4]{color:var(--zj-on-surface-variant)}.compact-input[b-xm44f7pdn4]{min-width:10.5rem}.schedule-chip[b-xm44f7pdn4],.state-pill[b-xm44f7pdn4],.overnight-badge[b-xm44f7pdn4]{display:inline-flex;width:max-content;padding:.3rem .55rem;border-radius:999px;font-size:.72rem;font-weight:850;background:var(--zj-surface-container-high);color:var(--zj-on-surface-variant)}.state-pill[class*=present][b-xm44f7pdn4]{background:#e4f7ef;color:#08734c}.state-pill[class*=late][b-xm44f7pdn4]{background:#fff2d6;color:#9a6000}.state-pill[class*=absent][b-xm44f7pdn4]{background:#ffe6e6;color:#a61f1f}.state-pill[class*=leave][b-xm44f7pdn4]{background:#e8f3ff;color:#1768a8}.state-pill[class*=missing][b-xm44f7pdn4]{background:#f2e8ff;color:#7540aa}.weekly-summary[b-xm44f7pdn4]{align-items:center;justify-content:space-between}.weekly-summary>div[b-xm44f7pdn4]{display:flex;align-items:center;gap:.65rem}.weekly-summary .material-symbols-outlined[b-xm44f7pdn4]{display:grid;place-items:center;width:2.7rem;height:2.7rem;border-radius:.8rem;background:color-mix(in srgb,var(--zj-primary) 12%,transparent);color:var(--zj-primary)}.weekly-summary strong[b-xm44f7pdn4],.weekly-summary small[b-xm44f7pdn4]{display:block}.weekly-summary small[b-xm44f7pdn4]{margin-top:.18rem;color:var(--zj-on-surface-variant)}.weekly-summary__actions[b-xm44f7pdn4]{display:flex;gap:.6rem}.weekly-list[b-xm44f7pdn4]{display:grid;gap:.8rem}.weekly-employee[b-xm44f7pdn4]{overflow:hidden;border:1px solid var(--zj-outline-variant);border-radius:var(--zj-radius-lg);background:var(--zj-surface);box-shadow:var(--zj-shadow-sm)}.weekly-employee.is-selected[b-xm44f7pdn4]{border-color:color-mix(in srgb,var(--zj-primary) 55%,var(--zj-outline-variant))}.weekly-employee>header[b-xm44f7pdn4]{display:flex;align-items:center;gap:.65rem;padding:.8rem 1rem;border-bottom:1px solid var(--zj-outline-variant);background:var(--zj-surface-container-low)}.weekly-employee>header div[b-xm44f7pdn4]{display:grid;margin-inline-end:auto}.weekly-employee>header small[b-xm44f7pdn4]{color:var(--zj-on-surface-variant)}.weekly-days[b-xm44f7pdn4]{display:grid;grid-template-columns:repeat(7,minmax(9rem,1fr));gap:.55rem;padding:.7rem;overflow:auto}.weekly-day[b-xm44f7pdn4]{display:grid;gap:.5rem;padding:.65rem;border:1px solid var(--zj-outline-variant);border-radius:.8rem;background:var(--zj-surface)}.weekly-day.is-off[b-xm44f7pdn4]{opacity:.7;background:var(--zj-surface-container-low)}.weekly-day__title[b-xm44f7pdn4]{display:flex;align-items:center;justify-content:space-between;gap:.35rem}.weekly-day__title label[b-xm44f7pdn4]{display:flex;gap:.2rem;font-size:.68rem}.overnight-badge[b-xm44f7pdn4]{background:#eef2ff;color:#4b58a8}.btn-ghost[b-xm44f7pdn4]{border:1px solid var(--zj-outline-variant);background:var(--zj-surface);color:var(--zj-on-surface)}
@media(max-width:900px){.attendance-hero[b-xm44f7pdn4]{align-items:stretch;flex-direction:column}.attendance-hero__tabs[b-xm44f7pdn4]{align-self:stretch}.attendance-tab[b-xm44f7pdn4]{flex:1;justify-content:center}.attendance-stats[b-xm44f7pdn4]{grid-template-columns:repeat(3,minmax(0,1fr))}.attendance-actions-card[b-xm44f7pdn4]{align-items:stretch}.attendance-searches[b-xm44f7pdn4],.attendance-bulk-actions[b-xm44f7pdn4]{width:100%}.weekly-summary[b-xm44f7pdn4]{align-items:stretch;flex-direction:column}.weekly-summary__actions[b-xm44f7pdn4]{justify-content:space-between}}
@media(max-width:600px){.attendance-page[b-xm44f7pdn4]{gap:.75rem}.attendance-hero[b-xm44f7pdn4],.attendance-actions-card[b-xm44f7pdn4],.weekly-summary[b-xm44f7pdn4]{padding:.8rem}.attendance-stats[b-xm44f7pdn4]{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-stats article:last-child[b-xm44f7pdn4]{grid-column:1/-1}.attendance-bulk-actions select[b-xm44f7pdn4]{flex:1}.attendance-bulk-actions .btn-primary[b-xm44f7pdn4]{width:100%}.daily-sheet-shell[b-xm44f7pdn4]{overflow:visible;border:0;background:transparent;box-shadow:none}.daily-sheet-table[b-xm44f7pdn4],.daily-sheet-table tbody[b-xm44f7pdn4],.daily-sheet-table tr[b-xm44f7pdn4],.daily-sheet-table td[b-xm44f7pdn4]{display:block;width:100%;min-width:0}.daily-sheet-table thead[b-xm44f7pdn4]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.daily-sheet-table tr[b-xm44f7pdn4]{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:.75rem;padding:.8rem;border:1px solid var(--zj-outline-variant);border-radius:var(--zj-radius-lg);background:var(--zj-surface)}.daily-sheet-table td[b-xm44f7pdn4]{display:grid;gap:.25rem;padding:0;border:0}.daily-sheet-table td[b-xm44f7pdn4]::before{content: attr(data-label);color:var(--zj-on-surface-variant);font-size:.68rem;font-weight:800}.daily-sheet-table td:nth-child(2)[b-xm44f7pdn4],.daily-sheet-table td:last-child[b-xm44f7pdn4]{grid-column:1/-1}.compact-input[b-xm44f7pdn4]{width:100%;min-width:0}.weekly-employee>header[b-xm44f7pdn4]{flex-wrap:wrap}.weekly-employee>header .btn[b-xm44f7pdn4]{width:100%}.weekly-days[b-xm44f7pdn4]{grid-template-columns:repeat(7,9.5rem)}}

/* Full-width date-time controls keep the complete local day and time readable. */
@media (max-width: 600px) {
    .daily-sheet-table td[data-label="الدخول"][b-xm44f7pdn4],
    .daily-sheet-table td[data-label="الخروج"][b-xm44f7pdn4] {
        grid-column: 1 / -1;
    }
}
/* _content/Zajal.Shared/Pages/Admin/HumanResources/HumanResourcesAudit.razor.rz.scp.css */
.table-responsive[b-s4d3tco6iy]{max-width:100%;overflow-x:auto}
.table[b-s4d3tco6iy]{min-width:920px;table-layout:auto}
.table th[b-s4d3tco6iy],.table td[b-s4d3tco6iy]{padding:.9rem;vertical-align:top}
.table th:first-child[b-s4d3tco6iy],.table td:first-child[b-s4d3tco6iy]{white-space:nowrap}
.table th:nth-child(4)[b-s4d3tco6iy],.table td:nth-child(4)[b-s4d3tco6iy]{min-width:220px}
.table-responsive:focus-visible[b-s4d3tco6iy]{outline:3px solid var(--zj-primary);outline-offset:3px}
/* _content/Zajal.Shared/Pages/Admin/HumanResources/HumanResourcesEmployees.razor.rz.scp.css */
.employee-grid[b-m1yo2dsrz6]{max-width:100%;overflow-x:auto;min-width:0;border-radius:.75rem}
.employee-grid[b-m1yo2dsrz6]  .zj-table-container{min-width:840px}
.employee-grid[b-m1yo2dsrz6]  .zj-table-scroll{overflow:visible}
.employee-grid[b-m1yo2dsrz6]  td:nth-child(1),.employee-grid[b-m1yo2dsrz6]  td:nth-child(5){white-space:nowrap}
.employee-grid:focus-visible[b-m1yo2dsrz6]{outline:3px solid var(--zj-primary);outline-offset:2px}
/* _content/Zajal.Shared/Pages/Admin/HumanResources/HumanResourcesPayroll.razor.rz.scp.css */
.payroll-workspace[b-2wr9lczlbw] { display:grid; gap:1rem; }
.payroll-payment-proof[b-2wr9lczlbw] { display:grid; gap:.35rem; padding:1rem; border:1px solid var(--zj-outline-variant); border-radius:.8rem; }
.payroll-payment-proof span[b-2wr9lczlbw] { overflow-wrap:anywhere; }
.payroll-workspace__header[b-2wr9lczlbw] { display:flex; justify-content:space-between; align-items:center; gap:1rem; padding:1rem 0; }
.payroll-workspace__header > div > span[b-2wr9lczlbw] { color:var(--zj-primary); font-size:.75rem; font-weight:900; }
.payroll-workspace__header h1[b-2wr9lczlbw] { margin:.15rem 0; font-size:clamp(1.65rem,3vw,2.4rem); }
.payroll-workspace__header p[b-2wr9lczlbw] { max-width:56rem; margin:0; color:var(--zj-on-surface-variant); }
.payroll-workspace__header .btn[b-2wr9lczlbw] { display:inline-flex; align-items:center; gap:.4rem; }

.payroll-workspace__section-title[b-2wr9lczlbw] { display:flex; justify-content:space-between; align-items:center; gap:.8rem; }
.payroll-workspace__section-title > div[b-2wr9lczlbw] { display:flex; align-items:center; gap:.7rem; }
.payroll-workspace__section-title small[b-2wr9lczlbw] { display:grid; flex:0 0 2.2rem; width:2.2rem; height:2.2rem; place-items:center; border-radius:.7rem; background:color-mix(in srgb,var(--zj-primary) 13%,var(--zj-surface)); color:var(--zj-primary); font-size:.9rem; font-style:normal; font-weight:950; }
.payroll-workspace__section-title > div > span[b-2wr9lczlbw] { display:grid; gap:.12rem; }
.payroll-workspace__section-title strong[b-2wr9lczlbw] { color:var(--zj-on-surface); font-size:.95rem; }
.payroll-workspace__section-title em[b-2wr9lczlbw] { color:var(--zj-on-surface-variant); font-size:.72rem; font-style:normal; }

.payroll-workspace__metrics[b-2wr9lczlbw] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.7rem; }
.payroll-workspace__metrics article[b-2wr9lczlbw] { display:grid; grid-template-columns:1fr auto; gap:.15rem .5rem; padding:.85rem 1rem; border:1px solid var(--zj-outline-variant); border-radius:var(--zj-radius-xl); background:linear-gradient(135deg,var(--zj-surface),color-mix(in srgb,var(--zj-primary) 7%,var(--zj-surface))); }
.payroll-workspace__metrics span[b-2wr9lczlbw],.payroll-workspace__metrics small[b-2wr9lczlbw] { color:var(--zj-on-surface-variant); font-size:.7rem; }
.payroll-workspace__metrics strong[b-2wr9lczlbw] { grid-row:1/3; grid-column:2; align-self:center; color:var(--zj-primary); font-size:1.2rem; white-space:nowrap; }

.payroll-workspace__toolbar[b-2wr9lczlbw] { display:flex; justify-content:space-between; align-items:center; gap:1rem; margin-bottom:.9rem; }
.payroll-workspace__toolbar-actions[b-2wr9lczlbw] { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:.5rem; }
.payroll-workspace__table-wrap[b-2wr9lczlbw] { overflow:auto; border:1px solid var(--zj-outline-variant); border-radius:.9rem; scrollbar-gutter:stable; }
.payroll-workspace__table[b-2wr9lczlbw] { width:100%; min-width:72rem; border-collapse:separate; border-spacing:0; }
.payroll-workspace__table th[b-2wr9lczlbw] { position:sticky; top:0; z-index:1; padding:.65rem; border-bottom:1px solid var(--zj-outline-variant); background:color-mix(in srgb,var(--zj-surface) 92%,var(--zj-primary) 8%); color:var(--zj-on-surface-variant); font-size:.7rem; text-align:start; white-space:nowrap; }
.payroll-workspace__table td[b-2wr9lczlbw] { padding:.7rem .65rem; border-bottom:1px solid var(--zj-outline-variant); color:var(--zj-on-surface); font-size:.78rem; vertical-align:middle; }
.payroll-workspace__table tr:last-child td[b-2wr9lczlbw] { border-bottom:0; }
.payroll-workspace__table tbody tr:hover[b-2wr9lczlbw],.payroll-workspace__table tbody tr.is-selected[b-2wr9lczlbw] { background:color-mix(in srgb,var(--zj-primary) 6%,var(--zj-surface)); }
.payroll-workspace__table tr.has-warning[b-2wr9lczlbw] { background:color-mix(in srgb,var(--zj-warning,#f59e0b) 5%,var(--zj-surface)); }
.payroll-workspace__table td > strong[b-2wr9lczlbw],.payroll-workspace__table td > small[b-2wr9lczlbw] { display:block; }
.payroll-workspace__table td > small[b-2wr9lczlbw] { margin-top:.12rem; color:var(--zj-on-surface-variant); font-size:.68rem; }
.payroll-workspace__table input[type=checkbox][b-2wr9lczlbw] { width:1rem; height:1rem; accent-color:var(--zj-primary); }
.payroll-workspace__net[b-2wr9lczlbw] { color:var(--zj-primary) !important; font-weight:950; white-space:nowrap; }
.payroll-workspace__row-actions[b-2wr9lczlbw] { display:flex; align-items:center; gap:.35rem; white-space:nowrap; }
.payroll-workspace__row-actions .btn[b-2wr9lczlbw] { min-height:2.15rem; padding:.35rem .55rem; font-size:.7rem; }
.payroll-status[b-2wr9lczlbw] { display:inline-flex; align-items:center; width:max-content; padding:.28rem .55rem; border-radius:999px; background:var(--zj-surface-variant); color:var(--zj-on-surface-variant); font-size:.67rem; font-weight:850; white-space:nowrap; }
.payroll-status.is-ready[b-2wr9lczlbw],.payroll-status.is-approved[b-2wr9lczlbw],.payroll-status.is-paid[b-2wr9lczlbw] { background:color-mix(in srgb,var(--zj-success,#16a34a) 13%,var(--zj-surface)); color:var(--zj-success,#15803d); }
.payroll-status.is-pending[b-2wr9lczlbw] { background:color-mix(in srgb,var(--zj-warning,#f59e0b) 14%,var(--zj-surface)); color:var(--zj-warning,#a16207); }
.payroll-status.is-sent[b-2wr9lczlbw] { background:color-mix(in srgb,var(--zj-primary) 13%,var(--zj-surface)); color:var(--zj-primary); }
.payroll-warning[b-2wr9lczlbw] { display:flex; align-items:flex-start; gap:.3rem; max-width:15rem; color:var(--zj-warning,#a16207); font-size:.68rem; line-height:1.4; }
.payroll-warning .material-symbols-outlined[b-2wr9lczlbw] { flex:0 0 auto; font-size:1rem; }

.payroll-bulk-result[b-2wr9lczlbw] { overflow:hidden; border:1px solid color-mix(in srgb,var(--zj-primary) 25%,var(--zj-outline-variant)); border-radius:var(--zj-radius-xl); background:var(--zj-surface); }
.payroll-bulk-result header[b-2wr9lczlbw] { display:flex; justify-content:space-between; gap:1rem; padding:.75rem 1rem; background:color-mix(in srgb,var(--zj-primary) 8%,var(--zj-surface)); }
.payroll-bulk-result header span[b-2wr9lczlbw] { color:var(--zj-on-surface-variant); font-size:.75rem; }
.payroll-bulk-result > div[b-2wr9lczlbw] { display:grid; gap:.35rem; max-height:12rem; overflow:auto; padding:.65rem; }
.payroll-bulk-result article[b-2wr9lczlbw] { display:flex; justify-content:space-between; gap:.6rem; padding:.55rem .65rem; border-radius:.65rem; font-size:.74rem; }
.payroll-bulk-result article.is-skipped[b-2wr9lczlbw] { background:color-mix(in srgb,var(--zj-warning,#f59e0b) 8%,var(--zj-surface)); }
.payroll-bulk-result article.is-failed[b-2wr9lczlbw] { background:color-mix(in srgb,var(--zj-error,#dc2626) 8%,var(--zj-surface)); color:var(--zj-error,#b91c1c); }
.payroll-adjustments__locked[b-2wr9lczlbw] { margin:1rem 0 0; padding:.75rem; border-radius:.7rem; background:var(--zj-surface-variant); color:var(--zj-on-surface-variant); }
.payroll-individual[b-2wr9lczlbw] { padding:.8rem 1rem; border:1px dashed var(--zj-outline-variant); border-radius:var(--zj-radius-xl); background:var(--zj-surface); }
.payroll-individual summary[b-2wr9lczlbw] { color:var(--zj-on-surface-variant); font-size:.8rem; font-weight:850; cursor:pointer; }
.payroll-individual > div[b-2wr9lczlbw] { display:grid; gap:var(--zj-field-gap); margin-top:.75rem; }

@media (max-width:1050px){.payroll-workspace__metrics[b-2wr9lczlbw]{grid-template-columns:1fr 1fr}.payroll-workspace__toolbar[b-2wr9lczlbw]{align-items:stretch;flex-direction:column}.payroll-workspace__toolbar-actions[b-2wr9lczlbw]{justify-content:flex-start}}
@media (max-width:640px){.payroll-workspace__header[b-2wr9lczlbw]{align-items:stretch;flex-direction:column}.payroll-workspace__header .btn[b-2wr9lczlbw]{justify-content:center}.payroll-workspace__metrics[b-2wr9lczlbw],.payroll-individual>div[b-2wr9lczlbw]{grid-template-columns:1fr}.payroll-workspace__metrics strong[b-2wr9lczlbw]{font-size:1rem}.payroll-workspace__toolbar-actions[b-2wr9lczlbw]{display:grid;grid-template-columns:1fr 1fr}.payroll-workspace__toolbar-actions .btn:first-child[b-2wr9lczlbw]{grid-column:1/-1}.payroll-bulk-result header[b-2wr9lczlbw],.payroll-bulk-result article[b-2wr9lczlbw]{align-items:flex-start;flex-direction:column}.payroll-workspace__section-title[b-2wr9lczlbw]{align-items:flex-start}.payroll-workspace__section-title>div[b-2wr9lczlbw]{align-items:flex-start}}
/* _content/Zajal.Shared/Pages/Admin/HumanResources/HumanResourcesReports.razor.rz.scp.css */
.hr-report-table[b-owxuv7k6lb] { width: 100%; table-layout: fixed; }
.hr-report-table th[b-owxuv7k6lb], .hr-report-table td[b-owxuv7k6lb] { white-space: normal; overflow-wrap: anywhere; }
@media (max-width: 650px) {
    .hr-report-table[b-owxuv7k6lb], .hr-report-table tbody[b-owxuv7k6lb], .hr-report-table tr[b-owxuv7k6lb] { display: block; width: 100%; }
    .hr-report-table thead[b-owxuv7k6lb] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
    .hr-report-table tbody[b-owxuv7k6lb] { display: grid; gap: .8rem; }
    .hr-report-table tr[b-owxuv7k6lb] { border: 1px solid var(--zj-outline-variant); border-radius: var(--zj-radius-lg); padding: .5rem; }
    .hr-report-table td[b-owxuv7k6lb] { display: grid; grid-template-columns: 5rem minmax(0,1fr); gap: .5rem; text-align: right; padding: .6rem .3rem; }
    .hr-report-table td[b-owxuv7k6lb]::before { content: attr(data-label); font-weight: 800; color: var(--zj-on-surface-variant); }
}
/* _content/Zajal.Shared/Pages/Admin/Inventory/Bakery.razor.rz.scp.css */
.bakery[b-q8stdwy5ru]{display:grid;gap:1.2rem;min-width:0;color:var(--zj-on-surface);font-family:var(--zj-font-body,'Cairo',sans-serif)}
.bakery-links[b-q8stdwy5ru],.bakery-guide[b-q8stdwy5ru]{display:flex;flex-wrap:wrap;gap:.75rem;padding:1rem;border:1px solid var(--zj-outline-variant);border-radius:1rem;background:var(--zj-surface-container-low)}
.bakery-links a[b-q8stdwy5ru],.bakery-guide a[b-q8stdwy5ru]{color:var(--zj-on-surface);text-decoration:underline;text-underline-offset:.25em;padding:.5rem;overflow-wrap:anywhere}
.bakery-region[b-q8stdwy5ru]{min-width:0;border:1px solid var(--zj-outline-variant);border-inline-start:.3rem solid var(--zj-primary);border-radius:1rem;padding:clamp(.85rem,2vw,1.5rem);background:var(--zj-surface);scroll-margin-top:7rem}
.bakery-region h2[b-q8stdwy5ru]{margin:0 0 1rem;font-size:clamp(1.5rem,2vw,1.75rem);font-weight:800;padding:.8rem;border-radius:.7rem;background:repeating-linear-gradient(135deg,transparent 0 15px,color-mix(in srgb,var(--zj-primary) 4%,transparent) 15px 17px),color-mix(in srgb,var(--zj-primary) 9%,var(--zj-surface))}
.bakery fieldset[b-q8stdwy5ru]{min-width:0;border:1px solid var(--zj-outline-variant);border-radius:.8rem;padding:1rem;margin-block:1rem;background:var(--zj-surface-container-low)}
.bakery legend[b-q8stdwy5ru]{font-size:1.1rem;font-weight:750;padding-inline:.4rem}
.bakery-wide[b-q8stdwy5ru]{grid-column:1/-1}.bakery-input-row[b-q8stdwy5ru]{border-bottom:1px solid var(--zj-outline-variant);padding-block:1rem}
.bakery-history[b-q8stdwy5ru]{display:grid;gap:1rem}.bakery-production[b-q8stdwy5ru]{min-width:0;border:1px solid var(--zj-outline-variant);border-radius:.8rem;padding:1rem;background:var(--zj-surface-container-low)}
.bakery-production header[b-q8stdwy5ru]{display:flex;justify-content:space-between;align-items:start;gap:1rem;flex-wrap:wrap}.bakery-production h3[b-q8stdwy5ru]{font-size:1.15rem;font-weight:750;margin:0;overflow-wrap:anywhere}
.bakery dl[b-q8stdwy5ru]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.bakery dl>div[b-q8stdwy5ru]{padding:.75rem;border:1px solid var(--zj-outline-variant);border-radius:.7rem;background:var(--zj-surface)}.bakery dd[b-q8stdwy5ru]{margin:0;font-weight:750}.bakery dt[b-q8stdwy5ru]{color:var(--zj-on-surface-variant)}
.bakery details[b-q8stdwy5ru]{border:1px solid var(--zj-outline-variant);border-radius:.7rem;padding:.8rem}.bakery summary[b-q8stdwy5ru]{cursor:pointer;font-weight:750;padding:.4rem;min-height:44px}.bakery[b-q8stdwy5ru]  td{min-width:8rem;overflow-wrap:anywhere}.bakery[b-q8stdwy5ru]  .zj-table-scroll:focus-visible{outline:3px solid var(--zj-primary);outline-offset:-3px}
.bakery bdi[b-q8stdwy5ru]{font-variant-numeric:tabular-nums}.bakery p[b-q8stdwy5ru]{line-height:1.8;overflow-wrap:anywhere}.bakery-validation[b-q8stdwy5ru]{color:var(--zj-error);font-weight:700}.bakery-success[b-q8stdwy5ru]{padding:1rem;border:1px solid var(--zj-success);border-radius:.8rem;color:var(--zj-success)}.bakery-note[b-q8stdwy5ru]{color:var(--zj-on-surface-variant)}
.bakery-region--danger[b-q8stdwy5ru]{border-inline-start-color:var(--zj-error)}.bakery-region--danger h2[b-q8stdwy5ru]{background:color-mix(in srgb,var(--zj-error) 9%,var(--zj-surface))}
.bakery :focus-visible[b-q8stdwy5ru]{outline:3px solid var(--zj-primary);outline-offset:3px}

@media(max-width:600px){.bakery dl[b-q8stdwy5ru]{grid-template-columns:repeat(2,minmax(0,1fr))}.bakery-region[b-q8stdwy5ru]{scroll-margin-top:9rem}.bakery legend[b-q8stdwy5ru]{font-size:1rem}.bakery-input-row[b-q8stdwy5ru]  button{justify-self:start}}
/* _content/Zajal.Shared/Pages/Admin/Inventory/Branches.razor.rz.scp.css */
.inventory-locations[b-4g76ebdwi2] { display: grid; gap: 1.15rem; min-width: 0; grid-template-columns: minmax(0, 1fr); }
.inventory-locations > details[b-4g76ebdwi2] { min-width: 0; max-width: 100%; }
.inventory-locations__hero[b-4g76ebdwi2] { display: flex; justify-content: space-between; align-items: end; gap: 1rem; padding: 1.35rem; border-radius: var(--zj-radius-2xl); background: linear-gradient(135deg, color-mix(in srgb, var(--zj-primary) 14%, var(--zj-surface)), var(--zj-surface-container-low)); border: 1px solid var(--zj-outline-variant); }
.inventory-locations__eyebrow[b-4g76ebdwi2] { color: var(--zj-primary); font-size: .75rem; font-weight: 950; letter-spacing: .08em; }
.inventory-locations__hero h1[b-4g76ebdwi2] { margin: .25rem 0; color: var(--zj-on-surface); font-size: clamp(1.55rem, 3vw, 2.35rem); font-weight: 950; }
.inventory-locations__hero p[b-4g76ebdwi2], .inventory-locations__section-title p[b-4g76ebdwi2], .inventory-locations__card p[b-4g76ebdwi2], .inventory-locations__empty p[b-4g76ebdwi2] { margin: 0; color: var(--zj-on-surface-variant); }
.inventory-locations__metrics[b-4g76ebdwi2] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; }
.inventory-locations__metrics--without-stock[b-4g76ebdwi2] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.inventory-locations__metrics article[b-4g76ebdwi2] { display: grid; grid-template-columns: auto 1fr; gap: .1rem .65rem; align-items: center; padding: 1rem; border: 1px solid var(--zj-outline-variant); border-radius: var(--zj-radius-xl); background: var(--zj-surface-container-low); }
.inventory-locations__metrics .material-symbols-outlined[b-4g76ebdwi2] { grid-row: span 2; color: var(--zj-primary); font-size: 1.8rem; }
.inventory-locations__metrics strong[b-4g76ebdwi2] { color: var(--zj-on-surface); font-size: 1.35rem; font-weight: 950; }
.inventory-locations__metrics small[b-4g76ebdwi2] { color: var(--zj-on-surface-variant); }
.inventory-locations__layout[b-4g76ebdwi2] { display: grid; grid-template-columns: minmax(17rem, .72fr) minmax(0, 1.28fr); gap: 1rem; align-items: start; }
.inventory-locations__editor[b-4g76ebdwi2] { position: sticky; top: 1rem; }
.inventory-locations__editor .card-body[b-4g76ebdwi2], .inventory-locations__card .card-body[b-4g76ebdwi2] { display: grid; gap: 1rem; }
.inventory-locations__section-title[b-4g76ebdwi2], .inventory-locations__identity[b-4g76ebdwi2], .inventory-locations__card-head[b-4g76ebdwi2], .inventory-locations__warehouse-line[b-4g76ebdwi2], .inventory-locations__actions[b-4g76ebdwi2] { display: flex; align-items: center; gap: .7rem; }
.inventory-locations__section-title h2[b-4g76ebdwi2], .inventory-locations__card h2[b-4g76ebdwi2], .inventory-locations__empty h2[b-4g76ebdwi2] { margin: 0; color: var(--zj-on-surface); font-size: 1.05rem; font-weight: 950; }
.inventory-locations__section-title > .material-symbols-outlined[b-4g76ebdwi2], .inventory-locations__identity > .material-symbols-outlined[b-4g76ebdwi2] { width: 2.7rem; height: 2.7rem; display: grid; place-items: center; flex: 0 0 auto; border-radius: var(--zj-radius-lg); background: var(--zj-primary-container); color: var(--zj-primary); }
.inventory-locations__error[b-4g76ebdwi2] { color: var(--zj-error); font-size: .85rem; font-weight: 850; }
.inventory-locations__list[b-4g76ebdwi2] { display: grid; gap: .85rem; }
.inventory-locations__card-head[b-4g76ebdwi2] { justify-content: space-between; }
.inventory-locations__warehouse-line[b-4g76ebdwi2] { padding: .85rem; border-radius: var(--zj-radius-lg); background: var(--zj-surface-container); }
.inventory-locations__warehouse-line > .material-symbols-outlined[b-4g76ebdwi2] { color: var(--zj-primary); }
.inventory-locations__warehouse-line small[b-4g76ebdwi2], .inventory-locations__warehouse-line strong[b-4g76ebdwi2], .inventory-locations__warehouse-line em[b-4g76ebdwi2] { display: block; }
.inventory-locations__warehouse-line small[b-4g76ebdwi2], .inventory-locations__warehouse-line em[b-4g76ebdwi2] { color: var(--zj-on-surface-variant); font-size: .75rem; font-style: normal; }
.inventory-locations__warehouse-line strong[b-4g76ebdwi2] { color: var(--zj-on-surface); margin: .15rem 0; }
.inventory-locations__warehouse-line em[b-4g76ebdwi2] { color: var(--zj-primary); font-weight: 850; }
.inventory-locations__actions[b-4g76ebdwi2] { flex-wrap: wrap; }
.inventory-locations__loading[b-4g76ebdwi2], .inventory-locations__empty[b-4g76ebdwi2] { min-height: 12rem; display: grid; place-items: center; align-content: center; gap: .5rem; text-align: center; }
.inventory-locations__empty > .material-symbols-outlined[b-4g76ebdwi2] { color: var(--zj-primary); font-size: 2.4rem; }
@media (max-width: 920px) { .inventory-locations__layout[b-4g76ebdwi2] { grid-template-columns: 1fr; } .inventory-locations__editor[b-4g76ebdwi2] { position: static; } }
@media (max-width: 650px) { .inventory-locations__hero[b-4g76ebdwi2] { display: grid; align-items: start; } .inventory-locations__metrics[b-4g76ebdwi2] { grid-template-columns: 1fr; } }
/* _content/Zajal.Shared/Pages/Admin/Inventory/CategoriesAndUnits.razor.rz.scp.css */
.catalog-settings[b-mbqmponvqz] {
    display: grid;
    gap: 1.25rem;
    color: var(--zj-on-surface);
}

.catalog-settings__hero[b-mbqmponvqz] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.5rem;
}

.catalog-settings__eyebrow[b-mbqmponvqz],
.catalog-settings__section-kicker[b-mbqmponvqz] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    color: var(--zj-primary);
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .01em;
}

.catalog-settings__eyebrow .material-symbols-outlined[b-mbqmponvqz] {
    font-size: 1.05rem;
}

.catalog-settings__hero h1[b-mbqmponvqz] {
    margin: .3rem 0 .35rem;
    font-size: clamp(1.55rem, 2.4vw, 2rem);
    line-height: 1.25;
}

.catalog-settings__hero p[b-mbqmponvqz],
.catalog-settings__section-heading p[b-mbqmponvqz],
.catalog-settings__drawer-header p[b-mbqmponvqz] {
    margin: 0;
    color: var(--zj-on-surface-variant);
    line-height: 1.65;
}

.catalog-settings__hero-actions[b-mbqmponvqz],
.catalog-settings__card-actions[b-mbqmponvqz],
.catalog-settings__child-actions[b-mbqmponvqz],
.catalog-settings__unit-actions[b-mbqmponvqz],
.catalog-settings__drawer-footer[b-mbqmponvqz] {
    display: flex;
    align-items: center;
    gap: .55rem;
}

.catalog-settings__hero-actions .btn[b-mbqmponvqz],
.catalog-settings__section-heading .btn[b-mbqmponvqz] {
    white-space: nowrap;
}

.catalog-settings__workspace[b-mbqmponvqz] {
    display: grid;
    gap: 1.25rem;
}

.catalog-settings__summary[b-mbqmponvqz] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
}

.catalog-settings__metric[b-mbqmponvqz] {
    display: flex;
    align-items: center;
    gap: .75rem;
    min-width: 0;
    padding: .8rem 1rem;
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-lg);
    background: color-mix(in srgb, var(--zj-surface-container-lowest) 92%, var(--zj-primary) 8%);
}

.catalog-settings__metric-icon[b-mbqmponvqz] {
    display: grid;
    width: 2.3rem;
    height: 2.3rem;
    flex: 0 0 auto;
    place-items: center;
    border-radius: .7rem;
    background: rgba(var(--zj-primary-rgb), .1);
    color: var(--zj-primary);
    font-size: 1.25rem;
}

.catalog-settings__metric div[b-mbqmponvqz] {
    display: grid;
    gap: .05rem;
}

.catalog-settings__metric strong[b-mbqmponvqz] {
    font-size: 1.15rem;
    line-height: 1.1;
}

.catalog-settings__metric span:last-child[b-mbqmponvqz] {
    overflow: hidden;
    color: var(--zj-on-surface-variant);
    font-size: .76rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.catalog-settings__toolbar[b-mbqmponvqz] {
    display: grid;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .7rem;
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-xl);
    background: var(--zj-surface-container-lowest);
    box-shadow: var(--zj-shadow-sm);
}

.catalog-settings__toolbar-hint[b-mbqmponvqz] {
    color: var(--zj-on-surface-variant);
    font-size: .8rem;
}

.catalog-settings__roots-panel[b-mbqmponvqz] {
    display: grid;
    gap: .7rem;
    padding: .8rem;
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-xl);
    background: var(--zj-surface-container-lowest);
    box-shadow: var(--zj-shadow-sm);
}

.catalog-settings__roots-heading[b-mbqmponvqz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding-inline: .15rem;
}

.catalog-settings__roots-heading > div[b-mbqmponvqz] {
    display: grid;
    gap: .1rem;
}

.catalog-settings__roots-heading h2[b-mbqmponvqz] {
    margin: 0;
    font-size: .98rem;
}

.catalog-settings__roots-heading span[b-mbqmponvqz] {
    color: var(--zj-on-surface-variant);
    font-size: .72rem;
}

.catalog-settings__roots-heading > strong[b-mbqmponvqz] {
    display: grid;
    min-width: 2.2rem;
    height: 2.2rem;
    place-items: center;
    border-radius: .65rem;
    background: rgba(var(--zj-primary-rgb), .1);
    color: var(--zj-primary);
    font-size: .85rem;
}

.catalog-settings__roots-scroll[b-mbqmponvqz] {
    max-height: calc((9rem * 2) + .65rem);
    overflow-y: auto;
    padding-inline-end: .25rem;
    outline: none;
    scrollbar-gutter: stable;
    overscroll-behavior: contain;
}

.catalog-settings__roots-scroll:focus-visible[b-mbqmponvqz] {
    border-radius: var(--zj-radius-lg);
    box-shadow: 0 0 0 3px rgba(var(--zj-primary-rgb), .14);
}

.catalog-settings__root-grid[b-mbqmponvqz] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-auto-rows: 9rem;
    gap: .65rem;
}

.catalog-settings__root-card[b-mbqmponvqz] {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    min-width: 0;
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-lg);
    background: var(--zj-surface-container-lowest);
    transition: border-color var(--zj-transition-fast), background var(--zj-transition-fast);
}

.catalog-settings__root-card:hover[b-mbqmponvqz] {
    border-color: rgba(var(--zj-primary-rgb), .42);
}

.catalog-settings__root-card.is-selected[b-mbqmponvqz] {
    border-color: var(--zj-primary);
    background:
        linear-gradient(135deg, rgba(var(--zj-primary-rgb), .1), transparent 55%),
        var(--zj-surface-container-lowest);
    box-shadow: 0 0 0 2px rgba(var(--zj-primary-rgb), .08);
}

.catalog-settings__root-card.is-selected[b-mbqmponvqz]::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 3px;
    background: var(--zj-primary);
}

.catalog-settings__root-select[b-mbqmponvqz] {
    display: grid;
    width: 100%;
    min-height: 0;
    gap: .35rem;
    padding: .6rem .65rem .45rem;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: start;
    cursor: pointer;
}

.catalog-settings__root-heading[b-mbqmponvqz],
.catalog-settings__root-numbers[b-mbqmponvqz],
.catalog-settings__root-open[b-mbqmponvqz] {
    display: flex;
    align-items: center;
}

.catalog-settings__root-heading[b-mbqmponvqz] {
    justify-content: space-between;
    gap: .5rem;
}

.catalog-settings__root-identity[b-mbqmponvqz] {
    display: flex;
    align-items: center;
    gap: .5rem;
    min-width: 0;
}

.catalog-settings__category-icon[b-mbqmponvqz] {
    display: grid;
    width: 2.1rem;
    height: 2.1rem;
    place-items: center;
    border: 1px solid var(--zj-outline-variant);
    border-radius: .6rem;
    background: var(--zj-surface-container-low);
    color: var(--zj-primary);
    font-size: 1.15rem;
}

.catalog-settings__root-title[b-mbqmponvqz] {
    overflow: hidden;
    font-size: .9rem;
    font-weight: 900;
    line-height: 1.45;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.catalog-settings__root-numbers[b-mbqmponvqz] {
    gap: .35rem;
    flex-wrap: wrap;
}

.catalog-settings__root-numbers > span[b-mbqmponvqz] {
    padding: .2rem .4rem;
    border: 1px solid var(--zj-outline-variant);
    border-radius: .55rem;
    background: var(--zj-surface-container-low);
    color: var(--zj-on-surface-variant);
    font-size: .68rem;
}

.catalog-settings__root-numbers strong[b-mbqmponvqz] {
    color: var(--zj-on-surface);
    font-size: .78rem;
}

.catalog-settings__root-open[b-mbqmponvqz] {
    align-self: end;
    gap: .2rem;
    color: var(--zj-primary);
    font-size: .68rem;
    font-weight: 800;
}

.catalog-settings__root-open .material-symbols-outlined[b-mbqmponvqz] {
    font-size: 1.05rem;
}

.catalog-settings__card-actions[b-mbqmponvqz] {
    justify-content: flex-end;
    padding: .3rem .45rem;
    border-top: 1px solid var(--zj-outline-variant);
}

.catalog-settings__card-actions .btn[b-mbqmponvqz],
.catalog-settings__child-actions .btn[b-mbqmponvqz],
.catalog-settings__unit-actions .btn[b-mbqmponvqz] {
    min-height: 1.9rem;
    padding: .25rem .45rem;
}

.catalog-settings__card-actions .material-symbols-outlined[b-mbqmponvqz],
.catalog-settings__child-actions .material-symbols-outlined[b-mbqmponvqz] {
    font-size: 1rem;
}

.catalog-settings__add-child[b-mbqmponvqz] {
    margin-inline-end: auto;
    font-size: .68rem;
}

.catalog-settings__danger-action[b-mbqmponvqz] {
    color: var(--zj-error) !important;
}

.catalog-settings__status[b-mbqmponvqz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 3.15rem;
    padding: .2rem .45rem;
    border-radius: 999px;
    font-size: .66rem;
    font-weight: 900;
    line-height: 1.2;
    white-space: nowrap;
}

.catalog-settings__status.is-active[b-mbqmponvqz] {
    background: var(--zj-success-container);
    color: var(--zj-success);
}

.catalog-settings__status.is-inactive[b-mbqmponvqz] {
    background: color-mix(in srgb, var(--zj-error) 12%, transparent);
    color: var(--zj-error);
}

.catalog-settings__children[b-mbqmponvqz] {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: .75rem;
    padding: .85rem;
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-xl);
    background: var(--zj-surface-container-lowest);
    box-shadow: var(--zj-shadow-sm);
}

.catalog-settings__children[b-mbqmponvqz]::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 3px;
    background: linear-gradient(90deg, transparent, var(--zj-primary), transparent);
}

.catalog-settings__section-heading[b-mbqmponvqz] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.catalog-settings__section-heading h2[b-mbqmponvqz] {
    margin: .1rem 0;
    font-size: 1.05rem;
}

.catalog-settings__children-grid[b-mbqmponvqz],
.catalog-settings__units-grid[b-mbqmponvqz] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
}

.catalog-settings__child-card[b-mbqmponvqz] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: .4rem;
    min-height: 3.35rem;
    padding: .5rem .55rem;
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-lg);
    background: var(--zj-surface-container-low);
    transition: border-color var(--zj-transition-fast), background var(--zj-transition-fast);
}

.catalog-settings__child-card:hover[b-mbqmponvqz],
.catalog-settings__child-card:focus-within[b-mbqmponvqz] {
    border-color: rgba(var(--zj-primary-rgb), .4);
    background: var(--zj-surface-container-lowest);
}

.catalog-settings__child-main[b-mbqmponvqz] {
    display: flex;
    align-items: center;
    gap: .65rem;
    min-width: 0;
}

.catalog-settings__child-main h3[b-mbqmponvqz] {
    overflow: hidden;
    margin: 0;
    font-size: .8rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.catalog-settings__child-main span[b-mbqmponvqz],
.catalog-settings__unit-copy p[b-mbqmponvqz] {
    color: var(--zj-on-surface-variant);
    font-size: .67rem;
}

.catalog-settings__child-actions[b-mbqmponvqz] {
    gap: .1rem;
    justify-content: flex-end;
}

.catalog-settings__units-grid[b-mbqmponvqz] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.catalog-settings__unit-card[b-mbqmponvqz] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .85rem;
    min-width: 0;
    padding: 1rem;
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-xl);
    background: var(--zj-surface-container-lowest);
    box-shadow: var(--zj-shadow-sm);
}

.catalog-settings__unit-icon[b-mbqmponvqz] {
    display: grid;
    width: 2.8rem;
    height: 2.8rem;
    place-items: center;
    border-radius: .85rem;
    background: rgba(var(--zj-primary-rgb), .1);
    color: var(--zj-primary);
}

.catalog-settings__unit-copy[b-mbqmponvqz] {
    min-width: 0;
}

.catalog-settings__unit-copy > div[b-mbqmponvqz] {
    display: flex;
    align-items: baseline;
    gap: .45rem;
    min-width: 0;
}

.catalog-settings__unit-copy h2[b-mbqmponvqz] {
    overflow: hidden;
    margin: 0;
    font-size: .95rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.catalog-settings__unit-copy p[b-mbqmponvqz] {
    margin: .2rem 0 0;
}

.catalog-settings__unit-symbol[b-mbqmponvqz] {
    padding: .12rem .38rem;
    border-radius: .35rem;
    background: var(--zj-surface-container-high);
    color: var(--zj-primary);
    font-size: .72rem;
    font-weight: 900;
}

.catalog-settings__unit-actions[b-mbqmponvqz] {
    grid-column: 1 / -1;
    justify-content: flex-end;
    padding-top: .6rem;
    border-top: 1px solid var(--zj-outline-variant);
}

.catalog-settings__empty[b-mbqmponvqz],
.catalog-settings__state[b-mbqmponvqz] {
    display: grid;
    min-height: 16rem;
    place-items: center;
    align-content: center;
    gap: .55rem;
    padding: 2rem;
    border: 1px dashed var(--zj-outline-variant);
    border-radius: var(--zj-radius-xl);
    background: var(--zj-surface-container-low);
    text-align: center;
}

.catalog-settings__empty > .material-symbols-outlined[b-mbqmponvqz] {
    display: grid;
    width: 3.4rem;
    height: 3.4rem;
    place-items: center;
    border-radius: 999px;
    background: rgba(var(--zj-primary-rgb), .1);
    color: var(--zj-primary);
    font-size: 1.7rem;
}

.catalog-settings__empty h2[b-mbqmponvqz] {
    margin: .25rem 0 0;
    font-size: 1.05rem;
}

.catalog-settings__empty p[b-mbqmponvqz],
.catalog-settings__state p[b-mbqmponvqz] {
    margin: 0 0 .4rem;
    color: var(--zj-on-surface-variant);
    font-size: .84rem;
}

.catalog-settings__inline-empty[b-mbqmponvqz] {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: 1rem;
    border: 1px dashed var(--zj-outline-variant);
    border-radius: var(--zj-radius-lg);
    background: var(--zj-surface-container-low);
}

.catalog-settings__inline-empty > .material-symbols-outlined[b-mbqmponvqz] {
    color: var(--zj-primary);
}

.catalog-settings__inline-empty div[b-mbqmponvqz] {
    display: grid;
    gap: .1rem;
}

.catalog-settings__inline-empty span:last-child[b-mbqmponvqz] {
    color: var(--zj-on-surface-variant);
    font-size: .78rem;
}

.catalog-settings__drawer-backdrop[b-mbqmponvqz] {
    position: fixed;
    z-index: 9000;
    inset: 0;
    background: rgba(29, 27, 23, .42);
    backdrop-filter: blur(4px);
    animation: catalog-fade-in-b-mbqmponvqz .18s ease both;
}

.catalog-settings__drawer[b-mbqmponvqz] {
    position: fixed;
    z-index: 9001;
    top: 0;
    bottom: 0;
    left: 0;
    width: min(29rem, calc(100vw - 1rem));
    overflow: hidden;
    border-right: 1px solid var(--zj-outline-variant);
    background: var(--zj-surface-container-lowest);
    box-shadow: 1.5rem 0 4rem rgba(29, 27, 23, .2);
    animation: catalog-drawer-in-b-mbqmponvqz .24s ease both;
}

.catalog-settings__drawer-form[b-mbqmponvqz] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    height: 100%;
}

.catalog-settings__drawer-header[b-mbqmponvqz],
.catalog-settings__drawer-footer[b-mbqmponvqz] {
    padding: 1.15rem 1.25rem;
    background: var(--zj-surface-container-lowest);
}

.catalog-settings__drawer-header[b-mbqmponvqz] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    border-bottom: 1px solid var(--zj-outline-variant);
}

.catalog-settings__drawer-header h2[b-mbqmponvqz] {
    margin: .25rem 0;
    font-size: 1.3rem;
}

.catalog-settings__drawer-header p[b-mbqmponvqz] {
    font-size: .8rem;
}

.catalog-settings__close[b-mbqmponvqz] {
    width: 2.5rem;
    min-width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    border-radius: 999px;
}

.catalog-settings__drawer-body[b-mbqmponvqz] {
    display: grid;
    align-content: start;
    overflow-y: auto;
    padding: 1.25rem;
}

.catalog-settings__drawer-footer[b-mbqmponvqz] {
    justify-content: flex-start;
    border-top: 1px solid var(--zj-outline-variant);
    box-shadow: 0 -.75rem 1.5rem rgba(29, 27, 23, .04);
}

.catalog-settings__switch-row[b-mbqmponvqz] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .9rem;
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-lg);
    background: var(--zj-surface-container-low);
    cursor: pointer;
}

.catalog-settings__switch-row > span:first-child[b-mbqmponvqz] {
    display: grid;
    gap: .1rem;
}

.catalog-settings__switch-row strong[b-mbqmponvqz] {
    font-size: .82rem;
}

.catalog-settings__switch-row small[b-mbqmponvqz] {
    color: var(--zj-on-surface-variant);
    font-size: .7rem;
    line-height: 1.5;
}

.catalog-settings__spin[b-mbqmponvqz] {
    animation: catalog-spin-b-mbqmponvqz .8s linear infinite;
}

@keyframes catalog-fade-in-b-mbqmponvqz {
    from { opacity: 0; }
}

@keyframes catalog-drawer-in-b-mbqmponvqz {
    from { transform: translateX(-100%); }
    to { transform: translateX(0); }
}

@keyframes catalog-spin-b-mbqmponvqz {
    to { transform: rotate(360deg); }
}

@media (max-width: 1100px) {
    .catalog-settings__root-grid[b-mbqmponvqz],
    .catalog-settings__units-grid[b-mbqmponvqz] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .catalog-settings__children-grid[b-mbqmponvqz] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .catalog-settings__hero[b-mbqmponvqz],
    .catalog-settings__section-heading[b-mbqmponvqz],
    .catalog-settings__toolbar[b-mbqmponvqz] {
        align-items: stretch;
        flex-direction: column;
    }

    .catalog-settings__hero-actions[b-mbqmponvqz] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .catalog-settings__hero-actions .btn[b-mbqmponvqz] {
        justify-content: center;
    }

    .catalog-settings__summary[b-mbqmponvqz] {
        grid-template-columns: 1fr;
    }

    .catalog-settings__root-grid[b-mbqmponvqz],
    .catalog-settings__units-grid[b-mbqmponvqz] {
        grid-template-columns: 1fr;
    }

    .catalog-settings__roots-scroll[b-mbqmponvqz] {
        max-height: min(27rem, 60dvh);
    }

    .catalog-settings__root-grid[b-mbqmponvqz] {
        grid-auto-rows: auto;
    }

    .catalog-settings__root-card[b-mbqmponvqz] {
        min-height: 9rem;
    }
}

@media (max-width: 520px) {
    .catalog-settings__hero-actions[b-mbqmponvqz],
    .catalog-settings__children-grid[b-mbqmponvqz] {
        grid-template-columns: 1fr;
    }

    .catalog-settings__unit-card[b-mbqmponvqz] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .catalog-settings__unit-card > .catalog-settings__status[b-mbqmponvqz] {
        grid-column: 1 / -1;
        justify-self: start;
    }

    .catalog-settings__drawer-footer .btn[b-mbqmponvqz] {
        flex: 1;
        justify-content: center;
    }
}

@media (prefers-reduced-motion: reduce) {
    .catalog-settings *[b-mbqmponvqz],
    .catalog-settings__drawer[b-mbqmponvqz],
    .catalog-settings__drawer-backdrop[b-mbqmponvqz] {
        scroll-behavior: auto !important;
        animation-duration: .01ms !important;
        transition-duration: .01ms !important;
    }
}

.catalog-settings__read-only[b-mbqmponvqz] {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin-bottom: 1rem;
    padding: .85rem 1rem;
    border: 1px solid rgba(var(--zj-warning-rgb), .28);
    border-radius: var(--zj-radius-lg);
    background: rgba(var(--zj-warning-rgb), .08);
    color: var(--zj-on-surface);
}

.catalog-settings__read-only > span[b-mbqmponvqz] {
    color: var(--zj-warning);
}

.catalog-settings__read-only div[b-mbqmponvqz] {
    display: grid;
    gap: .15rem;
}

.catalog-settings__read-only div > span[b-mbqmponvqz] {
    color: var(--zj-on-surface-variant);
    font-size: .84rem;
}

.catalog-settings__unit-relation[b-mbqmponvqz] {
    display: block;
    margin-top: .3rem;
    color: var(--zj-primary);
    font-weight: 700;
}

/* ==========================================================================
   Category Cards & Dedicated Independent Units Card (2-Cards Per Row)
   ========================================================================== */
.catalog-settings__cat-cards-grid[b-mbqmponvqz] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
    align-items: start;
}

@media (max-width: 991px) {
    .catalog-settings__cat-cards-grid[b-mbqmponvqz] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
}

.catalog-settings__cat-card[b-mbqmponvqz] {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-lg, 0.85rem);
    background: var(--zj-surface-container-lowest);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
    overflow: hidden;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.catalog-settings__cat-card:hover[b-mbqmponvqz] {
    border-color: rgba(var(--zj-primary-rgb), 0.4);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.07);
}

.catalog-settings__cat-card--special[b-mbqmponvqz] {
    border: 1px solid rgba(245, 158, 11, 0.45);
    box-shadow: 0 2px 8px rgba(245, 158, 11, 0.05);
}

.catalog-settings__cat-card--special:hover[b-mbqmponvqz] {
    border-color: #f59e0b;
    box-shadow: 0 6px 18px rgba(245, 158, 11, 0.12);
}

.catalog-settings__cat-header[b-mbqmponvqz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.8rem 1rem;
    background: var(--zj-surface-container-low);
    border-bottom: 1px solid var(--zj-outline-variant);
}

.catalog-settings__cat-card--special .catalog-settings__cat-header[b-mbqmponvqz] {
    background: color-mix(in srgb, var(--zj-surface-container-low) 92%, #f59e0b 8%);
    border-bottom-color: rgba(245, 158, 11, 0.25);
}

.catalog-settings__cat-title-wrap[b-mbqmponvqz] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-width: 0;
}

.catalog-settings__cat-icon[b-mbqmponvqz] {
    display: grid;
    place-items: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 0.55rem;
    background: rgba(var(--zj-primary-rgb), 0.12);
    color: var(--zj-primary);
    font-size: 1.25rem;
    flex-shrink: 0;
}

.catalog-settings__cat-card--special .catalog-settings__cat-icon[b-mbqmponvqz] {
    background: rgba(245, 158, 11, 0.18);
    color: #d97706;
}

.catalog-settings__cat-heading-text[b-mbqmponvqz] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
}

.catalog-settings__cat-name-row[b-mbqmponvqz] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex-wrap: wrap;
}

.catalog-settings__cat-title[b-mbqmponvqz] {
    margin: 0;
    font-size: 1rem;
    font-weight: 800;
    color: var(--zj-on-surface);
    line-height: 1.25;
}

.catalog-settings__cat-count-pill[b-mbqmponvqz] {
    font-size: 0.72rem;
    color: var(--zj-on-surface-variant);
    font-weight: 600;
}

.catalog-settings__cat-actions[b-mbqmponvqz] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    flex-shrink: 0;
}

.catalog-settings__btn-add-unit[b-mbqmponvqz] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem 0.55rem;
    font-size: 0.76rem;
    font-weight: 700;
    border-radius: 0.45rem;
    white-space: nowrap;
}

.catalog-settings__btn-add-unit .material-symbols-outlined[b-mbqmponvqz] {
    font-size: 1.05rem;
}

.catalog-settings__cat-desc[b-mbqmponvqz] {
    margin: 0;
    padding: 0.45rem 1rem;
    background: var(--zj-surface-container-lowest);
    border-bottom: 1px dashed var(--zj-outline-variant);
    color: var(--zj-on-surface-variant);
    font-size: 0.78rem;
    line-height: 1.4;
}

.catalog-settings__cat-units-list[b-mbqmponvqz] {
    display: flex;
    flex-direction: column;
}

.catalog-settings__cat-empty[b-mbqmponvqz] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    padding: 1.25rem 1rem;
    text-align: center;
    color: var(--zj-on-surface-variant);
    font-size: 0.82rem;
}

.catalog-settings__cat-empty .material-symbols-outlined[b-mbqmponvqz] {
    font-size: 1.15rem;
    opacity: 0.6;
}

.catalog-settings__cat-unit-row[b-mbqmponvqz] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 0.65rem;
    padding: 0.55rem 0.85rem;
    border-bottom: 1px solid var(--zj-outline-variant);
    background: var(--zj-surface-container-lowest);
    transition: background 0.15s ease;
}

.catalog-settings__cat-unit-row:last-child[b-mbqmponvqz] {
    border-bottom: none;
}

.catalog-settings__cat-unit-row:hover[b-mbqmponvqz] {
    background: color-mix(in srgb, var(--zj-surface-container-lowest) 95%, var(--zj-primary) 5%);
}

.catalog-settings__cat-unit-step[b-mbqmponvqz] {
    flex-shrink: 0;
}

.catalog-settings__cat-unit-step .badge[b-mbqmponvqz] {
    font-size: 0.7rem;
    padding: 0.2rem 0.45rem;
    font-weight: 700;
    border-radius: 999px;
}

.catalog-settings__cat-unit-info[b-mbqmponvqz] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    min-width: 0;
}

.catalog-settings__cat-unit-name[b-mbqmponvqz] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    min-width: 0;
}

.catalog-settings__cat-unit-name strong[b-mbqmponvqz] {
    font-size: 0.9rem;
    font-weight: 800;
    color: var(--zj-on-surface);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.catalog-settings__unit-symbol[b-mbqmponvqz] {
    display: inline-flex;
    align-items: center;
    padding: 0.08rem 0.38rem;
    border-radius: 0.3rem;
    background: var(--zj-surface-container-high);
    border: 1px solid var(--zj-outline-variant);
    font-size: 0.72rem;
    font-weight: 800;
    color: var(--zj-primary);
    line-height: 1.2;
    flex-shrink: 0;
}

.catalog-settings__cat-unit-meta[b-mbqmponvqz] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.76rem;
    color: var(--zj-on-surface-variant);
    flex-wrap: wrap;
    line-height: 1.3;
}

.catalog-settings__unit-relation[b-mbqmponvqz] {
    font-weight: 600;
    color: var(--zj-on-surface);
}

.catalog-settings__cat-card--special .catalog-settings__unit-relation[b-mbqmponvqz] {
    color: var(--zj-on-surface-variant);
    font-weight: 500;
}

.catalog-settings__unit-usage[b-mbqmponvqz] {
    font-size: 0.7rem;
    color: var(--zj-on-surface-variant);
    opacity: 0.85;
}

.catalog-settings__unit-actions[b-mbqmponvqz] {
    display: flex;
    align-items: center;
    gap: 0.15rem;
    flex-shrink: 0;
}

.catalog-settings__unit-actions .btn[b-mbqmponvqz] {
    width: 1.85rem;
    height: 1.85rem;
    min-height: 1.85rem;
    padding: 0;
    display: grid;
    place-items: center;
    border-radius: 0.4rem;
}

.catalog-settings__unit-actions .material-symbols-outlined[b-mbqmponvqz] {
    font-size: 1.05rem;
}

@media (max-width: 580px) {
    .catalog-settings__cat-unit-row[b-mbqmponvqz] {
        grid-template-columns: auto minmax(0, 1fr);
        gap: 0.5rem;
    }

    .catalog-settings__cat-unit-row > .catalog-settings__status[b-mbqmponvqz] {
        grid-column: 1 / -1;
    }

    .catalog-settings__cat-unit-row > .catalog-settings__unit-actions[b-mbqmponvqz] {
        grid-column: 1 / -1;
        justify-content: flex-end;
        border-top: 1px dashed var(--zj-outline-variant);
        padding-top: 0.35rem;
        margin-top: 0.15rem;
    }
}
/* _content/Zajal.Shared/Pages/Admin/Inventory/GoodsReceipt.razor.rz.scp.css */
.goods-receipt[b-p4x1kil0nh] { display:grid; gap:1.25rem; }
.goods-receipt__summary-bar[b-p4x1kil0nh] { display:flex; gap:1rem; flex-wrap:wrap; padding:.85rem 1.1rem; border-radius:var(--zj-radius-lg); background:var(--zj-surface-container-low); border:1px solid var(--zj-outline-variant); }
.goods-receipt__summary-stat[b-p4x1kil0nh] { display:flex; align-items:center; gap:.65rem; }
.goods-receipt__summary-stat .material-symbols-outlined[b-p4x1kil0nh] { font-size:1.5rem; color:var(--zj-primary); }
.goods-receipt__summary-stat span[b-p4x1kil0nh] { display:block; font-size:.72rem; color:var(--zj-on-surface-variant); font-weight:700; }
.goods-receipt__summary-stat strong[b-p4x1kil0nh] { font-size:.95rem; font-weight:900; color:var(--zj-on-surface); }
.goods-receipt__line-progress[b-p4x1kil0nh] { display:block; height:.35rem; border-radius:9999px; background:var(--zj-surface-container-high); overflow:hidden; margin-top:.25rem; width:100%; max-width:12rem; }
.goods-receipt__line-progress-fill[b-p4x1kil0nh] { display:block; height:100%; background:var(--zj-primary); border-radius:9999px; transition:width .25s ease; }
.goods-receipt__lines[b-p4x1kil0nh] { display:grid; gap:.55rem; overflow-x:auto; }
.goods-receipt__line[b-p4x1kil0nh] { min-width:0; padding:.7rem; border:1px solid var(--zj-outline-variant); border-radius:.85rem; background:color-mix(in srgb,var(--zj-surface) 94%,var(--zj-primary)); }
.goods-receipt__line strong[b-p4x1kil0nh] { display:grid; gap:.15rem; }
.goods-receipt__line strong small[b-p4x1kil0nh] { color:var(--zj-on-surface-variant); font-weight:600; }
.goods-receipt__actions[b-p4x1kil0nh] { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding-top:.25rem; }
.goods-receipt__actions span[b-p4x1kil0nh] { color:var(--zj-on-surface-variant); }

@media (max-width:1024px) {
    .goods-receipt__lines[b-p4x1kil0nh] { overflow:visible; }
    .goods-receipt__line[b-p4x1kil0nh] { min-width:0; padding:1rem; gap:.8rem; box-shadow:var(--zj-shadow-1); }
    .goods-receipt__actions[b-p4x1kil0nh] { align-items:stretch; flex-direction:column; }
    .goods-receipt__actions .btn[b-p4x1kil0nh] { width:100%; position:sticky; bottom:.75rem; z-index:2; box-shadow:var(--zj-shadow-2); }
}
/* _content/Zajal.Shared/Pages/Admin/Inventory/InventoryAlerts.razor.rz.scp.css */
.inventory-alerts[b-plnrrbgq8e] {
    display: grid;
    gap: 1rem;
}

.inventory-alerts__panel[b-plnrrbgq8e] {
    display: grid;
    gap: 1rem;
}

.inventory-alerts__toolbar[b-plnrrbgq8e] {
    padding: .75rem;
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-xl);
    background: var(--zj-surface-container-low);
}



.inventory-alerts__toggle[b-plnrrbgq8e] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    font-weight: 850;
    color: var(--zj-on-surface);
}

.inventory-alerts__grid[b-plnrrbgq8e] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .85rem;
}

.inventory-alerts__item[b-plnrrbgq8e] {
    width: 100%;
    text-align: start;
    border: 1px solid var(--zj-outline-variant);
    background: linear-gradient(135deg, var(--zj-surface), var(--zj-surface-container-low));
    border-radius: var(--zj-radius-xl);
    padding: 1rem;
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: .8rem;
    align-items: start;
    color: var(--zj-on-surface);
    box-shadow: var(--zj-shadow-1);
    transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.inventory-alerts__item:hover[b-plnrrbgq8e] {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, var(--zj-primary) 45%, var(--zj-outline-variant));
    box-shadow: var(--zj-shadow-2);
}

.inventory-alerts__icon[b-plnrrbgq8e] {
    width: 2.6rem;
    height: 2.6rem;
    display: grid;
    place-items: center;
    border-radius: .9rem;
    background: color-mix(in srgb, var(--zj-primary) 12%, var(--zj-surface));
    color: var(--zj-primary);
}

.inventory-alerts__content[b-plnrrbgq8e] {
    display: grid;
    gap: .2rem;
}

.inventory-alerts__content strong[b-plnrrbgq8e] {
    font-size: 1rem;
}

.inventory-alerts__content small[b-plnrrbgq8e],
.inventory-alerts__loading[b-plnrrbgq8e] {
    color: var(--zj-on-surface-variant);
}

.inventory-alerts__loading[b-plnrrbgq8e] {
    margin: 0;
    font-weight: 800;
}

@media (max-width: 850px) {
    .inventory-alerts__grid[b-plnrrbgq8e] {
        grid-template-columns: 1fr;
    }




}
/* _content/Zajal.Shared/Pages/Admin/Inventory/InventoryCenter.razor.rz.scp.css */
.inventory-center[b-uo84eza9sn] { display:grid;gap:1rem;min-width:0;font-family:var(--zj-font-family, 'Cairo',sans-serif); }
.inventory-center > div[b-uo84eza9sn], .inventory-center section[b-uo84eza9sn] { min-width:0; }
/* _content/Zajal.Shared/Pages/Admin/Inventory/InventoryCommandCenter.razor.rz.scp.css */
.inventory-command[b-46dwshly67] {
    display: grid;
    gap: 1rem;
}

.inventory-command__toolbar[b-46dwshly67] {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 1rem;
    flex-wrap: wrap;
}

.inventory-command__toolbar h2[b-46dwshly67],
.inventory-command__panel h3[b-46dwshly67],
.inventory-command__panel h4[b-46dwshly67] {
    margin: 0;
}

.inventory-command__toolbar p[b-46dwshly67],
.inventory-command__panel p[b-46dwshly67],
.inventory-command__panel-head span[b-46dwshly67],
.inventory-command__panel-head a[b-46dwshly67] {
    margin: .25rem 0 0;
    color: var(--zj-on-surface-variant);
}

.inventory-command__filters[b-46dwshly67] {
    display: flex;
    align-items: center;
    gap: .65rem;
    flex-wrap: wrap;
}

.inventory-command__segments[b-46dwshly67] {
    display: flex;
    gap: .2rem;
    padding: .25rem;
    border: 1px solid var(--zj-outline-variant);
    border-radius: .85rem;
    background: var(--zj-surface-container-low);
}

.inventory-command__segments button[b-46dwshly67] {
    border: 0;
    border-radius: .65rem;
    padding: .48rem .85rem;
    background: transparent;
    color: var(--zj-on-surface-variant);
    font-weight: 850;
}

.inventory-command__segments button.active[b-46dwshly67] {
    background: var(--zj-primary);
    color: var(--zj-on-primary);
}

.inventory-command__kpis[b-46dwshly67] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: .75rem;
}

.inventory-command__kpi[b-46dwshly67] {
    display: grid;
    gap: .35rem;
    padding: 1rem;
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-xl);
    background: linear-gradient(135deg, var(--zj-surface), var(--zj-surface-container-low));
    position: relative;
    overflow: hidden;
}

.inventory-command__kpi[b-46dwshly67]::after {
    content: "";
    position: absolute;
    inset-inline: 0;
    bottom: 0;
    height: 3px;
    opacity: .8;
}

.inventory-command__kpi.k-value[b-46dwshly67]::after { background: #C9A84C; }
.inventory-command__kpi.k-in[b-46dwshly67]::after { background: #4CAF7D; }
.inventory-command__kpi.k-out[b-46dwshly67]::after { background: #4C8EE8; }
.inventory-command__kpi.k-waste[b-46dwshly67]::after { background: #E84C4C; }
.inventory-command__kpi.k-low[b-46dwshly67]::after { background: #F5C842; }
.inventory-command__kpi.k-outage[b-46dwshly67]::after { background: #E87B3C; }

.inventory-command__kpi-top[b-46dwshly67] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.inventory-command__kpi .material-symbols-outlined[b-46dwshly67] {
    color: var(--zj-primary);
}

.inventory-command__kpi strong[b-46dwshly67] {
    font-size: 1.55rem;
    font-weight: 950;
}

.inventory-command__kpi span[b-46dwshly67],
.inventory-command__kpi small[b-46dwshly67] {
    color: var(--zj-on-surface-variant);
}

.trend-up[b-46dwshly67] { color: var(--zj-success, #16834a); }
.trend-down[b-46dwshly67] { color: var(--zj-error, #c62828); }
.trend-neutral[b-46dwshly67] { color: var(--zj-on-surface-variant); }

.inventory-command__main-grid[b-46dwshly67],
.inventory-command__two-grid[b-46dwshly67] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(18rem, 1fr);
    gap: 1rem;
    align-items: start;
}

.inventory-command__three-grid[b-46dwshly67] {
    display: grid;
    grid-template-columns: 1.25fr 1fr 1fr;
    gap: 1rem;
    align-items: start;
}

.inventory-command__panel[b-46dwshly67] {
    display: grid;
    gap: 1rem;
}

.inventory-command__panel-head[b-46dwshly67] {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 1rem;
}

.inventory-command__panel-head a[b-46dwshly67] {
    text-decoration: none;
    font-weight: 850;
    color: var(--zj-primary);
}

.inventory-command__line-chart[b-46dwshly67] {
    width: 100%;
    height: 220px;
}

.inventory-command__line-chart line[b-46dwshly67] {
    stroke: var(--zj-outline-variant);
    stroke-width: 1;
}

.inventory-command__line-chart polyline[b-46dwshly67] {
    fill: none;
    stroke-width: 4;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.inventory-command__line-chart text[b-46dwshly67] {
    fill: var(--zj-on-surface-variant);
    font-size: 12px;
}

.series-in[b-46dwshly67] { stroke: #4CAF7D; }
.series-out[b-46dwshly67] { stroke: #4C8EE8; }
.series-waste[b-46dwshly67] { stroke: #E84C4C; stroke-dasharray: 8 6; }

.inventory-command__legend[b-46dwshly67] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    color: var(--zj-on-surface-variant);
    font-weight: 800;
}

.inventory-command__legend span[b-46dwshly67] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
}

.inventory-command__legend i[b-46dwshly67] {
    width: 1rem;
    height: .25rem;
    border-radius: 999px;
}

.dot-in[b-46dwshly67] { background: #4CAF7D; }
.dot-out[b-46dwshly67] { background: #4C8EE8; }
.dot-waste[b-46dwshly67] { background: #E84C4C; }

.inventory-command__donut-wrap[b-46dwshly67] {
    display: grid;
    place-items: center;
    gap: 1rem;
}

.inventory-command__donut[b-46dwshly67] {
    width: 9.5rem;
    aspect-ratio: 1;
    border-radius: 50%;
    display: grid;
    place-items: center;
    position: relative;
}

.inventory-command__donut[b-46dwshly67]::after {
    content: "";
    position: absolute;
    width: 62%;
    aspect-ratio: 1;
    border-radius: 50%;
    background: var(--zj-surface);
}

.inventory-command__donut span[b-46dwshly67] {
    position: relative;
    z-index: 1;
    font-weight: 950;
}

.inventory-command__category-list[b-46dwshly67],
.inventory-command__rank-list[b-46dwshly67],
.inventory-command__reason-list[b-46dwshly67],
.inventory-command__compact-list[b-46dwshly67],
.inventory-command__alerts[b-46dwshly67],
.inventory-command__feed[b-46dwshly67] {
    display: grid;
    gap: .55rem;
}

.inventory-command__category-list div[b-46dwshly67],
.inventory-command__compact-list div[b-46dwshly67] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .7rem;
}

.inventory-command__category-list i[b-46dwshly67] {
    width: .75rem;
    height: .75rem;
    border-radius: .2rem;
}

.inventory-command__rank-list div[b-46dwshly67] {
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr) auto;
    gap: .5rem;
    align-items: center;
    padding: .65rem;
    border-radius: .8rem;
    background: var(--zj-surface-container-low);
}

.inventory-command__rank-list span[b-46dwshly67] {
    width: 1.7rem;
    height: 1.7rem;
    display: grid;
    place-items: center;
    border-radius: .55rem;
    background: color-mix(in srgb, var(--zj-primary) 14%, transparent);
    color: var(--zj-primary);
    font-weight: 950;
}

.inventory-command__rank-list em[b-46dwshly67] {
    grid-column: 2;
    color: var(--zj-on-surface-variant);
    font-style: normal;
    font-size: .78rem;
}

.inventory-command__reason-list div[b-46dwshly67] {
    display: grid;
    gap: .35rem;
}

.inventory-command__reason-list div > span[b-46dwshly67],
.inventory-command__reason-list div > b[b-46dwshly67] {
    grid-row: 1;
}

.inventory-command__reason-list div > b[b-46dwshly67] {
    justify-self: end;
}

.inventory-command__reason-list i[b-46dwshly67] {
    height: .35rem;
    border-radius: 999px;
    background: #E84C4C;
}

.inventory-command__alerts a[b-46dwshly67],
.inventory-command__feed a[b-46dwshly67] {
    display: grid;
    grid-template-columns: 2.4rem minmax(0, 1fr) auto;
    gap: .55rem;
    align-items: center;
    padding: .7rem;
    border-radius: .85rem;
    text-decoration: none;
    border: 1px solid var(--zj-outline-variant);
    background: var(--zj-surface);
    color: var(--zj-on-surface);
}

.inventory-command__alerts small[b-46dwshly67],
.inventory-command__feed small[b-46dwshly67] {
    grid-column: 2;
    color: var(--zj-on-surface-variant);
}

.inventory-command__alerts .material-symbols-outlined[b-46dwshly67] {
    width: 2.2rem;
    height: 2.2rem;
    display: grid;
    place-items: center;
    border-radius: .7rem;
}

.inventory-command__alerts .is-critical .material-symbols-outlined[b-46dwshly67] { background: #E84C4C18; color: #E84C4C; }
.inventory-command__alerts .is-warning .material-symbols-outlined[b-46dwshly67] { background: #C9A84C18; color: #C9A84C; }
.inventory-command__alerts .is-info .material-symbols-outlined[b-46dwshly67] { background: #4C8EE818; color: #4C8EE8; }

.inventory-command__table-wrap[b-46dwshly67] {
    overflow: auto;
}

.inventory-command__table-wrap table[b-46dwshly67] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.inventory-command__table-wrap th[b-46dwshly67],
.inventory-command__table-wrap td[b-46dwshly67] {
    padding: .75rem;
    border-bottom: 1px solid var(--zj-outline-variant);
    text-align: right;
}

.inventory-command__table-wrap small[b-46dwshly67] {
    display: block;
    color: var(--zj-on-surface-variant);
}

.inventory-command__feed a > span[b-46dwshly67] {
    width: 2.2rem;
    height: 2.2rem;
    display: grid;
    place-items: center;
    border-radius: .7rem;
}

.feed-in[b-46dwshly67] { background: #4CAF7D18; color: #4CAF7D; }
.feed-out[b-46dwshly67] { background: #4C8EE818; color: #4C8EE8; }
.feed-waste[b-46dwshly67] { background: #E84C4C18; color: #E84C4C; }
.feed-adjust[b-46dwshly67] { background: #C9A84C18; color: #C9A84C; }
.feed-transfer[b-46dwshly67] { background: #9C6DD818; color: #9C6DD8; }

.inventory-command__state[b-46dwshly67] {
    min-height: 12rem;
    display: grid;
    place-items: center;
    color: var(--zj-on-surface-variant);
    font-weight: 850;
}

@media (max-width: 1180px) {
    .inventory-command__kpis[b-46dwshly67] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .inventory-command__main-grid[b-46dwshly67],
    .inventory-command__three-grid[b-46dwshly67],
    .inventory-command__two-grid[b-46dwshly67] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 650px) {
    .inventory-command__kpis[b-46dwshly67] {
        grid-template-columns: 1fr;
    }

    .inventory-command__toolbar[b-46dwshly67],
    .inventory-command__filters[b-46dwshly67] {
        display: grid;
    }
}

/* Let nested grids shrink inside the RTL page instead of clipping its left edge. */
.inventory-command[b-46dwshly67],
.inventory-command > *[b-46dwshly67],
.inventory-command__panel[b-46dwshly67],
.inventory-command__main-grid > *[b-46dwshly67],
.inventory-command__two-grid > *[b-46dwshly67],
.inventory-command__three-grid > *[b-46dwshly67] {
    min-width: 0;
}

.inventory-hub-tabs[b-46dwshly67] { flex-wrap: wrap; }
.inventory-hub-tabs a[b-46dwshly67] { flex: 1 1 12rem; justify-content: center; }
.inventory-command__panel-head[b-46dwshly67] { flex-wrap: wrap; }
.inventory-command__kpi strong[b-46dwshly67],
.inventory-command__panel strong[b-46dwshly67],
.inventory-command__panel b[b-46dwshly67],
.inventory-command__table-wrap td[b-46dwshly67] { overflow-wrap: anywhere; }
.inventory-command__table-wrap th[b-46dwshly67] { width: 20%; }
.inventory-command__category-list[b-46dwshly67] { max-height: 18rem; overflow-y: auto; }
.inventory-command__category-list i[b-46dwshly67] { flex-shrink: 0; }
.inventory-command__line-chart text[b-46dwshly67] { text-anchor: middle; }
.inventory-command__quantity-filter[b-46dwshly67] { max-width: 24rem; }
.inventory-command__quantity-note[b-46dwshly67] { color: var(--zj-on-surface-variant); margin: 0; }

@media (max-width: 650px) {
    .inventory-command__filters[b-46dwshly67] { width: 100%; min-width: 0; }
    .inventory-command__segments[b-46dwshly67] { justify-content: space-between; }
    .inventory-command__table-wrap th[b-46dwshly67],
    .inventory-command__table-wrap td[b-46dwshly67] { padding: .5rem .2rem; font-size: .8rem; white-space: normal; }
    .inventory-command__rank-list div[b-46dwshly67],
    .inventory-command__alerts a[b-46dwshly67],
    .inventory-command__feed a[b-46dwshly67] { grid-template-columns: 2rem minmax(0, 1fr); }
    .inventory-command__rank-list div > b[b-46dwshly67],
    .inventory-command__alerts a > b[b-46dwshly67],
    .inventory-command__feed a > b[b-46dwshly67] { grid-column: 2; }
}
/* _content/Zajal.Shared/Pages/Admin/Inventory/InventoryReports.razor.rz.scp.css */
.inventory-reports[b-tyaqqll75n] {
    display: grid;
    gap: 1rem;
}
.inventory-results-tools[b-tyaqqll75n] { display: flex; gap: .75rem; flex-wrap: wrap; align-items: end; padding: 1rem; border: 1px solid var(--zj-outline-variant); border-radius: var(--zj-radius-xl); }
.inventory-results-search[b-tyaqqll75n] { flex: 1 1 16rem; min-width: 0; }

.inventory-export-status[b-tyaqqll75n] { display: grid; gap: .65rem; padding: 1rem; border: 1px solid var(--zj-outline-variant); border-radius: var(--zj-radius-lg); background: var(--zj-surface-container-low); min-width: 0; }
.inventory-export-status p[b-tyaqqll75n] { margin: 0; }
.inventory-export-status bdi[b-tyaqqll75n] { overflow-wrap: anywhere; }
.inventory-export-status :is(button,a):focus-visible[b-tyaqqll75n] { outline: 3px solid var(--zj-on-surface); outline-offset: 3px; }

.inventory-reports__panel[b-tyaqqll75n] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
}

.inventory-reports__panel > *[b-tyaqqll75n] { min-width: 0; }

.inventory-reports__loading[b-tyaqqll75n] {
    margin: 0;
    color: var(--zj-on-surface-variant);
    font-weight: 800;
}

.report-tabs[b-tyaqqll75n] {
    display: flex;
    gap: .55rem;
    overflow: auto;
    padding: .35rem;
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-xl);
    background: var(--zj-surface-container-low);
}

.report-tabs button[b-tyaqqll75n] {
    border: 0;
    padding: .7rem 1rem;
    border-radius: 999px;
    white-space: nowrap;
    background: transparent;
    color: var(--zj-on-surface-variant);
    font-weight: 850;
}

.report-tabs button:hover[b-tyaqqll75n] {
    background: var(--zj-surface);
}

.report-tabs button.active[b-tyaqqll75n],
.report-tabs button.active:hover[b-tyaqqll75n] {
    background: var(--zj-primary);
    color: var(--zj-on-primary, #fff);
    box-shadow: var(--zj-shadow-1);
}

.inventory-reports__panel[b-tyaqqll75n]  .report-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
    gap: .8rem;
    margin-bottom: 1rem;
}

.inventory-reports__panel[b-tyaqqll75n]  .report-cards > div {
    padding: 1rem;
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-xl);
    background: linear-gradient(135deg, var(--zj-surface), var(--zj-surface-container-low));
    color: var(--zj-on-surface-variant);
}

.inventory-reports__panel[b-tyaqqll75n]  .report-cards strong {
    white-space: pre-line;
    display: block;
    font-size: 1.35rem;
    margin-top: .25rem;
    color: var(--zj-on-surface);
}

.inventory-reports__panel[b-tyaqqll75n]  .table-responsive {
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-xl);
    overflow: auto;
    background: var(--zj-surface);
    box-shadow: var(--zj-shadow-1);
}

.inventory-reports__panel[b-tyaqqll75n]  .table-responsive table {
    width: 100%;
    margin: 0;
    min-width: 52rem;
    direction: rtl;
}

.inventory-reports__panel[b-tyaqqll75n]  .table-responsive thead th {
    position: sticky;
    top: 0;
    background: var(--zj-surface-container-low);
    color: var(--zj-on-surface);
    font-weight: 900;
}

.inventory-reports__panel[b-tyaqqll75n]  .table-responsive td,
.inventory-reports__panel[b-tyaqqll75n]  .table-responsive th {
    padding: .8rem .9rem;
    text-align: right;
    vertical-align: middle;
    unicode-bidi: plaintext;
}

.inventory-reports__panel[b-tyaqqll75n]  .table-responsive tbody tr:hover {
    background: color-mix(in srgb, var(--zj-primary) 5%, transparent);
}

.inventory-reports__panel[b-tyaqqll75n]  .report-pager {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .75rem;
    margin-top: 1rem;
}

.inventory-reports__panel[b-tyaqqll75n]  .report-pager button {
    border: 1px solid var(--zj-outline-variant);
    background: var(--zj-surface);
    border-radius: 999px;
    padding: .5rem 1rem;
    font-weight: 850;
}

.inventory-reports__panel[b-tyaqqll75n]  .report-pager button:not(:disabled):hover {
    background: var(--zj-primary);
    color: #fff;
}

.inventory-reports__panel[b-tyaqqll75n]  .report-pager span {
    font-weight: 900;
    color: var(--zj-on-surface-variant);
}

@media (max-width: 650px) {
    .report-tabs[b-tyaqqll75n] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        overflow: visible;
    }

    .report-tabs button[b-tyaqqll75n] {
        white-space: normal;
    }

    .inventory-reports__panel[b-tyaqqll75n]  .table-responsive {
        overflow: visible;
        border: 0;
        background: transparent;
        box-shadow: none;
    }

    .inventory-reports__panel[b-tyaqqll75n]  .table-responsive table.inventory-report-table {
        display: block;
        min-width: 0;
        background: transparent;
    }

    .inventory-reports__panel[b-tyaqqll75n]  .inventory-report-table thead {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }

    .inventory-reports__panel[b-tyaqqll75n]  .inventory-report-table tbody,
    .inventory-reports__panel[b-tyaqqll75n]  .inventory-report-table tr,
    .inventory-reports__panel[b-tyaqqll75n]  .inventory-report-table td {
        display: block;
        width: 100%;
    }

    .inventory-reports__panel[b-tyaqqll75n]  .inventory-report-table tbody {
        display: grid;
        gap: .8rem;
    }

    .inventory-reports__panel[b-tyaqqll75n]  .inventory-report-table tr {
        overflow: hidden;
        border: 1px solid var(--zj-outline-variant);
        border-radius: var(--zj-radius-xl);
        background: var(--zj-surface);
        box-shadow: var(--zj-shadow-1);
    }

    .inventory-reports__panel[b-tyaqqll75n]  .inventory-report-table td {
        display: grid;
        grid-template-columns: minmax(7rem, .8fr) minmax(0, 1.2fr);
        gap: .75rem;
        padding: .7rem .85rem;
        border-bottom: 1px solid var(--zj-outline-variant);
        overflow-wrap: anywhere;
    }

    .inventory-reports__panel[b-tyaqqll75n]  .inventory-report-table td:last-child {
        border-bottom: 0;
    }

    .inventory-reports__panel[b-tyaqqll75n]  .inventory-report-table td::before {
        content: attr(data-label);
        color: var(--zj-on-surface-variant);
        font-size: .78rem;
        font-weight: 900;
    }
}
/* _content/Zajal.Shared/Pages/Admin/Inventory/ItemEdit.razor.rz.scp.css */
.inventory-item-edit[b-kje2d4mt4h]{display:grid;gap:1rem}.inventory-item-edit>header[b-kje2d4mt4h]{display:flex;justify-content:space-between;align-items:end;gap:1rem}.inventory-item-edit>header span[b-kje2d4mt4h]{color:var(--zj-primary);font-weight:900;font-size:.78rem}.inventory-item-edit h1[b-kje2d4mt4h]{margin:.2rem 0}.inventory-item-edit header p[b-kje2d4mt4h],.inventory-item-edit__panel p[b-kje2d4mt4h]{margin:0;color:var(--zj-on-surface-variant)}.inventory-item-edit__layout[b-kje2d4mt4h]{display:grid;grid-template-columns:minmax(0,1fr) minmax(17rem,.34fr);gap:1rem;align-items:start}.inventory-item-edit__main[b-kje2d4mt4h],.inventory-item-edit__panel[b-kje2d4mt4h]{display:grid;gap:1rem}.inventory-item-edit__panel h2[b-kje2d4mt4h]{margin:0;font-size:1.08rem}.inventory-item-edit aside[b-kje2d4mt4h]{position:sticky;top:1rem}.inventory-item-edit__preview[b-kje2d4mt4h]{height:14rem;display:grid;place-items:center;overflow:hidden;border-radius:var(--zj-radius-xl);background:var(--zj-surface-container)}.inventory-item-edit__preview img[b-kje2d4mt4h]{width:100%;height:100%;object-fit:cover}.inventory-item-edit__preview span[b-kje2d4mt4h]{font-size:3rem;color:var(--zj-primary)}.inventory-item-edit__switch[b-kje2d4mt4h]{display:flex;align-items:center;gap:.6rem}.inventory-item-edit__error[b-kje2d4mt4h]{color:var(--zj-error)!important;font-weight:850}.inventory-item-edit__state[b-kje2d4mt4h]{min-height:15rem;display:grid;place-items:center}@media(max-width:850px){.inventory-item-edit__layout[b-kje2d4mt4h]{grid-template-columns:1fr}.inventory-item-edit aside[b-kje2d4mt4h]{position:static}}@media(max-width:600px){.inventory-item-edit>header[b-kje2d4mt4h]{display:grid}}
/* _content/Zajal.Shared/Pages/Admin/Inventory/Items.razor.rz.scp.css */
.inventory-catalog[b-u5csl3romq] {
    display: grid;
    gap: 1rem;
}

.inventory-catalog__hero[b-u5csl3romq] {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 1rem;
    padding: 1.35rem;
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-2xl);
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--zj-primary) 12%, transparent), transparent 48%),
        var(--zj-surface-container-low);
}

.inventory-catalog__hero-copy[b-u5csl3romq] {
    display: grid;
    gap: .35rem;
    max-width: 54rem;
}

.inventory-catalog__hero span[b-u5csl3romq] {
    color: var(--zj-primary);
    font-size: .78rem;
    font-weight: 900;
}

.inventory-catalog__hero h1[b-u5csl3romq] {
    margin: 0;
    font-size: clamp(1.55rem, 3vw, 2.25rem);
    line-height: 1.25;
}

.inventory-catalog__hero p[b-u5csl3romq],
.inventory-catalog__item p[b-u5csl3romq] {
    margin: 0;
    color: var(--zj-on-surface-variant);
}

.inventory-catalog__hero-actions[b-u5csl3romq],
.inventory-catalog__actions[b-u5csl3romq],
.inventory-catalog__pager[b-u5csl3romq] {
    display: flex;
    gap: .65rem;
    align-items: center;
}

.inventory-catalog__hero-actions[b-u5csl3romq] {
    flex-wrap: wrap;
    justify-content: end;
}

.inventory-catalog__hero-actions .material-symbols-outlined[b-u5csl3romq],
.inventory-catalog__actions .material-symbols-outlined[b-u5csl3romq] {
    font-size: 1.05rem;
}

.inventory-catalog__summary[b-u5csl3romq] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
}

.inventory-catalog__summary > div[b-u5csl3romq],
.inventory-catalog__metrics > div[b-u5csl3romq] {
    display: grid;
    gap: .25rem;
    min-width: 0;
    padding: .8rem .9rem;
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-xl);
    background: var(--zj-surface);
}

.inventory-catalog__summary small[b-u5csl3romq],
.inventory-catalog__metrics small[b-u5csl3romq] {
    color: var(--zj-on-surface-variant);
    font-weight: 800;
}

.inventory-catalog__summary strong[b-u5csl3romq] {
    font-size: 1.35rem;
}



.inventory-catalog__grid[b-u5csl3romq] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .85rem;
}

.inventory-catalog__item[b-u5csl3romq] {
    display: grid;
    grid-template-columns: 6.5rem minmax(0, 1fr);
    gap: 1rem;
}

.inventory-catalog__image[b-u5csl3romq] {
    height: 6.5rem;
    display: grid;
    place-items: center;
    border-radius: var(--zj-radius-xl);
    overflow: hidden;
    background: var(--zj-surface-container);
}

.inventory-catalog__image img[b-u5csl3romq] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.inventory-catalog__image .material-symbols-outlined[b-u5csl3romq] {
    font-size: 2.35rem;
    color: var(--zj-primary);
}

.inventory-catalog__body[b-u5csl3romq] {
    display: grid;
    gap: .7rem;
    min-width: 0;
}

.inventory-catalog__title[b-u5csl3romq] {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: .75rem;
}

.inventory-catalog__title small[b-u5csl3romq] {
    color: var(--zj-primary);
    font-weight: 850;
}

.inventory-catalog__title h2[b-u5csl3romq] {
    margin: .15rem 0 0;
    font-size: 1.05rem;
    line-height: 1.35;
}

.inventory-catalog__status[b-u5csl3romq] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    flex: 0 0 auto;
    padding: .32rem .55rem;
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 900;
    background: var(--zj-surface-container-low);
    color: var(--zj-on-surface);
}

.inventory-catalog__status i[b-u5csl3romq] {
    width: .55rem;
    height: .55rem;
    border-radius: 50%;
    background: var(--zj-success);
}

.inventory-catalog__status.is-low i[b-u5csl3romq] {
    background: var(--zj-warning);
}

.inventory-catalog__scanner[b-u5csl3romq] {
    grid-column: 1 / -1;
}

.inventory-catalog__status.is-out i[b-u5csl3romq] {
    background: var(--zj-error);
}

.inventory-catalog__status.is-ok[b-u5csl3romq] {
    color: var(--zj-success);
    background: var(--zj-success-container);
}

.inventory-catalog__status.is-low[b-u5csl3romq] {
    color: var(--zj-warning);
    background: var(--zj-warning-container);
}

.inventory-catalog__status.is-out[b-u5csl3romq] {
    color: var(--zj-error);
    background: color-mix(in srgb, var(--zj-error) 12%, transparent);
}

.inventory-catalog__codes[b-u5csl3romq] {
    display: flex;
    gap: .6rem;
    align-items: center;
    flex-wrap: wrap;
}

.inventory-catalog__codes code[b-u5csl3romq] {
    direction: ltr;
    padding: .3rem .5rem;
    border-radius: .5rem;
    background: var(--zj-surface-container);
}

.inventory-catalog__metrics[b-u5csl3romq] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .55rem;
}

.inventory-catalog__metrics strong[b-u5csl3romq] {
    min-width: 0;
    overflow-wrap: anywhere;
    font-size: .92rem;
}

.inventory-catalog__state[b-u5csl3romq] {
    min-height: 14rem;
    display: grid;
    place-items: center;
    align-content: center;
    text-align: center;
    gap: .4rem;
}

.inventory-catalog__state > .material-symbols-outlined[b-u5csl3romq] {
    font-size: 2.7rem;
    color: var(--zj-primary);
}

.inventory-catalog__state h2[b-u5csl3romq],
.inventory-catalog__state p[b-u5csl3romq] {
    margin: 0;
}

.inventory-catalog__pager[b-u5csl3romq] {
    justify-content: center;
}

.inventory-catalog__activity-status[b-u5csl3romq] {
    display: inline-flex;
    align-items: center;
    padding: .25rem .5rem;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 900;
}

.inventory-catalog__activity-status.is-active[b-u5csl3romq] {
    color: var(--zj-success);
    background: var(--zj-success-container);
}

.inventory-catalog__activity-status.is-inactive[b-u5csl3romq] {
    color: var(--zj-error);
    background: color-mix(in srgb, var(--zj-error) 12%, transparent);
}

.inventory-ready[b-u5csl3romq] {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgb(7 12 22 / 68%);
    backdrop-filter: blur(5px);
}

.inventory-ready__dialog[b-u5csl3romq] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    width: min(58rem, 100%);
    max-height: min(52rem, calc(100vh - 2rem));
    overflow: hidden;
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-2xl);
    background: var(--zj-surface);
    box-shadow: 0 1.5rem 4rem rgb(0 0 0 / 30%);
}

.inventory-ready__header[b-u5csl3romq],
.inventory-ready__footer[b-u5csl3romq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.15rem;
}

.inventory-ready__header[b-u5csl3romq] {
    border-bottom: 1px solid var(--zj-outline-variant);
}

.inventory-ready__header > div[b-u5csl3romq] {
    display: flex;
    align-items: center;
    gap: .8rem;
}

.inventory-ready__header > div > .material-symbols-outlined[b-u5csl3romq] {
    display: grid;
    place-items: center;
    width: 2.6rem;
    height: 2.6rem;
    border-radius: .85rem;
    color: var(--zj-primary);
    background: color-mix(in srgb, var(--zj-primary) 12%, transparent);
}

.inventory-ready__header h2[b-u5csl3romq],
.inventory-ready__header p[b-u5csl3romq],
.inventory-ready__group h3[b-u5csl3romq] {
    margin: 0;
}

.inventory-ready__header h2[b-u5csl3romq] {
    font-size: 1.15rem;
}

.inventory-ready__header p[b-u5csl3romq] {
    margin-top: .2rem;
    color: var(--zj-on-surface-variant);
    font-size: .86rem;
}

.inventory-ready__body[b-u5csl3romq] {
    display: grid;
    gap: 1rem;
    overflow-y: auto;
    padding: 1rem 1.15rem;
}

.inventory-ready__loading[b-u5csl3romq] {
    min-height: 16rem;
    display: grid;
    place-items: center;
    align-content: center;
    gap: .65rem;
}

.inventory-ready__warning[b-u5csl3romq] {
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: .75rem .85rem;
    border: 1px solid color-mix(in srgb, var(--zj-warning) 45%, transparent);
    border-radius: var(--zj-radius-lg);
    color: var(--zj-on-surface);
    background: color-mix(in srgb, var(--zj-warning) 11%, transparent);
    font-weight: 750;
}

.inventory-ready__summary[b-u5csl3romq] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .65rem;
}

.inventory-ready__summary > div[b-u5csl3romq] {
    display: grid;
    gap: .2rem;
    padding: .75rem;
    border-radius: var(--zj-radius-lg);
    background: var(--zj-surface-container-low);
}

.inventory-ready__summary small[b-u5csl3romq] {
    color: var(--zj-on-surface-variant);
    font-weight: 750;
}

.inventory-ready__summary strong[b-u5csl3romq] {
    font-size: 1.25rem;
}

.inventory-ready__setup[b-u5csl3romq] {
    display: grid;
    gap: .55rem;
}

.inventory-ready__setup h3[b-u5csl3romq] {
    margin: 0;
    font-size: .92rem;
}

.inventory-ready__category-groups[b-u5csl3romq] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
}

.inventory-ready__category-group[b-u5csl3romq] {
    display: grid;
    align-content: start;
    gap: .55rem;
    min-width: 0;
    padding: .65rem;
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-lg);
    background: var(--zj-surface-container-low);
}

.inventory-ready__category-group-heading[b-u5csl3romq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
}

.inventory-ready__category-group-heading > small[b-u5csl3romq] {
    color: var(--zj-on-surface-variant);
    font-size: .68rem;
    white-space: nowrap;
}

.inventory-ready__categories[b-u5csl3romq] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.inventory-ready__category[b-u5csl3romq] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .45rem .6rem;
    border: 1px solid var(--zj-outline-variant);
    border-radius: 999px;
    font-weight: 800;
}

.inventory-ready__category .material-symbols-outlined[b-u5csl3romq] {
    font-size: 1rem;
}

.inventory-ready__category small[b-u5csl3romq] {
    color: var(--zj-on-surface-variant);
}

.inventory-ready__category b[b-u5csl3romq] {
    padding-inline: .35rem;
    border-inline-start: 1px solid var(--zj-outline-variant);
    color: var(--zj-on-surface-variant);
    font-size: .75rem;
}

.inventory-ready__category.is-existing[b-u5csl3romq] {
    opacity: .7;
}

.inventory-ready__category.is-activating[b-u5csl3romq] {
    border-color: color-mix(in srgb, var(--zj-warning) 45%, var(--zj-outline-variant));
    background: color-mix(in srgb, var(--zj-warning) 9%, transparent);
}

.inventory-ready__category.is-organizing[b-u5csl3romq] {
    border-color: color-mix(in srgb, var(--zj-primary) 45%, var(--zj-outline-variant));
    background: color-mix(in srgb, var(--zj-primary) 9%, transparent);
    color: var(--zj-primary);
}

.inventory-ready__category--child[b-u5csl3romq] {
    padding: .35rem .5rem;
    background: var(--zj-surface-container-lowest);
    font-size: .76rem;
}

.inventory-ready__groups[b-u5csl3romq] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.inventory-ready__group[b-u5csl3romq] {
    overflow: hidden;
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-xl);
}

.inventory-ready__group h3[b-u5csl3romq] {
    padding: .65rem .8rem;
    font-size: .92rem;
    background: var(--zj-surface-container-low);
}

.inventory-ready__item[b-u5csl3romq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .65rem .8rem;
    border-top: 1px solid var(--zj-outline-variant);
}

.inventory-ready__item > div[b-u5csl3romq] {
    display: grid;
    gap: .15rem;
}

.inventory-ready__item small[b-u5csl3romq] {
    color: var(--zj-on-surface-variant);
}

.inventory-ready__item > span[b-u5csl3romq] {
    flex: 0 0 auto;
    padding: .25rem .45rem;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 900;
}

.inventory-ready__item.is-pending > span[b-u5csl3romq] {
    color: var(--zj-primary);
    background: color-mix(in srgb, var(--zj-primary) 12%, transparent);
}

.inventory-ready__item.is-organizing > span[b-u5csl3romq] {
    color: var(--zj-primary);
    background: color-mix(in srgb, var(--zj-primary) 12%, transparent);
}

.inventory-ready__item.is-existing[b-u5csl3romq] {
    opacity: .68;
}

.inventory-ready__item.is-existing > span[b-u5csl3romq] {
    background: var(--zj-surface-container);
}

.inventory-ready__item.is-blocked > span[b-u5csl3romq] {
    color: var(--zj-error);
    background: color-mix(in srgb, var(--zj-error) 12%, transparent);
}

.inventory-ready__footer[b-u5csl3romq] {
    justify-content: end;
    border-top: 1px solid var(--zj-outline-variant);
}

@media (max-width: 1100px) {
    .inventory-catalog__grid[b-u5csl3romq] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .inventory-catalog__hero[b-u5csl3romq],
    .inventory-catalog__hero-actions[b-u5csl3romq],
    .inventory-catalog__summary[b-u5csl3romq],
    .inventory-catalog__metrics[b-u5csl3romq] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .inventory-catalog__hero-actions[b-u5csl3romq] {
        justify-content: stretch;
    }

    .inventory-catalog__item[b-u5csl3romq] {
        grid-template-columns: 5rem minmax(0, 1fr);
    }

    .inventory-catalog__image[b-u5csl3romq] {
        height: 5rem;
    }

    .inventory-ready[b-u5csl3romq] {
        padding: .4rem;
    }

    .inventory-ready__dialog[b-u5csl3romq] {
        max-height: calc(100vh - .8rem);
    }

    .inventory-ready__summary[b-u5csl3romq],
    .inventory-ready__category-groups[b-u5csl3romq],
    .inventory-ready__groups[b-u5csl3romq] {
        grid-template-columns: 1fr;
    }

    .inventory-ready__footer .btn[b-u5csl3romq] {
        flex: 1;
    }
}

.inventory-catalog__actions[b-u5csl3romq] { flex-wrap: wrap; }
/* _content/Zajal.Shared/Pages/Admin/Inventory/PurchaseOrderDetails.razor.rz.scp.css */

.purchase-order[b-jul4gebdjl] {
    --purchase-order-accent: var(--zj-primary);
    --purchase-order-soft: color-mix(in srgb, var(--zj-primary) 8%, var(--zj-surface));
    display: grid;
    gap: 1rem;
    padding-bottom: 2rem;
}
.purchase-order__workspace[b-jul4gebdjl] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(18.5rem, 21rem);
    gap: 1rem;
    align-items: start;
}
.purchase-order__main[b-jul4gebdjl],
.purchase-order__details[b-jul4gebdjl] {
    display: grid;
    gap: 1rem;
}
.purchase-order__panel[b-jul4gebdjl] {
    overflow: hidden;
    padding: clamp(1rem, 2vw, 1.5rem);
    border: 1px solid color-mix(in srgb, var(--zj-outline-variant) 82%, transparent);
}
.purchase-order__panel--lines[b-jul4gebdjl] {
    min-width: 0;
}
.purchase-order__section-heading[b-jul4gebdjl] {
    display: flex;
    align-items: center;
    gap: .8rem;
    margin-bottom: 1.25rem;
}
.purchase-order__section-heading h2[b-jul4gebdjl],
.purchase-order__summary-heading h2[b-jul4gebdjl],
.purchase-order__details h2[b-jul4gebdjl] {
    margin: 0;
    color: var(--zj-on-surface);
    font-size: clamp(1rem, 1.8vw, 1.2rem);
    font-weight: 900;
}
.purchase-order__section-heading p[b-jul4gebdjl] {
    margin: .2rem 0 0;
    color: var(--zj-on-surface-variant);
    font-size: .85rem;
}
.purchase-order__step[b-jul4gebdjl] {
    display: inline-grid;
    width: 2.35rem;
    height: 2.35rem;
    flex: 0 0 2.35rem;
    place-items: center;
    border-radius: .8rem;
    background: var(--purchase-order-accent);
    color: var(--zj-on-primary);
    font-size: .92rem;
    font-weight: 950;
    box-shadow: 0 .45rem 1.1rem color-mix(in srgb, var(--zj-primary) 22%, transparent);
}
.purchase-order__draft-badge[b-jul4gebdjl],
.purchase-order__line-count[b-jul4gebdjl] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    min-height: 2rem;
    margin-inline-start: auto;
    padding: .35rem .7rem;
    border: 1px solid color-mix(in srgb, var(--zj-primary) 22%, var(--zj-outline-variant));
    border-radius: 999px;
    background: var(--purchase-order-soft);
    color: var(--zj-primary);
    font-size: .78rem;
    font-weight: 850;
    white-space: nowrap;
}
.purchase-order__draft-badge .material-symbols-outlined[b-jul4gebdjl] {
    font-size: 1.05rem;
}
.purchase-order__label[b-jul4gebdjl] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    color: var(--zj-on-surface);
    font-size: .83rem;
    font-weight: 850;
}
.purchase-order__label b[b-jul4gebdjl] {
    color: var(--zj-error);
}
.purchase-order__label .material-symbols-outlined[b-jul4gebdjl] {
    color: var(--zj-primary);
    font-size: 1.08rem;
}
.purchase-order__field > small[b-jul4gebdjl],
.purchase-order__currency > small[b-jul4gebdjl] {
    color: var(--zj-on-surface-variant);
    font-size: .73rem;
    line-height: 1.5;
}
.purchase-order__field textarea.form-control[b-jul4gebdjl] {
    min-height: 5.5rem;
    resize: vertical;
}
.purchase-order__field .form-select:disabled[b-jul4gebdjl] {
    cursor: not-allowed;
    opacity: .62;
}
.purchase-order__currency[b-jul4gebdjl] {
    display: grid;
    grid-template-columns: 1fr auto;
    align-content: center;
    gap: .2rem .65rem;
    min-height: 5.25rem;
    padding: .8rem 1rem;
    border: 1px solid color-mix(in srgb, var(--zj-primary) 20%, var(--zj-outline-variant));
    border-radius: .9rem;
    background: var(--purchase-order-soft);
}
.purchase-order__currency .purchase-order__label[b-jul4gebdjl] {
    grid-column: 1 / -1;
}
.purchase-order__currency strong[b-jul4gebdjl] {
    color: var(--zj-on-surface);
    font-size: .9rem;
}
.purchase-order__currency > small[b-jul4gebdjl] {
    color: var(--zj-primary);
    font-weight: 900;
}
.purchase-order__supplier-catalog[b-jul4gebdjl] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    min-width: 0;
    gap: .85rem;
    padding: 1rem;
    border: 1px solid color-mix(in srgb, var(--zj-primary) 18%, var(--zj-outline-variant));
    border-radius: 1rem;
    background:
        radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--zj-primary) 10%, transparent), transparent 36%),
        var(--zj-surface-container-low);
}
.purchase-order__catalog-heading[b-jul4gebdjl],
.purchase-order__catalog-heading > div[b-jul4gebdjl],
.purchase-order__supplier-item-heading[b-jul4gebdjl],
.purchase-order__supplier-item-footer[b-jul4gebdjl] {
    display: flex;
    align-items: center;
}
.purchase-order__catalog-heading[b-jul4gebdjl] {
    justify-content: space-between;
    gap: 1rem;
    padding: .1rem .15rem .75rem;
    border-bottom: 1px solid color-mix(in srgb, var(--zj-outline-variant) 78%, transparent);
}
.purchase-order__catalog-heading > div[b-jul4gebdjl] {
    min-width: 0;
    gap: .65rem;
}
.purchase-order__catalog-heading > div > div[b-jul4gebdjl] {
    min-width: 0;
}
.purchase-order__catalog-heading small[b-jul4gebdjl] {
    white-space: normal;
    overflow-wrap: anywhere;
}
.purchase-order__catalog-heading > div > .material-symbols-outlined[b-jul4gebdjl] {
    display: grid;
    width: 2.45rem;
    height: 2.45rem;
    flex: 0 0 2.45rem;
    place-items: center;
    border-radius: .75rem;
    background: var(--purchase-order-soft);
    color: var(--zj-primary);
    font-size: 1.2rem;
}
.purchase-order__catalog-heading h3[b-jul4gebdjl],
.purchase-order__supplier-item-heading h4[b-jul4gebdjl] {
    margin: 0;
    color: var(--zj-on-surface);
}
.purchase-order__catalog-heading h3[b-jul4gebdjl] {
    font-size: .94rem;
    font-weight: 900;
}
.purchase-order__catalog-heading small[b-jul4gebdjl],
.purchase-order__supplier-item-heading small[b-jul4gebdjl] {
    display: block;
    margin-top: .15rem;
    overflow: hidden;
    color: var(--zj-on-surface-variant);
    font-size: .72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.purchase-order__catalog-count[b-jul4gebdjl] {
    display: inline-flex;
    min-height: 1.9rem;
    align-items: center;
    padding: .3rem .65rem;
    border-radius: 999px;
    background: var(--zj-surface);
    color: var(--zj-primary);
    font-size: .74rem;
    font-weight: 850;
    white-space: nowrap;
}
.purchase-order__catalog-scroll[b-jul4gebdjl] {
    min-width: 0;
    max-height: 34rem;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: .15rem .1rem .15rem .45rem;
    scrollbar-color: color-mix(in srgb, var(--zj-primary) 38%, var(--zj-outline-variant)) transparent;
    scrollbar-width: thin;
}
.purchase-order__catalog-scroll:focus-visible[b-jul4gebdjl] {
    border-radius: .85rem;
    outline: 3px solid color-mix(in srgb, var(--zj-primary) 16%, transparent);
    outline-offset: 2px;
}
.purchase-order__catalog-grid[b-jul4gebdjl] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 22rem), 1fr));
    grid-auto-rows: auto;
    gap: .75rem;
}
.purchase-order__supplier-item[b-jul4gebdjl] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    min-width: 0;
    padding: .9rem;
    border: 1px solid color-mix(in srgb, var(--zj-outline-variant) 88%, transparent);
    border-radius: .95rem;
    background: var(--zj-surface);
    box-shadow: 0 .35rem 1rem color-mix(in srgb, var(--zj-primary) 7%, transparent);
    transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}
.purchase-order__supplier-item:hover[b-jul4gebdjl] {
    border-color: color-mix(in srgb, var(--zj-primary) 32%, var(--zj-outline-variant));
    box-shadow: 0 .55rem 1.25rem color-mix(in srgb, var(--zj-primary) 11%, transparent);
    transform: translateY(-1px);
}
.purchase-order__supplier-item-heading[b-jul4gebdjl] {
    min-width: 0;
    gap: .55rem;
    padding-bottom: .7rem;
    border-bottom: 1px solid color-mix(in srgb, var(--zj-outline-variant) 72%, transparent);
}
.purchase-order__supplier-item-icon[b-jul4gebdjl] {
    display: grid;
    width: 2.3rem;
    height: 2.3rem;
    flex: 0 0 2.3rem;
    place-items: center;
    border-radius: .72rem;
    background: var(--purchase-order-soft);
    color: var(--zj-primary);
}
.purchase-order__supplier-item-icon .material-symbols-outlined[b-jul4gebdjl] {
    font-size: 1.15rem;
}
.purchase-order__supplier-item-heading > div:nth-child(2)[b-jul4gebdjl] {
    min-width: 0;
}
.purchase-order__supplier-item-heading h4[b-jul4gebdjl] {
    overflow: hidden;
    font-size: .86rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: normal;
    overflow-wrap: anywhere;
}
.purchase-order__unit-badge[b-jul4gebdjl] {
    max-width: 8.5rem;
    margin-inline-start: auto;
    padding: .28rem .5rem;
    overflow: hidden;
    border-radius: 999px;
    background: var(--zj-surface-container-high);
    color: var(--zj-on-surface);
    font-size: .69rem;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.purchase-order__supplier-item-footer[b-jul4gebdjl] {
    justify-content: space-between;
    gap: .75rem;
    padding-top: .7rem;
    border-top: 1px solid color-mix(in srgb, var(--zj-outline-variant) 72%, transparent);
}
.purchase-order__supplier-item-footer > div small[b-jul4gebdjl],
.purchase-order__supplier-item-footer > div strong[b-jul4gebdjl] {
    display: block;
}
.purchase-order__supplier-item-footer > div small[b-jul4gebdjl] {
    color: var(--zj-on-surface-variant);
    font-size: .66rem;
}
.purchase-order__supplier-item-footer > div strong[b-jul4gebdjl] {
    margin-top: .1rem;
    color: var(--zj-primary);
    font-size: .84rem;
    font-variant-numeric: tabular-nums;
}
.purchase-order__supplier-item-footer > div strong span[b-jul4gebdjl] {
    color: var(--zj-on-surface-variant);
    font-size: .65rem;
}
.purchase-order__catalog-state[b-jul4gebdjl] {
    display: flex;
    min-height: 9rem;
    align-items: center;
    justify-content: center;
    gap: .7rem;
    border: 1px dashed var(--zj-outline-variant);
    border-radius: .9rem;
    background: color-mix(in srgb, var(--zj-surface) 92%, transparent);
    color: var(--zj-on-surface-variant);
}
.purchase-order__catalog-state > .material-symbols-outlined[b-jul4gebdjl] {
    color: var(--zj-primary);
    font-size: 1.8rem;
}
.purchase-order__catalog-state strong[b-jul4gebdjl],
.purchase-order__catalog-state small[b-jul4gebdjl] {
    display: block;
}
.purchase-order__catalog-state strong[b-jul4gebdjl] {
    color: var(--zj-on-surface);
    font-size: .84rem;
}
.purchase-order__catalog-state small[b-jul4gebdjl] {
    margin-top: .2rem;
    font-size: .72rem;
}
.purchase-order__catalog-state--warning > .material-symbols-outlined[b-jul4gebdjl] {
    color: var(--zj-error);
}
.purchase-order__catalog-state--complete > .material-symbols-outlined[b-jul4gebdjl] {
    color: var(--zj-success, #16803a);
}
.purchase-order__add-line[b-jul4gebdjl] {
    min-height: 3rem;
    gap: .35rem;
    white-space: nowrap;
    transition: transform 160ms ease;
}
.purchase-order__add-line:active[b-jul4gebdjl] {
    transform: scale(.98);
}
.purchase-order__add-line .material-symbols-outlined[b-jul4gebdjl],
.purchase-order__create .material-symbols-outlined[b-jul4gebdjl] {
    font-size: 1.2rem;
}
.purchase-order__inline-error[b-jul4gebdjl] {
    display: flex;
    align-items: flex-start;
    gap: .45rem;
    margin: .75rem 0 0;
    padding: .7rem .8rem;
    border: 1px solid color-mix(in srgb, var(--zj-error) 26%, transparent);
    border-radius: .8rem;
    background: color-mix(in srgb, var(--zj-error) 8%, var(--zj-surface));
    color: var(--zj-error);
    font-size: .82rem;
    font-weight: 750;
}
.purchase-order__inline-error .material-symbols-outlined[b-jul4gebdjl] {
    font-size: 1.05rem;
}
.purchase-order__details-lines[b-jul4gebdjl] {
    display: grid;
    gap: .5rem;
    margin-block: 1rem;
}
.po-fulfillment-line[b-jul4gebdjl] {
    display: grid;
    gap: .4rem;
    padding: .75rem .9rem;
    border-radius: var(--zj-radius-lg);
    background: var(--zj-surface-container-low);
    border: 1px solid var(--zj-outline-variant);
}
.po-fulfillment-line__meta[b-jul4gebdjl] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
    font-size: .85rem;
}
.po-fulfillment-line__meta strong[b-jul4gebdjl] {
    font-weight: 850;
    color: var(--zj-on-surface);
}
.po-fulfillment-line__meta span[b-jul4gebdjl] {
    font-size: .8rem;
    color: var(--zj-on-surface-variant);
    font-weight: 700;
}
.po-fulfillment-line__track[b-jul4gebdjl] {
    display: block;
    height: .45rem;
    border-radius: 9999px;
    background: var(--zj-surface-container-high);
    overflow: hidden;
    width: 100%;
}
.po-fulfillment-line__fill[b-jul4gebdjl] {
    display: block;
    height: 100%;
    background: #3b82f6;
    border-radius: 9999px;
    transition: width .25s ease;
}
.po-fulfillment-line__fill.is-complete[b-jul4gebdjl] {
    background: #10b981;
}
.purchase-order__empty-lines[b-jul4gebdjl] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    min-height: 9rem;
    margin-top: 1rem;
    border: 1px dashed var(--zj-outline-variant);
    border-radius: 1rem;
    color: var(--zj-on-surface-variant);
    text-align: start;
}
.purchase-order__empty-lines > .material-symbols-outlined[b-jul4gebdjl] {
    color: color-mix(in srgb, var(--zj-primary) 65%, var(--zj-on-surface-variant));
    font-size: 2rem;
}
.purchase-order__empty-lines strong[b-jul4gebdjl],
.purchase-order__empty-lines small[b-jul4gebdjl] {
    display: block;
}
.purchase-order__empty-lines strong[b-jul4gebdjl] {
    margin-bottom: .2rem;
    color: var(--zj-on-surface);
}
.purchase-order__lines-table[b-jul4gebdjl] {
    display: grid;
    gap: .5rem;
    margin-top: 1rem;
    overflow-x: auto;
}
.purchase-order__line[b-jul4gebdjl] {
    display: grid;
    grid-template-columns: minmax(12rem, 1.7fr) minmax(4.5rem, .6fr) minmax(10rem, 1fr) minmax(12rem, 1.2fr) minmax(10rem, 1fr) minmax(7.25rem, .8fr) 2.5rem;
    gap: .65rem;
    align-items: start;
    min-width: 52rem;
    padding: .72rem .8rem;
    border: 1px solid var(--zj-outline-variant);
    border-radius: .9rem;
    background: color-mix(in srgb, var(--zj-surface) 96%, var(--zj-primary));
}
.purchase-order__line--header[b-jul4gebdjl] {
    min-height: auto;
    padding-block: .3rem;
    border: 0;
    background: transparent;
    color: var(--zj-on-surface-variant);
    font-size: .75rem;
    font-weight: 850;
}
.purchase-order__line-item[b-jul4gebdjl] {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: .65rem;
}
.purchase-order__line-item > .material-symbols-outlined[b-jul4gebdjl] {
    display: grid;
    width: 2.25rem;
    height: 2.25rem;
    flex: 0 0 2.25rem;
    place-items: center;
    border-radius: .7rem;
    background: var(--purchase-order-soft);
    color: var(--zj-primary);
    font-size: 1.15rem;
}
.purchase-order__line-item strong[b-jul4gebdjl],
.purchase-order__line-item small[b-jul4gebdjl] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.purchase-order__line-item strong[b-jul4gebdjl] {
    color: var(--zj-on-surface);
    font-size: .86rem;
}
.purchase-order__line-item small[b-jul4gebdjl],
.purchase-order__line-total small[b-jul4gebdjl] {
    color: var(--zj-on-surface-variant);
    font-size: .68rem;
}
.purchase-order__unit[b-jul4gebdjl] {
    display: inline-flex;
    width: fit-content;
    padding: .28rem .5rem;
    border-radius: 999px;
    background: var(--zj-surface-container-high);
    color: var(--zj-on-surface);
    font-size: .76rem;
    font-weight: 800;
}
.purchase-order__line-total strong[b-jul4gebdjl] {
    color: var(--zj-primary);
    font-size: .88rem;
}
.purchase-order__remove-line[b-jul4gebdjl] {
    display: inline-grid;
    width: 2.35rem;
    height: 2.35rem;
    place-items: center;
    border: 0;
    border-radius: .7rem;
    background: transparent;
    color: var(--zj-error);
    cursor: pointer;
    transition: background-color 160ms ease, transform 160ms ease;
}
.purchase-order__remove-line:hover[b-jul4gebdjl],
.purchase-order__remove-line:focus-visible[b-jul4gebdjl] {
    background: color-mix(in srgb, var(--zj-error) 10%, transparent);
    outline: none;
    transform: translateY(-1px);
}
.purchase-order__remove-line .material-symbols-outlined[b-jul4gebdjl] {
    font-size: 1.15rem;
}
.purchase-order__mobile-label[b-jul4gebdjl] {
    display: none;
}
.purchase-order__summary[b-jul4gebdjl] {
    position: sticky;
    top: 1rem;
}
.purchase-order__summary-card[b-jul4gebdjl] {
    overflow: hidden;
    padding: 1.2rem;
    background:
        radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--zj-primary) 12%, transparent), transparent 34%),
        var(--zj-surface);
}
.purchase-order__summary-heading[b-jul4gebdjl] {
    display: flex;
    align-items: center;
    gap: .7rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--zj-outline-variant);
}
.purchase-order__summary-heading > .material-symbols-outlined[b-jul4gebdjl] {
    display: grid;
    width: 2.65rem;
    height: 2.65rem;
    place-items: center;
    border-radius: .85rem;
    background: var(--zj-primary);
    color: var(--zj-on-primary);
    font-size: 1.3rem;
}
.purchase-order__summary-heading small[b-jul4gebdjl] {
    color: var(--zj-on-surface-variant);
    font-size: .72rem;
}
.purchase-order__totals[b-jul4gebdjl] {
    display: grid;
    gap: 0;
    margin: .8rem 0 1rem;
}
.purchase-order__totals > div[b-jul4gebdjl] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(7.5rem, auto);
    align-items: center;
    gap: .75rem;
    padding: .72rem .55rem;
    border-bottom: 1px dashed var(--zj-outline-variant);
}
.purchase-order__totals dt[b-jul4gebdjl] {
    color: var(--zj-on-surface-variant);
    font-size: .8rem;
}
.purchase-order__totals dd[b-jul4gebdjl] {
    display: inline-flex;
    min-width: 0;
    align-items: baseline;
    justify-content: flex-end;
    gap: .3rem;
    margin: 0;
    padding-inline: .35rem;
    color: var(--zj-on-surface);
    text-align: end;
    white-space: nowrap;
}
.purchase-order__totals dd strong[b-jul4gebdjl] {
    direction: ltr;
    font-size: .86rem;
    font-variant-numeric: tabular-nums;
    font-weight: 900;
    unicode-bidi: isolate;
}
.purchase-order__totals dd small[b-jul4gebdjl] {
    color: var(--zj-on-surface-variant);
    font-size: .7rem;
}
.purchase-order__totals .purchase-order__grand-total[b-jul4gebdjl] {
    margin-top: .25rem;
    padding: .85rem;
    border: 0;
    border-radius: .85rem;
    background: var(--purchase-order-soft);
}
.purchase-order__grand-total dt[b-jul4gebdjl] {
    color: var(--zj-on-surface);
    font-weight: 850;
}
.purchase-order__grand-total dd[b-jul4gebdjl] {
    color: var(--zj-primary);
}
.purchase-order__grand-total dd strong[b-jul4gebdjl] {
    font-size: 1.05rem;
}
.purchase-order__readiness[b-jul4gebdjl] {
    display: flex;
    align-items: flex-start;
    gap: .45rem;
    margin-bottom: .85rem;
    padding: .7rem .75rem;
    border-radius: .8rem;
    background: var(--zj-surface-container-low);
    color: var(--zj-on-surface-variant);
    font-size: .76rem;
    line-height: 1.55;
}
.purchase-order__readiness--ready[b-jul4gebdjl] {
    background: color-mix(in srgb, var(--zj-success, #16a34a) 10%, var(--zj-surface));
    color: var(--zj-success, #16803a);
}
.purchase-order__readiness .material-symbols-outlined[b-jul4gebdjl] {
    flex: 0 0 auto;
    font-size: 1.05rem;
}
.purchase-order__create[b-jul4gebdjl],
.purchase-order__cancel[b-jul4gebdjl] {
    width: 100%;
    min-height: 3rem;
}
.purchase-order__create[b-jul4gebdjl] {
    gap: .4rem;
}
.purchase-order__cancel[b-jul4gebdjl] {
    margin-top: .55rem;
}
.purchase-order__loading[b-jul4gebdjl] {
    display: flex;
    align-items: center;
    gap: .8rem;
    min-height: 8rem;
    padding: 1.25rem;
}
.purchase-order__loading > .material-symbols-outlined[b-jul4gebdjl] {
    color: var(--zj-primary);
    font-size: 1.8rem;
    animation: purchase-order-spin-b-jul4gebdjl 1s linear infinite;
}
.purchase-order__loading strong[b-jul4gebdjl],
.purchase-order__loading small[b-jul4gebdjl] {
    display: block;
}
.purchase-order__loading small[b-jul4gebdjl] {
    margin-top: .2rem;
    color: var(--zj-on-surface-variant);
}
.purchase-order__details p[b-jul4gebdjl] {
    margin: 0;
    color: var(--zj-on-surface-variant);
}
.purchase-order__workflow-status[b-jul4gebdjl] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .85rem 1rem;
    border: 1px solid color-mix(in srgb, var(--zj-primary) 24%, var(--zj-outline-variant));
    border-radius: .9rem;
    background: var(--purchase-order-soft);
}
.purchase-order__workflow-status > .material-symbols-outlined[b-jul4gebdjl] {
    display: grid;
    width: 2.4rem;
    height: 2.4rem;
    flex: 0 0 2.4rem;
    place-items: center;
    border-radius: .75rem;
    background: var(--zj-primary);
    color: var(--zj-on-primary);
    font-size: 1.2rem;
}
.purchase-order__workflow-status strong[b-jul4gebdjl],
.purchase-order__workflow-status small[b-jul4gebdjl] {
    display: block;
}
.purchase-order__workflow-status strong[b-jul4gebdjl] {
    color: var(--zj-on-surface);
    font-size: .88rem;
}
.purchase-order__workflow-status small[b-jul4gebdjl] {
    margin-top: .15rem;
    color: var(--zj-on-surface-variant);
    font-size: .76rem;
    line-height: 1.5;
}
.purchase-order__details-lines[b-jul4gebdjl] {
    display: grid;
    gap: .5rem;
}
.purchase-order__details-lines p[b-jul4gebdjl] {
    padding: .75rem;
    border: 1px solid var(--zj-outline-variant);
    border-radius: .8rem;
}
.purchase-order__details-actions[b-jul4gebdjl] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .5rem;
}
.purchase-order__permission-note[b-jul4gebdjl] {
    padding: .65rem .8rem;
    border-radius: .75rem;
    background: var(--zj-surface-container-low);
    color: var(--zj-on-surface-variant);
    font-size: .8rem;
}

@keyframes purchase-order-spin-b-jul4gebdjl {
to { rotate: 1turn; }
}

@media (max-width: 1120px) {
.purchase-order__workspace[b-jul4gebdjl] {
        grid-template-columns: 1fr;
    }
.purchase-order__summary[b-jul4gebdjl] {
        position: static;
    }
.purchase-order__summary-card[b-jul4gebdjl] {
        display: grid;
        grid-template-columns: minmax(14rem, 1fr) minmax(17rem, 1fr);
        gap: 0 1.25rem;
        align-items: start;
    }
.purchase-order__summary-heading[b-jul4gebdjl] {
        grid-column: 1 / -1;
    }
.purchase-order__totals[b-jul4gebdjl] {
        grid-row: 2 / span 4;
    }
.purchase-order__readiness[b-jul4gebdjl],
.purchase-order__summary-card > .purchase-order__inline-error[b-jul4gebdjl],
.purchase-order__create[b-jul4gebdjl],
.purchase-order__cancel[b-jul4gebdjl] {
        grid-column: 2;
    }
}

@media (max-width: 980px) {
.purchase-order__catalog-grid[b-jul4gebdjl] {
        grid-auto-rows: auto;
    }
}

@media (max-width: 720px) {
.purchase-order__summary-card[b-jul4gebdjl] {
        grid-template-columns: 1fr;
    }
.purchase-order__summary-heading[b-jul4gebdjl] {
        grid-column: auto;
    }
.purchase-order__totals[b-jul4gebdjl] {
        grid-row: auto;
    }
.purchase-order__readiness[b-jul4gebdjl],
.purchase-order__summary-card > .purchase-order__inline-error[b-jul4gebdjl],
.purchase-order__create[b-jul4gebdjl],
.purchase-order__cancel[b-jul4gebdjl] {
        grid-column: auto;
    }
.purchase-order__section-heading[b-jul4gebdjl] {
        align-items: flex-start;
        flex-wrap: wrap;
    }
.purchase-order__draft-badge[b-jul4gebdjl],
.purchase-order__line-count[b-jul4gebdjl] {
        margin-inline-start: 3.15rem;
    }
.purchase-order__catalog-heading[b-jul4gebdjl] {
        align-items: flex-start;
        flex-direction: column;
    }
.purchase-order__catalog-count[b-jul4gebdjl] {
        margin-inline-start: 3.1rem;
    }
.purchase-order__catalog-scroll[b-jul4gebdjl] {
        max-height: 34rem;
    }
.purchase-order__catalog-grid[b-jul4gebdjl] {
        grid-template-columns: minmax(0, 1fr);
        grid-auto-rows: auto;
    }
.purchase-order__lines-table[b-jul4gebdjl] {
        overflow: visible;
    }
.purchase-order__line--header[b-jul4gebdjl] {
        display: none;
    }
.purchase-order__line:not(.purchase-order__line--header)[b-jul4gebdjl] {
        grid-template-columns: minmax(0, 1fr) auto;
        min-width: 0;
        gap: .8rem 1rem;
        padding: 1rem;
        box-shadow: var(--zj-shadow-1);
    }
.purchase-order__line-item[b-jul4gebdjl] {
        grid-column: 1 / -1;
        padding-bottom: .7rem;
        border-bottom: 1px solid var(--zj-outline-variant);
    }
.purchase-order__mobile-label[b-jul4gebdjl] {
        display: inline;
        align-self: center;
        color: var(--zj-on-surface-variant);
        font-size: .75rem;
        font-weight: 800;
    }
.purchase-order__unit[b-jul4gebdjl] {
        justify-self: end;
    }
.purchase-order__line-input[b-jul4gebdjl] {
        display: contents;
    }
.purchase-order__line-input > input[b-jul4gebdjl],
.purchase-order__line-input > div[b-jul4gebdjl] {
        width: min(12rem, 100%);
        justify-self: end;
    }
.purchase-order__line-total[b-jul4gebdjl] {
        grid-column: 1 / -1;
        display: flex;
        align-items: baseline;
        justify-content: flex-end;
        gap: .3rem;
    }
.purchase-order__line-total .purchase-order__mobile-label[b-jul4gebdjl] {
        margin-inline-end: auto;
    }
.purchase-order__remove-line[b-jul4gebdjl] {
        grid-column: 1 / -1;
        width: 100%;
        border: 1px solid color-mix(in srgb, var(--zj-error) 18%, transparent);
        background: color-mix(in srgb, var(--zj-error) 6%, transparent);
    }
}

@media (max-width: 560px) {
.purchase-order__panel[b-jul4gebdjl],
.purchase-order__summary-card[b-jul4gebdjl] {
        padding: .9rem;
        border-radius: 1rem !important;
    }
.purchase-order__draft-badge[b-jul4gebdjl],
.purchase-order__line-count[b-jul4gebdjl] {
        margin-inline-start: 0;
    }
.purchase-order__supplier-catalog[b-jul4gebdjl] {
        padding: .75rem;
    }
.purchase-order__supplier-item[b-jul4gebdjl] {
        padding: .75rem;
    }
.purchase-order__unit-badge[b-jul4gebdjl] {
        max-width: 6rem;
    }
.purchase-order__add-line[b-jul4gebdjl],
.purchase-order__details-actions .btn[b-jul4gebdjl] {
        width: 100%;
    }
}

@media (max-width: 420px) {
.purchase-order__catalog-scroll[b-jul4gebdjl] {
        max-height: 42rem;
    }
.purchase-order__catalog-grid[b-jul4gebdjl] {
        grid-auto-rows: auto;
    }
.purchase-order__supplier-item-footer[b-jul4gebdjl] {
        align-items: stretch;
        flex-direction: column;
    }
.purchase-order__supplier-item-footer .purchase-order__add-line[b-jul4gebdjl] {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
.purchase-order__loading > .material-symbols-outlined[b-jul4gebdjl] {
        animation: none;
    }
.purchase-order__remove-line[b-jul4gebdjl] {
        transition: none;
    }
.purchase-order__supplier-item[b-jul4gebdjl],
.purchase-order__add-line[b-jul4gebdjl] {
        transition: none;
    }
}

@supports not (color: color-mix(in srgb, black, white)) {
    .purchase-order[b-jul4gebdjl] { --purchase-order-soft: var(--zj-surface-container-low); }
}
/* _content/Zajal.Shared/Pages/Admin/Inventory/PurchaseOrders.razor.rz.scp.css */
.purchase-orders-page[b-jd84c0iblp] {
    display: grid;
    gap: 1rem;
}

.purchase-orders-page__actions[b-jd84c0iblp] {
    display: flex;
    justify-content: flex-end;
    gap: .65rem;
    flex-wrap: wrap;
}

.purchase-orders-page__actions .btn[b-jd84c0iblp] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
}

.purchase-suggestions[b-jd84c0iblp] {
    display: grid;
    gap: 1rem;
    padding: 1.1rem;
    border: 1px solid color-mix(in srgb, var(--zj-primary) 24%, var(--zj-outline-variant));
    border-radius: 1.35rem;
    background: linear-gradient(145deg, color-mix(in srgb, var(--zj-primary) 7%, var(--zj-surface)), var(--zj-surface));
    box-shadow: 0 1.25rem 3rem color-mix(in srgb, var(--zj-primary) 8%, transparent);
}

.purchase-suggestions__heading[b-jd84c0iblp] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.purchase-suggestions__heading h2[b-jd84c0iblp],
.purchase-suggestions__heading p[b-jd84c0iblp] {
    margin: 0;
}

.purchase-suggestions__heading h2[b-jd84c0iblp] {
    margin-top: .25rem;
    color: var(--zj-on-surface);
    font-size: clamp(1.15rem, 2vw, 1.5rem);
}

.purchase-suggestions__heading p[b-jd84c0iblp] {
    margin-top: .35rem;
    color: var(--zj-on-surface-variant);
}

.purchase-suggestions__eyebrow[b-jd84c0iblp] {
    color: var(--zj-primary);
    font-size: .76rem;
    font-weight: 900;
}

.purchase-suggestions__metrics[b-jd84c0iblp] {
    display: grid;
    grid-template-columns: repeat(3, minmax(6rem, auto));
    gap: .5rem;
}

.purchase-suggestions__metrics > div[b-jd84c0iblp] {
    display: grid;
    gap: .1rem;
    min-width: 6.75rem;
    padding: .65rem .8rem;
    border: 1px solid var(--zj-outline-variant);
    border-radius: .9rem;
    background: color-mix(in srgb, var(--zj-surface) 88%, transparent);
}

.purchase-suggestions__metrics strong[b-jd84c0iblp] {
    color: var(--zj-on-surface);
    font-size: 1.05rem;
}

.purchase-suggestions__metrics span[b-jd84c0iblp] {
    color: var(--zj-on-surface-variant);
    font-size: .72rem;
}

.purchase-suggestions__metric-total strong[b-jd84c0iblp] {
    color: var(--zj-primary);
}

.purchase-suggestions__groups[b-jd84c0iblp] {
    display: grid;
    gap: .85rem;
}

.purchase-suggestion-group[b-jd84c0iblp] {
    overflow: hidden;
    border: 1px solid var(--zj-outline-variant);
    border-radius: 1.1rem;
    background: var(--zj-surface);
}

.purchase-suggestion-group__header[b-jd84c0iblp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .85rem 1rem;
    background: var(--zj-surface-container-low);
}

.purchase-suggestion-group__select[b-jd84c0iblp],
.purchase-suggestion-group__identity[b-jd84c0iblp],
.purchase-suggestion-group__summary[b-jd84c0iblp] {
    display: flex;
    align-items: center;
}

.purchase-suggestion-group__select[b-jd84c0iblp] {
    gap: .75rem;
    cursor: pointer;
}

.purchase-suggestion-group__identity[b-jd84c0iblp] {
    gap: .65rem;
}

.purchase-suggestion-group__identity > span:last-child[b-jd84c0iblp] {
    display: grid;
    gap: .1rem;
}

.purchase-suggestion-group__identity strong[b-jd84c0iblp] {
    color: var(--zj-on-surface);
}

.purchase-suggestion-group__identity small[b-jd84c0iblp],
.purchase-suggestion-group__summary > span[b-jd84c0iblp] {
    color: var(--zj-on-surface-variant);
}

.purchase-suggestion-group__icon[b-jd84c0iblp] {
    display: grid;
    place-items: center;
    width: 2.45rem;
    height: 2.45rem;
    border-radius: .8rem;
    color: var(--zj-primary);
    background: color-mix(in srgb, var(--zj-primary) 12%, transparent);
}

.purchase-suggestion-group__summary[b-jd84c0iblp] {
    gap: .8rem;
}

.purchase-suggestion-group__summary strong[b-jd84c0iblp] {
    color: var(--zj-primary);
}

.purchase-suggestion-group__toggle[b-jd84c0iblp] {
    display: grid;
    place-items: center;
    width: 2.25rem;
    height: 2.25rem;
    padding: 0;
    border: 1px solid var(--zj-outline-variant);
    border-radius: .7rem;
    color: var(--zj-on-surface);
    background: var(--zj-surface);
    cursor: pointer;
}

.purchase-suggestion-group__delivery[b-jd84c0iblp] {
    padding: .8rem 1rem;
    border-bottom: 1px solid var(--zj-outline-variant);
}

.purchase-suggestion-group__table-shell[b-jd84c0iblp] {
    overflow-x: auto;
}

.purchase-suggestion-table[b-jd84c0iblp] {
    width: 100%;
    min-width: 58rem;
    border-collapse: collapse;
}

.purchase-suggestion-table th[b-jd84c0iblp],
.purchase-suggestion-table td[b-jd84c0iblp] {
    padding: .75rem;
    border-bottom: 1px solid var(--zj-outline-variant);
    text-align: start;
    vertical-align: middle;
}

.purchase-suggestion-table th[b-jd84c0iblp] {
    color: var(--zj-on-surface-variant);
    font-size: .72rem;
    font-weight: 900;
    background: color-mix(in srgb, var(--zj-surface-container-low) 75%, transparent);
}

.purchase-suggestion-table tbody tr:last-child td[b-jd84c0iblp] {
    border-bottom: 0;
}

.purchase-suggestion-table tbody tr.is-unselected[b-jd84c0iblp] {
    opacity: .55;
    background: var(--zj-surface-container-low);
}

.purchase-suggestion-table td > strong[b-jd84c0iblp],
.purchase-suggestion-table td > small[b-jd84c0iblp] {
    display: block;
}

.purchase-suggestion-table td > small[b-jd84c0iblp] {
    margin-top: .25rem;
    color: var(--zj-on-surface-variant);
    font-size: .7rem;
}

.purchase-suggestion-table__stock[b-jd84c0iblp] {
    display: grid;
    gap: .15rem;
    color: var(--zj-on-surface-variant);
    font-size: .73rem;
}

.purchase-suggestion-table__total[b-jd84c0iblp] {
    color: var(--zj-primary);
    white-space: nowrap;
}

.purchase-suggestions__commit[b-jd84c0iblp] {
    position: sticky;
    bottom: .75rem;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .85rem 1rem;
    border: 1px solid color-mix(in srgb, var(--zj-primary) 30%, var(--zj-outline-variant));
    border-radius: 1rem;
    background: color-mix(in srgb, var(--zj-surface) 94%, transparent);
    box-shadow: 0 .8rem 2rem color-mix(in srgb, var(--zj-on-surface) 12%, transparent);
    backdrop-filter: blur(1rem);
}

.purchase-suggestions__commit > div[b-jd84c0iblp] {
    display: grid;
    gap: .15rem;
}

.purchase-suggestions__commit span[b-jd84c0iblp] {
    color: var(--zj-on-surface-variant);
    font-size: .74rem;
}

.purchase-suggestions__commit strong[b-jd84c0iblp] {
    color: var(--zj-on-surface);
}

.purchase-suggestions__commit .btn[b-jd84c0iblp] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
}

.purchase-orders-created[b-jd84c0iblp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid color-mix(in srgb, var(--zj-success) 35%, var(--zj-outline-variant));
    border-radius: 1rem;
    background: color-mix(in srgb, var(--zj-success) 8%, var(--zj-surface));
}

.purchase-orders-created > div:first-child[b-jd84c0iblp] {
    display: flex;
    align-items: center;
    gap: .65rem;
}

.purchase-orders-created > div:first-child > span[b-jd84c0iblp] {
    color: var(--zj-success);
    font-size: 2rem;
}

.purchase-orders-created strong[b-jd84c0iblp],
.purchase-orders-created small[b-jd84c0iblp] {
    display: block;
}

.purchase-orders-created small[b-jd84c0iblp] {
    margin-top: .15rem;
    color: var(--zj-on-surface-variant);
}

.purchase-orders-created__links[b-jd84c0iblp] {
    display: flex;
    gap: .4rem;
    flex-wrap: wrap;
}

.purchase-orders-created__links button[b-jd84c0iblp] {
    padding: .45rem .65rem;
    border: 1px solid var(--zj-outline-variant);
    border-radius: .7rem;
    color: var(--zj-primary);
    background: var(--zj-surface);
    text-decoration: none;
    font-size: .78rem;
    font-weight: 800;
}

.purchase-orders-list[b-jd84c0iblp] {
    display: grid;
    gap: 1rem;
}

.purchase-orders-list__filters[b-jd84c0iblp] {
    display: grid;
    grid-template-columns: minmax(14rem, 2fr) minmax(11rem, 1fr) auto;
    gap: .75rem;
    align-items: end;
}

.purchase-orders-list__filters > label[b-jd84c0iblp] {
    display: grid;
    gap: .35rem;
}

.purchase-orders-list__items[b-jd84c0iblp] {
    display: grid;
    gap: .55rem;
}

.purchase-order-row[b-jd84c0iblp] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 1rem;
    width: 100%;
    padding: .85rem 1rem;
    border: 1px solid var(--zj-outline-variant);
    border-radius: .9rem;
    color: var(--zj-on-surface);
    background: var(--zj-surface);
    text-align: start;
    cursor: pointer;
    transition: border-color .18s ease, transform .18s ease;
}

.purchase-order-row:not(:disabled):hover[b-jd84c0iblp] {
    border-color: color-mix(in srgb, var(--zj-primary) 55%, var(--zj-outline-variant));
    transform: translateY(-1px);
}

.purchase-order-row:disabled[b-jd84c0iblp],
.purchase-orders-created__links button:disabled[b-jd84c0iblp] {
    cursor: default;
    opacity: 1;
}

.purchase-order-row > span[b-jd84c0iblp] {
    display: grid;
    gap: .18rem;
}

.purchase-order-row > span:nth-child(2)[b-jd84c0iblp] {
    text-align: end;
}

.purchase-order-row small[b-jd84c0iblp] {
    color: var(--zj-on-surface-variant);
}

.purchase-orders-list__pager[b-jd84c0iblp] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    flex-wrap: wrap;
}

@media (max-width: 800px) {
    .purchase-suggestions[b-jd84c0iblp] {
        padding: .8rem;
        border-radius: 1rem;
    }

    .purchase-suggestions__metrics[b-jd84c0iblp] {
        width: 100%;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .purchase-suggestions__metrics > div[b-jd84c0iblp] {
        min-width: 0;
    }

    .purchase-suggestion-group__header[b-jd84c0iblp],
    .purchase-suggestions__commit[b-jd84c0iblp],
    .purchase-orders-created[b-jd84c0iblp] {
        align-items: stretch;
        flex-direction: column;
    }

    .purchase-suggestion-group__summary[b-jd84c0iblp] {
        justify-content: space-between;
    }

    .purchase-suggestion-group__delivery[b-jd84c0iblp] {
        align-items: stretch;
        flex-direction: column;
    }

    .purchase-suggestion-group__table-shell[b-jd84c0iblp] {
        overflow: visible;
    }

    .purchase-suggestion-table[b-jd84c0iblp] {
        display: block;
        min-width: 0;
    }

    .purchase-suggestion-table thead[b-jd84c0iblp] {
        display: none;
    }

    .purchase-suggestion-table tbody[b-jd84c0iblp],
    .purchase-suggestion-table tr[b-jd84c0iblp],
    .purchase-suggestion-table td[b-jd84c0iblp] {
        display: block;
    }

    .purchase-suggestion-table tr[b-jd84c0iblp] {
        padding: .75rem;
        border-bottom: 1px solid var(--zj-outline-variant);
    }

    .purchase-suggestion-table tr:last-child[b-jd84c0iblp] {
        border-bottom: 0;
    }

    .purchase-suggestion-table td[b-jd84c0iblp] {
        display: grid;
        grid-template-columns: minmax(6rem, .7fr) minmax(0, 1.3fr);
        gap: .75rem;
        padding: .5rem 0;
        border: 0;
    }

    .purchase-suggestion-table td[b-jd84c0iblp]::before {
        content: attr(data-label);
        color: var(--zj-on-surface-variant);
        font-size: .72rem;
        font-weight: 900;
    }

    .purchase-suggestions__commit .btn[b-jd84c0iblp] {
        justify-content: center;
        width: 100%;
    }

    .purchase-orders-list__filters[b-jd84c0iblp] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 520px) {
    .purchase-orders-page__actions .btn[b-jd84c0iblp] {
        flex: 1 1 auto;
        justify-content: center;
    }

    .purchase-suggestions__metrics[b-jd84c0iblp] {
        grid-template-columns: 1fr;
    }

    .purchase-suggestion-table td[b-jd84c0iblp] {
        grid-template-columns: 1fr;
        gap: .25rem;
    }

    .purchase-order-row[b-jd84c0iblp] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .purchase-order-row > span:nth-child(2)[b-jd84c0iblp] {
        grid-column: 1;
        text-align: start;
    }

    .purchase-order-row > .material-symbols-outlined[b-jd84c0iblp] {
        grid-column: 2;
        grid-row: 1 / span 2;
    }
}
/* _content/Zajal.Shared/Pages/Admin/Inventory/StockDashboard.razor.rz.scp.css */
.stock-dashboard[b-lq919f242v] {
    display: grid;
    gap: 1rem;
}

.stock-dashboard__hero[b-lq919f242v] {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 1rem;
    padding: 1.3rem;
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-2xl);
    background: linear-gradient(135deg, color-mix(in srgb, var(--zj-primary) 14%, var(--zj-surface)), var(--zj-surface-container-low));
}

.stock-dashboard__hero > div:last-child[b-lq919f242v],
.stock-dashboard__actions[b-lq919f242v] {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
}

.stock-dashboard__hero span[b-lq919f242v],
.stock-dashboard__quantity strong[b-lq919f242v] {
    color: var(--zj-primary);
    font-weight: 900;
}

.stock-dashboard__hero h1[b-lq919f242v],
.stock-dashboard__conversions h3[b-lq919f242v],
.stock-dashboard__batch-list h3[b-lq919f242v] {
    margin: 0;
}

.stock-dashboard__hero p[b-lq919f242v],
.stock-dashboard__title small[b-lq919f242v],
.stock-dashboard__threshold[b-lq919f242v] {
    color: var(--zj-on-surface-variant);
}



.stock-dashboard__metrics[b-lq919f242v],
.stock-dashboard__grid[b-lq919f242v] {
    display: grid;
    gap: .8rem;
}

.stock-dashboard__metrics[b-lq919f242v] {
    grid-template-columns: repeat(3, 1fr);
}

.stock-dashboard__grid[b-lq919f242v] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.stock-dashboard__metrics article[b-lq919f242v],
.stock-dashboard__card[b-lq919f242v],
.stock-dashboard__conversions[b-lq919f242v],
.stock-dashboard__batch-list[b-lq919f242v] {
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-xl);
    background: var(--zj-surface-container-low);
}

.stock-dashboard__metrics article[b-lq919f242v],
.stock-dashboard__card[b-lq919f242v] {
    display: grid;
    gap: .8rem;
    padding: 1rem;
}

.stock-dashboard__metrics strong[b-lq919f242v] {
    font-size: 1.45rem;
}

.stock-dashboard__title[b-lq919f242v],
.stock-dashboard__summary-top[b-lq919f242v],
.stock-dashboard__dialog-head[b-lq919f242v] {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
}

.stock-dashboard__title h2[b-lq919f242v] {
    margin: .15rem 0;
    font-size: 1.05rem;
}

.stock-dashboard__quantity[b-lq919f242v] {
    display: flex;
    align-items: baseline;
    gap: .4rem;
}

.stock-dashboard__quantity strong[b-lq919f242v] {
    font-size: 1.8rem;
}

.stock-dashboard__threshold[b-lq919f242v] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    font-size: .85rem;
}

.stock-dashboard__threshold-edit[b-lq919f242v] {
    display: grid;
    grid-template-columns: 1fr auto auto;
    gap: .5rem;
}

.stock-dashboard__state[b-lq919f242v] {
    display: grid;
    min-height: 13rem;
    place-items: center;
    align-content: center;
    text-align: center;
}

.stock-dashboard__state > .material-symbols-outlined[b-lq919f242v] {
    color: var(--zj-primary);
    font-size: 2.7rem;
}

.stock-dashboard__modal[b-lq919f242v] {
    position: fixed;
    inset: 0;
    z-index: 1100;
    display: grid;
    place-items: center;
    padding: clamp(.75rem, 2vw, 1.5rem);
}

.stock-dashboard__modal-backdrop[b-lq919f242v] {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, .58);
    backdrop-filter: blur(7px);
}

.stock-dashboard__modal[b-lq919f242v]  .stock-dashboard__sheet {
    position: relative;
    width: min(78rem, calc(100vw - 2rem));
    max-height: min(54rem, calc(100vh - 2rem));
    overflow: auto;
    border: 1px solid var(--zj-outline-variant) !important;
    background: var(--zj-surface) !important;
    color: var(--zj-on-surface) !important;
    box-shadow: 0 28px 80px rgba(0, 0, 0, .38);
}

.stock-dashboard__sheet .card-body[b-lq919f242v] {
    display: grid;
    gap: 1rem;
    padding: clamp(1rem, 2vw, 1.5rem);
}

.stock-dashboard__sheet-grip[b-lq919f242v] {
    width: 3rem;
    height: .28rem;
    margin-inline: auto;
    border-radius: 999px;
    background: var(--zj-outline-variant);
}

.stock-dashboard__dialog-head[b-lq919f242v] {
    align-items: start;
}

.stock-dashboard__dialog-head > div[b-lq919f242v] {
    display: grid;
    gap: .15rem;
    min-width: 0;
}

.stock-dashboard__dialog-head span[b-lq919f242v] {
    color: var(--zj-primary);
    font-weight: 900;
}

.stock-dashboard__dialog-head h2[b-lq919f242v] {
    margin: 0;
    color: var(--zj-on-surface);
    font-size: clamp(1.15rem, 2vw, 1.45rem);
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.stock-dashboard__dialog-head small[b-lq919f242v] {
    color: var(--zj-on-surface-variant);
    font-weight: 800;
}

.stock-dashboard__sheet-icon[b-lq919f242v] {
    display: inline-grid !important;
    flex: 0 0 auto;
    width: 2.35rem;
    height: 2.35rem;
    place-items: center;
    border-radius: var(--zj-radius-lg);
    background: color-mix(in srgb, var(--zj-primary) 12%, var(--zj-surface));
    color: var(--zj-primary) !important;
}

.stock-dashboard__sheet .btn-icon[b-lq919f242v] {
    flex: 0 0 auto;
    color: var(--zj-on-surface-variant);
    background: var(--zj-surface-container-low);
}

.stock-dashboard__conversions[b-lq919f242v] {
    display: grid;
    gap: .55rem;
    padding: .85rem;
    border-color: var(--zj-outline-variant);
    background: var(--zj-surface-container-low);
}

.stock-dashboard__conversion-grid[b-lq919f242v] {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
    gap: .55rem;
}

.stock-dashboard__conversion-card[b-lq919f242v] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: .45rem;
    padding: .55rem .65rem;
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-lg);
    background: var(--zj-surface);
    color: var(--zj-on-surface);
    font-size: .82rem;
}

.stock-dashboard__conversion-card strong[b-lq919f242v] {
    min-width: 0;
    overflow-wrap: anywhere;
    text-align: center;
}

.stock-dashboard__conversion-equals[b-lq919f242v] {
    display: inline-grid !important;
    width: 1.75rem;
    height: 1.75rem;
    place-items: center;
    padding: 0 !important;
    border-radius: var(--zj-radius-full) !important;
    background: color-mix(in srgb, var(--zj-primary) 12%, var(--zj-surface)) !important;
    color: var(--zj-primary) !important;
    font-weight: 900;
}

.stock-dashboard__summary-grid[b-lq919f242v] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .85rem;
}

.stock-dashboard__summary-card[b-lq919f242v] {
    --metric: #38bdf8;
    display: grid;
    min-width: 0;
    gap: .8rem;
    padding: 1rem;
    border: 1px solid color-mix(in srgb, var(--metric) 42%, var(--zj-outline-variant));
    border-radius: var(--zj-radius-xl);
    background: linear-gradient(180deg, color-mix(in srgb, var(--metric) 8%, var(--zj-surface)), var(--zj-surface));
}

.stock-dashboard__summary-card--received[b-lq919f242v] { --metric: #60a5fa; }
.stock-dashboard__summary-card--issued[b-lq919f242v] { --metric: #fb923c; }
.stock-dashboard__summary-card--remaining[b-lq919f242v] { --metric: #22c55e; }
.stock-dashboard__summary-card--waste[b-lq919f242v] { --metric: #ef4444; }

.stock-dashboard__summary-top[b-lq919f242v] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}

.stock-dashboard__summary-title[b-lq919f242v],
.stock-dashboard__summary-value[b-lq919f242v] {
    display: grid;
    gap: .18rem;
}

.stock-dashboard__summary-title span[b-lq919f242v] {
    display: flex;
    align-items: center;
    gap: .35rem;
    color: var(--zj-on-surface);
    font-size: .9rem;
    font-weight: 900;
}

.stock-dashboard__summary-top span[b-lq919f242v]::after {
    content: "";
    width: .45rem;
    height: .45rem;
    border-radius: 999px;
    background: var(--metric);
    box-shadow: 0 0 16px color-mix(in srgb, var(--metric) 60%, transparent);
}

.stock-dashboard__summary-value[b-lq919f242v] {
    grid-template-columns: auto auto;
    align-items: baseline;
}

.stock-dashboard__summary-value strong[b-lq919f242v] {
    color: var(--metric);
    font-size: 1.65rem;
    line-height: 1;
}

.stock-dashboard__summary-title small[b-lq919f242v],
.stock-dashboard__summary-value small[b-lq919f242v] {
    color: var(--zj-on-surface-variant);
    font-weight: 900;
}

.stock-dashboard__summary-money[b-lq919f242v] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: .5rem 1rem;
    padding-top: .7rem;
    border-top: 1px solid var(--zj-outline-variant);
    color: var(--zj-on-surface-variant);
    font-size: .78rem;
}

.stock-dashboard__summary-money strong[b-lq919f242v] {
    color: var(--zj-on-surface);
}

.stock-dashboard__metric-body[b-lq919f242v] {
    min-width: 0;
    padding-top: .1rem;
}

.stock-dashboard__line-table[b-lq919f242v] {
    width: 100%;
    overflow-x: auto;
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-lg);
}

.stock-dashboard__line-table table[b-lq919f242v] {
    width: 100%;
    min-width: 30rem;
    border-collapse: collapse;
    text-align: start;
}

.stock-dashboard__line-table thead[b-lq919f242v] {
    background: var(--zj-surface-container-low);
}

.stock-dashboard__line-table th[b-lq919f242v],
.stock-dashboard__line-table td[b-lq919f242v] {
    padding: .65rem .7rem;
    border-bottom: 1px solid var(--zj-outline-variant);
    color: var(--zj-on-surface);
    font-size: .78rem;
    text-align: start;
    vertical-align: middle;
    white-space: nowrap;
}

.stock-dashboard__line-table thead th[b-lq919f242v] {
    color: var(--zj-on-surface-variant);
    font-size: .72rem;
    font-weight: 900;
}

.stock-dashboard__line-table tbody th[b-lq919f242v] {
    max-width: 15rem;
    color: var(--zj-primary);
    font-weight: 900;
    white-space: normal;
    overflow-wrap: anywhere;
}

.stock-dashboard__line-table tbody tr:last-child th[b-lq919f242v],
.stock-dashboard__line-table tbody tr:last-child td[b-lq919f242v] {
    border-bottom: 0;
}

.stock-dashboard__line-empty[b-lq919f242v] {
    padding: 1rem;
    border: 1px dashed var(--zj-outline-variant);
    border-radius: var(--zj-radius-md);
    background: var(--zj-surface-container-low);
    color: var(--zj-on-surface-variant);
    font-size: .78rem;
    text-align: center;
}

.stock-dashboard__audit[b-lq919f242v] {
    --audit-tone: var(--zj-success, #16845b);
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: .35rem;
    padding: .75rem;
    border: 1px solid color-mix(in srgb, var(--audit-tone) 30%, var(--zj-outline-variant));
    border-radius: var(--zj-radius-xl);
    background: color-mix(in srgb, var(--audit-tone) 9%, var(--zj-surface));
    color: var(--audit-tone);
    font-size: .78rem;
}

.stock-dashboard__audit--warning[b-lq919f242v] {
    --audit-tone: var(--zj-error, #c62828);
}

.stock-dashboard__audit strong[b-lq919f242v] {
    color: var(--audit-tone);
}

.stock-dashboard__audit .material-symbols-outlined[b-lq919f242v] {
    font-size: 1.1rem;
}

.stock-dashboard__audit > span:not(.material-symbols-outlined)[b-lq919f242v] { min-width: 0; }
.stock-dashboard__audit-equation[b-lq919f242v] { display: inline-block; max-width: 100%; overflow-x: auto; white-space: nowrap; vertical-align: bottom; }

@media (max-width: 1050px) {
    .stock-dashboard__grid[b-lq919f242v],
    .stock-dashboard__summary-grid[b-lq919f242v] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 650px) {
    .stock-dashboard__hero[b-lq919f242v],
    .stock-dashboard__filters[b-lq919f242v],
    .stock-dashboard__metrics[b-lq919f242v],
    .stock-dashboard__threshold-edit[b-lq919f242v] {
        grid-template-columns: 1fr;
    }

    .stock-dashboard__hero[b-lq919f242v] {
        display: grid;
    }

    .stock-dashboard__modal[b-lq919f242v] {
        place-items: end center;
        padding: .45rem;
    }

    .stock-dashboard__modal[b-lq919f242v]  .stock-dashboard__sheet {
        width: calc(100vw - .9rem);
        max-height: calc(100vh - .9rem);
        border-bottom-right-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
    }

    .stock-dashboard__sheet .card-body[b-lq919f242v] {
        padding: .85rem;
    }

    .stock-dashboard__summary-card[b-lq919f242v] {
        padding: .8rem;
    }

    .stock-dashboard__line-table th[b-lq919f242v],
    .stock-dashboard__line-table td[b-lq919f242v] {
        padding: .58rem .6rem;
    }

    .stock-dashboard__audit[b-lq919f242v] {
        grid-template-columns: 1fr auto;
    }
    .stock-dashboard__audit > span:not(.material-symbols-outlined)[b-lq919f242v] { grid-column: 1 / -1; grid-row: 2; }
    .stock-dashboard__audit > .material-symbols-outlined[b-lq919f242v] { grid-column: 2; grid-row: 1; }
}

.stock-dashboard[b-lq919f242v], .stock-dashboard > *[b-lq919f242v], .stock-dashboard__hero > *[b-lq919f242v] { min-width: 0; }
.inventory-hub-tabs[b-lq919f242v] { flex-wrap: wrap; }
.inventory-hub-tabs a[b-lq919f242v] { flex: 1 1 12rem; justify-content: center; }
.stock-dashboard__metrics strong[b-lq919f242v] { overflow-wrap: anywhere; }
.stock-dashboard__line-table:focus-visible[b-lq919f242v] {
    outline: 2px solid var(--zj-primary);
    outline-offset: 2px;
}
.stock-dashboard[b-lq919f242v]  .stock-balances-table th { white-space:nowrap; }
.stock-dashboard[b-lq919f242v]  .stock-balances-table td { padding:.9rem;vertical-align:top;min-width:6rem; }
.stock-dashboard[b-lq919f242v]  .stock-balances-table td:first-child { min-width:14rem;max-width:25rem;overflow-wrap:anywhere; }
.stock-dashboard[b-lq919f242v]  .stock-balances-table small { display:block;margin-block:.3rem;color:var(--zj-on-surface-variant); }
.stock-dashboard__threshold-edit[b-lq919f242v] { min-width:16rem;grid-template-columns:1fr; padding:.75rem;border:1px solid var(--zj-outline-variant);border-radius:1rem; }
.stock-dashboard__quantity[b-lq919f242v] { flex-wrap:wrap; }

.stock-dashboard__threshold-edit[b-lq919f242v] { min-width:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.75rem; background:var(--zj-surface-container-low); }
.stock-dashboard__threshold-edit > strong[b-lq919f242v], .stock-dashboard__threshold-edit > .zj-field-grid[b-lq919f242v], .stock-dashboard__threshold-edit > p[b-lq919f242v] { grid-column:1 / -1; }
@media(max-width:650px){ .stock-dashboard__threshold-edit[b-lq919f242v] { grid-template-columns:1fr; } }

/* Stage17: status is always named; a natural zero is not an error. */

.stock-dashboard__filters[b-lq919f242v] { background: var(--zj-surface-container-low); border-radius: inherit; }
.stock-dashboard[b-lq919f242v]  .stock-status-cell { border-inline-start: 3px solid transparent; }
.stock-dashboard[b-lq919f242v]  .stock-status-cell--warning { border-inline-start-color: var(--zj-warning); background: var(--zj-warning-container); }
.stock-dashboard[b-lq919f242v]  .stock-status-cell--danger { border-inline-start-color: var(--zj-error); background: var(--zj-error-container); }
.stock-status[b-lq919f242v] { display: inline-flex; align-items: center; gap: .3rem; font-size: .8rem; font-weight: 700; margin-block-start: .3rem; color: var(--zj-on-surface); }
.stock-status .material-symbols-outlined[b-lq919f242v] { font-size: 1rem; }
@media(max-width:820px) {   }
/* _content/Zajal.Shared/Pages/Admin/Inventory/StockMovements.razor.rz.scp.css */
.stock-movements[b-fxjid5i9p5]{display:grid;gap:1.25rem}.stock-movements>header[b-fxjid5i9p5]{display:flex;justify-content:space-between;align-items:end;gap:1rem}.stock-movements header span[b-fxjid5i9p5]{color:var(--zj-primary);font-weight:900}.stock-movements h1[b-fxjid5i9p5]{margin:.2rem 0}.stock-movements header p[b-fxjid5i9p5]{margin:0;color:var(--zj-on-surface-variant)}

.stock-movements__kpi-grid[b-fxjid5i9p5]{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:.85rem}
.stock-movements__kpi-card[b-fxjid5i9p5]{display:flex;align-items:center;gap:.85rem;padding:.9rem 1.1rem;border-radius:var(--zj-radius-xl,1rem);border:1px solid var(--zj-outline-variant);background:var(--zj-surface);box-shadow:var(--zj-shadow-1,0 1px 3px rgba(0,0,0,.05))}
.stock-movements__kpi-icon[b-fxjid5i9p5]{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:.75rem;flex-shrink:0}
.stock-movements__kpi-icon .material-symbols-outlined[b-fxjid5i9p5]{font-size:1.35rem}
.stock-movements__kpi-data[b-fxjid5i9p5]{display:grid;gap:.1rem}
.stock-movements__kpi-label[b-fxjid5i9p5]{font-size:.78rem;font-weight:750;color:var(--zj-on-surface-variant)}
.stock-movements__kpi-value[b-fxjid5i9p5]{font-size:1.35rem;font-weight:900;color:var(--zj-on-surface);line-height:1.1}
.stock-movements__kpi-data small[b-fxjid5i9p5]{font-size:.7rem;color:var(--zj-on-surface-variant);font-weight:600}

.stock-movements__kpi-card--receipt .stock-movements__kpi-icon[b-fxjid5i9p5]{background:color-mix(in srgb,var(--zj-success,#16a34a) 12%,var(--zj-surface));color:var(--zj-success,#16a34a)}
.stock-movements__kpi-card--consumption .stock-movements__kpi-icon[b-fxjid5i9p5]{background:color-mix(in srgb,var(--zj-primary,#6366f1) 12%,var(--zj-surface));color:var(--zj-primary,#6366f1)}
.stock-movements__kpi-card--waste .stock-movements__kpi-icon[b-fxjid5i9p5]{background:color-mix(in srgb,var(--zj-error,#dc2626) 12%,var(--zj-surface));color:var(--zj-error,#dc2626)}
.stock-movements__kpi-card--adjustment .stock-movements__kpi-icon[b-fxjid5i9p5]{background:color-mix(in srgb,#9333ea 12%,var(--zj-surface));color:#9333ea}

.stock-movements__filters-box[b-fxjid5i9p5]{display:grid;gap:.85rem}

.stock-movements__chips[b-fxjid5i9p5]{display:flex;flex-wrap:wrap;gap:.45rem;padding-top:.45rem;border-top:1px solid color-mix(in srgb,var(--zj-outline-variant) 60%,transparent)}
.stock-movements__chip[b-fxjid5i9p5]{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.78rem;font-weight:750;border-radius:999px;border:1px solid var(--zj-outline-variant);background:var(--zj-surface);color:var(--zj-on-surface);cursor:pointer;transition:all .15s ease}
.stock-movements__chip:hover[b-fxjid5i9p5]{border-color:var(--zj-primary);background:color-mix(in srgb,var(--zj-primary) 5%,var(--zj-surface))}
.stock-movements__chip--active[b-fxjid5i9p5]{background:var(--zj-primary)!important;border-color:var(--zj-primary)!important;color:#fff!important}
.stock-movements__chip--active .material-symbols-outlined[b-fxjid5i9p5]{color:#fff!important}
.stock-movements__chip .material-symbols-outlined[b-fxjid5i9p5]{font-size:.95rem}

.stock-movements__table-wrap[b-fxjid5i9p5]{overflow:auto;border:1px solid var(--zj-outline-variant);border-radius:var(--zj-radius-xl)}
.stock-movements table[b-fxjid5i9p5]{width:100%;border-collapse:collapse;min-width:65rem;background:var(--zj-surface)}
.stock-movements th[b-fxjid5i9p5],.stock-movements td[b-fxjid5i9p5]{padding:.75rem .9rem;text-align:start;border-bottom:1px solid var(--zj-outline-variant)}
.stock-movements th[b-fxjid5i9p5]{background:var(--zj-surface-container);font-size:.8rem;font-weight:850}
.stock-movements td small[b-fxjid5i9p5]{display:block;color:var(--zj-on-surface-variant)}
.stock-movements__time[b-fxjid5i9p5]{font-size:.8rem;color:var(--zj-on-surface-variant);font-weight:700}
.stock-movements__batch-tag[b-fxjid5i9p5]{display:inline-block;font-size:.72rem;padding:.1rem .4rem;border-radius:999px;background:var(--zj-surface-container);margin-top:.2rem}

.stock-movements__badge[b-fxjid5i9p5]{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;font-size:.75rem;font-weight:800;border-radius:999px;background:var(--zj-surface-container);color:var(--zj-on-surface)}
.stock-movements__badge .material-symbols-outlined[b-fxjid5i9p5]{font-size:.95rem}
.stock-movements__badge--receipt[b-fxjid5i9p5]{background:color-mix(in srgb,var(--zj-success) 14%,var(--zj-surface));color:var(--zj-success)}
.stock-movements__badge--waste[b-fxjid5i9p5]{background:color-mix(in srgb,var(--zj-error) 14%,var(--zj-surface));color:var(--zj-error)}
.stock-movements__badge--consumption[b-fxjid5i9p5]{background:color-mix(in srgb,var(--zj-primary) 14%,var(--zj-surface));color:var(--zj-primary)}
.stock-movements__badge--adjustment[b-fxjid5i9p5]{background:color-mix(in srgb,#9333ea 14%,var(--zj-surface));color:#9333ea}
.stock-movements__badge--issue[b-fxjid5i9p5]{background:color-mix(in srgb,#ea580c 14%,var(--zj-surface));color:#ea580c}
.stock-movements__badge--return[b-fxjid5i9p5]{background:color-mix(in srgb,#d97706 14%,var(--zj-surface));color:#d97706}

.stock-movements__delta-pill[b-fxjid5i9p5]{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .55rem;border-radius:999px;font-size:.82rem;font-weight:900}
.stock-movements__delta-pill--plus[b-fxjid5i9p5]{color:var(--zj-success);background:color-mix(in srgb,var(--zj-success) 12%,var(--zj-surface))}
.stock-movements__delta-pill--minus[b-fxjid5i9p5]{color:var(--zj-error);background:color-mix(in srgb,var(--zj-error) 12%,var(--zj-surface))}

.stock-movements__before-after[b-fxjid5i9p5]{display:grid;gap:.25rem}
.stock-movements__microbar[b-fxjid5i9p5]{height:.35rem;background:var(--zj-surface-container);border-radius:999px;overflow:hidden;width:5.5rem}
.stock-movements__microbar-fill[b-fxjid5i9p5]{height:100%;border-radius:999px}
.stock-movements__microbar-fill--plus[b-fxjid5i9p5]{background:var(--zj-success)}
.stock-movements__microbar-fill--minus[b-fxjid5i9p5]{background:var(--zj-primary)}

.stock-movements__reason[b-fxjid5i9p5]{font-size:.8rem;color:var(--zj-on-surface-variant);font-weight:650}
.stock-movements__plus[b-fxjid5i9p5]{color:var(--zj-success);font-weight:900}
.stock-movements__minus[b-fxjid5i9p5]{color:var(--zj-error);font-weight:900}
.stock-movements__state[b-fxjid5i9p5]{min-height:12rem;display:grid;place-items:center}
.stock-movements__pager[b-fxjid5i9p5]{display:flex;justify-content:center;align-items:center;gap:.75rem}

@media(max-width:700px){
    .stock-movements>header[b-fxjid5i9p5]{display:grid}
    .stock-movements__table-wrap[b-fxjid5i9p5]{overflow:visible;border:0}
    .stock-movements table[b-fxjid5i9p5]{display:block;min-width:0;background:transparent}
    .stock-movements thead[b-fxjid5i9p5]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
    .stock-movements tbody[b-fxjid5i9p5]{display:grid;gap:.8rem}
    .stock-movements tbody[b-fxjid5i9p5],.stock-movements tr[b-fxjid5i9p5],.stock-movements td[b-fxjid5i9p5]{width:100%}
    .stock-movements tr[b-fxjid5i9p5],.stock-movements td[b-fxjid5i9p5]{display:block}
    .stock-movements tr[b-fxjid5i9p5]{overflow:hidden;border:1px solid var(--zj-outline-variant);border-radius:var(--zj-radius-xl);background:var(--zj-surface);box-shadow:var(--zj-shadow-1)}
    .stock-movements td[b-fxjid5i9p5]{display:grid;grid-template-columns:minmax(7rem,.8fr) minmax(0,1.2fr);gap:.75rem;padding:.7rem .85rem;overflow-wrap:anywhere}
    .stock-movements td:last-child[b-fxjid5i9p5]{border-bottom:0}
    .stock-movements td[b-fxjid5i9p5]::before{content:attr(data-label);color:var(--zj-on-surface-variant);font-size:.78rem;font-weight:900}
    .stock-movements__pager[b-fxjid5i9p5]{position:sticky;bottom:.75rem;padding:.55rem;border:1px solid var(--zj-outline-variant);border-radius:999px;background:color-mix(in srgb,var(--zj-surface) 92%,transparent);box-shadow:var(--zj-shadow-2);backdrop-filter:blur(12px)}
}
.stock-movements > header[b-fxjid5i9p5] { display:block; }
.stock-movements__filters-box[b-fxjid5i9p5] { border:1px solid var(--zj-outline-variant);border-radius:1rem; }
.stock-movements__table-wrap td[b-fxjid5i9p5] { overflow-wrap:anywhere; }
.stock-movements__table-wrap td small[b-fxjid5i9p5] { display:block;margin-block:.3rem; }
.stock-movements__table-wrap:focus-visible[b-fxjid5i9p5] { outline:3px solid var(--zj-primary);outline-offset:3px; }

@media(min-width:701px){.stock-movements table[b-fxjid5i9p5]{min-width:82rem}.stock-movements__time[b-fxjid5i9p5],.stock-movements__delta-pill[b-fxjid5i9p5],.stock-movements__badge[b-fxjid5i9p5]{white-space:nowrap}.stock-movements td:nth-child(2)[b-fxjid5i9p5]{min-width:13rem}.stock-movements td:nth-child(7)[b-fxjid5i9p5]{min-width:8rem}}
/* _content/Zajal.Shared/Pages/Admin/Inventory/StockOperations.razor.rz.scp.css */
.stock-operations[b-naubnyeklr]{display:grid;gap:1rem;max-width:76rem;margin-inline:auto}.stock-operations>header[b-naubnyeklr]{display:flex;justify-content:space-between;align-items:end;gap:1rem}.stock-operations header span[b-naubnyeklr]{color:var(--zj-primary);font-weight:900}.stock-operations h1[b-naubnyeklr]{margin:.2rem 0}.stock-operations header p[b-naubnyeklr]{margin:0;color:var(--zj-on-surface-variant)}.stock-operations__tabs[b-naubnyeklr]{display:inline-grid;grid-template-columns:repeat(auto-fit,minmax(7.5rem,1fr));gap:.45rem;width:min(100%,52rem);padding:.25rem;border:1px solid var(--zj-outline-variant);border-radius:var(--zj-radius-xl);background:var(--zj-surface-container-low)}.stock-operations__tabs .btn[b-naubnyeklr]{justify-content:center;box-shadow:none}.stock-operations__panel[b-naubnyeklr]{display:grid;gap:1rem}.stock-operations__receipt-card[b-naubnyeklr]{display:grid;gap:.8rem;padding:.85rem;border:1px solid var(--zj-outline-variant);border-radius:var(--zj-radius-xl);background:linear-gradient(180deg,var(--zj-surface-container-low),var(--zj-surface))}.stock-operations__receipt-head[b-naubnyeklr]{display:flex;justify-content:space-between;align-items:end;gap:1rem}.stock-operations__receipt-head>div[b-naubnyeklr]{display:grid;gap:.15rem}.stock-operations__receipt-head span[b-naubnyeklr]{font-size:.78rem;color:var(--zj-primary);font-weight:900}.stock-operations__receipt-head strong[b-naubnyeklr]{font-size:1rem;color:var(--zj-on-surface)}.stock-operations__receipt-head small[b-naubnyeklr]{color:var(--zj-on-surface-variant);font-weight:800}.stock-operations__error[b-naubnyeklr]{margin:0;color:var(--zj-error);font-weight:850}@media(max-width:650px){.stock-operations>header[b-naubnyeklr]{display:grid}.stock-operations__tabs[b-naubnyeklr]{display:grid;grid-template-columns:1fr;width:100%}.stock-operations__receipt-head[b-naubnyeklr]{display:grid}}

.stock-operations__draft-actions[b-naubnyeklr]{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:.8rem;border-top:1px solid var(--zj-outline-variant)}
.stock-operations__draft-actions>div[b-naubnyeklr]{display:grid;gap:.2rem}.stock-operations__draft-actions strong[b-naubnyeklr]{color:var(--zj-on-surface);font-size:.9rem}.stock-operations__draft-actions small[b-naubnyeklr]{color:var(--zj-on-surface-variant);font-weight:650}.stock-operations__draft-actions .btn[b-naubnyeklr]{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;white-space:nowrap}.stock-operations__draft-actions .material-symbols-outlined[b-naubnyeklr]{font-size:1.15rem}
.stock-operations__receipt-draft[b-naubnyeklr]{display:grid;gap:.8rem;padding:.9rem;border:1px solid color-mix(in srgb,var(--zj-primary) 24%,var(--zj-outline-variant));border-radius:var(--zj-radius-xl);background:color-mix(in srgb,var(--zj-primary) 4%,var(--zj-surface))}.stock-operations__receipt-draft>header[b-naubnyeklr]{display:flex;align-items:center;justify-content:space-between;gap:1rem}.stock-operations__receipt-draft>header>div[b-naubnyeklr]{display:grid;gap:.15rem}.stock-operations__receipt-draft>header span[b-naubnyeklr]{color:var(--zj-primary);font-size:.76rem;font-weight:900}.stock-operations__receipt-draft>header strong[b-naubnyeklr]{color:var(--zj-on-surface);font-size:1rem}.stock-operations__draft-total[b-naubnyeklr]{text-align:end}.stock-operations__draft-total small[b-naubnyeklr]{color:var(--zj-on-surface-variant);font-weight:700}.stock-operations__draft-total strong[b-naubnyeklr]{color:var(--zj-primary)!important;font-size:1.15rem!important}
.stock-operations__draft-empty[b-naubnyeklr]{display:flex;align-items:center;justify-content:center;gap:.7rem;min-height:6rem;padding:1rem;border:1px dashed var(--zj-outline-variant);border-radius:var(--zj-radius-lg);background:var(--zj-surface);color:var(--zj-on-surface-variant);text-align:start}.stock-operations__draft-empty>.material-symbols-outlined[b-naubnyeklr]{font-size:2rem;color:var(--zj-primary)}.stock-operations__draft-empty>div[b-naubnyeklr]{display:grid;gap:.2rem}.stock-operations__draft-empty strong[b-naubnyeklr]{color:var(--zj-on-surface)}.stock-operations__draft-empty small[b-naubnyeklr]{font-weight:650}
.stock-operations__draft-list[b-naubnyeklr]{display:grid;gap:.55rem;max-height:24rem;overflow:auto;padding-inline-end:.15rem}.stock-operations__draft-line[b-naubnyeklr]{padding:.7rem;border:1px solid var(--zj-outline-variant);border-radius:var(--zj-radius-lg);background:var(--zj-surface)}.stock-operations__draft-item[b-naubnyeklr]{display:flex;align-items:center;gap:.55rem;min-width:0;align-self:center}.stock-operations__draft-item>.material-symbols-outlined[b-naubnyeklr]{display:grid;place-items:center;flex:0 0 2.25rem;height:2.25rem;border-radius:.7rem;background:color-mix(in srgb,var(--zj-primary) 11%,var(--zj-surface));color:var(--zj-primary);font-size:1.2rem}.stock-operations__draft-item>div[b-naubnyeklr]{display:grid;gap:.15rem;min-width:0}.stock-operations__draft-item strong[b-naubnyeklr]{overflow:hidden;color:var(--zj-on-surface);text-overflow:ellipsis;white-space:nowrap}.stock-operations__draft-item small[b-naubnyeklr]{color:var(--zj-on-surface-variant);font-size:.72rem;font-weight:650}.stock-operations__remove-line[b-naubnyeklr]{display:grid;place-items:center;width:2.5rem;height:2.5rem;border:1px solid color-mix(in srgb,var(--zj-error) 35%,var(--zj-outline-variant));border-radius:.7rem;background:color-mix(in srgb,var(--zj-error) 7%,var(--zj-surface));color:var(--zj-error);cursor:pointer}.stock-operations__remove-line:hover[b-naubnyeklr]{background:color-mix(in srgb,var(--zj-error) 14%,var(--zj-surface))}.stock-operations__remove-line .material-symbols-outlined[b-naubnyeklr]{font-size:1.15rem}

@media(max-width:650px){.stock-operations__draft-actions[b-naubnyeklr],.stock-operations__receipt-draft>header[b-naubnyeklr]{display:grid}.stock-operations__draft-actions .btn[b-naubnyeklr]{width:100%}.stock-operations__draft-total[b-naubnyeklr]{text-align:start}.stock-operations__draft-item[b-naubnyeklr]{grid-column:1/-1}.stock-operations__remove-line[b-naubnyeklr]{justify-self:end}.stock-operations__draft-list[b-naubnyeklr]{max-height:none}}
.stock-operations__waste-draft[b-naubnyeklr]{border-color:color-mix(in srgb,var(--zj-error) 28%,var(--zj-outline-variant));background:color-mix(in srgb,var(--zj-error) 4%,var(--zj-surface))}
.stock-operations__waste-draft>header span[b-naubnyeklr]{color:var(--zj-error)}
.stock-operations__waste-total[b-naubnyeklr]{color:var(--zj-error)!important}
.stock-operations__draft-icon--waste[b-naubnyeklr]{background:color-mix(in srgb,var(--zj-error) 12%,var(--zj-surface))!important;color:var(--zj-error)!important}

.stock-operations .btn.btn-primary:not(:disabled)[b-naubnyeklr] {
    background: #0369a1;
    border-color: #0369a1;
    color: #fff;
}

.stock-operations header > div > span[b-naubnyeklr],
.stock-operations__unit-hint[b-naubnyeklr] {
    color: var(--zj-on-surface) !important;
}

.stock-operations__remove-line[b-naubnyeklr] {
    min-width: 44px;
    min-height: 44px;
}

/* _content/Zajal.Shared/Pages/Admin/Inventory/StocktakeCount.razor.rz.scp.css */
.stocktake-count[b-mmnres722i],
.stocktake-count__panel[b-mmnres722i],
.stocktake-count__lines[b-mmnres722i] {
    display: grid;
    gap: 1rem;
}

.stocktake-count__panel h3[b-mmnres722i] {
    margin: 0;
    font-size: 1.15rem;
}

.stocktake-count__progress-card[b-mmnres722i] {
    display: grid;
    gap: .45rem;
    padding: .85rem 1.1rem;
    border-radius: var(--zj-radius-lg);
    background: var(--zj-surface-container-low);
    border: 1px solid var(--zj-outline-variant);
}

.stocktake-count__progress-meta[b-mmnres722i] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
    font-size: .82rem;
}

.stocktake-count__progress-title[b-mmnres722i] {
    display: flex;
    align-items: center;
    gap: .4rem;
    color: var(--zj-primary);
    font-weight: 850;
}

.stocktake-count__progress-title .material-symbols-outlined[b-mmnres722i] {
    font-size: 1.25rem;
}

.stocktake-count__progress-meta strong[b-mmnres722i] {
    color: var(--zj-on-surface);
    font-weight: 850;
}

.stocktake-count__progress-track[b-mmnres722i] {
    display: block;
    height: .5rem;
    border-radius: 9999px;
    background: var(--zj-surface-container-high);
    overflow: hidden;
    width: 100%;
}

.stocktake-count__progress-bar[b-mmnres722i] {
    height: 100%;
    background: var(--zj-primary);
    border-radius: 9999px;
    transition: width .3s ease;
}

.stocktake-count__line[b-mmnres722i] {
    display: grid;
    grid-template-columns: minmax(12rem, 2fr) minmax(8rem, 1fr) auto;
    gap: .75rem;
    align-items: end;
    padding: 1rem;
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-xl);
    background: linear-gradient(135deg, var(--zj-surface), var(--zj-surface-container-low));
    box-shadow: var(--zj-shadow-1);
}

.stocktake-count__line.is-locked[b-mmnres722i] {
    background: color-mix(in srgb, var(--zj-surface) 92%, #10b981);
    border-color: rgba(16, 185, 129, 0.3);
}

.stocktake-count__locked-pill[b-mmnres722i] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    margin-top: .4rem;
    padding: .2rem .55rem;
    border-radius: 9999px;
    background: rgba(16, 185, 129, 0.15);
    color: var(--zj-on-surface);
    font-size: .75rem;
    font-weight: 850;
}

.stocktake-count__locked-pill .material-symbols-outlined[b-mmnres722i] {
    font-size: .95rem;
}

.stocktake-count__line small[b-mmnres722i] {
    display: block;
    color: var(--zj-on-surface-variant);
    margin-top: .2rem;
}

.stocktake-count__loading[b-mmnres722i] {
    margin: 0;
    color: var(--zj-on-surface-variant);
    font-weight: 800;
}

.stocktake-count__state[b-mmnres722i] {
    min-height: 16rem;
    display: grid;
    place-items: center;
}

@media (max-width: 760px) {
    .stocktake-count__line[b-mmnres722i] {
        grid-template-columns: 1fr;
    }
}
/* _content/Zajal.Shared/Pages/Admin/Inventory/StocktakeReview.razor.rz.scp.css */
.stocktake-review[b-u34c9doly8],
.stocktake-review__panel[b-u34c9doly8] {
    display: grid;
    gap: 1rem;
}

.stocktake-review__table .btn:disabled[b-u34c9doly8] {
    opacity: 1 !important;
    color: var(--zj-on-surface-variant) !important;
    background: var(--zj-surface-container-high) !important;
    cursor: not-allowed;
}

.stocktake-review__summary[b-u34c9doly8] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    padding: 1rem;
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-xl);
    background: var(--zj-surface-container-low);
}

.stocktake-review__summary h3[b-u34c9doly8] {
    margin: 0 0 .25rem;
}

.stocktake-review__summary p[b-u34c9doly8] {
    margin: 0;
    color: var(--zj-on-surface-variant);
}

.stocktake-review__kpis[b-u34c9doly8] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    gap: .75rem;
}

.stocktake-review__kpi[b-u34c9doly8] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .75rem 1rem;
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-lg);
    background: var(--zj-surface);
    box-shadow: var(--zj-shadow-1);
}

.stocktake-review__kpi-icon[b-u34c9doly8] {
    font-size: 1.5rem;
    color: var(--zj-primary);
}

.stocktake-review__kpi--match .stocktake-review__kpi-icon[b-u34c9doly8] {
    color: #10b981;
}

.stocktake-review__kpi--shortage .stocktake-review__kpi-icon[b-u34c9doly8] {
    color: #ef4444;
}

.stocktake-review__kpi--surplus .stocktake-review__kpi-icon[b-u34c9doly8] {
    color: #3b82f6;
}

.stocktake-review__kpi-label[b-u34c9doly8] {
    display: block;
    font-size: .72rem;
    color: var(--zj-on-surface-variant);
    font-weight: 700;
}

.stocktake-review__kpi-val[b-u34c9doly8] {
    font-size: 1.1rem;
    font-weight: 900;
    color: var(--zj-on-surface);
}

.stocktake-review__kpi-val small[b-u34c9doly8] {
    font-size: .75rem;
    font-weight: 700;
    color: var(--zj-on-surface-variant);
}

.stocktake-review__gauge-wrap[b-u34c9doly8] {
    padding: .75rem 1rem;
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-lg);
    background: var(--zj-surface-container-low);
}

.stocktake-review__gauge-header[b-u34c9doly8] {
    display: flex;
    justify-content: space-between;
    font-size: .8rem;
    color: var(--zj-on-surface-variant);
    font-weight: 700;
}

.stocktake-review__gauge-track[b-u34c9doly8] {
    display: flex;
    height: .65rem;
    border-radius: 9999px;
    overflow: hidden;
    background: var(--zj-outline-variant);
    margin-top: .4rem;
}

.stocktake-review__gauge-bar[b-u34c9doly8] {
    height: 100%;
    transition: width .3s ease;
}

.stocktake-review__gauge-bar--match[b-u34c9doly8] {
    background: #10b981;
}

.stocktake-review__gauge-bar--shortage[b-u34c9doly8] {
    background: #ef4444;
}

.stocktake-review__gauge-bar--surplus[b-u34c9doly8] {
    background: #3b82f6;
}

.stocktake-review__filters[b-u34c9doly8] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
    align-items: center;
}

.stocktake-review__filter-chip[b-u34c9doly8] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .35rem .85rem;
    border: 1px solid var(--zj-outline-variant);
    border-radius: 9999px;
    background: var(--zj-surface);
    color: var(--zj-on-surface);
    font-size: .82rem;
    font-weight: 800;
    cursor: pointer;
    transition: all .15s ease;
}

.stocktake-review__filter-chip .material-symbols-outlined[b-u34c9doly8] {
    font-size: 1rem;
}

.stocktake-review__filter-chip:hover[b-u34c9doly8] {
    background: var(--zj-surface-container-high);
}

.stocktake-review__filter-chip.is-active[b-u34c9doly8] {
    background: var(--zj-primary);
    color: var(--zj-on-primary);
    border-color: var(--zj-primary);
}

.stocktake-review__table-wrap[b-u34c9doly8] {
    overflow: auto;
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-xl);
    background: var(--zj-surface);
    box-shadow: var(--zj-shadow-1);
}

.stocktake-review__table[b-u34c9doly8] {
    width: 100%;
    min-width: 58rem;
    border-collapse: collapse;
}

.stocktake-review__table th[b-u34c9doly8],
.stocktake-review__table td[b-u34c9doly8] {
    padding: .8rem .9rem;
    vertical-align: middle;
    border-top: 1px solid var(--zj-outline-variant);
}

.stocktake-review__table thead th[b-u34c9doly8] {
    border-top: 0;
    background: var(--zj-surface-container-low);
    color: var(--zj-on-surface);
    font-weight: 900;
}

.stocktake-review__table tbody tr:hover[b-u34c9doly8] {
    background: color-mix(in srgb, var(--zj-primary) 5%, transparent);
}

.stocktake-review__variance-tag[b-u34c9doly8] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    padding: .25rem .6rem;
    border-radius: 9999px;
    font-size: .78rem;
    font-weight: 900;
}

.stocktake-review__variance-tag .material-symbols-outlined[b-u34c9doly8] {
    font-size: .95rem;
}

.stocktake-review__variance-tag--match[b-u34c9doly8] {
    background: rgba(16, 185, 129, 0.12);
    color: #059669;
}

.stocktake-review__variance-tag--shortage[b-u34c9doly8] {
    background: rgba(239, 68, 68, 0.12);
    color: #dc2626;
}

.stocktake-review__variance-tag--surplus[b-u34c9doly8] {
    background: rgba(59, 130, 246, 0.12);
    color: #2563eb;
}

.stocktake-review__loading[b-u34c9doly8] {
    margin: 0;
    color: var(--zj-on-surface-variant);
    font-weight: 800;
}

@media (max-width: 760px) {
    .stocktake-review__summary .btn[b-u34c9doly8] {
        width: 100%;
    }

    .stocktake-review__table-wrap[b-u34c9doly8] {
        overflow: visible;
        border: 0;
        background: transparent;
        box-shadow: none;
    }

    .stocktake-review__table[b-u34c9doly8] {
        display: block;
        min-width: 0;
    }

    .stocktake-review__table thead[b-u34c9doly8] {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }

    .stocktake-review__table tbody[b-u34c9doly8] {
        display: grid;
        gap: .8rem;
    }

    .stocktake-review__table tbody[b-u34c9doly8],
    .stocktake-review__table tr[b-u34c9doly8],
    .stocktake-review__table td[b-u34c9doly8] {
        width: 100%;
    }

    .stocktake-review__table tr[b-u34c9doly8],
    .stocktake-review__table td[b-u34c9doly8] {
        display: block;
    }

    .stocktake-review__table tr[b-u34c9doly8] {
        overflow: hidden;
        border: 1px solid var(--zj-outline-variant);
        border-radius: var(--zj-radius-xl);
        background: var(--zj-surface);
        box-shadow: var(--zj-shadow-1);
    }

    .stocktake-review__table td[b-u34c9doly8] {
        display: grid;
        grid-template-columns: minmax(7.5rem, .9fr) minmax(0, 1.1fr);
        gap: .75rem;
        align-items: center;
        padding: .7rem .85rem;
        border-top: 0;
        border-bottom: 1px solid var(--zj-outline-variant);
    }

    .stocktake-review__table td:last-child[b-u34c9doly8] {
        border-bottom: 0;
    }

    .stocktake-review__table td[b-u34c9doly8]::before {
        content: attr(data-label);
        color: var(--zj-on-surface-variant);
        font-size: .78rem;
        font-weight: 900;
    }

    .stocktake-review__table td .btn[b-u34c9doly8] {
        width: 100%;
    }
}
/* _content/Zajal.Shared/Pages/Admin/Inventory/Stocktakes.razor.rz.scp.css */
.stocktakes[b-cetsbk2iky] {
    --stocktake-accent: var(--zj-tertiary);
    display: grid;
    gap: 1rem;
    padding-block-end: 1.5rem;
}

.stocktakes__hero[b-cetsbk2iky] {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    min-height: 11.5rem;
    padding: clamp(1.35rem, 3vw, 2.25rem);
    border: 1px solid color-mix(in srgb, var(--stocktake-accent) 24%, var(--zj-outline-variant));
    border-radius: var(--zj-radius-2xl);
    background:
        radial-gradient(circle at 10% 15%, color-mix(in srgb, var(--stocktake-accent) 18%, transparent) 0, transparent 32%),
        linear-gradient(135deg, var(--zj-surface-container-low), color-mix(in srgb, var(--stocktake-accent) 7%, var(--zj-surface)));
    box-shadow: var(--zj-shadow-1);
}

.stocktakes__hero[b-cetsbk2iky]::after {
    content: "";
    position: absolute;
    z-index: -1;
    inset-inline-start: -4rem;
    bottom: -7rem;
    width: 20rem;
    height: 20rem;
    border: 1.35rem solid color-mix(in srgb, var(--stocktake-accent) 7%, transparent);
    border-radius: 50%;
}

.stocktakes__hero-copy[b-cetsbk2iky] {
    max-width: 48rem;
}

.stocktakes__eyebrow[b-cetsbk2iky] {
    color: var(--stocktake-accent);
    font-size: .78rem;
    font-weight: 950;
    letter-spacing: .07em;
}

.stocktakes__hero h1[b-cetsbk2iky] {
    margin: .35rem 0 .45rem;
    color: var(--zj-on-surface);
    font-size: clamp(1.75rem, 3.3vw, 2.65rem);
    font-weight: 950;
    line-height: 1.1;
}

.stocktakes__hero p[b-cetsbk2iky],
.stocktakes__section-heading p[b-cetsbk2iky],
.stocktakes__team-heading p[b-cetsbk2iky],
.stocktakes__empty p[b-cetsbk2iky] {
    margin: 0;
    color: var(--zj-on-surface-variant);
    line-height: 1.7;
}

.stocktakes__hero-side[b-cetsbk2iky] {
    display: grid;
    justify-items: stretch;
    gap: 1rem;
    min-width: min(100%, 22rem);
}

.stocktakes__cycle[b-cetsbk2iky] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--stocktake-accent);
}

.stocktakes__cycle > span[b-cetsbk2iky] {
    display: grid;
    justify-items: center;
    gap: .25rem;
    min-width: 4.5rem;
}

.stocktakes__cycle > span > .material-symbols-outlined[b-cetsbk2iky] {
    display: grid;
    place-items: center;
    width: 3rem;
    height: 3rem;
    border: 1px solid color-mix(in srgb, var(--stocktake-accent) 24%, var(--zj-outline-variant));
    border-radius: .95rem;
    background: color-mix(in srgb, var(--stocktake-accent) 11%, var(--zj-surface));
    box-shadow: var(--zj-shadow-1);
}

.stocktakes__cycle small[b-cetsbk2iky] {
    color: var(--zj-on-surface-variant);
    font-size: .67rem;
    font-weight: 850;
}

.stocktakes__cycle i[b-cetsbk2iky] {
    display: flex;
    flex: 1;
    align-items: center;
    color: color-mix(in srgb, var(--stocktake-accent) 60%, var(--zj-outline));
}

.stocktakes__cycle i[b-cetsbk2iky]::before {
    content: "";
    flex: 1;
    height: 1px;
    background: color-mix(in srgb, var(--stocktake-accent) 30%, var(--zj-outline-variant));
}

.stocktakes__cycle i .material-symbols-outlined[b-cetsbk2iky] {
    font-size: 1rem;
}

.stocktakes__hero-action[b-cetsbk2iky] {
    width: 100%;
    min-height: 2.9rem;
}

.stocktakes__metrics[b-cetsbk2iky] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .8rem;
}

.stocktakes__metrics article[b-cetsbk2iky] {
    display: flex;
    align-items: center;
    gap: .8rem;
    min-width: 0;
    padding: .9rem 1rem;
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-xl);
    background: var(--zj-surface-container-low);
}

.stocktakes__metric-icon[b-cetsbk2iky] {
    display: grid;
    place-items: center;
    width: 2.75rem;
    height: 2.75rem;
    flex: 0 0 auto;
    border-radius: .85rem;
    background: color-mix(in srgb, var(--stocktake-accent) 13%, transparent);
    color: var(--stocktake-accent);
}

.stocktakes__metrics strong[b-cetsbk2iky],
.stocktakes__metrics small[b-cetsbk2iky] {
    display: block;
}

.stocktakes__metrics strong[b-cetsbk2iky] {
    color: var(--zj-on-surface);
    font-size: 1.35rem;
    font-weight: 950;
    line-height: 1.15;
}

.stocktakes__metrics small[b-cetsbk2iky] {
    margin-top: .2rem;
    color: var(--zj-on-surface-variant);
    font-size: .8rem;
}

.stocktakes__layout[b-cetsbk2iky] {
    display: grid;
    grid-template-columns: minmax(20rem, .72fr) minmax(0, 1.28fr);
    gap: 1rem;
    align-items: start;
}

.stocktakes__layout > :only-child[b-cetsbk2iky] {
    grid-column: 1 / -1;
}

.stocktakes__creator[b-cetsbk2iky] {
    position: sticky;
    top: 1rem;
}

.stocktakes__create[b-cetsbk2iky],
.stocktakes__panel[b-cetsbk2iky] {
    display: grid;
    gap: 1rem;
    padding: clamp(1rem, 2vw, 1.35rem);
}

.stocktakes__section-heading[b-cetsbk2iky],
.stocktakes__team-heading[b-cetsbk2iky],
.stocktakes__team-heading > div[b-cetsbk2iky],
.stocktakes__filter-heading[b-cetsbk2iky],
.stocktakes__filter-heading > div[b-cetsbk2iky],
.stocktakes__item-head[b-cetsbk2iky],
.stocktakes__identity[b-cetsbk2iky],
.stocktakes__item-foot[b-cetsbk2iky],
.stocktakes__item-foot > span[b-cetsbk2iky],
.stocktakes__scope > span[b-cetsbk2iky],
.stocktakes__scope > span > span:last-child[b-cetsbk2iky] {
    display: flex;
    align-items: center;
}

.stocktakes__section-heading[b-cetsbk2iky] {
    gap: .75rem;
    scroll-margin-top: 1rem;
}

.stocktakes__step[b-cetsbk2iky] {
    display: grid;
    place-items: center;
    width: 2.75rem;
    height: 2.75rem;
    flex: 0 0 auto;
    border-radius: .85rem;
    background: color-mix(in srgb, var(--stocktake-accent) 14%, transparent);
    color: var(--stocktake-accent);
    font-size: .76rem;
    font-weight: 950;
}

.stocktakes__section-heading h2[b-cetsbk2iky],
.stocktakes__team-heading h3[b-cetsbk2iky],
.stocktakes__empty h2[b-cetsbk2iky] {
    margin: 0;
    color: var(--zj-on-surface);
    font-weight: 950;
}

.stocktakes__section-heading h2[b-cetsbk2iky],
.stocktakes__empty h2[b-cetsbk2iky] {
    font-size: 1.05rem;
}

.stocktakes__section-heading p[b-cetsbk2iky],
.stocktakes__team-heading p[b-cetsbk2iky] {
    font-size: .78rem;
}

.stocktakes__form[b-cetsbk2iky] {


    padding: 1rem;
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-xl);
    background: var(--zj-surface-container-low);
}

.stocktakes__team-heading[b-cetsbk2iky],
.stocktakes__filter-heading[b-cetsbk2iky],
.stocktakes__item-head[b-cetsbk2iky],
.stocktakes__item-foot[b-cetsbk2iky] {
    justify-content: space-between;
    gap: .75rem;
}

.stocktakes__team-heading > div[b-cetsbk2iky],
.stocktakes__filter-heading > div[b-cetsbk2iky] {
    gap: .55rem;
}

.stocktakes__team-heading > div > .material-symbols-outlined[b-cetsbk2iky],
.stocktakes__filter-heading > div > .material-symbols-outlined[b-cetsbk2iky] {
    color: var(--stocktake-accent);
}

.stocktakes__team-heading h3[b-cetsbk2iky] {
    font-size: .92rem;
}

.stocktakes__selected-count[b-cetsbk2iky],
.stocktakes__clear span[b-cetsbk2iky],
.stocktakes__results-head > span[b-cetsbk2iky] {
    padding: .22rem .58rem;
    border-radius: var(--zj-radius-full);
    background: color-mix(in srgb, var(--stocktake-accent) 12%, transparent);
    color: var(--stocktake-accent);
    font-size: .72rem;
    font-weight: 900;
}

.stocktakes__team[b-cetsbk2iky] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .55rem;
    max-height: 15rem;
    overflow: auto;
    padding: .15rem .05rem .15rem .35rem;
    scrollbar-width: thin;
}

.stocktakes__counter[b-cetsbk2iky] {
    position: relative;
    display: flex;
    align-items: center;
    gap: .55rem;
    min-width: 0;
    padding: .55rem;
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-lg);
    background: var(--zj-surface-container-low);
    color: var(--zj-on-surface);
    cursor: pointer;
    transition: border-color .16s ease, background .16s ease, transform .16s ease;
}

.stocktakes__counter:hover[b-cetsbk2iky] {
    border-color: color-mix(in srgb, var(--stocktake-accent) 42%, var(--zj-outline-variant));
}

.stocktakes__counter--selected[b-cetsbk2iky] {
    border-color: color-mix(in srgb, var(--stocktake-accent) 55%, var(--zj-outline-variant));
    background: color-mix(in srgb, var(--stocktake-accent) 9%, var(--zj-surface));
}

.stocktakes__counter input[b-cetsbk2iky] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.stocktakes__counter:has(input:focus-visible)[b-cetsbk2iky] {
    outline: 3px solid color-mix(in srgb, var(--stocktake-accent) 22%, transparent);
    outline-offset: 2px;
}

.stocktakes__avatar[b-cetsbk2iky] {
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    flex: 0 0 auto;
    border-radius: .65rem;
    background: color-mix(in srgb, var(--stocktake-accent) 14%, transparent);
    color: var(--stocktake-accent);
    font-size: .8rem;
    font-weight: 950;
}

.stocktakes__counter-name[b-cetsbk2iky] {
    min-width: 0;
    flex: 1;
    overflow-wrap: anywhere;
    font-size: .78rem;
    font-weight: 850;
}

.stocktakes__check[b-cetsbk2iky] {
    color: var(--stocktake-accent);
    font-size: 1.1rem;
    opacity: 0;
    transform: scale(.7);
    transition: opacity .16s ease, transform .16s ease;
}

.stocktakes__counter--selected .stocktakes__check[b-cetsbk2iky] {
    opacity: 1;
    transform: scale(1);
}

.stocktakes__no-users[b-cetsbk2iky] {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .8rem;
    border-radius: var(--zj-radius-lg);
    background: var(--zj-surface-container-low);
    color: var(--zj-on-surface-variant);
    font-size: .8rem;
}

.stocktakes__create-footer[b-cetsbk2iky] {
    display: grid;
    gap: .8rem;
    padding-top: .85rem;
    border-top: 1px solid var(--zj-outline-variant);
}

.stocktakes__create-footer > div[b-cetsbk2iky] {
    display: flex;
    align-items: start;
    gap: .45rem;
    color: var(--zj-on-surface-variant);
    font-size: .72rem;
    line-height: 1.6;
}

.stocktakes__create-footer > div .material-symbols-outlined[b-cetsbk2iky] {
    color: var(--stocktake-accent);
    font-size: 1rem;
}

.stocktakes__submit[b-cetsbk2iky] {
    width: 100%;
    min-height: 2.85rem;
}

.stocktakes__button-spinner[b-cetsbk2iky] {
    width: 1rem;
    height: 1rem;
    border: 2px solid currentColor;
    border-top-color: transparent;
    border-radius: 50%;
    animation: stocktake-spin-b-cetsbk2iky .7s linear infinite;
}

.stocktakes__filter-heading[b-cetsbk2iky] {
    padding-top: .25rem;
}

.stocktakes__filter-heading strong[b-cetsbk2iky] {
    color: var(--zj-on-surface);
    font-size: .85rem;
}

.stocktakes__clear[b-cetsbk2iky] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    border: 0;
    background: transparent;
    color: var(--zj-primary);
    font: inherit;
    font-size: .76rem;
    font-weight: 900;
    cursor: pointer;
}

.stocktakes__clear:disabled[b-cetsbk2iky] {
    opacity: .55;
    cursor: wait;
}

.stocktakes__filters[b-cetsbk2iky] {




    padding: .85rem;
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-xl);
    background: var(--zj-surface-container-low);
}

.stocktakes__apply[b-cetsbk2iky] {
    min-height: 2.75rem;
    white-space: nowrap;
}

.stocktakes__loading[b-cetsbk2iky],
.stocktakes__list[b-cetsbk2iky] {
    display: grid;
    gap: .75rem;
}

.stocktakes__skeleton[b-cetsbk2iky] {
    display: grid;
    gap: .75rem;
    min-height: 12rem;
    padding: 1rem;
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-xl);
    background: var(--zj-surface);
}

.stocktakes__skeleton span[b-cetsbk2iky] {
    overflow: hidden;
    position: relative;
    display: block;
    width: 40%;
    height: 1rem;
    border-radius: var(--zj-radius-full);
    background: var(--zj-surface-container);
}

.stocktakes__skeleton span:nth-child(2)[b-cetsbk2iky] {
    width: 100%;
    height: 4.5rem;
    border-radius: var(--zj-radius-lg);
}

.stocktakes__skeleton span:nth-child(3)[b-cetsbk2iky] {
    width: 65%;
}

.stocktakes__skeleton span[b-cetsbk2iky]::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--zj-on-surface) 8%, transparent), transparent);
    transform: translateX(100%);
    animation: stocktake-shimmer-b-cetsbk2iky 1.4s infinite;
}

.stocktakes__empty[b-cetsbk2iky] {
    display: grid;
    place-items: center;
    align-content: center;
    min-height: 19rem;
    padding: 2rem 1rem;
    border: 1px dashed color-mix(in srgb, var(--stocktake-accent) 35%, var(--zj-outline-variant));
    border-radius: var(--zj-radius-xl);
    background: linear-gradient(180deg, color-mix(in srgb, var(--stocktake-accent) 4%, transparent), transparent);
    text-align: center;
}

.stocktakes__empty-icon[b-cetsbk2iky] {
    display: grid;
    place-items: center;
    width: 4.5rem;
    height: 4.5rem;
    margin-bottom: 1rem;
    border-radius: 1.4rem;
    background: color-mix(in srgb, var(--stocktake-accent) 13%, transparent);
    color: var(--stocktake-accent);
    transform: rotate(-5deg);
}

.stocktakes__empty-icon .material-symbols-outlined[b-cetsbk2iky] {
    font-size: 2.35rem;
    transform: rotate(5deg);
}

.stocktakes__empty p[b-cetsbk2iky] {
    max-width: 30rem;
    margin-top: .4rem;
}

.stocktakes__empty .btn[b-cetsbk2iky] {
    margin-top: 1rem;
}

.stocktakes__results-head[b-cetsbk2iky] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}

.stocktakes__results-head small[b-cetsbk2iky] {
    color: var(--zj-on-surface-variant);
    font-size: .72rem;
}

.stocktakes__item[b-cetsbk2iky] {
    display: grid;
    gap: .9rem;
    padding: 1rem;
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-xl);
    background: linear-gradient(145deg, var(--zj-surface), var(--zj-surface-container-low));
    box-shadow: var(--zj-shadow-1);
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.stocktakes__item:hover[b-cetsbk2iky] {
    border-color: color-mix(in srgb, var(--stocktake-accent) 42%, var(--zj-outline-variant));
    box-shadow: var(--zj-shadow-2);
    transform: translateY(-1px);
}

.stocktakes__identity[b-cetsbk2iky] {
    min-width: 0;
    gap: .6rem;
}

.stocktakes__identity > .material-symbols-outlined[b-cetsbk2iky] {
    display: grid;
    place-items: center;
    width: 2.45rem;
    height: 2.45rem;
    flex: 0 0 auto;
    border-radius: .75rem;
    background: color-mix(in srgb, var(--stocktake-accent) 12%, transparent);
    color: var(--stocktake-accent);
}

.stocktakes__identity small[b-cetsbk2iky],
.stocktakes__identity strong[b-cetsbk2iky] {
    display: block;
}

.stocktakes__identity small[b-cetsbk2iky],
.stocktakes__scope small[b-cetsbk2iky] {
    color: var(--zj-on-surface-variant);
    font-size: .7rem;
}

.stocktakes__identity strong[b-cetsbk2iky] {
    margin-top: .1rem;
    color: var(--zj-on-surface);
    font-weight: 950;
}

.stocktakes__scope[b-cetsbk2iky] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
}

.stocktakes__scope > span[b-cetsbk2iky] {
    min-width: 0;
    gap: .55rem;
    padding: .7rem;
    border-radius: var(--zj-radius-lg);
    background: var(--zj-surface-container);
}

.stocktakes__scope > span > .material-symbols-outlined[b-cetsbk2iky] {
    color: var(--stocktake-accent);
    font-size: 1.15rem;
}

.stocktakes__scope > span > span:last-child[b-cetsbk2iky] {
    min-width: 0;
    align-items: start;
    flex-direction: column;
}

.stocktakes__scope strong[b-cetsbk2iky] {
    overflow: hidden;
    max-width: 100%;
    color: var(--zj-on-surface);
    font-size: .78rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.stocktakes__progress-block[b-cetsbk2iky] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: .35rem .75rem;
}

.stocktakes__progress-block > div:first-child[b-cetsbk2iky] {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    grid-column: 1 / -1;
    color: var(--zj-on-surface-variant);
    font-size: .74rem;
}

.stocktakes__progress-block > div:first-child strong[b-cetsbk2iky] {
    color: var(--zj-on-surface);
}

.stocktakes__progress[b-cetsbk2iky] {
    overflow: hidden;
    height: .5rem;
    border-radius: var(--zj-radius-full);
    background: var(--zj-surface-container);
}

.stocktakes__progress i[b-cetsbk2iky] {
    display: block;
    width: var(--stocktake-progress);
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--stocktake-accent), var(--zj-primary));
    transition: width .3s ease;
}

.stocktakes__progress-block > small[b-cetsbk2iky] {
    color: var(--stocktake-accent);
    font-size: .68rem;
    font-weight: 900;
}

.stocktakes__item-foot[b-cetsbk2iky] {
    padding-top: .75rem;
    border-top: 1px solid var(--zj-outline-variant);
}

.stocktakes__item-foot > span[b-cetsbk2iky] {
    gap: .3rem;
    color: var(--zj-on-surface-variant);
    font-size: .7rem;
}

.stocktakes__item-foot > span .material-symbols-outlined[b-cetsbk2iky] {
    font-size: .95rem;
}

.stocktakes__actions[b-cetsbk2iky] {
    display: flex;
    align-items: center;
    gap: .45rem;
}

.stocktakes__actions .btn[b-cetsbk2iky] {
    min-height: 2.3rem;
    padding: .45rem .7rem;
    font-size: .76rem;
}

.stocktakes__actions .material-symbols-outlined[b-cetsbk2iky] {
    font-size: 1rem;
}

.stocktakes__pagination[b-cetsbk2iky] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    padding-top: .2rem;
}

.stocktakes__pagination > div[b-cetsbk2iky] {
    min-width: 8rem;
    text-align: center;
}

.stocktakes__pagination strong[b-cetsbk2iky],
.stocktakes__pagination small[b-cetsbk2iky] {
    display: block;
}

.stocktakes__pagination strong[b-cetsbk2iky] {
    color: var(--zj-on-surface);
    font-size: .8rem;
}

.stocktakes__pagination small[b-cetsbk2iky] {
    margin-top: .1rem;
    color: var(--zj-on-surface-variant);
    font-size: .68rem;
}

@keyframes stocktake-spin-b-cetsbk2iky {
    to { transform: rotate(360deg); }
}

@keyframes stocktake-shimmer-b-cetsbk2iky {
    to { transform: translateX(-100%); }
}

@media (max-width: 1180px) {
    .stocktakes__layout[b-cetsbk2iky] {
        grid-template-columns: 1fr;
    }

    .stocktakes__creator[b-cetsbk2iky] {
        position: static;
    }



    .stocktakes__team[b-cetsbk2iky] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 850px) {
    .stocktakes__hero[b-cetsbk2iky] {
        align-items: start;
    }

    .stocktakes__hero-side[b-cetsbk2iky] {
        min-width: 19rem;
    }




}

@media (max-width: 650px) {
    .stocktakes__hero[b-cetsbk2iky] {
        display: grid;
        gap: 1.25rem;
    }

    .stocktakes__hero-side[b-cetsbk2iky] {
        width: 100%;
        min-width: 0;
    }

    .stocktakes__metrics[b-cetsbk2iky],
    .stocktakes__team[b-cetsbk2iky],
    .stocktakes__scope[b-cetsbk2iky] {
        grid-template-columns: 1fr;
    }



    .stocktakes__metrics article[b-cetsbk2iky] {
        padding: .75rem .85rem;
    }

    .stocktakes__cycle > span[b-cetsbk2iky] {
        min-width: 3.8rem;
    }

    .stocktakes__cycle small[b-cetsbk2iky] {
        font-size: .6rem;
    }

    .stocktakes__apply[b-cetsbk2iky] {
        width: 100%;
    }

    .stocktakes__results-head small[b-cetsbk2iky],
    .stocktakes__section-heading p[b-cetsbk2iky] {
        display: none;
    }

    .stocktakes__item-foot[b-cetsbk2iky] {
        align-items: stretch;
        flex-direction: column;
    }

    .stocktakes__actions[b-cetsbk2iky],
    .stocktakes__actions .btn[b-cetsbk2iky] {
        width: 100%;
    }

    .stocktakes__actions .btn[b-cetsbk2iky] {
        flex: 1;
    }

    .stocktakes__pagination[b-cetsbk2iky] {
        gap: .4rem;
    }

    .stocktakes__pagination .btn[b-cetsbk2iky] {
        min-width: 0;
        padding-inline: .6rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .stocktakes__button-spinner[b-cetsbk2iky],
    .stocktakes__skeleton span[b-cetsbk2iky]::after {
        animation: none;
    }

    .stocktakes__counter[b-cetsbk2iky],
    .stocktakes__check[b-cetsbk2iky],
    .stocktakes__item[b-cetsbk2iky],
    .stocktakes__progress i[b-cetsbk2iky] {
        transition: none;
    }
}
/* _content/Zajal.Shared/Pages/Admin/Inventory/StockTransferDetails.razor.rz.scp.css */
.stock-transfer-details[b-es3q6tizcz] {
    display: grid;
    gap: 1rem;
}

.stock-transfer-details__panel[b-es3q6tizcz] {
    display: grid;
    gap: 1rem;
}


.stock-transfer-details__new-line[b-es3q6tizcz] {
    padding-block: .75rem;
    border-bottom: 1px solid var(--zj-outline-variant);
}

.stock-transfer-details__submit[b-es3q6tizcz] {
    justify-self: start;
}

.stock-transfer-details__summary[b-es3q6tizcz] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    padding: 1rem;
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-xl);
    background: var(--zj-surface-container-low);
}

.stock-transfer-details__summary h3[b-es3q6tizcz] {
    margin: 0 0 .25rem;
}

.stock-transfer-details__summary p[b-es3q6tizcz] {
    margin: 0;
    color: var(--zj-on-surface-variant);
}

.stock-transfer-details__actions[b-es3q6tizcz] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
    align-items: center;
}

.stock-transfer-pipeline[b-es3q6tizcz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    padding: 1rem 1.25rem;
    border-radius: var(--zj-radius-xl);
    background: var(--zj-surface-container-low);
    border: 1px solid var(--zj-outline-variant);
    overflow-x: auto;
}

.stock-transfer-pipeline__step[b-es3q6tizcz] {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: .85rem;
    font-weight: 800;
    color: var(--zj-on-surface-variant);
    white-space: nowrap;
}

.stock-transfer-pipeline__step-num[b-es3q6tizcz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 9999px;
    background: var(--zj-surface-container-high);
    color: var(--zj-on-surface-variant);
}

.stock-transfer-pipeline__step-num .material-symbols-outlined[b-es3q6tizcz] {
    font-size: 1.2rem;
}

.stock-transfer-pipeline__step.is-done[b-es3q6tizcz] {
    color: var(--zj-primary);
}

.stock-transfer-pipeline__step.is-done .stock-transfer-pipeline__step-num[b-es3q6tizcz] {
    background: var(--zj-primary);
    color: var(--zj-on-primary);
}

.stock-transfer-pipeline__line[b-es3q6tizcz] {
    flex: 1;
    height: 2px;
    background: var(--zj-outline-variant);
    min-width: 1.5rem;
}

.stock-transfer-pipeline__line.is-done[b-es3q6tizcz] {
    background: var(--zj-primary);
}

.stock-transfer-card[b-es3q6tizcz] {
    display: grid;
    gap: .75rem;
    padding: 1.2rem;
    border-radius: var(--zj-radius-xl);
    border: 1px solid var(--zj-outline-variant);
    background: var(--zj-surface);
    box-shadow: var(--zj-shadow-1);
}

.stock-transfer-card__head[b-es3q6tizcz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
}

.stock-transfer-card__item[b-es3q6tizcz] {
    display: flex;
    align-items: center;
    gap: .65rem;
}

.stock-transfer-card__item-icon[b-es3q6tizcz] {
    font-size: 1.6rem;
    color: var(--zj-primary);
    background: var(--zj-surface-container-low);
    padding: .4rem;
    border-radius: var(--zj-radius-md);
}

.stock-transfer-card__item-name[b-es3q6tizcz] {
    display: block;
    font-size: 1rem;
    font-weight: 900;
}

.stock-transfer-card__item-sub[b-es3q6tizcz] {
    font-size: .8rem;
    color: var(--zj-on-surface-variant);
    font-weight: 700;
}

.stock-transfer-card__status-tags[b-es3q6tizcz] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
}

.stock-transfer-card__pill[b-es3q6tizcz] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    padding: .25rem .65rem;
    border-radius: 9999px;
    font-size: .78rem;
    font-weight: 800;
}

.stock-transfer-card__pill .material-symbols-outlined[b-es3q6tizcz] {
    font-size: 1rem;
}

.stock-transfer-card__pill--success[b-es3q6tizcz] {
    background: var(--zj-success-container);
    color: var(--zj-on-surface);
}

.stock-transfer-card__pill--warning[b-es3q6tizcz] {
    background: var(--zj-tertiary-container);
    color: var(--zj-on-tertiary-container);
}

.stock-transfer-card__pill--error[b-es3q6tizcz] {
    background: var(--zj-error-container);
    color: var(--zj-on-error-container);
}

.stock-transfer-card__bar-wrap[b-es3q6tizcz] {
    width: 100%;
}

.stock-transfer-card__bar-track[b-es3q6tizcz] {
    display: flex;
    height: .65rem;
    border-radius: 9999px;
    background: var(--zj-surface-container-high);
    overflow: hidden;
}

.stock-transfer-card__bar-fill[b-es3q6tizcz] {
    height: 100%;
    transition: width .3s ease;
}

.stock-transfer-card__bar-fill--received[b-es3q6tizcz] {
    background: #10b981;
}

.stock-transfer-card__bar-fill--transit[b-es3q6tizcz] {
    background: repeating-linear-gradient(45deg, #f59e0b, #f59e0b 8px, #d97706 8px, #d97706 16px);
}

.stock-transfer-card__metrics[b-es3q6tizcz] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
    gap: .5rem;
    background: var(--zj-surface-container-low);
    padding: .65rem .85rem;
    border-radius: var(--zj-radius-lg);
}

.stock-transfer-card__metric[b-es3q6tizcz] {
    display: flex;
    flex-direction: column;
    gap: .15rem;
}

.stock-transfer-card__metric span[b-es3q6tizcz] {
    font-size: .72rem;
    font-weight: 700;
    color: var(--zj-on-surface-variant);
}

.stock-transfer-card__metric strong[b-es3q6tizcz] {
    font-size: .95rem;
    font-weight: 900;
}

.stock-transfer-card__val--success[b-es3q6tizcz] {
    color: var(--zj-on-surface);
}

.stock-transfer-card__val--warning[b-es3q6tizcz] {
    color: var(--zj-on-tertiary-container);
}

.stock-transfer-card__val--error[b-es3q6tizcz] {
    color: var(--zj-error);
}

.stock-transfer-card__allocations[b-es3q6tizcz] {
    display: flex;
    flex-direction: column;
    gap: .4rem;
    font-size: .78rem;
}

.stock-transfer-card__allocations-title[b-es3q6tizcz] {
    font-weight: 800;
    color: var(--zj-on-surface-variant);
}

.stock-transfer-card__allocation-chips[b-es3q6tizcz] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
}

.stock-transfer-card__allocation-chip[b-es3q6tizcz] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .3rem .6rem;
    border-radius: var(--zj-radius-md);
    background: var(--zj-surface-container-low);
    border: 1px solid var(--zj-outline-variant);
    font-size: .75rem;
}

.stock-transfer-card__allocation-chip .material-symbols-outlined[b-es3q6tizcz] {
    font-size: .95rem;
    color: var(--zj-primary);
}

@media (max-width: 760px) {
    .stock-transfer-details__submit[b-es3q6tizcz] {
        justify-self: stretch;
    }

    .stock-transfer-details__submit.btn[b-es3q6tizcz] {
        width: 100%;
    }

    .stock-transfer-details__actions[b-es3q6tizcz] {
        width: 100%;
    }

    .stock-transfer-details__actions .btn[b-es3q6tizcz] {
        flex: 1 1 10rem;
    }
}
/* _content/Zajal.Shared/Pages/Admin/Inventory/StockTransfers.razor.rz.scp.css */
.stock-transfers[b-c896s97wm2] {
    --transfer-accent: var(--zj-tertiary);
    display: grid;
    gap: 1rem;
    padding-block-end: 1.5rem;
}

.stock-transfers__hero[b-c896s97wm2] {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    min-height: 11.5rem;
    padding: clamp(1.35rem, 3vw, 2.25rem);
    border: 1px solid color-mix(in srgb, var(--transfer-accent) 24%, var(--zj-outline-variant));
    border-radius: var(--zj-radius-2xl);
    background:
        radial-gradient(circle at 12% 15%, color-mix(in srgb, var(--transfer-accent) 18%, transparent) 0, transparent 31%),
        linear-gradient(135deg, var(--zj-surface-container-low), color-mix(in srgb, var(--transfer-accent) 7%, var(--zj-surface)));
    box-shadow: var(--zj-shadow-1);
}

.stock-transfers__hero[b-c896s97wm2]::after {
    content: "";
    position: absolute;
    z-index: -1;
    inset-inline-start: -3rem;
    bottom: -6rem;
    width: 18rem;
    height: 18rem;
    border: 1.25rem solid color-mix(in srgb, var(--transfer-accent) 7%, transparent);
    border-radius: 50%;
}

.stock-transfers__hero-copy[b-c896s97wm2] {
    max-width: 48rem;
}

.stock-transfers__eyebrow[b-c896s97wm2] {
    color: var(--transfer-accent);
    font-size: .78rem;
    font-weight: 950;
    letter-spacing: .07em;
}

.stock-transfers__hero h1[b-c896s97wm2] {
    margin: .35rem 0 .45rem;
    color: var(--zj-on-surface);
    font-size: clamp(1.75rem, 3.3vw, 2.65rem);
    font-weight: 950;
    line-height: 1.1;
}

.stock-transfers__hero p[b-c896s97wm2],
.stock-transfers__filter-heading p[b-c896s97wm2],
.stock-transfers__empty p[b-c896s97wm2] {
    margin: 0;
    color: var(--zj-on-surface-variant);
    line-height: 1.75;
}

.stock-transfers__hero-side[b-c896s97wm2] {
    display: grid;
    justify-items: center;
    gap: 1rem;
    min-width: min(100%, 18rem);
}

.stock-transfers__route-visual[b-c896s97wm2] {
    display: flex;
    align-items: center;
    width: 100%;
    color: var(--transfer-accent);
}

.stock-transfers__route-visual > .material-symbols-outlined[b-c896s97wm2] {
    display: grid;
    place-items: center;
    width: 3.2rem;
    height: 3.2rem;
    flex: 0 0 auto;
    border: 1px solid color-mix(in srgb, var(--transfer-accent) 24%, var(--zj-outline-variant));
    border-radius: 1rem;
    background: color-mix(in srgb, var(--transfer-accent) 11%, var(--zj-surface));
    box-shadow: var(--zj-shadow-1);
}

.stock-transfers__route-visual > .material-symbols-outlined:nth-child(3)[b-c896s97wm2] {
    color: var(--zj-primary);
}

.stock-transfers__route-line[b-c896s97wm2] {
    position: relative;
    flex: 1;
    height: 2px;
    background: color-mix(in srgb, var(--transfer-accent) 25%, var(--zj-outline-variant));
}

.stock-transfers__route-line i[b-c896s97wm2] {
    position: absolute;
    top: 50%;
    right: 25%;
    width: .45rem;
    height: .45rem;
    border-radius: 50%;
    background: var(--transfer-accent);
    transform: translateY(-50%);
    animation: transfer-route-b-c896s97wm2 2s ease-in-out infinite;
}

.stock-transfers__create[b-c896s97wm2] {
    width: 100%;
    min-height: 2.9rem;
}

.stock-transfers__metrics[b-c896s97wm2] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .8rem;
}

.stock-transfers__metrics article[b-c896s97wm2] {
    display: flex;
    align-items: center;
    gap: .8rem;
    min-width: 0;
    padding: .9rem 1rem;
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-xl);
    background: var(--zj-surface-container-low);
}

.stock-transfers__metric-icon[b-c896s97wm2] {
    display: grid;
    place-items: center;
    width: 2.75rem;
    height: 2.75rem;
    flex: 0 0 auto;
    border-radius: .85rem;
    background: color-mix(in srgb, var(--transfer-accent) 13%, transparent);
    color: var(--transfer-accent);
}

.stock-transfers__metrics strong[b-c896s97wm2],
.stock-transfers__metrics small[b-c896s97wm2] {
    display: block;
}

.stock-transfers__metrics strong[b-c896s97wm2] {
    color: var(--zj-on-surface);
    font-size: 1.35rem;
    font-weight: 950;
    line-height: 1.15;
}

.stock-transfers__metrics small[b-c896s97wm2] {
    margin-top: .2rem;
    color: var(--zj-on-surface-variant);
    font-size: .8rem;
}

.stock-transfers__panel[b-c896s97wm2] {
    display: grid;
    gap: 1.2rem;
    padding: clamp(1rem, 2.2vw, 1.5rem);
}

.stock-transfers__filter-heading[b-c896s97wm2],
.stock-transfers__filter-heading > div[b-c896s97wm2],
.stock-transfers__results-head[b-c896s97wm2],
.stock-transfers__results-head > div[b-c896s97wm2] {
    display: flex;
    align-items: center;
}

.stock-transfers__filter-heading[b-c896s97wm2],
.stock-transfers__results-head[b-c896s97wm2] {
    justify-content: space-between;
    gap: 1rem;
}

.stock-transfers__filter-heading > div[b-c896s97wm2] {
    gap: .75rem;
}

.stock-transfers__filter-heading > div > .material-symbols-outlined[b-c896s97wm2] {
    display: grid;
    place-items: center;
    width: 2.75rem;
    height: 2.75rem;
    flex: 0 0 auto;
    border-radius: .85rem;
    background: color-mix(in srgb, var(--transfer-accent) 13%, transparent);
    color: var(--transfer-accent);
}

.stock-transfers__filter-heading h2[b-c896s97wm2],
.stock-transfers__results-head h2[b-c896s97wm2],
.stock-transfers__empty h2[b-c896s97wm2] {
    margin: 0;
    color: var(--zj-on-surface);
    font-size: 1.05rem;
    font-weight: 950;
}

.stock-transfers__filter-heading p[b-c896s97wm2] {
    font-size: .82rem;
}

.stock-transfers__clear[b-c896s97wm2] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    border: 0;
    background: transparent;
    color: var(--zj-primary);
    font: inherit;
    font-size: .82rem;
    font-weight: 900;
    cursor: pointer;
}

.stock-transfers__clear span[b-c896s97wm2] {
    display: grid;
    place-items: center;
    min-width: 1.45rem;
    height: 1.45rem;
    padding-inline: .25rem;
    border-radius: var(--zj-radius-full);
    background: color-mix(in srgb, var(--zj-primary) 12%, transparent);
}

.stock-transfers__clear:disabled[b-c896s97wm2] {
    opacity: .55;
    cursor: wait;
}

.stock-transfers__filters[b-c896s97wm2] { padding: 1rem; border: 1px solid var(--zj-outline-variant); border-radius: var(--zj-radius-xl); background: var(--zj-surface-container-low); }

.stock-transfers__apply[b-c896s97wm2] {
    min-height: 2.8rem;
    white-space: nowrap;
}

.stock-transfers__button-spinner[b-c896s97wm2] {
    width: 1rem;
    height: 1rem;
    border: 2px solid currentColor;
    border-top-color: transparent;
    border-radius: 50%;
    animation: transfer-spin-b-c896s97wm2 .7s linear infinite;
}

.stock-transfers__loading[b-c896s97wm2],
.stock-transfers__grid[b-c896s97wm2] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .85rem;
}

.stock-transfers__skeleton[b-c896s97wm2] {
    display: grid;
    gap: 1rem;
    min-height: 12rem;
    padding: 1rem;
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-xl);
    background: var(--zj-surface);
}

.stock-transfers__skeleton span[b-c896s97wm2] {
    overflow: hidden;
    position: relative;
    display: block;
    width: 45%;
    height: 1rem;
    border-radius: var(--zj-radius-full);
    background: var(--zj-surface-container);
}

.stock-transfers__skeleton span:nth-child(2)[b-c896s97wm2] {
    width: 100%;
    height: 4.6rem;
    border-radius: var(--zj-radius-lg);
}

.stock-transfers__skeleton span:nth-child(3)[b-c896s97wm2] {
    width: 68%;
}

.stock-transfers__skeleton span[b-c896s97wm2]::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--zj-on-surface) 8%, transparent), transparent);
    transform: translateX(100%);
    animation: transfer-shimmer-b-c896s97wm2 1.4s infinite;
}

.stock-transfers__empty[b-c896s97wm2] {
    display: grid;
    place-items: center;
    align-content: center;
    min-height: 19rem;
    padding: 2rem 1rem;
    border: 1px dashed color-mix(in srgb, var(--transfer-accent) 35%, var(--zj-outline-variant));
    border-radius: var(--zj-radius-xl);
    background: linear-gradient(180deg, color-mix(in srgb, var(--transfer-accent) 4%, transparent), transparent);
    text-align: center;
}

.stock-transfers__empty-icon[b-c896s97wm2] {
    display: grid;
    place-items: center;
    width: 4.5rem;
    height: 4.5rem;
    margin-bottom: 1rem;
    border-radius: 1.4rem;
    background: color-mix(in srgb, var(--transfer-accent) 13%, transparent);
    color: var(--transfer-accent);
    transform: rotate(-5deg);
}

.stock-transfers__empty-icon .material-symbols-outlined[b-c896s97wm2] {
    font-size: 2.35rem;
    transform: rotate(5deg);
}

.stock-transfers__empty p[b-c896s97wm2] {
    max-width: 34rem;
    margin-top: .4rem;
}

.stock-transfers__empty-actions[b-c896s97wm2] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: .65rem;
    margin-top: 1.2rem;
}

.stock-transfers__results-head[b-c896s97wm2] {
    padding-top: .15rem;
}

.stock-transfers__results-head > div[b-c896s97wm2] {
    gap: .55rem;
}

.stock-transfers__results-head > div > span[b-c896s97wm2] {
    padding: .2rem .55rem;
    border-radius: var(--zj-radius-full);
    background: color-mix(in srgb, var(--transfer-accent) 11%, transparent);
    color: var(--transfer-accent);
    font-size: .75rem;
    font-weight: 900;
}

.stock-transfers__results-head > span[b-c896s97wm2] {
    color: var(--zj-on-surface-variant);
    font-size: .78rem;
}

.stock-transfers__item[b-c896s97wm2] {
    display: grid;
    gap: 1rem;
    width: 100%;
    min-width: 0;
    padding: 1rem;
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-xl);
    background: linear-gradient(145deg, var(--zj-surface), var(--zj-surface-container-low));
    color: var(--zj-on-surface);
    font: inherit;
    text-align: start;
    cursor: pointer;
    box-shadow: var(--zj-shadow-1);
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.stock-transfers__item:hover[b-c896s97wm2],
.stock-transfers__item:focus-visible[b-c896s97wm2] {
    border-color: color-mix(in srgb, var(--transfer-accent) 48%, var(--zj-outline-variant));
    box-shadow: var(--zj-shadow-2);
    transform: translateY(-2px);
}

.stock-transfers__item:focus-visible[b-c896s97wm2] {
    outline: 3px solid color-mix(in srgb, var(--transfer-accent) 22%, transparent);
    outline-offset: 2px;
}

.stock-transfers__item-head[b-c896s97wm2],
.stock-transfers__number[b-c896s97wm2],
.stock-transfers__warehouse[b-c896s97wm2],
.stock-transfers__item-foot[b-c896s97wm2],
.stock-transfers__item-foot > span[b-c896s97wm2] {
    display: flex;
    align-items: center;
}

.stock-transfers__item-head[b-c896s97wm2] {
    justify-content: space-between;
    gap: 1rem;
}

.stock-transfers__number[b-c896s97wm2],
.stock-transfers__warehouse[b-c896s97wm2] {
    min-width: 0;
    gap: .65rem;
}

.stock-transfers__number > .material-symbols-outlined[b-c896s97wm2] {
    display: grid;
    place-items: center;
    width: 2.45rem;
    height: 2.45rem;
    flex: 0 0 auto;
    border-radius: .75rem;
    background: color-mix(in srgb, var(--transfer-accent) 12%, transparent);
    color: var(--transfer-accent);
}

.stock-transfers__number small[b-c896s97wm2],
.stock-transfers__number strong[b-c896s97wm2],
.stock-transfers__warehouse small[b-c896s97wm2],
.stock-transfers__warehouse strong[b-c896s97wm2] {
    display: block;
}

.stock-transfers__number small[b-c896s97wm2],
.stock-transfers__warehouse small[b-c896s97wm2] {
    color: var(--zj-on-surface-variant);
    font-size: .72rem;
}

.stock-transfers__number strong[b-c896s97wm2],
.stock-transfers__warehouse strong[b-c896s97wm2] {
    overflow: hidden;
    margin-top: .1rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 950;
}

.stock-transfers__route[b-c896s97wm2] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(3rem, .35fr) minmax(0, 1fr);
    align-items: center;
    gap: .75rem;
    padding: .85rem;
    border-radius: var(--zj-radius-lg);
    background: var(--zj-surface-container);
}

.stock-transfers__warehouse > .material-symbols-outlined[b-c896s97wm2] {
    color: var(--transfer-accent);
    font-size: 1.25rem;
}

.stock-transfers__arrow[b-c896s97wm2] {
    display: flex;
    align-items: center;
    color: var(--transfer-accent);
}

.stock-transfers__arrow i[b-c896s97wm2] {
    flex: 1;
    height: 1px;
    background: color-mix(in srgb, var(--transfer-accent) 40%, var(--zj-outline-variant));
}

.stock-transfers__arrow .material-symbols-outlined[b-c896s97wm2] {
    font-size: 1rem;
}

.stock-transfers__item-foot[b-c896s97wm2] {
    gap: .9rem;
    padding-top: .75rem;
    border-top: 1px solid var(--zj-outline-variant);
    color: var(--zj-on-surface-variant);
    font-size: .75rem;
}

.stock-transfers__item-foot > span[b-c896s97wm2] {
    gap: .3rem;
}

.stock-transfers__item-foot .material-symbols-outlined[b-c896s97wm2] {
    font-size: .95rem;
}

.stock-transfers__item-foot .stock-transfers__open[b-c896s97wm2] {
    margin-inline-start: auto;
    color: var(--transfer-accent);
    font-weight: 900;
}

.stock-transfers__pagination[b-c896s97wm2] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding-top: .25rem;
}

.stock-transfers__pagination > div[b-c896s97wm2] {
    min-width: 9rem;
    text-align: center;
}

.stock-transfers__pagination strong[b-c896s97wm2],
.stock-transfers__pagination small[b-c896s97wm2] {
    display: block;
}

.stock-transfers__pagination strong[b-c896s97wm2] {
    color: var(--zj-on-surface);
    font-size: .85rem;
}

.stock-transfers__pagination small[b-c896s97wm2] {
    margin-top: .1rem;
    color: var(--zj-on-surface-variant);
    font-size: .72rem;
}

@keyframes transfer-route-b-c896s97wm2 {
    0%, 100% { right: 18%; opacity: .35; }
    50% { right: 72%; opacity: 1; }
}

@keyframes transfer-spin-b-c896s97wm2 {
    to { transform: rotate(360deg); }
}

@keyframes transfer-shimmer-b-c896s97wm2 {
    to { transform: translateX(-100%); }
}

@media (max-width: 1100px) {



}

@media (max-width: 850px) {
    .stock-transfers__hero[b-c896s97wm2] {
        align-items: start;
    }

    .stock-transfers__hero-side[b-c896s97wm2] {
        min-width: 14rem;
    }

    .stock-transfers__loading[b-c896s97wm2],
    .stock-transfers__grid[b-c896s97wm2] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 650px) {
    .stock-transfers__hero[b-c896s97wm2] {
        display: grid;
        gap: 1.25rem;
    }

    .stock-transfers__hero-side[b-c896s97wm2] {
        width: 100%;
        min-width: 0;
    }

    .stock-transfers__metrics[b-c896s97wm2] {
        grid-template-columns: 1fr;
    }

    .stock-transfers__metrics article[b-c896s97wm2] {
        padding: .75rem .85rem;
    }

    .stock-transfers__filter-heading[b-c896s97wm2],
    .stock-transfers__results-head[b-c896s97wm2] {
        align-items: start;
    }

    .stock-transfers__filter-heading p[b-c896s97wm2],
    .stock-transfers__results-head > span[b-c896s97wm2] {
        display: none;
    }





    .stock-transfers__apply[b-c896s97wm2] {
        width: 100%;
    }

    .stock-transfers__route[b-c896s97wm2] {
        grid-template-columns: 1fr;
    }

    .stock-transfers__arrow[b-c896s97wm2] {
        width: 2rem;
        transform: rotate(-90deg);
        transform-origin: center;
    }

    .stock-transfers__number strong[b-c896s97wm2],
    .stock-transfers__warehouse strong[b-c896s97wm2] {
        white-space: normal;
    }

    .stock-transfers__item-foot[b-c896s97wm2] {
        flex-wrap: wrap;
    }

    .stock-transfers__item-foot .stock-transfers__open[b-c896s97wm2] {
        width: 100%;
        margin-inline-start: 0;
    }

    .stock-transfers__pagination[b-c896s97wm2] {
        gap: .5rem;
    }

    .stock-transfers__pagination .btn[b-c896s97wm2] {
        min-width: 0;
        padding-inline: .65rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .stock-transfers__route-line i[b-c896s97wm2],
    .stock-transfers__button-spinner[b-c896s97wm2],
    .stock-transfers__skeleton span[b-c896s97wm2]::after {
        animation: none;
    }

    .stock-transfers__item[b-c896s97wm2] {
        transition: none;
    }
}
/* _content/Zajal.Shared/Pages/Admin/Inventory/SupplierEdit.razor.rz.scp.css */

.supplier-edit[b-uv5pvodyf2] {
    display: grid;
    gap: 1rem;
}
.supplier-edit__panel[b-uv5pvodyf2] {
    display: grid;
    gap: 1.25rem;
}
.supplier-edit__section-heading[b-uv5pvodyf2] {
    display: flex;
    align-items: center;
    gap: .85rem;
}
.supplier-edit__section-heading h2[b-uv5pvodyf2],
.supplier-edit__linked-items h3[b-uv5pvodyf2] {
    margin: 0;
    color: var(--zj-on-surface);
    font-size: 1.08rem;
    font-weight: 950;
}
.supplier-edit__section-heading p[b-uv5pvodyf2] {
    margin: .2rem 0 0;
    color: var(--zj-on-surface-variant);
    font-size: .88rem;
}
.supplier-edit__section-icon[b-uv5pvodyf2] {
    width: 3rem;
    height: 3rem;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: var(--zj-radius-lg);
    color: var(--zj-primary);
    background: color-mix(in srgb, var(--zj-primary) 12%, var(--zj-surface));
}
.supplier-edit__selection-empty[b-uv5pvodyf2] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .65rem;
    min-height: 5rem;
    padding: 1rem;
    border: 1px dashed var(--zj-outline-variant);
    border-radius: var(--zj-radius-lg);
    color: var(--zj-on-surface-variant);
    background: var(--zj-surface-container-low);
}
.supplier-edit__selection-empty p[b-uv5pvodyf2] {
    margin: 0;
}
.supplier-edit__selection-empty .material-symbols-outlined[b-uv5pvodyf2] {
    color: var(--zj-primary);
}
.supplier-edit__multi-grid[b-uv5pvodyf2] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .85rem;
}
.supplier-edit__item-card[b-uv5pvodyf2] {
    display: grid;
    gap: .8rem;
    min-width: 0;
    padding: .9rem;
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-xl);
    background: color-mix(in srgb, var(--zj-surface-container-low) 82%, var(--zj-surface));
    box-shadow: var(--zj-shadow-sm);
}
.supplier-edit__item-card > header[b-uv5pvodyf2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding-bottom: .65rem;
    border-bottom: 1px solid var(--zj-outline-variant);
}
.supplier-edit__item-card > header > div[b-uv5pvodyf2] {
    display: flex;
    align-items: center;
    gap: .5rem;
    min-width: 0;
}
.supplier-edit__item-card > header strong[b-uv5pvodyf2] {
    overflow: hidden;
    color: var(--zj-on-surface);
    font-size: .96rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.supplier-edit__item-card > header .material-symbols-outlined[b-uv5pvodyf2] {
    color: var(--zj-primary);
    font-size: 1.15rem;
}
.supplier-edit__item-primary[b-uv5pvodyf2] {
    padding-top: .65rem;
    border-top: 1px solid var(--zj-outline-variant);
    font-size: .82rem;
}
.supplier-edit__selection-count[b-uv5pvodyf2] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    color: var(--zj-on-surface-variant);
    font-weight: 800;
}
.supplier-edit__selection-count .material-symbols-outlined[b-uv5pvodyf2] {
    color: var(--zj-primary);
}
.supplier-edit__form-actions[b-uv5pvodyf2],
.supplier-edit__link-actions[b-uv5pvodyf2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--zj-outline-variant);
}
.supplier-edit__form-actions small[b-uv5pvodyf2] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    color: var(--zj-on-surface-variant);
}
.supplier-edit__form-actions small .material-symbols-outlined[b-uv5pvodyf2] {
    color: var(--zj-primary);
    font-size: 1.1rem;
}
.supplier-edit__primary-toggle[b-uv5pvodyf2] {
    display: inline-flex;
    align-items: center;
    gap: .6rem;
    color: var(--zj-on-surface);
    font-weight: 800;
}
.supplier-edit__primary-toggle input[b-uv5pvodyf2] {
    width: 1.15rem;
    height: 1.15rem;
    accent-color: var(--zj-primary);
}
.supplier-edit__linked-items[b-uv5pvodyf2] {
    display: grid;
    gap: .7rem;
}
.supplier-edit__linked-items article[b-uv5pvodyf2] {
    display: grid;
    grid-template-columns: minmax(12rem, 1.5fr) minmax(10rem, 1fr) minmax(9rem, 1fr) auto;
    align-items: center;
    gap: .75rem;
    padding: .85rem 1rem;
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-lg);
    color: var(--zj-on-surface-variant);
    background: var(--zj-surface-container-low);
}
.supplier-edit__linked-items article strong[b-uv5pvodyf2] {
    color: var(--zj-on-surface);
}
.supplier-edit__linked-items article small[b-uv5pvodyf2] {
    padding: .25rem .6rem;
    border-radius: var(--zj-radius-full);
    color: var(--zj-primary);
    background: color-mix(in srgb, var(--zj-primary) 10%, transparent);
    font-weight: 850;
}
.supplier-edit__performance[b-uv5pvodyf2] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
}
.supplier-edit__performance article[b-uv5pvodyf2] {
    display: grid;
    gap: .3rem;
    padding: 1rem;
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-lg);
    background: var(--zj-surface-container-low);
}
.supplier-edit__performance small[b-uv5pvodyf2],
.supplier-edit__empty[b-uv5pvodyf2] {
    color: var(--zj-on-surface-variant);
}
.supplier-edit__performance strong[b-uv5pvodyf2] {
    color: var(--zj-primary);
    font-size: 1.35rem;
    font-weight: 950;
}
.supplier-edit__empty[b-uv5pvodyf2] {
    margin: 0;
    padding: 1rem;
    border-radius: var(--zj-radius-lg);
    text-align: center;
    background: var(--zj-surface-container-low);
}

@media (max-width: 1000px) {
.supplier-edit__performance[b-uv5pvodyf2] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
.supplier-edit__multi-grid[b-uv5pvodyf2] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 650px) {
.supplier-edit__performance[b-uv5pvodyf2] {
        grid-template-columns: 1fr;
    }
.supplier-edit__form-actions[b-uv5pvodyf2],
.supplier-edit__link-actions[b-uv5pvodyf2] {
        align-items: stretch;
        flex-direction: column;
    }
.supplier-edit__form-actions .btn[b-uv5pvodyf2],
.supplier-edit__link-actions .btn[b-uv5pvodyf2] {
        width: 100%;
    }
.supplier-edit__linked-items article[b-uv5pvodyf2] {
        grid-template-columns: 1fr;
    }
}
/* _content/Zajal.Shared/Pages/Admin/Inventory/Suppliers.razor.rz.scp.css */
.suppliers-page[b-i8l1r0ow89] {
    display: grid;
    gap: 1rem;
}

.suppliers-page__hero[b-i8l1r0ow89] {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: end;
    gap: 1rem;
    padding: 1.35rem;
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-2xl);
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--zj-tertiary) 14%, transparent), transparent 48%),
        var(--zj-surface-container-low);
}

.suppliers-page__hero > div[b-i8l1r0ow89] {
    min-width: 0;
    overflow-wrap: anywhere;
    display: grid;
    gap: .35rem;
    max-width: 58rem;
}

.suppliers-page__hero span[b-i8l1r0ow89],
.suppliers-page__card-head span[b-i8l1r0ow89] {
    color: var(--zj-primary);
    font-size: .78rem;
    font-weight: 900;
}

.suppliers-page__hero h1[b-i8l1r0ow89],
.suppliers-page__card-head h2[b-i8l1r0ow89],
.suppliers-page__items h3[b-i8l1r0ow89] {
    margin: 0;
}

.suppliers-page__hero h1[b-i8l1r0ow89] {
    font-size: clamp(1.55rem, 3vw, 2.2rem);
}

.suppliers-page__hero p[b-i8l1r0ow89],
.suppliers-page__card-head small[b-i8l1r0ow89],
.suppliers-page__items p[b-i8l1r0ow89],
.suppliers-page__item-chip small[b-i8l1r0ow89] {
    margin: 0;
    color: var(--zj-on-surface-variant);
}

.suppliers-page__summary[b-i8l1r0ow89] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
}

.suppliers-page__summary > div[b-i8l1r0ow89],
.suppliers-page__metrics > div[b-i8l1r0ow89] {
    display: grid;
    gap: .25rem;
    min-width: 0;
    padding: .8rem .9rem;
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-xl);
    background: var(--zj-surface);
}

.suppliers-page__summary small[b-i8l1r0ow89],
.suppliers-page__metrics small[b-i8l1r0ow89] {
    color: var(--zj-on-surface-variant);
    font-weight: 800;
}

.suppliers-page__summary strong[b-i8l1r0ow89] {
    font-size: 1.35rem;
}

.suppliers-page__toolbar[b-i8l1r0ow89] {
    align-items: end;
}

.suppliers-page__toolbar > .zj-field-grid[b-i8l1r0ow89] {
    flex: 1 1 20rem;
    min-width: 0;
}

.suppliers-page__grid[b-i8l1r0ow89] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .85rem;
}

.suppliers-page__card[b-i8l1r0ow89] {
    display: grid;
    gap: .85rem;
}

.suppliers-page__card-head[b-i8l1r0ow89],
.suppliers-page__actions[b-i8l1r0ow89] {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: .75rem;
}

.suppliers-page__card-head > div[b-i8l1r0ow89] {
    display: grid;
    gap: .2rem;
    min-width: 0;
}

.suppliers-page__card-head h2[b-i8l1r0ow89] {
    font-size: 1.12rem;
    line-height: 1.35;
}

.suppliers-page__metrics[b-i8l1r0ow89] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .55rem;
}

.suppliers-page__metrics strong[b-i8l1r0ow89] {
    min-width: 0;
    overflow-wrap: anywhere;
    font-size: .92rem;
}

.suppliers-page__items[b-i8l1r0ow89] {
    display: grid;
    gap: .55rem;
}

.suppliers-page__items h3[b-i8l1r0ow89] {
    font-size: .95rem;
}

.suppliers-page__items > div[b-i8l1r0ow89] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}

.suppliers-page__item-chip[b-i8l1r0ow89] {
    display: grid;
    gap: .15rem;
    max-width: 15rem;
    padding: .5rem .65rem;
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-lg);
    background: var(--zj-surface-container-low);
}

.suppliers-page__item-chip strong[b-i8l1r0ow89],
.suppliers-page__item-chip small[b-i8l1r0ow89] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.suppliers-page__actions[b-i8l1r0ow89] {
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
}

.suppliers-page__actions .material-symbols-outlined[b-i8l1r0ow89],
.suppliers-page__hero .material-symbols-outlined[b-i8l1r0ow89],
.suppliers-page__toolbar .material-symbols-outlined[b-i8l1r0ow89] {
    font-size: 1.05rem;
}

.suppliers-page__state[b-i8l1r0ow89] {
    min-height: 14rem;
    display: grid;
    place-items: center;
    align-content: center;
    text-align: center;
    gap: .45rem;
}

.suppliers-page__state > .material-symbols-outlined[b-i8l1r0ow89] {
    font-size: 2.7rem;
    color: var(--zj-primary);
}

.suppliers-page__state h2[b-i8l1r0ow89],
.suppliers-page__state p[b-i8l1r0ow89] {
    margin: 0;
}

@media (max-width: 1100px) {
    .suppliers-page__grid[b-i8l1r0ow89] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .suppliers-page__hero[b-i8l1r0ow89],
    .suppliers-page__summary[b-i8l1r0ow89],
    .suppliers-page__metrics[b-i8l1r0ow89] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .suppliers-page__hero .btn[b-i8l1r0ow89] {
        width: 100%;
    }
}
/* _content/Zajal.Shared/Pages/Admin/Inventory/Warehouses.razor.rz.scp.css */
.warehouse-page[b-u51ry8vd41] { display: grid; gap: 1.15rem; }
.warehouse-page__hero[b-u51ry8vd41] { display: flex; justify-content: space-between; align-items: end; gap: 1rem; padding: 1.35rem; border-radius: var(--zj-radius-2xl); background: linear-gradient(135deg, color-mix(in srgb, var(--zj-tertiary) 13%, var(--zj-surface)), var(--zj-surface-container-low)); border: 1px solid var(--zj-outline-variant); }
.warehouse-page__hero > div > span[b-u51ry8vd41] { color: var(--zj-tertiary); font-size: .75rem; font-weight: 950; letter-spacing: .08em; }
.warehouse-page__hero h1[b-u51ry8vd41] { margin: .25rem 0; color: var(--zj-on-surface); font-size: clamp(1.55rem, 3vw, 2.35rem); font-weight: 950; }
.warehouse-page__hero p[b-u51ry8vd41], .warehouse-page__title p[b-u51ry8vd41], .warehouse-page__card p[b-u51ry8vd41], .warehouse-page__empty p[b-u51ry8vd41] { margin: 0; color: var(--zj-on-surface-variant); }
.warehouse-page__metrics[b-u51ry8vd41] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; }
.warehouse-page__metrics article[b-u51ry8vd41] { display: flex; align-items: center; gap: .7rem; padding: 1rem; border: 1px solid var(--zj-outline-variant); border-radius: var(--zj-radius-xl); background: var(--zj-surface-container-low); }
.warehouse-page__metrics article > .material-symbols-outlined[b-u51ry8vd41] { color: var(--zj-tertiary); font-size: 1.8rem; }
.warehouse-page__metrics strong[b-u51ry8vd41], .warehouse-page__metrics small[b-u51ry8vd41] { display: block; }
.warehouse-page__metrics strong[b-u51ry8vd41] { color: var(--zj-on-surface); font-size: 1.35rem; font-weight: 950; }
.warehouse-page__metrics small[b-u51ry8vd41] { color: var(--zj-on-surface-variant); }
.warehouse-page__layout[b-u51ry8vd41] { display: grid; grid-template-columns: minmax(17rem, .72fr) minmax(0, 1.28fr); gap: 1rem; align-items: start; }
.warehouse-page__editor[b-u51ry8vd41] { position: sticky; top: 1rem; }
.warehouse-page__editor .card-body[b-u51ry8vd41], .warehouse-page__card .card-body[b-u51ry8vd41] { display: grid; gap: 1rem; }
.warehouse-page__title[b-u51ry8vd41], .warehouse-page__identity[b-u51ry8vd41], .warehouse-page__card-head[b-u51ry8vd41], .warehouse-page__branch-count[b-u51ry8vd41], .warehouse-page__actions[b-u51ry8vd41] { display: flex; align-items: center; gap: .7rem; }
.warehouse-page__title h2[b-u51ry8vd41], .warehouse-page__card h2[b-u51ry8vd41], .warehouse-page__empty h2[b-u51ry8vd41] { margin: 0; color: var(--zj-on-surface); font-size: 1.05rem; font-weight: 950; }
.warehouse-page__title > .material-symbols-outlined[b-u51ry8vd41], .warehouse-page__identity > .material-symbols-outlined[b-u51ry8vd41] { width: 2.7rem; height: 2.7rem; display: grid; place-items: center; flex: 0 0 auto; border-radius: var(--zj-radius-lg); background: color-mix(in srgb, var(--zj-tertiary) 16%, transparent); color: var(--zj-tertiary); }
.warehouse-page__error[b-u51ry8vd41] { color: var(--zj-error); font-size: .85rem; font-weight: 850; }
.warehouse-page__list[b-u51ry8vd41] { display: grid; gap: .85rem; }
.warehouse-page__card-head[b-u51ry8vd41] { justify-content: space-between; }
.warehouse-page__branch-count[b-u51ry8vd41] { padding: .85rem; border-radius: var(--zj-radius-lg); background: var(--zj-surface-container); }
.warehouse-page__branch-count--shared[b-u51ry8vd41] { border: 1px solid color-mix(in srgb, var(--zj-tertiary) 35%, transparent); background: color-mix(in srgb, var(--zj-tertiary) 8%, var(--zj-surface-container)); }
.warehouse-page__branch-count > .material-symbols-outlined[b-u51ry8vd41] { color: var(--zj-tertiary); }
.warehouse-page__branch-count strong[b-u51ry8vd41], .warehouse-page__branch-count small[b-u51ry8vd41] { display: block; }
.warehouse-page__branch-count strong[b-u51ry8vd41] { color: var(--zj-on-surface); font-size: 1.2rem; }
.warehouse-page__branch-count small[b-u51ry8vd41] { color: var(--zj-on-surface-variant); }
.warehouse-page__branch-count em[b-u51ry8vd41] { margin-inline-start: auto; padding: .25rem .6rem; border-radius: var(--zj-radius-full); background: var(--zj-tertiary); color: var(--zj-on-tertiary); font-size: .75rem; font-style: normal; font-weight: 900; }
.warehouse-page__actions[b-u51ry8vd41] { flex-wrap: wrap; }
.warehouse-page__loading[b-u51ry8vd41], .warehouse-page__empty[b-u51ry8vd41] { min-height: 12rem; display: grid; place-items: center; align-content: center; gap: .5rem; text-align: center; }
.warehouse-page__empty > .material-symbols-outlined[b-u51ry8vd41] { color: var(--zj-tertiary); font-size: 2.4rem; }
@media (max-width: 920px) { .warehouse-page__layout[b-u51ry8vd41] { grid-template-columns: 1fr; } .warehouse-page__editor[b-u51ry8vd41] { position: static; } }
@media (max-width: 650px) { .warehouse-page__hero[b-u51ry8vd41] { display: grid; align-items: start; } .warehouse-page__metrics[b-u51ry8vd41] { grid-template-columns: 1fr; } }
/* _content/Zajal.Shared/Pages/Admin/MenuCenter.razor.rz.scp.css */
.menu-center[b-ypf5956esz] { display:grid; gap:1.25rem; min-width:0; padding:clamp(.75rem,2vw,1.5rem); font-family:var(--zj-font-family,'Cairo',sans-serif); }
.menu-center > section[b-ypf5956esz] { min-width:0; }
.menu-center[b-ypf5956esz]  :is(input,select,textarea,button) { font-family:inherit; }
.menu-center[b-ypf5956esz]  .zj-page-header { margin-bottom:0; }
@media(max-width:650px) {
    .menu-center[b-ypf5956esz] { gap:.75rem; padding:.5rem; }
    .menu-center[b-ypf5956esz]  .zj-page-header--decorated { padding:.75rem; }
    .menu-center[b-ypf5956esz]  .tab-nav { padding-block:0 .5rem; gap:.4rem; }
    .menu-center[b-ypf5956esz]  .tab-nav button { flex:1; padding:.5rem; }
}
/* _content/Zajal.Shared/Pages/Admin/MenuManagement.razor.rz.scp.css */
/* ============================================================
   MenuManagement.razor.css — Zajil Operational Precision
   Source of Truth: Menu stitch_/_2/code.html & DESIGN.md
   ============================================================ */

/* --- Variables & Tokens --- */
:host[b-5j59ei6a7r] {
    display: block;
}

.category-item-card__drag-handle[b-5j59ei6a7r] { touch-action: none; min-width: 44px; min-height: 44px; background: transparent; border: 0; cursor: grab; }
.category-item-card__drag-handle:focus-visible[b-5j59ei6a7r] { outline: 2px solid var(--zj-primary); outline-offset: 2px; }
.category-order-note[b-5j59ei6a7r] { color: var(--zj-text-secondary); font-size: .8rem; }

.menu-workspace[b-5j59ei6a7r] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding: 0.5rem 0 2rem;
    color: var(--zj-on-surface, #0b1c30);
    font-family: inherit;
}

/* --- Header Section --- */
.menu-header[b-5j59ei6a7r] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 1rem;
}

@media (min-width: 768px) {
    .menu-header[b-5j59ei6a7r] {
        flex-direction: row;
        align-items: center;
    }
}

.menu-header__titles[b-5j59ei6a7r] {
    display: flex;
    flex-direction: column;
}

.menu-header__title[b-5j59ei6a7r] {
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 2.25rem;
    color: var(--zj-on-surface, #0b1c30);
    margin: 0;
}

.menu-header__subtitle[b-5j59ei6a7r] {
    font-size: 0.875rem;
    color: var(--zj-secondary, #565e74);
    margin: 0.25rem 0 0 0;
}

.menu-header__actions[b-5j59ei6a7r] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.sync-badge[b-5j59ei6a7r] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.375rem 0.75rem;
    border-radius: 0.5rem;
    background: var(--zj-surface-container-lowest, #ffffff);
    border: 1px solid var(--zj-outline-variant, #bfc7d2);
    color: var(--zj-secondary, #565e74);
    font-size: 0.75rem;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.sync-badge__icon[b-5j59ei6a7r] {
    font-size: 1rem;
    color: var(--zj-tertiary, #006948);
}

.btn-help[b-5j59ei6a7r] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.375rem 0.75rem;
    border-radius: 0.5rem;
    background: var(--zj-surface-container-lowest, #ffffff);
    border: 1px solid var(--zj-outline-variant, #bfc7d2);
    color: var(--zj-on-surface, #0b1c30);
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.15s ease;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.btn-help:hover[b-5j59ei6a7r] {
    background: var(--zj-surface-container-low, #eff4ff);
}

/* --- Operational Tabs --- */
.menu-tabs[b-5j59ei6a7r] {
    display: flex;
    align-items: center;
    gap: 2rem;
    border-bottom: 1px solid var(--zj-outline-variant, #bfc7d2);
}

.menu-tab[b-5j59ei6a7r] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0 0 0.875rem 0;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    color: var(--zj-secondary, #565e74);
    font-size: 1rem;
    font-weight: 500;
    cursor: pointer;
    transition: color 0.15s ease, border-color 0.15s ease;
    text-decoration: none;
}

.menu-tab:hover[b-5j59ei6a7r] {
    color: var(--zj-on-surface, #0b1c30);
}

.menu-tab.is-active[b-5j59ei6a7r] {
    border-bottom-color: var(--zj-primary, #006194);
    color: var(--zj-on-surface, #0b1c30);
    font-weight: 600;
}

.menu-tab__icon[b-5j59ei6a7r] {
    font-size: 1.25rem;
}

.menu-tab__badge[b-5j59ei6a7r] {
    padding: 0.125rem 0.5rem;
    border-radius: 9999px;
    background: var(--zj-surface-container-low, #eff4ff);
    color: var(--zj-primary, #006194);
    font-size: 0.6875rem;
    font-weight: 700;
}

/* --- Smart Toolbar --- */
.smart-toolbar[b-5j59ei6a7r] {
    background: var(--zj-surface-container-lowest, #ffffff);
    padding: 1rem;
    border-radius: 0.75rem;
    border: 1px solid var(--zj-outline-variant, #bfc7d2);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.search-box[b-5j59ei6a7r] {
    position: relative;
    min-width: 0;
    flex: 1 1 15rem;
}

.search-box__icon[b-5j59ei6a7r] {
    position: absolute;
    top: 50%;
    right: 0.75rem;
    transform: translateY(-50%);
    color: var(--zj-secondary, #565e74);
    pointer-events: none;
    font-size: 1.125rem;
}

.search-box__input[b-5j59ei6a7r] {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    height: 2.75rem;
    padding: 0 2.375rem 0 1rem;
    border-radius: 0.5rem;
    background: var(--zj-surface-container-lowest, #ffffff);
    border: 1px solid var(--zj-outline-variant, #bfc7d2);
    color: var(--zj-on-surface, #0b1c30);
    font-size: 0.875rem;
    transition: border-color 0.15s, box-shadow 0.15s;
}

.search-box__input:focus[b-5j59ei6a7r] {
    outline: none;
    border-color: var(--zj-primary, #006194);
    box-shadow: 0 0 0 2px rgba(0, 97, 148, 0.2);
}

.category-select-wrapper[b-5j59ei6a7r] {
    position: relative;
    flex: 1 1 13rem;
    min-width: 0;
}

.category-select[b-5j59ei6a7r] {
    width: 100%;
    min-width: 0;
    min-height: 2.75rem;
    padding: .375rem .75rem;
    border-radius: 0.5rem;
    background: var(--zj-surface-container-lowest, #ffffff);
    border: 1px solid var(--zj-outline-variant, #bfc7d2);
    color: var(--zj-on-surface, #0b1c30);
    font-size: 0.875rem;
    cursor: pointer;
}

.category-select:focus[b-5j59ei6a7r] {
    outline: none;
    border-color: var(--zj-primary, #006194);
    box-shadow: 0 0 0 2px rgba(0, 97, 148, 0.2);
}

.segmented-filter[b-5j59ei6a7r] {
    display: inline-flex;
    flex-wrap: wrap;
    max-width: 100%;
    border-radius: 0.5rem;
    border: 1px solid var(--zj-outline-variant, #bfc7d2);
    padding: 2px;
    background: var(--zj-surface, #f8f9ff);
}

.segmented-btn[b-5j59ei6a7r] {
    min-height: 2.75rem;
    min-width: 0;
    flex: 1 1 auto;
    overflow-wrap: anywhere;
    padding: 0.375rem 0.75rem;
    font-size: 0.75rem;
    font-weight: 500;
    border-radius: 0.375rem;
    border: none;
    background: transparent;
    color: var(--zj-secondary, #565e74);
    cursor: pointer;
    transition: all 0.15s ease;
}

.segmented-btn:hover[b-5j59ei6a7r] {
    color: var(--zj-on-surface, #0b1c30);
}

.segmented-btn.is-active[b-5j59ei6a7r] {
    background: var(--zj-surface-container-lowest, #ffffff);
    color: var(--zj-on-surface, #0b1c30);
    font-weight: 600;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn-secondary-action[b-5j59ei6a7r] {
    min-height: 2.75rem;
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
    padding: .375rem .875rem;
    border-radius: 0.5rem;
    border: 1px solid var(--zj-outline-variant, #bfc7d2);
    background: var(--zj-surface-container-lowest, #ffffff);
    color: var(--zj-on-surface, #0b1c30);
    font-size: 0.875rem;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    cursor: pointer;
    transition: background 0.15s ease;
}

.btn-secondary-action:hover[b-5j59ei6a7r] {
    background: var(--zj-surface, #f8f9ff);
}

.btn-primary-action[b-5j59ei6a7r] {
    min-height: 2.75rem;
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
    padding: .375rem 1rem;
    border-radius: 0.5rem;
    border: none;
    background: var(--zj-primary, #006194);
    color: var(--zj-on-primary, #ffffff);
    font-size: 0.875rem;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    transition: background 0.15s ease;
    box-shadow: 0 1px 2px rgba(0, 97, 148, 0.15);
}

.btn-primary-action:hover[b-5j59ei6a7r] {
    background: var(--zj-primary-container, #007bb9);
}

/* --- More Dropdown Menu --- */
.dropdown-anchor[b-5j59ei6a7r] {
    position: relative;
}

.dropdown-menu[b-5j59ei6a7r] {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 50;
    min-width: 13rem;
    margin-top: 0.25rem;
    background: #ffffff;
    border-radius: 0.5rem;
    border: 1px solid var(--zj-outline-variant, #bfc7d2);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
    padding: 0.35rem 0;
    display: flex;
    flex-direction: column;
}

.dropdown-item[b-5j59ei6a7r] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    padding: 0.5rem 0.875rem;
    border: none;
    background: transparent;
    color: var(--zj-on-surface, #0b1c30);
    font-size: 0.8125rem;
    text-align: right;
    cursor: pointer;
    transition: background 0.15s;
}

/* The native popover top layer escapes the table's scrolling/clipping box. */
.row-actions-menu[b-5j59ei6a7r] {
    display: none;
    position: fixed;
    inset: auto;
    margin: 0;
    min-width: min(13rem, calc(100vw - 16px));
    max-width: calc(100vw - 16px);
    max-height: calc(100dvh - 16px);
    overflow-y: auto;
    background: var(--zj-surface, #ffffff);
    color: var(--zj-on-surface, #0b1c30);
    direction: rtl;
}

.row-actions-menu:popover-open[b-5j59ei6a7r] {
    display: block;
}

.dropdown-item:hover[b-5j59ei6a7r] {
    background: var(--zj-surface-container-low, #eff4ff);
}

.dropdown-item__icon[b-5j59ei6a7r] {
    font-size: 1.125rem;
    color: var(--zj-secondary, #565e74);
}

/* --- Data Table Container --- */
.data-table-container[b-5j59ei6a7r] {
    background: var(--zj-surface-container-lowest, #ffffff);
    border-radius: 0.75rem;
    border: 1px solid var(--zj-outline-variant, #bfc7d2);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    overflow: hidden;
}

.table-responsive[b-5j59ei6a7r] {
    overflow-x: auto;
    width: 100%;
}

.table-workhorse[b-5j59ei6a7r] {
    width: 100%;
    text-align: right;
    border-collapse: collapse;
}

.table-workhorse th[b-5j59ei6a7r] {
    background: var(--zj-surface, #f8f9ff);
    color: var(--zj-secondary, #565e74);
    font-size: 0.75rem;
    font-weight: 600;
    height: 2.75rem;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--zj-outline-variant, #bfc7d2);
    white-space: nowrap;
}

.table-workhorse td[b-5j59ei6a7r] {
    padding: 0.875rem 1rem;
    border-bottom: 1px solid rgba(191, 199, 210, 0.4);
    vertical-align: middle;
}

.table-workhorse tbody tr[b-5j59ei6a7r] {
    transition: background-color 0.15s ease;
}

.table-workhorse tbody tr.is-editing[b-5j59ei6a7r] {
    background: var(--zj-surface-container);
}

.table-workhorse tbody tr.is-disabled[b-5j59ei6a7r] {
    opacity: 0.85;
}

/* Item Column */
.item-cell[b-5j59ei6a7r] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.item-avatar[b-5j59ei6a7r] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.5rem;
    background: var(--zj-surface-container, #e5eeff);
    color: var(--zj-primary, #006194);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    overflow: hidden;
}

.item-avatar__img[b-5j59ei6a7r] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.item-avatar__icon[b-5j59ei6a7r] {
    font-size: 1.25rem;
}

.item-info[b-5j59ei6a7r] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.item-name-row[b-5j59ei6a7r] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.item-name[b-5j59ei6a7r] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--zj-on-surface, #0b1c30);
    line-height: 1.35;
}

.item-sku[b-5j59ei6a7r] {
    font-size: 0.6875rem;
    background: #f1ece7;
    color: #5c4331;
    padding: 1px 5px;
    border-radius: 4px;
    font-family: monospace;
}

.zj-item-code-badge[b-5j59ei6a7r] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.6875rem;
    font-weight: 700;
    font-family: monospace;
    background: var(--zj-primary-container, #e0f2fe);
    color: var(--zj-on-primary-container, #0369a1);
    border: 1px solid var(--zj-outline-variant, rgba(3, 105, 161, 0.2));
    border-radius: 4px;
    padding: 1px 5px;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease;
}

.zj-item-code-badge:hover[b-5j59ei6a7r] {
    background: var(--zj-primary, #0284c7);
    color: var(--zj-on-primary, #ffffff);
}

.item-desc[b-5j59ei6a7r] {
    font-size: 0.75rem;
    color: var(--zj-secondary, #565e74);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 16rem;
}

/* Category Column */
.category-badge[b-5j59ei6a7r] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.625rem;
    border-radius: 0.375rem;
    background: var(--zj-surface, #f8f9ff);
    color: var(--zj-secondary, #565e74);
    font-size: 0.6875rem;
    font-weight: 500;
    border: 1px solid rgba(191, 199, 210, 0.6);
}

/* Price Column */
.price-display-wrapper[b-5j59ei6a7r] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.price-display-btn[b-5j59ei6a7r] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.25rem 0.5rem;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: background 0.15s ease;
    border: none;
    background: transparent;
}

.price-display-btn:hover[b-5j59ei6a7r] {
    background: var(--zj-surface-container-low, #eff4ff);
}

.price-value[b-5j59ei6a7r] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--zj-on-surface, #0b1c30);
    font-variant-numeric: tabular-nums;
}

.price-currency[b-5j59ei6a7r] {
    font-size: 0.75rem;
    color: var(--zj-secondary, #565e74);
}

.price-edit-icon[b-5j59ei6a7r] {
    font-size: 1rem;
    color: var(--zj-primary, #006194);
    opacity: 0;
    transition: opacity 0.15s ease;
}

.price-display-btn:hover .price-edit-icon[b-5j59ei6a7r] {
    opacity: 1;
}

.price-saved-feedback[b-5j59ei6a7r] {
    font-size: 0.625rem;
    color: var(--zj-tertiary, #006948);
    background: #ecfdf5;
    padding: 0.125rem 0.375rem;
    border-radius: 0.25rem;
    border: 1px solid #a7f3d0;
    margin-top: 0.25rem;
}

/* Inline Edit Controls */
.inline-price-editor[b-5j59ei6a7r] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.inline-price-input-wrap[b-5j59ei6a7r] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.5rem;
    width: 12rem;
    max-width: 100%;
}

.btn-price-save[b-5j59ei6a7r] {
    width: 2rem;
    height: 2rem;
    border-radius: 0.5rem;
    background: var(--zj-primary, #006194);
    color: #ffffff;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.15s ease;
}

.btn-price-save:hover:not(:disabled)[b-5j59ei6a7r] {
    background: var(--zj-primary-container, #007bb9);
}

.btn-price-save:disabled[b-5j59ei6a7r] {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-price-cancel[b-5j59ei6a7r] {
    width: 2rem;
    height: 2rem;
    border-radius: 0.5rem;
    border: 1px solid var(--zj-outline-variant, #bfc7d2);
    background: var(--zj-surface, #f8f9ff);
    color: var(--zj-secondary, #565e74);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.15s ease;
}

.btn-price-cancel:hover:not(:disabled)[b-5j59ei6a7r] {
    background: var(--zj-surface-container-lowest, #ffffff);
}

.inline-price-hint[b-5j59ei6a7r] {
    font-size: 0.6875rem;
    color: var(--zj-primary, #006194);
    text-align: center;
    margin: 0.25rem 0 0 0;
    font-weight: 500;
}

/* Sales Active Toggle Column */
.availability-cell[b-5j59ei6a7r] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.625rem;
}

.availability-label[b-5j59ei6a7r] {
    font-size: 0.875rem;
    font-weight: 600;
    min-width: 4rem;
    text-align: right;
}

.availability-label.is-active[b-5j59ei6a7r] {
    color: var(--zj-tertiary, #006948);
}

.availability-label.is-inactive[b-5j59ei6a7r] {
    color: var(--zj-secondary, #565e74);
    font-weight: 400;
}

/* Recipe Status Column */
.status-pill[b-5j59ei6a7r] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.25rem 0.625rem;
    border-radius: 9999px;
    font-size: 0.6875rem;
    font-weight: 500;
}

.status-pill__dot[b-5j59ei6a7r] {
    width: 0.375rem;
    height: 0.375rem;
    border-radius: 50%;
}

.status-pill--complete[b-5j59ei6a7r] {
    background: #ecfdf5;
    color: #065f46;
    border: 1px solid #a7f3d0;
}

.status-pill--complete .status-pill__dot[b-5j59ei6a7r] {
    background: #10b981;
}

.status-pill--incomplete[b-5j59ei6a7r] {
    background: #fffbeb;
    color: #92400e;
    border: 1px solid #fde68a;
}

.status-pill--incomplete .status-pill__dot[b-5j59ei6a7r] {
    background: #f59e0b;
}

.status-pill--none[b-5j59ei6a7r] {
    background: #f1f5f9;
    color: #475569;
    border: 1px solid #e2e8f0;
}

.status-pill--none .status-pill__dot[b-5j59ei6a7r] {
    background: #94a3b8;
}

/* Quick Actions Column */
.quick-actions[b-5j59ei6a7r] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.25rem;
}

.btn-action-icon[b-5j59ei6a7r] {
    padding: 0.375rem;
    border-radius: 0.5rem;
    border: none;
    background: transparent;
    color: var(--zj-secondary, #565e74);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s ease, color 0.15s ease;
}

.btn-action-icon:hover[b-5j59ei6a7r] {
    background: var(--zj-surface-container-low, #eff4ff);
    color: var(--zj-primary, #006194);
}

.btn-action-icon span[b-5j59ei6a7r] {
    font-size: 1.125rem;
}

/* --- Pagination & Footer Summary --- */
.table-footer[b-5j59ei6a7r] {
    height: 3.5rem;
    padding: 0 1.5rem;
    background: var(--zj-surface, #f8f9ff);
    border-top: 1px solid rgba(191, 199, 210, 0.6);
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.75rem;
    color: var(--zj-secondary, #565e74);
}

.footer-summary[b-5j59ei6a7r] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.footer-divider[b-5j59ei6a7r] {
    width: 1px;
    height: 1rem;
    background: var(--zj-outline-variant, #bfc7d2);
}

.page-size-selector[b-5j59ei6a7r] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
}

.page-size-select[b-5j59ei6a7r] {
    background: transparent;
    border: none;
    color: var(--zj-on-surface, #0b1c30);
    font-weight: 600;
    font-size: 0.75rem;
    cursor: pointer;
    padding-left: 1rem;
}

.pagination-controls[b-5j59ei6a7r] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.btn-page-nav[b-5j59ei6a7r] {
    padding: 0.375rem;
    border-radius: 0.5rem;
    border: 1px solid var(--zj-outline-variant, #bfc7d2);
    background: var(--zj-surface-container-lowest, #ffffff);
    color: var(--zj-secondary, #565e74);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s;
}

.btn-page-nav:hover:not(:disabled)[b-5j59ei6a7r] {
    background: var(--zj-surface, #f8f9ff);
}

.btn-page-nav:disabled[b-5j59ei6a7r] {
    opacity: 0.4;
    cursor: not-allowed;
}

.page-number-current[b-5j59ei6a7r] {
    font-weight: 700;
    color: var(--zj-on-surface, #0b1c30);
    padding: 0 0.5rem;
}

/* --- Floating Toast Notification --- */
.floating-toast[b-5j59ei6a7r] {
    position: fixed;
    bottom: 1.5rem;
    left: 2rem;
    z-index: 1050;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    border-radius: 0.75rem;
    background: var(--zj-surface-container-lowest, #ffffff);
    border: 1px solid var(--zj-outline-variant, #bfc7d2);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.05);
    animation: slideUp-b-5j59ei6a7r 0.25s ease-out;
}

@keyframes slideUp-b-5j59ei6a7r {
    from {
        opacity: 0;
        transform: translateY(1rem);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.toast-icon-wrap[b-5j59ei6a7r] {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    background: #ecfdf5;
    color: var(--zj-tertiary, #006948);
    display: flex;
    align-items: center;
    justify-content: center;
}

.toast-content[b-5j59ei6a7r] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8125rem;
    color: var(--zj-on-surface, #0b1c30);
}

.toast-badge[b-5j59ei6a7r] {
    font-weight: 700;
    color: var(--zj-tertiary, #006948);
}

.toast-dot[b-5j59ei6a7r] {
    color: var(--zj-secondary, #565e74);
}

.toast-close-btn[b-5j59ei6a7r] {
    border: none;
    background: transparent;
    color: var(--zj-secondary, #565e74);
    cursor: pointer;
    padding: 0.25rem;
    display: flex;
    align-items: center;
}

.toast-close-btn:hover[b-5j59ei6a7r] {
    color: var(--zj-on-surface, #0b1c30);
}

.spinning[b-5j59ei6a7r] {
    animation: spin-b-5j59ei6a7r 1s linear infinite;
}

@keyframes spin-b-5j59ei6a7r {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* ============================================================
   Category Management Drawer — Stage 2
   Source of Truth: Menu stitch_/_3/code.html & DESIGN.md
   ============================================================ */

.category-drawer-backdrop[b-5j59ei6a7r] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.35);
    backdrop-filter: blur(2px);
    z-index: 1040;
}

.category-drawer[b-5j59ei6a7r] {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: 540px;
    background: var(--zj-surface-container-lowest, #ffffff);
    border-right: 1px solid var(--zj-outline-variant, #bfc7d2);
    box-shadow: -10px 0 25px -5px rgba(0, 0, 0, 0.1), 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    z-index: 1050;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    animation: slideInLeft-b-5j59ei6a7r 0.22s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes slideInLeft-b-5j59ei6a7r {
    from {
        transform: translateX(-100%);
    }
    to {
        transform: translateX(0);
    }
}

.category-drawer__header[b-5j59ei6a7r] {
    padding: 1.5rem;
    border-bottom: 1px solid rgba(191, 199, 210, 0.6);
    background: var(--zj-surface-container-low, #eff4ff);
}

.category-drawer__header-top[b-5j59ei6a7r] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.category-drawer__title-group[b-5j59ei6a7r] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.category-drawer__icon-box[b-5j59ei6a7r] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.5rem;
    background: var(--zj-surface-container-high, #dce9ff);
    border: 1px solid rgba(191, 199, 210, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--zj-primary, #006194);
    flex-shrink: 0;
}

.category-drawer__title[b-5j59ei6a7r] {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--zj-on-surface, #0b1c30);
    margin: 0;
    line-height: 1.4;
}

.category-drawer__subtitle[b-5j59ei6a7r] {
    font-size: 0.8125rem;
    color: var(--zj-secondary, #565e74);
    margin: 0.25rem 0 0;
}

.category-drawer__close-btn[b-5j59ei6a7r] {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    color: var(--zj-secondary, #565e74);
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
}

.category-drawer__close-btn:hover[b-5j59ei6a7r] {
    background: var(--zj-surface-container-high, #dce9ff);
    color: var(--zj-on-surface, #0b1c30);
}

.category-drawer__stats-bar[b-5j59ei6a7r] {
    margin-top: 1rem;
    padding-top: 0.75rem;
    border-top: 1px solid rgba(191, 199, 210, 0.4);
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.8125rem;
    font-weight: 500;
}

.category-drawer__stats-item[b-5j59ei6a7r] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--zj-secondary, #565e74);
}

.category-drawer__stats-count[b-5j59ei6a7r] {
    color: var(--zj-on-surface, #0b1c30);
    font-weight: 600;
}

.category-drawer__stats-pos[b-5j59ei6a7r] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    color: var(--zj-tertiary, #006948);
    font-weight: 500;
}

.category-drawer__pos-dot[b-5j59ei6a7r] {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 9999px;
    background: var(--zj-tertiary, #006948);
}

.category-drawer__body[b-5j59ei6a7r] {
    flex: 1;
    overflow-y: auto;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.category-drawer__btn-add-primary[b-5j59ei6a7r] {
    width: 100%;
    height: 2.75rem;
    border-radius: 0.5rem;
    background: var(--zj-primary, #006194);
    color: var(--zj-on-primary, #ffffff);
    font-size: 0.875rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    border: none;
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
    transition: background 0.15s;
}

.category-drawer__btn-add-primary:hover[b-5j59ei6a7r] {
    background: var(--zj-primary-container, #007bb9);
}

.category-drawer__form-card[b-5j59ei6a7r] {
    background: var(--zj-surface-container-low, #eff4ff);
    border: 1px solid rgba(0, 97, 148, 0.25);
    border-radius: 0.75rem;
    padding: 1.125rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.category-drawer__form-header[b-5j59ei6a7r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.category-drawer__form-title[b-5j59ei6a7r] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--zj-primary, #006194);
}

.category-drawer__badge-auto[b-5j59ei6a7r] {
    font-size: 0.6875rem;
    font-weight: 600;
    padding: 0.125rem 0.5rem;
    border-radius: 0.25rem;
    background: rgba(0, 97, 148, 0.1);
    color: var(--zj-primary, #006194);
}

.category-drawer__icon-preview-box[b-5j59ei6a7r] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    height: 2.5rem;
    padding: 0 0.75rem;
    background: var(--zj-surface-container-lowest, #ffffff);
    border: 1px solid var(--zj-outline-variant, #bfc7d2);
    border-radius: 0.5rem;
}

.category-drawer__icon-preview-label[b-5j59ei6a7r] {
    font-size: 0.75rem;
    color: var(--zj-secondary, #565e74);
}

.category-drawer__form-actions[b-5j59ei6a7r] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.625rem;
    padding-top: 0.5rem;
    border-top: 1px solid rgba(191, 199, 210, 0.4);
}

.category-drawer__btn-cancel[b-5j59ei6a7r] {
    height: 2.25rem;
    padding: 0 1rem;
    border-radius: 0.5rem;
    background: var(--zj-surface-container-lowest, #ffffff);
    border: 1px solid var(--zj-outline-variant, #bfc7d2);
    color: var(--zj-secondary, #565e74);
    font-size: 0.75rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s;
}

.category-drawer__btn-cancel:hover[b-5j59ei6a7r] {
    background: var(--zj-surface-container-high, #dce9ff);
}

.category-drawer__btn-save[b-5j59ei6a7r] {
    height: 2.25rem;
    padding: 0 1.25rem;
    border-radius: 0.5rem;
    background: var(--zj-primary, #006194);
    border: none;
    color: var(--zj-on-primary, #ffffff);
    font-size: 0.75rem;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
    transition: background 0.15s;
}

.category-drawer__btn-save:hover[b-5j59ei6a7r] {
    background: var(--zj-primary-container, #007bb9);
}

.category-drawer__list-section[b-5j59ei6a7r] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.category-drawer__reorder-header[b-5j59ei6a7r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.category-drawer__reorder-hint[b-5j59ei6a7r] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.75rem;
    color: var(--zj-secondary, #565e74);
}

.category-drawer__reorder-status-tag[b-5j59ei6a7r] {
    font-size: 0.6875rem;
    font-weight: 600;
    color: var(--zj-primary, #006194);
    background: var(--zj-surface-container-low, #eff4ff);
    padding: 0.125rem 0.5rem;
    border-radius: 0.25rem;
}

.category-drawer__reorder-status-tag.is-pending[b-5j59ei6a7r] {
    color: #b45309;
    background: #fef3c7;
}

.category-drawer__items-list[b-5j59ei6a7r] {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

.category-item-card[b-5j59ei6a7r] {
    background: var(--zj-surface-container-lowest, #ffffff);
    border: 1px solid var(--zj-outline-variant, #bfc7d2);
    border-radius: 0.75rem;
    padding: 0.875rem;
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
    transition: border-color 0.15s, box-shadow 0.15s, background 0.15s;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
}

.category-item-card:hover[b-5j59ei6a7r] {
    border-color: rgba(0, 97, 148, 0.5);
}

.category-item-card.is-dragging[b-5j59ei6a7r] {
    opacity: 0.4;
    border-style: dashed;
}

.category-item-card.is-drag-over[b-5j59ei6a7r] {
    border-color: var(--zj-primary, #006194);
    background: rgba(239, 244, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(0, 97, 148, 0.3);
}

.category-item-card__main[b-5j59ei6a7r] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.category-item-card__start[b-5j59ei6a7r] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    flex: 1 1 16rem;
    min-width: 0;
}

.category-item-card__drag-handle[b-5j59ei6a7r] {
    cursor: grab;
    color: var(--zj-outline-variant, #bfc7d2);
    display: flex;
    align-items: center;
    padding: 0.25rem 0;
}

.category-item-card__drag-handle:hover[b-5j59ei6a7r] {
    color: var(--zj-primary, #006194);
}

.category-item-card__drag-handle:active[b-5j59ei6a7r] {
    cursor: grabbing;
}

.category-item-card__arrows[b-5j59ei6a7r] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.category-item-card__arrow-btn[b-5j59ei6a7r] {
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 0.25rem;
    border: none;
    background: transparent;
    color: var(--zj-secondary, #565e74);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
}

.category-item-card__arrow-btn span[b-5j59ei6a7r] {
    font-size: 0.875rem;
}

.category-item-card__arrow-btn:hover:not(:disabled)[b-5j59ei6a7r] {
    background: var(--zj-surface-container-high, #dce9ff);
    color: var(--zj-primary, #006194);
}

.category-item-card__arrow-btn:disabled[b-5j59ei6a7r] {
    opacity: 0.3;
    cursor: not-allowed;
}

.category-item-card__icon-tile[b-5j59ei6a7r] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.5rem;
    background: var(--zj-surface-container, #e5eeff);
    color: var(--zj-primary, #006194);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.category-item-card__info[b-5j59ei6a7r] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    min-width: 0;
}

.category-item-card__title-row[b-5j59ei6a7r] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.category-item-card__name[b-5j59ei6a7r] {
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--zj-on-surface, #0b1c30);
    margin: 0;
    overflow-wrap: anywhere;
}

.category-item-card__count-badge[b-5j59ei6a7r] {
    padding: 0.125rem 0.5rem;
    border-radius: 9999px;
    font-size: 0.6875rem;
    font-weight: 600;
    background: var(--zj-surface-container, #e5eeff);
    color: var(--zj-secondary, #565e74);
}

.category-item-card__desc[b-5j59ei6a7r] {
    font-size: 0.75rem;
    color: var(--zj-outline, #707881);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.category-item-card__actions[b-5j59ei6a7r] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
    margin-inline-start: auto;
}

.category-item-card__action-btn[b-5j59ei6a7r] {
    width: 2rem;
    height: 2rem;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    color: var(--zj-secondary, #565e74);
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
}

.category-item-card__action-btn:hover[b-5j59ei6a7r] {
    background: var(--zj-surface-container-low, #eff4ff);
    color: var(--zj-primary, #006194);
}

.category-item-card__action-btn--delete:hover[b-5j59ei6a7r] {
    background: rgba(186, 26, 26, 0.1);
    color: var(--zj-error, #ba1a1a);
}

.category-item-card__delete-warning[b-5j59ei6a7r] {
    background: rgba(254, 242, 242, 0.8);
    border: 1px solid rgba(186, 26, 26, 0.2);
    border-radius: 0.5rem;
    padding: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    font-size: 0.75rem;
}

.category-item-card__delete-warning-text[b-5j59ei6a7r] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    color: var(--zj-error, #ba1a1a);
    font-weight: 500;
}

.category-item-card__delete-confirm[b-5j59ei6a7r] {
    background: rgba(254, 242, 242, 0.8);
    border: 1px solid rgba(186, 26, 26, 0.2);
    border-radius: 0.5rem;
    padding: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    font-size: 0.75rem;
    flex-wrap: wrap;
}

.category-item-card__delete-confirm-text[b-5j59ei6a7r] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    color: #7f1d1d;
    font-weight: 600;
}

.category-item-card__delete-actions[b-5j59ei6a7r] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
}

.category-item-card__btn-dismiss[b-5j59ei6a7r] {
    padding: 0.25rem 0.625rem;
    border-radius: 0.25rem;
    background: var(--zj-surface-container-lowest, #ffffff);
    border: 1px solid var(--zj-outline-variant, #bfc7d2);
    color: var(--zj-secondary, #565e74);
    font-size: 0.6875rem;
    font-weight: 600;
    cursor: pointer;
}

.category-item-card__btn-dismiss:hover[b-5j59ei6a7r] {
    background: var(--zj-surface-container, #e5eeff);
}

.category-item-card__btn-confirm-delete[b-5j59ei6a7r] {
    padding: 0.25rem 0.625rem;
    border-radius: 0.25rem;
    background: var(--zj-error, #ba1a1a);
    border: none;
    color: #ffffff;
    font-size: 0.6875rem;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

.category-item-card__btn-confirm-delete:hover[b-5j59ei6a7r] {
    background: #93000a;
}

.category-drawer__footer[b-5j59ei6a7r] {
    padding: 1.125rem 1.5rem;
    border-top: 1px solid rgba(191, 199, 210, 0.6);
    background: var(--zj-surface-container-lowest, #ffffff);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.category-drawer__footer-info[b-5j59ei6a7r] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.category-drawer__footer-total[b-5j59ei6a7r] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--zj-on-surface, #0b1c30);
}

.category-drawer__footer-status[b-5j59ei6a7r] {
    font-size: 0.75rem;
    color: var(--zj-secondary, #565e74);
}

.category-drawer__footer-actions[b-5j59ei6a7r] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.category-drawer__btn-revert[b-5j59ei6a7r] {
    height: 2.5rem;
    padding: 0 1rem;
    border-radius: 0.5rem;
    border: 1px solid var(--zj-outline-variant, #bfc7d2);
    background: transparent;
    color: var(--zj-secondary, #565e74);
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.15s;
}

.category-drawer__btn-revert:hover:not(:disabled)[b-5j59ei6a7r] {
    background: var(--zj-surface-container-low, #eff4ff);
}

.category-drawer__btn-revert:disabled[b-5j59ei6a7r] {
    opacity: 0.4;
    cursor: not-allowed;
}

.category-drawer__btn-apply-order[b-5j59ei6a7r] {
    height: 2.5rem;
    padding: 0 1.25rem;
    border-radius: 0.5rem;
    background: var(--zj-primary, #006194);
    border: none;
    color: var(--zj-on-primary, #ffffff);
    font-size: 0.875rem;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
    cursor: pointer;
    transition: background 0.15s;
}

.category-drawer__btn-apply-order:hover:not(:disabled)[b-5j59ei6a7r] {
    background: var(--zj-primary-container, #007bb9);
}

.category-drawer__btn-apply-order:disabled[b-5j59ei6a7r] {
    opacity: 0.5;
    cursor: not-allowed;
}

@media (max-width: 650px) {
    .menu-workspace[b-5j59ei6a7r] { gap:.75rem; padding-block-start:0; }
    .menu-header__actions[b-5j59ei6a7r] { gap:.5rem; }
    .menu-header__actions > button[b-5j59ei6a7r] { min-height:44px; }
    .smart-toolbar[b-5j59ei6a7r] { padding:.65rem; gap:.65rem; }
    .toolbar-filters[b-5j59ei6a7r],.toolbar-actions[b-5j59ei6a7r] { gap:.5rem; }
    .menu-tab[b-5j59ei6a7r] { min-height:44px; padding-block:.3rem; }
    .menu-tabs[b-5j59ei6a7r] { flex-wrap: wrap; gap: .75rem; }
    .table-footer[b-5j59ei6a7r] { height: auto; min-height: 3.5rem; padding: .75rem; flex-wrap: wrap; gap: .75rem; }
    .pagination-controls[b-5j59ei6a7r] { flex-wrap: wrap; }
}

.category-color-icon[b-5j59ei6a7r] { font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; font-size: 1.2em; line-height: 1.5; display: inline-block; flex-shrink: 0; }

.row-actions-menu[b-5j59ei6a7r]::backdrop { background:transparent; }
.row-actions-menu[b-5j59ei6a7r] { color:var(--zj-on-surface); font:inherit; text-align:start; }
/* _content/Zajal.Shared/Pages/Admin/MyPlan.razor.rz.scp.css */
.my-plan[b-0abdmwyb95]{max-width:70rem}.my-plan h2[b-0abdmwyb95]{margin-block:1.5rem .6rem}.my-plan h3[b-0abdmwyb95]{font-size:1.1rem}.my-plan-feature[b-0abdmwyb95]{padding-block:1rem;border-block-end:1px solid var(--border-color,#d5d9df)}.my-plan-table[b-0abdmwyb95]{overflow-x:auto}.my-plan-table th[b-0abdmwyb95],.my-plan-table td[b-0abdmwyb95]{min-width:8rem;vertical-align:middle}.my-plan bdi[b-0abdmwyb95]{unicode-bidi:isolate}.my-plan button[b-0abdmwyb95],.my-plan a.btn[b-0abdmwyb95]{min-height:44px}.my-plan :is(button,a,summary):focus-visible[b-0abdmwyb95]{outline:3px solid var(--primary,#3764bb);outline-offset:3px}@media(prefers-reduced-motion:reduce){.my-plan *[b-0abdmwyb95]{transition:none!important;animation:none!important}}
.my-plan-actions[b-0abdmwyb95]{display:flex;flex-wrap:wrap;gap:.75rem}
.my-plan a:not(.btn)[b-0abdmwyb95]{display:inline-flex;align-items:center;min-height:44px;color:var(--text-primary,#242424);text-decoration:underline;text-underline-offset:.2em;overflow-wrap:anywhere}
.my-plan-table[b-0abdmwyb95]{max-width:100%;border:1px solid var(--border-color,#d5d9df);border-radius:.5rem}
.my-plan-table table[b-0abdmwyb95]{width:100%;margin-bottom:0}
/* _content/Zajal.Shared/Pages/Admin/NewTenantWizard.razor.rz.scp.css */
.wizard-page[b-sg9dnloh3u] {
    padding: 2rem 1rem 5rem;
}

.wizard-container[b-sg9dnloh3u] {
    max-width: 58rem;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.wizard-stepper[b-sg9dnloh3u] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.5rem;
    background: var(--zj-surface-container-lowest, var(--zj-surface, #ffffff));
    border: 1px solid var(--zj-outline-variant, #ebd9c8);
    border-radius: 16px;
    box-shadow: var(--zj-shadow-sm, 0 2px 8px rgba(62, 39, 23, 0.04));
}

.wizard-step[b-sg9dnloh3u] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--zj-on-surface-variant, #a8a29e);
    font-weight: 700;
    font-size: 0.85rem;
    transition: all 0.2s ease;
}

.wizard-step__num[b-sg9dnloh3u] {
    width: 2.1rem;
    height: 2.1rem;
    border-radius: 50%;
    background: var(--zj-surface-container, #f5f0eb);
    color: var(--zj-on-surface-variant, #78716c);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 0.9rem;
    transition: all 0.2s ease;
}

.wizard-step.is-active .wizard-step__num[b-sg9dnloh3u] {
    background: var(--zj-primary, #ff6b2b);
    color: var(--zj-on-primary, #ffffff);
    box-shadow: 0 2px 8px rgba(var(--zj-primary-rgb, 255, 107, 43), 0.35);
}

.wizard-step.is-active[b-sg9dnloh3u] {
    color: var(--zj-primary, #ff6b2b);
}

.wizard-step.is-completed .wizard-step__num[b-sg9dnloh3u] {
    background: var(--zj-success, #10b981);
    color: var(--zj-on-primary, #ffffff);
}

.wizard-step.is-completed[b-sg9dnloh3u] {
    color: var(--zj-success, #10b981);
}

.wizard-step-line[b-sg9dnloh3u] {
    flex: 1;
    height: 2px;
    background: var(--zj-outline-variant, #ebd9c8);
    margin: 0 0.75rem;
}

.wizard-step-line.is-completed[b-sg9dnloh3u] {
    background: var(--zj-success, #10b981);
}

.wizard-card[b-sg9dnloh3u] {
    padding: 1rem;
    background: var(--zj-surface-container-lowest, var(--zj-surface, #ffffff));
    border: 1px solid var(--zj-outline-variant, #ebd9c8);
}

.wizard-step-content h2[b-sg9dnloh3u] {
    font-size: 1.3rem;
    font-weight: 800;
    color: var(--zj-on-surface, #3e2717);
    margin: 0 0 0.25rem 0;
}

.wizard-desc[b-sg9dnloh3u] {
    color: var(--zj-on-surface-variant, #78716c);
    font-size: 0.88rem;
    margin: 0 0 1.5rem 0;
}

.wizard-selection-group[b-sg9dnloh3u] {
    margin-bottom: 1.75rem;
    background: var(--zj-surface-container-low, transparent);
    padding: 1rem;
    border-radius: 14px;
    border: 1px solid var(--zj-outline-variant, rgba(0, 0, 0, 0.05));
}

.wizard-field-title[b-sg9dnloh3u] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.95rem;
    font-weight: 800;
    color: var(--zj-on-surface, #3e2717);
    margin-bottom: 0.85rem;
}

.wizard-choice-grid[b-sg9dnloh3u] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
    gap: 0.85rem;
}

.wizard-choice-grid--3[b-sg9dnloh3u] {
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
}

.wizard-choice-grid--2[b-sg9dnloh3u] {
    grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
}

.wizard-choice-card[b-sg9dnloh3u] {
    padding: 1.25rem 1rem;
    border-radius: 14px;
    border: 2px solid var(--zj-outline-variant, #ebd9c8);
    background: var(--zj-surface-container-lowest, var(--zj-surface, #fff));
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.45rem;
    cursor: pointer;
    transition: all 0.2s ease;
    color: var(--zj-on-surface);
    position: relative;
}

.wizard-choice-card:hover[b-sg9dnloh3u] {
    border-color: var(--zj-primary, #d97706);
    background: var(--zj-surface-container-low, #fffaf0);
    transform: translateY(-2px);
    box-shadow: var(--zj-shadow-md, 0 4px 12px rgba(0, 0, 0, 0.06));
}

.wizard-choice-card.is-selected[b-sg9dnloh3u] {
    border-color: var(--zj-primary, #ff6b2b);
    background: color-mix(in srgb, var(--zj-primary, #ff6b2b) 10%, var(--zj-surface-container-lowest, #fff));
    box-shadow: 0 4px 14px rgba(var(--zj-primary-rgb, 255, 107, 43), 0.18);
}

.wizard-choice-icon[b-sg9dnloh3u] {
    font-size: 2.25rem;
    margin-bottom: 0.25rem;
}

.wizard-choice-card strong[b-sg9dnloh3u] {
    color: var(--zj-on-surface, #3e2717);
    font-size: 0.95rem;
    font-weight: 800;
}

.wizard-choice-card small[b-sg9dnloh3u] {
    color: var(--zj-on-surface-variant, #78716c);
    font-size: 0.76rem;
    line-height: 1.45;
}

.wizard-choice-badge[b-sg9dnloh3u] {
    position: absolute;
    top: 8px;
    inset-inline-end: 8px;
    font-size: 0.65rem;
    font-weight: 800;
    padding: 2px 6px;
    border-radius: 6px;
    background: var(--zj-primary-container, #fed7aa);
    color: var(--zj-on-primary-container, #7c2d12);
}

.wizard-toggles-grid[b-sg9dnloh3u] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr));
    gap: 0.85rem;
}

.wizard-toggle-box[b-sg9dnloh3u] {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    padding: 1rem;
    border: 1.5px solid var(--zj-outline-variant, #ebd9c8);
    border-radius: 12px;
    background: var(--zj-surface-container-lowest, var(--zj-surface, #fff));
    cursor: pointer;
    transition: all 0.2s ease;
    user-select: none;
}

.wizard-toggle-box:hover[b-sg9dnloh3u] {
    border-color: var(--zj-primary, #ff6b2b);
    background: var(--zj-surface-container-low, #fffaf0);
}

.wizard-toggle-box.is-checked[b-sg9dnloh3u] {
    border-color: var(--zj-primary, #ff6b2b);
    background: color-mix(in srgb, var(--zj-primary, #ff6b2b) 8%, var(--zj-surface-container-lowest, #fff));
}

.wizard-toggle-box input[b-sg9dnloh3u] {
    margin-top: 0.25rem;
    width: 1.25rem;
    height: 1.25rem;
    accent-color: var(--zj-primary, #ff6b2b);
    flex-shrink: 0;
}

.wizard-toggle-box strong[b-sg9dnloh3u] {
    display: block;
    font-size: 0.9rem;
    color: var(--zj-on-surface, #3e2717);
    margin-bottom: 0.2rem;
    font-weight: 800;
}

.wizard-toggle-box small[b-sg9dnloh3u] {
    color: var(--zj-on-surface-variant, #78716c);
    font-size: 0.78rem;
    line-height: 1.45;
}

/* Recommendation Card */
.wizard-recommendation-card[b-sg9dnloh3u] {
    background: var(--zj-surface-container-lowest, var(--zj-surface, #fff));
    border: 2px solid var(--zj-warning, #f59e0b);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--zj-shadow-lg, 0 6px 20px rgba(245, 158, 11, 0.12));
    margin-bottom: 1.5rem;
}

.wizard-rec-header[b-sg9dnloh3u] {
    background: color-mix(in srgb, var(--zj-warning, #f59e0b) 12%, var(--zj-surface-container-low, #fff));
    padding: 1rem 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--zj-outline-variant, #fef3c7);
}

.wizard-rec-badge[b-sg9dnloh3u] {
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--zj-warning, #b45309);
    font-weight: 800;
    font-size: 0.9rem;
}

.wizard-rec-price strong[b-sg9dnloh3u] {
    font-size: 1.6rem;
    color: var(--zj-on-surface, #3e2717);
    font-weight: 900;
}

.wizard-rec-price span[b-sg9dnloh3u] {
    font-size: 0.8rem;
    color: var(--zj-on-surface-variant, #78716c);
    margin-inline-start: 4px;
}

.wizard-rec-body[b-sg9dnloh3u] {
    padding: 1.5rem;
}

.wizard-rec-body h3[b-sg9dnloh3u] {
    margin: 0 0 0.5rem 0;
    font-size: 1.3rem;
    color: var(--zj-on-surface, #3e2717);
    font-weight: 800;
}

.wizard-rec-body p[b-sg9dnloh3u] {
    color: var(--zj-on-surface-variant, #57534e);
    font-size: 0.9rem;
    margin-bottom: 1.25rem;
    line-height: 1.6;
}

.wizard-rec-features[b-sg9dnloh3u] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
    gap: 0.75rem;
    background: var(--zj-surface-container, #faf7f5);
    padding: 1.25rem;
    border-radius: 12px;
    border: 1px solid var(--zj-outline-variant, rgba(0, 0, 0, 0.06));
}

.rec-feature[b-sg9dnloh3u] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.85rem;
    color: var(--zj-on-surface, #44403c);
    gap: 0.5rem;
}

.rec-feature span[b-sg9dnloh3u] {
    color: var(--zj-on-surface-variant);
}

.rec-feature strong[b-sg9dnloh3u] {
    color: var(--zj-on-surface);
    font-weight: 700;
}

.wizard-summary-box[b-sg9dnloh3u] {
    padding: 0.85rem 1.25rem;
    background: var(--zj-success-container, #f0fdf4);
    border: 1px solid var(--zj-success, #bbf7d0);
    border-radius: 10px;
    font-size: 0.85rem;
    color: var(--zj-success, #166534);
}

.wizard-footer[b-sg9dnloh3u] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 2rem;
    padding-top: 1rem;
    border-top: 1px solid var(--zj-outline-variant, #ebd9c8);
}

.btn-launch[b-sg9dnloh3u] {
    background: var(--zj-success, #10b981) !important;
    border-color: var(--zj-success, #059669) !important;
    color: var(--zj-on-primary, #ffffff) !important;
    font-size: 1rem;
    padding: 8px 24px;
    font-weight: 800;
}

.wizard-auto-notice[b-sg9dnloh3u] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1.25rem 1.5rem;
    background: var(--zj-info-container, #f0fdf4);
    border: 1px solid var(--zj-info, #bbf7d0);
    border-radius: 12px;
    color: var(--zj-on-surface);
    margin-bottom: 1.5rem;
}

.wizard-auto-notice .material-symbols-outlined[b-sg9dnloh3u] {
    color: var(--zj-primary, #16a34a);
    font-size: 1.8rem;
}

.wizard-auto-notice strong[b-sg9dnloh3u] {
    display: block;
    font-size: 1rem;
    margin-bottom: 0.35rem;
    color: var(--zj-on-surface);
}

.wizard-auto-notice p[b-sg9dnloh3u] {
    margin: 0;
    font-size: 0.88rem;
    line-height: 1.5;
    color: var(--zj-on-surface-variant);
}

/* Success Credentials Modal */
.wizard-modal-backdrop[b-sg9dnloh3u] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.75);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1050;
    padding: 1.25rem;
}

.wizard-modal-dialog[b-sg9dnloh3u] {
    background: var(--zj-surface-container-lowest, var(--zj-surface, #ffffff));
    border-radius: 24px;
    max-width: 42rem;
    width: 100%;
    max-height: 92vh;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.35);
    border: 1px solid var(--zj-outline-variant, rgba(235, 217, 200, 0.6));
    display: flex;
    flex-direction: column;
    overflow: hidden;
    animation: modalSlideIn-b-sg9dnloh3u 0.28s cubic-bezier(0.16, 1, 0.3, 1);
    color: var(--zj-on-surface);
    direction: rtl;
    text-align: right;
}

@keyframes modalSlideIn-b-sg9dnloh3u {
    from {
        opacity: 0;
        transform: translateY(24px) scale(0.96);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.wizard-modal-header[b-sg9dnloh3u] {
    padding: 1.5rem 1.75rem 1.25rem;
    border-bottom: 1px solid var(--zj-outline-variant, #f1f5f9);
    background: var(--zj-surface-container-low, #fcfaf8);
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.wizard-modal-header__content[b-sg9dnloh3u] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex: 1;
}

.wizard-modal-icon-badge[b-sg9dnloh3u] {
    width: 3.25rem;
    height: 3.25rem;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(5, 150, 105, 0.25));
    color: #059669;
    border: 1.5px solid rgba(16, 185, 129, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.wizard-modal-icon-badge .material-symbols-outlined[b-sg9dnloh3u] {
    font-size: 1.85rem;
}

.wizard-modal-header__text[b-sg9dnloh3u] {
    flex: 1;
    min-width: 0;
}

.wizard-modal-title[b-sg9dnloh3u] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 800;
    color: var(--zj-on-surface, #1e293b);
    line-height: 1.35;
}

.wizard-modal-desc[b-sg9dnloh3u] {
    margin: 0.35rem 0 0;
    font-size: 0.88rem;
    color: var(--zj-on-surface-variant, #64748b);
    line-height: 1.5;
}

.wizard-modal-close-btn[b-sg9dnloh3u] {
    background: transparent;
    border: none;
    color: var(--zj-on-surface-variant, #94a3b8);
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
    flex-shrink: 0;
}

.wizard-modal-close-btn:hover[b-sg9dnloh3u] {
    background: var(--zj-surface-container-high, #f1f5f9);
    color: var(--zj-on-surface, #0f172a);
}

.wizard-modal-body[b-sg9dnloh3u] {
    padding: 1.5rem 1.75rem;
    background: var(--zj-surface-container-lowest, var(--zj-surface, #ffffff));
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.wizard-cred-section[b-sg9dnloh3u] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.wizard-cred-section__header[b-sg9dnloh3u] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--zj-on-surface-variant, #64748b);
}

.wizard-cred-section__header .material-symbols-outlined[b-sg9dnloh3u] {
    font-size: 1.15rem;
    color: var(--zj-primary, #ff6b2b);
}

.wizard-cred-card[b-sg9dnloh3u] {
    background: var(--zj-surface-container, #f8fafc);
    border: 1px solid var(--zj-outline-variant, #e2e8f0);
    border-radius: 16px;
    padding: 0.85rem 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0;
}

.cred-item[b-sg9dnloh3u] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem 0;
    border-bottom: 1px dashed var(--zj-outline-variant, #e2e8f0);
    min-height: 3rem;
}

.cred-item:last-child[b-sg9dnloh3u] {
    border-bottom: none;
    padding-bottom: 0.25rem;
}

.cred-item__label-group[b-sg9dnloh3u] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-shrink: 0;
}

.cred-icon[b-sg9dnloh3u] {
    font-size: 1.15rem;
    color: var(--zj-on-surface-variant, #94a3b8);
}

.cred-label[b-sg9dnloh3u] {
    font-size: 0.875rem;
    color: var(--zj-on-surface-variant, #64748b);
    font-weight: 600;
    white-space: nowrap;
}

.cred-item__val-group[b-sg9dnloh3u] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    justify-content: flex-end;
    min-width: 0;
    flex: 1;
}

.cred-val--name[b-sg9dnloh3u] {
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--zj-on-surface, #0f172a);
    text-align: left;
    word-break: break-word;
}

.cred-badge[b-sg9dnloh3u] {
    background: var(--zj-surface-container-lowest, #ffffff);
    border: 1px solid var(--zj-outline-variant, #cbd5e1);
    color: var(--zj-primary, #ea580c);
    font-size: 0.875rem;
    font-weight: 700;
    padding: 0.35rem 0.75rem;
    border-radius: 8px;
    direction: ltr;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 15rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.cred-badge--password[b-sg9dnloh3u] {
    letter-spacing: 1.5px;
}

.cred-badge--url[b-sg9dnloh3u] {
    font-size: 0.8rem;
    max-width: 17rem;
}

.cred-actions-cluster[b-sg9dnloh3u] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.btn-cred-action[b-sg9dnloh3u], .btn-copy[b-sg9dnloh3u], .btn-toggle[b-sg9dnloh3u] {
    background: var(--zj-surface-container-lowest, #ffffff);
    border: 1px solid var(--zj-outline-variant, #cbd5e1);
    border-radius: 8px;
    color: var(--zj-on-surface-variant, #64748b);
    padding: 5px 8px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s ease;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}

.btn-cred-action:hover[b-sg9dnloh3u], .btn-copy:hover[b-sg9dnloh3u], .btn-toggle:hover[b-sg9dnloh3u] {
    background: var(--zj-surface-container-high, #f1f5f9);
    border-color: var(--zj-primary, #ea580c);
    color: var(--zj-primary, #ea580c);
    transform: translateY(-1px);
}

.btn-cred-action .material-symbols-outlined[b-sg9dnloh3u],
.btn-copy .material-symbols-outlined[b-sg9dnloh3u],
.btn-toggle .material-symbols-outlined[b-sg9dnloh3u] {
    font-size: 1.15rem;
}

/* Sharing Section */
.wizard-share-section[b-sg9dnloh3u] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    padding: 1.1rem 1.25rem;
    background: var(--zj-surface-container-low, #fcfaf8);
    border: 1px solid var(--zj-outline-variant, #e2e8f0);
    border-radius: 14px;
}

.wizard-share-section__title[b-sg9dnloh3u] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--zj-on-surface, #334155);
}

.wizard-share-section__title .material-symbols-outlined[b-sg9dnloh3u] {
    font-size: 1.15rem;
    color: var(--zj-primary, #ff6b2b);
}

.wizard-share-buttons[b-sg9dnloh3u] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.btn-share[b-sg9dnloh3u] {
    padding: 0.55rem 1.1rem;
    border-radius: 10px;
    font-size: 0.85rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.2s ease;
    border: none;
}

.btn-share .material-symbols-outlined[b-sg9dnloh3u] {
    font-size: 1.15rem;
}

.btn-share--whatsapp[b-sg9dnloh3u], .btn-whatsapp[b-sg9dnloh3u] {
    background: #25d366;
    color: #ffffff !important;
}

.btn-share--whatsapp:hover[b-sg9dnloh3u], .btn-whatsapp:hover[b-sg9dnloh3u] {
    background: #1eb857;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(37, 211, 102, 0.28);
}

.btn-share--email[b-sg9dnloh3u], .btn-email[b-sg9dnloh3u] {
    background: #0284c7;
    color: #ffffff !important;
}

.btn-share--email:hover[b-sg9dnloh3u], .btn-email:hover[b-sg9dnloh3u] {
    background: #0369a1;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(2, 132, 199, 0.28);
}

.btn-share--copy-all[b-sg9dnloh3u] {
    background: var(--zj-surface-container-lowest, #ffffff);
    color: var(--zj-on-surface, #334155) !important;
    border: 1px solid var(--zj-outline-variant, #cbd5e1);
}

.btn-share--copy-all:hover[b-sg9dnloh3u] {
    background: var(--zj-surface-container-high, #f1f5f9);
    border-color: var(--zj-primary, #ea580c);
    color: var(--zj-primary, #ea580c) !important;
    transform: translateY(-1px);
}

.wizard-modal-footer[b-sg9dnloh3u] {
    padding: 1.1rem 1.75rem;
    background: var(--zj-surface-container-low, #fcfaf8);
    border-top: 1px solid var(--zj-outline-variant, #e2e8f0);
    display: flex;
    align-items: center;
}

.wizard-modal-footer__actions[b-sg9dnloh3u] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
    width: 100%;
    justify-content: flex-start;
}

.wizard-modal-footer__actions .btn-cta[b-sg9dnloh3u] {
    background: linear-gradient(135deg, var(--zj-primary, #ff6b2b), #e05315);
    color: #ffffff;
    font-weight: 700;
    box-shadow: 0 4px 12px rgba(var(--zj-primary-rgb, 255, 107, 43), 0.25);
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.55rem 1.25rem;
    border-radius: 10px;
    text-decoration: none;
    border: none;
}

.wizard-modal-footer__actions .btn-cta:hover[b-sg9dnloh3u] {
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(var(--zj-primary-rgb, 255, 107, 43), 0.35);
}

.wizard-modal-footer__actions .btn-secondary[b-sg9dnloh3u] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.55rem 1.15rem;
    border-radius: 10px;
    text-decoration: none;
}

.btn-outline[b-sg9dnloh3u] {
    background: transparent;
    border: 1px solid var(--zj-outline-variant, #cbd5e1);
    color: var(--zj-on-surface-variant, #64748b);
    padding: 0.55rem 1.2rem;
    border-radius: 10px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s ease;
}

.btn-outline:hover[b-sg9dnloh3u] {
    background: var(--zj-surface-container-high, #f1f5f9);
    color: var(--zj-on-surface, #0f172a);
}

@media (max-width: 640px) {
    .cred-item[b-sg9dnloh3u] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.4rem;
    }

    .cred-item__val-group[b-sg9dnloh3u] {
        width: 100%;
        justify-content: space-between;
    }

    .cred-badge[b-sg9dnloh3u] {
        max-width: none;
        flex: 1;
    }

    .wizard-modal-footer__actions[b-sg9dnloh3u] {
        flex-direction: column;
    }

    .wizard-modal-footer__actions .btn[b-sg9dnloh3u],
    .wizard-modal-footer__actions .btn-cta[b-sg9dnloh3u],
    .wizard-modal-footer__actions .btn-secondary[b-sg9dnloh3u],
    .wizard-modal-footer__actions .btn-outline[b-sg9dnloh3u] {
        width: 100%;
        justify-content: center;
    }
}

/* Step 5: Contract Terms, Discount (Max 40%), Duration & Free Months Box */
.wizard-control-suffix[b-sg9dnloh3u] {
    display: flex;
    align-items: center;
    gap: var(--zj-field-gap);
    margin-block-end: var(--zj-field-gap);
}

.wizard-control-suffix > input[b-sg9dnloh3u] {
    flex: 1;
    min-width: 0;
}

.wizard-presets[b-sg9dnloh3u] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--zj-field-gap);
    margin-block-end: var(--zj-field-gap);
}

.wizard-contract-box[b-sg9dnloh3u] {
    background: var(--zj-surface-container-lowest, var(--zj-surface, #ffffff));
    border-radius: 14px;
    border: 1px solid var(--zj-outline-variant, #ebd9c8);
    box-shadow: var(--zj-shadow-sm, 0 2px 8px rgba(62, 39, 23, 0.04));
    padding: 1.25rem;
}

.wizard-contract-summary[b-sg9dnloh3u] {
    background: color-mix(in srgb, var(--zj-primary, #ff6b2b) 6%, var(--zj-surface-container-low, #fff));
    border: 1px dashed color-mix(in srgb, var(--zj-primary, #ff6b2b) 35%, transparent);
    border-radius: 12px;
    padding: 1rem;
}


/* _content/Zajal.Shared/Pages/Admin/Offers.razor.rz.scp.css */
.admin-offers[b-6fjzf9actk] {
    display: grid;
    gap: 1.25rem;
}

.admin-offers__header[b-6fjzf9actk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.admin-offers__header h1[b-6fjzf9actk],
.admin-offers__panel h2[b-6fjzf9actk] {
    margin: 0;
    color: var(--zj-on-surface);
    font-weight: 950;
}

.admin-offers__header p[b-6fjzf9actk],
.admin-offers__muted[b-6fjzf9actk] {
    margin: 0.35rem 0 0;
    color: var(--zj-on-surface-variant);
    line-height: 1.8;
}

.admin-offers__grid[b-6fjzf9actk] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 1rem;
}

.admin-offers__create-row[b-6fjzf9actk] {
    display: flex;
    justify-content: flex-end;
}

.admin-offers__modal-backdrop[b-6fjzf9actk] {
    position: fixed;
    inset: 0;
    z-index: 1100;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(8, 24, 48, .55);
    backdrop-filter: blur(8px);
}

.admin-offers__templates[b-6fjzf9actk] {
    width: min(880px, 100%);
    max-height: min(760px, 90vh);
    overflow: auto;
    padding: 1.25rem;
    border: 1px solid rgba(14, 165, 233, .2);
    border-radius: 1.5rem;
    background: #fff;
    box-shadow: 0 24px 70px rgba(8, 24, 48, .24);
}

.admin-offers__templates > header[b-6fjzf9actk],
.admin-offers__section-title[b-6fjzf9actk] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.admin-offers__templates h2[b-6fjzf9actk],
.admin-offers__templates p[b-6fjzf9actk],
.admin-offers__section-title h3[b-6fjzf9actk],
.admin-offers__section-title p[b-6fjzf9actk],
.admin-offers__targets h4[b-6fjzf9actk] {
    margin: 0;
}

.admin-offers__template-grid[b-6fjzf9actk],
.admin-offers__target-grid[b-6fjzf9actk] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .8rem;
    margin-top: 1rem;
}

.admin-offers__template-grid > button[b-6fjzf9actk] {
    display: flex;
    min-height: 150px;
    flex-direction: column;
    align-items: flex-start;
    gap: .55rem;
    padding: 1rem;
    text-align: start;
    border: 1px solid rgba(14, 165, 233, .2);
    border-radius: 1rem;
    color: var(--zj-on-surface);
    background: linear-gradient(145deg, #fff, #eef9ff);
    cursor: pointer;
}

.admin-offers__template-grid > button:hover[b-6fjzf9actk] {
    border-color: var(--zj-primary);
    transform: translateY(-2px);
}

.admin-offers__pricing-editor[b-6fjzf9actk] {
    display: grid;
    gap: 1rem;
    margin-block: 1rem;
    padding: 1rem;
    border: 1px solid rgba(14, 165, 233, .2);
    border-radius: 1.25rem;
    background: rgba(239, 249, 255, .72);
}

.admin-offers__targets[b-6fjzf9actk] {
    display: grid;
    gap: .55rem;
}

.admin-offers__target-grid[b-6fjzf9actk] {
    max-height: 250px;
    overflow: auto;
    padding: .25rem;
}

.admin-offers__target-card[b-6fjzf9actk] {
    display: flex;
    align-items: center;
    gap: .55rem;
    padding: .7rem;
    border: 1px solid rgba(148, 163, 184, .25);
    border-radius: .85rem;
    background: rgba(255, 255, 255, .86);
}

.admin-offers__target-card span[b-6fjzf9actk],
.admin-offers__target-card small[b-6fjzf9actk] {
    display: block;
}



.admin-offers__preview[b-6fjzf9actk] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .65rem;
}

.admin-offers__preview > div[b-6fjzf9actk] {
    padding: .8rem;
    border-radius: .85rem;
    background: #fff;
}

.admin-offers__preview span[b-6fjzf9actk],
.admin-offers__preview strong[b-6fjzf9actk] {
    display: block;
}

.admin-offers__preview .is-danger[b-6fjzf9actk] { color: #b91c1c; background: #fff1f2; }
.admin-offers__preview .is-success[b-6fjzf9actk] { color: #067647; background: #ecfdf3; }

.admin-offers__preview-warning[b-6fjzf9actk] {
    grid-column: 1 / -1;
    display: flex;
    gap: .4rem;
    margin: 0;
    padding: .7rem;
    color: #92400e;
    border-radius: .75rem;
    background: #fffbeb;
}

@media (max-width: 850px) {
    .admin-offers__template-grid[b-6fjzf9actk],
    .admin-offers__target-grid[b-6fjzf9actk],
    .admin-offers__preview[b-6fjzf9actk] {
        grid-template-columns: 1fr;
    }
}

.admin-offers__panel[b-6fjzf9actk] {
    display: grid;
    gap: 0.9rem;
}





.admin-offers__switch[b-6fjzf9actk],
.admin-offers__checks[b-6fjzf9actk],
.admin-offers__actions[b-6fjzf9actk],
.admin-offers__state[b-6fjzf9actk] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    flex-wrap: wrap;
}

.admin-offers__chips[b-6fjzf9actk] {
    display: flex;
    gap: 0.55rem;
    overflow-x: auto;
    padding-bottom: 0.25rem;
}

.admin-offers__chip[b-6fjzf9actk] {
    border: 1px solid var(--zj-outline-variant);
    background: var(--zj-surface);
    color: var(--zj-on-surface);
    border-radius: var(--zj-radius-full);
    padding: 0.5rem 0.8rem;
    display: grid;
    gap: 0.1rem;
    min-width: 7rem;
    text-align: start;
}

.admin-offers__chip span[b-6fjzf9actk] {
    font-weight: 900;
}

.admin-offers__chip small[b-6fjzf9actk] {
    color: var(--zj-on-surface-variant);
    font-size: 0.72rem;
}

.admin-offers__editor[b-6fjzf9actk] {
    margin-top: 0.25rem;
}

.admin-offers__table[b-6fjzf9actk] {
    display: grid;
    gap: 0.85rem;
}

.admin-offers__row[b-6fjzf9actk] {
    display: grid;
    grid-template-columns: 7rem minmax(0, 1fr) auto auto;
    gap: 0.85rem;
    align-items: center;
    padding: 0.85rem;
    border-radius: var(--zj-radius-xl);
    background: var(--zj-surface-container);
}

.admin-offers__row--editing[b-6fjzf9actk] {
    border: 1px solid color-mix(in srgb, var(--zj-primary) 45%, transparent);
    background: var(--zj-primary-container);
}

.admin-offers__image[b-6fjzf9actk] {
    width: 7rem;
    aspect-ratio: 16 / 10;
    display: grid;
    place-items: center;
    overflow: hidden;
    border-radius: var(--zj-radius-lg);
    background: var(--zj-surface);
    color: var(--zj-primary);
}

.admin-offers__image img[b-6fjzf9actk] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.admin-offers__row strong[b-6fjzf9actk],
.admin-offers__row span[b-6fjzf9actk],
.admin-offers__row em[b-6fjzf9actk] {
    display: block;
}

.admin-offers__row strong[b-6fjzf9actk] {
    color: var(--zj-on-surface);
    font-weight: 950;
}

.admin-offers__row span[b-6fjzf9actk],
.admin-offers__row em[b-6fjzf9actk] {
    color: var(--zj-on-surface-variant);
    font-size: 0.85rem;
    font-style: normal;
    margin-top: 0.25rem;
}

.admin-offers__warning[b-6fjzf9actk] {
    color: var(--zj-error) !important;
    font-weight: 800;
}

.admin-offers__editing-badge[b-6fjzf9actk] {
    width: fit-content;
    padding: 0.2rem 0.55rem;
    border-radius: var(--zj-radius-full);
    background: color-mix(in srgb, var(--zj-primary) 14%, transparent);
    color: var(--zj-primary) !important;
    font-weight: 900;
}

@media (max-width: 980px) {
    .admin-offers__header[b-6fjzf9actk],
    .admin-offers__grid[b-6fjzf9actk],
    .admin-offers__row[b-6fjzf9actk] {
        grid-template-columns: 1fr;
    }

    .admin-offers__header[b-6fjzf9actk] {
        display: grid;
    }

    .admin-offers__image[b-6fjzf9actk] {
        width: 100%;
    }
}

.admin-offers__fieldset[b-6fjzf9actk] { border:0; padding:0; margin:0; min-width:0; display:grid; gap:1.25rem; }
.admin-offers__image--empty[b-6fjzf9actk] { width:7rem; min-height:4.5rem; aspect-ratio:auto; align-content:center; gap:.25rem; border:1px dashed var(--zj-outline-variant); background:var(--zj-surface-container-low); }
.admin-offers__image--empty .material-symbols-outlined[b-6fjzf9actk] { margin:0; font-size:1.5rem; }
.admin-offers__image--empty small[b-6fjzf9actk] { color:var(--zj-on-surface-variant); font-size:.75rem; }
.admin-offers[b-6fjzf9actk]  .admin-offers__panel { padding:clamp(1rem,2vw,1.5rem); border:1px solid var(--zj-outline-variant); border-radius:1rem; }
.admin-offers[b-6fjzf9actk]  .admin-offers__panel > h2 { font-size:clamp(1.375rem,2vw,1.75rem); padding:.75rem 1rem; border-inline-start:4px solid var(--zj-primary); background:var(--zj-surface-container-low); border-radius:.65rem; }
.admin-offers[b-6fjzf9actk]  :is(label,input,select,textarea) { min-width:0; max-width:100%; }
.admin-offers__row > *[b-6fjzf9actk] { min-width:0; overflow-wrap:anywhere; }
.admin-offers__create-row[b-6fjzf9actk] { gap:.75rem; flex-wrap:wrap; }
.admin-offers__templates[b-6fjzf9actk],
.admin-offers__template-grid > button[b-6fjzf9actk],
.admin-offers__pricing-editor[b-6fjzf9actk],
.admin-offers__target-card[b-6fjzf9actk],
.admin-offers__preview > div[b-6fjzf9actk] { background:var(--zj-surface); border:1px solid var(--zj-outline-variant); }
.admin-offers__pricing-editor[b-6fjzf9actk] { background:var(--zj-surface-container-low); }
.admin-offers__preview-warning[b-6fjzf9actk] { background:var(--zj-surface-container-low); color:var(--zj-on-surface); border:1px solid var(--zj-outline-variant); }
@media(max-width:767px) {
    .admin-offers__grid[b-6fjzf9actk] { grid-template-columns:minmax(0,1fr); }

    .admin-offers__row[b-6fjzf9actk] { display:flex; flex-wrap:wrap; }
}

.admin-offers__preview-actions[b-6fjzf9actk] { display:flex; align-items:start; gap:.75rem; flex-wrap:wrap; }
/* _content/Zajal.Shared/Pages/Admin/Offline/OfflineWorkspacePanel.razor.rz.scp.css */
.offline-workspace[b-grofxh8ws4]{max-width:1100px;color:var(--zj-on-surface,#222);background:transparent}
.offline-workspace h1[b-grofxh8ws4]{font-size:1.8rem}.offline-workspace h2[b-grofxh8ws4]{font-size:1.2rem;margin:0 0 .75rem}
.offline-workspace section[b-grofxh8ws4],.offline-workspace details[b-grofxh8ws4]{margin-block:1.25rem;padding:1rem;border:1px solid var(--zj-outline-variant,#aaa);border-radius:.6rem}
.offline-workspace .notice[b-grofxh8ws4]{padding:.8rem;border-inline-start:4px solid var(--zj-warning,#b47b00);background:var(--zj-surface-container-low,#f5f5f5);color:var(--zj-on-surface,#222)}
.offline-workspace .summary[b-grofxh8ws4]{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:.75rem}
.offline-workspace .summary p[b-grofxh8ws4]{margin:0}.offline-workspace .summary strong[b-grofxh8ws4]{display:block;font-size:1.6rem}
.offline-workspace .actions[b-grofxh8ws4]{display:flex;flex-wrap:wrap;gap:.6rem}
.offline-workspace button[b-grofxh8ws4]{padding:.55rem .8rem;border:1px solid var(--zj-primary,#235a94);border-radius:.35rem;background:var(--zj-surface-container-lowest,#fff);color:var(--zj-on-surface,#222);margin-block:.4rem;cursor:pointer}
.offline-workspace button:disabled[b-grofxh8ws4]{opacity:.55;cursor:default}.offline-workspace a:focus-visible[b-grofxh8ws4],.offline-workspace summary:focus-visible[b-grofxh8ws4],.offline-workspace button:focus-visible[b-grofxh8ws4],.offline-workspace input:focus-visible[b-grofxh8ws4],.offline-workspace select:focus-visible[b-grofxh8ws4],.offline-workspace .table-scroll:focus-visible[b-grofxh8ws4]{outline:3px solid var(--zj-on-surface-variant,#235a94);outline-offset:3px;box-shadow:none}
.offline-workspace label[b-grofxh8ws4]{display:block;margin-block:.5rem;min-width:0}
.offline-workspace .table-scroll[b-grofxh8ws4]{overflow-x:auto}.offline-workspace table[b-grofxh8ws4]{width:100%;border-collapse:collapse;min-width:650px}.offline-workspace th[b-grofxh8ws4],.offline-workspace td[b-grofxh8ws4]{padding:.65rem;text-align:start;border-bottom:1px solid var(--zj-outline-variant,#aaa);vertical-align:top}
.offline-workspace code[b-grofxh8ws4]{display:block;direction:ltr;overflow-wrap:anywhere;text-align:start}.offline-workspace article[b-grofxh8ws4]{padding-block:.7rem;border-bottom:1px solid var(--bs-border-color,#aaa)}
.offline-workspace .restock-choice[b-grofxh8ws4]{display:flex;align-items:flex-start;gap:.6rem}.offline-workspace .restock-choice input[b-grofxh8ws4]{display:inline-block;width:auto;flex:none;margin-block-start:.3rem}
@media(max-width:600px){.offline-workspace section[b-grofxh8ws4]{padding:.7rem}.offline-workspace h1[b-grofxh8ws4]{font-size:1.45rem}}
@media(prefers-reduced-motion:reduce){.offline-workspace *[b-grofxh8ws4]{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* _content/Zajal.Shared/Pages/Admin/OperatingConfigurationInspector.razor.rz.scp.css */
.configuration-inspection[b-i4uiv0uwbn] { min-width:0; }
.inspection-facts[b-i4uiv0uwbn] { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr)); gap:1rem; margin:0; }
.inspection-facts>div[b-i4uiv0uwbn] { border:1px solid var(--zj-outline-variant); padding:1rem; border-radius:var(--zj-radius-md); }
.inspection-facts dt[b-i4uiv0uwbn] { color:var(--zj-on-surface-variant); font-size:.875rem; }
.inspection-facts dd[b-i4uiv0uwbn] { margin:.5rem 0 0; overflow-wrap:anywhere; }
.inspection-facts dd+dd[b-i4uiv0uwbn] { color:var(--zj-on-surface-variant); font-size:.875rem; }
/* _content/Zajal.Shared/Pages/Admin/OperatingConfigurationMigrationPreview.razor.rz.scp.css */
.migration-preview[b-7ne9rbes0b] { min-width:0; }
.migration-preview dl[b-7ne9rbes0b] { display:grid; grid-template-columns:repeat(2,auto minmax(0,1fr)); gap:1rem; margin:0; }
.migration-preview dd[b-7ne9rbes0b] { margin:0; font-weight:700; overflow-wrap:anywhere; }
.migration-preview details[b-7ne9rbes0b] { border:1px solid var(--zj-outline-variant); border-radius:var(--zj-radius-md); padding:.75rem; min-width:0; }
.migration-preview summary[b-7ne9rbes0b] { min-height:44px; cursor:pointer; line-height:1.9; font-weight:700; }
.migration-preview details p[b-7ne9rbes0b] { overflow-wrap:anywhere; }
@media(max-width:640px){.migration-preview dl[b-7ne9rbes0b] {grid-template-columns:auto minmax(0,1fr);}}
/* _content/Zajal.Shared/Pages/Admin/OperatingPassport.razor.rz.scp.css */
.passport[b-xin75s3rbh]{max-inline-size:72rem;margin-inline:auto;padding:1.5rem;overflow-wrap:anywhere}.passport section[b-xin75s3rbh]{background:var(--bs-tertiary-bg,#f3f5fa);padding:1.25rem;margin-block:1rem;border-radius:1rem}.passport label:has(input[type=checkbox])[b-xin75s3rbh]{display:block;margin-block:.75rem}.passport button[b-xin75s3rbh]{min-block-size:44px}.passport li[b-xin75s3rbh]{margin-block:.7rem}.passport :is(button,a,summary,input[type=checkbox]):focus-visible[b-xin75s3rbh]{outline:3px solid #4456a6;outline-offset:3px}@media(prefers-reduced-motion:reduce){.passport *[b-xin75s3rbh]{animation:none!important;transition:none!important}}@media(max-width:600px){.passport[b-xin75s3rbh]{padding:.75rem}.passport section[b-xin75s3rbh]{padding:.75rem}}
.passport a[b-xin75s3rbh]{color:var(--text-primary,#172033);text-decoration:underline;text-underline-offset:.2em}.passport section[b-xin75s3rbh]{background:var(--surface-color,#f3f5fa);color:var(--text-primary,#172033)}
/* _content/Zajal.Shared/Pages/Admin/OperationsTaskCenter.razor.rz.scp.css */
.task-center[b-h7f0dpo0r6]{display:grid;gap:20px;padding:clamp(16px,2.4vw,30px);min-width:0;color:var(--zj-on-surface);overflow-wrap:anywhere}
.task-center[b-h7f0dpo0r6]  .zj-page-header__title{font-size:clamp(28px,3vw,36px);line-height:1.6;font-weight:800}
.task-center__live[b-h7f0dpo0r6]{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid var(--zj-outline-variant);border-radius:12px;background:var(--zj-surface-container-lowest);font-size:14px;line-height:1.8}
.task-center__live>span[b-h7f0dpo0r6]{width:9px;height:9px;border-radius:50%;background:var(--zj-on-surface-variant);flex:none}.task-center__live.is-live>span[b-h7f0dpo0r6]{background:var(--zj-tertiary)}
.task-center__filter-region[b-h7f0dpo0r6],.task-center__summary-region[b-h7f0dpo0r6]{padding:clamp(16px,2vw,24px);border:1px solid var(--zj-outline-variant);border-radius:16px;background:var(--zj-surface-container-lowest);min-width:0}
.task-center h2[b-h7f0dpo0r6]{font-size:clamp(22px,2vw,26px);font-weight:800;line-height:1.7;margin:0 0 14px}.task-center__filter-region>p[b-h7f0dpo0r6]{color:var(--zj-on-surface-variant);line-height:1.9}

.task-center button[b-h7f0dpo0r6],.task-center a[b-h7f0dpo0r6]{min-height:44px;white-space:normal}.task-center__loading[b-h7f0dpo0r6]{display:grid;place-items:center;gap:16px;min-height:240px;color:var(--zj-on-surface-variant)}
.task-center__summary[b-h7f0dpo0r6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:12px}.task-total[b-h7f0dpo0r6],.task-count[b-h7f0dpo0r6]{display:flex;flex-wrap:wrap;align-items:center;gap:10px;min-width:0;padding:16px;border:1px solid var(--zj-outline-variant);border-radius:12px;background:var(--zj-surface-container-low);color:var(--zj-on-surface);text-align:start}
.task-total strong[b-h7f0dpo0r6],.task-count strong[b-h7f0dpo0r6]{font-size:24px}.task-total small[b-h7f0dpo0r6]{display:block}.task-count small[b-h7f0dpo0r6]{font-size:15px}.task-count em[b-h7f0dpo0r6]{font-size:14px;font-style:normal;flex-basis:100%}.task-count:hover[b-h7f0dpo0r6],.task-count.is-active[b-h7f0dpo0r6]{border:2px solid var(--zj-on-surface)}.task-count.is-active[b-h7f0dpo0r6]{background:var(--zj-secondary-fixed);box-shadow:inset 0 -3px var(--zj-secondary)}
.task-center__meta[b-h7f0dpo0r6]{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.task-center__meta div[b-h7f0dpo0r6]{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.task-center__meta h2[b-h7f0dpo0r6]{margin:0}.task-center__meta span[b-h7f0dpo0r6],.task-center__meta small[b-h7f0dpo0r6]{color:var(--zj-on-surface-variant);font-size:14px}
.task-list[b-h7f0dpo0r6]{display:grid;gap:16px}.task-card[b-h7f0dpo0r6]{--priority-color:var(--zj-outline);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:20px;border:1px solid var(--zj-outline-variant);border-inline-start:5px solid var(--priority-color);border-radius:14px;background:var(--zj-surface-container-lowest);min-width:0}
.task-card--first[b-h7f0dpo0r6]{border-width:2px;border-inline-start-width:6px}.task-card.priority-critical[b-h7f0dpo0r6]{--priority-color:var(--zj-error)}.task-card.priority-high[b-h7f0dpo0r6]{--priority-color:var(--zj-secondary)}.task-card.priority-medium[b-h7f0dpo0r6]{--priority-color:var(--zj-tertiary)}
.task-card__icon[b-h7f0dpo0r6]{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--zj-outline-variant);border-radius:12px;color:var(--zj-on-surface)}.task-card__body[b-h7f0dpo0r6]{min-width:0}.task-card__heading[b-h7f0dpo0r6]{display:flex;align-items:start;justify-content:space-between;gap:12px;flex-wrap:wrap}.task-card__heading h2[b-h7f0dpo0r6]{margin:6px 0;font-size:18px;font-weight:800;line-height:1.8}.task-kind[b-h7f0dpo0r6]{font-size:14px;font-weight:700;color:var(--zj-on-surface-variant)}.task-card p[b-h7f0dpo0r6]{margin:8px 0;color:var(--zj-on-surface-variant);line-height:1.9;font-size:16px}
.task-badges[b-h7f0dpo0r6]{display:flex;gap:8px;flex-wrap:wrap}.priority-badge[b-h7f0dpo0r6],.task-status[b-h7f0dpo0r6]{display:inline-block;padding:6px 10px;border:1px solid var(--zj-outline-variant);border-radius:10px;font-size:14px;font-weight:700;color:var(--zj-on-surface);background:var(--zj-surface-container-low)}.priority-badge.priority-critical[b-h7f0dpo0r6]{background:var(--zj-error-container);color:var(--zj-on-error-container);border-color:var(--zj-error)}
.task-card__details[b-h7f0dpo0r6]{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.task-card__details>span[b-h7f0dpo0r6]{display:flex;align-items:center;gap:6px;color:var(--zj-on-surface-variant);font-size:14px;line-height:1.9}.task-card__details .material-symbols-outlined[b-h7f0dpo0r6]{font-size:18px}.task-card__details .is-overdue[b-h7f0dpo0r6]{font-weight:700;color:var(--zj-on-surface)}
.task-card__action[b-h7f0dpo0r6]{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border:1px solid var(--zj-on-surface);border-radius:10px;color:var(--zj-on-surface);background:var(--zj-surface-container-low);font-size:16px;font-weight:700;text-decoration:none;text-underline-offset:4px}.task-card__action:hover[b-h7f0dpo0r6]{background:var(--zj-secondary-fixed)}
.task-center__empty[b-h7f0dpo0r6]{display:grid;place-items:center;gap:12px;min-height:240px;padding:24px;border:1px dashed var(--zj-outline-variant);border-radius:16px;background:var(--zj-surface-container-lowest);text-align:center}.task-center__empty>.material-symbols-outlined[b-h7f0dpo0r6]{font-size:40px}.task-center__empty p[b-h7f0dpo0r6],.task-center__more[b-h7f0dpo0r6]{color:var(--zj-on-surface-variant);line-height:1.9}.task-center__more[b-h7f0dpo0r6]{padding:16px;border:1px solid var(--zj-outline-variant);border-radius:12px;background:var(--zj-surface-container-lowest)}
.task-center button:focus-visible[b-h7f0dpo0r6],.task-center a:focus-visible[b-h7f0dpo0r6]{outline:3px solid var(--zj-on-surface);outline-offset:4px}
@media(max-width:1100px){.task-card[b-h7f0dpo0r6]{grid-template-columns:auto minmax(0,1fr)}.task-card__action[b-h7f0dpo0r6]{grid-column:1/-1}}
@media(max-width:600px){.task-card[b-h7f0dpo0r6]{grid-template-columns:minmax(0,1fr);padding:16px}.task-card__icon[b-h7f0dpo0r6]{display:none}.task-card__details[b-h7f0dpo0r6]{align-items:start;flex-direction:column;gap:8px}}

.task-center__filter-actions[b-h7f0dpo0r6] { display:flex; flex-wrap:wrap; gap:.75rem; }
/* _content/Zajal.Shared/Pages/Admin/OrderAdd.razor.rz.scp.css */
.cashier-screen[b-0lxa93c7wq] {
    display: flex;
    flex-direction: column;
    height: calc(100dvh - 3rem - var(--cashier-notification-rail-height, 0px));
    max-height: calc(100dvh - 3rem - var(--cashier-notification-rail-height, 0px));
    min-height: 0;
    overflow: hidden;
    gap: 0;
    min-width: 0;
    max-width: 100vw;
    background: #fff8f4;
    user-select: none;
    box-sizing: border-box;
    font-family: 'Manrope', 'Cairo', 'IBM Plex Sans Arabic', sans-serif;
}

.cashier-unified-entry[b-0lxa93c7wq] {
    flex: 0 0 3rem;
    align-self: flex-start;
    height: 3rem;
    min-height: 3rem;
    max-height: 3rem;
    box-sizing: border-box;
    margin: 0;
}

.cashier-toolbar[b-0lxa93c7wq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    height: 48px;
    min-height: 48px;
    max-height: 48px;
    flex-shrink: 0;
    padding: 0 1rem;
    border: none;
    border-bottom: 1px solid #dbc1b5;
    border-radius: 0;
    background: #ffffff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
    box-sizing: border-box;
    z-index: 40;
}

.cashier-header__brand[b-0lxa93c7wq] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}

.cashier-header__logo[b-0lxa93c7wq] {
    width: 2rem;
    height: 2rem;
    border-radius: 0.5rem;
    background: #964407;
    color: #ffffff;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    box-shadow: 0 1px 2px rgba(150, 68, 7, 0.2);
}

.cashier-header__logo .material-symbols-outlined[b-0lxa93c7wq] {
    font-size: 1.25rem;
    font-variation-settings: 'FILL' 1;
}

.cashier-header__identity[b-0lxa93c7wq] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 1.15;
    min-width: 0;
}

.cashier-header__title[b-0lxa93c7wq] {
    font-family: 'EB Garamond', 'Cairo', serif;
    font-size: 1.15rem;
    font-weight: 700;
    color: #201b14;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.1;
}

.cashier-header__sub[b-0lxa93c7wq] {
    font-size: 0.68rem;
    font-weight: 600;
    color: #554339;
    white-space: nowrap;
}

.cashier-header__divider[b-0lxa93c7wq] {
    width: 1px;
    height: 1.25rem;
    background: #dbc1b5;
    margin: 0 0.25rem;
    flex-shrink: 0;
}

.cashier-header__shift-badge[b-0lxa93c7wq] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.25rem 0.65rem;
    border-radius: 9999px;
    background: #fef1e7;
    border: 1px solid #e9ded6;
    font-size: 0.75rem;
    font-weight: 600;
    color: #201b14;
    white-space: nowrap;
}

.shift-pulse-dot[b-0lxa93c7wq] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #b65c21;
    box-shadow: 0 0 0 2px rgba(182, 92, 33, 0.25);
    animation: shift-pulse-b-0lxa93c7wq 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes shift-pulse-b-0lxa93c7wq {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.5; transform: scale(0.85); }
}

.shift-user-name[b-0lxa93c7wq] {
    font-weight: 700;
}

.cashier-offline-pill[b-0lxa93c7wq] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.2rem 0.5rem;
    border-radius: 9999px;
    background: #ffdad6;
    border: 1px solid #ffb3b0;
    color: #ba1a1a;
    font-size: 0.7rem;
    font-weight: 800;
    white-space: nowrap;
}

.cashier-header__order-type[b-0lxa93c7wq] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    background: #fef1e7;
    border: 1px solid rgba(219, 193, 181, 0.6);
    padding: 2px;
    border-radius: 0.5rem;
}

.order-type-btn[b-0lxa93c7wq] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    height: 1.85rem;
    padding: 0 0.85rem;
    border: none;
    border-radius: calc(0.5rem - 2px);
    background: transparent;
    color: #554339;
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s ease;
    white-space: nowrap;
    font-family: inherit;
}

.order-type-btn .material-symbols-outlined[b-0lxa93c7wq] {
    font-size: 1.1rem;
}

.order-type-btn:hover:not(:disabled)[b-0lxa93c7wq] {
    color: #201b14;
}

.order-type-btn.is-active[b-0lxa93c7wq] {
    background: #ffffff;
    color: #964407;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
    font-weight: 700;
}

.order-type-btn.is-active .material-symbols-outlined[b-0lxa93c7wq] {
    font-variation-settings: 'FILL' 1;
}

.cashier-header__actions[b-0lxa93c7wq] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
}

.cashier-tool-btn[b-0lxa93c7wq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    height: 2.2rem;
    min-height: 2.2rem;
    max-height: 2.2rem;
    padding: 0 0.85rem;
    border-radius: 0.5rem;
    border: 1px solid #dbc1b5;
    background: #ffffff;
    color: #201b14;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.15s ease;
    font-family: inherit;
    white-space: nowrap;
    box-sizing: border-box;
    line-height: 1;
}

.cashier-tool-btn .material-symbols-outlined[b-0lxa93c7wq] {
    font-size: 1.15rem;
    line-height: 1;
}

.cashier-tool-btn:hover[b-0lxa93c7wq] {
    background: #f8ece1;
}

.cashier-tool-btn.is-active[b-0lxa93c7wq] {
    background: #964407;
    color: #ffffff;
    border-color: #964407;
}

.tool-count-badge[b-0lxa93c7wq] {
    background: #964407;
    color: #ffffff;
    font-size: 0.68rem;
    font-weight: 700;
    padding: 0.1rem 0.45rem;
    border-radius: 9999px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.cashier-icon-btn[b-0lxa93c7wq] {
    width: 2.2rem;
    height: 2.2rem;
    min-height: 2.2rem;
    border-radius: 0.5rem;
    border: none;
    background: transparent;
    color: #554339;
    display: grid;
    place-items: center;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.15s ease;
}

.cashier-icon-btn:hover[b-0lxa93c7wq] {
    background: #f8ece1;
    color: #201b14;
}

.cashier-icon-btn--logout:hover[b-0lxa93c7wq] {
    background: #ffdad6;
    color: #ba1a1a;
}

.cashier-created-pill[b-0lxa93c7wq],
.cashier-ticket__badge[b-0lxa93c7wq],
.cashier-menu__count[b-0lxa93c7wq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    white-space: nowrap;
    border-radius: var(--zj-radius-full);
    font-weight: 900;
}

.cashier-created-pill[b-0lxa93c7wq] {
    padding: 0.55rem 0.75rem;
    background: rgba(var(--zj-success-rgb), 0.12);
    color: var(--zj-success);
}

.cashier-loading[b-0lxa93c7wq] {
    min-height: 28rem;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 1rem;
    border: 1px solid rgba(var(--zj-primary-rgb), 0.13);
    border-radius: var(--zj-radius-xl);
    background: var(--zj-surface);
}

.cashier-screen form[b-0lxa93c7wq],
.cashier-screen[b-0lxa93c7wq]  form,
.cashier-form[b-0lxa93c7wq] {
    flex: 1 1 0 !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    width: 100% !important;
    max-width: 100% !important;
}

.cashier-workspace[b-0lxa93c7wq] {
    flex: 1 1 0 !important;
    min-height: 0 !important;
    height: 100% !important;
    max-height: 100% !important;
    align-items: stretch !important;
    display: grid !important;
    grid-template-columns: minmax(370px, 430px) minmax(0, 1fr) !important;
    gap: 0 !important;
    min-width: 0 !important;
    width: 100% !important;
    background: #fff8f4 !important;
    overflow: hidden !important;
}

.cashier-center[b-0lxa93c7wq] {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    max-height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
    background: #fff8f4 !important;
    flex: 1 1 0 !important;
}

.cashier-catalog[b-0lxa93c7wq] {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    max-height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
    gap: 0 !important;
    min-width: 0 !important;
    flex: 1 1 0 !important;
}

.cashier-catalog[b-0lxa93c7wq]  [data-render-region="cashier-menu-catalog"] {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 0 !important;
    height: 100% !important;
    max-height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

.cashier-ticket[b-0lxa93c7wq] {
    display: flex;
    flex-direction: column;
    height: 100%;
    max-height: 100%;
    min-height: 0;
    background: #fef1e7;
    border: none;
    border-inline-end: 1px solid #dbc1b5;
    border-radius: 0;
    box-shadow: none;
    overflow: hidden;
    z-index: 20;
}

.cashier-menu[b-0lxa93c7wq] {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 0 !important;
    min-height: 0 !important;
    height: 100% !important;
    max-height: 100% !important;
    overflow: hidden !important;
    border: none !important;
    border-radius: 0 !important;
    background: #fff8f4 !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.cashier-context[b-0lxa93c7wq] {
    display: grid;
    gap: 0.75rem;
    padding: 0.85rem;
}

.cashier-context__top[b-0lxa93c7wq] {
    display: grid;
    grid-template-columns: minmax(27rem, 1.35fr) minmax(20rem, 1fr);
    gap: 0.75rem;
    align-items: stretch;
}

.cashier-order-types[b-0lxa93c7wq] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
    padding: 0.3rem;
    border-radius: var(--zj-radius-lg);
    background: var(--zj-surface-container-low);
}

.cashier-choice-button[b-0lxa93c7wq],
.cashier-table-button[b-0lxa93c7wq],
.cashier-category-button[b-0lxa93c7wq],
.cashier-item-tile[b-0lxa93c7wq] {
    border: 1px solid transparent;
    background: transparent;
    color: var(--zj-on-surface);
    cursor: pointer;
    transition:
        transform var(--zj-transition-fast),
        border-color var(--zj-transition-fast),
        background var(--zj-transition-fast),
        box-shadow var(--zj-transition-fast);
}

.cashier-choice-button[b-0lxa93c7wq] {
    min-width: 0;
    min-height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    padding: 0.65rem;
    border-radius: calc(var(--zj-radius-lg) - 0.2rem);
    color: var(--zj-on-surface-variant);
    font-weight: 900;
}

.cashier-choice-button .material-symbols-outlined[b-0lxa93c7wq] {
    color: var(--zj-primary);
    font-size: 1.45rem;
}

.cashier-choice-button.is-active[b-0lxa93c7wq] {
    border-color: rgba(var(--zj-primary-rgb), 0.28);
    background: var(--zj-surface);
    color: var(--zj-primary);
    box-shadow: var(--zj-shadow-xs);
}

.cashier-customer-picker[b-0lxa93c7wq] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(8.5rem, auto);
    gap: 0.55rem;
    min-width: 0;
}

.cashier-customer-picker__select[b-0lxa93c7wq],
.cashier-customer-fields label[b-0lxa93c7wq],
.cashier-notes[b-0lxa93c7wq] {
    display: grid;
    gap: 0.35rem;
    min-width: 0;
}

.cashier-field-label[b-0lxa93c7wq],
.cashier-notes > span[b-0lxa93c7wq] {
    color: var(--zj-on-surface-variant);
    font-size: 0.76rem;
    font-weight: 900;
}

.cashier-customer-picker__select select[b-0lxa93c7wq] {
    width: 100%;
    min-height: 2.8rem;
}

.cashier-customer-summary[b-0lxa93c7wq] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    align-self: end;
    min-height: 2.8rem;
    padding: 0.5rem 0.65rem;
    border: 1px solid rgba(var(--zj-primary-rgb), 0.12);
    border-radius: var(--zj-radius-lg);
    background: var(--zj-surface-container-low);
}

.cashier-customer-summary > .material-symbols-outlined[b-0lxa93c7wq] {
    flex: 0 0 auto;
    color: var(--zj-primary);
}

.cashier-customer-summary > div[b-0lxa93c7wq] {
    min-width: 0;
    display: grid;
    gap: 0.05rem;
}

.cashier-customer-summary strong[b-0lxa93c7wq],
.cashier-customer-summary small[b-0lxa93c7wq] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cashier-customer-summary strong[b-0lxa93c7wq] {
    color: var(--zj-on-surface);
    font-size: 0.8rem;
}

.cashier-customer-summary small[b-0lxa93c7wq] {
    color: var(--zj-on-surface-variant);
    font-size: 0.68rem;
}

.cashier-customer-fields[b-0lxa93c7wq] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
    padding-top: 0.7rem;
    border-top: 1px solid rgba(var(--zj-primary-rgb), 0.1);
}

.cashier-customer-fields .form-input[b-0lxa93c7wq] {
    min-height: 2.8rem;
}

.cashier-table-picker[b-0lxa93c7wq] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.7rem;
    padding-top: 0.7rem;
    border-top: 1px solid rgba(var(--zj-primary-rgb), 0.1);
}

.cashier-table-picker__head[b-0lxa93c7wq] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    white-space: nowrap;
    color: var(--zj-on-surface-variant);
    font-size: 0.8rem;
}

.cashier-table-picker__head .material-symbols-outlined[b-0lxa93c7wq] {
    color: var(--zj-primary);
    font-size: 1.2rem;
}

.cashier-table-grid[b-0lxa93c7wq] {
    display: flex;
    gap: 0.45rem;
    min-width: 0;
    overflow-x: auto;
    padding: 0.1rem 0 0.3rem;
    scrollbar-width: thin;
}

.cashier-table-button[b-0lxa93c7wq] {
    min-width: 4.65rem;
    min-height: 2.6rem;
    padding: 0.55rem 0.75rem;
    border-color: rgba(var(--zj-primary-rgb), 0.13);
    border-radius: var(--zj-radius-lg);
    background: var(--zj-surface-container-low);
    font-weight: 900;
}

.cashier-table-button.is-active[b-0lxa93c7wq] {
    border-color: rgba(var(--zj-primary-rgb), 0.46);
    background: rgba(var(--zj-primary-rgb), 0.12);
    color: var(--zj-primary);
}

.cashier-menu[b-0lxa93c7wq] {
    min-width: 0;
    padding: 0.9rem;
}

.cashier-menu__head[b-0lxa93c7wq],
.cashier-ticket__head[b-0lxa93c7wq],
.cashier-ticket__summary[b-0lxa93c7wq],
.cashier-payment-method[b-0lxa93c7wq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.cashier-menu__head[b-0lxa93c7wq] {
    margin-bottom: 0.75rem;
}

.cashier-menu__head h2[b-0lxa93c7wq],
.cashier-ticket__head h2[b-0lxa93c7wq] {
    margin: 0.08rem 0 0;
    color: var(--zj-on-surface);
    font-size: 1.18rem;
    font-weight: 900;
}

.cashier-mini-label[b-0lxa93c7wq] {
    color: var(--zj-primary);
    font-size: 0.72rem;
    font-weight: 900;
}

.cashier-menu__count[b-0lxa93c7wq] {
    padding: 0.45rem 0.65rem;
    background: var(--zj-surface-container-low);
    color: var(--zj-on-surface-variant);
    font-size: 0.75rem;
}

.cashier-menu__count .material-symbols-outlined[b-0lxa93c7wq] {
    color: var(--zj-primary);
    font-size: 1rem;
}

.cashier-category-rail[b-0lxa93c7wq] {
    display: flex;
    gap: 0.5rem;
    min-width: 0;
    overflow-x: auto;
    padding: 0 0 0.75rem;
    margin-bottom: 0.15rem;
    scrollbar-width: thin;
}

.cashier-category-button[b-0lxa93c7wq] {
    flex: 0 0 auto;
    min-width: 7.8rem;
    min-height: 2.8rem;
    padding: 0.6rem 0.9rem;
    border-color: rgba(var(--zj-primary-rgb), 0.13);
    border-radius: var(--zj-radius-full);
    background: var(--zj-surface-container-low);
    color: var(--zj-on-surface-variant);
    font-weight: 900;
}

.cashier-category-button.is-active[b-0lxa93c7wq] {
    border-color: rgba(var(--zj-primary-rgb), 0.46);
    background: rgba(var(--zj-primary-rgb), 0.12);
    color: var(--zj-primary);
}

.cashier-item-grid[b-0lxa93c7wq] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(9.4rem, 1fr));
    gap: 0.8rem;
    align-items: stretch;
}

.cashier-item-tile[b-0lxa93c7wq] {
    position: relative;
    min-width: 0;
    min-height: 9.25rem;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    padding: .875rem;
    overflow: hidden;
    border-color: rgba(var(--zj-primary-rgb), 0.13);
    border-radius: var(--zj-radius-xl);
    background: var(--zj-surface-container-low);
    text-align: start;
}

.cashier-item-tile:hover[b-0lxa93c7wq],
.cashier-item-tile:focus-visible[b-0lxa93c7wq],
.cashier-choice-button:hover[b-0lxa93c7wq],
.cashier-choice-button:focus-visible[b-0lxa93c7wq],
.cashier-table-button:hover[b-0lxa93c7wq],
.cashier-table-button:focus-visible[b-0lxa93c7wq],
.cashier-category-button:hover[b-0lxa93c7wq],
.cashier-category-button:focus-visible[b-0lxa93c7wq] {
    border-color: rgba(var(--zj-primary-rgb), 0.42);
    box-shadow: 0 0.75rem 1.7rem rgba(var(--zj-primary-rgb), 0.1);
    outline: none;
    transform: translateY(-1px);
}

.cashier-item-tile.is-selected[b-0lxa93c7wq] {
    border-color: var(--zj-primary);
    box-shadow: 0 0 0 2px rgba(var(--zj-primary-rgb), 0.11);
}

.cashier-item-tile.is-unavailable[b-0lxa93c7wq] {
    border-color: rgba(var(--zj-error-rgb), 0.2);
    cursor: not-allowed;
}

.cashier-item-tile.is-unavailable .cashier-item-tile__image img[b-0lxa93c7wq] {
    filter: grayscale(0.72);
    opacity: 0.58;
}

.cashier-item-tile.is-unavailable:hover[b-0lxa93c7wq],
.cashier-item-tile.is-unavailable:focus-visible[b-0lxa93c7wq] {
    border-color: rgba(var(--zj-error-rgb), 0.28);
    box-shadow: none;
    transform: none;
}

.cashier-item-tile__count[b-0lxa93c7wq] {
    position: absolute;
    top: 0.65rem;
    inset-inline-start: 0.65rem;
    z-index: 2;
    min-width: 2.15rem;
    height: 2.15rem;
    display: grid;
    place-items: center;
    padding: 0 0.35rem;
    border: 2px solid var(--zj-surface);
    border-radius: var(--zj-radius-full);
    background: var(--zj-success);
    color: var(--zj-on-primary);
    font-weight: 900;
}

.cashier-item-tile__unavailable[b-0lxa93c7wq] {
    position: absolute;
    top: 0.65rem;
    inset-inline-end: 0.65rem;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.42rem 0.58rem;
    border: 1px solid rgba(var(--zj-error-rgb), 0.2);
    border-radius: var(--zj-radius-full);
    background: color-mix(in srgb, var(--zj-surface) 92%, transparent);
    color: var(--zj-error);
    font-size: 0.68rem;
    font-weight: 900;
    box-shadow: var(--zj-shadow-xs);
}

.cashier-item-tile__unavailable .material-symbols-outlined[b-0lxa93c7wq] {
    font-size: 0.9rem;
}

.cashier-item-tile__image[b-0lxa93c7wq] {
    display: block;
    min-width: 0;
    overflow: hidden;
    background: var(--zj-surface-container-high);
}

.cashier-item-tile__image img[b-0lxa93c7wq] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform var(--zj-transition-base);
}

.cashier-item-tile:hover .cashier-item-tile__image img[b-0lxa93c7wq] {
    transform: scale(1.025);
}

.cashier-item-tile__body[b-0lxa93c7wq] {
    min-width: 0;
    display: grid;
    grid-template-rows: auto auto 1fr;
    gap: 0.28rem;
    padding: 0.8rem 0.85rem 0.85rem;
}

.cashier-item-tile__body > strong[b-0lxa93c7wq] {
    color: var(--zj-on-surface);
    font-size: 1rem;
    font-weight: 900;
    line-height: 1.4;
}

.cashier-item-tile__body > small[b-0lxa93c7wq] {
    color: var(--zj-on-surface-variant);
    font-size: 0.73rem;
}

.cashier-item-tile__footer[b-0lxa93c7wq] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 0.6rem;
    align-self: end;
}

.cashier-item-tile__footer b[b-0lxa93c7wq] {
    color: var(--zj-primary);
    font-size: 1.02rem;
}

.cashier-item-tile__add[b-0lxa93c7wq] {
    width: 2.35rem;
    height: 2.35rem;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 0.75rem;
    background: var(--zj-primary);
    color: var(--zj-on-primary);
    font-size: 1.3rem;
}

.cashier-item-tile.is-unavailable .cashier-item-tile__add[b-0lxa93c7wq] {
    background: rgba(var(--zj-error-rgb), 0.1);
    color: var(--zj-error);
}

.cashier-menu__empty[b-0lxa93c7wq] {
    flex: 1 1 auto !important;
    min-height: 180px;
    display: grid;
    place-items: center;
    align-content: center;
}

.cashier-ticket[b-0lxa93c7wq] {
    position: sticky;
    top: 0;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: calc(100dvh - 8.4rem);
    min-height: 35rem;
    overflow: hidden;
}

.cashier-ticket__head[b-0lxa93c7wq] {
    flex: 0 0 auto;
    padding: 0.9rem;
    border-bottom: 1px solid rgba(var(--zj-primary-rgb), 0.11);
}

.cashier-ticket__badge[b-0lxa93c7wq] {
    max-width: 11rem;
    overflow: hidden;
    padding: 0.5rem 0.7rem;
    background: rgba(var(--zj-primary-rgb), 0.11);
    color: var(--zj-primary);
    font-size: 0.75rem;
    text-overflow: ellipsis;
}

[b-0lxa93c7wq] .cashier-empty-ticket {
    flex: 1;
    min-height: 12rem;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 0.4rem;
    padding: 1rem;
    text-align: center;
    color: var(--zj-on-surface-variant);
}

[b-0lxa93c7wq] .cashier-empty-ticket .material-symbols-outlined {
    width: 4rem;
    height: 4rem;
    display: grid;
    place-items: center;
    border-radius: var(--zj-radius-full);
    background: rgba(var(--zj-primary-rgb), 0.1);
    color: var(--zj-primary);
    font-size: 2rem;
}

[b-0lxa93c7wq] .cashier-empty-ticket strong {
    color: var(--zj-on-surface);
}

[b-0lxa93c7wq] .cashier-empty-ticket p {
    margin: 0;
    font-size: 0.8rem;
}

.cashier-ticket__items[b-0lxa93c7wq] {
    flex: 1 1 auto;
    min-height: 8rem;
    display: grid;
    align-content: start;
    gap: 0.55rem;
    overflow-y: auto;
    padding: 0.7rem;
    scrollbar-width: thin;
}

.cashier-ticket-row[b-0lxa93c7wq] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.6rem;
    padding: 0.65rem;
    border: 1px solid rgba(var(--zj-primary-rgb), 0.09);
    border-radius: var(--zj-radius-lg);
    background: var(--zj-surface-container-low);
}

.cashier-ticket-row__identity[b-0lxa93c7wq] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 0.55rem;
}

.cashier-ticket-row__identity img[b-0lxa93c7wq] {
    width: 3rem;
    height: 3rem;
    flex: 0 0 auto;
    object-fit: cover;
    border-radius: 0.75rem;
    background: var(--zj-surface-container-high);
}

.cashier-ticket-row__identity > div[b-0lxa93c7wq] {
    min-width: 0;
    display: grid;
    gap: 0.12rem;
}

.cashier-ticket-row__identity strong[b-0lxa93c7wq] {
    overflow: hidden;
    color: var(--zj-on-surface);
    font-size: 0.82rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cashier-ticket-row__identity span[b-0lxa93c7wq] {
    color: var(--zj-on-surface-variant);
    font-size: 0.7rem;
}

.cashier-ticket-row__identity .cashier-ticket-row__options[b-0lxa93c7wq] {
    display: block;
    overflow: hidden;
    color: var(--zj-primary);
    font-size: 0.68rem;
    font-weight: 800;
    line-height: 1.45;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cashier-ticket-row__edit-options[b-0lxa93c7wq] {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: 0.22rem;
    margin-top: 0.18rem;
    padding: 0.25rem 0.42rem;
    border: 1px solid rgba(var(--zj-primary-rgb), 0.16);
    border-radius: var(--zj-radius-full);
    background: rgba(var(--zj-primary-rgb), 0.08);
    color: var(--zj-primary);
    font-size: 0.65rem;
    font-weight: 900;
    cursor: pointer;
}

.cashier-ticket-row__edit-options:hover[b-0lxa93c7wq],
.cashier-ticket-row__edit-options:focus-visible[b-0lxa93c7wq] {
    border-color: rgba(var(--zj-primary-rgb), 0.42);
    outline: none;
}

.cashier-ticket-row__edit-options .material-symbols-outlined[b-0lxa93c7wq] {
    font-size: 0.85rem;
}

.cashier-quantity[b-0lxa93c7wq] {
    display: inline-grid;
    grid-template-columns: 2rem 1.65rem 2rem;
    align-items: center;
    gap: 0.2rem;
}

.cashier-quantity button[b-0lxa93c7wq] {
    width: 2rem;
    height: 2rem;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: var(--zj-radius-full);
    background: rgba(var(--zj-primary-rgb), 0.12);
    color: var(--zj-primary);
    cursor: pointer;
}

.cashier-quantity button .material-symbols-outlined[b-0lxa93c7wq] {
    font-size: 1rem;
}

.cashier-quantity > strong[b-0lxa93c7wq] {
    color: var(--zj-on-surface);
    text-align: center;
}

.cashier-ticket-row__total[b-0lxa93c7wq] {
    grid-column: 1 / -1;
    justify-self: end;
    color: var(--zj-primary);
    font-size: 0.78rem;
}

.cashier-ticket__footer[b-0lxa93c7wq] {
    flex: 0 0 auto;
    display: grid;
    gap: 0.65rem;
    padding: 0.75rem;
    border-top: 1px solid rgba(var(--zj-primary-rgb), 0.11);
    background: var(--zj-surface-container-low);
}

.cashier-notes textarea[b-0lxa93c7wq] {
    min-height: 3.5rem;
    resize: vertical;
}

.cashier-payment-method[b-0lxa93c7wq] {
    justify-content: flex-start;
    padding: 0.6rem 0.7rem;
    border-radius: var(--zj-radius-lg);
    background: var(--zj-surface);
}

.cashier-payment-method > .material-symbols-outlined[b-0lxa93c7wq] {
    color: var(--zj-success);
}

.cashier-payment-method > div[b-0lxa93c7wq] {
    display: grid;
    gap: 0.08rem;
}

.cashier-payment-method small[b-0lxa93c7wq] {
    color: var(--zj-on-surface-variant);
    font-size: 0.68rem;
}

.cashier-payment-method strong[b-0lxa93c7wq] {
    color: var(--zj-on-surface);
    font-size: 0.78rem;
}

.cashier-ticket__summary[b-0lxa93c7wq] {
    padding: 0.2rem 0;
}

.cashier-ticket__summary > div[b-0lxa93c7wq] {
    display: grid;
    gap: 0.1rem;
}

.cashier-ticket__summary span[b-0lxa93c7wq] {
    color: var(--zj-on-surface);
    font-weight: 900;
}

.cashier-ticket__summary small[b-0lxa93c7wq] {
    color: var(--zj-on-surface-variant);
    font-size: 0.7rem;
}

.cashier-ticket__summary .cashier-ticket__discount[b-0lxa93c7wq] {
    display: block;
    margin-top: .25rem;
    color: #087a56;
    font-weight: 800;
}

.cashier-ticket__summary > strong[b-0lxa93c7wq] {
    color: var(--zj-primary);
    font-size: 1.25rem;
    font-weight: 900;
}

.cashier-ticket__actions[b-0lxa93c7wq],
.cashier-print-panel[b-0lxa93c7wq] {
    display: grid;
    gap: 0.5rem;
}

.cashier-ticket__actions[b-0lxa93c7wq] {
    grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr);
}

.cashier-ticket__actions .btn[b-0lxa93c7wq],
.cashier-ticket__actions[b-0lxa93c7wq]  .btn,
.cashier-print-panel .btn[b-0lxa93c7wq],
.cashier-print-panel[b-0lxa93c7wq]  .btn {
    width: 100%;
    min-width: 0;
    min-height: 3.15rem;
    justify-content: center;
    white-space: nowrap;
}

.cashier-print-panel[b-0lxa93c7wq] {
    padding: 0.7rem;
    border: 1px solid rgba(var(--zj-success-rgb), 0.2);
    border-radius: var(--zj-radius-lg);
    background: rgba(var(--zj-success-rgb), 0.08);
}

.cashier-print-panel > div[b-0lxa93c7wq] {
    display: grid;
    gap: 0.12rem;
}

.cashier-print-panel strong[b-0lxa93c7wq] {
    color: var(--zj-success);
}

.cashier-print-panel span[b-0lxa93c7wq] {
    color: var(--zj-on-surface-variant);
    font-size: 0.75rem;
}

.cashier-muted[b-0lxa93c7wq] {
    margin: 0;
    color: var(--zj-on-surface-variant);
    font-size: 0.8rem;
}

.cashier-customizer[b-0lxa93c7wq] {
    position: fixed;
    inset: 0;
    z-index: 120;
    display: grid;
    place-items: center;
    padding: 1rem;
}

.cashier-customizer__scrim[b-0lxa93c7wq] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    background: rgba(15, 23, 42, 0.58);
    cursor: default;
    backdrop-filter: blur(4px);
}




































@media (max-width: 1380px) {
    .cashier-workspace[b-0lxa93c7wq] {
        grid-template-columns: minmax(370px, 430px) minmax(0, 1fr);
    }

    .cashier-context__top[b-0lxa93c7wq] {
        grid-template-columns: minmax(23rem, 1.2fr) minmax(18rem, 1fr);
    }

    .cashier-item-grid[b-0lxa93c7wq] {
        grid-template-columns: repeat(auto-fill, minmax(12.5rem, 1fr));
    }
}

@media (max-width: 1120px) {
    .cashier-workspace[b-0lxa93c7wq] {
        grid-template-columns: minmax(340px, 400px) minmax(0, 1fr);
    }

    .cashier-ticket[b-0lxa93c7wq] {
        display: flex;
        flex-direction: column;
        height: 100%;
        min-height: 0;
    }

    .cashier-ticket__items[b-0lxa93c7wq] {
        max-height: none;
    }
}

@media (max-width: 820px) {
    .cashier-toolbar[b-0lxa93c7wq] {
        align-items: flex-start;
    }

    .cashier-toolbar__actions[b-0lxa93c7wq] {
        justify-content: flex-end;
        flex-wrap: wrap;
    }

    .cashier-context__top[b-0lxa93c7wq],
    .cashier-customer-fields[b-0lxa93c7wq] {
        grid-template-columns: 1fr;
    }

    .cashier-table-picker[b-0lxa93c7wq] {
        grid-template-columns: 1fr;
    }

    .cashier-item-grid[b-0lxa93c7wq] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .cashier-item-tile[b-0lxa93c7wq] {
        min-height: 15.5rem;
        grid-template-rows: 8.5rem minmax(0, 1fr);
    }
}

@media (max-width: 620px) {
    .cashier-toolbar[b-0lxa93c7wq] {
        flex-direction: column;
    }

    .cashier-toolbar__actions[b-0lxa93c7wq],
    .cashier-toolbar__actions .btn[b-0lxa93c7wq] {
        width: 100%;
    }

    .cashier-toolbar__actions .btn[b-0lxa93c7wq] {
        justify-content: center;
    }

    .cashier-customer-picker[b-0lxa93c7wq] {
        grid-template-columns: 1fr;
    }

    .cashier-order-types[b-0lxa93c7wq] {
        gap: 0.3rem;
    }

    .cashier-choice-button[b-0lxa93c7wq] {
        min-height: 3.7rem;
        flex-direction: column;
        gap: 0.18rem;
        font-size: 0.76rem;
    }

    .cashier-category-button[b-0lxa93c7wq] {
        min-width: 6.6rem;
    }

    .cashier-ticket__actions[b-0lxa93c7wq] {
        grid-template-columns: 1fr;
    }

    .cashier-customizer[b-0lxa93c7wq] {
        align-items: end;
        padding: 0;
    }





}

@media (max-width: 460px) {
    .cashier-context[b-0lxa93c7wq],
    .cashier-menu[b-0lxa93c7wq],
    .cashier-ticket[b-0lxa93c7wq],
    .cashier-toolbar[b-0lxa93c7wq] {
        border-radius: var(--zj-radius-lg);
    }

    .cashier-item-grid[b-0lxa93c7wq] {
        grid-template-columns: 1fr;
    }

    .cashier-item-tile[b-0lxa93c7wq] {
        min-height: 17rem;
        grid-template-rows: 10rem minmax(0, 1fr);
    }
}

@media (prefers-reduced-motion: reduce) {

}

.cashier-shortcuts[b-0lxa93c7wq] {
    display: grid;
    gap: 0.75rem;
    padding: 0.85rem;
    border: 1px solid rgba(var(--zj-primary-rgb), 0.12);
    border-radius: var(--zj-radius-xl);
    background: color-mix(in srgb, var(--zj-surface-container-low) 92%, var(--zj-primary) 8%);
}

.cashier-shortcuts__head[b-0lxa93c7wq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.cashier-shortcuts__head > div[b-0lxa93c7wq],
.cashier-shortcut-group[b-0lxa93c7wq] {
    display: grid;
    gap: 0.25rem;
}

.cashier-shortcuts__head strong[b-0lxa93c7wq] {
    color: var(--zj-on-surface);
    font-weight: 900;
}

.cashier-repeat-button[b-0lxa93c7wq] {
    min-height: 2.65rem;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.55rem 0.8rem;
    border: 1px solid rgba(var(--zj-primary-rgb), 0.24);
    border-radius: var(--zj-radius-full);
    background: var(--zj-surface);
    color: var(--zj-primary);
    font-weight: 900;
    cursor: pointer;
}

.cashier-repeat-button:disabled[b-0lxa93c7wq] {
    cursor: wait;
    opacity: 0.65;
}

.cashier-shortcut-group > small[b-0lxa93c7wq] {
    color: var(--zj-on-surface-variant);
    font-size: 0.7rem;
    font-weight: 900;
}

.cashier-shortcut-rail[b-0lxa93c7wq] {
    display: flex;
    gap: 0.5rem;
    overflow-x: auto;
    padding-block: 0.15rem;
    scrollbar-width: thin;
}

.cashier-shortcut-rail button[b-0lxa93c7wq] {
    min-width: 9.5rem;
    min-height: 3rem;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.35rem;
    padding: 0.55rem 0.65rem;
    border: 1px solid rgba(var(--zj-primary-rgb), 0.14);
    border-radius: var(--zj-radius-lg);
    background: var(--zj-surface);
    color: var(--zj-on-surface);
    text-align: start;
    cursor: pointer;
}

.cashier-shortcut-rail button:hover[b-0lxa93c7wq],
.cashier-shortcut-rail button:focus-visible[b-0lxa93c7wq] {
    border-color: rgba(var(--zj-primary-rgb), 0.44);
    outline: none;
}

.cashier-shortcut-rail .material-symbols-outlined[b-0lxa93c7wq] {
    color: var(--zj-primary);
    font-size: 1.1rem;
}

.cashier-shortcut-rail strong[b-0lxa93c7wq] {
    overflow: hidden;
    font-size: 0.76rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cashier-shortcut-rail small[b-0lxa93c7wq] {
    color: var(--zj-primary);
    font-size: 0.65rem;
    font-weight: 900;
    white-space: nowrap;
}

.cashier-repeat-notice[b-0lxa93c7wq] {
    display: flex;
    align-items: flex-start;
    gap: 0.55rem;
    padding: 0.65rem;
    border-radius: var(--zj-radius-lg);
    background: rgba(var(--zj-warning-rgb), 0.1);
    color: var(--zj-on-surface);
}

.cashier-repeat-notice > .material-symbols-outlined[b-0lxa93c7wq] {
    color: var(--zj-warning);
}

.cashier-repeat-notice > div[b-0lxa93c7wq] {
    display: grid;
    gap: 0.18rem;
}

.cashier-repeat-notice strong[b-0lxa93c7wq] {
    font-size: 0.75rem;
}

.cashier-repeat-notice small[b-0lxa93c7wq] {
    color: var(--zj-on-surface-variant);
    font-size: 0.68rem;
}

/* Table-first cashier: keep Zajal tokens while making the ticket and menu independently scrollable. */
.cashier-navigation[b-0lxa93c7wq] { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem; border-block-end: 1px solid var(--zj-outline-variant); padding-block-end: .65rem; }
.cashier-navigation button[b-0lxa93c7wq] { display: flex; align-items: center; gap: .5rem; padding: .65rem .9rem; border: 0; border-radius: var(--zj-radius-lg); background: transparent; color: var(--zj-on-surface-variant); font: inherit; cursor: pointer; }
.cashier-navigation button.is-active[b-0lxa93c7wq] { background: rgba(var(--zj-primary-rgb),.1); color: var(--zj-primary); font-weight: 800; }
.cashier-navigation b[b-0lxa93c7wq] { padding: .05rem .4rem; border-radius: .5rem; background: var(--zj-surface-container-low); }
.cashier-navigation__context[b-0lxa93c7wq] { margin-inline-start: auto; font-weight: 800; color: var(--zj-primary); }
.cashier-overview-heading[b-0lxa93c7wq] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
.cashier-overview-heading h2[b-0lxa93c7wq] { margin: 0; font-size: 1.2rem; }
.cashier-overview-heading p[b-0lxa93c7wq] { margin: .3rem 0 0; color: var(--zj-on-surface-variant); }
.cashier-floor-grid[b-0lxa93c7wq] { display: grid; grid-template-columns: repeat(auto-fill,minmax(10rem,1fr)); gap: .9rem; }
.cashier-floor-table[b-0lxa93c7wq] { display: grid; place-items: center; gap: .4rem; position: relative; min-height: 12rem; padding: .9rem; border: 1px solid var(--zj-outline-variant); border-radius: var(--zj-radius-xl); background: var(--zj-surface); color: var(--zj-on-surface); font: inherit; cursor: pointer; }
.cashier-floor-table > .material-symbols-outlined[b-0lxa93c7wq] { font-size: 3rem; color: var(--zj-success); }
.cashier-floor-table.is-open[b-0lxa93c7wq] { border-color: var(--zj-primary); background: rgba(var(--zj-primary-rgb),.055); }
.cashier-floor-table.is-open > .material-symbols-outlined[b-0lxa93c7wq], .cashier-floor-table.is-open b[b-0lxa93c7wq] { color: var(--zj-primary); }
.cashier-floor-table__status[b-0lxa93c7wq] { font-size: .73rem; justify-self: start; padding: .2rem .5rem; background: var(--zj-surface-container-low); border-radius: .5rem; }
.cashier-floor-table strong[b-0lxa93c7wq] { font-size: 1.1rem; }
.cashier-floor-table small[b-0lxa93c7wq] { color: var(--zj-on-surface-variant); }
.cashier-open-orders[b-0lxa93c7wq] { display: flex; flex-wrap: wrap; gap: .65rem; }
.cashier-open-orders h3[b-0lxa93c7wq] { flex-basis: 100%; }
.cashier-paid-notice[b-0lxa93c7wq] { display: flex; justify-content: space-between; flex-wrap: wrap; gap: .8rem; align-items: center; padding: 1rem 1.25rem; margin: 1rem 2rem 0 2rem; border: 1px solid var(--zj-success); border-radius: var(--zj-radius-lg); background: rgba(var(--zj-success-rgb),.07); }
.cashier-paid-notice span[b-0lxa93c7wq] { display: block; margin-top: .3rem; }
.cashier-context-details[b-0lxa93c7wq], .cashier-shortcut-details[b-0lxa93c7wq] { border: 1px solid var(--zj-outline-variant); border-radius: var(--zj-radius-lg); background: var(--zj-surface); }
.cashier-context-details > summary[b-0lxa93c7wq], .cashier-shortcut-details > summary[b-0lxa93c7wq] { padding: .6rem .85rem; cursor: pointer; font-size: .82rem; color: var(--zj-on-surface-variant); }
.cashier-context__top[b-0lxa93c7wq] { grid-template-columns: minmax(0,1fr); }
.cashier-workspace[b-0lxa93c7wq] { grid-template-columns: minmax(370px, 430px) minmax(0, 1fr); }
.cashier-menu[b-0lxa93c7wq] { padding: .9rem; }
.cashier-item-grid[b-0lxa93c7wq] { grid-template-columns: repeat(auto-fill,minmax(9.5rem,1fr)); }
.cashier-item-tile[b-0lxa93c7wq] { min-height: 9.25rem; }
.cashier-item-tile__image[b-0lxa93c7wq] { width: 2rem; height: 2rem; border-radius: .45rem; flex: 0 0 auto; }
.cashier-ticket__head[b-0lxa93c7wq] { padding: 1rem; }
.cashier-ticket__footer[b-0lxa93c7wq] { padding: .9rem; }
.cashier-ticket__actions[b-0lxa93c7wq] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
.cashier-ticket__actions > button:last-child[b-0lxa93c7wq] { grid-column: 1/-1; }
.cashier-totals-breakdown[b-0lxa93c7wq] { display: grid; gap: .35rem; font-size: .8rem; color: var(--zj-on-surface-variant); }
.cashier-totals-breakdown > span[b-0lxa93c7wq] { display: flex; justify-content: space-between; gap: .5rem; }
.cashier-workflow-note[b-0lxa93c7wq] { font-size: .78rem; line-height: 1.7; color: var(--zj-on-surface-variant); }
.cashier-screen button:focus-visible[b-0lxa93c7wq] { outline: 3px solid rgba(var(--zj-primary-rgb),.5); outline-offset: 2px; }
@media (min-width: 1000px) {
    .cashier-workspace[b-0lxa93c7wq] {
        grid-template-columns: minmax(370px, 430px) minmax(0, 1fr);
        height: 100%;
        max-height: 100%;
        min-height: 0;
        align-items: stretch;
    }
    .cashier-catalog[b-0lxa93c7wq] {
        height: 100%;
        max-height: 100%;
        overflow-y: auto;
        align-content: start;
    }
    .cashier-workspace[b-0lxa93c7wq]  .cashier-ticket,
    .cashier-ticket[b-0lxa93c7wq] {
        height: 100%;
        max-height: 100%;
        min-height: 0;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        position: static;
    }
    .cashier-ticket__items[b-0lxa93c7wq] {
        overflow-y: auto;
        flex: 1;
        min-height: 0;
        max-height: none;
    }
    .cashier-ticket__footer[b-0lxa93c7wq] {
        margin-top: auto;
        flex-shrink: 0;
    }
}
@media (max-width: 999px) {
    .cashier-screen[b-0lxa93c7wq] {
        height: 100vh;
        max-height: 100vh;
        min-height: 100vh;
        overflow: hidden;
    }
    .cashier-workspace[b-0lxa93c7wq] {
        grid-template-columns: minmax(340px, 400px) minmax(0, 1fr);
        height: 100%;
        max-height: 100%;
        min-height: 0;
    }
    .cashier-ticket[b-0lxa93c7wq] {
        display: flex;
        flex-direction: column;
        height: 100%;
        min-height: 0;
    }
    .cashier-item-grid[b-0lxa93c7wq] {
        grid-template-columns: repeat(auto-fill, minmax(9rem, 1fr));
    }
}
@media (max-width: 600px) {
    .cashier-paid-notice[b-0lxa93c7wq] { margin: 0.75rem 1rem 0 1rem; }
    .cashier-floor-grid[b-0lxa93c7wq] { grid-template-columns: repeat(2,minmax(0,1fr)); gap: .6rem; }
    .cashier-navigation[b-0lxa93c7wq] { font-size: .82rem; }
    .cashier-toolbar p[b-0lxa93c7wq] { display: none; }
}

/* Stitch Catalog Toolbar (Exact Google Stitch Specs) */
.cashier-catalog-toolbar[b-0lxa93c7wq] {
    padding: 0.75rem 1rem;
    background: #ffffff;
    border-bottom: 1px solid #dbc1b5;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-shrink: 0;
    box-sizing: border-box;
}

.cashier-menu-search-wrap[b-0lxa93c7wq] {
    flex: 1 1 0;
    min-width: 0;
}

.cashier-menu-search[b-0lxa93c7wq] {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0;
    padding: 0;
}

.cashier-menu-search .search-icon-box[b-0lxa93c7wq] {
    position: absolute;
    inset-inline-start: 0.85rem;
    pointer-events: none;
    color: var(--zj-on-surface-variant);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

.cashier-menu-search .search-icon-box .material-symbols-outlined[b-0lxa93c7wq] {
    font-size: 22px;
}

.cashier-menu-search-input[b-0lxa93c7wq] {
    width: 100%;
    height: 44px;
    padding-inline-start: 2.75rem;
    padding-inline-end: 5.25rem;
    background: var(--zj-surface-container-low);
    border: 1px solid var(--zj-outline-variant);
    border-radius: 8px;
    font-family: inherit;
    font-size: 0.95rem;
    color: var(--zj-on-surface);
    outline: none;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.03);
    box-sizing: border-box;
}

.cashier-menu-search-input[b-0lxa93c7wq]::placeholder {
    color: var(--zj-on-surface-variant);
    font-size: 0.88rem;
}

.cashier-menu-search-input:focus[b-0lxa93c7wq] {
    border-color: var(--zj-primary);
    background: var(--zj-surface);
    outline: 2px solid var(--zj-primary);
    outline-offset: 2px;
}

.search-actions-box[b-0lxa93c7wq] {
    position: absolute;
    inset-inline-end: 6px;
    display: flex;
    align-items: center;
    gap: 4px;
    z-index: 2;
}

.search-clear-btn[b-0lxa93c7wq] {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    border: none;
    background: transparent;
    color: var(--zj-on-surface-variant);
    cursor: pointer;
    transition: all 0.15s ease;
    padding: 0;
}

.search-clear-btn:hover[b-0lxa93c7wq] {
    color: #ba1a1a;
    background: rgba(186, 26, 26, 0.08);
}

.search-clear-btn .material-symbols-outlined[b-0lxa93c7wq] {
    font-size: 18px;
}

.search-barcode-btn[b-0lxa93c7wq] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    border: 1px solid var(--zj-outline-variant);
    background: var(--zj-surface);
    color: var(--zj-on-surface);
    cursor: pointer;
    transition: all 0.15s ease;
    padding: 0;
}

.search-barcode-btn:hover[b-0lxa93c7wq] {
    background: var(--zj-surface-container);
    border-color: var(--zj-primary);
}

.search-barcode-btn .material-symbols-outlined[b-0lxa93c7wq] {
    font-size: 20px;
}

.cashier-catalog-actions[b-0lxa93c7wq] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
}

.catalog-action-btn[b-0lxa93c7wq] {
    height: 44px;
    padding: 0 14px;
    background: #fef1e7;
    border: 1px solid #dbc1b5;
    border-radius: 8px;
    color: #201b14;
    font-family: inherit;
    font-size: 0.88rem;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    transition: all 0.15s ease;
    white-space: nowrap;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02);
}

.catalog-action-btn:hover[b-0lxa93c7wq] {
    background: #f5ddd0;
    border-color: #964407;
    color: #964407;
    transform: translateY(-1px);
}

.catalog-action-btn:active[b-0lxa93c7wq] {
    transform: scale(0.98);
}

.catalog-action-btn .material-symbols-outlined[b-0lxa93c7wq] {
    font-size: 19px;
}

/* Category Rail & Chips (Stitch) */
.cashier-category-rail[b-0lxa93c7wq] {
    padding: 0.5rem 0.85rem;
    background: #ffffff;
    border-bottom: 1px solid #dbc1b5;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    overflow-x: auto;
    flex-shrink: 0;
    scrollbar-width: thin;
}

.cashier-category-pill[b-0lxa93c7wq],
.cashier-category-button[b-0lxa93c7wq] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.45rem 0.9rem;
    border-radius: 0.5rem;
    font-family: inherit;
    font-size: 0.85rem;
    font-weight: 600;
    white-space: nowrap;
    flex-shrink: 0;
    background: #ffffff;
    border: 1px solid #dbc1b5;
    color: #554339;
    cursor: pointer;
    transition: all 0.15s ease;
}

.cashier-category-pill:hover[b-0lxa93c7wq],
.cashier-category-button:hover[b-0lxa93c7wq] {
    background: #fef1e7;
    color: #201b14;
    border-color: #964407;
}

.cashier-category-pill.is-active[b-0lxa93c7wq],
.cashier-category-button.is-active[b-0lxa93c7wq] {
    background: #201b14 !important;
    color: #ffffff !important;
    border-color: #201b14 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}

.cashier-category-count[b-0lxa93c7wq] {
    font-size: 0.7rem;
    padding: 0.1rem 0.45rem;
    border-radius: 9999px;
    background: rgba(0, 0, 0, 0.06);
    color: inherit;
    font-weight: 700;
}

.cashier-category-pill.is-active .cashier-category-count[b-0lxa93c7wq],
.cashier-category-button.is-active .cashier-category-count[b-0lxa93c7wq] {
    background: rgba(255, 255, 255, 0.2);
    color: #ffffff;
}

/* Product Grid Area */
.cashier-menu .cashier-item-grid[b-0lxa93c7wq] {
    flex: 1 1 0;
    min-height: 0;
    overflow-y: auto;
    padding: 0.85rem;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(9.4rem, 1fr));
    gap: 0.75rem;
    align-content: start;
    scrollbar-width: thin;
}

.cashier-item-tile[b-0lxa93c7wq] {
    position: relative;
    background: #ffffff;
    border-radius: 0.5rem;
    border: 1px solid #dbc1b5;
    padding: 0.65rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    cursor: pointer;
    transition: all 0.15s ease;
    min-height: 9.25rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
    text-align: start;
    box-sizing: border-box;
}

.cashier-item-tile:hover[b-0lxa93c7wq] {
    border-color: #964407;
    box-shadow: 0 4px 12px rgba(150, 68, 7, 0.1);
    transform: translateY(-1px);
}

.cashier-item-tile.is-selected[b-0lxa93c7wq] {
    border: 2px solid #964407 !important;
}

.cashier-item-tile.is-unavailable[b-0lxa93c7wq] {
    border-color: rgba(220, 38, 38, 0.25);
    background: #fff8f8;
    cursor: not-allowed;
    opacity: 0.65;
}

.cashier-item-tile__image[b-0lxa93c7wq] {
    position: relative;
    width: 100%;
    height: 7rem;
    border-radius: 0.5rem;
    overflow: hidden;
    background: #fef1e7;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.5rem;
}

.cashier-item-tile__image img[b-0lxa93c7wq] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.2s ease;
}

.cashier-item-tile:hover .cashier-item-tile__image img[b-0lxa93c7wq] {
    transform: scale(1.04);
}

.cashier-item-tile__count[b-0lxa93c7wq] {
    position: absolute;
    top: -6px;
    inset-inline-end: -6px;
    z-index: 10;
    background: #201b14;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 800;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 9999px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
    border: 2px solid #ffffff;
}

.cashier-item-tile__sku-badge[b-0lxa93c7wq] {
    position: absolute;
    top: 6px;
    inset-inline-start: 6px;
    z-index: 5;
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(4px);
    color: #201b14;
    font-size: 0.68rem;
    font-weight: 700;
    padding: 2px 6px;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.cashier-item-tile__body[b-0lxa93c7wq] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    flex: 1;
    min-width: 0;
}

.cashier-item-tile__title[b-0lxa93c7wq] {
    font-size: 0.92rem;
    font-weight: 700;
    color: #201b14;
    line-height: 1.3;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.cashier-item-tile__desc[b-0lxa93c7wq] {
    font-size: 0.74rem;
    color: #887368;
    line-height: 1.25;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.cashier-item-tile__footer[b-0lxa93c7wq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 0.5rem;
    padding-top: 0.4rem;
    border-top: 1px solid rgba(219, 193, 181, 0.45);
}

.cashier-item-tile__price[b-0lxa93c7wq] {
    font-family: 'IBM Plex Sans Arabic', 'Cairo', sans-serif;
    font-size: 1rem;
    font-weight: 800;
    color: #964407;
    font-variant-numeric: tabular-nums;
}

.cashier-item-tile__add-btn[b-0lxa93c7wq] {
    width: 2rem;
    height: 2rem;
    border-radius: 0.375rem;
    background: #fef1e7;
    color: #964407;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.15rem;
    transition: all 0.15s ease;
}

.cashier-item-tile:hover .cashier-item-tile__add-btn[b-0lxa93c7wq] {
    background: #964407;
    color: #ffffff;
}

.cashier-ticket__head[b-0lxa93c7wq] { border-bottom-style:dashed; }
.cashier-ticket__footer[b-0lxa93c7wq] { border-top:1px dashed var(--zj-outline-variant); }
.cashier-print-panel > summary[b-0lxa93c7wq] { cursor:pointer; font-weight:700; font-size:.8rem; padding:.4rem; }
@media (min-width: 1000px) {
    [b-0lxa93c7wq] .cashier-empty-ticket { min-height:6rem; }
}

.cashier-item-tile__image > .material-symbols-outlined[b-0lxa93c7wq] { display:grid; place-items:center; height:100%; color:var(--zj-primary); font-size:1.75rem; }

/* Three independent columns: customer context, table/menu workspace, receipt. */
.cashier-customer-sidebar[b-0lxa93c7wq] { min-width:0; min-height:0; border:1px solid var(--zj-outline-variant); border-radius:1rem; background:var(--zj-surface); overflow-y:auto; }
.cashier-customer-sidebar .cashier-context[b-0lxa93c7wq] { border:0; padding:.85rem; box-shadow:none; background:transparent; display:grid; gap:.9rem; }
.cashier-customer-title[b-0lxa93c7wq] { margin:0; font-size:.9rem; line-height:1.7; }
.cashier-customer-sidebar .cashier-context__top[b-0lxa93c7wq],.cashier-customer-sidebar .cashier-customer-picker[b-0lxa93c7wq],.cashier-customer-sidebar .cashier-customer-fields[b-0lxa93c7wq],.cashier-customer-sidebar .cashier-table-picker[b-0lxa93c7wq] { grid-template-columns:minmax(0,1fr); }
.cashier-customer-sidebar .cashier-order-types[b-0lxa93c7wq] { grid-template-columns:repeat(3,minmax(0,1fr)); gap:.15rem; padding:.2rem; }
.cashier-customer-sidebar .cashier-choice-button[b-0lxa93c7wq] { flex-direction:column; gap:.2rem; padding:.4rem .15rem; min-height:3.5rem; font-size:.68rem; }
.cashier-customer-sidebar .cashier-choice-button .material-symbols-outlined[b-0lxa93c7wq] { font-size:1.15rem; }
.cashier-customer-sidebar .cashier-table-grid[b-0lxa93c7wq] { flex-wrap:wrap; overflow:visible; gap:.35rem; }
.cashier-customer-sidebar .cashier-table-button[b-0lxa93c7wq] { min-width:2.4rem; padding:.5rem; }
.cashier-ticket__actions[b-0lxa93c7wq]  .btn { min-width:0; padding-inline:.4rem; gap:.25rem; font-size:.76rem; white-space:normal; }
@media(min-width:1000px) {
    .cashier-customer-sidebar[b-0lxa93c7wq] { height:100%; }
}
@media(min-width:1000px) and (max-width:1199px) {
    .cashier-item-grid[b-0lxa93c7wq] { grid-template-columns:repeat(auto-fill,minmax(8rem,1fr)); gap:.5rem; }
}
@media(max-width:999px) {
    .cashier-customer-sidebar[b-0lxa93c7wq] { overflow:visible; }
    .cashier-customer-sidebar .cashier-context__top[b-0lxa93c7wq] { grid-template-columns:1fr 1fr; }
    .cashier-customer-sidebar .cashier-customer-fields[b-0lxa93c7wq] { grid-template-columns:1fr 1fr; }
}
@media(max-width:600px) {
    .cashier-customer-sidebar .cashier-context__top[b-0lxa93c7wq],.cashier-customer-sidebar .cashier-customer-fields[b-0lxa93c7wq] { grid-template-columns:minmax(0,1fr); }
}


/* Functional Canvas Token Compatibility */
.cashier-canvas-compat[b-0lxa93c7wq] {
    background: #f8fafc;
    border: 1px solid #cbd5e1;
    color: #047857;
}

/* Bottom Terminal Status Bar */
.cashier-terminal-status-bar[b-0lxa93c7wq] {
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    padding: 0 1rem !important;
    background: #ffffff !important;
    border-top: 1px solid #dbc1b5 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    font-size: 0.75rem !important;
    color: #554339 !important;
    flex-shrink: 0 !important;
    margin-top: auto !important;
    position: sticky !important;
    bottom: 0 !important;
    z-index: 10 !important;
    box-sizing: border-box !important;
    width: 100% !important;
}

.terminal-status-left[b-0lxa93c7wq] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.status-pulse-dot[b-0lxa93c7wq] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #964407;
    box-shadow: 0 0 0 2px rgba(150, 68, 7, 0.2);
}

.terminal-status-right[b-0lxa93c7wq] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.72rem;
    color: #554339;
}

/* Cart / Ticket Items Area */
.cashier-ticket__scroll-area[b-0lxa93c7wq] {
    flex: 1 1 auto !important;
    min-height: 180px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 0.75rem !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0.65rem !important;
    background: #fef1e7 !important;
    scrollbar-width: thin !important;
    position: relative !important;
}

.cashier-ticket__items[b-0lxa93c7wq] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-content: start;
    align-items: start;
    gap: 8px;
    padding: 0;
    flex: 1;
}

/* Empty Ticket State */
[b-0lxa93c7wq] .cashier-empty-ticket {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 1.25rem 1rem !important;
    color: #554339;
    min-height: 130px;
}

[b-0lxa93c7wq] .cashier-empty-ticket .material-symbols-outlined {
    font-size: 2.5rem !important;
    color: #b65c21;
    opacity: 0.85;
    margin-bottom: 0.35rem !important;
}

[b-0lxa93c7wq] .cashier-empty-ticket strong {
    font-size: 1.05rem !important;
    font-weight: 700;
    color: #201b14;
    margin-bottom: 0.2rem !important;
}

[b-0lxa93c7wq] .cashier-empty-ticket p {
    font-size: 0.8rem !important;
    color: #554339;
    margin: 0;
}

/* Ticket Line Item Card (Stitch Design) */
.cashier-ticket-row[b-0lxa93c7wq] {
    background: #ffffff;
    padding: 0.38rem 0.55rem;
    border-radius: 0.375rem;
    border: 1px solid rgba(219, 193, 181, 0.75);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02);
    transition: all 0.15s ease;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    box-sizing: border-box;
}

.cashier-ticket-row:hover[b-0lxa93c7wq] {
    border-color: #dbc1b5;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
}

.cashier-ticket-row__header[b-0lxa93c7wq] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.5rem;
}

.cashier-ticket-row__title-wrap[b-0lxa93c7wq] {
    flex: 1;
    min-width: 0;
}

.cashier-ticket-row__title[b-0lxa93c7wq] {
    font-size: 0.92rem;
    font-weight: 700;
    color: #201b14;
    line-height: 1.25;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
}

.cashier-ticket-row__modifiers[b-0lxa93c7wq] {
    margin-top: 0.25rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
}

.modifier-tag[b-0lxa93c7wq] {
    background: #f8ece1;
    color: #554339;
    font-size: 0.68rem;
    font-weight: 500;
    padding: 0.15rem 0.5rem;
    border-radius: 0.25rem;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

.cashier-ticket-row__total[b-0lxa93c7wq] {
    font-family: 'IBM Plex Sans Arabic', 'Cairo', sans-serif;
    font-size: 1.15rem;
    font-weight: 700;
    color: #964407;
    white-space: nowrap;
    text-align: end;
    font-variant-numeric: tabular-nums;
}

.cashier-ticket-row__footer[b-0lxa93c7wq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 0.4rem;
    border-top: 1px solid rgba(219, 193, 181, 0.4);
}

.cashier-ticket-row__unit-price[b-0lxa93c7wq] {
    font-size: 0.75rem;
    color: #554339;
}

.cashier-quantity[b-0lxa93c7wq] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    background: #fef1e7;
    border-radius: 0.5rem;
    padding: 2px;
    border: 1px solid rgba(219, 193, 181, 0.5);
}

.cashier-quantity button[b-0lxa93c7wq] {
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.25rem;
    background: #ffffff;
    border: none;
    color: #201b14;
    cursor: pointer;
    transition: all 0.15s ease;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.cashier-quantity button:hover:not(:disabled)[b-0lxa93c7wq] {
    background: rgba(182, 92, 33, 0.15);
    color: #964407;
}

.cashier-quantity button .material-symbols-outlined[b-0lxa93c7wq] {
    font-size: 1.1rem;
}

.cashier-quantity > strong[b-0lxa93c7wq] {
    width: 1.75rem;
    text-align: center;
    font-size: 0.95rem;
    font-weight: 700;
    color: #201b14;
    font-variant-numeric: tabular-nums;
}

.cashier-ticket-row__delete[b-0lxa93c7wq] {
    color: #dc2626 !important;
}

.cashier-ticket-row__delete:hover:not(:disabled)[b-0lxa93c7wq] {
    background: #fee2e2 !important;
    color: #b91c1c !important;
}

.cashier-ticket-row__edit-options[b-0lxa93c7wq] {
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.72rem;
    font-weight: 600;
    color: #964407;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0.15rem 0.35rem;
    border-radius: 0.25rem;
    transition: all 0.15s ease;
}

.cashier-ticket-row__edit-options:hover[b-0lxa93c7wq] {
    background: rgba(150, 68, 7, 0.08);
}

.cashier-ticket__head[b-0lxa93c7wq] { padding: 1rem; }
.cashier-ticket__footer[b-0lxa93c7wq] { padding: .9rem; border-top: 1px dashed var(--zj-outline-variant); }
.cashier-ticket__actions[b-0lxa93c7wq] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
.cashier-ticket__actions > button:last-child[b-0lxa93c7wq] { grid-column: 1/-1; }
.cashier-totals-breakdown[b-0lxa93c7wq] { display: grid; gap: .35rem; font-size: .8rem; color: var(--zj-on-surface-variant); }
.cashier-print-panel > summary[b-0lxa93c7wq] { cursor: pointer; font-weight: 700; font-size: .8rem; padding: .4rem; }

/* Phase UX-03E-3: Ticket Stability & Sticky Checkout Area */
.cashier-ticket[b-0lxa93c7wq],
.cashier-workspace[b-0lxa93c7wq]  .cashier-ticket {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    max-height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
    position: relative !important;
    background: #fef1e7 !important;
    border: none !important;
    border-inline-end: 1px solid #dbc1b5 !important;
}

.cashier-ticket[b-0lxa93c7wq]  [data-render-region="cashier-ticket"] {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

.cashier-ticket__scroll-area[b-0lxa93c7wq] {
    flex: 1 1 0 !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scrollbar-width: thin !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
}

.cashier-ticket__items[b-0lxa93c7wq] {
    flex: 1 !important;
    min-height: 0 !important;
}

@media (min-width: 1000px) {
    .cashier-ticket[b-0lxa93c7wq] {
        display: flex !important;
        flex-direction: column !important;
        height: 100% !important;
        max-height: 100% !important;
        min-height: 0 !important;
        overflow: hidden !important;
        position: relative !important;
    }

    .cashier-ticket__scroll-area[b-0lxa93c7wq] {
        flex: 1 1 0 !important;
        min-height: 0 !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        scrollbar-width: thin !important;
        position: relative !important;
        display: flex !important;
        flex-direction: column !important;
    }

    .cashier-ticket__items[b-0lxa93c7wq] {
        flex: 1 !important;
        min-height: 0 !important;
    }
}

.cashier-ticket__footer[b-0lxa93c7wq] {
    flex-shrink: 0 !important;
    margin-top: auto !important;
    position: sticky !important;
    bottom: 0 !important;
    z-index: 10 !important;
    background: var(--zj-surface) !important;
    border-top: 1px dashed var(--zj-outline-variant) !important;
    box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.04) !important;
    padding: 0.4rem 0.65rem !important;
    max-height: none !important;
    overflow-y: auto !important;
    scrollbar-width: thin !important;
}

/* Compact desktop checkout keeps the cart and both sale actions in view. */
@media (min-width: 761px) and (max-height: 800px) {
    .cashier-ticket__footer[b-0lxa93c7wq] { gap: 3px; }
    .cashier-ticket__scroll-area[b-0lxa93c7wq] { padding: 6px !important; }
    .cashier-notes-trigger[b-0lxa93c7wq] { min-height: 28px !important; height: 28px !important; }
    .cashier-ticket__footer[b-0lxa93c7wq]  .cashier-command-anchor { gap: 4px; margin-top: 2px; }
    .cashier-ticket__footer[b-0lxa93c7wq]  .quick-action-btn { min-height: 30px !important; height: 30px; }
    .cashier-ticket__footer[b-0lxa93c7wq]  .fast-cash-chip { min-height: 28px !important; height: 28px; }

    .cashier-ticket__summary[b-0lxa93c7wq] { padding: 0; }
}

/* Collapsed Notes State */
.cashier-notes-trigger[b-0lxa93c7wq] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    width: 100%;
    height: 1.65rem;
    padding: 0 0.5rem;
    border: 1px dashed #d1d5db;
    border-radius: var(--zj-radius-sm);
    background: transparent;
    color: #4b5563;
    font-size: 0.72rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s ease;
}
.cashier-notes-trigger:hover[b-0lxa93c7wq] {
    background: #f9fafb;
    border-color: #9ca3af;
    color: #1f2937;
}
.cashier-notes-trigger .material-symbols-outlined[b-0lxa93c7wq] {
    font-size: 0.95rem;
    color: #6b7280;
}

.cashier-notes-chip[b-0lxa93c7wq] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    width: 100%;
    min-height: 1.65rem;
    padding: 2px 0.5rem;
    border: 1px solid #bfdbfe;
    border-radius: var(--zj-radius-sm);
    background: #eff6ff;
    color: #1e40af;
    font-size: 0.72rem;
    font-weight: 600;
    cursor: pointer;
    box-sizing: border-box;
}
.cashier-notes-chip__text[b-0lxa93c7wq] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.cashier-notes-chip .material-symbols-outlined[b-0lxa93c7wq] {
    font-size: 0.95rem;
    color: #3b82f6;
    flex-shrink: 0;
}
.cashier-notes-chip__clear[b-0lxa93c7wq] {
    background: none;
    border: none;
    color: #6b7280;
    cursor: pointer;
    font-size: 11px;
    padding: 0 3px;
}
.cashier-notes-chip__clear:hover[b-0lxa93c7wq] {
    color: #dc2626;
}

.cashier-notes-expanded[b-0lxa93c7wq] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    margin-bottom: 2px;
}
.cashier-notes-btn-action[b-0lxa93c7wq] {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 11px;
    font-weight: 700;
    color: #2563eb;
    padding: 1px 4px;
}


.cashier-quick-notes[b-0lxa93c7wq] {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
    margin-top: 3px;
}

.quick-note-chip[b-0lxa93c7wq] {
    background: var(--zj-surface-container, #f1f5f9);
    border: 1px solid var(--zj-outline-variant, #e2e8f0);
    border-radius: 4px;
    font-size: 10px;
    font-weight: 600;
    color: var(--zj-on-surface-variant, #475569);
    padding: 2px 6px;
    cursor: pointer;
    transition: all 0.15s ease;
}

.quick-note-chip:hover:not(:disabled)[b-0lxa93c7wq] {
    background: #fef1e7;
    border-color: #964407;
    color: #964407;
}

.quick-note-chip:disabled[b-0lxa93c7wq] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Scroll Hint Indicator for 5+ items */
.cashier-ticket-scroll-hint[b-0lxa93c7wq] {
    position: static;
    flex-shrink: 0;
    margin: 3px auto;
    width: fit-content;
    max-width: 95%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 2px 8px;
    border-radius: var(--zj-radius-full);
    background: rgba(30, 41, 59, 0.9);
    backdrop-filter: blur(4px);
    color: #ffffff;
    font-size: 10.5px;
    font-weight: 700;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    z-index: 5;
    pointer-events: none;
}
.cashier-ticket-scroll-hint .material-symbols-outlined[b-0lxa93c7wq] {
    font-size: 13px;
    color: #fbbf24;
}

/* Phase UX-03E-5: Functional Status Colors (Warning, Danger, Success, Info) */
.cashier-status--warning[b-0lxa93c7wq],
.cashier-alert-warning[b-0lxa93c7wq] {
    color: #d97706;
    background: #fffbeb;
    border: 1px solid #fcd34d;
}

.cashier-status--danger[b-0lxa93c7wq],
.cashier-alert-danger[b-0lxa93c7wq] {
    color: #dc2626;
    background: #fef2f2;
    border: 1px solid #fca5a5;
}

.cashier-status--success[b-0lxa93c7wq],
.cashier-alert-success[b-0lxa93c7wq] {
    color: #059669;
    background: #f0fdf4;
    border: 1px solid #86efac;
}

.cashier-status--info[b-0lxa93c7wq] {
    color: #2563eb;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
}

/* Quick Numpad SKU Modal */
.cashier-numpad-overlay[b-0lxa93c7wq] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(2px);
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
}

.cashier-numpad-dialog[b-0lxa93c7wq] {
    background: var(--zj-surface, #ffffff);
    border: 1px solid var(--zj-outline-variant, #e2e8f0);
    border-radius: 14px;
    max-width: 340px;
    width: 100%;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.cashier-numpad-header[b-0lxa93c7wq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    background: var(--zj-surface-container-low, #f8ece1);
    border-bottom: 1px solid var(--zj-outline-variant, #dbc1b5);
}

.cashier-numpad-close[b-0lxa93c7wq] {
    background: none;
    border: none;
    font-size: 14px;
    font-weight: 700;
    color: #64748b;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 6px;
}
.cashier-numpad-close:hover[b-0lxa93c7wq] {
    background: rgba(0, 0, 0, 0.05);
    color: #dc2626;
}

.cashier-numpad-body[b-0lxa93c7wq] {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.cashier-numpad-screen[b-0lxa93c7wq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--zj-surface-container-highest, #f1f5f9);
    border: 2px solid var(--zj-outline-variant, #cbd5e1);
    border-radius: 10px;
    padding: 8px 14px;
    min-height: 48px;
}

.cashier-numpad-screen__code[b-0lxa93c7wq] {
    font-size: 24px;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    color: var(--zj-primary, #964407);
    letter-spacing: 2px;
}

.cashier-numpad-screen__clear[b-0lxa93c7wq] {
    background: #e2e8f0;
    border: none;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 11px;
    color: #475569;
}

.cashier-numpad-match[b-0lxa93c7wq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #f0fdf4;
    border: 1px solid #86efac;
    border-radius: 8px;
    padding: 8px 12px;
}

.cashier-numpad-match__info[b-0lxa93c7wq] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.cashier-numpad-match__info strong[b-0lxa93c7wq] {
    font-size: 13px;
    color: #15803d;
}
.cashier-numpad-match__info span[b-0lxa93c7wq] {
    font-size: 12px;
    font-weight: 700;
    color: #047857;
}

.cashier-numpad-no-match[b-0lxa93c7wq] {
    background: #fffbeb;
    border: 1px solid #fde68a;
    border-radius: 8px;
    padding: 6px 10px;
    font-size: 11.5px;
    color: #92400e;
    text-align: center;
}

.cashier-numpad-grid[b-0lxa93c7wq] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}

.numpad-key[b-0lxa93c7wq] {
    height: 48px;
    border-radius: 10px;
    border: 1px solid var(--zj-outline-variant, #cbd5e1);
    background: var(--zj-surface, #ffffff);
    font-size: 20px;
    font-weight: 700;
    color: var(--zj-on-surface, #1e293b);
    cursor: pointer;
    transition: all 0.1s ease;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.numpad-key:hover[b-0lxa93c7wq] {
    background: #f8fafc;
    border-color: #94a3b8;
}

.numpad-key:active[b-0lxa93c7wq] {
    background: #e2e8f0;
    transform: scale(0.97);
}

.numpad-key--action[b-0lxa93c7wq] {
    background: var(--zj-surface-container, #f1f5f9);
    color: var(--zj-on-surface-variant, #64748b);
    font-size: 16px;
}

.cashier-numpad-footer[b-0lxa93c7wq] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 10px 16px;
    background: var(--zj-surface-container-low, #f8ece1);
    border-top: 1px solid var(--zj-outline-variant, #dbc1b5);
}


@media (max-width: 420px) {
    .cashier-header__order-type[b-0lxa93c7wq] { flex-wrap: wrap; min-width: 0; max-width: 100%; }
    .order-type-btn[b-0lxa93c7wq] { flex: 1 1 auto; min-height: 2.5rem; height: auto; white-space: normal; }
}

@media (min-width: 621px) and (max-width: 820px) {
    .cashier-toolbar[b-0lxa93c7wq] {
        flex-wrap: wrap;
        height: auto;
        max-height: none;
        padding-block: .5rem;
    }
    .cashier-header__brand[b-0lxa93c7wq] { flex-basis: 100%; }
}

@media (max-width: 620px) {
    .cashier-toolbar[b-0lxa93c7wq] { height: auto; max-height: none; padding-block: .5rem; }
    .cashier-header__brand[b-0lxa93c7wq], .cashier-header__actions[b-0lxa93c7wq] { flex-wrap: wrap; max-width: 100%; }
    .cashier-header__identity[b-0lxa93c7wq] { flex: 1 1 8rem; }
}

/* Compact catalog tiles: reserve the full width for a readable two-line name. */
.cashier-menu .cashier-item-grid[b-0lxa93c7wq] { align-items: start; grid-auto-rows: max-content; }
.cashier-item-tile[b-0lxa93c7wq] { min-width: 0; min-height: 0; gap: .3rem; padding: .45rem; }
.cashier-item-tile__image[b-0lxa93c7wq] { height: 3.6rem; flex-shrink: 0; margin-bottom: 0; }
.cashier-item-tile__body[b-0lxa93c7wq] { width: 100%; padding: 0; gap: .2rem; }
.cashier-item-tile__title[b-0lxa93c7wq] { width: 100%; font-size: .95rem; line-height: 1.4; min-height: 2.8em; -webkit-line-clamp: 2; white-space: normal; overflow-wrap: anywhere; }
.cashier-item-tile__desc[b-0lxa93c7wq] { display: none; }
.cashier-item-tile__footer[b-0lxa93c7wq] { margin-top: .15rem; padding-top: .2rem; }
.cashier-item-tile__add-btn[b-0lxa93c7wq] { width: 1.65rem; height: 1.65rem; }

@media (max-width: 820px), (pointer: coarse) {
    .search-barcode-btn[b-0lxa93c7wq] { width: 44px; min-width: 44px; }
    .order-type-btn[b-0lxa93c7wq] { min-height: 44px; }
}

.cashier-screen[b-0lxa93c7wq]  .order-type-btn { color: var(--zj-on-surface) !important; }
.cashier-notes-trigger[b-0lxa93c7wq] { color: var(--zj-on-surface-variant); }

/* A desktop minimum for the ticket must never push the catalog outside a phone. */
@media (max-width: 620px) {
    .cashier-screen[b-0lxa93c7wq] {
        height: auto;
        max-height: none;
        min-height: 100dvh;
        overflow: visible;
    }
    .cashier-workspace[b-0lxa93c7wq] {
        grid-template-columns: minmax(0, 1fr) !important;
        height: auto !important;
        max-height: none !important;
        flex: none !important;
        overflow: visible !important;
    }
    .cashier-form[b-0lxa93c7wq],
    .cashier-screen[b-0lxa93c7wq]  .cashier-form {
        height: auto !important;
        max-height: none !important;
        flex: none !important;
        overflow: visible !important;
    }
    .cashier-ticket[b-0lxa93c7wq],
    .cashier-workspace[b-0lxa93c7wq]  .cashier-ticket {
        height: auto !important;
        max-height: none !important;
    }
    .cashier-ticket__scroll-area[b-0lxa93c7wq] {
        flex: none !important;
        max-height: 18rem !important;
    }
    .cashier-center[b-0lxa93c7wq],
    .cashier-catalog[b-0lxa93c7wq],
    .cashier-menu[b-0lxa93c7wq],
    .cashier-catalog[b-0lxa93c7wq]  [data-render-region="cashier-menu-catalog"] {
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        flex: none !important;
        min-width: 0;
    }
    .cashier-menu .cashier-item-grid[b-0lxa93c7wq] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        flex: none;
        overflow: visible;
    }
}
 .cashier-loyalty-discount[b-0lxa93c7wq] { display: grid; gap: .35rem; padding: .6rem; border: 1px solid var(--border-color, #cbd5e1); border-radius: .6rem; margin-block: .5rem; }
 .cashier-loyalty-discount input[b-0lxa93c7wq] { width: 100%; max-width: 10rem; }
 .cashier-loyalty-discount small[b-0lxa93c7wq] { line-height: 1.6; }
.cashier-loyalty-discount__error[b-0lxa93c7wq] { margin: 0; font-weight: 700; line-height: 1.6; color: var(--zj-error, #b91c1c); }
.cashier-discount-error[b-0lxa93c7wq] {
    margin-block: 0 0.4rem;
    color: var(--zj-error);
    font-size: 0.8rem;
    line-height: 1.6;
    overflow-wrap: anywhere;
}

/* I27: width is the only device gate. Checkout remains outside internal scroll. */
.cashier-width-warning[b-0lxa93c7wq] { display: none; }
@media (max-width: 767px) {
    .cashier-width-warning[b-0lxa93c7wq] { display: block; padding: 2rem; color: var(--zj-on-surface); background: var(--zj-surface); line-height: 1.8; }
    .cashier-screen[b-0lxa93c7wq] { display: none !important; }
}
@media (min-width: 768px) {
    .cashier-screen[b-0lxa93c7wq] { flex: 1 1 0; height: auto !important; max-height: none !important; min-height: 0 !important; }
    .cashier-screen .cashier-workspace[b-0lxa93c7wq] { grid-template-columns: minmax(300px, 34%) minmax(0, 1fr) !important; }
    .cashier-screen .cashier-workspace[b-0lxa93c7wq]  .cashier-ticket { overflow: hidden !important; }
    .cashier-screen .cashier-ticket[b-0lxa93c7wq]  [data-render-region="cashier-ticket"] { flex: 1 1 0 !important; min-height: 0 !important; }
    .cashier-screen .cashier-ticket__scroll-area[b-0lxa93c7wq] { flex: 1 1 0 !important; min-height: 0 !important; max-height: none !important; }
    .cashier-screen .cashier-ticket__items[b-0lxa93c7wq] { display: flex !important; flex-direction: column; align-items: stretch !important; flex: none !important; overflow: visible !important; }
    .cashier-screen .cashier-ticket__footer[b-0lxa93c7wq] { flex: 0 0 auto !important; position: relative !important; overflow: visible !important; padding: .35rem .5rem !important; }
    .cashier-screen .cashier-menu .cashier-item-grid[b-0lxa93c7wq] { grid-template-columns: repeat(auto-fill, minmax(125px, 1fr)); align-content: start; }
    .cashier-toolbar[b-0lxa93c7wq] { flex-wrap: wrap; height: auto; max-height: none; min-height: 48px; padding: .35rem .65rem; gap: .35rem; }
    .cashier-header__brand[b-0lxa93c7wq] { flex-basis: auto; }
    .cashier-header__actions[b-0lxa93c7wq] { margin-inline-start: auto; }
}
.cashier-screen[b-0lxa93c7wq], .cashier-header__title[b-0lxa93c7wq] { font-family: 'Cairo', 'IBM Plex Sans Arabic', sans-serif; }
.cashier-header__title[b-0lxa93c7wq] { color: var(--zj-on-surface); }
.cashier-toolbar[b-0lxa93c7wq] { background: var(--zj-surface); border-color: var(--zj-outline-variant); }
.cashier-header__logo[b-0lxa93c7wq] { background: var(--zj-primary); color: var(--zj-on-primary); }
.cashier-item-tile[b-0lxa93c7wq] { align-self: start; }
.cashier-category-tab[b-0lxa93c7wq] { white-space: normal; height: auto; }
.cashier-notes-expanded[b-0lxa93c7wq] { max-height: 18dvh; overflow: auto; }
.cashier-ticket__footer[b-0lxa93c7wq]  .command-anchor__summary-box { max-height: 14dvh; overflow-y: auto; overscroll-behavior: contain; }
.cashier-ticket__footer[b-0lxa93c7wq]  .command-anchor__quick-rail { flex-wrap: nowrap; }
.cashier-ticket__footer[b-0lxa93c7wq]  .quick-action-btn { flex: 1 1 0; min-width: 0; height: auto; min-height: 36px; white-space: normal; overflow: visible; }
.cashier-ticket__footer[b-0lxa93c7wq]  .quick-action-btn span { overflow: visible; text-overflow: clip; white-space: normal; }
.cashier-screen[b-0lxa93c7wq]  .cashier-cart-card__face { min-height: 0; }
.cashier-loyalty-discount[b-0lxa93c7wq] { grid-template-columns: minmax(0, 1fr) minmax(4rem, 6rem); align-items: center; padding: .35rem; }
.cashier-loyalty-discount small[b-0lxa93c7wq], .cashier-loyalty-discount strong[b-0lxa93c7wq], .cashier-loyalty-discount__error[b-0lxa93c7wq] { grid-column: 1 / -1; }

/* Short windows retain the sale. Utilities scroll internally while checkout
   stays anchored to the ticket, independently of the cart and catalog. */
.cashier-notices[b-0lxa93c7wq] { flex: 0 1 auto; min-height: 0; max-height: 16dvh; overflow-y: auto; overscroll-behavior: contain; }
.cashier-notices:empty[b-0lxa93c7wq] { display: none; }
.cashier-ticket__scroll-area:focus-visible[b-0lxa93c7wq], .cashier-ticket__footer:focus-visible[b-0lxa93c7wq], .cashier-item-grid:focus-visible[b-0lxa93c7wq],
.cashier-ticket__footer[b-0lxa93c7wq]  .command-anchor__summary-box:focus-visible { outline: 2px solid var(--zj-primary); outline-offset: -2px; }
@media (min-width: 768px) and (max-height: 800px) {
    .cashier-unified-entry[b-0lxa93c7wq] { flex-basis: 30px; height: 30px; min-height: 30px; max-height: 30px; padding: 2px 10px; }
    .cashier-notices[b-0lxa93c7wq]  .page-draft-notice { margin: 0; padding: 6px 12px; gap: 8px; }
    .cashier-notices[b-0lxa93c7wq]  .page-draft-notice p { margin: 0; font-size: .8rem; line-height: 1.5; }
    .cashier-notices[b-0lxa93c7wq]  .page-draft-notice strong { font-size: .85rem; }
    .cashier-notices[b-0lxa93c7wq]  .page-draft-notice .btn { min-height: 32px; padding: 3px 10px; }
}
@media (min-width: 768px) and (max-height: 650px) {
    .cashier-toolbar[b-0lxa93c7wq] { padding: 3px 8px; gap: 3px; }
    .cashier-header__brand[b-0lxa93c7wq] { gap: 5px; }
    .cashier-header__title[b-0lxa93c7wq] { font-size: 1rem; }
    .cashier-header__shift-badge[b-0lxa93c7wq] { padding: 2px 5px; gap: 3px; }
    .cashier-header__actions[b-0lxa93c7wq] { gap: 3px; }
    .cashier-tool-btn[b-0lxa93c7wq], .cashier-icon-btn[b-0lxa93c7wq] { height: 32px; min-height: 32px; max-height: 32px; padding: 0 8px; }
    .cashier-header__order-type .order-type-btn[b-0lxa93c7wq] { min-height: 32px; height: 32px; padding: 0 8px; }
    .cashier-screen[b-0lxa93c7wq]  .cashier-ticket-header { padding: 4px 8px; gap: 3px; }
    .cashier-screen[b-0lxa93c7wq]  .meta-details { flex-direction: row; align-items: center; gap: 6px; }
    .cashier-screen[b-0lxa93c7wq]  .customer-emoji-btn { width: 32px; height: 32px; min-height: 32px; padding: 0; }
    .cashier-screen .cashier-ticket[b-0lxa93c7wq] { position: relative; }
    .cashier-screen .cashier-ticket__scroll-area[b-0lxa93c7wq] { min-height: 14dvh !important; }
    .cashier-screen .cashier-ticket__footer[b-0lxa93c7wq] {
        position: static !important;
        flex: 0 1 auto !important;
        min-height: 0;
        max-height: 35%;
        margin-bottom: 76px;
        overflow: auto !important;
        overscroll-behavior: contain;
    }
    .cashier-ticket__footer[b-0lxa93c7wq]  .command-anchor__summary-box { max-height: none; overflow: visible; }
    .cashier-ticket__footer[b-0lxa93c7wq]  .command-anchor__checkout-actions {
        position: absolute;
        inset-inline: 8px;
        bottom: 8px;
        min-height: 60px;
        z-index: 8;
        background: var(--zj-surface);
    }
}

.cashier-item-tile__image[b-0lxa93c7wq] { position: relative; }
.cashier-availability[b-0lxa93c7wq] { position: absolute; inset-block-end: 0; inset-inline-start: 0; padding: 2px 5px; border-radius: 5px; font-size: .7rem; font-weight: 800; }
.cashier-availability.available[b-0lxa93c7wq] { background: #dcfce7; color: #166534; border: 1px solid #4ade80; }
.cashier-availability.instant[b-0lxa93c7wq] { background: #fef9c3; color: #713f12; border: 1px solid #facc15; }
.cashier-missing-ingredients[b-0lxa93c7wq] { font-size: .75rem; color: var(--zj-error); overflow-wrap: anywhere; }
.cashier-screen .cashier-item-tile__unavailable[b-0lxa93c7wq] { position: static; transform: none; align-self: start; padding: 2px 5px; font-size: .7rem; }












/* Latest approved reference layout: two panels, independent scrolling. */
@media (min-width: 768px) {
    .cashier-screen .cashier-workspace[b-0lxa93c7wq] { grid-template-columns: 410px minmax(0, 1fr) !important; gap: 12px; }
    .cashier-toolbar[b-0lxa93c7wq] { border-radius: 16px; }
    .cashier-screen .cashier-ticket[b-0lxa93c7wq] { border-radius: 24px; }
    .cashier-screen .cashier-menu .cashier-item-grid[b-0lxa93c7wq] { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (min-width: 768px) and (max-width: 1199px) {
    .cashier-screen .cashier-workspace[b-0lxa93c7wq] { grid-template-columns: 340px minmax(0, 1fr) !important; }
    .cashier-screen .cashier-menu .cashier-item-grid[b-0lxa93c7wq] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .cashier-header__order-type[b-0lxa93c7wq] { order: 3; width: 100%; justify-content: center; }
    .cashier-header__brand[b-0lxa93c7wq] { flex-basis: auto; }
    .cashier-header__actions[b-0lxa93c7wq] { flex-wrap: wrap; min-width: 0; gap: 4px; }
}
@media (min-width: 1536px) {
    .cashier-screen .cashier-workspace[b-0lxa93c7wq] { grid-template-columns: 440px minmax(0, 1fr) !important; }
    .cashier-screen .cashier-menu .cashier-item-grid[b-0lxa93c7wq] { grid-template-columns: repeat(6, minmax(0, 1fr)); }
}
.cashier-summary-trigger[b-0lxa93c7wq] { width: 100%; text-align: start; font: inherit; cursor: pointer; border: 1px solid var(--zj-outline-variant); border-radius: 12px; }
.cashier-summary-trigger:focus-visible[b-0lxa93c7wq] { outline: 3px solid var(--zj-primary); outline-offset: 2px; }
.cashier-summary-trigger:hover[b-0lxa93c7wq] { background: var(--zj-surface-container-high); }
.cashier-detail-total[b-0lxa93c7wq] { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px; margin-block: 10px; border-radius: 12px; background: var(--zj-surface-container); }
.cashier-detail-total:last-child[b-0lxa93c7wq] { font-size: 19px; font-weight: 800; }
.cashier-detail-line[b-0lxa93c7wq] { display: flex; flex-wrap: wrap; gap: 8px; justify-content: space-between; padding: 12px; margin-block: 9px; border: 1px solid var(--zj-outline-variant); border-radius: 11px; }
.cashier-detail-line small[b-0lxa93c7wq] { flex-basis: 100%; }
.cashier-detail-note[b-0lxa93c7wq] { padding: 12px; border-inline-start: 4px solid var(--zj-primary); white-space: pre-wrap; overflow-wrap: anywhere; }
.cashier-notes-expanded[b-0lxa93c7wq] { max-height: none; }

.cashier-totals-breakdown[b-0lxa93c7wq] { display: grid; gap: 12px; font-size: 14px; }
.cashier-totals-breakdown > span[b-0lxa93c7wq] { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; }
.cashier-ticket__footer[b-0lxa93c7wq]  .command-anchor__quick-rail .quick-action-btn { min-height: 54px; flex-direction: column; }

@media (min-width: 768px) {
    .cashier-screen[b-0lxa93c7wq] { padding: 10px; gap: 8px; background: var(--zj-surface-container-low) !important; }
    .cashier-screen .cashier-workspace[b-0lxa93c7wq] { gap: 12px !important; padding: 0 !important; background: transparent !important; }
    .cashier-screen .cashier-ticket[b-0lxa93c7wq] { padding: 9px !important; background: var(--zj-surface) !important; border: 1px solid var(--zj-outline-variant); }
    .cashier-screen .cashier-menu[b-0lxa93c7wq] { background: var(--zj-surface) !important; border: 1px solid var(--zj-outline-variant); border-radius: 20px; }
    .cashier-screen .cashier-item-tile__image[b-0lxa93c7wq] { background: var(--zj-surface-container-low) !important; }
}
.cashier-screen .cashier-ticket:has(.cashier-detail-shade)[b-0lxa93c7wq],
.cashier-screen[b-0lxa93c7wq]  .cashier-ticket:has(.cashier-detail-shade) { z-index: 2000; }
.cashier-summary-trigger[b-0lxa93c7wq] { background: var(--zj-surface-container-low) !important; color: var(--zj-on-surface); }

.cashier-screen .cashier-ticket__footer[b-0lxa93c7wq] { grid-template-columns: minmax(0, 1fr); min-width: 0; }
.cashier-ticket__footer[b-0lxa93c7wq]  .cashier-command-anchor,
.cashier-ticket__footer[b-0lxa93c7wq]  .command-anchor__summary-box { min-width: 0; }
.cashier-notes-chip[b-0lxa93c7wq] { min-width: 0; }
.cashier-notes-chip__text[b-0lxa93c7wq] { min-width: 0; flex: 1; padding: 2px; border: 0; background: transparent; color: inherit; font: inherit; text-align: start; cursor: pointer; }
.cashier-notes-chip__text:focus-visible[b-0lxa93c7wq] { outline: 2px solid var(--zj-primary); outline-offset: -2px; }

.cashier-screen[b-0lxa93c7wq]  .cashier-cart-card__identity img,
.cashier-screen[b-0lxa93c7wq]  .cashier-cart-card__placeholder { width: 32px; height: 32px; flex-basis: 32px; }
.cashier-screen[b-0lxa93c7wq]  .cashier-cart-card__face { gap: 4px; }
/* Runtime composition follows .stitch/pos_cashier_screen at equal CSS viewport sizes.
   Business state and capability-dependent controls remain owned by the components. */
.cashier-screen.cashier-approved-layout[b-0lxa93c7wq] {
    --cashier-panel:var(--theme-card-bg);
    --cashier-soft:var(--cashier-surface-low);
    --cashier-secondary:#603a80;
    --cashier-violet-soft:#f0e9fb;
    --cashier-success-ink:#155739;
    font-family:Cairo,Tahoma,sans-serif;
    color:var(--zj-on-surface);
    background:var(--theme-bg)!important;
    padding:0 32px 10px!important; gap:10px!important;
    height:calc(100dvh - var(--cashier-notification-rail-height,0px))!important;
    max-height:calc(100dvh - var(--cashier-notification-rail-height,0px))!important;
}
.cashier-approved-layout .cashier-toolbar[b-0lxa93c7wq] {
    display:grid!important; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:center; justify-content:space-between; flex-wrap:nowrap!important;
    flex:0 0 var(--cashier-toolbar-size,80px); height:var(--cashier-toolbar-size,80px)!important; min-height:var(--cashier-toolbar-min-size,80px)!important; max-height:none!important;
    width:calc(100% + 64px); margin-inline:-32px; padding:var(--cashier-toolbar-padding,10px) 24px!important; gap:16px;
    border-radius:0!important; border:0!important; border-bottom:2px solid color-mix(in srgb,var(--zj-primary) 40%,transparent)!important;
    background:repeating-linear-gradient(135deg,transparent 0 18px,color-mix(in srgb,var(--zj-primary) 7%,transparent) 18px 20px),linear-gradient(110deg,color-mix(in srgb,var(--zj-primary) 14%,var(--cashier-panel)),var(--cashier-panel))!important;
}
.cashier-approved-layout .cashier-header__brand[b-0lxa93c7wq] { flex:0 1 auto; min-width:0; gap:12px; }
.cashier-approved-layout .cashier-header__identity[b-0lxa93c7wq] { flex:none; }
.cashier-approved-layout .cashier-header__title[b-0lxa93c7wq] { font-size:18px; font-weight:900; }
.cashier-approved-layout .cashier-header__sub[b-0lxa93c7wq] { display:block; font-size:10px; }
.cashier-approved-layout .cashier-header__order-type[b-0lxa93c7wq] { order:initial!important; flex:0 0 auto; width:auto!important; gap:5px; padding:0; background:transparent; border:0; }
.cashier-approved-layout .cashier-header__actions[b-0lxa93c7wq] { flex:0 1 auto; min-width:0; flex-wrap:var(--cashier-actions-wrap,nowrap)!important; gap:8px; }
.cashier-approved-layout .cashier-header__shift-badge[b-0lxa93c7wq] { display:flex; flex-direction:row; gap:8px; border:0; background:transparent; max-width:none; padding:0; }
.cashier-approved-layout .shift-user-name[b-0lxa93c7wq] { padding:8px; border:1px solid var(--zj-outline-variant); border-radius:10px; background:var(--cashier-panel); font-size:12px; white-space:nowrap; }
.cashier-approved-layout .cashier-tool-btn[b-0lxa93c7wq],.cashier-approved-layout .cashier-icon-btn[b-0lxa93c7wq],.cashier-approved-layout .order-type-btn[b-0lxa93c7wq] { min-height:var(--cashier-header-control-size,40px)!important; height:var(--cashier-header-control-size,40px)!important; border-radius:10px!important; border:1px solid var(--zj-outline-variant)!important; font-size:12px; font-weight:800; background:var(--cashier-soft)!important; box-shadow:0 2px 0 color-mix(in srgb,var(--zj-primary) 15%,transparent); }
.cashier-approved-layout .order-type-btn[b-0lxa93c7wq] { padding:8px 13px!important; color:var(--zj-on-surface)!important; }
.cashier-approved-layout .order-type-btn.is-active[b-0lxa93c7wq] { border:2px solid var(--zj-primary)!important; box-shadow:0 3px 0 var(--zj-primary); }
.cashier-approved-layout .order-type-btn:has(.material-symbols-outlined):nth-child(2)[b-0lxa93c7wq] { background:color-mix(in srgb,#ca8a04 16%,var(--cashier-panel))!important; }
.cashier-approved-layout .order-type-btn[title][b-0lxa93c7wq] { background:color-mix(in srgb,var(--cashier-secondary) 15%,var(--cashier-panel))!important; }
.cashier-approved-layout .cashier-workspace[b-0lxa93c7wq] { gap:16px!important; min-height:0; height:100%; padding:0!important; background:transparent!important; }
.cashier-approved-layout .cashier-center[b-0lxa93c7wq],.cashier-approved-layout .cashier-catalog[b-0lxa93c7wq] { padding:0!important; gap:10px!important; background:transparent!important; border:0!important; min-height:0; }
.cashier-approved-layout .cashier-ticket[b-0lxa93c7wq] { display:flex!important; flex-direction:column!important; padding:var(--cashier-ticket-padding,16px)!important; border:1px solid color-mix(in srgb,var(--zj-primary) 8%,transparent)!important; border-radius:24px!important; background:var(--cashier-panel)!important; overflow:visible!important; min-height:0; }
.cashier-cart-inline[b-0lxa93c7wq] { display:flex; flex-direction:column; flex:1; min-height:0; overflow:visible; margin-block:var(--cashier-cart-margin,12px); }
.cashier-approved-layout .cashier-ticket__scroll-area[b-0lxa93c7wq] { min-height:0!important; max-height:none!important; padding:2px 4px 6px!important; overflow-y:auto!important; background:transparent!important; scrollbar-gutter:stable; }
.cashier-approved-layout .cashier-ticket__items[b-0lxa93c7wq] { gap:8px!important; padding:0!important; display:grid; grid-template-columns:1fr; height:auto!important; min-height:0!important; max-height:none!important; flex:none!important; overflow:visible!important; grid-auto-rows:max-content!important; align-content:start!important; grid-template-rows:none!important; }
.cashier-approved-layout .cashier-ticket__footer[b-0lxa93c7wq] { flex:0 0 auto!important; display:block!important; position:static!important; max-height:none!important; padding:0!important; margin:0!important; overflow:visible!important; }
.cashier-ticket__footer[b-0lxa93c7wq]  .command-anchor__summary-box { max-height:none!important; overflow:visible!important; padding:0!important; background:transparent!important; border:0!important; }
.cashier-ticket__footer[b-0lxa93c7wq]  .command-anchor__checkout-actions { position:static!important; min-height:0!important; background:transparent!important; }
.cashier-approved-layout .cashier-ticket__footer[b-0lxa93c7wq]  .command-anchor__quick-rail .quick-action-btn { min-height:var(--cashier-quick-height,70px)!important; font-size:12px; }
.cashier-approved-layout .cashier-summary-trigger[b-0lxa93c7wq] { display:flex!important; flex-direction:column!important; align-items:stretch!important; text-align:start!important; gap:var(--cashier-summary-gap,10px)!important; padding:var(--cashier-summary-padding,12px)!important; border-radius:18px; margin:var(--cashier-summary-margin,8px) 0!important; background:var(--cashier-soft)!important; }
.cashier-approved-layout .cashier-ticket__summary>.cashier-summary-top[b-0lxa93c7wq] { display:flex!important; align-items:center; gap:10px; font-size:13px; border-bottom:1px solid var(--zj-outline-variant); padding-bottom:10px; }
.cashier-summary-link[b-0lxa93c7wq] { margin-inline-start:auto; color:var(--cashier-info-ink); font-weight:800; }
.cashier-approved-layout .cashier-ticket__summary>.cashier-summary-bottom[b-0lxa93c7wq] { display:flex!important; align-items:center; justify-content:space-between; }
.cashier-summary-bottom>div[b-0lxa93c7wq] { display:flex; flex-direction:column; gap:5px; }
.cashier-grand-total-display[b-0lxa93c7wq] { font:900 24px/32px "Plus Jakarta Sans",Cairo,sans-serif!important; color:var(--cashier-info-ink)!important; white-space:nowrap; }
.cashier-saved-badge[b-0lxa93c7wq] { background:color-mix(in srgb,#15966b 18%,var(--cashier-panel)); color:var(--zj-on-surface); border-radius:14px; padding:5px 10px; font-size:12px; font-weight:800; }
.cashier-approved-layout .cashier-notes-trigger[b-0lxa93c7wq],.cashier-approved-layout .cashier-notes-chip[b-0lxa93c7wq] { background:var(--cashier-soft)!important; border-radius:12px!important; padding:8px!important; border:1px solid var(--zj-outline-variant)!important; font-size:12px; min-height:36px; }
.cashier-discount-row[b-0lxa93c7wq] { display:flex; align-items:center; gap:5px; flex-wrap:wrap; margin:0 0 6px; padding:8px; border:1px solid color-mix(in srgb,var(--cashier-secondary) 38%,var(--zj-outline-variant)); border-radius:12px; background:color-mix(in srgb,var(--cashier-secondary) 10%,var(--cashier-panel,var(--zj-surface-container-lowest))); }


.cashier-discount-row button[b-0lxa93c7wq] { min-height:32px; padding:3px 7px; border:1px solid var(--zj-outline-variant); border-radius:8px; color:var(--zj-on-surface); background:var(--zj-surface); font:inherit; font-size:12px; cursor:pointer; }
.cashier-discount-amount[b-0lxa93c7wq] { margin-inline-start:auto; font-size:12px; color:var(--zj-error); white-space:nowrap; }
.cashier-notes-btn-action[b-0lxa93c7wq] { display:flex; align-items:center; gap:6px; background:var(--zj-primary)!important; color:var(--zj-on-primary)!important; border:1px solid var(--zj-primary)!important; border-radius:12px!important; padding:8px 14px!important; min-height:42px; font-weight:800!important; text-decoration:none!important; }
.cashier-approved-layout .cashier-menu[b-0lxa93c7wq] { border:0!important; background:transparent!important; gap:10px!important; overflow:hidden!important; }
.cashier-approved-layout .cashier-catalog-toolbar[b-0lxa93c7wq] { padding:0!important; border:0!important; background:transparent!important; gap:10px; }
.cashier-approved-layout .cashier-menu-search-wrap[b-0lxa93c7wq] { padding:10px!important; border-radius:18px; background:var(--cashier-panel); }
.cashier-approved-layout .cashier-menu-search[b-0lxa93c7wq] { border:0!important; border-radius:12px!important; background:var(--cashier-soft)!important; height:40px!important; }
.cashier-approved-layout .cashier-category-rail[b-0lxa93c7wq] { padding:0!important; border:0!important; gap:8px!important; background:transparent!important; }
.cashier-approved-layout .cashier-category-pill[b-0lxa93c7wq] { border-radius:12px!important; border:0!important; background:var(--cashier-panel)!important; padding:var(--cashier-category-padding,8px 12px)!important; font-weight:800; }
.cashier-approved-layout .cashier-category-pill.is-active[b-0lxa93c7wq] { background:var(--zj-ds-action-background)!important; color:var(--zj-ds-action-foreground)!important; }
.cashier-approved-layout .cashier-menu .cashier-item-grid[b-0lxa93c7wq] { gap:12px!important; padding:4px 6px 10px!important; align-content:start; }
.cashier-approved-layout .cashier-item-tile[b-0lxa93c7wq] { border-radius:16px!important; padding:10px!important; min-height:0!important; background:var(--cashier-panel)!important; border:1px solid color-mix(in srgb,var(--zj-primary) 10%,transparent)!important; display:flex; flex-direction:column; overflow:hidden; text-align:start; box-shadow:0 4px 24px -2px var(--zj-glow); }
.cashier-approved-layout .cashier-item-tile__image[b-0lxa93c7wq] { position:relative; height:96px!important; min-height:96px!important; width:100%!important; border-radius:12px!important; overflow:hidden!important; order:0; background:var(--cashier-soft)!important; }
.cashier-item-tile__image img[b-0lxa93c7wq] { width:100%; height:100%; object-fit:cover; }
.cashier-approved-layout .cashier-item-tile__body[b-0lxa93c7wq] { padding:8px 0 0!important; display:flex; flex-direction:column; flex:1; gap:4px; }
.cashier-item-tile__heading[b-0lxa93c7wq] { display:flex; align-items:baseline; justify-content:space-between; gap:6px; }
.cashier-approved-layout .cashier-item-tile__title[b-0lxa93c7wq] { font-size:14px!important; font-weight:700!important; line-height:1.55!important; min-height:0!important; font-family:inherit!important; }
.cashier-item-tile__code[b-0lxa93c7wq] { color:var(--zj-on-surface-variant); font-size:10px; flex:none; }
.cashier-approved-layout .cashier-item-tile__desc[b-0lxa93c7wq] { display:-webkit-box!important; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; font-size:11px!important; color:var(--zj-on-surface-variant); min-height:17px; }
.cashier-approved-layout .cashier-item-tile__footer[b-0lxa93c7wq] { margin-top:auto; padding-top:8px!important; border:0!important; display:flex; justify-content:space-between; align-items:center; }
.cashier-approved-layout .cashier-item-tile__price[b-0lxa93c7wq] { color:var(--cashier-info-ink)!important; font-size:16px!important; font-weight:900; line-height:24px; }
.cashier-approved-layout .cashier-item-tile__add-btn[b-0lxa93c7wq] { min-width:68px; display:flex!important; align-items:center; justify-content:center; gap:4px; border-radius:9px!important; min-height:34px!important; background:color-mix(in srgb,#15966b 18%,var(--cashier-panel))!important; border:1px solid var(--zj-outline-variant)!important; font-family:inherit!important; font-size:11px!important; font-weight:800!important; }
.cashier-approved-layout .cashier-item-tile:has(.available) .cashier-item-tile__add-btn[b-0lxa93c7wq] { background:color-mix(in srgb,var(--cashier-secondary) 15%,var(--cashier-panel))!important; border-color:var(--cashier-secondary)!important; box-shadow:0 2px 0 var(--cashier-secondary); color:var(--cashier-secondary)!important; }
.cashier-approved-layout .cashier-availability[b-0lxa93c7wq] { position:absolute; top:6px!important; bottom:auto!important; inset-inline-start:6px!important; border-radius:16px!important; padding:3px 8px!important; font-size:10px!important; display:flex; align-items:center; gap:4px; z-index:2; }
.cashier-availability.unavailable[b-0lxa93c7wq] { background:var(--cashier-panel); color:var(--zj-on-surface); border:1px solid var(--zj-outline-variant); }
.cashier-availability.unavailable .material-symbols-outlined[b-0lxa93c7wq] { font-size:15px; }
.cashier-approved-layout .cashier-item-tile__servings[b-0lxa93c7wq] { position:absolute; bottom:6px; inset-inline-end:6px; background:#714614; color:#fff3cd; border:1px solid #cfa04d; padding:2px 8px; border-radius:7px; z-index:2; font-size:11px; font-weight:800; }
.cashier-missing-ingredients[b-0lxa93c7wq] { padding:5px; border:1px solid var(--zj-error); border-radius:8px; margin-top:5px; font-size:11px; }
.cashier-approved-layout .cashier-terminal-status-bar[b-0lxa93c7wq] { border:0!important; background:var(--cashier-soft)!important; border-radius:12px; min-height:28px!important; }
.cashier-compact-actions[b-0lxa93c7wq] { display:none; gap:6px; margin:8px 0 12px; }
.cashier-compact-actions button[b-0lxa93c7wq] { flex:1; min-width:0; display:flex; justify-content:center; align-items:center; gap:6px; min-height:44px; border:1px solid var(--zj-outline-variant); border-radius:14px; background:var(--cashier-soft); color:var(--zj-on-surface); font:inherit; font-weight:800; font-size:13px; }
.cashier-compact-actions button:last-child[b-0lxa93c7wq] { background:color-mix(in srgb,var(--zj-secondary) 20%,var(--cashier-panel)); }
.cashier-cart-modal[b-0lxa93c7wq] { height:min(65dvh,650px); min-height:200px; display:flex; flex-direction:column; min-width:0; }
.cashier-cart-modal .cashier-ticket__scroll-area[b-0lxa93c7wq] { min-height:0!important; }
@media(min-width:768px) {
 .cashier-approved-layout .cashier-workspace[b-0lxa93c7wq] { grid-template-columns:340px minmax(0,1fr)!important; }
 .cashier-approved-layout .cashier-menu .cashier-item-grid[b-0lxa93c7wq] { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
}
@media(min-width:1200px) { .cashier-approved-layout .cashier-workspace[b-0lxa93c7wq] { grid-template-columns:410px minmax(0,1fr)!important; } .cashier-approved-layout .cashier-menu .cashier-item-grid[b-0lxa93c7wq] { grid-template-columns:repeat(3,minmax(0,1fr))!important; } }
@media(min-width:1280px) { .cashier-approved-layout .cashier-menu .cashier-item-grid[b-0lxa93c7wq] { grid-template-columns:repeat(4,minmax(0,1fr))!important; } }
@media(min-width:1536px) { .cashier-approved-layout .cashier-workspace[b-0lxa93c7wq] { grid-template-columns:440px minmax(0,1fr)!important; } .cashier-approved-layout .cashier-menu .cashier-item-grid[b-0lxa93c7wq] { grid-template-columns:repeat(5,minmax(0,1fr))!important; } }
@media(min-width:1980px) { .cashier-approved-layout .cashier-menu .cashier-item-grid[b-0lxa93c7wq] { grid-template-columns:repeat(6,minmax(0,1fr))!important; } }
@media(min-width:2000px) { .cashier-approved-layout .cashier-workspace[b-0lxa93c7wq] { grid-template-columns:580px minmax(0,1fr)!important; } .cashier-approved-layout .cashier-item-tile__image[b-0lxa93c7wq] { height:7rem!important; min-height:7rem!important; } }
@media(max-width:1600px) { .cashier-approved-layout .cashier-toolbar[b-0lxa93c7wq] { display:flex!important; flex-wrap:wrap!important; height:auto!important; min-height:110px!important; flex-basis:110px; gap:8px; } .cashier-approved-layout .cashier-header__order-type[b-0lxa93c7wq] { order:3!important; width:100%!important; justify-content:center!important; } }
@media(min-width:768px) and (max-width:1199px),(min-width:768px) and (max-height:819px) { .cashier-cart-inline[b-0lxa93c7wq],.cashier-manual-inline[b-0lxa93c7wq],.cashier-notes-inline[b-0lxa93c7wq] { display:none!important; } .cashier-compact-actions[b-0lxa93c7wq] { display:flex; } .cashier-approved-layout .cashier-ticket__footer[b-0lxa93c7wq] { flex:1!important; overflow-y:auto!important; overflow-x:visible!important; } .cashier-approved-layout .cashier-ticket[b-0lxa93c7wq] { overflow:hidden!important; } }
@media(max-width:1199px) { .cashier-screen.cashier-approved-layout[b-0lxa93c7wq] { padding-inline:12px!important; } .cashier-approved-layout .cashier-toolbar[b-0lxa93c7wq] { width:calc(100% + 24px); margin-inline:-12px; padding-inline:12px!important; } .cashier-approved-layout .cashier-header__shift-badge[b-0lxa93c7wq] { max-width:160px; } .cashier-approved-layout .cashier-tool-btn[b-0lxa93c7wq] { font-size:10px; padding-inline:6px; } }
@media(prefers-reduced-motion:reduce) { .cashier-screen[b-0lxa93c7wq],.cashier-screen[b-0lxa93c7wq]  * { scroll-behavior:auto!important; } }

.cashier-approved-layout .cashier-header__title[b-0lxa93c7wq],.cashier-approved-layout .cashier-item-tile[b-0lxa93c7wq],.cashier-approved-layout .cashier-menu-search-input[b-0lxa93c7wq] { font-family:inherit!important; color:var(--zj-on-surface); }
.cashier-approved-layout .cashier-header__actions[b-0lxa93c7wq] { justify-content:flex-end; }
.cashier-approved-layout .cashier-header__identity[b-0lxa93c7wq] { max-width:250px; min-width:0; }
.cashier-approved-layout .cashier-header__sub[b-0lxa93c7wq] { overflow:hidden; text-overflow:ellipsis; color:var(--zj-on-surface-variant); }
.cashier-approved-layout .cashier-menu-search-input[b-0lxa93c7wq] { background:transparent; border:0; border-radius:12px; height:40px; box-shadow:none; }
.cashier-approved-layout .cashier-menu-search-input[b-0lxa93c7wq]::placeholder { color:var(--zj-on-surface-variant); }
.cashier-approved-layout .search-barcode-btn[b-0lxa93c7wq],.cashier-approved-layout .search-clear-btn[b-0lxa93c7wq] { background:var(--zj-surface); color:var(--zj-on-surface); border:1px solid var(--zj-outline-variant); border-radius:8px; }
.cashier-approved-layout .cashier-category-button[b-0lxa93c7wq] { background:var(--cashier-panel); color:var(--zj-on-surface); border:0; border-radius:12px; padding:8px 12px; min-height:34px; }
.cashier-approved-layout .cashier-category-button.is-active[b-0lxa93c7wq] { background:var(--zj-ds-action-background); color:var(--zj-ds-action-foreground); }
.cashier-approved-layout .cashier-ticket__summary .cashier-summary-link[b-0lxa93c7wq] { color:var(--cashier-info-ink); }
.cashier-approved-layout[b-0lxa93c7wq]  .cashier-empty-ticket { background:transparent!important; color:var(--zj-on-surface); border-radius:16px; }
.cashier-approved-layout .cashier-item-tile__price[b-0lxa93c7wq] { font-family:"Plus Jakarta Sans",Cairo,sans-serif!important; }
.cashier-approved-layout .cashier-item-tile__add-btn[b-0lxa93c7wq] { color:var(--zj-on-surface); }
.cashier-approved-layout .cashier-item-tile__body[b-0lxa93c7wq] { gap:4px; }
.cashier-approved-layout[b-0lxa93c7wq]  .cashier-connection { padding:7px 9px; border:1px solid color-mix(in srgb,#15966b 35%,var(--zj-outline-variant)); border-radius:9px; background:color-mix(in srgb,#15966b 17%,var(--cashier-panel)); color:var(--zj-on-surface); font-size:11px; }
/* The classic cashier hosts the existing notification controls in its toolbar. */
.cashier-approved-layout .cashier-header__actions[b-0lxa93c7wq]  .order-notification-panels--cashier:not(:has(aside)) { position:static; display:flex; align-items:center; flex-direction:row; flex-wrap:nowrap; padding:0; margin:0; gap:5px; background:transparent; }
.cashier-approved-layout .cashier-header__actions[b-0lxa93c7wq]  .order-notification-panels--cashier:not(:has(aside)) > button { position:relative!important; inset:auto!important; display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; gap:5px; min-width:60px!important; width:auto!important; height:40px!important; min-height:40px!important; padding:5px 7px!important; border-radius:10px; box-shadow:none; }
/* Keep alert counts inside their own button instead of over neighbouring actions. */
.cashier-approved-layout .cashier-header__actions[b-0lxa93c7wq]  .order-notification-panels--cashier:not(:has(aside)) > button strong { position:static; inset:auto; flex:0 0 auto; min-width:22px; min-height:22px; padding-inline:3px; font-size:11px; line-height:1; }
@media (min-width:768px) and (max-width:920px) {
 .cashier-approved-layout .cashier-header__actions[b-0lxa93c7wq]  .order-notification-panels--cashier:not(:has(aside)) > button { flex-direction:column; gap:1px; width:40px!important; min-width:40px!important; padding:2px!important; }
 .cashier-approved-layout .cashier-header__actions[b-0lxa93c7wq]  .order-notification-panels--cashier:not(:has(aside)) > button strong { min-width:18px; min-height:15px; font-size:9px; }
}
.cashier-approved-layout .cashier-header__actions[b-0lxa93c7wq]  .order-notification-panels--cashier:has(aside) { position:fixed; top:80px; inset-inline-end:24px; max-height:calc(100dvh - 100px); z-index:100; }
.cashier-approved-layout .cashier-header__actions[b-0lxa93c7wq]  .order-notification-panels--cashier:not(:has(aside)) > button .material-symbols-outlined { font-size:19px; }
.cashier-approved-layout .cashier-ticket__footer[b-0lxa93c7wq]  .command-anchor__quick-rail .quick-action-btn { min-height:var(--cashier-quick-height,83px)!important; }

[data-theme="dark"] .cashier-screen.cashier-approved-layout[b-0lxa93c7wq] { --cashier-secondary:#ead5ff; --cashier-violet-soft:#362846; --cashier-success-ink:#c6f1d8; }
.cashier-approved-layout .cashier-item-tile__desc[b-0lxa93c7wq] { font-weight:400; }
.cashier-approved-layout .cashier-discount-row[b-0lxa93c7wq] { background:var(--cashier-violet-soft); color:var(--cashier-secondary); }
.cashier-approved-layout .shift-user-name[b-0lxa93c7wq] { border-color:color-mix(in srgb,var(--zj-primary) 50%,var(--zj-outline-variant)); box-shadow:inset -3px 0 var(--zj-primary); font-size:13px; font-weight:900; }
.cashier-approved-layout .cashier-header__order-type .order-type-btn[title][b-0lxa93c7wq] { background:var(--cashier-violet-soft)!important; color:var(--cashier-secondary)!important; }

@media(min-width:768px) and (max-width:1199px),(min-width:768px) and (max-height:819px) {
 .cashier-compact-actions button[b-0lxa93c7wq] { height:44px!important; min-height:44px!important; padding:5px!important; }
 .cashier-approved-layout .cashier-ticket__footer[b-0lxa93c7wq]  .command-anchor__quick-rail .quick-action-btn { min-height:var(--cashier-quick-height,58px)!important; }
 .cashier-approved-layout .cashier-summary-trigger[b-0lxa93c7wq] { padding:var(--cashier-summary-padding,10px)!important; gap:var(--cashier-summary-gap,6px)!important; margin:var(--cashier-summary-margin,6px) 0!important; }
 .cashier-approved-layout .cashier-grand-total-display[b-0lxa93c7wq] { font-size:24px!important; }
 .cashier-approved-layout .cashier-ticket[b-0lxa93c7wq] { padding:var(--cashier-ticket-padding,12px)!important; }
 .cashier-approved-layout .cashier-ticket[b-0lxa93c7wq]  .cashier-ticket-header { padding:8px; }
 .cashier-approved-layout .cashier-ticket[b-0lxa93c7wq]  .customer-emoji-btn { min-height:40px; min-width:40px; }
 .cashier-approved-layout .cashier-ticket[b-0lxa93c7wq]  .customer-points-badge { padding:2px 6px; }
}

/* Owner-requested one-row toolbar: secondary actions collapse, never the sale channels. */
.cashier-approved-layout .cashier-toolbar[b-0lxa93c7wq] { display:flex!important; flex-wrap:nowrap!important; height:var(--cashier-toolbar-size,80px)!important; min-height:var(--cashier-toolbar-min-size,80px)!important; flex-basis:var(--cashier-toolbar-size,80px)!important; }
.cashier-approved-layout .cashier-header__brand[b-0lxa93c7wq] { flex:1 1 auto; min-width:0; }
.cashier-approved-layout .cashier-header__identity[b-0lxa93c7wq] { flex:0 1 250px; min-width:80px; }
.cashier-approved-layout .cashier-header__title[b-0lxa93c7wq] { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cashier-approved-layout .cashier-header__order-type[b-0lxa93c7wq] { order:initial!important; flex:0 0 auto!important; width:auto!important; }
.cashier-approved-layout .cashier-header__actions[b-0lxa93c7wq] { flex:0 0 auto; }
.cashier-toolbar-overflow[b-0lxa93c7wq] { position:relative; }
.cashier-release-menu-item[b-0lxa93c7wq] { display:contents; }
.cashier-release-menu-label[b-0lxa93c7wq] { display:none; }
.cashier-toolbar-menu[b-0lxa93c7wq] { display:flex; align-items:center; gap:8px; }
.cashier-approved-layout .cashier-toolbar-menu-toggle[b-0lxa93c7wq],.cashier-toolbar-menu-scrim[b-0lxa93c7wq] { display:none; }
@media(min-width:768px) and (max-width:1700px) {
 .cashier-approved-layout .cashier-toolbar[b-0lxa93c7wq] { gap:10px; padding-inline:16px!important; }
 .cashier-approved-layout .cashier-header__identity[b-0lxa93c7wq] { max-width:230px; }
 .cashier-approved-layout .cashier-header__brand[b-0lxa93c7wq] { gap:8px; }
 .cashier-approved-layout .cashier-header__actions[b-0lxa93c7wq] { gap:6px; }
 .cashier-approved-layout .cashier-header__actions > .cashier-tool-btn[b-0lxa93c7wq] { width:40px; min-width:40px; padding:6px!important; position:relative; }
 .cashier-approved-layout .cashier-header__actions > .cashier-tool-btn > span:not(.material-symbols-outlined):not(.tool-count-badge)[b-0lxa93c7wq] { display:none; }
 .cashier-approved-layout .cashier-header__actions > .cashier-tool-btn .tool-count-badge[b-0lxa93c7wq] { position:absolute; top:-6px; right:-5px; font-size:9px; padding:0 4px; }
 .cashier-approved-layout .cashier-toolbar-menu-toggle[b-0lxa93c7wq] { display:grid; place-items:center; width:40px; }
 .cashier-toolbar-menu:not(.is-inline)[b-0lxa93c7wq] { display:none; position:absolute; top:48px; inset-inline-end:0; width:250px; padding:12px; border:1px solid var(--zj-outline-variant); border-radius:16px; background:var(--zj-surface-container-lowest); box-shadow:0 12px 35px #0003; z-index:110; grid-template-columns:repeat(4,1fr); gap:8px; }
 .cashier-toolbar-menu.is-open[b-0lxa93c7wq] { display:grid; }
 .cashier-toolbar-menu:not(.is-inline) .cashier-tool-btn[b-0lxa93c7wq] { grid-column:span 3; }
 .cashier-toolbar-menu-scrim[b-0lxa93c7wq] { display:block; position:fixed; inset:0; width:100vw; height:100dvh; padding:0; border:0; background:transparent; z-index:109; cursor:default; }
 .cashier-approved-layout .shift-user-name[b-0lxa93c7wq] { max-width:175px; overflow:hidden; text-overflow:ellipsis; }
}
@media(min-width:768px) and (max-width:1150px) {
 .cashier-approved-layout .cashier-header__sub[b-0lxa93c7wq],.cashier-approved-layout .cashier-header__divider[b-0lxa93c7wq] { display:none; }
 .cashier-approved-layout .cashier-header__identity[b-0lxa93c7wq] { min-width:55px; max-width:150px; }
 .cashier-approved-layout .cashier-header__title[b-0lxa93c7wq] { font-size:14px; }
 .cashier-approved-layout .shift-user-name[b-0lxa93c7wq] { max-width:115px; font-size:10px; padding:5px; }
 .cashier-approved-layout .cashier-header__brand[b-0lxa93c7wq] { gap:5px; }
 .cashier-approved-layout .cashier-header__shift-badge[b-0lxa93c7wq] { gap:4px; max-width:none; }
 .cashier-approved-layout .cashier-header__shift-badge[b-0lxa93c7wq]  .cashier-connection { font-size:0; gap:0; padding:5px; }
 .cashier-approved-layout .order-type-btn[b-0lxa93c7wq] { padding:6px!important; font-size:11px; }
 .cashier-approved-layout .cashier-created-pill[b-0lxa93c7wq] { font-size:10px; padding:2px; white-space:nowrap; }
 .cashier-approved-layout .cashier-created-pill .material-symbols-outlined[b-0lxa93c7wq] { display:none; }
}







@media(min-width:768px) and (max-width:1700px) {
 .cashier-toolbar-menu:not(.is-inline)[b-0lxa93c7wq] { grid-template-columns:1fr; max-height:calc(100dvh - 100px); overflow-y:auto; }
 .cashier-toolbar-menu:not(.is-inline) .cashier-icon-btn[b-0lxa93c7wq],.cashier-toolbar-menu:not(.is-inline) .cashier-tool-btn[b-0lxa93c7wq] { width:100%; display:flex; justify-content:flex-start; padding:8px 12px!important; grid-column:auto; gap:10px; }
 .cashier-toolbar-menu:not(.is-inline) .cashier-icon-btn[b-0lxa93c7wq]::after { content:attr(title); font-size:12px; }
 .cashier-toolbar-menu:not(.is-inline)[b-0lxa93c7wq]  .release-button { width:100%; display:flex; gap:10px; justify-content:flex-start; padding:6px 12px; }
 .cashier-toolbar-menu:not(.is-inline) .cashier-release-menu-item[b-0lxa93c7wq] { display:block; position:relative; }
 .cashier-toolbar-menu:not(.is-inline) .cashier-release-menu-label[b-0lxa93c7wq] { display:block; position:absolute; inset-inline-start:48px; top:50%; transform:translateY(-50%); pointer-events:none; font-size:12px; color:var(--zj-on-surface); font-weight:800; }
 .cashier-toolbar-menu:not(.is-inline)[b-0lxa93c7wq]  .release-logo { flex:none; width:26px; height:26px; }
}

/* Theme values transferred from the approved Stitch source (not global theme overrides). */
    .cashier-reference-scope[b-0lxa93c7wq] {
      --zj-primary: #0ea5e9;
      --zj-primary-hover: #0284c7;
      --zj-secondary: #172554;
      --zj-glow: rgba(14, 165, 233, 0.28);
      --zj-soft: rgba(14, 165, 233, 0.08);
      --theme-bg: radial-gradient(130% 115% at 50% -10%, #e6f3fc 0%, #edf5fa 40%, #e1eff8 100%);
      --theme-card-bg: rgba(255, 255, 255, 0.94);
      --theme-card-border: rgba(186, 214, 235, 0.7);
      --theme-text-main: #0b1c30;
      --theme-text-muted: #52657d;
    }

    [data-color-theme="admin-gold-light"] .cashier-reference-scope[b-0lxa93c7wq] {
      --zj-primary: #c5a059;
      --zj-primary-hover: #b08d44;
      --zj-secondary: #262626;
      --zj-glow: rgba(197, 160, 89, 0.28);
      --zj-soft: rgba(197, 160, 89, 0.1);
      --theme-bg: radial-gradient(130% 115% at 50% -10%, #fbf5eb 0%, #f5eee2 40%, #ece0ce 100%);
      --theme-card-bg: rgba(255, 253, 248, 0.95);
      --theme-card-border: rgba(215, 192, 149, 0.6);
      --theme-text-main: #21190d;
      --theme-text-muted: #6e614d;
    }

    [data-color-theme="customer-sunset-light"] .cashier-reference-scope[b-0lxa93c7wq] {
      --zj-primary: #ff6f18;
      --zj-primary-hover: #e05b0d;
      --zj-secondary: #6e4a2d;
      --zj-glow: rgba(255, 111, 24, 0.28);
      --zj-soft: rgba(255, 111, 24, 0.1);
      --theme-bg: radial-gradient(130% 115% at 50% -10%, #fff7ef 0%, #fef3e7 40%, #fae6d3 100%);
      --theme-card-bg: rgba(255, 255, 255, 0.95);
      --theme-card-border: rgba(247, 216, 184, 0.7);
      --theme-text-main: #2f2116;
      --theme-text-muted: #7b624d;
    }

    [data-color-theme="violet-light"] .cashier-reference-scope[b-0lxa93c7wq] {
      --zj-primary: #7c3aed;
      --zj-primary-hover: #6d28d9;
      --zj-secondary: #312e81;
      --zj-glow: rgba(124, 58, 237, 0.28);
      --zj-soft: rgba(124, 58, 237, 0.08);
      --theme-bg: radial-gradient(130% 115% at 50% -10%, #f4eefa 0%, #f7f2fc 40%, #ebe0f6 100%);
      --theme-card-bg: rgba(255, 255, 255, 0.95);
      --theme-card-border: rgba(212, 194, 245, 0.65);
      --theme-text-main: #1f1433;
      --theme-text-muted: #615077;
    }

    [data-color-theme="emerald-light"] .cashier-reference-scope[b-0lxa93c7wq] {
      --zj-primary: #059669;
      --zj-primary-hover: #047857;
      --zj-secondary: #064e3b;
      --zj-glow: rgba(5, 150, 105, 0.28);
      --zj-soft: rgba(5, 150, 105, 0.08);
      --theme-bg: radial-gradient(130% 115% at 50% -10%, #ecf7f1 0%, #f0f8f3 40%, #dff1e6 100%);
      --theme-card-bg: rgba(255, 255, 255, 0.95);
      --theme-card-border: rgba(167, 219, 193, 0.65);
      --theme-text-main: #0c2419;
      --theme-text-muted: #496959;
    }

    [data-color-theme="rose-light"] .cashier-reference-scope[b-0lxa93c7wq] {
      --zj-primary: #db2777;
      --zj-primary-hover: #be185d;
      --zj-secondary: #831843;
      --zj-glow: rgba(219, 39, 119, 0.28);
      --zj-soft: rgba(219, 39, 119, 0.08);
      --theme-bg: radial-gradient(130% 115% at 50% -10%, #fff0f7 0%, #fdf2f8 40%, #fbcfe8 100%);
      --theme-card-bg: rgba(255, 255, 255, 0.95);
      --theme-card-border: rgba(251, 207, 232, 0.7);
      --theme-text-main: #2f1724;
      --theme-text-muted: #70475d;
    }

    /* Soothing Calm Dark Theme (Slate/Charcoal - No Harsh Pitch Black) */
    [data-theme="dark"] .cashier-reference-scope[b-0lxa93c7wq] {
      --theme-bg: radial-gradient(130% 115% at 50% -10%, #1e293b 0%, #131c2b 45%, #0f1724 100%);
      --theme-card-bg: rgba(24, 34, 50, 0.94);
      --theme-card-border: rgba(148, 163, 184, 0.12);
      --theme-header-bg: rgba(20, 28, 43, 0.94);
      --theme-sub-bg: #141c2b;
      --theme-text-main: #f8fafc;
      --theme-text-muted: #94a3b8;
    }


.cashier-reference-scope[b-0lxa93c7wq] {
 --zj-on-surface:var(--theme-text-main); --zj-on-surface-variant:var(--theme-text-muted);
 --zj-outline-variant:var(--theme-card-border); --zj-surface-container-lowest:var(--theme-card-bg);
 --zj-surface:var(--theme-card-bg); --zj-surface-container:var(--cashier-surface-low);
 --cashier-success-ink:#155739; --cashier-secondary:#603a80; --cashier-violet-soft:#f0e9fb;
 --cashier-surface-low:#eff4ff; --cashier-success-soft:#e1f4e9; --cashier-info-soft:#e7effb; --cashier-info-ink:#244e7b;
 --cashier-warm-soft:#fff0cf; --cashier-warm-ink:#705019; --cashier-orange-soft:#fff0df; --cashier-orange-ink:#7c4318;
 --cashier-danger-soft:#ffe9e6; --cashier-danger-ink:#8a3229; --cart-optional-accent:#a16207;
 --cashier-glass:rgba(255,255,255,.9); --cashier-glass-border:#f1f5f9;
}
[data-color-theme="admin-gold-light"] .cashier-reference-scope[b-0lxa93c7wq] { --cart-optional-accent:#0369a1; }
[data-color-theme="customer-sunset-light"] .cashier-reference-scope[b-0lxa93c7wq],[data-color-theme="rose-light"] .cashier-reference-scope[b-0lxa93c7wq] { --cart-optional-accent:#0f766e; }
[data-color-theme="emerald-light"] .cashier-reference-scope[b-0lxa93c7wq] { --cart-optional-accent:#7c3aed; }
[data-theme="dark"] .cashier-reference-scope[b-0lxa93c7wq] {
 --cashier-secondary:#ead5ff; --cashier-violet-soft:#362846;
 --cashier-surface-low:#1e293b; --cashier-glass:#182232f0; --cashier-glass-border:#334155;
 --cashier-success-soft:#183a2e; --cashier-success-ink:#c6f1d8; --cashier-info-soft:#203550; --cashier-info-ink:#d1e5ff;
 --cashier-warm-soft:#463719; --cashier-warm-ink:#ffe6a5; --cashier-orange-soft:#482d1b; --cashier-orange-ink:#ffdbb8;
 --cashier-danger-soft:#452624; --cashier-danger-ink:#ffd7d2;
}
.cashier-approved-layout .cashier-toolbar[b-0lxa93c7wq] { display:grid!important; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); }
.cashier-approved-layout .cashier-header__brand[b-0lxa93c7wq] { overflow:hidden; }
.cashier-approved-layout .cashier-header__identity[b-0lxa93c7wq] { flex:0 1 auto; }
.cashier-approved-layout .cashier-header__actions[b-0lxa93c7wq] { justify-self:end; }
.cashier-approved-layout .order-type-btn[b-0lxa93c7wq] { --action-soft:var(--cashier-info-soft); --action-ink:var(--cashier-info-ink); color:var(--action-ink)!important; background:color-mix(in srgb,var(--zj-primary) 8%,var(--action-soft))!important; border-color:color-mix(in srgb,var(--action-ink) 24%,var(--theme-card-border))!important; box-shadow:none; }
.cashier-approved-layout .order-type-btn[data-channel="takeaway"][b-0lxa93c7wq] { --action-soft:var(--cashier-warm-soft); --action-ink:var(--cashier-warm-ink); }
.cashier-approved-layout .order-type-btn[data-channel="delivery"][b-0lxa93c7wq] { --action-soft:var(--cashier-success-soft); --action-ink:var(--cashier-success-ink); }
.cashier-approved-layout .order-type-btn[data-channel="loyalty"][b-0lxa93c7wq] { --action-soft:var(--cashier-violet-soft); --action-ink:var(--cashier-secondary); }
.cashier-approved-layout .order-type-btn.is-active[b-0lxa93c7wq] { border:2px solid var(--action-ink)!important; box-shadow:inset 0 -3px var(--action-ink); }
.cashier-approved-layout .cashier-ticket[b-0lxa93c7wq],.cashier-approved-layout .cashier-menu-search-wrap[b-0lxa93c7wq],.cashier-approved-layout .cashier-item-tile[b-0lxa93c7wq] { background:var(--cashier-glass)!important; border:1px solid var(--cashier-glass-border)!important; }
.cashier-approved-layout .cashier-menu-search-wrap[b-0lxa93c7wq] { box-shadow:0 4px 24px -2px var(--zj-glow); }
.cashier-approved-layout .cashier-item-tile[b-0lxa93c7wq] { gap:0!important; }
.cashier-approved-layout .cashier-item-tile__body[b-0lxa93c7wq] { gap:4px; }
.cashier-approved-layout .cashier-item-tile__footer[b-0lxa93c7wq] { margin-top:8px; border-top:1px solid var(--cashier-glass-border)!important; padding-top:8px!important; }
.cashier-approved-layout .cashier-item-tile__add-btn[b-0lxa93c7wq] { border-radius:8px!important; min-width:0; padding:6px 10px!important; color:var(--cashier-success-ink); background:color-mix(in srgb,var(--zj-primary) 8%,var(--cashier-success-soft))!important; border-color:color-mix(in srgb,var(--cashier-success-ink) 24%,var(--theme-card-border))!important; }
.cashier-approved-layout .cashier-item-tile__add-btn.is-customizable[b-0lxa93c7wq] { color:var(--cashier-secondary)!important; background:color-mix(in srgb,var(--zj-primary) 8%,var(--cashier-violet-soft))!important; border:2px solid var(--cashier-secondary)!important; box-shadow:inset 0 -3px var(--cashier-secondary); }
.cashier-approved-layout .cashier-availability[b-0lxa93c7wq] { top:7px!important; inset-inline-start:7px!important; padding:4px 8px!important; font-size:11px!important; line-height:1.5!important; box-shadow:0 1px 5px #0002; }
.cashier-approved-layout .cashier-availability.instant[b-0lxa93c7wq] { background:#fff0b8; color:#714b00; border-color:#dba92f; }
.cashier-approved-layout .cashier-availability.available[b-0lxa93c7wq] { background:#e5f6ec; color:#145436; border-color:#91bfa3; }
.cashier-approved-layout .cashier-availability .material-symbols-outlined[b-0lxa93c7wq] { font-size:16px; }
.cashier-approved-layout .cashier-summary-trigger[b-0lxa93c7wq] { gap:var(--cashier-summary-gap,8px)!important; border:1px solid var(--theme-card-border); padding:var(--cashier-summary-padding,10px)!important; }
.cashier-approved-layout .cashier-ticket__summary>.cashier-summary-top[b-0lxa93c7wq] { font-size:12px; padding-bottom:8px; border-color:var(--theme-card-border); color:var(--theme-text-muted); }
.cashier-approved-layout .cashier-summary-bottom>div>span[b-0lxa93c7wq] { color:var(--theme-text-muted); font-size:12px; }
.cashier-approved-layout
.cashier-approved-layout .cashier-discount-row[b-0lxa93c7wq] { min-height:56px; }
.cashier-approved-layout .cashier-terminal-status-bar[b-0lxa93c7wq] { font-size:10px; font-weight:700; }
.cashier-approved-layout .cashier-item-grid[b-0lxa93c7wq] { scrollbar-color:color-mix(in srgb,var(--zj-primary) 30%,transparent) transparent; scrollbar-width:thin; }

.cashier-reference-scope[b-0lxa93c7wq] { display:contents; font-family:Cairo,Tahoma,sans-serif; color:var(--theme-text-main); --cashier-panel:var(--theme-card-bg); --cashier-soft:var(--cashier-surface-low); --cashier-secondary:#603a80; --cashier-violet-soft:#f0e9fb; --cashier-success-ink:#155739; }
.cashier-reference-scope[b-0lxa93c7wq] { --pos-info-soft:var(--cashier-info-soft); --pos-info-ink:var(--cashier-info-ink); --pos-violet-soft:var(--cashier-violet-soft); --pos-violet-ink:var(--cashier-secondary); --pos-success-soft:var(--cashier-success-soft); --pos-success-ink:var(--cashier-success-ink); --pos-warm-soft:var(--cashier-warm-soft); --pos-warm-ink:var(--cashier-warm-ink); --pos-orange-soft:var(--cashier-orange-soft); --pos-orange-ink:var(--cashier-orange-ink); --pos-danger-soft:var(--cashier-danger-soft); --pos-danger-ink:var(--cashier-danger-ink); }
[data-theme="dark"] .cashier-reference-scope[b-0lxa93c7wq] { --cashier-secondary:#ead5ff; --cashier-violet-soft:#362846; --cashier-success-ink:#c6f1d8; }

/* Remove legacy button dimensions that otherwise squeeze the reference card footer. */
.cashier-approved-layout .cashier-item-tile__body[b-0lxa93c7wq] { gap:0!important; }
.cashier-approved-layout .cashier-item-tile__heading[b-0lxa93c7wq] { margin-bottom:2px; }
.cashier-approved-layout .cashier-item-tile__desc[b-0lxa93c7wq] { display:block!important; height:15px; min-height:15px; line-height:15px; font-size:10px!important; white-space:nowrap; text-overflow:ellipsis; }
.cashier-approved-layout .cashier-item-tile__footer[b-0lxa93c7wq] { width:100%; align-self:stretch; margin-inline:0; flex:none; gap:6px; }
.cashier-approved-layout .cashier-item-tile__add-btn[b-0lxa93c7wq] { width:auto!important; height:auto!important; flex:none; white-space:nowrap; font-weight:700!important; line-height:16.5px; }
.cashier-approved-layout .cashier-item-tile__price[b-0lxa93c7wq] { font-size:14px!important; line-height:20px; }
.cashier-approved-layout .cashier-item-tile__count[b-0lxa93c7wq] { position:static; border:0; background:transparent; color:inherit; padding:0; box-shadow:none; }
.cashier-approved-layout .cashier-ticket__footer[b-0lxa93c7wq]  .command-anchor__quick-rail .quick-action-btn { font-size:11px; }

/* Text follows the reference palette in both modes, never legacy hard-coded brown. */
.cashier-approved-layout .cashier-item-tile__title[b-0lxa93c7wq],
.cashier-approved-layout .shift-user-name[b-0lxa93c7wq],
.cashier-approved-layout .cashier-category-pill[b-0lxa93c7wq] { color:var(--theme-text-main)!important; }
.cashier-approved-layout .cashier-category-pill.is-active[b-0lxa93c7wq] { color:var(--zj-ds-action-foreground)!important; }
.cashier-approved-layout .cashier-terminal-status-bar[b-0lxa93c7wq],
.cashier-approved-layout .terminal-status-left[b-0lxa93c7wq],
.cashier-approved-layout .terminal-status-right[b-0lxa93c7wq] { color:var(--theme-text-muted)!important; }

/* The stable render wrapper must not clip the edge counters. The inner viewport owns scrolling. */
.cashier-approved-layout .cashier-ticket[b-0lxa93c7wq]  [data-render-region="cashier-ticket"] { overflow:visible!important; }

.cashier-approved-layout .cashier-tool-btn[b-0lxa93c7wq],
.cashier-approved-layout .cashier-icon-btn[b-0lxa93c7wq] { color:var(--theme-text-main)!important; }
.cashier-approved-layout .cashier-header__title[b-0lxa93c7wq] { line-height:1.5; }

.category-color-icon[b-0lxa93c7wq] { font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; font-size: 1.2em; line-height: 1.5; display: inline-block; flex-shrink: 0; }

/* Dialog content also lives outside the main layout: never inherit the old brown cashier skin. */
.cashier-reference-scope .cashier-cart-modal .cashier-ticket__scroll-area[b-0lxa93c7wq] { background:transparent!important; padding:2px 4px 6px!important; overflow-y:auto!important; scrollbar-gutter:stable; }
.cashier-reference-scope .cashier-cart-modal .cashier-ticket__items[b-0lxa93c7wq] { display:grid; grid-template-columns:1fr; grid-auto-rows:max-content; align-content:start; gap:8px; padding:0; height:auto; overflow:visible; }
.cashier-reference-scope[b-0lxa93c7wq]  .cashier-empty-ticket,.cashier-reference-scope[b-0lxa93c7wq]  .cashier-empty-ticket strong { background:transparent!important; color:var(--theme-text-main)!important; }
.cashier-reference-scope[b-0lxa93c7wq]  .cashier-empty-ticket p { color:var(--theme-text-muted); }
.cashier-reference-scope[b-0lxa93c7wq]  .cashier-empty-ticket .material-symbols-outlined { color:var(--zj-primary)!important; background:color-mix(in srgb,var(--zj-primary) 10%,transparent)!important; }
.cashier-dialog-description[b-0lxa93c7wq] { margin:0 0 8px; font-size:13px; color:var(--theme-text-muted); line-height:1.8; }
.cashier-dialog-return[b-0lxa93c7wq] { border:1px solid color-mix(in srgb,var(--cashier-info-ink) 30%,var(--theme-card-border)); padding:10px 16px; border-radius:12px; background:var(--cashier-info-soft); color:var(--cashier-info-ink); font:inherit; font-size:13px; font-weight:800; }
.cashier-reference-scope .cashier-discount-row[b-0lxa93c7wq] { background:var(--cashier-violet-soft); color:var(--cashier-secondary); border:1px solid color-mix(in srgb,var(--cashier-secondary) 32%,var(--theme-card-border)); }
.cashier-reference-scope
.cashier-reference-scope .cashier-notes-expanded[b-0lxa93c7wq] { padding:12px; border:1px solid var(--theme-card-border); border-radius:16px; background:var(--cashier-surface-low); }

.cashier-reference-scope
.cashier-reference-scope .quick-note-chip[b-0lxa93c7wq] { padding:5px 9px; border:1px solid var(--theme-card-border); border-radius:8px; background:var(--cashier-info-soft); color:var(--cashier-info-ink); }

















.cashier-ready-dot[b-0lxa93c7wq] { display:inline-block; width:7px; height:7px; border-radius:50%; background:#10b981; margin-inline-end:6px; }
.cashier-points-explanation[b-0lxa93c7wq] { background:var(--cashier-info-soft); color:var(--cashier-info-ink); padding:16px; border-radius:16px; line-height:1.9; font-size:14px; }
.cashier-reference-scope .cashier-loyalty-discount[b-0lxa93c7wq] { background:transparent; border:0; display:grid; grid-template-columns:minmax(0,1fr); gap:14px; padding:0; color:var(--theme-text-main); }

.cashier-points-value[b-0lxa93c7wq] { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:12px; padding:22px; border-radius:20px; background:var(--cashier-violet-soft); color:var(--cashier-secondary); }
.cashier-points-value strong[b-0lxa93c7wq] { font-size:26px; font-weight:900; }

/* Approved reference: code.html customizer + pos-option-* rules.
   Dedicated selectors replace the legacy horizontal option layout. */
.pos-customizer-dialog[b-0lxa93c7wq] { position:relative; display:flex; flex-direction:column; gap:14px; width:min(768px,calc(100vw - 32px)); max-height:92dvh; padding:20px; border:1px solid var(--theme-card-border); border-radius:32px; box-shadow:0 25px 50px #0004; background:var(--theme-card-bg); color:var(--theme-text-main); overflow:hidden; font-family:Cairo,Tahoma,sans-serif; }
.pos-customizer-header[b-0lxa93c7wq] { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-shrink:0; padding:12px; border:1px solid var(--theme-card-border); border-radius:14px; background:color-mix(in srgb,var(--zj-primary) 10%,var(--theme-card-bg)); }
.pos-customizer-identity[b-0lxa93c7wq] { display:flex; align-items:center; gap:12px; min-width:0; }
.pos-customizer-identity img[b-0lxa93c7wq] { width:48px; height:48px; object-fit:cover; border-radius:16px; flex:none; }
.pos-customizer-title[b-0lxa93c7wq] { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.pos-customizer-title h2[b-0lxa93c7wq] { font-size:18px; font-weight:900; line-height:1.6; margin:0; overflow-wrap:break-word; }
.pos-customizer-badge[b-0lxa93c7wq] { display:inline-flex; padding:3px 10px; border-radius:999px; background:var(--pos-success-soft); color:var(--pos-success-ink); border:1px solid color-mix(in srgb,var(--pos-success-ink) 30%,transparent); font-size:10px; font-weight:900; white-space:nowrap; }
.pos-customizer-header p[b-0lxa93c7wq] { margin:2px 0 0; font-size:12px; font-weight:700; line-height:1.7; color:var(--theme-text-muted); }
.pos-customizer-close[b-0lxa93c7wq] { display:grid; place-items:center; flex:none; padding:0; width:32px; min-width:32px; height:32px; min-height:32px; border-radius:50%; background:color-mix(in srgb,var(--zj-primary) 8%,var(--theme-card-bg)); border:1px solid color-mix(in srgb,var(--theme-text-main) 24%,var(--theme-card-border)); color:var(--theme-text-main); }
.pos-customizer-body[b-0lxa93c7wq] { display:flex; flex-direction:column; gap:16px; min-height:0; overflow-y:auto; max-height:60vh; padding-inline-end:4px; scrollbar-width:thin; scrollbar-color:color-mix(in srgb,var(--zj-primary) 30%,transparent) transparent; }
.pos-option-section[b-0lxa93c7wq] { flex:none; min-width:0; border:1px solid var(--theme-card-border); border-inline-start:4px solid var(--pos-info-ink); background:color-mix(in srgb,var(--pos-info-soft) 55%,var(--theme-card-bg)); padding:14px; border-radius:14px; }
.pos-option-section[data-kind=optional][b-0lxa93c7wq] { border-inline-start-color:var(--pos-violet-ink); background:color-mix(in srgb,var(--pos-violet-soft) 55%,var(--theme-card-bg)); }
.pos-option-section.has-error[b-0lxa93c7wq] { outline:2px solid var(--pos-danger-ink); outline-offset:-2px; }
.pos-option-heading[b-0lxa93c7wq] { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:10px; font-size:15px; font-weight:900; }
.pos-option-heading h3[b-0lxa93c7wq] { margin:0; font:inherit; line-height:1.7; min-width:0; overflow-wrap:break-word; }
.pos-required-chip[b-0lxa93c7wq],.pos-optional-chip[b-0lxa93c7wq],.pos-extra-price[b-0lxa93c7wq],.pos-included-price[b-0lxa93c7wq] { display:inline-flex; align-items:center; border-radius:999px; padding:4px 9px; font-size:11px; font-weight:800; line-height:1.6; white-space:nowrap; width:max-content; max-width:100%; }
.pos-required-chip[b-0lxa93c7wq] { background:var(--pos-info-soft); color:var(--pos-info-ink); border:1px solid color-mix(in srgb,var(--pos-info-ink) 35%,transparent); }
.pos-optional-chip[b-0lxa93c7wq] { background:var(--pos-violet-soft); color:var(--pos-violet-ink); border:1px solid color-mix(in srgb,var(--pos-violet-ink) 35%,transparent); }
.pos-extra-price[b-0lxa93c7wq] { background:var(--pos-warm-soft); color:var(--pos-warm-ink); border:1px solid #c5954d; }
.pos-included-price[b-0lxa93c7wq] { background:var(--pos-success-soft); color:var(--pos-success-ink); border:1px solid #629c7a; }
.pos-option-grid[b-0lxa93c7wq] { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,155px),1fr)); gap:9px; }
.pos-option-section[data-kind=optional] .pos-option-grid[b-0lxa93c7wq] { grid-template-columns:repeat(auto-fit,minmax(min(100%,225px),1fr)); }
.pos-option-card[b-0lxa93c7wq] { display:flex; flex-direction:column; align-items:stretch; gap:10px; text-align:right; padding:12px; border-radius:11px; border:1px solid var(--theme-card-border); background:var(--theme-card-bg); color:var(--theme-text-main); font:inherit; font-size:13px; line-height:1.6; min-height:80px; min-width:0; }
.pos-option-card strong[b-0lxa93c7wq] { display:block; font-weight:800; white-space:normal; word-break:normal; overflow-wrap:break-word; line-height:1.7; }
.pos-option-card[aria-pressed=true][b-0lxa93c7wq] { border:2px solid var(--pos-info-ink); background:var(--pos-info-soft); color:var(--pos-info-ink); }
.pos-addon-card[data-selected=true][b-0lxa93c7wq] { border:2px solid var(--pos-violet-ink); background:var(--pos-violet-soft); }
.pos-addon-choice[b-0lxa93c7wq] { display:flex; align-items:flex-start; gap:8px; cursor:pointer; font-weight:800; }
.pos-addon-choice span[b-0lxa93c7wq] { min-width:0; overflow-wrap:break-word; }
.pos-addon-choice input[b-0lxa93c7wq] { appearance:auto; width:18px; height:18px; min-width:18px; padding:0; margin:2px 0 0; accent-color:var(--pos-violet-ink); flex:none; }
.pos-addon-bottom[b-0lxa93c7wq] { display:flex; align-items:center; justify-content:space-between; gap:8px; flex-wrap:wrap; row-gap:10px; }
.pos-addon-quantity[b-0lxa93c7wq] { display:flex; align-items:center; gap:5px; min-width:max-content; direction:rtl; flex:0 0 auto; }
.pos-addon-quantity button[b-0lxa93c7wq] { display:inline-grid; place-items:center; width:32px; min-width:32px; height:32px; min-height:32px; flex:0 0 32px; padding:0; line-height:1; border-radius:8px; font:inherit; font-size:16px; font-weight:900; }
.pos-addon-quantity input[b-0lxa93c7wq] { box-sizing:border-box; width:3rem; min-width:3rem; height:var(--zj-control-height); min-height:var(--zj-control-height); padding:0 3px; flex:0 0 3rem; font:inherit; font-size:var(--zj-control-font-size); font-weight:900; line-height:1.5; text-align:center; direction:ltr; border-radius:7px; background:var(--pos-warm-soft); color:var(--pos-warm-ink); border:1px solid color-mix(in srgb,var(--pos-warm-ink) 42%,transparent); appearance:textfield; }
.pos-option-hint[b-0lxa93c7wq] { margin:0 0 12px; font-size:12px; color:var(--theme-text-muted); line-height:1.8; }
.pos-option-validation[b-0lxa93c7wq] { margin:4px 0 0; font-size:12px; color:var(--pos-danger-ink); line-height:1.7; }


.pos-customizer-footer[b-0lxa93c7wq] { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; padding-top:12px; border-top:1px solid var(--theme-card-border); flex-shrink:0; }
.pos-customizer-quantity[b-0lxa93c7wq] { display:flex; align-items:center; gap:8px; font-size:12px; font-weight:700; color:var(--theme-text-muted); }
.pos-customizer-quantity>div[b-0lxa93c7wq] { display:flex; align-items:center; gap:6px; padding:4px; border-radius:12px; border:1px solid var(--theme-card-border); background:var(--cashier-surface-low); }
.pos-customizer-quantity strong[b-0lxa93c7wq] { width:24px; text-align:center; font-size:12px; font-weight:900; color:var(--theme-text-main); }
.pos-customizer-quantity button[b-0lxa93c7wq] { padding:0; width:28px; min-width:28px; height:28px; min-height:28px; border-radius:8px; font:inherit; font-weight:900; }
.pos-quantity-minus[b-0lxa93c7wq] { background:color-mix(in srgb,var(--zj-primary) 8%,var(--pos-orange-soft)); color:var(--pos-orange-ink); border:1px solid color-mix(in srgb,var(--pos-orange-ink) 24%,var(--theme-card-border)); }
.pos-quantity-plus[b-0lxa93c7wq] { background:color-mix(in srgb,var(--zj-primary) 8%,var(--pos-success-soft)); color:var(--pos-success-ink); border:1px solid color-mix(in srgb,var(--pos-success-ink) 24%,var(--theme-card-border)); }
.pos-customizer-total span[b-0lxa93c7wq] { display:block; font-size:10px; font-weight:700; color:var(--theme-text-muted); }
.pos-customizer-total strong[b-0lxa93c7wq] { display:block; font-size:20px; font-weight:900; color:var(--pos-info-ink); }
.pos-customizer-actions[b-0lxa93c7wq] { display:flex; align-items:center; gap:8px; }
.pos-customizer-actions button[b-0lxa93c7wq] { padding:10px 16px; border-radius:12px; font:inherit; font-size:12px; font-weight:800; }
.pos-customizer-cancel[b-0lxa93c7wq] { background:color-mix(in srgb,var(--zj-primary) 8%,var(--theme-card-bg)); color:var(--theme-text-main); border:1px solid color-mix(in srgb,var(--theme-text-main) 24%,var(--theme-card-border)); }
.pos-customizer-actions .pos-customizer-commit[b-0lxa93c7wq] { padding-inline:24px; background:color-mix(in srgb,var(--zj-primary) 8%,var(--pos-success-soft)); color:var(--pos-success-ink); border:2px solid var(--pos-success-ink); box-shadow:inset 0 -3px var(--pos-success-ink); }
.pos-customizer-dialog button[b-0lxa93c7wq] { cursor:pointer; }
.pos-customizer-dialog button:disabled[b-0lxa93c7wq],.pos-customizer-dialog input:disabled[b-0lxa93c7wq] { opacity:.45; cursor:not-allowed; }
.pos-customizer-dialog button:hover:not(:disabled)[b-0lxa93c7wq] { filter:brightness(.97); }
.pos-customizer-dialog button:focus-visible[b-0lxa93c7wq],.pos-customizer-dialog input:focus-visible[b-0lxa93c7wq] { outline:3px solid var(--zj-primary); outline-offset:2px; }
@media(max-height:650px) { .pos-customizer-dialog[b-0lxa93c7wq] { gap:10px; padding:16px; max-height:calc(100dvh - 16px); } .pos-customizer-header[b-0lxa93c7wq] { padding:8px; }  }
@media(max-width:600px) { .pos-customizer-dialog[b-0lxa93c7wq] { padding:16px; gap:12px; border-radius:24px; } .pos-customizer-title h2[b-0lxa93c7wq] { font-size:16px; } .pos-customizer-footer[b-0lxa93c7wq] { column-gap:14px; } .pos-customizer-actions[b-0lxa93c7wq] { width:100%; justify-content:flex-end; } }
[data-theme="dark"] .cashier-approved-layout .cashier-availability.instant[b-0lxa93c7wq] { background:#483915!important; color:#ffe6a0!important; border-color:#826b32!important; }
[data-theme="dark"] .cashier-approved-layout .cashier-availability.available[b-0lxa93c7wq] { background:#163b2c!important; color:#c4f3d6!important; border-color:#356e52!important; }
.pos-addon-quantity input[b-0lxa93c7wq]::-webkit-inner-spin-button,.pos-addon-quantity input[b-0lxa93c7wq]::-webkit-outer-spin-button { -webkit-appearance:none; margin:0; }
.pos-addon-quantity :disabled[b-0lxa93c7wq] { opacity:.4; filter:grayscale(1); }

.cashier-catalog-pages[b-0lxa93c7wq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    flex-shrink: 0;
    color: var(--theme-text-main);
    font-size: .8rem;
    font-variant-numeric: tabular-nums;
}
.cashier-catalog-pages button[b-0lxa93c7wq] { min-height: 44px; padding-inline: .8rem; }
.cashier-catalog-pages span[b-0lxa93c7wq] { text-align: center; }

/* Equal side tracks keep sale channels centered independently of identity width. */
@media (min-width: 1200px) {
    .cashier-approved-layout .cashier-header__identity[b-0lxa93c7wq] { flex:1 1 230px; max-width:340px; min-width:140px; }
    .cashier-approved-layout .cashier-header__title[b-0lxa93c7wq] { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal; overflow-wrap:anywhere; line-height:1.35; font-size:16px; }
    .cashier-approved-layout .cashier-header__shift-badge[b-0lxa93c7wq] { flex-direction:column; align-items:flex-start; gap:3px; flex-shrink:0; }
    .cashier-approved-layout .shift-user-name[b-0lxa93c7wq] { max-width:150px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
}
.cashier-start-hint[b-0lxa93c7wq] { display:flex; align-items:center; gap:8px; margin:16px 12px; padding:12px 0; border-top:1px solid var(--theme-card-border); color:var(--zj-on-surface-variant); font-size:13px; line-height:1.8; }
.cashier-start-hint .material-symbols-outlined[b-0lxa93c7wq] { flex:none; font-size:22px; }

/* Stage 21: query the available workspace, not a device name or user agent.
   Both panels stay mounted; changing presentation never submits the form. */
.cashier-adaptive-host[b-0lxa93c7wq] { container: cashier-workspace / size; flex:1 1 auto; min-height:0; min-width:0; height:100%; }
.cashier-review-bar[b-0lxa93c7wq],.cashier-review-return[b-0lxa93c7wq] { display:none; }
@container cashier-workspace (max-width: 1100px) {
    .cashier-approved-layout .cashier-cart-inline[b-0lxa93c7wq] { display:flex!important; overflow:hidden; }
    .cashier-approved-layout .cashier-ticket__footer[b-0lxa93c7wq] { flex:0 0 auto!important; }
    .cashier-approved-layout .cashier-manual-inline[b-0lxa93c7wq],.cashier-approved-layout .cashier-notes-inline[b-0lxa93c7wq] { display:none!important; }
    .cashier-approved-layout .cashier-compact-actions[b-0lxa93c7wq] { display:flex; }
    .cashier-approved-layout .cashier-compact-actions > button:first-child[b-0lxa93c7wq] { display:none; }
}
@container cashier-workspace (max-width: 900px) or ((max-width: 1100px) and (max-height: 650px)) {
    .cashier-approved-layout .cashier-workspace[b-0lxa93c7wq] { display:grid!important; grid-template-columns:minmax(0,1fr)!important; grid-template-rows:minmax(0,1fr) auto; gap:10px!important; overflow:hidden; }
    .cashier-approved-layout .cashier-center[b-0lxa93c7wq] { grid-area:1 / 1; min-width:0; height:100%; }
    .cashier-approved-layout .cashier-ticket[b-0lxa93c7wq] { display:none!important; grid-area:1 / 1; width:100%; max-height:100%; }
    .cashier-approved-layout .is-reviewing .cashier-center[b-0lxa93c7wq] { visibility:hidden; pointer-events:none; }
    .cashier-approved-layout .is-reviewing .cashier-ticket[b-0lxa93c7wq] { display:flex!important; overflow-y:auto!important; overflow-x:hidden!important; overscroll-behavior:contain; }
    .cashier-approved-layout .cashier-ticket[b-0lxa93c7wq]  [data-render-region="cashier-ticket"] { flex:0 0 auto!important; overflow:visible!important; }
    .cashier-approved-layout .cashier-cart-inline[b-0lxa93c7wq] { flex:0 0 auto; overflow:visible; }
    .cashier-approved-layout .cashier-cart-inline[b-0lxa93c7wq]  .cashier-scroll-shell { flex:0 0 auto; height:auto; overflow:visible; }
    .cashier-approved-layout .cashier-cart-inline .cashier-ticket__scroll-area[b-0lxa93c7wq] { flex:0 0 auto!important; height:auto!important; overflow:visible!important; }
    .cashier-approved-layout .cashier-ticket__footer[b-0lxa93c7wq] { overflow:visible!important; }
    .cashier-approved-layout .cashier-menu .cashier-item-grid[b-0lxa93c7wq] { grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important; }
    .cashier-review-bar[b-0lxa93c7wq] { display:flex; grid-area:2 / 1; align-items:center; justify-content:space-between; gap:12px; padding:10px 14px; border:1px solid var(--zj-outline-variant); border-radius:16px; background:var(--cashier-panel); color:var(--zj-on-surface); }
    .cashier-review-bar > div[b-0lxa93c7wq] { display:flex; flex-direction:column; gap:2px; }
    .cashier-review-bar span[b-0lxa93c7wq] { font-size:13px; }
    .cashier-review-bar strong[b-0lxa93c7wq] { font-size:22px; font-variant-numeric:tabular-nums; }
    .cashier-review-bar button[b-0lxa93c7wq],.cashier-review-return[b-0lxa93c7wq] { min-height:48px; padding:8px 16px; border-radius:12px; border:1px solid var(--zj-outline-variant); font:inherit; font-weight:800; }
    .cashier-review-bar button[b-0lxa93c7wq] { display:flex; gap:8px; align-items:center; background:var(--zj-ds-action-background); color:var(--zj-ds-action-foreground); }
    .cashier-review-return[b-0lxa93c7wq] { display:flex; align-items:center; justify-content:space-between; flex-shrink:0; background:var(--cashier-soft); color:var(--zj-on-surface); }
    .cashier-review-bar button:focus-visible[b-0lxa93c7wq],.cashier-review-return:focus-visible[b-0lxa93c7wq] { outline:3px solid var(--zj-primary); outline-offset:3px; }
    .cashier-approved-layout .cashier-ticket__items[b-0lxa93c7wq] { display:grid!important; grid-template-columns:repeat(auto-fit,minmax(290px,1fr))!important; }
    .cashier-cart-inline[b-0lxa93c7wq]  .cashier-line-quantity button,
    .cashier-cart-inline[b-0lxa93c7wq]  .cashier-cart-card__delete,
    .cashier-cart-inline[b-0lxa93c7wq]  .cashier-cart-card__edit { min-width:48px!important; min-height:48px!important; height:48px!important; }
    .cashier-review-bar .cashier-review-actions[b-0lxa93c7wq] { background:var(--cashier-soft); color:var(--zj-on-surface); }
}

/* Keep search visible when category filters are folded. */
.cashier-filter-controls[b-0lxa93c7wq] { display:flex; align-items:center; gap:.5rem; flex-wrap:wrap; padding:.25rem 0; }
.cashier-filter-controls button[b-0lxa93c7wq] { min-height:44px; padding:.4rem .65rem; border:1px solid var(--zj-outline-variant); border-radius:.6rem; background:var(--zj-surface-container-low); color:var(--zj-on-surface); font:inherit; cursor:pointer; }
.cashier-filter-controls button:focus-visible[b-0lxa93c7wq] { outline:2px solid currentColor; outline-offset:2px; }
.cashier-filter-summary[b-0lxa93c7wq] { flex:1; min-width:0; overflow-wrap:anywhere; font-size:.8rem; }
#cashier-categories[hidden][b-0lxa93c7wq] { display:none !important; }
.cashier-shortcut-list[b-0lxa93c7wq] { display:grid; grid-template-columns:auto 1fr; gap:.8rem; }
.cashier-shortcut-list dd[b-0lxa93c7wq] { margin:0; }
.cashier-shortcut-list kbd[b-0lxa93c7wq] { direction:ltr; display:inline-block; padding:.25rem .5rem; border:1px solid currentColor; border-radius:.3rem; }

@supports not (color: color-mix(in srgb, black, white)) {
    .cashier-approved-layout .order-type-btn[b-0lxa93c7wq] { background: var(--action-soft) !important; border-color: var(--action-ink) !important; }
    .cashier-approved-layout .cashier-item-tile__add-btn[b-0lxa93c7wq] { background: var(--cashier-success-soft, #e1f4e9) !important; }
    .cashier-discount-row[b-0lxa93c7wq], .cashier-saved-badge[b-0lxa93c7wq] { background: var(--zj-surface-container); }
}

/* Device-local compact mode: one row of tools and readable category names. */
.cashier-menu-heading[b-0lxa93c7wq] { display:contents; }
.cashier-small-screen .cashier-menu-heading[b-0lxa93c7wq] {
    display:flex;
    align-items:center;
    gap:8px;
    flex:none;
    min-width:0;
    --cashier-category-padding:6px 8px;
}
.cashier-small-screen #cashier-categories[b-0lxa93c7wq] { flex:1; min-width:0; }
.cashier-compact-tools[b-0lxa93c7wq] { display:flex; align-items:center; gap:4px; flex:none; }
.cashier-compact-tool[b-0lxa93c7wq] {
    display:grid; place-items:center; position:relative;
    width:44px; height:44px; flex:none; padding:0;
    border:1px solid var(--theme-card-border); border-radius:10px;
    background:var(--cashier-panel,var(--zj-surface)); color:var(--theme-text-main);
    font:inherit; cursor:pointer;
}
.cashier-compact-tool .material-symbols-outlined[b-0lxa93c7wq] { font-size:21px; }
.cashier-compact-tool.is-active[b-0lxa93c7wq] { border-color:var(--zj-primary); color:var(--zj-primary); }
.cashier-compact-tool.is-active[b-0lxa93c7wq]::after { content:""; position:absolute; top:5px; inset-inline-end:5px; width:6px; height:6px; border-radius:50%; background:currentColor; }
.cashier-compact-tool:focus-visible[b-0lxa93c7wq] { outline:3px solid var(--zj-primary); outline-offset:2px; }
.cashier-small-screen .cashier-category-pill[b-0lxa93c7wq],
.cashier-small-screen .cashier-category-button[b-0lxa93c7wq] { min-height:44px; font-size:.75rem; gap:4px; }
.cashier-small-screen .cashier-category-button[b-0lxa93c7wq] { padding:6px 8px; }
.cashier-visually-hidden[b-0lxa93c7wq] { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }

/* Compact header: an explicit, persistent disclosure; sale channels stay visible. */
.cashier-approved-layout .cashier-header__actions[hidden][b-0lxa93c7wq] { display:none; }
.cashier-small-screen .cashier-toolbar[b-0lxa93c7wq] {
    --cashier-toolbar-size:auto;
    --cashier-toolbar-min-size:56px;
    --cashier-toolbar-padding:6px;
    --cashier-header-control-size:36px;
    --cashier-actions-wrap:wrap;
    row-gap:6px;
}
.cashier-small-screen .cashier-header-tools-toggle[b-0lxa93c7wq] { grid-column:3; grid-row:1; justify-self:end; width:36px; }
.cashier-small-screen .cashier-header-tools-toggle[aria-expanded="true"][b-0lxa93c7wq] { color:var(--zj-primary); border-color:currentColor!important; }
.cashier-small-screen .cashier-header-tools-toggle:focus-visible[b-0lxa93c7wq] { outline:2px solid var(--zj-primary); outline-offset:2px; }
.cashier-small-screen .cashier-header__actions[b-0lxa93c7wq] { grid-column:1 / -1; grid-row:2; justify-content:flex-end; gap:6px; width:100%; padding-block-start:6px; border-top:1px solid var(--zj-outline-variant); }
.cashier-small-screen .cashier-toolbar-overflow[b-0lxa93c7wq],
.cashier-small-screen .cashier-toolbar-menu.is-inline[b-0lxa93c7wq] { display:contents; }
.cashier-small-screen .cashier-header__actions .cashier-icon-btn[b-0lxa93c7wq] { width:36px; min-width:36px; }
.cashier-small-screen .cashier-header__actions .material-symbols-outlined[b-0lxa93c7wq],
.cashier-small-screen .cashier-header-tools-toggle .material-symbols-outlined[b-0lxa93c7wq] { font-size:19px; }
.cashier-small-screen .cashier-header__title[b-0lxa93c7wq] { font-size:14px; }
.cashier-small-screen .cashier-header__brand[b-0lxa93c7wq] { gap:6px; }
.cashier-small-screen .cashier-header__logo[b-0lxa93c7wq] { width:30px; height:30px; }
.cashier-small-screen .cashier-header__actions[b-0lxa93c7wq]  .release-button { width:36px; height:36px; min-height:36px; padding:4px; }
.cashier-small-screen .cashier-header__actions[b-0lxa93c7wq]  .release-logo { width:26px; height:26px; }

/* Ticket density follows the explicit device preference, not business capabilities. */
.cashier-small-screen[b-0lxa93c7wq] {
    --cashier-ticket-padding:8px;
    --cashier-cart-margin:4px;
    --cashier-summary-gap:4px;
    --cashier-summary-padding:8px;
    --cashier-summary-margin:4px;
    --cashier-card-padding:8px;
    --cashier-card-label-display:none;
    --cashier-card-face-min:36px;
    --cashier-card-face-padding:4px;
    --cashier-card-controls-padding:4px;
}
.cashier-small-screen .cashier-compact-actions[b-0lxa93c7wq] { display:flex; gap:4px; margin:4px 0; }
.cashier-small-screen .cashier-compact-actions button[b-0lxa93c7wq] { flex:0 0 auto; position:relative; min-width:40px; min-height:40px; padding:4px 8px; border-radius:10px; }
.cashier-small-screen .cashier-compact-actions .compact-action-label[b-0lxa93c7wq] { display:none; }
.cashier-small-screen .compact-action-count[b-0lxa93c7wq] { font-size:12px; font-variant-numeric:tabular-nums; }
.cashier-small-screen .cashier-compact-actions button.has-value[b-0lxa93c7wq]::after { content:""; position:absolute; top:4px; inset-inline-end:4px; width:6px; height:6px; border-radius:50%; background:currentColor; }
.cashier-small-screen .cashier-compact-actions button:focus-visible[b-0lxa93c7wq] { outline:2px solid var(--zj-primary); outline-offset:2px; }
.cashier-small-screen .cashier-notes-inline[b-0lxa93c7wq],
.cashier-small-screen .cashier-manual-inline[b-0lxa93c7wq] { display:none; }
@media(pointer:coarse) {
    .cashier-small-screen[b-0lxa93c7wq] { --cashier-card-face-min:44px; }
    .cashier-small-screen .cashier-compact-actions button[b-0lxa93c7wq] { min-width:44px; min-height:44px; }
}
/* _content/Zajal.Shared/Pages/Admin/OrderDetails.razor.rz.scp.css */
.order-details__hero-actions[b-z9b8ovykq1]  .btn-glass {
    background: #fff;
    color: #0369a1;
}

.order-details__hero-badges[b-z9b8ovykq1]  .badge {
    background: var(--zj-surface);
    color: var(--zj-on-surface);
    font-size: 0.75rem;
}

.order-details__hero[b-z9b8ovykq1] {
    background: #0369a1 !important;
    color: #fff !important;
}
.order-details__workflow-actions[b-z9b8ovykq1] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-block: 1rem 1.5rem;
}
.order-details__workflow-actions .zj-action-link[b-z9b8ovykq1] {
    justify-content: flex-start;
    text-align: start;
    padding: .85rem 1rem;
}
.order-details__workflow-actions .material-symbols-outlined[b-z9b8ovykq1] {
    flex-shrink: 0;
    color: var(--zj-on-surface-variant);
    font-size: 1.35rem;
}
@media (max-width: 900px) {
    .order-details__workflow-actions[b-z9b8ovykq1] { grid-template-columns: 1fr; }
}
.order-details__selected-options[b-z9b8ovykq1] { margin-block: .4rem; padding-inline-start: 1.2rem; color: var(--zj-on-surface-variant); font-size: .875rem; line-height: 1.7; overflow-wrap: anywhere; }
.order-details__line-notes[b-z9b8ovykq1] { margin-block: .5rem 0; color: var(--zj-on-surface-variant); white-space: pre-wrap; overflow-wrap: anywhere; }
.order-details__summary[b-z9b8ovykq1] { display: grid; gap: .65rem; }
/* _content/Zajal.Shared/Pages/Admin/OrderManagement.razor.rz.scp.css */
.order-management[b-vg1y7vfw8d]  .pagination__btn,
.order-management .btn-icon[b-vg1y7vfw8d] {
    min-width: 44px;
    min-height: 44px;
}

.order-management .btn-primary[b-vg1y7vfw8d] {
    background: #0369a1 !important;
    border-color: #0369a1 !important;
    color: #fff !important;
}
/* _content/Zajal.Shared/Pages/Admin/OutboxEmailReview.razor.rz.scp.css */
.review-actions[b-vrzvwijzip] { display:flex; align-items:end; gap:12px; flex-wrap:wrap; margin:12px 0; }


.review-table[b-vrzvwijzip] { overflow-x:auto; }
.review-detail[b-vrzvwijzip] { margin-top:16px; padding:16px; border:1px solid var(--zj-outline-variant); border-radius:12px; }
.review-detail h2[b-vrzvwijzip] { font-size:18px; margin-top:0; }

.review-detail summary[b-vrzvwijzip] { cursor:pointer; margin-top:12px; }
.review-detail small[b-vrzvwijzip] { display:block; overflow-wrap:anywhere; }
.app-page-container[b-vrzvwijzip]{padding:0;min-width:0}.app-page-container h2[b-vrzvwijzip]{font-size:clamp(1.4rem,2vw,1.75rem)}
.review-toolbar[b-vrzvwijzip]{padding:1rem;border:1px solid var(--zj-outline-variant);border-radius:var(--zj-radius-lg);background:var(--zj-surface)}
.review-table[b-vrzvwijzip]{max-width:100%;border:1px solid var(--zj-outline-variant);border-radius:var(--zj-radius-lg);background:var(--zj-surface)}
.review-table table[b-vrzvwijzip]{min-width:48rem;width:100%;border-collapse:collapse;margin:0}.review-detail[b-vrzvwijzip]{background:var(--zj-surface)}
.review-table th[b-vrzvwijzip],.review-table td[b-vrzvwijzip]{padding:.8rem;text-align:start;vertical-align:top;line-height:1.7;border-bottom:1px solid var(--zj-outline-variant)}
.review-table th[b-vrzvwijzip]{white-space:normal;min-width:5rem;background:var(--zj-surface-container-low);color:var(--zj-on-surface)}
.review-table td:first-child[b-vrzvwijzip]{min-width:13rem}.review-table td small[b-vrzvwijzip]{display:block;overflow-wrap:anywhere}.review-table td:nth-child(3)[b-vrzvwijzip]{white-space:nowrap}.review-table tr:last-child td[b-vrzvwijzip]{border-bottom:0}
.review-table:focus-visible[b-vrzvwijzip]{outline:3px solid var(--zj-secondary);outline-offset:3px}
.review-detail h2[b-vrzvwijzip]{font-size:1.5rem}.review-detail h3[b-vrzvwijzip]{font-size:1.15rem}.review-facts[b-vrzvwijzip]{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.75rem}.review-facts dd[b-vrzvwijzip]{margin:0}.review-facts dt[b-vrzvwijzip]{color:var(--zj-on-surface-variant)}
.review-decision[b-vrzvwijzip]{border:1px solid var(--zj-outline-variant);border-radius:var(--zj-radius-md);padding:1rem;margin-block:.75rem;background:var(--zj-surface-container-low)}
.review-detail p[b-vrzvwijzip],.review-detail label[b-vrzvwijzip]{overflow-wrap:anywhere}.review-actions .btn[b-vrzvwijzip]{white-space:normal;max-width:100%;min-height:44px}
/* _content/Zajal.Shared/Pages/Admin/PaidSettlements.razor.rz.scp.css */
.settlements-page[b-400rkjiiur] { padding:clamp(16px,2.5vw,32px); display:grid; gap:20px; min-width:0; color:var(--zj-on-surface); overflow-wrap:anywhere; }
.settlements-page[b-400rkjiiur]  .zj-page-header__title { font-size:clamp(28px,3vw,36px); line-height:1.6; font-weight:800; }
.settlement-region[b-400rkjiiur] { padding:clamp(18px,2.3vw,28px); border:1px solid var(--zj-outline-variant); border-radius:16px; background:var(--zj-surface-container-lowest); min-width:0; }
h2[b-400rkjiiur] { margin:0 0 14px; font-size:clamp(22px,2vw,26px); font-weight:800; line-height:1.6; }
p[b-400rkjiiur] { margin:8px 0 0; line-height:1.9; }
.scope-note[b-400rkjiiur] { border-inline-start:4px solid var(--zj-primary); }
.scope-note p + p[b-400rkjiiur], .list-guidance[b-400rkjiiur], .list-actions p[b-400rkjiiur] { color:var(--zj-on-surface-variant); }
.region-heading[b-400rkjiiur] { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:12px; border-bottom:1px solid var(--zj-outline-variant); padding-bottom:14px; margin-bottom:16px; }
.region-heading h2[b-400rkjiiur] { margin:0; }
.loaded-count[b-400rkjiiur] { padding:6px 12px; border:1px solid var(--zj-outline-variant); border-radius:10px; background:var(--zj-surface-container-low); font-weight:700; }
.settlement-status[b-400rkjiiur] { padding:16px; border:1px solid var(--zj-outline-variant); border-radius:10px; background:var(--zj-surface-container-low); }
.settlement-list[b-400rkjiiur] { padding:0; margin:18px 0 0; list-style:none; display:grid; gap:12px; }
.document-link[b-400rkjiiur] { display:flex; align-items:center; gap:16px; padding:18px; border:1px solid var(--zj-outline-variant); border-radius:12px; color:var(--zj-on-surface); text-decoration:none; min-width:0; }
.document-link:hover[b-400rkjiiur] { border-color:var(--zj-primary); background:var(--zj-surface-container-low); }
.document-icon[b-400rkjiiur] { color:var(--zj-primary); padding:12px; border:1px solid var(--zj-outline-variant); border-radius:12px; }
.document-copy[b-400rkjiiur] { flex:1; min-width:0; display:grid; gap:6px; }
.document-kind[b-400rkjiiur] { color:var(--zj-on-surface-variant); font-size:14px; }
.document-copy strong[b-400rkjiiur] { font-size:18px; line-height:1.7; }
.document-next[b-400rkjiiur] { color:var(--zj-on-surface); font-weight:600; text-decoration:none; text-underline-offset:4px; line-height:1.8; }
.list-actions[b-400rkjiiur] { display:flex; align-items:center; flex-wrap:wrap; gap:16px; margin-top:20px; }
.list-actions p[b-400rkjiiur] { flex:1 1 240px; }
.settlement-error[b-400rkjiiur] { padding:20px; border:1px solid var(--zj-error); border-inline-start:4px solid var(--zj-error); border-radius:12px; background:var(--zj-surface-container-lowest); }
.settlement-error strong[b-400rkjiiur] { color:var(--zj-error); font-size:18px; }
.settlement-error button[b-400rkjiiur] { margin-top:12px; }
button[b-400rkjiiur] { min-height:44px; white-space:normal; }
a:focus-visible[b-400rkjiiur], button:focus-visible[b-400rkjiiur] { outline:3px solid var(--zj-on-surface); outline-offset:4px; }
@media(max-width:600px) { .document-link[b-400rkjiiur] { gap:10px; padding:14px; } .document-icon[b-400rkjiiur] { display:none; } .list-actions button[b-400rkjiiur] { width:100%; } }
/* _content/Zajal.Shared/Pages/Admin/PermissionsManagement.razor.rz.scp.css */
.permissions-page[b-jxv2ug8ji7] { display:grid; gap:1rem; min-width:0; }
.permissions-layout[b-jxv2ug8ji7] { display:grid; grid-template-columns:minmax(16rem,.8fr) minmax(0,2.2fr); gap:1.25rem; align-items:start; }
.permissions-sidebar[b-jxv2ug8ji7],.permissions-workspace[b-jxv2ug8ji7],.permissions-editor[b-jxv2ug8ji7] { min-width:0; }
.permissions-sidebar__body[b-jxv2ug8ji7],.permissions-workspace[b-jxv2ug8ji7],.permissions-editor[b-jxv2ug8ji7] { display:grid; gap:1rem; }
.permissions-sidebar__body[b-jxv2ug8ji7] { padding:1rem; }
.permissions-sidebar__heading[b-jxv2ug8ji7] { padding:.75rem; border:1px solid var(--zj-outline-variant); border-inline-start:4px solid var(--zj-primary); border-radius:.7rem; background:linear-gradient(115deg,rgba(var(--zj-primary-rgb),.08),var(--zj-surface)); }
h2[b-jxv2ug8ji7],h3[b-jxv2ug8ji7] { margin:0; line-height:1.6; color:var(--zj-on-surface); overflow-wrap:anywhere; }
h2[b-jxv2ug8ji7] { font-size:clamp(1.375rem,1.8vw,1.65rem); font-weight:800; }
h3[b-jxv2ug8ji7] { font-size:1.125rem; }
.permissions-sidebar__heading-actions[b-jxv2ug8ji7],.permissions-inline-actions[b-jxv2ug8ji7] { display:flex; flex-wrap:wrap; gap:.5rem; }
.permissions-sidebar__heading-actions button[b-jxv2ug8ji7] { flex:1; }
button[b-jxv2ug8ji7] { min-height:44px; white-space:normal; line-height:1.6; }
button:focus-visible[b-jxv2ug8ji7],a:focus-visible[b-jxv2ug8ji7],input:focus-visible[b-jxv2ug8ji7] { outline:3px solid var(--zj-primary); outline-offset:3px; }
.job-title-editor[b-jxv2ug8ji7] { display:grid; gap:.85rem; padding:1rem; border:1px solid var(--zj-outline-variant); border-radius:.85rem; background:var(--zj-surface-container-low); }
.job-title-editor__status[b-jxv2ug8ji7] { display:flex; gap:.5rem; align-items:center; min-height:44px; }
.job-title-editor input[type=checkbox][b-jxv2ug8ji7] { width:1.1rem; height:1.1rem; accent-color:var(--zj-primary); }
.job-title-list[b-jxv2ug8ji7] { display:grid; gap:.7rem; max-height:65vh; overflow:auto; padding:.2rem; }
.job-title-card[b-jxv2ug8ji7] { display:grid; gap:.7rem; padding:.85rem; border:1px solid var(--zj-outline-variant); border-radius:.85rem; background:var(--zj-surface-container-low); }
.job-title-card--selected[b-jxv2ug8ji7] { border:2px solid var(--zj-primary); background:linear-gradient(120deg,rgba(var(--zj-primary-rgb),.1),var(--zj-surface)); }
.job-title-card__select[b-jxv2ug8ji7] { display:grid; grid-template-columns:auto minmax(0,1fr); gap:.6rem; align-items:center; text-align:start; padding:0; border:0; background:transparent; color:var(--zj-on-surface); cursor:pointer; }
.job-title-card__select strong[b-jxv2ug8ji7],.job-title-card__select small[b-jxv2ug8ji7] { display:block; overflow-wrap:anywhere; }
.job-title-card__select strong[b-jxv2ug8ji7] { font-size:1rem; }
.job-title-card__select small[b-jxv2ug8ji7] { margin-top:.25rem; font-size:.8rem; color:var(--zj-on-surface-variant); }
.job-title-card__icon[b-jxv2ug8ji7],.permissions-summary__icon[b-jxv2ug8ji7] { display:grid; place-items:center; min-width:2.5rem; min-height:2.5rem; border-radius:.7rem; background:rgba(var(--zj-primary-rgb),.1); color:var(--zj-primary); }
.job-title-card__footer[b-jxv2ug8ji7] { display:flex; gap:.5rem; align-items:center; flex-wrap:wrap; justify-content:space-between; }
.user-permission-picker[b-jxv2ug8ji7] { display:grid; gap:.8rem; padding:1rem; }
.user-permission-picker__search[b-jxv2ug8ji7] { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:.7rem; align-items:end; }
.user-search-results[b-jxv2ug8ji7] { display:flex; flex-wrap:wrap; gap:.6rem; }
.user-result[b-jxv2ug8ji7] { display:flex; gap:.6rem; align-items:center; padding:.75rem; border:1px solid var(--zj-outline-variant); border-radius:.7rem; color:var(--zj-on-surface); background:var(--zj-surface); text-align:start; max-width:100%; }
.user-result strong[b-jxv2ug8ji7],.user-result small[b-jxv2ug8ji7] { display:block; overflow-wrap:anywhere; }
.user-result small[b-jxv2ug8ji7] { color:var(--zj-on-surface-variant); }
.user-result--selected[b-jxv2ug8ji7] { border:2px solid var(--zj-primary); background:rgba(var(--zj-primary-rgb),.07); }
.permissions-summary[b-jxv2ug8ji7] { display:flex; align-items:center; flex-wrap:wrap; gap:1rem; padding:1rem; border:1px solid var(--zj-outline-variant); border-inline-start:4px solid var(--zj-primary); border-radius:1rem; background:linear-gradient(115deg,rgba(var(--zj-primary-rgb),.07),var(--zj-surface)); }
.permissions-summary__identity[b-jxv2ug8ji7] { display:flex; align-items:center; gap:.75rem; flex:1 1 18rem; min-width:0; }
.permissions-summary__identity>div[b-jxv2ug8ji7] { min-width:0; }
.permissions-summary p[b-jxv2ug8ji7] { margin:.3rem 0 0; color:var(--zj-on-surface-variant); font-size:.875rem; line-height:1.75; }
.permissions-eyebrow[b-jxv2ug8ji7] { display:block; font-weight:750; font-size:.8rem; color:var(--zj-primary); }
.permissions-summary__stats[b-jxv2ug8ji7] { display:flex; flex-wrap:wrap; align-items:center; gap:.7rem; }
.permissions-summary__stats>span[b-jxv2ug8ji7] { display:grid; padding:.45rem .7rem; border:1px solid var(--zj-outline-variant); border-radius:.7rem; background:var(--zj-surface); font-size:.8rem; color:var(--zj-on-surface); }
.permissions-summary__stats strong[b-jxv2ug8ji7] { font-size:1.125rem; }
.permissions-summary__actions[b-jxv2ug8ji7] { display:flex; gap:.5rem; flex-wrap:wrap; margin-inline-start:auto; }
.permissions-toolbar[b-jxv2ug8ji7] { display:flex; gap:.85rem; flex-wrap:wrap; align-items:end; padding:1rem; border:1px solid var(--zj-outline-variant); border-radius:.85rem; background:var(--zj-surface-container-low); }
.permissions-search[b-jxv2ug8ji7] { flex:1 1 17rem; }
.permissions-filters[b-jxv2ug8ji7] { display:flex; flex-wrap:wrap; gap:.45rem; }
.permissions-filter[b-jxv2ug8ji7] { padding:.5rem .75rem; border:1px solid var(--zj-outline-variant); border-radius:.7rem; color:var(--zj-on-surface-variant); background:var(--zj-surface); cursor:pointer; }
.permissions-filter--active[b-jxv2ug8ji7] { border:2px solid var(--zj-primary); color:var(--zj-primary); font-weight:800; background:rgba(var(--zj-primary-rgb),.1); }
.mandatory-note[b-jxv2ug8ji7],.permissions-error[b-jxv2ug8ji7] { margin:0; padding:1rem; border:1px solid var(--zj-outline-variant); border-radius:.8rem; background:var(--zj-surface); color:var(--zj-on-surface); line-height:1.8; overflow-wrap:anywhere; }
.permissions-error[b-jxv2ug8ji7] { border-inline-start:4px solid var(--zj-error); }
.mandatory-note[b-jxv2ug8ji7] { border-inline-start:4px solid var(--zj-primary); }
.permissions-help[b-jxv2ug8ji7] { color:var(--zj-on-surface-variant); line-height:1.8; font-size:.85rem; margin:0; }
@media(max-width:64rem) { .permissions-layout[b-jxv2ug8ji7] { grid-template-columns:minmax(0,1fr); } .job-title-list[b-jxv2ug8ji7] { grid-template-columns:repeat(2,minmax(0,1fr)); max-height:none; } }
@media(max-width:44rem) {
 .job-title-list[b-jxv2ug8ji7] { grid-template-columns:minmax(0,1fr); }
 .user-permission-picker__search[b-jxv2ug8ji7] { grid-template-columns:minmax(0,1fr); }
 .permissions-summary__actions[b-jxv2ug8ji7],.permissions-summary__stats[b-jxv2ug8ji7] { width:100%; }
 .permissions-summary__actions button[b-jxv2ug8ji7] { flex:1; }
 .permissions-summary__identity[b-jxv2ug8ji7] { align-items:start; }
}
/* _content/Zajal.Shared/Pages/Admin/PlatformOperations.razor.rz.scp.css */
/* Hallmark app screen: operational ledger, existing Zajal tokens and Cairo. No marketing framing. */
.platform-ops[b-hyrjc8jan0]{max-width:1600px;margin-inline:auto;padding:clamp(16px,2.5vw,36px);color:var(--zj-on-surface)}
.ops-heading[b-hyrjc8jan0],.ops-detail-heading[b-hyrjc8jan0]{display:flex;align-items:start;justify-content:space-between;gap:20px}.ops-heading h1[b-hyrjc8jan0]{font-size:clamp(26px,3vw,36px);margin:0 0 12px;font-weight:750}.ops-heading p[b-hyrjc8jan0],.ops-caption[b-hyrjc8jan0],.ops-kind[b-hyrjc8jan0],.ops-plan[b-hyrjc8jan0],.ops-detail-heading>div>span[b-hyrjc8jan0]{color:var(--zj-on-surface-variant);line-height:1.9}.ops-actions[b-hyrjc8jan0]{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.ops-overview[b-hyrjc8jan0]{display:flex;gap:clamp(24px,4vw,64px);align-items:center;border-block:1px solid var(--zj-outline-variant);padding:24px 0;margin:28px 0 0}.ops-overview>div[b-hyrjc8jan0]{display:grid;gap:8px}.ops-overview strong[b-hyrjc8jan0]{font-size:30px;font-variant-numeric:tabular-nums}.ops-overview span[b-hyrjc8jan0]{font-size:14px}.ops-overview p[b-hyrjc8jan0]{margin-inline-start:auto;color:var(--zj-on-surface-variant);font-size:13px;line-height:1.8}
.ops-filters[b-hyrjc8jan0]{display:flex;gap:8px;flex-wrap:wrap;padding:20px 0}.ops-filters button[b-hyrjc8jan0]{font:inherit;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--zj-on-surface-variant);padding:12px 16px;cursor:pointer}.ops-filters button.selected[b-hyrjc8jan0]{color:var(--zj-primary);border-color:var(--zj-primary);font-weight:700}
.ops-workspace[b-hyrjc8jan0]{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(340px,1fr);gap:24px;align-items:start}.ops-list[b-hyrjc8jan0]{min-width:0}.ops-row[b-hyrjc8jan0]{display:grid;grid-template-columns:minmax(0,1fr) 120px 120px;gap:16px;align-items:center;width:100%;text-align:start;padding:24px 16px;border:0;border-bottom:1px solid var(--zj-outline-variant);border-inline-start:3px solid transparent;background:transparent;color:inherit;font:inherit;cursor:pointer}.ops-row:hover[b-hyrjc8jan0],.ops-row.is-selected[b-hyrjc8jan0]{background:var(--zj-surface-container-low)}.ops-row.is-selected[b-hyrjc8jan0]{border-inline-start-color:var(--zj-primary)}.ops-row-main[b-hyrjc8jan0],.ops-row-due[b-hyrjc8jan0],.ops-last[b-hyrjc8jan0]{display:grid;gap:8px;min-width:0}.ops-row-main>strong[b-hyrjc8jan0]{font-size:17px}.ops-kind[b-hyrjc8jan0],.ops-plan[b-hyrjc8jan0],.ops-last small[b-hyrjc8jan0],.ops-row-due small[b-hyrjc8jan0]{font-size:12px}.ops-plan[b-hyrjc8jan0]{overflow-wrap:anywhere}.ops-last b[b-hyrjc8jan0]{direction:ltr;text-align:start;font-size:14px;font-variant-numeric:tabular-nums}.ops-state[b-hyrjc8jan0]{font-size:12px;font-weight:700}.state-Overdue[b-hyrjc8jan0],.state-Due[b-hyrjc8jan0],.state-Urgent[b-hyrjc8jan0]{color:var(--zj-error)}.state-Upcoming[b-hyrjc8jan0],.state-Unknown[b-hyrjc8jan0]{color:var(--zj-on-surface-variant)}
.ops-detail[b-hyrjc8jan0]{border:1px solid var(--zj-outline-variant);border-radius:12px;padding:24px;background:var(--zj-surface-container-lowest);min-width:0}.ops-detail h2[b-hyrjc8jan0]{font-size:22px;margin:8px 0 16px}.ops-detail h3[b-hyrjc8jan0]{font-size:16px;margin:24px 0 8px}.ops-links[b-hyrjc8jan0]{display:flex;flex-wrap:wrap;gap:20px}.ops-links a[b-hyrjc8jan0]{color:var(--zj-primary);text-underline-offset:5px}.ops-guide p[b-hyrjc8jan0]{white-space:pre-line;font-size:14px;line-height:2}.ops-record[b-hyrjc8jan0]{border-top:1px solid var(--zj-outline-variant);padding:20px 0}.ops-record summary[b-hyrjc8jan0]{font-weight:700;cursor:pointer;padding:8px 0}.ops-record[b-hyrjc8jan0]  form{display:grid;gap:16px;padding-top:20px}.ops-record p[b-hyrjc8jan0]{line-height:1.9;white-space:pre-line;overflow-wrap:anywhere}.ops-fieldset[b-hyrjc8jan0]{border:0;padding:0;margin:0;display:grid;gap:20px;min-width:0}.ops-fieldset .zj-field-grid[b-hyrjc8jan0]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.ops-check[b-hyrjc8jan0]{display:flex;gap:12px;align-items:center;min-height:40px}.ops-detail[b-hyrjc8jan0]  textarea{width:100%;resize:vertical;background:var(--zj-surface-container-low);color:var(--zj-on-surface);border:1px solid var(--zj-outline-variant);border-radius:8px;padding:12px;line-height:1.9;font:inherit}
.ops-empty[b-hyrjc8jan0]{padding:48px 20px;text-align:center;line-height:1.9;color:var(--zj-on-surface-variant)}.ops-empty>.material-symbols-outlined[b-hyrjc8jan0]{font-size:40px}.ops-empty h2[b-hyrjc8jan0]{color:var(--zj-on-surface)}.ops-error[b-hyrjc8jan0]{padding:16px;margin-block:16px;background:var(--zj-error-container);color:var(--zj-on-error-container);border-radius:8px}.ops-message[b-hyrjc8jan0]{padding:12px;border-inline-start:3px solid var(--zj-primary)}.ops-alert[b-hyrjc8jan0]{display:grid;gap:12px;border-bottom:1px solid var(--zj-outline-variant);padding:20px}.ops-alert>button[b-hyrjc8jan0]{font:inherit;text-align:start;background:none;border:0;color:var(--zj-primary);text-decoration:underline;cursor:pointer}.ops-caption[b-hyrjc8jan0]{font-size:13px;overflow-wrap:anywhere}.platform-ops button:focus-visible[b-hyrjc8jan0],.ops-record summary:focus-visible[b-hyrjc8jan0]{outline:2px solid var(--zj-primary);outline-offset:4px}.platform-ops button:disabled[b-hyrjc8jan0]{cursor:not-allowed;color:var(--zj-on-surface-variant);background:var(--zj-surface-container-low);opacity:.65}
@media(max-width:1150px){.ops-workspace[b-hyrjc8jan0]{grid-template-columns:1fr}.ops-detail[b-hyrjc8jan0]{max-width:none}.ops-heading[b-hyrjc8jan0]{flex-wrap:wrap}}
@media(max-width:600px){.ops-overview[b-hyrjc8jan0]{gap:20px;flex-wrap:wrap}.ops-overview>div[b-hyrjc8jan0]{flex:1}.ops-overview p[b-hyrjc8jan0]{width:100%;margin:0}.ops-row[b-hyrjc8jan0]{grid-template-columns:minmax(0,1fr) 100px;padding:20px 12px;gap:12px}.ops-last[b-hyrjc8jan0]{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:12px}.ops-detail[b-hyrjc8jan0]{padding:20px}.ops-fieldset .zj-field-grid[b-hyrjc8jan0]{grid-template-columns:1fr}.ops-filters button[b-hyrjc8jan0]{padding:12px}.ops-heading h1[b-hyrjc8jan0]{font-size:28px}}

.ops-heading h1[b-hyrjc8jan0],.ops-detail h2[b-hyrjc8jan0]{text-wrap:balance}.ops-row:active[b-hyrjc8jan0],.ops-filters button:active[b-hyrjc8jan0]{background:var(--zj-surface-container-high)}.state-Capacity[b-hyrjc8jan0]{color:var(--zj-error)}
@media(max-width:1150px){.ops-detail.has-detail[b-hyrjc8jan0]{grid-row:1}}
/* _content/Zajal.Shared/Pages/Admin/ProspectFollowups.razor.rz.scp.css */
.followup-space article[b-ttpq46a1p3] { margin-block: 1.25rem; padding: 1rem; background: var(--surface-color, #f3f7fa); border-radius: .8rem; }
.followup-space section[b-ttpq46a1p3] { margin-block: 1rem; }
.followup-space .btn[b-ttpq46a1p3] { min-height: 44px; margin-block: .4rem; margin-inline-end: .5rem; }
.followup-space p[b-ttpq46a1p3],.followup-space dd[b-ttpq46a1p3],.followup-template[b-ttpq46a1p3] { overflow-wrap: anywhere; }
.followup-space :is(button,a,summary):focus-visible[b-ttpq46a1p3] { outline: 3px solid #2274b8; outline-offset: 3px; }
@media(prefers-reduced-motion:reduce){.followup-space *[b-ttpq46a1p3]{transition:none!important;animation:none!important;}}
.followup-space a[b-ttpq46a1p3]{color:var(--text-primary,#172033);text-decoration:underline;text-underline-offset:.2em}
.followup-space[b-ttpq46a1p3]{padding:0!important;max-width:none!important;display:grid;gap:1rem;min-width:0}
.followup-space h2[b-ttpq46a1p3]{font-size:clamp(1.4rem,2vw,1.75rem);margin:0}.followup-space h3[b-ttpq46a1p3]{font-size:1.1rem;margin:0}
.followup-space article[b-ttpq46a1p3]{margin:0;padding:1rem;border:1px solid var(--zj-outline-variant);background:var(--zj-surface);border-radius:var(--zj-radius-lg)}
.followup-space .followup-selection[b-ttpq46a1p3]{padding:1rem;border:1px solid var(--zj-primary);border-radius:var(--zj-radius-lg);background:var(--zj-surface-container-low)}
.followup-selection>section[b-ttpq46a1p3]{padding-block:1rem;border-bottom:1px solid var(--zj-outline-variant)}
.followup-space a[b-ttpq46a1p3]{color:var(--zj-on-surface)}.followup-space :is(button,a,summary):focus-visible[b-ttpq46a1p3]{outline-color:var(--zj-primary)}
.followup-space [role=alert][b-ttpq46a1p3]{padding:.75rem;border:1px solid var(--zj-error);border-radius:.6rem;background:var(--zj-error-container);color:var(--zj-on-error-container)}
.followup-space [role=status][b-ttpq46a1p3]{color:var(--zj-on-surface-variant)}
@media(min-width:1000px){.followup-row[b-ttpq46a1p3]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.5rem 1rem}.followup-row p[b-ttpq46a1p3]{margin:0}.followup-row details[b-ttpq46a1p3]{grid-column:1/-1}}
/* _content/Zajal.Shared/Pages/Admin/ProspectInterviews.razor.rz.scp.css */
.interview-workspace[b-353neiatzx] { max-inline-size: 80rem; margin-inline: auto; padding: clamp(.75rem, 2vw, 1.5rem); }
.interview-workspace .support-panel[b-353neiatzx] { margin-block: 1rem; padding: 1rem; border: 1px solid var(--zj-outline-variant); border-radius: var(--zj-radius-lg, .75rem); }
.interview-workspace details[b-353neiatzx] { margin-block: 1rem; }
.interview-workspace summary[b-353neiatzx] { cursor: pointer; font-weight: 700; padding-block: .75rem; }
.interview-actions[b-353neiatzx] { display: flex; flex-wrap: wrap; gap: .75rem; margin-block: 1rem; }
.interview-workspace fieldset[b-353neiatzx] { min-inline-size: 0; }
.interview-workspace .zj-table-region[b-353neiatzx] { overflow-x: auto; }
.interview-workspace pre[b-353neiatzx] { white-space: pre-wrap; overflow-wrap: anywhere; max-block-size: 28rem; overflow: auto; }
.interview-image[b-353neiatzx] { display: block; max-inline-size: min(100%, 24rem); max-block-size: 20rem; object-fit: contain; margin-block: 1rem; }
.interview-workspace :focus-visible[b-353neiatzx] { outline: 2px solid var(--zj-primary); outline-offset: 3px; }
@media (max-width: 600px) { .interview-workspace .support-panel[b-353neiatzx] { padding: .75rem; } }
/* _content/Zajal.Shared/Pages/Admin/ProvisioningInspector.razor.rz.scp.css */
.provisioning-inspector[b-96amiej2fq] {
    display: grid;
    gap: 1rem;
    min-width: 0;
    padding-block-end: 2rem;
    max-width:68rem;
    margin-inline:auto;
    padding:clamp(.75rem,2vw,1.5rem);
}
.provisioning-inspector__panel[b-96amiej2fq],.provisioning-inspector__empty[b-96amiej2fq] { display:grid;gap:1rem;padding:clamp(1rem,2vw,1.5rem);border:1px solid var(--zj-outline-variant);border-radius:var(--zj-radius-lg);background:var(--zj-surface-container-lowest); }
.provisioning-inspector__heading[b-96amiej2fq] { padding:1rem;background:var(--zj-surface-container-low);border-inline-start:4px solid var(--zj-primary);border-radius:var(--zj-radius-md); }
.provisioning-inspector h2[b-96amiej2fq] { font-size:clamp(1.35rem,2.4vw,1.75rem);font-weight:800; }
.provisioning-inspector h3[b-96amiej2fq] { font-size:1.125rem;line-height:1.7;margin:0;overflow-wrap:anywhere; }
.provisioning-inspector__failure[b-96amiej2fq] { border:1px solid var(--zj-error);background:var(--zj-error-container);color:var(--zj-on-error-container);border-radius:var(--zj-radius-md);padding:1rem; }
.provisioning-inspector__delivery[b-96amiej2fq] { border-block-start:1px solid var(--zj-outline-variant);padding-block-start:1rem; }
.provisioning-timeline[b-96amiej2fq] { display:grid;gap:0;list-style:none;padding:0;margin:0; }
.provisioning-timeline__step[b-96amiej2fq] { display:grid;grid-template-columns:2.5rem minmax(0,1fr);gap:1rem;position:relative;padding-block:.8rem; }
.provisioning-timeline__step:not(:last-child)[b-96amiej2fq]::after { content:"";position:absolute;inset-inline-start:1.2rem;inset-block-start:3.2rem;bottom:-.8rem;border-inline-start:2px solid var(--zj-outline-variant); }
.provisioning-timeline__marker[b-96amiej2fq] { display:grid;place-items:center;width:2.5rem;height:2.5rem;border:2px solid var(--zj-outline-variant);border-radius:50%;background:var(--zj-surface-container);font-weight:800;font-size:1.2rem; }
.provisioning-timeline__step[data-state=done] .provisioning-timeline__marker[b-96amiej2fq] { background:var(--zj-tertiary-container);color:var(--zj-on-tertiary-container);border-color:var(--zj-tertiary); }
.provisioning-timeline__step[data-state=failed] .provisioning-timeline__marker[b-96amiej2fq] { background:var(--zj-error-container);color:var(--zj-on-error-container);border-color:var(--zj-error); }
.provisioning-timeline__step[data-state=skipped] .provisioning-timeline__marker[b-96amiej2fq] { border-style:dashed; }

.provisioning-inspector h1[b-96amiej2fq],
.provisioning-inspector h2[b-96amiej2fq],
.provisioning-inspector p[b-96amiej2fq] {
    margin: 0;
    line-height: 1.7;
    overflow-wrap: anywhere;
}

.provisioning-inspector__actions[b-96amiej2fq] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
}

.provisioning-inspector__actions button[b-96amiej2fq] {
    min-height: 2.75rem;
    white-space: normal;
}

.provisioning-inspector__status[b-96amiej2fq] {
    display: grid;
    gap: .75rem;
    padding: 1.25rem;
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-lg);
    background: var(--zj-surface-container-low);
}

.provisioning-inspector button:focus-visible[b-96amiej2fq] {
    outline: 3px solid var(--zj-on-surface);
    outline-offset: 3px;
}
.provisioning-inspector .btn:disabled[b-96amiej2fq] { color:var(--zj-on-surface);background:var(--zj-surface-container);border-color:var(--zj-outline-variant);opacity:.7;box-shadow:none; }

@media (max-width: 48rem) {
    .provisioning-inspector__actions button[b-96amiej2fq] {
        flex: 1 1 100%;
    }
}
/* _content/Zajal.Shared/Pages/Admin/ReportCenter.razor.rz.scp.css */
.report-center[b-yabzuvryq3] { min-width: 0; display: grid; gap: 1.25rem; }
.report-center__selectors[b-yabzuvryq3] { border: 1px solid var(--border-color, #78818d66); border-radius: 1rem; padding: 1rem; background: var(--surface-card); }
.report-center[b-yabzuvryq3]  section[hidden] { display: none !important; }
/* _content/Zajal.Shared/Pages/Admin/ReportingOperating.razor.rz.scp.css */
.reporting-setup[b-vv0t2y3gau]{max-width:72rem}.reporting-setup fieldset[b-vv0t2y3gau]{display:grid;gap:.75rem;padding:1rem;background:var(--zj-surface-container,#f6f5fa);margin-block:1rem}.reporting-setup label[b-vv0t2y3gau]{display:grid;gap:.4rem}.reporting-setup input[type=checkbox][b-vv0t2y3gau]{inline-size:1.25rem;block-size:1.25rem}.recipient-rule[b-vv0t2y3gau]{border:0;background:var(--zj-surface,#fff)}.actions[b-vv0t2y3gau]{display:flex;gap:.75rem;flex-wrap:wrap}.table-wrap[b-vv0t2y3gau]{overflow:auto}.reporting-setup button[b-vv0t2y3gau]{min-block-size:44px}.reporting-setup :focus-visible[b-vv0t2y3gau]{outline:3px solid var(--zj-primary,#4456a6);outline-offset:3px}@media(prefers-reduced-motion:reduce){.reporting-setup[b-vv0t2y3gau],.reporting-setup *[b-vv0t2y3gau]{animation:none!important;transition:none!important}}@media(max-width:600px){.reporting-setup fieldset[b-vv0t2y3gau]{padding:.75rem}.actions>*[b-vv0t2y3gau]{inline-size:100%}}
/* _content/Zajal.Shared/Pages/Admin/RestaurantSettings.razor.rz.scp.css */
.settings-hub-grid[b-s19np71oey] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%,21rem), 1fr));
    gap: 1.5rem;
    margin: 1.25rem 0 2.5rem;
}

.settings-hub-card[b-s19np71oey] {
    position: relative;
    background: var(--zj-surface-container-low);
    border: 1.5px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-2xl);
    padding: 1.75rem;
    min-height: 255px;
    display: flex;
    flex-direction: column;
    gap: 1.15rem;
    cursor: pointer;
    user-select: none;
    transition: transform 0.28s cubic-bezier(0.2, 0.8, 0.2, 1),
                box-shadow 0.28s cubic-bezier(0.2, 0.8, 0.2, 1),
                border-color 0.28s ease,
                background-color 0.28s ease;
    overflow: hidden;
}

.settings-hub-card:hover[b-s19np71oey] {
    transform: translateY(-6px);
    box-shadow: 0 20px 40px -12px rgba(var(--zj-primary-rgb, 99, 102, 241), 0.25),
                0 0 0 1.5px rgba(var(--zj-primary-rgb, 99, 102, 241), 0.35);
    border-color: rgba(var(--zj-primary-rgb, 99, 102, 241), 0.5);
    background: var(--zj-surface-container);
}

.settings-hub-card:active[b-s19np71oey] {
    transform: translateY(-2px);
}

.settings-hub-card.is-locked[b-s19np71oey] {
    opacity: 0.78;
    background: var(--zj-surface-container-lowest);
}

.settings-hub-card.is-locked:hover[b-s19np71oey] {
    border-color: rgba(239, 68, 68, 0.4);
    box-shadow: 0 12px 24px -8px rgba(239, 68, 68, 0.15);
}

.settings-card-header[b-s19np71oey] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.settings-card-icon-wrap[b-s19np71oey] {
    width: 3.75rem;
    height: 3.75rem;
    border-radius: var(--zj-radius-xl);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.settings-hub-card:hover .settings-card-icon-wrap[b-s19np71oey] {
    transform: scale(1.15) rotate(3deg);
}

.settings-card-icon[b-s19np71oey] {
    font-size: 2.1rem;
}

.settings-card-body[b-s19np71oey] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    flex: 1;
}

.settings-card-title[b-s19np71oey] {
    margin: 0;
    font-size: 1.22rem;
    font-weight: 850;
    color: var(--zj-on-surface);
}

.settings-card-desc[b-s19np71oey] {
    margin: 0;
    font-size: 0.88rem;
    color: var(--zj-on-surface-variant);
    line-height: 1.6;
}

.settings-card-footer[b-s19np71oey] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding-top: 0.85rem;
    border-top: 1px solid rgba(128, 128, 128, 0.15);
}

.settings-card-badge[b-s19np71oey] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.3rem 0.75rem;
    border-radius: var(--zj-radius-full);
    font-size: 0.78rem;
    font-weight: 750;
    background: var(--zj-surface-container-high);
    color: var(--zj-on-surface);
    max-width: 14rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.settings-card-badge--locked[b-s19np71oey] {
    background: rgba(239, 68, 68, 0.12);
    color: #ef4444;
    border: 1px solid rgba(239, 68, 68, 0.25);
}

.settings-card-action[b-s19np71oey] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.85rem;
    font-weight: 850;
    color: var(--zj-primary);
    transition: gap 0.2s ease;
}

.settings-hub-card:hover .settings-card-action[b-s19np71oey] {
    gap: 0.6rem;
}

/* Active Section Top Navigation Bar */
.settings-active-nav[b-s19np71oey] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 0.85rem 1.25rem;
    border-radius: var(--zj-radius-2xl);
    background: var(--zj-surface-container-low);
    border: 1px solid var(--zj-outline-variant);
    margin-bottom: 1.25rem;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
}

.settings-back-btn[b-s19np71oey] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 800;
    font-size: 0.9rem;
    padding: 0.5rem 1.1rem;
    border-radius: var(--zj-radius-xl);
    cursor: pointer;
    transition: transform 0.2s ease, background-color 0.2s ease;
}

.settings-back-btn:hover[b-s19np71oey] {
    transform: translateX(4px);
}

.settings-active-identity[b-s19np71oey] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.settings-active-icon-badge[b-s19np71oey] {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: var(--zj-radius-xl);
    display: flex;
    align-items: center;
    justify-content: center;
}

.settings-active-text h2[b-s19np71oey] {
    margin: 0;
    font-size: 1.15rem;
    font-weight: 850;
    color: var(--zj-on-surface);
}

.settings-active-text small[b-s19np71oey] {
    color: var(--zj-on-surface-variant);
    font-size: 0.8rem;
}

/* Section Action Bars */
.settings-section-actions[b-s19np71oey] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    margin-top: 1.5rem;
    padding-top: 1.25rem;
    border-top: 1px solid var(--zj-outline-variant);
}

/* Modal for locked features */
.settings-locked-dialog-backdrop[b-s19np71oey] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
    backdrop-filter: blur(4px);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.settings-locked-dialog[b-s19np71oey] {
    background: var(--zj-surface);
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-2xl);
    padding: 1.75rem;
    max-width: 28rem;
    width: 100%;
    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.25);
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    animation: settingsDialogPop-b-s19np71oey 0.25s cubic-bezier(0.2, 0.8, 0.2, 1);
}

@keyframes settingsDialogPop-b-s19np71oey {
    from {
        opacity: 0;
        transform: scale(0.92);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* Quick Preset Chips for Receipt Footer & QR */
.zj-preset-chips[b-s19np71oey] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.35rem;
}

.zj-preset-chip[b-s19np71oey] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.8rem;
    border-radius: 9999px;
    background: var(--zj-surface-container);
    border: 1px solid var(--zj-outline-variant);
    font-size: 0.78rem;
    font-weight: 750;
    color: var(--zj-on-surface);
    cursor: pointer;
    user-select: none;
    transition: transform 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.zj-preset-chip:hover[b-s19np71oey] {
    background: rgba(var(--zj-primary-rgb, 99, 102, 241), 0.12);
    border-color: var(--zj-primary);
    color: var(--zj-primary);
    transform: translateY(-2px);
}

/* Receipt Split Layout (Form + Live Thermal Preview) */
.settings-receipt-split[b-s19np71oey] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.75rem;
    align-items: start;
}

@media (min-width: 1024px) {
    .settings-receipt-split[b-s19np71oey] {
        grid-template-columns: 1.3fr 1fr;
    }
}

.settings-receipt-preview-col[b-s19np71oey] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    position: sticky;
    top: 1.5rem;
}

.settings-receipt-preview-header[b-s19np71oey] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 850;
    font-size: 0.92rem;
    color: var(--zj-on-surface);
    padding: 0.5rem 0.75rem;
    background: var(--zj-surface-container-low);
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-xl);
}

/* Feature Stats Grid for In-Page Cards (Tables, Rewards, Catalog) */
.settings-feature-stats-grid[b-s19np71oey] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
    gap: 1rem;
    margin: 0.5rem 0;
}

.settings-feature-stat[b-s19np71oey] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 1rem 1.15rem;
    background: var(--zj-surface-container-low);
    border: 1px solid var(--zj-outline-variant);
    border-radius: var(--zj-radius-xl);
}

.settings-feature-stat .material-symbols-outlined[b-s19np71oey] {
    font-size: 2.2rem;
}

.settings-feature-stat strong[b-s19np71oey] {
    display: block;
    font-size: 0.95rem;
    color: var(--zj-on-surface);
}

.settings-feature-stat small[b-s19np71oey] {
    color: var(--zj-on-surface-variant);
    font-size: 0.8rem;
    line-height: 1.4;
}

/* _content/Zajal.Shared/Pages/Admin/Retail/RetailCenter.razor.rz.scp.css */
.retail-center[b-skb9o7rj65]{max-width:1440px;margin:auto;padding:clamp(12px,2vw,24px);font-family:var(--zj-font-body);color:var(--zj-on-surface);min-width:0}
.retail-center[b-skb9o7rj65]  .zj-page-header__title{font-size:clamp(1.75rem,2.5vw,2.25rem);line-height:1.5}
.retail-center [role=tabpanel][b-skb9o7rj65]{padding-block-start:1.25rem;min-width:0}
.retail-center [hidden][b-skb9o7rj65]{display:none!important}
/* _content/Zajal.Shared/Pages/Admin/Retail/RetailProducts.razor.rz.scp.css */
.retail-catalog[b-5qyhqy2w1a]{max-width:1440px;margin:auto;padding:24px;color:var(--text-primary,#172b2c)}
.retail-header[b-5qyhqy2w1a],.editor-heading[b-5qyhqy2w1a],.pagination[b-5qyhqy2w1a],.category-list article[b-5qyhqy2w1a]{display:flex;justify-content:space-between;align-items:center;gap:20px}
.retail-header[b-5qyhqy2w1a]{margin-bottom:28px}.retail-header h1[b-5qyhqy2w1a]{font-size:1.85rem;margin:6px 0}.retail-catalog p[b-5qyhqy2w1a]{color:var(--text-secondary,#617171);line-height:1.8}.eyebrow[b-5qyhqy2w1a]{color:#14796d;font-weight:700}
.actions[b-5qyhqy2w1a]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.toolbar[b-5qyhqy2w1a]{padding:18px 0;border-block:1px solid #dce7e4;margin-bottom:20px}.search[b-5qyhqy2w1a]{align-items:end;gap:10px;max-width:100%}.search-label[b-5qyhqy2w1a]{flex:1 1 15rem;min-width:0}
.check[b-5qyhqy2w1a]{display:flex;gap:7px;align-items:center;white-space:nowrap}.editor[b-5qyhqy2w1a],.category-form[b-5qyhqy2w1a]{padding:24px;border:1px solid #d8e4e0;border-radius:16px;background:var(--surface-bg,#fff);margin-bottom:24px}.editor h2[b-5qyhqy2w1a]{font-size:1.25rem}.editor h3[b-5qyhqy2w1a]{font-size:1.05rem;margin-top:24px}.package-row[b-5qyhqy2w1a]{padding:16px 0;border-bottom:1px solid #e7eeec;margin-bottom:12px}.editor-footer[b-5qyhqy2w1a]{margin-top:24px;padding-top:20px;border-top:1px solid #dce7e4}.category-list article[b-5qyhqy2w1a]{padding:18px;border-bottom:1px solid #e0e9e5}.category-list strong[b-5qyhqy2w1a]{margin-inline-end:20px}.table-wrap[b-5qyhqy2w1a]{overflow-x:auto;border:1px solid #dce7e4;border-radius:14px;background:var(--surface-bg,#fff)}table[b-5qyhqy2w1a]{border-collapse:collapse;width:100%;min-width:720px;text-align:start}th[b-5qyhqy2w1a]{background:#edf4f1;font-size:.82rem;color:#49605a}th[b-5qyhqy2w1a],td[b-5qyhqy2w1a]{padding:17px 16px;border-bottom:1px solid #e8eeeb}td small[b-5qyhqy2w1a]{display:block;color:#6b7c74;margin-top:5px}.packages[b-5qyhqy2w1a]{display:flex;gap:6px;flex-wrap:wrap;max-width:420px}.package-chip[b-5qyhqy2w1a]{font-size:.78rem;padding:5px 8px;border:1px solid #dce7e4;border-radius:6px}.state[b-5qyhqy2w1a]{font-size:.8rem;color:#74695a;background:#f2efe9;border-radius:20px;padding:4px 9px}.state.active[b-5qyhqy2w1a]{color:#176e50;background:#e6f4ed}.empty[b-5qyhqy2w1a]{text-align:center;padding:35px}.pagination[b-5qyhqy2w1a]{margin-top:20px;font-size:.9rem}.notice[b-5qyhqy2w1a]{padding:15px;border-radius:10px}.error[b-5qyhqy2w1a]{background:#fff0ee;color:#96372f!important}.form-control[b-5qyhqy2w1a]{min-width:0}.editor fieldset[b-5qyhqy2w1a]{border:0;display:grid;gap:18px}
@media(max-width:900px){.retail-header[b-5qyhqy2w1a]{align-items:stretch;flex-direction:column}}
@media(max-width:520px){.retail-catalog[b-5qyhqy2w1a]{padding:12px}.editor[b-5qyhqy2w1a],.category-form[b-5qyhqy2w1a]{padding:16px}.editor-heading[b-5qyhqy2w1a]{align-items:start;flex-direction:column}.retail-header h1[b-5qyhqy2w1a]{font-size:1.5rem}}
.table-scroll-hint[b-5qyhqy2w1a]{display:none;color:var(--text-secondary,#617171);font-size:.85rem;margin:0 0 8px}
.table-wrap:focus-visible[b-5qyhqy2w1a]{outline:3px solid var(--zj-primary,#0ea5e9);outline-offset:3px}
.editor .check[b-5qyhqy2w1a]{min-height:44px}
.editor[b-5qyhqy2w1a]  .zj-autocomplete__trigger{min-width:44px;min-height:44px}
@media(max-width:900px){.table-scroll-hint[b-5qyhqy2w1a]{display:block}}
@media(max-width:520px){.table-code-cell[b-5qyhqy2w1a]{white-space:nowrap}.code-badge[b-5qyhqy2w1a]{white-space:nowrap}}

.code-display-box[b-5qyhqy2w1a]{display:flex;align-items:center;gap:8px;min-height:var(--zj-control-height);padding:4px 10px;background:var(--zj-surface-container,#f4f7f6);border:1px solid var(--zj-outline-variant,#dce7e4);border-radius:8px}
.code-badge[b-5qyhqy2w1a]{font-family:monospace;font-weight:700;font-size:.9rem;color:var(--text-primary,#172b2c)}
.code-badge.auto-generated[b-5qyhqy2w1a]{display:inline-flex;align-items:center;gap:4px;font-family:inherit;font-weight:500;font-size:.82rem;color:var(--text-secondary,#617171)}
.btn-copy[b-5qyhqy2w1a]{padding:3px 8px;font-size:.8rem;display:inline-flex;align-items:center;gap:4px;border-radius:6px}
.table-code-cell[b-5qyhqy2w1a]{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.btn-icon[b-5qyhqy2w1a]{padding:2px 5px;border:1px solid var(--zj-outline-variant,#dce7e4);border-radius:6px;background:transparent;cursor:pointer;color:var(--text-secondary,#617171);display:inline-flex;align-items:center;justify-content:center}
.btn-icon:hover[b-5qyhqy2w1a]{background:var(--zj-surface-container,#edf4f1);color:var(--text-primary,#172b2c)}
.package-chip.inactive[b-5qyhqy2w1a]{opacity:.65;border-style:dashed;background:var(--zj-field-surface-disabled,#f9fafb)}
.retail-catalog[b-5qyhqy2w1a]{padding:0;max-width:none;color:var(--zj-on-surface);min-width:0}
.retail-catalog p[b-5qyhqy2w1a],.retail-catalog td small[b-5qyhqy2w1a]{color:var(--zj-on-surface-variant)}
.retail-catalog .editor[b-5qyhqy2w1a],.retail-catalog .category-form[b-5qyhqy2w1a],.retail-catalog .table-wrap[b-5qyhqy2w1a]{background:var(--zj-surface-container-lowest);border-color:var(--zj-outline-variant);min-width:0}
.retail-catalog th[b-5qyhqy2w1a]{background:var(--zj-surface-container-low);color:var(--zj-on-surface)}
.retail-catalog th[b-5qyhqy2w1a],.retail-catalog td[b-5qyhqy2w1a],.retail-catalog .toolbar[b-5qyhqy2w1a],.retail-catalog .package-row[b-5qyhqy2w1a],.retail-catalog .category-list article[b-5qyhqy2w1a],.retail-catalog .editor-footer[b-5qyhqy2w1a]{border-color:var(--zj-outline-variant)}
.retail-catalog .package-chip[b-5qyhqy2w1a]{border-color:var(--zj-outline-variant);color:var(--zj-on-surface)}
.retail-catalog .state[b-5qyhqy2w1a]{background:var(--zj-warning-container);color:var(--zj-on-surface)}
.retail-catalog .state.active[b-5qyhqy2w1a]{background:var(--zj-success-container);color:var(--zj-on-surface)}
.retail-catalog .error[b-5qyhqy2w1a]{background:var(--zj-error-container);color:var(--zj-on-error-container)!important}
.retail-catalog .btn-primary[b-5qyhqy2w1a]{background:var(--zj-ds-action-background);color:var(--zj-ds-action-foreground)}
.retail-catalog .btn-secondary[b-5qyhqy2w1a]{background:var(--zj-surface-container-low);color:var(--zj-on-surface);border-color:var(--zj-outline-variant)}
.retail-catalog .btn:focus-visible[b-5qyhqy2w1a]{outline:3px solid var(--zj-primary);outline-offset:3px}
.retail-subregion[b-5qyhqy2w1a]{padding:1.25rem;border:1px solid var(--zj-outline-variant);border-radius:.75rem;margin-block:1.25rem;background:var(--zj-surface-container-low)}
.retail-subregion h3[b-5qyhqy2w1a]{margin-top:0;font-weight:800;font-size:1.125rem}
.retail-catalog[b-5qyhqy2w1a]  .zj-section-card__title{font-size:clamp(1.375rem,2vw,1.75rem);line-height:1.5}
.retail-catalog .code-badge[b-5qyhqy2w1a]{color:var(--zj-on-surface)}
@media(max-width:520px){.retail-catalog[b-5qyhqy2w1a]{padding:0}.retail-subregion[b-5qyhqy2w1a]{padding:.8rem}.category-form[b-5qyhqy2w1a]{align-items:stretch}.category-form label[b-5qyhqy2w1a]{width:100%}}

[data-theme="dark"] .retail-catalog[b-5qyhqy2w1a]{color:var(--zj-on-surface,#e2e8f0)}
[data-theme="dark"] .editor[b-5qyhqy2w1a],[data-theme="dark"] .category-form[b-5qyhqy2w1a],[data-theme="dark"] .table-wrap[b-5qyhqy2w1a]{background:var(--zj-surface,#151f30);border-color:var(--zj-outline-variant,#2a3b53)}
[data-theme="dark"] th[b-5qyhqy2w1a]{background:var(--zj-surface-container,#1c293e);color:var(--zj-on-surface,#cbd5e1);border-color:var(--zj-outline-variant,#2a3b53)}
[data-theme="dark"] td[b-5qyhqy2w1a]{border-color:var(--zj-outline-variant,#2a3b53)}
[data-theme="dark"] .code-display-box[b-5qyhqy2w1a]{background:var(--zj-surface-container,#1c293e);border-color:var(--zj-outline-variant,#2a3b53)}
[data-theme="dark"] .code-badge[b-5qyhqy2w1a]{color:var(--zj-on-surface,#f1f5f9)}
[data-theme="dark"] .package-chip[b-5qyhqy2w1a]{border-color:var(--zj-outline-variant,#2a3b53);background:var(--zj-surface-container,#1c293e);color:var(--zj-on-surface,#e2e8f0)}
[data-theme="dark"] .toolbar[b-5qyhqy2w1a],[data-theme="dark"] .editor-footer[b-5qyhqy2w1a],[data-theme="dark"] .package-row[b-5qyhqy2w1a],[data-theme="dark"] .category-list article[b-5qyhqy2w1a]{border-color:var(--zj-outline-variant,#2a3b53)}
[data-theme="dark"] .state[b-5qyhqy2w1a]{background:#2a251e;color:#d4c4aa}
[data-theme="dark"] .state.active[b-5qyhqy2w1a]{background:#0e3626;color:#6ee7b7}

/* Stage17: distinct controls and data surfaces using the active theme. */
.retail-catalog .toolbar[b-5qyhqy2w1a] { padding: .85rem; gap: .75rem; background: var(--zj-surface-container-low); border: 1px solid var(--zj-outline-variant); border-radius: .75rem; margin-block: .75rem 1rem; }
.retail-catalog th[b-5qyhqy2w1a] { background: var(--zj-surface-container-high); color: var(--zj-on-surface); font-weight: 700; }
.retail-catalog tbody tr:nth-child(even)[b-5qyhqy2w1a] { background: var(--zj-surface-container-low); }
.retail-catalog tbody tr:hover[b-5qyhqy2w1a], .retail-catalog tbody tr:focus-within[b-5qyhqy2w1a] { background: var(--zj-surface-container-high); }
.retail-catalog tbody tr:focus-within td[b-5qyhqy2w1a] { box-shadow: inset 0 -2px var(--zj-on-surface-variant); }
.retail-catalog td:first-child[b-5qyhqy2w1a] { min-width: 12rem; max-width: 25rem; overflow-wrap: anywhere; }
.retail-catalog .table-wrap:focus-visible[b-5qyhqy2w1a] { outline: 2px solid var(--zj-on-surface); outline-offset: -3px; }
.retail-catalog .state[b-5qyhqy2w1a] { border: 1px solid var(--zj-outline-variant); font-weight: 700; white-space: nowrap; }
/* _content/Zajal.Shared/Pages/Admin/Retail/Scales.razor.rz.scp.css */
.scale-profiles[b-i4garjznll]{display:grid;gap:1rem;min-width:0;overflow-wrap:anywhere}
.scale-profiles h1[b-i4garjznll],.scale-profiles p[b-i4garjznll]{margin:0}
.scale-profiles ul[b-i4garjznll]{margin:0;padding-inline-start:1.25rem}
.scale-profiles li[b-i4garjznll]{padding-block:.5rem}
.scale-profiles a[b-i4garjznll]{color:var(--zj-on-surface);text-decoration:underline}
.scale-profiles :focus-visible[b-i4garjznll]{outline:3px solid var(--zj-primary);outline-offset:3px}
.scale-profiles fieldset[b-i4garjznll]{border:0;padding:0;min-width:0}
.scale-revision[b-i4garjznll]{display:grid;gap:.5rem;padding:1rem;background:var(--zj-surface-container-low);border:1px solid var(--zj-outline-variant);border-radius:.75rem}
.scale-profiles p[b-i4garjznll]{line-height:1.8;color:var(--zj-on-surface-variant)}
.scale-table[b-i4garjznll]{overflow:auto;border:1px solid var(--zj-outline-variant);border-radius:.75rem}
.scale-table[b-i4garjznll]  table{min-width:750px;width:100%;border-collapse:collapse;text-align:start}
.scale-table[b-i4garjznll]  th,.scale-table[b-i4garjznll]  td{padding:1rem;border-bottom:1px solid var(--zj-outline-variant)}
.scale-table[b-i4garjznll]  th{background:var(--zj-surface-container-low);font-weight:800}
.scale-table[b-i4garjznll]  small{display:block;margin-top:.4rem;color:var(--zj-on-surface-variant)}
.scale-table[b-i4garjznll]  bdi{overflow-wrap:anywhere}
.scale-table[b-i4garjznll]  td:nth-child(3){white-space:nowrap;overflow-wrap:normal}
.scale-profiles[b-i4garjznll]  .zj-section-card__title{font-size:clamp(1.375rem,2vw,1.75rem);line-height:1.5}
.scale-table:focus-visible[b-i4garjznll]{outline:3px solid var(--zj-primary);outline-offset:3px}
/* _content/Zajal.Shared/Pages/Admin/Rewards.razor.rz.scp.css */
/* Rewards presentation is scoped to Components/Rewards/RewardsWorkspace.razor.css. */
/* _content/Zajal.Shared/Pages/Admin/RewardTermsReview.razor.rz.scp.css */
.reward-terms-review[b-rovq6mube9] {
    display: grid;
    gap: 1.25rem;
}

.reward-terms-review__header[b-rovq6mube9] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
}

.reward-terms-review__header h1[b-rovq6mube9] {
    margin: 0;
    color: var(--zj-on-surface);
    font-weight: 950;
}

.reward-terms-review__header p[b-rovq6mube9] {
    margin: 0.35rem 0 0;
    color: var(--zj-on-surface-variant);
    line-height: 1.8;
}



.reward-terms-review__empty[b-rovq6mube9] {
    min-height: 12rem;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 0.5rem;
    text-align: center;
    color: var(--zj-on-surface-variant);
}

.reward-terms-review__empty .material-symbols-outlined[b-rovq6mube9] {
    color: var(--zj-primary);
    font-size: 2.5rem;
}

.reward-terms-review__empty strong[b-rovq6mube9] {
    color: var(--zj-on-surface);
    font-size: 1.1rem;
}

.reward-terms-review__empty p[b-rovq6mube9] {
    margin: 0;
}

.reward-terms-review__list[b-rovq6mube9] {
    display: grid;
    gap: 1rem;
}

.reward-terms-review__item[b-rovq6mube9] {
    display: grid;
    gap: 1rem;
    padding: 1rem;
    border-radius: var(--zj-radius-xl);
    background: var(--zj-surface);
    box-shadow: var(--ambient-shadow-soft);
}

.reward-terms-review__meta[b-rovq6mube9] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(10rem, auto) auto;
    gap: 0.85rem;
    align-items: center;
}

.reward-terms-review__meta div[b-rovq6mube9],
.reward-terms-review__note[b-rovq6mube9],
.reward-terms-review__terms[b-rovq6mube9] {
    display: grid;
    gap: 0.35rem;
}

.reward-terms-review__meta span[b-rovq6mube9],
.reward-terms-review__note span[b-rovq6mube9],
.reward-terms-review__terms span[b-rovq6mube9] {
    color: var(--zj-on-surface-variant);
    font-size: 0.85rem;
    font-weight: 800;
}

.reward-terms-review__meta strong[b-rovq6mube9] {
    color: var(--zj-on-surface);
    font-weight: 950;
    overflow-wrap: anywhere;
}

.reward-terms-review__status[b-rovq6mube9] {
    justify-self: end;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 7rem;
    min-height: 2.25rem;
    padding: 0.35rem 0.8rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--zj-warning) 16%, transparent);
    color: var(--zj-warning);
    font-weight: 950;
}

.reward-terms-review__status--approved[b-rovq6mube9] {
    background: color-mix(in srgb, var(--zj-success) 16%, transparent);
    color: var(--zj-success);
}

.reward-terms-review__status--rejected[b-rovq6mube9] {
    background: color-mix(in srgb, var(--zj-danger) 12%, transparent);
    color: var(--zj-danger);
}

.reward-terms-review__note[b-rovq6mube9],
.reward-terms-review__terms[b-rovq6mube9] {
    padding: 0.85rem;
    border-radius: var(--zj-radius-lg);
    background: var(--zj-surface-container);
}

.reward-terms-review__note--danger[b-rovq6mube9] {
    background: color-mix(in srgb, var(--zj-danger) 8%, var(--zj-surface-container));
}

.reward-terms-review__note p[b-rovq6mube9],
.reward-terms-review__terms p[b-rovq6mube9] {
    margin: 0;
    color: var(--zj-on-surface);
    line-height: 1.85;
    white-space: pre-wrap;
}

.reward-terms-review__actions[b-rovq6mube9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.85rem;
    flex-wrap: wrap;
}

.reward-terms-review__reject[b-rovq6mube9] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    flex: 1 1 22rem;
    justify-content: end;
}



@media (max-width: 800px) {
    .reward-terms-review__header[b-rovq6mube9],
    .reward-terms-review__meta[b-rovq6mube9],
    .reward-terms-review__actions[b-rovq6mube9],
    .reward-terms-review__reject[b-rovq6mube9] {
        display: grid;
    }

    .reward-terms-review__status[b-rovq6mube9],
    .reward-terms-review__reject[b-rovq6mube9] {
        justify-self: stretch;
    }


}
/* _content/Zajal.Shared/Pages/Admin/SmartConfigurationReference.razor.rz.scp.css */
.sc-reference[b-yo874m99in] { max-inline-size: 76rem; margin-inline: auto; padding: clamp(1rem, 3vw, 2rem); }
.sc-reference__intro[b-yo874m99in] { position: relative; overflow: hidden; border: 1px solid var(--zj-outline-variant); border-radius: var(--zj-radius-xl); padding: clamp(1.25rem, 3vw, 2rem); background: radial-gradient(ellipse at 0 0, rgba(var(--zj-primary-rgb), .09), transparent 70%), var(--zj-surface-container-lowest); }
.sc-reference__intro h1[b-yo874m99in] { margin-block: .875rem; font-family: var(--zj-font-headline); font-size: clamp(1.375rem, 2.8vw, 2rem); color: var(--zj-on-surface); }
.sc-reference__intro p[b-yo874m99in] { max-inline-size: 48rem; line-height: 1.9; color: var(--zj-on-surface-variant); }
.sc-reference__section[b-yo874m99in] { padding-block: 1.5rem; border-block-end: 1px solid var(--zj-outline-variant); min-inline-size: 0; }
.sc-reference__section-heading[b-yo874m99in] { display: flex; align-items: baseline; gap: .75rem; margin-block-end: 1rem; }
.sc-reference__section-heading > span[b-yo874m99in] { color: var(--zj-on-surface-variant); font-variant-numeric: tabular-nums; }
.sc-reference__section-heading h2[b-yo874m99in] { font-size: 1.125rem; font-weight: 800; margin: 0; }
.sc-reference__states[b-yo874m99in] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 1.5rem; }
.sc-reference__pair[b-yo874m99in] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 1.5rem; margin-block-start: 1.25rem; }
.sc-reference[b-yo874m99in]  .sc-question + .sc-question { margin-block-start: 1.25rem; }
.sc-reference[b-yo874m99in]  .stepper { margin-block-end: 1.25rem; }
@media (max-width: 640px) { .sc-reference__states[b-yo874m99in], .sc-reference__pair[b-yo874m99in] { grid-template-columns: minmax(0, 1fr); } }
/* _content/Zajal.Shared/Pages/Admin/SmartTenantWizard.razor.rz.scp.css */
.smart-setup[b-dckrize071]{max-width:68rem;margin-inline:auto;padding:clamp(.75rem,2vw,1.5rem);display:grid;gap:1rem}
.setup-identity[b-dckrize071]{display:grid;gap:1rem;min-width:0;border:1px solid var(--zj-outline-variant);border-radius:var(--zj-radius-lg);background:var(--zj-surface-container-lowest);padding:clamp(1rem,2vw,1.5rem)}
.setup-region-heading[b-dckrize071]{border-inline-start:4px solid var(--zj-primary);background:var(--zj-surface-container-low);border-radius:var(--zj-radius-md);padding:1rem}
.setup-region-heading h2[b-dckrize071]{font-size:clamp(1.4rem,2.4vw,1.75rem);font-weight:800;margin:0 0 .5rem;line-height:1.6}
.setup-region-heading p[b-dckrize071],.setup-identity__group p[b-dckrize071]{margin:0;line-height:1.8;color:var(--zj-on-surface-variant)}
.setup-identity .setup-identity__group[b-dckrize071]{border:1px solid var(--zj-outline-variant);border-radius:var(--zj-radius-md);padding:1rem;display:grid;gap:.75rem;min-width:0}
.setup-identity__group legend[b-dckrize071],.setup-identity__group h3[b-dckrize071]{font-size:1.125rem;font-weight:800;padding-inline:.4rem;margin:0;float:none;width:auto}
.setup-save-state[b-dckrize071]{display:grid;gap:.4rem;border-inline-start:3px solid var(--zj-secondary);padding:.75rem 1rem;background:var(--zj-surface-container-low);line-height:1.8;overflow-wrap:anywhere}
fieldset[b-dckrize071]{border:0;padding:0;margin:0;display:grid;gap:.75rem;min-width:0}
p[b-dckrize071],dd[b-dckrize071],a[b-dckrize071]{overflow-wrap:anywhere}.setup-actions[b-dckrize071]{display:flex;gap:.65rem;flex-wrap:wrap;align-items:center}
/* Text links use the theme's readable surface ink; underline also identifies the action. */
.smart-setup a:not(.btn)[b-dckrize071]{color:var(--zj-on-surface);text-decoration:underline;text-underline-offset:.2em}
.smart-setup a:not(.btn):hover[b-dckrize071]{color:var(--zj-on-surface);text-decoration-thickness:2px}
.btn[b-dckrize071]{min-height:44px;width:fit-content;max-width:100%;white-space:normal}
input[type=radio][b-dckrize071],input[type=checkbox][b-dckrize071]{min-width:24px;min-height:24px;vertical-align:middle}
.setup-confirm[b-dckrize071]{display:flex;align-items:flex-start;gap:.6rem}.setup-message[b-dckrize071]{border-inline-start:3px solid var(--zj-danger);padding-inline-start:.75rem}
details[b-dckrize071]{padding-block:.5rem}summary[b-dckrize071]{min-height:44px;cursor:pointer}bdi[b-dckrize071]{display:inline-block}
@media(max-width:600px){.setup-actions[b-dckrize071]{display:grid}.setup-actions .btn[b-dckrize071]{width:100%}}
@media(prefers-reduced-motion:reduce){*[b-dckrize071],*[b-dckrize071]::before,*[b-dckrize071]::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* _content/Zajal.Shared/Pages/Admin/SubscriptionAddons.razor.rz.scp.css */
.subscription-admin[b-w9wywx3pk4] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.subscription-admin__header[b-w9wywx3pk4] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.subscription-admin__header span[b-w9wywx3pk4] {
    color: var(--color-primary, #ff6b2b);
    font-size: .85rem;
    font-weight: 700;
}

.subscription-admin__header h1[b-w9wywx3pk4] {
    font-size: clamp(1.5rem, 3vw, 2.2rem);
    margin: .2rem 0;
}

.subscription-admin__header p[b-w9wywx3pk4] {
    color: var(--text-muted, #6b7280);
    margin: 0;
}

.subscription-admin__link[b-w9wywx3pk4] {
    align-items: center;
    border: 1px solid rgba(255, 107, 43, .22);
    border-radius: 12px;
    color: inherit;
    display: inline-flex;
    gap: .4rem;
    padding: .7rem 1rem;
    text-decoration: none;
}

.subscription-admin__layout[b-w9wywx3pk4] {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(320px, .9fr) minmax(0, 1.1fr);
}

.subscription-admin__panel[b-w9wywx3pk4] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.subscription-admin__panel h2[b-w9wywx3pk4] {
    font-size: 1.1rem;
    margin: 0;
}

.subscription-admin__grid[b-w9wywx3pk4] {
    display: grid;
    gap: .85rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.subscription-admin__wide[b-w9wywx3pk4] {
    grid-column: 1 / -1;
}

.subscription-admin label[b-w9wywx3pk4] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

.subscription-admin__checks[b-w9wywx3pk4],
.subscription-admin__actions[b-w9wywx3pk4],
.subscription-admin__badges[b-w9wywx3pk4],
.subscription-admin__price[b-w9wywx3pk4],
.subscription-admin__limits[b-w9wywx3pk4] {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
}

.subscription-admin__checks label[b-w9wywx3pk4] {
    align-items: center;
    flex-direction: row;
}

.subscription-admin__cards[b-w9wywx3pk4] {
    display: grid;
    gap: .85rem;
}

.subscription-admin__card[b-w9wywx3pk4] {
    background: var(--surface-card, #fff);
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 14px;
    display: flex;
    flex-direction: column;
    gap: .75rem;
    padding: 1rem;
}

.subscription-admin__card p[b-w9wywx3pk4],
.subscription-admin__card small[b-w9wywx3pk4] {
    color: var(--text-muted, #6b7280);
    margin: 0;
}

.subscription-admin__badges span[b-w9wywx3pk4],
.subscription-admin__limits span[b-w9wywx3pk4],
.subscription-admin__price span[b-w9wywx3pk4] {
    background: rgba(15, 23, 42, .06);
    border-radius: 999px;
    font-size: .82rem;
    padding: .25rem .55rem;
}

.subscription-admin__plans[b-w9wywx3pk4] {
    background: rgba(15, 23, 42, .04);
    border-radius: 12px;
    display: grid;
    gap: .6rem;
    padding: .8rem;
}

.subscription-admin__plans strong[b-w9wywx3pk4] {
    font-size: .95rem;
}

.subscription-admin__plans label[b-w9wywx3pk4] {
    align-items: center;
    flex-direction: row;
}

@media (max-width: 980px) {
    .subscription-admin__layout[b-w9wywx3pk4],
    .subscription-admin__grid[b-w9wywx3pk4] {
        grid-template-columns: 1fr;
    }

    .subscription-admin__header[b-w9wywx3pk4] {
        flex-direction: column;
    }
}
/* _content/Zajal.Shared/Pages/Admin/SubscriptionBilling.razor.rz.scp.css */
.subscription-billing[b-3x05mbih1k] { display:grid;gap:1.2rem;min-width:0; }
.subscription-billing[hidden][b-3x05mbih1k] { display:none!important; }
h2[b-3x05mbih1k] { font-size:clamp(1.3rem,2vw,1.65rem);font-weight:800;margin:0;line-height:1.6; } h3[b-3x05mbih1k] { font-size:1.15rem;font-weight:750;margin:0;overflow-wrap:anywhere; }
p[b-3x05mbih1k],small[b-3x05mbih1k] { color:var(--zj-on-surface-variant);line-height:1.8;margin:0;overflow-wrap:anywhere; }
.subscription-billing__heading[b-3x05mbih1k] { display:flex;flex-wrap:wrap;justify-content:space-between;align-items:start;gap:1rem; }
.subscription-billing__steps[b-3x05mbih1k] { display:flex;flex-wrap:wrap;gap:.65rem; }
.subscription-billing__steps a[b-3x05mbih1k] { color:var(--zj-on-surface);background:var(--zj-surface-container-low);border:1px solid var(--zj-outline-variant);border-radius:10px;padding:.6rem .8rem;text-underline-offset:4px; }
.subscription-billing__layout[b-3x05mbih1k] { display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.5fr);gap:1rem;align-items:start; }
.subscription-billing__customers[b-3x05mbih1k],.subscription-billing__detail[b-3x05mbih1k],.subscription-billing__panel[b-3x05mbih1k] { display:grid;gap:1rem;min-width:0; }
.subscription-billing__panel[b-3x05mbih1k] { padding:1.2rem;scroll-margin-top:100px; }
.subscription-billing__customers[b-3x05mbih1k] { border:1px solid var(--zj-outline-variant);padding:1rem;background:var(--zj-surface-container-low);border-radius:16px;scroll-margin-top:100px; }
.subscription-billing__customer[b-3x05mbih1k] { min-width:0;border:1px solid var(--zj-outline-variant);border-radius:12px;background:var(--zj-surface); }
.subscription-billing__customer.is-selected[b-3x05mbih1k] { border:2px solid var(--zj-primary);background:var(--zj-primary-container); }
.subscription-billing__customer button[b-3x05mbih1k] { display:flex;flex-direction:column;gap:.45rem;padding:1rem;text-align:start;border:0;background:transparent;color:var(--zj-on-surface);font:inherit;width:100%;min-width:0;overflow-wrap:anywhere; }
.subscription-billing__customer.is-selected button[b-3x05mbih1k],.subscription-billing__customer.is-selected small[b-3x05mbih1k] { color:var(--zj-on-primary-container); }
.subscription-billing__renewal[b-3x05mbih1k] { display:grid;gap:.7rem;padding:1rem;background:var(--zj-surface-container-low);border:1px solid var(--zj-outline-variant);border-inline-start:4px solid var(--zj-primary);border-radius:12px; }
.subscription-billing__renewal strong[b-3x05mbih1k] { font-size:1.15rem;overflow-wrap:anywhere; }
.subscription-billing__notice[b-3x05mbih1k] { border:1px solid var(--zj-outline-variant);border-inline-start:4px solid var(--zj-primary);padding:1rem;border-radius:12px;background:var(--zj-surface-container-low); }
.subscription-billing__notice[role=alert][b-3x05mbih1k] { border-inline-start-color:var(--zj-error); }
.subscription-billing__form[b-3x05mbih1k] { padding:0;margin:0 0 1rem;border:0;min-width:0; }


.subscription-billing__form input[b-3x05mbih1k],.subscription-billing__form textarea[b-3x05mbih1k] { max-width:100%;min-width:0; }
.subscription-billing__table[b-3x05mbih1k] { max-width:100%;overflow:auto;border:1px solid var(--zj-outline-variant);border-radius:12px; }
table[b-3x05mbih1k] { width:100%;border-collapse:collapse;min-width:490px; } th[b-3x05mbih1k],td[b-3x05mbih1k] { text-align:start;vertical-align:top;padding:.85rem;border-bottom:1px solid var(--zj-outline-variant); } th[b-3x05mbih1k] { background:var(--zj-surface-container-low); } td small[b-3x05mbih1k] { display:block; } td:last-child[b-3x05mbih1k] { min-width:180px;max-width:420px;overflow-wrap:anywhere; } td bdi[b-3x05mbih1k] { overflow-wrap:anywhere; } summary[b-3x05mbih1k] { cursor:pointer; width:fit-content; max-width:100%; min-height:44px; box-sizing:border-box; padding:.65rem .9rem; border:1px solid var(--zj-outline-variant); border-radius:.75rem; color:var(--zj-on-surface); background:var(--zj-surface-container-lowest); font-weight:700; overflow-wrap:anywhere; text-decoration:none; } summary:focus-visible[b-3x05mbih1k] { outline:3px solid var(--zj-on-surface); outline-offset:3px; }
button:focus-visible[b-3x05mbih1k],a:focus-visible[b-3x05mbih1k],summary:focus-visible[b-3x05mbih1k],.subscription-billing__table:focus-visible[b-3x05mbih1k] { outline:3px solid var(--zj-primary);outline-offset:3px; }
.subscription-billing button.btn-primary[b-3x05mbih1k] { background:var(--zj-ds-action-background,var(--zj-primary));color:var(--zj-ds-action-foreground,var(--zj-on-primary));border:1px solid var(--zj-outline-variant);white-space:normal;line-height:1.7; }
.subscription-billing__overlay[b-3x05mbih1k] { position:fixed;inset:0;z-index:1100;display:grid;place-items:center;background:#0008;padding:1rem; }
.subscription-billing__overlay section[b-3x05mbih1k] { max-width:540px;width:100%;max-height:calc(100dvh - 2rem);overflow:auto;background:var(--zj-surface);color:var(--zj-on-surface);padding:1.5rem;border:1px solid var(--zj-outline-variant);border-radius:16px;display:flex;flex-wrap:wrap;gap:1rem; }
.subscription-billing__overlay h2[b-3x05mbih1k],.subscription-billing__overlay p[b-3x05mbih1k] { flex-basis:100%; }
@media(max-width:1000px) { .subscription-billing__layout[b-3x05mbih1k] { grid-template-columns:1fr; } }
@media(max-width:560px) { .subscription-billing__panel[b-3x05mbih1k] { padding:1rem; } .subscription-billing__steps a[b-3x05mbih1k] { flex:1 1 140px; } }
/* _content/Zajal.Shared/Pages/Admin/SubscriptionCenter.razor.rz.scp.css */
.subscription-center[b-xbaxg0tv09] { display:grid; gap:1.25rem; min-width:0; color:var(--zj-on-surface); }
.subscription-center__tabs[b-xbaxg0tv09] { display:flex; flex-wrap:wrap; gap:.6rem; padding:.65rem; border:1px solid var(--zj-outline-variant); border-radius:16px; background:var(--zj-surface-container-low); }
.subscription-center__tabs button[b-xbaxg0tv09] { flex:1 1 210px; border:1px solid var(--zj-outline-variant); border-radius:10px; padding:.85rem 1rem; font:inherit; font-weight:750; color:var(--zj-on-surface); background:var(--zj-surface); }
.subscription-center__tabs button[aria-current][b-xbaxg0tv09] { background:var(--zj-primary-container); color:var(--zj-on-primary-container); border-color:var(--zj-primary); }
.subscription-center__tabs button:focus-visible[b-xbaxg0tv09] { outline:3px solid var(--zj-primary); outline-offset:3px; }
.subscription-center > div[b-xbaxg0tv09] { min-width:0; }
.subscription-center [hidden][b-xbaxg0tv09] { display:none!important; }
/* _content/Zajal.Shared/Pages/Admin/SubscriptionCustomerDetails.razor.rz.scp.css */
.subscription-customer-details[b-88hz3x82x2] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.subscription-customer-details__header[b-88hz3x82x2] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.subscription-customer-details__header span[b-88hz3x82x2] {
    color: var(--color-primary, #ff6b2b);
    font-size: .85rem;
    font-weight: 700;
}

.subscription-customer-details__header h1[b-88hz3x82x2] {
    font-size: clamp(1.5rem, 3vw, 2.2rem);
    margin: .2rem 0;
}

.subscription-customer-details__header p[b-88hz3x82x2],
.subscription-customer-details small[b-88hz3x82x2],
.subscription-customer-details dt[b-88hz3x82x2],
.subscription-customer-details__list span[b-88hz3x82x2] {
    color: var(--text-muted, #6b7280);
}

.subscription-customer-details__header a[b-88hz3x82x2] {
    border: 1px solid rgba(255, 107, 43, .22);
    border-radius: 12px;
    color: inherit;
    padding: .65rem .9rem;
    text-decoration: none;
}

.subscription-customer-details__header-actions[b-88hz3x82x2],
.subscription-customer-details__form-actions[b-88hz3x82x2] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
}

.subscription-customer-details__section-head p[b-88hz3x82x2] {
    color: var(--text-muted, #6b7280);
    margin: -.35rem 0 1rem;
}

.subscription-customer-details__restaurant-form-wide[b-88hz3x82x2] {
    grid-column: 1 / -1;
}

.subscription-customer-details__restaurant-data[b-88hz3x82x2] {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

.subscription-customer-details__restaurant-data > div[b-88hz3x82x2] {
    min-width: 0;
}

.subscription-customer-details__restaurant-data dd[b-88hz3x82x2] {
    min-width: 0;
    overflow-wrap: anywhere;
    text-align: start;
}

.subscription-customer-details__restaurant-data bdi[b-88hz3x82x2] {
    display: inline-block;
    max-width: 100%;
    unicode-bidi: isolate;
}

.subscription-customer-details__form-error[b-88hz3x82x2] {
    background: var(--zj-error-container);
    border-radius: 8px;
    color: var(--zj-on-error-container);
    margin: .85rem 0 0;
    padding: .7rem .85rem;
}

.subscription-customer-details__form-actions[b-88hz3x82x2] {
    margin-top: 1rem;
}

.subscription-customer-details__warning[b-88hz3x82x2],
.subscription-customer-details__blocked[b-88hz3x82x2] {
    border-radius: 8px;
    font-weight: 700;
    padding: .85rem 1rem;
}

.subscription-customer-details__warning[b-88hz3x82x2] {
    background: rgba(245, 158, 11, .14);
    color: #92400e;
}

.subscription-customer-details__blocked[b-88hz3x82x2] {
    background: rgba(220, 38, 38, .12);
    color: var(--zj-on-error-container);
}

.subscription-customer-details__summary[b-88hz3x82x2],
.subscription-customer-details__grid[b-88hz3x82x2],
.subscription-customer-details__limits[b-88hz3x82x2] {
    display: grid;
    gap: .85rem;
}

.subscription-customer-details__summary[b-88hz3x82x2] {
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}

.subscription-customer-details__summary article[b-88hz3x82x2] {
    background: var(--surface-card, #fff);
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 8px;
    padding: 1rem;
}

.subscription-customer-details__summary span[b-88hz3x82x2],
.subscription-customer-details dt[b-88hz3x82x2] {
    display: block;
    font-size: .8rem;
    margin-bottom: .25rem;
}

.subscription-customer-details__grid[b-88hz3x82x2] {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.subscription-customer-details h2[b-88hz3x82x2] {
    font-size: 1rem;
    margin: 0 0 .85rem;
}

.subscription-customer-details__limits[b-88hz3x82x2] {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

.subscription-customer-details__limits div[b-88hz3x82x2],
.subscription-customer-details__list div[b-88hz3x82x2] {
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: .25rem;
    padding: .75rem;
}

.subscription-customer-details dl[b-88hz3x82x2] {
    display: grid;
    gap: .7rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
}

.subscription-customer-details dd[b-88hz3x82x2] {
    margin: 0;
}

.subscription-customer-details__list[b-88hz3x82x2] {
    display: flex;
    flex-direction: column;
    gap: .6rem;
}

.subscription-customer-details__access-head[b-88hz3x82x2],
.subscription-customer-details__modules-title[b-88hz3x82x2] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.subscription-customer-details__access-form[b-88hz3x82x2] { margin-bottom: 1.1rem; }

.subscription-customer-details__check-row[b-88hz3x82x2] {
    align-items: center;
    background: var(--zj-surface-container-low, #f8fafc);
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 10px;
    display: flex;
    gap: .65rem;
    padding: .75rem;
}

.subscription-customer-details__modules-editor[b-88hz3x82x2] {
    border-top: 1px solid rgba(15, 23, 42, .08);
    padding-top: 1rem;
}

.subscription-customer-details__modules-title h3[b-88hz3x82x2],
.subscription-customer-details__enabled-modules h3[b-88hz3x82x2] {
    font-size: .95rem;
    margin: 0 0 .25rem;
}

.subscription-customer-details__modules-title p[b-88hz3x82x2] {
    color: var(--text-muted, #6b7280);
    font-size: .78rem;
    margin: 0;
}

.subscription-customer-details__modules-title > div:last-child[b-88hz3x82x2] {
    display: flex;
    gap: .5rem;
}

.subscription-customer-details__module-grid[b-88hz3x82x2] {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: .85rem;
}

.subscription-customer-details__module-card[b-88hz3x82x2] {
    border: 1px solid rgba(15, 23, 42, .1);
    border-radius: 12px;
    overflow: hidden;
}

.subscription-customer-details__module-card > header[b-88hz3x82x2] {
    align-items: center;
    background: var(--zj-surface-container-low, #f8fafc);
    display: flex;
    gap: .75rem;
    justify-content: space-between;
    padding: .75rem;
}

.subscription-customer-details__module-card > header > div[b-88hz3x82x2] {
    display: grid;
    gap: .1rem;
}

.subscription-customer-details__module-card > header span[b-88hz3x82x2],
.subscription-customer-details__module-toggle span[b-88hz3x82x2] {
    color: var(--text-muted, #6b7280);
    font-size: .72rem;
}

.subscription-customer-details__module-toggle[b-88hz3x82x2],
.subscription-customer-details__module-pages label[b-88hz3x82x2] {
    align-items: center;
    display: flex;
    gap: .45rem;
}

.subscription-customer-details__module-pages[b-88hz3x82x2] {
    display: grid;
    gap: .45rem;
    max-height: 13rem;
    overflow-y: auto;
    padding: .75rem;
}

.subscription-customer-details__module-pages label[b-88hz3x82x2] {
    border-bottom: 1px solid rgba(15, 23, 42, .06);
    font-size: .77rem;
    padding-bottom: .4rem;
}

.subscription-customer-details__module-pages label > span[b-88hz3x82x2] {
    flex: 1;
}

.subscription-customer-details__module-pages small[b-88hz3x82x2] {
    color: var(--zj-primary, #b1812c);
    font-size: .65rem;
}

.subscription-customer-details__access-data[b-88hz3x82x2] {
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)) !important;
}

.subscription-customer-details__enabled-modules[b-88hz3x82x2] {
    border-top: 1px solid rgba(15, 23, 42, .08);
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    margin-top: 1rem;
    padding-top: 1rem;
}

.subscription-customer-details__enabled-modules h3[b-88hz3x82x2] {
    flex-basis: 100%;
}

.subscription-customer-details__enabled-modules > span[b-88hz3x82x2] {
    background: rgba(var(--zj-primary-rgb), .08);
    border: 1px solid rgba(var(--zj-primary-rgb), .16);
    border-radius: 999px;
    display: inline-flex;
    gap: .4rem;
    padding: .4rem .65rem;
}

.subscription-customer-details__enabled-modules small[b-88hz3x82x2] {
    color: var(--text-muted, #6b7280);
}

@media (max-width: 1100px) {
    .subscription-customer-details__restaurant-data[b-88hz3x82x2] {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 760px) {
    .subscription-customer-details__header[b-88hz3x82x2] {
        flex-direction: column;
    }

    .subscription-customer-details dl[b-88hz3x82x2] {
        grid-template-columns: 1fr;
    }

    .subscription-customer-details__restaurant-data[b-88hz3x82x2] {
        grid-template-columns: 1fr !important;
    }

    .subscription-customer-details__restaurant-form-wide[b-88hz3x82x2] {
        grid-column: auto;
    }

    .subscription-customer-details__access-head[b-88hz3x82x2],
    .subscription-customer-details__modules-title[b-88hz3x82x2] {
        align-items: stretch;
        flex-direction: column;
    }

    .subscription-customer-details__module-grid[b-88hz3x82x2] {
        grid-template-columns: 1fr;
    }
}

/* Reset Password Modal */
.modal-backdrop-custom[b-88hz3x82x2] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.6);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1050;
    padding: 1rem;
}

.modal-dialog-custom[b-88hz3x82x2] {
    background: var(--zj-surface-container-lowest, var(--zj-surface, #ffffff));
    border-radius: 16px;
    max-width: 32rem;
    width: 100%;
    box-shadow: var(--zj-shadow-xl, 0 20px 25px -5px rgba(0, 0, 0, 0.2));
    border: 1px solid var(--zj-outline-variant, rgba(15, 23, 42, 0.08));
    overflow: hidden;
    animation: modalSlideIn-b-88hz3x82x2 0.2s ease-out;
    color: var(--zj-on-surface, #1e293b);
}

@keyframes modalSlideIn-b-88hz3x82x2 {
    from {
        opacity: 0;
        transform: translateY(12px) scale(0.98);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.modal-header-custom[b-88hz3x82x2] {
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid var(--zj-outline-variant, #f1f5f9);
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--zj-surface-container-low, transparent);
}

.modal-header-custom h3[b-88hz3x82x2] {
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--zj-on-surface, #1e293b);
}

.btn-close-custom[b-88hz3x82x2] {
    background: transparent;
    border: none;
    color: var(--zj-on-surface-variant, #94a3b8);
    cursor: pointer;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    transition: all 0.15s ease;
}

.btn-close-custom:hover[b-88hz3x82x2] {
    background: var(--zj-surface-container-high, #f1f5f9);
    color: var(--zj-on-surface, #0f172a);
}

.modal-body-custom[b-88hz3x82x2] {
    padding: 1.25rem 1.5rem;
    background: var(--zj-surface-container-lowest, var(--zj-surface, #ffffff));
    color: var(--zj-on-surface, #1e293b);
}

.modal-footer-custom[b-88hz3x82x2] {
    padding: 1rem 1.5rem;
    background: var(--zj-surface-container-low, #f8fafc);
    border-top: 1px solid var(--zj-outline-variant, #f1f5f9);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
}

.reset-cred-summary[b-88hz3x82x2] {
    background: var(--zj-surface-container, #f8fafc);
    border: 1px solid var(--zj-outline-variant, #e2e8f0);
    border-radius: 10px;
    color: var(--zj-on-surface, #1e293b);
}

.btn-icon-subtle[b-88hz3x82x2] {
    background: transparent;
    border: 1px solid var(--zj-outline-variant, #cbd5e1);
    border-radius: 6px;
    color: var(--zj-on-surface-variant, #64748b);
    padding: 3px 6px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.btn-icon-subtle:hover[b-88hz3x82x2] {
    background: #e2e8f0;
    color: #0f172a;
}

.btn-icon-subtle .material-symbols-outlined[b-88hz3x82x2] {
    font-size: 1rem;
}

.btn-whatsapp[b-88hz3x82x2] {
    background: #25d366;
    color: #ffffff !important;
    font-weight: 600;
    border: none;
    padding: 0.4rem 0.8rem;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    text-decoration: none;
    transition: background 0.15s ease;
}

.btn-whatsapp:hover[b-88hz3x82x2] {
    background: #128c7e;
}

/* Tabs Navigation */
.subscription-customer-details__tabs[b-88hz3x82x2] {
    display: flex;
    gap: 0.25rem;
    border-bottom: 2px solid var(--zj-outline-variant, #e2e8f0);
    margin-bottom: 1rem;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.subscription-customer-details__tabs[b-88hz3x82x2]  .subscription-customer-details__tab {
    align-items: center;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    color: var(--zj-on-surface-variant, #64748b);
    cursor: pointer;
    display: flex;
    font-size: 0.875rem;
    font-weight: 600;
    gap: 0.4rem;
    margin-bottom: -2px;
    padding: 0.75rem 1.25rem;
    transition: all 0.15s ease;
    white-space: nowrap;
}

.subscription-customer-details__tabs[b-88hz3x82x2]  .subscription-customer-details__tab:hover {
    color: var(--zj-on-surface, #1e293b);
    background: var(--zj-surface-container-low, #f8fafc);
}

.subscription-customer-details__tabs[b-88hz3x82x2]  .subscription-customer-details__tab--active {
    border-bottom-color: var(--zj-primary, #4456a6);
    color: var(--zj-primary, #4456a6);
}

.subscription-customer-details__tabs[b-88hz3x82x2]  .subscription-customer-details__tab .material-symbols-outlined {
    font-size: 1.15rem;
}

/* Sticky Save Bar */
.subscription-customer-details__tabs[b-88hz3x82x2]  .subscription-customer-details__tab--error {
    color: var(--zj-danger, #b91c1c);
}
.subscription-customer-details__tabs[b-88hz3x82x2]  .subscription-customer-details__tab-error {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    font-size: .75rem;
    font-weight: 700;
}

.subscription-customer-details__save-bar[b-88hz3x82x2] {
    background: var(--zj-surface-container-low, #f8fafc);
    border: 1px solid var(--zj-outline-variant, #e2e8f0);
    border-radius: 12px;
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    position: sticky;
    bottom: 1rem;
    z-index: 100;
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.06);
}

@media (max-width: 760px) {
    .subscription-customer-details__tabs[b-88hz3x82x2] {
        gap: 0;
    }

    .subscription-customer-details__tabs[b-88hz3x82x2]  .subscription-customer-details__tab {
        flex: 1;
        font-size: 0.78rem;
        justify-content: center;
        padding: 0.6rem 0.5rem;
    }

    .subscription-customer-details__save-bar[b-88hz3x82x2] {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        border-radius: 12px 12px 0 0;
        margin: 0;
        padding: 0.75rem 1rem calc(0.75rem + env(safe-area-inset-bottom));
    }

    .subscription-customer-details--editing[b-88hz3x82x2] {
        padding-bottom: calc(5rem + env(safe-area-inset-bottom));
    }
}

/* _content/Zajal.Shared/Pages/Admin/SubscriptionCustomers.razor.rz.scp.css */
.subscription-customers[b-c43yubnc5e] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.subscription-customers__header[b-c43yubnc5e] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.subscription-customers__header span[b-c43yubnc5e] {
    color: var(--color-primary, #ff6b2b);
    font-size: .85rem;
    font-weight: 700;
}

.subscription-customers__header h1[b-c43yubnc5e] {
    font-size: clamp(1.5rem, 3vw, 2.2rem);
    margin: .2rem 0;
}

.subscription-customers__header p[b-c43yubnc5e],
.subscription-customers__card small[b-c43yubnc5e] {
    color: var(--text-muted, #6b7280);
    margin: 0;
}

.subscription-customers__header a[b-c43yubnc5e] {
    border: 1px solid rgba(255, 107, 43, .22);
    border-radius: 12px;
    color: inherit;
    padding: .65rem .9rem;
    text-decoration: none;
}

.subscription-customers__top[b-c43yubnc5e],
.subscription-customers__addons[b-c43yubnc5e] {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
}

.subscription-customers__grid[b-c43yubnc5e] {
    display: grid;
    gap: .85rem;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.subscription-customers__card[b-c43yubnc5e] {
    background: var(--surface-card, #fff);
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: .85rem;
    padding: 1rem;
}

.subscription-customers__top[b-c43yubnc5e] {
    align-items: flex-start;
    justify-content: space-between;
}

.subscription-customers__top div[b-c43yubnc5e] {
    display: flex;
    flex-direction: column;
    gap: .2rem;
}

.subscription-customers__top span[b-c43yubnc5e],
.subscription-customers__addons span[b-c43yubnc5e] {
    background: rgba(15, 23, 42, .06);
    border-radius: 999px;
    font-size: .82rem;
    padding: .25rem .55rem;
}

.subscription-customers dl[b-c43yubnc5e] {
    display: grid;
    gap: .6rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
}

.subscription-customers dt[b-c43yubnc5e] {
    color: var(--text-muted, #6b7280);
    font-size: .8rem;
}

.subscription-customers dd[b-c43yubnc5e] {
    margin: .2rem 0 0;
}


.subscription-customers__security-actions[b-c43yubnc5e] {
    align-items: center;
    border-top: 1px solid rgba(15, 23, 42, .08);
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    padding-top: .8rem;
}

.subscription-customers__security-actions .btn[b-c43yubnc5e] {
    flex: 1 1 10rem;
    justify-content: center;
}

.subscription-customers__suspend-button[b-c43yubnc5e] {
    background: color-mix(in srgb, #f59e0b 13%, var(--zj-surface-container-lowest));
    border: 1px solid color-mix(in srgb, #f59e0b 42%, transparent);
    color: #92400e;
}

.subscription-customers__delete-button[b-c43yubnc5e] {
    background: var(--zj-error, #b91c1c);
    border: 1px solid var(--zj-error, #b91c1c);
    color: #fff;
}

.subscription-customers__delete-button:hover[b-c43yubnc5e] {
    filter: brightness(.92);
}

.subscription-customers__dialog-backdrop[b-c43yubnc5e] {
    align-items: center;
    background: rgba(15, 23, 42, .5);
    backdrop-filter: blur(5px);
    display: flex;
    inset: 0;
    justify-content: center;
    padding: 1rem;
    position: fixed;
    z-index: 9998;
}

.subscription-customers__dialog[b-c43yubnc5e] {
    background: var(--zj-surface-container-lowest, #fff);
    border: 1px solid var(--zj-outline-variant, rgba(15, 23, 42, .12));
    border-radius: var(--zj-radius-2xl, 18px);
    box-shadow: var(--zj-shadow-2xl, 0 24px 60px rgba(15, 23, 42, .24));
    display: grid;
    gap: 1rem;
    max-width: 31rem;
    padding: 1.35rem;
    width: 100%;
}

.subscription-customers__dialog-icon[b-c43yubnc5e] {
    align-items: center;
    background: color-mix(in srgb, #f59e0b 14%, transparent);
    border-radius: 999px;
    color: #b45309;
    display: flex;
    height: 3rem;
    justify-content: center;
    width: 3rem;
}

.subscription-customers__dialog-icon.is-delete[b-c43yubnc5e] {
    background: color-mix(in srgb, var(--zj-error, #b91c1c) 12%, transparent);
    color: var(--zj-error, #b91c1c);
}

.subscription-customers__dialog h2[b-c43yubnc5e] {
    font-size: 1.2rem;
    margin: 0 0 .35rem;
}

.subscription-customers__dialog p[b-c43yubnc5e] {
    color: var(--text-muted, #6b7280);
    line-height: 1.65;
    margin: 0 0 .35rem;
}

.subscription-customers__destructive-warning[b-c43yubnc5e] {
    background: color-mix(in srgb, var(--zj-error, #b91c1c) 9%, transparent);
    border: 1px solid color-mix(in srgb, var(--zj-error, #b91c1c) 24%, transparent);
    border-radius: 10px;
    color: var(--zj-error, #991b1b);
    font-size: .82rem;
    font-weight: 700;
    line-height: 1.65;
    padding: .75rem;
}

.subscription-customers__dialog-error[b-c43yubnc5e] {
    background: color-mix(in srgb, var(--zj-error, #b91c1c) 10%, transparent);
    border-radius: 8px;
    color: var(--zj-error, #991b1b) !important;
    font-size: .8rem;
    font-weight: 700;
    padding: .65rem .75rem;
}

.subscription-customers__dialog-actions[b-c43yubnc5e] {
    display: flex;
    gap: .65rem;
    justify-content: flex-start;
}

@media (max-width: 760px) {
    .subscription-customers__header[b-c43yubnc5e] {
        flex-direction: column;
    }

    .subscription-customers dl[b-c43yubnc5e] {
        grid-template-columns: 1fr;
    }

    .subscription-customers__dialog-actions .btn[b-c43yubnc5e] {
        flex: 1;
        justify-content: center;
    }
}
.subscription-customers__header h2[b-c43yubnc5e]{font-size:clamp(1.4rem,2vw,1.75rem);margin:.2rem 0}
.subscription-customers__grid[b-c43yubnc5e]{grid-template-columns:minmax(0,1fr)}
.subscription-customers__card[b-c43yubnc5e]{border-color:var(--zj-outline-variant);background:var(--zj-surface);min-width:0;gap:.65rem}
.subscription-customers__card strong[b-c43yubnc5e],.subscription-customers__card dd[b-c43yubnc5e],.subscription-customers__card small[b-c43yubnc5e]{overflow-wrap:anywhere;min-width:0}
.subscription-customers__card small[b-c43yubnc5e],.subscription-customers dt[b-c43yubnc5e],.subscription-customers__header p[b-c43yubnc5e]{color:var(--zj-on-surface-variant)}
.subscription-customers__top span[b-c43yubnc5e]{background:var(--zj-surface-container-high);color:var(--zj-on-surface)}
.subscription-customers__security-group[b-c43yubnc5e]{border-top:1px solid var(--zj-outline-variant);padding-top:.5rem}.subscription-customers__security-group summary[b-c43yubnc5e]{cursor:pointer;min-height:32px;font-weight:700}
.subscription-customers__security-actions[b-c43yubnc5e]{border:0;padding-top:.5rem}.subscription-customers__security-actions .btn[b-c43yubnc5e]{flex:0 1 auto}
.subscription-customers__suspend-button[b-c43yubnc5e]{background:var(--zj-warning-container);color:var(--zj-on-surface);border-color:var(--zj-warning)}
.subscription-customers__dialog[b-c43yubnc5e]{max-height:calc(100dvh - 2rem);overflow-y:auto}.subscription-customers__dialog-icon[b-c43yubnc5e]{color:var(--zj-on-surface)}
.subscription-customers__status .btn[b-c43yubnc5e]{white-space:normal}.subscription-customers__dialog p[b-c43yubnc5e]{color:var(--zj-on-surface-variant)}
@media(min-width:900px){.subscription-customers dl[b-c43yubnc5e]{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:450px){.subscription-customers__dialog-actions[b-c43yubnc5e]{flex-wrap:wrap}}
/* _content/Zajal.Shared/Pages/Admin/SubscriptionDowngrade.razor.rz.scp.css */
main[b-32vvkzvyf7]{max-width:65rem;overflow-wrap:anywhere}
main > a[b-32vvkzvyf7],main p > a[b-32vvkzvyf7]{display:inline-flex;align-items:center;min-height:44px;color:var(--text-primary,#242424);text-decoration:underline;text-underline-offset:.2em}
label:has(input[type=checkbox])[b-32vvkzvyf7]{display:block}
summary[b-32vvkzvyf7],label:has(input[type=checkbox])[b-32vvkzvyf7]{min-height:44px;padding-block:.6rem}
fieldset[b-32vvkzvyf7]{padding:1rem;margin-block:.75rem;border:1px solid var(--border-color,#d5d9df);border-radius:.5rem}
button[b-32vvkzvyf7]{min-height:44px;margin-block:.75rem}
:is(button,a,summary,input[type=checkbox]):focus-visible[b-32vvkzvyf7]{outline:3px solid var(--primary,#3764bb);outline-offset:3px}
@media(prefers-reduced-motion:reduce){*[b-32vvkzvyf7]{transition:none!important;animation:none!important}}
/* _content/Zajal.Shared/Pages/Admin/SubscriptionPlans.razor.rz.scp.css */
.subscription-admin[b-n768satn29] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.subscription-admin__header[b-n768satn29] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.subscription-admin__header span[b-n768satn29] {
    color: var(--color-primary, #ff6b2b);
    font-size: .85rem;
    font-weight: 700;
}

.subscription-admin__header h1[b-n768satn29] {
    font-size: clamp(1.5rem, 3vw, 2.2rem);
    margin: .2rem 0;
}

.subscription-admin__header p[b-n768satn29] {
    color: var(--text-muted, #6b7280);
    margin: 0;
}

.subscription-admin__link[b-n768satn29] {
    align-items: center;
    border: 1px solid rgba(255, 107, 43, .22);
    border-radius: 12px;
    color: inherit;
    display: inline-flex;
    gap: .4rem;
    padding: .7rem 1rem;
    text-decoration: none;
}

.subscription-admin__layout[b-n768satn29] {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(320px, .9fr) minmax(0, 1.1fr);
}

.subscription-admin__panel[b-n768satn29] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.subscription-admin__panel h2[b-n768satn29] {
    font-size: 1.1rem;
    margin: 0;
}

.subscription-admin__wide[b-n768satn29] {
    grid-column: 1 / -1;
}

.subscription-admin__modules[b-n768satn29] {
    background: linear-gradient(145deg, rgba(255, 107, 43, .055), rgba(255, 255, 255, .7));
    border: 1px solid rgba(255, 107, 43, .16);
    border-radius: 16px;
    padding: 1rem;
}

.subscription-admin__modules-head[b-n768satn29] {
    align-items: flex-start;
    display: flex;
    gap: .8rem;
    justify-content: space-between;
    margin-bottom: .85rem;
}

.subscription-admin__modules h3[b-n768satn29],
.subscription-admin__plan-modules strong[b-n768satn29] {
    font-size: .95rem;
    margin: 0;
}

.subscription-admin__modules p[b-n768satn29] {
    color: var(--text-muted, #6b7280);
    font-size: .82rem;
    margin: .25rem 0 0;
}

.subscription-admin__module-actions[b-n768satn29] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    justify-content: flex-end;
}

.subscription-admin__module-actions > span[b-n768satn29] {
    color: var(--color-primary, #ff6b2b);
    font-size: .78rem;
    font-weight: 800;
}

.subscription-admin__module-grid[b-n768satn29] {
    display: grid;
    gap: .65rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.subscription-admin label.subscription-admin__module-option[b-n768satn29] {
    align-items: flex-start;
    background: rgba(255, 255, 255, .74);
    border: 1px solid rgba(15, 23, 42, .09);
    border-radius: 13px;
    cursor: pointer;
    display: grid;
    gap: .65rem;
    grid-template-columns: auto auto minmax(0, 1fr);
    padding: .75rem;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.subscription-admin label.subscription-admin__module-option:hover[b-n768satn29] {
    border-color: rgba(255, 107, 43, .32);
    transform: translateY(-1px);
}

.subscription-admin label.subscription-admin__module-option.is-selected[b-n768satn29] {
    border-color: rgba(255, 107, 43, .44);
    box-shadow: 0 9px 24px rgba(255, 107, 43, .09);
}

.subscription-admin__module-option > .material-symbols-outlined[b-n768satn29] {
    color: var(--color-primary, #ff6b2b);
    font-size: 1.25rem;
}

.subscription-admin__module-option strong[b-n768satn29],
.subscription-admin__module-option small[b-n768satn29],
.subscription-admin__module-option em[b-n768satn29] {
    display: block;
}

.subscription-admin__module-option small[b-n768satn29] {
    color: var(--text-muted, #6b7280);
    font-size: .74rem;
    line-height: 1.5;
    margin-top: .15rem;
}

.subscription-admin__module-option em[b-n768satn29] {
    color: var(--color-primary, #ff6b2b);
    font-size: .7rem;
    font-style: normal;
    font-weight: 700;
    margin-top: .35rem;
}

.subscription-admin__checks[b-n768satn29],
.subscription-admin__actions[b-n768satn29],
.subscription-admin__badges[b-n768satn29],
.subscription-admin__price[b-n768satn29],
.subscription-admin__limits[b-n768satn29] {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
}

.subscription-admin__checks label[b-n768satn29] {
    align-items: center;
    flex-direction: row;
}

.subscription-admin__cards[b-n768satn29] {
    display: grid;
    gap: .85rem;
}

.subscription-admin__card[b-n768satn29] {
    background: var(--surface-card, #fff);
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 14px;
    display: flex;
    flex-direction: column;
    gap: .75rem;
    padding: 1rem;
}

.subscription-admin__card p[b-n768satn29],
.subscription-admin__card small[b-n768satn29] {
    color: var(--text-muted, #6b7280);
    margin: 0;
}

.subscription-admin__plan-modules[b-n768satn29] {
    border-block: 1px dashed rgba(15, 23, 42, .1);
    display: grid;
    gap: .5rem;
    padding-block: .7rem;
}

.subscription-admin__plan-modules > div[b-n768satn29] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
}

.subscription-admin__plan-modules span[b-n768satn29] {
    background: rgba(255, 107, 43, .09);
    border: 1px solid rgba(255, 107, 43, .14);
    border-radius: 999px;
    color: #b74412;
    font-size: .76rem;
    font-weight: 700;
    padding: .25rem .55rem;
}

.subscription-admin__badges span[b-n768satn29],
.subscription-admin__limits span[b-n768satn29],
.subscription-admin__price span[b-n768satn29] {
    background: rgba(15, 23, 42, .06);
    border-radius: 999px;
    font-size: .82rem;
    padding: .25rem .55rem;
}

@media (max-width: 980px) {
    .subscription-admin__layout[b-n768satn29]{
        grid-template-columns: 1fr;
    }

    .subscription-admin__header[b-n768satn29] {
        flex-direction: column;
    }

    .subscription-admin__module-grid[b-n768satn29] {
        grid-template-columns: 1fr;
    }

    .subscription-admin__modules-head[b-n768satn29] {
        flex-direction: column;
    }

    .subscription-admin__module-actions[b-n768satn29] {
        justify-content: flex-start;
    }
}
.subscription-admin__family[b-n768satn29] { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; padding: .8rem; border: 1px solid #8883; border-radius: 12px; }
.subscription-admin__family label[b-n768satn29] { display: flex; flex: 1 1 100%; align-items: center; gap: .5rem; }
.subscription-admin__family small[b-n768satn29] { flex: 1; }
.subscription-admin__capability[b-n768satn29] { display: flex; align-items: start; gap: .5rem; padding: .6rem; }
.subscription-admin__capability small[b-n768satn29] { display: block; color: var(--text-muted, #6b7280); }
.subscription-admin fieldset[b-n768satn29] { border: 0; min-inline-size: 0; }
.subscription-admin__panel h3[b-n768satn29] { font-size: 1rem; margin-block: .7rem .2rem; }
.subscription-admin__card details[b-n768satn29] { max-height: 30rem; overflow: auto; }
@media (max-width: 850px) { .subscription-admin__layout[b-n768satn29] { grid-template-columns: minmax(0, 1fr); } }

.package-ideas[b-n768satn29] { display: grid; gap: 1rem; }
.package-ideas h2[b-n768satn29] { margin: 0; font-size: 1.25rem; }
.package-ideas p[b-n768satn29] { color: var(--zj-on-surface-variant); line-height: 1.8; }
.package-ideas__grid[b-n768satn29] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .85rem; }
.package-idea[b-n768satn29] { display: flex; flex-direction: column; gap: .6rem; padding: 1.2rem; background: var(--zj-surface); border: 1px solid var(--zj-outline-variant); border-radius: var(--zj-radius-xl); min-width: 0; }
.package-idea > .material-symbols-outlined[b-n768satn29] { color: var(--zj-primary); font-size: 2rem; }
.package-idea h3[b-n768satn29], .package-idea p[b-n768satn29] { margin: 0; }
.package-idea p[b-n768satn29] { flex: 1; font-size: .9rem; }
.package-idea strong small[b-n768satn29], .package-idea__limits[b-n768satn29] { display: block; font-size: .78rem; color: var(--zj-on-surface-variant); }
.workflow-ideas[b-n768satn29] { display: grid; gap: .65rem; }
.workflow-idea[b-n768satn29] { padding: .9rem; border: 1px solid var(--zj-outline-variant); border-radius: var(--zj-radius-lg); }
.workflow-idea label[b-n768satn29] { flex-direction: row; align-items: center; gap: .55rem; }
.workflow-idea p[b-n768satn29] { margin: .4rem 0; font-size: .85rem; line-height: 1.8; color: var(--zj-on-surface-variant); }
.workflow-idea summary[b-n768satn29] { cursor: pointer; color: var(--zj-primary); font-size: .85rem; }
.workflow-idea__permission[b-n768satn29] { display: inline-block; padding: .15rem .4rem; margin: .2rem; background: var(--zj-surface-container-low); border-radius: .4rem; }
.selection-advice[b-n768satn29] { padding: 1rem; border-inline-start: 3px solid var(--zj-primary); background: var(--zj-surface-container-low); border-radius: .7rem; }
.selection-advice p[b-n768satn29] { font-size: .84rem; line-height: 1.8; margin: .5rem 0 0; }
@media (max-width: 1050px) { .package-ideas__grid[b-n768satn29] { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 600px) { .package-ideas__grid[b-n768satn29] { grid-template-columns: minmax(0,1fr); } }
/* ================= Modern Subscription Studio Styles ================= */
.subscription-admin__badge[b-n768satn29] {
    display: inline-block;
    padding: 0.25rem 0.65rem;
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--zj-primary, #ff6b2b);
    background: rgba(255, 107, 43, 0.1);
    border-radius: 9999px;
    margin-bottom: 0.4rem;
}

.subscription-admin__header-actions[b-n768satn29] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.btn-wizard-launch[b-n768satn29] {
    background: linear-gradient(135deg, #ff6b2b, #ea580c) !important;
    border: none !important;
    box-shadow: 0 4px 14px rgba(234, 88, 12, 0.35);
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.btn-wizard-launch:hover[b-n768satn29] {
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(234, 88, 12, 0.45);
}

.subscription-studio-tabs[b-n768satn29] {
    display: flex;
    gap: 0.75rem;
    border-bottom: 2px solid var(--zj-outline-variant, #e5e7eb);
    padding-bottom: 0.25rem;
    margin-block: 0.5rem 1rem;
}

.studio-tab[b-n768satn29] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.65rem 1.25rem;
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--zj-on-surface-variant, #6b7280);
    background: transparent;
    border: none;
    border-bottom: 3px solid transparent;
    cursor: pointer;
    transition: all 0.2s ease;
    border-radius: 8px 8px 0 0;
}

.studio-tab:hover[b-n768satn29] {
    color: var(--zj-primary, #ff6b2b);
    background: rgba(255, 107, 43, 0.04);
}

.studio-tab.is-active[b-n768satn29] {
    color: var(--zj-primary, #ff6b2b);
    border-bottom-color: var(--zj-primary, #ff6b2b);
    background: rgba(255, 107, 43, 0.08);
}

.section-title-row[b-n768satn29] {
    margin-bottom: 1rem;
}

.section-title-row h2[b-n768satn29] {
    font-size: 1.2rem;
    font-weight: 700;
    margin: 0;
}

.section-title-row small[b-n768satn29] {
    color: var(--zj-on-surface-variant, #6b7280);
    font-size: 0.85rem;
}

/* Plan Matrix Cards */
.plan-matrix-grid[b-n768satn29] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.plan-matrix-card[b-n768satn29] {
    background: var(--zj-surface, #ffffff);
    border: 1px solid var(--zj-outline-variant, #e5e7eb);
    border-radius: 16px;
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
    transition: transform 0.2s, box-shadow 0.2s;
}

.plan-matrix-card:hover[b-n768satn29] {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
}

.plan-matrix-card.is-published[b-n768satn29] {
    border-color: rgba(16, 185, 129, 0.35);
    background: linear-gradient(to bottom, rgba(16, 185, 129, 0.02), var(--zj-surface, #fff));
}

.plan-matrix-card.is-draft[b-n768satn29] {
    border-color: rgba(245, 158, 11, 0.35);
    background: linear-gradient(to bottom, rgba(245, 158, 11, 0.02), var(--zj-surface, #fff));
}

.plan-matrix-card__header[b-n768satn29] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.5rem;
}

.plan-status-pill[b-n768satn29] {
    display: inline-block;
    font-size: 0.72rem;
    font-weight: 700;
    padding: 0.15rem 0.5rem;
    border-radius: 6px;
    margin-bottom: 0.3rem;
}

.status-published[b-n768satn29] {
    background: #d1fae5;
    color: #065f46;
    border: 1px solid #a7f3d0;
}

.status-draft[b-n768satn29] {
    background: #fef3c7;
    color: #92400e;
    border: 1px solid #fde68a;
}

.plan-matrix-card__header h3[b-n768satn29] {
    margin: 0;
    font-size: 1.15rem;
}

.plan-price-block strong[b-n768satn29] {
    font-size: 1.35rem;
    color: var(--zj-primary, #ff6b2b);
}

.plan-price-block span[b-n768satn29] {
    font-size: 0.8rem;
    color: var(--text-muted, #6b7280);
}

.plan-matrix-card__desc[b-n768satn29] {
    margin: 0;
    font-size: 0.85rem;
    color: var(--zj-on-surface-variant, #4b5563);
    line-height: 1.5;
    flex-grow: 1;
}

.plan-matrix-card__pricing-sub[b-n768satn29] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.8rem;
    color: var(--text-muted, #6b7280);
    padding: 0.35rem 0.5rem;
    background: var(--zj-surface-container-low, #f9fafb);
    border-radius: 8px;
}

.free-months-pill[b-n768satn29] {
    font-weight: 700;
    color: #059669;
}

.plan-matrix-card__limits[b-n768satn29] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.limit-chip[b-n768satn29] {
    font-size: 0.75rem;
    padding: 0.2rem 0.45rem;
    background: var(--zj-surface-container-low, #f3f4f6);
    border-radius: 6px;
    color: var(--zj-on-surface, #374151);
    font-weight: 500;
}

.plan-matrix-card__actions[b-n768satn29] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-top: 0.5rem;
    padding-top: 0.75rem;
    border-top: 1px dashed var(--zj-outline-variant, #e5e7eb);
}

/* ================= RTL Studio Workspace & 5-Tab Editor ================= */
.studio-editor-section[b-n768satn29] {
    background: var(--zj-surface-container-lowest, #ffffff);
    border: 1px solid var(--zj-outline-variant, #e2e8f0);
    border-radius: 20px;
    padding: 1.5rem;
    margin-top: 1.25rem;
    position: relative;
    box-shadow: 0 6px 24px rgba(15, 23, 42, 0.04);
}

.studio-editor-header[b-n768satn29] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.5rem;
    padding-bottom: 1.25rem;
    border-bottom: 1px solid var(--zj-outline-variant, #e5e7eb);
}

.studio-editor-header__title[b-n768satn29] {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
}

.studio-editor-icon[b-n768satn29] {
    font-size: 2.2rem;
    color: var(--zj-primary, #ff6b2b);
    background: rgba(255, 107, 43, 0.1);
    padding: 0.5rem;
    border-radius: 12px;
}

.studio-editor-header h2[b-n768satn29] {
    font-size: 1.35rem;
    font-weight: 800;
    margin: 0;
}

.dirty-badge[b-n768satn29] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.75rem;
    font-weight: 700;
    color: #b45309;
    background: #fef3c7;
    border: 1px solid #fde68a;
    padding: 0.15rem 0.55rem;
    border-radius: 9999px;
}

.saved-badge[b-n768satn29] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.75rem;
    font-weight: 700;
    color: #047857;
    background: #d1fae5;
    border: 1px solid #a7f3d0;
    padding: 0.15rem 0.55rem;
    border-radius: 9999px;
}

.studio-editor-header__actions[b-n768satn29] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

/* 2-Column RTL Studio Grid: Right Column is First (350px), Left Column takes remainder */
.studio-workspace-grid[b-n768satn29] {
    display: grid;
    grid-template-columns: 350px minmax(0, 1fr);
    gap: 1.5rem;
    align-items: start;
}

.studio-sticky-sidebar[b-n768satn29] {
    position: sticky;
    top: 1.5rem;
    z-index: 10;
}

.studio-summary-card[b-n768satn29] {
    border: 1px solid rgba(255, 107, 43, 0.2) !important;
    background: linear-gradient(180deg, rgba(255, 107, 43, 0.03) 0%, var(--zj-surface, #fff) 100%) !important;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06);
    border-radius: 18px;
}

.studio-summary-head[b-n768satn29] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.studio-summary-eyebrow[b-n768satn29] {
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--zj-primary, #ff6b2b);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    display: block;
}

.studio-summary-title[b-n768satn29] {
    margin: 0.2rem 0 0;
    font-size: 1.25rem;
    font-weight: 800;
    color: var(--zj-on-surface, #1e293b);
}

.studio-summary-badge[b-n768satn29] {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.2rem 0.6rem;
    background: var(--zj-surface-container-low, #f1f5f9);
    border-radius: 6px;
    color: var(--zj-on-surface-variant, #475569);
    white-space: nowrap;
}

.studio-summary-price[b-n768satn29] {
    background: var(--zj-surface-container-low, #f8fafc);
    border-radius: 12px;
    padding: 0.85rem;
    margin-bottom: 1rem;
    border: 1px solid var(--zj-outline-variant, #f1f5f9);
}

.studio-summary-price strong[b-n768satn29] {
    font-size: 1.75rem;
    font-weight: 800;
    color: var(--zj-primary, #ff6b2b);
}

.studio-summary-price small[b-n768satn29] {
    font-size: 0.85rem;
    color: var(--text-muted, #64748b);
    margin-inline-start: 0.25rem;
}

.studio-summary-annual[b-n768satn29] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 0.5rem;
    font-size: 0.82rem;
    color: var(--text-muted, #64748b);
}

.free-months-tag[b-n768satn29] {
    background: #ecfdf5;
    color: #047857;
    font-weight: 700;
    padding: 0.15rem 0.45rem;
    border-radius: 6px;
    font-size: 0.75rem;
}

.studio-summary-metrics[b-n768satn29] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.6rem;
    margin-bottom: 1rem;
}

.summary-metric[b-n768satn29] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    background: var(--zj-surface, #fff);
    border: 1px solid var(--zj-outline-variant, #e2e8f0);
    border-radius: 10px;
    padding: 0.55rem 0.75rem;
}

.summary-metric > .material-symbols-outlined[b-n768satn29] {
    font-size: 1.4rem;
    color: var(--zj-primary, #ff6b2b);
}

.summary-metric strong[b-n768satn29] {
    display: block;
    font-size: 1.15rem;
    font-weight: 800;
    line-height: 1.1;
}

.summary-metric small[b-n768satn29] {
    font-size: 0.72rem;
    color: var(--text-muted, #64748b);
}

.studio-summary-limits[b-n768satn29] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    background: var(--zj-surface-container-low, #f8fafc);
    border-radius: 10px;
    padding: 0.75rem;
    margin-bottom: 1rem;
}

.studio-limit-item[b-n768satn29] {
    font-size: 0.8rem;
    color: var(--zj-on-surface, #334155);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.studio-limit-item b[b-n768satn29] {
    color: var(--zj-primary, #ea580c);
}

.studio-divider[b-n768satn29] {
    border: 0;
    border-top: 1px dashed var(--zj-outline-variant, #cbd5e1);
    margin: 1rem 0;
}

/* Pre-Publish Validation Checklist */
.pre-publish-checklist[b-n768satn29] {
    background: var(--zj-surface, #fff);
    border: 1px solid var(--zj-outline-variant, #e2e8f0);
    border-radius: 12px;
    padding: 0.85rem;
    margin-bottom: 1.25rem;
}

.checklist-header[b-n768satn29] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    margin-bottom: 0.75rem;
    font-size: 0.85rem;
    color: var(--zj-on-surface, #1e293b);
}

.checklist-header .material-symbols-outlined[b-n768satn29] {
    font-size: 1.1rem;
    color: var(--zj-primary, #ff6b2b);
}

.checklist-items[b-n768satn29] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.checklist-items li[b-n768satn29] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.78rem;
}

.checklist-items li.is-valid[b-n768satn29] {
    color: #059669;
    font-weight: 600;
}

.checklist-items li.is-valid .material-symbols-outlined[b-n768satn29] {
    color: #10b981;
    font-size: 1.1rem;
}

.checklist-items li.is-invalid[b-n768satn29] {
    color: #dc2626;
    font-weight: 600;
}

.checklist-items li.is-invalid .material-symbols-outlined[b-n768satn29] {
    color: #ef4444;
    font-size: 1.1rem;
}

.checklist-items li.is-pending[b-n768satn29] {
    color: #d97706;
    font-weight: 600;
}

.checklist-items li.is-pending .material-symbols-outlined[b-n768satn29] {
    color: #f59e0b;
    font-size: 1.1rem;
}

.studio-summary-actions[b-n768satn29] {
    display: flex;
    flex-direction: column;
}

/* Studio Tabs Nav */
.studio-editor-tabs-nav[b-n768satn29] {
    display: flex;
    gap: 0.4rem;
    border-bottom: 2px solid var(--zj-outline-variant, #e2e8f0);
    margin-bottom: 1.25rem;
    overflow-x: auto;
    padding-bottom: 0.25rem;
}

.studio-editor-tab[b-n768satn29] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.65rem 1rem;
    border: none;
    background: transparent;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--zj-on-surface-variant, #64748b);
    border-radius: 10px 10px 0 0;
    cursor: pointer;
    transition: all 0.18s ease;
    white-space: nowrap;
    border-bottom: 3px solid transparent;
}

.studio-editor-tab:hover[b-n768satn29] {
    color: var(--zj-primary, #ff6b2b);
    background: rgba(255, 107, 43, 0.05);
}

.studio-editor-tab.is-active[b-n768satn29] {
    color: var(--zj-primary, #ff6b2b);
    border-bottom-color: var(--zj-primary, #ff6b2b);
    background: rgba(255, 107, 43, 0.08);
    font-weight: 700;
}

/* Capabilities Filter Bar & Search */
.capabilities-filter-bar[b-n768satn29] {
    background: var(--zj-surface-container-low, #f8fafc);
    border: 1px solid var(--zj-outline-variant, #e2e8f0);
    border-radius: 12px;
    padding: 0.75rem;
}

.cap-filter-pills[b-n768satn29] {
    display: flex;
    gap: 0.35rem;
    flex-wrap: wrap;
}

.cap-filter-pill[b-n768satn29] {
    border: 1px solid var(--zj-outline-variant, #cbd5e1);
    background: var(--zj-surface, #fff);
    border-radius: 9999px;
    padding: 0.25rem 0.65rem;
    font-size: 0.78rem;
    font-weight: 600;
    cursor: pointer;
    color: var(--zj-on-surface-variant, #64748b);
    transition: all 0.15s ease;
}

.cap-filter-pill:hover[b-n768satn29] {
    border-color: var(--zj-primary, #ff6b2b);
    color: var(--zj-primary, #ff6b2b);
}

.cap-filter-pill.is-active[b-n768satn29] {
    background: var(--zj-primary, #ff6b2b);
    border-color: var(--zj-primary, #ff6b2b);
    color: #fff;
}

/* Capability Cards Grid */
.capability-cards-grid[b-n768satn29] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 0.85rem;
}

.capability-card[b-n768satn29] {
    border: 1px solid var(--zj-outline-variant, #e2e8f0);
    border-radius: 14px;
    padding: 0.95rem;
    background: var(--zj-surface, #fff);
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    transition: all 0.18s ease;
}

.capability-card:hover[b-n768satn29] {
    border-color: rgba(255, 107, 43, 0.3);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04);
}

.capability-card.is-selected[b-n768satn29] {
    border-color: rgba(255, 107, 43, 0.45);
    background: linear-gradient(180deg, rgba(255, 107, 43, 0.02), #fff);
    box-shadow: 0 4px 12px rgba(255, 107, 43, 0.06);
}

.capability-card.is-locked[b-n768satn29] {
    background: rgba(241, 245, 249, 0.65);
    border-color: #cbd5e1;
}

.capability-card__head[b-n768satn29] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.5rem;
}

.capability-card__identity[b-n768satn29] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    flex: 1;
    min-width: 0;
}

.capability-icon[b-n768satn29] {
    color: var(--zj-primary, #ff6b2b);
    font-size: 1.25rem;
    flex-shrink: 0;
    margin-top: 0.1rem;
}

.capability-title[b-n768satn29] {
    font-size: 0.92rem;
    font-weight: 700;
    margin: 0;
    line-height: 1.3;
}

.capability-code[b-n768satn29] {
    font-size: 0.7rem;
    color: var(--text-muted, #94a3b8);
    font-family: monospace;
    display: block;
}

.capability-desc[b-n768satn29] {
    font-size: 0.78rem;
    color: var(--zj-on-surface-variant, #64748b);
    line-height: 1.5;
    margin: 0;
    flex: 1;
}

.capability-card__footer[b-n768satn29] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.4rem;
    padding-top: 0.5rem;
    border-top: 1px dashed var(--zj-outline-variant, #f1f5f9);
}

.capability-type-badge[b-n768satn29] {
    font-size: 0.72rem;
    font-weight: 700;
    padding: 0.15rem 0.5rem;
    border-radius: 6px;
}

.badge-locked[b-n768satn29] {
    background: #e2e8f0;
    color: #475569;
}

.badge-optional[b-n768satn29] {
    background: #ffedd5;
    color: #c2410c;
}

.badge-inactive[b-n768satn29] {
    background: #f1f5f9;
    color: #94a3b8;
}

.capability-shared-tag[b-n768satn29] {
    font-size: 0.68rem;
    background: #e0e7ff;
    color: #3730a3;
    padding: 0.15rem 0.45rem;
    border-radius: 6px;
    font-weight: 600;
}

/* Capability Switch Toggle */
.capability-switch[b-n768satn29] {
    position: relative;
    display: inline-block;
    width: 38px;
    height: 22px;
    flex-shrink: 0;
}

.capability-switch input[b-n768satn29] {
    opacity: 0;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    z-index: 1;
    cursor: pointer;
}

.capability-switch .slider[b-n768satn29] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #cbd5e1;
    transition: .25s;
    border-radius: 22px;
}

.capability-switch .slider[b-n768satn29]:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    transition: .25s;
    border-radius: 50%;
}

.capability-switch input:checked + .slider[b-n768satn29] {
    background-color: var(--zj-primary, #ff6b2b);
}

.capability-switch input:checked + .slider[b-n768satn29]:before {
    transform: translateX(16px);
}

.capability-switch input:disabled + .slider[b-n768satn29] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Quotas Cards Grid */
.quotas-cards-grid[b-n768satn29] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 1rem;
}

.quota-card[b-n768satn29] {
    background: var(--zj-surface, #fff);
    border: 1px solid var(--zj-outline-variant, #e2e8f0);
    border-radius: 14px;
    padding: 1rem;
    transition: all 0.18s ease;
}

.quota-card.is-unlimited[b-n768satn29] {
    border-color: rgba(16, 185, 129, 0.4);
    background: linear-gradient(180deg, rgba(16, 185, 129, 0.03), #fff);
}

.quota-card__head[b-n768satn29] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.quota-icon[b-n768satn29] {
    font-size: 1.6rem;
    color: var(--zj-primary, #ff6b2b);
    background: rgba(255, 107, 43, 0.1);
    padding: 0.4rem;
    border-radius: 10px;
}

/* Customer Preview Mockup */
.preview-cycle-switcher[b-n768satn29] {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
}

.cycle-pill[b-n768satn29] {
    padding: 0.5rem 1.25rem;
    border-radius: 9999px;
    border: 1px solid var(--zj-outline-variant, #cbd5e1);
    background: var(--zj-surface, #fff);
    font-weight: 600;
    cursor: pointer;
    font-size: 0.88rem;
    transition: all 0.2s ease;
}

.cycle-pill.is-active[b-n768satn29] {
    background: var(--zj-primary, #ff6b2b);
    color: #fff;
    border-color: var(--zj-primary, #ff6b2b);
    box-shadow: 0 4px 12px rgba(255, 107, 43, 0.25);
}

.customer-preview-container[b-n768satn29] {
    display: flex;
    justify-content: center;
    padding: 1.5rem 0.5rem;
}

.storefront-plan-card[b-n768satn29] {
    max-width: 440px;
    width: 100%;
    background: var(--zj-surface, #fff);
    border: 2px solid var(--zj-primary, #ff6b2b);
    border-radius: 24px;
    padding: 2rem;
    box-shadow: 0 20px 40px rgba(255, 107, 43, 0.08);
    position: relative;
}

.storefront-card__badge[b-n768satn29] {
    position: absolute;
    top: -14px;
    right: 50%;
    transform: translateX(50%);
    background: linear-gradient(135deg, #ff6b2b, #ea580c);
    color: #fff;
    font-weight: 800;
    font-size: 0.78rem;
    padding: 0.3rem 1rem;
    border-radius: 9999px;
    box-shadow: 0 4px 10px rgba(234, 88, 12, 0.3);
    white-space: nowrap;
}

.storefront-card__title[b-n768satn29] {
    text-align: center;
    font-size: 1.6rem;
    font-weight: 800;
    margin: 0.5rem 0 0.25rem;
}

.storefront-card__desc[b-n768satn29] {
    text-align: center;
    color: var(--zj-on-surface-variant, #64748b);
    font-size: 0.88rem;
    margin-bottom: 1.5rem;
    line-height: 1.5;
}

.storefront-card__price[b-n768satn29] {
    text-align: center;
    background: var(--zj-surface-container-low, #fff7ed);
    border: 1px solid rgba(255, 107, 43, 0.2);
    border-radius: 16px;
    padding: 1.25rem 1rem;
    margin-bottom: 1.25rem;
}

.storefront-card__price strong[b-n768satn29] {
    font-size: 2.5rem;
    font-weight: 900;
    color: var(--zj-primary, #ff6b2b);
    line-height: 1;
}

.storefront-card__price span[b-n768satn29] {
    font-size: 0.9rem;
    color: var(--text-muted, #64748b);
    margin-inline-start: 0.3rem;
}

.storefront-savings[b-n768satn29] {
    margin-top: 0.4rem;
    font-size: 0.85rem;
    font-weight: 700;
    color: #059669;
}

.storefront-card__quotas[b-n768satn29] {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.quota-tag[b-n768satn29] {
    background: var(--zj-surface-container-low, #f1f5f9);
    border-radius: 8px;
    padding: 0.3rem 0.65rem;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--zj-on-surface, #334155);
}

.storefront-divider[b-n768satn29] {
    border: 0;
    border-top: 1px dashed var(--zj-outline-variant, #e2e8f0);
    margin: 1.25rem 0;
}

.storefront-card__features[b-n768satn29] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.storefront-card__features li[b-n768satn29] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-size: 0.88rem;
    color: var(--zj-on-surface, #334155);
}

.check-icon[b-n768satn29] {
    color: #10b981;
    font-size: 1.25rem;
    flex-shrink: 0;
}

.more-features[b-n768satn29] {
    color: var(--zj-primary, #ff6b2b) !important;
    font-weight: 600;
}

/* Floating Dirty-State Save Bar */
.dirty-state-floating-bar[b-n768satn29] {
    position: fixed;
    bottom: 1.5rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1050;
    width: calc(100% - 3rem);
    max-width: 820px;
    animation: slideUp-b-n768satn29 0.25s ease-out;
}

@keyframes slideUp-b-n768satn29 {
    from { opacity: 0; transform: translate(-50%, 20px); }
    to { opacity: 1; transform: translate(-50%, 0); }
}

.dirty-bar-content[b-n768satn29] {
    background: #1e293b;
    color: #fff;
    border-radius: 16px;
    padding: 0.85rem 1.25rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.dirty-bar-message[b-n768satn29] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.dirty-icon[b-n768satn29] {
    color: #f59e0b;
    font-size: 1.5rem;
    flex-shrink: 0;
}

.dirty-bar-message strong[b-n768satn29] {
    font-size: 0.92rem;
    display: block;
}

.dirty-bar-message small[b-n768satn29] {
    font-size: 0.78rem;
    color: #94a3b8;
}

.dirty-bar-actions[b-n768satn29] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
}

@media (max-width: 1080px) {
    .studio-workspace-grid[b-n768satn29] {
        grid-template-columns: 1fr;
    }

    .studio-sticky-sidebar[b-n768satn29] {
        position: static;
    }
}

@media (max-width: 640px) {
.dirty-bar-content[b-n768satn29] {
        flex-direction: column;
        align-items: stretch;
    }

    .dirty-bar-actions[b-n768satn29] {
        justify-content: flex-end;
    }
}

/* DEF-004: Mobile Tabs for ultra-compact screens (< 360px) */
@media (max-width: 360px) {
    .studio-editor-tabs-nav[b-n768satn29] {
        display: flex;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        white-space: nowrap !important;
        -webkit-overflow-scrolling: touch;
        gap: 0.35rem;
        padding-bottom: 0.5rem;
        scrollbar-width: thin;
    }

    .studio-editor-tab[b-n768satn29] {
        flex-shrink: 0 !important;
        white-space: nowrap !important;
        padding: 0.5rem 0.75rem;
        font-size: 0.82rem;
    }
}

/* DEF-003: Publish Confirmation Dialog */
.publish-confirm-dialog-backdrop[b-n768satn29] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.65);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1050;
    padding: 1rem;
    animation: fadeInBackdrop-b-n768satn29 0.15s ease-out;
}

.publish-confirm-dialog[b-n768satn29] {
    background: #ffffff;
    border-radius: 16px;
    width: 100%;
    max-width: 540px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25);
    overflow: hidden;
    border: 1px solid var(--zj-outline-variant, #e2e8f0);
    display: flex;
    flex-direction: column;
    animation: modalScaleIn-b-n768satn29 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.publish-confirm-header[b-n768satn29] {
    padding: 1.15rem 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--zj-outline-variant, #e2e8f0);
    background: var(--zj-surface-container-low, #f8fafc);
}

.publish-confirm-header h3[b-n768satn29] {
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--zj-on-surface, #1e293b);
}

.publish-icon[b-n768satn29] {
    color: var(--zj-primary, #ff6b2b) !important;
    font-size: 1.6rem;
}

.btn-close-dialog[b-n768satn29] {
    background: transparent;
    border: none;
    font-size: 1.25rem;
    color: var(--zj-on-surface-variant, #64748b);
    cursor: pointer;
    padding: 0.25rem 0.5rem;
    border-radius: 6px;
    transition: background 0.15s ease;
}

.btn-close-dialog:hover[b-n768satn29] {
    background: rgba(0, 0, 0, 0.05);
    color: #0f172a;
}

.publish-confirm-body[b-n768satn29] {
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.publish-confirm-alert[b-n768satn29] {
    display: flex;
    gap: 0.75rem;
    align-items: flex-start;
    padding: 0.85rem 1rem;
    border-radius: 10px;
    background: #fffbeb;
    border: 1px solid #fef3c7;
    color: #92400e;
    font-size: 0.9rem;
}

.publish-confirm-alert .material-symbols-outlined[b-n768satn29] {
    font-size: 1.35rem;
    color: #d97706;
    flex-shrink: 0;
}

.publish-summary-card[b-n768satn29] {
    background: var(--zj-surface-container-low, #f8fafc);
    border: 1px solid var(--zj-outline-variant, #e2e8f0);
    border-radius: 12px;
    padding: 1rem 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.publish-summary-row[b-n768satn29] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.88rem;
}

.publish-summary-row .summary-label[b-n768satn29] {
    color: var(--zj-on-surface-variant, #64748b);
    font-weight: 500;
}

.publish-summary-row .summary-value[b-n768satn29] {
    color: var(--zj-on-surface, #1e293b);
    text-align: left;
}

.publish-confirm-footer[b-n768satn29] {
    padding: 1rem 1.5rem;
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    background: var(--zj-surface-container-low, #f8fafc);
    border-top: 1px solid var(--zj-outline-variant, #e2e8f0);
}

/* I14: scoped studio surfaces follow the active application theme. */
.subscription-admin[b-n768satn29] {
    --text-muted: var(--zj-on-surface-variant);
    --surface-card: var(--zj-surface);
    --color-primary: var(--zj-primary);
    color: var(--zj-on-surface);
    min-width: 0;
    padding-block-end: 2rem;
}
.subscription-admin[b-n768satn29]  :is(input, select, textarea, button) { font-family: inherit; }
.subscription-admin :is(.studio-main-workspace, .studio-sticky-sidebar, .subscription-admin__layout > *, .plan-matrix-card, .capability-card)[b-n768satn29] { min-width: 0; }
.studio-editor-tabs-nav[b-n768satn29] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: visible; }
.studio-editor-tab[b-n768satn29] { min-width: 0; justify-content: flex-start; }
.studio-editor-tab:last-child[b-n768satn29] { grid-column: 1 / -1; }
.subscription-admin :is(h2, h3, h4, p, strong, small, label, .capability-code)[b-n768satn29] { overflow-wrap: anywhere; }
.subscription-admin :is(.studio-tab, .studio-editor-tab, .btn)[b-n768satn29] { white-space: normal; min-height: 42px; }
.subscription-admin :is(.subscription-admin__card, .studio-notice, .studio-server-preview, .studio-allowed-plans)[b-n768satn29] {
    background: var(--zj-surface);
    border: 1px solid var(--zj-outline-variant);
    border-radius: 14px;
    padding: 1rem;
}
.studio-notice--error[b-n768satn29] { color: var(--zj-error); border-color: var(--zj-error) !important; }
.studio-server-preview[b-n768satn29] { margin-block-end: 1.5rem; }
.studio-server-preview details[b-n768satn29] { border-block-start: 1px solid var(--zj-outline-variant); padding-block: .7rem; }
.studio-server-preview summary[b-n768satn29], .studio-allowed-plans summary[b-n768satn29] { cursor: pointer; font-weight: 700; }
.studio-fieldset[b-n768satn29] { border: 0; padding: 0; margin: 0; min-width: 0; }
.subscription-admin__cards[b-n768satn29] { align-self: start; align-content: start; }
.studio-addon-card-heading[b-n768satn29] { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: .75rem; }
.studio-addon-card-identity[b-n768satn29] { min-width: 0; flex: 1 1 170px; }
.studio-addon-card-identity strong[b-n768satn29], .studio-addon-card-identity small[b-n768satn29] { display: block; }
.studio-addon-card-identity small[b-n768satn29] { margin-block-start: .35rem; unicode-bidi: isolate; }
.studio-addon-status[b-n768satn29] { border: 1px solid currentColor; border-radius: 999px; padding: .2rem .65rem; font-size: .8rem; white-space: nowrap; }
.studio-addon-status.is-active[b-n768satn29] { color: color-mix(in srgb, var(--zj-success, #16814a) 55%, var(--zj-on-surface)); background: color-mix(in srgb, var(--zj-success, #16814a) 12%, var(--zj-surface)); }
.studio-addon-status.is-inactive[b-n768satn29] { color: var(--zj-on-surface-variant); background: var(--zj-surface-container); }
.subscription-admin .studio-plan-choice[b-n768satn29] { display: flex; flex-direction: row; align-items: center; gap: .6rem; padding-block: .5rem; }
.subscription-admin .studio-visibility-options[b-n768satn29] { flex-wrap: wrap; }
.subscription-admin .studio-visibility-options label[b-n768satn29] { flex-direction: row; }
.subscription-admin :is(.workflow-idea, .selection-advice, .subscription-admin__family)[b-n768satn29] { border: 1px solid var(--zj-outline-variant); background: var(--zj-surface-container-low); }
.subscription-admin :is(.studio-summary-card, .plan-matrix-card, .storefront-plan-card)[b-n768satn29] { border-color: var(--zj-outline-variant) !important; }
.subscription-admin .quota-card.is-unlimited[b-n768satn29] { background: color-mix(in srgb, var(--zj-success, #16814a) 5%, var(--zj-surface)); border-color: var(--zj-outline-variant); }
.subscription-admin .capability-card.is-selected[b-n768satn29] { background: color-mix(in srgb, var(--zj-primary) 6%, var(--zj-surface)); border-color: var(--zj-primary); }
.subscription-admin .capability-card.is-locked[b-n768satn29] { background: var(--zj-surface-container-low); border-color: var(--zj-outline-variant); }
.subscription-admin :is(.badge-optional, .badge-inactive, .capability-shared-tag)[b-n768satn29] { background: var(--zj-surface-container); color: var(--zj-on-surface); }
.subscription-admin .checklist-items li.is-valid[b-n768satn29] { color: color-mix(in srgb, var(--zj-success, #16814a) 55%, var(--zj-on-surface)); }
.subscription-admin .checklist-items li.is-invalid[b-n768satn29] { color: color-mix(in srgb, var(--zj-error) 55%, var(--zj-on-surface)); }
.subscription-admin .checklist-items li.is-pending[b-n768satn29] { color: var(--zj-on-surface-variant); }
.subscription-admin .studio-summary-card[b-n768satn29] { background: var(--zj-surface) !important; }
.subscription-admin :is(.studio-summary-eyebrow, .studio-summary-badge, .studio-limit-item, .capability-code)[b-n768satn29] { color: var(--zj-on-surface-variant); }
.subscription-admin :is(.saved-badge, .badge-locked, .status-published, .free-months-pill)[b-n768satn29] { color: color-mix(in srgb, var(--zj-success, #16814a) 55%, var(--zj-on-surface)); background: color-mix(in srgb, var(--zj-success, #16814a) 12%, var(--zj-surface)); border-color: currentColor; }
.subscription-admin :is(.dirty-badge, .status-draft, .free-months-tag)[b-n768satn29] { color: color-mix(in srgb, var(--zj-warning, #9b650b) 55%, var(--zj-on-surface)); background: color-mix(in srgb, var(--zj-warning, #9b650b) 12%, var(--zj-surface)); border-color: currentColor; }
.subscription-admin :is(.storefront-savings, .free-months-pill)[b-n768satn29] { color: color-mix(in srgb, var(--zj-success, #16814a) 55%, var(--zj-on-surface)); }
.subscription-admin .studio-notice--error[b-n768satn29], .subscription-admin[b-n768satn29]  .validation-message { color: color-mix(in srgb, var(--zj-error) 55%, var(--zj-on-surface)); }
.subscription-admin :is(.capability-switch input:focus-visible + .slider, button:focus-visible, summary:focus-visible)[b-n768satn29] { outline: 3px solid var(--zj-primary); outline-offset: 3px; }
.subscription-admin .dirty-state-floating-bar[b-n768satn29] { position: sticky; inset: auto; bottom: 1rem; transform: none; width: 100%; max-width: none; z-index: 20; animation: none; }
.subscription-admin .dirty-bar-content[b-n768satn29] { background: var(--zj-surface-container); color: var(--zj-on-surface); border-color: var(--zj-outline-variant); }
.subscription-admin .dirty-bar-message[b-n768satn29] { min-width: 0; }
.publish-confirm-dialog[b-n768satn29] { background: var(--zj-surface); color: var(--zj-on-surface); max-height: calc(100dvh - 2rem); overflow: auto; }
.publish-confirm-alert[b-n768satn29] { color: var(--zj-on-surface); background: color-mix(in srgb, var(--zj-warning, #a56c10) 12%, var(--zj-surface)); border-color: var(--zj-outline-variant); }
.publish-confirm-footer[b-n768satn29], .publish-summary-row[b-n768satn29] { flex-wrap: wrap; gap: .75rem; }
.publish-summary-row .summary-value[b-n768satn29] { text-align: start; overflow-wrap: anywhere; }
@media (max-width: 1100px) {
    .studio-workspace-grid[b-n768satn29], .subscription-admin__layout[b-n768satn29] { grid-template-columns: minmax(0, 1fr); }
    .studio-sticky-sidebar[b-n768satn29] { position: static; }
    .studio-editor-tabs-nav[b-n768satn29] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: visible; }
    .studio-editor-tab[b-n768satn29] { min-width: 0; justify-content: flex-start; }
}
@media (max-width: 600px) { .subscription-admin__module-grid[b-n768satn29], .plan-matrix-grid[b-n768satn29], .quotas-cards-grid[b-n768satn29], .capability-cards-grid[b-n768satn29] { grid-template-columns: minmax(0, 1fr); }
    .subscription-studio-tabs[b-n768satn29] { flex-wrap: wrap; }
    .subscription-studio-tabs .studio-tab[b-n768satn29] { flex: 1 1 100%; justify-content: flex-start; }
    .studio-editor-header[b-n768satn29], .studio-editor-header__title[b-n768satn29], .section-title-row[b-n768satn29], .dirty-bar-content[b-n768satn29] { flex-direction: column; align-items: stretch; }
    .studio-editor-tabs-nav[b-n768satn29] { grid-template-columns: minmax(0, 1fr); }
    .subscription-admin[b-n768satn29]  .card-body { padding: 1rem; }
    .subscription-admin :is(.cap-filter-pills, .dirty-bar-actions)[b-n768satn29] { flex-wrap: wrap; }
    .publish-confirm-dialog-backdrop[b-n768satn29] { padding: .75rem; }
    .publish-confirm-body[b-n768satn29], .publish-confirm-header[b-n768satn29], .publish-confirm-footer[b-n768satn29] { padding: 1rem; }
}

@keyframes fadeInBackdrop-b-n768satn29 {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes modalScaleIn-b-n768satn29 {
    from {
        opacity: 0;
        transform: scale(0.95) translateY(8px);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}


/* _content/Zajal.Shared/Pages/Admin/SubscriptionReports.razor.rz.scp.css */
.subscription-reports[b-lss3x7fx8k] { display:grid;gap:1.2rem;min-width:0; }
.subscription-reports[hidden][b-lss3x7fx8k] { display:none!important; }
.subscription-reports__heading[b-lss3x7fx8k] { display:flex;justify-content:space-between;gap:1rem;align-items:start;flex-wrap:wrap; }
h2[b-lss3x7fx8k] { font-size:clamp(1.3rem,2vw,1.65rem);font-weight:800;margin:0 0 .5rem;line-height:1.6; }
p[b-lss3x7fx8k],small[b-lss3x7fx8k] { color:var(--zj-on-surface-variant);line-height:1.8;margin:0;overflow-wrap:anywhere; }
.subscription-reports__notice[b-lss3x7fx8k] { border:1px solid var(--zj-outline-variant);border-inline-start:4px solid var(--zj-primary);border-radius:14px;padding:1rem;background:var(--zj-surface-container-low); }
.subscription-reports__notice[role=alert][b-lss3x7fx8k] { border-inline-start-color:var(--zj-error); }
.subscription-reports__metrics[b-lss3x7fx8k] { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem; }
.subscription-reports__metrics article[b-lss3x7fx8k] { display:flex;flex-direction:column;gap:.65rem;border:1px solid var(--zj-outline-variant);border-radius:14px;padding:1.1rem;background:var(--zj-surface);min-width:0; }
.subscription-reports__metrics span[b-lss3x7fx8k] { font-weight:750; }
.subscription-reports__metrics strong[b-lss3x7fx8k] { font-size:clamp(1.3rem,2.2vw,1.9rem);font-variant-numeric:tabular-nums;overflow-wrap:anywhere; }
.subscription-reports__layout[b-lss3x7fx8k] { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;min-width:0; }
.subscription-reports__panel[b-lss3x7fx8k] { padding:1.2rem;display:grid;gap:1rem;min-width:0; }
.subscription-reports__modes[b-lss3x7fx8k] { display:flex;flex-wrap:wrap;gap:.5rem; }
.subscription-reports__modes button[b-lss3x7fx8k] { border:1px solid var(--zj-outline-variant);border-radius:10px;background:var(--zj-surface);color:var(--zj-on-surface);padding:.6rem .8rem;font:inherit; }
.subscription-reports__modes button[aria-pressed=true][b-lss3x7fx8k] { background:var(--zj-primary-container);color:var(--zj-on-primary-container);border-color:var(--zj-primary); }
.subscription-reports__table[b-lss3x7fx8k] { max-width:100%;overflow:auto;border:1px solid var(--zj-outline-variant);border-radius:12px; }
table[b-lss3x7fx8k] { width:100%;border-collapse:collapse; } th[b-lss3x7fx8k],td[b-lss3x7fx8k] { text-align:start;padding:.85rem;border-bottom:1px solid var(--zj-outline-variant);overflow-wrap:anywhere; } th[b-lss3x7fx8k] { background:var(--zj-surface-container-low); } td bdi[b-lss3x7fx8k] { white-space:nowrap; }
button:focus-visible[b-lss3x7fx8k],.subscription-reports__table:focus-visible[b-lss3x7fx8k] { outline:3px solid var(--zj-primary);outline-offset:3px; }
@media(max-width:1000px) { .subscription-reports__layout[b-lss3x7fx8k] { grid-template-columns:1fr; } .subscription-reports__metrics[b-lss3x7fx8k] { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:520px) { .subscription-reports__metrics[b-lss3x7fx8k] { grid-template-columns:1fr; } .subscription-reports__panel[b-lss3x7fx8k] { padding:1rem; } }
/* _content/Zajal.Shared/Pages/Admin/SubscriptionRequests.razor.rz.scp.css */
.subscription-review[b-fp1iaupz3g] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.subscription-review__header[b-fp1iaupz3g] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.subscription-review__header span[b-fp1iaupz3g] {
    color: var(--color-primary, #ff6b2b);
    font-size: .85rem;
    font-weight: 700;
}

.subscription-review__header h1[b-fp1iaupz3g] {
    font-size: clamp(1.5rem, 3vw, 2.2rem);
    margin: .2rem 0;
}

.subscription-review__header p[b-fp1iaupz3g],
.subscription-review__details p[b-fp1iaupz3g],
.subscription-review__item small[b-fp1iaupz3g] {
    color: var(--text-muted, #6b7280);
    margin: 0;
}

.subscription-review__links[b-fp1iaupz3g],
.subscription-review__item div[b-fp1iaupz3g],
.subscription-review__addons[b-fp1iaupz3g] {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
}

.subscription-review__links a[b-fp1iaupz3g] {
    border: 1px solid rgba(255, 107, 43, .22);
    border-radius: 12px;
    color: inherit;
    padding: .65rem .9rem;
    text-decoration: none;
}

.subscription-review__layout[b-fp1iaupz3g] {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(260px, .75fr) minmax(0, 1.25fr);
}

.subscription-review__list[b-fp1iaupz3g] {
    display: grid;
    gap: .75rem;
}

.subscription-review__item[b-fp1iaupz3g] {
    background: var(--surface-card, #fff);
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 8px;
    padding: .85rem;
}

.subscription-review__item.is-selected[b-fp1iaupz3g] {
    border-color: rgba(255, 107, 43, .5);
}

.subscription-review__item button[b-fp1iaupz3g] {
    background: transparent;
    border: 0;
    color: inherit;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    font: inherit;
    gap: .2rem;
    padding: 0;
    text-align: start;
    width: 100%;
}

.subscription-review__item span[b-fp1iaupz3g],
.subscription-review__addons span[b-fp1iaupz3g],
.subscription-review__details-head span[b-fp1iaupz3g] {
    background: rgba(15, 23, 42, .06);
    border-radius: 999px;
    font-size: .82rem;
    padding: .25rem .55rem;
}

.subscription-review__details[b-fp1iaupz3g] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.subscription-review__details-head[b-fp1iaupz3g] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.subscription-review__details-head h2[b-fp1iaupz3g] {
    margin: .35rem 0;
}

.subscription-review__meta[b-fp1iaupz3g] {
    display: grid;
    gap: .7rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
}

.subscription-review__meta div[b-fp1iaupz3g] {
    background: rgba(15, 23, 42, .04);
    border-radius: 8px;
    padding: .7rem;
}

.subscription-review__meta dt[b-fp1iaupz3g] {
    color: var(--text-muted, #6b7280);
    font-size: .8rem;
}

.subscription-review__meta dd[b-fp1iaupz3g] {
    margin: .25rem 0 0;
}

.subscription-review__addons h3[b-fp1iaupz3g],
.subscription-review__receipt h3[b-fp1iaupz3g] {
    flex-basis: 100%;
    font-size: 1rem;
    margin: 0;
}

.subscription-review__receipt[b-fp1iaupz3g] {
    display: grid;
    gap: .6rem;
}

.subscription-review__receipt-links[b-fp1iaupz3g] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
}

.subscription-review__receipt-state[b-fp1iaupz3g] {
    align-items: center;
    background: rgba(15, 23, 42, .04);
    border-radius: 8px;
    color: var(--text-muted, #6b7280);
    display: flex;
    gap: .65rem;
    justify-content: space-between;
    margin: 0;
    min-height: 4rem;
    padding: .8rem;
}

.subscription-review__receipt-state--error[b-fp1iaupz3g] {
    background: rgba(239, 68, 68, .08);
    color: var(--zj-error, #b42318);
}

.subscription-review__receipt img[b-fp1iaupz3g] {
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 8px;
    max-height: 320px;
    object-fit: contain;
    width: 100%;
}

.subscription-review__actions--danger[b-fp1iaupz3g] {
    background: rgba(239, 68, 68, .08);
}

.subscription-review__note[b-fp1iaupz3g] {
    background: rgba(15, 23, 42, .04);
    border-radius: 8px;
    padding: .85rem;
}

@media (max-width: 980px) {
    .subscription-review__header[b-fp1iaupz3g],
    .subscription-review__details-head[b-fp1iaupz3g] {
        flex-direction: column;
    }

    .subscription-review__layout[b-fp1iaupz3g],
    .subscription-review__meta[b-fp1iaupz3g] {
        grid-template-columns: 1fr;
    }
}
.subscription-review__upgrades[b-fp1iaupz3g]{padding:1rem;overflow-wrap:anywhere}
.subscription-review__upgrades article[b-fp1iaupz3g]{padding-block:1rem;border-block-end:1px solid var(--border-color,#d5d9df)}
.subscription-review__upgrades article:last-child[b-fp1iaupz3g]{border-block-end:0}
/* _content/Zajal.Shared/Pages/Admin/SubscriptionUpgrade.razor.rz.scp.css */
.upgrade[b-u5kc9g83j1]{max-width:65rem}.upgrade h2[b-u5kc9g83j1]{margin-block:1.6rem .8rem}.upgrade h3[b-u5kc9g83j1]{font-size:1.1rem}.upgrade article[b-u5kc9g83j1]{padding-block:1rem;border-block-end:1px solid var(--border-color,#ccc)}.upgrade button[b-u5kc9g83j1]{min-height:44px;margin-block:.8rem;margin-inline-end:.6rem}.upgrade-table[b-u5kc9g83j1]{overflow-x:auto}.upgrade bdi[b-u5kc9g83j1]{unicode-bidi:isolate}.upgrade :is(button,a,summary):focus-visible[b-u5kc9g83j1]{outline:3px solid var(--primary,#3165b8);outline-offset:3px}@media(prefers-reduced-motion:reduce){.upgrade *[b-u5kc9g83j1]{animation:none!important;transition:none!important}}
.upgrade > a[b-u5kc9g83j1]{display:inline-flex;align-items:center;min-height:44px;color:var(--text-primary,#242424);text-decoration:underline;text-underline-offset:.2em}
.upgrade-table table[b-u5kc9g83j1]{width:100%;border-collapse:collapse}
.upgrade-table th[b-u5kc9g83j1],.upgrade-table td[b-u5kc9g83j1]{padding:.5rem .75rem;text-align:start;border-block-end:1px solid var(--border-color,#d5d9df)}
/* _content/Zajal.Shared/Pages/Admin/SuperAdminEdit.razor.rz.scp.css */
.super-admin-edit__status[b-v1ei04d2wy] { display:flex; align-items:flex-start; gap:.75rem; padding:1rem; border:1px solid var(--zj-outline-variant); border-radius:var(--zj-radius-lg); background:var(--zj-surface-container-low); cursor:pointer; }
.super-admin-edit__status input[b-v1ei04d2wy] { width:1.2rem; height:1.2rem; margin-top:.15rem; accent-color:var(--zj-primary); }
.super-admin-edit__status span[b-v1ei04d2wy] { display:grid; gap:.2rem; }
.super-admin-edit__status strong[b-v1ei04d2wy] { color:var(--zj-on-surface); }
.super-admin-edit__status small[b-v1ei04d2wy] { color:var(--zj-on-surface-variant); }
/* _content/Zajal.Shared/Pages/Admin/UserDetails.razor.rz.scp.css */
.user-aura[b-mfecb5vgwf] {
    position: relative;
    display: grid;
    gap: 2rem;
    direction: rtl;
    padding-bottom: 5rem;
}

.user-aura__breadcrumbs[b-mfecb5vgwf] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    color: var(--zj-on-surface-variant);
    font-size: 0.95rem;
    font-weight: 700;
}

.user-aura__breadcrumbs a[b-mfecb5vgwf] {
    color: var(--zj-on-surface-variant);
    text-decoration: none;
}

.user-aura__breadcrumbs strong[b-mfecb5vgwf] {
    color: var(--zj-primary);
}

.user-aura__breadcrumbs .material-symbols-outlined[b-mfecb5vgwf] {
    font-size: 1rem;
}

.user-aura__header[b-mfecb5vgwf] {
    max-width: 46rem;
}

.user-aura__header h1[b-mfecb5vgwf] {
    margin: 0;
    color: var(--zj-on-surface);
    font-size: clamp(3rem, 6vw, 5.5rem);
    font-weight: 900;
    line-height: 1;
    letter-spacing: 0;
}

.user-aura__header p[b-mfecb5vgwf] {
    margin: 0.65rem 0 0;
    color: var(--zj-on-surface-variant);
    font-size: 1.05rem;
    line-height: 1.8;
}

.user-aura__grid[b-mfecb5vgwf] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(18rem, 0.95fr);
    gap: 2rem;
    align-items: stretch;
}

.user-aura-card[b-mfecb5vgwf],
.user-aura-side-card[b-mfecb5vgwf] {
    border: 1px solid rgba(var(--zj-outline-rgb), 0.12);
    border-radius: var(--zj-radius-3xl);
    background: color-mix(in srgb, var(--zj-surface-container-lowest) 82%, transparent);
    box-shadow: 0 2rem 3rem -1.5rem rgba(15, 23, 42, 0.08);
}

.user-aura-profile[b-mfecb5vgwf] {
    padding: clamp(1.5rem, 3vw, 2.5rem);
}

.user-aura-profile__identity[b-mfecb5vgwf] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 2rem;
    align-items: start;
}

.user-aura-profile__avatar[b-mfecb5vgwf] {
    position: relative;
    width: 9.5rem;
    aspect-ratio: 1;
    border: 0.35rem solid var(--zj-surface-container-lowest);
    border-radius: var(--zj-radius-3xl);
    overflow: visible;
    background:
        radial-gradient(circle at 35% 20%, rgba(255, 255, 255, 0.62), transparent 28%),
        linear-gradient(145deg, var(--zj-secondary), var(--zj-primary));
    box-shadow: 0 1.5rem 3rem rgba(var(--zj-primary-rgb), 0.14);
}

.user-aura-profile__avatar > span[b-mfecb5vgwf] {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    color: white;
    font-size: 2.4rem;
    font-weight: 900;
}

.user-aura-profile__avatar button[b-mfecb5vgwf] {
    position: absolute;
    inset-inline-end: -0.7rem;
    bottom: -0.7rem;
    width: 3.25rem;
    height: 3.25rem;
    border: 0;
    border-radius: 1rem;
    display: grid;
    place-items: center;
    background: var(--zj-primary);
    color: var(--zj-on-primary);
    box-shadow: 0 1rem 2rem rgba(var(--zj-primary-rgb), 0.22);
}

.user-aura-profile__copy > span[b-mfecb5vgwf],
.user-aura-profile__facts small[b-mfecb5vgwf],
.user-aura-side-card > span[b-mfecb5vgwf],
.user-aura-metric small[b-mfecb5vgwf] {
    display: block;
    color: var(--zj-on-surface-variant);
    font-size: 0.78rem;
    font-weight: 900;
}

.user-aura-profile__copy h2[b-mfecb5vgwf] {
    margin: 0.25rem 0 1.8rem;
    color: var(--zj-on-surface);
    font-size: clamp(2rem, 4vw, 3.4rem);
    font-weight: 900;
    line-height: 1.1;
}

.user-aura-profile__facts[b-mfecb5vgwf] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.4rem;
}

.user-aura-profile__facts p[b-mfecb5vgwf] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    margin: 0.35rem 0 0;
    color: var(--zj-on-surface);
    font-weight: 800;
}

.user-aura-profile__facts .material-symbols-outlined[b-mfecb5vgwf] {
    color: var(--zj-on-surface-variant);
}

.user-aura-profile__actions[b-mfecb5vgwf] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 2.4rem;
    padding-top: 2rem;
    border-top: 1px solid rgba(var(--zj-outline-rgb), 0.12);
}

.user-aura-button[b-mfecb5vgwf] {
    min-height: 3.8rem;
    min-width: 13rem;
    border: 0;
    border-radius: var(--zj-radius-xl);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    padding-inline: 1.5rem;
    font-weight: 900;
}

.user-aura-button--primary[b-mfecb5vgwf] {
    background: var(--zj-primary);
    color: var(--zj-on-primary);
    box-shadow: 0 1.2rem 2.2rem rgba(var(--zj-primary-rgb), 0.2);
}

.user-aura-button--muted[b-mfecb5vgwf] {
    background: var(--zj-surface-container-high);
    color: var(--zj-on-surface);
}

.user-aura__side[b-mfecb5vgwf] {
    display: grid;
    gap: 1.5rem;
}

.user-aura-side-card[b-mfecb5vgwf] {
    position: relative;
    overflow: hidden;
    min-height: 12rem;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 1rem;
    padding: 2rem;
    text-align: center;
}

.user-aura-side-card[b-mfecb5vgwf]::before {
    content: "";
    position: absolute;
    inset: -4rem -4rem auto auto;
    width: 10rem;
    height: 10rem;
    border-radius: 999px;
    background: var(--zj-success-container);
    filter: blur(2rem);
}

.user-aura-side-card > *[b-mfecb5vgwf] {
    position: relative;
    z-index: 1;
}

.user-aura-side-card strong[b-mfecb5vgwf] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    color: var(--zj-primary);
    font-size: 1.45rem;
    font-weight: 900;
}

.user-aura-side-card strong i[b-mfecb5vgwf] {
    width: 0.65rem;
    height: 0.65rem;
    border-radius: 999px;
    background: currentColor;
}

.user-aura-status--active[b-mfecb5vgwf] {
    min-height: 3.25rem;
    padding-inline: 2rem;
    border-radius: var(--zj-radius-full);
    background: var(--zj-success-container);
    color: var(--zj-success) !important;
}

.user-aura-status--blocked[b-mfecb5vgwf] {
    min-height: 3.25rem;
    padding-inline: 2rem;
    border-radius: var(--zj-radius-full);
    background: rgba(186, 26, 26, 0.1);
    color: var(--zj-error) !important;
}

.user-aura-side-card p[b-mfecb5vgwf] {
    margin: 0;
    color: var(--zj-on-surface-variant);
    line-height: 1.7;
}

.user-aura-side-card--role[b-mfecb5vgwf] {
    background: color-mix(in srgb, var(--zj-primary) 6%, var(--zj-surface-container-lowest));
}

.user-aura-side-card--role strong[b-mfecb5vgwf] {
    flex-direction: column;
}

.user-aura-side-card--role small[b-mfecb5vgwf] {
    color: color-mix(in srgb, var(--zj-primary) 70%, transparent);
    font-size: 0.9rem;
}

.user-aura-section-title[b-mfecb5vgwf] {
    margin-bottom: 1.5rem;
}

.user-aura-section-title h2[b-mfecb5vgwf] {
    margin: 0;
    color: var(--zj-on-surface);
    font-size: 1.45rem;
    font-weight: 900;
}

.user-aura-section-title p[b-mfecb5vgwf] {
    margin: 0.35rem 0 0;
    color: var(--zj-on-surface-variant);
    line-height: 1.7;
}

.user-aura-section-title--row[b-mfecb5vgwf] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.user-aura-section-title--row button[b-mfecb5vgwf] {
    border: 0;
    background: transparent;
    color: var(--zj-primary);
    font-weight: 900;
}

.user-aura-operations[b-mfecb5vgwf],
.user-aura-activity[b-mfecb5vgwf] {
    grid-column: span 2;
    padding: 2rem;
}

.user-aura-metric-grid[b-mfecb5vgwf] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.user-aura-metric[b-mfecb5vgwf] {
    display: grid;
    gap: 0.55rem;
    padding: 1.3rem;
    border-radius: var(--zj-radius-2xl);
    background: var(--zj-surface-container-low);
}

.user-aura-metric .material-symbols-outlined[b-mfecb5vgwf] {
    width: 3rem;
    height: 3rem;
    border-radius: 1rem;
    display: grid;
    place-items: center;
    background: rgba(var(--zj-primary-rgb), 0.1);
    color: var(--zj-primary);
}

.user-aura-metric strong[b-mfecb5vgwf] {
    color: var(--zj-on-surface);
    font-size: 1.8rem;
    font-weight: 900;
}

.user-aura-metric em[b-mfecb5vgwf] {
    color: var(--zj-on-surface-variant);
    font-size: 0.82rem;
    font-style: normal;
    font-weight: 700;
}

.user-aura-performance[b-mfecb5vgwf],
.user-aura-work-hours[b-mfecb5vgwf],
.user-aura-permissions[b-mfecb5vgwf] {
    padding: 2rem;
}

.user-aura-score[b-mfecb5vgwf] {
    min-height: 7rem;
    border-radius: var(--zj-radius-2xl);
    display: grid;
    place-items: center;
    align-content: center;
    background:
        radial-gradient(circle, rgba(var(--zj-primary-rgb), 0.16), transparent 64%),
        var(--zj-surface-container-low);
}

.user-aura-score strong[b-mfecb5vgwf] {
    color: var(--zj-primary);
    font-size: 2.6rem;
    line-height: 1;
    font-weight: 900;
}

.user-aura-score span[b-mfecb5vgwf] {
    color: var(--zj-on-surface-variant);
    font-weight: 900;
}

.user-aura-performance__bars[b-mfecb5vgwf] {
    display: grid;
    gap: 1rem;
    margin-top: 1.4rem;
}

.user-aura-performance__bars div[b-mfecb5vgwf] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.5rem 1rem;
}

.user-aura-performance__bars span[b-mfecb5vgwf],
.user-aura-performance__bars strong[b-mfecb5vgwf] {
    font-weight: 900;
}

.user-aura-performance__bars span[b-mfecb5vgwf] {
    color: var(--zj-on-surface-variant);
}

.user-aura-performance__bars i[b-mfecb5vgwf] {
    grid-column: 1 / -1;
    height: 0.55rem;
    overflow: hidden;
    border-radius: var(--zj-radius-full);
    background: var(--zj-surface-container-high);
}

.user-aura-performance__bars i[b-mfecb5vgwf]::before {
    content: "";
    display: block;
    width: var(--value);
    height: 100%;
    border-radius: inherit;
    background: var(--zj-primary);
}

.user-aura-hours-list[b-mfecb5vgwf],
.user-aura-permissions__list[b-mfecb5vgwf] {
    display: grid;
    gap: 0.85rem;
}

.user-aura-hours-list div[b-mfecb5vgwf] {
    display: grid;
    grid-template-columns: 4.5rem 1fr auto;
    gap: 1rem;
    align-items: center;
    min-height: 3.4rem;
    padding: 0.7rem 0.9rem;
    border-radius: var(--zj-radius-xl);
    background: var(--zj-surface-container-low);
}

.user-aura-hours-list span[b-mfecb5vgwf],
.user-aura-hours-list em[b-mfecb5vgwf] {
    color: var(--zj-on-surface-variant);
    font-size: 0.85rem;
    font-weight: 800;
    font-style: normal;
}

.user-aura-hours-list strong[b-mfecb5vgwf] {
    color: var(--zj-on-surface);
    font-weight: 900;
}

.user-aura-permissions__list div[b-mfecb5vgwf] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.8rem;
}

.user-aura-permissions__list div > span[b-mfecb5vgwf] {
    width: 0.85rem;
    height: 0.85rem;
    margin-top: 0.25rem;
    border-radius: 999px;
    background: var(--zj-surface-container-high);
}

.user-aura-permissions__list div.is-enabled > span[b-mfecb5vgwf] {
    background: var(--zj-success);
}

.user-aura-permissions__list strong[b-mfecb5vgwf] {
    display: block;
    color: var(--zj-on-surface);
    font-weight: 900;
}

.user-aura-permissions__list p[b-mfecb5vgwf] {
    margin: 0.25rem 0 0;
    color: var(--zj-on-surface-variant);
    line-height: 1.6;
}

.user-aura-activity__list[b-mfecb5vgwf] {
    display: grid;
    gap: 1.2rem;
}

.user-aura-activity__list article[b-mfecb5vgwf] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 1rem;
    align-items: center;
    min-height: 4.6rem;
}

.user-aura-activity__list .material-symbols-outlined[b-mfecb5vgwf] {
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 1rem;
    display: grid;
    place-items: center;
    background: var(--zj-primary-fixed);
    color: var(--zj-primary);
}

.user-aura-activity__list .material-symbols-outlined.is-warning[b-mfecb5vgwf] {
    background: var(--zj-error-container);
    color: var(--zj-error);
}

.user-aura-activity__list strong[b-mfecb5vgwf] {
    color: var(--zj-on-surface);
    font-size: 1.05rem;
    font-weight: 900;
}

.user-aura-activity__list p[b-mfecb5vgwf] {
    margin: 0.2rem 0 0;
    color: var(--zj-on-surface-variant);
    line-height: 1.6;
}

.user-aura-activity__list time[b-mfecb5vgwf] {
    color: var(--zj-on-surface-variant);
    font-size: 0.82rem;
    font-weight: 800;
    white-space: nowrap;
}

.user-aura-print[b-mfecb5vgwf] {
    position: fixed;
    left: 2rem;
    bottom: 2rem;
    z-index: 5;
    width: 4rem;
    height: 4rem;
    border: 0;
    border-radius: 999px;
    display: grid;
    place-items: center;
    background: var(--zj-on-surface);
    color: var(--zj-surface-container-lowest);
    box-shadow: 0 1.5rem 2.5rem rgba(15, 23, 42, 0.22);
}

@media (max-width: 78rem) {
    .user-aura__grid[b-mfecb5vgwf] {
        grid-template-columns: 1fr;
    }

    .user-aura-operations[b-mfecb5vgwf],
    .user-aura-activity[b-mfecb5vgwf] {
        grid-column: auto;
    }

    .user-aura-metric-grid[b-mfecb5vgwf] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 56rem) {
    .user-aura-profile__identity[b-mfecb5vgwf],
    .user-aura-profile__facts[b-mfecb5vgwf],
    .user-aura-metric-grid[b-mfecb5vgwf] {
        grid-template-columns: 1fr;
    }

    .user-aura-profile__avatar[b-mfecb5vgwf] {
        width: 7.5rem;
    }

    .user-aura-button[b-mfecb5vgwf] {
        width: 100%;
    }

    .user-aura-hours-list div[b-mfecb5vgwf],
    .user-aura-activity__list article[b-mfecb5vgwf] {
        grid-template-columns: 1fr;
    }

    .user-aura-activity__list time[b-mfecb5vgwf] {
        white-space: normal;
    }
}
.user-details__owner-protection[b-mfecb5vgwf] {
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    padding: 1rem;
    border: 1px solid color-mix(in srgb, var(--zj-primary) 25%, var(--zj-outline-variant));
    border-radius: var(--zj-radius-lg);
    background: color-mix(in srgb, var(--zj-primary) 7%, var(--zj-surface));
}

.user-details__owner-protection > .material-symbols-outlined[b-mfecb5vgwf] {
    color: var(--zj-primary);
}

.user-details__owner-protection strong[b-mfecb5vgwf],
.user-details__owner-protection p[b-mfecb5vgwf] {
    display: block;
}

.user-details__owner-protection p[b-mfecb5vgwf] {
    margin: .3rem 0 0;
    color: var(--zj-on-surface-variant);
    font-size: .82rem;
    line-height: 1.6;
}
/* _content/Zajal.Shared/Pages/Auth/ForgotPassword.razor.rz.scp.css */
.forgot-password-screen[b-hvbsui12c4] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    width: 100%;
    animation: forgot-password-rise-b-hvbsui12c4 520ms ease both;
}

.forgot-password-card[b-hvbsui12c4] {
    overflow: hidden;
    border-radius: var(--zj-radius-3xl);
    background: var(--zj-surface-container-lowest);
    box-shadow:
        0 1.5rem 4rem rgba(var(--zj-secondary-rgb), 0.08),
        0 0 0 1px rgba(var(--zj-outline-rgb), 0.08);
}

.forgot-password-media[b-hvbsui12c4] {
    position: relative;
    height: 12rem;
    overflow: hidden;
    background: var(--zj-surface-container);
}

.forgot-password-media img[b-hvbsui12c4] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(0.16) contrast(1.08) saturate(0.92);
    transform: scale(1.04);
    animation: forgot-password-image-b-hvbsui12c4 900ms ease both;
}

.forgot-password-media__fade[b-hvbsui12c4] {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0) 26%, var(--zj-surface-container-lowest) 100%),
        radial-gradient(circle at 50% 100%, rgba(var(--zj-primary-rgb), 0.18), transparent 48%);
}

.forgot-password-body[b-hvbsui12c4] {
    padding: 0 2.5rem 2rem;
}

.forgot-password-heading[b-hvbsui12c4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.75rem;
    margin-top: -0.95rem;
    margin-bottom: 2rem;
}

.forgot-password-icon[b-hvbsui12c4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    border-radius: 1.2rem;
    color: var(--brand-gradient-ink);
    background: var(--brand-gradient);
    box-shadow:
        0 1rem 2rem rgba(var(--zj-primary-rgb), 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.28);
    transform: rotate(-3deg);
}

.forgot-password-icon .material-symbols-outlined[b-hvbsui12c4] {
    font-size: 2rem;
}

.forgot-password-heading h1[b-hvbsui12c4] {
    margin: 0;
    color: var(--zj-on-surface);
    font-size: 1.95rem;
    line-height: 1.18;
    font-weight: 900;
    letter-spacing: 0;
}

.forgot-password-heading p[b-hvbsui12c4] {
    max-width: 18rem;
    margin: 0;
    color: var(--zj-on-surface-variant);
    font-size: 1rem;
    line-height: 1.8;
    font-weight: 500;
}

.forgot-password-form[b-hvbsui12c4] {
    display: flex;
    flex-direction: column;
    gap: 1.45rem;
}

.forgot-password-form[b-hvbsui12c4]  .form-group {
    gap: 0.6rem;
}

.forgot-password-form[b-hvbsui12c4]  .form-label {
    padding-inline: 0.35rem;
    color: var(--zj-on-surface);
    font-size: 0.95rem;
}

.forgot-password-form[b-hvbsui12c4]  .form-input {
    min-height: 4rem;
    padding-inline: 3.25rem 1.3rem;
    border-radius: var(--zj-radius-xl);
    border-color: rgba(var(--zj-secondary-rgb), 0.28);
    background: rgba(255, 255, 255, 0.68);
    box-shadow: none;
    font-size: 1rem;
}

.forgot-password-form[b-hvbsui12c4]  .form-input:focus {
    border-color: rgba(var(--zj-primary-rgb), 0.48);
    box-shadow:
        0 0 0 4px rgba(var(--zj-primary-rgb), 0.10),
        0 1rem 2rem rgba(var(--zj-primary-rgb), 0.10);
    background: rgba(255, 255, 255, 0.86);
}

.forgot-password-form[b-hvbsui12c4]  .form-input::placeholder {
    color: rgba(var(--zj-secondary-rgb), 0.38);
}

.forgot-password-form[b-hvbsui12c4]  .form-input-icon .material-symbols-outlined {
    inset-inline-start: 1.25rem;
    color: rgba(var(--zj-secondary-rgb), 0.62);
}

.forgot-password-form[b-hvbsui12c4]  .validation-errors,
.forgot-password-form[b-hvbsui12c4]  .validation-message {
    color: var(--zj-error);
    font-size: 0.85rem;
    line-height: 1.5;
}

.forgot-password-submit[b-hvbsui12c4] {
    min-height: 4rem;
    width: 100%;
    border-radius: var(--zj-radius-full);
    background: var(--brand-gradient);
    color: var(--brand-gradient-ink);
    font-size: 1.05rem;
    font-weight: 800;
    box-shadow:
        0 1.1rem 2.4rem rgba(var(--zj-primary-rgb), 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.22);
}

.forgot-password-submit:hover[b-hvbsui12c4],
.forgot-password-submit:focus-visible[b-hvbsui12c4] {
    color: var(--brand-gradient-ink);
    transform: translateY(-2px);
    box-shadow:
        0 1.35rem 2.8rem rgba(var(--zj-primary-rgb), 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.26);
}

.forgot-password-submit .material-symbols-outlined[b-hvbsui12c4] {
    font-size: 1.35rem;
}

.forgot-password-success-actions[b-hvbsui12c4] {
    margin-top: 1.75rem;
}

.forgot-password-return[b-hvbsui12c4] {
    padding-top: 1.45rem;
    border-top: 1px solid rgba(var(--zj-outline-rgb), 0.18);
    text-align: center;
}

.forgot-password-return a[b-hvbsui12c4],
.forgot-password-links a[b-hvbsui12c4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    color: var(--zj-primary);
    font-weight: 800;
    text-decoration: none;
    transition:
        color var(--zj-transition-fast),
        transform var(--zj-transition-fast);
}

.forgot-password-return a:hover[b-hvbsui12c4],
.forgot-password-return a:focus-visible[b-hvbsui12c4],
.forgot-password-links a:hover[b-hvbsui12c4],
.forgot-password-links a:focus-visible[b-hvbsui12c4] {
    color: var(--zj-on-primary-container);
    transform: translateY(-1px);
}

.forgot-password-return .material-symbols-outlined[b-hvbsui12c4] {
    font-size: 1.25rem;
}

.forgot-password-system[b-hvbsui12c4] {
    display: flex;
    justify-content: center;
    padding: 1rem 2rem;
    background: var(--zj-surface-container-low);
    color: var(--zj-on-surface-variant);
    font-size: 0.82rem;
    font-weight: 600;
}

.forgot-password-links[b-hvbsui12c4] {
    display: flex;
    justify-content: center;
    gap: 2rem;
    color: var(--zj-on-surface-variant);
}

.forgot-password-links a[b-hvbsui12c4] {
    color: var(--zj-on-surface-variant);
    font-size: 0.92rem;
    font-weight: 600;
}

@media (max-width: 640px) {
    .forgot-password-screen[b-hvbsui12c4] {
        gap: 1.15rem;
    }

    .forgot-password-media[b-hvbsui12c4] {
        height: 10.5rem;
    }

    .forgot-password-body[b-hvbsui12c4] {
        padding: 0 1.35rem 1.45rem;
    }

    .forgot-password-heading[b-hvbsui12c4] {
        margin-bottom: 1.55rem;
    }

    .forgot-password-heading h1[b-hvbsui12c4] {
        font-size: 1.65rem;
    }

    .forgot-password-heading p[b-hvbsui12c4] {
        max-width: 16.5rem;
        font-size: 0.94rem;
    }

    .forgot-password-links[b-hvbsui12c4] {
        gap: 1.25rem;
    }
}

@keyframes forgot-password-rise-b-hvbsui12c4 {
    from {
        opacity: 0;
        transform: translateY(1rem);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes forgot-password-image-b-hvbsui12c4 {
    from {
        transform: scale(1.09);
        opacity: 0.74;
    }
    to {
        transform: scale(1.04);
        opacity: 1;
    }
}
/* _content/Zajal.Shared/Pages/Customer/Cart.razor.rz.scp.css */
.btn.btn-primary:not(:disabled)[b-tz16nxx9gi],
.customer-shell[b-tz16nxx9gi]  .btn.btn-primary:not(:disabled) {
    background: #0369a1 !important;
    border-color: #0369a1 !important;
    color: #fff !important;
}
/* _content/Zajal.Shared/Pages/Customer/Menu.razor.rz.scp.css */
.customer-loyalty-banner[b-tn3dzncan0] {
    position: relative;
    display: grid;
    gap: 1rem;
    margin-top: 1.25rem;
    padding: 1rem;
    border: 1px solid transparent;
    border-radius: var(--zj-radius-2xl);
    background:
        linear-gradient(var(--zj-surface), var(--zj-surface)) padding-box,
        var(--brand-gradient) border-box;
    box-shadow: var(--ambient-shadow-soft);
    overflow: hidden;
}

.customer-loyalty-banner[b-tn3dzncan0]::before {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--brand-gradient);
    opacity: 0.06;
    pointer-events: none;
}

.customer-loyalty-banner__intro[b-tn3dzncan0],
.customer-loyalty-banner__grid[b-tn3dzncan0] {
    position: relative;
    z-index: 1;
}

.customer-loyalty-banner__intro[b-tn3dzncan0] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
}

.customer-loyalty-banner__intro > .material-symbols-outlined[b-tn3dzncan0] {
    width: 3rem;
    height: 3rem;
    display: grid;
    place-items: center;
    border-radius: var(--zj-radius-xl);
    background: rgba(var(--zj-primary-rgb), 0.1);
    color: var(--zj-primary);
    font-size: 1.5rem;
}

.customer-loyalty-banner__intro h2[b-tn3dzncan0] {
    margin: 0;
    color: var(--zj-on-surface);
    font-size: 1.05rem;
    font-weight: 950;
    line-height: 1.45;
}

.customer-loyalty-banner__intro p[b-tn3dzncan0] {
    margin: 0.2rem 0 0;
    color: var(--zj-on-surface-variant);
    font-size: 0.82rem;
    line-height: 1.7;
}

.customer-loyalty-banner__grid[b-tn3dzncan0] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
}

.customer-loyalty-card[b-tn3dzncan0] {
    display: grid;
    gap: 0.75rem;
    padding: 0.85rem;
    border: 1px solid rgba(var(--zj-outline-rgb), 0.14);
    border-radius: var(--zj-radius-xl);
    background: color-mix(in srgb, var(--zj-surface) 78%, transparent);
}

.customer-loyalty-card--favorite[b-tn3dzncan0] {
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
}

.customer-loyalty-card__image[b-tn3dzncan0] {
    width: 4.5rem;
    height: 4.5rem;
    display: grid;
    place-items: center;
    overflow: hidden;
    border-radius: var(--zj-radius-xl);
    background: rgba(var(--zj-primary-rgb), 0.08);
    color: var(--zj-primary);
}

.customer-loyalty-card__image img[b-tn3dzncan0] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.customer-loyalty-card__copy[b-tn3dzncan0] {
    min-width: 0;
    display: grid;
    gap: 0.25rem;
}

.customer-loyalty-card__copy span[b-tn3dzncan0],
.customer-loyalty-card__copy small[b-tn3dzncan0],
.customer-loyalty-card--points em[b-tn3dzncan0] {
    color: var(--zj-on-surface-variant);
    font-size: 0.78rem;
    font-style: normal;
    font-weight: 750;
}

.customer-loyalty-card__copy strong[b-tn3dzncan0] {
    color: var(--zj-on-surface);
    font-size: 1.05rem;
    font-weight: 950;
}

.customer-loyalty-card--points .customer-loyalty-card__copy strong[b-tn3dzncan0] {
    color: var(--zj-primary);
    font-size: 2rem;
    line-height: 1;
}

.customer-loyalty-card__action[b-tn3dzncan0] {
    grid-column: 1 / -1;
    justify-content: center;
}

.customer-loyalty-progress[b-tn3dzncan0] {
    height: 0.65rem;
    overflow: hidden;
    border-radius: var(--zj-radius-full);
    background: var(--zj-surface-container-high);
}

.customer-loyalty-progress div[b-tn3dzncan0] {
    height: 100%;
    border-radius: inherit;
    background: var(--brand-gradient);
}

@media (max-width: 680px) {
    .customer-loyalty-banner__grid[b-tn3dzncan0] {
        grid-template-columns: 1fr;
    }
}

.customer-menu__rewards[b-tn3dzncan0] {
    display: grid;
    gap: 1rem;
    margin-top: 1.25rem;
}

.customer-menu__reward-auth[b-tn3dzncan0] {
    display: grid;
    gap: 0.85rem;
}

.customer-menu__reward-auth h2[b-tn3dzncan0],
.customer-menu__rewards-head h2[b-tn3dzncan0] {
    margin: 0;
    color: var(--zj-on-surface);
    font-weight: 950;
}

.customer-menu__reward-auth p[b-tn3dzncan0] {
    margin: 0;
    color: var(--zj-on-surface-variant);
    line-height: 1.8;
}

.customer-menu__reward-auth-grid[b-tn3dzncan0] {
    display: grid;
    gap: 0.75rem;
}

.customer-menu__forgot-reward-password[b-tn3dzncan0] {
    border: 0;
    background: transparent;
    color: var(--zj-primary);
    font-weight: 850;
    padding: 0.55rem 0.25rem;
}

.customer-menu__forgot-reward-password:disabled[b-tn3dzncan0] {
    opacity: 0.55;
}

.customer-menu__loading-card[b-tn3dzncan0] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 1rem;
}

.customer-menu__loading-card > .material-symbols-outlined[b-tn3dzncan0] {
    width: 3rem;
    height: 3rem;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: var(--zj-radius-xl);
    background: rgba(var(--zj-primary-rgb), 0.1);
    color: var(--zj-primary);
    font-size: 1.6rem;
}

.customer-menu__loading-card h2[b-tn3dzncan0] {
    margin: 0;
    color: var(--zj-on-surface);
    font-size: 1rem;
    font-weight: 950;
}

.customer-menu__loading-card p[b-tn3dzncan0] {
    margin: 0.2rem 0 0;
    color: var(--zj-on-surface-variant);
    font-size: 0.82rem;
    line-height: 1.7;
}

.customer-menu__reward-actions[b-tn3dzncan0],
.customer-menu__rewards-head[b-tn3dzncan0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.customer-menu__rewards-head button[b-tn3dzncan0] { border: 1px solid var(--zj-outline-variant); background: var(--zj-surface-container-low); color: var(--zj-on-surface); font-weight: 700; min-height: 44px; text-decoration: none; }

.customer-menu__carousel-toolbar[b-tn3dzncan0] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.customer-menu__carousel-toolbar[b-tn3dzncan0] {
    justify-content: flex-end;
}

.customer-menu__scroll-button[b-tn3dzncan0] {
    width: 2.55rem;
    height: 2.55rem;
    display: grid;
    place-items: center;
    border: 1px solid rgba(var(--zj-primary-rgb), 0.18);
    border-radius: var(--zj-radius-full);
    background: color-mix(in srgb, var(--zj-surface) 90%, transparent);
    color: var(--zj-primary);
    box-shadow: 0 0.75rem 1.4rem rgba(var(--zj-secondary-rgb), 0.08);
    cursor: pointer;
    transition:
        transform var(--zj-transition-fast),
        border-color var(--zj-transition-fast),
        background var(--zj-transition-fast);
}

.customer-menu__scroll-button:hover[b-tn3dzncan0],
.customer-menu__scroll-button:focus-visible[b-tn3dzncan0] {
    border-color: rgba(var(--zj-primary-rgb), 0.38);
    background: rgba(var(--zj-primary-rgb), 0.1);
    transform: translateY(-1px);
    outline: none;
}

.customer-menu__scroll-button:active[b-tn3dzncan0] {
    transform: translateY(0) scale(0.98);
}

.customer-menu__scroll-button .material-symbols-outlined[b-tn3dzncan0] {
    font-size: 1.45rem;
}

.customer-menu__rewards-carousel[b-tn3dzncan0] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(10rem, 12rem);
    gap: 0.85rem;
    overflow-x: auto;
    padding-block: 0.25rem 0.75rem;
}

.customer-menu__rewards-carousel[b-tn3dzncan0],
.customer-menu__offer-chips[b-tn3dzncan0],
.customer-menu__category-grid[b-tn3dzncan0] {
    cursor: grab;
    overscroll-behavior-inline: contain;
    touch-action: pan-x pan-y;
    -webkit-overflow-scrolling: touch;
    user-select: none;
}

.customer-menu__rewards-carousel.customer-scroll-drag--dragging[b-tn3dzncan0],
.customer-menu__offer-chips.customer-scroll-drag--dragging[b-tn3dzncan0],
.customer-menu__offer-list--horizontal.customer-scroll-drag--dragging[b-tn3dzncan0],
.customer-menu__category-grid.customer-scroll-drag--dragging[b-tn3dzncan0] {
    cursor: grabbing;
    scroll-snap-type: none;
}

.customer-menu__reward-card[b-tn3dzncan0] {
    min-height: 14rem;
    display: grid;
    align-content: start;
    gap: 0.55rem;
    padding: 0.75rem;
    border: none;
    border-radius: var(--zj-radius-xl);
    background: var(--zj-surface);
    color: inherit;
    text-align: center;
    box-shadow: var(--ambient-shadow-soft);
}

.customer-menu__reward-image[b-tn3dzncan0] {
    aspect-ratio: 1;
    display: grid;
    place-items: center;
    overflow: hidden;
    border-radius: var(--zj-radius-lg);
    background: var(--zj-surface-container);
    color: var(--zj-primary);
}

.customer-menu__reward-image img[b-tn3dzncan0] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.customer-menu__reward-points[b-tn3dzncan0] {
    justify-self: center;
    padding: 0.25rem 0.65rem;
    border-radius: var(--zj-radius-full);
    background: var(--zj-surface-container);
    color: var(--zj-on-surface);
    font-size: 0.82rem;
    font-weight: 900;
}

.customer-menu__reward-card strong[b-tn3dzncan0] {
    color: var(--zj-on-surface);
    font-size: 0.95rem;
    line-height: 1.5;
}

.customer-menu__reward-card--all[b-tn3dzncan0] {
    place-content: center;
    color: var(--zj-primary);
}

.customer-menu__reward-card--all .material-symbols-outlined[b-tn3dzncan0] {
    font-size: 2rem;
}

.customer-menu__offers[b-tn3dzncan0] {
    display: grid;
    gap: 1rem;
    margin-top: 1.25rem;
}

.customer-menu__offers-head[b-tn3dzncan0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.customer-menu__offers-head h2[b-tn3dzncan0] {
    margin: 0;
    color: var(--zj-on-surface);
    font-weight: 950;
}

.customer-menu__offer-layout-toggle[b-tn3dzncan0] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.25rem;
    border: 1px solid rgba(var(--zj-primary-rgb), 0.16);
    border-radius: var(--zj-radius-full);
    background: var(--zj-surface-container-low);
}

.customer-menu__offer-layout-button[b-tn3dzncan0] {
    width: 2.35rem;
    height: 2.35rem;
    display: grid;
    place-items: center;
    border: 1px solid transparent;
    border-radius: var(--zj-radius-full);
    background: transparent;
    color: var(--zj-on-surface-variant);
}

.customer-menu__offer-layout-button .material-symbols-outlined[b-tn3dzncan0] {
    font-size: 1.25rem;
}

.customer-menu__offer-layout-button--active[b-tn3dzncan0] {
    border-color: rgba(var(--zj-primary-rgb), 0.28);
    background: var(--zj-primary);
    color: var(--zj-on-primary);
    box-shadow: 0 0.65rem 1.35rem rgba(var(--zj-primary-rgb), 0.18);
}

.customer-menu__offer-chips[b-tn3dzncan0] {
    display: flex;
    gap: 0.7rem;
    overflow-x: auto;
    padding-bottom: 0.45rem;
}

.customer-menu__offer-chip[b-tn3dzncan0] {
    border: 1px solid var(--zj-outline-variant);
    background: var(--zj-surface);
    color: var(--zj-on-surface);
    border-radius: var(--zj-radius-full);
    padding: 0.65rem 1.15rem;
    font-weight: 850;
    white-space: nowrap;
}

.customer-menu__offer-chip--active[b-tn3dzncan0] {
    border-color: var(--zj-primary);
    background: var(--zj-primary);
    color: var(--zj-on-primary);
}

.customer-menu__offer-list[b-tn3dzncan0] {
    display: grid;
    gap: 1rem;
}

.customer-menu__offer-list--horizontal[b-tn3dzncan0] {
    display: flex;
    overflow-x: auto;
    padding-bottom: 0.6rem;
    cursor: grab;
    overscroll-behavior-inline: contain;
    scroll-behavior: smooth;
    touch-action: pan-x pan-y;
    -webkit-overflow-scrolling: touch;
    user-select: none;
}

.customer-menu__offer-list--horizontal.customer-scroll-drag--dragging[b-tn3dzncan0] {
    cursor: grabbing;
    scroll-snap-type: none;
}

.customer-menu__offer-list--horizontal .customer-menu__offer-card[b-tn3dzncan0] {
    flex: 0 0 min(82vw, 22rem);
    touch-action: pan-x pan-y;
}

.customer-menu__reward-card[b-tn3dzncan0],
.customer-menu__offer-chip[b-tn3dzncan0],
.customer-menu__category-card[b-tn3dzncan0] {
    touch-action: pan-x pan-y;
}

.customer-menu__offer-card[b-tn3dzncan0] {
    min-height: 18rem;
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    overflow: hidden;
    border: 1px solid rgba(var(--zj-primary-rgb), 0.18);
    border-radius: var(--zj-radius-xl);
    background: linear-gradient(180deg, var(--zj-surface) 0%, var(--zj-surface-container-low) 100%);
    color: inherit;
    text-align: start;
    box-shadow: 0 1rem 2.2rem rgba(var(--zj-secondary-rgb), 0.08);
}

.customer-menu__offer-image[b-tn3dzncan0] {
    position: relative;
    display: grid;
    place-items: center;
    overflow: hidden;
    background: var(--zj-surface-container);
    color: var(--zj-primary);
}

.customer-menu__offer-image img[b-tn3dzncan0] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.customer-menu__offer-image small[b-tn3dzncan0],
.customer-menu__offer-image em[b-tn3dzncan0] {
    position: absolute;
    inset-inline-end: 0.75rem;
    top: 0.75rem;
    padding: 0.35rem 0.65rem;
    border-radius: var(--zj-radius-full);
    background: rgba(0, 0, 0, 0.72);
    color: #fff;
    font-size: 0.78rem;
    font-style: normal;
    font-weight: 900;
}

.customer-menu__offer-image em[b-tn3dzncan0] {
    inset-inline: 50% auto;
    top: 50%;
    transform: translate(50%, -50%);
    width: max-content;
    max-width: calc(100% - 2rem);
    text-align: center;
}

.customer-menu__offer-card strong[b-tn3dzncan0] {
    display: block;
    color: #fff;
    font-size: 1rem;
    font-weight: 900;
    line-height: 1.35;
}

@media (max-width: 680px) {
    .customer-menu__offer-card[b-tn3dzncan0] {
        min-height: 15rem;
    }

    .customer-menu__carousel-toolbar[b-tn3dzncan0] {
        display: none;
    }
}

/* Customer discovery sections — aligned with the Blue Ocean Editorial menu. */
.customer-menu__offers[b-tn3dzncan0],
.customer-menu__rewards[b-tn3dzncan0] {
    margin-top: 1.25rem;
}

.customer-menu__offers[b-tn3dzncan0] {
    gap: 0.65rem;
}

.customer-menu__offers-head[b-tn3dzncan0],
.customer-menu__rewards-head[b-tn3dzncan0] {
    min-height: 1.75rem;
}

.customer-menu__offers-head h2[b-tn3dzncan0],
.customer-menu__rewards-head h2[b-tn3dzncan0] {
    color: var(--customer-navy, #172554);
    font-size: 1.05rem;
    font-weight: 950;
}

.customer-menu__offers-hint[b-tn3dzncan0] {
    color: var(--customer-sky, #0ea5e9);
    font-size: 0.75rem;
    font-weight: 850;
}

.customer-menu__offer-list--horizontal[b-tn3dzncan0] {
    gap: 0.75rem;
    padding: 0.15rem 0.1rem 0.65rem;
    scrollbar-width: thin;
    scrollbar-color: rgba(14, 165, 233, 0.28) transparent;
}

.customer-menu__offer-list--horizontal .customer-menu__offer-card[b-tn3dzncan0] {
    flex: 0 0 min(15.65rem, 82vw);
}

.customer-menu__offer-card[b-tn3dzncan0] {
    min-height: 0;
    grid-template-rows: 6.5rem auto;
    border: 0;
    border-radius: 1.4rem;
    background: var(--customer-navy, #172554);
    box-shadow: 0 1rem 2.2rem rgba(23, 37, 84, 0.2);
    cursor: pointer;
    transition: transform 180ms ease, box-shadow 180ms ease;
}

.customer-menu__offer-card:hover:not(:disabled)[b-tn3dzncan0],
.customer-menu__offer-card:focus-visible[b-tn3dzncan0] {
    transform: translateY(-3px);
    box-shadow: 0 1.25rem 2.6rem rgba(23, 37, 84, 0.27);
    outline: none;
}

.customer-menu__offer-card:focus-visible[b-tn3dzncan0] {
    box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.28), 0 1.25rem 2.6rem rgba(23, 37, 84, 0.27);
}

.customer-menu__offer-card:disabled[b-tn3dzncan0] {
    cursor: not-allowed;
    opacity: 0.82;
}

.customer-menu__offer-image[b-tn3dzncan0],
.customer-menu__offer-image img[b-tn3dzncan0] {
    width: 100%;
    height: 6.5rem;
    min-height: 0;
}

.customer-menu__offer-image[b-tn3dzncan0] {
    background: #1e3a8a;
}

.customer-menu__offer-image img[b-tn3dzncan0] {
    display: block;
    opacity: 0.92;
}

.customer-menu__offer-badge[b-tn3dzncan0] {
    top: 0.65rem;
    inset-inline-start: auto;
    inset-inline-end: 0.65rem;
    background: var(--customer-sky, #0ea5e9);
    color: #fff;
}

.customer-menu__offer-remaining[b-tn3dzncan0] {
    inset-inline-start: 0.65rem;
    inset-inline-end: auto;
    bottom: 0.65rem;
    background: rgba(15, 23, 42, 0.78);
    color: #fde68a;
}

.customer-menu__offer-unavailable[b-tn3dzncan0] {
    inset: 0;
    top: 0;
    width: auto;
    max-width: none;
    transform: none;
    border-radius: 0;
    background: rgba(15, 23, 42, 0.68);
}

.customer-menu__offer-copy[b-tn3dzncan0] {
    min-height: 4.4rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.18rem;
    padding: 0.7rem 0.9rem 0.85rem;
    background: var(--customer-navy, #172554);
}

.customer-menu__offer-copy strong[b-tn3dzncan0] {
    min-height: 0;
    padding: 0;
    color: #fff;
    font-size: 0.9rem;
    font-weight: 850;
    line-height: 1.45;
}

.customer-menu__offer-copy small[b-tn3dzncan0] {
    color: #7dd3fc;
    font-size: 0.78rem;
    font-weight: 800;
}

.customer-menu__rewards[b-tn3dzncan0] {
    gap: 0;
}

.customer-menu__loyalty-panel[b-tn3dzncan0] {
    display: grid;
    gap: 0.9rem;
    padding: 1rem 1.1rem;
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 1.5rem;
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 1rem 2.4rem rgba(22, 29, 29, 0.06);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
}

.customer-menu__reward-auth--compact[b-tn3dzncan0] {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
}

.customer-menu__reward-auth-intro[b-tn3dzncan0] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    min-width: 0;
}

.customer-menu__reward-auth-icon[b-tn3dzncan0] {
    width: 2.5rem;
    height: 2.5rem;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: rgba(14, 165, 233, 0.12);
    color: var(--customer-sky, #0ea5e9);
    font-size: 1.35rem;
}

.customer-menu__reward-auth--compact h2[b-tn3dzncan0] {
    color: #0f172a;
    font-size: 0.95rem;
    font-weight: 950;
}

.customer-menu__reward-auth--compact p[b-tn3dzncan0] {
    color: #475569;
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1.6;
}

.customer-menu__reward-actions[b-tn3dzncan0] {
    flex-wrap: nowrap;
}

.customer-menu__reward-actions .btn[b-tn3dzncan0],
.customer-menu__reward-auth-secondary[b-tn3dzncan0] {
    min-height: 2.5rem;
    padding: 0.55rem 1rem;
    border-radius: 0.75rem;
    font-size: 0.8rem;
    white-space: nowrap;
}

.customer-menu__rewards-head button[b-tn3dzncan0] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .5rem .75rem;
    cursor: pointer;
}

.customer-menu__rewards-head button .material-symbols-outlined[b-tn3dzncan0] {
    font-size: 1rem;
}

.customer-menu__carousel-toolbar[b-tn3dzncan0],
.customer-menu__reward-card--all[b-tn3dzncan0] {
    display: none;
}

.customer-menu__rewards-carousel[b-tn3dzncan0] {
    display: flex;
    gap: 0.65rem;
    overflow-x: auto;
    padding: 0.1rem 0.05rem 0.35rem;
    scrollbar-width: thin;
    scrollbar-color: rgba(14, 165, 233, 0.28) transparent;
}

.customer-menu__reward-card[b-tn3dzncan0] {
    flex: 0 0 9.4rem;
    width: 9.4rem;
    min-height: 0;
    display: grid;
    align-content: start;
    justify-items: start;
    gap: 0.42rem;
    padding: 0.62rem;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 1.1rem;
    background: #fff;
    box-shadow: none;
    text-align: start;
    cursor: pointer;
    transition: border-color 180ms ease, transform 180ms ease, box-shadow 180ms ease;
}

.customer-menu__reward-card:hover[b-tn3dzncan0],
.customer-menu__reward-card:focus-visible[b-tn3dzncan0] {
    border-color: rgba(14, 165, 233, 0.4);
    transform: translateY(-2px);
    box-shadow: 0 0.75rem 1.5rem rgba(14, 165, 233, 0.1);
    outline: none;
}

.customer-menu__reward-image[b-tn3dzncan0] {
    width: 100%;
    height: 4rem;
    aspect-ratio: auto;
    border-radius: 0.75rem;
    background: #eef6fb;
}

.customer-menu__reward-points[b-tn3dzncan0] {
    justify-self: start;
    padding: 0.12rem 0.55rem;
    background: rgba(14, 165, 233, 0.1);
    color: var(--customer-sky, #0ea5e9);
    font-size: 0.68rem;
    font-weight: 950;
}

.customer-menu__reward-card strong[b-tn3dzncan0] {
    color: #0f172a;
    font-size: 0.8rem;
    font-weight: 900;
    line-height: 1.4;
}

@media (max-width: 680px) {
    .customer-menu__offer-card[b-tn3dzncan0] {
        min-height: 0;
    }

    .customer-menu__loyalty-panel[b-tn3dzncan0] {
        padding: 0.9rem;
        border-radius: 1.25rem;
    }

    .customer-menu__reward-auth--compact[b-tn3dzncan0] {
        grid-template-columns: minmax(0, 1fr);
    }

    .customer-menu__reward-actions[b-tn3dzncan0] {
        width: 100%;
    }

    .customer-menu__reward-actions > *[b-tn3dzncan0] {
        flex: 1 1 0;
        justify-content: center;
    }
}

@media (prefers-reduced-motion: reduce) {
    .customer-menu__offer-card[b-tn3dzncan0],
    .customer-menu__reward-card[b-tn3dzncan0] {
        transition: none;
    }
}

.customer-menu__privacy-consent[b-tn3dzncan0] {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    padding: 0.75rem;
    border: 1px solid rgba(var(--zj-outline-rgb), 0.18);
    border-radius: var(--zj-radius-lg);
    background: var(--zj-surface-container-low);
    color: var(--zj-on-surface-variant);
    font-size: 0.78rem;
    line-height: 1.65;
    cursor: pointer;
}

.customer-menu__privacy-consent input[b-tn3dzncan0] {
    width: 1rem;
    height: 1rem;
    margin-top: 0.18rem;
    flex: 0 0 auto;
    accent-color: var(--zj-primary);
}

.customer-menu__privacy-clear[b-tn3dzncan0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    width: 100%;
    padding: 0.55rem 0.75rem;
    border: 0;
    background: transparent;
    color: var(--zj-error);
    font-size: 0.78rem;
    font-weight: 800;
    cursor: pointer;
}

.customer-menu__privacy-clear .material-symbols-outlined[b-tn3dzncan0] {
    font-size: 1rem;
}
.btn.btn-primary:not(:disabled)[b-tn3dzncan0],
.customer-shell[b-tn3dzncan0]  .btn.btn-primary:not(:disabled) {
    background: #0369a1 !important;
    border-color: #0369a1 !important;
    color: #fff !important;
}

.customer-shell[b-tn3dzncan0]  .menu-card__quantity-button {
    min-width: 44px;
    min-height: 44px;
}

.customer-menu__guest-error[b-tn3dzncan0] {
    margin: .4rem 0 0;
    color: var(--zj-error);
    font-size: .85rem;
    line-height: 1.6;
}

/* The translucent accent shadow alone is too faint on the customer surface. */
.customer-shell[b-tn3dzncan0]  :focus-visible {
    outline: 3px solid var(--zj-on-surface);
    outline-offset: 3px;
}
/* _content/Zajal.Shared/Pages/Customer/MyOrders.razor.rz.scp.css */
.customer-design--orders .customer-orders__new-order[b-6ihjujnj2w],
.customer-design--orders .customer-orders__order-chip[b-6ihjujnj2w],
.customer-design--orders .customer-orders__open-icon[b-6ihjujnj2w],
.customer-design--orders .customer-orders__order-meta .material-symbols-outlined[b-6ihjujnj2w],
.customer-design--orders .customer-orders__session-footer strong[b-6ihjujnj2w],
.customer-design--orders .customer-orders__order-meta a[b-6ihjujnj2w] {
    color: var(--zj-on-surface) !important;
}

.customer-design--orders .customer-orders__new-order[b-6ihjujnj2w] {
    min-height: 44px;
}

.customer-design--orders .customer-orders__order-meta a[b-6ihjujnj2w] {
    text-decoration: underline;
    text-underline-offset: 0.2em;
}

.customer-design--orders .customer-orders__order-meta a:focus-visible[b-6ihjujnj2w] {
    outline: 2px solid var(--zj-on-surface);
    outline-offset: 3px;
}
/* _content/Zajal.Shared/Pages/Customer/OfferDetails.razor.rz.scp.css */
.offer-details[b-drwxibat2s] {
    padding-block: 1rem 7rem;
}

.offer-details__back[b-drwxibat2s] {
    margin-bottom: 0.75rem;
}

.offer-details__hero[b-drwxibat2s] {
    min-height: 15rem;
    display: grid;
    place-items: center;
    overflow: hidden;
    border-radius: var(--zj-radius-2xl);
    background: var(--zj-surface-container);
}

.offer-details__hero img[b-drwxibat2s] {
    width: 100%;
    height: 100%;
    max-height: 24rem;
    object-fit: cover;
}

.offer-details__hero .material-symbols-outlined[b-drwxibat2s] {
    font-size: 5rem;
    color: var(--zj-primary);
}

.offer-details__content[b-drwxibat2s] {
    display: grid;
    gap: 0.85rem;
    padding-block: 1rem;
}

.offer-details__content h1[b-drwxibat2s] {
    margin: 0;
    color: var(--zj-on-surface);
    font-size: 2rem;
    font-weight: 950;
    line-height: 1.45;
}

.offer-details__content h2[b-drwxibat2s] {
    margin: 0.5rem 0 0;
    font-size: 1.2rem;
}

.offer-details__subtitle[b-drwxibat2s],
.offer-details__content li[b-drwxibat2s] {
    color: var(--zj-on-surface-variant);
    line-height: 1.8;
}

.offer-details__quantity[b-drwxibat2s] {
    width: max-content;
    padding: 0.35rem 0.85rem;
    border-radius: var(--zj-radius-full);
    background: var(--zj-surface-container);
    color: var(--zj-on-surface);
    font-weight: 900;
}

.offer-details__terms[b-drwxibat2s] {
    min-height: 44px;
    max-width: 100%;
    white-space: normal;
    width: fit-content;
    border: 1px solid var(--zj-outline-variant);
    background: var(--zj-surface-container-low);
    color: var(--zj-on-surface);
    font-weight: 900;
    text-decoration: none;
    cursor: pointer;
}

.offer-details__terms-copy[b-drwxibat2s],
.offer-details__redeem-message[b-drwxibat2s] {
    padding: 0.85rem;
    border-radius: var(--zj-radius-xl);
    background: var(--zj-surface-container);
    color: var(--zj-on-surface-variant);
    line-height: 1.8;
}

.offer-details__redeem-message[b-drwxibat2s] {
    background: color-mix(in srgb, var(--zj-primary) 10%, transparent);
    color: var(--zj-primary);
    font-weight: 900;
}

.offer-details__redeem[b-drwxibat2s] {
    width: 100%;
    justify-content: center;
    min-height: 3.5rem;
    margin-top: 1rem;
}
/* _content/Zajal.Shared/Pages/Customer/OrderProgress.razor.rz.scp.css */
a[b-3x25sjnqg1] { color:var(--zj-on-surface); text-decoration:underline; text-underline-offset:.2em; }
a:focus-visible[b-3x25sjnqg1] { outline:3px solid var(--zj-on-surface); outline-offset:3px; }
.btn.btn-primary:not(:disabled)[b-3x25sjnqg1] {
    background: #0369a1 !important;
    border-color: #0369a1 !important;
    color: #fff !important;
}
/* _content/Zajal.Shared/Pages/Customer/PaymentMethod.razor.rz.scp.css */
.payment-page[b-29kkgj6sl2] {
    min-height: 100%;
    padding-bottom: 6.5rem;
}

.payment-page__container[b-29kkgj6sl2] {
    padding-top: 1.25rem;
    display: grid;
    gap: 1rem;
}

.payment-page__loading[b-29kkgj6sl2] {
    min-height: 18rem;
    display: grid;
    place-items: center;
}

.payment-page__total-card[b-29kkgj6sl2],
.payment-page__current-card[b-29kkgj6sl2] {
    border-radius: var(--zj-radius-2xl);
    background: var(--zj-surface-container-low);
    box-shadow: var(--zj-shadow-sm);
}

.payment-page__total-card[b-29kkgj6sl2] {
    padding: 1.25rem;
    display: grid;
    gap: 0.35rem;
}

.payment-page__total-card span[b-29kkgj6sl2],
.payment-page__eyebrow[b-29kkgj6sl2] {
    color: var(--zj-on-surface-variant);
    font-size: 0.78rem;
    font-weight: 800;
}

.payment-page__total-card strong[b-29kkgj6sl2] {
    color: var(--zj-primary);
    font-size: 2.25rem;
    font-weight: 900;
    line-height: 1;
}

.payment-page__current-card[b-29kkgj6sl2] {
    padding: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.payment-page__current-card h2[b-29kkgj6sl2] {
    margin: 0.25rem 0 0;
    color: var(--zj-on-surface);
    font-size: 1.2rem;
    font-weight: 900;
}

.payment-page__current-actions[b-29kkgj6sl2] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.payment-page__methods[b-29kkgj6sl2] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
}

.payment-method[b-29kkgj6sl2] {
    position: relative;
    min-height: 12rem;
    padding: 1.15rem;
    border: 1px solid rgba(148, 163, 184, 0.14);
    border-radius: var(--zj-radius-2xl);
    background: var(--zj-surface-container-lowest);
    color: var(--zj-on-surface);
    text-align: start;
    display: grid;
    align-content: start;
    gap: 1rem;
    box-shadow: 0 18px 40px rgba(22, 26, 46, 0.05);
    cursor: pointer;
    transition: transform var(--zj-transition-fast), box-shadow var(--zj-transition-fast), border-color var(--zj-transition-fast);
}

.payment-method:hover[b-29kkgj6sl2] {
    transform: scale(1.02);
    box-shadow: 0 24px 56px rgba(22, 26, 46, 0.1);
}

.payment-method.is-selected[b-29kkgj6sl2] {
    border: 2px solid var(--method-color);
}

.payment-method__check[b-29kkgj6sl2] {
    position: absolute;
    inset-block-start: 0.85rem;
    inset-inline-start: 0.85rem;
    width: 1.75rem;
    height: 1.75rem;
    display: grid;
    place-items: center;
    border-radius: var(--zj-radius-full);
    background: var(--method-color);
    color: var(--zj-on-primary);
    font-size: 1.1rem;
}

.payment-method__icon[b-29kkgj6sl2] {
    width: 4.25rem;
    height: 4.25rem;
    display: grid;
    place-items: center;
    border-radius: var(--zj-radius-full);
}

.payment-method__icon .material-symbols-outlined[b-29kkgj6sl2] {
    font-size: 2.5rem;
}

.payment-method__copy[b-29kkgj6sl2] {
    display: grid;
    gap: 0.45rem;
}

.payment-method__copy strong[b-29kkgj6sl2] {
    font-size: 1.2rem;
    font-weight: 900;
    line-height: 1.25;
}

.payment-method__copy small[b-29kkgj6sl2] {
    color: var(--zj-on-surface-variant);
    font-size: 0.86rem;
    font-weight: 650;
    line-height: 1.6;
}

.payment-page__notice[b-29kkgj6sl2] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 1rem;
    border-radius: var(--zj-radius-2xl);
    background: var(--zj-warning-container);
    color: var(--zj-on-surface);
}

.payment-page__notice .material-symbols-outlined[b-29kkgj6sl2] {
    color: var(--zj-warning);
    font-size: 1.4rem;
}

.payment-page__notice p[b-29kkgj6sl2] {
    margin: 0;
    color: var(--zj-on-surface);
    font-weight: 750;
    line-height: 1.7;
}

.payment-page__sticky[b-29kkgj6sl2] {
    position: fixed;
    inset-inline: 0;
    inset-block-end: 0;
    z-index: 20;
    padding: 0.85rem 0;
    background: color-mix(in srgb, var(--zj-surface) 88%, transparent);
    backdrop-filter: blur(18px);
    box-shadow: 0 -18px 42px rgba(22, 26, 46, 0.08);
}

.payment-page__sticky-inner[b-29kkgj6sl2] {
    padding: 0;
}

.payment-page__confirm[b-29kkgj6sl2] {
    width: 100%;
    justify-content: center;
}

@media (max-width: 640px) {
    .payment-page__methods[b-29kkgj6sl2] {
        grid-template-columns: 1fr;
    }

    .payment-page__total-card strong[b-29kkgj6sl2] {
        font-size: 1.9rem;
    }
}
/* _content/Zajal.Shared/Pages/Customer/Pickup.razor.rz.scp.css */
.pickup-page[b-7bry5o9u10] { display:grid; gap:1.5rem; width:100%; max-width:100rem; min-width:0; margin-inline:auto; padding:clamp(1rem,2.5vw,2rem); color:var(--zj-on-surface); font-family:var(--zj-font-body,'Cairo',sans-serif); }
.pickup-page[b-7bry5o9u10]  .zj-page-header { margin:0; }
.pickup-page[b-7bry5o9u10]  .zj-page-header__title { font-size:clamp(1.75rem,2.5vw,2.25rem); line-height:1.5; }
.pickup-page[b-7bry5o9u10]  .zj-page-header__subtitle { font-size:1rem; overflow-wrap:anywhere; }
.pickup-page[b-7bry5o9u10]  .zj-page-header__main { align-items:center; }
.pickup-page[b-7bry5o9u10]  .zj-btn { min-height:2.75rem; }
.pickup-page[b-7bry5o9u10]  .zj-btn:focus-visible { outline:3px solid var(--zj-primary); outline-offset:3px; }
.pickup-connection[b-7bry5o9u10] { display:inline-flex; align-items:center; gap:.4rem; padding:.35rem .75rem; border:1px solid var(--zj-outline-variant); border-radius:2rem; color:var(--zj-on-primary-container); background:var(--zj-primary-container); font-weight:700; }
.pickup-connection--failed[b-7bry5o9u10] { color:var(--zj-error); background:var(--zj-surface-container-lowest); border-color:var(--zj-error); }
.pickup-sync[b-7bry5o9u10] { display:grid; gap:.25rem; color:var(--zj-on-surface-variant); font-size:.9rem; }
.pickup-board[b-7bry5o9u10] { display:grid; gap:1.5rem; min-width:0; }
.pickup-region[b-7bry5o9u10] { min-width:0; border:1px solid var(--zj-outline-variant); border-radius:1rem; background:var(--zj-surface-container-lowest); }
.pickup-region__heading[b-7bry5o9u10] { display:flex; align-items:center; gap:.75rem; padding:1rem 1.5rem; border-bottom:1px solid var(--zj-outline-variant); border-radius:1rem 1rem 0 0; background:var(--zj-surface-container-low); }
.pickup-region__heading h2[b-7bry5o9u10] { margin:0; color:inherit; font-size:clamp(1.4rem,2.3vw,1.9rem); font-weight:800; line-height:1.5; }
.pickup-region--called .pickup-region__heading[b-7bry5o9u10] { color:var(--zj-on-primary-container); background:var(--zj-primary-container); }
.pickup-numbers[b-7bry5o9u10] { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr)); gap:1.25rem; list-style:none; margin:0; padding:clamp(1rem,2.5vw,2rem); }
.pickup-number[b-7bry5o9u10] { min-width:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1rem; padding:1.5rem 1rem; border:2px solid var(--zj-primary); border-radius:.9rem; background:color-mix(in srgb,var(--zj-primary) 7%,var(--zj-surface-container-lowest)); text-align:center; }
.pickup-number strong[b-7bry5o9u10] { display:block; max-width:100%; font-size:clamp(2.8rem,5.5vw,5rem); line-height:1.3; color:var(--zj-on-surface); font-weight:900; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.pickup-number__label[b-7bry5o9u10] { padding:.3rem .8rem; border-radius:2rem; background:var(--zj-primary-container); color:var(--zj-on-primary-container); font-weight:700; }
.pickup-numbers--ready[b-7bry5o9u10] { grid-template-columns:repeat(auto-fit,minmax(min(100%,11rem),1fr)); }
.pickup-numbers--ready .pickup-number[b-7bry5o9u10] { border:1px solid var(--zj-outline-variant); background:var(--zj-surface-container-low); padding:1.25rem .75rem; }
.pickup-numbers--ready strong[b-7bry5o9u10] { color:var(--zj-on-surface); font-size:clamp(2.25rem,4vw,3.25rem); }
.pickup-state[b-7bry5o9u10] { display:grid; justify-items:center; align-content:center; gap:1rem; min-height:20rem; padding:clamp(1.5rem,5vw,4rem); text-align:center; border:1px solid var(--zj-outline-variant); border-radius:1rem; background:var(--zj-surface-container-lowest); }
.pickup-state h2[b-7bry5o9u10] { margin:0; font-size:clamp(1.5rem,3vw,2rem); line-height:1.6; font-weight:800; overflow-wrap:anywhere; }
.pickup-state p[b-7bry5o9u10] { margin:0; color:var(--zj-on-surface-variant); font-size:1.125rem; line-height:1.8; }
.pickup-state__icon[b-7bry5o9u10] { font-size:3rem; color:var(--zj-primary); }
.pickup-state--failed[b-7bry5o9u10] { border-color:var(--zj-error); }
.pickup-state--failed h2[b-7bry5o9u10],.pickup-state--failed .pickup-state__icon[b-7bry5o9u10] { color:var(--zj-error); }
.pickup-region__empty[b-7bry5o9u10] { padding:1.5rem; margin:0; color:var(--zj-on-surface-variant); text-align:center; font-size:1.125rem; }
.pickup-privacy[b-7bry5o9u10] { margin:0; text-align:center; color:var(--zj-on-surface-variant); }
@media(max-width:600px) { .pickup-page[b-7bry5o9u10],.pickup-board[b-7bry5o9u10] { gap:1rem; } .pickup-page[b-7bry5o9u10]  .zj-page-header__actions { width:100%; justify-content:space-between; } .pickup-numbers[b-7bry5o9u10] { gap:.75rem; } }
/* _content/Zajal.Shared/Pages/Customer/RewardDetails.razor.rz.scp.css */
.reward-details[b-vk47prkd0g] {
    padding-block: 1rem 7rem;
}

.reward-details__back[b-vk47prkd0g] {
    margin-bottom: 0.75rem;
}

.reward-details__hero[b-vk47prkd0g] {
    min-height: 15rem;
    display: grid;
    place-items: center;
    overflow: hidden;
    border-radius: var(--zj-radius-2xl);
    background: var(--zj-surface-container);
}

.reward-details__hero img[b-vk47prkd0g] {
    width: 100%;
    height: 100%;
    max-height: 22rem;
    object-fit: cover;
}

.reward-details__hero .material-symbols-outlined[b-vk47prkd0g] {
    font-size: 5rem;
    color: var(--zj-primary);
}

.reward-details__content[b-vk47prkd0g] {
    display: grid;
    gap: 0.85rem;
    padding-block: 1rem;
}

.reward-details__content h1[b-vk47prkd0g] {
    margin: 0;
    color: var(--zj-on-surface);
    font-size: 2rem;
    font-weight: 950;
}

.reward-details__content h2[b-vk47prkd0g] {
    margin: 0.5rem 0 0;
    font-size: 1.2rem;
}

.reward-details__points[b-vk47prkd0g] {
    width: max-content;
    padding: 0.35rem 0.85rem;
    border-radius: var(--zj-radius-full);
    background: var(--zj-surface-container);
    color: var(--zj-on-surface);
    font-weight: 900;
}

.reward-details__status[b-vk47prkd0g] {
    margin: 0;
    color: var(--zj-primary);
    font-weight: 900;
}

.reward-details__content p[b-vk47prkd0g],
.reward-details__content li[b-vk47prkd0g] {
    color: var(--zj-on-surface-variant);
    line-height: 1.8;
}

.reward-details__terms[b-vk47prkd0g] {
    min-height: 44px;
    max-width: 100%;
    white-space: normal;
    width: fit-content;
    border: 1px solid var(--zj-outline-variant);
    background: var(--zj-surface-container-low);
    color: var(--zj-on-surface);
    font-weight: 900;
    text-decoration: none;
    cursor: pointer;
}

.reward-details__terms-copy[b-vk47prkd0g] {
    padding: 0.85rem;
    border-radius: var(--zj-radius-xl);
    background: var(--zj-surface-container);
}

.reward-details__redeem[b-vk47prkd0g] {
    width: 100%;
    justify-content: center;
    min-height: 3.5rem;
    margin-top: 1rem;
}
/* _content/Zajal.Shared/Pages/Customer/Rewards.razor.rz.scp.css */
.customer-rewards-page[b-v82rofndhf] {
    padding-block: 1rem 7rem;
}

.customer-rewards-page__header[b-v82rofndhf] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    margin-bottom: 1rem;
}

.customer-rewards-page__header h1[b-v82rofndhf] {
    margin: 0;
    color: var(--zj-on-surface);
    font-size: 1.8rem;
    font-weight: 950;
}

.customer-rewards-page__header p[b-v82rofndhf] {
    margin: 0.25rem 0 0;
    color: var(--zj-on-surface-variant);
    font-weight: 800;
}

.customer-rewards-page__grid[b-v82rofndhf] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
}

.customer-reward-tile[b-v82rofndhf] {
    min-width: 0;
    display: grid;
    gap: 0.55rem;
    padding: 0.75rem;
    border: none;
    border-radius: var(--zj-radius-xl);
    background: var(--zj-surface);
    box-shadow: var(--ambient-shadow-soft);
    color: inherit;
    text-align: center;
    cursor: pointer;
}

.customer-reward-tile__image[b-v82rofndhf] {
    aspect-ratio: 1;
    display: grid;
    place-items: center;
    overflow: hidden;
    border-radius: var(--zj-radius-lg);
    background: var(--zj-surface-container);
    color: var(--zj-primary);
}

.customer-reward-tile__image img[b-v82rofndhf] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.customer-reward-tile__points[b-v82rofndhf] {
    justify-self: center;
    padding: 0.25rem 0.65rem;
    border-radius: var(--zj-radius-full);
    background: var(--zj-surface-container);
    color: var(--zj-on-surface);
    font-size: 0.82rem;
    font-weight: 900;
}

.customer-reward-tile strong[b-v82rofndhf] {
    color: var(--zj-on-surface);
    font-size: 0.95rem;
    line-height: 1.5;
}
/* _content/Zajal.Shared/Pages/Dashboards/HomeSuperAdmin.razor.rz.scp.css */
.sa-aura-dashboard[b-w5xzivfx0v] {
    display: grid;
    gap: 2rem;
    direction: rtl;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding-bottom: 2rem;
}

.sa-aura-dashboard__header[b-w5xzivfx0v] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 28rem);
    gap: 1.5rem;
    align-items: center;
}

.sa-aura-dashboard__actions[b-w5xzivfx0v] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.sa-aura-dashboard__eyebrow[b-w5xzivfx0v] {
    display: inline-block;
    margin-bottom: 0.35rem;
    color: var(--zj-primary);
    font-size: 0.85rem;
    font-weight: 900;
}

.sa-aura-dashboard__header h1[b-w5xzivfx0v] {
    margin: 0;
    color: var(--zj-on-surface);
    font-size: clamp(1.65rem, 3vw, 2.45rem);
    font-weight: 900;
    letter-spacing: 0;
}

.sa-aura-dashboard__search[b-w5xzivfx0v] { flex: 1 1 16rem; width: min(100%, 24rem); min-width: 0; }

.sa-aura-dashboard__kpis[b-w5xzivfx0v] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr));
    gap: 1.5rem;
}

.sa-aura-kpi[b-w5xzivfx0v] {
    position: relative;
    overflow: hidden;
    min-height: 13.8rem;
    display: grid;
    align-content: space-between;
    gap: 1.4rem;
    padding: 1.75rem;
    border-radius: var(--zj-radius-3xl);
    background:
        radial-gradient(circle at 10% 0%, rgba(var(--zj-primary-rgb), 0.08), transparent 42%),
        var(--zj-surface-container-lowest);
    box-shadow: 0 2rem 3rem -1rem rgba(15, 23, 42, 0.08);
}

.sa-aura-kpi[b-w5xzivfx0v]::before {
    content: "";
    position: absolute;
    inset: auto auto -3rem -3rem;
    width: 8rem;
    height: 8rem;
    border-radius: 999px;
    background: rgba(var(--zj-primary-rgb), 0.08);
    filter: blur(1.8rem);
}

.sa-aura-kpi--secondary[b-w5xzivfx0v]::before {
    background: rgba(var(--zj-secondary-rgb), 0.08);
}

.sa-aura-kpi--health[b-w5xzivfx0v] {
    border-inline-end: 0.25rem solid var(--zj-success);
}

.sa-aura-kpi--error[b-w5xzivfx0v]::before {
    background: rgba(186, 26, 26, 0.08);
}

.sa-aura-kpi__top[b-w5xzivfx0v] {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.sa-aura-kpi__icon[b-w5xzivfx0v] {
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 1.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--zj-primary-fixed);
    color: var(--zj-primary);
    font-size: 1.7rem;
}

.sa-aura-kpi--secondary .sa-aura-kpi__icon[b-w5xzivfx0v] {
    background: var(--zj-secondary-container);
    color: var(--zj-secondary);
}

.sa-aura-kpi--health .sa-aura-kpi__icon[b-w5xzivfx0v] {
    background: var(--zj-success-container);
    color: var(--zj-success);
}

.sa-aura-kpi--error .sa-aura-kpi__icon[b-w5xzivfx0v] {
    background: var(--zj-error-container);
    color: var(--zj-error);
}

.sa-aura-kpi__trend[b-w5xzivfx0v] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    min-height: 2rem;
    padding-inline: 0.65rem;
    border-radius: 0.65rem;
    font-size: 0.78rem;
    font-weight: 900;
}

.sa-aura-kpi__trend .material-symbols-outlined[b-w5xzivfx0v] {
    font-size: 0.95rem;
}

.sa-aura-kpi__trend--up[b-w5xzivfx0v],
.sa-aura-kpi__trend--active[b-w5xzivfx0v] {
    background: var(--zj-success-container);
    color: var(--zj-success);
}

.sa-aura-kpi__trend--active[b-w5xzivfx0v]::before {
    content: "";
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 999px;
    background: currentColor;
}

.sa-aura-kpi__trend--error[b-w5xzivfx0v] {
    background: rgba(186, 26, 26, 0.1);
    color: var(--zj-error);
}

.sa-aura-kpi p[b-w5xzivfx0v],
.sa-aura-kpi strong[b-w5xzivfx0v] {
    position: relative;
    z-index: 1;
}

.sa-aura-kpi p[b-w5xzivfx0v] {
    margin: 0;
    color: var(--zj-on-surface-variant);
    font-size: 0.95rem;
    font-weight: 700;
}

.sa-aura-kpi strong[b-w5xzivfx0v] {
    color: var(--zj-on-surface);
    font-size: clamp(2rem, 3vw, 2.8rem);
    line-height: 1;
    font-weight: 900;
    letter-spacing: 0;
}

.sa-aura-dashboard__workspace[b-w5xzivfx0v] {
    display: grid;
    grid-template-columns: minmax(17rem, 0.95fr) minmax(0, 2fr);
    grid-template-areas:
        "quick activity"
        "quick chart";
    gap: 2rem;
    align-items: start;
}

.sa-aura-panel[b-w5xzivfx0v] {
    border-radius: var(--zj-radius-3xl);
    min-width: 0;
}

.sa-aura-panel--quick[b-w5xzivfx0v] {
    grid-area: quick;
    display: grid;
    gap: 1.6rem;
}

.sa-aura-panel--activity[b-w5xzivfx0v] {
    grid-area: activity;
}

.sa-aura-panel--chart[b-w5xzivfx0v] {
    grid-area: chart;
    min-height: 16rem;
    padding: 2rem;
    overflow: hidden;
    background:
        linear-gradient(180deg, rgba(var(--zj-primary-rgb), 0.05), transparent 68%),
        var(--zj-surface-container-low);
}

.sa-aura-panel h2[b-w5xzivfx0v] {
    margin: 0;
    color: var(--zj-on-surface);
    font-size: 1.35rem;
    font-weight: 900;
}

.sa-aura-quick-list[b-w5xzivfx0v] {
    display: grid;
    gap: 0.8rem;
    padding: 0.7rem;
    border-radius: var(--zj-radius-3xl);
    background: var(--zj-surface-container-low);
}

.sa-aura-quick-action[b-w5xzivfx0v] {
    min-height: 4.65rem;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    padding: 0.85rem 1rem;
    border-radius: var(--zj-radius-2xl);
    background: var(--zj-surface-container-lowest);
    color: var(--zj-on-surface);
    text-decoration: none;
    font-size: 1.05rem;
    font-weight: 900;
    transition: transform 160ms ease, background 160ms ease, color 160ms ease;
}

.sa-aura-quick-action:hover[b-w5xzivfx0v] {
    transform: translateX(-0.2rem);
    color: var(--zj-primary);
}

.sa-aura-quick-action span:not(.material-symbols-outlined)[b-w5xzivfx0v] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.sa-aura-quick-action__icon[b-w5xzivfx0v] {
    width: 3rem;
    height: 3rem;
    border-radius: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(var(--zj-primary-rgb), 0.1);
    color: var(--zj-primary);
}

.sa-aura-quick-action--secondary .sa-aura-quick-action__icon[b-w5xzivfx0v] {
    background: rgba(var(--zj-secondary-rgb), 0.1);
    color: var(--zj-secondary);
}

.sa-aura-quick-action--tertiary .sa-aura-quick-action__icon[b-w5xzivfx0v] {
    background: rgba(var(--zj-tertiary-rgb), 0.12);
    color: var(--zj-tertiary);
}

.sa-aura-quick-action--neutral .sa-aura-quick-action__icon[b-w5xzivfx0v] {
    background: var(--zj-surface-container-high);
    color: var(--zj-on-surface-variant);
}

.sa-aura-quick-action__arrow[b-w5xzivfx0v] {
    color: var(--zj-on-surface-variant);
    font-size: 1.1rem;
}

.sa-aura-broadcast[b-w5xzivfx0v] {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 0.9rem;
    padding: 1.8rem;
    border-radius: var(--zj-radius-3xl);
    background: var(--zj-primary);
    color: var(--zj-on-primary);
    box-shadow: 0 1.8rem 3rem -1.4rem rgba(var(--zj-primary-rgb), 0.38);
}

.sa-aura-broadcast__mark[b-w5xzivfx0v] {
    position: absolute;
    inset: auto auto -1.4rem -1.2rem;
    color: rgba(255, 255, 255, 0.12);
    font-size: 7rem;
}

.sa-aura-broadcast h3[b-w5xzivfx0v],
.sa-aura-broadcast p[b-w5xzivfx0v],
.sa-aura-broadcast textarea[b-w5xzivfx0v],
.sa-aura-broadcast button[b-w5xzivfx0v] {
    position: relative;
    z-index: 1;
}

.sa-aura-broadcast h3[b-w5xzivfx0v] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 900;
}

.sa-aura-broadcast p[b-w5xzivfx0v] {
    margin: 0;
    color: rgba(255, 255, 255, 0.82);
    line-height: 1.8;
}

.sa-aura-broadcast textarea[b-w5xzivfx0v] {
    width: 100%;
    border: 0;
    outline: 0;
    resize: vertical;
    min-height: 5.5rem;
    border-radius: var(--zj-radius-xl);
    padding: 1rem;
    background: rgba(255, 255, 255, 0.12);
    color: white;
}

.sa-aura-broadcast textarea[b-w5xzivfx0v]::placeholder {
    color: rgba(255, 255, 255, 0.74);
}

.sa-aura-broadcast textarea:disabled[b-w5xzivfx0v] {
    opacity: 0.75;
    cursor: not-allowed;
}

.sa-aura-broadcast__button[b-w5xzivfx0v] {
    min-height: 3.15rem;
    border: 0;
    border-radius: var(--zj-radius-xl);
    background: var(--zj-on-primary);
    color: var(--zj-primary);
    font-weight: 900;
}

.sa-aura-broadcast__button:disabled[b-w5xzivfx0v] {
    opacity: 0.65;
    cursor: not-allowed;
}

.sa-aura-section-heading[b-w5xzivfx0v] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.2rem;
    padding-inline: 0.3rem;
}

.sa-aura-section-heading a[b-w5xzivfx0v] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--zj-primary);
    text-decoration: none;
    font-weight: 900;
}

.sa-aura-section-heading p[b-w5xzivfx0v] {
    margin: 0.3rem 0 0;
    color: var(--zj-on-surface-variant);
}

.sa-aura-section-heading h2 span[b-w5xzivfx0v] {
    font-size: 0.9em;
}

.sa-aura-activity-table[b-w5xzivfx0v] {
    display: grid;
    gap: 0.2rem;
    min-width: 0;
    padding: 1.1rem;
    border-radius: var(--zj-radius-3xl);
    background: var(--zj-surface-container-lowest);
    box-shadow: 0 2rem 3rem -1.5rem rgba(15, 23, 42, 0.08);
}

.sa-aura-activity-table__head[b-w5xzivfx0v],
.sa-aura-activity-row[b-w5xzivfx0v] {
    display: grid;
    grid-template-columns: 1.25fr 1.6fr 0.75fr 0.75fr;
    gap: 1rem;
    align-items: center;
}

.sa-aura-activity-table__head[b-w5xzivfx0v] {
    padding: 0.7rem 1.1rem;
    color: var(--zj-on-surface-variant);
    font-size: 0.78rem;
    font-weight: 900;
}

.sa-aura-activity-row[b-w5xzivfx0v] {
    min-height: 5rem;
    padding: 0.7rem 1.1rem;
    border-radius: var(--zj-radius-2xl);
    transition: background 160ms ease;
}

.sa-aura-activity-row:hover[b-w5xzivfx0v] {
    background: var(--zj-surface-container-low);
}

.sa-aura-activity-row__restaurant[b-w5xzivfx0v] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    min-width: 0;
}

.sa-aura-activity-row__restaurant > span[b-w5xzivfx0v] {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--zj-surface-container-low);
    color: var(--zj-on-surface);
    font-weight: 900;
}

.sa-aura-activity-row strong[b-w5xzivfx0v] {
    display: block;
    color: var(--zj-on-surface);
    font-size: 0.98rem;
    overflow-wrap: anywhere;
}

.sa-aura-activity-row small[b-w5xzivfx0v],
.sa-aura-activity-row time[b-w5xzivfx0v] {
    color: var(--zj-on-surface-variant);
    font-size: 0.78rem;
    font-weight: 700;
}

.sa-aura-activity-row p[b-w5xzivfx0v] {
    margin: 0;
    color: var(--zj-on-surface-variant);
    font-weight: 700;
    line-height: 1.6;
    overflow-wrap: anywhere;
}

.sa-aura-status[b-w5xzivfx0v] {
    justify-self: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2rem;
    padding-inline: 0.8rem;
    border-radius: var(--zj-radius-full);
    font-size: 0.78rem;
    font-weight: 900;
}

.sa-aura-status--success[b-w5xzivfx0v] {
    background: var(--zj-success-container);
    color: var(--zj-success);
}

.sa-aura-status--warning[b-w5xzivfx0v] {
    background: var(--zj-warning-container);
    color: var(--zj-warning);
}

.sa-aura-status--error[b-w5xzivfx0v] {
    background: rgba(186, 26, 26, 0.1);
    color: var(--zj-error);
}

.sa-aura-chart-legend[b-w5xzivfx0v] {
    display: flex;
    gap: 0.65rem;
    padding-top: 0.35rem;
}

.sa-aura-chart-legend span[b-w5xzivfx0v] {
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 999px;
    background: var(--zj-primary);
}

.sa-aura-chart-legend span:nth-child(2)[b-w5xzivfx0v] {
    background: var(--zj-secondary);
}

.sa-aura-chart-legend span:nth-child(3)[b-w5xzivfx0v] {
    background: var(--zj-outline-variant);
}

.sa-aura-chart[b-w5xzivfx0v] {
    height: 7.8rem;
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 0.75rem;
    margin-top: 2rem;
}

.sa-aura-chart span[b-w5xzivfx0v] {
    flex: 1;
    min-width: 1.2rem;
    border-radius: 0.55rem 0.55rem 0 0;
    background: color-mix(in srgb, var(--zj-primary) 24%, var(--zj-surface-container-lowest));
    transition: background 160ms ease, transform 160ms ease;
}

.sa-aura-chart span:hover[b-w5xzivfx0v] {
    background: color-mix(in srgb, var(--zj-primary) 42%, var(--zj-surface-container-lowest));
    transform: translateY(-0.25rem);
}

@media (max-width: 80rem) {
    .sa-aura-dashboard__workspace[b-w5xzivfx0v] {
        grid-template-columns: 1fr;
        grid-template-areas:
            "quick"
            "activity"
            "chart";
    }
}

@media (max-width: 56rem) {
    .sa-aura-dashboard__header[b-w5xzivfx0v] {
        grid-template-columns: 1fr;
    }

    .sa-aura-dashboard__actions[b-w5xzivfx0v] {
        justify-content: stretch;
    }

    .sa-aura-dashboard__actions > .btn[b-w5xzivfx0v],
    .sa-aura-dashboard__search[b-w5xzivfx0v] {
        flex: 1 1 100%;
    }

    .sa-aura-dashboard__search[b-w5xzivfx0v] {
        justify-self: stretch;
        width: 100%;
    }

    .sa-aura-activity-table[b-w5xzivfx0v] {
        gap: 0.75rem;
        padding: 0.75rem;
    }

    .sa-aura-activity-row[b-w5xzivfx0v] {
        grid-template-columns: 1fr;
        gap: 0.65rem;
        min-height: 0;
        padding: 1rem;
    }

    .sa-aura-activity-table__head[b-w5xzivfx0v] {
        display: none;
    }

    .sa-aura-status[b-w5xzivfx0v] {
        justify-self: start;
    }
}

@media (max-width: 36rem) {
    .sa-aura-dashboard[b-w5xzivfx0v] {
        gap: 1.25rem;
    }

    .sa-aura-kpi[b-w5xzivfx0v] {
        min-height: 11rem;
        padding: 1.25rem;
    }

    .sa-aura-panel--chart[b-w5xzivfx0v],
    .sa-aura-broadcast[b-w5xzivfx0v] {
        padding: 1.25rem;
    }

    .sa-aura-quick-action[b-w5xzivfx0v] {
        min-height: 4rem;
        gap: 0.75rem;
        padding: 0.75rem;
        font-size: 0.95rem;
    }

    .sa-aura-section-heading[b-w5xzivfx0v] {
        flex-direction: column;
    }
}
/* _content/Zajal.Shared/Pages/Dashboards/HomeUser.razor.rz.scp.css */
.home-user[b-v39o9x2g5j] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    color: var(--zj-on-surface);
}

.home-user__hero[b-v39o9x2g5j] {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(17rem, 0.65fr);
    gap: 1rem;
    align-items: stretch;
}

.home-user__hero > div[b-v39o9x2g5j],
.home-user__quick-links a[b-v39o9x2g5j],
.home-user__orders[b-v39o9x2g5j] {
    border-radius: var(--zj-radius-3xl);
    background: var(--zj-surface-container-low);
    box-shadow: var(--ambient-shadow-soft);
}

.home-user__hero > div:first-child[b-v39o9x2g5j] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 17rem;
    padding: clamp(1.5rem, 4vw, 2.5rem);
}

.home-user__eyebrow[b-v39o9x2g5j] {
    align-self: flex-start;
    padding: 0.35rem 0.9rem;
    border-radius: var(--zj-radius-full);
    background: var(--brand-gradient);
    color: var(--brand-gradient-ink);
    font-size: 0.82rem;
    font-weight: 900;
}

.home-user__hero h1[b-v39o9x2g5j] {
    margin: 1rem 0 0;
    color: var(--zj-on-surface);
    font-size: clamp(2rem, 5vw, 3.5rem);
    line-height: 1.1;
    font-weight: 950;
}

.home-user__hero h1 span[b-v39o9x2g5j] {
    color: var(--zj-primary);
}

.home-user__hero p[b-v39o9x2g5j] {
    max-width: 34rem;
    margin: 0.85rem 0 0;
    color: var(--zj-on-surface-variant);
    line-height: 1.8;
}

.home-user__active-order[b-v39o9x2g5j] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.55rem;
    padding: 1.5rem;
}

.home-user__active-order .material-symbols-outlined[b-v39o9x2g5j] {
    color: var(--zj-primary);
    font-size: 2.5rem;
}

.home-user__active-order small[b-v39o9x2g5j],
.home-user__quick-links small[b-v39o9x2g5j],
.home-user__order-main small[b-v39o9x2g5j],
.home-user__section-head p[b-v39o9x2g5j],
.home-user__order-meta time[b-v39o9x2g5j] {
    color: var(--zj-on-surface-variant);
}

.home-user__active-order small[b-v39o9x2g5j],
.home-user__quick-links small[b-v39o9x2g5j],
.home-user__order-main small[b-v39o9x2g5j] {
    font-weight: 800;
}

.home-user__active-order strong[b-v39o9x2g5j] {
    color: var(--zj-on-surface);
    font-size: 1.35rem;
    font-weight: 950;
}

.home-user__active-order p[b-v39o9x2g5j] {
    margin: 0;
}

.home-user__quick-links[b-v39o9x2g5j] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.home-user__quick-links a[b-v39o9x2g5j] {
    display: grid;
    gap: 0.45rem;
    min-height: 9rem;
    padding: 1.25rem;
    color: var(--zj-on-surface);
    text-decoration: none;
    transition:
        transform var(--zj-transition-fast),
        box-shadow var(--zj-transition-fast);
}

.home-user__quick-links a:hover[b-v39o9x2g5j],
.home-user__quick-links a:focus-visible[b-v39o9x2g5j] {
    color: var(--zj-on-surface);
    transform: translateY(-2px);
    box-shadow: 0 1rem 2.4rem rgba(var(--zj-primary-rgb), 0.12);
}

.home-user__quick-links .material-symbols-outlined[b-v39o9x2g5j] {
    color: var(--zj-primary);
    font-size: 2.2rem;
}

.home-user__quick-links strong[b-v39o9x2g5j] {
    font-size: 1.05rem;
    font-weight: 950;
}

.home-user__orders[b-v39o9x2g5j] {
    padding: clamp(1rem, 3vw, 1.5rem);
}

.home-user__section-head[b-v39o9x2g5j] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.home-user__section-head h2[b-v39o9x2g5j] {
    margin: 0;
    color: var(--zj-on-surface);
    font-size: 1.45rem;
    font-weight: 900;
}

.home-user__section-head p[b-v39o9x2g5j] {
    margin: 0.25rem 0 0;
    line-height: 1.7;
}

.home-user__loading[b-v39o9x2g5j] {
    display: grid;
    min-height: 11rem;
    place-items: center;
}

.home-user__order-list[b-v39o9x2g5j] {
    display: grid;
    gap: 0.85rem;
}

.home-user__order[b-v39o9x2g5j] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    padding: 1rem;
    border-radius: var(--zj-radius-2xl);
    background: var(--zj-surface-container-lowest);
    box-shadow: 0 0 0 1px rgba(var(--zj-outline-rgb), 0.08);
}

.home-user__order-main[b-v39o9x2g5j] {
    display: grid;
    gap: 0.25rem;
    min-width: 0;
}

.home-user__order-main span[b-v39o9x2g5j] {
    color: var(--zj-primary);
    font-size: 0.85rem;
    font-weight: 900;
}

.home-user__order-main strong[b-v39o9x2g5j] {
    color: var(--zj-on-surface);
    font-size: 1.15rem;
    font-weight: 950;
}

.home-user__order-meta[b-v39o9x2g5j] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.45rem;
}

.home-user__order-meta time[b-v39o9x2g5j] {
    font-size: 0.82rem;
    font-weight: 750;
    white-space: nowrap;
}

@media (max-width: 920px) {
    .home-user__hero[b-v39o9x2g5j],
    .home-user__quick-links[b-v39o9x2g5j] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .home-user__section-head[b-v39o9x2g5j],
    .home-user__order[b-v39o9x2g5j] {
        flex-direction: column;
        align-items: stretch;
    }

    .home-user__section-head .btn[b-v39o9x2g5j] {
        width: 100%;
        justify-content: center;
    }

    .home-user__order-meta[b-v39o9x2g5j] {
        align-items: flex-start;
    }
}
/* _content/Zajal.Shared/Pages/FeatureAccess.razor.rz.scp.css */
.feature-access[b-233cpkobc2] { padding:clamp(16px,2.5vw,32px); min-width:0; color:var(--zj-on-surface); }
.feature-card[b-233cpkobc2] { width:100%; max-width:960px; margin-inline:auto; border:1px solid var(--zj-outline-variant); border-radius:18px; background:var(--zj-surface-container-lowest); padding:clamp(16px,2.2vw,28px); overflow-wrap:anywhere; }
.feature-card[b-233cpkobc2]  .zj-page-header { margin:0; }
.feature-card[b-233cpkobc2]  .zj-page-header__title { font-size:clamp(26px,3vw,34px); line-height:1.6; font-weight:800; }
.feature-content[b-233cpkobc2] { display:grid; gap:20px; padding-top:24px; }
h2[b-233cpkobc2] { font-size:clamp(20px,2vw,24px); line-height:1.6; font-weight:800; margin:0 0 10px; }
p[b-233cpkobc2] { margin:0; line-height:1.9; }
.feature-state[b-233cpkobc2] { display:inline-block; padding:6px 12px; border:1px solid var(--zj-outline-variant); border-radius:10px; background:var(--zj-surface-container-low); color:var(--zj-on-surface); font-size:14px; line-height:1.7; font-weight:700; }
.feature-state--ready[b-233cpkobc2] { border-color:var(--zj-success); background:var(--zj-success-container); }
.feature-state--review[b-233cpkobc2] { border-color:var(--zj-warning); color:var(--zj-on-surface); }
.feature-state--error[b-233cpkobc2] { border-color:var(--zj-error); color:var(--zj-error); }
.feature-requirements[b-233cpkobc2],.feature-message[b-233cpkobc2] { border:1px solid var(--zj-outline-variant); border-radius:12px; background:var(--zj-surface-container-low); padding:18px; }
.feature-requirements ul[b-233cpkobc2] { margin:0; padding-inline-start:22px; line-height:1.9; }
.feature-requirements li + li[b-233cpkobc2] { margin-top:8px; }
.feature-requirements li[b-233cpkobc2]::marker { color:var(--zj-primary); }
.feature-history[b-233cpkobc2] { border:1px solid var(--zj-outline-variant); border-inline-start:4px solid var(--zj-primary); border-radius:12px; background:var(--zj-surface-container-low); padding:16px; }
.feature-error[b-233cpkobc2] { border-color:var(--zj-error); }
.feature-error strong[b-233cpkobc2] { color:var(--zj-error); }
.feature-message strong[b-233cpkobc2] { display:block; font-size:18px; margin-bottom:6px; }
.feature-actions[b-233cpkobc2] { border-top:1px solid var(--zj-outline-variant); padding-top:20px; display:flex; gap:16px; align-items:center; justify-content:space-between; flex-wrap:wrap; }
.feature-action-text[b-233cpkobc2] { flex:1 1 220px; font-weight:700; }
.feature-actions :is(button,a)[b-233cpkobc2] { min-height:44px; max-width:100%; white-space:normal; line-height:1.8; text-align:center; }
.feature-actions :is(button,a):focus-visible[b-233cpkobc2] { outline:3px solid var(--zj-on-surface); outline-offset:4px; }
@media(max-width:600px) { .feature-access[b-233cpkobc2] { padding:12px; } .feature-card[b-233cpkobc2] { padding:14px; } .feature-actions :is(button,a)[b-233cpkobc2] { width:100%; } }
/* _content/Zajal.Shared/Pages/Kitchen/StaffEntry.razor.rz.scp.css */
.staff-entry[b-m0jmrttlj8] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    color: var(--zj-on-surface);
}

.staff-entry__hero[b-m0jmrttlj8] {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(18rem, 0.75fr);
    gap: 1.25rem;
    align-items: stretch;
}

.staff-entry__hero-copy[b-m0jmrttlj8],
.staff-entry__shift-panel[b-m0jmrttlj8],
.staff-entry__orders[b-m0jmrttlj8],
.staff-entry__summary article[b-m0jmrttlj8] {
    border-radius: var(--zj-radius-3xl);
    background: var(--zj-surface-container-low);
    box-shadow: var(--ambient-shadow-soft);
}

.staff-entry__hero-copy[b-m0jmrttlj8] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 18rem;
    padding: clamp(1.5rem, 4vw, 2.5rem);
}

.staff-entry__eyebrow[b-m0jmrttlj8] {
    align-self: flex-start;
    padding: 0.35rem 0.9rem;
    border-radius: var(--zj-radius-full);
    background: var(--brand-gradient);
    color: var(--brand-gradient-ink);
    font-size: 0.82rem;
    font-weight: 900;
}

.staff-entry__hero h1[b-m0jmrttlj8] {
    margin: 1rem 0 0;
    color: var(--zj-on-surface);
    font-size: clamp(2rem, 5vw, 3.6rem);
    line-height: 1.1;
    font-weight: 950;
}

.staff-entry__hero h1 span[b-m0jmrttlj8] {
    color: var(--zj-primary);
}

.staff-entry__hero p[b-m0jmrttlj8] {
    max-width: 34rem;
    margin: 0.85rem 0 0;
    color: var(--zj-on-surface-variant);
    font-size: 1rem;
    line-height: 1.8;
}

.staff-entry__shift-panel[b-m0jmrttlj8] {
    display: grid;
    gap: 1rem;
    align-content: center;
    padding: 1.5rem;
}

.staff-entry__shift-status[b-m0jmrttlj8] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    color: var(--zj-on-surface-variant);
    font-weight: 750;
}

.staff-entry__timer[b-m0jmrttlj8] {
    color: var(--zj-primary);
    direction: ltr;
    font-size: clamp(2.4rem, 7vw, 3.8rem);
    font-variant-numeric: tabular-nums;
    line-height: 1;
}

.staff-entry__actions[b-m0jmrttlj8],
.staff-entry__order-actions[b-m0jmrttlj8] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.staff-entry__summary[b-m0jmrttlj8] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.staff-entry__summary article[b-m0jmrttlj8] {
    display: grid;
    gap: 0.35rem;
    min-height: 8rem;
    padding: 1.25rem;
}

.staff-entry__summary .material-symbols-outlined[b-m0jmrttlj8] {
    color: var(--zj-primary);
    font-size: 2rem;
}

.staff-entry__summary small[b-m0jmrttlj8] {
    color: var(--zj-on-surface-variant);
    font-weight: 800;
}

.staff-entry__summary strong[b-m0jmrttlj8] {
    color: var(--zj-on-surface);
    font-size: 2.35rem;
    line-height: 1;
}

.staff-entry__orders[b-m0jmrttlj8] {
    padding: clamp(1rem, 3vw, 1.5rem);
}

.staff-entry__section-head[b-m0jmrttlj8] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.staff-entry__section-head h2[b-m0jmrttlj8] {
    margin: 0;
    color: var(--zj-on-surface);
    font-size: 1.45rem;
    font-weight: 900;
}

.staff-entry__section-head p[b-m0jmrttlj8] {
    margin: 0.25rem 0 0;
    color: var(--zj-on-surface-variant);
    line-height: 1.7;
}

.staff-entry__loading[b-m0jmrttlj8] {
    display: grid;
    min-height: 11rem;
    place-items: center;
}

.staff-entry__order-list[b-m0jmrttlj8] {
    display: grid;
    gap: 1rem;
}

.staff-entry__order[b-m0jmrttlj8] {
    display: grid;
    gap: 1rem;
    padding: 1rem;
    border-radius: var(--zj-radius-2xl);
    background: var(--zj-surface-container-lowest);
    box-shadow: 0 0 0 1px rgba(var(--zj-outline-rgb), 0.08);
}

.staff-entry__order-head[b-m0jmrttlj8],
.staff-entry__order-meta[b-m0jmrttlj8] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

.staff-entry__order-head div[b-m0jmrttlj8] {
    display: grid;
    gap: 0.2rem;
}

.staff-entry__order-head span[b-m0jmrttlj8],
.staff-entry__order-meta[b-m0jmrttlj8] {
    color: var(--zj-on-surface-variant);
    font-size: 0.85rem;
    font-weight: 800;
}

.staff-entry__order-head strong[b-m0jmrttlj8] {
    color: var(--zj-on-surface);
    font-size: 1.15rem;
}

.staff-entry__order-meta span[b-m0jmrttlj8],
.staff-entry__order-meta time[b-m0jmrttlj8] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
}

.staff-entry__order-meta .material-symbols-outlined[b-m0jmrttlj8] {
    font-size: 1rem;
}

.staff-entry__items[b-m0jmrttlj8] {
    display: grid;
    gap: 0.55rem;
    padding: 0;
    margin: 0;
    list-style: none;
}

.staff-entry__items li[b-m0jmrttlj8] {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    min-height: 2.55rem;
    padding: 0.55rem 0.7rem;
    border-radius: var(--zj-radius-lg);
    background: var(--zj-surface-container-low);
}

.staff-entry__item-quantity[b-m0jmrttlj8] {
    display: inline-grid;
    flex: 0 0 auto;
    place-items: center;
    min-width: 1.6rem;
    height: 1.6rem;
    border-radius: var(--zj-radius-sm);
    background: var(--zj-surface-container-highest);
    color: var(--zj-primary);
    font-size: 0.75rem;
    font-weight: 900;
}

.staff-entry__item-content[b-m0jmrttlj8] {
    flex: 1;
    min-width: 0;
}

.staff-entry__item-content > strong[b-m0jmrttlj8] {
    display: block;
    min-width: 0;
    overflow: hidden;
    color: var(--zj-on-surface);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.staff-entry__more-items[b-m0jmrttlj8] {
    color: var(--zj-on-surface-variant);
    font-weight: 800;
}

@media (max-width: 960px) {
    .staff-entry__hero[b-m0jmrttlj8],
    .staff-entry__summary[b-m0jmrttlj8] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .staff-entry__section-head[b-m0jmrttlj8],
    .staff-entry__order-head[b-m0jmrttlj8],
    .staff-entry__order-meta[b-m0jmrttlj8] {
        flex-direction: column;
    }

    .staff-entry__actions .btn[b-m0jmrttlj8],
    .staff-entry__order-actions .btn[b-m0jmrttlj8] {
        width: 100%;
        justify-content: center;
    }
}
/* _content/Zajal.Shared/Pages/Kitchen/Stations.razor.rz.scp.css */
.stations-page[b-cnpuhrn4b2] { display:grid; gap:1.25rem; min-width:0; max-width:100rem; margin-inline:auto; padding:clamp(.75rem,2vw,1.75rem); font-family:var(--zj-font-family,'Cairo',sans-serif); }
.stations-page[b-cnpuhrn4b2]  .zj-page-header { margin:0; }
.stations-page[b-cnpuhrn4b2]  .zj-page-header__breadcrumbs a { color:var(--zj-on-surface); text-decoration:underline; text-underline-offset:.2em; }
@media(max-width:600px) { .stations-page[b-cnpuhrn4b2] { gap:.75rem; padding:.5rem; } }
/* _content/Zajal.Shared/Pages/NotFound.razor.rz.scp.css */
.not-found-heritage[b-uqupg7zqq3] {
    display: grid;
    grid-template-rows: auto 1fr auto;
    min-height: 100vh;
    background: var(--zj-surface);
    color: var(--zj-on-surface);
}

.not-found-heritage__topbar[b-uqupg7zqq3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 4.75rem;
    padding: 1rem clamp(1.25rem, 4vw, 2rem);
}

.not-found-heritage__brand[b-uqupg7zqq3] {
    color: var(--zj-primary);
    font-size: 1.45rem;
    font-weight: 900;
    text-decoration: none;
}

.not-found-heritage__top-actions[b-uqupg7zqq3] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
}

.not-found-heritage__top-actions a[b-uqupg7zqq3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.6rem;
    height: 2.6rem;
    border-radius: var(--zj-radius-full);
    color: var(--zj-on-surface-variant);
    text-decoration: none;
    transition:
        background-color var(--zj-transition-fast),
        color var(--zj-transition-fast);
}

.not-found-heritage__top-actions a:hover[b-uqupg7zqq3],
.not-found-heritage__top-actions a:focus-visible[b-uqupg7zqq3] {
    background: var(--zj-surface-container);
    color: var(--zj-primary);
}

.not-found-heritage__main[b-uqupg7zqq3] {
    display: grid;
    grid-template-columns: minmax(18rem, 0.95fr) minmax(0, 1.15fr);
    align-items: center;
    gap: clamp(2rem, 6vw, 5rem);
    width: min(100%, 74rem);
    margin: 0 auto;
    padding: clamp(2rem, 6vw, 5rem) clamp(1.25rem, 4vw, 2rem);
}

.not-found-heritage__visual[b-uqupg7zqq3] {
    position: relative;
    display: grid;
    place-items: center;
    min-height: 26rem;
    isolation: isolate;
}

.not-found-heritage__visual-glow[b-uqupg7zqq3] {
    position: absolute;
    z-index: -1;
    width: min(26rem, 78vw);
    height: min(26rem, 78vw);
    border-radius: var(--zj-radius-full);
    background: radial-gradient(circle, rgba(var(--zj-primary-rgb), 0.12), transparent 62%);
    filter: blur(1rem);
}

.not-found-heritage__ticket[b-uqupg7zqq3] {
    position: relative;
    display: grid;
    place-items: center;
    width: min(22rem, 78vw);
    min-height: 14rem;
    border: 1px solid rgba(var(--zj-outline-rgb), 0.12);
    border-radius: var(--zj-radius-2xl);
    background: color-mix(in srgb, var(--zj-surface-container-lowest) 54%, transparent);
    box-shadow: 0 1.8rem 4.5rem rgba(var(--zj-secondary-rgb), 0.10);
}

.not-found-heritage__ticket > span[b-uqupg7zqq3] {
    color: rgba(var(--zj-primary-rgb), 0.14);
    font-size: clamp(5.4rem, 12vw, 8.5rem);
    line-height: 1;
    font-weight: 900;
}

.not-found-heritage__search-badge[b-uqupg7zqq3],
.not-found-heritage__menu-badge[b-uqupg7zqq3] {
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1.2rem 2.5rem rgba(var(--zj-secondary-rgb), 0.14);
}

.not-found-heritage__search-badge[b-uqupg7zqq3] {
    inset-block-start: -1.1rem;
    inset-inline-end: -1.2rem;
    width: 4.5rem;
    height: 4.5rem;
    border-radius: var(--zj-radius-xl);
    background: var(--zj-secondary-container);
    color: var(--zj-on-secondary-container);
    transform: rotate(12deg);
}

.not-found-heritage__menu-badge[b-uqupg7zqq3] {
    inset-block-end: -2rem;
    inset-inline-start: -2rem;
    width: 6rem;
    height: 6rem;
    border-radius: var(--zj-radius-full);
    background: var(--brand-gradient);
    color: var(--brand-gradient-ink);
    transform: rotate(-12deg);
}

.not-found-heritage__search-badge .material-symbols-outlined[b-uqupg7zqq3] {
    font-size: 2rem;
}

.not-found-heritage__menu-badge .material-symbols-outlined[b-uqupg7zqq3] {
    font-size: 3rem;
}

.not-found-heritage__copy[b-uqupg7zqq3] {
    display: grid;
    gap: 1.75rem;
    justify-items: start;
}

.not-found-heritage__copy h1[b-uqupg7zqq3] {
    margin: 0;
    color: var(--zj-on-surface);
    font-size: clamp(3.2rem, 7.2vw, 6rem);
    line-height: 1;
    font-weight: 900;
    letter-spacing: 0;
}

.not-found-heritage__copy h1 span[b-uqupg7zqq3] {
    color: var(--zj-primary);
}

.not-found-heritage__copy p[b-uqupg7zqq3] {
    max-width: 34rem;
    margin: 0;
    color: var(--zj-on-surface-variant);
    font-size: clamp(1.05rem, 1.8vw, 1.45rem);
    line-height: 1.8;
    font-weight: 600;
}

.not-found-heritage__actions[b-uqupg7zqq3] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
    width: 100%;
}

.not-found-heritage__actions a[b-uqupg7zqq3],
.not-found-heritage__suggestions a[b-uqupg7zqq3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.7rem;
    min-height: 4rem;
    border-radius: var(--zj-radius-xl);
    font-weight: 900;
    text-decoration: none;
    transition:
        transform var(--zj-transition-fast),
        box-shadow var(--zj-transition-fast),
        background-color var(--zj-transition-fast);
}

.not-found-heritage__primary[b-uqupg7zqq3] {
    min-width: 18rem;
    padding: 1rem 1.5rem;
    background: var(--brand-gradient);
    color: var(--brand-gradient-ink);
    box-shadow: 0 1rem 2.4rem rgba(var(--zj-primary-rgb), 0.20);
}

.not-found-heritage__primary:hover[b-uqupg7zqq3],
.not-found-heritage__primary:focus-visible[b-uqupg7zqq3] {
    color: var(--brand-gradient-ink);
    transform: translateY(-2px);
    box-shadow: 0 1.25rem 2.8rem rgba(var(--zj-primary-rgb), 0.26);
}

.not-found-heritage__secondary[b-uqupg7zqq3] {
    min-width: 15rem;
    padding: 1rem 1.5rem;
    background: var(--zj-surface-container-high);
    color: var(--zj-on-surface);
}

.not-found-heritage__secondary:hover[b-uqupg7zqq3],
.not-found-heritage__secondary:focus-visible[b-uqupg7zqq3] {
    color: var(--zj-on-surface);
    background: var(--zj-surface-container-highest);
    transform: translateY(-1px);
}

.not-found-heritage__suggestions[b-uqupg7zqq3] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    width: min(100%, 30rem);
    padding-top: 1.7rem;
}

.not-found-heritage__suggestions a[b-uqupg7zqq3] {
    min-height: 5.2rem;
    padding: 1rem;
    background: var(--zj-surface-container-low);
    color: var(--zj-on-surface);
    justify-content: flex-start;
}

.not-found-heritage__suggestions a:hover[b-uqupg7zqq3],
.not-found-heritage__suggestions a:focus-visible[b-uqupg7zqq3] {
    color: var(--zj-on-surface);
    background: var(--zj-surface-container);
    transform: translateY(-1px);
}

.not-found-heritage__suggestions .material-symbols-outlined[b-uqupg7zqq3] {
    color: var(--zj-primary);
    font-size: 1.55rem;
}

.not-found-heritage__suggestions strong[b-uqupg7zqq3] {
    font-size: 0.95rem;
}

.not-found-heritage__footer[b-uqupg7zqq3] {
    display: grid;
    justify-items: center;
    gap: 1rem;
    padding: 1.5rem 1rem 2rem;
    text-align: center;
}

.not-found-heritage__footer nav[b-uqupg7zqq3] {
    display: flex;
    justify-content: center;
    gap: 2rem;
    flex-wrap: wrap;
}

.not-found-heritage__footer a[b-uqupg7zqq3] {
    color: var(--zj-on-surface-variant);
    font-size: 0.9rem;
    font-weight: 700;
    text-decoration: none;
}

.not-found-heritage__footer a:hover[b-uqupg7zqq3],
.not-found-heritage__footer a:focus-visible[b-uqupg7zqq3] {
    color: var(--zj-primary);
}

.not-found-heritage__footer p[b-uqupg7zqq3] {
    margin: 0;
    color: var(--zj-on-surface-variant);
    font-size: 0.9rem;
}

@media (max-width: 980px) {
    .not-found-heritage__main[b-uqupg7zqq3] {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .not-found-heritage__copy[b-uqupg7zqq3] {
        justify-items: center;
    }

    .not-found-heritage__actions[b-uqupg7zqq3] {
        justify-content: center;
    }
}

@media (max-width: 640px) {
    .not-found-heritage__top-actions a:first-child[b-uqupg7zqq3] {
        display: none;
    }

    .not-found-heritage__main[b-uqupg7zqq3] {
        padding-inline: 1rem;
    }

    .not-found-heritage__visual[b-uqupg7zqq3] {
        min-height: 18rem;
    }

    .not-found-heritage__ticket[b-uqupg7zqq3] {
        min-height: 11.5rem;
    }

    .not-found-heritage__menu-badge[b-uqupg7zqq3] {
        width: 4.8rem;
        height: 4.8rem;
        inset-inline-start: -0.85rem;
    }

    .not-found-heritage__search-badge[b-uqupg7zqq3] {
        width: 3.8rem;
        height: 3.8rem;
        inset-inline-end: -0.5rem;
    }

    .not-found-heritage__actions a[b-uqupg7zqq3],
    .not-found-heritage__suggestions[b-uqupg7zqq3] {
        width: 100%;
    }

    .not-found-heritage__suggestions[b-uqupg7zqq3] {
        grid-template-columns: 1fr;
    }
}
/* _content/Zajal.Shared/Pages/Notifications.razor.rz.scp.css */
.notifications-page[b-y21tfnwh5m] {
    display: grid;
    gap: 1.25rem;
}

.notifications-page__header[b-y21tfnwh5m] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.notifications-page__mark-all[b-y21tfnwh5m] {
    margin-top: 0.5rem;
    white-space: nowrap;
}

.notifications-page__filters[b-y21tfnwh5m] {
    padding: 0.25rem 0;
}

.notifications-list[b-y21tfnwh5m] {
    display: grid;
    gap: 0.85rem;
}

.notification-card[b-y21tfnwh5m] {
    position: relative;
    direction: ltr;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid rgba(var(--zj-outline-rgb), 0.14);
    border-radius: var(--zj-radius-xl);
    background: var(--zj-surface);
    box-shadow: var(--ambient-shadow-soft);
    transition: transform var(--zj-transition-fast), border-color var(--zj-transition-fast), box-shadow var(--zj-transition-fast);
}

.notification-card:hover[b-y21tfnwh5m] {
    transform: translateY(-0.1rem);
    border-color: rgba(var(--zj-primary-rgb), 0.22);
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.1);
}

.notification-card__icon[b-y21tfnwh5m] {
    width: 3rem;
    height: 3rem;
    border-radius: var(--zj-radius-xl);
    display: grid;
    place-items: center;
    font-size: 1.45rem;
}

.notification-card__icon--order[b-y21tfnwh5m] {
    color: var(--zj-primary);
    background: rgba(var(--zj-primary-rgb), 0.1);
}

.notification-card__icon--complaint[b-y21tfnwh5m] {
    color: var(--zj-error);
    background: rgba(var(--zj-error-rgb), 0.1);
}

.notification-card__icon--inventory[b-y21tfnwh5m] {
    color: #f59e0b;
    background: rgba(245, 158, 11, 0.12);
}

.notification-card__icon--system[b-y21tfnwh5m] {
    color: var(--zj-secondary);
    background: rgba(var(--zj-secondary-rgb), 0.1);
}

.notification-card__body[b-y21tfnwh5m] {
    direction: rtl;
    min-width: 0;
    display: grid;
    gap: 0.35rem;
}

.notification-card__title-row[b-y21tfnwh5m] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.75rem;
}

.notification-card__title-row h2[b-y21tfnwh5m] {
    margin: 0;
    color: var(--zj-on-surface);
    font-size: 1rem;
    font-weight: 900;
    line-height: 1.35;
}

.notification-card__title-row time[b-y21tfnwh5m] {
    color: var(--zj-on-surface-variant);
    font-size: 0.78rem;
    font-weight: 700;
    white-space: nowrap;
}

.notification-card__body p[b-y21tfnwh5m] {
    margin: 0;
    color: var(--zj-on-surface-variant);
    font-size: 0.9rem;
    line-height: 1.65;
}

.notification-card__unread-dot[b-y21tfnwh5m] {
    position: absolute;
    top: 1rem;
    inset-inline-end: 1rem;
    width: 0.55rem;
    height: 0.55rem;
    border-radius: var(--zj-radius-full);
    background: var(--zj-primary);
    box-shadow: 0 0 0 0.25rem rgba(var(--zj-primary-rgb), 0.12);
}

.notification-card__action[b-y21tfnwh5m] {
    direction: rtl;
    min-width: 6.5rem;
    justify-content: center;
}

.notifications-page__more[b-y21tfnwh5m] {
    display: flex;
    justify-content: center;
    padding-block: 0.5rem 1rem;
}

@media (max-width: 720px) {
    .notification-card[b-y21tfnwh5m] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .notification-card__action[b-y21tfnwh5m] {
        grid-column: 1 / -1;
        width: 100%;
    }

    .notifications-page__mark-all[b-y21tfnwh5m] {
        width: 100%;
        justify-content: center;
    }
}
/* _content/Zajal.Shared/Pages/Retail/RetailPos.razor.rz.scp.css */
.retail-pos[b-uxz70esyat] { max-width:1400px; margin:auto; padding:1.25rem; }
header[b-uxz70esyat],nav[b-uxz70esyat],.search>div[b-uxz70esyat],.package[b-uxz70esyat],.cart-line[b-uxz70esyat],dl>div[b-uxz70esyat] { display:flex; align-items:center; justify-content:space-between; gap:.75rem; }
header[b-uxz70esyat] { margin-bottom:1.5rem; } h1[b-uxz70esyat] { margin:.25rem 0; } h2[b-uxz70esyat] { font-size:1.1rem; } p[b-uxz70esyat] { color:var(--text-secondary,#64748b); }
.pos-columns[b-uxz70esyat] { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(320px,1fr); gap:1.5rem; align-items:start; }

.search input[b-uxz70esyat] { flex:1; width:100%; } .products[b-uxz70esyat] { display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:1rem; margin:1rem 0; }
article[b-uxz70esyat],aside[b-uxz70esyat],.empty[b-uxz70esyat] { padding:1rem; border:1px solid var(--border-color,#e2e8f0); border-radius:.75rem; background:var(--surface-color,#fff); }
.package[b-uxz70esyat] { width:100%; margin-top:.75rem; padding:.65rem; border:1px solid var(--border-color,#e2e8f0); border-radius:.5rem; background:transparent; color:inherit; text-align:start; cursor:pointer; }
small[b-uxz70esyat] { display:block; color:var(--text-secondary,#64748b); font-size:.8rem; } .package strong[b-uxz70esyat] { white-space:nowrap; } button:disabled[b-uxz70esyat] { opacity:.5; cursor:default; }
.cart-line[b-uxz70esyat] { padding:.75rem 0; border-bottom:1px solid var(--border-color,#e2e8f0); } .cart-line>div[b-uxz70esyat] { flex:1; min-width:0; overflow-wrap:anywhere; }
dl>div[b-uxz70esyat] { padding:.5rem 0; } dd[b-uxz70esyat] { margin:0; } .total[b-uxz70esyat] { font-size:1.1rem; font-weight:700; border-top:1px solid var(--border-color,#e2e8f0); }
fieldset[b-uxz70esyat] { border:0; padding:0; margin:1rem 0; } fieldset>label[b-uxz70esyat] { display:block; margin:.6rem 0; }  .checkout[b-uxz70esyat] { width:100%; margin-bottom:.75rem; } nav[b-uxz70esyat] { justify-content:center; }
@media(max-width:800px) { .pos-columns[b-uxz70esyat] { grid-template-columns:minmax(0,1fr); } .retail-pos[b-uxz70esyat] { padding:.75rem; } .products[b-uxz70esyat] { grid-template-columns:repeat(auto-fill,minmax(160px,1fr)); } header[b-uxz70esyat] { align-items:start; } .search>div[b-uxz70esyat] { flex-wrap:wrap; } }
/* _content/Zajal.Shared/Pages/Retail/RetailSales.razor.rz.scp.css */
.sales[b-2vnbp0anlw] { display:grid; gap:1.25rem; max-width:100rem; min-width:0; margin-inline:auto; padding:clamp(.75rem,2vw,1.75rem); color:var(--zj-on-surface); font-family:var(--zj-font-body,'Cairo',sans-serif); }
.sales[b-2vnbp0anlw]  .zj-page-header { margin:0; }
.sales[b-2vnbp0anlw]  .zj-page-header .btn-primary { background:var(--zj-ds-action-background); color:var(--zj-ds-action-foreground); }
.sales[b-2vnbp0anlw]  .zj-page-header__title { font-size:clamp(1.75rem,2.3vw,2.25rem); line-height:1.5; }
.sales-badge[b-2vnbp0anlw],.sales-state[b-2vnbp0anlw] { display:inline-block; padding:.3rem .7rem; border:1px solid var(--zj-outline-variant); border-radius:2rem; color:var(--zj-on-primary-container); background:var(--zj-primary-container); font-weight:700; }
.sales-state--refunded[b-2vnbp0anlw] { color:var(--zj-error); background:var(--zj-surface-container-low); border-color:var(--zj-error); }
.sales-region[b-2vnbp0anlw] { min-width:0; border:1px solid var(--zj-outline-variant); border-radius:1rem; background:var(--zj-surface-container-lowest); }
.sales-heading[b-2vnbp0anlw] { display:flex; flex-wrap:wrap; align-items:center; gap:.75rem; padding:1rem 1.25rem; border-bottom:1px solid var(--zj-outline-variant); border-radius:1rem 1rem 0 0; background:color-mix(in srgb,var(--zj-primary) 9%,var(--zj-surface-container-lowest)); }
.sales-heading h2[b-2vnbp0anlw] { flex:1; margin:0; font-size:clamp(1.35rem,1.8vw,1.75rem); font-weight:800; line-height:1.6; overflow-wrap:anywhere; }
.sales-heading>span:last-child[b-2vnbp0anlw] { color:var(--zj-on-surface-variant); }
.sales-filters[b-2vnbp0anlw] { padding:1.25rem; }
.sales[b-2vnbp0anlw]  :is(button,a,input[type=checkbox],[tabindex]):focus-visible { outline:3px solid var(--zj-primary); outline-offset:3px; }
.sales-note[b-2vnbp0anlw] { margin:.5rem 0 1rem; color:var(--zj-on-surface-variant); line-height:1.8; }
.sales-section-title[b-2vnbp0anlw] { margin:0; font-size:1.5rem; font-weight:800; line-height:1.6; }
.sales-totals[b-2vnbp0anlw] { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,25rem),1fr)); gap:1rem; }
.sales-total[b-2vnbp0anlw] { min-width:0; padding:1.25rem; border:1px solid var(--zj-outline-variant); border-radius:.9rem; background:var(--zj-surface-container-lowest); }
.sales-total h3[b-2vnbp0anlw] { margin:0 0 1rem; font-size:1.125rem; font-weight:800; color:var(--zj-on-surface); }
.sales-total dl[b-2vnbp0anlw] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.75rem; margin:0; }
.sales-total dl>div[b-2vnbp0anlw] { min-width:0; padding:.75rem; border:1px solid var(--zj-outline-variant); border-radius:.65rem; background:var(--zj-surface-container-low); }
.sales-total dt[b-2vnbp0anlw] { font-size:.85rem; font-weight:700; }
.sales-total dt span[b-2vnbp0anlw] { display:block; margin-block:.35rem; color:var(--zj-on-surface-variant); font-weight:400; }
.sales-total dd[b-2vnbp0anlw] { margin:.5rem 0 0; font-size:1.125rem; font-weight:800; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.sales-total__refund dd[b-2vnbp0anlw] { color:var(--zj-error); }
.sales-total__net dd[b-2vnbp0anlw] { color:var(--zj-on-surface); }
.sales-table-scroll[b-2vnbp0anlw] { max-width:100%; overflow:auto; border-radius:0 0 .5rem .5rem; }
.sales table[b-2vnbp0anlw] { width:100%; border-collapse:collapse; }
.sales th[b-2vnbp0anlw],.sales td[b-2vnbp0anlw] { padding:.9rem 1rem; text-align:start; border-bottom:1px solid var(--zj-outline-variant); vertical-align:middle; }
.sales th[b-2vnbp0anlw] { background:var(--zj-surface-container-low); font-size:.9rem; font-weight:800; white-space:nowrap; }
.sales td:nth-child(3)[b-2vnbp0anlw] { min-width:9rem; max-width:20rem; overflow-wrap:anywhere; }
.sales td:nth-child(4)[b-2vnbp0anlw],.sales td:nth-child(2)[b-2vnbp0anlw] { white-space:nowrap; }
.sales-pages[b-2vnbp0anlw] { display:flex; justify-content:center; align-items:center; gap:1rem; flex-wrap:wrap; padding:1rem; }
.sales-message[b-2vnbp0anlw] { margin:0; padding:1rem; border:1px solid var(--zj-outline-variant); border-radius:.75rem; color:var(--zj-on-surface); background:var(--zj-surface-container-low); line-height:1.8; overflow-wrap:anywhere; }
.sales-message--error[b-2vnbp0anlw] { border-inline-start:4px solid var(--zj-error); color:var(--zj-error); }
.sales-message--success[b-2vnbp0anlw] { border-inline-start:4px solid var(--zj-primary); }
.sales-details[b-2vnbp0anlw] { padding:1.25rem; }
.sales-references[b-2vnbp0anlw] { display:flex; flex-wrap:wrap; gap:1rem; margin:0; color:var(--zj-on-surface-variant); }
.sales-references>div[b-2vnbp0anlw] { flex:1 1 15rem; min-width:0; }
.sales-references dt[b-2vnbp0anlw] { font-weight:700; }
.sales-references dd[b-2vnbp0anlw] { margin:.4rem 0; overflow-wrap:anywhere; font-size:.9rem; }
.sales-details[b-2vnbp0anlw]  .retail-receipt { background:var(--zj-surface-container-lowest); color:var(--zj-on-surface); border-color:var(--zj-outline-variant); max-width:42rem; }
.sales-details[b-2vnbp0anlw]  .retail-receipt small { color:var(--zj-on-surface-variant); }
.sales-details[b-2vnbp0anlw]  .retail-receipt header>strong { color:var(--zj-on-surface); }
.sales-refund-action[b-2vnbp0anlw] { display:flex; justify-content:space-between; gap:1rem; align-items:center; flex-wrap:wrap; padding:1rem; border:1px solid var(--zj-outline-variant); border-radius:.75rem; }
.sales-refund-action p[b-2vnbp0anlw] { flex:1 1 20rem; margin:0; line-height:1.8; }
.sales-modal-backdrop[b-2vnbp0anlw] { position:fixed; inset:0; background:#0008; z-index:1000; }
.sales-modal[b-2vnbp0anlw] { position:fixed; inset-block:50% auto; inset-inline:0; transform:translateY(-50%); width:min(44rem,calc(100% - 2rem)); max-height:calc(100dvh - 2rem); margin-inline:auto; display:flex; flex-direction:column; min-width:0; overflow:auto; border:1px solid var(--zj-outline-variant); border-radius:1rem; background:var(--zj-surface-container-lowest); z-index:1001; overscroll-behavior:contain; }
.sales-modal-body[b-2vnbp0anlw] { display:grid; gap:1rem; min-height:0; padding:1.25rem; overflow:auto; }
.sales-modal-body p[b-2vnbp0anlw] { margin:0; line-height:1.8; }
.sales-modal-body a[b-2vnbp0anlw] { color:var(--zj-on-surface); text-decoration:underline; text-underline-offset:.2em; }
.sales-refund-values[b-2vnbp0anlw] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; padding:1rem; margin:0; border:1px solid var(--zj-outline-variant); border-radius:.75rem; background:var(--zj-surface-container-low); }
.sales-refund-values dd[b-2vnbp0anlw] { margin:.5rem 0 0; font-weight:800; overflow-wrap:anywhere; }
.sales-modal-body .sales-confirm[b-2vnbp0anlw] { display:flex; align-items:start; flex-direction:row; gap:.75rem; line-height:1.8; }
.sales-confirm input[b-2vnbp0anlw] { width:1.2rem; height:1.2rem; flex-shrink:0; margin-top:.35rem; accent-color:var(--zj-error); }
.sales-modal-footer[b-2vnbp0anlw] { display:flex; flex-wrap:wrap; justify-content:space-between; gap:1rem; padding:1.25rem; border-top:1px solid var(--zj-outline-variant); }
@media(max-width:600px) { .sales-filters[b-2vnbp0anlw] { padding:1rem; } .sales-total dl[b-2vnbp0anlw] { grid-template-columns:1fr; } .sales-modal[b-2vnbp0anlw] { width:calc(100% - 1rem); max-height:calc(100dvh - 1rem); } .sales-refund-values[b-2vnbp0anlw] { grid-template-columns:1fr; } .sales-modal-footer[b-2vnbp0anlw]  .zj-btn { width:100%; } }
/* _content/Zajal.Shared/Pages/Staff/Shift.razor.rz.scp.css */
.staff-shift[b-aoinbryzfb] {
    gap: 1.5rem;
}

.staff-shift__hero[b-aoinbryzfb] {
    min-height: 28rem;
    grid-template-columns: minmax(0, 1fr);
    place-items: center;
    padding: clamp(1.5rem, 4vw, 3rem);
    background:
        radial-gradient(circle at 15% 20%, rgba(var(--zj-primary-rgb), 0.12), transparent 34%),
        var(--zj-surface-container-low);
}

.staff-shift__start-panel[b-aoinbryzfb],
.staff-shift__active-panel[b-aoinbryzfb] {
    width: min(100%, 46rem);
    display: grid;
    justify-items: center;
    gap: 1rem;
    text-align: center;
}

.staff-shift__loading[b-aoinbryzfb] {
    min-height: 16rem;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 1rem;
    color: var(--zj-on-surface-variant);
    font-weight: 800;
}

.staff-shift__start-panel h1[b-aoinbryzfb],
.staff-shift__active-panel h1[b-aoinbryzfb] {
    margin: 0;
    color: var(--zj-on-surface);
    font-size: clamp(2rem, 5vw, 3.5rem);
    font-weight: 950;
    line-height: 1.08;
}

.staff-shift__start-panel p[b-aoinbryzfb] {
    margin: 0;
    color: var(--zj-on-surface-variant);
    max-width: 34rem;
    line-height: 1.8;
}

.staff-shift__start-button[b-aoinbryzfb] {
    width: 14rem;
    height: 14rem;
    margin-top: 1rem;
    border: 0;
    border-radius: var(--zj-radius-full);
    background: var(--zj-primary-container, #0369a1);
    color: var(--zj-on-primary-container, #fff);
    display: grid;
    place-items: center;
    align-content: center;
    gap: 0.4rem;
    box-shadow: 0 28px 68px rgba(var(--zj-primary-rgb), 0.28);
    cursor: pointer;
    transition: transform var(--zj-transition-fast), box-shadow var(--zj-transition-fast);
}

.staff-shift__start-button:hover[b-aoinbryzfb] {
    transform: translateY(-0.25rem) scale(1.02);
    box-shadow: 0 34px 82px rgba(var(--zj-primary-rgb), 0.34);
}

.staff-shift__start-button .material-symbols-outlined[b-aoinbryzfb] {
    font-size: 4.25rem;
}

.staff-shift__start-button strong[b-aoinbryzfb] {
    font-size: 1.3rem;
    font-weight: 950;
}

.staff-shift__timer[b-aoinbryzfb] {
    color: var(--zj-on-surface);
    font-size: clamp(3rem, 9vw, 4rem);
    font-weight: 950;
    line-height: 1;
    direction: ltr;
    font-variant-numeric: tabular-nums;
}

.staff-shift__active-meta[b-aoinbryzfb] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    color: var(--zj-on-surface-variant);
    font-weight: 750;
}

.staff-shift__end-button[b-aoinbryzfb] {
    margin-top: 0.5rem;
    min-width: 13rem;
    justify-content: center;
}

.staff-shift__hold-button > small[b-aoinbryzfb] { color: inherit; }

.staff-shift__stats[b-aoinbryzfb] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.staff-shift__history[b-aoinbryzfb] {
    padding: 1rem;
}

.staff-shift__table-wrap[b-aoinbryzfb] {
    overflow-x: auto;
}

.staff-shift__table[b-aoinbryzfb] {
    min-width: 42rem;
}

@media (max-width: 760px) {
    .staff-shift__stats[b-aoinbryzfb] {
        grid-template-columns: 1fr;
    }

    .staff-shift__hero[b-aoinbryzfb] {
        min-height: 24rem;
    }

    .staff-shift__start-button[b-aoinbryzfb] {
        width: 11.5rem;
        height: 11.5rem;
    }
}

.staff-shift__fields[b-aoinbryzfb] { width: min(100%, 24rem); margin-inline: auto; }
/* _content/Zajal.Shared/Pages/Static/About.razor.rz.scp.css */
.heritage-about[b-ef8jlxks0l] {
    min-height: 100vh;
    background: var(--zj-surface);
    color: var(--zj-on-surface);
}

.heritage-about__topbar[b-ef8jlxks0l] {
    position: sticky;
    top: 0;
    z-index: 20;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 1rem;
    min-height: 4.75rem;
    padding: 1rem clamp(1.25rem, 4vw, 2rem);
    background: color-mix(in srgb, var(--zj-surface) 86%, transparent);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-bottom: 1px solid rgba(var(--zj-outline-rgb), 0.08);
}

.heritage-about__brand[b-ef8jlxks0l] {
    justify-self: start;
    color: var(--zj-primary);
    font-size: 1.45rem;
    font-weight: 900;
    text-decoration: none;
}

.heritage-about__nav[b-ef8jlxks0l] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(1rem, 4vw, 3rem);
}

.heritage-about__nav a[b-ef8jlxks0l] {
    position: relative;
    padding: 0.45rem 0.2rem;
    color: var(--zj-on-surface-variant);
    font-size: 0.95rem;
    font-weight: 700;
    text-decoration: none;
    transition: color var(--zj-transition-fast);
}

.heritage-about__nav a:hover[b-ef8jlxks0l],
.heritage-about__nav a:focus-visible[b-ef8jlxks0l],
.heritage-about__nav a.is-active[b-ef8jlxks0l] {
    color: var(--zj-primary);
}

.heritage-about__nav a.is-active[b-ef8jlxks0l]::after {
    content: "";
    position: absolute;
    inset-inline: 0;
    inset-block-end: 0;
    height: 2px;
    border-radius: var(--zj-radius-full);
    background: var(--zj-primary);
}

.heritage-about__actions[b-ef8jlxks0l] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.35rem;
}

.heritage-about__actions a[b-ef8jlxks0l] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.6rem;
    height: 2.6rem;
    border-radius: var(--zj-radius-full);
    color: var(--zj-on-surface-variant);
    text-decoration: none;
    transition:
        background-color var(--zj-transition-fast),
        color var(--zj-transition-fast);
}

.heritage-about__actions a:hover[b-ef8jlxks0l],
.heritage-about__actions a:focus-visible[b-ef8jlxks0l] {
    background: var(--zj-surface-container);
    color: var(--zj-primary);
}

.heritage-about__main[b-ef8jlxks0l] {
    width: min(100%, 74rem);
    margin: 0 auto;
    padding: clamp(2rem, 5vw, 4rem) clamp(1.25rem, 4vw, 2rem) 0;
}

.heritage-about__hero[b-ef8jlxks0l] {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(18rem, 0.95fr);
    align-items: start;
    gap: clamp(2rem, 5vw, 4rem);
}

.heritage-about__copy[b-ef8jlxks0l] {
    display: flex;
    flex-direction: column;
    gap: 1.75rem;
}

.heritage-about__eyebrow[b-ef8jlxks0l] {
    color: var(--zj-primary);
    font-size: 0.92rem;
    font-weight: 900;
}

.heritage-about__copy h1[b-ef8jlxks0l] {
    max-width: 45rem;
    margin: 0;
    color: var(--zj-on-surface);
    font-size: clamp(2.5rem, 6.5vw, 5.8rem);
    line-height: 0.98;
    font-weight: 900;
    letter-spacing: 0;
}

.heritage-about__copy > p[b-ef8jlxks0l] {
    max-width: 45rem;
    margin: 0;
    color: var(--zj-on-surface-variant);
    font-size: clamp(1rem, 1.6vw, 1.25rem);
    line-height: 1.9;
    font-weight: 500;
}

.heritage-about__features[b-ef8jlxks0l] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.35rem;
    margin-top: 0.75rem;
}

.heritage-about__features article[b-ef8jlxks0l] {
    display: grid;
    gap: 0.75rem;
    min-height: 13rem;
    padding: clamp(1.4rem, 3vw, 2rem);
    border-radius: var(--zj-radius-2xl);
    background: var(--zj-surface-container-low);
}

.heritage-about__features .material-symbols-outlined[b-ef8jlxks0l] {
    color: var(--zj-primary);
    font-size: 2.2rem;
}

.heritage-about__features h2[b-ef8jlxks0l] {
    margin: 0;
    color: var(--zj-on-surface);
    font-size: 1.2rem;
    font-weight: 900;
}

.heritage-about__features p[b-ef8jlxks0l],
.heritage-about__stats p[b-ef8jlxks0l],
.heritage-about__cta p[b-ef8jlxks0l],
.heritage-about__footer p[b-ef8jlxks0l] {
    margin: 0;
    color: var(--zj-on-surface-variant);
    line-height: 1.75;
    font-weight: 500;
}

.heritage-about__visual[b-ef8jlxks0l] {
    position: relative;
    min-height: 29rem;
    margin-top: 0.8rem;
}

.heritage-about__visual > img[b-ef8jlxks0l] {
    width: 100%;
    height: min(70vh, 32rem);
    object-fit: cover;
    border-radius: var(--zj-radius-3xl);
    filter: sepia(0.1) saturate(0.92) contrast(1.04);
    box-shadow: 0 2rem 5rem rgba(var(--zj-secondary-rgb), 0.16);
    transform: rotate(1.5deg);
    transition:
        transform var(--zj-transition-slow),
        box-shadow var(--zj-transition-slow);
}

.heritage-about__visual:hover > img[b-ef8jlxks0l] {
    transform: rotate(0deg);
    box-shadow: 0 2.4rem 5.5rem rgba(var(--zj-secondary-rgb), 0.2);
}

.heritage-about__version[b-ef8jlxks0l] {
    position: absolute;
    inset-inline-end: -2rem;
    inset-block-end: 1.5rem;
    width: min(17rem, 72%);
    padding: 1.35rem;
    border: 1px solid rgba(255, 255, 255, 0.58);
    border-radius: var(--zj-radius-2xl);
    background: color-mix(in srgb, var(--zj-surface-container-lowest) 78%, transparent);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    box-shadow: 0 1.3rem 3rem rgba(var(--zj-secondary-rgb), 0.14);
}

.heritage-about__version div[b-ef8jlxks0l] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    margin-bottom: 0.55rem;
}

.heritage-about__version .material-symbols-outlined[b-ef8jlxks0l] {
    color: var(--zj-primary);
    font-variation-settings: "FILL" 1;
}

.heritage-about__version strong[b-ef8jlxks0l] {
    color: var(--zj-on-surface);
    font-weight: 900;
}

.heritage-about__version p[b-ef8jlxks0l] {
    margin: 0;
    color: var(--zj-on-surface-variant);
    font-size: 0.8rem;
    line-height: 1.65;
}

.heritage-about__stats[b-ef8jlxks0l] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.5rem;
    margin-top: clamp(4rem, 8vw, 6rem);
}

.heritage-about__stats article[b-ef8jlxks0l] {
    display: grid;
    gap: 0.45rem;
    justify-items: center;
    padding: 1.5rem 1.25rem;
    text-align: center;
}

.heritage-about__stats article + article[b-ef8jlxks0l] {
    border-inline-start: 1px solid rgba(var(--zj-outline-rgb), 0.10);
}

.heritage-about__stats strong[b-ef8jlxks0l] {
    color: rgba(var(--zj-primary-rgb), 0.16);
    font-size: clamp(3rem, 6vw, 4.7rem);
    line-height: 1;
    font-weight: 900;
}

.heritage-about__stats h2[b-ef8jlxks0l] {
    margin: 0;
    color: var(--zj-on-surface);
    font-size: 1.1rem;
    font-weight: 900;
}

.heritage-about__stats p[b-ef8jlxks0l] {
    max-width: 17rem;
    font-size: 0.9rem;
}

.heritage-about__cta[b-ef8jlxks0l] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 2rem;
    margin-top: clamp(4rem, 8vw, 6rem);
    padding: clamp(2rem, 5vw, 3.4rem);
    overflow: hidden;
    border-radius: var(--zj-radius-3xl);
    background: var(--brand-gradient);
    color: var(--brand-gradient-ink);
    box-shadow: 0 1.6rem 4rem rgba(var(--zj-primary-rgb), 0.18);
}

.heritage-about__cta h2[b-ef8jlxks0l] {
    margin: 0 0 1rem;
    color: var(--brand-gradient-ink);
    font-size: clamp(1.8rem, 3.8vw, 3rem);
    font-weight: 900;
    letter-spacing: 0;
}

.heritage-about__cta p[b-ef8jlxks0l] {
    max-width: 46rem;
    color: color-mix(in srgb, var(--brand-gradient-ink) 86%, transparent);
    font-size: 1rem;
}

.heritage-about__cta-actions[b-ef8jlxks0l] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.heritage-about__cta-actions a[b-ef8jlxks0l] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 8.5rem;
    min-height: 3.25rem;
    padding: 0.8rem 1.25rem;
    border-radius: var(--zj-radius-lg);
    font-weight: 900;
    text-decoration: none;
}

.heritage-about__cta-primary[b-ef8jlxks0l] {
    background: var(--zj-surface);
    color: var(--zj-primary);
}

.heritage-about__cta-secondary[b-ef8jlxks0l] {
    border: 1px solid color-mix(in srgb, var(--brand-gradient-ink) 38%, transparent);
    color: var(--brand-gradient-ink);
}

.heritage-about__footer[b-ef8jlxks0l] {
    display: grid;
    justify-items: center;
    gap: 1rem;
    padding: 4rem 1rem 2rem;
    text-align: center;
}

.heritage-about__footer nav[b-ef8jlxks0l] {
    display: flex;
    gap: 2rem;
    flex-wrap: wrap;
    justify-content: center;
}

.heritage-about__footer a[b-ef8jlxks0l] {
    color: var(--zj-on-surface-variant);
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 700;
}

.heritage-about__footer a:hover[b-ef8jlxks0l],
.heritage-about__footer a:focus-visible[b-ef8jlxks0l] {
    color: var(--zj-primary);
}

@media (max-width: 980px) {
    .heritage-about__topbar[b-ef8jlxks0l] {
        grid-template-columns: auto 1fr auto;
    }

    .heritage-about__nav[b-ef8jlxks0l] {
        display: none;
    }

    .heritage-about__hero[b-ef8jlxks0l],
    .heritage-about__cta[b-ef8jlxks0l] {
        grid-template-columns: 1fr;
    }

    .heritage-about__visual[b-ef8jlxks0l] {
        order: -1;
    }

    .heritage-about__features[b-ef8jlxks0l],
    .heritage-about__stats[b-ef8jlxks0l] {
        grid-template-columns: 1fr;
    }

    .heritage-about__stats article + article[b-ef8jlxks0l] {
        border-inline-start: 0;
        border-top: 1px solid rgba(var(--zj-outline-rgb), 0.10);
    }

    .heritage-about__cta-actions[b-ef8jlxks0l] {
        flex-wrap: wrap;
    }
}

@media (max-width: 640px) {
    .heritage-about__actions a:nth-child(2)[b-ef8jlxks0l],
    .heritage-about__actions a:nth-child(3)[b-ef8jlxks0l] {
        display: none;
    }

    .heritage-about__main[b-ef8jlxks0l] {
        padding-inline: 1rem;
    }

    .heritage-about__visual[b-ef8jlxks0l] {
        min-height: 23rem;
    }

    .heritage-about__visual > img[b-ef8jlxks0l] {
        height: 24rem;
        transform: none;
    }

    .heritage-about__version[b-ef8jlxks0l] {
        inset-inline: 1rem auto;
        inset-block-end: 1rem;
        width: calc(100% - 2rem);
    }

    .heritage-about__cta-actions a[b-ef8jlxks0l] {
        width: 100%;
    }
}
/* _content/Zajal.Shared/Pages/Static/ContactUs.razor.rz.scp.css */
.heritage-contact[b-0wyyjh5473] {
    min-height: 100vh;
    background:
        radial-gradient(circle at 12% 20%, rgba(var(--zj-primary-rgb), 0.08), transparent 26rem),
        linear-gradient(180deg, var(--zj-background) 0%, var(--zj-surface-container-lowest) 100%);
    color: var(--zj-on-surface);
    direction: rtl;
    padding-block: 1rem 2.5rem;
    overflow-x: clip;
}

.heritage-contact__topbar[b-0wyyjh5473] {
    width: min(100% - 2.5rem, 74rem);
    margin-inline: auto;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 1.5rem;
    min-height: 3.25rem;
}

.heritage-contact__brand[b-0wyyjh5473] {
    justify-self: start;
    color: var(--zj-primary);
    text-decoration: none;
    font-size: clamp(1.35rem, 2vw, 1.75rem);
    font-weight: 800;
}

.heritage-contact__nav[b-0wyyjh5473] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(1.25rem, 3vw, 2.5rem);
}

.heritage-contact__nav a[b-0wyyjh5473],
.heritage-contact__footer a[b-0wyyjh5473] {
    color: var(--zj-on-surface-variant);
    text-decoration: none;
    font-weight: 600;
    line-height: 1;
    padding: 0.5rem 0.35rem;
    border-bottom: 2px solid transparent;
    transition: color 160ms ease, border-color 160ms ease;
}

.heritage-contact__nav a:hover[b-0wyyjh5473],
.heritage-contact__nav a.is-active[b-0wyyjh5473],
.heritage-contact__footer a:hover[b-0wyyjh5473],
.heritage-contact__footer a.is-active[b-0wyyjh5473] {
    color: var(--zj-primary);
    border-color: var(--zj-primary);
}

.heritage-contact__actions[b-0wyyjh5473] {
    justify-self: end;
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
}

.heritage-contact__actions a[b-0wyyjh5473] {
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--zj-on-surface-variant);
    background: color-mix(in srgb, var(--zj-surface-container-low) 82%, transparent);
    text-decoration: none;
    transition: transform 160ms ease, color 160ms ease, background 160ms ease;
}

.heritage-contact__actions a:hover[b-0wyyjh5473] {
    color: var(--zj-primary);
    background: color-mix(in srgb, var(--zj-primary) 12%, var(--zj-surface-container-lowest));
    transform: translateY(-1px);
}

.heritage-contact__main[b-0wyyjh5473] {
    width: min(100% - 2.5rem, 74rem);
    margin: 0 auto;
    padding-block: 2rem 2rem;
}

.heritage-contact__hero[b-0wyyjh5473] {
    max-width: 42rem;
    margin-inline-start: auto;
    text-align: right;
    margin-block-end: 2rem;
}

.heritage-contact__hero h1[b-0wyyjh5473] {
    margin: 0;
    color: var(--zj-primary);
    font-size: clamp(2.25rem, 4.5vw, 3.5rem);
    font-weight: 900;
    line-height: 1.05;
    letter-spacing: 0;
}

.heritage-contact__hero p[b-0wyyjh5473] {
    margin: 0.85rem 0 0;
    color: var(--zj-on-surface-variant);
    font-size: clamp(0.95rem, 1.2vw, 1.1rem);
    line-height: 1.7;
}

.heritage-contact__grid[b-0wyyjh5473] {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(18rem, 1fr);
    gap: 1.75rem;
    align-items: start;
}

.heritage-contact__form-panel[b-0wyyjh5473] {
    background: var(--zj-surface-container);
    border-radius: var(--zj-radius-2xl);
    padding: 2rem 2.25rem;
    min-height: auto;
}

.heritage-contact__form[b-0wyyjh5473] {
    display: grid;
    gap: 1.15rem;
}

.heritage-contact__form h2[b-0wyyjh5473],
.heritage-contact__success h2[b-0wyyjh5473] {
    margin: 0 0 0.5rem;
    color: var(--zj-on-surface);
    font-size: 1.4rem;
    font-weight: 800;
}

.heritage-contact__submit[b-0wyyjh5473],
.heritage-contact__reset[b-0wyyjh5473] {
    justify-self: start;
    min-width: 9.5rem;
    min-height: 2.85rem;
    height: 2.85rem;
    border-radius: var(--zj-radius-lg);
    padding-inline: 1.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    font-size: 0.95rem;
    font-weight: 700;
    background: linear-gradient(135deg, var(--zj-primary), var(--zj-primary-container));
    border: none;
    box-shadow: 0 0.5rem 1.25rem rgba(var(--zj-primary-rgb), 0.22);
}

.heritage-contact__submit:disabled[b-0wyyjh5473] {
    opacity: 0.75;
    cursor: progress;
}

.heritage-contact__info[b-0wyyjh5473] {
    display: grid;
    gap: 1rem;
}

.heritage-contact__info-card[b-0wyyjh5473] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 1.15rem;
    align-items: center;
    background: var(--zj-surface-container-low);
    border-radius: var(--zj-radius-xl);
    padding: 1rem 1.35rem;
}

.heritage-contact__info-card > .material-symbols-outlined[b-0wyyjh5473] {
    width: 2.85rem;
    height: 2.85rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: color-mix(in srgb, var(--zj-primary) 12%, var(--zj-surface-container-lowest));
    color: var(--zj-primary);
    font-size: 1.4rem;
}

.heritage-contact__info-card:nth-child(2) > .material-symbols-outlined[b-0wyyjh5473] {
    background: color-mix(in srgb, var(--zj-secondary) 13%, var(--zj-surface-container-lowest));
    color: var(--zj-secondary);
}

.heritage-contact__info-card:nth-child(3) > .material-symbols-outlined[b-0wyyjh5473] {
    background: color-mix(in srgb, var(--zj-tertiary) 13%, var(--zj-surface-container-lowest));
    color: var(--zj-tertiary);
}

.heritage-contact__info-card h2[b-0wyyjh5473] {
    margin: 0 0 0.2rem;
    color: var(--zj-on-surface);
    font-size: 0.95rem;
    font-weight: 800;
}

.heritage-contact__info-card p[b-0wyyjh5473] {
    margin: 0;
    color: var(--zj-on-surface-variant);
    font-size: 0.85rem;
    line-height: 1.6;
}

.heritage-contact__map[b-0wyyjh5473] {
    position: relative;
    min-height: 8.5rem;
    overflow: hidden;
    border-radius: var(--zj-radius-xl);
    background:
        linear-gradient(115deg, rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0.35) 40%, transparent 41%),
        linear-gradient(145deg, var(--zj-surface-container-high), var(--zj-surface-container-low));
}

.heritage-contact__map[b-0wyyjh5473]::before,
.heritage-contact__map[b-0wyyjh5473]::after,
.heritage-contact__map-lines[b-0wyyjh5473] {
    content: "";
    position: absolute;
    inset: -12%;
    opacity: 0.55;
    background:
        linear-gradient(23deg, transparent 46%, rgba(255, 255, 255, 0.58) 47%, rgba(255, 255, 255, 0.58) 48%, transparent 49%),
        linear-gradient(155deg, transparent 45%, rgba(255, 255, 255, 0.45) 46%, rgba(255, 255, 255, 0.45) 47%, transparent 48%),
        repeating-linear-gradient(12deg, transparent 0 1.9rem, rgba(255, 255, 255, 0.3) 2rem 2.1rem);
}

.heritage-contact__map[b-0wyyjh5473]::after {
    transform: rotate(-18deg) scale(1.12);
    opacity: 0.28;
}

.heritage-contact__map-pin[b-0wyyjh5473] {
    position: absolute;
    inset: 45% auto auto 50%;
    transform: translate(-50%, -50%);
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--zj-primary);
    color: var(--zj-on-primary);
    box-shadow: 0 0.5rem 1.5rem rgba(var(--zj-primary-rgb), 0.26);
    z-index: 2;
    font-size: 1.35rem;
}

.heritage-contact__map strong[b-0wyyjh5473] {
    position: absolute;
    right: 1rem;
    bottom: 0.85rem;
    z-index: 2;
    background: color-mix(in srgb, var(--zj-background) 82%, transparent);
    color: var(--zj-primary);
    border-radius: 0.4rem;
    padding: 0.45rem 0.85rem;
    font-size: 0.8rem;
    font-weight: 800;
    backdrop-filter: blur(18px);
}

.heritage-contact__success[b-0wyyjh5473] {
    min-height: 22rem;
    display: grid;
    place-items: center;
    align-content: center;
    text-align: center;
    gap: 0.85rem;
}

.heritage-contact__success > .material-symbols-outlined[b-0wyyjh5473] {
    width: 4rem;
    height: 4rem;
    border-radius: 1.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--zj-primary);
    color: var(--zj-on-primary);
    font-size: 1.75rem;
}

.heritage-contact__success p[b-0wyyjh5473] {
    max-width: 28rem;
    margin: 0;
    color: var(--zj-on-surface-variant);
    line-height: 1.7;
}

.heritage-contact__footer[b-0wyyjh5473] {
    width: min(100% - 2.5rem, 74rem);
    margin: 2rem auto 0;
    text-align: center;
    color: var(--zj-on-surface-variant);
}

.heritage-contact__footer nav[b-0wyyjh5473] {
    display: flex;
    justify-content: center;
    gap: 1.5rem;
    margin-block-end: 0.75rem;
}

.heritage-contact__footer p[b-0wyyjh5473] {
    margin: 0;
    font-size: 0.85rem;
}

@media (max-width: 72rem) {
    .heritage-contact__grid[b-0wyyjh5473] {
        grid-template-columns: 1fr;
    }

    .heritage-contact__info[b-0wyyjh5473] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .heritage-contact__map[b-0wyyjh5473] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 48rem) {
    .heritage-contact[b-0wyyjh5473] {
        padding-block-start: 1rem;
    }

    .heritage-contact__topbar[b-0wyyjh5473] {
        width: min(100% - 2rem, 74rem);
        grid-template-columns: auto 1fr;
    }

    .heritage-contact__nav[b-0wyyjh5473] {
        display: none;
    }

    .heritage-contact__actions[b-0wyyjh5473] {
        gap: 0.4rem;
    }

    .heritage-contact__actions a[b-0wyyjh5473] {
        width: 2.2rem;
        height: 2.2rem;
    }

    .heritage-contact__main[b-0wyyjh5473] {
        width: min(100% - 2rem, 74rem);
        padding-block-start: 1.5rem;
    }

    .heritage-contact__hero[b-0wyyjh5473] {
        margin-inline: 0;
    }

    .heritage-contact__info[b-0wyyjh5473] {
        grid-template-columns: 1fr;
    }

    .heritage-contact__form-panel[b-0wyyjh5473] {
        min-height: auto;
        padding: 1.25rem;
    }

    .heritage-contact__submit[b-0wyyjh5473],
    .heritage-contact__reset[b-0wyyjh5473] {
        justify-self: stretch;
        width: 100%;
    }
}
/* _content/Zajal.Shared/Pages/Static/Discover.razor.rz.scp.css */
.discover[b-qz2jkj0c3c] { max-inline-size: 82rem; margin-inline: auto; padding: 1.5rem clamp(1.25rem, 5vw, 4rem) 0; background: var(--zj-surface); color: var(--zj-on-surface); overflow-wrap: anywhere; }
.discover a[b-qz2jkj0c3c] { color: inherit; text-decoration: none; }
.discover__nav[b-qz2jkj0c3c], .discover__nav > div[b-qz2jkj0c3c], .discover__actions[b-qz2jkj0c3c], .discover__footer[b-qz2jkj0c3c] { display:flex; flex-wrap:wrap; align-items:center; gap:1rem; }
.discover__nav[b-qz2jkj0c3c] { justify-content:space-between; padding-block:.25rem 1.5rem; border-block-end:1px solid var(--zj-outline-variant); }
.discover__nav > div[b-qz2jkj0c3c] { gap:.5rem; }
.discover__nav a:not(.discover__brand)[b-qz2jkj0c3c], .discover__footer a[b-qz2jkj0c3c] { display:inline-flex; align-items:center; justify-content:center; gap:.75rem; min-block-size:2.75rem; padding:.5rem .85rem; border-radius:.75rem; font-size:.875rem; font-weight:700; transition:background .18s; }
.discover__nav a:hover[b-qz2jkj0c3c], .discover__footer a:hover[b-qz2jkj0c3c] { background:var(--zj-surface-container); }
.discover__brand[b-qz2jkj0c3c] { display:flex; align-items:center; gap:.75rem; font-size:1.85rem; font-weight:900; line-height:1.25; }
.discover__brand small[b-qz2jkj0c3c] { display:block; font-size:.65rem; font-weight:500; margin-block-start:.3rem; color:var(--zj-on-surface-variant); }
.discover__brand-mark[b-qz2jkj0c3c] { display:grid; place-items:center; inline-size:2.9rem; block-size:2.9rem; background:#123d50; color:#f0ca7e; border-radius:.9rem .9rem .25rem .9rem; font:900 1.9rem Georgia,serif; }
.discover__login[b-qz2jkj0c3c] { border:1px solid var(--zj-outline-variant); margin-inline-start:.5rem; }
.discover__hero[b-qz2jkj0c3c] { display:grid; grid-template-columns:1.1fr 1fr; gap:clamp(2rem,5vw,4.5rem); align-items:center; padding-block:4.5rem 5rem; }
.discover h1[b-qz2jkj0c3c] { font-size:clamp(2.6rem,4.6vw,4.4rem); line-height:1.35; font-weight:900; margin-block:1.1rem 1.4rem; letter-spacing:-.035em; }
.discover h1 span[b-qz2jkj0c3c] { color:var(--zj-on-surface-variant); }
.discover h2[b-qz2jkj0c3c] { font-size:clamp(1.6rem,3vw,2.25rem); font-weight:800; margin-block:.5rem 1rem; line-height:1.4; }
.discover p[b-qz2jkj0c3c], .discover li[b-qz2jkj0c3c] { line-height:1.9; }
.discover__intro > p:not(.discover__eyebrow):not(.discover__note)[b-qz2jkj0c3c] { font-size:1.05rem; max-inline-size:33rem; color:var(--zj-on-surface-variant); }
.discover__eyebrow[b-qz2jkj0c3c] { display:flex; align-items:center; gap:.65rem; font-size:.85rem; font-weight:800; color:var(--zj-on-surface-variant); }
.discover__dot[b-qz2jkj0c3c] { inline-size:.5rem; block-size:.5rem; background:#b38532; border-radius:50%; box-shadow:0 0 0 5px #b3853214; }
.discover .btn[b-qz2jkj0c3c] { display:inline-flex; align-items:center; justify-content:center; gap:1rem; min-block-size:3.2rem; border-radius:.85rem; padding:.8rem 1.15rem; font-weight:800; font-size:.875rem; white-space:normal; text-align:center; }
.discover .btn-secondary[b-qz2jkj0c3c] { background:var(--zj-surface-container-lowest); color:var(--zj-on-surface); border:1px solid var(--zj-outline-variant); box-shadow:none; }
.discover__actions[b-qz2jkj0c3c] { margin-block:1.6rem 1rem; gap:.75rem; }
.discover__note[b-qz2jkj0c3c] { font-size:.8rem; color:var(--zj-on-surface-variant); margin-block:1rem 0; }
.discover__receipt[b-qz2jkj0c3c] { position:relative; isolation:isolate; padding:clamp(1.25rem,3vw,2rem); background:#123d50; color:#f6fafb; border:1px solid #315665; border-radius:1.75rem; box-shadow:0 22px 50px -28px #123d5070; }
.discover__receipt[b-qz2jkj0c3c]::before { content:''; position:absolute; z-index:-1; inset:.7rem -.6rem -.7rem .6rem; border:1px solid var(--zj-outline-variant); border-radius:1.75rem; transform:rotate(-2deg); }
.discover__receipt-top[b-qz2jkj0c3c] { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:.5rem; color:#c9dce3; font-size:.7rem; padding-block-end:1.3rem; border-block-end:1px solid #ffffff26; }
.discover__demo[b-qz2jkj0c3c] { padding:.25rem .6rem; border:1px solid #f0ca7e70; border-radius:2rem; color:#f0ca7e; }
.discover__receipt-title[b-qz2jkj0c3c] { display:flex; gap:1rem; align-items:center; margin-block:1.4rem .5rem; }
.discover__receipt-title > span[b-qz2jkj0c3c] { display:grid; place-items:center; flex:0 0 3rem; block-size:3rem; background:#ffffff12; border-radius:1rem; font-size:1.7rem; color:#f0ca7e; }
.discover__receipt-title p[b-qz2jkj0c3c] { color:#c9dce3; font-size:.8rem; margin:0; }
.discover__receipt h2[b-qz2jkj0c3c] { color:inherit; font-size:clamp(1.35rem,2.2vw,1.75rem); margin:0; }
.discover__receipt-caption[b-qz2jkj0c3c] { color:#c9dce3; font-size:.7rem; margin-block:0 1rem; }
.discover__receipt ol[b-qz2jkj0c3c] { list-style:none; counter-reset:journey; padding:0; margin:0; }
.discover__receipt li[b-qz2jkj0c3c] { counter-increment:journey; position:relative; padding:1rem 3rem 1rem 0; border-block-end:1px solid #ffffff21; font-size:.875rem; }
.discover__receipt li[b-qz2jkj0c3c]::before { content:counter(journey,decimal-leading-zero); position:absolute; inset-inline-start:0; inset-block-start:1.1rem; font-size:.8rem; color:#f0ca7e; font-variant-numeric:tabular-nums; border:1px solid #ffffff30; border-radius:50%; inline-size:2rem; block-size:2rem; display:grid; place-items:center; }
.discover__receipt li span[b-qz2jkj0c3c] { display:block; color:#d1e1e8; font-size:.8rem; margin-block-start:.2rem; }
.discover__receipt .discover__note[b-qz2jkj0c3c] { color:#c9dce3; font-size:.7rem; }
.discover__section[b-qz2jkj0c3c] { padding-block:3.5rem; border-block-start:1px solid var(--zj-outline-variant); scroll-margin-block-start:1.5rem; }
.discover__section > p:not(.discover__eyebrow)[b-qz2jkj0c3c] { max-inline-size:48rem; color:var(--zj-on-surface-variant); font-size:.9rem; }
.discover__section-number[b-qz2jkj0c3c] { display:grid; place-items:center; inline-size:2rem; block-size:2rem; border:1px solid var(--zj-outline-variant); border-radius:.6rem; font-size:.75rem; }
.discover__activities[b-qz2jkj0c3c] { border:0; padding:0; margin-block:1.75rem; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.8rem; min-inline-size:0; }
.discover__activities[b-qz2jkj0c3c]  .sc-activity { position:relative; block-size:100%; flex-direction:column; padding:1.25rem; gap:.75rem; border-radius:1rem; }
.discover__activities[b-qz2jkj0c3c]  .sc-activity input { position:absolute; inset-inline-end:1rem; inset-block-start:1rem; inline-size:1rem; block-size:1rem; }
.discover__activities[b-qz2jkj0c3c]  .sc-activity__icon { display:grid; place-items:center; inline-size:2.6rem; block-size:2.6rem; background:var(--zj-surface-container); border-radius:.8rem; }
.discover__activities[b-qz2jkj0c3c]  .sc-activity__copy { gap:.4rem; }
.discover__activities[b-qz2jkj0c3c]  .sc-activity--selected { background:var(--zj-surface-container-lowest); border:2px solid var(--zj-secondary); padding:calc(1.25rem - 1px); }
.discover__activities[b-qz2jkj0c3c]  .sc-activity__selection { font-size:.7rem; }
.discover__selection[b-qz2jkj0c3c] { border-inline-start:3px solid var(--zj-secondary); padding:.8rem 1rem; background:var(--zj-surface-container); border-radius:.5rem; }
.discover__plans-heading[b-qz2jkj0c3c] { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:1rem; }
.discover__cycle[b-qz2jkj0c3c] { display:flex; gap:.35rem; border:1px solid var(--zj-outline-variant); background:var(--zj-surface-container-lowest); padding:.3rem; border-radius:1rem; }
.discover__cycle legend[b-qz2jkj0c3c] { font-size:.75rem; padding-inline:.5rem; inline-size:auto; float:none; margin:0; }
.discover__cycle label[b-qz2jkj0c3c] { display:inline-flex; gap:.5rem; align-items:center; justify-content:center; min-block-size:2.75rem; padding:.5rem 1rem; border-radius:.7rem; cursor:pointer; font-weight:700; font-size:.85rem; }
.discover__cycle label:has(input:checked)[b-qz2jkj0c3c] { background:var(--zj-surface-container); }
.discover__cycle input[b-qz2jkj0c3c] { accent-color:var(--zj-secondary); }
.discover__plans[b-qz2jkj0c3c] { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr)); gap:1rem; margin-block:2rem; }
.discover__plan[b-qz2jkj0c3c] { display:flex; flex-direction:column; align-items:stretch; min-inline-size:0; padding:1.6rem; border:1px solid var(--zj-outline-variant); background:var(--zj-surface-container-lowest); border-radius:1.25rem; }
.discover__plan h3[b-qz2jkj0c3c] { font-size:1.35rem; font-weight:800; margin-block:0 .5rem; }
.discover__plan > p[b-qz2jkj0c3c] { font-size:.85rem; color:var(--zj-on-surface-variant); }
.discover__plan > .btn[b-qz2jkj0c3c] { margin-block-start:auto; }
.discover__limits[b-qz2jkj0c3c] { margin-block:1.5rem; font-size:.85rem; }
.discover__limits > div[b-qz2jkj0c3c] { display:flex; justify-content:space-between; gap:1rem; padding-block:.65rem; border-block-end:1px solid var(--zj-outline-variant); }
.discover__limits dt[b-qz2jkj0c3c] { font-weight:500; color:var(--zj-on-surface-variant); }
.discover__limits dd[b-qz2jkj0c3c] { margin:0; font-weight:800; font-variant-numeric:tabular-nums; }
.discover details[b-qz2jkj0c3c] { margin-block:0 1.25rem; font-size:.85rem; }
.discover summary[b-qz2jkj0c3c] { cursor:pointer; min-block-size:2.75rem; padding-block:.5rem; font-weight:700; }
.discover__pricing-link[b-qz2jkj0c3c] { display:flex; flex-wrap:wrap; align-items:center; gap:1rem; padding-block-start:.5rem; }
.discover__pricing-link p[b-qz2jkj0c3c] { margin:0; font-size:.9rem; }
.discover__closing[b-qz2jkj0c3c] { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:1.5rem; padding:clamp(1.5rem,4vw,3rem); background:var(--zj-surface-container); border:1px solid var(--zj-outline-variant); border-radius:1.5rem; margin-block:0 2.5rem; }
.discover__closing h2[b-qz2jkj0c3c] { margin-block:.5rem; }
.discover__closing p[b-qz2jkj0c3c] { margin:0; }
.discover__footer[b-qz2jkj0c3c] { padding-block:1.5rem; border-block-start:1px solid var(--zj-outline-variant); font-size:.8rem; color:var(--zj-on-surface-variant); }
.discover__footer p[b-qz2jkj0c3c] { flex:1 1 20rem; margin:0; }
.discover__footer p span[b-qz2jkj0c3c] { padding-inline:.5rem; }
.discover__skip[b-qz2jkj0c3c] { position:absolute; clip-path:inset(50%); }
.discover__skip:focus[b-qz2jkj0c3c] { position:static; clip-path:none; display:block; padding:1rem; }
.discover :is(a,summary):focus-visible[b-qz2jkj0c3c], .discover label:focus-within[b-qz2jkj0c3c] { outline:3px solid var(--zj-secondary); outline-offset:4px; }
@media(max-width:1000px) { .discover__activities[b-qz2jkj0c3c] { grid-template-columns:repeat(3,minmax(0,1fr)); } .discover__hero[b-qz2jkj0c3c] { gap:2rem; } }
@media(max-width:760px) { .discover__hero[b-qz2jkj0c3c] { grid-template-columns:1fr; padding-block:2.75rem; } .discover__nav[b-qz2jkj0c3c] { gap:1.25rem; } .discover__nav > div[b-qz2jkj0c3c] { inline-size:100%; justify-content:space-between; gap:.25rem; } .discover__nav a:not(.discover__brand)[b-qz2jkj0c3c] { padding:.45rem .5rem; font-size:.75rem; } .discover__login[b-qz2jkj0c3c] { margin:0; } .discover__activities[b-qz2jkj0c3c] { grid-template-columns:repeat(2,minmax(0,1fr)); } .discover__section[b-qz2jkj0c3c] { padding-block:2.5rem; } .discover__receipt[b-qz2jkj0c3c]::before { display:none; } }
@media(max-width:420px) { .discover__activities[b-qz2jkj0c3c] { grid-template-columns:1fr; } .discover__activities[b-qz2jkj0c3c]  .sc-activity { flex-direction:row; padding-inline-end:2.5rem; } .discover__activities[b-qz2jkj0c3c]  .sc-activity__icon { flex:0 0 2.6rem; } .discover__actions[b-qz2jkj0c3c] { flex-direction:column; align-items:stretch; } .discover h1[b-qz2jkj0c3c] { font-size:2.55rem; } .discover__receipt-top[b-qz2jkj0c3c] { font-size:.65rem; } .discover__footer[b-qz2jkj0c3c] { gap:.5rem; } }
@media(prefers-reduced-motion:reduce) { .discover *[b-qz2jkj0c3c], .discover[b-qz2jkj0c3c]  * { animation:none!important; transition:none!important; } }
/* _content/Zajal.Shared/Pages/Static/Pricing.razor.rz.scp.css */
.pricing-public[b-la86n75o7f] {
    background: #f6f8f7;
    color: #141716;
    min-height: 100vh;
}

.pricing-public__nav[b-la86n75o7f] {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 1rem clamp(1rem, 4vw, 3rem);
}

.pricing-public__brand[b-la86n75o7f] {
    color: inherit;
    font-size: 1.4rem;
    font-weight: 900;
    text-decoration: none;
}

.pricing-public__nav nav[b-la86n75o7f] {
    display: flex;
    flex-wrap: wrap;
    gap: .85rem;
}

.pricing-public__nav a[b-la86n75o7f] {
    color: inherit;
    text-decoration: none;
}

.pricing-public__nav .is-active[b-la86n75o7f] {
    color: #0f766e;
    font-weight: 800;
}

.pricing-public__login[b-la86n75o7f] {
    border: 1px solid rgba(20, 23, 22, .16);
    border-radius: 999px;
    padding: .5rem .9rem;
}

.pricing-public__hero[b-la86n75o7f] {
    display: grid;
    min-height: min(720px, calc(100svh - 72px));
    overflow: hidden;
    position: relative;
}

.pricing-public__hero img[b-la86n75o7f] {
    filter: saturate(.92) contrast(.95);
    grid-area: 1 / 1;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.pricing-public__hero[b-la86n75o7f]::after {
    background: linear-gradient(90deg, rgba(0, 0, 0, .68), rgba(0, 0, 0, .18), rgba(0, 0, 0, .02));
    content: "";
    grid-area: 1 / 1;
}

.pricing-public__hero-copy[b-la86n75o7f] {
    align-self: center;
    color: #fff;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    grid-area: 1 / 1;
    max-width: 620px;
    padding: clamp(1.2rem, 6vw, 5rem);
    position: relative;
    z-index: 1;
}

.pricing-public__hero-copy span[b-la86n75o7f],
.pricing-public__heading span[b-la86n75o7f] {
    color: #8ee3d4;
    font-weight: 800;
}

.pricing-public__hero-copy h1[b-la86n75o7f] {
    font-size: clamp(4rem, 12vw, 9rem);
    line-height: .85;
    margin: 0;
}

.pricing-public__hero-copy p[b-la86n75o7f] {
    font-size: clamp(1rem, 2vw, 1.25rem);
    line-height: 1.9;
    margin: 0;
}

.pricing-public__hero-copy a[b-la86n75o7f],
.pricing-public__cta[b-la86n75o7f] {
    align-self: flex-start;
    background: #f05a28;
    border-radius: 999px;
    color: #fff;
    font-weight: 800;
    padding: .85rem 1.2rem;
    text-decoration: none;
}

.pricing-public__main[b-la86n75o7f] {
    padding: clamp(1.2rem, 5vw, 4rem);
}

.pricing-public__heading[b-la86n75o7f] {
    align-items: end;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}

.pricing-public__heading h2[b-la86n75o7f] {
    font-size: clamp(1.6rem, 4vw, 3rem);
    margin: .2rem 0 0;
}

.pricing-public__billing[b-la86n75o7f] {
    background: rgba(20, 23, 22, .08);
    border-radius: 999px;
    display: flex;
    padding: .25rem;
}

.pricing-public__billing button[b-la86n75o7f] {
    background: transparent;
    border: 0;
    border-radius: 999px;
    cursor: pointer;
    font: inherit;
    padding: .55rem 1rem;
}

.pricing-public__billing .is-active[b-la86n75o7f] {
    background: #141716;
    color: #fff;
}

.pricing-public__plans[b-la86n75o7f] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.pricing-public__plan[b-la86n75o7f] {
    background: rgba(255, 255, 255, .76);
    border: 1px solid rgba(20, 23, 22, .12);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.2rem;
    position: relative;
}

.pricing-public__plan.is-featured[b-la86n75o7f] {
    background: #fff;
    border-color: rgba(240, 90, 40, .6);
    box-shadow: 0 18px 45px rgba(20, 23, 22, .12);
    transform: translateY(-.35rem);
}

.pricing-public__plan-badge[b-la86n75o7f] {
    align-self: flex-start;
    background: rgba(240, 90, 40, .12);
    border-radius: 999px;
    color: #bd3d12;
    font-size: .82rem;
    font-weight: 900;
    padding: .35rem .7rem;
}

.pricing-public__plan h3[b-la86n75o7f],
.pricing-public__plan p[b-la86n75o7f],
.pricing-public__plan ul[b-la86n75o7f] {
    margin: 0;
}

.pricing-public__plan strong[b-la86n75o7f] {
    font-size: 1.45rem;
}

.pricing-public__module-grid[b-la86n75o7f] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}

.pricing-public__module-grid span[b-la86n75o7f] {
    background: rgba(15, 118, 110, .1);
    border: 1px solid rgba(15, 118, 110, .12);
    border-radius: 999px;
    color: #0f665f;
    font-size: .82rem;
    font-weight: 800;
    padding: .32rem .6rem;
}

.pricing-public__limits[b-la86n75o7f] {
    display: grid;
    gap: .45rem;
    list-style: none;
    padding: 0;
}

.pricing-public__limits li[b-la86n75o7f] {
    align-items: center;
    border-bottom: 1px solid rgba(20, 23, 22, .08);
    display: flex;
    gap: .75rem;
    justify-content: space-between;
    padding-bottom: .45rem;
}

.pricing-public__limits b[b-la86n75o7f] {
    color: #0f766e;
    font-weight: 900;
    white-space: nowrap;
}

.pricing-public__addons[b-la86n75o7f] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    margin-top: auto;
}

.pricing-public__addons span[b-la86n75o7f],
.pricing-public__addons small[b-la86n75o7f] {
    background: rgba(20, 23, 22, .06);
    border-radius: 999px;
    padding: .25rem .55rem;
}

.pricing-public__state[b-la86n75o7f] {
    background: rgba(255, 255, 255, .75);
    border-radius: 8px;
    padding: 1rem;
}

@media (max-width: 760px) {
    .pricing-public__nav[b-la86n75o7f],
    .pricing-public__heading[b-la86n75o7f] {
        align-items: flex-start;
        flex-direction: column;
    }

    .pricing-public__plans[b-la86n75o7f] {
        grid-template-columns: 1fr;
    }

    .pricing-public__plan.is-featured[b-la86n75o7f] {
        transform: none;
    }
}

@media (min-width: 761px) and (max-width: 1120px) {
    .pricing-public__plans[b-la86n75o7f] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* _content/Zajal.Shared/Pages/Static/PublicSetup.razor.rz.scp.css */
.public-setup[b-ye981x8p68]{max-width:1120px;margin:auto;padding:clamp(1rem,3vw,2rem);color:var(--zj-on-surface);overflow-wrap:anywhere}
.public-setup nav[b-ye981x8p68],.public-setup__actions[b-ye981x8p68]{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.public-setup a:not(.btn)[b-ye981x8p68]{color:var(--zj-on-surface);text-decoration:underline;text-underline-offset:.2em}
.public-setup header[b-ye981x8p68]{margin-block:2rem}.public-setup h1[b-ye981x8p68]{font-size:clamp(1.6rem,5vw,2.3rem);line-height:1.5}.public-setup p[b-ye981x8p68]{line-height:1.8}
.public-setup__eyebrow[b-ye981x8p68]{font-weight:700}.public-setup__plan[b-ye981x8p68],.public-setup__preview[b-ye981x8p68]{padding:1rem;border:1px solid var(--zj-outline-variant);border-radius:var(--zj-radius-lg,12px);margin-block:1rem;background:var(--zj-surface)}
.public-setup__boundary[b-ye981x8p68]{padding:1rem;border:1px solid var(--zj-outline-variant);border-inline-start:4px solid var(--zj-primary);border-radius:var(--zj-radius-md);background:var(--zj-surface-container-low)}
.public-setup__region[b-ye981x8p68]{min-width:0;margin-block:1.5rem;padding:clamp(1rem,2vw,1.5rem);border:1px solid var(--zj-outline-variant);border-inline-start:4px solid var(--zj-primary);border-radius:var(--zj-radius-lg);background:var(--zj-surface)}
.public-setup h2[b-ye981x8p68]{font-size:clamp(1.375rem,2vw,1.75rem);font-weight:800;line-height:1.6;margin-block:0 1rem}
.public-setup h3[b-ye981x8p68]{font-size:1.125rem;font-weight:750;line-height:1.6}.public-setup h4[b-ye981x8p68]{font-size:1rem;font-weight:700}
.public-setup__region>h2[b-ye981x8p68]{padding:.75rem 1rem;border:1px solid var(--zj-outline-variant);border-radius:var(--zj-radius-md);background:repeating-linear-gradient(135deg,transparent 0 14px,color-mix(in srgb,var(--zj-primary) 5%,transparent) 14px 16px),var(--zj-surface-container-low)}
.public-setup__plans[b-ye981x8p68]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,23rem),1fr));gap:1rem;align-items:start}
.public-setup__plan[b-ye981x8p68]{margin:0}.public-setup__plan--fits[b-ye981x8p68]{border-block-start:4px solid var(--zj-primary)}
.public-setup__review[b-ye981x8p68]{padding:.75rem;border:1px solid var(--zj-outline-variant);border-inline-start:4px solid var(--zj-warning,#9a6700);border-radius:var(--zj-radius-md);background:var(--zj-surface-container-low)}
.public-setup__review ul[b-ye981x8p68]{padding-inline-start:1.25rem}.public-setup li[b-ye981x8p68]{line-height:1.8;margin-block:.4rem}.public-setup summary[b-ye981x8p68]{cursor:pointer;min-height:44px;padding-block:.5rem;font-weight:700}

.public-setup dl[b-ye981x8p68]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.public-setup dl div[b-ye981x8p68]{padding:.5rem;border-bottom:1px solid var(--zj-outline-variant)}.public-setup dd[b-ye981x8p68]{margin:0;font-weight:700}
.public-setup .btn[b-ye981x8p68]{min-height:44px;max-width:100%}.public-setup .btn[b-ye981x8p68]{white-space:normal;margin-block:.4rem}.public-setup__message[b-ye981x8p68]{padding:1rem;border-inline-start:4px solid currentColor}.public-setup :is(button,a,summary):focus-visible[b-ye981x8p68]{outline:3px solid currentColor;outline-offset:3px}
@media(max-width:600px){.public-setup dl[b-ye981x8p68]{grid-template-columns:1fr}.public-setup__actions[b-ye981x8p68],.public-setup nav[b-ye981x8p68]{align-items:stretch}.public-setup__actions .btn[b-ye981x8p68]{width:100%}}
@media(prefers-reduced-motion:reduce){.public-setup *[b-ye981x8p68]{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* _content/Zajal.Shared/Pages/Static/Subscribe.razor.rz.scp.css */
.subscribe-public[b-8a4andmtva] {
    background: #f6f8f7;
    color: #141716;
    min-height: 100vh;
    padding: 1rem clamp(1rem, 4vw, 3rem) 3rem;
}

.subscribe-public__nav[b-8a4andmtva] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 2rem;
}

.subscribe-public__nav a[b-8a4andmtva] {
    color: inherit;
    text-decoration: none;
}

.subscribe-public__main[b-8a4andmtva] {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: minmax(280px, .8fr) minmax(0, 1.2fr);
}

.subscribe-public__summary[b-8a4andmtva] {
    background: #141716;
    border-radius: 8px;
    color: #fff;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: clamp(1.2rem, 4vw, 2rem);
}

.subscribe-public__summary h1[b-8a4andmtva] {
    color: inherit;
    overflow-wrap: anywhere;
    font-size: clamp(2rem, 5vw, 4rem);
    margin: 0;
}

.subscribe-public__summary p[b-8a4andmtva] {
    line-height: 1.8;
    margin: 0;
}

.subscribe-public__summary strong[b-8a4andmtva] {
    color: #8ee3d4;
    font-size: 1.5rem;
}

.subscribe-public__billing[b-8a4andmtva] {
    background: rgba(255, 255, 255, .1);
    border-radius: 999px;
    display: flex;
    padding: .25rem;
}

.subscribe-public__billing button[b-8a4andmtva] {
    background: transparent;
    border: 0;
    border-radius: 999px;
    color: #fff;
    cursor: pointer;
    flex: 1;
    font: inherit;
    padding: .6rem;
}

.subscribe-public__billing .is-active[b-8a4andmtva] {
    background: #f05a28;
}

.subscribe-public__limits[b-8a4andmtva] {
    display: grid;
    gap: .45rem;
}

.subscribe-public[b-8a4andmtva]  .subscribe-public__form {
    background: rgba(255, 255, 255, .82);
    border: 1px solid rgba(20, 23, 22, .1);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: clamp(1rem, 3vw, 1.6rem);
}

.subscribe-public__form h2[b-8a4andmtva] {
    margin: 0;
}

.subscribe-public__addons[b-8a4andmtva] {
    display: grid;
    gap: .75rem;
}

.subscribe-public__addons article[b-8a4andmtva] {
    align-items: center;
    border: 1px solid rgba(20, 23, 22, .1);
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    padding: .8rem;
}

.subscribe-public__addons small[b-8a4andmtva] {
    color: #59635f;
    display: block;
}

.subscribe-public__stepper[b-8a4andmtva] {
    align-items: center;
    display: flex;
    gap: .6rem;
}

.subscribe-public__stepper button[b-8a4andmtva] {
    background: #141716;
    border: 0;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    height: 34px;
    width: 34px;
}

.subscribe-public__submit[b-8a4andmtva],
.subscribe-public__success a[b-8a4andmtva] {
    background: #f05a28;
    border: 0;
    border-radius: 999px;
    color: #fff;
    cursor: pointer;
    font-weight: 800;
    padding: .9rem 1.2rem;
    text-align: center;
    text-decoration: none;
}

.subscribe-public__error[b-8a4andmtva] {
    background: rgba(239, 68, 68, .1);
    border-radius: 8px;
    color: #b91c1c;
    padding: .8rem;
}

.subscribe-public__state[b-8a4andmtva],
.subscribe-public__success[b-8a4andmtva] {
    background: rgba(255, 255, 255, .82);
    border-radius: 8px;
    padding: 1.25rem;
}

.subscribe-public__success[b-8a4andmtva] {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: .8rem;
    margin: 0 auto;
    max-width: 680px;
}

.subscribe-public__success .material-symbols-outlined[b-8a4andmtva] {
    color: #22c55e;
    font-size: 3rem;
}

@media (max-width: 860px) {
    .subscribe-public__main[b-8a4andmtva]{
        grid-template-columns: 1fr;
    }
}