/* Heart — a conversa (ADR-006, fase 2). A caixa de escrever reaproveita a da
   captura (.lp-box, .lp-ta, .lp-btn): e o mesmo gesto, e o contraste dela ja
   esta medido. Aqui so o que e da conversa. So tokens, nenhuma cor a mao. */

/* Atalho para o ecra, na landing. O mesmo desenho do .vg-entry. */
.hr-entry{display:flex;align-items:center;gap:9px;width:100%;padding:11px 13px;margin-bottom:12px;
  border-radius:12px;cursor:pointer;text-align:left;
  background:var(--card);border:1px solid var(--line);color:var(--txt2);font-size:13px;font-weight:700}
.hr-entry .s{font-size:11.5px;font-weight:500;color:var(--muted2);margin-left:auto}

.hr-aviso{padding:11px 13px;margin-bottom:12px;border-radius:12px;font-size:12.5px;line-height:1.55;
  background:var(--card);border:1px solid var(--line2);color:var(--muted)}
.hr-aviso b{color:var(--txt2);display:block;margin-bottom:2px}

.hr-lista{display:flex;flex-direction:column;gap:9px;margin-bottom:12px}
.hr-vazio{padding:22px 16px;font-size:13px}
.hr-msg{max-width:88%;padding:10px 13px;border-radius:14px;font-size:14px;line-height:1.55;
  white-space:pre-wrap;word-wrap:break-word;background:var(--card);border:1px solid var(--line);color:var(--txt)}
.hr-tiago{align-self:flex-end;background:var(--card2);border-color:var(--line2)}
.hr-heart{align-self:flex-start}
.hr-pensar{color:var(--muted);font-style:italic}
.hr-quem{display:block;font-size:11px;font-weight:700;color:var(--muted2);margin-bottom:3px}

.hr-props{margin-top:10px;display:flex;flex-direction:column;gap:6px;white-space:normal}
.hr-props-t{font-size:11.5px;font-weight:600;color:var(--muted2)}
.hr-prop{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:9px 11px;
  border-radius:11px;cursor:pointer;text-align:left;font:inherit;
  background:var(--card2);border:1px solid var(--line2);color:var(--txt2)}
.hr-prop:hover{border-color:var(--o)}
.hr-prop-k{font-size:11px;font-weight:800;color:var(--o2)}
.hr-prop-x{font-size:13.5px;font-weight:600}
.hr-prop-p{font-size:12px;color:var(--muted)}
.hr-recusadas{margin-top:8px;font-size:11.5px;color:var(--muted2)}

.hr-erro{padding:10px 13px;border-radius:12px;font-size:13px;line-height:1.5;
  background:var(--card);border:1px solid var(--kill);color:var(--kill-txt)}

/* A Voice como conversa: o interruptor das respostas em voz alta. */
.hr-voz{display:block;margin:10px auto 0;padding:6px 10px;border-radius:9px;cursor:pointer;
  font:inherit;font-size:12px;font-weight:600;background:transparent;border:1px solid var(--line);color:var(--muted)}