/* ================================================================
   THEME.MIN.CSS — Scolarix — Mode sombre
   Habillage complet du mode sombre (bascule .dark-switch → body
   .dark-mode, voir public/js/scripts.js). Les jetons de couleur
   du mode sombre sont définis dans ux.css (body.dark-mode { ... }) ;
   ce fichier ne fait que peindre les composants avec ces jetons.
   ================================================================ */

body.dark-mode {
    background: var(--ux-bg, #0f1223);
    color: var(--ux-body, #c3c8e0);
}

body.dark-mode a {
    color: var(--ux-primary-light, #7086f5);
}

body.dark-mode .nk-menu-text,
body.dark-mode .nk-block-title,
body.dark-mode h1, body.dark-mode h2, body.dark-mode h3,
body.dark-mode h4, body.dark-mode h5, body.dark-mode h6 {
    color: var(--ux-ink, #e8eaf6);
}

/* Structure */
body.dark-mode .nk-sidebar,
body.dark-mode .nk-header,
body.dark-mode .nk-footer {
    background: var(--ux-surface, #171b30);
    border-color: var(--ux-border, #262c47);
}

body.dark-mode .nk-footer,
body.dark-mode .nk-footer a {
    color: var(--ux-muted, #8891b0);
}

body.dark-mode .nk-sidebar-element,
body.dark-mode .nk-sidebar-body {
    border-color: var(--ux-border, #262c47);
}

/* Cartes & surfaces */
body.dark-mode .card,
body.dark-mode .dropdown-menu,
body.dark-mode .nk-block-content .card-inner-group {
    background: var(--ux-surface, #171b30);
    color: var(--ux-body, #c3c8e0);
    border-color: var(--ux-border, #262c47);
}

body.dark-mode .card-inner-group > .card-inner + .card-inner {
    border-color: var(--ux-border, #262c47);
}

body.dark-mode .nk-block-head-content .nk-block-title,
body.dark-mode .card-title {
    color: var(--ux-ink, #e8eaf6);
}

/* Tableaux */
body.dark-mode .nk-tb-list .nk-tb-item {
    border-color: var(--ux-border, #262c47);
}

body.dark-mode .nk-tb-list .nk-tb-item.nk-tb-head {
    background: rgba(var(--ux-primary-rgb, 67, 97, 238), .14);
}

body.dark-mode .nk-tb-list .nk-tb-item:not(.nk-tb-head):hover {
    background: rgba(255, 255, 255, .03);
}

body.dark-mode table.table {
    color: var(--ux-body, #c3c8e0);
}

body.dark-mode table.table thead th {
    color: var(--ux-ink, #e8eaf6);
    border-color: var(--ux-border, #262c47);
}

body.dark-mode table.table td,
body.dark-mode table.table th {
    border-color: var(--ux-border, #262c47);
}

/* Formulaires */
body.dark-mode input,
body.dark-mode select,
body.dark-mode textarea,
body.dark-mode .form-control,
body.dark-mode .form-select {
    background: var(--ux-surface, #171b30);
    color: var(--ux-ink, #e8eaf6);
    border-color: var(--ux-border, #262c47);
}

body.dark-mode .form-control::placeholder {
    color: var(--ux-muted, #8891b0);
}

body.dark-mode .form-control:focus,
body.dark-mode .form-select:focus {
    background: var(--ux-surface, #171b30);
    color: #fff;
    border-color: var(--ux-primary-light, #7086f5);
    box-shadow: 0 0 0 3px rgba(var(--ux-primary-rgb, 67, 97, 238), .2);
}

body.dark-mode .input-group-text {
    background: rgba(255, 255, 255, .04);
    border-color: var(--ux-border, #262c47);
    color: var(--ux-muted, #8891b0);
}

/* Boutons secondaires / contours */
body.dark-mode .btn-outline-light,
body.dark-mode .btn-white {
    background: var(--ux-surface, #171b30);
    border-color: var(--ux-border, #262c47);
    color: var(--ux-ink, #e8eaf6);
}

body.dark-mode .btn-light {
    background: rgba(255, 255, 255, .06);
    color: var(--ux-ink, #e8eaf6);
    border-color: transparent;
}

/* Badges & alertes */
body.dark-mode .badge.bg-light,
body.dark-mode .badge.text-dark {
    background: rgba(255, 255, 255, .08) !important;
    color: var(--ux-ink, #e8eaf6) !important;
}

/* Séparateurs */
body.dark-mode hr,
body.dark-mode .nk-divider {
    border-color: var(--ux-border, #262c47);
}

/* Barre de recherche / topbar */
body.dark-mode .nk-header .form-control,
body.dark-mode .search-content input {
    background: rgba(255, 255, 255, .04);
    border-color: var(--ux-border, #262c47);
}

/* Scrollbar déjà gérée dans ux.css (body.dark-mode ::-webkit-scrollbar-thumb) */