/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-4znw2a11uy] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-4znw2a11uy] {
    flex: 1;
}

.sidebar[b-4znw2a11uy] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-4znw2a11uy] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

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

    .top-row[b-4znw2a11uy]  a:hover, .top-row[b-4znw2a11uy]  .btn-link:hover {
        text-decoration: underline;
    }

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

@media (max-width: 640.98px) {
    .top-row[b-4znw2a11uy] {
        justify-content: space-between;
    }

    .top-row[b-4znw2a11uy]  a, .top-row[b-4znw2a11uy]  .btn-link {
        margin-left: 0;
    }
}

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

    .sidebar[b-4znw2a11uy] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-4znw2a11uy] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-4znw2a11uy]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

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

#blazor-error-ui[b-4znw2a11uy] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-4znw2a11uy] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* Nav wrapper */
[b-by78f0icy3] .nav-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 8px 0 0;
}

[b-by78f0icy3] .nav-main {
    flex: 1;
    padding: 0 8px;
}

/* ════════════════════════════════════════════════════════════════
   GROUP / SUB-MENU HIERARCHY
   Sub-items inside a MudNavGroup get a dashed vertical connector and
   extra indent so they read as nested. Group titles get a heavier
   weight to look like section headers.
════════════════════════════════════════════════════════════════ */

/* Group header (the parent link with chevron) */
[b-by78f0icy3] .mud-nav-group > .mud-nav-link {
    font-weight: var(--md-sys-typescale-weight-semibold) !important;
    color: var(--md-sys-color-on-surface) !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

/* Add a soft section background to the whole group */
[b-by78f0icy3] .mud-nav-group {
    margin: 4px 0;
    border-radius: var(--md-sys-shape-corner-small);
}

/* The collapsing container that holds sub-items */
[b-by78f0icy3] .mud-nav-group .mud-collapse-container .mud-nav-link,
[b-by78f0icy3] .mud-nav-group .mud-nav-link.mud-nav-item {
    /* (fallback selectors — MudBlazor versions vary) */
}

/* RTL-aware vertical connector for sub-items */
[b-by78f0icy3] .mud-nav-group .mud-collapse-container,
[b-by78f0icy3] .mud-nav-group > .mud-collapse {
    position: relative;
    margin-right: 14px;       /* indent in RTL */
    margin-left: 4px;
    padding-right: 14px;
}
[b-by78f0icy3] .mud-nav-group .mud-collapse-container::before,
[b-by78f0icy3] .mud-nav-group > .mud-collapse::before {
    content: "";
    position: absolute;
    top: 6px;
    bottom: 6px;
    right: 0;
    width: 0;
    border-right: 1px dashed var(--md-sys-color-outline-variant);
}

/* Sub-item links — slightly smaller, lighter weight than parent */
[b-by78f0icy3] .mud-nav-group .mud-collapse-container .mud-nav-link,
[b-by78f0icy3] .mud-nav-group > .mud-collapse .mud-nav-link {
    font-size: var(--text-sm) !important;
    font-weight: var(--md-sys-typescale-weight-regular) !important;
    color: var(--md-sys-color-on-surface-variant) !important;
    padding-right: 14px !important;
    position: relative;
}

/* Tiny horizontal tick that meets the vertical dashed line */
[b-by78f0icy3] .mud-nav-group .mud-collapse-container .mud-nav-link::before,
[b-by78f0icy3] .mud-nav-group > .mud-collapse .mud-nav-link::before {
    content: "";
    position: absolute;
    top: 50%;
    right: -14px;
    width: 14px;
    border-top: 1px dashed var(--md-sys-color-outline-variant);
}

/* Active sub-item: brighter color, the connector stays visible */
[b-by78f0icy3] .mud-nav-group .mud-collapse-container .mud-nav-link.active,
[b-by78f0icy3] .mud-nav-group > .mud-collapse .mud-nav-link.active {
    color: var(--md-sys-color-primary) !important;
    font-weight: var(--md-sys-typescale-weight-medium) !important;
}

/* ════════════════════════════════════════════════════════════════
   BOTTOM: signed-in user info + logout
════════════════════════════════════════════════════════════════ */
[b-by78f0icy3] .nav-bottom {
    padding: 8px;
    border-top: 1px solid var(--mud-palette-divider, rgba(255,255,255,0.08));
    margin-top: 8px;
}

[b-by78f0icy3] .nav-user {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 8px 12px;
}
[b-by78f0icy3] .nav-user-avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--md-sys-color-primary-container);
    color: var(--md-sys-color-on-primary-container);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--md-sys-typescale-plain-font);
    font-size: var(--text-sm);
    font-weight: var(--md-sys-typescale-weight-semibold);
    flex-shrink: 0;
    text-transform: uppercase;
}
[b-by78f0icy3] .nav-user-info {
    min-width: 0;
    display: flex;
    flex-direction: column;
}
[b-by78f0icy3] .nav-user-name {
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    font-weight: var(--md-sys-typescale-weight-medium);
    color: var(--md-sys-color-on-surface);
    direction: ltr;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-by78f0icy3] .logout-form {
    display: block;
    width: 100%;
}

[b-by78f0icy3] .logout-nav-btn {
    height: 42px !important;
    min-height: 42px !important;
    border-radius: 4px !important;
    padding: 0 16px !important;
    justify-content: flex-start !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-family: 'Vazirmatn', sans-serif !important;
    font-size: 0.875rem !important;
    font-weight: 400 !important;
    color: var(--mud-palette-text-secondary, #A1A1AA) !important;
    line-height: 1 !important;
}

[b-by78f0icy3] .logout-nav-btn:hover {
    background-color: rgba(248, 113, 113, 0.08) !important;
    color: #F87171 !important;
}

[b-by78f0icy3] .logout-nav-btn .mud-button-label {
    gap: 12px;
    font-family: 'Vazirmatn', sans-serif !important;
}

[b-by78f0icy3] .logout-nav-btn .mud-button-icon-start {
    margin: 0 !important;
    display: flex;
    align-items: center;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-kdke1ibjr1],
.components-reconnect-repeated-attempt-visible[b-kdke1ibjr1],
.components-reconnect-failed-visible[b-kdke1ibjr1],
.components-pause-visible[b-kdke1ibjr1],
.components-resume-failed-visible[b-kdke1ibjr1],
.components-rejoining-animation[b-kdke1ibjr1] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-kdke1ibjr1],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-kdke1ibjr1],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-kdke1ibjr1],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-kdke1ibjr1],
#components-reconnect-modal.components-reconnect-retrying[b-kdke1ibjr1],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-kdke1ibjr1],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-kdke1ibjr1],
#components-reconnect-modal.components-reconnect-failed[b-kdke1ibjr1],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-kdke1ibjr1] {
    display: block;
}


#components-reconnect-modal[b-kdke1ibjr1] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-kdke1ibjr1 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-kdke1ibjr1 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-kdke1ibjr1 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-kdke1ibjr1]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-kdke1ibjr1 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-kdke1ibjr1 {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-kdke1ibjr1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-kdke1ibjr1 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-kdke1ibjr1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-kdke1ibjr1] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-kdke1ibjr1] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-kdke1ibjr1] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-kdke1ibjr1] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-kdke1ibjr1] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-kdke1ibjr1] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-kdke1ibjr1 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-kdke1ibjr1] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-kdke1ibjr1 {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Admin/Branches.razor.rz.scp.css */
/* Branches — page-specific only. Primitives in /css/design-system.css */

[b-lulz3i2qv4] .branches-toolbar {
    margin-bottom: var(--ds-space-5);
    direction: rtl;
}

/* ─── Branch card ─────────────────────────────── */
[b-lulz3i2qv4] .branch-card {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--ds-space-3);
    padding: var(--ds-space-4) var(--ds-space-4) var(--ds-space-4);
}

[b-lulz3i2qv4] .branch-card--inactive { opacity: 0.7; }

[b-lulz3i2qv4] .branch-identity {
    display: flex;
    align-items: center;
    gap: var(--ds-space-3);
    min-width: 0;
    flex: 1;
}

