html[data-theme="light"] body.bg-gradient {
  background: #f4f7fb !important;
  color: #17283d;
  --text-primary: #17283d;
  --text-secondary: #435a73;
}

html[data-theme="light"] body.bg-gradient .glass-card {
  background: #ffffff;
  border-color: #d8e1ec;
  box-shadow: 0 6px 18px rgba(23, 40, 61, 0.08);
  color: #17283d;
}

html[data-theme="light"] body.bg-gradient .form-control,
html[data-theme="light"] body.bg-gradient .form-select {
  background-color: #ffffff;
  border-color: #b9c6d6;
  color: #17283d;
}

html[data-theme="light"] body.bg-gradient .form-control::placeholder {
  color: #73859a;
}

html[data-theme="light"] body.bg-gradient .text-light,
html[data-theme="light"] body.bg-gradient .form-text,
html[data-theme="light"] body.bg-gradient .form-check-label,
html[data-theme="light"] body.bg-gradient .form-label,
html[data-theme="light"] body.bg-gradient h1,
html[data-theme="light"] body.bg-gradient h2,
html[data-theme="light"] body.bg-gradient h3,
html[data-theme="light"] body.bg-gradient h4,
html[data-theme="light"] body.bg-gradient h5 {
  color: #17283d !important;
}

html[data-theme="light"] body.bg-gradient footer {
  border-top-color: #d8e1ec;
  color: #62748a;
}

html[data-theme="light"] body.bg-gradient .result-panel {
  background: #f7f9fc;
  border: 1px solid #d8e1ec;
  box-shadow: inset 0 1px 2px rgba(23, 40, 61, 0.06);
  color: #17283d;
}

html[data-theme="light"] body.bg-gradient .result-panel table,
html[data-theme="light"] body.bg-gradient .result-panel table thead th,
html[data-theme="light"] body.bg-gradient .result-panel table tbody tr.camera-group td,
html[data-theme="light"] body.bg-gradient .metrics-table table.table {
  color: #17283d !important;
  border-color: #d8e1ec;
}

html[data-theme="light"] body.bg-gradient .result-panel table tbody tr,
html[data-theme="light"] body.bg-gradient .metrics-table table.table > tbody > tr {
  background: #ffffff !important;
}

html[data-theme="light"] body.bg-gradient .result-panel table tbody tr:nth-child(even),
html[data-theme="light"] body.bg-gradient .metrics-table table.table > tbody > tr:nth-child(even),
html[data-theme="light"] body.bg-gradient .metrics-table table.table > thead {
  background: #f2f6fa !important;
}

html[data-theme="light"] body.bg-gradient .result-panel table.table-dark {
  --bs-table-color: #17283d;
  --bs-table-bg: #ffffff;
  --bs-table-striped-color: #17283d;
  --bs-table-striped-bg: #f2f6fa;
  --bs-table-hover-color: #17283d;
  --bs-table-hover-bg: #e0e2d8;
  --bs-table-border-color: #d8e1ec;
}

html[data-theme="light"] body.bg-gradient .config-result-row > td {
  background-color: transparent !important;
  color: #17283d !important;
}

html[data-theme="light"] body.bg-gradient #lookupResults .table-dark > :not(caption) > * > *,
html[data-theme="light"] body.bg-gradient #lookupResults .table-striped > tbody > tr:nth-of-type(odd) > *,
html[data-theme="light"] body.bg-gradient #lookupResults .table-hover > tbody > tr:hover > * {
  color: #17283d !important;
  background-color: transparent !important;
  box-shadow: none;
}

html[data-theme="light"] body.bg-gradient #lookupResults .config-result-row.selected > td {
  background-color: #e0e2d8 !important;
  color: #17283d !important;
}

html[data-theme="light"] body.bg-gradient #lookupResults .results-table-view table > :not(caption) > tr > * + * {
  border-left: 1px solid #b9c6d6;
}

html[data-theme="light"] body.bg-gradient #lookupResults .config-result-row.selected > td + td {
  border-left-color: #0d7d4c;
}

html[data-theme="light"] body.bg-gradient .licence-category,
html[data-theme="light"] body.bg-gradient .licence-module,
html[data-theme="light"] body.bg-gradient .licence-read-summary,
html[data-theme="light"] body.bg-gradient .result-card {
  background: #f7f9fc;
  border-color: #d8e1ec;
  box-shadow: none;
}

html[data-theme="light"] body.bg-gradient .licence-category-title,
html[data-theme="light"] body.bg-gradient .licence-check .form-check-label,
html[data-theme="light"] body.bg-gradient .licence-module .form-check-label,
html[data-theme="light"] body.bg-gradient .mag-label-row,
html[data-theme="light"] body.bg-gradient .result-card-sort-button {
  color: #17283d !important;
}

html[data-theme="light"] body.bg-gradient .licence-actions,
html[data-theme="light"] body.bg-gradient .licence-actions-tabs .nav-link {
  border-color: #d8e1ec;
}

html[data-theme="light"] body.bg-gradient .licence-actions-tabs .nav-link,
html[data-theme="light"] body.bg-gradient .licence-actions .btn-outline-secondary {
  background: #ffffff;
  border-color: #aebdce;
  color: #084028;
}

html[data-theme="light"] body.bg-gradient .licence-actions-tabs .nav-link:hover,
html[data-theme="light"] body.bg-gradient .licence-actions-tabs .nav-link.active,
html[data-theme="light"] body.bg-gradient .licence-actions .btn-outline-secondary:hover {
  background: #e0e2d8;
  border-color: #0d7d4c;
  color: #084028;
}

