/* ════════════════════════════════════════════════════════════════
   DUNKLER MODUS – ERGÄNZUNG  ·  erzeugt am 11.08.2026
   ════════════════════════════════════════════════════════════════

   WARUM ES DIESEN BLOCK GIBT:
   Der dunkle Modus deckte nur 287 Klassen ab. Gemessen über alle
   Stilvorlagen blieben 1006 Regeln übrig, die einen fest verdrahteten hellen
   Hintergrund setzen (#fff, #f8fafc, white …) und für die es keine
   Entsprechung unter html[data-theme="dark"] gab. Auf den betroffenen Seiten
   standen dadurch grosse weisse Flächen mitten im dunklen Layout.

   ⚠️ 117 dieser Regeln setzen ZUSÄTZLICH eine feste dunkle Schriftfarbe.
   Nur den Hintergrund abzudunkeln hätte dort dunkle Schrift auf dunklem Grund
   ergeben – schlimmer als vorher. Diese Regeln bekommen deshalb beides.
   Ebenso werden helle Rahmen mitgezogen, die sonst als leuchtende Linie
   stehenblieben.

   Alle Farben laufen über die Token aus sm-theme-dark.css. Wer eine dieser
   Klassen künftig anfasst, ändert am besten die Ursprungsregel auf Token –
   dann kann die Zeile hier entfallen.

   ERZEUGT, NICHT VON HAND GEPFLEGT. Neu erzeugen mit dem Skript in
   scratchpad/darkgen.js, wenn wieder helle Flächen dazugekommen sind.
   ════════════════════════════════════════════════════════════════ */

