@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Outfit:wght@300;400;500;600;700;800&display=swap";.traffic-stage{color:#e2e8f0;box-sizing:border-box;background:#09090d;flex-direction:column;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:flex;overflow:hidden}.glass-panel{-webkit-backdrop-filter:blur(16px);background:#12121ad9;border:1px solid #ffffff14;border-radius:8px}.traffic-header{background:#0c0c12f2;border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;display:flex}.header-left{align-items:center;gap:12px;display:flex}.radar-scope-icon{color:#38bdf8;background:radial-gradient(circle,#06b6d440 0%,#06b6d40d 70%,#0000 100%);border:1px solid #06b6d466;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative;box-shadow:0 0 16px #06b6d433}.radar-title-group{flex-direction:column;gap:2px;display:flex}.title-row{align-items:center;gap:8px;display:flex}.radar-title{letter-spacing:.06em;color:#f8fafc;text-transform:uppercase;margin:0;font-family:JetBrains Mono,monospace;font-size:15px;font-weight:800}.badge-fusion{color:#34d399;letter-spacing:.06em;background:#10b9811f;border:1px solid #10b98159;border-radius:4px;align-items:center;gap:5px;padding:2px 7px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;display:inline-flex}.live-beacon{background:#34d399;border-radius:50%;width:6px;height:6px;animation:2s infinite beaconPulse;box-shadow:0 0 8px #34d399}@keyframes beaconPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.3)}}.radar-subtitle{color:#94a3b8;margin:0;font-family:JetBrains Mono,monospace;font-size:11px}.header-stats{align-items:center;gap:10px;display:flex}.stat-pill{background:#0f172aa6;border:1px solid #ffffff12;border-radius:6px;flex-direction:column;align-items:center;min-width:64px;padding:3px 10px;display:flex}.stat-pill-label{color:#64748b;letter-spacing:.05em;font-family:JetBrains Mono,monospace;font-size:9px;font-weight:700}.stat-pill-val{color:#f1f5f9;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700}.text-cyan{color:#38bdf8}.text-emerald{color:#34d399}.text-purple{color:#c084fc}.text-amber{color:#fbbf24}.header-controls{align-items:center;gap:8px;display:flex}.clarity-link-btn{color:#c084fc;background:#a855f71f;border:1px solid #a855f759;border-radius:6px;align-items:center;gap:6px;padding:5px 10px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.clarity-link-btn:hover{color:#e9d5ff;background:#a855f738;border-color:#a855f799;box-shadow:0 0 12px #a855f740}.ctrl-btn{color:#cbd5e1;cursor:pointer;background:#1e293b80;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:6px;padding:5px 10px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;transition:all .2s;display:flex}.ctrl-btn:hover:not(:disabled){color:#f8fafc;background:#33415599;border-color:#ffffff26}.ctrl-btn.active{color:#38bdf8;background:#06b6d426;border-color:#06b6d466}.ctrl-btn:disabled{opacity:.5;cursor:not-allowed}.traffic-subnav{background:#09090db3;border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:8px 20px;display:flex}.tab-group{align-items:center;gap:4px;display:flex}.nav-tab{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;transition:all .15s}.nav-tab:hover{color:#f1f5f9;background:#ffffff0a}.nav-tab.active{color:#38bdf8;background:#06b6d426;border-color:#06b6d459;font-weight:700}.search-wrapper{width:280px;position:relative}.search-input{color:#f1f5f9;box-sizing:border-box;background:#0f172ab3;border:1px solid #ffffff1a;border-radius:5px;width:100%;padding:5px 28px 5px 26px;font-family:JetBrains Mono,monospace;font-size:11px;transition:border-color .2s}.search-input:focus{border-color:#38bdf8;outline:none;box-shadow:0 0 10px #06b6d433}.search-icon-pos{color:#64748b;pointer-events:none;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.search-clear-btn{color:#64748b;cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:11px;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.search-clear-btn:hover{color:#f8fafc}.radar-content{flex-direction:column;flex:1;gap:16px;padding:16px 20px;display:flex;overflow-y:auto}.pillar-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}@media (width<=1200px){.pillar-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.pillar-grid{grid-template-columns:1fr}}.pillar-card{cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;gap:10px;padding:14px 16px;transition:all .2s;display:flex;position:relative;overflow:hidden}.pillar-card:before{content:"";opacity:.8;height:2px;position:absolute;top:0;left:0;right:0}.pillar-card:hover{border-color:#ffffff29;transform:translateY(-2px)}.pillar-card.selected-pillar{transform:translateY(-3px)}.card-amber.selected-pillar{box-shadow:0 0 22px #f59e0b47;border-color:#f59e0bcc!important}.card-cyan.selected-pillar{box-shadow:0 0 22px #06b6d447;border-color:#06b6d4cc!important}.card-emerald.selected-pillar{box-shadow:0 0 22px #10b98147;border-color:#10b981cc!important}.card-purple.selected-pillar{box-shadow:0 0 22px #a855f747;border-color:#a855f7cc!important}.card-amber:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.card-amber:hover{box-shadow:0 4px 20px -2px #f59e0b26}.card-cyan:before{background:linear-gradient(90deg,#06b6d4,#38bdf8)}.card-cyan:hover{box-shadow:0 4px 20px -2px #06b6d426}.card-emerald:before{background:linear-gradient(90deg,#10b981,#34d399)}.card-emerald:hover{box-shadow:0 4px 20px -2px #10b98126}.card-purple:before{background:linear-gradient(90deg,#8b5cf6,#c084fc)}.card-purple:hover{box-shadow:0 4px 20px -2px #8b5cf626}.card-header{justify-content:space-between;align-items:center;display:flex}.card-title-box{letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:7px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;display:flex}.card-badge{letter-spacing:.04em;border-radius:3px;padding:1px 6px;font-family:JetBrains Mono,monospace;font-size:9px;font-weight:700}.badge-amber{color:#fbbf24;background:#f59e0b1f;border:1px solid #f59e0b4d}.badge-cyan{color:#38bdf8;background:#06b6d41f;border:1px solid #06b6d44d}.badge-emerald{color:#34d399;background:#10b9811f;border:1px solid #10b9814d}.badge-purple{color:#c084fc;background:#a855f71f;border:1px solid #a855f74d}.card-metric-primary{align-items:baseline;gap:6px;display:flex}.metric-number{color:#f8fafc;font-family:JetBrains Mono,monospace;font-size:26px;font-weight:800;line-height:1}.metric-unit{color:#94a3b8;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500}.visual-bar-wrap{flex-direction:column;gap:4px;display:flex}.visual-bar-label{color:#94a3b8;justify-content:space-between;font-family:JetBrains Mono,monospace;font-size:10px;display:flex}.progress-track{background:#ffffff14;border-radius:3px;height:5px;position:relative;overflow:hidden}.progress-fill{border-radius:3px;height:100%;transition:width .6s}.fill-amber{background:linear-gradient(90deg,#d97706,#fbbf24)}.fill-cyan{background:linear-gradient(90deg,#0284c7,#38bdf8)}.fill-emerald{background:linear-gradient(90deg,#059669,#34d399)}.fill-purple{background:linear-gradient(90deg,#7c3aed,#c084fc)}.card-footer-meta{color:#64748b;border-top:1px solid #ffffff0f;justify-content:space-between;padding-top:8px;font-family:JetBrains Mono,monospace;font-size:10px;display:flex}.stage-grid-two{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}@media (width<=900px){.stage-grid-two{grid-template-columns:1fr}}.panel-card{flex-direction:column;gap:10px;padding:14px 16px;display:flex}.panel-header{justify-content:space-between;align-items:center;display:flex}.panel-title{text-transform:uppercase;letter-spacing:.06em;color:#cbd5e1;align-items:center;gap:7px;margin:0;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;display:flex}.item-list{flex-direction:column;gap:6px;display:flex}.item-row{background:#0c0c12b3;border:1px solid #ffffff0d;border-radius:5px;justify-content:space-between;align-items:center;padding:6px 10px;font-size:11px;transition:all .15s;display:flex}.item-row:hover{background:#14141ecc;border-color:#ffffff1a}.query-name{color:#f1f5f9;font-weight:500}.query-stats{align-items:center;gap:10px;font-family:JetBrains Mono,monospace;font-size:10px;display:flex}.table-container{margin-top:4px;overflow-x:auto}.telemetry-table{border-collapse:collapse;text-align:left;width:100%;font-family:JetBrains Mono,monospace;font-size:11px}.telemetry-table th{color:#64748b;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-bottom:1px solid #ffffff14;padding:8px 10px;font-size:10px;font-weight:700}.telemetry-table td{vertical-align:middle;border-bottom:1px solid #ffffff0a;padding:7px 10px}.telemetry-table tr:hover td{background:#ffffff08}.method-tag{letter-spacing:.04em;border-radius:3px;padding:1px 6px;font-size:9px;font-weight:700;display:inline-block}.method-get{color:#38bdf8;background:#06b6d426;border:1px solid #06b6d44d}.method-post{color:#c084fc;background:#a855f726;border:1px solid #a855f74d}.method-other{color:#cbd5e1;background:#94a3b826;border:1px solid #94a3b84d}.status-badge{border-radius:3px;padding:1px 5px;font-size:9px;font-weight:700;display:inline-block}.status-2xx{color:#34d399;background:#10b9811f}.status-3xx{color:#60a5fa;background:#3b82f61f}.status-4xx{color:#fbbf24;background:#f59e0b1f}.status-5xx{color:#f87171;background:#ef444426}.bot-tag{color:#d8b4fe;background:#a855f733;border-radius:3px;margin-right:6px;padding:1px 5px;font-size:9px;font-weight:700}.ref-tag{color:#38bdf8;margin-right:6px}.subview-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}@media (width<=900px){.subview-grid{grid-template-columns:1fr}}.metric-tile-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.metric-tile{background:#0c0c12b3;border:1px solid #ffffff0d;border-radius:6px;flex-direction:column;gap:3px;padding:10px 12px;display:flex}.metric-tile-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700}.metric-tile-val{color:#f1f5f9;font-family:JetBrains Mono,monospace;font-size:18px;font-weight:800}.cta-group{flex-direction:column;gap:8px;display:flex}.cta-btn{color:#c084fc;background:#a855f71f;border:1px solid #a855f759;border-radius:6px;justify-content:space-between;align-items:center;padding:10px 14px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.cta-btn:hover{color:#f3e8ff;background:#a855f738;border-color:#a855f799;transform:translate(2px);box-shadow:0 0 16px #a855f740}.time-series-card{background:#0e1018e0;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;gap:14px;margin-bottom:4px;padding:16px 18px;display:flex}.time-series-header{border-bottom:1px solid #ffffff0d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-bottom:12px;display:flex}.header-title-wrap{flex-direction:column;gap:3px;display:flex}.chart-mode-group{background:#080a10cc;border:1px solid #ffffff12;border-radius:6px;align-items:center;gap:4px;padding:3px;display:flex}.mode-btn{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;align-items:center;gap:6px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.mode-btn:hover{color:#e2e8f0;background:#ffffff0a}.mode-btn.active{color:#38bdf8;background:#06b6d426;border-color:#06b6d466;box-shadow:0 0 12px #06b6d426}.time-series-ribbon{background:#0a0c1299;border:1px solid #ffffff0a;border-radius:6px;grid-template-columns:repeat(4,1fr);gap:12px;padding:10px 14px;display:grid}@media (width<=800px){.time-series-ribbon{grid-template-columns:repeat(2,1fr)}}.ribbon-metric{flex-direction:column;gap:2px;display:flex}.ribbon-label{color:#64748b;letter-spacing:.06em;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:9px;font-weight:700}.ribbon-val{font-family:JetBrains Mono,monospace;font-size:16px;font-weight:800;line-height:1.2}.ribbon-sub{color:#475569;font-family:JetBrains Mono,monospace;font-size:10px}.chart-stage{cursor:crosshair;background:#07090eb3;border:1px solid #ffffff0d;border-radius:6px;width:100%;height:170px;position:relative;overflow:visible}.time-series-svg{width:100%;height:100%;display:block}.grid-line{stroke:#ffffff0a;stroke-dasharray:4 4;stroke-width:1px}.axis-line{stroke:#ffffff1a;stroke-width:1px}.chart-curve{transition:d .3s}.chart-node{fill:#09090d;stroke-width:2px;transition:r .15s}.node-emerald{stroke:#10b981}.node-cyan{stroke:#06b6d4}.node-active{fill:#f8fafc;stroke-width:3px}.alert-pulse{animation:1.8s infinite alternate redAlertGlow}@keyframes redAlertGlow{0%{opacity:.75;filter:drop-shadow(0 0 2px #ef4444)}to{opacity:1;filter:drop-shadow(0 0 8px #ef4444)}}.hover-crosshair{stroke:#ffffff59;stroke-dasharray:2 3;stroke-width:1px;pointer-events:none}.chart-date-axis{pointer-events:none;height:16px;position:absolute;bottom:4px;left:0;right:0}.date-tick{color:#64748b;white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:9px;font-weight:600;position:absolute;transform:translate(-50%)}.chart-tooltip{pointer-events:none;z-index:20;background:#0a0e16f2;border:1px solid #06b6d466;border-radius:6px;min-width:190px;padding:8px 12px;transition:left 50ms;position:absolute;top:10px;transform:translate(-50%);box-shadow:0 8px 24px #000000b3,0 0 12px #06b6d433}.tt-header{color:#38bdf8;border-bottom:1px solid #ffffff14;align-items:center;gap:5px;margin-bottom:6px;padding-bottom:4px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;display:flex}.tt-grid{flex-direction:column;gap:3px;display:flex}.tt-item{justify-content:space-between;align-items:center;gap:12px;font-family:JetBrains Mono,monospace;font-size:10px;display:flex}.tt-k{color:#94a3b8}.tt-v{font-weight:700}.chart-legend-row{flex-wrap:wrap;align-items:center;gap:18px;padding-top:4px;display:flex}.legend-item{color:#94a3b8;align-items:center;gap:6px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.legend-dot{border-radius:50%;width:8px;height:8px}.dot-emerald{background:#10b981;box-shadow:0 0 6px #10b981}.dot-amber{background:#f59e0b;box-shadow:0 0 6px #f59e0b}.dot-red{background:#ef4444;box-shadow:0 0 6px #ef4444}.dot-cyan{background:#06b6d4;box-shadow:0 0 6px #06b6d4}.legend-line{width:14px;height:2px}.line-cyan{background:#38bdf8;box-shadow:0 0 6px #38bdf8}.legend-hint{color:#475569;margin-left:auto;font-family:JetBrains Mono,monospace;font-size:10px;font-style:italic}.text-red{color:#f87171}.radar-container.multi-pane{color:#e2e8f0;box-sizing:border-box;background:#09090d;flex-direction:column;gap:10px;width:100%;height:100%;padding:10px 14px;display:flex;overflow:hidden}.glass-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f141ebf;border:1px solid #ffffff12;border-radius:8px}.radar-panes-layout{flex:1;gap:8px;width:100%;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.pane-rail{flex-direction:column;flex-shrink:0;width:320px;min-width:290px;max-width:360px;height:100%;display:flex;overflow:hidden}.rail-top-bar{background:#0a0a1099;border-bottom:1px solid #ffffff14;flex-direction:column;flex-shrink:0;gap:6px;padding:8px 10px;display:flex}.rail-tab-switcher{background:#0f172ab3;border:1px solid #ffffff0f;border-radius:6px;gap:4px;padding:2px;display:flex}.rail-tab-pill{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;flex:1;justify-content:center;align-items:center;gap:5px;padding:5px 8px;font-size:11px;font-weight:600;transition:all .15s;display:flex}.rail-tab-pill:hover{color:#e2e8f0}.rail-tab-pill.active{color:#93c5fd;background:#3b82f633;border-color:#3b82f666}.rail-search-row{background:#0f172a99;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;display:flex}.rail-search-input{color:#f1f5f9;background:0 0;border:none;outline:none;width:100%;font-size:11px}.rail-search-input::placeholder{color:#64748b}.clear-search-btn{color:#64748b;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:10px}.clear-search-btn:hover{color:#cbd5e1}.rail-scroll-body{flex-direction:column;flex:1;gap:12px;min-height:0;padding:10px 12px;display:flex;overflow-y:auto}.rail-group{flex-direction:column;gap:6px;display:flex}.group-header{align-items:center;gap:6px;padding:2px 4px;display:flex}.group-title{color:#34d399;letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:700}.empty-hint{color:#64748b;padding:8px 6px;font-size:11px;font-style:italic}.active-cards-list{flex-direction:column;gap:8px;display:flex}.active-session-item{cursor:pointer;background:#10b9810a;border:1px solid #10b98140;border-radius:6px;flex-direction:column;gap:6px;padding:9px 11px;transition:all .2s;display:flex}.active-session-item:hover{background:#10b98114;border-color:#10b98180}.active-session-item.selected{background:#10b9811f;border-color:#34d399;box-shadow:0 0 12px #10b98140}.item-top-row{justify-content:space-between;align-items:center;display:flex}.item-badge-group{align-items:center;gap:6px;display:flex}.status-dot{background:#64748b;border-radius:50%;width:6px;height:6px}.status-dot.dot-active{background:#10b981;box-shadow:0 0 6px #10b981}.agent-tier-name{color:#f1f5f9;font-size:11px;font-weight:700}.session-friendly-title{color:#f1f5f9;white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.01em;max-width:220px;font-size:12px;font-weight:700;overflow:hidden}.agent-tier-subtle{color:#64748b;text-transform:uppercase;letter-spacing:.03em;background:#ffffff0d;border-radius:3px;padding:1px 5px;font-size:9px;font-weight:600}.repo-badge{color:#38bdf8;letter-spacing:.02em;background:#38bdf81a;border:1px solid #38bdf840;border-radius:3px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:9px;font-weight:600}.repo-badge-dormant{color:#38bdf8;background:#38bdf814;border:1px solid #38bdf82e;border-radius:3px;padding:0 4px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:8px;font-weight:500}.group-header-left{align-items:center;gap:6px;display:flex}.group-header-sort{align-items:center;gap:4px;display:flex}.sort-select{color:#94a3b8;cursor:pointer;background:#0f172ab3;border:1px solid #ffffff1f;border-radius:4px;outline:none;padding:1px 4px;font-family:inherit;font-size:10px}.sort-select:hover,.sort-select:focus{color:#f1f5f9;border-color:#38bdf8}.phase-pill{text-transform:uppercase;border-radius:4px;padding:1px 6px;font-size:9px;font-weight:700}.phase-edit{color:#60a5fa;background:#3b82f633}.phase-review{color:#facc15;background:#eab30833}.phase-idle{color:#94a3b8;background:#64748b33}.item-id-task-row{align-items:center;gap:6px;font-size:11px;display:flex}.cid-badge{color:#cbd5e1;background:#0f172acc;border-radius:4px;padding:2px 5px;font-family:monospace;font-size:10px}.mini-copy-btn{color:#64748b;cursor:pointer;background:0 0;border:none;padding:1px}.mini-copy-btn:hover{color:#cbd5e1}.item-task-chip{color:#a5b4fc;cursor:pointer;background:#6366f133;border:1px solid #6366f14d;border-radius:4px;padding:1px 5px;font-size:10px;font-weight:700}.item-task-chip.hoverable:hover{background:#6366f159;border-color:#818cf8}.no-task-lbl{color:#64748b;font-size:10px;font-style:italic}.item-rel-time{color:#64748b;margin-left:auto;font-size:10px}.item-prompt-preview{color:#94a3b8;text-overflow:ellipsis;max-height:28px;margin:0;font-size:11px;line-height:1.35;overflow:hidden}.item-footer-metrics{color:#64748b;border-top:1px solid #ffffff0a;align-items:center;gap:8px;padding-top:5px;font-size:10px;display:flex}.item-wt{text-overflow:ellipsis;white-space:nowrap;max-width:100px;margin-left:auto;overflow:hidden}.dormant-accordion-btn{cursor:pointer;color:#94a3b8;background:#ffffff08;border:1px solid #ffffff0f;border-radius:6px;justify-content:space-between;align-items:center;width:100%;padding:7px 10px;transition:all .15s;display:flex}.dormant-accordion-btn:hover{color:#cbd5e1;background:#ffffff0f}.accordion-left{align-items:center;gap:6px;display:flex}.accordion-chevron{color:#64748b;font-size:9px}.accordion-toggle-badge{color:#64748b;background:#0f172acc;border-radius:4px;padding:1px 6px;font-size:9px;font-weight:600}.dormant-list{flex-direction:column;gap:3px;margin-top:4px;display:flex}.dormant-session-row{cursor:pointer;background:#0f172a66;border:1px solid #ffffff0a;border-radius:4px;justify-content:space-between;align-items:center;padding:5px 8px;font-size:11px;transition:all .15s;display:flex}.dormant-session-row:hover{background:#3b82f61a;border-color:#3b82f640}.dormant-session-row.selected{background:#3b82f626;border-color:#38bdf8}.dormant-row-left{align-items:center;gap:6px;display:flex}.dormant-dot{background:#475569;border-radius:50%;width:5px;height:5px}.dormant-cid{color:#94a3b8;font-family:monospace;font-size:10px}.dormant-task{color:#818cf8;background:#6366f126;border-radius:3px;padding:1px 4px;font-size:9px;font-weight:700}.dormant-friendly-name{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;max-width:150px;margin-left:2px;font-size:10px;overflow:hidden}.dormant-row-right{color:#64748b;align-items:center;gap:8px;font-size:10px;display:flex}.tasks-rail-list{flex-direction:column;gap:6px;display:flex}.task-rail-row{cursor:pointer;background:#0f172a80;border:1px solid #ffffff0f;border-radius:6px;flex-direction:column;gap:4px;padding:7px 9px;transition:all .15s;display:flex}.task-rail-row:hover{background:#6366f10f;border-color:#6366f166}.task-rail-row.selected{background:#6366f124;border-color:#818cf8}.task-row-top{align-items:center;gap:6px;display:flex}.plane-chip{text-transform:uppercase;border-radius:3px;padding:1px 4px;font-size:8px;font-weight:700}.plane-substrate{color:#38bdf8;background:#38bdf826}.plane-intent{color:#c084fc;background:#a855f726}.task-rail-key{color:#e2e8f0;font-family:monospace;font-size:11px;font-weight:700}.status-dot-mini{border-radius:50%;width:5px;height:5px;margin-left:auto}.status-done{background:#34d399}.status-active{background:#38bdf8}.status-frontier{background:#facc15}.status-open{background:#64748b}.task-rail-title{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.3;overflow:hidden}.task-assigned-row{display:flex}.assigned-chip{color:#34d399;background:#10b98126;border:1px solid #10b9814d;border-radius:3px;padding:1px 5px;font-size:9px;font-weight:700}.pane-stage{flex-direction:column;flex:1;min-width:0;height:100%;display:flex;position:relative;overflow:hidden}.stage-toolbar{box-sizing:border-box;background:#0a0a1099;border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;min-height:38px;max-height:38px;padding:6px 10px;display:flex}.stage-hud-chip{white-space:nowrap;background:#0f172acc;border:1px solid #ffffff14;border-radius:4px;align-items:center;gap:6px;padding:3px 8px;font-size:10px;display:flex}.stage-right-controls{align-items:center;gap:8px;display:flex}.hud-action-btns{align-items:center;gap:4px;display:flex}.ctrl-btn-compact{color:#cbd5e1;cursor:pointer;background:#1e293b99;border:1px solid #ffffff14;border-radius:4px;align-items:center;gap:4px;height:22px;padding:2px 7px;font-size:10px;transition:all .15s;display:flex}.ctrl-btn-compact:hover,.ctrl-btn-compact.active{color:#93c5fd;background:#3b82f633;border-color:#3b82f666}.view-switcher{background:#0f172ab3;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:4px;padding:2px;display:flex}.view-pill{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;padding:4px 8px;font-size:11px;transition:all .15s}.view-pill:hover{color:#f1f5f9}.view-pill.active{color:#60a5fa;background:#3b82f640;border-color:#3b82f666;font-weight:600}.scoped-session-chip{color:#38bdf8;background:#38bdf81f;border:1px solid #38bdf84d;border-radius:6px;align-items:center;gap:6px;padding:2px 8px;font-size:10px;display:flex}.scoped-session-chip .mono{color:#e2e8f0;font-family:monospace;font-weight:700}.btn-clear-scope{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:11px}.btn-clear-scope:hover{color:#f87171}.worktree-preview-badge{color:#facc15;background:#eab3081f;border:1px solid #eab3084d;border-radius:6px;align-items:center;gap:6px;padding:2px 8px;font-size:10px;display:flex}.preview-pulse{background:#facc15;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #facc15}.btn-reset-trunk{color:#fef08a;cursor:pointer;background:#eab30833;border:1px solid #eab30866;border-radius:4px;padding:1px 6px;font-size:9px}.btn-reset-trunk:hover{background:#eab30859}.zoom-controls{align-items:center;gap:4px;display:flex}.zoom-btn{color:#cbd5e1;cursor:pointer;background:#1e293b99;border:1px solid #ffffff14;border-radius:4px;padding:2px 8px;font-size:11px}.zoom-btn:hover{color:#93c5fd;background:#3b82f633}.zoom-val{color:#94a3b8;text-align:center;min-width:34px;font-family:monospace;font-size:10px}.stage-viewport{cursor:grab;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.stage-viewport.panning{cursor:grabbing}.mermaid-canvas-wrapper{transform-origin:50%;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.stage-loading,.stage-error,.stage-empty{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:12px;display:flex}.spinner{border:2px solid #ffffff1a;border-top-color:#38bdf8;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.retry-btn{color:#93c5fd;cursor:pointer;background:#3b82f633;border:1px solid #3b82f666;border-radius:4px;padding:4px 12px;font-size:11px}.inspector-dock-pane{background:#0f141ecc;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;flex-shrink:0;width:380px;min-width:340px;max-width:440px;height:100%;display:flex;overflow:hidden}.dock-header{box-sizing:border-box;background:#0a0a1099;border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;min-height:38px;max-height:38px;padding:6px 10px;display:flex}.dock-tab-switcher{background:#0f172ab3;border:1px solid #ffffff0f;border-radius:6px;gap:4px;padding:2px;display:flex}.dock-tab-btn{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;align-items:center;gap:5px;padding:4px 8px;font-size:11px;font-weight:600;transition:all .15s;display:flex}.dock-tab-btn:hover{color:#f1f5f9}.dock-tab-btn.active{color:#93c5fd;background:#3b82f633;border-color:#3b82f659}.active-badge{color:#a5b4fc;background:#6366f133;border-radius:3px;padding:1px 4px;font-size:9px}.btn-dock-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:3px;display:flex}.btn-dock-close:hover{color:#f87171;background:#f871711a}.dock-content{flex-direction:column;flex:1;gap:12px;min-height:0;padding:12px;display:flex;overflow-y:auto}.dock-empty{text-align:center;color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:100%;padding:40px 20px;font-size:11px;display:flex}.dock-section{background:#12121a99;border:1px solid #ffffff0f;border-radius:6px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.session-top-line{justify-content:space-between;align-items:center;display:flex}.agent-badges{align-items:center;gap:6px;display:flex}.agent-type-tag{color:#38bdf8;font-size:11px;font-weight:700}.phase-tag{text-transform:uppercase;border-radius:4px;padding:1px 5px;font-size:9px;font-weight:700}.linked-task-pill{color:#a5b4fc;cursor:pointer;background:#6366f133;border:1px solid #6366f14d;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:700}.linked-task-pill.hoverable:hover{background:#6366f159;border-color:#818cf8}.id-row{align-items:center;gap:6px;display:flex}.id-label{color:#64748b;font-size:10px}.session-uuid{color:#cbd5e1;text-overflow:ellipsis;white-space:nowrap;flex:1;font-family:monospace;font-size:10px;overflow:hidden}.copy-pill{color:#cbd5e1;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:3px;align-items:center;gap:3px;padding:2px 5px;font-size:9px;display:flex}.copy-pill:hover{background:#ffffff1f}.section-label{color:#64748b;letter-spacing:.06em;font-size:9px;font-weight:700}.wt-info-row{align-items:center;gap:6px;display:flex}.wt-path{color:#38bdf8;word-break:break-all;flex:1;font-family:monospace;font-size:10px}.icon-copy-btn{color:#64748b;cursor:pointer;background:0 0;border:none;padding:2px}.icon-copy-btn:hover{color:#cbd5e1}.stats-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.drawer-stat{flex-direction:column;align-items:center;display:flex}.d-stat-label{color:#64748b;font-size:8px;font-weight:700}.d-stat-val{font-size:14px;font-weight:700}.tools-chips-grid{flex-wrap:wrap;gap:5px;display:flex}.tool-chip{background:#0f172acc;border:1px solid #ffffff14;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:10px;display:flex}.tool-name{color:#94a3b8;font-family:monospace}.tool-count{color:#38bdf8;font-weight:700}.timeline-list{flex-direction:column;gap:8px;display:flex}.timeline-item{gap:8px;font-size:11px;display:flex}.timeline-marker{background:#1e293b;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:2px;display:flex}.marker-user{color:#c084fc;background:#a855f733}.marker-tool{color:#38bdf8;background:#38bdf833}.timeline-body{flex:1;min-width:0}.timeline-head{justify-content:space-between;align-items:center;display:flex}.item-tool{color:#38bdf8;font-family:monospace;font-size:10px;font-weight:700}.item-time{color:#64748b;font-size:9px}.item-title{color:#e2e8f0;margin:2px 0 0;font-size:11px;line-height:1.35}.item-detail{color:#94a3b8;white-space:pre-wrap;word-break:break-all;background:#0a0a1099;border:1px solid #ffffff0a;border-radius:4px;margin:4px 0 0;padding:4px 6px;font-size:10px;overflow-x:auto}.drawer-loading,.drawer-error,.drawer-empty-events{color:#64748b;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:11px;display:flex}.task-top-badges{align-items:center;gap:6px;display:flex}.dock-task-title{color:#f8fafc;margin:2px 0 0;font-size:12px;font-weight:700;line-height:1.4}.dock-task-key{color:#818cf8;margin-right:4px;font-family:monospace}.status-pill{text-transform:uppercase;border-radius:3px;padding:1px 5px;font-size:9px;font-weight:700}.tier-pill{color:#cbd5e1;background:#ffffff14;border-radius:3px;padding:1px 4px;font-size:9px}.task-spec-stat{color:#94a3b8;gap:6px;font-size:10px;display:flex}.task-markdown-body{color:#cbd5e1;white-space:pre-wrap;max-height:200px;font-size:11px;line-height:1.45;overflow-y:auto}.dod-list{flex-direction:column;gap:4px;display:flex}.dod-item{color:#cbd5e1;align-items:center;gap:6px;font-size:11px;display:flex}.reopen-inspector-tab{color:#38bdf8;cursor:pointer;z-index:10;background:#1e293b;border:1px solid #ffffff26;border-right:none;border-radius:6px 0 0 6px;flex-direction:column;align-items:center;gap:6px;padding:8px 6px;font-size:10px;font-weight:700;display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%);box-shadow:-4px 0 12px #0006}.reopen-inspector-tab:hover{color:#fff;background:#2563eb}.reopen-inspector-tab span{writing-mode:vertical-rl;letter-spacing:.06em}*{box-sizing:border-box}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;margin:0;overflow-x:hidden}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);box-shadow:0 4px 16px -2px #0000004d,0 0 0 1px #ffffff08}.mono,.font-mono{font-family:var(--font-mono)!important}.badge{text-transform:uppercase;letter-spacing:.05em;font-size:.65rem;font-weight:700;font-family:var(--font-mono);border-radius:4px;align-items:center;gap:.3rem;padding:.2rem .5rem;display:inline-flex}.badge.success{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.badge.danger{color:#f87171;background:#ef444426;border:1px solid #ef44444d}.badge.warning{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.badge.cyan{color:#38bdf8;background:#38bdf826;border:1px solid #38bdf84d}.badge.purple{color:#c084fc;background:#a855f726;border:1px solid #a855f74d}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}:root,[data-theme=dark],:root[data-theme=dark]{--bg-primary:#05070f;--bg-secondary:#0a0e1a;--bg-sidebar:#05070f;--bg-card:#0d111cbf;--modal-bg:#0b0f19;--tab-ribbon-bg:#05070fd9;--hud-cluster-bg:#0000004d;--context-picker-bg:#0006;--text-main:#f8fafc;--text-primary:var(--text-main);--text-muted:#94a3b8;--text-secondary:var(--text-muted);--text-dim:#64748b;--accent-glow:#38bdf8;--accent-cyan:#38bdf8;--accent-emerald:#10b981;--accent-purple:#a855f7;--accent-amber:#f59e0b;--accent-rose:#f43f5e;--border-color:#ffffff14;--border-focus:#38bdf866;--glass-bg:#0d111cbf;--glass-border:#ffffff14;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--btn-bg:#ffffff0f;--btn-hover-bg:#ffffff26;--card-shadow:0 4px 20px #00000059;--code-bg:#ffffff0f;--code-border:#ffffff1a}[data-theme=light],:root[data-theme=light]{--bg-primary:#f8fafc;--bg-secondary:#f1f5f9;--bg-sidebar:#fff;--bg-card:#fff;--modal-bg:#fff;--tab-ribbon-bg:#f8fafcf2;--hud-cluster-bg:#0f172a0a;--context-picker-bg:#fff;--text-main:#0f172a;--text-primary:var(--text-main);--text-muted:#475569;--text-secondary:var(--text-muted);--text-dim:#64748b;--accent-glow:#0284c7;--accent-cyan:#0284c7;--accent-emerald:#059669;--accent-purple:#7c3aed;--accent-amber:#d97706;--accent-rose:#e11d48;--border-color:#0f172a1a;--border-focus:#0284c780;--glass-bg:#fffffff2;--glass-border:#0f172a1a;--success:#059669;--warning:#d97706;--danger:#dc2626;--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--btn-bg:#0f172a0a;--btn-hover-bg:#0f172a14;--card-shadow:0 1px 3px #0f172a0d, 0 8px 24px -4px #0f172a0a;--code-bg:#0f172a0d;--code-border:#0f172a1f}[data-theme=light] body:before,:root[data-theme=light] body:before{background-image:radial-gradient(at 0 0,#38bdf814 0,#0000 50%),radial-gradient(at 100% 0,#a855f70f 0,#0000 50%),radial-gradient(at 50% 100%,#10b9810f 0,#0000 50%)}[data-theme=cyberpunk],:root[data-theme=cyberpunk]{--bg-primary:#000;--bg-secondary:#09090b;--bg-sidebar:#050505;--bg-card:#00ff800d;--modal-bg:#030303;--tab-ribbon-bg:#000000e6;--hud-cluster-bg:#00ff4014;--context-picker-bg:#000c;--text-main:#00ff41;--text-primary:var(--text-main);--text-muted:#f0f;--text-secondary:var(--text-muted);--text-dim:#008f11;--accent-glow:#00ff41;--accent-cyan:#0ff;--accent-emerald:#00ff41;--accent-purple:#f0f;--accent-amber:#fde047;--accent-rose:#f05;--border-color:#00ff414d;--border-focus:#f0fc;--glass-bg:#000000d9;--glass-border:#00ff4166;--success:#00ff41;--warning:#ffb86c;--danger:#f55;--font-sans:"Courier New", Courier, monospace;--font-mono:"Courier New", Courier, monospace;--btn-bg:#00ff411a;--btn-hover-bg:#00ff4140;--card-shadow:0 0 15px #00ff4133;--code-bg:#00ff410d;--code-border:#00ff414d}[data-theme=cyberpunk] body:before,:root[data-theme=cyberpunk] body:before{background-image:linear-gradient(#00ff410d 1px,#0000 1px),linear-gradient(90deg,#00ff410d 1px,#0000 1px);background-size:20px 20px}