/* Notification Status Badges */
.notification-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    font-size: 0;
    /* Hide text if present */
    margin-left: 0.5rem;
    flex-shrink: 0;
}

.notification-status.status-confirmed {
    background-color: rgba(34, 197, 94, 0.1);
    color: rgb(34, 197, 94);
}

.notification-status.status-rejected {
    background-color: rgba(239, 68, 68, 0.1);
    color: rgb(239, 68, 68);
}

.notification-status.status-pending {
    background-color: rgba(245, 158, 11, 0.1);
    color: rgb(245, 158, 11);
}

.notification-status i {
    font-size: 0.875rem;
}

/* Hide empty status badges */
.notification-status:empty {
    display: none;
}