/* FuelDash R129 — recovery from the over-broad R127/R128 selection rules. */

/* A checked availability option is a checkbox row, never a solid primary button. */
html body #app .search-availability-filter button.is-active {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: inherit !important;
}

/* Saved hearts stay neutral controls with a red icon, as in the stable dashboard. */
html body #app .favorite-toggle.is-favorite,
html body #app .detail-favorite.is-favorite {
  border-color: #2c2c31 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #ff3b30 !important;
}
html[data-fd-theme="light"] body #app .favorite-toggle.is-favorite,
html[data-fd-theme="light"] body #app .detail-favorite.is-favorite {
  border-color: rgba(35,35,40,.16) !important;
}

/* Restore the normal header flow: no negative displacement or overlap. */
html body #app .brand-wordmark,
html body .fd-startup-cover .fd-fast-brand {
  transform: none !important;
  margin-left: 0 !important;
}
html body #app .fd-main-header-actions { gap: 8px !important; }
html body #app .fd-profile-greeting {
  max-width: 64px !important;
  font-size: 10px !important;
  line-height: 1.2 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
@media (max-width: 430px) {
  html body #app .fd-profile-greeting { display: none !important; }
}

/* Tankbuch period: compact neutral profile/reload material, not a red translucent exception. */
html body .fd-feature-page[data-fd-feature-view="tankbook"] .fd-statistics-date {
  width: 142px !important;
  min-width: 142px !important;
  gap: 8px !important;
}
html body .fd-feature-page[data-fd-feature-view="tankbook"] .fd-statistics-date__control {
  width: 142px !important;
  min-width: 142px !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 10px 0 34px !important;
  border: 1px solid #2c2c31 !important;
  border-radius: 13px !important;
  background: var(--fd-r113-glass-dark) !important;
  background-image: var(--fd-r113-glass-dark) !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;
  color: #f7f7f8 !important;
}
html body .fd-feature-page[data-fd-feature-view="tankbook"] .fd-statistics-date__control > svg {
  left: 11px !important;
  width: 15px !important;
  height: 15px !important;
  color: currentColor !important;
}
html body .fd-feature-page[data-fd-feature-view="tankbook"] .fd-statistics-date__label {
  font-size: 11px !important;
  font-weight: 650 !important;
}
html[data-fd-theme="light"] body .fd-feature-page[data-fd-feature-view="tankbook"] .fd-statistics-date__control {
  border-color: rgba(35,35,40,.16) !important;
  background: var(--fd-r113-glass-light) !important;
  background-image: var(--fd-r113-glass-light) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.98), 0 9px 22px rgba(35,35,42,.11) !important;
  color: #303036 !important;
}

/* Only the chosen detail fuel gets the solid search-selection red. */
html body #app .detail-price-grid .detail-price-card.is-selected {
  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;
  text-shadow: none !important;
}
html body #app .detail-price-grid .detail-price-card.is-selected :is(span,strong,small) { color: #fff !important; }