/* static/css/notifications.css */
#notification-list .dropdown-item {
    white-space: normal;
    border-bottom: 1px solid #f1f1f1;
    padding: 0.75rem 1.25rem;
}

#notification-list .dropdown-item:last-child {
    border-bottom: none;
}

#notification-list .dropdown-item.unread {
    background-color: #f8f9fa;
}

#notification-list .dropdown-item .notification-time {
    font-size: 0.75rem;
    color: #6c757d;
}

#notification-list .dropdown-item .notification-message {
    margin-bottom: 0.25rem;
}

#notification-list .dropdown-item .notification-title {
    font-weight: 500;
    margin-bottom: 0.25rem;
}

#notification-list .dropdown-item:hover {
    background-color: #f1f1f1;
}

/* Animation for new notifications */
@keyframes highlight {
    from { background-color: #e9f5ff; }
    to { background-color: transparent; }
}

.notification-highlight {
    animation: highlight 2s ease-out;
}