/*
  Demo de chat da janela LLYA.EXE (issue #5 - conversa de exemplo mais
  longa e natural, com "digitando" dos dois lados).

  Carregado DEPOIS do <style> inline principal, entao sobrescreve o que
  precisa (max-height/overflow no .chat) sem duplicar as regras base de
  .bubble/.boticon/.typing que continuam la.
*/

/* janela vira uma "tela" com scroll de verdade, como um chat real */
.chat{
  max-height:352px;
  overflow-y:auto;
  scroll-behavior:smooth;
  scrollbar-width:thin;
  scrollbar-color:var(--cyan2) transparent;
}
.chat::-webkit-scrollbar{width:4px}
.chat::-webkit-scrollbar-thumb{background:var(--cyan2)}
.chat::-webkit-scrollbar-track{background:transparent}

/* indicador de "digitando" do lado do cliente (espelha o do bot, sem avatar) */
.typing.user{
  margin-left:auto;
  margin-right:0;
}

@media(max-width:820px){
  .chat{max-height:280px}
}