/* Для WebKit-браузеров (Chrome, Safari, Edge) */
::-webkit-scrollbar {
    display: none;
}

:root {
    --app-viewport-height: 100dvh;
    --tg-safe-area-inset-top: 0px;
    --tg-safe-area-inset-bottom: 0px;
    --tg-safe-area-inset-left: 0px;
    --tg-safe-area-inset-right: 0px;
    --tg-content-safe-area-inset-top: 0px;
    --tg-content-safe-area-inset-bottom: 0px;
    --tg-content-safe-area-inset-left: 0px;
    --tg-content-safe-area-inset-right: 0px;
    --pwa-safe-area-inset-top: 0px;
    --pwa-safe-area-inset-bottom: 0px;
    --pwa-safe-area-inset-left: 0px;
    --pwa-safe-area-inset-right: 0px;
    --pwa-content-safe-area-inset-top: 0px;
    --pwa-content-safe-area-inset-bottom: 0px;
    --pwa-content-safe-area-inset-left: 0px;
    --pwa-content-safe-area-inset-right: 0px;
    --app-safe-area-inset-top: calc(var(--tg-safe-area-inset-top) + var(--pwa-safe-area-inset-top));
    --app-safe-area-inset-bottom: max(var(--tg-safe-area-inset-bottom), var(--pwa-safe-area-inset-bottom));
    --app-safe-area-inset-left: calc(var(--tg-safe-area-inset-left) + var(--pwa-safe-area-inset-left));
    --app-safe-area-inset-right: calc(var(--tg-safe-area-inset-right) + var(--pwa-safe-area-inset-right));
    --app-content-safe-area-inset-top: calc(var(--tg-content-safe-area-inset-top) + var(--pwa-content-safe-area-inset-top));
    --app-content-safe-area-inset-bottom: max(var(--tg-content-safe-area-inset-bottom), var(--pwa-content-safe-area-inset-bottom));
    --app-content-safe-area-inset-left: calc(var(--tg-content-safe-area-inset-left) + var(--pwa-content-safe-area-inset-left));
    --app-content-safe-area-inset-right: calc(var(--tg-content-safe-area-inset-right) + var(--pwa-content-safe-area-inset-right));
}

html.pwa-standalone,
body.pwa-standalone {
    --pwa-safe-area-inset-top: env(safe-area-inset-top, 0px);
    --pwa-safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);
    --pwa-safe-area-inset-left: env(safe-area-inset-left, 0px);
    --pwa-safe-area-inset-right: env(safe-area-inset-right, 0px);
    --pwa-content-safe-area-inset-top: env(safe-area-inset-top, 0px);
    --pwa-content-safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);
    --pwa-content-safe-area-inset-left: env(safe-area-inset-left, 0px);
    --pwa-content-safe-area-inset-right: env(safe-area-inset-right, 0px);
}

/* In Telegram WebApp, use Telegram safe areas as the single source of truth. */
html.telegram-webapp-context,
body.telegram-webapp-context {
    --app-safe-area-inset-top: var(--tg-safe-area-inset-top, 0px);
    --app-safe-area-inset-bottom: max(var(--tg-safe-area-inset-bottom, 0px), env(safe-area-inset-bottom, 0px));
    --app-safe-area-inset-left: var(--tg-safe-area-inset-left, 0px);
    --app-safe-area-inset-right: var(--tg-safe-area-inset-right, 0px);
    --app-content-safe-area-inset-top: var(--tg-content-safe-area-inset-top, 0px);
    --app-content-safe-area-inset-bottom: max(var(--tg-content-safe-area-inset-bottom, 0px), env(safe-area-inset-bottom, 0px));
    --app-content-safe-area-inset-left: var(--tg-content-safe-area-inset-left, 0px);
    --app-content-safe-area-inset-right: var(--tg-content-safe-area-inset-right, 0px);
}

/* Общее правило для всех браузеров */
html, body {
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE и Edge */
}


html {
  background-color: var(--background-color);
  padding: 0;
  margin: 0;
  height: 100dvh;
  overflow: hidden;
  box-sizing: border-box;
}
body {
    -webkit-user-select: none; /* Для Safari и Chrome */
    -moz-user-select: none; /* Для Firefox */
    -ms-user-select: none; /* Для IE/Edge */
    user-select: none; /* Стандартный синтаксис */
}
body {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100dvh;
    background-color: var(--background-color);
    background-color: rgba(11, 11, 11, 0.1);
    position: relative;
    overflow: hidden;
    /* height: 90dvh; */
    /* margin-top: 10dvh; */
    /* background-image: url(../../images/bgimg.png); */
    background-size: 5rem;
    background-position-x: 65%;
    padding-top: var(--app-content-safe-area-inset-top, 0px);
    padding-bottom: var(--app-content-safe-area-inset-bottom, 0px);
    padding-left: var(--app-content-safe-area-inset-left, 0px);
    padding-right: var(--app-content-safe-area-inset-right, 0px);
}

/* Finder: safe-area paddings на body только в Telegram-контексте. */
body.finder-body {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}

body.finder-body.telegram-webapp-context {
    padding-top: var(--app-content-safe-area-inset-top, 0px);
    padding-bottom: var(--app-content-safe-area-inset-bottom, 0px);
    padding-left: var(--app-content-safe-area-inset-left, 0px);
    padding-right: var(--app-content-safe-area-inset-right, 0px);
}

/* Только desktop + Telegram: убираем body padding полностью. */
@media (min-width: 1025px) {
    body.finder-body.telegram-webapp-context {
        padding: 0 !important;
    }
}

/* PWA standalone: safe-area на html, чтобы корневой контейнер сразу имел корректную геометрию. */
html.pwa-standalone:not(.telegram-webapp-context) {
    height: 100vh;
    min-height: 100vh;
    position: relative;
    padding-top: var(--app-content-safe-area-inset-top, 0px);
    padding-bottom: var(--app-content-safe-area-inset-bottom, 0px);
    padding-left: var(--app-content-safe-area-inset-left, 0px);
    padding-right: var(--app-content-safe-area-inset-right, 0px);
}

/* В открытом чате при поднятой клавиатуре не добавляем нижний html safe-area padding. */
html.messages-screen-active.chat-open-mobile.chat-keyboard-open {
    padding-bottom: 0 !important;
}

body.pwa-standalone:not(.telegram-webapp-context) {
    height: 100%;
    min-height: 100%;
    position: relative;
    padding: 0;
}

* {
  font-family: inherit; /* Наследует шрифт от родителя */
}
html,
body {
    overscroll-behavior: none; /* Отключает странные эффекты скролла */
    -webkit-tap-highlight-color: transparent; /* Убирает серый фон при нажатии */
    touch-action: manipulation; /* Улучшает отзывчивость на касания */
    user-select: none; /* Запрещает выделение текста */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    overflow: hidden; /* Фиксит дергание при открытии клавиатуры */
}

/* На экране чатов живем по текущему viewport */
html.messages-screen-active,
body.messages-screen-active {
    min-height: 0 !important;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.div-for-space {
    height: calc(6dvh + 3.8125rem);
    width: 100%;
}