<nav class="navbar">
  <a href="/panel" class="logo">Trokk<span>mart</span> · Panel</a>
  <input type="checkbox" id="nav-toggle" class="nav-toggle" />
  <label for="nav-toggle" class="nav-burger" aria-label="Abrir menú">☰</label>
  <div class="nav-links">
    <a href="/panel" class="<%= typeof activo !== 'undefined' && activo === 'productos' ? 'activo' : '' %>">Productos</a>
    <a href="/panel/pedidos" class="<%= typeof activo !== 'undefined' && activo === 'pedidos' ? 'activo' : '' %>">Pedidos</a>
    <a href="/panel/estadisticas" class="<%= typeof activo !== 'undefined' && activo === 'estadisticas' ? 'activo' : '' %>">Ventas</a>
    <a href="/panel/categorias" class="<%= typeof activo !== 'undefined' && activo === 'categorias' ? 'activo' : '' %>">Categorías</a>
    <a href="/panel/metodos-pago" class="<%= typeof activo !== 'undefined' && activo === 'metodos-pago' ? 'activo' : '' %>">Métodos de pago</a>
    <a href="/panel/negocio" class="<%= typeof activo !== 'undefined' && activo === 'negocio' ? 'activo' : '' %>">Mi negocio</a>
    <% if (usuarioActual && usuarioActual.rol === 'dueno') { %>
      <a href="/panel/equipo" class="<%= typeof activo !== 'undefined' && activo === 'equipo' ? 'activo' : '' %>">Equipo</a>
    <% } %>
    <a href="/" target="_blank">Ver tienda pública ↗</a>
    <span>👤 <%= usuarioActual ? usuarioActual.nombre : '' %> <% if (usuarioActual && usuarioActual.rol === 'supervisor') { %>(supervisor)<% } %></span>
    <form action="/logout" method="POST">
      <input type="hidden" name="_csrf" value="<%= csrfToken %>" />
      <button type="submit">Cerrar sesión</button>
    </form>
  </div>
</nav>
