/* /Components/Addresssection.razor.rz.scp.css */
.ad-actions[b-z3ry2mxaz7] {
    display: flex;
    justify-content: flex-end;
    gap: 4px;
    margin-top: 8px;
}

.ad-drawer-body[b-z3ry2mxaz7] {
    padding: 16px;
    overflow-y: auto;
}

.ad-form-actions[b-z3ry2mxaz7] {
    display: flex;
    gap: 12px;
    justify-content: flex-end;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--mud-palette-divider);
}
/* /Components/Bankdetailsection.razor.rz.scp.css */
.bd-actions[b-17fbkn62ri] {
    display: flex;
    justify-content: flex-end;
    gap: 4px;
    margin-top: 8px;
}

.bd-drawer-body[b-17fbkn62ri] {
    padding: 16px;
    overflow-y: auto;
}

.bd-form-actions[b-17fbkn62ri] {
    display: flex;
    gap: 12px;
    justify-content: flex-end;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--mud-palette-divider);
}
/* /Components/Dialogs/WeightGainLossDialog.razor.rz.scp.css */
/* ── Title ──────────────────────────────────────────────────────────────── */
.wgl-title-row[b-4ocpwujwqn] {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* ── Two-column shell ───────────────────────────────────────────────────── */
.wgl-shell[b-4ocpwujwqn] {
    display: flex;
    gap: 20px;
    min-width: 520px;
}

.wgl-left[b-4ocpwujwqn] {
    flex: 1.1;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.wgl-right[b-4ocpwujwqn] {
    flex: 1;
    border-left: 1px solid var(--mud-palette-divider);
    padding-left: 18px;
}

/* ── Search row ─────────────────────────────────────────────────────────── */
.wgl-search-row[b-4ocpwujwqn] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.wgl-search-btn[b-4ocpwujwqn] {
    margin-top: 2px;
    min-width: 88px;
    height: 40px;
}

/* ── New weight + loss ──────────────────────────────────────────────────── */
.wgl-newwt-row[b-4ocpwujwqn] {
    display: flex;
    gap: 14px;
    align-items: center;
}

.wgl-loss-box[b-4ocpwujwqn] {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
    min-width: 90px;
}

.wgl-loss-label[b-4ocpwujwqn] {
    font-size: 11px;
    font-weight: 700;
    color: var(--mud-palette-text-secondary);
}

.wgl-loss-val[b-4ocpwujwqn] {
    font-size: 18px;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    color: var(--mud-palette-error);
}

/* A gain (negative loss) reads as positive/info rather than alarm. */
.wgl-loss-val--gain[b-4ocpwujwqn] {
    color: var(--mud-palette-info);
}

.wgl-alert[b-4ocpwujwqn] {
    margin-top: 4px;
}

/* ── Stone detail panel ─────────────────────────────────────────────────── */
.wgl-detail-title[b-4ocpwujwqn] {
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 10px;
}

.wgl-detail-empty[b-4ocpwujwqn] {
    font-size: 12px;
    font-style: italic;
    color: var(--mud-palette-text-disabled);
}

.wgl-detail-grid[b-4ocpwujwqn] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 8px 16px;
    align-items: baseline;
}

.wgl-d-label[b-4ocpwujwqn] {
    font-size: 13px;
    color: var(--mud-palette-text-secondary);
}

.wgl-d-val[b-4ocpwujwqn] {
    font-size: 13px;
    font-weight: 700;
    text-align: right;
}

/* Current weight highlighted (blue in the mock). */
.wgl-d-current[b-4ocpwujwqn] {
    color: var(--mud-palette-info);
    font-size: 15px;
}
/* /Components/Movement/LaserCutDialog.razor.rz.scp.css */
/* ============================================================
   LaserCutDialog.razor.css — Blazor CSS Isolation
   Prefix: lcd-  (LaserCutDialog component)
   ============================================================ */

.lcd-shell[b-75xsppm0ke] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-width: 680px;
    max-width: 820px;
}

/* ── Title row ── */
.lcd-title-row[b-75xsppm0ke] {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* ── Cut sequence table ── */
.lcd-table-wrap[b-75xsppm0ke] {
    overflow-x: auto;
}

.lcd-table[b-75xsppm0ke] {
    width: 100%;
    border-collapse: collapse;
    font-size: 12.5px;
}

    .lcd-table thead tr[b-75xsppm0ke] {
        border-bottom: 2px solid var(--mud-palette-divider);
        background: var(--mud-palette-table-striped);
    }

    .lcd-table th[b-75xsppm0ke] {
        padding: 7px 10px;
        font-weight: 700;
        font-size: 11px;
        text-align: left;
        white-space: nowrap;
        color: var(--mud-palette-text-secondary);
    }

.lcd-th-r[b-75xsppm0ke] {
    text-align: right;
}

.lcd-th-num[b-75xsppm0ke] {
    width: 40px;
    text-align: center;
}

.lcd-th-action[b-75xsppm0ke] {
    width: 44px;
}

.lcd-col-input[b-75xsppm0ke] {
    background: rgba(255, 213, 0, 0.08);
}
/* subtle yellow hint for editable cols */

.lcd-table td[b-75xsppm0ke] {
    padding: 5px 8px;
    border-bottom: 1px solid var(--mud-palette-divider);
    vertical-align: middle;
    white-space: nowrap;
}

.lcd-td-num[b-75xsppm0ke] {
    text-align: center;
    font-weight: 700;
}

.lcd-td-r[b-75xsppm0ke] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.lcd-td-input[b-75xsppm0ke] {
    background: rgba(255, 213, 0, 0.06);
}
/* matches header hint */
.lcd-td-action[b-75xsppm0ke] {
    text-align: center;
    padding: 2px 4px !important;
}

.lcd-td-rate[b-75xsppm0ke] {
    font-size: 11.5px;
}

/* Locked (auto) cell */
.lcd-locked[b-75xsppm0ke] {
    font-weight: 700;
    color: var(--mud-palette-primary);
    font-family: monospace;
}

/* Rate display */
.lcd-rate-display[b-75xsppm0ke] {
    font-size: 11px;
    color: var(--mud-palette-text-secondary);
}

/* Cost column */
.lcd-cost[b-75xsppm0ke] {
    font-weight: 700;
    color: var(--mud-palette-text-primary);
    text-align: right;
}

/* Dim / placeholder values */
.lcd-dim[b-75xsppm0ke] {
    color: var(--mud-palette-text-disabled);
}

/* Weight loss value */
.lcd-loss[b-75xsppm0ke] {
    color: var(--mud-palette-warning);
    font-weight: 600;
}

/* Over error */
.lcd-error[b-75xsppm0ke] {
    color: var(--mud-palette-error);
    font-weight: 700;
}

/* Row with negative weight loss */
.lcd-row-error td[b-75xsppm0ke] {
    background: var(--mud-palette-error-hover) !important;
}

/* Main stone row */
.lcd-main-row td[b-75xsppm0ke] {
    background: var(--mud-palette-table-striped);
    border-top: 2px solid var(--mud-palette-divider);
    font-size: 12px;
}

.lcd-main-label[b-75xsppm0ke] {
    font-weight: 700;
}

.lcd-main-val[b-75xsppm0ke] {
    font-weight: 700;
    text-align: right;
}

/* ── Add cut row ── */
.lcd-add-row[b-75xsppm0ke] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 0 2px;
}

/* ── Balance indicator ── */
.lcd-balance[b-75xsppm0ke] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: 6px;
    font-size: 12px;
    border: 1px solid;
}

.lcd-balance--ok[b-75xsppm0ke] {
    color: var(--mud-palette-success-darken);
    border-color: var(--mud-palette-success);
    background: var(--mud-palette-success-hover);
}

.lcd-balance--under[b-75xsppm0ke] {
    color: var(--mud-palette-warning-darken);
    border-color: var(--mud-palette-warning);
    background: var(--mud-palette-warning-hover);
}

.lcd-balance--over[b-75xsppm0ke] {
    color: var(--mud-palette-error-darken);
    border-color: var(--mud-palette-error);
    background: var(--mud-palette-error-hover);
}

.lcd-balance-diff[b-75xsppm0ke] {
    margin-left: auto;
    font-weight: 700;
}

/* ── Attribution preview ── */
.lcd-attribution[b-75xsppm0ke] {
    border: 1px solid var(--mud-palette-divider);
    border-radius: 6px;
    overflow: hidden;
}

.lcd-attr-title[b-75xsppm0ke] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 7px 12px;
    font-size: 12px;
    font-weight: 700;
    background: var(--mud-palette-table-striped);
    border-bottom: 1px solid var(--mud-palette-divider);
}

.lcd-attr-table[b-75xsppm0ke] {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}

    .lcd-attr-table th[b-75xsppm0ke] {
        padding: 5px 10px;
        font-size: 11px;
        font-weight: 700;
        color: var(--mud-palette-text-secondary);
        border-bottom: 1px solid var(--mud-palette-divider);
    }

    .lcd-attr-table td[b-75xsppm0ke] {
        padding: 5px 10px;
        border-bottom: 1px solid var(--mud-palette-divider);
    }

    .lcd-attr-table tr:last-child td[b-75xsppm0ke] {
        border-bottom: none;
    }

.lcd-attr-total td[b-75xsppm0ke] {
    border-top: 2px solid var(--mud-palette-divider);
    background: var(--mud-palette-table-striped);
    padding: 6px 10px;
}
/* /Layout/MainLayout.razor.rz.scp.css */




/*.page {
    position: relative;
    display: flex;
    flex-direction: column;
}

main {
    flex: 1;
}

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

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

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

    .top-row ::deep a:hover, .top-row ::deep .btn-link:hover {
        text-decoration: underline;
    }

    .top-row ::deep a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

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

    .top-row ::deep a, .top-row ::deep .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page {
        flex-direction: row;
    }

    .sidebar {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth ::deep a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row, article {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
*/
/* /Pages/Admin/Appsettings.razor.rz.scp.css */
/* ============================================================
   AppSettings.razor.css — Blazor CSS Isolation
   Prefix: as-  (AppSettings page)
   ============================================================ */

/* ── Shell ─────────────────────────────────────────────────────────────────── */
.as-shell[b-ri8rczddl3] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 64px);
    overflow: hidden;
    background: var(--mud-palette-background);
}

/* ── Header ─────────────────────────────────────────────────────────────────── */
.as-header[b-ri8rczddl3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 16px;
    border-bottom: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-surface);
    flex-shrink: 0;
    gap: 12px;
    flex-wrap: wrap;
}

.as-header-left[b-ri8rczddl3] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.as-header-right[b-ri8rczddl3] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.as-page-title[b-ri8rczddl3] {
    font-size: 15px;
    font-weight: 700;
    color: var(--mud-palette-text-primary);
}

.as-subtitle[b-ri8rczddl3] {
    font-size: 11px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 10px;
    background: var(--mud-palette-warning-hover);
    color: var(--mud-palette-warning-darken);
}

.as-search[b-ri8rczddl3] {
    width: 260px;
}

/* ── Level tabs ─────────────────────────────────────────────────────────────── */
.as-tab-bar[b-ri8rczddl3] {
    display: flex;
    gap: 0;
    padding: 0 16px;
    border-bottom: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-surface);
    flex-shrink: 0;
}

.as-tab[b-ri8rczddl3] {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 8px 18px;
    font-size: 12px;
    font-weight: 600;
    border: none;
    border-bottom: 2px solid transparent;
    background: transparent;
    cursor: pointer;
    color: var(--mud-palette-text-secondary);
    transition: color .15s, border-color .15s;
    white-space: nowrap;
}

    .as-tab:hover[b-ri8rczddl3] {
        color: var(--mud-palette-primary);
    }

.as-tab--active[b-ri8rczddl3] {
    color: var(--mud-palette-primary);
    border-bottom-color: var(--mud-palette-primary);
}

.as-tab-icon[b-ri8rczddl3] {
    font-size: 15px !important;
    opacity: .8;
}

.as-tab-badge[b-ri8rczddl3] {
    background: var(--mud-palette-primary);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    border-radius: 10px;
    padding: 1px 6px;
    line-height: 1.5;
    min-width: 18px;
    text-align: center;
}

/* ── Context bar (Department / User pickers) ────────────────────────────────── */
.as-context-bar[b-ri8rczddl3] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 16px;
    border-bottom: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-surface);
    flex-shrink: 0;
}

.as-ctx-select[b-ri8rczddl3] {
    width: 220px;
}

/* ── Table wrapper ──────────────────────────────────────────────────────────── */
.as-table-wrap[b-ri8rczddl3] {
    flex: 1;
    overflow: auto;
    min-height: 0;
}

/* ── Settings table ─────────────────────────────────────────────────────────── */
.as-table[b-ri8rczddl3] {
    width: 100%;
    border-collapse: collapse;
    font-size: 12.5px;
}

    .as-table thead tr[b-ri8rczddl3] {
        background: var(--mud-palette-table-striped);
        position: sticky;
        top: 0;
        z-index: 2;
    }

    .as-table th[b-ri8rczddl3] {
        padding: 6px 10px;
        font-size: 11.5px;
        font-weight: 700;
        text-align: left;
        color: var(--mud-palette-text-secondary);
        border-bottom: 1px solid var(--mud-palette-divider);
        white-space: nowrap;
    }

    .as-table td[b-ri8rczddl3] {
        padding: 5px 10px;
        border-bottom: 1px solid var(--mud-palette-divider);
        color: var(--mud-palette-text-primary);
        vertical-align: middle;
    }

    .as-table tr:hover td[b-ri8rczddl3] {
        background: var(--mud-palette-action-hover);
    }

/* Editing row highlight */
.as-row--editing td[b-ri8rczddl3] {
    background: var(--mud-palette-primary-hover) !important;
}

/* Read-only row muted */
.as-row--readonly td[b-ri8rczddl3] {
    opacity: .7;
}

/* Column widths */
.as-col-key[b-ri8rczddl3] {
    width: 220px;
    min-width: 180px;
}

.as-col-type[b-ri8rczddl3] {
    width: 40px;
    text-align: center !important;
}

.as-col-value[b-ri8rczddl3] {
    min-width: 180px;
    max-width: 320px;
}

.as-col-desc[b-ri8rczddl3] {
    min-width: 160px;
}

.as-col-scope[b-ri8rczddl3] {
    width: 130px;
}

.as-col-updated[b-ri8rczddl3] {
    width: 90px;
    white-space: nowrap;
}

.as-col-actions[b-ri8rczddl3] {
    width: 80px;
    white-space: nowrap;
    text-align: right !important;
}

/* ── Key cell ───────────────────────────────────────────────────────────────── */
.as-key-wrap[b-ri8rczddl3] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.as-key-text[b-ri8rczddl3] {
    font-weight: 600;
    font-family: "Cascadia Code", "Consolas", monospace;
    font-size: 12px;
    color: var(--mud-palette-text-primary);
}

.as-lock-icon[b-ri8rczddl3] {
    color: var(--mud-palette-warning);
    font-size: 13px !important;
}

.as-sys-icon[b-ri8rczddl3] {
    color: var(--mud-palette-text-secondary);
    font-size: 13px !important;
}

/* ── Value cell ─────────────────────────────────────────────────────────────── */
.as-value[b-ri8rczddl3] {
    font-size: 12.5px;
    color: var(--mud-palette-text-primary);
    word-break: break-word;
}

.as-value--encrypted[b-ri8rczddl3] {
    font-family: monospace;
    letter-spacing: 2px;
    color: var(--mud-palette-text-secondary);
}

.as-bool-label[b-ri8rczddl3] {
    font-size: 12px;
    font-weight: 600;
    margin-left: 4px;
    color: var(--mud-palette-text-secondary);
}

.as-edit-field[b-ri8rczddl3] {
    min-width: 160px;
    max-width: 280px;
}

.as-edit-remark[b-ri8rczddl3] {
    min-width: 160px;
    max-width: 280px;
    margin-top: 4px !important;
}

/* ── Description cell ───────────────────────────────────────────────────────── */
.as-desc-text[b-ri8rczddl3] {
    display: block;
    font-size: 12px;
    color: var(--mud-palette-text-primary);
}

.as-remark-text[b-ri8rczddl3] {
    display: block;
    font-size: 11px;
    color: var(--mud-palette-text-secondary);
    font-style: italic;
    margin-top: 2px;
}

/* ── Scope chips ────────────────────────────────────────────────────────────── */
.as-scope-chip[b-ri8rczddl3] {
    display: inline-block;
    font-size: 10.5px;
    font-weight: 600;
    padding: 1px 7px;
    border-radius: 10px;
    background: var(--mud-palette-info-hover);
    color: var(--mud-palette-info-darken);
    margin: 1px 2px;
}

.as-scope-chip--dept[b-ri8rczddl3] {
    background: var(--mud-palette-warning-hover);
    color: var(--mud-palette-warning-darken);
}

.as-scope-chip--user[b-ri8rczddl3] {
    background: var(--mud-palette-success-hover);
    color: var(--mud-palette-success-darken);
}

/* ── Data type icon ─────────────────────────────────────────────────────────── */
.as-dtype-icon[b-ri8rczddl3] {
    color: var(--mud-palette-text-secondary);
    font-size: 16px !important;
}

/* ── Date ───────────────────────────────────────────────────────────────────── */
.as-date[b-ri8rczddl3] {
    font-size: 11.5px;
    color: var(--mud-palette-text-secondary);
}

/* ── Drawer ─────────────────────────────────────────────────────────────────── */
.as-drawer[b-ri8rczddl3] {
    display: flex;
    flex-direction: column;
   
}

.as-drawer-header[b-ri8rczddl3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    border-bottom: 1px solid var(--mud-palette-divider);
    font-size: 14px;
    font-weight: 700;
    background: var(--mud-palette-surface);
    color: var(--mud-palette-text-primary);
    flex-shrink: 0;
}

.as-drawer-body[b-ri8rczddl3] {
    flex: 1;
    overflow-y: auto;
    padding: 16px;
    background: var(--mud-palette-background);
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.as-drawer-switches[b-ri8rczddl3] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-top: 4px;
}

.as-drawer-footer[b-ri8rczddl3] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 12px 16px;
    border-top: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-surface);
    flex-shrink: 0;
}

/* ── Helpers ────────────────────────────────────────────────────────────────── */
.as-center-pad[b-ri8rczddl3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 16px;
    gap: 10px;
}

.as-empty[b-ri8rczddl3] {
    color: var(--mud-palette-text-secondary);
    font-size: 13px;
}

.as-access-denied[b-ri8rczddl3] {
    color: var(--mud-palette-text-secondary);
    font-size: 14px;
    font-weight: 600;
    height: 100%;
}
/* /Pages/Admin/LicenseManager.razor.rz.scp.css */
/* ============================================================
   LicenseManager.razor.css  |  Prefix: lm-
   ============================================================ */

.lm-shell[b-cp8f05z47r] {
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 64px);
    background: var(--mud-palette-background);
}

/* ── Header ──────────────────────────────────────────────────────────────────── */
.lm-header[b-cp8f05z47r] {
    display: flex;
    align-items: center;
    padding: 8px 20px;
    border-bottom: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-surface);
    flex-shrink: 0;
    gap: 8px;
}

.lm-header-left[b-cp8f05z47r] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.lm-page-title[b-cp8f05z47r] {
    font-size: 15px;
    font-weight: 700;
    color: var(--mud-palette-text-primary);
}

/* ── Content ─────────────────────────────────────────────────────────────────── */
.lm-content[b-cp8f05z47r] {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* ── Banners ─────────────────────────────────────────────────────────────────── */
.lm-banner[b-cp8f05z47r] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    border-radius: 10px;
    font-size: 13.5px;
    line-height: 1.5;
}

.lm-banner--error[b-cp8f05z47r] {
    background: var(--mud-palette-error-hover);
    color: var(--mud-palette-error-darken);
    border: 1px solid var(--mud-palette-error);
}

.lm-banner--warning[b-cp8f05z47r] {
    background: var(--mud-palette-warning-hover);
    color: var(--mud-palette-warning-darken);
    border: 1px solid var(--mud-palette-warning);
}

.lm-banner--info[b-cp8f05z47r] {
    background: var(--mud-palette-info-hover);
    color: var(--mud-palette-info-darken);
    border: 1px solid var(--mud-palette-info);
}

/* ── Grid ────────────────────────────────────────────────────────────────────── */
.lm-grid[b-cp8f05z47r] {
    display: grid;
    grid-template-columns: 280px 1fr;
    grid-template-rows: auto auto;
    gap: 16px;
    align-items: start;
}

@media (max-width: 700px) {
    .lm-grid[b-cp8f05z47r] {
        grid-template-columns: 1fr;
    }
}

/* ── Cards ───────────────────────────────────────────────────────────────────── */
.lm-card[b-cp8f05z47r] {
    background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-divider);
    border-radius: 14px;
    padding: 20px;
}

.lm-card-title[b-cp8f05z47r] {
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .07em;
    color: var(--mud-palette-text-secondary);
    margin-bottom: 14px;
}

/* Status card */
.lm-card--status[b-cp8f05z47r] {
    grid-row: span 2;
}

.lm-no-license[b-cp8f05z47r] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 24px 0;
    color: var(--mud-palette-text-secondary);
    font-size: 13px;
}

.lm-status-pill[b-cp8f05z47r] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 700;
    padding: 5px 12px;
    border-radius: 20px;
    margin-bottom: 16px;
}

.lm-status-dot[b-cp8f05z47r] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
}

.lm-kv-list[b-cp8f05z47r] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.lm-kv-row[b-cp8f05z47r] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 8px;
    padding: 6px 0;
    border-bottom: 1px solid var(--mud-palette-divider);
}

    .lm-kv-row:last-child[b-cp8f05z47r] {
        border-bottom: none;
    }

.lm-kv-label[b-cp8f05z47r] {
    font-size: 12px;
    color: var(--mud-palette-text-secondary);
}

.lm-kv-val[b-cp8f05z47r] {
    font-size: 12.5px;
    font-weight: 700;
    color: var(--mud-palette-text-primary);
}

.lm-error-box[b-cp8f05z47r] {
    margin-top: 12px;
    padding: 10px 14px;
    border-radius: 8px;
    background: var(--mud-palette-error-hover);
    color: var(--mud-palette-error-darken);
    font-size: 12.5px;
    border: 1px solid var(--mud-palette-error);
}

/* Usage card */
.lm-card--usage[b-cp8f05z47r] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.lm-usage-item[b-cp8f05z47r] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.lm-usage-header[b-cp8f05z47r] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.lm-usage-label[b-cp8f05z47r] {
    font-size: 13px;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
}

.lm-usage-count[b-cp8f05z47r] {
    font-size: 12px;
    color: var(--mud-palette-text-secondary);
}

.lm-bar-track[b-cp8f05z47r] {
    height: 8px;
    border-radius: 4px;
    background: var(--mud-palette-divider);
    overflow: hidden;
}

.lm-bar-fill[b-cp8f05z47r] {
    height: 100%;
    border-radius: 4px;
    transition: width .4s ease;
}

.lm-usage-pct[b-cp8f05z47r] {
    font-size: 11px;
    font-weight: 700;
    text-align: right;
}

/* Features card */
.lm-features-grid[b-cp8f05z47r] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.lm-feature-chip[b-cp8f05z47r] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 8px;
    background: var(--mud-palette-success-hover);
    color: var(--mud-palette-success-darken);
    border: 1px solid var(--mud-palette-divider);
}

/* Upload card */
.lm-card--upload[b-cp8f05z47r] {
    grid-column: 2;
}

.lm-upload-hint[b-cp8f05z47r] {
    font-size: 13px;
    color: var(--mud-palette-text-secondary);
    margin: 0 0 14px;
    line-height: 1.5;
}

.lm-token-wrap[b-cp8f05z47r] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 12px;
}

.lm-token-input[b-cp8f05z47r] {
    flex: 1;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--mud-palette-divider);
    background: var(--mud-palette-background);
    color: var(--mud-palette-text-primary);
    font-size: 12px;
    font-family: "Cascadia Code", "Consolas", monospace;
    resize: vertical;
    outline: none;
    transition: border-color .15s;
    word-break: break-all;
}

    .lm-token-input:focus[b-cp8f05z47r] {
        border-color: var(--mud-palette-primary);
    }

.lm-token-input--single[b-cp8f05z47r] {
    height: 40px;
    resize: none;
}

.lm-reveal-btn[b-cp8f05z47r] {
    padding: 6px 12px;
    border-radius: 6px;
    border: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-action-hover);
    color: var(--mud-palette-text-secondary);
    font-size: 12px;
    cursor: pointer;
    white-space: nowrap;
    transition: background .15s;
    align-self: flex-start;
    margin-top: 1px;
}

    .lm-reveal-btn:hover[b-cp8f05z47r] {
        background: var(--mud-palette-primary-hover);
        color: var(--mud-palette-primary);
    }

.lm-upload-actions[b-cp8f05z47r] {
    display: flex;
    gap: 8px;
    margin-bottom: 12px;
}

.lm-btn[b-cp8f05z47r] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 9px 20px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    border: none;
    transition: opacity .15s;
}

    .lm-btn:disabled[b-cp8f05z47r] {
        opacity: .5;
        cursor: not-allowed;
    }

    .lm-btn:not(:disabled):hover[b-cp8f05z47r] {
        opacity: .88;
    }

.lm-btn--primary[b-cp8f05z47r] {
    background: var(--mud-palette-primary);
    color: #fff;
}

.lm-btn-spin[b-cp8f05z47r] {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255,255,255,.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: lm-spin-b-cp8f05z47r .65s linear infinite;
}

@keyframes lm-spin-b-cp8f05z47r {
    to {
        transform: rotate(360deg);
    }
}

.lm-security-note[b-cp8f05z47r] {
    font-size: 11.5px;
    color: var(--mud-palette-text-secondary);
    margin: 0;
    line-height: 1.5;
}

/* ── Helpers ─────────────────────────────────────────────────────────────────── */
.lm-center-pad[b-cp8f05z47r] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px;
}
/* /Pages/Admin/LookupManager.razor.rz.scp.css */
/* ============================================================
   LookupManager.razor.css — Blazor CSS Isolation
   Prefix: lk-  (LookupManager page)
   ============================================================ */

/* ── Shell ─────────────────────────────────────────────────────────────────── */
.lk-shell[b-02ldvpwaew] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 64px);
    overflow: hidden;
    background: var(--mud-palette-background);
}

/* ── Header ─────────────────────────────────────────────────────────────────── */
.lk-header[b-02ldvpwaew] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 16px;
    border-bottom: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-surface);
    flex-shrink: 0;
}

.lk-header-left[b-02ldvpwaew] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.lk-page-title[b-02ldvpwaew] {
    font-size: 15px;
    font-weight: 700;
    color: var(--mud-palette-text-primary);
}

/* ── Split layout ────────────────────────────────────────────────────────────── */
.lk-split[b-02ldvpwaew] {
    flex: 1;
    display: flex;
    overflow: hidden;
    min-height: 0;
}

/* ── Panels ──────────────────────────────────────────────────────────────────── */
.lk-panel[b-02ldvpwaew] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 0;
}

.lk-panel--cats[b-02ldvpwaew] {
    width: 300px;
    flex-shrink: 0;
    border-right: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-surface);
}

.lk-panel--items[b-02ldvpwaew] {
    flex: 1;
    background: var(--mud-palette-background);
}

/* ── Panel toolbar ───────────────────────────────────────────────────────────── */
.lk-panel-toolbar[b-02ldvpwaew] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 10px;
    border-bottom: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-surface);
    flex-shrink: 0;
}

.lk-items-toolbar[b-02ldvpwaew] {
    justify-content: space-between;
    padding: 8px 14px;
}

.lk-items-toolbar-right[b-02ldvpwaew] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.lk-items-title[b-02ldvpwaew] {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 13px;
}

.lk-items-subtitle[b-02ldvpwaew] {
    font-size: 11px;
    color: var(--mud-palette-text-secondary);
    font-family: "Cascadia Code", "Consolas", monospace;
}

.lk-system-badge[b-02ldvpwaew] {
    font-size: 10px;
    font-weight: 700;
    padding: 1px 7px;
    border-radius: 10px;
    background: var(--mud-palette-warning-hover);
    color: var(--mud-palette-warning-darken);
}

.lk-search[b-02ldvpwaew] {
    flex: 1;
    min-width: 0;
}

/* ── Category list ───────────────────────────────────────────────────────────── */
.lk-cat-list[b-02ldvpwaew] {
    overflow-y: auto;
    flex: 1;
}

.lk-cat-item[b-02ldvpwaew] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 10px;
    border-bottom: 1px solid var(--mud-palette-divider);
    cursor: pointer;
    transition: background .12s;
    gap: 4px;
    min-height: 52px;
}

    .lk-cat-item:hover[b-02ldvpwaew] {
        background: var(--mud-palette-action-hover);
    }

.lk-cat-item--selected[b-02ldvpwaew] {
    background: var(--mud-palette-primary-hover) !important;
    border-left: 3px solid var(--mud-palette-primary);
}

.lk-cat-info[b-02ldvpwaew] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
    min-width: 0;
}

.lk-cat-name-row[b-02ldvpwaew] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.lk-cat-name[b-02ldvpwaew] {
    font-size: 13px;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lk-cat-code[b-02ldvpwaew] {
    font-size: 10.5px;
    font-family: "Cascadia Code", "Consolas", monospace;
    color: var(--mud-palette-text-secondary);
}

.lk-lock-icon[b-02ldvpwaew] {
    color: var(--mud-palette-warning);
    font-size: 13px !important;
    flex-shrink: 0;
}

.lk-cat-right[b-02ldvpwaew] {
    display: flex;
    align-items: center;
    gap: 2px;
    flex-shrink: 0;
}

.lk-item-count[b-02ldvpwaew] {
    font-size: 11px;
    font-weight: 700;
    background: var(--mud-palette-info-hover);
    color: var(--mud-palette-info-darken);
    padding: 1px 7px;
    border-radius: 10px;
    min-width: 22px;
    text-align: center;
}

.lk-cat-actions[b-02ldvpwaew] {
    display: flex;
    opacity: 0;
    transition: opacity .15s;
}

.lk-cat-item:hover .lk-cat-actions[b-02ldvpwaew] {
    opacity: 1;
}

/* ── Drag hint bar ───────────────────────────────────────────────────────────── */
.lk-drag-hint[b-02ldvpwaew] {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 4px 14px;
    font-size: 11px;
    color: var(--mud-palette-text-secondary);
    background: var(--mud-palette-surface);
    border-bottom: 1px solid var(--mud-palette-divider);
    flex-shrink: 0;
}

/* ── Items table ─────────────────────────────────────────────────────────────── */
.lk-items-wrap[b-02ldvpwaew] {
    flex: 1;
    overflow: auto;
    min-height: 0;
}

.lk-items-table[b-02ldvpwaew] {
    width: 100%;
    border-collapse: collapse;
    font-size: 12.5px;
}

    .lk-items-table thead tr[b-02ldvpwaew] {
        background: var(--mud-palette-table-striped);
        position: sticky;
        top: 0;
        z-index: 2;
    }

    .lk-items-table th[b-02ldvpwaew] {
        padding: 6px 10px;
        font-size: 11.5px;
        font-weight: 700;
        text-align: left;
        color: var(--mud-palette-text-secondary);
        border-bottom: 1px solid var(--mud-palette-divider);
        white-space: nowrap;
    }

    .lk-items-table td[b-02ldvpwaew] {
        padding: 5px 10px;
        border-bottom: 1px solid var(--mud-palette-divider);
        color: var(--mud-palette-text-primary);
        vertical-align: middle;
    }

    .lk-items-table tr:hover td[b-02ldvpwaew] {
        background: var(--mud-palette-action-hover);
    }

/* Inactive row */
.lk-row--inactive td[b-02ldvpwaew] {
    opacity: .55;
}

/* Column widths */
.lk-col-drag[b-02ldvpwaew] {
    width: 28px;
    cursor: grab;
    text-align: center !important;
}

.lk-col-order[b-02ldvpwaew] {
    width: 36px;
    color: var(--mud-palette-text-secondary);
    font-size: 11px;
}

.lk-col-name[b-02ldvpwaew] {
    min-width: 160px;
}

.lk-col-code[b-02ldvpwaew] {
    width: 140px;
}

.lk-col-status[b-02ldvpwaew] {
    width: 80px;
}

.lk-col-actions[b-02ldvpwaew] {
    width: 72px;
    text-align: right !important;
    white-space: nowrap;
}

.lk-item-name[b-02ldvpwaew] {
    font-weight: 500;
}

.lk-code-chip[b-02ldvpwaew] {
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    font-family: "Cascadia Code", "Consolas", monospace;
    padding: 1px 7px;
    border-radius: 4px;
    background: var(--mud-palette-info-hover);
    color: var(--mud-palette-info-darken);
}

/* ── Drag handle ─────────────────────────────────────────────────────────────── */
.lk-drag-handle[b-02ldvpwaew] {
    color: var(--mud-palette-text-secondary);
    cursor: grab;
    font-size: 18px !important;
    opacity: .4;
    transition: opacity .15s;
}

.lk-items-table tr:hover .lk-drag-handle[b-02ldvpwaew] {
    opacity: 1;
}

/* ── Status chips ────────────────────────────────────────────────────────────── */
.lk-status[b-02ldvpwaew] {
    display: inline-block;
    font-size: 10.5px;
    font-weight: 700;
    padding: 1px 8px;
    border-radius: 10px;
}

.lk-status--active[b-02ldvpwaew] {
    background: var(--mud-palette-success-hover);
    color: var(--mud-palette-success-darken);
}

.lk-status--inactive[b-02ldvpwaew] {
    background: var(--mud-palette-default-hover);
    color: var(--mud-palette-text-secondary);
}

/* ── Drawer ──────────────────────────────────────────────────────────────────── */
.lk-drawer[b-02ldvpwaew] {
    display: flex;
    flex-direction: column;
}

.lk-drawer-header[b-02ldvpwaew] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    border-bottom: 1px solid var(--mud-palette-divider);
    font-size: 14px;
    font-weight: 700;
    background: var(--mud-palette-surface);
    color: var(--mud-palette-text-primary);
    flex-shrink: 0;
}

