/* FuelDash R120 — targeted corrections on top of the accepted R119 system. */
:root {
  --fd-r120-card-dark: var(--fd-r119-card-dark);
  --fd-r120-card-light: var(--fd-r119-card-light);
  --fd-r120-border-dark: var(--fd-r119-border-dark);
  --fd-r120-border-light: var(--fd-r119-border-light);
  --fd-r120-shadow-dark: var(--fd-r119-card-shadow-dark);
  --fd-r120-shadow-light: var(--fd-r119-card-shadow-light);
  --fd-r120-radius-card: var(--fd-r119-radius-card);
  --fd-r120-gap: 16px;
}

/* Search and favorites lists: one explicit 16px rhythm between top-level station cards. */
#app .result-list {
  display: grid !important;
  gap: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}
#app .result-list > :is(.station-result,.favorites-screen-card) {
  margin: 0 !important;
}

/* Dashboard favorites — option A: one outer glass card, transparent contained rows. */
#app .favorites-block {
  overflow: hidden !important;
  padding: 0 16px 10px !important;
  border: 1px solid var(--fd-r120-border-dark) !important;
  border-radius: var(--fd-r120-radius-card) !important;
  background-color: transparent !important;
  background-image: var(--fd-r120-card-dark) !important;
  box-shadow: var(--fd-r120-shadow-dark) !important;
  -webkit-backdrop-filter: blur(24px) saturate(126%) !important;
  backdrop-filter: blur(24px) saturate(126%) !important;
}
html[data-fd-theme="light"] #app .favorites-block {
  border-color: var(--fd-r120-border-light) !important;
  background-image: var(--fd-r120-card-light) !important;
  box-shadow: var(--fd-r120-shadow-light) !important;
}
#app .favorites-block > header {
  min-height: 54px !important;
  height: auto !important;
  padding: 0 1px !important;
  border-bottom: 1px solid rgba(255,255,255,.07) !important;
}
html[data-fd-theme="light"] #app .favorites-block > header {
  border-bottom-color: rgba(35,35,40,.10) !important;
}
#app .favorites-block .dashboard-favorite-card {
  width: 100% !important;
  margin: 0 !important;
  padding: 14px 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
#app .favorites-block .dashboard-favorite-card + .dashboard-favorite-card {
  border-top: 1px solid rgba(255,255,255,.07) !important;
}
html[data-fd-theme="light"] #app .favorites-block .dashboard-favorite-card + .dashboard-favorite-card {
  border-top-color: rgba(35,35,40,.10) !important;
}
#app .favorites-block > .empty-state {
  margin: 0 !important;
  padding: 16px 0 10px !important;
  border: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* Favorites tab: no outer list plate; every station is one main glass card. */
#app .favorites-screen-card {
  box-sizing: border-box !important;
  width: 100% !important;
  border: 1px solid var(--fd-r120-border-dark) !important;
  border-radius: var(--fd-r120-radius-card) !important;
  background-color: transparent !important;
  background-image: var(--fd-r120-card-dark) !important;
  box-shadow: var(--fd-r120-shadow-dark) !important;
  -webkit-backdrop-filter: blur(24px) saturate(126%) !important;
  backdrop-filter: blur(24px) saturate(126%) !important;
}
html[data-fd-theme="light"] #app .favorites-screen-card {
  border-color: var(--fd-r120-border-light) !important;
  background-image: var(--fd-r120-card-light) !important;
  box-shadow: var(--fd-r120-shadow-light) !important;
}
#app .favorites-screen-card.is-primary-station {
  border-color: rgba(255,59,48,.55) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.055), 0 14px 32px rgba(255,59,48,.08) !important;
}

/* Tankempfehlung: the main card is glass; all second-level plates are removed. */
html[data-fd-theme] body #app .primary-station-card__insights {
  gap: 0 !important;
  padding: 16px !important;
}
html[data-fd-theme] body #app .primary-station-card__insights > div,
html[data-fd-theme] body #app .primary-station-card__facts > span {
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
html[data-fd-theme] body #app .primary-station-card__insights > div:first-child {
  padding: 0 0 16px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.07) !important;
}
html[data-fd-theme="light"] body #app .primary-station-card__insights > div:first-child {
  border-bottom-color: rgba(35,35,40,.10) !important;
}
html[data-fd-theme] body #app .primary-station-card__facts {
  gap: 0 !important;
  padding-top: 12px !important;
}
html[data-fd-theme] body #app .primary-station-card__facts > span {
  min-height: 58px !important;
  padding: 4px 10px 0 !important;
  border: 0 !important;
}
html[data-fd-theme] body #app .primary-station-card__facts > span:first-child {
  padding-left: 0 !important;
}
html[data-fd-theme] body #app .primary-station-card__facts > span + span {
  border-left: 1px solid rgba(255,255,255,.07) !important;
}
html[data-fd-theme="light"] body #app .primary-station-card__facts > span + span {
  border-left-color: rgba(35,35,40,.10) !important;
}
html[data-fd-theme] body #app .dashboard-advice-card .primary-station-card__insights > div:first-child {
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}

@media (max-width: 370px) {
  html[data-fd-theme] body #app .primary-station-card__facts {
    grid-template-columns: 1fr !important;
  }
  html[data-fd-theme] body #app .primary-station-card__facts > span {
    min-height: 0 !important;
    padding: 10px 0 !important;
  }
  html[data-fd-theme] body #app .primary-station-card__facts > span + span {
    border-top: 1px solid rgba(255,255,255,.07) !important;
    border-left: 0 !important;
  }
  html[data-fd-theme="light"] body #app .primary-station-card__facts > span + span {
    border-top-color: rgba(35,35,40,.10) !important;
  }
}