/**
 * AllAI Themes — Teme vizuale multiple pentru platforma AllAI
 * Fiecare temă suprascrie variabilele CSS din allai-theme.css (Amethyst = default)
 *
 * Teme disponibile: amethyst (default), neural-glass, quantum-grid, aurora-borealis, neon-pulse
 * Selector: [data-ui-theme="tema"][data-bs-theme="light|dark"]
 *
 * Ultima modificare: 2026-02-19 05:30
 * Modificari:
 *   2026-02-19 05:30 — Neon Pulse: Rajdhani → Outfit (bold vizibil), Quantum Grid: font-weight fix, font mai mare global
 *   2026-02-17 20:00 — Fix SweetAlert2 transparent pe temele noi: adăugat .swal2-popup + .swal2-input la override-urile fundal solid
 *   2026-02-17 18:45 — Fix emoji-uri sidebar: brightness/contrast pe temele cu emoji, hover+active states
 *   2026-02-17 18:30 — Adăugat .dropdown-menu la override-urile fundal solid, fix transparență meniuri
 *   2026-02-17 03:30 — Creare inițială cu 4 teme: Neural Glass, Quantum Grid, Aurora Borealis, Neon Pulse
 */

/* ==========================================================================
   NEURAL GLASS — LIGHT MODE
   Font: Outfit | Stil: Glassmorphism, rounded, violet/magenta
   ========================================================================== */

[data-ui-theme="neural-glass"][data-bs-theme="light"] {
    /* Fonturi */
    --allai-font-primary: 'Outfit', 'Sora', -apple-system, sans-serif;
    --allai-font-mono: 'Sora', 'Consolas', monospace;

    /* Brand */
    --allai-primary: #6a4ce0;
    --allai-primary-rgb: 106, 76, 224;
    --allai-primary-hover: #5a3cd0;
    --allai-primary-light: rgba(106, 76, 224, 0.08);
    --allai-primary-glow: rgba(106, 76, 224, 0.25);
    --allai-primary-gradient: linear-gradient(135deg, #6a4ce0 0%, #b040e0 100%);

    /* Backgrounds */
    --allai-bg-body: #f6f4fa;
    --allai-bg-sidebar: #1e1240;
    --allai-bg-card: rgba(255, 255, 255, 0.75);
    --allai-bg-input: #eeecf5;
    --allai-bg-input-focus: #e8e5f0;
    --allai-bg-hover: #f0eef8;
    --allai-bg-elevated: #ffffff;

    /* Borders */
    --allai-border: rgba(100, 70, 200, 0.12);
    --allai-border-light: rgba(100, 70, 200, 0.06);

    /* Text */
    --allai-text-primary: #1a1626;
    --allai-text-secondary: #6a6280;
    --allai-text-muted: #9a92b0;
    --allai-text-inverse: #ffffff;

    /* Sidebar */
    --allai-sidebar-bg: #1e1240;
    --allai-sidebar-border: rgba(124, 92, 252, 0.08);
    --allai-sidebar-item-hover: rgba(255, 255, 255, 0.08);
    --allai-sidebar-item-active-bg: rgba(255, 255, 255, 0.15);
    --allai-sidebar-item-active-text: #ffffff;
    --allai-sidebar-text: rgba(255, 255, 255, 0.7);
    --allai-sidebar-icon: rgba(255, 255, 255, 0.5);

    /* Top bar */
    --allai-topbar-bg: rgba(246, 244, 250, 0.75);
    --allai-topbar-border: rgba(100, 70, 200, 0.08);

    /* Shadows */
    --allai-shadow-sm: 0 1px 3px rgba(106, 76, 224, 0.05);
    --allai-shadow-md: 0 4px 12px rgba(106, 76, 224, 0.08);
    --allai-shadow-lg: 0 8px 30px rgba(106, 76, 224, 0.1);
    --allai-shadow-card: 0 2px 8px rgba(106, 76, 224, 0.06);
    --allai-shadow-card-hover: 0 8px 25px rgba(106, 76, 224, 0.12);
    --allai-shadow-sidebar: 2px 0 12px rgba(30, 18, 64, 0.15);
    --allai-shadow-topbar: 0 1px 3px rgba(106, 76, 224, 0.05);

    /* Border radius — mai mare, glassmorphism feel */
    --allai-radius-xs: 8px;
    --allai-radius-sm: 12px;
    --allai-radius-md: 16px;
    --allai-radius-lg: 20px;
    --allai-radius-xl: 24px;

    /* Status colors */
    --allai-success: #20c080;
    --allai-success-light: rgba(32, 192, 128, 0.1);
    --allai-warning: #d0a020;
    --allai-warning-light: rgba(208, 160, 32, 0.1);
    --allai-danger: #e04060;
    --allai-danger-light: rgba(224, 64, 96, 0.1);
    --allai-info: #6a4ce0;
    --allai-info-light: rgba(106, 76, 224, 0.1);
}

/* ==========================================================================
   NEURAL GLASS — DARK MODE
   ========================================================================== */

[data-ui-theme="neural-glass"][data-bs-theme="dark"] {
    /* Fonturi */
    --allai-font-primary: 'Outfit', 'Sora', -apple-system, sans-serif;
    --allai-font-mono: 'Sora', 'Consolas', monospace;

    /* Brand */
    --allai-primary: #7c5cfc;
    --allai-primary-rgb: 124, 92, 252;
    --allai-primary-hover: #9070ff;
    --allai-primary-light: rgba(124, 92, 252, 0.12);
    --allai-primary-glow: rgba(124, 92, 252, 0.3);
    --allai-primary-gradient: linear-gradient(135deg, #7c5cfc 0%, #c84cfa 100%);

    /* Backgrounds */
    --allai-bg-body: #0c0a14;
    --allai-bg-sidebar: #0a0812;
    --allai-bg-card: rgba(18, 14, 32, 0.65);
    --allai-bg-input: rgba(20, 16, 36, 0.8);
    --allai-bg-input-focus: rgba(28, 22, 48, 0.9);
    --allai-bg-hover: rgba(124, 92, 252, 0.06);
    --allai-bg-elevated: rgba(20, 16, 36, 0.6);

    /* Borders */
    --allai-border: rgba(124, 92, 252, 0.1);
    --allai-border-light: rgba(124, 92, 252, 0.06);

    /* Text */
    --allai-text-primary: #e8e4f0;
    --allai-text-secondary: #8a80a0;
    --allai-text-muted: #6a6280;
    --allai-text-inverse: #0c0a14;

    /* Sidebar */
    --allai-sidebar-bg: rgba(10, 8, 18, 0.85);
    --allai-sidebar-border: rgba(124, 92, 252, 0.06);
    --allai-sidebar-item-hover: rgba(124, 92, 252, 0.08);
    --allai-sidebar-item-active-bg: rgba(124, 92, 252, 0.15);
    --allai-sidebar-item-active-text: #c8b4ff;
    --allai-sidebar-text: rgba(232, 228, 240, 0.6);
    --allai-sidebar-icon: rgba(232, 228, 240, 0.4);

    /* Top bar */
    --allai-topbar-bg: rgba(12, 10, 20, 0.75);
    --allai-topbar-border: rgba(124, 92, 252, 0.08);

    /* Shadows */
    --allai-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3);
    --allai-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.4);
    --allai-shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.5);
    --allai-shadow-card: 0 2px 8px rgba(0, 0, 0, 0.2), 0 0 1px rgba(124, 92, 252, 0.08);
    --allai-shadow-card-hover: 0 8px 25px rgba(124, 92, 252, 0.2);
    --allai-shadow-sidebar: 2px 0 12px rgba(0, 0, 0, 0.3);
    --allai-shadow-topbar: 0 1px 3px rgba(0, 0, 0, 0.3);

    /* Border radius */
    --allai-radius-xs: 8px;
    --allai-radius-sm: 12px;
    --allai-radius-md: 16px;
    --allai-radius-lg: 20px;
    --allai-radius-xl: 24px;

    /* Status colors */
    --allai-success: #4ce8a8;
    --allai-success-light: rgba(76, 232, 168, 0.15);
    --allai-warning: #ffc84c;
    --allai-warning-light: rgba(255, 200, 76, 0.15);
    --allai-danger: #ff5c7c;
    --allai-danger-light: rgba(255, 92, 124, 0.15);
    --allai-info: #7c5cfc;
    --allai-info-light: rgba(124, 92, 252, 0.15);

    /* Override Bootstrap dark */
    --bs-body-bg: var(--allai-bg-body);
    --bs-body-color: var(--allai-text-primary);
    --bs-card-bg: var(--allai-bg-card);
    --bs-border-color: var(--allai-border);
    --bs-primary: #7c5cfc;
    --bs-primary-rgb: 124, 92, 252;
}


