/* FuelCore V514 — coherent Light Mode surface layer. Dark mode is unchanged. */

:root {
  --fd-r519-page: #f5f5f7;
  --fd-r519-surface: #ffffff;
  --fd-r519-surface-soft: #fafafd;
  --fd-r519-control: #f0f0f3;
  --fd-r519-control-strong: #e7e7eb;
  --fd-r519-border: #d4d4da;
  --fd-r519-divider: #dedee3;
  --fd-r519-text: #171719;
  --fd-r519-muted: #74747b;
  --fd-r519-placeholder: #8a8a91;
  --fd-r519-red: #ff3b30;
  --fd-r519-red-soft: #fff0ef;
  --fd-r519-green: #1f9d4c;
  --fd-r519-green-soft: #e9f8ee;
  --fd-r519-yellow: #a96700;
  --fd-r519-map: #ececef;
  --fd-r519-shadow: 0 12px 32px rgba(24, 24, 32, 0.08);
}

html[data-fd-theme="light"] {
  color-scheme: light;
  --fd-page: var(--fd-r519-page);
  --fd-surface: var(--fd-r519-surface);
  --fd-surface-raised: var(--fd-r519-surface-soft);
  --fd-field: var(--fd-r519-control);
  --fd-border: var(--fd-r519-border);
  --fd-border-strong: #bcbcc4;
  --fd-text: var(--fd-r519-text);
  --fd-muted: var(--fd-r519-muted);
  --fd-subtle: var(--fd-r519-placeholder);
  --fd-accent: var(--fd-r519-red);
  --fd-positive: var(--fd-r519-green);
  --fd-negative: var(--fd-r519-red);
  --fd-warning: var(--fd-r519-yellow);
  --fd-success-surface: var(--fd-r519-green-soft);
  --fd-error-surface: var(--fd-r519-red-soft);
  --fd-focus-ring: var(--fd-r519-red);
  --brand-red: var(--fd-r519-red);
  --control-glass: var(--fd-r519-control);
  --control-border: var(--fd-r519-border);
  --control-text: var(--fd-r519-text);
  --control-active: var(--fd-r519-red);
  --control-active-border: var(--fd-r519-red);
  --fd-nav-bg: var(--fd-r519-surface);
  --fd-nav-border: var(--fd-r519-border);
  --fd-page-bg: var(--fd-r519-page);
  background: var(--fd-r519-page) !important;
  background-color: var(--fd-r519-page) !important;
}

html[data-fd-theme="light"],
html[data-fd-theme="light"] body,
html[data-fd-theme="light"] #app {
  background: var(--fd-r519-page) !important;
  background-color: var(--fd-r519-page) !important;
  background-image: none !important;
  color: var(--fd-r519-text);
}

html[data-fd-theme="light"] body {
  -webkit-font-smoothing: antialiased;
}

html[data-fd-theme="light"] body,
html[data-fd-theme="light"] body :is(main, .app-shell, .app-container, .main-content, .view-shell, .dashboard-view, .search-view, .favorites-view) {
  color: var(--fd-r519-text);
}

html[data-fd-theme="light"] body :is(.brand-header, .header-actions, .fd-main-header-actions),
html[data-fd-theme="light"] body .brand-header::before,
html[data-fd-theme="light"] body .brand-header::after {
  background: transparent !important;
  background-image: none !important;
  color: var(--fd-r519-text);
}

html[data-fd-theme="light"] body :is(.brand-header, .fd-main-header-actions) {
  border-color: var(--fd-r519-divider) !important;
}

html[data-fd-theme="light"] body :is(.brand-header .header-actions, .fd-main-header-actions) :is(.round-button, button, .fd-glass-control) {
  background: var(--fd-r519-surface) !important;
  border-color: var(--fd-r519-border) !important;
  box-shadow: 0 5px 16px rgba(24, 24, 32, 0.08) !important;
  color: var(--fd-r519-text) !important;
}

