@auth
<header class="bg-white shadow-sm border-b h-16 flex items-center px-4 md:px-6 md:ml-64">
    <button 
        @click="sidebarOpen = !sidebarOpen"
        type="button"
        aria-label="Toggle menu"
        class="md:hidden p-2 rounded-md text-gray-600 hover:text-gray-800 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-blue-500"
    >
        <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path>
        </svg>
    </button>

    <h2 class="ml-4 md:ml-0 text-xl font-semibold text-gray-800">@yield('page-title', 'Dashboard')</h2>
</header>
@endauth
