{{-- Модальное окно авторизации: основной вход — по телефону, вторичный — по почте --}}
<div x-show="authModalOpen" x-cloak
     class="fixed inset-0 z-[60] flex items-start justify-center overflow-y-auto bg-black/40 p-4 pt-16"
     @keydown.escape.window="authModalOpen = false"
     style="display:none">
    <div class="card w-full max-w-md p-6 sm:p-8" @click.outside="authModalOpen = false" x-data="authModal()">
        <div class="mb-5 flex items-center justify-between">
            <div class="flex items-center gap-2">
                <span class="grid h-9 w-9 place-items-center rounded-xl bg-brand-500 text-lg font-black text-white">P</span>
                <span class="text-xl font-extrabold tracking-tight">Placeo</span>
            </div>
            <button type="button" @click="authModalOpen = false" class="rounded-lg p-1.5 text-gray-400 hover:bg-gray-100">
                <svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                    <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" />
                </svg>
            </button>
        </div>

        @include('partials.auth-form')
    </div>
</div>