html[data-fd-theme="light"] body :is(.brand-header .header-actions, .fd-main-header-actions) :is(.round-button, button, .fd-glass-control):hover,
html[data-fd-theme="light"] body :is(.brand-header .header-actions, .fd-main-header-actions) :is(.round-button, button, .fd-glass-control):focus-visible {
  background: var(--fd-r519-control) !important;
  border-color: var(--fd-r519-red) !important;
}

html[data-fd-theme="light"] body :is(.brand-header svg, .header-actions svg, .fd-main-header-actions svg, .round-button svg) {
  color: currentColor;
  stroke: currentColor;
}

html[data-fd-theme="light"] body :is(.glass-card, .price-hero, .station-card, .result-list .station-card, .detail-card, .detail-chart, .detail-prices, .menu-card, .fuel-preference, .nearby-radius, .favorites-block, .primary-station-card, .route-chooser, .search-suggestion-panel, .search-field, .detail-history-status, .tab-stepper__controls, .fuel-map, .location-card) {
  background: var(--fd-r519-surface) !important;
  background-image: none !important;
  border-color: var(--fd-r519-border) !important;
  box-shadow: var(--fd-r519-shadow) !important;
  color: var(--fd-r519-text) !important;
}

html[data-fd-theme="light"] body :is(.glass-card, .price-hero, .station-card, .detail-card, .menu-card, .fuel-preference, .nearby-radius, .primary-station-card, .route-chooser, .search-suggestion-panel, .search-field, .location-card)::before,
html[data-fd-theme="light"] body :is(.glass-card, .price-hero, .station-card, .detail-card, .menu-card, .fuel-preference, .nearby-radius, .primary-station-card, .route-chooser, .search-suggestion-panel, .search-field, .location-card)::after {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-fd-theme="light"] body :is(.glass-card, .price-hero, .station-card, .detail-card, .menu-card, .fuel-preference, .nearby-radius, .primary-station-card, .route-chooser, .search-suggestion-panel, .search-field, .location-card) :is(h1, h2, h3, h4, p, strong, label, span, small, li) {
  color: var(--fd-r519-text);
}

html[data-fd-theme="light"] body :is(.glass-card, .price-hero, .station-card, .detail-card, .menu-card, .fuel-preference, .nearby-radius, .primary-station-card, .route-chooser, .search-suggestion-panel, .search-field, .location-card) :is(small, em, .muted, .station-meta, .station-address, .station-distance, .location-meta, .detail-meta, .helper, .empty-state) {
  color: var(--fd-r519-muted) !important;
}

html[data-fd-theme="light"] body :is(input, select, textarea, .search-field input, .search-field select, .fd-field input, .fd-field select, .fd-field textarea, .fd-route-input, .route-input, .filter-control) {
  background: var(--fd-r519-control) !important;
  border-color: var(--fd-r519-border) !important;
  color: var(--fd-r519-text) !important;
  box-shadow: none !important;
}

html[data-fd-theme="light"] body :is(input, select, textarea)::placeholder {
  color: var(--fd-r519-placeholder) !important;
  opacity: 1;
}

html[data-fd-theme="light"] body :is(input, select, textarea):focus,
html[data-fd-theme="light"] body :is(.search-field, .fd-field, .fd-route-input):focus-within {
  border-color: var(--fd-r519-red) !important;
  outline-color: var(--fd-r519-red);
  box-shadow: 0 0 0 3px rgba(255, 59, 48, 0.14) !important;
}

html[data-fd-theme="light"] body :is(button, [role="button"]) {
  -webkit-tap-highlight-color: rgba(255, 59, 48, 0.12);
}

html[data-fd-theme="light"] body :is(.fuel-tab-bar, .bottom-nav, .app-bottom-nav) {
  background: rgba(255, 255, 255, 0.96) !important;
  background-image: none !important;
  border-color: var(--fd-r519-border) !important;
  box-shadow: 0 -8px 24px rgba(24, 24, 32, 0.08) !important;
  color: var(--fd-r519-muted) !important;
}

html[data-fd-theme="light"] body .fuel-tab-bar button {
  background: transparent !important;
  border-color: transparent !important;
  color: var(--fd-r519-muted) !important;
  box-shadow: none !important;
}

