/* /Components/Pages/Procurement/ProcurementPurchasing.razor.rz.scp.css */
/* Purchasing suggestions table. Scoped to this page by Blazor CSS isolation. */

/* Size columns to their content: short two-line headers instead of one long line each. */
.proc-suggest-table[b-ymlvtp38rz] {
    min-width: 0;
}

.proc-suggest-table th[b-ymlvtp38rz],
.proc-suggest-table td[b-ymlvtp38rz] {
    padding: 9px 10px;
}

.proc-suggest-table th[b-ymlvtp38rz] {
    line-height: 1.25;
    vertical-align: bottom;
}

/* Description gets the spare width, so it wraps onto one or two lines, not five. */
.proc-col-desc[b-ymlvtp38rz] {
    min-width: 16rem;
    width: 40%;
}

.proc-code[b-ymlvtp38rz] {
    white-space: nowrap;
    font-weight: 700;
}

.proc-col-check[b-ymlvtp38rz] {
    width: 2.5rem;
}

/* Numbers right-aligned with equal-width digits, so they line up down each column. */
.proc-num[b-ymlvtp38rz] {
    text-align: right;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

th.proc-num[b-ymlvtp38rz] {
    text-align: right;
}

.proc-negative[b-ymlvtp38rz] {
    color: #a12a20;
}

.proc-negative small[b-ymlvtp38rz] {
    display: block;
    font-size: .72rem;
    font-weight: 600;
}

/* The column you type in stays visible when the table scrolls sideways. */
.proc-col-order[b-ymlvtp38rz] {
    position: sticky;
    right: 0;
    z-index: 1;
    background: #fff8f2;
    box-shadow: inset 1px 0 0 #e8edf3;
}

th.proc-col-order[b-ymlvtp38rz] {
    z-index: 2;
}

.proc-qty[b-ymlvtp38rz] {
    box-sizing: border-box;
    width: 5rem;
    padding: 6px 8px;
    text-align: right;
    font-variant-numeric: tabular-nums;
    border: 1px solid #cfd7e3;
    border-radius: 8px;
}
/* /Components/Pages/PsaIntegration.razor.rz.scp.css */
.psa-preview-table[b-pwml1yk1rq] {
    min-width: 1180px;
    table-layout: fixed;
}

.psa-preview-table th[b-pwml1yk1rq],
.psa-preview-table td[b-pwml1yk1rq] {
    border-right: 1px solid #e2e8f0;
}

.psa-preview-table th:last-child[b-pwml1yk1rq],
.psa-preview-table td:last-child[b-pwml1yk1rq] {
    border-right: 0;
}

.psa-preview-table th:nth-child(1)[b-pwml1yk1rq],
.psa-preview-table td:nth-child(1)[b-pwml1yk1rq] { width: 105px; }
.psa-preview-table th:nth-child(2)[b-pwml1yk1rq],
.psa-preview-table td:nth-child(2)[b-pwml1yk1rq] { width: 260px; }
.psa-preview-table th:nth-child(3)[b-pwml1yk1rq],
.psa-preview-table td:nth-child(3)[b-pwml1yk1rq] { width: 105px; }
.psa-preview-table th:nth-child(4)[b-pwml1yk1rq],
.psa-preview-table td:nth-child(4)[b-pwml1yk1rq] { width: 120px; }
.psa-preview-table th:nth-child(5)[b-pwml1yk1rq],
.psa-preview-table td:nth-child(5)[b-pwml1yk1rq] { width: 145px; }
.psa-preview-table th:nth-child(6)[b-pwml1yk1rq],
.psa-preview-table td:nth-child(6)[b-pwml1yk1rq] { width: auto; }

.psa-preview-table td[b-pwml1yk1rq] {
    vertical-align: top;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.psa-preview-table td:nth-child(1)[b-pwml1yk1rq],
.psa-preview-table td:nth-child(3)[b-pwml1yk1rq],
.psa-preview-table td:nth-child(4)[b-pwml1yk1rq],
.psa-preview-table td:nth-child(5)[b-pwml1yk1rq] {
    white-space: nowrap;
}

.psa-preview-table tbody tr:nth-child(even)[b-pwml1yk1rq] {
    background: #f8fafc;
}

.psa-preview-table tbody tr:hover[b-pwml1yk1rq] {
    background: #fff7ed;
}

/* PSA preview row clarity */
.psa-preview-table[b-pwml1yk1rq] {
    border-collapse: separate;
    border-spacing: 0;
}

.psa-preview-table thead th[b-pwml1yk1rq] {
    position: sticky;
    top: 0;
    z-index: 2;
    box-shadow: inset 0 -1px 0 rgba(255,255,255,.16);
}

.psa-preview-table tbody td[b-pwml1yk1rq] {
    padding: 10px 12px;
    border-bottom: 1px solid #d9e2ec;
    background: #fff;
}

.psa-preview-table tbody tr:nth-child(even) td[b-pwml1yk1rq] {
    background: #f7f9fc;
}

.psa-preview-table tbody tr:hover td[b-pwml1yk1rq] {
    background: #fff4e8;
}

.psa-preview-table tbody tr:last-child td[b-pwml1yk1rq] {
    border-bottom: 0;
}

.psa-preview-table .psa-source-cell[b-pwml1yk1rq] {
    color: #17365f;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-weight: 850;
}

.psa-preview-table .psa-name-cell[b-pwml1yk1rq] {
    color: #203a62;
    font-weight: 750;
}

.psa-preview-table .psa-id-cell[b-pwml1yk1rq],
.psa-preview-table .psa-action-cell[b-pwml1yk1rq],
.psa-preview-table .psa-match-cell[b-pwml1yk1rq] {
    color: #334d73;
}

.psa-preview-table .psa-difference-cell[b-pwml1yk1rq] {
    color: #42546e;
    white-space: normal;
}

.psa-preview-table .psa-row-action-cell[b-pwml1yk1rq] {
    width: 112px;
    padding: 6px 10px;
    text-align: right;
    border-left: 1px solid #d9e2ec;
}

.psa-exclude-button[b-pwml1yk1rq] {
    min-width: 82px;
    padding: 7px 12px;
    color: #b94f0b;
    font-size: .78rem;
    font-weight: 850;
    background: #fff7ed;
    border: 1px solid #f2b47d;
    border-radius: 8px;
}

.psa-exclude-button:hover:not(:disabled)[b-pwml1yk1rq] {
    color: #fff;
    background: #d85f13;
    border-color: #d85f13;
}

.psa-exclude-button:focus-visible[b-pwml1yk1rq] {
    outline: 3px solid rgba(216,95,19,.25);
    outline-offset: 2px;
}

.psa-preview-row.psa-action-conflict td:first-child[b-pwml1yk1rq] {
    box-shadow: inset 4px 0 0 #d99215;
}

.psa-preview-row.psa-action-would-update td:first-child[b-pwml1yk1rq] {
    box-shadow: inset 4px 0 0 #2f6fb3;
}

.psa-preview-row.psa-action-would-create td:first-child[b-pwml1yk1rq] {
    box-shadow: inset 4px 0 0 #6d7f96;
}

.psa-preview-row.psa-action-unchanged td:first-child[b-pwml1yk1rq] {
    box-shadow: inset 4px 0 0 #2d8a57;
}

/* Excluded-company table uses the same clear row separation. */
.psa-preview-table tbody td code[b-pwml1yk1rq] {
    color: #17365f;
    font-weight: 850;
}

@media (max-width: 900px) {
    .psa-preview-table tbody td[b-pwml1yk1rq] {
        padding: 9px 10px;
    }

    .psa-preview-table .psa-row-action-cell[b-pwml1yk1rq] {
        position: sticky;
        right: 0;
        z-index: 1;
        background: #fff;
    }

    .psa-preview-table tbody tr:nth-child(even) .psa-row-action-cell[b-pwml1yk1rq] {
        background: #f7f9fc;
    }
}


/* Unified PSA company table styling */
/*
   The active Companies table is emitted by a RenderFragment. Its generated
   table elements do not carry the component CSS scope attribute, so ordinary
   scoped selectors do not reach them. ::deep intentionally styles both the
   generated Companies table and the Razor-rendered Excluded Companies table.
*/
[b-pwml1yk1rq] .psa-preview-table {
    width: 100%;
    min-width: 1180px;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
}

[b-pwml1yk1rq] .psa-preview-table thead th {
    position: sticky;
    top: 0;
    z-index: 3;
    padding: 12px 14px;
    border-right: 1px solid rgba(255,255,255,.28);
    border-bottom: 1px solid #19365f;
}

[b-pwml1yk1rq] .psa-preview-table thead th:last-child {
    border-right: 0;
}

[b-pwml1yk1rq] .psa-preview-table tbody td {
    padding: 11px 14px;
    vertical-align: top;
    line-height: 1.35;
    background: #fff;
    border-right: 1px solid #dfe6ef;
    border-bottom: 1px solid #dfe6ef;
    overflow-wrap: anywhere;
    transition: background-color .12s ease;
}

[b-pwml1yk1rq] .psa-preview-table tbody td:last-child {
    border-right: 0;
}

[b-pwml1yk1rq] .psa-preview-table tbody tr:nth-child(even) td {
    background: #f5f8fc;
}

[b-pwml1yk1rq] .psa-preview-table tbody tr:hover td,
[b-pwml1yk1rq] .psa-preview-table tbody tr:nth-child(even):hover td {
    background: #fff1df;
}

[b-pwml1yk1rq] .psa-preview-table tbody tr:last-child td {
    border-bottom: 0;
}

[b-pwml1yk1rq] .psa-preview-table .psa-source-cell,
[b-pwml1yk1rq] .psa-preview-table tbody td:first-child {
    color: #17365f;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-weight: 850;
}

[b-pwml1yk1rq] .psa-preview-table .psa-name-cell,
[b-pwml1yk1rq] .psa-preview-table tbody td:nth-child(2) {
    color: #203a62;
    font-weight: 750;
}

[b-pwml1yk1rq] .psa-preview-table .psa-difference-cell {
    color: #42546e;
    white-space: normal;
}

[b-pwml1yk1rq] .psa-preview-table .psa-row-action-cell,
[b-pwml1yk1rq] .psa-preview-table tbody td:last-child {
    width: 126px;
    padding: 7px 12px;
    text-align: right;
    white-space: nowrap;
    border-left: 1px solid #d3dce8;
}

[b-pwml1yk1rq] .psa-exclude-button,
[b-pwml1yk1rq] .psa-preview-table .app-link-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 96px;
    min-height: 34px;
    padding: 7px 12px;
    color: #bd520f;
    font-size: .78rem;
    font-weight: 850;
    line-height: 1;
    text-decoration: none;
    background: #fff7ed;
    border: 1px solid #eda66e;
    border-radius: 8px;
    cursor: pointer;
}

[b-pwml1yk1rq] .psa-exclude-button:hover:not(:disabled),
[b-pwml1yk1rq] .psa-preview-table .app-link-action:hover:not(:disabled) {
    color: #fff;
    background: #d85f13;
    border-color: #d85f13;
}

[b-pwml1yk1rq] .psa-exclude-button:focus-visible,
[b-pwml1yk1rq] .psa-preview-table .app-link-action:focus-visible {
    outline: 3px solid rgba(216,95,19,.25);
    outline-offset: 2px;
}

[b-pwml1yk1rq] .psa-preview-row.psa-action-conflict td:first-child {
    box-shadow: inset 4px 0 0 #d99215;
}

[b-pwml1yk1rq] .psa-preview-row.psa-action-would-update td:first-child {
    box-shadow: inset 4px 0 0 #2f6fb3;
}

[b-pwml1yk1rq] .psa-preview-row.psa-action-would-create td:first-child {
    box-shadow: inset 4px 0 0 #6d7f96;
}

[b-pwml1yk1rq] .psa-preview-row.psa-action-unchanged td:first-child {
    box-shadow: inset 4px 0 0 #2d8a57;
}

/* Active Companies table: Source, Name, ID, Action, Match, Difference, button. */
[b-pwml1yk1rq] .psa-preview-row .psa-source-cell { width: 105px; }
[b-pwml1yk1rq] .psa-preview-row .psa-name-cell { width: 270px; }
[b-pwml1yk1rq] .psa-preview-row .psa-id-cell { width: 100px; }
[b-pwml1yk1rq] .psa-preview-row .psa-action-cell { width: 125px; white-space: nowrap; }
[b-pwml1yk1rq] .psa-preview-row .psa-match-cell { width: 150px; white-space: nowrap; }

/* Excluded Companies table: prevent Reason, date and user values overlapping. */
[b-pwml1yk1rq] .psa-preview-table:not(:has(.psa-preview-row)) th:nth-child(1),
[b-pwml1yk1rq] .psa-preview-table:not(:has(.psa-preview-row)) td:nth-child(1) { width: 115px; }
[b-pwml1yk1rq] .psa-preview-table:not(:has(.psa-preview-row)) th:nth-child(2),
[b-pwml1yk1rq] .psa-preview-table:not(:has(.psa-preview-row)) td:nth-child(2) { width: 340px; }
[b-pwml1yk1rq] .psa-preview-table:not(:has(.psa-preview-row)) th:nth-child(3),
[b-pwml1yk1rq] .psa-preview-table:not(:has(.psa-preview-row)) td:nth-child(3) { width: 230px; }
[b-pwml1yk1rq] .psa-preview-table:not(:has(.psa-preview-row)) th:nth-child(4),
[b-pwml1yk1rq] .psa-preview-table:not(:has(.psa-preview-row)) td:nth-child(4) { width: 185px; white-space: nowrap; }
[b-pwml1yk1rq] .psa-preview-table:not(:has(.psa-preview-row)) th:nth-child(5),
[b-pwml1yk1rq] .psa-preview-table:not(:has(.psa-preview-row)) td:nth-child(5) { width: 180px; white-space: nowrap; }

@media (max-width: 900px) {
    [b-pwml1yk1rq] .psa-preview-table .psa-row-action-cell,
    [b-pwml1yk1rq] .psa-preview-table tbody td:last-child {
        position: sticky;
        right: 0;
        z-index: 2;
        box-shadow: -4px 0 8px rgba(23,54,95,.08);
    }
}


/* Active Companies generated table bridge */
/* The host div receives Blazor's scope attribute. The table is raw markup
   inside the RenderFragment, so selectors must start at the scoped host and
   cross into descendants with ::deep. */
.psa-generated-table-host[b-pwml1yk1rq]  table.psa-preview-table {
    width: 100%;
    min-width: 1180px;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
}

.psa-generated-table-host[b-pwml1yk1rq]  table.psa-preview-table thead th {
    position: sticky;
    top: 0;
    z-index: 3;
    padding: 12px 14px;
    border-right: 1px solid rgba(255,255,255,.28);
    border-bottom: 1px solid #19365f;
}

.psa-generated-table-host[b-pwml1yk1rq]  table.psa-preview-table tbody td {
    padding: 11px 14px;
    vertical-align: top;
    line-height: 1.35;
    background-color: #fff !important;
    border-right: 1px solid #dfe6ef;
    border-bottom: 1px solid #dfe6ef;
    overflow-wrap: anywhere;
    transition: background-color .12s ease;
}

.psa-generated-table-host[b-pwml1yk1rq]  table.psa-preview-table tbody tr:nth-child(even) > td {
    background-color: #f5f8fc !important;
}

.psa-generated-table-host[b-pwml1yk1rq]  table.psa-preview-table tbody tr:hover > td,
.psa-generated-table-host[b-pwml1yk1rq]  table.psa-preview-table tbody tr:nth-child(even):hover > td {
    background-color: #fff1df !important;
}

.psa-generated-table-host[b-pwml1yk1rq]  table.psa-preview-table tbody td:last-child {
    border-right: 0;
}

.psa-generated-table-host[b-pwml1yk1rq]  .psa-source-cell {
    color: #17365f;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-weight: 850;
}

.psa-generated-table-host[b-pwml1yk1rq]  .psa-name-cell {
    color: #203a62;
    font-weight: 750;
}

.psa-generated-table-host[b-pwml1yk1rq]  .psa-row-action-cell {
    width: 126px;
    padding: 7px 12px;
    text-align: right;
    white-space: nowrap;
    border-left: 1px solid #d3dce8;
}

.psa-generated-table-host[b-pwml1yk1rq]  .psa-exclude-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 96px;
    min-height: 34px;
    padding: 7px 12px;
    color: #bd520f;
    font-size: .78rem;
    font-weight: 850;
    line-height: 1;
    background: #fff7ed;
    border: 1px solid #eda66e;
    border-radius: 8px;
}

