.ports-toolbar180{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin-bottom:16px}.ports-toolbar180 label{display:grid;gap:5px}.equipment-ports-grid180{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;max-height:58vh;overflow:auto}.equipment-port180{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px;border:1px solid var(--line);border-left:4px solid #64748b;border-radius:10px;background:#0a2433}.equipment-port180.used{border-left-color:#39d68b}.equipment-port180>div:first-child{display:grid}.equipment-port180 small{color:var(--muted)}.equipment-port180>span{font-size:12px;color:var(--muted)}.equipment-port180>div:last-child{grid-column:1/-1;display:flex;gap:6px}.equipment-port180 button{padding:7px 10px}.diagram-dialog180{width:min(1100px,96vw)}.diagram-node-head180{padding:18px;border-radius:14px;background:linear-gradient(135deg,#10394d,#0b2433);border:1px solid #1d536b}.diagram-node-head180 span{color:#62d7ff;text-transform:uppercase;font-size:12px;font-weight:700}.diagram-node-head180 h2{margin:6px 0}.diagram-node-head180 small{color:var(--muted)}.diagram-section180{margin-top:15px;padding:14px;border:1px solid var(--line);border-radius:12px}.diagram-section180 h3{margin:0 0 12px}.diagram-port-row180{display:grid;grid-template-columns:minmax(150px,220px) minmax(100px,1fr) minmax(170px,260px);align-items:center;gap:0;margin:7px 0}.diagram-port180,.diagram-target180{padding:10px;border-radius:8px;background:#102f3e;border:1px solid #205269;display:grid}.diagram-port180 small{color:var(--muted)}.diagram-line180{height:3px;background:#455f6b;position:relative;text-align:center}.diagram-line180.active{background:#39d68b}.diagram-line180:before,.diagram-line180:after{content:'';position:absolute;top:-4px;width:10px;height:10px;border-radius:50%;background:inherit}.diagram-line180:before{left:-2px}.diagram-line180:after{right:-2px}.diagram-line180 span{position:relative;top:-18px;padding:2px 7px;background:#081d29;color:var(--muted);font-size:11px;border-radius:5px}.diagram-target180{grid-template-columns:1fr auto;align-items:center}.diagram-target180 button{padding:5px;font-size:11px}.diagram-loose180,.fusion-row180{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;padding:10px;border-top:1px solid var(--line)}.diagram-loose180 small,.fusion-row180 small{grid-column:1/-1;color:var(--muted)}.fusion-row180>span{color:#f59e0b;font-weight:700}.individual-page180{min-height:520px;padding:18px;background:#071a25;border:1px solid var(--line);border-radius:14px}@media(max-width:760px){.diagram-port-row180{grid-template-columns:1fr}.diagram-line180{height:28px;width:3px;margin:auto}.diagram-line180 span{position:absolute;left:12px;top:5px;white-space:nowrap}.diagram-line180:before{left:-4px;top:-2px}.diagram-line180:after{left:-4px;right:auto;top:auto;bottom:-2px}.diagram-loose180,.fusion-row180{grid-template-columns:1fr}.ports-toolbar180>*{width:100%}}