html[data-fd-theme="light"] body .fuel-tab-bar button.is-active,
html[data-fd-theme="light"] body .fuel-tab-bar button[aria-current="page"] {
  background: var(--fd-r519-red-soft) !important;
  border-color: transparent !important;
  color: var(--fd-r519-red) !important;
}

html[data-fd-theme="light"] body :is(.fuel-preference button, .nearby-radius button, .fuel-tab-bar button, .segmented-control button, .fuel-segment button, .fd-route-segmented button) {
  color: var(--fd-r519-muted) !important;
}

html[data-fd-theme="light"] body :is(.fuel-preference button.is-active, .nearby-radius button.is-active, .segmented-control button.is-active, .fuel-segment button.is-active, .fd-route-segmented button.is-active) {
  background: var(--fd-r519-red-soft) !important;
  border-color: var(--fd-r519-red) !important;
  color: var(--fd-r519-red) !important;
}

html[data-fd-theme="light"] body :is(.menu-card button, .fd-menu-ready button, .about-build, .fd-pwa-update) {
  background: transparent !important;
  border-color: var(--fd-r519-divider) !important;
  color: var(--fd-r519-text) !important;
}

html[data-fd-theme="light"] body :is(.menu-card button, .fd-menu-ready button, .about-build, .fd-pwa-update):hover,
html[data-fd-theme="light"] body :is(.menu-card button, .fd-menu-ready button, .about-build, .fd-pwa-update):focus-visible {
  background: var(--fd-r519-control) !important;
}

html[data-fd-theme="light"] body :is(.menu-card button em, .fd-pwa-update em, .about-build em) {
  color: var(--fd-r519-muted) !important;
}

html[data-fd-theme="light"] body :is(.price, .price-value, .station-value > strong, .station-price, .detail-price, .price-hero strong, .primary-station-price, .fd-alert-price) {
  color: var(--fd-r519-red) !important;
}

html[data-fd-theme="light"] body :is(.price-change.is-down, .price-change.good, .price-trend.is-down, .fd-price-down, .fd-best, .recommendation-good, .status-open, .is-open) {
  color: var(--fd-r519-green) !important;
}

html[data-fd-theme="light"] body :is(.price-change.is-up, .price-change.bad, .price-trend.is-up, .fd-price-up, .recommendation-wait, .status-closed) {
  color: var(--fd-r519-yellow) !important;
}

html[data-fd-theme="light"] body :is(.status-dot, .opening-dot, .station-opening-dot, .fd-status-dot) {
  background: var(--fd-r519-green) !important;
  box-shadow: none !important;
}

html[data-fd-theme="light"] body :is(.primary-button, .cta-button, .fd-tank-submit, .fd-route-submit, .fd-fuel-reset, .fd-alert-enable, .fd-alert-test, .fd-admin-submit, .fd-push-submit) {
  background: var(--fd-r519-red) !important;
  border-color: var(--fd-r519-red) !important;
  color: #ffffff !important;
  box-shadow: 0 8px 18px rgba(255, 59, 48, 0.2) !important;
}

html[data-fd-theme="light"] body :is(.primary-button, .cta-button, .fd-tank-submit, .fd-route-submit, .fd-fuel-reset, .fd-alert-enable, .fd-alert-test, .fd-admin-submit, .fd-push-submit):hover,
html[data-fd-theme="light"] body :is(.primary-button, .cta-button, .fd-tank-submit, .fd-route-submit, .fd-fuel-reset, .fd-alert-enable, .fd-alert-test, .fd-admin-submit, .fd-push-submit):focus-visible {
  background: #e52f26 !important;
  border-color: #e52f26 !important;
}

html[data-fd-theme="light"] body :is(.favorite-toggle, .favorite-button, .favorite-icon).is-active,
html[data-fd-theme="light"] body :is(.favorite-toggle, .favorite-button, .favorite-icon)[aria-pressed="true"] {
  color: var(--fd-r519-red) !important;
  background: var(--fd-r519-red-soft) !important;
  border-color: #ffb8b3 !important;
}

html[data-fd-theme="light"] body :is(.fuel-map, .station-map, .detail-map, .fd-route-map, .fd-statistics-map-section) {
  background: var(--fd-r519-map) !important;
  border-color: var(--fd-r519-border) !important;
  box-shadow: none !important;
}

