.monitor{margin-top:32px;padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.monitor>summary{color:var(--accent);font-size:18px;cursor:pointer}
.monitor section{padding-top:22px}
.monitor h2{font-size:23px;margin:0}
.monitor .detail-top{align-items:center;gap:12px}
.monitor-stages{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:24px 0}
.monitor-stage{padding:15px;border:1px solid var(--line);border-radius:8px}
.monitor-stage strong,.monitor-stage span{display:block}
.monitor-stage span{color:var(--muted);margin-top:10px}
.monitor-stage.ok,.monitor-stage.running{border-color:var(--accent)}
.monitor-stage.error{border-color:#ff9898}
.monitor-counts{color:var(--accent)}
.monitor-row{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--line)}
.monitor #monitor-timing,.monitor #monitor-feed{font-size:13px}
.monitor summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@media(max-width:1000px){.monitor-stages{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.monitor{padding:16px}.monitor-stages{grid-template-columns:1fr}.monitor-row{flex-direction:column;gap:4px}}