/* Styles pour le mode sombre */
[data-theme="dark"] {
    /* Couleurs de fond et de texte */
    --bg-color: #121212;
    --text-color: #ffffff;  /* Changé de #e0e0e0 à #ffffff pour plus de contraste */
    --muted-text: #cccccc;  /* Changé de #aaaaaa à #cccccc pour plus de lisibilité */
    --border-color: #333333;
    --card-bg: #1e1e1e;
    --input-bg: #2c2c2c;
    --hover-bg: rgba(255, 255, 255, 0.05);
    
    /* Couleurs des boutons */
    --primary-btn-bg: #0d6efd;
    --success-btn-bg: #198754;
    --danger-btn-bg: #dc3545;
    --warning-btn-bg: #ffc107;
    --info-btn-bg: #0dcaf0;
    
    /* Couleurs des alertes */
    --alert-success-bg: rgba(25, 135, 84, 0.2);
    --alert-danger-bg: rgba(220, 53, 69, 0.2);
    --alert-warning-bg: rgba(255, 193, 7, 0.2);
    --alert-info-bg: rgba(13, 202, 240, 0.2);
}

/* Application des variables CSS */
[data-theme="dark"] body {
    background-color: var(--bg-color);
    color: var(--text-color);
}

/* Navbar en mode sombre */
[data-theme="dark"] .navbar {
    background-color: #0d47a1 !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.95);  /* Augmenté l'opacité pour plus de lisibilité */
}

/* Cartes en mode sombre */
[data-theme="dark"] .card {
    background-color: var(--card-bg);
    border-color: var(--border-color);
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.2);
}

/* Préserver les couleurs spécifiques des bandeaux de titre */
[data-theme="dark"] .card-header:not(.bg-primary):not(.bg-success):not(.bg-info):not(.bg-warning):not(.bg-danger):not(.bg-secondary):not(.bg-dark) {
    background-color: rgba(0, 0, 0, 0.2);
    border-bottom-color: var(--border-color);
}

/* Ajuster les couleurs des bandeaux pour qu'elles soient plus visibles en mode sombre */
[data-theme="dark"] .card-header.bg-primary {
    background-color: #0d6efd !important;
}

[data-theme="dark"] .card-header.bg-success {
    background-color: #198754 !important;
}

[data-theme="dark"] .card-header.bg-info {
    background-color: #0dcaf0 !important;
}

[data-theme="dark"] .card-header.bg-warning {
    background-color: #ffc107 !important;
}

[data-theme="dark"] .card-header.bg-danger {
    background-color: #dc3545 !important;
}

[data-theme="dark"] .card-header.bg-secondary {
    background-color: #6c757d !important;
}

[data-theme="dark"] .card-header.bg-dark {
    background-color: #343a40 !important;
}

/* Nouvelles couleurs personnalisées pour le mode sombre */
[data-theme="dark"] .card-header.bg-purple {
    background-color: #6f42c1 !important;
}

[data-theme="dark"] .card-header.bg-indigo {
    background-color: #4b0082 !important;
}

[data-theme="dark"] .card-header.bg-teal {
    background-color: #20c997 !important;
}

[data-theme="dark"] .card-header.bg-orange {
    background-color: #fd7e14 !important;
}

[data-theme="dark"] .card-header.bg-pink {
    background-color: #e83e8c !important;
}

[data-theme="dark"] .card-header.bg-cyan {
    background-color: #0dcaf0 !important;
}

[data-theme="dark"] .card-header.bg-lime {
    background-color: #84cc16 !important;
}

[data-theme="dark"] .card-header.bg-brown {
    background-color: #8b4513 !important;
}

/* Assurer que les boutons ont les mêmes couleurs que les bandeaux */
[data-theme="dark"] .btn-primary {
    background-color: #0d6efd !important;
    border-color: #0d6efd !important;
}

[data-theme="dark"] .btn-success {
    background-color: #198754 !important;
    border-color: #198754 !important;
}

[data-theme="dark"] .btn-info {
    background-color: #0dcaf0 !important;
    border-color: #0dcaf0 !important;
}

