.network-controls{display:flex;flex-wrap:wrap;gap:24px;align-items:end}.network-controls fieldset{display:flex;flex-wrap:wrap;gap:20px;border:0;padding:0;margin:0}.network-controls legend{font-weight:700;margin-bottom:12px}.network-controls>label{display:grid;gap:8px;flex:1;min-width:240px}.network-controls select{padding:12px;max-width:100%;border:1px solid #bacfc8;border-radius:6px;background:white}.network-controls label{font-size:14px;font-weight:600}.network-rail{color:#2256a0}.network-pipe{color:#754098}.network-port{color:#086a63}.network-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0}.network-toolbar p{font-size:13px}.network-toolbar>div{display:flex;gap:8px}.network-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(250px,1fr);border:1px solid #c9d8d3;border-radius:16px;overflow:hidden;background:#e9f1f5}#networkMap{width:100%;height:640px;touch-action:none;cursor:grab}#networkMap:active{cursor:grabbing}#networkInfo{padding:26px;background:#fff;max-height:640px;overflow:auto}#networkInfo p{font-size:14px;line-height:1.7}#networkInfo h3{overflow-wrap:anywhere}#networkInfo .badge{margin-bottom:16px}#networkMap .network-item{cursor:pointer}#networkMap .network-item:focus{outline:none;filter:drop-shadow(0 0 2px #0a293c)}#networkMap .network-item:hover{filter:drop-shadow(0 0 2px #0a293c)}@media(max-width:800px){.network-layout{grid-template-columns:1fr}#networkMap{height:480px}#networkInfo{max-height:320px}.network-toolbar{align-items:start;flex-direction:column}}