<div class="navbar" [ngClass]="getNavbarClass()">
  <div class="navbar-nav">

    <!-- Menus à esquerda ocupando o espaço disponível -->
    <div class="nav-links">
      <ng-container *ngIf="perfilAtual === 'ADMIN'">
        <button *ngFor="let item of adminRotas"
                class="btn-outline"
                [ngClass]="getButtonClass(item.rota)"
                (click)="navigateTo(item.rota)">
          <i [ngClass]="getAdminIconClass(item.label)" aria-hidden="true"></i>
          <span class="btn-text">{{ item.label }}</span>
        </button>
      </ng-container>

      <ng-container *ngIf="perfilAtual === 'FUNCIONARIO'">
        <button *ngFor="let item of funcionarioRotas"
                class="btn-outline"
                [ngClass]="getButtonClass(item.rota)"
                (click)="navigateTo(item.rota)">
          <i [ngClass]="getFuncionarioIconClass(item.label)" aria-hidden="true"></i>
          <span class="btn-text">{{ item.label }}</span>
        </button>
      </ng-container>
    </div>

    <!-- Botão Sair à direita -->
    <div class="logout-container">
      <button class="btn-outline btn-logout" (click)="logout()">
        <i class="fas fa-sign-out-alt"></i> Sair
      </button>
    </div>
  </div>
</div>