/* Isolated native Telegram fullscreen overrides. Ordinary web stays unchanged. */
html.crm-tg-native-fullscreen {
  background-color: #ffffff;
  background-image: var(--crm-brand-gradient);
  background-size: 100% 360px, 100% 360px;
  background-repeat: no-repeat, no-repeat;
  background-position: top left, top left;
  overscroll-behavior-y: none;
}

html.crm-tg-native-fullscreen body,
html.crm-tg-native-fullscreen #root {
  background: #ffffff;
  overscroll-behavior-y: none;
}

html.crm-tg-native-fullscreen #root {
  min-height: var(--tg-viewport-stable-height, 100dvh);
  padding-top: 0;
}

html.crm-tg-native-fullscreen .hero {
  background: var(--crm-brand-gradient);
}

html.crm-tg-native-fullscreen .app,
html.crm-tg-native-fullscreen .screen {
  min-height: var(--tg-viewport-stable-height, 100dvh);
}

html.crm-tg-native-fullscreen .bottomNav {
  height: calc(82px + var(--crm-tg-safe-bottom, 0px));
  padding-bottom: var(--crm-tg-safe-bottom, 0px);
}

html.crm-tg-native-fullscreen .floatingButton {
  bottom: calc(96px + var(--crm-tg-safe-bottom, 0px));
}