/* ==========================================================================
   QUANTUM GRID — LIGHT MODE
   Font: Manrope + JetBrains Mono | Stil: Terminal, sharp corners, teal
   ========================================================================== */

[data-ui-theme="quantum-grid"][data-bs-theme="light"] {
    /* Fonturi — Outfit pentru body (bold vizibil), JetBrains Mono pentru terminal elements */
    --allai-font-primary: 'Outfit', -apple-system, sans-serif;
    --allai-font-mono: 'JetBrains Mono', 'Fira Code', monospace;

    /* Brand */
    --allai-primary: #00a88a;
    --allai-primary-rgb: 0, 168, 138;
    --allai-primary-hover: #008870;
    --allai-primary-light: rgba(0, 168, 138, 0.06);
    --allai-primary-glow: rgba(0, 168, 138, 0.2);
    --allai-primary-gradient: linear-gradient(135deg, #00a88a 0%, #00dcb4 100%);

    /* Backgrounds */
    --allai-bg-body: #f4f6f5;
    --allai-bg-sidebar: #0e1218;
    --allai-bg-card: rgba(255, 255, 255, 0.92);
    --allai-bg-input: #eef0ef;
    --allai-bg-input-focus: #e6e8e7;
    --allai-bg-hover: rgba(0, 168, 138, 0.04);
    --allai-bg-elevated: #ffffff;

    /* Borders */
    --allai-border: rgba(0, 168, 138, 0.1);
    --allai-border-light: rgba(0, 168, 138, 0.05);

    /* Text */
    --allai-text-primary: #0a1612;
    --allai-text-secondary: #4a6a5e;
    --allai-text-muted: #7a9a8e;
    --allai-text-inverse: #ffffff;

    /* Sidebar */
    --allai-sidebar-bg: #0e1218;
    --allai-sidebar-border: rgba(0, 220, 180, 0.06);
    --allai-sidebar-item-hover: rgba(0, 220, 180, 0.08);
    --allai-sidebar-item-active-bg: rgba(0, 220, 180, 0.12);
    --allai-sidebar-item-active-text: #00dcb4;
    --allai-sidebar-text: rgba(255, 255, 255, 0.6);
    --allai-sidebar-icon: rgba(255, 255, 255, 0.4);

    /* Top bar */
    --allai-topbar-bg: rgba(244, 246, 245, 0.8);
    --allai-topbar-border: rgba(0, 168, 138, 0.08);

    /* Shadows */
    --allai-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);
    --allai-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.06);
    --allai-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.08);
    --allai-shadow-card: 0 1px 3px rgba(0, 0, 0, 0.04);
    --allai-shadow-card-hover: 0 4px 16px rgba(0, 168, 138, 0.1);
    --allai-shadow-sidebar: 2px 0 8px rgba(0, 0, 0, 0.1);
    --allai-shadow-topbar: 0 1px 2px rgba(0, 0, 0, 0.04);

    /* Border radius — mic, ascuțit, terminal feel */
    --allai-radius-xs: 2px;
    --allai-radius-sm: 3px;
    --allai-radius-md: 4px;
    --allai-radius-lg: 4px;
    --allai-radius-xl: 6px;

    /* Status colors */
    --allai-success: #20b060;
    --allai-success-light: rgba(32, 176, 96, 0.1);
    --allai-warning: #c0a020;
    --allai-warning-light: rgba(192, 160, 32, 0.1);
    --allai-danger: #d03050;
    --allai-danger-light: rgba(208, 48, 80, 0.1);
    --allai-info: #3088d0;
    --allai-info-light: rgba(48, 136, 208, 0.1);
}

