/* Fix notification dropdown positioning */

/* Ensure dropdown is positioned relative to its parent */
.notification-dropdown {
    position: relative;
}

.quick-nav-notification {
    position: relative;
}

/* Force dropdown menu positioning */
.dropdown-menu.notification-menu {
    position: absolute !important;
    inset: auto !important;
    margin: 0 !important;
    transform: none !important;
}

/* Position for quick nav notification */
.quick-nav-notification .notification-menu {
    top: calc(100% + 8px) !important;
    right: -50px !important;
    left: auto !important;
}

/* Position for header notification (if exists) */
.notification-dropdown .notification-menu {
    top: calc(100% + 8px) !important;
    right: 0 !important;
    left: auto !important;
}

/* Prevent Bootstrap from moving it */
.dropdown-menu.show.notification-menu {
    position: absolute !important;
    transform: translate(0, 0) !important;
}

/* Override Bootstrap inline styles */
.notification-menu[style*="position"] {
    position: absolute !important;
}

.notification-menu[style*="transform"] {
    transform: none !important;
}

