:root{--ink:#183340;--muted:#6b808b;--teal:#087f79;--line:#e0e8eb;--bg:#f3f6f7;--nav:#102b38;--amber:#b66c22}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font:14px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer;transition:background .16s,transform .16s}button:active{transform:translateY(1px)}button:disabled{opacity:.42;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #f0ba61;outline-offset:3px}aside{position:fixed;inset:0 auto 0 0;width:232px;background:var(--nav);padding:34px 20px;color:#d8e7ec;z-index:5}.brand{display:flex;gap:12px;align-items:center;color:white;text-decoration:none;font-size:17px;font-weight:750;letter-spacing:1px}.brand small{display:block;font-size:8px;letter-spacing:1.5px;color:#8daab7;margin-top:4px}.brandmark{font-size:28px;color:#6ce2c3;border:1px solid #40616a;padding:3px 8px;border-radius:10px;letter-spacing:-3px}.brandmark span{font-size:16px}.navlabel{font-size:9px;letter-spacing:2px;color:#73939f;margin:52px 12px 12px}.nav{display:block;width:100%;border:0;background:transparent;color:#9eb5bf;padding:13px;text-align:left;border-radius:8px;margin-bottom:7px;font-weight:550;font-size:13px}.nav.selected{background:#234a56;color:white}.nav span{float:right;font-size:10px;background:#315b67;padding:1px 6px;border-radius:5px}.sidebottom{position:absolute;bottom:28px;left:30px;right:15px;font-size:11px}.sidebottom p{color:#98b0ba;margin:12px 0}.sidebottom small{font-size:10px;color:#73939f}.statusdot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#30b995;margin-right:6px}main{margin-left:232px}header{height:78px;padding:0 38px;display:flex;justify-content:space-between;align-items:center;background:white;border-bottom:1px solid var(--line)}.breadcrumb{font-size:10px;letter-spacing:1.7px;color:#8a9aa3}.breadcrumb b{color:#425c68}.topright{display:flex;gap:18px;align-items:center}.demo{color:#8f6321;background:#fbf1dd;padding:5px 9px;border:1px solid #ecdcb9;border-radius:5px;font-weight:750;letter-spacing:.8px;font-size:9px}.quiet{border:1px solid var(--line);background:white;border-radius:6px;padding:7px 11px;color:#526d79;font-size:11px}.quiet:hover{background:#edf5f3}.view{padding:32px 38px 15px}.intro{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-bottom:25px}.eyebrow{color:var(--teal);font-size:9px;font-weight:800;letter-spacing:1.8px}h1{font-size:28px;letter-spacing:-1px;font-weight:700;margin:7px 0 6px;line-height:1.2}.intro p{color:var(--muted);font-size:12px;margin:0}.unit{text-align:right;font-size:11px;font-weight:750;white-space:nowrap}.unit small{display:block;color:var(--muted);font-size:10px;font-weight:400;margin-top:4px}.simbar{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:10px 14px;border:1px solid #c9e4df;border-radius:7px;background:#ecf6f3;font-size:10px;color:#476c65;margin-bottom:22px}.simbar select{padding:5px 7px;background:white;border:1px solid #c6dbd7;color:#335c55;border-radius:5px;font-size:10px;margin:0 6px}.muted{color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:23px}.metrics article,.panel{background:white;border:1px solid var(--line);border-radius:10px;box-shadow:0 2px 3px #16334203}.metrics article{padding:17px 18px;position:relative;overflow:hidden;min-height:151px}.metriclabel{color:#7b8d96;font-size:9px;font-weight:750;letter-spacing:1px;display:flex;justify-content:space-between}.metriclabel span{font-size:17px;line-height:1;color:var(--teal)}.metrics strong{font-size:33px;line-height:1.7;letter-spacing:-1px;font-weight:650;display:block}.metrics em{font-size:16px;font-style:normal;color:#8b9ba3;margin-left:5px;font-weight:400}.metrics small{font-size:10px;color:var(--muted);display:block}.meter{height:5px;background:#e6efed;border-radius:10px;margin:0 0 10px}.meter i{height:100%;background:var(--teal);display:block;border-radius:10px;transition:width .4s}.metrics .textmetric{font-size:25px;line-height:2.2;color:var(--teal)}.metricbadge{display:inline-block;padding:3px 6px;border-radius:4px;background:#f0f5f6;font-size:9px;margin-top:8px;color:#5a737f}.minigraph{height:20px;width:100%;margin-top:8px}.minigraph path{stroke:var(--teal);stroke-width:2;fill:none}.workgrid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr);gap:22px}.panel{padding:21px}.panelhead{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:13px}.panel h2{font-size:14px;letter-spacing:-.2px;margin:0 0 4px}.panelhead p{font-size:10px;color:var(--muted);margin:0}.badge{font-size:9px;padding:4px 8px;background:#e6f5f0;border:1px solid #c7e8dd;color:#087a5f;border-radius:4px;font-weight:800;white-space:nowrap}.badge.warn{background:#fff4df;color:#996021;border-color:#f1deb7}.badge.unknown{background:#eef1f4;color:#687f8b;border-color:#d8e0e5}.trackcanvas{background:linear-gradient(#f3f8f9,#f8fafb);border:1px solid #e6edef;border-radius:7px;position:relative;margin:18px 0}.trackcanvas svg{display:block;width:100%;padding:5px 0 25px}.diagramnote{position:absolute;bottom:10px;left:15px;font-size:10px;color:#5b7682}#derailArm{transition:transform 1s ease-in-out;transform-origin:388px 220px}.feedback{display:flex;justify-content:space-between;padding:0 2px 16px;border-bottom:1px solid var(--line);gap:10px}.feedback div{font-size:8px;letter-spacing:.8px;color:#8b9ba4}.feedback b{display:block;color:#3d5967;font-size:11px;letter-spacing:0;margin-top:5px}.controls{display:flex;gap:9px;margin:17px 0 10px}.primary,.secondary,.danger{padding:10px 13px;border-radius:6px;font-size:11px;font-weight:650;border:1px solid transparent}.primary{background:var(--teal);color:white}.primary:hover{background:#076b66}.secondary{background:white;color:#345664;border-color:#c8d7dc}.secondary:hover{background:#f1f7f7}.danger{color:#a24e3d;background:#fff7f4;border-color:#ecd9d1;margin-left:auto}.controls small{display:block;font-weight:400;font-size:9px;opacity:.8}.controlnote{font-size:10px;color:#6c848f;min-height:29px}.boundary{font-size:9px;color:#8a9ba3;border-top:1px solid var(--line);padding-top:10px}.tiny{font-size:8px;letter-spacing:1px;color:#8397a0;white-space:nowrap}.scenarioGrid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:20px}.scenarioGrid button{position:relative;border:1px solid var(--line);border-radius:7px;background:#fafcfc;padding:11px 9px;text-align:left;color:var(--teal);font-size:17px}.scenarioGrid button:hover,.scenarioGrid button.active{background:#edf7f4;border-color:#7bbbae}.scenarioGrid b{display:block;font-size:10px;color:#34515d;margin:5px 0 3px}.scenarioGrid small{display:block;color:#81939d;font-size:9px;line-height:1.3}.scenariohint{color:#91a0a8;font-size:9px;margin:15px 0 0}.lowergrid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:22px}.sliderlabel{display:flex;justify-content:space-between;font-size:11px;color:#52707d;margin:17px 0 4px}.sliderlabel b{color:var(--ink);font-size:11px}input[type=range]{width:100%;accent-color:var(--teal);cursor:pointer;height:20px}.rangetext{display:flex;justify-content:space-between;color:#8a9da7;font-size:9px}.powerstats{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;margin-top:20px;gap:10px}.powerstats div{font-size:9px;color:#7c919c}.powerstats b{display:block;font-size:12px;color:#395765;margin-top:4px}details{font-size:10px;color:#78909b;margin-top:15px}details p{font-size:11px;line-height:1.65}summary{cursor:pointer}.alert{border:1px solid #eedcb9;border-left:3px solid #d9a449;background:#fffbf3;padding:9px 12px;margin-bottom:8px;border-radius:5px;font-size:10px}.alert strong{display:block;color:#976829}.alert span{color:#938064;font-size:9px}.alert small{float:right;color:#a3895d}.healthy{background:#edf8f3;color:#31836c;border:1px solid #d4eadf;border-radius:5px;padding:13px;font-size:11px}.toggles{margin:15px 0}.toggles label{display:flex;align-items:center;justify-content:space-between;padding:7px 0;font-size:10px;color:#526e7b}.toggles input{appearance:none;width:29px;height:16px;background:#dbe5e8;border-radius:20px;position:relative;cursor:pointer;margin:0}.toggles input:before{content:'';position:absolute;height:12px;width:12px;top:2px;left:2px;background:white;border-radius:50%;box-shadow:0 1px 2px #0002;transition:left .2s}.toggles input:checked{background:var(--teal)}.toggles input:checked:before{left:15px}.smallbtn{width:100%;padding:8px}.hint{display:block;color:#93a2aa;font-size:9px;line-height:1.5;margin-top:8px}.recent{margin-top:22px}.event{display:grid;grid-template-columns:83px 72px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid #eef2f4;font-size:11px;align-items:start}.event time{color:#879ca7;font-size:10px}.event .type{font-size:9px;color:#478779;font-weight:650}.event .type.fault,.event .type.blocked{color:#ac6d30}.event .message{color:#476675;overflow-wrap:anywhere}.noteform{padding:5px 0 22px;border-bottom:1px solid var(--line);margin-bottom:10px}.noteform label{display:block;font-size:12px;margin-bottom:9px}.noteform>div{display:flex;gap:10px}.noteform input{flex:1;min-width:0;border:1px solid var(--line);border-radius:5px;padding:10px;font-size:12px}.guidegrid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.guidegrid h2{margin-top:23px}.guidegrid h2:first-child{margin-top:0}.guidegrid p{font-size:13px;line-height:1.8;color:#65808b}.guidegrid .primary{margin-top:15px}footer{padding:17px 38px 25px;color:#8e9ea6;font-size:9px}footer span{float:right}dialog{border:1px solid #d8e4e8;border-radius:13px;padding:28px;max-width:430px;color:var(--ink);box-shadow:0 20px 100px #102b3833}dialog::backdrop{background:#102b3877;backdrop-filter:blur(3px)}dialog h2{font-size:21px;margin:17px 0 10px}dialog p{color:#718894;line-height:1.7;font-size:13px}.dialogactions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}#toast{position:fixed;bottom:26px;left:calc(50% + 80px);transform:translateX(-50%);background:#173e4c;color:white;padding:13px 21px;border-radius:8px;font-size:12px;box-shadow:0 6px 35px #0002;opacity:0;pointer-events:none;transition:opacity .2s;z-index:20;max-width:85vw}#toast.show{opacity:1}[hidden]{display:none!important}@media(min-width:1600px){.view{max-width:1510px;margin:auto}header{padding-left:50px;padding-right:50px}}@media(max-width:1200px){aside{width:195px;padding:30px 13px}.brand{font-size:14px}.brand small{font-size:7px}main{margin-left:195px}.view{padding:25px}.workgrid{grid-template-columns:minmax(0,1.5fr) minmax(270px,1fr)}.metrics{gap:10px}.metrics article{padding:14px}.controls{flex-wrap:wrap}.danger{margin-left:0}.simbar{flex-wrap:wrap}.unit{display:none}header{padding:0 25px}.panel{padding:17px}}@media(max-width:960px){aside{width:70px;padding:22px 10px}.brand>div,.navlabel,.sidebottom{display:none}.brandmark{font-size:23px}.nav{font-size:0;padding:15px 0;text-align:center;margin-top:15px}.nav:before{content:'◫';font-size:20px}.nav[data-view=events]:before{content:'≡'}.nav[data-view=guide]:before{content:'ⓘ'}.nav span{display:none}main{margin-left:70px}.workgrid{grid-template-columns:1fr}.scenarioGrid{grid-template-columns:repeat(4,1fr)}.lowergrid{grid-template-columns:1fr 1fr}.metrics strong{font-size:28px}.metrics .textmetric{font-size:22px}.intro h1{font-size:25px}.topright{gap:8px}.feedback{margin-top:10px}}@media(max-width:650px){aside{position:static;width:100%;height:58px;display:flex;align-items:center;padding:6px 14px;gap:10px}.brand{margin-right:auto}.brandmark{font-size:21px}.brand>div{display:block;font-size:13px}.brand small{display:none}.nav{width:auto;margin:0;padding:8px 10px}.nav:before{font-size:19px}main{margin-left:0}header{height:55px;padding:0 16px}.breadcrumb{font-size:8px;letter-spacing:.8px}.topright .demo{display:none}.view{padding:24px 15px 5px}.intro{margin-bottom:18px;align-items:flex-start}.intro h1{font-size:24px;max-width:310px}.intro p{font-size:11px;line-height:1.7}.eyebrow{font-size:8px}.simbar{font-size:9px;gap:8px}.simbar .muted{display:none}.simbar select{font-size:9px;margin:0 3px}.metrics{grid-template-columns:1fr 1fr;gap:10px}.metrics article{min-height:132px;padding:13px}.metriclabel{font-size:8px}.metrics strong{font-size:29px}.metrics small{font-size:9px}.workgrid,.lowergrid,.guidegrid{grid-template-columns:1fr;gap:15px}.scenarioGrid{grid-template-columns:1fr 1fr}.panel{padding:16px}.panel h2{font-size:13px}.panelhead p{font-size:9px}.feedback div{font-size:7px}.feedback b{font-size:10px}.controls .primary,.controls .secondary{flex:1}.danger{width:100%}.boundary{font-size:8px}.diagramnote{font-size:9px}.event{grid-template-columns:65px 50px 1fr;gap:8px;font-size:10px}.event time{font-size:9px}.noteform>div{flex-wrap:wrap}.noteform input{width:100%;flex-basis:100%}footer{padding:20px 16px;font-size:8px;line-height:1.8}footer span{float:none;display:block}#toast{left:50%}.guidegrid p{font-size:12px}.tiny{font-size:7px}}
.fleethead{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:26px 0 14px}.fleethead h2{font-size:16px;margin:0 0 5px}.fleethead p{font-size:11px;color:var(--muted);margin:0;max-width:570px}.signallegend{display:flex;gap:15px;flex-wrap:wrap;font-size:10px;color:#58707d}.signallegend span{display:flex;align-items:center;gap:6px;white-space:nowrap}.lamp{width:14px;height:14px;display:inline-block;border-radius:50%;background:#d9e0e4;border:2px solid #c6d1d6;flex:none}.lamp.red.on{background:#eb4249;border-color:#ce303c;box-shadow:0 0 0 3px #eb424919,0 0 12px #eb424950}.lamp.green.on{background:#22ad74;border-color:#118a59;box-shadow:0 0 0 3px #22ad7419,0 0 12px #22ad7450}.lamp.blue.on{background:#347ff0;border-color:#2463c0;box-shadow:0 0 0 3px #347ff019,0 0 12px #347ff050}.signalbank{display:flex;gap:12px;padding:11px 13px;border-radius:25px;background:#eef2f4;align-items:center;width:max-content}.trackcards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.trackcard{padding:15px;background:white;border:1px solid #dfe7eb;border-radius:10px;box-shadow:0 2px 5px #18334005}.trackcard.chosen{border-color:#5aaba1;box-shadow:0 0 0 2px #087f7912}.trackselect{padding:0;border:0;background:none;text-align:left;display:block;width:100%;color:var(--ink)}.trackselect b{font-size:12px;letter-spacing:1.1px}.trackselect small{display:block;font-size:9px;color:#8597a0;margin-top:3px}.trackstatus{display:flex;align-items:center;gap:12px;margin:14px 0 7px}.trackstatus .signalbank{gap:9px;padding:8px 9px}.trackstatus .lamp{width:12px;height:12px}.signaltext{font-size:10px;letter-spacing:.5px}.signaltext.red{color:#c93d45}.signaltext.green{color:#118558}.signaltext.blue{color:#2468cb}.signaltext.unknown{color:#80929b;font-size:8px}.minitrack{width:100%;height:49px;display:block;margin:8px 0}.miniderail{transition:y .6s ease,opacity .3s}.trackmeta{display:flex;justify-content:space-between;font-size:9px;color:#718994;gap:5px}.trackconnection{color:#537e77}.trackactions{display:flex;gap:7px;margin:13px 0 8px}.trackactions button{width:50%;padding:8px 6px;font-size:11px;font-weight:650;border:1px solid #dce5e9;border-radius:5px;background:white;color:#496675}.trackactions .trackup:not(:disabled):hover{background:#fff0f0;border-color:#de8e95;color:#b53440}.trackactions .trackdown:not(:disabled):hover{background:#edf9f2;border-color:#7fc4a4;color:#087b4a}.trackmaint{width:100%;border:1px solid #dce5e9;border-radius:5px;background:#f8fafb;padding:7px 9px;font-size:10px;display:flex;justify-content:space-between;color:#728795}.trackmaint.enabled{background:#edf4ff;border-color:#a5c6f7;color:#2365c4}.trackmaint span{font-weight:700}.selectedstrip{display:flex;justify-content:space-between;align-items:center;margin:27px 0 14px;font-size:10px;color:var(--muted);gap:10px}.selectedstrip b{color:var(--teal);letter-spacing:1px}.detailSignal{display:flex;align-items:center;gap:10px}.detailSignal .signalbank{padding:7px 9px;gap:8px}.detailSignal .lamp{width:11px;height:11px}.badge.up{background:#fff0f0;border-color:#f2c9cd;color:#bb3540}.badge.down{background:#e8f7f0;border-color:#c3e5d5;color:#087b4d}@media(max-width:1200px){.trackcards{grid-template-columns:repeat(2,minmax(0,1fr))}.fleethead{align-items:flex-start}.signallegend{max-width:280px;gap:10px}.detailSignal{flex-direction:column;align-items:flex-end;gap:5px}}@media(max-width:650px){.fleethead{flex-direction:column;gap:12px}.signallegend{max-width:none;font-size:9px}.trackcards{gap:10px}.trackcard{padding:12px}.trackstatus{gap:8px}.trackstatus .signalbank{gap:7px;padding:7px}.trackstatus .lamp{width:10px;height:10px}.signaltext{font-size:9px}.selectedstrip{align-items:flex-start;font-size:9px}.selectedstrip span{max-width:160px;text-align:right}.trackselect small{font-size:8px}.trackmeta{font-size:8px}.trackselect b{font-size:11px}.signaltext.blue{font-size:8px}}