:root {
  color-scheme: dark;
  --kop-theme-bg: #0b1838;
  --kop-theme-surface: #0d1a3c;
  --kop-theme-text: #f5f1e8;
  --kop-theme-muted: rgba(245, 241, 232, 0.68);
  --kop-theme-border: rgba(200, 128, 74, 0.22);
  --kop-theme-copper: #c8804a;
  --kop-theme-logo: url("/assets/brand/kopailot-logo-dark.png");
  --formaktion-logo: url("/assets/brand/formaktion-logo-light.png");
}

:root[data-kop-theme="light"] {
  color-scheme: light;
  --kop-theme-bg: #f7f3ec;
  --kop-theme-surface: #ffffff;
  --kop-theme-text: #172033;
  --kop-theme-muted: #657083;
  --kop-theme-border: rgba(26, 40, 64, 0.16);
  --kop-theme-copper: #c8804a;
  --kop-theme-logo: url("/assets/brand/kopailot-logo-light.png");
  --formaktion-logo: url("/assets/brand/formaktion-logo-dark.png");
}

:root[data-kop-theme="dark"] {
  --bg: #0b1838;
  --surface: #0d1a3c;
  --surface-alt: #102249;
  --ink: #f5f1e8;
  --text: #f5f1e8;
  --text-dim: rgba(245, 241, 232, 0.72);
  --text-faint: rgba(245, 241, 232, 0.48);
  --muted: rgba(245, 241, 232, 0.66);
  --border: rgba(200, 128, 74, 0.16);
  --line: rgba(200, 128, 74, 0.12);
  --blue: #f5f1e8;
  --blue-soft: #d7e7ff;
  --navy: #0b1838;
  --c-blue: #7dd3fc;
  --cream: #f5f1e8;
  --cream-soft: rgba(245, 241, 232, 0.08);
  --glass: rgba(245, 241, 232, 0.055);
  --glass-border: rgba(200, 128, 74, 0.18);
  --warning-bg: rgba(200, 128, 74, 0.16);
  --info-bg: rgba(125, 211, 252, 0.14);
  --success-bg: rgba(74, 222, 128, 0.13);
  --danger-bg: rgba(248, 113, 113, 0.14);
  --color-bg: #0b1838;
  --color-surface: #0d1a3c;
  --color-surface-hover: #102249;
  --color-border: rgba(200, 128, 74, 0.16);
  --color-border-light: rgba(200, 128, 74, 0.1);
  --color-text: #f5f1e8;
  --color-text-secondary: rgba(245, 241, 232, 0.76);
  --color-text-muted: rgba(245, 241, 232, 0.58);
  --color-sidebar-bg: #08122a;
  --color-sidebar-text: rgba(245, 241, 232, 0.72);
  --color-sidebar-active: #f5f1e8;
  --color-sidebar-hover: rgba(245, 241, 232, 0.08);
  --shadow: 0 14px 38px rgba(0, 0, 0, 0.26);
}

.kop-brand-logo {
  display: inline-block;
  width: 188px;
  max-width: min(188px, 52vw);
  height: 71px;
  background-image: var(--kop-theme-logo);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  vertical-align: middle;
  flex: 0 0 auto;
}

.brand .kop-brand-logo,
.header-title .kop-brand-logo,
.kopilot-brand-block .kop-brand-logo {
  width: 188px;
  height: 71px;
}

.topbar .kop-brand-logo,
.site-header .kop-brand-logo,
.header .kop-brand-logo {
  width: 150px;
  height: 57px;
}

.auth-logo .kop-brand-logo,
#kopilot-auth-overlay .kop-brand-logo {
  width: 188px;
  height: 71px;
}

.kop-theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  min-width: 38px;
  height: 38px;
  padding: 0;
  border: 1px solid var(--kop-theme-border);
  border-radius: 8px;
  background: color-mix(in srgb, var(--kop-theme-surface) 88%, transparent);
  color: var(--kop-theme-text);
  font: inherit;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  transition: transform 160ms ease, background 160ms ease, border-color 160ms ease;
}

.kop-theme-toggle-text {
  display: none !important;
}

.kop-theme-toggle:hover {
  transform: translateY(-1px);
  border-color: color-mix(in srgb, var(--kop-theme-copper) 58%, transparent);
  background: color-mix(in srgb, var(--kop-theme-copper) 14%, var(--kop-theme-surface));
}

