.notification-item {
    transition: background-color 0.2s ease;
}

.notification-item:hover {
    background-color: #f8f9fa !important;
}

/* Removed pulse animation for solid badge */
/* #notification-badge {
    animation: pulse 2s infinite;
} */

/* Ensure badge is fully opaque with solid red color */
#notification-badge {
    background-color: #dc3545 !important;
    color: #ffffff !important;
    opacity: 1 !important;
}

/* Removed pulse keyframes */
/* @keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.7);
    }
    70% {
        box-shadow: 0 0 0 6px rgba(220, 53, 69, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(220, 53, 69, 0);
    }
} */

@keyframes shake {
    0%, 100% {
        transform: translateX(0);
    }
    10%, 30%, 50%, 70%, 90% {
        transform: translateX(-2px);
    }
    20%, 40%, 60%, 80% {
        transform: translateX(2px);
    }
}

.notification-bell-shake {
    animation: shake 0.5s ease-in-out;
}

#notification-list::-webkit-scrollbar {
    width: 6px;
}

#notification-list::-webkit-scrollbar-track {
    background: #f1f1f1;
}

#notification-list::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 3px;
}

#notification-list::-webkit-scrollbar-thumb:hover {
    background: #555;
}