<!-- Minimal Navigation Header for Authentication Pages -->
<header class="bg-white border-b border-gray-200">
  <nav class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
    <div class="flex justify-between items-center h-16">
      <!-- Logo -->
      <div class="flex items-center">
        <%= link_to root_path, class: "flex-shrink-0 flex items-center" do %>
          <svg class="h-8 w-8 text-blue-500 mr-3" fill="currentColor" viewBox="0 0 24 24">
            <path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4z"/>
          </svg>
          <span class="text-gray-900 text-lg font-bold">Baffle Hub</span>
        <% end %>
      </div>

      <!-- Right side - optional help link -->
      <div class="flex items-center">
        <% if User.any? %>
          <%= link_to "🏠 Back to Dashboard", root_path,
              class: "text-gray-600 hover:text-gray-900 px-3 py-2 rounded-md text-sm font-medium transition-colors" %>
        <% end %>
      </div>
    </div>
  </nav>
</header>