/* v14.1 – Vuốt để quay lại (điện thoại), mượt hơn */
@media (max-width: 760px) {
  .inbox.chatting #messages, .inbox.chatting .chat-col { touch-action: pan-y; }
  /* Trong lúc vuốt: danh sách nằm sẵn phía sau (đã có lớp GPU riêng), thanh trên/dưới hiện sẵn → thả tay không giật */
  .inbox.chatting.swipe-peek { position: relative; }
  .inbox.chatting.swipe-peek .list-col { display: flex !important; position: absolute; inset: 0; z-index: 0; transform: translateZ(0); }
  body.m12.m-swiping #mHead { display: block !important; }
  body.m12.m-swiping .topbar { display: flex !important; }
  .inbox.chatting .chat-col.swiping, .inbox.chatting .chat-col.swipe-anim {
    position: relative; z-index: 1; will-change: transform; backface-visibility: hidden; background: var(--chat-bg, #fff);
  }
  /* bóng cố định bằng phần tử giả (không vẽ lại mỗi khung hình) */
  .inbox.chatting .chat-col.swiping::before, .inbox.chatting .chat-col.swipe-anim::before {
    content: ''; position: absolute; top: 0; bottom: 0; left: -24px; width: 24px; pointer-events: none;
    background: linear-gradient(to left, #00000026, #0000);
  }
  .chat-col.swipe-anim { transition-property: transform; transition-timing-function: cubic-bezier(.2, .8, .2, 1); }
}
