/* Mobile-first cleanups for my-chats.html */

@media (max-width: 768px) {
  .container { padding: 1rem !important; max-width: 640px !important; }
  .page-card { padding: 1rem !important; border-radius: var(--radius-lg) !important; }
  .page-title { font-size: 1.4rem !important; margin-bottom: 1rem !important; }
  .page-icon { width: 28px !important; height: 28px !important; font-size: 1rem !important; }

  .chat-list-item { padding: 1rem !important; gap: 0.75rem !important; }
  .avatar { width: 44px !important; height: 44px !important; font-size: 1.1rem !important; margin-right: 0.75rem !important; }
  .chat-info .username { font-size: 1rem !important; margin-bottom: 0.25rem !important; }
  .chat-info .last-message { font-size: 0.9rem !important; }
  .chat-meta .timestamp { font-size: 0.75rem !important; }
  .unread-dot { width: 10px !important; height: 10px !important; }

  .no-chats { padding: 2rem 1rem !important; }
  .no-chats-icon { width: 60px !important; height: 60px !important; font-size: 1.25rem !important; }
  .no-chats h3 { font-size: 1.25rem !important; }
  .back-link { padding: 0.65rem 1rem !important; font-size: 0.95rem !important; }
}

@media (max-width: 576px) {
  .page-title { font-size: 1.3rem !important; }
}