/* FuelDash R119 — component-scoped consistency system based on the accepted Tankbuch language. */
:root {
  --fd-r119-page-dark: #050505;
  --fd-r119-page-light: #f5f5f7;
  --fd-r119-card-dark: linear-gradient(145deg, rgba(22,22,25,.94), rgba(9,9,11,.97));
  --fd-r119-card-light: linear-gradient(145deg, rgba(255,255,255,.97), rgba(235,235,240,.91));
  --fd-r119-tile-dark: linear-gradient(145deg, rgba(43,43,48,.88), rgba(25,25,29,.92));
  --fd-r119-tile-light: linear-gradient(145deg, rgba(255,255,255,.98), rgba(230,230,235,.90));
  --fd-r119-control-dark: linear-gradient(145deg, rgba(45,45,50,.84), rgba(24,24,28,.91));
  --fd-r119-control-light: linear-gradient(145deg, rgba(255,255,255,.98), rgba(231,231,236,.90));
  --fd-r119-red-glass: linear-gradient(145deg, rgba(255,59,48,.88), rgba(181,28,24,.77));
  --fd-r119-red-glass-light: linear-gradient(145deg, rgba(255,59,48,.90), rgba(220,43,36,.80));
  --fd-r119-border-dark: rgba(255,255,255,.09);
  --fd-r119-border-light: rgba(35,35,40,.13);
  --fd-r119-card-shadow-dark: inset 0 1px rgba(255,255,255,.055), 0 16px 36px rgba(0,0,0,.22);
  --fd-r119-card-shadow-light: inset 0 1px rgba(255,255,255,.98), 0 12px 30px rgba(35,35,42,.09);
  --fd-r119-control-shadow-dark: inset 0 1px rgba(255,255,255,.05), 0 8px 20px rgba(0,0,0,.15);
  --fd-r119-control-shadow-light: inset 0 1px rgba(255,255,255,.98), 0 8px 18px rgba(35,35,42,.07);
  --fd-r119-radius-card: 22px;
  --fd-r119-radius-tile: 16px;
  --fd-r119-radius-control: 14px;
  --fd-r119-gap: 16px;
  --fd-r119-red: #ff3b30;
  --fd-r119-mint: #43f2bf;
  --fd-r119-orange: #ff9f43;
  --fd-r119-text-dark: #f7f7f8;
  --fd-r119-text-light: #171719;
  --fd-r119-muted-dark: #99999f;
  --fd-r119-muted-light: #6f6f77;
}

/* Page backgrounds are continuous; structural wrappers never paint an extra layer. */
html[data-fd-theme="dark"],
html[data-fd-theme="dark"] body,
html[data-fd-theme="dark"] #app,
html[data-fd-theme="dark"] #app .app-shell,
html[data-fd-theme="dark"] #app .app-content,
html[data-fd-theme="dark"] .fd-feature-page,
html[data-fd-theme="dark"] .fd-feature-shell,
html[data-fd-theme="dark"] .fd-feature-content,
html[data-fd-theme="dark"] .fd-alert-modal {
  background-color: var(--fd-r119-page-dark) !important;
}
html[data-fd-theme="light"],
html[data-fd-theme="light"] body,
html[data-fd-theme="light"] #app,
html[data-fd-theme="light"] #app .app-shell,
html[data-fd-theme="light"] #app .app-content,
html[data-fd-theme="light"] .fd-feature-page,
html[data-fd-theme="light"] .fd-feature-shell,
html[data-fd-theme="light"] .fd-feature-content,
html[data-fd-theme="light"] .fd-alert-modal {
  background-color: var(--fd-r119-page-light) !important;
}

