/* /Components/Account/Denied.razor.rz.scp.css */
.title[b-wzbfryvlxf] { margin: 0 0 10px; font-size: 18px; font-weight: 600; }
.text[b-wzbfryvlxf] { margin: 0 0 18px; color: #5B6770; }
.back[b-wzbfryvlxf] { color: #3E5B47; font-weight: 600; }
/* /Components/Account/Login.razor.rz.scp.css */
.title[b-jmwpjh9gc1] {
    margin: 0 0 18px;
    font-size: 18px;
    font-weight: 600;
}

.alert[b-jmwpjh9gc1] {
    margin: 0 0 16px;
    padding: 10px 12px;
    border-left: 3px solid #B42318;
    background: #FDF1F0;
    color: #7A1A12;
    border-radius: 2px;
}

.form[b-jmwpjh9gc1] {
    display: grid;
    gap: 14px;
}

.field[b-jmwpjh9gc1] {
    display: grid;
    gap: 6px;
    font-weight: 600;
    font-size: 13px;
}

.field input[b-jmwpjh9gc1] {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    height: 40px;
    padding: 0 12px;
    border: 1px solid #C9CEC8;
    border-radius: 4px;
    font: inherit;
    font-weight: 400;
    font-size: 14px;
    color: inherit;
    background: #fff;
}

.field input:focus[b-jmwpjh9gc1] {
    outline: 2px solid rgba(62, 91, 71, .35);
    outline-offset: 0;
    border-color: #3E5B47;
}

.check[b-jmwpjh9gc1] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: #5B6770;
}

.check input[b-jmwpjh9gc1] {
    width: 16px;
    height: 16px;
    accent-color: #3E5B47;
}

.submit[b-jmwpjh9gc1] {
    height: 42px;
    margin-top: 4px;
    border: 0;
    border-radius: 4px;
    background: #3E5B47;
    color: #fff;
    font: inherit;
    font-weight: 600;
    cursor: pointer;
}

.submit:hover[b-jmwpjh9gc1] {
    background: #34503D;
}

.submit:focus-visible[b-jmwpjh9gc1] {
    outline: 2px solid #1F2A24;
    outline-offset: 2px;
}

.demo[b-jmwpjh9gc1] {
    margin-top: 22px;
    padding-top: 16px;
    border-top: 1px solid #E0E3DF;
    font-size: 13px;
}

.demo summary[b-jmwpjh9gc1] {
    cursor: pointer;
    font-weight: 600;
    color: #3E5B47;
}

.demo p[b-jmwpjh9gc1] {
    margin: 8px 0;
    color: #5B6770;
}

.demo table[b-jmwpjh9gc1] {
    width: 100%;
    border-collapse: collapse;
}

.demo td[b-jmwpjh9gc1] {
    padding: 5px 4px;
    border-top: 1px solid #EEF0ED;
    vertical-align: top;
}

.demo code[b-jmwpjh9gc1] {
    font-size: 12px;
    word-break: break-all;
}
/* /Components/Account/LoginLayout.razor.rz.scp.css */
/* The login page has no global reset, so padding and borders are kept inside the widths here. */
.auth[b-0fljpg9tvc], .auth-card[b-0fljpg9tvc] {
    box-sizing: border-box;
}

.auth[b-0fljpg9tvc] {
    min-height: 100vh;
    display: grid;
    place-content: center;
    /* One column no wider than the phone: the note under the card must not widen it past the screen. */
    grid-template-columns: minmax(0, 400px);
    gap: 16px;
    padding: 24px 16px;
    background: #F3F4F2;
    color: #1E2622;
    font: 14px/1.45 "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.auth-card[b-0fljpg9tvc] {
    width: 100%;
    padding: 32px 32px 28px;
    background: #fff;
    border: 1px solid #E0E3DF;
    border-top: 4px solid #3E5B47;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(20, 30, 24, .06);
}

.auth-brand[b-0fljpg9tvc] {
    display: grid;
    gap: 2px;
    margin-bottom: 24px;
}

.auth-mark[b-0fljpg9tvc] {
    font-weight: 700;
    font-size: 20px;
    letter-spacing: .08em;
    color: #1F2A24;
}

.auth-sub[b-0fljpg9tvc] {
    font-size: 13px;
    color: #5B6770;
}

.auth-foot[b-0fljpg9tvc] {
    max-width: 400px;
    margin: 0;
    font-size: 12px;
    color: #5B6770;
    text-align: center;
}

@media (max-width: 420px) {
    .auth-card[b-0fljpg9tvc] {
        padding: 24px 20px 20px;
    }
}
/* /Components/Layout/AdminLayout.razor.rz.scp.css */
[b-v0oqjga68m] .topbar {
    border-bottom: 1px solid #141C17;
}

.brand[b-v0oqjga68m] {
    display: flex;
    align-items: baseline;
    gap: 12px;
    margin-left: 8px;
    color: inherit;
    text-decoration: none;
    white-space: nowrap;
}

.brand-mark[b-v0oqjga68m] {
    font-weight: 700;
    font-size: 16px;
    letter-spacing: .1em;
}

.brand-sub[b-v0oqjga68m] {
    padding-left: 12px;
    border-left: 1px solid rgba(244, 248, 235, .25);
    font-size: 13px;
    opacity: .75;
}

.user[b-v0oqjga68m] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.user-text[b-v0oqjga68m] {
    text-align: right;
    line-height: 1.2;
}

.user-name[b-v0oqjga68m] {
    font-weight: 600;
    font-size: 13px;
}

.user-role[b-v0oqjga68m] {
    font-size: 12px;
    opacity: .7;
}

[b-v0oqjga68m] .user-avatar {
    background: #3E5B47;
    color: #F4F8EB;
    font-size: 12px;
    font-weight: 600;
}

.logout[b-v0oqjga68m] {
    margin: 0;
}

[b-v0oqjga68m] .sidebar {
    border-right: 1px solid #E0E3DF;
}

.page[b-v0oqjga68m] {
    padding: 20px 28px 48px;
    max-width: 1680px;
}

@media (max-width: 700px) {
    .brand-sub[b-v0oqjga68m],
    .user-text[b-v0oqjga68m] {
        display: none;
    }

    .page[b-v0oqjga68m] {
        padding: 16px 12px 40px;
    }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
[b-wbvoq31sxf] .nav {
    padding: 8px 0 24px;
}

.nav-section[b-wbvoq31sxf] {
    padding: 16px 20px 6px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #8A948D;
}

.nav-label[b-wbvoq31sxf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
}

.nav-count[b-wbvoq31sxf] {
    min-width: 20px;
    padding: 0 6px;
    border-radius: 10px;
    background: #3E5B47;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    line-height: 18px;
    text-align: center;
}

.nav-count--alert[b-wbvoq31sxf] {
    background: #B42318;
}
/* /Components/Logistics/FactoryAccess.razor.rz.scp.css */
.accounts[b-ybwpmt2unx] { width: 100%; border-collapse: collapse; font-size: 14px; margin-bottom: 10px; }
.accounts th[b-ybwpmt2unx], .accounts td[b-ybwpmt2unx] { padding: 4px 6px; border-bottom: 1px solid var(--mud-palette-lines-default); text-align: left; }
.accounts tr.off td[b-ybwpmt2unx] { color: var(--mud-palette-text-secondary); }
.tools[b-ybwpmt2unx] { text-align: right; white-space: nowrap; }
.new[b-ybwpmt2unx] { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.new[b-ybwpmt2unx]  .mud-input-control { max-width: 260px; }
.password[b-ybwpmt2unx] { font: 600 15px ui-monospace, Consolas, monospace; padding: 2px 6px; background: var(--mud-palette-background-gray, #F1F4EF); border-radius: 4px; }
/* /Components/Logistics/OrderRolls.razor.rz.scp.css */
.rolls-scan[b-ddtqxp9i6x] { padding: 10px 16px 0; }
.rline[b-ddtqxp9i6x] { padding: 10px 16px; border-bottom: 1px solid var(--mud-palette-lines-default); }
.rline:last-child[b-ddtqxp9i6x] { border-bottom: 0; }
.rline-head[b-ddtqxp9i6x] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 14px; }
.rline-count[b-ddtqxp9i6x] { margin-left: auto; font-weight: 600; color: var(--mud-palette-text-secondary); }
.rline-count.ok[b-ddtqxp9i6x] { color: var(--mud-palette-success); }
.sw[b-ddtqxp9i6x] { width: 16px; height: 16px; border-radius: 4px; border: 1px solid var(--mud-palette-lines-default); display: inline-block; }
.warn[b-ddtqxp9i6x] { margin: 6px 0 0; color: var(--mud-palette-warning-darken); font-size: 13px; }
.rtable[b-ddtqxp9i6x] { width: 100%; margin-top: 8px; border-collapse: collapse; font-size: 13px; }
.rtable th[b-ddtqxp9i6x], .rtable td[b-ddtqxp9i6x] { padding: 4px 8px; border-bottom: 1px solid var(--mud-palette-lines-default); text-align: left; }
.rtable th[b-ddtqxp9i6x] { color: var(--mud-palette-text-secondary); font-weight: 500; }
.rtable .num[b-ddtqxp9i6x] { text-align: right; font-variant-numeric: tabular-nums; }
.rtable tr.flag td[b-ddtqxp9i6x] { color: var(--mud-palette-warning-darken); }
.chooser .rtable tbody tr[b-ddtqxp9i6x] { cursor: pointer; }
.chooser .rtable tr.on td[b-ddtqxp9i6x] { background: rgba(33, 150, 243, .08); }
.chooser[b-ddtqxp9i6x] { margin-top: 8px; padding: 8px; border: 1px dashed var(--mud-palette-primary); border-radius: 8px; }
.chooser-actions[b-ddtqxp9i6x] { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 8px; }
.mono[b-ddtqxp9i6x] { font-family: ui-monospace, Consolas, monospace; }
.x[b-ddtqxp9i6x] { border: 0; background: none; cursor: pointer; color: var(--mud-palette-text-secondary); font-size: 14px; }
.panel-note[b-ddtqxp9i6x] { margin: 0; color: var(--mud-palette-text-secondary); font-size: 13px; }
.rline > .panel-note[b-ddtqxp9i6x], .chooser > .panel-note[b-ddtqxp9i6x] { padding: 4px 0; }
/* /Components/Logistics/PackageScanner.razor.rz.scp.css */
.package[b-wp2so3uqh7] { display: flex; flex-direction: column; gap: 12px; }
.package-head[b-wp2so3uqh7] { display: flex; flex-wrap: wrap; gap: 20px; align-items: center; }
.package-code[b-wp2so3uqh7] { display: flex; flex-direction: column; align-items: center; gap: 2px; font-family: ui-monospace, Consolas, monospace; }
.package-code .bars[b-wp2so3uqh7] { width: 200px; height: 50px; }
.package-code .bars[b-wp2so3uqh7]  svg { width: 100%; height: 100%; }
.package-facts[b-wp2so3uqh7] { display: flex; flex-direction: column; gap: 3px; }
.last[b-wp2so3uqh7] { margin: 0; font-weight: 600; }
.last.ok[b-wp2so3uqh7] { color: var(--mud-palette-success); }
.last.bad[b-wp2so3uqh7] { color: var(--mud-palette-error); }
.actions[b-wp2so3uqh7] { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
/* /Components/Logistics/ProducedRollsEntry.razor.rz.scp.css */
.entry[b-5xcek9g2o4] { display: flex; flex-direction: column; gap: 10px; }
.entry-head[b-5xcek9g2o4] { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.entry-head[b-5xcek9g2o4]  .mud-input-control { max-width: 190px; }
.weights[b-5xcek9g2o4] { border-collapse: collapse; font-size: 14px; }
.weights th[b-5xcek9g2o4], .weights td[b-5xcek9g2o4] { padding: 3px 8px; border-bottom: 1px solid var(--mud-palette-lines-default); text-align: left; }
.weights input[b-5xcek9g2o4] { width: 100px; padding: 4px 6px; border: 1px solid var(--mud-palette-lines-default); border-radius: 4px; font: inherit; background: var(--mud-palette-surface); color: inherit; }
.weights tr.bad td[b-5xcek9g2o4] { background: rgba(214, 69, 65, .08); color: var(--mud-palette-error); }
.weights .x[b-5xcek9g2o4] { border: 0; background: none; cursor: pointer; color: var(--mud-palette-text-secondary); }
.note[b-5xcek9g2o4] { margin: 0; font-size: 12px; color: var(--mud-palette-text-secondary); }
/* /Components/Logistics/ScaleReader.razor.rz.scp.css */
.scale[b-2sgaty97ug] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 10px 14px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 10px;
    background: var(--mud-palette-surface);
}

.scale.on[b-2sgaty97ug] { border-color: var(--mud-palette-primary); }

.scale-row[b-2sgaty97ug] { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; }

.scale-value[b-2sgaty97ug] {
    min-width: 190px;
    font: 700 40px/1 ui-monospace, Consolas, monospace;
    color: var(--mud-palette-text-secondary);
    font-variant-numeric: tabular-nums;
}

.scale-value.stable[b-2sgaty97ug] { color: var(--mud-palette-text-primary); }
.scale-value .unit[b-2sgaty97ug] { margin-left: 6px; font-size: 18px; font-weight: 600; }
.scale-value .none[b-2sgaty97ug] { font-weight: 500; font-size: 16px; line-height: 1.4; font-family: var(--mud-typography-default-family); }

.scale-status[b-2sgaty97ug] { display: flex; align-items: center; gap: 6px; font-size: 14px; }
.scale-status small[b-2sgaty97ug] { color: var(--mud-palette-text-secondary); margin-left: 6px; }

.dot[b-2sgaty97ug] { width: 10px; height: 10px; border-radius: 50%; display: inline-block; }
.dot.ok[b-2sgaty97ug] { background: var(--mud-palette-success); }
.dot.wait[b-2sgaty97ug] { background: var(--mud-palette-warning); animation: blink-b-2sgaty97ug 1s infinite; }

@keyframes blink-b-2sgaty97ug { 50% { opacity: .35; } }

.scale-actions[b-2sgaty97ug] { display: flex; gap: 8px; margin-left: auto; }

.scale-btn[b-2sgaty97ug] {
    padding: 6px 12px;
    border: 1px solid var(--mud-palette-primary);
    border-radius: 6px;
    background: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
    font-weight: 500; font-size: 14px; line-height: 1.3; font-family: inherit;
    cursor: pointer;
}

.scale-btn.quiet[b-2sgaty97ug] { background: none; color: var(--mud-palette-primary); }
.scale-btn[hidden][b-2sgaty97ug] { display: none; }

.scale-error[b-2sgaty97ug] { margin: 0; color: var(--mud-palette-error); font-size: 14px; }

.scale-setup[b-2sgaty97ug] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
    gap: 10px 14px;
    padding-top: 8px;
    border-top: 1px dashed var(--mud-palette-lines-default);
    font-size: 13px;
}

.scale-setup label[b-2sgaty97ug] { display: flex; flex-direction: column; gap: 3px; color: var(--mud-palette-text-secondary); }
.scale-setup label.check[b-2sgaty97ug] { flex-direction: row; align-items: center; gap: 6px; }

.scale-setup select[b-2sgaty97ug], .scale-setup input[type=text][b-2sgaty97ug], .scale-setup input[type=number][b-2sgaty97ug] {
    padding: 5px 7px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 4px;
    background: var(--mud-palette-surface);
    color: var(--mud-palette-text-primary);
    font: inherit;
}

.scale-raw[b-2sgaty97ug], .scale-help[b-2sgaty97ug] { grid-column: 1 / -1; margin: 0; }
.scale-raw code[b-2sgaty97ug] { font-size: 13px; padding: 1px 5px; background: var(--mud-palette-background-gray); border-radius: 3px; }
.scale-help[b-2sgaty97ug] { color: var(--mud-palette-text-secondary); }

@media (max-width: 600px) {
    .scale-value[b-2sgaty97ug] { font-size: 32px; min-width: 0; }
    .scale-actions[b-2sgaty97ug] { margin-left: 0; }
}
.scale.compact[b-2sgaty97ug] { padding: 8px 12px; border-radius: 14px; }
.scale.compact .scale-row[b-2sgaty97ug] { gap: 8px 12px; }
.dot.off[b-2sgaty97ug] { background: var(--mud-palette-text-disabled, #9aa39c); }
/* /Components/Logistics/WeighStation.razor.rz.scp.css */
.station[b-183rhj18t2] { display: flex; flex-direction: column; gap: 12px; outline: none; }

.station-inputs[b-183rhj18t2] { display: flex; flex-wrap: wrap; gap: 10px 16px; align-items: flex-end; }
.station-inputs label[b-183rhj18t2], .colour-body label[b-183rhj18t2] { display: flex; flex-direction: column; gap: 3px; font-size: 13px; color: var(--mud-palette-text-secondary); }
.station-inputs label.check[b-183rhj18t2] { flex-direction: row; align-items: center; gap: 6px; }

.station input[type=text][b-183rhj18t2], .station input[type=number][b-183rhj18t2] {
    padding: 7px 9px;
    min-width: 140px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 6px;
    background: var(--mud-palette-surface);
    color: var(--mud-palette-text-primary);
    font-size: 15px; line-height: 1.3; font-family: inherit;
}

.station-norm[b-183rhj18t2] { display: flex; flex-wrap: wrap; gap: 4px 14px; margin: 0; font-size: 14px; }

.station-state[b-183rhj18t2] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 16px 18px;
    border-radius: 10px;
    border: 2px solid var(--mud-palette-lines-default);
    font-size: 15px;
}

.station-state b[b-183rhj18t2] { font-size: 22px; }
.station-state.idle[b-183rhj18t2] { color: var(--mud-palette-text-secondary); }
.station-state.ok[b-183rhj18t2] { border-color: var(--mud-palette-success); background: rgba(56, 142, 60, .08); }
.station-state.ok b[b-183rhj18t2] { color: var(--mud-palette-success); }
.station-state.bad[b-183rhj18t2] { border-color: var(--mud-palette-error); background: rgba(214, 69, 65, .08); }
.station-state.bad b[b-183rhj18t2] { color: var(--mud-palette-error); }
.station-state.done[b-183rhj18t2] { border-color: var(--mud-palette-info); background: rgba(33, 150, 243, .07); }

.station-colour[b-183rhj18t2] { border: 1px solid var(--mud-palette-lines-default); border-radius: 8px; padding: 8px 12px; }
.station-colour summary[b-183rhj18t2] { cursor: pointer; font-weight: 600; }
.colour-body[b-183rhj18t2] { display: flex; flex-direction: column; gap: 10px; padding-top: 10px; }

.swatches[b-183rhj18t2] { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; }
.swatches > div[b-183rhj18t2] { display: flex; align-items: center; gap: 8px; }
.swatches small[b-183rhj18t2] { font-size: 12px; color: var(--mud-palette-text-secondary); line-height: 1.3; }
.swatch[b-183rhj18t2] { width: 44px; height: 44px; border-radius: 8px; border: 1px solid var(--mud-palette-lines-default); display: inline-block; }
.swatch.empty[b-183rhj18t2] { background: repeating-linear-gradient(45deg, transparent 0 6px, var(--mud-palette-lines-default) 6px 7px); }
.delta[b-183rhj18t2] { flex-direction: column; align-items: flex-start !important; gap: 0 !important; }
.delta.ok b[b-183rhj18t2] { color: var(--mud-palette-success); }
.delta.bad b[b-183rhj18t2] { color: var(--mud-palette-error); }

.visual[b-183rhj18t2] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 14px; }
.visual button[b-183rhj18t2] {
    padding: 6px 12px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 6px;
    background: var(--mud-palette-surface);
    color: inherit;
    font: inherit;
    cursor: pointer;
}
.visual button.on.ok[b-183rhj18t2] { border-color: var(--mud-palette-success); background: rgba(56, 142, 60, .12); }
.visual button.on.bad[b-183rhj18t2] { border-color: var(--mud-palette-error); background: rgba(214, 69, 65, .12); }

.decision[b-183rhj18t2] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 14px 16px;
    border: 2px solid var(--mud-palette-error);
    border-radius: 10px;
    background: rgba(214, 69, 65, .06);
}
.decision b[b-183rhj18t2] { color: var(--mud-palette-error); font-size: 18px; }
.decision-row[b-183rhj18t2], .station-go[b-183rhj18t2] { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }

.bad[b-183rhj18t2] { color: var(--mud-palette-error); }
.muted[b-183rhj18t2] { color: var(--mud-palette-text-secondary); font-size: 13px; margin: 0; }
.colour-mode[b-183rhj18t2] { display: inline-flex; flex-wrap: wrap; border: 1px solid var(--mud-palette-lines-default); border-radius: 8px; overflow: hidden; align-self: flex-start; }
.colour-mode button[b-183rhj18t2] { padding: 6px 12px; border: 0; background: var(--mud-palette-surface); color: inherit; font: inherit; cursor: pointer; }
.colour-mode button.on[b-183rhj18t2] { background: var(--mud-palette-primary); color: var(--mud-palette-primary-text); }
.picker span[b-183rhj18t2] { display: flex; align-items: center; gap: 10px; }
.picker input[type=color][b-183rhj18t2] { width: 64px; height: 40px; padding: 0; border: 1px solid var(--mud-palette-lines-default); border-radius: 6px; background: none; cursor: pointer; }
/* /Components/Pages/Admin/Audit/AuditLog.razor.rz.scp.css */
[b-uenqizu4vy] .filter-id {
    max-width: 170px;
}

[b-uenqizu4vy] .filter-search {
    flex: 1 1 260px;
    max-width: 380px;
}

[b-uenqizu4vy] .filter-period {
    min-width: 230px;
}

[b-uenqizu4vy] .filter-switch,
[b-uenqizu4vy] .filter-reset {
    align-self: center;
}

[b-uenqizu4vy] .row-toggle {
    cursor: pointer;
}

[b-uenqizu4vy] .row-open > td {
    background: #F6F5F1;
}

.cell-main[b-uenqizu4vy],
.cell-link[b-uenqizu4vy] {
    font-weight: 600;
}

.cell-main[b-uenqizu4vy] {
    color: #1E2622;
}

.cell-link[b-uenqizu4vy] {
    text-decoration: none;
}

.cell-link:hover[b-uenqizu4vy] {
    text-decoration: underline;
}

.cell-sub[b-uenqizu4vy] {
    font-size: 12px;
    color: #5B6770;
}

.object[b-uenqizu4vy] {
    min-width: 180px;
    max-width: 280px;
}

.object-line[b-uenqizu4vy] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2px 8px;
}

.object-title[b-uenqizu4vy] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.focus[b-uenqizu4vy] {
    margin: -6px 0;
    opacity: 0.55;
}

.focus:hover[b-uenqizu4vy],
.focus:focus-within[b-uenqizu4vy] {
    opacity: 1;
}

.summary[b-uenqizu4vy] {
    min-width: 200px;
    max-width: 440px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #4A555D;
}

[b-uenqizu4vy] .toggle {
    width: 36px;
    color: #5B6770;
}

.detail[b-uenqizu4vy] {
    padding: 4px 16px 14px 16px;
    background: #F6F5F1;
    border-bottom: 1px solid #E7E9E6;
}

.changes[b-uenqizu4vy] {
    width: 100%;
    max-width: 980px;
    border-collapse: collapse;
    font-size: 13px;
}

.changes th[b-uenqizu4vy] {
    padding: 6px 10px;
    text-align: left;
    font-weight: 600;
    color: #5B6770;
    border-bottom: 1px solid #DADDD8;
}

.changes td[b-uenqizu4vy] {
    padding: 6px 10px;
    vertical-align: top;
    border-bottom: 1px solid #E7E9E6;
}

.changes tr:last-child td[b-uenqizu4vy] {
    border-bottom: 0;
}

.field[b-uenqizu4vy] {
    width: 220px;
    color: #1E2622;
    font-weight: 500;
}

.value[b-uenqizu4vy] {
    white-space: pre-line;
    overflow-wrap: anywhere;
    color: #1E2622;
}

.value.was[b-uenqizu4vy] {
    color: #7A4A45;
}

.value.now[b-uenqizu4vy] {
    color: #22613C;
}

.pager[b-uenqizu4vy] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px 16px;
    padding: 10px 16px;
    border-top: 1px solid #E7E9E6;
}

@media (max-width: 600px) {
    [b-uenqizu4vy] .filter-id,
    [b-uenqizu4vy] .filter-search,
    [b-uenqizu4vy] .filter-period {
        flex: 1 1 100%;
        max-width: none;
    }

    .field[b-uenqizu4vy] {
        width: auto;
    }
}
/* /Components/Pages/Admin/Catalog/CatalogList.razor.rz.scp.css */
.publish-bar[b-lc9gppsrci] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 10px;
    margin-bottom: 16px;
    padding: 10px 14px;
    border: 1px solid #E0E3DF;
    border-left: 3px solid #3E5B47;
    border-radius: 4px;
    background: #fff;
    color: #26312A;
}

.publish-bar--pending[b-lc9gppsrci] {
    border-left-color: #B7791F;
    background: #FFFDF8;
}

[b-lc9gppsrci] .publish-icon {
    color: #3E5B47;
}

.publish-bar--pending[b-lc9gppsrci]  .publish-icon {
    color: #8A5A12;
}

.publish-note[b-lc9gppsrci] {
    color: #5B6770;
}

[b-lc9gppsrci] .filter-search {
    flex: 1 1 260px;
    max-width: 360px;
}

[b-lc9gppsrci] .filter-tags {
    flex: 1 1 200px;
    max-width: 280px;
}

[b-lc9gppsrci] .filter-check,
[b-lc9gppsrci] .filter-reset {
    align-self: center;
    min-width: 0;
}

.selection-bar[b-lc9gppsrci] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 12px;
    padding: 8px 16px;
    border-bottom: 1px solid #E7E9E6;
    background: #F4F7F3;
}

.selection[b-lc9gppsrci] {
    font-size: 13px;
    font-weight: 600;
    color: #26312A;
    white-space: nowrap;
}

/* The table is a MudBlazor component; its cells are reached through this page's own wrapper. */
.catalog-wrap[b-lc9gppsrci]  .col-check {
    width: 40px;
    padding-left: 8px;
    padding-right: 0;
}

.catalog-wrap[b-lc9gppsrci]  .col-tone {
    width: 30px;
    padding-left: 4px;
    padding-right: 0;
}

.check-cell[b-lc9gppsrci] {
    display: inline-flex;
    align-items: center;
    margin: -4px 0;
    cursor: default;
}

/* Name and «Новинка» stay on one line: the column widens (the table scrolls on a phone) rather than stacking three lines. */
.name-line[b-lc9gppsrci] {
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}

.product-name[b-lc9gppsrci] {
    font-weight: 600;
    color: #1E2622;
    text-decoration: none;
}

.product-name:hover[b-lc9gppsrci] {
    color: #3E5B47;
    text-decoration: underline;
}

.cell-sub[b-lc9gppsrci] {
    font-size: 12px;
    color: #5B6770;
}

.tag-chips[b-lc9gppsrci] {
    display: flex;
    flex-wrap: wrap;
    gap: 2px 4px;
    margin-top: 2px;
}

.tag-chip[b-lc9gppsrci] {
    padding: 0 6px;
    border: 1px solid #D6DCD4;
    border-radius: 999px;
    background: #F2F5F0;
    color: #3E5B47;
    font-size: 11px;
    line-height: 17px;
    white-space: nowrap;
}

.tag-chip--hidden[b-lc9gppsrci] {
    border-style: dashed;
    background: transparent;
    color: #5B6770;
}

.cell-chip[b-lc9gppsrci] {
    margin-top: 2px;
}

.pub-cell[b-lc9gppsrci] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    white-space: nowrap;
    cursor: default;
}

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

/* Narrow screens scroll the table sideways inside its panel instead of squeezing the columns. */
.catalog-wrap[b-lc9gppsrci]  table {
    min-width: 900px;
}

