{{--
    Tenant login page — App\Filament\Pages\Auth\Login (extends Filament's own).

    Two deviations from the stock simple-page layout:

    1. Logo sizing. The brand mark is this page's hero; the stock 1.75rem
       sidebar sizing reads as an afterthought above the sign-in card, so it is
       scaled up to a prominent size. Scoped to `.fi-simple-page` so the
       sidebar/topbar marks are untouched.

    2. The logo itself resolves lazily through the panel's `brandLogo()`
       closure, which reads the subdomain-bound tenant — or, on a universal
       host, the tenant named by the `?slug=` / `?tenant=` query parameter —
       so a tenant's own uploaded logo is what shows here, before the visitor
       has typed a single credential.

    The form (password + Quick PIN pad + MFA challenge) is `$this->content`,
    exactly as the parent `filament-panels::pages.simple` renders it.
--}}
<x-filament-panels::page.simple>
    <style>
        .fi-simple-page .fi-simple-header {
            align-items: center;
            text-align: center;
        }

        .fi-simple-page .fi-simple-header .fi-logo {
            height: 4.5rem !important;
            width: auto;
            margin-bottom: 0.75rem;
        }

        .fi-simple-page .fi-simple-header .fi-logo img,
        .fi-simple-page .fi-simple-header .fi-logo svg {
            max-height: 4.5rem;
            width: auto;
        }

        .fi-simple-page .fi-simple-header-heading {
            font-size: 1.25rem;
        }
    </style>

    {{ $this->content }}
</x-filament-panels::page.simple>
