{# Empty state — eyebrow, serif heading, body, suggestion chips. #}
<li class="flex flex-col gap-5 px-2 py-8">
  <div class="text-center">
    <p class="font-meta text-[0.62rem] font-semibold uppercase tracking-[0.18em] text-ruforum-primary/70">IILMP Assistant</p>
    <h3 class="mt-2 font-display text-[1.4rem] font-semibold leading-tight text-ruforum-text">How can I help?</h3>
    <p class="mt-2 mx-auto max-w-[28ch] text-sm leading-relaxed text-ruforum-text-muted">
      Ask about a module, search the Repository, or check on your work — I only see what your role allows.
    </p>
  </div>
  <div class="flex flex-col gap-1.5">
    <button type="button" class="assistant-suggestion" data-prompt="Find theses on hermetic storage">
      <span class="flex-1">Find theses on hermetic storage</span>
      <svg class="assistant-suggestion__arrow h-3 w-3" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/></svg>
    </button>
    <button type="button" class="assistant-suggestion" data-prompt="What grant calls are open right now?">
      <span class="flex-1">What grant calls are open right now?</span>
      <svg class="assistant-suggestion__arrow h-3 w-3" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/></svg>
    </button>
    <button type="button" class="assistant-suggestion" data-prompt="How do I submit a thesis?">
      <span class="flex-1">How do I submit a thesis?</span>
      <svg class="assistant-suggestion__arrow h-3 w-3" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/></svg>
    </button>
    <button type="button" class="assistant-suggestion" data-prompt="Show my recent submissions">
      <span class="flex-1">Show my recent submissions</span>
      <svg class="assistant-suggestion__arrow h-3 w-3" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/></svg>
    </button>
  </div>
</li>