/* ============================================================
   COMPONENT · TOAST  (c-toast)
   The transient "Removed — Undo" confirmation for one-click soft-remove
   (× on a list row → row vanishes, this rises for a few seconds → Undo
   restores it). Reuses the c-flash recipe (left-bar + tinted surface) but
   as a FIXED, auto-dismissing card pinned bottom-centre. Green for the
   ordinary "Removed" note; AMBER (--color-alert) for an error — NEVER red
   (red stays reserved for the confirm-gated destructive buttons).

   The card itself is a BLUE (signal-cyan / --color-info) raised panel so it
   reads as a distinct system notification, not as more of the green chassis it
   floats over. The error variant is amber-orange (--color-alert); red stays
   reserved for the confirm-gated destructive buttons.

   #app-toast is the always-present aria-live region in the signed-in shell;
   it is a positioning shell only (pointer-events: none) so it never traps
   clicks when empty — the card itself re-enables pointer events.
   ============================================================ */

.app-toast {
  position: fixed;
  left: 50%;
  bottom: var(--space-5);
  transform: translateX(-50%);
  z-index: var(--z-toast);

  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  width: min(92vw, 30rem);
  pointer-events: none;
}

.c-toast {
  pointer-events: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);

  padding: var(--space-3) var(--space-4);
  font-family: var(--font-data);
  font-size: var(--fs-sm);
  color: var(--color-text-strong);
  background: color-mix(in srgb, var(--color-info) 24%, var(--color-surface-raised));
  border: 1px solid var(--color-info);
  border-radius: var(--radius-xs);
  box-shadow: var(--shadow-raised);
}

/* Error toast: amber-orange, never red (red is reserved for destructive confirms). */
.c-toast--alert {
  background: color-mix(in srgb, var(--color-alert) 24%, var(--color-surface-raised));
  border-color: var(--color-alert);
}

.c-toast__msg  { flex: 1 1 auto; }
.c-toast__undo { flex: 0 0 auto; }