[data-theme="dark"] .btn-warning {
    background-color: #ffc107 !important;
    border-color: #ffc107 !important;
}

[data-theme="dark"] .btn-danger {
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
}

[data-theme="dark"] .btn-secondary {
    background-color: #6c757d !important;
    border-color: #6c757d !important;
}

[data-theme="dark"] .btn-dark {
    background-color: #343a40 !important;
    border-color: #343a40 !important;
}

/* Boutons pour les nouvelles couleurs personnalisées en mode sombre */
[data-theme="dark"] .btn-purple {
    background-color: #6f42c1 !important;
    border-color: #6f42c1 !important;
}

[data-theme="dark"] .btn-indigo {
    background-color: #4b0082 !important;
    border-color: #4b0082 !important;
}

[data-theme="dark"] .btn-teal {
    background-color: #20c997 !important;
    border-color: #20c997 !important;
}

[data-theme="dark"] .btn-orange {
    background-color: #fd7e14 !important;
    border-color: #fd7e14 !important;
}

[data-theme="dark"] .btn-pink {
    background-color: #e83e8c !important;
    border-color: #e83e8c !important;
}

[data-theme="dark"] .btn-cyan {
    background-color: #0dcaf0 !important;
    border-color: #0dcaf0 !important;
}

[data-theme="dark"] .btn-lime {
    background-color: #84cc16 !important;
    border-color: #84cc16 !important;
}

[data-theme="dark"] .btn-brown {
    background-color: #8b4513 !important;
    border-color: #8b4513 !important;
}

/* Tableaux en mode sombre */
[data-theme="dark"] .table {
    color: var(--text-color);
    background-color: var(--card-bg);
}

[data-theme="dark"] .table-hover tbody tr:hover {
    background-color: var(--hover-bg);
}

[data-theme="dark"] .table td, 
[data-theme="dark"] .table th {
    border-color: var(--border-color);
    background-color: var(--card-bg);
}

/* Cibler les cellules du tableau */
[data-theme="dark"] .table tbody td {
    background-color: var(--card-bg);
    color: #ffffff !important;
}

/* Correction pour les bandeaux blancs dans les tableaux */
[data-theme="dark"] .table-responsive {
    background-color: var(--card-bg);
}

[data-theme="dark"] .card-body {
    background-color: var(--card-bg);
}

/* Correction pour les éléments avec bg-white en mode sombre */
[data-theme="dark"] .card-header.bg-white,
[data-theme="dark"] .card-footer.bg-white {
    background-color: var(--card-bg) !important;
    border-color: var(--border-color);
}

/* En-têtes de tableau en mode sombre */
[data-theme="dark"] .table-light {
    background-color: #2c2c2c;
    color: #ffffff;
}

[data-theme="dark"] .table-light th {
    background-color: #2c2c2c;
}

/* Liens dans les en-têtes de tableau */
[data-theme="dark"] .text-dark,
[data-theme="dark"] a.text-dark,
[data-theme="dark"] .text-decoration-none.text-dark {
    color: #ffffff !important;
}

/* Améliorer la visibilité des en-têtes de colonnes */
[data-theme="dark"] th a,
[data-theme="dark"] th a:hover {
    color: #ffffff !important;
    text-decoration: none;
}

/* Améliorer spécifiquement les en-têtes de tableau */
[data-theme="dark"] th {
    color: #ffffff !important;
    background-color: #2c2c2c !important;
    border-color: var(--border-color);
}

/* Améliorer spécifiquement la visibilité des noms d'équipements, IDs et numéros de série */
[data-theme="dark"] td:nth-child(1), /* ID */
[data-theme="dark"] td:nth-child(2), /* Nom */
[data-theme="dark"] td:nth-child(4) /* Numéro de série */ {
    color: #ffffff !important;
    font-weight: 500 !important;
}

/* Améliorer la visibilité des liens dans les cellules */
[data-theme="dark"] td a {
    color: #8bb9fe !important;
}

/* Améliorer la visibilité des icônes de tri */
[data-theme="dark"] .fa-sort,
[data-theme="dark"] .fa-sort-up,
[data-theme="dark"] .fa-sort-down {
    color: #ffffff !important;
}

