/*
  Полноэкранная заглушка (t131). Отдельный файл, чтобы оформление можно было переписать,
  не трогая смысл состояний в `app.js` и разметку `components/gate.html`.

  ЧТО ЗДЕСЬ ЕСТЬ И ЧЕГО НЕТ. Есть: экран на всю высоту, крупный заголовок, спокойный текст и
  ОДНО крупное действие — владелец просил «не маленькое окошко». Нет: своих цветов и шрифтов
  (все — из переменных `--c-*` темы), анимаций и иконок: это зона дизайн-сессии.
*/

.gate {
  position: fixed;
  inset: 0;
  /* Выше предупреждений (z-index 1000): стена входа — НЕ плашка, её ничего не перекрывает. */
  z-index: 1200;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: var(--c-bg);
}

.gate-card {
  width: 100%;
  max-width: 520px;
  gap: 16px;
  padding: 28px 24px;
  text-align: center;
  align-items: center;
}

.gate-card .title-text {
  font-size: 24px;
  line-height: 1.25;
}

.gate-card .base-text {
  font-size: 15px;
  line-height: 1.5;
}

/* Действие — крупное: это единственное, что человеку нужно сделать на этом экране. */
.gate-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 240px;
  min-height: 52px;
  padding: 14px 22px;
  font-size: 16px;
  text-decoration: none;
}

/* Пока заглушка открыта, оболочка не показывается: таббар — потому что у гостя нет
   доступных вкладок, содержимое страницы — потому что профиль с аватаром и виджеты
   обещали бы то, чего у человека ещё нет (t133, требование капитана).
   t140: сюда же добавлены ПАНЕЛИ и ПЛАШКА — владелец видел в веб-режиме куски страницы и
   «нужно войти» поверх навигации; стена обязана перекрывать ВСЁ, а не только `.app`. */
body.gate-open .tabbar,
body.gate-open .app,
body.gate-open .sheet,
body.gate-open .toast-layer {
  display: none;
}