:root{--bg: #0a0b0c;--panel: #0d0e10;--raised: #121417;--line: #1d2126;--line-soft: #16191d;--text: #b6bcc2;--bright: #e9edf1;--dim: #6a7178;--dimmer: #474d53;--accent: #c8a24a;--accent-dim: #7d6733;--bad: #b3564066;--bad-text: #c9704f;--good-text: #6c9a76;--mono: ui-monospace, "Cascadia Mono", "SF Mono", Menlo, Consolas, monospace;--ui: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:var(--ui);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}body{padding:0}#app{max-width:1320px;margin:0 auto;padding:0 20px 40px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0 14px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px}.mark{width:11px;height:11px;border:1px solid var(--accent);transform:rotate(45deg);display:inline-block}.brand-name{font-size:12px;letter-spacing:.18em;color:var(--bright);font-weight:500}.brand-sep{color:var(--dimmer)}.brand-sub{font-size:12px;letter-spacing:.18em;color:var(--dim)}.topbar-right{display:flex;align-items:center;gap:14px}.site,.runclock{font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--dim)}.runclock{color:var(--text)}.metrics{display:flex;flex-wrap:wrap;border-bottom:1px solid var(--line)}.metrics .metric{flex:1 1 150px}[hidden]{display:none!important}.metric{padding:14px 16px 14px 0;display:flex;flex-direction:column;gap:4px;border-right:1px solid var(--line-soft)}.metric:last-child{border-right:0}.metric:not(:first-child){padding-left:16px}.metric .k{font-size:9.5px;letter-spacing:.13em;color:var(--dimmer);white-space:nowrap}.metric .v{font-family:var(--mono);font-size:19px;color:var(--bright);letter-spacing:-.01em}.metric.alert .v{color:var(--bad-text)}.grid{display:flex;flex-wrap:wrap;align-items:flex-start;border-bottom:1px solid var(--line)}.panel{padding:18px 20px 22px;min-width:0}.panel-line{flex:1.4 1 360px;padding-left:0}.panel-side{flex:1 1 260px;border-left:1px solid var(--line-soft)}.panel-title{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);font-weight:500;margin:0 0 14px;display:flex;justify-content:space-between;align-items:baseline;gap:8px}.panel-title.mt{margin-top:28px}.hint{font-family:var(--mono);font-size:10px;color:var(--dimmer);letter-spacing:.06em}.order{border:1px solid var(--line);padding:14px 15px 15px;margin-bottom:12px;background:var(--panel)}.order.head{border-color:var(--accent-dim)}.order-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:2px}.order-ref{font-family:var(--mono);font-size:12px;color:var(--bright);letter-spacing:.04em}.order-cust{font-size:12px;color:var(--dim)}.order-cut{font-family:var(--mono);font-size:11px;color:var(--dim)}.order-cut.warn{color:var(--accent)}.order-cut.late{color:var(--bad-text)}.order-lines{margin:9px 0 12px}.order-line{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;padding:2px 0;color:var(--text)}.order-line .sku{font-family:var(--mono);font-size:11px;color:var(--dimmer)}.stages{display:flex;gap:0;margin-bottom:12px;border:1px solid var(--line-soft)}.stage{flex:1;text-align:center;font-size:9px;letter-spacing:.12em;padding:5px 2px;color:var(--dimmer);border-right:1px solid var(--line-soft);position:relative}.stage:last-child{border-right:0}.stage.done{color:var(--dim);background:var(--line-soft)}.stage.now{color:var(--bg);background:var(--accent)}.progress{height:2px;background:var(--line);margin-bottom:12px}.progress>i{display:block;height:100%;background:var(--accent-dim)}.actions{display:flex;gap:8px;flex-wrap:wrap}button{font-family:var(--ui);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text);background:var(--raised);border:1px solid var(--line);padding:9px 14px;cursor:pointer;transition:border-color 90ms linear,color 90ms linear,background 90ms linear}button:hover:not(:disabled){border-color:var(--accent-dim);color:var(--bright)}button:active:not(:disabled){background:#191c20}button:disabled{color:var(--dimmer);cursor:default;border-color:var(--line-soft)}button.primary{border-color:var(--accent-dim);color:var(--accent);flex:1;min-width:160px;padding:12px 16px;font-size:12px}button.primary:hover:not(:disabled){background:#17140c;color:var(--bright);border-color:var(--accent)}button.ghost{background:none;border-color:var(--line);padding:6px 11px;font-size:10px}.blocked{font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--bad-text);border:1px dashed var(--bad);padding:10px 12px;text-align:center}.empty{font-family:var(--mono);font-size:11px;color:var(--dimmer);letter-spacing:.08em;padding:14px 0}.mt6{margin-top:8px}.idle{border:1px solid var(--line-soft);padding:26px 20px;text-align:center}.idle-text{color:var(--dim);font-size:13px;margin:0 0 18px}.idle .actions{justify-content:center}.shelf{border:1px solid var(--line)}.shelf-head{font-size:9.5px;letter-spacing:.13em;color:var(--dimmer);padding:9px 12px;border-bottom:1px solid var(--line-soft)}.shelf-row{display:flex;align-items:baseline;gap:14px;width:100%;text-align:left;text-transform:none;letter-spacing:0;background:none;border:0;border-bottom:1px solid var(--line-soft);padding:10px 12px;font-size:13px}.shelf-row:hover{background:#14171a;color:var(--bright)}.shelf-row.missed{color:var(--bad-text)}.shelf-sku{font-family:var(--mono);font-size:11.5px;color:var(--dimmer);min-width:66px}.shelf-row:hover .shelf-sku{color:var(--accent)}.shelf-name{color:inherit}.shelf-miss{font-size:12px;color:var(--bad-text);padding:9px 12px;border-bottom:1px solid var(--line-soft)}.shelf .actions{padding:10px 12px}.carton{border:1px solid var(--line)}.carton-head{font-size:9.5px;letter-spacing:.13em;color:var(--dimmer);padding:9px 12px;border-bottom:1px solid var(--line-soft)}.carton-body{padding:12px}.carton-item{font-size:13px;color:var(--text);padding:1px 0}.carton-note{font-size:11px;color:var(--dim);margin-top:6px}.fill{height:3px;background:var(--line);margin-top:12px}.fill>i{display:block;height:100%;background:var(--accent-dim)}.carton-opts{display:flex}.carton-opt{flex:1;display:flex;flex-direction:column;gap:4px;align-items:flex-start;text-align:left;text-transform:none;letter-spacing:0;background:none;border:0;border-right:1px solid var(--line-soft);padding:12px}.carton-opt:last-child{border-right:0}.carton-opt:hover:not(.too-small){background:#14171a}.carton-opt-name{font-size:10px;letter-spacing:.14em;color:var(--bright)}.carton-opt-cap{font-family:var(--mono);font-size:10.5px;color:var(--dimmer)}.carton-opt.too-small{opacity:.45}.carton-opt.too-small .carton-opt-cap{color:var(--bad-text)}.queue-rest{margin-top:6px}.qrow{display:flex;justify-content:space-between;gap:10px;font-size:11.5px;padding:5px 0;border-top:1px solid var(--line-soft);color:var(--dim)}.qrow .ref{font-family:var(--mono);font-size:11px}.qrow .st{font-size:9.5px;letter-spacing:.12em;color:var(--dimmer)}.readout{display:flex;justify-content:space-between;align-items:baseline;padding:5px 0;font-size:12.5px}.readout .k{color:var(--dim)}.readout .v{font-family:var(--mono);color:var(--bright)}.readout .v.up{color:var(--bad-text)}.readout .v.down{color:var(--good-text)}.spark{display:block;width:100%;height:34px;margin:8px 0 12px}.buyrow{display:flex;gap:6px;margin:10px 0 4px;flex-wrap:wrap}.buyrow button{flex:1;min-width:62px;padding:8px 6px}.slider-wrap{margin:16px 0 4px}input[type=range]{width:100%;appearance:none;height:20px;background:none;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:1px;background:var(--line)}input[type=range]::-webkit-slider-thumb{appearance:none;width:3px;height:15px;background:var(--accent);margin-top:-7px;border:0}input[type=range]::-moz-range-track{height:1px;background:var(--line)}input[type=range]::-moz-range-thumb{width:3px;height:15px;background:var(--accent);border:0;border-radius:0}.exc{border-left:2px solid var(--bad);padding:7px 0 7px 10px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center;gap:10px}.exc .what{font-size:12px;color:var(--text)}.exc .meta{font-family:var(--mono);font-size:10px;color:var(--dimmer)}.exc button{padding:6px 10px;font-size:10px}.cap{border:1px solid var(--line-soft);padding:11px 12px;margin-bottom:8px;cursor:pointer;background:none;display:block;width:100%;text-align:left;text-transform:none;letter-spacing:0;font-size:13px}.cap:disabled{opacity:.42}.cap .cap-top{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.cap .cap-name{color:var(--bright);font-size:13px}.cap .cap-cost{font-family:var(--mono);font-size:11.5px;color:var(--accent);white-space:nowrap}.cap:disabled .cap-cost{color:var(--dimmer)}.cap .cap-eff{font-size:11.5px;color:var(--dim);margin-top:3px;line-height:1.4}.cap .cap-lvl{font-family:var(--mono);font-size:10px;color:var(--dimmer)}.cap-group{font-size:9.5px;letter-spacing:.14em;color:var(--dimmer);margin:16px 0 8px}.cap-group:first-child{margin-top:0}.lower{display:grid;grid-template-columns:1.35fr 2fr;border-bottom:1px solid var(--line)}.panel-feed{padding-left:0;border-right:1px solid var(--line-soft)}.feed{max-height:230px;overflow-y:auto}.feed p{margin:0 0 7px;font-size:12.5px;line-height:1.5}.feed .t{font-family:var(--mono);font-size:10px;color:var(--dimmer);margin-right:8px}.feed .mira{color:var(--accent)}.feed .system{color:var(--dim)}.feed .ops{color:var(--bad-text)}.inbox{max-height:230px;overflow-y:auto}.mail{border-top:1px solid var(--line-soft);padding:9px 0;cursor:pointer}.mail:first-child{border-top:0}.mail .from{font-size:11px;color:var(--dim)}.mail .subj{font-size:13px;color:var(--text)}.mail.unread .subj{color:var(--bright)}.mail.unread .from:before{content:"● ";color:var(--accent);font-size:8px;vertical-align:1px}.mail .body{font-size:12.5px;color:var(--dim);white-space:pre-wrap;margin-top:8px;line-height:1.55}.footbar{display:flex;justify-content:space-between;padding:14px 0 0;font-size:10px;letter-spacing:.1em;color:var(--dimmer)}.dim{color:var(--dimmer)}.scrim{position:fixed;inset:0;background:#060708d1;display:flex;align-items:center;justify-content:center;padding:24px;z-index:40}.dialog{background:var(--bg);border:1px solid var(--line);max-width:560px;width:100%;padding:26px 28px 24px;max-height:86vh;overflow-y:auto}.dialog h3{margin:0 0 4px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);font-weight:500}.dialog h4{margin:0 0 16px;font-size:20px;color:var(--bright);font-weight:400;letter-spacing:-.01em}.dialog p{font-size:13.5px;line-height:1.6}.dialog .row{display:flex;gap:8px;margin-top:18px;flex-wrap:wrap}.dialog textarea{width:100%;height:90px;background:var(--panel);border:1px solid var(--line);color:var(--dim);font-family:var(--mono);font-size:11px;padding:9px;resize:vertical}.kv{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--line-soft);font-size:13px}.kv .v{font-family:var(--mono);color:var(--bright)}@media(max-width:1080px){.panel-line{flex:1 1 100%}.lower{grid-template-columns:1fr}.panel-feed{border-right:0}.panel-inbox{padding-left:0}}@media(max-width:640px){#app{padding:0 14px 32px}.panel{flex:1 1 100%;padding-left:0;padding-right:0;border-left:0;border-bottom:1px solid var(--line-soft)}.metric{border-right:0;padding-left:0!important}button.primary{min-width:100%}}