{{--
    Both panels' <head>, signed in or not.

    public/dist is the prebuilt Midone/Rubick theme botique-backend's panel is
    styled with (the two copies are byte-identical), so both products'
    back-offices look the same. It is loaded before Vite on purpose: the
    project's own Tailwind v4 lives in cascade layers, so the theme's unlayered
    rules win wherever the two overlap - the same order botique uses.
--}}
@props(['title' => null, 'suffix' => null, 'js' => false])

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{ $title ? $title . ' · ' : '' }}{{ $suffix ?? config('app.name') }}</title>
<link rel="stylesheet" href="{{ asset('dist/css/app.css') }}">
@vite($js ? ['resources/css/app.css', 'resources/js/app.js'] : ['resources/css/app.css'])
{{ $slot }}