/* ===== Refuelling timestamp: its own compact TIME column (never overlaps neighbours) ===== */
#fuelLogDays td.ts-cell{white-space:nowrap;text-align:center;padding:4px 6px}
.ts-btn{padding:2px 9px;font-size:11px;line-height:1.6;min-width:46px;white-space:nowrap}
.ts-btn.set{background:var(--accent);border-color:var(--accent2);color:#fff;font-variant-numeric:tabular-nums}
/* ===== Fleet table: rows are clickable (open edit modal), no inline inputs ===== */
.fleet-row{cursor:pointer}
.fleet-row:hover td{background:var(--btnhover)}
.fleet-row.active-ac{outline:2px solid var(--accent);outline-offset:-2px}
td.fleet-empty{color:var(--muted);font-style:italic;padding:16px;text-align:center}
/* Fuel Tank REMAIN status by % of total: ≥76 green, 51-75 purple, 26-50 yellow, ≤25 red */
td.fuel-green{background:var(--goodbg)!important;color:var(--pillok)!important;font-weight:800}
td.fuel-purple{background:var(--purplebg)!important;color:var(--pillpurple)!important;font-weight:800}
td.fuel-yellow{background:var(--warnbg)!important;color:var(--pillwarn)!important;font-weight:800}
td.fuel-red{background:var(--badbg)!important;color:var(--pillerr)!important;font-weight:800}
/* REMAIN is the key figure — always bold (colour classes above keep their own weight) */
td.tank-rem{font-weight:700}