/* ============================================================================
   ZKRIVA THEME SYSTEM - Updated 2026-01-14 21:42 - Bootstrap Override avec !important
   5 thèmes : light (clair), dark (sombre), zkriva (chaud), lilia (rose), nature (vert)
   ============================================================================ */

/* ============================================================================
   THÈME LIGHT (Clair) - PAR DÉFAUT
   ============================================================================ */
:root,
[data-theme="light"] {
  /* Couleurs de fond */
  --zk-bg: #ffffff;
  --zk-bg-light: #f7f9fc;
  --zk-bg-card: #ffffff;
  --zk-bg-sidebar: #ffffff;
  --zk-bg-topbar: #ffffff;
  --zk-bg-hover: #f3f4f6;
  --zk-bg-active: #e5e7eb;
  --zk-bg-input: #ffffff;
  --zk-bg-modal: #ffffff;
  --zk-bg-dropdown: #ffffff;
  --zk-bg-tooltip: #1f2937;

  /* Couleurs de texte */
  --zk-text: #222222;
  --zk-text-dark: #111111;
  --zk-text-light: #ffffff;
  --zk-text-muted: #6b7280;
  --zk-text-secondary: #9ca3af;
  --zk-text-placeholder: #9ca3af;

  /* Bordures */
  --zk-border: #e5e7eb;
  --zk-border-light: #e8e8ef;
  --zk-border-lighter: #eeeeee;
  --zk-border-dark: rgba(0,0,0,.08);
  --zk-border-input: #d1d5db;
  --zk-border-focus: var(--zk-yellow);

  /* Shadows */
  --zk-shadow-soft: 0 4px 12px rgba(0,0,0,.06);
  --zk-shadow-hover: 0 8px 20px rgba(0,0,0,.1);
  --zk-shadow-dropdown: 0 12px 28px rgba(0,0,0,.18);
  --zk-shadow-modal: 0 25px 50px -12px rgba(0,0,0,.25);

  /* Treeview */
  --zk-tree-bg: #ffffff;
  --zk-tree-hover: #f3f4f6;
  --zk-tree-active: rgba(242, 209, 35, 0.15);
  --zk-tree-text: #374151;
  --zk-tree-icon: #6b7280;

  /* Editor */
  --zk-editor-bg: #ffffff;
  --zk-editor-text: #1f2937;
  --zk-editor-selection: rgba(242, 209, 35, 0.3);

  /* Scrollbar */
  --zk-scrollbar-track: #f1f1f1;
  --zk-scrollbar-thumb: #c1c1c1;
  --zk-scrollbar-thumb-hover: #a8a8a8;

  /* Status colors */
  --zk-success: #16a34a;
  --zk-success-bg: #d1fae5;
  --zk-success-text: #065f46;
  --zk-warning: #f59e0b;
  --zk-warning-bg: #fef3c7;
  --zk-warning-text: #92400e;
  --zk-danger: #d93025;
  --zk-danger-bg: #fee2e2;
  --zk-danger-text: #991b1b;
  --zk-info: #3b82f6;
  --zk-info-bg: #dbeafe;
  --zk-info-text: #1e40af;

  /* Bootstrap variables override - Toutes les couleurs basées sur le jaune */
  --bs-info-text-emphasis: #c0a51b;
  --bs-info-bg-subtle: rgba(242, 209, 35, 0.1);
  --bs-info-border-subtle: #f2d123;
  --bs-success-text-emphasis: #c0a51b;
  --bs-success-bg-subtle: rgba(242, 209, 35, 0.15);
  --bs-success-border-subtle: #f2d123;
  --bs-warning-text-emphasis: #c0a51b;
  --bs-warning-bg-subtle: rgba(242, 209, 35, 0.2);
  --bs-warning-border-subtle: #d9bb1f;
  --bs-danger-text-emphasis: #c0a51b;
  --bs-danger-bg-subtle: rgba(242, 209, 35, 0.25);
  --bs-danger-border-subtle: #f2d123;
  --bs-primary: #f2d123;
  --bs-primary-rgb: 242, 209, 35;
  --bs-success: #f2d123;
  --bs-success-rgb: 242, 209, 35;

  /* Accent colors */
  --zk-yellow: #f2d123;
  --zk-yellow-dark: #d9bb1f;
  --zk-yellow-darker: #c0a51b;
  --zk-yellow-light: rgba(242, 209, 35, 0.18);
  --zk-yellow-soft: rgba(242, 209, 35, 0.12);
  --zk-yellow-alpha-33: rgba(242, 209, 35, 0.33);

  /* Theme-specific */
  --zk-modal-header-bg: #111111;
  --zk-modal-header-text: #ffffff;
  --zk-btn-primary-bg: #f2d123;
  --zk-btn-primary-text: #1c1917;
  --zk-btn-primary-hover: #d9bb1f;
  --zk-checkbox-border: #000000;
  --zk-checkbox-checked: #000000;
}

/* ============================================================================
   THÈME DARK (Sombre)
   ============================================================================ */
[data-theme="dark"] {
  /* Couleurs de fond */
  --zk-bg: #0f0f0f;
  --zk-bg-light: #171717;
  --zk-bg-card: #1a1a1a;
  --zk-bg-sidebar: #141414;
  --zk-bg-topbar: #1a1a1a;
  --zk-bg-hover: #262626;
  --zk-bg-active: #333333;
  --zk-bg-input: #1f1f1f;
  --zk-bg-modal: #1a1a1a;
  --zk-bg-dropdown: #1f1f1f;
  --zk-bg-tooltip: #f9fafb;

  /* Couleurs de texte */
  --zk-text: #e5e5e5;
  --zk-text-dark: #ffffff;
  --zk-text-light: #0f0f0f;
  --zk-text-muted: #9ca3af;
  --zk-text-secondary: #6b7280;
  --zk-text-placeholder: #6b7280;

  /* Bordures */
  --zk-border: #2d2d2d;
  --zk-border-light: #333333;
  --zk-border-lighter: #3d3d3d;
  --zk-border-dark: rgba(255,255,255,.08);
  --zk-border-input: #404040;
  --zk-border-focus: var(--zk-yellow);

  /* Shadows */
  --zk-shadow-soft: 0 4px 12px rgba(0,0,0,.4);
  --zk-shadow-hover: 0 8px 20px rgba(0,0,0,.5);
  --zk-shadow-dropdown: 0 12px 28px rgba(0,0,0,.6);
  --zk-shadow-modal: 0 25px 50px -12px rgba(0,0,0,.7);

  /* Treeview */
  --zk-tree-bg: #141414;
  --zk-tree-hover: #262626;
  --zk-tree-active: rgba(242, 209, 35, 0.2);
  --zk-tree-text: #e5e5e5;
  --zk-tree-icon: #9ca3af;

  /* Editor */
  --zk-editor-bg: #1a1a1a;
  --zk-editor-text: #e5e5e5;
  --zk-editor-selection: rgba(242, 209, 35, 0.35);

  /* Scrollbar */
  --zk-scrollbar-track: #1f1f1f;
  --zk-scrollbar-thumb: #404040;
  --zk-scrollbar-thumb-hover: #525252;

  /* Status colors */
  --zk-success: #22c55e;
  --zk-success-bg: #064e3b;
  --zk-success-text: #6ee7b7;
  --zk-warning: #fbbf24;
  --zk-warning-bg: #78350f;
  --zk-warning-text: #fcd34d;
  --zk-danger: #ff6b6b;
  --zk-danger-bg: #7f1d1d;
  --zk-danger-text: #fca5a5;
  --zk-info: #60a5fa;
  --zk-info-bg: #1e3a8a;
  --zk-info-text: #93c5fd;

  /* Bootstrap variables override - Toutes les couleurs basées sur le jaune (thème dark) */
  --bs-info-text-emphasis: #fde68a;
  --bs-info-bg-subtle: rgba(242, 209, 35, 0.15);
  --bs-info-border-subtle: #f2d123;
  --bs-success-text-emphasis: #fde68a;
  --bs-success-bg-subtle: rgba(242, 209, 35, 0.2);
  --bs-success-border-subtle: #f2d123;
  --bs-warning-text-emphasis: #fde68a;
  --bs-warning-bg-subtle: rgba(242, 209, 35, 0.25);
  --bs-warning-border-subtle: #d9bb1f;
  --bs-danger-text-emphasis: #fde68a;
  --bs-danger-bg-subtle: rgba(242, 209, 35, 0.3);
  --bs-danger-border-subtle: #f2d123;
  --bs-primary: #f2d123;
  --bs-primary-rgb: 242, 209, 35;
  --bs-success: #f2d123;
  --bs-success-rgb: 242, 209, 35;

  /* Theme-specific */
  --zk-modal-header-bg: #1a1a1a;
  --zk-modal-header-text: #ffffff;
  --zk-btn-primary-bg: #f2d123;
  --zk-btn-primary-text: #1c1917;
  --zk-btn-primary-hover: #d9bb1f;
  --zk-checkbox-border: #444444;
  --zk-checkbox-checked: #f2d123;

  color-scheme: dark;
}

/* ============================================================================
   THÈME ZKRIVA (Style souman/soft - tons chauds)
   ============================================================================ */
[data-theme="zkriva"] {
  /* Couleurs de fond - tons chauds beige/crème (style Claude.ai) */
  --zk-bg: #F4F3EE;
  --zk-bg-light: #FAF9F6;
  --zk-bg-card: #FFFFFE;
  --zk-bg-sidebar: #F4F3EE;
  --zk-bg-topbar: #FAF9F6;
  --zk-bg-hover: #EDECEA;
  --zk-bg-active: #E5E4E0;
  --zk-bg-input: #ffffff;
  --zk-bg-modal: #FAFAF8;
  --zk-bg-dropdown: #ffffff;
  --zk-bg-tooltip: #292524;

  /* Couleurs de texte - tons bruns/terre */
  --zk-text: #1c1917;
  --zk-text-dark: #0c0a09;
  --zk-text-light: #ffffff;
  --zk-text-muted: #78716c;
  --zk-text-secondary: #a8a29e;
  --zk-text-placeholder: #a8a29e;

  /* Bordures - tons beige */
  --zk-border: #e7e5e4;
  --zk-border-light: #f5f5f4;
  --zk-border-lighter: #fafaf9;
  --zk-border-dark: rgba(28,25,23,.06);
  --zk-border-input: #d6d3d1;
  --zk-border-focus: #d2b491;

  /* Shadows - plus douces */
  --zk-shadow-soft: 0 4px 12px rgba(28,25,23,.04);
  --zk-shadow-hover: 0 8px 20px rgba(28,25,23,.08);
  --zk-shadow-dropdown: 0 12px 28px rgba(28,25,23,.12);
  --zk-shadow-modal: 0 25px 50px -12px rgba(28,25,23,.2);

  /* Treeview */
  --zk-tree-bg: #F4F3EE;
  --zk-tree-hover: #EDECEA;
  --zk-tree-active: rgba(210, 180, 145, 0.12);
  --zk-tree-text: #44403c;
  --zk-tree-icon: #78716c;

  /* Editor */
  --zk-editor-bg: #FFFFFE;
  --zk-editor-text: #1c1917;
  --zk-editor-selection: rgba(210, 180, 145, 0.2);

  /* Scrollbar */
  --zk-scrollbar-track: #F4F3EE;
  --zk-scrollbar-thumb: #d6d3d1;
  --zk-scrollbar-thumb-hover: #B1ADA1;

  /* Status colors */
  --zk-success: #65a30d;
  --zk-success-bg: #ecfccb;
  --zk-success-text: #365314;
  --zk-warning: #f59e0b;
  --zk-warning-bg: #fef3c7;
  --zk-warning-text: #92400e;
  --zk-danger: #d93025;
  --zk-danger-bg: #fee2e2;
  --zk-danger-text: #991b1b;
  --zk-info: #0284c7;
  --zk-info-bg: #e0f2fe;
  --zk-info-text: #075985;

  /* Bootstrap variables override - Toutes les couleurs basées sur le beige */
  --bs-info-text-emphasis: #9a7e5d;
  --bs-info-bg-subtle: rgba(210, 180, 145, 0.1);
  --bs-info-border-subtle: #d2b491;
  --bs-success-text-emphasis: #9a7e5d;
  --bs-success-bg-subtle: rgba(210, 180, 145, 0.15);
  --bs-success-border-subtle: #d2b491;
  --bs-warning-text-emphasis: #9a7e5d;
  --bs-warning-bg-subtle: rgba(210, 180, 145, 0.2);
  --bs-warning-border-subtle: #c4a57f;
  --bs-danger-text-emphasis: #9a7e5d;
  --bs-danger-bg-subtle: rgba(210, 180, 145, 0.25);
  --bs-danger-border-subtle: #d2b491;
  --bs-primary: #d2b491;
  --bs-primary-rgb: 210, 180, 145;
  --bs-success: #d2b491;
  --bs-success-rgb: 210, 180, 145;

  /* Couleur d'accent Zkriva (beige/doré) */
  --zk-yellow: #d2b491;
  --zk-yellow-dark: #b89a73;
  --zk-yellow-darker: #9a7e5d;
  --zk-yellow-light: rgba(210, 180, 145, 0.18);
  --zk-yellow-soft: rgba(210, 180, 145, 0.12);
  --zk-yellow-alpha-33: rgba(210, 180, 145, 0.33);

  /* Theme-specific */
  --zk-modal-header-bg: #d2b491;
  --zk-modal-header-text: #ffffff;
  --zk-btn-primary-bg: #d2b491;
  --zk-btn-primary-text: #ffffff;
  --zk-btn-primary-hover: #c4a57f;
  --zk-checkbox-border: #78716c;
  --zk-checkbox-checked: #d2b491;
}

