/* ══════════════════════════════════════════════════════════════
   Habillage back-office — Coleah Bandeya & Fils
   Chargé APRÈS style.css : ce fichier ne contient que des écarts
   assumés par rapport au thème, pour qu'une mise à jour du thème
   reste possible sans rejouer une refonte complète.
   ══════════════════════════════════════════════════════════════ */

:root {
    --adm-brand-50:  #f0f8f3;
    --adm-brand-100: #dcefe3;
    --adm-brand-200: #b9dfc8;
    --adm-brand-300: #8bc8a5;
    --adm-brand-500: #2e8b57;
    --adm-brand-600: #1f6f43;
    --adm-brand-700: #195836;
    --adm-brand-900: #0c2c1c;
    --adm-brand-950: #061710;
    --adm-accent:    #d92d20;
    --adm-ink:       #10221a;
    --adm-ink-muted: #5d6b64;
}

/* ── Barre latérale : fond blanc du thème, texte sombre ──
   Elle avait d'abord été passée en vert profond avec du texte blanc. Retour au
   blanc d'origine, à la demande.

   Reste à neutraliser le survol du thème, qui inverse tout le contraste :
   fond #0c2c1c, texte et libellé en blanc, et icônes éclaircies par un filtre.
   Sur fond blanc, cela faisait disparaître la ligne survolée. Le menu doit
   rester noir sur blanc en toutes circonstances.

   `:not(.active)` protège la ligne de la page courante, qui garde son fond vert
   et son texte blanc — c'est le seul repère visuel du menu. */
.sidebar .sidebar-menu > ul > li:not(.active) > a:not(.active):hover {
    background: transparent !important;
    color: #212b36 !important;
}

.sidebar .sidebar-menu > ul > li:not(.active) > a:not(.active):hover span {
    color: #637381 !important;
}

/* Le thème applique `filter: brightness(0) invert(1)` aux icônes au survol :
   sur fond blanc, elles deviennent blanches, donc invisibles. */
.sidebar .sidebar-menu > ul > li:not(.active) > a:not(.active):hover img {
    filter: none !important;
}

/* Sous-menus : le thème colore le survol en #1f6f43, un vert peu lisible sur
   blanc. Même règle, le texte ne bouge pas. */
.sidebar .sidebar-menu > ul > li.submenu ul li:not(.active) a:not(.active):hover {
    background: transparent !important;
    color: #212b36 !important;
}

/* ── En-tête : reste blanc, avec un filet de marque ── */
.header {
    border-bottom: 1px solid #e6efe9 !important;
}
.header::after {
    content: '';
    position: absolute;
    left: 0; right: 0; bottom: -3px;
    height: 3px;
    background: linear-gradient(90deg, var(--adm-brand-600) 0 45%, var(--adm-accent) 45% 100%);
}

/* ── Zone de travail ── */
.page-wrapper {
    background: #f6faf8;
}

.page-header .page-title h4 {
    color: var(--adm-ink);
    font-weight: 600;
}
.page-header .page-title h6 {
    color: var(--adm-ink-muted);
}

.card {
    border: 1px solid #e6efe9;
    border-radius: 14px;
    box-shadow: 0 1px 2px rgba(12, 44, 28, .04);
}

/* ── Tableaux : lisibilité des listes, écran le plus consulté ── */
.table thead th {
    background: var(--adm-brand-50);
    color: var(--adm-brand-700);
    font-weight: 600;
    font-size: 12.5px;
    letter-spacing: .02em;
    text-transform: uppercase;
    border-bottom: 1px solid var(--adm-brand-100);
}
.table tbody tr:hover {
    background: var(--adm-brand-50);
}

/* ── Champs de formulaire ── */
.form-control:focus,
.select2-container--default .select2-selection--single:focus {
    border-color: var(--adm-brand-500);
    box-shadow: 0 0 0 3px rgba(46, 139, 87, .12);
}

/* ── Badges d'état ── */
.badge-linesuccess,
.bg-lightgreen {
    background: var(--adm-brand-100) !important;
    color: var(--adm-brand-700) !important;
}