e-200 rounded-lg p-4 flex flex-col items-center justify-center min-h-[200px]" aria-live="polite" aria-busy="true" x-cloak>
                <span class="loading loading-spinner loading-lg text-primary" aria-hidden="true"></span>
                <p class="text-base-content/50 text-center mt-4">Loading results...</p>
            </div>
            
            <!-- Search results table - only visible when search performed -->
            <div x-show="formSubmitted && !isLoading && results.length > 0" x-transit