/* Dark theme only */
body { background-color: #000 !important; }
/* аккуратные мелочи, Tailwind делает остальное */
.line-clamp-2{
  display:-webkit-box;
  line-clamp:2;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* Chat bubbles: prevent long words/URLs from overflowing outside the bubble */
.sv-msg-body {
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* Мобильная вёрстка: фиксируем высоту экрана и убираем прокрутку страницы,
   оставляя прокрутку только внутри списков сообщений общего чата и ЛС. */
@media (max-width: 640px) {
  html, body {
    height: 100dvh;
    overflow: hidden; /* запрет прокрутки всей страницы */
    overscroll-behavior: none; /* без проскока ниже экрана */
  }

  /* Внутренний контейнер — занимаем весь экран и строим колонки */
  body > div.max-w-6xl {
    height: 100dvh;
    display: flex;
    flex-direction: column;
  }

  /* Основной контент растягивается и сам строит колонки */
  main {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 0; /* важно для корректной внутренней прокрутки */
    overflow-y: auto; /* чтобы страницы (например, логи) скроллились на телефоне */
    -webkit-overflow-scrolling: touch;
  }

  /* Контейнеры чатов заполняют оставшееся место и строят колонки */
  #chatMount,
  #dmMount {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
  }

  /* Списки сообщений занимают всё доступное пространство и прокручиваются */
  #chatMessages,
  #dmMessages {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    max-height: none; /* переопределяем max-h-[60vh] на мобильных */
  }

  /* Не даём выделять текст в сообщениях на телефоне (копирование через меню) */
  #chatMessages [data-chat-id],
  #dmMessages [data-dm-id],
  #chatMessages .sv-msg-body,
  #dmMessages .sv-msg-body {
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
  }
}

/* Долгое нажатие: визуальный отклик (слегка увеличивает карточку и текст) */
.sv-pressing {
  transform: scale(1.02);
  transition: transform 120ms ease, box-shadow 120ms ease;
  box-shadow: 0 6px 20px rgba(0,0,0,0.35);
}
.sv-pressing .whitespace-pre-wrap.sv-pressing-text {
  transform: scale(1.01);
  transform-origin: left center;
  transition: transform 120ms ease;
}

/* DM dialogs: prevent native long-press link callout ("open in new tab") */
#dmDialogsList a {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
}