/* v460 – gemeinsame Oberflächen für Standard, Akzentfarben und saisonale Themes.
   Die bestehenden Komponenten nutzen dieselben Farbwerte statt fester Grüntöne. */
:root[data-theme][data-accent] {
  --app-tile-surface:var(--bg-card);
  --app-muted-surface:var(--surface-2,var(--bg-card));
  --app-tile-border:var(--border-soft,var(--border));
  --app-icon-surface:var(--accent-softer-bg);
  --app-title:var(--text-dark);
  --app-secondary:var(--text-medium);
  --app-selected-surface:var(--button-solid-bg,linear-gradient(135deg,var(--accent-solid-start),var(--accent-solid-end)));
  --app-selected-text:var(--button-solid-text,var(--accent-on-solid));
}

/* Standard-Themes: auch die Grundflächen leiten sich aus der konfigurierten Farbe ab. */
:root[data-theme="light"][data-accent]:not([data-seasonal-theme="halloween"]) {
  --surface-1:var(--bg-card);
  --surface-2:color-mix(in srgb,var(--accent-config-light,var(--accent-action)) 10%,var(--bg-card));
  --surface-3:color-mix(in srgb,var(--accent-config-light,var(--accent-action)) 18%,var(--bg-card));
  --border-soft:color-mix(in srgb,var(--accent-config-dark,var(--accent-deep)) 20%,transparent);
}
:root[data-theme="dark"][data-accent]:not([data-seasonal-theme="halloween"]) {
  --bg-base:color-mix(in srgb,var(--accent-config-dark,var(--accent-action)) 12%,#101217);
  --bg-card:color-mix(in srgb,var(--accent-config-dark,var(--accent-action)) 16%,#171920);
  --surface-1:var(--bg-card);
  --surface-2:color-mix(in srgb,var(--accent-config-dark,var(--accent-action)) 20%,#20222a);
  --surface-3:color-mix(in srgb,var(--accent-config-dark,var(--accent-action)) 25%,#252832);
  --border-soft:color-mix(in srgb,var(--accent-config-light,var(--accent-deep)) 20%,transparent);
}
:root[data-theme="dark"][data-accent]:not([data-seasonal-theme="halloween"]) body {
  background:radial-gradient(circle at 20% -10%,var(--accent-softer-bg),transparent 40%),linear-gradient(180deg,var(--bg-base),var(--surface-1)) !important;
}
:root[data-theme][data-accent] .page-header { border-color:var(--app-tile-border) !important; }

/* Startseite: alle Informationskacheln einschließlich Einkauf, Kalender und Sprit. */
:root[data-theme][data-accent] #home-overview-root .home-summary-tile,
:root[data-theme][data-accent] #home-overview-root .home-summary-tile.home-deco-tile,
:root[data-theme][data-accent] :is(.shopping-today-widget-v230,.home-fuel-price-tile-v343,.auto-fuel-price-overview-v343) {
  background:var(--app-tile-surface) !important;
  color:var(--app-title) !important;
  border-color:var(--app-tile-border) !important;
}
:root[data-theme][data-accent] #home-overview-root .home-summary-tile :is(strong,.home-summary-label),
:root[data-theme][data-accent] :is(.shopping-today-widget-v230,.auto-fuel-price-overview-v343) strong {
  color:var(--app-title) !important;
}
:root[data-theme][data-accent] #home-overview-root .home-summary-tile small,
:root[data-theme][data-accent] :is(.shopping-today-widget-v230,.auto-fuel-price-overview-v343) :is(small,em) {
  color:var(--app-secondary) !important;
}
:root[data-theme][data-accent] #home-overview-root .home-summary-tile .home-summary-icon,
:root[data-theme][data-accent] :is(.shopping-today-icon-v230,.auto-fuel-price-overview-icon-v343) {
  background:var(--app-icon-surface) !important;
  color:var(--accent-deep) !important;
  border-color:var(--app-tile-border) !important;
}
:root[data-theme][data-accent] :is(.shopping-today-widget-v230,.auto-fuel-price-overview-v343) > b { color:var(--accent-deep) !important; }
:root[data-theme][data-accent] #home-overview-root .home-summary-tile.home-deco-tile::before {
  background:radial-gradient(circle,var(--accent-soft-bg),transparent 72%) !important;
  animation:none !important;
}
:root[data-theme][data-accent] #home-overview-root .home-summary-tile.home-deco-tile::after { display:none !important; animation:none !important; }
:root[data-theme][data-accent] #home-overview-root .home-now-card-v440 {
  background:var(--app-tile-surface) !important; border-color:var(--app-tile-border) !important; color:var(--app-title) !important;
}
:root[data-theme][data-accent] #home-overview-root :is(.home-now-priority-item-v440,.home-now-weather-v440,.home-now-orb-v440,.home-now-priority-icon-v440,.home-now-phase-pill) {
  background:var(--app-muted-surface) !important; color:var(--app-title) !important; border-color:var(--app-tile-border) !important;
}
:root[data-theme][data-accent] #home-overview-root .home-now-card-v440 :is(h3,strong) { color:var(--app-title) !important; }
:root[data-theme][data-accent] #home-overview-root .home-now-card-v440 :is(p,small,em) { color:var(--app-secondary) !important; }

/* Rezepte: große Karten, Sammlungen, Bild-Platzhalter, Fakten und Hashtags. */
:root[data-theme][data-accent] :is(.recipe-card,.recipe-mini-card-v421,.recipe-compact-card-v425,.recipe-stat-v421,.recipe-action-card-v421,.recipe-collection-modal-v421,.recipe-filter-modal-v421,.recipe-detail-section-v283,.recipe-photo-sheet-panel-v435,.recipe-shopping-panel-v442,.recipe-tag-dialog-panel-v434,.recipe-ai-floating-v442,.recipe-smart-choice-v282) {
  background:var(--app-tile-surface) !important;
  color:var(--app-title) !important;
  border-color:var(--app-tile-border) !important;
}
:root[data-theme][data-accent] :is(.recipe-card-facts-v425 > div,.recipe-card-cover-v425,.recipe-compact-cover-v425,.recipe-mini-cover-v421,.recipe-card-iconbtn-v425,.recipe-tag-chip-v434,.recipe-tag-row-v434 span,.recipe-tag-more-v434,.recipe-search-box-v421,.recipe-sort-v421,.recipe-category-chip-v421,.recipe-show-all-v421,.recipe-filter-button-v421,.recipe-filter-options-v421 button,.recipe-quick-facts-v435 > span,.recipe-detail-overview-v285 > div,.recipe-shopping-row-v442,.recipe-shopping-select-actions-v442 button,.recipe-photo-sheet-actions-v435 button:not(.is-danger-v435),.recipe-tag-dialog-list-v434 span,.recipe-ai-floating-v442 span,.recipe-detail-actions-v442 .recipe-shopping-action-v442) {
  background:var(--app-muted-surface) !important;
  border-color:var(--app-tile-border) !important;
  color:var(--app-title) !important;
}
:root[data-theme][data-accent] .recipe-card :is(h3,strong,.recipe-card-title-v425) { color:var(--app-title) !important; }
:root[data-theme][data-accent] :is(.recipe-card-owner-v431,.recipe-card-desc-v425,.recipe-mini-copy-v421 small,.recipe-action-card-v421 small,.recipe-card-detailline-v425) { color:var(--app-secondary) !important; }
:root[data-theme][data-accent] :is(.recipe-card-openbtn-v425,.recipe-action-card-v421.is-primary-v421,.recipe-category-chip-v421.is-active-v421) {
  background:var(--app-selected-surface) !important;
  color:var(--app-selected-text) !important;
  border-color:var(--accent-border) !important;
}
:root[data-theme][data-accent] .recipe-card .recipe-card-openbtn-v425 :is(strong,span,b) { color:inherit !important; }
:root[data-theme][data-accent] .recipe-card-iconbtn-v425.is-favorite { color:var(--accent-danger,#bc4b55) !important; }
:root[data-theme][data-accent] .recipe-search-box-v421 input { color:var(--app-title) !important; -webkit-text-fill-color:var(--app-title) !important; }
:root[data-theme][data-accent] :is(.recipe-compact-body-v425,.recipe-mini-body-v421,.recipe-detail-section-v283,.recipe-shopping-panel-v442,.recipe-tag-dialog-panel-v434,.recipe-ai-floating-v442) :is(strong,h2,h3) { color:var(--app-title) !important; }
:root[data-theme][data-accent] :is(.recipe-compact-body-v425,.recipe-mini-body-v421,.recipe-detail-section-v283,.recipe-shopping-panel-v442,.recipe-tag-dialog-panel-v434) :is(small,p) { color:var(--app-secondary) !important; }

/* Kalender: Auswahlleiste, Tageszellen und Terminflächen. */
:root[data-theme][data-accent] .calendar-page-v218 :is(.calendar-view-tabs-v438,.calendar-grid-v438,.calendar-grid-v438 .cal-day:not(.cal-day-empty),.calendar-week-strip-v438,.calendar-week-day-v438,.calendar-selected-event-v438,.calendar-event-card-v411,.calendar-search-result-v411,.calendar-next-row-v411) {
  background:var(--app-tile-surface) !important;
  border-color:var(--app-tile-border) !important;
  color:var(--app-title) !important;
}
:root[data-theme][data-accent] .calendar-page-v218 :is(.view-tab,.calendar-icon-action-v438,.calendar-period-arrow-v438,.calendar-search-box-v411) {
  background:var(--app-muted-surface) !important;
  color:var(--app-title) !important;
  border-color:var(--app-tile-border) !important;
}
:root[data-theme][data-accent] .calendar-page-v218 :is(.view-tab.active,.calendar-icon-action-v438.is-primary-v438) {
  background:var(--app-selected-surface) !important;
  color:var(--app-selected-text) !important;
}
:root[data-theme][data-accent] .calendar-page-v218 :is(.calendar-grid-v438 .cal-day.is-selected-v438,.calendar-week-day-v438.is-selected-v438) {
  background:var(--app-muted-surface) !important;
  border-color:var(--accent-deep) !important;
  box-shadow:inset 0 0 0 1px var(--accent-deep) !important;
}
:root[data-theme][data-accent] :is(.calendar-event-card-v411,.calendar-detail-grid > div,.calendar-filter-card,.calendar-search-result-v411) {
  background:var(--app-tile-surface) !important; border-color:var(--app-tile-border) !important; color:var(--app-title) !important;
}

/* Auto und Tankpreise: Informationsflächen und normale Steuerelemente. */
:root[data-theme][data-accent] :is(.auto-metric-card-v325,.auto-entry-card-v325,.auto-info-strip-v325,.auto-active-trip-v325,.auto-account-total-v405,.auto-carryover-months-v405,.auto-note-card-v325,.auto-setting-row-v325,.auto-primary-action-v325:not(.is-primary),.fuel-station-card-v343,.fuel-search-card-v343,.fuel-tool-card-v343,.fuel-recommendation-v343,.fuel-fill-summary-v343,.auto-fuel-compact-v344) {
  background:var(--app-tile-surface) !important;
  border-color:var(--app-tile-border) !important;
  color:var(--app-title) !important;
}
:root[data-theme][data-accent] :is(.auto-metric-card-v325,.auto-entry-card-v325,.fuel-station-card-v343,.auto-fuel-best-v344) strong { color:var(--app-title) !important; }
:root[data-theme][data-accent] :is(.auto-metric-card-v325,.auto-entry-card-v325,.fuel-station-card-v343,.auto-fuel-best-v344) :is(small,p) { color:var(--app-secondary) !important; }
:root[data-theme][data-accent] :is(.auto-metric-icon-v325,.auto-entry-icon-v325,.auto-round-icon-v325,.fuel-station-facts-v343 > div,.fuel-result-chip-v343,.auto-fuel-best-v344,.fuel-price-hero-v343) {
  background:var(--app-muted-surface) !important;
  border-color:var(--app-tile-border) !important;
  color:var(--app-title) !important;
}

/* Kategorien und Plus: ein Symbol pro Feld, klare Boxen ohne Deko im Symbol. */
:root[data-theme][data-accent] :is(.mobile-category-link,.desktop-category-link-v393,.mobile-category-group-toggle-v389,.desktop-category-group-toggle-v393,.plus-action-card-v309) {
  background:var(--app-tile-surface) !important;
  border-color:var(--app-tile-border) !important;
  color:var(--app-title) !important;
}
:root[data-theme][data-accent] #modal-root :is(.mobile-category-icon-v460,.mobile-category-group-icon-v389,.plus-action-icon-v309),
:root[data-theme][data-accent] .nav-links-v393 :is(.desktop-category-icon-v460,.desktop-category-group-icon-v393) {
  background:var(--app-icon-surface) !important;
  color:var(--accent-deep) !important;
  border:1px solid var(--app-tile-border) !important;
  box-shadow:none !important;
  display:grid !important; place-items:center; flex-shrink:0;
}
:root[data-theme][data-accent] :is(.mobile-category-link,.desktop-category-link-v393,.mobile-category-group-copy-v389,.desktop-category-group-toggle-v393,.plus-action-copy-v309) strong { color:var(--app-title) !important; }
:root[data-theme][data-accent] :is(.mobile-category-group-copy-v389,.desktop-category-group-toggle-v393,.plus-action-copy-v309) small { color:var(--app-secondary) !important; }
:root[data-theme][data-accent] .plus-menu-v309 {
  --plus-text-v309:var(--app-title); --plus-muted-v309:var(--app-secondary);
  --plus-card-v309:var(--app-tile-surface); --plus-line-v309:var(--app-tile-border); --plus-icon-v309:var(--app-icon-surface);
  background:var(--app-tile-surface) !important;
}
:root[data-theme][data-accent] :is(.plus-ai-card-v309,.plus-ai-icon-v309,.plus-ai-chevron-v309,.plus-action-chevron-v309,.plus-menu-kicker-v309,.plus-menu-kicker-v309 > span) { background:var(--app-muted-surface) !important; color:var(--app-title) !important; border-color:var(--app-tile-border) !important; }
:root[data-theme][data-accent] .plus-ai-copy-v309 strong { color:var(--app-title) !important; }
:root[data-theme][data-accent] .plus-ai-copy-v309 small { color:var(--app-secondary) !important; }

/* Einfache Flächen statt mehrerer Unschärfe-Ebenen während Touch-Interaktionen. */
.modal-backdrop-mobile-sheet,
.modal-content-mobile-sheet,
.mobile-nav-sheet,
.mobile-nav-sheet :is(button,a,span),
.nav-links-v393 {
  backdrop-filter:none !important; -webkit-backdrop-filter:none !important;
}
.modal-backdrop-mobile-sheet { background:rgba(12,9,17,.65); }
#modal-root.modal-backdrop-category-sheet > .modal-content-mobile-sheet,
#modal-root.modal-backdrop-quick-add > .modal-content-mobile-sheet { transition:none !important; animation:none !important; }
.mobile-category-group-panel-v389 { transition:none !important; }
:root[data-theme][data-accent] .mobile-nav-sheet :is(.plus-action-card-v309,.mobile-category-link) { transition:border-color .12s ease !important; box-shadow:none !important; }
.mobile-nav-sheet :is(.plus-action-card-v309,.mobile-category-link):hover { transform:none !important; }
.mobile-nav-sheet :is(.plus-action-icon-v309,.mobile-category-icon-v460) { background-image:none !important; }
/* v461: kompakte Kategorien wieder als kurze Zeilen mit Symbol neben dem Text. */
:root[data-theme][data-accent] #modal-root .category-layout-compact-v394 .mobile-category-link {
  display:flex !important; flex-direction:row !important; align-items:center !important; justify-content:flex-start !important;
  gap:.38rem !important; padding:.45rem !important; min-height:56px !important; text-align:left !important;
}
:root[data-theme][data-accent] #modal-root .category-layout-compact-v394 .mobile-category-icon-v460 {
  width:28px !important; height:28px !important; flex:0 0 28px !important; font-size:1.05rem !important; border-radius:9px !important;
}
:root[data-theme][data-accent] #modal-root .category-layout-compact-v394 .mobile-category-link strong {
  width:auto; min-width:0; font-size:.78rem !important; line-height:1.2 !important; overflow-wrap:anywhere !important; word-break:normal !important; hyphens:auto;
}

