/* ===== Estrutura geral do app (shell principal) ===== */

.app {
  display: flex;
  height: 100vh;
  width: 100vw;
}

.app.escondido {
  display: none;
}

.app:not(.escondido) {
  animation: appEntrar 0.35s ease;
}

.app--inicio .barra-canais,
.app--inicio .area-chat,
.app--inicio .painel-info {
  display: none;
}

.app:not(.app--inicio) .barra-inicio,
.app:not(.app--inicio) .area-inicio,
.app:not(.app--inicio) .painel-ativo {
  display: none;
}

.app--inicio.app--dm .area-dm {
  display: flex;
}

.app--dm .area-inicio,
.app--dm .painel-ativo {
  display: none;
}

.app--inicio.app--dm .painel-dm {
  display: flex;
}

.app--voz .area-voz {
  display: flex;
}

.app--voz .area-chat,
.app--voz .painel-info {
  display: none;
}