/* Shared browser and Telegram Mini App viewport guardrails. */
#app {
  box-sizing: border-box;
  padding-bottom: calc(74px + env(safe-area-inset-bottom, 0px)) !important;
}

html.tg-miniapp #app {
  padding-top: var(--tg-safe-area-top, env(safe-area-inset-top, 0px)) !important;
  padding-bottom: calc(74px + var(--tg-safe-area-bottom, env(safe-area-inset-bottom, 0px))) !important;
}

/* Keep fixed navigation outside the device home indicator / Telegram chrome. */
html.tg-miniapp .tabbarNew,
html.tg-miniapp .van-tabbar {
  bottom: var(--tg-safe-area-bottom, env(safe-area-inset-bottom, 0px)) !important;
}

html.tg-miniapp .header {
  top: var(--tg-safe-area-top, env(safe-area-inset-top, 0px)) !important;
}