html[data-theme="light"] body.bg-gradient .config-result-row.result-selectable.selected > td,
html[data-theme="light"] body.bg-gradient .result-card.result-selectable.selected {
  background: #e0e2d8 !important;
  color: #17283d;
}

html[data-theme="light"] body.bg-gradient .config-result-row.result-selectable.selected > td *,
html[data-theme="light"] body.bg-gradient .result-card.result-selectable.selected * {
  color: #17283d !important;
}

html[data-theme="dark"] .navbar {
  background: #172131 !important;
  border-bottom-color: #35445a;
}

html[data-theme="dark"] .navbar .btn-nav,
html[data-theme="dark"] .navbar .btn-outline-secondary {
  border-color: #37d78f;
  color: #fcfaf6;
}

html[data-theme="dark"] .navbar .btn-nav:hover,
html[data-theme="dark"] .navbar .btn-nav:focus,
html[data-theme="dark"] .navbar .btn-nav.active {
  background: #0d7d4c;
  color: #ffffff;
}

html[data-theme="light"] body[data-lighting-asset-path] {
  --surface-dark: #f4f7fb;
  --surface-panel: #ffffff;
  --text-primary: #17283d;
  --text-secondary: #435a73;
  --accent-green: #0d7d4c;
  --lp-surface-900: #f4f7fb;
  --lp-surface-850: #eef3f8;
  --lp-surface-800: #ffffff;
  --lp-surface-750: #ffffff;
  --lp-surface-700: #f7f9fc;
  --lp-surface-600: #e5ecf4;
  --panel: #ffffff;
  --panel-2: #ffffff;
  --hair: #d8e1ec;
  --hair-soft: #e7edf4;
  --ink-dim: #435a73;
  --slider-track-base: #ffffff;
  --shadow-soft: rgba(23, 40, 61, 0.08);
  --lp-schem-dark: #eef3f8;
  --lp-schem-mid: #e5edf6;
  --lp-schem-muted: #73859a;
  --lp-schem-panel: #d9e5f2;
}

html[data-theme="light"] body[data-lighting-asset-path] .tabs {
  background: #f4f7fb;
}

html[data-theme="light"] body[data-lighting-asset-path] .tab {
  color: #084028;
}

html[data-theme="light"] body[data-lighting-asset-path] .tab:hover {
  color: #084028;
  background: #e0e2d8;
}

html[data-theme="light"] body[data-lighting-asset-path] .tab-active,
html[data-theme="light"] body[data-lighting-asset-path] .tab-active:hover {
  color: #ffffff;
  background: #0d7d4c;
}

html[data-theme="light"] body[data-lighting-asset-path] .card,
html[data-theme="light"] body[data-lighting-asset-path] .rc,
html[data-theme="light"] body[data-lighting-asset-path] .cmp-col,
html[data-theme="light"] body[data-lighting-asset-path] .wiki-card,
html[data-theme="light"] body[data-lighting-asset-path] .lib-card,
html[data-theme="light"] body[data-lighting-asset-path] .gcard,
html[data-theme="light"] body[data-lighting-asset-path] .cmpx,
html[data-theme="light"] body[data-lighting-asset-path] .crit {
  background: #ffffff;
  border-color: #d8e1ec;
  box-shadow: 0 6px 18px rgba(23, 40, 61, 0.08);
}

html[data-theme="light"] body[data-lighting-asset-path] .rc-schem,
html[data-theme="light"] body[data-lighting-asset-path] .cmp-schem,
html[data-theme="light"] body[data-lighting-asset-path] .wiki-schem,
html[data-theme="light"] body[data-lighting-asset-path] .lib-schem,
html[data-theme="light"] body[data-lighting-asset-path] .playbook-modal-schem {
  background: #eef3f8;
  border-color: #d8e1ec;
}

html[data-theme="light"] body[data-lighting-asset-path] .cmp-select,
html[data-theme="light"] body[data-lighting-asset-path] .wiki-search {
  color: #17283d;
  background-color: #ffffff;
}

html[data-theme="light"] body[data-lighting-asset-path] .pill,
html[data-theme="light"] body[data-lighting-asset-path] .sim-btn {
  background: #ffffff;
  border-color: #b9c6d6;
  color: #17283d;
}

html[data-theme="light"] body[data-lighting-asset-path] .pill:hover,
html[data-theme="light"] body[data-lighting-asset-path] .sim-btn:hover {
  background: #e0e2d8;
  border-color: #0d7d4c;
  color: #17283d;
}

html[data-theme="light"] body[data-lighting-asset-path] .pill-active,
html[data-theme="light"] body[data-lighting-asset-path] .pill-active:hover,
html[data-theme="light"] body[data-lighting-asset-path] .sim-btn-on,
html[data-theme="light"] body[data-lighting-asset-path] .sim-btn-on:hover {
  background: #0d7d4c;
  border-color: #0d7d4c;
  color: #ffffff;
}

html[data-theme="light"] body[data-lighting-asset-path] .sim-control-section,
html[data-theme="light"] body[data-lighting-asset-path] .sim-info,
html[data-theme="light"] body[data-lighting-asset-path] .gallery-toc,
html[data-theme="light"] body[data-lighting-asset-path] .gtile,
html[data-theme="light"] body[data-lighting-asset-path] .cmpx-col,
html[data-theme="light"] body[data-lighting-asset-path] .rex-thumb,
html[data-theme="light"] body[data-lighting-asset-path] .rex-thumb-fn,
html[data-theme="light"] body[data-lighting-asset-path] .playbook-modal {
  background: #ffffff;
  border-color: #d8e1ec;
  color: #17283d;
}

