/* Keep the iPhone chat composer within the viewport when an audio file is ready. */
@media (max-width:700px) {
  .chat-mobile-page.mobile-conversation-open .enhanced-chat-composer {
    min-width:0!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }
  .chat-mobile-page.mobile-conversation-open .chat-attachment-preview {
    width:100%!important;
    min-width:0!important;
    overflow-x:hidden!important;
  }
  .chat-mobile-page.mobile-conversation-open .chat-preview-audio {
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 38px!important;
    gap:2px 8px!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
  .chat-mobile-page.mobile-conversation-open .chat-preview-audio audio {
    grid-column:1!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
  .chat-mobile-page.mobile-conversation-open .chat-preview-audio div {
    grid-column:1!important;
    min-width:0!important;
  }
  .chat-mobile-page.mobile-conversation-open .chat-preview-audio button {
    grid-column:2!important;
    grid-row:1 / span 2!important;
    min-width:38px!important;
    min-height:38px!important;
    align-self:center!important;
  }
  .chat-mobile-page.mobile-conversation-open .chat-input-row {
    box-sizing:border-box!important;
    grid-template-columns:minmax(0,1fr) 44px!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
  .chat-mobile-page.mobile-conversation-open #channelMessageInput {
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
  }
  .chat-mobile-page.mobile-conversation-open .chat-send-btn {
    grid-column:2!important;
    justify-self:end!important;
    min-width:44px!important;
  }
}