/* ============================================
   DROPDOWN Z-INDEX NUCLEAR OPTION
   Force dropdown above everything
   ============================================ */

body .user-dropdown,
body .user-dropdown-trigger,
body .user-dropdown-menu {
    z-index: 999999 !important;
}

body .user-dropdown-menu {
    position: fixed !important;
}

/* Initial hidden state */
.user-dropdown-menu {
    opacity: 0 !important;
    visibility: hidden !important;
    transform: scale(0.95);
    transition: all 0.3s ease !important;
}

/* Active/visible state - use active class directly on menu */
.user-dropdown-menu.active,
body .user-dropdown-menu.active {
    opacity: 1 !important;
    visibility: visible !important;
    transform: scale(1);
    display: block !important;
}