/* =========================
         ALERTS
========================= */

.ui-alert {
  width: 100%;
  padding: 10px 14px;                    /* Tight but readable */
  border-radius: var(--radius-md);
  border: 1px solid var(--border);
  background: var(--bg-light);
  font-size: .9rem;
  line-height: 1.35;
  color: var(--ink-700);

  display: flex;
  align-items: center;
  gap: 6px;
}

/* SUCCESS */
.ui-alert.success {
  border-color: #31c48d;
  background: #e8fdf5;
  color: #0e9f6e;
}

/* WARNING */
.ui-alert.warning {
  border-color: #faca15;
  background: #fffbeb;
  color: #c27803;
}

/* ERROR */
.ui-alert.error {
  border-color: #f05252;
  background: #fde8e8;
  color: #b91c1c;
}

/* INFO (default) */
.ui-alert.info {
  border-color: var(--border);
  background: var(--bg-light);
  color: var(--ink-700);
}

/* MOBILE — keep it readable */
@media (max-width: 600px) {
  .ui-alert {
    padding: 10px 12px;
    font-size: 0.88rem;
  }
}