/* One top-level card family. Selectors are explicit to avoid styling layout and hit-target elements. */
html body #app :is(
  .glass-card,
  .fd-best,
  .favorites-block,
  .station-result,
  .search-suggestion-panel,
  .menu-card,
  .detail-card,
  .station-detail-card,
  .primary-station-card,
  .dashboard-advice-card,
  .detail-advice-card,
  .route-options,
  .empty-state,
  .live-error
),
html body .fd-feature-page :is(
  .fd-feature-card,
  .fd-theme-choice,
  .fd-account-page-status,
  .fd-account-page-card,
  .fd-account-recovery-card,
  .fd-tank-history
),
html body .fd-alert-modal :is(
  .fd-alert-status,
  .fd-alert-row,
  .fd-alert-station,
  .fd-alert-empty
),
html body .fd-account-sheet__panel {
  box-sizing: border-box !important;
  border: 1px solid var(--fd-r119-border-dark) !important;
  border-radius: var(--fd-r119-radius-card) !important;
  background-color: transparent !important;
  background-image: var(--fd-r119-card-dark) !important;
  box-shadow: var(--fd-r119-card-shadow-dark) !important;
  -webkit-backdrop-filter: blur(24px) saturate(126%) !important;
  backdrop-filter: blur(24px) saturate(126%) !important;
  color: var(--fd-r119-text-dark) !important;
}
html[data-fd-theme="light"] body #app :is(
  .glass-card,
  .fd-best,
  .favorites-block,
  .station-result,
  .search-suggestion-panel,
  .menu-card,
  .detail-card,
  .station-detail-card,
  .primary-station-card,
  .dashboard-advice-card,
  .detail-advice-card,
  .route-options,
  .empty-state,
  .live-error
),
html[data-fd-theme="light"] body .fd-feature-page :is(
  .fd-feature-card,
  .fd-theme-choice,
  .fd-account-page-status,
  .fd-account-page-card,
  .fd-account-recovery-card,
  .fd-tank-history
),
html[data-fd-theme="light"] body .fd-alert-modal :is(
  .fd-alert-status,
  .fd-alert-row,
  .fd-alert-station,
  .fd-alert-empty
),
html[data-fd-theme="light"] body .fd-account-sheet__panel {
  border-color: var(--fd-r119-border-light) !important;
  background-color: transparent !important;
  background-image: var(--fd-r119-card-light) !important;
  box-shadow: var(--fd-r119-card-shadow-light) !important;
  color: var(--fd-r119-text-light) !important;
}

/* Cards use one spacing rhythm while retaining their established layout. */
.fd-feature-page .fd-feature-content,
.fd-alert-modal .fd-alert-grid,
.fd-alert-modal .fd-alert-stations {
  gap: var(--fd-r119-gap) !important;
}
.fd-feature-page .fd-feature-content > *,
.fd-feature-page :is(.fd-feature-card,.fd-theme-choice,.fd-tank-history),
#app :is(.dashboard-section,.station-result,.menu-card,.detail-card) {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Nested tiles and contained statistics use a quieter second glass depth. */
html body .fd-feature-page :is(
  .fd-tank-summary article,
  .fd-month-grid article,
  .fd-tank-entry,
  .fd-tank-empty
),
html body #app :is(
  .detail-price-card,
  .detail-price-grid > *,
  .primary-station-card__facts > span,
  .primary-station-card__insights > div
) {
  box-sizing: border-box !important;
  border: 1px solid var(--fd-r119-border-dark) !important;
  border-radius: var(--fd-r119-radius-tile) !important;
  background-color: transparent !important;
  background-image: var(--fd-r119-tile-dark) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.04) !important;
  -webkit-backdrop-filter: blur(18px) saturate(122%) !important;
  backdrop-filter: blur(18px) saturate(122%) !important;
}
html[data-fd-theme="light"] body .fd-feature-page :is(
  .fd-tank-summary article,
  .fd-month-grid article,
  .fd-tank-entry,
  .fd-tank-empty
),
html[data-fd-theme="light"] body #app :is(
  .detail-price-card,
  .detail-price-grid > *,
  .primary-station-card__facts > span,
  .primary-station-card__insights > div
) {
  border-color: var(--fd-r119-border-light) !important;
  background-image: var(--fd-r119-tile-light) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.98), 0 7px 17px rgba(35,35,42,.06) !important;
}

