/* Copyright (c) 2026 Burl POS LLC. All rights reserved. Proprietary and confidential: see LICENSE. */
:root {
  --navy: var(--brand-text); --navy-dark: var(--bh-primary-hover); --navy-deep: var(--bh-text);
  --sage: var(--bh-honey); --sage-soft: rgba(233,178,98,.20);
  --bg: var(--bh-bg); --panel: var(--bh-surface); --panel-2: #FBF8F2; --sidebar: var(--bh-surface);
  --ink: var(--bh-text); --muted: var(--bh-text-muted); --faint: #676E77; --line: var(--bh-border); --field: #ffffff; --field-line: #D6CCBC;
  --brand: var(--bh-primary); --brand-hover: var(--bh-primary-hover); --brand-soft: rgba(150,87,26,.09); --on-brand: var(--bh-on-primary);
  --nav-active: var(--bh-surface-muted); --focus: var(--bh-focus);
  --accent: #4E6B4A; --accent-soft: rgba(78,107,74,.13);
  --warn: #96571A; --warn-soft: rgba(233,178,98,.24); --bad: #B42318; --bad-soft: rgba(180,35,24,.10);
  --info: #3B6E99; --info-soft: rgba(59,110,153,.11);
  --radius: var(--r); --radius-sm: var(--r-sm);
  --shadow: 0 1px 2px rgba(24,34,46,.06), 0 4px 16px rgba(24,34,46,.06);
  --shadow-lg: var(--bh-shadow-raised), 0 24px 64px rgba(24,34,46,.18);
  --tap: 48px;
  --tap-min: 44px;
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 24px; --s6: 32px;
  --r-sm: 8px; --r: 12px; --r-lg: 18px; --r-pill: 999px;
  --fs-caption: 13px; --fs-footnote: 14px; --fs-body: 16px; --fs-dense: 15px; --fs-headline: 17px; --fs-title2: 22px; --fs-large: 30px;
  --brand-text: var(--bh-link);
  --on-accent: #FFFFFF; --bad-strong: #B42318; --on-bad: #FFFFFF;
  --btn-hover: rgba(150,87,26,.16);
  --tab-hover: color-mix(in srgb, var(--panel) 55%, transparent);
  --toast-bg: rgba(30,30,32,.95); --toast-ok: #34513A; --toast-bad: #B42318; --on-toast: #FFFFFF; --on-toast-btn: rgba(255,255,255,.18);
  --scrim: rgba(0,0,0,.34);
  --font: var(--bh-font-body); --font-display: var(--bh-font-display);
  --mark-ring: var(--bh-ink); --mark-mid: var(--bh-amber); --mark-eye: var(--bh-amber);
  color-scheme: light;
}
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) {
  --sage-soft: rgba(233,178,98,.14);
  --panel-2: #202B38; --faint: #8E99A6; --field: #1B2531; --field-line: #3A4859;
  --brand-soft: rgba(192,122,44,.16);
  --accent: #A9CFA4; --accent-soft: rgba(169,207,164,.14); --warn: #E9B262; --warn-soft: rgba(233,178,98,.16);
  --bad: #F4AAA2; --bad-soft: rgba(244,170,162,.14); --info: #8FB8DD; --info-soft: rgba(143,184,221,.15);
  --shadow: 0 1px 2px rgba(0,0,0,.6); --shadow-lg: 0 24px 64px rgba(0,0,0,.7);
  --on-accent: var(--bh-ink); --btn-hover: rgba(192,122,44,.26);
  --mark-ring: var(--bh-bone); --mark-eye: var(--bh-honey); color-scheme: dark;
}}
:root[data-theme="dark"] {
  --sage-soft: rgba(233,178,98,.14);
  --panel-2: #202B38; --faint: #8E99A6; --field: #1B2531; --field-line: #3A4859;
  --brand-soft: rgba(192,122,44,.16);
  --accent: #A9CFA4; --accent-soft: rgba(169,207,164,.14); --warn: #E9B262; --warn-soft: rgba(233,178,98,.16);
  --bad: #F4AAA2; --bad-soft: rgba(244,170,162,.14); --info: #8FB8DD; --info-soft: rgba(143,184,221,.15);
  --shadow: 0 1px 2px rgba(0,0,0,.6); --shadow-lg: 0 24px 64px rgba(0,0,0,.7);
  --on-accent: var(--bh-ink); --btn-hover: rgba(192,122,44,.26);
  --mark-ring: var(--bh-bone); --mark-eye: var(--bh-honey); color-scheme: dark;
}
:root[data-text="large"] { font-size: 112%; }
* { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
html { font-family: var(--font); }
body { margin: 0; background: var(--bg); color: var(--ink); display: flex; min-height: 100vh; font-size: var(--fs-body); line-height: 1.4; letter-spacing: -.01em; -webkit-font-smoothing: antialiased; }
svg.i { width: 20px; height: 20px; stroke: currentColor; fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; }
a { color: var(--navy); }
.sidebar { width: 248px; flex-shrink: 0; height: 100vh; position: sticky; top: 0; padding: 16px 12px 12px; display: flex; flex-direction: column; overflow-y: auto;
  background: var(--sidebar); backdrop-filter: saturate(180%) blur(20px); -webkit-backdrop-filter: saturate(180%) blur(20px); border-right: 1px solid var(--line); }
.brand { display: flex; gap: 10px; align-items: center; padding: 2px 8px 14px; line-height: 1.15; font-weight: 700; }
.brand.bh-brand { flex-direction: column; align-items: flex-start; gap: 2px; text-decoration: none; color: var(--ink); }
.bh-brand .bh-row { display: flex; align-items: center; gap: 10px; }
.bh-brand .store { font-size: var(--fs-caption); font-weight: 600; color: var(--muted); padding-left: 42px; }
.bh-mark { width: 32px; height: 32px; flex-shrink: 0; fill: none; stroke: var(--mark-ring); stroke-width: 7; }
.bh-mark .r2 { stroke: var(--mark-mid); } .bh-mark .eye { fill: var(--mark-eye); stroke: none; }
.bh-word { font-family: var(--font-display); font-size: 21px; letter-spacing: -.03em; line-height: 1; color: var(--ink); white-space: nowrap; }
.bh-word b { font-weight: 700; } .bh-word { font-weight: 400; }
.auth-brand.bh-brand .bh-word { font-size: 24px; } .auth-brand .bh-mark { width: 40px; height: 40px; }
h1, h2, .term-amt, .stat .v, .ns-total b, .change-amt, .big-price, .plan .amt { font-family: var(--font-display); }
h1, h2 { font-weight: 600; letter-spacing: -.02em; }
.brand small { display: block; font-weight: 500; font-size: var(--fs-caption); color: var(--muted); }
.logo { background: var(--brand); color: var(--on-brand); font-weight: 700; font-size: 14px; width: 36px; height: 36px; border-radius: var(--r-sm); display: grid; place-items: center; letter-spacing: -.5px; flex-shrink: 0; }
.search-btn { display: flex; align-items: center; gap: 8px; margin: 0 4px 6px; padding: 0 10px; min-height: var(--tap); border-radius: var(--r-sm); border: none; background: var(--brand-soft); color: var(--muted); cursor: pointer; font: inherit; }
.search-btn kbd { margin-left: auto; font-family: var(--font); font-size: var(--fs-caption); color: var(--faint); }
nav { display: flex; flex-direction: column; gap: 1px; }
nav .sec { font-size: var(--fs-caption); font-weight: 600; color: var(--faint); text-transform: uppercase; letter-spacing: .06em; padding: 14px 10px 4px; }
nav a { display: flex; align-items: center; gap: 10px; color: var(--ink); text-decoration: none; padding: 0 10px; min-height: var(--tap); border-radius: var(--r-sm); font-size: var(--fs-dense); }
nav a svg { color: var(--navy); }
nav a:hover { background: var(--brand-soft); }
nav a.active { background: var(--nav-active); color: var(--brand-text); font-weight: 700; box-shadow: inset 3px 0 0 var(--brand-text); } nav a.active svg { color: var(--brand-text); }
nav a .count { margin-left: auto; font-size: var(--fs-caption); font-weight: 600; color: var(--faint); }
nav a .count.hot { background: var(--bad-strong); color: var(--on-bad); border-radius: var(--r-pill); padding: 1px 7px; }
nav a.active .count { color: var(--muted); }
nav a.active .count.hot { background: var(--bad-strong); color: var(--on-bad); }
nav a .count:empty { display: none; }
.dt-mode { margin-top: 6px; font-size: var(--fs-caption); padding: 8px 10px; border-radius: var(--r-sm); color: var(--muted); }
.copyright { font-size: var(--fs-caption); color: var(--faint); padding: 6px 10px 0; line-height: 1.4; }
@media (max-width: 1000px) { .sidebar .copyright { display: none; } }
.user-chip { margin-top: auto; padding: 10px 6px 4px; border-top: 1px solid var(--line); }
.user-chip .who { display: flex; align-items: center; gap: 10px; }
.user-chip .who b { display: block; font-size: 14px; } .user-chip .who small { color: var(--muted); font-size: var(--fs-caption); }
.avatar { width: 34px; height: 34px; border-radius: 50%; background: var(--tan); color: var(--tan-ink); display: grid; place-items: center; font-weight: 600; font-size: 13px; flex-shrink: 0; }
.user-chip .actions { margin-top: 8px; gap: 6px; }
.user-chip .btn, .user-chip button { min-height: var(--tap-min); padding: 0 10px; font-size: var(--fs-footnote); background: transparent; }
main { flex: 1; padding: 22px 32px 120px; min-width: 0; }
h1 { font-size: var(--fs-large); font-weight: 700; letter-spacing: -.025em; margin: 4px 0 18px; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
h1 .actions { margin-left: auto; }
h2 { font-size: var(--fs-headline); font-weight: 600; margin: 0 0 12px; letter-spacing: -.01em; }
h3 { font-size: var(--fs-headline); font-weight: 600; margin: 0 0 8px; }
small { font-size: var(--fs-footnote); }
.row { display: flex; gap: 16px; flex-wrap: wrap; }
.grow { flex: 1; min-width: 0; }
.card { background: var(--panel); border-radius: var(--radius); padding: 18px; margin-bottom: 16px; box-shadow: var(--shadow); }
.stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 12px; margin-bottom: 16px; }
.stat { background: var(--panel); border-radius: var(--radius); padding: 16px 18px; box-shadow: var(--shadow); }
.stat .k { color: var(--muted); font-size: 13px; font-weight: 500; }
.stat .v { font-size: 26px; font-weight: 700; margin-top: 4px; font-variant-numeric: tabular-nums; letter-spacing: -.02em; }
a.stat { text-decoration: none; color: inherit; display: block; } a.stat:hover { box-shadow: 0 0 0 2px var(--brand-soft), var(--shadow); }
.muted { color: var(--muted); }
.empty { color: var(--muted); padding: 28px 16px; text-align: center; }
.empty b { display: block; color: var(--ink); font-size: 17px; margin-bottom: 4px; }
.hidden { display: none !important; }
table { width: 100%; border-collapse: collapse; }
th { text-align: left; font-size: var(--fs-caption); color: var(--muted); font-weight: 600; padding: 8px 10px; border-bottom: 1px solid var(--line); white-space: nowrap; }
td { padding: 10px; border-bottom: 1px solid var(--line); vertical-align: middle; height: var(--tap); font-size: var(--fs-dense); }
tr:last-child td { border-bottom: none; }
tr.click { cursor: pointer; } tr.click:hover td { background: var(--brand-soft); }
.num { text-align: right; font-variant-numeric: tabular-nums; }
.table-wrap { overflow-x: auto; }
tr.tot td { font-weight: 700; border-top: 2px solid var(--navy); background: var(--brand-soft); }
input, select, textarea { font: inherit; font-size: 16px; padding: 0 12px; min-height: var(--tap); border: 1px solid var(--field-line); border-radius: var(--radius-sm); background: var(--field); color: var(--ink); width: 100%; }
textarea { padding: 10px 12px; min-height: 84px; resize: vertical; }
select { padding-right: 8px; }
input:focus, select:focus, textarea:focus { outline: 2px solid var(--focus); outline-offset: 0; border-color: var(--focus); }
input[readonly], input:disabled, select:disabled, textarea:disabled { background: var(--panel-2); color: var(--muted); }
input[type="checkbox"], input[type="radio"], input.check { width: 22px; height: 22px; min-height: 0; padding: 0; accent-color: var(--brand); vertical-align: middle; cursor: pointer; }
input[type="color"] { padding: 4px; }
label { display: block; font-size: var(--fs-footnote); color: var(--muted); margin-bottom: 12px; font-weight: 500; }
label > input, label > select, label > textarea { margin-top: 5px; }
label:has(> input.check) { display: flex; align-items: center; gap: 10px; min-height: var(--tap); color: var(--ink); font-size: var(--fs-body); cursor: pointer; }
.grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 0 12px; }
.grid3 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 0 12px; }
td input, td select { min-height: var(--tap-min); }
td input.qty { width: 72px; } td input.price { width: 110px; }
button, .btn { font: inherit; font-size: var(--fs-body); font-weight: 500; border: none; background: var(--brand-soft); color: var(--navy); padding: 0 16px; min-height: var(--tap); min-width: var(--tap);
  border-radius: var(--r); cursor: pointer; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; gap: 6px; white-space: nowrap; transition: transform .08s, background .15s; }