html[data-theme="light"] body[data-lighting-asset-path] .sim-section-head span:first-child,
html[data-theme="light"] body[data-lighting-asset-path] .sim-info-note,
html[data-theme="light"] body[data-lighting-asset-path] .gallery-toc a.active,
html[data-theme="light"] body[data-lighting-asset-path] .gallery-toc a:hover,
html[data-theme="light"] body[data-lighting-asset-path] .rex-thumb-fn span {
  color: #17283d;
}

html[data-theme="dark"] .dashboard-page {
  --dashboard-surface: #202a38;
  --dashboard-page: #151b26;
  --dashboard-border: #35445a;
  --dashboard-text: #eef4fb;
  --dashboard-secondary: #aebdce;
  --dashboard-ink: #eef4fb;
  background: #151b26;
}

html[data-theme="dark"] .dashboard-header {
  background: #172131;
  border-bottom-color: #35445a;
}

html[data-theme="dark"] .dashboard-brand,
html[data-theme="dark"] .tool-card-title {
  color: #eef4fb;
}

html[data-theme="dark"] .dashboard-theme-toggle {
  border-color: #37d78f;
  color: #fcfaf6;
}

html[data-theme="dark"] .dashboard-theme-toggle:hover,
html[data-theme="dark"] .dashboard-theme-toggle:focus-visible {
  background: rgba(114, 174, 255, 0.16);
}

html[data-theme="dark"] .dashboard-category h2 {
  color: #aebdce;
}

html[data-theme="dark"] .tool-card {
  background: #202a38;
  border-color: #35445a;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2);
}

html[data-theme="dark"] .dashboard-footer {
  border-top-color: #35445a;
}

.theme-toggle {
  width: 2.5rem;
  min-width: 2.5rem;
  padding: 0 !important;
}

.theme-icon::before {
  content: "☾";
  font-size: 1.15rem;
  line-height: 1;
}

html[data-theme="dark"] .theme-icon::before {
  content: "☀";
}

.dashboard-theme-toggle {
  width: 2.5rem;
  min-width: 2.5rem;
  min-height: 2.5rem;
  display: inline-grid;
  place-items: center;
  padding: 0 !important;
}

html[data-theme="light"] .theme-toggle {
  border-color: #0d7d4c;
  color: #084028;
}

html[data-theme="dark"] .theme-toggle {
  border-color: #37d78f;
  color: #fcfaf6;
}

/* Ash Technologies brand palette. Bright green is reserved for interaction and focus. */
html[data-theme="light"] body.bg-gradient {
  background: #f4f7fb !important;
  color: #17283d;
  --text-primary: #17283d;
  --text-secondary: #435a73;
}

html[data-theme="light"] body.bg-gradient .glass-card,
html[data-theme="light"] body.bg-gradient .result-panel {
  background: #ffffff;
  border-color: #d8e1ec;
  color: #17283d;
}

html[data-theme="light"] body.bg-gradient .text-light,
html[data-theme="light"] body.bg-gradient h1,
html[data-theme="light"] body.bg-gradient h2,
html[data-theme="light"] body.bg-gradient h3,
html[data-theme="light"] body.bg-gradient h4,
html[data-theme="light"] body.bg-gradient h5,
html[data-theme="light"] body.bg-gradient .form-label,
html[data-theme="light"] body.bg-gradient .form-check-label {
  color: #17283d !important;
}

html[data-theme="light"] body.bg-gradient .form-control,
html[data-theme="light"] body.bg-gradient .form-select,
html[data-theme="light"] body.bg-gradient .licence-category,
html[data-theme="light"] body.bg-gradient .licence-module,
html[data-theme="light"] body.bg-gradient .licence-read-summary,
html[data-theme="light"] body.bg-gradient .result-card {
  background: #ffffff;
  border-color: #b9c6d6;
  color: #17283d;
}

html[data-theme="light"] body.bg-gradient .btn-nav,
html[data-theme="light"] body.bg-gradient .btn-outline-secondary,
html[data-theme="light"] body.bg-gradient .licence-actions-tabs .nav-link {
  border-color: #0d7d4c;
  color: #084028;
}

html[data-theme="light"] body.bg-gradient .btn-nav:hover,
html[data-theme="light"] body.bg-gradient .btn-nav:focus,
html[data-theme="light"] body.bg-gradient .btn-nav.active,
html[data-theme="light"] body.bg-gradient .licence-actions-tabs .nav-link:hover,
html[data-theme="light"] body.bg-gradient .licence-actions-tabs .nav-link.active {
  background: #0d7d4c;
  border-color: #0d7d4c;
  color: #fcfaf6;
}

html[data-theme="light"] body.bg-gradient .licence-activity-table {
  --bs-table-color: #17283d;
  --bs-table-bg: #ffffff;
  --bs-table-border-color: #d8e1ec;
  --bs-table-hover-color: #17283d;
  --bs-table-hover-bg: #edf8f0;
  color: #17283d;
}

