.navbar {
  width: 100%;
  padding: 0.5rem 1rem;
  transition: all 0.3s ease;
}

/* Flex container horizontal */
.navbar-nav {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

/* Botões de menu (expandem para preencher espaço restante) */
.nav-links {
  display: flex;
  flex-grow: 1;
  gap: 10px;
}

/* Cada botão cresce igualmente */
.nav-links button {
  flex: 1;
  text-align: center;
}

/* Botão de logout não é afetado pela expansão */
.logout-container {
  margin-left: 20px;
  flex-shrink: 0; /* Impede que ele seja comprimido */
}

/* Cores de fundo da navbar */
.bg-usuario {
  background-color: #B56723;
}

.bg-dashboard {
  background-color: #162B61;
}

.bg-login {
  background-color: #499C53;
}

/* Estilo padrão de botões */
.btn-outline {
  border: 1px solid #ffffff;
  background: transparent;
  color: #ffffff;
  padding: 8px 16px;
  font-size: 14px;
  cursor: pointer;
  border-radius: 4px;
  transition: all 0.3s ease;
  font-family: 'Roboto', sans-serif;
}

/* Botões Admin */
.btn-usuario {
  background-color: #B56723;
  color: #ffffff;
  border-color: #B56723;
}

.btn-usuario:hover {
  background: #ffffff;
  color: #B56723;
}

/* Botões Funcionário */
.btn-dashboard {
  background-color: #162B61;
  color: #ffffff;
  border-color: #162B61;
}

.btn-dashboard:hover {
  background: #ffffff;
  color: #162B61;
}

/* Espaço entre ícone e texto do botão */
button i {
  margin-right: 8px;
  font-size: 16px;
  vertical-align: middle;
}

/* Garante alinhamento vertical do texto */
.btn-text {
  font-size: 16px;
  vertical-align: middle;
}

/* Botão de logout (verde escuro, conforme seu código) */
.btn-logout {
  background-color: #880808;
  color: #ffffff;
  border: 1px solid #880808;
}

.btn-logout:hover {
  background-color: #ffffff;
  color: #880808;
  border: 1px solid #880808;
}
