{{-- Hub-style settings page header (used by all /settings/* pages) --}}
<header class="mb-8 grid items-end gap-8" style="grid-template-columns:1fr auto;">
    <div class="min-w-0">
        <div class="flex items-center gap-3 mb-3 flex-nowrap whitespace-nowrap">
            <span class="badge hub dot">{{ __('Admin Backend') }}</span>
            <span class="eyebrow muted">{{ __('Mein Konto · Einstellungen') }}</span>
        </div>
        <h1 class="text-[30px] font-bold tracking-[-0.6px] leading-[1.15] m-0 text-[color:var(--color-ink)]">
            {{ __('Settings') }}
        </h1>
        <p class="text-[13px] leading-[1.55] mt-2 m-0 max-w-[640px] text-[color:var(--color-ink-2)]">
            {{ __('Manage your profile and account settings') }}
        </p>
    </div>
</header>