/* Flash toast enter/leave motion. Tailwind cannot express the JS-toggled
   leaving state cleanly, so the transition lives in this dedicated file
   (no inline CSS/JS). See flash_controller.js + shared/_flash_notices. */
.flash-toast {
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.flash-toast--leaving {
  opacity: 0;
  transform: translateX(0.75rem);
}

@media (prefers-reduced-motion: reduce) {
  .flash-toast {
    transition: none;
  }
}