[b-lulz3i2qv4] .branch-avatar {
    width: 40px;
    height: 40px;
    border-radius: var(--ds-radius-lg);
    background: var(--ds-primary-soft);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
[b-lulz3i2qv4] .branch-avatar .mud-icon-root {
    font-size: 1.15rem !important;
    color: var(--ds-primary) !important;
}
[b-lulz3i2qv4] .branch-card--inactive .branch-avatar {
    background: var(--ds-surface-2);
}
[b-lulz3i2qv4] .branch-card--inactive .branch-avatar .mud-icon-root {
    color: var(--ds-text-muted) !important;
}

[b-lulz3i2qv4] .branch-name-wrap {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

[b-lulz3i2qv4] .branch-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-lulz3i2qv4] .branch-info {
    display: flex;
    flex-direction: column;
    gap: var(--ds-space-2);
    padding-top: var(--ds-space-1);
}

[b-lulz3i2qv4] .branch-info-row {
    display: flex;
    align-items: flex-start;
    gap: var(--ds-space-2);
    min-width: 0;
}

[b-lulz3i2qv4] .branch-info-icon {
    font-size: 1rem !important;
    color: var(--ds-text-muted) !important;
    flex-shrink: 0;
    margin-top: 2px;
}

[b-lulz3i2qv4] .branch-info-text {
    font-family: var(--ds-font);
    font-size: var(--ds-fs-sm);
    color: var(--ds-text-soft);
    line-height: var(--ds-lh-base);
    word-break: break-word;
    min-width: 0;
}

[b-lulz3i2qv4] .branch-info-text--ltr {
    direction: ltr;
    text-align: left;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    font-variant-numeric: tabular-nums;
}

/* ─── Bottom action bar on each card ──────────── */
[b-lulz3i2qv4] .card-action-bar {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
    margin-top: auto;
    padding-top: var(--space-3);
    border-top: 1px solid var(--md-sys-color-outline-variant);
}
[b-lulz3i2qv4] .card-action-bar .ds-btn {
    flex: 1;
    justify-content: center;
}
[b-lulz3i2qv4] .card-action-bar__danger {
    color: var(--md-sys-color-error) !important;
}
[b-lulz3i2qv4] .card-action-bar__danger:hover {
    background: color-mix(in srgb, var(--md-sys-color-error) 8%, transparent) !important;
}

/* ─── Mobile ──────────────────────────────────── */
@media (max-width: 599px) {
    [b-lulz3i2qv4] .branches-toolbar { margin-bottom: var(--ds-space-4); }
}
/* /Components/Pages/Admin/Customers.razor.rz.scp.css */
/* Customers admin page — ds-table layout. */

[b-luhxd1bl30] .cust-skel-row {
    display: flex; gap: var(--space-4);
    padding: 14px 16px;
    border-bottom: 1px solid var(--md-sys-color-outline-variant);
}

[b-luhxd1bl30] .cust-row:hover {
    background: color-mix(in srgb, var(--md-sys-color-on-surface) 6%, transparent) !important;
}
[b-luhxd1bl30] .cust-row--inactive { opacity: 0.65; }

[b-luhxd1bl30] .col-name { min-width: 200px; }
[b-luhxd1bl30] .col-phone { min-width: 140px; }
[b-luhxd1bl30] .col-gender { min-width: 80px; color: var(--md-sys-color-on-surface-variant); }
[b-luhxd1bl30] .col-notes {
    color: var(--md-sys-color-on-surface-variant);
    max-width: 280px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
[b-luhxd1bl30] .col-date { min-width: 130px; }
[b-luhxd1bl30] .date-cell .date-rel {
    font-size: var(--text-xs);
    color: var(--md-sys-color-on-surface-variant);
    margin-top: 2px;
}
[b-luhxd1bl30] .phone-cell {
    font-variant-numeric: tabular-nums;
    direction: ltr;
    text-align: right;
    color: var(--md-sys-color-on-surface);
}

[b-luhxd1bl30] .cust-cell-name {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}
[b-luhxd1bl30] .cust-avatar {
    flex: 0 0 auto;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: var(--md-sys-typescale-plain-font);
    font-size: var(--md-sys-typescale-body-medium-size);
    font-weight: var(--md-sys-typescale-weight-semibold);
    background: var(--md-sys-color-surface-container-highest);
    color: var(--md-sys-color-on-surface);
}
[b-luhxd1bl30] .cust-avatar--male {
    background: var(--payment-pos-container);
    color: var(--payment-pos-on-container);
}
[b-luhxd1bl30] .cust-avatar--female {
    background: #FBD8E6;
    color: #5C1135;
}
html[data-theme='dark'][b-luhxd1bl30]  .cust-avatar--female {
    background: #5C1135;
    color: #FBD8E6;
}
[b-luhxd1bl30] .cust-name-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--md-sys-color-on-surface);
    font-weight: var(--md-sys-typescale-weight-medium);
}

[b-luhxd1bl30] .cust-field { display: flex; flex-direction: column; gap: 6px; }
[b-luhxd1bl30] .cust-gender-field { display: flex; flex-direction: column; gap: 6px; }
/* /Components/Pages/Admin/Dashboard.razor.rz.scp.css */
/* Dashboard / settings — page-specific only. Tokens & primitives in /css/material3.css */

[b-0z4wmk78qk] .setting-label {
    font-family: var(--ds-font);
    font-size: var(--ds-fs-sm);
    font-weight: var(--ds-fw-medium);
    color: var(--ds-text-soft);
    margin-bottom: var(--ds-space-3);
}

[b-0z4wmk78qk] .setting-input {
    margin-bottom: var(--ds-space-3);
}

[b-0z4wmk78qk] .setting-input .mud-input-outlined .mud-input-outlined-border {
    border-radius: var(--ds-radius-md) !important;
}
/* /Components/Pages/Admin/Manufacturers.razor.rz.scp.css */
/* Manufacturers admin page — scoped styles */

[b-u7xoppbvo5] .ref-skel-row {
    display: flex; gap: var(--space-4);
    padding: 14px 16px;
    border-bottom: 1px solid var(--md-sys-color-outline-variant);
}

[b-u7xoppbvo5] .ref-row:hover {
    background: color-mix(in srgb, var(--md-sys-color-on-surface) 6%, transparent) !important;
}

[b-u7xoppbvo5] .ref-table .col-id { width: 56px; }
[b-u7xoppbvo5] .ref-table .col-name { min-width: 240px; }
[b-u7xoppbvo5] .ref-table .col-count { width: 140px; }

[b-u7xoppbvo5] .ref-name {
    font-weight: var(--md-sys-typescale-weight-medium);
    color: var(--md-sys-color-on-surface);
}

[b-u7xoppbvo5] .cell-id {
    font-size: var(--text-xs) !important;
    color: var(--md-sys-color-on-surface-variant) !important;
    font-variant-numeric: tabular-nums;
}
/* /Components/Pages/Admin/Products.razor.rz.scp.css */
/* Products — page-specific. Primitives in /css/material3.css */

/* ═════ Table columns ═════ */
[b-th2fdo1s9x] .prod-table .col-id     { width: 56px; }
[b-th2fdo1s9x] .prod-table .col-name   { min-width: 240px; }
[b-th2fdo1s9x] .prod-table .col-brand  { width: 140px; }
[b-th2fdo1s9x] .prod-table .col-type   { width: 160px; }
[b-th2fdo1s9x] .prod-table .col-group  { width: 140px; }
[b-th2fdo1s9x] .prod-table .col-price  { width: 130px; text-align: right; }

[b-th2fdo1s9x] .cell-id {
    font-size: var(--text-xs) !important;
    color: var(--md-sys-color-on-surface-variant) !important;
    font-variant-numeric: tabular-nums;
}

[b-th2fdo1s9x] .prod-name-fa {
    font-weight: var(--md-sys-typescale-weight-medium);
    color: var(--md-sys-color-on-surface);
    line-height: 1.3;
}
[b-th2fdo1s9x] .prod-name-en {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: var(--text-xs);
    color: var(--md-sys-color-on-surface-variant);
    direction: ltr;
    text-align: right;
    margin-top: 2px;
}

[b-th2fdo1s9x] .cell-price {
    font-variant-numeric: tabular-nums;
    direction: ltr;
    text-align: right;
    font-weight: var(--md-sys-typescale-weight-medium);
}
[b-th2fdo1s9x] .price-wrap { display: inline-block; }

[b-th2fdo1s9x] .muted { color: var(--md-sys-color-on-surface-variant); }

[b-th2fdo1s9x] .prod-row:hover {
    background: color-mix(in srgb, var(--md-sys-color-on-surface) 6%, transparent) !important;
}
[b-th2fdo1s9x] .prod-row--inactive { opacity: 0.55; }