/* v464 – Essensplan: Tagesplan, Mahlzeiten und die zugehörigen Auswahlfelder. */
:root[data-theme][data-accent] #week-planner ~ .meal-plan-note-v321 { color:var(--app-secondary) !important; }
:root[data-theme][data-accent] .view-tabs { background:var(--app-muted-surface) !important; border-color:var(--app-tile-border) !important; }
:root[data-theme][data-accent] .meal-header-actions #btn-today { background:var(--button-soft-bg) !important; color:var(--button-text) !important; border-color:var(--button-border) !important; }
:root[data-theme][data-accent] :is(.meal-day-focus-v238,.meal-day-meal-card-v238,.meal-current-card-v322,.meal-recipe-item-v321,.meal-choice-btn-v322,.meal-selected-target-v322,.meal-photo-preview-v323,.archive-week,.archive-day) {
  background:var(--app-tile-surface) !important; color:var(--app-title) !important; border-color:var(--app-tile-border) !important; box-shadow:none !important;
}
:root[data-theme][data-accent] :is(.meal-week-chip-v238,.meal-day-icon-v238,.meal-state-pill-v321,.meal-slot-mini-btn-v321,.meal-slot-toggle-btn-v321,.meal-modal-chip-v321,.meal-helper-chip-v321,.meal-choice-link-v322:not(.is-danger),.meal-photo-empty-v323,.archive-meal-photo-placeholder) {
  background:var(--app-muted-surface) !important; color:var(--app-title) !important; border-color:var(--app-tile-border) !important;
}
:root[data-theme][data-accent] :is(.meal-week-chip-v238.is-active,.meal-slot-toggle-btn-v321.is-active) {
  background:var(--app-selected-surface) !important; color:var(--app-selected-text) !important; border-color:var(--accent-border) !important;
}
:root[data-theme][data-accent] :is(.meal-day-focus-v238,.meal-current-card-v322,.meal-recipe-item-v321,.archive-week) :is(h2,h3,strong,.meal-text) { color:var(--app-title) !important; }
:root[data-theme][data-accent] :is(.meal-day-focus-v238,.meal-week-chip-v238,.meal-current-card-v322,.meal-recipe-item-v321,.archive-week) :is(small,p,.text-muted),
:root[data-theme][data-accent] .meal-slot-mini-note-v321 { color:var(--app-secondary) !important; }
:root[data-theme][data-accent] .meal-week-chip-v238.is-active :is(small,strong) { color:var(--app-selected-text) !important; }

