/* ============================================
   ALERTS.CSS - Alert/Notification Styles
   ============================================ */

.alert {
    padding: 8px 12px;
    border-radius: var(--radius-md);
    font-size: 0.75rem;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.alert-success {
    background: var(--success-soft);
    color: var(--success);
    border: 1px solid var(--success);
}

.alert-danger {
    background: var(--danger-soft);
    color: var(--danger);
    border: 1px solid var(--danger);
}

.alert-warning {
    background: var(--warning-soft);
    color: var(--warning);
    border: 1px solid var(--warning);
}

.alert-info {
    background: var(--info-soft);
    color: var(--info);
    border: 1px solid var(--info);
}

.alert-primary-soft {
    background: var(--primary-soft);
    color: var(--primary);
    border: 1px solid var(--primary);
}