/* ================================================================
   alerts.css — flash alerts, info banners
   ================================================================ */
.alert {
  padding: var(--sp-sm) 1rem;
  border-radius: 7px; font-size: 12.1px;
  margin-bottom: var(--sp-md);
  border-left: 3px solid;
  display: flex; align-items: center; gap: .5rem;
}
.alert-success { background: #F0FAF0; border-color: var(--gn); color: #1A4A0A; }
.alert-error   { background: var(--rp); border-color: var(--red); color: #7A0000; }
.alert-info    { background: var(--pa); border-color: var(--go); color: var(--im); }
.alert-warning { background: #FFF8E7; border-color: #C9A84C; color: #5C4A00; }