.lk-drawer-body[b-02ldvpwaew] {
    flex: 1;
    overflow-y: auto;
    padding: 16px;
    background: var(--mud-palette-background);
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.lk-drawer-footer[b-02ldvpwaew] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 12px 16px;
    border-top: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-surface);
    flex-shrink: 0;
}

/* ── Helpers ─────────────────────────────────────────────────────────────────── */
.lk-center-pad[b-02ldvpwaew] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 12px;
    gap: 8px;
}

.lk-empty[b-02ldvpwaew] {
    color: var(--mud-palette-text-secondary);
    font-size: 13px;
    text-align: center;
}

.lk-empty--full[b-02ldvpwaew] {
    height: 100%;
    padding: 0;
}
/* /Pages/Admin/RolePermissions.razor.rz.scp.css */
/* ============================================================
   RolePermissions.razor.css — Blazor CSS Isolation
   Prefix: rp-  (RolePermissions page)
   ============================================================ */

/* ── Shell ─────────────────────────────────────────────────────────────────── */
.rp-shell[b-kj9humwdq4] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 64px);
    overflow: hidden;
    background: var(--mud-palette-background);
}

/* ── Page header ────────────────────────────────────────────────────────────── */
.rp-header[b-kj9humwdq4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 16px;
    border-bottom: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-surface);
    flex-shrink: 0;
}

.rp-header-left[b-kj9humwdq4] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.rp-page-title[b-kj9humwdq4] {
    font-size: 15px;
    font-weight: 700;
    color: var(--mud-palette-text-primary);
}

/* ── Tab bar ────────────────────────────────────────────────────────────────── */
.rp-tab-bar[b-kj9humwdq4] {
    display: flex;
    gap: 0;
    padding: 0 16px;
    border-bottom: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-surface);
    flex-shrink: 0;
}

.rp-tab[b-kj9humwdq4] {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 8px 18px;
    font-size: 12px;
    font-weight: 600;
    border: none;
    border-bottom: 2px solid transparent;
    background: transparent;
    cursor: pointer;
    color: var(--mud-palette-text-secondary);
    transition: color .15s, border-color .15s;
    white-space: nowrap;
}

    .rp-tab:hover[b-kj9humwdq4] {
        color: var(--mud-palette-primary);
    }

.rp-tab--active[b-kj9humwdq4] {
    color: var(--mud-palette-primary);
    border-bottom-color: var(--mud-palette-primary);
}

.rp-tab-icon[b-kj9humwdq4] {
    font-size: 15px !important;
    opacity: .8;
}

.rp-tab-badge[b-kj9humwdq4] {
    background: var(--mud-palette-primary);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    border-radius: 10px;
    padding: 1px 6px;
    line-height: 1.5;
    min-width: 18px;
    text-align: center;
}

/* ── Content area ────────────────────────────────────────────────────────────── */
.rp-content[b-kj9humwdq4] {
    flex: 1;
    overflow: hidden;
    min-height: 0;
}

.rp-content--full[b-kj9humwdq4] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

/* Split layout (roles + assign panel, users + assign panel) */
.rp-split[b-kj9humwdq4] {
    display: flex;
    gap: 0;
}

/* ── Panels ──────────────────────────────────────────────────────────────────── */
.rp-panel[b-kj9humwdq4] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 0;
}

.rp-panel--list[b-kj9humwdq4] {
    width: 392px;
    flex-shrink: 0;
    border-right: 1px solid var(--mud-palette-divider);
}

.rp-panel--assign[b-kj9humwdq4] {
    flex: 1;
    overflow-y: auto;
    background: var(--mud-palette-background);
}

.rp-panel-toolbar[b-kj9humwdq4] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-bottom: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-surface);
    flex-shrink: 0;
}

/* ── Toolbar (permissions tab) ───────────────────────────────────────────────── */
.rp-toolbar[b-kj9humwdq4] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    border-bottom: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-surface);
    flex-shrink: 0;
    flex-wrap: wrap;
}

.rp-search[b-kj9humwdq4] {
    width: 220px;
}

.rp-group-select[b-kj9humwdq4] {
    width: 180px;
}

/* ── Role list ───────────────────────────────────────────────────────────────── */
.rp-role-list[b-kj9humwdq4] {
    overflow-y: auto;
    flex: 1;
}

.rp-role-item[b-kj9humwdq4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 9px 12px;
    border-bottom: 1px solid var(--mud-palette-divider);
    cursor: pointer;
    transition: background .12s;
    gap: 6px;
}

    .rp-role-item:hover[b-kj9humwdq4] {
        background: var(--mud-palette-action-hover);
    }

.rp-role-item--selected[b-kj9humwdq4] {
    background: var(--mud-palette-primary-hover) !important;
    border-left: 3px solid var(--mud-palette-primary);
}

.rp-role-info[b-kj9humwdq4] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
    min-width: 0;
}

.rp-role-name[b-kj9humwdq4] {
    font-size: 13px;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rp-role-meta[b-kj9humwdq4] {
    display: flex;
    gap: 5px;
    align-items: center;
}

.rp-badge[b-kj9humwdq4] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    font-size: 10px;
    font-weight: 600;
    padding: 1px 6px;
    border-radius: 10px;
    line-height: 1.6;
}

.rp-badge--perm[b-kj9humwdq4] {
    background: var(--mud-palette-info-hover);
    color: var(--mud-palette-info-darken);
}

.rp-badge--user[b-kj9humwdq4] {
    background: var(--mud-palette-success-hover);
    color: var(--mud-palette-success-darken);
}

.rp-role-actions[b-kj9humwdq4] {
    display: flex;
    gap: 0;
    opacity: 0;
    transition: opacity .15s;
}

.rp-role-item:hover .rp-role-actions[b-kj9humwdq4] {
    opacity: 1;
}

/* ── User avatar ─────────────────────────────────────────────────────────────── */
.rp-user-avatar[b-kj9humwdq4] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: var(--mud-palette-primary);
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.rp-user-avatar--sm[b-kj9humwdq4] {
    width: 28px;
    height: 28px;
    font-size: 12px;
}

.rp-login-name[b-kj9humwdq4] {
    font-size: 11px;
    color: var(--mud-palette-text-secondary);
}

/* ── Assign panel header ─────────────────────────────────────────────────────── */
.rp-assign-header[b-kj9humwdq4] {
    padding: 10px 16px;
    border-bottom: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-surface);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    flex-shrink: 0;
    position: sticky;
    top: 0;
    z-index: 2;
}

.rp-assign-title[b-kj9humwdq4] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
}

.rp-assign-count[b-kj9humwdq4] {
    font-size: 11px;
    color: var(--mud-palette-text-secondary);
    font-weight: 400;
}

.rp-assign-search[b-kj9humwdq4] {
    width: 200px;
}

/* ── Permission group & rows ─────────────────────────────────────────────────── */
.rp-perm-group[b-kj9humwdq4] {
    padding: 0 16px 8px;
}

.rp-perm-group-label[b-kj9humwdq4] {
    font-size: 10.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--mud-palette-text-secondary);
    padding: 10px 0 4px;
    border-bottom: 1px solid var(--mud-palette-divider);
    margin-bottom: 2px;
}

.rp-perm-row[b-kj9humwdq4] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 4px 4px 0;
    border-radius: 4px;
    transition: background .1s;
}

    .rp-perm-row:hover[b-kj9humwdq4] {
        background: var(--mud-palette-action-hover);
    }

.rp-perm-row--on[b-kj9humwdq4] {
    background: var(--mud-palette-primary-hover);
}

.rp-perm-text[b-kj9humwdq4] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    flex: 1;
    min-width: 0;
}

.rp-perm-name[b-kj9humwdq4] {
    font-size: 12.5px;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
}

.rp-perm-desc[b-kj9humwdq4] {
    font-size: 11px;
    color: var(--mud-palette-text-secondary);
}

.rp-perm-type-chip[b-kj9humwdq4] {
    font-size: 10px;
    font-weight: 600;
    padding: 1px 7px;
    border-radius: 10px;
    background: var(--mud-palette-warning-hover);
    color: var(--mud-palette-warning-darken);
    white-space: nowrap;
    flex-shrink: 0;
}

/* ── Permissions table ───────────────────────────────────────────────────────── */
.rp-perm-table-wrap[b-kj9humwdq4] {
    flex: 1;
    overflow: auto;
    min-height: 0;
}

.rp-perm-table[b-kj9humwdq4] {
    width: 100%;
    border-collapse: collapse;
    font-size: 12.5px;
}

    .rp-perm-table thead tr[b-kj9humwdq4] {
        background: var(--mud-palette-info-lighten);
        position: sticky;
        top: 0;
        z-index: 2;
    }

    .rp-perm-table th[b-kj9humwdq4] {
        padding: 6px 12px;
        font-size: 11.5px;
        font-weight: 700;
        text-align: left;
        color: var(--mud-palette-text-secondary);
        border-bottom: 1px solid var(--mud-palette-divider);
        white-space: nowrap;
    }

    .rp-perm-table td[b-kj9humwdq4] {
        padding: 6px 12px;
        border-bottom: 1px solid var(--mud-palette-divider);
        color: var(--mud-palette-text-primary);
        vertical-align: top;
    }

    .rp-perm-table tr:hover td[b-kj9humwdq4] {
        background: var(--mud-palette-action-hover);
    }

.rp-perm-name-cell[b-kj9humwdq4] {
    font-weight: 600;
}

.rp-desc-cell[b-kj9humwdq4] {
    color: var(--mud-palette-text-secondary);
    font-size: 12px;
}

.rp-group-chip[b-kj9humwdq4] {
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    padding: 1px 8px;
    border-radius: 10px;
    background: var(--mud-palette-info-hover);
    color: var(--mud-palette-info-darken);
}

.rp-type-chip[b-kj9humwdq4] {
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    padding: 1px 8px;
    border-radius: 10px;
    background: var(--mud-palette-warning-hover);
    color: var(--mud-palette-warning-darken);
}

/* ── Drawer ──────────────────────────────────────────────────────────────────── */
.rp-drawer[b-kj9humwdq4] {
    display: flex;
    flex-direction: column;
}

.rp-drawer-header[b-kj9humwdq4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    border-bottom: 1px solid var(--mud-palette-divider);
    font-size: 14px;
    font-weight: 700;
    background: var(--mud-palette-surface);
    color: var(--mud-palette-text-primary);
}

.rp-drawer-body[b-kj9humwdq4] {
    flex: 1;
    overflow-y: auto;
    padding: 16px;
    background: var(--mud-palette-background);
}

.rp-drawer-body--gap[b-kj9humwdq4] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.rp-drawer-footer[b-kj9humwdq4] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 12px 16px;
    border-top: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-surface);
}

/* ── Helpers ─────────────────────────────────────────────────────────────────── */
.rp-center-pad[b-kj9humwdq4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 48px 16px;
    gap: 8px;
}

.rp-empty[b-kj9humwdq4] {
    color: var(--mud-palette-text-secondary);
    font-size: 13px;
    text-align: center;
}
/* /Pages/Admin/TrainingVideoAdmin.razor.rz.scp.css */
/* ============================================================
   TrainingVideoAdmin.razor.css  |  Prefix: tva-
   ============================================================ */

.tva-shell[b-ao329p3t0d] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 64px);
    overflow: hidden;
    background: var(--mud-palette-background);
}

/* ── Header ──────────────────────────────────────────────────────────────────── */
.tva-header[b-ao329p3t0d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 16px;
    border-bottom: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-surface);
    flex-shrink: 0;
    gap: 12px;
    flex-wrap: wrap;
}

.tva-header-left[b-ao329p3t0d] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.tva-header-right[b-ao329p3t0d] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.tva-page-title[b-ao329p3t0d] {
    font-size: 15px;
    font-weight: 700;
    color: var(--mud-palette-text-primary);
}

.tva-count-chip[b-ao329p3t0d] {
    font-size: 11px;
    font-weight: 700;
    padding: 2px 9px;
    border-radius: 10px;
    background: var(--mud-palette-primary-hover);
    color: var(--mud-palette-primary);
}

.tva-search[b-ao329p3t0d] {
    width: 200px;
}

.tva-module-filter[b-ao329p3t0d] {
    width: 160px;
}

/* ── Content ─────────────────────────────────────────────────────────────────── */
.tva-content[b-ao329p3t0d] {
    flex: 1;
    overflow-y: auto;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* ── Group ───────────────────────────────────────────────────────────────────── */
.tva-group-header[b-ao329p3t0d] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
}

.tva-group-name[b-ao329p3t0d] {
    font-size: 14px;
    font-weight: 800;
    color: var(--mud-palette-text-primary);
}

.tva-group-count[b-ao329p3t0d] {
    font-size: 12px;
    color: var(--mud-palette-text-secondary);
}

/* ── Table ───────────────────────────────────────────────────────────────────── */
.tva-table[b-ao329p3t0d] {
    width: 100%;
    border-collapse: collapse;
    font-size: 12.5px;
    background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-divider);
    border-radius: 10px;
    overflow: hidden;
}

    .tva-table thead tr[b-ao329p3t0d] {
        background: var(--mud-palette-table-striped);
    }

    .tva-table th[b-ao329p3t0d] {
        padding: 7px 10px;
        font-size: 11px;
        font-weight: 700;
        text-align: left;
        color: var(--mud-palette-text-secondary);
        border-bottom: 1px solid var(--mud-palette-divider);
        white-space: nowrap;
    }

    .tva-table td[b-ao329p3t0d] {
        padding: 8px 10px;
        border-bottom: 1px solid var(--mud-palette-divider);
        vertical-align: middle;
        color: var(--mud-palette-text-primary);
    }

    .tva-table tr:last-child td[b-ao329p3t0d] {
        border-bottom: none;
    }

    .tva-table tr:hover td[b-ao329p3t0d] {
        background: var(--mud-palette-action-hover);
    }

.tva-row--inactive td[b-ao329p3t0d] {
    opacity: .55;
}

/* Column widths */
.tva-col-thumb[b-ao329p3t0d] {
    width: 72px;
}

.tva-col-title[b-ao329p3t0d] {
    min-width: 200px;
}

.tva-col-lang[b-ao329p3t0d] {
    width: 110px;
}

.tva-col-dur[b-ao329p3t0d] {
    width: 72px;
}

.tva-col-perm[b-ao329p3t0d] {
    width: 140px;
}

.tva-col-status[b-ao329p3t0d] {
    width: 74px;
}

.tva-col-actions[b-ao329p3t0d] {
    width: 72px;
    text-align: right !important;
    white-space: nowrap;
}

/* Thumbnail */
.tva-thumb-link[b-ao329p3t0d] {
    position: relative;
    display: block;
    width: 56px;
    border-radius: 6px;
    overflow: hidden;
}

.tva-thumb[b-ao329p3t0d] {
    width: 56px;
    height: 36px;
    object-fit: cover;
    display: block;
}

.tva-thumb-play[b-ao329p3t0d] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,.45);
    color: #fff;
    font-size: 10px;
    opacity: 0;
    transition: opacity .15s;
}

.tva-thumb-link:hover .tva-thumb-play[b-ao329p3t0d] {
    opacity: 1;
}

/* Title / desc / tags */
.tva-title[b-ao329p3t0d] {
    font-weight: 600;
    font-size: 13px;
    color: var(--mud-palette-text-primary);
}

.tva-desc[b-ao329p3t0d] {
    font-size: 11.5px;
    color: var(--mud-palette-text-secondary);
    margin-top: 2px;
}

.tva-tags[b-ao329p3t0d] {
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
    margin-top: 4px;
}

.tva-tag[b-ao329p3t0d] {
    font-size: 10px;
    font-weight: 600;
    padding: 1px 6px;
    border-radius: 4px;
    background: var(--mud-palette-action-hover);
    color: var(--mud-palette-text-secondary);
}

/* Language badge */
.tva-lang-badge[b-ao329p3t0d] {
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    padding: 2px 9px;
    border-radius: 6px;
    white-space: nowrap;
}

.tva-na[b-ao329p3t0d] {
    color: var(--mud-palette-text-secondary);
}

/* Duration */
.tva-dur[b-ao329p3t0d] {
    font-size: 12px;
    font-variant-numeric: tabular-nums;
    color: var(--mud-palette-text-secondary);
}

/* Permission */
.tva-perm-chip[b-ao329p3t0d] {
    font-size: 10.5px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 6px;
    background: var(--mud-palette-warning-hover);
    color: var(--mud-palette-warning-darken);
    font-family: "Cascadia Code","Consolas",monospace;
}

.tva-public-chip[b-ao329p3t0d] {
    font-size: 10.5px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 6px;
    background: var(--mud-palette-success-hover);
    color: var(--mud-palette-success-darken);
}

/* Status */
.tva-status[b-ao329p3t0d] {
    font-size: 11px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 10px;
}

.tva-status--on[b-ao329p3t0d] {
    background: var(--mud-palette-success-hover);
    color: var(--mud-palette-success-darken);
}

.tva-status--off[b-ao329p3t0d] {
    background: var(--mud-palette-default-hover);
    color: var(--mud-palette-text-secondary);
}

/* ── Drawer ──────────────────────────────────────────────────────────────────── */
.tva-drawer[b-ao329p3t0d] {
    display: flex;
    flex-direction: column;
}

.tva-drawer-header[b-ao329p3t0d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    border-bottom: 1px solid var(--mud-palette-divider);
    font-size: 14px;
    font-weight: 700;
    background: var(--mud-palette-surface);
    color: var(--mud-palette-text-primary);
    flex-shrink: 0;
}

.tva-drawer-body[b-ao329p3t0d] {
    flex: 1;
    overflow-y: auto;
    padding: 16px;
    background: var(--mud-palette-background);
}

.tva-form[b-ao329p3t0d] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.tva-form-row[b-ao329p3t0d] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    align-items: center;
}

.tva-drawer-footer[b-ao329p3t0d] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 12px 16px;
    border-top: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-surface);
    flex-shrink: 0;
}

/* ── Helpers ─────────────────────────────────────────────────────────────────── */
.tva-center-pad[b-ao329p3t0d] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px;
    gap: 12px;
    flex: 1;
}

.tva-empty[b-ao329p3t0d] {
    color: var(--mud-palette-text-secondary);
    font-size: 13px;
    text-align: center;
}
/* /Pages/Admin/Userprofile.razor.rz.scp.css */
/* ============================================================
   UserProfile.razor.css  |  Prefix: up-
   Two-panel card layout inspired by image reference.
   All colours via var(--mud-palette-*) for dark theme support.
   ============================================================ */

/* ── Page shell ──────────────────────────────────────────────────────────────── */
.up-page[b-oq8ffh6258] {
    min-height: calc(100vh - 64px);
    background: var(--mud-palette-background);
    display: flex;
    flex-direction: column;
}

/* ── Full-page loader / error ─────────────────────────────────────────────────── */
.up-loader[b-oq8ffh6258] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(100vh - 64px);
}

.up-loader-spinner[b-oq8ffh6258] {
    width: 38px;
    height: 38px;
    border: 3px solid var(--mud-palette-divider);
    border-top-color: var(--mud-palette-primary);
    border-radius: 50%;
    animation: up-spin-b-oq8ffh6258 .7s linear infinite;
}

.up-not-found[b-oq8ffh6258] {
    font-size: 14px;
    color: var(--mud-palette-text-secondary);
}

@keyframes up-spin-b-oq8ffh6258 {
    to {
        transform: rotate(360deg);
    }
}

/* ── Top bar ──────────────────────────────────────────────────────────────────── */
.up-topbar[b-oq8ffh6258] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 24px;
    background: var(--mud-palette-surface);
    border-bottom: 1px solid var(--mud-palette-divider);
    flex-shrink: 0;
}

.up-back-btn[b-oq8ffh6258] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: var(--mud-palette-action-hover);
    border: 1px solid var(--mud-palette-divider);
    border-radius: 20px;
    color: var(--mud-palette-text-secondary);
    font-size: 12.5px;
    font-weight: 600;
    padding: 5px 13px 5px 9px;
    cursor: pointer;
    transition: background .15s, color .15s;
}

    .up-back-btn:hover[b-oq8ffh6258] {
        background: var(--mud-palette-primary-hover);
        color: var(--mud-palette-primary);
    }

.up-topbar-right[b-oq8ffh6258] {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Status toggle pill */
.up-status-btn[b-oq8ffh6258] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 700;
    padding: 5px 14px 5px 10px;
    border: none;
    cursor: pointer;
    letter-spacing: .02em;
    transition: opacity .15s, transform .1s;
}

    .up-status-btn:hover:not(.up-status-btn--ro)[b-oq8ffh6258] {
        opacity: .82;
        transform: scale(.97);
    }

.up-status-btn--ro[b-oq8ffh6258] {
    cursor: default;
}

.up-status-btn--active[b-oq8ffh6258] {
    background: rgba(16,185,129,.15);
    color: #10b981;
}

.up-status-btn--inactive[b-oq8ffh6258] {
    background: rgba(239,68,68,.12);
    color: #ef4444;
}

.up-status-dot[b-oq8ffh6258] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: currentColor;
    display: inline-block;
    flex-shrink: 0;
}

.up-status-spin[b-oq8ffh6258] {
    display: inline-block;
    width: 10px;
    height: 10px;
    border: 2px solid currentColor;
    border-top-color: transparent;
    border-radius: 50%;
    animation: up-spin-b-oq8ffh6258 .6s linear infinite;
}

/* ── Card wrapper ─────────────────────────────────────────────────────────────── */
.up-card-wrap[b-oq8ffh6258] {
    flex: 1;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 28px 24px 40px;
}

.up-card[b-oq8ffh6258] {
    display: flex;
    width: 100%;
    max-width: 1000px;
    background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-divider);
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 4px 32px rgba(0,0,0,.08);
    min-height: 520px;
}

/* ── LEFT PANEL ──────────────────────────────────────────────────────────────── */
.up-left[b-oq8ffh6258] {
    width: 240px;
    flex-shrink: 0;
    background: var(--mud-palette-drawer-background, var(--mud-palette-surface));
    border-right: 1px solid var(--mud-palette-divider);
    padding: 28px 20px 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
}

/* Avatar */
.up-avatar-section[b-oq8ffh6258] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    margin-bottom: 16px;
}

.up-avatar-ring[b-oq8ffh6258] {
    position: relative;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    /* Accent ring matching inspiration */
    box-shadow: 0 0 0 3px var(--mud-palette-surface), 0 0 0 6px var(--mud-palette-primary);
}

.up-avatar-img[b-oq8ffh6258],
.up-avatar-initials[b-oq8ffh6258] {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    font-weight: 800;
    color: #fff;
    letter-spacing: -.5px;
}
/* Camera overlay */
.up-avatar-overlay[b-oq8ffh6258] {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: rgba(0,0,0,.5);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    opacity: 0;
    transition: opacity .18s;
    cursor: pointer;
}

.up-avatar-ring:hover .up-avatar-overlay--hover[b-oq8ffh6258] {
    opacity: 1;
}

.up-avatar-overlay:not(.up-avatar-overlay--hover)[b-oq8ffh6258] {
    opacity: 1;
}

.up-avatar-spin[b-oq8ffh6258] {
    width: 22px;
    height: 22px;
    border: 3px solid rgba(255,255,255,.35);
    border-top-color: #fff;
    border-radius: 50%;
    animation: up-spin-b-oq8ffh6258 .65s linear infinite;
}

.up-clear-avatar[b-oq8ffh6258] {
    background: none;
    border: none;
    color: var(--mud-palette-error);
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    padding: 0;
    opacity: .7;
    transition: opacity .15s;
}

    .up-clear-avatar:hover[b-oq8ffh6258] {
        opacity: 1;
    }

/* Name + login */
.up-left-name[b-oq8ffh6258] {
    font-size: 16px;
    font-weight: 800;
    color: var(--mud-palette-text-primary);
    text-align: center;
    line-height: 1.25;
    margin-bottom: 5px;
}

.up-left-login[b-oq8ffh6258] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    font-weight: 600;
    color: var(--mud-palette-primary);
    text-align: center;
    margin-bottom: 12px;
}

/* Role chips */
.up-left-roles[b-oq8ffh6258] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    justify-content: center;
    margin-bottom: 4px;
}

.up-role-chip[b-oq8ffh6258] {
    display: inline-block;
    font-size: 10.5px;
    font-weight: 700;
    padding: 2px 9px;
    border-radius: 10px;
    background: var(--mud-palette-primary-hover);
    color: var(--mud-palette-primary);
}

/* Divider */
.up-left-divider[b-oq8ffh6258] {
    width: 100%;
    height: 1px;
    background: var(--mud-palette-divider);
    margin: 16px 0;
}

/* Meta dates */
.up-meta-list[b-oq8ffh6258] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 16px;
}

.up-meta-row[b-oq8ffh6258] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 8px;
}

.up-meta-label[b-oq8ffh6258] {
    font-size: 11px;
    color: var(--mud-palette-text-secondary);
}

.up-meta-val[b-oq8ffh6258] {
    font-size: 12px;
    font-weight: 700;
    color: var(--mud-palette-text-primary);
}

/* Stat pills */
.up-stat-pills[b-oq8ffh6258] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 100%;
}

.up-stat-pill[b-oq8ffh6258] {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 7px 12px;
    border-radius: 8px;
    background: var(--mud-palette-action-hover);
    font-size: 12px;
    font-weight: 600;
    color: var(--mud-palette-text-secondary);
}

/* ── RIGHT PANEL ──────────────────────────────────────────────────────────────── */
.up-right[b-oq8ffh6258] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

/* Tabs */
.up-tabs[b-oq8ffh6258] {
    display: flex;
    align-items: center;
    gap: 0;
    padding: 0 24px;
    border-bottom: 1px solid var(--mud-palette-divider);
    flex-shrink: 0;
}

.up-tab[b-oq8ffh6258] {
    padding: 14px 16px;
    font-size: 13px;
    font-weight: 600;
    border: none;
    border-bottom: 2px solid transparent;
    background: transparent;
    color: var(--mud-palette-text-secondary);
    cursor: pointer;
    transition: color .15s, border-color .15s;
    white-space: nowrap;
}

    .up-tab:hover[b-oq8ffh6258] {
        color: var(--mud-palette-primary);
    }

.up-tab--on[b-oq8ffh6258] {
    color: var(--mud-palette-primary);
    border-bottom-color: var(--mud-palette-primary);
}

.up-tabs-spacer[b-oq8ffh6258] {
    flex: 1;
}

/* Edit button */
.up-edit-btn[b-oq8ffh6258] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border-radius: 8px;
    border: 1.5px solid var(--mud-palette-primary);
    background: transparent;
    color: var(--mud-palette-primary);
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    transition: background .15s, color .15s;
    white-space: nowrap;
}

    .up-edit-btn:hover[b-oq8ffh6258] {
        background: var(--mud-palette-primary);
        color: #fff;
    }

/* ── Fields (view mode) ───────────────────────────────────────────────────────── */
.up-fields[b-oq8ffh6258] {
    padding: 24px 24px 8px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.up-field-row[b-oq8ffh6258] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.up-field-group[b-oq8ffh6258] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.up-field-label[b-oq8ffh6258] {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 10.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .07em;
    color: var(--mud-palette-text-secondary);
}

.up-field-value[b-oq8ffh6258] {
    padding: 10px 14px;
    border-radius: 8px;
    background: var(--mud-palette-background);
    border: 1px solid var(--mud-palette-divider);
    font-size: 13.5px;
    font-weight: 500;
    color: var(--mud-palette-text-primary);
    min-height: 40px;
    display: flex;
    align-items: center;
}

/* Badges row */
.up-badges-row[b-oq8ffh6258] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    padding: 16px 24px 24px;
}

.up-badge[b-oq8ffh6258] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    font-weight: 600;
    padding: 5px 12px;
    border-radius: 8px;
}

.up-badge--company[b-oq8ffh6258] {
    background: var(--mud-palette-info-hover);
    color: var(--mud-palette-info-darken);
}

.up-badge--role[b-oq8ffh6258] {
    background: var(--mud-palette-primary-hover);
    color: var(--mud-palette-primary);
}

/* ── Form (edit mode) ─────────────────────────────────────────────────────────── */
.up-form[b-oq8ffh6258] {
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.up-input[b-oq8ffh6258] {
    width: 100%;
    box-sizing: border-box;
    padding: 10px 14px;
    border-radius: 8px;
    border: 1.5px solid var(--mud-palette-divider);
    background: var(--mud-palette-background);
    color: var(--mud-palette-text-primary);
    font-size: 13.5px;
    outline: none;
    transition: border-color .15s, box-shadow .15s;
}

    .up-input:focus[b-oq8ffh6258] {
        border-color: var(--mud-palette-primary);
        box-shadow: 0 0 0 3px var(--mud-palette-primary-hover);
    }

.up-select[b-oq8ffh6258] {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
    padding-right: 32px;
    cursor: pointer;
}

.up-form-actions[b-oq8ffh6258] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding-top: 4px;
}

/* Buttons */
.up-btn[b-oq8ffh6258] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 9px 20px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    border: none;
    transition: opacity .15s, transform .1s;
}

    .up-btn:disabled[b-oq8ffh6258] {
        opacity: .55;
        cursor: not-allowed;
    }

    .up-btn:not(:disabled):hover[b-oq8ffh6258] {
        opacity: .88;
    }

    .up-btn:not(:disabled):active[b-oq8ffh6258] {
        transform: scale(.97);
    }

.up-btn--primary[b-oq8ffh6258] {
    background: var(--mud-palette-primary);
    color: #fff;
}

.up-btn--ghost[b-oq8ffh6258] {
    background: var(--mud-palette-action-hover);
    color: var(--mud-palette-text-secondary);
    border: 1.5px solid var(--mud-palette-divider);
}

