/* PAGE 6 — EV CHARGING */
.charger-unit {
  display:inline-block; width:70px;
  background:linear-gradient(180deg,var(--navy-mid),var(--navy));
  border:2px solid rgba(0,230,118,.4); border-radius:10px;
  padding:10px 5px; margin:8px; vertical-align:top;
  box-shadow:0 0 16px rgba(0,230,118,.18);
}
.charger-unit.fast { border-color:rgba(0,229,255,.52); box-shadow:0 0 16px rgba(0,229,255,.2); }
.charger-unit.swap { border-color:rgba(224,64,251,.52); box-shadow:0 0 16px rgba(224,64,251,.2); }
.charger-screen { background:var(--black); border-radius:4px; padding:4px; font-family:'Orbitron',monospace; font-size:.52rem; color:var(--green-neon); margin-bottom:5px; }
.charger-screen.fast-s { color:var(--cyan); }
.charger-screen.swap-s { color:var(--purple); }
.batt-bar { height:8px; background:rgba(255,255,255,.1); border-radius:4px; overflow:hidden; margin:4px 0; }
.batt-fill { height:100%; border-radius:4px; animation:charge 4s ease-in-out infinite; }
.batt-fill.ac   { background:linear-gradient(90deg,var(--green-neon),#69f0ae); }
.batt-fill.dc   { background:linear-gradient(90deg,var(--cyan),#80d8ff); animation-delay:.5s; }
.batt-fill.sw   { background:linear-gradient(90deg,var(--purple),#ea80fc); animation-duration:1.5s; }
@keyframes charge { 0%{width:15%} 100%{width:92%} }
.chg-label { font-size:.52rem; color:rgba(240,244,255,.55); font-family:'Rajdhani',sans-serif; }
.plug-ico   { font-size:1.1rem; display:block; margin-bottom:3px; }

/* Slot grid */
.slot-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; }
.slot-btn {
  padding:.5rem; text-align:center; border-radius:var(--radius-sm);
  font-family:'Rajdhani',sans-serif; font-size:.68rem; font-weight:600;
  cursor:pointer; transition:all .22s; border:1px solid;
}
.slot-btn.avail   { background:rgba(0,230,118,.1);  border-color:rgba(0,230,118,.4);  color:var(--green-neon); }
.slot-btn.booked  { background:rgba(255,82,82,.1);   border-color:rgba(255,82,82,.3);  color:#ff5252; cursor:not-allowed; }
.slot-btn.selected{ background:rgba(0,230,118,.28);  border-color:var(--green-neon);   color:#fff; }
.slot-btn.avail:hover { background:rgba(0,230,118,.24); }

.chg-station-visual {
  background:linear-gradient(135deg,rgba(0,230,118,.05),rgba(0,229,255,.05));
  border:1px solid rgba(0,230,118,.22); border-radius:var(--radius-lg); padding:2rem; text-align:center;
}