.list-thumb[b-lc9gppsrci] {
    display: block;
    width: 36px;
    height: 36px;
    border: 1px solid rgba(0, 0, 0, .12);
    border-radius: 4px;
    overflow: hidden;
}

.list-thumb img[b-lc9gppsrci] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.variant-chips[b-lc9gppsrci] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 8px;
    max-width: 260px;
}

.variant-chip[b-lc9gppsrci] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.variant-chip--hidden[b-lc9gppsrci] {
    opacity: .45;
}

.variant-swatch[b-lc9gppsrci] {
    width: 12px;
    height: 12px;
    border: 1px solid rgba(0, 0, 0, .18);
    border-radius: 2px;
}

.variant-free[b-lc9gppsrci] {
    color: #3F4A51;
}

.variant-free--out[b-lc9gppsrci] {
    color: #9A1D14;
}

@media (max-width: 600px) {
    [b-lc9gppsrci] .filter-search {
        flex: 1 1 100%;
        max-width: none;
    }
}
/* /Components/Pages/Admin/Catalog/ColourList.razor.rz.scp.css */
.dictionary-wrap[b-tmo9anxs29]  .mud-table-cell {
    vertical-align: middle;
}

.code[b-tmo9anxs29] {
    font-family: "Roboto Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-weight: 500;
    letter-spacing: .06em;
}

.colour-name[b-tmo9anxs29] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.swatch[b-tmo9anxs29] {
    flex: none;
    width: 18px;
    height: 18px;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 3px;
}

.row-tools[b-tmo9anxs29] {
    display: flex;
    justify-content: flex-end;
    white-space: nowrap;
}

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

/* The row of links between the catalogue's dictionaries, on every one of their pages. */
.dict-nav[b-tmo9anxs29] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 16px;
}
/* /Components/Pages/Admin/Catalog/DictionaryEntryDialog.razor.rz.scp.css */
.entry[b-1bj5av9x2y] {
    display: grid;
    gap: 12px;
    min-width: min(460px, 100%);
}

.entry-fields[b-1bj5av9x2y] {
    display: grid;
    grid-template-columns: 140px minmax(0, 1fr);
    gap: 4px 12px;
    align-items: start;
}

.entry-hex[b-1bj5av9x2y] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.hex-pick[b-1bj5av9x2y] {
    flex: none;
    width: 40px;
    height: 40px;
    margin-top: 6px;
    padding: 2px;
    border: 1px solid #C9CEC8;
    border-radius: 4px;
    background: #fff;
    cursor: pointer;
}

.hex-pick:focus-visible[b-1bj5av9x2y] {
    outline: 2px solid #3E5B47;
    outline-offset: 1px;
}

.entry-fields[b-1bj5av9x2y]  .entry-code input {
    font-family: "Roboto Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    letter-spacing: .06em;
}

.entry-note[b-1bj5av9x2y] {
    margin: 0;
    font-size: 12px;
}

@media (max-width: 600px) {
    .entry-fields[b-1bj5av9x2y] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/Admin/Catalog/DictionaryList.razor.rz.scp.css */
.dictionary-wrap[b-deh4su6oae]  .mud-table-cell {
    vertical-align: middle;
}

.code[b-deh4su6oae] {
    font-family: "Roboto Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-weight: 500;
    letter-spacing: .06em;
}

.colour-name[b-deh4su6oae] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.swatch[b-deh4su6oae] {
    flex: none;
    width: 18px;
    height: 18px;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 3px;
}

.row-tools[b-deh4su6oae] {
    display: flex;
    justify-content: flex-end;
    white-space: nowrap;
}

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

/* The row of links between the catalogue's dictionaries, on every one of their pages. */
.dict-nav[b-deh4su6oae] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 16px;
}
/* /Components/Pages/Admin/Catalog/PriceChangeDialog.razor.rz.scp.css */
.pc[b-yw4ji22zyw] {
    display: grid;
    gap: 16px;
}

.pc-step[b-yw4ji22zyw] {
    display: grid;
    gap: 6px;
}

.pc-rule[b-yw4ji22zyw] {
    grid-template-columns: repeat(auto-fit, minmax(170px, max-content));
    align-items: end;
    gap: 12px 20px;
}

.pc-label[b-yw4ji22zyw] {
    margin-bottom: 4px;
    font-size: 12px;
    font-weight: 600;
    color: #5B6770;
}

[b-yw4ji22zyw] .pc-toggle {
    width: max-content;
    max-width: 100%;
    flex-wrap: wrap;
}

[b-yw4ji22zyw] .pc-amount {
    min-width: 150px;
    max-width: 200px;
}

.pc-hint[b-yw4ji22zyw] {
    font-size: 13px;
    color: #5B6770;
}

.pc-error[b-yw4ji22zyw] {
    font-size: 12px;
    color: #9A1D14;
}

.pc-summary[b-yw4ji22zyw] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px 16px;
    padding: 10px 12px;
    border: 1px solid #E0E3DF;
    border-radius: 4px;
    background: #FAFBF9;
}

.pc-preview[b-yw4ji22zyw] {
    display: grid;
    gap: 8px;
}

.pc-preview-head[b-yw4ji22zyw] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;
}

[b-yw4ji22zyw] .pc-alert {
    margin: 0;
}

.pc-table[b-yw4ji22zyw] {
    max-height: 360px;
    overflow: auto;
    border: 1px solid #E7E9E6;
    border-radius: 4px;
}

.pc-table[b-yw4ji22zyw]  th {
    font-size: 12px;
    font-weight: 600;
    color: #5B6770;
    background: #FAFBF9;
    white-space: nowrap;
}

.pc-table[b-yw4ji22zyw]  .num {
    text-align: right;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.pc-name[b-yw4ji22zyw] {
    font-weight: 600;
    color: #1E2622;
}

.pc-sub[b-yw4ji22zyw] {
    font-size: 12px;
    color: #5B6770;
}

.pc-unit[b-yw4ji22zyw] {
    font-size: 11px;
    font-weight: 400;
    color: #5B6770;
    white-space: nowrap;
}

.pc-table[b-yw4ji22zyw]  tr.pc-same td {
    color: #8A949B;
}

.pc-table[b-yw4ji22zyw]  tr.pc-invalid td {
    color: #9A1D14;
    background: #FDF1F0;
}

@media (max-width: 600px) {
    .pc-rule[b-yw4ji22zyw] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/Admin/Catalog/ProductEditor.razor.rz.scp.css */
.editor[b-ko1e24fdn2] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    align-items: start;
    gap: 16px;
}

.editor-main[b-ko1e24fdn2],
.editor-side[b-ko1e24fdn2] {
    display: grid;
    gap: 16px;
    min-width: 0;
}

.fields[b-ko1e24fdn2] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px 16px;
}

.fields--3[b-ko1e24fdn2] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.fields[b-ko1e24fdn2]  .span-2 {
    grid-column: 1 / -1;
}

.switches[b-ko1e24fdn2] {
    display: flex;
    flex-wrap: wrap;
    gap: 0 24px;
    margin: 8px 0 4px;
}

.tags-field[b-ko1e24fdn2] {
    display: grid;
    align-content: start;
    gap: 4px;
}

.tags-picked[b-ko1e24fdn2] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    font-size: 12px;
}

.tags-link[b-ko1e24fdn2] {
    font-size: 12px;
}

.tone-field[b-ko1e24fdn2] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.tone-pick[b-ko1e24fdn2] {
    flex: none;
    width: 40px;
    height: 38px;
    margin-top: 6px;
    padding: 2px;
    border: 1px solid #C9CEC8;
    border-radius: 4px;
    background: #fff;
    cursor: pointer;
}

.tone-pick:focus-visible[b-ko1e24fdn2] {
    outline: 2px solid #3E5B47;
    outline-offset: 1px;
}

.tone-field[b-ko1e24fdn2]  .tone-text {
    flex: 1 1 auto;
    min-width: 0;
}

.photo-row[b-ko1e24fdn2] {
    display: grid;
    grid-template-columns: 200px minmax(0, 1fr);
    align-items: start;
    gap: 16px;
}

.photo-tools[b-ko1e24fdn2] {
    display: grid;
    gap: 6px;
    min-width: 0;
}

.photo-buttons[b-ko1e24fdn2] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

/* The picker is a hidden input plus the activator; it needs no field spacing of its own. */
.photo-buttons[b-ko1e24fdn2]  .photo-upload {
    margin: 0;
    width: auto;
}

.image-preview[b-ko1e24fdn2] {
    position: relative;
    display: grid;
    place-items: center;
    overflow: hidden;
    height: 150px;
    border: 1px solid #E0E3DF;
    border-radius: 4px;
}

.fields[b-ko1e24fdn2]  .fabric-code input {
    font-family: "Roboto Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    letter-spacing: .03em;
}

.image-preview img[b-ko1e24fdn2] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.image-caption[b-ko1e24fdn2] {
    padding: 2px 6px;
    border-radius: 2px;
    background: rgba(255, 255, 255, .88);
    font-size: 11px;
    color: #5B6770;
}

.stock-facts[b-ko1e24fdn2] {
    margin-bottom: 8px;
}

.stock-facts dd.num[b-ko1e24fdn2] {
    text-align: left;
}

.side-note[b-ko1e24fdn2] {
    margin: 0 0 8px;
    font-size: 12px;
    color: #5B6770;
}

.form-actions[b-ko1e24fdn2] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 16px;
}

@media (max-width: 1180px) {
    .editor[b-ko1e24fdn2] {
        grid-template-columns: minmax(0, 1fr);
    }

    .editor-side[b-ko1e24fdn2] {
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        align-items: start;
    }
}

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

@media (max-width: 600px) {
    .fields[b-ko1e24fdn2],
    .fields--3[b-ko1e24fdn2] {
        grid-template-columns: minmax(0, 1fr);
    }

    .photo-row[b-ko1e24fdn2] {
        grid-template-columns: minmax(0, 1fr);
    }

    .image-preview[b-ko1e24fdn2] {
        width: 200px;
    }
}

[b-ko1e24fdn2] .supplier-link {
    align-self: center;
    justify-self: start;
}

.gallery[b-ko1e24fdn2] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 12px;
    margin-bottom: 10px;
}

.gallery-item[b-ko1e24fdn2] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.gallery-thumb[b-ko1e24fdn2] {
    aspect-ratio: 4 / 3;
    border-radius: 6px;
    overflow: hidden;
    background: var(--mud-palette-background-gray, #F1F4EF);
}

.gallery-thumb img[b-ko1e24fdn2] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.gallery-tools[b-ko1e24fdn2] {
    display: flex;
    justify-content: flex-end;
}

.field-error[b-ko1e24fdn2] {
    color: var(--mud-palette-error);
    font-size: 12px;
    margin: 0 0 8px;
}

.seo-fields[b-ko1e24fdn2] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.seo-snippet[b-ko1e24fdn2] {
    border: 1px dashed var(--mud-palette-lines-default);
    border-radius: 8px;
    padding: 10px 14px;
    font-family: Arial, sans-serif;
    max-width: 600px;
}

.seo-url[b-ko1e24fdn2] {
    font-size: 12px;
    color: #4D5156;
}

.seo-title[b-ko1e24fdn2] {
    font-size: 18px;
    color: #1A0DAB;
    line-height: 1.3;
    margin: 2px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.seo-text[b-ko1e24fdn2] {
    font-size: 13px;
    color: #4D5156;
    line-height: 1.45;
}
/* /Components/Pages/Admin/Catalog/ProductSitePreview.razor.rz.scp.css */
.sp[b-2tusenu9wo] {
    overflow: hidden;
    border: 1px solid #E0E3DF;
    border-radius: 4px;
    background: #fff;
}

.sp--hidden .sp-image[b-2tusenu9wo],
.sp--hidden .sp-body[b-2tusenu9wo] {
    opacity: .6;
}

.sp-image[b-2tusenu9wo] {
    position: relative;
    aspect-ratio: 4 / 3;
    background-size: cover;
}

.sp-image img[b-2tusenu9wo] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sp-badges[b-2tusenu9wo] {
    position: absolute;
    top: 8px;
    left: 8px;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.sp-badge[b-2tusenu9wo] {
    padding: 2px 8px;
    border-radius: 2px;
    background: #3E5B47;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
}

.sp-badge--light[b-2tusenu9wo] {
    background: rgba(255, 255, 255, .92);
    color: #26312A;
}

.sp-body[b-2tusenu9wo] {
    display: grid;
    gap: 4px;
    padding: 12px 14px 14px;
}

.sp-name[b-2tusenu9wo] {
    font-size: 15px;
    font-weight: 600;
    color: #1E2622;
}

.sp-meta[b-2tusenu9wo] {
    font-size: 12px;
    color: #5B6770;
}

.sp-colors[b-2tusenu9wo] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    margin: 4px 0;
}

.sp-dot[b-2tusenu9wo] {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid rgba(30, 38, 34, .2);
}

.sp-more[b-2tusenu9wo] {
    font-size: 12px;
    color: #5B6770;
}

.sp-tags[b-2tusenu9wo] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin: 2px 0 4px;
}

.sp-tag[b-2tusenu9wo] {
    padding: 1px 8px;
    border: 1px solid #D6DCD4;
    border-radius: 999px;
    background: #F2F5F0;
    color: #3E5B47;
    font-size: 11px;
    line-height: 18px;
    white-space: nowrap;
}

.sp-price[b-2tusenu9wo] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 2px 8px;
    color: #1E2622;
}

.sp-price span[b-2tusenu9wo] {
    font-size: 12px;
    color: #5B6770;
}

.sp-note[b-2tusenu9wo] {
    padding: 8px 14px;
    border-top: 1px solid #E7E9E6;
    background: #FAFBF9;
    font-size: 12px;
    color: #5B6770;
}
/* /Components/Pages/Admin/Catalog/ProductTiers.razor.rz.scp.css */
.tiers[b-6b2di8rsfp] {
    display: grid;
    gap: 4px;
}

.tier[b-6b2di8rsfp] {
    display: grid;
    grid-template-columns: minmax(120px, 170px) minmax(140px, 200px) minmax(0, 1fr) 36px;
    align-items: center;
    gap: 0 12px;
}

[b-6b2di8rsfp] .tier-field {
    margin: 0;
}

.tiers-roll[b-6b2di8rsfp] {
    margin: 0 0 4px;
    font-size: 12px;
    color: #5B6770;
}

.tier-note[b-6b2di8rsfp] {
    display: flex;
    flex-wrap: wrap;
    gap: 0 10px;
    font-size: 12px;
    color: #5B6770;
}

.tier-rolls[b-6b2di8rsfp] {
    color: #2F3A34;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.tier-roll-price[b-6b2di8rsfp] {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.tiers-error[b-6b2di8rsfp] {
    font-size: 12px;
    color: #9A1D14;
}

.tiers-actions[b-6b2di8rsfp] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 8px;
    margin-top: 4px;
}

[b-6b2di8rsfp] .tiers-warning {
    margin-top: 4px;
}

@media (max-width: 600px) {
    .tier[b-6b2di8rsfp] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 36px;
        padding-bottom: 8px;
        border-bottom: 1px solid #EEF0ED;
    }

    .tier-note[b-6b2di8rsfp] {
        grid-column: 1 / -1;
        grid-row: 2;
    }
}
/* /Components/Pages/Admin/Catalog/ProductVariants.razor.rz.scp.css */
.variants-wrap[b-m1yus6brdr] {
    margin: 0 -16px;
    border-top: 1px solid #EEF0ED;
    border-bottom: 1px solid #EEF0ED;
}

.variants-wrap[b-m1yus6brdr]  .mud-table-cell {
    vertical-align: middle;
}

.variants-wrap[b-m1yus6brdr]  .col-pos {
    width: 32px;
    color: #8A949B;
}

.colour-cell[b-m1yus6brdr] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 140px;
}

.swatch[b-m1yus6brdr] {
    flex: none;
    width: 22px;
    height: 22px;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
}

.swatch--small[b-m1yus6brdr] {
    width: 14px;
    height: 14px;
    border-radius: 3px;
}

.menu-colour[b-m1yus6brdr] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.article-cell[b-m1yus6brdr] {
    display: flex;
    align-items: center;
    gap: 2px;
    white-space: nowrap;
}

.article[b-m1yus6brdr] {
    font-family: "Roboto Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 12.5px;
    letter-spacing: .02em;
}

.photo-cell[b-m1yus6brdr] {
    display: flex;
    align-items: center;
    gap: 2px;
}

.thumb[b-m1yus6brdr] {
    flex: none;
    display: block;
    width: 40px;
    height: 40px;
    margin-right: 4px;
    border: 1px solid rgba(0, 0, 0, .12);
    border-radius: 4px;
    overflow: hidden;
}

.thumb img[b-m1yus6brdr] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* The picker is a hidden input plus the activator; it needs no field spacing of its own. */
.photo-cell[b-m1yus6brdr]  .upload {
    margin: 0;
    width: auto;
}

.row-tools[b-m1yus6brdr] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    white-space: nowrap;
}

.cell-sub[b-m1yus6brdr] {
    display: block;
    font-size: 12px;
    color: #6B757C;
}

.cell-error[b-m1yus6brdr],
.variants-error[b-m1yus6brdr] {
    font-size: 12px;
    color: #9A1D14;
}

.variants-error[b-m1yus6brdr] {
    margin-top: 8px;
}

.variants-actions[b-m1yus6brdr] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 16px;
    margin-top: 12px;
}

.variants-note[b-m1yus6brdr] {
    font-size: 12px;
}

.sr-only[b-m1yus6brdr] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}
/* /Components/Pages/Admin/Catalog/PurposeEditDialog.razor.rz.scp.css */
.entry[b-4fhhxnqbk7] {
    display: grid;
    gap: 12px;
    min-width: min(460px, 100%);
}

.entry-fields[b-4fhhxnqbk7] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 140px;
    gap: 4px 12px;
    align-items: start;
}

/* The name reads on its own line; the site code and the order share the next one. */
.entry-fields > *:first-child[b-4fhhxnqbk7] {
    grid-column: 1 / -1;
}

.entry-fields[b-4fhhxnqbk7]  .entry-code input {
    font-family: "Roboto Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    letter-spacing: .06em;
}

.entry-note[b-4fhhxnqbk7] {
    margin: 0;
    font-size: 12px;
}

@media (max-width: 600px) {
    .entry-fields[b-4fhhxnqbk7] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/Admin/Catalog/PurposeList.razor.rz.scp.css */
.dictionary-wrap[b-57iz6w7nix]  .mud-table-cell {
    vertical-align: middle;
}

.code[b-57iz6w7nix] {
    font-family: "Roboto Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-weight: 500;
    letter-spacing: .06em;
}

.row-tools[b-57iz6w7nix] {
    display: flex;
    justify-content: flex-end;
    white-space: nowrap;
}

.sr-only[b-57iz6w7nix] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}
/* /Components/Pages/Admin/Catalog/TagEditDialog.razor.rz.scp.css */
.entry[b-pm3spujjo2] {
    display: grid;
    gap: 12px;
    min-width: min(460px, 100%);
}

.entry-fields[b-pm3spujjo2] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 140px;
    gap: 4px 12px;
    align-items: start;
}

/* The name reads on its own line; the site code and the order share the next one. */
.entry-fields > *:first-child[b-pm3spujjo2] {
    grid-column: 1 / -1;
}

.entry-fields[b-pm3spujjo2]  .entry-code input {
    font-family: "Roboto Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    letter-spacing: .06em;
}

.entry-note[b-pm3spujjo2] {
    margin: 0;
    font-size: 12px;
}

@media (max-width: 600px) {
    .entry-fields[b-pm3spujjo2] {
        grid-template-columns: minmax(0, 1fr);
    }
}

.entry-look[b-pm3spujjo2] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    align-items: start;
}

.colour-field[b-pm3spujjo2] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.colour-field input[type=color][b-pm3spujjo2] {
    flex: none;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 6px;
    background: none;
    cursor: pointer;
}

@media (max-width: 600px) {
    .entry-look[b-pm3spujjo2] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Admin/Catalog/TagList.razor.rz.scp.css */
.dictionary-wrap[b-reb8scedbv]  .mud-table-cell {
    vertical-align: middle;
}

.code[b-reb8scedbv] {
    font-family: "Roboto Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-weight: 500;
    letter-spacing: .06em;
}

.row-tools[b-reb8scedbv] {
    display: flex;
    justify-content: flex-end;
    white-space: nowrap;
}

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

.tag-look[b-reb8scedbv] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.tag-dot[b-reb8scedbv] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--mud-palette-lines-default);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .12);
}

.tag-icon[b-reb8scedbv], .tag-desc[b-reb8scedbv] {
    font-size: 12px;
}
/* /Components/Pages/Admin/Catalog/ToneSwatch.razor.rz.scp.css */
.tone[b-zb3axrgxsr] {
    display: inline-block;
    flex: none;
    width: 18px;
    height: 18px;
    border-radius: 3px;
    border: 1px solid rgba(30, 38, 34, .25);
    vertical-align: middle;
}

.tone--large[b-zb3axrgxsr] {
    width: 32px;
    height: 32px;
}
/* /Components/Pages/Admin/Catalog/VariantReceiptDialog.razor.rz.scp.css */
.receipt[b-8qabearebz] {
    display: grid;
    gap: 12px;
    min-width: min(420px, 100%);
}

.receipt-head[b-8qabearebz] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.receipt-swatch[b-8qabearebz] {
    flex: none;
    width: 28px;
    height: 28px;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
}
/* /Components/Pages/Admin/Clients/ClientContactDialog.razor.rz.scp.css */
.dialog-form[b-e80a3p7rda] {
    display: grid;
    gap: 4px;
}

.hint[b-e80a3p7rda] {
    font-size: 12px;
}
/* /Components/Pages/Admin/Clients/ClientContactsPanel.razor.rz.scp.css */
.contacts[b-8iss3vaptf] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.contact[b-8iss3vaptf] {
    display: grid;
    gap: 2px;
    padding: 10px 16px;
    border-bottom: 1px solid #E7E9E6;
    overflow-wrap: anywhere;
}

.contact:last-child[b-8iss3vaptf] {
    border-bottom: 0;
}

.contact-head[b-8iss3vaptf] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    min-height: 30px;
}

.contact-name[b-8iss3vaptf] {
    font-weight: 600;
}

.contact-actions[b-8iss3vaptf] {
    display: inline-flex;
    margin-left: auto;
}
/* /Components/Pages/Admin/Clients/ClientDetail.razor.rz.scp.css */
/* Tabs of the client's story on the left, the company's facts and people on the right. */
.layout[b-u56g6g4u93] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 380px);
    gap: 16px;
    align-items: start;
}

.layout-main[b-u56g6g4u93],
.layout-side[b-u56g6g4u93] {
    display: grid;
    gap: 16px;
    min-width: 0;
}

.layout-main[b-u56g6g4u93]  .tabs-paper {
    overflow: hidden;
}

.layout-main[b-u56g6g4u93]  .mud-tabs-tabbar {
    border-bottom: 1px solid #E7E9E6;
}

.layout-main[b-u56g6g4u93]  .tab-panel {
    padding: 16px;
}

.lost-body[b-u56g6g4u93] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px 24px;
}

.lost-title[b-u56g6g4u93] {
    font-weight: 600;
}

/* Narrow screens: the people to call first, the history after. */
@media (max-width: 1100px) {
    .layout[b-u56g6g4u93] {
        grid-template-columns: minmax(0, 1fr);
    }

    .layout-side[b-u56g6g4u93] {
        order: -1;
    }
}

@media (max-width: 600px) {
    .layout-main[b-u56g6g4u93]  .tab-panel {
        padding: 12px;
    }
}
/* /Components/Pages/Admin/Clients/ClientFactsPanel.razor.rz.scp.css */
.edit[b-sjsjsxsbhv] {
    display: grid;
    gap: 4px;
}

.edit-actions[b-sjsjsxsbhv] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px;
}

.notes[b-sjsjsxsbhv] {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}
/* /Components/Pages/Admin/Clients/ClientList.razor.rz.scp.css */
/* Tabs are plain links, so each list has its own address and survives a reload. */
.tabs[b-y0mrd3muug] {
    display: flex;
    gap: 4px;
    margin-bottom: 16px;
    border-bottom: 1px solid #E0E3DF;
    overflow-x: auto;
    scrollbar-width: thin;
}

.tab[b-y0mrd3muug] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
    color: #5B6770;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}

.tab:hover[b-y0mrd3muug] {
    color: #1E2622;
}

.tab--active[b-y0mrd3muug] {
    color: #3E5B47;
    border-bottom-color: #3E5B47;
}

.tab-count[b-y0mrd3muug] {
    min-width: 20px;
    padding: 1px 6px;
    border-radius: 10px;
    background: #EEF1ED;
    color: #4A555D;
    font-size: 12px;
    font-variant-numeric: tabular-nums;
    text-align: center;
}

.tab--active .tab-count[b-y0mrd3muug] {
    background: #EEF3EF;
    color: #3E5B47;
}

[b-y0mrd3muug] .filter-search {
    flex: 1 1 280px;
    max-width: 420px;
}

.company[b-y0mrd3muug] {
    font-weight: 600;
    color: #1E2622;
    text-decoration: none;
}

.company:hover[b-y0mrd3muug] {
    color: #3E5B47;
    text-decoration: underline;
}

.small[b-y0mrd3muug] {
    font-size: 12px;
}

/* Ten columns: a little tighter than the panel default so they fit a laptop screen. */
.table-wrap[b-y0mrd3muug]  table {
    min-width: 960px;
}

.table-wrap[b-y0mrd3muug]  .mud-table-dense .mud-table-cell {
    padding: 6px 10px;
}

.table-loading[b-y0mrd3muug] {
    padding: 16px;
}

@media (max-width: 600px) {
    [b-y0mrd3muug] .filter-search {
        max-width: none;
    }
}
/* /Components/Pages/Admin/Clients/ClientLostDialog.razor.rz.scp.css */
.dialog-form[b-68s5i120gq] {
    display: grid;
    gap: 4px;
}

.lead[b-68s5i120gq] {
    margin: 0 0 8px;
}
/* /Components/Pages/Admin/Clients/ClientNew.razor.rz.scp.css */
.form-grid[b-e5lns7gtg4] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 16px;
    align-items: start;
}

.form-actions[b-e5lns7gtg4] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 16px;
}

.form-grid[b-e5lns7gtg4]  .mud-input-control {
    margin-bottom: 8px;
}

.dup-title[b-e5lns7gtg4] {
    font-weight: 600;
}

.dup-text[b-e5lns7gtg4] {
    margin: 4px 0 8px;
}

.dup-list[b-e5lns7gtg4] {
    display: grid;
    gap: 6px;
    margin: 0 0 12px;
    padding-left: 18px;
}

.dup-list a[b-e5lns7gtg4] {
    font-weight: 600;
}

.dup-actions[b-e5lns7gtg4] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

@media (max-width: 600px) {
    .form-grid[b-e5lns7gtg4] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/Admin/Clients/ClientOrdersTab.razor.rz.scp.css */
.tab-toolbar[b-lptoxz5k1y] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 12px;
}

.table-scroll[b-lptoxz5k1y]  table {
    min-width: 720px;
}

.table-scroll[b-lptoxz5k1y]  .cancelled {
    text-decoration: line-through;
    color: #5B6770;
}
/* /Components/Pages/Admin/Clients/ClientOwnersPanel.razor.rz.scp.css */
.owners[b-5j5xrjsge8] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.owner[b-5j5xrjsge8] {
    display: grid;
    gap: 2px;
    padding: 10px 16px;
    border-bottom: 1px solid #E7E9E6;
    overflow-wrap: anywhere;
}

.owner:last-child[b-5j5xrjsge8] {
    border-bottom: 0;
}

.owner-meta[b-5j5xrjsge8] {
    font-size: 12px;
}
/* /Components/Pages/Admin/Clients/ClientReassignDialog.razor.rz.scp.css */
.dialog-form[b-fr4cap9hvp] {
    display: grid;
    gap: 4px;
}