.up-btn-spin[b-oq8ffh6258] {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255,255,255,.35);
    border-top-color: #fff;
    border-radius: 50%;
    animation: up-spin-b-oq8ffh6258 .65s linear infinite;
}

/* ── Roles & Permissions tab ──────────────────────────────────────────────────── */
.up-rp-wrap[b-oq8ffh6258] {
    padding: 20px 24px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    overflow-y: auto;
    flex: 1;
}

.up-rp-section[b-oq8ffh6258] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.up-rp-title[b-oq8ffh6258] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .07em;
    color: var(--mud-palette-text-secondary);
}

.up-rp-count[b-oq8ffh6258] {
    background: var(--mud-palette-primary);
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    padding: 1px 7px;
    border-radius: 10px;
}

.up-rp-empty[b-oq8ffh6258] {
    font-size: 13px;
    color: var(--mud-palette-text-secondary);
    padding: 8px 0;
}

.up-roles-list[b-oq8ffh6258] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.up-role-row[b-oq8ffh6258] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    background: var(--mud-palette-action-hover);
    border: 1px solid var(--mud-palette-divider);
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
}

.up-role-icon[b-oq8ffh6258] {
    width: 26px;
    height: 26px;
    border-radius: 6px;
    background: var(--mud-palette-primary-hover);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--mud-palette-primary);
    flex-shrink: 0;
}

.up-perm-chips[b-oq8ffh6258] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.up-perm-chip[b-oq8ffh6258] {
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    font-family: "Cascadia Code", "Consolas", monospace;
    padding: 3px 9px;
    border-radius: 6px;
    background: var(--mud-palette-info-hover);
    color: var(--mud-palette-info-darken);
    border: 1px solid var(--mud-palette-divider);
}

/* ── Responsive ───────────────────────────────────────────────────────────────── */
@media (max-width: 700px) {
    .up-card[b-oq8ffh6258] {
        flex-direction: column;
    }

    .up-left[b-oq8ffh6258] {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid var(--mud-palette-divider);
    }

    .up-field-row[b-oq8ffh6258] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Department/Department.razor.rz.scp.css */
.dp-shell[b-v3v2rh88b9] {
    width: 100%;
    overflow: hidden;
}

/* ── Top action bar ── */
.dp-topbar[b-v3v2rh88b9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 4px;
}

.dp-topbar__left[b-v3v2rh88b9] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.dp-topbar__right[b-v3v2rh88b9] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

/* ── Drawer ── */
.dp-drawer-header[b-v3v2rh88b9] {
    border-bottom: 1px solid var(--mud-palette-divider);
    padding: 12px 16px;
}

.dp-drawer-body[b-v3v2rh88b9] {
    padding: 16px;
    overflow-y: auto;
}

.dp-drawer-actions[b-v3v2rh88b9] {
    display: flex;
    gap: 12px;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--mud-palette-divider);
    justify-content: flex-end;
}
/* /Pages/Employee/Employee.razor.rz.scp.css */
.em-shell[b-0owbct0axr] {
    width: 100%;
    overflow: hidden;
}

/* ── Top action bar ── */
.em-topbar[b-0owbct0axr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 4px;
}

.em-topbar__left[b-0owbct0axr] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.em-topbar__right[b-0owbct0axr] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

/* ── Name cell with avatar ── */
.em-name-cell[b-0owbct0axr] {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* ── Drawer ── */
.em-drawer-header[b-0owbct0axr] {
    border-bottom: 1px solid var(--mud-palette-divider);
    padding: 12px 16px;
}

.em-drawer-body[b-0owbct0axr] {
    padding: 16px;
    overflow-y: auto;
}

.em-drawer-actions[b-0owbct0axr] {
    display: flex;
    gap: 12px;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--mud-palette-divider);
    justify-content: flex-end;
}
/* /Pages/Employee/Employeedetail.razor.rz.scp.css */
/* ============================================================
   EmployeeDetail.razor.css — Blazor CSS Isolation
   Prefix: ed-  (EmployeeDetail page)
   ============================================================ */

.ed-shell[b-38r4gywgc7] {
    width: 100%;
}

/* ── Loading / not-found states ── */
.ed-loading[b-38r4gywgc7] {
    display: flex;
    justify-content: center;
    padding: 64px 0;
}

.ed-not-found[b-38r4gywgc7] {
    padding: 16px 0;
}

/* ─────────────────────────────────────────────────────────────
   HEADER
   Stack on mobile, row on sm+
───────────────────────────────────────────────────────────── */
.ed-header[b-38r4gywgc7] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.ed-avatar[b-38r4gywgc7] {
    flex-shrink: 0;
}

.ed-header__info[b-38r4gywgc7] {
    flex: 1;
    min-width: 0; /* allow text truncation */
}

.ed-header__name[b-38r4gywgc7] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ed-header__meta[b-38r4gywgc7] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 4px;
}

/* ─────────────────────────────────────────────────────────────
   INFO CARD
───────────────────────────────────────────────────────────── */
.ed-card[b-38r4gywgc7] {
    height: 100%;
}

.ed-card__title[b-38r4gywgc7] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}

/* ─────────────────────────────────────────────────────────────
   INFO ROW — CSS-grid label / value pair
   Mobile: label above value (column)
   sm+:    label | value side-by-side (row)
   
   No fixed pixel width on the label — it's a percentage-based
   grid so it responds to container width naturally.
───────────────────────────────────────────────────────────── */
.ed-info-row[b-38r4gywgc7] {
    display: grid;
    grid-template-columns: 1fr; /* mobile: single column */
    padding: 7px 0;
    border-bottom: 1px solid var(--mud-palette-divider);
    gap: 2px;
}

    .ed-info-row:last-child[b-38r4gywgc7] {
        border-bottom: none;
    }

/* Dim rows with no value so they recede visually */
.ed-info-row--empty .ed-info-value[b-38r4gywgc7] {
    color: var(--mud-palette-text-disabled);
}

.ed-info-label[b-38r4gywgc7] {
    font-size: 0.75rem;
    color: var(--mud-palette-text-secondary);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.ed-info-value[b-38r4gywgc7] {
    font-size: 0.875rem;
    color: var(--mud-palette-text-primary);
    word-break: break-word;
}

/* sm+ (≥600px): two-column label | value */
@media (min-width: 600px) {
    .ed-info-row[b-38r4gywgc7] {
        grid-template-columns: 140px 1fr;
        gap: 0 12px;
        align-items: baseline;
    }

    .ed-info-label[b-38r4gywgc7] {
        font-size: 0.8rem;
        text-transform: none;
        letter-spacing: 0;
    }
}

/* ─────────────────────────────────────────────────────────────
   EXPANSION PANEL TITLE
───────────────────────────────────────────────────────────── */
.ed-panel-title[b-38r4gywgc7] {
    display: flex;
    align-items: center;
    gap: 8px;
}
/* /Pages/Inward/InwardForm.razor.rz.scp.css */
/* ============================================================
   InwardForm.razor.css — Blazor CSS Isolation
   Prefix: if-  (InwardForm page)
   ============================================================ */
.if-shell[b-nx7wnyp04n] {
    width: 100%;
    overflow: hidden;
}

.if-header[b-nx7wnyp04n] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.if-header__left[b-nx7wnyp04n] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.if-header__right[b-nx7wnyp04n] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.if-section-title[b-nx7wnyp04n] {
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 12px;
}

.if-totals-row[b-nx7wnyp04n] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 16px;
    padding: 12px 0 4px;
    border-top: 1px solid var(--mud-palette-divider);
}

.if-dropzone[b-nx7wnyp04n] {
    border: 2px dashed var(--mud-palette-primary);
    border-radius: 8px;
    padding: 28px 16px;
    text-align: center;
    cursor: pointer;
    transition: background-color .2s, border-color .2s;
    background-color: var(--mud-palette-surface);
}

    .if-dropzone:hover[b-nx7wnyp04n],
    .if-dropzone.dragging[b-nx7wnyp04n] {
        background-color: var(--mud-palette-primary-hover);
        border-color: var(--mud-palette-primary-darken);
    }

.if-preview-header[b-nx7wnyp04n] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 4px;
}

.if-loading[b-nx7wnyp04n] {
    display: flex;
    justify-content: center;
    padding: 48px;
}
/* /Pages/Inward/InwardList.razor.rz.scp.css */
/* ============================================================
   InwardList.razor.css — Blazor CSS Isolation
   Prefix: il-  (InwardList page)
   ============================================================ */

.il-shell[b-g77e6ecbtk] {
    width: 100%;
    overflow: hidden;
}

.il-topbar[b-g77e6ecbtk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 4px;
}

.il-topbar__left[b-g77e6ecbtk] {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Filters group — type, status, search inline */
.il-topbar__filters[b-g77e6ecbtk] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    flex: 1;
    justify-content: center;
}

.il-topbar__right[b-g77e6ecbtk] {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* ───────────────────────────────────────────────────────────────────────────
   All colours use MudBlazor palette vars for dark-theme support.
   ─────────────────────────────────────────────────────────────────────────── */
.il-summary[b-g77e6ecbtk] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
    margin: 12px 0 4px;
    padding: 10px 14px;
    border: 1px solid var(--mud-palette-divider);
    border-radius: 8px;
    background: var(--mud-palette-background-grey);
    min-height: 52px;
}

.il-summary__loading[b-g77e6ecbtk] {
    width: 100%;
}

.il-summary__totals[b-g77e6ecbtk] {
    display: flex;
    flex-wrap: wrap;
    gap: 22px;
    align-items: center;
}

.il-stat[b-g77e6ecbtk] {
    display: flex;
    flex-direction: column;
    line-height: 1.25;
}

.il-stat__label[b-g77e6ecbtk] {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--mud-palette-text-disabled);
}

.il-stat__value[b-g77e6ecbtk] {
    font-size: 15px;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
}

.il-mono[b-g77e6ecbtk] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

/* push the per-type chips to the right edge of the summary bar */
.il-summary__bytype[b-g77e6ecbtk] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-left: auto;
    align-items: center;
}
/* /Pages/Inward/InwardView.razor.rz.scp.css */
/* ============================================================
   InwardView.razor.css — Blazor CSS Isolation
   Prefix: iv-  (InwardView page)

   IMPORTANT: The invoice itself must print white-on-black
   regardless of the user's theme. All invoice styles use
   hardcoded print-safe colours ONLY inside @media print.
   Screen styles use var(--mud-palette-*) for dark theme.
   ============================================================ */

/* ── Loading state ── */
.iv-loading[b-7w4g8h4m18] {
    display: flex;
    justify-content: center;
    padding: 64px;
}

/* ── Toolbar ──
   iv-toolbar-wrap  → div directly in InwardView.razor (receives scope attr)
   iv-toolbar__inner → inner flex container inside MudPaper
   MudPaper itself is a child component — CSS isolation cannot style its
   internals, so the flex layout lives on divs we own directly.
*/
.iv-toolbar-wrap[b-7w4g8h4m18] {
    /* FIX 3: remove extra top/bottom margin so the toolbar sits flush
       against the invoice below it without a large gap */
    margin-bottom: 0;
}

.iv-toolbar__inner[b-7w4g8h4m18] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.iv-toolbar__left[b-7w4g8h4m18] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.iv-toolbar__right[b-7w4g8h4m18] {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
}

/* ═══════════════════════════════════════════════════════════
   INVOICE WRAPPER
   Screen: uses theme-aware surface colour + border.
   Print:  forces white background / black text (override).
═══════════════════════════════════════════════════════════ */
.invoice-wrap[b-7w4g8h4m18] {
    background: var(--mud-palette-surface);
    color: var(--mud-palette-text-primary);
    border: 1px solid var(--mud-palette-divider);
    border-radius: 6px;
    font-family: Arial, sans-serif;
    font-size: 13px;
    width: 100%;
    box-sizing: border-box;
    /* FIX 3: MudBlazor ma-2 adds 8px margin on all sides. Override top
       margin to 4px so the invoice sits closer to the toolbar. */
    margin-top: 4px !important;
}

/* ── TOP HEADER: 3-column grid ── */
.inv-header[b-7w4g8h4m18] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 24px;
    padding: 20px 28px 14px;
    border-bottom: 2px solid var(--mud-palette-text-primary);
    align-items: start;
}

.inv-title-block[b-7w4g8h4m18] {
    text-align: center;
    align-self: center;
    padding: 0 16px;
}

.inv-meta[b-7w4g8h4m18] {
    text-align: right;
}

.inv-label[b-7w4g8h4m18] {
    font-size: 11px;
    color: var(--mud-palette-text-secondary);
    margin-bottom: 2px;
    letter-spacing: .3px;
}

.inv-party-name[b-7w4g8h4m18] {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 4px;
}

.inv-title[b-7w4g8h4m18] {
    font-size: 20px;
    font-weight: 700;
    white-space: nowrap;
}

.inv-meta-heading[b-7w4g8h4m18] {
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 6px;
    text-align: right;
}

.inv-meta-line[b-7w4g8h4m18] {
    display: flex;
    justify-content: flex-end;
    align-items: baseline;
    gap: 10px;
    font-size: 12.5px;
    line-height: 1.75;
}

.inv-meta-key[b-7w4g8h4m18] {
    color: var(--mud-palette-text-secondary);
    white-space: nowrap;
}

.inv-currency-line[b-7w4g8h4m18] {
    margin-top: 6px;
    padding-top: 4px;
    border-top: 1px solid var(--mud-palette-divider);
}

.inv-small[b-7w4g8h4m18] {
    font-size: 11.5px;
    color: var(--mud-palette-text-secondary);
}

/* ── PAYMENT / BROKER BAND ── */
.inv-band[b-7w4g8h4m18] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 10px 28px;
    border-bottom: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-background-grey);
    font-size: 12.5px;
    line-height: 1.7;
    gap: 24px;
}

.inv-band-right[b-7w4g8h4m18] {
    text-align: right;
}

/* ── DEPARTMENT BAND ── */
.inv-dept-band[b-7w4g8h4m18] {
    padding: 14px 28px 12px;
    border-bottom: 1px solid var(--mud-palette-divider);
    line-height: 1.5;
}

.inv-dept-name[b-7w4g8h4m18] {
    font-size: 17px;
    font-weight: 700;
    margin: 2px 0;
}

/* ── DETAIL TABLE ── */
.inv-table[b-7w4g8h4m18] {
    width: 100%;
    border-collapse: collapse;
    font-size: 12.5px;
    table-layout: auto;
}

    .inv-table .num[b-7w4g8h4m18],
    .inv-table .num-h[b-7w4g8h4m18] {
        white-space: nowrap;
        min-width: 90px;
    }

    .inv-table thead tr[b-7w4g8h4m18] {
        background: var(--mud-palette-background-grey);
        border-top: 1px solid var(--mud-palette-divider);
        border-bottom: 1px solid var(--mud-palette-divider);
    }

    .inv-table th[b-7w4g8h4m18] {
        padding: 8px 12px;
        font-weight: 600;
        text-align: left;
        white-space: nowrap;
    }

        .inv-table th.num-h[b-7w4g8h4m18] {
            text-align: right;
        }

    .inv-table td[b-7w4g8h4m18] {
        padding: 7px 12px;
        border-bottom: 1px solid var(--mud-palette-divider);
        vertical-align: middle;
        white-space: nowrap;
    }

    /* BUG FIX: was hardcoded #f9f9f9 — invisible in dark mode */
    .inv-table tbody tr:hover[b-7w4g8h4m18] {
        background: var(--mud-palette-action-hover);
    }

    .inv-table .num[b-7w4g8h4m18] {
        text-align: right;
        font-variant-numeric: tabular-nums;
        font-feature-settings: "tnum";
    }

.stone-id[b-7w4g8h4m18] {
    font-weight: 600;
}

/* ── SUBTOTAL ROW ── */
.subtotal-row td[b-7w4g8h4m18] {
    border-top: 2px solid var(--mud-palette-text-secondary) !important;
    border-bottom: 2px solid var(--mud-palette-text-secondary) !important;
    background: var(--mud-palette-background-grey);
    padding: 9px 12px;
    font-size: 12.5px;
    /* FIX 2: subtotal cells must also not wrap */
    white-space: nowrap;
}

/* ── TOTALS BLOCK ── */
.inv-totals[b-7w4g8h4m18] {
    display: flex;
    justify-content: flex-end;
    padding: 14px 28px 6px;
}

.inv-totals-inner[b-7w4g8h4m18] {
    min-width: 300px;
    font-size: 13px;
}

.inv-total-line[b-7w4g8h4m18] {
    display: flex;
    justify-content: space-between;
    gap: 40px;
    padding: 5px 0;
    border-bottom: 1px solid var(--mud-palette-divider);
    font-variant-numeric: tabular-nums;
}

.grand-total[b-7w4g8h4m18] {
    font-size: 16px;
    font-weight: 700;
    border-bottom: none !important;
    border-top: 2px solid var(--mud-palette-text-primary);
    padding-top: 9px;
    margin-top: 4px;
}

/* ── FOOTER STAMP ── */
.inv-footer[b-7w4g8h4m18] {
    padding: 9px 28px 13px;
    font-size: 11px;
    color: var(--mud-palette-text-secondary);
    border-top: 1px solid var(--mud-palette-divider);
}

/* ═══════════════════════════════════════════════════════════
   PRINT
   Override only what must be different for paper output.
   invoice-wrap gets hard white/black so it prints correctly
   regardless of OS/browser dark-mode setting.
═══════════════════════════════════════════════════════════ */
@media print {
    .no-print[b-7w4g8h4m18] {
        display: none !important;
    }

    .mud-layout-drawer[b-7w4g8h4m18],
    .mud-app-bar[b-7w4g8h4m18],
    .mud-nav-menu[b-7w4g8h4m18] {
        display: none !important;
    }
    /* Force white paper background for print */
    .invoice-wrap[b-7w4g8h4m18] {
        background: #fff !important;
        color: #111 !important;
        border: none;
        border-radius: 0;
        margin: 0;
    }

    .inv-header[b-7w4g8h4m18] {
        border-bottom-color: #111 !important;
    }

    .inv-band[b-7w4g8h4m18] {
        background: #f8f8f8 !important;
        border-color: #d0d0d0 !important;
    }

    .inv-dept-band[b-7w4g8h4m18] {
        border-color: #d0d0d0 !important;
    }

    .inv-label[b-7w4g8h4m18] {
        color: #666 !important;
    }

    .inv-meta-key[b-7w4g8h4m18] {
        color: #555 !important;
    }

    .inv-small[b-7w4g8h4m18] {
        color: #555 !important;
    }

    .inv-currency-line[b-7w4g8h4m18] {
        border-color: #e0e0e0 !important;
    }

    .inv-table thead tr[b-7w4g8h4m18] {
        background: #f0f0f0 !important;
        border-color: #bbb !important;
    }

    .inv-table td[b-7w4g8h4m18] {
        border-color: #ebebeb !important;
    }

    .inv-table tbody tr:hover[b-7w4g8h4m18] {
        background: transparent !important;
    }

    .subtotal-row td[b-7w4g8h4m18] {
        background: #f3f3f3 !important;
        border-color: #bbb !important;
    }

    .inv-total-line[b-7w4g8h4m18] {
        border-color: #e4e4e4 !important;
    }

    .grand-total[b-7w4g8h4m18] {
        border-top-color: #111 !important;
    }

    .inv-footer[b-7w4g8h4m18] {
        color: #999 !important;
        border-color: #e4e4e4 !important;
    }

    .inv-totals-inner[b-7w4g8h4m18] {
        min-width: 300px;
    }

    body[b-7w4g8h4m18], .mud-main-content[b-7w4g8h4m18] {
        padding: 0 !important;
        margin: 0 !important;
    }
}
/* /Pages/Lot/Lot.razor.rz.scp.css */
.lt-shell[b-028i2oshb6] {
    width: 100%;
    overflow: hidden;
}

.lt-topbar[b-028i2oshb6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 4px;
}

.lt-topbar__left[b-028i2oshb6] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.lt-topbar__right[b-028i2oshb6] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.lt-drawer-header[b-028i2oshb6] {
    border-bottom: 1px solid var(--mud-palette-divider);
    padding: 12px 16px;
}

.lt-drawer-body[b-028i2oshb6] {
    padding: 16px;
    overflow-y: auto;
}

.lt-drawer-actions[b-028i2oshb6] {
    display: flex;
    gap: 12px;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--mud-palette-divider);
    justify-content: flex-end;
}
/* /Pages/Parameters/Parameters.razor.rz.scp.css */
/* ── Shell ── */
.pr-shell[b-54wsdh4fbd] {
    width: 100%;
    overflow: hidden;
}

/* ── Top bar ── */
.pr-topbar[b-54wsdh4fbd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 4px;
}

.pr-topbar__left[b-54wsdh4fbd] {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* ─────────────────────────────────────────────────────────────
   LEFT PANEL
   Fixed height matching the right panel so both panels are
   stable when the right side grows (value tables, etc.)
───────────────────────────────────────────────────────────── */
.pr-left-panel[b-54wsdh4fbd] {
    display: flex;
    flex-direction: column;
    /* Constrain the panel height so the list scrolls inside it.
       overflow:hidden is required — without it MudPaper ignores max-height. */
    max-height: calc(100vh - 180px);
    overflow: hidden;
}

.pr-left-header[b-54wsdh4fbd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 12px 8px;
}

.pr-left-search[b-54wsdh4fbd] {
    padding: 0 8px 8px;
}

/* Scrollable list area.
   flex:1 fills remaining height inside the constrained pr-left-panel.
   min-height:0 is required on flex children — without it the child
   refuses to shrink below its content height and the scroll never fires. */
.pr-left-list[b-54wsdh4fbd] {
    flex: 1;
    min-height: 0; /* critical: allows flex child to shrink & scroll */
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: calc(100vh - 296px);
}

/* ── List items ── */
.pr-list-item[b-54wsdh4fbd] {
    border-radius: 6px;
    margin: 2px 4px;
    transition: background-color 0.15s;
}

/* BUG FIX: was inline Style ternary — now a CSS class (Blazor scopes it) */
.pr-list-item--active[b-54wsdh4fbd] {
    background-color: var(--mud-palette-primary-hover) !important;
    border-left: 3px solid var(--mud-palette-primary);
}

.pr-list-item__content[b-54wsdh4fbd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
}

.pr-list-item__text[b-54wsdh4fbd] {
    flex: 1;
    min-width: 0;
}

.pr-list-item__badges[b-54wsdh4fbd] {
    flex-shrink: 0;
}

/* ─────────────────────────────────────────────────────────────
   RIGHT PANEL
───────────────────────────────────────────────────────────── */

/* Empty state — centred */
.pr-empty-state[b-54wsdh4fbd] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 300px;
    text-align: center;
}

/* Fixed / no-values state */
.pr-no-values[b-54wsdh4fbd] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 140px;
    text-align: center;
    gap: 4px;
}

/* Card section header row */
.pr-card-header[b-54wsdh4fbd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
    flex-wrap: wrap;
    gap: 8px;
}

/* ─────────────────────────────────────────────────────────────
   INFO CELLS (replaces 30+ repeated inline style= attributes)
───────────────────────────────────────────────────────────── */
.pr-info-cell[b-54wsdh4fbd] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.pr-caption[b-54wsdh4fbd] {
    font-size: 0.75rem;
    color: var(--mud-palette-text-secondary);
    font-weight: 500;
}

.pr-value[b-54wsdh4fbd] {
    font-size: 0.875rem;
    color: var(--mud-palette-text-primary);
}

/* ─────────────────────────────────────────────────────────────
   TAG ROW (similar names chips)
───────────────────────────────────────────────────────────── */
.pr-tag-row[b-54wsdh4fbd] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

/* ─────────────────────────────────────────────────────────────
   DRAWER
───────────────────────────────────────────────────────────── */
.pr-drawer-header[b-54wsdh4fbd] {
    border-bottom: 1px solid var(--mud-palette-divider);
    padding: 12px 16px;
}

.pr-drawer-body[b-54wsdh4fbd] {
    padding: 16px;
    overflow-y: auto;
}

/* BUG FIX: was border-top:1px solid grey → theme-aware divider colour */
.pr-drawer-actions[b-54wsdh4fbd] {
    display: flex;
    gap: 12px;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--mud-palette-divider);
    justify-content: flex-end;
}

/* Similar-name input row */
.pr-similar-input[b-54wsdh4fbd] {
    display: flex;
    gap: 8px;
    align-items: center;
}
/* /Pages/Party/Party.razor.rz.scp.css */
/* ============================================================
   Party.razor.css — Blazor CSS Isolation
   Prefix: p-  (Party page)
   ============================================================ */

.p-shell[b-gs9i4oa6nk] {
    width: 100%;
    overflow: hidden;
}

.p-toprow[b-gs9i4oa6nk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin-bottom: 16px;
    flex-wrap: wrap;
}

.p-name-cell[b-gs9i4oa6nk] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.p-drawer-body[b-gs9i4oa6nk] {
    padding: 14px 16px;
    overflow-y: auto;
    flex: 1;
}

.p-drawer-foot[b-gs9i4oa6nk] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid var(--mud-palette-divider);
}
/* /Pages/Party/PartyDetail.razor.rz.scp.css */
/* ============================================================
   PartyDetail.razor.css — Blazor CSS Isolation
   Prefix: pd-  (Party Detail page)
   ============================================================ */

/* ── Loading state ─────────────────────────────────────────── */
.pd-loading[b-am11aljjl7] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 200px;
}

/* ── Page header (back + avatar + name + status chip) ──────── */
.pd-header[b-am11aljjl7] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
    flex-wrap: wrap;
}

/* ── Expansion panel title row ─────────────────────────────── */
.pd-panel-title[b-am11aljjl7] {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* ── Info row (label : value pair) ────────────────────────── */
.pd-info-row[b-am11aljjl7] {
    display: flex;
    padding: 6px 0;
    border-bottom: 1px solid var(--mud-palette-divider);
    gap: 12px;
}

.pd-info-label[b-am11aljjl7] {
    min-width: 140px;
    width: 160px;
    flex-shrink: 0;
}
/* /Pages/ProcessMaster/Processmaster.razor.rz.scp.css */
.pm-shell[b-n6kswh4g1k] {
    width: 100%;
    overflow: hidden;
}

/* ── Top action bar ── */
.pm-topbar[b-n6kswh4g1k] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 4px;
}

.pm-topbar__left[b-n6kswh4g1k] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.pm-topbar__right[b-n6kswh4g1k] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

/* ── Drawer ── */
.pm-drawer-header[b-n6kswh4g1k] {
    border-bottom: 1px solid var(--mud-palette-divider);
    padding: 12px 16px;
}

.pm-drawer-body[b-n6kswh4g1k] {
    padding: 16px;
    overflow-y: auto;
}

.pm-drawer-actions[b-n6kswh4g1k] {
    display: flex;
    gap: 12px;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--mud-palette-divider);
    justify-content: flex-end;
}
/* /Pages/Reports/ActivityLog.razor.rz.scp.css */
.al-shell[b-lqpe50qbgx] {
    padding: 1.5rem;
}

.al-header[b-lqpe50qbgx] {
    margin-bottom: 1rem;
}

.al-title[b-lqpe50qbgx] {
    font-weight: 600;
}

.al-subtitle[b-lqpe50qbgx] {
    color: var(--mud-palette-text-secondary);
}

.al-filter-panel[b-lqpe50qbgx] {
    margin-bottom: 1rem;
}

.al-filter-row[b-lqpe50qbgx] {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
}

.al-grid[b-lqpe50qbgx] {
    width: 100%;
}

.al-stones[b-lqpe50qbgx] {
    display: flex;
    gap: .4rem;
    flex-wrap: wrap;
    padding: .5rem 1rem;
}
/* /Pages/Reports/ProcessCostingReport.razor.rz.scp.css */
/* RatnamERP.Web/Pages/Reports/ProcessCostingReport.razor.css
   Scoped to this page. Theme vars only — no hardcoded colours. */

.pcr-center[b-6jbcb9nfwt] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: calc(100vh - 120px);
}

.pcr-shell[b-6jbcb9nfwt] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 64px);
    overflow: hidden;
}

/* ── Top bar ─────────────────────────────────────────────────────────────── */
.pcr-topbar[b-6jbcb9nfwt] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 16px;
    border-bottom: 1px solid var(--mud-palette-divider);
    flex-shrink: 0;
}

.pcr-topbar__left[b-6jbcb9nfwt] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.pcr-topbar__icon[b-6jbcb9nfwt] {
    font-size: 2rem;
}

.pcr-topbar__right[b-6jbcb9nfwt] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.pcr-currency[b-6jbcb9nfwt] {
    display: flex;
    gap: 4px;
}

.pcr-title[b-6jbcb9nfwt] {
    font-weight: 700;
    line-height: 1.1;
}

.pcr-subtitle[b-6jbcb9nfwt] {
    color: var(--mud-palette-text-secondary);
}

/* ── Tabs ────────────────────────────────────────────────────────────────── */
.pcr-tabs[b-6jbcb9nfwt] {
    display: flex;
    gap: 4px;
    padding: 0 16px;
    border-bottom: 1px solid var(--mud-palette-divider);
    flex-shrink: 0;
}

.pcr-tab[b-6jbcb9nfwt] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 18px;
    border: none;
    background: transparent;
    color: var(--mud-palette-text-secondary);
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    border-bottom: 2px solid transparent;
}

    .pcr-tab:hover[b-6jbcb9nfwt] {
        color: var(--mud-palette-text-primary);
    }

.pcr-tab--active[b-6jbcb9nfwt] {
    color: var(--mud-palette-primary);
    border-bottom-color: var(--mud-palette-primary);
}

/* ── Filters ─────────────────────────────────────────────────────────────── */
.pcr-filters[b-6jbcb9nfwt] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    border-bottom: 1px solid var(--mud-palette-divider);
    flex-shrink: 0;
}

.pcr-f[b-6jbcb9nfwt] {
    min-width: 150px;
    max-width: 180px;
}

.pcr-f--wide[b-6jbcb9nfwt] {
    min-width: 220px;
    max-width: 260px;
}

.pcr-filters__actions[b-6jbcb9nfwt] {
    display: flex;
    gap: 8px;
    margin-left: auto;
}

/* ── Summary ─────────────────────────────────────────────────────────────── */
.pcr-summary[b-6jbcb9nfwt] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
    padding: 10px 16px;
    border-bottom: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-background-grey);
    min-height: 50px;
    flex-shrink: 0;
}

.pcr-summary__loading[b-6jbcb9nfwt] {
    width: 100%;
}

.pcr-summary__totals[b-6jbcb9nfwt] {
    display: flex;
    flex-wrap: wrap;
    gap: 22px;
    align-items: center;
}

.pcr-stat[b-6jbcb9nfwt] {
    display: flex;
    flex-direction: column;
    line-height: 1.25;
}

.pcr-stat__label[b-6jbcb9nfwt] {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--mud-palette-text-disabled);
}

.pcr-stat__value[b-6jbcb9nfwt] {
    font-size: 15px;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
}

.pcr-mono[b-6jbcb9nfwt] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.pcr-summary__byprocess[b-6jbcb9nfwt] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
    margin-left: auto;
}

/* ── Grid ────────────────────────────────────────────────────────────────── */
.pcr-grid[b-6jbcb9nfwt] {
    flex: 1 1 auto;
    min-height: 0; /* allow grid to scroll inside the flex column */
    overflow: auto;
}

.pcr-empty[b-6jbcb9nfwt] {
    padding: 28px 12px;
    text-align: center;
    color: var(--mud-palette-text-disabled);
    font-style: italic;
}

.prc-footer[b-6jbcb9nfwt] {
    background: var(--mud-palette-surface);
}
/* /Pages/Settings/RateMasterList.razor.rz.scp.css */
/* ── Centralized semantic colors (single source; dark-mode overridable) ──── */
/* These are category/brand hues with no direct MudBlazor palette equivalent.
   Defined once here so a theme can override them in one place. */