/* Einkauf: offene und erledigte Kategorien sowie die Zeilen verwenden dasselbe Theme. */
:root[data-theme][data-accent] .shopping-section :is(.shopping-category,.shopping-category-v215),
:root[data-theme][data-accent] :is(.shopping-hero-card,.shopping-field-card-v224,.shopping-category-card-v215,.shopping-import-card-v224,.shopping-done-today-v324) {
  background:var(--app-tile-surface) !important; border-color:var(--app-tile-border) !important; color:var(--app-title) !important; box-shadow:none !important;
}
:root[data-theme][data-accent] .shopping-section .shopping-categories { background:var(--app-muted-surface) !important; border-color:var(--app-tile-border) !important; }
:root[data-theme][data-accent] .shopping-done-today-v324 > .shopping-section-header { border-color:var(--app-tile-border) !important; }
:root[data-theme][data-accent] .shopping-section :is(.shopping-category-header,.shopping-item),
:root[data-theme][data-accent] :is(.shopping-category-icon,.shopping-category-count,.shopping-category-chevron,.shopping-item-qty,.shopping-section-count,.shopping-hero-stats > span,.shopping-category-choice,.shopping-import-card-body small span) {
  background:var(--app-muted-surface) !important; border-color:var(--app-tile-border) !important; color:var(--app-title) !important;
}
:root[data-theme][data-accent] .shopping-section :is(.shopping-category-title,.shopping-item-name,.shopping-section-title) { color:var(--app-title) !important; }
:root[data-theme][data-accent] .shopping-section :is(.shopping-item-note,.shopping-item-meta,.shopping-item-done-info,.shopping-section-subtitle-v294) { color:var(--app-secondary) !important; }
:root[data-theme][data-accent] .shopping-section .shopping-item.is-checked .shopping-item-name { color:var(--app-secondary) !important; }
:root[data-theme][data-accent] .shopping-section .shopping-check {
  background:var(--app-icon-surface) !important; color:var(--app-title) !important; border-color:var(--accent-deep) !important;
}
:root[data-theme][data-accent] .shopping-section .shopping-item.is-checked .shopping-check,
:root[data-theme][data-accent] .shopping-category-picker .shopping-category-choice.is-selected {
  background:var(--app-selected-surface) !important; color:var(--app-selected-text) !important; border-color:var(--accent-border) !important;
}
:root[data-theme][data-accent] .shopping-category-choice strong { color:inherit !important; }

