<nav class="navbar" style="position:fixed;top:0;left:0;right:0;z-index:100;height:var(--hdr-h)">
  <div class="nav-inner" style="height:100%;max-width:100%">
    <a href="/" class="nav-brand"><img src="/img/logo.svg" class="nav-logo" alt="Mek-Tech"></a>
    <div class="nav-search" style="display:flex;flex:1;max-width:340px;margin:0 1rem">
      <input type="text" placeholder="Zoek cliënten, engagements, designs..." onkeydown="if(event.key==='Enter')window.location='/search?q='+encodeURIComponent(this.value)">
    </div>
    <div class="nav-right" style="display:flex;align-items:center;gap:.25rem">
      <% if (activeClient) { %>
        <a href="/clients/<%= activeClient.id %>" class="nav-icon-btn" title="Actieve cliënt: <%= activeClient.name %>" style="width:auto;padding:0 .6rem;font-size:.68rem;color:var(--accent)">
          <i data-lucide="building-2"></i> <%= activeClient.name %>
        </a>
      <% } %>
      <a href="/notifications" class="nav-icon-btn" title="Notificaties"><i data-lucide="bell"></i></a>
      <a href="/ai" class="nav-icon-btn" title="AI Providers"><i data-lucide="sparkles"></i></a>
      <a href="/settings" class="nav-icon-btn" title="Instellingen"><i data-lucide="settings"></i></a>
      <a href="/auth/logout" class="nav-icon-btn nav-logout" title="Uitloggen" style="color:var(--red)!important"><i data-lucide="log-out"></i></a>
    </div>
  </div>
</nav>