[b-th2fdo1s9x] .prod-skel-row {
    display: flex;
    gap: var(--space-5);
    padding: var(--space-4) var(--space-5);
    border-bottom: 1px solid var(--md-sys-color-outline-variant);
}
[b-th2fdo1s9x] .prod-skel-row:last-child { border-bottom: none; }

/* ═════ Form sections in dialog ═════ */
[b-th2fdo1s9x] .form-section {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}
[b-th2fdo1s9x] .form-section--more {
    padding-top: var(--space-4);
    border-top: 1px solid var(--md-sys-color-outline-variant);
    margin-top: var(--space-2);
}
[b-th2fdo1s9x] .form-section__head {
    display: flex;
    align-items: flex-start;
    gap: var(--space-3);
    margin-bottom: var(--space-2);
}
[b-th2fdo1s9x] .form-section__step {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--md-sys-color-primary-container);
    color: var(--md-sys-color-on-primary-container);
    display: flex; align-items: center; justify-content: center;
    font-size: var(--text-xs);
    font-weight: var(--md-sys-typescale-weight-semibold);
    flex-shrink: 0;
    margin-top: 2px;
}
[b-th2fdo1s9x] .form-section__step--soft {
    background: var(--md-sys-color-surface-container);
    color: var(--md-sys-color-on-surface-variant);
}
[b-th2fdo1s9x] .form-section__title {
    margin: 0;
    font-size: var(--md-sys-typescale-body-large-size);
    font-weight: var(--md-sys-typescale-weight-semibold);
    color: var(--md-sys-color-on-surface);
}
[b-th2fdo1s9x] .form-section__hint {
    margin: 2px 0 0;
    font-size: var(--text-xs);
    color: var(--md-sys-color-on-surface-variant);
}

/* ═════ "Show more" toggle button ═════ */
[b-th2fdo1s9x] .more-toggle {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    width: 100%;
    padding: var(--space-3) var(--space-4);
    background: transparent;
    border: 1px dashed var(--md-sys-color-outline-variant);
    border-radius: var(--md-sys-shape-corner-small);
    color: var(--md-sys-color-primary);
    font-family: var(--md-sys-typescale-plain-font);
    font-size: var(--md-sys-typescale-body-medium-size);
    font-weight: var(--md-sys-typescale-weight-medium);
    cursor: pointer;
    text-align: right;
    direction: rtl;
    transition:
        background-color var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard),
        border-color    var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard);
}
[b-th2fdo1s9x] .more-toggle:hover {
    background: color-mix(in srgb, var(--md-sys-color-primary) 8%, transparent);
    border-color: var(--md-sys-color-primary);
    border-style: solid;
}
[b-th2fdo1s9x] .more-toggle__chevron {
    font-size: 1.2rem !important;
}
[b-th2fdo1s9x] .more-toggle__hint {
    color: var(--md-sys-color-on-surface-variant);
    font-weight: var(--md-sys-typescale-weight-regular);
    font-size: var(--text-xs);
    margin-right: auto;
}

/* ═════ Season multi-chip ═════ */
[b-th2fdo1s9x] .season-chips {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--space-2);
}
@media (max-width: 599px) {
    [b-th2fdo1s9x] .season-chips { grid-template-columns: 1fr 1fr; }
}
[b-th2fdo1s9x] .season-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 10px 12px;
    background: transparent;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: var(--md-sys-shape-corner-small);
    color: var(--md-sys-color-on-surface);
    font-family: var(--md-sys-typescale-plain-font);
    font-size: var(--md-sys-typescale-body-medium-size);
    font-weight: var(--md-sys-typescale-weight-medium);
    cursor: pointer;
    transition:
        background-color var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard),
        border-color    var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard);
}
[b-th2fdo1s9x] .season-chip:hover {
    background: color-mix(in srgb, var(--md-sys-color-on-surface) 6%, transparent);
}
[b-th2fdo1s9x] .season-chip--on {
    background: var(--md-sys-color-secondary-container);
    color: var(--md-sys-color-on-secondary-container);
    border-color: transparent;
}
[b-th2fdo1s9x] .season-chip__icon { font-size: 1.05rem !important; }

/* ═════ Images mini-section ═════ */
[b-th2fdo1s9x] .img-section {
    padding-top: var(--space-3);
    border-top: 1px solid var(--md-sys-color-outline-variant);
}

/* ═════ Pagination ═════ */
[b-th2fdo1s9x] .ds-pagination-row {
    display: flex;
    justify-content: center;
    padding: 12px 16px;
    border-top: 1px solid var(--md-sys-color-outline-variant);
}
/* /Components/Pages/Admin/ProductTypes.razor.rz.scp.css */
/* ProductTypes admin page — scoped styles */

[b-dl5ye6oimp] .ref-skel-row {
    display: flex; gap: var(--space-4);
    padding: 14px 16px;
    border-bottom: 1px solid var(--md-sys-color-outline-variant);
}

[b-dl5ye6oimp] .ref-row:hover {
    background: color-mix(in srgb, var(--md-sys-color-on-surface) 6%, transparent) !important;
}

[b-dl5ye6oimp] .ref-table .col-id { width: 56px; }
[b-dl5ye6oimp] .ref-table .col-name { min-width: 240px; }
[b-dl5ye6oimp] .ref-table .col-count { width: 140px; }

[b-dl5ye6oimp] .ref-name {
    font-weight: var(--md-sys-typescale-weight-medium);
    color: var(--md-sys-color-on-surface);
}

[b-dl5ye6oimp] .cell-id {
    font-size: var(--text-xs) !important;
    color: var(--md-sys-color-on-surface-variant) !important;
    font-variant-numeric: tabular-nums;
}
/* /Components/Pages/Admin/SaleEditor.razor.rz.scp.css */
/* SaleEditor styles live in /css/editor.css (se-*) and /css/sale-cart.css (qm-*),
   global so the same document-editor layout can be reused by other editors. */
/* /Components/Pages/Admin/Sales.razor.rz.scp.css */
/* Sales list — page-specific. Primitives in /css/material3.css */

[b-ksfrvv6ogp] .sale-table .col-doc       { width: 160px; }
[b-ksfrvv6ogp] .sale-table .col-date      { width: 120px; }
[b-ksfrvv6ogp] .sale-table .col-customer  { min-width: 180px; }
[b-ksfrvv6ogp] .sale-table .col-branch    { width: 140px; }
[b-ksfrvv6ogp] .sale-table .col-seller    { width: 140px; }
[b-ksfrvv6ogp] .sale-table .col-num       { width: 70px;  text-align: center; }
[b-ksfrvv6ogp] .sale-table .col-total     { width: 140px; }
[b-ksfrvv6ogp] .sale-table .col-payment   { width: 160px; }
[b-ksfrvv6ogp] .sale-table .col-status    { width: 100px; }

[b-ksfrvv6ogp] .doc-cell {
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    color: var(--md-sys-color-on-surface);
    direction: ltr;
    text-align: right;
    font-variant-numeric: tabular-nums;
}
[b-ksfrvv6ogp] .date-cell { font-size: var(--text-sm); font-variant-numeric: tabular-nums; }
[b-ksfrvv6ogp] .date-rel {
    font-size: var(--text-xs);
    color: var(--md-sys-color-on-surface-variant);
    margin-top: 2px;
}

[b-ksfrvv6ogp] .customer-anon {
    font-size: var(--text-sm);
    color: var(--md-sys-color-on-surface-variant);
    font-style: italic;
}
[b-ksfrvv6ogp] .customer-name {
    font-size: var(--text-sm);
    color: var(--md-sys-color-on-surface);
    font-weight: var(--md-sys-typescale-weight-medium);
}
[b-ksfrvv6ogp] .customer-phone {
    font-size: var(--text-xs);
    color: var(--md-sys-color-on-surface-variant);
    margin-top: 2px;
    direction: ltr;
    text-align: right;
    font-variant-numeric: tabular-nums;
}

[b-ksfrvv6ogp] .num-cell {
    font-variant-numeric: tabular-nums;
    color: var(--md-sys-color-on-surface-variant);
    text-align: center;
}
[b-ksfrvv6ogp] .amount-cell {
    font-variant-numeric: tabular-nums;
    text-align: right;
    font-weight: var(--md-sys-typescale-weight-medium);
}
[b-ksfrvv6ogp] .amount-cell .cur-suffix { margin-inline-start: 4px; }
[b-ksfrvv6ogp] .cur-suffix {
    font-size: var(--text-xs);
    color: var(--md-sys-color-on-surface-variant);
    font-weight: var(--md-sys-typescale-weight-regular);
}

