/* ================================================================
   OjraSys — Mode sombre
   ---------------------------------------------------------------
   Le thème (bootstrap.min.css / app.min.css) gère déjà nativement
   l'attribut [data-bs-theme="dark"] : corps, sidebar, cartes,
   modales, dropdowns, alertes… basculent tout seuls.

   Ce fichier complète les deux zones que le thème ne peut pas
   couvrir :

     1. les classes utilitaires « claires en dur » massivement
        utilisées dans les vues (bg-white ×638, bg-light ×518,
        text-dark ×148, table-light ×77…) ;
     2. les surcharges d'accessibilité de custom.css, calibrées
        pour du texte foncé sur fond clair (contraste WCAG AA),
        qui deviennent illisibles sur fond sombre.

   À charger APRÈS app.min.css, ojra-unified.css et custom.css.
   ================================================================ */

/* ── Bouton de bascule dans l'en-tête (visible dans les 2 modes) ── */
.ojra-theme-toggle .ojra-icon-vers-clair { display: none; }
[data-bs-theme="dark"] .ojra-theme-toggle .ojra-icon-vers-sombre { display: none; }
[data-bs-theme="dark"] .ojra-theme-toggle .ojra-icon-vers-clair  { display: inline-block; }

/* ================================================================
   1. Jetons de couleur du mode sombre
   ================================================================ */
[data-bs-theme="dark"] {
    /* Surfaces : le corps est à #222, on éclaircit progressivement */
    --ojra-surface:      #272b2f;   /* cartes, panneaux, ex-« bg-white »  */
    --ojra-surface-2:    #31363b;   /* bandeaux, thead, ex-« bg-light »   */
    --ojra-surface-3:    #3a4046;   /* survol de ligne, éléments actifs   */
    --ojra-bordure:      rgba(255, 255, 255, 0.13);

    /* Textes colorés : versions CLAIRES des nuances foncées de
       custom.css (lisibles ≥ 4,5:1 sur fond sombre) */
    --ojra-txt-primary:   #ff9057;   /* orange de la charte (ex-bleu #74a9ff) */
    --ojra-txt-secondary: #c2c8ce;
    --ojra-txt-success:   #5dd48a;
    --ojra-txt-danger:    #ff8a94;
    --ojra-txt-warning:   #ffcf4d;
    --ojra-txt-info:      #5ecbe0;

    /* Orange de marque : #c2410c tombe à 2,1:1 sur fond sombre */
    --ojra-brand-accessible: #ff9057;
    --ojra-brand-color-dark: #ff9057;
    --ojra-brand-dark: #ff9057;
    /* Charte (custom.css) : fond léger orange un peu plus présent sur sombre */
    --ojra-primaire-doux: rgba(255, 144, 87, 0.16);
    /* « Secondary » gris neutre (le thème le teintait de bleu), cf. custom.css */
    --pe-secondary-text-emphasis: #a7acb1;
    --pe-secondary-bg-subtle: #161719;
    --pe-secondary-border-subtle: #41464b;

    /* Jetons des composants Blade partagés (collapse-bar, stat-card,
       person-avatar, quick-access-group). Ces composants déclarent
       « var(--ojra-c-xxx, <valeur claire>) » : en mode clair la variable
       n'existe pas et le repli d'origine s'applique — rien ne change. */
    --ojra-c-surface:        var(--ojra-surface);
    --ojra-c-surface-2:      var(--ojra-surface-2);
    --ojra-c-bordure:        var(--ojra-bordure);
    --ojra-c-titre:          #eaeef2;
    --ojra-c-texte:          #dee2e6;
    --ojra-c-moyen:          rgba(222, 226, 230, 0.72);
    --ojra-c-discret:        rgba(222, 226, 230, 0.55);
    --ojra-c-brand-soft:     rgba(255, 144, 87, 0.14);
    --ojra-c-brand-soft-bd:  rgba(255, 144, 87, 0.35);
}

/* ================================================================
   2. Classes utilitaires « claires en dur » des vues
   ================================================================ */
