@props(['title' => null])
{{--
    The document head both shells share. Written once because a divergence here
    is invisible until something is missing on exactly one of them — a favicon,
    the CSRF token, a viewport that lets iOS zoom.
--}}
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="csrf-token" content="{{ csrf_token() }}">
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="apple-touch-icon" href="/favicon.svg">
<title>{{ $title ?? config('app.name') }}</title>
@vite(['resources/css/app.css', 'resources/js/app.js'])
@livewireStyles