html[data-fd-theme="light"] body :is(.fuel-map, .station-map, .detail-map, .fd-route-map) :is(.leaflet-control, .leaflet-bar, .map-control, .map-attribution) {
  background: rgba(255, 255, 255, 0.94) !important;
  border-color: var(--fd-r519-border) !important;
  color: var(--fd-r519-muted) !important;
}

html[data-fd-theme="light"] body :is(.fuel-map, .station-map, .detail-map, .fd-route-map) :is(.leaflet-control a, .map-control button) {
  color: var(--fd-r519-text) !important;
  background: var(--fd-r519-surface) !important;
}

html[data-fd-theme="light"] body :is(.fd-feature-page, .fd-feature-shell, .fd-feature-content) {
  background: var(--fd-r519-page) !important;
  background-image: none !important;
  color: var(--fd-r519-text) !important;
}

html[data-fd-theme="light"] body .fd-feature-page {
  border-color: var(--fd-r519-divider) !important;
}

html[data-fd-theme="light"] body .fd-feature-page[data-fd-feature-view="appearance"],
html[data-fd-theme="light"] body .fd-feature-page[data-fd-feature-view="vehicles"],
html[data-fd-theme="light"] body .fd-feature-page[data-fd-feature-view="fuel-calculator"] {
  background: var(--fd-r519-page) !important;
}

html[data-fd-theme="light"] body .fd-feature-header {
  background: var(--fd-r519-page) !important;
  border-bottom-color: var(--fd-r519-divider) !important;
  box-shadow: none !important;
}

html[data-fd-theme="light"] body .fd-feature-heading :is(small, .eyebrow),
html[data-fd-theme="light"] body .fd-feature-card > small,
html[data-fd-theme="light"] body .fd-feature-card__head > small {
  color: var(--fd-r519-red) !important;
}

html[data-fd-theme="light"] body :is(.fd-feature-heading h1, .fd-feature-heading h2, .fd-feature-heading p, .fd-feature-card h2, .fd-feature-card h3, .fd-feature-card p, .fd-feature-note) {
  color: var(--fd-r519-text) !important;
}

html[data-fd-theme="light"] body .fd-feature-heading p,
html[data-fd-theme="light"] body .fd-feature-note,
html[data-fd-theme="light"] body .fd-feature-card__head p {
  color: var(--fd-r519-muted) !important;
}

html[data-fd-theme="light"] body :is(.fd-feature-card, .fd-account-page-card, .fd-account-sheet, .fd-vehicles-overview-card, .fd-vehicle-editor-card, .fd-vehicle-card, .fd-fuel-settings-card, .fd-fuel-results-card, .fd-tank-entry, .fd-month-card, .fd-cloud-card, .fd-backup-card, .fd-admin-panel, .fd-admin-push-card, .fd-push-notice-admin-card, .fd-route-planner, .fd-route-summary, .fd-alert-modal, .fd-alert-sheet) {
  background: var(--fd-r519-surface) !important;
  background-image: none !important;
  border-color: var(--fd-r519-border) !important;
  box-shadow: var(--fd-r519-shadow) !important;
  color: var(--fd-r519-text) !important;
}

html[data-fd-theme="light"] body :is(.fd-feature-card, .fd-account-page-card, .fd-account-sheet, .fd-vehicles-overview-card, .fd-vehicle-editor-card, .fd-vehicle-card, .fd-fuel-settings-card, .fd-fuel-results-card, .fd-tank-entry, .fd-month-card, .fd-cloud-card, .fd-backup-card, .fd-admin-panel, .fd-admin-push-card, .fd-push-notice-admin-card, .fd-route-planner, .fd-route-summary, .fd-alert-modal, .fd-alert-sheet) :is(h1, h2, h3, h4, p, strong, label, span, small, li) {
  color: var(--fd-r519-text);
}