/* ==========================================================================
   QUANTUM GRID — DARK MODE
   ========================================================================== */

[data-ui-theme="quantum-grid"][data-bs-theme="dark"] {
    /* Fonturi — Outfit pentru body (bold vizibil), JetBrains Mono pentru terminal elements */
    --allai-font-primary: 'Outfit', -apple-system, sans-serif;
    --allai-font-mono: 'JetBrains Mono', 'Fira Code', monospace;

    /* Brand */
    --allai-primary: #00dcb4;
    --allai-primary-rgb: 0, 220, 180;
    --allai-primary-hover: #20f0cc;
    --allai-primary-light: rgba(0, 220, 180, 0.08);
    --allai-primary-glow: rgba(0, 220, 180, 0.25);
    --allai-primary-gradient: linear-gradient(135deg, #00dcb4 0%, #00a88a 100%);

    /* Backgrounds */
    --allai-bg-body: #08090c;
    --allai-bg-sidebar: rgba(6, 8, 12, 0.95);
    --allai-bg-card: rgba(12, 14, 20, 0.9);
    --allai-bg-input: rgba(14, 16, 22, 0.8);
    --allai-bg-input-focus: rgba(18, 20, 28, 0.9);
    --allai-bg-hover: rgba(0, 220, 180, 0.05);
    --allai-bg-elevated: rgba(14, 16, 22, 0.85);

    /* Borders */
    --allai-border: rgba(0, 220, 180, 0.1);
    --allai-border-light: rgba(0, 220, 180, 0.05);

    /* Text */
    --allai-text-primary: #d8e0e8;
    --allai-text-secondary: #6a8a80;
    --allai-text-muted: #4a5a68;
    --allai-text-inverse: #08090c;

    /* Sidebar */
    --allai-sidebar-bg: rgba(6, 8, 12, 0.95);
    --allai-sidebar-border: rgba(0, 220, 180, 0.06);
    --allai-sidebar-item-hover: rgba(0, 220, 180, 0.06);
    --allai-sidebar-item-active-bg: rgba(0, 220, 180, 0.12);
    --allai-sidebar-item-active-text: #00dcb4;
    --allai-sidebar-text: rgba(216, 224, 232, 0.6);
    --allai-sidebar-icon: rgba(216, 224, 232, 0.35);

    /* Top bar */
    --allai-topbar-bg: rgba(8, 9, 12, 0.8);
    --allai-topbar-border: rgba(0, 220, 180, 0.06);

    /* Shadows */
    --allai-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
    --allai-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.4);
    --allai-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.5);
    --allai-shadow-card: 0 1px 3px rgba(0, 0, 0, 0.3);
    --allai-shadow-card-hover: 0 4px 16px rgba(0, 220, 180, 0.15);
    --allai-shadow-sidebar: 2px 0 8px rgba(0, 0, 0, 0.3);
    --allai-shadow-topbar: 0 1px 2px rgba(0, 0, 0, 0.3);

    /* Border radius */
    --allai-radius-xs: 2px;
    --allai-radius-sm: 3px;
    --allai-radius-md: 4px;
    --allai-radius-lg: 4px;
    --allai-radius-xl: 6px;

    /* Status colors */
    --allai-success: #40e880;
    --allai-success-light: rgba(64, 232, 128, 0.15);
    --allai-warning: #e8c840;
    --allai-warning-light: rgba(232, 200, 64, 0.15);
    --allai-danger: #ff4060;
    --allai-danger-light: rgba(255, 64, 96, 0.15);
    --allai-info: #40a0e8;
    --allai-info-light: rgba(64, 160, 232, 0.15);

    /* Override Bootstrap dark */
    --bs-body-bg: var(--allai-bg-body);
    --bs-body-color: var(--allai-text-primary);
    --bs-card-bg: var(--allai-bg-card);
    --bs-border-color: var(--allai-border);
    --bs-primary: #00dcb4;
    --bs-primary-rgb: 0, 220, 180;
}