/* Search field is one glass control; its input and icon remain transparent inside it. */
html body #app .search-field {
  box-sizing: border-box !important;
  border: 1px solid var(--fd-r119-border-dark) !important;
  border-radius: 18px !important;
  background-color: transparent !important;
  background-image: var(--fd-r119-control-dark) !important;
  box-shadow: var(--fd-r119-control-shadow-dark) !important;
  -webkit-backdrop-filter: blur(20px) saturate(124%) !important;
  backdrop-filter: blur(20px) saturate(124%) !important;
}
html body #app .search-field :is(input,.search-field-action,.search-field-clear) {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
html[data-fd-theme="light"] body #app .search-field {
  border-color: var(--fd-r119-border-light) !important;
  background-image: var(--fd-r119-control-light) !important;
  box-shadow: var(--fd-r119-control-shadow-light) !important;
}

/* Neutral controls. Text-only links and structural toggles are intentionally excluded. */
html body #app :is(
  .refresh-pill,
  .route-trigger,
  .favorite-toggle,
  .detail-favorite,
  .map-location-control,
  .fd-live-location-button,
  .primary-station-action,
  .station-sort button,
  .fuel-filter button,
  .fuel-preference button,
  .nearby-radius button,
  .route-options a
),
html body .fd-feature-page :is(
  .fd-auth-secondary,
  .fd-backup-actions button,
  .fd-tank-delete
),
html body .fd-alert-modal :is(.fd-alert-test),
html body .tab-stepper__controls button {
  box-sizing: border-box !important;
  border: 1px solid var(--fd-r119-border-dark) !important;
  border-radius: var(--fd-r119-radius-control) !important;
  background-color: transparent !important;
  background-image: var(--fd-r119-control-dark) !important;
  box-shadow: var(--fd-r119-control-shadow-dark) !important;
  -webkit-backdrop-filter: blur(20px) saturate(124%) !important;
  backdrop-filter: blur(20px) saturate(124%) !important;
  color: var(--fd-r119-text-dark) !important;
}
html[data-fd-theme="light"] body #app :is(
  .refresh-pill,
  .route-trigger,
  .favorite-toggle,
  .detail-favorite,
  .map-location-control,
  .fd-live-location-button,
  .primary-station-action,
  .station-sort button,
  .fuel-filter button,
  .fuel-preference button,
  .nearby-radius button,
  .route-options a
),
html[data-fd-theme="light"] body .fd-feature-page :is(
  .fd-auth-secondary,
  .fd-backup-actions button,
  .fd-tank-delete
),
html[data-fd-theme="light"] body .fd-alert-modal :is(.fd-alert-test),
html[data-fd-theme="light"] body .tab-stepper__controls button {
  border-color: var(--fd-r119-border-light) !important;
  background-image: var(--fd-r119-control-light) !important;
  box-shadow: var(--fd-r119-control-shadow-light) !important;
  color: #303036 !important;
}

/* Icon controls keep the accepted profile-button geometry. */
html body :is(
  .fd-profile-button,
  .fd-app-reload,
  .fd-feature-back,
  .detail-close,
  .fd-alert-close,
  .fd-account-sheet__close,
  .round-button
) {
  box-sizing: border-box !important;
  border: 1px solid var(--fd-r119-border-dark) !important;
  background-color: transparent !important;
  background-image: var(--fd-r119-control-dark) !important;
  box-shadow: var(--fd-r119-control-shadow-dark) !important;
  -webkit-backdrop-filter: blur(22px) saturate(124%) !important;
  backdrop-filter: blur(22px) saturate(124%) !important;
  color: var(--fd-r119-text-dark) !important;
}
html[data-fd-theme="light"] body :is(
  .fd-profile-button,
  .fd-app-reload,
  .fd-feature-back,
  .detail-close,
  .fd-alert-close,
  .fd-account-sheet__close,
  .round-button
) {
  border-color: var(--fd-r119-border-light) !important;
  background-image: var(--fd-r119-control-light) !important;
  box-shadow: var(--fd-r119-control-shadow-light) !important;
  color: #303036 !important;
}

