.node{width:205px;min-height:92px;display:flex;align-items:center;gap:12px;padding:11px 13px}.device-copy{min-width:0;flex:1}.device-copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-shape{flex:none;position:relative;display:grid}.patch-panel{width:67px;height:49px;border:3px solid #263d4e;border-radius:5px;background:#344f62;padding:8px 7px;grid-template-columns:repeat(6,1fr);gap:4px;box-shadow:inset 0 0 0 2px #d7e0e5}.patch-panel:before,.patch-panel:after{content:'';position:absolute;top:19px;width:5px;height:9px;background:#172d3b}.patch-panel:before{left:-7px}.patch-panel:after{right:-7px}.patch-panel i{width:5px;height:5px;border-radius:50%;background:#9dd7f4;border:1px solid #0f2c3c}.joint-box{width:63px;height:42px;border:3px solid #167dab;border-radius:22px;background:#d9eef7;grid-template-columns:repeat(4,1fr);align-items:center;padding:4px 8px;box-shadow:inset 0 0 0 3px #fff}.joint-box:before,.joint-box:after{content:'';position:absolute;top:15px;width:9px;height:8px;background:#167dab}.joint-box:before{left:-10px;border-radius:4px 0 0 4px}.joint-box:after{right:-10px;border-radius:0 4px 4px 0}.joint-box i{height:30px;border-left:2px solid #7dbbd4}.odp-box{width:55px;height:55px;border:3px solid #258d67;border-radius:8px;background:#e4f5ed;padding:8px;grid-template-columns:repeat(2,1fr);gap:6px;box-shadow:inset 0 0 0 2px #fff}.odp-box:before{content:'';position:absolute;left:10px;right:10px;top:-7px;height:6px;border-radius:4px 4px 0 0;background:#258d67}.odp-box i{width:10px;height:10px;border-radius:50%;background:#258d67;border:2px solid #fff;box-shadow:0 0 0 1px #258d67}.node.SERVER{border-radius:7px}.node.JB{border-radius:24px}.node.ODP{border-radius:10px}.edit-mode .node{outline:2px dashed #ef9b29;outline-offset:4px}.edit-mode .node:after{content:'tarik • klik 2× nama';top:auto;bottom:-18px;right:0;background:#fff4dc;color:#895b0d;padding:2px 5px;border-radius:4px;white-space:nowrap}