/* ==========================================================================
   AURORA BOREALIS — LIGHT MODE
   Font: Geologica | Stil: Verde-teal/albastru, rounded, auroral
   ========================================================================== */

[data-ui-theme="aurora-borealis"][data-bs-theme="light"] {
    /* Fonturi */
    --allai-font-primary: 'Geologica', 'Plus Jakarta Sans', -apple-system, sans-serif;
    --allai-font-mono: 'Plus Jakarta Sans', 'Consolas', monospace;

    /* Brand */
    --allai-primary: #00a878;
    --allai-primary-rgb: 0, 168, 120;
    --allai-primary-hover: #009068;
    --allai-primary-light: rgba(0, 168, 120, 0.08);
    --allai-primary-glow: rgba(0, 168, 120, 0.25);
    --allai-primary-gradient: linear-gradient(135deg, #00a878 0%, #4a68e0 100%);

    /* Backgrounds */
    --allai-bg-body: #f2f8f6;
    --allai-bg-sidebar: #0a1820;
    --allai-bg-card: rgba(255, 255, 255, 0.85);
    --allai-bg-input: #eaf2ef;
    --allai-bg-input-focus: #e0ece8;
    --allai-bg-hover: rgba(0, 168, 120, 0.04);
    --allai-bg-elevated: #ffffff;

    /* Borders */
    --allai-border: rgba(0, 160, 120, 0.12);
    --allai-border-light: rgba(0, 160, 120, 0.06);

    /* Text */
    --allai-text-primary: #0a1e18;
    --allai-text-secondary: #4a7a6e;
    --allai-text-muted: #7a9a90;
    --allai-text-inverse: #ffffff;

    /* Sidebar */
    --allai-sidebar-bg: #0a1820;
    --allai-sidebar-border: rgba(0, 200, 160, 0.06);
    --allai-sidebar-item-hover: rgba(0, 212, 160, 0.08);
    --allai-sidebar-item-active-bg: rgba(0, 212, 160, 0.15);
    --allai-sidebar-item-active-text: #00d4a0;
    --allai-sidebar-text: rgba(255, 255, 255, 0.7);
    --allai-sidebar-icon: rgba(255, 255, 255, 0.5);

    /* Top bar */
    --allai-topbar-bg: rgba(242, 248, 246, 0.8);
    --allai-topbar-border: rgba(0, 160, 120, 0.08);

    /* Shadows */
    --allai-shadow-sm: 0 1px 3px rgba(0, 100, 80, 0.04);
    --allai-shadow-md: 0 4px 12px rgba(0, 100, 80, 0.07);
    --allai-shadow-lg: 0 8px 30px rgba(0, 100, 80, 0.1);
    --allai-shadow-card: 0 2px 8px rgba(0, 100, 80, 0.05);
    --allai-shadow-card-hover: 0 8px 25px rgba(0, 168, 120, 0.12);
    --allai-shadow-sidebar: 2px 0 12px rgba(10, 24, 32, 0.12);
    --allai-shadow-topbar: 0 1px 3px rgba(0, 100, 80, 0.04);

    /* Border radius — mediu-mare, auroral feel */
    --allai-radius-xs: 8px;
    --allai-radius-sm: 10px;
    --allai-radius-md: 14px;
    --allai-radius-lg: 18px;
    --allai-radius-xl: 22px;

    /* Status colors */
    --allai-success: #00c080;
    --allai-success-light: rgba(0, 192, 128, 0.1);
    --allai-warning: #d0a020;
    --allai-warning-light: rgba(208, 160, 32, 0.1);
    --allai-danger: #e04060;
    --allai-danger-light: rgba(224, 64, 96, 0.1);
    --allai-info: #4080e0;
    --allai-info-light: rgba(64, 128, 224, 0.1);
}

/* ==========================================================================
   AURORA BOREALIS — DARK MODE
   ========================================================================== */

[data-ui-theme="aurora-borealis"][data-bs-theme="dark"] {
    /* Fonturi */
    --allai-font-primary: 'Geologica', 'Plus Jakarta Sans', -apple-system, sans-serif;
    --allai-font-mono: 'Plus Jakarta Sans', 'Consolas', monospace;

    /* Brand */
    --allai-primary: #00d4a0;
    --allai-primary-rgb: 0, 212, 160;
    --allai-primary-hover: #20e8b4;
    --allai-primary-light: rgba(0, 212, 160, 0.1);
    --allai-primary-glow: rgba(0, 212, 160, 0.3);
    --allai-primary-gradient: linear-gradient(135deg, #00d4a0 0%, #6080ff 100%);

    /* Backgrounds */
    --allai-bg-body: #060a10;
    --allai-bg-sidebar: rgba(6, 10, 16, 0.92);
    --allai-bg-card: rgba(10, 16, 28, 0.8);
    --allai-bg-input: rgba(12, 18, 30, 0.8);
    --allai-bg-input-focus: rgba(16, 24, 38, 0.9);
    --allai-bg-hover: rgba(0, 200, 160, 0.05);
    --allai-bg-elevated: rgba(12, 18, 30, 0.75);

    /* Borders */
    --allai-border: rgba(0, 200, 160, 0.1);
    --allai-border-light: rgba(0, 200, 160, 0.05);

    /* Text */
    --allai-text-primary: #d8eae6;
    --allai-text-secondary: #6a9a8e;
    --allai-text-muted: #5a8a80;
    --allai-text-inverse: #060a10;

    /* Sidebar */
    --allai-sidebar-bg: rgba(6, 10, 16, 0.92);
    --allai-sidebar-border: rgba(0, 200, 160, 0.06);
    --allai-sidebar-item-hover: rgba(0, 212, 160, 0.08);
    --allai-sidebar-item-active-bg: rgba(0, 212, 160, 0.15);
    --allai-sidebar-item-active-text: #00d4a0;
    --allai-sidebar-text: rgba(216, 234, 230, 0.6);
    --allai-sidebar-icon: rgba(216, 234, 230, 0.4);

    /* Top bar */
    --allai-topbar-bg: rgba(6, 10, 16, 0.75);
    --allai-topbar-border: rgba(0, 200, 160, 0.06);

    /* Shadows */
    --allai-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3);
    --allai-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.4);
    --allai-shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.5);
    --allai-shadow-card: 0 2px 8px rgba(0, 0, 0, 0.2), 0 0 1px rgba(0, 212, 160, 0.08);
    --allai-shadow-card-hover: 0 8px 25px rgba(0, 212, 160, 0.15);
    --allai-shadow-sidebar: 2px 0 12px rgba(0, 0, 0, 0.3);
    --allai-shadow-topbar: 0 1px 3px rgba(0, 0, 0, 0.3);

    /* Border radius */
    --allai-radius-xs: 8px;
    --allai-radius-sm: 10px;
    --allai-radius-md: 14px;
    --allai-radius-lg: 18px;
    --allai-radius-xl: 22px;

    /* Status colors */
    --allai-success: #00e89a;
    --allai-success-light: rgba(0, 232, 154, 0.15);
    --allai-warning: #ffc84c;
    --allai-warning-light: rgba(255, 200, 76, 0.15);
    --allai-danger: #ff5c7c;
    --allai-danger-light: rgba(255, 92, 124, 0.15);
    --allai-info: #4ca8fc;
    --allai-info-light: rgba(76, 168, 252, 0.15);

    /* Override Bootstrap dark */
    --bs-body-bg: var(--allai-bg-body);
    --bs-body-color: var(--allai-text-primary);
    --bs-card-bg: var(--allai-bg-card);
    --bs-border-color: var(--allai-border);
    --bs-primary: #00d4a0;
    --bs-primary-rgb: 0, 212, 160;
}


