/* FuelDash R115 — final UI rhythm and preview corrections without regressing R114 behavior. */
:root {
  --fd-r115-gap: 16px;
  --fd-r115-red: #ff3b30;
  --fd-r115-red-soft-dark: linear-gradient(145deg, rgba(255,59,48,.18), rgba(64,11,14,.30));
  --fd-r115-red-soft-light: linear-gradient(145deg, rgba(255,59,48,.10), rgba(255,255,255,.82));
}

/* Header background update indicator: red dot only, no label. */
#app .header-background-status {
  min-width: 9px !important;
  min-height: 28px !important;
  gap: 0 !important;
  font-size: 0 !important;
}
#app .header-background-status b {
  display: none !important;
}
#app .header-background-status i {
  margin: 0 !important;
}

/* Appearance and Tankbuch follow the dashboard card rhythm, including top spacing below the divider. */
.fd-feature-page[data-fd-feature-view="appearance"] .fd-feature-content,
.fd-feature-page[data-fd-feature-view="tankbook"] .fd-feature-content {
  display: grid !important;
  gap: var(--fd-r115-gap) !important;
  padding-top: var(--fd-r115-gap) !important;
  padding-bottom: var(--fd-r115-gap) !important;
}
.fd-feature-page[data-fd-feature-view="appearance"] .fd-feature-content > *,
.fd-feature-page[data-fd-feature-view="tankbook"] .fd-feature-content > * {
  margin: 0 !important;
}
.fd-feature-page[data-fd-feature-view="appearance"] .fd-theme-options {
  gap: var(--fd-r115-gap) !important;
  margin: 0 !important;
}
.fd-feature-page[data-fd-feature-view="appearance"] .fd-feature-note {
  display: none !important;
}

/* Preview cards: keep Fuel readable in both modes and remove redundant preview labels. */
.fd-theme-preview__top b {
  color: #fff !important;
}
.fd-theme-preview.is-light .fd-theme-preview__top b {
  color: #151517 !important;
}
.fd-theme-preview__top strong {
  color: var(--fd-r115-red) !important;
}
.fd-theme-preview__label {
  display: none !important;
}

/* Tankbuch: evenly spaced cards and consistent head/body rhythm. */
.fd-feature-page[data-fd-feature-view="tankbook"] :is(.fd-feature-card,.fd-theme-choice,.fd-tank-history,.fd-tankbook-cloud-row,.fd-account-card) {
  margin: 0 !important;
}
.fd-feature-page[data-fd-feature-view="tankbook"] .fd-feature-card__head {
  margin-bottom: var(--fd-r115-gap) !important;
}
.fd-feature-page[data-fd-feature-view="tankbook"] .fd-tank-form {
  margin-top: 0 !important;
  gap: 14px 12px !important;
}
.fd-feature-page[data-fd-feature-view="tankbook"] .fd-tank-summary,
.fd-feature-page[data-fd-feature-view="tankbook"] .fd-month-grid,
.fd-feature-page[data-fd-feature-view="tankbook"] .fd-backup-actions,
.fd-feature-page[data-fd-feature-view="tankbook"] .fd-account-card__manager {
  margin-top: var(--fd-r115-gap) !important;
}
.fd-feature-page[data-fd-feature-view="tankbook"] .fd-month-card,
.fd-feature-page[data-fd-feature-view="tankbook"] .fd-cloud-card,
.fd-feature-page[data-fd-feature-view="tankbook"] .fd-backup-card {
  margin-bottom: 0 !important;
}

/* Additional fields expansion: no iOS dark tap veil / overlay. */
.fd-feature-page[data-fd-feature-view="tankbook"] .fd-tank-form-card,
.fd-feature-page[data-fd-feature-view="tankbook"] .fd-tank-extras,
.fd-feature-page[data-fd-feature-view="tankbook"] .fd-tank-extras > div,
.fd-feature-page[data-fd-feature-view="tankbook"] .fd-tank-extras summary {
  background: transparent !important;
  box-shadow: none !important;
}
.fd-feature-page[data-fd-feature-view="tankbook"] .fd-tank-extras summary {
  -webkit-tap-highlight-color: transparent !important;
  -webkit-touch-callout: none !important;
  outline: none !important;
}
.fd-feature-page[data-fd-feature-view="tankbook"] .fd-tank-extras summary:focus,
.fd-feature-page[data-fd-feature-view="tankbook"] .fd-tank-extras summary:active {
  background: transparent !important;
}

