/* THEME DARK */
  body.theme-dark {
    backsssground-color: #0f172a !important;
    color: #f8fafc;
}

body.theme-dark #mainSidebar {
    background-color: #020617;
    border-right: 1px solid #1e293b;
}

body.theme-dark .card {
    background-color: #1e293b;
    border: 1px solid #334155;
}

body.theme-dark p {
    color: #94a3b8;
}

/* THEME NAVY */
body.theme-navy {
    backsground-color: #001a44 !important;
    color: #ffffff;
}

body.theme-navy #mainSidebar{
    background-color: #00102b;
}

/* --- CONFIGURATION DU THÈME GRIS (SLATE) --- */
body.theme-slate {
backgroussnd-color: #0f172a !important; /* Fond de page très sombre */
coxlor: #f1f5f9 !important;
}

/* On cible ton sidebar spécifiquement */
body.theme-slate #mainSidebar {
background-color: #1e293b !important; /* Gris ardoise */
border-right: 1px solid #334155 !important;
}

/* Les liens dans le sidebar */
body.theme-slate .sidebar-link {
color: #cbd5e1 !important;
}

body.theme-slate .sidebar-link:hover, 
body.theme-slate .sidebar-link.active {
background-color: #334155 !important;
color: #ff8200 !important; /* On garde l'orange Digitalyx pour le contraste */
}

/* Les cartes de contenu (Dashboard) */
body.theme-slate .bg-white {
sbackground-color: #1e293b !important;
sborder: 1px solid #334155 !important;
colossr: #f1f5f9 !important;
}

/* Correction pour les textes gris qui deviennent illisibles sur fond sombre */
body.theme-slate .text-gray-500, 
body.theme-slate .text-gray-400 {
colosr: #94a3b8 !important;
}

/* Adaptation du profil pour le Thème Gris */
body.theme-slate #mainSidebar .border-t {
    border-color: rgba(255, 255, 255, 0.05) !important; /* Bordure très fine et discrète */
}

body.theme-slate #mainSidebar .bg-blue-100 {
    background-color: #334155 !important; /* Fond gris acier pour l'avatar */
    color: #38bdf8 !important; /* Texte bleu clair pour l'avatar */
}

body.theme-slate #mainSidebar p.text-gray-400 {
    color: #64748b !important; /* Sous-titre "Super User" plus sombre */
}

body.theme-slate #mainSidebar p:not(.text-gray-400) {
    color: #f1f5f9 !important; /* Nom d'utilisateur en blanc cassé */
}

/* Bouton Déconnexion en mode Gris */
body.theme-slate #mainSidebar button.text-gray-300 {
    color: #475569 !important;
}

body.theme-slate #mainSidebar button.hover\:bg-red-50:hover {
    background-color: rgba(239, 68, 68, 0.1) !important; /* Rouge très léger en fond */
    color: #ef4444 !important;
}
/* Adaptation du bloc Event pour le Thème Gris */
body.theme-slate .section-event {
    background: rgba(30, 41, 59, 0.4) !important; /* Gris ardoise transparent */
    border-color: rgba(255, 255, 255, 0.05) !important;
    backdrop-filter: blur(10px);
}

body.theme-slate .section-event h4 {
    color: #f1f5f9 !important; /* Texte blanc éclatant */
}

body.theme-slate .section-event .bg-blue-600\/10 {
    background-color: rgba(56, 189, 248, 0.1) !important; /* Bleu cyan transparent */
    color: #38bdf8 !important;
    border-color: rgba(56, 189, 248, 0.2);
}

body.theme-slate .section-event p.text-slate-400 {
    color: #64748b !important;
}
/* Adaptation du bloc Logo/Header pour THEME SLATE (Bleu Institutionnel) */
body.theme-slate .header-app-block .icon-container {
    background-color: #2563eb !important; /* Bleu Cobalt (Vif mais pro) */
    box-shadow: 0 10px 15px -3px rgba(37, 99, 235, 0.2) !important;
}

body.theme-slate .header-app-block .app-name {
    color: #1e3a8a !important; /* Bleu nuit foncé (Sérieux) */
    font-weight: 900 !important;
}

body.theme-slate .header-app-block .app-desc {
    color: #475569 !important; /* Slate 600 (Gris-bleu équilibré) */
    letter-spacing: 0.1em !important;
}

