/* HUD left navigation (ui/hud/nav.js). */
#nav{ left:8px; top:83px; width:229px; pointer-events:auto; }
.navRow{ position:relative; height:27px; margin-bottom:6.5px; }
.navSq{ position:absolute; left:0; top:0; width:34px; height:27px; border-radius:6px 3px 3px 6px; }
.navBtn{ position:absolute; left:38px; top:0; width:191px;   /* to the fleet list frame's right edge */ height:27px;
  border-radius:4px 14px 14px 4px; text-align:left; padding-left:9px;
  font-family:var(--uiFontLabel); font-weight:500; font-size:16.5px; line-height:27px; letter-spacing:.2px;
  --c:#0a1a63; --hi:#1a2c86; --lo:#050f45; color:#98aaff;
  transition:filter .15s; }
.navBtn:hover{ filter:brightness(1.35); }
.navRow.active .navBtn{ --c:#fbbd57; --hi:#ffd996; --lo:#e19b44; color:#1a1030; font-weight:600; }
.navRow.active .navBtn:hover{ filter:brightness(1.07); }
/* Not wired up yet — kept for the layout, clearly inert. */
.navRow.soon .navBtn{ color:#5d6bb0; cursor:not-allowed; }
.navRow.soon .navBtn:hover{ filter:none; }