/* Экран «заявка ещё не принята» для лида.
 *
 * Лиду закрыты все клиентские ручки (403 lead_blocked), и каждый экран рисовал
 * собственное красное «Ошибка загрузки…» — приложение выглядело сломанным.
 * Эта заглушка перекрывает содержимое, но НЕ таб-бар: он выше по слою,
 * поэтому нижняя навигация остаётся живой и человек может ходить по вкладкам.
 *
 * Приехало из мастера на старых семействах токенов (--nx-*, --web-*) с
 * хардкод-фолбэками на случай, если ни одно из них не определено. Обоих
 * семейств больше нет: они схлопнуты в --ui-*, а это один набор на все три
 * оболочки — значит и фолбэки не нужны, и файл перестаёт быть исключением.
 */

.lead-gate {
    position: fixed;
    inset: 0;
    /* Ниже затемнения окон (2000) и выше содержимого страницы: заглушка не
       перекрывает ни таб-бар, ни модалку поверх себя. */
    z-index: calc(var(--ui-z-sticky) - 20);
    display: flex;
    align-items: center;
    justify-content: center;
    /* Снизу оставляем место под таб-бар, иначе карточка садится под него. */
    padding: var(--ui-s-5) var(--ui-s-5) calc(var(--ui-s-5) + 72px);
    background: var(--ui-bg);
}

.lead-gate__card {
    max-width: 360px;
    width: 100%;
    text-align: center;
    padding: var(--ui-s-6) var(--ui-s-5);
    border-radius: var(--ui-r-lg);
    background: var(--ui-grad-surface);
    box-shadow: var(--ui-ring), var(--ui-edge), var(--ui-shadow-sm);
}

.lead-gate__icon {
    width: var(--ui-h-lg);
    height: var(--ui-h-lg);
    margin: 0 auto var(--ui-s-3);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--ui-r-pill);
    background: var(--ui-accent-soft);
    color: var(--ui-accent);
}

.lead-gate__title {
    font-size: var(--ui-t-xl);
    font-weight: 700;
    margin-bottom: var(--ui-s-2);
    color: var(--ui-text);
}

.lead-gate__text {
    font-size: var(--ui-t-md);
    line-height: var(--ui-lh);
    color: var(--ui-text-2);
}