:root{--bg:#08090b;--bg-2:#0c0e11;--bg-3:#101317;--surface:#13161b;--surface-2:#181b21;--surface-hover:#1e2128;--t-1:#eef0f2;--t-2:#c5c9cd;--t-3:#8b9095;--t-4:#5c6268;--t-5:#3a4046;--border:#1d2127;--border-2:#262b32;--border-strong:#343a42;--acid:#c8fa63;--acid-dim:#7a9b3b;--acid-bg:rgba(200,250,99,.08);--success:#5eefa8;--info:#6fb3ff;--warn:#ffb359;--danger:#ff6b6b;--danger-bg:hsla(0,100%,71%,.1);--c-matomo:#a875e8;--c-agent:#ffb359;--c-ledger:#f97b5b;--c-workflow:#60d8b8;--c-memory:#6fb3ff;--c-human:#c8fa63;--c-policy:#e8c56f;--c-action:#db5cff;--r-2:2px;--r-4:4px;--r-6:6px;--r-8:8px;--sans:"Manrope",system-ui,-apple-system,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace;--serif:"Instrument Serif","Times New Roman",serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--t-1);font-family:var(--sans);font-size:13px;-webkit-font-smoothing:antialiased;letter-spacing:-.01em;min-height:100vh;overflow:hidden}a{color:var(--acid);text-decoration:none}.app-grid{display:grid;grid-template-areas:"top top top" "rail main aside";grid-template-columns:48px 1fr 380px;grid-template-rows:48px 1fr;height:100vh}.app-grid.inspector-hidden{grid-template-columns:48px 1fr 0}.topbar{background:var(--bg-2);border-bottom:1px solid var(--border);gap:12px;grid-area:top;padding:0 16px;z-index:100}.brand,.topbar{align-items:center;display:flex}.brand{gap:8px}.brand-mark{background:var(--acid);border-radius:var(--r-4);height:20px;width:20px}.brand-name{color:var(--t-1);font-size:14px;font-weight:700}.brand-sub{color:var(--t-4);font-size:11px}.viewtabs{display:flex;gap:2px;margin-left:16px}.viewtabs button{background:transparent;border:none;border-radius:var(--r-4);color:var(--t-3);cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .15s}.viewtabs button:hover{background:var(--surface-hover);color:var(--t-1)}.viewtabs button.active{background:var(--acid-bg);color:var(--acid)}.kbd{color:var(--t-5);font-size:9px;margin-left:4px}.top-spacer{flex:1}.status-pill{align-items:center;color:var(--t-3);display:flex;font-size:11px;gap:6px}.status-pill .dot{animation:breathe 2s infinite;background:var(--success);border-radius:50%;height:6px;width:6px}.user-chip{border-radius:var(--r-6);gap:8px;padding:4px 8px}.user-chip,.user-chip .av{align-items:center;display:flex}.user-chip .av{background:linear-gradient(135deg,#dea95e,#8a5a32);border-radius:50%;color:#fff;font-size:11px;font-weight:700;height:28px;justify-content:center;width:28px}.user-chip .name{color:var(--t-1);font-size:12px;font-weight:600}.user-chip .role{color:var(--t-4);font-size:10px}.rail{background:var(--bg-2);border-right:1px solid var(--border);flex-direction:column;gap:4px;grid-area:rail;padding:12px 0}.rail,.rail-btn{align-items:center;display:flex}.rail-btn{background:transparent;border:none;border-radius:var(--r-6);color:var(--t-4);cursor:pointer;height:32px;justify-content:center;position:relative;transition:all .15s;width:32px}.rail-btn:hover{background:var(--surface-hover);color:var(--t-2)}.rail-btn.active{background:var(--acid-bg);color:var(--acid)}.rail-btn .badge{background:var(--danger);border-radius:50%;height:6px;position:absolute;right:4px;top:4px;width:6px}.rail-sep{background:var(--border);height:1px;margin:8px 0;width:20px}.rail-foot{margin-top:auto}.main-canvas{background:var(--bg);grid-area:main}.inspector,.main-canvas{overflow-y:auto;padding:20px}.inspector{background:var(--bg-2);border-left:1px solid var(--border);grid-area:aside}.insp-head .eyebrow{color:var(--c-matomo);font-size:10px;letter-spacing:.05em;text-transform:uppercase}.insp-head .title{color:var(--t-1);font-family:var(--serif);font-size:22px;margin:4px 0}.insp-head .sub{color:var(--t-3);font-size:12px}.section-title{border-bottom:1px solid var(--border);color:var(--t-4);font-size:10px;font-weight:600;letter-spacing:.06em;margin:20px 0 10px;padding-bottom:6px;text-transform:uppercase}.kpi-row{display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-8);padding:14px}.kpi-label{color:var(--t-3);font-size:11px;margin-bottom:4px}.kpi-value{color:var(--t-1);font-family:var(--mono);font-size:22px;font-weight:700}.kpi-delta{color:var(--success);font-size:11px;margin-top:4px}.kpi-delta.down{color:var(--danger)}.kpi-spark{height:24px;margin-top:8px;width:100%}.vitals-grid{display:grid;gap:10px;grid-template-columns:1fr 1fr}.vital{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-6);padding:12px}.vital.acid{border-color:#c8fa6333}.vital.danger{border-color:#ff6b6b33}.v-lbl{color:var(--t-3);font-size:10px}.v-num{color:var(--t-1);font-family:var(--mono);font-size:24px;font-weight:700;margin:4px 0}.v-delta{color:var(--t-4);font-size:10px}.chip{align-items:center;background:var(--surface);border:1px solid var(--border-2);border-radius:3px;color:var(--t-2);display:inline-flex;font-family:var(--mono);font-size:10.5px;font-weight:500;gap:5px;padding:3px 8px;text-transform:uppercase}.chip.acid{background:var(--acid-bg);border-color:#c8fa634d;color:var(--acid)}.chip.danger{background:var(--danger-bg);border-color:#ff6b6b4d;color:var(--danger)}.chip.warn{background:#ffb3591a;border-color:#ffb3594d;color:var(--warn)}.chip.info{background:#6fb3ff1a;border-color:#6fb3ff4d;color:var(--info)}.fleet-grid{display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.ag-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-8);padding:14px;transition:border-color .15s}.ag-card:hover{border-color:var(--border-strong)}.ag-card.active{border-color:#c8fa634d}.ag-card.dead{opacity:.5}.ag-top{gap:10px;margin-bottom:10px}.ag-ico,.ag-top{align-items:center;display:flex}.ag-ico{border-radius:var(--r-6);color:var(--bg);font-size:11px;font-weight:700;height:32px;justify-content:center;width:32px}.ag-name{color:var(--t-1);font-size:13px;font-weight:600}.ag-role{color:var(--t-4);font-size:11px}.ag-current{background:var(--bg-3);border-radius:var(--r-4);color:var(--t-3);font-size:11px;margin-bottom:10px;padding:8px}.ag-current .label{color:var(--t-4);font-size:9px;margin-bottom:4px;text-transform:uppercase}.ag-meta{display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-bottom:10px}.ag-meta .cell{text-align:center}.ag-meta .lbl{color:var(--t-4);font-size:9px}.ag-meta .val{color:var(--t-1);font-family:var(--mono);font-size:14px;font-weight:700}.ag-conf{margin-bottom:10px}.ag-conf .top{color:var(--t-4);display:flex;font-size:10px;justify-content:space-between;margin-bottom:4px}.ag-conf .pct{color:var(--acid);font-family:var(--mono)}.ag-conf .bar{background:var(--border);border-radius:2px;height:3px;overflow:hidden}.ag-conf .fill{background:var(--acid);border-radius:2px;height:100%;transition:width .3s}.ag-foot{display:flex;flex-wrap:wrap;gap:4px}.peer-grid{display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:20px}.peer-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-8);padding:14px}.peer-top{margin-bottom:10px}.peer-top,.rule-row{align-items:center;display:flex;gap:10px}.rule-row{border-bottom:1px solid var(--border);padding:8px 0}.rule-tag{background:var(--acid-bg);border-radius:var(--r-2);color:var(--acid);font-family:var(--mono);font-size:10px;font-weight:700;padding:2px 6px}.rule-body{flex:1}.rule-body strong{color:var(--t-1);display:block;font-size:12px}.rule-meta{color:var(--t-4);font-size:10px}.rule-pulse{animation:rulePulse 2s infinite;background:var(--acid);border-radius:50%;height:8px;width:8px}.tl-event{border-left:2px solid var(--border);margin-bottom:8px;margin-left:8px;padding:10px 12px}.tl-event.highlight{border-left-color:var(--acid)}.tl-event.failed{border-left-color:var(--danger)}.tl-event-top{align-items:center;display:flex;gap:8px;margin-bottom:4px}.tl-event-time{color:var(--t-4);font-family:var(--mono);font-size:10px}.tl-event-ttl{color:var(--t-2);font-size:12px}.tl-event-body{color:var(--t-3);font-size:11px}@keyframes breathe{0%,to{box-shadow:0 0 #5eefa880}50%{box-shadow:0 0 0 4px #5eefa800}}@keyframes rulePulse{0%{box-shadow:0 0 #c8fa6399}70%{box-shadow:0 0 0 10px #c8fa6300}to{box-shadow:0 0 #c8fa6300}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}