.live a{color:var(--blue);text-decoration:none;font-size:12px}.topology-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}.topology-controls p{color:var(--muted);font-size:12px;max-width:500px}.views{display:flex;gap:7px;flex-wrap:wrap}.views button{border:1px solid var(--line);border-radius:7px;background:#102033;color:#a9bdce;padding:7px 10px;cursor:pointer}.views button.active{background:#1a4267;color:white;border-color:#3f83b9}.topology-canvas{background:radial-gradient(circle at center,#152a3d,#0b1521 72%);border:1px solid var(--line);border-radius:15px;overflow:hidden;min-height:460px}.topology-canvas svg{width:100%;height:auto;min-height:460px}.node{cursor:pointer}.node rect{fill:#13273a;stroke:#34536d;stroke-width:1.2}.node.online rect{stroke:#238a6b}.node.degraded rect{stroke:#bf8120}.node.offline rect{stroke:#64748b;stroke-dasharray:4}.node text{fill:#e9f3fa;font:600 13px Inter,system-ui}.node .sub{fill:#8fa2b5;font-size:10px;font-weight:400}.link{fill:none;cursor:pointer;stroke-linecap:round}.link.normal{stroke:#34d399}.link.warning{stroke:#fbbf24}.link.critical{stroke:#fb7185}.link.unknown{stroke:#64748b;stroke-dasharray:7 6}.link-label{fill:#c7d5e0;font:11px ui-monospace,monospace;pointer-events:none}.evidence{font-size:10px;fill:#93a8bb}.flow-detail{margin-top:16px}.flow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.flow-grid div{background:#0b1622;border:1px solid var(--line);border-radius:8px;padding:9px}.flow-grid span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase}.flow-grid b{font-size:14px}@media(max-width:700px){.topology-controls{display:block}.topology-controls p{margin-top:12px}.flow-grid{grid-template-columns:repeat(2,1fr)}}