/* Autor de las burbujas (tk-0012): estilo chat grupal. Propios a la derecha, ajenos a la izquierda. */
.msg.msg-propio { justify-items: end; }
.msg.msg-ajeno { justify-items: start; }
.msg.msg-agrupado { margin-top: -0.45rem; }
.msg[style*="--autor-h"].msg-ajeno .bubble {
  background: color-mix(in srgb, hsl(var(--autor-h) 65% 50%) 14%, var(--card));
}
.chat-autor { display: flex; align-items: center; gap: 0.4rem; font-size: 0.8rem; }
.chat-autor-enlace { cursor: pointer; }
.chat-autor-nombre { color: hsl(var(--autor-h, 210) 60% 42%); }
.chat-autor-avatar {
  width: 1.7rem; height: 1.7rem; border-radius: 50%; overflow: hidden; flex: none;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 0.68rem; font-weight: 700; color: #fff;
  background: hsl(var(--autor-h, 210) 55% 45%);
}
.chat-autor-avatar img { width: 100%; height: 100%; object-fit: cover; }
.chat-autor-ficha {
  display: grid;
  gap: 0.6rem;
  justify-items: center;
  padding: 1rem 1.4rem;
  border-radius: 12px;
  min-width: 14rem;
  max-width: 20rem;
  border: none;
}
.chat-autor-ficha .chat-autor-avatar { width: 4rem; height: 4rem; font-size: 1.2rem; }
.chat-autor-ficha button { width: 100%; writing-mode: horizontal-tb; }
.bubble.bubble-retirado { opacity: 0.72; font-style: italic; }

.bubble-marcas { margin-top: 4px; font-size: 0.85em; opacity: 0.9; }