/* Inputs and selectors use control glass. Search-field input is handled above to prevent double glass. */
html body .fd-feature-page :is(input,select,textarea),
html body .fd-alert-modal :is(select,input[type="time"],input[type="number"]),
html body .fd-account-sheet__panel :is(input,select,textarea) {
  box-sizing: border-box !important;
  border: 1px solid var(--fd-r119-border-dark) !important;
  border-radius: var(--fd-r119-radius-control) !important;
  background-color: transparent !important;
  background-image: var(--fd-r119-control-dark) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.045) !important;
  color: var(--fd-r119-text-dark) !important;
}
html[data-fd-theme="light"] body .fd-feature-page :is(input,select,textarea),
html[data-fd-theme="light"] body .fd-alert-modal :is(select,input[type="time"],input[type="number"]),
html[data-fd-theme="light"] body .fd-account-sheet__panel :is(input,select,textarea) {
  border-color: var(--fd-r119-border-light) !important;
  background-image: var(--fd-r119-control-light) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.98) !important;
  color: var(--fd-r119-text-light) !important;
}

/* Selected and primary actions share one translucent red family. */
html body :is(
  .fd-auth-primary,
  .fd-tank-submit,
  .fd-alert-enable,
  .fd-auth-switch button.is-active
),
html body #app :is(
  .station-sort button.is-active,
  .fuel-filter button.is-active,
  .fuel-preference button.is-active,
  .nearby-radius button.is-active,
  .primary-station-action.is-active
) {
  border: 1px solid rgba(255,59,48,.72) !important;
  border-radius: var(--fd-r119-radius-control) !important;
  background-color: transparent !important;
  background-image: var(--fd-r119-red-glass) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.18), 0 10px 24px rgba(255,59,48,.14) !important;
  -webkit-backdrop-filter: blur(20px) saturate(135%) !important;
  backdrop-filter: blur(20px) saturate(135%) !important;
  color: #fff !important;
}
html[data-fd-theme="light"] body :is(
  .fd-auth-primary,
  .fd-tank-submit,
  .fd-alert-enable,
  .fd-auth-switch button.is-active
),
html[data-fd-theme="light"] body #app :is(
  .station-sort button.is-active,
  .fuel-filter button.is-active,
  .fuel-preference button.is-active,
  .nearby-radius button.is-active,
  .primary-station-action.is-active
) {
  border-color: rgba(255,59,48,.70) !important;
  background-image: var(--fd-r119-red-glass-light) !important;
  color: #fff !important;
}