.lead[b-fr4cap9hvp] {
    margin: 0 0 8px;
}
/* /Components/Pages/Admin/Clients/ClientRequestsTab.razor.rz.scp.css */
.table-scroll[b-d067cw9rn8]  table {
    min-width: 720px;
}
/* /Components/Pages/Admin/Clients/ClientReturnsTab.razor.rz.scp.css */
.tab-toolbar[b-o8ibg7t49j] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 12px;
}

.ret-facts[b-o8ibg7t49j] {
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #EEF0ED;
}

.table-scroll[b-o8ibg7t49j]  table {
    min-width: 760px;
}

.cell-sub[b-o8ibg7t49j] {
    font-size: 12px;
    color: #5B6770;
}
/* /Components/Pages/Admin/Clients/ClientTaskDialog.razor.rz.scp.css */
.dialog-form[b-bworateprc] {
    display: grid;
    gap: 4px;
}

.row[b-bworateprc] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 12px;
}
/* /Components/Pages/Admin/Clients/ClientTasksTab.razor.rz.scp.css */
.tab-toolbar[b-gq7epmvqnt] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 12px;
}

.table-scroll[b-gq7epmvqnt]  table {
    min-width: 680px;
}

.table-scroll[b-gq7epmvqnt]  .task-done .task-title {
    color: #5B6770;
    text-decoration: line-through;
}

.task-description[b-gq7epmvqnt] {
    font-size: 12px;
    white-space: pre-wrap;
}
/* /Components/Pages/Admin/Clients/ClientTimeline.razor.rz.scp.css */
.compose[b-3l4x1mw1pz] {
    display: grid;
    gap: 8px;
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #E7E9E6;
}

[b-3l4x1mw1pz] .compose-kind {
    justify-self: start;
    max-width: 100%;
    overflow-x: auto;
}

.timeline[b-3l4x1mw1pz] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.entry[b-3l4x1mw1pz] {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 10px;
    padding: 10px 0;
    border-bottom: 1px solid #F0F2EF;
}

.entry:last-child[b-3l4x1mw1pz] {
    border-bottom: 0;
}

.entry-icon[b-3l4x1mw1pz] {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #F0F2F3;
    color: #5B6770;
}

.entry--contact .entry-icon[b-3l4x1mw1pz] {
    background: #EEF3EF;
    color: #3E5B47;
}

.entry--status .entry-icon[b-3l4x1mw1pz] {
    background: #FDF5E7;
    color: #8A5A12;
}

.entry-head[b-3l4x1mw1pz] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 6px;
    font-size: 12px;
}

.entry-kind[b-3l4x1mw1pz] {
    font-weight: 600;
    color: #1E2622;
}

.entry-text[b-3l4x1mw1pz] {
    margin-top: 2px;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.entry-links[b-3l4x1mw1pz] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 4px;
    font-size: 13px;
}
/* /Components/Pages/Admin/Clients/ClientTwinsNote.razor.rz.scp.css */
.twins-title[b-5tli6hpvzd] {
    font-weight: 600;
}

.twins-list[b-5tli6hpvzd] {
    display: grid;
    gap: 4px;
    margin: 4px 0 6px;
    padding-left: 18px;
}

.twins-list a[b-5tli6hpvzd] {
    font-weight: 600;
}

.twins-text[b-5tli6hpvzd] {
    font-size: 13px;
}
/* /Components/Pages/Admin/Data/DataHome.razor.rz.scp.css */
.data-search[b-no0dq54gxp] {
    max-width: 420px;
    margin-bottom: 16px;
}

[b-no0dq54gxp] .data-group {
    margin-bottom: 16px;
}

.data-tables[b-no0dq54gxp] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    gap: 1px;
    background: #E3E6E1;
}

.data-table[b-no0dq54gxp] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 14px 16px;
    background: #fff;
    color: inherit;
    text-decoration: none;
    transition: background .15s;
}

.data-table:hover[b-no0dq54gxp],
.data-table:focus-visible[b-no0dq54gxp] {
    background: #F4F8EB;
}

.data-table-title[b-no0dq54gxp] {
    font-weight: 600;
    color: #1F2A22;
}

.data-table-name[b-no0dq54gxp] {
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 12px;
    color: #7B776D;
}

.data-table-meta[b-no0dq54gxp] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    margin-top: 6px;
    font-size: 12px;
    color: #5B6770;
}

.data-rights[b-no0dq54gxp] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.data-right[b-no0dq54gxp] {
    padding: 1px 7px;
    border-radius: 999px;
    background: #EEF0EC;
    color: #5B6770;
}

.data-right--edit[b-no0dq54gxp] {
    background: #E4EFE6;
    color: #3E5B47;
}

.data-right--delete[b-no0dq54gxp] {
    background: #F6E7E4;
    color: #8A3B2E;
}
/* /Components/Pages/Admin/Data/DataPermissionsPage.razor.rz.scp.css */
[b-8u914mty6p] .perm-panel {
    margin-bottom: 16px;
}

.perm-wrap[b-8u914mty6p] {
    overflow-x: auto;
}

.perm-table[b-8u914mty6p] {
    border-collapse: collapse;
    font-size: 13px;
    min-width: 100%;
}

.perm-table th[b-8u914mty6p],
.perm-table td[b-8u914mty6p] {
    padding: 6px 8px;
    border-bottom: 1px solid #E6E9E4;
    text-align: center;
    white-space: nowrap;
}

.perm-table tbody th[b-8u914mty6p] {
    text-align: left;
    font-weight: 400;
}

.perm-table thead th[b-8u914mty6p] {
    background: #F4F6F2;
    font-weight: 600;
    color: #3B4540;
}

.perm-role[b-8u914mty6p] {
    border-left: 2px solid #D6DAD3;
}

.perm-sub th[b-8u914mty6p] {
    font-weight: 400 !important;
    color: #7B776D !important;
}

.perm-title[b-8u914mty6p] {
    display: block;
    font-weight: 600;
}

.perm-name[b-8u914mty6p] {
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 11.5px;
    color: #7B776D;
}

.perm-table input[type="checkbox"][b-8u914mty6p] {
    width: 16px;
    height: 16px;
    accent-color: #4F725A;
    cursor: pointer;
}

.perm-legend[b-8u914mty6p] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin: 8px 0 12px;
    font-size: 12.5px;
    color: #5B6770;
}
/* /Components/Pages/Admin/Data/DataSheetPage.razor.rz.scp.css */
.sheet-toolbar[b-hhewk6o63k] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
}

.sheet-search[b-hhewk6o63k] {
    flex: 1 1 260px;
    max-width: 360px;
}

.sheet-filter[b-hhewk6o63k] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.sheet-filter[b-hhewk6o63k]  .mud-input-control {
    min-width: 140px;
}

.sheet-actions[b-hhewk6o63k] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-left: auto;
}

.sheet-chips[b-hhewk6o63k] {
    margin-bottom: 6px;
}

.sheet-status[b-hhewk6o63k] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin: 4px 0 8px;
    font-size: 12.5px;
    color: #5B6770;
}

.sheet-hint[b-hhewk6o63k] {
    color: #7B776D;
}

.sheet-live[b-hhewk6o63k] {
    color: #3E5B47;
    font-weight: 600;
}

/* The grid: a spreadsheet, not a report. */
.sheet[b-hhewk6o63k] {
    overflow: auto;
    max-height: calc(100vh - 290px);
    min-height: 240px;
    border: 1px solid #D6DAD3;
    border-radius: 6px;
    background: #fff;
    outline: none;
}

.sheet:focus-visible[b-hhewk6o63k] {
    box-shadow: 0 0 0 2px rgba(79, 114, 90, .35);
}

.sheet-table[b-hhewk6o63k] {
    border-collapse: separate;
    border-spacing: 0;
    font-size: 13px;
    min-width: 100%;
}

.sheet-table th[b-hhewk6o63k],
.sheet-table td[b-hhewk6o63k] {
    border-right: 1px solid #E6E9E4;
    border-bottom: 1px solid #E6E9E4;
    padding: 0;
    height: 30px;
}

.sheet-table thead th[b-hhewk6o63k] {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #F4F6F2;
    font-weight: 600;
    color: #3B4540;
    text-align: left;
    cursor: pointer;
    user-select: none;
}

.sheet-th[b-hhewk6o63k] {
    display: flex;
    align-items: center;
    gap: 4px;
    min-width: 110px;
    max-width: 320px;
    padding: 0 10px;
    white-space: nowrap;
    overflow: hidden;
    resize: horizontal;
}

.sheet-th[b-hhewk6o63k]  .sheet-lock {
    opacity: .4;
    font-size: 14px;
}

.sheet-table thead th.sheet-computed[b-hhewk6o63k] {
    background: #EEF2E7;
    color: #4F725A;
}

.sheet-corner[b-hhewk6o63k],
.sheet-rowhead[b-hhewk6o63k] {
    position: sticky;
    left: 0;
    z-index: 1;
    background: #F4F6F2;
    min-width: 72px;
    padding: 0 8px !important;
    white-space: nowrap;
    font-weight: 400;
    color: #7B776D;
    text-align: left;
}

.sheet-corner[b-hhewk6o63k] {
    z-index: 3 !important;
}

.sheet-rowhead input[b-hhewk6o63k] {
    margin-right: 6px;
    vertical-align: middle;
}

.sheet-cell[b-hhewk6o63k] {
    position: relative;
    max-width: 320px;
    cursor: cell;
}

.sheet-value[b-hhewk6o63k] {
    display: block;
    padding: 0 10px;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sheet-num .sheet-value[b-hhewk6o63k],
.sheet-table thead th.sheet-num .sheet-th[b-hhewk6o63k] {
    text-align: right;
    justify-content: flex-end;
    font-variant-numeric: tabular-nums;
}

.sheet-link .sheet-value[b-hhewk6o63k] {
    color: #3E5B47;
}

.sheet-locked[b-hhewk6o63k] {
    background: #FAFAF8;
    color: #5B6770;
}

.sheet-in[b-hhewk6o63k] {
    background: #E8F0E4;
}

.sheet-cursor[b-hhewk6o63k] {
    box-shadow: inset 0 0 0 2px #4F725A;
    z-index: 1;
}

.sheet-selected .sheet-cell[b-hhewk6o63k] {
    background: #F1F6EE;
}

.sheet-new .sheet-cell[b-hhewk6o63k] {
    background: #FFFCEF;
}

.sheet-editor input[b-hhewk6o63k],
.sheet-editor select[b-hhewk6o63k] {
    width: 100%;
    height: 30px;
    padding: 0 9px;
    border: 0;
    outline: 2px solid #4F725A;
    font: inherit;
    background: #fff;
}

.sheet-save[b-hhewk6o63k],
.sheet-drop[b-hhewk6o63k] {
    border: 0;
    border-radius: 4px;
    padding: 2px 7px;
    margin-right: 4px;
    cursor: pointer;
    font: inherit;
}

.sheet-save[b-hhewk6o63k] {
    background: #4F725A;
    color: #fff;
}

.sheet-drop[b-hhewk6o63k] {
    background: #EEF0EC;
    color: #5B6770;
}

.sheet-empty[b-hhewk6o63k] {
    padding: 24px !important;
    color: #7B776D;
    text-align: center;
}

.sheet-pager[b-hhewk6o63k] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 10px;
}

.sheet-pager[b-hhewk6o63k]  .sheet-size {
    max-width: 120px;
}
/* /Components/Pages/Admin/Data/SqlConsolePage.razor.rz.scp.css */
.console-bar[b-dztt78x5ze],
.console-run[b-dztt78x5ze],
.console-meta[b-dztt78x5ze] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin: 8px 0;
}

.console-note[b-dztt78x5ze],
.console-meta[b-dztt78x5ze] {
    font-size: 12.5px;
    color: #5B6770;
}

.console-editor[b-dztt78x5ze] {
    width: 100%;
    box-sizing: border-box;
    padding: 12px 14px;
    border: 1px solid #D6DAD3;
    border-radius: 6px;
    background: #fff;
    font: 13.5px/1.5 ui-monospace, SFMono-Regular, Consolas, monospace;
    resize: vertical;
}

.console-editor:focus[b-dztt78x5ze] {
    outline: 2px solid rgba(79, 114, 90, .45);
}

.console-editor--write[b-dztt78x5ze] {
    border-color: #D9A441;
    background: #FFFCF3;
}

[b-dztt78x5ze] .console-pending {
    margin: 12px 0;
}

.console-pending-body[b-dztt78x5ze] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
}

.console-pending-actions[b-dztt78x5ze] {
    display: flex;
    gap: 8px;
}

.console-result[b-dztt78x5ze] {
    overflow: auto;
    max-height: 60vh;
    border: 1px solid #D6DAD3;
    border-radius: 6px;
    background: #fff;
}

.console-result table[b-dztt78x5ze] {
    border-collapse: collapse;
    font-size: 13px;
    min-width: 100%;
}

.console-result th[b-dztt78x5ze],
.console-result td[b-dztt78x5ze] {
    padding: 6px 10px;
    border-bottom: 1px solid #E6E9E4;
    border-right: 1px solid #E6E9E4;
    white-space: nowrap;
    text-align: left;
}

.console-result th[b-dztt78x5ze] {
    position: sticky;
    top: 0;
    background: #F4F6F2;
    font-weight: 600;
}

.console-result td.num[b-dztt78x5ze] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.console-null[b-dztt78x5ze] {
    color: #A7A39A;
    font-style: italic;
}
/* /Components/Pages/Admin/Data/SqlViewPage.razor.rz.scp.css */
.sql-view[b-z9b0tltuzw] {
    display: grid;
    grid-template-columns: 250px minmax(0, 1fr);
    gap: 16px;
    align-items: start;
}

.sql-tables[b-z9b0tltuzw] {
    position: sticky;
    top: 76px;
    max-height: calc(100dvh - 96px);
    overflow: auto;
    background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 8px;
    padding: 8px 0;
}

.sql-tables[b-z9b0tltuzw]  .mud-input-control {
    margin: 0 8px 6px;
    width: calc(100% - 16px);
}

.sql-group[b-z9b0tltuzw] {
    padding: 8px 12px 2px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: var(--mud-palette-text-secondary);
}

.sql-table[b-z9b0tltuzw] {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
    padding: 3px 12px 3px 16px;
    border: 0;
    background: none;
    cursor: pointer;
    text-align: left;
    font-size: 12.5px;
    color: var(--mud-palette-text-primary);
}

.sql-table:hover[b-z9b0tltuzw] {
    background: var(--mud-palette-action-default-hover);
}

.sql-table .count[b-z9b0tltuzw] {
    color: var(--mud-palette-text-secondary);
    font-variant-numeric: tabular-nums;
}

.mono[b-z9b0tltuzw] {
    font-family: ui-monospace, Consolas, "IBM Plex Mono", monospace;
}

.sql-main[b-z9b0tltuzw] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.sql-editor[b-z9b0tltuzw] {
    width: 100%;
    box-sizing: border-box;
    min-height: 150px;
    resize: vertical;
    padding: 10px 12px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 8px;
    background: var(--mud-palette-surface);
    color: var(--mud-palette-text-primary);
    font: 13px/1.5 ui-monospace, Consolas, "IBM Plex Mono", monospace;
    tab-size: 4;
}

.sql-editor:focus[b-z9b0tltuzw] {
    outline: 2px solid var(--mud-palette-primary);
    outline-offset: -1px;
}

.sql-bar[b-z9b0tltuzw] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

@media (max-width: 900px) {
    .sql-view[b-z9b0tltuzw] {
        grid-template-columns: 1fr;
    }

    .sql-tables[b-z9b0tltuzw] {
        position: static;
        max-height: 260px;
    }
}
/* /Components/Pages/Admin/Logistics/ColourControl.razor.rz.scp.css */
.tabs[b-84svbqzyhw] { display: inline-flex; margin-bottom: 14px; border: 1px solid var(--mud-palette-lines-default); border-radius: 8px; overflow: hidden; }
.tabs button[b-84svbqzyhw] { padding: 7px 16px; border: 0; background: var(--mud-palette-surface); color: inherit; font: inherit; cursor: pointer; }
.tabs button.on[b-84svbqzyhw] { background: var(--mud-palette-primary); color: var(--mud-palette-primary-text); }
.cc-filters[b-84svbqzyhw] { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-bottom: 10px; }
.standard[b-84svbqzyhw] { display: flex; flex-wrap: wrap; gap: 20px; align-items: flex-start; }
.standard .form[b-84svbqzyhw] { flex: 1; min-width: 260px; display: flex; flex-direction: column; gap: 10px; }
.swatches[b-84svbqzyhw] { display: flex; flex-direction: column; gap: 12px; }
.swatches > div[b-84svbqzyhw] { display: flex; align-items: center; gap: 10px; }
.swatches small[b-84svbqzyhw] { font-size: 12px; color: var(--mud-palette-text-secondary); line-height: 1.3; }
.swatch[b-84svbqzyhw] { width: 64px; height: 64px; border-radius: 10px; border: 1px solid var(--mud-palette-lines-default); display: inline-block; }
.swatch.empty[b-84svbqzyhw] { background: repeating-linear-gradient(45deg, transparent 0 6px, var(--mud-palette-lines-default) 6px 7px); }
.actions[b-84svbqzyhw] { display: flex; flex-wrap: wrap; gap: 8px; }
.muted[b-84svbqzyhw] { color: var(--mud-palette-text-secondary); font-size: 13px; }
/* /Components/Pages/Admin/Logistics/ProductionEdit.razor.rz.scp.css */
.form[b-myh7tx99po] { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 10px; }
.form[b-myh7tx99po]  .wide { grid-column: 1 / -1; }
.block[b-myh7tx99po] { margin: 16px 0 8px; font-size: 1rem; font-weight: 600; }
.lines[b-myh7tx99po] { width: 100%; border-collapse: collapse; font-size: 14px; }
.lines th[b-myh7tx99po], .lines td[b-myh7tx99po] { padding: 4px 6px; border-bottom: 1px solid var(--mud-palette-lines-default); text-align: left; vertical-align: middle; }
.lines td:nth-child(2)[b-myh7tx99po]  .mud-input-control, .lines td:nth-child(3)[b-myh7tx99po]  .mud-input-control { max-width: 150px; }
.progress td:nth-child(n+2):nth-child(-n+5)[b-myh7tx99po] { font-variant-numeric: tabular-nums; }
.sw[b-myh7tx99po] { display: inline-block; width: 12px; height: 12px; border-radius: 2px; margin-right: 6px; vertical-align: -1px; box-shadow: inset 0 0 0 1px rgba(0,0,0,.15); }
.actions[b-myh7tx99po] { display: flex; align-items: center; gap: 8px; margin-top: 10px; }
.error[b-myh7tx99po] { color: var(--mud-palette-error); font-size: 13px; }
/* /Components/Pages/Admin/Logistics/Receiving.razor.rz.scp.css */
.receiving[b-k3tufyy1f5] { display: flex; flex-direction: column; gap: 14px; }
.settings[b-k3tufyy1f5] { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.settings[b-k3tufyy1f5]  .mud-input-control { max-width: 260px; }
.confirm[b-k3tufyy1f5] { padding: 12px 14px; border: 2px solid var(--mud-palette-warning); border-radius: 10px; background: var(--mud-palette-surface); }
.confirm p[b-k3tufyy1f5] { margin: 0 0 6px; }
.confirm-row[b-k3tufyy1f5] { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
[b-k3tufyy1f5] .weight { max-width: 190px; }
.bad[b-k3tufyy1f5] { color: var(--mud-palette-error); }
.actions[b-k3tufyy1f5] { display: flex; gap: 8px; margin-top: 10px; }
.log[b-k3tufyy1f5] { list-style: none; margin: 0; padding: 0; font-size: 14px; display: flex; flex-direction: column; gap: 4px; }
.log .ok[b-k3tufyy1f5] { color: var(--mud-palette-success); }
.log .bad[b-k3tufyy1f5] { color: var(--mud-palette-error); }
/* /Components/Pages/Admin/Logistics/RollDetail.razor.rz.scp.css */
.roll[b-nac1ks88c7] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; align-items: start; }
.bars[b-nac1ks88c7] { width: 240px; height: 60px; margin-bottom: 8px; }
.bars[b-nac1ks88c7]  svg { width: 100%; height: 100%; }
.measure[b-nac1ks88c7] { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 12px; }
.measure[b-nac1ks88c7]  .mud-input-control { max-width: 170px; }
.history[b-nac1ks88c7] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; font-size: 14px; }
.history li[b-nac1ks88c7] { padding-bottom: 6px; border-bottom: 1px dashed var(--mud-palette-lines-default); }
.when[b-nac1ks88c7] { color: var(--mud-palette-text-secondary); margin-right: 6px; font-variant-numeric: tabular-nums; }
.who[b-nac1ks88c7] { float: right; font-size: 12px; }
.mono[b-nac1ks88c7] { font-family: ui-monospace, Consolas, monospace; }
.bad[b-nac1ks88c7] { color: var(--mud-palette-error); }
@media (max-width: 900px) { .roll[b-nac1ks88c7] { grid-template-columns: 1fr; } }
.swatch[b-nac1ks88c7] { display: inline-block; width: 22px; height: 22px; border-radius: 5px; border: 1px solid var(--mud-palette-lines-default); vertical-align: middle; margin: 0 4px; }
.swatch.small[b-nac1ks88c7] { width: 14px; height: 14px; border-radius: 3px; }
.colour-line[b-nac1ks88c7] { display: flex; align-items: center; gap: 4px; margin: 0 0 8px; font-size: 14px; }
.muted[b-nac1ks88c7] { color: var(--mud-palette-text-secondary); }
.picker[b-nac1ks88c7] { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; color: var(--mud-palette-text-secondary); }
.picker input[type=color][b-nac1ks88c7] { width: 44px; height: 34px; padding: 0; border: 1px solid var(--mud-palette-lines-default); border-radius: 6px; background: none; cursor: pointer; }
/* /Components/Pages/Admin/Logistics/RollList.razor.rz.scp.css */
.tools[b-g856pt7unp] { display: flex; flex-direction: column; gap: 10px; margin-bottom: 12px; }
.filters-row[b-g856pt7unp] { display: flex; gap: 10px; flex-wrap: wrap; }
.filters-row[b-g856pt7unp]  .mud-input-control { max-width: 240px; }
/* /Components/Pages/Admin/Logistics/TransferDetail.razor.rz.scp.css */
.log[b-mg7ccxa0ka] { list-style: none; margin: 0; padding: 0; font-size: 14px; display: flex; flex-direction: column; gap: 4px; }
.log .ok[b-mg7ccxa0ka] { color: var(--mud-palette-success); }
.log .bad[b-mg7ccxa0ka] { color: var(--mud-palette-error); }
.muted[b-mg7ccxa0ka] { color: var(--mud-palette-text-secondary); font-size: 13px; }
/* /Components/Pages/Admin/Logistics/TransferList.razor.rz.scp.css */
.form[b-31y2ibgods] { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.form[b-31y2ibgods]  .mud-input-control { max-width: 240px; }
.muted[b-31y2ibgods] { color: var(--mud-palette-text-secondary); font-size: 13px; }
/* /Components/Pages/Admin/Logistics/WarehouseList.razor.rz.scp.css */
.form[b-w429eugs2t] { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 10px; align-items: center; }
.actions[b-w429eugs2t] { grid-column: 1 / -1; display: flex; gap: 8px; flex-wrap: wrap; }
/* /Components/Pages/Admin/News/NewsCategoryDialog.razor.rz.scp.css */
.entry[b-42mwi5i8yc] {
    display: grid;
    gap: 12px;
    min-width: min(460px, 100%);
}

.entry-fields[b-42mwi5i8yc] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 140px;
    gap: 4px 12px;
    align-items: start;
}

/* The name reads on its own line; the site code and the order share the next one. */
.entry-fields > *:first-child[b-42mwi5i8yc] {
    grid-column: 1 / -1;
}

.entry-fields[b-42mwi5i8yc]  .entry-code input {
    font-family: "Roboto Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    letter-spacing: .06em;
}

.entry-note[b-42mwi5i8yc] {
    margin: 0;
    font-size: 12px;
}

@media (max-width: 600px) {
    .entry-fields[b-42mwi5i8yc] {
        grid-template-columns: minmax(0, 1fr);
    }
}

.nowrap[b-42mwi5i8yc] {
    white-space: nowrap;
    font-family: "Roboto Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}
/* /Components/Pages/Admin/News/NewsCategoryList.razor.rz.scp.css */
.dictionary-wrap[b-2l18whbigi]  .mud-table-cell {
    vertical-align: middle;
}

.code[b-2l18whbigi] {
    font-family: "Roboto Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-weight: 500;
    letter-spacing: .06em;
}

.row-tools[b-2l18whbigi] {
    display: flex;
    justify-content: flex-end;
    white-space: nowrap;
}

.sr-only[b-2l18whbigi] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}
/* /Components/Pages/Admin/News/NewsEditor.razor.rz.scp.css */
.editor[b-rjce5xmttf] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 16px;
    align-items: start;
}

.editor-main[b-rjce5xmttf],
.editor-side[b-rjce5xmttf] {
    display: grid;
    gap: 16px;
    align-content: start;
}

.fields[b-rjce5xmttf] {
    display: grid;
    gap: 8px;
}

.form-row[b-rjce5xmttf] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.form-row > *[b-rjce5xmttf] {
    flex: 1 1 160px;
    min-width: 0;
}

[b-rjce5xmttf] .field-code input {
    font-family: "Roboto Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    letter-spacing: .04em;
}

[b-rjce5xmttf] .field-category {
    flex: 0 1 220px;
}

/* The source and what the reader will see, side by side. */
.body-split[b-rjce5xmttf] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 16px;
    align-items: start;
}

[b-rjce5xmttf] .body-source textarea {
    font-family: "Roboto Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 13px;
    line-height: 1.6;
}

.body-preview[b-rjce5xmttf] {
    max-height: 620px;
    padding: 12px 16px;
    overflow-y: auto;
    border: 1px solid #E0E3DF;
    border-radius: 4px;
    background: #FCFCFB;
    font-size: 14px;
    line-height: 1.65;
}

.body-preview[b-rjce5xmttf]  h2,
.body-preview[b-rjce5xmttf]  h3,
.body-preview[b-rjce5xmttf]  h4 {
    margin: 18px 0 8px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
}

.body-preview[b-rjce5xmttf]  h2:first-child,
.body-preview[b-rjce5xmttf]  p:first-child {
    margin-top: 0;
}

.body-preview[b-rjce5xmttf]  p {
    margin: 0 0 12px;
}

.body-preview[b-rjce5xmttf]  ul,
.body-preview[b-rjce5xmttf]  ol {
    margin: 0 0 12px;
    padding-left: 22px;
}

.body-preview[b-rjce5xmttf]  li {
    margin-bottom: 4px;
}

.body-preview[b-rjce5xmttf]  blockquote {
    margin: 0 0 12px;
    padding: 4px 0 4px 14px;
    border-left: 3px solid #3E5B47;
    color: #3D4B43;
    font-style: italic;
}

.body-preview[b-rjce5xmttf]  a {
    color: #3E5B47;
}

/* A rough picture of the search result, so meta fields are written with it in mind. */
.serp[b-rjce5xmttf] {
    padding: 12px 14px;
    border: 1px solid #E0E3DF;
    border-radius: 4px;
    background: #FCFCFB;
}

.serp-url[b-rjce5xmttf] {
    color: #5B6770;
    font-size: 12px;
    overflow-wrap: anywhere;
}

.serp-title[b-rjce5xmttf] {
    margin-top: 2px;
    color: #1A0DAB;
    font-size: 18px;
    line-height: 1.3;
}

.serp-text[b-rjce5xmttf] {
    margin-top: 4px;
    color: #4D5156;
    font-size: 13px;
    line-height: 1.5;
}

.cover[b-rjce5xmttf] {
    display: grid;
    gap: 8px;
}

.cover-preview[b-rjce5xmttf] {
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border: 1px solid #E0E3DF;
    border-radius: 4px;
    background: #F2F3F1;
}