html[data-theme="light"] body.bg-gradient #lookupResults .config-result-row.selected > td,
html[data-theme="light"] body.bg-gradient .config-result-row.result-selectable.selected > td,
html[data-theme="light"] body.bg-gradient .result-card.result-selectable.selected {
  background: #d9f6e6 !important;
  border-color: #0d7d4c;
  color: #17283d !important;
  box-shadow: inset 4px 0 0 #0d7d4c;
}

html[data-theme="light"] body.bg-gradient .config-result-row.result-selectable:hover > td,
html[data-theme="light"] body.bg-gradient .config-result-row.result-selectable:focus > td {
  background: #edf8f0 !important;
}

html[data-theme="light"] body.bg-gradient .config-result-row.result-selectable.selected:hover > td,
html[data-theme="light"] body.bg-gradient .config-result-row.result-selectable.selected:focus > td {
  background: #d9f6e6 !important;
  box-shadow: inset 4px 0 0 #0d7d4c;
}

html[data-theme="light"] body.bg-gradient #lookupResults .table-hover > tbody > tr.config-result-row.selected:hover > td,
html[data-theme="light"] body.bg-gradient #lookupResults .table-hover > tbody > tr.config-result-row.selected:focus > td {
  background: #d9f6e6 !important;
  color: #001c0c !important;
  box-shadow: inset 4px 0 0 #0d7d4c;
}

html[data-theme="light"] body.bg-gradient .result-card.result-selectable.selected:hover,
html[data-theme="light"] body.bg-gradient .result-card.result-selectable.selected:focus {
  background: #d9f6e6 !important;
  border-color: #0d7d4c;
  box-shadow: inset 4px 0 0 #0d7d4c;
}

html[data-theme="light"] body.bg-gradient .config-result-row.selected > td *,
html[data-theme="light"] body.bg-gradient .result-card.result-selectable.selected * {
  color: #001c0c !important;
}

html[data-theme="light"] body.bg-gradient .licence-module .module-duration--trial {
  background: #fff4d6 !important;
  border-color: #b7791f !important;
  color: #6b4400 !important;
  font-weight: 700;
}

html[data-theme="light"] body[data-lighting-asset-path] {
  --surface-dark: #f4f7fb;
  --surface-panel: #ffffff;
  --text-primary: #17283d;
  --text-secondary: #435a73;
  --accent-green: #0d7d4c;
  --lp-surface-900: #f4f7fb;
  --lp-surface-850: #eef3f8;
  --lp-surface-800: #ffffff;
  --lp-surface-750: #ffffff;
  --lp-surface-700: #f7f9fc;
  --lp-surface-600: #e5ecf4;
  --panel: #ffffff;
  --panel-2: #ffffff;
  --hair: #d8e1ec;
  --hair-soft: #e7edf4;
  --ink-dim: #435a73;
  --slider-track-base: #ffffff;
  --lp-schem-dark: #084028;
  --lp-schem-mid: #e5edf6;
  --lp-schem-muted: #73859a;
  --lp-schem-panel: #d9e5f2;
}

html[data-theme="light"] body[data-lighting-asset-path] .rc-schem,
html[data-theme="light"] body[data-lighting-asset-path] .cmp-schem,
html[data-theme="light"] body[data-lighting-asset-path] .wiki-schem,
html[data-theme="light"] body[data-lighting-asset-path] .lib-schem,
html[data-theme="light"] body[data-lighting-asset-path] .playbook-modal-schem {
  background: #eef3f8;
  border-color: #d8e1ec;
}

html[data-theme="light"] body[data-lighting-asset-path] .tab {
  color: #084028;
  border-color: #0d7d4c;
}

html[data-theme="light"] body[data-lighting-asset-path] .tabs {
  background: transparent;
}

html[data-theme="light"] body[data-lighting-asset-path] .tab:hover,
html[data-theme="light"] body[data-lighting-asset-path] .pill:hover,
html[data-theme="light"] body[data-lighting-asset-path] .sim-btn:hover {
  background: #edf8f0;
  border-color: #0d7d4c;
  color: #001c0c;
}

html[data-theme="light"] body[data-lighting-asset-path] .tab-active,
html[data-theme="light"] body[data-lighting-asset-path] .tab-active:hover,
html[data-theme="light"] body[data-lighting-asset-path] .pill-active,
html[data-theme="light"] body[data-lighting-asset-path] .pill-active:hover,
html[data-theme="light"] body[data-lighting-asset-path] .sim-btn-on,
html[data-theme="light"] body[data-lighting-asset-path] .sim-btn-on:hover {
  background: #0d7d4c;
  border-color: #0d7d4c;
  color: #fcfaf6;
}

html[data-theme="dark"] .navbar,
html[data-theme="dark"] .dashboard-header {
  background: #001c0c !important;
  border-bottom-color: #315342;
}

html[data-theme="dark"] .dashboard-page {
  --dashboard-surface: #06331f;
  --dashboard-page: #001c0c;
  --dashboard-border: #315342;
  --dashboard-text: #fcfaf6;
  --dashboard-secondary: #c7ccc0;
  --dashboard-ink: #fcfaf6;
  background: #001c0c;
}

html[data-theme="dark"] .dashboard-theme-toggle,
html[data-theme="dark"] .theme-toggle,
html[data-theme="dark"] .navbar .btn-nav {
  border-color: #37d78f;
  color: #fcfaf6;
}

/* Dark mode uses the brand's dark green as a quiet structural colour. Mid and
   bright green are deliberately limited to active, selected, and primary UI. */
