/* COMPOSANT : NAVIGATION 
   Cible uniquement : .top-nav et ses enfants
*/

/* 1. La Barre */
#avision-dashboard-root .top-nav {
    background: white !important;
    height: 80px !important;
    border-bottom: 1px solid var(--border) !important;
    
    /* Flexbox pour aligner Logo - Droite */
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 5% !important; /* Marge interne de sécurité */
    
    /* Positionnement */
    position: relative !important; 
    z-index: 500 !important; /* Au-dessus du contenu */
}

/* 2. Éléments interactifs (Forçage du curseur) */
#avision-dashboard-root .header-flag,
#avision-dashboard-root .notif-btn {
    cursor: pointer !important;
    pointer-events: auto !important; /* CLIC OBLIGATOIRE */
    transition: transform 0.2s !important;
}

#avision-dashboard-root .header-flag:hover,
#avision-dashboard-root .notif-btn:hover {
    transform: scale(1.1);
    opacity: 1 !important;
}

/* 3. LA POPUP (Coupable habituel du blocage) */
/* Par défaut, elle n'existe PAS (display: none) */
#avision-dashboard-root .modal-overlay {
    display: none !important; 
    position: fixed !important;
    top: 0; left: 0; width: 100vw; height: 100vh;
    background: rgba(0,0,0,0.5) !important;
    z-index: 9999 !important;
}

/* Elle n'apparaît QUE si la classe .is-visible est ajoutée par JS */
#avision-dashboard-root .modal-overlay.is-visible {
    display: flex !important;
    align-items: center;
    justify-content: center;
}