.alert {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  border-radius: var(--radius-lg);
  padding: var(--space-4);
  border: 1px solid var(--color-border);
  background: var(--color-surface);
  color: var(--color-text);
}

.alert--success { background: rgba(46,139,87,0.1); border-color: rgba(46,139,87,0.22); color: var(--color-success); }
.alert--warning { background: rgba(212,155,31,0.12); border-color: rgba(212,155,31,0.22); color: var(--color-warning); }
.alert--error { background: rgba(214,69,69,0.12); border-color: rgba(214,69,69,0.22); color: var(--color-danger); }
.alert--info { background: rgba(63,127,191,0.12); border-color: rgba(63,127,191,0.22); color: var(--color-info); }