.notification-card {
    padding: 16px;
    border-bottom: 1px solid #e5e7eb;
    transition: background-color 0.15s;
}

.notification-card:hover {
    background-color: #f9fafb;
}

.notification-card--unread {
    background-color: #eff6ff;
    border-left: 3px solid #2563eb;
}

.notification-type-badge {
    display: inline-block;
    padding: 2px 8px;
    font-size: 11px;
    font-weight: 600;
    border-radius: 4px;
    background-color: #e5e7eb;
    color: #374151;
}

.notification-type-badge--program_posted { background-color: #dbeafe; color: #1e40af; }
.notification-type-badge--program_accepted { background-color: #d1fae5; color: #065f46; }
.notification-type-badge--program_confirmed { background-color: #d1fae5; color: #065f46; }
.notification-type-badge--program_application { background-color: #fef3c7; color: #92400e; }
.notification-type-badge--host_recommended { background-color: #ede9fe; color: #5b21b6; }
.notification-type-badge--recommendation_response { background-color: #ede9fe; color: #5b21b6; }
.notification-type-badge--payment_completed { background-color: #d1fae5; color: #065f46; }
.notification-type-badge--payment_cancelled { background-color: #fee2e2; color: #991b1b; }

.filter-tab {
    padding: 8px 16px;
    font-size: 13px;
    color: #6b7280;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    background: none;
    border-top: none;
    border-left: none;
    border-right: none;
}

.filter-tab:hover {
    color: #1f2937;
}

.filter-tab--active {
    color: #2563eb;
    border-bottom-color: #2563eb;
    font-weight: 600;
}