.rm-shell[b-472xz3it4c] {
    --rm-c-blue-bg: #e3f2fd;
    --rm-c-blue-fg: #1565c0; /* CVD / Internal */
    --rm-c-pink-bg: #fce4ec;
    --rm-c-pink-fg: #c62828; /* External */
    --rm-c-amber-bg: #fff8e1;
    --rm-c-amber-fg: #f57f17; /* MemoIssue / Treated */
    --rm-c-purple-bg: #f3e5f5;
    --rm-c-purple-fg: #6a1b9a; /* FinalOutward / HPHT */
    --rm-c-green-bg: #e8f5e9;
    --rm-c-green-fg: #2e7d32; /* Natural / active */
}

/* ── Shell ──────────────────────────────────────────────────────────── */
.rm-shell[b-472xz3it4c] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 64px);
    overflow: hidden;
    background: var(--mud-palette-background);
}

/* ── Top bar ────────────────────────────────────────────────────────── */
.rm-topbar[b-472xz3it4c] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 16px;
    border-bottom: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-surface);
    flex-shrink: 0;
    gap: 12px;
}

.rm-topbar-left[b-472xz3it4c] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.rm-topbar-right[b-472xz3it4c] {
    display: flex;
    align-items: center;
    gap: 6px;
}

/* ── Body split ─────────────────────────────────────────────────────── */
.rm-body[b-472xz3it4c] {
    display: flex;
    flex: 1;
    overflow: hidden;
}

/* ── Process panel ──────────────────────────────────────────────────── */
.rm-process-panel[b-472xz3it4c] {
    width: 210px;
    flex-shrink: 0;
    overflow-y: auto;
    border-right: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-surface);
}

.rm-panel-header[b-472xz3it4c] {
    padding: 8px 12px 6px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--mud-palette-text-secondary);
    border-bottom: 1px solid var(--mud-palette-divider);
}

.rm-process-item[b-472xz3it4c] {
    padding: 8px 12px;
    cursor: pointer;
    border-bottom: 1px solid var(--mud-palette-divider);
    transition: background .12s;
}

    .rm-process-item:hover[b-472xz3it4c] {
        background: var(--mud-palette-action-hover);
    }

.rm-process-item--active[b-472xz3it4c] {
    background: var(--mud-palette-primary-lighten);
    border-left: 3px solid var(--mud-palette-primary);
}

.rm-proc-name[b-472xz3it4c] {
    font-size: 12px;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
    line-height: 1.3;
}

.rm-proc-meta[b-472xz3it4c] {
    display: flex;
    gap: 5px;
    margin-top: 2px;
    align-items: center;
}

.rm-proc-code[b-472xz3it4c] {
    font-size: 10px;
    color: var(--mud-palette-text-secondary);
    font-family: monospace;
}

.rm-proc-type[b-472xz3it4c] {
    font-size: 9px;
    padding: 1px 5px;
    border-radius: 99px;
    font-weight: 600;
}

.rm-mt--internal[b-472xz3it4c] {
    background: var(--rm-c-blue-bg);
    color: var(--rm-c-blue-fg);
}

.rm-mt--external[b-472xz3it4c] {
    background: var(--rm-c-pink-bg);
    color: var(--rm-c-pink-fg);
}

.rm-mt--memo[b-472xz3it4c] {
    background: var(--rm-c-amber-bg);
    color: var(--rm-c-amber-fg);
}

.rm-mt--final[b-472xz3it4c] {
    background: var(--rm-c-purple-bg);
    color: var(--rm-c-purple-fg);
}

/* ── Rates panel ────────────────────────────────────────────────────── */
.rm-rates-panel[b-472xz3it4c] {
    flex: 1;
    overflow: auto;
    display: flex;
    flex-direction: column;
}

/* ── Diamond type filter tabs ───────────────────────────────────────── */
.rm-dt-tabs[b-472xz3it4c] {
    display: flex;
    gap: 4px;
    padding: 8px 14px 0;
    flex-shrink: 0;
    border-bottom: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-surface);
}

.rm-dt-tab[b-472xz3it4c] {
    padding: 4px 14px 6px;
    font-size: 11.5px;
    font-weight: 600;
    border: none;
    border-bottom: 2px solid transparent;
    background: transparent;
    cursor: pointer;
    color: var(--mud-palette-text-secondary);
    transition: color .15s, border-color .15s;
}

    .rm-dt-tab:hover[b-472xz3it4c] {
        color: var(--mud-palette-primary);
    }

.rm-dt-tab--active[b-472xz3it4c] {
    color: var(--mud-palette-primary);
    border-bottom-color: var(--mud-palette-primary);
}

/* ── Table wrapper ──────────────────────────────────────────────────── */
.rm-table-wrap[b-472xz3it4c] {
    flex: 1;
    overflow: auto;
    padding: 12px 14px 0;
}

/* ── Rate table ─────────────────────────────────────────────────────── */
.rm-table[b-472xz3it4c] {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}

    .rm-table th[b-472xz3it4c] {
        padding: 5px 10px;
        text-align: left;
        font-size: 11px;
        font-weight: 700;
        background: var(--mud-palette-table-striped);
        border-bottom: 2px solid var(--mud-palette-divider);
        white-space: nowrap;
        position: sticky;
        top: 0;
        z-index: 2;
    }

    .rm-table td[b-472xz3it4c] {
        padding: 5px 10px;
        border-bottom: 1px solid var(--mud-palette-divider);
        vertical-align: middle;
        white-space: nowrap;
    }

    .rm-table tr:hover td[b-472xz3it4c] {
        background: var(--mud-palette-action-hover);
    }

.rm-row--inactive td[b-472xz3it4c] {
    opacity: 0.5;
}

.rm-th-rate[b-472xz3it4c] {
    text-align: center;
    min-width: 120px;
}

.rm-th-actions[b-472xz3it4c] {
    width: 40px;
}

/* ── Cell content ───────────────────────────────────────────────────── */
.rm-td-weight[b-472xz3it4c] {
    font-weight: 700;
    font-size: 11.5px;
    color: var(--mud-palette-text-primary);
    min-width: 110px;
}

.rm-td-shape[b-472xz3it4c] {
    color: var(--mud-palette-text-primary);
    min-width: 70px;
}

.rm-td-meta[b-472xz3it4c] {
    color: var(--mud-palette-text-secondary);
    font-size: 11px;
}

.rm-td-rate[b-472xz3it4c] {
    text-align: center;
    position: relative;
}

    .rm-td-rate:hover .rm-rate-actions[b-472xz3it4c] {
        opacity: 1;
    }

.rm-rate-val[b-472xz3it4c] {
    font-size: 12.5px;
    font-weight: 700;
    color: var(--mud-palette-success-darken);
}

.rm-rate-actions[b-472xz3it4c] {
    display: inline-flex;
    gap: 0;
    opacity: 0;
    transition: opacity .15s;
    vertical-align: middle;
    margin-left: 4px;
}

.rm-na[b-472xz3it4c] {
    color: var(--mud-palette-text-disabled);
    font-size: 11px;
}

/* ── Diamond type badge ─────────────────────────────────────────────── */
.rm-dt-badge[b-472xz3it4c] {
    display: inline-block;
    padding: 1px 7px;
    border-radius: 99px;
    font-size: 10px;
    font-weight: 700;
}

.rm-dt-badge--all[b-472xz3it4c] {
    background: var(--mud-palette-action-disabled-background);
    color: var(--mud-palette-text-secondary);
}

.rm-dt--cvd[b-472xz3it4c] {
    background: var(--rm-c-blue-bg);
    color: var(--rm-c-blue-fg);
}

.rm-dt--hpht[b-472xz3it4c] {
    background: var(--rm-c-purple-bg);
    color: var(--rm-c-purple-fg);
}

.rm-dt--natural[b-472xz3it4c] {
    background: var(--rm-c-green-bg);
    color: var(--rm-c-green-fg);
}

.rm-dt--treated[b-472xz3it4c] {
    background: var(--rm-c-amber-bg);
    color: var(--rm-c-amber-fg);
}

.rm-dt--other[b-472xz3it4c] {
    background: var(--mud-palette-action-disabled-background);
    color: var(--mud-palette-text-secondary);
}

/* ── Unit badge ─────────────────────────────────────────────────────── */
.rm-unit-badge[b-472xz3it4c] {
    display: inline-block;
    padding: 1px 6px;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 700;
    background: var(--rm-c-green-bg);
    color: var(--rm-c-green-fg);
}

/* ── Status chip ────────────────────────────────────────────────────── */
.rm-status-chip[b-472xz3it4c] {
    height: 18px !important;
    font-size: 10px !important;
}

/* ── Footer ─────────────────────────────────────────────────────────── */
.rm-footer[b-472xz3it4c] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 14px;
    font-size: 11px;
    color: var(--mud-palette-text-secondary);
    border-top: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-surface);
    flex-shrink: 0;
}

.rm-footer-sep[b-472xz3it4c] {
    color: var(--mud-palette-text-disabled);
}

/* ── Empty state ────────────────────────────────────────────────────── */
.rm-empty[b-472xz3it4c] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
    padding: 48px 0;
}

/* ── Page spinner ───────────────────────────────────────────────────── */
.rm-spinner[b-472xz3it4c] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60vh;
}

/* ── Charge-type sections (Payable / Receivable split) ───────────────────── */
.rm-rate-section[b-472xz3it4c] {
    margin-bottom: 18px;
}

.rm-section-head[b-472xz3it4c] {
    display: flex;
    align-items: baseline;
    gap: 10px;
    padding: 6px 4px;
    border-bottom: 2px solid var(--mud-palette-divider);
    margin-bottom: 6px;
}

.rm-section-title[b-472xz3it4c] {
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.rm-section-head--payable[b-472xz3it4c] {
    border-bottom-color: var(--mud-palette-warning);
}

    .rm-section-head--payable .rm-section-title[b-472xz3it4c] {
        color: var(--mud-palette-warning-darken);
    }

.rm-section-head--receivable[b-472xz3it4c] {
    border-bottom-color: var(--mud-palette-success);
}

    .rm-section-head--receivable .rm-section-title[b-472xz3it4c] {
        color: var(--mud-palette-success-darken);
    }

.rm-section-sub[b-472xz3it4c] {
    font-size: 11px;
    color: var(--mud-palette-text-secondary);
}

.rm-section-count[b-472xz3it4c] {
    margin-left: auto;
    font-size: 11px;
    color: var(--mud-palette-text-disabled);
}

.rm-section-empty[b-472xz3it4c] {
    padding: 12px 8px;
    font-size: 12px;
    font-style: italic;
    color: var(--mud-palette-text-disabled);
}
/* /Pages/SizeMaster/Sizemaster.razor.rz.scp.css */
.sm-shell[b-awxccm5fcx] {
    width: 100%;
    overflow: hidden;
}

/* ── Top action bar ── */
.sm-topbar[b-awxccm5fcx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 4px;
}

.sm-topbar__left[b-awxccm5fcx] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.sm-topbar__right[b-awxccm5fcx] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

/* ── Drawer ── */
.sm-drawer-header[b-awxccm5fcx] {
    border-bottom: 1px solid var(--mud-palette-divider);
    padding: 12px 16px;
}

.sm-drawer-body[b-awxccm5fcx] {
    padding: 16px;
    overflow-y: auto;
}

.sm-drawer-actions[b-awxccm5fcx] {
    display: flex;
    gap: 12px;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--mud-palette-divider);
    justify-content: flex-end;
}
/* /Pages/Stock/DepartmentStock.razor.rz.scp.css */
/* ── Shell ───────────────────────────────────────────────────────────────── */
.ds-shell[b-gq15bf8xmg] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 64px);
    overflow: hidden;
    background: var(--mud-palette-background);
}

/* ── Top bar ─────────────────────────────────────────────────────────────── */
.ds-topbar[b-gq15bf8xmg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 14px;
    border-bottom: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-surface);
    flex-shrink: 0;
    gap: 12px;
    flex-wrap: wrap;
}

.ds-topbar-left[b-gq15bf8xmg] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ds-topbar-right[b-gq15bf8xmg] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

/* ── Selection badge ─────────────────────────────────────────────────────── */
.ds-sel-badge[b-gq15bf8xmg] {
    display: inline-block;
    background: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
    font-size: 10px;
    font-weight: 700;
    padding: 1px 8px;
    border-radius: 99px;
    margin-left: 6px;
    vertical-align: middle;
}

/* ── Currency toggle ─────────────────────────────────────────────────────── */
.ds-currency-toggle[b-gq15bf8xmg] {
    display: flex;
    border: 1px solid var(--mud-palette-primary);
    border-radius: 6px;
    overflow: hidden;
}

    .ds-currency-toggle button[b-gq15bf8xmg] {
        padding: 3px 12px;
        font-size: 11px;
        font-weight: 600;
        border: none;
        background: transparent;
        cursor: pointer;
        color: var(--mud-palette-primary);
        transition: background .15s, color .15s;
        line-height: 1.6;
    }

        .ds-currency-toggle button.ds-cur-active[b-gq15bf8xmg] {
            background: var(--mud-palette-primary);
            color: var(--mud-palette-primary-text);
        }

/* ── Scan bar ────────────────────────────────────────────────────────────── */
.ds-scan-bar[b-gq15bf8xmg] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 14px;
    background: var(--mud-palette-success-hover);
    border-bottom: 2px solid var(--mud-palette-success);
    flex-shrink: 0;
}

/* ── Quick filter bar ────────────────────────────────────────────────────── */
.ds-filter-bar[b-gq15bf8xmg] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    flex-wrap: wrap;
    padding: 8px 14px 6px;
    border-bottom: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-surface);
    flex-shrink: 0;
}

.ds-filter-col[b-gq15bf8xmg] {
    min-width: 130px;
    flex: 1;
}

.ds-filter-col--narrow[b-gq15bf8xmg] {
    min-width: 80px;
    flex: 0.6;
}

/* ── Action bar ──────────────────────────────────────────────────────────── */
/* Dark-theme bug fix: replaced hardcoded #eff6ff / #bfdbfe */
.ds-action-bar[b-gq15bf8xmg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    padding: 6px 14px;
    background: var(--mud-palette-info-hover);
    border-bottom: 1px solid var(--mud-palette-info);
    flex-shrink: 0;
}

/* ── Grid wrapper ────────────────────────────────────────────────────────── */
.ds-grid-wrap[b-gq15bf8xmg] {
    flex: 1;
    overflow: auto;
}

.ds-datagrid[b-gq15bf8xmg] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-width: max-content;
}

/* ── Cell elements ───────────────────────────────────────────────────────── */
.ds-stoneid[b-gq15bf8xmg] {
    font-weight: 700;
    font-size: 11.5px;
    font-family: 'Courier New', monospace;
}

.ds-lot[b-gq15bf8xmg] {
    font-weight: 600;
    font-size: 11.5px;
}

.ds-dim[b-gq15bf8xmg] {
    color: var(--mud-palette-text-secondary);
    font-size: 11px;
}

.ds-location[b-gq15bf8xmg] {
    font-size: 11px;
    color: var(--mud-palette-text-secondary);
}

[b-gq15bf8xmg] .ds-chip {
    height: 18px !important;
    font-size: 10px !important;
    margin: 0 !important;
}

/* ── Empty states ────────────────────────────────────────────────────────── */
.ds-empty-state[b-gq15bf8xmg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
    padding: 80px 0;
}

.ds-empty[b-gq15bf8xmg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 0;
}

.ds-center-spinner[b-gq15bf8xmg] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60vh;
}

/* ── Quick Return ────────────────────────────────────────────────────────── */
.qr-type-bar[b-gq15bf8xmg] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 8px;
}

.qr-row[b-gq15bf8xmg] {
    display: grid;
    grid-template-columns: 1fr 90px 64px 90px 56px 3fr 35px 25px;
    gap: 6px;
    align-items: center;
    padding: 5px 2px;
    border-bottom: 1px solid var(--mud-palette-divider);
    font-size: 12px;
}

.qr-row--head[b-gq15bf8xmg] {
    font-size: 10px;
    font-weight: 700;
    color: var(--mud-palette-text-secondary);
    text-transform: uppercase;
    border-bottom: 2px solid var(--mud-palette-divider);
}

.qr-row--error[b-gq15bf8xmg] {
    background: var(--mud-palette-error-hover);
    border-left: 3px solid var(--mud-palette-error);
}

.qr-sid[b-gq15bf8xmg] {
    font-weight: 700;
    color: var(--mud-palette-primary);
    font-size: 12px;
}

.qr-proc[b-gq15bf8xmg] {
    font-size: 10px;
    color: var(--mud-palette-text-secondary);
}

.qr-emp[b-gq15bf8xmg] {
    font-size: 11px;
}

.qr-totals[b-gq15bf8xmg] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 8px 0;
    font-size: 12px;
    border-top: 1px solid var(--mud-palette-divider);
    margin-top: 4px;
}

/* ── Quick Issue ─────────────────────────────────────────────────────────── */
.qi-card[b-gq15bf8xmg] {
    border: 1px solid var(--mud-palette-divider);
    border-radius: 8px;
    padding: 8px 10px;
    margin-bottom: 8px;
    background: var(--mud-palette-surface);
}

.qi-card--error[b-gq15bf8xmg] {
    border-color: var(--mud-palette-error);
    background: var(--mud-palette-error-hover);
}

.qi-card-head[b-gq15bf8xmg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 6px;
}

.qi-sid[b-gq15bf8xmg] {
    font-weight: 700;
    font-size: 13px;
    color: var(--mud-palette-primary);
    margin-right: 8px;
}

.qi-lot[b-gq15bf8xmg] {
    font-size: 11px;
    color: var(--mud-palette-text-secondary);
    margin-right: 8px;
}

.qi-cts[b-gq15bf8xmg] {
    font-size: 11px;
    font-weight: 600;
    margin-right: 8px;
}

.qi-badge[b-gq15bf8xmg] {
    font-size: 10px;
    padding: 1px 7px;
    border-radius: 99px;
    background: var(--mud-palette-table-striped);
    color: var(--mud-palette-text-secondary);
}

.qi-badge--eod[b-gq15bf8xmg] {
    background: var(--mud-palette-warning-hover);
    color: var(--mud-palette-warning-darken);
}

.qi-badge--inc[b-gq15bf8xmg] {
    background: var(--mud-palette-error-hover);
    color: var(--mud-palette-error-darken);
}

.qi-selectors[b-gq15bf8xmg] {
    display: flex;
    gap: 8px;
}

/* ── Tally Board ─────────────────────────────────────────────────────────── */
.tally-wrap[b-gq15bf8xmg] {
    font-size: 12px;
    background: var(--mud-palette-background);
    padding: 0 18px;
}

.tally-dept-head[b-gq15bf8xmg] {
    padding: 5px 12px;
    font-size: 11px;
    font-weight: 700;
    text-align: center;
    background: var(--mud-palette-table-striped);
    border-bottom: 1px solid var(--mud-palette-divider);
    color: var(--mud-palette-text-secondary);
    text-transform: uppercase;
    letter-spacing: .05em;
}

.tally-row[b-gq15bf8xmg] {
    display: grid;
    grid-template-columns: 1fr 100px 100px 110px 110px;
    gap: 4px;
    padding: 4px 12px;
    border-bottom: 1px solid var(--mud-palette-divider);
    align-items: center;
}

.tally-row--head[b-gq15bf8xmg] {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--mud-palette-text-secondary);
    background: var(--mud-palette-table-striped);
}

.tally-row--total[b-gq15bf8xmg] {
    font-weight: 700;
    background: var(--mud-palette-background);
    border-top: 2px solid var(--mud-palette-divider);
}

.tally-status[b-gq15bf8xmg] {
    font-size: 13px;
}

.tally-col[b-gq15bf8xmg] {
    text-align: right;
    font-variant-numeric: tabular-nums;
    font-size: 12px;
}

/* ── External / wrong dept alert ─────────────────────────────────────────── */
.tally-ext-wrap[b-gq15bf8xmg] {
    border: 1.5px solid var(--mud-palette-error);
    border-radius: 6px;
    margin: 8px 12px;
    overflow: hidden;
    font-size: 12px;
}

.tally-ext-head[b-gq15bf8xmg] {
    background: var(--mud-palette-error-hover);
    color: var(--mud-palette-error);
    padding: 5px 10px;
    font-weight: 700;
    font-size: 11px;
    display: flex;
    align-items: center;
    gap: 6px;
    border-bottom: 1px solid var(--mud-palette-error);
}

.tally-ext-row[b-gq15bf8xmg] {
    padding: 5px 10px;
    border-bottom: 1px solid var(--mud-palette-error-hover);
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.tally-ext-dept[b-gq15bf8xmg] {
    font-size: 11px;
    color: var(--mud-palette-text-secondary);
}

/* ── Expenses Drawer ─────────────────────────────────────────────────────── */
.exp-summary-bar[b-gq15bf8xmg] {
    display: flex;
    align-items: center;
    gap: 0;
    padding: 8px 14px;
    background: var(--mud-palette-table-striped);
    border-bottom: 1px solid var(--mud-palette-divider);
    font-size: 12px;
    flex-shrink: 0;
}

.exp-sum-item[b-gq15bf8xmg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
}

.exp-sum-sep[b-gq15bf8xmg] {
    width: 1px;
    height: 28px;
    background: var(--mud-palette-divider);
}

.exp-sum-label[b-gq15bf8xmg] {
    font-size: 10px;
    color: var(--mud-palette-text-secondary);
    text-transform: uppercase;
}

.exp-sum-val[b-gq15bf8xmg] {
    font-size: 13px;
    font-weight: 700;
}

.exp-sum-val--pay[b-gq15bf8xmg] {
    color: var(--mud-palette-warning-darken);
}

.exp-sum-val--rcv[b-gq15bf8xmg] {
    color: var(--mud-palette-primary);
}

.exp-tabs[b-gq15bf8xmg] {
    display: flex;
    border-bottom: 2px solid var(--mud-palette-divider);
    flex-shrink: 0;
}

.exp-tab[b-gq15bf8xmg] {
    flex: 1;
    padding: 8px 4px;
    font-size: 12px;
    font-weight: 600;
    border: none;
    background: transparent;
    cursor: pointer;
    color: var(--mud-palette-text-secondary);
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.exp-tab--active[b-gq15bf8xmg] {
    color: var(--mud-palette-primary);
    border-bottom-color: var(--mud-palette-primary);
}

    .exp-tab--active.exp-tab--pay[b-gq15bf8xmg] {
        color: var(--mud-palette-warning-darken);
        border-bottom-color: var(--mud-palette-warning-darken);
    }

    .exp-tab--active.exp-tab--rcv[b-gq15bf8xmg] {
        color: var(--mud-palette-primary);
        border-bottom-color: var(--mud-palette-primary);
    }

.exp-tab-count[b-gq15bf8xmg] {
    font-size: 10px;
    background: var(--mud-palette-divider);
    padding: 1px 6px;
    border-radius: 99px;
}

.exp-charges-wrap[b-gq15bf8xmg] {
    flex: 1;
    overflow-y: auto;
    padding: 0 0 8px;
}

.exp-empty[b-gq15bf8xmg] {
    font-size: 12px;
    color: var(--mud-palette-text-secondary);
    font-style: italic;
    padding: 20px 14px;
    text-align: center;
}

.exp-charge-head[b-gq15bf8xmg] {
    display: grid;
    grid-template-columns: 1fr 70px 56px 72px 80px 64px;
    gap: 4px;
    padding: 5px 14px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--mud-palette-text-secondary);
    background: var(--mud-palette-table-striped);
    border-bottom: 1px solid var(--mud-palette-divider);
    position: sticky;
    top: 0;
    z-index: 1;
}

.exp-charge-row[b-gq15bf8xmg] {
    display: grid;
    grid-template-columns: 1fr 70px 56px 72px 80px 64px;
    gap: 4px;
    padding: 5px 14px;
    font-size: 12px;
    border-bottom: 1px solid var(--mud-palette-divider);
    align-items: center;
}

.exp-charge-row--manual[b-gq15bf8xmg] {
    background: var(--mud-palette-warning-hover);
}

.exp-charge-name[b-gq15bf8xmg] {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 11px;
    flex-wrap: wrap;
}

.exp-badge[b-gq15bf8xmg] {
    font-size: 9px;
    font-weight: 700;
    padding: 1px 5px;
    border-radius: 99px;
    white-space: nowrap;
}

.exp-badge--auto[b-gq15bf8xmg] {
    background: var(--mud-palette-success-hover);
    color: var(--mud-palette-success-darken);
}

.exp-badge--manual[b-gq15bf8xmg] {
    background: var(--mud-palette-warning-hover);
    color: var(--mud-palette-warning-darken);
}

.exp-td-base[b-gq15bf8xmg] {
    font-size: 11px;
    color: var(--mud-palette-text-secondary);
}

.exp-th-r[b-gq15bf8xmg], .exp-td-r[b-gq15bf8xmg] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.exp-td-amt[b-gq15bf8xmg] {
    font-weight: 600;
}

.exp-td-actions[b-gq15bf8xmg] {
    display: flex;
    justify-content: flex-end;
    gap: 0;
}

.exp-total-row[b-gq15bf8xmg] {
    display: flex;
    justify-content: space-between;
    padding: 7px 14px;
    font-size: 12px;
    font-weight: 700;
    background: var(--mud-palette-background);
    border-top: 2px solid var(--mud-palette-divider);
    position: sticky;
    bottom: 0;
}

.exp-total-amt--pay[b-gq15bf8xmg] {
    color: var(--mud-palette-warning-darken);
}

.exp-total-amt--rcv[b-gq15bf8xmg] {
    color: var(--mud-palette-primary);
}

/* ── Inline edit row ─────────────────────────────────────────────────────── */
.exp-edit-row[b-gq15bf8xmg] {
    padding: 8px 14px;
    background: var(--mud-palette-info-hover);
    border-left: 3px solid var(--mud-palette-primary);
    border-bottom: 1px solid var(--mud-palette-divider);
}

.exp-edit-head[b-gq15bf8xmg] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 6px;
    font-size: 11px;
}

.exp-charge-name-sm[b-gq15bf8xmg] {
    font-weight: 700;
}

.exp-edit-base[b-gq15bf8xmg] {
    color: var(--mud-palette-text-secondary);
}

.exp-edit-fields[b-gq15bf8xmg] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px;
}

.exp-edit-preview[b-gq15bf8xmg] {
    font-size: 12px;
    font-weight: 700;
    color: var(--mud-palette-warning-darken);
    white-space: nowrap;
}

.exp-edit-actions[b-gq15bf8xmg] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 8px;
}

/* ── Add charge tab ──────────────────────────────────────────────────────── */
.exp-type-btn[b-gq15bf8xmg] {
    flex: 1;
    padding: 6px 10px;
    font-size: 11px;
    font-weight: 600;
    border: 1px solid var(--mud-palette-divider);
    border-radius: 6px;
    background: transparent;
    cursor: pointer;
    color: var(--mud-palette-text-secondary);
}

.exp-type-btn--pay-active[b-gq15bf8xmg] {
    background: var(--mud-palette-warning-hover);
    color: var(--mud-palette-warning-darken);
    border-color: var(--mud-palette-warning-darken);
}

.exp-type-btn--rcv-active[b-gq15bf8xmg] {
    background: var(--mud-palette-info-hover);
    color: var(--mud-palette-primary);
    border-color: var(--mud-palette-primary);
}

.exp-add-preview[b-gq15bf8xmg] {
    font-size: 12px;
    font-weight: 700;
    color: var(--mud-palette-success-darken);
    padding: 4px 0;
    margin-bottom: 4px;
}
/* /Pages/Stock/ExternalOutward.razor.rz.scp.css */
/* ============================================================
   ExternalOutward.razor.css — Blazor CSS Isolation
   Prefix: eo-  (ExternalOutward page)
   All hardcoded hex colours replaced with var(--mud-palette-*)
   ============================================================ */

.eo-shell[b-agzuvcdvmr] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 64px);
    overflow: hidden;
}

/* ── Top bar ── */
.eo-topbar[b-agzuvcdvmr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    padding: 10px 16px;
    border-bottom: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-surface);
    flex-shrink: 0;
}

.eo-topbar-left[b-agzuvcdvmr] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.eo-topbar-right[b-agzuvcdvmr] {
    display: flex;
    gap: 8px;
}

/* ── Body ── */
.eo-body[b-agzuvcdvmr] {
    flex: 1;
    overflow-y: auto;
    min-height: 0;
    padding: 14px 16px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.eo-section[b-agzuvcdvmr] {
    padding: 16px 20px;
}

.eo-section-title[b-agzuvcdvmr] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 14px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--mud-palette-divider);
}

/* ── Stone table ── */
.eo-table[b-agzuvcdvmr] {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}

    /* BUG FIX: was background:#f5f5f5; border-bottom:2px solid #ddd — hardcoded */
    .eo-table thead tr[b-agzuvcdvmr] {
        background: var(--mud-palette-table-striped);
        border-bottom: 2px solid var(--mud-palette-divider);
    }

    .eo-table th[b-agzuvcdvmr] {
        padding: 7px 10px;
        font-weight: 700;
        text-align: left;
        white-space: nowrap;
    }

    /* BUG FIX: was border-bottom:1px solid #f0f0f0 — hardcoded */
    .eo-table td[b-agzuvcdvmr] {
        padding: 5px 8px;
        border-bottom: 1px solid var(--mud-palette-divider);
        vertical-align: middle;
    }

    /* BUG FIX: was background:#fafafa — hardcoded */
    .eo-table tbody tr:hover[b-agzuvcdvmr] {
        background: var(--mud-palette-action-hover);
    }

.eo-stoneid[b-agzuvcdvmr] {
    font-weight: 700;
    font-family: 'Courier New', monospace;
    font-size: 11.5px;
}

.eo-lot[b-agzuvcdvmr] {
    font-weight: 600;
}

.eo-num[b-agzuvcdvmr] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.eo-bold[b-agzuvcdvmr] {
    font-weight: 700;
}
/* BUG FIX: was color:#777 — hardcoded */
.eo-dim[b-agzuvcdvmr] {
    color: var(--mud-palette-text-secondary);
}

.eo-small[b-agzuvcdvmr] {
    font-size: 11px;
}

.eo-chip[b-agzuvcdvmr] {
    height: 18px !important;
    font-size: 10px !important;
    margin: 0 !important;
}

/* BUG FIX: was border-top:2px solid #bbb; background:#f5f5f5 — hardcoded */
.eo-total-row td[b-agzuvcdvmr] {
    border-top: 2px solid var(--mud-palette-divider);
    background: var(--mud-palette-table-striped);
    padding: 7px 8px;
    font-weight: 700;
}

/* ── Empty state ── */
.eo-empty[b-agzuvcdvmr] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 48px 0;
}

/* ── Spinner ── */
.eo-spinner[b-agzuvcdvmr] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60vh;
}
/* /Pages/Stock/Externaloutwarddetail.razor.rz.scp.css */
/* ============================================================
   ExternalOutwardDetail.razor.css — Blazor CSS Isolation
   Prefix: eod-  (ExternalOutwardDetail page)
   All hardcoded hex colours replaced with var(--mud-palette-*)
   ============================================================ */

/* ── Shell ── */
.eod-shell[b-r24n8ixixm] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 64px);
    overflow: hidden;
    background: var(--mud-palette-background);
}

/* ── Top bar ── */
.eod-topbar[b-r24n8ixixm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 16px;
    border-bottom: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-surface);
    flex-shrink: 0;
    gap: 12px;
}

.eod-topbar-left[b-r24n8ixixm] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.eod-topbar-right[b-r24n8ixixm] {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* ── Summary bar ── */
.eod-summary-bar[b-r24n8ixixm] {
    display: flex;
    align-items: center;
    gap: 0;
    padding: 8px 18px;
    border-bottom: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-surface);
    flex-shrink: 0;
    flex-wrap: wrap;
}

.eod-stat[b-r24n8ixixm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 16px;
}
/* BUG FIX: was color:#999 — hardcoded */
.eod-stat-label[b-r24n8ixixm] {
    font-size: 10px;
    color: var(--mud-palette-text-secondary);
    text-transform: uppercase;
    letter-spacing: .05em;
}

