/* Режим нативного клиента Android.

   Задача одна: внутри приложения страница не должна вести себя как страница
   в браузере. Ни оттяжки за край, ни горизонтального сползания, ни баннера
   «установить приложение» — оно уже установлено.

   Селектор data-asx-android ставит скрипт, и только по токену User-Agent:
   ни query-параметр, ни заголовок режим не включают, иначе его можно было бы
   включить из обычного браузера.

   Регистрацию здесь НЕ прячем: в Android она разрешена и нужна. */

html[data-asx-android="1"],
html[data-asx-android="1"] body {
  /* Убирает оттяжку за край и «потяните, чтобы обновить». */
  overscroll-behavior: none;
  /* Ширину страницы не растягивает ничто: поездок вбок больше нет. */
  overflow-x: clip;
  max-width: 100%;
}

/* Внутренние прокручиваемые области не передают инерцию наружу —
   иначе список «дотягивает» всю страницу и экран дёргается. */
html[data-asx-android="1"] [data-asx-scroll],
html[data-asx-android="1"] .asteron-mobile-nav,
html[data-asx-android="1"] .asx-scroll,
html[data-asx-android="1"] main,
html[data-asx-android="1"] dialog,
html[data-asx-android="1"] [role="dialog"] {
  overscroll-behavior: contain;
}

/* Экраны входа, регистрации и списка CRM прокручиваются только вертикально.
   Именно здесь пользователь ловил «ёрзанье» вбок. Внутри рабочего
   пространства ограничение не ставим: там есть таблицы и доски,
   которые листают вбок намеренно. */
html[data-asx-android="1"][data-asx-android-auth="1"] body {
  touch-action: pan-y;
}

/* Приложение уже установлено — предлагать установку незачем. */
html[data-asx-android="1"] .asteron-pwa-install,
html[data-asx-android="1"] .asteron-pwa-install-shortcut,
html[data-asx-android="1"] .asteron-pwa-status {
  display: none !important;
}

/* Серый прямоугольник подсветки при касании выдаёт веб-страницу. */
html[data-asx-android="1"] * {
  -webkit-tap-highlight-color: transparent;
}