/* Structural interaction elements: absolutely no card plate, haze, shadow, or blur. */
html body #app .tab-stepper,
html body #app .tab-stepper__toggle,
html body #app .search-availability-filter,
html body #app .search-availability-filter button,
html body #app .fd-best__tap,
html body .fd-feature-page details,
html body .fd-feature-page details[open],
html body .fd-feature-page details > div,
html body .fd-feature-page details summary,
html body .fd-account-sheet__backdrop {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  filter: none !important;
}
html body #app .tab-stepper__toggle::before,
html body #app .tab-stepper__toggle::after,
html body #app .search-availability-filter::before,
html body #app .search-availability-filter::after,
html body #app .search-availability-filter button::before,
html body #app .search-availability-filter button::after,
html body #app .fd-best__tap::before,
html body #app .fd-best__tap::after,
html body .fd-feature-page details summary::before {
  content: none !important;
  display: none !important;
}
html body #app .tab-stepper__toggle > span {
  background: var(--fd-r119-red) !important;
  background-image: none !important;
  box-shadow: none !important;
}
html body #app .tab-stepper__controls {
  border: 1px solid var(--fd-r119-border-dark) !important;
  border-radius: 27px !important;
  background-color: transparent !important;
  background-image: var(--fd-r119-card-dark) !important;
  box-shadow: var(--fd-r119-card-shadow-dark) !important;
  -webkit-backdrop-filter: blur(24px) saturate(126%) !important;
  backdrop-filter: blur(24px) saturate(126%) !important;
}
html[data-fd-theme="light"] body #app .tab-stepper__controls {
  border-color: var(--fd-r119-border-light) !important;
  background-image: var(--fd-r119-card-light) !important;
  box-shadow: var(--fd-r119-card-shadow-light) !important;
}
html body #app .tab-stepper__controls button {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  color: var(--fd-r119-red) !important;
}

/* Closed-stations row: plain text row, only the checkbox carries state. */
html body #app .search-availability-filter button {
  color: var(--fd-r119-muted-dark) !important;
}
html[data-fd-theme="light"] body #app .search-availability-filter button {
  color: var(--fd-r119-text-light) !important;
}
html body #app .search-availability-filter__box {
  box-sizing: border-box !important;
  border: 1.5px solid rgba(255,255,255,.38) !important;
  border-radius: 4px !important;
  background: rgba(255,255,255,.025) !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
html[data-fd-theme="light"] body #app .search-availability-filter__box {
  border-color: #8d8d94 !important;
  background: #fff !important;
}
html body #app .search-availability-filter button.is-active {
  color: var(--fd-r119-text-dark) !important;
}
html[data-fd-theme="light"] body #app .search-availability-filter button.is-active {
  color: var(--fd-r119-text-light) !important;
}
html body #app .search-availability-filter button.is-active .search-availability-filter__box {
  border-color: var(--fd-r119-red) !important;
  background: var(--fd-r119-red) !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Bottom navigation is glass, but never has an additional rectangular pseudo-layer. */
html body #app .fuel-tab-bar {
  border: 1px solid var(--fd-r119-border-dark) !important;
  background-color: transparent !important;
  background-image: var(--fd-r119-card-dark) !important;
  box-shadow: var(--fd-r119-card-shadow-dark) !important;
  -webkit-backdrop-filter: blur(26px) saturate(132%) !important;
  backdrop-filter: blur(26px) saturate(132%) !important;
}
html[data-fd-theme="light"] body #app .fuel-tab-bar {
  border-color: var(--fd-r119-border-light) !important;
  background-image: var(--fd-r119-card-light) !important;
  box-shadow: var(--fd-r119-card-shadow-light) !important;
}
html body #app .fuel-tab-bar::before,
html body #app .fuel-tab-bar::after {
  content: none !important;
  display: none !important;
}

/* Text-only links retain their hierarchy and never become pills. */
html body :is(.fd-auth-link,.station-detail-link,.about-build) {
  background: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* Semantic status colors remain identical in both themes. */
html body #app :is(.price-change.is-lower,.fd-best__trend.is-lower,.fd-best__trend.is-lower i),
html[data-fd-theme="light"] body #app :is(.price-change.is-lower,.fd-best__trend.is-lower,.fd-best__trend.is-lower i) {
  color: var(--fd-r119-mint) !important;
  fill: var(--fd-r119-mint) !important;
  stroke: var(--fd-r119-mint) !important;
  text-shadow: none !important;
}
html body #app :is(.price-change.is-higher,.fd-best__trend.is-higher,.fd-best__trend.is-higher i),
html[data-fd-theme="light"] body #app :is(.price-change.is-higher,.fd-best__trend.is-higher,.fd-best__trend.is-higher i) {
  color: var(--fd-r119-red) !important;
  fill: var(--fd-r119-red) !important;
  stroke: var(--fd-r119-red) !important;
  text-shadow: none !important;
}
.fd-alert-status[data-tone="active"],
.fd-account-page-status[data-cloud-tone="active"] h2 { color: var(--fd-r119-mint) !important; }
.fd-alert-status[data-tone="inactive"],
.fd-account-page-status[data-cloud-tone="inactive"] h2 { color: var(--fd-r119-red) !important; }
.fd-alert-status[data-tone="error"],
.fd-alert-status[data-tone="pending"],
.fd-account-page-status[data-cloud-tone="error"] h2 { color: var(--fd-r119-orange) !important; }