[b-ksfrvv6ogp] .pay-chips {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
}
[b-ksfrvv6ogp] .pay-chip {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 8px;
    border-radius: var(--md-sys-shape-corner-extra-small);
    font-size: var(--text-xs);
    font-weight: var(--md-sys-typescale-weight-medium);
    line-height: 1.5;
    border: 1px solid transparent;
}
[b-ksfrvv6ogp] .pay-chip__icon {
    font-size: 0.85rem !important;
}
[b-ksfrvv6ogp] .pay-chip--cash {
    background: var(--payment-cash-container);
    color: var(--payment-cash-on-container);
}
[b-ksfrvv6ogp] .pay-chip--pos {
    background: var(--payment-pos-container);
    color: var(--payment-pos-on-container);
}

[b-ksfrvv6ogp] .sale-row:hover {
    background: color-mix(in srgb, var(--md-sys-color-on-surface) 6%, transparent) !important;
}
[b-ksfrvv6ogp] .sale-row--cancelled {
    opacity: 0.55;
}
[b-ksfrvv6ogp] .sale-row--cancelled .doc-cell {
    text-decoration: line-through;
}

[b-ksfrvv6ogp] .sale-skel-row {
    display: flex;
    gap: var(--space-4);
    padding: var(--space-3) var(--space-4);
    align-items: center;
    border-bottom: 1px solid var(--md-sys-color-outline-variant);
}
[b-ksfrvv6ogp] .sale-skel-row:last-child { border-bottom: none; }
/* /Components/Pages/Admin/Staff.razor.rz.scp.css */
/* Staff — page-specific only. Primitives in /css/design-system.css */

/* ─── Toolbar layout ──────────────────────────── */
[b-rd5yo1wrhq] .role-filter {
    flex-shrink: 0;
}

/* ─── Inline empty under table ────────────────── */
[b-rd5yo1wrhq] .staff-empty--inline {
    padding: var(--space-12) var(--space-5);
    margin: 0;
    border: none;
}

/* ─── Table columns ───────────────────────────── */
[b-rd5yo1wrhq] .staff-table .col-identity { min-width: 240px; }
[b-rd5yo1wrhq] .staff-table .col-roles    { width: 220px; }
[b-rd5yo1wrhq] .staff-table .col-branch   { width: 180px; }
[b-rd5yo1wrhq] .staff-table .col-phone    { width: 140px; }
[b-rd5yo1wrhq] .staff-table .col-status   { width: 100px; }
[b-rd5yo1wrhq] .staff-table .col-login    { width: 140px; }

[b-rd5yo1wrhq] .role-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

/* ─── Role chip grid in dialog ────────────────── */
[b-rd5yo1wrhq] .role-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}
@media (max-width: 599px) {
    [b-rd5yo1wrhq] .role-grid { grid-template-columns: 1fr; }
}
[b-rd5yo1wrhq] .role-chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: var(--md-sys-shape-corner-small);
    background: transparent;
    color: var(--md-sys-color-on-surface);
    font-family: var(--md-sys-typescale-plain-font);
    font-size: var(--md-sys-typescale-body-medium-size);
    font-weight: var(--md-sys-typescale-weight-medium);
    cursor: pointer;
    text-align: right;
    direction: rtl;
    transition:
        background-color var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard),
        border-color    var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard);
}
[b-rd5yo1wrhq] .role-chip:hover:not([disabled]) {
    background: color-mix(in srgb, var(--md-sys-color-on-surface) 6%, transparent);
}
[b-rd5yo1wrhq] .role-chip--on {
    background: var(--md-sys-color-secondary-container);
    color: var(--md-sys-color-on-secondary-container);
    border-color: transparent;
}
[b-rd5yo1wrhq] .role-chip--disabled {
    opacity: 0.38;
    cursor: not-allowed;
}
[b-rd5yo1wrhq] .role-chip__check {
    font-size: 1.15rem !important;
}
[b-rd5yo1wrhq] .role-chip--on .role-chip__check {
    color: var(--md-sys-color-on-secondary-container) !important;
}

/* ─── Cell formatting ─────────────────────────── */
[b-rd5yo1wrhq] .phone-cell {
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    color: var(--muted-foreground);
    direction: ltr;
    text-align: right;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0;
}

[b-rd5yo1wrhq] .last-login {
    font-size: var(--text-sm);
    color: var(--muted-foreground);
}

[b-rd5yo1wrhq] .staff-row--inactive {
    opacity: 0.6;
}