.kop-theme-toggle svg {
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
}

.kop-theme-toggle-floating {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 1000;
  box-shadow: 0 12px 32px rgba(15, 27, 48, 0.22);
}

:root[data-kop-theme="light"] body {
  background: var(--kop-theme-bg);
  color: var(--kop-theme-text);
}

:root[data-kop-theme="dark"] body {
  background: var(--kop-theme-bg);
  color: var(--kop-theme-text);
}

:root[data-kop-theme="dark"] main,
:root[data-kop-theme="dark"] .wrap,
:root[data-kop-theme="dark"] .main-content {
  background: var(--kop-theme-bg);
  color: var(--kop-theme-text);
}

:root[data-kop-theme="light"] .page-bg {
  background:
    radial-gradient(ellipse 80% 60% at 20% 10%, rgba(200, 128, 74, 0.12) 0%, transparent 60%),
    radial-gradient(ellipse 70% 70% at 85% 80%, rgba(26, 40, 64, 0.08) 0%, transparent 62%),
    var(--kop-theme-bg) !important;
}

:root[data-kop-theme="light"] header,
:root[data-kop-theme="light"] .site-header,
:root[data-kop-theme="light"] .header,
:root[data-kop-theme="light"] .topbar,
:root[data-kop-theme="light"] .sidebar {
  background: var(--kop-theme-surface) !important;
  color: var(--kop-theme-text) !important;
  border-color: var(--kop-theme-border) !important;
}

:root[data-kop-theme="light"] .brand-text h1,
:root[data-kop-theme="light"] .hero h2,
:root[data-kop-theme="light"] .card-title,
:root[data-kop-theme="light"] .card-cta,
:root[data-kop-theme="light"] .header-nav a,
:root[data-kop-theme="light"] .nav-item,
:root[data-kop-theme="light"] .site-switch-btn,
:root[data-kop-theme="light"] .footer-logo .ok-one {
  color: var(--kop-theme-text) !important;
}

:root[data-kop-theme="light"] .brand-text .subtitle,
:root[data-kop-theme="light"] .hero p,
:root[data-kop-theme="light"] .card-desc,
:root[data-kop-theme="light"] .card-features span,
:root[data-kop-theme="light"] footer,
:root[data-kop-theme="light"] .user-email,
:root[data-kop-theme="light"] .nav-section-label {
  color: var(--kop-theme-muted) !important;
}

:root[data-kop-theme="light"] .formaktion-baseline {
  color: #2f8d51 !important;
}

:root[data-kop-theme="light"] .formaktion-module-baseline {
  color: #2f8d51 !important;
}

:root[data-kop-theme="light"] .card,
:root[data-kop-theme="light"] .panel,
:root[data-kop-theme="light"] .stat-card,
:root[data-kop-theme="light"] .sync-card,
:root[data-kop-theme="light"] .tuning-card,
:root[data-kop-theme="light"] .group,
:root[data-kop-theme="light"] .empty {
  background: var(--kop-theme-surface) !important;
  color: var(--kop-theme-text) !important;
  border-color: var(--kop-theme-border) !important;
}

:root[data-kop-theme="light"] .card-features span {
  background: #f2ede4 !important;
  border-color: rgba(26, 40, 64, 0.18) !important;
}

:root[data-kop-theme="dark"] .page-bg {
  background:
    radial-gradient(ellipse 80% 60% at 20% 10%, rgba(200, 128, 74, 0.07) 0%, transparent 60%),
    radial-gradient(ellipse 70% 70% at 85% 80%, rgba(15, 31, 71, 0.34) 0%, transparent 62%),
    #0b1838 !important;
}

