:root{color-scheme:dark;--bg:#08121e;--panel:#101f30;--card:#14263a;--line:#284057;--ink:#e7f0f6;--muted:#8ca5ba;--teal:#5ee3bc;--blue:#68b5fc;--amber:#ffc66e;--red:#ff8b8b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 Inter,ui-sans-serif,system-ui,sans-serif}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--line);border-radius:8px;background:#162b40;color:var(--ink);padding:9px 14px;transition:.15s}button:hover{border-color:var(--teal);background:#1d3850}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--teal);color:#062b23;border-color:var(--teal);font-weight:750}button.danger{color:var(--red)}a{color:var(--blue);text-decoration:none}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(27px,3vw,40px);letter-spacing:-.04em;line-height:1.15;margin-bottom:12px}h2{font-size:21px;letter-spacing:-.025em}h3{font-size:15px}.topbar{height:82px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#0b1827}.brand{display:flex;align-items:center;gap:12px;color:white;font-size:26px;letter-spacing:-1px}.brand strong{color:var(--teal)}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:2px}.brandmark{font-size:40px;color:var(--teal)}.topstatus{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:700;letter-spacing:1.3px}.dot{width:7px;height:7px;background:var(--teal);border-radius:50%;box-shadow:0 0 12px #5ee3bc66}.tag,.pill{display:inline-block;border:1px solid var(--line);padding:3px 8px;border-radius:5px;font-size:10px;letter-spacing:.5px;color:var(--muted);white-space:nowrap}.pill.green{color:var(--teal);background:#5ee3bc0d;border-color:#5ee3bc44}.pill.amber{color:var(--amber);background:#ffc66e0d}.pill.red{color:var(--red)}.suite{font-size:11px;letter-spacing:1px}.mission-tabs{display:flex;gap:4px;padding:12px 30px 0;border-bottom:1px solid var(--line);overflow:auto;background:#0b1827}.mission-tabs button{border-radius:8px 8px 0 0;background:transparent;border-color:transparent;color:var(--muted);white-space:nowrap;padding:13px 20px}.mission-tabs button.active{border:1px solid var(--line);border-bottom:2px solid var(--teal);background:var(--panel);color:var(--ink)}.deck{max-width:1530px;margin:auto;padding:34px 32px}.eyebrow{display:block;color:var(--teal);font-size:10px;font-weight:700;letter-spacing:2px;margin-bottom:10px}.hero{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-bottom:30px}.hero p{color:var(--muted);max-width:720px;margin-bottom:0}.hero-actions{display:flex;gap:8px;flex-wrap:wrap}.kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:22px 0}.kpi{border:1px solid var(--line);border-radius:12px;background:linear-gradient(150deg,#162b40,#101e2e);padding:18px}.kpi small{display:block;color:var(--muted);text-transform:uppercase;font-size:10px;letter-spacing:1px}.kpi strong{font-size:28px;font-weight:650;display:block;margin:6px 0}.kpi span{font-size:11px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.mission-card{border:1px solid var(--line);border-radius:14px;padding:24px;background:var(--panel);display:flex;flex-direction:column;min-height:250px}.mission-card h2{margin:18px 0 10px}.mission-card p{color:var(--muted);flex:1}.mission-card .meta{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px}.shell{display:grid;grid-template-columns:205px minmax(0,1fr);min-height:calc(100vh - 140px)}.sidebar{background:#0b1827;border-right:1px solid var(--line);padding:24px 14px}.sidebar small{font-size:9px;letter-spacing:1.8px;color:var(--muted);padding:0 10px}.sidebar button{width:100%;margin-top:5px;text-align:left;background:transparent;border-color:transparent;color:var(--muted)}.sidebar button.active{background:#19364a;color:var(--teal);border-color:#36566b}.side-note{padding:16px 10px;color:var(--muted);font-size:11px;margin-top:25px;border-top:1px solid var(--line)}.content{padding:28px 30px;min-width:0}.mission-head{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px}.mission-head h1{font-size:28px}.mission-head p{font-size:12px;color:var(--muted);margin:0}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.actions button{font-size:12px}.workflow{display:flex;gap:2px;background:#0b1827;border:1px solid var(--line);padding:9px;border-radius:10px;overflow:auto;margin-bottom:22px}.step{flex:1;min-width:85px;padding:8px;font-size:10px;color:var(--muted);border-top:2px solid var(--line)}.step.done{border-color:var(--teal);color:var(--teal)}.step.current{border-color:var(--amber);color:var(--amber)}.step b{display:block;font-weight:600;font-size:11px}.split{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr);gap:18px}.panel{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:22px;margin-bottom:18px;min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:18px}.panel-head h2,.panel-head h3{margin:0}.muted{color:var(--muted)}.small{font-size:11px}.map{width:100%;height:340px;background:radial-gradient(ellipse at 50% 45%,#193c4e 0,transparent 70%)}.map text{font-family:inherit;fill:#b6cbd9;font-size:11px}.map .node{cursor:pointer}.map .node:hover circle{stroke:white;stroke-width:3}.legend{display:flex;gap:16px;color:var(--muted);font-size:10px}.legend i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.insight{border-left:2px solid var(--teal);padding:4px 0 4px 14px;margin:18px 0}.insight h3{margin-bottom:4px}.insight p{font-size:12px;color:var(--muted);margin:0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;white-space:nowrap}th{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--line);padding:12px 10px}td{padding:11px 10px;border-bottom:1px solid #28405766}tbody tr:hover{background:#ffffff03}.toolbar{display:flex;gap:10px;margin-bottom:16px;align-items:center;flex-wrap:wrap}input,select,textarea{border:1px solid var(--line);border-radius:7px;background:#0b1827;color:var(--ink);padding:10px;width:100%}input:focus,select:focus,textarea:focus{outline:1px solid var(--teal)}.toolbar input{max-width:320px}.toolbar select{max-width:220px}.bar{height:7px;background:#263a50;border-radius:4px;overflow:hidden;margin:8px 0}.bar span{display:block;height:100%;background:var(--teal)}.chart{width:100%;height:210px}.chart text{fill:var(--muted);font-size:10px}.note{background:#67b5fc0b;border:1px solid #68b5fc33;border-radius:8px;padding:12px 15px;color:#b4cbdf;font-size:12px;margin:18px 0}.note.warning{border-color:#ffc66e44;color:var(--amber)}.scenario-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.scenario-grid button{text-align:left;padding:18px}.scenario-grid strong{display:block;margin-bottom:7px}.scenario-grid span{font-size:11px;color:var(--muted)}.timeline{list-style:none;margin:0;padding:0}.timeline li{border-left:1px solid var(--line);padding:0 0 20px 18px;position:relative}.timeline li:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--teal);position:absolute;left:-4px;top:6px}.timeline p{color:var(--muted);font-size:12px;margin:4px 0}.timeline time{color:var(--muted);font-size:10px}.eod-frame{width:100%;height:calc(100vh - 260px);min-height:650px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.empty{padding:35px;text-align:center;color:var(--muted)}dialog{width:min(820px,95vw);max-height:90vh;overflow:auto;color:var(--ink);background:var(--panel);border:1px solid #49667f;border-radius:16px;padding:28px}dialog::backdrop{background:#020812cc;backdrop-filter:blur(4px)}.dialog-head{display:flex;justify-content:space-between}.icon{font-size:22px;padding:0 10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label{font-size:11px;color:var(--muted)}.form-grid label input,.form-grid label select{margin-top:6px}.wide{grid-column:1/-1}.checks{display:flex;gap:10px;flex-wrap:wrap}.checks label{display:flex;align-items:center;gap:7px;background:#0b1827;padding:8px;border:1px solid var(--line);border-radius:6px}.checks input{width:auto}.dialog-actions{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:22px}#form-error{color:var(--red);font-size:12px}#toast{position:fixed;bottom:25px;right:25px;max-width:440px;padding:16px 22px;background:#1c3a41;border:1px solid var(--teal);border-radius:10px;box-shadow:0 10px 35px #0006;z-index:10;display:none}#toast.show{display:block}#toast.error{border-color:var(--red)}.busy{opacity:.55;pointer-events:none}.footer-note{margin-top:20px;font-size:10px;color:var(--muted)}@media(max-width:1100px){.kpis{grid-template-columns:repeat(3,1fr)}.cards{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.topstatus .tag{display:none}.content{padding:22px}.scenario-grid{grid-template-columns:1fr 1fr}}@media(max-width:720px){.topbar{padding:0 16px;height:70px}.brand{font-size:22px}.suite{display:none}.topstatus{font-size:8px}.mission-tabs{padding:8px 10px 0}.mission-tabs button{padding:11px}.shell{display:block}.sidebar{display:flex;overflow:auto;padding:8px;border-right:0;border-bottom:1px solid var(--line)}.sidebar small,.side-note{display:none}.sidebar button{width:auto;white-space:nowrap;margin:0}.deck,.content{padding:22px 15px}.hero,.mission-head{display:block}.hero-actions,.actions{margin-top:16px}.cards,.scenario-grid{grid-template-columns:1fr}.kpis{grid-template-columns:1fr 1fr}.kpi{padding:13px}.kpi strong{font-size:23px}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.panel{padding:16px}.map{height:310px}.eod-frame{min-height:700px}.topbar small{font-size:7px}}

.tag{max-width:100%;white-space:normal}.kpi{min-width:0}.kpi strong{overflow-wrap:anywhere}@media(max-width:720px){.kpi strong{font-size:20px}.legend{flex-wrap:wrap}}

.work-reason{display:inline-block;white-space:normal;min-width:180px;max-width:300px}details{margin-top:8px;white-space:normal;min-width:160px}details summary{cursor:pointer;color:var(--blue)}details p{font-size:11px;margin:8px 0}textarea{min-height:80px;resize:vertical}