html[data-fd-theme="light"] body :is(.fd-feature-card, .fd-account-page-card, .fd-account-sheet, .fd-vehicles-overview-card, .fd-vehicle-editor-card, .fd-vehicle-card, .fd-fuel-settings-card, .fd-fuel-results-card, .fd-tank-entry, .fd-month-card, .fd-cloud-card, .fd-backup-card, .fd-admin-panel, .fd-admin-push-card, .fd-push-notice-admin-card, .fd-route-planner, .fd-route-summary, .fd-alert-modal, .fd-alert-sheet) :is(.muted, .helper, .description, .meta, .fd-feature-note, em) {
  color: var(--fd-r519-muted) !important;
}

html[data-fd-theme="light"] body :is(.fd-feature-card__head, .fd-admin-run-item, .fd-admin-user, .fd-alert-row, .fd-alert-station, .fd-route-result-row, .fd-fuel-result-grid article, .fd-tank-summary article, .fd-month-grid article, .fd-statistics-period, .fd-statistics-picker) {
  background: var(--fd-r519-surface-soft) !important;
  border-color: var(--fd-r519-divider) !important;
  color: var(--fd-r519-text) !important;
}

html[data-fd-theme="light"] body :is(.fd-field, .fd-field-affix, .fd-vehicle-form input, .fd-vehicle-form select, .fd-statistics-picker select, .fd-fuel-settings-card input, .fd-fuel-settings-card select, .fd-alert-modal input, .fd-alert-modal select, .fd-route-form input, .fd-route-form select) {
  color: var(--fd-r519-text) !important;
}

html[data-fd-theme="light"] body :is(.fd-field > label, .fd-vehicle-form label, .fd-fuel-settings-card label, .fd-alert-modal label, .fd-route-form label, .fd-statistics-picker label) {
  color: var(--fd-r519-muted) !important;
}

html[data-fd-theme="light"] body .fd-feature-back {
  background: var(--fd-r519-surface) !important;
  border-color: var(--fd-r519-border) !important;
  color: var(--fd-r519-text) !important;
  box-shadow: 0 5px 16px rgba(24, 24, 32, 0.08) !important;
}

/* Darstellung */
html[data-fd-theme="light"] body .fd-appearance-intro {
  background: var(--fd-r519-surface) !important;
}

html[data-fd-theme="light"] body .fd-theme-options {
  display: grid;
  gap: 18px;
}

html[data-fd-theme="light"] body .fd-theme-choice {
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr) 42px;
  gap: 22px;
  align-items: center;
  width: 100%;
  min-height: 176px;
  padding: 18px 22px;
  text-align: left;
  background: var(--fd-r519-surface) !important;
  border: 2px solid var(--fd-r519-border) !important;
  border-radius: 28px;
  color: var(--fd-r519-text) !important;
  box-shadow: var(--fd-r519-shadow) !important;
}

html[data-fd-theme="light"] body .fd-theme-choice:hover,
html[data-fd-theme="light"] body .fd-theme-choice:focus-visible {
  border-color: #ff9993 !important;
  background: var(--fd-r519-surface-soft) !important;
}

html[data-fd-theme="light"] body .fd-theme-choice.is-selected {
  background: var(--fd-r519-surface) !important;
  border-color: var(--fd-r519-red) !important;
  box-shadow: 0 10px 26px rgba(255, 59, 48, 0.14) !important;
}

html[data-fd-theme="light"] body .fd-theme-choice__copy {
  display: grid;
  gap: 8px;
  min-width: 0;
}

html[data-fd-theme="light"] body .fd-theme-choice__copy strong {
  font-size: 22px;
  color: var(--fd-r519-text) !important;
}

html[data-fd-theme="light"] body .fd-theme-choice__copy small {
  color: var(--fd-r519-muted) !important;
  line-height: 1.35;
}

html[data-fd-theme="light"] body .fd-theme-choice__check {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 2px solid #92929a;
  border-radius: 50%;
  color: #ffffff !important;
  font-size: 20px;
  font-weight: 800;
}

html[data-fd-theme="light"] body .fd-theme-choice.is-selected .fd-theme-choice__check {
  border-color: var(--fd-r519-red);
  background: var(--fd-r519-red);
}