/* ==========================================================================
   NEON PULSE — LIGHT MODE
   Font: Rajdhani + Orbitron | Stil: Cyberpunk, neon roz/cyan, grid pattern
   ========================================================================== */

[data-ui-theme="neon-pulse"][data-bs-theme="light"] {
    /* Fonturi — Outfit pentru body (bold vizibil), Orbitron doar headings */
    --allai-font-primary: 'Outfit', -apple-system, sans-serif;
    --allai-font-mono: 'Orbitron', 'Consolas', monospace;

    /* Brand */
    --allai-primary: #d02068;
    --allai-primary-rgb: 208, 32, 104;
    --allai-primary-hover: #b81858;
    --allai-primary-light: rgba(208, 32, 104, 0.06);
    --allai-primary-glow: rgba(208, 32, 104, 0.2);
    --allai-primary-gradient: linear-gradient(135deg, #d02068 0%, #0098cc 100%);

    /* Backgrounds */
    --allai-bg-body: #faf6ff;
    --allai-bg-sidebar: #140818;
    --allai-bg-card: rgba(255, 255, 255, 0.9);
    --allai-bg-input: #f2eef8;
    --allai-bg-input-focus: #eae4f2;
    --allai-bg-hover: rgba(208, 32, 104, 0.04);
    --allai-bg-elevated: #ffffff;

    /* Borders */
    --allai-border: rgba(200, 30, 100, 0.1);
    --allai-border-light: rgba(200, 30, 100, 0.05);

    /* Text */
    --allai-text-primary: #1a0e2a;
    --allai-text-secondary: #6a5a80;
    --allai-text-muted: #9a8ab0;
    --allai-text-inverse: #ffffff;

    /* Sidebar */
    --allai-sidebar-bg: #140818;
    --allai-sidebar-border: rgba(255, 40, 120, 0.06);
    --allai-sidebar-item-hover: rgba(255, 40, 120, 0.08);
    --allai-sidebar-item-active-bg: rgba(255, 40, 120, 0.15);
    --allai-sidebar-item-active-text: #ff4088;
    --allai-sidebar-text: rgba(255, 255, 255, 0.7);
    --allai-sidebar-icon: rgba(255, 255, 255, 0.5);

    /* Top bar */
    --allai-topbar-bg: rgba(250, 246, 255, 0.8);
    --allai-topbar-border: rgba(200, 30, 100, 0.08);

    /* Shadows */
    --allai-shadow-sm: 0 1px 3px rgba(208, 32, 104, 0.05);
    --allai-shadow-md: 0 4px 12px rgba(208, 32, 104, 0.08);
    --allai-shadow-lg: 0 8px 30px rgba(208, 32, 104, 0.1);
    --allai-shadow-card: 0 2px 8px rgba(208, 32, 104, 0.05);
    --allai-shadow-card-hover: 0 8px 25px rgba(208, 32, 104, 0.12);
    --allai-shadow-sidebar: 2px 0 12px rgba(20, 8, 24, 0.15);
    --allai-shadow-topbar: 0 1px 3px rgba(208, 32, 104, 0.04);

    /* Border radius — mic-mediu, cyberpunk */
    --allai-radius-xs: 4px;
    --allai-radius-sm: 6px;
    --allai-radius-md: 8px;
    --allai-radius-lg: 10px;
    --allai-radius-xl: 14px;

    /* Status colors */
    --allai-success: #20b060;
    --allai-success-light: rgba(32, 176, 96, 0.1);
    --allai-warning: #c0a020;
    --allai-warning-light: rgba(192, 160, 32, 0.1);
    --allai-danger: #d03050;
    --allai-danger-light: rgba(208, 48, 80, 0.1);
    --allai-info: #0098cc;
    --allai-info-light: rgba(0, 152, 204, 0.1);
}

/* ==========================================================================
   NEON PULSE — DARK MODE
   ========================================================================== */

[data-ui-theme="neon-pulse"][data-bs-theme="dark"] {
    /* Fonturi — Outfit pentru body (bold vizibil), Orbitron doar headings */
    --allai-font-primary: 'Outfit', -apple-system, sans-serif;
    --allai-font-mono: 'Orbitron', 'Consolas', monospace;

    /* Brand */
    --allai-primary: #ff2878;
    --allai-primary-rgb: 255, 40, 120;
    --allai-primary-hover: #ff4890;
    --allai-primary-light: rgba(255, 40, 120, 0.1);
    --allai-primary-glow: rgba(255, 40, 120, 0.3);
    --allai-primary-gradient: linear-gradient(135deg, #ff2878 0%, #00c8ff 100%);

    /* Backgrounds */
    --allai-bg-body: #0a0612;
    --allai-bg-sidebar: rgba(8, 4, 16, 0.95);
    --allai-bg-card: rgba(16, 8, 28, 0.85);
    --allai-bg-input: rgba(18, 10, 32, 0.8);
    --allai-bg-input-focus: rgba(24, 14, 40, 0.9);
    --allai-bg-hover: rgba(255, 40, 120, 0.05);
    --allai-bg-elevated: rgba(18, 10, 32, 0.8);

    /* Borders */
    --allai-border: rgba(255, 40, 120, 0.1);
    --allai-border-light: rgba(255, 40, 120, 0.05);

    /* Text */
    --allai-text-primary: #f0e8ff;
    --allai-text-secondary: #8a7aa6;
    --allai-text-muted: #7a6a96;
    --allai-text-inverse: #0a0612;

    /* Sidebar */
    --allai-sidebar-bg: rgba(8, 4, 16, 0.95);
    --allai-sidebar-border: rgba(255, 40, 120, 0.06);
    --allai-sidebar-item-hover: rgba(255, 40, 120, 0.08);
    --allai-sidebar-item-active-bg: rgba(255, 40, 120, 0.15);
    --allai-sidebar-item-active-text: #ff4890;
    --allai-sidebar-text: rgba(240, 232, 255, 0.6);
    --allai-sidebar-icon: rgba(240, 232, 255, 0.4);

    /* Top bar */
    --allai-topbar-bg: rgba(10, 6, 18, 0.75);
    --allai-topbar-border: rgba(255, 40, 120, 0.06);

    /* Shadows */
    --allai-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3);
    --allai-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.4);
    --allai-shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.5);
    --allai-shadow-card: 0 2px 8px rgba(0, 0, 0, 0.2), 0 0 1px rgba(255, 40, 120, 0.08);
    --allai-shadow-card-hover: 0 8px 25px rgba(255, 40, 120, 0.2);
    --allai-shadow-sidebar: 2px 0 12px rgba(0, 0, 0, 0.3);
    --allai-shadow-topbar: 0 1px 3px rgba(0, 0, 0, 0.3);

    /* Border radius */
    --allai-radius-xs: 4px;
    --allai-radius-sm: 6px;
    --allai-radius-md: 8px;
    --allai-radius-lg: 10px;
    --allai-radius-xl: 14px;

    /* Status colors */
    --allai-success: #40ff90;
    --allai-success-light: rgba(64, 255, 144, 0.15);
    --allai-warning: #ffc84c;
    --allai-warning-light: rgba(255, 200, 76, 0.15);
    --allai-danger: #ff4060;
    --allai-danger-light: rgba(255, 64, 96, 0.15);
    --allai-info: #00c8ff;
    --allai-info-light: rgba(0, 200, 255, 0.15);

    /* Override Bootstrap dark */
    --bs-body-bg: var(--allai-bg-body);
    --bs-body-color: var(--allai-text-primary);
    --bs-card-bg: var(--allai-bg-card);
    --bs-border-color: var(--allai-border);
    --bs-primary: #ff2878;
    --bs-primary-rgb: 255, 40, 120;
}


