/* FuelDash R225 — exact Tankbuch input and Preisalarm card parity. */
:root {
  --fd-r225-card: #0c0c0c;
  --fd-r225-control: #080808;
  --fd-r225-border: #1e1e1e;
  --fd-r225-text: #f5f5f7;
}

/*
 * R158 still contains an ID-specific legacy rule that paints Tankbuch controls
 * #17171b. Match that selector weight and keep every editor equal to the dark
 * statistics date control.
 */
html[data-fd-theme="dark"] body:not(#fd-r158-tankbook-scope)
  .fd-feature-page[data-fd-feature-view="tankbook"]
  .fd-tank-form
  .fd-field > :is(input, select, textarea, .fd-field-affix) {
  border-color: var(--fd-r225-border) !important;
  background: var(--fd-r225-control) !important;
  background-color: var(--fd-r225-control) !important;
  background-image: none !important;
  background-clip: padding-box !important;
  box-shadow: none !important;
  color: var(--fd-r225-text) !important;
  -webkit-text-fill-color: var(--fd-r225-text) !important;
  color-scheme: dark !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  filter: none !important;
  opacity: 1 !important;
}

html[data-fd-theme="dark"] body:not(#fd-r158-tankbook-scope)
  .fd-feature-page[data-fd-feature-view="tankbook"]
  .fd-tank-form
  .fd-field-affix > input {
  border-color: transparent !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-fd-theme="dark"] body:not(#fd-r158-tankbook-scope)
  .fd-feature-page[data-fd-feature-view="tankbook"]
  .fd-tank-form input[name="filledAt"]::-webkit-date-and-time-value,
html[data-fd-theme="dark"] body:not(#fd-r158-tankbook-scope)
  .fd-feature-page[data-fd-feature-view="tankbook"]
  .fd-tank-form input[name="filledAt"]::-webkit-datetime-edit {
  background: transparent !important;
  color: var(--fd-r225-text) !important;
  -webkit-text-fill-color: var(--fd-r225-text) !important;
}

/*
 * R148 assigns alert rows to the raised control material. The row itself is a
 * content tile, while only select/time/number inputs remain #080808.
 */
html[data-fd-theme="dark"] body:not(#fd-r148-core-scope):not(#fd-r225-alert-scope)
  .fd-alert-modal :is(.fd-alert-row, .fd-alert-all, .fd-alert-station, .fd-alert-empty) {
  border-color: var(--fd-r225-border) !important;
  background: var(--fd-r225-card) !important;
  background-color: var(--fd-r225-card) !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  filter: none !important;
}

html[data-fd-theme="dark"] body:not(#fd-r148-core-scope):not(#fd-r225-alert-scope)
  .fd-alert-modal .fd-alert-row :is(select, input[type="time"], input[type="number"]) {
  border-color: var(--fd-r225-border) !important;
  background: var(--fd-r225-control) !important;
  background-color: var(--fd-r225-control) !important;
  background-image: none !important;
  box-shadow: none !important;
  color: var(--fd-r225-text) !important;
  -webkit-text-fill-color: var(--fd-r225-text) !important;
  color-scheme: dark !important;
}