/* TreeKnow INBOX web 2.2.2 — retoque visual solicitado el 11-11-2026.
   Sólo afecta el chat público (Site y Payment); no altera pagos, mensajes, JS ni Mac.
   Se carga después de las hojas originales del chat. */

/* La burbuja recibida debe ser muy clara. Se excluyen tarjetas de datos compartidos
   y adjuntos con diseño propio para evitar regresiones. */
body .tkai .tkai-messages .tkai-bubble.tkai-bot:not(.tkai-copy-card):not(.tkai-image-bubble) {
  background: #f6f7f9 !important;
  color: #20252d;
  box-shadow: none !important;
  filter: none;
}

/* No aplicar relieves a las burbujas ordinarias ni a la respuesta citada. */
body .tkai .tkai-messages .tkai-bubble:not(.tkai-copy-card),
body .tkai .tk221-quoted-message,
body .tkai .tk221-reply-preview {
  box-shadow: none !important;
  text-shadow: none !important;
}

/* Cita dentro de la burbuja: gris apenas más oscuro, sin sombra ni profundidad.
   Esto conserva la legibilidad también sobre las burbujas negras salientes. */
body .tkai .tkai-messages .tkai-bubble .tk221-quoted-message {
  background: #f1f3f5 !important;
  color: #20252d !important;
  border: 0 !important;
  border-left: 3px solid #c3cbd6 !important;
  border-radius: 9px !important;
  box-shadow: none !important;
}
body .tkai .tkai-messages .tkai-bubble .tk221-quoted-message strong {
  color: #20252d;
  font-weight: 600;
}
body .tkai .tkai-messages .tkai-bubble .tk221-quoted-message span {
  color: #39424e;
}

/* Vista previa mientras el usuario escribe una respuesta. */
body .tkai .tk221-reply-preview:not([hidden]) {
  background: #f6f7f9 !important;
  color: #20252d !important;
  border: 0 !important;
  border-left: 3px solid #c3cbd6 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

/* Sólo en teléfono: menos peso en el texto de las burbujas y en el mensaje citado.
   Los botones, el autor destacado y las etiquetas mantienen suficiente contraste. */
@media (max-width: 767px) {
  body .tkai .tkai-messages .tkai-bubble:not(.tkai-copy-card) {
    font-weight: 300 !important;
  }
  body .tkai .tkai-messages .tkai-bubble:not(.tkai-copy-card) .tkai-message-caption {
    font-weight: 300 !important;
  }
  body .tkai .tkai-messages .tkai-bubble .tk221-quoted-message span,
  body .tkai .tk221-reply-preview .tk221-preview-text > span {
    font-weight: 300 !important;
  }
}