.networkCardWindow{display:grid;gap:16px;min-width:0;max-width:100%}.managedWindowPanel:has(>.managedWindowBody>.networkCardWindow)>.managedWindowHeader h2{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.managedWindowPanel:has(>.managedWindowBody>.networkCardWindow)>.managedWindowHeader .managedWindowControls{flex:0 0 auto}.networkCardWindow .appPageHeader{min-height:0;margin:0}.networkCardWindow .appPageHeader.appPageHeader h1{font-size:clamp(22px,2.4vw,32px);word-break:normal;overflow-wrap:normal;overflow-x:auto;overflow-y:hidden;padding-bottom:3px}.networkCardRelations{display:flex;flex-wrap:wrap;gap:8px;min-width:0}.networkCardRelations .appButton{max-width:100%;min-width:0}.networkCardRelations .appButton span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.networkCardWindow>.editPanel{min-width:0;max-width:100%}.networkCardWindow .topologyEditorToolbar{flex-wrap:wrap;gap:8px}@media(max-width:600px){.networkCardWindow{gap:10px}.networkCardWindow .appPageHeader{padding:16px;border-radius:16px}.networkCardWindow .networkCardRelations{display:grid}.networkCardWindow>.editPanel{padding:8px}.networkCardWindow .topologyDeviceTreePanel{max-height:200px;min-height:0}}.topologyDeviceContextMenu.networkDeviceMenu{z-index:2147483100;width:min(290px,calc(100vw - 16px));max-height:calc(100dvh - 16px);overflow-y:auto;overscroll-behavior:contain}.networkDeviceMenu .networkDeviceMenuHint{padding:6px 8px;color:#52677a;font-size:12px;line-height:1.4}.networkDeviceMenu button{flex-shrink:0;white-space:normal}.networkDeviceMenu button svg{flex:0 0 auto}.customerNetworksView{min-width:0;max-width:100%;container-type:inline-size}.customerNetworksView .customerNetworkCards,.customerNetworksView .customerNetworkCard,.customerNetworksView .customerNetworkBody,.customerNetworksView .customerNetworkDeviceList{min-width:0;grid-template-columns:minmax(0,1fr)}.customerNetworksView .customerNetworksToolbar{flex-wrap:wrap}.customerNetworksView .customerNetworksCreateActions{display:flex;flex-flow:row nowrap;gap:8px;margin-left:auto}.customerNetworksCreateActions .createButton{min-width:0;white-space:nowrap}.customerNetworksView .networkGroupSearchHeader{min-width:0;flex-wrap:wrap}.customerNetworksView .networkGroupSearchIdentity{flex:1 1 260px;min-width:0}.customerNetworksView .networkGroupSearchActions{flex:0 1 auto;flex-wrap:wrap}.customerNetworksView .customerNetworkTopologyButton{flex:0 0 auto}.customerNetworksView .networkTreeDeviceActions{min-width:0;flex-wrap:wrap}.customerNetworksView .customerNetworkDeviceItem{grid-template-columns:32px minmax(0,1fr) auto}.customerNetworksView .customerNetworkDeviceItem.hasLeading{grid-template-columns:18px 32px minmax(0,1fr) auto}@container (max-width: 600px){.customerNetworksView .customerNetworksToolbar{align-items:stretch;flex-direction:column}.customerNetworksView .customerNetworksCreateActions{width:100%}.customerNetworksCreateActions .createButton{flex:1 1 0;justify-content:center;padding-inline:8px}.customerNetworksView .networkGroupSearchActions{order:3;width:100%}.customerNetworksView .customerNetworkDeviceItem{grid-template-columns:32px minmax(0,1fr)}.customerNetworksView .customerNetworkDeviceItem.hasLeading{grid-template-columns:18px 32px minmax(0,1fr)}.customerNetworksView .networkTreeDeviceActions{grid-column:2 / -1;justify-content:flex-end}}