/* Main content zkriva - fond clair style Claude.ai */
[data-theme="zkriva"] #main-content,
[data-theme="zkriva"] .main-content {
  background: var(--zk-bg-light) !important;
}

/* ============================================================================
   THÈME LILIA (Rose pastel - tons doux et féminins)
   ============================================================================ */
[data-theme="lilia"] {
  /* Couleurs de fond - tons rose pastel */
  --zk-bg: #fdf7f9;
  --zk-bg-light: #fff9fb;
  --zk-bg-card: #ffffff;
  --zk-bg-sidebar: #fbf5f7;
  --zk-bg-topbar: #fff9fb;
  --zk-bg-hover: #f9eef2;
  --zk-bg-active: #f3e4ea;
  --zk-bg-input: #ffffff;
  --zk-bg-modal: #ffffff;
  --zk-bg-dropdown: #ffffff;
  --zk-bg-tooltip: #3d2732;

  /* Couleurs de texte - tons brun rosé */
  --zk-text: #3d2732;
  --zk-text-dark: #2a1a21;
  --zk-text-light: #ffffff;
  --zk-text-muted: #8b6b78;
  --zk-text-secondary: #b299a3;
  --zk-text-placeholder: #b299a3;

  /* Bordures - tons rose pâle */
  --zk-border: #f0dce4;
  --zk-border-light: #f8eff3;
  --zk-border-lighter: #fcf6f8;
  --zk-border-dark: rgba(61,39,50,.06);
  --zk-border-input: #e8d0da;
  --zk-border-focus: #d4729c;

  /* Shadows - douces et rosées */
  --zk-shadow-soft: 0 4px 12px rgba(61,39,50,.04);
  --zk-shadow-hover: 0 8px 20px rgba(61,39,50,.08);
  --zk-shadow-dropdown: 0 12px 28px rgba(61,39,50,.12);
  --zk-shadow-modal: 0 25px 50px -12px rgba(61,39,50,.2);

  /* Treeview */
  --zk-tree-bg: #fbf5f7;
  --zk-tree-hover: #f5eaef;
  --zk-tree-active: rgba(212, 114, 156, 0.12);
  --zk-tree-text: #5c4350;
  --zk-tree-icon: #8b6b78;

  /* Editor */
  --zk-editor-bg: #ffffff;
  --zk-editor-text: #3d2732;
  --zk-editor-selection: rgba(212, 114, 156, 0.2);

  /* Scrollbar */
  --zk-scrollbar-track: #fbf5f7;
  --zk-scrollbar-thumb: #e8d0da;
  --zk-scrollbar-thumb-hover: #d4b8c6;

  /* Status colors */
  --zk-success: #43a047;
  --zk-success-bg: #e8f5e9;
  --zk-success-text: #2e7d32;
  --zk-warning: #fb8c00;
  --zk-warning-bg: #fff3e0;
  --zk-warning-text: #e65100;
  --zk-danger: #e53935;
  --zk-danger-bg: #fce4ec;
  --zk-danger-text: #c62828;
  --zk-info: #1e88e5;
  --zk-info-bg: #e3f2fd;
  --zk-info-text: #1565c0;

  /* Bootstrap variables override - Toutes les couleurs basées sur le rose */
  --bs-info-text-emphasis: #a84876;
  --bs-info-bg-subtle: rgba(212, 114, 156, 0.1);
  --bs-info-border-subtle: #d4729c;
  --bs-success-text-emphasis: #a84876;
  --bs-success-bg-subtle: rgba(212, 114, 156, 0.15);
  --bs-success-border-subtle: #d4729c;
  --bs-warning-text-emphasis: #a84876;
  --bs-warning-bg-subtle: rgba(212, 114, 156, 0.2);
  --bs-warning-border-subtle: #c45d8a;
  --bs-danger-text-emphasis: #a84876;
  --bs-danger-bg-subtle: rgba(212, 114, 156, 0.25);
  --bs-danger-border-subtle: #d4729c;
  --bs-primary: #d4729c;
  --bs-primary-rgb: 212, 114, 156;
  --bs-success: #d4729c;
  --bs-success-rgb: 212, 114, 156;

  /* Couleur d'accent Lilia (rose) */
  --zk-yellow: #d4729c;
  --zk-yellow-dark: #c45d8a;
  --zk-yellow-darker: #a84876;
  --zk-yellow-light: rgba(212, 114, 156, 0.18);
  --zk-yellow-soft: rgba(212, 114, 156, 0.12);
  --zk-yellow-alpha-33: rgba(212, 114, 156, 0.33);

  /* Theme-specific */
  --zk-modal-header-bg: linear-gradient(135deg, #d4729c 0%, #c45d8a 100%);
  --zk-modal-header-text: #ffffff;
  --zk-btn-primary-bg: #d4729c;
  --zk-btn-primary-text: #ffffff;
  --zk-btn-primary-hover: #c45d8a;
  --zk-checkbox-border: #e8d0da;
  --zk-checkbox-checked: #d4729c;
}

/* ============================================================================
   THÈME NATURE (Vert naturel - tons frais et apaisants)
   ============================================================================ */
[data-theme="nature"] {
  /* Couleurs de fond - tons vert naturel */
  --zk-bg: #e8f5f0;
  --zk-bg-light: #f7fef9;
  --zk-bg-card: #ffffff;
  --zk-bg-sidebar: #ecfdf5;
  --zk-bg-topbar: #f7fef9;
  --zk-bg-hover: #d4efe5;
  --zk-bg-active: #a8e6cf;
  --zk-bg-input: #ffffff;
  --zk-bg-modal: #ffffff;
  --zk-bg-dropdown: #ffffff;
  --zk-bg-tooltip: #003d2e;

  /* Couleurs de texte - tons vert foncé */
  --zk-text: #003d2e;
  --zk-text-dark: #052e16;
  --zk-text-light: #ffffff;
  --zk-text-muted: #2d8a6e;
  --zk-text-secondary: #6b9b7a;
  --zk-text-placeholder: #6b9b7a;

  /* Bordures - tons vert pâle */
  --zk-border: #a8e6cf;
  --zk-border-light: #d4efe5;
  --zk-border-lighter: #ecfdf5;
  --zk-border-dark: rgba(20,83,45,.06);
  --zk-border-input: #a8e6cf;
  --zk-border-focus: #005c45;

  /* Shadows - douces et naturelles */
  --zk-shadow-soft: 0 4px 12px rgba(20,83,45,.04);
  --zk-shadow-hover: 0 8px 20px rgba(20,83,45,.08);
  --zk-shadow-dropdown: 0 12px 28px rgba(20,83,45,.12);
  --zk-shadow-modal: 0 25px 50px -12px rgba(20,83,45,.2);

  /* Treeview */
  --zk-tree-bg: #ecfdf5;
  --zk-tree-hover: #d4efe5;
  --zk-tree-active: rgba(0, 92, 69, 0.15);
  --zk-tree-text: #004a38;
  --zk-tree-icon: #2d8a6e;

  /* Editor */
  --zk-editor-bg: #ffffff;
  --zk-editor-text: #003d2e;
  --zk-editor-selection: rgba(0, 92, 69, 0.2);

  /* Scrollbar */
  --zk-scrollbar-track: #ecfdf5;
  --zk-scrollbar-thumb: #a8e6cf;
  --zk-scrollbar-thumb-hover: #4ade80;

  /* Status colors */
  --zk-success: #059669;
  --zk-success-bg: #d4efe5;
  --zk-success-text: #004a38;
  --zk-warning: #eab308;
  --zk-warning-bg: #fef9c3;
  --zk-warning-text: #a16207;
  --zk-danger: #dc2626;
  --zk-danger-bg: #fee2e2;
  --zk-danger-text: #dc2626;
  --zk-info: #2563eb;
  --zk-info-bg: #dbeafe;
  --zk-info-text: #1d4ed8;

  /* Bootstrap variables override - Toutes les couleurs basées sur le vert */
  --bs-info-text-emphasis: #004a38;
  --bs-info-bg-subtle: rgba(5, 150, 105, 0.1);
  --bs-info-border-subtle: #059669;
  --bs-success-text-emphasis: #004a38;
  --bs-success-bg-subtle: rgba(5, 150, 105, 0.15);
  --bs-success-border-subtle: #059669;
  --bs-warning-text-emphasis: #004a38;
  --bs-warning-bg-subtle: rgba(5, 150, 105, 0.2);
  --bs-warning-border-subtle: #10b981;
  --bs-danger-text-emphasis: #004a38;
  --bs-danger-bg-subtle: rgba(5, 150, 105, 0.25);
  --bs-danger-border-subtle: #059669;
  --bs-primary: #059669;
  --bs-primary-rgb: 5, 150, 105;
  --bs-success: #059669;
  --bs-success-rgb: 5, 150, 105;

  /* Couleur d'accent Nature (vert) */
  --zk-yellow: #005c45;
  --zk-yellow-dark: #007a5c;
  --zk-yellow-darker: #004a38;
  --zk-yellow-light: rgba(0, 92, 69, 0.18);
  --zk-yellow-soft: rgba(0, 92, 69, 0.12);
  --zk-yellow-alpha-33: rgba(0, 92, 69, 0.33);

  /* Theme-specific */
  --zk-modal-header-bg: linear-gradient(135deg, #005c45 0%, #007a5c 100%);
  --zk-modal-header-text: #ffffff;
  --zk-btn-primary-bg: linear-gradient(135deg, #005c45 0%, #007a5c 100%);
  --zk-btn-primary-text: #ffffff;
  --zk-btn-primary-hover: linear-gradient(135deg, #007a5c 0%, #004a38 100%);
  --zk-checkbox-border: #a8e6cf;
  --zk-checkbox-checked: #005c45;
}

/* ============================================================================
   BASE STYLES - Using CSS Variables
   ============================================================================ */

/* Body et fond général */
html, body {
  background: var(--zk-bg) !important;
  color: var(--zk-text) !important;
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* Main content area */
#main-content,
.main-content,
.z-p,
.content-wrapper,
.page-wrapper {
  background: var(--zk-bg) !important;
  color: var(--zk-text);
}

/* Sidebar */
.sidebar,
.zk-sidebar,
#sidebar {
  background: var(--zk-bg-sidebar) !important;
  border-color: var(--zk-border) !important;
}

/* Topbar */
.topbar,
.zk-topbar,
#topbar,
.navbar,
#topbar-wrapper {
  background: var(--zk-bg-topbar) !important;
  border-color: var(--zk-border) !important;
}

/* Cards */
.card,
.zk-card,
.modal-content,
.section-card {
  background: var(--zk-bg-card) !important;
  border-color: var(--zk-border) !important;
  color: var(--zk-text);
  box-shadow: var(--zk-shadow-soft);
}

.card:hover {
  box-shadow: var(--zk-shadow-hover);
}

.card-header {
  background: var(--zk-bg-light) !important;
  border-bottom-color: var(--zk-border) !important;
}

.card-footer {
  background: var(--zk-bg-light) !important;
  border-top-color: var(--zk-border) !important;
}

/* Dropdowns */
.dropdown-menu {
  background: var(--zk-bg-dropdown) !important;
  border-color: var(--zk-border) !important;
  box-shadow: var(--zk-shadow-dropdown);
}

.dropdown-item {
  color: var(--zk-text) !important;
}

.dropdown-item:hover,
.dropdown-item:focus {
  background: var(--zk-bg-hover) !important;
  color: var(--zk-yellow) !important;
}

.dropdown-item i {
  color: var(--zk-text-muted) !important;
}

.dropdown-item:hover i {
  color: var(--zk-yellow) !important;
}

.dropdown-divider {
  border-color: var(--zk-border) !important;
}

/* Keep danger/trash icons red */
.dropdown-item.text-danger i,
.dropdown-item.danger i {
  color: #dc3545 !important;
}

/* Formulaires */
.form-control,
.form-select,
input:not([type="checkbox"]):not([type="radio"]),
textarea,
select {
  background: var(--zk-bg-input) !important;
  border-color: var(--zk-border-input) !important;
  color: var(--zk-text) !important;
}

.form-control:focus,
.form-select:focus,
input:focus,
textarea:focus,
select:focus {
  border-color: var(--zk-border-focus) !important;
  box-shadow: 0 0 0 3px var(--zk-yellow-soft) !important;
}

.form-control::placeholder,
input::placeholder,
textarea::placeholder {
  color: var(--zk-text-placeholder) !important;
}

/* Checkboxes (exclut .task-checkbox qui a son propre style) */
input[type="checkbox"]:not(.task-checkbox),
.form-check-input[type="checkbox"]:not(.task-checkbox) {
  background-color: var(--zk-bg-input) !important;
  border-color: var(--zk-checkbox-border) !important;
  border-width: 2px !important;
}

input[type="checkbox"]:checked:not(.task-checkbox),
.form-check-input[type="checkbox"]:checked:not(.task-checkbox) {
  background-color: var(--zk-checkbox-checked) !important;
  border-color: var(--zk-checkbox-checked) !important;
}

input[type="checkbox"]:focus:not(.task-checkbox),
.form-check-input[type="checkbox"]:focus:not(.task-checkbox) {
  box-shadow: 0 0 0 0.2rem var(--zk-yellow-soft) !important;
}

.form-switch .form-check-input:checked {
  background-color: var(--zk-yellow) !important;
  border-color: var(--zk-yellow) !important;
}

/* Labels */
.form-label,
label {
  color: var(--zk-text);
}

/* Tables */
.table {
  color: var(--zk-text);
}

.table thead th {
  background: var(--zk-bg-light) !important;
  border-color: var(--zk-border) !important;
  color: var(--zk-text) !important;
}

.table td,
.table th {
  border-color: var(--zk-border) !important;
}

.table-hover tbody tr:hover {
  background: var(--zk-bg-hover) !important;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: var(--zk-yellow-soft) !important;
}

/* Nav pills / tabs */
.nav-pills .nav-link {
  color: var(--zk-text-muted);
}

.nav-pills .nav-link:hover {
  background: var(--zk-bg-hover);
  color: var(--zk-text);
}

.nav-pills .nav-link.active {
  background: var(--zk-yellow) !important;
  color: var(--zk-text-light) !important;
}

.nav-tabs {
  border-color: var(--zk-border);
}

.nav-tabs .nav-link {
  color: var(--zk-text-muted);
}

.nav-tabs .nav-link:hover {
  border-color: var(--zk-border);
}

.nav-tabs .nav-link.active {
  background: var(--zk-bg-card);
  border-color: var(--zk-border) var(--zk-border) var(--zk-bg-card);
  color: var(--zk-text);
}

/* Treeview */
#treeview,
.treeview,
.tree-view {
  background: var(--zk-tree-bg) !important;
}

#treeview li,
.treeview li,
.tree-item {
  color: var(--zk-tree-text);
  background: transparent;
}

#treeview .tree-item:hover:not(:has(.tree-item:hover)),
.treeview .tree-item:hover:not(:has(.tree-item:hover)) {
  background: var(--zk-tree-hover) !important;
}

#treeview li:has(> ul .tree-item:hover) > .tree-item,
.treeview li:has(> ul .tree-item:hover) > .tree-item {
  background: transparent !important;
}

#treeview li.active > .tree-item,
.treeview li.active > .tree-item,
.tree-item.active {
  background: var(--zk-tree-active) !important;
}

#treeview li.active > .tree-item .tree-label,
.treeview li.active > .tree-item .tree-label,
.tree-item.active .tree-label {
  color: var(--zk-tree-text) !important;
}

.tree-label i,
.tree-icon {
  color: var(--zk-tree-icon) !important;
}

/* --- TRASH ELEMENT (Corbeille) - Hover rouge --- */
#treeview li[data-type="trash"] > .tree-item:hover:not(:has(.tree-item:hover)),
.treeview li[data-type="trash"] > .tree-item:hover:not(:has(.tree-item:hover)) {
  background: rgba(220, 38, 38, 0.15) !important;
}
#treeview li[data-type="trash"] > .tree-item:hover .tree-label,
#treeview li[data-type="trash"] > .tree-item:hover .tree-label i,
#treeview li[data-type="trash"] > .tree-item:hover .tree-label span,
.treeview li[data-type="trash"] > .tree-item:hover .tree-label,
.treeview li[data-type="trash"] > .tree-item:hover .tree-label i,
.treeview li[data-type="trash"] > .tree-item:hover .tree-label span {
  color: #dc2626 !important;
}

/* Drag over sur trash - rouge vif avec animation */
#treeview li[data-type="trash"].drag-over-inside > .tree-item,
.treeview li[data-type="trash"].drag-over-inside > .tree-item {
  background: rgba(220, 38, 38, 0.25) !important;
  box-shadow: inset 0 0 0 2px rgba(220, 38, 38, 0.6);
  animation: trash-pulse 0.6s ease-in-out infinite;
}
#treeview li[data-type="trash"].drag-over-inside > .tree-item .tree-label,
#treeview li[data-type="trash"].drag-over-inside > .tree-item .tree-label i,
#treeview li[data-type="trash"].drag-over-inside > .tree-item .tree-label span,
.treeview li[data-type="trash"].drag-over-inside > .tree-item .tree-label,
.treeview li[data-type="trash"].drag-over-inside > .tree-item .tree-label i,
.treeview li[data-type="trash"].drag-over-inside > .tree-item .tree-label span {
  color: #dc2626 !important;
}

@keyframes trash-pulse {
  0%, 100% { background: rgba(220, 38, 38, 0.18) !important; }
  50% { background: rgba(220, 38, 38, 0.35) !important; }
}

/* --- ARCHIVE ELEMENT - Hover ambre --- */
#treeview li[data-type="archive"] > .tree-item:hover:not(:has(.tree-item:hover)),
.treeview li[data-type="archive"] > .tree-item:hover:not(:has(.tree-item:hover)) {
  background: rgba(210, 180, 145, 0.18) !important;
}
#treeview li[data-type="archive"] > .tree-item:hover .tree-label,
#treeview li[data-type="archive"] > .tree-item:hover .tree-label i,
#treeview li[data-type="archive"] > .tree-item:hover .tree-label span,
.treeview li[data-type="archive"] > .tree-item:hover .tree-label,
.treeview li[data-type="archive"] > .tree-item:hover .tree-label i,
.treeview li[data-type="archive"] > .tree-item:hover .tree-label span {
  color: #d2b491 !important;
}

/* Drag over sur archive - ambre */
#treeview li[data-type="archive"].drag-over-inside > .tree-item,
.treeview li[data-type="archive"].drag-over-inside > .tree-item {
  background: rgba(210, 180, 145, 0.28) !important;
  box-shadow: inset 0 0 0 2px rgba(210, 180, 145, 0.6);
}
#treeview li[data-type="archive"].drag-over-inside > .tree-item .tree-label,
#treeview li[data-type="archive"].drag-over-inside > .tree-item .tree-label i,
#treeview li[data-type="archive"].drag-over-inside > .tree-item .tree-label span,
.treeview li[data-type="archive"].drag-over-inside > .tree-item .tree-label,
.treeview li[data-type="archive"].drag-over-inside > .tree-item .tree-label i,
.treeview li[data-type="archive"].drag-over-inside > .tree-item .tree-label span {
  color: #d2b491 !important;
}

/* Texte muted */
.text-muted,
.text-secondary {
  color: var(--zk-text-muted) !important;
}

/* Titres */
h1, h2, h3, h4, h5, h6 {
  color: var(--zk-text-dark);
}

/* Liens */
a:not(.btn):not(.nav-link):not(.dropdown-item) {
  color: var(--zk-yellow-dark);
}

a:not(.btn):not(.nav-link):not(.dropdown-item):hover {
  color: var(--zk-yellow-darker);
}

/* Boutons */
.btn-outline-secondary {
  color: var(--zk-text-muted);
  border-color: var(--zk-border);
}

.btn-outline-secondary:hover {
  background: var(--zk-bg-hover);
  color: var(--zk-text);
}

.btn-light {
  background: var(--zk-bg-light) !important;
  border-color: var(--zk-border) !important;
  color: var(--zk-text) !important;
}

.btn-light:hover {
  background: var(--zk-bg-hover) !important;
  color: var(--zk-text) !important;
}

.btn-dark {
  background: var(--zk-text-dark) !important;
  border-color: var(--zk-text-dark) !important;
  color: var(--zk-text-light) !important;
}

.btn-dark:hover {
  opacity: 0.9;
}

/* Primary button - uses theme variables */
.btn-primary {
  background: var(--zk-btn-primary-bg) !important;
  border-color: var(--zk-btn-primary-bg) !important;
  color: var(--zk-btn-primary-text) !important;
}

.btn-primary:hover,
.btn-primary:focus {
  background: var(--zk-btn-primary-hover) !important;
  border-color: var(--zk-btn-primary-hover) !important;
}

.btn-warning {
  background: var(--zk-yellow) !important;
  border-color: var(--zk-yellow-dark) !important;
  color: var(--zk-text-light) !important;
}

.btn-link {
  color: var(--zk-yellow) !important;
}

.btn-link:hover {
  color: var(--zk-yellow-dark) !important;
}

/* Dividers */
hr,
.divider,
.yellow-divider {
  border-color: var(--zk-border);
}

/* Scrollbar */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: var(--zk-scrollbar-track);
}

::-webkit-scrollbar-thumb {
  background: var(--zk-scrollbar-thumb);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--zk-scrollbar-thumb-hover);
}

/* Editor */
.ProseMirror,
.tiptap,
.editor-content,
.zediteur-content,
.beta-prosemirror {
  background: transparent !important;
  color: var(--zk-editor-text) !important;
}

.ProseMirror ::selection,
.tiptap ::selection {
  background: var(--zk-editor-selection) !important;
}

/* Alerts */
.alert-success {
  background: var(--zk-success-bg) !important;
  color: var(--zk-success-text) !important;
  border-color: var(--zk-success-text) !important;
}

.alert-warning {
  background: var(--zk-warning-bg) !important;
  color: var(--zk-warning-text) !important;
  border-color: var(--zk-warning-text) !important;
}

.alert-info {
  background: var(--zk-info-bg) !important;
  color: var(--zk-info-text) !important;
  border-color: var(--zk-info-text) !important;
}

.alert-light {
  background: var(--zk-bg-light) !important;
  border-color: var(--zk-border) !important;
  color: var(--zk-text) !important;
}

/* Badges */
.badge {
  color: var(--zk-text);
}

.badge.bg-primary {
  background-color: var(--zk-yellow) !important;
}

.badge.bg-secondary {
  background-color: var(--zk-text-muted) !important;
}

.badge.bg-light {
  background-color: var(--zk-bg-hover) !important;
  color: var(--zk-text) !important;
}

/* Tooltips */
.tooltip-inner {
  background: var(--zk-bg-tooltip) !important;
}

/* Settings page */
.setting-title {
  color: var(--zk-text-dark);
}

.setting-desc {
  color: var(--zk-text-muted);
}

.setting-row {
  border-bottom-color: var(--zk-border-light);
}

/* Side nav */
.side-nav .nav-link {
  color: var(--zk-text-muted);
}

.side-nav .nav-link:hover {
  background: var(--zk-bg-hover);
  color: var(--zk-text);
}

.side-nav .nav-link.active {
  background: var(--zk-yellow) !important;
  color: var(--zk-text-dark) !important;
}

/* Breadcrumbs */
.breadcrumb {
  background: var(--zk-bg-light);
}

.breadcrumb-item a {
  color: var(--zk-yellow);
}

.breadcrumb-item.active {
  color: var(--zk-text-muted);
}

.breadcrumb-item + .breadcrumb-item::before {
  color: var(--zk-text-secondary);
}

/* List groups */
.list-group-item {
  background: var(--zk-bg-card) !important;
  border-color: var(--zk-border) !important;
  color: var(--zk-text) !important;
}

.list-group-item:hover {
  background: var(--zk-bg-hover) !important;
}

.list-group-item.active {
  background: var(--zk-yellow) !important;
  border-color: var(--zk-yellow) !important;
  color: var(--zk-text-light) !important;
}

/* Pagination */
.page-link {
  background: var(--zk-bg-card) !important;
  border-color: var(--zk-border) !important;
  color: var(--zk-text) !important;
}

.page-link:hover {
  background: var(--zk-bg-hover) !important;
  color: var(--zk-yellow) !important;
}

.page-item.active .page-link {
  background: var(--zk-yellow) !important;
  border-color: var(--zk-yellow) !important;
  color: var(--zk-text-light) !important;
}

/* Accordion */
.accordion-item {
  background: var(--zk-bg-card) !important;
  border-color: var(--zk-border) !important;
}

.accordion-button {
  background: var(--zk-bg-card) !important;
  color: var(--zk-text) !important;
}

.accordion-button:not(.collapsed) {
  background: var(--zk-yellow-soft) !important;
  color: var(--zk-yellow) !important;
}

.accordion-button:focus {
  box-shadow: 0 0 0 3px var(--zk-yellow-soft) !important;
}

/* Progress bars */
.progress {
  background: var(--zk-bg-light) !important;
}

.progress-bar {
  background-color: var(--zk-yellow) !important;
}

/* Popovers */
.popover {
  background: var(--zk-bg-card) !important;
  border-color: var(--zk-border) !important;
}

.popover-header {
  background: var(--zk-bg-light) !important;
  border-color: var(--zk-border) !important;
  color: var(--zk-text) !important;
}

.popover-body {
  color: var(--zk-text) !important;
}

/* Offcanvas */
.offcanvas {
  background: var(--zk-bg-card) !important;
  color: var(--zk-text) !important;
  border-color: var(--zk-border) !important;
}

.offcanvas-header {
  border-color: var(--zk-border) !important;
}

/* Input groups */
.input-group-text {
  background: var(--zk-bg-light) !important;
  border-color: var(--zk-border-input) !important;
  color: var(--zk-text) !important;
}

/* Close button */
.btn-close {
  filter: var(--zk-close-filter, none);
}

[data-theme="dark"] .btn-close {
  filter: invert(1) grayscale(100%) brightness(200%);
}

/* Code blocks */
pre, code {
  background: var(--zk-bg-light) !important;
  color: var(--zk-text) !important;
}

/* Illustration box */
.illustration-box {
  border-color: var(--zk-border);
  background: var(--zk-bg-light);
}

.illustration-box:hover {
  border-color: var(--zk-yellow);
}

/* Tags input */
.tags-input-container {
  background: var(--zk-bg-input);
  border-color: var(--zk-border-input);
}

.tags-input-container:focus-within {
  border-color: var(--zk-yellow);
}

.tag-chip {
  background: var(--zk-yellow-light);
  border-color: var(--zk-yellow-soft);
  color: var(--zk-text);
}

.tags-suggest {
  background: var(--zk-bg-dropdown);
  border-color: var(--zk-border);
}

.ts-chip {
  background: var(--zk-bg-light);
  border-color: var(--zk-border);
  color: var(--zk-text);
}

.ts-chip:hover {
  background: var(--zk-yellow-soft);
  border-color: var(--zk-yellow);
}

/* Zkriva specific components */
.zkriva-parent-icon {
  background: var(--zk-bg-light) !important;
  color: var(--zk-text) !important;
}

.zkriva-badge-elementcount {
  background: var(--zk-bg-light);
  color: var(--zk-text);
}

.zkriva-header-title {
  color: var(--zk-text-dark) !important;
}

.zkriva-header-meta {
  color: var(--zk-text-muted) !important;
}

/* Search components */
.zkriva-search-suggest {
  background: var(--zk-bg-dropdown) !important;
  border-color: var(--zk-border) !important;
}

.zks-item:hover {
  background: var(--zk-yellow-soft) !important;
}

.zks-text {
  color: var(--zk-text) !important;
}

/* User sidebar */
#userSidebar,
.zksidebar {
  background: var(--zk-bg-sidebar) !important;
  border-color: var(--zk-border) !important;
}

.user-sb-header {
  border-bottom-color: var(--zk-border) !important;
}

.topbar-user-name {
  color: var(--zk-text-dark) !important;
}

.zk4-type {
  background: var(--zk-yellow-soft) !important;
  border-color: var(--zk-yellow-light) !important;
  color: var(--zk-yellow) !important;
}

.zk-menu-section {
  border-top-color: var(--zk-border) !important;
  color: var(--zk-text-secondary) !important;
}

/* zk-link (user sidebar menu) */
.zk-link {
  color: var(--zk-text) !important;
}

.zk-link i {
  color: var(--zk-text-muted) !important;
}

.zk-link:active,
.zk-link:focus,
.zk-link:hover {
  background: var(--zk-yellow-soft) !important;
  color: var(--zk-yellow) !important;
}

.zk-link:hover i {
  color: var(--zk-yellow) !important;
}

.zk-link.active,
.zk-link.zk-link-active,
.zk-link[aria-current="page"] {
  background: var(--zk-yellow-light) !important;
  color: var(--zk-yellow-dark) !important;
}

.zk-link.active i,
.zk-link.zk-link-active i,
.zk-link[aria-current="page"] i {
  color: var(--zk-yellow-dark) !important;
}

/* Empty states */
.empty-state,
.no-data,
.no-results {
  color: var(--zk-text-muted);
}

/* Stats cards */
.stat-card,
.stats-card {
  background: var(--zk-bg-card);
  border-color: var(--zk-border);
}

/* Explorer grid */
.explorer-item,
.grid-item {
  background: var(--zk-bg-card);
  border-color: var(--zk-border);
}

.explorer-item:hover,
.grid-item:hover {
  border-color: var(--zk-yellow);
  box-shadow: var(--zk-shadow-hover);
}

/* Chapter items */
.chapter-item {
  background: var(--zk-bg-card);
  border-color: var(--zk-border);
}

.chapter-item:hover {
  background: var(--zk-bg-hover);
}

/* Character cards */
.character-card {
  background: var(--zk-bg-card);
  border-color: var(--zk-border);
}

/* Project cards */
.project-card {
  background: var(--zk-bg-card);
  border-color: var(--zk-border);
}

/* Kanban */
.kanban-column {
  background: var(--zk-bg-light);
}

.kanban-card {
  background: var(--zk-bg-card);
  border-color: var(--zk-border);
}

/* Dashboard widgets */
.dashboard-widget,
.widget {
  background: var(--zk-bg-card);
  border-color: var(--zk-border);
}

/* Forum */
.forum-topic,
.forum-post {
  background: var(--zk-bg-card);
  border-color: var(--zk-border);
}

/* Chat */
.chat-message {
  background: var(--zk-bg-light);
}

.chat-message.own {
  background: var(--zk-yellow-soft);
}

/* Calendar */
.calendar-day {
  background: var(--zk-bg-card);
  border-color: var(--zk-border);
}

.calendar-event {
  background: var(--zk-yellow-soft);
}

/* Settings */
.settings-section,
.setting-row {
  border-color: var(--zk-border);
}

/* Preview pages */
.preview-container {
  background: var(--zk-bg-card);
}

/* Import pages */
.import-zone {
  background: var(--zk-bg-light);
  border-color: var(--zk-border);
}

/* Trash page */
.trash-item {
  background: var(--zk-bg-card);
  border-color: var(--zk-border);
}

/* Profile pages */
.profile-card {
  background: var(--zk-bg-card);
}

.profile-header {
  background: var(--zk-bg-light);
}

/* Library */
.library-item {
  background: var(--zk-bg-card);
  border-color: var(--zk-border);
}

/* Mindmap */
.mindmap-node {
  background: var(--zk-bg-card);
  border-color: var(--zk-border);
  color: var(--zk-text);
}

/* Beta reader */
.beta-card {
  background: var(--zk-bg-card);
  border-color: var(--zk-border);
}

/* Live courses */
.course-card {
  background: var(--zk-bg-card);
  border-color: var(--zk-border);
}

/* Classified ads */
.ad-card {
  background: var(--zk-bg-card);
  border-color: var(--zk-border);
}

/* Containers */
.container,
.container-fluid {
  color: var(--zk-text);
}

/* Headers - transparent background */
.explorer-header,
.notes-header-wrapper,
.zkriva-page-header,
.page-header,
.detail-header,
.section-header,
.trash-header,
.board-header,
.zk-header,
.zk-cal-header,
.pane-header,
.nd-header,
.cal-header {
  background: transparent !important;
}

/* Background utility classes */
.bg-white {
  background-color: var(--zk-bg-card) !important;
}

.bg-light {
  background-color: var(--zk-bg-light) !important;
}

.bg-body {
  background-color: var(--zk-bg) !important;
}

.bg-body-secondary {
  background-color: var(--zk-bg-light) !important;
}

.bg-body-tertiary {
  background-color: var(--zk-bg-hover) !important;
}

/* Border utility classes */
.border {
  border-color: var(--zk-border) !important;
}

.border-bottom {
  border-bottom-color: var(--zk-border) !important;
}

.border-top {
  border-top-color: var(--zk-border) !important;
}

/* Text utility classes */
.text-dark {
  color: var(--zk-text-dark) !important;
}

.text-body {
  color: var(--zk-text) !important;
}

/* Shadow utility classes */
.shadow,
.shadow-sm,
.shadow-lg {
  box-shadow: var(--zk-shadow-soft) !important;
}

/* Spinners */
.spinner-border,
.spinner-grow {
  color: var(--zk-yellow) !important;
}

/* Toast */
.zk-toast {
  background: var(--zk-bg-card) !important;
  border-color: var(--zk-border) !important;
  color: var(--zk-text) !important;
  box-shadow: var(--zk-shadow-dropdown) !important;
}

.zk-toast-content {
  color: var(--zk-text) !important;
}

.zk-toast .zk-toast-title {
  color: var(--zk-text-dark) !important;
}

.zk-toast .zk-toast-message {
  color: var(--zk-text-muted) !important;
}

.zk-toast .zk-toast-close {
  color: var(--zk-text-muted) !important;
}

.zk-toast .zk-toast-close:hover {
  color: var(--zk-text-dark) !important;
}

/* Toast icon colors (universal) */
.zk-toast.zk-success .zk-toast-icon { color: var(--zk-success-text) !important; }
.zk-toast.zk-danger .zk-toast-icon { color: #dc3545 !important; }
.zk-toast.zk-warning .zk-toast-icon { color: var(--zk-warning-text) !important; }
.zk-toast.zk-info .zk-toast-icon { color: var(--zk-info-text) !important; }

/* Sidebar mini */
#sidebar-mini,
.sidebar-mini {
  background: var(--zk-bg-sidebar) !important;
  border-right-color: var(--zk-border) !important;
}

#sidebar-mini a,
.sidebar-mini a {
  color: var(--zk-text-muted) !important;
}

#sidebar-mini a:hover,
.sidebar-mini a:hover {
  color: var(--zk-yellow) !important;
  background: var(--zk-yellow-soft) !important;
}

#sidebar-mini a.active,
.sidebar-mini a.active {
  color: var(--zk-yellow) !important;
  background: var(--zk-yellow-light) !important;
}

#sidebar-mini a,
.sidebar-mini a {
  margin: 6px 3px !important;
  padding: 6px !important;
}

/* Sidebar mini SVG icons */
.sidebar-mini-svg {
  width: 1.75rem;
  height: 1.75rem;
  display: block;
  pointer-events: none;
  transition: transform 0.2s ease, filter 0.2s ease;
}

.sidebar-mini-svg * {
  pointer-events: none;
  transition: fill 0.2s ease;
}

.sidebar-mini-svg .svg-primary {
  fill: var(--zk-text-muted) !important;
}

.sidebar-mini-svg .svg-accent {
  fill: var(--zk-yellow) !important;
}

#sidebar-mini a:hover .sidebar-mini-svg,
.sidebar-mini a:hover .sidebar-mini-svg {
  transform: scale(1.15) rotate(-5deg);
}

#sidebar-mini a:hover .sidebar-mini-svg .svg-primary,
.sidebar-mini a:hover .sidebar-mini-svg .svg-primary {
  fill: var(--zk-yellow) !important;
}

#sidebar-mini a.active .sidebar-mini-svg .svg-primary,
.sidebar-mini a.active .sidebar-mini-svg .svg-primary {
  fill: var(--zk-yellow) !important;
}

/* Nature theme: svg-primary stays dark, only svg-accent turns green */
[data-theme="nature"] .sidebar-mini-svg .svg-primary {
  fill: #1a2e23 !important;
}
[data-theme="nature"] #sidebar-mini a:hover .sidebar-mini-svg .svg-primary,
[data-theme="nature"] .sidebar-mini a:hover .sidebar-mini-svg .svg-primary {
  fill: var(--zk-yellow) !important;
}
[data-theme="nature"] #sidebar-mini a.active .sidebar-mini-svg .svg-primary,
[data-theme="nature"] .sidebar-mini a.active .sidebar-mini-svg .svg-primary {
  fill: var(--zk-yellow) !important;
}

/* Sidebar icons */
.sidebar-top-icons,
.sidebar-bottom-icons,
#writerTopIcons,
#betaTopIcons {
  background: var(--zk-bg-sidebar) !important;
  border-top: 1px solid var(--zk-border) !important;
  box-shadow: none !important;
}

.sidebar-separator {
  background: var(--zk-border) !important;
}

.sidebar-bottom-icons .icon-link,
.sidebar-bottom-icons a,
.sidebar-bottom-icons button,
.sidebar-bottom-btn,
.logout-btn,
#logoutBtn {
  color: var(--zk-text-muted) !important;
}

