.message-list-tools { display: flex; align-items: center; gap: 6px; }
#conversation-sort { width: auto; min-width: 0; max-width: 145px; height: 36px; padding: 0 8px; border-radius: 7px; font-size: 12px; }

@media (max-width: 720px) {
  #friends-view {
    min-height: 0;
    max-height: none;
    flex: 1 1 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
  }
  #conversation-sort { max-width: 132px; }
}

@media (max-width: 360px) {
  #conversation-sort { max-width: 112px; }
}