/* Disabled, focus, and active states are controlled without adding new overlay plates. */
html body :is(button,input,select,textarea):focus-visible {
  outline: 2px solid rgba(255,59,48,.78) !important;
  outline-offset: 2px !important;
}
html body :is(button,input,select,textarea):disabled,
html body button[aria-disabled="true"] {
  opacity: .48 !important;
  filter: saturate(.65) !important;
  cursor: default !important;
}
html body button:active:not(:disabled):not([aria-disabled="true"]) {
  transform: scale(.985);
}
html body :is(.tab-stepper__toggle,.fd-best__tap,.search-availability-filter button,.fd-account-sheet__backdrop):active {
  transform: none !important;
}

/* Keep the accepted compact feature-page scale. */
@media (max-width: 520px) {
  .fd-feature-page .fd-feature-content { gap: var(--fd-r119-gap) !important; }
  .fd-feature-page :is(.fd-feature-card,.fd-theme-choice,.fd-tank-history) { border-radius: 21px !important; }
}

/* Final specificity guards for established feature/account selectors. */
html body .fd-feature-page[data-fd-feature-view] :is(
  .fd-feature-card,
  .fd-theme-choice,
  .fd-account-page-status,
  .fd-account-page-card,
  .fd-account-recovery-card,
  .fd-tank-history
),
html body .fd-account-sheet .fd-account-sheet__panel {
  border: 1px solid var(--fd-r119-border-dark) !important;
  border-radius: var(--fd-r119-radius-card) !important;
  background: var(--fd-r119-card-dark) !important;
  background-color: transparent !important;
  background-image: var(--fd-r119-card-dark) !important;
  box-shadow: var(--fd-r119-card-shadow-dark) !important;
  -webkit-backdrop-filter: blur(24px) saturate(126%) !important;
  backdrop-filter: blur(24px) saturate(126%) !important;
  color: var(--fd-r119-text-dark) !important;
}
html[data-fd-theme="light"] body .fd-feature-page[data-fd-feature-view] :is(
  .fd-feature-card,
  .fd-theme-choice,
  .fd-account-page-status,
  .fd-account-page-card,
  .fd-account-recovery-card,
  .fd-tank-history
),
html[data-fd-theme="light"] body .fd-account-sheet .fd-account-sheet__panel {
  border-color: var(--fd-r119-border-light) !important;
  background: var(--fd-r119-card-light) !important;
  background-color: transparent !important;
  background-image: var(--fd-r119-card-light) !important;
  box-shadow: var(--fd-r119-card-shadow-light) !important;
  color: var(--fd-r119-text-light) !important;
}
html body .fd-feature-page[data-fd-feature-view="tankbook"] :is(
  .fd-tank-summary article,
  .fd-month-grid article,
  .fd-tank-entry,
  .fd-tank-empty
) {
  border-radius: var(--fd-r119-radius-tile) !important;
  background: var(--fd-r119-tile-dark) !important;
  background-color: transparent !important;
  background-image: var(--fd-r119-tile-dark) !important;
}
html[data-fd-theme="light"] body .fd-feature-page[data-fd-feature-view="tankbook"] :is(
  .fd-tank-summary article,
  .fd-month-grid article,
  .fd-tank-entry,
  .fd-tank-empty
) {
  background: var(--fd-r119-tile-light) !important;
  background-color: transparent !important;
  background-image: var(--fd-r119-tile-light) !important;
}

