/* Fix for message inbox popup appearing under mobile navbar */

/* Ensure all message/inbox popups appear above mobile navbar (z-index: 999999) */
.message-popup,
.inbox-popup,
.notification-popup,
.modal,
.modal-backdrop,
[class*="message-"],
[class*="inbox-"],
[id*="message"],
[id*="inbox"] {
    z-index: 9999999 !important;
}

/* Specific fix for any dropdown or popup menus */
.dropdown-menu,
.popover,
.tooltip {
    z-index: 9999999 !important;
}

/* Fix for any fixed positioned message elements */
[style*="position: fixed"],
[style*="position:fixed"] {
    z-index: 9999999 !important;
}

/* Ensure message notifications are visible */
.notification-container,
.notification-badge,
#messageNotificationBadge,
#mobileMessageBadge {
    z-index: 9999999 !important;
}

/* Fix for any overlay backgrounds */
.overlay,
.backdrop,
.modal-backdrop {
    z-index: 9999998 !important;
}

/* Specific fix for message/inbox related elements on mobile */
@media (max-width: 768px) {
    .message-popup,
    .inbox-popup,
    .notification-popup,
    [class*="message"],
    [class*="inbox"] {
        z-index: 9999999 !important;
        position: fixed !important;
    }
}