.eod-stat-val[b-r24n8ixixm] {
    font-size: 14px;
    font-weight: 700;
}
/* BUG FIX: was color:#b91c1c — hardcoded */
.eod-stat-loss[b-r24n8ixixm] {
    color: var(--mud-palette-error);
}

.eod-stat-sep[b-r24n8ixixm] {
    width: 1px;
    height: 32px;
    background: var(--mud-palette-divider);
}

/* ── Stone list ── */
.eod-stones-wrap[b-r24n8ixixm] {
    flex: 1;
    overflow-y: auto;
    min-height: 0; /* required for flex child to scroll */
    padding: 10px 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* ── Stone card ── */
.eod-stone-card[b-r24n8ixixm] {
    flex-shrink: 0;
    border: 1px solid var(--mud-palette-divider);
    border-radius: 8px;
    background: var(--mud-palette-surface);
    overflow: hidden;
}

.eod-stone-head[b-r24n8ixixm] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 12px;
    flex-wrap: wrap;
}

/* Identity block */
.eod-sid-block[b-r24n8ixixm] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 1;
    min-width: 180px;
    flex-wrap: wrap;
}

/* BUG FIX: was color:navy — invisible/wrong in dark mode */
.eod-sid[b-r24n8ixixm] {
    font-weight: 700;
    font-size: 12.5px;
    color: var(--mud-palette-primary);
}

/* BUG FIX: was color:#666 — hardcoded */
.eod-lot[b-r24n8ixixm] {
    font-size: 11px;
    color: var(--mud-palette-text-secondary);
}

/* BUG FIX: was background:#f0f0f0; color:#555 — hardcoded */
.eod-param[b-r24n8ixixm] {
    font-size: 10px;
    background: var(--mud-palette-action-default-hover);
    padding: 1px 5px;
    border-radius: 4px;
    color: var(--mud-palette-text-secondary);
}

/* BUG FIX: was background:#e3f2fd; color:#1565c0 — hardcoded */
.eod-dt-badge[b-r24n8ixixm] {
    font-size: 10px;
    background: var(--mud-palette-info-hover);
    color: var(--mud-palette-info);
    padding: 1px 6px;
    border-radius: 99px;
    font-weight: 700;
}

/* Process chips */
.eod-proc-chips[b-r24n8ixixm] {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
}

/* Weight columns */
.eod-wt-cols[b-r24n8ixixm] {
    display: flex;
    gap: 16px;
}

.eod-wt-cell[b-r24n8ixixm] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
/* BUG FIX: was color:#999 — hardcoded */
.eod-wt-label[b-r24n8ixixm] {
    font-size: 10px;
    color: var(--mud-palette-text-secondary);
}

.eod-wt-val[b-r24n8ixixm] {
    font-size: 12.5px;
    font-weight: 600;
}
/* BUG FIX: was color:#b91c1c — hardcoded */
.eod-wt-loss[b-r24n8ixixm] {
    color: var(--mud-palette-error);
}

/* Stone action buttons */
.eod-stone-actions[b-r24n8ixixm] {
    display: flex;
    gap: 0;
    margin-left: auto;
    flex-shrink: 0;
}

/* ── Costing panel ── */
.eod-costing-panel[b-r24n8ixixm] {
    border-top: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-background);
    padding: 10px 14px 12px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.eod-costing-loading[b-r24n8ixixm] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 0;
}

.eod-cost-section[b-r24n8ixixm] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.eod-cost-section-head[b-r24n8ixixm] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-bottom: 4px;
    border-bottom: 1px solid var(--mud-palette-divider);
}

.eod-cost-total[b-r24n8ixixm] {
    font-size: 12px;
    font-weight: 700;
    margin-left: auto;
}
/* BUG FIX: was color:#aaa — hardcoded */
.eod-cost-empty[b-r24n8ixixm] {
    font-style: italic;
    padding: 4px 0;
}

/* Costing table */
.eod-cost-table[b-r24n8ixixm] {
    width: 100%;
    border-collapse: collapse;
    font-size: 11.5px;
}

    .eod-cost-table th[b-r24n8ixixm] {
        padding: 3px 8px;
        text-align: left;
        font-size: 10.5px;
        font-weight: 700;
        /* BUG FIX: was color:#888 — hardcoded */
        color: var(--mud-palette-text-secondary);
        border-bottom: 1px solid var(--mud-palette-divider);
        white-space: nowrap;
    }

    .eod-cost-table td[b-r24n8ixixm] {
        padding: 3px 8px;
        border-bottom: 1px solid var(--mud-palette-divider);
        vertical-align: middle;
        white-space: nowrap;
    }

    .eod-cost-table tr:last-child td[b-r24n8ixixm] {
        border-bottom: none;
    }

    .eod-cost-table tr:hover td[b-r24n8ixixm] {
        background: var(--mud-palette-action-hover);
    }

.eod-th-r[b-r24n8ixixm], .eod-td-r[b-r24n8ixixm] {
    text-align: right !important;
    border-left: 1px solid var(--mud-palette-divider);
}

.eod-th-c[b-r24n8ixixm], .eod-td-c[b-r24n8ixixm] {
    text-align: center !important;
    border-left: 1px solid var(--mud-palette-divider);
}

.eod-td-name[b-r24n8ixixm] {
    font-weight: 600;
    max-width: 220px;
}
/* BUG FIX: was color:#888 — hardcoded */
.eod-td-base[b-r24n8ixixm] {
    color: var(--mud-palette-text-secondary);
    font-size: 10.5px;
}
/* BUG FIX: was color:#1a1a2e — hardcoded (light-mode-only dark blue) */
.eod-td-amt[b-r24n8ixixm] {
    font-weight: 700;
    color: var(--mud-palette-text-primary);
}

.eod-td-actions[b-r24n8ixixm] {
    white-space: nowrap;
    padding: 0 12px !important;
    border-left: 1px solid var(--mud-palette-divider);
}

/* Cost summary row */
.eod-cost-summary-row[b-r24n8ixixm] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 11.5px;
    padding-top: 6px;
    border-top: 1px solid var(--mud-palette-divider);
    /* BUG FIX: was color:#666 — hardcoded */
    color: var(--mud-palette-text-secondary);
}
    /* BUG FIX: strong was color:#1a1a2e — hardcoded */
    .eod-cost-summary-row strong[b-r24n8ixixm] {
        color: var(--mud-palette-text-primary);
    }
/* BUG FIX: was color:#ccc — hardcoded (invisible in dark mode) */
.eod-cost-sep[b-r24n8ixixm] {
    color: var(--mud-palette-divider);
}

/* ── Inline dialog overlay ── */
.eod-dialog-overlay[b-r24n8ixixm] {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100;
}

.eod-dialog[b-r24n8ixixm] {
    background: var(--mud-palette-surface);
    border-radius: 12px;
    width: 520px;
    max-width: 95vw;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0,0,0,.24);
}

.eod-dialog-head[b-r24n8ixixm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px 10px;
    border-bottom: 1px solid var(--mud-palette-divider);
}

.eod-dialog-body[b-r24n8ixixm] {
    padding: 14px 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
/* BUG FIX: was color:#666 — hardcoded */
.eod-dialog-info[b-r24n8ixixm] {
    display: flex;
    gap: 16px;
    font-size: 11.5px;
    color: var(--mud-palette-text-secondary);
    padding-bottom: 8px;
    border-bottom: 1px solid var(--mud-palette-divider);
}
/* BUG FIX: was color:#1565c0 — hardcoded */
.eod-dialog-preview[b-r24n8ixixm] {
    font-size: 12px;
    font-weight: 600;
    color: var(--mud-palette-info);
    padding: 4px 0;
}

.eod-dialog-foot[b-r24n8ixixm] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 10px 16px 12px;
    border-top: 1px solid var(--mud-palette-divider);
}

/* ── Spinner / error states ── */
.eod-spinner[b-r24n8ixixm],
.eod-error-state[b-r24n8ixixm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 60vh;
    gap: 16px;
}
/* /Pages/Stock/ExternalOutwardList.razor.rz.scp.css */
/* ============================================================
   ExternalOutwardList.razor.css — Blazor CSS Isolation
   Prefix: eol-  (ExternalOutwardList page)
   ============================================================ */

.eol-shell[b-0hxvux0inv] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 64px);
    overflow: hidden;
    background: var(--mud-palette-background);
}

/* ── Top bar ── */
.eol-topbar[b-0hxvux0inv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 16px;
    border-bottom: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-surface);
    flex-shrink: 0;
    gap: 12px;
}

.eol-topbar-left[b-0hxvux0inv] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.eol-topbar-right[b-0hxvux0inv] {
    display: flex;
    align-items: center;
    gap: 6px;
}

/* ── Filter bar ── */
.eol-filter-bar[b-0hxvux0inv] {
    display: flex;
    align-items: center;
    justify-content: space-between; /* left group ←→ right group */
    gap: 8px;
    padding: 7px 16px;
    border-bottom: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-surface);
    flex-shrink: 0;
    flex-wrap: wrap;
}

/* Search + date pickers — left side */
.eol-filter-left[b-0hxvux0inv] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

/* Action buttons — right side */
.eol-filter-right[b-0hxvux0inv] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
}

/* ── Status tabs ──────────────────────────────────────────────────────────────
   BUG FIX: tab text was hardcoded color:#888 → var(--mud-palette-text-secondary)
   so it respects both light and dark themes.
────────────────────────────────────────────────────────────────────────────── */
.eol-tabs[b-0hxvux0inv] {
    display: flex;
    gap: 0;
    padding: 0 16px;
    border-bottom: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-surface);
    flex-shrink: 0;
}

.eol-tab[b-0hxvux0inv] {
    padding: 7px 18px;
    font-size: 12px;
    font-weight: 600;
    border: none;
    border-bottom: 2px solid transparent;
    background: transparent;
    cursor: pointer;
    /* BUG FIX: was color:#888 — hardcoded */
    color: var(--mud-palette-text-secondary);
    transition: color .15s, border-color .15s;
}

    .eol-tab:hover[b-0hxvux0inv] {
        color: var(--mud-palette-primary);
    }

.eol-tab--active[b-0hxvux0inv] {
    color: var(--mud-palette-primary);
    border-bottom-color: var(--mud-palette-primary);
}

/* ── Grid wrapper ── */
.eol-grid-wrap[b-0hxvux0inv] {
    flex: 1;
    overflow: auto;
    min-height: 0; /* required for flex child to scroll */
}

.eol-datagrid[b-0hxvux0inv] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

    .eol-datagrid .mud-table-container[b-0hxvux0inv] {
        flex: 1;
        overflow-y: auto !important;
    }

    .eol-datagrid .mud-table-head[b-0hxvux0inv] {
        position: sticky;
        top: 0;
        z-index: 3;
        background: var(--mud-palette-surface);
    }

    .eol-datagrid .mud-table-cell[b-0hxvux0inv] {
        padding: 3px 10px !important;
        font-size: 12px !important;
        line-height: 1.4 !important;
        white-space: nowrap;
    }

    .eol-datagrid .mud-table-head .mud-table-cell[b-0hxvux0inv] {
        padding: 5px 10px !important;
        font-size: 11.5px !important;
        font-weight: 700 !important;
        background: var(--mud-palette-table-striped) !important;
    }

/* ── DC number link ── */
.eol-dcno[b-0hxvux0inv] {
    font-weight: 700;
    font-size: 12px;
    color: var(--mud-palette-primary);
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 2px;
}

    .eol-dcno:focus-visible[b-0hxvux0inv] {
        outline: 2px solid var(--mud-palette-primary);
        border-radius: 2px;
    }

/* ── Weight loss highlight ── */
/* BUG FIX: was .eol-loss { color: #b91c1c } — hardcoded red.
   Use the theme error colour so it looks correct in dark mode too. */
.eol-loss[b-0hxvux0inv] {
    color: var(--mud-palette-error);
    font-weight: 600;
}

/* ── Empty / loading state ── */
.eol-empty[b-0hxvux0inv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 0;
}

/* ── Summary bar ── */
.eol-summary-bar[b-0hxvux0inv] {
    display: flex;
    align-items: center;
    gap: 0;
    padding: 6px 16px;
    background: var(--mud-palette-surface);
    border-bottom: 1px solid var(--mud-palette-divider);
    flex-shrink: 0;
    flex-wrap: wrap;
    min-height: 40px;
}

.eol-sum-item[b-0hxvux0inv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 14px;
    line-height: 1.3;
}

.eol-sum-label[b-0hxvux0inv] {
    font-size: 9.5px;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--mud-palette-text-secondary);
    font-weight: 600;
}

.eol-sum-val[b-0hxvux0inv] {
    font-size: 13px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.eol-sum-sep[b-0hxvux0inv] {
    width: 1px;
    height: 28px;
    background: var(--mud-palette-divider);
    flex-shrink: 0;
}

/* Weight loss highlight — theme-safe error colour */
.eol-sum-loss[b-0hxvux0inv] {
    color: var(--mud-palette-error);
}
/* /Pages/Stock/ExternalOutwardReceive.razor.rz.scp.css */
/* ============================================================
   ExternalOutwardReceive.razor.css — Blazor CSS Isolation
   Prefix: eor-  (ExternalOutwardReceive page)
   All hardcoded hex colours replaced with var(--mud-palette-*)
   ============================================================ */

.eor-shell[b-6gl9n8hccu] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 64px);
    overflow: hidden;
    background: var(--mud-palette-background);
}

/* ── Top bar ── */
.eor-topbar[b-6gl9n8hccu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 16px;
    gap: 12px;
    flex-shrink: 0;
    border-bottom: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-surface);
}

.eor-topbar-left[b-6gl9n8hccu] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.eor-topbar-right[b-6gl9n8hccu] {
    display: flex;
    align-items: center;
    gap: 6px;
}

/* ── Notes bar ── */
.eor-notes-bar[b-6gl9n8hccu] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 16px;
    flex-shrink: 0;
    border-bottom: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-surface);
    flex-wrap: wrap;
}

/* ── Stone list ── */
.eor-stones-wrap[b-6gl9n8hccu] {
    flex: 1;
    overflow-y: auto;
    min-height: 0;
    padding: 10px 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* ── Stone card ── */
.eor-stone-card[b-6gl9n8hccu] {
    border: 1px solid var(--mud-palette-divider);
    border-radius: 8px;
    background: var(--mud-palette-surface);
    overflow: hidden;
    transition: opacity .15s;
}

.eor-stone-card--error[b-6gl9n8hccu] {
    border-color: var(--mud-palette-error);
}

.eor-stone-card--skipped[b-6gl9n8hccu] {
    opacity: 0.5;
}

.eor-card-head[b-6gl9n8hccu] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    flex-wrap: wrap;
}

/* Identity */
.eor-stone-id[b-6gl9n8hccu] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 1;
    min-width: 180px;
    flex-wrap: wrap;
}

/* BUG FIX: was color:navy */
.eor-sid[b-6gl9n8hccu] {
    font-weight: 700;
    font-size: 12.5px;
    color: var(--mud-palette-primary);
}

/* BUG FIX: was color:#666 */
.eor-lot[b-6gl9n8hccu] {
    font-size: 11px;
    color: var(--mud-palette-text-secondary);
}

/* BUG FIX: was background:#f0f0f0; color:#555 */
.eor-param[b-6gl9n8hccu] {
    font-size: 10px;
    background: var(--mud-palette-action-default-hover);
    padding: 1px 5px;
    border-radius: 4px;
    color: var(--mud-palette-text-secondary);
}

/* BUG FIX: was background:#e3f2fd; color:#1565c0 */
.eor-dt-badge[b-6gl9n8hccu] {
    font-size: 10px;
    background: var(--mud-palette-info-hover);
    color: var(--mud-palette-info);
    padding: 1px 6px;
    border-radius: 99px;
    font-weight: 700;
}

/* BUG FIX: was background:#e3f2fd; color:#1565c0 */
.eor-split-badge[b-6gl9n8hccu] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    font-size: 10px;
    font-weight: 700;
    background: var(--mud-palette-info-hover);
    color: var(--mud-palette-info);
    padding: 1px 6px;
    border-radius: 99px;
}

/* BUG FIX: was color:#7c3aed; background:#f3e8ff — hardcoded purple */
.eor-parent-badge[b-6gl9n8hccu] {
    font-size: 10px;
    color: var(--mud-palette-secondary);
    background: var(--mud-palette-secondary-hover);
    padding: 1px 6px;
    border-radius: 99px;
    font-weight: 600;
}

/* Process chips */
.eor-proc-chips[b-6gl9n8hccu] {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
}
/* BUG FIX: was background:#f3e5f5; color:#6a1b9a — hardcoded purple */
.eor-proc-chip[b-6gl9n8hccu] {
    font-size: 10px;
    font-weight: 700;
    padding: 2px 6px;
    border-radius: 4px;
    background: var(--mud-palette-secondary-hover);
    color: var(--mud-palette-secondary);
}

/* Weight info */
.eor-wt-info[b-6gl9n8hccu] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    font-size: 11px;
}
/* BUG FIX: was color:#999 */
.eor-wt-label[b-6gl9n8hccu] {
    color: var(--mud-palette-text-secondary);
}

.eor-wt-val[b-6gl9n8hccu] {
    font-weight: 600;
}

.eor-rcv-input[b-6gl9n8hccu] {
    flex-shrink: 0;
}

/* Balance indicator */
.eor-balance[b-6gl9n8hccu] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
}
/* BUG FIX: replaced WeightStatusStyle() inline hex with CSS classes */
.eor-balance--ok[b-6gl9n8hccu] {
    color: var(--mud-palette-success);
}

.eor-balance--loss[b-6gl9n8hccu] {
    color: var(--mud-palette-warning);
}

.eor-balance--over[b-6gl9n8hccu] {
    color: var(--mud-palette-error);
    font-weight: 700;
}

/* ── Card body ── */
.eor-card-body[b-6gl9n8hccu] {
    padding: 10px 14px 12px;
    border-top: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-background);
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* BUG FIX: was color:#999 */
.eor-section-label[b-6gl9n8hccu] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--mud-palette-text-secondary);
    padding-bottom: 4px;
    border-bottom: 1px solid var(--mud-palette-divider);
}

/* BUG FIX: was color:#185FA5; border-color:#b5d4f4 — hardcoded */
.eor-section-label--laser[b-6gl9n8hccu] {
    color: var(--mud-palette-info);
    border-color: var(--mud-palette-info-hover);
}

/* BUG FIX: was color:#6b9fd4 — hardcoded */
.eor-laser-hint[b-6gl9n8hccu] {
    font-size: 10px;
    font-weight: 400;
    color: var(--mud-palette-info);
    opacity: 0.8;
    text-transform: none;
    letter-spacing: 0;
}

/* Process rows */
.eor-proc-rows[b-6gl9n8hccu] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.eor-proc-row[b-6gl9n8hccu] {
    display: flex;
    align-items: first baseline;
    gap: 8px;
    flex-wrap: wrap;
}

.eor-proc-name[b-6gl9n8hccu] {
    font-size: 12px;
    font-weight: 600;
    min-width: 140px;
}

.eor-rate-ovr[b-6gl9n8hccu] {
    display: flex;
    gap: 6px;
}

/* Top pieces */
.eor-tops-head[b-6gl9n8hccu] {
    display: grid;
    grid-template-columns: 140px 110px 1fr 36px;
    gap: 8px;
    font-size: 10px;
    font-weight: 700;
    /* BUG FIX: was color:#999 */
    color: var(--mud-palette-text-secondary);
    padding: 0 4px;
}

.eor-top-row[b-6gl9n8hccu] {
    display: grid;
    grid-template-columns: 140px 110px 1fr 36px;
    gap: 8px;
    align-items: center;
}
/* BUG FIX: was color:#1565c0 */
.eor-top-seq[b-6gl9n8hccu] {
    font-size: 11px;
    font-weight: 700;
    color: var(--mud-palette-primary);
    font-family: monospace;
}
/* BUG FIX: was color:#666 */
.eor-tops-total[b-6gl9n8hccu] {
    display: flex;
    gap: 8px;
    align-items: center;
    padding: 6px 4px 0;
    font-size: 11px;
    border-top: 1px dashed var(--mud-palette-divider);
    color: var(--mud-palette-text-secondary);
}

.eor-tops-total-val[b-6gl9n8hccu] {
    font-weight: 700;
}
/* BUG FIX: was color:#aaa */
.eor-tops-empty[b-6gl9n8hccu] {
    font-style: italic;
    padding: 4px 0;
}

/* ── Save bar ── */
/* BUG FIX: was background:#eff6ff; border-top:1px solid #bfdbfe
   Hardcoded light blue — completely wrong in dark mode. */
.eor-save-bar[b-6gl9n8hccu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 8px 16px;
    background: var(--mud-palette-surface);
    border-top: 2px solid var(--mud-palette-primary);
    flex-shrink: 0;
    flex-wrap: wrap;
}

.eor-save-summary[b-6gl9n8hccu] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    flex-wrap: wrap;
}

.eor-save-actions[b-6gl9n8hccu] {
    display: flex;
    gap: 8px;
}
/* BUG FIX: was color:#ccc — invisible in dark mode */
.eor-sep[b-6gl9n8hccu] {
    color: var(--mud-palette-text-disabled);
}
/* BUG FIX: was inline style color:#b45309 — hardcoded */
.eor-loss-positive[b-6gl9n8hccu] {
    color: var(--mud-palette-warning);
}

/* ── Spinner / error ── */
.eor-spinner[b-6gl9n8hccu],
.eor-error[b-6gl9n8hccu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 60vh;
    gap: 16px;
}
/* /Pages/Stock/InternalTransfer.razor.rz.scp.css */
/* ── Shell ──────────────────────────────────────────────────────────────── */
.tf-shell[b-an97qzg0i6] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 64px);
    overflow: hidden;
}

.tf-topbar[b-an97qzg0i6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    padding: 10px 16px;
    border-bottom: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-surface);
    flex-shrink: 0;
}

.tf-body[b-an97qzg0i6] {
    flex: 1;
    overflow-y: auto;
    padding: 14px 16px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

[b-an97qzg0i6] .tf-section {
    padding: 16px 20px;
}

.tf-section-title[b-an97qzg0i6] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 14px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--mud-palette-divider);
}

/* ── Mode toggle ────────────────────────────────────────────────────────── */
.tf-mode-toggle[b-an97qzg0i6] {
    display: flex;
    gap: 0;
    border: 1px solid var(--mud-palette-primary);
    border-radius: 8px;
    overflow: hidden;
    width: fit-content;
}

.tf-mode-btn[b-an97qzg0i6] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 7px 18px;
    font-size: 13px;
    font-weight: 600;
    border: none;
    background: transparent;
    cursor: pointer;
    color: var(--mud-palette-primary);
    transition: background .15s, color .15s;
}

    .tf-mode-btn + .tf-mode-btn[b-an97qzg0i6] {
        border-left: 1px solid var(--mud-palette-primary);
    }

.tf-mode-active[b-an97qzg0i6] {
    background: var(--mud-palette-primary);
    color: #fff;
}

/* ── Stone table ────────────────────────────────────────────────────────── */
.tf-table[b-an97qzg0i6] {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}

    .tf-table thead tr[b-an97qzg0i6] {
        background: var(--mud-palette-table-striped);
        border-bottom: 2px solid var(--mud-palette-divider);
    }

    .tf-table th[b-an97qzg0i6] {
        padding: 7px 10px;
        font-weight: 700;
        text-align: left;
        white-space: nowrap;
    }

    .tf-table td[b-an97qzg0i6] {
        padding: 5px 8px;
        border-bottom: 1px solid var(--mud-palette-divider);
        vertical-align: middle;
    }

    .tf-table tbody tr:hover[b-an97qzg0i6] {
        background: var(--mud-palette-table-hover);
    }

.tf-stoneid[b-an97qzg0i6] {
    font-weight: 700;
    font-family: 'Courier New',monospace;
    font-size: 11.5px;
}

.tf-lot[b-an97qzg0i6] {
    font-weight: 600;
}

.tf-num[b-an97qzg0i6] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.tf-bold[b-an97qzg0i6] {
    font-weight: 700;
}

.tf-dim[b-an97qzg0i6] {
    color: var(--mud-palette-text-secondary);
}

.tf-small[b-an97qzg0i6] {
    font-size: 11px;
}

.tf-chip[b-an97qzg0i6] {
    height: 18px !important;
    font-size: 10px !important;
    margin: 0 !important;
}

.tf-total-row td[b-an97qzg0i6] {
    border-top: 2px solid var(--mud-palette-divider);
    background: var(--mud-palette-table-striped);
    padding: 7px 8px;
    font-weight: 700;
}

.tf-empty[b-an97qzg0i6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 48px 0;
}

.tf-center-spinner[b-an97qzg0i6] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60vh;
}

/* ── Transfer slip toolbar ──────────────────────────────────────────────── */
.tf-slip-toolbar[b-an97qzg0i6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 16px;
    border-bottom: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-surface);
}

/* ── Transfer slip — intentionally white/hardcoded for print ────────────── */
.tf-slip-wrap[b-an97qzg0i6] {
    background: #fff;
    color: #111;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-family: Arial, sans-serif;
    font-size: 13px;
    margin: 14px 16px;
    max-width: 860px;
}

.slip-header[b-an97qzg0i6] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 16px;
    padding: 18px 24px 12px;
    border-bottom: 2px solid #111;
}

.slip-title[b-an97qzg0i6] {
    font-size: 20px;
    font-weight: 700;
}

.slip-subtitle[b-an97qzg0i6] {
    font-size: 12px;
    color: #666;
    margin-top: 2px;
}

.slip-meta[b-an97qzg0i6] {
    text-align: right;
}

.slip-meta-line[b-an97qzg0i6] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    font-size: 12px;
    line-height: 1.8;
}

.slip-from-to[b-an97qzg0i6] {
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 14px 24px;
    border-bottom: 1px solid #ddd;
    background: #fafafa;
}

.slip-arrow[b-an97qzg0i6] {
    font-size: 22px;
    color: #888;
    font-weight: 700;
}

.slip-ft-label[b-an97qzg0i6] {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: #888;
}

.slip-ft-value[b-an97qzg0i6] {
    font-size: 16px;
    font-weight: 700;
}

.slip-ft-sub[b-an97qzg0i6] {
    font-size: 12px;
    color: #666;
}

.slip-table[b-an97qzg0i6] {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}

    .slip-table thead tr[b-an97qzg0i6] {
        background: #f0f0f0;
        border-top: 1px solid #bbb;
        border-bottom: 1px solid #bbb;
    }

    .slip-table th[b-an97qzg0i6] {
        padding: 7px 12px;
        font-weight: 700;
        text-align: left;
        white-space: nowrap;
    }

    .slip-table td[b-an97qzg0i6] {
        padding: 6px 12px;
        border-bottom: 1px solid #eee;
    }

.slip-dim[b-an97qzg0i6] {
    color: #888;
    font-size: 11px;
}

.slip-total-row td[b-an97qzg0i6] {
    border-top: 2px solid #bbb !important;
    background: #f5f5f5;
    padding: 8px 12px;
}

.slip-signatures[b-an97qzg0i6] {
    display: flex;
    gap: 48px;
    justify-content: flex-end;
    padding: 32px 24px 16px;
}

.slip-sig-block[b-an97qzg0i6] {
    text-align: center;
    min-width: 160px;
}

.slip-sig-line[b-an97qzg0i6] {
    border-top: 1px solid #555;
    margin-bottom: 6px;
}

.slip-sig-label[b-an97qzg0i6] {
    font-size: 11px;
    color: #666;
}

.slip-footer[b-an97qzg0i6] {
    padding: 8px 24px 12px;
    font-size: 11px;
    color: #aaa;
    border-top: 1px solid #eee;
}

/* ── Print ──────────────────────────────────────────────────────────────── */
@media print {
    .no-print[b-an97qzg0i6], .mud-appbar[b-an97qzg0i6], .mud-drawer[b-an97qzg0i6] {
        display: none !important;
    }

    .tf-slip-wrap[b-an97qzg0i6] {
        border: none;
        border-radius: 0;
        margin: 0;
        max-width: 100%;
    }
}
/* /Pages/Stock/MemoIssue.razor.rz.scp.css */
/* ============================================================
   MemoIssue.razor.css — Blazor CSS Isolation
   Prefix: mi-  (MemoIssue page)

   Moved out of the in-markup <style> block (which was global, not
   scoped). All hardcoded hex replaced with theme variables so the
   page is correct in both light and dark mode.
   ============================================================ */

/* ── Shell ─────────────────────────────────────────────────── */
.mi-shell[b-8o9ao2hcv7] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 64px);
    overflow: hidden;
}

/* ── Top bar ───────────────────────────────────────────────── */
.mi-topbar[b-8o9ao2hcv7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 14px;
    border-bottom: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-surface);
    flex-shrink: 0;
}

[b-8o9ao2hcv7] .mi-topbar-left {
    display: flex;
    align-items: center;
    gap: 10px;
}

[b-8o9ao2hcv7] .mi-topbar-icon {
    font-size: 2rem;
}

[b-8o9ao2hcv7] .mi-title {
    font-weight: 700;
    line-height: 1.1;
}

/* ── Filter ────────────────────────────────────────────────── */
.mi-filter-bar[b-8o9ao2hcv7] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 8px 14px;
    border-bottom: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-surface);
    flex-shrink: 0;
}

    .mi-filter-bar .mud-input-label[b-8o9ao2hcv7] {
        font-size: 11px !important;
    }

    .mi-filter-bar input[b-8o9ao2hcv7] {
        font-size: 11px !important;
    }

.mi-filter-row[b-8o9ao2hcv7] {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
}

.mi-filter-field[b-8o9ao2hcv7] {
    min-width: 96px;
}

.mi-status-field[b-8o9ao2hcv7] {
    width: 160px;
}

/* date pickers in own row, guaranteed ≥310px width */
.mi-date-row[b-8o9ao2hcv7] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.mi-datepicker[b-8o9ao2hcv7] {
    min-width: 310px !important;
    flex: 0 0 310px;
}

.mi-spacer[b-8o9ao2hcv7] {
    flex: 1;
}

/* ── Count bar ─────────────────────────────────────────────── */
.mi-count-bar[b-8o9ao2hcv7] {
    padding: 3px 14px;
    background: var(--mud-palette-table-striped);
    border-bottom: 1px solid var(--mud-palette-divider);
    flex-shrink: 0;
}

.mi-count-text[b-8o9ao2hcv7] {
    color: var(--mud-palette-text-secondary);
}

/* ── Grid ──────────────────────────────────────────────────── */
.mi-grid-wrap[b-8o9ao2hcv7] {
    flex: 1;
    overflow: hidden;
    min-height: 0;
}

.mi-grid[b-8o9ao2hcv7] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* grid cell text helpers (replaces inline span styles) */
.mi-cell-memo[b-8o9ao2hcv7] {
    font-weight: 700;
    font-family: monospace;
    font-size: 11.5px;
}

.mi-cell-date[b-8o9ao2hcv7] {
    font-size: 11px;
    white-space: nowrap;
}

.mi-cell-party[b-8o9ao2hcv7] {
    font-size: 11.5px;
    font-weight: 600;
}

.mi-cell-num[b-8o9ao2hcv7] {
    font-size: 11px;
    display: block;
    text-align: right;
}

    .mi-cell-num.bold[b-8o9ao2hcv7] {
        font-weight: 600;
    }

.mi-status-stack[b-8o9ao2hcv7] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.mi-returned-note[b-8o9ao2hcv7] {
    font-size: 9px;
    color: var(--mud-palette-dark, --mud-palette-dark);
}

