#sidebar-content {
  background-color: hsla(0,0%,100%,.05);
}

.uptime-dot > :first-child {
  width: 12px;
  height: 12px;
  display: inline-block;
  border-radius: 50%;
  color: #637189;
  background: #637189;
  position: relative;
  -ms-transform: none;
  transform: none;
  left: 7px
}

.uptime-dot > :first-child:before {
  content: '';
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  background: currentColor;
  opacity: 1;
  border-radius: 50%;
  top: 0;
  left: 0
}

.uptime-dot.is-good > :first-child:before,
.uptime-dot.is-warning > :first-child:before,
.uptime-dot.is-error > :first-child:before {
  display: block;
  animation: pulse 2s infinite
}

.uptime-dot.is-good > :first-child,
.uptime-dot.is-good:hover > :first-child {
  color: #3bd671;
  background: #3bd671
}

.uptime-dot.is-error > :first-child {
  color: #df484a;
  background: #df484a
}

.uptime-dot.is-warning > :first-child {
  color: #f29030;
  background: #f29030
}

@keyframes pulse {
  0% {
    opacity: 0.5
  }

  70% {
    opacity: 0;
    transform: scale(2.5)
  }

  100% {
    opacity: 0
  }
}

@keyframes pulseBig {
  0% {
    opacity: 0.5
  }

  70% {
    opacity: 0;
    transform: scale(1.6)
  }

  100% {
    opacity: 0
  }
}


/* ──────────────────────────────────────────────
   СВЕТЛАЯ ТЕМА (ничего не трогаем: используем
   дефолтные переменные из style.css от n8n-chat)
   ────────────────────────────────────────────── */

/* ──────────────────────────────────────────────
   ТЁМНАЯ ТЕМА — Mintlify ставит класс .dark
   именно на <html>; переопределяем переменные
   ИСКЛЮЧИТЕЛЬНО здесь, чтобы они достались
   всему виджету разом
   ────────────────────────────────────────────── */
html.dark {
  /* базовая палитра */
  --chat--color-white:               #f4f4f5;
  --chat--color-light:               #262626;   /* фон body, textarea, footer */
  --chat--color-light-shade-50:      #2e2e2e;
  --chat--color-light-shade-100:     #3a3a3a;
  --chat--color-medium:              #444;
  --chat--color-dark:                #e5e5e5;   /* текст на тёмном фоне */

  /* заголовок */
  --chat--header--background:        #18181b;
  --chat--header--color:             var(--chat--color-white);

  /* тело и футер */
  --chat--body--background:          var(--chat--color-light);
  --chat--footer--background:        var(--chat--color-light);
  --chat--footer--color:             var(--chat--color-white);

  /* сообщения */
  --chat--message--bot--background:  #1d1d20;
  --chat--message--bot--color:       var(--chat--color-white);
  --chat--message--user--background: #19947f;   /* тот же secondary, но чуть темнее */
  --chat--message--user--color:      var(--chat--color-white);

  /* поле ввода */
  --chat--input--background:         var(--chat--color-light);
  --chat--input--text-color:         var(--chat--color-white);
  --chat--input--send--button--background: var(--chat--color-light);
  --chat--input--send--button--color:      #19947f;

  /* toggle-кнопка (круглая, сворачивает чат) */
  --chat--toggle--background:        #338cff;
  --chat--toggle--hover--background: #2a7bd3;
  --chat--toggle--active--background:#2066a8;
}

/* ──────────────────────────────────────────────
   ДОП. ПРАВКИ: виджет в некоторых узлах задаёт
   фон напрямую, обойдя переменные. Чиним точечно
   ────────────────────────────────────────────── */

/* header */
html.dark #n8n-chat .chat-header {
  background-color: var(--chat--header--background) !important;
  color:            var(--chat--header--color)      !important;
}

