body { background: #f4f6f9; }
.faixa-teste { background: #ffc107; color: #000; text-align: center; font-weight: 700; font-size: .85rem; padding: .25rem; }
.tela-login { min-height: 100vh; display: flex; align-items: center; justify-content: center; }
.tela-login .card { width: 100%; max-width: 380px; }
.card-em-breve { opacity: .6; }
/* Simulador: conversa estilo WhatsApp */
.simulador { max-width: 700px; }
.chat { background: #efeae2; }
.msg { display: flex; flex-direction: column; align-items: flex-start; margin-bottom: .5rem; }
.msg-cliente { align-items: flex-end; }
.balao { max-width: 85%; padding: .4rem .7rem; border-radius: .75rem; white-space: pre-line; overflow-wrap: anywhere; background: #fff; }
.msg-cliente .balao { background: #d9fdd3; }
.aviso-humano, .aviso-falha { max-width: 85%; margin-top: .15rem; }
/* Conversa do WhatsApp (visão da loja): robô/atendente à direita, cliente à esquerda */
.msg-loja { align-items: flex-end; }
.msg-loja .balao { background: #d9fdd3; }
.msg-info { font-size: .75rem; margin-top: .1rem; }
/* Política de privacidade: texto corrido, largura de leitura */
.texto-legal { max-width: 760px; margin: 0 auto; background: #fff; padding: 1.5rem; border-radius: .5rem; overflow-wrap: anywhere; }