/* Monthly statistics date control: smaller and aligned to the FuelDash red glass control style. */
.fd-feature-page[data-fd-feature-view="tankbook"] .fd-month-head {
  gap: 12px !important;
}
.fd-feature-page[data-fd-feature-view="tankbook"] .fd-statistics-date {
  gap: 5px !important;
}
.fd-feature-page[data-fd-feature-view="tankbook"] .fd-statistics-date__control {
  width: 132px !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 10px 0 29px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255,59,48,.26) !important;
  background: var(--fd-r115-red-soft-dark) !important;
  color: #ffd9d6 !important;
  box-shadow: inset 0 1px rgba(255,255,255,.04) !important;
  -webkit-backdrop-filter: blur(16px) saturate(120%) !important;
  backdrop-filter: blur(16px) saturate(120%) !important;
}
.fd-feature-page[data-fd-feature-view="tankbook"] .fd-statistics-date__control > svg {
  left: 10px !important;
  width: 14px !important;
  height: 14px !important;
  color: currentColor !important;
}
.fd-feature-page[data-fd-feature-view="tankbook"] .fd-statistics-date__label {
  font-size: 11px !important;
  font-weight: 700 !important;
  color: currentColor !important;
}
.fd-feature-page[data-fd-feature-view="tankbook"] .fd-statistics-date__control input {
  height: 34px !important;
}
html[data-fd-theme="light"] .fd-feature-page[data-fd-feature-view="tankbook"] .fd-statistics-date__control {
  background: var(--fd-r115-red-soft-light) !important;
  color: #b22b24 !important;
  box-shadow: inset 0 1px rgba(255,255,255,.82), 0 8px 18px rgba(255,59,48,.08) !important;
}

@media (max-width: 360px) {
  .fd-feature-page[data-fd-feature-view="tankbook"] .fd-statistics-date__control {
    width: 124px !important;
  }
}


/* FuelDash R117 — glass alignment, preview fidelity, light-mode color parity. */
:root {
  --fd-r117-red: #ff3b30;
  --fd-r117-mint: #43f2bf;
  --fd-r117-glass-dark: linear-gradient(145deg, rgba(24,24,28,.90), rgba(7,7,9,.94));
  --fd-r117-glass-light: linear-gradient(145deg, rgba(255,255,255,.98), rgba(237,237,242,.92));
  --fd-r117-gap: 16px;
}

/* Appearance cards and tankbook keep dashboard-like vertical rhythm. */
.fd-feature-page[data-fd-feature-view=appearance] .fd-feature-content,
.fd-feature-page[data-fd-feature-view=tankbook] .fd-feature-content,
.fd-alert-modal .fd-alert-grid {
  gap: var(--fd-r117-gap) !important;
}
.fd-feature-page[data-fd-feature-view=appearance] .fd-feature-card,
.fd-feature-page[data-fd-feature-view=appearance] .fd-theme-choice,
.fd-feature-page[data-fd-feature-view=tankbook] .fd-feature-card,
.fd-feature-page[data-fd-feature-view=tankbook] .fd-theme-choice,
.fd-feature-page[data-fd-feature-view=tankbook] .fd-tank-history,
.fd-feature-page[data-fd-feature-view=tankbook] .fd-account-card {
  margin: 0 !important;
}
.fd-feature-page[data-fd-feature-view=appearance] .fd-feature-card { margin-top: 0 !important; }
.fd-feature-page[data-fd-feature-view=appearance] .fd-feature-content > :first-child,
.fd-feature-page[data-fd-feature-view=tankbook] .fd-feature-content > :first-child { margin-top: 0 !important; }

/* Strong preview fidelity: Fuel/Dash colors per selected example. */
.fd-theme-preview__top b {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0 !important;
  font-weight: 760 !important;
  letter-spacing: 0 !important;
}
.fd-theme-preview__top .fd-theme-preview__fuel {
  color: #ffffff !important;
  opacity: 1 !important;
}
.fd-theme-preview.is-light .fd-theme-preview__top .fd-theme-preview__fuel {
  color: #151517 !important;
}
.fd-theme-preview__top strong { color: var(--fd-r117-red) !important; }
.fd-theme-choice__copy small { display: block !important; }