/* ==========================================================================
   STILURI SPECIFICE PER TEMĂ
   ========================================================================== */

/* --- NEURAL GLASS: glassmorphism pe carduri --- */
[data-ui-theme="neural-glass"] .card,
[data-ui-theme="neural-glass"] .allai-card {
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

[data-ui-theme="neural-glass"] .allai-topbar {
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

/* Gradient subtil pe top edge al cardurilor */
[data-ui-theme="neural-glass"] .card::before,
[data-ui-theme="neural-glass"] .allai-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--allai-primary-gradient);
    opacity: 0.3;
    border-radius: var(--allai-radius-lg) var(--allai-radius-lg) 0 0;
}

[data-ui-theme="neural-glass"] .card,
[data-ui-theme="neural-glass"] .allai-card {
    position: relative;
    overflow: hidden;
}


/* --- QUANTUM GRID: grid background + border-top pe cards --- */
[data-ui-theme="quantum-grid"] .allai-content {
    background-image:
        linear-gradient(var(--allai-border-light) 1px, transparent 1px),
        linear-gradient(90deg, var(--allai-border-light) 1px, transparent 1px);
    background-size: 60px 60px;
}

/* Border-top accent pe carduri stat */
[data-ui-theme="quantum-grid"] .card,
[data-ui-theme="quantum-grid"] .allai-card {
    border-top: 2px solid var(--allai-primary);
}