/* Semantic and segmented-control specificity guards. */
html body .fd-alert-modal .fd-alert-status[data-tone="active"] {
  color: var(--fd-r119-mint) !important;
}
html body .fd-alert-modal .fd-alert-status[data-tone="inactive"] {
  color: var(--fd-r119-red) !important;
}
html body .fd-alert-modal .fd-alert-status:is([data-tone="error"],[data-tone="pending"]) {
  color: var(--fd-r119-orange) !important;
}
html[data-fd-theme="light"] body #app :is(.station-sort,.fuel-filter,.fuel-preference,.nearby-radius) button:not(.is-active) {
  border: 1px solid var(--fd-r119-border-light) !important;
  border-radius: var(--fd-r119-radius-control) !important;
  background: var(--fd-r119-control-light) !important;
  background-color: transparent !important;
  background-image: var(--fd-r119-control-light) !important;
  box-shadow: var(--fd-r119-control-shadow-light) !important;
  -webkit-backdrop-filter: blur(20px) saturate(124%) !important;
  backdrop-filter: blur(20px) saturate(124%) !important;
  color: #303036 !important;
}

/* Legacy-ID specificity neutralizers. */
html body:not(#fd-r119-status-scope) .fd-alert-modal .fd-alert-status[data-tone="active"] {
  color: var(--fd-r119-mint) !important;
}
html body:not(#fd-r119-status-scope) .fd-alert-modal .fd-alert-status[data-tone="inactive"] {
  color: var(--fd-r119-red) !important;
}
html body:not(#fd-r119-status-scope) .fd-alert-modal .fd-alert-status:is([data-tone="error"],[data-tone="pending"]) {
  color: var(--fd-r119-orange) !important;
}
html[data-fd-theme="light"] body #app .station-sort button:not(.is-active),
html[data-fd-theme="light"] body #app .fuel-filter button:not(.is-active),
html[data-fd-theme="light"] body #app .fuel-preference button:not(.is-active),
html[data-fd-theme="light"] body #app .nearby-radius button:not(.is-active) {
  border: 1px solid var(--fd-r119-border-light) !important;
  border-radius: var(--fd-r119-radius-control) !important;
  background: var(--fd-r119-control-light) !important;
  background-color: transparent !important;
  background-image: var(--fd-r119-control-light) !important;
  box-shadow: var(--fd-r119-control-shadow-light) !important;
  -webkit-backdrop-filter: blur(20px) saturate(124%) !important;
  backdrop-filter: blur(20px) saturate(124%) !important;
  color: #303036 !important;
}

html[data-fd-theme="light"] body:not(#fd-r119-control-scope) #app .station-sort button:not(.is-active),
html[data-fd-theme="light"] body:not(#fd-r119-control-scope) #app .fuel-filter button:not(.is-active),
html[data-fd-theme="light"] body:not(#fd-r119-control-scope) #app .fuel-preference button:not(.is-active),
html[data-fd-theme="light"] body:not(#fd-r119-control-scope) #app .nearby-radius button:not(.is-active) {
  border-color: var(--fd-r119-border-light) !important;
  border-radius: var(--fd-r119-radius-control) !important;
  background-color: transparent !important;
  background-image: var(--fd-r119-control-light) !important;
  box-shadow: var(--fd-r119-control-shadow-light) !important;
  -webkit-backdrop-filter: blur(20px) saturate(124%) !important;
  backdrop-filter: blur(20px) saturate(124%) !important;
  color: #303036 !important;
}

/* Startup/final navigation label parity. */
.fd-startup-cover .fd-fast-nav > span > span,
html body #app .fuel-tab-bar small {
  font-size: 10px !important;
  line-height: 1 !important;
}