/* Scoped presentation layer. Existing controller and operational data remain intact. */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--bg-deep:#f5f6f2;--bg-surface:#eef1eb;--bg-card:#fffefa;--bg-card-hover:#eef2e9;--bg-nested:#e9eee6;--line-subtle:#dce3d8;--line-strong:#c4d1c2;--line-accent:#9eaf9b;--txt-main:#193e34;--txt-muted:#536b5c;--txt-dim:#607561;--c-primary:#285b49;--c-primary-hover:#194432;--c-primary-subtle:#e1eada;--c-fact:#25674c;--c-fact-subtle:#e3eee1;--c-inference:#2e6879;--c-inference-subtle:#e5eff0;--c-hypothesis:#8b641c;--c-hypothesis-subtle:#f5eddc;--c-simulation:#6f5681;--c-simulation-subtle:#eee7f1;--c-alert:#af493a;--c-alert-subtle:#f4e5de;--font-ui:'DM Sans',sans-serif;--shadow-card:0 5px 20px #21462f05;--shadow-hover:0 10px 26px #21462f0c}
body{background:var(--bg-deep);background-image:none}.workspace-home{display:flex;align-items:center;justify-content:space-between;padding:15px 32px;border-bottom:1px solid var(--line-subtle);font-size:12px;color:var(--txt-muted)}.workspace-home a{color:var(--txt-main);text-decoration:none}.workspace-home span{font-size:9px;letter-spacing:1.7px}.command-deck{background:var(--bg-deep);box-shadow:none;position:relative}.brand-title{letter-spacing:-.6px!important}.brand-tagline{max-width:550px}.section-tabs-bar{background:#eef1eb!important;backdrop-filter:none}.btn-primary{color:#fff!important}.agency-tag{display:none}.cctv-timecode{color:var(--txt-muted)}.section-title{letter-spacing:-.5px!important}.ops-card:hover{transform:translateY(-2px)}.view-panel.active{animation:workspace-in .35s ease-out}.footer-deck{background:var(--bg-deep)}@keyframes workspace-in{from{opacity:.2;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.workspace-home{padding:15px 20px}.workspace-home span{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Working surface, aligned with the landing page. */
:root{--bg:#f5f6f2;--panel:#fffefa;--line:#d5ded3;--txt:#193e34;--dim:#536b5c;--acc:#285b49;--ok:#25674c;--warn:#8b641c;--bad:#af493a}
body{font-family:'DM Sans',sans-serif}.topbar{padding:35px max(24px,calc((100vw - 1280px)/2));gap:24px}.title-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.topbar-home-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 15px;border-radius:999px;background:rgba(25,62,52,0.08);border:1px solid rgba(25,62,52,0.22);color:#193e34;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .25s ease}.topbar-home-btn:hover{background:#193e34;color:#ffffff;border-color:#193e34;transform:translateY(-1px);box-shadow:0 4px 14px rgba(25,62,52,0.18)}.topbar h1{font-size:26px;letter-spacing:-.7px}.tagline{font-size:15px;max-width:680px;line-height:1.7}.status{font-size:12.5px;gap:15px}.status button{margin-left:auto;color:white;padding:12px 20px;font-size:13.5px}.pagenav{padding:14px max(24px,calc((100vw - 1280px)/2));gap:12px;overflow:auto;white-space:nowrap;background:#e2ebe0;border-bottom:1px solid #cbd7c9}.pagenav a{text-decoration:none;font-size:16.5px;padding:13px 24px;border-radius:6px;font-weight:600;letter-spacing:-.2px;color:#1e4338;transition:all .2s ease;cursor:pointer;user-select:none}.pagenav a:hover{background:#d5e2d2;color:#14342a}.pagenav a[aria-selected=true],.pagenav a.active{background:#1e4839;color:#ffffff;box-shadow:0 3px 10px rgba(25,60,48,0.22)}.story{display:none}main{max-width:1320px;padding:36px 24px;min-height:65vh}main>section{display:none !important;border:0;padding:0;background:transparent}main>section.active,html[data-active-section="nearmisses"] #section-nearmisses,html[data-active-section="delays"] #section-delays,html[data-active-section="patterns"] #section-patterns,html[data-active-section="detail"] #section-detail,html[data-active-section="forecast"] #section-forecast,html[data-active-section="resilience"] #section-resilience{display:block !important;animation:workspace-in .25s ease-out}main>section[hidden]{display:none !important}main>section h2{font-size:34px;letter-spacing:-1px;font-weight:500;margin:0 0 20px}.cards{gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.card{background:var(--panel);padding:24px;border-radius:10px}.card h3{font-size:22px;letter-spacing:-.5px}.card h4{font-size:19px;letter-spacing:-.3px}.card p{font-size:15px;line-height:1.7}.card button,button[type=submit]{color:white;font:inherit;font-size:13.5px;padding:12px 18px}a{color:var(--acc)}.tl,.vbars,.claim,.evdet,th,.sigbar,.ivform input,.ivform select{background:#edf1e8}.fineprint{font-size:14.5px;max-width:750px;line-height:1.7}.claimtag.SIMULATION{color:#6e4f83;border-color:#6e4f83}.claim.SIMULATION{border-color:#6e4f83}#detail{overflow-wrap:anywhere}table{font-size:14.5px}th,td{padding:13px}.evtl,.ewtl,.matchlist,.claim{font-size:14.5px;line-height:1.7}.prog{font-size:14px}footer{font-size:12px;line-height:1.7}.active{animation:workspace-in .3s ease-out}.card .spark{margin:16px 0}button:focus-visible,a:focus-visible{outline:3px solid #b94d38;outline-offset:3px}@media(max-width:600px){.topbar{padding:25px 20px}.pagenav{padding:10px 20px}.status button{margin-left:0}.cards{grid-template-columns:1fr}main{padding:28px 20px}main>section h2{font-size:28px}.card{padding:20px}.workspace-home{padding:15px 20px}.topbar .status{max-width:100%}.ivform{max-width:100%}.ivform input,.ivform select{min-width:0;width:100%}}