html[data-theme="dark"] body.bg-gradient {
  background: #191c18 !important;
  color: #fcfaf6;
  --text-primary: #fcfaf6;
  --text-secondary: #c7ccc0;
  --slider-track-base: #001c0c;
  --digital-red: #ff6b6b;
  --digital-red-highlight: #ff8a80;
  --digital-notice-background: #4a1717;
  --digital-notice-text: #ffe5e5;
}

html[data-theme="dark"] body.bg-gradient .glass-card,
html[data-theme="dark"] body.bg-gradient .result-panel,
html[data-theme="dark"] body.bg-gradient .licence-category,
html[data-theme="dark"] body.bg-gradient .licence-module,
html[data-theme="dark"] body.bg-gradient .licence-read-summary,
html[data-theme="dark"] body.bg-gradient .result-card {
  background: #22251f;
  border-color: rgba(224, 226, 216, 0.16);
  color: #fcfaf6;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);
}

html[data-theme="dark"] body.bg-gradient .form-control,
html[data-theme="dark"] body.bg-gradient .form-select,
html[data-theme="dark"] body.bg-gradient .form-range {
  background-color: #151814;
  border-color: rgba(224, 226, 216, 0.18);
  color: #fcfaf6;
}

html[data-theme="dark"] body.bg-gradient .form-control::placeholder {
  color: #c7ccc0;
}

html[data-theme="dark"] body.bg-gradient .btn-outline-secondary,
html[data-theme="dark"] body.bg-gradient .btn-nav,
html[data-theme="dark"] body.bg-gradient .licence-actions-tabs .nav-link {
  background: transparent;
  border-color: rgba(224, 226, 216, 0.22);
  color: #e0e2d8;
}

html[data-theme="dark"] body.bg-gradient .btn-outline-secondary:hover,
html[data-theme="dark"] body.bg-gradient .btn-outline-secondary:focus,
html[data-theme="dark"] body.bg-gradient .btn-nav:hover,
html[data-theme="dark"] body.bg-gradient .btn-nav:focus,
html[data-theme="dark"] body.bg-gradient .licence-actions-tabs .nav-link:hover {
  background: #2b2f28;
  border-color: #0d7d4c;
  color: #fcfaf6;
}

html[data-theme="dark"] body.bg-gradient .licence-activity-table {
  --bs-table-color: #fcfaf6;
  --bs-table-bg: #22251f;
  --bs-table-border-color: rgba(224, 226, 216, 0.16);
  --bs-table-hover-color: #fcfaf6;
  --bs-table-hover-bg: #2b2f28;
  color: #fcfaf6;
}

html[data-theme="dark"] body.bg-gradient .btn-primary,
html[data-theme="dark"] body.bg-gradient .btn-nav.active,
html[data-theme="dark"] body.bg-gradient .licence-actions-tabs .nav-link.active,
html[data-theme="dark"] body.bg-gradient .btn-chart-toggle.active,
html[data-theme="dark"] body.bg-gradient .btn-chart-toggle[aria-pressed="true"] {
  background: #0d7d4c;
  border-color: #0d7d4c;
  color: #fcfaf6;
}

html[data-theme="dark"] body.bg-gradient .btn-primary:hover,
html[data-theme="dark"] body.bg-gradient .btn-chart-toggle.active:hover,
html[data-theme="dark"] body.bg-gradient .btn-chart-toggle[aria-pressed="true"]:hover {
  background: #37d78f;
  border-color: #37d78f;
  color: #001c0c;
}

html[data-theme="dark"] body.bg-gradient .config-result-row.result-selectable.selected > td,
html[data-theme="dark"] body.bg-gradient .result-card.result-selectable.selected {
  background: #2b2f28 !important;
  border-color: #0d7d4c;
  box-shadow: inset 4px 0 0 #37d78f;
}

html[data-theme="dark"] body.bg-gradient .config-result-row.result-selectable:hover > td,
html[data-theme="dark"] body.bg-gradient .config-result-row.result-selectable:focus > td {
  background: rgba(43, 47, 40, 0.92) !important;
}

html[data-theme="dark"] body.bg-gradient .config-result-row.result-selectable.selected:hover > td,
html[data-theme="dark"] body.bg-gradient .config-result-row.result-selectable.selected:focus > td {
  background: #2b2f28 !important;
  box-shadow: inset 4px 0 0 #37d78f;
}

html[data-theme="dark"] body.bg-gradient #lookupResults .table-hover > tbody > tr.config-result-row.selected:hover > td,
html[data-theme="dark"] body.bg-gradient #lookupResults .table-hover > tbody > tr.config-result-row.selected:focus > td {
  background: #2b2f28 !important;
  color: #fcfaf6 !important;
  box-shadow: inset 4px 0 0 #37d78f;
}

html[data-theme="dark"] body.bg-gradient .result-card.result-selectable.selected:hover,
html[data-theme="dark"] body.bg-gradient .result-card.result-selectable.selected:focus {
  background: #2b2f28 !important;
  border-color: #0d7d4c;
  box-shadow: inset 4px 0 0 #37d78f;
}

html[data-theme="dark"] .dashboard-page {
  --dashboard-surface: #22251f;
  --dashboard-page: #191c18;
  --dashboard-border: rgba(224, 226, 216, 0.16);
  --dashboard-text: #fcfaf6;
  --dashboard-secondary: #c7ccc0;
  --dashboard-ink: #fcfaf6;
  background: #191c18;
}

html[data-theme="dark"] .tool-card {
  background: #22251f;
  border-color: rgba(224, 226, 216, 0.16);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);
}

