.networks-page{--network-background:hsl(var(--color-background));--network-accent:hsl(var(--graph-highlight));--network-subnet:hsl(var(--graph-subnet));--network-node:hsl(var(--graph-agent));--network-node-offline:hsl(var(--graph-agent-offline));--network-label:hsl(var(--graph-label));--network-edge:hsl(var(--graph-edge));height:calc(100dvh - var(--cookie-banner-height,0px));flex-direction:column;flex:none;width:100%;min-width:0;min-height:0;display:flex;overflow:hidden}.networks-page .network-topology{flex:1;grid-template-columns:minmax(0,1fr) auto;column-gap:32px;min-height:0;padding:0 24px 24px;display:grid}.networks-page .network-stage{border:1px solid hsl(var(--color-border));background:var(--network-background);border-radius:12px;min-width:0;min-height:320px;position:relative;overflow:hidden}.networks-page .network-graph{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}.networks-page .network-graph.dragging,.networks-page .network-graph.dragging .network-hub,.networks-page .network-graph.dragging .network-agent{cursor:grabbing}.networks-page .network-graph:focus-visible{outline:2px solid var(--network-accent);outline-offset:-3px}.networks-page .network-graph text{-webkit-user-select:none;user-select:none;text-anchor:middle;paint-order:stroke;stroke:var(--network-background);stroke-width:4px;stroke-linejoin:round;pointer-events:none;font-family:inherit;transition:opacity .12s ease-out}.networks-page .label-hidden{opacity:0}.networks-page .network-hub,.networks-page .network-agent{cursor:grab;outline:none}.networks-page .network-node-hit{fill:#0000;stroke:none}.networks-page .network-hub-dot{fill:var(--network-subnet);stroke:none}.networks-page .network-hub.selected .network-hub-dot,.networks-page .network-hub.related .network-hub-dot,.networks-page .network-hub:hover .network-hub-dot,.networks-page .network-hub:focus-visible .network-hub-dot{stroke:var(--network-accent);stroke-width:2px}.networks-page .network-hub-label{fill:var(--network-label);font-size:12px;font-weight:600}.networks-page .network-edge{stroke:var(--network-edge);stroke-opacity:.9;stroke-width:1px;vector-effect:non-scaling-stroke;pointer-events:none}.networks-page .network-edge.selected{stroke:var(--network-accent);stroke-opacity:1;stroke-width:1.5px}.networks-page .network-agent-dot{fill:var(--network-node);stroke:none}.networks-page .network-agent.inactive .network-agent-dot{fill:none;stroke:var(--network-node-offline);stroke-width:1.5px;stroke-dasharray:2 2}.networks-page .network-agent.selected .network-agent-dot,.networks-page .network-agent.related .network-agent-dot,.networks-page .network-agent:hover .network-agent-dot,.networks-page .network-agent:focus-visible .network-agent-dot{stroke:var(--network-accent);stroke-width:2px;stroke-dasharray:none}.networks-page .network-agent-label{fill:var(--network-label);stroke-width:3px;font-size:11px;font-weight:400}.networks-page .network-agent:focus-visible .network-agent-label,.networks-page .network-agent.selected .network-agent-label{fill:var(--network-label);font-weight:600}.networks-page .network-edge.dimmed{opacity:.2}.networks-page .dimmed .network-hub-dot,.networks-page .dimmed .network-agent-dot{opacity:.25}.networks-page .dimmed:is(:focus-visible,:hover) circle{opacity:1}.networks-page .network-controls{max-width:calc(100% - 24px);position:absolute;bottom:20px;right:24px}.networks-page .network-zoom-label{text-align:center;font-variant-numeric:tabular-nums;width:44px}.networks-page .network-details{flex-direction:column;width:320px;min-height:0;max-height:calc(100dvh - 160px);display:flex;position:sticky;top:0;overflow:hidden}.networks-page .network-details-body{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.networks-page .network-details-footer{flex-shrink:0}.networks-page .network-member-list{flex-direction:column;display:flex}.networks-page .network-member-row{border-radius:8px;align-items:center;gap:10px;min-height:40px;padding:6px 4px;display:flex}.structure-view{flex:1;grid-template-columns:15rem minmax(0,1fr) auto;gap:24px 32px;min-height:0;padding:0 24px 24px;display:grid;overflow-y:auto}.structure-scope{flex-direction:column;gap:2px;display:flex;overflow-y:auto}.structure-scope-select{display:none}.structure-main{min-width:0;overflow-x:auto;container-type:inline-size}@container (max-width:40rem){:is(.structure-head,.structure-row){grid-template-columns:minmax(0,1fr) 6rem 5rem}:is(.structure-head,.structure-row)>:nth-child(3),:is(.structure-head,.structure-row)>:nth-child(4){display:none}}@media (min-width:901px) and (max-width:1280px){.structure-view:has(>.network-details){grid-template-columns:minmax(0,1fr) auto}.structure-view:has(>.network-details) .structure-scope{grid-column:1/-1}.structure-view:has(>.network-details) .structure-scope>:not(.structure-scope-select){display:none}.structure-view:has(>.network-details) .structure-scope-select{max-width:24rem;display:block}.structure-view:has(>.network-details) .structure-scope-select select{border:1px solid hsl(var(--color-input));background:hsl(var(--surface-raised));border-radius:8px;width:100%;height:36px;padding:0 12px}}@media (min-width:901px) and (max-width:1440px){.structure-view:has(>.network-details) :is(.structure-head,.structure-row){grid-template-columns:minmax(0,1fr) 6rem 5rem}:is(.structure-view:has(>.network-details) :is(.structure-head,.structure-row)>:nth-child(3),.structure-view:has(>.network-details) :is(.structure-head,.structure-row)>:nth-child(4)){display:none}}@media (max-width:900px){.networks-page .network-controls{right:12px;bottom:max(12px, env(safe-area-inset-bottom))}.networks-page .network-topology{grid-template-columns:minmax(0,1fr);padding:0 12px 12px}.networks-page .network-details{inset:auto 12px max(12px, env(safe-area-inset-bottom)) 12px;z-index:30;width:auto;max-height:min(60%,420px);position:fixed}.structure-view{grid-template-columns:minmax(0,1fr);padding:0 12px 12px}.structure-scope>:not(.structure-scope-select){display:none}.structure-scope-select{display:block}.structure-scope-select select{border:1px solid hsl(var(--color-input));background:hsl(var(--surface-raised));border-radius:8px;width:100%;height:44px;padding:0 12px}.structure-head{display:none}.structure-row{grid-template-columns:minmax(0,1fr) auto;min-height:44px}.structure-row>:nth-child(n+3){display:none}}@media (max-width:767px){.networks-page{height:calc(100dvh - 3.5rem - var(--cookie-banner-height,0px))}}@media (prefers-reduced-motion:reduce){.networks-page *,.networks-page :before,.networks-page :after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}