.mi-notes-ellipsis[b-8o9ao2hcv7] {
    font-size: 10px;
    color: var(--mud-palette-text-secondary);
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.mi-row-actions[b-8o9ao2hcv7] {
    display: flex;
    gap: 2px;
    justify-content: flex-end;
}

/* ── Chip ──────────────────────────────────────────────────── */
.mi-chip[b-8o9ao2hcv7] {
    display: inline-block;
    padding: 1px 8px;
    border-radius: 99px;
    font-size: 10px;
    font-weight: 700;
    white-space: nowrap;
}

.mi-chip-sm[b-8o9ao2hcv7] {
    font-size: 9px;
}

/* ── Empty / center ────────────────────────────────────────── */
.mi-empty[b-8o9ao2hcv7] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.mi-empty--pad[b-8o9ao2hcv7] {
    padding: 40px 0;
    color: var(--mud-palette-text-disabled);
}

.mi-empty-icon[b-8o9ao2hcv7] {
    font-size: 3rem;
    color: var(--mud-palette-text-disabled);
}

.mi-empty-icon--sm[b-8o9ao2hcv7] {
    font-size: 2.5rem;
}

.mi-empty-text[b-8o9ao2hcv7] {
    color: var(--mud-palette-text-disabled);
    margin-top: 8px;
}

.mi-center[b-8o9ao2hcv7] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.mi-center--drawer[b-8o9ao2hcv7] {
    height: 200px;
}

/* ── Drawer shared ─────────────────────────────────────────── */
.mi-drawer-fixed[b-8o9ao2hcv7] {
    position: fixed;
}

.mi-drawer-header[b-8o9ao2hcv7] {
    border-bottom: 1px solid var(--mud-palette-divider);
    padding: 10px 16px;
}

.mi-drawer-subtitle[b-8o9ao2hcv7] {
    font-weight: 700;
    line-height: 1.1;
}

[b-8o9ao2hcv7] .mi-caption {
    color: var(--mud-palette-text-secondary);
}

[b-8o9ao2hcv7] .mi-drawer-pad {
    padding: 12px;
}

[b-8o9ao2hcv7] .mi-body-muted {
    color: var(--mud-palette-text-secondary);
}

[b-8o9ao2hcv7] .mi-alert-sm {
    font-size: 11px;
}

/* ── Party strip in step 1 ─────────────────────────────────── */
.mi-party-strip[b-8o9ao2hcv7] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    background: var(--mud-palette-table-striped);
    border-radius: 6px;
    margin-bottom: 12px;
    border-left: 4px solid var(--mud-palette-primary);
}

.mi-party-name[b-8o9ao2hcv7] {
    font-weight: 700;
    font-size: 12px;
}

.mi-party-notes[b-8o9ao2hcv7] {
    font-size: 10px;
    color: var(--mud-palette-text-secondary);
}

.mi-change-btn[b-8o9ao2hcv7] {
    margin-left: auto;
    font-size: 11px;
}

/* ── Scan row ──────────────────────────────────────────────── */
.mi-scan-row[b-8o9ao2hcv7] {
    display: flex;
    gap: 8px;
    margin-bottom: 12px;
}

.mi-scan-input[b-8o9ao2hcv7] {
    flex: 1;
}

/* ── Return date box ───────────────────────────────────────── */
.mi-return-date-box[b-8o9ao2hcv7] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    margin-bottom: 12px;
    background: var(--mud-palette-background-grey);
    border-radius: 6px;
    border-left: 4px solid var(--mud-palette-divider);
}

.mi-return-date-icon[b-8o9ao2hcv7] {
    color: var(--mud-palette-text-secondary);
}

.mi-return-date-label[b-8o9ao2hcv7] {
    font-size: 10px;
    color: var(--mud-palette-text-secondary);
}

.mi-return-date-val[b-8o9ao2hcv7] {
    font-weight: 700;
    font-size: 13px;
}

/* ── Section headers in return drawer ──────────────────────── */
.mi-section-head[b-8o9ao2hcv7] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 8px;
    border-radius: 4px;
    margin-bottom: 4px;
}

.mi-section-head--pending[b-8o9ao2hcv7] {
    background: var(--mud-palette-warning-hover, rgba(255, 152, 0, 0.1));
    border: 1px solid var(--mud-palette-warning);
}

.mi-section-head--returned[b-8o9ao2hcv7] {
    background: var(--mud-palette-success-hover, rgba(76, 175, 80, 0.1));
    border: 1px solid var(--mud-palette-success);
    margin-top: 14px;
}

.mi-section-title[b-8o9ao2hcv7] {
    font-weight: 700;
    font-size: 12px;
}

[b-8o9ao2hcv7] .mi-section-title--returned {
    font-weight: 700;
    font-size: 12px;
    color: var(--mud-palette-success, var(--mud-palette-success));
}

[b-8o9ao2hcv7] .mi-section-meta {
    margin-left: auto;
    font-size: 11px;
    color: var(--mud-palette-text-secondary);
}

[b-8o9ao2hcv7] .mi-returned-icon {
    color: var(--mud-palette-success, var(--mud-palette-success));
}

[b-8o9ao2hcv7] .mi-returned-icon--inline {
    color: var(--mud-palette-success, var(--mud-palette-success));
    margin: 0 6px;
}

/* ── Column headers ────────────────────────────────────────── */
[b-8o9ao2hcv7] .mi-col-head {
    display: grid;
    grid-template-columns: 110px 75px 90px 50px 1fr;
    gap: 4px;
    padding: 4px 0;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--mud-palette-text-secondary);
    border-bottom: 1px solid var(--mud-palette-divider);
    margin-bottom: 2px;
}

.mi-col-head--indent[b-8o9ao2hcv7] {
    padding-left: 34px;
}

/* ── Create drawer stone rows ──────────────────────────────── */
.mi-col-row[b-8o9ao2hcv7] {
    display: grid;
    grid-template-columns: 110px 72px 90px 56px 1fr 28px;
    gap: 4px;
    padding: 6px 0;
    align-items: center;
    border-bottom: 1px solid var(--mud-palette-divider);
}

    .mi-col-row:hover[b-8o9ao2hcv7] {
        background: var(--mud-palette-table-hover);
    }

/* ── Return drawer stone rows ──────────────────────────────── */
.mi-return-row[b-8o9ao2hcv7] {
    display: grid;
    grid-template-columns: 30px 110px 72px 56px 1fr;
    gap: 4px;
    padding: 5px 0;
    align-items: center;
    border-bottom: 1px solid var(--mud-palette-divider);
    transition: background .1s;
}

.mi-return-row--sel[b-8o9ao2hcv7] {
    background: var(--mud-palette-warning-hover, rgba(255, 152, 0, 0.1));
}

.mi-return-row--done[b-8o9ao2hcv7] {
    opacity: 0.65;
}

    .mi-return-row--done:hover[b-8o9ao2hcv7] {
        opacity: 0.8;
    }

.mi-return-row--done-grid[b-8o9ao2hcv7] {
    display: grid;
    grid-template-columns: 28px 110px 72px 56px 1fr 36px;
    gap: 4px;
    padding: 5px 0;
    align-items: center;
    border-bottom: 1px solid var(--mud-palette-divider);
    opacity: 0.75;
    transition: opacity .15s;
}

    .mi-return-row--done-grid:hover[b-8o9ao2hcv7] {
        opacity: 1;
        background: var(--mud-palette-error-hover, rgba(244, 67, 54, 0.08));
    }

.mi-sid-done[b-8o9ao2hcv7] {
    color: var(--mud-palette-text-secondary);
    text-decoration: line-through;
}

.mi-num-muted[b-8o9ao2hcv7] {
    text-align: right;
    font-size: 11px;
    color: var(--mud-palette-text-secondary);
}

/* ── Totals rows ───────────────────────────────────────────── */
[b-8o9ao2hcv7] .mi-totals-row {
    display: flex;
    gap: 8px;
    padding: 8px 0;
    font-size: 12px;
    font-weight: 700;
    border-top: 2px solid var(--mud-palette-divider);
    margin-top: 4px;
}

[b-8o9ao2hcv7] .mi-totals-row--warning {
    color: var(--mud-palette-warning, var(--mud-palette-warning));
}

[b-8o9ao2hcv7] .mi-totals-amt {
    margin-left: auto;
    font-weight: 800;
}

/* ── Shared text helpers ───────────────────────────────────── */
.mi-sid[b-8o9ao2hcv7] {
    font-weight: 700;
    color: var(--mud-palette-primary);
    font-size: 11.5px;
}

.mi-sub[b-8o9ao2hcv7] {
    font-size: 10px;
    color: var(--mud-palette-text-secondary);
}

.right[b-8o9ao2hcv7] {
    text-align: right;
    font-size: 11px;
}

.bold[b-8o9ao2hcv7] {
    font-weight: 600;
}

/* ── Footer ────────────────────────────────────────────────── */
.buttondiv[b-8o9ao2hcv7] {
    padding: 12px;
}

.mi-footer-stack[b-8o9ao2hcv7] {
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
/* /Pages/Stock/Returntoparty.razor.rz.scp.css */
/* ── Shell & top bar ──────────────────────────────────────────────────────── */
.rtp-shell[b-tla7lz1bdn] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 64px);
    overflow: hidden;
}

.rtp-topbar[b-tla7lz1bdn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 14px;
    border-bottom: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-surface);
    flex-shrink: 0;
    gap: 8px;
    flex-wrap: wrap;
}

.rtp-topbar-left[b-tla7lz1bdn] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.rtp-grid-wrap[b-tla7lz1bdn] {
    flex: 1;
    overflow: auto;
}
   [b-tla7lz1bdn] .rtp-grid-wrap > :first-child {
        box-shadow: none;
    }

.rtp-center[b-tla7lz1bdn] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60vh;
}

.rtp-empty[b-tla7lz1bdn] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 32px 0;
}

.rtp-empty-sm[b-tla7lz1bdn] {
    font-size: 11px;
    color: var(--mud-palette-text-secondary);
    padding: 12px 0;
    text-align: center;
}

.rtp-chip[b-tla7lz1bdn] {
    display: inline-block;
    padding: 1px 7px;
    border-radius: 99px;
    font-size: 10px;
    font-weight: 700;
    white-space: nowrap;
}

/* ── Steps ────────────────────────────────────────────────────────────────── */
.rtp-steps[b-tla7lz1bdn] {
    display: flex;
    align-items: center;
    padding: 8px 16px;
    border-bottom: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-table-striped);
    flex-shrink: 0;
}

.rtp-step[b-tla7lz1bdn] {
    display: flex;
    align-items: center;
    gap: 5px;
    opacity: 0.4;
}

.rtp-step--active[b-tla7lz1bdn] {
    opacity: 1;
}

.rtp-step-dot[b-tla7lz1bdn] {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 700;
    flex-shrink: 0;
}

.rtp-step-label[b-tla7lz1bdn] {
    font-size: 12px;
    font-weight: 600;
}

.rtp-step-line[b-tla7lz1bdn] {
    flex: 1;
    height: 1px;
    background: var(--mud-palette-divider);
    margin: 0 6px;
}

/* ── Stone selection split ────────────────────────────────────────────────── */
.rtp-split[b-tla7lz1bdn] {
    display: flex;
    gap: 10px;
    min-height: 280px;
}

.rtp-split-left[b-tla7lz1bdn] {
    flex: 1.2;
    overflow-y: auto;
    max-height: 360px;
    border: 1px solid var(--mud-palette-divider);
    border-radius: 6px;
    padding: 4px;
}

.rtp-split-right[b-tla7lz1bdn] {
    flex: 0.8;
    overflow-y: auto;
    max-height: 360px;
    border: 1px solid var(--mud-palette-divider);
    border-radius: 6px;
    padding: 4px;
}

/* ── Scan bar ─────────────────────────────────────────────────────────────── */
.rtp-scan-bar[b-tla7lz1bdn] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 0 8px;
    border-bottom: 2px solid var(--mud-palette-success);
    margin-bottom: 8px;
}

/* ── Eligible filter ──────────────────────────────────────────────────────── */
.rtp-eligible-filter[b-tla7lz1bdn] {
    display: flex;
    gap: 6px;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 8px;
}

/* ── Eligible rows ────────────────────────────────────────────────────────── */
.rtp-elig-head[b-tla7lz1bdn], .rtp-elig-row[b-tla7lz1bdn] {
    display: grid;
    grid-template-columns: 100px 70px 90px 50px 80px 50px;
    gap: 4px;
    padding: 4px 4px;
    font-size: 11px;
    align-items: center;
}

.rtp-elig-head[b-tla7lz1bdn] {
    font-weight: 700;
    font-size: 10px;
    background: var(--mud-palette-table-striped);
    border-bottom: 1px solid var(--mud-palette-divider);
    position: sticky;
    top: 0;
}

.rtp-elig-row[b-tla7lz1bdn] {
    border-bottom: 1px solid var(--mud-palette-divider);
}

    .rtp-elig-row:hover[b-tla7lz1bdn] {
        background: var(--mud-palette-table-hover);
    }

.rtp-elig-row--added[b-tla7lz1bdn] {
    background: var(--mud-palette-success-hover);
    opacity: 0.7;
}

/* ── Selection rows ───────────────────────────────────────────────────────── */
.rtp-sel-row[b-tla7lz1bdn] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 5px 4px;
    border-bottom: 1px solid var(--mud-palette-divider);
    font-size: 11px;
}

.rtp-sel-row--warn[b-tla7lz1bdn] {
    background: var(--mud-palette-warning-hover);
}

.rtp-sel-row:hover[b-tla7lz1bdn] {
    background: var(--mud-palette-table-hover);
}

/* ── Load row ─────────────────────────────────────────────────────────────── */
.rtp-load-row[b-tla7lz1bdn] {
    display: flex;
    align-items: center;
    padding: 16px 0;
}

/* ── Gate check ───────────────────────────────────────────────────────────── */
.rtp-gate-row[b-tla7lz1bdn] {
    padding: 7px 10px;
    border-radius: 6px;
    margin-bottom: 5px;
    border: 1px solid transparent;
}

.rtp-gate-row--pass[b-tla7lz1bdn] {
    background: var(--mud-palette-success-hover);
    border-color: var(--mud-palette-success);
}

.rtp-gate-row--fail[b-tla7lz1bdn] {
    background: var(--mud-palette-error-hover);
    border-color: var(--mud-palette-error);
}

.rtp-gate-stone[b-tla7lz1bdn] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 3px;
}

.rtp-gate-issues[b-tla7lz1bdn] {
    margin: 3px 0 0 26px;
    padding: 0;
    list-style: disc;
    font-size: 11px;
    color: var(--mud-palette-error);
}

    .rtp-gate-issues li[b-tla7lz1bdn] {
        margin-bottom: 2px;
    }

/* ── JWB summary bar ──────────────────────────────────────────────────────── */
.jwb-summary[b-tla7lz1bdn] {
    display: flex;
    align-items: center;
    padding: 8px 14px;
    background: var(--mud-palette-table-striped);
    border-bottom: 1px solid var(--mud-palette-divider);
    font-size: 12px;
    flex-shrink: 0;
    gap: 0;
    flex-wrap: wrap;
}

.jwb-sum-item[b-tla7lz1bdn] {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    min-width: 80px;
}

.jwb-sum-sep[b-tla7lz1bdn] {
    width: 1px;
    height: 28px;
    background: var(--mud-palette-divider);
}

.jwb-sum-lbl[b-tla7lz1bdn] {
    font-size: 10px;
    color: var(--mud-palette-text-secondary);
    text-transform: uppercase;
}

.jwb-sum-val[b-tla7lz1bdn] {
    font-size: 13px;
    font-weight: 700;
}

/* ── JWB stone rows ───────────────────────────────────────────────────────── */
.jwb-stone-head[b-tla7lz1bdn], .jwb-stone-summary[b-tla7lz1bdn], .jwb-grand-total[b-tla7lz1bdn] {
    display: grid;
    grid-template-columns: 120px 80px 110px 65px 75px;
    gap: 4px;
    padding: 6px 12px;
    font-size: 11px;
    align-items: center;
}

.jwb-stone-head[b-tla7lz1bdn] {
    font-weight: 700;
    font-size: 10px;
    text-transform: uppercase;
    color: var(--mud-palette-text-secondary);
    background: var(--mud-palette-table-striped);
    border-bottom: 1px solid var(--mud-palette-divider);
    position: sticky;
    top: 0;
}

.jwb-stone-details[b-tla7lz1bdn] {
    border-bottom: 1px solid var(--mud-palette-divider);
}

.jwb-stone-summary[b-tla7lz1bdn] {
    cursor: pointer;
    list-style: none;
}

    .jwb-stone-summary:hover[b-tla7lz1bdn] {
        background: var(--mud-palette-table-hover);
    }

.jwb-grand-total[b-tla7lz1bdn] {
    font-weight: 700;
    border-top: 2px solid var(--mud-palette-divider);
    background: var(--mud-palette-table-striped);
}

/* ── JWB charge body ──────────────────────────────────────────────────────── */
.jwb-charges-body[b-tla7lz1bdn] {
    padding: 4px 20px 8px;
    background: var(--mud-palette-background);
}

.jwb-ch-head[b-tla7lz1bdn], .jwb-ch-row[b-tla7lz1bdn], .jwb-ch-total[b-tla7lz1bdn] {
    display: grid;
    grid-template-columns: 80px 100px 65px 55px 65px 72px 60px;
    gap: 3px;
    padding: 3px 0;
    font-size: 11px;
    align-items: center;
}

.jwb-ch-head[b-tla7lz1bdn] {
    font-weight: 700;
    font-size: 10px;
    color: var(--mud-palette-text-secondary);
    border-bottom: 1px solid var(--mud-palette-divider);
    margin-bottom: 2px;
}

.jwb-ch-row[b-tla7lz1bdn] {
    border-bottom: 1px solid var(--mud-palette-divider);
}

.jwb-ch-row--manual[b-tla7lz1bdn] {
    background: var(--mud-palette-warning-hover);
}

.jwb-ch-total[b-tla7lz1bdn] {
    font-weight: 700;
    border-top: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-table-striped);
}

.jwb-ch-edit[b-tla7lz1bdn] {
    display: flex;
    gap: 6px;
    align-items: center;
    padding: 6px 0;
    flex-wrap: wrap;
    border-bottom: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-info-hover);
    border-left: 3px solid var(--mud-palette-info);
    padding-left: 8px;
}

/* ── Add charge form ──────────────────────────────────────────────────────── */
.jwb-add-charge[b-tla7lz1bdn] {
    padding: 6px 0 4px;
    border-top: 1px dashed var(--mud-palette-divider);
    margin-top: 4px;
}

.jwb-add-form[b-tla7lz1bdn] {
    display: flex;
    gap: 6px;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 6px;
}

/* ── List page summary bar ───────────────────────────────────────────────── */
.rtp-summary-bar[b-tla7lz1bdn] {
    display: flex;
    align-items: center;
    padding: 6px 14px;
    background: var(--mud-palette-table-striped);
    border-bottom: 1px solid var(--mud-palette-divider);
    font-size: 12px;
    flex-shrink: 0;
    gap: 0;
    flex-wrap: wrap;
}

.rtp-sum-item[b-tla7lz1bdn] {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    min-width: 80px;
}

.rtp-sum-sep[b-tla7lz1bdn] {
    width: 1px;
    height: 28px;
    background: var(--mud-palette-divider);
}

.rtp-sum-lbl[b-tla7lz1bdn] {
    font-size: 10px;
    color: var(--mud-palette-text-secondary);
    text-transform: uppercase;
}

.rtp-sum-val[b-tla7lz1bdn] {
    font-size: 13px;
    font-weight: 700;
}

/* ── Repair context strip (Step 4 preview, repaired stones) ───────────────── */
.jwb-repair-strip[b-tla7lz1bdn] {
    display: flex;
    gap: 20px;
    padding: 5px 20px;
    margin: 0 0 4px;
    border-left: 3px solid var(--mud-palette-warning);
    background: var(--mud-palette-background-grey);
}

.jwb-repair-stat[b-tla7lz1bdn] {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}

.jwb-repair-label[b-tla7lz1bdn] {
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--mud-palette-text-disabled);
}

.jwb-repair-val[b-tla7lz1bdn] {
    font-size: 12px;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.jwb-repair-loss[b-tla7lz1bdn] {
    color: var(--mud-palette-warning-darken);
}
/* /Pages/Stock/ReturntopartyDetail.razor.rz.scp.css */
/* ── Shell ────────────────────────────────────────────────────────────────── */
.rtpd-shell[b-w0y2kwrwsy] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 64px);
    overflow: hidden;
}

/* ── Top bar ──────────────────────────────────────────────────────────────── */
.rtpd-topbar[b-w0y2kwrwsy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 14px;
    border-bottom: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-surface);
    flex-shrink: 0;
    gap: 8px;
    flex-wrap: wrap;
}

/* ── Content — two columns ────────────────────────────────────────────────── */
.rtpd-content[b-w0y2kwrwsy] {
    display: flex;
    gap: 12px;
    padding: 12px 14px;
    overflow-y: auto;
    flex: 1;
}

.rtpd-main[b-w0y2kwrwsy] {
    flex: 1.6;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.rtpd-side[b-w0y2kwrwsy] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* ── Card ─────────────────────────────────────────────────────────────────── */
.rtpd-card[b-w0y2kwrwsy] {
    border: 1px solid var(--mud-palette-divider);
    border-radius: 8px;
    padding: 12px;
}

.rtpd-card-title[b-w0y2kwrwsy] {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--mud-palette-text-secondary);
    border-bottom: 1px solid var(--mud-palette-divider);
    padding-bottom: 6px;
    margin-bottom: 10px;
}

/* ── Info grid ────────────────────────────────────────────────────────────── */
.rtpd-info-grid[b-w0y2kwrwsy] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 16px;
}

.rtpd-info-item[b-w0y2kwrwsy] {
    display: flex;
    flex-direction: column;
    min-width: 120px;
}

.rtpd-info-item--full[b-w0y2kwrwsy] {
    width: 100%;
}

.rtpd-info-label[b-w0y2kwrwsy] {
    font-size: 10px;
    color: var(--mud-palette-text-secondary);
    text-transform: uppercase;
}

.rtpd-info-val[b-w0y2kwrwsy] {
    font-size: 12px;
    font-weight: 500;
}

/* ── Chip ─────────────────────────────────────────────────────────────────── */
.rtpd-chip[b-w0y2kwrwsy] {
    display: inline-block;
    padding: 1px 8px;
    border-radius: 99px;
    font-size: 10px;
    font-weight: 700;
    white-space: nowrap;
}

/* ── Stone table ──────────────────────────────────────────────────────────── */
.rtpd-stone-head[b-w0y2kwrwsy],
.rtpd-stone-row[b-w0y2kwrwsy],
.rtpd-stone-total[b-w0y2kwrwsy] {
    display: grid;
    grid-template-columns: 28px 110px 85px 100px 65px 55px 55px 55px 55px;
    gap: 8px;
    padding: 8px 8px;
    font-size: 11px;
    align-items: center;
}

.rtpd-stone-head[b-w0y2kwrwsy] {
    font-weight: 700;
    font-size: 10px;
    text-transform: uppercase;
    color: var(--mud-palette-text-secondary);
    background: var(--mud-palette-table-striped);
    border-bottom: 1px solid var(--mud-palette-divider);
    position: sticky;
    top: 0;
}

.rtpd-stone-row[b-w0y2kwrwsy] {
    border-bottom: 1px solid var(--mud-palette-divider);
}

    .rtpd-stone-row:hover[b-w0y2kwrwsy] {
        background: var(--mud-palette-table-hover);
    }

.rtpd-stone-total[b-w0y2kwrwsy] {
    font-weight: 700;
    border-top: 2px solid var(--mud-palette-divider);
    background: var(--mud-palette-table-striped);
}

/* ── JWB total highlight ──────────────────────────────────────────────────── */
.rtpd-jwb-total[b-w0y2kwrwsy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    padding: 8px 10px;
    background: var(--mud-palette-info-hover);
    border-radius: 6px;
    font-size: 13px;
    font-weight: 700;
}

.rtpd-jwb-total-amt[b-w0y2kwrwsy] {
    color: var(--mud-palette-info);
    font-size: 16px;
    font-weight: 800;
}

/* ── Charge breakdown ─────────────────────────────────────────────────────── */
.rtpd-stone-details[b-w0y2kwrwsy] {
    border-bottom: 1px solid var(--mud-palette-divider);
}

.rtpd-stone-summary[b-w0y2kwrwsy] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 8px;
    cursor: pointer;
    list-style: none;
    font-size: 11px;
}

    .rtpd-stone-summary:hover[b-w0y2kwrwsy] {
        background: var(--mud-palette-table-hover);
    }

.rtpd-charge-list[b-w0y2kwrwsy] {
    padding: 4px 16px 8px;
    background: var(--mud-palette-background-grey);
}

.rtpd-charge-head[b-w0y2kwrwsy],
.rtpd-charge-row[b-w0y2kwrwsy],
.rtpd-charge-total[b-w0y2kwrwsy] {
    display: grid;
    grid-template-columns: 1fr 65px 55px 65px 72px;
    gap: 3px;
    padding: 3px 0;
    font-size: 11px;
    align-items: center;
}

.rtpd-charge-head[b-w0y2kwrwsy] {
    font-weight: 700;
    font-size: 10px;
    color: var(--mud-palette-text-secondary);
    border-bottom: 1px solid var(--mud-palette-divider);
    margin-bottom: 2px;
}

.rtpd-charge-row[b-w0y2kwrwsy] {
    border-bottom: 1px solid var(--mud-palette-divider);
}

.rtpd-charge-total[b-w0y2kwrwsy] {
    font-weight: 700;
    border-top: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-table-striped);
    margin-top: 2px;
}

/* ── Grand total ──────────────────────────────────────────────────────────── */
.rtpd-grand-total[b-w0y2kwrwsy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 10px;
    margin-top: 4px;
    border-top: 2px solid var(--mud-palette-divider);
    background: var(--mud-palette-table-striped);
}

/* ── Center spinner ───────────────────────────────────────────────────────── */
.rtpd-center[b-w0y2kwrwsy] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60vh;
}

/* ── Charge grid: add actions column ─────────────────────────────────────── */
.rtpd-charge-head[b-w0y2kwrwsy],
.rtpd-charge-row[b-w0y2kwrwsy] {
    grid-template-columns: 1fr 65px 55px 65px 72px 64px !important;
}

.rtpd-charge-total[b-w0y2kwrwsy] {
    grid-template-columns: 1fr 65px 55px 65px 72px 64px !important;
}

/* ── Inline charge edit row ──────────────────────────────────────────────── */
.rtpd-charge-edit[b-w0y2kwrwsy] {
    padding: 6px 8px;
    background: var(--mud-palette-info-hover);
    border-left: 3px solid var(--mud-palette-primary);
    border-bottom: 1px solid var(--mud-palette-divider);
    display: flex;
    flex-direction: column;
    gap: 2px;
}

/*---------------------STYLES BY GPT--------------------*/
/* Overlay */
.eod-dialog-overlay[b-w0y2kwrwsy] {
    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: 9999;
    padding: 16px;
    animation: eodFadeIn-b-w0y2kwrwsy 0.15s ease-out;
}

/* Dialog */
.eod-dialog[b-w0y2kwrwsy] {
    width: 100%;
    max-width: 460px;
    background: var(--mud-palette-surface);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.12);
    border: 1px solid rgba(220, 38, 38, 0.15);
    animation: eodDialogEnter-b-w0y2kwrwsy 0.18s ease-out;
}

/* Header */
.eod-dialog-head[b-w0y2kwrwsy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 18px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
    background: linear-gradient( to right, rgba(220, 38, 38, 0.06), rgba(220, 38, 38, 0.01) );
}

/* Body */
.eod-dialog-body[b-w0y2kwrwsy] {
    padding: 18px;
}

    .eod-dialog-body .mud-alert[b-w0y2kwrwsy] {
        border-left: 4px solid var(--mud-palette-error);
    }

/* Footer */
.eod-dialog-foot[b-w0y2kwrwsy] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 14px 18px;
    border-top: 1px solid var(--mud-palette-lines-default);
    background: rgba(0, 0, 0, 0.015);
}

    /* Optional: make buttons feel more modern */
    .eod-dialog-foot .mud-button-root[b-w0y2kwrwsy] {
        min-width: 120px;
        font-weight: 600;
    }

    /* Loading state */
    .eod-dialog-foot .mud-progress-circular[b-w0y2kwrwsy] {
        margin-right: 8px;
    }

/* Animations */
@keyframes eodFadeIn-b-w0y2kwrwsy {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes eodDialogEnter-b-w0y2kwrwsy {
    from {
        opacity: 0;
        transform: translateY(10px) scale(0.98);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* Mobile */
@media (max-width: 600px) {
    .eod-dialog[b-w0y2kwrwsy] {
        max-width: 100%;
        border-radius: 10px;
    }

    .eod-dialog-head[b-w0y2kwrwsy],
    .eod-dialog-body[b-w0y2kwrwsy],
    .eod-dialog-foot[b-w0y2kwrwsy] {
        padding-left: 14px;
        padding-right: 14px;
    }

    .eod-dialog-foot[b-w0y2kwrwsy] {
        flex-direction: column-reverse;
    }

        .eod-dialog-foot .mud-button-root[b-w0y2kwrwsy] {
            width: 100%;
        }
}

/* ── Repair context strip (shown for repaired stones) ─────────────────────── */
.rtpd-repair-strip[b-w0y2kwrwsy] {
    display: flex;
    gap: 20px;
    padding: 5px 12px;
    margin: 0 0 4px;
    border-left: 3px solid var(--mud-palette-warning);
    background: var(--mud-palette-background-grey);
}

.rtpd-repair-stat[b-w0y2kwrwsy] {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}

.rtpd-repair-label[b-w0y2kwrwsy] {
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--mud-palette-text-disabled);
}

.rtpd-repair-val[b-w0y2kwrwsy] {
    font-size: 12px;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.rtpd-repair-loss[b-w0y2kwrwsy] {
    color: var(--mud-palette-warning-darken);
}
/* /Pages/Stock/SalesDetail.razor.rz.scp.css */
/* ── Shell ─────────────────────────────────────────────────────────────────── */
.sd-shell[b-pg9skpggx2] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 64px);
    overflow: hidden;
}

.sd-center[b-pg9skpggx2] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60vh;
}

.sd-topbar[b-pg9skpggx2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 14px;
    border-bottom: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-surface);
    flex-shrink: 0;
    gap: 8px;
    flex-wrap: wrap;
}

.sd-chip[b-pg9skpggx2] {
    display: inline-block;
    padding: 1px 8px;
    border-radius: 99px;
    font-size: 10px;
    font-weight: 700;
    white-space: nowrap;
}

/* ── Body split ───────────────────────────────────────────────────────────── */
.sd-body[b-pg9skpggx2] {
    flex: 1;
    display: flex;
    gap: 10px;
    overflow: hidden;
    padding: 10px;
}

.sd-left[b-pg9skpggx2] {
    flex: 1;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 0;
}

.sd-right[b-pg9skpggx2] {
    width: 320px;
    flex-shrink: 0;
    overflow-y: auto;
    border-left: 1px solid var(--mud-palette-divider);
    padding: 12px;
}

[b-pg9skpggx2] .sd-card {
    border: 1px solid var(--mud-palette-divider);
    border-radius: 8px;
    padding: 12px;
    background: var(--mud-palette-surface);
}

[b-pg9skpggx2] .sd-title {
    background: var(--mud-palette-table-hover);
}

/* ── Meta grid ────────────────────────────────────────────────────────────── */
.sd-meta-grid[b-pg9skpggx2] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 12px;
}

.sd-meta[b-pg9skpggx2] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.sd-meta-lbl[b-pg9skpggx2] {
    font-size: 10px;
    text-transform: uppercase;
    color: var(--mud-palette-text-secondary);
    font-weight: 700;
}

.sd-meta-val[b-pg9skpggx2] {
    font-size: 13px;
    font-weight: 600;
}

/* ── Line table ───────────────────────────────────────────────────────────── */
.sd-table-wrap[b-pg9skpggx2] {
    overflow-x: auto;
}

