/* ============================================================
   toast.css — Apply-and-Undo toast (Phase 4 Task 4.4, spec §9.1)
   ============================================================

   Single bottom-of-viewport toast. New applies REPLACE the
   existing toast (no stacking) — the user always sees the Undo
   window for the most recent apply. Older revertable batches
   remain accessible via /agent/linear/actions (action history). */

#toast-mount {
  position: fixed;
  bottom: 1.5rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10000; /* above .dialog-backdrop (9999) */
  pointer-events: none;
}

#toast-mount .toast {
  pointer-events: auto;
  display: inline-flex;
  align-items: center;
  gap: 0.875rem;
  background: #163d18; /* forest-700 — primary anchor */
  color: #f3efe4;      /* parch-100 */
  padding: 0.75rem 1rem;
  border-radius: 6px;
  box-shadow: 0 12px 24px -8px rgba(17, 14, 8, 0.4);
  font-family: "DM Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.3;
  min-width: 16rem;
  max-width: 32rem;
}

#toast-mount .toast--error {
  background: #5d2222;
}

#toast-mount .toast-icon {
  font-weight: 700;
}

#toast-mount .toast-message {
  flex: 1;
}

#toast-mount .toast-undo {
  background: transparent;
  border: 0;
  color: inherit;
  font: inherit;
  cursor: pointer;
  text-decoration: underline;
  padding: 0.125rem 0.375rem;
  border-radius: 4px;
  margin-left: 0.25rem;
}

#toast-mount .toast-undo:hover,
#toast-mount .toast-undo:focus-visible {
  background: rgba(255, 255, 255, 0.12);
  outline: none;
}

@media (max-width: 480px) {
  #toast-mount {
    left: 0.75rem;
    right: 0.75rem;
    transform: none;
  }
  #toast-mount .toast {
    width: 100%;
    min-width: 0;
  }
}