.cover-preview img[b-rjce5xmttf] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cover-caption[b-rjce5xmttf] {
    color: #8A928C;
    font-size: 12px;
}

.cover-tools[b-rjce5xmttf] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.facts[b-rjce5xmttf] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 2px 12px;
    margin: 0;
    font-size: 13px;
}

.facts dt[b-rjce5xmttf] {
    color: #5B6770;
}

.facts dd[b-rjce5xmttf] {
    margin: 0;
}

.fabric-chips[b-rjce5xmttf] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
}

.fabric-chip[b-rjce5xmttf] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    padding: 2px 4px 2px 10px;
    border: 1px solid #E0E3DF;
    border-radius: 14px;
    background: #F6F7F5;
    font-size: 13px;
}

.fabric-option[b-rjce5xmttf] {
    display: flex;
    gap: 8px;
    align-items: baseline;
}

.fabric-option-name[b-rjce5xmttf] {
    font-weight: 500;
}

.muted[b-rjce5xmttf] {
    color: #5B6770;
}

.side-note[b-rjce5xmttf] {
    margin: 0;
    color: #5B6770;
    font-size: 12px;
}

.error-note[b-rjce5xmttf] {
    margin: 0;
    color: #B3261E;
    font-size: 12px;
}

@media (max-width: 1200px) {
    .editor[b-rjce5xmttf] {
        grid-template-columns: minmax(0, 1fr);
    }

    .body-split[b-rjce5xmttf] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/Admin/News/NewsList.razor.rz.scp.css */
.news-tabs[b-jlpg7kypxw] {
    display: flex;
    gap: 2px;
    margin-bottom: 16px;
    border-bottom: 1px solid #E0E3DF;
    overflow-x: auto;
    scrollbar-width: thin;
}

.news-tab[b-jlpg7kypxw] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    margin-bottom: -1px;
    border-bottom: 2px solid transparent;
    color: #5B6770;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}

.news-tab:hover[b-jlpg7kypxw] {
    color: #1E2622;
}

.news-tab--on[b-jlpg7kypxw],
.news-tab--on:hover[b-jlpg7kypxw] {
    color: #3E5B47;
    border-bottom-color: #3E5B47;
}

.news-tab:focus-visible[b-jlpg7kypxw] {
    outline: 2px solid #3E5B47;
    outline-offset: -2px;
}

.news-tab-count[b-jlpg7kypxw] {
    min-width: 20px;
    padding: 1px 6px;
    border-radius: 10px;
    background: #ECEEEB;
    color: #5B6770;
    font-size: 12px;
    font-variant-numeric: tabular-nums;
    text-align: center;
}

.news-tab--on .news-tab-count[b-jlpg7kypxw] {
    background: #EEF3EF;
    color: #3E5B47;
}

.filters[b-jlpg7kypxw] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 16px;
}

[b-jlpg7kypxw] .filter-search {
    flex: 1 1 260px;
    max-width: 360px;
}

[b-jlpg7kypxw] .filter-category {
    min-width: 200px;
    max-width: 240px;
}

[b-jlpg7kypxw] .filter-reset {
    align-self: center;
}

.news-wrap[b-jlpg7kypxw] {
    overflow-x: auto;
}

[b-jlpg7kypxw] .col-cover {
    width: 56px;
}

.news-thumb[b-jlpg7kypxw] {
    display: block;
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 4px;
    background: #F2F3F1;
}

.news-thumb img[b-jlpg7kypxw] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.news-thumb--empty[b-jlpg7kypxw] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #A7AEA8;
}

.news-title[b-jlpg7kypxw] {
    font-weight: 600;
    color: inherit;
    text-decoration: none;
}

.news-title:hover[b-jlpg7kypxw] {
    text-decoration: underline;
}

.cell-sub[b-jlpg7kypxw] {
    color: #5B6770;
    font-size: 12px;
}

.code[b-jlpg7kypxw] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

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

.nowrap[b-jlpg7kypxw] {
    white-space: nowrap;
}

.muted[b-jlpg7kypxw] {
    color: #5B6770;
}

.news-pager[b-jlpg7kypxw] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 16px;
}
/* /Components/Pages/Admin/Orders/CustomerFields.razor.rz.scp.css */
.customer-fields[b-xq74l8nq4z] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px 16px;
}

[b-xq74l8nq4z] .customer-fields-wide {
    grid-column: 1 / -1;
}

@media (max-width: 640px) {
    .customer-fields[b-xq74l8nq4z] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/Admin/Orders/FabricSwatch.razor.rz.scp.css */
.swatch[b-evh725084x] {
    display: inline-block;
    flex: none;
    width: 16px;
    height: 16px;
    border-radius: 3px;
    border: 1px solid rgba(30, 38, 34, .25);
    vertical-align: middle;
}

.swatch--large[b-evh725084x] {
    width: 28px;
    height: 28px;
}
/* /Components/Pages/Admin/Orders/OrderCustomerDialog.razor.rz.scp.css */
.customer-note[b-ck21ulih5v] {
    margin: 0 0 12px;
    font-size: 13px;
}
/* /Components/Pages/Admin/Orders/OrderDetail.razor.rz.scp.css */
.order-grid[b-9ytdzi8j5q] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
    gap: 16px;
    align-items: start;
}

.order-main[b-9ytdzi8j5q],
.order-side[b-9ytdzi8j5q] {
    display: grid;
    gap: 16px;
    min-width: 0;
}

.waiting[b-9ytdzi8j5q] {
    font-size: 13px;
    color: #5B6770;
}

.cell-main[b-9ytdzi8j5q] {
    font-weight: 600;
    color: #1E2622;
}

.cell-sub[b-9ytdzi8j5q] {
    font-size: 12px;
    color: #5B6770;
}

.made-to-order[b-9ytdzi8j5q] {
    color: #8A5A12;
}

.color-cell[b-9ytdzi8j5q] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}

.line-actions[b-9ytdzi8j5q] {
    width: 1%;
    text-align: right;
}

[b-9ytdzi8j5q] .total-label,
[b-9ytdzi8j5q] .total {
    font-weight: 600;
    color: #1E2622;
}

.panel-note[b-9ytdzi8j5q] {
    margin: 0;
    padding: 10px 16px;
    border-top: 1px solid #E7E9E6;
    font-size: 12px;
    color: #5B6770;
}

.visually-hidden[b-9ytdzi8j5q] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

.timeline[b-9ytdzi8j5q] {
    margin: 0;
    padding: 8px 16px;
    list-style: none;
}

.timeline-item[b-9ytdzi8j5q] {
    position: relative;
    display: flex;
    gap: 12px;
    padding: 8px 0;
}

.timeline-item + .timeline-item[b-9ytdzi8j5q] {
    border-top: 1px solid #F0F1EF;
}

.timeline-dot[b-9ytdzi8j5q] {
    flex: none;
    width: 10px;
    height: 10px;
    margin-top: 5px;
    border-radius: 50%;
    border: 2px solid #C9CEC8;
    background: #fff;
}

.timeline-dot--primary[b-9ytdzi8j5q] { border-color: #3E5B47; background: #EEF3EF; }
.timeline-dot--info[b-9ytdzi8j5q] { border-color: #2F6690; background: #EDF4FA; }
.timeline-dot--warning[b-9ytdzi8j5q] { border-color: #B7791F; background: #FDF5E7; }
.timeline-dot--secondary[b-9ytdzi8j5q] { border-color: #5B6770; background: #F0F2F3; }
.timeline-dot--success[b-9ytdzi8j5q] { border-color: #2E7D4F; background: #EDF7F1; }
.timeline-dot--error[b-9ytdzi8j5q] { border-color: #B42318; background: #FDF1F0; }

.timeline-body[b-9ytdzi8j5q] {
    min-width: 0;
}

.timeline-title[b-9ytdzi8j5q] {
    font-weight: 600;
    color: #1E2622;
}

.timeline-text[b-9ytdzi8j5q] {
    white-space: pre-line;
    overflow-wrap: anywhere;
}

.timeline-meta[b-9ytdzi8j5q] {
    font-size: 12px;
    color: #5B6770;
}

.pre[b-9ytdzi8j5q] {
    white-space: pre-line;
    overflow-wrap: anywhere;
}

.break[b-9ytdzi8j5q] {
    overflow-wrap: anywhere;
}

.num-left[b-9ytdzi8j5q] {
    font-variant-numeric: tabular-nums;
}

.side-links[b-9ytdzi8j5q] {
    display: grid;
    gap: 6px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #E7E9E6;
}

.side-link[b-9ytdzi8j5q] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-weight: 600;
    text-decoration: none;
}

.side-link:hover[b-9ytdzi8j5q] {
    text-decoration: underline;
}

.side-form[b-9ytdzi8j5q] {
    display: grid;
    gap: 4px;
}

.side-form-actions[b-9ytdzi8j5q] {
    display: flex;
    gap: 8px;
    margin-top: 8px;
}

.side-empty[b-9ytdzi8j5q],
.side-text[b-9ytdzi8j5q] {
    margin: 0;
}

@media (max-width: 1100px) {
    .order-grid[b-9ytdzi8j5q] {
        grid-template-columns: minmax(0, 1fr);
    }
}

.line-short[b-9ytdzi8j5q] {
    margin-top: 2px;
    font-size: 12px;
    color: #B42318;
    white-space: nowrap;
}
/* /Components/Pages/Admin/Orders/OrderLineDialog.razor.rz.scp.css */
.line-product[b-qywluya4bj] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
}

.line-product-name[b-qywluya4bj] {
    font-weight: 600;
}

.product-option[b-qywluya4bj] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.product-option-name[b-qywluya4bj] {
    font-weight: 600;
}

.product-option-stock[b-qywluya4bj] {
    margin-left: auto;
    font-size: 12px;
    white-space: nowrap;
}

.product-empty[b-qywluya4bj] {
    padding: 8px 16px;
}

.line-label[b-qywluya4bj] {
    margin: 12px 0 6px;
    font-size: 12px;
    font-weight: 600;
    color: #5B6770;
}

.line-colors[b-qywluya4bj] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 8px;
}

.line-color[b-qywluya4bj] {
    display: inline-flex;
    padding: 2px;
    border: 2px solid transparent;
    border-radius: 5px;
    background: none;
    cursor: pointer;
}

.line-color:hover[b-qywluya4bj] {
    border-color: #C9CEC8;
}

.line-color--on[b-qywluya4bj],
.line-color--on:hover[b-qywluya4bj] {
    border-color: #3E5B47;
}

.line-color:focus-visible[b-qywluya4bj] {
    outline: 2px solid #3E5B47;
    outline-offset: 1px;
}

.line-error[b-qywluya4bj] {
    margin: -2px 0 8px;
    font-size: 12px;
    color: #B42318;
}

.line-facts[b-qywluya4bj] {
    margin-top: 12px;
}

.line-tiers[b-qywluya4bj] {
    display: block;
    font-size: 12px;
}

.line-sum[b-qywluya4bj] {
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.line-hint[b-qywluya4bj] {
    margin: 12px 0 0;
    font-size: 12px;
}

.line-hint--top[b-qywluya4bj] {
    margin: 0 0 12px;
}

.line-color-option[b-qywluya4bj] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    min-width: 0;
    flex-wrap: wrap;
}

.line-color-name[b-qywluya4bj] {
    font-weight: 600;
}

.line-color-article[b-qywluya4bj] {
    font-size: 12px;
}

.line-color-stock[b-qywluya4bj] {
    margin-left: auto;
    font-size: 12px;
    color: #5B6770;
    white-space: nowrap;
}

.line-color-stock--short[b-qywluya4bj] {
    color: #B42318;
}
/* /Components/Pages/Admin/Orders/OrderList.razor.rz.scp.css */
.order-tabs[b-5ljfyprmex] {
    display: flex;
    gap: 2px;
    margin-bottom: 16px;
    border-bottom: 1px solid #E0E3DF;
    overflow-x: auto;
    scrollbar-width: thin;
}

.order-tab[b-5ljfyprmex] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    margin-bottom: -1px;
    border-bottom: 2px solid transparent;
    color: #5B6770;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}

.order-tab:hover[b-5ljfyprmex] {
    color: #1E2622;
}

.order-tab--on[b-5ljfyprmex],
.order-tab--on:hover[b-5ljfyprmex] {
    color: #3E5B47;
    border-bottom-color: #3E5B47;
}

.order-tab:focus-visible[b-5ljfyprmex] {
    outline: 2px solid #3E5B47;
    outline-offset: -2px;
}

.order-tab-count[b-5ljfyprmex] {
    min-width: 20px;
    padding: 1px 6px;
    border-radius: 10px;
    background: #ECEEEB;
    color: #5B6770;
    font-size: 12px;
    font-variant-numeric: tabular-nums;
    text-align: center;
}

.order-tab--on .order-tab-count[b-5ljfyprmex] {
    background: #EEF3EF;
    color: #3E5B47;
}

[b-5ljfyprmex] .filter-search {
    flex: 1 1 260px;
    max-width: 360px;
}

[b-5ljfyprmex] .filter-period {
    min-width: 230px;
}

[b-5ljfyprmex] .filter-reset {
    align-self: center;
}

.order-number[b-5ljfyprmex] {
    font-weight: 600;
    text-decoration: none;
}

.order-number:hover[b-5ljfyprmex] {
    text-decoration: underline;
}

/* An order that had fabric come back reads differently at a glance. */
.order-returned[b-5ljfyprmex] {
    display: inline-block;
    margin-left: 6px;
    padding: 0 6px;
    border: 1px solid #E2C9A8;
    border-radius: 9px;
    background: #FBF3E8;
    color: #8A5A1E;
    font-size: 11px;
    font-weight: 600;
    text-decoration: none;
    vertical-align: middle;
}

.order-returned:hover[b-5ljfyprmex] {
    border-color: #C9A15E;
}

.cell-main[b-5ljfyprmex] {
    font-weight: 600;
    color: #1E2622;
}

.cell-sub[b-5ljfyprmex] {
    font-size: 12px;
    color: #5B6770;
}

.order-pager[b-5ljfyprmex] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px 16px;
    padding: 10px 16px;
    border-top: 1px solid #E7E9E6;
}

@media (max-width: 600px) {
    [b-5ljfyprmex] .filter-search,
    [b-5ljfyprmex] .filter-period {
        flex: 1 1 100%;
        max-width: none;
    }
}
/* /Components/Pages/Admin/Orders/OrderMoveDialog.razor.rz.scp.css */
.move-note[b-0y5la9lh7t] {
    margin: 0 0 12px;
}

.move-shipment[b-0y5la9lh7t] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px 16px;
}

.move-hint[b-0y5la9lh7t] {
    margin: 4px 0 0;
    font-size: 12px;
}

@media (max-width: 560px) {
    .move-shipment[b-0y5la9lh7t] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/Admin/Orders/OrderNew.razor.rz.scp.css */
.new-order[b-491sadwcc3] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 340px);
    gap: 16px;
    align-items: start;
}

.new-order-main[b-491sadwcc3],
.new-order-side[b-491sadwcc3] {
    display: grid;
    gap: 16px;
    min-width: 0;
}

.new-order-side[b-491sadwcc3] {
    position: sticky;
    top: 72px;
}

[b-491sadwcc3] .client-mode {
    margin-bottom: 12px;
}

.client-fixed[b-491sadwcc3] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.client-option[b-491sadwcc3] {
    display: grid;
    gap: 1px;
}

.client-option-name[b-491sadwcc3] {
    font-weight: 600;
}

.client-empty[b-491sadwcc3] {
    padding: 8px 16px;
}

.client-hint[b-491sadwcc3] {
    margin: 8px 0 0;
    font-size: 13px;
}

.cell-main[b-491sadwcc3] {
    font-weight: 600;
    color: #1E2622;
}

.cell-sub[b-491sadwcc3] {
    font-size: 12px;
    color: #5B6770;
}

.made-to-order[b-491sadwcc3] {
    color: #8A5A12;
}

.color-cell[b-491sadwcc3] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}

.line-actions[b-491sadwcc3] {
    width: 1%;
    text-align: right;
}

[b-491sadwcc3] .total-label,
[b-491sadwcc3] .total {
    font-weight: 600;
    color: #1E2622;
}

.visually-hidden[b-491sadwcc3] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

.lines-error[b-491sadwcc3] {
    margin: 0;
    padding: 10px 16px;
    border-top: 1px solid #E7E9E6;
    font-size: 13px;
    color: #B42318;
}

.side-form[b-491sadwcc3] {
    display: grid;
    gap: 4px;
}

.grand-total[b-491sadwcc3] {
    font-size: 18px;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.create-hint[b-491sadwcc3] {
    margin: 12px 0;
    font-size: 12px;
}

.create-actions[b-491sadwcc3] {
    display: grid;
    gap: 8px;
}

@media (max-width: 1100px) {
    .new-order[b-491sadwcc3] {
        grid-template-columns: minmax(0, 1fr);
    }

    .new-order-side[b-491sadwcc3] {
        position: static;
    }
}

.line-short[b-491sadwcc3] {
    margin-top: 2px;
    font-size: 12px;
    color: #B42318;
    white-space: nowrap;
}

.lines-hint[b-491sadwcc3] {
    margin: 8px 16px 12px;
    font-size: 12px;
}
/* /Components/Pages/Admin/Orders/OrderPicking.razor.rz.scp.css */
.line-head[b-yf5nrnku6d] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 8px; font-size: 15px; }
.sw[b-yf5nrnku6d] { width: 18px; height: 18px; border-radius: 4px; border: 1px solid var(--mud-palette-lines-default); display: inline-block; }
.progress[b-yf5nrnku6d] { margin-left: auto; font-weight: 600; color: var(--mud-palette-warning-darken); }
.progress.ok[b-yf5nrnku6d] { color: var(--mud-palette-success); }
.warn[b-yf5nrnku6d] { margin: 4px 0 8px; color: var(--mud-palette-warning-darken); font-size: 14px; }
.where[b-yf5nrnku6d] { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin-top: 10px; font-size: 13px; }
.chip[b-yf5nrnku6d] { padding: 3px 9px; border-radius: 12px; border: 1px solid var(--mud-palette-lines-default); background: var(--mud-palette-surface); }
.chip.main[b-yf5nrnku6d] { border-color: var(--mud-palette-primary); }
.chip.loose[b-yf5nrnku6d] { border-style: dashed; }
.bad[b-yf5nrnku6d] { color: var(--mud-palette-error); }
.mono[b-yf5nrnku6d] { font-family: ui-monospace, Consolas, monospace; }
.muted[b-yf5nrnku6d] { color: var(--mud-palette-text-secondary); font-size: 13px; }
.to-collect[b-yf5nrnku6d] { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin: 4px 0 10px; font-size: 13px; }
/* /Components/Pages/Admin/Overview/LowStockPanel.razor.rz.scp.css */
.table-scroll[b-rc1e3p888u] {
    overflow-x: auto;
}

.table-scroll[b-rc1e3p888u]  table {
    min-width: 380px;
}

.fabric[b-rc1e3p888u] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.swatch[b-rc1e3p888u] {
    flex: none;
    width: 14px;
    height: 14px;
    margin-top: 3px;
    border: 1px solid rgba(0, 0, 0, .18);
    border-radius: 2px;
}

.cell-main[b-rc1e3p888u] {
    font-weight: 600;
    color: #1E2622;
}

.cell-sub[b-rc1e3p888u] {
    font-size: 12px;
    color: #5B6770;
}

.free[b-rc1e3p888u] {
    font-weight: 600;
    color: #8A5A12;
}

.panel-foot[b-rc1e3p888u] {
    padding: 10px 16px;
    border-top: 1px solid #E7E9E6;
    font-size: 13px;
}

.panel-problem[b-rc1e3p888u] {
    padding: 16px;
    color: #8A5A12;
}
/* /Components/Pages/Admin/Overview/MyTasksPanel.razor.rz.scp.css */
.tasks[b-ukqn5fsbty] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.task[b-ukqn5fsbty] {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    padding: 6px 16px 8px 8px;
    border-bottom: 1px solid #E7E9E6;
}

.task:last-child[b-ukqn5fsbty] {
    border-bottom: 0;
}

.task--late[b-ukqn5fsbty] {
    box-shadow: inset 3px 0 0 #B42318;
}

.task-text[b-ukqn5fsbty] {
    min-width: 0;
    padding-top: 5px;
}

.task-title[b-ukqn5fsbty] {
    font-weight: 600;
    color: #1E2622;
    overflow-wrap: anywhere;
}

.task-meta[b-ukqn5fsbty] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 10px;
    margin-top: 2px;
    font-size: 12px;
    color: #5B6770;
}

.due--late[b-ukqn5fsbty] {
    font-weight: 600;
    color: #9A1D14;
}

.panel-foot[b-ukqn5fsbty] {
    padding: 10px 16px;
    border-top: 1px solid #E7E9E6;
    font-size: 13px;
}

.panel-problem[b-ukqn5fsbty] {
    padding: 16px;
    color: #8A5A12;
}
/* /Components/Pages/Admin/Overview/MyWorkItemsPanel.razor.rz.scp.css */
.table-scroll[b-qv6ih9s4tv] {
    overflow-x: auto;
}

.table-scroll[b-qv6ih9s4tv]  table {
    min-width: 420px;
}

.card-title[b-qv6ih9s4tv] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 2px 8px;
    color: #1E2622;
}

.card-title a[b-qv6ih9s4tv] {
    font-weight: 600;
    text-decoration: none;
}

.card-title a:hover[b-qv6ih9s4tv] {
    text-decoration: underline;
}

.cell-sub[b-qv6ih9s4tv] {
    font-size: 12px;
    color: #5B6770;
}

.due--late[b-qv6ih9s4tv] {
    font-weight: 600;
    color: #9A1D14;
}

.panel-foot[b-qv6ih9s4tv] {
    padding: 10px 16px;
    border-top: 1px solid #E7E9E6;
    font-size: 13px;
}

.panel-problem[b-qv6ih9s4tv] {
    padding: 16px;
    color: #8A5A12;
}
/* /Components/Pages/Admin/Overview/OrdersToConfirmPanel.razor.rz.scp.css */
.table-scroll[b-l9zky6tk4w] {
    overflow-x: auto;
}

.table-scroll[b-l9zky6tk4w]  table {
    min-width: 460px;
}

.cell-main[b-l9zky6tk4w] {
    font-weight: 600;
    color: #1E2622;
}

.cell-main a[b-l9zky6tk4w] {
    text-decoration: none;
}

.cell-main a:hover[b-l9zky6tk4w] {
    text-decoration: underline;
}

.cell-sub[b-l9zky6tk4w] {
    font-size: 12px;
    color: #5B6770;
}

.panel-foot[b-l9zky6tk4w] {
    padding: 10px 16px;
    border-top: 1px solid #E7E9E6;
    font-size: 13px;
}

.panel-problem[b-l9zky6tk4w] {
    padding: 16px;
    color: #8A5A12;
}
/* /Components/Pages/Admin/Overview/OrdersToPickPanel.razor.rz.scp.css */
.table-scroll[b-ppydlirmqc] {
    overflow-x: auto;
}

.table-scroll[b-ppydlirmqc]  table {
    min-width: 580px;
}

.table-scroll[b-ppydlirmqc]  td {
    vertical-align: top;
}

.cell-main[b-ppydlirmqc] {
    font-weight: 600;
    color: #1E2622;
}

.cell-main a[b-ppydlirmqc] {
    text-decoration: none;
}

.cell-main a:hover[b-ppydlirmqc] {
    text-decoration: underline;
}

.cell-status[b-ppydlirmqc] {
    margin: 2px 0;
}

.cell-sub[b-ppydlirmqc] {
    font-size: 12px;
    color: #5B6770;
}

.lines[b-ppydlirmqc] {
    display: grid;
    gap: 2px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.lines li[b-ppydlirmqc] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2px 8px;
}

.swatch[b-ppydlirmqc] {
    flex: none;
    width: 12px;
    height: 12px;
    border: 1px solid rgba(0, 0, 0, .18);
    border-radius: 2px;
}

.line-name[b-ppydlirmqc] {
    color: #1E2622;
}

.line-meters[b-ppydlirmqc] {
    margin-left: auto;
    font-variant-numeric: tabular-nums;
}

.panel-foot[b-ppydlirmqc] {
    padding: 10px 16px;
    border-top: 1px solid #E7E9E6;
    font-size: 13px;
}

.panel-problem[b-ppydlirmqc] {
    padding: 16px;
    color: #8A5A12;
}
/* /Components/Pages/Admin/Overview/OverviewGrid.razor.rz.scp.css */
.overview-grid[b-vqs909w0ju] {
    display: grid;
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
    align-items: stretch;
    gap: 16px;
    margin-bottom: 16px;
}

/* A block alone in its row takes the whole width. */
.overview-grid[b-vqs909w0ju]  .panel:only-child {
    grid-column: 1 / -1;
}

@media (max-width: 1100px) {
    .overview-grid[b-vqs909w0ju] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/Admin/Overview/QualityKpis.razor.rz.scp.css */
.kpi-placeholder[b-odc47t4bs8] {
    margin-bottom: 16px;
    min-height: 24px;
}

/* One quiet line under the cards: the month's failure rate and the supplier behind it. */
.quality-line[b-odc47t4bs8] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 16px;
    margin: -4px 0 16px;
    font-size: 13px;
    color: #5B6770;
}

.quality-line strong[b-odc47t4bs8] {
    color: #1E2622;
}

.quality-worst[b-odc47t4bs8] {
    color: #8E3F34;
}

.quality-more[b-odc47t4bs8] {
    color: var(--mud-palette-primary);
    font-weight: 600;
    text-decoration: none;
}

.quality-more:hover[b-odc47t4bs8] {
    text-decoration: underline;
}
/* /Components/Pages/Admin/Overview/RecentEventsPanel.razor.rz.scp.css */
.events[b-6dpfzklwyh] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.event[b-6dpfzklwyh] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 8px 16px;
    border-bottom: 1px solid #E7E9E6;
}

.event:last-child[b-6dpfzklwyh] {
    border-bottom: 0;
}

.event-icon[b-6dpfzklwyh] {
    display: inline-grid;
    flex: none;
    place-items: center;
    width: 26px;
    height: 26px;
    margin-top: 1px;
    border-radius: 50%;
    background: #EEF3EF;
    color: #3E5B47;
}

.event-body[b-6dpfzklwyh] {
    min-width: 0;
}

.event-text[b-6dpfzklwyh] {
    color: #1E2622;
    overflow-wrap: anywhere;
}

.event-meta[b-6dpfzklwyh] {
    display: flex;
    flex-wrap: wrap;
    gap: 2px 12px;
    margin-top: 2px;
    font-size: 12px;
    color: #5B6770;
}

.panel-problem[b-6dpfzklwyh] {
    padding: 16px;
    color: #8A5A12;
}
/* /Components/Pages/Admin/Overview/RequestsToAnswerPanel.razor.rz.scp.css */
.table-scroll[b-r597rnhtxj] {
    overflow-x: auto;
}

.table-scroll[b-r597rnhtxj]  table {
    min-width: 500px;
}

.table-scroll[b-r597rnhtxj]  .row-late > td:first-child {
    box-shadow: inset 3px 0 0 #B42318;
}

.cell-main[b-r597rnhtxj] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    font-weight: 600;
    color: #1E2622;
}

.cell-main a[b-r597rnhtxj] {
    text-decoration: none;
}

.cell-main a:hover[b-r597rnhtxj] {
    text-decoration: underline;
}

.cell-sub[b-r597rnhtxj] {
    font-size: 12px;
    color: #5B6770;
}

.waiting[b-r597rnhtxj] {
    font-weight: 600;
}

.waiting--late[b-r597rnhtxj] {
    color: #9A1D14;
}

.waiting--late + .cell-sub[b-r597rnhtxj] {
    color: #9A1D14;
}

.panel-foot[b-r597rnhtxj] {
    padding: 10px 16px;
    border-top: 1px solid #E7E9E6;
    font-size: 13px;
}

