{# Bulk actions toolbar — delete-only.
   State managed by dzTable Alpine component — bulkDelete(), clearSelection().

   #978: visibility is CSS-driven via `[data-dz-bulk-count]` on the
   outer .dz-table wrapper (set by dzTable's $watch on bulkCount). The
   count text is mirrored to `[data-dz-bulk-count-target]` descendants
   imperatively — no Alpine bindings on children that idiomorph could
   re-evaluate before scope rebinds (ADR-0022).

   v0.62 CSS refactor: inline Tailwind → semantic .dz-bulk-* classes
   (components/fragments.css). #}
<div class="dz-bulk-actions">

  {# Delete N items #}
  <button @click="bulkDelete()" type="button" class="dz-bulk-delete">
    {# Trash icon #}
    <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none"
         stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
         aria-hidden="true">
      <polyline points="3 6 5 6 21 6"></polyline>
      <path d="M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6"></path>
      <path d="M10 11v6"></path>
      <path d="M14 11v6"></path>
      <path d="M9 6V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2"></path>
    </svg>
    <span>Delete <span data-dz-bulk-count-target>0</span> item<span class="dz-bulk-plural">s</span></span>
  </button>

  {# Clear selection #}
  <button @click="clearSelection()" type="button" class="dz-bulk-clear">
    Clear selection
  </button>

</div>