/* Améliorer la visibilité des badges */
[data-theme="dark"] .badge.bg-primary {
    background-color: #0d6efd !important;
    color: #ffffff !important;
}

[data-theme="dark"] .badge.bg-warning {
    background-color: #ffc107 !important;
    color: #000000 !important;
}

[data-theme="dark"] .badge.bg-danger {
    background-color: #dc3545 !important;
    color: #ffffff !important;
}

[data-theme="dark"] .badge.bg-success {
    background-color: #198754 !important;
    color: #ffffff !important;
}

[data-theme="dark"] .badge.bg-secondary {
    background-color: #6c757d !important;
    color: #ffffff !important;
}

/* Améliorer la visibilité des boutons dans les actions */
[data-theme="dark"] .btn-group .btn {
    border-color: #4d4d4d !important;
}

/* Restaurer les couleurs d'origine des boutons outline tout en gardant le texte blanc */
[data-theme="dark"] .btn-outline-primary {
    color: #ffffff !important;
    border-color: #0d6efd !important;
    background-color: transparent !important;
}

[data-theme="dark"] .btn-outline-primary:hover {
    background-color: #0d6efd !important;
    color: #ffffff !important;
}

[data-theme="dark"] .btn-outline-secondary {
    color: #ffffff !important;
    border-color: #6c757d !important;
    background-color: transparent !important;
}

[data-theme="dark"] .btn-outline-secondary:hover {
    background-color: #6c757d !important;
    color: #ffffff !important;
}

[data-theme="dark"] .btn-outline-success {
    color: #ffffff !important;
    border-color: #198754 !important;
    background-color: transparent !important;
}

[data-theme="dark"] .btn-outline-success:hover {
    background-color: #198754 !important;
    color: #ffffff !important;
}

[data-theme="dark"] .btn-outline-danger {
    color: #ffffff !important;
    border-color: #dc3545 !important;
    background-color: transparent !important;
}

[data-theme="dark"] .btn-outline-danger:hover {
    background-color: #dc3545 !important;
    color: #ffffff !important;
}

[data-theme="dark"] .btn-outline-warning {
    color: #ffffff !important;
    border-color: #ffc107 !important;
    background-color: transparent !important;
}

[data-theme="dark"] .btn-outline-warning:hover {
    background-color: #ffc107 !important;
    color: #212529 !important;
}

/* Bouton Prêter spécifiquement - avec sa couleur d'origine mais texte blanc */
[data-theme="dark"] a.btn-outline-success[href*="ajouter_pret"] {
    color: #ffffff !important;
    border-color: #198754 !important;
}

[data-theme="dark"] a.btn-outline-success[href*="ajouter_pret"]:hover {
    background-color: #198754 !important;
    color: #ffffff !important;
}

/* Texte blanc pour tous les boutons en mode sombre */
[data-theme="dark"] .btn {
    color: #ffffff !important;
}

/* Préserver les couleurs des boutons en mode sombre */
[data-theme="dark"] .btn-primary {
    background-color: #0d6efd !important;
    border-color: #0d6efd !important;
    color: #ffffff !important;
}

[data-theme="dark"] .btn-success {
    background-color: #198754 !important;
    border-color: #198754 !important;
    color: #ffffff !important;
}

[data-theme="dark"] .btn-danger {
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
    color: #ffffff !important;
}

[data-theme="dark"] .btn-warning {
    background-color: #ffc107 !important;
    border-color: #ffc107 !important;
    color: #000000 !important;
}

[data-theme="dark"] .btn-info {
    background-color: #0dcaf0 !important;
    border-color: #0dcaf0 !important;
    color: #000000 !important;
}

[data-theme="dark"] .btn-secondary {
    background-color: #6c757d !important;
    border-color: #6c757d !important;
    color: #ffffff !important;
}

/* Éclaircir le bouton des consommables en mode sombre */
[data-theme="dark"] .btn-dark {
    background-color: #495057 !important;
    border-color: #495057 !important;
    color: #ffffff !important;
    box-shadow: 0 0 8px rgba(255, 255, 255, 0.2) !important;
}

