:root{--bg: #0f172a;--surface: #1e293b;--surface-2: #334155;--text: #f1f5f9;--muted: #94a3b8;--accent: #fb923c;--ok: #22c55e;--warn: #facc15;--err: #ef4444;--awaiting: #a855f7;--running: #38bdf8;--radius: 8px}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;font-size:14px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{background:var(--surface-2);color:var(--text);border:1px solid #475569;border-radius:var(--radius);padding:6px 12px;cursor:pointer;font-size:13px}button:hover{background:#475569}button.primary{background:var(--accent);border-color:var(--accent);color:#0f172a;font-weight:600}button.danger{background:var(--err);border-color:var(--err)}button:disabled{opacity:.5;cursor:not-allowed}input,textarea,select{background:var(--surface);color:var(--text);border:1px solid #475569;border-radius:var(--radius);padding:8px;font-size:13px;font-family:inherit;width:100%}textarea{min-height:80px;resize:vertical}.shell{display:flex;flex-direction:column;min-height:100vh}.topbar{background:var(--surface);border-bottom:1px solid #334155;padding:10px 20px;display:flex;align-items:center;gap:16px}.topbar .brand{font-weight:700;color:var(--accent)}.topbar nav{display:flex;gap:16px}.topbar .spacer{flex:1}.topbar .conn-dot{width:8px;height:8px;border-radius:50%;background:var(--muted);display:inline-block;margin-right:6px}.topbar .conn-dot.on{background:var(--ok)}.content{padding:16px;flex:1}.error{color:var(--err);padding:8px 0}.muted{color:var(--muted);font-size:12px}.kanban{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.column{background:var(--surface);border-radius:var(--radius);padding:10px;min-height:200px;display:flex;flex-direction:column}.column h3{margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}.column h3 .count{background:var(--surface-2);color:var(--text);border-radius:999px;padding:1px 8px;margin-left:6px;font-size:11px}.card{background:var(--surface-2);border-left:3px solid var(--muted);border-radius:var(--radius);padding:8px 10px;margin-bottom:8px;cursor:pointer}.card:hover{background:#475569}.card .agent{font-weight:600;color:var(--accent);font-size:12px}.card .briefing{font-size:13px;margin:4px 0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.card .footer{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.card.s-running{border-left-color:var(--running)}.card.s-awaiting_approval{border-left-color:var(--awaiting)}.card.s-completed{border-left-color:var(--ok)}.card.s-failed,.card.s-rejected,.card.s-dead_letter{border-left-color:var(--err)}.card.s-paused,.card.s-retrying{border-left-color:var(--warn)}.detail{display:grid;grid-template-columns:1fr 320px;gap:16px;max-width:1200px;margin:0 auto}.detail .panel{background:var(--surface);border-radius:var(--radius);padding:16px}.detail h2{margin:0 0 8px}.detail dl{display:grid;grid-template-columns:100px 1fr;gap:4px 12px;font-size:13px}.detail dt{color:var(--muted)}.briefing-block{background:#0b1220;padding:10px;border-radius:var(--radius);white-space:pre-wrap}.approval-banner{background:linear-gradient(135deg,#581c87,#7e22ce);padding:16px;border-radius:var(--radius);margin-bottom:16px}.approval-banner .gate{display:inline-block;background:#0000004d;padding:2px 8px;border-radius:4px;font-family:monospace;font-size:12px}.approval-banner .actions{margin-top:12px;display:flex;gap:8px}