/* FuelDash V414 — route scale parity with the compact Search/Tankbuch hierarchy. */

html[data-fd-theme] body #app .fd-route-planner,
html[data-fd-theme] body #app .fd-route-planner :is(button, input) {
  font-family: inherit !important;
}

html[data-fd-theme] body #app .fd-route-planner {
  gap: 12px !important;
  padding: 2px 0 22px !important;
}

html[data-fd-theme] body #app .fd-route-heading h1,
html[data-fd-theme] body #app .fd-route-results > header h2,
html[data-fd-theme] body #app .fd-route-history-head h2 {
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  letter-spacing: -.25px !important;
}

html[data-fd-theme] body #app .fd-route-form-head strong {
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

html[data-fd-theme] body #app :is(.fd-route-heading, .fd-route-form-head, .fd-route-results > header) small,
html[data-fd-theme] body #app .fd-route-history-head > span {
  font-size: 10px !important;
  font-weight: 550 !important;
  line-height: 1.3 !important;
}

html[data-fd-theme] body #app .fd-route-control-group > small {
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

html[data-fd-theme] body #app :is(.fd-route-form, .fd-route-controls, .fd-route-summary) {
  border-radius: 16px !important;
}

html[data-fd-theme] body #app .fd-route-form {
  gap: 10px !important;
  padding: 13px !important;
}

html[data-fd-theme] body #app .fd-route-launch {
  min-height: 42px !important;
  margin: 6px 0 8px !important;
  padding: 7px 9px !important;
  border-radius: 12px !important;
}

html[data-fd-theme] body #app .fd-route-launch > svg {
  width: 18px !important;
  height: 18px !important;
}

html[data-fd-theme] body #app .fd-route-launch strong {
  font-size: 11px !important;
  font-weight: 700 !important;
}

html[data-fd-theme] body #app .fd-route-launch small {
  font-size: 9px !important;
}

html[data-fd-theme] body #app .fd-route-launch b {
  font-size: 18px !important;
}

html[data-fd-theme] body #app .fd-route-back {
  min-height: 34px !important;
  padding: 0 9px !important;
  border-radius: 9px !important;
  font-size: 10px !important;
}

html[data-fd-theme] body #app .fd-route-location-field {
  gap: 4px !important;
}

html[data-fd-theme] body #app .fd-route-location-field label {
  font-size: 11px !important;
}

html[data-fd-theme] body #app .fd-route-input-wrap {
  gap: 7px !important;
  min-height: 42px !important;
  padding: 0 10px !important;
  border-radius: 12px !important;
}

html[data-fd-theme] body #app .fd-route-input-wrap > svg {
  width: 17px !important;
  height: 17px !important;
}

html[data-fd-theme] body #app .fd-route-input-wrap input {
  font-size: 16px !important;
}

html[data-fd-theme] body #app .fd-route-clear {
  width: 26px !important;
  height: 26px !important;
  font-size: 20px !important;
}

html[data-fd-theme] body #app .fd-route-suggestions button {
  min-height: 40px !important;
  padding: 8px 10px !important;
  gap: 8px !important;
}

html[data-fd-theme] body #app .fd-route-suggestions strong {
  font-size: 12px !important;
}

html[data-fd-theme] body #app .fd-route-suggestions small {
  font-size: 10px !important;
}

html[data-fd-theme] body #app :is(.fd-route-location-button, .fd-route-refresh) {
  font-size: 10px !important;
}

html[data-fd-theme] body #app .fd-route-submit {
  min-height: 42px !important;
  border-radius: 11px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

html[data-fd-theme] body #app .fd-route-submit > span {
  font-size: 17px !important;
}

html[data-fd-theme] body #app .fd-route-controls {
  gap: 12px !important;
  padding: 13px !important;
}

html[data-fd-theme] body #app .fd-route-control-line {
  gap: 12px !important;
}

html[data-fd-theme] body #app .fd-route-control-group {
  gap: 6px !important;
}

html[data-fd-theme] body #app .fd-route-segmented {
  gap: 5px !important;
}

html[data-fd-theme] body #app .fd-route-segmented button {
  min-height: 38px !important;
  border-radius: 10px !important;
  font-size: 11px !important;
  font-weight: 650 !important;
}

