{% if not q %}
<p class="px-3 py-2 text-xs text-gray-500 dark:text-gray-400">Type to search contracts and teams…</p>
{% elif not contracts and not teams %}
<p class="px-3 py-2 text-sm text-gray-500 dark:text-gray-400">No results for “{{ q }}”.</p>
{% else %}
<div class="max-h-72 overflow-y-auto py-1">
  {% if contracts %}
  <p class="px-3 py-1 text-xs font-semibold uppercase text-gray-400">Contracts</p>
  {% for c in contracts %}
  <a href="/ui/contracts/{{ c.contract_id }}" class="block px-3 py-2 text-sm text-gray-800 hover:bg-gray-50 dark:text-gray-200 dark:hover:bg-gray-800">
    <span class="font-medium">{{ c.title }}</span>
    <span class="ml-2 font-mono text-xs text-gray-400">{{ c.contract_id }}</span>
  </a>
  {% endfor %}
  {% endif %}
  {% if teams %}
  <p class="px-3 py-1 text-xs font-semibold uppercase text-gray-400">Teams</p>
  {% for t in teams %}
  <a href="/ui/contracts?team={{ t | urlencode }}" class="block px-3 py-2 text-sm text-gray-800 hover:bg-gray-50 dark:text-gray-200 dark:hover:bg-gray-800">
    {{ t }}
  </a>
  {% endfor %}
  {% endif %}
</div>
{% endif %}