/* Dark overrides for pages that ship light-theme inline CSS */
html.catalog-app:not(.catalog-theme-light) {
  --src-dst: #4ade80;
  --src-dst-bg: rgba(74, 222, 128, 0.12);
  --src-cs: #c4b5fd;
  --src-cs-bg: rgba(167, 139, 250, 0.12);
  --pane-header: var(--panel-header);
  --ok: var(--green);
}

html.catalog-app:not(.catalog-theme-light) input,
html.catalog-app:not(.catalog-theme-light) select,
html.catalog-app:not(.catalog-theme-light) textarea {
  background: var(--input-bg);
  border-color: var(--border);
  color: var(--text);
}

html.catalog-app:not(.catalog-theme-light) input[type="checkbox"],
html.catalog-app:not(.catalog-theme-light) input[type="radio"] {
  accent-color: var(--accent);
}

/* dst-light */
html.catalog-app:not(.catalog-theme-light) .dst-light-tabs {
  background: var(--panel);
  border-bottom-color: var(--border);
}

html.catalog-app:not(.catalog-theme-light) .dst-light-tab {
  color: var(--text-dim);
}

html.catalog-app:not(.catalog-theme-light) .dst-light-tab:hover {
  color: var(--text);
}

html.catalog-app:not(.catalog-theme-light) .dst-light-tab.active {
  color: var(--accent);
  border-bottom-color: var(--accent);
}

html.catalog-app:not(.catalog-theme-light) .bf-card,
html.catalog-app:not(.catalog-theme-light) .field-card,
html.catalog-app:not(.catalog-theme-light) .pv-panel,
html.catalog-app:not(.catalog-theme-light) .pv-facet-panel,
html.catalog-app:not(.catalog-theme-light) .pv-detail,
html.catalog-app:not(.catalog-theme-light) .ft-card,
html.catalog-app:not(.catalog-theme-light) .cv-panel,
html.catalog-app:not(.catalog-theme-light) .note,
html.catalog-app:not(.catalog-theme-light) .ro-hero {
  background: var(--panel);
  border-color: var(--border);
  box-shadow: none;
}

html.catalog-app:not(.catalog-theme-light) .bf-btn--secondary,
html.catalog-app:not(.catalog-theme-light) .btn-secondary,
html.catalog-app:not(.catalog-theme-light) .pv-pager-btn {
  background: var(--panel-header);
  color: var(--text);
  border-color: var(--border);
}

html.catalog-app:not(.catalog-theme-light) .bf-status[data-state="running"] {
  background: var(--accent-soft);
  color: var(--accent);
}

html.catalog-app:not(.catalog-theme-light) .bf-status[data-state="completed"] {
  background: rgba(74, 222, 128, 0.12);
  color: var(--green);
}

html.catalog-app:not(.catalog-theme-light) .bf-status[data-state="error"],
html.catalog-app:not(.catalog-theme-light) .bf-error-msg,
html.catalog-app:not(.catalog-theme-light) .ft-msg.ft-msg-err {
  background: rgba(248, 113, 113, 0.12);
  color: #fca5a5;
}

html.catalog-app:not(.catalog-theme-light) .bf-status[data-state="stopped"],
html.catalog-app:not(.catalog-theme-light) .ft-msg.ft-msg-warn {
  background: rgba(251, 146, 60, 0.12);
  color: #fdba74;
}

html.catalog-app:not(.catalog-theme-light) .ft-msg.ft-msg-ok {
  background: rgba(74, 222, 128, 0.12);
  color: var(--green);
}

html.catalog-app:not(.catalog-theme-light) .field-card__bar:hover,
html.catalog-app:not(.catalog-theme-light) .pv-table tr:hover td,
html.catalog-app:not(.catalog-theme-light) .cv-table tbody tr.cv-row-selectable:hover td {
  background: var(--row-hover) !important;
}

html.catalog-app:not(.catalog-theme-light) .pv-table tr.pv-selected td,
html.catalog-app:not(.catalog-theme-light) .cv-table tbody tr.cv-row-selected td {
  background: var(--selected) !important;
}

