/* FuelDash R139 — inputs are interactable, information stays visually quiet. */
:root {
  --fd-r139-input-dark: linear-gradient(145deg, rgba(45,45,50,.88), rgba(31,31,36,.90));
  --fd-r139-input-light: linear-gradient(145deg, rgba(255,255,255,.98), rgba(235,235,240,.92));
  --fd-r139-input-border-dark: rgba(255,255,255,.10);
  --fd-r139-input-border-light: rgba(35,35,40,.14);
  --fd-r139-info-dark: linear-gradient(145deg, rgba(22,22,25,.94), rgba(9,9,11,.97));
  --fd-r139-info-light: linear-gradient(145deg, rgba(255,255,255,.96), rgba(237,237,241,.88));
}

/* Preisverlauf remains one segmented control; the inactive range has no individual tile. */
html body #app .chart-range {
  padding: 4px !important;
  border-color: #2c2c31 !important;
  background-image: var(--fd-r138-control-dark) !important;
  box-shadow: var(--fd-r138-control-shadow-dark) !important;
}
html body #app .chart-range > button:not(.is-active) {
  border: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #b9b9c0 !important;
}
html body #app .chart-range > button.is-disabled {
  opacity: .62 !important;
}
html[data-fd-theme="light"] body #app .chart-range {
  border-color: var(--fd-r138-control-border-light) !important;
  background-image: var(--fd-r138-control-light) !important;
  box-shadow: var(--fd-r138-control-shadow-light) !important;
}
html[data-fd-theme="light"] body #app .chart-range > button:not(.is-active) { color: #65656c !important; }

/* The profile password input is the single editable-field reference everywhere. */
html body .fd-feature-page :is(.fd-field input,.fd-field select,.fd-field textarea,.fd-auth-form input,.fd-account-card__password input),
html body .fd-account-sheet .fd-auth-form input,
html body .fd-alert-modal .fd-alert-row :is(select,input[type="time"],input[type="number"]),
html body #app .search-field {
  border-color: var(--fd-r139-input-border-dark) !important;
  background-color: transparent !important;
  background-image: var(--fd-r139-input-dark) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.045) !important;
  color: #f7f7f8 !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-field input,.fd-field select,.fd-field textarea,.fd-auth-form input,.fd-account-card__password input),
html[data-fd-theme="light"] body .fd-account-sheet .fd-auth-form input,
html[data-fd-theme="light"] body .fd-alert-modal .fd-alert-row :is(select,input[type="time"],input[type="number"]),
html[data-fd-theme="light"] body #app .search-field {
  border-color: var(--fd-r139-input-border-light) !important;
  background-image: var(--fd-r139-input-light) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.98) !important;
  color: #303036 !important;
}

/* Input focus stays within the real field silhouette. */
html body .fd-feature-page :is(.fd-field input,.fd-field select,.fd-field textarea,.fd-auth-form input,.fd-account-card__password input):focus,
html body .fd-account-sheet .fd-auth-form input:focus,
html body .fd-alert-modal .fd-alert-row :is(select,input[type="time"],input[type="number"]):focus {
  border-color: var(--fd-r138-red) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.045) !important;
  outline: none !important;
}

/* Tankbuch values and recommendation facts are information, not faux inputs. */
html body .fd-feature-page[data-fd-feature-view="tankbook"] :is(.fd-tank-summary > article,.fd-month-grid > article),
html body #app .primary-station-card__facts > span,
html body .fd-alert-modal :is(.fd-alert-row,.fd-alert-station,.fd-alert-empty) {
  border-color: var(--fd-r119-border-dark) !important;
  background-color: transparent !important;
  background-image: var(--fd-r139-info-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 .fd-feature-page[data-fd-feature-view="tankbook"] :is(.fd-tank-summary > article,.fd-month-grid > article),
html[data-fd-theme="light"] body #app .primary-station-card__facts > span,
html[data-fd-theme="light"] body .fd-alert-modal :is(.fd-alert-row,.fd-alert-station,.fd-alert-empty) {
  border-color: var(--fd-r119-border-light) !important;
  background-image: var(--fd-r139-info-light) !important;
  box-shadow: var(--fd-r119-card-shadow-light) !important;
}

/* Login keeps its card, segmented switch and fields in the same hierarchy. */
html body .fd-feature-page[data-fd-feature-view="account"] .fd-auth-switch,
html body .fd-account-sheet .fd-auth-switch {
  border-color: #2c2c31 !important;
  background-image: var(--fd-r139-info-dark) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.055) !important;
}
html body :is(.fd-feature-page[data-fd-feature-view="account"],.fd-account-sheet) .fd-auth-switch button:not(.is-active) {
  border: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #d3d3d8 !important;
}
html[data-fd-theme="light"] body .fd-feature-page[data-fd-feature-view="account"] .fd-auth-switch,
html[data-fd-theme="light"] body .fd-account-sheet .fd-auth-switch {
  border-color: var(--fd-r119-border-light) !important;
  background-image: var(--fd-r139-info-light) !important;
}
html[data-fd-theme="light"] body :is(.fd-feature-page[data-fd-feature-view="account"],.fd-account-sheet) .fd-auth-switch button:not(.is-active) {
  color: #5f5f66 !important;
}