.panel-problem[b-r597rnhtxj] {
    padding: 16px;
    color: #8A5A12;
}
/* /Components/Pages/Admin/Overview/RevenueChartPanel.razor.rz.scp.css */
.totals[b-s4rosszwoy] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
    gap: 8px 16px;
    margin: 8px 0 0;
    padding-top: 12px;
    border-top: 1px solid #E7E9E6;
}

.totals dt[b-s4rosszwoy] {
    font-size: 12px;
    color: #5B6770;
}

.totals dd[b-s4rosszwoy] {
    margin: 2px 0 0;
    font-weight: 600;
    color: #1E2622;
    text-align: left;
}

.panel-problem[b-s4rosszwoy] {
    color: #8A5A12;
}
/* /Components/Pages/Admin/Overview/SalesKpis.razor.rz.scp.css */
.delta[b-hnj3wrf307] {
    margin-right: 4px;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.delta--up[b-hnj3wrf307] { color: #22613C; }
.delta--down[b-hnj3wrf307] { color: #9A1D14; }
.delta--flat[b-hnj3wrf307] { color: #5B6770; }

.kpi-placeholder[b-hnj3wrf307] {
    margin-bottom: 16px;
}

/* /Components/Pages/Admin/Overview/StaffGlancePanel.razor.rz.scp.css */
.table-scroll[b-e3gjx8jxgz] {
    overflow-x: auto;
}

.table-scroll[b-e3gjx8jxgz]  table {
    min-width: 640px;
}

.person[b-e3gjx8jxgz] {
    font-weight: 600;
    text-decoration: none;
}

.person:hover[b-e3gjx8jxgz] {
    text-decoration: underline;
}

.person-note[b-e3gjx8jxgz] {
    margin-left: 8px;
    font-size: 12px;
    color: #5B6770;
}

.zero[b-e3gjx8jxgz] {
    color: #A7B0A9;
}

.late[b-e3gjx8jxgz] {
    font-weight: 600;
    color: #9A1D14;
}

.panel-foot[b-e3gjx8jxgz] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px 0;
    padding: 10px 16px;
    border-top: 1px solid #E7E9E6;
    font-size: 13px;
}

.rule[b-e3gjx8jxgz] {
    margin-left: auto;
    padding-left: 16px;
    font-size: 12px;
}

.panel-problem[b-e3gjx8jxgz] {
    padding: 16px;
    color: #8A5A12;
}

.staff-block[b-e3gjx8jxgz] {
    margin-bottom: 16px;
}
/* /Components/Pages/Admin/Overview/WarehouseKpis.razor.rz.scp.css */
.kpi-placeholder[b-0yjtf4a8rs] {
    margin-bottom: 16px;
}

/* /Components/Pages/Admin/Projects/KanbanReportView.razor.rz.scp.css */
.report[b-t6aj47gi7i] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
}

.report > .kpi-grid[b-t6aj47gi7i] {
    margin-bottom: 0;
}

.report-grid[b-t6aj47gi7i] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 16px;
}

.chart[b-t6aj47gi7i] {
    width: 100%;
    min-width: 0;
    overflow: hidden;
}

.chart[b-t6aj47gi7i]  .mud-chart {
    width: 100%;
}

.chart-note[b-t6aj47gi7i] {
    margin: 8px 0 0;
    font-size: 12px;
    line-height: 1.5;
}

.table-scroll[b-t6aj47gi7i] {
    overflow-x: auto;
}

.table-scroll[b-t6aj47gi7i]  table {
    min-width: 520px;
}

.table-scroll[b-t6aj47gi7i]  .wip-over {
    background: #FDF3F2;
}

.card-key[b-t6aj47gi7i] {
    font-size: 12px;
    font-weight: 600;
    color: #5B6770;
    white-space: nowrap;
}

.kind-dot[b-t6aj47gi7i] {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 8px;
    border-radius: 50%;
    vertical-align: middle;
}

.kind-dot--todo[b-t6aj47gi7i] { background: #C9CEC8; }
.kind-dot--work[b-t6aj47gi7i] { background: #D9A441; }
.kind-dot--done[b-t6aj47gi7i] { background: #2E7D4F; }

.load[b-t6aj47gi7i] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 140px;
}

.load[b-t6aj47gi7i]  .load-meter {
    flex: 1;
    min-width: 80px;
}

.load-over[b-t6aj47gi7i] {
    color: #B42318;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}

.table-scroll[b-t6aj47gi7i]  .type-icon {
    margin-right: 4px;
    vertical-align: -3px;
}

.table-scroll[b-t6aj47gi7i]  .type-task { color: #2F6690; }
.table-scroll[b-t6aj47gi7i]  .type-story { color: #3E5B47; }
.table-scroll[b-t6aj47gi7i]  .type-bug { color: #B42318; }
.table-scroll[b-t6aj47gi7i]  .type-improvement { color: #8A6D12; }

@media (max-width: 1100px) {
    .report-grid[b-t6aj47gi7i] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/Admin/Projects/ProjectBacklogPage.razor.rz.scp.css */
.plan-note[b-7vyer7njf7] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 12px;
    margin: 0 0 12px;
    font-size: 13px;
    color: #26312A;
}

.plan[b-7vyer7njf7] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.plan[b-7vyer7njf7]  .mud-drop-container {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* A sprint (or the backlog) is a block like a panel: a head, then its cards as rows. */
.sprint[b-7vyer7njf7] {
    border: 1px solid #DDE1DC;
    border-radius: 4px;
    background: #fff;
}

.sprint--active[b-7vyer7njf7] {
    border-left: 3px solid #3E5B47;
}

.sprint--backlog[b-7vyer7njf7] {
    background: #FCFCFB;
}

.sprint-head[b-7vyer7njf7] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 10px 12px;
}

.sprint-toggle[b-7vyer7njf7] {
    display: inline-grid;
    place-items: center;
    width: 28px;
    height: 28px;
    margin-top: -2px;
    padding: 0;
    border: 1px solid #DDE1DC;
    border-radius: 4px;
    background: #fff;
    color: #3E5B47;
    cursor: pointer;
}

.sprint-toggle:hover[b-7vyer7njf7] {
    border-color: #9FB2A5;
}

.sprint-toggle:focus-visible[b-7vyer7njf7] {
    outline: 2px solid #3E5B47;
    outline-offset: 1px;
}

.sprint-info[b-7vyer7njf7] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.sprint-line[b-7vyer7njf7] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 10px;
    font-size: 13px;
}

.sprint-name[b-7vyer7njf7] {
    font-size: 15px;
    font-weight: 600;
    color: #1E2622;
}

.sprint-goal[b-7vyer7njf7] {
    font-size: 13px;
    color: #26312A;
    overflow-wrap: anywhere;
}

.sprint-hint[b-7vyer7njf7] {
    font-size: 12px;
}

.sprint-progress[b-7vyer7njf7] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 12px;
    font-size: 12px;
    color: #26312A;
}

.sprint-progress[b-7vyer7njf7]  .meter {
    flex: 0 1 180px;
    min-width: 100px;
}

.scope-note[b-7vyer7njf7],
.capacity-over[b-7vyer7njf7] {
    color: #8A6D12;
    font-weight: 600;
}

.sprint-actions[b-7vyer7njf7] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
}

.plan[b-7vyer7njf7]  .zone {
    min-height: 44px;
    border-top: 1px solid #E7E9E6;
}

.plan[b-7vyer7njf7]  .zone-dragging {
    background: #F1F5F2;
    outline: 1px dashed #9FB2A5;
    outline-offset: -2px;
}

.plan[b-7vyer7njf7]  .row-dragging {
    opacity: .6;
}

.zone-empty[b-7vyer7njf7] {
    padding: 12px 16px;
    font-size: 13px;
    color: #7C8A96;
}

.quick-add[b-7vyer7njf7] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 0 8px 8px 12px;
}

.quick-add-input[b-7vyer7njf7] {
    flex: 1;
    min-width: 0;
    height: 32px;
    padding: 0 10px;
    border: 1px solid #D5DBD6;
    border-radius: 4px;
    background: #fff;
    color: #1E2622;
    font: inherit;
    font-size: 13px;
}

.quick-add-input:focus[b-7vyer7njf7] {
    border-color: #3E5B47;
    outline: 1px solid #3E5B47;
}

/* One card per row: type, key and title on the left, its marks on the right. */
.row[b-7vyer7njf7] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 38px;
    padding: 4px 8px 4px 10px;
    border-bottom: 1px solid #EEF0EC;
    border-left: 3px solid #A7B0A9;
    background: #fff;
    font-size: 13px;
    cursor: pointer;
}

.row:hover[b-7vyer7njf7] {
    background: #F7F8F6;
}

.row:focus-visible[b-7vyer7njf7] {
    outline: 2px solid #3E5B47;
    outline-offset: -2px;
}

.row.type-story[b-7vyer7njf7] { border-left-color: #3E5B47; }
.row.type-bug[b-7vyer7njf7] { border-left-color: #B42318; }
.row.type-improvement[b-7vyer7njf7] { border-left-color: #8A6D12; }
.row.type-task[b-7vyer7njf7] { border-left-color: #2F6690; }

.row[b-7vyer7njf7]  .row-type { font-size: 16px; }
.type-task[b-7vyer7njf7]  .row-type { color: #2F6690; }
.type-story[b-7vyer7njf7]  .row-type { color: #3E5B47; }
.type-bug[b-7vyer7njf7]  .row-type { color: #B42318; }
.type-improvement[b-7vyer7njf7]  .row-type { color: #8A6D12; }

.row-key[b-7vyer7njf7] {
    font-size: 12px;
    font-weight: 600;
    color: #5B6770;
    white-space: nowrap;
}

.row-title[b-7vyer7njf7] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    color: #1E2622;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.row--done .row-title[b-7vyer7njf7] {
    color: #5B6770;
}

.row--done .row-key[b-7vyer7njf7] {
    text-decoration: line-through;
}

.row-meta[b-7vyer7njf7] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: 6px;
}

.row-label[b-7vyer7njf7] {
    padding: 0 6px;
    border: 1px solid #D5DBD6;
    border-radius: 3px;
    background: #F7F8F6;
    color: #4A555D;
    font-size: 11px;
    line-height: 18px;
    white-space: nowrap;
}

.row[b-7vyer7njf7]  .row-prio { font-size: 18px; }
.row[b-7vyer7njf7]  .prio-critical { color: #B42318; }
.row[b-7vyer7njf7]  .prio-high { color: #C2410C; }
.row[b-7vyer7njf7]  .prio-low { color: #7C8A96; }

.row-avatar[b-7vyer7njf7] {
    display: inline-grid;
    place-items: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #3E5B47;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
}

.row-avatar--none[b-7vyer7njf7] {
    background: #EEF0EC;
    color: #8A948D;
}

.row-points[b-7vyer7njf7] {
    min-width: 24px;
    padding: 0 6px;
    border-radius: 10px;
    background: #EEF0EC;
    color: #26312A;
    font-size: 11px;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
}

.row-points--none[b-7vyer7njf7] {
    color: #8A948D;
    font-weight: 400;
}

.row-menu[b-7vyer7njf7] {
    display: inline-flex;
    flex-shrink: 0;
}

.menu-caption[b-7vyer7njf7] {
    padding: 6px 16px 4px;
    color: #5B6770;
    font-size: 12px;
    font-weight: 600;
}

@media (max-width: 700px) {
    .sprint-head[b-7vyer7njf7] {
        flex-wrap: wrap;
    }

    .sprint-actions[b-7vyer7njf7] {
        justify-content: flex-start;
        width: 100%;
    }

    .row[b-7vyer7njf7] {
        flex-wrap: wrap;
        row-gap: 2px;
    }

    .row-title[b-7vyer7njf7] {
        flex-basis: calc(100% - 90px);
        white-space: normal;
    }

    .row-meta[b-7vyer7njf7] {
        margin-left: auto;
    }

    .row-label[b-7vyer7njf7] {
        display: none;
    }
}
/* /Components/Pages/Admin/Projects/ProjectBoardPage.razor.rz.scp.css */
/* ---- Sprint strip (Scrum) ------------------------------------------------ */

.sprint-bar[b-w6r5nwovqr] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 24px;
    margin-bottom: 12px;
    padding: 10px 16px;
    border: 1px solid #E0E3DF;
    border-left: 3px solid #3E5B47;
    border-radius: 4px;
    background: #fff;
}

.sprint-main[b-w6r5nwovqr] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 12px;
}

.sprint-name[b-w6r5nwovqr] {
    font-weight: 600;
    color: #1E2622;
}

.sprint-goal[b-w6r5nwovqr] {
    flex: 1 1 280px;
    min-width: 0;
}

.sprint-progress[b-w6r5nwovqr] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: auto;
    font-size: 13px;
}

.sprint-progress[b-w6r5nwovqr]  .sprint-meter {
    width: 120px;
}

/* ---- Filters ---------------------------------------------------------------- */

.board-filters[b-w6r5nwovqr]  .filter-search {
    flex: 1 1 260px;
    max-width: 360px;
}

.board-filters[b-w6r5nwovqr]  .mud-select {
    flex: 0 1 190px;
}

.board-filters[b-w6r5nwovqr]  .filter-reset {
    min-width: 0;
    align-self: center;
}

.filter-note[b-w6r5nwovqr] {
    margin: -4px 0 10px;
    font-size: 12px;
}

/* ---- Board --------------------------------------------------------------- */

/* Columns side by side; on narrow screens the board scrolls sideways inside its frame. */
.board-scroll[b-w6r5nwovqr] {
    overflow-x: auto;
    padding-bottom: 8px;
}

.board-scroll[b-w6r5nwovqr]  .board {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    min-width: min-content;
}

.board-col[b-w6r5nwovqr] {
    display: flex;
    flex: 0 0 272px;
    flex-direction: column;
    width: 272px;
    border: 1px solid #E0E3DF;
    border-radius: 4px;
    background: #EEF0EC;
}

.col-head[b-w6r5nwovqr] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 9px 12px;
    border-bottom: 1px solid #E0E3DF;
    border-radius: 4px 4px 0 0;
    background: #F7F8F6;
}

.col-kind[b-w6r5nwovqr] {
    flex: none;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #A7B0A9;
}

.col-kind--work[b-w6r5nwovqr] { background: #B7791F; }
.col-kind--done[b-w6r5nwovqr] { background: #2E7D4F; }

.col-name[b-w6r5nwovqr] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    font-size: 13px;
    font-weight: 600;
    color: #1E2622;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.col-count[b-w6r5nwovqr] {
    flex: none;
    font-size: 12px;
    font-weight: 600;
    color: #5B6770;
    font-variant-numeric: tabular-nums;
}

/* Over the work-in-progress limit: the header turns red. */
.col-head--over[b-w6r5nwovqr] {
    border-bottom-color: #EDB8B3;
    background: #FDF1F0;
}

.col-head--over .col-name[b-w6r5nwovqr],
.col-head--over .col-count[b-w6r5nwovqr] {
    color: #9A1D14;
}

.board-col[b-w6r5nwovqr]  .col-body {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: 96px;
    padding: 8px;
}

/* While a card is dragged: the columns it can go to, and the card itself. */
.board-col[b-w6r5nwovqr]  .zone-dragging {
    background: rgba(62, 91, 71, .06);
}

.board-col[b-w6r5nwovqr]  .card-dragging {
    opacity: .55;
}

.col-note[b-w6r5nwovqr] {
    padding: 0 12px 10px;
    font-size: 12px;
    color: #5B6770;
}

/* ---- Quick add ------------------------------------------------------------ */

.quick-add[b-w6r5nwovqr] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 0 6px 8px 8px;
}

.quick-add-input[b-w6r5nwovqr] {
    flex: 1;
    min-width: 0;
    height: 32px;
    padding: 0 10px;
    border: 1px dashed #B9C1BB;
    border-radius: 4px;
    background: #fff;
    color: #1E2622;
    font: inherit;
    font-size: 13px;
}

.quick-add-input:focus[b-w6r5nwovqr] {
    border-style: solid;
    border-color: #3E5B47;
    outline: none;
    box-shadow: 0 0 0 2px rgba(62, 91, 71, .15);
}

/* ---- Cards ------------------------------------------------------------------ */

.card[b-w6r5nwovqr] {
    display: grid;
    gap: 6px;
    padding: 8px 10px;
    border: 1px solid #DDE1DC;
    border-left: 3px solid #A7B0A9;
    border-radius: 4px;
    background: #fff;
    cursor: pointer;
    box-shadow: 0 1px 1px rgba(30, 38, 34, .04);
}

.card:hover[b-w6r5nwovqr] {
    border-color: #9FB2A5;
}

.card:focus-visible[b-w6r5nwovqr] {
    outline: 2px solid #3E5B47;
    outline-offset: 1px;
}

.card.type-story[b-w6r5nwovqr] { border-left-color: #3E5B47; }
.card.type-bug[b-w6r5nwovqr] { border-left-color: #B42318; }
.card.type-improvement[b-w6r5nwovqr] { border-left-color: #8A6D12; }
.card.type-task[b-w6r5nwovqr] { border-left-color: #2F6690; }

.card--done .card-title[b-w6r5nwovqr] {
    color: #5B6770;
}

.card-top[b-w6r5nwovqr],
.card-foot[b-w6r5nwovqr] {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
}

.card-spacer[b-w6r5nwovqr] {
    flex: 1;
}

.card[b-w6r5nwovqr]  .card-type {
    font-size: 16px;
}

.type-task[b-w6r5nwovqr]  .card-type { color: #2F6690; }
.type-story[b-w6r5nwovqr]  .card-type { color: #3E5B47; }
.type-bug[b-w6r5nwovqr]  .card-type { color: #B42318; }
.type-improvement[b-w6r5nwovqr]  .card-type { color: #8A6D12; }

.card-key[b-w6r5nwovqr] {
    font-size: 12px;
    font-weight: 600;
    color: #5B6770;
    white-space: nowrap;
}

.card--done .card-key[b-w6r5nwovqr] {
    text-decoration: line-through;
}

.card[b-w6r5nwovqr]  .card-prio {
    font-size: 18px;
}

.card[b-w6r5nwovqr]  .prio-critical { color: #B42318; }
.card[b-w6r5nwovqr]  .prio-high { color: #C2410C; }
.card[b-w6r5nwovqr]  .prio-low { color: #7C8A96; }

.card-points[b-w6r5nwovqr] {
    min-width: 20px;
    padding: 0 6px;
    border-radius: 10px;
    background: #EEF0EC;
    color: #26312A;
    font-size: 11px;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
}

.card-title[b-w6r5nwovqr] {
    overflow-wrap: anywhere;
    font-size: 13px;
    line-height: 1.35;
    color: #1E2622;
}

.card-labels[b-w6r5nwovqr] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.card-label[b-w6r5nwovqr] {
    padding: 0 6px;
    border: 1px solid #D5DBD6;
    border-radius: 3px;
    background: #F7F8F6;
    color: #4A555D;
    font-size: 11px;
    line-height: 18px;
}

.card-client[b-w6r5nwovqr] {
    display: flex;
    align-items: center;
    gap: 4px;
    min-width: 0;
    font-size: 12px;
    color: #4A555D;
}

.card-client span[b-w6r5nwovqr] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.card-client[b-w6r5nwovqr]  .mud-icon-root,
.card-foot[b-w6r5nwovqr]  .mud-icon-root {
    font-size: 14px;
    color: #8A948D;
}

.card-due[b-w6r5nwovqr],
.card-comments[b-w6r5nwovqr] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-size: 12px;
    color: #5B6770;
    white-space: nowrap;
}

.card-due--late[b-w6r5nwovqr] {
    font-weight: 600;
    color: #9A1D14;
}

.card-foot .card-due--late[b-w6r5nwovqr]  .mud-icon-root {
    color: #B42318;
}

.card-avatar[b-w6r5nwovqr] {
    display: inline-grid;
    place-items: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #3E5B47;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
}

.card-avatar--none[b-w6r5nwovqr] {
    background: #EEF0EC;
    color: #8A948D;
}

@media (max-width: 700px) {
    .board-col[b-w6r5nwovqr] {
        flex-basis: 248px;
        width: 248px;
    }

    .sprint-progress[b-w6r5nwovqr] {
        margin-left: 0;
    }
}
/* /Components/Pages/Admin/Projects/ProjectCreate.razor.rz.scp.css */
.form-actions[b-dnjgj7o6p2] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 20px;
}
/* /Components/Pages/Admin/Projects/ProjectDenied.razor.rz.scp.css */
.denied[b-6xgw22bxgp] {
    display: grid;
    justify-items: center;
    gap: 6px;
    padding: 56px 16px;
    text-align: center;
    color: #5B6770;
}

.denied[b-6xgw22bxgp]  .denied-icon {
    font-size: 40px;
    color: #A7B0A9;
}

.denied-title[b-6xgw22bxgp] {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    color: #1E2622;
}

.denied-text[b-6xgw22bxgp] {
    max-width: 46ch;
    margin: 0 0 10px;
}
/* /Components/Pages/Admin/Projects/ProjectForm.razor.rz.scp.css */
.project-form[b-25nzheqpfx] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px 16px;
    max-width: 860px;
}

.project-form[b-25nzheqpfx]  .field-wide {
    grid-column: 1 / -1;
}

@media (max-width: 700px) {
    .project-form[b-25nzheqpfx] {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* Keys are capitals; show them so while typing. */
.project-form[b-25nzheqpfx]  .field-key input {
    text-transform: uppercase;
}
/* /Components/Pages/Admin/Projects/ProjectList.razor.rz.scp.css */
.project-grid[b-b354l56me3] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(340px, 100%), 1fr));
    gap: 12px;
}

.project-card[b-b354l56me3] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 14px 16px;
    border: 1px solid #E0E3DF;
    border-radius: 4px;
    background: #fff;
}

.project-card:has(.project-card-link:hover)[b-b354l56me3],
.project-card:has(.project-card-link:focus-visible)[b-b354l56me3] {
    border-color: #3E5B47;
}

.project-card--archived[b-b354l56me3] {
    background: #FAFBF9;
}

.project-card--archived .project-name[b-b354l56me3] {
    color: #5B6770;
}

/* The whole card opens the board. */
.project-card-link[b-b354l56me3] {
    position: absolute;
    inset: 0;
    z-index: 1;
    border-radius: 4px;
}

.project-card-link:focus-visible[b-b354l56me3] {
    outline: 2px solid #3E5B47;
    outline-offset: 2px;
}

.project-card-head[b-b354l56me3] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.project-key[b-b354l56me3] {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .06em;
    color: #3E5B47;
}

.project-name[b-b354l56me3] {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    color: #1E2622;
}

.project-desc[b-b354l56me3] {
    display: -webkit-box;
    margin: 0;
    overflow: hidden;
    color: #5B6770;
    font-size: 13px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.project-facts[b-b354l56me3] {
    display: grid;
    grid-template-columns: max-content minmax(0, 1fr);
    gap: 4px 12px;
    margin: 0;
    font-size: 13px;
}

.project-facts dt[b-b354l56me3] {
    color: #5B6770;
}

.project-facts dd[b-b354l56me3] {
    margin: 0;
}

.project-counts[b-b354l56me3] {
    display: flex;
    flex-wrap: wrap;
    gap: 2px 12px;
}

.project-counts b[b-b354l56me3] {
    font-variant-numeric: tabular-nums;
}

.sprint-late[b-b354l56me3] {
    color: #9A1D14;
}

.project-card-foot[b-b354l56me3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: auto;
    padding-top: 10px;
    border-top: 1px solid #EEF0EC;
}

.avatars[b-b354l56me3] {
    display: flex;
}

/* Above the card link, so the names show on hover. */
.avatar[b-b354l56me3] {
    position: relative;
    z-index: 2;
    display: inline-grid;
    place-items: center;
    width: 26px;
    height: 26px;
    margin-left: -4px;
    border: 2px solid #fff;
    border-radius: 50%;
    background: #E4E9E5;
    color: #26312A;
    font-size: 10px;
    font-weight: 700;
}

.avatar:first-child[b-b354l56me3] {
    margin-left: 0;
}

.avatar--lead[b-b354l56me3] {
    background: #3E5B47;
    color: #fff;
}

.avatar--more[b-b354l56me3] {
    background: #F0F2EE;
    color: #5B6770;
}

.mine[b-b354l56me3] {
    font-size: 12px;
    color: #5B6770;
    white-space: nowrap;
}

.mine--some[b-b354l56me3] {
    font-weight: 600;
    color: #3E5B47;
}
/* /Components/Pages/Admin/Projects/ProjectLoadPanels.razor.rz.scp.css */
.load-grid[b-kzx3g0okl3] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 16px;
}

.table-scroll[b-kzx3g0okl3] {
    overflow-x: auto;
}

.table-scroll[b-kzx3g0okl3]  table {
    min-width: 520px;
}

.type[b-kzx3g0okl3] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.type[b-kzx3g0okl3]  .type-icon { font-size: 18px; }
.type-task[b-kzx3g0okl3]  .type-icon { color: #2F6690; }
.type-story[b-kzx3g0okl3]  .type-icon { color: #3E5B47; }
.type-bug[b-kzx3g0okl3]  .type-icon { color: #B42318; }
.type-improvement[b-kzx3g0okl3]  .type-icon { color: #8A6D12; }

/* Not started, in work, done: the colours of the column kinds on the reports. */
.ratio[b-kzx3g0okl3] {
    display: flex;
    width: 100%;
    min-width: 90px;
    height: 8px;
    overflow: hidden;
    border-radius: 4px;
    background: #EEF0EC;
}

.ratio-todo[b-kzx3g0okl3] { background: #C9CEC8; }
.ratio-work[b-kzx3g0okl3] { background: #D9A441; }
.ratio-done[b-kzx3g0okl3] { background: #2E7D4F; }

@media (max-width: 1100px) {
    .load-grid[b-kzx3g0okl3] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/Admin/Projects/ProjectReportsPage.razor.rz.scp.css */
.reports[b-gmsmbg9ii5] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
}
/* /Components/Pages/Admin/Projects/ProjectSettingsPage.razor.rz.scp.css */
.settings[b-nlzrsgh3ak] {
    display: grid;
    gap: 16px;
    max-width: 1100px;
}

.form-actions[b-nlzrsgh3ak] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 16px;
}

.columns-editor[b-nlzrsgh3ak] {
    display: grid;
    gap: 6px;
    overflow-x: auto;
}

.col-row[b-nlzrsgh3ak] {
    display: grid;
    grid-template-columns: 76px minmax(180px, 1fr) 170px 120px 64px 40px;
    align-items: start;
    gap: 10px;
    min-width: 700px;
}

.col-row--head[b-nlzrsgh3ak] {
    padding-bottom: 4px;
    border-bottom: 1px solid #E7E9E6;
    font-size: 12px;
    font-weight: 600;
    color: #5B6770;
}

.col-order[b-nlzrsgh3ak],
.col-remove[b-nlzrsgh3ak] {
    display: flex;
    align-items: center;
    padding-top: 4px;
}

.col-count[b-nlzrsgh3ak] {
    padding-top: 10px;
    color: #5B6770;
}

/* The editor's fields sit in a grid row; the default top margin of dense fields would misalign them. */
.col-row[b-nlzrsgh3ak]  .mud-input-control {
    margin-top: 0;
}

.archive-text[b-nlzrsgh3ak] {
    max-width: 70ch;
    margin: 0 0 12px;
    color: #5B6770;
}
/* /Components/Pages/Admin/Projects/ProjectTabs.razor.rz.scp.css */
.project-tabs[b-b5ocd8k5df] {
    display: flex;
    gap: 4px;
    margin: -8px 0 16px;
    border-bottom: 1px solid #E0E3DF;
    overflow-x: auto;
    scrollbar-width: none;
}

.project-tab[b-b5ocd8k5df] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-bottom: -1px;
    padding: 8px 14px;
    border-bottom: 2px solid transparent;
    color: #5B6770;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}

.project-tab:hover[b-b5ocd8k5df] {
    color: #1E2622;
}

.project-tab--active[b-b5ocd8k5df] {
    border-bottom-color: #3E5B47;
    color: #3E5B47;
}
/* /Components/Pages/Admin/Projects/ScrumReportView.razor.rz.scp.css */
.report[b-8uwlx5h3hp] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
}

.report > .kpi-grid[b-8uwlx5h3hp] {
    margin-bottom: 0;
}

/* Velocity next to the sprint table on a laptop, one under the other below that. */
.report-grid[b-8uwlx5h3hp] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
    gap: 16px;
}

.chart[b-8uwlx5h3hp] {
    width: 100%;
    min-width: 0;
    overflow: hidden;
}

.chart[b-8uwlx5h3hp]  .mud-chart {
    width: 100%;
}

.report[b-8uwlx5h3hp]  .sprint-select {
    width: 220px;
    margin: 0;
}

.chart-note[b-8uwlx5h3hp] {
    margin: 8px 0 0;
    font-size: 12px;
    line-height: 1.5;
}

.sub-title[b-8uwlx5h3hp] {
    margin: 16px 0 6px;
    font-size: 13px;
    font-weight: 600;
    color: #1E2622;
}

.table-scroll[b-8uwlx5h3hp] {
    overflow-x: auto;
}

.table-scroll[b-8uwlx5h3hp]  table {
    min-width: 560px;
}

.card-key[b-8uwlx5h3hp] {
    font-size: 12px;
    font-weight: 600;
    color: #5B6770;
    white-space: nowrap;
}

.summary-name[b-8uwlx5h3hp] {
    margin-right: 6px;
    font-weight: 600;
    color: #1E2622;
    white-space: nowrap;
}

.table-scroll[b-8uwlx5h3hp]  .delta-up {
    color: #8A6D12;
    font-weight: 600;
}

.table-scroll[b-8uwlx5h3hp]  .delta-down {
    color: #2F6690;
    font-weight: 600;
}

@media (max-width: 1100px) {
    .report-grid[b-8uwlx5h3hp] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 600px) {
    .report[b-8uwlx5h3hp]  .sprint-select {
        width: 160px;
    }
}
/* /Components/Pages/Admin/Projects/SprintCompleteDialog.razor.rz.scp.css */
.complete[b-kyewz1tdr0] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.complete-figures[b-kyewz1tdr0] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 12px;
}

.figure[b-kyewz1tdr0] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 10px 12px;
    border: 1px solid #DDE1DC;
    border-left: 3px solid #A7B0A9;
    border-radius: 4px;
}

.figure--done[b-kyewz1tdr0] {
    border-left-color: #2E7D4F;
}

.figure--open[b-kyewz1tdr0] {
    border-left-color: #D9A441;
}

.figure-label[b-kyewz1tdr0] {
    color: #5B6770;
    font-size: 12px;
}

.figure-value[b-kyewz1tdr0] {
    color: #1E2622;
    font-size: 18px;
    font-weight: 600;
}

.figure-note[b-kyewz1tdr0] {
    color: #5B6770;
    font-size: 12px;
}

.unfinished[b-kyewz1tdr0] {
    max-height: 240px;
    margin: 0;
    padding: 0;
    overflow-y: auto;
    border: 1px solid #E7E9E6;
    border-radius: 4px;
    list-style: none;
}

.unfinished li[b-kyewz1tdr0] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    border-bottom: 1px solid #EEF0EC;
    font-size: 13px;
}

.unfinished li:last-child[b-kyewz1tdr0] {
    border-bottom: 0;
}

.unfinished-key[b-kyewz1tdr0] {
    color: #5B6770;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}

.unfinished-title[b-kyewz1tdr0] {
    flex: 1;
    min-width: 0;
    overflow-wrap: anywhere;
}

.unfinished-points[b-kyewz1tdr0] {
    min-width: 24px;
    padding: 0 6px;
    border-radius: 10px;
    background: #EEF0EC;
    font-size: 11px;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
}

.complete-text[b-kyewz1tdr0] {
    margin: 0;
    font-size: 13px;
}

@media (max-width: 520px) {
    .complete-figures[b-kyewz1tdr0] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/Admin/Projects/SprintDialog.razor.rz.scp.css */
.sprint-form[b-19ba3p0pab] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.sprint-dates[b-19ba3p0pab] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 12px;
}

.sprint-length[b-19ba3p0pab] {
    margin: 0;
    font-size: 12px;
}

@media (max-width: 520px) {
    .sprint-dates[b-19ba3p0pab] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/Admin/Projects/WorkItemDialog.razor.rz.scp.css */
.dlg-title[b-t3hrp6kl3n] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    font-weight: 600;
}

.dlg-title[b-t3hrp6kl3n]  .dlg-type.type-task { color: #2F6690; }
.dlg-title[b-t3hrp6kl3n]  .dlg-type.type-story { color: #3E5B47; }
.dlg-title[b-t3hrp6kl3n]  .dlg-type.type-bug { color: #B42318; }
.dlg-title[b-t3hrp6kl3n]  .dlg-type.type-improvement { color: #8A6D12; }

.dlg-key[b-t3hrp6kl3n] {
    letter-spacing: .02em;
}

.dlg-done[b-t3hrp6kl3n] {
    font-size: 13px;
    font-weight: 400;
}

.dlg-grid[b-t3hrp6kl3n] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 8px 24px;
}

.dlg-main[b-t3hrp6kl3n],
.dlg-side[b-t3hrp6kl3n] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.dlg-side[b-t3hrp6kl3n] {
    padding-left: 20px;
    border-left: 1px solid #E7E9E6;
}

.dlg-pair[b-t3hrp6kl3n] {
    display: grid;
    grid-template-columns: 110px minmax(0, 1fr);
    gap: 10px;
}

.dlg-link[b-t3hrp6kl3n] {
    margin: 2px 0 4px;
    font-size: 13px;
}

.dlg-facts[b-t3hrp6kl3n] {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #E7E9E6;
    font-size: 12px;
}

.dlg-section[b-t3hrp6kl3n] {
    margin-top: 16px;
}

.dlg-h[b-t3hrp6kl3n] {
    margin: 0 0 8px;
    font-size: 14px;
    font-weight: 600;
    color: #1E2622;
}

.dlg-empty[b-t3hrp6kl3n] {
    margin: 0 0 8px;
}

.dlg-noitems[b-t3hrp6kl3n] {
    display: block;
    padding: 8px 16px;
}

.comments[b-t3hrp6kl3n],
.history[b-t3hrp6kl3n] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.comment[b-t3hrp6kl3n] {
    padding: 8px 0;
    border-bottom: 1px solid #EEF0EC;
}

.comment:last-child[b-t3hrp6kl3n] {
    border-bottom: 0;
}

.comment-head[b-t3hrp6kl3n] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    font-size: 13px;
}

.comment-avatar[b-t3hrp6kl3n] {
    display: inline-grid;
    place-items: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #E4E9E5;
    color: #26312A;
    font-size: 10px;
    font-weight: 700;
}

.comment-text[b-t3hrp6kl3n] {
    margin: 4px 0 0 30px;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}

.comment-new[b-t3hrp6kl3n] {
    display: grid;
    justify-items: start;
    gap: 6px;
    margin-top: 6px;
}

.comment-new[b-t3hrp6kl3n]  .mud-input-control {
    width: 100%;
}

.history li[b-t3hrp6kl3n] {
    display: flex;
    flex-wrap: wrap;
    gap: 2px 10px;
    padding: 4px 0;
    font-size: 13px;
}

@media (max-width: 800px) {
    .dlg-grid[b-t3hrp6kl3n] {
        grid-template-columns: minmax(0, 1fr);
    }

    .dlg-side[b-t3hrp6kl3n] {
        order: -1;
        padding-left: 0;
        border-left: 0;
    }
}
/* /Components/Pages/Admin/Quality/ClaimDetail.razor.rz.scp.css */
.cell-link[b-mzsinr9kx0] {
    font-weight: 600;
    color: #1E2622;
    text-decoration: none;
}

.cell-link:hover[b-mzsinr9kx0] {
    text-decoration: underline;
}

.cell-sub[b-mzsinr9kx0] {
    font-size: 12px;
    color: #5B6770;
}

.code[b-mzsinr9kx0] {
    font-family: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
    font-size: 12px;
}

.defects[b-mzsinr9kx0] {
    max-width: 260px;
    font-size: 13px;
}

.comment[b-mzsinr9kx0] {
    margin: 12px 0 0;
    white-space: pre-line;
    color: #3A443D;
}

.photo-line + .photo-line[b-mzsinr9kx0] {
    margin-top: 14px;
}

.photo-line-title[b-mzsinr9kx0] {
    margin-bottom: 6px;
    font-size: 13px;
    font-weight: 600;
    color: #1E2622;
}

.photo-strip[b-mzsinr9kx0] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.photo-strip img[b-mzsinr9kx0] {
    width: 96px;
    height: 96px;
    object-fit: cover;
    border: 1px solid #E7E9E6;
    border-radius: 4px;
    display: block;
}
/* /Components/Pages/Admin/Quality/ClaimList.razor.rz.scp.css */
[b-0kyod728su] .filter-wide {
    min-width: 220px;
}

[b-0kyod728su] .filter-switch {
    align-self: center;
}

.code[b-0kyod728su] {
    font-family: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
    font-size: 12px;
}

.pager[b-0kyod728su] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 10px 16px;
    border-top: 1px solid #E7E9E6;
    font-size: 13px;
}
/* /Components/Pages/Admin/Quality/ClaimNew.razor.rz.scp.css */
[b-kagji49f6p] .supplier-field {
    max-width: 420px;
}

.lines[b-kagji49f6p] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.line[b-kagji49f6p] {
    padding: 10px 12px;
    border: 1px solid #E7E9E6;
    border-radius: 4px;
}

.line--on[b-kagji49f6p] {
    border-color: #3E5B47;
    background: #F7F9F7;
}

.line-head[b-kagji49f6p] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.line-title[b-kagji49f6p] {
    min-width: 0;
    flex: 1 1 200px;
}

.line-check[b-kagji49f6p] {
    text-decoration: none;
    color: #3E5B47;
}

.line-check:hover[b-kagji49f6p] {
    text-decoration: underline;
}

.line-body[b-kagji49f6p] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 12px 16px;
    margin: 10px 0;
}

[b-kagji49f6p] .line-rolls {
    max-width: 160px;
}

.swatch[b-kagji49f6p] {
    display: inline-block;
    flex: 0 0 auto;
    width: 14px;
    height: 14px;
    border: 1px solid #D5D8D3;
    border-radius: 3px;
}

.cell-main[b-kagji49f6p] {
    font-weight: 600;
    color: #1E2622;
}

.cell-sub[b-kagji49f6p] {
    font-size: 12px;
    color: #5B6770;
}

.code[b-kagji49f6p] {
    font-family: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
    font-size: 12px;
}

.form-grid[b-kagji49f6p] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 12px 16px;
    margin-bottom: 12px;
}

.field-error[b-kagji49f6p] {
    margin: 0 0 10px;
    font-size: 13px;
    color: #9A1D14;
}

.page-actions[b-kagji49f6p] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
    margin: 16px 0 24px;
}
/* /Components/Pages/Admin/Quality/QualityCheckDetail.razor.rz.scp.css */
.swatch[b-m1xz16bgcn] {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 1px solid #D5D8D3;
    border-radius: 3px;
    vertical-align: -2px;
    margin-right: 6px;
}

.code[b-m1xz16bgcn] {
    font-family: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
    font-size: 12px;
}

.defects[b-m1xz16bgcn] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.comment[b-m1xz16bgcn] {
    margin: 12px 0 0;
    white-space: pre-line;
    color: #3A443D;
}
/* /Components/Pages/Admin/Quality/QualityCheckNew.razor.rz.scp.css */
.form-grid[b-p3dhcour6t] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 12px 16px;
}

.defect-grid[b-p3dhcour6t] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 0 16px;
}

.verdict[b-p3dhcour6t] {
    margin: 12px 0 8px;
    font-size: 14px;
    color: #1E2622;
}

.field-error[b-p3dhcour6t] {
    margin: 4px 0 0;
    font-size: 12px;
    color: #9A1D14;
}

.fabric[b-p3dhcour6t] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 180px;
}

.swatch[b-p3dhcour6t] {
    display: inline-block;
    flex: 0 0 auto;
    width: 14px;
    height: 14px;
    border: 1px solid #D5D8D3;
    border-radius: 3px;
    vertical-align: -2px;
}

.cell-main[b-p3dhcour6t] {
    font-weight: 600;
    color: #1E2622;
}

.cell-sub[b-p3dhcour6t] {
    font-size: 12px;
    color: #5B6770;
}

.code[b-p3dhcour6t] {
    font-family: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
    font-size: 12px;
}

.page-actions[b-p3dhcour6t] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
    margin: 16px 0 24px;
}

.sr-only[b-p3dhcour6t] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
/* /Components/Pages/Admin/Quality/QualityChecks.razor.rz.scp.css */
[b-8w1mhdf0wt] .filter-wide {
    min-width: 220px;
}

[b-8w1mhdf0wt] .filter-period {
    min-width: 230px;
}

[b-8w1mhdf0wt] .desk-tabs {
    margin-bottom: 16px;
}

[b-8w1mhdf0wt] .tab-panel {
    padding-top: 12px;
}

.fabric[b-8w1mhdf0wt] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 180px;
}

.swatch[b-8w1mhdf0wt] {
    flex: 0 0 auto;
    width: 14px;
    height: 14px;
    border: 1px solid #D5D8D3;
    border-radius: 3px;
}

.cell-main[b-8w1mhdf0wt],
.cell-link[b-8w1mhdf0wt] {
    font-weight: 600;
    color: #1E2622;
}

.cell-link[b-8w1mhdf0wt] {
    text-decoration: none;
}

.cell-link:hover[b-8w1mhdf0wt] {
    text-decoration: underline;
}

.cell-sub[b-8w1mhdf0wt] {
    font-size: 12px;
    color: #5B6770;
}

.code[b-8w1mhdf0wt] {
    font-family: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
    font-size: 12px;
}

.defects[b-8w1mhdf0wt] {
    max-width: 240px;
    font-size: 13px;
    color: #3A443D;
}

.row-tools[b-8w1mhdf0wt] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.pager[b-8w1mhdf0wt] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 10px 16px;
    border-top: 1px solid #E7E9E6;
    font-size: 13px;
}

.sr-only[b-8w1mhdf0wt] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
/* /Components/Pages/Admin/Quality/QualityPhotos.razor.rz.scp.css */
.photos[b-fg23adz4kw] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 10px;
}

.photo[b-fg23adz4kw] {
    position: relative;
    margin: 0;
    width: 96px;
    height: 96px;
    border: 1px solid #E7E9E6;
    border-radius: 4px;
    overflow: hidden;
    background: #F4F5F3;
}

.photo img[b-fg23adz4kw] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.photo-broken[b-fg23adz4kw] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 6px;
    font-size: 11px;
    text-align: center;
    color: #8A5A12;
}

[b-fg23adz4kw] .photo-remove {
    position: absolute;
    top: 2px;
    right: 2px;
    background: rgba(255, 255, 255, 0.86);
}

[b-fg23adz4kw] .photo-add {
    align-self: center;
}

.hint[b-fg23adz4kw] {
    margin: 6px 0 0;
    font-size: 12px;
    color: #5B6770;
}
/* /Components/Pages/Admin/Quality/SupplierDetail.razor.rz.scp.css */
.cell-link[b-78f1rxvepe] {
    font-weight: 600;
    color: #1E2622;
    text-decoration: none;
}

.cell-link:hover[b-78f1rxvepe] {
    text-decoration: underline;
}

.cell-sub[b-78f1rxvepe] {
    font-size: 12px;
    color: #5B6770;
}

.code[b-78f1rxvepe] {
    font-family: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
    font-size: 12px;
}

.defects[b-78f1rxvepe] {
    max-width: 240px;
    font-size: 13px;
}

.notes[b-78f1rxvepe] {
    margin: 0;
    white-space: pre-line;
    color: #3A443D;
}

.trend-facts[b-78f1rxvepe] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
    gap: 8px 12px;
    margin-top: 12px;
}

.trend-month[b-78f1rxvepe] {
    padding: 8px 10px;
    border: 1px solid #E7E9E6;
    border-radius: 4px;
}

.trend-label[b-78f1rxvepe] {
    font-size: 12px;
    color: #5B6770;
}

.trend-value[b-78f1rxvepe] {
    font-size: 16px;
    font-weight: 600;
    color: #1E2622;
}
/* /Components/Pages/Admin/Quality/SupplierList.razor.rz.scp.css */
[b-ymswh3u3uj] .filter-wide {
    flex: 1 1 260px;
    max-width: 380px;
}

.cell-main[b-ymswh3u3uj] {
    font-weight: 600;
    color: #1E2622;
}

.cell-sub[b-ymswh3u3uj] {
    font-size: 12px;
    color: #5B6770;
}

.cell-warn[b-ymswh3u3uj] {
    font-size: 12px;
    font-weight: 600;
    color: #8A5A12;
}

.pager[b-ymswh3u3uj] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 10px 16px;
    border-top: 1px solid #E7E9E6;
    font-size: 13px;
}

.sr-only[b-ymswh3u3uj] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
/* /Components/Pages/Admin/Reports/ChannelsTab.razor.rz.scp.css */
.donut[b-li8p48uzf7] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 24px;
}

.donut-chart[b-li8p48uzf7] {
    flex: 0 0 200px;
}

.donut-legend[b-li8p48uzf7] {
    flex: 1 1 220px;
    display: grid;
    gap: 6px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.donut-legend li[b-li8p48uzf7] {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 8px;
    padding-bottom: 6px;
    border-bottom: 1px solid #EEF0ED;
    font-size: 13px;
}

.donut-legend li:last-child[b-li8p48uzf7] {
    border-bottom: 0;
}

.donut-name[b-li8p48uzf7] {
    color: #1E2622;
    font-weight: 600;
}

.donut-share[b-li8p48uzf7] {
    min-width: 48px;
    font-weight: 600;
}

.legend-swatch[b-li8p48uzf7] {
    width: 10px;
    height: 10px;
    border-radius: 2px;
}
/* /Components/Pages/Admin/Reports/LostTab.razor.rz.scp.css */
.reason[b-bttcj232wr] {
    display: inline-block;
    min-width: 160px;
    max-width: 320px;
    white-space: normal;
}
/* /Components/Pages/Admin/Reports/ReportBars.razor.rz.scp.css */
.bars[b-8csrg9fsya] {
    display: grid;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.bars-row[b-8csrg9fsya] {
    display: grid;
    grid-template-columns: minmax(96px, 180px) minmax(0, 1fr) minmax(88px, max-content);
    align-items: center;
    gap: 12px;
}

.bars-label[b-8csrg9fsya] {
    overflow: hidden;
    color: #1E2622;
    font-weight: 600;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.bars-track[b-8csrg9fsya] {
    display: grid;
    gap: 3px;
}

.bars-bar[b-8csrg9fsya] {
    display: block;
    height: 14px;
    border-radius: 2px;
    background: #3E5B47;
}

.bars-bar--previous[b-8csrg9fsya] {
    height: 6px;
    background: #AEBBB1;
}

.bars-value[b-8csrg9fsya] {
    display: grid;
    justify-items: end;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.bars-figure[b-8csrg9fsya] {
    font-weight: 600;
    color: #1E2622;
}

.bars-was[b-8csrg9fsya] {
    font-size: 12px;
    color: #5B6770;
}

.bars-legend[b-8csrg9fsya] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 16px;
    margin-top: 14px;
    font-size: 12px;
    color: #5B6770;
}

.bars-key[b-8csrg9fsya] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 6px;
    border-radius: 2px;
    background: #3E5B47;
    vertical-align: -1px;
}

.bars-key--previous[b-8csrg9fsya] {
    background: #AEBBB1;
}

@media (max-width: 600px) {
    .bars-row[b-8csrg9fsya] {
        grid-template-columns: minmax(0, 1fr) minmax(80px, max-content);
        gap: 4px 10px;
    }

    .bars-label[b-8csrg9fsya] {
        grid-column: 1 / -1;
    }
}
/* /Components/Pages/Admin/Reports/ReportDelta.razor.rz.scp.css */
.delta[b-00gdliy94u] {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.delta--good[b-00gdliy94u] { color: #22613C; }
.delta--bad[b-00gdliy94u] { color: #9A1D14; }
.delta--flat[b-00gdliy94u] { color: #7A858C; }
/* /Components/Pages/Admin/Reports/ReportPage.razor.rz.scp.css */
/* Tabs: one per report. */
.report-tabs[b-17lbcv6d8j] {
    display: flex;
    gap: 2px;
    margin-bottom: 16px;
    border-bottom: 1px solid #E0E3DF;
    overflow-x: auto;
    scrollbar-width: thin;
}

.report-tab[b-17lbcv6d8j] {
    padding: 8px 14px;
    margin-bottom: -1px;
    border-bottom: 2px solid transparent;
    color: #5B6770;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}

.report-tab:hover[b-17lbcv6d8j] {
    color: #1E2622;
}

.report-tab--on[b-17lbcv6d8j],
.report-tab--on:hover[b-17lbcv6d8j] {
    color: #3E5B47;
    border-bottom-color: #3E5B47;
}

.report-tab:focus-visible[b-17lbcv6d8j] {
    outline: 2px solid #3E5B47;
    outline-offset: -2px;
}

/* Period, comparison and the channels switch. */
.report-toolbar[b-17lbcv6d8j] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 16px;
    margin-bottom: 8px;
}

/* Segmented choices: the period here, the chart's figure on the sales tab. */
.report[b-17lbcv6d8j]  .segmented {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: stretch;
    border: 1px solid #C9CEC8;
    border-radius: 4px;
    background: #fff;
    overflow: hidden;
}

.report[b-17lbcv6d8j]  .segment {
    display: inline-flex;
    align-items: center;
    margin: 0;
    padding: 6px 12px;
    border: 0;
    border-left: 1px solid #E0E3DF;
    background: transparent;
    color: #26312A;
    font: inherit;
    font-weight: 600;
    font-size: 13px;
    line-height: 1.4;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
}

.report[b-17lbcv6d8j]  .segment:first-child {
    border-left: 0;
}

.report[b-17lbcv6d8j]  .segment:hover {
    background: #F2F5F0;
}

.report[b-17lbcv6d8j]  .segment--on,
.report[b-17lbcv6d8j]  .segment--on:hover {
    background: #3E5B47;
    color: #fff;
}

.report[b-17lbcv6d8j]  .segment:focus-visible {
    outline: 2px solid #3E5B47;
    outline-offset: -2px;
}

.report[b-17lbcv6d8j]  .segmented--small .segment {
    padding: 3px 10px;
    font-size: 12px;
}

.report[b-17lbcv6d8j]  .segmented-caption {
    display: inline-flex;
    align-items: center;
    padding: 3px 10px;
    background: #FAFBF9;
    color: #5B6770;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}

.report[b-17lbcv6d8j]  .segmented-caption + .segment {
    border-left: 1px solid #E0E3DF;
}

[b-17lbcv6d8j] .report-dates {
    flex: 0 1 260px;
    min-width: 230px;
}

[b-17lbcv6d8j] .report-compare {
    margin: 0;
}

.report-range[b-17lbcv6d8j] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 8px;
    margin: 0 0 16px;
    font-size: 13px;
    color: #26312A;
}

[b-17lbcv6d8j] .report-alert {
    margin-bottom: 16px;
}

/* ---- Shared by the report tabs (rendered inside .report) -------------------- */

/* Two blocks side by side on a laptop, one above the other on a phone. */
.report[b-17lbcv6d8j]  .report-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-bottom: 16px;
}

.report[b-17lbcv6d8j]  .report-block {
    margin-bottom: 16px;
}

.report[b-17lbcv6d8j]  .cell-main {
    font-weight: 600;
    color: #1E2622;
}

.report[b-17lbcv6d8j]  .cell-sub {
    font-size: 12px;
    color: #5B6770;
}

.report[b-17lbcv6d8j]  .cell-link {
    font-weight: 600;
    text-decoration: none;
}

.report[b-17lbcv6d8j]  .cell-link:hover {
    text-decoration: underline;
}

.report[b-17lbcv6d8j]  .name-cell {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 8px;
    min-width: 160px;
}

.report[b-17lbcv6d8j]  .rank {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 22px;
    padding: 0 4px;
    border-radius: 11px;
    background: #ECEEEB;
    color: #5B6770;
    font-size: 12px;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

/* The leader and the weakest stand out a little; colour stays for meaning only. */
.report[b-17lbcv6d8j]  .mud-table-row.row-leader {
    background: #F3F8F4;
}

.report[b-17lbcv6d8j]  .mud-table-row.row-leader .rank {
    background: #3E5B47;
    color: #fff;
}

.report[b-17lbcv6d8j]  .mud-table-row.row-weakest {
    background: #FDF8EE;
}

.report[b-17lbcv6d8j]  .mud-table-row.row-muted .mud-table-cell {
    color: #5B6770;
}

/* Column groups above a wide table. */
.report[b-17lbcv6d8j]  .group-row .mud-table-cell {
    padding-top: 6px;
    padding-bottom: 2px;
    border-bottom: 0;
    color: #26312A;
    font-size: 11px;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.report[b-17lbcv6d8j]  .group-row .group {
    border-left: 1px solid #E0E3DF;
    text-align: center;
}

.report[b-17lbcv6d8j]  .group-start {
    border-left: 1px solid #E7E9E6;
}

/* Totals under a table. */
.report[b-17lbcv6d8j]  .mud-table-foot .mud-table-cell {
    border-top: 2px solid #E0E3DF;
    background: #FAFBF9;
    font-weight: 600;
    color: #1E2622;
}

.report[b-17lbcv6d8j]  .chart {
    padding: 4px 4px 0 8px;
}

/* Axis labels may reach past the drawing's edge before the chart has measured itself. */
.report[b-17lbcv6d8j]  .chart svg {
    overflow: visible;
}

.report[b-17lbcv6d8j]  .note {
    margin: 0;
    padding: 10px 16px;
    border-top: 1px solid #E7E9E6;
    font-size: 12px;
    color: #5B6770;
}

@media (max-width: 1100px) {
    .report[b-17lbcv6d8j]  .report-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 600px) {
    .report-toolbar[b-17lbcv6d8j] {
        align-items: stretch;
    }

    .report-toolbar > .segmented[b-17lbcv6d8j] {
        width: 100%;
    }

    .report-toolbar > .segmented > .segment[b-17lbcv6d8j] {
        flex: 1 1 auto;
        justify-content: center;
    }

    [b-17lbcv6d8j] .report-dates {
        flex: 1 1 100%;
    }
}
/* /Components/Pages/Admin/Requests/RequestAnswerDialog.razor.rz.scp.css */
.answer-note[b-o6evlmjpk7] {
    margin: 0 0 12px;
    color: #5B6770;
}

.answer-field[b-o6evlmjpk7] {
    margin-bottom: 8px;
}

.answer-label[b-o6evlmjpk7] {
    margin-bottom: 2px;
    font-size: 12px;
    font-weight: 600;
    color: #5B6770;
}

/* Four options side by side on a laptop, wrapping on a phone. */
[b-o6evlmjpk7] .answer-methods {
    display: flex;
    flex-wrap: wrap;
    gap: 0 8px;
}

.answer-error[b-o6evlmjpk7] {
    font-size: 12px;
    color: #B42318;
}
/* /Components/Pages/Admin/Requests/RequestAssignDialog.razor.rz.scp.css */
.assign-note[b-xoy75kmw98] {
    margin: 0 0 12px;
    color: #5B6770;
}
/* /Components/Pages/Admin/Requests/RequestCloseDialog.razor.rz.scp.css */
.close-note[b-t9exy4r2cf] {
    margin: 0 0 12px;
    color: #5B6770;
}
/* /Components/Pages/Admin/Requests/RequestDetail.razor.rz.scp.css */
.request-grid[b-rwjmb0de3l] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
    gap: 16px;
    align-items: start;
}

.request-main[b-rwjmb0de3l],
.request-side[b-rwjmb0de3l] {
    display: grid;
    gap: 16px;
    min-width: 0;
}

.message[b-rwjmb0de3l] {
    margin-top: 16px;
    padding-top: 12px;
    border-top: 1px solid #E7E9E6;
}

.message-label[b-rwjmb0de3l] {
    margin-bottom: 4px;
    font-size: 12px;
    font-weight: 600;
    color: #5B6770;
}

.message-text[b-rwjmb0de3l] {
    margin: 0;
    white-space: pre-line;
    overflow-wrap: anywhere;
}

.samples[b-rwjmb0de3l] {
    margin: 0;
    padding: 4px 16px;
    list-style: none;
}

.sample[b-rwjmb0de3l] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 8px;
    padding: 8px 0;
}

.sample + .sample[b-rwjmb0de3l] {
    border-top: 1px solid #F0F1EF;
}

[b-rwjmb0de3l] .sample-icon {
    color: #5B6770;
}

.sample-name[b-rwjmb0de3l] {
    font-weight: 600;
    text-decoration: none;
}

a.sample-name:hover[b-rwjmb0de3l] {
    text-decoration: underline;
}

.sample-article[b-rwjmb0de3l] {
    margin-left: auto;
    font-size: 12px;
    color: #5B6770;
    font-variant-numeric: tabular-nums;
}

.note-form[b-rwjmb0de3l] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 8px 12px;
    padding: 12px 16px;
    border-bottom: 1px solid #E7E9E6;
}

.note-form[b-rwjmb0de3l]  .note-input {
    flex: 1 1 280px;
    margin: 0;
}

.note-form[b-rwjmb0de3l]  .note-button {
    margin-top: 6px;
}

.timeline[b-rwjmb0de3l] {
    margin: 0;
    padding: 8px 16px;
    list-style: none;
}

.timeline-item[b-rwjmb0de3l] {
    display: flex;
    gap: 12px;
    padding: 8px 0;
}

.timeline-item + .timeline-item[b-rwjmb0de3l] {
    border-top: 1px solid #F0F1EF;
}

.timeline-dot[b-rwjmb0de3l] {
    flex: none;
    width: 10px;
    height: 10px;
    margin-top: 5px;
    border-radius: 50%;
    border: 2px solid #C9CEC8;
    background: #fff;
}

.timeline-dot--primary[b-rwjmb0de3l] { border-color: #3E5B47; background: #EEF3EF; }
.timeline-dot--secondary[b-rwjmb0de3l] { border-color: #8A949B; background: #F0F2F3; }
.timeline-dot--success[b-rwjmb0de3l] { border-color: #2E7D4F; background: #EDF7F1; }
.timeline-dot--warning[b-rwjmb0de3l] { border-color: #B7791F; background: #FDF5E7; }

.timeline-body[b-rwjmb0de3l] {
    min-width: 0;
}

.timeline-title[b-rwjmb0de3l] {
    font-size: 12px;
    font-weight: 600;
    color: #5B6770;
}

.timeline-text[b-rwjmb0de3l] {
    color: #1E2622;
    white-space: pre-line;
    overflow-wrap: anywhere;
}

.timeline-meta[b-rwjmb0de3l] {
    font-size: 12px;
    color: #5B6770;
}

.late[b-rwjmb0de3l] {
    color: #9A1D14;
    font-weight: 600;
}

.on-time[b-rwjmb0de3l] {
    color: #22613C;
    font-weight: 600;
}

.pre[b-rwjmb0de3l] {
    white-space: pre-line;
    overflow-wrap: anywhere;
}

.break[b-rwjmb0de3l] {
    overflow-wrap: anywhere;
}

.side-links[b-rwjmb0de3l] {
    display: grid;
    gap: 8px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #E7E9E6;
}

.side-link[b-rwjmb0de3l] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-weight: 600;
    text-decoration: none;
}

.side-link:hover[b-rwjmb0de3l] {
    text-decoration: underline;
}

.side-text[b-rwjmb0de3l] {
    margin: 0;
}

.side-hint[b-rwjmb0de3l] {
    margin: 12px 0 0;
    padding-top: 12px;
    border-top: 1px solid #E7E9E6;
    font-size: 12px;
    color: #5B6770;
}

.side-empty[b-rwjmb0de3l] {
    display: grid;
    justify-items: start;
    gap: 8px;
    padding: 16px;
}

.orders[b-rwjmb0de3l] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.order[b-rwjmb0de3l] {
    padding: 10px 16px;
}

.order + .order[b-rwjmb0de3l] {
    border-top: 1px solid #F0F1EF;
}

.order-top[b-rwjmb0de3l],
.order-meta[b-rwjmb0de3l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.order-number[b-rwjmb0de3l] {
    font-weight: 600;
    text-decoration: none;
}

.order-number:hover[b-rwjmb0de3l] {
    text-decoration: underline;
}

.order-meta[b-rwjmb0de3l] {
    margin-top: 2px;
    font-size: 12px;
    color: #5B6770;
}

@media (max-width: 1100px) {
    .request-grid[b-rwjmb0de3l] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/Admin/Requests/RequestList.razor.rz.scp.css */
.request-tabs[b-sl6e7hivza] {
    display: flex;
    gap: 2px;
    margin-bottom: 16px;
    border-bottom: 1px solid #E0E3DF;
    overflow-x: auto;
    scrollbar-width: thin;
}

.request-tab[b-sl6e7hivza] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    margin-bottom: -1px;
    border-bottom: 2px solid transparent;
    color: #5B6770;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}

.request-tab:hover[b-sl6e7hivza] {
    color: #1E2622;
}

.request-tab--on[b-sl6e7hivza],
.request-tab--on:hover[b-sl6e7hivza] {
    color: #3E5B47;
    border-bottom-color: #3E5B47;
}

.request-tab:focus-visible[b-sl6e7hivza] {
    outline: 2px solid #3E5B47;
    outline-offset: -2px;
}

.request-tab-count[b-sl6e7hivza] {
    min-width: 20px;
    padding: 1px 6px;
    border-radius: 10px;
    background: #ECEEEB;
    color: #5B6770;
    font-size: 12px;
    font-variant-numeric: tabular-nums;
    text-align: center;
}

.request-tab--on .request-tab-count[b-sl6e7hivza] {
    background: #EEF3EF;
    color: #3E5B47;
}

/* New requests waiting for someone: the one count that asks for attention. */
.request-tab-count--new[b-sl6e7hivza],
.request-tab--on .request-tab-count--new[b-sl6e7hivza] {
    background: #B42318;
    color: #fff;
}

[b-sl6e7hivza] .filter-search {
    flex: 1 1 260px;
    max-width: 360px;
}

[b-sl6e7hivza] .filter-period {
    min-width: 230px;
}

[b-sl6e7hivza] .filter-check,
[b-sl6e7hivza] .filter-reset {
    align-self: center;
    min-width: 0;
}

.request-number[b-sl6e7hivza] {
    font-weight: 600;
    text-decoration: none;
}

.request-number:hover[b-sl6e7hivza] {
    text-decoration: underline;
}

.cell-main[b-sl6e7hivza] {
    font-weight: 600;
    color: #1E2622;
}

.cell-sub[b-sl6e7hivza] {
    font-size: 12px;
    color: #5B6770;
}

.cell-sub--late[b-sl6e7hivza] {
    color: #9A1D14;
    font-weight: 600;
}

.status-cell[b-sl6e7hivza] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

/* Waiting longer than the norm: a red edge and a faint wash, visible at a glance. */
.request-table[b-sl6e7hivza]  .row-overdue > td {
    background: #FDF6F5;
}

.request-table[b-sl6e7hivza]  .row-overdue > td:first-child {
    box-shadow: inset 3px 0 0 #B42318;
}

.request-table[b-sl6e7hivza]  .row-overdue:hover > td {
    background: #FBECEA;
}

.request-pager[b-sl6e7hivza] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px 16px;
    padding: 10px 16px;
    border-top: 1px solid #E7E9E6;
}

@media (max-width: 600px) {
    [b-sl6e7hivza] .filter-search,
    [b-sl6e7hivza] .filter-period {
        flex: 1 1 100%;
        max-width: none;
    }
}
/* /Components/Pages/Admin/Requests/RequestNew.razor.rz.scp.css */
.new-grid[b-0zjlgsayqx] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
    gap: 16px;
    align-items: start;
}

.new-main[b-0zjlgsayqx],
.new-side[b-0zjlgsayqx] {
    display: grid;
    gap: 16px;
    min-width: 0;
}

.form-grid[b-0zjlgsayqx] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px 16px;
}

.option-article[b-0zjlgsayqx] {
    margin-left: 8px;
    font-size: 12px;
    color: #5B6770;
}

.client-hint[b-0zjlgsayqx] {
    margin: 8px 0 0;
    font-size: 12px;
    color: #5B6770;
}

.answered[b-0zjlgsayqx] {
    margin-top: 12px;
    padding-top: 8px;
    border-top: 1px solid #E7E9E6;
}

.answered-note[b-0zjlgsayqx] {
    margin: 0 0 8px;
    font-size: 12px;
    color: #5B6770;
}

.answered-label[b-0zjlgsayqx] {
    font-size: 12px;
    font-weight: 600;
    color: #5B6770;
}

.answered[b-0zjlgsayqx]  .answered-methods {
    display: flex;
    flex-wrap: wrap;
    gap: 0 8px;
}

.field-error[b-0zjlgsayqx] {
    font-size: 12px;
    color: #B42318;
}

.new-actions[b-0zjlgsayqx] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

@media (max-width: 1100px) {
    .new-grid[b-0zjlgsayqx] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 600px) {
    .form-grid[b-0zjlgsayqx] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/Admin/Returns/ReturnCloseDialog.razor.rz.scp.css */
.close-hint[b-73ae2pi96r] {
    margin: 4px 0 8px;
    color: #5B6770;
    font-size: 13px;
}
/* /Components/Pages/Admin/Returns/ReturnDetail.razor.rz.scp.css */
.layout[b-gvptdqfbpx] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 380px);
    gap: 16px;
    align-items: start;
}

.layout-main[b-gvptdqfbpx],
.layout-side[b-gvptdqfbpx] {
    display: grid;
    gap: 16px;
    min-width: 0;
}

.cell-sub[b-gvptdqfbpx] {
    font-size: 12px;
    color: #5B6770;
}

.det-note[b-gvptdqfbpx] {
    margin: 12px 0 0;
    padding: 8px 12px;
    border-left: 3px solid #E0E3DF;
    color: #1E2622;
}

.det-steps[b-gvptdqfbpx] {
    list-style: none;
    margin: 0;
    padding: 4px 16px 12px;
}

.det-steps li[b-gvptdqfbpx] {
    padding: 8px 0;
    border-bottom: 1px solid #EEF0ED;
}

.det-steps li:last-child[b-gvptdqfbpx] {
    border-bottom: 0;
}

.det-step-head[b-gvptdqfbpx] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;
}

.det-step-text[b-gvptdqfbpx] {
    margin-top: 4px;
    color: #1E2622;
}

.det-entries[b-gvptdqfbpx] {
    list-style: none;
    margin: 0;
    padding: 4px 16px 12px;
}

.det-entries li[b-gvptdqfbpx] {
    display: grid;
    grid-template-columns: 130px minmax(0, 1fr) 140px;
    gap: 4px 12px;
    padding: 6px 0;
    border-bottom: 1px solid #EEF0ED;
}

.det-entries li:last-child[b-gvptdqfbpx] {
    border-bottom: 0;
}

.det-entry-when[b-gvptdqfbpx],
.det-entry-who[b-gvptdqfbpx] {
    font-size: 13px;
    color: #5B6770;
}

.det-entry-who[b-gvptdqfbpx] {
    text-align: right;
}

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

@media (max-width: 600px) {
    .det-entries li[b-gvptdqfbpx] {
        grid-template-columns: minmax(0, 1fr);
    }

    .det-entry-who[b-gvptdqfbpx] {
        text-align: left;
    }
}
/* /Components/Pages/Admin/Returns/ReturnInspectDialog.razor.rz.scp.css */
.ins-line[b-tn79lxhwgg] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 160px 90px;
    align-items: center;
    gap: 12px;
    padding: 8px 0;
    border-bottom: 1px solid #EEF0ED;
}

.ins-name[b-tn79lxhwgg] {
    font-weight: 600;
    color: #1E2622;
}

.ins-sub[b-tn79lxhwgg] {
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: #5B6770;
}

.ins-bad[b-tn79lxhwgg] {
    font-size: 13px;
    color: #A33A2B;
    text-align: right;
}

.ins-quick[b-tn79lxhwgg] {
    display: flex;
    gap: 8px;
    margin: 8px 0 4px;
}

@media (max-width: 600px) {
    .ins-line[b-tn79lxhwgg] {
        grid-template-columns: minmax(0, 1fr);
        gap: 6px;
    }

    .ins-bad[b-tn79lxhwgg] {
        text-align: left;
    }
}
/* /Components/Pages/Admin/Returns/ReturnList.razor.rz.scp.css */
.ret-tabs[b-z5w07i9665] {
    display: flex;
    gap: 2px;
    margin-bottom: 16px;
    border-bottom: 1px solid #E0E3DF;
    overflow-x: auto;
    scrollbar-width: thin;
}

.ret-tab[b-z5w07i9665] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    margin-bottom: -1px;
    border-bottom: 2px solid transparent;
    color: #5B6770;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}

.ret-tab:hover[b-z5w07i9665] {
    color: #1E2622;
}

.ret-tab--on[b-z5w07i9665],
.ret-tab--on:hover[b-z5w07i9665] {
    color: #3E5B47;
    border-bottom-color: #3E5B47;
}

.ret-tab:focus-visible[b-z5w07i9665] {
    outline: 2px solid #3E5B47;
    outline-offset: -2px;
}

.ret-tab-count[b-z5w07i9665] {
    min-width: 20px;
    padding: 1px 6px;
    border-radius: 10px;
    background: #ECEEEB;
    color: #5B6770;
    font-size: 12px;
    font-variant-numeric: tabular-nums;
    text-align: center;
}

.ret-tab--on .ret-tab-count[b-z5w07i9665] {
    background: #EEF3EF;
    color: #3E5B47;
}

[b-z5w07i9665] .filter-search {
    flex: 1 1 260px;
    max-width: 360px;
}

[b-z5w07i9665] .filter-client {
    min-width: 220px;
}

[b-z5w07i9665] .filter-period {
    min-width: 230px;
}

[b-z5w07i9665] .filter-reset {
    align-self: center;
}

.ret-number[b-z5w07i9665] {
    font-weight: 600;
    text-decoration: none;
}

.ret-number:hover[b-z5w07i9665] {
    text-decoration: underline;
}

/* A return nobody has answered for three days: the row says so without shouting. */
.ret-table[b-z5w07i9665]  .ret-late td:first-child {
    box-shadow: inset 3px 0 0 0 #B3541E;
}

.ret-late-note[b-z5w07i9665] {
    font-size: 12px;
    color: #B3541E;
}

.cell-main[b-z5w07i9665] {
    font-weight: 600;
    color: #1E2622;
}

.cell-sub[b-z5w07i9665] {
    font-size: 12px;
    color: #5B6770;
}

.ret-pager[b-z5w07i9665] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px 16px;
    padding: 10px 16px;
    border-top: 1px solid #E7E9E6;
}

@media (max-width: 600px) {
    [b-z5w07i9665] .filter-search,
    [b-z5w07i9665] .filter-period {
        flex: 1 1 100%;
        max-width: none;
    }
}
/* /Components/Pages/Admin/Returns/ReturnNew.razor.rz.scp.css */
.ret-form[b-si7z3zryrx] {
    display: grid;
    gap: 12px;
    max-width: 720px;
}

.cell-sub[b-si7z3zryrx] {
    font-size: 12px;
    color: #5B6770;
}

/* A line that is actually coming back stands out from the rest of the order. */
.ret-lines[b-si7z3zryrx]  .ret-picked > td {
    background: #F4F7F4;
}

[b-si7z3zryrx] .ret-rolls {
    width: 96px;
}

[b-si7z3zryrx] .ret-reason {
    min-width: 180px;
}

[b-si7z3zryrx] .ret-note {
    min-width: 200px;
}

.ret-error[b-si7z3zryrx] {
    margin: 0;
    padding: 8px 16px 12px;
    color: #A33A2B;
    font-size: 13px;
}

.ret-steps[b-si7z3zryrx] {
    margin: 0;
    padding-left: 20px;
    color: #5B6770;
    line-height: 1.7;
}
/* /Components/Pages/Admin/Sales/ClientAccountTab.razor.rz.scp.css */
.account[b-pv60xfi696] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.figures[b-pv60xfi696] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 10px;
}

.figures > div[b-pv60xfi696] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 10px 12px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 8px;
}

.figures span[b-pv60xfi696] {
    font-size: 12px;
    color: var(--mud-palette-text-secondary);
}

.figures b[b-pv60xfi696] {
    font-size: 1.1rem;
    font-variant-numeric: tabular-nums;
}

.figures .debt b[b-pv60xfi696] {
    color: var(--mud-palette-error);
}

.figures .advance b[b-pv60xfi696] {
    color: var(--mud-palette-success);
}

.tools[b-pv60xfi696] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.tools[b-pv60xfi696]  .date {
    max-width: 170px;
}

h3[b-pv60xfi696] {
    margin: 6px 0 0;
    font-size: 0.95rem;
    font-weight: 600;
}

.terms[b-pv60xfi696] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    align-items: start;
}

.terms[b-pv60xfi696]  .wide {
    grid-column: 1 / -1;
}

@media (max-width: 800px) {
    .terms[b-pv60xfi696] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Admin/Sales/OrderMoney.razor.rz.scp.css */
.money-list[b-7mmyfb75oa] {
    list-style: none;
    margin: 8px 0 0;
    padding: 0;
    font-size: 0.875rem;
}

.money-list li[b-7mmyfb75oa] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 0;
    border-bottom: 1px dashed var(--mud-palette-lines-default);
}

.money-list li > :first-child[b-7mmyfb75oa] {
    flex: 1;
    min-width: 0;
}

.money-list .num[b-7mmyfb75oa] {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.money-list li.cancelled a[b-7mmyfb75oa], .money-list li.cancelled .num[b-7mmyfb75oa] {
    text-decoration: line-through;
    color: var(--mud-palette-text-secondary);
}

.docs-title[b-7mmyfb75oa] {
    margin: 14px 0 0;
    font-size: 0.85rem;
    font-weight: 600;
}

.doc-buttons[b-7mmyfb75oa] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
}

.small[b-7mmyfb75oa] {
    font-size: 0.8rem;
}

.due[b-7mmyfb75oa] {
    color: var(--mud-palette-warning-darken);
    font-weight: 600;
}
/* /Components/Pages/Admin/Sales/PaymentDialog.razor.rz.scp.css */
.payment-form[b-4fc8hevat1] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.pair[b-4fc8hevat1] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.lead[b-4fc8hevat1] {
    margin: 0;
}

.block-title[b-4fc8hevat1] {
    margin: 8px 0 0;
    font-size: 0.9rem;
    font-weight: 600;
}

.alloc[b-4fc8hevat1] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
}

.alloc th[b-4fc8hevat1], .alloc td[b-4fc8hevat1] {
    padding: 4px 6px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
    text-align: left;
}

.alloc .num[b-4fc8hevat1] {
    text-align: right;
}

.alloc[b-4fc8hevat1]  .alloc-input {
    max-width: 150px;
    margin-left: auto;
}

.alloc-note[b-4fc8hevat1] {
    margin: 0;
    font-size: 0.85rem;
}

.error[b-4fc8hevat1] {
    color: var(--mud-palette-error);
    margin: 0;
    font-size: 0.85rem;
}

@media (max-width: 600px) {
    .pair[b-4fc8hevat1] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Admin/Sales/Receivables.razor.rz.scp.css */
.summary[b-ko5jpxnn6l] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 12px;
    margin-bottom: 14px;
}

.summary > div[b-ko5jpxnn6l] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 12px 14px;
    background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 8px;
}

