.twin-layout{display:grid;grid-template-columns:minmax(0,1.55fr) 330px;gap:18px}.twin-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.twin-head small,.twin-detail>small{color:#168a8b;font-size:.72rem;letter-spacing:.08em;font-weight:800}.twin-head h2{margin:5px 0;font-size:1.35rem}.twin-head p{max-width:760px;margin:0;color:#6b8289;font-size:.84rem;line-height:1.5}.twin-head>span{padding:6px 9px;border-radius:12px;background:#e6effb;color:#286594;font-size:.67rem;font-weight:800;white-space:nowrap}.twin-controls{display:grid;grid-template-columns:1fr .7fr 1fr;gap:9px;margin:17px 0;padding:13px;border:1px solid #dbe7e9;border-radius:11px;background:#f5f9fa}.twin-controls label{color:#5f7880;font-size:.75rem;font-weight:800}.twin-controls select,.twin-controls input[type=date]{width:100%;margin-top:6px;padding:9px;border:1px solid #cadadd;border-radius:8px;background:#fff;color:#173943;font:inherit}.twin-fit-toggle{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:8px;background:#fff}.twin-fit-toggle input{width:17px;height:17px;accent-color:#0b927e}.twin-fit-toggle span,.twin-fit-toggle small{display:block}.twin-fit-toggle b{font-size:.74rem}.twin-fit-toggle small{margin-top:2px;color:#768a90;font-size:.62rem}.twin-legend{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}.twin-legend span{display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:14px;background:#edf3f4;color:#5f747b;font-size:.64rem;font-weight:800}.twin-legend i{width:8px;height:8px;border-radius:50%;background:#7e9298}.twin-legend .live i{background:#06a27a}.twin-legend .hold i{background:#e4a333}.twin-legend .occupied i{background:#d1655f}.twin-legend .request i{background:#397ead}.twin-legend .incompatible i{background:#89979b}.marina-twin{min-height:430px;display:grid;grid-template-columns:90px repeat(3,1fr) 82px;gap:16px;padding:18px;border-radius:15px;background:linear-gradient(145deg,#0a6175,#0a8794 58%,#086378);overflow:auto}.twin-water{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#afe4e6}.twin-water span{writing-mode:vertical-rl;font-size:.62rem;letter-spacing:.14em;font-weight:800}.twin-water i{display:block;width:1px;height:120px;margin-top:12px;background:#8bd6d9}.twin-dock{display:flex;flex-direction:column;align-items:center;min-width:130px}.twin-dock>b{width:100%;padding:9px;text-align:center;border-radius:7px 7px 0 0;background:#d5e0df;color:#31515a;font-size:.7rem}.twin-dock>div{width:100%;display:grid;gap:11px;padding:12px 10px 18px;border-left:13px solid #bccbca;border-right:13px solid #bccbca}.twin-berth{position:relative;min-height:84px;padding:11px;border:2px solid #9cc4c8;border-radius:8px;background:#ffffff1b;color:#fff;font-weight:800}.twin-berth:before{content:"";position:absolute;left:-10px;top:14px;bottom:14px;width:4px;border-radius:4px;background:#81969c}.twin-berth.live{border-color:#50e4bd;background:#0b9a7caa}.twin-berth.live:before{background:#58ebc3}.twin-berth.sensor{border-color:#72bde0;background:#2b7ea6aa}.twin-berth.sensor:before,.twin-berth.request:before{background:#66b5dc}.twin-berth.hold{border-color:#f1c369;background:#b8791faa}.twin-berth.hold:before{background:#f0bb51}.twin-berth.occupied{border-color:#dfa29d;background:#914b4daa}.twin-berth.occupied:before{background:#db7971}.twin-berth.request{border-color:#80b7d1;background:#356c8aaa}.twin-berth.incompatible{border-color:#9caeb2;background:#596c72aa;color:#cfdbdd}.twin-berth.selected{box-shadow:0 0 0 3px #fff,0 0 0 7px #57dfc1}.twin-berth[hidden]{display:none}.twin-quay{display:flex;flex-direction:column;align-items:center;gap:7px;padding:12px 8px;border-radius:8px;background:#d4dfde;color:#3c5960}.twin-quay span{font-size:.58rem;font-weight:800;text-align:center}.twin-quay b{width:100%;padding:7px 4px;border-radius:5px;background:#fff;color:#41626a;font-size:.62rem;text-align:center}.twin-disclaimer{display:flex;gap:10px;margin-top:12px;padding:11px;border-radius:9px;background:#fff7e6;color:#72500f;font-size:.7rem}.twin-disclaimer b{white-space:nowrap}.twin-status-card{margin:12px 0;padding:17px;border-radius:12px;background:linear-gradient(145deg,#536870,#283e47);color:#fff}.twin-status-card>span{display:flex;align-items:center;gap:7px}.twin-status-card i{width:8px;height:8px;border-radius:50%;background:#a3b3b8}.twin-status-card span b{font-size:.65rem}.twin-status-card strong{display:block;margin-top:10px;font-size:2rem}.twin-status-card p{margin:0;color:#d3dfe2;font-size:.75rem}.twin-status-card.live{background:linear-gradient(145deg,#07595d,#0a9b81)}.twin-status-card.live i{background:#61edc5}.twin-status-card.hold{background:linear-gradient(145deg,#714f1e,#bb8128)}.twin-status-card.occupied{background:linear-gradient(145deg,#733f44,#b45b59)}.twin-status-card.request,.twin-status-card.sensor{background:linear-gradient(145deg,#285a75,#3f88ad)}.twin-status-card.incompatible{background:linear-gradient(145deg,#465b63,#74888d)}.twin-detail dl{margin:0}.twin-detail dl div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #e2ebed;font-size:.73rem}.twin-detail dd{max-width:60%;font-weight:800;text-align:right}.twin-detail dd.ok{color:#087b68}.twin-detail .full{width:100%;margin-top:9px}.twin-detail button:disabled{cursor:not-allowed;opacity:.48}.twin-zero{display:flex;justify-content:space-between;margin-top:14px;padding:12px;border-radius:9px;background:#eaf7f4;font-size:.72rem}.twin-zero b{color:#087b68}
@media(max-width:1100px){.twin-layout{grid-template-columns:1fr}.twin-detail{max-width:none}}
@media(max-width:680px){.twin-head{flex-direction:column}.twin-controls{grid-template-columns:1fr}.marina-twin{grid-template-columns:58px repeat(3,130px) 70px;padding:12px;gap:10px;min-height:390px}.twin-dock>div{padding:10px 8px 14px;border-left-width:9px;border-right-width:9px}.twin-berth{min-height:72px}.twin-disclaimer{flex-direction:column}.twin-disclaimer b{white-space:normal}}