/* "محل خدمت" cell variants */
[b-rd5yo1wrhq] .loc-wh {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    min-width: 0;
}
[b-rd5yo1wrhq] .loc-wh__name {
    font-size: var(--text-sm);
    color: var(--foreground);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
[b-rd5yo1wrhq] .loc-icon {
    font-size: 0.95rem !important;
    color: var(--muted-foreground) !important;
    flex-shrink: 0;
}
[b-rd5yo1wrhq] .loc-icon--central {
    color: var(--primary) !important;
}
[b-rd5yo1wrhq] .loc-muted {
    color: var(--mud-palette-text-disabled);
}

/* ─── Avatar color by role ────────────────────── */
[b-rd5yo1wrhq] .avatar--admin {
    background: var(--primary-soft);
    color: var(--primary-soft-fg);
}
[b-rd5yo1wrhq] .avatar--manager {
    background: var(--warning-soft);
    color: var(--warning-soft-fg);
}
[b-rd5yo1wrhq] .avatar--stock {
    background: var(--success-soft);
    color: var(--success-soft-fg);
}
[b-rd5yo1wrhq] .avatar--seller {
    background: var(--muted);
    color: var(--muted-foreground);
}

/* ─── Skeleton row ────────────────────────────── */
[b-rd5yo1wrhq] .staff-skel-row {
    display: flex;
    gap: var(--space-4);
    padding: var(--space-3) var(--space-4);
    align-items: center;
    border-bottom: 1px solid var(--border);
}
[b-rd5yo1wrhq] .staff-skel-row:last-child { border-bottom: none; }

/* ─── Mobile: switch table → stacked cards ────── */
@media (max-width: 899px) {
    [b-rd5yo1wrhq] .staff-table thead { display: none; }

    [b-rd5yo1wrhq] .staff-table,
    [b-rd5yo1wrhq] .staff-table tbody {
        display: block;
    }

    [b-rd5yo1wrhq] .staff-table tbody tr {
        display: grid;
        grid-template-columns: 1fr auto;
        grid-template-areas:
            "ident   actions"
            "role    status"
            "branch  branch"
            "phone   login";
        gap: var(--space-2) var(--space-3);
        padding: var(--space-4);
        border-bottom: 1px solid var(--border);
    }

    [b-rd5yo1wrhq] .staff-table tbody td {
        display: block;
        border: 0;
        padding: 0;
    }

    [b-rd5yo1wrhq] .staff-table .col-identity        { grid-area: ident; }
    [b-rd5yo1wrhq] .staff-table .col-roles           { grid-area: role; width: auto; }
    [b-rd5yo1wrhq] .staff-table .col-branch          { grid-area: branch; width: auto; font-size: var(--text-sm); color: var(--muted-foreground); }
    [b-rd5yo1wrhq] .staff-table .col-phone           { grid-area: phone; width: auto; }
    [b-rd5yo1wrhq] .staff-table .col-status          { grid-area: status; width: auto; text-align: left; }
    [b-rd5yo1wrhq] .staff-table .col-login           { grid-area: login; width: auto; text-align: left; }
    [b-rd5yo1wrhq] .staff-table .ds-table__cell-actions {
        grid-area: actions;
        width: auto;
        text-align: left;
    }
}

/* ─── Toolbar mobile: stack ───────────────────── */
@media (max-width: 699px) {
    [b-rd5yo1wrhq] .ds-table-toolbar {
        flex-wrap: wrap;
    }
    [b-rd5yo1wrhq] .ds-search {
        max-width: 100%;
        width: 100%;
    }
    [b-rd5yo1wrhq] .role-filter {
        width: 100%;
        overflow-x: auto;
    }
}
/* /Components/Pages/Admin/StockDocumentEditor.razor.rz.scp.css */
/* StockDocumentEditor styles live in /css/editor.css (shared se-* document editor). */
/* /Components/Pages/Admin/StockReceiptEditor.razor.rz.scp.css */
/* StockReceiptEditor styles live in /css/editor.css (shared se-* document editor). */
/* /Components/Pages/Admin/StockReceipts.razor.rz.scp.css */
/* Stock receipts list — aligned with the stock transfer table surface. */

[b-sga9lsnzlt] .rec-table .col-doc { width: 160px; }
[b-sga9lsnzlt] .rec-table .col-date { width: 120px; }
[b-sga9lsnzlt] .rec-table .col-supplier { min-width: 180px; }
[b-sga9lsnzlt] .rec-table .col-warehouse { min-width: 180px; }
[b-sga9lsnzlt] .rec-table .col-num { width: 80px; text-align: center; }
[b-sga9lsnzlt] .rec-table .col-amount { width: 140px; }
[b-sga9lsnzlt] .rec-table .col-status { width: 120px; }

[b-sga9lsnzlt] .doc-cell {
    color: var(--md-sys-color-on-surface);
    direction: ltr;
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    font-variant-numeric: tabular-nums;
    text-align: right;
}

[b-sga9lsnzlt] .date-cell {
    font-size: var(--text-sm);
    font-variant-numeric: tabular-nums;
}

[b-sga9lsnzlt] .date-rel {
    color: var(--md-sys-color-on-surface-variant);
    font-size: var(--text-xs);
    margin-top: 2px;
}

[b-sga9lsnzlt] .num-cell {
    color: var(--md-sys-color-on-surface-variant);
    font-variant-numeric: tabular-nums;
    text-align: center;
}

[b-sga9lsnzlt] .amount-cell {
    direction: ltr;
    font-variant-numeric: tabular-nums;
    font-weight: var(--md-sys-typescale-weight-medium);
    text-align: right;
}

[b-sga9lsnzlt] .rec-row:hover {
    background: color-mix(in srgb, var(--md-sys-color-on-surface) 6%, transparent) !important;
}

[b-sga9lsnzlt] .rec-skel-row {
    align-items: center;
    border-bottom: 1px solid var(--md-sys-color-outline-variant);
    display: flex;
    gap: var(--space-4);
    padding: var(--space-3) var(--space-4);
}

[b-sga9lsnzlt] .rec-skel-row:last-child { border-bottom: none; }
/* /Components/Pages/Admin/StockTransfers.razor.rz.scp.css */
/* Stock Transfers list — page-specific. Primitives in /css/material3.css */

[b-47aznfmvkl] .tr-table .col-doc       { width: 160px; }
[b-47aznfmvkl] .tr-table .col-date      { width: 120px; }
[b-47aznfmvkl] .tr-table .col-flow      { min-width: 260px; }
[b-47aznfmvkl] .tr-table .col-num       { width: 80px;  text-align: center; }
[b-47aznfmvkl] .tr-table .col-total     { width: 110px; }
[b-47aznfmvkl] .tr-table .col-status    { width: 120px; }

[b-47aznfmvkl] .doc-cell {
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    color: var(--md-sys-color-on-surface);
    direction: ltr;
    text-align: right;
    font-variant-numeric: tabular-nums;
}

[b-47aznfmvkl] .date-cell {
    font-size: var(--text-sm);
    font-variant-numeric: tabular-nums;
}
[b-47aznfmvkl] .date-rel {
    font-size: var(--text-xs);
    color: var(--md-sys-color-on-surface-variant);
    margin-top: 2px;
}

[b-47aznfmvkl] .flow-cell {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    font-size: var(--text-sm);
}
[b-47aznfmvkl] .flow-from {
    color: var(--md-sys-color-on-surface-variant);
}
[b-47aznfmvkl] .flow-to {
    color: var(--md-sys-color-on-surface);
    font-weight: var(--md-sys-typescale-weight-medium);
}
[b-47aznfmvkl] .flow-arrow {
    font-size: 1rem !important;
    color: var(--md-sys-color-primary) !important;
    flex-shrink: 0;
}

[b-47aznfmvkl] .num-cell {
    font-variant-numeric: tabular-nums;
    color: var(--md-sys-color-on-surface-variant);
    text-align: center;
}

[b-47aznfmvkl] .amount-cell {
    font-variant-numeric: tabular-nums;
    direction: ltr;
    text-align: right;
    font-weight: var(--md-sys-typescale-weight-medium);
}

[b-47aznfmvkl] .tr-row:hover {
    background: color-mix(in srgb, var(--md-sys-color-on-surface) 6%, transparent) !important;
}

[b-47aznfmvkl] .tr-skel-row {
    display: flex;
    gap: var(--space-4);
    padding: var(--space-3) var(--space-4);
    align-items: center;
    border-bottom: 1px solid var(--md-sys-color-outline-variant);
}
[b-47aznfmvkl] .tr-skel-row:last-child { border-bottom: none; }
/* /Components/Pages/Admin/Suppliers.razor.rz.scp.css */
/* Suppliers — page-specific only. Primitives in /css/material3.css */

[b-ja2g2p3o1a] .sup-toolbar {
    margin-bottom: var(--space-5);
    direction: rtl;
}

[b-ja2g2p3o1a] .sup-card {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    padding: var(--space-4);
}

[b-ja2g2p3o1a] .sup-card--inactive { opacity: 0.7; }

[b-ja2g2p3o1a] .sup-identity {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    min-width: 0;
    flex: 1;
}

[b-ja2g2p3o1a] .sup-avatar {
    width: 40px;
    height: 40px;
    border-radius: var(--radius-lg);
    background: var(--md-sys-color-tertiary-container);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
[b-ja2g2p3o1a] .sup-avatar .mud-icon-root {
    font-size: 1.15rem !important;
    color: var(--md-sys-color-on-tertiary-container) !important;
}
[b-ja2g2p3o1a] .sup-card--inactive .sup-avatar {
    background: var(--md-sys-color-surface-container);
}
[b-ja2g2p3o1a] .sup-card--inactive .sup-avatar .mud-icon-root {
    color: var(--md-sys-color-on-surface-variant) !important;
}

[b-ja2g2p3o1a] .sup-name-wrap {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

[b-ja2g2p3o1a] .sup-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-ja2g2p3o1a] .sup-info {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    padding-top: var(--space-1);
}

[b-ja2g2p3o1a] .sup-info-row {
    display: flex;
    align-items: flex-start;
    gap: var(--space-2);
    min-width: 0;
}

[b-ja2g2p3o1a] .sup-info-icon {
    font-size: 1rem !important;
    color: var(--md-sys-color-on-surface-variant) !important;
    flex-shrink: 0;
    margin-top: 2px;
}

[b-ja2g2p3o1a] .sup-info-text {
    font-family: var(--font-sans);
    font-size: var(--text-sm);
    color: var(--md-sys-color-on-surface-variant);
    line-height: var(--leading-normal);
    word-break: break-word;
    min-width: 0;
}

[b-ja2g2p3o1a] .sup-info-text--ltr {
    direction: ltr;
    text-align: left;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    font-variant-numeric: tabular-nums;
}

/* ─── Bottom action bar ───────────────────────── */
[b-ja2g2p3o1a] .card-action-bar {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
    margin-top: auto;
    padding-top: var(--space-3);
    border-top: 1px solid var(--md-sys-color-outline-variant);
}
[b-ja2g2p3o1a] .card-action-bar .ds-btn {
    flex: 1;
    justify-content: center;
}
[b-ja2g2p3o1a] .card-action-bar__danger {
    color: var(--md-sys-color-error) !important;
}
[b-ja2g2p3o1a] .card-action-bar__danger:hover {
    background: color-mix(in srgb, var(--md-sys-color-error) 8%, transparent) !important;
}

@media (max-width: 599px) {
    [b-ja2g2p3o1a] .sup-toolbar { margin-bottom: var(--space-4); }
}
/* /Components/Pages/Admin/Warehouses.razor.rz.scp.css */
/* Warehouses — page-specific only. Primitives in /css/design-system.css */

[b-144lnp2r76] .wh-toolbar {
    margin-bottom: var(--ds-space-5);
    direction: rtl;
}

[b-144lnp2r76] .section-icon {
    font-size: 1.15rem !important;
    color: var(--ds-text-muted) !important;
}

/* ─── Warehouse card ──────────────────────────── */
[b-144lnp2r76] .wh-card {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--ds-space-3);
    padding: var(--ds-space-4);
}

[b-144lnp2r76] .wh-card--inactive { opacity: 0.7; }

[b-144lnp2r76] .wh-identity {
    display: flex;
    align-items: center;
    gap: var(--ds-space-3);
    min-width: 0;
    flex: 1;
}

[b-144lnp2r76] .wh-avatar {
    width: 40px;
    height: 40px;
    border-radius: var(--ds-radius-lg);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

[b-144lnp2r76] .wh-avatar--count {
    background: var(--ds-primary-soft);
}
[b-144lnp2r76] .wh-avatar--count .mud-icon-root {
    color: var(--ds-primary) !important;
    font-size: 1.15rem !important;
}

[b-144lnp2r76] .wh-avatar--volume {
    background: var(--ds-warning-soft);
}
[b-144lnp2r76] .wh-avatar--volume .mud-icon-root {
    color: var(--ds-warning) !important;
    font-size: 1.15rem !important;
}

[b-144lnp2r76] .wh-card--inactive .wh-avatar {
    background: var(--ds-surface-2);
}
[b-144lnp2r76] .wh-card--inactive .wh-avatar .mud-icon-root {
    color: var(--ds-text-muted) !important;
}

[b-144lnp2r76] .wh-name-wrap {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

[b-144lnp2r76] .wh-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-144lnp2r76] .ds-card__sub {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

[b-144lnp2r76] .wh-sub-icon {
    font-size: 0.85rem !important;
    color: var(--ds-text-muted) !important;
}

[b-144lnp2r76] .wh-meta {
    display: flex;
    flex-wrap: wrap;
    gap: var(--ds-space-2);
    padding-top: var(--ds-space-1);
}

[b-144lnp2r76] .wh-pill-icon {
    font-size: 0.85rem !important;
    margin-left: 2px;
}

/* ─── Bottom action bar (replaces hover-reveal) ── */
[b-144lnp2r76] .card-action-bar {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
    margin-top: auto;
    padding-top: var(--space-3);
    border-top: 1px solid var(--md-sys-color-outline-variant);
}
[b-144lnp2r76] .card-action-bar .ds-btn {
    flex: 1;
    justify-content: center;
}
[b-144lnp2r76] .card-action-bar__danger {
    color: var(--md-sys-color-error) !important;
}
[b-144lnp2r76] .card-action-bar__danger:hover {
    background: color-mix(in srgb, var(--md-sys-color-error) 8%, transparent) !important;
}

/* ─── Inline empty (under a section) ──────────── */
[b-144lnp2r76] .wh-empty--inline {
    padding: var(--ds-space-5);
    margin: 0;
}

/* ─── Mobile ──────────────────────────────────── */
@media (max-width: 599px) {
    [b-144lnp2r76] .wh-toolbar { margin-bottom: var(--ds-space-4); }
}
/* /Components/Pages/Worker.razor.rz.scp.css */
/* Home page — the dashboard cards live in wwwroot/css/dashboard.css. */

[b-uujbtwpx2v] .home-search { width: 100%; }

/* Strip the seller-page wrapper's own chrome so the search bar doesn't
   add a second container around itself. */
[b-uujbtwpx2v] .home-search .seller-page {
    max-width: 100%;
    padding: 0;
}
[b-uujbtwpx2v] .home-search .seller-search-zone {
    position: static;
    padding: 0;
    margin-bottom: 0;
    background: transparent;
    background-image: none;
}
/* /Components/Shared/HomeWidgets/LowStockWidget.razor.rz.scp.css */
[b-jf0rabehb6] .ls-widget {
    background: var(--md-sys-color-surface-container-low);
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: var(--md-sys-shape-corner-medium);
    padding: 20px;
    direction: rtl;
    display: flex;
    flex-direction: column;
    height: 100%;
    scroll-margin-top: 80px;
}
[b-jf0rabehb6] .ls-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}
[b-jf0rabehb6] .ls-title {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    font-size: var(--md-sys-typescale-title-medium-size);
    font-weight: var(--md-sys-typescale-weight-semibold);
    color: var(--md-sys-color-on-surface);
}
[b-jf0rabehb6] .ls-title-icon {
    font-size: 1.2rem !important;
    color: var(--md-sys-color-warning) !important;
}
[b-jf0rabehb6] .ls-link {
    font-size: var(--text-sm);
    color: var(--md-sys-color-primary);
    text-decoration: none;
    font-weight: var(--md-sys-typescale-weight-medium);
}
[b-jf0rabehb6] .ls-link:hover { text-decoration: underline; }

[b-jf0rabehb6] .ls-placeholder {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 24px 12px;
    text-align: center;
}
[b-jf0rabehb6] .ls-placeholder-icon {
    font-size: 2rem !important;
    color: var(--md-sys-color-on-surface-variant);
}
[b-jf0rabehb6] .ls-placeholder-text {
    margin: 0;
    font-size: var(--text-sm);
    color: var(--md-sys-color-on-surface-variant);
}
[b-jf0rabehb6] .ls-load-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 20px;
    font-family: inherit;
    font-size: var(--md-sys-typescale-label-large-size);
    font-weight: var(--md-sys-typescale-weight-medium);
    color: var(--md-sys-color-on-primary-container);
    background: var(--md-sys-color-primary-container);
    border: none;
    border-radius: var(--md-sys-shape-corner-medium);
    cursor: pointer;
    transition: filter var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);
}
[b-jf0rabehb6] .ls-load-btn:hover:not(:disabled) { filter: brightness(0.95); }
[b-jf0rabehb6] .ls-load-btn:disabled { opacity: 0.7; cursor: wait; }

