/* HUD fleet list panel, stretches vertically (ui/hud/fleetList.js). */
#fleetPanel{ left:8px; top:326px; width:229px; bottom:387px; }
#fleetPanel::before{ left:20px; }
#fleetHdSq{ left:0; top:2px; width:22px; height:22px; }
#fleetHd{ left:32px; top:0; }
#fleetHdLine{ left:22px; right:0; top:29px; }
#fleetSide{ left:2px; top:32px; bottom:3px; border-radius:0 0 3px 8px; }
#fleetList{ left:22px; top:32px; right:3px; bottom:4px; overflow-y:auto; padding:2px 4px 2px 3px; }
.card{ position:relative; display:block; width:100%; height:58px; margin-bottom:5px;
  border:1.5px solid #1d36a0; border-radius:6px; text-align:left;
  background:linear-gradient(180deg,#040a26,#01030f); transition:border-color .15s, box-shadow .15s; }
.card > *{ position:absolute; }
.card:hover{ border-color:#3552d6; }
.card.sel{ border-color:#f5bd5c; box-shadow:0 0 6px rgb(245 189 92 / .45), inset 0 0 8px rgb(245 189 92 / .12); }
.card .cIcon{ left:6px; top:5px; width:54px; height:45px; }
.card .cIcon svg{ width:100%; height:100%; }
.card .cn{ left:66px; right:6px; top:3px; font-size:14.5px; color:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.card .cc{ left:66px; right:6px; top:20px; font-size:14px; color:var(--uiText2); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.card .ch{ left:66px; right:6px; top:37px; font-size:13px; color:#dfe5ff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.card .bar{ left:118px; right:8px; top:41px; height:8px; border-radius:4px; background:#0a2a2a; }
.card .bar i{ border-radius:4px; }
.card.drone .ch{ right:auto; }