/* FuelDash R199 — compact bottom-anchored station pills and inverted main navigation. */
html body #app .fuel-map[data-marker-mode="station"] .leaflet-marker-icon.fuel-map-marker {
  width: 94px !important;
  height: 42px !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
}

html body #app .fuel-map[data-marker-mode="station"] .fuel-map-marker .map-price-marker {
  box-sizing: border-box !important;
  width: 94px !important;
  min-width: 94px !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 5px 9px !important;
  border-radius: 22px !important;
  transform: none !important;
  transform-origin: 50% 100% !important;
}

html body #app .fuel-map[data-marker-mode="station"] .fuel-map-marker .map-price-marker.is-selected {
  transform: none !important;
}

html[data-fd-theme="dark"] body #app .fuel-tab-bar {
  border-color: #ff625a !important;
  background: #ff3b30 !important;
  background-color: #ff3b30 !important;
  background-image: none !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .58) !important;
}

html[data-fd-theme="dark"] body #app .fuel-tab-bar > button:not(.is-active) {
  border: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #080808 !important;
}

html[data-fd-theme="dark"] body #app .fuel-tab-bar > button.is-active,
html[data-fd-theme="dark"] body #app .fuel-tab-bar > button[aria-current="page"] {
  border: 0 !important;
  background: #080808 !important;
  background-color: #080808 !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #ffffff !important;
}