[b-jf0rabehb6] .ls-empty {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 24px 12px;
    font-size: var(--text-sm);
    color: var(--md-sys-color-on-surface-variant);
}
[b-jf0rabehb6] .ls-empty-icon {
    font-size: 1.75rem !important;
    color: var(--md-sys-color-outline);
}

[b-jf0rabehb6] .ls-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
[b-jf0rabehb6] .ls-item {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-areas:
        "main qty"
        "bar  bar";
    gap: 4px 12px;
    padding: 10px 12px;
    background: var(--md-sys-color-surface-container);
    border-radius: var(--md-sys-shape-corner-small);
}
[b-jf0rabehb6] .ls-item-main { grid-area: main; min-width: 0; }
[b-jf0rabehb6] .ls-item-name {
    font-family: var(--md-sys-typescale-plain-font);
    font-size: var(--md-sys-typescale-body-medium-size);
    font-weight: var(--md-sys-typescale-weight-medium);
    color: var(--md-sys-color-on-surface);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
[b-jf0rabehb6] .ls-item-meta {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: var(--text-xs);
    color: var(--md-sys-color-on-surface-variant);
    margin-top: 2px;
}
[b-jf0rabehb6] .ls-item-meta-icon {
    font-size: 0.85rem !important;
    color: var(--md-sys-color-on-surface-variant) !important;
}
[b-jf0rabehb6] .ls-item-qty {
    grid-area: qty;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    line-height: 1.1;
}
[b-jf0rabehb6] .ls-item-qty-num {
    font-family: var(--md-sys-typescale-plain-font);
    font-size: var(--md-sys-typescale-title-medium-size);
    font-weight: var(--md-sys-typescale-weight-semibold);
    color: var(--md-sys-color-warning);
    font-variant-numeric: tabular-nums;
    direction: ltr;
}
[b-jf0rabehb6] .ls-item-qty-unit {
    font-size: var(--text-xs);
    color: var(--md-sys-color-on-surface-variant);
}
[b-jf0rabehb6] .ls-item--critical .ls-item-qty-num { color: var(--md-sys-color-error); }

[b-jf0rabehb6] .ls-item-bar {
    grid-area: bar;
    height: 4px;
    background: color-mix(in srgb, var(--md-sys-color-on-surface) 6%, transparent);
    border-radius: 2px;
    overflow: hidden;
}
[b-jf0rabehb6] .ls-item-bar-fill {
    height: 100%;
    background: var(--md-sys-color-warning);
    border-radius: 2px;
    transition: width var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-standard);
}
[b-jf0rabehb6] .ls-item--critical .ls-item-bar-fill { background: var(--md-sys-color-error); }
/* /Components/Shared/HomeWidgets/OpenTasksWidget.razor.rz.scp.css */
[b-bn5qcxraw7] .ot-widget {
    background: var(--md-sys-color-surface-container-low);
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: var(--md-sys-shape-corner-medium);
    padding: 20px;
    direction: rtl;
    display: flex;
    flex-direction: column;
    height: 100%;
}
[b-bn5qcxraw7] .ot-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}
[b-bn5qcxraw7] .ot-title {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    font-family: var(--md-sys-typescale-plain-font);
    font-size: var(--md-sys-typescale-title-medium-size);
    font-weight: var(--md-sys-typescale-weight-semibold);
    color: var(--md-sys-color-on-surface);
}
[b-bn5qcxraw7] .ot-title-icon {
    font-size: 1.2rem !important;
    color: var(--md-sys-color-primary) !important;
}
[b-bn5qcxraw7] .ot-total {
    font-size: var(--text-xs);
    padding: 3px 10px;
    background: var(--md-sys-color-surface-container);
    border-radius: var(--md-sys-shape-corner-full);
    color: var(--md-sys-color-on-surface-variant);
    font-variant-numeric: tabular-nums;
}

