/* ============================================================
   eco-max-vj.css — финальный полировочный слой (визуал-агент VJ)
   Ночь 2026-09-08 · мобильный 390×844 + тёмная тема
   messenger.vyshka.cloud · подключён ПОСЛЕДНИМ в messenger.html

   Зона: только межслойные конфликты, найденные свеем
   «5 вкладок × 2 темы × 390 + диалог» (матрица: VJ_MOBILE_FINAL/before).
   Никаких новых цветов/шрифтов — только токены канона.

   1) ДИАЛОГ: двойная компенсация высоты таб-бара.
      eco-skin-v2 §15 ставит .app.is-thread-open{padding-bottom:nav-h}
      И .panel--thread{bottom:nav-h}. Containing-block панели —
      #view-chats, который уже заканчивается выше пэдинга #app,
      поэтому панель диалога заканчивалась на 58px ВЫШЕ таб-бара:
      под композером светилась «дыра» с фоном чата, а на сжатом
      клавиатурой вьюпорте (interactive-widget=resizes-content)
      сквозь неё проглядывали строки списка чатов.
      Фикс: панель тянется до таб-бара (bottom:0 внутри view).

   2) ТАП-ЦЕЛИ: #btn-new-chat 42px (eco-skin-v2 §15) → 44px.

   3) ДЕСКТОП ≥861: подпись «Настройки» в sidenav подрезалась
      на ~3px (scrollW 58 > clientW 55 при overflow не visible)
      → overflow: visible.
   ============================================================ */

/* 1. Диалог на мобиле: убираем двойной отступ таб-бара */
@media (max-width: 860px) {
  .app.is-thread-open .panel--thread {
    bottom: 0;
  }

  /* 2. Тап-цель «Новый чат» в шапке списка */
  #btn-new-chat.btn-icon {
    width: 44px;
    height: 44px;
  }
}

/* 3. Десктоп: подписи бокового рейла без подрезки */
@media (min-width: 861px) {
  .sidenav__btn {
    overflow: visible;
  }
}