/* Admin Notification Priority Styling */

/* Critical Priority - Red */
.notification-item.notif-critical {
    border-left: 4px solid #EF4444;
    background: #FEF2F2;
}

.notification-item.notif-critical .notification-icon {
    background: #EF4444;
}

/* High Priority - Orange */
.notification-item.notif-high {
    border-left: 4px solid #F59E0B;
    background: #FFFBEB;
}

.notification-item.notif-high .notification-icon {
    background: #F59E0B;
}

/* Medium Priority - Yellow */
.notification-item.notif-medium {
    border-left: 4px solid #FFB81C;
}

.notification-item.notif-medium .notification-icon {
    background: #FFB81C;
}

/* Low Priority - Green */
.notification-item.notif-low {
    border-left: 4px solid #00A86B;
    opacity: 0.85;
}

.notification-item.notif-low .notification-icon {
    background: #00A86B;
}

/* Admin Notification Badge Colors */
.notification-badge.has-critical {
    background: #EF4444;
    animation: pulse-red 2s infinite;
}

.notification-badge.has-high {
    background: #F59E0B;
}

@keyframes pulse-red {

    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0.7;
    }
}

/* Admin Notification Filter */
.notification-filter {
    display: flex;
    gap: 0.5rem;
    padding: 0.75rem;
    border-bottom: 1px solid #e5e7eb;
}

.notification-filter-btn {
    padding: 0.25rem 0.75rem;
    border-radius: 4px;
    border: 1px solid #e5e7eb;
    background: white;
    cursor: pointer;
    font-size: 0.875rem;
}

.notification-filter-btn:hover {
    background: #f3f4f6;
}

.notification-filter-btn.active {
    background: #005C99;
    color: white;
    border-color: #005C99;
}