/* тело (список сообщений) и footer */
html.dark #n8n-chat .chat-body,
html.dark #n8n-chat .chat-messages-list,
html.dark #n8n-chat .chat-footer {
  background-color: var(--chat--body--background) !important;
  color:            var(--chat--footer--color)    !important;
}

/* textarea + сама обёртка ввода */
html.dark #n8n-chat .chat-input,
html.dark #n8n-chat .chat-input textarea {
  background-color: var(--chat--input--background) !important;
  color:            var(--chat--input--text-color) !important;
}
html.dark #n8n-chat .chat-input textarea::placeholder {
  color: var(--chat--color-medium) !important;
}

/* кнопка «Отправить» */
html.dark #n8n-chat .chat-input-send-button {
  background: var(--chat--input--send--button--background) !important;
  color:       var(--chat--input--send--button--color)      !important;
}

/* сообщения пользователя и бота */
html.dark #n8n-chat .chat-message.chat-message-from-bot:not(.chat-message-transparent) {
  background-color: var(--chat--message--bot--background) !important;
  color:            var(--chat--message--bot--color)      !important;
}
html.dark #n8n-chat .chat-message.chat-message-from-user:not(.chat-message-transparent) {
  background-color: var(--chat--message--user--background) !important;
  color:            var(--chat--message--user--color)      !important;
}

/* ──────────────────────────────────────────────
   РАЗМЕРЫ ШРИФТОВ, чтобы вписаться в Mintlify
   ────────────────────────────────────────────── */
#n8n-chat {
  --chat--font-family:               'Inter', sans-serif;
  --chat--heading--font-size:        1.2rem;      /* ~16 px */
  --chat--subtitle--font-size:       .875rem;   /* ~14 px */
  --chat--message--font-size:        .75rem;    /* ~12 px */
  --chat--message-line-height:       1.45;
  --chat--textarea--max-height: 6rem;
  --chat--subtitle--line-height: 1.4;
  --chat--border-radius: 1.25rem;
  --chat--spacing: 0.7rem;
}

/* применяем Inter ко всем элементам внутри виджета */
#n8n-chat, #n8n-chat * {
  font-family: var(--chat--font-family) !important;
}

/* ──────────────────────────────────────────────
   Отключаем "протекание" скролла наружу
   ────────────────────────────────────────────── */
#n8n-chat .chat-body,
#n8n-chat .chat-messages-list {
  /* 1) Не передавать события скролла дальше */
  overscroll-behavior: none !important;
  /* 2) Защита на всякий случай для только вертикальной оси */
  overscroll-behavior-y: contain !important;
  /* 3) Плавный инертный скролл на мобильных Safari/Chrome */
  -webkit-overflow-scrolling: touch !important;
}


function hookHistoryMethod(method) {
  const original = history[method];
  history[method] = function(...args) {
    const result = original.apply(this, args);
    window.dispatchEvent(new Event('urlchange'));
    return result;
  };
}

hookHistoryMethod('pushState');
hookHistoryMethod('replaceState');


Casos de uso clave

Cómo funciona

Siguientes pasos

Introducción al modo Softphone — usando Telegram como cliente SIP

Descripción general

Descripción general de las funciones de Softphone

SIP.TG

SIP.TG = Соединяем телефонию и Telegram

Главная

SIP.TG соединяет звонки через Telegram и SIP-телефонию

Каталог партнёров, информация о партнёрской программе, вознаграждении и сотрудничестве

Обратиться к партнёру

Партнёры SIP.TG

Главная страница документации SIP.TG

Настроить самостоятельно

Документация SIP.TG

Введение в режим Софтфон, как использовать Telegram в качестве SIP-клиента

Обзор возможностей

Обзор возможностей Софтфона

Подробное руководство по настройке режима Софтфон в SIP.TG, включая управление SIP-аккаунтами и их настройками.

Настройка Софтфона

Совершение звонков, выбор линии, запись разговоров, режим Callback, входящие вызовы и телефонная книга Android.

Как пользоваться

