/* 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;
  }
}