:root{--lime:#b8ed77;--paper:#f1f6ed;--muted:#9db5a5;--mono:ui-monospace,SFMono-Regular,Menlo,monospace}.monitor-shell{max-width:1740px;margin:auto;padding:0 clamp(18px,3.6vw,64px) 80px}.monitor-intro{display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:end;padding:52px 0 35px}.monitor-intro h1{font-size:clamp(37px,4.8vw,75px);line-height:1.01;font-weight:600;letter-spacing:-.065em;margin:16px 0 0}.monitor-intro h1 em{color:var(--lime);font-style:normal}.monitor-intro>p{max-width:440px;color:var(--muted);font-size:15px;line-height:1.8}.monitor-shell button,.monitor-shell select,.monitor-shell input{font:11px var(--mono);border:1px solid #365540;border-radius:5px;background:#0c2116;color:var(--paper);padding:11px 12px;min-width:0}.monitor-shell button{cursor:pointer}.monitor-shell button:hover{color:var(--lime);border-color:var(--lime)}.monitor-shell button:disabled{opacity:.4;cursor:default}.monitor-shell input,.monitor-shell select{width:100%}.monitor-shell label{display:grid;gap:8px;font:10px/1.6 var(--mono);color:var(--muted)}.monitor-shell details>summary{cursor:pointer;font:11px/1.6 var(--mono);color:var(--lime)}.monitor-shell h2{font-size:32px;line-height:1.12;letter-spacing:-.045em;margin:10px 0}.monitor-shell h3{font-size:21px;line-height:1.2;letter-spacing:-.04em}.monitor-shell .eyebrow{font:9px/1.6 var(--mono);letter-spacing:.14em}.monitor-toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:19px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:28px}.monitor-toolbar>div:first-child{display:grid;gap:10px}.pill{display:inline-flex;align-items:center;gap:7px;justify-self:start;color:var(--lime);font:9px var(--mono);letter-spacing:.08em}.pill:before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}.pill[data-mode=replay],.pill[data-mode=paused]{color:#e7bc79}#monitor-status{color:var(--muted);font:10px/1.7 var(--mono)}#monitor-status[data-error=true]{color:#f0be81}.monitor-actions{display:flex;gap:8px;align-items:end}.monitor-actions label{font-size:9px}.monitor-layout{display:grid;grid-template-columns:205px minmax(0,1fr);gap:32px;align-items:start}.monitor-sidebar{position:sticky;top:20px;min-width:0;border:1px solid var(--line);padding:20px 16px;background:#0d1d14}.monitor-sidebar nav{display:grid;gap:4px;margin:20px 0}.monitor-sidebar nav a{font:11px/1.6 var(--mono);padding:10px 0;color:#d7e6d7}.monitor-sidebar nav a:hover{color:var(--lime)}.sidebar-note{border-top:1px solid var(--line);padding-top:18px}.sidebar-note strong{font:12px var(--mono)}.sidebar-note p,.monitor-sidebar details p{font:10px/1.7 var(--mono);color:var(--muted)}.monitor-sidebar details{padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:20px}.monitor-sidebar form{display:grid;gap:15px;margin-top:15px}.sidebar-link{display:block;margin-top:18px;font:10px/1.6 var(--mono);color:var(--lime)}.monitor-content{min-width:0}.section-label{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.section-label>span{max-width:340px;font:10px/1.6 var(--mono);color:var(--muted);text-align:right}.headline-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.headline-metric{background:#11291b;border:1px solid #426047;padding:20px;min-width:0}.headline-metric span,.headline-metric small{display:block;font:9px/1.6 var(--mono);color:var(--muted)}.headline-metric span{text-transform:uppercase;letter-spacing:.05em}.headline-metric strong{display:block;font:clamp(22px,2.2vw,36px) var(--mono);margin:16px 0 8px;overflow-wrap:anywhere}.source-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.source-card{padding:20px;border:1px solid var(--line);background:#0b1b12;min-width:0}.source-card .source-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.source-card h3{font-size:16px;margin:0}.source-state{font:8px var(--mono);color:var(--lime);text-align:right}.source-state[data-state=failed],.source-state[data-state=stale]{color:#f0bd7c}.source-state[data-state=unknown]{color:var(--muted)}.source-value{font:22px var(--mono);margin:22px 0 8px;overflow-wrap:anywhere}.source-card p{font:9px/1.75 var(--mono);color:var(--muted);min-height:32px}.source-card .source-bottom{display:flex;justify-content:space-between;align-items:center;gap:9px;margin-top:17px;padding-top:14px;border-top:1px solid #233f2a;font:8px var(--mono);color:var(--muted)}.source-card button{padding:6px 8px;font-size:9px}.topology-panel{margin-top:18px;display:grid;grid-template-columns:.7fr 1.3fr;gap:25px;padding:28px;border:1px solid var(--line);background:radial-gradient(ellipse at 75% 50%,#24462955,transparent),#0b1b12}.topology-panel p:not(.eyebrow){font-size:11px;line-height:1.8;color:var(--muted)}.topology-panel svg{width:100%;height:auto;align-self:center}.topology-line{stroke:#557e58;stroke-width:1.2;fill:none}.topology-node rect{fill:#132a1b;stroke:#496d4c}.topology-node text{fill:#dcebd8;font:11px var(--mono)}.topology-node[data-state=valid] rect{stroke:#a1d879}.topology-node[data-state=failed] rect,.topology-node[data-state=stale] rect{stroke:#e5ac6b}.topology-node[data-source]{cursor:pointer}.topology-node:focus rect,.topology-node:hover rect{stroke:#e3ffb5;stroke-width:2}.topology-note{fill:#9db5a5;font:9px var(--mono)}.monitor-section{margin-top:48px;scroll-margin-top:25px}.trend-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.trend-chart{padding:24px;background:#0d1f14;border:1px solid var(--line);min-width:0}.trend-chart:first-child{grid-column:1/-1}.trend-chart h3{font-size:18px;margin:0 0 8px}.trend-chart p{font:10px/1.7 var(--mono);color:var(--muted)}.trend-chart svg{display:block;width:100%;height:auto;margin-top:20px;max-height:240px}.chart-grid{stroke:#28452f;stroke-width:.6}.chart-line{fill:none;stroke:#b8ed77;stroke-width:2}.chart-secondary{stroke:#a6a2ff}.chart-dot{fill:#b8ed77}.chart-dot.secondary{fill:#a6a2ff}.chart-label{fill:#90ac98;font:10px var(--mono)}.chart-rail{display:flex;justify-content:space-between;gap:12px;font:9px var(--mono);color:var(--muted);border-top:1px solid var(--line);padding-top:14px;margin-top:10px}.scope-note{font:10px/1.85 var(--mono);color:var(--muted);margin-top:20px}.active-alerts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.alert-card{border:1px solid #7b653d;background:#30271744;padding:21px}.alert-card[data-state=unknown]{border-style:dashed;opacity:.8}.alert-card h3{font-size:16px;margin:0 0 12px}.alert-card p{font:10px/1.7 var(--mono);color:#c8bc9f}.alert-card .alert-meta{color:#eacb87;font:9px/1.7 var(--mono);margin-bottom:12px}.alert-card button{padding:8px}.empty-state{grid-column:1/-1;border:1px solid var(--line);padding:24px;color:var(--muted);font:11px/1.8 var(--mono)}.event-log{padding:20px;border:1px solid var(--line);margin-top:15px}.table-scroll{overflow:auto;border:1px solid var(--line);margin-top:22px;max-height:420px}table{width:100%;border-collapse:collapse;text-align:left;font:10px/1.7 var(--mono);min-width:630px}th{font-size:9px;color:var(--lime);background:#173322;position:sticky;top:0}th,td{padding:13px 16px;border-bottom:1px solid var(--line)}.runbooks{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.runbooks article{border:1px solid var(--line);padding:24px;background:#0b1b12}.runbooks span{font:8px var(--mono);color:var(--lime)}.runbooks h3{font-size:19px}.runbooks p{font-size:11px;line-height:1.8;color:var(--muted)}.runbooks a,.evidence-inspector a{font:10px var(--mono);color:var(--lime)}.evidence-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:15px}.evidence-inspector,.session-panel{padding:25px;border:1px solid var(--line);background:#0b1b12;min-width:0}.evidence-layout p{font:10px/1.85 var(--mono);color:var(--muted)}.source-facts{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:24px 0}.source-facts div{min-width:0}.source-facts span{font:8px var(--mono);color:var(--muted);text-transform:uppercase}.source-facts strong{display:block;font:11px/1.8 var(--mono);overflow-wrap:anywhere;margin-top:7px;font-weight:400}.button-row{display:flex;align-items:center;gap:18px;margin-bottom:20px}.evidence-inspector pre{overflow:auto;max-height:340px;font:10px/1.8 var(--mono);padding:18px;background:#07120b}.session-panel input[type=file]{font-size:9px;padding:15px 8px}.session-panel input[type=range]{accent-color:var(--lime);padding:0}.session-panel #replay-controls{margin-top:20px}.export-actions{display:flex;gap:8px;flex-wrap:wrap}.export-actions button{font-size:9px}[hidden]{display:none!important}
@media(max-width:1200px){.monitor-layout{grid-template-columns:180px minmax(0,1fr);gap:20px}.source-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.headline-metric{padding:15px}.topology-panel{grid-template-columns:1fr}.topology-panel h2 br{display:none}.runbooks{grid-template-columns:1fr}.runbooks article{padding:20px}.monitor-intro{gap:30px}.header nav{gap:14px}.header nav a{font-size:9px}}
@media(max-width:850px){.monitor-layout{display:block}.monitor-sidebar{position:static;margin-bottom:25px}.monitor-sidebar nav{display:flex;flex-wrap:wrap;gap:18px;margin:10px 0}.monitor-sidebar .sidebar-note{border:0;padding:0}.monitor-sidebar .sidebar-note p{margin:8px 0}.monitor-sidebar .sidebar-link{display:inline-block;margin-right:18px}.monitor-sidebar form{grid-template-columns:1fr 1fr}.monitor-sidebar form p{grid-column:1/-1}.monitor-toolbar{align-items:start}.monitor-actions{flex-wrap:wrap;justify-content:end}.monitor-intro{grid-template-columns:1fr;gap:8px}.monitor-intro>p{max-width:600px}.evidence-layout{grid-template-columns:1fr}}
@media(max-width:560px){.monitor-intro{padding:33px 0 24px}.monitor-intro h1{font-size:39px}.monitor-intro>p{font-size:12px}.monitor-toolbar{display:block}.monitor-actions{justify-content:start;margin-top:20px}.monitor-actions label{flex:1}.monitor-actions button{padding:11px 9px;font-size:10px}.headline-metrics{grid-template-columns:1fr 1fr}.headline-metric strong{font-size:25px}.source-cards{grid-template-columns:1fr}.source-card{padding:18px}.source-card p{min-height:0}.source-value{margin:15px 0 5px}.trend-charts{grid-template-columns:1fr}.trend-chart:first-child{grid-column:auto}.trend-chart{padding:18px}.active-alerts{grid-template-columns:1fr}.section-label{display:block}.section-label>span{display:block;text-align:left}.topology-panel{padding:20px 14px;gap:10px}.topology-panel h2{font-size:26px}.monitor-shell h2{font-size:29px}.monitor-sidebar nav{gap:6px 16px}.monitor-sidebar nav a{font-size:10px}.export-actions{margin:20px 0}.evidence-inspector,.session-panel{padding:20px}.source-facts{grid-template-columns:1fr}.button-row{flex-wrap:wrap}.monitor-shell input,.monitor-shell select{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.analytics-controls{display:flex;gap:12px;align-items:end}.analysis-panel{border:1px solid var(--line);background:#0b1b12;padding:24px;margin-top:18px;min-width:0}.analysis-panel h3{margin:10px 0}.analysis-panel svg{display:block;width:100%;height:auto}.analysis-svg-scroll{overflow:auto}.analysis-svg-scroll svg{min-width:620px}.analysis-legend{display:flex;flex-wrap:wrap;gap:12px 25px;font:10px/1.8 var(--mono);color:var(--muted);margin:20px 0}.analysis-legend span:first-child{color:var(--lime)}.analysis-legend span:nth-child(2){color:#edb379}.heat-cell{cursor:pointer;stroke:transparent;stroke-width:1}.heat-cell[data-state=valid]{fill:#86b766}.heat-cell[data-state=failed]{fill:#b97b47}.heat-cell:hover{stroke:#fff;stroke-width:2}.sample-controls{display:grid;grid-template-columns:.7fr 1.3fr;gap:25px;margin:12px 0}.sample-controls input{accent-color:var(--lime)}.analysis-panel pre{max-height:300px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font:10px/1.8 var(--mono)}.analysis-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.failure-episode{padding:15px 0;border-bottom:1px solid var(--line);font:10px/1.8 var(--mono)}.failure-episode strong{color:var(--paper);font-weight:400}.failure-episode p,.failure-episode span{color:var(--muted)}#analysis-episodes{max-height:280px;overflow:auto}.monitor-shell .correlation-cell{width:100%;min-width:60px;border-radius:2px;padding:10px 6px}.correlation-cell small{display:block;font-size:8px;margin-top:5px}.monitor-shell .correlation-cell[data-band=positive]{background:#24422a}.monitor-shell .correlation-cell[data-band=negative]{background:#322d49}.monitor-shell .correlation-cell[data-band=unknown]{color:var(--muted)}#analysis-correlation td{padding:5px}#analysis-correlation th{font-size:8px;max-width:100px}.signal-unit{display:block;color:var(--muted);font-weight:400;margin-top:5px}.analysis-panel .table-scroll{max-height:none}.analytics-controls button{font-size:10px}.analytics-controls label{min-width:140px}
@media(max-width:1000px){.analysis-grid{grid-template-columns:1fr}}@media(max-width:560px){.analysis-panel{padding:18px}.sample-controls{grid-template-columns:1fr;gap:12px}.analytics-controls{margin-top:20px;flex-wrap:wrap}.analytics-controls label{flex:1}}