.yard-twin-panel{margin-bottom:14px}.yard-twin-panel .panel-head>div:first-child{display:flex;align-items:center;gap:10px}.twin-source{font-size:8px;color:var(--green);background:#e8f7ef;padding:5px 8px;border-radius:10px}.twin-controls{display:flex;gap:6px}.twin-controls button{border:1px solid var(--line);background:white;border-radius:7px;padding:7px 9px;font-size:8px;cursor:pointer}.twin-layout{display:grid;grid-template-columns:1fr 220px;gap:12px}.yard-twin{height:360px;position:relative;overflow:hidden;border-radius:12px;background:linear-gradient(135deg,#dfe6e9,#f4f6f7);border:1px solid #cfd8dd;transition:.3s;transform-origin:55% 55%}.yard-twin.focused{transform:scale(1.08)}.yard-water{position:absolute;right:0;top:0;width:18%;height:100%;background:linear-gradient(90deg,#9dd2df,#70b8cc);color:#eaffff;font-size:8px;display:grid;place-items:center;writing-mode:vertical-rl;letter-spacing:2px}.yard-road{position:absolute;background:#b9c1c5;color:white;font-size:8px;text-align:center}.road-a{height:9%;left:4%;right:18%;top:48%;padding-top:8px}.road-b{width:6%;height:88%;left:51%;top:5%}.yard-zone{position:absolute;background:rgba(255,255,255,.8);border:1px solid #aebbc2;border-radius:5px;box-shadow:0 3px 8px rgba(32,55,70,.08);padding:8px}.yard-zone b,.yard-zone span{display:block;font-size:9px}.yard-zone span{font-size:7px;color:#71828d;margin-top:3px}.zone-assembly{left:4%;top:7%;width:20%;height:34%}.zone-block{left:28%;top:7%;width:20%;height:34%}.zone-curve{left:59%;top:7%;width:19%;height:34%}.zone-outfit{left:4%;top:64%;width:26%;height:26%}.zone-dock{left:59%;top:62%;width:19%;height:29%;border:3px solid #768991;background:#c6d1d5}.yard-twin.layer-off .yard-zone{opacity:.2}.twin-robot{position:absolute;z-index:3;transform:translate(-50%,-50%);border:0;background:none;cursor:pointer}.twin-robot>i{width:25px;height:25px;border-radius:50%;background:#1b79df;color:white;display:grid;place-items:center;font-style:normal;font-size:8px;font-weight:800;border:3px solid white;box-shadow:0 3px 10px rgba(0,0,0,.25)}.twin-robot>span{display:block;background:#102c46;color:white;font-size:7px;border-radius:3px;padding:3px 5px;margin-top:3px;white-space:nowrap}.twin-robot.idle>i{background:#778898}.twin-robot.alarm>i{background:#d83c3c;animation:twinPulse 1.1s infinite}.twin-robot.selected>i{box-shadow:0 0 0 5px rgba(27,121,223,.2),0 4px 10px rgba(0,0,0,.3)}@keyframes twinPulse{50%{box-shadow:0 0 0 9px rgba(216,60,60,.17)}}.twin-detail{background:#f6f9fb;border-radius:10px;padding:15px}.twin-detail h3{margin:0 0 12px}.twin-detail dl{margin:0}.twin-detail dt{font-size:8px;color:var(--muted);margin-top:9px}.twin-detail dd{font-size:10px;font-weight:700;margin:3px 0}.twin-health{margin:18px 0}.twin-health span,.twin-health b{display:block;font-size:8px}.twin-health b{font-size:13px;margin:4px 0}.twin-health i{display:block;height:5px;background:#dde5ea;border-radius:5px}.twin-health em{display:block;height:100%;background:var(--green);border-radius:5px}@media(max-width:900px){.twin-layout{grid-template-columns:1fr}.twin-detail{display:grid;grid-template-columns:1fr 1fr;gap:8px}.yard-twin{height:310px}}@media(max-width:620px){.yard-twin{height:260px}.twin-controls{display:none}}