Советы по диагностике неполадок при использовании Софтфона, типовые ошибки и их расшифровка.

Вопросы и решение проблем

Введение в режим Шлюз для подключения Telegram и АТС

Обзор возможностей Шлюза

Создание сессии для работы Шлюза SIP.TG и настройка параметров Telegram-аккаунта.

Взаимодействие с Telegram

Типы подключений, аудиокодеки, DTMF, приоритеты аккаунтов, доверенные IP, типы номеров Telegram и другие параметры

Взаимодействие с АТС

Список возможных ошибок для режима Шлюз

Общее описание модельного ряда подписок SIP.TG

Обзор подписок

Роли Плательщика и Владельца, процесс активации, способы оплаты, налоги, автопродление и перенос подписки.

Подключение и продление

Настройка и использование собственных Worker-серверов и Хранилища сессий Telegram в рамках платформы SIP.TG

Модули Worker и Storage

API Documentation

Terms and Conditions

Privacy and Cookies Policy

Home

SIP.TG connects calls via Telegram and SIP telephony

Partner directory, information about the partner program, rewards, and collaboration

Contact a Partner

SIP.TG Partners

Set up yourself

SIP.TG Documentation

Introduction to Softphone mode — using Telegram as a SIP client

Feature Overview

Softphon features overview

Detailed guide to setting up Softphone mode in SIP.TG, including managing SIP accounts and their settings.

Softphone Setup

Making calls, line selection, call recording, Callback mode, incoming calls, and Android phone book.

How to Use

Tips for troubleshooting when using Softphone, typical errors and their interpretation.

Troubleshooting

Introduction to Gateway mode for connecting Telegram and PBX

Gateway features overview

Creating a session for SIP.TG Gateway operation and configuring Telegram account parameters.

Interaction with Telegram

Connection types, audio codecs, DTMF, account priorities, trusted IPs, Telegram number types and other parameters

Interaction with PBX

General description of SIP.TG subscription model range

Subscriptions Overview

Payer and Owner roles, activation process, payment methods, taxes, auto-renewal and subscription transfer.

Connection and Renewal

Setting up and using your own Worker servers and Telegram Session Storage within the SIP.TG platform

Worker and Storage Modules

SIP.TG = Conectando telefonía y Telegram

Inicio

SIP.TG conecta llamadas a través de Telegram y telefonía SIP

Directorio de socios, información sobre el programa de socios, recompensas y colaboración

Contactar a un Socio

Socios de SIP.TG

Página principal de la documentación de SIP.TG

Configúralo tú mismo

Documentación de SIP.TG

Guía detallada para configurar el modo Softphone en SIP.TG, incluyendo la gestión de cuentas SIP y sus ajustes.

Configuración del Softphone

Realizar llamadas, selección de línea, grabación de llamadas, modo Callback, llamadas entrantes y libreta de direcciones de Android.

Cómo usar

Consejos para solucionar problemas al usar Softphone, errores típicos y su interpretación.

Solución de problemas

Introducción al modo Gateway para conectar Telegram y PBX

Descripción general de las funciones de Gateway

Creación de una sesión para el funcionamiento de Gateway SIP.TG y configuración de parámetros de cuenta de Telegram.

Interacción con Telegram

Tipos de conexiones, códecs de audio, DTMF, prioridades de cuentas, IPs confiables, tipos de números de Telegram y otros parámetros

Interacción con la PBX

Lista de posibles errores para el modo Gateway

Descripción general de la gama de modelos de suscripción de SIP.TG

Resumen de Suscripciones

Roles de Pagador y Propietario, proceso de activación, métodos de pago, impuestos, renovación automática y transferencia de suscripción.

Conexión y Renovación

Configuración y uso de sus propios servidores Worker y almacenamiento de sesiones de Telegram dentro de la plataforma SIP.TG

​Casos de uso clave

​Cómo funciona

​Siguientes pasos

Casos de uso clave

Cómo funciona

Siguientes pasos