@import '_content/Pos.SharedUI/Pos.SharedUI.h6a7i26qyy.bundle.scp.css';

/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-mgnb9dwxhw],
.components-reconnect-repeated-attempt-visible[b-mgnb9dwxhw],
.components-reconnect-failed-visible[b-mgnb9dwxhw],
.components-pause-visible[b-mgnb9dwxhw],
.components-resume-failed-visible[b-mgnb9dwxhw],
.components-rejoining-animation[b-mgnb9dwxhw] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

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

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

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

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/AuditLog.razor.rz.scp.css */
.audit-page[b-ugo3h1qpj2] { display:grid; gap:14px; }
.audit-head h1[b-ugo3h1qpj2] { margin:4px 0 5px; color:var(--text); font:700 clamp(1.65rem,3vw,2.2rem) 'DM Sans'; letter-spacing:-.04em; }
.audit-head p[b-ugo3h1qpj2] { margin:0; color:var(--muted); }
.audit-sr[b-ugo3h1qpj2] { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }

/* Toolbar: the three moves a manager makes most — pick a period, type a word,
   open the rest. All visible without expanding anything. */
.audit-toolbar[b-ugo3h1qpj2] { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.audit-ranges[b-ugo3h1qpj2] { display:flex; gap:4px; padding:4px; border:1px solid var(--line); border-radius:10px; background:var(--panel); }
.audit-range[b-ugo3h1qpj2] { height:32px; padding:0 11px; border:0; border-radius:7px; background:transparent; color:var(--muted); font:800 .78rem 'DM Sans'; white-space:nowrap; cursor:pointer; }
.audit-range:hover:not(:disabled)[b-ugo3h1qpj2] { background:var(--mint-soft); color:var(--forest); }
.audit-range.is-on[b-ugo3h1qpj2] { background:var(--forest); color:#fff; }
span.audit-range[b-ugo3h1qpj2] { display:inline-grid; place-content:center; cursor:default; }
.audit-range:disabled[b-ugo3h1qpj2] { cursor:default; }
.audit-search[b-ugo3h1qpj2] { flex:1 1 240px; min-width:0; }
.audit-search input[b-ugo3h1qpj2] { width:100%; height:40px; padding:0 12px; border:1px solid var(--line-strong); border-radius:9px; background:#fff; color:var(--text); font:600 .84rem 'DM Sans'; }
.audit-filter-toggle[b-ugo3h1qpj2] { display:inline-flex; align-items:center; gap:7px; flex:none; height:40px; padding:0 14px; border:1px solid var(--line-strong); border-radius:9px; background:#fff; color:var(--text); font-weight:800; font-size:.82rem; cursor:pointer; }
.audit-filter-badge[b-ugo3h1qpj2] { display:inline-grid; place-content:center; min-width:20px; height:20px; padding:0 6px; border-radius:99px; background:var(--forest); color:#fff; font-size:.68rem; }
.audit-filter-caret[b-ugo3h1qpj2] { color:var(--muted); font-size:.72rem; }

.audit-filters[b-ugo3h1qpj2] { display:flex; align-items:end; gap:10px; flex-wrap:wrap; padding:14px; border:1px solid var(--line); border-radius:14px; background:var(--panel); }
.audit-filters label[b-ugo3h1qpj2] { display:grid; gap:6px; min-width:150px; color:var(--muted); font-size:.7rem; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }
.audit-filters input[b-ugo3h1qpj2],.audit-filters select[b-ugo3h1qpj2] { height:42px; min-width:0; padding:0 10px; border:1px solid var(--line-strong); border-radius:8px; background:#fff; color:var(--text); font:600 .84rem 'DM Sans'; letter-spacing:normal; text-transform:none; }

/* What is being shown right now, and one click to drop any part of it. */
.audit-chips[b-ugo3h1qpj2] { display:flex; align-items:center; gap:7px; flex-wrap:wrap; }
.audit-chips-label[b-ugo3h1qpj2] { color:var(--muted); font-size:.72rem; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }
.audit-chip[b-ugo3h1qpj2] { display:inline-flex; align-items:center; gap:6px; max-width:320px; height:28px; padding:0 4px 0 10px; border:1px solid #bcd8c7; border-radius:99px; background:var(--mint-soft); color:var(--forest); font-size:.78rem; font-weight:700; white-space:nowrap; overflow:hidden; }
.audit-chip button[b-ugo3h1qpj2] { width:20px; height:20px; display:grid; place-content:center; border:0; border-radius:50%; background:transparent; color:var(--forest); font-size:1rem; line-height:1; cursor:pointer; }
.audit-chip button:hover[b-ugo3h1qpj2] { background:#cdeada; }
.audit-chip-clear[b-ugo3h1qpj2] { height:28px; padding:0 10px; border:0; border-radius:99px; background:transparent; color:var(--muted); font-size:.78rem; font-weight:800; text-decoration:underline; cursor:pointer; }
.audit-chip-clear:hover[b-ugo3h1qpj2] { color:var(--text); }

.audit-message[b-ugo3h1qpj2] { padding:12px 14px; border-left:3px solid var(--signal); background:var(--amber-soft); color:#715416; }
.audit-results[b-ugo3h1qpj2] { overflow:hidden; border:1px solid var(--line); border-radius:14px; background:var(--panel); }
/* A reload keeps the rows readable instead of blanking the card. */
.audit-results.is-loading[b-ugo3h1qpj2] { opacity:.55; pointer-events:none; }
.audit-results-head[b-ugo3h1qpj2],.audit-pager[b-ugo3h1qpj2] { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:13px 18px; color:var(--muted); font-size:.82rem; }
.audit-results-head[b-ugo3h1qpj2] { border-bottom:1px solid var(--line); }
.audit-results-head strong[b-ugo3h1qpj2] { color:var(--text); }

/* The rows scroll inside the card, so the filters above and the pager below
   stay put however deep into a day you read. */
.audit-table-scroll[b-ugo3h1qpj2] { max-height:clamp(380px,64vh,880px); overflow:auto; }
.audit-table-scroll table[b-ugo3h1qpj2] { width:100%; border-collapse:collapse; text-align:left; }
.audit-table-scroll thead th[b-ugo3h1qpj2] { position:sticky; top:0; z-index:2; padding:10px 14px; background:#f5f8f5; box-shadow:inset 0 -1px 0 var(--line); color:var(--muted); font-size:.68rem; letter-spacing:.08em; text-transform:uppercase; }
.audit-table-scroll td[b-ugo3h1qpj2] { padding:11px 14px; border-top:1px solid var(--line); color:var(--text); font-size:.82rem; vertical-align:top; }
.audit-table-scroll td small[b-ugo3h1qpj2] { display:block; margin-top:3px; color:var(--muted); font-size:.72rem; }

.audit-day th[b-ugo3h1qpj2] { position:sticky; top:33px; z-index:1; display:flex; align-items:baseline; gap:9px; padding:8px 14px; border-top:1px solid var(--line); background:#eef3ee; text-transform:none; letter-spacing:normal; }
.audit-day strong[b-ugo3h1qpj2] { color:var(--text); font-size:.82rem; }
.audit-day span[b-ugo3h1qpj2] { color:var(--muted); font-size:.76rem; font-weight:600; }
.audit-day small[b-ugo3h1qpj2] { margin-left:auto; color:var(--muted); font-size:.7rem; font-weight:600; }

.audit-row[b-ugo3h1qpj2] { cursor:pointer; }
.audit-row:hover[b-ugo3h1qpj2] { background:#f7faf7; }
.audit-row.is-selected[b-ugo3h1qpj2] { background:var(--mint-soft); box-shadow:inset 3px 0 0 var(--forest); }
.audit-when[b-ugo3h1qpj2] { min-width:96px; white-space:nowrap; }
.audit-when strong[b-ugo3h1qpj2] { font-variant-numeric:tabular-nums; }
.audit-action[b-ugo3h1qpj2] { font-weight:800; }
.audit-code[b-ugo3h1qpj2] { font-family:ui-monospace,Consolas,monospace; }
.audit-record[b-ugo3h1qpj2] { max-width:280px; }
.audit-record-summary[b-ugo3h1qpj2] { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.audit-person[b-ugo3h1qpj2] { padding:0; border:0; background:none; color:var(--forest-bright); font:800 .82rem 'DM Sans'; text-align:left; text-decoration:underline dotted; text-underline-offset:2px; cursor:pointer; }
.audit-person:hover[b-ugo3h1qpj2] { color:var(--forest); text-decoration-style:solid; }
.audit-open[b-ugo3h1qpj2] { width:1%; text-align:right; white-space:nowrap; }
.audit-open-button[b-ugo3h1qpj2] { display:inline-flex; align-items:center; gap:5px; height:30px; padding:0 10px; border:1px solid var(--line-strong); border-radius:8px; background:#fff; color:var(--forest); font-weight:800; font-size:.76rem; cursor:pointer; }
.audit-open-button:hover[b-ugo3h1qpj2] { border-color:var(--forest); background:var(--mint-soft); }

.audit-pager[b-ugo3h1qpj2] { border-top:1px solid var(--line); }
.audit-pager div[b-ugo3h1qpj2] { display:flex; gap:8px; flex-wrap:wrap; }
.audit-pager button[b-ugo3h1qpj2] { height:34px; padding:0 13px; border:0; border-radius:8px; background:#e8f2eb; color:var(--forest); font-weight:800; cursor:pointer; }
.audit-pager button:disabled[b-ugo3h1qpj2] { opacity:.45; cursor:default; }
.audit-empty[b-ugo3h1qpj2] { min-height:220px; display:grid; place-content:center; justify-items:center; gap:7px; padding:20px; color:var(--muted); text-align:center; }
.audit-empty strong[b-ugo3h1qpj2] { color:var(--text); }
.audit-empty-clear[b-ugo3h1qpj2] { margin-top:4px; height:36px; padding:0 14px; border:0; border-radius:8px; background:var(--forest); color:#fff; font-weight:800; cursor:pointer; }

@media(max-width:860px) {
    .audit-ranges[b-ugo3h1qpj2] { order:2; width:100%; overflow-x:auto; }
    .audit-search[b-ugo3h1qpj2] { order:1; flex:1 1 100%; }
    .audit-filter-toggle[b-ugo3h1qpj2] { order:3; }
    .audit-record[b-ugo3h1qpj2] { max-width:180px; }
}
@media(max-width:700px) {
    .audit-filters label[b-ugo3h1qpj2] { flex:1 1 100%; }
    .audit-results-head[b-ugo3h1qpj2] { align-items:flex-start; flex-direction:column; }
}
/* /Components/Pages/Devices.razor.rz.scp.css */
.fleet-head[b-lncrt6aj5k]{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:26px}.fleet-head h1[b-lncrt6aj5k]{margin:.3rem 0 .3rem;font:800 clamp(1.5rem,2.4vw,2rem)/1.1 'Manrope';letter-spacing:-.03em}.fleet-head p[b-lncrt6aj5k]{max-width:700px;margin:0;color:var(--muted)}
.fleet-primary[b-lncrt6aj5k],.fleet-toolbar button[b-lncrt6aj5k]{min-height:42px;padding:0 17px;border:0;border-radius:9px;background:var(--forest);color:#fff;font-weight:800;cursor:pointer}.fleet-primary:disabled[b-lncrt6aj5k],.fleet-toolbar button:disabled[b-lncrt6aj5k]{opacity:.5;cursor:default}
.fleet-blocked[b-lncrt6aj5k]{max-width:700px;padding:40px;border:1px solid #e7c1bd;border-radius:18px;background:#fff5f4}.fleet-blocked>span[b-lncrt6aj5k]{color:#9a4039;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.fleet-blocked h2[b-lncrt6aj5k]{margin:8px 0}.fleet-blocked p[b-lncrt6aj5k]{margin:0;color:var(--muted)}
.fleet-create[b-lncrt6aj5k]{margin-bottom:18px;padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff}.fleet-create header[b-lncrt6aj5k],.fleet-create footer[b-lncrt6aj5k]{display:flex;align-items:flex-end;justify-content:space-between;gap:22px}.fleet-create header span[b-lncrt6aj5k],.fleet-create label>span[b-lncrt6aj5k],.fleet-toolbar label>span[b-lncrt6aj5k],.action-card>span[b-lncrt6aj5k],.action-card label>span[b-lncrt6aj5k]{color:var(--muted);font-size:.67rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.fleet-create h2[b-lncrt6aj5k]{margin:4px 0 0;font:700 1.35rem 'Manrope'}.fleet-create header p[b-lncrt6aj5k]{max-width:470px;margin:0;color:var(--muted);font-size:.82rem;text-align:right}.fleet-form-grid[b-lncrt6aj5k]{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;margin:20px 0}.fleet-form-grid label[b-lncrt6aj5k],.fleet-toolbar label[b-lncrt6aj5k],.action-card label[b-lncrt6aj5k]{display:grid;gap:6px}.fleet-form-grid input[b-lncrt6aj5k],.fleet-form-grid select[b-lncrt6aj5k],.fleet-toolbar select[b-lncrt6aj5k]{height:44px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:#fbfcfb;color:var(--ink);font-weight:600}.fleet-create footer>span[b-lncrt6aj5k]{max-width:620px;color:var(--muted);font-size:.76rem}
.enrolment-ticket[b-lncrt6aj5k]{margin-bottom:18px;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #9fc9ad;border-radius:2px 18px 2px 18px;background:var(--forest);color:#fff;box-shadow:0 14px 36px rgba(23,61,44,.16)}.enrolment-ticket div[b-lncrt6aj5k]{display:grid;gap:3px}.enrolment-ticket span[b-lncrt6aj5k]{color:#a9c8b7;font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.enrolment-ticket strong[b-lncrt6aj5k]{font:700 clamp(1.5rem,3vw,2.3rem) ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}.enrolment-ticket small[b-lncrt6aj5k]{color:#c6d9cf}.enrolment-ticket button[b-lncrt6aj5k]{padding:9px 14px;border:1px solid #739382;border-radius:8px;background:transparent;color:#fff;font-weight:800;cursor:pointer}
.fleet-message[b-lncrt6aj5k]{margin:12px 0;padding:11px 13px;border-left:3px solid var(--amber);background:#fff8e6;color:#6d5420;font-size:.84rem}.fleet-summary[b-lncrt6aj5k]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}.fleet-summary article[b-lncrt6aj5k]{padding:18px;border:1px solid var(--line);border-radius:14px;background:#fff;display:grid;gap:2px}.fleet-summary span[b-lncrt6aj5k]{color:var(--muted);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.fleet-summary strong[b-lncrt6aj5k]{font:700 2.3rem 'Manrope';color:var(--forest)}.fleet-summary small[b-lncrt6aj5k]{color:var(--muted)}.fleet-summary .summary-attention strong[b-lncrt6aj5k]{color:#914133}
.fleet-toolbar[b-lncrt6aj5k]{display:flex;align-items:flex-end;gap:12px;margin-bottom:14px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#fff}.fleet-toolbar label[b-lncrt6aj5k]{min-width:190px}.fleet-toolbar button[b-lncrt6aj5k]{margin-left:auto}.fleet-ledger[b-lncrt6aj5k]{display:grid;gap:10px}.fleet-empty[b-lncrt6aj5k]{min-height:250px;display:grid;place-content:center;justify-items:center;border:1px dashed #bcc8c0;border-radius:16px;background:rgba(255,255,255,.5);color:var(--muted)}.fleet-empty span[b-lncrt6aj5k]{margin-top:5px;font-size:.82rem}
.device-row[b-lncrt6aj5k]{position:relative;display:grid;grid-template-columns:132px minmax(180px,1.1fr) minmax(330px,1.7fr) auto;align-items:center;gap:18px;padding:18px 20px;border:1px solid var(--line);border-left:5px solid #98a29b;border-radius:14px;background:#fff}.device-row.status-active[b-lncrt6aj5k]{border-left-color:#319060}.device-row.status-pending[b-lncrt6aj5k]{border-left-color:#cf9432}.device-row.status-suspended[b-lncrt6aj5k]{border-left-color:#a35b37}.device-row.status-revoked[b-lncrt6aj5k]{border-left-color:#6f5551;background:#f7f5f3}.device-state[b-lncrt6aj5k]{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.72rem;font-weight:800;text-transform:uppercase}.device-state i[b-lncrt6aj5k]{width:9px;height:9px;border-radius:50%;background:#98a29b}.status-active .device-state i[b-lncrt6aj5k]{background:#319060;box-shadow:0 0 0 5px #e4f3e9}.status-pending .device-state i[b-lncrt6aj5k]{background:#cf9432;box-shadow:0 0 0 5px #fbf0dc}.status-suspended .device-state i[b-lncrt6aj5k]{background:#a35b37}.status-revoked .device-state i[b-lncrt6aj5k]{background:#6f5551}.device-identity>span[b-lncrt6aj5k]{color:var(--muted);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.device-identity h2[b-lncrt6aj5k]{margin:3px 0;font:700 1rem 'Manrope'}.device-identity code[b-lncrt6aj5k]{color:var(--forest);font-weight:800}.device-row dl[b-lncrt6aj5k]{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0}.device-row dt[b-lncrt6aj5k]{color:var(--muted);font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.device-row dd[b-lncrt6aj5k]{margin:4px 0 0;font-size:.78rem;font-weight:700}.device-actions[b-lncrt6aj5k]{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap}.device-actions button[b-lncrt6aj5k]{padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--forest);font-size:.72rem;font-weight:800;cursor:pointer}.device-actions .danger-link[b-lncrt6aj5k]{color:#994238}.device-reason[b-lncrt6aj5k]{grid-column:2 / -1;margin:0;padding-top:9px;border-top:1px solid var(--line);color:#82502b;font-size:.76rem}
.action-drawer[b-lncrt6aj5k]{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:22px;background:rgba(18,29,23,.5);backdrop-filter:blur(3px)}.action-card[b-lncrt6aj5k]{width:min(100%,520px);padding:26px;border-radius:18px;background:#fff;box-shadow:0 28px 80px rgba(0,0,0,.22)}.action-card h2[b-lncrt6aj5k]{margin:6px 0;font:700 1.7rem 'Manrope'}.action-card p[b-lncrt6aj5k]{margin:0 0 18px;color:var(--muted);line-height:1.55}.action-card textarea[b-lncrt6aj5k]{min-height:90px;padding:11px;border:1px solid var(--line);border-radius:10px;resize:vertical}.action-card footer[b-lncrt6aj5k]{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.action-card footer button[b-lncrt6aj5k]{min-height:40px;padding:0 15px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font-weight:800;cursor:pointer}.action-card footer .fleet-primary[b-lncrt6aj5k]{border:0;background:var(--forest);color:#fff}.action-card footer .danger-button[b-lncrt6aj5k]{border:0;background:#934136;color:#fff}
@media(max-width:1050px){.fleet-form-grid[b-lncrt6aj5k]{grid-template-columns:repeat(2,1fr)}.device-row[b-lncrt6aj5k]{grid-template-columns:120px 1fr auto}.device-row dl[b-lncrt6aj5k]{grid-column:2 / -1}.device-reason[b-lncrt6aj5k]{grid-column:2 / -1}}
@media(max-width:700px){.fleet-head[b-lncrt6aj5k],.fleet-create header[b-lncrt6aj5k],.fleet-create footer[b-lncrt6aj5k]{align-items:stretch;flex-direction:column}.fleet-create header p[b-lncrt6aj5k]{text-align:left}.fleet-form-grid[b-lncrt6aj5k],.fleet-summary[b-lncrt6aj5k]{grid-template-columns:1fr}.fleet-toolbar[b-lncrt6aj5k]{align-items:stretch;flex-direction:column}.fleet-toolbar label[b-lncrt6aj5k]{min-width:0}.fleet-toolbar button[b-lncrt6aj5k]{margin-left:0}.device-row[b-lncrt6aj5k]{grid-template-columns:1fr}.device-row dl[b-lncrt6aj5k]{grid-column:auto;grid-template-columns:1fr 1fr}.device-actions[b-lncrt6aj5k]{justify-content:flex-start}.device-reason[b-lncrt6aj5k]{grid-column:auto}}
.fleet-location-access[b-lncrt6aj5k]{grid-column:1/-1;margin:0 0 18px;padding:13px 15px;border:1px solid var(--line);border-radius:11px}.fleet-location-access legend[b-lncrt6aj5k]{padding:0 6px;color:var(--ink);font-size:.8rem;font-weight:800}.fleet-location-access p[b-lncrt6aj5k]{margin:0 0 10px;color:var(--muted);font-size:.75rem}.fleet-location-access>div[b-lncrt6aj5k],.device-location-editor>div[b-lncrt6aj5k]{display:flex;flex-wrap:wrap;gap:9px 16px}.fleet-location-access label[b-lncrt6aj5k],.device-location-editor label[b-lncrt6aj5k]{display:flex;align-items:center;gap:7px;font-size:.78rem;font-weight:600}.fleet-location-access input[b-lncrt6aj5k],.device-location-editor input[b-lncrt6aj5k]{width:16px;height:16px;accent-color:var(--forest)}.device-location-editor[b-lncrt6aj5k]{grid-column:2/-1;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#f8fbf8}.device-location-editor>strong[b-lncrt6aj5k]{display:block;margin-bottom:10px;font-size:.8rem}.device-location-editor>button[b-lncrt6aj5k]{margin:12px 8px 0 0;padding:8px 11px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--forest);font-weight:800}.device-location-editor .fleet-primary[b-lncrt6aj5k]{background:var(--forest);color:#fff}
/* /Components/Pages/GoodsReceiving.razor.rz.scp.css */
.receiving-page[b-qxulvmdi2d]{display:grid;gap:18px}
.receiving-head[b-qxulvmdi2d]{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.receiving-head h1[b-qxulvmdi2d]{margin:5px 0 7px;font:800 clamp(1.65rem,2.5vw,2.2rem)/1.12 'Manrope',sans-serif;letter-spacing:-.035em}
.receiving-head p[b-qxulvmdi2d]{margin:0;color:var(--muted);font-size:.9rem}
.receiving-secondary[b-qxulvmdi2d],.receiving-primary[b-qxulvmdi2d]{min-height:42px;padding:0 17px;border-radius:9px;font-weight:800;cursor:pointer}
.receiving-secondary[b-qxulvmdi2d]{border:1px solid var(--line-strong);background:#fff;color:var(--forest)}
.receiving-primary[b-qxulvmdi2d]{border:0;background:var(--forest);color:#fff}
.receiving-primary:hover[b-qxulvmdi2d]{background:var(--forest-bright)}
.receiving-secondary:disabled[b-qxulvmdi2d],.receiving-primary:disabled[b-qxulvmdi2d]{opacity:.5;cursor:default}
.receiving-empty[b-qxulvmdi2d]{min-height:230px;display:grid;place-content:center;justify-items:center;gap:6px;padding:25px;border:1px dashed var(--line-strong);border-radius:14px;background:#fff;color:var(--muted);text-align:center}
.receiving-empty strong[b-qxulvmdi2d]{color:var(--ink)}
.receiving-empty span[b-qxulvmdi2d]{font-size:.84rem}
.receiving-message[b-qxulvmdi2d]{padding:12px 15px;border-left:3px solid var(--amber);border-radius:5px;background:var(--amber-soft);color:#75551e;font-size:.86rem}
.receiving-section[b-qxulvmdi2d]{display:grid;gap:9px}
.receiving-section-head[b-qxulvmdi2d]{display:flex;align-items:baseline;gap:9px;padding:2px 3px}
.receiving-section-head strong[b-qxulvmdi2d]{color:var(--ink);font:800 .92rem 'Manrope',sans-serif}
.receiving-section-head span[b-qxulvmdi2d]{color:var(--muted);font-size:.78rem}
.receiving-list[b-qxulvmdi2d]{display:grid;gap:9px}
.receiving-row[b-qxulvmdi2d]{display:flex;align-items:center;gap:14px;min-height:82px;padding:12px 17px;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:var(--shadow-card);text-decoration:none;transition:border-color .15s,transform .15s}
.receiving-row:hover[b-qxulvmdi2d]{border-color:#9db9a5;transform:translateY(-1px)}
.receiving-row-mark[b-qxulvmdi2d]{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:9px;background:var(--mint-soft);color:var(--forest);font-size:1.15rem}
.receiving-row-main[b-qxulvmdi2d]{display:grid;gap:3px;flex:1;min-width:0}
.receiving-row-main strong[b-qxulvmdi2d]{color:var(--ink);font:700 .94rem 'Manrope',sans-serif}
.receiving-row-main small[b-qxulvmdi2d]{color:var(--muted);font-size:.77rem}
.receiving-state[b-qxulvmdi2d]{display:inline-flex;align-items:center;min-height:27px;padding:2px 9px;border:1px solid var(--line-strong);border-radius:999px;background:#f1f3ef;color:#53635a;font-size:.72rem;font-weight:800;white-space:nowrap}
.receiving-state.ready[b-qxulvmdi2d]{border-color:#b8dbc4;background:var(--mint-soft);color:var(--forest)}
.receiving-row-arrow[b-qxulvmdi2d]{color:var(--forest-bright);font-size:1.2rem}
@media(max-width:620px){.receiving-head[b-qxulvmdi2d]{align-items:flex-start;flex-direction:column}.receiving-row[b-qxulvmdi2d]{flex-wrap:wrap}.receiving-state[b-qxulvmdi2d]{margin-left:50px}}
/* /Components/Pages/GoodsReceivingDetail.razor.rz.scp.css */
/* Receiving follows the reference layout: a counting table on the left, and a
   paperwork-and-summary column on the right that answers "what am I about to
   commit" without scrolling back up. */
.receiving-page[b-oiozumq91c]{display:block;max-width:1440px;color:#23392f}
.receiving-page :is(a,button,input,textarea,select):focus-visible[b-oiozumq91c]{outline:3px solid #9fcbb4;outline-offset:2px}

.page-head[b-oiozumq91c]{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:26px}
.page-head>div[b-oiozumq91c]{min-width:0}
.page-head h1[b-oiozumq91c]{margin:0 0 8px;font:650 clamp(1.6rem,3vw,2rem)/1.2 'Manrope',sans-serif;letter-spacing:-.03em;color:#17382d}
.po[b-oiozumq91c]{font-size:.88rem;color:#73817b}
.po strong[b-oiozumq91c]{color:#4d6256;font-weight:600}
.po i[b-oiozumq91c]{padding:0 8px;color:#b8c3ba;font-style:normal}
.badge[b-oiozumq91c]{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border:1px solid #d9e2dc;border-radius:30px;background:#f3f5f2;color:#5c6f65;font-size:.75rem;font-weight:600;white-space:nowrap}
.badge.is-open[b-oiozumq91c]{border-color:#cfe3d4;background:#edf5ef;color:#1b634b}
.badge.is-warn[b-oiozumq91c]{border-color:#e7d7ad;background:#faf3e2;color:#86662a}
.badge.is-quiet[b-oiozumq91c]{background:#f3f5f2;color:#73817b}
.dot[b-oiozumq91c]{width:6px;height:6px;flex:none;border-radius:50%;background:#468e67}

.route-card[b-oiozumq91c]{display:flex;align-items:center;gap:20px;margin-bottom:28px;padding:22px 26px;border:1px solid #e2e9e4;border-radius:12px;background:#fff}
.route-field[b-oiozumq91c]{display:flex;align-items:center;gap:12px;min-width:190px}
.route-field>div[b-oiozumq91c]{min-width:0}
.route-field strong[b-oiozumq91c]{font-size:.88rem;font-weight:600;overflow-wrap:anywhere}
.icon-box[b-oiozumq91c]{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:10px;background:#edf5ef;color:#1b634b}
.icon-box[b-oiozumq91c]  svg{width:19px;height:19px}
.label[b-oiozumq91c]{display:block;margin-bottom:3px;color:#73817b;font-size:.63rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.route-arrow[b-oiozumq91c]{display:grid;place-items:center;width:55px;color:#9bac9f}
.route-arrow[b-oiozumq91c]  svg{width:22px;height:22px}
.route-stats[b-oiozumq91c]{display:flex;gap:32px;margin-left:auto;padding-left:30px;border-left:1px solid #e2e9e4}
.route-stats strong[b-oiozumq91c]{display:block;line-height:1.3;font-size:1.3rem;font-weight:650;color:#17382d}
.route-stats span[b-oiozumq91c]{color:#73817b;font-size:.75rem}

.receiving-message[b-oiozumq91c]{margin-bottom:18px;padding:12px 15px;border-left:3px solid var(--amber);border-radius:5px;background:var(--amber-soft);color:#75551e;font-size:.84rem}
.receiving-empty[b-oiozumq91c]{min-height:230px;display:grid;place-content:center;justify-items:center;gap:6px;padding:25px;border:1px dashed #cdd9d1;border-radius:14px;background:#fff;color:#73817b;text-align:center}
.receiving-empty strong[b-oiozumq91c]{color:#17382d}

.layout[b-oiozumq91c]{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}
.left-col[b-oiozumq91c],.right-col[b-oiozumq91c]{display:grid;gap:22px;min-width:0}

.card[b-oiozumq91c]{min-width:0;border:1px solid #e2e9e4;border-radius:12px;background:#fff;box-shadow:0 3px 8px rgba(23,56,45,.012);overflow:hidden}
.card-head[b-oiozumq91c]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 24px}
.card-head>div[b-oiozumq91c]{min-width:0}
.card-head h2[b-oiozumq91c]{margin:0;font:650 1.05rem 'Manrope',sans-serif;letter-spacing:-.02em;color:#17382d}
.card-head p[b-oiozumq91c]{margin:6px 0 0;color:#73817b;font-size:.76rem}
.card-head-icon[b-oiozumq91c]{display:grid;place-items:center;color:#8a9f90}
.card-head-icon[b-oiozumq91c]  svg{width:17px;height:17px}
.eyebrow[b-oiozumq91c]{margin-bottom:5px;color:#1b634b;font-size:.63rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.optional[b-oiozumq91c]{padding:3px 7px;border-radius:4px;background:#f3f5f2;color:#73817b;font-size:.63rem;font-weight:500}
.count[b-oiozumq91c]{padding:4px 10px;border-radius:20px;background:#f0f4f0;color:#73817b;font-size:.7rem}

.toolbar[b-oiozumq91c]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 24px 20px}
.scan-hint[b-oiozumq91c]{display:flex;align-items:center;gap:8px;color:#73817b;font-size:.72rem;line-height:1.5}
.scan-hint[b-oiozumq91c]  svg{width:17px;height:17px;flex:none}
.btn[b-oiozumq91c]{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 14px;border:1px solid #d6e0d9;border-radius:7px;background:#fff;color:#1b634b;font-size:.76rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:background .15s}
.btn:hover:enabled[b-oiozumq91c]{background:#e5eee8}
.btn:disabled[b-oiozumq91c]{opacity:.45;cursor:not-allowed}
.btn[b-oiozumq91c]  svg{width:16px;height:16px;flex:none}
.btn.primary[b-oiozumq91c]{border-color:#1b634b;background:#1b634b;color:#fff}
.btn.primary:hover:enabled[b-oiozumq91c]{background:#124c38}
.scanner-help[b-oiozumq91c]{margin:0 24px 18px;color:#73817b;font-size:.72rem;line-height:1.6}
.damage-help[b-oiozumq91c]{margin:0 24px 20px;padding:10px 12px;border:1px solid #e6ede3;border-radius:7px;background:#f5f8f3;color:#61766a;font-size:.72rem;line-height:1.6}

/* Five columns on the desktop table; the header labels them once rather than
   repeating a label inside every row. */
.table-head[b-oiozumq91c],.product-row[b-oiozumq91c]{display:grid;grid-template-columns:minmax(160px,1fr) 46px 118px 104px 112px;gap:14px;align-items:start}
.table-head[b-oiozumq91c]{padding:11px 24px;border-block:1px solid #e2e9e4;background:#f8faf8;color:#73817b;font-size:.63rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.product-row[b-oiozumq91c]{min-height:138px;padding:24px;border-bottom:1px solid #e2e9e4}
.product-rows .product-row:last-child[b-oiozumq91c]{border-bottom:0}
.product[b-oiozumq91c]{min-width:0;padding-top:3px}
.product-name[b-oiozumq91c]{font-size:.84rem;font-weight:600;line-height:1.55;color:#23392f;overflow-wrap:anywhere}
.sku[b-oiozumq91c]{margin-top:4px;color:#73817b;font-size:.72rem}
.note-marker[b-oiozumq91c]{margin-top:5px;color:#1b634b;font-size:.65rem}
.due-cell[b-oiozumq91c]{padding-top:7px}
.due[b-oiozumq91c]{display:inline-block;padding:3px 10px;border-radius:5px;background:#edf5ef;font-size:.76rem;font-weight:600}

.quantity-cell[b-oiozumq91c],.damage-cell[b-oiozumq91c]{min-width:0}
.stepper[b-oiozumq91c]{display:flex;align-items:stretch;width:112px;height:42px;border:1px solid #d6e0d9;border-radius:7px;background:#fff;overflow:hidden;isolation:isolate}
.stepper button[b-oiozumq91c]{flex:0 0 32px;width:32px;display:grid;place-items:center;padding:0;border:0;background:#f4f8f3;color:#1b634b;font-size:1.05rem;line-height:1;cursor:pointer}
.stepper button:hover:enabled[b-oiozumq91c]{background:#e5eee8}
.stepper button:disabled[b-oiozumq91c]{background:#f8faf7;color:#a8b9af;cursor:not-allowed}
.stepper input[b-oiozumq91c]{flex:1 1 0;width:0;min-width:0;height:100%;margin:0;padding:0 2px;border:0;border-inline:1px solid #e2e9e4;background:#fff;color:#17382d;font-size:.88rem;font-weight:650;text-align:center;appearance:textfield;font-variant-numeric:tabular-nums}
.stepper input[b-oiozumq91c]::-webkit-inner-spin-button,.stepper input[b-oiozumq91c]::-webkit-outer-spin-button{appearance:none;margin:0}
.stepper:focus-within[b-oiozumq91c]{outline:2px solid #91bfa3;outline-offset:2px}
.stepper input:focus-visible[b-oiozumq91c]{outline:0}
.text-btn[b-oiozumq91c]{margin-top:5px;padding:4px 0 0;border:0;background:transparent;color:#1b634b;font-size:.66rem;font-weight:600;cursor:pointer}
.text-btn:disabled[b-oiozumq91c]{opacity:.45;cursor:not-allowed}

.damage-field[b-oiozumq91c]{display:block;margin:0;width:100%}
.damage-label[b-oiozumq91c]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.damage-input[b-oiozumq91c]{display:block}
.damage-input input[b-oiozumq91c]{width:100%;min-width:0;height:42px;padding:8px 10px;border:1px solid #d6e0d9;border-radius:7px;background:#fff;color:#17382d;font-size:.88rem;font-weight:600;text-align:center;appearance:textfield;font-variant-numeric:tabular-nums}
.damage-input input[b-oiozumq91c]::-webkit-inner-spin-button,.damage-input input[b-oiozumq91c]::-webkit-outer-spin-button{appearance:none;margin:0}
/* The derived number the counter actually cares about. */
.usable[b-oiozumq91c]{display:flex;align-items:center;gap:5px;margin-top:9px;color:#1b634b;font-size:.66rem;white-space:nowrap}
.usable[b-oiozumq91c]::before{content:"";width:4px;height:4px;flex:none;border-radius:50%;background:#75a487}

.action-stack[b-oiozumq91c]{display:grid;gap:7px;padding-top:4px;min-width:0}
.action-stack button[b-oiozumq91c]{display:flex;align-items:center;gap:6px;min-height:26px;padding:2px 0;border:0;background:none;color:#5d7364;font-size:.66rem;white-space:nowrap;text-align:left;cursor:pointer}
.action-stack button:hover[b-oiozumq91c]{color:#17382d}
.action-stack[b-oiozumq91c]  svg{width:14px;height:14px;flex:none}
.action-stack .row-scan[b-oiozumq91c]{justify-content:center;padding:6px 7px;min-height:34px;border:1px solid #d6e5da;border-radius:6px;background:#edf5ef;color:#1b634b;font-weight:600}
.action-stack .row-scan:hover[b-oiozumq91c]{background:#e0eee3}

.helper[b-oiozumq91c]{display:flex;align-items:center;gap:8px;padding:14px 24px;border-top:1px solid #e2e9e4;background:#fbfcfa;color:#73817b;font-size:.7rem;line-height:1.6}
.helper[b-oiozumq91c]  svg{width:14px;height:14px;flex:none}

.form-body[b-oiozumq91c]{padding:0 24px 24px}
.field[b-oiozumq91c]{display:block;margin-bottom:17px;color:#54685a;font-size:.72rem;font-weight:600}
.field input[b-oiozumq91c]{display:block;width:100%;min-width:0;height:41px;margin-top:7px;padding:10px 11px;border:1px solid #d6e0d8;border-radius:6px;background:#fff;color:#17382d;font-size:.78rem;font-weight:500}
.field input[b-oiozumq91c]::placeholder{color:#a0ada3;font-weight:400}
.field input:disabled[b-oiozumq91c]{background:#f3f5f2;color:#6c7e72;cursor:not-allowed}
.check[b-oiozumq91c]{display:flex;align-items:center;gap:8px;color:#68796e;font-size:.72rem;cursor:pointer}
.check input[b-oiozumq91c]{width:15px;height:15px;flex:none;accent-color:#1b634b}

.summary-body[b-oiozumq91c]{padding:0 24px 22px}
.summary-row[b-oiozumq91c]{display:flex;justify-content:space-between;gap:12px;margin:12px 0;color:#73817b;font-size:.78rem}
.summary-row strong[b-oiozumq91c]{color:#17382d;font-weight:600;font-variant-numeric:tabular-nums}
.stock-summary[b-oiozumq91c]{margin:17px -12px 0;padding:13px 12px;border-top:1px solid #e2e9e4;border-radius:6px;background:#f4f8f3;color:#1b634b}
.stock-summary strong[b-oiozumq91c]{color:#1b634b;font-size:1rem}
.progress[b-oiozumq91c]{height:5px;margin:17px 0 23px;border-radius:4px;background:#edf1eb;overflow:hidden}
.progress>div[b-oiozumq91c]{height:100%;background:#418b65;transition:width .2s}
.submit[b-oiozumq91c]{width:100%;min-height:43px;font-size:.78rem}
.summary-foot[b-oiozumq91c]{margin:9px 0 0;color:#73817b;font-size:.68rem;text-align:center}

.empty[b-oiozumq91c]{padding:30px;text-align:center}
.empty .icon-box[b-oiozumq91c]{width:44px;height:44px;margin:0 auto 12px;background:#f5f7f4;color:#9aaa9e}
.empty strong[b-oiozumq91c]{font-size:.78rem;font-weight:600}
.empty p[b-oiozumq91c]{margin:5px 0 0;color:#73817b;font-size:.72rem}
.history-entry[b-oiozumq91c]{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px 24px;border-top:1px solid #e2e9e4;font-size:.78rem}
.history-entry>div[b-oiozumq91c]{min-width:0}
.history-entry strong[b-oiozumq91c]{color:#17382d}
.history-entry p[b-oiozumq91c]{margin:3px 0 0;color:#73817b;font-size:.72rem}

/* Rendered by the app rather than a native dialog, which would need interop. */
.dlg-scrim[b-oiozumq91c]{position:fixed;inset:0;z-index:120;background:rgba(22,51,42,.4);backdrop-filter:blur(2px)}
.dlg[b-oiozumq91c]{position:fixed;z-index:130;top:50%;left:50%;transform:translate(-50%,-50%);width:min(430px,calc(100vw - 32px));max-height:min(88vh,860px);overflow-y:auto;padding:24px;border:1px solid #e2e9e4;border-radius:14px;background:#fff;color:#17382d;box-shadow:0 24px 80px rgba(16,45,42,.19)}
.dlg h2[b-oiozumq91c]{margin:0 0 8px;font:650 1.05rem 'Manrope',sans-serif;letter-spacing:-.02em}
.dlg-product[b-oiozumq91c]{margin:0 0 4px;color:#17382d;font-size:.82rem;font-weight:600}
.dlg-product i[b-oiozumq91c]{padding:0 6px;color:#b8c3ba;font-style:normal}
.dlg-lead[b-oiozumq91c]{margin:0 0 18px;color:#73817b;font-size:.76rem;line-height:1.6}
.dlg-pair[b-oiozumq91c]{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dlg .code-input[b-oiozumq91c]{font-family:ui-monospace,Consolas,monospace;letter-spacing:.04em}
.dlg-warn[b-oiozumq91c]{margin:0 0 4px;padding:10px 12px;border-left:3px solid var(--danger);border-radius:0 7px 7px 0;background:#fff5f4;color:#7d3a33;font-size:.74rem}
.dlg footer[b-oiozumq91c]{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}
.dlg[b-oiozumq91c]  .camera-scanner{margin:0 0 16px}
.dlg[b-oiozumq91c]  .camera-open{width:100%;min-height:42px;border:1px solid #d6e0d9;border-radius:7px;background:#edf5ef;color:#1b634b;font-size:.78rem;font-weight:600}
.dlg[b-oiozumq91c]  .camera-open:hover:not(:disabled){background:#e0eee3}
.dlg[b-oiozumq91c]  .camera-panel{width:100%}

@media(max-width:1100px){
    .layout[b-oiozumq91c]{grid-template-columns:1fr}
    .right-col[b-oiozumq91c]{grid-template-columns:1fr 1fr;align-items:start}
    .route-field[b-oiozumq91c]{min-width:0;flex:1}
    .table-head[b-oiozumq91c],.product-row[b-oiozumq91c]{grid-template-columns:minmax(150px,1fr) 44px 112px 100px 110px}
    .route-stats[b-oiozumq91c]{gap:24px}
}

@media(max-width:780px){
    .receiving-page[b-oiozumq91c]{font-size:.9rem}
    .right-col[b-oiozumq91c]{grid-template-columns:1fr}
    .page-head[b-oiozumq91c]{align-items:flex-start;gap:12px}
    .page-head .badge[b-oiozumq91c]{flex:none;margin-top:4px}
    .route-card[b-oiozumq91c]{flex-wrap:wrap;gap:12px;padding:17px}
    .route-field[b-oiozumq91c]{gap:8px}
    .route-field .icon-box[b-oiozumq91c]{width:32px;height:32px}
    .route-arrow[b-oiozumq91c]{width:24px;padding:0}
    .route-stats[b-oiozumq91c]{width:100%;margin:4px 0 0;padding:12px 0 0;border-left:0;border-top:1px solid #e2e9e4;gap:26px}
    .route-stats>div[b-oiozumq91c]{display:flex;align-items:baseline;gap:7px}
    .route-stats strong[b-oiozumq91c]{font-size:1.1rem}

    .card-head[b-oiozumq91c],.toolbar[b-oiozumq91c]{padding-inline:20px}
    .scanner-help[b-oiozumq91c],.damage-help[b-oiozumq91c]{margin-inline:20px}
    .toolbar[b-oiozumq91c]{flex-wrap:wrap;gap:10px}
    .toolbar .btn[b-oiozumq91c]{min-height:44px;flex:1 1 140px}

    /* The header cannot label columns that no longer sit in columns, so each
       cell carries its own label on a phone. */
    .table-head[b-oiozumq91c]{display:none}
    .product-row[b-oiozumq91c]{position:relative;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 14px;padding:22px 20px}
    .product-row>.product[b-oiozumq91c]{grid-column:1/-1;padding-right:62px}
    .product-name[b-oiozumq91c]{font-size:.9rem}
    .due-cell[b-oiozumq91c]{position:absolute;top:22px;right:20px;padding:0}
    .due-cell .due[b-oiozumq91c]::after{content:" due";font-size:.66rem}
    .quantity-cell[b-oiozumq91c]{grid-column:1;grid-row:2}
    .quantity-cell[b-oiozumq91c]::before{content:"ARRIVED";display:block;margin-bottom:8px;color:#73817b;font-size:.63rem;font-weight:700;letter-spacing:.08em}
    .stepper[b-oiozumq91c]{width:100%;height:48px}
    .stepper button[b-oiozumq91c]{flex-basis:34px;width:34px;font-size:1.15rem}
    .stepper input[b-oiozumq91c]{font-size:1rem}
    .damage-cell[b-oiozumq91c]{grid-column:2;grid-row:2}
    .damage-label[b-oiozumq91c]{position:static;width:auto;height:auto;clip:auto;display:block;margin:0 0 8px;overflow:visible;color:#73817b;font-size:.63rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
    .damage-input input[b-oiozumq91c]{height:48px;font-size:1rem}
    .text-btn[b-oiozumq91c]{min-height:36px;font-size:.7rem}
    .usable[b-oiozumq91c]{margin-top:10px;font-size:.7rem;white-space:normal}
    /* Row actions become real targets once they are the only way in. */
    .action-stack[b-oiozumq91c]{grid-column:1/-1;grid-row:3;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:12px;border-top:1px solid #e2e9e4}
    .action-stack button[b-oiozumq91c]{justify-content:center;min-height:44px;padding:7px 8px;border:1px solid #e2e9e4;border-radius:6px;background:#fafcf9;font-size:.72rem;white-space:normal}
    .action-stack button:hover[b-oiozumq91c]{background:#edf5ef}
    .action-stack .row-scan[b-oiozumq91c]{grid-column:1/-1;min-height:46px;font-size:.78rem}

    .helper[b-oiozumq91c]{padding-inline:20px;align-items:flex-start}
    .form-body[b-oiozumq91c],.summary-body[b-oiozumq91c]{padding-inline:20px}
    .field input[b-oiozumq91c]{height:46px;font-size:1rem}
    .check[b-oiozumq91c]{min-height:44px;font-size:.78rem}
    .check input[b-oiozumq91c]{width:18px;height:18px}
    .summary-row[b-oiozumq91c]{font-size:.82rem}
    .submit[b-oiozumq91c]{min-height:48px;font-size:.82rem}
    .history-entry[b-oiozumq91c]{padding-inline:20px}
    .dlg[b-oiozumq91c]{padding:20px}
    .dlg .field input[b-oiozumq91c]{font-size:1rem}
}

@media(max-width:380px){
    .card-head[b-oiozumq91c],.toolbar[b-oiozumq91c],.helper[b-oiozumq91c],.form-body[b-oiozumq91c],.summary-body[b-oiozumq91c],.history-entry[b-oiozumq91c]{padding-inline:16px}
    .scanner-help[b-oiozumq91c],.damage-help[b-oiozumq91c]{margin-inline:16px}
    .product-row[b-oiozumq91c]{padding:20px 16px}
    .due-cell[b-oiozumq91c]{top:20px;right:16px}
    .route-field .icon-box[b-oiozumq91c]{display:none}
    .dlg-pair[b-oiozumq91c]{grid-template-columns:1fr}
}

@media(prefers-reduced-motion:reduce){.progress>div[b-oiozumq91c],.btn[b-oiozumq91c]{transition:none}}

.dlg-status[b-oiozumq91c]{margin-right:auto;color:#73817b;font-size:.7rem;text-align:left}
.dlg .field select[b-oiozumq91c]{display:block;width:100%;min-width:0;height:41px;margin-top:7px;padding:0 10px;border:1px solid #d6e0d8;border-radius:6px;background:#fff;color:#17382d;font-size:.78rem;font-weight:500}
.dlg-product code[b-oiozumq91c]{padding:2px 7px;border-radius:5px;background:#f3f5f2;font-family:ui-monospace,Consolas,monospace;font-size:.78rem}
@media(max-width:780px){.dlg .field select[b-oiozumq91c]{height:46px;font-size:1rem}.dlg footer[b-oiozumq91c]{flex-wrap:wrap}.dlg-status[b-oiozumq91c]{flex:1 1 100%;margin:0 0 6px}}
/* /Components/Pages/InventoryCountDetail.razor.rz.scp.css */
.loading-card[b-klmrri95q9] { padding:60px 16px; text-align:center; color:var(--muted); }
.count-note[b-klmrri95q9] { margin:0 0 12px; padding:11px 14px; border-left:3px solid var(--forest); background:var(--mint-soft); color:#2c4a3b; font-size:.84rem; }
.count-back[b-klmrri95q9] { color:inherit; text-decoration:underline; text-underline-offset:2px; }
.count-sent-back[b-klmrri95q9] { display:grid; gap:3px; margin:0 0 12px; padding:12px 15px; border-left:3px solid var(--danger); background:#fff5f4; border-radius:0 10px 10px 0; }
.count-sent-back strong[b-klmrri95q9] { color:#9a4039; font-size:.86rem; }
.count-sent-back span[b-klmrri95q9] { color:var(--muted); font-size:.82rem; }

.sheet-toolbar[b-klmrri95q9] { display:flex; flex-wrap:wrap; gap:10px; align-items:center; justify-content:space-between; margin:0 0 12px; }
.sheet-sr[b-klmrri95q9] { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.sheet-search[b-klmrri95q9] { flex:1 1 230px; }
.sheet-search input[b-klmrri95q9] { width:100%; height:42px; padding:0 13px; border:1px solid var(--line); border-radius:9px; background:#fff; color:var(--ink); font-size:.88rem; }
.sheet-category[b-klmrri95q9] { flex:0 1 190px; }
.sheet-category select[b-klmrri95q9] { width:100%; height:42px; padding:0 11px; border:1px solid var(--line); border-radius:9px; background:#fff; color:var(--ink); font-size:.82rem; font-weight:600; }
.sheet-filters[b-klmrri95q9] { display:flex; flex-wrap:wrap; gap:6px; }
.sheet-filter[b-klmrri95q9] { display:inline-flex; align-items:center; gap:7px; height:42px; padding:0 14px; border:1px solid var(--line-strong); border-radius:9px; background:#fff; color:var(--muted); font-weight:800; font-size:.78rem; cursor:pointer; }
.sheet-filter:hover[b-klmrri95q9] { border-color:var(--forest-bright); color:var(--ink); }
.sheet-filter.is-on[b-klmrri95q9] { border-color:var(--forest); background:var(--mint-soft); color:var(--forest); }
.sheet-filter b[b-klmrri95q9] { padding:2px 8px; border-radius:99px; background:#f1f4f1; font-variant-numeric:tabular-nums; font-size:.72rem; }

/* Row cues, on the count-sheet rows this page now renders. They were written
   for the old <table> and keyed off <td>, which no longer exists here. */
.cs-row.row-dirty[b-klmrri95q9] { background:var(--amber-soft); }
.cs-row.row-repeat[b-klmrri95q9] { box-shadow:inset 3px 0 0 var(--danger); }
.confirm-post p[b-klmrri95q9] { margin:0; color:var(--muted); font-size:.84rem; line-height:1.55; }
.confirm-post strong[b-klmrri95q9] { color:var(--ink); font-size:.95rem; }

.sheet-number[b-klmrri95q9] { font-variant-numeric:tabular-nums; color:var(--text); }
.sheet-gain[b-klmrri95q9] { color:var(--forest); font-weight:700; font-variant-numeric:tabular-nums; }
.sheet-loss[b-klmrri95q9] { color:var(--danger); font-weight:700; font-variant-numeric:tabular-nums; }
.action-button[b-klmrri95q9] { min-width:120px; height:42px; padding:0 16px; border:1px solid var(--line-strong); border-radius:9px; background:#fff; color:var(--ink); font-weight:800; cursor:pointer; }
.action-button:hover[b-klmrri95q9] { border-color:var(--forest-bright); color:var(--forest); }
.action-button.primary[b-klmrri95q9] { border:0; background:var(--forest); color:#fff; }
.action-button.primary:hover[b-klmrri95q9] { background:var(--forest-bright); }
.action-button.danger[b-klmrri95q9] { border:1px solid #e7c1bd; background:#fff5f4; color:var(--danger); }
.action-button.danger:hover[b-klmrri95q9] { border-color:var(--danger); }
.action-button.subtle[b-klmrri95q9] { border:0; background:transparent; color:var(--muted); }
.action-button.subtle:hover[b-klmrri95q9] { color:var(--ink); }
.action-button:disabled[b-klmrri95q9] { opacity:.5; cursor:default; }
.reason-editor[b-klmrri95q9] { display:grid; gap:8px; margin-top:12px; padding:14px 16px; border:1px solid var(--line); border-radius:12px; background:var(--panel); }
.reason-label[b-klmrri95q9] { color:var(--muted); font-size:.7rem; font-weight:700; text-transform:uppercase; letter-spacing:.08em; }
.reason-input[b-klmrri95q9] { height:44px; padding:0 12px; border:1px solid var(--line); border-radius:9px; background:#fff; color:var(--ink); font-weight:600; }
.reason-actions[b-klmrri95q9] { display:flex; gap:10px; justify-content:flex-end; }
@media(max-width:620px){
    .office-head[b-klmrri95q9]{align-items:stretch;flex-direction:column}
    .sheet-toolbar[b-klmrri95q9]{flex-direction:column;align-items:stretch}
    .action-button[b-klmrri95q9]{flex:1 1 140px}
}
/* /Components/Pages/InventoryCounts.razor.rz.scp.css */
.head-pickers[b-x33cssjofo] { display:flex; gap:12px; flex-wrap:wrap; }
.search-action[b-x33cssjofo] { min-width:130px; height:42px; padding:0 17px; border:0; border-radius:9px; background:var(--forest); color:#fff; font-weight:800; cursor:pointer; }
.search-action:hover[b-x33cssjofo] { background:var(--forest-bright); }
.search-action:disabled[b-x33cssjofo] { opacity:.5; cursor:default; }
.open-count-hint[b-x33cssjofo] { margin-top:12px; padding:11px 13px; border-left:3px solid var(--amber); background:var(--amber-soft); color:#6d5420; font-size:.82rem; }
.open-count-actions[b-x33cssjofo] { margin-top:14px; display:flex; justify-content:flex-end; }
/* A count waiting on a signature is the one row someone has to act on. */
.awaiting-flag[b-x33cssjofo] { margin-left:9px; padding:3px 10px; border-radius:99px; background:var(--amber-soft); color:#6d5420; font-weight:800; font-size:.72rem; }
.row-awaiting td:first-child[b-x33cssjofo] { box-shadow:inset 3px 0 0 var(--amber); }
.counted-cell[b-x33cssjofo] { display:grid; gap:5px; min-width:92px; }
.counted-cell span:first-child[b-x33cssjofo] { font-variant-numeric:tabular-nums; }
.counted-bar[b-x33cssjofo] { display:block; height:4px; border-radius:99px; background:#ecefec; overflow:hidden; }
.counted-bar b[b-x33cssjofo] { display:block; height:100%; border-radius:99px; background:var(--forest); }

.results-panel[b-x33cssjofo] { border:1px solid var(--line); border-radius:18px; background:#fff; overflow:hidden; min-height:260px; box-shadow:var(--shadow-card); }
.results-empty[b-x33cssjofo] { min-height:260px; display:grid; place-content:center; justify-items:center; color:var(--muted); text-align:center; }
.results-empty span[b-x33cssjofo] { margin-top:5px; font-size:.82rem; }
@media(max-width:620px){.office-head[b-x33cssjofo]{align-items:stretch;flex-direction:column}}
/* /Components/Pages/InventoryExceptions.razor.rz.scp.css */
.location-picker[b-wwa3k29rib] { min-width:200px; display:grid; gap:6px; color:var(--muted); font-size:.7rem; font-weight:700; text-transform:uppercase; letter-spacing:.08em; }
.location-picker select[b-wwa3k29rib],.location-picker input[b-wwa3k29rib] { height:46px; padding:0 12px; border:1px solid var(--line-strong); border-radius:9px; background:#fff; color:var(--text); font-weight:600; text-transform:none; letter-spacing:0; font-size:.86rem; }
.location-picker input:disabled[b-wwa3k29rib],.location-picker select:disabled[b-wwa3k29rib] { opacity:.55; }
.pos-blocked[b-wwa3k29rib] { max-width:700px; padding:40px; border:1px solid #e7c1bd; border-radius:18px; background:#fff5f4; }
.pos-blocked>span[b-wwa3k29rib] { color:var(--danger); font-size:.7rem; font-weight:800; text-transform:uppercase; letter-spacing:.1em; }
.pos-blocked h2[b-wwa3k29rib] { margin:8px 0; color:var(--text); }
.pos-blocked p[b-wwa3k29rib] { margin:0; color:var(--muted); }
.search-strip[b-wwa3k29rib] { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:14px; padding:12px 16px; border:1px solid var(--line); border-radius:12px; background:var(--panel); color:var(--muted); font-size:.84rem; }
.search-action[b-wwa3k29rib] { min-width:130px; height:42px; border:0; border-radius:8px; background:var(--forest); color:#fff; font-weight:700; cursor:pointer; }
.search-action:hover[b-wwa3k29rib] { background:var(--forest-bright); }
.search-action:disabled[b-wwa3k29rib] { opacity:.5; cursor:default; }
.pos-message[b-wwa3k29rib] { margin:12px 0; padding:11px 13px; border-left:3px solid var(--signal); background:var(--amber-soft); color:#715416; font-size:.84rem; }
.open-count[b-wwa3k29rib] { margin:0 0 18px; padding:18px 18px 16px; border:1px solid var(--line); border-radius:16px; background:var(--panel); }
.open-count-title[b-wwa3k29rib] { display:grid; gap:3px; margin-bottom:14px; }
.open-count-title strong[b-wwa3k29rib] { font:700 1rem 'DM Sans'; color:var(--text); }
.open-count-title span[b-wwa3k29rib] { color:var(--muted); font-size:.82rem; }
.open-count-fields[b-wwa3k29rib] { display:flex; gap:14px; flex-wrap:wrap; }
.open-count-fields .location-picker[b-wwa3k29rib] { min-width:200px; }
.open-count-actions[b-wwa3k29rib] { margin-top:14px; display:flex; justify-content:flex-end; }
.transfer-lines[b-wwa3k29rib] { margin-top:14px; display:grid; gap:9px; }
.transfer-line[b-wwa3k29rib] { display:flex; gap:9px; align-items:center; }
.transfer-line .line-product[b-wwa3k29rib] { flex:1 1 auto; height:42px; padding:0 12px; border:1px solid var(--line-strong); border-radius:9px; background:#fff; color:var(--text); font-weight:600; }
.transfer-line .line-quantity[b-wwa3k29rib] { width:110px; height:42px; padding:0 12px; border:1px solid var(--line-strong); border-radius:9px; background:#fff; color:var(--text); font-weight:600; }
.line-remove[b-wwa3k29rib] { width:36px; height:36px; border:0; border-radius:8px; background:transparent; color:var(--danger); font-weight:800; cursor:pointer; }
.line-remove:hover[b-wwa3k29rib] { background:#fbe7e5; }
.line-add[b-wwa3k29rib] { min-width:auto; padding:0 18px; background:var(--forest); border:0; color:#fff; }
.results-panel[b-wwa3k29rib] { border:1px solid var(--line); border-radius:16px; background:var(--panel); overflow:hidden; min-height:260px; }
.results-empty[b-wwa3k29rib] { min-height:260px; display:grid; place-content:center; justify-items:center; color:var(--muted); text-align:center; }
.results-empty span[b-wwa3k29rib] { margin-top:5px; font-size:.82rem; }
@media(max-width:620px){.office-head[b-wwa3k29rib]{align-items:stretch;flex-direction:column}.location-picker[b-wwa3k29rib]{min-width:0;width:100%}.sales-table[b-wwa3k29rib]{display:block;overflow-x:auto}.transfer-line[b-wwa3k29rib]{flex-wrap:wrap}}
/* /Components/Pages/InventoryTimeline.razor.rz.scp.css */
.quiet-link[b-rh7tewsd1s] { color: var(--signal-bright); font-weight: 800; text-decoration: none; white-space: nowrap; }

.timeline-head[b-rh7tewsd1s] { display: flex; justify-content: space-between; gap: 24px; align-items: end; margin-bottom: 26px; }
.timeline-head h1[b-rh7tewsd1s] { margin: .25rem 0 .5rem; color: var(--text); }
.timeline-head p[b-rh7tewsd1s] { max-width: 680px; color: var(--muted); }

.timeline-shell[b-rh7tewsd1s] { max-width: 980px; padding: 24px; border: 1px solid var(--line); border-radius: 20px; background: var(--panel); }
.timeline-summary[b-rh7tewsd1s] { display: flex; align-items: baseline; gap: 14px; padding-bottom: 18px; border-bottom: 1px solid var(--line); }
.timeline-summary span[b-rh7tewsd1s] { color: var(--signal); font-size: .72rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.timeline-summary strong[b-rh7tewsd1s] { font-size: 1.1rem; color: var(--text); }
.timeline-summary small[b-rh7tewsd1s] { margin-left: auto; color: var(--muted); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .7rem; }

.timeline-track[b-rh7tewsd1s] { position: relative; padding: 24px 0 0 28px; }
.timeline-track[b-rh7tewsd1s]::before { position: absolute; top: 30px; bottom: 20px; left: 7px; width: 2px; background: rgba(230, 224, 209, .2); content: ""; }

.timeline-event[b-rh7tewsd1s] { position: relative; margin-bottom: 26px; padding: 20px; border: 1px solid var(--line); border-radius: 15px; background: rgba(13, 21, 24, .55); box-shadow: 0 8px 22px rgba(0, 0, 0, .22); }
.timeline-pin[b-rh7tewsd1s] { position: absolute; top: 25px; left: -28px; width: 12px; height: 12px; border: 3px solid var(--ink); border-radius: 50%; background: var(--signal); box-shadow: 0 0 0 2px rgba(227, 168, 79, .4); }
.timeline-event header[b-rh7tewsd1s] { display: flex; justify-content: space-between; gap: 16px; align-items: start; }
.timeline-event header div[b-rh7tewsd1s] { display: grid; gap: 4px; }
.timeline-event header span[b-rh7tewsd1s] { color: var(--signal); font-size: .72rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.timeline-event h2[b-rh7tewsd1s] { margin: 0; font-size: 1rem; color: var(--text); }
.timeline-event time[b-rh7tewsd1s] { color: var(--muted); font-size: .76rem; white-space: nowrap; }
.timeline-occurred[b-rh7tewsd1s] { margin: 12px 0 16px; color: var(--muted); font-size: .76rem; }

.timeline-legs[b-rh7tewsd1s] { display: grid; gap: 0; border-top: 1px solid var(--line); }
.timeline-leg[b-rh7tewsd1s] { display: grid; grid-template-columns: 1fr auto auto; gap: 16px; align-items: center; padding: 11px 0; border-bottom: 1px solid rgba(230, 224, 209, .08); }
.timeline-leg div[b-rh7tewsd1s] { display: grid; gap: 3px; }
.timeline-leg small[b-rh7tewsd1s] { color: var(--muted); font-size: .73rem; }
.quantity-in[b-rh7tewsd1s] { color: #69b49a; }
.quantity-out[b-rh7tewsd1s] { color: var(--danger); }

.timeline-empty[b-rh7tewsd1s] { display: grid; gap: 7px; padding: 28px; border: 1px solid var(--line); border-radius: 16px; background: var(--panel); }
.timeline-empty span[b-rh7tewsd1s] { color: var(--muted); }

@media(max-width: 700px) {
    .timeline-head[b-rh7tewsd1s] { display: grid; }
    .timeline-summary[b-rh7tewsd1s] { display: grid; gap: 7px; }
    .timeline-summary small[b-rh7tewsd1s] { margin-left: 0; }
    .timeline-event header[b-rh7tewsd1s] { display: grid; }
    .timeline-leg[b-rh7tewsd1s] { grid-template-columns: 1fr auto; }
    .timeline-leg > small[b-rh7tewsd1s] { grid-column: 1; }
}
/* /Components/Pages/LocationHistory.razor.rz.scp.css */
/* The record of one location, read long after it stopped trading. It is a page
   for understanding rather than acting, so the figures lead and everything
   below them is a table you can scan. */

.lh-page[b-u7eq9qj21c] { display: grid; gap: 18px; max-width: 1180px; }

.lh-head[b-u7eq9qj21c] { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; flex-wrap: wrap; }
.lh-head h1[b-u7eq9qj21c] { margin: 2px 0 6px; font: 650 1.6rem 'Manrope', sans-serif; letter-spacing: -.02em; color: var(--ink); }
.lh-head p[b-u7eq9qj21c] { margin: 0; max-width: 62ch; color: var(--muted); font-size: .86rem; line-height: 1.55; }
.lh-back[b-u7eq9qj21c] { color: var(--forest); font-size: .8rem; font-weight: 800; text-decoration: none; white-space: nowrap; }
.lh-back:hover[b-u7eq9qj21c] { text-decoration: underline; }

.lh-identity[b-u7eq9qj21c] { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding: 16px 20px; border: 1px solid var(--line); border-radius: 12px; background: #fff; }
.lh-identity > div[b-u7eq9qj21c] { display: grid; gap: 3px; }
.lh-code[b-u7eq9qj21c] { color: var(--muted); font-size: .68rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.lh-identity strong[b-u7eq9qj21c] { font: 650 1.05rem 'Manrope', sans-serif; color: var(--ink); }
.lh-identity small[b-u7eq9qj21c] { color: var(--muted); font-size: .78rem; }
.lh-dates[b-u7eq9qj21c] { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; justify-items: end; }
.lh-dates span[b-u7eq9qj21c] { color: var(--muted); font-size: .78rem; }
.lh-dates b[b-u7eq9qj21c] { color: var(--ink); }
.lh-closed-chip[b-u7eq9qj21c] { padding: 4px 10px; border-radius: 99px; background: #f3efe9; color: #6b574b; font-size: .72rem; font-weight: 800; }
.lh-open-chip[b-u7eq9qj21c] { padding: 4px 10px; border-radius: 99px; background: #e8f5ec; color: #24603f; font-size: .72rem; font-weight: 800; }

/* Four numbers answer most questions about a dead store: what came in, what
   went out, what it earned, and what it was still holding. */
.lh-figures[b-u7eq9qj21c] { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 12px; }
.lh-figure[b-u7eq9qj21c] { display: grid; gap: 4px; padding: 16px 18px; border: 1px solid var(--line); border-left-width: 3px; border-radius: 12px; background: #fff; }
.lh-figure span[b-u7eq9qj21c] { color: var(--muted); font-size: .72rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.lh-figure strong[b-u7eq9qj21c] { font: 650 1.5rem 'Manrope', sans-serif; letter-spacing: -.02em; color: var(--ink); font-variant-numeric: tabular-nums; }
.lh-figure small[b-u7eq9qj21c] { color: var(--muted); font-size: .76rem; }
.lh-figure.is-in[b-u7eq9qj21c] { border-left-color: #287f55; }
.lh-figure.is-out[b-u7eq9qj21c] { border-left-color: #5486b3; }
.lh-figure.is-warn[b-u7eq9qj21c] { border-left-color: var(--amber, #c99a2e); background: #fffaf0; }

.lh-span[b-u7eq9qj21c] { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding: 11px 18px; border-radius: 10px; background: var(--panel, #f3f5f1); color: var(--muted); font-size: .78rem; }
.lh-span b[b-u7eq9qj21c] { color: var(--ink); }

.lh-grid[b-u7eq9qj21c] { display: grid; grid-template-columns: repeat(auto-fit, minmax(330px, 1fr)); gap: 14px; }

.lh-card[b-u7eq9qj21c] { border: 1px solid var(--line); border-radius: 12px; background: #fff; overflow: hidden; }
.lh-card > header[b-u7eq9qj21c] { padding: 16px 20px 12px; }
.lh-card h2[b-u7eq9qj21c] { margin: 0; font: 650 1rem 'Manrope', sans-serif; letter-spacing: -.01em; color: var(--ink); }
.lh-card header p[b-u7eq9qj21c] { margin: 5px 0 0; max-width: 70ch; color: var(--muted); font-size: .78rem; line-height: 1.5; }
.lh-none[b-u7eq9qj21c] { margin: 0; padding: 0 20px 18px; color: var(--muted); font-size: .82rem; }

.lh-table[b-u7eq9qj21c] { width: 100%; border-collapse: collapse; }
.lh-table th[b-u7eq9qj21c] { padding: 8px 20px; border-bottom: 1px solid var(--line); color: var(--muted); font-size: .68rem; font-weight: 800; letter-spacing: .07em; text-align: left; text-transform: uppercase; }
.lh-table td[b-u7eq9qj21c] { padding: 11px 20px; border-bottom: 1px solid #f0f3ef; color: var(--ink); font-size: .84rem; vertical-align: top; }
.lh-table tr:last-child td[b-u7eq9qj21c] { border-bottom: 0; }
.lh-table td strong[b-u7eq9qj21c] { display: block; font-weight: 650; }
.lh-table td small[b-u7eq9qj21c] { color: var(--muted); font-size: .74rem; }
.lh-table .num[b-u7eq9qj21c] { text-align: right; font-variant-numeric: tabular-nums; }
.lh-in[b-u7eq9qj21c] { color: #287f55; font-weight: 700; }
.lh-out[b-u7eq9qj21c] { color: #5486b3; font-weight: 700; }

.lh-feed[b-u7eq9qj21c] { display: grid; }
.lh-feed-row[b-u7eq9qj21c] { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 11px 20px; border-bottom: 1px solid #f0f3ef; }
.lh-feed-row:last-child[b-u7eq9qj21c] { border-bottom: 0; }
.lh-feed-row > div[b-u7eq9qj21c] { display: grid; gap: 2px; min-width: 0; }
.lh-feed-row strong[b-u7eq9qj21c] { font: 650 .85rem 'Manrope', sans-serif; color: var(--ink); }
.lh-feed-row small[b-u7eq9qj21c] { color: var(--muted); font-size: .75rem; }
.lh-feed-row > span[b-u7eq9qj21c] { color: var(--muted); font-size: .76rem; white-space: nowrap; font-variant-numeric: tabular-nums; }

.lh-more[b-u7eq9qj21c] { width: 100%; padding: 13px; border: 0; border-top: 1px solid var(--line); background: transparent; color: var(--forest); font-size: .8rem; font-weight: 800; cursor: pointer; }
.lh-more:hover:not(:disabled)[b-u7eq9qj21c] { background: var(--mint-soft, #eef6f0); }
.lh-more:disabled[b-u7eq9qj21c] { color: var(--muted); cursor: default; }

.lh-empty[b-u7eq9qj21c] { display: grid; gap: 5px; padding: 40px 22px; border: 1px solid var(--line); border-radius: 12px; background: #fff; color: var(--muted); font-size: .86rem; text-align: center; }
.lh-empty strong[b-u7eq9qj21c] { color: var(--ink); font: 650 1rem 'Manrope', sans-serif; }

@media (max-width: 720px) {
    .lh-table th:nth-child(2)[b-u7eq9qj21c], .lh-table td:nth-child(2)[b-u7eq9qj21c] { display: none; }
    .lh-span[b-u7eq9qj21c] { flex-direction: column; gap: 4px; }
}
/* /Components/Pages/Locations.razor.rz.scp.css */
/* The locations desk. Three counts at the top for the shape of the estate, a
   directory down the left, and one location open at a time on the right with a
   single pending state and a single Save. */

.lx-crumbs[b-9n5c8a80to] { display: flex; align-items: center; gap: 8px; color: #63786b; font-size: .69rem; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.lx-crumbs i[b-9n5c8a80to] { width: 3px; height: 3px; border-radius: 50%; background: #91a89a; }

.lx-top[b-9n5c8a80to] { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin: 13px 0 26px; }
.lx-top h1[b-9n5c8a80to] { margin: 0 0 7px; font: 800 clamp(1.7rem, 2.4vw, 2.15rem)/1.15 'Manrope'; letter-spacing: -.035em; }
.lx-top p[b-9n5c8a80to] { max-width: 640px; margin: 0; color: var(--muted); font-size: .9rem; line-height: 1.5; }

/* Buttons. The green one commits, the white one steps back, the red one retires
   a location — never more than one of each in view. */
.lx-primary[b-9n5c8a80to], .lx-secondary[b-9n5c8a80to], .lx-danger[b-9n5c8a80to] { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 42px; padding: 0 17px; border-radius: 10px; font-size: .83rem; font-weight: 800; white-space: nowrap; cursor: pointer; text-decoration: none; }
.lx-primary[b-9n5c8a80to] { border: 1px solid var(--forest); background: var(--forest); color: #fff; box-shadow: 0 1px 2px rgba(21, 60, 43, .12); }
.lx-primary:hover:not(:disabled)[b-9n5c8a80to] { background: var(--forest-bright); }
.lx-secondary[b-9n5c8a80to] { border: 1px solid var(--line); background: #fff; color: var(--ink); }
.lx-secondary:hover:not(:disabled)[b-9n5c8a80to] { border-color: #9ebbaa; background: #f7faf7; }
.lx-danger[b-9n5c8a80to] { border: 1px solid #d8a6a0; background: #fff5f4; color: #9a4039; }
.lx-danger:hover:not(:disabled)[b-9n5c8a80to] { background: #ffedeb; }
.lx-primary:disabled[b-9n5c8a80to], .lx-secondary:disabled[b-9n5c8a80to], .lx-danger:disabled[b-9n5c8a80to] { opacity: .5; cursor: default; }
.lx-primary:focus-visible[b-9n5c8a80to], .lx-secondary:focus-visible[b-9n5c8a80to], .lx-danger:focus-visible[b-9n5c8a80to] { outline: 3px solid var(--amber); outline-offset: 2px; }
.lx-btn-icon[b-9n5c8a80to] { display: grid; place-items: center; }
.lx-btn-icon[b-9n5c8a80to]  svg { width: 17px; height: 17px; }

.lx-blocked[b-9n5c8a80to] { max-width: 700px; padding: 40px; border: 1px solid #e7c1bd; border-radius: 18px; background: #fff5f4; }
.lx-blocked > span[b-9n5c8a80to] { color: #9a4039; font-size: .7rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.lx-blocked h2[b-9n5c8a80to] { margin: 8px 0; }
.lx-blocked p[b-9n5c8a80to] { margin: 0; color: var(--muted); }

.lx-message[b-9n5c8a80to] { margin: 0 0 15px; padding: 12px 14px; border-left: 3px solid var(--amber); border-radius: 0 9px 9px 0; background: var(--amber-soft); color: #6d5420; font-size: .84rem; }

/* The three counts: what exists, what is locked down, what can take a delivery
   straight from a supplier. */
.lx-stats[b-9n5c8a80to] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-bottom: 20px; }
.lx-stats article[b-9n5c8a80to] { min-height: 112px; padding: 18px 20px; display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; border: 1px solid var(--line); border-radius: 14px; background: var(--panel); box-shadow: var(--shadow-card); }
.lx-stats article > div[b-9n5c8a80to] { min-width: 0; }
.lx-stat-title[b-9n5c8a80to] { display: block; margin-bottom: 9px; color: #75857b; font-size: .64rem; font-weight: 800; letter-spacing: .085em; text-transform: uppercase; }
.lx-stats strong[b-9n5c8a80to] { display: block; font: 800 1.7rem/1 'Manrope'; color: var(--forest); letter-spacing: -.03em; }
.lx-stats small[b-9n5c8a80to] { display: block; margin-top: 9px; color: var(--muted); font-size: .75rem; line-height: 1.35; }
.lx-stat-icon[b-9n5c8a80to] { flex: none; width: 42px; height: 42px; display: grid; place-items: center; border-radius: 12px; background: var(--mint-soft); color: var(--forest-bright); }
.lx-stat-icon[b-9n5c8a80to]  svg { width: 20px; height: 20px; }

.lx-placeholder[b-9n5c8a80to] { min-height: 260px; display: grid; place-content: center; border: 1px dashed #bdc9c0; border-radius: 16px; background: rgba(255, 255, 255, .5); color: var(--muted); }

.lx-workspace[b-9n5c8a80to] { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 18px; align-items: start; padding-bottom: 24px; }

/* The directory stays on screen while the editor scrolls: picking the next
   location is the most repeated move on this page. */
.lx-side[b-9n5c8a80to] { position: sticky; top: 14px; display: flex; flex-direction: column; max-height: calc(100dvh - 28px); border: 1px solid var(--line); border-radius: 16px; background: var(--panel); box-shadow: var(--shadow-card); overflow: hidden; }
.lx-side-top[b-9n5c8a80to] { flex: none; padding: 19px 17px 14px; }
.lx-side-head[b-9n5c8a80to] { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 15px; }
.lx-side-head h2[b-9n5c8a80to] { margin: 0; font: 800 .95rem 'Manrope'; letter-spacing: -.02em; }
.lx-pill[b-9n5c8a80to] { flex: none; padding: 4px 9px; border: 1px solid #e3eae3; border-radius: 99px; background: #edf3ed; color: #617468; font-size: .68rem; font-weight: 800; }

.lx-search[b-9n5c8a80to] { position: relative; }
.lx-search-icon[b-9n5c8a80to] { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); display: grid; place-items: center; color: #87968a; pointer-events: none; }
.lx-search-icon[b-9n5c8a80to]  svg { width: 17px; height: 17px; }
.lx-search input[b-9n5c8a80to] { width: 100%; height: 41px; padding: 0 13px 0 38px; border: 1px solid var(--line); border-radius: 9px; background: #fafcfb; color: var(--ink); font-size: .84rem; font-weight: 600; }
.lx-search input[b-9n5c8a80to]::placeholder { color: #91a098; font-weight: 500; }
.lx-search input:focus-visible[b-9n5c8a80to] { outline: 3px solid rgba(36, 90, 66, .18); outline-offset: 1px; border-color: var(--forest-bright); }

.lx-filters[b-9n5c8a80to] { display: flex; gap: 5px; padding-top: 11px; }
.lx-filters button[b-9n5c8a80to] { flex: 1; display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 8px 9px; border: 1px solid transparent; border-radius: 8px; background: transparent; color: #728176; font-size: .74rem; font-weight: 800; white-space: nowrap; cursor: pointer; }
.lx-filters button:hover[b-9n5c8a80to] { color: var(--ink); }
.lx-filters button.active[b-9n5c8a80to] { border-color: #d3e6d9; background: var(--mint-soft); color: var(--forest); }
.lx-filters button span[b-9n5c8a80to] { font-variant-numeric: tabular-nums; opacity: .75; }
.lx-filters button:focus-visible[b-9n5c8a80to] { outline: 3px solid var(--amber); outline-offset: 1px; }

.lx-list[b-9n5c8a80to] { flex: 1 1 auto; min-height: 120px; overflow-y: auto; overscroll-behavior: contain; padding: 2px 9px 12px; display: grid; align-content: start; gap: 4px; scrollbar-width: thin; scrollbar-color: #c2cfc4 transparent; }
.lx-list[b-9n5c8a80to]::-webkit-scrollbar { width: 9px; }
.lx-list[b-9n5c8a80to]::-webkit-scrollbar-track { background: transparent; }
.lx-list[b-9n5c8a80to]::-webkit-scrollbar-thumb { background: #c2cfc4; background-clip: content-box; border: 2px solid transparent; border-radius: 99px; }
.lx-list[b-9n5c8a80to]::-webkit-scrollbar-thumb:hover { background: #a7bbac; background-clip: content-box; }

.lx-row[b-9n5c8a80to] { position: relative; width: 100%; min-height: 78px; padding: 11px 10px; display: flex; align-items: center; gap: 11px; border: 1px solid transparent; border-radius: 10px; background: #fff; color: var(--ink); text-align: left; cursor: pointer; }
.lx-row:hover[b-9n5c8a80to] { background: #f7f9f7; }
.lx-row.selected[b-9n5c8a80to] { border-color: #cce1d2; background: var(--mint-soft); }
.lx-row.selected[b-9n5c8a80to]::before { content: ""; position: absolute; left: 0; top: 12px; bottom: 12px; width: 3px; border-radius: 0 4px 4px 0; background: var(--forest-bright); }
.lx-row:focus-visible[b-9n5c8a80to] { outline: 3px solid var(--amber); outline-offset: 1px; }
/* A closed location stays in the directory — an owner still reviews what it did
   — but must never be mistaken for one that is trading. */
.lx-row.is-closed[b-9n5c8a80to] { opacity: .72; }
.lx-row-icon[b-9n5c8a80to] { flex: none; width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid #ecf0ec; border-radius: 11px; background: #f3f6f3; color: #748a79; }
.lx-row-icon[b-9n5c8a80to]  svg { width: 18px; height: 18px; }
.lx-row.selected .lx-row-icon[b-9n5c8a80to] { border-color: #d2e5d9; background: #dceee2; color: var(--forest); }
.lx-row-body[b-9n5c8a80to] { flex: 1 1 auto; min-width: 0; }
.lx-row-code[b-9n5c8a80to] { display: block; margin-bottom: 3px; color: #819188; font-size: .62rem; font-weight: 800; letter-spacing: .085em; }
.lx-row-name[b-9n5c8a80to] { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font: 700 .85rem 'Manrope'; color: #26392e; }
.lx-row-meta[b-9n5c8a80to] { display: block; margin-top: 4px; color: #859189; font-size: .7rem; }
.lx-row-arrow[b-9n5c8a80to] { flex: none; display: grid; place-items: center; color: #9fac9e; }
.lx-row-arrow[b-9n5c8a80to]  svg { width: 15px; height: 15px; }

.lx-list-empty[b-9n5c8a80to] { margin: 8px 6px 14px; color: var(--muted); font-size: .78rem; }
.lx-side-foot[b-9n5c8a80to] { flex: none; margin: 0; padding: 13px 18px; border-top: 1px solid #edf0ec; background: #fafcf9; color: #94a098; font-size: .72rem; }

/* The editor. One location, its identity, its stock rules, and how to retire it. */
.lx-editor[b-9n5c8a80to] { min-width: 0; border: 1px solid var(--line); border-radius: 16px; background: var(--panel); box-shadow: var(--shadow-card); overflow: hidden; }
.lx-editor-top[b-9n5c8a80to] { padding: 24px 28px 21px; border-bottom: 1px solid var(--line); background: #f8faf7; }
.lx-overline[b-9n5c8a80to] { margin: 0 0 9px; color: var(--forest-bright); font-size: .64rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.lx-editor-title[b-9n5c8a80to] { display: flex; align-items: center; justify-content: space-between; gap: 15px; }
.lx-editor-title h2[b-9n5c8a80to] { margin: 0; font: 800 1.5rem/1.2 'Manrope'; letter-spacing: -.035em; }
.lx-badge[b-9n5c8a80to] { flex: none; display: inline-flex; align-items: center; gap: 7px; padding: 6px 11px; border: 1px solid #d4e8da; border-radius: 99px; background: var(--mint-soft); color: #376b4a; font-size: .69rem; font-weight: 800; white-space: nowrap; }
.lx-badge[b-9n5c8a80to]::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: #51a36e; }
.lx-badge.is-closed[b-9n5c8a80to] { border-color: #e4e6e3; background: #f3f4f3; color: #69756b; }
.lx-badge.is-closed[b-9n5c8a80to]::before { background: #9ba79a; }
.lx-editor-sub[b-9n5c8a80to] { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin: 9px 0 0; color: var(--muted); font-size: .77rem; }
.lx-sub-icon[b-9n5c8a80to] { display: grid; place-items: center; color: #8c9b90; }
.lx-sub-icon[b-9n5c8a80to]  svg { width: 14px; height: 14px; }
.lx-unsaved[b-9n5c8a80to] { padding: 4px 9px; border: 1px solid #f0dfc2; border-radius: 99px; background: var(--amber-soft); color: #8a6414; font-size: .69rem; font-weight: 800; }

.lx-section[b-9n5c8a80to] { padding: 25px 28px 26px; border-bottom: 1px solid var(--line); }
.lx-section-head[b-9n5c8a80to] { display: flex; align-items: flex-start; gap: 13px; margin-bottom: 21px; }
.lx-section-icon[b-9n5c8a80to] { flex: none; width: 39px; height: 39px; display: grid; place-items: center; border: 1px solid #dcece0; border-radius: 11px; background: #edf6ee; color: var(--forest); }
.lx-section-icon[b-9n5c8a80to]  svg { width: 19px; height: 19px; }
.lx-section-head h3[b-9n5c8a80to] { margin: 2px 0 5px; font: 700 .96rem 'Manrope'; letter-spacing: -.01em; }
.lx-section-head p[b-9n5c8a80to] { margin: 0; max-width: 560px; color: var(--muted); font-size: .78rem; line-height: 1.45; }

.lx-fields[b-9n5c8a80to] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.lx-field[b-9n5c8a80to] { display: flex; flex-direction: column; gap: 7px; min-width: 0; }
.lx-field > span:first-child[b-9n5c8a80to] { color: #657568; font-size: .66rem; font-weight: 800; letter-spacing: .085em; text-transform: uppercase; }
.lx-field > small[b-9n5c8a80to] { color: #94a197; font-size: .72rem; line-height: 1.45; }
.lx-control[b-9n5c8a80to] { width: 100%; min-width: 0; height: 44px; padding: 0 13px; border: 1px solid var(--line); border-radius: 9px; background: #fff; color: var(--ink); font-size: .84rem; font-weight: 600; }
.lx-control:hover:not(:disabled)[b-9n5c8a80to] { border-color: #b5c9b9; }
.lx-control:focus-visible[b-9n5c8a80to] { outline: 3px solid rgba(36, 90, 66, .18); outline-offset: 1px; border-color: var(--forest-bright); }
.lx-control:disabled[b-9n5c8a80to] { background: #f7f8f7; color: #94a298; cursor: not-allowed; }
.lx-suffixed[b-9n5c8a80to] { position: relative; display: flex; min-width: 0; }
.lx-suffixed .lx-control[b-9n5c8a80to] { padding-right: 58px; }
.lx-suffixed i[b-9n5c8a80to] { position: absolute; right: 13px; top: 50%; transform: translateY(-50%); color: #94a096; font-size: .7rem; font-style: normal; font-weight: 800; pointer-events: none; }

.lx-switch-row[b-9n5c8a80to] { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 21px; padding: 17px; border: 1px solid #e3eae3; border-radius: 11px; background: #fafcf9; }
.lx-switch-row strong[b-9n5c8a80to] { display: block; margin-bottom: 4px; font-size: .84rem; font-weight: 700; }
.lx-switch-row p[b-9n5c8a80to] { margin: 0; max-width: 560px; color: var(--muted); font-size: .76rem; line-height: 1.5; }
.lx-switch[b-9n5c8a80to] { flex: none; width: 44px; height: 26px; padding: 0; border: 0; border-radius: 99px; background: #c8d3ca; position: relative; cursor: pointer; transition: background-color .18s var(--ease); }
.lx-switch[b-9n5c8a80to]::after { content: ""; position: absolute; left: 3px; top: 3px; width: 20px; height: 20px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .18); transition: transform .18s var(--ease); }
.lx-switch.on[b-9n5c8a80to] { background: var(--forest-bright); }
.lx-switch.on[b-9n5c8a80to]::after { transform: translateX(18px); }
.lx-switch:disabled[b-9n5c8a80to] { opacity: .45; cursor: not-allowed; }
.lx-switch:focus-visible[b-9n5c8a80to] { outline: 3px solid var(--amber); outline-offset: 3px; }

.lx-zone[b-9n5c8a80to] { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin: 24px 28px; padding: 18px 20px; border: 1px solid var(--line); border-radius: 12px; background: #f8faf7; }
.lx-zone h3[b-9n5c8a80to] { margin: 0 0 6px; font: 700 .84rem 'Manrope'; }
.lx-zone p[b-9n5c8a80to] { max-width: 520px; margin: 0; color: var(--muted); font-size: .77rem; line-height: 1.45; }
.lx-zone.is-danger[b-9n5c8a80to] { border-color: #f0e2dd; background: #fffafa; }
.lx-zone.is-danger h3[b-9n5c8a80to] { color: #68483f; }
.lx-zone.is-danger p[b-9n5c8a80to] { color: #a38a83; }

.lx-actions[b-9n5c8a80to] { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 17px 28px; border-top: 1px solid var(--line); background: #fafcf9; }
.lx-actions > span[b-9n5c8a80to] { color: var(--muted); font-size: .77rem; }
.lx-actions > div[b-9n5c8a80to] { flex: none; display: flex; align-items: center; gap: 9px; }

/* Adding or retiring a location is a job you finish or abandon, so it takes over
   the screen rather than pushing the directory around underneath it. */
.lx-scrim[b-9n5c8a80to] { position: fixed; inset: 0; z-index: 120; background: rgba(21, 60, 43, .38); animation: lx-fade-b-9n5c8a80to .14s var(--ease); }
.lx-modal[b-9n5c8a80to] { position: fixed; z-index: 130; top: 50%; left: 50%; transform: translate(-50%, -50%); width: min(520px, calc(100vw - 32px)); max-height: min(90vh, 940px); display: flex; flex-direction: column; border-radius: 16px; background: #fff; box-shadow: var(--shadow-lift); animation: lx-rise-b-9n5c8a80to .16s var(--ease); }
.lx-modal:focus[b-9n5c8a80to] { outline: none; }
@keyframes lx-fade-b-9n5c8a80to { from { opacity: 0; } to { opacity: 1; } }
@keyframes lx-rise-b-9n5c8a80to { from { opacity: 0; transform: translate(-50%, calc(-50% + 10px)); } to { opacity: 1; transform: translate(-50%, -50%); } }

.lx-modal-head[b-9n5c8a80to] { flex: none; display: flex; align-items: flex-start; gap: 14px; padding: 22px 24px 18px; }
.lx-modal-mark[b-9n5c8a80to] { flex: none; width: 44px; height: 44px; display: grid; place-items: center; border-radius: 13px; background: var(--mint-soft); color: var(--forest); }
.lx-modal-mark[b-9n5c8a80to]  svg { width: 22px; height: 22px; }
.lx-modal-mark.is-danger[b-9n5c8a80to] { background: #fff1ef; color: #9a4039; }
.lx-modal-head > div[b-9n5c8a80to] { flex: 1 1 auto; min-width: 0; }
.lx-modal-head h2[b-9n5c8a80to] { margin: 2px 0 0; font: 700 1.24rem 'Manrope'; letter-spacing: -.02em; }
.lx-modal-head p[b-9n5c8a80to] { margin: 5px 0 0; color: var(--muted); font-size: .8rem; line-height: 1.45; }
.lx-modal-close[b-9n5c8a80to] { flex: none; width: 30px; height: 30px; border: 0; border-radius: 8px; background: transparent; color: #8da39a; font-size: 1.3rem; line-height: 1; cursor: pointer; }
.lx-modal-close:hover[b-9n5c8a80to] { background: #f1f5f2; color: var(--ink); }
.lx-modal-body[b-9n5c8a80to] { flex: 1 1 auto; overflow-y: auto; padding: 4px 24px; display: grid; gap: 16px; }
.lx-modal-foot[b-9n5c8a80to] { flex: none; display: flex; justify-content: flex-end; gap: 9px; padding: 18px 24px 20px; }
.lx-warning[b-9n5c8a80to] { margin: 0; padding: 14px 15px; border: 1px solid #f2ddd7; border-radius: 10px; background: #fff6f3; color: #8c4e43; font-size: .82rem; line-height: 1.6; }
.lx-error[b-9n5c8a80to] { margin: 0; color: #b8473e; font-size: .78rem; }

@media (max-width: 1150px) {
    .lx-workspace[b-9n5c8a80to] { grid-template-columns: 258px minmax(0, 1fr); gap: 14px; }
    .lx-stats article[b-9n5c8a80to] { padding: 16px; }
    .lx-editor-top[b-9n5c8a80to], .lx-section[b-9n5c8a80to] { padding-left: 22px; padding-right: 22px; }
    .lx-zone[b-9n5c8a80to] { margin-left: 22px; margin-right: 22px; }
    .lx-actions[b-9n5c8a80to] { padding-left: 22px; padding-right: 22px; }
}

/* On a narrow screen the directory becomes a rail above the editor: a sidebar
   that tall would push the form it belongs to off the screen. */
@media (max-width: 860px) {
    .lx-workspace[b-9n5c8a80to] { display: block; }
    .lx-side[b-9n5c8a80to] { position: static; max-height: none; margin-bottom: 16px; }
    .lx-side-top[b-9n5c8a80to] { padding: 16px 16px 8px; }
    .lx-list[b-9n5c8a80to] { display: flex; overflow-x: auto; gap: 8px; padding: 5px 16px 14px; scroll-snap-type: x proximity; }
    .lx-row[b-9n5c8a80to] { min-width: 186px; max-width: 232px; min-height: 70px; border-color: #e7ede7; background: #fafcf9; scroll-snap-align: start; }
    .lx-row-arrow[b-9n5c8a80to], .lx-side-foot[b-9n5c8a80to] { display: none; }
    .lx-filters button[b-9n5c8a80to] { flex: 0 1 auto; }
}

@media (max-width: 560px) {
    .lx-top[b-9n5c8a80to] { align-items: stretch; flex-direction: column; gap: 12px; }
    .lx-top h1[b-9n5c8a80to] { font-size: 1.6rem; }
    .lx-stats[b-9n5c8a80to] { gap: 7px; margin-bottom: 15px; }
    .lx-stats article[b-9n5c8a80to] { display: block; min-height: 98px; padding: 11px 10px; border-radius: 11px; }
    .lx-stat-icon[b-9n5c8a80to] { display: none; }
    .lx-stat-title[b-9n5c8a80to] { min-height: 24px; margin-bottom: 5px; font-size: .58rem; letter-spacing: .03em; line-height: 1.25; }
    .lx-stats strong[b-9n5c8a80to] { font-size: 1.4rem; }
    .lx-stats small[b-9n5c8a80to] { margin-top: 6px; font-size: .64rem; line-height: 1.3; }
    .lx-editor-top[b-9n5c8a80to], .lx-section[b-9n5c8a80to] { padding-left: 17px; padding-right: 17px; }
    .lx-editor-title[b-9n5c8a80to] { align-items: flex-start; flex-direction: column; gap: 10px; }
    .lx-editor-title h2[b-9n5c8a80to] { font-size: 1.32rem; }
    .lx-fields[b-9n5c8a80to] { grid-template-columns: 1fr; gap: 16px; }
    .lx-switch-row[b-9n5c8a80to] { align-items: flex-start; }
    .lx-zone[b-9n5c8a80to] { margin: 20px 17px; align-items: stretch; flex-direction: column; }
    .lx-zone .lx-secondary[b-9n5c8a80to], .lx-zone .lx-danger[b-9n5c8a80to] { align-self: flex-start; }
    .lx-actions[b-9n5c8a80to] { align-items: stretch; flex-direction: column; padding: 15px 17px; }
    .lx-actions > div[b-9n5c8a80to] { justify-content: flex-end; }
    .lx-actions > div button[b-9n5c8a80to] { flex: 1; }
    .lx-modal[b-9n5c8a80to] { top: auto; bottom: 0; left: 0; width: 100vw; max-height: 94vh; transform: none; border-radius: 16px 16px 0 0; animation: none; }
    .lx-modal-head[b-9n5c8a80to], .lx-modal-body[b-9n5c8a80to], .lx-modal-foot[b-9n5c8a80to] { padding-left: 16px; padding-right: 16px; }
}

@media (prefers-reduced-motion: reduce) {
    .lx-scrim[b-9n5c8a80to], .lx-modal[b-9n5c8a80to], .lx-switch[b-9n5c8a80to], .lx-switch[b-9n5c8a80to]::after { animation: none; transition: none; }
}
/* /Components/Pages/PeopleRoles.razor.rz.scp.css */
/* Sections */
.tab-strip[b-it0prrntic] { display:flex; gap:6px; margin-bottom:16px; border-bottom:1px solid var(--line); }
.tab[b-it0prrntic] { padding:10px 18px; border:0; border-bottom:3px solid transparent; background:transparent; color:var(--muted); font:700 .84rem 'DM Sans'; cursor:pointer; }
.tab:hover[b-it0prrntic] { color:var(--forest); }
.tab-active[b-it0prrntic] { color:var(--forest); border-bottom-color:var(--forest); }

/* List: a full-width, scannable table. Editing happens in a dialog over it,
   so the list never moves and nothing opens out of sight. */
.pr-toolbar[b-it0prrntic] { margin-bottom:12px; padding:12px; border:1px solid var(--line); border-radius:14px; background:var(--panel); display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
.pr-toolbar-search[b-it0prrntic] { flex:1 1 280px; height:40px; padding:0 12px; border:1px solid var(--line-strong); border-radius:9px; background:#fff; color:var(--ink); font-weight:600; }
.pr-toolbar select[b-it0prrntic] { flex:0 1 220px; height:40px; padding:0 10px; border:1px solid var(--line-strong); border-radius:9px; background:#fff; color:var(--ink); font-weight:600; }
.pr-toolbar-search:focus[b-it0prrntic], .pr-toolbar select:focus[b-it0prrntic] { outline:2px solid rgba(36,90,66,.35); border-color:var(--forest-bright); }
.pr-toolbar-count[b-it0prrntic] { margin-left:auto; color:var(--muted); font-size:.78rem; font-weight:700; white-space:nowrap; }

.pr-table-card[b-it0prrntic] { border:1px solid var(--line); border-radius:16px; background:var(--panel); overflow-x:auto; }
.pr-table[b-it0prrntic] { width:100%; border-collapse:collapse; }
.pr-table th[b-it0prrntic] { position:sticky; top:0; padding:11px 14px; border-bottom:1px solid var(--line); background:#f7f9f7; color:var(--muted); font-size:.7rem; font-weight:800; letter-spacing:.07em; text-align:left; text-transform:uppercase; white-space:nowrap; }
.pr-table td[b-it0prrntic] { padding:11px 14px; border-bottom:1px solid var(--line); font-size:.84rem; vertical-align:middle; }
.pr-table tbody tr[b-it0prrntic] { cursor:pointer; transition:background .12s; }
.pr-table tbody tr:hover[b-it0prrntic] { background:#f4f8f5; }
.pr-table tbody tr.is-current[b-it0prrntic] { background:var(--mint-soft); }
.pr-table tbody tr.is-disabled[b-it0prrntic] { opacity:.6; }
.pr-table tbody tr:last-child td[b-it0prrntic] { border-bottom:0; }
.pr-who[b-it0prrntic] { display:flex; gap:11px; align-items:center; min-width:200px; }
.pr-who div[b-it0prrntic] { display:grid; gap:1px; }
.pr-who strong[b-it0prrntic] { font:700 .9rem 'DM Sans'; }
.pr-who span[b-it0prrntic] { color:var(--muted); font-size:.76rem; }
.pr-chip[b-it0prrntic] { display:inline-flex; align-items:center; min-height:22px; padding:0 8px; border-radius:99px; background:var(--mint-soft); color:var(--forest); font-size:.72rem; font-weight:700; white-space:nowrap; }
.pr-chip.place[b-it0prrntic] { background:#eef1ee; color:#3d5c4b; font-variant-numeric:tabular-nums; }
.pr-muted[b-it0prrntic] { color:var(--muted); font-size:.78rem; }
.pr-row-action[b-it0prrntic] { width:1%; text-align:right; }
.pr-row-action .pr-btn[b-it0prrntic] { min-height:30px; }
.pr-sr[b-it0prrntic] { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.pr-flag[b-it0prrntic] { padding:1px 6px; border-radius:99px; background:#e6f0f7; color:#2c5f86; font-size:.62rem; font-weight:800; letter-spacing:.03em; }
.pr-empty[b-it0prrntic] { padding:44px 18px; display:grid; gap:6px; justify-items:center; text-align:center; color:var(--muted); font-size:.84rem; }
.pr-empty strong[b-it0prrntic] { color:var(--ink); }

.pr-avatar[b-it0prrntic] { flex:0 0 auto; width:34px; height:34px; display:grid; place-items:center; border-radius:50%; background:#dcebe1; color:var(--forest); font:800 .76rem 'DM Sans'; }
.pr-avatar.big[b-it0prrntic] { width:48px; height:48px; font-size:1rem; }

/* Roles: cards, one click opens the permissions dialog. */
.pr-role-grid[b-it0prrntic] { display:grid; gap:12px; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); }
.pr-role-card[b-it0prrntic] { padding:16px; border:1px solid var(--line); border-radius:14px; background:var(--panel); display:grid; gap:6px; text-align:left; color:var(--ink); cursor:pointer; transition:border-color .12s, box-shadow .12s; }
.pr-role-card:hover[b-it0prrntic] { border-color:#a9c4b4; box-shadow:var(--shadow-card); }
.pr-role-card:focus-visible[b-it0prrntic] { outline:2px solid var(--forest); outline-offset:2px; }
.pr-role-head[b-it0prrntic] { display:flex; gap:8px; align-items:center; justify-content:space-between; }
.pr-role-head strong[b-it0prrntic] { font:700 .98rem 'DM Sans'; color:var(--forest); }
.pr-role-desc[b-it0prrntic] { color:var(--muted); font-size:.8rem; line-height:1.45; }
.pr-role-meta[b-it0prrntic] { color:var(--muted); font-size:.7rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }

/* Dialog */
.pr-overlay[b-it0prrntic] { position:fixed; inset:0; z-index:100; padding:clamp(12px,4vh,40px) 16px; display:grid; place-items:center; background:rgba(16,34,25,.42); backdrop-filter:blur(2px); animation:pr-fade-b-it0prrntic .14s ease-out; }
.pr-dialog[b-it0prrntic] { width:min(860px,100%); max-height:calc(100vh - 2 * clamp(12px,4vh,40px)); display:flex; flex-direction:column; border-radius:18px; background:var(--panel); box-shadow:0 24px 60px -20px rgba(10,30,20,.45); overflow:hidden; animation:pr-rise-b-it0prrntic .16s var(--ease); }
.pr-dialog.wide[b-it0prrntic] { width:min(1040px,100%); }
.pr-dialog:focus[b-it0prrntic] { outline:none; }
@keyframes pr-fade-b-it0prrntic { from { opacity:0; } }
@keyframes pr-rise-b-it0prrntic { from { opacity:0; transform:translateY(10px) scale(.99); } }
@media (prefers-reduced-motion: reduce) { .pr-overlay[b-it0prrntic], .pr-dialog[b-it0prrntic] { animation:none; } }

/* Editor pane */
.pr-pane-head[b-it0prrntic] { padding:16px 18px; border-bottom:1px solid var(--line); display:flex; gap:12px; align-items:flex-start; }
.pr-identity[b-it0prrntic] { flex:1; display:flex; gap:14px; align-items:flex-start; min-width:0; }
.pr-identity h2[b-it0prrntic] { margin:0; font:800 1.2rem 'Manrope'; letter-spacing:-.02em; }
.pr-identity p[b-it0prrntic] { margin:2px 0 8px; color:var(--muted); font-size:.82rem; overflow-wrap:anywhere; }
.pr-meta[b-it0prrntic] { color:var(--muted); font-size:.74rem; font-weight:600; align-self:center; }
.pr-close[b-it0prrntic] { width:32px; height:32px; border:0; border-radius:8px; background:transparent; color:var(--muted); font-size:1.3rem; line-height:1; cursor:pointer; }
.pr-close:hover[b-it0prrntic] { background:#eef1ee; color:var(--ink); }
.chip-row[b-it0prrntic] { display:flex; gap:6px; flex-wrap:wrap; align-items:center; }

.pr-tabs[b-it0prrntic] { display:flex; gap:2px; padding:0 12px; border-bottom:1px solid var(--line); overflow-x:auto; }
.pr-tabs button[b-it0prrntic] { position:relative; display:inline-flex; gap:6px; align-items:center; padding:11px 12px; border:0; border-bottom:2px solid transparent; background:transparent; color:var(--muted); font:700 .8rem 'DM Sans'; white-space:nowrap; cursor:pointer; }
.pr-tabs button:hover[b-it0prrntic] { color:var(--forest); }
.pr-tabs button.on[b-it0prrntic] { color:var(--forest); border-bottom-color:var(--forest); }
.pr-dot[b-it0prrntic] { width:7px; height:7px; border-radius:50%; background:var(--amber); }
.pr-count[b-it0prrntic] { min-width:18px; padding:0 5px; border-radius:99px; background:#eef0ee; color:#5d6a62; font-size:.66rem; text-align:center; }

.pr-pane-body[b-it0prrntic] { flex:1; overflow-y:auto; padding:16px 18px 22px; display:grid; gap:14px; align-content:start; }
.pr-pane-foot[b-it0prrntic] { padding:12px 18px; border-top:1px solid var(--line); background:#fbfcfb; display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
.pr-pane-foot > span[b-it0prrntic] { flex:1 1 180px; color:var(--muted); font-size:.8rem; font-weight:600; }
.pr-pane-foot input[b-it0prrntic] { flex:2 1 220px; height:38px; padding:0 10px; border:1px solid var(--line-strong); border-radius:8px; }

.pr-placeholder[b-it0prrntic] { flex:1; min-height:320px; padding:40px 24px; display:grid; gap:8px; place-content:center; justify-items:center; text-align:center; color:var(--muted); font-size:.86rem; }
.pr-placeholder strong[b-it0prrntic] { color:var(--ink); font-size:1rem; }
.pr-placeholder .pr-btn[b-it0prrntic] { margin-top:8px; }

/* Cards and fields */
.pr-card[b-it0prrntic] { padding:16px; border:1px solid var(--line); border-radius:13px; background:#fbfcfb; display:grid; gap:10px; }
.pr-card.dirty[b-it0prrntic] { border-color:#e5c878; background:#fffdf5; }
.pr-card.danger[b-it0prrntic] { border-color:#e8c9c5; background:#fffafa; }
.pr-card h3[b-it0prrntic] { margin:0; font:700 .95rem 'DM Sans'; color:var(--ink); }
.pr-card h3 small[b-it0prrntic] { margin-left:6px; color:var(--muted); font-size:.74rem; font-weight:600; }
.pr-card-head[b-it0prrntic] { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.pr-card-head h3[b-it0prrntic] { flex:1; }
.pr-unsaved[b-it0prrntic] { color:#86600f; font-size:.72rem; font-weight:800; text-transform:uppercase; letter-spacing:.06em; }
.pr-note[b-it0prrntic] { margin:0; color:var(--muted); font-size:.8rem; line-height:1.45; }

.pr-fields[b-it0prrntic] { display:grid; gap:12px; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); }
.pr-field[b-it0prrntic] { display:grid; gap:5px; align-content:start; min-width:0; margin:0; padding:0; border:0; }
.pr-field.wide[b-it0prrntic] { grid-column:1 / -1; }
.pr-field.narrow[b-it0prrntic] { max-width:320px; }
.pr-field > span[b-it0prrntic], .pr-field legend[b-it0prrntic] { color:#445249; font-size:.74rem; font-weight:800; }
.pr-field em[b-it0prrntic] { color:var(--muted); font-style:normal; font-weight:600; margin-left:4px; }
.pr-field input[b-it0prrntic], .pr-field select[b-it0prrntic] { height:40px; padding:0 11px; border:1px solid var(--line-strong); border-radius:9px; background:#fff; color:var(--ink); font-weight:600; }
.pr-field input:focus[b-it0prrntic], .pr-field select:focus[b-it0prrntic], .pr-inline input:focus[b-it0prrntic], .pr-search input:focus[b-it0prrntic] { outline:2px solid rgba(36,90,66,.35); border-color:var(--forest-bright); }
.pr-field input:disabled[b-it0prrntic], .pr-field select:disabled[b-it0prrntic], .pr-inline input:disabled[b-it0prrntic] { background:#f1f3f1; color:var(--muted); }
.pr-field small[b-it0prrntic], .pr-card > small[b-it0prrntic] { color:var(--muted); font-size:.74rem; }
small.bad[b-it0prrntic], .pr-field small.bad[b-it0prrntic] { color:var(--danger); }

.pr-segment[b-it0prrntic] { display:flex; flex-wrap:wrap; gap:0; align-content:start; }
.pr-segment legend[b-it0prrntic] { width:100%; margin-bottom:5px; }
.pr-segment label[b-it0prrntic] { flex:1; height:40px; display:grid; place-items:center; border:1px solid var(--line-strong); background:#fff; color:var(--muted); font:700 .8rem 'DM Sans'; cursor:pointer; }
.pr-segment label:first-of-type[b-it0prrntic] { border-radius:9px 0 0 9px; }
.pr-segment label:last-of-type[b-it0prrntic] { border-radius:0 9px 9px 0; border-left:0; }
.pr-segment label.on[b-it0prrntic] { background:var(--mint-soft); color:var(--forest); border-color:#9fcdb0; }
.pr-segment label.on.deny[b-it0prrntic] { background:#fbe7e5; color:var(--danger); border-color:#e8b8b3; }
.pr-segment input[b-it0prrntic] { position:absolute; opacity:0; pointer-events:none; }

.pr-inline[b-it0prrntic] { display:flex; gap:10px; flex-wrap:wrap; }
.pr-inline input[b-it0prrntic] { flex:1 1 200px; height:40px; padding:0 11px; border:1px solid var(--line-strong); border-radius:9px; background:#fff; font-weight:600; }
.pr-actions[b-it0prrntic] { display:flex; gap:10px; justify-content:flex-end; }

.pr-rules[b-it0prrntic] { margin:0; padding:0; list-style:none; display:flex; gap:14px; flex-wrap:wrap; color:var(--muted); font-size:.76rem; font-weight:600; }
.pr-rules li[b-it0prrntic]::before { content:"○ "; }
.pr-rules li.met[b-it0prrntic] { color:#23704a; }
.pr-rules li.met[b-it0prrntic]::before { content:"✓ "; }

/* Buttons */
.pr-btn[b-it0prrntic] { min-height:36px; padding:0 14px; border:1px solid var(--line-strong); border-radius:8px; background:#fff; color:var(--forest); font:700 .8rem 'DM Sans'; cursor:pointer; }
.pr-btn:hover:not(:disabled)[b-it0prrntic] { background:#f0f5f2; }
.pr-btn.primary[b-it0prrntic] { border-color:var(--forest); background:var(--forest); color:#fff; }
.pr-btn.primary:hover:not(:disabled)[b-it0prrntic] { background:var(--forest-bright); }
.pr-btn.danger[b-it0prrntic] { border-color:#9a4039; background:#9a4039; color:#fff; }
.pr-btn:disabled[b-it0prrntic] { opacity:.45; cursor:not-allowed; }
.pr-btn:focus-visible[b-it0prrntic], .pr-new:focus-visible[b-it0prrntic], .pr-close:focus-visible[b-it0prrntic] { outline:2px solid var(--forest); outline-offset:2px; }

/* Choice chips */
.check-grid[b-it0prrntic] { display:flex; flex-wrap:wrap; gap:8px; }
.check-chip[b-it0prrntic] { display:inline-flex; gap:7px; align-items:center; padding:7px 12px; border:1px solid var(--line); border-radius:999px; background:#fff; color:var(--ink); font-size:.8rem; font-weight:600; cursor:pointer; }
.check-chip.on[b-it0prrntic] { border-color:#9fcdb0; background:var(--mint-soft); color:var(--forest); }
.check-chip input[b-it0prrntic] { accent-color:var(--forest); margin:0; }
.static-chip[b-it0prrntic] { cursor:default; }

.pr-locations[b-it0prrntic] { display:grid; gap:6px; }
.pr-location[b-it0prrntic] { display:flex; gap:10px; align-items:center; padding:9px 12px; border:1px solid var(--line); border-radius:10px; background:#fff; cursor:pointer; }
.pr-location.on[b-it0prrntic] { border-color:#9fcdb0; background:var(--mint-soft); }
.pr-location > label[b-it0prrntic], label.pr-location[b-it0prrntic] { flex:1; display:flex; gap:9px; align-items:center; cursor:pointer; font-size:.84rem; }
.pr-location strong[b-it0prrntic] { margin-right:4px; font-variant-numeric:tabular-nums; }
.pr-location input[b-it0prrntic] { accent-color:var(--forest); margin:0; }
.pr-location small[b-it0prrntic] { color:var(--muted); font-size:.72rem; font-weight:700; }
.pr-home[b-it0prrntic] { display:inline-flex; gap:5px; align-items:center; padding:3px 9px; border-radius:99px; background:#fff; color:var(--forest); font-size:.72rem; font-weight:800; cursor:pointer; }
.pr-home input[b-it0prrntic] { accent-color:var(--forest); margin:0; }

.pr-perm-tools[b-it0prrntic] { padding:12px 18px; border-bottom:1px solid var(--line); display:flex; gap:12px; align-items:center; flex-wrap:wrap; }
.pr-perm-tools input[type=search][b-it0prrntic] { flex:1 1 220px; width:auto; }
.pr-perms[b-it0prrntic] { display:grid; gap:6px; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); }
.pr-perm[b-it0prrntic] { display:flex; gap:9px; align-items:flex-start; padding:9px 11px; border:1px solid var(--line); border-radius:10px; background:#fff; cursor:pointer; }
.pr-perm.on[b-it0prrntic] { border-color:#b7dcc4; background:#f3faf5; }
.pr-perm.changed[b-it0prrntic] { box-shadow:inset 3px 0 0 var(--amber); }
.pr-perm input[b-it0prrntic] { margin-top:2px; accent-color:var(--forest); }
.pr-perm span[b-it0prrntic] { display:grid; gap:2px; }
.pr-perm strong[b-it0prrntic] { font-size:.8rem; }
.pr-perm small[b-it0prrntic] { color:var(--muted); font-size:.72rem; line-height:1.35; }

/* Feedback */
.pr-toast[b-it0prrntic] { margin:12px 18px 0; padding:10px 12px; border-radius:10px; display:flex; gap:10px; align-items:center; font-size:.84rem; font-weight:600; }
.pr-toast span[b-it0prrntic] { flex:1; }
.pr-toast button[b-it0prrntic] { border:0; background:transparent; color:inherit; font-size:1.1rem; cursor:pointer; }
.pr-toast.ok[b-it0prrntic] { background:#e1f4e8; color:#1d5f3e; }
.pr-toast.bad[b-it0prrntic] { background:#fbe7e5; color:#8a342d; }
.pr-confirm[b-it0prrntic] { margin:12px 18px 0; padding:12px; border:1px solid #e5c878; border-radius:10px; background:var(--amber-soft); color:#715416; display:grid; gap:10px; font-size:.84rem; font-weight:600; }
.pr-confirm div[b-it0prrntic] { display:flex; gap:8px; justify-content:flex-end; }
.pr-self[b-it0prrntic] { margin:12px 18px 0; padding:10px 12px; border-left:3px solid var(--amber); background:var(--amber-soft); color:#715416; font-size:.82rem; }

/* Overrides */
.override-list[b-it0prrntic] { display:grid; gap:8px; }
.override-row[b-it0prrntic] { padding:10px 12px; border:1px solid var(--line); border-radius:10px; background:#fff; display:grid; gap:8px; }
.override-main[b-it0prrntic] { display:flex; gap:8px; align-items:center; flex-wrap:wrap; font-size:.8rem; }
.override-code[b-it0prrntic] { padding:2px 6px; border-radius:6px; background:#eef1f6; color:#2f5487; font:700 .74rem 'DM Sans'; }
.override-scope[b-it0prrntic] { color:var(--muted); font-size:.76rem; }
.override-actions[b-it0prrntic] { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.text-filter[b-it0prrntic] { height:34px; min-width:220px; padding:0 10px; border:1px solid var(--line); border-radius:8px; background:#fff; color:var(--ink); font-weight:600; }
.link-action[b-it0prrntic] { padding:5px 9px; border:0; border-radius:7px; background:transparent; color:#9a4039; font:700 .76rem 'DM Sans'; cursor:pointer; }
.link-action.muted[b-it0prrntic] { color:var(--forest); }
.link-action:hover:not(:disabled)[b-it0prrntic] { background:#f3f5f3; }
.link-action:disabled[b-it0prrntic] { opacity:.4; cursor:default; }

.switch-label[b-it0prrntic] { display:flex; gap:6px; align-items:center; color:var(--muted); font-size:.78rem; font-weight:600; cursor:pointer; }
.switch-label input[b-it0prrntic] { accent-color:var(--forest); }
.status-disabled[b-it0prrntic] { background:#efe9e5; color:#6d5544; }

/* Narrow screens: the dialog fills the screen; the table drops secondary columns. */
@media (max-width: 760px) {
    .pr-overlay[b-it0prrntic] { padding:0; }
    .pr-dialog[b-it0prrntic], .pr-dialog.wide[b-it0prrntic] { width:100%; max-height:100vh; height:100vh; border-radius:0; }
    .pr-table th:nth-child(4)[b-it0prrntic], .pr-table td:nth-child(4)[b-it0prrntic],
    .pr-table th:nth-child(5)[b-it0prrntic], .pr-table td:nth-child(5)[b-it0prrntic] { display:none; }
    .pr-toolbar-count[b-it0prrntic] { margin-left:0; }
    .pr-pane-body[b-it0prrntic] { padding:14px; }
    .pr-fields[b-it0prrntic] { grid-template-columns:1fr; }
    .pr-pane-foot .pr-btn[b-it0prrntic] { flex:1; }
}

/* New account: four numbered steps that tick off as they are completed. */
.nc-steps[b-it0prrntic] { margin:0; padding:10px 18px; list-style:none; display:flex; gap:6px; border-bottom:1px solid var(--line); background:#fbfcfb; counter-reset:nc; }
.nc-steps li[b-it0prrntic] { flex:1; padding:6px 0 0; border-top:3px solid var(--line); color:var(--muted); font-size:.74rem; font-weight:800; counter-increment:nc; }
.nc-steps li[b-it0prrntic]::before { content:counter(nc) ". "; }
.nc-steps li.done[b-it0prrntic] { border-color:var(--forest-bright); color:var(--forest); }
.nc-steps li.done[b-it0prrntic]::before { content:"✓ "; }
.nc-step[b-it0prrntic] { padding:16px; border:1px solid var(--line); border-radius:13px; background:#fff; display:grid; gap:12px; }
.nc-step.done[b-it0prrntic] { border-color:#b7dcc4; }
.nc-step h3[b-it0prrntic] { margin:0; display:flex; gap:10px; align-items:center; font:700 1rem 'DM Sans'; color:var(--ink); }
.nc-num[b-it0prrntic] { width:26px; height:26px; flex:0 0 auto; display:grid; place-items:center; border-radius:50%; background:#eef1ee; color:var(--muted); font-size:.8rem; font-weight:800; }
.nc-step.done .nc-num[b-it0prrntic] { background:var(--forest); color:#fff; }
.nc-grid[b-it0prrntic] { display:grid; gap:12px; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); align-items:start; }
.nc-optional summary[b-it0prrntic] { color:var(--forest); font-size:.8rem; font-weight:700; cursor:pointer; }
.nc-optional summary em[b-it0prrntic] { color:var(--muted); font-style:normal; font-weight:600; }
.nc-optional[open] summary[b-it0prrntic] { margin-bottom:10px; }
.nc-roles[b-it0prrntic] { display:grid; gap:8px; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); }
.nc-role[b-it0prrntic] { display:flex; gap:10px; align-items:flex-start; padding:11px 12px; border:1px solid var(--line); border-radius:11px; background:#fff; cursor:pointer; }
.nc-role:hover[b-it0prrntic] { border-color:var(--line-strong); }
.nc-role.on[b-it0prrntic] { border-color:#9fcdb0; background:var(--mint-soft); box-shadow:inset 0 0 0 1px #9fcdb0; }
.nc-role input[b-it0prrntic] { margin-top:2px; width:16px; height:16px; accent-color:var(--forest); }
.nc-role span[b-it0prrntic] { display:grid; gap:2px; }
.nc-role strong[b-it0prrntic] { font-size:.88rem; }
.nc-role small[b-it0prrntic] { color:var(--muted); font-size:.76rem; line-height:1.35; }
.nc-info[b-it0prrntic] { margin:0; padding:9px 12px; border-radius:9px; background:#e6f0f7; color:#2c5f86; font-size:.82rem; }
.nc-home[b-it0prrntic] { padding:1px 8px; border-radius:99px; background:var(--forest); color:#fff; font-size:.66rem; font-weight:800; }
.nc-password[b-it0prrntic] { display:flex; gap:8px; flex-wrap:wrap; }
.nc-password input[b-it0prrntic] { flex:1 1 240px; height:42px; padding:0 12px; border:1px solid var(--line-strong); border-radius:9px; background:#fff; font:600 .95rem ui-monospace, Consolas, monospace; letter-spacing:.03em; }
.nc-password input:focus[b-it0prrntic] { outline:2px solid rgba(36,90,66,.35); border-color:var(--forest-bright); }
.nc-password .pr-btn[b-it0prrntic] { min-height:42px; }
.nc-tier[b-it0prrntic] { max-width:340px; }
.nc-ready[b-it0prrntic] { color:#1d5f3e !important; }

/* One small notice in the corner, above dialogs, never in the page flow. */
.pr-notice[b-it0prrntic] { position:fixed; right:24px; bottom:24px; z-index:130; width:min(420px, calc(100vw - 32px)); padding:12px 12px 12px 14px; border-radius:12px; display:flex; gap:10px; align-items:center; font-size:.86rem; font-weight:600; box-shadow:0 12px 32px -12px rgba(10,30,20,.35); animation:pr-rise-b-it0prrntic .16s var(--ease); }
.pr-notice span:nth-child(2)[b-it0prrntic] { flex:1; }
.pr-notice-mark[b-it0prrntic] { width:22px; height:22px; flex:0 0 auto; display:grid; place-items:center; border-radius:50%; background:currentColor; }
.pr-notice.ok[b-it0prrntic] { background:#1d5f3e; color:#fff; }
.pr-notice.ok .pr-notice-mark[b-it0prrntic] { background:rgba(255,255,255,.2); }
.pr-notice.bad[b-it0prrntic] { background:#fff; color:#8a342d; border:1px solid #e8b8b3; border-left:4px solid #9a4039; }
.pr-notice.bad .pr-notice-mark[b-it0prrntic] { background:#fbe7e5; }
.pr-notice button[b-it0prrntic] { border:0; background:transparent; color:inherit; font-size:1.2rem; line-height:1; cursor:pointer; opacity:.8; }
.pr-notice button:hover[b-it0prrntic] { opacity:1; }
@media (max-width: 620px) { .pr-notice[b-it0prrntic] { right:16px; bottom:16px; } }
/* Once typing starts, rules not yet met stand out instead of sitting grey. */
.pr-rules.checking li:not(.met)[b-it0prrntic] { color:#9a6a0c; }
.pr-rules.checking li:not(.met)[b-it0prrntic]::before { content:"! "; }
/* /Components/Pages/ProductAnalytics.razor.rz.scp.css */
/* Phone first: one column, thumb-sized targets, app-style controls. */
.pa[b-ny2k9g4nh6] { display: grid; gap: 14px; max-width: 1180px; }
.pa-head h1[b-ny2k9g4nh6] { margin: 0; font: 800 clamp(1.45rem, 5vw, 1.9rem)/1.15 'Manrope'; letter-spacing: -0.02em; color: var(--ink); }
.pa-head p[b-ny2k9g4nh6] { margin: 4px 0 0; color: var(--muted); font-size: .88rem; }

.pa-controls[b-ny2k9g4nh6] { display: flex; flex-wrap: wrap; gap: 10px; }
.pa-seg[b-ny2k9g4nh6] { display: inline-grid; grid-auto-flow: column; grid-auto-columns: 1fr; padding: 3px; border-radius: 12px; background: #e6ebe6; }
.pa-seg button[b-ny2k9g4nh6] { min-height: 38px; padding: 0 14px; border: 0; border-radius: 9px; background: transparent; color: #4d5a52; font: 700 .84rem 'DM Sans'; white-space: nowrap; cursor: pointer; transition: background .15s, color .15s, box-shadow .15s; }
.pa-seg button.on[b-ny2k9g4nh6] { background: #fff; color: var(--forest); box-shadow: 0 1px 3px rgba(20, 50, 35, .18); }

.pa-stores[b-ny2k9g4nh6] { display: flex; gap: 8px; margin: 0 -16px; padding: 2px 16px 6px; overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.pa-stores[b-ny2k9g4nh6]::-webkit-scrollbar { display: none; }
.pa-stores button[b-ny2k9g4nh6] { flex: 0 0 auto; scroll-snap-align: start; min-height: 40px; padding: 0 16px; border: 1px solid var(--line-strong); border-radius: 99px; background: #fff; color: var(--ink); font: 700 .86rem 'DM Sans'; cursor: pointer; }
.pa-stores button.on[b-ny2k9g4nh6] { border-color: var(--forest); background: var(--forest); color: #fff; }

.pa-summary[b-ny2k9g4nh6] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; transition: opacity .2s; }
.pa-summary div[b-ny2k9g4nh6] { padding: 14px; border-radius: 16px; background: #fff; box-shadow: var(--shadow-card); display: grid; gap: 2px; }
.pa-summary span[b-ny2k9g4nh6] { color: var(--muted); font-size: .76rem; font-weight: 700; }
.pa-summary strong[b-ny2k9g4nh6] { font: 800 1.35rem/1.15 'Manrope'; color: var(--ink); font-variant-numeric: tabular-nums; }
.pa-summary .warn strong[b-ny2k9g4nh6] { color: #a06a0a; }

.pa-lists[b-ny2k9g4nh6] { display: grid; gap: 14px; transition: opacity .2s; }
.is-loading[b-ny2k9g4nh6] { opacity: .55; pointer-events: none; }
.pa-card[b-ny2k9g4nh6] { border-radius: 18px; background: #fff; box-shadow: var(--shadow-card); overflow: hidden; }
.pa-card header[b-ny2k9g4nh6] { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; padding: 14px 16px 8px; }
.pa-card h2[b-ny2k9g4nh6] { margin: 0; display: flex; gap: 8px; align-items: center; font: 800 1.02rem 'Manrope'; color: var(--ink); }
.pa-card.best h2 span[b-ny2k9g4nh6] { color: #23704a; font-size: .8rem; }
.pa-card.worst h2 span[b-ny2k9g4nh6] { color: #9a4039; font-size: .8rem; }
.pa-card header small[b-ny2k9g4nh6] { color: var(--muted); font-size: .76rem; font-weight: 600; }
.pa-card ol[b-ny2k9g4nh6] { margin: 0; padding: 0 8px 8px; list-style: none; }
.pa-card li + li[b-ny2k9g4nh6] { border-top: 1px solid #eef1ee; }
.pa-card li button[b-ny2k9g4nh6] { width: 100%; min-height: 60px; padding: 10px 8px; display: grid; grid-template-columns: 30px minmax(0, 1fr) auto; grid-template-rows: auto auto; column-gap: 12px; align-items: center; border: 0; border-radius: 12px; background: transparent; color: inherit; font: inherit; text-align: left; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.pa-card li button:active[b-ny2k9g4nh6] { background: #f1f5f2; transform: scale(.99); }
.pa-rank[b-ny2k9g4nh6] { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 10px; background: #eef1ee; color: #4d5a52; font: 800 .84rem 'Manrope'; }
.pa-rank.gold[b-ny2k9g4nh6] { background: linear-gradient(145deg, #f3cf6e, #d9a53a); color: #3d2b05; }
.pa-name[b-ny2k9g4nh6] { display: grid; min-width: 0; }
.pa-name strong[b-ny2k9g4nh6] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .92rem; color: var(--ink); }
.pa-name small[b-ny2k9g4nh6] { color: var(--muted); font-size: .76rem; }
.pa-figure[b-ny2k9g4nh6] { display: grid; justify-items: end; gap: 1px; }
.pa-figure strong[b-ny2k9g4nh6] { font: 800 .95rem 'Manrope'; color: var(--ink); font-variant-numeric: tabular-nums; }
.pa-figure small[b-ny2k9g4nh6] { color: var(--muted); font-size: .72rem; white-space: nowrap; }
.pa-chip[b-ny2k9g4nh6] { padding: 2px 8px; border-radius: 99px; background: #fbe7e5; color: #9a4039; font-size: .74rem; font-weight: 800; }
.pa-bar[b-ny2k9g4nh6] { grid-column: 2 / -1; height: 4px; margin-top: 6px; border-radius: 99px; background: #eef1ee; overflow: hidden; }
.pa-bar i[b-ny2k9g4nh6] { display: block; height: 100%; border-radius: 99px; background: linear-gradient(90deg, #3a8a62, #7fcf9a); }
.pa-empty[b-ny2k9g4nh6] { margin: 0; padding: 22px 16px 26px; color: var(--muted); text-align: center; font-size: .88rem; }
.pa-error[b-ny2k9g4nh6] { padding: 12px 14px; border-radius: 12px; background: #fbe7e5; color: #8a342d; font-weight: 600; }
.pa-skeleton[b-ny2k9g4nh6] { display: grid; gap: 10px; }
.pa-skeleton i[b-ny2k9g4nh6] { height: 84px; border-radius: 16px; background: linear-gradient(90deg, #eef1ee 25%, #f7f9f7 50%, #eef1ee 75%); background-size: 200% 100%; animation: pa-shimmer-b-ny2k9g4nh6 1.2s infinite linear; }
@keyframes pa-shimmer-b-ny2k9g4nh6 { to { background-position: -200% 0; } }

/* Product details: a bottom sheet on the phone, a small card on a desk. */
.pa-scrim[b-ny2k9g4nh6] { position: fixed; inset: 0; z-index: 90; background: rgba(12, 28, 20, .42); animation: pa-fade-b-ny2k9g4nh6 .18s ease-out; }
.pa-sheet[b-ny2k9g4nh6] { position: fixed; left: 0; right: 0; bottom: 0; z-index: 95; padding: 8px 18px calc(22px + env(safe-area-inset-bottom)); border-radius: 22px 22px 0 0; background: #fff; box-shadow: 0 -12px 40px rgba(10, 30, 20, .25); animation: pa-up-b-ny2k9g4nh6 .24s cubic-bezier(.2, .8, .2, 1); }
.pa-grip[b-ny2k9g4nh6] { display: block; width: 40px; height: 5px; margin: 0 auto 12px; border-radius: 99px; background: #d5ddd7; }
.pa-sheet header[b-ny2k9g4nh6] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 12px; align-items: center; }
.pa-sheet h2[b-ny2k9g4nh6] { margin: 0; font: 800 1.1rem 'Manrope'; color: var(--ink); }
.pa-sheet header p[b-ny2k9g4nh6] { margin: 2px 0 0; color: var(--muted); font-size: .8rem; }
.pa-sheet-close[b-ny2k9g4nh6] { width: 36px; height: 36px; border: 0; border-radius: 50%; background: #eef1ee; color: #4d5a52; font-size: 1.2rem; cursor: pointer; }
.pa-sheet-verdict[b-ny2k9g4nh6] { margin: 14px 0 0; padding: 10px 12px; border-radius: 12px; font-weight: 700; font-size: .88rem; }
.pa-sheet-verdict.good[b-ny2k9g4nh6] { background: #e1f4e8; color: #1d5f3e; }
.pa-sheet-verdict.bad[b-ny2k9g4nh6] { background: #fbe7e5; color: #8a342d; }
.pa-sheet dl[b-ny2k9g4nh6] { margin: 14px 0 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.pa-sheet dl div[b-ny2k9g4nh6] { padding: 10px 12px; border-radius: 12px; background: #f5f7f5; }
.pa-sheet dt[b-ny2k9g4nh6] { color: var(--muted); font-size: .74rem; font-weight: 700; }
.pa-sheet dd[b-ny2k9g4nh6] { margin: 2px 0 0; font: 800 1.1rem 'Manrope'; color: var(--ink); }
.pa-sheet-tip[b-ny2k9g4nh6] { margin: 12px 0 0; color: #4d5a52; font-size: .84rem; }
.pa-sheet-action[b-ny2k9g4nh6] { display: grid; place-items: center; min-height: 48px; margin-top: 14px; border-radius: 14px; background: var(--forest); color: #fff; font-weight: 800; text-decoration: none; }
@keyframes pa-up-b-ny2k9g4nh6 { from { transform: translateY(100%); } }
@keyframes pa-fade-b-ny2k9g4nh6 { from { opacity: 0; } }

@media (min-width: 720px) {
    .pa-summary[b-ny2k9g4nh6] { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .pa-lists[b-ny2k9g4nh6] { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; }
    .pa-stores[b-ny2k9g4nh6] { margin: 0; padding: 2px 0 6px; flex-wrap: wrap; overflow: visible; }
    .pa-sheet[b-ny2k9g4nh6] { left: 50%; right: auto; bottom: 50%; width: 440px; transform: translate(-50%, 50%); border-radius: 20px; padding-bottom: 22px; animation: pa-fade-b-ny2k9g4nh6 .18s ease-out; }
    .pa-grip[b-ny2k9g4nh6] { display: none; }
}

@media (prefers-reduced-motion: reduce) {
    .pa-sheet[b-ny2k9g4nh6], .pa-scrim[b-ny2k9g4nh6], .pa-skeleton i[b-ny2k9g4nh6] { animation: none; }
}
/* /Components/Pages/ProductChangeRequests.razor.rz.scp.css */
.approvals-page[b-prgfyhped2] { display:block; }
.approvals-page .office-head[b-prgfyhped2] { align-items:flex-end; margin-bottom:22px; }
.approvals-page .office-title[b-prgfyhped2] { margin:0; color:#123644; font:800 clamp(1.6rem,2vw,2rem)/1.15 'Manrope',sans-serif; letter-spacing:-.035em; }
.approvals-page .office-lead[b-prgfyhped2] { margin:9px 0 0; max-width:46rem; color:#78909c; font-size:.84rem; }
.approvals-toggle[b-prgfyhped2] { display:flex; align-items:center; gap:9px; color:#6c8896; font-size:.78rem; white-space:nowrap; }
.approvals-toggle input[b-prgfyhped2] { width:18px; height:18px; accent-color:var(--forest); }

.approvals-empty[b-prgfyhped2] { min-height:200px; display:grid; place-content:center; justify-items:center; color:var(--muted); text-align:center; }
.approvals-empty strong[b-prgfyhped2] { color:var(--ink); }
.approvals-empty span[b-prgfyhped2] { margin-top:5px; font-size:.82rem; }

.approvals-list[b-prgfyhped2] { display:grid; gap:14px; }
.approval-card[b-prgfyhped2] { padding:18px 20px; border:1px solid #dfe8eb; border-radius:14px; background:#fff; box-shadow:var(--shadow-card); }
/* A pending request is the only kind that needs doing something about. */
.approval-card.is-pending[b-prgfyhped2] { border-left:3px solid var(--amber); }
.approval-card header[b-prgfyhped2] { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; }
.approval-what[b-prgfyhped2] { display:grid; gap:4px; min-width:0; }
.approval-what strong[b-prgfyhped2] { color:var(--ink); font:700 .98rem 'Manrope',sans-serif; }
.approval-what span[b-prgfyhped2] { color:var(--muted); font-size:.8rem; }
.approval-what i[b-prgfyhped2] { margin:0 5px; color:#b3c6cc; font-style:normal; }

.approval-status[b-prgfyhped2] { flex:none; padding:4px 11px; border-radius:99px; font-weight:800; font-size:.66rem; letter-spacing:.06em; text-transform:uppercase; }
.status-pending[b-prgfyhped2] { background:var(--amber); color:#4a3a10; }
.status-approved[b-prgfyhped2] { background:var(--mint); color:var(--forest); }
.status-rejected[b-prgfyhped2] { background:#f4ebeb; color:#a45e5e; }
.status-withdrawn[b-prgfyhped2] { background:#eef3f5; color:#5c7480; }
.status-failed[b-prgfyhped2] { background:#fff5f4; color:#7d3a33; }

.approval-reason[b-prgfyhped2] { margin:13px 0 0; padding:11px 14px; border-radius:10px; background:#f7faf9; color:#3f5a52; font-size:.85rem; line-height:1.5; }
.approval-who[b-prgfyhped2],.approval-decision[b-prgfyhped2] { margin:10px 0 0; color:var(--muted); font-size:.78rem; }
.approval-who strong[b-prgfyhped2],.approval-decision strong[b-prgfyhped2] { color:var(--ink); font-weight:700; }
.approval-failure[b-prgfyhped2] { margin:10px 0 0; padding:10px 13px; border-left:3px solid var(--danger); border-radius:0 9px 9px 0; background:#fff5f4; color:#7d3a33; font-size:.8rem; }

.approval-actions[b-prgfyhped2] { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-top:14px; padding-top:14px; border-top:1px solid #eef3f4; }
.approval-actions input[b-prgfyhped2] { flex:1 1 220px; min-width:0; height:40px; padding:0 12px; border:1px solid #dfe9eb; border-radius:9px; background:#fff; color:var(--ink); font-size:.82rem; }
.approval-actions input:focus-visible[b-prgfyhped2] { outline:3px solid rgba(36,90,66,.18); outline-offset:1px; border-color:var(--forest-bright); }
.approval-hint[b-prgfyhped2] { color:var(--muted); font-size:.79rem; }
.action-button[b-prgfyhped2] { min-height:40px; padding:0 14px; border:1px solid var(--line-strong); border-radius:9px; background:#fff; color:var(--ink); font-weight:800; font-size:.8rem; cursor:pointer; }
.action-button:hover:enabled[b-prgfyhped2] { border-color:var(--forest-bright); color:var(--forest); }
.action-button:disabled[b-prgfyhped2] { opacity:.5; cursor:default; }
.search-action[b-prgfyhped2] { min-height:40px; padding:0 16px; border:0; border-radius:9px; background:var(--forest); color:#fff; font-weight:800; font-size:.8rem; cursor:pointer; }
.search-action:hover:enabled[b-prgfyhped2] { background:var(--forest-bright); }
.search-action:disabled[b-prgfyhped2] { opacity:.5; cursor:default; }

@media(max-width:620px){
    .approvals-page .office-head[b-prgfyhped2] { align-items:stretch; flex-direction:column; }
    .approval-card header[b-prgfyhped2] { flex-direction:column; }
    .approval-actions input[b-prgfyhped2] { flex-basis:100%; }
}
/* /Components/Pages/ProductDetail.razor.rz.scp.css */
/* Tokens follow app.css: a light panel on paper, forest green for the primary
   action, amber reserved for warnings. */
.catalog-page[b-n1qr197xns] { display:block; }
.catalog-sr[b-n1qr197xns] { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.loading-card[b-n1qr197xns] { padding:60px 16px; text-align:center; color:var(--muted); }
.count-back[b-n1qr197xns] { color:var(--forest); text-decoration:underline; text-underline-offset:2px; }
.search-action[b-n1qr197xns] { min-height:42px; padding:0 17px; border:0; border-radius:9px; background:var(--forest); color:#fff; font-weight:800; cursor:pointer; }
.search-action:hover[b-n1qr197xns] { background:var(--forest-bright); }
.search-action:disabled[b-n1qr197xns] { opacity:.5; cursor:default; }
.action-button[b-n1qr197xns] { min-height:36px; padding:0 13px; border:1px solid var(--line-strong); border-radius:9px; background:#fff; color:var(--ink); font-weight:800; font-size:.78rem; cursor:pointer; }
.action-button:hover[b-n1qr197xns] { border-color:var(--forest-bright); color:var(--forest); }
.action-button.danger[b-n1qr197xns] { border-color:#e7c1bd; background:#fff5f4; color:var(--danger); }
.action-button.danger:hover[b-n1qr197xns] { border-color:var(--danger); }
.action-button.subtle[b-n1qr197xns] { border:0; background:transparent; color:var(--muted); }
.action-button:disabled[b-n1qr197xns] { opacity:.5; cursor:default; }

.count-meta[b-n1qr197xns] { display:flex; gap:20px; flex-wrap:wrap; margin:0 0 16px; padding:14px 18px; border:1px solid var(--line); border-radius:14px; background:#fff; }
.count-meta span[b-n1qr197xns] { display:grid; justify-items:start; gap:2px; color:var(--ink); font-size:.88rem; font-weight:600; }
.count-meta strong[b-n1qr197xns] { color:var(--muted); font-weight:800; text-transform:uppercase; font-size:.63rem; letter-spacing:.09em; }

.barcode-panel[b-n1qr197xns] { border:1px solid var(--line); border-radius:18px; background:#fff; overflow:hidden; box-shadow:var(--shadow-card); }
.barcode-head[b-n1qr197xns] { display:flex; justify-content:space-between; align-items:center; gap:14px; flex-wrap:wrap; padding:17px 20px; border-bottom:1px solid var(--line); }
.barcode-head strong[b-n1qr197xns] { display:block; font:700 1.05rem 'Manrope'; color:var(--ink); }
.barcode-head span[b-n1qr197xns] { color:var(--muted); font-size:.82rem; }

.barcode-add[b-n1qr197xns] { padding:18px 20px; border-bottom:1px solid var(--line); background:#fbfcfb; }
.barcode-add-grid[b-n1qr197xns] { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:13px; }
.barcode-add-grid label[b-n1qr197xns] { display:grid; gap:6px; }
.barcode-add-grid label>span[b-n1qr197xns] { color:var(--muted); font-size:.67rem; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }
.barcode-add-grid input[b-n1qr197xns],.barcode-add-grid select[b-n1qr197xns] { height:44px; padding:0 12px; border:1px solid var(--line); border-radius:9px; background:#fff; color:var(--ink); font-weight:600; }
.barcode-add-grid input:focus-visible[b-n1qr197xns],.barcode-add-grid select:focus-visible[b-n1qr197xns] { outline:3px solid rgba(36,90,66,.18); outline-offset:1px; border-color:var(--forest-bright); }
.barcode-add-grid input[inputmode="numeric"][b-n1qr197xns] { font-family:ui-monospace,Consolas,monospace; letter-spacing:.04em; }
.barcode-add-check[b-n1qr197xns] { display:flex !important; flex-direction:row !important; align-items:center; gap:10px; padding:12px; border:1px solid var(--line); border-radius:10px; background:#fff; }
.barcode-add-check input[b-n1qr197xns] { width:18px; height:18px; accent-color:var(--forest); }
.barcode-add-check>span[b-n1qr197xns] { text-transform:none !important; letter-spacing:0 !important; font-size:.84rem !important; color:var(--ink) !important; }
.barcode-add-actions[b-n1qr197xns] { display:flex; justify-content:space-between; align-items:center; gap:14px; flex-wrap:wrap; margin-top:14px; }
.barcode-hint[b-n1qr197xns] { color:var(--muted); font-size:.8rem; line-height:1.5; }
.barcode-typo[b-n1qr197xns] { display:block; margin-top:5px; color:#8a6a1f; font-weight:700; }

.barcode-table-scroll[b-n1qr197xns] { overflow-x:auto; -webkit-overflow-scrolling:touch; overscroll-behavior-x:contain; }
.barcode-table[b-n1qr197xns] { width:100%; border-collapse:collapse; }
.barcode-table th[b-n1qr197xns] { padding:13px 18px; text-align:left; color:var(--muted); font-size:.67rem; font-weight:800; text-transform:uppercase; letter-spacing:.09em; border-bottom:1px solid var(--line); }
.barcode-table td[b-n1qr197xns] { padding:13px 18px; border-bottom:1px solid var(--line); color:var(--ink); font-size:.86rem; vertical-align:middle; }
.barcode-table tbody tr:last-child td[b-n1qr197xns] { border-bottom:0; }
.barcode-table tbody tr.is-retired td[b-n1qr197xns] { color:var(--muted); background:#fafbfa; }
.barcode-value[b-n1qr197xns] { padding:4px 10px; border-radius:7px; background:#f1f4f1; color:var(--ink); font:.84rem ui-monospace,Consolas,monospace; letter-spacing:.04em; user-select:all; }
.barcode-primary[b-n1qr197xns] { margin-left:8px; padding:3px 9px; border-radius:99px; background:var(--mint); color:var(--forest); font-weight:800; font-size:.64rem; text-transform:uppercase; letter-spacing:.05em; }
.barcode-retired[b-n1qr197xns] { margin-left:8px; color:var(--muted); font-size:.72rem; }
.barcode-actions[b-n1qr197xns] { display:flex; gap:7px; justify-content:flex-end; flex-wrap:wrap; }
.results-empty[b-n1qr197xns] { min-height:160px; display:grid; place-content:center; justify-items:center; color:var(--muted); text-align:center; }
.results-empty strong[b-n1qr197xns] { color:var(--ink); }
.results-empty span[b-n1qr197xns] { margin-top:5px; font-size:.82rem; }
.sheet-muted[b-n1qr197xns] { color:var(--muted); font-size:.8rem; }

.reason-editor[b-n1qr197xns] { display:grid; gap:9px; margin:0; padding:17px 20px; border-top:1px solid var(--line); background:#fff5f4; }
.reason-label[b-n1qr197xns] { color:#9a4039; font-size:.76rem; font-weight:800; }
.reason-label code[b-n1qr197xns] { padding:1px 6px; border-radius:5px; background:#fff; color:var(--ink); font-family:ui-monospace,Consolas,monospace; }
.reason-input[b-n1qr197xns] { height:44px; padding:0 12px; border:1px solid #e7c1bd; border-radius:9px; background:#fff; color:var(--ink); font-weight:600; }
.reason-editor .barcode-hint[b-n1qr197xns] { color:#6d4a46; }
.reason-actions[b-n1qr197xns] { display:flex; gap:10px; justify-content:flex-end; }

@media(max-width:620px){
    .office-head[b-n1qr197xns]{align-items:stretch;flex-direction:column}
    .barcode-table[b-n1qr197xns]{min-width:560px}
}
/* /Components/Pages/Products.razor.rz.scp.css */
/* Tokens follow app.css: --panel is white, --signal is amber, and a primary



   action is forest green on white — not the other way round. */



.catalog-page[b-09hq53kcs4] { display:block; }



.catalog-page .office-head[b-09hq53kcs4] { align-items:flex-end; margin-bottom:22px; }



.catalog-page .office-title[b-09hq53kcs4] { margin:0; color:#123644; font:800 clamp(1.6rem,2vw,2rem)/1.15 'Manrope',sans-serif; letter-spacing:-.035em; }



.catalog-page .office-lead[b-09hq53kcs4] { margin:9px 0 0; color:#78909c; font-size:.84rem; }



.add-product[b-09hq53kcs4] { display:inline-flex; align-items:center; gap:10px; white-space:nowrap; box-shadow:0 2px 5px rgba(10,68,47,.12); }



.add-product span[b-09hq53kcs4] { display:grid; place-items:center; width:23px; height:23px; border-radius:50%; background:#247e5c; font-size:1.3rem; font-weight:400; line-height:1; }



.catalog-sr[b-09hq53kcs4] { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }



.search-action[b-09hq53kcs4] { min-height:42px; padding:0 17px; border:0; border-radius:9px; background:var(--forest); color:#fff; font-weight:800; cursor:pointer; }



.search-action:hover[b-09hq53kcs4] { background:var(--forest-bright); }



.search-action:disabled[b-09hq53kcs4] { opacity:.5; cursor:default; }



.action-button[b-09hq53kcs4] { min-height:38px; padding:0 14px; border:1px solid var(--line-strong); border-radius:9px; background:#fff; color:var(--ink); font-weight:800; font-size:.8rem; cursor:pointer; }



.action-button:hover[b-09hq53kcs4] { border-color:var(--forest-bright); color:var(--forest); }



.action-button.subtle[b-09hq53kcs4] { border:0; background:transparent; color:var(--muted); }



.action-button.subtle:hover[b-09hq53kcs4] { color:var(--ink); }



.action-button:disabled[b-09hq53kcs4] { opacity:.5; cursor:default; }







/* The barcode desk: a code that resolves to nothing is a dead end everywhere



   else in the system, so here it is the headline question. */



.code-desk[b-09hq53kcs4] { margin:0 0 16px; padding:20px 22px; border:1px solid var(--line); border-left:3px solid var(--amber); border-radius:16px; background:#fff; box-shadow:var(--shadow-card); }



.code-desk-head[b-09hq53kcs4] { display:grid; gap:3px; margin-bottom:13px; }



.code-desk-head strong[b-09hq53kcs4] { font:700 1.1rem 'Manrope'; color:var(--ink); }



.code-desk-head span[b-09hq53kcs4] { color:var(--muted); font-size:.84rem; }



.code-desk-entry[b-09hq53kcs4] { display:flex; gap:10px; flex-wrap:wrap; }



.code-desk-entry input[b-09hq53kcs4] { flex:1 1 260px; height:44px; padding:0 13px; border:1px solid var(--line); border-radius:9px; background:#fbfcfb; color:var(--ink); font:600 .95rem ui-monospace,Consolas,monospace; letter-spacing:.04em; }



.code-desk-entry input:focus-visible[b-09hq53kcs4] { outline:3px solid rgba(36,90,66,.18); outline-offset:1px; border-color:var(--forest-bright); }



.code-desk-hit[b-09hq53kcs4],.code-desk-miss[b-09hq53kcs4] { display:flex; gap:12px; align-items:flex-start; flex-wrap:wrap; margin-top:14px; padding:13px 15px; border-radius:11px; }



.code-desk-hit[b-09hq53kcs4] { background:var(--mint-soft); }



.code-desk-miss[b-09hq53kcs4] { background:var(--amber-soft); }



.code-desk-hit div[b-09hq53kcs4],.code-desk-miss div[b-09hq53kcs4] { display:grid; gap:2px; }



.code-desk-hit strong[b-09hq53kcs4],.code-desk-miss strong[b-09hq53kcs4] { color:var(--ink); }



.code-desk-hit span[b-09hq53kcs4],.code-desk-miss span[b-09hq53kcs4] { color:var(--muted); font-size:.82rem; }



.code-desk-hit a[b-09hq53kcs4] { color:var(--forest); text-decoration:underline; text-underline-offset:3px; }



.code-desk-badge[b-09hq53kcs4] { flex:none; padding:4px 11px; border-radius:99px; font-weight:800; font-size:.66rem; letter-spacing:.06em; text-transform:uppercase; }



.code-desk-badge.is-known[b-09hq53kcs4] { background:var(--mint); color:var(--forest); }



.code-desk-badge.is-unknown[b-09hq53kcs4] { background:var(--amber); color:#4a3a10; }



.code-desk-actions[b-09hq53kcs4] { display:flex; gap:9px; flex-wrap:wrap; width:100%; margin-top:6px; }



.code-desk-note[b-09hq53kcs4] { width:100%; margin:6px 0 0; color:#6d5420; font-size:.8rem; }



.code-desk-note code[b-09hq53kcs4] { padding:1px 6px; border-radius:5px; background:#fff; font-size:.76rem; }







.attach-panel[b-09hq53kcs4] { margin:0 0 16px; padding:18px 20px; border:1px solid var(--amber); border-radius:16px; background:var(--amber-soft); }



.attach-panel header[b-09hq53kcs4] { display:flex; justify-content:space-between; align-items:center; gap:10px; }



.attach-panel header strong[b-09hq53kcs4] { color:var(--ink); font-size:1rem; }



.attach-panel header strong code[b-09hq53kcs4] { padding:2px 8px; border-radius:6px; background:#fff; font-family:ui-monospace,Consolas,monospace; }



.attach-panel p[b-09hq53kcs4] { margin:7px 0 12px; color:#6d5420; font-size:.84rem; }



.attach-chosen[b-09hq53kcs4] { display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; }



.attach-chosen span[b-09hq53kcs4] { color:var(--ink); font-size:.9rem; }



.attach-hint[b-09hq53kcs4] { color:var(--muted) !important; }











/* Adding a product is a job you finish or abandon, so it takes over the screen



   rather than pushing the catalogue around underneath it. */



.modal-scrim[b-09hq53kcs4] { position:fixed; inset:0; z-index:120; background:rgba(21,60,43,.38); animation:modal-in-b-09hq53kcs4 .14s var(--ease); }



.modal-shell[b-09hq53kcs4] { position:fixed; z-index:130; inset:auto; top:50%; left:50%; transform:translate(-50%,-50%); width:min(560px,calc(100vw - 32px)); max-height:min(90vh,940px); display:flex; flex-direction:column; border-radius:16px; background:#fff; box-shadow:var(--shadow-lift); animation:modal-rise-b-09hq53kcs4 .16s var(--ease); }



.modal-shell:focus[b-09hq53kcs4] { outline:none; }



@keyframes modal-in-b-09hq53kcs4 { from { opacity:0; } to { opacity:1; } }



@keyframes modal-rise-b-09hq53kcs4 { from { opacity:0; transform:translate(-50%,calc(-50% + 10px)); } to { opacity:1; transform:translate(-50%,-50%); } }



@media (prefers-reduced-motion:reduce) { .modal-scrim[b-09hq53kcs4],.modal-shell[b-09hq53kcs4] { animation:none; } }







.modal-head[b-09hq53kcs4] { flex:none; display:flex; align-items:flex-start; gap:14px; padding:22px 24px 18px; }



.modal-mark[b-09hq53kcs4] { flex:none; display:grid; place-items:center; width:44px; height:44px; border-radius:13px; background:var(--mint-soft); color:var(--forest); }



.modal-mark[b-09hq53kcs4]  svg { width:22px; height:22px; }



.modal-head>div[b-09hq53kcs4] { flex:1 1 auto; min-width:0; }



.modal-head h2[b-09hq53kcs4] { margin:2px 0 0; font:700 1.26rem 'Manrope'; color:var(--ink); letter-spacing:-.02em; }



.modal-head p[b-09hq53kcs4] { margin:5px 0 0; color:var(--muted); font-size:.83rem; }



.modal-close[b-09hq53kcs4] { flex:none; width:30px; height:30px; border:0; border-radius:8px; background:transparent; color:#8da3ab; font-size:1.3rem; line-height:1; cursor:pointer; }



.modal-close:hover[b-09hq53kcs4] { background:#f1f5f6; color:var(--ink); }







.modal-body[b-09hq53kcs4] { flex:1 1 auto; overflow-y:auto; padding:0 24px 4px; }



.modal-foot[b-09hq53kcs4] { flex:none; display:flex; align-items:center; justify-content:space-between; gap:14px; padding:16px 24px 20px; border-top:1px solid var(--line); }



.modal-foot .search-action[b-09hq53kcs4] { display:inline-flex; align-items:center; gap:8px; }



.modal-foot .search-action[b-09hq53kcs4]  svg { width:16px; height:16px; }







@media(max-width:620px){



    .modal-shell[b-09hq53kcs4] { top:auto; bottom:0; left:0; transform:none; width:100vw; max-height:94vh; border-radius:16px 16px 0 0; animation:none; }



    .modal-head[b-09hq53kcs4],.modal-body[b-09hq53kcs4],.modal-foot[b-09hq53kcs4] { padding-left:16px; padding-right:16px; }



    .modal-foot[b-09hq53kcs4] { border-radius:0; }



    .field-pair[b-09hq53kcs4] { grid-template-columns:1fr; }



}







/* Three named sections rather than one flat grid, so what the form is asking



   for is visible before any of it is read. */



.form-block[b-09hq53kcs4] { padding:18px 0; border-top:1px solid var(--line); }



.form-block:first-of-type[b-09hq53kcs4] { padding-top:4px; }



.form-block h3[b-09hq53kcs4] { display:flex; align-items:center; gap:11px; margin:0 0 14px; font:700 .95rem 'Manrope'; color:var(--ink); }



.form-block-mark[b-09hq53kcs4] { flex:none; display:grid; place-items:center; width:32px; height:32px; border-radius:50%; background:var(--mint-soft); color:var(--forest); }



.form-block-mark[b-09hq53kcs4]  svg { width:17px; height:17px; }



.form-block.is-barcode h3[b-09hq53kcs4] { color:var(--forest); }







.field[b-09hq53kcs4] { display:grid; gap:7px; align-content:start; min-width:0; margin-bottom:14px; }



.field:last-child[b-09hq53kcs4] { margin-bottom:0; }



.field-half[b-09hq53kcs4] { max-width:260px; }



.field-pair[b-09hq53kcs4] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-bottom:14px; }



.field-pair .field[b-09hq53kcs4] { margin-bottom:0; }



.field-label[b-09hq53kcs4] { color:var(--ink); font-size:.82rem; font-weight:600; }



.field-label small[b-09hq53kcs4] { color:var(--muted); font-weight:400; }



.req[b-09hq53kcs4] { color:var(--danger); font-weight:700; }



.field input[b-09hq53kcs4],.field select[b-09hq53kcs4],.field textarea[b-09hq53kcs4] { width:100%; min-width:0; padding:0 13px; border:1px solid #dfe9eb; border-radius:9px; background:#fff; color:var(--ink); font-size:.85rem; font-weight:500; font-family:inherit; }



.field input[b-09hq53kcs4],.field select[b-09hq53kcs4] { height:44px; }



.field textarea[b-09hq53kcs4] { height:58px; padding:11px 13px; line-height:1.45; resize:vertical; }



.field input[b-09hq53kcs4]::placeholder,.field textarea[b-09hq53kcs4]::placeholder { color:#a7b9c0; }



.field input:focus-visible[b-09hq53kcs4],.field select:focus-visible[b-09hq53kcs4],.field textarea:focus-visible[b-09hq53kcs4] { outline:3px solid rgba(36,90,66,.18); outline-offset:1px; border-color:var(--forest-bright); }



.field .code-input[b-09hq53kcs4] { font-family:ui-monospace,Consolas,monospace; letter-spacing:.05em; }



.field-note[b-09hq53kcs4] { margin:0 0 12px; color:var(--muted); font-size:.76rem; line-height:1.45; }



.field-action[b-09hq53kcs4] { justify-self:start; padding:5px 10px; border:1px dashed var(--line-strong); border-radius:7px; background:#fff; color:var(--forest); font-weight:800; font-size:.72rem; cursor:pointer; }



.field-action:hover[b-09hq53kcs4] { border-style:solid; border-color:var(--forest-bright); background:var(--mint-soft); }







/* The barcode section is where this page earns its name, so it is tinted. */



.is-barcode .field-label[b-09hq53kcs4] { color:var(--forest); }



.is-barcode .field input[b-09hq53kcs4] { border-color:#bfe0cd; background:#f7fcf9; }



.barcode-camera[b-09hq53kcs4] { padding:4px 12px; border-radius:10px; background:var(--mint-soft); }



.barcode-camera[b-09hq53kcs4]  .camera-scanner { margin:8px 0; }



.barcode-camera[b-09hq53kcs4]  .camera-open { min-height:38px; border:1px solid #bfe0cd; background:#fff; color:var(--forest); font-size:.8rem; }



.barcode-camera[b-09hq53kcs4]  .camera-open:hover:not(:disabled) { border-color:var(--forest-bright); background:#fff; color:var(--forest); }







.form-warn[b-09hq53kcs4] { margin:12px 0 0; padding:10px 13px; border-left:3px solid var(--amber); border-radius:0 9px 9px 0; background:var(--amber-soft); color:#6d5420; font-size:.8rem; line-height:1.5; }



.form-warn.is-blocking[b-09hq53kcs4] { border-left-color:var(--danger); background:#fff5f4; color:#7d3a33; }



.form-good[b-09hq53kcs4] { margin:12px 0 0; padding:10px 13px; border-left:3px solid var(--forest); border-radius:0 9px 9px 0; background:var(--mint-soft); color:#2c4a3b; font-size:.8rem; }







/* A switch per handling flag: each carries a consequence, so each says so. */



.switch-rows[b-09hq53kcs4] { display:grid; gap:2px; margin-top:4px; }



.switch-row[b-09hq53kcs4] { position:relative; display:flex; align-items:center; gap:14px; padding:11px 0; border-top:1px solid #eef3f4; cursor:pointer; }



.switch-copy[b-09hq53kcs4] { flex:1 1 auto; display:grid; gap:3px; min-width:0; }



.switch-copy strong[b-09hq53kcs4] { color:var(--ink); font-size:.82rem; font-weight:600; }



.switch-copy small[b-09hq53kcs4] { color:var(--muted); font-size:.75rem; line-height:1.4; }



.switch-input[b-09hq53kcs4] { position:absolute; right:0; width:46px; height:26px; margin:0; opacity:0; cursor:pointer; }



.switch-track[b-09hq53kcs4] { flex:none; position:relative; width:46px; height:26px; border-radius:99px; background:#d4e0e3; transition:background .15s ease; }



.switch-track[b-09hq53kcs4]::after { content:""; position:absolute; top:3px; left:3px; width:20px; height:20px; border-radius:50%; background:#fff; box-shadow:0 1px 3px rgba(16,48,38,.25); transition:transform .15s ease; }



.switch-input:checked~.switch-track[b-09hq53kcs4] { background:var(--forest); }



.switch-input:checked~.switch-track[b-09hq53kcs4]::after { transform:translateX(20px); }



.switch-input:focus-visible~.switch-track[b-09hq53kcs4] { outline:3px solid rgba(36,90,66,.18); outline-offset:2px; }



@media (prefers-reduced-motion:reduce) { .switch-track[b-09hq53kcs4],.switch-track[b-09hq53kcs4]::after { transition:none; } }







/* What the form adds up to so far, and what still stands in the way. */



.preview-card[b-09hq53kcs4] { display:flex; align-items:flex-start; gap:12px; margin:18px 0 4px; padding:14px 16px; border-radius:11px; background:var(--mint-soft); }



.preview-mark[b-09hq53kcs4] { flex:none; display:grid; place-items:center; width:28px; height:28px; border-radius:8px; background:#fff; color:var(--forest); }



.preview-mark[b-09hq53kcs4]  svg { width:16px; height:16px; }



.preview-card>div[b-09hq53kcs4] { display:grid; gap:4px; min-width:0; }



.preview-card strong[b-09hq53kcs4] { color:var(--ink); font-size:.82rem; font-weight:600; }



.preview-card em[b-09hq53kcs4] { color:var(--muted); font-style:normal; font-weight:400; font-size:.76rem; }



.preview-card span[b-09hq53kcs4] { overflow:hidden; color:#5d7a74; font-size:.78rem; text-overflow:ellipsis; }



.preview-card i[b-09hq53kcs4] { margin:0 3px; color:#9db5ad; font-style:normal; }



.preview-state[b-09hq53kcs4] { font-weight:700; color:#8a6a1f; }



.preview-state.is-ready[b-09hq53kcs4] { color:var(--forest); }







.search-strip[b-09hq53kcs4] { display:flex; gap:18px; align-items:center; flex-wrap:wrap; margin:0 0 14px; padding:9px 12px; border:1px solid #dce7e8; border-radius:12px; background:#fff; box-shadow:var(--shadow-card); }



.catalog-search[b-09hq53kcs4] { flex:1 1 300px; position:relative; }



.catalog-search[b-09hq53kcs4]::before { content:""; position:absolute; left:16px; top:50%; width:13px; height:13px; transform:translateY(-60%); border:2px solid #7795a1; border-radius:50%; pointer-events:none; }



.catalog-search[b-09hq53kcs4]::after { content:""; position:absolute; left:29px; top:25px; width:7px; height:2px; transform:rotate(45deg); background:#7795a1; pointer-events:none; }



.catalog-search input[b-09hq53kcs4] { width:100%; height:44px; padding:0 14px 0 46px; border:1px solid #dfe9eb; border-radius:8px; background:#fff; color:#173947; font-size:.83rem; }



.catalog-search input:focus-visible[b-09hq53kcs4] { outline:3px solid rgba(36,90,66,.18); outline-offset:1px; border-color:var(--forest-bright); }



.catalog-toggle[b-09hq53kcs4] { display:flex; align-items:center; gap:9px; color:#6c8896; font-size:.78rem; white-space:nowrap; }



.catalog-toggle input[b-09hq53kcs4] { width:18px; height:18px; accent-color:var(--forest); }



.catalog-count[b-09hq53kcs4] { padding:0 12px 0 18px; border-left:1px solid #e5edef; color:#7895a4; font-size:.8rem; white-space:nowrap; }



.barcode-disclosure[b-09hq53kcs4] { display:inline-flex; align-items:center; gap:9px; margin:0 0 20px; padding:7px 14px 7px 8px; border:1px solid #d9e5e7; border-radius:99px; background:#fff; color:#286b55; font-size:.78rem; font-weight:800; cursor:pointer; }



.barcode-disclosure:hover[b-09hq53kcs4] { border-color:var(--forest-bright); background:var(--mint-soft); }



.barcode-disclosure:focus-visible[b-09hq53kcs4] { outline:3px solid rgba(36,90,66,.18); outline-offset:1px; }



.barcode-disclosure-icon[b-09hq53kcs4] { flex:none; display:grid; place-items:center; width:26px; height:26px; border-radius:50%; background:var(--mint-soft); color:var(--forest); }



.barcode-disclosure-icon[b-09hq53kcs4]  svg { width:15px; height:15px; }



.barcode-disclosure-label[b-09hq53kcs4] { white-space:nowrap; }



.barcode-disclosure-sign[b-09hq53kcs4] { flex:none; color:#7fa392; font-size:1.05rem; font-weight:500; line-height:1; }







/* The same pager as the activity log, so paging feels identical wherever a



   long list appears. */



.catalog-pager[b-09hq53kcs4] { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:20px; padding:0 2px; color:#7c97a5; font-size:.79rem; }



.catalog-pager div[b-09hq53kcs4] { display:flex; gap:2px; align-items:center; flex-wrap:wrap; padding:4px; border:1px solid #e0e9ec; border-radius:9px; background:#fff; }



.catalog-pager button[b-09hq53kcs4] { min-width:34px; height:34px; padding:0 9px; border:0; border-radius:7px; background:transparent; color:#173947; font-weight:700; cursor:pointer; }



.catalog-pager button.is-current[b-09hq53kcs4],.catalog-pager button:hover:enabled[b-09hq53kcs4] { background:#cff1e1; color:#124c39; }



.catalog-pager button:disabled[b-09hq53kcs4] { opacity:.45; cursor:default; }



.pager-ellipsis[b-09hq53kcs4] { padding:0 6px; color:#819aa5; }



.catalog-toggle select[b-09hq53kcs4] { height:42px; min-width:72px; padding:0 12px; border:1px solid #dfe9eb; border-radius:9px; background:#fff; color:#173947; font-weight:700; }



@media(max-width:620px){ .catalog-pager[b-09hq53kcs4] { flex-direction:column; align-items:stretch; } }







.results-panel[b-09hq53kcs4] { min-height:200px; border:0; border-radius:0; background:transparent; overflow:visible; }



.results-empty[b-09hq53kcs4] { min-height:200px; display:grid; place-content:center; justify-items:center; color:var(--muted); text-align:center; }



.results-empty strong[b-09hq53kcs4] { color:var(--ink); }



.results-empty span[b-09hq53kcs4] { margin-top:5px; font-size:.82rem; }



.catalog-grid[b-09hq53kcs4] { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr)); align-items:stretch; gap:24px; }



.category-card[b-09hq53kcs4] { display:flex; flex-direction:column; min-width:0; height:100%; overflow:hidden; border:1px solid #dfe8eb; border-radius:14px; background:#fff; box-shadow:var(--shadow-card); }



.category-card:not(:has(.category-products))[b-09hq53kcs4] { align-self:start; height:auto; }
.category-head[b-09hq53kcs4] { flex:none; display:flex; align-items:center; gap:12px; width:100%; min-height:64px; padding:11px 18px; border:0; background:var(--category-bg); color:#123746; text-align:left; cursor:pointer; }



.category-head:hover[b-09hq53kcs4] { filter:saturate(1.15) brightness(.99); }



.category-head strong[b-09hq53kcs4] { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font:800 .97rem 'Manrope',sans-serif; letter-spacing:-.015em; }



.category-head small[b-09hq53kcs4] { flex:none; color:#7694a2; font-size:.72rem; white-space:nowrap; }



.category-icon[b-09hq53kcs4] { flex:none; display:grid; place-items:center; width:36px; height:36px; border-radius:50%; background:var(--category-icon-bg); color:var(--category-icon); }



.category-icon[b-09hq53kcs4]  svg { width:20px; height:20px; }



.category-chevron[b-09hq53kcs4] { margin-left:auto; padding-left:8px; color:var(--category-icon); font-size:1.45rem; line-height:1; transition:transform .15s ease; }



.category-head[aria-expanded="false"] .category-chevron[b-09hq53kcs4] { transform:rotate(90deg); }



.tone-mint[b-09hq53kcs4] { --category-bg:#e8f6ef; --category-icon-bg:#b9ecd0; --category-icon:#17664b; }



.tone-blue[b-09hq53kcs4] { --category-bg:#edf5fc; --category-icon-bg:#d5eaff; --category-icon:#316b9d; }



.tone-lilac[b-09hq53kcs4] { --category-bg:#f2f1fc; --category-icon-bg:#dcdafa; --category-icon:#474b9f; }



.tone-peach[b-09hq53kcs4] { --category-bg:#fff2e8; --category-icon-bg:#ffd5ac; --category-icon:#985b29; }



.tone-rose[b-09hq53kcs4] { --category-bg:#fbf0f1; --category-icon-bg:#f4cfd6; --category-icon:#994f5c; }



.tone-slate[b-09hq53kcs4] { --category-bg:#eef3f5; --category-icon-bg:#d6e1e7; --category-icon:#486477; }



.category-products[b-09hq53kcs4] { flex:1 1 auto; min-height:0; max-height:350px; overflow-y:auto; overscroll-behavior:contain; padding:2px 18px 14px; scrollbar-width:thin; scrollbar-color:#cddcdf transparent; }



.category-products:focus-visible[b-09hq53kcs4] { outline:3px solid rgba(36,90,66,.18); outline-offset:-3px; }



.category-products[b-09hq53kcs4]::-webkit-scrollbar { width:8px; }



.category-products[b-09hq53kcs4]::-webkit-scrollbar-thumb { border:2px solid transparent; border-radius:99px; background:#cddcdf; background-clip:content-box; }



.category-products[b-09hq53kcs4]::-webkit-scrollbar-thumb:hover { background:#aec4c9; background-clip:content-box; }



.catalog-product[b-09hq53kcs4] { display:flex; align-items:center; gap:10px; width:100%; min-height:66px; padding:11px 0; border:0; border-bottom:1px solid #eaf0f2; background:#fff; color:#163b4a; text-align:left; cursor:pointer; }



.catalog-product:hover[b-09hq53kcs4],.catalog-product:focus-visible[b-09hq53kcs4] { background:#f6fbf9; }



.catalog-product.is-chosen[b-09hq53kcs4] { background:#fff8e7; }



.product-identity[b-09hq53kcs4] { display:grid; gap:4px; min-width:0; flex:1 1 auto; }



.product-identity strong[b-09hq53kcs4] { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:.845rem; font-weight:600; letter-spacing:-.005em; }



.product-identity small[b-09hq53kcs4] { color:#8ba4af; font-size:.73rem; }



.product-meta[b-09hq53kcs4] { display:flex; align-items:center; gap:9px; flex:none; }



.product-meta code[b-09hq53kcs4] { max-width:124px; overflow:hidden; padding:5px 9px; border-radius:7px; background:#eff4f5; color:#8099a5; font:500 .69rem 'DM Sans',sans-serif; text-overflow:ellipsis; white-space:nowrap; }



.catalog-more[b-09hq53kcs4] { color:#7795a3; font-size:.65rem; }



.product-status[b-09hq53kcs4] { display:inline-flex; align-items:center; gap:6px; padding:5px 10px; border-radius:99px; font-size:.69rem; font-weight:500; white-space:nowrap; }



.product-status[b-09hq53kcs4]::before { content:""; width:6px; height:6px; border-radius:50%; background:currentColor; }



.product-status.is-active[b-09hq53kcs4] { background:#e1f8ec; color:#1b8a59; }



.product-status.is-inactive[b-09hq53kcs4] { background:#f4ebeb; color:#a45e5e; }



.product-chevron[b-09hq53kcs4] { margin-left:2px; color:#a3b7c0; font-size:1.3rem; line-height:1; }



.catalog-nocode[b-09hq53kcs4] { color:#9b7a3d; font-size:.7rem; font-weight:700; }



@media(max-width:620px){



    .catalog-page .office-head[b-09hq53kcs4]{align-items:stretch;flex-direction:column}



    .search-strip[b-09hq53kcs4]{gap:12px}



    .catalog-search[b-09hq53kcs4]{flex-basis:100%}



    .catalog-count[b-09hq53kcs4]{margin-left:auto;padding-left:12px}



    .category-head[b-09hq53kcs4]{gap:8px;padding:10px 12px}



    .category-head strong[b-09hq53kcs4]{font-size:.82rem}



    .category-products[b-09hq53kcs4]{padding-inline:12px}



    .product-meta code[b-09hq53kcs4]{max-width:84px}



    .code-desk-entry[b-09hq53kcs4]{flex-direction:column}



}



/* /Components/Pages/PurchaseOrderDetail.razor.rz.scp.css */
.purchase-detail[b-f6c4s9ttnw] { max-width: 1440px; margin: 0 auto; }
.purchase-detail .po-head[b-f6c4s9ttnw] { padding: 0 0 22px; margin-bottom: 0; align-items: center; }
.order-eyebrow[b-f6c4s9ttnw] { display: block; color: var(--forest-bright); font-size: .67rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; margin-bottom: 8px; }
.purchase-detail .po-head h1[b-f6c4s9ttnw] { font: 800 clamp(1.45rem, 2.2vw, 2rem)/1.25 'Manrope', sans-serif; letter-spacing: -.035em; margin: 0 0 7px; }
.purchase-detail .po-head p[b-f6c4s9ttnw] { font-size: .87rem; margin: 0; }
.purchase-detail .po-head p span[b-f6c4s9ttnw] { padding: 0 7px; color: var(--forest-bright); }
.purchase-detail .po-head-total[b-f6c4s9ttnw] { padding-left: 24px; border-left: 1px solid var(--line); }
.purchase-detail .po-head-total strong[b-f6c4s9ttnw] { font-size: 1.65rem; font-variant-numeric: tabular-nums; line-height: 1.4; }
.purchase-detail .po-head-actions[b-f6c4s9ttnw] { display:flex; align-items:center; gap:20px; }
.order-journey[b-f6c4s9ttnw] { margin-bottom: 20px; background: var(--panel); border: 1px solid var(--line); border-radius: 14px; overflow: hidden; box-shadow: var(--shadow-card); }
.journey-heading[b-f6c4s9ttnw] { padding: 18px 24px 0; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.journey-heading h2[b-f6c4s9ttnw] { margin: 0; font: 800 .95rem 'Manrope', sans-serif; }
.journey-heading > span[b-f6c4s9ttnw] { color: var(--muted); font-size: .7rem; }
.journey-stages[b-f6c4s9ttnw] { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); list-style: none; margin: 0; padding: 22px 24px; gap: 16px; }
.journey-stages li[b-f6c4s9ttnw] { display: flex; flex-direction: column; align-items: flex-start; gap: 5px; position: relative; color: var(--muted); min-width: 0; }
.journey-stages li[b-f6c4s9ttnw]::before { content: ''; position: absolute; left: 38px; right: -6px; top: 14px; height: 2px; background: var(--line); }
.journey-stages li:last-child[b-f6c4s9ttnw]::before { display: none; }
.stage-dot[b-f6c4s9ttnw] { width: 29px; height: 29px; border-radius: 50%; background: var(--paper); border: 1px solid var(--line); display: grid; place-items: center; font-size: .7rem; font-weight: 800; margin-bottom: 7px; }
.journey-stages .complete .stage-dot[b-f6c4s9ttnw] { background: var(--forest); border-color: var(--forest); color: white; }
.journey-stages .complete[b-f6c4s9ttnw]::before { background: #b9d8c4; }
.journey-stages strong[b-f6c4s9ttnw] { font-size: .79rem; color: var(--ink); }
.journey-stages time[b-f6c4s9ttnw], .journey-stages small[b-f6c4s9ttnw] { font-size: .7rem; line-height: 1.55; overflow-wrap: anywhere; }
.order-facts[b-f6c4s9ttnw] { display: grid; grid-template-columns: 1.3fr 1.3fr .7fr .9fr; margin: 0; padding: 16px 24px; background: #f8faf7; border-top: 1px solid var(--line); gap: 14px; }
.order-facts dt[b-f6c4s9ttnw] { font-size: .67rem; color: var(--muted); margin-bottom: 5px; }
.order-facts dd[b-f6c4s9ttnw] { margin: 0; font-size: .79rem; font-weight: 700; line-height: 1.6; }
.purchase-detail .order-next[b-f6c4s9ttnw] { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 22px 24px; border-left: 4px solid var(--amber); }
.purchase-detail .order-next.received[b-f6c4s9ttnw] { border-left-color: var(--forest-bright); }
.purchase-detail .order-next h2[b-f6c4s9ttnw] { margin-bottom: 8px; font-size: 1.1rem; }
.purchase-detail .order-next p[b-f6c4s9ttnw] { max-width: 760px; margin-bottom: 0; line-height: 1.65; }
.purchase-detail .order-next > button[b-f6c4s9ttnw] { flex: 0 0 auto; }
.purchase-detail .receiving-date-note[b-f6c4s9ttnw] { background: var(--amber-soft); color: #715519; border: 1px solid #ebd9a9; border-radius: 8px; padding: 12px 14px; margin-top: 12px; line-height: 1.6; }
.purchase-detail .po-more[b-f6c4s9ttnw] { margin: 16px 0 20px; }
.purchase-detail .po-more summary[b-f6c4s9ttnw] { font-size: .78rem; padding: 13px 18px; }
.purchase-detail .po-delivery[b-f6c4s9ttnw] { padding: 18px 0; }
.purchase-detail .po-delivery-head[b-f6c4s9ttnw] { gap: 8px 18px; }
.purchase-detail .po-delivery-head strong[b-f6c4s9ttnw] { color: var(--forest); font-size: .85rem; }
.purchase-detail .po-delivery li[b-f6c4s9ttnw] { padding: 10px 0 0; line-height: 1.6; }
.purchase-detail .po-delivery li small[b-f6c4s9ttnw] { display: block; text-align: right; font-size: .7rem; }
.purchase-detail .arrival-confirmation[b-f6c4s9ttnw] { padding: 16px; margin: 16px 0; border: 1px solid var(--line-strong); border-radius: 10px; background: var(--mint-soft); align-items: flex-start; line-height: 1.55; }
.purchase-detail .arrival-confirmation input[b-f6c4s9ttnw] { margin-top: 3px; min-width: 20px; min-height: 20px; }
.purchase-detail button:focus-visible[b-f6c4s9ttnw], .purchase-detail summary:focus-visible[b-f6c4s9ttnw], .purchase-detail input:focus-visible[b-f6c4s9ttnw] { outline: 3px solid var(--forest-bright); outline-offset: 3px; }
.purchase-detail .qr-table-wrap[b-f6c4s9ttnw] { max-width: 100%; overflow-x: auto; }
.purchase-detail .po-lines[b-f6c4s9ttnw] { min-width: 720px; }
@media (max-width: 950px) {
    .journey-stages[b-f6c4s9ttnw] { gap: 10px; padding: 20px; }
    .order-facts[b-f6c4s9ttnw] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .purchase-detail .order-next[b-f6c4s9ttnw] { align-items: flex-start; flex-direction: column; gap: 16px; }
}
@media (max-width: 600px) {
    .purchase-detail .po-head[b-f6c4s9ttnw] { align-items: flex-start; gap: 15px; padding-bottom: 18px; }
    .purchase-detail .po-head-total[b-f6c4s9ttnw] { padding-left: 0; border-left: 0; justify-items: start; }
    .purchase-detail .po-head-total strong[b-f6c4s9ttnw] { font-size: 1.35rem; }
    .purchase-detail .po-head-actions[b-f6c4s9ttnw] { align-items:flex-start; flex-wrap:wrap; gap:12px; }
    .journey-heading[b-f6c4s9ttnw] { padding: 16px 16px 0; flex-wrap: wrap; gap: 6px; }
    .journey-stages[b-f6c4s9ttnw] { grid-template-columns: 1fr; padding: 20px 16px; gap: 0; }
    .journey-stages li[b-f6c4s9ttnw] { display: grid; grid-template-columns: 29px 1fr; column-gap: 12px; row-gap: 2px; padding-bottom: 18px; }
    .journey-stages li:last-child[b-f6c4s9ttnw] { padding-bottom: 0; }
    .journey-stages .stage-dot[b-f6c4s9ttnw] { grid-column: 1; grid-row: 1 / span 3; margin: 0; z-index: 1; }
    .journey-stages strong[b-f6c4s9ttnw], .journey-stages time[b-f6c4s9ttnw], .journey-stages small[b-f6c4s9ttnw] { grid-column: 2; }
    .journey-stages li[b-f6c4s9ttnw]::before { top: 29px; bottom: 0; left: 14px; width: 2px; height: auto; }
    .order-facts[b-f6c4s9ttnw] { padding: 16px; gap: 16px 12px; }
    .purchase-detail .order-next[b-f6c4s9ttnw] { padding: 18px 16px; }
    .purchase-detail .order-next > button[b-f6c4s9ttnw] { width: 100%; }
    .purchase-detail .po-delivery li[b-f6c4s9ttnw] { flex-direction: column; gap: 3px; }
    .purchase-detail .po-delivery li small[b-f6c4s9ttnw] { text-align: left; }
}
.po-quarantine[b-f6c4s9ttnw] { display:grid; gap:12px; margin:18px 0; padding:18px; border:1px solid #d5a673; border-radius:14px; background:#fff8ee; }
.po-quarantine h3[b-f6c4s9ttnw] { margin:0; font-size:1rem; }
.po-quarantine p[b-f6c4s9ttnw] { margin:0; color:var(--muted); font-size:.86rem; }
.po-quarantine-line[b-f6c4s9ttnw] { display:flex; align-items:end; flex-wrap:wrap; gap:12px; padding:10px 0; border-top:1px solid var(--line); }
.po-quarantine-line > div[b-f6c4s9ttnw] { display:grid; gap:2px; flex:1 1 180px; }
.po-quarantine-line small[b-f6c4s9ttnw] { color:var(--muted); }
.po-quarantine-line label[b-f6c4s9ttnw] { display:grid; gap:4px; font-size:.75rem; }
.po-quarantine-line input[b-f6c4s9ttnw] { width:96px; min-height:38px; padding:6px 9px; border:1px solid var(--line-strong); border-radius:8px; }
.po-quarantine > .po-btn[b-f6c4s9ttnw] { justify-self:start; }
.sent-backdrop[b-f6c4s9ttnw] { position: fixed; inset: 0; z-index: 1200; display: grid; place-items: center; padding: 20px; background: rgba(12, 29, 21, .58); backdrop-filter: blur(2px); }
.sent-dialog[b-f6c4s9ttnw] { width: min(100%, 540px); max-height: calc(100dvh - 40px); overflow: auto; padding: 24px; border: 1px solid var(--line); border-top: 4px solid var(--forest-bright); border-radius: 16px; background: var(--panel); color: var(--ink); box-shadow: 0 24px 64px rgba(21, 60, 43, .22); }
.sent-dialog h2[b-f6c4s9ttnw] { margin: 7px 0 10px; color: var(--ink); font: 800 1.25rem/1.2 'Manrope', sans-serif; letter-spacing: -.02em; }
.sent-dialog p[b-f6c4s9ttnw] { margin: 0; color: var(--muted); font-size: .9rem; line-height: 1.6; }
.sent-actions[b-f6c4s9ttnw] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; margin-top: 20px; }
@media (max-width: 600px) {
    .sent-backdrop[b-f6c4s9ttnw] { padding: 14px; }
    .sent-dialog[b-f6c4s9ttnw] { max-height: calc(100dvh - 28px); padding: 20px 18px; }
    .sent-actions[b-f6c4s9ttnw] { flex-direction: column; }
    .sent-actions .po-btn[b-f6c4s9ttnw] { width: 100%; }
}
/* /Components/Pages/Reports.razor.rz.scp.css */
.report-page-head[b-r695icv7lu] { display:flex; align-items:flex-end; justify-content:space-between; gap:2rem; margin-bottom:1.6rem; }
.report-page-head h1[b-r695icv7lu] { margin:.3rem 0 .3rem; font:800 clamp(1.5rem,2.4vw,2rem)/1.1 'Manrope'; letter-spacing:-.03em; }
.report-page-head p[b-r695icv7lu] { max-width:42rem; margin:0; color:var(--muted); }
.report-pickers[b-r695icv7lu] { display:flex; align-items:flex-end; gap:.65rem; flex-wrap:wrap; justify-content:flex-end; }
.report-pickers label[b-r695icv7lu] { display:grid; gap:.4rem; color:var(--muted); font-size:.67rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.report-pickers select[b-r695icv7lu],.report-pickers input[b-r695icv7lu] { height:44px; min-width:170px; padding:0 .75rem; border:1px solid var(--line-strong); border-radius:9px; background:#fff; color:var(--ink); font-weight:700; font-size:.86rem; }
.report-pickers button[b-r695icv7lu] { height:44px; padding:0 1rem; border:0; border-radius:9px; background:var(--forest); color:#fff; font-weight:800; cursor:pointer; }
.report-pickers button:disabled[b-r695icv7lu] { opacity:.5; cursor:default; }
.report-message[b-r695icv7lu] { margin:0 0 1rem; padding:.8rem 1rem; border-left:3px solid var(--amber); background:var(--amber-soft); color:#6e5011; }
.report-empty[b-r695icv7lu] { min-height:300px; display:flex; align-items:center; justify-content:center; gap:1.2rem; border:1px dashed var(--line-strong); border-radius:18px; background:#fff; color:var(--muted); }
.report-empty div[b-r695icv7lu] { display:grid; gap:.3rem; }.report-empty strong[b-r695icv7lu] { color:var(--ink); font:700 1.05rem 'Manrope'; }
.book-mark[b-r695icv7lu] { width:58px; height:68px; display:grid; place-items:center; border-radius:3px 13px 3px 3px; background:var(--amber); color:#2b240f; font:800 .9rem 'Manrope'; box-shadow:inset 7px 0 rgba(43,36,15,.22); }

/* --- Location banner --- */
.report-banner[b-r695icv7lu] { display:flex; align-items:center; gap:1.1rem; padding:1.35rem 1.6rem; border-radius:16px; background:var(--amber); color:#2b240f; }
.report-banner.is-warehouse[b-r695icv7lu] { background:#e3c268; }
.banner-icon[b-r695icv7lu] { flex:none; display:grid; place-items:center; width:52px; height:52px; border-radius:13px; background:rgba(43,36,15,.14); color:#2b240f; }
.banner-icon[b-r695icv7lu]  svg { width:26px; height:26px; }
.banner-identity[b-r695icv7lu] { display:grid; gap:.15rem; min-width:0; }
.banner-identity strong[b-r695icv7lu] { font:700 1.65rem/1.1 'Manrope'; letter-spacing:-.025em; }
.banner-identity small[b-r695icv7lu] { color:#5c4c21; font-size:.88rem; font-weight:600; }
.banner-stat[b-r695icv7lu] { margin-left:auto; display:flex; align-items:center; gap:.9rem; padding-left:1.5rem; border-left:1px solid rgba(43,36,15,.28); }
.banner-stat>span[b-r695icv7lu] { display:grid; place-items:center; color:#5c4c21; }
.banner-stat[b-r695icv7lu]  svg { width:26px; height:26px; }
.banner-stat div[b-r695icv7lu] { display:grid; gap:.05rem; text-align:right; }
.banner-stat strong[b-r695icv7lu] { font:700 1.75rem/1 'Manrope'; }
.banner-stat small[b-r695icv7lu] { color:#5c4c21; font-size:.72rem; font-weight:600; }

/* --- Stat cards --- */
.stat-row[b-r695icv7lu] { display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; margin-top:1rem; }
.stat-card[b-r695icv7lu] { display:flex; flex-direction:column; min-height:140px; padding:1.2rem 1.3rem; border:1px solid var(--line); border-radius:16px; background:#fff; }
.stat-label[b-r695icv7lu] { color:var(--muted); font-size:.67rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.stat-figure[b-r695icv7lu] { display:flex; align-items:center; gap:.8rem; margin:.5rem 0 .55rem; }
.stat-figure strong[b-r695icv7lu] { font:700 clamp(1.8rem,3vw,2.6rem)/1 'Manrope'; letter-spacing:-.04em; color:var(--forest); }
.stat-figure strong.negative[b-r695icv7lu] { color:var(--danger); }
.stat-badge[b-r695icv7lu] { flex:none; display:grid; place-items:center; width:46px; height:46px; margin-left:auto; border-radius:50%; }
.stat-badge[b-r695icv7lu]  svg { width:22px; height:22px; }
.stat-badge.is-in[b-r695icv7lu] { background:var(--mint-soft); color:var(--forest); }
.stat-badge.is-out[b-r695icv7lu] { background:var(--amber-soft); color:#8a6413; }
.stat-pill[b-r695icv7lu] { padding:.32rem .7rem; border-radius:999px; background:var(--amber-soft); color:#7a5a12; font-size:.73rem; font-weight:700; white-space:nowrap; }
.stat-card small[b-r695icv7lu] { margin-top:auto; color:var(--muted); font-size:.82rem; }

/* --- Panels --- */
.report-grid[b-r695icv7lu] { display:grid; grid-template-columns:1.25fr .75fr; gap:1rem; margin-top:1rem; align-items:start; }
.report-panel[b-r695icv7lu] { padding:1.35rem 1.5rem 1.5rem; border:1px solid var(--line); border-radius:16px; background:#fff; margin-top:1rem; }
.report-grid .report-panel[b-r695icv7lu] { margin-top:0; height:100%; }
.report-panel header[b-r695icv7lu] { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; margin-bottom:1.1rem; }
.report-panel h2[b-r695icv7lu] { margin:0; font:700 1.3rem 'Manrope'; letter-spacing:-.02em; }
.report-panel header p[b-r695icv7lu] { margin:.25rem 0 0; color:var(--muted); font-size:.85rem; }
.panel-link[b-r695icv7lu] { padding:0; border:0; background:none; color:var(--forest); font-size:.82rem; font-weight:700; cursor:pointer; white-space:nowrap; }
.panel-link:hover[b-r695icv7lu] { text-decoration:underline; }
.panel-pill[b-r695icv7lu] { display:inline-flex; align-items:center; gap:.45rem; padding:.45rem .85rem; border-radius:999px; background:var(--mint-soft); color:var(--forest); font-size:.78rem; font-weight:700; white-space:nowrap; }
.panel-pill[b-r695icv7lu]  svg { width:15px; height:15px; }
.panel-empty[b-r695icv7lu] { padding:2rem 0; color:var(--muted); text-align:center; }

/* Tables */
.activity-table[b-r695icv7lu],.items-table[b-r695icv7lu] { width:100%; border-collapse:collapse; font-size:.8rem; }
.activity-table th[b-r695icv7lu],.items-table th[b-r695icv7lu] { padding:.6rem .7rem; color:var(--muted); font-size:.62rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; text-align:left; background:var(--paper); }
.activity-table th:first-child[b-r695icv7lu],.items-table th:first-child[b-r695icv7lu] { border-radius:7px 0 0 7px; }
.activity-table th:last-child[b-r695icv7lu],.items-table th:last-child[b-r695icv7lu] { border-radius:0 7px 7px 0; }
.activity-table td[b-r695icv7lu],.items-table td[b-r695icv7lu] { padding:.65rem .7rem; border-bottom:1px solid var(--line); vertical-align:middle; }
.activity-table tr:last-child td[b-r695icv7lu],.items-table tr:last-child td[b-r695icv7lu] { border-bottom:0; }
.activity-table td:first-child[b-r695icv7lu] { font-variant-numeric:tabular-nums; white-space:nowrap; color:var(--muted); }
.is-numeric[b-r695icv7lu] { text-align:right; font-variant-numeric:tabular-nums; white-space:nowrap; }
.units-in[b-r695icv7lu] { color:var(--forest); font-weight:700; }
.units-out[b-r695icv7lu] { color:#8a6413; font-weight:700; }
.activity-ref[b-r695icv7lu] { font-weight:600; }
.activity-dr[b-r695icv7lu] { display:block; color:var(--muted); font-size:.68rem; }
.activity-kind[b-r695icv7lu] { margin-right:.45rem; }
.activity-route[b-r695icv7lu] { color:var(--ink); }
.items-table td:first-child[b-r695icv7lu] { font-weight:600; }
.direction[b-r695icv7lu] { display:inline-block; padding:.15rem .5rem; border-radius:999px; font-size:.6rem; font-weight:800; text-transform:uppercase; letter-spacing:.04em; white-space:nowrap; }
.direction.incoming[b-r695icv7lu] { background:var(--mint-soft); color:var(--forest); }
.direction.outgoing[b-r695icv7lu] { background:var(--amber-soft); color:#765715; }

/* Movement chart */
.chart-shell[b-r695icv7lu] { position:relative; height:185px; padding:.6rem .2rem 0; border:1px dashed var(--line-strong); border-radius:12px; background:repeating-linear-gradient(to right,transparent 0,transparent calc(14.28% - 1px),var(--line) calc(14.28% - 1px),var(--line) 14.28%); }
.chart-shell.is-empty[b-r695icv7lu] { display:grid; place-items:center; }
.chart-placeholder[b-r695icv7lu] { display:grid; justify-items:center; gap:.3rem; text-align:center; }
.chart-placeholder>span[b-r695icv7lu] { display:grid; place-items:center; width:46px; height:46px; margin-bottom:.3rem; border-radius:50%; background:var(--paper); color:var(--muted); }
.chart-placeholder[b-r695icv7lu]  svg { width:22px; height:22px; }
.chart-placeholder strong[b-r695icv7lu] { font:700 .95rem 'Manrope'; }
.chart-placeholder small[b-r695icv7lu] { color:var(--muted); font-size:.8rem; }
.movement-chart[b-r695icv7lu] { display:flex; align-items:flex-end; gap:4px; height:100%; }
.chart-bar[b-r695icv7lu] { flex:1; display:flex; align-items:flex-end; justify-content:center; gap:3px; min-width:0; height:100%; }
.chart-bar .bar-in[b-r695icv7lu] { width:100%; max-width:9px; background:var(--forest); border-radius:3px 3px 0 0; }
.chart-bar .bar-out[b-r695icv7lu] { width:100%; max-width:9px; background:#d47a2a; border-radius:3px 3px 0 0; }
.chart-axis[b-r695icv7lu] { display:flex; margin-top:.5rem; color:var(--muted); font-size:.68rem; }
.chart-axis span[b-r695icv7lu] { flex:1; text-align:center; min-width:0; }
.chart-legend[b-r695icv7lu] { display:flex; gap:1.5rem; margin-top:.8rem; font-size:.75rem; color:var(--muted); }
.chart-legend span[b-r695icv7lu] { display:flex; align-items:center; gap:.45rem; }
.chart-legend span[b-r695icv7lu]::before { content:""; display:inline-block; width:9px; height:9px; border-radius:50%; }
.chart-legend .legend-in[b-r695icv7lu]::before { background:var(--forest); }
.chart-legend .legend-out[b-r695icv7lu]::before { background:#d47a2a; }

@media(max-width:1100px) {
    .stat-row[b-r695icv7lu] { grid-template-columns:repeat(2,1fr); }
    .report-grid[b-r695icv7lu] { grid-template-columns:1fr; }
}
@media(max-width:1000px) {
    .report-page-head[b-r695icv7lu] { align-items:stretch; flex-direction:column; }
    .report-pickers[b-r695icv7lu] { justify-content:flex-start; }
}
@media(max-width:700px) {
    .report-pickers[b-r695icv7lu] { align-items:stretch; flex-direction:column; }
    .report-pickers select[b-r695icv7lu],.report-pickers input[b-r695icv7lu] { width:100%; }
    .report-banner[b-r695icv7lu] { align-items:flex-start; flex-wrap:wrap; gap:.9rem; }
    .banner-stat[b-r695icv7lu] { margin-left:0; padding-left:0; border-left:0; width:100%; justify-content:space-between; }
    .stat-row[b-r695icv7lu] { grid-template-columns:1fr; }
    .report-empty[b-r695icv7lu] { align-items:flex-start; padding:2rem 1.5rem; flex-direction:column; }
    .activity-table[b-r695icv7lu],.items-table[b-r695icv7lu] { font-size:.74rem; }
}
/* /Components/Pages/ReturnDetail.razor.rz.scp.css */
.sale-head p[b-rmid4obhx5] { margin:0; color:var(--muted); display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.sale-head p a[b-rmid4obhx5] { color:var(--forest); font-weight:700; }
.blind-chip[b-rmid4obhx5] { padding:3px 9px; border-radius:999px; background:#f6e7e5; color:#8b3b35; font-size:.68rem; font-weight:800; text-transform:uppercase; letter-spacing:.05em; }
.remaining[b-rmid4obhx5] { display:grid; justify-items:end; font:700 1.7rem 'Manrope'; color:var(--forest); flex:none; }
.remaining span[b-rmid4obhx5] { font:700 .66rem 'DM Sans'; color:var(--muted); letter-spacing:.08em; text-transform:uppercase; }
.pos-message[b-rmid4obhx5] { margin:14px 0; padding:11px 13px; border-left:3px solid var(--amber); background:#fff8e6; color:#6d5420; font-size:.84rem; }
.detail-panel[b-rmid4obhx5] { margin-bottom:18px; border:1px solid var(--line); border-radius:16px; background:var(--panel); overflow:hidden; }
.panel-empty[b-rmid4obhx5] { padding:30px; color:var(--muted); }
.refund-history[b-rmid4obhx5] { margin-top:18px; }
.method-chip[b-rmid4obhx5] { padding:2px 8px; border-radius:999px; background:#eef1ed; color:var(--ink); font-size:.72rem; font-weight:700; text-transform:capitalize; }
.actions-panel[b-rmid4obhx5] { margin-bottom:18px; border:1px solid var(--line); border-radius:16px; background:var(--panel); overflow:hidden; }
.actions-panel>header[b-rmid4obhx5] { padding:20px; border-bottom:1px solid var(--line); }
.actions-panel header p[b-rmid4obhx5] { max-width:640px; margin:0; color:var(--muted); font-size:.84rem; }
.dispose-row[b-rmid4obhx5] { display:grid; grid-template-columns:minmax(180px,1fr) 110px 150px 150px 1fr auto; align-items:end; gap:10px; padding:16px 20px; border-bottom:1px solid var(--line); }
.dispose-row:last-child[b-rmid4obhx5] { border-bottom:0; }
.dispose-product[b-rmid4obhx5] { display:grid; }
.dispose-product small[b-rmid4obhx5] { color:var(--muted); }
.dispose-field[b-rmid4obhx5] { display:grid; gap:5px; color:var(--muted); font-size:.64rem; font-weight:700; text-transform:uppercase; letter-spacing:.07em; }
.dispose-field select[b-rmid4obhx5],.dispose-field input.qty-input[b-rmid4obhx5] { height:40px; padding:0 10px; border:1px solid #cbd5cd; border-radius:8px; text-transform:none; letter-spacing:0; font-size:.86rem; }
.dispose-field input.qty-input[b-rmid4obhx5] { width:110px; text-align:right; font-weight:600; }
.dispose-field .note-input[b-rmid4obhx5] { width:100%; }
.note-input[b-rmid4obhx5] { height:40px; padding:0 10px; border:1px solid #cbd5cd; border-radius:8px; }
.dispose-row button[b-rmid4obhx5] { min-height:40px; padding:0 14px; border:0; border-radius:8px; background:var(--forest); color:white; font-weight:700; white-space:nowrap; }
.dispose-row button:disabled[b-rmid4obhx5] { opacity:.5; }
.refund-panel[b-rmid4obhx5] { margin-bottom:18px; border:1px solid var(--line); border-radius:16px; background:var(--panel); overflow:hidden; }
.refund-panel>header[b-rmid4obhx5] { padding:20px 20px 16px; display:flex; align-items:center; justify-content:space-between; gap:18px; flex-wrap:wrap; }
.refund-panel h2[b-rmid4obhx5] { margin:4px 0 3px; font:700 1.45rem 'Manrope'; }
.refund-panel header p[b-rmid4obhx5] { margin:0; color:var(--muted); font-size:.84rem; }
.refund-form[b-rmid4obhx5] { padding:16px 20px 20px; display:flex; align-items:flex-end; gap:12px; flex-wrap:wrap; }
.refund-form button[b-rmid4obhx5] { min-height:42px; padding:0 17px; border:0; border-radius:8px; background:var(--forest); color:white; font-weight:700; }
.refund-form button:disabled[b-rmid4obhx5] { opacity:.5; }
.action-hint[b-rmid4obhx5] { padding:0 20px 18px; color:var(--muted); font-size:.86rem; font-weight:600; }
@media(max-width:1100px){.dispose-row[b-rmid4obhx5]{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.remaining[b-rmid4obhx5]{justify-items:start}.dispose-row[b-rmid4obhx5]{grid-template-columns:1fr}.refund-form[b-rmid4obhx5]{align-items:stretch;flex-direction:column}}
/* /Components/Pages/SaleDetail.razor.rz.scp.css */
.term-section[b-9f0hdo3m7c] { margin-bottom:18px; }
.sale-head p[b-9f0hdo3m7c] { margin:0; color:var(--muted); }
.status-chip[b-9f0hdo3m7c] { padding:4px 11px; border-radius:999px; font-size:.7rem; font-weight:800; text-transform:uppercase; letter-spacing:.06em; align-self:flex-start; }
.status-completed[b-9f0hdo3m7c] { background:#e7f0ea; color:#245a42; }
.status-voided[b-9f0hdo3m7c] { background:#f6e7e5; color:#8b3b35; }
.pos-message[b-9f0hdo3m7c] { margin:14px 0; padding:11px 13px; border-left:3px solid var(--amber); background:#fff8e6; color:#6d5420; font-size:.84rem; }
.detail-grid[b-9f0hdo3m7c] { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(320px,.8fr); gap:18px; margin-bottom:18px; }
.detail-panel[b-9f0hdo3m7c] { border:1px solid var(--line); border-radius:16px; background:var(--panel); overflow:hidden; }
.panel-empty[b-9f0hdo3m7c] { padding:30px; color:var(--muted); }
.lines-table td strong[b-9f0hdo3m7c] { font-size:.9rem; }
.method-chip[b-9f0hdo3m7c] { padding:2px 8px; border-radius:999px; background:#eef1ed; color:var(--ink); font-size:.72rem; font-weight:700; text-transform:capitalize; }
.totals[b-9f0hdo3m7c] { padding:16px 20px 20px; border-top:1px solid var(--line); background:#fafbf9; }
.totals>div[b-9f0hdo3m7c] { display:flex; justify-content:space-between; padding:5px 0; color:var(--muted); }
.totals .discount-total[b-9f0hdo3m7c] { color:#8b3b35; }
.totals .net[b-9f0hdo3m7c] { margin-top:9px; padding-top:11px; border-top:1px dashed #cbd5cd; font-size:1.25rem; color:var(--ink); }
.receipt-panel[b-9f0hdo3m7c] { margin-bottom:18px; border:1px solid var(--line); border-radius:16px; background:var(--panel); overflow:hidden; }
.receipt-panel>header[b-9f0hdo3m7c] { padding:18px 20px; display:flex; align-items:center; justify-content:space-between; gap:16px; border-bottom:1px solid var(--line); }
.receipt-panel h2[b-9f0hdo3m7c] { margin:4px 0 0; font:700 1.5rem 'Manrope'; }
.receipt-actions[b-9f0hdo3m7c] { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.receipt-actions button[b-9f0hdo3m7c] { min-height:42px; padding:0 15px; border:0; border-radius:8px; background:var(--forest); color:white; font-weight:700; }
.receipt-actions button:disabled[b-9f0hdo3m7c] { opacity:.5; }
.inline-reason[b-9f0hdo3m7c] { display:grid; gap:4px; color:var(--muted); font-size:.64rem; font-weight:700; text-transform:uppercase; letter-spacing:.07em; }
.inline-reason input[b-9f0hdo3m7c] { width:190px; height:42px; padding:0 11px; border:1px solid #cbd5cd; border-radius:8px; text-transform:none; letter-spacing:0; font-size:.86rem; }
.receipt-empty[b-9f0hdo3m7c] { min-height:120px; display:grid; place-content:center; color:var(--muted); text-align:center; }
.receipt-text[b-9f0hdo3m7c] { margin:0; padding:22px 24px; max-height:520px; overflow:auto; background:#fbfcfa; font:400 .8rem/1.45 'DM Sans'; white-space:pre; color:var(--ink); }
.actions-panel[b-9f0hdo3m7c] { border:1px solid var(--line); border-radius:16px; background:var(--panel); overflow:hidden; }
.actions-panel>header[b-9f0hdo3m7c] { padding:20px; display:flex; align-items:center; justify-content:space-between; gap:18px; flex-wrap:wrap; border-bottom:1px solid var(--line); }
.actions-panel header p[b-9f0hdo3m7c] { max-width:560px; margin:0; color:var(--muted); font-size:.84rem; }
.action-hint[b-9f0hdo3m7c] { color:var(--muted); font-size:.86rem; font-weight:600; }
.block-hint[b-9f0hdo3m7c] { display:block; padding:2px 20px 16px; }
.action-reason[b-9f0hdo3m7c] { display:grid; gap:4px; color:var(--muted); font-size:.64rem; font-weight:700; text-transform:uppercase; letter-spacing:.07em; }
.action-reason input[b-9f0hdo3m7c] { width:210px; height:44px; padding:0 11px; border:1px solid #cbd5cd; border-radius:8px; text-transform:none; letter-spacing:0; font-size:.86rem; }
button.danger[b-9f0hdo3m7c] { min-height:44px; padding:0 17px; border:1px solid #c96a62; border-radius:8px; background:#8b3b35; color:white; font-weight:700; }
button.danger:disabled[b-9f0hdo3m7c] { opacity:.5; }
.return-table[b-9f0hdo3m7c] { width:100%; border-collapse:collapse; }
.return-table th[b-9f0hdo3m7c] { padding:12px 20px; text-align:left; color:var(--muted); font-size:.66rem; font-weight:800; text-transform:uppercase; letter-spacing:.09em; }
.return-table td[b-9f0hdo3m7c] { padding:11px 20px; font-size:.88rem; }
.return-table .num[b-9f0hdo3m7c] { text-align:right; }
.qty-input[b-9f0hdo3m7c] { width:90px; height:38px; padding:0 9px; border:1px solid #cbd5cd; border-radius:8px; text-align:right; }
.qty-input:disabled[b-9f0hdo3m7c] { opacity:.5; }
.return-commit[b-9f0hdo3m7c] { padding:16px 20px 20px; display:flex; align-items:center; justify-content:space-between; gap:14px; border-top:1px solid var(--line); background:#fafbf9; }
.return-commit span[b-9f0hdo3m7c] { color:var(--muted); font-size:.86rem; }
.return-commit button[b-9f0hdo3m7c] { min-height:46px; padding:0 18px; border:0; border-radius:8px; background:var(--forest); color:white; font-weight:700; }
.return-commit button:disabled[b-9f0hdo3m7c] { opacity:.5; }
@media(max-width:1000px){.detail-grid[b-9f0hdo3m7c]{grid-template-columns:1fr}}
@media(max-width:620px){.receipt-panel>header[b-9f0hdo3m7c]{align-items:stretch;flex-direction:column}.actions-panel>header[b-9f0hdo3m7c]{align-items:stretch;flex-direction:column}}
/* /Components/Pages/Sales.razor.rz.scp.css */
.pos-head[b-1qe7wkveih] { display:flex; flex-direction:column; align-items:flex-start; gap:16px; margin-bottom:18px; }
.pos-head h1[b-1qe7wkveih] { margin:.3rem 0 .3rem; font:800 clamp(1.5rem,2.4vw,2rem)/1.1 'Manrope'; letter-spacing:-.03em; }
.pos-head p[b-1qe7wkveih] { margin:0; color:var(--muted); font-size:.9rem; }
.location-picker[b-1qe7wkveih] { min-width:200px; display:grid; gap:6px; color:var(--muted); font-size:.7rem; font-weight:700; text-transform:uppercase; letter-spacing:.08em; }
.location-picker select[b-1qe7wkveih],.location-picker input[b-1qe7wkveih] { height:46px; padding:0 12px; border:1px solid var(--line-strong); border-radius:9px; background:white; color:var(--ink); font-weight:600; text-transform:none; letter-spacing:0; font-size:.86rem; }
.location-picker input:disabled[b-1qe7wkveih],.location-picker select:disabled[b-1qe7wkveih] { opacity:.55; }
.pos-blocked[b-1qe7wkveih] { max-width:700px; padding:40px; border:1px solid #e7c1bd; border-radius:18px; background:#fff5f4; }
.pos-blocked>span[b-1qe7wkveih] { color:#9a4039; font-size:.7rem; font-weight:800; text-transform:uppercase; letter-spacing:.1em; }
.pos-blocked h2[b-1qe7wkveih] { margin:8px 0; }
.pos-blocked p[b-1qe7wkveih] { margin:0; color:var(--muted); }
.search-strip[b-1qe7wkveih] { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:14px; padding:12px 16px; border:1px solid var(--line); border-radius:12px; background:white; color:var(--muted); font-size:.84rem; }
.search-action[b-1qe7wkveih] { min-width:130px; height:42px; border:0; border-radius:8px; background:var(--forest); color:white; font-weight:700; }
.search-action:disabled[b-1qe7wkveih] { opacity:.5; }
.pos-message[b-1qe7wkveih] { margin:12px 0; padding:11px 13px; border-left:3px solid var(--amber); background:#fff8e6; color:#6d5420; font-size:.84rem; }
.results-panel[b-1qe7wkveih] { border:1px solid var(--line); border-radius:16px; background:white; overflow:hidden; min-height:260px; }
.results-empty[b-1qe7wkveih] { min-height:260px; display:grid; place-content:center; justify-items:center; color:var(--muted); text-align:center; }
.results-empty span[b-1qe7wkveih] { margin-top:5px; font-size:.82rem; }
.sales-table[b-1qe7wkveih] { width:100%; border-collapse:collapse; }
.sales-table th[b-1qe7wkveih] { padding:13px 16px; text-align:left; color:var(--muted); font-size:.68rem; font-weight:800; text-transform:uppercase; letter-spacing:.09em; border-bottom:1px solid var(--line); }
.sales-table td[b-1qe7wkveih] { padding:15px 16px; border-bottom:1px solid var(--line); font-size:.9rem; }
.sales-table tbody tr[b-1qe7wkveih] { cursor:pointer; }
.sales-table tbody tr:hover[b-1qe7wkveih] { background:#f6f9f6; }
.sales-table tbody tr:last-child td[b-1qe7wkveih] { border-bottom:0; }
.results-more[b-1qe7wkveih] { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 16px; border-top:1px solid var(--line); color:var(--muted); font-size:.82rem; }
.more-action[b-1qe7wkveih] { height:36px; padding:0 14px; border:1px solid var(--line-strong); border-radius:8px; background:white; color:var(--forest); font-weight:700; cursor:pointer; }
.more-action:hover:not(:disabled)[b-1qe7wkveih] { background:#f6f9f6; }
.more-action:disabled[b-1qe7wkveih] { opacity:.55; }
.sale-number[b-1qe7wkveih] { font: 700 .86rem "DM Sans"; color: var(--forest); font-weight: 600; letter-spacing: .01em; }
.status-chip[b-1qe7wkveih] { padding:3px 9px; border-radius:999px; font-size:.68rem; font-weight:800; text-transform:uppercase; letter-spacing:.05em; }
.status-completed[b-1qe7wkveih] { background:#e7f0ea; color:#245a42; }
.status-voided[b-1qe7wkveih] { background:#f6e7e5; color:#8b3b35; }
@media(max-width:620px){.pos-head[b-1qe7wkveih]{align-items:stretch;flex-direction:column}.location-picker[b-1qe7wkveih]{min-width:0;width:100%}.sales-table[b-1qe7wkveih]{display:block;overflow-x:auto}}
/* /Components/Pages/TransferDetail.razor.rz.scp.css */
/* Transfer detail — matches the VaultFlow Transfer / Restock Request mobile
   prototype (VaultFlow_Transfer_Mobile_Design). This page runs on the LIGHT
   workflow theme (.inventory-workflow.web-workflow), so everything below is
   token-driven or uses the prototype's concrete values where the theme has no
   equivalent (timeline dots, quantities tray, notice tint). */

/* ---- Heading ------------------------------------------------------------- */
.tr-head[b-6atccz2b50] { display: block; }
/* The prototype's heading has no rule under it; outrank the shared web theme. */
.web-workflow .tr-head[b-6atccz2b50] { padding-bottom: 4px; border-bottom: 0; }
.tr-head-copy[b-6atccz2b50] { display: grid; gap: 2px; min-width: 0; }
.tr-title-row[b-6atccz2b50] { display: flex; align-items: center; justify-content: space-between; gap: 9px; flex-wrap: wrap; }
.tr-title-row .office-title[b-6atccz2b50] { margin: 0.3rem 0 0; white-space: nowrap; letter-spacing: -.045em; }
.tr-title-row .status-chip[b-6atccz2b50] { flex: none; }
.tr-head .office-lead[b-6atccz2b50] { margin-top: 9px; font-size: .8rem; line-height: 1.65; }

.results-empty[b-6atccz2b50] { min-height: 200px; display: grid; place-content: center; justify-items: center; gap: 4px; color: var(--muted); text-align: center; }

/* ---- Sections ------------------------------------------------------------ */
.tr-section[b-6atccz2b50] { display: grid; gap: 10px; margin-bottom: 17px; }
.tr-section.panel[b-6atccz2b50] { padding: 17px 15px; border: 1px solid var(--line); border-radius: 13px; background: var(--panel); box-shadow: var(--shadow-card); }
.tr-section-title[b-6atccz2b50] { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.tr-section-title h2[b-6atccz2b50],
.tr-timeline h2[b-6atccz2b50],
.tr-actions h2[b-6atccz2b50] { margin: 0; color: var(--ink); font: 700 .98rem 'DM Sans', sans-serif; letter-spacing: -.02em; }
.tr-section-title span[b-6atccz2b50] { color: var(--muted); font-size: .72rem; }
.tr-hint[b-6atccz2b50] { margin: -4px 0 3px; color: var(--muted); font-size: .72rem; line-height: 1.6; }

/* ---- Route --------------------------------------------------------------- */
.transfer-route[b-6atccz2b50] { display: grid; grid-template-columns: minmax(0, 1fr) 32px minmax(0, 1fr); align-items: center; gap: 7px; margin-bottom: 17px; padding: 16px; border: 1px solid var(--line); border-radius: 13px; background: var(--panel); box-shadow: var(--shadow-card); }
.transfer-route-stop[b-6atccz2b50] { display: grid; gap: 5px; min-width: 0; }
.transfer-route-stop > span[b-6atccz2b50] { color: var(--muted); font-size: .59rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
.transfer-route-stop > strong[b-6atccz2b50] { color: var(--ink); font: 700 .98rem 'DM Sans', sans-serif; overflow-wrap: anywhere; }
.transfer-route-stop > small[b-6atccz2b50] { color: var(--muted); font-size: .66rem; line-height: 1.4; overflow-wrap: anywhere; }
.transfer-route-arrow[b-6atccz2b50] { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 50%; background: var(--signal-soft); color: var(--forest-bright); font-size: 1.05rem; font-weight: 800; }

/* ---- In-transit notice --------------------------------------------------- */
.tr-notice[b-6atccz2b50] { display: flex; gap: 11px; margin-bottom: 17px; padding: 14px; border: 1px solid #c1e0d2; border-left: 3px solid #398a6d; border-radius: 10px; background: #e7f2ed; color: #617469; }
.tr-notice-row[b-6atccz2b50] { display: flex; gap: 11px; align-items: flex-start; width: 100%; }
.tr-notice-row > div[b-6atccz2b50] { display: grid; gap: 4px; min-width: 0; }
.tr-notice-icon[b-6atccz2b50] { color: #338268; font-size: 1.45rem; line-height: 1; }
.tr-notice strong[b-6atccz2b50] { color: var(--ink); font: 700 .78rem 'DM Sans', sans-serif; }
.tr-notice p[b-6atccz2b50] { margin: 0; color: #617469; font-size: .72rem; line-height: 1.6; }

.restock-warehouse-step[b-6atccz2b50] { display: grid; gap: 4px; margin-bottom: 17px; padding: 14px 16px; border: 1px solid var(--cyan-line); border-left: 3px solid var(--cyan); border-radius: 10px; background: var(--cyan-soft); }
.restock-warehouse-step strong[b-6atccz2b50] { color: var(--ink); font: 700 .78rem 'DM Sans'; }
.restock-warehouse-step span[b-6atccz2b50] { color: var(--muted); font-size: .72rem; line-height: 1.55; }

/* ---- Review note --------------------------------------------------------- */
.note-box[b-6atccz2b50] { margin-bottom: 17px; padding: 12px 14px; border-left: 3px solid var(--cyan); border-radius: 0 10px 10px 0; background: var(--cyan-soft); color: var(--text-2); font-size: .82rem; }
.note-box span[b-6atccz2b50] { display: block; margin-bottom: 3px; color: var(--forest-bright); font-size: .59rem; font-weight: 800; text-transform: uppercase; letter-spacing: .09em; }

/* ---- Overview stats ------------------------------------------------------ */
.transfer-summary[b-6atccz2b50] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.transfer-summary > div[b-6atccz2b50] { display: grid; gap: 7px; min-height: 73px; padding: 14px 12px; border: 1px solid var(--line); border-radius: 13px; background: var(--panel); box-shadow: var(--shadow-card); }
.transfer-summary span[b-6atccz2b50] { color: var(--muted); font-size: .59rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
.transfer-summary strong[b-6atccz2b50] { color: var(--ink); font: 700 .78rem/1.5 'DM Sans'; overflow-wrap: anywhere; }

/* ---- Line items ---------------------------------------------------------- */
.line-item-cards[b-6atccz2b50] { display: grid; gap: 10px; }
.line-item[b-6atccz2b50] { display: grid; gap: 13px; padding: 14px; border: 1px solid var(--line); border-radius: 13px; background: var(--panel); box-shadow: var(--shadow-card); }
.line-item-top[b-6atccz2b50] { display: flex; align-items: flex-start; gap: 10px; }
.line-item-num[b-6atccz2b50] { display: grid; place-items: center; flex: none; width: 28px; height: 28px; border-radius: 8px; background: #eff4ef; color: #446650; font-size: .7rem; font-weight: 700; }
.line-item-name[b-6atccz2b50] { display: grid; gap: 9px; justify-items: start; min-width: 0; }
.line-item-name h3[b-6atccz2b50] { margin: 0; color: var(--ink); font: 700 .82rem/1.45 'DM Sans', sans-serif; overflow-wrap: anywhere; }
/* The prototype trays the three movement counts on a soft tile. */
.line-quantities[b-6atccz2b50] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px; padding: 12px 9px; border-radius: 9px; background: #f5f7f4; text-align: center; }
.line-quantities > div[b-6atccz2b50] { display: grid; gap: 5px; }
.line-quantities small[b-6atccz2b50] { color: var(--muted); font-size: .59rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
.line-quantities strong[b-6atccz2b50] { color: #163e2c; font: 700 1.06rem 'DM Sans'; }
.line-item-foot[b-6atccz2b50] { display: flex; justify-content: space-between; gap: 12px; color: #728176; font-size: .72rem; }
.line-item-foot b[b-6atccz2b50] { color: #293b2f; margin-left: 6px; }

/* ---- Activity timeline --------------------------------------------------- */
.tr-events[b-6atccz2b50] { display: grid; gap: 15px; }
.tr-event[b-6atccz2b50] { position: relative; display: flex; gap: 11px; margin-left: 4px; }
.tr-event:not(:last-child)[b-6atccz2b50]::before { content: ''; position: absolute; left: 5px; top: 17px; bottom: -18px; width: 2px; background: #d5e6d9; }
.tr-event i[b-6atccz2b50] { flex: none; width: 12px; height: 12px; margin-top: 2px; border: 2px solid #e7f4eb; border-radius: 50%; background: #2a8660; z-index: 1; }
.tr-event.current i[b-6atccz2b50] { background: #4279a1; border-color: #d8eaf9; }
.tr-event.future i[b-6atccz2b50] { background: #d8ded8; border-color: #fff; }
.tr-event > div[b-6atccz2b50] { display: grid; gap: 5px; min-width: 0; padding-bottom: 5px; }
.tr-event strong[b-6atccz2b50] { color: var(--ink); font-size: .78rem; }
.tr-event span[b-6atccz2b50] { color: #75857b; font-size: .66rem; overflow-wrap: anywhere; }

/* ---- Action panels ------------------------------------------------------- */
.action-panel[b-6atccz2b50] { margin-bottom: 17px; padding: 17px 15px; border: 1px solid var(--line); border-radius: 13px; background: var(--panel); box-shadow: var(--shadow-card); }
.action-title[b-6atccz2b50] { display: grid; gap: 3px; margin-bottom: 13px; }
.action-title strong[b-6atccz2b50] { color: var(--ink); font: 700 .95rem 'DM Sans'; }
.action-title span[b-6atccz2b50] { color: var(--muted); font-size: .75rem; line-height: 1.55; }
.reason-input[b-6atccz2b50] { height: 46px; width: 100%; max-width: 460px; padding: 0 12px; border: 1px solid var(--line-strong); border-radius: 9px; background: var(--field); color: var(--ink); font-weight: 600; }
.open-count-actions[b-6atccz2b50] { display: flex; justify-content: flex-end; gap: 10px; margin-top: 14px; }
.action-panel .open-count-actions .search-action[b-6atccz2b50] { min-width: 130px; min-height: 44px; border: 0; border-radius: 9px; font-size: .78rem; font-weight: 700; }

/* ---- Transfer actions (print + cancel dispatch) -------------------------- */
.tr-print[b-6atccz2b50] { display: grid; }
.tr-actions summary[b-6atccz2b50] { display: flex; align-items: center; justify-content: space-between; gap: 10px; cursor: pointer; list-style: none; color: #753e39; font-size: .78rem; font-weight: 600; }
.tr-actions summary[b-6atccz2b50]::-webkit-details-marker { display: none; }
.tr-cancel[b-6atccz2b50] { border-top: 1px solid #e7ece7; padding-top: 14px; }
.tr-cancel > p[b-6atccz2b50] { margin: 8px 0 0; color: var(--muted); font-size: .72rem; line-height: 1.6; }
.tr-cancel label[b-6atccz2b50] { display: block; margin: 12px 0 8px; color: var(--ink); font-size: .72rem; font-weight: 700; }
.tr-cancel textarea[b-6atccz2b50] { display: block; width: 100%; resize: vertical; padding: 12px; border: 1px solid #cfd8cf; border-radius: 9px; background: var(--field); color: var(--ink); font-size: .82rem; }
.tr-cancel-submit[b-6atccz2b50] { width: 100%; min-height: 44px; margin-top: 10px; padding: 10px 14px; border: 0; border-radius: 9px; background: #b34e4e; color: #fff; font-size: .78rem; font-weight: 700; }
.tr-cancel-submit:disabled[b-6atccz2b50] { background: #f8eeee; color: #c9a4a4; cursor: not-allowed; }

/* ---- Pick / receive / approval rows -------------------------------------- */
/* The row a barcode scan just counted. */

/* ---- Restock approval rows ----------------------------------------------- */
.restock-approval-lines[b-6atccz2b50] { display: grid; gap: 8px; margin-bottom: 12px; }
.restock-approval-line[b-6atccz2b50] { display: flex; align-items: center; gap: 16px; padding: 12px 14px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface-2); }
.restock-approval-line > div[b-6atccz2b50] { display: grid; gap: 3px; flex: 1; min-width: 0; }
.restock-approval-line strong[b-6atccz2b50] { color: var(--ink); font-size: .85rem; }
.restock-approval-line small[b-6atccz2b50] { color: var(--muted); font-size: .74rem; }
.restock-approval-line label[b-6atccz2b50] { display: grid; gap: 5px; color: var(--muted); font-size: .62rem; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; }
.restock-approval-line input[b-6atccz2b50] { box-sizing: border-box; width: 125px; height: 40px; padding: 0 10px; border: 1px solid var(--line-strong); border-radius: 8px; background: var(--field); color: var(--ink); font: 700 .84rem 'DM Sans', sans-serif; }
.restock-approval-hint[b-6atccz2b50] { margin: 0 0 12px; color: var(--muted); font-size: .76rem; }

/* ---- Owner dispatch dialog ----------------------------------------------- */
.owner-dispatch-backdrop[b-6atccz2b50] { position: fixed; inset: 0; z-index: 1200; display: grid; place-items: center; padding: 20px; background: rgba(12, 29, 21, .58); backdrop-filter: blur(2px); }
.owner-dispatch-dialog[b-6atccz2b50] { width: min(100%, 540px); max-height: calc(100dvh - 40px); overflow: auto; padding: 24px; border: 1px solid var(--line); border-top: 4px solid var(--forest-bright); border-radius: 16px; background: var(--panel); color: var(--ink); box-shadow: 0 24px 64px rgba(21, 60, 43, .22); }
.owner-dispatch-dialog > .eyebrow[b-6atccz2b50] { color: var(--forest-bright); }
.owner-dispatch-dialog h2[b-6atccz2b50] { margin: 7px 0 10px; color: var(--ink); font: 800 1.25rem/1.2 'Manrope', sans-serif; letter-spacing: -.02em; }
.owner-dispatch-dialog p[b-6atccz2b50] { margin: 0; color: var(--muted); font-size: .9rem; line-height: 1.6; }
.owner-dispatch-actions[b-6atccz2b50] { flex-wrap: wrap; gap: 10px; margin-top: 20px; }
.owner-dispatch-actions .search-action[b-6atccz2b50] { min-width: auto; padding: 0 16px; }
.owner-dispatch-actions .owner-dispatch-cancel[b-6atccz2b50] { border: 1px solid var(--line-strong); background: var(--field); color: var(--forest); }

/* ---- Focus --------------------------------------------------------------- */
.tr-title-row .status-chip:focus-visible[b-6atccz2b50],
.tr-actions summary:focus-visible[b-6atccz2b50],
.tr-cancel textarea:focus-visible[b-6atccz2b50],
.tr-cancel-submit:focus-visible[b-6atccz2b50] { outline: 3px solid #65a687; outline-offset: 2px; }

/* ---- PC adaptation -------------------------------------------------------
   The phone design stays a single column. Below 1200px the wrappers collapse
   (display: contents) so the page flows exactly like the prototype.
   At 1200px+ the page splits into a wide main column (route, overview, items,
   workflow forms) and a narrow sticky side column (timeline + transfer
   actions) so the layout fills the monitor instead of a centered strip. */
.tr-layout[b-6atccz2b50],
.tr-col-side[b-6atccz2b50] { display: contents; }

@media (min-width: 1200px) {
    .tr-layout[b-6atccz2b50] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(300px, 380px);
        gap: 0 24px;
        align-items: start;
    }
    /* Container queries tune the inner grids to the column width, not the
       viewport, so cards never squeeze when the side column steals space. */
    .tr-col-main[b-6atccz2b50] { min-width: 0; container-type: inline-size; }
    .tr-col-side[b-6atccz2b50] {
        display: grid;
        gap: 17px;
        position: sticky;
        top: 84px;
        max-height: calc(100dvh - 104px);
        overflow-y: auto;
        overscroll-behavior: contain;
    }
    .tr-col-side .tr-section[b-6atccz2b50] { margin-bottom: 0; }
}

@container (min-width: 560px) {
    .transfer-summary[b-6atccz2b50] { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .line-item-cards[b-6atccz2b50] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@container (min-width: 940px) {
    .line-item-cards[b-6atccz2b50] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 620px) {
    .restock-approval-line[b-6atccz2b50] { align-items: stretch; flex-wrap: wrap; }
    .restock-approval-line > div[b-6atccz2b50] { flex-basis: 100%; }
    /* One decision at a time on a phone: the panel's buttons go full width. */
    .open-count-actions[b-6atccz2b50] { flex-direction: column-reverse; }
    .action-panel .open-count-actions .search-action[b-6atccz2b50] { width: 100%; }
}
@media (max-width: 570px) {
    .transfer-route[b-6atccz2b50] { grid-template-columns: 1fr; padding: 14px; }
    .transfer-route-arrow[b-6atccz2b50] { transform: rotate(90deg); }
}
@media (max-width: 520px) {
    .tr-title-row .office-title[b-6atccz2b50] { font-size: 1.35rem; }
    .owner-dispatch-backdrop[b-6atccz2b50] { padding: 14px; }
    .owner-dispatch-dialog[b-6atccz2b50] { max-height: calc(100dvh - 28px); padding: 20px 18px; }
    .owner-dispatch-actions[b-6atccz2b50] { flex-direction: column-reverse; }
    .owner-dispatch-actions .search-action[b-6atccz2b50] { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
    *[b-6atccz2b50] { transition: none !important; }
}
/* /Components/Pages/Transfers.razor.rz.scp.css */
.head-pickers[b-bya1givtwy] { display:flex; gap:12px; flex-wrap:wrap; }
.search-note[b-bya1givtwy] { font-size:.78rem; }
.open-count-actions[b-bya1givtwy] { margin-top:14px; display:flex; justify-content:flex-end; }
.source-fixed[b-bya1givtwy] { display:flex; align-items:center; height:46px; padding:0 12px; border:1px solid var(--line); border-radius:9px; background:#0d1417; color:var(--signal-bright, var(--text)); font-weight:700; text-transform:none; letter-spacing:0; }
.transfer-lines[b-bya1givtwy] { margin-top:14px; display:grid; gap:9px; }
.transfer-line[b-bya1givtwy] { display:flex; gap:9px; align-items:flex-start; }
.line-product-field[b-bya1givtwy] { position:relative; flex:1 1 auto; min-width:0; }
.transfer-line .line-product-search[b-bya1givtwy] { width:100%; height:42px; padding:0 12px; border:1px solid var(--line); border-radius:9px; background:#0d1417; color:var(--text); font-weight:600; }
.transfer-line .line-quantity[b-bya1givtwy] { width:110px; height:42px; padding:0 12px; border:1px solid var(--line); border-radius:9px; background:#0d1417; color:var(--text); font-weight:600; flex:0 0 auto; }
.line-product-results[b-bya1givtwy] { position:absolute; z-index:20; top:calc(100% + 4px); left:0; right:0; display:grid; gap:2px; padding:6px; max-height:280px; overflow-y:auto; border:1px solid var(--line-strong); border-radius:10px; background:#101a1e; box-shadow:var(--shadow, 0 1rem 2rem rgba(0,0,0,0.4)); }
.line-product-result[b-bya1givtwy] { display:flex; align-items:center; justify-content:space-between; gap:10px; height:38px; padding:0 10px; border:0; border-radius:7px; background:transparent; color:var(--text); font:inherit; text-align:left; cursor:pointer; }
.line-product-result:hover[b-bya1givtwy], .line-product-result:focus-visible[b-bya1givtwy] { background:var(--signal-soft); }
.lpr-name[b-bya1givtwy] { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:600; }
.lpr-avail[b-bya1givtwy] { flex:0 0 auto; color:var(--cyan, var(--muted)); font-size:.78rem; font-weight:700; white-space:nowrap; }
.lpr-empty[b-bya1givtwy] { padding:8px 10px; color:var(--muted); font-size:.82rem; }
.line-product-picked[b-bya1givtwy] { display:flex; align-items:center; gap:10px; height:42px; padding:0 6px 0 12px; border:1px solid var(--line); border-radius:9px; background:#0d1417; }
.lpp-name[b-bya1givtwy] { flex:1 1 auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:600; color:var(--text); }
.lpp-avail[b-bya1givtwy] { flex:0 0 auto; color:var(--cyan, var(--muted)); font-size:.78rem; font-weight:700; white-space:nowrap; }
.lpp-avail.lpp-unlisted[b-bya1givtwy] { color:var(--muted); font-weight:600; }
.lpp-change[b-bya1givtwy] { flex:0 0 auto; height:32px; padding:0 12px; border:0; border-radius:7px; background:rgba(255,255,255,0.06); color:var(--text-2, var(--text)); font-weight:700; font-size:.78rem; cursor:pointer; }
.lpp-change:hover[b-bya1givtwy] { background:rgba(255,255,255,0.12); }
.line-remove[b-bya1givtwy] { width:36px; height:36px; border:0; border-radius:8px; background:transparent; color:#ee837a; font-weight:800; cursor:pointer; flex:0 0 auto; }
.line-remove:hover[b-bya1givtwy] { background:rgba(238,131,122,0.12); }
.search-action[b-bya1givtwy] { min-width:130px; height:42px; border:0; border-radius:8px; background:var(--signal); color:#1d170d; font-weight:700; }
.search-action:disabled[b-bya1givtwy] { opacity:.5; }
.line-add[b-bya1givtwy] { min-width:auto; padding:0 18px; background:#0d1417; border:1px solid var(--line); color:#f2bd68; }
.results-panel[b-bya1givtwy] { border:1px solid var(--line); border-radius:16px; background:var(--panel); overflow:hidden; min-height:260px; }
.results-empty[b-bya1givtwy] { min-height:260px; display:grid; place-content:center; justify-items:center; color:var(--muted); text-align:center; }
.results-empty span[b-bya1givtwy] { margin-top:5px; font-size:.82rem; }
@media(max-width:620px){.office-head[b-bya1givtwy]{align-items:stretch;flex-direction:column}.transfer-line[b-bya1givtwy]{flex-wrap:wrap}.line-product-field[b-bya1givtwy]{flex-basis:100%;}}
/* /Components/Shared/AuditEntryPanel.razor.rz.scp.css */
/* Details open beside the list, not inside the row: full width for payloads,
   and the entry stepper walks the page without closing and reopening. */
.audit-scrim[b-tdyjigaj05] { position:fixed; inset:0; z-index:110; background:rgba(16,34,25,.38); }
.audit-drawer[b-tdyjigaj05] { position:fixed; top:0; right:0; z-index:120; width:min(680px,100%); height:100dvh; display:flex; flex-direction:column; background:var(--panel); box-shadow:-18px 0 50px -22px rgba(10,30,20,.5); animation:audit-slide-b-tdyjigaj05 .16s var(--ease); }
.audit-drawer:focus[b-tdyjigaj05] { outline:none; }
@keyframes audit-slide-b-tdyjigaj05 { from { transform:translateX(26px); opacity:.6; } to { transform:none; opacity:1; } }
@media (prefers-reduced-motion:reduce) { .audit-drawer[b-tdyjigaj05] { animation:none; } }

.audit-drawer-head[b-tdyjigaj05] { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; padding:18px 20px 14px; border-bottom:1px solid var(--line); }
.audit-drawer-head h2[b-tdyjigaj05] { margin:3px 0 4px; color:var(--text); font:700 1.35rem 'Manrope'; letter-spacing:-.02em; }
.audit-drawer-head small[b-tdyjigaj05] { color:var(--muted); font-size:.74rem; }
.audit-code[b-tdyjigaj05] { font-family:ui-monospace,Consolas,monospace; }
.audit-drawer-actions[b-tdyjigaj05] { display:flex; flex:none; align-items:center; gap:8px; }
.audit-drawer-print[b-tdyjigaj05] { height:34px; padding:0 13px; border:1px solid var(--line-strong); border-radius:9px; background:#fff; color:var(--forest); font:800 .78rem 'DM Sans'; white-space:nowrap; cursor:pointer; }
.audit-drawer-print:hover[b-tdyjigaj05] { border-color:var(--forest-bright); color:var(--forest-bright); }
.audit-drawer-close[b-tdyjigaj05] { flex:none; width:34px; height:34px; border:1px solid var(--line); border-radius:9px; background:#fff; color:var(--muted); font-size:1.2rem; line-height:1; cursor:pointer; }
.audit-drawer-close:hover[b-tdyjigaj05] { border-color:var(--line-strong); color:var(--text); }
.audit-drawer-steps[b-tdyjigaj05] { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:9px 20px; border-bottom:1px solid var(--line); background:#f7faf7; color:var(--muted); font-size:.76rem; }
.audit-drawer-steps button[b-tdyjigaj05] { height:30px; padding:0 11px; border:1px solid var(--line-strong); border-radius:8px; background:#fff; color:var(--forest); font-weight:800; font-size:.76rem; white-space:nowrap; cursor:pointer; }
.audit-drawer-steps button:disabled[b-tdyjigaj05] { opacity:.4; cursor:default; }
.audit-drawer-body[b-tdyjigaj05] { flex:1; overflow-y:auto; padding:18px 20px 30px; display:grid; gap:16px; align-content:start; }

/* Who did what, in one line, before the reader has to assemble it from the
   fields below. */
.audit-lead[b-tdyjigaj05] { margin:0; padding:11px 13px; border:1px solid var(--line); border-left:3px solid var(--forest-bright); border-radius:10px; background:#f7faf7; color:var(--text); font:600 .92rem/1.5 'DM Sans'; overflow-wrap:anywhere; }

.audit-facts[b-tdyjigaj05] { display:grid; gap:11px; margin:0; }
.audit-facts > div[b-tdyjigaj05] { display:grid; grid-template-columns:86px minmax(0,1fr); gap:12px; align-items:baseline; }
.audit-facts dt[b-tdyjigaj05] { color:var(--muted); font-size:.7rem; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }
.audit-facts dd[b-tdyjigaj05] { margin:0; display:grid; gap:3px; min-width:0; }
.audit-facts dd strong[b-tdyjigaj05] { color:var(--text); font-size:.9rem; }
.audit-facts dd span[b-tdyjigaj05] { color:var(--muted); font-size:.78rem; }
.audit-reason[b-tdyjigaj05] { font-weight:600 !important; line-height:1.5; overflow-wrap:anywhere; }
.audit-link[b-tdyjigaj05] { justify-self:start; margin-top:2px; padding:0; border:0; background:none; color:var(--forest-bright); font:800 .74rem 'DM Sans'; text-decoration:underline; cursor:pointer; }
.audit-copyable[b-tdyjigaj05] { justify-self:start; padding:2px 7px; border-radius:6px; background:#f0f4f0; color:var(--muted); font:.7rem ui-monospace,Consolas,monospace; user-select:all; overflow-wrap:anywhere; }

.audit-block[b-tdyjigaj05] { padding:14px; border:1px solid var(--line); border-radius:12px; background:#fcfdfc; }
.audit-block h3[b-tdyjigaj05] { margin:0 0 10px; color:var(--text); font:800 .82rem 'DM Sans'; letter-spacing:.04em; text-transform:uppercase; }
.audit-transfer-facts[b-tdyjigaj05] { display:grid; gap:7px; margin:0; }
.audit-transfer-facts > div[b-tdyjigaj05] { display:grid; grid-template-columns:92px minmax(0,1fr); gap:10px; font-size:.82rem; }
.audit-transfer-facts dt[b-tdyjigaj05] { color:var(--muted); font-weight:800; }
.audit-transfer-facts dd[b-tdyjigaj05] { margin:0; color:var(--text); }
.audit-transfer-lines[b-tdyjigaj05] { width:100%; border-collapse:collapse; margin-top:12px; text-align:left; }
.audit-transfer-lines th[b-tdyjigaj05] { padding:6px 8px; border-bottom:1px solid var(--line); color:var(--muted); font-size:.64rem; letter-spacing:.06em; text-transform:uppercase; white-space:nowrap; }
.audit-transfer-lines td[b-tdyjigaj05] { padding:6px 8px; border-bottom:1px solid #eef2ee; color:var(--text); font-size:.76rem; font-variant-numeric:tabular-nums; }
.audit-transfer-note[b-tdyjigaj05] { display:block; margin-top:8px; color:var(--muted); font-size:.68rem; }
.audit-payload summary[b-tdyjigaj05] { color:var(--forest-bright); font-weight:800; font-size:.8rem; cursor:pointer; }
.audit-payload[open] summary[b-tdyjigaj05] { margin-bottom:10px; }
.audit-json[b-tdyjigaj05] { max-height:340px; overflow:auto; margin:0; padding:11px; border-radius:8px; background:#f5f8f5; color:var(--text); font:.72rem/1.5 ui-monospace,Consolas,monospace; white-space:pre-wrap; overflow-wrap:anywhere; }
.audit-trace small[b-tdyjigaj05] { display:block; margin-top:10px; color:var(--muted); font-size:.68rem; }

@media(max-width:700px) {
    .audit-drawer[b-tdyjigaj05] { width:100%; }
    .audit-facts > div[b-tdyjigaj05],.audit-transfer-facts > div[b-tdyjigaj05] { grid-template-columns:1fr; gap:2px; }
}
/* /Components/Shared/CameraScanner.razor.rz.scp.css */
.camera-scanner[b-nk1pxbfjgt] { margin: .65rem 0; }
.camera-open[b-nk1pxbfjgt] { min-height: 44px; padding: 0 .95rem; border: 0; border-radius: 9px; background: #1e6848; color: #fff; font: 700 .88rem 'DM Sans', sans-serif; cursor: pointer; }
.camera-open:hover:not(:disabled)[b-nk1pxbfjgt] { background: #174f37; }
.camera-open:disabled[b-nk1pxbfjgt] { opacity: .55; cursor: not-allowed; }
.camera-panel[b-nk1pxbfjgt] { width: min(100%, 600px); padding: .8rem; border: 1px solid #b8d9c4; border-radius: 12px; background: #f3faf5; }
.camera-panel-head[b-nk1pxbfjgt] { display: flex; justify-content: space-between; align-items: center; gap: .75rem; margin-bottom: .65rem; }
.camera-panel-head button[b-nk1pxbfjgt] { min-height: 38px; padding: 0 .7rem; border: 1px solid #9db8a6; border-radius: 8px; background: #fff; color: #174f37; font-weight: 700; cursor: pointer; }
.camera-panel video[b-nk1pxbfjgt] { display: block; width: 100%; max-height: 420px; object-fit: contain; border-radius: 8px; background: #12221a; }
.camera-panel p[b-nk1pxbfjgt], .camera-error[b-nk1pxbfjgt] { margin: .65rem 0 0; font-size: .83rem; }
.camera-tools[b-nk1pxbfjgt] { display: flex; align-items: end; flex-wrap: wrap; gap: .55rem; margin-top: .7rem; }
.camera-tools label[b-nk1pxbfjgt] { display: grid; gap: .2rem; min-width: 12rem; color: #365946; font-size: .76rem; font-weight: 700; }
.camera-tools select[b-nk1pxbfjgt] { min-height: 38px; max-width: 100%; padding: 0 .55rem; border: 1px solid #9db8a6; border-radius: 8px; background: #fff; color: #174f37; }
.camera-tools button[b-nk1pxbfjgt] { min-height: 38px; padding: 0 .7rem; border: 1px solid #9db8a6; border-radius: 8px; background: #fff; color: #174f37; font-weight: 700; cursor: pointer; }
.camera-tools button:disabled[b-nk1pxbfjgt] { opacity: .5; cursor: default; }
.camera-zoom[b-nk1pxbfjgt] { display: flex; align-items: center; gap: .35rem; }
.camera-zoom span[b-nk1pxbfjgt] { min-width: 2.5rem; text-align: center; font-size: .82rem; font-weight: 700; }
.camera-repeat[b-nk1pxbfjgt] { min-height: 38px; margin-top: .6rem; padding: 0 .7rem; border: 1px solid #1e6848; border-radius: 8px; background: #fff; color: #174f37; font-weight: 700; cursor: pointer; }
.camera-error[b-nk1pxbfjgt] { color: #a32f30; }
/* /Components/Shared/WorkflowPrintButton.razor.rz.scp.css */
.workflow-print-button[b-58bhi5vham] { display:inline-flex; align-items:center; justify-content:center; min-height:42px; padding:0 16px; border:1px solid #c8d8ce; border-radius:9px; background:#fff; color:#174331; font:700 .84rem 'DM Sans',sans-serif; cursor:pointer; }
.workflow-print-button:hover:not(:disabled)[b-58bhi5vham] { background:#e9f7ed; border-color:#9dcbb0; }
.workflow-print-button:disabled[b-58bhi5vham] { opacity:.55; cursor:not-allowed; }
.workflow-print-button:focus-visible[b-58bhi5vham] { outline:3px solid #39a978; outline-offset:3px; }