:root{--ink:#f5efe4;--muted:#bcb2a4;--paper:#1e242b;--panel:#252d35;--line:#47515a;--accent:#efad58;--danger:#e27f74;--ok:#83c59c}*{box-sizing:border-box}body{margin:0;background:#151a1f;color:var(--ink);font:16px/1.48 ui-serif,Georgia,serif}.shell{max-width:1440px;margin:auto;padding:28px}.login{max-width:440px;margin:12vh auto;background:var(--paper);padding:32px;border:1px solid var(--line)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.7rem,3vw,2.7rem);font-weight:500}.eyebrow{color:var(--accent);font:700 .72rem/1.3 ui-sans-serif,system-ui;letter-spacing:.13em;text-transform:uppercase}.muted{color:var(--muted);font-family:ui-sans-serif,system-ui;font-size:.9rem}.topbar,.identity,.top-actions,.dialog-actions{display:flex;justify-content:space-between;gap:16px;align-items:center}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:22px 0}.metric,.sidebar,.detail{border:1px solid var(--line);background:var(--paper)}.metric{padding:14px}.metric strong{display:block;font-size:1.2rem}.layout{display:grid;grid-template-columns:300px 1fr;gap:16px}.sidebar{padding:16px}.detail{min-height:580px;padding:24px}.actor{width:100%;padding:12px;text-align:left;color:var(--ink);background:transparent;border:1px solid transparent;border-bottom-color:var(--line);cursor:pointer}.actor:hover,.actor[aria-current=true]{background:var(--panel);border-color:var(--accent)}.actor small{display:block;color:var(--muted)}button,input,textarea,select{font:inherit}button{padding:9px 12px;background:var(--accent);color:#21170c;border:0;cursor:pointer;font-weight:700}button.quiet{background:transparent;border:1px solid var(--line);color:var(--ink)}button.danger{background:var(--danger)}.controls{display:grid;grid-template-columns:1fr 1fr;gap:8px}.controls .danger{grid-column:span 2}form{display:grid;gap:11px;margin-top:20px}label{display:grid;gap:5px;font-family:ui-sans-serif,system-ui;font-size:.88rem}input,textarea,select{width:100%;padding:9px;background:#171d22;border:1px solid var(--line);color:var(--ink)}textarea{resize:vertical}.confirm{display:flex;align-items:center}.confirm input{width:auto}.tabs{display:flex;gap:4px;overflow:auto;border-bottom:1px solid var(--line);margin-top:25px}.tab{white-space:nowrap;background:transparent;color:var(--muted)}.tab[aria-selected=true]{color:var(--ink);border-bottom:2px solid var(--accent)}.panel{padding-top:20px}.record{border-left:3px solid var(--line);padding:10px 14px;margin:10px 0;background:var(--panel)}.record h3{font-size:1rem;margin-bottom:5px}.notice{min-height:1.5em;color:#ffb5aa;font-family:ui-sans-serif,system-ui}.empty{color:var(--muted);padding:100px 20px;text-align:center}dialog{width:min(720px,94vw);background:var(--paper);color:var(--ink);border:1px solid var(--line);padding:25px}dialog::backdrop{background:#000b}.status-ok{color:var(--ok)}.status-stale{color:var(--danger)}@media(max-width:800px){.shell{padding:14px}.layout{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.detail{padding:16px}.topbar,.identity{align-items:flex-start;flex-direction:column}.sidebar{order:2}}

.stage{background:var(--paper);border:1px solid var(--line);padding:24px;margin:20px 0}.stage-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.stage-head label{max-width:50%}#stage-messages{max-height:550px;overflow-y:auto}.record p{white-space:pre-wrap;overflow-wrap:anywhere}.turn-label{display:inline-block;margin:4px;padding:4px 8px;background:var(--panel);font-size:.85rem}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}@media(max-width:800px){.stage{padding:14px}.stage-head{display:block}.stage-head label{max-width:100%}}
.layout>*{min-width:0}.stage-head>*{min-width:0}.stage select{max-width:100%}.top-actions{flex-wrap:wrap}#jobs{max-height:220px;overflow:auto}#jobs .record{font-size:.85rem}.tabs{max-width:100%}

.metric{min-width:0;overflow-wrap:anywhere}

.help-box{padding:18px;border:1px solid var(--line);background:var(--paper);margin:16px 0;overflow-wrap:anywhere}.help-box summary{cursor:pointer;color:var(--accent);font-weight:700}.help-box h2{margin-top:20px}.help-box li{margin:10px 0}.record pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.8rem}.record details{margin-top:12px}.record a{color:var(--accent)}