/* ═══ FUEL SYSTEM ═══ */
.fuel-pill {
  display:flex;align-items:center;gap:5px;
  background:var(--card);border:1.5px solid var(--border2);
  border-radius:18px;padding:4px 10px;cursor:pointer;
  transition:transform .15s;
}
.fuel-pill:hover{transform:scale(1.05);}
.fuel-pill .fuel-icon{font-size:16px;}
.fuel-pill .fuel-count{font-size:13px;font-weight:800;color:var(--text);}
.fuel-pill.low .fuel-count{color:#EF4444;animation:fuelPulse 1s ease-in-out infinite;}

/* Fuel Store Modal */
#fuel-modal-ov {
  position:fixed;inset:0;z-index:9000;
  background:rgba(var(--bg-rgb,7,16,31),.92);
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
  display:flex;align-items:flex-end;justify-content:center;
  animation:fadeIn .2s ease;
}
.fuel-modal-box {
  background:var(--bg2);border:1px solid var(--border2);
  border-radius:24px 24px 0 0;padding:28px 20px 40px;
  width:100%;max-width:500px;
}
.fuel-modal-box h2{font-size:20px;font-weight:900;text-align:center;margin-bottom:4px;}
.fuel-modal-box .fuel-modal-sub{font-size:13px;color:var(--muted);text-align:center;margin-bottom:20px;}
.fuel-pack-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;}
.fuel-pack {
  background:var(--card);border:1.5px solid var(--border2);
  border-radius:16px;padding:16px 12px;text-align:center;cursor:pointer;
  transition:all .2s;position:relative;
}
.fuel-pack:hover{border-color:#6366F1;background:rgba(99,102,241,.08);}
.fuel-pack.best-val{border-color:#F59E0B;}
.fuel-pack .best-badge{
  position:absolute;top:-10px;left:50%;transform:translateX(-50%);
  background:#F59E0B;color:#000;font-size:10px;font-weight:900;
  border-radius:8px;padding:2px 8px;white-space:nowrap;
}
.fuel-pack .pack-icon{font-size:28px;margin-bottom:6px;}
.fuel-pack .pack-liters{font-size:18px;font-weight:900;color:var(--text);}
.fuel-pack .pack-liters span{font-size:12px;font-weight:600;color:var(--muted);}
.fuel-pack .pack-price{font-size:15px;font-weight:800;color:#6366F1;margin-top:4px;}
.fuel-divider{text-align:center;color:var(--muted);font-size:12px;margin:12px 0;}
.fuel-modal-close{
  position:absolute;top:16px;right:16px;
  background:var(--card);border:1px solid var(--border2);
  border-radius:50%;width:32px;height:32px;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;font-size:16px;color:var(--muted);
}

/* Empty fuel modal */
#empty-fuel-ov {
  position:fixed;inset:0;z-index:9100;
  background:rgba(var(--bg-rgb,7,16,31),.92);
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
  display:flex;align-items:center;justify-content:center;
  padding:24px;animation:fadeIn .2s ease;
}
.empty-fuel-box {
  background:var(--bg2);border:1px solid var(--border2);
  border-radius:24px;padding:28px 24px;max-width:320px;width:100%;text-align:center;
}