#fuel .fuel-modes{display:grid;grid-template-columns:1fr 1fr;gap:3px;margin:0 0 10px;
  padding:3px;border-radius:12px;background:var(--raise);border:1px solid var(--edge)}
#fuel .fuel-modes button{border:0;border-radius:9px;background:transparent;color:var(--mute);
  min-height:36px;font:600 13px var(--f-head);cursor:pointer}
#fuel .fuel-modes button[aria-selected="true"]{background:var(--pin-bg);color:var(--ink);box-shadow:var(--depth-1)}
#fuel #fuelFilterBar[hidden]{display:none}
#routeView{padding:0 0 10px;color:var(--ink)}
#routeView .route-form{display:grid;gap:8px}
#routeView .route-fields,#routeView .route-time,#routeView .route-vehicle,
#routeView .route-summary,#routeView .route-station-section{margin:0;padding:11px;
  border:1px solid var(--edge);border-radius:14px;background:var(--raise)}
#routeView .route-fields,#routeView .route-vehicle{display:grid;gap:6px}
#routeView label,#routeView legend{font-size:12px;font-weight:600;color:var(--ink)}
#routeView label:not(.route-check){display:grid;gap:4px;min-width:0}
#routeView [hidden]{display:none!important}
#routeView input:not([type="checkbox"]),#routeView select{box-sizing:border-box;width:100%;min-width:0;
  border:1px solid var(--edge);border-radius:9px;padding:8px 10px;background:var(--pin-bg);
  color:var(--ink);font:inherit;font-size:14px}
#routeView input[type="datetime-local"]{width:auto;padding-inline:8px}
#routeView input:focus-visible,#routeView select:focus-visible,#routeView button:focus-visible,
#fuel .fuel-modes button:focus-visible{outline:2px solid var(--sodium);outline-offset:2px}
#routeView .route-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}
#routeView button{cursor:pointer}
#routeView .route-input-row button,#routeView .route-profile-actions button{border:1px solid var(--edge);
  border-radius:9px;background:var(--pin-bg);color:var(--ink);padding:7px 9px;font:600 12px var(--f-head)}
#routeView .route-choices{display:grid;gap:3px}
#routeView .route-choices:empty{display:none}
#routeView .route-choices button{text-align:start;border:0;border-radius:7px;padding:9px;
  background:var(--pin-bg);color:var(--ink);font:inherit;font-size:13px}
#routeView .route-check{display:flex;align-items:center;gap:7px;line-height:1.3}
#routeView .route-time{display:grid;gap:6px;min-width:0}
#routeView .route-vehicle{padding:7px 11px}
#routeView .route-vehicle summary{cursor:pointer;font:600 14px/1.2 var(--f-head)}
#routeView .route-vehicle[open] summary{margin-bottom:5px}
#routeView .route-vehicle small{font-size:11px;color:var(--mute)}
#routeView .route-profile-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
#routeView .route-submit{border:0;border-radius:11px;padding:11px;background:var(--sodium);
  color:white;font:700 14px var(--f-head)}
#routeView .route-note,#routeView .route-error{margin:0;font-size:12px;line-height:1.45;color:var(--mute)}
#routeView .route-error:not(:empty){color:var(--accent-soft)}
#routeView h3{font:600 15px var(--f-head);margin:0 0 8px}
#routeView .route-summary,#routeView .route-station-section{margin-top:10px}
#routeView .route-stats{display:grid;gap:0;margin-bottom:8px}
#routeView .route-stats>div{display:flex;justify-content:space-between;gap:12px;padding:5px 0;
  border-bottom:1px solid var(--edge);font-size:12px}
#routeView .route-stats strong{text-align:end;font-variant-numeric:tabular-nums}
#routeView .route-stops{display:grid;gap:6px;margin-bottom:10px;font-size:12px}
#routeView .route-stops span{display:flex;justify-content:space-between;align-items:center;gap:8px}
#routeView .route-stops button{border:1px solid var(--edge);border-radius:7px;background:var(--pin-bg);color:var(--ink);min-width:26px;min-height:26px}
#routeView .route-station-list{display:grid;gap:6px;margin-top:8px;max-height:390px;overflow:auto}
#routeView .route-station{display:grid;gap:4px;width:100%;padding:8px;border:1px solid var(--edge);border-radius:10px;background:var(--pin-bg);color:var(--ink);text-align:start}
#routeView .route-station.is-selected{border-color:#8166d9;box-shadow:0 0 0 2px #8166d944}
#routeView .route-station strong{font-size:13px}
#routeView .route-station small{font-size:11px;color:var(--mute)}
#routeView .route-cheapest{color:#438b65!important;font-weight:700}
#routeView .route-station-detail{margin-top:12px;padding:13px;border:1px solid #8166d9;border-radius:12px;background:var(--pin-bg)}
#routeView .route-station-detail p{margin:5px 0;font-size:12px;line-height:1.4}
#routeView .route-station-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}
#routeView .route-station-actions :is(button,a){border:1px solid var(--edge);border-radius:8px;padding:8px 10px;background:var(--raise);color:var(--ink);font:600 12px var(--f-head);text-decoration:none}
#routeView .route-station-actions [disabled]{opacity:.5;cursor:not-allowed}
.route-map-endpoint{display:grid;place-items:center;width:30px;height:30px;border:3px solid #fff;border-radius:50%;box-shadow:0 2px 12px #0007;color:#fff;font:800 14px sans-serif;z-index:710}