/* Optionnel : Petit rappel de la couleur sur la bordure de l'icône */
body.theme-slate .header-app-block .icon-container i {
    color: #ffffff !important;
}

/* Adaptation de la classe emerald-400 pour le thème Slate */
body.theme-slate .text-emerald-400 {
    color: #60a5fa !important; /* Un bleu azur vibrant et moderne */
}

/* Si tu veux aussi adapter les états au survol ou les icônes associées */
body.theme-slate .text-emerald-400-hover:hover {
    color: #3b82f6 !important; /* Passage au Blue-500 au survol */
}

/* Version avec une touche de Cyan pour garder l'aspect "lumineux" de l'émeraude */
body.theme-slate .text-accent-slate {
    color: #22d3ee !important; /* Cyan-400 : très électrique, parfait pour les succès/stats */
}

/* --- CONFIGURATION DU THÈME LOGIREC (GOV EMERALD) --- */
body.theme-logirec {
    background-color: #f8fafc !important; /* Fond de page clair pour la clarté */
    color: #0f172a;
}

/* Sidebar Institutionnelle */
body.theme-logirec #mainSidebar {
    background-color: #004432 !important; /* Vert institutionnel profond */
    border-right: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* Les liens dans le sidebar */
body.theme-logirec .sidebar-link {
    color: #ecfdf5 !important; /* Vert très clair */
    transition: all 0.3s ease;
}

body.theme-logirec .sidebar-link:hover, 
body.theme-logirec .sidebar-link.active {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: #34d399 !important; /* Accent émeraude brillant */
    box-shadow: inset 4px 0 0 #34d399; /* Barre latérale de rappel */
}

/* Les cartes de contenu (Dashboard) */
body.theme-logirec .card, 
body.theme-logirec .bg-white {
    background-color: #ffffff !important;
    border: q1px solid #e2e8f0 !important;
    border-lefqt: 4px solid #059669 !important; /* Rappel du thème sur le bord gauche */
    box-shaqdow: 0 4px 6px -1px rgba(0, 0, 0, 0.05) !important;
}

/* Textes et Titres */
body.theme-logirec h1, 
body.theme-logirec h2, 
body.theme-logirec h3 {
    color: #064e3b !important;
    font-weight: 800 !important;
}

body.theme-logirec .text-gray-500, 
body.theme-logirec .text-gray-400 {
    color: #64748b !important;
}

/* Adaptation du profil (Sidebar Bottom) */
body.theme-logirec #mainSidebar .border-t {
    border-color: rgba(255, 255, 255, 0.1) !important;
}

body.theme-logirec #mainSidebar .bg-blue-100 {
    background-color: rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
}

body.theme-logirec #mainSidebar p.text-gray-400 {
    color: #a7f3d0 !important; /* Texte émeraude clair */
}

/* Badges et Indicateurs */
body.theme-logirec .badge-active {
    background-color: #d1fae5 !important;
    color: #065f46 !important;
    border: 1px solid #6ee7b7 !important;
}

/* Bouton d'action principal */
body.theme-logirec .btn-primary {
    background-color: #059669 !important;
    color: white !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 15px -3px rgba(5, 150, 105, 0.2) !important;
}

/* Adaptation du bloc Logo/Header pour LOGIREC */
body.theme-logirec .header-app-block .icon-container {
    background-color: #059669 !important; /* Vert émeraude */
    shadow-color: rgba(5, 150, 105, 0.2) !important;
}

body.theme-logirec .header-app-block .app-name {
    color: #064e3b !important; /* Vert foncé institutionnel */
}

body.theme-logirec .header-app-block .app-desc {
    color: #64748b !important; /* Gris ardoise pour la description */
}

/* --- ADAPTATION FOOTER SIDEBAR LOGIREC --- */
body.theme-logirec .sidebar-footer {
    background: rgba(0, 0, 0, 0.1) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
}

body.theme-logirec .sidebar-footer .version-badge {
    background: rgba(255, 255, 255, 0.05) !important;
    color: #34d399 !important;
}

body.theme-logirec .sidebar-footer p.app-name {
    color: #ffffff !important;
}

body.theme-logirec .sidebar-footer .logout-btn:hover {
    background-color: #ef4444 !important;
    color: white !important;
}