/* ITNAONE_REAL_CHAT_SCROLLER_V63A */

body.view-chat.itna-chat-room-v63a{
  overflow:hidden!important;
}

/* Real Messenger outer room */
body.view-chat.itna-chat-room-v63a
.rt-messenger-shell,
body.view-chat.itna-chat-room-v63a
.rt-chat-shell{
  height:var(--itna-chat-room-height-v63a,100dvh)!important;
  min-height:0!important;
  max-height:var(--itna-chat-room-height-v63a,100dvh)!important;
  overflow:hidden!important;
}

/* Real conversation column */
body.view-chat.itna-chat-room-v63a
.rt-messenger-chat-main,
body.view-chat.itna-chat-room-v63a
.rt-chat-main{
  display:flex!important;
  flex-direction:column!important;

  height:100%!important;
  min-height:0!important;
  max-height:100%!important;

  overflow:hidden!important;
}

/* Header never becomes scroll owner */
body.view-chat.itna-chat-room-v63a
.rt-messenger-room-head,
body.view-chat.itna-chat-room-v63a
.rt-room-head{
  flex:0 0 auto!important;
}

/* ONLY messages scroll */
body.view-chat.itna-chat-room-v63a
#rtMessages{
  flex:1 1 0!important;

  height:0!important;
  min-height:0!important;
  max-height:none!important;

  overflow-x:hidden!important;
  overflow-y:auto!important;

  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-y:contain!important;
  touch-action:pan-y!important;

  scrollbar-gutter:stable;
}

/* Composer stays below scroller */
body.view-chat.itna-chat-room-v63a
#rtMessageForm{
  flex:0 0 auto!important;

  position:relative!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
}

/* Media must never expand the room */
body.view-chat.itna-chat-room-v63a
#rtMessages .rt-message,
body.view-chat.itna-chat-room-v63a
#rtMessages .rt-chat-attachment,
body.view-chat.itna-chat-room-v63a
#rtMessages .itna-commerce-card,
body.view-chat.itna-chat-room-v63a
#rtMessages img,
body.view-chat.itna-chat-room-v63a
#rtMessages video{
  max-width:100%!important;
  box-sizing:border-box!important;
}

@media (max-width:760px){

  body.view-chat.itna-chat-room-v63a
  .rt-messenger-page.has-conversation{
    padding-left:0!important;
    padding-right:0!important;
  }

  body.view-chat.itna-chat-room-v63a
  .rt-messenger-shell{
    width:100%!important;
    border-left:0!important;
    border-right:0!important;
    border-radius:0!important;
  }

  body.view-chat.itna-chat-room-v63a
  #rtMessages{
    padding-left:10px!important;
    padding-right:10px!important;
  }
}

@media (max-width:390px){

  body.view-chat.itna-chat-room-v63a
  #rtMessages{
    padding-left:8px!important;
    padding-right:8px!important;
  }

  body.view-chat.itna-chat-room-v63a
  #rtMessages .rt-message{
    max-width:92%!important;
  }
}