:root{font-family:Inter,"Segoe UI",sans-serif;font-size:13px;--bg:#0B1218;--chrome:#0F1922;--surface:#14212B;--raised:#1B2B38;--line:#2B4152;--border:#688298;--text:#F1F5F9;--muted:#B8C5D1;--accent:#60A5FA;--hover:#93C5FD;--subtle:#123052;--on:#08131D;--error:#FDA4AF;--error-bg:#3D1722;--success:#86EFAC;--success-bg:#102E20;--warning:#FCD34D;--warning-bg:#392C0D;--focus-sep:#08131D;color-scheme:dark}
[data-theme=light]{--bg:#F3F6F8;--chrome:#E8EEF2;--surface:#FFFFFF;--raised:#F8FAFC;--line:#CBD5DF;--border:#6D7F8D;--text:#172B3A;--muted:#455B6C;--accent:#1D4ED8;--hover:#1E40AF;--subtle:#DBEAFE;--on:#FFFFFF;--error:#9F1239;--error-bg:#FFE4E6;--success:#166534;--success-bg:#DCFCE7;--warning:#854D0E;--warning-bg:#FEF3C7;--focus-sep:#FFFFFF;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--border);background:var(--surface);border-radius:6px;padding:8px 12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;white-space:nowrap}button:hover{background:var(--raised)}button:disabled{cursor:not-allowed;opacity:.6}button.primary{background:var(--accent);color:var(--on);border-color:var(--accent);font-weight:650}button.primary:hover{background:var(--hover)}button.ghost{border-color:transparent;background:transparent}button.ghost:hover{background:var(--raised)}button.icon{padding:6px;min-width:32px}a{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;box-shadow:0 0 0 2px var(--focus-sep)}input,select,textarea{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:5px;padding:9px 10px;min-height:36px}input::placeholder{color:var(--muted)}input[type=checkbox]{width:16px;min-height:16px;accent-color:var(--accent)}textarea{resize:vertical}label{display:block;color:var(--muted);font-size:12px;font-weight:600;line-height:1.7}h1,h2,h3,p{margin:0}h1{font-size:25px;font-weight:620;letter-spacing:-.7px}h2{font-size:18px;letter-spacing:-.3px}h3{font-size:14px}p{line-height:1.6}.muted{color:var(--muted)}.small{font-size:12px}.mono{font-family:Consolas,monospace;font-size:12px}.eyebrow{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted)}.icon-svg{width:17px;height:17px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.shell{display:grid;grid-template-columns:218px minmax(0,1fr);grid-template-rows:64px minmax(0,1fr);height:100dvh;min-height:440px}.brand{grid-row:1;display:flex;align-items:center;gap:10px;padding:14px 18px;background:var(--chrome);border-bottom:1px solid var(--line);border-right:1px solid var(--line)}.brand img{width:36px;height:36px;border-radius:9px}.brand strong{font-size:18px;letter-spacing:-.5px;font-weight:650}.brand .eyebrow{font-size:8px;letter-spacing:1.8px;margin-top:3px}.topbar{grid-column:2;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--line);background:var(--chrome);gap:15px}.topbar-left,.operator{display:flex;align-items:center;gap:10px}.crumb-sep{color:var(--border)}.prototype-label{border:1px solid var(--border);padding:3px 7px;border-radius:4px;font-size:10px;letter-spacing:1px;font-weight:700}.operator{background:transparent;border:0;text-align:left;padding:4px}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--subtle);color:var(--accent);font-size:11px;font-weight:700}.operator span span{display:block;font-size:11px;color:var(--muted);margin-top:2px}.sidebar{grid-row:2;background:var(--chrome);border-right:1px solid var(--line);padding:24px 12px 12px;display:flex;flex-direction:column;overflow:auto}.nav-group{margin-bottom:28px}.nav-group .eyebrow{padding:0 12px;margin-bottom:10px}.nav-item{display:flex;width:100%;justify-content:flex-start;gap:11px;border:0;border-left:3px solid transparent;background:transparent;border-radius:5px;margin:3px 0;padding:10px 12px;color:var(--muted)}.nav-item:hover{color:var(--text)}.nav-item.active{background:var(--subtle);border-left-color:var(--accent);color:var(--text)}.nav-count{margin-left:auto;font-size:10px;background:var(--surface);border:1px solid var(--line);padding:1px 5px;border-radius:4px}.sidebar-bottom{margin-top:auto;padding:12px 8px 0;border-top:1px solid var(--line)}.storage{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted);padding:12px 5px 0}.workspace{grid-column:2;grid-row:2;min-width:0;min-height:0;display:flex;flex-direction:column}.tabs{display:flex;gap:3px;align-items:center;background:var(--chrome);border-bottom:1px solid var(--line);padding:5px 18px 0;min-height:43px;overflow:auto;flex-shrink:0}.tab{display:flex;gap:9px;align-items:center;border-bottom:2px solid transparent;color:var(--muted);min-width:106px}.tab.active{border-bottom-color:var(--accent);background:var(--bg);color:var(--text)}.tab>button{min-height:36px;padding:8px;border:0;background:transparent;border-radius:4px}.tab>.tab-close{padding:2px;min-width:24px;min-height:24px;margin-right:7px}.content{padding:28px 26px 0;display:flex;flex-direction:column;min-height:0;flex:1;overflow:auto}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:23px;flex-shrink:0}.page-heading p{color:var(--muted);font-size:12px;margin-top:7px}.heading-actions{display:flex;gap:8px}.stats{display:flex;align-items:center;gap:36px;padding:0 0 23px;flex-shrink:0}.stat{display:flex;align-items:baseline;gap:9px}.stat strong{font-size:25px;font-weight:560;letter-spacing:-1px;font-variant-numeric:tabular-nums}.stat span{color:var(--muted);font-size:12px}.stat+.stat{border-left:1px solid var(--line);padding-left:30px}.stats .note{margin-left:auto;color:var(--muted);font-size:11px;display:flex;gap:6px;align-items:center}.toolbar{display:flex;align-items:center;gap:9px;margin-bottom:14px;flex-wrap:wrap}.search{position:relative;flex:1;max-width:320px;min-width:170px}.search input{padding-left:33px}.search>.icon-svg{position:absolute;top:10px;left:10px;color:var(--muted)}.toolbar select{width:auto;max-width:180px}.toolbar .push{margin-left:auto}.stock-layout{display:flex;gap:18px;min-height:0;flex:1}.table-card{display:flex;flex-direction:column;min-width:0;min-height:230px;flex:1;border:1px solid var(--line);border-radius:8px 8px 0 0;background:var(--surface);overflow:hidden}.table-scroll{overflow:auto;flex:1;min-height:0;padding:0 3px}.stock-table{width:100%;border-collapse:collapse;white-space:nowrap}.stock-table th{background:var(--surface);color:var(--muted);font-size:10px;font-weight:650;letter-spacing:.8px;text-transform:uppercase;position:sticky;top:0;z-index:1;border-bottom:1px solid var(--line);height:43px;text-align:left;padding:8px 12px}.stock-table th button{font-size:inherit;letter-spacing:inherit;text-transform:inherit;background:none;border:0;min-height:24px;padding:2px 0}.stock-table td{border-bottom:1px solid var(--line);padding:9px 12px;font-size:12px;height:60px}.stock-table tbody tr{cursor:pointer}.stock-table tbody tr:hover{background:var(--raised)}.stock-table tbody tr.selected{background:var(--subtle);box-shadow:inset 3px 0 var(--accent)}.stock-table tbody tr:focus-visible{outline-offset:-4px;box-shadow:inset 0 0 0 2px var(--focus-sep)}.product-cell{display:flex;align-items:center;gap:11px;min-width:220px}.product-cell img,.photo-placeholder{width:32px;height:38px;object-fit:contain;background:#fff;border-radius:4px;padding:2px}.photo-placeholder{display:grid;place-items:center;background:var(--raised);color:var(--muted)}.product-name{font-size:13px;font-weight:550;display:block;max-width:330px;overflow:hidden;text-overflow:ellipsis}.product-sub{font-size:10px;color:var(--muted);display:block;margin-top:4px}.qty{font-variant-numeric:tabular-nums;font-size:14px;font-weight:570}.unit{font-size:11px;color:var(--muted);margin-left:3px}.badge{font-size:10px;padding:4px 7px;border-radius:4px;display:inline-flex;align-items:center;gap:4px;font-weight:650}.badge.low{background:var(--error-bg);color:var(--error)}.badge.ok{background:var(--success-bg);color:var(--success)}.badge.neutral{background:var(--raised);color:var(--muted)}.badge.warn{background:var(--warning-bg);color:var(--warning)}.pagination{display:flex;align-items:center;gap:10px;padding:11px 14px;border-top:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:11px;flex-shrink:0}.pagination select{width:63px;min-height:28px;padding:4px}.pagination .pages{display:flex;align-items:center;gap:10px;margin-left:auto}.statusbar{display:flex;justify-content:space-between;padding:10px 0;font-size:10px;color:var(--muted);flex-shrink:0}.inspector{width:350px;min-width:350px;border:1px solid var(--line);border-radius:8px 8px 0 0;background:var(--surface);overflow:auto}.inspector-head{display:flex;align-items:center;justify-content:space-between;padding:13px 17px;border-bottom:1px solid var(--line)}.inspector-body{padding:20px}.product-hero{height:140px;display:flex;justify-content:center;align-items:center;border-radius:7px;background:var(--raised);margin-bottom:19px}.product-hero img{height:118px;width:118px;object-fit:contain;background:white;border-radius:6px}.inspector h2{font-size:19px;line-height:1.4}.inspector .sku{margin-top:7px;color:var(--muted)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px 12px;margin:24px 0}.detail-grid dt{color:var(--muted);font-size:11px;margin-bottom:7px}.detail-grid dd{margin:0;font-size:13px}.detail-box{border-top:1px solid var(--line);padding:17px 0}.detail-box .big-qty{font-size:30px;letter-spacing:-1px;margin:10px 0}.inspector .wide{width:100%;margin-top:12px}.inspector footer{padding-top:20px}.source-note{font-size:10px;line-height:1.7;color:var(--muted);overflow-wrap:anywhere}.section-label{display:flex;align-items:center;justify-content:space-between}.mini-movement{margin-top:14px;display:flex;justify-content:space-between;gap:8px;font-size:11px}.banner{display:flex;align-items:center;gap:12px;border:1px solid var(--border);border-radius:7px;padding:13px 16px;margin-bottom:18px;background:var(--surface);color:var(--muted);font-size:12px;line-height:1.6}.banner strong{color:var(--text)}.banner button{margin-left:auto}.banner.error{border-color:var(--error);color:var(--error);background:var(--error-bg)}.banner.warning{border-color:var(--warning);color:var(--warning);background:var(--warning-bg)}.empty{text-align:center;padding:60px 20px;color:var(--muted)}.empty h2{color:var(--text);margin:14px 0 8px}.empty button{margin-top:18px}.loading{display:grid;place-items:center;min-height:60vh;color:var(--muted)}.segments{display:flex;border-bottom:1px solid var(--line);gap:24px;margin-bottom:20px}.segments button{border:0;background:none;border-radius:0;padding:10px 0;color:var(--muted);border-bottom:2px solid transparent}.segments button.active{color:var(--text);border-bottom-color:var(--accent)}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.card{border:1px solid var(--line);border-radius:9px;background:var(--surface);padding:25px}.card p{color:var(--muted);font-size:12px;margin:10px 0 22px}.card .icon-svg{width:24px;height:24px;color:var(--accent);margin-bottom:18px}.settings{max-width:850px;display:grid;gap:20px;padding-bottom:30px}.settings-section{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:24px}.settings-section h2{margin-bottom:8px}.settings-section>p{color:var(--muted);margin-bottom:23px;font-size:12px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.theme-options,.accent-options{display:flex;gap:9px;margin-top:6px;flex-wrap:wrap}.theme-options button.active{border-color:var(--accent);background:var(--subtle);box-shadow:0 0 0 1px var(--accent)}.accent-options button.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.swatch{width:14px;height:14px;border-radius:50%;background:var(--swatch)}.read-only{margin-top:10px;border-top:1px solid var(--line);padding-top:14px;color:var(--muted);font-size:11px}.home-logo{width:72px;height:72px;border-radius:16px;margin-bottom:22px}.home-intro{max-width:630px;margin:14px 0 30px;color:var(--muted)}
dialog{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:12px;padding:0;width:600px;max-width:calc(100vw - 30px);max-height:calc(100dvh - 36px);box-shadow:0 24px 90px #0008}dialog::backdrop{background:#02070bbb;backdrop-filter:blur(3px)}.modal-header{padding:22px 25px 18px;display:flex;align-items:flex-start;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line)}.modal-header p{font-size:12px;color:var(--muted);margin-top:6px}.modal-body{padding:23px 25px;overflow:auto}.modal-footer{border-top:1px solid var(--line);padding:17px 25px;display:flex;align-items:center;justify-content:flex-end;gap:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid .full{grid-column:1/-1}.form-help{font-size:11px;color:var(--muted);line-height:1.7;margin-top:5px}.form-error{color:var(--error);background:var(--error-bg);padding:12px;border-radius:5px;margin-top:17px;line-height:1.6}.form-error:empty{display:none}.review-maths{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;background:var(--raised);border-radius:8px;padding:20px;margin:20px 0}.review-maths span{display:block;color:var(--muted);font-size:11px;margin-bottom:10px}.review-maths strong{font-size:20px}.review-maths>div:last-child strong{color:var(--accent)}.review-list{display:grid;grid-template-columns:130px 1fr;gap:13px;font-size:12px}.review-list dt{color:var(--muted)}.review-list dd{margin:0;overflow-wrap:anywhere}.menu-options{display:grid;gap:8px}.menu-options button{justify-content:flex-start}.check-row{display:flex;gap:9px;align-items:center;padding:10px 0;font-size:13px;font-weight:400;color:var(--text)}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--text);color:var(--bg);border-radius:8px;padding:13px 19px;z-index:20;box-shadow:0 10px 40px #0006;max-width:90vw;display:none}#toast.show{display:block}.shell.collapsed{grid-template-columns:64px minmax(0,1fr)}.collapsed .brand{padding:14px}.collapsed .brand>div,.collapsed .nav-item span,.collapsed .nav-group .eyebrow,.collapsed .storage,.collapsed .sidebar-bottom .small{display:none}.collapsed .sidebar{padding:20px 6px}.collapsed .nav-item{justify-content:center;padding:10px}.collapsed .sidebar-bottom{padding:8px 0}.collapsed .sidebar-bottom .nav-item{border-left:0}
@media(max-width:1400px){.inspector{position:fixed;right:20px;top:115px;bottom:30px;z-index:3;box-shadow:0 18px 70px #0009;border-color:var(--border)}.content{padding:23px 20px 0}.stats .note{max-width:240px;text-align:right}}@media(max-width:1050px){.shell{grid-template-columns:180px minmax(0,1fr)}.brand{padding:14px 12px}.brand strong{font-size:16px}.topbar{padding:0 16px}.crumb-detail{display:none}.toolbar select{max-width:150px}.stats{gap:20px}.stat+.stat{padding-left:20px}.stats .note{display:none}.product-name{max-width:230px}.cards{grid-template-columns:1fr}.heading-actions{flex-wrap:wrap;justify-content:flex-end}.page-heading{gap:15px}.settings-grid{grid-template-columns:1fr}}@media(max-width:720px){.shell{grid-template-columns:64px minmax(0,1fr)}.brand{padding:14px}.brand>div,.nav-item span,.nav-group .eyebrow,.storage,.sidebar-bottom .small{display:none}.sidebar{padding:20px 6px}.nav-item{justify-content:center;padding:10px}.sidebar-bottom{padding:8px 0}.topbar{padding:0 12px}.operator>span:not(.avatar){display:none}.content{padding:20px 12px 0}.page-heading{flex-wrap:wrap}.page-heading h1{font-size:22px}.stats{gap:18px}.stat strong{font-size:22px}.toolbar .push{margin-left:0}.toolbar .search{max-width:none;flex-basis:100%}.tabs{padding-left:10px}.inspector{width:min(350px,calc(100vw - 30px));min-width:0;right:15px;top:80px}.form-grid,.settings-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.review-maths{padding:15px;gap:6px}.review-maths strong{font-size:16px}.prototype-label{font-size:8px}.pagination{flex-wrap:wrap}.statusbar span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}@media(forced-colors:active){button,input,select{border-color:ButtonText}.badge{border:1px solid CanvasText}.nav-item.active,.tab.active,tr.selected{outline:2px solid Highlight}}

.signin-page{min-height:100dvh;display:grid;place-items:center;padding:28px;background:var(--bg)}.signin-card{width:420px;max-width:100%;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:38px;box-shadow:0 24px 80px #0003}.signin-card>img{width:60px;height:60px;border-radius:13px;margin-bottom:24px}.signin-card h1{font-size:25px;margin:13px 0}.signin-card form{display:grid;gap:17px;margin:27px 0 22px}.signin-card form button{width:100%;margin-top:2px}.signin-card label{font-size:12px}.signin-card label input{margin-top:5px}.signin-card .form-error{margin-top:0}input[readonly]{border-color:var(--line);color:var(--muted)}

/* Compact desktop workspace. Shared by the Windows shell and browser client. */
:root {
  --bg:#080e1a; --chrome:#0c1423; --surface:#0f1929; --raised:#16243a;
  --line:#24334b; --border:#60728d; --text:#eaf0fb; --muted:#a9b9cf;
  --cyan:#74d7ed; --tab-start:#0066b5; --tab-end:#4733eb;
  --table-head:#162239; --row-hover:#172942; --focus-sep:#080e1a;
  --selected:color-mix(in srgb,var(--accent) 29%,var(--surface));
}
[data-theme=light] {
  --bg:#edf2f7; --chrome:#e3eaf3; --surface:#fff; --raised:#f1f5fa;
  --line:#c9d4e2; --border:#74859a; --text:#172b43; --muted:#4c6078;
  --cyan:#0d6681; --tab-start:#0066b5; --tab-end:#4733eb;
  --table-head:#e8eef7; --row-hover:#edf3fb; --focus-sep:#fff;
  --selected:color-mix(in srgb,var(--accent) 15%,var(--surface));
}
body { font-size:13px; line-height:1.4; }
button { min-height:30px; padding:5px 10px; border-radius:4px; }
button.icon { min-width:30px; min-height:30px; padding:5px; }
input,select,textarea { min-height:32px; padding:6px 9px; border-radius:4px; }
button.primary { box-shadow:inset 0 1px 0 #ffffff21; }
.icon-svg { width:16px; height:16px; }
h1 { font-size:21px; font-weight:650; letter-spacing:-.4px; }
h2 { font-size:17px; }
.eyebrow { font-size:10px; letter-spacing:1.05px; }

.shell {
  grid-template-columns:172px minmax(0,1fr);
  grid-template-rows:42px 58px minmax(0,1fr);
  min-height:440px;
  background:var(--bg);
}
.window-shortcuts {
  grid-column:1; grid-row:1;
  display:flex; align-items:center; gap:5px; padding:5px 10px;
  border-bottom:1px solid var(--line); border-right:1px solid var(--line);
  background:var(--chrome);
}
.window-shortcuts button { color:var(--muted); }
.window-shortcuts button:hover { color:var(--cyan); }
.shell>.tabs {
  grid-column:2; grid-row:1;
  min-width:0; min-height:0; height:42px; padding:5px 8px 0; gap:4px;
  align-items:stretch; overflow-x:auto; overflow-y:hidden;
  background:linear-gradient(105deg,var(--tab-start),var(--tab-end));
  border-bottom:1px solid var(--line);
}
.tab {
  flex:0 0 auto; min-width:126px; gap:0; border:1px solid transparent;
  border-bottom:0; border-radius:5px 5px 0 0;
  color:#e0edff; background:#ffffff08;
}
.tab>button { min-height:35px; padding:6px 10px; font-size:12px; gap:8px; }
.tab>.tab-close { min-width:24px; min-height:24px; height:24px; margin:5px 4px 0 0; padding:3px; }
.tab>.tab-close .icon-svg { width:13px; height:13px; }
.tab.active {
  color:#fff; background:linear-gradient(135deg,#0579cf,#0765b7); border-color:#63b8f3;
  box-shadow:inset 0 2px var(--accent);
}
.tab.active>button:first-child>.icon-svg { color:#c5f5ff; }
.shell>.tabs>button { align-self:center; margin-bottom:5px; color:#e0edff; }
.shell>.tabs button:hover { background:#ffffff20; }
.brand {
  grid-column:1; grid-row:2; padding:8px 11px; gap:9px;
  background:var(--chrome); border-color:var(--line);
}
.brand img { width:32px; height:32px; border-radius:6px; }
.brand strong { font-size:17px; letter-spacing:-.45px; }
.brand .eyebrow { margin-top:2px; font-size:8px; letter-spacing:1.2px; }
.topbar {
  grid-column:2; grid-row:2; min-width:0; padding:0 15px; gap:12px;
  background:var(--chrome); border-bottom:1px solid var(--line);
}
.topbar-left { min-width:0; gap:10px; }
.topbar-right { display:flex; align-items:center; justify-content:flex-end; gap:15px; min-width:0; }
.topbar-left>button { font-size:12px; }
.venue-label { color:var(--muted); font-size:11px; white-space:nowrap; padding-right:14px; border-right:1px solid var(--line); }
.connection-state { padding-left:14px; border-left:1px solid var(--line); white-space:nowrap; }
.connection-state>span { display:block; color:var(--muted); font-size:9px; text-align:right; line-height:1.5; }
.connection-state>strong { display:flex; align-items:center; justify-content:flex-end; gap:5px; font-size:9px; letter-spacing:.5px; line-height:1.7; font-weight:600; color:var(--success); }
.connection-state i { width:5px; height:5px; border-radius:50%; background:currentColor; }
.connection-state.unavailable>strong { color:var(--error); }
.topbar-left>span:first-of-type { font-weight:600; }
.prototype-label { font-size:9px; padding:2px 5px; letter-spacing:.75px; border-color:var(--line); color:var(--muted); }
.operator { gap:8px; padding:3px 0 3px 5px; font-size:12px; }
.avatar { width:29px; height:29px; border:1px solid var(--line); font-size:10px; }
.operator span span { font-size:10px; margin-top:1px; }
.sidebar { grid-column:1; grid-row:3; padding:14px 7px 8px; background:var(--chrome); }
.nav-group { margin-bottom:19px; }
.nav-group .eyebrow { padding:0 10px; margin-bottom:6px; color:var(--muted); font-size:9px; }
.nav-item { min-height:32px; margin:2px 0; padding:6px 9px; gap:9px; border-radius:3px; font-size:12px; }
.nav-item .icon-svg { width:15px; height:15px; color:var(--muted); }
.nav-item.active { background:var(--subtle); color:var(--text); border-left-color:var(--accent); }
.nav-item.active .icon-svg { color:var(--cyan); }
.nav-count { font-size:9px; padding:0 4px; background:var(--bg); }
.sidebar-bottom { padding:8px 0 0; }
.storage { font-size:10px; line-height:1.5; padding:9px 5px 0; align-items:flex-start; }
.storage .icon-svg { width:13px; height:13px; margin-top:1px; }
.workspace { grid-column:2; grid-row:3; min-width:0; min-height:0; }
.content { padding:12px 12px 0; min-width:0; }
.page-heading { align-items:center; gap:10px; margin-bottom:12px; }
.page-heading p { font-size:11px; margin-top:3px; line-height:1.45; }
.breadcrumb { margin-bottom:6px; color:var(--muted); font-size:9px; font-weight:550; letter-spacing:.65px; }
.breadcrumb span { padding:0 6px; color:var(--border); }
.heading-actions { align-items:center; gap:6px; }
.heading-actions button { font-size:12px; }
.statusbar { min-height:25px; padding:6px 0; font-size:10px; line-height:1.3; gap:12px; }

.stock-page { display:flex; gap:12px; flex:1; min-width:0; min-height:0; }
.stock-main { display:flex; flex-direction:column; flex:1; min-width:0; min-height:0; }
.stock-page .stock-layout { gap:0; }
.stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; padding:0; margin-bottom:12px; }
.stat-card {
  display:flex; align-items:center; gap:11px; min-width:0; min-height:66px;
  padding:10px 13px; border:1px solid var(--line); border-radius:5px;
  background:linear-gradient(120deg,var(--surface),var(--raised));
  box-shadow:inset 0 1px 0 #ffffff04;
}
.stat-card>.icon-svg { width:31px; height:31px; padding:6px; flex-shrink:0; color:var(--cyan); background:var(--subtle); border:1px solid var(--line); border-radius:5px; }
.stat-card>div { min-width:0; }
.stat-card label,.stat-card span { display:block; color:var(--muted); font-size:11px; font-weight:500; line-height:1.4; }
.stat-card strong { display:block; color:var(--text); font-size:21px; font-weight:620; line-height:1.25; font-variant-numeric:tabular-nums; letter-spacing:-.5px; }
.stat-warning>.icon-svg { color:var(--warning); background:var(--warning-bg); }
.stats-note,.stats .note { grid-column:1/-1; margin:0; max-width:none; text-align:left; color:var(--muted); font-size:10px; line-height:1.4; }
.stats-note { display:flex; align-items:center; gap:5px; margin:-5px 0 10px; }
.stats-note .icon-svg { width:12px; height:12px; }
.toolbar { gap:7px; margin-bottom:9px; }
.toolbar button,.toolbar input,.toolbar select { min-height:30px; height:30px; font-size:12px; }
.toolbar button { padding:4px 8px; }
.search { min-width:150px; max-width:295px; }
.search input { padding-left:30px; }
.search>.icon-svg { top:7px; left:9px; width:15px; height:15px; }
.toolbar select { max-width:170px; padding-right:20px; }
.table-card { min-height:120px; border-radius:4px; background:var(--surface); }
.table-scroll { padding:0; scrollbar-color:var(--border) var(--bg); scrollbar-width:thin; }
.stock-table th {
  height:32px; padding:3px 9px; font-size:10px; letter-spacing:.45px;
  background:var(--table-head); color:var(--muted); border-bottom:1px solid var(--border);
}
.stock-table th button { min-height:24px; padding:2px 0; }
.stock-table td { height:30px; padding:3px 9px; font-size:12px; line-height:18px; border-bottom:1px solid var(--line); }
.stock-table td:first-child { color:var(--cyan); font-variant-numeric:tabular-nums; }
.stock-table td button { min-height:24px; height:24px; min-width:24px; padding:3px; }
.stock-table td button .icon-svg { width:14px; height:14px; }
.stock-table [data-row-menu] .icon-svg { width:17px; height:17px; stroke-width:3; }
.stock-table tbody tr:nth-child(even) { background:color-mix(in srgb,var(--raised) 24%,var(--surface)); }
.stock-table tbody tr:hover { background:var(--row-hover); }
.stock-table tbody tr.selected { background:var(--selected); box-shadow:inset 3px 0 var(--accent); }
.stock-table tbody tr.selected td { border-bottom-color:color-mix(in srgb,var(--accent) 45%,var(--line)); }
.stock-table tbody tr:focus-visible { outline:2px solid var(--accent); outline-offset:-3px; box-shadow:inset 0 0 0 1px var(--focus-sep); }
.product-cell { min-width:190px; gap:8px; }
.product-cell img,.product-cell .photo-placeholder { width:24px; height:24px; min-width:24px; border-radius:2px; padding:1px; }
.product-cell .photo-placeholder .icon-svg { width:15px; height:15px; }
.product-name { font-size:13px; line-height:18px; font-weight:500; max-width:350px; }
.with-inspector .product-cell { min-width:160px; }
.with-inspector .product-name { max-width:200px; }
.stock-table .product-sub { display:none; }
.stock-table .qty { font-size:13px; font-weight:600; }
.stock-table .unit { font-size:11px; }
.stock-table .badge { min-height:20px; padding:1px 5px; border-radius:3px; font-size:10px; line-height:18px; }
.pagination { padding:6px 9px; min-height:37px; gap:8px; font-size:11px; }
.pagination select { min-height:25px; height:25px; padding:2px 5px; width:60px; }
.pagination button { min-height:25px; min-width:25px; padding:3px 6px; }
.pagination .pages { gap:8px; }

.inspector {
  position:relative; right:auto; top:auto; bottom:auto; z-index:auto;
  width:364px; min-width:364px; max-width:380px; flex:0 0 364px;
  height:auto; min-height:0; overflow:auto; border:1px solid var(--line);
  border-radius:5px; background:var(--surface); box-shadow:none;
  scrollbar-width:thin; scrollbar-color:var(--border) var(--surface);
}
.inspector-head { padding:9px 12px; background:var(--table-head); }
.inspector-head .eyebrow { color:var(--cyan); }
.inspector-head button { min-height:24px; min-width:24px; padding:3px; }
.inspector-body { padding:12px; }
.inspector-product {
  display:flex; align-items:center; gap:11px; position:relative;
  padding:13px 12px; min-width:0; border-bottom:1px solid var(--line);
  background:linear-gradient(120deg,var(--raised),var(--surface));
}
.inspector-product>img,.inspector-product>.photo-placeholder,
.inspector-product .inspector-photo img,.inspector-product .inspector-photo .photo-placeholder {
  width:56px; height:66px; object-fit:contain; padding:4px;
  flex-shrink:0; border:1px solid var(--line); border-radius:4px; background:#fff;
}
.inspector-product>div:not(.inspector-photo) { min-width:0; flex:1; }
.inspector-product h2 { font-size:15px; font-weight:650; line-height:1.4; margin:0 0 5px; overflow-wrap:anywhere; }
.inspector-product .sku { color:var(--cyan); font-size:11px; margin:3px 0 0; }
.inspector-product .small { font-size:11px; }
.inspector-identity p { color:var(--muted); font-size:10px; line-height:1.5; overflow-wrap:anywhere; }
.inspector-identity .sku { display:block; margin:0 0 4px; }
.inspector-product>.icon { align-self:flex-start; flex:0 0 25px; min-height:25px; min-width:25px; padding:4px; }
.inspector-section { padding:12px; border-bottom:1px solid var(--line); }
.section-heading { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:10px; }
.section-heading h3,.section-heading .eyebrow,.section-heading>span:first-child { color:var(--cyan); font-size:11px; font-weight:650; letter-spacing:.3px; }
.section-heading h3 { display:flex; align-items:center; gap:7px; }
.section-heading h3 .icon-svg { width:14px; height:14px; }
.section-heading button { min-height:24px; padding:2px 5px; font-size:10px; }
.metric-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.metric { min-width:0; padding:9px 10px; border:1px solid var(--line); border-radius:4px; background:var(--bg); }
.metric>span,.metric>label,.metric>dt { display:block; color:var(--muted); font-size:10px; font-weight:500; margin:0 0 5px; line-height:1.4; }
.metric>strong,.metric>dd { display:block; font-size:16px; font-weight:600; line-height:1.35; margin:0; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.metric .unit { font-size:11px; font-weight:400; }
.metric strong>small { font-size:11px; font-weight:400; color:var(--muted); }
.metric-accent { background:var(--subtle); border-color:color-mix(in srgb,var(--accent) 45%,var(--line)); }
.metric-accent>strong { color:var(--accent); font-size:21px; }
.metric .small,.metric p { font-size:10px; margin-top:5px; color:var(--muted); line-height:1.4; }
.metric-wide { grid-column:1/-1; }
.metric-wide>strong { font-size:13px; color:var(--text); letter-spacing:0; }
.metric-note { font-size:10px; line-height:1.5; color:var(--muted); margin-top:9px; }
.inspector-actions { display:grid; grid-template-columns:1fr 1fr; gap:7px; padding:12px; border-bottom:1px solid var(--line); }
.inspector-actions button { width:100%; min-width:0; font-size:11px; padding:6px; }
.inspector-actions button.primary { grid-column:1/-1; min-height:32px; }
.inspector-section>.inspector-actions { padding:0; border-bottom:0; }
.inspector-actions button.action-receive { color:#261b05; background:#ffbd32; border-color:#ffd274; font-weight:650; }
.inspector-actions button.action-receive:hover { background:#ffd06a; }
.inspector-movements { margin-top:10px; }
.inspector-movements>.small { padding:5px 0; }
.inspector-movements .mini-movement span { display:block; font-size:10px; margin-top:2px; }
.inspector-section:has(.inspector-movements) .metric>strong { font-size:12px; font-weight:500; }
.inspector-evidence summary { cursor:pointer; color:var(--muted); font-size:11px; }
.inspector-evidence summary:focus-visible { outline-offset:3px; }
.inspector-evidence details[open]>.detail-grid { margin-top:13px; margin-bottom:11px; }
.inspector .detail-grid { gap:10px 12px; margin:0; }
.inspector .detail-grid dt { font-size:10px; margin-bottom:4px; }
.inspector .detail-grid dd { font-size:12px; line-height:1.45; overflow-wrap:anywhere; }
.inspector .source-note { font-size:10px; line-height:1.6; }
.inspector .mini-movement { margin-top:0; padding:9px 0; border-bottom:1px solid var(--line); font-size:11px; }
.inspector .mini-movement:last-of-type { border-bottom:0; }
.inspector .mini-movement strong { color:var(--cyan); white-space:nowrap; font-size:11px; }
.inspector .wide { margin-top:9px; font-size:11px; min-height:28px; }
.inspector .empty { padding:32px 18px; }
.inspector .empty h2 { font-size:16px; }
.inspector footer { padding:12px; }

.banner { padding:9px 12px; border-radius:4px; gap:9px; margin-bottom:11px; font-size:11px; }
.banner button { min-height:27px; font-size:11px; }
.segments { gap:22px; margin-bottom:12px; }
.segments button { font-size:12px; padding:7px 0; min-height:31px; }
.settings { gap:14px; }
.settings-section { padding:20px; border-radius:5px; }
.settings-section>p { margin-bottom:17px; }
.card { border-radius:5px; padding:22px; }
.cards { gap:14px; }
dialog { border-radius:7px; }
.modal-header { padding:18px 22px 15px; background:var(--raised); }
.modal-body { padding:19px 22px; }
.modal-footer { padding:13px 22px; }
.modal-body input,.modal-body select,.modal-body textarea,.settings input,.settings select,.signin-card input { min-height:36px; }
.modal-footer button,.signin-card button { min-height:34px; }
.signin-page { background:radial-gradient(ellipse at 50% 15%,var(--tab-start),var(--bg) 65%); }
.signin-card { border-color:var(--border); border-radius:8px; box-shadow:0 22px 70px #0005; }

.shell.collapsed { grid-template-columns:56px minmax(0,1fr); }
.shell.collapsed .window-shortcuts { justify-content:center; padding:5px; gap:0; }
.shell.collapsed .window-shortcuts button:not(:first-child) { display:none; }
.shell.collapsed .brand { padding:8px 11px; }
.shell.collapsed .sidebar { padding:12px 5px 8px; }
.shell.collapsed .nav-item { padding:6px; }

@media (min-width:1500px) {
  .inspector { width:380px; min-width:380px; flex-basis:380px; }
  .product-name { max-width:420px; }
}
@media (max-width:1319px) {
  .stock-page>.inspector {
    position:fixed; right:12px; top:112px; bottom:30px; z-index:5;
    height:auto; width:364px; min-width:0; max-width:calc(100vw - 24px);
    border-color:var(--border); box-shadow:0 15px 55px #0009;
  }
  .topbar { padding:0 12px; }
  .product-name { max-width:310px; }
  .heading-actions { flex-wrap:wrap; justify-content:flex-end; }
  .toolbar select { max-width:160px; }
  .topbar-right { gap:10px; }
  .venue-label { padding-right:10px; }
  .connection-state { padding-left:10px; }
}
@media (max-width:1050px) { .venue-label { display:none; } }
@media (max-width:900px) {
  .shell { grid-template-columns:148px minmax(0,1fr); }
  .brand { gap:7px; padding:8px; }
  .brand strong { font-size:15px; }
  .brand img { width:29px; height:29px; }
  .brand .eyebrow { font-size:7px; letter-spacing:.9px; }
  .crumb-detail { display:none; }
  .operator>span:not(.avatar) { display:none; }
  .topbar-left .refresh-label { display:none; }
  .stat-card { min-height:62px; padding:9px; gap:7px; }
  .stat-card>.icon-svg { width:26px; height:26px; padding:4px; }
  .stat-card strong { font-size:19px; }
  .stat-card label,.stat-card span { font-size:10px; }
  .stats-note { font-size:10px; }
  .toolbar .search { max-width:none; }
  .cards,.settings-grid { grid-template-columns:1fr; }
}
@media (max-width:720px) {
  .shell,.shell.collapsed { grid-template-columns:56px minmax(0,1fr); }
  .window-shortcuts { justify-content:center; padding:5px; gap:0; }
  .window-shortcuts button:not(:first-child) { display:none; }
  .brand,.shell.collapsed .brand { padding:8px 11px; }
  .brand img { width:32px; height:32px; }
  .sidebar { padding:12px 5px 8px; }
  .nav-item { padding:6px; }
  .topbar { padding:0 9px; }
  .topbar-left { gap:6px; font-size:12px; }
  .topbar-left .toolbar-history { display:none; }
  .topbar-right { gap:7px; }
  .prototype-label { font-size:8px; }
  .content { padding:10px 9px 0; }
  .page-heading { align-items:flex-start; flex-wrap:wrap; gap:8px; margin-bottom:10px; }
  .page-heading h1 { font-size:20px; }
  .heading-actions { justify-content:flex-start; }
  .stats { gap:5px; margin-bottom:10px; }
  .stat-card { min-height:62px; padding:8px 7px; }
  .stat-card>.icon-svg { display:none; }
  .stat-card strong { font-size:19px; }
  .toolbar { gap:6px; }
  .toolbar .search { flex-basis:100%; min-width:0; }
  .toolbar .push { margin-left:0; }
  .stock-page>.inspector { width:350px; right:9px; top:106px; bottom:9px; max-width:calc(100vw - 18px); }
  .pagination { flex-wrap:wrap; }
  .pagination .pages { margin-left:auto; }
  .form-grid { grid-template-columns:1fr; }
  .modal-header { padding:15px 17px; }
  .modal-body { padding:17px; }
  .modal-footer { padding:12px 17px; }
  .statusbar span:last-child { display:none; }
}
.desktop-menu { display:none!important; }
:root:not(.desktop-host) .window-shortcuts .browser-view-picker { display:inline-flex!important; }
.desktop-host .desktop-menu { display:inline-flex!important; }
.desktop-host .browser-view-picker { display:none!important; }
.desktop-host .tabs { padding-right:146px; -webkit-app-region:drag; app-region:drag; }
.desktop-host .window-shortcuts { -webkit-app-region:drag; app-region:drag; }
.desktop-host .tabs .tab,.desktop-host button,.desktop-host input,.desktop-host select { -webkit-app-region:no-drag; app-region:no-drag; }
#desktop-window-controls {
  position:fixed; top:0; right:0; width:138px; height:42px; z-index:50;
  display:flex; background:var(--tab-end,#4733eb); color:var(--text);
  -webkit-app-region:no-drag; app-region:no-drag;
}
#desktop-window-controls button {
  width:46px; min-width:46px; height:42px; min-height:42px; padding:0; border:0; border-radius:0;
  background:transparent; color:inherit; box-shadow:none; font-size:17px; font-weight:400;
}
#desktop-window-controls button:hover { background:color-mix(in srgb,var(--text) 14%,transparent); }
#desktop-window-controls button[data-desktop-command=close]:hover { background:#c42b1c; color:#fff; }
#desktop-window-controls button:focus-visible { outline-offset:-4px; }
#desktop-window-controls svg { width:12px; height:12px; }
#desktop-caption-fallback {
  position:fixed; top:0; left:0; right:138px; height:42px; z-index:49;
  display:flex; align-items:center; gap:12px; padding:0 12px; color:var(--text);
  background:linear-gradient(105deg,var(--tab-start),var(--tab-end));
  -webkit-app-region:drag; app-region:drag;
}
body:has(.shell) #desktop-caption-fallback { display:none; }
.desktop-host dialog[open] #desktop-caption-fallback { display:flex; }
#desktop-caption-fallback button { min-width:30px; min-height:30px; padding:5px; }
.desktop-host .signin-page { padding-top:62px; }
@media (max-width:540px) { .connection-state { display:none; } }
@media (max-width:420px) {
  .topbar-left .prototype-label { display:none; }
  .stats { grid-template-columns:1fr; }
  .stat-card { min-height:46px; padding:7px 10px; }
  .stat-card>div { display:flex; align-items:center; justify-content:space-between; width:100%; gap:10px; }
  .stat-card strong { font-size:18px; }
  .stat-card label,.stat-card span { font-size:11px; }
}
@media (forced-colors:active) {
  .stat-card,.metric,.inspector,.tab { border:1px solid CanvasText; }
  .stock-table tbody tr.selected { background:Highlight; color:HighlightText; }
  .stock-table tbody tr.selected td,.stock-table tbody tr.selected .unit { color:HighlightText; }
}

/* Compact menus are nonmodal: no backdrop and no disabled workspace. */
.context-menu { position:fixed; z-index:70; width:248px; max-width:calc(100vw - 16px); overflow-y:auto; padding:5px;
  background:var(--surface,#14212b); color:var(--text); border:1px solid var(--border); border-radius:7px;
  box-shadow:0 12px 32px #0007; -webkit-app-region:no-drag; app-region:no-drag; }
.context-menu-title { padding:7px 9px 9px; font-size:11px; font-weight:600; color:var(--muted); line-height:1.4;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.context-menu button { display:flex; width:100%; gap:9px; align-items:center; min-height:35px; padding:8px 9px;
  border:1px solid transparent; border-radius:4px; color:var(--text); background:transparent; box-shadow:none;
  text-align:left; font-size:12px; font-weight:400; }
.context-menu button:hover,.context-menu button:focus-visible { background:var(--subtle); border-color:var(--accent); outline:none; }
.context-menu button:disabled { opacity:.4; cursor:not-allowed; }
.context-menu button:disabled:hover { background:transparent; border-color:transparent; }
.context-menu .icon-svg { width:16px; height:16px; color:var(--accent); flex-shrink:0; }
.context-menu-separator { margin:4px 7px; height:1px; background:var(--border); }
.context-menu-hint { margin-left:auto; font-size:10px; color:var(--muted); }
@media (forced-colors:active) { .context-menu { background:Canvas; border-color:CanvasText; } .context-menu button:focus-visible { outline:2px solid Highlight; } }
.context-menu button { justify-content:flex-start; }

/* One continuous caption strip, independent of the directory width. */
:root { --caption-start:#0066b5; --caption-end:#4733eb; --caption-text:#fff; --tab-active:#268acf; --tab-active-end:#2d328f; }
.window-strip { grid-column:1 / -1; grid-row:1; display:flex; min-width:0; height:42px;
  background:linear-gradient(105deg,var(--caption-start),var(--caption-end)); color:var(--caption-text);
  border-bottom:1px solid var(--line); }
.window-strip .window-shortcuts,.shell.collapsed .window-strip .window-shortcuts {
  flex:0 0 auto; justify-content:flex-start; gap:5px; padding:5px 10px; background:transparent; border:0; }
.window-strip .window-shortcuts button,.shell.collapsed .window-strip .window-shortcuts button { color:var(--caption-text); }
.window-strip .window-shortcuts button:not(.browser-view-picker):not(.desktop-menu),
.shell.collapsed .window-strip .window-shortcuts button:not(.browser-view-picker):not(.desktop-menu) { display:inline-flex; }
.window-strip .window-shortcuts button:hover { color:var(--caption-text); background:#ffffff20; }
.window-strip>.tabs { flex:0 1 auto; min-width:0; min-height:0; height:42px; padding:5px 8px 0;
  gap:4px; align-items:stretch; overflow-x:auto; overflow-y:hidden; background:transparent; border-bottom:0; }
.window-strip .tab.active { background:linear-gradient(135deg,var(--tab-active),var(--tab-active-end)); border-color:var(--accent); }
.window-strip .tab>button { color:var(--caption-text); }
.window-strip .tab>button:hover { background:#ffffff20; }
.window-strip>.new-workspace { flex-shrink:0; align-self:center; margin:0 5px; color:var(--caption-text); background:transparent; }
.window-strip>.new-workspace:hover { background:#ffffff20; }
.desktop-host .window-strip { padding-right:146px; -webkit-app-region:drag; app-region:drag; }
.desktop-host .window-strip>.tabs { padding-right:8px; }
.topbar-left { gap:7px; }
.transfer-route { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:end; gap:10px; }
.transfer-route>button { height:34px; margin-bottom:1px; }
.transfer-review { display:grid; gap:12px; margin-top:22px; }
.transfer-review section { border:1px solid var(--line); border-radius:6px; padding:14px; background:var(--raised); }
.transfer-review h3 { display:flex; justify-content:space-between; gap:12px; font-size:13px; }
.transfer-review .review-maths { margin:10px 0 0; padding:10px; }
.transfer-review .review-maths strong { font-size:20px; }
@media (max-width:1150px) { .topbar-left .toolbar-history,.venue-label { display:none; } }
@media (max-width:900px) { .window-strip .window-shortcuts,.shell.collapsed .window-strip .window-shortcuts { flex-basis:auto; } }
@media (max-width:720px) {
 .window-strip .window-shortcuts,.shell.collapsed .window-strip .window-shortcuts { flex-basis:auto; padding:5px; gap:2px; }
 .window-strip .window-shortcuts button { min-width:30px; }
 .topbar-left { gap:4px; }
 .topbar-right { display:none; }
 .desktop-host .window-strip { padding-right:138px; }
 .tab { min-width:108px; }
}
@media (min-width:1100px) and (max-width:1499px) {
 .stock-page>.inspector { position:static; width:320px; min-width:320px; max-width:none; flex-basis:320px;
   height:100%; box-shadow:none; }
}
/* Batch allocations remain readable in the compact stock inspector. */
.inspector-batches-scroll{overflow-x:auto;margin-bottom:12px}.inspector-batches{width:100%;border-collapse:collapse;font-size:11px;table-layout:fixed}.inspector-batches th{color:var(--muted);font-size:10px;font-weight:500;text-align:left;padding:7px 3px;border-bottom:1px solid var(--line)}.inspector-batches th:first-child{width:45%}.inspector-batches td{padding:10px 3px;vertical-align:top;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.inspector-batches td:last-child,.inspector-batches th:last-child{text-align:right}.inspector-batches .product-sub{white-space:normal;line-height:1.5;font-size:10px}.batch-code-link{min-height:24px;padding:0;border:0;background:none;color:var(--accent);font-size:12px;text-align:left;overflow-wrap:anywhere}.inspector-batches .badge{display:block;width:fit-content;margin-top:4px;font-size:9px}.batch-review-allocations{margin:20px 0;padding:15px;border:1px solid var(--line);border-radius:6px}.batch-review-allocations h3{font-size:13px;margin:0 0 12px}.batch-review-allocations>div{display:flex;justify-content:space-between;gap:16px;margin:8px 0;font-size:12px}.batch-review-allocations>div>span{overflow-wrap:anywhere}.batch-review-allocations>div>strong{white-space:nowrap}.batch-review-allocations p{margin:14px 0 0}
.batch-table .product-sub,.batch-history .product-sub{display:block;white-space:normal;line-height:1.45}.batch-history td{vertical-align:top}.batch-history .product-sub{margin-top:4px}
/* The venue identity anchors the directory below the navigation strip. */
.shell>.sidebar{grid-row:2 / 4;padding-top:0}.sidebar .venue-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 auto;gap:10px;width:100%;min-height:152px;margin:0 0 20px;padding:20px 7px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;white-space:normal}.venue-mark{display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;flex-shrink:0;border:1px solid var(--line);border-radius:12px;background:var(--raised);color:var(--accent);font-size:21px;font-weight:700;overflow:hidden}.venue-mark img,.brand .venue-mark img{width:100%;height:100%;border-radius:0;object-fit:contain}.venue-brand-copy{min-width:0;max-width:100%;text-align:center}.venue-brand-copy strong{display:block;font-size:17px;line-height:1.25;overflow-wrap:anywhere}.venue-brand-copy>span{display:block;margin-top:5px;font-size:10px;color:var(--muted);overflow-wrap:anywhere}.venue-settings{max-width:850px;margin-bottom:24px}.venue-settings-summary,.venue-edit-preview{display:flex;align-items:center;gap:16px}.venue-settings-summary>div{min-width:0;overflow-wrap:anywhere}.venue-settings-summary>button{margin-left:auto;flex-shrink:0}.venue-edit-preview{padding:16px;border:1px solid var(--line);border-radius:8px;overflow-wrap:anywhere}.venue-edit-preview>div{min-width:0}.venue-edit-preview strong{font-size:18px}.venue-logo-tools{display:flex;align-items:center;gap:12px}.venue-logo-tools button{flex-shrink:0}.home-venue-mark{margin-bottom:22px}.home-venue-mark .venue-mark{width:68px;height:68px}.shell.collapsed .sidebar .venue-brand{min-height:110px;padding:18px 2px}.shell.collapsed .venue-brand-copy{display:none}.shell.collapsed .venue-brand .venue-mark{width:38px;height:38px;font-size:15px}
@media(max-width:900px){.sidebar .venue-brand{min-height:110px;padding:18px 2px}.sidebar .venue-brand-copy{display:none}.sidebar .venue-brand .venue-mark{width:38px;height:38px;font-size:15px}}
@media(max-width:600px){.venue-settings-summary{flex-wrap:wrap}.venue-settings-summary>button{margin-left:0}.venue-logo-tools{align-items:flex-start;flex-direction:column}}
.company-identity{display:flex;flex-direction:column;align-items:flex-start;gap:2px;max-width:180px;min-width:90px;border:0;background:transparent;padding:4px 9px;text-align:left}.company-identity>span{font-size:9px;color:var(--muted)}.company-identity>strong{font-size:12px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.company-settings-summary{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.company-settings-summary>strong{margin-right:auto;overflow-wrap:anywhere}.company-list{display:grid;gap:10px}.company-choice{display:flex;align-items:center;justify-content:space-between;text-align:left;padding:14px;gap:16px}.company-choice strong{overflow-wrap:anywhere}.company-choice small{display:block;color:var(--muted);margin-top:5px}.company-choice>span{min-width:0}
@media(max-width:1250px){.company-identity{max-width:135px}.topbar-left .toolbar-history{display:none}}

/* ASCII terminal is an opt-in presentation layer, independent of shared theme. */
.ascii-brand{display:none}
.ascii-preview{background:#000;color:#60f587;padding:16px;font:14px/1.4 Consolas,'Courier New',monospace;max-width:100%;overflow:auto;border:1px dashed #388a50;margin-top:16px}
html[data-display-mode="ascii"]{
 color-scheme:dark;
 --bg:#000!important;--chrome:#000!important;--surface:#000!important;--raised:#000!important;
 --line:#235d35!important;--border:#388a50!important;--text:#60f587!important;--muted:#77b989!important;
 --accent:#60f587!important;--hover:#10371c!important;--pressed:#174c28!important;--on:#000!important;
 --selected:#10371c!important;--focus:#adffc2!important;--subtle:#092713!important;
 --success:#60f587!important;--warning:#adffc2!important;--error:#adffc2!important;--info:#60f587!important;
 --success-bg:#000!important;--warning-bg:#000!important;--error-bg:#000!important;--info-bg:#000!important;
 --selection-text:#adffc2!important;--table-head:#000!important;--row-hover:#092713!important;--focus-sep:#000!important;--cyan:#60f587!important;
 --caption-start:#000!important;--caption-end:#000!important;--caption-hover:#10371c!important;--caption-text:#60f587!important;
 --caption-border:#388a50!important;--caption-surface:#000!important;--caption-muted:#77b989!important;--caption-focus:#adffc2!important;
 --tab-start:#000!important;--tab-end:#000!important;--tab-active:#10371c!important;--tab-active-end:#10371c!important;
}
html[data-display-mode="ascii"] body,html[data-display-mode="ascii"] button,html[data-display-mode="ascii"] input,html[data-display-mode="ascii"] select,html[data-display-mode="ascii"] textarea{font-family:Consolas,'Courier New',monospace!important}
html[data-display-mode="ascii"] *{border-radius:0!important;box-shadow:none!important;text-shadow:none!important}
html[data-display-mode="ascii"] :is(button,input,select,textarea){border-style:dashed;accent-color:#60f587}
html[data-display-mode="ascii"] button{color:var(--text)}
html[data-display-mode="ascii"] button.primary{background:var(--selected);border:1px solid var(--accent)}
html[data-display-mode="ascii"] :is(button:hover,button.active,[aria-pressed="true"],tr.selected){background:var(--selected)!important;color:var(--text)!important}
html[data-display-mode="ascii"] :focus-visible{outline:2px dashed #adffc2!important;outline-offset:3px}
html[data-display-mode="ascii"] :is(button:disabled,input:disabled){opacity:.55}
html[data-display-mode="ascii"] :is(.window-strip,.topbar,.sidebar,.tab,.badge,.avatar,.venue-mark,.library-card,.library-card-art){background-image:none!important}
html[data-display-mode="ascii"] .ascii-icon{display:inline-flex!important;align-items:center;justify-content:center;flex-shrink:0;min-width:3ch;font-size:13px;line-height:1.2;white-space:pre;font-weight:700}
html[data-display-mode="ascii"] .ascii-stock-art{display:inline-block!important;font:10px/1 Consolas,'Courier New',monospace!important;white-space:pre;text-align:center;color:var(--text);flex-shrink:0;padding:3px}
html[data-display-mode="ascii"] .library-card .ascii-stock-art,html[data-display-mode="ascii"] .inspector .ascii-stock-art{font-size:18px!important;padding:12px}
html[data-display-mode="ascii"] .ascii-brand{display:inline!important;font-size:12px;white-space:nowrap}
html[data-display-mode="ascii"] :is(.product-brand-mark,.home-logo,.signin-card>img){display:none!important}
html[data-display-mode="ascii"] :is(.home-page,.signin-card)::before{content:'[ B A R / B L A D E ]';display:block;white-space:pre;color:var(--text);margin-bottom:20px}
html[data-display-mode="ascii"] .swatch{background:transparent!important;border:1px dashed var(--muted)}
html[data-display-mode="ascii"] .connection-state i{background:transparent!important;width:auto;height:auto}
html[data-display-mode="ascii"] .connection-state i::before{content:'*'}
html[data-display-mode="ascii"] .badge{border:1px dashed currentColor}
html[data-display-mode="ascii"] .badge::before{content:'[';margin-right:3px}
html[data-display-mode="ascii"] .badge::after{content:']';margin-left:3px}
html[data-display-mode="ascii"] dialog::backdrop{background:#000c;backdrop-filter:none}
@media(forced-colors:active){html[data-display-mode="ascii"] :focus-visible{outline-color:Highlight!important}}
html[data-display-mode="ascii"] *{font-family:Consolas,'Courier New',monospace!important}
html[data-display-mode="ascii"] .library-photo{background:#000!important;border:1px dashed var(--line)}
html[data-display-mode="ascii"] .ascii-venue{white-space:nowrap;font-size:14px;min-width:58px}
html[data-display-mode="ascii"] .search .ascii-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);pointer-events:none}
html[data-display-mode="ascii"] summary{list-style:none}
html[data-display-mode="ascii"] summary::before{content:'[+] ';color:var(--text)}
html[data-display-mode="ascii"] details[open]>summary::before{content:'[-] '}
html[data-display-mode="ascii"] summary::-webkit-details-marker{display:none}
html[data-display-mode="ascii"] .search input{padding-left:46px!important}