/* Tankbuch date control: still compact, but no longer cramped. */
.fd-feature-page[data-fd-feature-view=tankbook] .fd-month-head {
  display: flex !important;
  align-items: end !important;
  justify-content: space-between !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
}
.fd-feature-page[data-fd-feature-view=tankbook] .fd-statistics-date {
  align-self: flex-end !important;
  gap: 6px !important;
}
.fd-feature-page[data-fd-feature-view=tankbook] .fd-statistics-date__control {
  width: 172px !important;
  min-width: 172px !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 12px 0 34px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255,59,48,.22) !important;
  background: linear-gradient(145deg, rgba(255,59,48,.10), rgba(255,255,255,.72)) !important;
  color: #b23d37 !important;
  box-shadow: inset 0 1px rgba(255,255,255,.74) !important;
}
html[data-fd-theme=dark] .fd-feature-page[data-fd-feature-view=tankbook] .fd-statistics-date__control {
  background: linear-gradient(145deg, rgba(255,59,48,.18), rgba(57,13,16,.30)) !important;
  color: #ffe3e0 !important;
  box-shadow: inset 0 1px rgba(255,255,255,.05) !important;
}
.fd-feature-page[data-fd-feature-view=tankbook] .fd-statistics-date__control > svg {
  left: 12px !important;
  width: 15px !important;
  height: 15px !important;
}
.fd-feature-page[data-fd-feature-view=tankbook] .fd-statistics-date__label {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: -.01em !important;
}

/* Remove any dark tap veil when expanding additional fields. */
.fd-feature-page[data-fd-feature-view=tankbook] details,
.fd-feature-page[data-fd-feature-view=tankbook] details[open],
.fd-feature-page[data-fd-feature-view=tankbook] details > div,
.fd-feature-page[data-fd-feature-view=tankbook] details summary,
.fd-feature-page[data-fd-feature-view=tankbook] details summary::marker,
.fd-feature-page[data-fd-feature-view=tankbook] details summary::-webkit-details-marker {
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Price alert modal aligned to appearance/tankbook glass cards. */
.fd-alert-head {
  padding: 8px 2px 16px !important;
  background: linear-gradient(180deg, rgba(5,5,5,.98) 76%, rgba(5,5,5,0)) !important;
  -webkit-backdrop-filter: blur(22px) saturate(130%) !important;
  backdrop-filter: blur(22px) saturate(130%) !important;
}
.fd-alert-status,
.fd-alert-row,
.fd-alert-station,
.fd-alert-empty {
  border-radius: 18px !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  background: var(--fd-r117-glass-dark) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.05) !important;
  -webkit-backdrop-filter: blur(18px) saturate(125%) !important;
  backdrop-filter: blur(18px) saturate(125%) !important;
}
.fd-alert-row { padding: 15px 16px !important; }
.fd-alert-row small,
.fd-alert-note,
.fd-alert-station small,
.fd-alert-station-section header small { color: #8e8e93 !important; font-size: 12px !important; }
.fd-alert-row select,
.fd-alert-row input[type=time],
.fd-alert-row input[type=number] {
  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  background: linear-gradient(145deg, rgba(44,44,48,.88), rgba(27,27,31,.92)) !important;
}
html[data-fd-theme=light] .fd-alert-modal {
  background: #efeff2 !important;
}
html[data-fd-theme=light] .fd-alert-head {
  background: linear-gradient(180deg, rgba(239,239,242,.98) 76%, rgba(239,239,242,0)) !important;
}
html[data-fd-theme=light] .fd-alert-status,
html[data-fd-theme=light] .fd-alert-row,
html[data-fd-theme=light] .fd-alert-station,
html[data-fd-theme=light] .fd-alert-empty {
  border-color: rgba(35,35,40,.12) !important;
  background: var(--fd-r117-glass-light) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.96), 0 9px 22px rgba(35,35,42,.08) !important;
  color: #17171b !important;
}
html[data-fd-theme=light] .fd-alert-row small,
html[data-fd-theme=light] .fd-alert-note,
html[data-fd-theme=light] .fd-alert-station small,
html[data-fd-theme=light] .fd-alert-station-section header small,
html[data-fd-theme=light] .fd-alert-status { color: #6c6c74 !important; }
html[data-fd-theme=light] .fd-alert-row select,
html[data-fd-theme=light] .fd-alert-row input[type=time],
html[data-fd-theme=light] .fd-alert-row input[type=number] {
  color: #17171b !important;
  border-color: rgba(35,35,40,.14) !important;
  background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(237,237,242,.92)) !important;
}

/* Light mode: enforce the same mint/red price semantics as dark mode everywhere. */
html[data-fd-theme=light] #app :is(.price-change.is-lower, .fd-best__trend.is-lower, .fd-best__trend.is-lower i) {
  color: var(--fd-r117-mint) !important;
  fill: var(--fd-r117-mint) !important;
  stroke: var(--fd-r117-mint) !important;
  text-shadow: none !important;
}
html[data-fd-theme=light] #app :is(.price-change.is-higher, .fd-best__trend.is-higher, .fd-best__trend.is-higher i) {
  color: var(--fd-r117-red) !important;
  fill: var(--fd-r117-red) !important;
  stroke: var(--fd-r117-red) !important;
  text-shadow: none !important;
}
html[data-fd-theme=light] #app :is(.price-change.is-neutral, .fd-best__trend.is-steady, .fd-best__trend.is-steady i) {
  color: #77777f !important;
  fill: #77777f !important;
  stroke: #77777f !important;
  text-shadow: none !important;
}