/* Monospace pe labels mici din tabele */
[data-ui-theme="quantum-grid"] table.dataTable thead th,
[data-ui-theme="quantum-grid"] .allai-table-header {
    font-family: var(--allai-font-mono);
    letter-spacing: 0.1em;
    font-size: 10px;
}

/* Active nav item cu border-left în loc de background */
[data-ui-theme="quantum-grid"] .allai-nav-item.active {
    border-left: 2px solid var(--allai-primary) !important;
}

/* Butoane cu font monospace */
[data-ui-theme="quantum-grid"] .btn {
    font-family: var(--allai-font-mono);
    letter-spacing: 0.03em;
}


/* --- AURORA BOREALIS: gradient aurora subtil pe fundal --- */
[data-ui-theme="aurora-borealis"] .allai-content::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:
        radial-gradient(ellipse at 20% 20%, rgba(0, 212, 160, 0.03) 0%, transparent 50%),
        radial-gradient(ellipse at 80% 80%, rgba(96, 128, 255, 0.03) 0%, transparent 50%);
    pointer-events: none;
    z-index: -1;
}

[data-ui-theme="aurora-borealis"] .card,
[data-ui-theme="aurora-borealis"] .allai-card {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

/* Gradient subtil pe top edge al cardurilor */
[data-ui-theme="aurora-borealis"] .card::before,
[data-ui-theme="aurora-borealis"] .allai-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--allai-primary-gradient);
    opacity: 0.25;
    border-radius: var(--allai-radius-lg) var(--allai-radius-lg) 0 0;
}

[data-ui-theme="aurora-borealis"] .card,
[data-ui-theme="aurora-borealis"] .allai-card {
    position: relative;
    overflow: hidden;
}


/* --- NEON PULSE: grid pattern + radial glow --- */
[data-ui-theme="neon-pulse"] .allai-content {
    background-image:
        linear-gradient(var(--allai-border-light) 1px, transparent 1px),
        linear-gradient(90deg, var(--allai-border-light) 1px, transparent 1px);
    background-size: 80px 80px;
}

/* Radial glow spot */
[data-ui-theme="neon-pulse"] .allai-content::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:
        radial-gradient(circle at 30% 30%, rgba(var(--allai-primary-rgb), 0.04) 0%, transparent 50%),
        radial-gradient(circle at 70% 70%, rgba(0, 200, 255, 0.03) 0%, transparent 50%);
    pointer-events: none;
    z-index: -1;
}

/* Neon glow pe titluri */
[data-ui-theme="neon-pulse"][data-bs-theme="dark"] .allai-topbar-title,
[data-ui-theme="neon-pulse"][data-bs-theme="dark"] h1,
[data-ui-theme="neon-pulse"][data-bs-theme="dark"] h2 {
    text-shadow: 0 0 20px rgba(var(--allai-primary-rgb), 0.2);
}

/* Font heading = Orbitron (mono) */
[data-ui-theme="neon-pulse"] h1,
[data-ui-theme="neon-pulse"] h2,
[data-ui-theme="neon-pulse"] h3,
[data-ui-theme="neon-pulse"] .allai-topbar-title {
    font-family: var(--allai-font-mono);
    letter-spacing: 0.02em;
}

/* Butoane cu font special */
[data-ui-theme="neon-pulse"] .btn {
    font-family: var(--allai-font-primary);
    letter-spacing: 0.02em;
}


/* ==========================================================================
   THEME PICKER — Dropdown styling
   ========================================================================== */

.allai-theme-picker-menu {
    min-width: 220px;
    background: var(--allai-bg-elevated);
    border: 1px solid var(--allai-border);
    border-radius: var(--allai-radius-md);
    box-shadow: var(--allai-shadow-lg);
    padding: 6px;
}

.allai-theme-picker-menu .dropdown-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    border-radius: var(--allai-radius-sm);
    font-size: 13px;
    font-weight: 500;
    color: var(--allai-text-primary);
    transition: background var(--allai-transition-fast);
}

.allai-theme-picker-menu .dropdown-item:hover {
    background: var(--allai-bg-hover);
    color: var(--allai-text-primary);
}

.allai-theme-picker-menu .dropdown-item.active {
    background: var(--allai-primary-light);
    color: var(--allai-primary);
    font-weight: 600;
}

.allai-theme-picker-menu .dropdown-item.active::after {
    content: '\2713';
    margin-left: auto;
    font-weight: 700;
    color: var(--allai-primary);
}

