@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500;700&family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary: #1a73e8;--primary-light: #4285f4;--primary-pale: #e8f0fe;--bg: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #f1f3f4;--surface: #ffffff;--surface-raised: #ffffff;--border: #dadce0;--border-light: #e8eaed;--text: #202124;--text-secondary: #5f6368;--text-muted: #9aa0a6;--ok: #1e8e3e;--ok-bg: #e6f4ea;--warning: #e37400;--warning-bg: #fef7e0;--critical: #d93025;--critical-bg: #fce8e6;--info: #1a73e8;--info-bg: #e8f0fe;--purple: #7b1fa2;--teal: #00897b;--shadow-sm: 0 1px 2px rgba(60,64,67,.3), 0 1px 3px rgba(60,64,67,.15);--shadow-md: 0 1px 3px rgba(60,64,67,.3), 0 4px 8px rgba(60,64,67,.15);--shadow-lg: 0 1px 3px rgba(60,64,67,.3), 0 8px 16px rgba(60,64,67,.15);--radius: 8px;--radius-lg: 12px;--sidebar-w: 230px;--sidebar-collapsed-w: 60px;--chart-line: #1a73e8;--chart-fill: rgba(26,115,232,.08);--chart-grid: rgba(0,0,0,.06);--chart-text: #5f6368;--canvas-node-text: #202124;--canvas-grid: rgba(0,0,0,.04);--canvas-edge: rgba(0,0,0,.12);--canvas-edge-sel: rgba(26,115,232,.5);--canvas-particle: rgba(26,115,232,.7);--log-bg: #f8f9fa}[data-theme=dark]{--primary: #8ab4f8;--primary-light: #aecbfa;--primary-pale: #1a3353;--bg: #1f1f1f;--bg-secondary: #292929;--bg-tertiary: #333333;--surface: #2d2d2d;--surface-raised: #353535;--border: #444444;--border-light: #3c3c3c;--text: #e8eaed;--text-secondary: #bdc1c6;--text-muted: #9aa0a6;--ok: #81c995;--ok-bg: #1b3626;--warning: #fdd663;--warning-bg: #3e3215;--critical: #f28b82;--critical-bg: #3c2020;--info: #8ab4f8;--info-bg: #1a3353;--shadow-sm: 0 1px 2px rgba(0,0,0,.5), 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 1px 3px rgba(0,0,0,.5), 0 4px 8px rgba(0,0,0,.3);--shadow-lg: 0 1px 3px rgba(0,0,0,.5), 0 8px 16px rgba(0,0,0,.3);--chart-line: #8ab4f8;--chart-fill: rgba(138,180,248,.1);--chart-grid: rgba(255,255,255,.06);--chart-text: #9aa0a6;--canvas-node-text: #e8eaed;--canvas-grid: rgba(255,255,255,.04);--canvas-edge: rgba(255,255,255,.1);--canvas-edge-sel: rgba(138,180,248,.5);--canvas-particle: rgba(138,180,248,.7);--log-bg: #1f1f1f}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;overflow-x:hidden;min-height:100vh;transition:background .3s,color .3s;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.app-layout{display:flex;min-height:100vh}.main-content{flex:1;min-height:100vh;background:var(--bg-secondary);transition:margin-left .25s cubic-bezier(.4,0,.2,1),background .3s;overflow-x:hidden}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border-light);display:flex;flex-direction:column;z-index:1000;transition:width .25s cubic-bezier(.4,0,.2,1),background .3s,border-color .3s;overflow:hidden}.sidebar.collapsed{width:var(--sidebar-collapsed-w)}.sidebar-overlay{display:none}.sidebar-header{padding:16px 12px;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0;min-height:64px}.sidebar-logo{display:flex;align-items:center;gap:10px;overflow:hidden;flex:1;min-width:0}.sidebar-logo-icon{width:34px;height:34px;border-radius:10px;background:var(--primary);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:13px;font-family:Roboto Mono,monospace;flex-shrink:0}[data-theme=dark] .sidebar-logo-icon{background:var(--primary-pale);color:var(--primary)}.sidebar-brand{font-size:16px;font-weight:700;color:var(--text);letter-spacing:-.02em;line-height:1.2;white-space:nowrap;overflow:hidden}.sidebar-brand span{display:block;font-size:10px;font-weight:400;color:var(--text-muted);letter-spacing:0}.sidebar-collapse-btn{width:28px;height:28px;border-radius:6px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:background .15s,color .15s;flex-shrink:0}.sidebar-collapse-btn:hover{background:var(--bg-tertiary);color:var(--text)}.mobile-close{display:none}.sidebar-nav{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:2px}.sidebar-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border:none;background:transparent;border-radius:var(--radius);cursor:pointer;color:var(--text-secondary);font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:all .15s;width:100%;text-align:left;white-space:nowrap;overflow:hidden}.sidebar-item:hover{background:var(--bg-tertiary);color:var(--text)}.sidebar-item.active{background:var(--primary-pale);color:var(--primary)}.sidebar-item-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.sidebar-item-label{overflow:hidden;text-overflow:ellipsis;flex:1}.sidebar-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;font-size:10px;font-weight:600;font-family:Roboto Mono,monospace;background:var(--critical-bg);color:var(--critical);flex-shrink:0}.sidebar-badge-dot{position:absolute;top:-2px;right:-2px;width:7px;height:7px;border-radius:50%;background:var(--critical);border:1.5px solid var(--surface)}.sidebar-footer{padding:12px;border-top:1px solid var(--border-light);display:flex;flex-direction:column;gap:8px;flex-shrink:0}.sidebar-status{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:20px;font-size:12px;font-weight:500;color:var(--ok);background:var(--ok-bg)}.sidebar-status.collapsed{justify-content:center;padding:6px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--ok);flex-shrink:0;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.sidebar-clock{font-size:11px;color:var(--text-muted);font-family:Roboto Mono,monospace;text-align:center}.sidebar-theme-btn{display:flex;align-items:center;gap:8px;padding:8px 10px;border:none;background:transparent;border-radius:var(--radius);cursor:pointer;color:var(--text-secondary);font-family:Inter,sans-serif;font-size:12px;font-weight:500;transition:background .15s;width:100%}.sidebar-theme-btn:hover{background:var(--bg-tertiary)}.sidebar.collapsed .sidebar-theme-btn{justify-content:center}.mobile-menu-btn{display:none;position:fixed;top:12px;left:12px;z-index:999;width:40px;height:40px;border-radius:10px;border:1px solid var(--border-light);background:var(--surface);cursor:pointer;align-items:center;justify-content:center;color:var(--text);box-shadow:var(--shadow-sm)}.section-header{padding:20px 20px 0}.section-title{font-family:Inter,sans-serif;font-size:20px;font-weight:600;color:var(--text);letter-spacing:-.02em}.section-title span{color:var(--primary)}.section-sub{font-size:13px;color:var(--text-secondary);margin-top:4px;font-weight:400}.card{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden;transition:background .3s,border-color .3s,box-shadow .2s}.card:hover{box-shadow:var(--shadow-sm)}.card-header{padding:12px 14px;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between}.card-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.card-badge{font-size:10px;padding:2px 8px;border-radius:12px;font-weight:600}.card-body{padding:14px}.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.kpi-card{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:16px;position:relative;overflow:hidden;transition:all .2s}.kpi-card:hover{box-shadow:var(--shadow-sm)}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:3px 3px 0 0}.kpi-card.ok:before{background:var(--ok)}.kpi-card.warn:before{background:var(--warning)}.kpi-card.crit:before{background:var(--critical)}.kpi-card.info:before{background:var(--info)}.kpi-value{font-family:Roboto Mono,monospace;font-size:24px;font-weight:700;line-height:1;margin-bottom:4px}.kpi-card.ok .kpi-value{color:var(--ok)}.kpi-card.warn .kpi-value{color:var(--warning)}.kpi-card.crit .kpi-value{color:var(--critical)}.kpi-card.info .kpi-value{color:var(--info)}.kpi-label{font-size:11px;color:var(--text-secondary);font-weight:500}.kpi-delta{font-size:11px;margin-top:6px;font-weight:500}.kpi-delta.up{color:var(--ok)}.kpi-delta.down{color:var(--critical)}.bar-wrap{background:var(--bg-tertiary);border-radius:4px;height:3px;overflow:hidden;margin-top:8px}.bar-fill{height:100%;border-radius:4px;transition:width .8s ease}.bar-ok{background:var(--ok)}.bar-warn{background:var(--warning)}.bar-crit{background:var(--critical)}.bar-info{background:var(--info)}.sys-list{display:flex;flex-direction:column;gap:2px}.sys-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--radius);cursor:pointer;transition:background .15s}.sys-item:hover{background:var(--bg-tertiary)}.sys-indicator{width:7px;height:7px;border-radius:50%;flex-shrink:0}.si-ok{background:var(--ok)}.si-warn{background:var(--warning);animation:blink 1.5s infinite}.si-crit{background:var(--critical);animation:blink .8s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.sys-name{font-weight:500;font-size:13px;flex:1;min-width:0;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sys-latency{font-family:Roboto Mono,monospace;font-size:11px;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.sys-msgs{font-size:11px;color:var(--text-muted);margin-left:6px;white-space:nowrap;flex-shrink:0}.alert-feed{display:flex;flex-direction:column;gap:4px;max-height:500px;overflow-y:auto}.alert-item{padding:10px 12px;border-radius:var(--radius);border-left:3px solid;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.alert-item.critical{border-color:var(--critical);background:var(--critical-bg)}.alert-item.warning{border-color:var(--warning);background:var(--warning-bg)}.alert-item.resolved{border-color:var(--ok);background:var(--ok-bg)}.alert-item.info{border-color:var(--info);background:var(--info-bg)}.alert-time{font-family:Roboto Mono,monospace;font-size:10px;color:var(--text-muted)}.alert-msg{font-size:13px;margin-top:3px;color:var(--text)}.alert-sys{font-size:12px;color:var(--text-secondary);margin-top:2px}.agent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px 20px}.agent-card{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden;transition:all .2s}.agent-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.agent-header{padding:14px;border-bottom:1px solid var(--border-light);display:flex;align-items:flex-start;gap:10px}.agent-icon{width:32px;height:32px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;flex-shrink:0}.agent-name{font-weight:600;font-size:13px;color:var(--text);margin-bottom:3px}.agent-desc{font-size:11px;color:var(--text-secondary);line-height:1.5}.agent-body{padding:14px}.agent-running{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--ok);font-weight:500;margin-bottom:10px}.agent-running:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ok);animation:pulse-dot 1.5s infinite}.agent-steps{display:flex;flex-direction:column;gap:5px}.agent-step{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-secondary)}.step-num{width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-family:Roboto Mono,monospace;font-weight:500;background:var(--bg-tertiary);color:var(--text-muted);flex-shrink:0}.step-active .step-num,.step-done .step-num{background:var(--ok-bg);color:var(--ok)}.agent-metric{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-light);display:flex;justify-content:space-between}.metric-val{font-family:Roboto Mono,monospace;font-size:14px;font-weight:700}.metric-lbl{font-size:9px;color:var(--text-muted);letter-spacing:.02em;margin-top:2px}.tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500;margin:1px}.tag-pub{background:var(--info-bg);color:var(--info)}.tag-sub{background:var(--ok-bg);color:var(--ok)}.tag-both{background:#f3e8fd;color:var(--purple)}[data-theme=dark] .tag-both{background:#2d1f3d}.tag-json{background:var(--warning-bg);color:var(--warning)}.tag-xml{background:#fef7e0;color:#e37400}[data-theme=dark] .tag-xml{background:#3e3215;color:#fdd663}.tag-rt{background:#e0f2f1;color:var(--teal)}[data-theme=dark] .tag-rt{background:#1a3330}.tag-severity{padding:3px 10px;border-radius:6px;font-weight:600}.tag-p1{background:var(--critical-bg);color:var(--critical)}.tag-p2{background:var(--warning-bg);color:var(--warning)}.tag-p3{background:var(--info-bg);color:var(--info)}.table-wrap{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden}table{width:100%;border-collapse:collapse}th{padding:10px 14px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:var(--bg-tertiary);text-align:left;border-bottom:1px solid var(--border-light);white-space:nowrap}td{padding:10px 14px;font-size:13px;border-bottom:1px solid var(--border-light);color:var(--text)}tr:hover td{background:var(--bg-secondary)}tr:last-child td{border-bottom:none}.btn{padding:8px 18px;border-radius:20px;font-size:13px;font-weight:500;cursor:pointer;border:1px solid;transition:all .15s;font-family:Inter,sans-serif}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover{opacity:.9;box-shadow:var(--shadow-sm)}.btn-outline{background:transparent;color:var(--primary);border-color:var(--border)}.btn-outline:hover{background:var(--primary-pale);border-color:var(--primary)}.btn-outline.active{background:var(--primary-pale);border-color:var(--primary);color:var(--primary)}.search-input{flex:1;background:var(--bg-secondary);border:1px solid var(--border);border-radius:24px;padding:10px 16px;color:var(--text);font-family:Inter,sans-serif;font-size:13px;outline:none;transition:border-color .15s,box-shadow .15s}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-pale)}.search-input::placeholder{color:var(--text-muted)}.toast-container{position:fixed;bottom:20px;left:calc(var(--sidebar-w) + 16px);z-index:9999;display:flex;flex-direction:column-reverse;gap:8px;pointer-events:none;transition:left .25s cubic-bezier(.4,0,.2,1)}.toast{padding:10px 14px;border-radius:var(--radius);background:var(--surface-raised);border:1px solid var(--border-light);max-width:360px;pointer-events:auto;box-shadow:var(--shadow-lg);animation:toastIn .25s ease;display:flex;gap:10px;align-items:flex-start}.toast.exiting{animation:toastOut .25s ease forwards}@keyframes toastIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes toastOut{0%{opacity:1}to{opacity:0;transform:translateY(12px)}}.toast-indicator{width:3px;border-radius:2px;align-self:stretch;flex-shrink:0}.toast.critical .toast-indicator{background:var(--critical)}.toast.warning .toast-indicator{background:var(--warning)}.toast.resolved .toast-indicator{background:var(--ok)}.toast.info .toast-indicator{background:var(--info)}.toast-content{flex:1}.toast-title{font-size:12px;font-weight:600;color:var(--text);margin-bottom:2px}.toast-body{font-size:11px;color:var(--text-secondary)}.mcp-log{background:var(--log-bg);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:12px;font-family:Roboto Mono,monospace;font-size:11px;overflow-y:auto;line-height:1.8}.log-line{display:flex;gap:8px;align-items:flex-start}.log-time{color:var(--text-muted);flex-shrink:0;font-size:10px}.log-level{flex-shrink:0;width:40px;font-weight:700;font-size:10px}.log-level.info{color:var(--info)}.log-level.warn{color:var(--warning)}.log-level.crit{color:var(--critical);animation:blink .5s infinite}.log-level.ok{color:var(--ok)}.log-msg{color:var(--text);word-break:break-word;font-size:11px}.conv-thread{display:flex;flex-direction:column;gap:8px}.conv-msg{padding:10px 12px;border-radius:var(--radius);border-left:3px solid var(--border);background:var(--bg-secondary)}.conv-msg.alert{border-color:var(--critical);background:var(--critical-bg)}.conv-msg.action{border-color:var(--warning);background:var(--warning-bg)}.conv-msg.status{border-color:var(--info);background:var(--info-bg)}.conv-msg.escalation{border-color:var(--purple)}.conv-msg.ack{border-color:var(--ok);background:var(--ok-bg)}.conv-msg.insight{border-color:var(--primary);background:var(--primary-pale)}.conv-msg.heartbeat,.conv-msg.report,.conv-msg.forecast{border-color:var(--teal)}.conv-msg.analysis,.conv-msg.query{border-color:var(--info);background:var(--info-bg)}.conv-msg.preemptive,.conv-msg.update{border-color:var(--warning);background:var(--warning-bg)}.conv-from{font-size:11px;font-weight:600;color:var(--primary);margin-bottom:2px}.conv-to{font-size:10px;color:var(--text-muted);margin-bottom:4px}.conv-text{font-size:13px;line-height:1.6;color:var(--text)}.conv-protocol{font-size:10px;font-family:Roboto Mono,monospace;color:var(--text-muted);margin-top:4px}.conv-time{font-size:10px;font-family:Roboto Mono,monospace;color:var(--text-muted)}.ticket-list{display:flex;flex-direction:column;gap:8px;padding:16px 20px}.ticket-card{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden;transition:all .15s;cursor:pointer}.ticket-card:hover{box-shadow:var(--shadow-sm)}.ticket-header{padding:12px 14px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border-light);flex-wrap:wrap}.ticket-id{font-family:Roboto Mono,monospace;font-size:10px;color:var(--text-muted)}.ticket-title{font-weight:600;font-size:13px;flex:1;color:var(--text);min-width:0}.ticket-status{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:3px 8px;border-radius:6px;flex-shrink:0}.ticket-status.open{background:var(--critical-bg);color:var(--critical)}.ticket-status.investigating{background:var(--warning-bg);color:var(--warning)}.ticket-status.in-progress{background:var(--info-bg);color:var(--info)}.ticket-status.resolved{background:var(--ok-bg);color:var(--ok)}.ticket-body{padding:14px}.ticket-desc{font-size:13px;color:var(--text-secondary);line-height:1.6;margin-bottom:10px}.ticket-meta{display:flex;gap:16px;font-size:11px;color:var(--text-muted);margin-bottom:10px;flex-wrap:wrap}.ticket-impact{margin-top:8px}.ticket-impact-item{font-size:12px;color:var(--text-secondary);padding:4px 0 4px 14px;position:relative}.ticket-impact-item:before{content:"";position:absolute;left:0;top:50%;width:5px;height:5px;border-radius:50%;background:var(--warning);transform:translateY(-50%)}.ticket-timeline{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-light)}.timeline-item{display:flex;gap:8px;padding:5px 0;font-size:11px;align-items:flex-start}.timeline-dot{width:7px;height:7px;border-radius:50%;background:var(--primary);flex-shrink:0;margin-top:4px}.timeline-action{color:var(--text);flex:1}.timeline-agent{font-size:10px;color:var(--text-muted);flex-shrink:0}.sniffer-grid{display:grid;grid-template-columns:1fr 320px;gap:12px;padding:16px 20px;height:calc(100vh - 120px)}.sniffer-list{display:flex;flex-direction:column;gap:6px}.sniffer-item{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius);padding:12px 14px;cursor:pointer;transition:all .15s}.sniffer-item:hover{box-shadow:var(--shadow-sm)}.sniffer-item.active{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.sniffer-type{display:inline-block;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:2px 6px;border-radius:3px;margin-bottom:4px}.sniffer-type.fn{background:var(--info-bg);color:var(--info)}.sniffer-type.job{background:var(--warning-bg);color:var(--warning)}.sniffer-status-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.sniffer-status-dot.active{background:var(--ok)}.sniffer-status-dot.inactive{background:var(--critical)}.sniffer-status-dot.degraded{background:var(--warning)}.chat-layout{display:grid;grid-template-columns:240px 1fr;gap:0;height:100vh;overflow:hidden}.chat-sidebar{background:var(--surface);border-right:1px solid var(--border-light);display:flex;flex-direction:column;overflow:hidden}.chat-sidebar-header{padding:14px;border-bottom:1px solid var(--border-light);font-weight:600;font-size:13px;color:var(--text);display:flex;align-items:center;gap:8px}.chat-thread-list{flex:1;overflow-y:auto;padding:8px}.chat-thread-item{padding:10px 12px;border-radius:var(--radius);cursor:pointer;transition:all .15s;margin-bottom:2px}.chat-thread-item:hover{background:var(--bg-tertiary)}.chat-thread-item.active{background:var(--primary-pale)}.chat-thread-name{font-size:13px;font-weight:500;color:var(--text);margin-bottom:2px;display:flex;align-items:center;gap:6px}.chat-thread-item.active .chat-thread-name{color:var(--primary)}.chat-thread-preview{font-size:11px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-thread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border-radius:8px;font-size:10px;font-weight:600;background:var(--primary);color:#fff}.chat-suggested{padding:12px;border-top:1px solid var(--border-light)}.chat-suggested-title{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:6px}.chat-suggest-btn{display:block;width:100%;text-align:left;padding:5px 8px;border:none;background:none;font-size:11px;color:var(--primary);cursor:pointer;border-radius:4px;font-family:inherit;transition:background .15s;margin-bottom:1px}.chat-suggest-btn:hover{background:var(--primary-pale)}.chat-main{display:flex;flex-direction:column;background:var(--bg-secondary);overflow:hidden}.chat-messages{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:10px}.chat-bubble{max-width:75%;padding:10px 14px;border-radius:14px;font-size:13px;line-height:1.7;animation:fadeIn .2s ease;word-wrap:break-word;white-space:pre-wrap}.chat-bubble.user{align-self:flex-end;background:var(--primary);color:#fff;border-bottom-right-radius:4px}.chat-bubble.iris{align-self:flex-start;background:var(--surface);color:var(--text);border:1px solid var(--border-light);border-bottom-left-radius:4px;box-shadow:var(--shadow-sm)}.chat-bubble.agent{align-self:flex-start;background:var(--surface);color:var(--text);border-left:3px solid;border-radius:4px 12px 12px 4px;font-size:12px;max-width:85%}.chat-bubble.agent.alert-msg{border-color:var(--critical);background:var(--critical-bg)}.chat-bubble.agent.analysis-msg{border-color:var(--info);background:var(--info-bg)}.chat-bubble.agent.broadcast-msg{border-color:var(--warning);background:var(--warning-bg)}.chat-bubble.agent.action-msg{border-color:var(--primary);background:var(--primary-pale)}.chat-bubble.agent.progress-msg{border-color:var(--info)}.chat-bubble.agent.insight-msg{border-color:var(--purple)}.chat-bubble.agent.success-msg,.chat-bubble.agent.resolved-msg{border-color:var(--ok);background:var(--ok-bg)}.chat-bubble.agent.report-msg{border-color:var(--teal)}.chat-bubble.agent.info-msg{border-color:var(--info);background:var(--info-bg)}.chat-bubble-meta{display:flex;align-items:center;gap:6px;margin-bottom:4px}.chat-bubble-sender{font-size:11px;font-weight:600;color:var(--primary)}.chat-bubble-time{font-size:10px;color:var(--text-muted);font-family:Roboto Mono,monospace}.chat-typing{align-self:flex-start;display:flex;align-items:center;gap:4px;padding:10px 18px;background:var(--surface);border:1px solid var(--border-light);border-radius:14px 14px 14px 4px}.chat-typing-dot{width:5px;height:5px;border-radius:50%;background:var(--text-muted);animation:typingBounce 1.4s infinite ease-in-out}.chat-typing-dot:nth-child(2){animation-delay:.2s}.chat-typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.chat-input-bar{padding:12px 14px;background:var(--surface);border-top:1px solid var(--border-light);display:flex;gap:8px;align-items:center}.chat-input{flex:1;padding:10px 14px;border:1px solid var(--border);border-radius:24px;background:var(--bg-secondary);color:var(--text);font-family:inherit;font-size:13px;outline:none;transition:border-color .15s,box-shadow .15s}.chat-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-pale)}.chat-input::placeholder{color:var(--text-muted)}.chat-send-btn{width:36px;height:36px;border-radius:50%;border:none;background:var(--primary);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .15s;flex-shrink:0}.chat-send-btn:hover{opacity:.85}.chat-send-btn:disabled{opacity:.4;cursor:default}.connector-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:10px;padding:16px 20px}.connector-card{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden;transition:all .2s;cursor:pointer}.connector-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.connector-card.expanded{box-shadow:var(--shadow-md)}.connector-header{padding:14px;display:flex;align-items:center;gap:10px}.connector-status-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.connector-status-dot.connected{background:var(--ok)}.connector-status-dot.degraded{background:var(--warning);animation:blink 1.5s infinite}.connector-status-dot.disconnected{background:var(--critical);animation:blink .8s infinite}.connector-name{font-weight:600;font-size:14px;color:var(--text);flex:1}.connector-protocol{font-size:9px;font-weight:600;padding:2px 7px;border-radius:4px;background:var(--primary-pale);color:var(--primary);font-family:Roboto Mono,monospace;text-transform:uppercase;letter-spacing:.03em}.connector-body{padding:0 14px 14px}.connector-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}.connector-metric-val{font-family:Roboto Mono,monospace;font-size:13px;font-weight:600}.connector-metric-lbl{font-size:9px;color:var(--text-muted);margin-top:2px}.connector-health-bar{height:3px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden;margin-bottom:10px}.connector-health-fill{height:100%;border-radius:2px;transition:width .6s ease}.connector-details{display:flex;flex-direction:column;gap:6px;padding-top:10px;border-top:1px solid var(--border-light);animation:fadeIn .2s ease}.connector-detail-row{display:flex;justify-content:space-between;align-items:center;font-size:11px}.connector-detail-label{color:var(--text-muted)}.connector-detail-value{color:var(--text);font-weight:500;font-family:Roboto Mono,monospace;font-size:10px}.connector-topics{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.connector-topic{font-size:9px;padding:2px 6px;border-radius:3px;background:var(--bg-tertiary);color:var(--text-secondary);font-family:Roboto Mono,monospace}.connector-cb-badge{font-size:9px;font-weight:600;padding:2px 6px;border-radius:3px;text-transform:uppercase}.connector-cb-badge.closed{background:var(--ok-bg);color:var(--ok)}.connector-cb-badge.half-open{background:var(--warning-bg);color:var(--warning)}.connector-cb-badge.open{background:var(--critical-bg);color:var(--critical)}.agent-comms-layout{padding:16px 20px;display:grid;grid-template-columns:260px 1fr;gap:12px;height:calc(100vh - 80px)}.mcp-layout{padding:16px 20px;display:grid;grid-template-columns:1fr 320px;gap:12px;height:calc(100vh - 80px)}.map-layout{padding:16px 20px;display:grid;grid-template-columns:1fr 260px;gap:12px;height:calc(100vh - 80px)}.command-grid{display:grid;grid-template-columns:260px 1fr 260px;gap:12px}@media(max-width:1100px){.kpi-row{grid-template-columns:repeat(2,1fr)}.command-grid{grid-template-columns:1fr 1fr}.agent-grid{grid-template-columns:repeat(2,1fr)}.sniffer-grid{grid-template-columns:1fr;height:auto}.chat-layout{grid-template-columns:200px 1fr}.map-layout,.agent-comms-layout,.mcp-layout{grid-template-columns:1fr;height:auto}}@media(max-width:768px){.sidebar{transform:translate(-100%);width:var(--sidebar-w);box-shadow:none}.sidebar.mobile-open{transform:translate(0);box-shadow:var(--shadow-lg)}.sidebar.collapsed{width:var(--sidebar-w)}.sidebar-overlay{display:block;position:fixed;inset:0;background:#0006;z-index:999}.mobile-menu-btn,.mobile-close{display:flex}.desktop-collapse{display:none}.main-content{margin-left:0!important;padding-top:56px}.section-header{padding:16px 16px 0}.kpi-row{grid-template-columns:1fr 1fr;gap:8px}.kpi-card{padding:12px}.kpi-value{font-size:20px}.kpi-label,.kpi-delta{font-size:10px}.command-grid{grid-template-columns:1fr}.agent-grid{grid-template-columns:1fr;padding:12px 16px}.sniffer-grid{grid-template-columns:1fr;padding:12px 16px;height:auto}.connector-grid{grid-template-columns:1fr;padding:12px 16px}.ticket-list{padding:12px 16px}.chat-layout{grid-template-columns:1fr;height:calc(100vh - 56px)}.chat-sidebar{display:none}.chat-bubble{max-width:90%}.toast-container{left:16px;bottom:16px;right:16px}.toast{max-width:100%}.ticket-header{flex-wrap:wrap;gap:6px}}@media(max-width:480px){.kpi-row{grid-template-columns:1fr}.section-title{font-size:18px}.section-sub{font-size:12px}}