/* BL-043 Ф8: отступы под системный UI + чат-шапку Telegram в полноэкранном режиме.
   Переменные проставляет static/lib/telegram-web-app.js (WebApp.safeAreaInset /
   WebApp.contentSafeAreaInset) — без Telegram оба нуля, классы безвредны в обычном браузере. */
.tg-safe-top {
  padding-top: calc(var(--tg-safe-area-inset-top, 0px) + var(--tg-content-safe-area-inset-top, 0px));
}
.tg-safe-bottom {
  padding-bottom: calc(var(--tg-safe-area-inset-bottom, 0px) + var(--tg-content-safe-area-inset-bottom, 0px));
}

/* Для страниц, чья ВНУТРЕННЯЯ вёрстка уже сама учитывает вырез/статус-бар через
   нативный env(safe-area-inset-top) (напр. me/*/mobile.html .hdr) — считать
   ЕЩЁ РАЗ --tg-safe-area-inset-top снаружи было бы двойным отступом на то же
   физическое пространство. Здесь добавляем только чат-шапку Telegram поверх. */
.tg-safe-top-content {
  padding-top: var(--tg-content-safe-area-inset-top, 0px);
}