.sidebar-bottom-icons .icon-link:hover,
.sidebar-bottom-icons a:hover,
.sidebar-bottom-icons button:hover,
.sidebar-bottom-btn:hover,
.logout-btn:hover,
#logoutBtn:hover {
  background: var(--zk-bg-hover) !important;
  color: var(--zk-yellow) !important;
}

/* ============================================================================
   SIDEBAR TOP ICONS (writerTopIcons, betaTopIcons) - Simple hover effect
   ============================================================================ */

/* Base style */
#writerTopIcons .icon-link,
#writerTopIcons a,
#writerTopIcons button,
#betaTopIcons .icon-link,
#betaTopIcons a,
#betaTopIcons button,
.sidebar-top-icons .icon-link,
.sidebar-top-icons a,
.sidebar-top-icons button {
  transition: background-color 0.15s ease, color 0.15s ease, transform 0.1s ease !important;
  box-shadow: none !important;
}

/* Hover - Light theme */
#writerTopIcons .icon-link:hover,
#writerTopIcons a:hover,
#writerTopIcons button:hover,
#betaTopIcons .icon-link:hover,
#betaTopIcons a:hover,
#betaTopIcons button:hover,
.sidebar-top-icons .icon-link:hover,
.sidebar-top-icons a:hover,
.sidebar-top-icons button:hover {
  background: #f3f4f6 !important;
  color: var(--zk-yellow, #f2d123) !important;
  box-shadow: none !important;
}

/* Active/Press effect */
#writerTopIcons .icon-link:active,
#writerTopIcons a:active,
#writerTopIcons button:active,
#betaTopIcons .icon-link:active,
#betaTopIcons a:active,
#betaTopIcons button:active,
.sidebar-top-icons .icon-link:active,
.sidebar-top-icons a:active,
.sidebar-top-icons button:active {
  transform: scale(0.92) !important;
  background: #e5e7eb !important;
}

/* Dark theme */
[data-theme="dark"] #writerTopIcons .icon-link:hover,
[data-theme="dark"] #writerTopIcons a:hover,
[data-theme="dark"] #writerTopIcons button:hover,
[data-theme="dark"] #betaTopIcons .icon-link:hover,
[data-theme="dark"] #betaTopIcons a:hover,
[data-theme="dark"] #betaTopIcons button:hover,
[data-theme="dark"] .sidebar-top-icons .icon-link:hover,
[data-theme="dark"] .sidebar-top-icons a:hover,
[data-theme="dark"] .sidebar-top-icons button:hover {
  background: #262626 !important;
  color: #f2d123 !important;
}

[data-theme="dark"] #writerTopIcons .icon-link:active,
[data-theme="dark"] #writerTopIcons a:active,
[data-theme="dark"] #writerTopIcons button:active,
[data-theme="dark"] #betaTopIcons .icon-link:active,
[data-theme="dark"] #betaTopIcons a:active,
[data-theme="dark"] #betaTopIcons button:active,
[data-theme="dark"] .sidebar-top-icons .icon-link:active,
[data-theme="dark"] .sidebar-top-icons a:active,
[data-theme="dark"] .sidebar-top-icons button:active {
  background: #333 !important;
}

/* Zkriva theme */
[data-theme="zkriva"] #writerTopIcons .icon-link:hover,
[data-theme="zkriva"] #writerTopIcons a:hover,
[data-theme="zkriva"] #writerTopIcons button:hover,
[data-theme="zkriva"] #betaTopIcons .icon-link:hover,
[data-theme="zkriva"] #betaTopIcons a:hover,
[data-theme="zkriva"] #betaTopIcons button:hover,
[data-theme="zkriva"] .sidebar-top-icons .icon-link:hover,
[data-theme="zkriva"] .sidebar-top-icons a:hover,
[data-theme="zkriva"] .sidebar-top-icons button:hover {
  background: rgba(210, 180, 145, 0.12) !important;
  color: #d2b491 !important;
}

[data-theme="zkriva"] #writerTopIcons .icon-link:active,
[data-theme="zkriva"] #writerTopIcons a:active,
[data-theme="zkriva"] #writerTopIcons button:active,
[data-theme="zkriva"] #betaTopIcons .icon-link:active,
[data-theme="zkriva"] #betaTopIcons a:active,
[data-theme="zkriva"] #betaTopIcons button:active,
[data-theme="zkriva"] .sidebar-top-icons .icon-link:active,
[data-theme="zkriva"] .sidebar-top-icons a:active,
[data-theme="zkriva"] .sidebar-top-icons button:active {
  background: rgba(210, 180, 145, 0.2) !important;
}

/* Lilia theme */
[data-theme="lilia"] #writerTopIcons .icon-link:hover,
[data-theme="lilia"] #writerTopIcons a:hover,
[data-theme="lilia"] #writerTopIcons button:hover,
[data-theme="lilia"] #betaTopIcons .icon-link:hover,
[data-theme="lilia"] #betaTopIcons a:hover,
[data-theme="lilia"] #betaTopIcons button:hover,
[data-theme="lilia"] .sidebar-top-icons .icon-link:hover,
[data-theme="lilia"] .sidebar-top-icons a:hover,
[data-theme="lilia"] .sidebar-top-icons button:hover {
  background: rgba(212, 114, 156, 0.12) !important;
  color: #d4729c !important;
}

[data-theme="lilia"] #writerTopIcons .icon-link:active,
[data-theme="lilia"] #writerTopIcons a:active,
[data-theme="lilia"] #writerTopIcons button:active,
[data-theme="lilia"] #betaTopIcons .icon-link:active,
[data-theme="lilia"] #betaTopIcons a:active,
[data-theme="lilia"] #betaTopIcons button:active,
[data-theme="lilia"] .sidebar-top-icons .icon-link:active,
[data-theme="lilia"] .sidebar-top-icons a:active,
[data-theme="lilia"] .sidebar-top-icons button:active {
  background: rgba(212, 114, 156, 0.2) !important;
}

/* Nature theme */
[data-theme="nature"] #writerTopIcons .icon-link:hover,
[data-theme="nature"] #writerTopIcons a:hover,
[data-theme="nature"] #writerTopIcons button:hover,
[data-theme="nature"] #betaTopIcons .icon-link:hover,
[data-theme="nature"] #betaTopIcons a:hover,
[data-theme="nature"] #betaTopIcons button:hover,
[data-theme="nature"] .sidebar-top-icons .icon-link:hover,
[data-theme="nature"] .sidebar-top-icons a:hover,
[data-theme="nature"] .sidebar-top-icons button:hover {
  background: rgba(5, 150, 105, 0.12) !important;
  color: #059669 !important;
}

[data-theme="nature"] #writerTopIcons .icon-link:active,
[data-theme="nature"] #writerTopIcons a:active,
[data-theme="nature"] #writerTopIcons button:active,
[data-theme="nature"] #betaTopIcons .icon-link:active,
[data-theme="nature"] #betaTopIcons a:active,
[data-theme="nature"] #betaTopIcons button:active,
[data-theme="nature"] .sidebar-top-icons .icon-link:active,
[data-theme="nature"] .sidebar-top-icons a:active,
[data-theme="nature"] .sidebar-top-icons button:active {
  background: rgba(5, 150, 105, 0.2) !important;
}

/* Sidebar icon links */
.sidebar .icon-link {
  color: var(--zk-text-muted) !important;
}

.sidebar .icon-link:hover {
  background: var(--zk-yellow) !important;
  color: var(--zk-text-light) !important;
}

.sidebar .icon-link.active {
  background: var(--zk-yellow) !important;
  color: var(--zk-text-light) !important;
}

/* Sidebar toggles */
#sidebarToggles .chevron-btn {
  background: var(--zk-bg-card) !important;
  border-color: var(--zk-border) !important;
  color: var(--zk-yellow) !important;
}

