/* components/alerts.css */
.alert{
  padding: .6rem .75rem;
  border-radius: .75rem;
  border: 1px solid var(--border, #e5e7eb);
  background: #f9fafb;
  margin: .75rem 0;
}

.alert-success{ background:#ecfdf5; border-color:#a7f3d0; }
.alert-danger{ background:#fef2f2; border-color:#fecaca; color:#7f1d1d; }
.alert-warning{ background:#fff7ed; border-color:#fed7aa; }
.alert-info{ background:#eff6ff; border-color:#bfdbfe; }

.error {
  background: #fef2f2;
  border: 1px solid #fecaca;
  color: #7f1d1d;
  padding: .6rem .75rem;
  border-radius: .75rem;
  margin: .75rem 0;
}