/* R117 final cascade guards: the rules below intentionally outrank legacy light-mode !important selectors. */
html[data-fd-theme="light"] body .fd-feature-page[data-fd-feature-view="appearance"] .fd-theme-preview.is-dark .fd-theme-preview__top .fd-theme-preview__fuel {
  color: #ffffff !important;
}
html[data-fd-theme="light"] body .fd-feature-page[data-fd-feature-view="appearance"] .fd-theme-preview.is-light .fd-theme-preview__top .fd-theme-preview__fuel {
  color: #151517 !important;
}
html[data-fd-theme="light"] body .fd-feature-page[data-fd-feature-view="appearance"] .fd-theme-preview .fd-theme-preview__top strong,
html[data-fd-theme="dark"] body .fd-feature-page[data-fd-feature-view="appearance"] .fd-theme-preview .fd-theme-preview__top strong {
  color: #ff3b30 !important;
}

/* Exact dark/light price-color parity, with higher specificity than the R106 compatibility layer. */
html[data-fd-theme="light"] body #app .station-value .price-change.is-lower,
html[data-fd-theme="light"] body #app .fd-best__trend.is-lower,
html[data-fd-theme="light"] body #app .fd-best__trend.is-lower i {
  color: #43f2bf !important;
  fill: #43f2bf !important;
  stroke: #43f2bf !important;
  text-shadow: none !important;
}
html[data-fd-theme="light"] body #app .station-value .price-change.is-higher,
html[data-fd-theme="light"] body #app .fd-best__trend.is-higher,
html[data-fd-theme="light"] body #app .fd-best__trend.is-higher i {
  color: #ff3b30 !important;
  fill: #ff3b30 !important;
  stroke: #ff3b30 !important;
  text-shadow: none !important;
}

/* One visual system for Darstellung, Tankbuch and Preisalarm major cards. */
.fd-feature-page[data-fd-feature-view="appearance"] :is(.fd-feature-card,.fd-theme-choice),
.fd-feature-page[data-fd-feature-view="tankbook"] :is(.fd-feature-card,.fd-tank-history,.fd-account-card),
.fd-alert-modal :is(.fd-alert-status,.fd-alert-row,.fd-alert-station,.fd-alert-empty) {
  border: 1px solid rgba(255,255,255,.09) !important;
  border-radius: 22px !important;
  background: linear-gradient(145deg, rgba(22,22,25,.94), rgba(9,9,11,.97)) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.055), 0 16px 36px rgba(0,0,0,.22) !important;
  -webkit-backdrop-filter: blur(24px) saturate(126%) !important;
  backdrop-filter: blur(24px) saturate(126%) !important;
}
html[data-fd-theme="light"] .fd-feature-page[data-fd-feature-view="appearance"] :is(.fd-feature-card,.fd-theme-choice),
html[data-fd-theme="light"] .fd-feature-page[data-fd-feature-view="tankbook"] :is(.fd-feature-card,.fd-tank-history,.fd-account-card),
html[data-fd-theme="light"] .fd-alert-modal :is(.fd-alert-status,.fd-alert-row,.fd-alert-station,.fd-alert-empty) {
  border-color: rgba(35,35,40,.12) !important;
  background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(240,240,244,.94)) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.98), 0 12px 30px rgba(35,35,42,.09) !important;
}

/* Matching secondary glass controls inside Tankbuch and Preisalarm. */
.fd-feature-page[data-fd-feature-view="tankbook"] :is(.fd-tank-summary article,.fd-month-grid article,.fd-tank-entry,.fd-tank-empty,.fd-backup-actions button),
.fd-alert-modal :is(select,input[type="time"],input[type="number"]) {
  border: 1px solid rgba(255,255,255,.09) !important;
  background: linear-gradient(145deg, rgba(43,43,48,.88), rgba(25,25,29,.92)) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.04) !important;
}
html[data-fd-theme="light"] .fd-feature-page[data-fd-feature-view="tankbook"] :is(.fd-tank-summary article,.fd-month-grid article,.fd-tank-entry,.fd-tank-empty,.fd-backup-actions button),
html[data-fd-theme="light"] .fd-alert-modal :is(select,input[type="time"],input[type="number"]) {
  border-color: rgba(35,35,40,.13) !important;
  background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(237,237,242,.94)) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.98) !important;
}