[b-bn5qcxraw7] .ot-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}
@media (max-width: 699px) {
    [b-bn5qcxraw7] .ot-list { grid-template-columns: 1fr; }
}
[b-bn5qcxraw7] .ot-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border-radius: var(--md-sys-shape-corner-small);
    cursor: pointer;
    transition: background-color var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard),
                border-color var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard);
    border: 1px solid var(--md-sys-color-outline-variant);
    background: var(--md-sys-color-surface-container-lowest);
}
[b-bn5qcxraw7] .ot-item:hover {
    background: color-mix(in srgb, var(--md-sys-color-on-surface) 4%, transparent);
    border-color: var(--md-sys-color-primary);
}
[b-bn5qcxraw7] .ot-item-icon {
    width: 36px; height: 36px;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
    background: var(--md-sys-color-surface-container);
}
[b-bn5qcxraw7] .ot-item-icon .mud-icon-root {
    font-size: 1.1rem !important;
    color: var(--md-sys-color-on-surface-variant) !important;
}
[b-bn5qcxraw7] .ot-item--warning .ot-item-icon { background: var(--md-sys-color-warning-container); }
[b-bn5qcxraw7] .ot-item--warning .ot-item-icon .mud-icon-root { color: var(--md-sys-color-on-warning-container) !important; }
[b-bn5qcxraw7] .ot-item--danger .ot-item-icon { background: var(--md-sys-color-error-container); }
[b-bn5qcxraw7] .ot-item--danger .ot-item-icon .mud-icon-root { color: var(--md-sys-color-on-error-container) !important; }

[b-bn5qcxraw7] .ot-item-body { flex: 1; min-width: 0; }
[b-bn5qcxraw7] .ot-item-label {
    font-family: var(--md-sys-typescale-plain-font);
    font-size: var(--md-sys-typescale-body-medium-size);
    font-weight: var(--md-sys-typescale-weight-medium);
    color: var(--md-sys-color-on-surface);
    line-height: 1.3;
}
[b-bn5qcxraw7] .ot-item-sub {
    font-size: var(--text-xs);
    color: var(--md-sys-color-on-surface-variant);
    margin-top: 2px;
}
[b-bn5qcxraw7] .ot-item-count-num {
    display: inline-block;
    min-width: 26px;
    height: 26px;
    line-height: 26px;
    padding: 0 8px;
    text-align: center;
    border-radius: var(--md-sys-shape-corner-full);
    background: var(--md-sys-color-primary);
    color: var(--md-sys-color-on-primary);
    font-family: var(--md-sys-typescale-plain-font);
    font-size: var(--text-sm);
    font-weight: var(--md-sys-typescale-weight-semibold);
    font-variant-numeric: tabular-nums;
}
[b-bn5qcxraw7] .ot-item--warning .ot-item-count-num { background: var(--md-sys-color-warning); color: var(--md-sys-color-on-warning); }
[b-bn5qcxraw7] .ot-item--danger  .ot-item-count-num { background: var(--md-sys-color-error);   color: var(--md-sys-color-on-error); }

[b-bn5qcxraw7] .ot-item-arrow {
    color: var(--md-sys-color-on-surface-variant);
    flex-shrink: 0;
    opacity: 0.6;
    transition: opacity var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard);
}
[b-bn5qcxraw7] .ot-item:hover .ot-item-arrow { opacity: 1; }
/* /Components/Shared/HomeWidgets/TopProductsWidget.razor.rz.scp.css */
[b-ut977my0ex] .tp-widget {
    background: var(--md-sys-color-surface-container-low);
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: var(--md-sys-shape-corner-medium);
    padding: 20px;
    direction: rtl;
    display: flex;
    flex-direction: column;
    gap: 14px;
    height: 100%;
}

[b-ut977my0ex] .tp-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
[b-ut977my0ex] .tp-title {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    font-size: var(--md-sys-typescale-title-medium-size);
    font-weight: var(--md-sys-typescale-weight-semibold);
    color: var(--md-sys-color-on-surface);
}
[b-ut977my0ex] .tp-title-icon { font-size: 1.2rem !important; color: var(--md-sys-color-primary) !important; }
[b-ut977my0ex] .tp-link {
    font-size: var(--text-sm);
    color: var(--md-sys-color-primary);
    text-decoration: none;
    font-weight: var(--md-sys-typescale-weight-medium);
}
[b-ut977my0ex] .tp-link:hover { text-decoration: underline; }

[b-ut977my0ex] .tp-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

[b-ut977my0ex] .tp-row {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr) auto;
    grid-template-areas:
        "rank prod stats"
        ".    bar  bar";
    column-gap: 12px;
    row-gap: 6px;
    padding: 10px 12px;
    background: var(--md-sys-color-surface-container);
    border-radius: var(--md-sys-shape-corner-small);
    align-items: center;
}

[b-ut977my0ex] .tp-rank {
    grid-area: rank;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    font-family: var(--md-sys-typescale-plain-font);
    font-size: var(--text-sm);
    font-weight: var(--md-sys-typescale-weight-semibold);
    font-variant-numeric: tabular-nums;
}
[b-ut977my0ex] .tp-rank--top {
    background: var(--md-sys-color-primary);
    color: var(--md-sys-color-on-primary);
}
[b-ut977my0ex] .tp-rank--rest {
    background: var(--md-sys-color-surface-container-highest);
    color: var(--md-sys-color-on-surface-variant);
}

[b-ut977my0ex] .tp-prod { grid-area: prod; min-width: 0; }
[b-ut977my0ex] .tp-prod-name {
    font-family: var(--md-sys-typescale-plain-font);
    font-size: var(--md-sys-typescale-body-medium-size);
    font-weight: var(--md-sys-typescale-weight-medium);
    color: var(--md-sys-color-on-surface);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
[b-ut977my0ex] .tp-prod-en {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: var(--text-xs);
    color: var(--md-sys-color-on-surface-variant);
    direction: ltr;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-ut977my0ex] .tp-stats {
    grid-area: stats;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    line-height: 1.2;
}
[b-ut977my0ex] .tp-qty {
    font-family: var(--md-sys-typescale-plain-font);
    font-size: var(--md-sys-typescale-body-medium-size);
    font-weight: var(--md-sys-typescale-weight-semibold);
    color: var(--md-sys-color-on-surface);
    font-variant-numeric: tabular-nums;
}
[b-ut977my0ex] .tp-qty-unit {
    font-size: var(--text-xs);
    color: var(--md-sys-color-on-surface-variant);
    font-weight: var(--md-sys-typescale-weight-regular);
    margin-right: 3px;
}
[b-ut977my0ex] .tp-amount {
    font-size: var(--text-xs);
    color: var(--md-sys-color-on-surface-variant);
    font-variant-numeric: tabular-nums;
    margin-top: 2px;
    direction: ltr;
}
[b-ut977my0ex] .tp-amount-unit { margin-right: 3px; opacity: 0.85; }

[b-ut977my0ex] .tp-bar {
    grid-area: bar;
    height: 4px;
    background: color-mix(in srgb, var(--md-sys-color-on-surface) 6%, transparent);
    border-radius: 2px;
    overflow: hidden;
}
[b-ut977my0ex] .tp-bar-fill {
    height: 100%;
    background: linear-gradient(90deg, var(--md-sys-color-primary), color-mix(in srgb, var(--md-sys-color-primary) 40%, transparent));
    border-radius: 2px;
    transition: width var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-standard);
}
/* /Components/Shared/IncomingApprovalDialog.razor.rz.scp.css */
[b-r5ac9zxmu3] .iad-title-sub {
    font-size: var(--text-sm);
    font-weight: var(--md-sys-typescale-weight-regular);
    color: var(--md-sys-color-on-surface-variant);
    margin-right: 4px;
}