/* Waschen: Statistik, Suche, Umschalter, Filter und Waschhinweise. */
:root[data-theme][data-accent] :is(.washing-page-card,.washing-card,.washing-card-toggle,.washing-ai-step-card-v267,.washing-ai-choice-v267,.washing-label-review-v261) {
  background:var(--app-tile-surface) !important; border-color:var(--app-tile-border) !important; color:var(--app-title) !important; box-shadow:none !important;
}
:root[data-theme][data-accent] :is(.washing-summary-card,.washing-filter-chip,.washing-search-wrap,.washing-view-toggle,.washing-view-btn,.washing-facts > div,.washing-expand-icon,.washing-dry-card) {
  background:var(--app-muted-surface) !important; border-color:var(--app-tile-border) !important; color:var(--app-title) !important;
}
:root[data-theme][data-accent] :is(.washing-card-icon,.washing-summary-dry,.washing-dry-icon) { background:var(--app-icon-surface) !important; color:var(--app-title) !important; border-color:var(--app-tile-border) !important; box-shadow:none !important; }
:root[data-theme][data-accent] :is(.washing-filter-chip.is-active,.washing-view-btn.is-active) { background:var(--app-selected-surface) !important; color:var(--app-selected-text) !important; border-color:var(--accent-border) !important; }
:root[data-theme][data-accent] :is(.washing-summary-card,.washing-card,.washing-ai-step-card-v267) :is(h3,strong) { color:var(--app-title) !important; }
:root[data-theme][data-accent] :is(.washing-summary-card span,.washing-card-title small,.washing-note,.washing-facts span,.washing-section-header .text-muted) { color:var(--app-secondary) !important; }

