/* ═══════════════════════════════════════════
   CHAT — assistente digital "Evo"
═══════════════════════════════════════════ */

#page-chat{display:flex;flex-direction:column}

.ai-dot{
  display:inline-block;width:7px;height:7px;border-radius:50%;
  background:var(--rose-500);margin-right:8px;vertical-align:middle;
  animation:bk 2.4s ease-in-out infinite;
}

.handoff-btn{
  flex-shrink:0;border:1px solid var(--line);border-radius:999px;
  padding:8px 14px;font-size:12px;color:var(--rose-800);background:#fff;
  transition:border-color .2s;
}
.handoff-btn:active{border-color:var(--rose-500)}

.handoff-bar{
  max-width:468px;width:100%;margin:0 auto;
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:11px 22px;border-bottom:1px solid var(--line-soft);
  background:rgba(253,243,239,.7);
}
.handoff-txt{font-size:12.5px;color:var(--dim)}

.chat-area{
  flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;
  max-width:468px;width:100%;margin:0 auto;
  padding:20px 22px 12px;display:flex;flex-direction:column;
}

/* Etiqueta de autoria */
.mlbl{
  display:flex;align-items:center;gap:7px;margin:14px 0 5px;
  font-family:var(--ff-mono);font-size:8.5px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--dim);
}
.mlbl.u{justify-content:flex-end;color:var(--rose-400)}
.mlbl-ava{
  width:19px;height:19px;border-radius:50%;
  background:var(--rose-100);border:1px solid var(--line);
  display:flex;align-items:center;justify-content:center;
  font-family:var(--ff-display);font-size:11px;font-weight:600;color:var(--rose-700);
  letter-spacing:0;
}

/* Balões */
.msg{
  max-width:86%;padding:14px 16px;border-radius:var(--r-md);
  font-size:14.5px;line-height:1.68;animation:fadeU .3s ease both;
}
.msg strong{font-weight:500}
.msg.bot{
  align-self:flex-start;background:#fff;border:1px solid var(--line);
  color:var(--ink-2);border-bottom-left-radius:5px;
}
.msg.bot strong{color:var(--rose-800)}
.msg.user{
  align-self:flex-end;background:linear-gradient(135deg,var(--rose-500),var(--rose-700));
  color:#FFF8F5;border-bottom-right-radius:5px;
}

/* Indicador de digitação */
.typing-dot{
  align-self:flex-start;display:flex;align-items:center;gap:5px;
  margin-top:14px;padding:13px 16px;border-radius:var(--r-md);
  background:#fff;border:1px solid var(--line);
}
.typing-dot span{width:5px;height:5px;border-radius:50%;background:var(--rose-400);animation:td 1.4s ease-in-out infinite}
.typing-dot span:nth-child(2){animation-delay:.18s}
.typing-dot span:nth-child(3){animation-delay:.36s}

/* Opções rápidas */
.inline-chips{
  display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end;
  margin:11px 0 4px;transition:opacity .3s;
}
.qrb{
  border:1px solid var(--line);background:#fff;border-radius:999px;
  padding:9px 15px;font-size:12.5px;color:var(--ink-2);transition:all .2s;
}
@media(hover:hover){.qrb:hover{border-color:var(--rose-500);color:var(--rose-800)}}
.qrb-wa{background:linear-gradient(135deg,var(--rose-500),var(--rose-700));border-color:transparent;color:#FFF8F5}
.qrb-back{color:var(--dim);border-style:dashed}

.chat-bottom{
  max-width:468px;width:100%;margin:0 auto;
  padding:12px 22px calc(var(--safe-b) + 16px);
  border-top:1px solid var(--line-soft);background:rgba(253,243,239,.8);
}