.notification-bell[data-unread-notifications="true"] svg {
    color: #f5365c !important;
    animation: bell-ring 1s ease-in-out infinite;
}

@keyframes bell-ring {
    0%, 100% { transform: rotate(0deg); }
    10%, 30% { transform: rotate(-10deg); }
    20%, 40% { transform: rotate(10deg); }
}

.list-group-item.bg-light {
    background-color: #f7fafc !important;
    border-left: 3px solid #5e72e4;
}

#alertList::-webkit-scrollbar {
    width: 6px;
}

#alertList::-webkit-scrollbar-track {
    background: #f1f1f1;
}

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

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