/* V21.68 - Messaggi ricevuti a larghezza piena su ogni cellulare. */
@media (max-width:700px){
  .chatSocialArchitecture .msgRow:not(.mine){
    display:flex!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding-left:4px!important;
    padding-right:4px!important;
    box-sizing:border-box!important;
  }

  /* Il nome del mittente è già nella bolla: eliminiamo soltanto lo spazio
     laterale dell'avatar per dare al testo la stessa larghezza dei media. */
  .chatSocialArchitecture .msgRow:not(.mine) > .avatar{
    display:none!important;
  }

  .chatSocialArchitecture .msgRow:not(.mine) > .bubble{
    flex:1 1 auto!important;
    width:calc(100% - 8px)!important;
    max-width:calc(100% - 8px)!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:auto!important;
    padding-left:12px!important;
    padding-right:12px!important;
    box-sizing:border-box!important;
  }

  .chatSocialArchitecture .msgRow:not(.mine) .bubbleText,
  .chatSocialArchitecture .msgRow:not(.mine) .translationBox,
  .chatSocialArchitecture .msgRow:not(.mine) .replyInside{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    white-space:pre-wrap!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
  }
}