html.catalog-app:not(.catalog-theme-light) .pv-json-hl {
  background: rgba(251, 191, 36, 0.3);
  color: inherit;
}

html.catalog-app:not(.catalog-theme-light) .pv-json-hl--active {
  background: #fb8500;
  color: #0d1117;
  box-shadow: 0 0 0 2px rgba(251, 133, 0, 0.45);
}

html.catalog-app:not(.catalog-theme-light) .pv-detail-body {
  background: #0d1117;
}

html.catalog-app:not(.catalog-theme-light) .pv-detail-body pre {
  color: #e6edf3;
  background: #0d1117;
}

html.catalog-app:not(.catalog-theme-light) .pv-json-key { color: #7ee787; }
html.catalog-app:not(.catalog-theme-light) .pv-json-str { color: #a5d6ff; }
html.catalog-app:not(.catalog-theme-light) .pv-json-num { color: #79c0ff; }
html.catalog-app:not(.catalog-theme-light) .pv-json-bool { color: #ff7b72; }
html.catalog-app:not(.catalog-theme-light) .pv-json-null { color: #d2a8ff; }

html.catalog-app:not(.catalog-theme-light) .pv-detail-search {
  background: var(--panel);
}

html.catalog-app:not(.catalog-theme-light) .src-box--dst {
  background: var(--src-dst-bg);
  border-color: rgba(74, 222, 128, 0.35);
  color: var(--src-dst);
}

html.catalog-app:not(.catalog-theme-light) .src-box--cs {
  background: var(--src-cs-bg);
  border-color: rgba(167, 139, 250, 0.35);
  color: var(--src-cs);
}

html.catalog-app:not(.catalog-theme-light) .cv-table tr.cv-row-empty td,
html.catalog-app:not(.catalog-theme-light) .cv-breakdown tr.cv-br-empty td {
  background: rgba(248, 113, 113, 0.1) !important;
}

html.catalog-app:not(.catalog-theme-light) .cv-table tr.cv-row-weak td,
html.catalog-app:not(.catalog-theme-light) .cv-breakdown tr.cv-br-weak td {
  background: rgba(251, 191, 36, 0.1) !important;
}

html.catalog-app:not(.catalog-theme-light) .pick-list li,
html.catalog-app:not(.catalog-theme-light) .ro-table th,
html.catalog-app:not(.catalog-theme-light) .ro-table td {
  border-color: var(--border);
}

/* resell-calculator */
html.catalog-app:not(.catalog-theme-light) .topbar {
  background: var(--panel);
  border-bottom-color: var(--border);
}

html.catalog-app:not(.catalog-theme-light) .pane--invoer {
  background: var(--panel) !important;
  border-right-color: var(--border) !important;
}

html.catalog-app:not(.catalog-theme-light) .panel,
html.catalog-app:not(.catalog-theme-light) .result-card,
html.catalog-app:not(.catalog-theme-light) .photo-slot {
  background: var(--panel);
  border-color: var(--border);
  box-shadow: none;
}

html.catalog-app:not(.catalog-theme-light) .pane {
  background: var(--bg);
}

html.catalog-app:not(.catalog-theme-light) input:not([type="checkbox"]):not([type="radio"]),
html.catalog-app:not(.catalog-theme-light) select,
html.catalog-app:not(.catalog-theme-light) textarea {
  background: var(--input-bg) !important;
}

html.catalog-app:not(.catalog-theme-light) .drive-toggle label,
html.catalog-app:not(.catalog-theme-light) .chip-row label {
  background: var(--panel-header);
  border-color: var(--border);
}

html.catalog-app:not(.catalog-theme-light) .result-highlight {
  background: var(--accent-soft);
  border-color: rgba(108, 140, 255, 0.35);
}

html.catalog-app:not(.catalog-theme-light) .sticky-actions {
  background: linear-gradient(180deg, transparent 0%, var(--bg) 35%);
}