html[data-fd-theme] body #app :is(.fd-route-mode-note, .fd-route-help) {
  font-size: 11px !important;
  line-height: 1.4 !important;
}

html[data-fd-theme] body #app .fd-route-detour-control {
  padding-top: 11px !important;
}

html[data-fd-theme] body #app .fd-route-summary {
  gap: 11px !important;
  padding: 13px !important;
}

html[data-fd-theme] body #app .fd-route-summary-head {
  grid-template-columns: minmax(0, 1fr) 34px !important;
  gap: 10px !important;
}

html[data-fd-theme] body #app .fd-route-summary-route {
  gap: 4px !important;
}

html[data-fd-theme] body #app .fd-route-summary-route > small {
  font-size: 10px !important;
}

html[data-fd-theme] body #app .fd-route-summary-route strong {
  gap: 2px 6px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.22 !important;
}

html[data-fd-theme] body #app .fd-route-summary-distance {
  font-size: 11px !important;
}

html[data-fd-theme] body #app .fd-route-summary-pin {
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
}

html[data-fd-theme] body #app .fd-route-summary-meta {
  padding-top: 10px !important;
}

html[data-fd-theme] body #app .fd-route-best-note {
  gap: 8px !important;
  padding-top: 11px !important;
}

html[data-fd-theme] body #app .fd-route-best-note strong {
  font-size: 13px !important;
  font-weight: 700 !important;
}

html[data-fd-theme] body #app .fd-route-results {
  gap: 7px !important;
}

html[data-fd-theme] body #app .fd-route-results > header h2 {
  font-size: 18px !important;
}

html[data-fd-theme] body #app .fd-route-result-list {
  gap: 8px !important;
}

html[data-fd-theme] body #app .fd-route-result-row {
  border-radius: 18px !important;
}

html[data-fd-theme] body #app .fd-route-result-main {
  grid-template-columns: 40px minmax(0,1fr) auto !important;
  gap: 8px !important;
  padding: 11px !important;
}

html[data-fd-theme] body #app .fd-route-result-copy > strong {
  font-size: 14px !important;
  font-weight: 700 !important;
}

html[data-fd-theme] body #app .fd-route-result-copy > small.fd-route-result-address {
  font-size: 10px !important;
}

html[data-fd-theme] body #app .fd-route-result-price {
  min-width: 62px !important;
}

html[data-fd-theme] body #app .fd-route-result-price strong {
  font-size: 16px !important;
}

html[data-fd-theme] body #app .fd-route-result-price small {
  font-size: 10px !important;
}

html[data-fd-theme] body #app .fd-route-result-fuel {
  margin-top: 3px !important;
  font-size: 11px !important;
}

html[data-fd-theme] body #app .fd-route-result-logo {
  width: 40px !important;
  height: 40px !important;
  padding: 4px !important;
  border-radius: 10px !important;
}

html[data-fd-theme] body #app .fd-route-result-logo img {
  max-width: 32px !important;
  max-height: 32px !important;
}

html[data-fd-theme] body #app .fd-route-result-actions {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  justify-content: stretch !important;
  gap: 7px !important;
  padding: 0 11px 11px 61px !important;
}

html[data-fd-theme] body #app .fd-route-result-actions a {
  min-height: 40px !important;
  padding: 5px 9px !important;
  border-radius: 11px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}

html[data-fd-theme] body #app .fd-route-result-actions a .fd-map-provider-icon {
  width: 21px !important;
  height: 21px !important;
  flex: 0 0 21px !important;
  border-radius: 6px !important;
}

html[data-fd-theme] body #app .fd-route-map {
  height: 240px !important;
  border-radius: 20px !important;
}

html[data-fd-theme] body #app .fd-route-map .leaflet-control-zoom a {
  width: 30px !important;
  height: 30px !important;
  line-height: 30px !important;
}

html[data-fd-theme] body #app .fd-route-map-legend {
  gap: 10px !important;
  margin-top: 6px !important;
  font-size: 10px !important;
}

@media (max-width: 390px) {
  html[data-fd-theme] body #app .fd-route-result-actions {
    padding-left: 57px !important;
  }

  html[data-fd-theme] body #app .fd-route-map {
    height: 220px !important;
  }
}