/* FuelDash R137 — final dark-mode surface, form and startup polish. */
/* The startup wordmark now uses the exact loaded-header word spacing; skeleton motion stays subdued. */
.fd-startup-cover .fd-fast-brand { gap: 7px !important; }
.fd-startup-cover .fd-fast-card::after { opacity: .36 !important; }
.fd-startup-cover :is(.fd-fast-line,.fd-fast-kicker,.fd-fast-title) {
  background-image: linear-gradient(100deg, rgba(255,255,255,.045) 22%, rgba(255,255,255,.09) 46%, rgba(255,255,255,.045) 70%) !important;
}
.fd-startup-cover .fd-fast-line.is-price { background-image: linear-gradient(100deg, rgba(255,59,48,.08) 22%, rgba(255,59,48,.15) 46%, rgba(255,59,48,.08) 70%) !important; }

/* Tankbuch and alert content cards share the dashboard's card layer. */
html[data-fd-theme] body :is(
  .fd-feature-page[data-fd-feature-view="tankbook"] :is(.fd-feature-card,.fd-overall-card,.fd-tank-form-card,.fd-tank-history,.fd-month-card,.fd-cloud-card,.fd-backup-card,.fd-account-card),
  .fd-alert-modal :is(.fd-alert-status,.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-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;
}

/* Form fields use the same darker search-control material. */
html[data-fd-theme] body :is(
  .fd-feature-page[data-fd-feature-view="tankbook"] :is(.fd-field input,.fd-field select,.fd-field textarea),
  .fd-alert-modal .fd-alert-row :is(select,input[type="time"],input[type="number"])
) {
  border-color: #2c2c31 !important;
  background: var(--fd-r113-glass-dark) !important;
  background-image: var(--fd-r113-glass-dark) !important;
  color: #f7f7f8 !important;
  box-shadow: inset 0 1px rgba(255,255,255,.09), 0 10px 24px rgba(0,0,0,.38) !important;
  -webkit-backdrop-filter: blur(28px) saturate(125%) !important;
  backdrop-filter: blur(28px) saturate(125%) !important;
}

/* Primary save/activate actions use the flat active-choice red, without bloom. */
html body :is(
  .fd-feature-page[data-fd-feature-view="tankbook"] .fd-tank-form button[type="submit"],
  .fd-alert-modal .fd-alert-enable
) {
  border-color: #ff3b30 !important;
  background: #ff3b30 !important;
  background-image: none !important;
  box-shadow: inset 0 1px rgba(255,255,255,.14) !important;
  color: #fff !important;
}

/* Period selection is a full-width standard-red control with symmetric vertical rhythm. */
html body .fd-feature-page[data-fd-feature-view="tankbook"] .fd-month-head {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 14px !important;
}
html body .fd-feature-page[data-fd-feature-view="tankbook"] .fd-statistics-date {
  width: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  gap: 8px !important;
  margin: 0 0 14px !important;
}
html body .fd-feature-page[data-fd-feature-view="tankbook"] .fd-statistics-date__control {
  width: 100% !important;
  min-width: 0 !important;
  height: 42px !important;
  min-height: 42px !important;
  border-color: #ff3b30 !important;
  background: #ff3b30 !important;
  background-image: none !important;
  box-shadow: inset 0 1px rgba(255,255,255,.14) !important;
  color: #fff !important;
}
html body .fd-feature-page[data-fd-feature-view="tankbook"] .fd-statistics-date__control > svg,
html body .fd-feature-page[data-fd-feature-view="tankbook"] .fd-statistics-date__control input { color: #fff !important; }

/* The duplicate account-state bubble has no information beyond the status card. */
html body .fd-feature-page[data-fd-feature-view="account"] .fd-account-page-card .fd-feature-card__head > span[data-cloud-tone] { display: none !important; }