/* Tokens ported from the sales dashboard (bob-api sales_audit.html): neutral shadcn-style shell,
   hairline ring borders, 10px radius, ink-on-page primary buttons, auto light/dark. */
:root{color-scheme:light;--page:#f9f9f7;--surface:#fcfcfb;--sidebar:#f4f4f1;--ink:#0b0b0b;--ink-2:#52514e;--muted:#898781;--grid:#e1e0d9;--ring:rgba(11,11,11,.10);--hover:rgba(11,11,11,.045);--fill:rgba(11,11,11,.06);--accent:#2a78d6;--risk:#b3203f;--radius:10px;--font:Geist,"Geist Sans",Inter,system-ui,-apple-system,"Segoe UI",sans-serif;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--logo-filter:invert(1)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){color-scheme:dark;--page:#0d0d0d;--surface:#1a1a19;--sidebar:#141413;--ink:#fff;--ink-2:#c3c2b7;--muted:#898781;--grid:#2c2c2a;--ring:rgba(255,255,255,.10);--hover:rgba(255,255,255,.06);--fill:rgba(255,255,255,.07);--accent:#3987e5;--risk:#ff8aa5;--logo-filter:none}}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--page);color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
[hidden]{display:none!important}

.wordmark{height:21px;width:auto;display:block;filter:var(--logo-filter)}
.brand-sub{font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}

.card{background:var(--surface);border:1px solid var(--ring);border-radius:calc(var(--radius) + 4px);box-shadow:0 1px 2px rgba(0,0,0,.04),0 12px 40px rgba(0,0,0,.06);min-width:0}

label{display:block;min-width:0;font-size:12.5px;font-weight:500;color:var(--ink-2)}
label>input{margin-top:6px}
input{width:100%;min-width:0;height:40px;padding:0 12px;background:var(--page);border:1px solid var(--ring);border-radius:9px;color:var(--ink);font:inherit;font-size:15px}
input::placeholder{color:var(--muted)}
input:focus-visible{outline:2px solid var(--ink);outline-offset:1px}

button{font:inherit;color:inherit;cursor:pointer}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 12px;border-radius:8px;background:var(--surface);border:1px solid var(--ring);font-size:13px;font-weight:500;white-space:nowrap}
.btn:hover{background:var(--hover)}
.btn.primary{background:var(--ink);color:var(--page);border-color:var(--ink);font-weight:600}
.btn.primary:hover{opacity:.88}
.btn.danger{color:var(--risk)}
.btn.block{width:100%;height:40px;border-radius:9px;font-size:14px}
.btn:disabled{opacity:.6;cursor:wait}
.err{color:var(--risk);font-size:13px;min-height:19px}
.mut{color:var(--muted)}
.brand-ic{display:inline-block;vertical-align:middle;border-radius:5px;border:1px solid var(--ring);background:#fff;object-fit:contain}