/* Mooring Winch — Simulator-specific styles (extends shared/simulator-theme.css) */

#main{display:grid;grid-template-columns:220px 1fr 220px;grid-template-rows:1fr 185px;gap:4px;padding:4px;height:calc(100vh - 42px);}
.section-title{font-size:9px;font-weight:600;color:var(--cyan);letter-spacing:1px;text-transform:uppercase;margin-bottom:4px;margin-top:6px;}
.status-row{display:flex;justify-content:space-between;align-items:center;padding:2px 0;border-bottom:1px solid rgba(255,255,255,0.04);}
.status-label{font-size:9px;color:var(--muted);text-transform:uppercase;}
.status-val{font-family:var(--font-mono);font-size:11px;}
#bottom{grid-column:1/4;display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;}
/* Winch cards */
.winch-card{background:rgba(0,0,0,0.3);border:1px solid var(--border);border-radius:4px;padding:6px;margin-bottom:5px;}
.winch-name{font-size:10px;font-weight:700;color:var(--cyan);margin-bottom:4px;letter-spacing:.5px;}
.winch-tension{font-family:var(--font-mono);font-size:16px;color:var(--green);margin-bottom:2px;}
.winch-tension.warn{color:var(--amber);}
.winch-tension.danger{color:var(--red);animation:blink .6s infinite;}
.tension-bar-track{height:6px;background:rgba(255,255,255,0.05);border-radius:2px;border:1px solid var(--border);margin-bottom:4px;}
.tension-bar{height:100%;background:var(--green);border-radius:2px;transition:width .4s,background .4s;}
.line-status-pill{display:inline-block;font-size:9px;font-family:var(--font-mono);padding:1px 6px;border-radius:8px;margin-bottom:4px;}
.ls-safe{background:rgba(0,230,118,0.15);color:var(--green);border:1px solid var(--green);}
.ls-warn{background:rgba(255,171,0,0.15);color:var(--amber);border:1px solid var(--amber);}
.ls-danger{background:rgba(255,23,68,0.2);color:var(--red);border:1px solid var(--red);}
.ls-parted{background:var(--red2);color:#fff;animation:alarmblink .5s infinite;}
.ls-slack{background:rgba(90,138,170,0.15);color:var(--muted);border:1px solid var(--muted);}
.winch-btns{display:flex;gap:3px;}
.w-btn{flex:1;padding:3px 0;font-size:9px;font-family:var(--font-mono);border-radius:2px;cursor:pointer;border:1px solid var(--border2);background:rgba(0,0,0,0.4);color:var(--muted);transition:all .15s;}
.w-btn:hover{border-color:var(--cyan);color:var(--cyan);}
.w-btn.active-h{background:rgba(0,230,118,0.2);border-color:var(--green);color:var(--green);}
.w-btn.active-p{background:rgba(255,23,68,0.15);border-color:var(--red);color:var(--red);}
.w-btn.active-ct{background:rgba(0,229,255,0.15);border-color:var(--cyan);color:var(--cyan);}
.winch-sub{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);margin-top:2px;}
.brake-ctrl{display:flex;align-items:center;gap:5px;margin-bottom:3px;}
.brake-ctrl input[type=range]{flex:1;accent-color:var(--amber);}
.brake-val{font-family:var(--font-mono);font-size:11px;color:var(--amber);min-width:32px;text-align:right;}