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

#layout{display:grid;grid-template-columns:210px 1fr 210px;gap:4px;padding:4px;height:calc(100vh - 42px);}

@keyframes sweep{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
  .data-row{display:flex;justify-content:space-between;align-items:baseline;padding:4px 0;border-bottom:1px solid rgba(26,64,96,0.4);}
  .data-row:last-child{border-bottom:none;}
  .data-label{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;}
  .data-value{font-family:var(--font-mono);font-size:14px;color:var(--green);}
  .data-unit{font-size:9px;color:var(--muted);margin-left:2px;}
.big-btn.on{background:rgba(0,230,118,0.1);border-color:var(--green);color:var(--green);}
  .big-btn.on:hover{background:rgba(0,230,118,0.25);}
  .big-btn.off{background:rgba(90,138,170,0.1);border-color:var(--muted);color:var(--muted);}
  .big-btn.off:hover{background:rgba(90,138,170,0.2);color:var(--white);}
  .big-btn.warn{background:rgba(255,171,0,0.1);border-color:var(--amber);color:var(--amber);}
  .big-btn.danger{background:rgba(255,23,68,0.15);border-color:var(--red);color:var(--red);}
.ack-btn{font-size:9px;padding:1px 6px;border:1px solid var(--muted);background:transparent;color:var(--muted);border-radius:2px;cursor:pointer;font-family:var(--font-mono);}
  .ack-btn:hover{border-color:var(--amber);color:var(--amber);}
  #chart-container{position:relative;flex:1;overflow:hidden;}
  #chart-canvas{display:block;width:100%;height:100%;}
  #chart-overlay{position:absolute;top:6px;left:6px;display:flex;flex-direction:column;gap:4px;pointer-events:none;}
  .chart-badge{background:rgba(5,13,20,0.85);border:1px solid var(--border2);padding:3px 8px;font-size:10px;font-family:var(--font-mono);color:var(--cyan);}
  #chart-controls{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);display:flex;gap:6px;}
  .chart-btn{padding:4px 10px;font-size:10px;font-family:var(--font-mono);border:1px solid var(--border2);background:rgba(10,26,40,0.9);color:var(--muted);border-radius:3px;cursor:pointer;transition:all .15s;}
  .chart-btn:hover,.chart-btn.active{border-color:var(--cyan);color:var(--cyan);}
  #zoom-controls{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:4px;}
  .zoom-btn{width:28px;height:28px;font-size:16px;border:1px solid var(--border2);background:rgba(10,26,40,0.9);color:var(--muted);border-radius:3px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;}
  .zoom-btn:hover{border-color:var(--cyan);color:var(--cyan);}
  .ais-target{fill:rgba(0,229,255,0.8);stroke:var(--cyan);stroke-width:1;}
  .wpt-marker{fill:none;stroke:var(--amber);stroke-width:1.5;}
  #scenario-modal-bg{position:fixed;inset:0;background:rgba(0,0,0,0.82);display:flex;align-items:center;justify-content:center;z-index:200;}
  #scenario-modal{background:var(--bg2);border:1px solid var(--cyan);border-radius:6px;padding:24px;width:480px;max-width:95vw;}
  #scenario-modal h2{color:var(--cyan);font-size:16px;margin-bottom:6px;letter-spacing:1px;}
  #scenario-modal p{color:var(--muted);font-size:11px;line-height:1.6;margin-bottom:14px;}
  .sc-btn{width:100%;padding:10px 14px;border:1px solid var(--border2);background:rgba(255,255,255,0.04);color:var(--white);cursor:pointer;border-radius:3px;text-align:left;font-size:11px;transition:all .15s;margin-bottom:6px;}
  .sc-btn:hover{border-color:var(--cyan);color:var(--cyan);background:rgba(0,229,255,0.08);}
  .sc-btn .sc-title{font-weight:600;font-size:12px;}
  .sc-btn .sc-desc{color:var(--muted);font-size:10px;margin-top:2px;}
  .range-badge{background:rgba(41,121,255,0.15);border:1px solid var(--blue);padding:2px 6px;font-size:9px;font-family:var(--font-mono);color:var(--blue);border-radius:2px;display:inline-block;margin-bottom:4px;}
  .depth-legend{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px;}
  .depth-swatch{display:flex;align-items:center;gap:3px;font-size:9px;color:var(--muted);}
  .depth-swatch span{width:12px;height:8px;display:inline-block;border-radius:1px;}
  #mode-indicator{position:absolute;top:6px;right:44px;background:rgba(5,13,20,0.9);border:1px solid var(--border2);padding:3px 8px;font-size:9px;font-family:var(--font-mono);color:var(--amber);}
  .nav-mode-btn{padding:3px 8px;font-size:9px;font-family:var(--font-mono);border:1px solid var(--border);background:rgba(255,255,255,0.03);color:var(--muted);border-radius:2px;cursor:pointer;transition:all .15s;}
  .nav-mode-btn.active{border-color:var(--cyan);color:var(--cyan);background:rgba(0,229,255,0.1);}
  .wpt-row{display:flex;justify-content:space-between;align-items:center;padding:3px 0;font-size:10px;border-bottom:1px solid rgba(26,64,96,0.3);}
  .wpt-row.active-wpt{color:var(--cyan);}
  .senc-bar{height:4px;background:var(--green);border-radius:2px;transition:width 2s;}
  .info-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px;}