button:hover, .btn:hover { background: var(--btn-hover); }
button:active, .btn:active { transform: scale(.97); }
button:disabled { opacity: .4; cursor: default; transform: none; }
button.primary, .btn.primary { background: var(--brand); color: var(--on-brand); font-weight: 600; }
button.primary:hover, .btn.primary:hover { background: var(--brand-hover); }
button.danger, .btn.danger { color: var(--bad); background: var(--bad-soft); }
button.danger:hover, .btn.danger:hover { background: color-mix(in srgb, var(--bad) 18%, transparent); }
button.danger.filled { background: var(--bad-strong); color: var(--on-bad); font-weight: 600; }
button.danger.filled:hover { background: color-mix(in srgb, var(--bad-strong) 88%, #000); }
button.small, .btn.small { font-size: var(--fs-footnote); padding: 0 12px; min-height: var(--tap-min); min-width: var(--tap-min); }
button.link { background: none; color: var(--navy); padding: 0 6px; min-width: 0; font-weight: 500; }
button.link:hover { text-decoration: underline; background: none; }
button.link:disabled { opacity: 1; }
button.wide { width: 100%; min-height: 50px; font-size: 17px; }
.actions { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.toolbar { display: flex; gap: 8px; margin-bottom: 14px; flex-wrap: wrap; align-items: center; }
.toolbar input { max-width: 340px; }
.badge { display: inline-block; padding: 3px 9px; border-radius: var(--r-pill); font-size: var(--fs-caption); font-weight: 600; background: var(--panel-2); color: var(--muted); white-space: nowrap; box-shadow: inset 0 0 0 1px var(--line); text-transform: capitalize; }
.b-sent, .b-delivered, .b-Delivered, .b-resolved { background: var(--accent-soft); color: var(--accent); box-shadow: none; }
.b-not_sent, .b-open, .b-new { background: var(--info-soft); color: var(--info); box-shadow: none; }
.b-changed, .b-parts, .b-scheduled { background: var(--warn-soft); color: var(--warn); box-shadow: none; }
.b-error, .b-void { background: var(--bad-soft); color: var(--bad); box-shadow: none; }
.tag { display: inline-block; padding: 3px 9px; border-radius: var(--r-sm); font-size: var(--fs-caption); font-weight: 700; letter-spacing: .02em; white-space: nowrap; text-decoration: none; }
.tag-cust { background: var(--brand); color: var(--on-brand); }
.tag-stock { background: var(--panel-2); color: var(--muted); box-shadow: inset 0 0 0 1px var(--line); }
.search-results { border-radius: var(--radius-sm); max-height: 320px; overflow: auto; margin-top: 6px; background: var(--panel); box-shadow: var(--shadow), 0 0 0 1px var(--line); }
.search-results div { padding: 0 12px; min-height: 48px; cursor: pointer; border-bottom: 1px solid var(--line); display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.search-results div:hover { background: var(--brand-soft); }
.totals td { border: none; padding: 4px 8px; height: auto; }
.totals tr.grand td { font-size: 18px; font-weight: 700; border-top: 1px solid var(--line); padding-top: 10px; }
.dt-panel .status { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 12px; flex-wrap: wrap; }
.errors { background: var(--bad-soft); color: var(--bad); border-radius: var(--radius-sm); padding: 12px 14px; margin: 10px 0; }
.errors ul { margin: 4px 0 0; padding-left: 18px; }
.ok-box { background: var(--accent-soft); color: var(--accent); border-radius: var(--radius-sm); padding: 12px 14px; margin: 10px 0; }
pre.xml { background: #1c1c1e; color: #e3e8f2; padding: 14px; border-radius: var(--radius-sm); overflow: auto; max-height: 55vh; font-size: var(--fs-caption); line-height: 1.45; }
.day-group h2 { display: flex; justify-content: space-between; align-items: center; }
.price-box { background: var(--brand-soft); border-radius: var(--radius-sm); padding: 10px 12px; margin-bottom: 10px; }
.pf-ro { min-height: var(--tap); padding: 0 12px; display: flex; align-items: center; gap: 6px; border: 1px dashed var(--field-line); border-radius: var(--radius-sm); color: var(--ink); }
.mp-table td { vertical-align: top; }
.prc-rule { min-width: 12em; }
.price-box table td { border: none; padding: 3px 6px; height: auto; }
.price-box .big { font-size: 22px; font-weight: 700; color: var(--navy); }
.inline { display: flex; gap: 6px; } .inline select { width: 72px; flex-shrink: 0; }
.loc-cell { font-variant-numeric: tabular-nums; text-align: center; }
.loc-zero { color: var(--faint); opacity: .6; }
td select.loc { width: 170px; }
.sp-row { display: flex; align-items: center; justify-content: space-between; padding: 6px 0; border-bottom: 1px solid var(--line); }
.lockbar { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; background: var(--brand); color: var(--on-brand); border-radius: var(--radius); padding: 12px 16px; margin-bottom: 16px; }
.lockbar.open { background: var(--warn-soft); color: var(--warn); }
.lockbar button.primary { background: #fff; color: #1d1d1f; }
.lockbar:not(.open):not(.quote):not(.change) button:not(.primary) { background: var(--on-brand); color: var(--brand); font-weight: 600; }
.lockbar:not(.open):not(.quote):not(.change) button:not(.primary):hover { background: color-mix(in srgb, var(--on-brand) 88%, var(--brand)); }
.lockbar:not(.open):not(.quote):not(.change) button:focus-visible { outline-color: var(--on-brand); }
.lockbar.change { background: var(--bad-soft); color: var(--bad); box-shadow: inset 0 0 0 2px var(--bad); }
.lockbar.change button.primary { background: var(--bad-strong); color: var(--on-bad); }
.lockbar.quote { background: var(--info-soft); color: var(--info); }
.lockbar.quote input { min-height: var(--tap-min); }
.split-head { display: flex; gap: 8px; align-items: center; margin-bottom: 8px; }
.split-total { margin-left: auto; font-weight: 700; font-variant-numeric: tabular-nums; }
.split-row { display: flex; gap: 8px; align-items: center; margin-bottom: 6px; }
.split-row select { flex: 1; }
.split-row .pct { display: flex; align-items: center; gap: 4px; width: 118px; }
.split-row .pct input { width: 90px; }
.change-box { margin-top: 12px; padding: 16px; border-radius: var(--radius); background: var(--bad-soft); text-align: center; box-shadow: inset 0 0 0 2px var(--bad); }
.change-amt { font-size: 38px; font-weight: 700; color: var(--bad); margin: 4px 0 10px; font-variant-numeric: tabular-nums; letter-spacing: -.02em; }
.change-hint { background: var(--warn-soft); color: var(--warn); border-radius: var(--radius-sm); padding: 10px 12px; margin: 0 0 8px; font-size: 14px; }
.change-hint b { font-size: 16px; }
.tabs { display: inline-flex; gap: 2px; flex-wrap: wrap; margin-bottom: 16px; background: var(--line); border-radius: var(--r); padding: 3px; }
.tab { background: none; border-radius: var(--r-sm); padding: 0 16px; min-height: var(--tap-min); font-weight: 500; color: var(--ink); }
.tab:hover { background: var(--tab-hover); }
.tab.on { background: var(--panel); box-shadow: 0 1px 3px rgba(0,0,0,.14); font-weight: 600; color: var(--ink); }
a.tab { text-decoration: none; display: inline-flex; }
.seg { display: inline-flex; background: var(--line); border-radius: var(--r); padding: 3px; gap: 2px; flex-wrap: wrap; }
.seg button { background: none; color: var(--ink); border-radius: var(--r-sm); min-height: var(--tap-min); padding: 0 16px; font-weight: 500; }
.seg button.on { background: var(--panel); box-shadow: 0 1px 3px rgba(0,0,0,.14); font-weight: 600; }
.chips { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 8px; }
.chip { border-radius: var(--r-pill); padding: 0 16px; min-height: var(--tap); font-weight: 500; background: var(--panel); color: var(--ink); box-shadow: inset 0 0 0 1px var(--line); }
.chip small { color: var(--muted); margin-left: 4px; font-weight: 400; }
.chip.small-chip { font-size: 14px; }
.chip.on, .chip.small-chip.on { background: var(--brand); color: var(--on-brand); box-shadow: none; }
.chip.on small { color: var(--on-brand); }
.chip.day-chip { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; line-height: 1.2; padding: 4px 14px; }
.chip.day-chip .dc-day small { margin-left: 4px; }
.chip.day-chip .day-load { margin: 1px 0 0; font-size: 11.5px; font-variant-numeric: tabular-nums; }
.chip.day-chip.near:not(.on) { background: var(--warn-soft); box-shadow: inset 0 0 0 1px var(--warn); }
.chip.day-chip.near:not(.on) .day-load { color: var(--warn); font-weight: 600; }
.chip.day-chip.full:not(.on) { background: var(--bad-soft); box-shadow: inset 0 0 0 1.5px var(--bad); }
.chip.day-chip.full:not(.on) .day-load { color: var(--bad); font-weight: 600; }
.chip.day-chip.full.on { box-shadow: inset 0 0 0 2px var(--bad); }
.chip.day-chip.early:not(.on) { opacity: .62; }
.day-group h2 .day-sum { display: inline-flex; align-items: center; gap: 10px; flex-wrap: wrap; justify-content: flex-end; }
.chip.day-chip .day-area { margin: 1px 0 0; font-size: 11px; font-weight: 600; color: var(--muted); letter-spacing: .01em; }
.chip.day-chip.on .day-area { color: var(--on-brand); }
.chip.day-chip.off-area:not(.on) { background: var(--panel-2); }
.chip.day-chip.off-area:not(.on) .day-area { font-weight: 400; }
.chip.day-chip.near:not(.on) .day-area { color: var(--warn); }
.chip.day-chip.full:not(.on) .day-area { color: var(--bad); }
.area-sum { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 var(--s3); }
.area-chip { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 8px; padding: 4px 6px 4px 12px; border-radius: var(--r-pill); background: var(--panel-2); font-size: var(--fs-footnote); }
.area-chip.bad { background: var(--bad-soft); color: var(--bad); }
.area-place { gap: 2px; padding-right: 2px; }
.area-place .link { min-height: 0; min-width: 0; padding: 2px; color: inherit; }
.area-place .link svg.i { width: 14px; height: 14px; }
.chip.area-day { cursor: pointer; display: inline-flex; align-items: center; min-height: 36px; }
.chip.area-day:has(input:focus-visible) { outline: 2px solid var(--focus, var(--brand)); outline-offset: 2px; }
.spsum { margin: -2px 0 12px; font-size: 15px; color: var(--muted); } .spsum b { color: var(--ink); }
.group-title { font-size: 13px; color: var(--muted); text-transform: uppercase; letter-spacing: .04em; margin: 22px 4px 7px; font-weight: 500; }
.group { background: var(--panel); border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow); }
.li { display: flex; align-items: center; gap: 12px; padding: 10px 16px; min-height: 56px; position: relative; }
.li + .li::before { content: ""; position: absolute; top: 0; left: 16px; right: 0; height: 1px; background: var(--line); }
.li.tap { cursor: pointer; } .li.tap:hover { background: var(--panel-2); } .li.tap:active { background: var(--brand-soft); }
.li .main { flex: 1; min-width: 0; } .li .main b { display: block; font-weight: 600; font-size: 16px; } .li .main small { color: var(--muted); font-size: 14px; }
.li .end { text-align: right; } .li .end b { display: block; font-variant-numeric: tabular-nums; } .li .end small { color: var(--muted); font-size: 13px; }
.li .chev { color: var(--faint); }
.li input, .li select { border: none; background: transparent; padding: 0; min-height: var(--tap-min); }
.li input:focus, .li select:focus { outline: none; }
.li label { margin: 0; flex: 1; }
.pill { display: inline-flex; align-items: center; gap: 4px; font-size: var(--fs-caption); font-weight: 600; padding: 3px 9px; border-radius: var(--r-pill); background: var(--accent-soft); color: var(--accent); white-space: nowrap; }
.pill.warn { background: var(--warn-soft); color: var(--warn); } .pill.navy { background: var(--brand-soft); color: var(--navy); } .pill.bad { background: var(--bad-soft); color: var(--bad); }
.pill svg.i { width: 14px; height: 14px; }
.field { display: flex; align-items: center; gap: 10px; background: var(--panel); border-radius: var(--radius); padding: 0 14px; min-height: 54px; box-shadow: var(--shadow); }
.field svg.i { color: var(--faint); }
.field input { flex: 1; border: none; outline: none; background: none; font-size: 18px; min-height: 52px; padding: 0; }
.field input:focus { outline: none; }
.stepper { display: inline-flex; align-items: center; background: var(--bg); border-radius: var(--r); }
.stepper button { width: var(--tap); background: none; font-size: 22px; color: var(--navy); padding: 0; }
.stepper span { min-width: 30px; text-align: center; font-weight: 600; font-variant-numeric: tabular-nums; }
.modal { position: fixed; inset: 0; background: var(--scrim); display: flex; align-items: center; justify-content: center; z-index: 50; padding: 16px; animation: fadeIn .2s; }
.modal-card { background: var(--panel); border-radius: var(--r-lg); padding: 22px; width: min(760px, 100%); max-height: 90vh; overflow: auto; box-shadow: var(--shadow-lg); animation: sheetIn .28s cubic-bezier(.2,.9,.3,1.1); }
.modal-card.narrow { width: min(460px, 100%); }
.modal-card h2 { font-size: var(--fs-title2); }
.modal-card .sheet-actions { display: flex; gap: 10px; justify-content: flex-end; margin-top: 18px; flex-wrap: wrap; }
.modal-card .sheet-actions.stack { flex-direction: column-reverse; } .modal-card .sheet-actions.stack button { width: 100%; min-height: 50px; }
@keyframes fadeIn { from { opacity: 0; } }
@keyframes sheetIn { from { opacity: 0; transform: translateY(14px) scale(.97); } }
.spot { position: fixed; inset: 0; background: rgba(0,0,0,.3); z-index: 55; display: flex; justify-content: center; align-items: flex-start; padding: 12vh 16px 16px; animation: fadeIn .15s; }
.spot-card { width: min(640px, 100%); background: var(--panel); border-radius: var(--r-lg); box-shadow: var(--shadow-lg); overflow: hidden; animation: sheetIn .2s; }
.spot-field { display: flex; align-items: center; gap: 10px; padding: 0 18px; border-bottom: 1px solid var(--line); }
.spot-field svg.i { color: var(--faint); width: 22px; height: 22px; }
.spot-field input { border: none; font-size: 20px; min-height: 60px; padding: 0; background: none; }
.spot-field input:focus { outline: none; }
.spot-res { max-height: 56vh; overflow: auto; padding: 6px 0; }
.spot-res .lbl { font-size: var(--fs-caption); color: var(--faint); text-transform: uppercase; letter-spacing: .05em; padding: 10px 18px 4px; }
.spot-res .li { min-height: 50px; padding: 6px 18px; cursor: pointer; } .spot-res .li + .li::before { display: none; }
.spot-res .li.sel { background: var(--nav-active); color: var(--ink); box-shadow: inset 3px 0 0 var(--brand-text); } .spot-res .li.sel small { color: var(--muted); }
.toast { position: fixed; left: 50%; bottom: 28px; transform: translateX(-50%); background: var(--toast-bg); color: var(--on-toast); padding: 12px 14px 12px 18px; border-radius: var(--r); z-index: 60;
  max-width: min(560px, calc(100vw - 32px)); box-shadow: var(--shadow-lg); display: flex; align-items: center; gap: 14px; animation: toastIn .25s; }
.toast.err { background: var(--toast-bad); } .toast.ok { background: var(--toast-ok); } .toast.warn { background: #7A4510; }
.toast button { background: var(--on-toast-btn); color: var(--on-toast); min-height: var(--tap-min); font-weight: 600; }
@keyframes toastIn { from { opacity: 0; transform: translate(-50%, 12px); } }
.ver-banner { position: fixed; left: 50%; top: calc(10px + env(safe-area-inset-top)); transform: translateX(-50%); z-index: 70; display: flex; align-items: center; gap: 14px;
  background: var(--panel); color: var(--ink); border: 1px solid var(--line); box-shadow: var(--shadow-lg); border-radius: var(--r); padding: 8px 8px 8px 18px;
  max-width: calc(100vw - 32px); font-weight: 600; }
.ver-banner span { min-width: 0; }
.install-tip { position: fixed; right: 16px; top: calc(var(--demo-h, 0px) + 12px + env(safe-area-inset-top));
  z-index: 45; display: flex; align-items: center; gap: 12px;
  width: 420px; max-width: calc(100vw - 32px); background: var(--panel); color: var(--ink); border: 1px solid var(--line); box-shadow: var(--shadow-lg);
  border-radius: var(--r); padding: 12px 12px 12px 16px; font-size: var(--fs-footnote); flex-wrap: wrap; }
.install-tip > .i { color: var(--brand-text, var(--brand)); flex-shrink: 0; }
.install-tip > span:first-of-type { flex: 1 1 240px; min-width: 0; }
.install-tip-btns { display: flex; gap: 8px; margin-left: auto; }
.install-steps { padding-left: 1.4em; margin: 8px 0 12px; } .install-steps li { margin: 6px 0; }
[data-install] .i { vertical-align: -3px; }
.off-banner { font-weight: 500; box-shadow: inset 4px 0 0 var(--warn), var(--shadow-lg); padding-left: var(--s4); }
.off-banner .inline-ic, .off-banner-in .inline-ic { color: var(--warn); }
body.off-view-on .off-banner { display: none; }
.off-banner-in { display: flex; align-items: flex-start; gap: var(--s2); padding: var(--s3) var(--s4); margin-bottom: var(--s4); border-radius: var(--r);
  background: var(--warn-soft); color: var(--ink); font-weight: 600; }
.off-view h1 .badge { font-family: var(--font); }
.off-view .tabs a.tab { align-items: center; }
.off-tbl td { vertical-align: top; }
.off-list { list-style: none; padding: 0; margin: 0 0 var(--s4); }
.off-list li { padding: var(--s2) 0; border-bottom: 1px solid var(--line); }
.off-list li:last-child { border-bottom: none; }
body.offline #app:not(:has(.off-view)) button.primary, body.offline #modal button.primary { opacity: .5; cursor: not-allowed; }
body.offline nav a[data-nav="new"] { opacity: .45; }
.ns { max-width: 880px; padding-bottom: 40px; }
.ns-bar { position: fixed; left: 248px; right: 0; bottom: 0; z-index: 30; padding: 12px 32px calc(12px + env(safe-area-inset-bottom)); display: flex; align-items: center; gap: 14px;
  background: var(--sidebar); backdrop-filter: saturate(180%) blur(20px); -webkit-backdrop-filter: saturate(180%) blur(20px); border-top: 1px solid var(--line); }
.ns-total small { display: block; color: var(--muted); font-size: 13px; } .ns-total b { font-size: 26px; font-weight: 700; letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.ns-bar .go { margin-left: auto; min-width: 230px; min-height: 52px; font-size: 17px; border-radius: var(--r); }
.methods { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; }
.method { background: var(--panel); color: var(--ink); box-shadow: var(--shadow); border-radius: var(--radius); padding: 16px; min-height: 88px; text-align: left; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 6px; white-space: normal; border: 2px solid transparent; }
.method:hover { background: var(--panel); border-color: var(--brand-soft); }
.method svg.i { color: var(--navy); width: 24px; height: 24px; }
.method small { color: var(--muted); font-weight: 400; }
.method.on { border-color: var(--brand); background: var(--brand-soft); }
.quick { display: flex; gap: 8px; justify-content: center; margin-top: 12px; flex-wrap: wrap; }
.change-line { text-align: center; margin-top: 12px; font-size: 17px; } .change-line b { color: var(--accent); font-size: 24px; }
.done { text-align: center; padding: 36px 0; }
.big-check { width: 92px; height: 92px; border-radius: 50%; background: var(--accent); color: var(--on-accent); display: grid; place-items: center; margin: 0 auto 18px; animation: pop .5s cubic-bezier(.2,1.4,.4,1); }
.big-check svg.i { width: 50px; height: 50px; stroke-width: 2.6; }
@keyframes pop { from { transform: scale(.4); opacity: 0; } }
.done h2 { font-size: 30px; margin: 0 0 6px; letter-spacing: -.02em; } .done p { color: var(--muted); margin: 0 0 20px; font-size: 16px; line-height: 1.5; }
.done .actions { justify-content: center; }
.note { color: var(--faint); font-size: 13px; margin: 8px 4px 0; }
.sale { display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, 380px); gap: 0 18px; align-items: start; max-width: 1280px; }
.sale-title { grid-column: 1 / -1; }
.sale-main { min-width: 0; }
.sale-side { position: sticky; top: 16px; }
.sec-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 10px; flex-wrap: wrap; }
.sec-head h2 { margin: 0; }
.sale .card { padding: 16px 18px; }
.sale-lines { margin-top: 12px; border-top: 1px solid var(--line); }
.sale-line { display: grid; grid-template-columns: minmax(0, 1fr) auto auto 100px; gap: 10px; align-items: center; padding: 8px 0; border-bottom: 1px solid var(--line); }
.sale-line .main { cursor: pointer; min-width: 0; } .sale-line .main b { display: block; font-weight: 600; } .sale-line .main small { color: var(--muted); font-size: 13px; }
.sale-line .ext { text-align: right; font-variant-numeric: tabular-nums; }
.price-cell { display: flex; gap: 4px; align-items: center; }
.price-in { width: 108px; text-align: right; }
.price-in.below { border-color: var(--bad); box-shadow: 0 0 0 2px var(--bad-soft); }
button.adj { min-width: 0; padding: 0 10px; font-size: 13px; font-weight: 600; }
td button.adj { margin-left: 4px; }
.item-search { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.item-search .field { flex: 3 1 60%; min-width: 0; }
.item-filters { flex: 1 1 348px; display: flex; gap: 8px; min-width: 0; }
.item-search select { flex: 1 1 0; min-width: 0; }
.item-search select { min-height: 54px; border-radius: var(--radius); box-shadow: var(--shadow); border: none; background: var(--panel); }
.result-list { max-height: 360px; overflow-y: auto; }
.line-extra { grid-column: 1 / -1; display: flex; gap: 10px; align-items: center; margin-top: -2px; }
.line-extra .det { flex: 1; min-height: var(--tap-min); font-size: 14px; }
.so-chk { display: flex; align-items: center; gap: 8px; margin: 0; min-height: var(--tap-min); padding: 0 12px; border-radius: var(--r-sm); background: var(--panel-2); box-shadow: inset 0 0 0 1px var(--line); color: var(--ink); font-size: 14px; white-space: nowrap; cursor: pointer; }
.so-chk.on { background: var(--warn-soft); color: var(--warn); box-shadow: inset 0 0 0 1px var(--warn); font-weight: 600; }
@media (max-width: 760px) { .line-extra { flex-wrap: wrap; } }
.line-det { display: block; font-size: 13px; color: var(--ink); opacity: .8; font-style: italic; margin-top: 2px; }
.side-card { padding: 16px; }
.side-card .totals td { padding: 5px 0; }
.side-card .totals input, .side-card .totals select { min-height: var(--tap-min); }
.side-label { font-size: var(--fs-caption); color: var(--muted); text-transform: uppercase; letter-spacing: .05em; font-weight: 600; margin: 4px 0 6px; }
.disc-in { display: inline-flex; gap: 6px; align-items: center; justify-content: flex-end; }
.disc-in input { width: 92px; text-align: right; }
.seg.mini { padding: 2px; } .seg.mini button { min-height: 44px; padding: 0 10px; font-size: 14px; }
.pay-methods { display: grid; grid-template-columns: repeat(5, 1fr); gap: 6px; }
.pm { flex-direction: column; gap: 2px; min-height: 58px; padding: 6px 2px; background: var(--panel-2); color: var(--ink); box-shadow: inset 0 0 0 1px var(--line); font-size: var(--fs-caption); white-space: normal; }
.pm svg.i { color: var(--navy); } .pm.on { background: var(--brand-soft); box-shadow: inset 0 0 0 2px var(--brand); font-weight: 600; }
.go-btn { width: 100%; min-height: 54px; font-size: 16px; white-space: normal; line-height: 1.25; padding: 6px 14px; }
.ns-preview { margin-top: 10px; min-height: 22px; }
@media (max-width: 1060px) { .sale { grid-template-columns: 1fr; } .sale-side { position: static; } }
@media (max-width: 640px) { .sale-line { grid-template-columns: 1fr auto; } }
.sale-lines { container-type: inline-size; }
@container (max-width: 560px) { .sale-line { grid-template-columns: 1fr auto; } }
:root { --series-1: #2a78d6; --series-2: #eb6834; --series-3: #1baf7a; --series-4: #eda100; --series-5: #e87ba4; --series-6: #008300; --series-other: #9a9893; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --series-1: #3987e5; --series-2: #d95926; --series-3: #199e70; --series-4: #c98500; --series-5: #d55181; --series-6: #008300; --series-other: #6f6e69; } }
:root[data-theme="dark"] { --series-1: #3987e5; --series-2: #d95926; --series-3: #199e70; --series-4: #c98500; --series-5: #d55181; --series-6: #008300; --series-other: #6f6e69; }
.pie-wrap { display: flex; gap: 24px; align-items: center; flex-wrap: wrap; }
.pie { width: 240px; height: 240px; flex-shrink: 0; }
.pie path { stroke: var(--panel); stroke-width: 2; transition: opacity .15s; cursor: default; }
.pie:hover path { opacity: .55; } .pie path:hover { opacity: 1; }
.pie text { font-size: 13px; font-weight: 600; fill: #fff; pointer-events: none; }
.legend { list-style: none; padding: 0; margin: 0; flex: 1; min-width: 240px; }
.legend li { display: flex; align-items: center; gap: 10px; min-height: 36px; border-bottom: 1px solid var(--line); }
.legend .sw { width: 12px; height: 12px; border-radius: 3px; flex-shrink: 0; }
.legend .nm { flex: 1; color: var(--ink); } .legend .amt { font-variant-numeric: tabular-nums; color: var(--ink); } .legend .pc { width: 56px; text-align: right; color: var(--muted); font-variant-numeric: tabular-nums; }
.viz-tip { position: fixed; z-index: 70; pointer-events: none; background: var(--panel); color: var(--ink); box-shadow: var(--shadow-lg); border-radius: var(--r-sm); padding: 8px 12px; font-size: 13px; }
.bar-cell { position: relative; min-width: 140px; }
.bar-cell span { display: block; height: 10px; border-radius: 0 4px 4px 0; background: var(--series-1); }
.rank { color: var(--muted); font-variant-numeric: tabular-nums; width: 28px; }
.prio { display: grid; grid-template-columns: repeat(10, 1fr); gap: 6px; }
.prio button { min-width: 0; padding: 0; background: var(--panel); color: var(--ink); box-shadow: inset 0 0 0 1px var(--line); font-weight: 600; }
.prio button.on { background: var(--brand); color: var(--on-brand); box-shadow: none; }
.prio button.on.hi { background: var(--bad-strong); color: var(--on-bad); }
.prio-ends { display: flex; justify-content: space-between; font-size: var(--fs-caption); color: var(--muted); margin-top: 4px; }
.prio-pill { display: inline-grid; place-items: center; min-width: 30px; height: 26px; border-radius: var(--r-sm); font-weight: 700; font-size: 13px; background: var(--panel-2); box-shadow: inset 0 0 0 1px var(--line); }
.prio-pill.hi { background: var(--bad-strong); color: var(--on-bad); box-shadow: none; } .prio-pill.mid { background: var(--warn-soft); color: var(--warn); box-shadow: none; }
.photos { display: grid; grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)); gap: 10px; }
.photo { position: relative; aspect-ratio: 1; border-radius: var(--r); overflow: hidden; background: var(--panel-2); box-shadow: inset 0 0 0 1px var(--line); }
.photo img { width: 100%; height: 100%; object-fit: cover; display: block; cursor: zoom-in; }
.photo button { position: absolute; top: 4px; right: 4px; min-height: var(--tap-min); min-width: var(--tap-min); padding: 0; border-radius: 50%; background: rgba(0,0,0,.6); color: #fff; }
.photo button:hover { background: rgba(0,0,0,.75); }
.photo-add { aspect-ratio: 1; border-radius: var(--r); border: 2px dashed var(--field-line); display: grid; place-items: center; color: var(--navy); cursor: pointer; font-weight: 600; text-align: center; padding: 6px; }
.photo-add input { display: none; }
.timeline { list-style: none; padding: 0; margin: 0; }
.timeline li { padding: 10px 0; border-bottom: 1px solid var(--line); }
.timeline li:last-child { border-bottom: none; }
.timeline small { color: var(--muted); display: block; margin-top: 2px; }
.logo-preview { border: 1px dashed var(--field-line); border-radius: var(--radius-sm); min-height: 90px; display: grid; place-items: center; padding: 10px; background: #fff; }
.logo-preview img { max-height: 110px; max-width: 100%; }
.brand-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 12px; }
.brand-card { border-radius: var(--radius-sm); padding: 12px; box-shadow: inset 0 0 0 1px var(--line); }
.ft-like { font-size: 22px; font-weight: 800; color: var(--navy); text-transform: uppercase; text-align: center; }
.filters select { max-width: 210px; }
.big-price { font-size: 32px; font-weight: 700; color: var(--navy); margin: 4px 0 12px; }
#cTbl tr.uncounted td { background: var(--warn-soft); }
#cTbl .cQty { font-weight: 800; }
body.signed-out .sidebar, body.signed-out main, body.signed-out .mbar, body.signed-out .tabbar { display: none !important; }
.auth { position: fixed; inset: 0; display: grid; place-items: center; padding: 16px; background: var(--auth-bg); overflow: auto; z-index: 40; }
.auth-card { background: var(--panel); border-radius: var(--r-lg); padding: 32px; width: min(440px, 100%); box-shadow: var(--shadow-lg); }
.auth-card h2 { font-size: 22px; }
.auth-brand { display: flex; gap: 12px; align-items: center; margin-bottom: 22px; font-size: 18px; line-height: 1.15; font-weight: 700; }
.auth-brand small { display: block; font-size: var(--fs-caption); color: var(--muted); font-weight: 500; }
.auth-logo { display: block; max-height: 90px; max-width: 70%; margin: 0 auto 16px; }
.code-input { font-size: 26px !important; letter-spacing: .35em; text-align: center; font-variant-numeric: tabular-nums; min-height: 56px !important; }
.steps { padding-left: 18px; } .steps li { margin-bottom: 14px; }
.qr { margin: 10px 0; min-height: var(--tap-min); } .qr img, .qr canvas { border: 8px solid #fff; box-shadow: 0 0 0 1px var(--line); border-radius: var(--r-sm); }
code.key { display: inline-block; font-size: 15px; background: var(--brand-soft); padding: 6px 10px; border-radius: var(--r-sm); letter-spacing: .08em; margin-top: 6px; word-break: break-all; }
.codes { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin: 10px 0 14px; }
.codes code { font-size: 16px; background: var(--brand-soft); padding: 8px 10px; border-radius: var(--r-sm); text-align: center; letter-spacing: .06em; }
.cost-reveal { margin: 10px 0 0; border-top: 1px solid var(--line); padding-top: 6px; }
.cost-reveal summary { cursor: pointer; min-height: var(--tap); display: flex; align-items: center; font-weight: 600; color: var(--muted); }
.cost-reveal[open] summary { color: var(--ink); }
@media (max-width: 700px) {
}
.mbar, .tabbar, .menu-scrim, .menu-head, .rail-btn { display: none; }
@media (min-width: 701px) and (max-width: 1180px) {
  :root { --rail: 72px; }
  .sidebar { position: fixed; top: 0; left: 0; bottom: 0; height: auto; z-index: 45; width: var(--rail); padding: 10px 8px 10px; overflow-x: hidden; }
  main { margin-left: var(--rail); padding: 18px 20px 120px; }
  body.floor-on main { margin-left: 0; }
  .ns-bar { left: var(--rail); padding-left: 20px; padding-right: 20px; }
  .rail-btn { display: flex; align-self: center; flex-shrink: 0; margin: 0 0 6px; min-width: var(--tap); padding: 0; background: transparent; color: var(--navy); }
  .rail-btn:hover { background: var(--brand-soft); }
  .sidebar .dt-mode, .sidebar .copyright, .bh-brand .store, .search-btn kbd { display: none; }
  body:not(.rail-open) .sidebar .lbl, body:not(.rail-open) .sidebar .bh-word {
    position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
  body:not(.rail-open) .bh-brand { align-items: center; padding: 2px 0 10px; }
  body:not(.rail-open) .search-btn { justify-content: center; margin: 0 0 6px; padding: 0; }
  body:not(.rail-open) nav a { justify-content: center; padding: 0; position: relative; }
  body:not(.rail-open) nav .sec { font-size: 0; height: 1px; padding: 0; margin: 8px 10px; background: var(--line); }
  body:not(.rail-open) nav a .count { position: absolute; top: 3px; right: 3px; margin: 0; font-size: 11px; line-height: 16px; min-width: 16px; padding: 0 4px; text-align: center;
    border-radius: var(--r-pill); background: var(--panel-2); box-shadow: inset 0 0 0 1px var(--line); }
  body:not(.rail-open) nav a .count.hot { background: var(--bad-strong); box-shadow: none; }
  body:not(.rail-open) .user-chip { padding: 10px 0 4px; }
  body:not(.rail-open) .user-chip .who { justify-content: center; }
  body:not(.rail-open) .user-chip .who > div, body:not(.rail-open) .user-chip #themeBtn, body:not(.rail-open) .user-chip .actions { display: none; }
  body.rail-open .sidebar { width: 264px; padding: 10px 12px 12px; z-index: 48; box-shadow: var(--shadow-lg); background: var(--panel); }
  body.rail-open .rail-btn { align-self: flex-start; }
  body.rail-open .menu-scrim { display: block; position: fixed; inset: 0; z-index: 47; background: var(--scrim); animation: fadeIn .2s; }
  body.rail-open .sidebar .copyright { display: block; }
}
@media (max-width: 700px) {
  :root { --tabbar-h: calc(62px + env(safe-area-inset-bottom)); }
  body { flex-direction: column; }
  .mbar { display: flex; align-items: center; gap: 6px; position: sticky; top: 0; z-index: 35; padding: calc(4px + env(safe-area-inset-top)) 8px 4px;
    background: var(--sidebar); backdrop-filter: saturate(180%) blur(20px); -webkit-backdrop-filter: saturate(180%) blur(20px); border-bottom: 1px solid var(--line); }
  .mbar-btn { display: inline-flex; align-items: center; gap: 6px; min-height: var(--tap); padding: 0 12px; border: none; border-radius: var(--r-sm); background: var(--brand-soft); color: var(--ink); font: inherit; font-size: 15px; font-weight: 600; cursor: pointer; }
  .mbar-btn svg { color: var(--navy); }
  .mbar-brand { flex: 1; display: flex; align-items: center; justify-content: center; gap: 8px; text-decoration: none; }
  .mbar { background: var(--bh-topbar); border-bottom-color: transparent; }
  .mbar .bh-mark { width: 26px; height: 26px; --mark-ring: var(--bh-bone); --mark-eye: var(--bh-honey); }
  .mbar .bh-word { font-size: 18px; color: var(--bh-topbar-text); }
  .mbar-btn { background: var(--bh-topbar-field); color: var(--bh-topbar-text); } .mbar-btn svg { color: var(--bh-honey); }
  .sidebar { position: fixed; top: 0; left: 0; bottom: 0; z-index: 70; width: min(330px, 88vw); height: 100%; padding: calc(10px + env(safe-area-inset-top)) 12px calc(12px + env(safe-area-inset-bottom));
    transform: translateX(-105%); transition: transform .25s cubic-bezier(.2,.9,.3,1); box-shadow: var(--shadow-lg); border-right: 1px solid var(--line); background: var(--panel); }
  body.menu-open .sidebar { transform: none; }
  .menu-head { display: flex; align-items: center; justify-content: space-between; padding: 0 4px 8px; } .menu-head b { font-size: 22px; }
  .menu-scrim { position: fixed; inset: 0; z-index: 65; background: var(--scrim); }
  body.menu-open .menu-scrim { display: block; animation: fadeIn .2s; }
  body.menu-open { overflow: hidden; }
  .sidebar .search-btn, .sidebar .bh-brand { display: none; }
  .sidebar nav a { font-size: 17px; min-height: 50px; }
  .sidebar .copyright { display: block; }
  .tabbar { display: flex; flex-direction: row; gap: 2px; position: fixed; left: 0; right: 0; bottom: 0; z-index: 34; height: var(--tabbar-h); padding: 4px 4px env(safe-area-inset-bottom);
    background: var(--sidebar); backdrop-filter: saturate(180%) blur(20px); -webkit-backdrop-filter: saturate(180%) blur(20px); border-top: 1px solid var(--line); }
  .tabbar a { flex: 1; min-width: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; min-height: 54px; padding: 0 2px; border-radius: var(--r-sm);
    text-decoration: none; color: var(--muted); font-size: var(--fs-caption); font-weight: 600; }
  .tabbar a span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
  .tabbar a svg { color: inherit; width: 24px; height: 24px; }
  .tabbar a.active { color: var(--brand-text); background: var(--nav-active); font-weight: 700; box-shadow: inset 0 -3px 0 var(--brand-text); }
  main { padding: 14px 16px calc(var(--tabbar-h) + 100px); } h1 { font-size: 26px; }
  .grid2, .grid3 { grid-template-columns: 1fr; }
  .li { padding: 10px 12px; } .li .end { max-width: 36%; } .li .end small { font-size: var(--fs-caption); }
  .stats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .stat { padding: 14px; min-width: 0; } .stat .v { font-size: clamp(17px, 5vw, 22px); overflow-wrap: anywhere; }
  .ns-bar { left: 0; bottom: var(--tabbar-h); padding: 10px 16px; } .ns-bar .go { min-width: 0; flex: 1; } .ns-total b { font-size: 22px; }
  .toast { bottom: calc(var(--tabbar-h) + 16px); }
  .modal { align-items: flex-end; padding: 0; } .modal-card { border-radius: var(--r-lg) var(--r-lg) 0 0; max-height: 92vh; padding-bottom: calc(22px + env(safe-area-inset-bottom)); }
  .prio { grid-template-columns: repeat(5, 1fr); }
}
@media print {
  .sidebar, .mbar, .tabbar, .menu-scrim, .no-print, .dt-panel, .ns-bar, .toast { display: none !important; }
  body { background: #fff; color: #000; } main { padding: 0; } .card { box-shadow: none; }
}
.dp-wrap { position: relative; display: inline-flex; align-items: center; gap: 2px; }
.dp-btn { display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; }
.dp-btn.on { background: var(--nav-active); color: var(--brand-text); font-weight: 700; } .dp-btn.on svg { color: var(--brand-text); }
.dp-x { min-width: var(--tap); padding: 0; font-size: 20px; background: none; color: var(--muted); }
.dp-pop { position: absolute; top: calc(100% + 6px); left: 0; z-index: 45; width: min(340px, calc(100vw - 32px)); padding: 14px; border-radius: var(--r-lg);
  background: var(--panel); box-shadow: var(--shadow-lg); border: 1px solid var(--line); animation: fadeIn .15s; }
.dp-quick { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; }
.dp-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; } .dp-head b { font-size: 16px; }
.dp-nav { min-width: var(--tap); padding: 0; font-size: 22px; background: none; color: var(--ink); }
.dp-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 2px; }
.dp-dow span { text-align: center; font-size: var(--fs-caption); font-weight: 600; color: var(--faint); padding: 2px 0 4px; }
.dp-day { min-height: var(--tap); padding: 2px 0; border-radius: var(--r-sm); background: none; color: var(--ink); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0; line-height: 1.1; }
.dp-day b { font-weight: 600; font-size: var(--fs-dense); } .dp-day small { font-size: var(--fs-caption); font-weight: 700; color: var(--brand-text); min-height: 13px; line-height: 1; }
.dp-day:hover { background: var(--brand-soft); }
.dp-day.today b { text-decoration: underline; text-underline-offset: 3px; }
.dp-day.in { background: var(--nav-active); border-radius: 0; } .dp-day.edge { background: var(--brand); color: var(--on-brand); border-radius: var(--r-sm); } .dp-day.edge small { color: var(--on-brand); }
.dp-day.anchor { box-shadow: 0 0 0 2px var(--brand) inset; }
.dp-hint { font-size: var(--fs-caption); color: var(--muted); margin: 8px 0 4px; }
.dp-foot { display: flex; justify-content: space-between; align-items: center; }
.list-sum { margin: 0 0 10px; color: var(--muted); font-size: 14px; } .list-sum b { color: var(--ink); }
.term-box { text-align: center; display: grid; gap: 6px; justify-items: center; padding: 6px 0; }
.term-box h2 { margin: 0; font-size: 22px; }
.term-box p { margin: 0 0 6px; max-width: 34ch; }
.term-amt { font-size: 40px; font-weight: 800; letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.term-approved h2 { color: var(--good, var(--accent)); }
.term-declined h2, .term-error h2 { color: var(--bad); }
.term-unknown h2, .term-cancelled h2 { color: var(--warn); }
.term-spin { width: 42px; height: 42px; border-radius: 50%; border: 4px solid var(--line); border-top-color: var(--brand); animation: termspin .9s linear infinite; margin: 6px 0 10px; }
@keyframes termspin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .term-spin { animation-duration: 3s; } }
.term-pick { width: 100%; }
.card-tries { margin-top: 8px; font-size: 13px; } .card-tries summary { cursor: pointer; color: var(--muted); min-height: var(--tap); display: flex; align-items: center; }
.tax-ctl { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin-top: 4px; font-weight: 400; }
.tax-row { text-align: right; } .tax-row .tax-ctl { justify-content: flex-end; }
.rep-pick { display: block; max-width: 460px; margin: 0 0 14px; } .rep-pick select { font-size: 17px; font-weight: 600; min-height: 48px; }
.dash-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 16px; align-items: start; }
.dash-tile { min-width: 0; } .dash-tile.wide { grid-column: 1 / -1; }
.dash-tile > .card, .dash-tile > .stats { margin-bottom: 16px; }
@media (max-width: 1000px) { .dash-grid { grid-template-columns: minmax(0, 1fr); } }
.goal-head { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; flex-wrap: wrap; }
.goal-head h2 { margin: 0; } .goal-head span { font-variant-numeric: tabular-nums; }
.goal-bar { position: relative; height: 14px; border-radius: var(--r-pill); background: var(--brand-soft); margin: 12px 0 8px; overflow: visible; }
.goal-bar span { position: absolute; inset: 0 auto 0 0; border-radius: var(--r-pill); background: var(--brand); max-width: 100%; }
.goal-bar i { position: absolute; top: -4px; bottom: -4px; width: 2px; background: var(--ink); opacity: .55; border-radius: 2px; }
.goal-sub { font-size: 13px; }
.qlinks { display: flex; flex-wrap: wrap; gap: 8px; } .qlinks .btn { text-decoration: none; }
.tile-list { display: grid; gap: 4px; } .tile-row { display: flex; align-items: center; gap: 6px; padding: 4px 0; border-bottom: 1px solid var(--line); }
.link-row { gap: 8px; margin-bottom: 6px; } .link-row .inline { display: flex; gap: 6px; } .link-row input { min-width: 0; }
.ret-list { display: grid; gap: 6px; max-height: 300px; overflow-y: auto; margin: 4px 0 12px; }
.ret-item { display: grid; justify-items: start; justify-content: stretch; gap: 2px; text-align: left; width: 100%; min-height: var(--tap); padding: 10px 12px; border-radius: var(--r-sm); background: var(--panel-2); color: var(--ink); box-shadow: inset 0 0 0 1px var(--line); font: inherit; cursor: pointer; }
.ret-item small { color: var(--muted); font-size: 13px; }
.ret-item.on { box-shadow: inset 0 0 0 2px var(--brand); background: var(--brand-soft); }
.ret-loc { min-height: var(--tap-min); font-size: 14px; max-width: 100%; }
.stock-cards { display: none; }
@media (max-width: 700px) {
  #spRes table { display: none; }
  #spRes .card { padding: 14px; }
  .stock-cards { display: grid; gap: 8px; }
  #spRes .table-wrap { overflow: visible; }
  .stock-card { display: grid; gap: 10px; min-width: 0; padding: 12px; border-radius: var(--r); background: var(--panel-2);
    box-shadow: inset 0 0 0 1px var(--line); color: var(--ink); cursor: pointer; }
  .stock-card:active { background: var(--brand-soft); }
  .sc-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
  .sc-name { display: grid; gap: 2px; min-width: 0; overflow-wrap: anywhere; } .sc-name b { font-size: 16px; line-height: 1.25; }
  .sc-name small { color: var(--muted); font-size: var(--fs-caption); line-height: 1.35; }
  .sc-price { font-family: var(--font-display); font-weight: 600; font-size: 17px; white-space: nowrap; font-variant-numeric: tabular-nums; }
  .sc-locs { display: grid; grid-template-columns: repeat(auto-fit, minmax(84px, 1fr)); gap: 6px; }
  .sc-loc { display: grid; gap: 1px; align-content: space-between; padding: 6px 7px; border-radius: var(--r-sm); background: var(--panel); box-shadow: inset 0 0 0 1px var(--line); }
  .sc-loc small { font-size: var(--fs-caption); color: var(--muted); line-height: 1.2; overflow-wrap: break-word; hyphens: auto; }
  .sc-loc b { font-size: 17px; font-variant-numeric: tabular-nums; color: var(--faint); }
  .sc-loc.has b { color: var(--ink); } .sc-loc.total { background: var(--brand-soft); box-shadow: none; } .sc-loc.total b { color: var(--ink); }
}
.spo-bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; border: 1.5px dashed var(--tan-line); }
.loc-row { display: grid; grid-template-columns: 64px minmax(0, 1fr) auto auto auto; grid-template-areas: "code name name name name" ". kind up dn del" ". tax tax tax tax";
  gap: 6px; align-items: center; padding: 8px 0; border-bottom: 1px solid var(--line); }
.loc-row .lCode { grid-area: code; } .loc-row .lName { grid-area: name; } .loc-row .lKind { grid-area: kind; }
.loc-row .lTax { grid-area: tax; margin: 0; font-size: 14px; display: flex; gap: 8px; align-items: center; } .loc-row .lTax input { max-width: 110px; }
.loc-row .lUp { grid-area: up; } .loc-row .lDn { grid-area: dn; } .loc-row .lDel { grid-area: del; }
.loc-row input[readonly] { background: var(--panel-2); color: var(--muted); text-align: center; font-weight: 700; }
body.saver-on > *:not(#saver) { filter: blur(18px) saturate(.8); pointer-events: none; user-select: none; }
#saver { position: fixed; inset: 0; z-index: 9999; display: grid; place-items: center; cursor: pointer;
  background: color-mix(in srgb, var(--bg, #F6F2EA) 72%, transparent); backdrop-filter: blur(22px) saturate(.85); -webkit-backdrop-filter: blur(22px) saturate(.85);
  padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px); }
#saver .saver-card { display: grid; justify-items: center; gap: 6px; text-align: center; color: var(--ink); }
#saver .bh-mark { width: 72px; height: 72px; }
#saver .saver-time { font: 600 56px/1 var(--bh-font-display, "Sora", sans-serif); letter-spacing: -.03em; font-variant-numeric: tabular-nums; }
#saver .saver-store { font-weight: 600; font-size: 18px; }
#saver .saver-hint { color: var(--muted, #5E6670); font-size: 15px; margin-top: 8px; }
@media (prefers-reduced-motion: no-preference) { #saver { animation: saverIn .35s ease-out; } @keyframes saverIn { from { opacity: 0; } } }
.lead-list { display: grid; gap: 12px; }
.lead.new { border-left: 4px solid var(--bad, #B42318); }
.lead.in_progress { border-left: 4px solid var(--warn, #96571A); }
.lead-head { display: flex; justify-content: space-between; gap: 10px; align-items: flex-start; }
.lead-name { font-size: 18px; }
.lead-product { font-weight: 600; margin-top: 6px; }
.lead-msg { white-space: pre-wrap; margin: 6px 0; max-width: 70ch; }
.lead-contact { display: flex; flex-wrap: wrap; gap: 6px 16px; color: var(--muted); font-size: 14px; overflow-wrap: anywhere; }
.lead-actions { margin-top: 10px; flex-wrap: wrap; }
.lead-card .lead-mini { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0 10px; padding: 8px 0; border-top: 1px solid var(--line); text-decoration: none; color: inherit; }
.lead-card .lead-mini .muted { grid-column: 1; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lead-card .lead-mini small { grid-row: 1 / span 2; grid-column: 2; align-self: center; color: var(--muted); }
body.floor-on .sidebar, body.floor-on .tabbar, body.floor-on .mbar { display: none !important; }
body.floor-on main { padding: 0 0 40px; }
.floor { max-width: 1280px; margin: 0 auto; }
.fl-bar { position: sticky; top: 0; z-index: 20; display: flex; gap: 10px; align-items: center; padding: calc(12px + env(safe-area-inset-top)) 16px 12px; background: var(--bg); border-bottom: 1px solid var(--line); }
.fl-bar input { flex: 1; min-width: 0; font-size: 20px; min-height: 56px; border-radius: var(--r); padding: 0 18px; }
.fl-exit { display: grid; place-items: center; width: 56px; height: 56px; border-radius: var(--r); border: 1px solid var(--line); background: var(--panel); color: var(--ink); text-decoration: none; font-size: 22px; flex-shrink: 0; }
.fl-btn { min-height: 56px; padding: 0 18px; font-size: 17px; border-radius: var(--r); white-space: nowrap; }
.fl-count { display: inline-block; min-width: 24px; padding: 1px 7px; border-radius: var(--r-pill); background: var(--on-brand); color: var(--brand); font-weight: 800; }
.fl-chips { display: flex; gap: 8px; overflow-x: auto; padding: 12px 16px 4px; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
.fl-chip { flex-shrink: 0; min-height: 48px; padding: 0 18px; border-radius: var(--r-pill); font-size: 16px; background: var(--panel); border: 1px solid var(--line); color: var(--ink); }
.fl-chip.on { background: var(--brand); color: var(--on-brand); border-color: var(--brand); }
.fl-filters { display: flex; gap: 12px; align-items: center; padding: 8px 16px; flex-wrap: wrap; }
.fl-filters select { max-width: 260px; min-height: 48px; font-size: 16px; }
.fl-toggle { display: flex; gap: 8px; align-items: center; margin: 0; font-size: 16px; min-height: 48px; }
.fl-toggle input { width: 22px; height: 22px; }
.fl-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 14px; padding: 8px 16px; }
.fl-card { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; text-align: left; padding: 16px; min-height: 170px; border-radius: var(--r-lg); background: var(--panel); border: 1px solid var(--line); color: var(--ink); box-shadow: var(--shadow); font: inherit; cursor: pointer; }
.fl-card:active { transform: scale(.985); }
.fl-cat { font-size: var(--fs-caption); font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: var(--muted); }
.fl-name { font-size: 19px; font-weight: 800; line-height: 1.2; }
.fl-sub { font-size: 13px; color: var(--muted); }
.fl-price { font-size: 24px; font-weight: 800; margin-top: auto; }
.fl-price s { font-size: 15px; font-weight: 600; color: var(--muted); }
.fl-price.big { font-size: 34px; }
.fl-where { font-size: 14px; color: var(--muted); }
.fl-where.in { color: var(--accent); }
.fl-out { color: var(--bad); }
.fl-order { font-size: 13px; color: var(--info); }
.fl-empty { grid-column: 1 / -1; padding: 60px 16px; text-align: center; font-size: 18px; color: var(--muted); }
.fl-feats { margin: 10px 0; padding-left: 22px; font-size: 16px; line-height: 1.5; }
.fl-stock table td { font-size: 16px; padding: 8px 6px; }
.fl-actions { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; margin-top: 16px; }
.fl-big { min-height: 56px; padding: 0 22px; font-size: 17px; border-radius: var(--r); }
.fl-qty { display: flex; align-items: center; gap: 4px; border: 1px solid var(--line); border-radius: var(--r); padding: 4px; }
.fl-qty button { width: 48px; height: 48px; font-size: 24px; border-radius: var(--r-sm); }
.fl-qty span { min-width: 40px; text-align: center; font-size: 22px; font-weight: 800; }
.fl-list td { font-size: 16px; padding: 10px 6px; }
.ft-qr { position: absolute; right: .18in; bottom: .42in; text-align: center; font-size: 7pt; color: #555; line-height: 1.1; }
.ft-qr svg { display: block; width: .85in; height: .85in; }
@media (max-width: 700px) { .fl-bar { flex-wrap: wrap; } .fl-bar input { order: 3; flex-basis: 100%; } .fl-grid { grid-template-columns: 1fr; } }
.review-ask { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin: 0 0 16px; max-width: 720px;
  padding: 12px 16px; border-radius: var(--radius); background: var(--warn-soft); color: var(--ink); text-align: left; }
.review-ask small { display: block; color: var(--muted); font-size: var(--fs-caption); margin-top: 2px; }
.done .review-ask { margin: 0 auto 18px; }
.fl-step { width: 48px; height: 48px; min-height: 48px; padding: 0; font-size: 20px; border-radius: var(--r); }
.po-filters { flex-wrap: wrap; gap: 10px; align-items: end; } .po-filters label { margin: 0; display: flex; flex-direction: column; gap: 4px; font-size: 13px; } .po-filters select, .po-filters input { min-width: 150px; }
.pm-exc { margin: 0 0 10px; }
.pm-exc summary { cursor: pointer; min-height: var(--tap-min); display: flex; align-items: center; color: var(--muted); font-size: 14px; }
.badge.warn { background: var(--warn-soft); color: var(--warn); text-transform: none; }
.badge.rule { text-transform: none; }
.promo-badge { display: inline-block; color: #fff; font-size: var(--fs-caption); font-weight: 800; letter-spacing: .05em; text-transform: uppercase; padding: 3px 7px; border-radius: var(--r-sm); vertical-align: middle; }
.reg-line { display: block; font-size: 13px; color: var(--muted); font-weight: 500; }
.reg-line.small { font-size: var(--fs-caption); }
.big-price .promo-badge { font-size: 13px; }
.modal-card.wide { width: min(860px, 100%); }
.pr-sum { cursor: pointer; min-height: var(--tap-min); display: flex; align-items: center; font-weight: 700; }
.pr-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 2px 12px; margin-bottom: 8px; }
.pr-chk { display: flex; gap: 8px; align-items: center; margin: 0; color: var(--ink); font-size: var(--fs-footnote); min-height: var(--tap-min); }
.totals tr.saves td { color: var(--accent); font-weight: 700; }
label .eg { font-weight: 400; color: var(--muted); font-size: var(--fs-caption); margin-left: 4px; }
.cat-list { display: grid; gap: 4px; }
.cat-row { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 4px 0; border-bottom: 1px solid var(--line); }
.cat-block > .cat-row { border-bottom: none; }
.cat-block { border-bottom: 1px solid var(--line); padding-bottom: 4px; }
.cat-types { margin: 0 0 4px 16px; }
.cat-types summary { cursor: pointer; color: var(--muted); font-size: var(--fs-caption); min-height: 32px; display: flex; align-items: center; }
.cat-type-row { padding: 2px 0; font-size: var(--fs-body); }
.cat-type-row:last-child { border-bottom: none; }
h2 .eg { font-weight: 400; color: var(--muted); font-size: var(--fs-caption); margin-left: 6px; letter-spacing: 0; text-transform: none; }
.prod-photos { margin-bottom: 12px; }
.prod-photos .photo img { cursor: default; }
.photo button.ph-main { top: auto; bottom: 4px; left: 4px; right: auto; border-radius: var(--r-pill); padding: 0 10px; min-width: 0; font-size: var(--fs-caption); font-weight: 600; }
.photo button.ph-rm.sure { border-radius: var(--r-pill); width: auto; padding: 0 10px; background: var(--bad-strong); color: var(--on-bad); font-size: var(--fs-caption); font-weight: 700; }
.photo .ph-tag { position: absolute; bottom: 6px; left: 6px; padding: 2px 8px; border-radius: var(--r-pill); background: var(--brand); color: var(--on-brand); font-size: var(--fs-caption); font-weight: 700; }
.pthumb { width: 48px; height: 48px; border-radius: var(--r-sm); object-fit: cover; flex: 0 0 auto; background: var(--panel-2); box-shadow: inset 0 0 0 1px var(--line); }
.fl-photo { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--r); background: var(--panel-2); margin-bottom: 6px; }
.fl-detail-photo { width: 100%; max-height: 46vh; object-fit: contain; border-radius: var(--r); background: var(--panel-2); display: block; }
.fl-thumbs { display: flex; gap: 8px; margin: 8px 0 4px; overflow-x: auto; }
.fl-thumbs button { padding: 0; min-height: 0; border-radius: var(--r-sm); border: 2px solid transparent; background: none; flex: 0 0 auto; }
.fl-thumbs button.on { border-color: var(--navy); }
.fl-thumbs img { width: 64px; height: 64px; object-fit: cover; border-radius: var(--r-sm); display: block; }
.stock-photo { width: 100%; max-height: 260px; object-fit: contain; border-radius: var(--r); background: var(--panel-2); margin: 4px 0 10px; display: block; }
.setup-card ol { list-style: none; padding: 0; margin: 8px 0 0; display: grid; gap: 2px; }
.setup-card li { display: grid; grid-template-columns: 26px 1fr auto; align-items: center; column-gap: 10px; row-gap: 6px; min-height: 48px; padding: 6px 0; border-bottom: 1px solid var(--line); }
.setup-card .st-act { display: flex; gap: 6px; flex-wrap: wrap; justify-content: flex-end; }
@media (max-width: 640px) { .setup-card li { grid-template-columns: 26px 1fr; } .setup-card .st-act { grid-column: 2; justify-content: flex-start; } }
.setup-card li:last-child { border-bottom: none; }
.setup-card .st-mark { width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; flex: 0 0 auto; font-weight: 800; font-size: 14px; box-shadow: inset 0 0 0 2px var(--field-line); color: var(--muted); }
.setup-card li.st-done .st-mark { background: var(--accent); color: var(--on-accent); box-shadow: none; }
.setup-card li.st-done .st-text, .setup-card li.st-skipped .st-text { color: var(--muted); text-decoration: line-through; }
.setup-card .st-label { min-width: 0; font-weight: 600; }
.setup-card .st-where { font-size: var(--fs-caption); color: var(--muted); display: block; font-weight: 400; text-decoration: none; }
.setup-bar { height: 8px; border-radius: var(--r-pill); background: var(--panel-2); overflow: hidden; margin-top: 6px; }
.setup-bar span { display: block; height: 100%; background: var(--accent); }
.scan-box { max-width: 340px; font-weight: 700; color: var(--ink); }
@keyframes scanHit { from { background: var(--accent-soft); } to { background: transparent; } }
tr.scan-hit > td { animation: scanHit 1.2s ease-out; }
.caption { font-size: var(--fs-caption); } .footnote { font-size: var(--fs-footnote); }
.headline { font-size: var(--fs-headline); font-weight: 600; } .title2 { font-size: var(--fs-title2); font-weight: 600; font-family: var(--font-display); letter-spacing: -.02em; }
.faint { color: var(--faint); } .bold { font-weight: 600; }
.ok-text { color: var(--accent); } .warn-text { color: var(--warn); } .bad-text { color: var(--bad); } .info-text { color: var(--info); }
.hstack { display: flex; flex-direction: row; align-items: center; gap: var(--s2); }
.vstack { display: flex; flex-direction: column; gap: var(--s2); }
.wrap { flex-wrap: wrap; } .spacer { flex: 1; }
.gap-1 { gap: var(--s1); } .gap-3 { gap: var(--s3); }
.mt-0 { margin-top: 0 !important; } .mt-1 { margin-top: var(--s1) !important; } .mt-2 { margin-top: var(--s2) !important; } .mt-3 { margin-top: var(--s3) !important; } .mt-4 { margin-top: var(--s4) !important; }
.mb-0 { margin-bottom: 0 !important; } .mb-1 { margin-bottom: var(--s1) !important; } .mb-2 { margin-bottom: var(--s2) !important; } .mb-3 { margin-bottom: var(--s3) !important; } .mb-4 { margin-bottom: var(--s4) !important; }
.tnum { font-variant-numeric: tabular-nums; }
.nowrap { white-space: nowrap; } .right { text-align: right; } .center { text-align: center; }
.w-auto { width: auto !important; } .w-full { width: 100%; }
.maxw-sm { max-width: 360px; } .maxw-md { max-width: 520px; } .maxw-lg { max-width: 760px; }
a:focus-visible, button:focus-visible, .btn:focus-visible, summary:focus-visible, [tabindex]:focus-visible, [role="button"]:focus-visible,
.li:focus-visible, .chip:focus-visible, .tab:focus-visible, input[type="checkbox"]:focus-visible, input[type="radio"]:focus-visible {
  outline: 2px solid var(--focus); outline-offset: 2px; }
.modal-card:focus { outline: none; }
.field:focus-within { box-shadow: 0 0 0 2px var(--focus), var(--shadow); }
label:has(> input.check:focus-visible) { outline: 2px solid var(--focus); outline-offset: 2px; border-radius: var(--r-sm); }
button.icon, .btn.icon { width: var(--tap-min); min-width: var(--tap-min); min-height: var(--tap-min); height: var(--tap-min); padding: 0; border-radius: var(--r); background: transparent; color: var(--brand-text); }
button.icon:hover, .btn.icon:hover { background: var(--btn-hover); }
button.icon.danger { color: var(--bad); background: transparent; } button.icon.danger:hover { background: var(--bad-soft); }
button.icon svg.i { width: 20px; height: 20px; }
.photo button.icon, .photo button.icon.danger { background: rgba(0,0,0,.6); color: #fff; border-radius: 50%; }
.photo button.icon:hover { background: rgba(0,0,0,.75); }
.photo button.icon.ph-rm.sure { background: var(--bad-strong); color: var(--on-bad); width: auto; padding: 0 10px; border-radius: var(--r-pill); }
button.fl-step.icon { width: 48px; min-width: 48px; height: 48px; min-height: 48px; }
.setup-card .st-mark svg.i { width: 16px; height: 16px; stroke-width: 2.4; }
svg.i.sm { width: 16px; height: 16px; } svg.i.lg { width: 24px; height: 24px; }
.inline-ic { display: inline-flex; vertical-align: -3px; } .inline-ic svg.i { width: 18px; height: 18px; }
.badge.ok { background: var(--accent-soft); color: var(--accent); box-shadow: none; text-transform: none; }
.badge.bad { background: var(--bad-soft); color: var(--bad); box-shadow: none; text-transform: none; }
.badge.info { background: var(--info-soft); color: var(--info); box-shadow: none; text-transform: none; }
.badge svg.i { width: 13px; height: 13px; stroke-width: 2.4; vertical-align: -2px; margin-right: 2px; }
.badge.prog { text-transform: none; }
.prog-pair { display: inline-flex; flex-wrap: wrap; gap: 4px; vertical-align: middle; }
h1 .prog-pair, h1 .badge.prog { font-family: var(--font); font-weight: 600; }
.rel-items td { vertical-align: top; }
.rel-picks { display: grid; gap: 8px; }
.rel-pick { display: flex; align-items: center; gap: 10px; padding: 8px 12px; border-radius: var(--r-sm); background: var(--panel-2); box-shadow: inset 0 0 0 1px var(--line); }
.rel-pick.on { box-shadow: inset 0 0 0 2px var(--accent); }
.rel-pick label { display: flex; align-items: center; gap: 10px; flex: 1; min-width: 0; margin: 0; min-height: var(--tap); cursor: pointer; }
.rel-pick label .grow { display: flex; flex-direction: column; min-width: 0; }
.rel-pick label b { overflow-wrap: anywhere; }
.rel-pick .oe-qty { min-width: 44px; text-align: center; }
@media (max-width: 520px) { .rel-pick { flex-wrap: wrap; } .rel-pick .stepper { margin-left: auto; } }
.sig-pad { position: relative; border: 1px dashed var(--field-line); border-radius: var(--r); background: #fff; color: #5b6470; touch-action: none; }
.sig-pad canvas { display: block; width: 100%; height: 160px; cursor: crosshair; touch-action: none; }
.sig-pad .sig-hint { position: absolute; left: 12px; bottom: 10px; pointer-events: none; }
.sig-pad .sig-clear { position: absolute; right: 8px; top: 8px; background: #F1ECE4; color: #18222E; }
.sig-img { display: block; max-width: 100%; height: 72px; object-fit: contain; object-position: left; background: #fff; border-radius: var(--r-sm); }
#progress { position: fixed; top: 0; left: 0; right: 0; height: 3px; z-index: 80; pointer-events: none; opacity: 0; transition: opacity .2s; overflow: hidden; }
#progress::after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 40%; background: var(--brand); border-radius: 0 3px 3px 0; animation: progressRun 1.1s ease-in-out infinite; }
#progress.on { opacity: 1; }
@keyframes progressRun { from { transform: translateX(-100%); } to { transform: translateX(260%); } }
.spinner { width: 18px; height: 18px; border-radius: 50%; border: 2px solid currentColor; border-right-color: transparent; display: inline-block; animation: termspin .7s linear infinite; flex-shrink: 0; }
button.is-busy { cursor: progress; }
button.is-busy:disabled { opacity: .7; }
@media (prefers-reduced-motion: reduce) { #progress::after { animation-duration: 3s; } .spinner { animation-duration: 2s; } }
.sell-empty { display: flex; flex-direction: column; align-items: center; gap: var(--s2); padding: var(--s5) var(--s4); }
.sell-empty > svg.i { width: 32px; height: 32px; color: var(--faint); }
.sell-empty p { margin: 0; color: var(--muted); }
.sell-empty .btn, .sell-empty button { margin-top: var(--s2); }
.row-link { color: inherit; text-decoration: none; } .row-link:hover { text-decoration: underline; }
.li.li-flush { padding-left: 0; padding-right: 0; } .li.li-flush + .li::before, .li + .li.li-flush::before { left: 0; }
.li > a.main { color: inherit; text-decoration: none; min-height: var(--tap); display: flex; flex-direction: column; justify-content: center; } .li > a.main:hover b { color: var(--brand-text); }
button.li { width: 100%; text-align: left; justify-content: flex-start; background: transparent; color: var(--ink); border-radius: 0; font-weight: 400; white-space: normal; }
button.li:active { transform: none; }
.li.li-bare { padding: 0; min-height: 0; } button.li.li-bare { min-height: var(--tap); }
.li .main .row2 { display: block; }
.tint-brand { color: var(--brand-text); } .fw-normal { font-weight: 400; }
.attn-card { padding-bottom: var(--s2); }
.attn-card .sec-head { margin-bottom: var(--s1); }
.attn-row { display: block; border-top: 1px solid var(--line); }
.attn-card .sec-head + .attn-row { border-top: none; }
.attn-row > summary, a.attn-row { display: flex; align-items: center; gap: var(--s3); min-height: var(--tap); padding: var(--s2) 0; cursor: pointer; list-style: none;
  color: var(--ink); text-decoration: none; font-weight: 600; border-radius: var(--r-sm); }
.attn-row > summary::-webkit-details-marker { display: none; }
.attn-row > summary:hover .grow, a.attn-row:hover .grow { color: var(--brand-text); }
a.attn-row small { display: block; font-weight: 400; }
.attn-ic { width: 32px; height: 32px; border-radius: var(--r-sm); display: grid; place-items: center; flex-shrink: 0; }
.attn-ic svg.i { width: 18px; height: 18px; }
.attn-row.bad .attn-ic { background: var(--bad-soft); color: var(--bad); }
.attn-row.warn .attn-ic { background: var(--warn-soft); color: var(--warn); }
.attn-row.info .attn-ic { background: var(--info-soft); color: var(--info); }
.attn-chev { display: inline-flex; color: var(--faint); transition: transform .2s; }
.attn-row[open] > summary .attn-chev { transform: rotate(90deg); }
.attn-body { padding: 0 0 var(--s3) calc(32px + var(--s3)); }
.attn-item { display: flex; align-items: center; flex-wrap: wrap; gap: var(--s1) var(--s3); min-height: var(--tap); padding: var(--s2) 0; border-top: 1px solid var(--line); }
.attn-item .grow { min-width: min(220px, 100%); }
.attn-item .footnote { display: block; }
@media (max-width: 640px) { .attn-body { padding-left: 0; } }
@media (prefers-reduced-motion: reduce) { .attn-chev { transition: none; } }
.pin-in { font-size: var(--fs-title2); letter-spacing: .3em; max-width: 240px; }
.gate-card { max-width: 460px; margin: var(--s6) auto; } .gate-ic { display: grid; place-items: center; color: var(--brand-text); }
.inline-date { width: auto; display: inline-block; padding: 0 var(--s2); margin-left: var(--s1); }
.order-sub { margin: calc(-1 * var(--s2)) 0 var(--s3); }
.oe .sale-side { position: static; }
.oe-wide { grid-column: 1 / -1; min-width: 0; }
#oePay { scroll-margin-top: 72px; }
.oe-qty, .oe-price { color: var(--muted); font-variant-numeric: tabular-nums; white-space: nowrap; }
.oe-menu .li svg.i { color: var(--navy); flex-shrink: 0; }
.oe-menu .li.oe-danger, .oe-menu .li.oe-danger svg.i { color: var(--bad); }
@media (max-width: 700px) { .oe-head-go { display: none; } }
.errors.warn { background: var(--warn-soft); color: var(--warn); }
.dt-foot { justify-content: space-between; }
.dt-details > summary { cursor: pointer; color: var(--muted); }
.dt-details > div { margin: 6px 0; }
.dt-details pre.xml { max-height: 200px; overflow: auto; }
.cust-sum { justify-content: space-between; align-items: flex-start; } .cust-sum .pill { text-decoration: none; } .cust-sum .actions { align-items: flex-start; }
.tot-note { padding-top: var(--s2); }
.search-results .sr-row { width: 100%; min-height: var(--tap); padding: 0 var(--s3); border-radius: 0; background: none; color: var(--ink); border-bottom: 1px solid var(--line);
  display: flex; justify-content: space-between; align-items: center; gap: var(--s3); font-weight: 400; white-space: normal; text-align: left; }
.search-results .sr-row:hover { background: var(--brand-soft); } .search-results .sr-row:active { transform: none; }
.search-results > div.muted { padding: var(--s3); }
.split-slot { width: 54px; flex-shrink: 0; } .slot-44 { width: var(--tap-min); flex-shrink: 0; }
.change-box.refund { background: var(--info-soft); box-shadow: inset 0 0 0 2px var(--info); }
.avatar.add { background: var(--brand-soft); color: var(--brand-text); } .li-new .main b { color: var(--brand-text); }
.price-from { font-weight: 500; }
.sheet-sub { margin-top: calc(-1 * var(--s2)); }
.field.field-flat { box-shadow: inset 0 0 0 1px var(--field-line); } .field-sym { font-size: var(--fs-headline); color: var(--muted); min-width: 16px; }
.sheet-actions.sheet-split { justify-content: space-between; }
.addr-row { padding: var(--s1) 0; gap: var(--s3); }
.notes-in { min-height: 60px; }
.sp-row { padding: 0 0 var(--s3); }
.miss-line { min-height: 18px; }
.last4-in { letter-spacing: .2em; }
.last4-in::placeholder { letter-spacing: normal; }
.tend-in { font-size: var(--fs-title2); }
.big-check.bad { background: var(--bad-strong); color: var(--on-bad); }
.change-back { font-size: var(--fs-title2); }
.done-new { margin-top: var(--s5); } .done-new button { min-width: 240px; min-height: 52px; font-size: var(--fs-headline); }
.sale-line button.main { display: block; text-align: left; background: none; color: inherit; padding: 0; min-height: var(--tap); border-radius: var(--r-sm); font-weight: 400; white-space: normal; min-width: 0; }
.sale-line button.main:hover { background: none; } .sale-line button.main:hover b { color: var(--brand-text); } .sale-line button.main:active { transform: none; }
.sale button.small, .sale .btn.small, .sale .seg.mini button, .sale .so-chk { min-height: var(--tap); }
.sale button.icon { width: var(--tap); min-width: var(--tap); height: var(--tap); min-height: var(--tap); }
.toolbar select.sel-narrow { max-width: 220px; }
.sale .seg button, .sale .disc-in input { min-height: var(--tap); }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
th:has(> .sr-only) { position: relative; }
a.row-link { color: inherit; font-weight: 600; text-decoration: none; border-radius: var(--r-sm); display: inline-flex; align-items: center; min-height: var(--tap-min); white-space: nowrap; }
a.row-link:hover { text-decoration: underline; }
h2 a.row-link { min-height: 0; white-space: normal; }
tr.click:focus-within td { background: var(--brand-soft); }
a.li { color: inherit; text-decoration: none; }
.li-flush .li { padding-left: 0; padding-right: 0; }
.li-flush .li + .li::before { left: 0; }
.empty-ic { display: block; color: var(--faint); margin-bottom: var(--s2); }
.empty-ic svg.i { width: 28px; height: 28px; margin: 0 auto; display: block; }
.empty .footnote { display: block; max-width: 52ch; margin: 0 auto; }
td.empty { height: auto; font-size: var(--fs-body); }
.lede { margin: calc(-1 * var(--s2)) 0 var(--s4); color: var(--muted); max-width: 72ch; }
.split { display: flex; justify-content: space-between; align-items: flex-start; gap: var(--s3); flex-wrap: wrap; }
.h-sub { font-size: var(--fs-footnote); font-weight: 500; color: var(--muted); font-family: var(--font); letter-spacing: 0; }
.aside-card { width: 380px; max-width: 100%; }
.grow-card { flex: 1; min-width: min(320px, 100%); }
.card-warn { box-shadow: inset 0 0 0 2px var(--warn), var(--shadow); }
.break { overflow-wrap: anywhere; }
.lh-loose { line-height: 1.5; }
.upper { text-transform: uppercase; }
.actions.end { justify-content: flex-end; }
.stat .v.v-sm { font-size: var(--fs-title2); }
.credit-row { padding: var(--s1) 0; }
.col-qty { width: 56px; } .col-status { width: 260px; }
.loc-have { font-weight: 800; color: var(--brand-text); }
.file-btn { cursor: pointer; }
.minw-table { min-width: min(300px, 100%); }
td .sw { display: inline-block; width: 12px; height: 12px; border-radius: 3px; margin-right: var(--s2); vertical-align: -1px; }
.form-row { display: flex; flex-wrap: wrap; gap: var(--s2) var(--s3); align-items: flex-end; }
.form-row label { margin: 0; }
.form-row label > input, .form-row label > select { display: block; }
.form-row > .grow { min-width: 160px; }
.field-num { max-width: 150px; } .field-short { max-width: 240px; } .field-code { max-width: 200px; }
.rep-bar { display: flex; flex-direction: column; gap: var(--s3); }
.rep-bar .rep-pick { margin: 0; }
.rep-ranges { align-self: flex-start; }
.rep-bar select.rep-vc, #rBody .form-row select.w-auto { max-width: 100%; }
.rep-bar .form-row > label, #rBody .form-row > label { max-width: 100%; min-width: 0; }
.rep-vc-note { margin: 0; padding: 8px 12px; border-radius: var(--r-sm); background: var(--brand-soft); color: var(--ink); font-size: 14px; }
.rep-filt { font-weight: 600; color: var(--muted); }
.rep-head { display: flex; justify-content: space-between; align-items: flex-start; gap: var(--s3); flex-wrap: wrap; margin-bottom: var(--s3); }
.rep-head h2 { margin: 0; }
.rep-head p { margin: var(--s1) 0 0; font-size: var(--fs-footnote); color: var(--muted); max-width: 72ch; }
.rep-head .actions { flex-shrink: 0; }
.rep-home { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 360px), 1fr)); gap: 0 var(--s5); align-items: start; }
.rep-home .set-head svg.i { color: var(--brand-text); }
.cmOpen { display: inline-flex; align-items: center; gap: var(--s1); padding-left: 0; }
.cmOpen svg.i { transition: transform .15s; } .cmOpen[aria-expanded="true"] svg.i { transform: rotate(90deg); }
tr.cm-detail > td { background: var(--panel-2); padding: var(--s3); }
.drawer-close { margin-top: var(--s4); padding: var(--s4); border-radius: var(--r); background: var(--panel-2); box-shadow: inset 0 0 0 1px var(--line); }
.drawer-close h3 { margin-bottom: var(--s1); }
input.count-input { font-family: var(--font-display); font-size: var(--fs-title2); font-weight: 600; font-variant-numeric: tabular-nums; min-height: 56px; }
.drDiff:empty { display: none; }
.drDiff { margin: 0 0 var(--s3); }
.drDiff .diff { display: inline-flex; align-items: center; gap: var(--s2); font-family: var(--font-display); font-size: var(--fs-title2); font-weight: 600; font-variant-numeric: tabular-nums; }
.drDiff .diff svg.i { width: 24px; height: 24px; }
.auth-card .auth-brand { justify-content: center; }
.auth-card .auth-title { text-align: center; font-size: var(--fs-title2); margin: 0 0 var(--s2); }
.auth-card form { margin-top: var(--s4); }
.auth-card .errors:not(.hidden) { margin: 0 0 var(--s3); }
.auth-card input[aria-invalid="true"] { border-color: var(--bad); }
.auth-card button.link { min-height: var(--tap-min); }
@media (max-width: 700px) {
  .rep-head .actions { width: 100%; }
  .col-status { width: auto; }
  .auth-card { padding: var(--s5) var(--s4); }
}
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.pre-wrap { white-space: pre-wrap; }
.mono { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.lede { margin: calc(-1 * var(--s2)) 0 var(--s4); font-size: var(--fs-footnote); max-width: 80ch; line-height: 1.5; }
.scroll-box { max-height: 50vh; overflow: auto; }
.inv-list { margin: 0 0 var(--s2); padding-left: var(--s5); line-height: 1.6; }
.inv-line { display: flex; gap: var(--s3); align-items: center; padding: var(--s1) 0; border-top: 1px solid var(--line); min-height: var(--tap-min); }
.inv-bar { display: flex; gap: var(--s2); align-items: center; flex-wrap: wrap; margin-bottom: var(--s3); }
.inv-bar .field, .inv-search .field { flex: 1 1 260px; min-width: 0; max-width: 440px; min-height: var(--tap); padding: 0 var(--s3); box-shadow: none; border: 1px solid var(--field-line); border-radius: var(--r-sm); background: var(--field); }
.inv-search .field { max-width: none; }
.inv-bar .field input, .inv-search .field input { font-size: var(--fs-body); min-height: calc(var(--tap) - 2px); }
.inv-bar .field:focus-within, .inv-search .field:focus-within { box-shadow: 0 0 0 2px var(--focus); border-color: var(--focus); }
.inv-bar select { width: auto; max-width: 240px; flex: 0 1 auto; }
.inv-bar .seg { flex-wrap: nowrap; overflow-x: auto; max-width: 100%; scrollbar-width: none; }
.inv-bar .seg button { white-space: nowrap; flex-shrink: 0; }
.inv-toggle { display: flex; align-items: center; gap: var(--s2); margin: 0; min-height: var(--tap-min); white-space: nowrap; color: var(--ink); font-size: var(--fs-footnote); font-weight: 500; }
.inv-toggle select { margin: 0; }
.inv-sum { display: flex; align-items: center; justify-content: space-between; gap: var(--s3); flex-wrap: wrap; margin: 0 0 var(--s3); }
.inv-search { position: relative; }
.inv-end { align-items: end; }
.inv-mini { width: 64px; min-height: var(--tap-min); padding: 0 var(--s2); display: inline-block; }
.po-filters label { flex-direction: row; align-items: center; gap: var(--s2); }
.po-filters input[type="date"] { min-width: 0; width: auto; }
@media (max-width: 700px) {
  .inv-bar .field { flex-basis: 100%; max-width: none; }
  .inv-bar select { flex: 1 1 calc(50% - var(--s2)); min-width: 0; max-width: none; }
  .inv-bar .seg { flex: 1 1 100%; }
}
.inv-empty { display: grid; justify-items: center; gap: var(--s2); padding: var(--s6) var(--s4); text-align: center; color: var(--muted); }
.inv-empty p { margin: 0; max-width: 46ch; line-height: 1.5; }
.inv-empty-ic { width: 52px; height: 52px; border-radius: 50%; display: grid; place-items: center; background: var(--brand-soft); color: var(--brand-text); }
.inv-empty .btn, .inv-empty button { margin-top: var(--s2); }
td .inv-empty { padding: var(--s5) var(--s3); }
.row-link { background: none; padding: 0; min-height: 0; min-width: 0; border-radius: var(--r-sm); font: inherit; font-weight: 600; color: var(--ink); text-align: left; white-space: normal; display: inline; text-decoration: none; }
.row-link:hover { background: none; text-decoration: underline; }
a.row-link { color: var(--brand-text); }
.row-link:active { transform: none; }
tr.click:focus-within td { background: var(--brand-soft); }
.loc-has { font-weight: 700; }
.search-results [role="button"]:focus-visible { outline-offset: -2px; background: var(--brand-soft); }
.pf-sec { font-size: var(--fs-headline); font-weight: 600; margin: var(--s5) 0 var(--s3); padding-top: var(--s4); border-top: 1px solid var(--line); }
form .pf-sec:first-child, .pf > .pf-sec:first-child { margin-top: var(--s2); padding-top: 0; border-top: none; }
.pf-label { font-size: var(--fs-footnote); color: var(--muted); font-weight: 500; margin: 0 0 var(--s2); }
.pf-tag { align-items: start; }
.pf .pm-exc summary, details.pm-exc > summary { min-height: var(--tap-min); }
.po-ack { box-shadow: inset 0 0 0 2px var(--brand), var(--shadow); }
.ack-find { min-width: 240px; position: relative; }
.imp-num { max-width: 160px; }
.imp-sel { min-width: 220px; }
.info-box { background: var(--info-soft); color: var(--info); }
.file-btn { position: relative; margin: 0; cursor: pointer; }
.file-btn:focus-within { outline: 2px solid var(--focus); outline-offset: 2px; }
.file-in { position: absolute; width: 1px; height: 1px; opacity: 0; overflow: hidden; }
.promo-row { padding: var(--s3) 0; flex-wrap: wrap; }
.promo-row::before { left: 0 !important; }
.fl-field { flex: 1; min-width: 0; min-height: 56px; box-shadow: none; border: 1px solid var(--field-line); background: var(--field); border-radius: var(--r); }
.fl-field input { font-size: var(--fs-title2); min-height: 54px; }
.fl-bar .fl-field input { padding: 0; }
.fl-title { margin: var(--s1) 0 var(--s2); font-size: var(--fs-large); line-height: 1.15; }
.fl-tile { display: flex; flex-direction: column; align-items: stretch; gap: 0; padding: 0; min-height: 200px; border-radius: var(--r-lg); overflow: hidden; background: var(--panel);
  border: 1px solid var(--line); box-shadow: var(--shadow); color: var(--ink); text-align: left; white-space: normal; }
.fl-tile:hover { background: var(--panel); border-color: var(--brand); }
.fl-tile:active { transform: scale(.985); }
.fl-tile-photo { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; background: var(--panel-2); }
.fl-tile-name { padding: var(--s3) var(--s4); font-size: var(--fs-headline); font-weight: 700; font-family: var(--font-display); }
.fl-tile-count { display: block; margin-top: 2px; font-size: var(--fs-caption); font-weight: 400; font-family: var(--font); color: var(--muted); }
.fl-tile.fl-tile-text { justify-content: space-between; align-items: flex-start; min-height: 150px; padding: var(--s4); text-align: left; }
.fl-tile-text .fl-tile-name { padding: 0; }
.fl-tile-ic { display: grid; place-items: center; width: 56px; height: 56px; border-radius: 16px; background: var(--brand-soft); color: var(--brand); }
.fl-tile-ic svg.i { width: 32px; height: 32px; }
.fl-also:empty { display: none; }
.fl-also { margin-top: var(--s4); }
.fl-also-h { margin: 0 0 8px; font-size: var(--fs-headline); }
.fl-also-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 8px; }
.fl-also-card { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; padding: 10px 12px; min-height: var(--tap); border-radius: var(--radius-sm); background: var(--panel-2); border: 1px solid var(--line); color: var(--ink); font: inherit; text-align: left; white-space: normal; cursor: pointer; }
.fl-also-card:hover { border-color: var(--brand); }
.fl-also-card > * { max-width: 100%; overflow-wrap: anywhere; }
.fl-also-price { font-weight: 700; font-variant-numeric: tabular-nums; }
.fl-types { padding-top: 4px; }
.fl-types .fl-chip { min-height: 44px; padding: 0 14px; font-size: 15px; background: var(--panel-2); }
.fl-types .fl-chip.on { background: var(--ink); color: var(--panel); border-color: var(--ink); }
.fl-empty { display: grid; justify-items: center; gap: var(--s3); font-size: var(--fs-headline); }
.fl-empty p { margin: 0; }
.fl-empty-sm { padding: var(--s5) var(--s4); }
.fl-empty svg.i { width: 36px; height: 36px; color: var(--faint); }
.fl-actions .spacer { flex: 1; }
.fl-actions .fl-big.link { min-height: 56px; }
.fl-chip, .fl-filters select, .fl-toggle { min-height: 48px; }
body.floor-on .fl-list .fl-step, body.floor-on .fl-list button.icon { width: 48px; min-width: 48px; height: 48px; min-height: 48px; }
@media (max-width: 700px) { .fl-bar .fl-field { order: 3; flex-basis: 100%; } .fl-grid { grid-template-columns: 1fr 1fr; } .fl-tile { min-height: 160px; } .fl-tile-name { font-size: var(--fs-body); } }
.svc-pick { width: 100%; border-radius: 0; background: var(--panel); color: var(--ink); text-align: left; justify-content: flex-start; white-space: normal; font-weight: 400; min-height: 56px; }
.svc-pick:hover { background: var(--panel-2); }
.svc-pick .main small { display: block; }
.svc-pick:active { transform: none; }
.svc-link { color: inherit; text-decoration: none; }
.brand-ic { color: var(--brand-text); font-weight: 600; }
.svc-main { min-width: 320px; }
.svc-side { width: 380px; max-width: 100%; }
.svc-full { width: 100%; border-radius: var(--r); display: block; }
@media (max-width: 700px) { .svc-main { min-width: 0; flex-basis: 100%; } .svc-side { width: 100%; } }
.inv-bar label { margin: 0; display: flex; align-items: center; gap: var(--s2); white-space: nowrap; }
.inv-bar label > input, .inv-bar label > select { margin-top: 0; }
:root { --switch-knob: #FFFFFF; --switch-shadow: 0 1px 3px rgba(0,0,0,.28); }
.set-wrap { container-type: inline-size; }
.set-shell { display: grid; grid-template-columns: 236px minmax(0, 1fr); gap: var(--s6); align-items: start; }
.set-nav { position: sticky; top: var(--s4); max-height: calc(100vh - var(--s6)); overflow-y: auto; padding: 0 var(--s1) var(--s4) 0; }
.set-nav h1 { margin: var(--s1) 0 var(--s2); }
.set-nav-sec { font-size: var(--fs-caption); font-weight: 600; color: var(--faint); text-transform: uppercase; letter-spacing: .06em; padding: var(--s3) var(--s3) var(--s1); }
.set-nav-list { display: flex; flex-direction: column; gap: 1px; }
.set-nav-list a { display: flex; align-items: center; gap: var(--s3); min-height: var(--tap-min); padding: 0 var(--s3); border-radius: var(--r-sm); color: var(--ink); text-decoration: none; font-size: var(--fs-dense); position: relative; }
.set-nav-list a svg.i { color: var(--brand-text); }
.set-nav-list a:hover { background: var(--brand-soft); }
.set-nav-list a.on { background: var(--nav-active); color: var(--brand-text); font-weight: 600; box-shadow: inset 3px 0 0 var(--brand-text); }
.set-nav-list a .chev { display: none; color: var(--faint); }
.set-next { margin: var(--s2) 0 var(--s1); border: 1px solid var(--line); border-radius: var(--r-lg); background: var(--warn-soft); padding-bottom: var(--s1); }
.set-next .set-nav-list a { white-space: normal; line-height: 1.3; padding-top: var(--s2); padding-bottom: var(--s2); }
.set-next .set-nav-list a svg.i:first-child { color: var(--warn); flex: none; }
.set-next-more > summary { cursor: pointer; min-height: var(--tap-min); display: flex; align-items: center; padding: 0 var(--s3); color: var(--brand-text); font-size: var(--fs-footnote); font-weight: 600; }
.set-fold { margin: var(--s3) 0 0; }
.set-fold > summary { cursor: pointer; min-height: var(--tap-min); display: flex; align-items: center; gap: var(--s2); padding: 0 var(--s4); font-weight: 600; color: var(--ink); border-top: 1px solid var(--line); }
.set-fold > summary small { font-weight: 400; color: var(--muted); }
.set-fold[open] > summary { margin-bottom: var(--s1); }
.set-pane { min-width: 0; max-width: 760px; padding-bottom: var(--s6); }
.set-back { display: none; }
.set-title { margin: var(--s2) 0 var(--s4); }
.imp-a { display: inline-block; padding: 6px 10px; margin: -6px -10px; touch-action: manipulation; -webkit-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; }
.set-head { display: flex; align-items: center; gap: var(--s2); font-family: var(--font); font-size: var(--fs-caption); font-weight: 600; color: var(--muted); text-transform: uppercase; letter-spacing: .05em; margin: var(--s5) var(--s4) var(--s2); }
.set-head .badge { text-transform: none; letter-spacing: 0; }
.set-intro { color: var(--muted); font-size: var(--fs-footnote); line-height: 1.5; margin: 0 var(--s1) var(--s4); }
.set-foot { color: var(--muted); font-size: var(--fs-footnote); line-height: 1.45; margin: var(--s2) var(--s4) 0; }
.set-foot code, .set-code { word-break: break-all; }
.set-notes { margin: var(--s2) var(--s4) 0; } .set-notes > summary { color: var(--muted); font-size: var(--fs-footnote); cursor: pointer; min-height: 32px; display: flex; align-items: center; }
.set-notes > .set-foot { margin: 0 0 var(--s2); }
.set-group { background: var(--panel); border-radius: var(--r); box-shadow: var(--shadow); overflow: hidden; }
.set-group.set-pad { padding: var(--s3) var(--s4); overflow: visible; }
.set-group.table-wrap { overflow-x: auto; }
.set-group > summary { min-height: var(--tap); display: flex; align-items: center; padding: 0 var(--s4); cursor: pointer; font-weight: 600; }
.set-group[open] > summary { border-bottom: 1px solid var(--line); }
.set-pane details:not(.set-group) > summary { cursor: pointer; min-height: var(--tap-min); display: flex; align-items: center; }
.set-scroll { max-height: 340px; overflow: auto; }
.set-group .set-row, label.set-row { display: flex; align-items: center; gap: var(--s4); min-height: var(--tap); padding: var(--s2) var(--s4); margin: 0; color: var(--ink); font-size: var(--fs-body); font-weight: 400; position: relative; }
.set-group > * + .set-row::before, .set-group > * + .set-link::before, .set-group > * + .user-row::before, .set-group > * + .term-row::before,
.set-group > * + .vf-row::before, .set-group > * + .vs-row::before { content: ""; position: absolute; top: 0; left: var(--s4); right: 0; height: 1px; background: var(--line); }
.set-lbl { flex: 1 1 40%; min-width: 0; }
.set-lbl small { display: block; color: var(--muted); font-size: var(--fs-caption); }
.set-row > input:not(.check), .set-row > select, .set-row > .hstack, .set-row > .inline { flex: 1 1 58%; max-width: 400px; margin: 0; min-width: 0; }
.set-row > .inline select { width: auto; } .set-row > .inline input { flex: 1 1 auto; min-width: 0; }
.set-row > input.set-num { flex: 0 0 132px; max-width: 132px; }
.set-row > input.set-num.set-time { flex-basis: 168px; max-width: 168px; }
.set-row.stack { flex-direction: column; align-items: stretch; gap: var(--s2); }
.set-row.stack > * { max-width: none; flex: none; }
.set-row > input.check { margin-left: auto; }
.sp-off { text-decoration: line-through; }
input.check.switch { appearance: none; -webkit-appearance: none; width: 51px; height: 31px; border-radius: var(--r-pill); background: var(--field-line); position: relative; flex-shrink: 0; transition: background .2s; cursor: pointer; }
input.check.switch::before { content: ""; position: absolute; top: 2px; left: 2px; width: 27px; height: 27px; border-radius: 50%; background: var(--switch-knob); box-shadow: var(--switch-shadow); transition: transform .2s; }
input.check.switch:checked { background: var(--accent); }
input.check.switch:checked::before { transform: translateX(20px); }
@media (prefers-reduced-motion: reduce) { input.check.switch, input.check.switch::before { transition: none; } }
.set-actions { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: var(--s2); margin-top: var(--s4); }
.set-link, button.set-link { display: flex; align-items: center; gap: var(--s3); width: 100%; min-height: var(--tap); padding: var(--s2) var(--s4); background: transparent; color: var(--ink);
  text-decoration: none; text-align: left; justify-content: flex-start; border-radius: 0; font-weight: 400; white-space: normal; position: relative; }
.set-link:hover, button.set-link:hover { background: var(--panel-2); }
.set-link:active, button.set-link:active { transform: none; background: var(--brand-soft); }
.set-link .chev { color: var(--faint); }
.set-link b { display: block; font-weight: 600; }
.set-link small { display: block; color: var(--muted); font-size: var(--fs-footnote); }
.set-subback { padding-left: 0; gap: var(--s1); }
.set-pane .change-hint, .set-pane .errors { margin: var(--s3) 0; }
tr.on > td { background: var(--brand-soft); }
.user-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(180px, auto); gap: var(--s2) var(--s4); padding: var(--s3) var(--s4); position: relative; }
.user-set { display: flex; flex-direction: column; gap: var(--s1); }
.user-act { grid-column: 1 / -1; }
.u-perms { border: 0; margin: 0; padding: 0; display: flex; flex-direction: column; }
.u-perms legend { padding: 0; }
.u-perm { display: flex; align-items: center; gap: var(--s2); margin: 0; min-height: var(--tap-min); font-size: var(--fs-footnote); }
.term-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) auto; gap: var(--s2); align-items: center; padding: var(--s2) var(--s4); position: relative; }
.vf-row { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr) auto auto; gap: var(--s2); align-items: center; padding: var(--s2) var(--s4); position: relative; }
.vf-req { display: flex; align-items: center; gap: var(--s2); margin: 0; min-height: var(--tap-min); color: var(--muted); font-size: var(--fs-footnote); }
.vf-head { padding-top: var(--s2); padding-bottom: 0; }
.comm-row { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) auto; }
.spiff-row { grid-template-columns: minmax(0, 1.4fr) minmax(0, .8fr) minmax(0, 1fr) minmax(0, 1fr) auto; }
.comm-row.cat-rate-row { grid-template-columns: minmax(0, 1.3fr) minmax(0, 1.3fr) minmax(0, .8fr) auto; }
.cat-rate-row:not(:has(> input)) > select[data-k=mode] { grid-column: 2 / 4; }
.spiff-row { align-items: end; } .spiff-date { margin: 0; min-width: 0; } .spiff-date > span { display: block; color: var(--muted); font-size: var(--fs-caption); font-weight: 400; }
.sm-list { max-height: 50vh; overflow-y: auto; border-top: 1px solid var(--line); }
.sm-row { display: flex; align-items: center; gap: var(--s3); padding: var(--s2) 0; border-bottom: 1px solid var(--line); }
.sm-row b { display: block; font-weight: 600; } .sm-row small { display: block; }
.sm-row input { flex: 0 0 110px; max-width: 110px; }
.cc-seg { width: 100%; } .cc-seg button { flex: 1 1 0; }
input.cc-range { width: 100%; padding: 0; border: 0; background: transparent; accent-color: var(--accent); min-height: var(--tap-min); }
.cc-prop { margin: 0 var(--s4) var(--s3); font-size: var(--fs-body); } .cc-prop b { font-size: var(--fs-title2); } .cc-prop small { display: block; margin-top: var(--s1); }
.cc-stats { grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); margin-bottom: var(--s3); }
.cc-now { display: flex; align-items: center; flex-wrap: wrap; gap: var(--s2) var(--s4); margin: 0 var(--s4); color: var(--muted); font-size: var(--fs-footnote); line-height: 1.45; }
.set-link.spc-off b { color: var(--muted); }
.vs-row { display: grid; grid-template-columns: minmax(0, 1fr) 96px 72px auto; gap: var(--s2); align-items: center; padding: var(--s2) var(--s4); position: relative; }
.brand-logo { min-height: 80px; border-width: 3px; border-style: solid; }
.set-color { width: 56px; padding: 2px; height: var(--tap-min); }
.brand-card label { margin-bottom: var(--s3); }
@container (max-width: 699px) {
  .set-shell { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .set-shell.at-root .set-pane, .set-shell:not(.at-root) .set-nav { display: none; }
  .set-nav { position: static; max-height: none; overflow: visible; padding: 0; }
  .set-nav-list { background: var(--panel); border-radius: var(--r); box-shadow: var(--shadow); overflow: hidden; gap: 0; }
  .set-nav-list a { min-height: var(--tap); border-radius: 0; padding: 0 var(--s4); font-size: var(--fs-body); }
  .set-nav-list a + a::before { content: ""; position: absolute; top: 0; left: 48px; right: 0; height: 1px; background: var(--line); }
  .set-nav-list a .chev { display: block; }
  .set-nav-list a.on { background: transparent; color: var(--ink); font-weight: 400; }
  .set-back { display: inline-flex; align-items: center; gap: var(--s1); min-height: var(--tap-min); color: var(--brand-text); text-decoration: none; font-weight: 500; margin-left: calc(-1 * var(--s1)); }
  .set-title { margin-top: 0; }
  .user-row { grid-template-columns: minmax(0, 1fr); }
  .term-row { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; }
  .term-row > select { grid-column: 1 / 3; }
  .comm-row { grid-template-columns: minmax(0, 1fr) 110px auto; } .comm-row > select { grid-column: auto; }
  .comm-row.cat-rate-row { grid-template-columns: minmax(0, 1fr) 110px auto; } .cat-rate-row > select[data-k=name] { grid-column: 1 / 3; } .cat-rate-row > button { grid-column: 3; grid-row: 1; }
  .cat-rate-row:not(:has(> input)) > select[data-k=mode] { grid-column: 1 / 3; }
  .spiff-row { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; } .spiff-row > button { grid-column: 3; grid-row: 1; }
}
@container (max-width: 480px) {
  .set-group .set-row:has(> input:not(.check):not(.set-num)), .set-group .set-row:has(> select), .set-group .set-row:has(> .hstack), .set-group .set-row:has(> .inline),
  label.set-row:has(> input:not(.check):not(.set-num)), label.set-row:has(> select), label.set-row:has(> .hstack), label.set-row:has(> .inline) { flex-direction: column; align-items: stretch; gap: var(--s1); }
  .set-row:has(> input:not(.check):not(.set-num)) > .set-lbl, .set-row:has(> select) > .set-lbl, .set-row:has(> .hstack) > .set-lbl, .set-row:has(> .inline) > .set-lbl { flex: none; }
  .set-row > input:not(.check), .set-row > select, .set-row > .hstack, .set-row > .inline { max-width: none; flex: none; }
  .set-row > input.set-num { flex: 0 0 96px; max-width: 96px; }
  .set-row > input.set-num.set-time { flex-basis: 150px; max-width: 150px; }
  .vf-row { grid-template-columns: minmax(0, 1fr) auto auto; }
  .vf-row > .fc { grid-column: 1 / -1; grid-row: 2; }
  .vf-head { display: none; }
  .vs-row { grid-template-columns: minmax(0, 1fr) 80px 64px auto; }
}
.fl-card > * { max-width: 100%; min-width: 0; }
.fl-card .fl-name, .fl-card .fl-sub, .fl-card .fl-where, .fl-card .fl-order { overflow-wrap: anywhere; }
.fl-price { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: 8px; row-gap: 4px; width: 100%; }
.fl-price > b, .fl-price > s { white-space: nowrap; }
.fl-price .promo-badge { align-self: center; }
.fl-price .reg-line { flex-basis: 100%; white-space: normal; }
.fl-detail .fl-price { margin-top: 4px; }
.was-line { font-size: var(--fs-footnote, 14px); font-weight: 500; color: var(--muted); white-space: nowrap; }
.fl-price .was-line { flex-basis: 100%; }
.fl-price .was-line s { font-size: inherit; font-weight: 600; }
.fl-card { white-space: normal; }
.was-line { white-space: normal; }
.was-line s, .reg-line s { white-space: nowrap; }
@media (max-width: 520px) { .fl-grid:not(:has(.fl-tile)) { grid-template-columns: 1fr; } }
.cam-scan { flex: 0 0 auto; margin-left: var(--s2); }
.scan-box:has(.cam-scan), .field:has(.cam-scan) { display: flex; align-items: center; gap: var(--s2); }
.cam-layer { position: fixed; inset: 0; z-index: 57; background: var(--scrim); display: flex; align-items: center; justify-content: center;
  padding: calc(12px + env(safe-area-inset-top)) 12px calc(12px + env(safe-area-inset-bottom)); animation: fadeIn .15s; }
.cam-card { background: var(--panel); border-radius: var(--r-lg); padding: 18px; width: min(520px, 100%); max-height: 100%; overflow: auto; box-shadow: var(--shadow-lg); }
.cam-card h2 { margin: 0 0 12px; font-size: var(--fs-title2); }
.cam-view { position: relative; border-radius: var(--r); overflow: hidden; background: #000; aspect-ratio: 4 / 3; }
.cam-view video { width: 100%; height: 100%; object-fit: cover; display: block; }
.cam-guide { position: absolute; inset: 18% 10%; border: 3px solid rgba(255,255,255,.92); border-radius: 12px; box-shadow: 0 0 0 999px rgba(0,0,0,.28); pointer-events: none; }
.cam-msg { margin: 10px 0 0; font-weight: 600; min-height: 1.4em; }
.cam-msg:empty { display: none; }
.cam-hint, .cam-help { margin: 6px 0 0; }
.cam-type { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px; margin-top: 12px; }
.cam-type label { flex: 1 1 220px; }
.cam-type input { font-size: 18px; min-height: 48px; }
.cam-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 14px; }
.cam-actions .spacer { flex: 1; }
.cam-actions button { min-height: 48px; }
.cam-torch[aria-pressed="true"] { background: var(--brand-soft); }
input.filled { animation: zip-filled 1.2s ease-out; }
@keyframes zip-filled { from { background: var(--brand-soft); } to { background: inherit; } }
@media (prefers-reduced-motion: reduce) { input.filled { animation: none; } }
.order-created { color: var(--muted); font-size: var(--fs-footnote); margin: calc(-1 * var(--s2)) 0 var(--s3); }
.order-created .i { vertical-align: -3px; margin-right: var(--s1); }
.order-created b { color: var(--ink); font-weight: 600; }
.h1-sub { font-size: var(--fs-body); font-weight: 500; font-family: var(--font); }
.mg-card { margin: 0; padding: var(--s3); }
.mg-card b { font-weight: 600; }
.mg-list { margin: 0 0 var(--s3); padding-left: 1.2em; line-height: 1.7; }
.dup-group .li .main a { color: inherit; text-decoration: none; }
.dup-group .li .main small { display: block; }
.og-tbl { max-height: 280px; overflow: auto; margin-bottom: var(--s2); }
.combo-pop { position: fixed; z-index: 400; display: flex; flex-direction: column; background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius-sm); box-shadow: var(--shadow-lg); overflow: hidden; }
.combo-q { border: 0; border-bottom: 1px solid var(--line); border-radius: 0; min-height: var(--tap); flex: none; }
.combo-q:focus { outline: none; box-shadow: none; }
.combo-list { overflow-y: auto; overscroll-behavior: contain; padding: 4px 0; }
.combo-opt { padding: 10px 14px; min-height: var(--tap-min); display: flex; align-items: center; cursor: pointer; color: var(--ink); font-size: var(--fs-body); }
.combo-opt b { font-weight: 700; color: var(--brand-text); }
.combo-opt.cur { font-weight: 600; }
.combo-opt.on { background: var(--brand-soft); }
.combo-opt.dis { color: var(--faint); cursor: default; }
.combo-group { padding: 8px 14px 2px; font-size: var(--fs-caption); font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--muted); }
.combo-none { padding: 14px; color: var(--muted); font-size: var(--fs-footnote); }
.combo-scrim { position: fixed; inset: 0; z-index: 399; background: rgba(0, 0, 0, .25); }
.combo-pop.combo-sheet { border-radius: var(--radius); }
@media (hover: hover) { .combo-opt:hover:not(.dis) { background: var(--brand-soft); } }
.dp-type { margin: 0 0 var(--s2); }
.dp-type input { min-height: var(--tap-min); font-size: var(--fs-body); }
@media (max-width: 700px) {
  .cust-tbl, .cust-tbl tbody { display: block; }
  .cust-tbl tr:has(> th) { display: none; }
  .cust-tbl tr { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 12px; padding: 8px 2px; border-bottom: 1px solid var(--line); }
  .cust-tbl tr:last-child { border-bottom: none; }
  .cust-tbl td { display: block; border: none; padding: 0; height: auto; min-width: 0; }
  .cust-tbl td:nth-child(1) { grid-column: 1 / -1; }
  .cust-tbl td:nth-child(3) { grid-column: 1 / -1; grid-row: 3; color: var(--muted); font-size: var(--fs-caption); }
  .cust-tbl td:nth-child(4) { text-align: right; color: var(--muted); }
  .cust-tbl td:nth-child(5) { grid-column: 1 / -1; }
  .cust-tbl td:nth-child(5):empty { display: none; }
  .cust-tbl td.empty { grid-column: 1 / -1; }
  .cust-tbl a.row-link { white-space: normal; min-height: 32px; }
  .card:has(> .cust-tbl) { padding-top: 6px; padding-bottom: 6px; }
  .cust-tbl tr.click:hover, .cust-tbl tr.click:focus-within { background: var(--brand-soft); }
  .cust-tbl tr.click:hover td, .cust-tbl tr.click:focus-within td { background: none; }
}
.pay-done { padding: var(--s3) 0 var(--s2); }
.pay-done .actions { flex-wrap: wrap; }
.drawer-offer { text-align: left; background: var(--warn-soft); border-radius: var(--radius-sm); padding: var(--s3); margin: 0 auto var(--s4); max-width: 520px; font-size: 14px; }
.drawer-offer-row { display: flex; flex-wrap: wrap; gap: var(--s2); align-items: flex-end; margin: var(--s2) 0; }
.drawer-offer-row label { flex: 1 1 140px; }
.eod-sec h2 .h-sub { margin-left: 6px; }
.print-only { display: none; }
@media print { .print-only { display: block; } }
:root {
  --panel-2: #F1F3EF; --faint: #626963; --field: #FFFFFF; --field-line: #869986;
  --brand-soft: #E9F0EB; --btn-hover: #DFEAE2; --nav-active: #E9F0EB;
  --sage: #E9EEEA; --sage-soft: #E9EEEA;
  --shadow: 0 1px 3px rgba(32,37,34,.04); --mark-ring: #4A7362;
  --sidebar: #EDECE8; --side-tile: #FFFFFF; --side-hover: #E2E1DC;
  --tan: #EFE6D6; --tan-ink: #6B4A23; --tan-line: #A88B5E; --auth-bg: #EFE6D6;
}
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) {
  --sidebar: var(--bh-surface); --tan: var(--sage); --tan-ink: #1d1d1f; --tan-line: var(--sage); --auth-bg: var(--bg); --side-tile: var(--nav-active); --side-hover: var(--brand-soft);
  --panel-2: #25352F; --faint: #B3BDB5; --field: #1D2923; --field-line: #5C7565;
  --brand-soft: #263F32; --btn-hover: #324D3D; --nav-active: #263F32;
  --sage: #B3BDB5; --sage-soft: #263F32; --mark-ring: #A4D6BD;
}}
:root[data-theme="dark"] {
  --sidebar: var(--bh-surface); --tan: var(--sage); --tan-ink: #1d1d1f; --tan-line: var(--sage); --auth-bg: var(--bg); --side-tile: var(--nav-active); --side-hover: var(--brand-soft);
  --panel-2: #25352F; --faint: #B3BDB5; --field: #1D2923; --field-line: #5C7565;
  --brand-soft: #263F32; --btn-hover: #324D3D; --nav-active: #263F32;
  --sage: #B3BDB5; --sage-soft: #263F32; --mark-ring: #A4D6BD;
}
.sidebar nav a:hover, .tabbar a:hover { background: var(--side-hover); }
.sidebar nav a.active, .tabbar a.active { background: var(--side-tile); }
.sidebar .search-btn { background: var(--side-tile); box-shadow: inset 0 0 0 1px var(--side-hover); }
[hidden] { display: none !important; }
.bh-mark { stroke: var(--mark-ring); stroke-width: 10; stroke-linecap: round; stroke-linejoin: round; }
.bh-pos { font-size: .8em; font-weight: 400; letter-spacing: -.02em; }
.auth-descriptor { margin-top: var(--s2); }
nav a svg { color: var(--muted); }
.today-heading { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: var(--s4); margin-bottom: var(--s5); }
.today-heading h1 { margin-bottom: var(--s2); }
.today-heading p { margin-bottom: 0; }
.dash-key-stats { grid-template-columns: repeat(3,minmax(0,1fr)); }
.dash-key-stats .stat .v { font-size: var(--fs-large); overflow-wrap: anywhere; }
.dash-more { margin-top: calc(-1 * var(--s2)); margin-bottom: var(--s5); }
.dash-more summary, .sale-options summary { min-height: var(--tap); display: flex; align-items: center; gap: var(--s2); color: var(--muted); font-weight: 500; cursor: pointer; }
.dash-more summary::before, .sale-options summary::before { content: '+'; font-size: var(--fs-title2); }
.dash-more[open] summary::before, .sale-options[open] summary::before { content: '−'; }
.dash-more summary::-webkit-details-marker, .sale-options summary::-webkit-details-marker { display: none; }
.sale { grid-template-columns: minmax(0,1fr) minmax(300px,360px); gap: 0 var(--s5); }
.sale-steps { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: var(--s2); margin-bottom: var(--s5); scroll-margin-top: var(--s4); }
.sale-step { display: flex; align-items: center; justify-content: flex-start; gap: var(--s2); background: transparent; color: var(--muted); padding: var(--s2); min-width: 0; white-space: normal; border-bottom: 2px solid var(--line); border-radius: 0; }
.sale-step.current { color: var(--brand-text); border-bottom-color: var(--brand); background: var(--brand-soft); border-radius: var(--r-sm) var(--r-sm) 0 0; }
.step-dot { display: grid; place-items: center; min-width: 28px; height: 28px; border-radius: var(--r-pill); background: var(--panel-2); color: var(--ink); font-size: var(--fs-footnote); }
.current .step-dot { background: var(--brand); color: var(--on-brand); }
.ns-side-cust { border-bottom: 1px solid var(--line); padding-bottom: var(--s2); margin-bottom: var(--s1); }
.ns-side-cust .li { padding-left: 0; padding-right: 0; }
.ns-side-cust .actions { display: flex; gap: 6px; flex-shrink: 0; }
.ns-side-cust .note { margin: 0 0 var(--s2); }
.sale-options { border-top: 1px solid var(--line); margin-top: var(--s3); }
.sale-back { width: 100%; justify-content: flex-start; margin-bottom: var(--s3); }
.sale-side { min-width: 0; }
.sale .sp-row { border-bottom: 1px solid var(--line); margin-bottom: var(--s3); }
.sale .sp-row .avatar { background: var(--tan); color: var(--tan-ink); }
.sale #nsStepHelp { margin: 0 0 var(--s2); }
.sale #nsStepHelp:empty { display: none; }
.sale #nsOptions .totals td { white-space: normal; }
.sale #nsOptions .tax-row { text-align: left; }
@media (max-width: 1180px) {
  .sale { grid-template-columns: minmax(0,1fr) minmax(280px,320px); gap: 0 var(--s4); }
}
@media (max-width: 960px) {
  .sale { grid-template-columns: minmax(0,1fr); }
  .sale-side { position: static; }
  .sale-side:not(.payment-stage) { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 0 var(--s4); align-items: start; }
  .sale-side:not(.payment-stage) .sale-back { grid-column: 2; }
}
@media (max-width: 600px) {
  .dash-key-stats { grid-template-columns: minmax(0,1fr); }
  .sale-step { flex-direction: column; justify-content: center; font-size: var(--fs-caption); padding: var(--s2) var(--s1); }
  .sale-side:not(.payment-stage) { display: block; }
  .today-heading .actions { width: 100%; flex-wrap: wrap; }
}
.sale-mobile-bar { display: none; }
@media (max-width: 700px) {
  .sale-steps, #nsPayment { scroll-margin-top: calc(var(--demo-h, 0px) + 80px); }
  .sale { padding-bottom: var(--s6); }
  .sale-mobile-bar { position: fixed; z-index: 36; bottom: var(--tabbar-h); left: 0; right: 0; display: flex; align-items: center; justify-content: space-between; gap: var(--s3); padding: var(--s3) var(--s4); background: var(--panel); border-top: 1px solid var(--line); }
  .sale-mobile-bar b, .sale-mobile-bar .caption { display: block; }
  .sale-mobile-bar button { white-space: normal; max-width: 66%; }
  body:has(.sale-mobile-bar) .toast { bottom: calc(var(--tabbar-h) + 96px); }
}
.bh-mark { fill: var(--mark-ring); stroke: none; }
.bh-word { display: inline-flex; align-items: baseline; gap: .25em; font-size: 29px; }
.bh-lettering { width: 2.48em; height: 1em; overflow: visible; fill: currentColor; flex-shrink: 0; }
.bh-pos { font-family: var(--font-body); font-size: .36em; font-weight: 600; letter-spacing: .09em; }
.auth-brand.bh-brand .bh-word { font-size: 42px; }
.auth-brand .bh-mark { width: 60px; height: 60px; }
.auth-brand { gap: 15px; }
.auth-descriptor { max-width: 260px; line-height: 1.4; }
.mbar .bh-word { font-size: 25px; }
.mbar .bh-mark { width: 30px; height: 30px; }
@media (max-width: 380px) {
  .auth-brand.bh-brand .bh-word { font-size: 34px; }
  .auth-brand .bh-mark { width: 48px; height: 48px; }
}
.auth-card .auth-store-title { display: block; margin: 30px 0 8px; text-align: center; color: var(--ink); font-family: var(--font-display); font-size: 28px; font-weight: 600; line-height: 1.2; overflow-wrap: anywhere; }
.auth-card .auth-store-title + .auth-title { color: var(--muted); font-size: 20px; font-weight: 500; }
:root { --filter-border: #728478; --filter-surface: #F0F4F1; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --filter-border: #91A99A; --filter-surface: #263A2F; } }
:root[data-theme="dark"] { --filter-border: #91A99A; --filter-surface: #263A2F; }
.item-filter { flex: 1 1 0; min-width: 0; margin: 0; display: flex; flex-direction: column; gap: 6px; color: var(--ink); font-weight: 600; font-size: 14px; }
.item-search .item-filters { align-items: flex-end; }
.item-search .item-filter select, .inv-bar select, .fl-filters select, .filters select, .inv-search select {
  appearance: none; -webkit-appearance: none; width: 100%; min-height: 52px; border: 2px solid var(--filter-border); border-radius: var(--r-sm);
  background-color: var(--filter-surface); color: var(--ink); font-weight: 600; padding: 10px 40px 10px 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23245C4A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-position: right 12px center; background-repeat: no-repeat; cursor: pointer; box-shadow: none;
}
.item-search .item-filter select:hover, .inv-bar select:hover, .fl-filters select:hover, .filters select:hover, .inv-search select:hover { border-color: var(--brand); }
.item-search .item-filter select:focus-visible, .inv-bar select:focus-visible, .fl-filters select:focus-visible, .filters select:focus-visible, .inv-search select:focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) :is(.item-filter,.inv-bar,.fl-filters,.filters,.inv-search) select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23B8D5C2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } }
:root[data-theme="dark"] :is(.item-filter,.inv-bar,.fl-filters,.filters,.inv-search) select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23B8D5C2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
@media (max-width: 420px) {
  .item-search .item-filters { flex-direction: column; align-items: stretch; flex-basis: 100%; }
  .item-filter { width: 100%; flex: 1 1 auto; }
}
@media (max-width: 360px) {
  .inv-bar select { flex: 1 1 100%; max-width: none; }
}
.ns-services { margin: 18px 0 14px; }
#nsDel > .ns-services:first-child { margin-top: 0; padding-bottom: 18px; border-bottom: 1px solid var(--line); }
.ns-services h3, .ns-mini-cart-section h3 { font-size: 15px; margin: 0 0 10px; font-weight: 650; }
.ns-service-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; }
button.ns-service-tile { display: grid; grid-template-columns: minmax(0,1fr) auto; grid-template-rows: 1fr auto; gap: 8px 4px; align-items: start; min-width: 0; min-height: 104px; padding: 12px; text-align: left; white-space: normal; border: 2px solid var(--filter-border); border-radius: var(--r-sm); background: var(--filter-surface); color: var(--ink); box-shadow: none; }
.ns-service-tile b { grid-column: 1 / -1; font-size: 14px; line-height: 1.35; overflow-wrap: anywhere; }
.ns-service-tile > small { font-size: 12px; line-height: 1.4; color: var(--muted); }
.ns-add-affordance { display: inline-flex; align-items: center; justify-content: center; gap: 3px; color: var(--brand-text); }
.ns-add-affordance .i { width: 18px; height: 18px; }
.ns-add-affordance small { font-size: 11px; }
.ns-service-tile .ns-add-affordance small { display: none; }
.ns-extra-services { margin-top: 8px; }
button.ns-service-tile:hover, button.ns-service-tile:focus-visible { border-color: var(--brand); background: var(--brand-soft); }
button.ns-service-tile:focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; }
button.ns-added-confirmed, .li.ns-added-confirmed { background: var(--brand-soft); border-color: var(--brand); opacity: 1; }
.ns-mini-cart-section { padding: 4px 0 12px; border-bottom: 1px solid var(--line); margin-bottom: 10px; }
.ns-mini-cart-section .sec-head { margin-bottom: 2px; }
.ns-mini-cart-section h3 { margin: 0; }
.ns-mini-cart { position: relative; max-height: min(240px,30dvh); overflow-y: auto; overscroll-behavior: contain; }
button.ns-mini-cart-row { display: flex; justify-content: space-between; align-items: center; gap: 12px; width: 100%; padding: 10px 6px; min-height: 56px; border-radius: 6px; text-align: left; background: transparent; color: var(--ink); white-space: normal; }
.ns-mini-cart-row + .ns-mini-cart-row { border-top: 1px solid var(--line); }
.ns-mini-cart-row span { min-width: 0; }
.ns-mini-cart-row b { display: block; font-size: 13px; line-height: 1.35; overflow-wrap: anywhere; }
.ns-mini-cart-row small { display: block; margin-top: 3px; font-size: 12px; color: var(--muted); }
.ns-mini-cart-row strong { flex-shrink: 0; font-size: 13px; }
.ns-mini-cart-row.ns-line-added { background: var(--brand-soft); box-shadow: inset 3px 0 var(--brand); }
.sale-side.payment-stage .ns-mini-cart-section { display: none; }
.ns-add-toast span { overflow-wrap: anywhere; }
@media (min-width: 961px) {
  .sale-side:not(.payment-stage) { top: calc(var(--demo-h,0px) + 12px); max-height: calc(100dvh - var(--demo-h,0px) - 24px); overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; }
}
@media (max-width: 1100px) { .ns-service-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (prefers-reduced-motion: no-preference) {
  .ns-total-added { animation: nsTotalAdded .65s ease-out; }
  .ns-added-confirmed .ns-add-affordance { animation: nsAddedCheck .22s ease-out; }
  @keyframes nsTotalAdded { 0%,35% { background: var(--brand-soft); box-shadow: inset 0 0 0 2px var(--brand); } 100% { box-shadow: inset 0 0 0 0 transparent; } }
  @keyframes nsAddedCheck { from { transform: scale(.8); } to { transform: scale(1); } }
}
@media (prefers-reduced-motion: reduce) { .ns-add-toast { animation: none; } }
.sale-side { overflow-anchor: none; }
#nsItemRes .result-list { overscroll-behavior: contain; scrollbar-gutter: stable; }
@media (min-width: 821px) and (max-width: 960px) {
  .sale { grid-template-columns: minmax(0,1fr) 280px; gap: 0 16px; }
  .sale-side:not(.payment-stage) { display: block; position: sticky; top: calc(var(--demo-h,0px) + 12px); max-height: calc(100dvh - var(--demo-h,0px) - 24px); overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; }
}
.shared-order-editor .order-created { grid-column: 1 / -1; }
.oe-activity { grid-column: 1 / -1; min-width: 0; }
.oe-activity > summary { cursor: pointer; font-weight: 700; padding: 6px 0; }
.oe-activity-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--s4); margin-top: var(--s4); }
.oe-activity-grid > .card { margin-bottom: 0; }
.editor-save { margin-bottom: var(--s4); }
.shared-order-editor .oe-head-go { display: inline-flex; }
@media (max-width: 700px) { .oe-activity-grid { grid-template-columns: 1fr; } }
.po-preview { width:100%; text-align:left; }
.po-preview .ns-add-affordance { margin-left:8px; }
.vf-row { grid-template-columns:minmax(130px,1fr) minmax(140px,1fr) auto auto auto; }
@media(max-width:700px) { .vf-row { grid-template-columns:1fr 1fr; } }
.vs-row { grid-template-columns:minmax(130px,1fr) 80px 70px minmax(140px,1fr) auto; }
@media(max-width:700px) { .vs-row { grid-template-columns:minmax(0,1fr) 80px 70px; } .vs-row .sb { grid-column:1/3; } }
.seg.seg-toggle button.on, .seg.seg-toggle button[aria-pressed="true"] { background: var(--brand); color: var(--on-brand); box-shadow: none; font-weight: 700; }
.seg.seg-toggle button:focus-visible { outline: 2px solid var(--brand); outline-offset: 2px; }
.drawer-gate:not(.caption) { background: var(--warn-soft); border-radius: var(--radius-sm); padding: var(--s3); font-size: 14px; }
.drawer-gate-row { display: flex; flex-wrap: wrap; gap: var(--s2); align-items: flex-end; margin: var(--s2) 0 var(--s1); }
.drawer-gate-row label { flex: 1 1 140px; min-width: 0; }
.drawer-gate-row .field { margin: 0; }
.drawer-gate.drawer-skipped { display: flex; gap: var(--s2); align-items: flex-start; }
.ns-pay-main { min-width: 0; }
.ns-pay-main .card { margin-bottom: var(--s4); }
.ns-pay h2 { margin-top: 0; }
.pay-go-bar { position: sticky; bottom: 0; z-index: 3; background: var(--panel); padding: var(--s2) 0 var(--s3); margin-top: var(--s2); box-shadow: 0 -1px 0 var(--line); }
.pay-go-bar .miss-line { margin: 0 0 var(--s2); }
.pay-go-bar .miss-line:empty { display: none; }
.ns-pay .change-line, .pay-panel .change-line { min-height: 1.6em; }
@media (max-width: 700px) {
  .pay-go-bar { position: static; box-shadow: none; }
}
.big-check.neutral { background: var(--brand-soft); color: var(--brand-text); box-shadow: inset 0 0 0 2px var(--brand); }
nav a:hover, .set-nav-list a:hover { background: transparent; }
@media (hover: hover) { nav a:not(.active):hover, .set-nav-list a:not(.on):hover { background: color-mix(in srgb, var(--ink) 6%, transparent); } }
.set-unsaved { display: none; }
.set-dirty .set-actions { position: sticky; bottom: calc(var(--tabbar-h, 0px) + var(--s3)); z-index: 6; align-items: center; padding: var(--s2) var(--s3);
  background: var(--panel); border-radius: var(--r); box-shadow: var(--shadow-lg); border: 1px solid var(--line); }
.set-dirty .set-unsaved { display: inline-flex; align-items: center; gap: var(--s2); margin-right: auto; font-weight: 600; }
.set-dirty .set-unsaved::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--warn); }
.skel-page { display: flex; flex-direction: column; gap: var(--s4); padding-top: var(--s2); }
.skel { background: var(--panel-2); border-radius: var(--r); }
.skel-h1 { height: 34px; width: 38%; } .skel-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s3); }
.skel-tile { height: 92px; } .skel-block { height: 220px; } .skel-block.short { height: 120px; width: 70%; }
@media (prefers-reduced-motion: no-preference) { .skel { animation: skelPulse 1.2s ease-in-out infinite alternate; } @keyframes skelPulse { to { opacity: .45; } } }
.crumb { display: inline-flex; align-items: center; gap: var(--s1); min-height: var(--tap-min); margin: 0 0 var(--s1) calc(-1 * var(--s1)); color: var(--brand-text); text-decoration: none; font-weight: 500; }
.crumb:hover { text-decoration: underline; }
@media (max-width: 700px) { .set-dirty .set-actions { flex-wrap: nowrap; } .set-dirty .set-actions > :not(.primary):not(.set-unsaved) { display: none; } }
.day-group .day-head { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s2) var(--s4); margin-bottom: var(--s3); }
.day-group .day-head h2 { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px var(--s3); margin: 0; min-width: 0; }
.day-group .day-head .day-sum { flex: 1 1 auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: var(--s2); }
.area-chip.bad svg.i { margin-right: -2px; }
tr.dl-over-row td:first-child { box-shadow: inset 3px 0 0 var(--bad); }
.badge.dl-over { text-transform: none; }
@media (max-width: 700px) { .day-group .day-head .day-sum { justify-content: flex-start; } .area-chip { border-radius: var(--r); } }
.sidebar { overflow: hidden; }
.sidebar > #nav { flex: 1 1 auto; min-height: 96px; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; margin: 0 -4px; padding: 0 4px 6px; }
.sidebar > .search-btn, .sidebar > .bh-brand, .sidebar > .user-chip, .sidebar > .dt-mode, .sidebar > .copyright, .sidebar > .menu-head, .sidebar > .rail-btn { flex-shrink: 0; }
nav .sec:has(.sec-btn) { padding: 6px 0 0; }
nav .sec-btn { display: flex; align-items: center; gap: 6px; width: 100%; min-height: 32px; padding: 6px 10px 4px; border: none; border-radius: var(--r-sm); background: transparent;
  color: inherit; font: inherit; text-transform: inherit; letter-spacing: inherit; cursor: pointer; text-align: left; }
