:root{color-scheme:light;--ink:#142b24;--muted:#607069;--paper:#f5f1e7;--card:#fffdf7;--honey:#e5a928;--line:#d9d3c5;--danger:#a94232;--success:#247052;--focus:#1769aa;font:16px/1.5 system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink)}button,input,select{font:inherit}button,input,select{min-height:44px}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.topbar{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:1rem max(1rem,env(safe-area-inset-left));background:var(--ink);color:white}.eyebrow{margin:0;color:#f0c766;font-size:.72rem;font-weight:750;text-transform:uppercase;letter-spacing:.12em}.eyebrow.dark{color:#7d5710}.topbar h1{margin:0;font-size:1.5rem}.tick{text-align:center}.tick span{display:block;font-size:.75rem}.tick strong{font-size:1.6rem}.tabs{position:sticky;top:76px;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);overflow:auto;background:#fffdf7;border-bottom:1px solid var(--line);padding:0 max(env(safe-area-inset-right),0px) 0 max(env(safe-area-inset-left),0px)}.tab{min-width:74px;border:0;border-bottom:3px solid transparent;border-radius:0;padding:.75rem .35rem;background:transparent;color:var(--muted);font-weight:750}.tab.active{border-color:var(--honey);color:var(--ink);background:#f8edcf}main{width:min(74rem,100%);margin:auto;padding:1rem}.tab-panel[hidden]{display:none}.controls{display:grid;gap:.75rem;padding:1rem;background:var(--card);border:1px solid var(--line);border-radius:1rem}.controls label,form label{display:grid;gap:.25rem;font-weight:650}input,select{width:100%;padding:.55rem;border:1px solid #777b77;border-radius:.5rem;background:white;color:var(--ink)}button{padding:.6rem 1rem;border:0;border-radius:.6rem;background:var(--honey);color:#201a0c;font-weight:750;cursor:pointer}button:disabled{cursor:wait;opacity:.65}.secondary{background:#dfe6e1}.text-button{background:transparent;text-decoration:underline}.actions{display:flex;gap:.5rem}.actions button{flex:1}#status{display:flex;align-items:center;gap:.5rem;min-height:1.5em;margin:0;color:var(--muted)}.status-dot{width:.65rem;height:.65rem;flex:none;border-radius:50%;background:var(--success)}#status[data-state=loading] .status-dot{background:var(--honey);animation:pulse 1s ease-in-out infinite}#status[data-state=error] .status-dot{background:var(--danger)}#status[data-state=offline] .status-dot{background:#6c6c6c}.metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;margin:1rem 0}.metrics article{padding:.8rem;background:var(--ink);color:white;border-radius:.8rem}.metrics span{display:block;font-size:.8rem;color:#ccd7d2}.metrics strong{font-size:1.5rem}h2{margin:1.5rem 0 .65rem;font-size:1.2rem}.section-title{display:flex;align-items:end;justify-content:space-between;gap:1rem}.cards{display:grid;gap:.6rem}.card,.replay-card,.agent-detail{padding:.9rem;background:var(--card);border:1px solid var(--line);border-radius:.8rem}.card h3,.card p{margin:.1rem 0 .45rem}.card h3{font-size:1rem}.mono{font:.78rem ui-monospace,monospace;color:var(--muted);overflow-wrap:anywhere}.meta,.detail-item span,.detail-item small{display:block;color:var(--muted);font-size:.82rem}progress{width:100%;accent-color:#2c7258}.incident{border-left:4px solid var(--danger)}form{display:grid;gap:.7rem;margin-bottom:.8rem;padding:1rem;background:#ebe3d1;border-radius:.8rem}.operational-grid{display:grid;gap:1rem}.replay-card{display:grid;gap:.4rem}.replay-card strong{font-size:1.4rem}.success{color:var(--success)}.danger{color:var(--danger)}.filters{align-items:end}.result-count{color:var(--muted);white-space:nowrap}.timeline{list-style:none;margin:0;padding:0}.timeline li{padding:.75rem 0;border-bottom:1px solid var(--line)}.timeline>p{margin:1rem 0}.event-top{display:flex;justify-content:space-between;gap:1rem}.event-tick{padding:.1rem .45rem;border-radius:1rem;background:#e1e8e4;font-size:.78rem}.timeline li>span,.empty{color:var(--muted);font-size:.85rem}.agent-layout{display:grid;gap:.8rem}.agent-list{display:grid;gap:.5rem}.agent-button{display:grid;text-align:left;background:var(--card);border:1px solid var(--line)}.agent-button[aria-pressed=true]{border-color:#8b6515;box-shadow:inset 4px 0 var(--honey)}.agent-button span,.agent-button small{color:var(--muted)}.agent-detail>h2{margin:.2rem 0}.detail-section{margin-top:1.2rem}.detail-section h3{margin:0 0 .55rem;font-size:1rem}.detail-list{display:grid;gap:.45rem}.detail-item{padding:.6rem;border-left:3px solid var(--line);background:#faf7ef}.needs-grid{display:grid;gap:.6rem}.need-label{display:flex;justify-content:space-between;text-transform:capitalize}.empty{padding:1rem;text-align:center;border:1px dashed var(--line);border-radius:.6rem}@keyframes pulse{50%{opacity:.35;transform:scale(.8)}}@media (min-width:700px){main{padding:1.5rem}.controls{grid-template-columns:minmax(18rem,1fr) auto;align-items:end}.controls #status{grid-column:1/-1}.metrics{grid-template-columns:repeat(4,1fr)}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}form{grid-template-columns:1fr 2fr}form .wide{grid-column:1/-1}.filters{grid-template-columns:2fr 1fr auto}.operational-grid{grid-template-columns:minmax(16rem,.75fr) 1.5fr}.agent-layout{grid-template-columns:minmax(15rem,.65fr) 1.6fr;align-items:start}.agent-list{position:sticky;top:140px}.agent-detail{min-height:28rem}.needs-grid{grid-template-columns:repeat(3,1fr)}.topbar{padding-inline:max(1.5rem,calc((100% - 71rem)/2))}.tabs{padding-inline:max(1.5rem,calc((100% - 71rem)/2))}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}