{# Pane 4 — Pending invites.
   DEPRECATED in Plan 57 — superseded by the activity feed (Row 4)
   surfacing invite_created / invite_accepted events. File kept in
   case the old card is wanted back. #}
<a href="/admin/invites" class="card p-4 block">
  <div class="flex items-center justify-between mb-3">
    <div class="flex items-center gap-2">
      <i data-lucide="mail-plus" class="w-4 h-4 text-cmdop-400"></i>
      <h2 class="text-[13px] font-semibold text-ink-100 tracking-tight">Pending invites</h2>
    </div>
  </div>
  <template x-if="data.invites === null">
    <div class="text-[13px] text-ink-500">Loading…</div>
  </template>
  <template x-if="data.invites">
    <div class="space-y-2">
      <div class="flex items-baseline gap-3">
        <span class="text-[28px] font-mono font-semibold tracking-tight"
              :class="data.invites.pending > 0 ? 'text-cmdop-300' : 'text-ink-100'"
              x-text="data.invites.pending"></span>
        <span class="text-[12px] text-ink-400" x-text="data.invites.pending === 1 ? 'invite waiting' : 'invites waiting'"></span>
      </div>
      <template x-if="data.invites.pending === 0">
        <p class="text-[11px] text-ink-500 pt-2 border-t border-white/[0.06]">No pending invites. Mint one to bring a teammate in.</p>
      </template>
    </div>
  </template>
</a>