.sd-line-table[b-pg9skpggx2] {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}

    .sd-line-table thead th[b-pg9skpggx2] {
        font-size: 10px;
        text-transform: uppercase;
        color: var(--mud-palette-text-secondary);
        font-weight: 700;
        padding: 6px 6px;
        border-bottom: 1px solid var(--mud-palette-divider);
        text-align: left;
        white-space: nowrap;
    }

        .sd-line-table thead th.num[b-pg9skpggx2] {
            text-align: right;
        }

    .sd-line-table tbody td[b-pg9skpggx2] {
        padding: 5px 6px;
        border-bottom: 1px solid var(--mud-palette-divider);
        vertical-align: middle;
    }

        .sd-line-table tbody td.num[b-pg9skpggx2] {
            text-align: right;
        }

    .sd-line-table tfoot td[b-pg9skpggx2] {
        padding: 6px;
    }

.sd-line-total[b-pg9skpggx2] {
    font-weight: 700;
    background: var(--mud-palette-table-striped);
    border-top: 2px solid var(--mud-palette-divider);
}

.sd-muted[b-pg9skpggx2] {
    color: var(--mud-palette-text-secondary);
}

.sd-params[b-pg9skpggx2] {
    display: block;
    font-size: 10px;
    color: var(--mud-palette-text-secondary);
}

/* ── Charge rows ──────────────────────────────────────────────────────────── */
.sd-charge-row[b-pg9skpggx2] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 5px 0;
    font-size: 13px;
    border-bottom: 1px solid var(--mud-palette-divider);
}

    .sd-charge-row:last-child[b-pg9skpggx2] {
        border-bottom: none;
    }

.sd-charge-sign[b-pg9skpggx2] {
    font-size: 18px;
    font-weight: 800;
    width: 16px;
    text-align: center;
}

/* ── Totals panel ─────────────────────────────────────────────────────────── */
.sd-totals[b-pg9skpggx2] {
    border: 1px solid var(--mud-palette-divider);
    border-radius: 8px;
    padding: 14px;
    background: var(--mud-palette-surface);
    position: sticky;
    top: 0;
}

.sd-total-line[b-pg9skpggx2] {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    padding: 4px 0;
}

    .sd-total-line span:first-child[b-pg9skpggx2] {
        color: var(--mud-palette-text-secondary);
    }

    .sd-total-line span:last-child[b-pg9skpggx2] {
        font-weight: 600;
    }

.sd-grand[b-pg9skpggx2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 2px solid var(--mud-palette-divider);
    font-size: 18px;
    font-weight: 800;
    color: var(--mud-palette-primary);
}

.sd-grand-inr[b-pg9skpggx2] {
    text-align: right;
    font-size: 12px;
    color: var(--mud-palette-text-secondary);
    margin-top: 2px;
}

/* ── v2 dual-currency additions ─────────────────────────────────────────── */
.sd-section-head[b-pg9skpggx2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.sd-dual-note[b-pg9skpggx2] {
    font-size: 10px;
    color: var(--mud-palette-text-secondary);
    text-transform: uppercase;
    font-weight: 700;
}

.sd-usd-col[b-pg9skpggx2] {
    background: var(--mud-palette-table-striped);
    color: var(--mud-palette-text-secondary);
}
/* /Pages/Stock/SalesForm.razor.rz.scp.css */
/* ── Shell ─────────────────────────────────────────────────────────────────── */
.sf-shell[b-f8enqjz4p2] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 64px);
    overflow: hidden;
}

.sf-center[b-f8enqjz4p2] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60vh;
}

.sf-topbar[b-f8enqjz4p2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 14px;
    border-bottom: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-surface);
    flex-shrink: 0;
    gap: 8px;
    flex-wrap: wrap;
}

/* ── Body split ───────────────────────────────────────────────────────────── */
.sf-body[b-f8enqjz4p2] {
    flex: 1;
    display: flex;
    gap: 10px;
    overflow: hidden;
    padding: 10px;
}

.sf-left[b-f8enqjz4p2] {
    flex: 1;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 0;
}

.sf-right[b-f8enqjz4p2] {
    width: 320px;
    flex-shrink: 0;
    overflow-y: auto;
}

[b-f8enqjz4p2] .sf-card {
    border: 1px solid var(--mud-palette-divider);
    border-radius: 8px;
    padding: 12px;
    background: var(--mud-palette-surface);
}

.sf-section-head[b-f8enqjz4p2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.sf-empty[b-f8enqjz4p2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 24px 0;
    text-align: center;
}

/* ── Line table ───────────────────────────────────────────────────────────── */
.sf-table-wrap[b-f8enqjz4p2] {
    overflow-x: auto;
}

.sf-line-table[b-f8enqjz4p2] {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}

    .sf-line-table thead th[b-f8enqjz4p2] {
        font-size: 10px;
        text-transform: uppercase;
        color: var(--mud-palette-text-secondary);
        font-weight: 700;
        padding: 6px 6px;
        border-bottom: 1px solid var(--mud-palette-divider);
        text-align: left;
        white-space: nowrap;
    }

        .sf-line-table thead th.num[b-f8enqjz4p2] {
            text-align: right;
        }

    .sf-line-table tbody td[b-f8enqjz4p2] {
        padding: 3px 6px;
        border-bottom: 1px solid var(--mud-palette-divider);
        vertical-align: middle;
    }

        .sf-line-table tbody td.num[b-f8enqjz4p2] {
            text-align: right;
        }

.sf-readonly[b-f8enqjz4p2] {
    color: var(--mud-palette-text-secondary);
    font-weight: 600;
}

.sf-params[b-f8enqjz4p2] {
    display: block;
    font-size: 10px;
    color: var(--mud-palette-text-secondary);
}

/* tighten the inline numeric inputs */
.sf-inp[b-f8enqjz4p2] {
    min-width: 84px;
}

    .sf-inp[b-f8enqjz4p2]  input {
        text-align: right;
        font-size: 12px;
    }

.sf-inp-strong[b-f8enqjz4p2]  input {
    font-weight: 700;
    color: var(--mud-palette-primary);
}

/* ── Charge rows ──────────────────────────────────────────────────────────── */
.sf-charge-row[b-f8enqjz4p2] {
    display: flex;
    align-items: center;
    justify-content:flex-start;
    gap: 8px;
    padding: 4px 0;
   
}



.sf-charge-sign[b-f8enqjz4p2] {
    font-size: 18px;
    font-weight: 800;
    width: 16px;
    text-align: center;
}

/* ── Totals panel ─────────────────────────────────────────────────────────── */
.sf-totals[b-f8enqjz4p2] {
    border: 1px solid var(--mud-palette-divider);
    border-radius: 8px;
    padding: 14px;
    background: var(--mud-palette-surface);
    position: sticky;
    top: 0;
}

.sf-totals-head[b-f8enqjz4p2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--mud-palette-divider);
}

.sf-total-line[b-f8enqjz4p2] {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    padding: 4px 0;
}

    .sf-total-line span:first-child[b-f8enqjz4p2] {
        color: var(--mud-palette-text-secondary);
    }

    .sf-total-line span:last-child[b-f8enqjz4p2] {
        font-weight: 600;
    }

.sf-due[b-f8enqjz4p2] {
    font-size: 11px;
    color: var(--mud-palette-text-secondary);
    text-align: right;
    margin-top: -2px;
    margin-bottom: 4px;
}

.sf-grand[b-f8enqjz4p2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 2px solid var(--mud-palette-divider);
    font-size: 18px;
    font-weight: 800;
    color: var(--mud-palette-primary);
}

.sf-grand-inr[b-f8enqjz4p2] {
    text-align: right;
    font-size: 12px;
    color: var(--mud-palette-text-secondary);
    margin-top: 2px;
}

/* ── Picker drawer ────────────────────────────────────────────────────────── */
.sf-drawer-head[b-f8enqjz4p2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 14px;
    border-bottom: 1px solid var(--mud-palette-divider);
}

.sf-drawer-search[b-f8enqjz4p2] {
    padding: 10px 14px;
    border-bottom: 1px solid var(--mud-palette-divider);
}

.sf-drawer-body[b-f8enqjz4p2] {
    overflow-y: auto;
    padding: 6px;
}

.sf-pick-row[b-f8enqjz4p2] {
    display: grid;
    grid-template-columns: 1fr auto auto;
    gap: 10px;
    align-items: center;
    padding: 8px 10px;
    border-bottom: 1px solid var(--mud-palette-divider);
    cursor: pointer;
    border-radius: 6px;
}

    .sf-pick-row:hover[b-f8enqjz4p2] {
        background: var(--mud-palette-action-default-hover);
    }

[b-f8enqjz4p2] .sf-text-right .mud-input-slot {
    text-align: right;
}
/* /Pages/Stock/SalesList.razor.rz.scp.css */
/* ── Shell & top bar ──────────────────────────────────────────────────────── */
.sl-shell[b-xh71yk4bkd] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 64px);
    overflow: hidden;
}

.sl-topbar[b-xh71yk4bkd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 14px;
    border-bottom: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-surface);
    flex-shrink: 0;
    gap: 8px;
    flex-wrap: wrap;
}

.sl-topbar-left[b-xh71yk4bkd] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.sl-grid-wrap[b-xh71yk4bkd] {
    flex: 1;
    overflow: auto;
}

.sl-center[b-xh71yk4bkd] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60vh;
}

.sl-empty[b-xh71yk4bkd] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 32px 0;
}

.sl-chip[b-xh71yk4bkd] {
    display: inline-block;
    padding: 1px 7px;
    border-radius: 99px;
    font-size: 10px;
    font-weight: 700;
    white-space: nowrap;
}

/* ── List page summary bar ───────────────────────────────────────────────── */
.sl-summary-bar[b-xh71yk4bkd] {
    display: flex;
    align-items: center;
    padding: 6px 14px;
    background: var(--mud-palette-table-striped);
    border-bottom: 1px solid var(--mud-palette-divider);
    font-size: 12px;
    flex-shrink: 0;
    gap: 0;
    flex-wrap: wrap;
}

.sl-sum-item[b-xh71yk4bkd] {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    min-width: 80px;
}

.sl-sum-sep[b-xh71yk4bkd] {
    width: 1px;
    height: 28px;
    background: var(--mud-palette-divider);
}

.sl-sum-lbl[b-xh71yk4bkd] {
    font-size: 10px;
    color: var(--mud-palette-text-secondary);
    text-transform: uppercase;
}

.sl-sum-val[b-xh71yk4bkd] {
    font-size: 13px;
    font-weight: 700;
}
/* /Pages/Stock/StoneGrading.razor.rz.scp.css */
/* ── Shell ────────────────────────────────────────────────────────────────── */
.sg-shell[b-4lwfa7zvkv] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 64px);
    overflow: hidden;
    background: var(--mud-palette-background);
}

/* ── Top bar ─────────────────────────────────────────────────────────────── */
.sg-topbar[b-4lwfa7zvkv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 16px;
    gap: 12px;
    flex-shrink: 0;
    border-bottom: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-surface);
}

.sg-topbar-left[b-4lwfa7zvkv] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.sg-topbar-right[b-4lwfa7zvkv] {
    display: flex;
    align-items: center;
    gap: 6px;
}

/* ── Body ────────────────────────────────────────────────────────────────── */
.sg-body[b-4lwfa7zvkv] {
    display: flex;
    flex: 1;
    overflow: hidden;
}

/* ── Left panel ──────────────────────────────────────────────────────────── */
.sg-left[b-4lwfa7zvkv] {
    width: 448px;
    min-width: 240px;
    overflow-y: auto;
    padding: 10px;
    border-right: 1px solid var(--mud-palette-divider);
    flex-shrink: 0;
    background: var(--mud-palette-surface);
}

/* ── Right panel ─────────────────────────────────────────────────────────── */
.sg-right[b-4lwfa7zvkv] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.sg-right-scroll[b-4lwfa7zvkv] {
    flex: 1;
    overflow-y: auto;
    padding: 10px 14px;
}

/* ── Card ────────────────────────────────────────────────────────────────── */
.sg-card[b-4lwfa7zvkv] {
    border: 1px solid var(--mud-palette-divider);
    border-radius: 8px;
    background: var(--mud-palette-surface);
    overflow: hidden;
    margin-bottom: 10px;
}
/* Dark-theme fix: was hardcoded #f0f0f0 */
.sg-card-head[b-4lwfa7zvkv] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 7px 12px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--mud-palette-text-secondary);
    background: var(--mud-palette-table-striped);
    border-bottom: 1px solid var(--mud-palette-divider);
}

/* ── Info grid ───────────────────────────────────────────────────────────── */
.sg-info-grid[b-4lwfa7zvkv] {
    display: grid;
    grid-template-columns: 144px 1fr;
    gap: 3px 3px;
    padding: 8px 12px;
    font-size: 12px;
}

.sg-label[b-4lwfa7zvkv] {
    color: var(--mud-palette-text-secondary);
    align-self: center;
}

.sg-val[b-4lwfa7zvkv] {
    align-self: center;
}

.sg-val--bold[b-4lwfa7zvkv] {
    font-weight: 700;
}

/* ── Parameter display grid ──────────────────────────────────────────────── */
.sg-param-grid[b-4lwfa7zvkv] {
    display: grid;
    grid-template-columns: 144px 1fr;
    gap: 3px 3px;
    padding: 8px 12px;
    font-size: 12px;
}

/* ── Badges ──────────────────────────────────────────────────────────────── */
/* Dark-theme fix: was hardcoded #e3f2fd / #1565c0 */
.sg-stage-badge[b-4lwfa7zvkv] {
    font-size: 10px;
    font-weight: 600;
    background: var(--mud-palette-info-hover);
    color: var(--mud-palette-primary);
    padding: 1px 8px;
    border-radius: 99px;
}

.sg-count-badge[b-4lwfa7zvkv] {
    font-size: 10px;
    font-weight: 600;
    background: var(--mud-palette-divider);
    color: var(--mud-palette-text-secondary);
    padding: 1px 7px;
    border-radius: 99px;
}

.sg-badge[b-4lwfa7zvkv] {
    font-size: 10px;
    font-weight: 700;
    padding: 1px 7px;
    border-radius: 99px;
}

/* ── Form ────────────────────────────────────────────────────────────────── */
.sg-form-card[b-4lwfa7zvkv] {
    margin-bottom: 10px;
}

.sg-form-header[b-4lwfa7zvkv] {
    padding: 10px 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.sg-form-footer[b-4lwfa7zvkv] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 10px 14px;
    border-top: 2px solid var(--mud-palette-divider);
    background: var(--mud-palette-surface);
    flex-shrink: 0;
}

.sg-form-row[b-4lwfa7zvkv] {
    display: flex;
    gap: 8px;
}

.sg-param-section-label[b-4lwfa7zvkv] {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--mud-palette-text-secondary);
    padding: 6px 12px 4px;
    border-top: 1px solid var(--mud-palette-divider);
}

.sg-param-form-grid[b-4lwfa7zvkv] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 6px;
    padding: 0 12px 10px;
}

.sg-param-form-row[b-4lwfa7zvkv] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 4px 6px;
    border-radius: 4px;
}
/* Dark-theme fix: was hardcoded #fffbeb / #f59e0b */
.sg-param-changed[b-4lwfa7zvkv] {
    background: var(--mud-palette-warning-hover);
    border-left: 2px solid var(--mud-palette-warning);
}

.sg-param-label-wrap[b-4lwfa7zvkv] {
    display: flex;
    align-items: baseline;
    gap: 6px;
}

.sg-param-name[b-4lwfa7zvkv] {
    font-size: 11px;
    font-weight: 600;
}
/* Dark-theme fix: was hardcoded #888 */
.sg-param-current[b-4lwfa7zvkv] {
    font-size: 10px;
    color: var(--mud-palette-text-secondary);
    font-style: italic;
}

.sg-price-grid[b-4lwfa7zvkv] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 8px;
    padding: 0 12px 10px;
}

    .sg-price-grid > :nth-child(4)[b-4lwfa7zvkv] {
        grid-column: 1 / span 3;
    }

/* ── Timeline ────────────────────────────────────────────────────────────── */
.sg-timeline[b-4lwfa7zvkv] {
    padding: 8px 12px;
    display: flex;
    flex-direction: column;
    gap: 0;
}

.sg-timeline-item[b-4lwfa7zvkv] {
    display: flex;
    gap: 10px;
    padding: 8px 6px;
    border-radius: 6px;
    cursor: pointer;
    border-bottom: 1px solid var(--mud-palette-divider);
    transition: background .1s;
}

    .sg-timeline-item:hover[b-4lwfa7zvkv] {
        background: var(--mud-palette-table-striped);
    }
/* Dark-theme fix: was hardcoded #f0f7ff / #1565c0 */
.sg-timeline-item--selected[b-4lwfa7zvkv] {
    background: var(--mud-palette-info-hover);
    border-left: 3px solid var(--mud-palette-primary);
}

/* Dark-theme fix: was hardcoded #ccc border */
.sg-tl-dot[b-4lwfa7zvkv] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--mud-palette-divider);
    margin-top: 5px;
    flex-shrink: 0;
    border: 2px solid var(--mud-palette-action-disabled);
}
/* Dark-theme fix: was hardcoded #2e7d32 */
.sg-tl-dot--applied[b-4lwfa7zvkv] {
    background: var(--mud-palette-success);
    border-color: var(--mud-palette-success);
}

.sg-tl-content[b-4lwfa7zvkv] {
    flex: 1;
}

.sg-tl-head[b-4lwfa7zvkv] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    font-size: 12px;
}

.sg-tl-stage[b-4lwfa7zvkv] {
    font-weight: 700;
    font-size: 12px;
}
/* Dark-theme fix: was hardcoded #888 */
.sg-tl-date[b-4lwfa7zvkv] {
    font-size: 11px;
    color: var(--mud-palette-text-secondary);
    margin-left: auto;
}
/* Dark-theme fix: was hardcoded #666 */
.sg-tl-meta[b-4lwfa7zvkv] {
    font-size: 11px;
    color: var(--mud-palette-text-secondary);
    margin-top: 2px;
}

.sg-tl-notes[b-4lwfa7zvkv] {
    font-style: italic;
}

.sg-tl-params[b-4lwfa7zvkv] {
    display: grid;
    grid-template-columns: 110px 1fr;
    gap: 2px 52px;
    margin-top: 8px;
    font-size: 12px;
    padding: 6px 8px;
    background: var(--mud-palette-background);
    border-radius: 4px;
}

.sg-tl-actions[b-4lwfa7zvkv] {
    display: flex;
    gap: 6px;
    margin-top: 8px;
}
/* /Pages/Stock/StoneHistory.razor.rz.scp.css */
.sh-shell[b-tcvlil0zyh] {
    padding: 1.5rem;
    max-width: 920px;
    margin: 0 auto;
}

.sh-header[b-tcvlil0zyh] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
}

.sh-header-titles[b-tcvlil0zyh] {
    flex: 1 1 360px;
    min-width: 0;
}

.sh-title[b-tcvlil0zyh] {
    font-weight: 600;
}

.sh-subtitle[b-tcvlil0zyh] {
    color: var(--mud-palette-text-secondary);
    max-width: 60ch;
    margin-top: .25rem;
}

.sh-lookup[b-tcvlil0zyh] {
    flex: 0 0 240px;
}

.sh-center[b-tcvlil0zyh], .sh-empty[b-tcvlil0zyh] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    padding: 3rem 1rem;
    color: var(--mud-palette-text-secondary);
}

.sh-empty-icon[b-tcvlil0zyh] {
    font-size: 2.5rem;
    opacity: .5;
}

.sh-alert[b-tcvlil0zyh] {
    margin-top: 1rem;
}

/* Stone summary strip */
.sh-stone-strip[b-tcvlil0zyh] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    flex-wrap: wrap;
    padding: .85rem 1.1rem;
    margin-bottom: 1.5rem;
    border-radius: 10px;
    background: var(--mud-palette-background-grey);
    border: 1px solid var(--mud-palette-lines-default);
}

.sh-stone-id[b-tcvlil0zyh] {
    font-size: 1.05rem;
    font-weight: 700;
    letter-spacing: .02em;
}

.sh-stone-meta[b-tcvlil0zyh] {
    display: flex;
    gap: 1.25rem;
    flex-wrap: wrap;
}

.sh-meta-item[b-tcvlil0zyh] {
    font-size: .85rem;
    color: var(--mud-palette-text-primary);
}

.sh-meta-k[b-tcvlil0zyh] {
    color: var(--mud-palette-text-secondary);
    margin-right: .35rem;
    text-transform: uppercase;
    font-size: .68rem;
    letter-spacing: .04em;
}

/* Timeline */
.sh-timeline[b-tcvlil0zyh] {
    display: flex;
    flex-direction: column;
}

.sh-op[b-tcvlil0zyh] {
    display: grid;
    grid-template-columns: 28px 1fr;
    gap: .75rem;
}

.sh-op-rail[b-tcvlil0zyh] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sh-op-dot[b-tcvlil0zyh] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-top: 1.15rem;
    background: var(--mud-palette-primary);
    flex: 0 0 auto;
}
/* the connecting line runs through the rail between dots */
.sh-op-rail[b-tcvlil0zyh]::after {
    content: "";
    flex: 1 1 auto;
    width: 2px;
    background: var(--mud-palette-lines-default);
}

.sh-op:last-child .sh-op-rail[b-tcvlil0zyh]::after {
    display: none;
}

.sh-op-card[b-tcvlil0zyh] {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 10px;
    padding: .85rem 1rem;
    margin-bottom: 1rem;
    background: var(--mud-palette-surface);
    flex: 1 1 auto;
}

.sh-op-top[b-tcvlil0zyh] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 1rem;
    flex-wrap: wrap;
}

.sh-op-typewrap[b-tcvlil0zyh] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.sh-op-type[b-tcvlil0zyh] {
    font-weight: 600;
}

.sh-op-when[b-tcvlil0zyh] {
    font-size: .78rem;
    color: var(--mud-palette-text-secondary);
    white-space: nowrap;
}

.sh-op-who[b-tcvlil0zyh] {
    font-size: .82rem;
    color: var(--mud-palette-text-secondary);
    margin-top: .15rem;
}

.sh-op-reason[b-tcvlil0zyh] {
    font-style: italic;
}

.sh-op-fields[b-tcvlil0zyh] {
    margin: .6rem 0 0;
    padding-left: 1.1rem;
}

    .sh-op-fields li[b-tcvlil0zyh] {
        font-size: .82rem;
        color: var(--mud-palette-text-primary);
        margin: .15rem 0;
        font-variant-numeric: tabular-nums;
    }

.sh-op-actions[b-tcvlil0zyh] {
    margin-top: .75rem;
}

/* State accents — the dot colour encodes the operation's standing */
.sh-op--undone .sh-op-dot[b-tcvlil0zyh] {
    background: var(--mud-palette-text-disabled);
}

.sh-op--undone .sh-op-card[b-tcvlil0zyh] {
    opacity: .72;
}

.sh-op--undo .sh-op-dot[b-tcvlil0zyh] {
    background: var(--mud-palette-warning);
}

.sh-badge[b-tcvlil0zyh] {
    font-size: .66rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    padding: .1rem .4rem;
    border-radius: 4px;
}

.sh-badge-undo[b-tcvlil0zyh] {
    background: var(--mud-palette-warning-hover);
    color: var(--mud-palette-warning-darken);
}

.sh-badge-undone[b-tcvlil0zyh] {
    background: var(--mud-palette-action-disabled-background);
    color: var(--mud-palette-text-disabled);
}

@media (max-width: 640px) {
    .sh-shell[b-tcvlil0zyh] {
        padding: 1rem;
    }

    .sh-lookup[b-tcvlil0zyh] {
        flex-basis: 100%;
    }
}
/* /Pages/Stock/StoneSearch.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════
   StoneSearch.razor.css  —  prefix: ss-
   NOTE: selectors targeting MudBlazor internals use ::deep so Blazor CSS
   isolation does not scope them away from child component DOM nodes.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Shell ──────────────────────────────────────────────────────────────── */
.ss-shell[b-h8ijb55mqz] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 64px);
    overflow: hidden;
    background: var(--mud-palette-background);
}

/* ── Top bar ────────────────────────────────────────────────────────────── */
.ss-topbar[b-h8ijb55mqz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 14px;
    border-bottom: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-surface);
    flex-shrink: 0;
    gap: 12px;
}

.ss-topbar-left[b-h8ijb55mqz] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ss-topbar-right[b-h8ijb55mqz] {
    display: flex;
    align-items: center;
    gap: 4px;
}

/* ── Selection badge ────────────────────────────────────────────────────── */
.ss-sel-badge[b-h8ijb55mqz] {
    display: inline-block;
    background: var(--mud-palette-primary);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    padding: 1px 8px;
    border-radius: 99px;
    margin-left: 6px;
    vertical-align: middle;
}

/* ── Currency toggle ────────────────────────────────────────────────────── */
.ss-currency-toggle[b-h8ijb55mqz] {
    display: flex;
    border: 1px solid var(--mud-palette-primary);
    border-radius: 6px;
    overflow: hidden;
}

    .ss-currency-toggle button[b-h8ijb55mqz] {
        padding: 3px 12px;
        font-size: 11px;
        font-weight: 600;
        border: none;
        background: transparent;
        cursor: pointer;
        color: var(--mud-palette-primary);
        transition: background .15s, color .15s;
        line-height: 1.6;
    }

        .ss-currency-toggle button.ss-cur-active[b-h8ijb55mqz] {
            background: var(--mud-palette-primary);
            color: #fff;
        }

/* ── Scan bar ───────────────────────────────────────────────────────────── */
.ss-scan-bar[b-h8ijb55mqz] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 14px;
    background: color-mix(in srgb, var(--mud-palette-success) 10%, var(--mud-palette-surface));
    border-bottom: 2px solid var(--mud-palette-success);
    flex-shrink: 0;
}

/* ── Filter panel ───────────────────────────────────────────────────────── */
.ss-filter-panel[b-h8ijb55mqz] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 8px 14px 6px;
    border-bottom: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-surface);
    flex-shrink: 0;
    font-size: 11px;
}

/* MudBlazor internal overrides are in StoneSearch.razor <style> block — ::deep not valid in .css files */

.ss-filter-row[b-h8ijb55mqz] {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    flex-wrap: wrap;
}

.ss-filter-col[b-h8ijb55mqz] {
    min-width: 110px;
    flex: 1;
}

.ss-filter-col--narrow[b-h8ijb55mqz] {
    min-width: 80px;
    flex: 0.7;
}

.ss-filter-col--bulk[b-h8ijb55mqz] {
    min-width: 160px;
    flex: 1.2;
}

/* ── Bulk radios ────────────────────────────────────────────────────────── */
.ss-bulk-radios[b-h8ijb55mqz] {
    display: flex;
    gap: 8px;
    margin-bottom: 3px;
}

.ss-radio-label[b-h8ijb55mqz] {
    display: flex;
    align-items: center;
    gap: 3px;
    font-size: 11px;
    cursor: pointer;
}

/* ── Search / Clear buttons ─────────────────────────────────────────────── */
.ss-filter-actions[b-h8ijb55mqz] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    justify-content: center;
    flex-shrink: 0;
    align-self: center;
    padding-top: 2px;
}

/* ── Action bar ─────────────────────────────────────────────────────────── */
.ss-action-bar[b-h8ijb55mqz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    padding: 6px 14px;
    background: color-mix(in srgb, var(--mud-palette-primary) 8%, var(--mud-palette-surface));
    border-bottom: 1px solid color-mix(in srgb, var(--mud-palette-primary) 25%, var(--mud-palette-surface));
    flex-shrink: 0;
}

/* ── Grid wrapper ───────────────────────────────────────────────────────── */
.ss-grid-wrap[b-h8ijb55mqz] {
    flex: 1;
    overflow-y: auto; 
    overflow-x: auto; 
    height: 100%;
    position: relative;
}

/* MudDataGrid fills wrapper */
[b-h8ijb55mqz] .ss-datagrid {
    /*    min-width: max-content;*/
    display: flex;
    flex-direction: column;
    height: 100%;
}

    [b-h8ijb55mqz] .ss-datagrid .mud-table-container {
        flex: 1;
        overflow: auto !important;
        max-height: calc(100vh - 180px);
    }

    [b-h8ijb55mqz] .ss-datagrid .mud-table-head {
        position: sticky !important;
        top: 0 !important;
        z-index: 10 !important; /* Keeps row labels stacked strictly on top */
    }

        [b-h8ijb55mqz] .ss-datagrid .mud-table-head .mud-table-cell {
            position: sticky !important;
            top: 0 !important;
            background-color: var(--mud-palette-surface) !important; /* Keeps background filled opaque during scroll overlays */
        }

.ss-small-chip[b-h8ijb55mqz] {
    display: inline-flex;
    align-items: center;
    margin: 0;
}

/* ── Cell elements (own DOM — no ::deep needed) ─────────────────────────── */
.ss-stoneid-cell[b-h8ijb55mqz] {
    display: flex;
    align-items: center;
    gap: 3px;
}

.ss-stoneid[b-h8ijb55mqz] {
    font-weight: 700;
    font-size: 11.5px;
    color: var(--mud-palette-primary);
}

.ss-lot[b-h8ijb55mqz] {
    font-weight: 600;
    font-size: 11.5px;
}

.ss-dim[b-h8ijb55mqz] {
    color: var(--mud-palette-text-secondary);
    font-size: 11px;
}

.ss-location[b-h8ijb55mqz] {
    font-size: 11px;
    color: var(--mud-palette-text-secondary);
}

.ss-flag-icon[b-h8ijb55mqz] {
    font-size: 12px !important;
}

/* ── Stone Age ──────────────────────────────────────────────────────────── */
.ss-age[b-h8ijb55mqz] {
    font-size: 11px;
    font-weight: 600;
    color: var(--mud-palette-success-darken);
}

.ss-age--warn[b-h8ijb55mqz] {
    color: var(--mud-palette-warning-darken);
}

.ss-age--old[b-h8ijb55mqz] {
    color: var(--mud-palette-error);
}

/* ── Grid footer ────────────────────────────────────────────────────────── */
.ss-grid-footer[b-h8ijb55mqz] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 4px 12px;
    font-size: 11.5px;
    background: var(--mud-palette-table-striped);
    border-top: 1px solid var(--mud-palette-divider);
    color: var(--mud-palette-text-secondary);
    flex-shrink: 0;
}

.ss-footer-label[b-h8ijb55mqz] {
    font-weight: 700;
    color: var(--mud-palette-primary);
}

.ss-footer-sep[b-h8ijb55mqz] {
    color: var(--mud-palette-divider);
}

.ss-footer-item[b-h8ijb55mqz] {
    white-space: nowrap;
}

    .ss-footer-item strong[b-h8ijb55mqz] {
        color: var(--mud-palette-text-primary);
    }

/* ── Empty / loading states ─────────────────────────────────────────────── */
.ss-empty[b-h8ijb55mqz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 0;
}

.ss-center-spinner[b-h8ijb55mqz] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60vh;
}

[b-h8ijb55mqz] .ss-datagrid .mud-table-cell {
    padding: 1px 6px !important; /* Tighten left/right and up/down padding */
    font-size: 11px !important; /* Slightly smaller font for extreme density */
    line-height: 1.1 !important; /* Forces text rows closer together */
    white-space: nowrap;
}

[b-h8ijb55mqz] .ss-datagrid .mud-table-head .mud-table-cell {
    padding: 3px 6px !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
}

[b-h8ijb55mqz] .ss-datagrid .ss-small-chip {
    height: 16px !important; /* Make chip background slim */
    line-height: 14px !important;
    margin: 0 !important; /* Eliminate default margins throwing off row heights */
    padding: 0 4px !important;
}

    /* 5. MudBlazor v9+ internal root structural wrapper override for chip components */
    [b-h8ijb55mqz] .ss-datagrid .ss-small-chip .mud-chip-content {
        font-size: 9px !important; /* Extra tiny font for statuses like 'InStock' */
        padding-left: 2px !important;
        padding-right: 2px !important;
    }


