@charset "UTF-8";
/*
 * ============================================================
 *  CNEE GABON — Palette personnalisée GLPI 11.x
 *  Conseil National de l'Eau et de l'Électricité
 *  parcinfo.cnee-gabon.ga
 *
 *  INSTALLATION (2 étapes) :
 *  1. Copier ce fichier dans :
 *        /var/www/html/glpi/files/_themes/cnee.scss
 *
 *  2. Activer le thème :
 *        Mon compte (avatar en haut à droite)
 *        → Préférences → Palette → "cnee"
 *        → Sauvegarder
 *
 *     OU forcer pour tous via Administration → Entités
 *        → Entité racine → Personnalisation de l'interface
 *        → Palette → "cnee"
 *
 *  PALETTE CNEE :
 *  Bleu marine     #0B2550
 *  Bleu primaire   #1A4A8A
 *  Bleu eau        #2E8BC0
 *  Vert gabonais   #009639
 *  Jaune gabonais  #FCD116
 * ============================================================
 */
:root[data-glpi-theme=cnee] {
  /* ── Couleurs primaires (Tabler) ────────────────────── */
  --tblr-primary: #1A4A8A;
  --tblr-primary-rgb: 26, 74, 138;
  --tblr-primary-fg: #ffffff;
  --tblr-secondary: #2E8BC0;
  --tblr-secondary-fg: #ffffff;
  --tblr-link-color: #1D67B0;
  --tblr-link-color-rgb: 29, 103, 176;
  --tblr-link-hover-color: #1A4A8A;
  --tblr-success: #009639;
  --tblr-success-rgb: 0, 150, 57;
  --tblr-success-fg: #ffffff;
  --tblr-warning: #FCD116;
  --tblr-warning-rgb: 252, 209, 22;
  --tblr-warning-fg: #0B2550;
  --tblr-info: #2E8BC0;
  --tblr-info-rgb: 46, 139, 192;
  --tblr-info-fg: #ffffff;
  --tblr-danger: #D32F2F;
  --tblr-danger-rgb: 211, 47, 47;
  --tblr-danger-fg: #ffffff;
  /* ── Corps / fond ───────────────────────────────────── */
  --tblr-body-bg: #F4F6FA;
  --tblr-body-color: #1E2D4A;
  --tblr-card-bg: #ffffff;
  --tblr-card-border-color: #D0DCF0;
  --tblr-border-color: #D0DCF0;
  --tblr-border-radius: 8px;
  /* ── Menu principal (sidebar gauche) ────────────────── */
  --glpi-mainmenu-bg: #0B2550;
  --glpi-mainmenu-fg: #C8D8EE;
  /* ── Topbar / barre du haut ─────────────────────────── */
  --glpi-topbar-bg: #0B2550;
  --glpi-topbar-fg: #C8D8EE;
  --glpi-topbar-border-color: #FCD116;
  /* ── Sous-menu / menu secondaire ────────────────────── */
  --glpi-submenu-bg: #122D5E;
  --glpi-submenu-fg: #C8D8EE;
  /* ── Aperçu palette (4 pastilles dans le sélecteur) ─── */
  --glpi-palette-color-1: #0B2550;
  --glpi-palette-color-2: #1A4A8A;
  --glpi-palette-color-3: #009639;
  --glpi-palette-color-4: #FCD116;
  /* ── Tableaux ───────────────────────────────────────── */
  --tblr-table-striped-bg: #F0F4FB;
  --tblr-table-hover-bg: #E0EAF7;
  /* ── Inputs / formulaires ───────────────────────────── */
  --tblr-input-border-color: #C8D4EA;
  --tblr-input-focus-border-color: #1D67B0;
  --tblr-input-focus-box-shadow: 0 0 0 3px rgba(29, 103, 176, 0.15);
  --tblr-input-bg: #ffffff;
  /* ── Boutons ────────────────────────────────────────── */
  --tblr-btn-border-radius: 8px;
  /* ── Ombres ─────────────────────────────────────────── */
  --tblr-box-shadow: 0 2px 12px rgba(11, 37, 80, 0.10);
  --tblr-box-shadow-sm: 0 1px 6px rgba(11, 37, 80, 0.08);
}

/* ── Ajustements précis au-delà des variables ─────────────── */
/* Liseré jaune sous la topbar */
:root[data-glpi-theme=cnee] .navbar.fixed-top,
:root[data-glpi-theme=cnee] #header {
  border-bottom: 3px solid #FCD116 !important;
}

/* En-têtes de tableau — bleu marine + liseré jaune */
:root[data-glpi-theme=cnee] table thead th,
:root[data-glpi-theme=cnee] .tab_cadre_fixe th {
  background-color: #0B2550 !important;
  color: #ffffff !important;
  border-bottom: 2px solid #FCD116 !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
  letter-spacing: 0.5px !important;
}

