/* id="mb-v1014-conversation-mobile-controls" */

@media (max-width:900px){
  #conversation-overlay{
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
    overflow:hidden!important;
    padding-bottom:0!important;
  }
  #conversation-overlay>.app-topbar{
    position:relative!important;
    top:auto!important;
    z-index:30!important;
    flex:0 0 auto!important;
  }
  #conversation-overlay .app-topbar .app-actions{display:none!important;}
  #conversation-overlay .conversation-wrap{
    height:auto!important;
    min-height:0!important;
    flex:1 1 auto!important;
    display:flex!important;
    flex-direction:column!important;
    padding:8px 8px max(8px,env(safe-area-inset-bottom))!important;
    margin:0!important;
    overflow:hidden!important;
  }
  #conversation-overlay .mb-mobile-conversation-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
    flex:0 0 auto!important;
    margin:0 0 8px!important;
    position:relative!important;
    z-index:40!important;
  }
  #conversation-overlay .mb-mobile-conversation-actions .btn{
    min-width:0!important;
    width:100%!important;
    min-height:40px!important;
    padding:8px 7px!important;
    border-radius:11px!important;
    font-size:12px!important;
    line-height:1.15!important;
    white-space:normal!important;
  }
  #conversation-overlay #message-thread{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    padding-bottom:10px!important;
  }
  #conversation-overlay .message-composer{
    flex:0 0 auto!important;
    position:relative!important;
    bottom:auto!important;
    left:auto!important;
    right:auto!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:7px!important;
    align-items:end!important;
    width:100%!important;
    padding:8px 0 0!important;
    margin:0!important;
    background:#fff!important;
    z-index:500!important;
    transform:translate3d(0,calc(-1 * var(--conversation-keyboard-offset,0px)),0)!important;
    transition:none!important;
  }
  #conversation-overlay #message-input{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    width:100%!important;
    min-width:0!important;
    min-height:44px!important;
    max-height:110px!important;
    resize:none!important;
    font-size:16px!important;
    line-height:1.35!important;
    color:#20242c!important;
    background:#fff!important;
    border:1px solid #dddfe5!important;
    border-radius:14px!important;
    padding:11px 12px!important;
    -webkit-text-fill-color:#20242c!important;
  }
  #conversation-overlay #message-send-button{
    min-height:44px!important;
    padding:9px 14px!important;
    white-space:nowrap!important;
  }
  body:has(#conversation-overlay) #mb-mobile-dock{display:none!important;}
}
@media (min-width:901px){
  #conversation-overlay .mb-mobile-conversation-actions{display:none!important;}
}