/* Tema da Lais: leve e minimalista (pedido do Andre, 16/08/2026).
   Montado por cima do dist via index.html customizado; remover o
   mount no docker-compose volta ao visual padrao do LibreChat.
   ATENCAO: nao mexer em html { font-size } — as animacoes da tela
   inicial medem em rem e o texto da saudacao some (aprendido em
   16/08). So regras cirurgicas. */

body {
  letter-spacing: -0.011em;
  -webkit-font-smoothing: antialiased;
}

/* Saudacao da tela inicial (p.split-parent = texto animado por
   palavra; so estilizar via CSS carregado ANTES do mount — nunca
   togglar em sessao aberta, que a medicao da animacao corta o texto) */
p.split-parent {
  font-size: 1.8rem !important;
  font-weight: 500 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.35 !important;
}

/* A animacao de revelacao por letra (framer) congela com frequencia
   e deixa a saudacao invisivel (spans presos em translateY +
   opacity 0 sob overflow hidden). Neutralizada: texto sempre
   visivel, estatico — mais confiavel e mais minimalista. */
p.split-parent span {
  transform: none !important;
  opacity: 1 !important;
}

/* Texto das mensagens: maior e com mais entrelinha */
.prose,
.markdown {
  font-size: 1.09rem !important;
  line-height: 1.8 !important;
}

.prose p,
.markdown p {
  margin-top: 0.9em !important;
  margin-bottom: 0.9em !important;
}

/* Menos "peso" visual em negritos do markdown */
.prose strong,
.markdown strong {
  font-weight: 600 !important;
}

/* Caixa de escrever: texto maior e mais folga interna */
form textarea {
  font-size: 1.12rem !important;
  line-height: 1.65 !important;
  padding-top: 0.7rem !important;
  padding-bottom: 0.7rem !important;
}

/* Placeholder mais suave */
form textarea::placeholder {
  opacity: 0.55;
}

/* Tela de login (retorno pos-logout): troca o "Bem-vindo de volta"
   generico pelo icone da Lais + titulo da casa. O texto original some
   (font-size 0) e o novo entra por pseudo-elemento. */
h1.text-3xl {
  font-size: 0 !important;
}

h1.text-3xl::before {
  content: "";
  display: block;
  width: 64px;
  height: 64px;
  margin: 0 auto 18px;
  background: url("/assets/lais-avatar.png") center / cover no-repeat;
  border-radius: 16px;
}

h1.text-3xl::after {
  content: "Fale com a Laís";
  display: block;
  font-size: 1.9rem;
  font-weight: 500;
  letter-spacing: -0.02em;
}

/* Botao "Continuar com Google" do login: icone e texto centralizados,
   como na welcome. (A welcome tem CSS proprio e nao carrega este
   arquivo, entao nada muda la.) */
a[href*="oauth/google"] {
  justify-content: center !important;
}