.allai-theme-swatch {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 6px;
    flex-shrink: 0;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.allai-theme-picker-menu hr {
    border-color: var(--allai-border-light);
    margin: 4px 8px;
}

.allai-theme-picker-menu .allai-theme-picker-label {
    padding: 6px 12px;
    font-size: 11px;
    font-weight: 600;
    color: var(--allai-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}


/* ==========================================================================
   EMOJI vs ICOANE — Per temă
   Default (Amethyst): icoane Lucide vizibile, emoji ascunse
   Teme cu emoji: Neural Glass, Aurora Borealis, Neon Pulse
   Temă cu icoane: Quantum Grid (păstrează Lucide icons)
   ========================================================================== */

/* Implicit: emoji ascunse */
.allai-nav-emoji {
    display: none;
    font-size: 16px;
    line-height: 1;
    flex-shrink: 0;
    width: 22px;
    text-align: center;
}

/* Pe temele cu emoji: arată emoji, ascunde icoane Lucide */
[data-ui-theme="neural-glass"] .allai-nav-icon,
[data-ui-theme="aurora-borealis"] .allai-nav-icon,
[data-ui-theme="neon-pulse"] .allai-nav-icon {
    display: none !important;
}

[data-ui-theme="neural-glass"] .allai-nav-emoji,
[data-ui-theme="aurora-borealis"] .allai-nav-emoji,
[data-ui-theme="neon-pulse"] .allai-nav-emoji {
    display: inline-flex !important;
}

/* Quantum Grid: icoane Lucide cu stil mono */
[data-ui-theme="quantum-grid"] .allai-nav-icon {
    font-size: 14px;
    opacity: 0.7;
}

[data-ui-theme="quantum-grid"] .allai-nav-item.active .allai-nav-icon {
    opacity: 1;
}

/* ================================================
   MODAL FIX — Fundal solid pe modale, SweetAlert, dropdown (fără transparență)
   Toate temele cu rgba pe --allai-bg-card primesc override solid
   ================================================ */

/* Neural Glass */
[data-ui-theme="neural-glass"][data-bs-theme="light"] .modal-content,
[data-ui-theme="neural-glass"][data-bs-theme="light"] .dropdown-menu,
[data-ui-theme="neural-glass"][data-bs-theme="light"] .swal2-popup {
    background: #ffffff !important;
}
[data-ui-theme="neural-glass"][data-bs-theme="dark"] .modal-content,
[data-ui-theme="neural-glass"][data-bs-theme="dark"] .dropdown-menu,
[data-ui-theme="neural-glass"][data-bs-theme="dark"] .swal2-popup {
    background: #120e20 !important;
}
[data-ui-theme="neural-glass"][data-bs-theme="dark"] .swal2-input {
    background: #1a1530 !important;
    border-color: #2d2450 !important;
    color: #e0dce8 !important;
}

/* Quantum Grid */
[data-ui-theme="quantum-grid"][data-bs-theme="light"] .modal-content,
[data-ui-theme="quantum-grid"][data-bs-theme="light"] .dropdown-menu,
[data-ui-theme="quantum-grid"][data-bs-theme="light"] .swal2-popup {
    background: #ffffff !important;
}
[data-ui-theme="quantum-grid"][data-bs-theme="dark"] .modal-content,
[data-ui-theme="quantum-grid"][data-bs-theme="dark"] .dropdown-menu,
[data-ui-theme="quantum-grid"][data-bs-theme="dark"] .swal2-popup {
    background: #0c0e14 !important;
}
[data-ui-theme="quantum-grid"][data-bs-theme="dark"] .swal2-input {
    background: #141822 !important;
    border-color: #1e2636 !important;
    color: #c8ccd4 !important;
}

/* Aurora Borealis */
[data-ui-theme="aurora-borealis"][data-bs-theme="light"] .modal-content,
[data-ui-theme="aurora-borealis"][data-bs-theme="light"] .dropdown-menu,
[data-ui-theme="aurora-borealis"][data-bs-theme="light"] .swal2-popup {
    background: #ffffff !important;
}
[data-ui-theme="aurora-borealis"][data-bs-theme="dark"] .modal-content,
[data-ui-theme="aurora-borealis"][data-bs-theme="dark"] .dropdown-menu,
[data-ui-theme="aurora-borealis"][data-bs-theme="dark"] .swal2-popup {
    background: #0a101c !important;
}
[data-ui-theme="aurora-borealis"][data-bs-theme="dark"] .swal2-input {
    background: #121a2a !important;
    border-color: #1c2840 !important;
    color: #c4d0e0 !important;
}

/* Neon Pulse */
[data-ui-theme="neon-pulse"][data-bs-theme="light"] .modal-content,
[data-ui-theme="neon-pulse"][data-bs-theme="light"] .dropdown-menu,
[data-ui-theme="neon-pulse"][data-bs-theme="light"] .swal2-popup {
    background: #ffffff !important;
}
[data-ui-theme="neon-pulse"][data-bs-theme="dark"] .modal-content,
[data-ui-theme="neon-pulse"][data-bs-theme="dark"] .dropdown-menu,
[data-ui-theme="neon-pulse"][data-bs-theme="dark"] .swal2-popup {
    background: #10081c !important;
}
[data-ui-theme="neon-pulse"][data-bs-theme="dark"] .swal2-input {
    background: #1a1030 !important;
    border-color: #2a1c48 !important;
    color: #dcd4ec !important;
}