{# Top-right toast for password mutations. 6s TTL set by showToast()
   in bots.js. Kind = 'success' (emerald) or 'error' (red). #}
<template x-teleport="body">
<div x-show="toast.visible" x-cloak
     x-transition.opacity
     class="fixed top-6 right-6 z-50 max-w-sm rounded-md border shadow-2xl p-3 flex items-start gap-3 bg-black"
     :class="toast.kind === 'success'
       ? 'border-emerald-500/30 text-emerald-200'
       : 'border-red-500/30 text-red-200'">
  <i :data-lucide="toast.kind === 'success' ? 'check-circle' : 'alert-circle'" class="w-4 h-4 mt-0.5 flex-shrink-0"></i>
  <div class="text-[13px]" x-text="toast.message"></div>
</div>
</template>