{# Toast notification (used by JS) #}
<div id="toast-template" class="hidden">
  <div class="toast flex items-center p-4 rounded-lg border shadow-lg bg-white">
    <span class="toast-message flex-1 text-sm"></span>
    <button onclick="this.parentElement.remove()" class="ml-4 text-slate-400 hover:text-slate-600">&times;</button>
  </div>
</div>