[b-r5ac9zxmu3] .iad {
    direction: rtl;
    display: flex;
    flex-direction: column;
    gap: 14px;
}
[b-r5ac9zxmu3] .iad-hint {
    margin: 0;
    font-size: var(--text-sm);
    color: var(--md-sys-color-on-surface-variant);
    line-height: 1.6;
}

[b-r5ac9zxmu3] .iad-card {
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: var(--md-sys-shape-corner-medium);
    background: var(--md-sys-color-surface-container-lowest);
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 14px 16px;
}
[b-r5ac9zxmu3] .iad-card-head {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
[b-r5ac9zxmu3] .iad-card-headline {
    display: flex;
    align-items: center;
    gap: 10px;
}
[b-r5ac9zxmu3] .iad-card-doc {
    margin: 0;
    font-family: var(--md-sys-typescale-plain-font);
    font-size: var(--md-sys-typescale-title-small-size);
    font-weight: var(--md-sys-typescale-weight-semibold);
    color: var(--md-sys-color-on-surface);
    font-variant-numeric: tabular-nums;
}
[b-r5ac9zxmu3] .iad-card-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    font-size: var(--text-xs);
    color: var(--md-sys-color-on-surface-variant);
}
[b-r5ac9zxmu3] .iad-sep { opacity: 0.5; }

[b-r5ac9zxmu3] .iad-lines {
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: var(--md-sys-shape-corner-small);
    overflow: hidden;
}
[b-r5ac9zxmu3] .iad-lines-head,
[b-r5ac9zxmu3] .iad-line {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr) 120px;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
}
[b-r5ac9zxmu3] .iad-lines-head {
    background: var(--md-sys-color-surface-container);
    color: var(--md-sys-color-on-surface-variant);
    font-size: var(--text-xs);
    font-weight: var(--md-sys-typescale-weight-semibold);
    border-bottom: 1px solid var(--md-sys-color-outline-variant);
}
[b-r5ac9zxmu3] .iad-num-col { text-align: center; }
[b-r5ac9zxmu3] .iad-line {
    border-bottom: 1px solid var(--md-sys-color-outline-variant);
}
[b-r5ac9zxmu3] .iad-line:last-child { border-bottom: 0; }

[b-r5ac9zxmu3] .iad-line-num {
    font-family: var(--md-sys-typescale-plain-font);
    font-size: var(--text-xs);
    color: var(--md-sys-color-on-surface-variant);
    text-align: center;
}
[b-r5ac9zxmu3] .iad-line-prod { min-width: 0; }
[b-r5ac9zxmu3] .iad-line-fa {
    font-size: var(--md-sys-typescale-body-medium-size);
    font-weight: var(--md-sys-typescale-weight-medium);
    color: var(--md-sys-color-on-surface);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
[b-r5ac9zxmu3] .iad-line-en {
    font-size: var(--text-xs);
    color: var(--md-sys-color-on-surface-variant);
    direction: ltr;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
[b-r5ac9zxmu3] .iad-line-qty {
    font-family: var(--md-sys-typescale-plain-font);
    font-size: var(--md-sys-typescale-body-medium-size);
    font-weight: var(--md-sys-typescale-weight-semibold);
    color: var(--md-sys-color-on-surface);
    text-align: center;
    font-variant-numeric: tabular-nums;
}
[b-r5ac9zxmu3] .iad-line-qty-unit {
    font-size: var(--text-xs);
    color: var(--md-sys-color-on-surface-variant);
    font-weight: var(--md-sys-typescale-weight-regular);
    margin-inline-start: 3px;
}

[b-r5ac9zxmu3] .iad-card-notes {
    font-size: var(--text-sm);
    color: var(--md-sys-color-on-surface-variant);
    padding: 6px 10px;
    background: var(--md-sys-color-surface-container);
    border-radius: var(--md-sys-shape-corner-extra-small);
}
[b-r5ac9zxmu3] .iad-card-notes strong { color: var(--md-sys-color-on-surface); }

[b-r5ac9zxmu3] .iad-card-actions {
    display: flex;
    gap: 8px;
    justify-content: flex-start;
}

[b-r5ac9zxmu3] .iad-empty {
    padding: 40px 16px;
    text-align: center;
    color: var(--md-sys-color-on-surface-variant);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

/* Reject step */
[b-r5ac9zxmu3] .iad-reject {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 16px;
    background: var(--md-sys-color-error-container);
    color: var(--md-sys-color-on-error-container);
    border-radius: var(--md-sys-shape-corner-medium);
}
[b-r5ac9zxmu3] .iad-reject-title { margin: 0; font-size: var(--md-sys-typescale-title-small-size); }
[b-r5ac9zxmu3] .iad-reject-hint { margin: 0; font-size: var(--text-sm); }
[b-r5ac9zxmu3] .iad-reject-input { background: var(--md-sys-color-surface-container-lowest); color: var(--md-sys-color-on-surface); }
[b-r5ac9zxmu3] .iad-reject-actions { display: flex; gap: 8px; }

[b-r5ac9zxmu3] .qm-btn-go {
    background-color: var(--md-sys-color-success) !important;
    color: var(--md-sys-color-on-success) !important;
    border-color: transparent !important;
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    box-shadow: var(--md-sys-elevation-level2) !important;
}
[b-r5ac9zxmu3] .qm-btn-go:hover:not(:disabled) {
    background-color: color-mix(in srgb, var(--md-sys-color-success) 90%, var(--md-sys-color-on-success)) !important;
    box-shadow: var(--md-sys-elevation-level3) !important;
}
/* /Components/Shared/QuickMultiSaleDialog.razor.rz.scp.css */
/* QuickMultiSaleDialog — dialog-only chrome. Shared cart/payment/customer
   primitives live in /css/sale-cart.css; gender pills in app.css. */

[b-plyd5qrjpu] .qm-title-sub {
    font-size: var(--text-sm);
    font-weight: var(--md-sys-typescale-weight-regular);
    color: var(--md-sys-color-on-surface-variant);
    margin-right: 4px;
}

[b-plyd5qrjpu] .qm {
    direction: rtl;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

[b-plyd5qrjpu] .qm-wh-row,
[b-plyd5qrjpu] .qm-search-row { width: 100%; }

/* Cap cart height inside the dialog (page version uses a different cap). */
[b-plyd5qrjpu] .qm-cart { max-height: 340px; }

/* ════════════════════════════════════════════════════════════════
   CONFIRM (replaces dialog actions when user clicks "ثبت فاکتور")
════════════════════════════════════════════════════════════════ */
[b-plyd5qrjpu] .qm-confirm {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    padding: var(--space-4);
    background: var(--md-sys-color-warning-container);
    color: var(--md-sys-color-on-warning-container);
    border-radius: var(--md-sys-shape-corner-medium);
    direction: rtl;
}
[b-plyd5qrjpu] .qm-confirm-msg {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-family: var(--md-sys-typescale-plain-font);
}
[b-plyd5qrjpu] .qm-confirm-msg strong {
    font-size: var(--md-sys-typescale-title-medium-size);
    font-weight: var(--md-sys-typescale-weight-semibold);
}
[b-plyd5qrjpu] .qm-confirm-sub {
    font-size: var(--text-sm);
    opacity: 0.85;
}
[b-plyd5qrjpu] .qm-confirm-actions {
    display: flex;
    gap: var(--space-2);
    direction: rtl;
    align-items: center;
    justify-content: flex-start;
}

[b-plyd5qrjpu] .qm-btn-go {
    background-color: var(--md-sys-color-success) !important;
    color: var(--md-sys-color-on-success) !important;
    border-color: transparent !important;
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    box-shadow: var(--md-sys-elevation-level2) !important;
}
[b-plyd5qrjpu] .qm-btn-go:hover:not(:disabled) {
    background-color: color-mix(in srgb, var(--md-sys-color-success) 90%, var(--md-sys-color-on-success)) !important;
    box-shadow: var(--md-sys-elevation-level3) !important;
}
[b-plyd5qrjpu] .qm-btn-go:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}