.summary span[b-ko5jpxnn6l] {
    font-size: 12px;
    color: var(--mud-palette-text-secondary);
}

.summary b[b-ko5jpxnn6l] {
    font-size: 1.25rem;
    font-variant-numeric: tabular-nums;
}

.summary .bad b[b-ko5jpxnn6l] {
    color: var(--mud-palette-error);
}
/* /Components/Pages/Admin/Settings/CompanyPanel.razor.rz.scp.css */
.split[b-w7wwq9yfpr] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 24px;
    align-items: start;
}

.preview[b-w7wwq9yfpr] {
    min-width: 0;
}

.preview-caption[b-w7wwq9yfpr] {
    margin-bottom: 6px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #5B6770;
}

.preview-card[b-w7wwq9yfpr] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 16px;
    border: 1px solid #E7E9E6;
    border-radius: 6px;
    background: #F6F5F1;
    overflow-wrap: anywhere;
}

.preview-name[b-w7wwq9yfpr] {
    font-size: 15px;
    font-weight: 600;
    color: #1E2622;
}

.preview-phone[b-w7wwq9yfpr] {
    font-size: 17px;
    font-weight: 600;
    color: #3E5B47;
}

.preview-link[b-w7wwq9yfpr] {
    color: #3E5B47;
    text-decoration: underline;
}

