.menu-lateral {
  @apply w-60 h-full fixed flex flex-col gap-2 pt-4 border-r-2 border-black/10 mt-[72px] overflow-auto max-h-[calc(100vh_-_72px)]
}

.menu-lateral .menu-item {
  @apply flex items-center text-sm rounded font-semibold h-12 px-4 bg-transparent text-content-primary shrink-0
}

/* Itens do menu */
.menu-lateral .menu-item[aba_atual="true"] {
  @apply bg-content-brand/10 text-content-brand
}
.menu-lateral .menu-item:hover {
  @apply bg-content-brand/20
}
.menu-lateral .menu-item:active {
  @apply bg-content-brand/30
}

/* Itens Grupo */
.menu-lateral .menu-item-grupo {
  @apply flex items-center justify-between text-sm font-semibold rounded h-12 px-4 w-full bg-transparent text-content-primary cursor-pointer;
}

.menu-lateral .menu-item-grupo:hover {
  @apply bg-content-brand/20;
}

.menu-lateral .menu-item-grupo[aba_atual="true"] {
  @apply text-content-brand;
}

/* Scroll de rolagem dentro do menu lateral */
.menu-lateral::-webkit-scrollbar {
  width: 2px;
}
.menu-lateral::-webkit-scrollbar-track {
  background: transparent;
}
.menu-lateral::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
}