/* =====================================================================
   CORE: responsive
   Choto screen er basic adjust.
   ===================================================================== */
/* ============ RESPONSIVE ============ */
@media(max-width:860px){
  .modal-grid{grid-template-columns:1fr}
  .mod-nav{flex-direction:row;border-right:none;border-bottom:1px solid var(--line);padding:10px}
  .mod-link{flex:1;justify-content:center}
  .access-grid{grid-template-columns:1fr}
}
@media(max-width:1180px){
  .panes{grid-template-columns:300px 1fr}
  .col.right{display:none}
  .appbar .ab-brand{width:auto}
}
@media(max-width:760px){
  .app{grid-template-rows:56px 1fr}
  .panes{grid-template-columns:1fr}
  .appbar{gap:10px;padding:0 12px}
  .appbar .ab-brand .wm{display:none}
  .gsearch{padding:9px 14px}
  .profile small{display:none}
  .chat{position:absolute;inset:56px 0 0 0;transform:translateX(100%);transition:transform .26s ease;z-index:15}
  body.show-chat .chat{transform:none}
  #backBtn{display:flex}
}
/* avatars stay neutral (set in JS); chips & status badges keep their channel colors */
body.dark .conv .prev{ color:#8696a0; }