@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#0b121a;--card:#111c28;--card2:#152433;--line:#2c3d4b;--txt:#e9f1f4;--muted:#91a3af;--gold:#ffce62;--teal:#46d7ba;--red:#ff797a}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 40% -10%,#1c3846,transparent 55%),var(--bg);color:var(--txt);font:13px 'DM Sans',system-ui,sans-serif}button,input{font:inherit}button{cursor:pointer;color:inherit;border:1px solid var(--line);background:#162535;padding:10px 13px;border-radius:7px;font-weight:700;transition:background .15s,border-color .15s}button:hover{background:#284051;border-color:#607889}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.45}.shell{max-width:1900px;margin:auto;padding:18px 22px 24px}.header{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:20px}.brand,.header-actions,.controlbar,.control-left,.speeds,.floor-head,.floor-indicators,.panel-heading,.links,.dialog-head{display:flex;align-items:center;gap:12px}.brandmark{font:900 30px 'Barlow Condensed';border:3px solid var(--gold);color:var(--gold);width:56px;height:56px;border-radius:10px;display:grid;place-items:center;letter-spacing:-3px}.brandmark span{color:white}.back{color:var(--muted);text-decoration:none;font-size:11px;letter-spacing:1px;font-weight:800;border-right:1px solid var(--line);padding-right:14px}.kicker,.eyebrow{font:700 11px 'Barlow Condensed';letter-spacing:2px;color:var(--teal)}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Barlow Condensed',Impact,sans-serif}h1{font-size:34px;font-weight:900;line-height:1}h1>span{color:var(--gold)}h1 small{display:block;font:600 10px 'DM Sans';color:var(--muted);letter-spacing:3px;margin-top:6px}.header-actions{flex-wrap:wrap}.pill{font-weight:800;font-size:11px;letter-spacing:1px;color:var(--teal);padding:7px 13px;border:1px solid #225f58;background:#11342d;border-radius:6px}.ghost{background:transparent}.danger{color:#fcaba7}.primary{color:#111b22;background:var(--gold);border-color:var(--gold);font-weight:900;letter-spacing:.4px}.primary:hover{background:#ffe29b;border-color:#ffe29b}.scorebar{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border:1px solid var(--line);background:#0e1b27;border-radius:11px;margin-bottom:14px;overflow:hidden}.stat{padding:16px 18px;border-right:1px solid var(--line);min-width:0}.stat:last-child{border:0}.stat label{display:block;color:var(--muted);font:700 11px 'Barlow Condensed';letter-spacing:1.6px;white-space:nowrap}.stat b{display:block;font:800 clamp(21px,2.4vw,35px) 'Barlow Condensed';margin:5px 0 1px;white-space:nowrap}.stat small{display:block;color:#849dab;font-size:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.stat.shift{background:#193042}.controlbar{justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:14px}.control-left{gap:9px;flex-wrap:wrap}.speeds{gap:0;border:1px solid var(--line);border-radius:6px;overflow:hidden}.speeds button{border:0;border-radius:0;background:transparent;padding:10px 11px}.speeds button[aria-pressed=true]{background:#315063;color:var(--gold)}.toggle{display:flex;align-items:center;gap:7px;font:800 11px 'Barlow Condensed';letter-spacing:1.2px;color:#a8dad0;padding:6px}.toggle input{width:18px;height:18px;accent-color:var(--teal)}.help-hint{color:#688495;font:700 10px 'Barlow Condensed';letter-spacing:1.3px}.layout{display:grid;grid-template-columns:minmax(260px,300px) minmax(400px,1fr) minmax(280px,320px);gap:12px;align-items:stretch;min-height:650px}.panel,.floor-panel{border:1px solid var(--line);background:var(--card);border-radius:10px;overflow:hidden;min-width:0}.panel-heading,.floor-head{justify-content:space-between;padding:17px;border-bottom:1px solid var(--line)}h2{font-size:25px;font-weight:800;line-height:1.12;margin-top:4px}.badge{font:700 10px 'Barlow Condensed';color:var(--gold);background:#2b3233;border:1px solid #565441;padding:5px 8px;border-radius:5px;letter-spacing:1px;white-space:nowrap}.tabs{padding:9px 10px;border-bottom:1px solid var(--line);display:flex;gap:4px}.tabs button{flex:1;padding:8px 4px;text-align:center;background:transparent;border:1px solid transparent;color:var(--muted);font:800 11px 'Barlow Condensed';letter-spacing:.5px}.tabs button[aria-pressed=true]{background:#274357;color:var(--txt);border-color:#476379}.job-list{overflow-y:auto;max-height:530px;min-height:390px}.job{padding:13px 15px;border-bottom:1px solid #263745;cursor:pointer;display:block;width:100%;border-radius:0;background:transparent;text-align:left}.job:hover,.job.selected{background:#1c3444}.job.selected{border-left:3px solid var(--gold);padding-left:12px}.job-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.job strong{font-family:'Barlow Condensed';font-size:19px;line-height:1.2}.job small{color:#91a7b2;font-size:11px;display:block;margin:3px 0 8px}.stage-label{font:800 10px 'Barlow Condensed';letter-spacing:1px;color:#bce0e5}.stage-label.referral{color:var(--gold)}.stage-label.ready{color:var(--teal)}.progress{height:4px;border-radius:5px;background:#283c48;overflow:hidden;margin-top:9px}.progress span{display:block;height:100%;background:linear-gradient(90deg,#ffbc53,var(--teal))}.job .job-money{font-size:11px;color:var(--gold)}.board-footer{padding:12px}.board-footer button{width:100%}.board-footer small{display:block;color:var(--muted);line-height:1.5;margin-top:8px}.subtle{background:#183743;border-color:#2d686d;color:var(--teal)}.floor-panel{display:flex;flex-direction:column}.floor-head{padding:15px 20px}.floor-head h2 em{font:900 10px 'DM Sans';font-style:normal;letter-spacing:1px;background:#18483d;border-radius:4px;color:var(--teal);padding:4px 6px;vertical-align:middle}.floor-indicators{font-size:10px;color:#8eb0bd;gap:10px;flex-wrap:wrap}.dot{display:inline-block;width:7px;height:7px;border-radius:100%;margin-right:4px}.amber{background:var(--gold)}.blue{background:#59b4eb}.green{background:var(--teal)}.scene-wrap{position:relative;min-height:385px;flex:1;background:radial-gradient(ellipse at 50% 45%,#243e4c 0%,#122532 58%,#0d1a26 100%)}#workshop{width:100%;height:100%;position:absolute;inset:0;display:block;touch-action:pan-y;cursor:grab}#workshop:active{cursor:grabbing}.scene-badge{position:absolute;top:12px;left:14px;font:800 10px 'Barlow Condensed';letter-spacing:1.5px;background:#061520dd;border:1px solid #2c5561;color:#6be0cd;border-radius:4px;padding:7px 11px;pointer-events:none}.scene-zoom{position:absolute;right:12px;bottom:12px;display:flex;flex-direction:column;gap:5px}.scene-zoom button{background:#0b1c2ddd;width:35px;height:35px;padding:0;font-size:19px}.flow{padding:13px 12px;display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;border-block:1px solid var(--line);background:#0c1925}.flow span{font:800 10px 'Barlow Condensed';letter-spacing:1px;color:#a7cbd0}.flow b{color:#547584}.floor-bottom{padding:13px 15px 18px}.bottom-title{font:800 13px 'Barlow Condensed';letter-spacing:1.3px;margin-bottom:10px}.bottom-title span{font:500 10px 'DM Sans';color:var(--muted);float:right}.bays{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.bay{border:1px solid #35505e;background:#142736;padding:8px;border-radius:5px;min-width:0}.bay-row{display:flex;justify-content:space-between;color:#bdd5da;font:800 11px 'Barlow Condensed';letter-spacing:.5px;gap:3px}.bay small{font-size:10px;color:var(--gold)}.bay>span{display:block;margin-top:7px;height:3px;background:#2b4350;border-radius:4px;overflow:hidden}.bay>span i{display:block;height:100%;background:var(--teal)}.inspector{display:flex;flex-direction:column}#inspector-body{padding:14px;overflow:auto;max-height:760px;flex:1}.section-label{font:900 11px 'Barlow Condensed';letter-spacing:1.2px;color:var(--teal);margin-bottom:11px}.car-title{font:900 30px 'Barlow Condensed';margin-bottom:3px}.subline{font-size:11px;color:var(--muted);line-height:1.7;margin-bottom:14px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:13px 0}.detail-cell{background:#192d3a;padding:10px;border-radius:5px}.detail-cell label{display:block;color:var(--muted);font-size:10px}.detail-cell b{font:800 19px 'Barlow Condensed';color:var(--txt)}.highlight{color:var(--gold)!important}.muted{color:var(--muted)}.stepper{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin:14px 0}.stepper>span{height:6px;background:#29404a;border-radius:3px}.stepper>span.done{background:var(--teal)}.stepper>span.current{background:var(--gold)}.field{display:block;font-size:11px;color:#a9bfc8;margin:11px 0 8px}.field select{width:100%;padding:12px;background:#101f2c;color:white;border:1px solid #476071;border-radius:6px;margin-top:5px}.action-stack{display:grid;gap:8px;margin-top:12px}.action-stack button{width:100%;padding:12px}.callout{border-left:3px solid var(--gold);background:#302e28;color:#e5d7bb;font-size:11px;line-height:1.5;padding:10px 12px;margin:12px 0}.crew-row{padding:12px 0;border-bottom:1px solid #29414d}.crew-row strong{display:block;font:800 17px 'Barlow Condensed';letter-spacing:.3px}.crew-row small{color:#8eaab7}.crew-row button{padding:6px 8px;font-size:10px}.budget{margin:12px 0}.budget-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #29404b;font-size:12px}.budget-row b{font-family:'Barlow Condensed';font-size:17px}.budget-total{color:var(--teal)}.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.mini{min-height:175px}.events{max-height:180px;overflow-y:auto;padding:12px 17px}.event{font-size:11px;line-height:1.6;padding:5px 0;border-bottom:1px solid #233541;color:#b9cbd1}.event b{font:800 11px 'Barlow Condensed';color:var(--teal);margin-right:8px}.mini>p{padding:14px 16px 6px;color:#b4c8ce;line-height:1.65}.mission{margin:8px 16px 14px;border:1px solid #597255;background:#263627;padding:9px 12px;color:#d2eec4;font-size:11px}.links{justify-content:space-between;padding:0 16px 16px}.links a{font:800 11px 'Barlow Condensed';color:var(--teal);text-decoration:none;letter-spacing:1px}footer{text-align:center;color:#627f8f;font:700 10px 'Barlow Condensed';letter-spacing:1.3px;margin:20px}.empty{color:var(--muted);padding:20px;line-height:1.7}dialog{color:var(--txt);background:#152839;border:1px solid #557181;max-width:520px;width:calc(100% - 28px);border-radius:11px;padding:23px}dialog::backdrop{background:#020b11d9;backdrop-filter:blur(5px)}dialog p,dialog li{font-size:13px;line-height:1.75;color:#cfdee4;margin:10px 0}dialog ol{padding-left:23px}dialog h2{font-size:30px}#understood{width:100%;margin-top:13px}.dialog-head{justify-content:space-between}.negative{color:var(--red)!important}.positive{color:var(--teal)!important}
@media(max-width:1320px){.layout{grid-template-columns:minmax(230px,290px) 1fr}.inspector{grid-column:1/-1}.inspector #inspector-body{max-height:none}.stat{padding:13px}.floor-panel{min-height:650px}}@media(max-width:830px){.shell{padding:10px}.header{align-items:flex-start;flex-wrap:wrap}.brand{gap:8px}.header-actions{justify-content:flex-start}.scorebar{grid-template-columns:repeat(3,minmax(0,1fr))}.stat:nth-child(3){border-right:0}.stat:nth-child(-n+3){border-bottom:1px solid var(--line)}.layout{grid-template-columns:1fr}.sidebar,.inspector{grid-column:auto}.job-list{min-height:120px;max-height:260px}.floor-panel{min-height:580px}.scene-wrap{min-height:390px}.bottom-grid{grid-template-columns:1fr}.help-hint{display:none}}@media(max-width:460px){.scorebar{grid-template-columns:repeat(2,minmax(0,1fr))}.stat:nth-child(3){border-right:1px solid var(--line)}.stat:nth-child(even){border-right:0}.stat:nth-child(4){border-bottom:1px solid var(--line)}.brandmark{width:42px;height:42px;font-size:24px}h1{font-size:28px}.back{font-size:10px;padding-right:6px}.scene-wrap{min-height:320px}.bays{grid-template-columns:repeat(2,1fr)}.stat b{font-size:25px}}
/* Panelworks V2 workshop health / bottleneck briefing */
.health-alert{margin:0 0 13px;padding:11px 15px;border:1px solid #2f7066;background:#102d31;border-radius:7px;color:#7de7d0;font-weight:800;letter-spacing:.4px;font-size:12px;line-height:1.5}.health-alert.warning{border-color:#967b38;background:#352b1e;color:#f7d483}