#sidebarToggles .chevron-btn:hover {
  background: var(--zk-yellow) !important;
  color: var(--zk-text-light) !important;
  border-color: var(--zk-yellow) !important;
}

/* TipTap theme toggle button */
#tiptapThemeToggleBtn {
  transition: background 0.2s, color 0.2s, border-color 0.2s;
  background: var(--zk-bg-light) !important;
  border-color: var(--zk-border) !important;
  color: var(--zk-text-muted) !important;
}

#tiptapThemeToggleBtn:hover {
  background: var(--zk-yellow-soft) !important;
  color: var(--zk-yellow) !important;
}

/* Switch buttons */
.zkriva-switch-btn.active,
.btn.zkriva-switch-btn.active,
.btn-light.zkriva-switch-btn.active {
  background: var(--zk-yellow-light) !important;
  border-color: var(--zk-yellow) !important;
  color: var(--zk-text-dark) !important;
}

.zkriva-switch-btn:hover,
.btn.zkriva-switch-btn:hover,
.btn-light.zkriva-switch-btn:hover {
  background: var(--zk-bg-hover) !important;
}

/* Priority switch */
.priority-switch-slider {
  background-color: var(--zk-bg-hover) !important;
  border-color: var(--zk-border) !important;
}

.priority-switch input:checked + .priority-switch-slider {
  background-color: var(--zk-yellow) !important;
}

