/* Este arquivo pode ficar quase vazio, pois o Tailwind CSS
  está cuidando da maior parte do estilo.
  
  Podemos adicionar aqui classes personalizadas que o Tailwind não cobre,
  como o estilo do botão "ativo".
*/

.btn-depto.active-depto {
  /* Um anel roxo para destacar o departamento ativo */
  box-shadow: 0 0 0 3px #8E44AD; 
}

/* Estilos para as abas */
.tab-btn.active-tab {
  color: #8E44AD; /* Cor roxa do tema */
  border-color: #8E44AD;
}