/* En-tête de carte / panneau */
:root[data-glpi-theme=cnee] .card-header,
:root[data-glpi-theme=cnee] .accordion-header {
  background: linear-gradient(90deg, #0B2550, #1A4A8A) !important;
  color: #ffffff !important;
  border-bottom: 2px solid #FCD116 !important;
  font-weight: 600 !important;
}

/* Titre de page */
:root[data-glpi-theme=cnee] .page-header h1,
:root[data-glpi-theme=cnee] h1.page-title {
  color: #0B2550 !important;
  border-bottom: 3px solid #FCD116;
  padding-bottom: 6px;
}

/* Item actif dans le menu latéral */
:root[data-glpi-theme=cnee] .nav-item.active > .nav-link,
:root[data-glpi-theme=cnee] .sidebar .active > a {
  border-left: 3px solid #FCD116 !important;
  background-color: rgba(29, 103, 176, 0.3) !important;
  color: #ffffff !important;
  font-weight: 600 !important;
}

/* Liens dans la sidebar */
:root[data-glpi-theme=cnee] .sidebar a:hover,
:root[data-glpi-theme=cnee] .nav-link:hover {
  color: #FCD116 !important;
}

/* Badges / compteurs menu */
:root[data-glpi-theme=cnee] .sidebar .badge,
:root[data-glpi-theme=cnee] .navbar .badge {
  background-color: #FCD116 !important;
  color: #0B2550 !important;
  font-weight: 800 !important;
}

/* Bouton principal */
:root[data-glpi-theme=cnee] .btn-primary {
  background: linear-gradient(135deg, #1A4A8A, #1D67B0) !important;
  border-color: #1A4A8A !important;
  font-weight: 600 !important;
}

:root[data-glpi-theme=cnee] .btn-primary:hover {
  background: linear-gradient(135deg, #1D67B0, #2E8BC0) !important;
  transform: translateY(-1px);
}

/* Bouton succès */
:root[data-glpi-theme=cnee] .btn-success {
  background: linear-gradient(135deg, #009639, #00B845) !important;
  border-color: #009639 !important;
}

/* Bouton warning */
:root[data-glpi-theme=cnee] .btn-warning {
  background-color: #FCD116 !important;
  border-color: #E8B800 !important;
  color: #0B2550 !important;
  font-weight: 700 !important;
}

/* Onglets actifs */
:root[data-glpi-theme=cnee] .nav-tabs .nav-link.active {
  background-color: #1A4A8A !important;
  border-color: #1A4A8A !important;
  color: #ffffff !important;
  font-weight: 700 !important;
}

:root[data-glpi-theme=cnee] .nav-tabs {
  border-bottom-color: #1A4A8A !important;
}

/* Pagination */
:root[data-glpi-theme=cnee] .page-item.active .page-link {
  background-color: #1A4A8A !important;
  border-color: #1A4A8A !important;
}

:root[data-glpi-theme=cnee] .page-link {
  color: #1A4A8A !important;
}

/* Modal header */
:root[data-glpi-theme=cnee] .modal-header {
  background: linear-gradient(90deg, #0B2550, #1A4A8A) !important;
  border-bottom: 2px solid #FCD116 !important;
  color: #ffffff !important;
}

:root[data-glpi-theme=cnee] .modal-title {
  color: #ffffff !important;
  font-weight: 700 !important;
}

:root[data-glpi-theme=cnee] .modal-header .btn-close {
  filter: invert(1) !important;
}

/* Alertes */
:root[data-glpi-theme=cnee] .alert-info {
  background-color: #E3F0FF !important;
  border-left: 4px solid #1D67B0 !important;
  border-radius: 0 8px 8px 0 !important;
}

:root[data-glpi-theme=cnee] .alert-success {
  background-color: #E6F7ED !important;
  border-left: 4px solid #009639 !important;
  border-radius: 0 8px 8px 0 !important;
}

:root[data-glpi-theme=cnee] .alert-warning {
  background-color: #FFFBE6 !important;
  border-left: 4px solid #FCD116 !important;
  border-radius: 0 8px 8px 0 !important;
}

/* Scrollbar */
:root[data-glpi-theme=cnee] ::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}

:root[data-glpi-theme=cnee] ::-webkit-scrollbar-track {
  background: #F4F6FA;
}

:root[data-glpi-theme=cnee] ::-webkit-scrollbar-thumb {
  background: #1A4A8A;
  border-radius: 4px;
}

:root[data-glpi-theme=cnee] ::-webkit-scrollbar-thumb:hover {
  background: #1D67B0;
}

/* Pied de page */
:root[data-glpi-theme=cnee] footer,
:root[data-glpi-theme=cnee] #footer {
  background-color: #0B2550 !important;
  border-top: 3px solid #FCD116 !important;
  color: #C8D8EE !important;
}

/* ── Fin palette CNEE Gabon ───────────────────────────────── */