<header class="header">
  <div class="container header-content">
    <div class="logo">
      <span class="logo-text">PALM<span class="accent-gold">OIL</span> AI</span>
      <span class="badge">V2.6 Industrial</span>
    </div>
    <nav class="nav">
      <a routerLink="/analyzer" routerLinkActive="active" class="nav-link">Scanner</a>
      <a routerLink="/chatbot" routerLinkActive="active" class="nav-link">Intelligence</a>
      <a routerLink="/history" routerLinkActive="active" class="nav-link">Vault</a>
      <button class="theme-toggle" (click)="toggleTheme()" [title]="themeService.isDark() ? 'Switch to Light' : 'Switch to Dark'">
        {{ themeService.isDark() ? '☀️' : '🌙' }}
      </button>
    </nav>
  </div>
</header>
