@media (max-width: 768px) {
  .app-main {
    grid-template-columns: 1fr;
  }

  body[data-mobile-view="list"] #chat-view {
    display: none;
  }

  body[data-mobile-view="chat"] #sidebar {
    display: none;
  }

  body[data-mobile-view="chat"] .back-btn {
    display: flex !important;
  }

  .msg {
    max-width: 85%;
  }

  .filters {
    padding: 6px;
  }

  .chat-card {
    padding: 10px 12px;
  }
}