/* Texte blanc pour les boutons spécifiques en mode sombre */
[data-theme="dark"] .btn-primary,
[data-theme="dark"] .btn-success,
[data-theme="dark"] .btn-danger,
[data-theme="dark"] .btn-warning,
[data-theme="dark"] .btn-info,
[data-theme="dark"] .btn-secondary {
    color: #ffffff !important;
}

/* Correction pour les liens qui ressemblent à des boutons */
[data-theme="dark"] a.btn {
    color: #ffffff !important;
}

/* Titre de la navbar en blanc en mode sombre */
[data-theme="dark"] .navbar-brand {
    color: #ffffff !important;
}

/* S'assurer que tous les éléments de navigation sont blancs en mode sombre */
[data-theme="dark"] .navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.9) !important;
}

[data-theme="dark"] .navbar-dark .navbar-nav .nav-link:hover,
[data-theme="dark"] .navbar-dark .navbar-nav .nav-link:focus {
    color: #ffffff !important;
}

[data-theme="dark"] .navbar-dark .navbar-nav .active > .nav-link,
[data-theme="dark"] .navbar-dark .navbar-nav .nav-link.active {
    color: #ffffff !important;
}

/* Formulaires en mode sombre */
[data-theme="dark"] .form-control,
[data-theme="dark"] .form-select {
    background-color: var(--input-bg);
    border-color: var(--border-color);
    color: var(--text-color);
}

[data-theme="dark"] .form-control:focus,
[data-theme="dark"] .form-select:focus {
    border-color: #86b7fe;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

/* Styles pour les modales en mode sombre */
[data-theme="dark"] .modal-content {
    background-color: var(--card-bg);
    border-color: var(--border-color);
}

[data-theme="dark"] .modal-header {
    border-bottom-color: var(--border-color);
}

[data-theme="dark"] .modal-footer {
    border-top-color: var(--border-color);
}

[data-theme="dark"] .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}

/* Styles pour les onglets et en-têtes de carte en mode sombre */
[data-theme="dark"] .card-header.bg-white {
    background-color: var(--card-bg) !important;
    border-bottom-color: var(--border-color);
}

[data-theme="dark"] .nav-tabs {
    border-bottom-color: var(--border-color);
}

[data-theme="dark"] .nav-tabs .nav-link {
    color: var(--text-color);
}

[data-theme="dark"] .nav-tabs .nav-link.active {
    color: #ffffff;
    background-color: #2c2c2c;
    border-color: var(--border-color);
}

[data-theme="dark"] .nav-tabs .nav-link:hover:not(.active) {
    border-color: var(--border-color);
    background-color: rgba(255, 255, 255, 0.05);
}

/* Texte muté en mode sombre */
[data-theme="dark"] .text-muted {
    color: #cccccc !important;
}

/* Amélioration de la lisibilité des badges et étiquettes */
[data-theme="dark"] .badge {
    color: #ffffff;
}

/* Amélioration de la lisibilité des liens */
[data-theme="dark"] a {
    color: #8bb9fe;
}

[data-theme="dark"] a:hover {
    color: #aecbff;
}

/* Amélioration de la lisibilité du footer */
[data-theme="dark"] footer {
    background-color: #1a1a1a !important;
    color: #ffffff;
}

/* Amélioration de la lisibilité des onglets */
[data-theme="dark"] .nav-tabs .nav-link {
    color: #e0e0e0;
}

[data-theme="dark"] .nav-tabs .nav-link.active {
    background-color: #2c2c2c;
    color: #ffffff;
    border-color: #333333;
}

/* Amélioration de la lisibilité des alertes */
[data-theme="dark"] .alert {
    color: #ffffff;
}

/* Style spécifique pour le bouton Actualiser du tableau de bord en mode sombre */
[data-theme="dark"] #refresh-dashboard {
    background-color: rgba(255, 255, 255, 0.15);
    border-color: rgba(255, 255, 255, 0.4);
    color: #ffffff !important;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] #refresh-dashboard:hover {
    background-color: rgba(255, 255, 255, 0.25);
    border-color: rgba(255, 255, 255, 0.6);
    box-shadow: 0 0 8px rgba(255, 255, 255, 0.2);
}