/* Footer */
footer.bg-body-tertiary {
  background-color: var(--zk-bg-light) !important;
  color: var(--zk-text) !important;
}

footer .text-muted {
  color: var(--zk-text-muted) !important;
}

footer .border-bottom {
  border-bottom-color: var(--zk-border) !important;
}

footer h6 {
  color: var(--zk-text-dark) !important;
}

footer p {
  color: var(--zk-text-muted) !important;
}

.footer-btn {
  color: var(--zk-text) !important;
}

.footer-btn:hover {
  background-color: var(--zk-yellow-soft) !important;
  color: var(--zk-yellow) !important;
}

.footer-lang-separator {
  border-top-color: var(--zk-border) !important;
}

.lang-btn {
  background: var(--zk-bg-card) !important;
  color: var(--zk-text) !important;
  border-color: var(--zk-border) !important;
}

.lang-btn:hover {
  background: var(--zk-yellow-soft) !important;
  border-color: var(--zk-yellow) !important;
}

.lang-btn.active,
.lang-btn:focus {
  background: var(--zk-yellow-soft) !important;
  border-color: var(--zk-yellow) !important;
  color: var(--zk-yellow-dark) !important;
}

.footer-lang-section .lang-btn.active {
  outline-color: var(--zk-yellow) !important;
  background: var(--zk-yellow-soft) !important;
}

/* Footer Stats */
.footer-stats-section {
  background: linear-gradient(180deg, var(--zk-yellow-soft, rgba(242, 209, 35, 0.05)) 0%, transparent 100%);
  border-top-color: rgba(242, 209, 35, 0.15);
}
.footer-stat-item {
  background: var(--zk-bg-card);
  border-color: var(--zk-border);
}
.footer-stat-item:hover {
  background: var(--zk-bg);
}
.footer-stat-value {
  color: var(--zk-text-dark);
}
.footer-stat-label {
  color: var(--zk-text-muted);
}