/* ═══════════════════════════════════════════════════════════════════════════
   EXPENSES DRAWER  —  prefix: exp-
   ═══════════════════════════════════════════════════════════════════════════ */

.exp-summary-bar[b-h8ijb55mqz] {
    display: flex;
    align-items: center;
    gap: 0;
    padding: 8px 14px;
    border-bottom: 1px solid var(--mud-palette-divider);
    font-size: 12px;
    flex-shrink: 0;
}

.exp-sum-item[b-h8ijb55mqz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
}

.exp-sum-sep[b-h8ijb55mqz] {
    width: 1px;
    height: 28px;
    background: var(--mud-palette-divider);
}

.exp-sum-label[b-h8ijb55mqz] {
    font-size: 10px;
    color: var(--mud-palette-text-secondary);
    text-transform: uppercase;
}

.exp-sum-val[b-h8ijb55mqz] {
    font-size: 13px;
    font-weight: 700;
}

.exp-sum-val--pay[b-h8ijb55mqz] {
    color: #b45309;
}
/* semantic: payable = amber */
.exp-sum-val--rcv[b-h8ijb55mqz] {
    color: #1565c0;
}
/* semantic: receivable = blue */

.exp-tabs[b-h8ijb55mqz] {
    display: flex;
    border-bottom: 2px solid var(--mud-palette-divider);
    flex-shrink: 0;
}

.exp-tab[b-h8ijb55mqz] {
    flex: 1;
    padding: 8px 4px;
    font-size: 12px;
    font-weight: 600;
    border: none;
    background: transparent;
    cursor: pointer;
    color: var(--mud-palette-text-secondary);
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.exp-tab--active[b-h8ijb55mqz] {
    color: #1565c0;
    border-bottom-color: #1565c0;
}

    .exp-tab--active.exp-tab--pay[b-h8ijb55mqz] {
        color: #b45309;
        border-bottom-color: #b45309;
    }

    .exp-tab--active.exp-tab--rcv[b-h8ijb55mqz] {
        color: #1565c0;
        border-bottom-color: #1565c0;
    }

.exp-tab-count[b-h8ijb55mqz] {
    font-size: 10px;
    background: var(--mud-palette-divider);
    padding: 1px 6px;
    border-radius: 99px;
}

.exp-charges-wrap[b-h8ijb55mqz] {
    flex: 1;
    overflow-y: auto;
    padding: 0 0 8px;
}

.exp-empty[b-h8ijb55mqz] {
    font-size: 12px;
    color: var(--mud-palette-text-secondary);
    font-style: italic;
    padding: 20px 14px;
    text-align: center;
}

.exp-charge-head[b-h8ijb55mqz] {
    display: grid;
    grid-template-columns: 1fr 70px 56px 72px 80px 64px;
    gap: 4px;
    padding: 5px 14px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--mud-palette-text-secondary);
    background: var(--mud-palette-table-striped);
    border-bottom: 1px solid var(--mud-palette-divider);
    position: sticky;
    top: 0;
    z-index: 1;
}

.exp-charge-row[b-h8ijb55mqz] {
    display: grid;
    grid-template-columns: 1fr 70px 56px 72px 80px 64px;
    gap: 4px;
    padding: 5px 14px;
    font-size: 12px;
    border-bottom: 1px solid var(--mud-palette-divider);
    align-items: center;
}

.exp-charge-row--manual[b-h8ijb55mqz] {
    background: color-mix(in srgb, var(--mud-palette-warning) 8%, var(--mud-palette-surface));
}

.exp-charge-name[b-h8ijb55mqz] {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 11px;
    flex-wrap: wrap;
}

.exp-badge[b-h8ijb55mqz] {
    font-size: 9px;
    font-weight: 700;
    padding: 1px 5px;
    border-radius: 99px;
    white-space: nowrap;
}

.exp-badge--auto[b-h8ijb55mqz] {
    background: color-mix(in srgb, var(--mud-palette-success) 15%, var(--mud-palette-surface));
    color: var(--mud-palette-success-darken);
}

.exp-badge--manual[b-h8ijb55mqz] {
    background: color-mix(in srgb, var(--mud-palette-warning) 15%, var(--mud-palette-surface));
    color: var(--mud-palette-warning-darken);
}

.exp-td-base[b-h8ijb55mqz] {
    font-size: 11px;
    color: var(--mud-palette-text-secondary);
}

.exp-th-r[b-h8ijb55mqz], .exp-td-r[b-h8ijb55mqz] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.exp-td-amt[b-h8ijb55mqz] {
    font-weight: 600;
}

.exp-td-actions[b-h8ijb55mqz] {
    display: flex;
    justify-content: flex-end;
    gap: 0;
}

.exp-total-row[b-h8ijb55mqz] {
    display: flex;
    justify-content: space-between;
    padding: 7px 14px;
    font-size: 12px;
    font-weight: 700;
    background: var(--mud-palette-background);
    border-top: 2px solid var(--mud-palette-divider);
    position: sticky;
    bottom: 0;
}

.exp-total-amt--pay[b-h8ijb55mqz] {
    color: #b45309;
}

.exp-total-amt--rcv[b-h8ijb55mqz] {
    color: #1565c0;
}

.exp-edit-row[b-h8ijb55mqz] {
    padding: 8px 14px;
    background: color-mix(in srgb, var(--mud-palette-info) 8%, var(--mud-palette-surface));
    border-left: 3px solid var(--mud-palette-info);
    border-bottom: 1px solid var(--mud-palette-divider);
}

.exp-edit-head[b-h8ijb55mqz] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 6px;
    font-size: 11px;
}

.exp-charge-name-sm[b-h8ijb55mqz] {
    font-weight: 700;
}

.exp-edit-base[b-h8ijb55mqz] {
    color: var(--mud-palette-text-secondary);
}

.exp-edit-fields[b-h8ijb55mqz] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px;
}

.exp-edit-preview[b-h8ijb55mqz] {
    font-size: 12px;
    font-weight: 700;
    color: #b45309;
    white-space: nowrap;
}

.exp-edit-actions[b-h8ijb55mqz] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 8px;
}

.exp-type-btn[b-h8ijb55mqz] {
    flex: 1;
    padding: 6px 10px;
    font-size: 11px;
    font-weight: 600;
    border: 1px solid var(--mud-palette-divider);
    border-radius: 6px;
    background: transparent;
    cursor: pointer;
    color: var(--mud-palette-text-secondary);
}

.exp-type-btn--pay-active[b-h8ijb55mqz] {
    background: color-mix(in srgb, var(--mud-palette-warning) 10%, var(--mud-palette-surface));
    color: #b45309;
    border-color: #b45309;
}

.exp-type-btn--rcv-active[b-h8ijb55mqz] {
    background: color-mix(in srgb, var(--mud-palette-info) 10%, var(--mud-palette-surface));
    color: #1565c0;
    border-color: #1565c0;
}

.exp-add-preview[b-h8ijb55mqz] {
    font-size: 12px;
    font-weight: 700;
    color: var(--mud-palette-success-darken);
    padding: 4px 0;
    margin-bottom: 4px;
}


/* ═══════════════════════════════════════════════════════════════════════════
   MARK POLISH COMPLETED DRAWER  —  prefix: polish-
   ═══════════════════════════════════════════════════════════════════════════ */

.polish-scan-bar[b-h8ijb55mqz] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 0 10px;
    border-bottom: 1px solid var(--mud-palette-divider);
    margin-bottom: 8px;
}

.polish-row-head[b-h8ijb55mqz],
.polish-row[b-h8ijb55mqz],
.polish-row-total[b-h8ijb55mqz] {
    display: grid;
    grid-template-columns: 120px 85px 110px 60px 60px 55px 60px 32px;
    gap: 4px;
    padding: 4px 2px;
    font-size: 11px;
    align-items: center;
}

.polish-row-head[b-h8ijb55mqz] {
    font-weight: 700;
    font-size: 10px;
    text-transform: uppercase;
    color: var(--mud-palette-text-secondary);
    background: var(--mud-palette-table-striped);
    border-bottom: 1px solid var(--mud-palette-divider);
    position: sticky;
    top: 0;
    z-index: 1;
}

.polish-row[b-h8ijb55mqz] {
    border-bottom: 1px solid var(--mud-palette-divider);
}

    .polish-row:hover[b-h8ijb55mqz] {
        background: var(--mud-palette-table-hover);
    }

.polish-row--warn[b-h8ijb55mqz] {
    background: color-mix(in srgb, var(--mud-palette-warning) 10%, var(--mud-palette-surface));
}

.polish-row-total[b-h8ijb55mqz] {
    font-weight: 700;
    border-top: 2px solid var(--mud-palette-divider);
    background: var(--mud-palette-table-striped);
}

.polish-row-notes[b-h8ijb55mqz] {
    padding: 0 4px 4px 4px;
    border-bottom: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-background);
}

.polish-status[b-h8ijb55mqz] {
    display: inline-block;
    padding: 1px 7px;
    border-radius: 99px;
    font-size: 10px;
    font-weight: 700;
    white-space: nowrap;
}

.polish-param[b-h8ijb55mqz] {
    font-size: 11px;
}

.polish-param--missing[b-h8ijb55mqz] {
    color: var(--mud-palette-error);
    font-weight: 600;
    font-size: 10px;
}

.polish-empty[b-h8ijb55mqz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 32px 0;
    color: var(--mud-palette-text-secondary);
}

.polish-result-row[b-h8ijb55mqz] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 5px 8px;
    border-radius: 5px;
    margin-bottom: 4px;
    font-size: 11px;
}

.polish-result-row--ok[b-h8ijb55mqz] {
    background: color-mix(in srgb, var(--mud-palette-success) 10%, var(--mud-palette-surface));
    border: 1px solid color-mix(in srgb, var(--mud-palette-success) 35%, var(--mud-palette-surface));
}

.polish-result-row--err[b-h8ijb55mqz] {
    background: color-mix(in srgb, var(--mud-palette-error) 8%, var(--mud-palette-surface));
    border: 1px solid color-mix(in srgb, var(--mud-palette-error) 30%, var(--mud-palette-surface));
}

/* ── Infinite scroll indicators ─────────────────────────────────────────── */
.ss-load-more-hint[b-h8ijb55mqz] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 0;
    color: var(--mud-palette-text-secondary);
    font-size: 12px;
}

.ss-all-loaded[b-h8ijb55mqz] {
    text-align: center;
    padding: 10px 0;
    font-size: 11px;
    color: var(--mud-palette-text-secondary);
    font-style: italic;
}

/* 2. Forces MudDataGrid to fill available space and layout its parts vertically */
[b-h8ijb55mqz] .ss-datagrid {
    display: flex;
    flex-direction: column;
    height: 100% !important;
    width: 100%;
    overflow: hidden;
}

    /* 3. The inner data table scrolls vertically/horizontally, keeping the footer visible */
    [b-h8ijb55mqz] .ss-datagrid .mud-table-container {
        flex: 1;
        overflow-y: auto !important;
        overflow-x: auto !important;
    }

    /* 4. Keeps the Pagination tool bar static at the bottom */
    [b-h8ijb55mqz] .ss-datagrid .mud-table-pagination {
        flex-shrink: 0;
        background: var(--mud-palette-surface);
        border-top: 1px solid var(--mud-palette-divider);
    }

    /* 5. Keeps the columns properly structured when using sticky headers */
    [b-h8ijb55mqz] .ss-datagrid .mud-table-head {
        position: sticky !important;
        top: 0 !important;
        z-index: 10 !important;
    }

        [b-h8ijb55mqz] .ss-datagrid .mud-table-head .mud-table-cell {
            position: sticky !important;
            top: 0 !important;
            background-color: var(--mud-palette-surface) !important;
        }

/* Stone Repair Drawer ------------------------------------------------------*/
.ss-drawer-header[b-h8ijb55mqz] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 16px;
    border-bottom: 1px solid var(--mud-palette-divider);
    font-weight: 700;
}

    .ss-drawer-header .mud-icon-button[b-h8ijb55mqz] {
        margin-left: auto;
    }

.ss-drawer-body[b-h8ijb55mqz] {
    padding: 16px;
    overflow-y: auto;
    flex: 1;
}

.ss-drawer-footer[b-h8ijb55mqz] {
    padding: 12px 16px;
    border-top: 1px solid var(--mud-palette-divider);
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.ss-repair-stone-list[b-h8ijb55mqz] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    max-height: 180px;
    overflow-y: auto;
    padding: 8px;
    border: 1px solid var(--mud-palette-divider);
    border-radius: 4px;
    margin-bottom: 8px;
}

.ss-repair-stone-row[b-h8ijb55mqz] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
}
/* /Pages/TermsAndConditions.razor.rz.scp.css */
/* ============================================================
   TermsAndConditions.razor.css  |  Prefix: tc-
   ============================================================ */

.tc-shell[b-if31yb4sc1] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    background: var(--mud-palette-background);
    overflow: hidden;
}

/* ── Header ──────────────────────────────────────────────────────────────────── */
.tc-header[b-if31yb4sc1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 28px;
    background: var(--mud-palette-surface);
    border-bottom: 1px solid var(--mud-palette-divider);
    flex-shrink: 0;
    flex-wrap: wrap;
    gap: 10px;
}

.tc-logo-row[b-if31yb4sc1] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.tc-logo-mark[b-if31yb4sc1] {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    color: #fff;
    font-size: 20px;
    font-weight: 900;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.tc-brand[b-if31yb4sc1] {
    font-size: 17px;
    font-weight: 800;
    color: var(--mud-palette-text-primary);
}

.tc-website[b-if31yb4sc1] {
    font-size: 12px;
    color: var(--mud-palette-primary);
    text-decoration: none;
}

    .tc-website:hover[b-if31yb4sc1] {
        text-decoration: underline;
    }

.tc-doc-meta[b-if31yb4sc1] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.tc-version-chip[b-if31yb4sc1] {
    font-size: 11px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 10px;
    background: var(--mud-palette-primary-hover);
    color: var(--mud-palette-primary);
}

.tc-date[b-if31yb4sc1] {
    font-size: 12px;
    color: var(--mud-palette-text-secondary);
}

/* ── Scroll area ─────────────────────────────────────────────────────────────── */
.tc-scroll-area[b-if31yb4sc1] {
    flex: 1;
    overflow-y: auto;
    padding: 32px 0;
    min-height: 0;
}

/* ── Document ────────────────────────────────────────────────────────────────── */
.tc-doc[b-if31yb4sc1] {
    max-width: 820px;
    margin: 0 auto;
    padding: 0 28px;
}

.tc-h1[b-if31yb4sc1] {
    font-size: 24px;
    font-weight: 900;
    color: var(--mud-palette-text-primary);
    margin: 0 0 16px;
    letter-spacing: -.3px;
    border-bottom: 2px solid var(--mud-palette-primary);
    padding-bottom: 12px;
}

.tc-lead[b-if31yb4sc1] {
    font-size: 14px;
    line-height: 1.7;
    color: var(--mud-palette-text-secondary);
    margin: 0 0 28px;
}

.tc-h2[b-if31yb4sc1] {
    font-size: 16px;
    font-weight: 800;
    color: var(--mud-palette-text-primary);
    margin: 28px 0 10px;
    padding-left: 12px;
    border-left: 3px solid var(--mud-palette-primary);
}

.tc-p[b-if31yb4sc1] {
    font-size: 13.5px;
    line-height: 1.75;
    color: var(--mud-palette-text-primary);
    margin: 0 0 12px;
}

.tc-list[b-if31yb4sc1] {
    font-size: 13.5px;
    line-height: 1.75;
    color: var(--mud-palette-text-primary);
    margin: 0 0 12px;
    padding-left: 20px;
}

    .tc-list li[b-if31yb4sc1] {
        margin-bottom: 5px;
    }

/* Definitions */
.tc-def-list[b-if31yb4sc1] {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin-bottom: 12px;
}

.tc-def-row[b-if31yb4sc1] {
    display: flex;
    gap: 16px;
    padding: 10px 14px;
    border-bottom: 1px solid var(--mud-palette-divider);
}

    .tc-def-row:first-child[b-if31yb4sc1] {
        border-top: 1px solid var(--mud-palette-divider);
    }

.tc-def-term[b-if31yb4sc1] {
    font-size: 13px;
    font-weight: 700;
    color: var(--mud-palette-primary);
    min-width: 110px;
    flex-shrink: 0;
}

.tc-def-body[b-if31yb4sc1] {
    font-size: 13px;
    line-height: 1.6;
    color: var(--mud-palette-text-primary);
}

/* Highlight boxes */
.tc-highlight-box[b-if31yb4sc1] {
    border-radius: 10px;
    padding: 16px 20px;
    margin-bottom: 14px;
    border: 1px solid;
}

.tc-highlight-box--info[b-if31yb4sc1] {
    background: var(--mud-palette-info-hover);
    border-color: var(--mud-palette-info);
    color: var(--mud-palette-info-darken);
}

.tc-highlight-box--warning[b-if31yb4sc1] {
    background: var(--mud-palette-warning-hover);
    border-color: var(--mud-palette-warning);
    color: var(--mud-palette-warning-darken);
}

.tc-highlight-box--error[b-if31yb4sc1] {
    background: var(--mud-palette-error-hover);
    border-color: var(--mud-palette-error);
    color: var(--mud-palette-error-darken);
}

.tc-highlight-title[b-if31yb4sc1] {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-bottom: 4px;
}

/* Limits grid */
.tc-limit-grid[b-if31yb4sc1] {
    display: flex;
    gap: 24px;
    margin-top: 14px;
    flex-wrap: wrap;
}

.tc-limit-item[b-if31yb4sc1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 12px 20px;
    background: var(--mud-palette-surface);
    border-radius: 10px;
    border: 1px solid var(--mud-palette-divider);
    min-width: 100px;
}

.tc-limit-val[b-if31yb4sc1] {
    font-size: 26px;
    font-weight: 900;
    color: var(--mud-palette-primary);
    line-height: 1.2;
}

.tc-limit-label[b-if31yb4sc1] {
    font-size: 11px;
    font-weight: 700;
    color: var(--mud-palette-text-secondary);
    text-align: center;
    margin-top: 3px;
}

/* Contact card */
.tc-contact-card[b-if31yb4sc1] {
    background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-divider);
    border-radius: 10px;
    padding: 16px 20px;
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin-bottom: 12px;
}

.tc-contact-brand[b-if31yb4sc1] {
    font-size: 15px;
    font-weight: 800;
    color: var(--mud-palette-text-primary);
}

.tc-contact-row[b-if31yb4sc1] {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 13px;
    color: var(--mud-palette-text-secondary);
}

    .tc-contact-row a[b-if31yb4sc1] {
        color: var(--mud-palette-primary);
        text-decoration: none;
    }

        .tc-contact-row a:hover[b-if31yb4sc1] {
            text-decoration: underline;
        }

.tc-version-footer[b-if31yb4sc1] {
    margin-top: 32px;
    padding: 16px 0;
    border-top: 1px solid var(--mud-palette-divider);
    font-size: 12px;
    color: var(--mud-palette-text-secondary);
    text-align: center;
}

/* ── Footer (acceptance) ─────────────────────────────────────────────────────── */
.tc-footer[b-if31yb4sc1] {
    flex-shrink: 0;
    background: var(--mud-palette-surface);
    border-top: 1px solid var(--mud-palette-divider);
    box-shadow: 0 -4px 16px rgba(0,0,0,.06);
}

.tc-scroll-hint[b-if31yb4sc1] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 6px 20px;
    font-size: 12px;
    font-weight: 600;
    color: var(--mud-palette-warning-darken);
    background: var(--mud-palette-warning-hover);
    border-bottom: 1px solid var(--mud-palette-divider);
    animation: tc-pulse-b-if31yb4sc1 2s ease-in-out infinite;
}

@keyframes tc-pulse-b-if31yb4sc1 {
    0%,100% {
        opacity: 1;
    }

    50% {
        opacity: .65;
    }
}

.tc-footer-inner[b-if31yb4sc1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 16px 28px;
    flex-wrap: wrap;
}

.tc-checkbox-row[b-if31yb4sc1] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 13px;
    line-height: 1.5;
    color: var(--mud-palette-text-primary);
    cursor: pointer;
    flex: 1;
}

.tc-checkbox-row--disabled[b-if31yb4sc1] {
    opacity: .45;
    cursor: not-allowed;
}

.tc-checkbox[b-if31yb4sc1] {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    margin-top: 2px;
    accent-color: var(--mud-palette-primary);
    cursor: pointer;
}

.tc-accept-btn[b-if31yb4sc1] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 11px 28px;
    border-radius: 10px;
    background: var(--mud-palette-primary);
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    border: none;
    cursor: pointer;
    transition: opacity .15s, transform .1s;
    white-space: nowrap;
    flex-shrink: 0;
}

    .tc-accept-btn:disabled[b-if31yb4sc1] {
        opacity: .45;
        cursor: not-allowed;
    }

    .tc-accept-btn:not(:disabled):hover[b-if31yb4sc1] {
        opacity: .88;
    }

    .tc-accept-btn:not(:disabled):active[b-if31yb4sc1] {
        transform: scale(.97);
    }

.tc-btn-spin[b-if31yb4sc1] {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255,255,255,.35);
    border-top-color: #fff;
    border-radius: 50%;
    animation: tc-spin-b-if31yb4sc1 .65s linear infinite;
}

@keyframes tc-spin-b-if31yb4sc1 {
    to {
        transform: rotate(360deg);
    }
}
/* /Pages/TrainingVideo/Trainingvideos.razor.rz.scp.css */
/* ============================================================
   TrainingVideos.razor.css  |  Prefix: tv-
   ============================================================ */

/* ── Shell ─────────────────────────────────────────────────────────────────── */
.tv-shell[b-3ryns250on] {
    min-height: calc(100vh - 64px);
    background: var(--mud-palette-background);
    display: flex;
    flex-direction: column;
}

/* ── Hero ────────────────────────────────────────────────────────────────────── */
.tv-hero[b-3ryns250on] {
    background: linear-gradient(135deg, var(--mud-palette-primary) 0%, var(--mud-palette-secondary) 100%);
    padding: 28px 28px 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
    flex-shrink: 0;
}

.tv-hero-content[b-3ryns250on] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.tv-hero-icon[b-3ryns250on] {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    background: rgba(255,255,255,.18);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    flex-shrink: 0;
}

.tv-hero-title[b-3ryns250on] {
    font-size: 22px;
    font-weight: 900;
    color: #fff;
    margin: 0;
    letter-spacing: -.3px;
}

.tv-hero-sub[b-3ryns250on] {
    font-size: 13px;
    color: rgba(255,255,255,.8);
    margin: 3px 0 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.tv-hero-count[b-3ryns250on] {
    background: rgba(255,255,255,.2);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    padding: 2px 9px;
    border-radius: 10px;
}

/* Search */
.tv-hero-search[b-3ryns250on] {
    display: flex;
    align-items: center;
    gap: 8px;
    background: rgba(255,255,255,.15);
    backdrop-filter: blur(6px);
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 10px;
    padding: 8px 14px;
    min-width: 260px;
}

.tv-search-icon[b-3ryns250on] {
    color: rgba(255,255,255,.7);
    flex-shrink: 0;
}

.tv-search-input[b-3ryns250on] {
    flex: 1;
    background: transparent;
    border: none;
    outline: none;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
}

    .tv-search-input[b-3ryns250on]::placeholder {
        color: rgba(255,255,255,.6);
    }

.tv-search-clear[b-3ryns250on] {
    background: none;
    border: none;
    color: rgba(255,255,255,.7);
    font-size: 14px;
    cursor: pointer;
    padding: 0 2px;
    line-height: 1;
}

    .tv-search-clear:hover[b-3ryns250on] {
        color: #fff;
    }

/* ── Module tabs ─────────────────────────────────────────────────────────────── */
.tv-module-tabs[b-3ryns250on] {
    display: flex;
    gap: 0;
    padding: 0 20px;
    background: var(--mud-palette-surface);
    border-bottom: 1px solid var(--mud-palette-divider);
    overflow-x: auto;
    flex-shrink: 0;
    scrollbar-width: none;
}

    .tv-module-tabs[b-3ryns250on]::-webkit-scrollbar {
        display: none;
    }

.tv-mod-tab[b-3ryns250on] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 11px 16px;
    font-size: 12.5px;
    font-weight: 600;
    border: none;
    border-bottom: 2px solid transparent;
    background: transparent;
    color: var(--mud-palette-text-secondary);
    cursor: pointer;
    white-space: nowrap;
    transition: color .15s, border-color .15s;
}

    .tv-mod-tab:hover[b-3ryns250on] {
        color: var(--mud-palette-primary);
    }

.tv-mod-tab--on[b-3ryns250on] {
    color: var(--mud-palette-primary);
    border-bottom-color: var(--mud-palette-primary);
}

.tv-mod-count[b-3ryns250on] {
    font-size: 10px;
    font-weight: 800;
    background: var(--mud-palette-action-hover);
    border-radius: 10px;
    padding: 1px 6px;
    min-width: 18px;
    text-align: center;
}

/* ── Content ─────────────────────────────────────────────────────────────────── */
.tv-content[b-3ryns250on] {
    flex: 1;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 28px;
    overflow-y: auto;
}

/* ── Group ───────────────────────────────────────────────────────────────────── */
.tv-group-header[b-3ryns250on] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
}

.tv-group-icon[b-3ryns250on] {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.tv-group-name[b-3ryns250on] {
    font-size: 16px;
    font-weight: 800;
    color: var(--mud-palette-text-primary);
    letter-spacing: -.2px;
}

.tv-group-count[b-3ryns250on] {
    font-size: 12px;
    color: var(--mud-palette-text-secondary);
    font-weight: 500;
}

/* ── Cards grid ──────────────────────────────────────────────────────────────── */
.tv-cards[b-3ryns250on] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 16px;
}

/* ── Video card ──────────────────────────────────────────────────────────────── */
.tv-card[b-3ryns250on] {
    background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-divider);
    border-radius: 12px;
    overflow: hidden;
    cursor: pointer;
    transition: transform .15s, box-shadow .15s;
}

    .tv-card:hover[b-3ryns250on] {
        transform: translateY(-3px);
        box-shadow: 0 8px 24px rgba(0,0,0,.12);
    }

/* Thumbnail */
.tv-thumb-wrap[b-3ryns250on] {
    position: relative;
    aspect-ratio: 16/9;
    overflow: hidden;
    background: #000;
}

.tv-thumb[b-3ryns250on] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .2s;
}

.tv-card:hover .tv-thumb[b-3ryns250on] {
    transform: scale(1.04);
}

/* Play overlay */
.tv-play-overlay[b-3ryns250on] {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.35);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity .15s;
}

.tv-card:hover .tv-play-overlay[b-3ryns250on] {
    opacity: 1;
}

.tv-play-btn[b-3ryns250on] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: rgba(255,255,255,.92);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #111;
    padding-left: 3px; /* optical centre for play triangle */
    box-shadow: 0 4px 16px rgba(0,0,0,.3);
}

/* Duration badge — bottom right */
.tv-duration[b-3ryns250on] {
    position: absolute;
    bottom: 7px;
    right: 8px;
    background: rgba(0,0,0,.75);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    padding: 2px 6px;
    border-radius: 4px;
    letter-spacing: .02em;
    font-variant-numeric: tabular-nums;
}

/* Language badge — bottom left */
.tv-lang-badge[b-3ryns250on] {
    position: absolute;
    bottom: 7px;
    left: 8px;
    color: #fff;
    font-size: 10.5px;
    font-weight: 700;
    padding: 2px 7px;
    border-radius: 4px;
    letter-spacing: .02em;
    display: flex;
    align-items: center;
    gap: 3px;
}

/* Card body */
.tv-card-body[b-3ryns250on] {
    padding: 12px 14px 14px;
}

.tv-card-module[b-3ryns250on] {
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .07em;
    margin-bottom: 4px;
}

.tv-card-title[b-3ryns250on] {
    font-size: 13.5px;
    font-weight: 700;
    color: var(--mud-palette-text-primary);
    line-height: 1.35;
    margin-bottom: 5px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.tv-card-desc[b-3ryns250on] {
    font-size: 12px;
    color: var(--mud-palette-text-secondary);
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ── Player modal ─────────────────────────────────────────────────────────────── */
.tv-modal-backdrop[b-3ryns250on] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.75);
    backdrop-filter: blur(4px);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.tv-modal[b-3ryns250on] {
    background: var(--mud-palette-surface);
    border-radius: 16px;
    width: 100%;
    max-width: 860px;
    overflow: hidden;
    box-shadow: 0 24px 64px rgba(0,0,0,.4);
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 40px);
}

.tv-modal-header[b-3ryns250on] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 18px 14px;
    border-bottom: 1px solid var(--mud-palette-divider);
    flex-shrink: 0;
}

.tv-modal-title-wrap[b-3ryns250on] {
    flex: 1;
    min-width: 0;
}

.tv-modal-module[b-3ryns250on] {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .07em;
    margin-bottom: 4px;
}

.tv-modal-lang[b-3ryns250on] {
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    padding: 1px 7px;
    border-radius: 4px;
    letter-spacing: .03em;
    margin-left: 4px;
    vertical-align: middle;
}

.tv-modal-title[b-3ryns250on] {
    font-size: 16px;
    font-weight: 800;
    color: var(--mud-palette-text-primary);
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tv-modal-close[b-3ryns250on] {
    background: var(--mud-palette-action-hover);
    border: 1px solid var(--mud-palette-divider);
    border-radius: 8px;
    padding: 6px;
    cursor: pointer;
    color: var(--mud-palette-text-secondary);
    display: flex;
    align-items: center;
    flex-shrink: 0;
    transition: background .15s, color .15s;
}

    .tv-modal-close:hover[b-3ryns250on] {
        background: var(--mud-palette-error-hover);
        color: var(--mud-palette-error);
        border-color: var(--mud-palette-error);
    }

/* 16:9 embed */
.tv-embed-wrap[b-3ryns250on] {
    position: relative;
    aspect-ratio: 16/9;
    background: #000;
    flex-shrink: 0;
}

.tv-embed[b-3ryns250on] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.tv-modal-desc[b-3ryns250on] {
    padding: 12px 18px 16px;
    font-size: 13px;
    color: var(--mud-palette-text-secondary);
    line-height: 1.6;
    overflow-y: auto;
    max-height: 100px;
    flex-shrink: 0;
}

/* ── Helpers ─────────────────────────────────────────────────────────────────── */
.tv-center-pad[b-3ryns250on] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 12px;
    flex: 1;
}

.tv-empty[b-3ryns250on] {
    color: var(--mud-palette-text-secondary);
    font-size: 14px;
}

.tv-spinner[b-3ryns250on] {
    width: 36px;
    height: 36px;
    border: 3px solid var(--mud-palette-divider);
    border-top-color: var(--mud-palette-primary);
    border-radius: 50%;
    animation: tv-spin-b-3ryns250on .7s linear infinite;
}

@keyframes tv-spin-b-3ryns250on {
    to {
        transform: rotate(360deg);
    }
}
/* /Pages/User/User.razor.rz.scp.css */
/* ============================================================
   Users.razor.css — Blazor CSS Isolation
   Scoped automatically to Users.razor — no class conflicts.

   Naming: u- prefix (Users page)
   ============================================================ */

/* ── Page shell ────────────────────────────────────────────── */
.u-shell[b-y83fepfrsz] {
    width: 100%;
    overflow: hidden;
}

/* ── Top row: button + search ──────────────────────────────── */
.u-toprow[b-y83fepfrsz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin-bottom: 16px;
    flex-wrap: wrap;
}

/* ── Drawer body ───────────────────────────────────────────── */
.u-drawer-body[b-y83fepfrsz] {
    padding: 14px 16px;
    overflow-y: auto;
    flex: 1;
}

/* ── Drawer footer (action buttons) ───────────────────────── */
.u-drawer-foot[b-y83fepfrsz] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid var(--mud-palette-divider);
}