/* ═══════════════════════════════════════════════════════════════
   Simply — fix z-index badge notifiche e dropdown sovrapposti
   ═══════════════════════════════════════════════════════════════

   PROBLEMA: la topbar custom #simply-topbar ha z-index:40 e copre
   il badge di notifica Filament (fi-topbar-notifications) che
   appare in alto a destra. I dropdown delle notifiche e account
   rendevano sotto al topbar.

   FIX: forzare i wrapper notifiche/account/dropdown globali Filament
   sopra la topbar Simply (z-index 41+), e garantire che il popover
   delle notifiche appaia sopra tutto (z-index altissimo).

   Caricato dopo simply-topbar.css, questo file ha la parola finale.
*/

/* Contenitore notifiche Filament: deve stare sopra simply-topbar */
.fi-topbar-notifications,
.fi-notifications,
[x-data*="notification"],
[class*="fi-notifications"] {
    position: relative;
    z-index: 45 !important;
}

/* Badge numerico (il contatore "3" a pallino) */
.fi-topbar-notifications-count,
.fi-notification-badge,
.fi-icon-btn-badge {
    z-index: 46 !important;
    position: absolute !important;
}

/* Pannello/popover/trigger delle notifiche Filament */
.fi-dropdown-panel,
.fi-notifications-panel,
.fi-notifications [role="menu"],
.fi-notifications [role="dialog"] {
    z-index: 10000 !important;
}

/* Assicurati che le notifiche toast (bottom right) stiano sopra tutto */
.fi-notifications-notifications {
    z-index: 10001 !important;
}

/* Se una notifica Filament e' mostrata nel topbar nativo (che noi
   abbiamo display:none), forziamo almeno il suo popover ad apparire
   fuori dal parent nascosto */
.fi-notifications-trigger {
    position: relative;
    z-index: 45 !important;
}

/* Scudo: qualsiasi elemento che ha un aria-label di notifica va sopra */
[aria-label*="otifica"],
[aria-label*="otification"] {
    z-index: 45;
}