/* Mobile Messenger definitivo - condiviso da Portal IHS e CRM agenzie */
@media(max-width:850px){
  body{overflow-x:hidden!important}
  #content:has(.msg-shell){padding:10px!important;max-width:none!important;overflow:visible!important}
  #content:has(.msg-shell) .head{margin:0 0 10px!important;gap:7px!important}
  #content:has(.msg-shell) .head p,#content:has(.msg-shell) .head span{display:none!important}
  #content:has(.msg-shell) .head h1{font-size:26px!important;margin:0!important}
  #content:has(.msg-shell) .head .btn{width:auto!important;padding:9px 12px!important}
  .msg-shell{
    display:block!important;
    width:100%!important;
    height:calc(100dvh - 150px)!important;
    min-height:520px!important;
    max-height:none!important;
    border-radius:15px!important;
    overflow:hidden!important;
    background:#fff!important;
  }
  .msg-side,.msg-main{position:relative!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;background:#fff!important}
  .msg-side{display:flex!important}
  .msg-main{display:none!important;flex-direction:column!important}
  .msg-shell.thread-open .msg-side{display:none!important}
  .msg-shell.thread-open .msg-main{display:flex!important}
  .msg-side-head{flex:0 0 auto!important;padding:15px!important;background:#fff!important}
  .msg-people{display:block!important;flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;padding:8px!important;-webkit-overflow-scrolling:touch}
  .msg-person{display:grid!important;grid-template-columns:48px minmax(0,1fr) auto!important;width:100%!important;color:#102344!important}
  .msg-thread-head{display:flex!important;flex:0 0 auto!important;padding:11px 12px!important;background:#fff!important}
  .msg-thread{display:flex!important;flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;padding:14px!important;-webkit-overflow-scrolling:touch;background-color:#fcfaf5!important}
  .msg-bubble{display:block!important;max-width:90%!important;color:#102344!important}
  .msg-bubble.mine{color:#fff!important}
  .msg-compose{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;flex:0 0 auto!important;position:relative!important;bottom:auto!important;padding:10px!important;background:#fff!important;z-index:20!important}
  .msg-compose textarea{display:block!important;min-width:0!important;min-height:48px!important;color:#102344!important;background:#fff!important}
  .msg-send{display:block!important;min-height:48px!important;padding:0 16px!important}
  .msg-empty{display:block!important;margin:auto!important;padding:25px!important;color:#68758a!important}
}
@media(max-width:480px){
  .msg-shell{height:calc(100dvh - 128px)!important;min-height:480px!important}
  .msg-compose{grid-template-columns:1fr!important}
  .msg-send{width:100%!important}
}