/* Amélioration spécifique pour la page d'accueil */
[data-theme="dark"] .card-text {
    color: #ffffff !important;
}

[data-theme="dark"] .card-title {
    color: #ffffff !important;
    font-weight: 600 !important;
}

[data-theme="dark"] .lead {
    color: #ffffff !important;
}

[data-theme="dark"] p {
    color: #ffffff !important;
}

[data-theme="dark"] h1, 
[data-theme="dark"] h2, 
[data-theme="dark"] h3, 
[data-theme="dark"] h4, 
[data-theme="dark"] h5, 
[data-theme="dark"] h6 {
    color: #ffffff !important;
}

/* Éléments en retard dans le tableau */
[data-theme="dark"] .table-danger {
    background-color: rgba(220, 53, 69, 0.2) !important;
}

/* Icône du bouton de basculement */
.theme-toggle-icon {
    font-size: 1.2rem;
    cursor: pointer;
}

/* Animation de transition pour le changement de thème */
body {
    transition: background-color 0.3s ease, color 0.3s ease;
}

.card, .navbar, .form-control, .table, footer {
    transition: background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

/* Amélioration des couleurs de texte pour les icônes */
[data-theme="dark"] .text-primary {
    color: #8bb9fe !important;
}

[data-theme="dark"] .text-success {
    color: #75c791 !important;
}

[data-theme="dark"] .text-danger {
    color: #e17a86 !important;
}

[data-theme="dark"] .text-warning {
    color: #ffda79 !important;
}

[data-theme="dark"] .text-info {
    color: #98e3f0 !important;
}

/* Améliorer la visibilité des textes dans les formulaires */
[data-theme="dark"] .form-label {
    color: var(--text-color);
}

[data-theme="dark"] .form-text {
    color: var(--muted-text);
}

[data-theme="dark"] .text-muted {
    color: var(--muted-text) !important;
}

/* Améliorer les alertes en mode sombre */
[data-theme="dark"] .alert-info {
    background-color: #0c3a5a !important;
    color: #ffffff !important;
    border-color: #0a3049 !important;
}

[data-theme="dark"] .alert-warning {
    background-color: #553a11 !important;
    color: #ffffff !important;
    border-color: #452f0e !important;
}

[data-theme="dark"] .alert-danger {
    background-color: #5a1c28 !important;
    color: #ffffff !important;
    border-color: #4a1722 !important;
}

/* Améliorer les éléments de l'importation CSV */
[data-theme="dark"] .step-number {
    background-color: transparent !important;
    border-color: transparent !important;
    color: #adb5bd !important;
}

[data-theme="dark"] .step-line {
    background-color: #343a40 !important;
}

[data-theme="dark"] .step-indicator.active .step-number {
    background-color: transparent !important;
    border-color: transparent !important;
    color: var(--primary-btn-bg) !important;
}

[data-theme="dark"] .step-indicator.active .step-label {
    color: var(--primary-btn-bg) !important;
}

/* Améliorer les champs de formulaire */
[data-theme="dark"] .form-select,
[data-theme="dark"] .form-control {
    background-color: var(--input-bg) !important;
    color: var(--text-color) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .form-select:focus,
[data-theme="dark"] .form-control:focus {
    border-color: var(--primary-btn-bg) !important;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25) !important;
}

/* Améliorer la lisibilité des textes */
[data-theme="dark"] .text-muted {
    color: #d0d0d0 !important;
}

[data-theme="dark"] .form-label {
    color: var(--text-color) !important;
}

[data-theme="dark"] .form-text {
    color: var(--muted-text) !important;
}

/* Améliorer la lisibilité des listes */
[data-theme="dark"] ul, 
[data-theme="dark"] ol {
    color: var(--text-color) !important;
}

[data-theme="dark"] li {
    color: var(--text-color) !important;
}

/* Améliorer la lisibilité des titres */
[data-theme="dark"] h5, 
[data-theme="dark"] h6 {
    color: var(--text-color) !important;
}

/* Améliorer le contraste des boutons */
[data-theme="dark"] .btn-primary {
    background-color: var(--primary-btn-bg) !important;
    border-color: var(--primary-btn-bg) !important;
    color: white !important;
}

[data-theme="dark"] .btn-secondary {
    background-color: #6c757d !important;
    border-color: #6c757d !important;
    color: white !important;
}

[data-theme="dark"] .btn-success {
    background-color: var(--success-btn-bg) !important;
    border-color: var(--success-btn-bg) !important;
    color: white !important;
}

/* Améliorer l'apparence des cartes */
[data-theme="dark"] .card {
    background-color: var(--card-bg) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .card-header {
    background-color: rgba(0, 0, 0, 0.2) !important;
    border-bottom-color: var(--border-color) !important;
}

[data-theme="dark"] .card-header.bg-primary {
    background-color: #0d6efd !important;
}

[data-theme="dark"] .card-body {
    color: var(--text-color) !important;
}

/* Correction du menu des notifications en mode sombre */
[data-theme="dark"] .dropdown-menu {
    background-color: var(--card-bg);
    color: var(--text-color);
    border-color: var(--border-color);
}

[data-theme="dark"] .dropdown-item {
    color: var(--text-color);
}

[data-theme="dark"] .dropdown-item:hover {
    background-color: var(--hover-bg);
    color: var(--text-color);
}

[data-theme="dark"] .dropdown-header {
    color: var(--text-color);
    border-bottom-color: var(--border-color);
}

[data-theme="dark"] .dropdown-divider {
    border-top-color: var(--border-color);
}

[data-theme="dark"] .notifications-vides {
    background-color: var(--card-bg);
    color: var(--muted-text);
}

[data-theme="dark"] .marquer-toutes-lues {
    color: var(--primary-btn-bg) !important;
}

[data-theme="dark"] button.btn-marquer-lue {
    color: var(--text-color);
    border-color: var(--border-color);
}

/* Amélioration des boutons dans le menu des notifications en mode sombre */
[data-theme="dark"] .dropdown-menu .btn-primary {
    background-color: var(--primary-btn-bg);
    border-color: var(--primary-btn-bg);
    color: white;
}

[data-theme="dark"] .dropdown-menu .btn-outline-secondary {
    background-color: transparent;
    border-color: var(--border-color);
    color: var(--text-color);
}

/* Pour le bouton "Voir" spécifiquement */
[data-theme="dark"] .dropdown-menu .btn-sm.btn-primary {
    background-color: var(--primary-btn-bg) !important;
    color: white !important;
}

/* Pour s'assurer que le header du menu de notification est correctement stylé */
[data-theme="dark"] .dropdown-header {
    background-color: rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid var(--border-color);
}

/* Pour le petit badge indiquant le nombre de notifications */
[data-theme="dark"] .badge {
    color: white;
}

/* Pour améliorer la visibilité du temps/date de la notification */
[data-theme="dark"] .notifications-container .text-muted {
    color: #a0a0a0 !important;
}

/* Correction du survol des notifications en mode sombre */
[data-theme="dark"] .notifications-container .list-group-item,
[data-theme="dark"] .notification-item {
    background-color: var(--card-bg);
    color: var(--text-color);
    border-color: var(--border-color);
}

[data-theme="dark"] .notifications-container .list-group-item:hover,
[data-theme="dark"] .notification-item:hover {
    background-color: rgba(30, 30, 30, 0.8);
}

/* S'assurer que le texte des notifications reste visible */
[data-theme="dark"] .notification-message {
    color: var(--text-color) !important;
}

/* Style pour les boutons au survol des notifications */
[data-theme="dark"] .notification-item:hover .btn-primary {
    background-color: var(--primary-btn-bg) !important;
    color: white !important;
    border-color: var(--primary-btn-bg) !important;
}

[data-theme="dark"] .notification-item:hover .btn-outline-secondary {
    background-color: transparent !important;
    color: var(--text-color) !important;
    border-color: var(--border-color) !important;
}

/* S'assurer que les liens dans les notifications sont bien visibles */
[data-theme="dark"] .notifications-container a {
    color: var(--primary-btn-bg);
}

/* Amélioration du contraste pour le texte de la date */
[data-theme="dark"] .notification-time {
    color: #a0a0a0 !important;
}