@media(max-width:1100px) and (min-width:641px){
  .users{display:none!important;}
  .resizer#usersResizer{display:none;}
}

@media(max-width:640px){
  header{height:46px;padding:0 8px;}
  .h-me-desktop{display:none;}
  .h-me-mobile{display:flex;}
  .h-right{gap:5px;margin-left:auto;}
  .h-me-name{max-width:140px;}
  #toggleRooms{display:none;}

  .rooms-panel{
    position:fixed;left:0;top:46px;bottom:56px;width:75%;max-width:260px;
    z-index:50;transform:translateX(-100%);transition:transform .22s;
    border-right:1px solid var(--border);
  }
  .rooms-panel.mobile-open{transform:translateX(0);}
  .rooms-panel.collapsed{width:75%;overflow:auto;}

  .users{
    position:fixed;right:0;top:46px;bottom:56px;width:75%;max-width:240px;
    z-index:50;transform:translateX(100%);transition:transform .22s;
    border-left:1px solid var(--border);
  }
  .users.mobile-open{transform:translateX(0);}

  .mobile-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:45;}
  .mobile-overlay.active{display:block;}

  .mobile-tabs{display:flex;position:fixed;bottom:0;left:0;right:0;height:56px;background:var(--panel);border-top:1px solid var(--border);z-index:40;}
  .mobile-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:10px;color:var(--muted);cursor:pointer;border:none;background:none;}
  .mobile-tab.active{color:var(--accent);}
  .mobile-tab .tab-icon{width:22px;height:22px;}
  .mobile-tab .tab-notif{width:8px;height:8px;background:var(--dnd);border-radius:50%;position:absolute;top:8px;right:calc(50% - 18px);}

  .chat{padding-bottom:56px;}
  #input{font-size:16px;}
  .resizer{display:none;}
  .msg .nick{font-size:12px;}
  .msg{font-size:13px;}
  .u-nick{font-size:12px;}
  .composer{padding:6px 8px;}
  #messages{padding:8px 10px;}
}

@media(min-width:641px){
  .mobile-tabs{display:none;}
  .mobile-overlay{display:none;}
}