:root{--bg: #f1f5f7;--surface: #ffffff;--sunken: #e7edf0;--ink: #11222c;--muted: #566975;--line: #d3dde3;--accent: #0b5a78;--on-accent: #ffffff;--ok: #1c6f47;--ok-bg: #dff1e7;--warn: #8a4b00;--warn-bg: #fbe9cc;--crit: #a8231b;--crit-bg: #fbdedb;--info: #0b5a78;--info-bg: #dcedf4;--f-text: "IBM Plex Sans", "PingFang SC", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif;--f-code: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 40px;--radius: 3px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0c151b;--surface: #14212a;--sunken: #0f1a21;--ink: #e3ecf1;--muted: #93a6b2;--line: #273944;--accent: #72c5e2;--on-accent: #06202b;--ok: #6fd3a0;--ok-bg: #143526;--warn: #f0b561;--warn-bg: #3b2a0d;--crit: #f59288;--crit-bg: #431a17;--info: #72c5e2;--info-bg: #123240;color-scheme:dark}}:root[data-theme=dark]{--bg: #0c151b;--surface: #14212a;--sunken: #0f1a21;--ink: #e3ecf1;--muted: #93a6b2;--line: #273944;--accent: #72c5e2;--on-accent: #06202b;--ok: #6fd3a0;--ok-bg: #143526;--warn: #f0b561;--warn-bg: #3b2a0d;--crit: #f59288;--crit-bg: #431a17;--info: #72c5e2;--info-bg: #123240;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:400 15px/1.5 var(--f-text);font-variant-numeric:tabular-nums;-webkit-text-size-adjust:100%}h2,h3,p,ul,ol,dl,dd{margin:0;padding:0}ul,ol{list-style:none}h2{font-size:17px;font-weight:600;text-wrap:balance}h3{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}a{color:var(--accent)}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.muted{color:var(--muted)}.code{font-family:var(--f-code);font-size:.92em}.num{text-align:end}.stack{display:grid;gap:var(--s5);min-width:0}.stack-s{display:grid;gap:var(--s3);min-width:0}.stack>*,.stack-s>*{min-width:0}.top{background:var(--surface);border-bottom:1px solid var(--line)}.top-in,.page{max-width:1240px;margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.top-in{display:flex;flex-wrap:wrap;align-items:center;column-gap:var(--s5)}.brand{display:flex;align-items:center;gap:var(--s2);padding-block:var(--s3);color:var(--ink);font-weight:600;font-size:16px;text-decoration:none}.brand-mark{padding:2px 6px;background:var(--accent);color:var(--on-accent);font:500 12px/1.4 var(--f-code);border-radius:var(--radius)}.tabs{display:flex;flex:1;gap:var(--s1);min-width:0;overflow-x:auto}.tabs a{padding:var(--s3) var(--s3);border-bottom:2px solid transparent;color:var(--muted);text-decoration:none;white-space:nowrap}.tabs a:hover{color:var(--ink)}.tabs a[aria-current=page]{border-bottom-color:var(--accent);color:var(--ink);font-weight:600}.lang{padding:var(--s1) var(--s3);background:none;border:1px solid var(--line);border-radius:var(--radius);cursor:pointer}.lang:hover{border-color:var(--muted)}@media(max-width:640px){.top-in{justify-content:space-between}.tabs{order:3;flex-basis:100%}.tabs a{flex:1;text-align:center}}.page{padding-block:var(--s4) var(--s6);display:grid;gap:var(--s4)}.demo-note{justify-self:start;padding:2px var(--s2);background:var(--sunken);color:var(--muted);font-size:13px;border-radius:var(--radius)}.error{color:var(--crit)}.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.tile{padding:var(--s4);border-inline-start:1px solid var(--line)}.tile:first-child{border-inline-start:0}.tile dt{color:var(--muted);font-size:13px}.tile-value{font:500 28px/1.3 var(--f-code);letter-spacing:-.02em}.unit,.tile-note{color:var(--muted);font-size:13px}@media(max-width:760px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.tile:nth-child(odd){border-inline-start:0}.tile:nth-child(n+3){border-top:1px solid var(--line)}.tile-value{font-size:22px}}.cols{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:var(--s5);align-items:start}@media(max-width:900px){.cols{grid-template-columns:minmax(0,1fr)}}.panel{display:grid;gap:var(--s3);min-width:0;padding:var(--s4);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.panel-head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s3)}.count{margin-inline-start:var(--s1);padding:0 6px;background:var(--sunken);color:var(--muted);font:500 13px/1.6 var(--f-code);border-radius:var(--radius)}.rows{display:grid}.rows li{display:grid;gap:2px;padding-block:var(--s2);border-top:1px solid var(--line);font-size:14px}.rows li:first-child{border-top:0;padding-top:0}.rows li:last-child{padding-bottom:0}.rows li>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:var(--s2)}.zones{display:grid;gap:var(--s4)}.zones li{display:grid;gap:var(--s1)}.zone-head,.zone-foot{display:flex;justify-content:space-between;gap:var(--s2)}.zone-foot{font-size:13px}.temp{font:500 15px/1.5 var(--f-code);color:var(--accent)}.bar{block-size:8px;background:var(--sunken);border-radius:var(--radius);overflow:hidden}.bar span{display:block;block-size:100%;background:var(--accent)}.pill{display:inline-block;padding:1px 7px;font-size:12.5px;line-height:1.5;white-space:nowrap;border-radius:var(--radius);background:var(--sunken);color:var(--muted)}.pill-ok{background:none;padding-inline:0}.pill-warn{background:var(--warn-bg);color:var(--warn)}.pill-critical,.pill-expired{background:var(--crit-bg);color:var(--crit)}.pill-expired{font-weight:600}.pill-order-new,.pill-ship-customs{background:var(--info-bg);color:var(--info)}.pill-order-picking{background:var(--warn-bg);color:var(--warn)}.pill-order-shipped{background:var(--ok-bg);color:var(--ok)}.flag{margin-inline-start:var(--s2)}.table-wrap{min-width:0;overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.panel .table-wrap{border:0;margin-inline:calc(var(--s4) * -1);border-radius:0}table{inline-size:100%;border-collapse:collapse;font-size:14px}th,td{padding:var(--s2) var(--s3);text-align:start;vertical-align:top;white-space:nowrap}th.num,td.num{text-align:end}.panel th:first-child,.panel td:first-child{padding-inline-start:var(--s4)}thead th{color:var(--muted);font-size:12.5px;font-weight:500;border-bottom:1px solid var(--line)}tbody tr+tr>td{border-top:1px solid var(--line)}.sub{display:block;color:var(--muted);font-size:12.5px}.link{padding:0;background:none;border:0;color:var(--accent);text-decoration:underline;text-underline-offset:2px;cursor:pointer}.expand{display:inline-flex;align-items:center;gap:var(--s2);padding:0;background:none;border:0;cursor:pointer}.expand:disabled{cursor:default}.caret{inline-size:0;block-size:0;border-block:4px solid transparent;border-inline-start:6px solid var(--muted)}.expand:disabled .caret{visibility:hidden}.expand[aria-expanded=true] .caret{transform:rotate(90deg)}.stock tr.is-open>td{background:var(--sunken)}.stock tr.detail>td{padding:var(--s3) var(--s3) var(--s4) var(--s5);background:var(--sunken);border-top:0}.detail table{margin-top:var(--s2);background:var(--surface);border:1px solid var(--line)}.filters{display:flex;flex-wrap:wrap;align-items:end;gap:var(--s3) var(--s4)}.field{display:grid;gap:var(--s1);min-width:0}.field>span{color:var(--muted);font-size:12.5px}.grow{flex:1 1 220px;max-width:360px}input,select{block-size:36px;padding:0 var(--s3);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-width:0;inline-size:100%}.segments,.chips{display:flex;flex-wrap:wrap}.segments button,.chip{block-size:36px;padding:0 var(--s3);background:var(--surface);border:1px solid var(--line);cursor:pointer}.segments button+button{margin-inline-start:-1px}.segments button:first-child{border-radius:var(--radius) 0 0 var(--radius)}.segments button:last-child{border-radius:0 var(--radius) var(--radius) 0}.segments button[aria-pressed=true],.chip[aria-pressed=true]{position:relative;border-color:var(--accent);background:var(--info-bg);color:var(--info)}.chips{gap:var(--s2)}.chip{border-radius:var(--radius)}.primary{block-size:36px;padding:0 var(--s4);background:var(--accent);color:var(--on-accent);border:0;border-radius:var(--radius);font-weight:500;cursor:pointer}.order{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.order summary{display:grid;grid-template-columns:5.5em minmax(0,1fr) auto 6em auto;align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);cursor:pointer;list-style:none}.order summary::-webkit-details-marker{display:none}.order[open] summary{border-bottom:1px solid var(--line)}.order .table-wrap{border:0}.order-who{min-width:0}@media(max-width:640px){.order summary{grid-template-columns:minmax(0,1fr) auto}.order-who{grid-column:1 / -1;grid-row:2}.order summary .num{text-align:start}}.trace-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--s2) var(--s4);padding-top:var(--s4);border-top:1px solid var(--line)}.trace-code{font-size:22px;font-weight:500}.chain{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.chain li{position:relative;display:grid;align-content:start;gap:var(--s3);padding:var(--s4);border-inline-start:1px solid var(--line)}.chain li:first-child{border-inline-start:0}.chain li+li:before{content:"";position:absolute;inset-block-start:var(--s4);inset-inline-start:-6px;inline-size:10px;block-size:10px;background:var(--surface);border-block-start:1px solid var(--muted);border-inline-end:1px solid var(--muted);transform:rotate(45deg)}.chain dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--s1) var(--s4);font-size:14px}.chain dt{color:var(--muted)}@media(max-width:760px){.chain{grid-template-columns:minmax(0,1fr)}.chain li{border-inline-start:0}.chain li+li{border-top:1px solid var(--line)}.chain li+li:before{inset-block-start:-6px;inset-inline-start:var(--s5);transform:rotate(135deg)}}.ledger{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s4);padding:var(--s3) var(--s4);background:var(--sunken);border-radius:var(--radius);font-family:var(--f-code);font-size:14px}