/* ── customer-umsatzradar-products.css (52) ── */
html[data-theme="dark"] .ur-card {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ur-card-badge {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .ur-breadcrumbs {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ur-explainer {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ur-explainer-toggle:hover {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .ur-explainer-item {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ur-stat-card {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ur-stat--gray {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ur-hero {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ur-time-bar {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ur-time-btn {
  background-color: var(--mb-surface-2);
  color: var(--mb-text-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ur-time-more-btn {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .ur-time-dropdown {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ur-progress-track {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .ur-btn-ghost {
  background-color: var(--mb-surface-2);
  color: var(--mb-text-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ur-tab-btn {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ur-ai-refresh-btn {
  background-color: var(--mb-surface);
  color: var(--mb-text);
}
html[data-theme="dark"] .ur-ai-period-bar {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ur-ai-period-btn {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .urp-slide-panel {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .urp-panel-stat {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .urp-panel-list-row {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .urp-modal-product-icon {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .ur-modal-stats {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .ur-modal-stat {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .urp-deep-status-bar {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .urp-deep-badge--gray {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .urp-rp-score-bar-track {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .urp-rp-matrix-card {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .urp-rp-row {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .urp-rp-bar-track {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .urp-empf-card {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .urp-mini-bar-track {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .urp-product-row {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .urp-product-tag {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .urp-abc-c {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .urp-category-row {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .urp-variant-card {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .urp-combo-row {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .urp-vendor-row {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .urp-price-bucket-bar {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .urp-trend-selector {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .urp-trend-btn {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .urp-insight-card {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .urp-attr-product-selector {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .urp-attr-product-btn {
  background-color: var(--mb-surface);
  color: var(--mb-text-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .urp-attr-kpi-card {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .urp-attr-share-track {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .urp-attr-summary-card {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .urp-attr-sort-btn {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .urp-attr-gainers-col,
html[data-theme="dark"] .urp-attr-losers-col {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .urp-attr-delta-mini-bar {
  background-color: var(--mb-surface-2);
}

/* ── section-pulse-structure.css (47) ── */
html[data-theme="dark"] .sps-loading-state {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .sps-page-header {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .sps-explainer-item {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .sps-time-bar {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .sps-time-btn {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .sps-time-btn--disabled,
html[data-theme="dark"] .sps-time-btn:disabled {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .sps-time-more-btn {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .sps-time-dropdown {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .sps-stat-card {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .sps-stat--gray {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .sps-card {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .sps-card-badge {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .sps-legend-bar {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .sps-page-column {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .sps-page-column-count {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .sps-section-card {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .sps-section-card:hover {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .sps-section-card-pos {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .sps-section-card-bar {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .sps-insight-gray {
  background-color: var(--mb-surface-2);
  color: var(--mb-text-2);
}
html[data-theme="dark"] .sps-progress-track {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .sps-modal {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .sps-modal-header {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .sps-modal-badge[data-state="not-loaded"] {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .sps-modal-chip {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .sps-modal-close {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .sps-modal-stat {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .sps-modal-status[data-state="not-loaded"] {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .sps-modal-tech-val {
  background-color: var(--mb-surface-2);
  color: var(--mb-text-2);
}
html[data-theme="dark"] .str-page-type-item {
  background-color: var(--mb-surface);
  color: var(--mb-text-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .str-page-col-badges {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .str-badge--gray {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .str-section-card {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .str-section-card:hover {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .str-card-pos {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .str-modal {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .str-modal-header {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .str-modal-badge {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .str-modal-chip {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .str-modal-close {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .sp-modal-list-value {
  background-color: var(--mb-surface-2);
  color: var(--mb-text-2);
}
html[data-theme="dark"] .str-time-bar {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .str-time-btn {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .str-time-btn--disabled,
html[data-theme="dark"] .str-time-btn:disabled {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .str-time-more-btn {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .str-time-dropdown {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .str-detail-panel {
  background-color: var(--mb-surface);
}

/* ── section-pulse-timeline.css (32) ── */
html[data-theme="dark"] .sp-explainer-toggle:hover {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .sp-explainer-item {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .sp-time-bar {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .sp-time-btn {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .sp-time-btn--disabled,
html[data-theme="dark"] .sp-time-btn:disabled {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .sp-time-more-btn {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .sp-time-dropdown {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .sp-stat-card {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .sp-stat--gray {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .sp-card {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .sp-card-badge {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .sp-insight-gray {
  background-color: var(--mb-surface-2);
  color: var(--mb-text-2);
}
html[data-theme="dark"] .sp-progress-track {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .spt-trend-card {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .spt-trend-card--stable {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .spt-section-card {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .spt-section-card-header:hover {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .spt-trend-badge--stable {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .spt-mini-chart-wrap {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .spt-half-box {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .spt-metric-box {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .spt-grouping-btn {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .sp-filter-bar {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .sp-filter-btn {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .spt-mover-table th {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .spt-mover-table tr:hover td {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .spt-change-pill--same {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .sp-btn-ghost {
  background-color: var(--mb-surface);
  color: var(--mb-text-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .sp-btn-ghost:hover {
  background-color: var(--mb-surface-2);
  color: var(--mb-text-2);
}
html[data-theme="dark"] .sp-modal-stat {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .spt-detail-panel {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .sp-badge--unloaded {
  background-color: var(--mb-surface-2);
}

/* ── topperformer.css (31) ── */
html[data-theme="dark"] .tp-card-badge {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .tp-hero {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .tp-filter-bar {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .tp-time-btn {
  background-color: var(--mb-surface-2);
  color: var(--mb-text-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .tp-tab-btn {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .tp-scenario-card {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .tp-mini-product-row {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .tp-mini-img-placeholder {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .tp-table thead tr {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .tp-table-img-placeholder {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .tp-score-mini-bar-wrap {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .tp-badge {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .tp-badge-xs {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .tp-abc-c {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .tp-search-input {
  background-color: var(--mb-surface);
  color: var(--mb-text-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .tp-watchlist-btn {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .tp-btn--ghost {
  background-color: var(--mb-surface-2);
  color: var(--mb-text-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .tp-slide-panel {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .tp-panel-kpi {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .tp-score-bar-track {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .tp-mini-bar-track {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .tp-panel-product-header {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .tp-panel-product-img--placeholder {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .tp-wl-img--placeholder {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .tp-wl-notes-block {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .tp-explainer {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .tp-explainer-title:hover {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .tp-explainer-item {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .tp-breadcrumbs {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .tp-mode-erkl-beispiel {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .tp-sonder-panel {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}

/* ── customer-dashboard.css (29) ── */
html[data-theme="dark"] .cdh-period-bar {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .cdh-period-btn {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .cdh-kpi-card {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .cdh-kpi-delta.neu {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .panel-badge {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .ni-gray {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .cdh-change-row:hover {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .ci-gray {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .cdh-tool-card {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .cdh-tool-kpi {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .cdh-tool-progress-bar {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .cdh-status-card {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .cdh-qs-card {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .btn-ghost {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .cdh-slide-panel {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .cdh-sp-close {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .cdh-sp-kpi {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .cdh-sp-bar-wrap {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .cdh-metric-tile {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .cdh-chart-delta.neu {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .cdh-phase-panel {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .cdh-ws-card {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .cdh-ws-icon {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .cdh-ws-pill.off {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .cdh-insight {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .cdh-ins-icon {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .cdh-ins-daytag {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .cdh-fc-icon {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .cdh-chart-tip {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}

/* ── customer-umsatzradar-comparison.css (29) ── */
html[data-theme="dark"] .cmp-explainer {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .cmp-explainer-title:hover {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .cmp-explainer-item {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .cmp-deep-status-bar {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .cmp-deep-badge--gray {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .cmp-mode-bar {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .cmp-mode-btn {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .cmp-custom-input {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .cmp-btn-ghost {
  background-color: var(--mb-surface-2);
  color: var(--mb-text-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .cmp-special-hint {
  background-color: var(--mb-surface);
  color: var(--mb-text);
}
html[data-theme="dark"] .cmp-special-col {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .cmp-special-col-header-2 {
  background-color: var(--mb-surface-2);
  color: var(--mb-text-2);
}
html[data-theme="dark"] .cmp-special-selected {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .cmp-special-btn {
  background-color: var(--mb-surface);
  color: var(--mb-text-2);
}
html[data-theme="dark"] .cmp-hero {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .cmp-hero-badge-2 {
  background-color: var(--mb-surface-2);
  color: var(--mb-text-2);
}
html[data-theme="dark"] .cmp-hero-delta.neutral {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .cmp-stat-card {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .cmp-card {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .cmp-card-badge {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .cmp-delta-badge.neutral {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .cmp-mini-bar-track {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .cmp-period-pill-2 {
  background-color: var(--mb-surface-2);
  color: var(--mb-text-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .cmp-period-header-2 {
  background-color: var(--mb-surface-2);
  color: var(--mb-text-2);
}
html[data-theme="dark"] .cmp-segment-row {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .cmp-slide-panel {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .cmp-panel-stat {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ur-breadcrumbs {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ur-progress-track {
  background-color: var(--mb-surface-2);
}

/* ── customer-umsatzradar-orders.css (29) ── */
html[data-theme="dark"] .uro-breadcrumbs {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .uro-explainer {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .uro-explainer-toggle:hover {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .uro-explainer-item {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .uro-perioden-bar {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .uro-periode-btn {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .uro-periode-btn--mehr {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .uro-time-dropdown {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .uro-card {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .uro-card-badge {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .uro-hero {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .uro-delta--neutral {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .uro-stat-card {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .uro-stat--gray {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .uro-deep-stat {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .uro-btn-ghost {
  background-color: var(--mb-surface);
  color: var(--mb-text-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .uro-btn-ghost:hover {
  background-color: var(--mb-surface-2);
  color: var(--mb-text-2);
}
html[data-theme="dark"] .uro-progress-track {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .uro-filter-btn {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .uro-orders-table thead {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .uro-orders-table th {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .uro-badge-gray {
  background-color: var(--mb-surface-2);
  color: var(--mb-text-2);
}
html[data-theme="dark"] .uro-page-btn {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .uro-search-input {
  background-color: var(--mb-surface);
  color: var(--mb-text);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .uro-panel-stat {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .uro-panel-line-item {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .uro-panel-detail-item {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .uro-timeline-step:hover {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .uro-click-hint {
  background-color: var(--mb-surface-2);
}

/* ── customer-sections.css (28) ── */
html[data-theme="dark"] .sm-loading-state {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .sm-page-header {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .sm-section-kachel {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .sm-kachel-preview {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .sm-status-draft {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .sm-kachel-tag {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .sm-kachel-perf {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .sm-kachel-btn {
  background-color: var(--mb-surface);
  color: var(--mb-text-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .sm-kachel-neu {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .sm-katalog-karte {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .sm-katalog-preview {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .sm-feature-tag {
  background-color: var(--mb-surface-2);
  color: var(--mb-text-2);
}
html[data-theme="dark"] .sm-badge-gray {
  background-color: var(--mb-surface-2);
  color: var(--mb-text-2);
}
html[data-theme="dark"] .sm-btn-ghost {
  background-color: var(--mb-surface);
  color: var(--mb-text-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .sm-btn-ghost:hover {
  background-color: var(--mb-surface-2);
  color: var(--mb-text-2);
}
html[data-theme="dark"] .sm-detail-panel {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .sm-detail-header {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .sm-detail-close:hover {
  background-color: var(--mb-surface-2);
  color: var(--mb-text-2);
}
html[data-theme="dark"] .sm-wf-offen .sm-wf-nr {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .sm-wizard-option {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .sm-wizard-option-gross {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .sm-wizard-preset-info {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .sm-wizard-zusammenfassung {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .sm-wizard-nav {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .sm-info-hinweis {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .sm-leer-zustand {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .sm-modal-content {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .sm-modal-close:hover {
  background-color: var(--mb-surface-2);
}

/* ── conversion-flow-optimizer.css (27) ── */
html[data-theme="dark"] .cfo-shop-badge {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .cfo-time-bar {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .cfo-time-btn {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .cfo-time-btn--disabled,
html[data-theme="dark"] .cfo-time-btn:disabled {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .cfo-time-more-btn {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .cfo-time-dropdown {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .cfo-filter-bar {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .cfo-filter-btn {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .cfo-filter-select {
  background-color: var(--mb-surface);
  color: var(--mb-text-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .cfo-meta-stat {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .cfo-summary-card {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .cfo-card {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .cfo-card-badge {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .cfo-insight-gray {
  background-color: var(--mb-surface-2);
  color: var(--mb-text-2);
}
html[data-theme="dark"] .cfo-seq-card {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .cfo-chain-node {
  background-color: var(--mb-surface);
  color: var(--mb-text);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .cfo-seq-bar-wrap {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .cfo-drop-card {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .cfo-ml-card {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .cfo-ml-comparison {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .cfo-search-stat-card {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .cfo-search-term-row {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .cfo-progress-track {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .cfo-modal-stat {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .cfo-no-data {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .cfo-detail-panel {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .cfo-funnel-modern-track {
  background-color: var(--mb-surface-2);
}

/* ── conversion-kill-detector-attribution.css (27) ── */
html[data-theme="dark"] .ckda-card {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ckda-card-badge {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .ckda-insight-gray {
  background-color: var(--mb-surface-2);
  color: var(--mb-text-2);
}
html[data-theme="dark"] .ckda-progress-track {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .ckda-section-row {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ckda-badge--zero {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .ckda-badge--gray {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .ckda-revenue-hero-stat {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .ckda-ranking-card {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ckda-ranking-metrics {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ckda-path-card {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ckda-path-step {
  background-color: var(--mb-surface);
  color: var(--mb-text-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ckda-path-step--hidden {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .ckda-modal-content {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .ckda-modal-close:hover {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .ckda-modal-stat {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ckda-tip {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ckda-tip-top {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .ckda-btn-ghost {
  background-color: var(--mb-surface);
  color: var(--mb-text-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ckda-btn-ghost:hover {
  background-color: var(--mb-surface-2);
  color: var(--mb-text-2);
}
html[data-theme="dark"] .ckda-detail-panel {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .ckda-time-bar {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ckda-time-btn {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ckda-time-btn--disabled,
html[data-theme="dark"] .ckda-time-btn:disabled {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ckda-time-more-btn {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .ckda-time-dropdown {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ckda-detail-panel {
  background-color: var(--mb-surface);
}

/* ── customer-umsatzradar-shipping.css (27) ── */
html[data-theme="dark"] .ur-card {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ur-card-badge {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .ur-breadcrumbs {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .shp-explainer {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .shp-explainer-title:hover {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .shp-explainer-item {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ur-stat-card {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ur-hero {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ur-time-bar {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ur-time-btn {
  background-color: var(--mb-surface-2);
  color: var(--mb-text-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ur-time-more-btn {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .ur-time-dropdown {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ur-btn-ghost {
  background-color: var(--mb-surface-2);
  color: var(--mb-text-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ur-tab-btn {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ur-modal-stats {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .ur-modal-stat {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .urp-deep-badge--gray {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .urp-mini-bar-track {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .urp-product-tag {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .urp-slide-panel {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .urp-panel-stat {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .shp-carrier-card {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .shp-method-card {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .shp-ff-bucket-bar {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .shp-threshold-table th {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .shp-country-bar {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .shp-wd-bar {
  background-color: var(--mb-surface-2);
}

/* ── customer-umsatzradar-rp.css (25) ── */
html[data-theme="dark"] .ur-card {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ur-card-badge {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .ur-breadcrumbs {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .urp-explainer {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .urp-explainer-title:hover {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .urp-explainer-item {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ur-stat-card {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ur-hero {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ur-time-bar {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ur-time-btn {
  background-color: var(--mb-surface-2);
  color: var(--mb-text-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ur-time-more-btn {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .ur-time-dropdown {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ur-btn-ghost {
  background-color: var(--mb-surface-2);
  color: var(--mb-text-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .urp-deep-status-bar {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .urp-deep-badge--gray {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .urp-abc-c {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .urp-product-tag {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .urp-rp-row {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .urp-rp-bar-track {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .urp-mini-bar-track {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .rp-bundle-card {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .rp-bundle-product {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .urp-slide-panel {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .urp-panel-stat {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ur-progress-track {
  background-color: var(--mb-surface-2);
}

/* ── section-pulse-compare.css (25) ── */
html[data-theme="dark"] .spc-breadcrumbs {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .spc-bc-current {
  background-color: var(--mb-surface-2);
  color: var(--mb-text);
}
html[data-theme="dark"] .spc-explainer-toggle:hover {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .spc-explainer-item {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .spc-period-card {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .spc-time-btn {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .spc-time-btn.disabled,
html[data-theme="dark"] .spc-time-btn:disabled {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .spc-time-more-btn {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .spc-time-dropdown {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .spc-period-active-label {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .spc-preset-btn {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .spc-card {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .spc-card-badge {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .spc-insight-gray {
  background-color: var(--mb-surface-2);
  color: var(--mb-text-2);
}
html[data-theme="dark"] .spc-kpi-card {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .spc-kpi-delta--neutral {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .spc-section-row {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .spc-bar-track {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .spc-delta-gone {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .spc-progress-track {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .spc-filter-bar {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .spc-filter-btn {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .spc-detail-panel {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .spc-modal-stat {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .spc-modal-delta-card--neutral {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}

/* ── ab-test.css (24) ── */
html[data-theme="dark"] .abt-card {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .abt-card-badge {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .abt-insight-gray {
  background-color: var(--mb-surface-2);
  color: var(--mb-text-2);
}
html[data-theme="dark"] .abt-proposal-card {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .abt-proposal-metrics {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .abt-variant-preview-card--a {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .abt-progress-track {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .abt-badge--gray {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .abt-step {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .abt-step:hover {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .abt-compare-table th {
  background-color: var(--mb-surface-2);
  color: var(--mb-text-2);
}
html[data-theme="dark"] .abt-compare-table th:nth-child(2) {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .abt-compare-table tr:hover td {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .abt-modal-content {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .abt-modal-close:hover {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .abt-modal-tabs {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .abt-modal-stat {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .abt-btn-ghost {
  background-color: var(--mb-surface);
  color: var(--mb-text-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .abt-btn-ghost:hover {
  background-color: var(--mb-surface-2);
  color: var(--mb-text-2);
}
html[data-theme="dark"] .abt-collapsible-header {
  background-color: var(--mb-surface-2);
  color: var(--mb-text);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .abt-collapsible-header:hover {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .abt-collapsible-body {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .abt-nav-back {
  background-color: var(--mb-surface-2);
  color: var(--mb-text-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .abt-detail-panel {
  background-color: var(--mb-surface);
}

/* ── customer-umsatzradar-customers.css (24) ── */
html[data-theme="dark"] .cust-loading-overlay {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .cust-panel {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .cust-panel-kpi {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .cust-deep-status-bar {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .cust-deep-badge--gray {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .cust-explainer {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .cust-explainer-toggle:hover {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .cust-explainer-item {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .cust-time-bar {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .cust-time-btn {
  background-color: var(--mb-surface-2);
  color: var(--mb-text-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .cust-hero {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .cust-stat-card {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .cust-card {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .cust-card-badge {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .cust-progress-track {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .cust-mini-bar-track {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .cust-rfm-card {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .cust-rfm-peak-card {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .cust-list-row:hover {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .cust-modal-stat {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .cust-btn-secondary {
  background-color: var(--mb-surface-2);
  color: var(--mb-text-2);
}
html[data-theme="dark"] .cust-no-data {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .cust-breadcrumbs {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .cust-geo-item {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}

/* ── conversion-kill-detector-multipage.css (23) ── */
html[data-theme="dark"] .ckd-nav {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ckd-nav-tab {
  background-color: var(--mb-surface-2);
  color: var(--mb-text-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .mp-card {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .mp-card-badge {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .mp-insight-gray {
  background-color: var(--mb-surface-2);
  color: var(--mb-text-2);
}
html[data-theme="dark"] .mp-page-type-btn {
  background-color: var(--mb-surface);
  color: var(--mb-text-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .mp-page-type-btn:hover {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .mp-page-funnel-card {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .mp-page-stat-row {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .mp-funnel-detail-toggle {
  background-color: var(--mb-surface-2);
  color: var(--mb-text-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .mp-section-type-card {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .mp-insight-card {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .mp-section-row {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .mp-badge--gray {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .mp-progress-track {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .mp-modal-content {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .mp-modal-close:hover {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .mp-modal-stat {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .mp-btn-ghost {
  background-color: var(--mb-surface);
  color: var(--mb-text-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .mp-btn-ghost:hover {
  background-color: var(--mb-surface-2);
  color: var(--mb-text-2);
}
html[data-theme="dark"] .mp-journey-page {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .mp-detail-panel {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .mp-detail-body .mp-modal-stat {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}

/* ── customer-sections-katalog.css (23) ── */
html[data-theme="dark"] .kat-loading-state {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .kat-page-header {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .kat-filter-bar {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .kat-search-input {
  background-color: var(--mb-surface);
  color: var(--mb-text);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .kat-pill {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .kat-select {
  background-color: var(--mb-surface);
  color: var(--mb-text-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .kat-kachel {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .kat-kachel-preview {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .kat-kachel-placeholder {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .kat-feature {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .kat-badge-gray {
  background-color: var(--mb-surface-2);
  color: var(--mb-text-2);
}
html[data-theme="dark"] .kat-leer {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .kat-panel {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .kat-panel-header {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .kat-panel-close:hover {
  background-color: var(--mb-surface-2);
  color: var(--mb-text-2);
}
html[data-theme="dark"] .kat-detail-preview {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .kat-dk-gray {
  background-color: var(--mb-surface-2);
  color: var(--mb-text-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .kat-meta-key {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .kat-setting-chip {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .kat-preset-preview {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .kat-panel-footer-cta {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .kat-btn-ghost {
  background-color: var(--mb-surface);
  color: var(--mb-text-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .kat-btn-ghost:hover {
  background-color: var(--mb-surface-2);
  color: var(--mb-text-2);
}

/* ── customer-teamboard.css (23) ── */
html[data-theme="dark"] .tb-gate-wrap {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .tb-panel {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .tb-panel-footer {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .tb-modal {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .tb-quickadd-menu button {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .tb-filterbar {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .tb-btn--outline {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .tb-task-card {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .tb-list-table {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .tb-calendar-cell {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .tb-status-badge--backlog {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .tb-project-header {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .tb-input,
html[data-theme="dark"] .tb-textarea,
html[data-theme="dark"] .tb-select {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .tb-mention-dropdown {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .tb-toggle-slider::before {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .tb-board-header-right .tb-btn--primary {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .tb-board-header-right .tb-btn--primary:hover {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .tb-filterbar {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .tb-ov-card {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .tb-ov-unassigned-item {
  background-color: var(--mb-surface);
  color: var(--mb-text);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .tbl-row {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .tbl-status-select {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .tbl-projchip {
  background-color: var(--mb-surface);
}

/* ── customer-umsatzradar-payments.css (23) ── */
html[data-theme="dark"] .ur-card {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ur-card-badge {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .ur-breadcrumbs {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .pay-explainer {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .pay-explainer-title:hover {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .pay-explainer-item {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ur-stat-card {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ur-hero {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ur-time-bar {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ur-time-btn {
  background-color: var(--mb-surface-2);
  color: var(--mb-text-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ur-time-more-btn {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .ur-time-dropdown {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ur-btn-ghost {
  background-color: var(--mb-surface-2);
  color: var(--mb-text-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .urp-deep-status-bar {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .urp-deep-badge--gray {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .urp-mini-bar-track {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .urp-panel-stat {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .pay-method-row {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .pay-bar-track {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .pay-badge {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .pay-detail-table th {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .pay-detail-table tfoot td {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .urp-slide-panel {
  background-color: var(--mb-surface);
}

/* ── section-pulse-mobile-vs-desktop.css (23) ── */
html[data-theme="dark"] .mvd-explainer-item {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .mvd-time-bar {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .mvd-time-btn {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .mvd-time-btn--disabled,
html[data-theme="dark"] .mvd-time-btn:disabled {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .mvd-time-more-btn {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .mvd-time-dropdown {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .mvd-stat-card {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .mvd-card {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .mvd-card-badge {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .mvd-insight-gray {
  background-color: var(--mb-surface-2);
  color: var(--mb-text-2);
}
html[data-theme="dark"] .mvd-compare-bar-wrap {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .mvd-progress-track {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .mvd-page-breakdown-card {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .mvd-section-row {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .mvd-filter-bar {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .mvd-filter-btn {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .mvd-table th {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .mvd-table tr:hover td {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .mvd-diff--low {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .mvd-modal-content {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .mvd-modal-close:hover {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .mvd-modal-metric {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .mvd-detail-panel {
  background-color: var(--mb-surface);
}

/* ── conversion-kill-detector-heatmap.css (22) ── */
html[data-theme="dark"] .hm-time-bar {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .hm-time-btn {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .hm-time-btn--disabled,
html[data-theme="dark"] .hm-time-btn:disabled {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .hm-time-more-btn {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .hm-time-dropdown {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .hm-pagetype-bar {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .hm-pagetype-btn {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .hm-card {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .hm-card-badge {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .hm-insight-gray {
  background-color: var(--mb-surface-2);
  color: var(--mb-text-2);
}
html[data-theme="dark"] .hm-ranking-row {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .hm-rank-bar-track {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .hm-progress-track {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .hm-section-row {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .hm-badge--none {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .hm-modal-content {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .hm-modal-close:hover {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .hm-modal-stat {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .hm-btn-ghost {
  background-color: var(--mb-surface);
  color: var(--mb-text-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .hm-btn-ghost:hover {
  background-color: var(--mb-surface-2);
  color: var(--mb-text-2);
}
html[data-theme="dark"] .hm-pt-badge--other {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .hm-detail-panel {
  background-color: var(--mb-surface);
}

/* ── admin-customer-sync.css (21) ── */
html[data-theme="dark"] .acs-stat {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .acs-stat--gray {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .acs-card {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .acs-badge {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .acs-filter-btn {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .acs-filter-btn span {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .acs-select {
  background-color: var(--mb-surface);
  color: var(--mb-text-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .acs-status-pill--never {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .acs-page-btn {
  background-color: var(--mb-surface);
  color: var(--mb-text-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .acs-modal-info {
  background-color: var(--mb-surface-2);
  color: var(--mb-text-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .acs-wf-bar {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .acs-wf-pill--idle {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .ppp-panel {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .ppp-header {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .ppp-close {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .ppp-hero-bar {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .ppp-btn--ghost {
  background-color: var(--mb-surface);
  color: var(--mb-text-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ppp-phase-num {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .ppp-footer {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .acs-tool-pill {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .acs-warn-chip {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}

/* ── customer-umsatzradar-timeline.css (21) ── */
html[data-theme="dark"] .tl-card {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .tl-card-badge {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .tl-breadcrumbs {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .tl-explainer {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .tl-explainer-toggle:hover {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .tl-explainer-item {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .tl-time-bar {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .tl-time-btn {
  background-color: var(--mb-surface-2);
  color: var(--mb-text-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .tl-deep-status-bar {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .tl-deep-badge--gray {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .tl-hero {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .tl-tab-btn {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .tl-progress-track {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .tl-mini-bar-track {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .tl-weekday-card {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .tl-hour-bar-track {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .tl-modal-stat {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .tl-peak-row:hover {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .tl-segment-peak-card {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .tl-slide-panel {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .tl-panel-stat {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}

/* ── customer-umsatzradar-returns.css (20) ── */
html[data-theme="dark"] .ret-breadcrumbs {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ret-explainer {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ret-explainer-toggle:hover {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .ret-explainer-item {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ret-card {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ret-card-badge {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .ret-perioden-bar {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ret-periode-btn {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ret-hero {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ret-kpi-card {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ret-kpi--gray {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ret-delta--neutral {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .ret-bar-track {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .ret-compare-track {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .ret-metric-row:hover {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .ret-panel {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .ret-panel-stat {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ret-mehr-dropdown {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ret-periode-btn--mehr {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .ret-toast {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}

/* ── dashboard.css (20) ── */
html[data-theme="dark"] .sidebar-close {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .chart-placeholder {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .btn-action {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .modal-close:hover {
  background-color: var(--mb-surface-2);
  color: var(--mb-text);
}
html[data-theme="dark"] .form-input:disabled {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .toggle-switch {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .toggle-switch:hover {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .toggle-slider::before {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .feature-toggle {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .feature-toggle:hover {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .user-detail-value,
html[data-theme="dark"] .shop-detail-value {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .products-filter {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .product-row-not-clicked {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .product-row-not-clicked:hover {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .badge-muted {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .query-header {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .sm-breadcrumbs {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .sm-bc-current {
  background-color: var(--mb-surface-2);
  color: var(--mb-text);
}
html[data-theme="dark"] .kr-sync-chip {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .nb-canvas-text-input {
  background-color: var(--mb-surface);
}

/* ── changelog-admin.css (19) ── */
html[data-theme="dark"] .ca-card {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ca-card-header {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .ca-btn-ghost:hover {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .ca-input,
html[data-theme="dark"] .ca-select,
html[data-theme="dark"] .ca-textarea {
  background-color: var(--mb-surface);
  color: var(--mb-text);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ca-quick-btn {
  background-color: var(--mb-surface-2);
  color: var(--mb-text-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ca-tag-chip {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ca-tag-chip[data-tag="deprecated"].ca-tag-active {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .ca-entry-item {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ca-toggle-track::after {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .ca-search-input {
  background-color: var(--mb-surface-2);
  color: var(--mb-text-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ca-search-input:focus {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .ca-list-item:hover {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .ca-li-status--draft {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .ca-li-action-btn:hover {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .ca-mini-tag--deprecated {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .ca-page-btn {
  background-color: var(--mb-surface);
  color: var(--mb-text-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ca-modal {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .ca-preview-panel {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .ca-preview-header {
  background-color: var(--mb-surface-2);
}

/* ── customer-sections-generator.css (18) ── */
html[data-theme="dark"] .gen-loading-state {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .gen-sidebar {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .gen-sidebar-footer {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .gen-preset-var-pill {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .gen-toggle-track::before {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .gen-select {
  background-color: var(--mb-surface);
  color: var(--mb-text-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .gen-color-text {
  background-color: var(--mb-surface);
  color: var(--mb-text-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .gen-input {
  background-color: var(--mb-surface);
  color: var(--mb-text-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .gen-main {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .gen-tabs {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .gen-vorschau-toolbar {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .gen-device-btn {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .gen-vorschau-inhalt {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .gen-code-toolbar {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .gen-anleitung-schritt {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .gen-link-karte {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .gen-btn-ghost {
  background-color: var(--mb-surface);
  color: var(--mb-text-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .gen-btn-ghost:hover {
  background-color: var(--mb-surface-2);
  color: var(--mb-text-2);
}

/* ── admin-gdpr.css (17) ── */
html[data-theme="dark"] .gdpr-stat {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .gdpr-stat--gray {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .gdpr-status-banner--unknown {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .gdpr-coll-card {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .gdpr-coll-badge--empty {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .gdpr-coll-badge--system {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .gdpr-field-item {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .gdpr-filter-btn {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .gdpr-filter-btn span {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .gdpr-select {
  background-color: var(--mb-surface);
  color: var(--mb-text-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .gdpr-badge {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .gdpr-pill--unknown {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .gdpr-plan--standard {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .gdpr-plan--none {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .gdpr-size-bar-track {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .gdpr-coll-chip {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .gdpr-page-btn {
  background-color: var(--mb-surface);
  color: var(--mb-text-2);
  border-color: var(--mb-border);
}

/* ── customer-sections-stats.css (17) ── */
html[data-theme="dark"] .st-loading-state {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .st-page-header {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .st-zeitraum-btn {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .st-kpi-kachel {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .st-kpi-gray {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .st-vergleich-hinweis {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .st-chart-card {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .st-select {
  background-color: var(--mb-surface);
  color: var(--mb-text-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .st-tabelle thead {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .st-mini-bar {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .st-panel {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .st-panel-header {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .st-panel-close:hover {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .st-dk-gray {
  background-color: var(--mb-surface-2);
  color: var(--mb-text-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .st-vt-zeile {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .st-btn-ghost {
  background-color: var(--mb-surface);
  color: var(--mb-text-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .st-btn-ghost:hover {
  background-color: var(--mb-surface-2);
  color: var(--mb-text-2);
}

/* ── customer-umsatzradar-alerts.css (17) ── */
html[data-theme="dark"] .ur-breadcrumbs {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ura-explainer {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ura-explainer-title:hover {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .ura-explainer-item {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ur-btn-ghost {
  background-color: var(--mb-surface-2);
  color: var(--mb-text-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ura-hero-card {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ura-card {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ura-card-badge {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .ura-filter-bar {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ura-filter-btn {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ura-alert-card {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ura-mini-bar-track {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .ura-slide-panel {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .ura-panel-stat {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ura-baseline-track {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .ur-alert-preview-card {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ur-alert-preview--pending {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}

/* ── section-fatigue-detector.css (17) ── */
html[data-theme="dark"] .fd-time-bar {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .fd-time-btn {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .fd-time-btn--disabled,
html[data-theme="dark"] .fd-time-btn:disabled {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .fd-time-more-btn {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .fd-time-dropdown {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .fd-card {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .fd-card-badge {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .fd-filter-panel {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .fd-filter-select {
  background-color: var(--mb-surface);
  color: var(--mb-text);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .fd-insight-gray {
  background-color: var(--mb-surface-2);
  color: var(--mb-text-2);
}
html[data-theme="dark"] .fd-results-count {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .fd-progress-track {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .fd-modal-stat {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .fd-empty-state {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .fd-page-btn {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .fd-section-row {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .fd-detail-panel {
  background-color: var(--mb-surface);
}

/* ── shopentscheider.css (17) ── */
html[data-theme="dark"] .se-subtool-nav {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .se-btn-outline {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .se-card {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .se-time-bar {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .se-time-dropdown {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .se-signal-source-card {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .se-kachel {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .se-analyse-cta {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .se-suggestion-card {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .se-board-progress-wrap {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .se-kanban-count {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .se-select {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .se-side-panel {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .se-side-panel-footer {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .se-snooze-btn {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .se-input,
html[data-theme="dark"] .se-textarea {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .se-signal-source-icon:has(.se-signal-source-logo) {
  background-color: var(--mb-surface);
}

/* ── admin-sync-overview.css (16) ── */
html[data-theme="dark"] .aso-stat {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .aso-card {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .aso-badge {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .aso-filter-btn {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .aso-filter-btn span {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .aso-table tbody tr:hover {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .aso-status-pill--never {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .aso-tool-pill--never {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .aso-detail-btn {
  background-color: var(--mb-surface);
  color: var(--mb-text-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .aso-panel {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .aso-panel-header {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .aso-shop-badge--never {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .aso-panel-close {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .aso-tool-item {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .aso-panel-footer {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .aso-page-btn {
  background-color: var(--mb-surface);
  color: var(--mb-text-2);
  border-color: var(--mb-border);
}

/* ── competitor-intelligence.css (15) ── */
html[data-theme="dark"] .ci-time-filter {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .ci-time-btn {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ci-stat {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .ci-stat-trend.neutral {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .ci-competitor-card {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .ci-stat-item {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ci-stat-item:hover {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .ci-change-badge.ci-deleted {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .ci-no-changes {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .ci-btn-scan {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .ci-btn-delete {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ci-form-hint {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .ci-toggle {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ci-toggle:hover {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .ci-toggle-slider::before {
  background-color: var(--mb-surface);
}

/* ── customer-ideen.css (11) ── */
html[data-theme="dark"] .ib-badge-status-idee {
  background-color: var(--mb-surface-2);
  color: var(--mb-text-2);
}
html[data-theme="dark"] .ib-badge-status-archiviert {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .ib-badge-prio-niedrig {
  background-color: var(--mb-surface-2);
  color: var(--mb-text-2);
}
html[data-theme="dark"] .ib-tag {
  background-color: var(--mb-surface-2);
  color: var(--mb-text-2);
}
html[data-theme="dark"] .ib-score-low {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .ib-header-actions .ib-btn-primary {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .ib-signal-item-btn {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .ib-filter-bar {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .ib-ki-confirm-actions .ib-btn-primary {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .ib-btn-verwerfen {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .ib-mode-toggle--pro {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}

/* ── customer-sync-status.css (11) ── */
html[data-theme="dark"] .css-stat {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .css-card {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .css-badge {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .css-table tbody tr:hover {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .css-status-pill--never {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .css-panel {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .css-panel-header {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .css-tool-badge--never {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .css-panel-close {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .css-history-item {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .css-panel-footer {
  background-color: var(--mb-surface-2);
}

/* ── section-pulse-media-analyse.css (11) ── */
html[data-theme="dark"] .ma-time-bar {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ma-time-btn {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ma-time-btn--disabled,
html[data-theme="dark"] .ma-time-btn:disabled {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ma-time-more-btn {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ma-time-dropdown {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ma-kpi-card {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ma-card {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ma-card-badge {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .ma-completion-bar {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .ma-type-card {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .ma-insight-gray {
  background-color: var(--mb-surface-2);
  color: var(--mb-text-2);
}

/* ── customer-settings-team.css (10) ── */
html[data-theme="dark"] .team-panel {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .team-panel-header {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .team-role-option {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .tp-tool {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .tp-row {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .tp-select {
  background-color: var(--mb-surface);
  color: var(--mb-text-2);
}
html[data-theme="dark"] .tp-preset-btn {
  background-color: var(--mb-surface);
  color: var(--mb-text-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .wiz-preset {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .wiz-review {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .tp-skill {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}

/* ── unused-section-detector.css (10) ── */
html[data-theme="dark"] .page-type-nav {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .filter-bar {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .usd-slide-panel {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .template-card {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .template-card-icon {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .template-card-toggle {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .template-card-body {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .section-card-icon {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .backup-hint-btn {
  background-color: var(--mb-surface);
  color: var(--mb-text);
}
html[data-theme="dark"] .btn-outline {
  background-color: var(--mb-surface);
}

/* ── admin-docs.css (9) ── */
html[data-theme="dark"] .ad-btn {
  background-color: var(--mb-surface);
  color: var(--mb-text-2);
}
html[data-theme="dark"] .ad-icon-btn {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .ad-input,
html[data-theme="dark"] .ad-textarea,
html[data-theme="dark"] select.ad-input {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .ad-block {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .ad-panel {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .ad-panel-icon {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .ad-panel-close {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .ap-area-btn {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .ap-hist-item {
  background-color: var(--mb-surface);
}

/* ── changelog.css (8) ── */
html[data-theme="dark"] .cl-filter-bar {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .cl-search-input {
  background-color: var(--mb-surface-2);
  color: var(--mb-text-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .cl-search-input:focus {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .cl-tag-filter {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .cl-entry-card {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .cl-entry-item {
  background-color: var(--mb-surface-2);
  color: var(--mb-text-2);
}
html[data-theme="dark"] .cl-tag-badge--deprecated {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .cl-page-btn {
  background-color: var(--mb-surface);
  color: var(--mb-text-2);
  border-color: var(--mb-border);
}

/* ── cta-landkarte.css (8) ── */
html[data-theme="dark"] .page-type-nav {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .cta-slide-panel {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .timeline-item {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .template-card {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .template-card-icon {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .template-card-toggle {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .template-card-body {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .btn-outline {
  background-color: var(--mb-surface);
}

/* ── admin-blog.css (7) ── */
html[data-theme="dark"] .ad-btn {
  background-color: var(--mb-surface);
  color: var(--mb-text-2);
}
html[data-theme="dark"] .ad-icon-btn {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .ab-filter-btn {
  background-color: var(--mb-surface);
  color: var(--mb-text-2);
}
html[data-theme="dark"] .ad-input,
html[data-theme="dark"] .ad-textarea,
html[data-theme="dark"] select.ad-input {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .ab-switch-slider::before {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .ab-wd {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .ab-kw-suggestion {
  background-color: var(--mb-surface);
}

/* ── section-bloat.css (7) ── */
html[data-theme="dark"] .page-type-nav {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .toggle-switch::after {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .btn-outline {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .all-pages-section {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .sort-select {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .sb-slide-panel {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .modal-time-filter select {
  background-color: var(--mb-surface);
}

/* ── such-verhalten-details.css (7) ── */
html[data-theme="dark"] .svd-explainer-item {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .svd-time-btn {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .svd-time-btn--disabled,
html[data-theme="dark"] .svd-time-btn:disabled {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .svd-time-more-btn {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .svd-time-dropdown {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .svd-insight-gray {
  background-color: var(--mb-surface-2);
  color: var(--mb-text-2);
}
html[data-theme="dark"] .svd-pos-badge--2 {
  background-color: var(--mb-surface-2);
}

/* ── customer-competitor-intelligence.css (6) ── */
html[data-theme="dark"] .del-step-active .del-step-icon {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .ci-ql-own-shop:hover {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .ci-ql-own-favicon {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .ci-ql-comp-favicon {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .comp-favicon {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .ci-own-shop-favicon {
  background-color: var(--mb-surface);
}

/* ── customer-umsatzradar-tax.css (6) ── */
html[data-theme="dark"] .urt-explainer {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .urt-explainer-item {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .urt-oss-bar-track {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .urt-compliance-issue-action {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .urt-noneu-badge {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .urt-month-stacked-bar {
  background-color: var(--mb-surface-2);
}

/* ── inhalts-pruefer.css (6) ── */
html[data-theme="dark"] .page-type-nav {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .template-card {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .template-card-icon {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .template-card-toggle {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .template-card-body {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .ip-slide-panel {
  background-color: var(--mb-surface);
}

/* ── cockpit.css (4) ── */
html[data-theme="dark"] .ck-macbook-viewport {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .ck-iphone-viewport {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .ck-tf-img {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .ck-btn-onhero {
  background-color: var(--mb-surface);
  color: var(--mb-text-2);
}

/* ── section-pulse-positions.css (4) ── */
html[data-theme="dark"] .spp-breadcrumbs {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .spp-bc-current {
  background-color: var(--mb-surface-2);
  color: var(--mb-text);
}
html[data-theme="dark"] .spp-scroll-legend-bar {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .spp-detail-panel {
  background-color: var(--mb-surface);
}

/* ── admin-feature-board.css (3) ── */
html[data-theme="dark"] .afb-stat {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .afb-icon-btn {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .afb-status-chip {
  background-color: var(--mb-surface);
}

/* ── customer-contact.css (3) ── */
html[data-theme="dark"] .cc-breadcrumbs {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .cc-input,
html[data-theme="dark"] .cc-textarea,
html[data-theme="dark"] .cc-select {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .cc-panel {
  background-color: var(--mb-surface);
}

/* ── customer-settings.css (3) ── */
html[data-theme="dark"] .cs-breadcrumbs {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .cs-panel {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .cs-panel-footer {
  background-color: var(--mb-surface);
}

/* ── customer-umsatzradar-discounts.css (3) ── */
html[data-theme="dark"] .urd-explainer {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .urd-explainer-item {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .urd-segment-card {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}

/* ── product-search.css (3) ── */
html[data-theme="dark"] .btn-reset {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .btn-reset:hover {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .search-result-item {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}

/* ── tool-help.css (3) ── */
html[data-theme="dark"] .th-tipp {
  background-color: var(--mb-surface-2);
  color: var(--mb-text-2);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .th-footer {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .th-panel-body::-webkit-scrollbar-track {
  background-color: var(--mb-surface-2);
}

/* ── abbruchanalyse.css (2) ── */
html[data-theme="dark"] .aa-detail-produkt {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .aa-abbruch-punkt-section {
  background-color: var(--mb-surface);
}

/* ── admin-competitor-quota.css (2) ── */
html[data-theme="dark"] .cq-select {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .cq-btn {
  background-color: var(--mb-surface);
}

/* ── admin-infoboxes.css (2) ── */
html[data-theme="dark"] .ibx-badge--status-draft {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .push-verlauf-zeile {
  background-color: var(--mb-surface);
}

/* ── conversion-kill-detector.css (2) ── */
html[data-theme="dark"] .ckd-data-source--avg {
  background-color: var(--mb-surface-2);
}
html[data-theme="dark"] .ckd-flow-exit {
  background-color: var(--mb-surface-2);
}

/* ── customer-settings-optik.css (2) ── */
html[data-theme="dark"] .opt-vorschau--hell::before {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .opt-vorschau--hell::after {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}

/* ── info-article.css (2) ── */
html[data-theme="dark"] .ia-topbar {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .ia-article {
  background-color: var(--mb-surface);
}

/* ── infobox.css (2) ── */
html[data-theme="dark"] .sm-ib {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}
html[data-theme="dark"] .sm-ib-chip {
  background-color: var(--mb-surface);
  border-color: var(--mb-border);
}

/* ── shop-architekt.css (2) ── */
html[data-theme="dark"] .mb-panel-desc--accent .mb-panel-desc-icon {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .mb-panel-desc--success .mb-panel-desc-icon {
  background-color: var(--mb-surface);
}

/* ── shoparchitekt-scan.css (2) ── */
html[data-theme="dark"] .scan-macbook-viewport {
  background-color: var(--mb-surface);
}
html[data-theme="dark"] .scan-iphone-viewport {
  background-color: var(--mb-surface);
}

/* ── admin-infobox-edit.css (1) ── */
html[data-theme="dark"] .ibe-sv-del {
  background-color: var(--mb-surface);
}

/* ── admin-users.css (1) ── */
html[data-theme="dark"] .au-panel {
  background-color: var(--mb-surface);
}

/* ── competitor-details.css (1) ── */
html[data-theme="dark"] .cd-hero-favicon {
  background-color: var(--mb-surface);
}

/* ── creative-center.css (1) ── */
html[data-theme="dark"] .cc-d-head .cc-ico-lg {
  background-color: var(--mb-surface);
}

/* ── customer-alexa.css (1) ── */
html[data-theme="dark"] .ax-qr-bild {
  background-color: var(--mb-surface);
}

/* ── customer-docs-article.css (1) ── */
html[data-theme="dark"] .docs-help-cta-btn {
  background-color: var(--mb-surface);
}

/* ── customer-notizboard.css (1) ── */
html[data-theme="dark"] .nb-tile-drawing {
  background-color: var(--mb-surface);
}

/* ── customer-own-shop-trends.css (1) ── */
html[data-theme="dark"] .ost-status--gray {
  background-color: var(--mb-surface-2);
  color: var(--mb-text-2);
}

/* ── customer-settings-geraete.css (1) ── */
html[data-theme="dark"] .geraet-notiz {
  background-color: var(--mb-surface-2);
  border-color: var(--mb-border);
}

/* ── feature-board.css (1) ── */
html[data-theme="dark"] .fb-status--under_review {
  background-color: var(--mb-surface-2);
}

/* ── hero-ai.css (1) ── */
html[data-theme="dark"] .hai-quick-btn {
  background-color: var(--mb-surface);
}

/* ── kaufreise-blindspots.css (1) ── */
html[data-theme="dark"] .bs-detail-grund--primaer {
  background-color: var(--mb-surface);
}

/* ── kaufreise-suchpfad.css (1) ── */
html[data-theme="dark"] .sp-null-alarm-icon {
  background-color: var(--mb-surface);
}

/* ── onboarding.css (1) ── */
html[data-theme="dark"] .onb-theme-schalter-knopf {
  background-color: var(--mb-surface);
}

/* ── shoparchitekt-performance.css (1) ── */
html[data-theme="dark"] .psi-metric {
  background-color: var(--mb-surface);
}

/* ── sm-a11y-panel.css (1) ── */
html[data-theme="dark"] .a11y-schalter-knopf {
  background-color: var(--mb-surface);
}

/* ── trust-signal-pruefer.css (1) ── */
html[data-theme="dark"] .tsp-panel {
  background-color: var(--mb-surface);
}