.workspace {
  --stage-height:clamp(505px,calc(100dvh - 255px),1300px);
  display:grid; grid-template-columns:minmax(0,1fr) clamp(330px,24vw,425px);
  border:1px solid #a6b2b4; min-width:0; background:var(--paper);
}
.is-work .workspace{grid-template-columns:minmax(0,1fr) clamp(382px,28vw,510px)}
.map-panel{display:grid;grid-template-rows:45px minmax(0,1fr) 37px;height:var(--stage-height);min-width:0;color:#e2e8e8;background:#273138}
.map-panel .panel-head,.view-status{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 14px;background:#273138}
.map-panel .panel-head{border-bottom:1px solid #49545a}.view-title,.view-status,.totals,.totals>span,.trace-title,.dispatch-id,.dispatch-verdict,.sources-heading{display:flex;align-items:center}
.view-title{min-width:0;gap:9px}.view-title i{color:#b7c8cc}.view-title h2{font-size:clamp(14px,1vw,18px);font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cams{gap:0;border:1px solid #5c6a71;border-radius:3px;overflow:hidden;flex:none}
.cams button{color:#c5ced1;padding:4px 11px;font-size:11px;white-space:nowrap;line-height:1.45;border:0;border-radius:0}
.cams button+button{border-left:1px solid #516269}.cams button[aria-pressed=true]{color:#f5f7f6;background:#52616a}.cams button:hover:not(:disabled){background:#46565e}
#map{position:relative;min-height:0;min-width:0;width:100%;height:100%;overflow:hidden}
.view-status{background:#222b30;border-top:1px solid #46525a}.totals{gap:15px;white-space:nowrap}
.totals>span{gap:5px}.totals>span+span{border-left:1px solid #49565c;padding-left:14px}
.totals strong{font:600 13px var(--mono);color:#e6eeeb;font-variant-numeric:tabular-nums}
.totals small{color:#bdc8c9;font-size:10px}#map-inspect{display:inline-flex;align-items:center;gap:6px;color:#d9e6e4;font-size:11px;padding:3px 0;white-space:nowrap}
#map-inspect:hover{background:transparent;color:white;text-decoration:underline}#map-inspect i{width:14px}
.control,#work{height:var(--stage-height);min-width:0;overflow:auto;scrollbar-width:thin;border-left:1px solid #a6b2b4;background:var(--paper);color:var(--ink)}
.control{display:flex;flex-direction:column}
.console-tabs{min-height:45px;display:flex;align-items:stretch;border-bottom:1px solid var(--line);background:#e8edeb;padding:0 14px;gap:16px}
.console-tabs button{font-size:12px;color:var(--muted);font-weight:530;padding:0 5px;position:relative;border:0;border-radius:0}
.console-tabs button[aria-pressed=true]{color:#18382f;font-weight:650}
.console-tabs button[aria-pressed=true]:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:#3d6b5f}
#order-summary{display:flex;flex:1;flex-direction:column;min-height:0}
.dispatch-body{min-height:0;overflow:auto;scrollbar-width:thin;padding:clamp(16px,1.35vw,26px);padding-bottom:12px}
.dispatch-id{color:#53636a;font:12px var(--mono);letter-spacing:.04em;gap:7px}.dispatch-id i{width:15px;height:15px}
.dispatch-body h2{margin:7px 0 4px;font-size:clamp(21px,1.5vw,28px);font-weight:630;letter-spacing:-.025em;line-height:1.3}
.dispatch-unit{font-size:12px;color:var(--muted)}
.pipe-sheet{margin:clamp(13px,1.4vh,20px) 0 15px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:7px 0 1px;background:#eff2ef}
.pipe-sheet figcaption{display:flex;align-items:center;justify-content:space-between;padding:0 8px;color:#53636a;font-size:11px}
.pipe-sheet figcaption button{display:flex;align-items:center;gap:4px;padding:2px 3px;color:#304f4a;font-size:10px}
.pipe-sheet figcaption i{width:13px;height:13px}.piping{width:100%;height:clamp(86px,10.8vh,132px)}
.sources-heading{justify-content:space-between}.sources-heading h3,.trace-title h3{font-weight:610;font-size:13px}.sources-heading>span{font:11px var(--mono);color:var(--muted)}
.receipt-list{margin-top:5px}.receipt-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid var(--soft-line);font-size:12px}
.receipt-list code{font:10px var(--mono);color:var(--muted)}.receipt-list b{display:inline-flex;align-items:center;gap:5px;color:#286254;font-size:10px;font-weight:540}
.receipt-list b i,#map-status i{height:5px;width:5px;display:inline-block;border-radius:1px;background:#4a8c74}
.dispatch-foot{margin-top:auto;padding:12px clamp(16px,1.35vw,26px) 16px}
.dispatch-verdict{justify-content:space-between;gap:12px;font-size:12px;color:#49565a}
.dispatch-verdict b{background:#f5e7ce;color:#744b15;border-left:3px solid #af7c33;padding:3px 8px;font-size:11px;font-weight:600}
.dispatch-verdict [data-state=verified]{color:#235c4c;background:#dcece2;border-color:#41846b}
.order-open,.inject,.inspect{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 13px;font-weight:600;font-size:13px}
.order-open{margin-top:10px;background:#25343c;color:#fff;border-color:#25343c}.order-open:hover:not(:disabled){background:#344950}
#injection-panel{padding:15px clamp(15px,1.25vw,24px)}.control-heading{display:flex;align-items:center;gap:9px;margin-bottom:12px}
.control-heading h2{font-size:19px;line-height:1.3}.control-heading>i{color:#54666b}.control-body label,.control-kv dt,.trace-axis,.trace-reading small{font-size:11px;color:var(--muted)}
.select-wrap{position:relative;margin:5px 0 8px}.select-wrap select{width:100%;appearance:none;background:#fff;border:1px solid #a3b1b3;border-radius:2px;padding:8px 25px 8px 43px;font-size:13px;font-weight:550}
.zone-no,.select-wrap i{position:absolute;top:50%;transform:translateY(-50%);pointer-events:none}.zone-no{left:10px;color:#62747a;border-right:1px solid #bcc6c5;padding-right:7px;font:12px var(--mono)}.select-wrap i{right:8px;width:13px}
.control-kv{margin:0 0 9px}.control-kv>div{display:flex;align-items:center;justify-content:space-between;padding:3px 0}.control-kv dd{font-size:12px}
.inject{justify-content:center;background:#835727;color:white}.inject:hover:not(:disabled){background:#6f4720}
.inspect{margin-top:5px;border-color:var(--line);background:#f1f4f0;color:#304349;font-weight:520}.trace{margin-top:14px;padding-top:11px;border-top:1px solid var(--line)}
.trace-title,.trace-axis{display:flex;justify-content:space-between}.trace-title h3{font-size:12px}.trace-title{gap:6px}.trace-title #map-status{font-size:9px;display:inline-flex;gap:4px;align-items:center;color:#417060}.trace-title #map-status.warn{color:#855423}.trace-title #map-status.warn i{background:#a87539}
.trace-reading{display:flex;gap:6px;align-items:baseline;margin:4px 0}.trace-reading strong{font:24px var(--mono)}
#spark{width:100%;height:32px}.trace-axis{font:10px var(--mono),var(--sans);color:#69787c}.trace #cost-comparison{margin-top:9px}
@media(min-width:1600px){.workspace{--stage-height:clamp(650px,calc(100dvh - 267px),1400px)}.dispatch-body{padding-top:28px}.pipe-sheet{margin:24px 0}.receipt-list>div{padding:13px 0;font-size:14px}.receipt-list code,.receipt-list b{font-size:12px}.sources-heading h3,.dispatch-unit,.dispatch-verdict{font-size:14px}.order-open{padding:13px 15px}.dispatch-foot{padding-bottom:22px}.map-panel{grid-template-rows:49px minmax(0,1fr) 42px}.console-tabs{min-height:49px}.totals strong{font-size:15px}.totals small,#map-inspect,.cams button{font-size:12px}}
@media(max-height:800px) and (min-width:901px){.workspace{--stage-height:clamp(450px,calc(100dvh - 230px),630px)}.dispatch-body{padding-top:14px;padding-bottom:4px}.pipe-sheet{margin:10px 0 12px}.dispatch-foot{padding-top:8px}.receipt-list>div{padding:7px 0}.order-open{padding:8px 12px}}
@media(max-width:1100px){.workspace{grid-template-columns:minmax(0,1fr) 310px}.is-work .workspace{grid-template-columns:minmax(0,1fr) 362px}.totals{gap:8px}.totals>span+span{padding-left:8px}.cams button{padding:4px 7px}.map-panel .panel-head,.view-status{padding:0 9px}}
@media(max-width:900px){.workspace,.is-work .workspace{grid-template-columns:1fr}.map-panel{height:clamp(350px,55dvh,620px)}.control,#work{height:auto;max-height:none;border-left:none;border-top:1px solid var(--line)}.dispatch-body{padding:15px}.dispatch-body .piping{height:98px}.dispatch-foot{padding:12px 15px}#order-summary{min-height:0}.pipe-sheet{margin:12px 0}.dispatch-body h2{font-size:22px}}
@media(max-width:600px){.view-title h2{font-size:12px}.view-title{gap:4px}.totals>span,.totals{gap:3px}.totals>span+span{padding-left:4px}.totals small{font-size:9px}.totals strong{font-size:11px}#map-inspect{font-size:9px;gap:3px}.map-panel{grid-template-rows:38px minmax(0,1fr) 32px}}
#order-criteria{margin-top:13px}
#order-criteria summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;font-size:12px;font-weight:600;padding:3px 0;color:#3c4d52}
#order-criteria summary::-webkit-details-marker{display:none}
#order-criteria summary i{width:13px;height:13px}
#order-criteria[open] summary i{transform:rotate(180deg)}
#order-criteria dl{margin-top:4px}
#order-criteria dl>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:12px;padding:5px 0;font-size:11px;color:#536269}
#order-criteria dd{color:#67757a;font-weight:500}
#order-criteria dd[data-state=verified]{color:#216b5c}
#order-criteria dd[data-state=mismatch]{color:#8a491c}
@media(min-width:1600px){#order-criteria{margin-top:21px}#order-criteria summary{font-size:14px}#order-criteria dl>div{font-size:12px;padding:6px 0}}