/* V101 · Alineación inequívoca por remitente para cualquier tipo de mensaje.
 * Afecta solo a las burbujas, no a sus contenidos, controles de audio o multimedia.
 * Más específico que las reglas de fotografías/videos de V91/V92. */
#conversation #messages.chatwall > .msg.out,
#conversation #messages.chatwall > .msg.hb64-message.out,
#conversation #messages.chatwall > .msg[data-direction="out"] {
  align-self:flex-end!important;
  margin-left:auto!important;
  margin-right:0!important;
  float:none!important;
  clear:none!important;
  text-align:left;
}
#conversation #messages.chatwall > .msg:not(.out),
#conversation #messages.chatwall > .msg.hb64-message[data-direction="in"] {
  align-self:flex-start!important;
  margin-left:0!important;
  margin-right:auto!important;
  float:none!important;
  clear:none!important;
  text-align:left;
}
/* Los archivos y los audios nunca fuerzan el ancho del chat ni cambian el lado. */
#conversation #messages.chatwall > .msg.hb64-message {
  box-sizing:border-box!important;
  max-width:min(88%,430px)!important;
}
#conversation #messages.chatwall > .msg.hb64-message.hb91-photo-msg,
#conversation #messages.chatwall > .msg.hb64-message.hb91-video-msg {
  max-width:min(83%,370px)!important;
}
#conversation #messages.chatwall > .msg .hb64-message-content {
  min-width:0!important;
  max-width:100%;
  overflow-wrap:anywhere;
}
#conversation #messages.chatwall > .msg .hb64-message-content img,
#conversation #messages.chatwall > .msg .hb64-message-content video {
  max-width:100%!important;
}
@media(max-width:400px){
  #conversation #messages.chatwall > .msg.hb64-message.hb64-media-msg,
  #conversation #messages.chatwall > .msg.hb64-message.hb64-audio-msg {
    max-width:88%!important;
  }
}