{% if results %}
{% for result in results %}
<div role="option"
     data-url="{{ result.url }}"
     style="padding: 8px 16px; cursor: pointer; display: flex; align-items: center; gap: 10px; {% if loop.first %}background: var(--bg-surface-hover);{% endif %}"
     onclick="window.location=this.dataset.url">
  <span style="color: var(--text-muted); font-size: 14px;">
    {% if result.type == "project" %}📁{% elif result.type == "control" %}🔒{% elif result.type == "page" %}📄{% else %}⚡{% endif %}
  </span>
  <div>
    <div style="font-size: 13px; color: var(--text-primary);">{{ result.label }}</div>
    {% if result.subtitle %}
    <div style="font-size: 11px; color: var(--text-muted);">{{ result.subtitle }}</div>
    {% endif %}
  </div>
</div>
{% endfor %}
{% else %}
<div style="padding: 16px; text-align: center; font-size: 13px; color: var(--text-muted);">
  No results found
</div>
{% endif %}