html[data-theme="dark"] .tool-card-action {
  color: #ffffff;
}

html[data-theme="dark"] body[data-lighting-asset-path] {
  --surface-dark: #191c18;
  --surface-panel: #22251f;
  --text-primary: #fcfaf6;
  --text-secondary: #c7ccc0;
  --accent-green: #37d78f;
  --lp-surface-900: #191c18;
  --lp-surface-850: #191c18;
  --lp-surface-800: #22251f;
  --lp-surface-750: #22251f;
  --lp-surface-700: #22251f;
  --lp-surface-600: #2b2f28;
  --panel: #22251f;
  --panel-2: #22251f;
  --hair: rgba(224, 226, 216, 0.16);
  --hair-soft: rgba(224, 226, 216, 0.12);
  --ink-dim: #c7ccc0;
  --shadow-soft: rgba(0, 0, 0, 0.22);
  background: #191c18 !important;
}

html[data-theme="dark"] body[data-lighting-asset-path] .card,
html[data-theme="dark"] body[data-lighting-asset-path] .rc,
html[data-theme="dark"] body[data-lighting-asset-path] .cmp-col,
html[data-theme="dark"] body[data-lighting-asset-path] .wiki-card,
html[data-theme="dark"] body[data-lighting-asset-path] .lib-card,
html[data-theme="dark"] body[data-lighting-asset-path] .gcard,
html[data-theme="dark"] body[data-lighting-asset-path] .cmpx,
html[data-theme="dark"] body[data-lighting-asset-path] .crit,
html[data-theme="dark"] body[data-lighting-asset-path] .sim-control-section,
html[data-theme="dark"] body[data-lighting-asset-path] .sim-info,
html[data-theme="dark"] body[data-lighting-asset-path] .gallery-toc {
  background: #22251f;
  border-color: rgba(224, 226, 216, 0.16);
}

html[data-theme="dark"] body[data-lighting-asset-path] .pill,
html[data-theme="dark"] body[data-lighting-asset-path] .sim-btn {
  background: #151814;
  border-color: rgba(224, 226, 216, 0.18);
  color: #e0e2d8;
}

html[data-theme="dark"] body[data-lighting-asset-path] .pill:hover,
html[data-theme="dark"] body[data-lighting-asset-path] .sim-btn:hover {
  background: #2b2f28;
  border-color: #0d7d4c;
  color: #fcfaf6;
}

html[data-theme="dark"] body[data-lighting-asset-path] .pill-active,
html[data-theme="dark"] body[data-lighting-asset-path] .sim-btn-on {
  background: #0d7d4c;
  border-color: #0d7d4c;
  color: #fcfaf6;
}

/* Keep the dark header continuous with the neutral workspace rather than
   introducing a second green surface. */
html[data-theme="dark"] .navbar,
html[data-theme="dark"] .dashboard-header {
  background: #191c18 !important;
  border-bottom-color: rgba(224, 226, 216, 0.16);
}

html[data-theme="dark"] .dashboard-theme-toggle,
html[data-theme="dark"] .theme-toggle,
html[data-theme="dark"] .navbar .btn-nav {
  border-color: rgba(224, 226, 216, 0.22);
  color: #e0e2d8;
}

html[data-theme="dark"] .dashboard-theme-toggle:hover,
html[data-theme="dark"] .dashboard-theme-toggle:focus-visible,
html[data-theme="dark"] .theme-toggle:hover,
html[data-theme="dark"] .theme-toggle:focus-visible {
  background: #2b2f28;
  border-color: #0d7d4c;
  color: #fcfaf6;
  outline: 2px solid #37d78f;
  outline-offset: 2px;
}

html[data-theme="dark"] body.bg-gradient .camera-pill-active {
  background: #0d7d4c;
  border-color: #0d7d4c;
  color: #fcfaf6;
}

html[data-theme="dark"] body.bg-gradient .camera-pill-active:hover,
html[data-theme="dark"] body.bg-gradient .camera-pill-active:focus-visible {
  background: #37d78f;
  border-color: #37d78f;
  color: #001c0c;
  box-shadow: 0 0 0 0.18rem rgba(55, 215, 143, 0.25);
}

html[data-theme="dark"] body[data-lighting-asset-path] .tab:hover,
html[data-theme="dark"] body[data-lighting-asset-path] .tab:focus-visible,
html[data-theme="dark"] body[data-lighting-asset-path] .gallery-toc a:hover,
html[data-theme="dark"] body[data-lighting-asset-path] .gallery-toc a:focus-visible {
  background: #2b2f28;
  border-color: #0d7d4c;
  color: #fcfaf6;
}

html[data-theme="dark"] body[data-lighting-asset-path] .tab-active,
html[data-theme="dark"] body[data-lighting-asset-path] .tab-active:hover,
html[data-theme="dark"] body[data-lighting-asset-path] .tab-active:focus-visible,
html[data-theme="dark"] body[data-lighting-asset-path] .gallery-toc a.active {
  background: #0d7d4c;
  border-color: #0d7d4c;
  color: #fcfaf6;
}

html[data-theme="light"] body.bg-gradient .btn-primary:hover,
html[data-theme="light"] body.bg-gradient .btn-primary:focus-visible,
html[data-theme="dark"] body.bg-gradient .btn-primary:hover,
html[data-theme="dark"] body.bg-gradient .btn-primary:focus-visible {
  color: #001c0c;
}

