.alert {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-3) var(--space-4);
    border-radius: var(--radius-sm);
    font-size: var(--text-sm);
    font-weight: 500;
    border: 1px solid transparent;
}

.alert svg {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

.alert-error {
    background: var(--color-brand-red-tint);
    color: var(--color-brand-red);
    border-color: #F6C6C8;
}

.alert-success {
    background: var(--color-success-bg);
    color: var(--color-success);
    border-color: #C2E9CD;
}