:root{font-family:PingFang SC,Microsoft YaHei,Inter,system-ui,sans-serif;color:#dbeafe;background:#050816;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #050816;--panel: rgba(10, 18, 34, .88);--panel-strong: rgba(15, 23, 42, .96);--line: rgba(148, 163, 184, .16);--muted: #8ea3bd;--text: #f8fafc;--blue: #1677ff;--green: #22c55e;--yellow: #facc15;--orange: #f59e0b;--red: #ef4444}*{box-sizing:border-box}body{margin:0;min-width:1200px;min-height:100vh;background:radial-gradient(circle at 15% 0%,rgba(22,119,255,.18),transparent 28%),radial-gradient(circle at 85% 10%,rgba(34,197,94,.1),transparent 24%),linear-gradient(180deg,#07101f,#030712)}button,textarea,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}.ops-shell{display:flex;min-height:100vh}.sidebar{width:272px;flex:0 0 272px;display:flex;flex-direction:column;padding:20px 16px;border-right:1px solid var(--line);background:linear-gradient(180deg,#020617fa,#070d1bfa)}.logo-block{display:flex;gap:12px;align-items:center;padding:14px;border:1px solid rgba(56,189,248,.28);border-radius:14px;background:#0f172acc;box-shadow:0 16px 48px #00000047;color:inherit;text-decoration:none}.logo-mark{display:grid;place-items:center;width:42px;height:42px;color:#fff;font-weight:900;border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--green))}.logo-block strong,.logo-block span{display:block}.logo-block span:not(.logo-mark){color:var(--muted);font-size:12px;margin-top:3px}.sidebar nav{display:grid;gap:8px;margin-top:24px}.sidebar nav button{display:grid;grid-template-columns:34px 1fr;grid-template-areas:"cue label" "cue title";gap:2px 10px;text-align:left;border:1px solid transparent;color:var(--muted);border-radius:12px;padding:12px;background:transparent;transition:.18s ease}.sidebar nav button b{grid-area:cue;align-self:center;color:#38bdf8;font-size:12px}.sidebar nav button span{grid-area:label;color:#e5f0ff;font-weight:800}.sidebar nav button small{grid-area:title;color:#64748b}.sidebar nav button:hover,.sidebar nav button.active{border-color:#38bdf85c;background:#0ea5e91f;transform:translate(2px)}.sidebar-footer{margin-top:auto;padding:14px;border:1px solid var(--line);border-radius:12px;background:#0f172a8a}.sidebar-footer span{display:block;color:var(--muted);font-size:11px;letter-spacing:.08em}.sidebar-footer strong{display:block;margin-top:6px;color:#dbeafe;font-size:13px}.content{min-width:0;flex:1}.status-bar{position:sticky;top:0;z-index:10;height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#020617d1;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.status-bar>div,.status-meta{display:flex;align-items:center;gap:12px}.brand-dot{width:10px;height:10px;border-radius:999px;background:var(--green);box-shadow:0 0 18px var(--green)}.brand-dot-warn{background:var(--orange);box-shadow:0 0 18px var(--orange)}.muted{color:var(--muted);font-size:13px}.status-chip{display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:999px;border:1px solid var(--line);color:#cbd5e1;font-size:12px}.status-chip.ok{border-color:#22c55e47;color:#bbf7d0}.status-chip.danger{border-color:#ef44445c;color:#fecaca}.page{padding:24px}.page-title{margin-bottom:18px}.compact-title{display:flex;align-items:end;justify-content:space-between;gap:20px}.page-title span{color:#38bdf8;font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.page-title h1{margin:6px 0 0;color:var(--text);font-size:24px;line-height:1.18}.page-title p{max-width:760px;margin:0;color:var(--muted);font-size:13px}.panel,.metric-card{border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,#0f172ae6,#080d1cd1);box-shadow:0 18px 48px #00000038}.panel{padding:16px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-head h2{margin:0;color:var(--text);font-size:16px}.panel-head span,.panel-head label{color:var(--muted);font-size:12px}.noc-overview-grid{display:grid;grid-template-columns:1.1fr 1.4fr 1fr;gap:16px;margin-bottom:16px}.health-console{display:grid;grid-template-columns:112px 1fr;align-items:center;gap:16px;min-height:132px}.health-score{display:grid;place-items:center;width:102px;height:102px;border-radius:999px;color:#ecfeff;font-size:34px;font-weight:900;background:radial-gradient(circle,#22c55e38,#1677ff1f);border:1px solid rgba(34,197,94,.4);box-shadow:0 0 36px #22c55e29}.health-console h2{margin:5px 0 6px;color:var(--text)}.health-console p{margin:0;color:var(--muted);font-size:13px}.state-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;padding:0;overflow:hidden}.state-strip div,.control-summary div,.severity-tile{padding:16px;background:#0f172a70}.state-strip span,.control-summary span,.severity-tile span{display:block;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.08em}.state-strip strong,.control-summary strong,.severity-tile strong{display:block;margin-top:8px;color:var(--text);font-size:28px}.sre-lines{display:grid;gap:8px;margin-top:10px}.sre-lines p{display:flex;justify-content:space-between;margin:0;padding:8px 0;border-bottom:1px solid rgba(148,163,184,.1);color:#cbd5e1}.layout-2{display:grid;grid-template-columns:minmax(0,1.48fr) minmax(330px,.72fr);gap:16px;margin-bottom:16px}.full-height{min-height:calc(100vh - 150px)}.control-layout .topology-graph{height:430px}.control-summary,.severity-strip,.config-console-grid{display:grid;gap:14px;margin-bottom:16px}.control-summary,.severity-strip{grid-template-columns:repeat(4,1fr)}.config-console-grid{grid-template-columns:1fr 1fr}.severity-P0{border-left:4px solid var(--red)}.severity-P1{border-left:4px solid var(--orange)}.severity-P2{border-left:4px solid var(--yellow)}.severity-P3{border-left:4px solid var(--green)}.table-wrap{overflow:auto;border:1px solid rgba(148,163,184,.12);border-radius:10px}.device-table{width:100%;border-collapse:collapse;min-width:980px}.device-table th,.device-table td{padding:12px;border-bottom:1px solid rgba(148,163,184,.1);text-align:left}.device-table th{position:sticky;top:0;z-index:1;color:#93c5fd;font-size:11px;letter-spacing:.06em;text-transform:uppercase;background:#070d1bfa}.device-table td{color:#cbd5e1;font-size:13px}.device-table tr:hover td{background:#0ea5e914}.device-table td strong,.device-table td span{display:block}.device-table td span{margin-top:3px;color:#64748b;font-size:12px}.badge{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.04em}.badge-green{color:#bbf7d0;background:#22c55e2e}.badge-yellow{color:#fde68a;background:#f59e0b2e}.badge-gray{color:#cbd5e1;background:#64748b38}.signal.ok{color:#86efac}.signal.warn{color:#fde68a}.signal.danger{color:#fecaca}.ghost-btn,.primary-btn,.danger-btn,.icon-btn{height:34px;border-radius:8px;border:1px solid rgba(148,163,184,.18);color:#dbeafe;background:#0f172aad}.ghost-btn{margin-right:8px;padding:0 12px}.primary-btn{padding:0 14px;border-color:#1677ff73;background:linear-gradient(135deg,#1677ff,#0ea5e9)}.danger-btn{padding:0 14px;border-color:#ef444473;background:linear-gradient(135deg,#b91c1c,#ef4444)}.slim{height:30px;padding:0 10px}.icon-btn{width:34px;font-size:18px}.topology-graph{width:100%;height:520px;border-radius:14px;background:#020617}.topology-grid line{stroke:#94a3b814}.topology-graph path{fill:none;filter:drop-shadow(0 0 7px currentColor)}.flapping-link{animation:flash 1.2s infinite}.node{cursor:pointer}.node text,.link-label{font-family:PingFang SC,Microsoft YaHei,Inter,sans-serif;font-weight:800}.node text{fill:#e0f2fe;font-size:13px}.node .node-meta{fill:#94a3b8;font-size:11px;font-weight:600}.link-label{font-size:11px;letter-spacing:.04em}.node-selected circle:first-child{stroke:#f8fafc;stroke-width:3px}.alert-list{display:grid;gap:10px}.alert-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px;border:1px solid rgba(148,163,184,.14);border-radius:10px;background:#0f172a94}.alert-item p{margin:5px 0 0;color:var(--muted);font-size:13px}.alert-severity{display:inline-block;margin-right:8px;color:var(--text);font-weight:900}.alert-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:end}.workflow-list{display:grid;gap:12px;padding:0;margin:0;list-style:none}.workflow-list li{display:grid;gap:4px;padding:12px;border:1px solid rgba(148,163,184,.12);border-radius:10px;background:#0f172a66}.workflow-list b{color:var(--text)}.workflow-list span{color:var(--muted);font-size:13px}.workflow-list.compact li{padding:10px}.template-list,.template-strip{display:grid;gap:10px}.template-list button{text-align:left;padding:13px;border:1px solid rgba(148,163,184,.16);border-radius:10px;color:var(--text);background:#0f172a80}.template-list button span{display:block;margin-top:4px;color:var(--muted);font-size:12px}.template-strip{grid-template-columns:repeat(4,1fr);margin-bottom:14px}.template-strip span{padding:9px 10px;border-radius:999px;text-align:center;color:#bfdbfe;background:#1677ff1f;border:1px solid rgba(22,119,255,.2);font-size:12px}.empty-state{display:grid;place-items:center;min-height:150px;color:var(--muted);border:1px dashed rgba(148,163,184,.24);border-radius:10px;background:#0f172a61}.topology-empty{min-height:520px}.switch-row{display:inline-flex;align-items:center;gap:8px}.config-drawer,.detail-panel{position:fixed;inset:0 0 0 auto;z-index:20;width:430px;padding:22px;border-left:1px solid var(--line);background:#020617f7;box-shadow:-28px 0 70px #00000061}.detail-panel{z-index:18;background:#080d1cf7}.drawer-head{display:flex;justify-content:space-between;gap:16px;margin-bottom:20px}.drawer-head h2{margin:6px 0 0;color:var(--text)}.config-drawer label{display:block;margin-bottom:8px;color:#cbd5e1}.config-drawer textarea{width:100%;min-height:260px;padding:14px;resize:vertical;color:#dbeafe;border:1px solid rgba(148,163,184,.18);border-radius:10px;background:#020617}.drawer-actions{display:flex;gap:10px;margin-top:14px}.drawer-message{color:#38bdf8;font-size:13px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}.detail-grid>div,.detail-list{border:1px solid rgba(148,163,184,.16);border-radius:10px;background:#0f172a94}.detail-grid>div{padding:14px}.detail-grid span,.detail-list span{display:block;color:var(--muted);font-size:12px}.detail-grid strong{display:block;margin-top:8px;color:var(--text);font-size:20px}.detail-list{display:grid;gap:0;margin-bottom:16px}.detail-list p{margin:0;padding:12px 14px;color:#dbeafe;border-bottom:1px solid rgba(148,163,184,.1);overflow-wrap:anywhere}.detail-list p:last-child{border-bottom:0}.text-ok{color:var(--green)!important}.text-danger{color:var(--red)!important}@keyframes flash{0%,to{opacity:1}50%{opacity:.35}}.action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.action-feedback{color:#93c5fd;font-size:12px}.log-console{display:grid;gap:6px;margin-top:14px;padding:12px;border:1px solid rgba(148,163,184,.18);border-radius:10px;background:#020617e0;max-height:190px;overflow:auto}.log-console code{color:#bfdbfe;font-size:12px;white-space:pre-wrap}.notify-actions{display:flex;flex-wrap:wrap;gap:10px}.notify-panel{min-height:164px}.node{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.node-dragging{cursor:grabbing}.node text,.link-label{font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,Inter,sans-serif}.link-label{paint-order:stroke;stroke:#020617e0;stroke-width:4px;stroke-linejoin:round;font-size:12px;font-weight:800}.subscription-rules{display:grid;gap:8px;margin:12px 0;color:var(--muted);font-size:13px}.subscription-rules label{display:flex;align-items:center;gap:8px}.subscription-rules input{accent-color:var(--blue)}.topology-workspace-page{padding:18px 20px 22px}.topology-workspace-title{align-items:center;margin-bottom:12px}.topology-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.segmented-control{display:inline-flex;gap:2px;padding:3px;border:1px solid rgba(148,163,184,.18);border-radius:999px;background:#020617b8}.segmented-control button{height:32px;padding:0 14px;color:#94a3b8;border:0;border-radius:999px;background:transparent}.segmented-control button.active{color:#e0f2fe;background:linear-gradient(135deg,#1677ffd6,#0ea5e9b3);box-shadow:0 0 22px #1677ff3d}.topology-workspace-panel{min-height:calc(100vh - 118px);padding:12px}.topology-canvas-shell{position:relative;min-height:calc(100vh - 166px);overflow:hidden;border-radius:14px;border:1px solid rgba(148,163,184,.16);background:#020617}.topology-graph-workspace{height:calc(100vh - 166px);min-height:680px;cursor:grab}.topology-graph-workspace:active{cursor:grabbing}.canvas-scale-indicator{position:absolute;top:12px;right:14px;z-index:2;height:26px;padding:5px 10px;border:1px solid rgba(148,163,184,.18);border-radius:999px;color:#bfdbfe;background:#020617c2;font-size:12px}.link-control{cursor:pointer}.link-selected path{filter:drop-shadow(0 0 14px currentColor)}.topology-feedback{margin:10px 2px 0;color:#7dd3fc;font-size:13px}.map-topology-workspace{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:12px;min-height:calc(100vh - 166px)}.map-canvas{position:relative;min-height:calc(100vh - 166px);border:1px solid rgba(148,163,184,.16);border-radius:14px;overflow:hidden;background:#020617}.map-canvas svg{width:100%;height:100%;min-height:680px;display:block}.map-grid line{stroke:#bae6fd14}.map-link line{stroke:#38bdf8;stroke-width:2.5;stroke-opacity:.72;filter:drop-shadow(0 0 8px rgba(56,189,248,.6));cursor:pointer}.map-node{cursor:pointer}.map-node circle{fill:#64748b;stroke:#e2e8f0b8;stroke-width:3;filter:drop-shadow(0 0 12px rgba(148,163,184,.46))}.map-node circle.ok{fill:var(--green);filter:drop-shadow(0 0 16px rgba(34,197,94,.68))}.map-node circle.off{fill:#64748b}.map-node.selected circle{stroke:#f8fafc;stroke-width:5}.map-node text{fill:#e0f2fe;font-weight:800;font-size:13px;paint-order:stroke;stroke:#020617e0;stroke-width:4px}.map-empty{position:absolute;top:14px;right:14px;bottom:14px;left:14px;z-index:2}.unlocated-panel{padding:14px;border:1px solid rgba(148,163,184,.16);border-radius:14px;background:#0206179e}.unlocated-panel h3{margin:0 0 8px;color:var(--text);font-size:16px}.unlocated-panel p{margin:0 0 12px;color:var(--muted);font-size:12px;line-height:1.6}.unlocated-list{display:grid;gap:8px}.unlocated-list button{display:grid;gap:4px;text-align:left;padding:10px;color:#dbeafe;border:1px solid rgba(148,163,184,.16);border-radius:10px;background:#0f172aad}.unlocated-list span{color:var(--muted);font-size:12px}.device-engineering-drawer{width:520px;overflow:auto}.link-detail-panel{width:480px;overflow:auto}.alias-editor-block{margin-bottom:14px;padding:12px;border:1px solid rgba(148,163,184,.16);border-radius:10px;background:#0f172a94}.alias-editor-block label{display:block;margin-bottom:8px;color:var(--muted);font-size:12px}.alias-display-row,.alias-edit-row{display:flex;align-items:center;gap:8px}.alias-display-row strong{flex:1;color:#e0f2fe;overflow-wrap:anywhere}.alias-edit-row input{min-width:0;flex:1;height:34px;padding:0 10px;color:#e0f2fe;border:1px solid rgba(148,163,184,.22);border-radius:8px;background:#020617}.detail-section-title{margin:14px 0 8px;color:#93c5fd;font-size:12px;font-weight:900;letter-spacing:.08em}.compact-detail-grid strong{font-size:17px}.engineering-detail-list p{display:grid;grid-template-columns:138px minmax(0,1fr);gap:10px;align-items:center}.text-warn{color:var(--yellow)!important}.ops-shell{position:relative;isolation:isolate}.sidebar{position:relative;z-index:100}.content{position:relative;z-index:1}.status-bar{z-index:90}.page{position:relative;z-index:0}.config-drawer,.detail-panel{pointer-events:auto;max-height:100vh;contain:layout paint}.topology-page,.topology-workspace-panel{position:relative;z-index:0;isolation:isolate}.topology-canvas-shell,.map-canvas{position:relative;z-index:0;contain:layout paint}.topology-graph-workspace,.map-canvas svg{position:relative;z-index:0;pointer-events:auto}.canvas-scale-indicator,.topology-feedback,.map-empty{pointer-events:none}.map-topology-workspace,.unlocated-panel,.topology-toolbar{position:relative;z-index:1}.link-health-page{padding:18px 20px 28px}.link-live-indicator{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 12px;color:#bbf7d0;border:1px solid rgba(34,197,94,.25);border-radius:999px;background:#22c55e14;font-size:12px}.link-live-indicator i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 14px #22c55ebf}.link-health-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.link-health-metric{min-height:104px;padding:14px 15px;border:1px solid var(--line);border-radius:10px;background:#081324e0;box-shadow:inset 3px 0 #64748b85}.link-health-metric span,.link-health-metric small{display:block;color:var(--muted)}.link-health-metric span{font-size:12px;font-weight:800}.link-health-metric strong{display:block;min-height:32px;margin:7px 0 4px;color:var(--text);font-size:26px;line-height:1.2}.link-health-metric small{font-size:10px}.link-health-metric.tone-blue{border-color:#1677ff57;box-shadow:inset 3px 0 0 var(--blue)}.link-health-metric.tone-green{border-color:#22c55e52;box-shadow:inset 3px 0 0 var(--green)}.link-health-metric.tone-yellow{border-color:#facc154d;box-shadow:inset 3px 0 0 var(--yellow)}.link-health-metric.tone-red{border-color:#ef444457;box-shadow:inset 3px 0 0 var(--red)}.link-table-panel{padding:0;overflow:hidden;margin-bottom:12px}.link-table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-bottom:1px solid var(--line)}.link-table-toolbar h2{margin:0;color:var(--text);font-size:16px}.link-table-toolbar>div>span{display:block;margin-top:4px;color:var(--muted);font-size:11px}.link-filters{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.link-filters input,.link-filters select{height:34px;color:#dbeafe;border:1px solid rgba(148,163,184,.22);border-radius:7px;outline:none;background:#061020}.link-filters input{width:290px;padding:0 11px}.link-filters select{min-width:112px;padding:0 10px}.link-filters input:focus,.link-filters select:focus{border-color:#38bdf8ad;box-shadow:0 0 0 2px #38bdf81a}.link-health-error{padding:10px 16px;color:#fecaca;background:#ef44441a;border-bottom:1px solid rgba(239,68,68,.2)}.link-health-table{min-width:1600px}.link-health-table th{white-space:nowrap}.link-health-table td{padding:10px 11px;white-space:nowrap}.link-health-table tbody tr{cursor:pointer}.metric-cell.excellent{color:#86efac}.metric-cell.attention{color:#fde68a}.metric-cell.poor{color:#fca5a5}.quality-cell{display:grid;grid-template-columns:30px 72px 34px;align-items:center;gap:7px;min-width:150px}.quality-cell strong{margin:0;font-size:15px}.quality-cell>div{height:6px;overflow:hidden;border-radius:999px;background:#94a3b82e}.quality-cell>div span{height:100%;margin:0;border-radius:inherit;background:currentColor}.quality-cell small{font-size:11px;color:currentColor}.quality-excellent{color:#4ade80}.quality-attention{color:#facc15}.quality-poor{color:#f87171}.link-status{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;font-size:11px;font-weight:900}.status-excellent{color:#86efac;background:#22c55e29}.status-attention{color:#fde68a;background:#facc1524}.status-poor{color:#fca5a5;background:#ef444429}.link-detail-button{height:28px;padding:0 10px;color:#60a5fa;border:1px solid rgba(59,130,246,.3);border-radius:6px;background:#1677ff14}.link-table-empty{padding:30px;text-align:center;color:var(--muted)}.link-analysis-grid{display:grid;grid-template-columns:.9fr .85fr 1.25fr;gap:12px}.link-analysis-grid .panel{min-height:250px;padding:14px}.link-analysis-chart{width:100%;height:190px}.link-analysis-empty{display:grid;place-items:center;height:190px;color:var(--muted)}.abnormal-link-list{display:grid}.abnormal-link-list button{display:grid;grid-template-columns:12px minmax(0,1fr);gap:3px 8px;text-align:left;padding:11px 4px;color:#dbeafe;border:0;border-bottom:1px solid rgba(148,163,184,.1);background:transparent}.abnormal-link-list button:hover{background:#0ea5e90f}.abnormal-link-list strong{font-size:12px}.abnormal-link-list small{grid-column:2;color:var(--muted);font-size:11px}.abnormal-dot{align-self:center;width:7px;height:7px;border-radius:50%}.abnormal-dot.excellent{background:var(--green)}.abnormal-dot.attention{background:var(--yellow)}.abnormal-dot.poor{background:var(--red)}.link-toolbar-button{height:34px;padding:0 12px;color:#dbeafe;border:1px solid rgba(56,189,248,.35);border-radius:7px;background:#0e749024;cursor:pointer}.link-toolbar-button:hover:not(:disabled){border-color:#38bdf8b3;background:#0e749040}.link-toolbar-button:disabled{color:#64748b;border-color:#64748b33;background:#0f172a59;cursor:not-allowed}.link-health-detail{inset:62px 0 0 auto;z-index:80;width:490px;max-height:calc(100vh - 62px);overflow:auto}.quality-hero{display:flex;align-items:center;justify-content:space-between;padding:18px;border:1px solid currentColor;border-radius:12px;background:#0f172ab8}.quality-hero span{color:var(--muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.quality-hero strong{display:block;margin-top:5px;color:var(--text);font-size:38px}.quality-hero strong small{color:var(--muted);font-size:14px}.quality-hero b{padding:6px 12px;border-radius:999px;background:#0f172ad6}.link-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.link-detail-grid div{padding:13px;border:1px solid rgba(148,163,184,.14);border-radius:9px;background:#0f172a8a}.link-detail-grid span{display:block;color:var(--muted);font-size:11px}.link-detail-grid strong{display:block;margin-top:7px;color:var(--text);font-size:16px;overflow-wrap:anywhere}@media (min-width: 1600px){.link-health-metrics{grid-template-columns:repeat(8,minmax(0,1fr))}}@media (max-width: 1320px){.link-analysis-grid{grid-template-columns:1fr 1fr}.link-analysis-grid article:last-child{grid-column:1 / -1}.link-filters input{width:230px}}.device-center-page{padding:18px 20px 28px}.device-center-live{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 12px;color:#bfdbfe;border:1px solid rgba(56,189,248,.26);border-radius:999px;background:#0ea5e914;font-size:12px}.device-center-live i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 13px #22c55eb3}.device-center-stats{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-bottom:14px}.device-center-stat{min-height:108px;padding:15px 16px;border:1px solid var(--line);border-radius:10px;background:#081324e0;box-shadow:inset 0 3px #64748b66}.device-center-stat span,.device-center-stat small{display:block;color:var(--muted)}.device-center-stat span{font-size:12px;font-weight:800}.device-center-stat strong{display:block;margin:9px 0 5px;color:var(--text);font-size:28px}.device-center-stat small{font-size:10px}.device-center-stat.stat-blue{border-color:#1677ff52;box-shadow:inset 0 3px 0 var(--blue)}.device-center-stat.stat-green{border-color:#22c55e4d;box-shadow:inset 0 3px 0 var(--green)}.device-center-stat.stat-red{border-color:#ef44444d;box-shadow:inset 0 3px #ef4444}.device-center-stat.stat-cyan{border-color:#06b6d44d;box-shadow:inset 0 3px #06b6d4}.device-center-stat.stat-purple{border-color:#8b5cf64d;box-shadow:inset 0 3px #8b5cf6}.device-center-stat.stat-gray{border-color:#94a3b833;box-shadow:inset 0 3px #64748b}.device-center-stat.stat-slate{border-color:#64748b42;box-shadow:inset 0 3px #475569}.device-center-table-panel{padding:0;overflow:hidden}.device-center-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-bottom:1px solid var(--line)}.device-center-toolbar h2{margin:0;color:var(--text);font-size:16px}.device-center-toolbar>div>span{display:block;margin-top:4px;color:var(--muted);font-size:11px}.device-center-filters{display:flex;gap:8px}.device-center-filters input,.device-center-filters select{height:34px;color:#dbeafe;border:1px solid rgba(148,163,184,.22);border-radius:7px;background:#061020;outline:none}.device-center-filters input{width:260px;padding:0 11px}.device-center-filters select{min-width:108px;padding:0 9px}.device-center-filters input:focus,.device-center-filters select:focus{border-color:#38bdf8ad;box-shadow:0 0 0 2px #38bdf81a}.device-type-tabs{display:flex;gap:6px;padding:8px 16px;border-bottom:1px solid var(--line)}.device-type-tabs button{height:28px;padding:0 12px;color:var(--muted);border:1px solid var(--line);border-radius:6px;background:#02061780}.device-type-tabs button.active{color:#dbeafe;border-color:#3b82f67a;background:#2563eb33}.device-center-table{min-width:1260px}.device-center-table th{white-space:nowrap}.device-center-table td{padding:13px 12px;white-space:nowrap}.device-center-table tbody tr{cursor:pointer}.device-center-table tbody tr:hover td{background:#0ea5e912}.device-center-table-wrap{max-height:min(560px,calc(100vh - 350px));border:0;border-radius:0}.device-center-table-wrap table{height:auto}.device-filter-summary{padding:9px 16px;color:var(--muted);border-top:1px solid var(--line);font-size:11px}.device-health-cell{display:grid;gap:2px;min-width:92px}.device-health-cell strong{font-size:12px}.device-health-cell span{margin:0!important;font-size:10px!important}.device-health-cell.health-excellent strong,.device-health-cell.health-good strong{color:#4ade80}.device-health-cell.health-attention strong{color:#facc15}.device-health-cell.health-poor strong{color:#f87171}.device-row-actions{display:flex!important;align-items:center;gap:6px}.device-row-actions>button,.device-row-actions summary{height:26px;padding:0 9px;color:#bfdbfe;border:1px solid rgba(59,130,246,.3);border-radius:6px;background:#2563eb24;font-size:10px;line-height:24px;cursor:pointer}.device-row-actions>button:disabled{color:#64748b;border-color:var(--line);background:#0f172a73;cursor:not-allowed}.device-row-actions details{position:relative}.device-row-actions summary{list-style:none}.device-row-actions details>div{position:absolute;right:0;top:30px;z-index:4;display:grid;width:170px;padding:6px;border:1px solid var(--line);border-radius:8px;background:#071225;box-shadow:0 14px 32px #00000059}.device-row-actions details button{padding:8px;color:#64748b;text-align:left;border:0;background:transparent}.device-row-actions details button.danger{color:#f87171}.device-type-chip,.device-center-status{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;font-size:11px;font-weight:900}.device-type-chip{color:#bfdbfe;background:#1677ff29}.type-ax9800{color:#bfdbfe;background:#1677ff33}.device-center-status.status-excellent{color:#86efac;background:#22c55e29}.device-center-status.status-attention{color:#fde68a;background:#facc1526}.device-center-status.status-poor{color:#fca5a5;background:#ef444429}.device-signal.signal-excellent{color:#4ade80}.device-signal.signal-attention{color:#facc15}.device-signal.signal-poor{color:#f87171}.device-center-empty{padding:34px;text-align:center;color:var(--muted)}.device-center-drawer{inset:62px 0 0 auto;z-index:80;width:425px;max-height:calc(100vh - 62px);overflow:auto}.device-center-drawer-state{display:flex;align-items:center;gap:10px;margin:-10px 0 14px}.device-center-drawer-state span{font-weight:900}.device-center-drawer-state small{color:var(--muted)}.device-health-verdict{display:grid;justify-items:end;gap:3px}.device-health-verdict span{color:#fde68a;font-size:11px}.device-health-verdict small{color:var(--muted);font-size:10px}.drawer-risk-reason{display:flex;justify-content:space-between;gap:12px;margin-top:8px;padding:10px 12px;border:1px solid rgba(250,204,21,.18);border-radius:8px;background:#facc150f}.drawer-risk-reason span{color:var(--muted);font-size:10px}.drawer-risk-reason strong{color:#fde68a;font-size:11px}.drawer-more-parameters{margin-top:14px;border:1px solid rgba(148,163,184,.14);border-radius:10px;background:#0f172a6b;overflow:hidden}.drawer-more-parameters>summary{display:flex;align-items:center;gap:9px;padding:12px;color:#cbd5e1;cursor:pointer;list-style:none}.drawer-more-parameters>summary b{color:#38bdf8}.drawer-more-parameters[open]>summary{border-bottom:1px solid rgba(148,163,184,.12)}.drawer-more-parameters .drawer-kv-grid{border:0;border-radius:0}.drawer-group-title{display:flex;align-items:center;gap:8px;margin:16px 0 8px;color:#dbeafe;font-size:13px;font-weight:900}.drawer-group-title b{display:grid;place-items:center;width:24px;height:24px;color:#7dd3fc;border:1px solid rgba(56,189,248,.3);border-radius:50%;font-size:10px;background:#0ea5e914}.drawer-kv-grid,.drawer-wireless-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;overflow:hidden;border:1px solid rgba(148,163,184,.14);border-radius:10px;background:#0f172a85}.drawer-kv-grid p,.drawer-wireless-grid p,.drawer-resource-grid p{margin:0;padding:11px 13px;border-bottom:1px solid rgba(148,163,184,.09)}.drawer-kv-grid p:nth-child(odd),.drawer-wireless-grid p:nth-child(odd){border-right:1px solid rgba(148,163,184,.09)}.drawer-kv-grid span,.drawer-wireless-grid span,.drawer-resource-grid span{display:block;color:var(--muted);font-size:10px}.drawer-kv-grid strong,.drawer-wireless-grid strong,.drawer-resource-grid strong{display:block;margin-top:5px;color:#e2e8f0;font-size:13px;overflow-wrap:anywhere}.drawer-wireless-grid .metric-normal strong{color:#4ade80}.drawer-wireless-grid .metric-abnormal strong{color:#f87171}.drawer-wireless-grid .metric-unknown strong{color:#94a3b8}.device-health-hero{display:flex;align-items:center;justify-content:space-between;padding:16px;border:1px solid currentColor;border-radius:10px;background:#0f172aa8}.device-health-hero span{color:var(--muted);font-size:10px;letter-spacing:.08em}.device-health-hero strong{display:block;margin-top:4px;color:var(--text);font-size:36px}.device-health-hero strong small{color:var(--muted);font-size:13px}.device-health-hero>b{padding:6px 11px;border-radius:999px;background:#02061794}.health-excellent{color:#4ade80}.health-attention{color:#facc15}.health-poor{color:#f87171}.health-neutral{color:#94a3b8}.drawer-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;border:1px solid rgba(148,163,184,.14);border-radius:10px;background:#0f172a85}.drawer-resource-grid p:not(:last-child){border-right:1px solid rgba(148,163,184,.09)}.maintenance-placeholder{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px;border:1px solid rgba(148,163,184,.14);border-radius:10px;background:#0f172a85}.maintenance-placeholder span{color:var(--muted);font-size:10px}.maintenance-placeholder strong{display:block;margin-top:4px;color:#86efac}.maintenance-placeholder p{margin:5px 0 0;color:var(--muted);font-size:11px}.maintenance-placeholder button{height:32px;padding:0 12px;color:#64748b;border:1px solid rgba(148,163,184,.14);border-radius:7px;background:#0206178a}@media (max-width: 1450px){.device-center-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.device-center-toolbar{align-items:flex-start;flex-direction:column}.device-center-filters{width:100%}.device-center-filters input{flex:1}}.runtime-overview-page{padding:18px 20px 28px}.runtime-live{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 12px;color:#bbf7d0;border:1px solid rgba(34,197,94,.25);border-radius:999px;background:#22c55e14;font-size:12px}.runtime-live i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 13px #22c55eb3}.runtime-metrics{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:9px;margin-bottom:12px}.runtime-metric{min-height:102px;padding:13px 14px;border:1px solid var(--line);border-radius:10px;background:#081324e0;box-shadow:inset 0 3px #64748b6b}.runtime-metric span,.runtime-metric small{display:block;color:var(--muted)}.runtime-metric span{font-size:11px;font-weight:800}.runtime-metric strong{display:block;margin:8px 0 5px;color:var(--text);font-size:23px;line-height:1.2;overflow-wrap:anywhere}.runtime-metric small{font-size:9px}.runtime-metric.metric-blue{border-color:#1677ff4d;box-shadow:inset 0 3px 0 var(--blue)}.runtime-metric.metric-green{border-color:#22c55e4d;box-shadow:inset 0 3px 0 var(--green)}.runtime-metric.metric-yellow{border-color:#facc1547;box-shadow:inset 0 3px 0 var(--yellow)}.runtime-metric.metric-red{border-color:#ef44444d;box-shadow:inset 0 3px 0 var(--red)}.runtime-metric.metric-purple{border-color:#8b5cf64d;box-shadow:inset 0 3px #8b5cf6}.runtime-main-grid{display:grid;grid-template-columns:240px minmax(430px,1fr) 330px;gap:12px;margin-bottom:12px}.runtime-main-grid>.panel{min-height:450px;padding:14px}.runtime-summary-list{display:grid}.runtime-summary-list p{display:flex;align-items:center;justify-content:space-between;margin:0;padding:13px 4px;color:var(--muted);border-bottom:1px solid rgba(148,163,184,.1);font-size:12px}.runtime-summary-list strong{color:var(--text);font-size:16px}.runtime-topology-panel .topology-graph{height:390px;min-height:390px}.runtime-topology-empty{min-height:390px}.runtime-alert-list{display:grid}.runtime-alert-list article{display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:10px;align-items:start;padding:13px 3px;border-bottom:1px solid rgba(148,163,184,.1)}.runtime-alert-list strong{color:#e2e8f0;font-size:12px}.runtime-alert-list p{margin:4px 0 0;color:var(--muted);font-size:11px;line-height:1.45}.runtime-alert-list time{color:#64748b;font-size:10px;white-space:nowrap}.runtime-alert-dot{width:7px;height:7px;margin-top:4px;border:0!important;border-radius:50%;background:#60a5fa}.runtime-alert-dot.severity-P0{background:var(--red)}.runtime-alert-dot.severity-P1{background:var(--orange)}.runtime-alert-dot.severity-P2{background:var(--yellow)}.runtime-alert-dot.severity-P3{background:#60a5fa}.runtime-alert-empty{min-height:365px}.runtime-analysis-grid{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:12px}.runtime-analysis-grid>.panel{min-height:250px;padding:14px}.runtime-analysis-empty{min-height:185px}.runtime-ranking{display:grid}.runtime-ranking button{display:grid;grid-template-columns:24px minmax(0,1fr) 42px;gap:9px;align-items:center;text-align:left;padding:10px 3px;color:#dbeafe;border:0;border-bottom:1px solid rgba(148,163,184,.1);background:transparent}.runtime-ranking button:hover{background:#0ea5e90f}.runtime-ranking button>b{display:grid;place-items:center;width:22px;height:22px;color:#93c5fd;border:1px solid rgba(59,130,246,.25);border-radius:50%;font-size:10px}.runtime-ranking span strong,.runtime-ranking span small{display:block}.runtime-ranking span strong{overflow:hidden;color:#e2e8f0;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.runtime-ranking span small{margin-top:3px;color:var(--muted);font-size:10px}.runtime-ranking em{text-align:right;font-size:15px;font-style:normal;font-weight:900}.rank-excellent{color:#4ade80}.rank-attention{color:#facc15}.rank-poor{color:#f87171}.runtime-timeline{display:grid}.runtime-timeline>div{display:grid;grid-template-columns:54px 10px minmax(0,1fr);gap:8px;align-items:start;min-height:41px}.runtime-timeline time{color:#64748b;font-size:10px}.runtime-timeline i{width:7px;height:7px;border:0!important;border-radius:50%;background:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.runtime-timeline i.severity-P0{background:var(--red)}.runtime-timeline i.severity-P1{background:var(--orange)}.runtime-timeline i.severity-P2{background:var(--yellow)}.runtime-timeline span strong,.runtime-timeline span small{display:block}.runtime-timeline span strong{color:#e2e8f0;font-size:11px}.runtime-timeline span small{margin-top:3px;color:var(--muted);font-size:10px}@media (max-width: 1550px){.runtime-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}.runtime-main-grid{grid-template-columns:220px minmax(400px,1fr) 300px}}@media (max-width: 1300px){.runtime-main-grid{grid-template-columns:220px minmax(0,1fr)}.runtime-alert-panel{grid-column:1 / -1}.runtime-analysis-grid{grid-template-columns:1fr 1fr}.runtime-analysis-grid>article:last-child{grid-column:1 / -1}}.runtime-health-metrics{grid-template-columns:1.45fr repeat(7,minmax(0,1fr))}.runtime-health-summary{display:grid;grid-column:span 2;grid-template-columns:minmax(130px,.8fr) minmax(180px,1.2fr);gap:16px;min-height:112px;padding:13px 15px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(135deg,#082f49eb,#081324f2);box-shadow:inset 0 3px #64748b6b}.runtime-health-summary.metric-green{border-color:#22c55e57;box-shadow:inset 0 3px 0 var(--green)}.runtime-health-summary.metric-yellow{border-color:#facc1552;box-shadow:inset 0 3px 0 var(--yellow)}.runtime-health-summary.metric-red{border-color:#ef444457;box-shadow:inset 0 3px 0 var(--red)}.runtime-health-summary>div>span,.runtime-health-summary aside>span{display:block;color:var(--muted);font-size:10px;font-weight:800}.runtime-health-summary>div>strong{display:block;margin-top:5px;color:#f8fafc;font-size:32px;line-height:1}.runtime-health-summary>div>strong small{margin-left:4px;color:#7890aa;font-size:12px}.runtime-health-summary>div>b{display:inline-flex;margin-top:7px;padding:3px 8px;color:#fde68a;border-radius:999px;background:#facc151c;font-size:10px}.runtime-health-summary aside{padding-left:14px;border-left:1px solid rgba(148,163,184,.14)}.runtime-health-summary ul{display:grid;gap:5px;margin:7px 0 0;padding-left:16px}.runtime-health-summary li{overflow:hidden;color:#cbd5e1;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.runtime-health-summary aside p{margin:8px 0 0;color:#94a3b8;font-size:10px}.runtime-metric-hero{min-height:112px;background:linear-gradient(135deg,#082f49e6,#081324f0)}.runtime-metric-hero strong{font-size:34px;letter-spacing:-.03em}.runtime-metric.metric-teal{border-color:#14b8a659;box-shadow:inset 0 3px #14b8a6}.runtime-v2-main-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(300px,.75fr);gap:12px;margin-bottom:12px}.runtime-v2-main-grid>.panel{min-height:395px;padding:14px}.runtime-v2-main-grid .runtime-topology-panel .topology-graph,.runtime-v2-main-grid .runtime-topology-panel .topology-canvas-shell{height:335px;min-height:335px}.runtime-v2-main-grid .runtime-topology-small,.runtime-v2-main-grid .runtime-risk-panel{min-height:330px}.runtime-v2-main-grid .runtime-topology-small .topology-canvas-shell,.runtime-v2-main-grid .runtime-topology-small .topology-graph{height:270px;min-height:270px}.runtime-topology-small .node text{font-size:17px}.runtime-topology-small .node .node-meta{font-size:12px}.runtime-topology-small .link-label{font-size:14px;font-weight:800}.runtime-v2-main-grid .runtime-topology-empty{min-height:335px}.panel-head>div>h2{margin-bottom:3px}.panel-head>div>small{color:var(--muted);font-size:10px}.runtime-risk-stream{display:grid;max-height:330px;overflow:auto}.runtime-risk-stream>article{display:grid;grid-template-columns:8px minmax(0,1fr);gap:10px;padding:14px 4px;border-bottom:1px solid rgba(148,163,184,.1)}.runtime-risk-stream strong,.runtime-risk-stream p,.runtime-risk-stream small,.runtime-risk-stream span{display:block;margin:0}.runtime-risk-stream strong{color:#e2e8f0;font-size:12px}.runtime-risk-stream p{margin-top:5px;color:#b8c8db;font-size:11px}.runtime-risk-stream small{margin-top:4px;color:var(--muted);font-size:10px}.runtime-risk-stream article div>span{width:fit-content;margin-top:7px;padding:3px 7px;color:#fde68a;border-radius:5px;background:#facc1517;font-size:10px}.runtime-risk-mark{width:7px;height:7px;margin-top:4px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}.runtime-risk-mark.severity-P0{color:var(--red)}.runtime-risk-mark.severity-P1{color:var(--orange)}.runtime-risk-mark.severity-P2{color:var(--yellow)}.runtime-risk-mark.severity-P3{color:#60a5fa}.runtime-risk-empty{min-height:285px}.runtime-v2-analysis-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(330px,.8fr);gap:12px}.runtime-v2-analysis-grid>.panel{min-height:240px;padding:14px}.runtime-traffic-head strong{color:#5eead4;font-size:20px}.runtime-traffic-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:4px 0 8px}.runtime-segmented{display:inline-flex;padding:3px;border:1px solid var(--line);border-radius:8px;background:#020617a6}.runtime-segmented button{min-width:54px;height:28px;color:var(--muted);border:0;border-radius:6px;background:transparent;font-size:11px}.runtime-segmented button.active{color:#dffdf8;background:#14b8a633;box-shadow:inset 0 0 0 1px #2dd4bf47}.runtime-traffic-controls select{width:180px;height:34px;padding:0 10px;color:#dbeafe;border:1px solid var(--line);border-radius:8px;background:#071525}.runtime-traffic-chart,.runtime-traffic-empty{height:225px;min-height:225px}.runtime-traffic-panel-empty{min-height:220px!important}.runtime-traffic-compact-empty{display:grid;place-content:center;min-height:92px;margin-top:6px;text-align:center;border:1px dashed rgba(45,212,191,.2);border-radius:9px;background:#0f766e09}.runtime-traffic-compact-empty strong{color:#b8c8db;font-size:12px}.runtime-traffic-compact-empty span{margin-top:6px;color:#64748b;font-size:10px}.runtime-traffic-chart{padding:14px 4px 0;border-bottom:1px solid rgba(148,163,184,.14);background:repeating-linear-gradient(to bottom,transparent 0,transparent 51px,rgba(148,163,184,.08) 52px)}.runtime-traffic-bars{display:flex;align-items:stretch;gap:8px;height:100%;overflow-x:auto}.runtime-traffic-column{display:grid;flex:1 0 32px;grid-template-rows:22px minmax(0,1fr) 24px;align-items:end;min-width:32px;text-align:center}.runtime-traffic-column span{overflow:hidden;color:#7dd3fc;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.runtime-traffic-column i{display:block;width:min(28px,80%);min-height:5px;margin:0 auto;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#2dd4bf,#0f766e);box-shadow:0 0 14px #2dd4bf2e}.runtime-traffic-column small{align-self:center;overflow:hidden;color:#7890aa;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.runtime-ranking-panel .runtime-ranking button{grid-template-columns:24px minmax(0,1fr) 48px;padding:13px 3px}.runtime-ranking-panel .runtime-ranking em strong,.runtime-ranking-panel .runtime-ranking em small{display:block}.runtime-ranking-panel .runtime-ranking em small{margin-top:2px;font-size:9px;font-style:normal}@media (max-width: 1550px){.runtime-health-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.runtime-metric-hero,.runtime-health-summary{grid-column:span 2}}@media (max-width: 1180px){.runtime-v2-main-grid,.runtime-v2-analysis-grid{grid-template-columns:1fr}.runtime-health-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 820px){.runtime-health-summary{grid-column:1 / -1;grid-template-columns:1fr}.runtime-health-summary aside{padding:10px 0 0;border-top:1px solid rgba(148,163,184,.14);border-left:0}}.runtime-overview-v2 .page-title{display:none}.runtime-overview-v2{max-width:1800px;margin:0 auto}.runtime-overview-v2 .runtime-health-metrics{grid-template-columns:1.45fr repeat(9,minmax(0,1fr));gap:7px;margin-bottom:10px}.runtime-overview-v2 .runtime-health-summary,.runtime-overview-v2 .runtime-metric{height:92px;min-height:92px;padding:10px 11px}.runtime-overview-v2 .runtime-health-summary{grid-column:span 1;grid-template-columns:1fr;gap:2px}.runtime-overview-v2 .runtime-health-summary>div>strong{font-size:27px}.runtime-overview-v2 .runtime-health-summary>div>b{margin-top:3px}.runtime-overview-v2 .runtime-health-summary aside{padding:0;border:0}.runtime-overview-v2 .runtime-health-summary aside>span{display:none}.runtime-overview-v2 .runtime-health-summary ul{display:flex;gap:4px;margin:3px 0 0;padding:0;list-style:none}.runtime-overview-v2 .runtime-health-summary li{max-width:92px;padding:2px 4px;border-radius:4px;background:#facc1514;font-size:8px}.runtime-overview-v2 .runtime-metric strong{margin:6px 0 4px;font-size:21px}.runtime-overview-v2 .runtime-metric span{font-size:10px}.runtime-overview-v2 .runtime-v2-main-grid{display:grid;grid-template-columns:225px minmax(460px,1fr) 315px;gap:10px;margin-bottom:10px}.runtime-overview-v2 .runtime-v2-main-grid>.panel{height:350px;min-height:350px;padding:12px}.runtime-overview-v2 .runtime-project-list{display:grid}.runtime-overview-v2 .runtime-project-list p{display:flex;align-items:center;justify-content:space-between;margin:0;padding:7px 2px;border-bottom:1px solid rgba(148,163,184,.1);color:var(--muted);font-size:10px}.runtime-overview-v2 .runtime-project-list strong{color:#e2e8f0;font-size:11px}.runtime-overview-v2 .runtime-v2-main-grid .runtime-topology-panel .topology-canvas-shell,.runtime-overview-v2 .runtime-v2-main-grid .runtime-topology-panel .topology-graph{height:290px;min-height:290px}.runtime-overview-v2 .runtime-topology-panel .node text{font-size:11px;font-weight:800}.runtime-overview-v2 .runtime-topology-panel .node .node-meta{font-size:9px}.runtime-overview-v2 .runtime-topology-panel .link-label{font-size:10px;font-weight:800;paint-order:stroke;stroke:#06101f;stroke-width:3px}.runtime-overview-v2 .runtime-topology-wait{min-height:250px}.runtime-overview-v2 .runtime-risk-stream{max-height:288px}.runtime-overview-v2 .runtime-alert-link{padding:0;color:#60a5fa;border:0;background:transparent;font-size:10px}.runtime-overview-v2 .runtime-v2-analysis-grid{display:grid;grid-template-columns:1fr .78fr 1.25fr 1fr;gap:10px}.runtime-overview-v2 .runtime-v2-analysis-grid>.panel{height:205px;min-height:205px;padding:12px;overflow:hidden}.runtime-overview-v2 .runtime-ranking-panel .runtime-ranking button{padding:8px 2px}.runtime-overview-v2 .runtime-access-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.runtime-overview-v2 .runtime-access-list p{margin:0;padding:13px 10px;border:1px solid rgba(148,163,184,.12);border-radius:8px;background:#02061747}.runtime-overview-v2 .runtime-access-list span,.runtime-overview-v2 .runtime-access-list strong{display:block}.runtime-overview-v2 .runtime-access-list span{color:var(--muted);font-size:9px}.runtime-overview-v2 .runtime-access-list strong{margin-top:5px;color:#e2e8f0;font-size:19px}.runtime-overview-v2 .runtime-traffic-chart{height:118px;min-height:118px}.runtime-overview-v2 .runtime-traffic-controls{margin:2px 0 5px}.runtime-overview-v2 .runtime-traffic-controls select{width:125px;height:28px}.runtime-overview-v2 .runtime-segmented button{min-width:38px;height:23px}.runtime-overview-v2 .runtime-traffic-compact-empty{min-height:86px}.runtime-overview-v2 .runtime-timeline>div{min-height:27px}.rank-good{color:#2dd4bf}@media (max-width:1550px){.runtime-overview-v2 .runtime-health-metrics{grid-template-columns:repeat(10,minmax(105px,1fr));overflow-x:auto}.runtime-overview-v2 .runtime-health-summary{grid-column:span 1}.runtime-overview-v2 .runtime-v2-main-grid{grid-template-columns:210px minmax(420px,1fr) 290px}}.runtime-overview-v2 .runtime-health-summary{border-color:#facc1580;box-shadow:inset 0 3px #facc15,0 0 20px #facc1512}.runtime-overview-v2 .runtime-v2-analysis-grid{grid-template-columns:.95fr .72fr 1.38fr .95fr}.runtime-overview-v2 .runtime-topology-panel{border-color:#38bdf84d;box-shadow:inset 0 1px #38bdf814}.topology-workspace-page{padding:10px 12px 12px}.topology-slim-toolbar{min-height:48px;margin-bottom:8px;padding:0 8px}.topology-stats{display:flex;gap:7px}.topology-stats span{padding:7px 10px;border:1px solid var(--line);border-radius:7px;color:var(--muted);font-size:10px;background:#081324b8}.topology-stats b{margin-left:5px;color:#e2e8f0;font-size:13px}.topology-slim-toolbar .topology-toolbar{gap:6px}.topology-slim-toolbar button{height:30px}.topology-workspace-panel{position:relative;padding:0;min-height:calc(100vh - 168px)}.topology-workspace-panel .topology-canvas-shell,.topology-workspace-panel .topology-graph{height:calc(100vh - 168px);min-height:620px}.topology-legend-control{position:absolute;z-index:5;top:12px;left:12px}.topology-legend-control>button{height:30px;padding:0 10px;color:#cbd5e1;border:1px solid var(--line);border-radius:7px;background:#040f1ceb}.topology-legend-control>div{width:220px;margin-top:6px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#040f1cf5;box-shadow:0 12px 30px #00000052}.topology-legend-control strong{display:block;margin:5px 0;color:#dbeafe;font-size:10px}.topology-legend-control p{margin:0;color:var(--muted);font-size:9px;line-height:1.8}.topology-legend-control i{display:inline-block;width:6px;height:6px;margin:0 4px;border-radius:50%;background:#64748b}.topology-legend-control i.ok{background:#22c55e}.topology-legend-control i.warn{background:#facc15}.topology-legend-control i.danger{background:#ef4444}.link-control path{cursor:pointer}.link-metric-popover rect{fill:#040f1cf5;stroke:#94a3b847}.link-metric-popover text{font-size:10px;font-weight:700}.link-symbol{font-size:15px;font-weight:900}.topology-workspace-panel .node text{font-size:10px}.topology-workspace-panel .node .node-meta{font-size:8px}.topology-workspace-panel .node-selected-meta{font-size:7px;fill:#93c5fd}.topology-help-hint{position:absolute;right:14px;bottom:12px;color:#94a3b86b;font-size:8px}.topology-status-bar{display:flex;align-items:center;gap:36px;height:32px;padding:0 12px;color:var(--muted);border:1px solid var(--line);border-top:0;border-radius:0 0 9px 9px;background:#040f1cd1;font-size:9px}.topology-status-bar b{color:#e2e8f0}.topology-status-bar time{margin-left:auto}.map-empty{display:grid;place-content:center;min-height:calc(100vh - 210px);text-align:center}.map-empty strong{color:#cbd5e1;font-size:13px}.map-empty span{margin-top:6px;color:var(--muted);font-size:10px}.topology-workspace-panel .node>text:not(.node-meta):not(.node-selected-meta){font-size:11px;font-weight:800;fill:#e2e8f0}.topology-workspace-panel .node .node-meta{font-size:8px;fill:#7890aa}.topology-help-hint{right:10px;bottom:8px;color:#94a3b847;font-size:7px}.link-metric-popover{pointer-events:none}.topology-node-detail,.link-detail-panel{inset:62px 0 0 auto;z-index:80;width:430px;max-height:calc(100vh - 62px);overflow:auto}.topology-more-parameters{margin-top:14px;border-top:1px solid var(--line)}.topology-more-parameters summary{padding:12px 0;color:#93c5fd;font-size:11px;cursor:pointer}.map-topology-empty{display:grid;place-content:center;min-height:calc(100vh - 168px);text-align:center;border:1px solid rgba(148,163,184,.16);border-radius:14px;background:#020617}.map-topology-empty strong{color:#cbd5e1;font-size:13px}.map-topology-empty span{margin-top:6px;color:var(--muted);font-size:10px}.link-health-page{padding-top:12px}.link-role-tabs{display:flex;align-items:center;gap:6px;padding:8px 12px;border-bottom:1px solid var(--line)}.link-role-tabs button{height:28px;padding:0 12px;color:var(--muted);border:1px solid var(--line);border-radius:6px;background:#02061780}.link-role-tabs button.active{color:#dbeafe;border-color:#3b82f673;background:#2563eb2e}.link-role-tabs button:disabled{opacity:.42;cursor:not-allowed}.link-role-tabs>span{margin-left:auto;color:#64748b;font-size:9px}.quality-good,.status-good{color:#2dd4bf}.metric-cell.excellent{color:#4ade80}.metric-cell.poor{color:#f87171}.link-risk-summary,.link-history-empty{display:grid;gap:6px;padding:12px;border:1px solid rgba(148,163,184,.14);border-radius:8px;background:#0f172a85}.link-risk-summary strong{color:#fde68a;font-size:11px}.link-risk-summary span,.link-history-empty span{color:var(--muted);font-size:10px}.link-history-empty strong{color:#cbd5e1;font-size:11px}.metadata-admin-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border:1px solid #173754;border-radius:8px;background:#071a2c;color:#a9bdd0;font-size:12px}.metadata-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:24px;background:#010812b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.metadata-modal{width:min(980px,96vw);max-height:90vh;overflow:auto;border:1px solid #235078;border-radius:12px;background:#06182a;box-shadow:0 22px 70px #00000080;color:#d8e7f4}.metadata-modal-header,.metadata-modal-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid #18344e}.metadata-modal-footer{position:sticky;bottom:0;border-top:1px solid #18344e;border-bottom:0;background:#06182a}.metadata-section{padding:14px 18px;border-bottom:1px solid #132e46}.metadata-section h3{margin:0 0 12px;font-size:14px}.metadata-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.metadata-form-grid label{display:grid;gap:5px;color:#8ea8bd;font-size:11px}.metadata-form-grid input,.metadata-form-grid select,.metadata-inline-form input,.metadata-project-form input{min-width:0;padding:8px 9px;border:1px solid #244a69;border-radius:6px;background:#071f34;color:#dceaf5}.metadata-management-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:14px}.metadata-inline-form,.metadata-project-form{display:flex;gap:8px;margin-bottom:9px}.metadata-project-form{display:grid;grid-template-columns:1fr 1fr 1fr auto}.metadata-list{display:grid;gap:6px;max-height:220px;overflow:auto}.metadata-list-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 9px;border:1px solid #183954;border-radius:6px;background:#071d31;font-size:12px}.metadata-list-actions{display:flex;gap:5px}.metadata-project-devices{margin-top:10px;padding:9px;border:1px dashed #28506e;border-radius:7px;color:#91a9bc;font-size:11px}.metadata-modal button{padding:7px 11px;border:1px solid #28577d;border-radius:6px;background:#0b2942;color:#cfe4f3;cursor:pointer}.metadata-modal button.primary{border-color:#1688d4;background:#0877bf;color:#fff}.metadata-modal button.danger{border-color:#8f3f49;color:#ff9ca6}.metadata-modal button:disabled{opacity:.45;cursor:not-allowed}.device-center-pagination{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 4px 4px;color:var(--text-secondary, #8ea0b8)}.device-center-pagination button{border:1px solid rgba(111,151,191,.28);border-radius:8px;background:#152a41b8;color:inherit;cursor:pointer;padding:7px 14px}.device-center-pagination button:disabled{cursor:not-allowed;opacity:.45}.drawer-history-list{display:grid;gap:8px}.drawer-history-row{display:grid;gap:4px;margin-bottom:8px;padding:10px 12px;border:1px solid rgba(111,151,191,.18);border-radius:8px;background:#0f22347a}.drawer-history-row strong{color:var(--text-primary, #e6eef8);font-size:12px}.drawer-history-row span{color:var(--text-secondary, #8ea0b8);font-size:11px}.device-center-drawer.device-detail-v2{inset:62px 0 0 auto;width:min(720px,calc(100vw - 260px));max-height:calc(100vh - 62px);padding:0 22px 30px;overflow:auto;border-left:1px solid rgba(56,189,248,.25);background:#061321;box-shadow:-20px 0 50px #0000005c}.device-detail-header{position:sticky;z-index:5;top:0;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 0 16px;border-bottom:1px solid rgba(148,163,184,.18);background:#061321f5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.device-detail-eyebrow,.device-detail-section-head span{color:#38bdf8;font-size:9px;font-weight:800;letter-spacing:.16em}.device-detail-title{display:flex;align-items:center;gap:10px;margin-top:5px}.device-detail-title h2{margin:0;color:#f8fafc;font-size:22px}.device-detail-header>div>p{margin:7px 0 0;color:#7890aa;font-size:11px}.device-detail-online,.device-detail-offline{padding:3px 8px;border:1px solid rgba(34,197,94,.35);border-radius:999px;color:#86efac;background:#22c55e1a;font-size:10px;font-weight:800}.device-detail-offline{border-color:#94a3b84d;color:#94a3b8;background:#64748b1a}.device-detail-identity{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:14px 0 0;border:1px solid rgba(56,189,248,.19);border-radius:9px;background:#082f4957}.device-detail-identity p{min-width:0;margin:0;padding:12px 13px;border-right:1px solid rgba(148,163,184,.12)}.device-detail-identity p:last-child{border-right:0}.device-detail-identity span,.device-runtime-grid span,.device-detail-list span,.device-network-addresses span{display:block;color:#7890aa;font-size:9px}.device-detail-identity strong{display:block;overflow:hidden;margin-top:5px;color:#dbeafe;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.device-detail-section{padding:18px 0;border-bottom:1px solid rgba(148,163,184,.15)}.device-detail-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}.device-detail-section-head h3{margin:3px 0 0;color:#e2e8f0;font-size:14px}.device-detail-section-head small{color:#7890aa;font-size:10px}.device-runtime-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(148,163,184,.12);border-left:1px solid rgba(148,163,184,.12)}.device-runtime-grid p{min-height:76px;margin:0;padding:12px;border-right:1px solid rgba(148,163,184,.12);border-bottom:1px solid rgba(148,163,184,.12);background:#02061733}.device-runtime-grid strong{display:block;margin-top:6px;color:#f1f5f9;font-size:18px}.device-runtime-grid small{display:block;margin-top:4px;color:#64748b;font-size:9px}.device-health-trends{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.device-trend-card{min-width:0;padding:10px;border:1px solid rgba(148,163,184,.14);border-radius:8px;background:#02061747}.device-trend-card header{display:flex;align-items:center;justify-content:space-between;gap:8px}.device-trend-card header strong{color:#cbd5e1;font-size:10px}.device-trend-card header span{color:#93c5fd;font-size:10px}.device-trend-chart{height:74px}.device-trend-empty{display:grid;place-content:center;height:74px;color:#52677d;font-size:9px;text-align:center}.device-detail-split{display:grid;grid-template-columns:1fr 1fr;gap:22px;border-bottom:1px solid rgba(148,163,184,.15)}.device-detail-split .device-detail-section{border-bottom:0}.device-detail-list{display:grid}.device-detail-list p{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:8px 0;border-bottom:1px solid rgba(148,163,184,.09)}.device-detail-list strong{overflow:hidden;color:#cbd5e1;font-size:10px;text-align:right;text-overflow:ellipsis;white-space:nowrap}.device-network-addresses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px}.device-network-addresses p{margin:0;padding:10px 12px;border:1px solid rgba(56,189,248,.16);border-radius:7px;background:#082f4933}.device-network-addresses strong{display:block;margin-top:4px;color:#bae6fd;font-size:11px}.device-interface-list{display:grid}.device-interface-list article{display:grid;grid-template-columns:minmax(140px,1fr) 80px minmax(120px,1fr);align-items:center;gap:12px;padding:9px 2px;border-bottom:1px solid rgba(148,163,184,.1)}.device-interface-list article div strong,.device-interface-list article div span{display:block}.device-interface-list article div strong{color:#dbeafe;font-size:11px}.device-interface-list article div span,.device-interface-list article small{color:#64748b;font-size:9px}.device-interface-list article p{margin:0;color:#5eead4;font-size:10px}.device-event-timeline{padding-left:12px;border-left:1px solid rgba(56,189,248,.24)}.device-event-timeline article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:9px 0;border-bottom:1px solid rgba(148,163,184,.09)}.device-event-timeline strong,.device-event-timeline span{display:block}.device-event-timeline strong{color:#dbeafe;font-size:10px}.device-event-timeline span,.device-event-timeline small{margin-top:3px;color:#64748b;font-size:9px}.device-detail-empty{display:grid;grid-column:1 / -1;place-content:center;min-height:72px;padding:12px;border:1px dashed rgba(148,163,184,.18);border-radius:8px;color:#64748b;text-align:center}.device-detail-empty strong{color:#94a3b8;font-size:10px}.device-detail-empty span{margin-top:5px;font-size:9px}.device-detail-empty.compact{min-height:54px}.device-detail-secondary{border-bottom:1px solid rgba(148,163,184,.15)}.device-detail-secondary summary{padding:14px 0;color:#93c5fd;font-size:11px;cursor:pointer}.device-detail-secondary .device-detail-list{padding-bottom:12px}.device-detail-tools{display:grid;gap:10px;padding-top:16px}@media (max-width: 980px){.device-center-drawer.device-detail-v2{width:100vw;max-width:100vw}}@media (max-width: 680px){.device-detail-identity,.device-runtime-grid,.device-health-trends,.device-detail-split,.device-network-addresses{grid-template-columns:1fr 1fr}.device-detail-split{gap:0}.device-detail-identity p:nth-child(2){border-right:0}.device-health-trends article:last-child{grid-column:1 / -1}}
