{{--
  Pill used in the auth shell — bundles the language toggle + theme toggle
  inside a single glass control. Reused from the auth pages mobile header
  and the visual panel.
--}}
<div class="dash-auth-control flex items-center gap-1 px-2 py-1.5">
    <x-dashboard::lang-toggle class="hover:bg-[color-mix(in_oklch,var(--accent)_10%,transparent)]"/>

    <span aria-hidden="true" class="h-5 w-px"
          style="background-color: color-mix(in oklch, var(--border) 80%, transparent);"></span>

    <x-dashboard::theme-toggle class="hover:bg-[color-mix(in_oklch,var(--accent)_10%,transparent)]"/>
</div>