/* Style pour le bouton toggle en mode normal */
.theme-toggle-btn {
    background: #6366f1 !important;
    border: none !important;
    color: white !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
    font-size: 0.8rem !important;
    padding: 0.5rem 1rem !important;
}

.theme-toggle-btn:hover {
    background: #4f46e5 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 8px rgba(99, 102, 241, 0.3) !important;
    color: white !important;
}

.theme-toggle-btn:focus {
    box-shadow: 0 0 0 0.2rem rgba(99, 102, 241, 0.25) !important;
    color: white !important;
}

.theme-toggle-btn i {
    margin-right: 0.5rem !important;
    color: white !important;
}

/* ========================================
   STABILISATION GLOBALE
   ======================================== */

/* Empêcher les transitions pendant le chargement */
.loading,
.loading * {
    transition: none !important;
    animation: none !important;
}

/* Mode normal - même stabilisation */
body:not(.dark-mode) .vertical-nav {
    min-width: 17rem !important;
    width: 17rem !important;
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    transition: none !important;
}

body:not(.dark-mode) .page-content {
    width: calc(100% - 17rem) !important;
    margin-left: 17rem !important;
    transition: none !important;
}

/* Empêcher les mouvements sur les liens en mode normal */
body:not(.dark-mode) .nav-link {
    transform: none !important;
    transition: color 0.2s ease, background-color 0.2s ease !important;
}

body:not(.dark-mode) .nav-link:hover {
    transform: none !important;
}

body:not(.dark-mode) .nav-link.selected {
    transform: none !important;
}