{# Plan 47 — recently-joined panel (7-day rollup).
   Hidden by default; loadRecent() in invites.js un-hides the wrapper
   and fills #recent-list when the API returns at least one row. Closes
   the loop for the admin: invitation sent → teammate joined. #}
{% from 'admin/components/ui.html' import card %}
<div id="recent-section" class="hidden">
  {% call card() %}
  <div class="flex items-center justify-between mb-3">
    <h2 class="text-sm font-semibold text-ink-300">Recently joined</h2>
    <span class="text-xs text-ink-500">last 7 days</span>
  </div>
  <ul id="recent-list" class="space-y-2"></ul>
  {% endcall %}
</div>