.preview-line[b-w7wwq9yfpr] {
    color: #1E2622;
}

.preview-hours[b-w7wwq9yfpr] {
    margin: 6px 0 0;
    padding: 0;
    list-style: none;
    color: #4A555D;
    font-size: 13px;
}

.preview-note[b-w7wwq9yfpr] {
    margin-top: 6px;
    font-size: 12px;
    color: #8A5A00;
}

@media (max-width: 900px) {
    .split[b-w7wwq9yfpr] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/Admin/Settings/PublishingPanel.razor.rz.scp.css */
.hook-row[b-etop8tgru7] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.hook[b-etop8tgru7] {
    padding: 2px 6px;
    border-radius: 4px;
    background: #F1F2EF;
    font-size: 13px;
    overflow-wrap: anywhere;
}

.hook-edit[b-etop8tgru7] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-width: 520px;
}
/* /Components/Pages/Admin/Settings/SettingsPage.razor.rz.scp.css */
.settings[b-7tu834y9nn] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.settings-grid[b-7tu834y9nn] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 440px), 1fr));
    gap: 16px;
    align-items: start;
}

/* Shared by the blocks: they are separate components, so the rules reach in with ::deep. */
.settings[b-7tu834y9nn]  .form {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
}

.settings[b-7tu834y9nn]  .pair {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr));
    gap: 12px;
    align-items: start;
}

.settings[b-7tu834y9nn]  .actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 4px;
}

.settings[b-7tu834y9nn]  .hint {
    margin: 0;
    font-size: 13px;
    line-height: 1.5;
    color: #5B6770;
}

.settings[b-7tu834y9nn]  .hint.top {
    margin-bottom: 12px;
}
/* /Components/Pages/Admin/Site/ContentFieldEditor.razor.rz.scp.css */
.field-box[b-8j51yj9qmj] {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 8px;
    padding: 8px 12px 12px;
    margin: 0;
    min-width: 0;
}

.field-box legend[b-8j51yj9qmj] {
    padding: 0 6px;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--mud-palette-text-secondary);
}

.field-box .count[b-8j51yj9qmj] {
    font-weight: 400;
    margin-left: 4px;
}

[b-8j51yj9qmj] .field-stack, .field-stack[b-8j51yj9qmj] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.field-hint[b-8j51yj9qmj] {
    margin: 0 0 6px;
    font-size: 12px;
    color: var(--mud-palette-text-secondary);
}

.field-error[b-8j51yj9qmj] {
    margin: 4px 0;
    font-size: 12px;
    color: var(--mud-palette-error);
}

.link-row[b-8j51yj9qmj] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.image-row[b-8j51yj9qmj] {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

.image-thumb[b-8j51yj9qmj] {
    flex: none;
    width: 112px;
    height: 84px;
    border-radius: 6px;
    background: var(--mud-palette-background-gray, #F1F4EF);
    display: grid;
    place-items: center;
    overflow: hidden;
    font-size: 12px;
    color: var(--mud-palette-text-secondary);
}

.image-thumb img[b-8j51yj9qmj] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.image-tools[b-8j51yj9qmj] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: flex-start;
}

.image-tools[b-8j51yj9qmj]  .mud-input-control {
    width: 100%;
}

.list-item[b-8j51yj9qmj] {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 6px;
    margin-bottom: 6px;
    background: var(--mud-palette-surface);
}

.list-item.open[b-8j51yj9qmj] {
    border-color: var(--mud-palette-primary);
}

.list-head[b-8j51yj9qmj] {
    display: flex;
    align-items: center;
    gap: 2px;
    padding-right: 4px;
}

.list-toggle[b-8j51yj9qmj] {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 8px;
    border: 0;
    background: none;
    cursor: pointer;
    text-align: left;
    font: inherit;
    color: inherit;
}

.list-num[b-8j51yj9qmj] {
    color: var(--mud-palette-text-secondary);
    font-variant-numeric: tabular-nums;
}

.list-title[b-8j51yj9qmj] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.list-body[b-8j51yj9qmj] {
    padding: 4px 12px 12px;
}

[b-8j51yj9qmj] .markdown-field textarea {
    font-family: ui-monospace, Consolas, monospace;
    font-size: 13px;
}

.text-tools[b-8j51yj9qmj] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 4px;
}

.mark-btn[b-8j51yj9qmj] {
    min-width: 30px;
    height: 26px;
    padding: 0 8px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 5px;
    background: var(--mud-palette-surface);
    color: var(--mud-palette-text-primary);
    font: 13px/1 Georgia, serif;
    cursor: pointer;
}

.mark-btn:hover[b-8j51yj9qmj] {
    background: var(--mud-palette-action-default-hover);
}

.style-btn[b-8j51yj9qmj] {
    margin-left: auto;
    font-family: inherit;
}

.style-btn.on[b-8j51yj9qmj] {
    border-color: var(--mud-palette-primary);
    color: var(--mud-palette-primary);
    font-weight: 600;
}

.style-panel[b-8j51yj9qmj] {
    margin-top: 8px;
    padding: 10px 12px;
    border: 1px dashed var(--mud-palette-lines-default);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.style-row[b-8j51yj9qmj] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.style-flags[b-8j51yj9qmj] {
    display: flex;
    flex-wrap: wrap;
    gap: 0 10px;
}

.style-sub[b-8j51yj9qmj] {
    font-size: 12px;
    color: var(--mud-palette-text-secondary);
    margin-top: 4px;
}
/* /Components/Pages/Admin/Site/SiteEditor.razor.rz.scp.css */
.site-editor[b-uo9hel3nrh] {
    display: grid;
    grid-template-columns: 220px minmax(360px, 1fr) minmax(380px, 1.15fr);
    gap: 16px;
    align-items: start;
}

.site-editor.no-preview[b-uo9hel3nrh] {
    grid-template-columns: 220px minmax(360px, 820px);
}

.site-sections[b-uo9hel3nrh] {
    position: sticky;
    top: 76px;
    max-height: calc(100dvh - 96px);
    overflow: auto;
    background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 8px;
    padding: 6px 0;
}

.site-page[b-uo9hel3nrh] {
    padding: 10px 14px 4px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--mud-palette-text-secondary);
}

.site-section[b-uo9hel3nrh] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 5px 14px 5px 18px;
    color: var(--mud-palette-text-primary);
    text-decoration: none;
    font-size: 0.875rem;
    line-height: 1.3;
}

.site-section:hover[b-uo9hel3nrh] {
    background: var(--mud-palette-action-default-hover);
}

.site-section.on[b-uo9hel3nrh] {
    background: var(--mud-palette-primary-hover, rgba(79, 114, 90, .12));
    font-weight: 600;
}

.dot[b-uo9hel3nrh] {
    flex: none;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--mud-palette-lines-default);
}

