.topo-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.topo-kpis>.panel{padding:15px 16px}.topo-kpis span{display:block;color:#61778e;font-size:9px;letter-spacing:1px}.topo-kpis strong{display:block;margin-top:8px;font-size:25px}.topo-kpis small{display:block;margin-top:6px;color:#4d6379;font-size:8px}.topology-workspace{display:grid;grid-template-columns:220px minmax(450px,1fr) 285px;gap:12px}.tree-panel,.canvas-panel,.inspector{min-height:550px}.tree{padding:8px 10px 15px}.tree-group{margin:2px 0}.tree-row{display:flex;align-items:center;gap:7px;padding:9px 8px;border-radius:5px;color:#71879c;font-size:9px;cursor:pointer}.tree-row:hover,.tree-row.active{background:#102033;color:#c3d4e4}.tree-row .chev{width:10px;color:#435d75}.tree-row .tree-icon{width:21px;height:21px;display:grid;place-items:center;border:1px solid #27435c;border-radius:5px;background:#0c1a29;color:#62aee4;font-size:8px;font-weight:900}.tree-row small{margin-left:auto;color:#40566d}.tree-children{padding-left:17px;border-left:1px solid #182c40;margin-left:14px}.canvas-panel{overflow:hidden}.canvas-actions{display:flex;gap:5px}.view{border:1px solid #1d3246;background:#091522;color:#60778d;border-radius:5px;padding:6px 8px;font-size:8px;cursor:pointer}.view.active{border-color:#365c7d;color:#a9c9e4;background:#102237}.canvas{height:430px;margin:0 15px;border:1px solid #182e43;border-radius:7px;position:relative;overflow:hidden;background-color:#07121e;background-image:linear-gradient(rgba(58,91,118,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(58,91,118,.10) 1px,transparent 1px);background-size:28px 28px}.canvas:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(44,91,130,.13),transparent 45%);pointer-events:none}.node{position:absolute;z-index:4;width:132px;padding:10px;border:1px solid #254159;border-radius:7px;background:#0b1927;box-shadow:0 10px 25px rgba(0,0,0,.25);cursor:pointer;transition:.18s}.node:hover,.node.selected{border-color:#58a9df;transform:translateY(-2px)}.node .node-icon{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:5px;background:#102d45;color:#67b8ef;font-size:9px;font-weight:900;margin-right:6px;vertical-align:middle}.node b{font-size:9px;color:#c4d4e3}.node small{display:block;margin-top:7px;color:#536b82;font-size:7px}.node.root{left:39%;top:39%;width:145px;border-color:#39678b;background:#0d2031}.node.root .node-icon{background:#173d5a}.node.gateway{width:145px}.node.g1{left:8%;top:13%}.node.g2{right:8%;top:13%}.node.g3{left:8%;bottom:13%;border-color:#65542f}.node.device{width:125px}.node.n1{left:42%;top:7%}.node.n2{right:8%;bottom:14%;border-color:#65542f}.node.n3{left:42%;bottom:8%}.node.n4{right:8%;top:48%;border-color:#63343a}.node.risk .node-icon{background:#3a2d16;color:#ddb052}.node.offline .node-icon{background:#351b20;color:#eb767d}.connection{position:absolute;height:1px;background:#294760;transform-origin:left center;z-index:2;opacity:.8}.c1{width:235px;left:23%;top:31%;transform:rotate(13deg)}.c2{width:235px;left:50%;top:31%;transform:rotate(-13deg)}.c3{width:235px;left:23%;top:64%;transform:rotate(-13deg)}.c4{width:235px;left:50%;top:64%;transform:rotate(13deg)}.canvas-footer{display:flex;justify-content:space-between;padding:10px 17px;color:#435b72;font-size:8px}.canvas-footer span:first-child{color:#4bc99c}.inspector-body{padding:0 16px}.ins-meta{display:grid;grid-template-columns:1fr 1fr;gap:7px}.ins-meta div{padding:10px;background:#0c1926;border:1px solid #182c40;border-radius:5px}.ins-meta span{display:block;color:#4e657c;font-size:7px}.ins-meta b{display:block;margin-top:5px;color:#c8d7e4;font-size:11px}.ins-section{margin-top:17px;padding-top:13px;border-top:1px solid #16293b}.ins-section h3{margin:0;color:#62788e;font-size:8px;letter-spacing:1px}.ins-section p{color:#8094a8;font-size:9px;line-height:1.6}.ins-event{display:flex;gap:7px;padding:8px 0;border-bottom:1px solid #132537;font-size:8px}.ins-event i{width:6px;height:6px;border-radius:50%;background:#43c79b;margin-top:3px}.ins-event.warn i{background:#d6a646}.ins-event.bad i{background:#e36e75}.ins-status{padding:5px 7px;border-radius:4px;font-size:7px;font-weight:900;letter-spacing:.8px}.ins-status.ok{background:#102c26;color:#4dd5a5}.ins-status.warn{background:#2e2617;color:#dfb55d}.ins-status.bad{background:#30191e;color:#f17b80}.impact{margin-top:12px}.impact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#17283a}.impact-grid>div{padding:15px;background:#0a1420}.impact-grid i{display:block;color:#466079;font-style:normal;font-size:8px}.impact-grid b{display:block;margin:8px 0 5px;font-size:10px}.impact-grid span{color:#586f85;font-size:8px;line-height:1.5}.decision{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:12px;padding:19px}.decision h2{margin:0;font-size:15px}.decision p:not(.eyebrow){max-width:760px;color:#63798f;font-size:9px;line-height:1.6}.decision-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.action{text-decoration:none;display:inline-block}.small-note{color:#536b82;font-size:8px}@media(max-width:1200px){.topology-workspace{grid-template-columns:190px 1fr}.inspector{grid-column:1/-1;min-height:auto}.inspector-body{padding-bottom:18px}.impact-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.topo-kpis{grid-template-columns:repeat(2,1fr)}.topology-workspace{grid-template-columns:1fr}.tree-panel{min-height:auto}.canvas{height:520px}.node.g1{left:4%;top:8%}.node.g2{right:4%;top:8%}.node.g3{left:4%;bottom:8%}.node.n1{left:35%;top:2%}.node.n2{right:4%;bottom:29%}.node.n3{left:35%;bottom:2%}.node.n4{right:4%;top:44%}.impact-grid{grid-template-columns:1fr}.decision{align-items:flex-start;flex-direction:column}.decision-actions{justify-content:flex-start}}