{{-- One global search result. The href keeps middle-click and "open in new
     tab" working; a plain click goes through open() so it is remembered. --}}
<a
    href="{{ $item['url'] }}"
    data-result
    wire:key="crm-search-{{ $item['type'] }}-{{ $item['id'] }}"
    wire:click.prevent="open('{{ $item['type'] }}', {{ $item['id'] }})"
    x-on:mouseenter="active = {{ $index }}"
    x-bind:class="active === {{ $index }} ? 'bg-indigo-50 text-indigo-700' : 'text-slate-700'"
    x-bind:aria-selected="active === {{ $index }} ? 'true' : 'false'"
    role="option"
    class="mx-2 flex items-center gap-3 rounded-xl px-3 py-2 text-sm transition"
>
    <span class="flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-slate-100 text-slate-500">
        <x-icon :name="$item['icon']" class="h-4 w-4" />
    </span>
    <span class="min-w-0 flex-1">
        <span class="block truncate font-medium">{{ $item['title'] }}</span>
        @if ($item['subtitle'])
            <span class="block truncate text-xs text-slate-400">{{ $item['subtitle'] }}</span>
        @endif
    </span>
    <x-icon name="arrow-right" class="h-3.5 w-3.5 shrink-0 text-slate-300" />
</a>