.fleet-fuel-panel{width:260px;max-width:calc(100vw - 70px);box-sizing:border-box;background:#fff;color:#243c48;padding:9px 14px;border-radius:10px;box-shadow:0 2px 10px #0002;font:12px/1.45 Arial,sans-serif}
.fleet-fuel-panel .fuel-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.fleet-fuel-panel label{display:flex;align-items:center;gap:7px;cursor:pointer}.fleet-fuel-panel .fuel-header label{font-weight:700;font-size:13px}.fleet-fuel-panel input{accent-color:#087e82;width:16px;height:16px;margin:0;flex-shrink:0}.fleet-fuel-panel button{width:auto;height:auto;background:transparent;border:0;color:#087e82;padding:4px;font:11px Arial,sans-serif;cursor:pointer}.fleet-fuel-panel button:focus-visible{outline:2px solid #087e82}.fleet-fuel-panel [hidden]{display:none!important}.fleet-fuel-panel .fuel-brands{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.fleet-fuel-panel .fuel-swatch{width:10px;height:10px;border-radius:50%;flex-shrink:0}.fleet-fuel-panel .fuel-zone-toggle{font-size:11px}.fleet-fuel-panel .fuel-note{font-size:10px;color:#647983;margin:8px 0 4px}.fleet-fuel-panel a{color:#087e82}.fleet-fuel-panel .fuel-source{font-size:10px}.fleet-fuel-panel .fuel-status{font-size:11px;color:#526b77;margin-top:7px}.fleet-fuel-panel .fuel-details{margin-top:8px;padding-top:8px;border-top:1px solid #dae4e7;font-size:11px;overflow-wrap:anywhere}.fleet-fuel-panel .fuel-details strong{font-size:14px}.fleet-fuel-panel .fuel-details div{margin:4px 0}
@media(max-width:600px){.fleet-fuel-panel{width:230px;padding:8px 10px}.fleet-fuel-panel #fuel-filter-content,.fleet-fuel-panel .fuel-details{max-height:220px;overflow:auto}}