.chat-back { display:none; }

@media (max-width: 900px) {
  .chat-back { display: inline-flex !important; }
  .main{grid-template-columns:1fr}
  .sidebar {
    width: 100%;
    min-height: 0;
    height: 100%;
    overflow: hidden;
  }
  .sidebar { display: flex; }
  .content{display:none}
  body.show-chat .sidebar{display:none}
  body.show-chat .content{display:flex}
  .msg{max-width:88%}
  /* чтобы главная кнопка/запись не выделяла текст при удержании */
  .send-btn, .btn.icon, .chat-item, .pf-tile {
    -webkit-user-select:none; user-select:none;
    -webkit-touch-callout:none; touch-action:manipulation;
  }
  /* у главной кнопки — отключаем скролл-жесты, чтобы drag-up работал */
  #btnMain { touch-action: none; }
}

@media (max-width: 900px) {
  .ctx-menu{min-width:260px}
  .emoji-picker{position:fixed;left:4px;right:4px;top:auto;bottom:70px;width:auto}
  .call-box{width:96vw}
  .modal{width:96vw}
}

@media (max-width: 900px){
  .mp-seek{width:120px}
  .mp-title{font-size:12px}
}



@media (max-width: 900px) {
  .video-rec-overlay{
    bottom: 100px;    /* освобождаем место под композер */
  }
}
/*
@media (max-width: 900px){
  .mp-vol{display:none}        /* на узких экранах скрываем громкость *//*
  .mp-time{display:none}
}
*/