.demo-shell{--ink-0:#0b0d10;--ink-1:#11151a;--ink-2:#1a2028;--ink-3:#232a33;--line:#ffffff14;--line-strong:#ffffff29;--text:#e8edf2;--muted:#97a2ad;--muted-2:#6b7480;--accent:#e53935;--warn:#f5b32e;--ok:#3ddc97;--info:#3aa7f0;background:var(--ink-0);color:var(--text);min-height:100vh;font-family:var(--font-geist), -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif}.demo-shell .mono{font-family:var(--font-geist-mono), ui-monospace, "SF Mono", Menlo, monospace}.demo-header{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:end;gap:16px;padding:28px clamp(20px,4vw,56px);display:grid}.demo-header h1{letter-spacing:-.012em;margin:0 0 6px;font-size:clamp(22px,2.4vw,30px);font-weight:600}.demo-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);align-items:center;gap:8px;margin:0 0 8px;font-size:11.5px;display:inline-flex}.demo-eyebrow .mock-badge{letter-spacing:.12em;text-transform:uppercase;color:#ffb4b1;background:#e5393529;border:1px solid #e5393559;border-radius:999px;padding:3px 8px;font-size:10px}.demo-meta{color:var(--muted);flex-wrap:wrap;gap:8px 18px;font-size:12.5px;display:flex}.demo-meta a{color:var(--info);text-decoration:none}.demo-meta a:hover{text-decoration:underline}.console{border-top:1px solid var(--line);grid-template-columns:320px 1fr 360px;gap:0;display:grid}.console>section{padding:24px clamp(16px,2vw,28px)}.console>section+section{border-left:1px solid var(--line)}.queue h2,.incident h2,.action-panel h2{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 14px;font-size:13px}.queue-item{background:var(--ink-1);border:1px solid var(--line);cursor:default;border-radius:12px;margin-bottom:10px;padding:14px 14px 12px;position:relative}.queue-item.is-active{border-color:#e5393580;box-shadow:inset 0 0 0 1px #e539352e}.queue-item-head{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);justify-content:space-between;gap:8px;margin-bottom:6px;font-size:11px;display:flex}.queue-item-title{margin:0 0 8px;font-size:13.5px;font-weight:500;line-height:1.35}.queue-item-foot{color:var(--muted);justify-content:space-between;gap:8px;font-size:11.5px;display:flex}.dot{vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.dot--alert{background:var(--accent)}.dot--watch{background:var(--info)}.dot--brief{background:var(--warn)}.dot--pr{background:var(--ok)}.chip{letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--line-strong);background:var(--ink-2);color:var(--text);border-radius:999px;align-items:center;gap:6px;padding:3px 8px;font-size:11px;display:inline-flex}.chip.mono{letter-spacing:.02em;text-transform:none;font-size:11.5px}.chip--alert{color:#ffb4b1;background:#e539351a;border-color:#e5393573}.chip--watch{color:#b9def5;background:#3aa7f01a;border-color:#3aa7f073}.chip--brief{color:#f3d790;background:#f5b32e1a;border-color:#f5b32e73}.chip--pr{color:#b6efce;background:#3ddc971a;border-color:#3ddc9773}.incident{gap:24px;display:grid}.incident-head{gap:10px;display:grid}.incident-head h3{letter-spacing:-.01em;margin:0;font-size:clamp(18px,2vw,22px)}.incident-head-chips{flex-wrap:wrap;gap:6px;display:flex}.incident-stats{background:var(--line);border:1px solid var(--line);border-radius:12px;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.incident-stats .cell{background:var(--ink-1);gap:2px;padding:14px;display:grid}.incident-stats .cell .k{letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2);font-size:10.5px}.incident-stats .cell .v{letter-spacing:-.01em;font-size:15px;font-weight:500}.timeline{gap:12px;display:grid}.timeline-item{background:var(--ink-1);border:1px solid var(--line);border-radius:12px;grid-template-columns:80px 1fr;gap:16px;padding:16px;display:grid}.timeline-item .stripe{border-right:1px solid var(--line);align-content:start;gap:4px;padding-right:16px;display:grid}.timeline-item .stripe .when{color:var(--muted);font-size:11.5px}.timeline-item .stripe .kind{letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);font-size:11px}.timeline-item .body{gap:8px;display:grid}.timeline-item .body .title{margin:0;font-size:14.5px;font-weight:500;line-height:1.35}.timeline-item .body .publisher{color:var(--muted);font-size:12px}.timeline-item .body .excerpt{color:var(--text);border-left:2px solid var(--line-strong);margin:0;padding:2px 0 2px 12px;font-size:13px;line-height:1.55}.timeline-item .body .classification{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.timeline-item .body .rationale{color:var(--muted);margin:0;font-size:12.5px;line-height:1.55}.timeline-item .body .source-link{color:var(--info);word-break:break-all;font-size:12px;text-decoration:none}.timeline-item .body .source-link:hover{text-decoration:underline}.evidence{background:var(--ink-1);border:1px solid var(--line);border-radius:12px;padding:18px}.evidence h4{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 10px;font-size:13px}.evidence p{margin:0 0 10px;font-size:13.5px;line-height:1.6}.evidence ul{margin:0;padding-left:18px}.evidence li{color:var(--text);margin-bottom:6px;font-size:13px;line-height:1.55}.evidence li::marker{color:var(--muted)}.action-panel{align-content:start;gap:16px;display:grid}.action-card{background:linear-gradient(#e539351a,#e5393505);border:1px solid #e5393566;border-radius:14px;gap:10px;padding:18px;display:grid}.action-card .badge{letter-spacing:.14em;text-transform:uppercase;color:#ffb4b1;font-size:10.5px}.action-card .lead{letter-spacing:-.01em;margin:0;font-size:16px;font-weight:600}.action-card .sla{color:var(--muted);font-size:12.5px}.action-card .body{color:var(--text);margin:0;font-size:13px;line-height:1.55}.action-card .row{flex-wrap:wrap;gap:8px;display:flex}.action-card .btn{border:1px solid var(--line-strong);background:var(--ink-2);color:var(--text);cursor:not-allowed;border-radius:8px;padding:8px 12px;font-size:12.5px;font-weight:500}.action-card .btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.next-actions h4{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 10px;font-size:13px}.next-actions ol{margin:0;padding-left:18px}.next-actions li{color:var(--text);margin-bottom:8px;font-size:12.5px;line-height:1.5}.demo-readme{background:var(--ink-1);border-top:1px solid var(--line);padding:56px clamp(20px,4vw,56px)}.demo-readme h2{letter-spacing:-.012em;margin:0 0 6px;font-size:22px}.demo-readme p.lede{color:var(--muted);max-width:64ch;margin:0 0 22px;font-size:14.5px}.demo-readme .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:28px;display:grid}.demo-readme .card{background:var(--ink-0);border:1px solid var(--line);border-radius:12px;gap:8px;padding:18px;display:grid}.demo-readme .card .k{letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2);font-size:10.5px}.demo-readme .card .title{margin:0;font-size:14px;font-weight:500;line-height:1.4}.demo-readme .card a{color:var(--info);word-break:break-all;font-size:12px;text-decoration:none}.demo-readme .card a:hover{text-decoration:underline}.demo-readme h3{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 10px;font-size:14px}.demo-readme ul{margin:0 0 20px;padding-left:18px}.demo-readme li{color:var(--text);margin-bottom:6px;font-size:13.5px;line-height:1.6}.demo-readme li::marker{color:var(--muted)}.demo-back{color:var(--muted);align-items:center;gap:6px;margin-top:8px;font-size:12.5px;text-decoration:none;display:inline-flex}.demo-back:hover{color:var(--text)}@media (max-width:1100px){.console{grid-template-columns:1fr}.console>section+section{border-left:none;border-top:1px solid var(--line)}.incident-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-readme .grid,.timeline-item{grid-template-columns:1fr}.timeline-item .stripe{border-right:none;border-bottom:1px solid var(--line);padding:0 0 10px}}