html[data-fd-theme="light"] body .fd-theme-preview {
  display: grid;
  grid-template-rows: 20px 1fr 20px;
  gap: 8px;
  width: 108px;
  height: 132px;
  padding: 12px;
  border: 1px solid var(--fd-r519-border);
  border-radius: 20px;
  overflow: hidden;
  box-sizing: border-box;
}

html[data-fd-theme="light"] body .fd-theme-preview--dark {
  background: #101012 !important;
  border-color: #37373d !important;
}

html[data-fd-theme="light"] body .fd-theme-preview--light {
  background: #f7f7f9 !important;
}

html[data-fd-theme="light"] body .fd-theme-preview__top,
html[data-fd-theme="light"] body .fd-theme-preview__nav {
  display: flex;
  align-items: center;
  gap: 6px;
}

html[data-fd-theme="light"] body .fd-theme-preview__top b {
  font-size: 10px;
  color: #1b1b20 !important;
}

html[data-fd-theme="light"] body .fd-theme-preview--dark .fd-theme-preview__top b {
  color: #ffffff !important;
}

html[data-fd-theme="light"] body .fd-theme-preview__top i {
  width: 12px;
  height: 12px;
  border-radius: 4px;
  background: var(--fd-r519-red) !important;
}

html[data-fd-theme="light"] body .fd-theme-preview__fuel {
  color: currentColor !important;
}

html[data-fd-theme="light"] body .fd-theme-preview__top strong {
  color: var(--fd-r519-red) !important;
}

html[data-fd-theme="light"] body .fd-theme-preview__card {
  display: grid;
  align-content: end;
  gap: 7px;
  padding: 9px;
  border: 1px solid #cfd0d5;
  border-radius: 12px;
  background: #e9e9ed !important;
}

html[data-fd-theme="light"] body .fd-theme-preview--dark .fd-theme-preview__card {
  border-color: #3b3b42;
  background: #18181b !important;
}

html[data-fd-theme="light"] body .fd-theme-preview__card i {
  width: 68%;
  height: 5px;
  border-radius: 4px;
  background: #b9b9be !important;
}

html[data-fd-theme="light"] body .fd-theme-preview--dark .fd-theme-preview__card i {
  background: #696970 !important;
}

html[data-fd-theme="light"] body .fd-theme-preview__card em {
  width: 38px;
  height: 18px;
  border-radius: 9px;
  background: var(--fd-r519-red) !important;
}

html[data-fd-theme="light"] body .fd-theme-preview__nav {
  justify-content: space-between;
  padding: 5px 7px;
  border-radius: 10px;
  background: #ffffff !important;
}

html[data-fd-theme="light"] body .fd-theme-preview--dark .fd-theme-preview__nav {
  background: #25252a !important;
}

html[data-fd-theme="light"] body .fd-theme-preview__nav i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #aaaaaf !important;
}

html[data-fd-theme="light"] body .fd-theme-preview__nav i:first-child {
  background: var(--fd-r519-red) !important;
}

/* Tankbuch, statistics, vehicles and calculator */
html[data-fd-theme="light"] body :is(.fd-tank-history, .fd-tankbook-statistics, .fd-statistics-map-section, .fd-vehicle-list, .fd-fuel-result-hero, .fd-fuel-result-grid, .fd-fuel-attribution) {
  color: var(--fd-r519-text) !important;
}

html[data-fd-theme="light"] body :is(.fd-tank-history, .fd-tankbook-statistics, .fd-vehicle-list) :is(.empty-state, .fd-tank-empty, .fd-vehicle-empty) {
  background: var(--fd-r519-surface-soft) !important;
  border-color: var(--fd-r519-divider) !important;
  color: var(--fd-r519-muted) !important;
}

html[data-fd-theme="light"] body :is(.fd-tank-submit, .fd-fuel-reset, .fd-route-submit) {
  min-height: 48px;
}

html[data-fd-theme="light"] body :is(.fd-vehicle-type-option, .fd-vehicle-type-icon, .fd-vehicle-card__actions button, .fd-fuel-result-grid article, .fd-statistics-period button, .fd-statistics-picker select) {
  background: var(--fd-r519-control) !important;
  border-color: var(--fd-r519-border) !important;
  color: var(--fd-r519-text) !important;
}

