:root{--hearth: #171412;--ember: #D9581E;--oak: #7A4A28;--linen: #F4E8D2;--sage: #7E8C6A;--copper: #C68A3A;--dim: #BFB09A;--ink: #0d1b2b;--panel: #12100e;--line: #3a322c;font-family:Inter,system-ui,sans-serif;color:var(--linen);background:var(--hearth)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 8% 0%,#2a2118,var(--hearth) 46%)}.app{min-height:100vh;display:grid;grid-template-rows:auto auto auto auto 1fr auto}.topbar{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:22px 5vw 18px;border-bottom:1px solid var(--line);background:#120f0ddd}.eyebrow{display:block;color:var(--copper);font-size:10px;letter-spacing:.16em;font-weight:800}.topbar h1{margin:6px 0;font-size:clamp(28px,4.2vw,52px);letter-spacing:-.04em;color:var(--linen)}.thesis{margin:0;color:var(--linen);font-size:15px}.producer{margin:4px 0 0;color:var(--dim);font-size:13px}.topbar-actions{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.status-dot{white-space:nowrap;color:var(--sage);font:11px ui-monospace}.reset{border:1px solid var(--copper);background:var(--copper);color:var(--hearth);font:800 12px ui-monospace;letter-spacing:.08em;padding:10px 14px;cursor:pointer}.sample-banner{position:sticky;top:0;z-index:20;margin:0;border:0;border-bottom:1px solid var(--oak);background:#2a2417;color:var(--linen);padding:12px 5vw;font-size:12px;line-height:1.5;display:flex;flex-wrap:wrap;gap:8px 18px;align-items:baseline}.sample-banner strong{letter-spacing:.04em}.sample-banner span{color:var(--dim)}.rail{width:90vw;max-width:1500px;margin:14px auto 0;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:start}.rail p{margin:6px 0 0;color:var(--dim);font-size:13px}.rail b{color:var(--copper)}.rail-human{border-left:3px solid var(--copper);padding-left:14px;min-width:160px}.demo-panel{width:90vw;max-width:1500px;margin:10px auto 0;border:1px solid var(--line);background:var(--panel);padding:8px 14px;font-size:12px;line-height:1.45;color:var(--dim)}.demo-panel summary{cursor:pointer;font-weight:800;color:var(--linen);letter-spacing:.04em}.demo-panel p{margin:8px 0 0}.demo-stop{color:var(--copper);font-weight:700}.workspace{width:90vw;max-width:1500px;margin:16px auto 28px;display:grid;grid-template-columns:260px minmax(400px,1fr) 300px;gap:16px;align-items:start}.panel{border:1px solid var(--line);background:var(--panel);padding:20px;box-shadow:0 12px 40px #0003}.panel h2{margin:8px 0 10px;color:var(--linen)}.panel h3{color:var(--dim);font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin-top:26px}.client-panel>p,.approval-panel>p,.lead{color:var(--dim);font-size:13px;line-height:1.5}.sample-mark{margin:0 0 8px;color:var(--copper);font:800 11px ui-monospace;letter-spacing:.08em}.context-card,.selected-finding,.task,.approval-card{border:1px solid var(--line);background:#1b1714;padding:13px;margin-top:12px}.context-card span,.context-card small,.task small,.approval-card small{display:block;color:var(--dim);margin-top:6px}.context-card small{font-size:11px}.finding{width:100%;display:flex;gap:8px;text-align:left;align-items:flex-start;background:transparent;border:0;border-bottom:1px solid var(--line);color:var(--linen);padding:12px 4px;cursor:pointer;font-size:12px}.finding.selected{background:#2a2118}.chip,.severity,.task-status{display:inline-block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;border-radius:999px;padding:4px 8px;white-space:nowrap;border:1px solid transparent}.severity.high,.chip.high{color:var(--linen);background:var(--ember)}.severity.medium,.chip.medium{color:var(--linen);background:var(--oak)}.severity.low,.chip.low{color:var(--hearth);background:var(--sage)}.chip.status{background:#2a2417;color:var(--dim);border-color:var(--line)}.chip.status.draft{color:var(--dim)}.chip.status.assigned{color:var(--sage);border-color:var(--sage)}.chip.status.pending_approval{color:var(--hearth);background:var(--copper);border-color:var(--copper)}.chip.gate{background:transparent;border-color:var(--oak);color:var(--dim)}.chip.gate.passed{color:var(--sage);border-color:var(--sage)}.chip.gate.open{color:var(--dim)}.chip.gate.failed{color:var(--ember);border-color:var(--ember)}.selected-finding{display:flex;justify-content:space-between;gap:12px;line-height:1.4}.diagnostic-panel label{display:block;color:var(--dim);font-size:11px;letter-spacing:.1em;text-transform:uppercase;margin-top:18px}.diagnostic-panel input{display:block;width:100%;margin-top:7px;border:1px solid var(--line);background:#0c0a09;color:var(--linen);padding:12px;font:14px inherit}.primary,.task button,.approval-card button{border:0;padding:10px 12px;background:var(--copper);color:var(--hearth);font-weight:900;cursor:pointer;margin-top:12px}.task-board{margin-top:28px}.task{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.task-pending{border-color:var(--copper);background:#2a1c10;box-shadow:inset 4px 0 0 var(--copper)}.task-status{color:var(--dim)}.task-status.pending_approval{color:var(--hearth);background:var(--copper)}.task-status.approved{color:var(--sage)}.task-status.rejected{color:var(--ember)}.task select{grid-column:1 / -1;background:#0c0a09;color:var(--linen);border:1px solid var(--line);padding:8px}.task button{font-size:10px}.resolved{margin-top:18px;opacity:.85}.resolved-task{border-style:dashed}.approval-panel{border:2px solid var(--copper);background:#1c1610;box-shadow:inset 0 0 0 1px #7a4a2880}.approval-panel h2{color:var(--copper);letter-spacing:.04em}.pass-line{color:var(--linen);font-weight:700}.approval-card{border:2px solid var(--copper);background:#3a2410;box-shadow:0 0 0 1px var(--ember)}.approval-card .chip{margin-bottom:8px}.approval-card div{display:flex;gap:8px}.approval-card button{font-size:10px}.approval-card .approve{background:var(--sage);color:var(--hearth)}.approval-card .reject{background:var(--ember);color:var(--linen)}.events{display:grid;gap:9px}.events small{color:var(--dim);line-height:1.4}.events b{color:var(--copper);font-size:9px;letter-spacing:.1em}.muted{color:var(--dim);font-size:12px}footer{display:flex;justify-content:space-between;padding:14px 5vw;border-top:1px solid var(--line);color:var(--dim);font:11px ui-monospace}@media(max-width:1100px){.workspace{grid-template-columns:220px minmax(360px,1fr)}.approval-panel{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.approval-panel h2,.approval-panel>p,.approval-panel>.eyebrow,.approval-panel h3{grid-column:1 / -1}.rail{grid-template-columns:1fr}}@media(max-width:760px){.topbar{display:block;padding:20px}.topbar-actions{align-items:flex-start;margin-top:12px}.status-dot{display:block;margin-top:8px}.workspace{width:auto;margin:12px;display:block}.rail,.demo-panel,.sample-banner{width:auto;margin-left:12px;margin-right:12px}.panel{margin-bottom:12px}.approval-panel,.task{display:block}.task>*{margin-top:8px}footer{display:block;padding:14px 20px}footer span{display:block;margin-top:5px}}.recovery-controls{display:grid;gap:8px;margin-top:16px}.recovery-controls button,.recovery-controls label{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);background:#0e1720;padding:9px;font:700 10px ui-monospace;cursor:pointer}.recovery-controls svg{width:14px}.recovery-controls input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.skip-link{position:fixed;left:12px;top:-60px;z-index:50;background:var(--gold);color:var(--void);padding:12px;font-weight:800}.skip-link:focus{top:12px}.inspector details{margin-top:24px;border-top:1px solid var(--line);padding-top:14px}.inspector summary{cursor:pointer;font:700 11px ui-monospace;color:var(--teal)}.inspector table{width:100%;margin-top:10px;border-collapse:collapse;font:10px ui-monospace}.inspector th,.inspector td{text-align:left;border-bottom:1px solid var(--line);padding:7px}.inspector td button{border:0;background:transparent;color:var(--ivory);padding:4px;cursor:pointer}