.dot.draft[b-uo9hel3nrh], .chip.draft[b-uo9hel3nrh] {
    background: #D9901A;
}

.dot.published[b-uo9hel3nrh], .chip.published[b-uo9hel3nrh] {
    background: #2F7D4F;
}

.site-form[b-uo9hel3nrh] {
    background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 8px;
    padding: 16px 18px 20px;
    min-width: 0;
}

.form-head[b-uo9hel3nrh] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: flex-start;
}

.form-head h2[b-uo9hel3nrh] {
    margin: 2px 0 4px;
    font-size: 1.15rem;
}

.form-page[b-uo9hel3nrh] {
    font-size: 12px;
    color: var(--mud-palette-text-secondary);
}

.form-hint[b-uo9hel3nrh] {
    margin: 0;
    color: var(--mud-palette-text-secondary);
    font-size: 0.85rem;
}

.form-state[b-uo9hel3nrh] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
    white-space: nowrap;
}

.chip[b-uo9hel3nrh] {
    display: inline-block;
    padding: 1px 9px;
    border-radius: 999px;
    font-size: 12px;
    color: #fff;
    background: #8A958C;
}

.saved[b-uo9hel3nrh] {
    font-size: 12px;
    color: var(--mud-palette-text-secondary);
}

.form-tools[b-uo9hel3nrh] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    margin: 10px 0 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

.site-preview[b-uo9hel3nrh] {
    position: sticky;
    top: 76px;
    min-width: 0;
}

.preview-bar[b-uo9hel3nrh] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}

.preview-frame[b-uo9hel3nrh] {
    height: calc(100dvh - 170px);
    min-height: 420px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
    position: relative;
}

.preview-frame.phone[b-uo9hel3nrh] {
    max-width: 420px;
    margin: 0 auto;
}

.preview-frame iframe[b-uo9hel3nrh] {
    border: 0;
    display: block;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
}

.preview-note[b-uo9hel3nrh] {
    margin: 6px 2px 0;
    font-size: 12px;
    color: var(--mud-palette-text-secondary);
}

@media (max-width: 1280px) {
    .site-editor[b-uo9hel3nrh] {
        grid-template-columns: 200px minmax(0, 1fr);
    }

    .site-preview[b-uo9hel3nrh] {
        grid-column: 1 / -1;
        position: static;
    }
}

@media (max-width: 760px) {
    .site-editor[b-uo9hel3nrh], .site-editor.no-preview[b-uo9hel3nrh] {
        grid-template-columns: 1fr;
    }

    .site-sections[b-uo9hel3nrh] {
        position: static;
        max-height: 240px;
    }
}
/* /Components/Pages/Admin/Stock/StockCell.razor.rz.scp.css */
/* The metres under the rolls: the same quiet second line the stock tables use. */
.cell-sub[b-kh1fca95mt] {
    font-size: 12px;
    color: #5B6770;
}
/* /Components/Pages/Admin/Stock/StockJournal.razor.rz.scp.css */
[b-42coblezj4] .filter-product {
    min-width: 240px;
}

[b-42coblezj4] .filter-search {
    flex: 1 1 260px;
    max-width: 360px;
}

[b-42coblezj4] .filter-period {
    min-width: 230px;
}

[b-42coblezj4] .filter-reset {
    align-self: center;
}

.option[b-42coblezj4] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.fabric[b-42coblezj4] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 180px;
}

.fabric-text[b-42coblezj4] {
    min-width: 0;
}

.cell-main[b-42coblezj4],
.cell-link[b-42coblezj4] {
    font-weight: 600;
}

.cell-main[b-42coblezj4] {
    color: #1E2622;
}

.cell-link[b-42coblezj4] {
    text-decoration: none;
}

.cell-link:hover[b-42coblezj4] {
    text-decoration: underline;
}

.cell-sub[b-42coblezj4] {
    font-size: 12px;
    color: #5B6770;
}

.change-in[b-42coblezj4] {
    font-weight: 600;
    color: #22613C;
}

.change-out[b-42coblezj4] {
    font-weight: 600;
    color: #9A1D14;
}

.change-reserve[b-42coblezj4] {
    color: #4A555D;
}

.comment[b-42coblezj4] {
    min-width: 180px;
    max-width: 360px;
    color: #5B6770;
    overflow-wrap: anywhere;
}

.pager[b-42coblezj4] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px 16px;
    padding: 10px 16px;
    border-top: 1px solid #E7E9E6;
}

@media (max-width: 600px) {
    [b-42coblezj4] .filter-product,
    [b-42coblezj4] .filter-search,
    [b-42coblezj4] .filter-period {
        flex: 1 1 100%;
        max-width: none;
    }
}
/* /Components/Pages/Admin/Stock/StockList.razor.rz.scp.css */
[b-e8g3jb9310] .filter-search {
    flex: 1 1 260px;
    max-width: 360px;
}

[b-e8g3jb9310] .filter-reset {
    align-self: center;
}

.fabric[b-e8g3jb9310] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 200px;
}

.fabric-text[b-e8g3jb9310] {
    min-width: 0;
}

.cell-main[b-e8g3jb9310] {
    font-weight: 600;
    color: #1E2622;
}

.cell-sub[b-e8g3jb9310] {
    font-size: 12px;
    color: #5B6770;
}

[b-e8g3jb9310] .row-actions {
    width: 48px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    text-align: right;
}

.stock-note[b-e8g3jb9310] {
    margin: 12px 0 0;
    font-size: 12px;
}

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

@media (max-width: 600px) {
    [b-e8g3jb9310] .filter-search {
        flex: 1 1 100%;
        max-width: none;
    }
}

.chevron[b-e8g3jb9310] {
    display: inline-flex;
    color: #5B6770;
    transition: transform .15s ease;
}

.chevron--open[b-e8g3jb9310] {
    transform: rotate(90deg);
}

[b-e8g3jb9310] .variant-row > td {
    background: #FAFBFA;
}

[b-e8g3jb9310] .variant-row > td:first-child {
    padding-left: 52px !important;
}

[b-e8g3jb9310] .variant-row--hidden .variant-name {
    color: #5B6770;
}

.variant[b-e8g3jb9310] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 220px;
}

.variant-name[b-e8g3jb9310] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 500;
    color: #1E2622;
}

.thumb[b-e8g3jb9310] {
    flex: none;
    width: 36px;
    height: 36px;
    border-radius: 4px;
    object-fit: cover;
    border: 1px solid #DCE1DD;
}

.thumb--empty[b-e8g3jb9310] {
    display: inline-block;
    opacity: .55;
}

[b-e8g3jb9310] .variant-more {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

.low-note[b-e8g3jb9310] {
    margin-top: 2px;
    color: #8A5A00;
}

.colour-option[b-e8g3jb9310] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

/* The defective shelf is the one figure that must catch the eye in a dense row.
   MudBlazor renders the cell itself, so the rule has to reach past this component. */
[b-e8g3jb9310] .cell-bad {
    color: var(--mud-palette-error);
}

.cell-link[b-e8g3jb9310] {
    font-weight: 600;
    text-decoration: none;
}

.cell-link:hover[b-e8g3jb9310] {
    text-decoration: underline;
}
.by-warehouse[b-e8g3jb9310] { color: var(--mud-palette-primary); }
/* /Components/Pages/Admin/Stock/StockOperationDialog.razor.rz.scp.css */
.op-lead[b-q1195sja2z] {
    margin: 0 0 12px;
}

.op-product[b-q1195sja2z] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    border: 1px solid #E0E3DF;
    border-radius: 4px;
    background: #FAFBF9;
}

.op-product-name[b-q1195sja2z] {
    font-weight: 600;
    color: #1E2622;
}

.op-option[b-q1195sja2z] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.op-option-name[b-q1195sja2z] {
    font-weight: 600;
}

.op-option-stock[b-q1195sja2z] {
    margin-left: auto;
    padding-left: 12px;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.op-empty[b-q1195sja2z] {
    padding: 8px 16px;
}

.op-facts[b-q1195sja2z] {
    margin: 14px 0 10px;
    font-variant-numeric: tabular-nums;
}

.op-free[b-q1195sja2z] {
    font-weight: 600;
}

[b-q1195sja2z] .op-quantity {
    max-width: 260px;
}

.op-preview[b-q1195sja2z] {
    margin: 10px 0 0;
    padding: 8px 12px;
    border-left: 3px solid #3E5B47;
    background: #F4F7F4;
    color: #1E2622;
}

.op-shortage[b-q1195sja2z] {
    font-weight: 600;
    color: #9A1D14;
}

.op-surplus[b-q1195sja2z] {
    font-weight: 600;
    color: #22613C;
}

.op-hint[b-q1195sja2z] {
    margin: 12px 0 0;
    font-size: 12px;
}

@media (max-width: 560px) {
    [b-q1195sja2z] .op-quantity {
        max-width: none;
    }

    .op-option-stock[b-q1195sja2z] {
        display: none;
    }
}

.op-colour[b-q1195sja2z] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

/* The «без входного контроля» tick sits close to the supplier it qualifies. */
[b-q1195sja2z] .op-skip {
    margin: -4px 0 0;
}
/* /Components/Pages/Admin/Stock/StockSwatch.razor.rz.scp.css */
.swatch[b-06esvnsfjm] {
    display: inline-block;
    flex: none;
    width: 18px;
    height: 18px;
    border-radius: 3px;
    border: 1px solid rgba(30, 38, 34, .25);
    vertical-align: middle;
}
/* /Components/Pages/Admin/Tasks/TaskEditDialog.razor.rz.scp.css */
.dialog-form[b-imt5wymprd] {
    display: grid;
    gap: 4px;
}

.form-row[b-imt5wymprd] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 12px;
}

.meta[b-imt5wymprd] {
    margin: 8px 0 0;
    font-size: 12px;
}
/* /Components/Pages/Admin/Tasks/TaskList.razor.rz.scp.css */
/* Quick add: the title takes the room, the rest line up after it and wrap on narrow screens. */
.quick-add-form[b-nej9inr6rd] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 8px 12px;
}

.quick-add-form[b-nej9inr6rd]  .quick-title {
    flex: 3 1 280px;
}

.quick-add-form[b-nej9inr6rd]  .quick-date,
.quick-add-form[b-nej9inr6rd]  .quick-time,
.quick-add-form[b-nej9inr6rd]  .quick-priority {
    flex: 0 1 150px;
    min-width: 130px;
}

.quick-add-form[b-nej9inr6rd]  .quick-assignee,
.quick-add-form[b-nej9inr6rd]  .quick-client {
    flex: 1 1 200px;
}

.quick-add-form[b-nej9inr6rd]  .quick-submit {
    flex: 0 0 auto;
    margin-top: 6px;
    height: 40px;
}

.task-filters[b-nej9inr6rd] {
    padding: 12px 16px 0;
}

.table-scroll[b-nej9inr6rd] {
    overflow-x: auto;
}

.table-scroll[b-nej9inr6rd]  table {
    min-width: 760px;
}

.table-scroll[b-nej9inr6rd]  .day-row .day-cell {
    background: var(--mud-palette-background-gray);
    font-weight: 600;
    font-size: 13px;
    padding-top: 6px;
    padding-bottom: 6px;
}

.day-count[b-nej9inr6rd] {
    margin-left: 6px;
    font-weight: 400;
}

.task-title[b-nej9inr6rd] {
    all: unset;
    cursor: pointer;
    font-weight: 500;
    color: var(--mud-palette-text-primary);
    overflow-wrap: anywhere;
}

.task-title:hover[b-nej9inr6rd],
.task-title:focus-visible[b-nej9inr6rd] {
    color: var(--mud-palette-primary);
    text-decoration: underline;
}

.table-scroll[b-nej9inr6rd]  .task-done .task-title {
    color: var(--mud-palette-text-secondary);
    text-decoration: line-through;
}

.task-description[b-nej9inr6rd] {
    font-size: 12px;
    max-width: 520px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.task-links[b-nej9inr6rd] {
    display: flex;
    flex-wrap: wrap;
    gap: 2px 12px;
    font-size: 12px;
    margin-top: 2px;
}

.overdue[b-nej9inr6rd] {
    color: var(--mud-palette-error);
}

.small[b-nej9inr6rd] {
    font-size: 12px;
}

.item-key[b-nej9inr6rd] {
    font-weight: 600;
    white-space: nowrap;
}

.pager[b-nej9inr6rd] {
    display: flex;
    justify-content: center;
    padding: 12px;
}

/* The tabs only switch the list below; their own panels stay empty. */
.task-tabs[b-nej9inr6rd]  .tab-panel-empty {
    display: none;
}

@media (max-width: 600px) {
    .quick-add-form[b-nej9inr6rd]  .quick-date,
    .quick-add-form[b-nej9inr6rd]  .quick-time,
    .quick-add-form[b-nej9inr6rd]  .quick-priority {
        flex: 1 1 130px;
    }

    .quick-add-form[b-nej9inr6rd]  .quick-submit {
        flex: 1 1 100%;
    }

    .task-filters[b-nej9inr6rd] {
        padding: 12px 12px 0;
    }
}
/* /Components/Pages/Admin/Users/StaffDeactivateDialog.razor.rz.scp.css */
.dialog-form[b-yxbk7lxboz] {
    display: grid;
    gap: 8px;
    max-width: 520px;
}

.lead[b-yxbk7lxboz] {
    margin: 0 0 4px;
}

.handover[b-yxbk7lxboz] {
    margin: 4px 0 8px;
}

.num-left[b-yxbk7lxboz] {
    font-variant-numeric: tabular-nums;
    font-weight: 600;
}

.note[b-yxbk7lxboz] {
    margin: 0;
    font-size: 13px;
}
/* /Components/Pages/Admin/Users/StaffDetail.razor.rz.scp.css */
/* The account form and its recent work on the left, activity figures on the right. */
.layout[b-cmfqjbjctb] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
    gap: 16px;
    align-items: start;
}

.layout-main[b-cmfqjbjctb],
.layout-side[b-cmfqjbjctb] {
    display: grid;
    gap: 16px;
    min-width: 0;
}

@media (max-width: 1100px) {
    .layout[b-cmfqjbjctb] {
        grid-template-columns: minmax(0, 1fr);
    }
}

.notices[b-cmfqjbjctb] {
    display: grid;
    gap: 8px;
    margin-bottom: 16px;
}

.notices:empty[b-cmfqjbjctb] {
    display: none;
}

.small[b-cmfqjbjctb] {
    margin: 0;
    font-size: 13px;
}

.form-grid[b-cmfqjbjctb] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 4px 16px;
}

fieldset[b-cmfqjbjctb] {
    margin: 16px 0 0;
    padding: 0;
    border: 0;
}

legend[b-cmfqjbjctb] {
    margin-bottom: 4px;
    font-weight: 600;
    color: #1E2622;
}

.role[b-cmfqjbjctb] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 8px;
}

.role-note[b-cmfqjbjctb] {
    font-size: 13px;
}

.role-lock[b-cmfqjbjctb] {
    margin: 4px 0 0 12px;
}

.field-error[b-cmfqjbjctb] {
    margin: 2px 0 0 12px;
    color: #B3261E;
    font-size: 12px;
}

.form-actions[b-cmfqjbjctb] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 20px;
}

.actions-table[b-cmfqjbjctb]  a {
    color: #3E5B47;
}

.role-help[b-cmfqjbjctb] {
    margin: 0;
    padding-left: 18px;
    display: grid;
    gap: 6px;
    font-size: 13px;
    color: #4A555D;
}
/* /Components/Pages/Admin/Users/StaffList.razor.rz.scp.css */
.staff-table[b-oswcwek805]  .person {
    color: #1E2622;
    font-weight: 600;
    text-decoration: none;
}

.staff-table[b-oswcwek805]  .person:hover {
    color: #3E5B47;
    text-decoration: underline;
}

.staff-table[b-oswcwek805]  .small {
    font-size: 12px;
}

.staff-table[b-oswcwek805]  .chips {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

/* Switched-off accounts stay listed but step back. */
.staff-table[b-oswcwek805]  .mud-table-row.row-inactive .mud-table-cell {
    color: #7A858C;
}

.staff-table[b-oswcwek805]  .mud-table-row.row-inactive .person {
    color: #5B6770;
    font-weight: 500;
}
/* /Components/Pages/Admin/Users/StaffNew.razor.rz.scp.css */
.staff-new[b-jr6t9u8d6l]  .staff-form {
    max-width: 760px;
}

.form-grid[b-jr6t9u8d6l] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 4px 16px;
}

fieldset[b-jr6t9u8d6l] {
    margin: 16px 0 0;
    padding: 0;
    border: 0;
}

legend[b-jr6t9u8d6l] {
    margin-bottom: 4px;
    font-weight: 600;
    color: #1E2622;
}

.role[b-jr6t9u8d6l] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 8px;
}

.role-note[b-jr6t9u8d6l] {
    font-size: 13px;
}

.field-error[b-jr6t9u8d6l] {
    margin: 2px 0 0 12px;
    color: #B3261E;
    font-size: 12px;
}

.password-note[b-jr6t9u8d6l],
.done-note[b-jr6t9u8d6l] {
    margin: 4px 0 0;
    font-size: 13px;
}

.staff-new[b-jr6t9u8d6l]  .password-field {
    max-width: 420px;
}

.password-block[b-jr6t9u8d6l] {
    margin-top: 16px;
}

.form-actions[b-jr6t9u8d6l] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 20px;
}
/* /Components/Pages/Admin/Users/StaffPasswordDialog.razor.rz.scp.css */
.lead[b-8mp2mi2s8l] {
    margin: 0 0 12px;
}
/* /Components/Pages/Admin/Users/StaffPasswordNote.razor.rz.scp.css */
.password-note[b-ardh04dbr8] {
    display: grid;
    gap: 8px;
    padding: 12px 14px;
    border: 1px solid #D5DDD6;
    border-left: 3px solid #3E5B47;
    border-radius: 4px;
    background: #F6F8F5;
}

.password-label[b-ardh04dbr8] {
    font-weight: 600;
    color: #1E2622;
}

.password-row[b-ardh04dbr8] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

.password-value[b-ardh04dbr8] {
    padding: 6px 10px;
    border: 1px solid #D5DDD6;
    border-radius: 4px;
    background: #FFFFFF;
    font-family: "JetBrains Mono", "Consolas", monospace;
    font-size: 17px;
    letter-spacing: 0.04em;
    user-select: all;
    word-break: break-all;
}

.password-hint[b-ardh04dbr8] {
    margin: 0;
    font-size: 13px;
}
/* /Components/Pages/Error.razor.rz.scp.css */
.title[b-0d9cd467j9] { margin: 0 0 10px; font-size: 18px; font-weight: 600; }
.text[b-0d9cd467j9] { margin: 0 0 12px; color: #5B6770; }
.back[b-0d9cd467j9] { color: #3E5B47; font-weight: 600; }
/* /Components/Shared/EmptyState.razor.rz.scp.css */
.empty[b-3smf5b8q6m] {
    display: grid;
    justify-items: center;
    gap: 6px;
    padding: 56px 16px;
    text-align: center;
    color: #5B6770;
}

.empty--compact[b-3smf5b8q6m] {
    padding: 24px 12px;
}

[b-3smf5b8q6m] .empty-icon {
    font-size: 40px;
    color: #A7B0A9;
}

.empty--compact[b-3smf5b8q6m]  .empty-icon {
    font-size: 28px;
}

.empty-title[b-3smf5b8q6m] {
    font-weight: 600;
    font-size: 15px;
    color: #1E2622;
}

.empty-text[b-3smf5b8q6m] {
    max-width: 46ch;
    margin: 0;
}

.empty-actions[b-3smf5b8q6m] {
    margin-top: 10px;
}
/* /Components/Shared/KpiCard.razor.rz.scp.css */
/* The card's box. It is this component's own element, so the scoped rules reach it —
   and the stretched link below can be laid out against it rather than against the page. */
.kpi[b-vihc1li097] {
    position: relative;
    display: grid;
    gap: 6px;
    height: 100%;
    padding: 14px 16px;
}

/* The whole card is the link. It must stay inside .kpi: an absolutely positioned link with no
   positioned parent covers the entire layout and eats the clicks of everything underneath. */
.kpi-link[b-vihc1li097] {
    position: absolute;
    inset: 0;
    z-index: 1;
}

.kpi:has(.kpi-link:hover)[b-vihc1li097] {
    outline: 1px solid #3E5B47;
    outline-offset: -1px;
    border-radius: 4px;
}

.kpi-top[b-vihc1li097] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.kpi-label[b-vihc1li097] {
    font-size: 12px;
    font-weight: 600;
    color: #5B6770;
}

[b-vihc1li097] .kpi-icon {
    color: #A7B0A9;
}

.kpi-value[b-vihc1li097] {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.15;
    color: #1E2622;
    font-variant-numeric: tabular-nums;
}

.kpi-value--good[b-vihc1li097] { color: #22613C; }
.kpi-value--bad[b-vihc1li097] { color: #9A1D14; }
.kpi-value--warn[b-vihc1li097] { color: #8A5A12; }

.kpi-note[b-vihc1li097] {
    font-size: 12px;
    color: #5B6770;
}
/* /Components/Shared/PageHeader.razor.rz.scp.css */
.page-header[b-omw7pqnm0o] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px 24px;
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid #E0E3DF;
}

.page-header-back[b-omw7pqnm0o] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 6px;
    font-size: 13px;
    color: #5B6770;
    text-decoration: none;
}

.page-header-back:hover[b-omw7pqnm0o] {
    color: #3E5B47;
}

.page-header-title[b-omw7pqnm0o] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin: 0;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.25;
    color: #1E2622;
}

.page-header-subtitle[b-omw7pqnm0o] {
    margin: 4px 0 0;
    color: #5B6770;
}

.page-header-actions[b-omw7pqnm0o] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}
/* /Components/Shared/Panel.razor.rz.scp.css */
[b-102g7nkkxr] .panel {
    overflow: hidden;
}

.panel-head[b-102g7nkkxr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 52px;
    padding: 10px 16px;
    border-bottom: 1px solid #E7E9E6;
}

.panel-title[b-102g7nkkxr] {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    color: #1E2622;
}

.panel-subtitle[b-102g7nkkxr] {
    margin: 2px 0 0;
    font-size: 12px;
    color: #5B6770;
}

.panel-actions[b-102g7nkkxr] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.panel-body[b-102g7nkkxr] {
    padding: 16px;
}

.panel-body--flush[b-102g7nkkxr] {
    padding: 0;
}
/* /Components/Shared/ScanBox.razor.rz.scp.css */
.scan-box[b-sebnjm9kj6] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.scan-row[b-sebnjm9kj6] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border: 2px solid var(--mud-palette-primary);
    border-radius: 10px;
    background: var(--mud-palette-surface);
}

.scan-row[b-sebnjm9kj6]  .scan-icon {
    color: var(--mud-palette-primary);
}

.scan-input[b-sebnjm9kj6] {
    flex: 1;
    min-width: 0;
    border: 0;
    outline: none;
    background: none;
    font: 600 18px/1.4 ui-monospace, Consolas, monospace;
    letter-spacing: .04em;
    color: var(--mud-palette-text-primary);
}

.scan-camera[b-sebnjm9kj6] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 6px 10px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 6px;
    background: var(--mud-palette-surface);
    color: inherit;
    cursor: pointer;
    font: inherit;
}

.scan-view[b-sebnjm9kj6] {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    background: #000;
}

.scan-video[b-sebnjm9kj6] {
    display: block;
    width: 100%;
    height: min(52vh, 360px);
    object-fit: cover;
}

/* The frame to put the barcode in: the reader looks at this middle band first. */
.scan-frame[b-sebnjm9kj6] {
    position: absolute;
    left: 7%;
    right: 7%;
    top: 28%;
    bottom: 28%;
    border: 3px solid rgba(255, 255, 255, .9);
    border-radius: 10px;
    box-shadow: 0 0 0 999px rgba(0, 0, 0, .35);
    pointer-events: none;
}

.scan-view-bar[b-sebnjm9kj6] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    color: #fff;
    font-size: 13px;
    background: linear-gradient(transparent, rgba(0, 0, 0, .6));
}

.scan-view-bar span[b-sebnjm9kj6] { margin-right: auto; }

.scan-chip[b-sebnjm9kj6] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 8px 12px;
    border: 1px solid rgba(255, 255, 255, .7);
    border-radius: 18px;
    background: rgba(0, 0, 0, .35);
    color: #fff;
    font: inherit;
    cursor: pointer;
}

.scan-chip.on[b-sebnjm9kj6] { background: #fff; color: #000; }

.scan-error[b-sebnjm9kj6] { margin: 0; font-size: 13px; color: var(--mud-palette-error); }

/* A scan's result, where the eyes are: the whole box flashes. */
.scan-box.flash-ok .scan-row[b-sebnjm9kj6], .scan-box.flash-ok .scan-view[b-sebnjm9kj6] { animation: flash-ok-b-sebnjm9kj6 .7s ease-out; }
.scan-box.flash-bad .scan-row[b-sebnjm9kj6], .scan-box.flash-bad .scan-view[b-sebnjm9kj6] { animation: flash-bad-b-sebnjm9kj6 .9s ease-out; }

@keyframes flash-ok-b-sebnjm9kj6 { from { box-shadow: 0 0 0 6px rgba(56, 142, 60, .9); } to { box-shadow: 0 0 0 0 rgba(56, 142, 60, 0); } }
@keyframes flash-bad-b-sebnjm9kj6 { from { box-shadow: 0 0 0 6px rgba(214, 69, 65, .95); } to { box-shadow: 0 0 0 0 rgba(214, 69, 65, 0); } }

@media (pointer: coarse) {
    .scan-camera[b-sebnjm9kj6] { padding: 10px 14px; font-size: 15px; }
}

.scan-hint[b-sebnjm9kj6] {
    margin: 0;
    font-size: 12px;
    color: var(--mud-palette-text-secondary);
}
/* /Components/Shared/StatusChip.razor.rz.scp.css */
.status[b-adbpen4ke1] {
    display: inline-flex;
    align-items: center;
    height: 22px;
    padding: 0 8px;
    border-radius: 3px;
    border: 1px solid currentColor;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
    background: #fff;
}

.status--default[b-adbpen4ke1] { color: #5B6770; border-color: #C9CEC8; }
.status--primary[b-adbpen4ke1] { color: #3E5B47; background: #EEF3EF; border-color: #B9CBBE; }
.status--secondary[b-adbpen4ke1] { color: #4A555D; background: #F0F2F3; border-color: #C5CCD1; }
.status--tertiary[b-adbpen4ke1] { color: #6F570E; background: #FBF5E3; border-color: #E3D29C; }
.status--info[b-adbpen4ke1] { color: #245277; background: #EDF4FA; border-color: #B5CFE4; }
.status--success[b-adbpen4ke1] { color: #22613C; background: #EDF7F1; border-color: #AFD6BD; }
.status--warning[b-adbpen4ke1] { color: #8A5A12; background: #FDF5E7; border-color: #EBCB93; }
.status--error[b-adbpen4ke1] { color: #9A1D14; background: #FDF1F0; border-color: #EDB8B3; }
.status--dark[b-adbpen4ke1] { color: #fff; background: #3A423D; border-color: #3A423D; }
/* /Components/Shared/ViewSwitch.razor.rz.scp.css */
.view-switch[b-ecje63jz9y] {
    display: inline-flex;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 6px;
    overflow: hidden;
    align-self: center;
}

.view-switch a[b-ecje63jz9y] {
    padding: 5px 12px;
    font-size: 0.8125rem;
    color: var(--mud-palette-text-secondary);
    text-decoration: none;
    white-space: nowrap;
}

.view-switch a + a[b-ecje63jz9y] {
    border-left: 1px solid var(--mud-palette-lines-default);
}

.view-switch a:hover[b-ecje63jz9y] {
    background: var(--mud-palette-action-default-hover);
}

.view-switch a.on[b-ecje63jz9y] {
    background: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
    font-weight: 500;
}