{{-- Deal Explorer empty state --}}
<div class="flex flex-col items-center justify-center py-20 text-center">
    <div class="mb-4 flex h-16 w-16 items-center justify-center rounded-full bg-muted">
        <x-heroicon-o-magnifying-glass class="h-8 w-8 text-muted-foreground/60" />
    </div>
    <h3 class="text-base font-semibold text-foreground">No properties found</h3>
    <p class="mt-1 text-sm text-muted-foreground">Try adjusting your search or filter criteria.</p>
    <button
        type="button"
        @click="search = ''; resetFilters();"
        class="mt-4 rounded-lg border border-border bg-card px-4 py-2 text-sm font-medium text-foreground transition-colors hover:bg-muted"
    >Clear filters</button>
</div>