html[data-theme="light"] body.bg-gradient #btnReadLicence {
  background: #fcfaf6;
  border-color: #0d7d4c;
  color: #084028;
}

html[data-theme="light"] body.bg-gradient #btnReadLicence:hover,
html[data-theme="light"] body.bg-gradient #btnReadLicence:focus-visible {
  background: #0d7d4c;
  border-color: #0d7d4c;
  color: #fcfaf6;
}

html[data-theme="dark"] body.bg-gradient #btnReadLicence {
  background: #151814;
  border-color: #0d7d4c;
  color: #e0e2d8;
}

html[data-theme="dark"] body.bg-gradient #btnReadLicence:hover,
html[data-theme="dark"] body.bg-gradient #btnReadLicence:focus-visible {
  background: #0d7d4c;
  border-color: #0d7d4c;
  color: #fcfaf6;
}

/* Keep the native selectors in the accuracy tools on-brand where option
   styling is supported by the browser. */
html[data-theme="light"] body.bg-gradient #model option,
html[data-theme="light"] body.bg-gradient #lens option,
html[data-theme="light"] body.bg-gradient #defectSizeUnit option,
html[data-theme="light"] body.bg-gradient #resolution option {
  background: #fcfaf6;
  color: #001c0c;
}

html[data-theme="dark"] body.bg-gradient #model option,
html[data-theme="dark"] body.bg-gradient #lens option,
html[data-theme="dark"] body.bg-gradient #defectSizeUnit option,
html[data-theme="dark"] body.bg-gradient #resolution option {
  background: #151814;
  color: #fcfaf6;
}

html[data-theme] body.bg-gradient #model option:hover,
html[data-theme] body.bg-gradient #lens option:hover,
html[data-theme] body.bg-gradient #defectSizeUnit option:hover,
html[data-theme] body.bg-gradient #resolution option:hover,
html[data-theme] body.bg-gradient #model option:checked,
html[data-theme] body.bg-gradient #lens option:checked,
html[data-theme] body.bg-gradient #defectSizeUnit option:checked,
html[data-theme] body.bg-gradient #resolution option:checked {
  background: #0d7d4c;
  color: #fcfaf6;
}

html[data-theme="light"] body.bg-gradient .app-footer-disclaimer {
  color: #315342;
}

html[data-theme="light"] body.bg-gradient .select-menu-trigger,
html[data-theme="light"] body.bg-gradient .select-menu-options {
  background-color: #fcfaf6;
  border-color: #9db5a7;
  color: #001c0c;
}

html[data-theme="light"] body.bg-gradient .select-menu-trigger {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3e%3cpolygon fill='%23001c0c' points='5,7 10,12 15,7'/%3e%3c/svg%3e");
}

html[data-theme="light"] body.bg-gradient .select-menu-option {
  color: #001c0c;
}

html[data-theme="dark"] body.bg-gradient .select-menu-trigger,
html[data-theme="dark"] body.bg-gradient .select-menu-options {
  background-color: #151814;
  border-color: rgba(224, 226, 216, 0.22);
  color: #fcfaf6;
}

html[data-theme] body.bg-gradient .select-menu-option:hover,
html[data-theme] body.bg-gradient .select-menu-option:focus-visible,
html[data-theme] body.bg-gradient .select-menu-option.is-selected {
  background: #0d7d4c;
  color: #fcfaf6;
}

/* Preserve the original neutral slate structure. Green identifies actions,
   selections, and focus, not page or card surfaces. */
html[data-theme="light"] body.bg-gradient .app-footer-disclaimer {
  color: #435a73;
}

html[data-theme="dark"] body.bg-gradient {
  background: #1b1d20 !important;
  color: #eef4fb;
  --text-primary: #eef4fb;
  --text-secondary: #aebdce;
  --slider-track-base: #202124;
  --digital-indicator-red: #ff2424;
  --digital-red: #ff6b6b;
  --digital-red-highlight: #ff8a80;
  --digital-notice-background: #4a1717;
  --digital-notice-text: #ffe5e5;
}

html[data-theme="dark"] body.bg-gradient .glass-card,
html[data-theme="dark"] body.bg-gradient .result-panel,
html[data-theme="dark"] body.bg-gradient .licence-category,
html[data-theme="dark"] body.bg-gradient .licence-module,
html[data-theme="dark"] body.bg-gradient .licence-read-summary,
html[data-theme="dark"] body.bg-gradient .result-card,
html[data-theme="dark"] .tool-card {
  background: #25272b;
  border-color: #3a3e44;
  color: #eef4fb;
}

html[data-theme="dark"] body.bg-gradient .form-control,
html[data-theme="dark"] body.bg-gradient .form-select,
html[data-theme="dark"] body.bg-gradient .form-range,
html[data-theme="dark"] body.bg-gradient .select-menu-trigger,
html[data-theme="dark"] body.bg-gradient .select-menu-options {
  background-color: #202124;
  border-color: #3a3e44;
  color: #eef4fb;
}

html[data-theme="dark"] body.bg-gradient .form-control::placeholder {
  color: #aebdce;
}

html[data-theme="dark"] body.bg-gradient .btn-outline-secondary,
html[data-theme="dark"] body.bg-gradient .btn-nav,
html[data-theme="dark"] body.bg-gradient .licence-actions-tabs .nav-link,
html[data-theme="dark"] .dashboard-theme-toggle,
html[data-theme="dark"] .theme-toggle,
html[data-theme="dark"] .navbar .btn-nav {
  border-color: #565a60;
  color: #e2e4e7;
}

