{{--
    A centered, auto-dismissing confirmation — for actions whose own save button sits far
    from the top of a long page (e.g. Settings\SmsSettings), where a session()-flash banner
    rendered above the page content is easy to miss entirely without scrolling back up.
    Included once, globally, in layouts/app.blade.php — any Livewire component anywhere can
    trigger it with $this->dispatch('toast', message: '...') without adding its own markup.
--}}
<div
    x-data="{ show: false, message: '', hideTimer: null }"
    x-on:toast.window="message = $event.detail.message; show = true; clearTimeout(hideTimer); hideTimer = setTimeout(() => show = false, 3000)"
    x-show="show"
    x-cloak
    x-transition.opacity
    class="pointer-events-none fixed inset-0 z-[100] flex items-center justify-center px-4"
    role="status"
    aria-live="polite"
>
    <div class="pointer-events-auto max-w-sm rounded-lg bg-gray-900 px-5 py-3 text-center text-sm font-medium text-white shadow-xl" x-text="message"></div>
</div>