/* Footer SVG Colors - Light theme (default) */
.footer-svg-dark { fill: #212529; }
.footer-svg-accent { fill: #f2d123; }

/* Dark theme */
[data-theme="dark"] .footer-svg-dark { fill: #e5e7eb; }
[data-theme="dark"] .footer-svg-accent { fill: #f2d123; }

/* Zkriva theme */
[data-theme="zkriva"] .footer-svg-dark { fill: #44403c; }
[data-theme="zkriva"] .footer-svg-accent { fill: #d2b491; }

/* Lilia theme */
[data-theme="lilia"] .footer-svg-dark { fill: #3d2732; }
[data-theme="lilia"] .footer-svg-accent { fill: #d4729c; }

/* Nature theme */
[data-theme="nature"] .footer-svg-dark { fill: #003d2e; }
[data-theme="nature"] .footer-svg-accent { fill: #005c45; }

/* Yellow divider */
.yellow-divider {
  background: linear-gradient(90deg, transparent, var(--zk-yellow), transparent) !important;
}

/* Selection */
::selection {
  background-color: var(--zk-editor-selection) !important;
  color: var(--zk-text-dark) !important;
}

/* Transitions */
body,
.sidebar,
.topbar,
.card,
.modal-content,
.dropdown-menu,
.form-control,
.form-select,
.btn,
.nav-link,
#treeview,
.table,
#main-content,
.main-content {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}

/* ============================================================================
   THEME-SPECIFIC OVERRIDES
   Only for styles that cannot be expressed with CSS variables
   ============================================================================ */

/* Dark theme - images opacity */
[data-theme="dark"] img {
  opacity: 0.92;
}

/* Dark theme - logo invert */
[data-theme="dark"] .navbar-brand img {
  filter: brightness(0) invert(1);
}

/* Modal headers - use theme-specific backgrounds */
.modal-header {
  background: var(--zk-modal-header-bg) !important;
  color: var(--zk-modal-header-text) !important;
  border-bottom: none !important;
}

.modal-header .modal-title {
  color: var(--zk-modal-header-text) !important;
}

.modal-header .btn-close {
  filter: brightness(0) invert(1);
  opacity: 0.8;
}

.modal-header .btn-close:hover {
  opacity: 1;
}

.modal-footer {
  border-top-color: var(--zk-border) !important;
  background: var(--zk-bg-light) !important;
}

/* Note cards - special handling per theme */
.note-card,
.note-card.card,
.card.note-card {
  background: var(--note-bg, #fffbe9) !important;
}

[data-theme="dark"] .note-card,
[data-theme="dark"] .note-card.card,
[data-theme="dark"] .card.note-card {
  background: var(--zk-bg-card) !important;
}

/* Note modal title - transparent background in zkriva */
[data-theme="zkriva"] .note-modal-title,
[data-theme="zkriva"] #note-title.note-modal-title {
  background: transparent !important;
}

/* Zkriva theme - sidebar bottom icons with background */
[data-theme="zkriva"] .sidebar-bottom-icons .icon-link,
[data-theme="zkriva"] .sidebar-bottom-icons a,
[data-theme="zkriva"] .sidebar-bottom-icons button,
[data-theme="zkriva"] .sidebar-bottom-btn,
[data-theme="zkriva"] .logout-btn,
[data-theme="zkriva"] #logoutBtn {
  background: #f0ebe3;
  border: 1px solid #d8d3c8;
  border-radius: 6px;
}

[data-theme="zkriva"] .sidebar-bottom-icons .icon-link:hover,
[data-theme="zkriva"] .sidebar-bottom-icons a:hover,
[data-theme="zkriva"] .sidebar-bottom-icons button:hover {
  background: rgb(215, 210, 195) !important;
  border-color: rgb(180, 175, 160) !important;
}

/* Zkriva parent icon */
[data-theme="zkriva"] .zkriva-parent-icon {
  background: rgb(245, 244, 237) !important;
  border-color: rgba(31, 30, 29, 0.3) !important;
  color: #78350f !important;
}

[data-theme="zkriva"] .zkriva-parent-icon i,
[data-theme="zkriva"] .zkriva-parent-icon .bi {
  color: #78716c !important;
}

/* Logo filters per theme */
html[data-theme="zkriva"] .zkriva-logo-dark,
html[data-theme="zkriva"] #sidebar-mini .sidebar-logo img,
html[data-theme="zkriva"] .sidebar .sidebar-logo img {
  filter: hue-rotate(-15deg) saturate(9.6);
}

html[data-theme="lilia"] .zkriva-logo-dark,
html[data-theme="lilia"] #sidebar-mini .sidebar-logo img,
html[data-theme="lilia"] .sidebar .sidebar-logo img {
  filter: hue-rotate(280deg) saturate(0.6) brightness(1.05);
}

html[data-theme="nature"] .zkriva-logo-dark,
html[data-theme="nature"] #sidebar-mini .sidebar-logo img,
html[data-theme="nature"] .sidebar .sidebar-logo img {
  filter: hue-rotate(92deg) saturate(1.3) brightness(0.55);
}

/* SVG theme-aware images */
img[data-theme-aware].theme-dark {
  /* Inverser les couleurs: noir→blanc, puis hue-rotate pour garder le jaune */
  filter: invert(1) hue-rotate(180deg) saturate(1.5) brightness(1.1);
}

img[data-theme-aware].theme-zkriva {
  filter: sepia(0.3) saturate(1.3) hue-rotate(-10deg);
}

img[data-theme-aware].theme-lilia {
  filter: hue-rotate(-30deg) saturate(1.2);
}

img[data-theme-aware].theme-nature {
  filter: hue-rotate(92deg) saturate(1.3);
}

/* ============================================================================
   DOODLES & SVG - Theme Color Adaptation
   ============================================================================ */

/* Dark theme - Reduced brightness, slight contrast boost */
[data-theme="dark"] .doodle-img,
[data-theme="dark"] .hero-doodle,
[data-theme="dark"] img[src*="/doodles/"],
[data-theme="dark"] .footer-newsletter-doodle,
[data-theme="dark"] .logout-doodle,
[data-theme="dark"] .trash-doodle-img,
[data-theme="dark"] .mode-doodle-img,
[data-theme="dark"] .empty-doodle-img,
[data-theme="dark"] .empty-doodle,
[data-theme="dark"] .title-doodle,
[data-theme="dark"] .note-doodle-hero,
[data-theme="dark"] .trash-doodle-hero,
[data-theme="dark"] .ws-time-doodle,
[data-theme="dark"] .beta-finder-doodle,
[data-theme="dark"] .zkriva-doodle-box img {
  filter: brightness(0.92) contrast(1.05);
}

/* Zkriva theme - Orange/warm tint (#d2b491) */
[data-theme="zkriva"] .doodle-img,
[data-theme="zkriva"] .hero-doodle,
[data-theme="zkriva"] img[src*="/doodles/"],
[data-theme="zkriva"] .footer-newsletter-doodle,
[data-theme="zkriva"] .logout-doodle,
[data-theme="zkriva"] .trash-doodle-img,
[data-theme="zkriva"] .mode-doodle-img,
[data-theme="zkriva"] .empty-doodle-img,
[data-theme="zkriva"] .empty-doodle,
[data-theme="zkriva"] .title-doodle,
[data-theme="zkriva"] .note-doodle-hero,
[data-theme="zkriva"] .trash-doodle-hero,
[data-theme="zkriva"] .ws-time-doodle,
[data-theme="zkriva"] .beta-finder-doodle,
[data-theme="zkriva"] .zkriva-doodle-box img {
  filter: hue-rotate(-15deg) saturate(1.3) brightness(1.02);
}

/* Lilia theme - Pink/rose tint (#d4729c) */
[data-theme="lilia"] .doodle-img,
[data-theme="lilia"] .hero-doodle,
[data-theme="lilia"] img[src*="/doodles/"],
[data-theme="lilia"] .footer-newsletter-doodle,
[data-theme="lilia"] .logout-doodle,
[data-theme="lilia"] .trash-doodle-img,
[data-theme="lilia"] .mode-doodle-img,
[data-theme="lilia"] .empty-doodle-img,
[data-theme="lilia"] .empty-doodle,
[data-theme="lilia"] .title-doodle,
[data-theme="lilia"] .note-doodle-hero,
[data-theme="lilia"] .trash-doodle-hero,
[data-theme="lilia"] .ws-time-doodle,
[data-theme="lilia"] .beta-finder-doodle,
[data-theme="lilia"] .zkriva-doodle-box img {
  filter: hue-rotate(280deg) saturate(0.7) brightness(1.05);
}

/* Nature theme - Green tint (#005c45) */
[data-theme="nature"] .doodle-img,
[data-theme="nature"] .hero-doodle,
[data-theme="nature"] img[src*="/doodles/"],
[data-theme="nature"] .footer-newsletter-doodle,
[data-theme="nature"] .logout-doodle,
[data-theme="nature"] .trash-doodle-img,
[data-theme="nature"] .mode-doodle-img,
[data-theme="nature"] .empty-doodle-img,
[data-theme="nature"] .empty-doodle,
[data-theme="nature"] .title-doodle,
[data-theme="nature"] .note-doodle-hero,
[data-theme="nature"] .trash-doodle-hero,
[data-theme="nature"] .ws-time-doodle,
[data-theme="nature"] .beta-finder-doodle,
[data-theme="nature"] .zkriva-doodle-box img {
  filter: hue-rotate(92deg) saturate(1.1) brightness(0.9);
}

/* SVG inline with CSS variables */
svg.theme-aware path,
svg.theme-aware circle,
svg.theme-aware rect,
svg.theme-aware polygon {
  fill: currentColor;
  transition: fill 0.2s ease;
}

/* Icon SVG filters */
[data-theme="dark"] .icon-svg,
[data-theme="dark"] svg.icon {
  filter: brightness(1.1);
}

[data-theme="zkriva"] .icon-svg,
[data-theme="zkriva"] svg.icon {
  filter: sepia(0.1) saturate(1.15);
}

[data-theme="lilia"] .icon-svg,
[data-theme="lilia"] svg.icon {
  filter: hue-rotate(-10deg) saturate(1.1);
}

[data-theme="nature"] .icon-svg,
[data-theme="nature"] svg.icon {
  filter: hue-rotate(92deg) saturate(1.2);
}

/* Lilia/Nature - Headers transparent (no background) */
/* Headers use transparent background like other themes */

/* Lilia/Nature - nav-pills active uses white text */
[data-theme="lilia"] .nav-pills .nav-link.active,
[data-theme="nature"] .nav-pills .nav-link.active {
  color: #ffffff !important;
}

/* ============================================================================
   DANGER MODALS - STAY RED IN ALL THEMES
   ============================================================================ */

/* Base danger modal styles */
.modal-danger .modal-content,
.modal-delete .modal-content,
[class*="delete"] .modal-content.border-danger,
.confirm-delete-modal .modal-content {
  border: 2px solid #dc3545 !important;
}

.modal-danger .modal-header,
.modal-delete .modal-header,
.modal-header.bg-danger {
  background: linear-gradient(135deg, #dc3545 0%, #c82333 100%) !important;
  color: #ffffff !important;
}

.modal-danger .modal-title,
.modal-delete .modal-title,
.modal-danger .modal-header *,
.modal-delete .modal-header * {
  color: #ffffff !important;
}

.modal-danger .btn-close,
.modal-delete .btn-close {
  filter: brightness(0) invert(1) !important;
}

/* Danger/Delete buttons stay red */
.btn-danger {
  background-color: #dc3545 !important;
  border-color: #dc3545 !important;
  color: #ffffff !important;
}

.btn-danger:hover {
  background-color: #bb2d3b !important;
  border-color: #b02a37 !important;
}

.btn-danger:focus,
.btn-danger:active {
  background-color: #b02a37 !important;
  border-color: #a52834 !important;
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5) !important;
}

/* Outline danger buttons */
.btn-outline-danger {
  color: #dc3545 !important;
  border-color: #dc3545 !important;
}

.btn-outline-danger:hover {
  background-color: #dc3545 !important;
  color: #ffffff !important;
}

/* Danger icons */
.modal-icon-danger,
.delete-icon,
.danger-icon {
  background: rgba(220, 53, 69, 0.1) !important;
}

.modal-icon-danger i,
.delete-icon i,
.danger-icon i {
  color: #dc3545 !important;
}

/* Alert danger stays red */
.alert-danger {
  background-color: #f8d7da !important;
  border-color: #f5c2c7 !important;
  color: #842029 !important;
}

[data-theme="dark"] .alert-danger {
  background-color: rgba(220, 53, 69, 0.15) !important;
  border-color: rgba(220, 53, 69, 0.3) !important;
  color: #f8d7da !important;
}

/* Text danger stays red */
.text-danger {
  color: #dc3545 !important;
}

/* Dark theme danger modal body */
[data-theme="dark"] .modal-danger .modal-content,
[data-theme="dark"] .modal-delete .modal-content {
  background: var(--zk-bg-card) !important;
}

[data-theme="dark"] .modal-danger .modal-body,
[data-theme="dark"] .modal-delete .modal-body {
  background: var(--zk-bg-card) !important;
  color: var(--zk-text) !important;
}

[data-theme="dark"] .modal-danger .modal-footer,
[data-theme="dark"] .modal-delete .modal-footer {
  background: var(--zk-bg-card) !important;
}

/* Danger warning text */
.modal-danger .text-muted,
.modal-delete .text-muted {
  color: #6c757d !important;
}

[data-theme="dark"] .modal-danger .text-muted,
[data-theme="dark"] .modal-delete .text-muted {
  color: var(--zk-text-muted) !important;
}

/* ============================================================================
   HOURGLASS ICONS - Adapted per theme for pending/waiting states
   ============================================================================ */

/* Light theme (default) - Yellow/amber hourglass */
html i.bi-hourglass,
html i.bi-hourglass-split,
html i.bi-hourglass-top,
html i.bi-hourglass-bottom,
html[data-theme="light"] i.bi-hourglass,
html[data-theme="light"] i.bi-hourglass-split,
html[data-theme="light"] i.bi-hourglass-top,
html[data-theme="light"] i.bi-hourglass-bottom {
  color: #e5cdb3 !important;
}

/* Dark theme - Bright yellow hourglass for visibility */
html[data-theme="dark"] i.bi-hourglass,
html[data-theme="dark"] i.bi-hourglass-split,
html[data-theme="dark"] i.bi-hourglass-top,
html[data-theme="dark"] i.bi-hourglass-bottom {
  color: #fbbf24 !important;
}

/* Zkriva theme - Warm amber/orange hourglass */
html[data-theme="zkriva"] i.bi-hourglass,
html[data-theme="zkriva"] i.bi-hourglass-split,
html[data-theme="zkriva"] i.bi-hourglass-top,
html[data-theme="zkriva"] i.bi-hourglass-bottom {
  color: #d2b491 !important;
}

/* Lilia theme - Rose/pink hourglass */
html[data-theme="lilia"] i.bi-hourglass,
html[data-theme="lilia"] i.bi-hourglass-split,
html[data-theme="lilia"] i.bi-hourglass-top,
html[data-theme="lilia"] i.bi-hourglass-bottom {
  color: #d4729c !important;
}

/* Nature theme - Green hourglass */
html[data-theme="nature"] i.bi-hourglass,
html[data-theme="nature"] i.bi-hourglass-split,
html[data-theme="nature"] i.bi-hourglass-top,
html[data-theme="nature"] i.bi-hourglass-bottom {
  color: #059669 !important;
}

/* ============================================================================
   NOTE ICON PICKER - Theme adaptations
   ============================================================================ */

/* Light theme (default) */
.note-icon-picker-flyout {
  background: var(--zk-bg-card, #fff);
  border-color: var(--zk-border, #e5e7eb);
}

.nip-header {
  background: var(--zk-bg-card, #fff);
  border-bottom-color: var(--zk-border-light, #f0f0f0);
}

.nip-title {
  color: var(--zk-text, #374151);
}

.nip-recent {
  border-top-color: var(--zk-border-light, #f0f0f0);
}

.nip-recent-label {
  color: var(--zk-text-secondary, #9ca3af);
}

.nip-grid {
  background: var(--zk-bg-card, #fff);
}

.nip-grid .ico,
.nip-recent-icons .ico {
  color: var(--zk-text-muted, #4b5563);
}

.nip-grid .ico:hover,
.nip-recent-icons .ico:hover {
  background: var(--zk-bg-hover, #f3f4f6);
  color: var(--zk-text, #1f2937);
}

/* Active state - per theme */
.nip-grid .ico.active {
  background: var(--zk-yellow, #f2d123) !important;
  color: var(--zk-text-dark, #1f2937) !important;
}

.nip-grid .ico.active:hover {
  background: var(--zk-yellow-dark, #e6c200) !important;
}

/* Dark theme */
[data-theme="dark"] .note-icon-picker-flyout {
  background: var(--zk-bg-card);
  border-color: var(--zk-border);
  box-shadow: 0 8px 32px rgba(0,0,0,0.4), 0 2px 8px rgba(0,0,0,0.3);
}

[data-theme="dark"] .nip-header {
  background: var(--zk-bg-card);
}

[data-theme="dark"] .nip-grid {
  background: var(--zk-bg-card);
}

[data-theme="dark"] .nip-search input {
  background: var(--zk-bg-input);
  border-color: var(--zk-border-input);
  color: var(--zk-text);
}

[data-theme="dark"] .nip-search input:placeholder-shown {
  background: rgba(242, 209, 35, 0.15);
}

[data-theme="dark"] .nip-grid .ico.active {
  background: #f2d123 !important;
  color: #1f2937 !important;
}

/* Zkriva theme */
[data-theme="zkriva"] .nip-grid .ico.active {
  background: #d2b491 !important;
  color: #fff !important;
}

[data-theme="zkriva"] .nip-grid .ico.active:hover {
  background: #b89a73 !important;
}

[data-theme="zkriva"] .nip-search input:placeholder-shown {
  background: rgba(210, 180, 145, 0.1);
}

/* Lilia theme */
[data-theme="lilia"] .nip-grid .ico.active {
  background: #d4729c !important;
  color: #fff !important;
}

[data-theme="lilia"] .nip-grid .ico.active:hover {
  background: #c45d8a !important;
}

[data-theme="lilia"] .nip-search input:placeholder-shown {
  background: rgba(212, 114, 156, 0.1);
}

/* Nature theme */
[data-theme="nature"] .nip-grid .ico.active {
  background: #059669 !important;
  color: #fff !important;
}

[data-theme="nature"] .nip-grid .ico.active:hover {
  background: #047857 !important;
}

[data-theme="nature"] .nip-search input:placeholder-shown {
  background: rgba(5, 150, 105, 0.1);
}

/* ============================================================================
   NOTE MODAL TITLE & CONTENT - Theme adaptations
   ============================================================================ */

/* Base/Light theme */
.note-modal-title,
.note-modal-content,
#note-title {
  background: transparent !important;
  color: var(--zk-text-dark, #222) !important;
}

.note-modal-title::placeholder,
#note-title::placeholder {
  color: var(--zk-text-muted, #999) !important;
}

/* Dark theme */
[data-theme="dark"] .note-modal,
[data-theme="dark"] .note-modal-inner {
  background: var(--note-bg, var(--zk-bg-card, #1a1a1a)) !important;
  border-color: var(--zk-border, #333) !important;
}

[data-theme="dark"] .note-modal-title,
[data-theme="dark"] .note-modal-content,
[data-theme="dark"] #note-title {
  background: transparent !important;
  color: #fff !important;
}

[data-theme="dark"] .note-modal-title::placeholder,
[data-theme="dark"] #note-title::placeholder {
  color: #9ca3af !important;
}

[data-theme="dark"] .note-modal-footer {
  background: var(--zk-bg-card, #1a1a1a) !important;
}

[data-theme="dark"] .note-modal-close {
  color: #9ca3af !important;
}

[data-theme="dark"] .note-modal-close:hover {
  color: #ff432e !important;
}

[data-theme="dark"] .nmf-btn {
  color: #e5e5e5 !important;
}

[data-theme="dark"] .nmf-btn:hover {
  background: rgba(242, 209, 35, 0.15) !important;
  color: #f2d123 !important;
}

/* Zkriva theme */
[data-theme="zkriva"] .note-modal,
[data-theme="zkriva"] .note-modal-inner {
  background: var(--note-bg, #fffffe) !important;
  border-color: #e7e5e4 !important;
}

[data-theme="zkriva"] .note-modal-title,
[data-theme="zkriva"] .note-modal-content,
[data-theme="zkriva"] #note-title {
  background: transparent !important;
  color: #1c1917 !important;
}

[data-theme="zkriva"] .note-modal-title::placeholder,
[data-theme="zkriva"] #note-title::placeholder {
  color: #78716c !important;
}

[data-theme="zkriva"] .nmf-btn:hover {
  background: rgba(210, 180, 145, 0.12) !important;
  color: #d2b491 !important;
}

/* Lilia theme */
[data-theme="lilia"] .note-modal,
[data-theme="lilia"] .note-modal-inner {
  background: var(--note-bg, #fffbfd) !important;
  border-color: #f0dce4 !important;
}

[data-theme="lilia"] .note-modal-title,
[data-theme="lilia"] .note-modal-content,
[data-theme="lilia"] #note-title {
  background: transparent !important;
  color: #3d2732 !important;
}

[data-theme="lilia"] .note-modal-title::placeholder,
[data-theme="lilia"] #note-title::placeholder {
  color: #8b6b78 !important;
}

[data-theme="lilia"] .nmf-btn:hover {
  background: rgba(212, 114, 156, 0.12) !important;
  color: #d4729c !important;
}

/* Nature theme */
[data-theme="nature"] .note-modal,
[data-theme="nature"] .note-modal-inner {
  background: var(--note-bg, #fafffe) !important;
  border-color: #a8e6cf !important;
}

[data-theme="nature"] .note-modal-title,
[data-theme="nature"] .note-modal-content,
[data-theme="nature"] #note-title {
  background: transparent !important;
  color: #003d2e !important;
}

[data-theme="nature"] .note-modal-title::placeholder,
[data-theme="nature"] #note-title::placeholder {
  color: #2d8a6e !important;
}

[data-theme="nature"] .nmf-btn:hover {
  background: rgba(5, 150, 105, 0.12) !important;
  color: #059669 !important;
}

/* ============================================================================
   SETTINGS DIVIDER - Theme adaptations
   ============================================================================ */

/* Base style */
.settings-divider {
  height: 2px;
  border: none;
  border-radius: 2px;
  background: linear-gradient(90deg, transparent, var(--zk-yellow, #f2d123), transparent);
}

/* Light theme (default) */
:root .settings-divider,
[data-theme="light"] .settings-divider {
  background: linear-gradient(90deg, transparent, #f2d123, transparent);
}

/* Dark theme */
[data-theme="dark"] .settings-divider {
  background: linear-gradient(90deg, transparent, #f2d123, transparent);
}

/* Zkriva theme - Orange */
[data-theme="zkriva"] .settings-divider {
  background: linear-gradient(90deg, transparent, #d2b491, transparent);
}

/* Lilia theme - Rose */
[data-theme="lilia"] .settings-divider {
  background: linear-gradient(90deg, transparent, #d4729c, transparent);
}

/* Nature theme - Green */
[data-theme="nature"] .settings-divider {
  background: linear-gradient(90deg, transparent, #059669, transparent);
}

/* ============================================================================
   ZKRIVA PARENT ICON - Theme adaptations (Notes, Explorer headers)
   ============================================================================ */

/* Light theme (default) */
.zkriva-parent-icon {
  background: var(--zk-bg-light, #f7f9fc) !important;
  border: 1px solid var(--zk-border, #e5e7eb) !important;
}

.zkriva-parent-icon i {
  color: var(--zk-text-muted, #6b7280) !important;
}

/* Dark theme */
[data-theme="dark"] .zkriva-parent-icon {
  background: #2a2a2a !important;
  border-color: #404040 !important;
}

[data-theme="dark"] .zkriva-parent-icon i {
  color: #f2d123 !important;
}

/* Zkriva theme */
[data-theme="zkriva"] .zkriva-parent-icon {
  background: #f0ebe3 !important;
  border-color: rgba(210, 180, 145, 0.3) !important;
}

[data-theme="zkriva"] .zkriva-parent-icon i {
  color: #d2b491 !important;
}

/* Lilia theme */
[data-theme="lilia"] .zkriva-parent-icon {
  background: #fdf2f7 !important;
  border-color: rgba(212, 114, 156, 0.3) !important;
}

[data-theme="lilia"] .zkriva-parent-icon i {
  color: #d4729c !important;
}

/* Nature theme */
[data-theme="nature"] .zkriva-parent-icon {
  background: #ecfdf5 !important;
  border-color: rgba(5, 150, 105, 0.3) !important;
}

[data-theme="nature"] .zkriva-parent-icon i {
  color: #059669 !important;
}

/* ============================================================================
   ZKRIVA ADD BUTTON (.zkriva-add-btn) - Theme adaptations
   ============================================================================ */

/* Light theme - stays dark */
.zkriva-add-btn.btn-dark {
  background: #111827 !important;
  border-color: #111827 !important;
  color: #fff !important;
}

.zkriva-add-btn.btn-dark:hover {
  background: #1f2937 !important;
  border-color: #1f2937 !important;
}

/* Dark theme - Yellow accent */
[data-theme="dark"] .zkriva-add-btn.btn-dark {
  background: #f2d123 !important;
  border-color: #f2d123 !important;
  color: #111 !important;
}

[data-theme="dark"] .zkriva-add-btn.btn-dark:hover {
  background: #d9bb1f !important;
  border-color: #d9bb1f !important;
}

/* Zkriva theme - Orange */
[data-theme="zkriva"] .zkriva-add-btn.btn-dark {
  background: #d2b491 !important;
  border-color: #d2b491 !important;
  color: #fff !important;
}

[data-theme="zkriva"] .zkriva-add-btn.btn-dark:hover {
  background: #b89a73 !important;
  border-color: #b89a73 !important;
}

/* Lilia theme - Rose */
[data-theme="lilia"] .zkriva-add-btn.btn-dark {
  background: #d4729c !important;
  border-color: #d4729c !important;
  color: #fff !important;
}

[data-theme="lilia"] .zkriva-add-btn.btn-dark:hover {
  background: #c45d8a !important;
  border-color: #c45d8a !important;
}

/* Nature theme - Green */
[data-theme="nature"] .zkriva-add-btn.btn-dark {
  background: #059669 !important;
  border-color: #059669 !important;
  color: #fff !important;
}

[data-theme="nature"] .zkriva-add-btn.btn-dark:hover {
  background: #047857 !important;
  border-color: #047857 !important;
}

/* ============================================================================
   EXPLORER EMPTY STATE - Theme adaptations
   ============================================================================ */

/* Element header icon - Same style as .zkriva-parent-icon */
.element-header-icon {
  background: var(--zk-bg-light, #fff8e1) !important;
  border: 1px solid var(--zk-border, #f2d12361) !important;
  border-radius: 12px !important;
  width: 64px !important;
  height: 82px !important;
  min-width: 64px !important;
  min-height: 82px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.element-header-icon i,
.element-header-icon .explore-empty-icon {
  font-size: 2.6em !important;
  color: var(--zk-text-muted, #6b7280) !important;
}

/* Explorer empty state - Title and meta (same as zkriva-header) */
.explore-empty-title {
  font-size: 2.35rem !important;
  font-weight: 500 !important;
  line-height: 1.02 !important;
  letter-spacing: -1px !important;
  margin-bottom: 0.18em !important;
  color: var(--zk-text-dark, #23262b) !important;
}

.explore-empty-meta {
  font-size: 0.95rem !important;
  color: var(--zk-text-muted, #6b7280) !important;
}

/* Dark theme */
[data-theme="dark"] .element-header-icon {
  background: #2a2a2a !important;
  border-color: #404040 !important;
}

[data-theme="dark"] .element-header-icon i,
[data-theme="dark"] .element-header-icon .explore-empty-icon {
  color: #f2d123 !important;
}

[data-theme="dark"] .explore-empty-title {
  color: #fff !important;
}

[data-theme="dark"] .explore-empty-meta {
  color: #9ca3af !important;
}

/* Zkriva theme */
[data-theme="zkriva"] .element-header-icon {
  background: #fef7ed !important;
  border-color: rgba(210, 180, 145, 0.3) !important;
}

[data-theme="zkriva"] .element-header-icon i,
[data-theme="zkriva"] .element-header-icon .explore-empty-icon {
  color: #d2b491 !important;
}

[data-theme="zkriva"] .explore-empty-title {
  color: #1c1917 !important;
}

[data-theme="zkriva"] .explore-empty-meta {
  color: #78716c !important;
}

/* Lilia theme */
[data-theme="lilia"] .element-header-icon {
  background: #fdf2f7 !important;
  border-color: rgba(212, 114, 156, 0.3) !important;
}

[data-theme="lilia"] .element-header-icon i,
[data-theme="lilia"] .element-header-icon .explore-empty-icon {
  color: #d4729c !important;
}

[data-theme="lilia"] .explore-empty-title {
  color: #3d2732 !important;
}

[data-theme="lilia"] .explore-empty-meta {
  color: #8b6b78 !important;
}

/* Nature theme */
[data-theme="nature"] .element-header-icon {
  background: #ecfdf5 !important;
  border-color: rgba(5, 150, 105, 0.3) !important;
}

[data-theme="nature"] .element-header-icon i,
[data-theme="nature"] .element-header-icon .explore-empty-icon {
  color: #059669 !important;
}

[data-theme="nature"] .explore-empty-title {
  color: #003d2e !important;
}

[data-theme="nature"] .explore-empty-meta {
  color: #2d8a6e !important;
}

/* ============================================================================
   EXPLORER EMPTY ALERT - Theme adaptations
   ============================================================================ */

/* Base/Light theme */
.explore-empty-alert {
  background: var(--zk-bg-light, #f8f9fa) !important;
  border: 1px solid var(--zk-border, #e5e7eb) !important;
  color: var(--zk-text, #374151) !important;
}

.explore-empty-alert-icon {
  color: var(--zk-text-muted, #6b7280) !important;
  font-size: 2rem;
}

.explore-empty-alert-title {
  color: var(--zk-text-dark, #111827) !important;
}

/* Dark theme */
[data-theme="dark"] .explore-empty-alert {
  background: #1a1a1a !important;
  border-color: #333 !important;
  color: #e5e5e5 !important;
}

[data-theme="dark"] .explore-empty-alert-icon {
  color: #f2d123 !important;
}

[data-theme="dark"] .explore-empty-alert-title {
  color: #fff !important;
}

[data-theme="dark"] .explore-empty-alert .text-muted,
[data-theme="dark"] .explore-info-block .text-muted {
  color: #9ca3af !important;
}

/* Zkriva theme */
[data-theme="zkriva"] .explore-empty-alert {
  background: #fef7ed !important;
  border-color: rgba(210, 180, 145, 0.2) !important;
  color: #1c1917 !important;
}

[data-theme="zkriva"] .explore-empty-alert-icon {
  color: #d2b491 !important;
}

[data-theme="zkriva"] .explore-empty-alert-title {
  color: #1c1917 !important;
}

/* Lilia theme */
[data-theme="lilia"] .explore-empty-alert {
  background: #fdf2f7 !important;
  border-color: rgba(212, 114, 156, 0.2) !important;
  color: #3d2732 !important;
}

[data-theme="lilia"] .explore-empty-alert-icon {
  color: #d4729c !important;
}

[data-theme="lilia"] .explore-empty-alert-title {
  color: #3d2732 !important;
}

/* Nature theme */
[data-theme="nature"] .explore-empty-alert {
  background: #ecfdf5 !important;
  border-color: rgba(5, 150, 105, 0.2) !important;
  color: #003d2e !important;
}

[data-theme="nature"] .explore-empty-alert-icon {
  color: #059669 !important;
}

[data-theme="nature"] .explore-empty-alert-title {
  color: #003d2e !important;
}

/* ============================================================================
   EXPLORER INFO BLOCK - Theme adaptations (alert-light in empty state)
   ============================================================================ */

/* Base/Light theme */
.explore-info-block {
  background: var(--zk-bg-light, #f8f9fa) !important;
  border-color: var(--zk-border, #e5e7eb) !important;
  color: var(--zk-text, #374151) !important;
}

.explore-info-icon {
  color: var(--zk-text-muted, #6b7280) !important;
}

/* Dark theme */
[data-theme="dark"] .explore-info-block {
  background: #1a1a1a !important;
  border-color: #333 !important;
  color: #e5e5e5 !important;
}

[data-theme="dark"] .explore-info-icon {
  color: #f2d123 !important;
}

/* Zkriva theme */
[data-theme="zkriva"] .explore-info-block {
  background: #faf8f5 !important;
  border-color: #e7e5e4 !important;
  color: #1c1917 !important;
}

[data-theme="zkriva"] .explore-info-icon {
  color: #d2b491 !important;
}

/* Lilia theme */
[data-theme="lilia"] .explore-info-block {
  background: #fff9fb !important;
  border-color: #f0dce4 !important;
  color: #3d2732 !important;
}

[data-theme="lilia"] .explore-info-icon {
  color: #d4729c !important;
}

/* Nature theme */
[data-theme="nature"] .explore-info-block {
  background: #f7fef9 !important;
  border-color: #a8e6cf !important;
  color: #003d2e !important;
}

[data-theme="nature"] .explore-info-icon {
  color: #059669 !important;
}

/* ============================================================================
   ZKRIVA LIST HEADER & ROW HOVER - Theme adaptations (Explorer Liste)
   ============================================================================ */

/* Base/Light theme */
.zkriva-list-header {
  background: var(--zk-bg-light, #f8f9fa) !important;
  border-bottom: 1px solid var(--zk-border, #e5e7eb) !important;
  color: var(--zk-text-muted, #6b7280) !important;
}

/* List row hover */
.zkriva-list-row:hover,
.explorer-list-item:hover {
  background: var(--zk-bg-hover, #f3f4f6) !important;
}

/* Dark theme */
[data-theme="dark"] .zkriva-list-header {
  background: #1a1a1a !important;
  border-bottom-color: #333 !important;
  color: #9ca3af !important;
}

[data-theme="dark"] .zkriva-list-row:hover,
[data-theme="dark"] .explorer-list-item:hover {
  background: #262626 !important;
}

/* Zkriva theme */
[data-theme="zkriva"] .zkriva-list-header {
  background: rgba(210, 180, 145, 0.12) !important;
  border-bottom-color: #d2b491 !important;
  color: #78716c !important;
}

[data-theme="zkriva"] .zkriva-list-row:hover,
[data-theme="zkriva"] .explorer-list-item:hover {
  background: rgba(210, 180, 145, 0.08) !important;
}

/* Lilia theme */
[data-theme="lilia"] .zkriva-list-header {
  background: #f9eef2 !important;
  border-bottom-color: #f0dce4 !important;
  color: #8b6b78 !important;
}

[data-theme="lilia"] .zkriva-list-row:hover,
[data-theme="lilia"] .explorer-list-item:hover {
  background: rgba(212, 114, 156, 0.08) !important;
}

/* Nature theme */
[data-theme="nature"] .zkriva-list-header {
  background: #f7fef9 !important;
  border-bottom-color: #a8e6cf !important;
  color: #2d8a6e !important;
}

[data-theme="nature"] .zkriva-list-row:hover,
[data-theme="nature"] .explorer-list-item:hover {
  background: rgba(5, 150, 105, 0.08) !important;
}

/* ============================================================================
   BOOTSTRAP CLASSES - Adaptation aux couleurs du thème
   ============================================================================ */

/* Alertes - Forcer les couleurs du thème */
.alert-info {
  color: var(--bs-info-text-emphasis) !important;
  background-color: var(--bs-info-bg-subtle) !important;
  border-color: var(--bs-info-border-subtle) !important;
  border-left-width: 3px !important;
}

.alert-success {
  color: var(--bs-success-text-emphasis) !important;
  background-color: var(--bs-success-bg-subtle) !important;
  border-color: var(--bs-success-border-subtle) !important;
  border-left-width: 3px !important;
}

.alert-warning {
  color: var(--bs-warning-text-emphasis) !important;
  background-color: var(--bs-warning-bg-subtle) !important;
  border-color: var(--bs-warning-border-subtle) !important;
  border-left-width: 3px !important;
}

.alert-danger {
  color: var(--bs-danger-text-emphasis) !important;
  background-color: var(--bs-danger-bg-subtle) !important;
  border-color: var(--bs-danger-border-subtle) !important;
  border-left-width: 3px !important;
}

/* Icônes dans les alertes */
.alert .bi {
  opacity: 0.9;
}

/* Texte avec couleur principale du thème */
.text-primary {
  color: var(--zk-yellow) !important;
}

.text-success {
  color: var(--zk-yellow) !important;
}

/* Fond avec couleur principale du thème */
.bg-primary {
  background-color: var(--zk-yellow) !important;
}

.bg-success {
  background-color: var(--zk-yellow) !important;
}

/* Progress bar */
.progress-bar.bg-success {
  background-color: var(--zk-yellow) !important;
}

/* Boutons */
.btn-outline-success {
  color: var(--zk-yellow) !important;
  border-color: var(--zk-yellow) !important;
  background-color: transparent !important;
}

.btn-outline-success:hover,
.btn-outline-success:focus {
  color: var(--zk-btn-primary-text) !important;
  background-color: var(--zk-yellow) !important;
  border-color: var(--zk-yellow) !important;
}

/* Spinner avec couleur du thème */
.spinner-border.text-success {
  color: var(--zk-yellow) !important;
  border-color: currentColor transparent transparent transparent !important;
}

.spinner-border.text-primary {
  color: var(--zk-yellow) !important;
  border-color: currentColor transparent transparent transparent !important;
}

/* ============================================================================
   MENU DANGER - Rouge dans tous les thèmes
   Pour data-action="delete" et .menu-item.danger
   ============================================================================ */
.menu-item.danger,
.context-menu-item.danger,
.context-menu-item.text-danger,
[data-action="delete"].menu-item,
[data-action="delete"].context-menu-item {
  color: var(--zk-danger) !important;
  font-weight: 500;
}

.menu-item.danger i,
.context-menu-item.danger i,
.context-menu-item.text-danger i,
[data-action="delete"].menu-item i,
[data-action="delete"].context-menu-item i {
  color: var(--zk-danger) !important;
}

.menu-item.danger:hover,
.context-menu-item.danger:hover,
.context-menu-item.text-danger:hover,
[data-action="delete"].menu-item:hover,
[data-action="delete"].context-menu-item:hover {
  background: var(--zk-danger-bg) !important;
  color: var(--zk-danger) !important;
}