.psa-generated-table-host[b-pwml1yk1rq]  .psa-exclude-button:hover:not(:disabled) {
    color: #fff;
    background: #d85f13;
    border-color: #d85f13;
}
/* /Components/Pages/StockCountWorklist.razor.rz.scp.css */
.fw-page[b-6moe7axay9]{display:grid;gap:16px;max-width:1600px;margin:0 auto}.fw-head[b-6moe7axay9]{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:20px;color:#fff;background:#243f70;border-radius:16px}.fw-head a[b-6moe7axay9]{color:#dbe7fa}.fw-head h1[b-6moe7axay9]{margin:6px 0}.fw-head p[b-6moe7axay9]{margin:0;color:#dbe7fa}.fw-head button[b-6moe7axay9],.fw-tools button[b-6moe7axay9]{padding:9px 12px;border:1px solid #cfd8e5;border-radius:9px;background:#fff;color:#243f70;font-weight:750}.fw-summary[b-6moe7axay9]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.fw-summary-card[b-6moe7axay9]{display:grid;gap:5px;padding:14px;text-align:left;border:1px solid #dce3ec;border-radius:13px;background:#fff;color:#68768a}.fw-summary-card strong[b-6moe7axay9]{font-size:1.65rem;color:#243f70}.fw-summary-card.on[b-6moe7axay9]{border-color:#ef6c1a;box-shadow:0 0 0 2px rgba(239,108,26,.12)}.fw-tools[b-6moe7axay9]{display:flex;justify-content:space-between;gap:14px;padding:14px;background:#fff;border:1px solid #dce3ec;border-radius:14px}.fw-tools label[b-6moe7axay9]{display:grid;gap:5px;min-width:min(420px,100%)}.fw-tools input[b-6moe7axay9]{padding:10px 12px;border:1px solid #ccd6e2;border-radius:9px}.fw-tools div[b-6moe7axay9]{display:flex;flex-wrap:wrap;gap:7px;align-items:end}.fw-tools button.on[b-6moe7axay9]{color:#fff;background:#243f70}.fw-result[b-6moe7axay9]{display:flex;justify-content:space-between;color:#68768a}.fw-list[b-6moe7axay9]{display:grid;gap:10px}.fw-row[b-6moe7axay9]{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;overflow:hidden;background:#fff;border:1px solid #dce3ec;border-radius:14px}.fw-bar[b-6moe7axay9]{position:absolute;inset:0 auto 0 0;width:6px}.fw-bar.overdue[b-6moe7axay9]{background:#c93b32}.fw-bar.today[b-6moe7axay9]{background:#e69a22}.fw-bar.soon[b-6moe7axay9]{background:#3977b8}.fw-bar.upcoming[b-6moe7axay9]{background:#35a05c}.fw-main[b-6moe7axay9]{display:grid;gap:13px;padding:16px 16px 16px 21px}.fw-title[b-6moe7axay9]{display:flex;justify-content:space-between;gap:12px}.fw-title h2[b-6moe7axay9]{margin:0;color:#243f70;font-size:1.08rem}.fw-title p[b-6moe7axay9]{margin:4px 0 0;color:#718096}.fw-purpose[b-6moe7axay9]{align-self:start;padding:6px 9px;border-radius:999px;background:#eef3f8;color:#385170;font-size:.75rem;font-weight:800}.fw-needs[b-6moe7axay9]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.fw-needs>div[b-6moe7axay9]{display:grid;grid-template-columns:auto 1fr;gap:4px 9px;padding:10px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc}.fw-needs small[b-6moe7axay9]{grid-column:2;color:#718096}.fw-kind[b-6moe7axay9]{grid-row:1/3;align-self:start;padding:5px 7px;border-radius:7px;font-size:.72rem;font-weight:850}.fw-kind.visit[b-6moe7axay9]{background:#e8effb;color:#264d86}.fw-kind.count[b-6moe7axay9]{background:#fff0df;color:#97530e}.fw-actions[b-6moe7axay9]{display:grid;align-content:center;gap:7px;padding:16px;border-left:1px solid #e4e9f0;background:#fafbfd}.fw-actions a[b-6moe7axay9]{padding:10px 13px;border-radius:9px;background:#ef6c1a;color:#fff;text-decoration:none;font-weight:800}.fw-actions span[b-6moe7axay9]{text-align:center;color:#718096;font-size:.75rem}.fw-card[b-6moe7axay9]{padding:20px;background:#fff;border:1px solid #dce3ec;border-radius:14px}.fw-error[b-6moe7axay9]{color:#a12a20}.fw-empty[b-6moe7axay9]{text-align:center;color:#718096}@media(max-width:900px){.fw-summary[b-6moe7axay9]{grid-template-columns:repeat(2,1fr)}.fw-tools[b-6moe7axay9]{display:grid}.fw-row[b-6moe7axay9]{grid-template-columns:1fr}.fw-actions[b-6moe7axay9]{border-left:0;border-top:1px solid #e4e9f0}.fw-needs[b-6moe7axay9]{grid-template-columns:1fr}}@media(max-width:520px){.fw-head[b-6moe7axay9],.fw-title[b-6moe7axay9]{display:grid}.fw-summary[b-6moe7axay9]{grid-template-columns:1fr}}
.fw-alert-actions[b-6moe7axay9]{display:grid;gap:7px;margin-top:4px;padding-top:9px;border-top:1px solid #e2e8f0}.fw-alert-actions button[b-6moe7axay9],.fw-alert-actions select[b-6moe7axay9]{box-sizing:border-box;width:100%;padding:8px 9px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#243f70;font:inherit;font-size:.78rem}.fw-alert-actions button[b-6moe7axay9]{font-weight:750;cursor:pointer}.fw-alert-actions .clear[b-6moe7axay9]{color:#6b7280}.fw-visit-note[b-6moe7axay9]{color:#8a5b00;text-align:center}
/* /Components/Pages/SyncAutomationSettingsPage.razor.rz.scp.css */
.sa-page[b-ol8ctaaw66]{display:grid;gap:18px;max-width:1500px;margin:0 auto;padding-bottom:36px}.sa-head[b-ol8ctaaw66]{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.sa-head h1[b-ol8ctaaw66]{margin:0;font-size:clamp(2rem,4vw,3rem)}.sa-grid[b-ol8ctaaw66]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sa-grid section[b-ol8ctaaw66]{display:grid;gap:12px}.sa-grid label:not(.app-check-row)[b-ol8ctaaw66]{display:grid;gap:6px}.sa-grid input[type=number][b-ol8ctaaw66]{padding:10px;border:1px solid #cfd7e3;border-radius:9px}.sa-time[b-ol8ctaaw66]{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sa-safety[b-ol8ctaaw66]{border-color:#efc296;background:#fff9f2}.sa-status[b-ol8ctaaw66]{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sa-status div[b-ol8ctaaw66]{display:grid;gap:4px;padding:12px;background:#f6f8fb;border-radius:10px}.sa-status span[b-ol8ctaaw66]{font-size:.76rem;color:#6b7280;text-transform:uppercase;font-weight:800}@media(max-width:850px){.sa-grid[b-ol8ctaaw66],.sa-status[b-ol8ctaaw66]{grid-template-columns:1fr}.sa-head[b-ol8ctaaw66]{display:grid}}
/* /Components/Shared/CatalogueThumbnail.razor.rz.scp.css */
.catalogue-thumbnail[b-3vdaqgwmih]{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border:1px solid #d9e2ef;border-radius:10px;background:#f3f6fa;overflow:hidden;text-decoration:none;color:#6b778c}
.catalogue-thumbnail img[b-3vdaqgwmih]{display:block;width:100%;height:100%;object-fit:cover}
.catalogue-thumbnail-placeholder[b-3vdaqgwmih]{font-size:1.15rem}
/* A missing image must not spill its alt text over the product name (e.g. before the circuit connects). */
.catalogue-thumbnail img[b-3vdaqgwmih]{color:transparent;font-size:0}
/* /Components/Shared/CustomerPriceListPanel.razor.rz.scp.css */
.pl-card[b-q094g764mr]{display:grid;gap:14px;margin:16px 0;padding:18px;background:#fff;border:1px solid #dce4ee;border-radius:14px}.pl-heading[b-q094g764mr]{display:flex;justify-content:space-between;gap:14px}.pl-heading h2[b-q094g764mr]{margin:0;color:#ef6c1a}.pl-heading p[b-q094g764mr]{margin:4px 0 0;color:#68768a}.pl-heading button[b-q094g764mr]{padding:10px 14px;border:0;border-radius:9px;background:#ef6c1a;color:#fff;font-weight:800}.pl-facts[b-q094g764mr]{display:flex;flex-wrap:wrap;gap:8px}.pl-facts span[b-q094g764mr]{padding:8px 10px;border-radius:9px;background:#f5f8fb;color:#64748b}.pl-facts strong[b-q094g764mr]{color:#243f70}.pl-ok[b-q094g764mr],.pl-error[b-q094g764mr],.pl-warning[b-q094g764mr]{margin:0;padding:9px 11px;border-radius:9px}.pl-ok[b-q094g764mr]{background:#e7f6ec;color:#1e6b3a}.pl-error[b-q094g764mr]{background:#fdecea;color:#a12a20}.pl-warning[b-q094g764mr]{background:#fff4d8;color:#8a5b00}@media(max-width:650px){.pl-heading[b-q094g764mr]{display:grid}.pl-heading button[b-q094g764mr]{width:100%}}
/* /Components/Shared/StockCountPanel.razor.rz.scp.css */
/* Stock-count matrix layout is defined in wwwroot/field.css. */
/* /Components/Shared/VisitSchedulePanel.razor.rz.scp.css */
.vs-card[b-sxdmzy19y7] {
    box-sizing: border-box;
    display: grid;
    gap: 16px;
    width: 100%;
    margin: 0 0 16px;
    padding: 20px;
    background: #ffffff;
    border: 1px solid #dce4ee;
    border-radius: 14px;
    box-shadow: 0 2px 8px rgba(31, 56, 100, 0.05);
}

.vs-heading[b-sxdmzy19y7] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.vs-heading h3[b-sxdmzy19y7] {
    margin: 0;
    color: #ef6c1a;
    font-size: 1.25rem;
}

.vs-heading p[b-sxdmzy19y7] {
    margin: 5px 0 0;
    color: #68768a;
}

.vs-status[b-sxdmzy19y7] {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 5px 11px;
    color: #5c6675;
    background: #edf1f5;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 800;
    white-space: nowrap;
}

.vs-status.overdue[b-sxdmzy19y7] { color: #a12a20; background: #fdecea; }
.vs-status.grace[b-sxdmzy19y7],
.vs-status.duetoday[b-sxdmzy19y7],
.vs-status.duesoon[b-sxdmzy19y7],
.vs-status.needsfirstduedate[b-sxdmzy19y7],
.vs-status.needsstockcountschedule[b-sxdmzy19y7] { color: #8a5b00; background: #fff4d8; }
.vs-status.upcoming[b-sxdmzy19y7] { color: #1e6b3a; background: #e7f6ec; }

.vs-grid[b-sxdmzy19y7] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.vs-grid label[b-sxdmzy19y7] {
    display: grid;
    align-content: start;
    gap: 6px;
    min-width: 0;
}

.vs-grid label > span[b-sxdmzy19y7] {
    color: #40516b;
    font-size: 0.78rem;
    font-weight: 800;
}

.vs-grid select[b-sxdmzy19y7],
.vs-grid input[b-sxdmzy19y7] {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    min-height: 44px;
    padding: 9px 11px;
    color: #243854;
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 9px;
    font: inherit;
}

.vs-grid select:focus[b-sxdmzy19y7],
.vs-grid input:focus[b-sxdmzy19y7] {
    outline: 2px solid rgba(31, 56, 100, 0.18);
    border-color: #1f3864;
}

.vs-grid select:disabled[b-sxdmzy19y7],
.vs-grid input:disabled[b-sxdmzy19y7] {
    color: #7a8493;
    background: #f3f5f8;
    cursor: not-allowed;
}

.vs-facts[b-sxdmzy19y7] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.vs-facts span[b-sxdmzy19y7] {
    display: inline-flex;
    gap: 5px;
    padding: 8px 11px;
    color: #64748b;
    background: #f5f8fb;
    border-radius: 9px;
}

.vs-facts strong[b-sxdmzy19y7] { color: #1f3864; }

.vs-save[b-sxdmzy19y7] {
    justify-self: start;
    min-height: 42px;
    padding: 10px 15px;
    color: #ffffff;
    background: #ef6c1a;
    border: 0;
    border-radius: 9px;
    cursor: pointer;
    font: inherit;
    font-weight: 800;
}

.vs-save:hover:not(:disabled)[b-sxdmzy19y7] { background: #d95d10; }
.vs-save:disabled[b-sxdmzy19y7] { opacity: 0.6; cursor: not-allowed; }

.vs-message[b-sxdmzy19y7] {
    margin: 0;
    padding: 10px 12px;
    border-radius: 9px;
}

.vs-message.ok[b-sxdmzy19y7] { color: #1e6b3a; background: #e7f6ec; }
.vs-message.err[b-sxdmzy19y7] { color: #a12a20; background: #fdecea; }

@media (max-width: 900px) {
    .vs-grid[b-sxdmzy19y7] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 600px) {
    .vs-card[b-sxdmzy19y7] { padding: 16px; }
    .vs-heading[b-sxdmzy19y7] { display: grid; }
    .vs-status[b-sxdmzy19y7] { justify-self: start; }
    .vs-grid[b-sxdmzy19y7] { grid-template-columns: 1fr; }
    .vs-save[b-sxdmzy19y7] { width: 100%; }
}