:root[data-kop-theme="dark"] .header {
  background: linear-gradient(135deg, #0b1838 0%, #0d1a3c 58%, #102249 100%) !important;
  border-bottom-color: #c8804a !important;
}

:root[data-kop-theme="dark"] .card,
:root[data-kop-theme="dark"] .panel,
:root[data-kop-theme="dark"] .stat-card,
:root[data-kop-theme="dark"] .sync-card,
:root[data-kop-theme="dark"] .tuning-card,
:root[data-kop-theme="dark"] .read-card,
:root[data-kop-theme="dark"] .legend-item,
:root[data-kop-theme="dark"] .bucket,
:root[data-kop-theme="dark"] .switch-pill,
:root[data-kop-theme="dark"] .detail-item,
:root[data-kop-theme="dark"] .share-score-card,
:root[data-kop-theme="dark"] .match-card,
:root[data-kop-theme="dark"] .acq-card,
:root[data-kop-theme="dark"] .finance-menu,
:root[data-kop-theme="dark"] .modal-box,
:root[data-kop-theme="dark"] .group,
:root[data-kop-theme="dark"] .empty,
:root[data-kop-theme="dark"] .empty-state,
:root[data-kop-theme="dark"] .modal,
:root[data-kop-theme="dark"] .directory-table-wrap,
:root[data-kop-theme="dark"] .view-mode-bar,
:root[data-kop-theme="dark"] .syn-section,
:root[data-kop-theme="dark"] .kanban-column,
:root[data-kop-theme="dark"] .task-item,
:root[data-kop-theme="dark"] .archive-item {
  background-color: rgba(13, 26, 60, 0.84) !important;
  border-color: rgba(200, 128, 74, 0.14) !important;
  box-shadow: 0 12px 30px rgba(3, 8, 22, 0.22) !important;
}

:root[data-kop-theme="dark"] .page-title,
:root[data-kop-theme="dark"] .modal-title,
:root[data-kop-theme="dark"] .card-title,
:root[data-kop-theme="dark"] .pipeline-card-title,
:root[data-kop-theme="dark"] .sync-status,
:root[data-kop-theme="dark"] .stat-value,
:root[data-kop-theme="dark"] .read-card h3,
:root[data-kop-theme="dark"] .tuning-card h3,
:root[data-kop-theme="dark"] .legend-item strong,
:root[data-kop-theme="dark"] .bucket strong,
:root[data-kop-theme="dark"] .group-title,
:root[data-kop-theme="dark"] .acq-card-title,
:root[data-kop-theme="dark"] .acq-card-value,
:root[data-kop-theme="dark"] .match-title,
:root[data-kop-theme="dark"] .place-name,
:root[data-kop-theme="dark"] .r-crit-name,
:root[data-kop-theme="dark"] .r-demand,
:root[data-kop-theme="dark"] .r-propose,
:root[data-kop-theme="dark"] .argument,
:root[data-kop-theme="dark"] .detail-item strong,
:root[data-kop-theme="dark"] .share-score-title strong,
:root[data-kop-theme="dark"] .finance-option strong,
:root[data-kop-theme="dark"] .empty strong,
:root[data-kop-theme="dark"] .empty-state h3,
:root[data-kop-theme="dark"] .form-label,
:root[data-kop-theme="dark"] .field-label,
:root[data-kop-theme="dark"] .prop-label {
  color: #f5f1e8 !important;
}

:root[data-kop-theme="dark"] .page-subtitle,
:root[data-kop-theme="dark"] .card-desc,
:root[data-kop-theme="dark"] .sync-label,
:root[data-kop-theme="dark"] .stat-label,
:root[data-kop-theme="dark"] .read-card p,
:root[data-kop-theme="dark"] .legend-item span,
:root[data-kop-theme="dark"] .tuning-head p,
:root[data-kop-theme="dark"] .tuning-field small,
:root[data-kop-theme="dark"] .bucket span,
:root[data-kop-theme="dark"] label,
:root[data-kop-theme="dark"] .group-sub,
:root[data-kop-theme="dark"] .acq-card-label,
:root[data-kop-theme="dark"] .match-subtitle,
:root[data-kop-theme="dark"] .match-meta-line,
:root[data-kop-theme="dark"] .compare-headline,
:root[data-kop-theme="dark"] .r-crit-weight,
:root[data-kop-theme="dark"] .r-note,
:root[data-kop-theme="dark"] .r-score,
:root[data-kop-theme="dark"] .detail-item,
:root[data-kop-theme="dark"] .share-score-title span,
:root[data-kop-theme="dark"] .finance-option span,
:root[data-kop-theme="dark"] .empty,
:root[data-kop-theme="dark"] .empty-state p,
:root[data-kop-theme="dark"] .form-hint,
:root[data-kop-theme="dark"] .help-text,
:root[data-kop-theme="dark"] .user-email {
  color: rgba(245, 241, 232, 0.76) !important;
}

:root[data-kop-theme="dark"] input,
:root[data-kop-theme="dark"] select,
:root[data-kop-theme="dark"] textarea,
:root[data-kop-theme="dark"] .form-input,
:root[data-kop-theme="dark"] .form-select,
:root[data-kop-theme="dark"] .form-textarea,
:root[data-kop-theme="dark"] .field-input,
:root[data-kop-theme="dark"] .field-textarea,
:root[data-kop-theme="dark"] .email-subject,
:root[data-kop-theme="dark"] .diag-select,
:root[data-kop-theme="dark"] .param-input,
:root[data-kop-theme="dark"] .search-bar input {
  background-color: rgba(16, 34, 73, 0.95) !important;
  border-color: rgba(200, 128, 74, 0.2) !important;
  color: #f5f1e8 !important;
}

:root[data-kop-theme="dark"] input::placeholder,
:root[data-kop-theme="dark"] textarea::placeholder {
  color: rgba(245, 241, 232, 0.46) !important;
}

:root[data-kop-theme="dark"] input:focus,
:root[data-kop-theme="dark"] select:focus,
:root[data-kop-theme="dark"] textarea:focus,
:root[data-kop-theme="dark"] .form-input:focus,
:root[data-kop-theme="dark"] .form-select:focus,
:root[data-kop-theme="dark"] .form-textarea:focus,
:root[data-kop-theme="dark"] .field-input:focus,
:root[data-kop-theme="dark"] .field-textarea:focus {
  border-color: rgba(200, 128, 74, 0.56) !important;
  box-shadow: 0 0 0 3px rgba(200, 128, 74, 0.16) !important;
  outline: none !important;
}

:root[data-kop-theme="dark"] .btn.secondary,
:root[data-kop-theme="dark"] .btn-secondary,
:root[data-kop-theme="dark"] .btn-ghost,
:root[data-kop-theme="dark"] .view-toggle button.active,
:root[data-kop-theme="dark"] .missing-request-btn,
:root[data-kop-theme="dark"] .finance-toggle,
:root[data-kop-theme="dark"] .tuning-menu-btn,
:root[data-kop-theme="dark"] .hf-reset,
:root[data-kop-theme="dark"] .hf-cols-light {
  background: rgba(16, 34, 73, 0.95) !important;
  border-color: rgba(200, 128, 74, 0.2) !important;
  color: #f5f1e8 !important;
}

:root[data-kop-theme="dark"] .btn.secondary:hover,
:root[data-kop-theme="dark"] .btn-secondary:hover,
:root[data-kop-theme="dark"] .btn-ghost:hover,
:root[data-kop-theme="dark"] .missing-request-btn:hover,
:root[data-kop-theme="dark"] .finance-toggle:hover,
:root[data-kop-theme="dark"] .tuning-menu-btn:hover,
:root[data-kop-theme="dark"] .hf-reset:hover,
:root[data-kop-theme="dark"] .hf-cols-light:hover {
  background: rgba(20, 40, 85, 0.98) !important;
  border-color: rgba(200, 128, 74, 0.4) !important;
}

:root[data-kop-theme="dark"] .btn:not(.secondary):not(.btn-secondary):not(.btn-ghost),
:root[data-kop-theme="dark"] .btn-primary,
:root[data-kop-theme="dark"] .group-badge,
:root[data-kop-theme="dark"] .tuning-card.is-open .tuning-menu-btn {
  background: #c8804a !important;
  border-color: #c8804a !important;
  color: #08122a !important;
}

:root[data-kop-theme="dark"] .modal-header,
:root[data-kop-theme="dark"] .modal-footer,
:root[data-kop-theme="dark"] .modal-head,
:root[data-kop-theme="dark"] .modal-foot,
:root[data-kop-theme="dark"] .group-header,
:root[data-kop-theme="dark"] .tuning-head,
:root[data-kop-theme="dark"] .compare-headline {
  border-color: rgba(200, 128, 74, 0.14) !important;
}

:root[data-kop-theme="dark"] .acq-card-item,
:root[data-kop-theme="dark"] .finance-option:hover,
:root[data-kop-theme="dark"] .detail-item,
:root[data-kop-theme="dark"] .share-score-card {
  background: rgba(16, 34, 73, 0.88) !important;
}

:root[data-kop-theme="dark"] .syn-row,
:root[data-kop-theme="dark"] .directory-table tbody td,
:root[data-kop-theme="dark"] .compare-row,
:root[data-kop-theme="dark"] .match-row,
:root[data-kop-theme="dark"] .modal-head,
:root[data-kop-theme="dark"] .modal-foot,
:root[data-kop-theme="dark"] .task-list-header,
:root[data-kop-theme="dark"] .view-mode-group + .view-mode-group {
  border-color: rgba(200, 128, 74, 0.11) !important;
}

:root[data-kop-theme="dark"] .syn-table thead th,
:root[data-kop-theme="dark"] .group-header,
:root[data-kop-theme="dark"] .directory-table thead th,
:root[data-kop-theme="dark"] .kanban-col-header,
:root[data-kop-theme="dark"] .task-section-title {
  background-color: rgba(8, 18, 42, 0.92) !important;
  border-color: rgba(200, 128, 74, 0.14) !important;
}

:root[data-kop-theme="dark"] .kpi-section,
:root[data-kop-theme="dark"] .kpi-section-tasks-ca,
:root[data-kop-theme="dark"] .kpi-section-counters,
:root[data-kop-theme="dark"] .kpi-section-tasks-col,
:root[data-kop-theme="dark"] .kpi-commune-bar,
:root[data-kop-theme="dark"] .filters-panel,
:root[data-kop-theme="dark"] .client-table-wrap {
  background: rgba(13, 26, 60, 0.86) !important;
  border-color: rgba(200, 128, 74, 0.16) !important;
}

:root[data-kop-theme="dark"] .kpi,
:root[data-kop-theme="dark"] .kpi-task-card,
:root[data-kop-theme="dark"] .kpi-tasks-section,
:root[data-kop-theme="dark"] .kpi-task-mini {
  background: rgba(16, 34, 73, 0.92) !important;
  border-color: rgba(200, 128, 74, 0.18) !important;
}

:root[data-kop-theme="dark"] .kpi-revenue,
:root[data-kop-theme="dark"] .kpi-alert {
  background: linear-gradient(135deg, rgba(16, 34, 73, 0.96), rgba(13, 26, 60, 0.96)) !important;
}

:root[data-kop-theme="dark"] .kpi-label,
:root[data-kop-theme="dark"] .kpi-section-title,
:root[data-kop-theme="dark"] .kpi-task-card-name,
:root[data-kop-theme="dark"] .kpi-task-mini-label,
:root[data-kop-theme="dark"] .kpi-commune-title,
:root[data-kop-theme="dark"] .filters-toolbar > .label {
  color: rgba(245, 241, 232, 0.76) !important;
}

:root[data-kop-theme="dark"] .kpi-value,
:root[data-kop-theme="dark"] .kpi-task-card-value,
:root[data-kop-theme="dark"] .kpi-task-mini-value,
:root[data-kop-theme="dark"] .kpi-revenue .kpi-value,
:root[data-kop-theme="dark"] .kpi-commune-meta {
  color: #f5f1e8 !important;
}

:root[data-kop-theme="dark"] .kpi-sub,
:root[data-kop-theme="dark"] .kpi-task-card-sub {
  color: rgba(245, 241, 232, 0.62) !important;
}

:root[data-kop-theme="dark"] .kpi-ca-count,
:root[data-kop-theme="dark"] .filter-select,
:root[data-kop-theme="dark"] .btn-reset-filters,
:root[data-kop-theme="dark"] .btn-col-visibility,
:root[data-kop-theme="dark"] .preset-btn,
:root[data-kop-theme="dark"] .filter-chip {
  background-color: rgba(16, 34, 73, 0.95) !important;
  border-color: rgba(200, 128, 74, 0.18) !important;
  color: #f5f1e8 !important;
}

:root[data-kop-theme="dark"] .kpi-commune-item,
:root[data-kop-theme="dark"] .kpi-commune-item.kpi-commune-others {
  background: rgba(20, 40, 85, 0.92) !important;
  border-color: rgba(125, 211, 252, 0.34) !important;
}

:root[data-kop-theme="dark"] .kpi-commune-name,
:root[data-kop-theme="dark"] .kpi-commune-item.kpi-commune-others .kpi-commune-name {
  color: #eaf6ff !important;
}

:root[data-kop-theme="dark"] .client-table tbody tr,
:root[data-kop-theme="dark"] .client-table tbody tr:nth-child(even) {
  background: #0d1a3c !important;
  border-bottom-color: rgba(200, 128, 74, 0.12) !important;
}

:root[data-kop-theme="dark"] .client-table tbody tr:nth-child(odd) {
  background: #102249 !important;
}

:root[data-kop-theme="dark"] .client-table tbody tr:hover {
  background: #142855 !important;
}

:root[data-kop-theme="dark"] .client-table td,
:root[data-kop-theme="dark"] .client-name,
:root[data-kop-theme="dark"] .cell-input,
:root[data-kop-theme="dark"] .cell-select,
:root[data-kop-theme="dark"] .computed-cell {
  color: #f5f1e8 !important;
}

:root[data-kop-theme="dark"] .cell-input,
:root[data-kop-theme="dark"] .cell-select {
  background-color: rgba(245, 241, 232, 0.04) !important;
}

:root[data-kop-theme="dark"] .cell-input:hover,
:root[data-kop-theme="dark"] .cell-select:hover,
:root[data-kop-theme="dark"] .cell-input:focus,
:root[data-kop-theme="dark"] .cell-select:focus {
  background-color: rgba(245, 241, 232, 0.1) !important;
  border-color: rgba(200, 128, 74, 0.34) !important;
}

/* Full dark-mode contrast pass for CRM filter popovers and editable boxes. */
:root[data-kop-theme="dark"] .col-filter-popover,
:root[data-kop-theme="dark"] .col-popover,
:root[data-kop-theme="dark"] .export-shared-modal,
:root[data-kop-theme="dark"] .export-shared-body,
:root[data-kop-theme="dark"] .export-shared-footer,
:root[data-kop-theme="dark"] .export-shared-preview,
:root[data-kop-theme="dark"] .export-shared-json-details,
:root[data-kop-theme="dark"] .export-shared-json-details summary,
:root[data-kop-theme="dark"] .retour-clients-block,
:root[data-kop-theme="dark"] .retour-clients-body,
:root[data-kop-theme="dark"] .retour-client-item,
:root[data-kop-theme="dark"] .outils-row,
:root[data-kop-theme="dark"] .mise-en-vente-bar,
:root[data-kop-theme="dark"] .diag-multi-panel,
:root[data-kop-theme="dark"] .reporting-checks-row,
:root[data-kop-theme="dark"] .annonce-result-block,
:root[data-kop-theme="dark"] .props-grid,
:root[data-kop-theme="dark"] .prop,
:root[data-kop-theme="dark"] .liens-popup,
:root[data-kop-theme="dark"] .liens-popup-body,
:root[data-kop-theme="dark"] .liens-popup-empty,
:root[data-kop-theme="dark"] .lien-item,
:root[data-kop-theme="dark"] .liens-add-form,
:root[data-kop-theme="dark"] .section,
:root[data-kop-theme="dark"] .collapse-toolbar,
:root[data-kop-theme="dark"] .client-card,
:root[data-kop-theme="dark"] .bien-block,
:root[data-kop-theme="dark"] .legacy-details,
:root[data-kop-theme="dark"] .estim-html-block,
:root[data-kop-theme="dark"] .ai-extract-block,
:root[data-kop-theme="dark"] .estim-html-card,
:root[data-kop-theme="dark"] .promesse-step-group,
:root[data-kop-theme="dark"] .responsable-info,
:root[data-kop-theme="dark"] .image-upload-zone,
:root[data-kop-theme="dark"] .attached-image-card,
:root[data-kop-theme="dark"] .zone-lexique-modal,
:root[data-kop-theme="dark"] .zone-lexique-body,
:root[data-kop-theme="dark"] .zone-lexique-row,
:root[data-kop-theme="dark"] .zone-lexique-code {
  background: rgba(13, 26, 60, 0.96) !important;
  border-color: rgba(200, 128, 74, 0.2) !important;
  color: #f5f1e8 !important;
}

:root[data-kop-theme="dark"] .cfp-header,
:root[data-kop-theme="dark"] .cfp-search,
:root[data-kop-theme="dark"] .modal-sticky-top,
:root[data-kop-theme="dark"] .modal-sticky-top .section-top,
:root[data-kop-theme="dark"] .retour-clients-summary,
:root[data-kop-theme="dark"] .liens-popup-header,
:root[data-kop-theme="dark"] .bien-block-header,
:root[data-kop-theme="dark"] .client-card-header,
:root[data-kop-theme="dark"] .zone-lexique-section-title {
  background: rgba(8, 18, 42, 0.94) !important;
  border-color: rgba(200, 128, 74, 0.18) !important;
  color: #f5f1e8 !important;
}

:root[data-kop-theme="dark"] .cfp-title,
:root[data-kop-theme="dark"] .cfp-clear,
:root[data-kop-theme="dark"] .cfp-option,
:root[data-kop-theme="dark"] .cfp-option .cfp-label-text,
:root[data-kop-theme="dark"] .cfp-option .cfp-check,
:root[data-kop-theme="dark"] .col-popover-title,
:root[data-kop-theme="dark"] .col-toggle,
:root[data-kop-theme="dark"] .filter-chip-special,
:root[data-kop-theme="dark"] .chip-count,
:root[data-kop-theme="dark"] .retour-clients-title,
:root[data-kop-theme="dark"] .retour-clients-stat-pill,
:root[data-kop-theme="dark"] .retour-clients-stat-pill strong,
:root[data-kop-theme="dark"] .mev-label,
:root[data-kop-theme="dark"] .mev-stat-label,
:root[data-kop-theme="dark"] .mev-stat-value,
:root[data-kop-theme="dark"] .diag-multi-header strong,
:root[data-kop-theme="dark"] .diag-multi-name,
:root[data-kop-theme="dark"] .diag-multi-count,
:root[data-kop-theme="dark"] .reporting-check-label,
:root[data-kop-theme="dark"] .annonce-control-label,
:root[data-kop-theme="dark"] .liens-popup-title,
:root[data-kop-theme="dark"] .lien-item-name,
:root[data-kop-theme="dark"] .section-title,
:root[data-kop-theme="dark"] .collapse-toolbar-label,
:root[data-kop-theme="dark"] .collapse-summary,
:root[data-kop-theme="dark"] .client-card-title,
:root[data-kop-theme="dark"] .bien-block-title,
:root[data-kop-theme="dark"] .bien-field-label,
:root[data-kop-theme="dark"] .zone-lexique-info strong,
:root[data-kop-theme="dark"] .zone-lexique-info em strong,
:root[data-kop-theme="dark"] .estim-html-block-title,
:root[data-kop-theme="dark"] .ai-extract-block-title,
:root[data-kop-theme="dark"] .estim-html-upload-text,
:root[data-kop-theme="dark"] .estim-html-card .ehc-name,
:root[data-kop-theme="dark"] .promesse-step-label,
:root[data-kop-theme="dark"] .responsable-info .ri-fonction,
:root[data-kop-theme="dark"] .responsable-info a,
:root[data-kop-theme="dark"] .attached-image-card .img-name {
  color: #f5f1e8 !important;
}

:root[data-kop-theme="dark"] .cfp-empty,
:root[data-kop-theme="dark"] .diag-multi-hint,
:root[data-kop-theme="dark"] .retour-clients-help,
:root[data-kop-theme="dark"] .retour-clients-stat-empty,
:root[data-kop-theme="dark"] .lien-item-url,
:root[data-kop-theme="dark"] .liens-add-help,
:root[data-kop-theme="dark"] .collapse-arrow,
:root[data-kop-theme="dark"] .add-client-help,
:root[data-kop-theme="dark"] .zone-lexique-intro,
:root[data-kop-theme="dark"] .zone-lexique-info em,
:root[data-kop-theme="dark"] .estim-html-block-help,
:root[data-kop-theme="dark"] .ai-extract-block-help,
:root[data-kop-theme="dark"] .ai-extract-upload-text,
:root[data-kop-theme="dark"] .section-help,
:root[data-kop-theme="dark"] .responsable-info .ri-label,
:root[data-kop-theme="dark"] .responsable-info .ri-notes {
  color: rgba(245, 241, 232, 0.78) !important;
}

:root[data-kop-theme="dark"] .cfp-option:hover,
:root[data-kop-theme="dark"] .col-toggle:hover,
:root[data-kop-theme="dark"] .export-shared-row:hover,
:root[data-kop-theme="dark"] .retour-clients-stat-pill,
:root[data-kop-theme="dark"] .mev-stat,
:root[data-kop-theme="dark"] .reporting-check,
:root[data-kop-theme="dark"] .diag-multi-item,
:root[data-kop-theme="dark"] .diag-multi-item:hover,
:root[data-kop-theme="dark"] .diag-multi-item:has(input:checked),
:root[data-kop-theme="dark"] .outils-row .link-btn,
:root[data-kop-theme="dark"] .mandat-action-btn.neutral,
:root[data-kop-theme="dark"] .liens-trigger-btn,
:root[data-kop-theme="dark"] .lien-item-btn,
:root[data-kop-theme="dark"] .collapse-toolbar-btn,
:root[data-kop-theme="dark"] .add-client-btn,
:root[data-kop-theme="dark"] .bien-pwd-toggle,
:root[data-kop-theme="dark"] .bien-pwd-copy,
:root[data-kop-theme="dark"] .zone-lexique-btn,
:root[data-kop-theme="dark"] .bien-add-btn,
:root[data-kop-theme="dark"] .bien-extra-del {
  background: rgba(16, 34, 73, 0.98) !important;
  border-color: rgba(200, 128, 74, 0.24) !important;
  color: #f5f1e8 !important;
}

:root[data-kop-theme="dark"] .cfp-option.selected,
:root[data-kop-theme="dark"] .preset-btn.active,
:root[data-kop-theme="dark"] .filter-chip.active,
:root[data-kop-theme="dark"] .filter-select.active {
  background: rgba(200, 128, 74, 0.28) !important;
  border-color: rgba(200, 128, 74, 0.58) !important;
  color: #fff8ee !important;
}

:root[data-kop-theme="dark"] .badge,
:root[data-kop-theme="dark"] .badge-blue,
:root[data-kop-theme="dark"] .badge-purple,
:root[data-kop-theme="dark"] .badge-yellow,
:root[data-kop-theme="dark"] .badge-green,
:root[data-kop-theme="dark"] .badge-orange,
:root[data-kop-theme="dark"] .badge-pink,
:root[data-kop-theme="dark"] .badge-gray,
:root[data-kop-theme="dark"] .computed-cell.has-value,
:root[data-kop-theme="dark"] .kpi-ca-count strong,
:root[data-kop-theme="dark"] .kpi-value .kpi-unit,
:root[data-kop-theme="dark"] .kpi-value .kpi-unit-pct {
  background: rgba(200, 128, 74, 0.18) !important;
  color: #fff8ee !important;
  border-color: rgba(200, 128, 74, 0.28) !important;
}

:root[data-kop-theme="dark"] .badge-red,
:root[data-kop-theme="dark"] .totals-row td.numeric,
:root[data-kop-theme="dark"] .row-action:hover {
  background: rgba(248, 113, 113, 0.18) !important;
  color: #fecaca !important;
}

:root[data-kop-theme="dark"] .bien-field-input,
:root[data-kop-theme="dark"] .bien-field-textarea,
:root[data-kop-theme="dark"] .retour-client-item .rci-date,
:root[data-kop-theme="dark"] .retour-client-item .rci-name,
:root[data-kop-theme="dark"] .retour-client-item .rci-comment,
:root[data-kop-theme="dark"] .lien-item-name,
:root[data-kop-theme="dark"] .lien-item-url,
:root[data-kop-theme="dark"] .liens-add-form input,
:root[data-kop-theme="dark"] .prop-value select,
:root[data-kop-theme="dark"] .prop-value input,
:root[data-kop-theme="dark"] .modal-header h2 input,
:root[data-kop-theme="dark"] input[readonly] {
  background-color: rgba(8, 18, 42, 0.72) !important;
  border-color: rgba(200, 128, 74, 0.2) !important;
  color: #f5f1e8 !important;
}

:root[data-kop-theme="dark"] .filter-select,
:root[data-kop-theme="dark"] .cell-select,
:root[data-kop-theme="dark"] select.field-input,
:root[data-kop-theme="dark"] .diag-select,
:root[data-kop-theme="dark"] .prop-value select {
  background-image: none !important;
}

:root[data-kop-theme="dark"] .totals-row {
  background: rgba(8, 18, 42, 0.98) !important;
  border-top-color: rgba(200, 128, 74, 0.36) !important;
}

:root[data-kop-theme="dark"] .totals-row td,
:root[data-kop-theme="dark"] .totals-row .totals-label {
  color: #f5f1e8 !important;
}

@media (max-width: 720px) {
  .kop-brand-logo,
  .brand .kop-brand-logo,
  .header-title .kop-brand-logo,
  .kopilot-brand-block .kop-brand-logo {
    width: 142px;
    height: 54px;
  }

  .kop-theme-toggle {
    width: 36px;
    min-width: 36px;
    height: 36px;
  }
}