/* Müllabfuhr: nächste Abholung, Typen und Datumsliste. Die Müll-Symbole bleiben erhalten. */
:root[data-theme][data-accent] :is(.waste-next-hero,.waste-date-row,.waste-empty-state) { background:var(--app-tile-surface) !important; border-color:var(--app-tile-border) !important; color:var(--app-title) !important; }
:root[data-theme][data-accent] :is(.waste-next-hero > span,.waste-empty-icon) { background:var(--app-icon-surface) !important; color:var(--app-title) !important; }
:root[data-theme][data-accent] .waste-type-chips > span { background:var(--app-muted-surface) !important; border-color:var(--app-tile-border) !important; color:var(--app-title) !important; }
:root[data-theme][data-accent] :is(.waste-next-hero,.waste-date-row) :is(strong,h3,span) { color:var(--app-title) !important; }
:root[data-theme][data-accent] :is(.waste-next-hero,.waste-date-row) :is(small,p) { color:var(--app-secondary) !important; }

/* Hausinfos und öffentliche Profile: Flächen statt fester grüner Verläufe. */
:root[data-theme][data-accent] :is(.home-info-card,.home-info-editor-v279,.member-detail-section,.member-detail-grid > div) { background:var(--app-tile-surface) !important; color:var(--app-title) !important; border-color:var(--app-tile-border) !important; }
:root[data-theme][data-accent] :is(.home-info-card-top > span,.home-info-wifi-box,.home-info-address-box,.home-info-mini-pill-v279,.home-info-note-v279,.home-info-detail-list-v279,.home-info-detail-row-v279,.member-detail-about) { background:var(--app-muted-surface) !important; color:var(--app-title) !important; border-color:var(--app-tile-border) !important; }
:root[data-theme][data-accent] :is(.home-info-card,.member-detail-modal) :is(h2,h3,strong) { color:var(--app-title) !important; }
:root[data-theme][data-accent] :is(.home-info-card,.member-detail-modal) :is(p,small,.text-muted,.home-info-meta,.home-info-subtitle-v279) { color:var(--app-secondary) !important; }
:root[data-theme][data-accent] .home-info-card.is-urgent { border-color:var(--accent-danger,#bc4b55) !important; }
:root[data-theme][data-accent] .member-detail-grid > div { white-space:pre-wrap; overflow-wrap:anywhere; }

/* Strom und Spülmaschine: auch Ladezustände, kleine Statusfelder und Programme. */
:root[data-theme][data-accent] :is(.compact-empty,.integration-empty-state) { background:var(--app-muted-surface) !important; color:var(--app-secondary) !important; border-color:var(--app-tile-border) !important; }
:root[data-theme][data-accent] :is(.electricity-card,.electricity-card-hero,.homeconnect-hero-v454,.homeconnect-v454.is-running-v454 .homeconnect-hero-v454,.homeconnect-current-program-v454,.homeconnect-programs-v454,.homeconnect-details-v454,.homeconnect-admin-block-v454) {
  background:var(--app-tile-surface) !important; color:var(--app-title) !important; border-color:var(--app-tile-border) !important;
}
:root[data-theme][data-accent] :is(.electricity-hero-pill,.electricity-meta > span,.electricity-flow-line,.homeconnect-status-card-v454,.homeconnect-runtime-row-v454 > span,.homeconnect-program-btn-v454,.homeconnect-api-group-v454,.homeconnect-program-toggle-v454,.homeconnect-delay-row-v454,.homeconnect-option-chips-v454 > span,.homeconnect-program-state-v454,.homeconnect-detail-chip-v454) {
  background:var(--app-muted-surface) !important; color:var(--app-title) !important; border-color:var(--app-tile-border) !important;
}
:root[data-theme][data-accent] :is(.homeconnect-hero-icon-v454,.homeconnect-program-big-icon-v454,.homeconnect-status-card-v454 > span,.homeconnect-status-card-v454.is-good-v454 > span,.integration-empty-icon) { background:var(--app-icon-surface) !important; color:var(--app-title) !important; }
:root[data-theme][data-accent] :is(.electricity-card,.homeconnect-v454) :is(h3,h4,strong,.metric-value) { color:var(--app-title) !important; }
:root[data-theme][data-accent] :is(.electricity-card,.homeconnect-v454) :is(small,p,.text-muted,.eyebrow) { color:var(--app-secondary) !important; }
:root[data-theme][data-accent] .homeconnect-progress-v454 { background:var(--app-muted-surface) !important; }
:root[data-theme][data-accent] .homeconnect-progress-v454 > span { background:var(--accent-action) !important; }
/* Warnungen behalten ihre Bedeutung; normale Statuskarten nutzen die Themefläche. */
:root[data-theme][data-accent] .homeconnect-status-card-v454.is-warning-v454 { border-color:var(--accent-danger,#bc4b55) !important; }

/* Tanken: Kategorienleiste und die Unterfelder in allen fünf Ansichten. */
:root[data-theme][data-accent] :is(.tank-prices-tabs-v344,.tank-prices-view-intro-v344,.fuel-tool-result-v343,.fuel-alert-row-v343,.fuel-setting-row-v343) { background:var(--app-tile-surface) !important; color:var(--app-title) !important; border-color:var(--app-tile-border) !important; }
:root[data-theme][data-accent] .tank-prices-tabs-v344 button { background:var(--app-muted-surface) !important; color:var(--app-title) !important; border-color:var(--app-tile-border) !important; }
:root[data-theme][data-accent] .tank-prices-tabs-v344 button.is-active { background:var(--app-selected-surface) !important; color:var(--app-selected-text) !important; border-color:var(--accent-border) !important; }
:root[data-theme][data-accent] .tank-prices-tabs-v344 button.is-active span { color:inherit !important; }
:root[data-theme][data-accent] :is(.fuel-search-card-v343,.fuel-tool-card-v343,.fuel-station-card-v343,.tank-prices-view-intro-v344) :is(small,p) { color:var(--app-secondary) !important; }

/* Eingaben und native Auswahllisten in den überarbeiteten Bereichen. */
:root[data-theme][data-accent] :is(.washing-search-wrap,.washing-modal,.home-info-editor-v279,.meal-edit-modal,.meal-poll-modal,.meal-recipe-picker-modal-v321,.shopping-add-sheet-v228,.shopping-import-modal,.fuel-search-card-v343,.fuel-tool-card-v343,.fuel-location-modal-v343,.homeconnect-delay-row-v454) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),textarea,select,option) {
  background:var(--app-muted-surface) !important; color:var(--app-title) !important; -webkit-text-fill-color:var(--app-title) !important; border-color:var(--app-tile-border) !important;
}