[hidden]{display:none!important}@import url("data:text/css,");:root{--bg:#070b0a;--panel:#101815;--panel2:#141e1a;--line:#25312c;--text:#f6fbf8;--muted:#91a29a;--green:#20c978;--red:#ff4d5e;--amber:#f0a53a;--focus:#5d8cff;font-family:"Microsoft YaHei UI","Segoe UI",system-ui,sans-serif;color:var(--text);background:var(--bg);color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg)}button,select{font:inherit}button,select,a{min-height:44px}.brand,button,select{outline:0}.brand:focus-visible,button:focus-visible,select:focus-visible{box-shadow:0 0 0 3px rgba(93,140,255,.5)}header{height:78px;display:flex;align-items:center;gap:20px;padding:12px 24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none}.brand i{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--green);color:#07100c;font-style:normal;font-size:24px}.brand strong{font-size:22px}h1{font-size:20px;margin:0}.simulation{padding:8px 14px;border:1px solid #284236;border-radius:12px;color:#66f2ac;background:#112019;font-size:12px}header dl{display:flex;gap:42px;margin:0 10px 0 auto}header dl div{display:grid;gap:2px}dt{font-size:10px;color:var(--muted)}dd{margin:0;font-size:12px;font-weight:700}header label{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}select,button{border:1px solid var(--line);border-radius:12px;color:var(--text);background:var(--panel2);padding:0 15px;cursor:pointer}button:disabled{opacity:.38;cursor:not-allowed}.secondary{min-width:128px}main{display:grid;grid-template-columns:220px minmax(580px,1fr) 300px;gap:16px;min-height:calc(100vh - 118px);padding:16px 24px}aside,.live,.settlement,.timeline{border:1px solid var(--line);border-radius:22px;background:var(--panel)}aside{padding:22px}h2{font-size:16px;margin:0}.title-row{display:flex;align-items:center;gap:18px}.title-row>span{font-size:11px;color:var(--muted)}.title-row>span:last-child{margin-left:auto}ol{list-style:none;padding:18px 0;margin:0;counter-reset:step}ol li{position:relative;display:flex;align-items:center;min-height:64px;padding-left:52px;color:var(--muted);font-weight:700;font-size:13px;counter-increment:step}ol li:before{content:counter(step,decimal-leading-zero);position:absolute;left:0;display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#26332d;color:var(--text);font-size:10px}ol li:not(:last-child):after{content:"";position:absolute;left:16px;top:48px;width:2px;height:32px;background:#304038}.done:before{background:#365243!important}.active{color:var(--text)}.active:before{background:var(--green)!important;color:#07100c!important}.scenario{display:grid;gap:7px;padding:15px;border:1px solid var(--line);border-radius:14px}.scenario small,.danger small{color:var(--muted)}.danger,.warning{width:100%;margin-top:14px;text-align:left}.danger{border-color:#512a31;background:#281619;color:#ffb1ba}.danger small{display:block;margin-top:4px}.warning{color:#ffd79d}.workspace{display:grid;grid-template-rows:minmax(410px,1fr) 245px;gap:16px}.live,.settlement,.timeline{padding:24px}.status{display:inline-flex;align-items:center;gap:8px;color:#66f2ac}.status:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--green)}body[data-session-state=fault] .status{color:#ffb1ba}body[data-session-state=fault] .status:before{background:var(--red);box-shadow:0 0 12px rgba(255,77,94,.6)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:30px 0}.metrics div{display:grid;gap:8px}.metrics small,.split small{font-size:11px;color:var(--muted)}.metrics strong{font-size:28px}.metrics em{margin-left:6px;font-size:10px;color:var(--muted);font-style:normal;font-weight:400}.chart-head{display:flex;justify-content:space-between;font-size:12px}.chart-head span{color:var(--muted)}.chart{width:100%;height:220px;margin-top:12px;overflow:visible}.chart path{stroke:#22302a;stroke-width:.35}.chart polygon{fill:rgba(32,201,120,.08)}.chart polyline{fill:none;stroke:var(--green);stroke-width:1.5;vector-effect:non-scaling-stroke}.quality{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;font-size:11px;color:var(--muted)}.quality i{height:7px;border-radius:5px;background:#26332d;overflow:hidden}.quality u{display:block;height:100%;background:var(--green);text-decoration:none}.split{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:26px 0}.split div{display:grid;gap:6px}.split b{font-size:20px}.split span{font-size:10px;color:var(--muted)}.actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:14px}.primary{background:var(--green);color:#07100c;border-color:var(--green);font-weight:700}.light{background:var(--text);color:#07100c;font-weight:700}.order{display:flex;justify-content:space-between;margin-top:12px;padding:12px;border-radius:12px;background:#e9f8f0;color:#087744}.timeline{padding:22px}.timeline ul{list-style:none;padding:14px 0;margin:0;max-height:680px;overflow:auto}.timeline li{display:grid;grid-template-columns:50px 1fr;gap:8px;padding:11px 0;border-bottom:1px solid var(--line);font-size:11px}.timeline li span{color:var(--muted)}footer{height:40px;display:grid;place-items:center;color:var(--muted);font-size:10px;border-top:1px solid var(--line)}@media(max-width:1100px){header dl{display:none}main{grid-template-columns:180px 1fr}.timeline{grid-column:1/-1}.timeline ul{max-height:180px}}@media(max-width:720px){header{height:auto;flex-wrap:wrap;padding:12px 16px}header h1{font-size:16px}.simulation{order:3}header label{margin-left:auto}main{display:block;padding:12px 16px}main>aside{display:none}.workspace{display:block}.live,.settlement,.timeline{margin-bottom:12px;padding:18px}.metrics{grid-template-columns:repeat(2,1fr)}.metrics strong{font-size:23px}.chart{height:170px}.split{grid-template-columns:repeat(2,1fr)}.timeline{display:block}.timeline ul{max-height:220px}.actions{position:sticky;bottom:0;background:var(--panel);padding:12px 0}.actions button{flex:1}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.hub-link{color:#66f2ac;font-size:12px;font-weight:700;text-decoration:none}.order a{color:#087744;font-weight:750}

/* R373I: retain task controls on narrow screens; no desktop redesign. */
@media(max-width:720px){main>aside:not(.timeline){display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:18px;margin-bottom:12px}main>aside:not(.timeline)>h2{grid-column:1/-1}main>aside:not(.timeline)>ol,main>aside:not(.timeline)>.scenario{display:none}main>aside:not(.timeline)>button{margin:0;width:100%;min-height:56px}}

.order-details{display:grid;gap:6px;min-width:0}.order-details small{font-size:12px;line-height:1.5;overflow-wrap:anywhere}

.order>strong{white-space:nowrap}@media(max-width:640px){.order{display:grid;grid-template-columns:1fr auto;gap:12px}.order-details{grid-column:1/-1}.order>a{font-size:13px}}

.workspace{grid-template-rows:minmax(410px,1fr) minmax(245px,auto)}