html[data-theme="dark"] body.bg-gradient .btn-outline-secondary:hover,
html[data-theme="dark"] body.bg-gradient .btn-outline-secondary:focus,
html[data-theme="dark"] body.bg-gradient .btn-nav:hover,
html[data-theme="dark"] body.bg-gradient .btn-nav:focus,
html[data-theme="dark"] body.bg-gradient .licence-actions-tabs .nav-link:hover,
html[data-theme="dark"] .dashboard-theme-toggle:hover,
html[data-theme="dark"] .dashboard-theme-toggle:focus-visible,
html[data-theme="dark"] .theme-toggle:hover,
html[data-theme="dark"] .theme-toggle:focus-visible {
  background: #303338;
  border-color: #0d7d4c;
  color: #eef4fb;
}

html[data-theme="dark"] .dashboard-page {
  --dashboard-surface: #25272b;
  --dashboard-page: #1b1d20;
  --dashboard-border: #3a3e44;
  --dashboard-text: #eef4fb;
  --dashboard-secondary: #aebdce;
  --dashboard-ink: #eef4fb;
  background: #1b1d20;
}

html[data-theme="dark"] .navbar,
html[data-theme="dark"] .dashboard-header {
  background: #1b1d20 !important;
  border-bottom-color: #3a3e44;
}

html[data-theme="dark"] body.bg-gradient .config-result-row.result-selectable.selected > td,
html[data-theme="dark"] body.bg-gradient .result-card.result-selectable.selected,
html[data-theme="dark"] body.bg-gradient .config-result-row.result-selectable.selected:hover > td,
html[data-theme="dark"] body.bg-gradient .config-result-row.result-selectable.selected:focus > td,
html[data-theme="dark"] body.bg-gradient #lookupResults .table-hover > tbody > tr.config-result-row.selected:hover > td,
html[data-theme="dark"] body.bg-gradient #lookupResults .table-hover > tbody > tr.config-result-row.selected:focus > td {
  background: #303338 !important;
  border-color: #0d7d4c;
  color: #eef4fb !important;
  box-shadow: inset 4px 0 0 #37d78f;
}

html[data-theme="dark"] body.bg-gradient #lookupResults.result-panel table tbody tr.camera-group,
html[data-theme="dark"] body.bg-gradient #lookupResults.result-panel table tbody tr.camera-group:hover {
  --bs-table-bg: #303338;
  --bs-table-striped-bg: #303338;
  --bs-table-hover-bg: #303338;
  --bs-table-accent-bg: #303338;
  background-color: #303338 !important;
}

html[data-theme="dark"] body.bg-gradient #lookupResults.result-panel table tbody tr.camera-group td {
  border-top-color: #565a60;
  border-bottom-color: #3a3e44;
  color: #e2e4e7;
}

html[data-theme="dark"] body.bg-gradient #lookupResults.result-panel table tbody tr.camera-group .camera-group-label {
  color: #37d78f;
}

html[data-theme="dark"] body[data-lighting-asset-path] {
  --surface-dark: #1b1d20;
  --surface-panel: #25272b;
  --text-primary: #eef4fb;
  --text-secondary: #aebdce;
  --lp-surface-900: #1b1d20;
  --lp-surface-850: #202124;
  --lp-surface-800: #25272b;
  --lp-surface-750: #25272b;
  --lp-surface-700: #25272b;
  --lp-surface-600: #303338;
  --panel: #25272b;
  --panel-2: #25272b;
  --hair: #3a3e44;
  --hair-soft: rgba(174, 189, 206, 0.16);
  --ink-dim: #aebdce;
  background: #1b1d20 !important;
}

html[data-theme="dark"] body[data-lighting-asset-path] .card,
html[data-theme="dark"] body[data-lighting-asset-path] .rc,
html[data-theme="dark"] body[data-lighting-asset-path] .cmp-col,
html[data-theme="dark"] body[data-lighting-asset-path] .wiki-card,
html[data-theme="dark"] body[data-lighting-asset-path] .lib-card,
html[data-theme="dark"] body[data-lighting-asset-path] .gcard,
html[data-theme="dark"] body[data-lighting-asset-path] .cmpx,
html[data-theme="dark"] body[data-lighting-asset-path] .crit,
html[data-theme="dark"] body[data-lighting-asset-path] .sim-control-section,
html[data-theme="dark"] body[data-lighting-asset-path] .sim-info,
html[data-theme="dark"] body[data-lighting-asset-path] .gallery-toc {
  background: #25272b;
  border-color: #3a3e44;
}

html[data-theme="dark"] body[data-lighting-asset-path] .pill,
html[data-theme="dark"] body[data-lighting-asset-path] .sim-btn {
  background: #202124;
  border-color: #3a3e44;
  color: #e2e4e7;
}

html[data-theme="dark"] body[data-lighting-asset-path] .pill:hover,
html[data-theme="dark"] body[data-lighting-asset-path] .sim-btn:hover,
html[data-theme="dark"] body[data-lighting-asset-path] .tab:hover,
html[data-theme="dark"] body[data-lighting-asset-path] .tab:focus-visible,
html[data-theme="dark"] body[data-lighting-asset-path] .gallery-toc a:hover,
html[data-theme="dark"] body[data-lighting-asset-path] .gallery-toc a:focus-visible {
  background: #303338;
  border-color: #0d7d4c;
  color: #eef4fb;
}