nav .sec-btn .sec-name { flex: 1; }
nav .sec-btn .sec-chev { width: 14px; height: 14px; transform: rotate(90deg); transition: transform .15s; opacity: .8; }
nav .sec-btn[aria-expanded="false"] .sec-chev { transform: none; }
nav .sec-btn.here { cursor: default; } nav .sec-btn.here .sec-chev { opacity: .35; }
@media (hover: hover) { nav .sec-btn:not(.here):hover { color: var(--muted); background: color-mix(in srgb, var(--ink) 5%, transparent); } }
nav .sec-btn:focus-visible { outline: 2px solid var(--brand); outline-offset: -2px; }
nav .sec-count { font-size: var(--fs-caption); font-weight: 600; letter-spacing: 0; text-transform: none; color: var(--muted); }
nav .sec-count.hot { background: var(--bad-strong); color: var(--on-bad); border-radius: var(--r-pill); padding: 0 7px; }
nav .sec-count:empty { display: none; }
nav a.nav-folded { display: none; }
@media (max-width: 700px) { nav .sec-btn { min-height: 44px; } }
@media (min-width: 701px) and (max-width: 1180px) {
  body:not(.rail-open) nav a.nav-folded { display: flex; }
  body:not(.rail-open) nav .sec:has(.sec-btn) { padding: 0; }
  body:not(.rail-open) nav .sec-btn { display: none; }
  body.rail-open nav .sec-btn { min-height: 44px; }
}
.user-chip .avatar { width: 44px; height: 44px; font-size: 14px; }
.user-chip #themeBtn { min-width: var(--tap-min); min-height: var(--tap-min); display: inline-grid; place-items: center; padding: 0; }
@media (min-width: 701px) { body:has(.pay-go-bar) .toast { bottom: 132px; } }
.tag-bar { position: sticky; top: var(--demo-h, 0px); z-index: 5; background: var(--panel); margin: 0 -18px var(--s2, 8px); padding: 10px 18px; box-shadow: 0 1px 0 var(--line); }
.tag-bar .actions { margin: 0; align-items: center; flex-wrap: wrap; }
@media (max-width: 700px) { .tag-bar { top: calc(57px + var(--demo-h, env(safe-area-inset-top))); } }
@media print { .tag-bar { display: none !important; } }
.fl-exit { width: auto; min-width: 56px; padding: 0 16px; gap: 6px; display: inline-flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 600; white-space: nowrap; }
.fl-exit svg.i { width: 20px; height: 20px; }
@media (max-width: 420px) { .fl-exit-more { display: none; } .fl-exit { padding: 0 12px; } }
.sale-head { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 12px; margin: 4px 0 18px; min-height: 48px; }
.sale-head h1 { margin: 0; min-width: 0; }
.sale-head-actions { margin-left: auto; display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 8px; min-height: 44px; }
.sale-head-actions .oe-head-go:empty { display: none; }
button.ns-mini-cart-row { cursor: pointer; transition: background-color .12s; }
.ns-mini-cart-row .ns-row-edit { flex-shrink: 0; display: inline-grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; color: var(--muted); margin-left: -4px; }
@media (hover: hover) { button.ns-mini-cart-row:hover { background: var(--panel-2); } button.ns-mini-cart-row:hover .ns-row-edit { color: var(--brand-text, var(--brand)); background: var(--brand-soft); } }
button.ns-mini-cart-row:focus-visible .ns-row-edit { color: var(--brand-text, var(--brand)); background: var(--brand-soft); }
button.ns-mini-cart-row:active { background: var(--brand-soft); }
.sp-row .sp-go { display: inline-flex; align-items: center; gap: 2px; white-space: nowrap; }
@media (hover: hover) { .sale .sp-row:hover { background: var(--panel-2); border-radius: 6px; } }
.modal-card.print-prev-card { width: min(1000px, 100%); }
.print-prev-head { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 4px 12px; margin-bottom: 10px; }
.print-prev { border: 1px solid var(--line); border-radius: var(--r-sm); background: #eee; height: min(70vh, 900px); overflow: hidden; }
.print-prev iframe { display: block; width: 100%; height: 100%; border: 0; background: #eee; }
@media (max-width: 700px) { .print-prev { height: 62vh; } }
.chip.small-chip[data-q][aria-pressed="true"] { background: var(--brand); color: var(--on-brand); box-shadow: none; }
.fl-order.late { color: var(--warn); }
.rs-table td:nth-child(2) { min-width: 15rem; }
.rs-table th { white-space: nowrap; }
.dl-next { background: var(--brand-soft); color: var(--navy); border-radius: var(--radius-sm); padding: 10px 12px; font-size: 14px; }
.dl-next .hstack { gap: 8px; }
.dl-next .link { padding-left: 0; }
.ro-spec { margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--line); }
.ro-spec h3 { margin: 0 0 4px; font-size: 15px; }
.ro-spec-table td:nth-child(4) { min-width: 15rem; }
.ro-spec-table th { white-space: nowrap; }
.ro-spec-toggle { display: flex; align-items: center; gap: 8px; margin-top: 10px; font-weight: 400; }
.dt-mode:empty { display: none; }
.set-row .set-val { color: var(--accent); text-decoration: none; text-align: right; }
.pay-online { margin-left: 6px; vertical-align: 1px; font-size: 11px; }
.cl-pay { border-top: 1px solid var(--line); margin-top: 12px; }
.cl-pay textarea { width: 100%; resize: none; font-family: inherit; }
.bs-so-vendor { padding-top: var(--s3); border-top: 1px solid var(--line); margin-top: var(--s3); scroll-margin-top: 80px; }
.bs-so-vendor h3 { margin: 0 0 var(--s2); }
.bs-so td { vertical-align: top; }
.bs-opt { font-size: var(--fs-footnote); line-height: 1.4; }
.bs-lines { margin-top: var(--s1); font-size: var(--fs-footnote); }
.bs-lines summary { color: var(--brand-text); cursor: pointer; min-height: var(--tap-min); display: flex; align-items: center; }
.bs-lines ul { margin: 0; padding-left: var(--s4); } .bs-lines li { padding: 2px 0; }
.os-wrap { max-width: 1280px; }
.os-actions { display: flex; flex-wrap: wrap; gap: var(--s2); margin: var(--s3) 0 var(--s4); }
.os-actions button, .os-actions .btn { min-height: var(--tap-min); }
.os-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: var(--s4); align-items: start; margin-bottom: var(--s4); }
.os-grid .card, .os-wrap > .card { margin: 0 0 var(--s4); padding: 16px 18px; }
.os-grid .card { margin: 0; height: 100%; box-sizing: border-box; }
.os-card h2 { margin: 0 0 var(--s2); font-size: var(--fs-headline); }
.os-big { font-size: var(--fs-title2); font-weight: 700; line-height: 1.25; margin-bottom: 4px; display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.os-big a { color: inherit; text-decoration: none; min-height: var(--tap-min); display: inline-flex; align-items: center; }
.os-mail a { min-height: var(--tap-min); display: inline-flex; align-items: center; } .os-big a:hover { color: var(--brand-text); text-decoration: underline; }
.os-big .i { width: 22px; height: 22px; flex: none; }
.os-ful { border-left: 4px solid var(--line); }
.os-ful.os-ok { border-left-color: var(--accent); } .os-ful.os-info { border-left-color: var(--info); }
.os-ful.os-warn { border-left-color: var(--warn); } .os-ful.os-bad { border-left-color: var(--bad); }
.os-calls { display: flex; flex-wrap: wrap; gap: var(--s2); margin: var(--s2) 0; }
.os-call { min-height: var(--tap-min); display: inline-flex; align-items: center; gap: 6px; font-variant-numeric: tabular-nums; }
.os-rows > div { display: flex; justify-content: space-between; gap: var(--s3); padding: 4px 0; }
.os-rows span { color: var(--muted); }
.os-totals { border-top: 1px solid var(--line); margin-top: var(--s2); padding-top: var(--s2); max-width: 420px; margin-left: auto; }
.os-totals .os-total { border-top: 1px solid var(--line); margin-top: 4px; padding-top: 8px; font-size: var(--fs-headline); }
.os-totals .os-total span { color: var(--ink); font-weight: 600; }
.os-pays { margin-top: var(--s2); }
.os-pays summary { min-height: var(--tap-min); box-sizing: border-box; padding: 11px 0; cursor: pointer; color: var(--brand-text); }
.os-pay { display: flex; justify-content: space-between; gap: var(--s3); padding: 6px 0; border-top: 1px solid var(--line); font-size: var(--fs-footnote); }
.os-sp { display: flex; flex-direction: column; gap: 2px; padding: 8px 0; border-top: 1px solid var(--line); }
.os-sp:first-of-type { border-top: 0; padding-top: 0; }
.os-sp-st { font-size: var(--fs-footnote); }
.os-sp-st a { color: inherit; min-height: var(--tap-min); display: inline-flex; align-items: center; }
.os-line { display: flex; justify-content: space-between; align-items: flex-start; gap: var(--s3); padding: 10px 0; border-bottom: 1px solid var(--line); }
.os-line .main { min-width: 0; } .os-line .main b { display: block; font-weight: 600; }
.os-line .main small { display: block; font-size: var(--fs-caption); }
.os-line .main small.os-where { display: flex; align-items: center; gap: 4px; font-weight: 600; color: var(--ink); margin-top: 2px; }
.os-line .main small.os-where svg { width: 14px; height: 14px; flex: none; }
.os-line .line-extra { margin-top: 4px; flex-wrap: wrap; }
.os-items .sec-head button { min-height: var(--tap-min); }
.os-notes .pre-line { white-space: pre-line; }
.os-more-link { min-height: var(--tap-min); display: inline-flex; align-items: center; gap: 6px; padding-left: 0; }
#oeToSummary { white-space: nowrap; }
@media (max-width: 700px) {
  .os-wrap { display: flex; flex-direction: column; }
  .os-wrap > .sale-head, .os-wrap > .order-created, .os-wrap > .crumb, .os-wrap > .order-sub, .os-wrap > .lockbar { order: 0; }
  .os-wrap > .os-grid { order: 1; }
  .os-wrap > .os-actions { order: 2; margin-top: 0; }
  .os-wrap > .os-items, .os-wrap > .os-notes, .os-wrap > .os-more-link { order: 3; }
  .os-actions { display: grid; grid-template-columns: 1fr 1fr; }
  .os-actions #osEdit { grid-column: 1 / -1; }
  .os-grid { grid-template-columns: 1fr; gap: var(--s3); }
  .os-big { font-size: var(--fs-headline); }
}
@media print { .os-actions, .os-more-link { display: none !important; } }
.po-sum { display: flex; flex-wrap: wrap; gap: 6px 18px; margin-top: 6px; font-size: 14px; color: var(--ink); }
.po-sum .i { width: 15px; height: 15px; vertical-align: -2px; }
.po-due { white-space: nowrap; }
.po-due .i { width: 15px; height: 15px; vertical-align: -2px; }
.po-items .sec-head .actions button, .po-add .sec-head .actions button { min-height: var(--tap-min, 44px); }
#poLines td:first-child { min-width: 11em; }
#poLines th, #poLines td { padding-left: 6px; padding-right: 6px; }
#poLines input.qty { width: 64px; } #poLines input.price { width: 96px; } #poLines select.loc { width: auto; max-width: 10em; }
#poLines th .faint { display: block; font-weight: normal; }
.po-add { border-top: 3px solid var(--brand); }
.rd-scan-box { display: block; font-weight: 700; color: var(--ink); max-width: 520px; }
.rd-scan-box input { min-height: 52px; font-size: 18px; margin-top: 6px; }
.rd-po .sec-head { align-items: flex-start; gap: 10px; }
.rd-po .sec-head .actions button, .rd-vendor { min-height: var(--tap-min, 44px); }
.rd-table th { white-space: nowrap; }
.rd-table td:nth-child(2) { min-width: 10rem; }
.rd-table .rd-c-tick { width: 52px; min-width: 52px; text-align: center; cursor: pointer; }
.rd-table .rdTick { width: 28px; height: 28px; }
.rd-table .rdQ { width: 5.5rem; min-height: var(--tap-min, 44px); text-align: right; }
.rd-table .rdL { min-height: var(--tap-min, 44px); }
.rd-table tr.rd-on > td { background: var(--brand-soft); }
.rd-table tr.rd-over > td { background: var(--warn-soft); }
.rd-note:empty { display: none; }
.rd-extra { border-left: 4px solid var(--warn); }
.rd-extra h2 .i { color: var(--warn); }
.rd-bar { position: sticky; bottom: 0; z-index: 15; display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap;
  margin: 12px 0 0; padding: 12px 16px calc(12px + env(safe-area-inset-bottom)); background: var(--panel); border: 1px solid var(--line);
  border-radius: var(--radius) var(--radius) 0 0; box-shadow: var(--shadow-lg); }
.rd-opts { display: flex; flex-wrap: wrap; gap: 6px 18px; }
.rd-opts label { display: flex; align-items: center; gap: 8px; font-weight: 400; min-height: var(--tap-min, 44px); }
.rd-bar #rdGo { min-height: 48px; padding-left: 22px; padding-right: 22px; }
.rd-over-actions button { min-height: var(--tap-min, 44px); }
.rd-sum h2 .i { vertical-align: -3px; }
.rd-sum details summary { cursor: pointer; min-height: var(--tap-min, 44px); display: flex; align-items: center; }
@media (max-width: 820px) {
  .rd-bar { flex-direction: column; align-items: stretch; }
  .rd-bar #rdGo { width: 100%; }
  .rd-over-actions { flex-direction: column-reverse; align-items: stretch; }
  .rd-table td:nth-child(2) { min-width: 8.5rem; }
  .rd-table .rdL { max-width: 9rem; }
}
nav a { min-height: var(--tap-min); }
nav a .lbl-s { display: none; }
nav .sec:has(.sec-btn) { padding: 4px 0 0; }
nav .sec-btn { min-height: 36px; }
@media (pointer: coarse) { nav .sec-btn { min-height: var(--tap-min); } }
.sidebar .brand.bh-brand { padding-bottom: 10px; }
.sidebar .search-btn { min-height: var(--tap-min); }
@media (min-width: 701px) and (max-width: 1180px) {
  :root { --rail: 88px; }
  body:not(.rail-open) .sidebar { padding: 8px 6px 8px; }
  body:not(.rail-open) nav a { flex-direction: column; justify-content: center; gap: 2px; min-height: 52px; padding: 4px 2px; }
  body:not(.rail-open) nav a .lbl-s { display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; line-height: 1.15;
    font-weight: 600; letter-spacing: 0; color: var(--muted); text-align: center; }
  body:not(.rail-open) nav a.active .lbl-s { color: var(--brand-text); font-weight: 700; }
  body:not(.rail-open) nav a.nav-folded { display: none; }
  body:not(.rail-open) nav .sec { font-size: 11px; height: auto; margin: 4px 0 0; padding: 0; background: none; }
  body:not(.rail-open) nav .sec-btn { display: flex; flex-flow: row wrap; justify-content: center; align-items: center; gap: 0 3px; min-height: var(--tap-min); padding: 4px 2px 2px;
    border-top: 1px solid var(--line); border-radius: 0; text-align: center; font-size: 10.5px; letter-spacing: .04em; }
  body:not(.rail-open) nav .sec-btn .sec-name { flex: 0 0 100%; }
  body:not(.rail-open) .sidebar .search-btn { flex-direction: column; gap: 2px; min-height: 52px; }
  body:not(.rail-open) .sidebar .search-btn .lbl { position: static; width: auto; height: auto; margin: 0; clip: auto; overflow: visible; font-size: 11px; font-weight: 600; line-height: 1.15; }
  body:not(.rail-open) nav .sec-btn .sec-chev { width: 12px; height: 12px; }
  body:not(.rail-open) nav .sec-btn .sec-count { font-size: 11px; line-height: 15px; }
  body:not(.rail-open) nav a .count { top: 2px; right: 8px; }
}
.set-find { position: relative; display: flex; align-items: center; margin: 0 0 var(--s2); }
.set-find svg.i { position: absolute; left: 12px; color: var(--muted); pointer-events: none; }
.set-find input { width: 100%; min-height: var(--tap-min); padding-left: 40px; }
.set-find-none { padding: var(--s3); margin: 0; }
.set-find-none .link { min-height: var(--tap-min); }
@media (min-width: 1181px) and (max-height: 860px) {
  .sidebar .copyright { display: none; }
  .sidebar .brand.bh-brand { padding-bottom: 6px; }
  .sidebar nav .sec:has(.sec-btn) { padding-top: 2px; }
  .sidebar .user-chip { padding-top: 6px; }
  .sidebar .user-chip .actions { margin-top: 4px; }
}
.spot-res .spot-help-li { display: flex; align-items: center; gap: 12px; min-height: var(--tap); }
.spot-help-ic { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: var(--r-pill); background: var(--brand-soft); color: var(--brand-text); }
.spot-res .li:has(.spot-help-ic) { display: flex; align-items: center; gap: 12px; }
.spot-help-ic svg.i { width: 18px; height: 18px; }
.spot-help-chev { flex: none; margin-left: auto; color: var(--faint); transition: transform .15s; }
.spot-help-li[aria-expanded="true"] .spot-help-chev { transform: rotate(90deg); }
.spot-help-body { margin: 0 12px 8px 62px; padding: 10px 14px 12px; border-radius: var(--r); background: var(--panel-2); box-shadow: inset 0 0 0 1px var(--line); }
.help-steps { margin: 0 0 12px; padding-left: 1.4em; line-height: 1.45; color: var(--ink); }
.help-steps li { padding: 2px 0; }
.help-steps li::marker { color: var(--brand-text); font-weight: 700; }
.help-go { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.help-go .btn, .help-go button { min-height: 44px; }
.help-flash { outline: 3px solid var(--focus, var(--brand)) !important; outline-offset: 3px; animation: helpFlash 1.2s ease-in-out 2; }
@keyframes helpFlash { 50% { outline-offset: 7px; } }
@media (prefers-reduced-motion: reduce) { .help-flash { animation: none; } .spot-help-chev { transition: none; } }
.help-page { max-width: 1100px; }
.help-tools { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin-bottom: 4px; }
.help-find { flex: 1 1 100%; max-width: 560px; margin: 0; }
.help-find input { min-height: var(--tap); }
.help-topics { display: flex; flex-wrap: wrap; gap: 8px; flex: 1 1 100%; }
.help-topics a.chip { display: inline-flex; align-items: center; text-decoration: none; min-height: 44px; }
.help-topic { margin-top: 20px; scroll-margin-top: 16px; }
.help-topic h2 { margin-bottom: 10px; }
.help-topic h2:focus { outline: none; }
.help-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 14px; align-items: start; }
.help-card { margin: 0; scroll-margin-top: 80px; }
.help-card h3 { margin: 0 0 8px; font-size: var(--fs-headline); }
.help-card.help-on { box-shadow: 0 0 0 3px var(--brand-text), var(--shadow); }
@media (max-width: 700px) {
  .help-grid { grid-template-columns: 1fr; }
  .spot-help-body { margin-left: 12px; }
  .help-go button, .help-go .btn { flex: 1 1 auto; }
}
.sale-mode-bar, .sale-next-note { grid-column: 1 / -1; }
.sale-mode-bar { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 12px; margin: calc(var(--s4) * -1) 0 var(--s4); }
.sale-mode-sw { display: inline-flex; align-items: center; gap: 10px; min-height: var(--tap-min, 44px); padding: 6px 10px 6px 4px; background: transparent; color: var(--ink); font-weight: 600; box-shadow: none; }
.sale-mode-sw .sw-track { position: relative; flex-shrink: 0; width: 40px; height: 24px; border-radius: 12px; background: var(--panel-2); box-shadow: inset 0 0 0 2px var(--field-line); transition: background .15s; }
.sale-mode-sw .sw-knob { position: absolute; top: 4px; left: 4px; width: 16px; height: 16px; border-radius: 50%; background: var(--muted); transition: transform .15s; }
.sale-mode-sw[aria-checked="true"] .sw-track { background: var(--brand); box-shadow: none; }
.sale-mode-sw[aria-checked="true"] .sw-knob { transform: translateX(16px); background: var(--on-brand, #fff); }
.sale-mode-sw:focus-visible { outline: 3px solid var(--focus); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { .sale-mode-sw .sw-track, .sale-mode-sw .sw-knob { transition: none; } }
.sale-next-note { display: flex; align-items: center; justify-content: space-between; gap: 8px 12px; flex-wrap: wrap; margin: 0 0 var(--s4); }
.sale-next-note[hidden] { display: none; }
.sale-next-note .actions button { min-height: var(--tap-min, 44px); min-width: var(--tap-min, 44px); }
.sale.all-steps .sale-main > section.card { scroll-margin-top: calc(var(--demo-h, 0px) + 16px); }
.sale.all-steps .sale-step .step-dot { transition: none; }
.disc-warn { margin: var(--s2) 0 0; padding: 10px 12px; border-radius: var(--radius-sm); background: var(--warn-soft); color: var(--warn); font-size: 14px; line-height: 1.4; }
.disc-warn[hidden] { display: none; }
.disc-warn b { font-weight: 600; overflow-wrap: anywhere; }
.disc-warn .caption { display: block; margin-top: 2px; color: inherit; }
.sale-line .line-lim { grid-column: 1 / -1; margin-top: -4px; font-size: 13px; font-weight: 600; }
.sale-line .line-lim[hidden] { display: none; }
.ns-attn { outline: 3px solid var(--warn); outline-offset: 3px; border-radius: var(--radius-sm); }
@media (prefers-reduced-motion: no-preference) { .ns-attn { animation: nsAttn .9s ease-out 2; } @keyframes nsAttn { 50% { outline-color: transparent; } } }
@media (max-width: 600px) { .sale-mode-bar { margin-top: calc(var(--s3) * -1); } .sale-mode-bar .caption { flex-basis: 100%; } }
.sw-picks { display: grid; gap: 8px; }
button.sw-pick { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 64px; padding: 12px 14px; text-align: left; white-space: normal;
  border: 2px solid var(--line); border-radius: var(--r-sm); background: var(--bh-surface, var(--card, #fff)); color: var(--ink); box-shadow: none; }
button.sw-pick:hover { border-color: var(--brand); }
button.sw-pick.on { border-color: var(--brand); background: var(--brand-soft); box-shadow: inset 0 0 0 1px var(--brand); }
.sw-pick .main { flex: 1; min-width: 0; }
button.sw-pick:disabled { opacity: .55; }
.sw-pick-row { display: grid; gap: 6px; }
.sw-qty { display: flex; align-items: center; gap: 10px; margin: 0 0 4px 52px; font-size: var(--fs-footnote, 13px); }
.sw-qty input { width: 90px; }
.sw-pick .main b, .sw-pick .main small { display: block; overflow-wrap: anywhere; }
.sw-pick .main small { color: var(--muted); margin-top: 2px; }
.sw-dot { flex-shrink: 0; display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; border: 2px solid var(--muted); color: transparent; }
.sw-pick.on .sw-dot { background: var(--brand); border-color: var(--brand); color: var(--on-brand); }
tr.fc-need > td, tr.fc-urgent > td { background: var(--warn-soft); }
tr.fc-urgent > td:first-child { box-shadow: inset 3px 0 0 var(--bad); }
.fc-trend { white-space: nowrap; }
.fc-trend .caption { display: inline-flex; align-items: center; gap: 2px; margin-left: 6px; vertical-align: middle; }
.fc-trend .caption .i { width: 14px; height: 14px; }
.fc-spark { width: 72px; height: 22px; vertical-align: middle; color: var(--muted); }
.fc-spark polyline { fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linejoin: round; }
.sec-item { align-items: flex-start; gap: 10px; }
.sec-state { flex-shrink: 0; padding-top: 2px; }
.pf-price .inline select { flex: 0 0 auto; width: auto; min-width: 7.5em; }
.pf-price .inline input { flex: 1 1 auto; min-width: 0; }
.age-row { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.age-row .stat { padding: 12px 14px; } .age-row .stat .v { font-size: var(--fs-title2, 20px); }
.age-row .age-old .v { color: var(--bad); }
.flash-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 12px; }
.flash-card h2 .h-sub { font-weight: 500; }
.flash-figs { margin: 0; display: grid; gap: 10px; }
.flash-figs > div { display: flex; justify-content: space-between; gap: 12px; border-bottom: 1px solid var(--line); padding-bottom: 8px; }
.flash-figs dt { color: var(--muted); font-size: 14px; }
.flash-figs dd { margin: 0; text-align: right; display: flex; flex-direction: column; font-variant-numeric: tabular-nums; }
.flash-figs dd b { font-size: 20px; }
@media (max-width: 600px) { .age-row { grid-template-columns: repeat(2, minmax(0, 1fr)); } .age-row .stat { min-width: 0; padding: 10px 12px; } .age-row .stat .v { font-size: 18px; overflow-wrap: anywhere; } }
.rep-wide { min-width: 200px; }
.money-item { display: grid; gap: var(--s2); padding: var(--s3) 0; border-top: 1px solid var(--line); }
.money-item:first-child { border-top: none; padding-top: 0; }
.money-why { display: flex; align-items: flex-start; gap: var(--s2); line-height: 1.4; }
.money-why .badge { flex-shrink: 0; }
.money-acts { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s2); }
.money-acts .caption { padding: 0 var(--s1); }
.money-acts .money-sale { margin-left: auto; display: inline-flex; align-items: center; text-decoration: none; font-size: var(--fs-footnote); }
.money-handled { margin-top: var(--s3); }
.money-handled > summary { cursor: pointer; padding: var(--s1) 0; }
.money-handled[open] > summary { margin-bottom: var(--s2); }
.cam-head { display: flex; align-items: center; gap: var(--s2); margin: -6px -8px 12px 0; }
.cam-head h2 { margin: 0; flex: 1; min-width: 0; }
.cam-close { flex-shrink: 0; color: var(--ink); border-radius: 50%; }
.cam-guide { transition: border-color .1s, box-shadow .1s; }
.cam-guide.read { border-color: #34c759; border-width: 5px; box-shadow: 0 0 0 999px rgba(0,0,0,.28), inset 0 0 0 999px rgba(52,199,89,.22); }
.cam-actions .cam-typed, .cam-actions .cam-torch { flex: 1 1 160px; }
@media (prefers-reduced-motion: reduce) { .cam-guide { transition: none; } }
.cam-tally { margin: 6px 0 0; font-size: var(--fs-title3, 18px); font-weight: 700; font-variant-numeric: tabular-nums; }
.cam-done { display: block; width: 100%; min-height: 56px; margin-top: 14px; font-size: 18px; }
.flash-head { font-size: var(--fs-title3, 18px); line-height: 1.35; margin: 0 0 var(--s3); }
.flash-head b { font-size: var(--fs-title2, 20px); }
tr.gm-low > td:first-child { box-shadow: inset 3px 0 0 var(--warn); }
.warn-text svg.i { width: 15px; height: 15px; vertical-align: -2px; }
.vs-late { display: grid; justify-items: end; gap: 2px; margin-top: 4px; }
.vs-po { display: inline-flex; align-items: center; min-height: 28px; white-space: nowrap; font-size: var(--fs-footnote); }
.vs-call { white-space: nowrap; }
.set-what { color: var(--muted); margin: calc(var(--s3) * -1) var(--s1) var(--s4); }
.set-nav-list a .set-blurb { display: block; color: var(--muted); font-size: var(--fs-caption); font-weight: 400; line-height: 1.3; padding-bottom: 6px; }
.set-nav-list a:has(.set-blurb) { padding-top: 6px; }
.set-adv { margin: var(--s3) 0 0; }
.set-adv > summary { cursor: pointer; min-height: var(--tap-min); display: flex; align-items: center; padding: 0 var(--s4); color: var(--brand-text); font-size: var(--fs-footnote); font-weight: 600; }
.set-adv[open] > summary { margin-bottom: var(--s2); }
.set-adv > .set-group, .set-adv > .set-head:first-of-type { margin-top: 0; }
.drivers-off { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s2) var(--s3); margin-bottom: var(--s3); }
.drivers-off .grow { min-width: 200px; }
@media (pointer: coarse) {
  .cat-types summary, .set-notes > summary, .dt-details > summary, .oe-activity > summary, details > summary { min-height: var(--tap-min); }
  .cust-tbl a.row-link { min-height: var(--tap-min); display: inline-flex; align-items: center; }
  nav .sec-btn { min-height: var(--tap-min); }
  .chip, .chip.area-day, .area-chip { min-height: var(--tap-min); }
  .area-place .link { min-height: var(--tap-min); min-width: var(--tap-min); justify-content: center; }
  button.link, .btn.small, button.small, .link.small, .seg button, .tab { min-height: var(--tap-min); }
  .rd-table .rd-c-tick { min-width: var(--tap-min); height: var(--tap-min); }
  .legend li { min-height: var(--tap-min); }
  .vs-po { min-height: var(--tap-min); }
  td a.row-link, .li a.row-link { display: inline-flex; align-items: center; min-height: var(--tap-min); }
  input.check.switch { margin-block: 6px; }
  .u-perm, .pr-chk, .so-chk, .fl-toggle { min-height: var(--tap-min); }
  label:has(> input.check) { min-height: var(--tap-min); }
}
.help-first-link { margin: var(--s2) 0 var(--s3); }
.help-first { margin-bottom: var(--s3); }
.help-first-steps { margin: 0; padding-left: 1.6em; display: grid; gap: var(--s2); }
.help-first-steps li { line-height: 1.4; }
.help-first-steps li > a { display: inline-flex; align-items: center; min-height: 32px; }
.help-first-steps .caption { display: block; }
@media (pointer: coarse) { .help-first-steps li > a { min-height: var(--tap-min); } }
.pay-keyed-amt { margin: var(--s2) 0; font-size: clamp(36px, 11vw, 56px); font-weight: 800; line-height: 1.1; text-align: center; font-variant-numeric: tabular-nums; letter-spacing: -0.02em; }
.tick-hit { display: inline-flex; align-items: center; justify-content: center; margin: 0; cursor: pointer; }
@media (pointer: coarse) { .tick-hit { min-width: var(--tap-min); min-height: var(--tap-min); margin: -10px -8px; } }
.tel-ext { display: inline-block; vertical-align: middle; align-self: center; white-space: nowrap; color: var(--muted); font-size: var(--fs-footnote); }
.tm-bubble { position: fixed; right: 16px; bottom: 16px; z-index: 33; width: 56px; height: 56px; min-width: 56px; min-height: 56px; padding: 0;
  border-radius: 50%; background: var(--brand); color: var(--on-brand); box-shadow: var(--shadow-lg); display: grid; place-items: center; }
.tm-bubble:hover { background: var(--brand-hover); }
.tm-bubble svg.i { width: 26px; height: 26px; }
.tm-bubble.hidden, .tm-panel.hidden, .tm-alerts.hidden { display: none !important; }
.tm-badge { position: absolute; top: -4px; right: -4px; min-width: 22px; height: 22px; padding: 0 6px; border-radius: var(--r-pill); background: var(--bad-strong); color: var(--on-bad);
  font-size: 12px; font-weight: 700; line-height: 22px; text-align: center; box-shadow: 0 0 0 2px var(--panel); }
.tm-panel { position: fixed; top: var(--demo-h, 0px); right: 0; bottom: 0; z-index: 46; width: min(420px, 100vw); display: flex; flex-direction: column;
  background: var(--panel); border-left: 1px solid var(--line); box-shadow: var(--shadow-lg); padding-bottom: env(safe-area-inset-bottom); }
@media (min-width: 1240px) { body.tm-open main { margin-right: 420px; } }
.tm-head { display: flex; align-items: center; gap: var(--s1); padding: calc(var(--s2) + env(safe-area-inset-top)) var(--s2) var(--s2) var(--s3); border-bottom: 1px solid var(--line); }
body.demo-on .tm-head { padding-top: var(--s2); }
.tm-head h2 { flex: 1; margin: 0; font-size: var(--fs-headline); min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tm-head .icon { position: relative; flex-shrink: 0; }
.tm-mute-x { position: absolute; left: 11px; right: 11px; top: 50%; height: 2px; background: currentColor; transform: rotate(-45deg); border-radius: 2px; }
.tm-back { display: none; }
.tm-cols { flex: 1; min-height: 0; display: grid; grid-template-columns: 148px minmax(0, 1fr); }
.tm-list { overflow-y: auto; border-right: 1px solid var(--line); padding: var(--s1); background: var(--panel-2); }
.tm-list-h { font-size: var(--fs-caption); font-weight: 700; color: var(--muted); padding: var(--s2) var(--s2) 2px; }
.tm-conv { display: flex; flex-direction: column; align-items: stretch; gap: 2px; width: 100%; min-height: 44px; padding: 6px 8px; margin: 1px 0; text-align: left;
  background: transparent; color: var(--ink); border-radius: var(--r-sm); font-size: var(--fs-footnote); }
.tm-conv:hover { background: var(--btn-hover); }
.tm-conv.on { background: var(--nav-active); box-shadow: inset 3px 0 0 var(--brand-text); }
.tm-conv-top { display: flex; align-items: center; gap: 4px; min-width: 0; }
.tm-conv-name { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-flex; align-items: center; gap: 4px; }
.tm-conv.unread .tm-conv-name { font-weight: 700; }
.tm-conv-last { display: block; color: var(--muted); font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tm-dot { flex-shrink: 0; min-width: 18px; height: 18px; padding: 0 5px; border-radius: var(--r-pill); background: var(--bad-strong); color: var(--on-bad); font-size: 11px; font-weight: 700; line-height: 18px; text-align: center; }
.tm-all-btn { width: 100%; margin-top: var(--s2); }
.tm-notice { display: flex; align-items: center; gap: var(--s2); padding: var(--s2) var(--s3); background: var(--panel-2); border-bottom: 1px solid var(--line); font-size: var(--fs-footnote); }
.tm-notice span { flex: 1; min-width: 0; }
.tm-notice button { flex-shrink: 0; }
.tm-main { display: flex; flex-direction: column; min-width: 0; min-height: 0; }
.tm-thread-head { padding: var(--s2) var(--s3) 6px; border-bottom: 1px solid var(--line); }
.tm-thread-head h3 { margin: 0; font-size: var(--fs-body); }
.tm-thread-head .caption { display: block; }
.tm-thread { flex: 1; min-height: 0; overflow-y: auto; padding: var(--s2) var(--s3); overscroll-behavior: contain; }
.tm-pad { padding: var(--s3); margin: 0; }
.tm-loading { padding: var(--s4); }
.tm-more { display: flex; margin: 0 auto var(--s2); }
.tm-day { display: flex; align-items: center; gap: var(--s2); margin: var(--s3) 0 var(--s2); color: var(--muted); font-size: var(--fs-caption); font-weight: 600; }
.tm-day::before, .tm-day::after { content: ""; flex: 1; height: 1px; background: var(--line); }
.tm-msg { margin: 2px 0 var(--s2); overflow-wrap: anywhere; }
.tm-msg.at-me .tm-text { background: var(--warn-soft); border-radius: var(--r-sm); padding: 2px 6px; margin-left: -6px; }
.tm-who { font-size: var(--fs-footnote); margin-bottom: 1px; }
.tm-text { white-space: pre-wrap; line-height: 1.4; font-size: var(--fs-dense); }
.tm-at { color: var(--brand-text); }
.tm-event { display: flex; align-items: center; gap: 4px; margin: var(--s1) 0 var(--s2); }
.tm-chip { display: inline-flex; align-items: center; gap: 6px; max-width: 100%; min-height: 44px; min-width: 44px; margin-top: 4px; padding: 0 12px; border-radius: var(--r-pill);
  background: var(--brand-soft); color: var(--brand-text); font-size: var(--fs-footnote); font-weight: 600; }
.tm-chip span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tm-chip.off { background: var(--panel-2); color: var(--muted); font-weight: 500; }
.tm-rep { display: flex; align-items: flex-start; gap: var(--s2); width: 100%; max-width: 340px; min-height: 44px; margin-top: 4px; padding: var(--s2) var(--s3);
  border: 1px solid var(--line); border-radius: var(--r); background: var(--brand-soft); color: var(--ink); text-align: left; font-weight: 400; }
button.tm-rep:hover { border-color: var(--brand-text); }
.tm-rep.off { background: var(--panel-2); color: var(--muted); }
.tm-rep .tm-rep-ic { flex-shrink: 0; width: 22px; height: 22px; margin-top: 2px; color: var(--brand-text); }
.tm-rep.off .tm-rep-ic { color: var(--muted); }
.tm-rep-b { display: grid; gap: 1px; min-width: 0; }
.tm-rep-k { font-size: var(--fs-caption); font-weight: 700; color: var(--muted); }
.tm-rep-t { font-weight: 700; font-size: var(--fs-footnote); }
.tm-rep-f { font-size: 12px; color: var(--muted); overflow-wrap: anywhere; }
.tm-rep-prev { margin-bottom: var(--s3); }
.tm-rep-prev .tm-rep { max-width: none; }
.tm-att-opt { width: 100%; text-align: left; }
.tm-card { margin-top: 4px; padding: var(--s2) var(--s3); border: 1px solid var(--line); border-radius: var(--r); background: var(--panel-2); display: grid; gap: 4px; justify-items: start; }
.tm-card-cm { border-color: var(--warn); background: var(--warn-soft); }
.tm-card-k { font-size: var(--fs-caption); font-weight: 700; color: var(--muted); display: inline-flex; align-items: center; gap: 4px; }
.tm-card-name { font-weight: 700; font-size: var(--fs-body); }
.tm-got { display: inline-flex; align-items: center; gap: 4px; color: var(--accent); font-weight: 600; font-size: var(--fs-footnote); }
.tm-compose { border-top: 1px solid var(--line); padding: var(--s2) var(--s2) var(--s2); background: var(--panel); }
.tm-quick { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 6px; }
.tm-quick button { flex: 1 1 auto; }
.tm-form { display: flex; align-items: flex-end; gap: 4px; }
.tm-form textarea { flex: 1; min-width: 0; min-height: 44px; max-height: 132px; padding: 10px 12px; resize: none; line-height: 1.35; }
.tm-form #tmAttBtn { font-size: 20px; }
.tm-form #tmAttBtn.on { background: var(--brand-soft); }
.tm-form button.primary.icon { background: var(--brand); color: var(--on-brand); }
.tm-err { margin: 4px 4px 0; }
.tm-hint { margin: 4px 4px 0; font-size: 12px; }
.tm-bot .tm-who b { display: inline-flex; align-items: center; gap: 4px; color: var(--brand-text); }
.tm-bc { display: flex; flex-wrap: wrap; gap: var(--s2); margin-top: 6px; padding: var(--s2); border: 1px solid var(--line); border-radius: var(--r); background: var(--panel); max-width: 360px; }
.tm-bc-img { flex-shrink: 0; width: 56px; height: 56px; border-radius: var(--r-sm); overflow: hidden; background: var(--panel-2); }
.tm-bc-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.tm-bc-noimg { display: block; width: 100%; height: 100%; background: linear-gradient(135deg, var(--panel-2), var(--line)); }
.tm-bc-b { display: grid; gap: 2px; min-width: 0; flex: 1; }
.tm-bc-k { font-size: var(--fs-caption); font-weight: 700; color: var(--muted); }
.tm-bc-name { font-weight: 700; font-size: var(--fs-footnote); line-height: 1.3; }
.tm-bc-sub { font-size: 12px; color: var(--muted); overflow-wrap: anywhere; }
.tm-bc-price { font-weight: 700; font-size: var(--fs-footnote); }
.tm-bc-price s { color: var(--muted); font-weight: 500; }
.tm-bc-est, .tm-bc-promo { font-size: 12px; font-weight: 600; color: var(--muted); }
.tm-bc-promo { color: var(--brand-text); }
.tm-bc-cost { font-size: 12px; color: var(--muted); }
.tm-bc-stock { font-size: 12px; color: var(--muted); }
.tm-bc-stock.ok { color: var(--accent); font-weight: 600; }
.tm-bc-acts { display: flex; flex-wrap: wrap; gap: 6px; flex-basis: 100%; }
.tm-bc-acts .btn, .tm-bc-acts button { min-height: 44px; flex: 1 1 auto; padding-left: 10px; padding-right: 10px; white-space: nowrap; }
.tm-bc-so { border-style: dashed; }
.tm-bc-steps { margin: 2px 0 0; padding-left: 18px; font-size: 12px; display: grid; gap: 2px; }
.tm-bc-nums { list-style: none; margin: 2px 0 0; padding: 0; font-size: 12px; }
.tm-bc-nums li { display: grid; gap: 1px; padding: 3px 0; border-bottom: 1px solid var(--line); }
.tm-bc-nums li span:last-child { color: var(--muted); font-variant-numeric: tabular-nums; }
.tm-bc-nums li.tm-bc-tot { font-weight: 700; border-bottom: 0; }
.tm-bc-num.off { background: var(--panel-2); }
.tm-bset { margin-top: 6px; padding: 6px var(--s2) var(--s2); border-radius: var(--r); background: var(--brand-soft); max-width: 380px; }
.tm-bset-h { font-size: var(--fs-caption); font-weight: 700; color: var(--brand-text); }
.tm-bset-c { font-size: 12px; color: var(--muted); }
.tm-bset.part { background: var(--panel-2); }
.tm-bweb { margin-top: 6px; padding: 6px var(--s2) var(--s2); border-radius: var(--r); border: 1px dashed var(--line); max-width: 380px; }
.tm-bc-web { border-style: dashed; }
.tm-web-src { display: block; width: 100%; height: 64px; margin-top: 6px; border: 0; border-radius: var(--r-sm); background: transparent; }
.tm-bot-note { margin-top: 6px; font-size: 12px; color: var(--muted); }
.tm-bot-wait { display: flex; align-items: center; gap: 4px; margin: var(--s1) 0 var(--s2); }
.tm-bot-hello { padding: var(--s2) 0; font-size: var(--fs-dense); }
.tm-bot-ex { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: var(--s2); }
.tm-bot-ex button { min-height: 44px; text-align: left; white-space: normal; max-width: 100%; height: auto; }
.tm-bot-test { padding: var(--s3); }
.tm-bot-test .tm-bc { max-width: 420px; }
.tm-att-pick { display: flex; align-items: center; justify-content: space-between; gap: 6px; padding: 0 0 0 10px; margin-bottom: 6px; border-radius: var(--r-sm); background: var(--brand-soft); font-size: var(--fs-footnote); }
.tm-alerts { position: fixed; right: 16px; bottom: 88px; z-index: 58; width: min(340px, calc(100vw - 32px)); display: grid; align-content: start; gap: var(--s2);
  pointer-events: none; overflow-y: auto; overscroll-behavior: contain; }
.tm-alerts.tm-top { bottom: auto; top: calc(var(--demo-h, 0px) + 12px + env(safe-area-inset-top)); }
.tm-alert { pointer-events: auto; background: var(--panel); border: 2px solid var(--warn); border-radius: var(--r-lg); box-shadow: var(--shadow-lg); padding: var(--s2) var(--s2) var(--s3) var(--s3); display: grid; gap: 4px; }
.tm-alert.got { border-color: var(--accent); }
.tm-alert-top { display: flex; align-items: center; justify-content: space-between; gap: var(--s2); }
.tm-alert-top b { display: inline-flex; align-items: center; gap: 6px; }
.tm-alert-name { font-size: var(--fs-title2); font-weight: 700; line-height: 1.2; }
.tm-claim { margin-top: 4px; margin-right: var(--s1); }
.tm-x svg.i { width: 18px; height: 18px; }
.tm-cb-row { display: flex; align-items: center; justify-content: space-between; gap: var(--s3); padding: var(--s2) 0; border-bottom: 1px solid var(--line); }
.tm-cb-row:last-child { border-bottom: 0; }
.tm-cb-main { min-width: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; }
.tm-cb-main .caption { flex-basis: 100%; }
@media (max-width: 700px) {
  .tm-bubble { right: 12px; }
  .tm-panel { top: 0; width: 100vw; border-left: 0; z-index: 48; }
  body.demo-on .tm-panel { top: var(--demo-h); }
  .tm-cols { grid-template-columns: minmax(0, 1fr); }
  .tm-list { border-right: 0; background: var(--panel); }
  .tm-panel.tm-v-thread .tm-list, .tm-panel.tm-v-list .tm-main { display: none; }
  .tm-panel.tm-v-thread .tm-back { display: inline-flex; }
  .tm-thread-head h3 { display: none; }
  .tm-thread-head:not(:has(.caption)) { display: none; }
  .tm-conv { min-height: 56px; font-size: var(--fs-body); }
  .tm-conv-last { font-size: var(--fs-footnote); }
}
@media print { .tm-bubble, .tm-panel, .tm-alerts { display: none !important; } }
.idb-vbar { display: flex; align-items: center; justify-content: space-between; gap: var(--s3); flex-wrap: wrap; padding: var(--s3); }
.idb-table td, .idb-table th { white-space: nowrap; }
.idb-table td:nth-child(3) { white-space: normal; min-width: 180px; }
.idb-table tr.idb-off td { color: var(--muted); }
.idb-sort { background: none; color: inherit; font: inherit; font-weight: 600; padding: 0 4px; min-height: var(--tap-min); box-shadow: none; }
.idb-sort.on { color: var(--ink); }
.idb-tick { display: inline-flex; align-items: center; justify-content: center; min-width: var(--tap-min); min-height: var(--tap-min); margin: 0; cursor: pointer; }
.idb-table th.tick, .idb-table td.tick { width: 48px; padding: 0 4px; }
.idb-pager { display: flex; align-items: center; justify-content: space-between; gap: var(--s2); padding-top: var(--s3); flex-wrap: wrap; }
.idb-selbar { position: sticky; bottom: var(--s2); z-index: 5; display: flex; align-items: center; justify-content: space-between; gap: var(--s2); flex-wrap: wrap;
  padding: var(--s2) var(--s3); margin-top: var(--s3); background: var(--panel); border-radius: var(--r); box-shadow: var(--shadow-lg); }
.idb-list { margin: 6px 0 0; padding-left: 18px; }
.idb-inc { white-space: normal; }
.idb-cards { display: none; }
@media (max-width: 700px) {
  .idb-wrap table { display: none; }
  .idb-wrap.table-wrap { overflow: visible; }
  .idb-cards { display: grid; gap: 8px; }
  .idb-card { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 0 4px; padding: 4px 10px 10px 2px; border-radius: var(--r);
    background: var(--panel-2); box-shadow: inset 0 0 0 1px var(--line); min-width: 0; }
  .idb-card.idb-off { opacity: .85; }
  .idb-card-main { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; min-width: 0; min-height: var(--tap); padding: 6px 0;
    background: none; color: var(--ink); text-align: left; white-space: normal; box-shadow: none; font: inherit; }
  .idb-card-main .sc-name { flex: 1 1 auto; }
  .idb-card-side { display: grid; justify-items: end; gap: 2px; } .idb-card-side small { color: var(--muted); font-size: var(--fs-caption); }
  .idb-card-st { grid-column: 2; }
  .idb-selbar { bottom: calc(var(--tabbar-h, 0px) + var(--s2)); }
}
.idg-top { padding: var(--s3); }
.idg-defs { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 0 12px; align-items: end; }
.idg-acts { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s2); margin-top: var(--s2); }
.idg-acts .spacer { flex: 1; }
.idg-acts #idgMore[aria-pressed="true"] { border-color: var(--brand); color: var(--brand-text); }
.idg-wrap { overflow-x: auto; max-width: 100%; padding: 0; }
table.idg { width: max-content; min-width: 100%; border-collapse: separate; border-spacing: 0; }
table.idg th, table.idg td { padding: 2px; height: auto; border-bottom: 1px solid var(--line); }
table.idg thead th { padding: 8px 6px; background: var(--panel); }
table.idg input { min-height: 40px; padding: 0 8px; font-size: 16px; border-radius: 6px; width: 100%; }
table.idg .g-n { position: sticky; left: 0; z-index: 3; width: 44px; min-width: 44px; max-width: 44px; text-align: right; padding-right: 8px;
  color: var(--muted); font-size: var(--fs-caption); font-weight: 600; background: var(--panel); background-clip: padding-box; }
table.idg .g-sku { position: sticky; left: 44px; z-index: 3; width: 124px; min-width: 124px; background: var(--panel); background-clip: padding-box;
  box-shadow: inset -1px 0 0 var(--line), 6px 0 6px -6px rgba(0, 0, 0, .18); }
table.idg thead .g-n, table.idg thead .g-sku { z-index: 4; }
table.idg td:not(.g-n):not(.g-sku) input { position: relative; z-index: 0; }
table.idg .g-name { min-width: 180px; } table.idg .g-item_type, table.idg .g-finish { min-width: 130px; }
table.idg .g-category, table.idg .g-dimensions, table.idg .g-upc, table.idg .g-location { min-width: 150px; }
table.idg .g-collection { min-width: 130px; } table.idg .g-tag_notes { min-width: 190px; } table.idg .g-cost, table.idg .g-price, table.idg .g-freight { min-width: 92px; }
table.idg .g-qty { min-width: 64px; }
table.idg thead .g-price .eg, table.idg thead .g-freight .eg { display: block; margin-left: 0; font-weight: 400; color: var(--muted); font-size: var(--fs-caption); }
table.idg input::placeholder { color: var(--muted); opacity: .75; }
table.idg input.g-sug::placeholder { font-style: italic; color: var(--accent); opacity: 1; }
table.idg td.g-item_type { position: relative; }
table.idg .g-chip { display: none; }
@media (hover: none), (pointer: coarse) {
  table.idg .g-chip { display: inline-flex; align-items: center; position: absolute; right: 4px; top: 50%; transform: translateY(-50%); z-index: 1;
    min-height: 44px; min-width: 44px; justify-content: center; padding: 0 12px; border-radius: 999px; font-size: var(--fs-caption); background: var(--accent-soft); color: var(--ink); border: 1px solid var(--accent); }
  table.idg td.g-item_type input { padding-right: 60px; }
}
table.idg td.g-bad input, .idg-defs input.g-bad-def { border-color: var(--bad); box-shadow: 0 0 0 1px var(--bad); background: var(--bad-soft); }
table.idg .g-tools { white-space: nowrap; min-width: 80px; }
.idg-foot { display: flex; justify-content: space-between; gap: var(--s2); flex-wrap: wrap; margin-top: var(--s3); }
.idg-pieces { display: grid; gap: 6px; max-height: 46vh; overflow-y: auto; padding: 2px; }
.idg-piece { display: grid; grid-template-columns: minmax(0, 1fr) 84px 104px; gap: 8px; align-items: center; }
.idg-piece .inv-toggle { margin: 0; min-height: 44px; }
.idg-piece input:not([type=checkbox]) { min-height: 40px; }
@media (max-width: 700px) { .idg-piece { grid-template-columns: minmax(0, 1fr) 72px 88px; } }
@media (pointer: coarse) { table.idg input, .idg-piece input:not([type=checkbox]) { min-height: 44px; } .idb-pager button, .idg-foot button, .idg-acts button { min-height: var(--tap-min); } }
.vu-table td { white-space: normal; vertical-align: top; }
.vu-table td.vu-change { min-width: 220px; }
.vu-table .vu-sub { display: block; }
.inv-toggle.vu-remember { white-space: normal; }
.seg .vu-n { font-size: var(--fs-caption); font-weight: 600; color: var(--muted); margin-left: 4px; }
.cf-consent { display: flex; flex-direction: column; gap: 4px; margin: 4px 0 8px; }
.cf-consent #cfScript { padding-left: 30px; }
.review-why { flex-basis: 100%; }
.review-why-list { border: 1px solid var(--line); border-radius: 12px; padding: 10px 14px; margin: 0; display: flex; flex-direction: column; gap: 6px; }
.review-why-list legend { font-weight: 600; padding: 0 4px; }
.review-why-list label { display: flex; gap: 8px; align-items: center; min-height: 44px; cursor: pointer; }
.cust-hist { margin-top: 8px; }
.cust-hist summary { cursor: pointer; font-weight: 600; font-size: var(--fs-caption); }
.hist-list { list-style: none; padding: 0; margin: 6px 0 0; display: flex; flex-direction: column; gap: 4px; overflow-wrap: anywhere; }
.pb-dec { display: inline-block; padding: 2px 9px; border-radius: var(--r-pill); font-size: var(--fs-caption); font-weight: 700; white-space: nowrap; background: var(--panel-2); color: var(--muted); }
.pb-dec.pb-keep { background: var(--accent-soft); color: var(--accent); } .pb-dec.pb-add { background: var(--info-soft); color: var(--info); }
.pb-dec.pb-recover { background: var(--warn-soft); color: var(--warn); } .pb-dec.pb-test { background: var(--brand-soft); color: var(--navy); }
.pb-dec.pb-drop { background: var(--bad-soft); color: var(--bad); } .pb-dec.pb-watch { background: var(--panel-2); color: var(--muted); box-shadow: inset 0 0 0 1px var(--line); }
.pb-bar .form-row { margin-bottom: var(--s2); } .pb-bar .grow { flex: 1 1 220px; }
.pb-chips { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.pb-chips .chip { min-height: 44px; } .pb-lineup { margin-left: var(--s2); display: inline-flex; align-items: center; gap: 6px; min-height: 44px; }
.pb-acts { display: flex; flex-wrap: wrap; gap: var(--s2); margin-top: var(--s3); }
.pb-lead { font-family: var(--font-display); font-size: var(--fs-title2); font-weight: 700; line-height: 1.35; margin: 0 0 var(--s3); max-width: 70ch; }
.pb-tiles { display: grid; grid-template-columns: repeat(auto-fit, minmax(104px, 1fr)); gap: var(--s2); margin-bottom: var(--s3); }
.pb-tile { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; padding: 10px 12px; border-radius: var(--radius-sm); background: var(--panel-2); color: var(--ink); box-shadow: inset 0 0 0 1px var(--line); min-height: 64px; text-align: left; }
.pb-tile.pb-dec { font-size: inherit; white-space: normal; } .pb-tile .k { font-size: var(--fs-caption); font-weight: 600; }
.pb-tile .v { font-size: 24px; font-weight: 800; font-variant-numeric: tabular-nums; } button.pb-tile:not([disabled]) { cursor: pointer; }
.pb-flags ul { list-style: none; margin: var(--s2) 0 0; padding: 0; display: flex; flex-direction: column; gap: var(--s2); }
.pb-flag { display: flex; gap: var(--s2); align-items: flex-start; line-height: 1.45; } .pb-flag svg.i { flex: none; margin-top: 2px; color: var(--warn); }
.pb-f-showroom svg.i, .pb-f-warehouse svg.i { color: var(--info); } .pb-f-mattress svg.i { color: var(--navy); }
.pb-two { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); gap: 16px; } .pb-two > .card { margin-bottom: 16px; }
@media (max-width: 1000px) { .pb-two { grid-template-columns: 1fr; } }
.pb-bars { height: 8px; background: var(--panel-2); border-radius: 4px; overflow: hidden; min-width: 70px; margin-bottom: 2px; }
.pb-bar-v { display: block; height: 100%; border-radius: 4px; } .pb-bar-v.s { background: var(--navy); } .pb-bar-v.g { background: var(--accent); }
.pb-bar-v.f { background: var(--warn); } .pb-bar-v.i { background: var(--muted); }
.pb-cat td, .pb-ind td { height: auto; padding: 8px; } .pb-cat td:nth-child(n+2):not(.num), .pb-ind td:nth-child(n+2) { min-width: 90px; }
.pb-groups { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: var(--s3); }
.pb-group { border-radius: var(--radius-sm); padding: 12px 14px; box-shadow: inset 0 0 0 1px var(--line); background: var(--panel-2); }
.pb-group.full { box-shadow: inset 4px 0 0 var(--accent), inset 0 0 0 1px var(--line); }
.pb-g-head { display: flex; gap: 6px; align-items: baseline; flex-wrap: wrap; } .pb-g-head .pill { margin-left: auto; }
.pb-attach { display: flex; align-items: baseline; gap: 8px; margin: 6px 0; } .pb-attach-n { font-size: 26px; font-weight: 800; font-variant-numeric: tabular-nums; }
.pb-group ul { list-style: none; padding: 0; margin: 0 0 6px; } .pb-group li { display: flex; flex-direction: column; padding: 3px 0; border-top: 1px solid var(--line); }
.pb-table td { height: auto; padding: 8px; vertical-align: top; } .pb-table th { white-space: nowrap; }
.pb-cat-row th { background: var(--panel-2); text-align: left; font-size: var(--fs-body); padding: 10px 8px; position: sticky; left: 0; }
.pb-row { cursor: pointer; } .pb-row:hover td { background: var(--panel-2); } .pb-row:focus-visible { outline: 2px solid var(--focus, var(--brand)); outline-offset: -2px; }
.pb-row.pb-out td { color: var(--muted); } .pb-row.pb-out td b { color: var(--ink); font-weight: 600; }
.pb-in-group td:first-child { box-shadow: inset 4px 0 0 var(--accent); }
.pb-in-group.g-first td { border-top: 2px solid var(--accent); } .pb-in-group:not(.g-last) td { border-bottom-color: transparent; }
.pb-g-label { font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--accent); margin-bottom: 2px; }
.pb-hero { color: var(--warn); } .pb-cov { min-width: 150px; font-size: var(--fs-caption); } .pb-why { min-width: 280px; max-width: 460px; font-size: var(--fs-caption); line-height: 1.4; }
.pb-fl { white-space: nowrap; } .pb-dot { display: inline-block; min-width: 28px; padding: 1px 4px; margin: 0 2px 2px 0; border-radius: 4px; font-size: 10.5px; font-weight: 700; text-align: center; background: var(--panel-2); color: var(--faint, var(--muted)); box-shadow: inset 0 0 0 1px var(--line); }
.pb-dot.on { background: var(--accent); color: var(--panel); box-shadow: none; }
.pb-up { color: var(--accent); font-weight: 700; } .pb-down { color: var(--bad); font-weight: 700; }
.pb-gal td, .pb-gal th { vertical-align: top; height: auto; padding: 8px; } .pb-gal td { min-width: 180px; } .pb-gap { background: var(--warn-soft); }
.pb-bed { margin-bottom: 4px; font-size: var(--fs-caption); }
.pb-list { margin: 0 0 var(--s2); padding-left: 18px; } .pb-how li, .pb-src li { margin-bottom: 6px; line-height: 1.45; }
.pb-set td { height: auto; padding: 4px 6px; } .pb-set .pb-n { width: 84px; min-height: 40px; display: inline-block; }
.pb-th { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: var(--s2) var(--s3); } .pb-th input { max-width: 120px; display: block; }
.pb-progress { height: 8px; border-radius: 4px; background: var(--panel-2); overflow: hidden; margin: var(--s2) 0 4px; } .pb-progress span { display: block; height: 100%; background: var(--accent); }
table.pb-grid th.pb-ed, table.pb-grid td.pb-ed { background: var(--warn-soft); } table.pb-grid td.pb-ed input, table.pb-grid td.pb-ed select { min-height: 40px; }
table.pb-grid .pb-g-model { min-width: 220px; max-width: 280px; } table.pb-grid .pb-g-model input { margin-bottom: 2px; }
table.pb-grid td.pb-ed input[data-f="notes"] { min-width: 200px; } table.pb-grid .pb-slots { width: 64px; } table.pb-grid td.pb-ed input[data-f="floor_cover"] { min-width: 130px; }
table.pb-grid tr.pb-locked td { opacity: .72; } table.pb-grid td { vertical-align: top; }
.pb-whyd summary { cursor: pointer; color: var(--muted); } .pb-whyd p { max-width: 280px; margin: 4px 0 0; }
.pb-log table td { height: auto; padding: 6px 8px; font-size: var(--fs-caption); } .pb-log summary { cursor: pointer; }
@media print { .pb-why { max-width: none; } .pb-row { cursor: default; } }
.pb-table { width: 100%; table-layout: auto; } .pb-table .pb-model { min-width: 170px; } .pb-table .pb-model b { font-size: var(--fs-body); } .pb-table .pb-sold { min-width: 110px; white-space: nowrap; }
.pb-table .pb-why { min-width: 220px; max-width: none; overflow-wrap: anywhere; } .pb-table .pb-fl { white-space: normal; min-width: 120px; } .pb-table .pb-cov { min-width: 140px; }
.pb-slots-tile { cursor: default; } .pb-g-dec { line-height: 1.9; }
.pb-archived { display: flex; align-items: center; gap: var(--s3); flex-wrap: wrap; background: var(--warn-soft); } .pb-archived span { flex: 1; }
.pb-guide { border-left: 4px solid var(--mark, #4A7362); }
.pb-guide-head { display: flex; justify-content: space-between; align-items: center; gap: var(--s2); }
.pb-guide-head h2 { margin: 0; }
.pb-guide-steps { margin: var(--s2) 0; padding-left: 22px; display: grid; gap: 10px; }
.pb-guide-steps li { line-height: 1.45; }
.pb-guide-steps li > b { display: block; }
.pb-guide .link-btn { background: none; border: 0; padding: 0; min-height: 0; color: inherit; font: inherit; font-weight: 600; text-decoration: underline; cursor: pointer; }
@media (pointer: coarse) { .pb-guide .link-btn { padding: 13px 4px; margin: -13px -4px; } }
.bs-segs { display: flex; flex-wrap: wrap; gap: 0 var(--s3); }
.ih-bar .seg { margin-bottom: var(--s2); }
.ih-picks { display: grid; gap: 4px; }
.ih-picks:empty { display: none; }
.ih-pick { white-space: normal; width: 100%; min-width: 0; overflow-wrap: anywhere; display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 8px; text-align: left; justify-content: flex-start; min-height: var(--tap-min); padding: 8px 12px; background: var(--panel-2); color: var(--ink); }
.ih-pick small { flex-basis: 100%; }
.ih-card { display: flex; flex-wrap: wrap; gap: var(--s3) var(--s5); align-items: flex-start; }
.ih-card .ih-onhand { width: auto; min-width: 200px; margin: 0; }
.ih-stats { grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); }
.ih-stats .stat .v { font-size: var(--fs-title2); }
.ih-types { margin-bottom: var(--s3); }
.ih-list { list-style: none; margin: 0; padding: 0; }
.ih-ev { display: grid; grid-template-columns: 120px minmax(0, 1fr) 90px; gap: var(--s3); padding: 10px 0; border-bottom: 1px solid var(--line); align-items: start; }
.ih-ev:last-child { border-bottom: 0; }
.ih-when { display: flex; flex-direction: column; font-size: var(--fs-caption); color: var(--muted); }
.ih-when b { color: var(--ink); font-weight: 600; }
.ih-what { overflow-wrap: anywhere; }
.ih-item { font-weight: 600; margin-bottom: 2px; }
.ih-badge { margin-right: 4px; }
.ih-received .ih-badge, .ih-returned .ih-badge { background: var(--accent-soft); }
.ih-sold .ih-badge { background: var(--brand-soft); }
.ih-transferred .ih-badge, .ih-adjusted .ih-badge { background: var(--warn-soft); }
.ih-qty { text-align: right; display: flex; flex-direction: column; font-variant-numeric: tabular-nums; }
.ih-qty b { font-size: var(--fs-headline); }
.ih-list li.empty { display: block; padding: var(--s4) 0; }
.ih-pager { display: flex; align-items: center; justify-content: space-between; gap: var(--s2); margin-top: var(--s3); flex-wrap: wrap; }
@media (max-width: 600px) {
  .ih-ev { grid-template-columns: minmax(0, 1fr) auto; }
  .ih-when { grid-column: 1 / -1; flex-direction: row; gap: 6px; }
  .ih-card .ih-onhand { min-width: 0; width: 100%; }
}
@media (pointer: coarse) { .ih-what a, .ih-item a { display: inline-flex; align-items: center; min-height: var(--tap-min); } }
.pkg-head { display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; gap: 10px; align-items: center; padding: 10px 0 6px; margin-top: 4px; border-bottom: 1px solid var(--line); background: var(--brand-soft); border-radius: var(--r-sm) var(--r-sm) 0 0; padding-left: 8px; padding-right: 8px; }
.pkg-head .main b { display: block; font-weight: 700; } .pkg-head .main small { color: var(--muted); font-size: var(--fs-caption); }
.pkg-head .ext { text-align: right; font-variant-numeric: tabular-nums; }
.pkg-head .pkg-rm { min-height: var(--tap-min); }
.pkg-badge { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: var(--r-sm); background: var(--panel); color: var(--brand-text); }
.sale-line.pkg-piece { padding-left: 22px; background: linear-gradient(to right, var(--brand-soft) 4px, transparent 4px); }
.pkg-share { display: inline-block; text-align: right; line-height: 1.25; min-width: 92px; }
.stepper button[disabled] { opacity: .35; cursor: not-allowed; }
.pkg-total-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 8px 0 4px; }
.pkg-total-row .chip { min-height: var(--tap-min); }
.agreed-warn { display: block; font-size: var(--fs-footnote); line-height: 1.35; }
.agreed-warn .link { min-height: var(--tap-min); }
.pkg-results .li { border-left: 4px solid var(--brand); }
.pkg-results .end { display: flex; flex-direction: column; align-items: flex-end; }
.pkg-sheet-pieces { display: grid; gap: 6px; margin: 8px 0; }
.pkg-sheet-row { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border: 1px solid var(--line); border-radius: var(--r-sm); min-height: var(--tap-min); }
.pkg-sheet-row .main { flex: 1; min-width: 0; } .pkg-sheet-row .main b { display: block; } .pkg-sheet-row .main small { color: var(--muted); }
.pkg-sheet-row.opt { background: var(--panel-2); cursor: pointer; }
.pkg-sheet-total { font-size: var(--fs-headline); }
.pkg-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 12px; }
.pkg-card { display: block; color: inherit; text-decoration: none; }
.pkg-card.off { opacity: .65; }
.pkg-card-head { display: flex; justify-content: space-between; gap: 10px; align-items: flex-start; }
.pkg-card-price { text-align: right; }
.pkg-pieces { list-style: none; margin: 10px 0 0; padding: 0; }
.pkg-pieces li { display: flex; justify-content: space-between; gap: 8px; padding: 4px 0; border-top: 1px solid var(--line); font-size: var(--fs-footnote); }
.pkg-pieces li.opt { color: var(--muted); }
.pkg-edit { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; max-width: 980px; }
.pkg-edit > * { min-width: 0; }
.pkg-items input.num { width: 96px; }
.pkg-items td { vertical-align: middle; }
.os-line.pkg-head { background: var(--brand-soft); padding-left: 8px; padding-right: 8px; border-radius: var(--r-sm) var(--r-sm) 0 0; }
.os-line.pkg-piece { padding-left: 22px; }
@media (max-width: 640px) { .pkg-head { grid-template-columns: auto minmax(0, 1fr) auto; } .pkg-head .pkg-rm { grid-column: 2 / -1; justify-self: start; } .pkg-cards { grid-template-columns: 1fr; } }