[data-bs-theme="dark"] .bg-white,
[data-bs-theme="dark"] .bg-body {
    background-color: var(--ojra-surface) !important;
    color: var(--pe-body-color);
}

[data-bs-theme="dark"] .bg-light,
[data-bs-theme="dark"] .bg-light-subtle,
[data-bs-theme="dark"] .bg-body-tertiary,
[data-bs-theme="dark"] .bg-body-secondary {
    background-color: var(--ojra-surface-2) !important;
    color: var(--pe-body-color);
}

/* Textes forcés en foncé dans les vues */
[data-bs-theme="dark"] .text-dark,
[data-bs-theme="dark"] .text-black,
[data-bs-theme="dark"] .bg-white .text-dark,
[data-bs-theme="dark"] .bg-light .text-dark {
    color: var(--pe-body-color) !important;
}

/* Bordures « claires » */
[data-bs-theme="dark"] .border-light,
[data-bs-theme="dark"] .border-white {
    border-color: var(--ojra-bordure) !important;
}

/* ================================================================
   3. Cartes — une surface distincte du fond pour garder du relief
   ================================================================ */
[data-bs-theme="dark"] .card {
    --pe-card-bg: var(--ojra-surface);
    --pe-card-border-color: var(--ojra-bordure);
}

[data-bs-theme="dark"] .card-header,
[data-bs-theme="dark"] .card-footer {
    background-color: rgba(255, 255, 255, 0.03);
    border-color: var(--ojra-bordure);
}

/* Le thème teinte certains en-têtes de carte en clair */
[data-bs-theme="dark"] .card-header.bg-white,
[data-bs-theme="dark"] .card-header.bg-light {
    background-color: rgba(255, 255, 255, 0.05) !important;
}

/* ================================================================
   4. Tableaux
      custom.css force du texte ardoise foncé (#1e293b / #475569)
      sur les cellules : illisible sur fond sombre.
   ================================================================ */
[data-bs-theme="dark"] .table > tbody > tr > td { color: var(--pe-body-color); }
[data-bs-theme="dark"] .table thead th          { color: rgba(222, 226, 230, 0.75); }

[data-bs-theme="dark"] .table-light,
[data-bs-theme="dark"] .table > thead.table-light > tr > th {
    --pe-table-color: var(--pe-body-color);
    --pe-table-bg: var(--ojra-surface-2);
    --pe-table-border-color: var(--ojra-bordure);
    --pe-table-striped-bg: var(--ojra-surface-2);
    --pe-table-hover-bg: var(--ojra-surface-3);
    color: var(--pe-body-color);
    background-color: var(--ojra-surface-2);
}

[data-bs-theme="dark"] .table {
    --pe-table-border-color: var(--ojra-bordure);
    --pe-table-striped-bg: rgba(255, 255, 255, 0.035);
    --pe-table-hover-bg: rgba(255, 255, 255, 0.06);
}

/* ================================================================
   5. Formulaires
   ================================================================ */
[data-bs-theme="dark"] .input-group-text {
    background-color: var(--ojra-surface-2);
    border-color: var(--pe-border-color);
    color: var(--pe-body-color);
}

/* Le thème laisse une bordure claire (#dee2e6) sur les <select> */
[data-bs-theme="dark"] .form-select {
    border-color: var(--pe-border-color);
}

[data-bs-theme="dark"] .form-control:focus,
[data-bs-theme="dark"] .form-select:focus {
    border-color: #ff9057;
    box-shadow: 0 0 0 0.25rem rgba(255, 144, 87, 0.22);
}

[data-bs-theme="dark"] .form-control:disabled,
[data-bs-theme="dark"] .form-control[readonly],
[data-bs-theme="dark"] .form-select:disabled {
    background-color: rgba(255, 255, 255, 0.05);
    color: rgba(222, 226, 230, 0.65);
}

/* Focus clavier : l'orange #c2410c de custom.css est trop sombre ici */
[data-bs-theme="dark"] a:focus-visible,
[data-bs-theme="dark"] button:focus-visible,
[data-bs-theme="dark"] .btn:focus-visible,
[data-bs-theme="dark"] .form-control:focus-visible,
[data-bs-theme="dark"] .form-select:focus-visible,
[data-bs-theme="dark"] .form-check-input:focus-visible,
[data-bs-theme="dark"] [tabindex]:focus-visible,
[data-bs-theme="dark"] .pe-nav-link:focus-visible {
    outline-color: #ff9057 !important;
}