html[data-fd-theme="light"] body :is(.fd-vehicle-type-option.is-selected, .fd-statistics-period button.is-active) {
  background: var(--fd-r519-red-soft) !important;
  border-color: var(--fd-r519-red) !important;
  color: var(--fd-r519-red) !important;
}

html[data-fd-theme="light"] body .fd-fuel-result-hero {
  background: var(--fd-r519-red-soft) !important;
  border-color: #ffb8b3 !important;
}

html[data-fd-theme="light"] body .fd-fuel-result-hero :is(strong, .value, .price) {
  color: var(--fd-r519-red) !important;
}

/* Route planner and price alerts */
html[data-fd-theme="light"] body :is(.fd-route-controls, .fd-route-form, .fd-route-segmented, .fd-alert-head, .fd-alert-status, .fd-alert-test) {
  color: var(--fd-r519-text) !important;
}

html[data-fd-theme="light"] body :is(.fd-route-result-row, .fd-alert-row) :is(.price, .fd-alert-price, strong) {
  color: var(--fd-r519-red) !important;
}

html[data-fd-theme="light"] body :is(.fd-alert-status.is-active, .fd-alert-status.is-enabled, .fd-alert-open, .fd-route-success) {
  background: var(--fd-r519-green-soft) !important;
  color: var(--fd-r519-green) !important;
  border-color: #b7e7c5 !important;
}

html[data-fd-theme="light"] body :is(.fd-alert-status.is-inactive, .fd-alert-closed, .fd-route-error) {
  background: var(--fd-r519-red-soft) !important;
  color: var(--fd-r519-red) !important;
  border-color: #ffb8b3 !important;
}

/* Account and admin */
html[data-fd-theme="light"] body :is(.fd-account-page, .fd-account-page-title, .fd-admin-user, .fd-admin-run-item, .fd-admin-run-overview, .fd-admin-run-metric, .fd-push-notice-admin-card) {
  color: var(--fd-r519-text) !important;
}

html[data-fd-theme="light"] body :is(.fd-account-page-card, .fd-account-sheet, .fd-admin-panel, .fd-admin-push-card, .fd-push-notice-admin-card) :is(button:not(.primary-button), .fd-account-action, .fd-admin-action) {
  background: var(--fd-r519-control) !important;
  border-color: var(--fd-r519-border) !important;
  color: var(--fd-r519-text) !important;
}

html[data-fd-theme="light"] body :is(.fd-account-page-card, .fd-account-sheet, .fd-admin-panel, .fd-admin-push-card, .fd-push-notice-admin-card) :is(button:not(.primary-button), .fd-account-action, .fd-admin-action):hover,
html[data-fd-theme="light"] body :is(.fd-account-page-card, .fd-account-sheet, .fd-admin-panel, .fd-admin-push-card, .fd-push-notice-admin-card) :is(button:not(.primary-button), .fd-account-action, .fd-admin-action):focus-visible {
  background: var(--fd-r519-red-soft) !important;
  border-color: var(--fd-r519-red) !important;
}

html[data-fd-theme="light"] body :is(.fd-admin-run-metric, .fd-account-status, .fd-cloud-status, .fd-push-status) {
  background: var(--fd-r519-surface-soft) !important;
  border-color: var(--fd-r519-divider) !important;
}

html[data-fd-theme="light"] body :is(.fd-admin-run-metric strong, .fd-account-status strong, .fd-cloud-status strong, .fd-push-status strong) {
  color: var(--fd-r519-text) !important;
}

@media (max-width: 540px) {
  html[data-fd-theme="light"] body .fd-theme-choice {
    grid-template-columns: 88px minmax(0, 1fr) 34px;
    gap: 14px;
    min-height: 148px;
    padding: 14px;
    border-radius: 22px;
  }

  html[data-fd-theme="light"] body .fd-theme-preview {
    width: 84px;
    height: 108px;
    padding: 9px;
    border-radius: 16px;
  }

  html[data-fd-theme="light"] body .fd-theme-choice__copy strong {
    font-size: 19px;
  }
}