/* metanoIA — estilos das vistas adicionais (js/views.js), comuns aos 4 layouts */

#view-extra { animation: view-in .28s cubic-bezier(.2, .8, .2, 1); }
@keyframes view-in {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: none; }
}

/* interruptor liga/desliga (Configurações) */
.toggle {
  position: relative;
  width: 46px; height: 27px;
  border-radius: 999px;
  background: #EFEAE3;
  transition: background .2s;
  flex: none;
  cursor: pointer;
}
.toggle::after {
  content: '';
  position: absolute; top: 3px; left: 3px;
  width: 21px; height: 21px;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 2px 6px rgba(65, 45, 30, .18);
  transition: left .2s;
}
.toggle.is-on { background: #63BC4F; }
.toggle.is-on::after { left: 22px; }

/* barra de progresso fina (Equipe, Administração) */
.bar {
  display: block;
  height: 8px;
  border-radius: 999px;
  background: #F4F1ED;
  overflow: hidden;
}
.bar > span {
  display: block;
  height: 100%;
  border-radius: 999px;
  background: #63BC4F;
}

/* perguntas frequentes (Ajuda) */
.faq__a { display: none; }
.faq.is-open .faq__a { display: block; }
.faq__caret { transition: transform .2s; }
.faq.is-open .faq__caret { transform: rotate(180deg); }