/* ── Select2 (thème bootstrap-5) ── */
/* Même fond et même bordure que les champs de saisie voisins (toutes les listes sont des Select2). */
[data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-selection,
[data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-dropdown,
[data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-search__field {
    background-color: var(--ojra-c-surface, var(--pe-body-bg));
    border-color: var(--ojra-c-bordure, var(--pe-border-color));
    color: var(--pe-body-color);
}
[data-bs-theme="dark"] .select2-container--bootstrap-5.select2-container--focus .select2-selection,
[data-bs-theme="dark"] .select2-container--bootstrap-5.select2-container--open .select2-selection,
[data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-dropdown,
[data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field:focus {
    border-color: var(--ojra-brand-accessible, #ff9057);
}
[data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered,
[data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-results__option {
    color: var(--pe-body-color);
}
/* Option survolée : le thème clair pose #e9ecef / noir avec un sélecteur plus précis — même précision ici. */
[data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--highlighted {
    background-color: var(--ojra-surface-3);
    color: #fff;
}
[data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__choice {
    background-color: var(--ojra-surface-3);
    border-color: var(--ojra-bordure);
    color: var(--pe-body-color);
}
/* Chevron : le trait du thème clair (#343a40) disparaît sur fond sombre. */
[data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-selection--single {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ced4da' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}
/* Texte indicatif (« Choisir… ») : le gris du thème clair (#6c757d) tombe à 3,4:1 sur fond sombre. */
[data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered .select2-selection__placeholder,
[data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__placeholder {
    color: var(--ojra-c-moyen, rgba(222, 226, 230, 0.72));
}

/* ================================================================
   6. Textes & badges colorés (contreparties claires de custom.css)
   ================================================================ */
[data-bs-theme="dark"] .text-warning { color: var(--ojra-txt-warning) !important; }
/* Gris #6c757d de .text-secondary : 2,9:1 seulement sur les surfaces sombres */
[data-bs-theme="dark"] .text-secondary { color: var(--ojra-txt-secondary) !important; }

[data-bs-theme="dark"] .badge.text-primary   { color: var(--ojra-txt-primary)   !important; }
[data-bs-theme="dark"] .badge.text-secondary { color: var(--ojra-txt-secondary) !important; }
[data-bs-theme="dark"] .badge.text-success   { color: var(--ojra-txt-success)   !important; }
[data-bs-theme="dark"] .badge.text-danger    { color: var(--ojra-txt-danger)    !important; }
[data-bs-theme="dark"] .badge.text-warning   { color: var(--ojra-txt-warning)   !important; }
[data-bs-theme="dark"] .badge.text-info      { color: var(--ojra-txt-info)      !important; }

[data-bs-theme="dark"] .text-primary   { color: var(--ojra-txt-primary)   !important; }
[data-bs-theme="dark"] .text-success   { color: var(--ojra-txt-success)   !important; }
[data-bs-theme="dark"] .text-danger    { color: var(--ojra-txt-danger)    !important; }
[data-bs-theme="dark"] .text-info      { color: var(--ojra-txt-info)      !important; }

/* Un badge « plein » garde son texte foncé sur aplat clair */
[data-bs-theme="dark"] .badge.bg-warning,
[data-bs-theme="dark"] .text-bg-warning,
[data-bs-theme="dark"] .badge.bg-info,
[data-bs-theme="dark"] .badge.bg-light {
    color: #1e293b !important;
}
[data-bs-theme="dark"] .badge.bg-light { background-color: #dee2e6 !important; }

/* Fonds subtils un peu plus marqués pour porter le texte clair */
/* primary = orange de la charte (l'ancienne valeur était une teinte bleue) */
[data-bs-theme="dark"] .bg-primary-subtle   { background-color: rgba(255, 144, 87, 0.14) !important; }
[data-bs-theme="dark"] .bg-secondary-subtle { background-color: rgba(173, 181, 189, 0.13) !important; }
[data-bs-theme="dark"] .bg-success-subtle   { background-color: rgba(93, 212, 138, 0.14)  !important; }
[data-bs-theme="dark"] .bg-danger-subtle    { background-color: rgba(255, 138, 148, 0.14) !important; }
[data-bs-theme="dark"] .bg-warning-subtle   { background-color: rgba(255, 207, 77, 0.14)  !important; }
[data-bs-theme="dark"] .bg-info-subtle      { background-color: rgba(94, 203, 224, 0.14)  !important; }
[data-bs-theme="dark"] .badge.bg-warning-subtle { background-color: rgba(255, 207, 77, 0.18) !important; }
[data-bs-theme="dark"] .badge.bg-info-subtle    { background-color: rgba(94, 203, 224, 0.18) !important; }

/* ================================================================
   7. Boutons
   ================================================================ */
[data-bs-theme="dark"] .btn-outline-warning {
    color: var(--ojra-txt-warning);
    border-color: rgba(255, 207, 77, 0.6);
}
[data-bs-theme="dark"] .btn-outline-info {
    color: var(--ojra-txt-info);
    border-color: rgba(94, 203, 224, 0.6);
}
[data-bs-theme="dark"] .btn-outline-secondary {
    color: var(--ojra-txt-secondary);
    border-color: rgba(194, 200, 206, 0.45);
}
[data-bs-theme="dark"] .btn-outline-primary {
    color: var(--ojra-brand-accessible);
    border-color: rgba(255, 144, 87, 0.6);
}
[data-bs-theme="dark"] .btn-outline-primary:hover,
[data-bs-theme="dark"] .btn-outline-primary:active {
    /* Même fond que les boutons pleins : #e2601f ne donnait que 3,4:1 sous le texte blanc */
    background-color: var(--ojra-bouton, #c2410c) !important;
    border-color: var(--ojra-bouton, #c2410c) !important;
    color: #fff !important;
}
[data-bs-theme="dark"] .btn-outline-danger  { color: var(--ojra-txt-danger);  border-color: rgba(255, 138, 148, 0.6); }
[data-bs-theme="dark"] .btn-outline-success { color: var(--ojra-txt-success); border-color: rgba(93, 212, 138, 0.6); }
[data-bs-theme="dark"] .btn-outline-dark    { color: var(--pe-body-color);    border-color: var(--ojra-bordure); }

/* Boutons pleins clairs : texte foncé conservé */
[data-bs-theme="dark"] .btn-warning,
[data-bs-theme="dark"] .btn-info { color: #1e293b; }

/* .btn-light — très utilisé pour les actions de tableau.
   Le thème déclare en sombre « --pe-btn-bg: 47, 50, 52 » (triplet RGB
   nu, sans rgb()) : la valeur est invalide, le bouton devient donc
   transparent et quasi invisible. On redéfinit un neutre sombre. */
[data-bs-theme="dark"] .btn-light,
[data-bs-theme="dark"] .btn-outline-light {
    --pe-btn-color: var(--pe-body-color);
    --pe-btn-bg: #2f3438;
    --pe-btn-border-color: #3f464c;
    --pe-btn-hover-color: #fff;
    --pe-btn-hover-bg: #3a4046;
    --pe-btn-hover-border-color: #4c545b;
    --pe-btn-active-color: #fff;
    --pe-btn-active-bg: #454b51;
    --pe-btn-active-border-color: #4c545b;
    --pe-btn-disabled-color: rgba(222, 226, 230, 0.5);
    --pe-btn-disabled-bg: #2a2e32;
    --pe-btn-disabled-border-color: #3f464c;
    box-shadow: none;
}

/* Colonne « Actions » des listes (.ojra-actions, cf. ojra-unified.css) :
   l'ombre de survol noire est invisible sur fond sombre — on la remplace
   par un halo clair. Forme et taille restent définies dans ojra-unified.css. */
[data-bs-theme="dark"] .ojra-actions .btn:hover {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(255, 255, 255, 0.06);
}

/* ================================================================
   8. Chrome de l'application (en-tête, sidebar, liens de marque)
   ================================================================ */
[data-bs-theme="dark"] .text-brand,
[data-bs-theme="dark"] .app-header .pe-dropdown-button,
[data-bs-theme="dark"] a.forgot-password {
    color: var(--ojra-brand-accessible) !important;
}
[data-bs-theme="dark"] .app-header .pe-dropdown-button:hover { color: #ffb18a !important; }

/* L'orange foncé #c2410c de custom.css n'est pas lisible sur la
   sidebar sombre (#1c1b1b) : on repasse sur la variante claire. */
[data-bs-theme="dark"] .pe-app-sidebar {
    --pe-app-sidebar-menu-item-color-active: #ff9057;
    --pe-app-sidebar-menu-item-color-hover: #ff9057;
}

[data-bs-theme="dark"] .ojra-skip-link { background: #e2601f; }

/* Icônes de l'en-tête : le gris #878787 du thème est trop terne ici */
[data-bs-theme="dark"] .app-header .header-btn { color: var(--pe-body-color); }

/* Poignée de redimensionnement de la sidebar */
[data-bs-theme="dark"] .ojra-sidebar-resizer:hover,
[data-bs-theme="dark"] .ojra-sidebar-resizer.active {
    background: rgba(255, 144, 87, 0.45); /* orange de la charte (l'ancienne valeur était bleue) */
}

/* Logo : la version « light » du thème est en réalité le logo
   standard (texte gris foncé). On l'éclaircit en mode sombre. */
[data-bs-theme="dark"] .pe-app-sidebar-logo img,
[data-bs-theme="dark"] .app-header .header-sidebar-logo-light,
[data-bs-theme="dark"] .app-header .header-sidebar-logo-small-light {
    background-color: #fff;
    border-radius: 10px;
    padding: 4px 8px;
}

/* ================================================================
   9. Cartes interactives & divers (custom.css)
   ================================================================ */
[data-bs-theme="dark"] .hover-card:hover {
    background-color: var(--ojra-surface-3);
    box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.5);
}
[data-bs-theme="dark"] .role-checkbox:checked ~ label .hover-card {
    background-color: var(--ojra-primaire-doux) !important;
    border-color: #ff9057 !important;
}

[data-bs-theme="dark"] hr,
[data-bs-theme="dark"] .dropdown-divider { border-color: var(--ojra-bordure); }

/* ================================================================
   10. Écrans à palette locale
       Deux vues embarquent leur propre mini-design-system en dur.
       On bascule leurs jetons plutôt que de réécrire les vues.
   ================================================================ */

/* ── Tableau de bord Personnel (personnels/dashboard/_contenu) ── */
[data-bs-theme="dark"] {
    --color-bg:        #222;
    --color-surface:   var(--ojra-surface);
    --color-border:    var(--ojra-bordure);
    /* Les teintes sémantiques (--color-primary…) restent inchangées :
       elles servent aussi d'APLAT sous du texte blanc (.btn-primary,
       boutons inline). Seuls leurs usages en TEXTE sont éclaircis
       plus bas (.text-*-c, .bg-*-soft). */
    --color-neutral:   rgba(222, 226, 230, 0.72);
    --text-primary:    #eaeef2;
    --text-secondary:  rgba(222, 226, 230, 0.72);
    --text-muted:      rgba(222, 226, 230, 0.55);
}
[data-bs-theme="dark"] .card-footer { background: var(--ojra-surface-2) !important; }

[data-bs-theme="dark"] .badge-soft-warning { background: rgba(248, 150, 30, 0.16); color: #ffb457; }
[data-bs-theme="dark"] .badge-soft-info    { background: rgba(94, 96, 206, 0.20);  color: #a5a7f5; }
[data-bs-theme="dark"] .badge-soft-success { background: rgba(46, 196, 182, 0.16);  color: #5fd8cb; }
[data-bs-theme="dark"] .badge-soft-danger  { background: rgba(239, 71, 111, 0.16);  color: #ff8fa8; }

/* Usages « texte » des teintes sémantiques du tableau de bord */
[data-bs-theme="dark"] .text-primary-c,
[data-bs-theme="dark"] .bg-primary-soft { color: #ff9057 !important; }
[data-bs-theme="dark"] .text-success-c,
[data-bs-theme="dark"] .bg-success-soft { color: #5fd8cb !important; }
[data-bs-theme="dark"] .text-warning-c,
[data-bs-theme="dark"] .bg-warning-soft { color: #ffb457 !important; }
[data-bs-theme="dark"] .text-danger-c,
[data-bs-theme="dark"] .bg-danger-soft  { color: #ff8fa8 !important; }
[data-bs-theme="dark"] .text-info-c,
[data-bs-theme="dark"] .bg-info-soft    { color: #a5a7f5 !important; }

[data-bs-theme="dark"] .alert-warning { background: rgba(248, 150, 30, 0.14); color: #ffc078; }
[data-bs-theme="dark"] .alert-danger  { background: rgba(239, 71, 111, 0.14); color: #ff9db1; }
[data-bs-theme="dark"] .alert-info    { background: rgba(94, 96, 206, 0.18);  color: #b0b2ff; }

/* ── Wizard de la fiche personnel (personnels/partials/_form) ── */
[data-bs-theme="dark"] .ojra-wizard-steps {
    background: var(--ojra-surface);
    border-color: var(--ojra-bordure);
    box-shadow: none;
}
[data-bs-theme="dark"] .ojra-wizard-step {
    background: var(--ojra-surface-2);
    border-color: var(--ojra-bordure);
    color: rgba(222, 226, 230, 0.72);
}
[data-bs-theme="dark"] .ojra-wizard-step:hover {
    background: var(--ojra-surface-3);
    color: var(--pe-body-color);
}
[data-bs-theme="dark"] .ojra-wizard-step .ojra-wizard-step-num {
    background: var(--ojra-surface-3);
    color: rgba(222, 226, 230, 0.75);
}
[data-bs-theme="dark"] .ojra-wizard-step.is-active {
    background: rgba(255, 144, 87, 0.16);
    color: #ff9057;
}
[data-bs-theme="dark"] .ojra-wizard-step.is-done {
    background: rgba(34, 197, 94, 0.14);
    border-color: rgba(34, 197, 94, 0.4);
    color: #5dd48a;
}
[data-bs-theme="dark"] .ojra-wizard-step.has-error {
    background: rgba(220, 38, 38, 0.16);
    border-color: rgba(220, 38, 38, 0.45);
    color: #ff8a94;
}

/* ================================================================
   11. Impression — toujours en clair
       Un bulletin ou un état imprimé depuis le mode sombre doit
       sortir sur fond blanc, texte noir.
   ================================================================ */
@media print {
    [data-bs-theme="dark"] {
        color-scheme: light;
        --pe-body-bg: #fff;
        --pe-body-color: #000;
        --pe-secondary-bg: #fff;
        --pe-tertiary-bg: #f8f9fa;
        --ojra-surface: #fff;
        --ojra-surface-2: #f8f9fa;
        --ojra-surface-3: #f1f3f5;
        --ojra-bordure: #dee2e6;
    }
    [data-bs-theme="dark"] body,
    [data-bs-theme="dark"] .card,
    [data-bs-theme="dark"] .card-header,
    [data-bs-theme="dark"] .card-footer,
    [data-bs-theme="dark"] .bg-white,
    [data-bs-theme="dark"] .bg-body,
    [data-bs-theme="dark"] .bg-light {
        background: #fff !important;
        color: #000 !important;
    }
    [data-bs-theme="dark"] .table > tbody > tr > td,
    [data-bs-theme="dark"] .table thead th,
    [data-bs-theme="dark"] .text-dark,
    [data-bs-theme="dark"] .text-primary,
    [data-bs-theme="dark"] .text-success,
    [data-bs-theme="dark"] .text-danger,
    [data-bs-theme="dark"] .text-info,
    [data-bs-theme="dark"] .text-warning {
        color: #000 !important;
    }
    [data-bs-theme="dark"] .pe-app-sidebar-logo img {
        background: none !important;
        padding: 0 !important;
    }
}