/* RESPONSIVE */

@media(max-width:768px){

  .app { grid-template-columns: 1fr !important; }

  .sidebar { position:fixed; inset:0; z-index:20; width:100%; }

  .sidebar.hide { display:none; }

  .chat { grid-column: 1 / -1; }

  .notif-panel { width:calc(100vw - 24px); right:12px; top:12px; max-height:90vh; }

}

  @media(max-width:500px){

  .msg { max-width:88%; }

  .telecat-tabs { gap:4px; padding:8px 12px; }

  .telecat-tab { padding:6px 12px; font-size:12px; }

}