/**
 * File: /wp-content/plugins/belperamova/assets/css/belperamova-app.css
 * Version: 0.2.100
 * - 0.2.100: Гостевой экран ожидания уменьшен до компактной карточки без мини-игры; live-видеосцена Jitsi не изменялась.
 * - 0.2.99: Fallback-кнопка «Пригласить» поверх Jitsi синхронизирована с показом fullscreen-кнопки: скрывается без наведения и появляется вместе с верхними контролами.
 * - 0.2.98: Видимая fallback-кнопка «Пригласить» поверх Jitsi выровнена с fullscreen-плашкой для случаев, когда custom-кнопка Jitsi уходит в меню «...».
 * - 0.2.97: Фирменная полоска share/invite-карточек загнана внутрь скруглений и не выступает за углы.
 * - 0.2.96: Полировка desktop-share/invite под стиль БелОфиса и fallback-полноэкранный режим для iPhone.
 *
 * Назначение:
 * - Базовые стили MVP-кабинета БелПерамова.
 * - Все стили жестко изолированы внутри .belperamova-app.
 * - Не используются внешние шрифты, CDN, глобальные селекторы.
 *
 * История изменений:
 * - 0.2.95: Добавлен единый share-слой БелОфиса с локальными PNG-иконками для Telegram/Viber/WhatsApp/E-mail/Copy и обновлено desktop-окно отправки ссылки.
 * - 0.2.94: Добавлена компактная плашка «Пригласить собеседников» поверх owner-видеосцены после создания встречи: явные кнопки копирования и отправки ссылки без молчаливого автокопирования.
 * - 0.2.93: Гостевой экран БелПерамовы переведен в mobile-first video-first слой: видео/ожидание/закрытие получают почти всю ширину, лишний подзаголовок скрыт, внешние карточки уплощены, а ночная тема уведомления, trust-плашки и формы входа стала читаемой.
 * - 0.2.92: Дочищен video-first экран: раскрытая активная встреча больше не показывает лишнюю кнопку «Свернуть», в гостевом/активном верхе скрыт дублирующий текстовый логотип «БелПерамова», а плашка «Трафик не выводится...» получила полноценную ночную тему.
 * - 0.2.91: В video-first режиме скрыта кнопка «Свернуть» у уже раскрытой активной встречи; сетка активной строки перестраивается без пустой зоны, а действие «Вернуться» в свернутом состоянии сохраняется.
 * - 0.2.90: Активная встреча переведена в video-first режим: видео поднимается первым блоком сразу под шапкой сайта, заголовки/история/лимит уходят ниже, внешние фоны и рамки скрываются, мобильный экран получает больше полезной ширины.
 * - 0.2.89: Активная встреча стала шире: убраны лишние внешние подложки, рамки и паддинги вокруг раскрытой встречи, видео и заметки получили почти всю доступную ширину на мобильном и больше места на десктопе.
 * - 0.2.88: Дочищена ночная тема БелПерамовы: фон родительских контейнеров WordPress (.site-main/.content-area/.entry-content) сделан прозрачным только на странице сервиса, чтобы вокруг рабочих карточек не оставалась большая зеленовато-темная плита.
 * - 0.2.87: Ночная тема кабинета очищена от лишних фоновых подложек крупных рабочих секций: фон панелей, оболочки истории и служебной строки "Вся история" сделан прозрачным, при этом карточки встреч, сервисов и тарифа остаются читаемыми.
 * - 0.2.86: Мобильные действия истории дополнительно уплотнены для кнопок переименования и удаления; ночная рабочая область получила разрыв от шапки и скругленные верхние углы без изменения дневной темы и футера.
 * - 0.2.85: Ночная тема страницы БелПерамовы переведена с черного фона на единый спокойный графитово-синий фон шапки и страницы; футер больше не переопределяется стилями сервиса.
 * - 0.2.84: Точечно очищены фоновые подложки раскрытых post-meeting блоков заметки/отчета в ночной теме: убраны фон drawer-card и фон tool-card внутри рабочей области, чтобы не проступали лишние углы и пятна.
 * - 0.2.83: Смягчен вес заголовков заметки и отчета в раскрытой карточке, дочищена фоновая подложка post-meeting блоков заметки/отчета без изменения разметки, JS и логики встреч.
 * - 0.2.82: Усилена читаемость текста в раскрытых заметках и отчетах ночной темы: заголовки, пояснения, значения отчета, поля заметки и служебные статусы получили контрастные цвета без изменения логики и разметки.
 * - 0.2.81: Центрированы мобильные кнопки истории при переносе, темная тема раскрытых заметок и отчетов усилена, убраны фон-подложка workspace, тени дополнительных сервисов, футер оставлен черным, визуально стабилизирована надпись «Свернуть» в открытой карточке.
 * - 0.2.80: Мобильные кнопки кабинета сделаны компактнее, действие «Создать ссылку заранее» мягко выделено красноватым оттенком, футер страницы БелПерамовы возвращен к черному фону темы.
 * - 0.2.79: Дочищены ночные состояния кнопок истории: обычные/опасные/отключенные действия больше не становятся белыми, убраны лишняя подложка и тень общего списка встреч, фон страницы больше не применяется к общему wrapper сайта и футеру.
 * - 0.2.78: Добавлена спокойная брендовая полировка дневной и ночной темы: фирменный цвет БелПерамова, мягкие темные поверхности без эффекта инверсии, читаемые кнопки, карточки истории, будущие сервисы и мобильная адаптация.
 * - 0.2.77: Добавлены изолированные стили отдельной страницы истории: фильтры, постраничная навигация, чекбоксы пакетного удаления, компактные строки архива и мобильная адаптация без внешних ресурсов.
 * - 0.2.76: Стабилизирован скролл страницы БелПерамова при догрузке истории: отключено браузерное scroll anchoring внутри страницы сервиса, чтобы футер и нижние блоки не утягивали экран вниз после изменения DOM.
 * - 0.2.75: История очищена от лишней общей тени/фона, строки встреч уплотнены, а «Показать больше» вынесен отдельной строкой вне списка плиток.
 * - 0.2.74: История встреч переведена в SaaS-строки с метаданными, одной основной кнопкой и компактным меню действий; добавлена мобильная адаптация без внешних ресурсов.
 * - 0.2.73: Owner-hero очищен от дублей бренда/профиля/тарифа: профиль и быстрый тариф переехали в общую шапку БелОфиса, а рабочая область начинается с заголовка онлайн-встреч.
 * - 0.2.72: Точечная полировка ночного режима кабинета: темные карточки, история, будущие возможности, профиль, заметки и тарифная зона получили читаемые цвета без изменения логики.
 * - 0.2.71: Прощальный экран и состояние выхода из видеокомнаты получили фирменную glass-карточку БелПерамова с цветным текстовым логотипом, слоганом и мобильной адаптацией.
 * - 0.2.70: Добавлен мягкий стабилизационный экран перед гостевым вводом имени и анимация появления формы, чтобы поле не принимало случайный ранний ввод при перезагрузке страницы.
 * - 0.2.69: Экран ожидания с мини-игрой уплотнен под 16:9 и мобильный вид: компактный верх, более низкая карточка задачи, сервисы-чипы и страховка от переполнения видеоблока.
 * - 0.2.68: Мини-игра ожидания переделана в понятный сценарий «Подготовьте встречу»: карточка ситуации, прогресс 5 шагов, мягкие подсказки и более компактная адаптивная сетка сервисов БелОфиса.
 * - 0.2.67: Добавлены стили первой мини-игры ожидания «БелОфис-кликер» внутри гостевого экрана: компактная glass-карточка, кнопки действий БелОфиса, счетчик и мобильная адаптация без внешних ресурсов.
 * - 0.2.66: Emoji в чате больше не показываются отдельными чипами над полем ввода; inline-emoji в тексте стали компактными, отдельные emoji-сообщения остаются крупнее.
 * - 0.2.65: Исправлен скролл списка сообщений именно в overlay-чате: список больше не растягивает панель, получает собственный scrollbar, статус не-live встречи выделен как предупреждение.
 * - 0.2.64: Чат уплотнен: длинные сообщения и поле ввода получают внутренний скролл, список сообщений показывает больше строк; кнопка чата светится красным до подключения участника.
 * - 0.2.63: Исправлено задвоение emoji-глифов: preview-кнопки больше не рисуют собственный псевдоэлемент поверх вложенного glyph; yes визуально заменен на «сложенные ладони / молитва».
 * - 0.2.62: Emoji UI переведен на красивый CSS/SVG preview: выбранные эмодзи показываются отдельными чипами над полем ввода, shortcode больше не виден в textarea, внешние картинки/wpemoji/observer не используются.
 * - 0.2.61: Вернул легкую emoji-панель на CSS-иконках и ASCII-shortcode токенах без wpemoji-картинок, без Unicode emoji в БД, без внешних ресурсов и без observer.
 * - 0.2.60: Стабилизация чата: emoji-кнопка и emoji-панель скрыты до отдельного модуля реакций, чтобы wpemoji не создавал битые картинки и не мешал Jitsi/чату.
 * - 0.2.59: UI hotfix видеослоя: современная темная плашка запроса поверх всех video-controls, безопасный scrim для сворачивания чата кликом по видео, fullscreen/mobile-позиции чата и компактная CSS-иконка эмодзи без переноса текста.
 * - 0.2.58: Убран риск подвисания от emoji-наблюдателя: добавлены локальные glyph-стили для emoji в сообщениях и панели, битые WP emoji-img внутри чата скрываются как страховка, empty-state остается CSS-only.
 * - 0.2.57: Hotfix emoji-чата: preview эмодзи рисуется через CSS attr, пустое состояние чата стало CSS-иконкой без emoji-img, снижена вероятность битых WordPress emoji-картинок.
 * - 0.2.56: Hotfix чата: усилено восстановление кнопки открытия после сворачивания, добавлены защитные стили для локального текстового emoji без внешних emoji-img.
 * - 0.2.53: Чат снова выглядит как overlay, но без переноса DOM: рабочий chat-section остается в нижней сетке и визуально докуется поверх видеоблока через absolute-позиционирование внутри карточки встречи.
 * - 0.2.52: Добавлены стили overlay-чата поверх Jitsi-видеоблока: кнопка «Чат», правая desktop-панель и мобильный bottom-sheet без внешних зависимостей.
 * - 0.2.51: Добавлены стили поля названия встречи и мягкого отображения номера встречи при пользовательском названии.
 * - 0.2.50: Точечно скрыты внешний заголовок страницы и хлебные крошки темы только внутри body.belperamova-page; лендинг, кабинет, guest-flow, Jitsi и профиль не менялись.
 * - 0.2.49: Профиль визуально доработан под стиль БелДиска: аккуратная капсула с «Выйти», облегченная модалка с секциями общего профиля и настроек БелПерамова.
 * - 0.2.48: Добавлена модалка профиля БелПерамова в стиле БелДиска: общая аватарка, двухколоночная форма, mobile layout.
 * - 0.2.47: Верхний профиль оформлен как видимая капсула с инициалами в стиле БелДиска; форма раскрывается ниже верхних действий.
 * - 0.2.46: CSS-only страховка видимости профиля: профиль организатора поднимается в верхнюю часть owner-кабинета сразу после hero-действий даже если PHP-разметка осталась ниже истории.
 * - 0.2.45: Профиль организатора переведен в компактный раскрывающийся блок под шестеренкой.
 * - 0.2.44: Добавлены изолированные стили MVP профиля организатора.
 * - 0.2.43: Добавлены стили MVP отложенной ссылки без календаря: статус «Ссылка заранее», кнопка «Начать встречу», гостевой экран до запуска.
 * - 0.2.42: Прощальный гостевой экран сделан легче по шрифту после удаления лишних строк и замены текста про хранение данных.
 * - 0.2.41: Добавлена CSS-страховка для pending-lock новой owner-встречи, чтобы «Свернуть» и «Удалить» не мигали сразу после создания.
 * - 0.2.40: Добавлена страховка скрытия кнопок открытия/сворачивания и удаления у активной owner-встречи до ее завершения.
 * - 0.2.39: Скрыто обычное owner-уведомление во время активной встречи; ошибки доступа остаются видимыми.
 * - 0.2.38: Верхний hero-блок действий скрывается не только по флагу active-session, но и по runtime-признаку открытого owner Jitsi, чтобы кнопки создания/обновления не оставались видимыми во время встречи.
 * - 0.2.37: Live-плашка «Встреча активна» стала зеленой и выровненной; в активной owner-карточке скрыты действия сворачивания/удаления.
 * - 0.2.36: Owner-экран при активной встрече скрывает блок создания; мобильная история не ломает действия, гостевые кнопки разнесены, ожидание/финал уплотнены.
 * - 0.2.35: Мобильные состояния гостя уплотнены: кнопка «Покинуть встречу» перенесена наверх и не перекрывает Jitsi-меню, экраны ожидания/завершения стали компактнее внутри 16:9 видеоблока.
 * - 0.2.34: Owner live-экран стал чище: плашка «Встреча активна» получила зеленый статусный вид, служебные дубли над активной видеокомнатой скрываются логикой JS.
 * - 0.2.33: Гостевой выход стал ярко-красным как опасная кнопка Jitsi; защитная иконка шапки рисуется CSS-щитом без emoji; финальный экран после встречи оформлен как аккуратная промо-заставка БелПерамовы.
 * - 0.2.32: Гостевая кнопка «Покинуть встречу» стала красной в стиле опасного действия; в шапку добавлена защитная плашка про трафик внутри РБ; live/share-статус сохраняет читаемый зеленый вид.
 * - 0.2.31: Fullscreen-кнопка Jitsi переведена в компактную темную плашку «На весь экран»; появляется при наведении/фокусе как служебное меню и не закрывает видеокартинку.
 * - 0.2.30: Гостевой экран ожидания приведен к формату видеоблока 16:9; ожидание оформлено внутри темного окна без белого баннера.
 * - 0.2.29: Гостевая кнопка выхода из видеокомнаты переведена в компактную темную панель рядом с нижним меню Jitsi; добавлен спокойный полноэкранный экран "Встреча завершена" для гостя.
 * - 0.2.28: Гостевой верх сделан рабочей строкой: БелПерамова слева, дескриптор справа; лишний hero-текст скрыт, форма входа надежно исчезает после подключения, success-плашка не мешает видеоблоку.
 * - 0.2.27: Клиентское ожидание перенесено внутрь темного видеоблока, который затем заменяется настоящим Jitsi; добавлены стили экрана возврата участника после личного выхода из видеокомнаты.
 * - 0.2.26: Клиентский сценарий ожидания после отправки заявки оформлен как понятный экран "Заявка отправлена" с таймером ожидания и тремя шагами; после допуска видеоблок поднимается наверх без лишних статусных карточек.
 * - 0.2.25: Клиентский первый экран упрощен и визуально собран: бренд БелПерамова, компактная карточка входа, заметное поле имени, фирменная кнопка и мобильная адаптация для нетехнических участников.
 * - 0.2.22: Улучшен UX отправки ссылки: объединена плашка активной ссылки с кнопкой «Поделиться», добавлено контролируемое share-окно Telegram/Viber/WhatsApp/E-mail/копирования и мягкая кнопка возврата во встречу.
 * - 0.2.23: Уточнены стили share-плашки для active/live/exited состояний; усилен зеленый стиль возврата во встречу и порядок кнопок личного выхода.
 * - 0.2.21: Добавлены стили собственной полноэкранной плашки Jitsi: видимая кнопка входа в fullscreen и авто-подсказка выхода при движении мыши.
 * - 0.2.20: Первичная загрузка истории оформлена тихим skeleton-блоком; служебные owner-уведомления стали компактнее.
 * - 0.2.18: Добавлены стили мини-отчета по встрече: компактный dl-список, спокойная сводка и отметки пустых временных полей.
 * - 0.2.16: Добавлены стили приватной заметки организатора: textarea, счетчик, статусы сохранения и мобильная адаптация.
 * - 0.2.19: Добавлен аккуратный блок участников встречи: ожидание, статусы и действия «Разрешить присоединиться»/«Отклонить» для many-to-one сценария.
 * - 0.2.14: Уменьшен верхний заголовок; title-zone разделена на "БелПерамова" слева и "Защищенные онлайн-встречи" справа.
 * - 0.2.17: Приватная заметка получила легкую панель форматирования, contenteditable-поле, копирование и «Поделиться» в текущем взрослом стиле.
 * - 0.2.15: Верх owner-страницы облегчен: снижен вес заголовка, добавлены спокойные красно-зеленые инициалы бренда и мягкий дескриптор справа.
 * - 0.2.13: Точечная UX-доработка: заголовок кабинета уменьшен до рабочего масштаба, активная ссылка оформлена красным live-бейджем, добавлен аккуратный блок для устаревшей ссылки вместо видеозоны.
 * - 0.2.12: UX-чистка после теста: снижены крупные шрифты, скрыты хлебные крошки страницы, статус активной ссылки перенесен вправо в строку встречи, убраны дубли статуса и лишние тексты над видеоблоком.
 * - 0.2.11: Мягкая визуальная полировка без двухколоночного видеосценария: верх стал текстовым,
 *           история компактнее, статусы оформлены бейджами, видео и раскрытая встреча остаются на всю ширину.
 * - 0.2.10: История встреч получила компактный режим: показываются две последние встречи,
 *           остальные раскрываются аккуратной кнопкой "Показать больше" / "Свернуть историю".
 * - 0.2.9: UI-полировка owner/guest страниц: компактный верх, скрыты пустые дубли,
 *          раскрытая встреча стала главным рабочим блоком, видео закреплено выше,
 *          карточки будущих разделов больше не выглядят кликабельными.
 * - 0.2.8: Слиты дубли тёмной темы, хардкод заменён на --accent-rgb,
 *          собраны разрозненные media queries, удалена мёртвая псевдонавигация.
 */

/* ─── Переменные светлой темы ─── */
.belperamova-app {
    --belperamova-bg: #f3f6f8;
    --belperamova-card: #ffffff;
    --belperamova-card-soft: rgba(255, 255, 255, 0.72);
    --belperamova-card-strong: #ffffff;
    --belperamova-text: #102331;
    --belperamova-muted: #607386;
    --belperamova-border: #dfe8ee;
    --belperamova-accent: #0f5f67;
    --belperamova-accent-dark: #0a454c;
    --belperamova-accent-rgb: 15, 95, 103;
    --belperamova-danger: #a94732;
    --belperamova-danger-bg: #fff3ef;
    --belperamova-danger-border: #f2c7ba;
    --belperamova-success: #1f6e5c;
    --belperamova-success-bg: #eaf5f0;
    --belperamova-success-border: #c8e4d8;
    --belperamova-warning: #a56528;
    --belperamova-warning-bg: #fff4e7;
    --belperamova-info-bg: #eef5f7;
    --belperamova-page-gradient: transparent;
    --belperamova-shadow-soft: none;
    --belperamova-shadow-card: 0 10px 26px rgba(15, 35, 49, 0.06);
    --belperamova-chip: rgba(var(--belperamova-accent-rgb), 0.09);
    --belperamova-chip-text: #0f5f67;
    --belperamova-input-bg: #ffffff;
    --belperamova-video-bg: #070d18;
    --belperamova-nav-bg: rgba(255, 255, 255, 0.92);
    --belperamova-bottom-safe: env(safe-area-inset-bottom, 0px);

    box-sizing: border-box;
    overflow-x: clip;
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding: 16px 18px 24px;
    border-radius: 0;
    background: transparent;
    color: var(--belperamova-text);
}

.belperamova-app *,
.belperamova-app *::before,
.belperamova-app *::after {
    box-sizing: inherit;
}

/* ─── Hero & Panel ─── */
.belperamova-hero,
.belperamova-panel {
    width: 100%;
}

.belperamova-hero {
    position: relative;
    overflow: visible;
    min-height: 0;
    padding: 0 0 18px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
}

.belperamova-hero::after {
    display: none;
}

.belperamova-panel {
    margin-top: 18px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
}

.belperamova-hero__content {
    position: relative;
    z-index: 1;
    max-width: 1040px;
}

/* ─── Типографика ─── */
.belperamova-eyebrow {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    margin: 0 0 10px;
    padding: 7px 11px;
    border-radius: 999px;
    background: transparent;
    color: var(--belperamova-muted);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.01em;
}

.belperamova-hero h2 {
    margin: 0 0 8px;
    font-size: clamp(28px, 3.2vw, 42px);
    line-height: 1.06;
    letter-spacing: -0.035em;
}

.belperamova-panel h3,
.belperamova-session-card h4 {
    margin: 0;
    font-size: 20px;
    line-height: 1.25;
}

.belperamova-hero p,
.belperamova-panel p {
    margin: 0 0 18px;
    color: var(--belperamova-muted);
    font-size: 17px;
    line-height: 1.65;
}

.belperamova-hero p {
    max-width: 760px;
    margin-bottom: 14px;
    font-size: 15px;
    line-height: 1.55;
}

/* ─── Кнопки ─── */
.belperamova-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin-top: 18px;
}

.belperamova-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 11px 20px;
    border: 1px solid var(--belperamova-accent);
    border-radius: 999px;
    background: var(--belperamova-accent);
    color: #ffffff;
    font-size: 14px;
    font-weight: 800;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    box-shadow: 0 8px 20px rgba(var(--belperamova-accent-rgb), 0.14);
    transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease, border-color 0.15s ease;
}

.belperamova-button:hover,
.belperamova-button:focus {
    background: var(--belperamova-accent-dark);
    border-color: var(--belperamova-accent-dark);
    color: #ffffff;
    transform: translateY(-1px);
    box-shadow: 0 10px 24px rgba(var(--belperamova-accent-rgb), 0.18);
}

.belperamova-button:disabled,
.belperamova-button:disabled:hover,
.belperamova-button:disabled:focus {
    cursor: not-allowed;
    opacity: 0.65;
    transform: none;
    box-shadow: none !important;
}

.belperamova-button--secondary {
    border-color: var(--belperamova-border);
    background: #ffffff;
    color: var(--belperamova-text);
    box-shadow: none;
}

.belperamova-button--secondary:hover,
.belperamova-button--secondary:focus {
    border-color: rgba(var(--belperamova-accent-rgb), 0.34);
    background: var(--belperamova-info-bg);
    color: var(--belperamova-text);
}

.belperamova-button--danger {
    border-color: var(--belperamova-danger);
    background: var(--belperamova-danger);
    box-shadow: 0 8px 20px rgba(169, 71, 50, 0.14);
}

.belperamova-button--danger:hover,
.belperamova-button--danger:focus {
    background: #843421;
    border-color: #843421;
}

/* ─── Статусы и уведомления ─── */
.belperamova-status,
.belperamova-muted {
    color: var(--belperamova-muted);
    font-size: 14px;
}

.belperamova-panel__header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 16px;
}

.belperamova-notice {
    margin: 0 0 16px;
    padding: 12px 14px;
    border: 1px solid var(--belperamova-border);
    border-radius: 16px;
    background: var(--belperamova-info-bg);
    color: var(--belperamova-text);
    font-size: 14px;
    line-height: 1.5;
}

.belperamova-notice[data-type="success"] {
    border-color: var(--belperamova-success-border);
    background: var(--belperamova-success-bg);
    color: var(--belperamova-success);
}

.belperamova-notice[data-type="error"],
.belperamova-error {
    border-color: var(--belperamova-danger-border);
    background: var(--belperamova-danger-bg);
    color: var(--belperamova-danger);
}

.belperamova-notice[data-bp-recovery-banner="1"] {
    display: grid;
    gap: 10px;
    margin-top: 0;
    margin-bottom: 18px;
    border-color: rgba(var(--belperamova-accent-rgb), 0.28);
    background: linear-gradient(135deg, var(--belperamova-info-bg), var(--belperamova-card));
    box-shadow: 0 12px 30px rgba(var(--belperamova-accent-rgb), 0.08);
}

.belperamova-notice[data-bp-recovery-banner="1"] strong {
    font-size: 16px;
    line-height: 1.35;
}

.belperamova-notice[data-bp-recovery-banner="1"] .belperamova-actions {
    margin-top: 4px;
}

/* ─── Карточка сессии ─── */
.belperamova-session-card {
    display: grid;
    gap: 14px;
    padding: 18px;
    border: 1px solid var(--belperamova-border);
    border-radius: 18px;
    background: var(--belperamova-card);
    box-shadow: 0 10px 24px rgba(15, 35, 49, 0.05);
}

.belperamova-session-card h4 {
    display: flex;
    align-items: center;
    gap: 8px;
}

.belperamova-session-card h4::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: var(--belperamova-accent);
    box-shadow: 0 0 0 5px rgba(var(--belperamova-accent-rgb), 0.09);
}

.belperamova-session-card__status {
    display: inline-flex;
    width: fit-content;
    margin: 0;
    padding: 6px 10px;
    border-radius: 999px;
    background: var(--belperamova-chip);
    color: var(--belperamova-chip-text);
    font-size: 12px;
    font-weight: 700;
}

/* ─── Copy row и формы ─── */
.belperamova-copy-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    margin: 12px 0 0;
}

.belperamova-copy-row input,
.belperamova-form input {
    width: 100%;
    min-height: 42px;
    padding: 10px 12px;
    border: 1px solid var(--belperamova-border);
    border-radius: 12px;
    background: var(--belperamova-input-bg);
    color: var(--belperamova-text);
    font: inherit;
    -webkit-appearance: none;
    appearance: none;
}

.belperamova-copy-row input:focus,
.belperamova-form input:focus {
    border-color: var(--belperamova-accent);
    outline: 2px solid rgba(var(--belperamova-accent-rgb), 0.22);
    outline-offset: 2px;
    box-shadow: 0 0 0 4px rgba(var(--belperamova-accent-rgb), 0.08);
}

.belperamova-form {
    display: grid;
    gap: 10px;
    max-width: 520px;
}

.belperamova-form label {
    color: var(--belperamova-text);
    font-size: 14px;
    font-weight: 700;
}

/* ─── Список встреч ─── */
.belperamova-session-list {
    display: grid;
    gap: 0;
    overflow: hidden;
    border: 1px solid var(--belperamova-border);
    border-radius: 18px;
    background: var(--belperamova-card);
}

.belperamova-session-list__item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 14px 16px;
    border: 0;
    border-bottom: 1px solid #edf2f5;
    border-radius: 0;
    background: var(--belperamova-card);
    color: var(--belperamova-text);
    box-shadow: none;
    text-align: left;
    cursor: default;
}

.belperamova-session-list__item:last-child {
    border-bottom: 0;
}

.belperamova-session-list__item:hover,
.belperamova-session-list__item:focus {
    background: #f8fbfc;
}

.belperamova-session-list__main {
    display: grid;
    gap: 6px;
    min-width: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--belperamova-text);
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.belperamova-session-list__main strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--belperamova-text);
    font-size: 15px;
    line-height: 1.2;
}

.belperamova-session-list__status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    min-height: 26px;
    padding: 4px 9px;
    border-radius: 999px;
    background: #eef3f6;
    color: #4c6a7f;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.15;
    white-space: nowrap;
}

.belperamova-session-list__status[data-session-status="ended"] {
    background: var(--belperamova-success-bg);
    color: var(--belperamova-success);
}

.belperamova-session-list__status[data-session-status="expired"] {
    background: var(--belperamova-warning-bg);
    color: var(--belperamova-warning);
}

.belperamova-session-list__status[data-session-status="waiting"] {
    background: rgba(var(--belperamova-accent-rgb), 0.10);
    color: var(--belperamova-accent);
}

.belperamova-session-list__status[data-session-status="live"] {
    background: var(--belperamova-success-bg);
    color: var(--belperamova-success);
}

.belperamova-session-list__actions {
    display: inline-flex;
    align-items: center;
    gap: 14px;
}

/* ─── Inline drawer: карточка раскрывается под строкой списка ─── */
.belperamova-session-list__drawer {
    display: grid;
    grid-column: 1 / -1;
    grid-template-rows: 0fr;
    width: 100%;
    margin-top: 0;
    opacity: 0;
    transition: grid-template-rows 0.35s ease, opacity 0.3s ease;
}

.belperamova-session-list__drawer.is-open {
    grid-template-rows: 1fr;
    opacity: 1;
}

.belperamova-session-list__drawer-inner {
    overflow: hidden;
    min-height: 0;
}

.belperamova-session-list__drawer-inner .belperamova-session-card {
    gap: 14px;
    margin: 0 0 4px;
    padding: 16px;
    border-width: 1px 0 0;
    border-radius: 0;
    background: #fbfdfe;
    box-shadow: none;
}

.belperamova-session-list__drawer-inner .belperamova-session-card h4 {
    font-size: 18px;
}

/* ─── Мини-кнопки ─── */
.belperamova-mini-button {
    min-height: auto;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--belperamova-accent);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    transition: color 0.15s ease, text-decoration-color 0.15s ease;
}

.belperamova-mini-button:hover,
.belperamova-mini-button:focus {
    background: transparent;
    color: var(--belperamova-accent-dark);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    transform: none;
}

.belperamova-mini-button--danger {
    color: var(--belperamova-danger);
}

.belperamova-mini-button--danger:hover,
.belperamova-mini-button--danger:focus {
    background: transparent;
    color: #843421;
}

/* ─── Заготовки под будущие разделы ─── */
.belperamova-feature-preview {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 18px;
}

.belperamova-feature-preview::before {
    content: "Будущие возможности";
    grid-column: 1 / -1;
    display: block;
    margin: 4px 0 0;
    color: var(--belperamova-muted);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.belperamova-feature-preview__item,
.belperamova-tool-card {
    display: grid;
    gap: 6px;
    padding: 14px 16px;
    border: 1px solid var(--belperamova-border);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.78);
    color: var(--belperamova-text);
    box-shadow: none;
    text-align: left;
    cursor: default;
    transition: border-color 0.15s ease, background 0.15s ease;
}

.belperamova-feature-preview__item {
    position: relative;
}

.belperamova-feature-preview__item:hover,
.belperamova-feature-preview__item:focus {
    border-color: rgba(var(--belperamova-accent-rgb), 0.28);
    background: #ffffff;
    transform: none;
    box-shadow: none;
}

.belperamova-feature-preview__item strong,
.belperamova-tool-card h5 {
    margin: 0;
    color: var(--belperamova-text);
    font-size: 14px;
    line-height: 1.25;
}

.belperamova-feature-preview__item span,
.belperamova-tool-card p {
    margin: 0;
    color: var(--belperamova-muted);
    font-size: 13px;
    line-height: 1.45;
}

.belperamova-feature-preview__item b {
    display: none;
}

/* ─── Участники встречи ─── */
.belperamova-participants {
    display: grid;
    gap: 10px;
    padding: 14px 16px;
    border: 1px solid rgba(var(--belperamova-accent-rgb), 0.16);
    border-radius: 16px;
    background: rgba(var(--belperamova-accent-rgb), 0.035);
}

.belperamova-participants h5 {
    margin: 0;
    color: var(--belperamova-text);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.3;
}

.belperamova-participants__summary {
    margin: -4px 0 0;
    font-size: 13px;
    line-height: 1.45;
}

.belperamova-participants__list {
    display: grid;
    gap: 8px;
}

.belperamova-participants__item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    border: 1px solid var(--belperamova-border);
    border-radius: 14px;
    background: #ffffff;
}

.belperamova-participants__main {
    display: grid;
    gap: 5px;
    min-width: 0;
}

.belperamova-participants__main strong {
    overflow: hidden;
    color: var(--belperamova-text);
    font-size: 14px;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.belperamova-participants__status {
    display: inline-flex;
    width: fit-content;
    padding: 4px 9px;
    border-radius: 999px;
    background: #eef3f6;
    color: #4c6a7f;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
}

.belperamova-participants__status[data-participant-status="waiting"] {
    background: #fff7ed;
    color: #b45309;
}

.belperamova-participants__status[data-participant-status="admitted"] {
    background: var(--belperamova-success-bg);
    color: var(--belperamova-success);
}

.belperamova-participants__status[data-participant-status="rejected"],
.belperamova-participants__status[data-participant-status="left"] {
    background: #f3f4f6;
    color: #6b7280;
}

.belperamova-participants__actions {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.belperamova-participants__actions .belperamova-button {
    min-height: 36px;
    padding: 9px 13px;
    font-size: 12px;
    font-weight: 700;
}


.belperamova-meeting-workspace {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.belperamova-tool-card--note {
    border-color: rgba(var(--belperamova-accent-rgb), 0.20);
    background: rgba(var(--belperamova-accent-rgb), 0.04);
}

/* ─── Мини-отчет по встрече ─── */
.belperamova-tool-card--report {
    border-color: rgba(31, 110, 92, 0.20);
    background: rgba(31, 110, 92, 0.035);
}

.belperamova-session-report {
    align-content: start;
    gap: 10px;
}

.belperamova-session-report__summary {
    margin: 0;
    color: var(--belperamova-muted);
    font-size: 13px;
    line-height: 1.45;
}

.belperamova-session-report__list {
    display: grid;
    grid-template-columns: minmax(120px, 0.75fr) minmax(0, 1.25fr);
    gap: 8px 12px;
    margin: 2px 0 0;
    padding: 0;
}

.belperamova-session-report__list dt,
.belperamova-session-report__list dd {
    margin: 0;
    font-size: 13px;
    line-height: 1.38;
}

.belperamova-session-report__list dt {
    color: var(--belperamova-muted);
    font-weight: 700;
}

.belperamova-session-report__list dd {
    color: var(--belperamova-text);
    font-weight: 600;
    word-break: break-word;
}

.belperamova-session-report__list dd[data-empty="1"] {
    color: color-mix(in srgb, var(--belperamova-muted) 82%, transparent);
    font-weight: 500;
}

/* ─── Приватная заметка организатора ─── */
.belperamova-session-note {
    align-content: start;
    gap: 10px;
}

.belperamova-session-note__toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    padding: 8px;
    border: 1px solid var(--belperamova-border);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.68);
}

.belperamova-session-note__toolbar-group {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}

.belperamova-session-note__toolbar-group--actions {
    margin-left: auto;
}

.belperamova-note-tool-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 6px 10px;
    border: 1px solid rgba(var(--belperamova-accent-rgb), 0.16);
    border-radius: 10px;
    background: #ffffff;
    color: var(--belperamova-text);
    font: inherit;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.belperamova-note-tool-button:hover,
.belperamova-note-tool-button:focus {
    border-color: rgba(var(--belperamova-accent-rgb), 0.34);
    background: var(--belperamova-info-bg);
    color: var(--belperamova-accent-dark);
}

.belperamova-note-tool-button:focus-visible {
    outline: 2px solid rgba(var(--belperamova-accent-rgb), 0.36);
    outline-offset: 2px;
}

.belperamova-session-note__field {
    overflow: auto;
    width: 100%;
    min-height: 132px;
    max-height: 360px;
    padding: 12px 13px;
    border: 1px solid var(--belperamova-border);
    border-radius: 14px;
    background: var(--belperamova-input-bg);
    color: var(--belperamova-text);
    font: inherit;
    font-size: 14px;
    line-height: 1.55;
    white-space: normal;
    word-break: break-word;
    -webkit-appearance: none;
    appearance: none;
}

.belperamova-session-note__field:focus {
    border-color: var(--belperamova-accent);
    outline: 2px solid rgba(var(--belperamova-accent-rgb), 0.22);
    outline-offset: 2px;
    box-shadow: 0 0 0 4px rgba(var(--belperamova-accent-rgb), 0.08);
}

.belperamova-session-note__field:empty::before {
    content: attr(data-placeholder);
    color: color-mix(in srgb, var(--belperamova-muted) 76%, transparent);
    pointer-events: none;
}

.belperamova-session-note__field p,
.belperamova-session-note__field div {
    margin: 0 0 8px;
}

.belperamova-session-note__field p:last-child,
.belperamova-session-note__field div:last-child {
    margin-bottom: 0;
}

.belperamova-session-note__field ul,
.belperamova-session-note__field ol {
    margin: 6px 0 8px 20px;
    padding: 0;
}

.belperamova-session-note__field li {
    margin: 3px 0;
}

.belperamova-session-note__footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.belperamova-session-note__status,
.belperamova-session-note__counter {
    color: var(--belperamova-muted);
    font-size: 12px;
    line-height: 1.35;
}

.belperamova-session-note__status[data-type="saving"] {
    color: var(--belperamova-accent);
}

.belperamova-session-note__status[data-type="success"] {
    color: var(--belperamova-success);
}

.belperamova-session-note__status[data-type="error"] {
    color: var(--belperamova-danger);
}


/* ─── 0.2.52: чат встречи поверх видеоблока ─── */
.belperamova-chat {
    align-content: start;
    gap: 10px;
}

.belperamova-chat__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.belperamova-chat__close {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 1px solid var(--belperamova-border);
    border-radius: 999px;
    background: #ffffff;
    color: var(--belperamova-muted);
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
}

.belperamova-chat__close:hover,
.belperamova-chat__close:focus-visible {
    border-color: rgba(var(--belperamova-accent-rgb), 0.34);
    color: var(--belperamova-text);
    outline: none;
}

.belperamova-chat__hint {
    margin: 0;
}

.belperamova-chat__list {
    display: grid;
    align-content: start;
    gap: 8px;
    overflow: auto;
    min-height: 150px;
    max-height: 280px;
    padding: 10px;
    border: 1px solid var(--belperamova-border);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.66);
    scroll-behavior: smooth;
}

.belperamova-chat__empty {
    margin: 0;
    font-size: 13px;
    line-height: 1.45;
}

.belperamova-chat__message {
    display: grid;
    gap: 4px;
    width: fit-content;
    max-width: 86%;
    padding: 9px 10px;
    border: 1px solid rgba(var(--belperamova-accent-rgb), 0.12);
    border-radius: 14px 14px 14px 4px;
    background: #ffffff;
    color: var(--belperamova-text);
    box-shadow: 0 8px 18px rgba(15, 35, 49, 0.04);
}

.belperamova-chat__message.is-own {
    justify-self: end;
    border-radius: 14px 14px 4px 14px;
    border-color: rgba(var(--belperamova-accent-rgb), 0.20);
    background: rgba(var(--belperamova-accent-rgb), 0.075);
}

.belperamova-chat__message-head {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 6px;
    min-width: 0;
}

.belperamova-chat__message-head strong {
    color: var(--belperamova-text);
    font-size: 12px;
    font-weight: 800;
    line-height: 1.2;
}

.belperamova-chat__message-head time {
    color: var(--belperamova-muted);
    font-size: 11px;
    line-height: 1.2;
    font-variant-numeric: tabular-nums;
}

.belperamova-chat__message-text {
    margin: 0;
    color: var(--belperamova-text);
    font-size: 13px;
    line-height: 1.42;
    white-space: pre-wrap;
    word-break: break-word;
}

.belperamova-chat__form {
    display: grid;
    gap: 8px;
}

.belperamova-chat__input {
    width: 100%;
    min-height: 74px;
    max-height: 180px;
    resize: vertical;
    padding: 10px 11px;
    border: 1px solid var(--belperamova-border);
    border-radius: 14px;
    background: var(--belperamova-input-bg);
    color: var(--belperamova-text);
    font: inherit;
    font-size: 13px;
    line-height: 1.45;
    -webkit-appearance: none;
    appearance: none;
}

.belperamova-chat__input:focus {
    border-color: var(--belperamova-accent);
    outline: 2px solid rgba(var(--belperamova-accent-rgb), 0.22);
    outline-offset: 2px;
    box-shadow: 0 0 0 4px rgba(var(--belperamova-accent-rgb), 0.08);
}

.belperamova-chat__actions {
    display: flex;
    justify-content: flex-end;
}

.belperamova-chat__actions .belperamova-button {
    min-height: 36px;
    padding: 9px 14px;
    font-size: 13px;
}

.belperamova-chat__status {
    min-height: 17px;
    margin: 0;
    font-size: 12px;
    line-height: 1.35;
}

.belperamova-chat__status[data-type="saving"] {
    color: var(--belperamova-accent);
}

.belperamova-chat__status[data-type="success"] {
    color: var(--belperamova-success);
}

.belperamova-chat__status[data-type="error"] {
    color: var(--belperamova-danger);
}

.belperamova-chat-overlay-toggle {
    position: absolute;
    z-index: 52;
    top: 16px;
    right: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 15px;
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.94);
    color: #102331;
    font-size: 13px;
    font-weight: 850;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.24);
    backdrop-filter: blur(10px);
    transition: transform 0.16s ease, background 0.16s ease, box-shadow 0.16s ease;
}

.belperamova-chat-overlay-toggle::before {
    content: "";
    width: 8px;
    height: 8px;
    margin-right: 8px;
    border-radius: 999px;
    background: var(--belperamova-accent);
    box-shadow: 0 0 0 4px rgba(var(--belperamova-accent-rgb), 0.14);
}

.belperamova-chat-overlay-toggle:hover,
.belperamova-chat-overlay-toggle:focus-visible,
.belperamova-chat-overlay-toggle.is-open {
    background: #ffffff;
    transform: translateY(-1px);
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.28);
    outline: none;
}

.belperamova-session-card--chat-overlay-ready {
    position: relative;
}

.belperamova-session-card--chat-overlay-ready .belperamova-chat--overlay[hidden] {
    display: none !important;
}

.belperamova-session-card--chat-overlay-ready .belperamova-chat--overlay {
    position: absolute;
    z-index: 51;
    top: var(--bp-chat-overlay-top, 74px);
    right: 16px;
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr) auto auto;
    width: min(372px, calc(100% - 32px));
    height: var(--bp-chat-overlay-height, 460px);
    max-height: calc(100% - 28px);
    padding: 14px;
    border-color: rgba(148, 163, 184, 0.24);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.96);
    color: var(--belperamova-text);
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.32);
    backdrop-filter: blur(14px);
}

.belperamova-session-card--chat-overlay-ready .belperamova-chat--overlay .belperamova-chat__close {
    position: absolute;
    top: 10px;
    left: 12px;
    z-index: 2;
}

.belperamova-session-card--chat-overlay-ready .belperamova-chat--overlay h5 {
    padding-left: 42px;
}

.belperamova-chat--overlay .belperamova-chat__list {
    min-height: 0;
    max-height: none;
}

.belperamova-chat__emoji-item,
.belperamova-chat__message-text,
.belperamova-chat__input,
.belperamova-chat__empty-icon {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", "Twemoji Mozilla", sans-serif;
}

.belperamova-chat__emoji-glyph {
    display: inline-block;
    min-width: 1.1em;
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", "Twemoji Mozilla", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 1em;
    line-height: 1;
    vertical-align: -0.12em;
    text-indent: 0;
    overflow: visible;
}

.belperamova-chat__emoji-glyph img,
.belperamova-chat__empty-icon img {
    display: none !important;
}

.belperamova-chat__emoji-glyph--picker {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 19px;
    line-height: 1;
}

.belperamova-chat img.emoji,
.belperamova-chat img.wp-smiley {
    width: 1em;
    height: 1em;
    margin: 0 .08em;
    vertical-align: -0.12em;
}

/* v0.2.58: если wpemoji все же подменил локальный символ на внешнюю картинку, не показываем битую иконку. */
.belperamova-chat img.emoji,
.belperamova-chat img.wp-smiley {
    display: none !important;
}

.belperamova-chat--overlay .belperamova-chat__input {
    min-height: 68px;
    resize: none;
}

@media (max-width: 640px) {
    .belperamova-chat-overlay-toggle {
        top: 10px;
        right: 10px;
        min-height: 34px;
        padding: 0 12px;
        font-size: 12px;
    }

    .belperamova-session-card--chat-overlay-ready .belperamova-chat--overlay {
        position: fixed;
        z-index: 99998;
        top: auto;
        right: 8px;
        bottom: calc(8px + var(--belperamova-bottom-safe));
        left: 8px;
        width: auto;
        height: min(64vh, 430px);
        max-height: min(64vh, 430px);
        padding: 12px;
        border-radius: 18px;
        grid-template-rows: auto auto minmax(0, 1fr) auto auto;
    }

    .belperamova-chat__list {
        min-height: 132px;
    }

    .belperamova-chat__message {
        max-width: 92%;
    }

    .belperamova-chat__actions .belperamova-button {
        width: 100%;
        min-height: 42px;
    }
}


/* ─── 0.2.54: полировка overlay-чата внутри видеоблока ─── */
.belperamova-chat-overlay-toggle {
    top: auto;
    right: 24px;
    bottom: 22px;
    gap: 8px;
    min-height: 44px;
    padding: 0 16px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 13px;
    background: rgba(24, 28, 35, 0.82);
    color: rgba(255, 255, 255, 0.96);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.01em;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.36), inset 0 0 0 1px rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(14px) saturate(130%);
}

.belperamova-chat-overlay-toggle::before {
    width: 10px;
    height: 10px;
    margin-right: 0;
    background: #44f2a8;
    box-shadow: 0 0 0 5px rgba(68, 242, 168, 0.12), 0 0 18px rgba(68, 242, 168, 0.62);
}

.belperamova-chat-overlay-toggle:hover,
.belperamova-chat-overlay-toggle:focus-visible {
    border-color: rgba(68, 242, 168, 0.34);
    background: rgba(31, 36, 45, 0.92);
    color: #ffffff;
    transform: translateY(-1px);
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.42), 0 0 0 3px rgba(68, 242, 168, 0.10);
}

.belperamova-chat-overlay-toggle[hidden] {
    display: none !important;
}

.belperamova-chat-overlay-toggle:not([hidden]) {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}

.belperamova-chat-overlay-toggle__label {
    display: inline-flex;
    align-items: center;
    line-height: 1;
}

.belperamova-chat-overlay-toggle__badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 22px;
    padding: 0 7px;
    border-radius: 999px;
    background: #44f2a8;
    color: #052016;
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
    box-shadow: 0 0 18px rgba(68, 242, 168, 0.44);
}

.belperamova-chat-overlay-toggle__badge[hidden] {
    display: none !important;
}

.belperamova-chat-overlay-toggle.has-unread {
    border-color: rgba(68, 242, 168, 0.46);
    background: rgba(23, 42, 39, 0.92);
}

.belperamova-session-card--chat-overlay-ready .belperamova-chat--overlay {
    top: var(--bp-chat-overlay-top, 74px);
    right: 18px;
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr) auto auto;
    gap: 10px;
    width: min(390px, calc(100% - 36px));
    height: var(--bp-chat-overlay-height, 500px);
    max-height: calc(100% - 28px);
    padding: 16px;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 24px;
    background:
        radial-gradient(circle at 88% 10%, rgba(68, 242, 168, 0.13), transparent 28%),
        linear-gradient(180deg, rgba(19, 25, 35, 0.94), rgba(7, 12, 20, 0.91));
    color: rgba(255, 255, 255, 0.94);
    box-shadow: 0 28px 84px rgba(0, 0, 0, 0.46), inset 0 0 0 1px rgba(255, 255, 255, 0.04);
    backdrop-filter: blur(18px) saturate(132%);
}

.belperamova-chat--overlay .belperamova-chat__overlay-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.belperamova-chat--overlay .belperamova-chat__overlay-title {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.belperamova-chat--overlay .belperamova-chat__overlay-title h5 {
    margin: 0;
    padding: 0;
    color: #ffffff;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.2;
}

.belperamova-chat--overlay .belperamova-chat__overlay-title span {
    color: rgba(226, 232, 240, 0.64);
    font-size: 11px;
    font-weight: 600;
    line-height: 1.25;
}

.belperamova-chat--overlay .belperamova-chat__collapse {
    flex: 0 0 auto;
    display: inline-grid;
    justify-items: center;
    gap: 2px;
    min-width: 54px;
    min-height: 42px;
    padding: 4px 8px 5px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.86);
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
}

.belperamova-chat--overlay .belperamova-chat__collapse:hover,
.belperamova-chat--overlay .belperamova-chat__collapse:focus-visible {
    border-color: rgba(68, 242, 168, 0.36);
    background: rgba(68, 242, 168, 0.12);
    color: #ffffff;
    outline: none;
}

.belperamova-chat--overlay .belperamova-chat__collapse-icon {
    font-size: 23px;
    font-weight: 300;
    line-height: 0.85;
}

.belperamova-chat--overlay .belperamova-chat__collapse-label {
    font-size: 9px;
    font-weight: 750;
    line-height: 1;
    opacity: 0.78;
}

.belperamova-chat--overlay > h5,
.belperamova-session-card--chat-overlay-ready .belperamova-chat--overlay > .belperamova-chat__close {
    display: none !important;
}

.belperamova-chat--overlay .belperamova-chat__hint {
    max-width: 300px;
    margin: -2px 0 0;
    color: rgba(226, 232, 240, 0.68);
    font-size: 11px;
    line-height: 1.38;
}

.belperamova-chat--overlay .belperamova-chat__list {
    display: grid;
    align-content: end;
    gap: 9px;
    overflow: auto;
    min-height: 0;
    max-height: none;
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.045);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
    scrollbar-color: rgba(148, 163, 184, 0.52) transparent;
    scrollbar-width: thin;
}

.belperamova-chat--overlay .belperamova-chat__empty {
    align-self: center;
    justify-self: center;
    display: grid;
    justify-items: center;
    gap: 7px;
    max-width: 230px;
    margin: 0;
    padding: 14px 16px;
    border: 1px solid rgba(68, 242, 168, 0.16);
    border-radius: 18px;
    background: rgba(8, 16, 24, 0.44);
    color: rgba(226, 232, 240, 0.78);
    text-align: center;
}

.belperamova-chat--overlay .belperamova-chat__empty-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 999px;
    background: rgba(68, 242, 168, 0.12);
    font-size: 16px;
    box-shadow: 0 0 22px rgba(68, 242, 168, 0.12);
}

.belperamova-chat--overlay .belperamova-chat__empty strong {
    color: #ffffff;
    font-size: 13px;
    line-height: 1.2;
}

.belperamova-chat--overlay .belperamova-chat__empty span:not(.belperamova-chat__empty-icon) {
    color: rgba(226, 232, 240, 0.64);
    font-size: 11px;
    line-height: 1.35;
}

.belperamova-chat--overlay .belperamova-chat__message {
    max-width: 86%;
    padding: 9px 10px;
    border-color: rgba(255, 255, 255, 0.09);
    border-radius: 16px 16px 16px 5px;
    background: rgba(255, 255, 255, 0.10);
    color: rgba(255, 255, 255, 0.92);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.18);
}

.belperamova-chat--overlay .belperamova-chat__message.is-own {
    border-color: rgba(68, 242, 168, 0.24);
    border-radius: 16px 16px 5px 16px;
    background: linear-gradient(135deg, rgba(68, 242, 168, 0.22), rgba(56, 182, 170, 0.13));
}

.belperamova-chat--overlay .belperamova-chat__message-head strong {
    color: rgba(255, 255, 255, 0.88);
}

.belperamova-chat--overlay .belperamova-chat__message-head time {
    color: rgba(226, 232, 240, 0.48);
}

.belperamova-chat--overlay .belperamova-chat__message-text {
    color: rgba(255, 255, 255, 0.92);
}

.belperamova-chat--overlay .belperamova-chat__form {
    gap: 8px;
    padding-top: 0;
}

.belperamova-chat__composer {
    position: relative;
    display: grid;
}

.belperamova-chat--overlay .belperamova-chat__input {
    min-height: 68px;
    max-height: 118px;
    resize: none;
    padding: 12px 13px;
    border-color: rgba(68, 242, 168, 0.26);
    border-radius: 17px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.09));
    color: rgba(255, 255, 255, 0.94);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.09), 0 14px 34px rgba(0, 0, 0, 0.24);
    backdrop-filter: blur(12px) saturate(124%);
}

.belperamova-chat--overlay .belperamova-chat__input::placeholder {
    color: rgba(226, 232, 240, 0.58);
}

.belperamova-chat--overlay .belperamova-chat__input:focus {
    border-color: rgba(68, 242, 168, 0.62);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.20), rgba(255, 255, 255, 0.12));
    outline: 2px solid rgba(68, 242, 168, 0.22);
    box-shadow: 0 0 0 4px rgba(68, 242, 168, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.10), 0 16px 36px rgba(0, 0, 0, 0.25);
}

.belperamova-chat--overlay .belperamova-chat__actions {
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.belperamova-chat__emoji-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 8px 11px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.82);
    font: inherit;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
}

.belperamova-chat__emoji-toggle:hover,
.belperamova-chat__emoji-toggle:focus-visible,
.belperamova-chat__emoji-toggle[aria-expanded="true"] {
    border-color: rgba(68, 242, 168, 0.34);
    background: rgba(68, 242, 168, 0.13);
    color: #ffffff;
    outline: none;
}

.belperamova-chat__emoji-panel {
    position: absolute;
    right: 0;
    bottom: calc(100% + 8px);
    z-index: 5;
    display: grid;
    grid-template-columns: repeat(8, 34px);
    gap: 6px;
    padding: 10px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 18px;
    background:
        linear-gradient(180deg, rgba(31, 41, 55, 0.94), rgba(13, 20, 32, 0.92));
    color: #ffffff;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.34);
    backdrop-filter: blur(16px) saturate(130%);
}

.belperamova-chat__emoji-panel[hidden] {
    display: none !important;
}

.belperamova-chat__emoji-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
    cursor: pointer;
    font-size: 19px;
    line-height: 1;
    -webkit-appearance: none;
    appearance: none;
}

.belperamova-chat__emoji-item::before {
    content: none;
}

.belperamova-chat__empty-icon::before {
    content: "";
    display: block;
    width: 15px;
    height: 11px;
    border: 2px solid rgba(104, 255, 184, 0.96);
    border-radius: 7px;
    box-shadow: 0 0 14px rgba(68, 242, 168, 0.28);
}

.belperamova-chat__empty-icon::after {
    content: "";
    display: block;
    position: absolute;
    width: 7px;
    height: 7px;
    right: 8px;
    bottom: 7px;
    border-right: 2px solid rgba(104, 255, 184, 0.96);
    border-bottom: 2px solid rgba(104, 255, 184, 0.96);
    transform: rotate(35deg);
    background: transparent;
}

.belperamova-chat__empty-icon {
    position: relative;
}

.belperamova-chat__emoji-item:hover,
.belperamova-chat__emoji-item:focus-visible {
    background: rgba(68, 242, 168, 0.18);
    outline: none;
}

.belperamova-chat--overlay .belperamova-chat__actions .belperamova-button {
    min-height: 36px;
    padding: 9px 15px;
    border-color: rgba(68, 242, 168, 0.26);
    background: #44f2a8;
    color: #062117;
    box-shadow: 0 12px 24px rgba(68, 242, 168, 0.18);
}

.belperamova-chat--overlay .belperamova-chat__actions .belperamova-button:hover,
.belperamova-chat--overlay .belperamova-chat__actions .belperamova-button:focus-visible {
    border-color: rgba(108, 255, 190, 0.42);
    background: #6cffbe;
    color: #04180f;
}

.belperamova-chat--overlay .belperamova-chat__status {
    min-height: 16px;
    color: rgba(226, 232, 240, 0.58);
    font-size: 10.5px;
}

.belperamova-chat--overlay .belperamova-chat__status[data-type="success"] {
    color: rgba(134, 239, 172, 0.82);
}

.belperamova-chat--overlay .belperamova-chat__status[data-type="error"] {
    color: rgba(253, 164, 175, 0.92);
}

.belperamova-chat:not(.belperamova-chat--overlay) .belperamova-chat__emoji-toggle {
    border-color: var(--belperamova-border);
    background: #ffffff;
    color: var(--belperamova-muted);
}

.belperamova-chat:not(.belperamova-chat--overlay) .belperamova-chat__emoji-toggle:hover,
.belperamova-chat:not(.belperamova-chat--overlay) .belperamova-chat__emoji-toggle:focus-visible,
.belperamova-chat:not(.belperamova-chat--overlay) .belperamova-chat__emoji-toggle[aria-expanded="true"] {
    border-color: rgba(var(--belperamova-accent-rgb), 0.34);
    background: var(--belperamova-info-bg);
    color: var(--belperamova-accent-dark);
}

.belperamova-chat:not(.belperamova-chat--overlay) .belperamova-chat__emoji-panel {
    border-color: var(--belperamova-border);
    background: #ffffff;
    box-shadow: 0 18px 42px rgba(15, 35, 49, 0.14);
}

.belperamova-chat:not(.belperamova-chat--overlay) .belperamova-chat__emoji-item {
    background: rgba(var(--belperamova-accent-rgb), 0.06);
}

@media (max-width: 640px) {
    .belperamova-chat-overlay-toggle {
        right: 14px;
        bottom: 14px;
        min-height: 40px;
        padding: 0 13px;
        border-radius: 12px;
    }

    .belperamova-session-card--chat-overlay-ready .belperamova-chat--overlay {
        position: fixed;
        z-index: 99998;
        top: auto;
        right: 8px;
        bottom: calc(8px + var(--belperamova-bottom-safe));
        left: 8px;
        width: auto;
        height: min(72vh, 560px);
        max-height: min(72vh, 560px);
        padding: 14px;
        border-radius: 22px;
    }

    .belperamova-chat__emoji-panel {
        grid-template-columns: repeat(4, 34px);
    }

    .belperamova-chat--overlay .belperamova-chat__collapse {
        min-width: 50px;
    }
}

/* ─── Jitsi ─── */
.belperamova-jitsi-test {
    display: grid;
    gap: 12px;
    margin-top: 8px;
    padding-top: 0;
    border-top: 0;
}

.belperamova-jitsi-test h5 {
    margin: 0;
    color: var(--belperamova-text);
    font-size: 16px;
    line-height: 1.35;
}

.belperamova-jitsi-test [data-bp-jitsi-status][data-type="success"] {
    color: var(--belperamova-success);
}

.belperamova-jitsi-test [data-bp-jitsi-status][data-type="error"] {
    color: var(--belperamova-danger);
}

.belperamova-jitsi-frame {
    position: relative;
    overflow: hidden;
    width: 100%;
    min-height: 560px;
    border: 0;
    border-radius: 18px;
    background: var(--belperamova-video-bg);
    box-shadow: 0 18px 44px rgba(2, 6, 23, 0.22);
}

.belperamova-jitsi-frame iframe,
.belperamova-jitsi-frame__placeholder {
    display: block;
    width: 100%;
    min-height: 560px;
    border: 0;
}

.belperamova-jitsi-frame__placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    color: #ffffff;
    font-weight: 700;
    text-align: center;
}

.belperamova-jitsi-fullscreen-toggle {
    position: absolute;
    z-index: 44;
    top: 16px;
    left: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 14px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 10px;
    background: rgba(31, 35, 43, 0.92);
    color: rgba(255, 255, 255, 0.92);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.15;
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    transform: translateY(8px);
    -webkit-appearance: none;
    appearance: none;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.34);
    backdrop-filter: blur(10px);
    transition: opacity 0.18s ease, transform 0.18s ease, background 0.18s ease, border-color 0.18s ease;
}

.belperamova-jitsi-fullscreen-toggle::before {
    content: "";
    width: 14px;
    height: 14px;
    margin-right: 8px;
    border: 2px solid currentColor;
    border-radius: 3px;
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.16);
}

.belperamova-jitsi-frame:hover .belperamova-jitsi-fullscreen-toggle,
.belperamova-jitsi-frame:focus-within .belperamova-jitsi-fullscreen-toggle,
.belperamova-jitsi-fullscreen-toggle:focus-visible {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

.belperamova-jitsi-fullscreen-toggle:hover,
.belperamova-jitsi-fullscreen-toggle:focus-visible {
    background: rgba(49, 55, 66, 0.96);
    border-color: rgba(255, 255, 255, 0.24);
}

.belperamova-jitsi-fullscreen-toggle:focus-visible {
    outline: 2px solid rgba(255, 255, 255, 0.86);
    outline-offset: 3px;
}

.belperamova-jitsi-frame[data-bp-fullscreen="1"],
.belperamova-jitsi-frame:fullscreen,
.belperamova-jitsi-frame:-webkit-full-screen {
    width: 100vw;
    height: 100vh;
    min-height: 100vh;
    border-radius: 0;
    background: #020617;
    box-shadow: none;
}

.belperamova-jitsi-frame[data-bp-fullscreen="1"] iframe,
.belperamova-jitsi-frame[data-bp-fullscreen="1"] .belperamova-jitsi-frame__placeholder,
.belperamova-jitsi-frame:fullscreen iframe,
.belperamova-jitsi-frame:fullscreen .belperamova-jitsi-frame__placeholder,
.belperamova-jitsi-frame:-webkit-full-screen iframe,
.belperamova-jitsi-frame:-webkit-full-screen .belperamova-jitsi-frame__placeholder {
    height: 100vh;
    min-height: 100vh;
}

.belperamova-jitsi-frame[data-bp-fullscreen="1"] .belperamova-jitsi-fullscreen-toggle {
    opacity: 0;
    pointer-events: none;
    transform: translateY(-6px);
}

.belperamova-jitsi-frame[data-bp-fullscreen="1"].is-fullscreen-control-visible .belperamova-jitsi-fullscreen-toggle,
.belperamova-jitsi-frame[data-bp-fullscreen="1"] .belperamova-jitsi-fullscreen-toggle:focus {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

/* ─── Утилиты ─── */
.belperamova-page-title-hidden {
    display: none !important;
}

.belperamova-button:focus-visible,
.belperamova-mini-button:focus-visible,
.belperamova-session-list__main:focus-visible,
.belperamova-feature-preview__item:focus-visible {
    outline: 2px solid rgba(var(--belperamova-accent-rgb), 0.42);
    outline-offset: 3px;
}

[dir="rtl"] .belperamova-app .belperamova-hero::after {
    right: auto;
    left: -60px;
}


/* ─── 0.2.11: спокойная рабочая компоновка owner/guest страниц ─── */
.belperamova-session-card[hidden],
.belperamova-session-card:empty {
    display: none !important;
}

/* Owner: верх — текст и действия, без тяжелой карточки. */
.belperamova-app[data-belperamova-mode="owner"] {
    padding-top: 10px;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-hero {
    padding: 0 0 22px;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-eyebrow {
    display: none;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-hero h2 {
    margin-bottom: 8px;
    font-size: clamp(28px, 1.8vw, 36px);
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-hero p {
    max-width: 760px;
    margin-bottom: 16px;
    color: var(--belperamova-muted);
    font-size: 15px;
    line-height: 1.55;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-hero .belperamova-actions {
    margin-top: 0;
}

/* Старую панель текущей встречи оставляем только как место для короткого сообщения. */
@supports selector(:has(*)) {
    .belperamova-app[data-belperamova-mode="owner"] .belperamova-panel:not(:has([data-bp-session-list])) {
        margin-top: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        backdrop-filter: none;
    }

    .belperamova-app[data-belperamova-mode="owner"] .belperamova-panel:not(:has([data-bp-session-list])) .belperamova-panel__header {
        display: none;
    }

    .belperamova-app[data-belperamova-mode="owner"] .belperamova-panel:not(:has([data-bp-session-list])) .belperamova-notice {
        max-width: 760px;
        margin: 0 0 14px;
    }
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-panel:has([data-bp-session-list]) {
    margin-top: 4px;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-panel:has([data-bp-session-list]) .belperamova-panel__header {
    align-items: center;
    margin-bottom: 14px;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-panel:has([data-bp-session-list]) .belperamova-panel__header h3 {
    position: relative;
    padding-left: 14px;
    color: var(--belperamova-text);
    font-size: 20px;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-panel:has([data-bp-session-list]) .belperamova-panel__header h3::before {
    content: "";
    position: absolute;
    top: 2px;
    bottom: 2px;
    left: 0;
    width: 3px;
    border-radius: 999px;
    background: var(--belperamova-accent);
}

/* Раскрытая встреча — рабочий блок во всю ширину, видео всегда выше ссылки и действий. */
.belperamova-session-list__drawer.is-open {
    margin-top: 0;
}

.belperamova-session-list__drawer-inner .belperamova-session-card h4 {
    display: none;
}

.belperamova-session-list__drawer-inner .belperamova-session-card__status {
    order: 0;
    margin-bottom: 0;
}

.belperamova-session-list__drawer-inner .belperamova-jitsi-test {
    order: 1;
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}

.belperamova-session-list__drawer-inner .belperamova-copy-row {
    order: 2;
    margin: 4px 0 0;
}

.belperamova-session-list__drawer-inner .belperamova-actions {
    order: 3;
    margin-top: 10px;
}

.belperamova-session-list__drawer-inner .belperamova-meeting-workspace {
    order: 4;
    margin-top: 4px;
}

.belperamova-session-list__drawer-inner .belperamova-jitsi-frame {
    min-height: 520px;
}

.belperamova-session-list__drawer-inner .belperamova-jitsi-frame iframe,
.belperamova-session-list__drawer-inner .belperamova-jitsi-frame__placeholder {
    min-height: 520px;
}

/* Длинная история: строка управления встроена в список. */
.belperamova-session-list__more {
    display: grid;
    grid-column: 1 / -1;
    gap: 4px;
    padding: 13px 16px 14px;
    border-top: 1px solid #edf2f5;
    background: #fbfdfe;
    text-align: center;
}

.belperamova-session-list__more-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    justify-self: center;
    min-height: auto;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--belperamova-accent);
    font-size: 13px;
    font-weight: 800;
    line-height: 1.2;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    box-shadow: none;
}

.belperamova-session-list__more-button::after {
    content: "";
    width: 8px;
    height: 8px;
    margin-left: 8px;
    border-right: 1.8px solid currentColor;
    border-bottom: 1.8px solid currentColor;
    transform: rotate(45deg) translateY(-2px);
    transition: transform 0.15s ease;
}

.belperamova-session-list__more-button[aria-expanded="true"]::after {
    transform: rotate(225deg) translateY(-2px);
}

.belperamova-session-list__more-button:hover,
.belperamova-session-list__more-button:focus {
    background: transparent;
    color: var(--belperamova-accent-dark);
    text-decoration: underline;
    text-underline-offset: 3px;
    transform: none;
    box-shadow: none;
}

.belperamova-session-list__more-button:focus-visible {
    outline: 2px solid rgba(var(--belperamova-accent-rgb), 0.38);
    outline-offset: 4px;
}

.belperamova-session-list__more-hint {
    color: var(--belperamova-muted);
    font-size: 11px;
    line-height: 1.35;
}

/* Guest: та же спокойная логика, без технического вида. */
.belperamova-app[data-belperamova-mode="guest"] {
    padding-top: 10px;
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-hero {
    padding: 0 0 18px;
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-eyebrow {
    display: none;
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-hero h2 {
    margin-bottom: 8px;
    font-size: clamp(28px, 3.4vw, 40px);
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-hero p {
    max-width: 720px;
    margin-bottom: 0;
    font-size: 15px;
    line-height: 1.5;
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-panel {
    margin-top: 14px;
    padding: 18px;
    border: 1px solid var(--belperamova-border);
    border-radius: 18px;
    background: var(--belperamova-card);
    box-shadow: 0 10px 24px rgba(15, 35, 49, 0.05);
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-jitsi-test {
    margin-top: 10px;
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-jitsi-frame {
    min-height: 520px;
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-jitsi-frame iframe,
.belperamova-app[data-belperamova-mode="guest"] .belperamova-jitsi-frame__placeholder {
    min-height: 520px;
}



/* ─── 0.2.12: точечная UX-чистка после теста ─── */
.belperamova-page-breadcrumb-hidden {
    display: none !important;
}

/* ─── 0.2.50: только внешний заголовок страницы и хлебные крошки темы ───
 * Важно:
 * - Селекторы ограничены body.belperamova-page.
 * - Не трогают внутренние блоки .belperamova-app.
 * - Нужны только для скрытия служебного верха темы над шорткодом.
 */
body.belperamova-page .entry-header,
body.belperamova-page .page-header,
body.belperamova-page .entry-title,
body.belperamova-page .page-title,
body.belperamova-page .post-title,
body.belperamova-page .breadcrumbs,
body.belperamova-page .breadcrumb,
body.belperamova-page .breadcrumb-trail,
body.belperamova-page .yoast-breadcrumb,
body.belperamova-page .rank-math-breadcrumb,
body.belperamova-page nav[aria-label="breadcrumb"],
body.belperamova-page nav[aria-label="Breadcrumb"],
body.belperamova-page .site-main > .breadcrumbs,
body.belperamova-page .site-main > .breadcrumb {
    display: none !important;
}

/* Верх: меньше "плакатности", спокойнее масштаб шрифта. */
.belperamova-app[data-belperamova-mode="owner"] .belperamova-hero h2,
.belperamova-app[data-belperamova-mode="guest"] .belperamova-hero h2 {
    font-size: clamp(22px, 1.35vw, 30px);
    font-weight: 600;
    letter-spacing: -0.018em;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-hero p,
.belperamova-app[data-belperamova-mode="guest"] .belperamova-hero p {
    max-width: 760px;
    font-size: 15px;
    line-height: 1.48;
}

/* Строка встречи: статус уходит ближе к действиям, а не висит под заголовком. */
.belperamova-session-list__item {
    grid-template-columns: minmax(0, 1fr) auto;
}

.belperamova-session-list__main {
    align-content: center;
}

.belperamova-session-list__main .belperamova-session-list__status {
    display: none;
}

.belperamova-session-list__actions {
    align-self: center;
}

.belperamova-session-list__actions .belperamova-session-list__status {
    display: inline-flex;
}

.belperamova-mini-button--share {
    border-color: rgba(var(--belperamova-accent-rgb), 0.22);
    background: rgba(var(--belperamova-accent-rgb), 0.06);
    color: var(--belperamova-accent);
}

.belperamova-mini-button--share:hover,
.belperamova-mini-button--share:focus {
    border-color: rgba(var(--belperamova-accent-rgb), 0.38);
    background: rgba(var(--belperamova-accent-rgb), 0.10);
}

/* Раскрытая карточка: не дублируем статус, а сразу ведем к видеоблоку. */
.belperamova-session-list__drawer-inner .belperamova-session-card__status {
    display: none;
}

.belperamova-session-list__drawer-inner .belperamova-jitsi-test h5,
.belperamova-session-list__drawer-inner .belperamova-jitsi-test > .belperamova-muted {
    display: none;
}

.belperamova-session-list__drawer-inner .belperamova-jitsi-test .belperamova-actions {
    order: 2;
    margin-top: 10px;
}

.belperamova-session-list__drawer-inner .belperamova-jitsi-frame {
    order: 1;
    margin-top: 0;
}

/* Ссылка под видео остается рабочей, но не спорит с видеоблоком. */
.belperamova-session-list__drawer-inner .belperamova-copy-row {
    margin-top: 12px;
}

@media (max-width: 640px) {
    .belperamova-app[data-belperamova-mode="owner"] .belperamova-hero h2,
    .belperamova-app[data-belperamova-mode="guest"] .belperamova-hero h2 {
        font-size: 23px;
    }

    .belperamova-session-list__actions {
        grid-template-columns: 1fr 1fr;
    }

    .belperamova-session-list__actions .belperamova-session-list__status,
    .belperamova-mini-button--share {
        grid-column: 1 / -1;
    }
}


/* ─── 0.2.13: точечная UX-доработка статусов и устаревших ссылок ─── */
.belperamova-session-list__status[data-session-status="created"] {
    position: relative;
    padding: 5px 10px 5px 22px;
    border-radius: 999px;
    background: #fff1f2;
    color: #b42318;
    font-weight: 700;
}

.belperamova-session-list__status[data-session-status="created"]::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: #e11d48;
    box-shadow: 0 0 0 4px rgba(225, 29, 72, 0.12);
    transform: translateY(-50%);
}

.belperamova-mini-button--share {
    border-color: rgba(180, 35, 24, 0.20);
    background: #ffffff;
    color: #b42318;
    font-weight: 600;
}

.belperamova-mini-button--share:hover,
.belperamova-mini-button--share:focus {
    border-color: rgba(180, 35, 24, 0.36);
    background: #fff7f6;
    color: #8f1c13;
}

.belperamova-expired-session {
    display: grid;
    gap: 10px;
    padding: 22px;
    border: 1px solid rgba(180, 35, 24, 0.16);
    border-radius: 18px;
    background: linear-gradient(135deg, #fff8f7, #ffffff);
    color: var(--belperamova-text);
}

.belperamova-expired-session strong {
    color: var(--belperamova-danger);
    font-size: 17px;
    line-height: 1.35;
}

.belperamova-expired-session p {
    max-width: 720px;
    margin: 0;
    color: var(--belperamova-muted);
    font-size: 15px;
    line-height: 1.5;
}

.belperamova-expired-session .belperamova-actions {
    margin-top: 4px;
}


/* ─── 0.2.14: компактный двухчастный заголовок owner-страницы ─── */
.belperamova-app[data-belperamova-mode="owner"] .belperamova-hero .belperamova-title,
.belperamova-app[data-belperamova-mode="owner"] .belperamova-hero h2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    width: 100%;
    max-width: 100%;
    margin: 0 0 6px;
    color: var(--belperamova-text);
    font-size: clamp(18px, 0.9vw, 23px);
    font-weight: 600;
    line-height: 1.18;
    letter-spacing: -0.012em;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-title-main {
    display: inline-flex;
    align-items: baseline;
    min-width: 0;
    color: #102033;
    font: inherit;
    font-weight: 600;
    white-space: nowrap;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-title-letter {
    font-weight: 600;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-title-letter--red {
    color: #c81e2b;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-title-letter--green {
    color: #168449;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-title-note {
    display: inline-flex;
    justify-content: flex-end;
    min-width: 0;
    margin-left: auto;
    padding-left: 14px;
    border-left: 1px solid rgba(15, 23, 42, 0.14);
    color: #5d6f80;
    font-size: clamp(13px, 0.58vw, 15px);
    font-weight: 400;
    line-height: 1.25;
    letter-spacing: 0.004em;
    text-align: right;
    white-space: nowrap;
}



/* ─── 0.2.20: тихая первичная загрузка и компактные служебные сообщения ─── */
.belperamova-session-list__loading {
    display: grid;
    gap: 10px;
    padding: 14px 16px;
    background: var(--belperamova-card);
}

.belperamova-session-list__loading span {
    display: block;
    width: 100%;
    height: 44px;
    border-radius: 14px;
    background:
        linear-gradient(
            90deg,
            rgba(var(--belperamova-accent-rgb), 0.045),
            rgba(var(--belperamova-accent-rgb), 0.085),
            rgba(var(--belperamova-accent-rgb), 0.045)
        );
    background-size: 220% 100%;
    animation: belperamova-loading-soft 1.4s ease-in-out infinite;
}

.belperamova-session-list__loading span:nth-child(2) {
    width: 92%;
    opacity: 0.72;
    animation-delay: 0.15s;
}

@keyframes belperamova-loading-soft {
    0% {
        background-position: 120% 0;
    }

    100% {
        background-position: -120% 0;
    }
}

.belperamova-app[data-belperamova-mode="owner"] [data-bp-owner-message].belperamova-notice {
    max-width: 720px;
    min-height: 0;
    margin: 10px 0 14px;
    padding: 10px 14px;
    border-radius: 14px;
    font-size: 14px;
    line-height: 1.45;
}

.belperamova-app[data-belperamova-mode="owner"] [data-bp-owner-message].belperamova-notice:empty {
    display: none;
}

.belperamova-app[data-belperamova-mode="owner"][data-bp-owner-active-session="1"] [data-bp-owner-message].belperamova-notice:not([data-type="error"]) {
    display: none !important;
}

@media (prefers-reduced-motion: reduce) {
    .belperamova-session-list__loading span {
        animation: none;
    }
}


/* ─── 0.2.43: отложенная ссылка без календаря ─── */
.belperamova-session-list__status[data-session-status="pending_start"] {
    background: #eef5f7;
    color: var(--belperamova-accent);
}

.belperamova-session-list__item[data-session-status="pending_start"] .belperamova-session-share-group {
    border-color: rgba(var(--belperamova-accent-rgb), 0.18);
    background: rgba(var(--belperamova-accent-rgb), 0.055);
}

.belperamova-mini-button--start {
    padding: 6px 10px;
    border-radius: 999px;
    background: var(--belperamova-success-bg);
    color: var(--belperamova-success);
    font-weight: 800;
}

.belperamova-mini-button--start:hover,
.belperamova-mini-button--start:focus {
    background: var(--belperamova-success-border);
    color: var(--belperamova-success);
    text-decoration: none;
}

.belperamova-guest-session--pending-start .belperamova-jitsi-frame {
    min-height: 420px;
}

.belperamova-guest-session--pending-start .belperamova-jitsi-frame__placeholder {
    min-height: 420px;
}

.belperamova-guest-waiting--pending-start .belperamova-guest-waiting__badge {
    background: rgba(var(--belperamova-accent-rgb), 0.16);
    color: #c8fff6;
}

.belperamova-guest-waiting--pending-start h4 {
    max-width: 620px;
}

.belperamova-guest-waiting--pending-start p {
    max-width: 560px;
}

@media (max-width: 640px) {
    .belperamova-guest-session--pending-start .belperamova-jitsi-frame,
    .belperamova-guest-session--pending-start .belperamova-jitsi-frame__placeholder {
        min-height: min(58vh, 360px);
    }
}



/* --- 0.2.51: названия встреч и переименование --- */
.belperamova-session-title-create {
    display: grid;
    grid-template-columns: minmax(220px, 420px) minmax(180px, 1fr);
    align-items: center;
    gap: 8px 12px;
    max-width: 760px;
    margin: 0 0 14px;
}

.belperamova-session-title-create__label {
    grid-column: 1 / -1;
    color: var(--belperamova-text);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.25;
}

.belperamova-session-title-create__input {
    width: 100%;
    min-height: 42px;
    padding: 10px 13px;
    border: 1px solid var(--belperamova-border);
    border-radius: 14px;
    background: var(--belperamova-input-bg);
    color: var(--belperamova-text);
    font: inherit;
    font-size: 14px;
    line-height: 1.35;
    -webkit-appearance: none;
    appearance: none;
}

.belperamova-session-title-create__input:focus {
    border-color: var(--belperamova-accent);
    outline: 2px solid rgba(var(--belperamova-accent-rgb), 0.20);
    outline-offset: 2px;
    box-shadow: 0 0 0 4px rgba(var(--belperamova-accent-rgb), 0.07);
}

.belperamova-session-title-create__hint {
    color: var(--belperamova-muted);
    font-size: 12px;
    line-height: 1.35;
}

.belperamova-session-list__number {
    display: inline-flex;
    width: fit-content;
    color: var(--belperamova-muted);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
}

@media (max-width: 720px) {
    .belperamova-session-title-create {
        grid-template-columns: 1fr;
        max-width: 100%;
        margin-bottom: 12px;
    }
}

/* ─── Тёмная тема (единый блок переменных) ─── */
.belperamova-app[data-theme="dark"],
[data-theme="dark"] .belperamova-app,
.dark .belperamova-app,
.dark-mode .belperamova-app,
.theme-dark .belperamova-app,
.night-mode .belperamova-app,
.is-dark-theme .belperamova-app,
.wp-dark-mode-active .belperamova-app,
.site-dark .belperamova-app,
.color-scheme-dark .belperamova-app {
    color-scheme: dark;
    --belperamova-bg: #0b1120;
    --belperamova-card: #101827;
    --belperamova-card-soft: rgba(15, 23, 42, 0.94);
    --belperamova-card-strong: #172033;
    --belperamova-text: #f8fafc;
    --belperamova-muted: #c5d0e2;
    --belperamova-border: rgba(148, 163, 184, 0.30);
    --belperamova-accent: #38b6aa;
    --belperamova-accent-dark: #6ee7d8;
    --belperamova-accent-rgb: 56, 182, 170;
    --belperamova-danger: #fb7185;
    --belperamova-danger-bg: rgba(127, 29, 29, 0.32);
    --belperamova-danger-border: rgba(251, 113, 133, 0.42);
    --belperamova-success: #4ade80;
    --belperamova-success-bg: rgba(20, 83, 45, 0.34);
    --belperamova-success-border: rgba(74, 222, 128, 0.42);
    --belperamova-info-bg: rgba(59, 130, 246, 0.20);
    --belperamova-page-gradient: transparent;
    --belperamova-shadow-soft: 0 22px 60px rgba(0, 0, 0, 0.48);
    --belperamova-shadow-card: 0 16px 44px rgba(0, 0, 0, 0.36);
    --belperamova-chip: rgba(109, 140, 255, 0.20);
    --belperamova-chip-text: #ccfbf1;
    --belperamova-input-bg: #050b17;
    --belperamova-video-bg: #020617;
    --belperamova-nav-bg: rgba(10, 18, 32, 0.94);
    background: var(--belperamova-page-gradient);
    color: var(--belperamova-text);
}

@media (prefers-color-scheme: dark) {
    .belperamova-app[data-theme="auto"] {
        color-scheme: dark;
        --belperamova-bg: #0b1120;
        --belperamova-card: #101827;
        --belperamova-card-soft: rgba(15, 23, 42, 0.94);
        --belperamova-card-strong: #172033;
        --belperamova-text: #f8fafc;
        --belperamova-muted: #c5d0e2;
        --belperamova-border: rgba(148, 163, 184, 0.30);
        --belperamova-accent: #38b6aa;
        --belperamova-accent-dark: #6ee7d8;
        --belperamova-accent-rgb: 56, 182, 170;
        --belperamova-danger: #fb7185;
        --belperamova-danger-bg: rgba(127, 29, 29, 0.32);
        --belperamova-danger-border: rgba(251, 113, 133, 0.42);
        --belperamova-success: #4ade80;
        --belperamova-success-bg: rgba(20, 83, 45, 0.34);
        --belperamova-success-border: rgba(74, 222, 128, 0.42);
        --belperamova-info-bg: rgba(59, 130, 246, 0.20);
        --belperamova-page-gradient: transparent;
        --belperamova-shadow-soft: 0 22px 60px rgba(0, 0, 0, 0.48);
        --belperamova-shadow-card: 0 16px 44px rgba(0, 0, 0, 0.36);
        --belperamova-chip: rgba(109, 140, 255, 0.20);
        --belperamova-chip-text: #ccfbf1;
        --belperamova-input-bg: #050b17;
        --belperamova-video-bg: #020617;
        --belperamova-nav-bg: rgba(10, 18, 32, 0.94);
        background: var(--belperamova-page-gradient);
        color: var(--belperamova-text);
    }
}

/* ─── Адаптив ─── */
@media (max-width: 1024px) {
    .belperamova-feature-preview,
    .belperamova-meeting-workspace {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .belperamova-app {
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding: 12px 12px calc(34px + var(--belperamova-bottom-safe));
        border-radius: 0;
    }

    .belperamova-hero {
        padding: 0 0 16px;
        border-radius: 0;
    }

    .belperamova-panel {
        padding: 0;
        border-radius: 0;
    }

    .belperamova-hero h2 {
        margin-bottom: 8px;
        font-size: clamp(24px, 6vw, 27px);
        line-height: 1.08;
    }

    .belperamova-hero p {
        margin-bottom: 12px;
        font-size: 14px;
        line-height: 1.48;
    }

    .belperamova-eyebrow {
        margin-bottom: 12px;
        padding: 9px 12px;
        font-size: 13px;
    }

    .belperamova-actions {
        width: 100%;
        gap: 8px;
        margin-top: 12px;
    }

    .belperamova-button {
        width: 100%;
        min-height: 52px;
        border-radius: 18px;
    }

    .belperamova-panel {
        margin-top: 12px;
    }

    .belperamova-panel__header {
        align-items: flex-start;
        margin-bottom: 12px;
    }

    .belperamova-copy-row {
        grid-template-columns: 1fr;
    }

    .belperamova-session-card {
        padding: 15px;
        border-radius: 24px;
    }

    .belperamova-session-list__item {
        grid-template-columns: 1fr;
        gap: 8px;
        padding: 12px;
        border-radius: 18px;
    }

    .belperamova-session-list__main {
        padding: 0;
    }

    .belperamova-session-list__main strong {
        font-size: 15px;
    }

    .belperamova-session-list__actions {
        display: grid;
        grid-template-columns: 1fr 1fr;
        width: 100%;
        gap: 8px;
    }

    .belperamova-mini-button {
        width: 100%;
        min-height: 38px;
        border-radius: 14px;
        font-size: 13px;
    }

    .belperamova-feature-preview,
    .belperamova-meeting-workspace {
        grid-template-columns: 1fr;
    }

    .belperamova-participants {
        padding: 12px;
        border-radius: 14px;
    }

    .belperamova-participants__item {
        grid-template-columns: 1fr;
        gap: 9px;
    }

    .belperamova-participants__actions {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
    }

    .belperamova-participants__actions .belperamova-button {
        width: 100%;
        min-height: 42px;
    }


    .belperamova-feature-preview {
        margin-bottom: 6px;
    }

    .belperamova-feature-preview__item {
        min-height: 82px;
        border-radius: 20px;
    }

    .belperamova-feature-preview__item strong {
        font-size: 15px;
    }

    .belperamova-feature-preview__item span {
        font-size: 13px;
    }

    .belperamova-jitsi-frame,
    .belperamova-jitsi-frame iframe,
    .belperamova-jitsi-frame__placeholder {
        min-height: min(64vh, 520px);
    }

    .belperamova-jitsi-frame {
        margin-right: 0;
        margin-left: 0;
        border-radius: 16px;
    }

    .belperamova-jitsi-fullscreen-toggle {
        top: 12px;
        left: 12px;
        min-height: 38px;
        padding: 0 12px;
        font-size: 12px;
        opacity: 1;
        pointer-events: auto;
        transform: none;
    }

    .belperamova-session-list__drawer.is-open {
        margin-top: 0;
    }

    .belperamova-session-list__drawer-inner .belperamova-session-card {
        padding: 14px;
        border-radius: 0;
    }

    .belperamova-session-list__drawer-inner .belperamova-session-card h4 {
        font-size: 16px;
    }
}


@media (max-width: 640px) {
    .belperamova-app[data-belperamova-mode="owner"] .belperamova-hero,
    .belperamova-app[data-belperamova-mode="guest"] .belperamova-hero {
        padding: 0 0 14px;
    }

    .belperamova-app[data-belperamova-mode="owner"] .belperamova-hero h2,
    .belperamova-app[data-belperamova-mode="guest"] .belperamova-hero h2 {
        font-size: 24px;
    }

    .belperamova-session-list__drawer-inner .belperamova-jitsi-frame,
    .belperamova-session-list__drawer-inner .belperamova-jitsi-frame iframe,
    .belperamova-session-list__drawer-inner .belperamova-jitsi-frame__placeholder,
    .belperamova-app[data-belperamova-mode="guest"] .belperamova-jitsi-frame,
    .belperamova-app[data-belperamova-mode="guest"] .belperamova-jitsi-frame iframe,
    .belperamova-app[data-belperamova-mode="guest"] .belperamova-jitsi-frame__placeholder {
        min-height: min(62vh, 440px);
    }
}

@media (max-width: 640px) {
    .belperamova-session-list__more {
        display: grid;
        gap: 7px;
        padding: 6px 0 0;
    }

    .belperamova-session-list__more-button {
        width: 100%;
        min-height: 42px;
        border-radius: 14px;
    }

    .belperamova-session-list__more-hint {
        text-align: center;
    }
}



@media (max-width: 640px) {
    .belperamova-app[data-belperamova-mode="owner"] .belperamova-hero .belperamova-title,
    .belperamova-app[data-belperamova-mode="owner"] .belperamova-hero h2 {
        display: grid;
        gap: 5px;
        font-size: 20px;
        line-height: 1.16;
    }

    .belperamova-app[data-belperamova-mode="owner"] .belperamova-title-note {
        justify-content: flex-start;
        margin-left: 0;
        padding-left: 0;
        border-left: 0;
        font-size: 13px;
        text-align: left;
        white-space: normal;
    }
}

@media (max-width: 640px) {
    .belperamova-session-note__field {
        min-height: 120px;
    }

    .belperamova-session-note__footer {
        display: grid;
        justify-content: stretch;
    }
}


@media (max-width: 640px) {
    .belperamova-session-report__list {
        grid-template-columns: 1fr;
        gap: 4px;
    }

    .belperamova-session-report__list dd {
        padding-bottom: 5px;
    }
}

@media (max-height: 600px) and (orientation: landscape) {
    .belperamova-jitsi-frame,
    .belperamova-jitsi-frame iframe,
    .belperamova-jitsi-frame__placeholder {
        min-height: 320px;
    }
}

@media (hover: none) {
    .belperamova-button:hover,
    .belperamova-button:focus,
    .belperamova-mini-button:hover,
    .belperamova-mini-button:focus,
    .belperamova-feature-preview__item:hover,
    .belperamova-feature-preview__item:focus,
    .belperamova-session-list__item:hover,
    .belperamova-session-list__item:focus {
        transform: none;
    }
}

/* ─── 0.2.22: аккуратная отправка ссылки и состояние личного выхода организатора ─── */
.belperamova-session-share-group {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    padding: 3px;
    border: 1px solid rgba(180, 35, 24, 0.14);
    border-radius: 999px;
    background: #fff7f8;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.72);
}

.belperamova-session-share-group[data-session-status="live"] {
    border-color: #bfe7d5;
    background: #ecfdf5;
}

.belperamova-session-share-group[data-session-status="live"] .belperamova-session-list__status {
    background: transparent;
    color: #0f6b4f;
}

.belperamova-session-share-group .belperamova-session-list__status[data-session-status="created"] {
    margin: 0;
    border-radius: 999px;
    background: transparent;
    box-shadow: none;
}

.belperamova-session-share-group .belperamova-mini-button--share {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 26px;
    padding: 5px 10px;
    border: 0;
    border-radius: 999px;
    background: #eef5ff;
    color: #1d4ed8;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.1;
    text-decoration: none;
}

.belperamova-session-share-group .belperamova-mini-button--share::after {
    content: "↗";
    display: inline-block;
    font-size: 13px;
    line-height: 1;
    transform: translateY(-1px);
}

.belperamova-session-share-group .belperamova-mini-button--share:hover,
.belperamova-session-share-group .belperamova-mini-button--share:focus {
    background: #dbeafe;
    color: #1e40af;
    text-decoration: none;
}

.belperamova-button--return-live {
    border-color: #bfe7d5;
    background: #ecfdf5;
    color: #0f6b4f;
    box-shadow: 0 8px 22px rgba(15, 107, 79, 0.10);
}

.belperamova-button--return-live:hover,
.belperamova-button--return-live:focus {
    border-color: #8fd3b2;
    background: #dffbea;
    color: #0b5a42;
    box-shadow: 0 10px 24px rgba(15, 107, 79, 0.14);
}

.belperamova-owner-exit-actions {
    display: flex;
    flex-wrap: wrap;
}

.belperamova-share-modal {
    position: fixed;
    z-index: 999999;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
    background: rgba(15, 23, 42, 0.48);
    backdrop-filter: blur(7px);
}

.belperamova-share-modal__dialog {
    width: min(560px, 100%);
    max-height: min(86vh, 720px);
    overflow: auto;
    padding: 18px;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 24px;
    background: #ffffff;
    color: var(--belperamova-text);
    box-shadow: 0 24px 70px rgba(2, 6, 23, 0.28);
}

.belperamova-share-modal__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 8px;
}

.belperamova-share-modal__title {
    color: var(--belperamova-text);
    font-size: 20px;
    font-weight: 800;
    line-height: 1.25;
}

.belperamova-share-modal__close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: 1px solid var(--belperamova-border);
    border-radius: 999px;
    background: #ffffff;
    color: var(--belperamova-muted);
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
}

.belperamova-share-modal__close:hover,
.belperamova-share-modal__close:focus {
    border-color: rgba(var(--belperamova-accent-rgb), 0.34);
    color: var(--belperamova-text);
}

.belperamova-share-modal__intro {
    margin: 0 0 14px;
    color: var(--belperamova-muted);
    font-size: 14px;
    line-height: 1.45;
}

.belperamova-share-modal__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.belperamova-share-target {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    min-height: 68px;
    padding: 12px;
    border: 1px solid var(--belperamova-border);
    border-radius: 18px;
    background: #fbfdfe;
    color: var(--belperamova-text);
    font: inherit;
    text-align: left;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    transition: border-color 0.15s ease, background 0.15s ease, transform 0.15s ease;
}

.belperamova-share-target:hover,
.belperamova-share-target:focus {
    border-color: rgba(var(--belperamova-accent-rgb), 0.34);
    background: #ffffff;
    transform: translateY(-1px);
}

.belperamova-share-target__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 14px;
    background: rgba(var(--belperamova-accent-rgb), 0.09);
    color: var(--belperamova-accent);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.02em;
}

.belperamova-share-target strong,
.belperamova-share-target small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.belperamova-share-target strong {
    font-size: 14px;
    line-height: 1.25;
}

.belperamova-share-target small {
    margin-top: 3px;
    color: var(--belperamova-muted);
    font-size: 12px;
    line-height: 1.25;
}

.belperamova-share-modal__actions {
    display: flex;
    justify-content: flex-end;
    margin-top: 14px;
}

.belperamova-share-modal__actions .belperamova-button {
    width: auto;
    min-height: 38px;
    padding: 9px 14px;
    font-size: 13px;
}

.belperamova-share-modal__status {
    margin: 12px 0 0;
    padding: 10px 12px;
    border-radius: 14px;
    background: var(--belperamova-info-bg);
    color: var(--belperamova-muted);
    font-size: 13px;
    line-height: 1.4;
}

.belperamova-share-modal__status[data-type="success"] {
    background: var(--belperamova-success-bg);
    color: var(--belperamova-success);
}

.belperamova-share-modal__status[data-type="error"] {
    background: var(--belperamova-danger-bg);
    color: var(--belperamova-danger);
}

@media (max-width: 640px) {
    .belperamova-session-share-group {
        width: 100%;
        justify-content: space-between;
    }

    .belperamova-session-share-group .belperamova-mini-button--share {
        width: auto;
        min-height: 30px;
    }

    .belperamova-share-modal {
        align-items: flex-end;
        padding: 10px;
    }

    .belperamova-share-modal__dialog {
        max-height: 88vh;
        padding: 16px;
        border-radius: 22px;
    }

    .belperamova-share-modal__grid {
        grid-template-columns: 1fr;
    }

    .belperamova-owner-exit-actions .belperamova-button {
        width: 100%;
    }
}

/* ─── 0.2.23: share-плашка и кнопки после личного выхода ─── */
.belperamova-session-share-group .belperamova-session-list__status {
    margin: 0;
    border-radius: 999px;
    background: transparent;
    box-shadow: none;
    white-space: nowrap;
}

.belperamova-session-share-group .belperamova-session-list__status::before {
    flex: 0 0 auto;
}

.belperamova-owner-exit-actions {
    justify-content: center;
}

.belperamova-owner-exit-actions__end {
    order: 1;
}

.belperamova-owner-exit-actions .belperamova-button--return-live {
    order: 2;
    border-color: #bdebd5;
    background: #ecfdf5;
    color: #0f6b4f;
    box-shadow: 0 10px 28px rgba(15, 107, 79, 0.14);
}

.belperamova-owner-exit-actions .belperamova-button--return-live:hover,
.belperamova-owner-exit-actions .belperamova-button--return-live:focus {
    border-color: #90d9b8;
    background: #dffbea;
    color: #0a563f;
}

.belperamova-jitsi-test > .belperamova-actions:empty {
    display: none;
}


/* ─── 0.2.24: чистый активный видеосценарий ─── */
.belperamova-app[data-belperamova-mode="owner"] .belperamova-jitsi-test > .belperamova-actions {
    display: none;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__drawer-inner .belperamova-copy-row {
    display: none !important;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-share-group {
    flex: 0 0 auto;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-share-group .belperamova-session-list__status {
    min-height: 26px;
}

.belperamova-owner-exit-actions .belperamova-button--return-live {
    min-width: 190px;
    border-color: #9fe2bf;
    background: #e7fbf0;
    color: #0b6b4b;
    box-shadow: 0 12px 30px rgba(15, 107, 79, 0.16);
}

.belperamova-owner-exit-actions .belperamova-button--return-live:hover,
.belperamova-owner-exit-actions .belperamova-button--return-live:focus {
    border-color: #70cfa0;
    background: #d6f8e6;
    color: #064e36;
}

.belperamova-owner-exit-actions__end {
    min-width: 190px;
}

/* ─── 0.2.25: простой клиентский вход для нетехнических участников ─── */
.belperamova-app[data-belperamova-mode="guest"] {
    max-width: 920px;
    padding-top: 10px;
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-hero {
    max-width: 620px;
    margin: 0 auto;
    padding: 0 0 14px;
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-hero .belperamova-title,
.belperamova-app[data-belperamova-mode="guest"] .belperamova-hero h2 {
    display: grid;
    gap: 4px;
    width: 100%;
    max-width: 100%;
    margin: 0 0 8px;
    color: var(--belperamova-text);
    font-size: clamp(22px, 1.6vw, 30px);
    font-weight: 600;
    line-height: 1.16;
    letter-spacing: -0.012em;
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-title-main {
    display: inline-flex;
    align-items: baseline;
    min-width: 0;
    color: #102033;
    font: inherit;
    font-weight: 600;
    white-space: nowrap;
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-title-letter {
    font-weight: 600;
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-title-letter--red {
    color: #c81e2b;
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-title-letter--green {
    color: #168449;
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-title-note {
    display: inline-flex;
    color: #5d6f80;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.25;
    letter-spacing: 0.004em;
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-hero p {
    max-width: 560px;
    margin-bottom: 0;
    color: var(--belperamova-muted);
    font-size: 15px;
    line-height: 1.5;
}

@supports selector(:has(*)) {
    .belperamova-app[data-belperamova-mode="guest"] .belperamova-panel:has([data-bp-guest-form]:not([hidden])) {
        max-width: 620px;
        margin: 14px auto 0;
        padding: 22px;
        border-color: #d7e3eb;
        border-radius: 22px;
        background: #ffffff;
        box-shadow: 0 18px 44px rgba(15, 35, 49, 0.08);
    }
}

.belperamova-guest-entry-intro {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    margin: 2px 0 0;
    padding: 16px 18px;
    border: 1px solid #d7e3eb;
    border-radius: 18px;
    background: linear-gradient(135deg, #ffffff 0%, #f5faf8 100%);
    box-shadow: 0 14px 34px rgba(15, 35, 49, 0.07);
}

.belperamova-guest-entry-intro[hidden] {
    display: none !important;
}

.belperamova-guest-entry-intro__icon {
    position: relative;
    width: 46px;
    height: 46px;
    border-radius: 16px;
    background: rgba(var(--belperamova-accent-rgb), 0.1);
}

.belperamova-guest-entry-intro__icon::before,
.belperamova-guest-entry-intro__icon::after {
    content: "";
    position: absolute;
    border-radius: 999px;
}

.belperamova-guest-entry-intro__icon::before {
    inset: 11px 13px 21px;
    background: var(--belperamova-accent);
}

.belperamova-guest-entry-intro__icon::after {
    left: 10px;
    right: 10px;
    bottom: 10px;
    height: 14px;
    background: rgba(var(--belperamova-accent-rgb), 0.74);
}

.belperamova-guest-entry-intro__body strong {
    display: block;
    color: var(--belperamova-text);
    font-size: 16px;
    line-height: 1.25;
}

.belperamova-guest-entry-intro__body p {
    margin: 5px 0 0;
    color: var(--belperamova-muted);
    font-size: 13px;
    line-height: 1.45;
}

.belperamova-app[data-belperamova-mode="guest"] [data-bp-guest-form] {
    max-width: none;
    gap: 12px;
}

.belperamova-app[data-belperamova-mode="guest"]:not([data-bp-guest-entry-state="ready"]) [data-bp-guest-form] {
    display: none !important;
}

.belperamova-app[data-belperamova-mode="guest"] [data-bp-guest-form].belperamova-guest-form--revealed {
    animation: belperamovaGuestFormReveal 360ms ease-out both;
}

@keyframes belperamovaGuestFormReveal {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.belperamova-app[data-belperamova-mode="guest"] [data-bp-guest-form] label {
    color: var(--belperamova-text);
    font-size: 14px;
    font-weight: 800;
}

.belperamova-app[data-belperamova-mode="guest"] [data-bp-guest-name] {
    min-height: 52px;
    border: 1.5px solid #cbd9e3;
    border-radius: 15px;
    background: #ffffff;
    color: var(--belperamova-text);
    font-size: 16px;
    line-height: 1.35;
    box-shadow: inset 0 1px 0 rgba(15, 35, 49, 0.03);
}

.belperamova-app[data-belperamova-mode="guest"] [data-bp-guest-name]::placeholder {
    color: #8aa0b2;
}

.belperamova-app[data-belperamova-mode="guest"] [data-bp-guest-name]:focus {
    border-color: var(--belperamova-accent);
    outline: 3px solid rgba(var(--belperamova-accent-rgb), 0.18);
    outline-offset: 2px;
    box-shadow: 0 0 0 5px rgba(var(--belperamova-accent-rgb), 0.07);
}

.belperamova-app[data-belperamova-mode="guest"] [data-bp-guest-form] .belperamova-actions {
    margin-top: 8px;
}

.belperamova-app[data-belperamova-mode="guest"] [data-bp-guest-form] .belperamova-button {
    width: 100%;
    min-height: 54px;
    border-radius: 16px;
    background: var(--belperamova-accent);
    border-color: var(--belperamova-accent);
    font-size: 15px;
    box-shadow: 0 12px 28px rgba(var(--belperamova-accent-rgb), 0.16);
}

.belperamova-app[data-belperamova-mode="guest"] [data-bp-guest-form][data-bp-guest-submitting="1"] {
    opacity: 0.82;
}

.belperamova-app[data-belperamova-mode="guest"] [data-bp-guest-form] .belperamova-button:disabled,
.belperamova-app[data-belperamova-mode="guest"] [data-bp-guest-name]:disabled {
    cursor: wait;
    opacity: 0.72;
}

.belperamova-app[data-belperamova-mode="guest"] [data-bp-guest-form] .belperamova-button:hover,
.belperamova-app[data-belperamova-mode="guest"] [data-bp-guest-form] .belperamova-button:focus {
    background: var(--belperamova-accent-dark);
    border-color: var(--belperamova-accent-dark);
}

.belperamova-guest-help {
    max-width: 460px;
    margin: -2px 0 0;
    color: var(--belperamova-muted);
    font-size: 13px;
    line-height: 1.45;
}

@media (max-width: 640px) {
    .belperamova-guest-entry-intro {
        grid-template-columns: 40px minmax(0, 1fr);
        gap: 12px;
        padding: 14px;
        border-radius: 16px;
    }

    .belperamova-guest-entry-intro__icon {
        width: 40px;
        height: 40px;
        border-radius: 14px;
    }

    .belperamova-guest-entry-intro__body strong {
        font-size: 15px;
    }

    .belperamova-guest-entry-intro__body p {
        font-size: 12.5px;
    }
}

.belperamova-app[data-belperamova-mode="guest"] [data-bp-guest-message].belperamova-notice {
    margin-bottom: 16px;
    padding: 12px 14px;
    border-radius: 16px;
    font-size: 14px;
    line-height: 1.45;
}

@media (max-width: 640px) {
    .belperamova-app[data-belperamova-mode="guest"] {
        padding-top: 6px;
    }

    .belperamova-app[data-belperamova-mode="guest"] .belperamova-hero {
        padding-bottom: 10px;
    }

    .belperamova-app[data-belperamova-mode="guest"] .belperamova-hero h2 {
        gap: 4px;
        font-size: 24px;
    }

    .belperamova-app[data-belperamova-mode="guest"] .belperamova-hero p {
        font-size: 14px;
        line-height: 1.46;
    }

    @supports selector(:has(*)) {
        .belperamova-app[data-belperamova-mode="guest"] .belperamova-panel:has([data-bp-guest-form]:not([hidden])) {
            margin-top: 10px;
            padding: 16px;
            border-radius: 20px;
        }
    }

    .belperamova-app[data-belperamova-mode="guest"] [data-bp-guest-name] {
        min-height: 54px;
        border-radius: 14px;
    }
}



/* ─── 0.2.26: спокойное ожидание клиента и видео сразу наверху ─── */
.belperamova-app[data-belperamova-mode="guest"] [data-bp-guest-session] {
    margin-top: 0;
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting {
    max-width: 620px;
    margin: 0 auto;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.belperamova-guest-waiting {
    display: grid;
    gap: 14px;
    padding: 24px;
    border: 1px solid rgba(var(--belperamova-accent-rgb), 0.20);
    border-radius: 24px;
    background:
        radial-gradient(circle at 15% 10%, rgba(var(--belperamova-accent-rgb), 0.10), transparent 34%),
        #ffffff;
    box-shadow: 0 18px 44px rgba(15, 35, 49, 0.08);
}

.belperamova-guest-waiting__badge {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: 6px 11px;
    border-radius: 999px;
    background: var(--belperamova-success-bg);
    color: var(--belperamova-success);
    font-size: 12px;
    font-weight: 800;
    line-height: 1.2;
}

.belperamova-guest-waiting h4 {
    margin: 0;
    color: var(--belperamova-text);
    font-size: clamp(22px, 2vw, 30px);
    font-weight: 700;
    line-height: 1.14;
    letter-spacing: -0.02em;
}

.belperamova-guest-waiting p {
    max-width: 520px;
    margin: -4px 0 0;
    color: var(--belperamova-muted);
    font-size: 15px;
    line-height: 1.5;
}

.belperamova-guest-waiting__steps {
    display: grid;
    gap: 8px;
    margin: 2px 0 0;
    padding: 0;
    list-style: none;
}

.belperamova-guest-waiting__steps li {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border: 1px solid rgba(var(--belperamova-accent-rgb), 0.12);
    border-radius: 16px;
    background: rgba(var(--belperamova-accent-rgb), 0.035);
}

.belperamova-guest-waiting__steps span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 999px;
    background: var(--belperamova-accent);
    color: #ffffff;
    font-size: 13px;
    font-weight: 800;
}

.belperamova-guest-waiting__steps strong {
    color: var(--belperamova-text);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
}

.belperamova-guest-waiting__timer {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    gap: 8px;
    margin-top: 2px;
    padding: 9px 12px;
    border-radius: 999px;
    background: #eef5f7;
    color: var(--belperamova-muted);
    font-size: 13px;
    line-height: 1;
}

.belperamova-guest-waiting__timer strong {
    color: var(--belperamova-accent-dark);
    font-size: 14px;
    font-variant-numeric: tabular-nums;
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--live {
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--live .belperamova-jitsi-test {
    margin-top: 0;
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--live .belperamova-jitsi-test > h5,
.belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--live .belperamova-jitsi-test > .belperamova-muted,
.belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--live .belperamova-jitsi-test > .belperamova-actions {
    display: none;
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--live .belperamova-jitsi-frame {
    margin-top: 0;
    min-height: min(70vh, 640px);
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--live .belperamova-jitsi-frame iframe,
.belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--live .belperamova-jitsi-frame__placeholder {
    min-height: min(70vh, 640px);
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--live .belperamova-meeting-workspace {
    margin-top: 14px;
}

@media (max-width: 640px) {
    .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting {
        max-width: 100%;
    }

    .belperamova-guest-waiting {
        gap: 12px;
        padding: 18px;
        border-radius: 20px;
    }

    .belperamova-guest-waiting h4 {
        font-size: 23px;
    }

    .belperamova-guest-waiting p {
        font-size: 14px;
    }

    .belperamova-guest-waiting__steps li {
        padding: 9px 10px;
        border-radius: 14px;
    }

    .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--live .belperamova-jitsi-frame,
    .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--live .belperamova-jitsi-frame iframe,
    .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--live .belperamova-jitsi-frame__placeholder {
        min-height: min(66vh, 460px);
    }
}

/* ─── 0.2.27: ожидание клиента внутри будущего видеоблока и возврат после выхода ─── */
.belperamova-app[data-belperamova-mode="guest"] .belperamova-panel {
    display: flex;
    flex-direction: column;
}

.belperamova-app[data-belperamova-mode="guest"] [data-bp-guest-session] {
    order: 1;
}

.belperamova-app[data-belperamova-mode="guest"] [data-bp-guest-form] {
    order: 2;
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting {
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting .belperamova-jitsi-frame {
    min-height: min(62vh, 620px);
    margin-top: 0;
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting .belperamova-jitsi-frame__placeholder {
    min-height: min(62vh, 620px);
    padding: 22px;
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting .belperamova-guest-waiting {
    width: min(100%, 560px);
    margin: 0 auto;
    border-color: rgba(255, 255, 255, 0.16);
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 24px 54px rgba(0, 0, 0, 0.22);
}

.belperamova-guest-exit-actions .belperamova-button--return-live {
    min-width: 210px;
    border-color: #bdebd1;
    background: #eafff2;
    color: #075c42;
    box-shadow: 0 10px 22px rgba(34, 197, 94, 0.14);
}

.belperamova-guest-exit-actions .belperamova-button--return-live:hover,
.belperamova-guest-exit-actions .belperamova-button--return-live:focus {
    border-color: #70cfa0;
    background: #d6f8e6;
    color: #064e36;
}

@media (max-width: 640px) {
    .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting .belperamova-jitsi-frame,
    .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting .belperamova-jitsi-frame__placeholder {
        min-height: min(58vh, 440px);
    }

    .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting .belperamova-jitsi-frame__placeholder {
        padding: 14px;
    }

    .belperamova-guest-exit-actions .belperamova-button--return-live {
        width: 100%;
        min-width: 0;
    }
}

/* ─── 0.2.28: компактный guest-header и чистый экран после подключения ─── */
.belperamova-app[data-belperamova-mode="guest"] .belperamova-hero {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0 0 12px;
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-hero__content {
    width: 100%;
    max-width: 100%;
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-hero .belperamova-title,
.belperamova-app[data-belperamova-mode="guest"] .belperamova-hero h2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    margin: 0;
    font-size: clamp(18px, 1.05vw, 24px);
    line-height: 1.18;
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-title-main {
    flex: 0 0 auto;
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-title-note {
    justify-content: flex-end;
    margin-left: auto;
    padding-left: 14px;
    border-left: 1px solid rgba(15, 23, 42, 0.12);
    color: #5d6f80;
    font-size: clamp(13px, 0.62vw, 15px);
    font-weight: 400;
    line-height: 1.25;
    text-align: right;
    white-space: nowrap;
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-hero p {
    display: none !important;
}

.belperamova-app[data-belperamova-mode="guest"] [data-bp-guest-form][hidden],
.belperamova-app[data-belperamova-mode="guest"] [data-bp-guest-form][aria-hidden="true"] {
    display: none !important;
}

.belperamova-app[data-belperamova-mode="guest"][data-bp-guest-flow="live"] [data-bp-guest-message],
.belperamova-app[data-belperamova-mode="guest"][data-bp-guest-flow="waiting"] [data-bp-guest-message] {
    display: none !important;
}

@media (max-width: 640px) {
    .belperamova-app[data-belperamova-mode="guest"] .belperamova-hero .belperamova-title,
    .belperamova-app[data-belperamova-mode="guest"] .belperamova-hero h2 {
        display: grid;
        gap: 4px;
        font-size: 21px;
    }

    .belperamova-app[data-belperamova-mode="guest"] .belperamova-title-note {
        justify-content: flex-start;
        margin-left: 0;
        padding-left: 0;
        border-left: 0;
        font-size: 13px;
        text-align: left;
        white-space: normal;
    }
}


/* ─── 0.2.29: безопасный гостевой выход и экран завершенной встречи ─── */
.belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-jitsi-leave {
    position: absolute;
    z-index: 46;
    left: max(18px, calc(50% - 330px));
    bottom: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 0 16px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 10px;
    background: rgba(31, 35, 43, 0.92);
    color: rgba(255, 255, 255, 0.92);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.15;
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    transform: translateY(8px);
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.34);
    backdrop-filter: blur(10px);
    -webkit-appearance: none;
    appearance: none;
    transition: opacity 0.18s ease, transform 0.18s ease, background 0.18s ease, border-color 0.18s ease;
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-jitsi-leave::before {
    content: "";
    width: 14px;
    height: 14px;
    margin-right: 8px;
    border: 2px solid currentColor;
    border-radius: 999px;
    box-shadow: inset -4px 0 0 rgba(255, 255, 255, 0.34);
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-jitsi-frame:hover .belperamova-guest-jitsi-leave,
.belperamova-app[data-belperamova-mode="guest"] .belperamova-jitsi-frame:focus-within .belperamova-guest-jitsi-leave,
.belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-jitsi-leave:focus-visible {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-jitsi-leave:hover,
.belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-jitsi-leave:focus-visible {
    background: rgba(49, 55, 66, 0.96);
    border-color: rgba(255, 255, 255, 0.24);
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-jitsi-leave:focus-visible {
    outline: 2px solid rgba(255, 255, 255, 0.86);
    outline-offset: 3px;
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--closed {
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--closed .belperamova-jitsi-frame {
    min-height: min(70vh, 640px);
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--closed .belperamova-jitsi-frame__placeholder {
    min-height: min(70vh, 640px);
}

.belperamova-guest-ended {
    display: grid;
    gap: 12px;
    max-width: 560px;
    margin: 0 auto;
    text-align: center;
}

.belperamova-guest-ended strong {
    color: #ffffff;
    font-size: 22px;
    line-height: 1.25;
}

.belperamova-guest-ended p {
    margin: 0;
    color: rgba(255, 255, 255, 0.82);
    font-size: 15px;
    line-height: 1.55;
}

.belperamova-guest-ended__hint {
    color: rgba(255, 255, 255, 0.66) !important;
    font-size: 14px !important;
}

@media (hover: none), (pointer: coarse) {
    .belperamova-jitsi-fullscreen-toggle {
        opacity: 1;
        pointer-events: auto;
        transform: none;
    }
}

@media (hover: none), (pointer: coarse) {
    .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-jitsi-leave {
        left: 16px;
        right: auto;
        bottom: 16px;
        min-height: 42px;
        opacity: 1;
        pointer-events: auto;
        transform: none;
    }
}

@media (max-width: 640px) {
    .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-jitsi-leave {
        left: 14px;
        bottom: 14px;
        min-height: 40px;
        padding: 0 12px;
        font-size: 12px;
    }

    .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--closed .belperamova-jitsi-frame,
    .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--closed .belperamova-jitsi-frame__placeholder {
        min-height: min(66vh, 460px);
    }

    .belperamova-guest-ended strong {
        font-size: 20px;
    }

    .belperamova-guest-ended p {
        font-size: 14px;
    }
}


/* ─── 0.2.30: гостевое ожидание как настоящее виде окно 16:9 ─── */
.belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting,
.belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--live,
.belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--closed {
    width: 100%;
    max-width: 100%;
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting .belperamova-jitsi-frame,
.belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--live .belperamova-jitsi-frame,
.belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--closed .belperamova-jitsi-frame {
    aspect-ratio: 16 / 9;
    width: 100%;
    height: auto;
    min-height: 0;
    border-radius: 18px;
    background:
        radial-gradient(circle at 50% 18%, rgba(var(--belperamova-accent-rgb), 0.16), transparent 30%),
        #020814;
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting .belperamova-jitsi-frame iframe,
.belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting .belperamova-jitsi-frame__placeholder,
.belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--live .belperamova-jitsi-frame iframe,
.belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--live .belperamova-jitsi-frame__placeholder,
.belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--closed .belperamova-jitsi-frame iframe,
.belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--closed .belperamova-jitsi-frame__placeholder {
    width: 100%;
    height: 100%;
    min-height: 0;
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting .belperamova-jitsi-frame__placeholder {
    padding: clamp(18px, 3.2vw, 34px);
    background:
        radial-gradient(circle at 50% 28%, rgba(var(--belperamova-accent-rgb), 0.18), transparent 34%),
        linear-gradient(180deg, rgba(3, 12, 25, 0.98), rgba(2, 8, 20, 1));
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting .belperamova-guest-waiting {
    width: min(100%, 680px);
    gap: clamp(12px, 1.5vw, 18px);
    margin: 0 auto;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #ffffff;
    box-shadow: none;
    text-align: center;
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting .belperamova-guest-waiting__badge {
    justify-self: center;
    padding: 6px 12px;
    background: rgba(var(--belperamova-accent-rgb), 0.18);
    color: rgba(210, 255, 243, 0.96);
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting .belperamova-guest-waiting h4 {
    color: #ffffff;
    font-size: clamp(22px, 2.25vw, 34px);
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting .belperamova-guest-waiting h4::before {
    box-shadow: 0 0 0 7px rgba(var(--belperamova-accent-rgb), 0.12);
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting .belperamova-guest-waiting p {
    max-width: 560px;
    margin: 0 auto;
    color: rgba(255, 255, 255, 0.74);
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting .belperamova-guest-waiting__steps {
    width: min(100%, 560px);
    margin: 4px auto 0;
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting .belperamova-guest-waiting__steps li {
    border-color: rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.075);
    backdrop-filter: blur(10px);
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting .belperamova-guest-waiting__steps span {
    background: rgba(var(--belperamova-accent-rgb), 0.92);
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting .belperamova-guest-waiting__steps strong {
    color: rgba(255, 255, 255, 0.94);
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting .belperamova-guest-waiting__timer {
    justify-self: center;
    margin-top: 4px;
    background: rgba(255, 255, 255, 0.10);
    color: rgba(255, 255, 255, 0.68);
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting .belperamova-guest-waiting__timer strong {
    color: #ffffff;
}

@media (max-width: 640px) {
    .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting .belperamova-jitsi-frame,
    .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--live .belperamova-jitsi-frame,
    .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--closed .belperamova-jitsi-frame {
        border-radius: 16px;
    }

    .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting .belperamova-jitsi-frame__placeholder {
        padding: 16px;
    }

    .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting .belperamova-guest-waiting {
        gap: 10px;
    }

    .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting .belperamova-guest-waiting__badge {
        padding: 5px 10px;
        font-size: 11px;
    }

    .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting .belperamova-guest-waiting h4 {
        font-size: clamp(18px, 5vw, 24px);
    }

    .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting .belperamova-guest-waiting p {
        font-size: 13px;
        line-height: 1.42;
    }

    .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting .belperamova-guest-waiting__steps {
        gap: 6px;
    }

    .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting .belperamova-guest-waiting__steps li {
        grid-template-columns: 26px minmax(0, 1fr);
        gap: 8px;
        padding: 8px 9px;
    }

    .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting .belperamova-guest-waiting__steps span {
        width: 26px;
        height: 26px;
        font-size: 12px;
    }

    .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting .belperamova-guest-waiting__steps strong {
        font-size: 12px;
        line-height: 1.25;
    }

    .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting .belperamova-guest-waiting__timer {
        padding: 7px 10px;
        font-size: 12px;
    }
}



/* --- 0.2.32: защита данных, live-статус и красный гостевой выход --- */
.belperamova-title-trust {
    flex: 1 1 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 220px;
    margin: 0 18px;
    padding: 8px 14px;
    border: 1px solid rgba(31, 110, 92, 0.18);
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(234, 245, 240, 0.96), rgba(245, 252, 248, 0.92));
    color: var(--belperamova-success);
    font-size: clamp(12px, 0.72vw, 14px);
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.68);
}

.belperamova-title-trust__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 999px;
    background: rgba(31, 110, 92, 0.10);
    font-size: 13px;
    line-height: 1;
}

.belperamova-session-share-group[data-session-status="live"] {
    border-color: rgba(31, 110, 92, 0.30);
    background: linear-gradient(135deg, #e9f8f2, #f3fcf8);
}

.belperamova-session-share-group[data-session-status="waiting"] {
    border-color: rgba(var(--belperamova-accent-rgb), 0.18);
    background: rgba(var(--belperamova-accent-rgb), 0.06);
}

.belperamova-session-share-group[data-session-status="live"] .belperamova-session-list__status,
.belperamova-session-share-group .belperamova-session-list__status[data-session-status="live"] {
    background: transparent;
    color: var(--belperamova-success);
}

.belperamova-session-share-group[data-session-status="waiting"] .belperamova-session-list__status,
.belperamova-session-share-group .belperamova-session-list__status[data-session-status="waiting"] {
    background: transparent;
    color: var(--belperamova-accent);
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-jitsi-leave {
    border-color: rgba(255, 255, 255, 0.16);
    background: rgba(169, 71, 50, 0.94);
    color: #ffffff;
    box-shadow: 0 14px 34px rgba(169, 71, 50, 0.28), 0 12px 30px rgba(0, 0, 0, 0.28);
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-jitsi-leave:hover,
.belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-jitsi-leave:focus-visible {
    background: #8f3929;
    border-color: rgba(255, 255, 255, 0.26);
}

@media (max-width: 960px) {
    .belperamova-title-trust {
        order: 3;
        flex-basis: 100%;
        width: 100%;
        margin: 8px 0 0;
        white-space: normal;
    }
}

@media (max-width: 640px) {
    .belperamova-title-trust {
        justify-content: flex-start;
        padding: 7px 10px;
        font-size: 12px;
        text-align: left;
    }

    .belperamova-title-trust__icon {
        width: 18px;
        height: 18px;
        font-size: 12px;
    }
}


/* --- 0.2.33: финальный гостевой экран, рабочий щит и красная кнопка выхода --- */
.belperamova-title-trust__icon {
    position: relative;
    overflow: hidden;
    flex: 0 0 20px;
    font-size: 0;
}

.belperamova-title-trust__icon::before {
    content: "";
    display: block;
    width: 12px;
    height: 14px;
    background: currentColor;
    clip-path: polygon(50% 0, 88% 14%, 88% 48%, 72% 78%, 50% 100%, 28% 78%, 12% 48%, 12% 14%);
    opacity: 0.96;
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-jitsi-leave {
    border-color: rgba(255, 255, 255, 0.18);
    background: #d93045;
    color: #ffffff;
    box-shadow: 0 14px 34px rgba(217, 48, 69, 0.34), 0 12px 30px rgba(0, 0, 0, 0.30);
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-jitsi-leave:hover,
.belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-jitsi-leave:focus-visible {
    background: #c52235;
    border-color: rgba(255, 255, 255, 0.30);
}

.belperamova-jitsi-frame--guest-ended .belperamova-jitsi-frame__placeholder {
    background:
        radial-gradient(circle at 50% 16%, rgba(15, 95, 103, 0.22), transparent 34%),
        linear-gradient(180deg, #06101d 0%, #020814 100%);
}

.belperamova-guest-ended {
    width: min(100%, 680px);
    gap: 16px;
}

.belperamova-guest-ended::before {
    content: "БелПерамова";
    justify-self: center;
    padding: 7px 13px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.07);
    color: rgba(255, 255, 255, 0.78);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.02em;
}

.belperamova-guest-ended strong {
    font-size: clamp(26px, 2.4vw, 38px);
    font-weight: 500;
    letter-spacing: -0.03em;
}

.belperamova-guest-ended p {
    max-width: 620px;
    margin-right: auto;
    margin-left: auto;
}

.belperamova-guest-ended__promo {
    margin-top: 8px !important;
    color: rgba(226, 246, 242, 0.90) !important;
    font-size: clamp(15px, 1.05vw, 18px) !important;
    font-weight: 400 !important;
}

.belperamova-guest-ended__button {
    justify-self: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    margin-top: 8px;
    padding: 0 26px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 999px;
    background: #ffffff;
    color: #0f5f67;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.15;
    text-decoration: none;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.24);
    transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

.belperamova-guest-ended__button:hover,
.belperamova-guest-ended__button:focus-visible {
    background: #e9fff7;
    color: #0a454c;
    text-decoration: none;
    transform: translateY(-1px);
    box-shadow: 0 22px 50px rgba(0, 0, 0, 0.30);
}

.belperamova-guest-ended__button:focus-visible {
    outline: 2px solid rgba(255, 255, 255, 0.82);
    outline-offset: 3px;
}

@media (max-width: 640px) {
    .belperamova-guest-ended {
        gap: 11px;
        padding: 0 4px;
    }

    .belperamova-guest-ended::before {
        padding: 6px 10px;
        font-size: 12px;
    }

    .belperamova-guest-ended__promo {
        font-size: 13px !important;
        line-height: 1.42 !important;
    }

    .belperamova-guest-ended__button {
        width: min(100%, 300px);
        min-height: 44px;
        font-size: 14px;
    }
}

/* --- 0.2.35: мобильная гостевая видеозона без перекрытий --- */
@media (max-width: 640px) {
    .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-jitsi-leave {
        top: 18px;
        bottom: auto;
        left: 18px;
        min-height: 36px;
        padding: 0 12px;
        border-radius: 9px;
        background: #d93045;
        font-size: 12px;
        box-shadow: 0 12px 26px rgba(217, 48, 69, 0.30), 0 10px 22px rgba(0, 0, 0, 0.26);
    }

    .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-jitsi-leave::before {
        width: 12px;
        height: 12px;
        margin-right: 7px;
    }

    .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting .belperamova-jitsi-frame,
    .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--live .belperamova-jitsi-frame,
    .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--closed .belperamova-jitsi-frame {
        min-height: 0;
        border-radius: 14px;
    }

    .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting .belperamova-jitsi-frame__placeholder,
    .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--closed .belperamova-jitsi-frame__placeholder {
        align-items: center;
        padding: 12px;
    }

    .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting .belperamova-guest-waiting {
        gap: 7px;
        width: 100%;
        max-width: 100%;
    }

    .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting .belperamova-guest-waiting__badge {
        padding: 4px 8px;
        font-size: 10px;
    }

    .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting .belperamova-guest-waiting h4 {
        font-size: clamp(15px, 4.8vw, 19px);
        line-height: 1.15;
    }

    .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting .belperamova-guest-waiting p {
        max-width: 300px;
        font-size: 11px;
        line-height: 1.3;
    }

    .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting .belperamova-guest-waiting__steps {
        gap: 5px;
        width: 100%;
        max-width: 320px;
    }

    .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting .belperamova-guest-waiting__steps li {
        grid-template-columns: 22px minmax(0, 1fr);
        gap: 7px;
        padding: 6px 8px;
        border-radius: 12px;
    }

    .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting .belperamova-guest-waiting__steps span {
        width: 22px;
        height: 22px;
        font-size: 11px;
    }

    .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting .belperamova-guest-waiting__steps strong {
        font-size: 11px;
        line-height: 1.2;
    }

    .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting .belperamova-guest-waiting__timer {
        margin-top: 0;
        padding: 5px 8px;
        font-size: 11px;
    }

    .belperamova-jitsi-frame--guest-ended .belperamova-jitsi-frame__placeholder {
        padding: 12px;
    }

    .belperamova-guest-ended {
        gap: 7px;
        width: min(100%, 330px);
        padding: 0;
    }

    .belperamova-guest-ended::before {
        padding: 4px 8px;
        font-size: 10px;
    }

    .belperamova-guest-ended strong {
        font-size: clamp(17px, 5.2vw, 21px);
        line-height: 1.16;
    }

    .belperamova-guest-ended p {
        max-width: 310px;
        font-size: 11px;
        line-height: 1.32;
    }

    .belperamova-guest-ended__hint {
        font-size: 11px !important;
    }

    .belperamova-guest-ended__promo {
        margin-top: 0 !important;
        font-size: 11px !important;
        line-height: 1.32 !important;
    }

    .belperamova-guest-ended__button {
        min-height: 36px;
        margin-top: 3px;
        padding: 0 16px;
        font-size: 12px;
    }
}

/* --- 0.2.36: чистый активный owner-экран и мобильная доводка --- */
.belperamova-app[data-belperamova-mode="owner"][data-bp-owner-active-session="1"] .belperamova-hero p,
.belperamova-app[data-belperamova-mode="owner"][data-bp-owner-active-session="1"] .belperamova-hero .belperamova-actions,
.belperamova-app[data-belperamova-mode="owner"][data-bp-jitsi-active-key^="owner:"] .belperamova-hero p,
.belperamova-app[data-belperamova-mode="owner"][data-bp-jitsi-active-key^="owner:"] .belperamova-hero .belperamova-actions {
    display: none !important;
}

.belperamova-app[data-belperamova-mode="owner"][data-bp-owner-active-session="1"] .belperamova-hero,
.belperamova-app[data-belperamova-mode="owner"][data-bp-jitsi-active-key^="owner:"] .belperamova-hero {
    padding-bottom: 8px;
}

@media (max-width: 640px) {
    .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item {
        grid-template-columns: minmax(0, 1fr);
        gap: 8px;
    }

    .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__main {
        width: 100%;
        min-width: 0;
        align-items: flex-start;
    }

    .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__actions {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-start;
        gap: 8px 10px;
    }

    .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-share-group {
        max-width: 100%;
        min-width: 0;
    }

    .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-share-group .belperamova-session-list__status,
    .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-share-group .belperamova-mini-button--share,
    .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__actions .belperamova-mini-button {
        white-space: nowrap;
    }

    .belperamova-app[data-belperamova-mode="guest"] .belperamova-hero {
        padding-bottom: 8px;
    }

    .belperamova-app[data-belperamova-mode="guest"] .belperamova-session-card {
        padding: 10px;
    }

    .belperamova-jitsi-fullscreen-toggle {
        top: 10px !important;
        left: 10px !important;
        min-height: 30px;
        padding: 0 9px;
        border-radius: 8px;
        font-size: 11px;
    }

    .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-jitsi-leave {
        top: 48px;
        left: 10px;
        min-height: 30px;
        padding: 0 10px;
        border-radius: 8px;
        font-size: 11px;
    }

    .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-jitsi-leave::before {
        width: 10px;
        height: 10px;
        margin-right: 6px;
    }

    .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting .belperamova-jitsi-frame__placeholder,
    .belperamova-jitsi-frame--guest-ended .belperamova-jitsi-frame__placeholder {
        padding: 8px;
    }

    .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting .belperamova-guest-waiting {
        gap: 6px;
        max-width: 300px;
    }

    .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting .belperamova-guest-waiting h4 {
        font-size: 16px;
        line-height: 1.12;
    }

    .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting .belperamova-guest-waiting p {
        max-width: 280px;
        font-size: 10.5px;
        line-height: 1.24;
    }

    .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting .belperamova-guest-waiting__steps {
        display: none;
    }

    .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting .belperamova-guest-waiting__timer {
        padding: 4px 8px;
        font-size: 10.5px;
    }

    .belperamova-guest-ended {
        gap: 6px;
        width: min(100%, 300px);
    }

    .belperamova-guest-ended::before {
        display: none;
    }

    .belperamova-guest-ended strong {
        font-size: 17px;
        line-height: 1.14;
        font-weight: 500;
    }

    .belperamova-guest-ended p,
    .belperamova-guest-ended__hint,
    .belperamova-guest-ended__promo {
        max-width: 286px;
        font-size: 10.5px !important;
        line-height: 1.24 !important;
    }

    .belperamova-guest-ended__button {
        min-height: 34px;
        margin-top: 2px;
        padding: 0 14px;
        font-size: 11.5px;
    }
}

/* --- 0.2.37: активная карточка без лишних действий --- */
.belperamova-session-list__item[data-session-status="live"] [data-bp-session-open-button],
.belperamova-session-list__item[data-session-status="live"] .belperamova-mini-button--danger {
    display: none !important;
}

.belperamova-session-list__item[data-session-status="live"] .belperamova-session-share-group {
    border-color: #bfe7d5;
    background: #ecfdf5;
}

@media (max-width: 640px) {
    .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item[data-session-status="live"] .belperamova-session-list__actions {
        justify-content: flex-start;
        align-items: center;
    }

    .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item[data-session-status="live"] .belperamova-session-share-group {
        width: auto;
        max-width: 100%;
    }
}
/* --- 0.2.40: защита активной owner-встречи от случайного сворачивания/удаления --- */
.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item[data-bp-session-controls-locked="1"] [data-bp-session-open-button],
.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item[data-bp-session-controls-locked="1"] .belperamova-mini-button--danger,
.belperamova-app[data-belperamova-mode="owner"][data-bp-owner-pending-active-session-id] .belperamova-session-list__item[data-bp-session-controls-locked="1"] [data-bp-session-open-button],
.belperamova-app[data-belperamova-mode="owner"][data-bp-owner-pending-active-session-id] .belperamova-session-list__item[data-bp-session-controls-locked="1"] .belperamova-mini-button--danger {
    display: none !important;
}

/* --- 0.2.45: компактный профиль под шестеренкой --- */
.belperamova-profile-panel {
    margin-top: 14px;
}

.belperamova-profile-panel.is-collapsed {
    padding-bottom: 0;
}

.belperamova-profile-panel .belperamova-panel__header {
    align-items: center;
}

.belperamova-profile-panel__title {
    display: flex;
    align-items: center;
    gap: 10px;
}

.belperamova-profile-panel__hint {
    color: #607386;
    font-size: 13px;
    font-weight: 500;
}

.belperamova-profile-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 38px;
    padding: 8px 14px;
    border: 1px solid rgba(15, 95, 103, 0.18);
    border-radius: 999px;
    background: rgba(238, 245, 247, 0.92);
    color: #0f5f67;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
}

.belperamova-profile-toggle:hover,
.belperamova-profile-toggle:focus {
    border-color: rgba(15, 95, 103, 0.36);
    background: rgba(225, 240, 235, 0.98);
    outline: none;
}

.belperamova-profile-toggle::before {
    content: "⚙";
    font-size: 15px;
    line-height: 1;
}

.belperamova-profile-toggle[aria-expanded="true"]::before {
    content: "×";
    font-size: 18px;
}

.belperamova-profile-panel__body[hidden] {
    display: none !important;
}

/* --- 0.2.44: профиль организатора --- */
.belperamova-profile-panel__body {
    display: grid;
    gap: 14px;
}

.belperamova-profile-form {
    display: grid;
    gap: 16px;
}

.belperamova-profile-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.belperamova-profile-field {
    display: grid;
    gap: 7px;
    color: #243447;
    font-size: 13px;
    font-weight: 650;
}

.belperamova-profile-field input,
.belperamova-profile-field textarea {
    width: 100%;
    min-height: 42px;
    padding: 10px 12px;
    border: 1px solid rgba(15, 95, 103, 0.18);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.94);
    color: #102331;
    font: inherit;
    font-weight: 500;
    outline: none;
    box-sizing: border-box;
}

.belperamova-profile-field textarea {
    min-height: 112px;
    resize: vertical;
    line-height: 1.45;
}

.belperamova-profile-field input:focus,
.belperamova-profile-field textarea:focus {
    border-color: rgba(15, 95, 103, 0.52);
    box-shadow: 0 0 0 3px rgba(15, 95, 103, 0.10);
}

.belperamova-profile-grid .belperamova-profile-field:last-child {
    grid-column: 1 / -1;
}

.belperamova-profile-status {
    margin: 0;
    font-size: 13px;
}

.belperamova-profile-status[data-type="success"] {
    color: #0f7a53;
}

.belperamova-profile-status[data-type="error"] {
    color: #a94732;
}

.belperamova-profile-status[data-type="saving"] {
    color: #607386;
}

.belperamova-profile-actions {
    margin-top: 0;
}

@media (max-width: 720px) {
    .belperamova-profile-grid {
        grid-template-columns: 1fr;
    }
}



/* --- 0.2.46: видимый профиль организатора в верхней зоне owner-кабинета ---
 * Задача:
 * - Не менять JS, REST и Jitsi.
 * - Не ломать существующую разметку профиля v0.3.40.
 * - Поднять профиль выше истории даже в том случае, если PHP-шаблон еще выводит его после списка встреч.
 *
 * Логика:
 * - Для owner-кабинета включаем безопасную колонку flex только на уровне прямых секций .belperamova-app.
 * - Hero остается первым.
 * - .belperamova-profile-panel становится вторым блоком.
 * - Остальные панели сохраняют исходный порядок между собой.
 */
.belperamova-app[data-belperamova-mode="owner"] {
    display: flex;
    flex-direction: column;
}

.belperamova-app[data-belperamova-mode="owner"] > .belperamova-hero {
    order: 10;
}

.belperamova-app[data-belperamova-mode="owner"] > .belperamova-profile-panel {
    order: 20;
    width: 100%;
    max-width: 760px;
    margin: -2px 0 14px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.belperamova-app[data-belperamova-mode="owner"] > .belperamova-panel:not(.belperamova-profile-panel) {
    order: 30;
}

.belperamova-app[data-belperamova-mode="owner"] > .belperamova-profile-panel .belperamova-panel__header {
    justify-content: flex-start;
    gap: 10px;
    margin: 0;
}

.belperamova-app[data-belperamova-mode="owner"] > .belperamova-profile-panel .belperamova-profile-panel__title {
    display: none;
}

.belperamova-app[data-belperamova-mode="owner"] > .belperamova-profile-panel .belperamova-profile-toggle {
    min-height: 36px;
    padding: 8px 13px;
    border-color: rgba(15, 95, 103, 0.20);
    background: rgba(238, 245, 247, 0.72);
    color: #0f5f67;
    font-size: 13px;
    font-weight: 700;
    box-shadow: none;
}

.belperamova-app[data-belperamova-mode="owner"] > .belperamova-profile-panel .belperamova-profile-toggle:hover,
.belperamova-app[data-belperamova-mode="owner"] > .belperamova-profile-panel .belperamova-profile-toggle:focus {
    border-color: rgba(15, 95, 103, 0.36);
    background: rgba(225, 240, 235, 0.96);
    color: #0a454c;
}

.belperamova-app[data-belperamova-mode="owner"] > .belperamova-profile-panel .belperamova-profile-panel__body {
    margin-top: 12px;
    padding: 14px;
    border: 1px solid rgba(15, 95, 103, 0.14);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.78);
}

@media (max-width: 640px) {
    .belperamova-app[data-belperamova-mode="owner"] > .belperamova-profile-panel {
        max-width: 100%;
        margin: 0 0 12px;
    }

    .belperamova-app[data-belperamova-mode="owner"] > .belperamova-profile-panel .belperamova-profile-toggle {
        width: auto;
        min-height: 38px;
        border-radius: 999px;
        font-size: 13px;
    }

    .belperamova-app[data-belperamova-mode="owner"] > .belperamova-profile-panel .belperamova-profile-panel__body {
        padding: 12px;
        border-radius: 16px;
    }
}


/* --- 0.2.47: верхняя профильная капсула в стиле БелДиска --- */
.belperamova-app[data-belperamova-mode="owner"] .belperamova-hero__content {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 10px 14px;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-hero__content > .belperamova-eyebrow,
.belperamova-app[data-belperamova-mode="owner"] .belperamova-hero__content > .belperamova-title,
.belperamova-app[data-belperamova-mode="owner"] .belperamova-hero__content > h2,
.belperamova-app[data-belperamova-mode="owner"] .belperamova-hero__content > p {
    grid-column: 1 / -1;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-hero__content > .belperamova-actions {
    grid-column: 1 / 2;
    min-width: 0;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-hero__content > .belperamova-profile-panel {
    grid-column: 2 / 3;
    justify-self: end;
    width: auto;
    max-width: none;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-hero__content > .belperamova-profile-panel:not(.is-collapsed) {
    grid-column: 1 / -1;
    justify-self: stretch;
    width: 100%;
    max-width: 760px;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-hero__content > .belperamova-profile-panel .belperamova-panel__header {
    justify-content: flex-end;
    margin: 0;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-hero__content > .belperamova-profile-panel:not(.is-collapsed) .belperamova-panel__header {
    justify-content: flex-start;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-profile-panel__title {
    display: none !important;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-profile-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    min-height: 48px;
    max-width: 260px;
    padding: 5px 14px 5px 5px;
    border: 1px solid rgba(109, 91, 210, 0.22);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.92);
    color: #102331;
    box-shadow: 0 10px 24px rgba(15, 35, 49, 0.06);
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-profile-toggle::before {
    content: none !important;
    display: none !important;
}

.belperamova-profile-toggle__avatar {
    flex: 0 0 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(15, 95, 103, 0.16), rgba(22, 132, 73, 0.18));
    color: #0f5f67;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.02em;
}

.belperamova-profile-toggle__text {
    display: grid;
    gap: 2px;
    min-width: 0;
    text-align: left;
}

.belperamova-profile-toggle__label {
    color: #102331;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.1;
}

.belperamova-profile-toggle__name {
    overflow: hidden;
    max-width: 172px;
    color: #607386;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.15;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-profile-toggle:hover,
.belperamova-app[data-belperamova-mode="owner"] .belperamova-profile-toggle:focus {
    border-color: rgba(15, 95, 103, 0.34);
    background: #ffffff;
    color: #102331;
    box-shadow: 0 12px 28px rgba(15, 35, 49, 0.08);
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-profile-panel__body {
    margin-top: 12px;
    padding: 14px;
    border: 1px solid rgba(15, 95, 103, 0.14);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 12px 28px rgba(15, 35, 49, 0.06);
}

@media (max-width: 960px) {
    .belperamova-app[data-belperamova-mode="owner"] .belperamova-hero__content {
        grid-template-columns: 1fr;
    }

    .belperamova-app[data-belperamova-mode="owner"] .belperamova-hero__content > .belperamova-actions,
    .belperamova-app[data-belperamova-mode="owner"] .belperamova-hero__content > .belperamova-profile-panel {
        grid-column: 1 / -1;
        justify-self: start;
    }
}

@media (max-width: 640px) {
    .belperamova-app[data-belperamova-mode="owner"] .belperamova-profile-toggle {
        width: auto;
        min-height: 46px;
        max-width: 100%;
        border-radius: 999px;
    }

    .belperamova-profile-toggle__name {
        max-width: 190px;
    }
}


/* --- 0.2.49: красивый общий профиль БелОфиса для БелПерамова --- */
.belperamova-profile-toggle__avatar {
    overflow: hidden;
}

.belperamova-profile-toggle__avatar-img,
.belperamova-profile-avatar-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit;
}

.belperamova-profile-toggle__avatar-initials,
.belperamova-profile-avatar-initials {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-profile-toggle,
.belperamova-app[data-belperamova-mode="owner"] .belperamova-profile-launcher {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 11px;
    min-width: 170px;
    min-height: 54px;
    max-width: 268px;
    padding: 6px 14px 6px 6px;
    border: 1px solid rgba(148, 163, 184, 0.28);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.96);
    color: #111827;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.07);
    cursor: pointer;
    transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease, background 0.16s ease;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-profile-toggle:hover,
.belperamova-app[data-belperamova-mode="owner"] .belperamova-profile-toggle:focus,
.belperamova-app[data-belperamova-mode="owner"] .belperamova-profile-launcher:hover,
.belperamova-app[data-belperamova-mode="owner"] .belperamova-profile-launcher:focus {
    border-color: rgba(109, 91, 210, 0.36);
    background: #ffffff;
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.10);
    transform: translateY(-1px);
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-profile-toggle::before,
.belperamova-app[data-belperamova-mode="owner"] .belperamova-profile-launcher::before {
    content: none !important;
    display: none !important;
}

.belperamova-profile-toggle__avatar {
    flex: 0 0 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border: 2px solid rgba(109, 91, 210, 0.14);
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(109, 91, 210, 0.14), rgba(15, 95, 103, 0.12));
    color: #4f46ba;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.02em;
}

.belperamova-profile-toggle__text {
    display: grid;
    gap: 3px;
    min-width: 0;
    text-align: left;
}

.belperamova-profile-toggle__label {
    overflow: hidden;
    max-width: 174px;
    color: #111827;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.12;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.belperamova-profile-toggle__name {
    display: none;
}

.belperamova-profile-toggle__logout {
    width: fit-content;
    color: #52627a;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.15;
    text-decoration: none;
    cursor: pointer;
}

.belperamova-profile-toggle__logout:hover,
.belperamova-profile-toggle__logout:focus {
    color: #4f46ba;
    text-decoration: underline;
    outline: none;
}

.belperamova-profile-modal {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 28px 18px;
    background: rgba(15, 23, 42, 0.52);
    backdrop-filter: blur(6px);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.16s ease;
}

.belperamova-profile-modal.is-open {
    opacity: 1;
    pointer-events: auto;
}

.belperamova-profile-modal__dialog {
    overflow: hidden;
    width: min(920px, 100%);
    max-height: calc(100vh - 48px);
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 28px;
    background: #ffffff;
    box-shadow: 0 30px 90px rgba(15, 23, 42, 0.26);
}

.belperamova-profile-modal__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: 28px 32px 22px;
    border-bottom: 1px solid rgba(148, 163, 184, 0.16);
    background: linear-gradient(180deg, #ffffff 0%, #fbfcff 100%);
}

.belperamova-profile-modal__header h3 {
    margin: 0;
    color: #111827;
    font-size: 25px;
    line-height: 1.18;
    font-weight: 850;
    letter-spacing: -0.02em;
}

.belperamova-profile-modal__header p {
    max-width: 640px;
    margin: 8px 0 0;
    color: #64748b;
    font-size: 14px;
    line-height: 1.45;
}

.belperamova-profile-modal__close {
    flex: 0 0 auto;
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(148, 163, 184, 0.24);
    border-radius: 999px;
    background: rgba(248, 250, 252, 0.92);
    color: #64748b;
    cursor: pointer;
    font-size: 24px;
    line-height: 1;
    transition: border-color 0.16s ease, background 0.16s ease, color 0.16s ease;
}

.belperamova-profile-modal__close:hover,
.belperamova-profile-modal__close:focus {
    border-color: rgba(109, 91, 210, 0.38);
    background: #ffffff;
    color: #4f46ba;
}

.belperamova-profile-modal__body {
    overflow: auto;
    padding: 24px 32px 0;
}

.belperamova-profile-form--modal {
    display: grid;
    gap: 18px;
}

.belperamova-profile-section {
    padding: 20px;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 22px;
    background: #ffffff;
    box-shadow: 0 12px 34px rgba(15, 23, 42, 0.04);
}

.belperamova-profile-section--common {
    background: linear-gradient(180deg, #ffffff 0%, #fbfcff 100%);
}

.belperamova-profile-section--service {
    background: linear-gradient(180deg, rgba(247, 249, 255, 0.92) 0%, #ffffff 100%);
}

.belperamova-profile-section__header {
    margin-bottom: 16px;
}

.belperamova-profile-section__header h4 {
    margin: 0;
    color: #111827;
    font-size: 16px;
    line-height: 1.25;
    font-weight: 850;
}

.belperamova-profile-section__header p {
    margin: 6px 0 0;
    color: #64748b;
    font-size: 13px;
    line-height: 1.45;
}

.belperamova-profile-modal__grid {
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr);
    gap: 22px;
    align-items: start;
}

.belperamova-profile-avatar-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    min-height: 0;
    padding: 18px;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(248, 250, 252, 0.98), rgba(241, 245, 249, 0.96));
}

.belperamova-profile-avatar-preview {
    overflow: hidden;
    width: 108px;
    height: 108px;
    margin: 0 auto 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 4px solid rgba(109, 91, 210, 0.14);
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(109, 91, 210, 0.14), rgba(15, 95, 103, 0.12));
    color: #4f46ba;
    font-size: 30px;
    font-weight: 850;
    letter-spacing: 0.03em;
    box-shadow: 0 18px 36px rgba(109, 91, 210, 0.10);
}

.belperamova-profile-avatar-upload {
    width: 100%;
    justify-content: center;
    min-height: 46px;
    border-radius: 14px;
    background: #ffffff;
}

.belperamova-profile-avatar-remove {
    border: 0;
    background: transparent;
    color: #64748b;
    cursor: pointer;
    font-size: 13px;
    font-weight: 800;
}

.belperamova-profile-avatar-remove:hover,
.belperamova-profile-avatar-remove:focus {
    color: #a94732;
}

.belperamova-profile-avatar-remove:disabled {
    cursor: default;
    opacity: 0.42;
}

.belperamova-profile-avatar-hint {
    margin: 0;
    color: #64748b;
    font-size: 12px;
    line-height: 1.45;
    text-align: center;
}

.belperamova-profile-fields {
    display: grid;
    gap: 14px;
}

.belperamova-profile-fields--common {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.belperamova-profile-fields--common .belperamova-profile-field:first-child,
.belperamova-profile-fields--common .belperamova-profile-field:last-child,
.belperamova-profile-fields--service .belperamova-profile-field {
    grid-column: 1 / -1;
}

.belperamova-profile-fields .belperamova-profile-field {
    gap: 7px;
}

.belperamova-profile-field__hint {
    color: #64748b;
    font-size: 12px;
    line-height: 1.35;
}

.belperamova-profile-fields .belperamova-profile-field input,
.belperamova-profile-fields .belperamova-profile-field textarea {
    min-height: 52px;
    border-radius: 15px;
    border-color: rgba(148, 163, 184, 0.28);
    background: #ffffff;
    box-shadow: 0 1px 0 rgba(15, 23, 42, 0.02);
}

.belperamova-profile-fields .belperamova-profile-field input:focus,
.belperamova-profile-fields .belperamova-profile-field textarea:focus {
    border-color: rgba(109, 91, 210, 0.52);
    box-shadow: 0 0 0 4px rgba(109, 91, 210, 0.10);
}

.belperamova-profile-fields .belperamova-profile-field textarea {
    min-height: 118px;
    resize: vertical;
}

.belperamova-profile-fields .belperamova-profile-field input[readonly] {
    background: #f8fafc;
    color: #64748b;
}

.belperamova-profile-status {
    min-height: 20px;
    margin: 0;
    padding: 0 4px;
    font-size: 13px;
}

.belperamova-profile-modal__actions {
    position: sticky;
    bottom: 0;
    z-index: 2;
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin: 0 -32px;
    padding: 18px 32px 20px;
    border-top: 1px solid rgba(148, 163, 184, 0.16);
    background: rgba(255, 255, 255, 0.96);
    backdrop-filter: blur(10px);
}

.belperamova-profile-modal__actions .belperamova-button {
    min-width: 142px;
    min-height: 48px;
    border-radius: 14px;
}

@media (max-width: 760px) {
    .belperamova-profile-modal {
        align-items: stretch;
        padding: 10px;
    }

    .belperamova-profile-modal__dialog {
        max-height: calc(100vh - 20px);
        border-radius: 20px;
    }

    .belperamova-profile-modal__header {
        padding: 20px 18px 16px;
    }

    .belperamova-profile-modal__header h3 {
        font-size: 21px;
    }

    .belperamova-profile-modal__body {
        padding: 16px 16px 0;
    }

    .belperamova-profile-section {
        padding: 16px;
        border-radius: 18px;
    }

    .belperamova-profile-modal__grid,
    .belperamova-profile-fields--common {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .belperamova-profile-avatar-card {
        padding: 16px;
    }

    .belperamova-profile-avatar-preview {
        width: 100px;
        height: 100px;
    }

    .belperamova-profile-modal__actions {
        flex-direction: column-reverse;
        margin: 0 -16px;
        padding: 14px 16px 16px;
    }

    .belperamova-profile-modal__actions .belperamova-button {
        width: 100%;
    }
}

@media (max-width: 640px) {
    .belperamova-app[data-belperamova-mode="owner"] .belperamova-profile-toggle,
    .belperamova-app[data-belperamova-mode="owner"] .belperamova-profile-launcher {
        min-width: 0;
        max-width: 100%;
    }

    .belperamova-profile-toggle__label {
        max-width: 180px;
    }
}

/* ─── 0.2.59: video-layer polish, fullscreen chat and compact emoji button ─── */
.belperamova-chat-overlay-scrim {
    position: absolute;
    inset: 0;
    z-index: 45;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: default;
    -webkit-appearance: none;
    appearance: none;
}

.belperamova-chat-overlay-scrim[hidden] {
    display: none !important;
}

.belperamova-jitsi-frame[data-bp-fullscreen="1"] .belperamova-chat-overlay-scrim,
.belperamova-jitsi-frame:fullscreen .belperamova-chat-overlay-scrim,
.belperamova-jitsi-frame:-webkit-full-screen .belperamova-chat-overlay-scrim {
    z-index: 58;
}

.belperamova-jitsi-waiting-overlay {
    isolation: isolate;
}

.belperamova-jitsi-waiting-overlay::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    border-radius: inherit;
    background: radial-gradient(circle at 14% 16%, rgba(68, 242, 168, 0.12), transparent 30%);
    pointer-events: none;
}

.belperamova-jitsi-waiting-overlay__allow,
.belperamova-jitsi-waiting-overlay__reject {
    white-space: nowrap;
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.22);
}

.belperamova-jitsi-waiting-overlay__allow:hover,
.belperamova-jitsi-waiting-overlay__allow:focus-visible {
    background: #6cffbe !important;
    outline: none;
}

.belperamova-jitsi-waiting-overlay__reject:hover,
.belperamova-jitsi-waiting-overlay__reject:focus-visible {
    background: rgba(254, 202, 202, 0.16) !important;
    outline: none;
}

.belperamova-jitsi-fullscreen-toggle {
    border-color: rgba(255, 255, 255, 0.13);
    border-radius: 14px;
    background: rgba(17, 24, 39, 0.82);
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.38), inset 0 0 0 1px rgba(255, 255, 255, 0.04);
    backdrop-filter: blur(14px) saturate(130%);
}

.belperamova-jitsi-fullscreen-toggle:hover,
.belperamova-jitsi-fullscreen-toggle:focus-visible {
    border-color: rgba(68, 242, 168, 0.32);
    background: rgba(31, 41, 55, 0.92);
}

.belperamova-jitsi-frame[data-bp-fullscreen="1"] .belperamova-chat-overlay-toggle,
.belperamova-jitsi-frame:fullscreen .belperamova-chat-overlay-toggle,
.belperamova-jitsi-frame:-webkit-full-screen .belperamova-chat-overlay-toggle {
    z-index: 64;
    right: max(18px, env(safe-area-inset-right));
    bottom: max(96px, calc(env(safe-area-inset-bottom) + 86px));
}

.belperamova-jitsi-frame[data-bp-fullscreen="1"] .belperamova-chat--fullscreen-portal,
.belperamova-jitsi-frame:fullscreen .belperamova-chat--fullscreen-portal,
.belperamova-jitsi-frame:-webkit-full-screen .belperamova-chat--fullscreen-portal {
    position: absolute !important;
    z-index: 70 !important;
    top: max(18px, env(safe-area-inset-top)) !important;
    right: max(18px, env(safe-area-inset-right)) !important;
    bottom: max(18px, env(safe-area-inset-bottom)) !important;
    left: auto !important;
    width: min(410px, calc(100vw - 36px)) !important;
    height: auto !important;
    max-height: none !important;
}

.belperamova-chat__emoji-toggle {
    width: 44px;
    min-width: 44px;
    height: 38px;
    min-height: 38px;
    padding: 0 !important;
    font-size: 0 !important;
    line-height: 1;
    white-space: nowrap;
}

.belperamova-chat__emoji-toggle::before {
    content: ":)";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 999px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 13px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: -0.08em;
}

.belperamova-chat--overlay .belperamova-chat__emoji-toggle {
    border-color: rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.82);
}

.belperamova-chat--overlay .belperamova-chat__emoji-toggle:hover,
.belperamova-chat--overlay .belperamova-chat__emoji-toggle:focus-visible,
.belperamova-chat--overlay .belperamova-chat__emoji-toggle[aria-expanded="true"] {
    border-color: rgba(68, 242, 168, 0.34);
    background: rgba(68, 242, 168, 0.13);
    color: #ffffff;
}

@media (max-width: 640px) {
    .belperamova-session-card--chat-overlay-ready .belperamova-chat--overlay {
        position: absolute;
        z-index: 51;
        top: var(--bp-chat-overlay-top, 64px);
        right: 8px;
        bottom: auto;
        left: 8px;
        width: auto;
        height: var(--bp-chat-overlay-height, 420px);
        max-height: calc(100% - 22px);
    }

    .belperamova-jitsi-frame[data-bp-fullscreen="1"] .belperamova-chat-overlay-toggle,
    .belperamova-jitsi-frame:fullscreen .belperamova-chat-overlay-toggle,
    .belperamova-jitsi-frame:-webkit-full-screen .belperamova-chat-overlay-toggle {
        right: max(14px, env(safe-area-inset-right));
        bottom: max(92px, calc(env(safe-area-inset-bottom) + 82px));
        min-height: 42px;
    }

    .belperamova-jitsi-frame[data-bp-fullscreen="1"] .belperamova-chat--fullscreen-portal,
    .belperamova-jitsi-frame:fullscreen .belperamova-chat--fullscreen-portal,
    .belperamova-jitsi-frame:-webkit-full-screen .belperamova-chat--fullscreen-portal {
        top: max(10px, env(safe-area-inset-top)) !important;
        right: max(8px, env(safe-area-inset-right)) !important;
        bottom: max(92px, calc(env(safe-area-inset-bottom) + 82px)) !important;
        left: max(8px, env(safe-area-inset-left)) !important;
        width: auto !important;
        height: auto !important;
        border-radius: 20px;
    }

    .belperamova-jitsi-waiting-overlay__actions {
        grid-template-columns: 1fr !important;
    }

    .belperamova-jitsi-waiting-overlay__allow,
    .belperamova-jitsi-waiting-overlay__reject {
        width: 100% !important;
        min-height: 42px !important;
    }

    .belperamova-chat__emoji-toggle {
        width: 42px;
        min-width: 42px;
    }
}


/* ─── 0.2.61: lightweight CSS emoji composer without wpemoji images ─── */
.belperamova-chat [data-bp-meeting-chat-emoji-toggle] {
    display: inline-flex !important;
}

.belperamova-chat [data-bp-meeting-chat-emoji-panel][hidden],
.belperamova-chat__emoji-panel[hidden] {
    display: none !important;
}

.belperamova-chat__actions {
    justify-content: space-between;
}

.belperamova-chat__status[data-type="info"] {
    color: rgba(179, 206, 215, 0.88);
}

.belperamova-chat__emoji-toggle {
    position: relative;
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
    padding: 0;
    border-radius: 999px;
}

.belperamova-chat__emoji-toggle::before {
    content: ":)";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    font-weight: 900;
    line-height: 1;
}

.belperamova-chat__emoji-panel {
    grid-template-columns: repeat(6, 42px);
    gap: 8px;
    padding: 12px;
}

.belperamova-chat__emoji-item {
    width: 42px;
    height: 42px;
    border-radius: 14px;
}

.belperamova-chat__emoji-item::before,
.belperamova-chat__emoji-glyph::before {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.65em;
    min-width: 1.65em;
    height: 1.65em;
    border-radius: 999px;
    border: 1px solid rgba(95, 255, 183, 0.28);
    background: rgba(68, 242, 168, 0.12);
    color: rgba(230, 255, 246, 0.96);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 0.92em;
    font-weight: 900;
    line-height: 1;
    box-shadow: 0 0 16px rgba(68, 242, 168, 0.12);
}

.belperamova-chat__emoji-item[data-token="smile"]::before,
.belperamova-chat__emoji-glyph[data-token="smile"]::before {
    content: ":)";
}

.belperamova-chat__emoji-item[data-token="like"]::before,
.belperamova-chat__emoji-glyph[data-token="like"]::before {
    content: "+1";
    font-size: 0.75em;
}

.belperamova-chat__emoji-item[data-token="heart"]::before,
.belperamova-chat__emoji-glyph[data-token="heart"]::before {
    content: "♥";
    color: #ffb4c8;
}

.belperamova-chat__emoji-item[data-token="ok"]::before,
.belperamova-chat__emoji-glyph[data-token="ok"]::before {
    content: "OK";
    font-size: 0.72em;
}

.belperamova-chat__emoji-item[data-token="yes"]::before,
.belperamova-chat__emoji-glyph[data-token="yes"]::before {
    content: "✓";
}

.belperamova-chat__emoji-item[data-token="no"]::before,
.belperamova-chat__emoji-glyph[data-token="no"]::before {
    content: "×";
}

.belperamova-chat__emoji-glyph {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 0.12em;
    vertical-align: -0.38em;
}

.belperamova-chat__emoji-glyph--picker {
    pointer-events: none;
}

.belperamova-chat__emoji-glyph--picker::before {
    width: 2.1em;
    min-width: 2.1em;
    height: 2.1em;
}


/* ─── 0.2.62: safe vector emoji preview without textarea shortcodes ─── */
.belperamova-chat__emoji-selection {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    min-height: 0;
    padding: 10px 12px 0;
}

.belperamova-chat__emoji-selection[hidden] {
    display: none !important;
}

.belperamova-chat__emoji-selected-item {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 1px solid rgba(92, 255, 190, 0.25);
    border-radius: 16px;
    background: linear-gradient(145deg, rgba(68, 242, 168, 0.20), rgba(15, 23, 42, 0.72));
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.10);
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
}

.belperamova-chat__emoji-selected-item:hover,
.belperamova-chat__emoji-selected-item:focus-visible {
    border-color: rgba(92, 255, 190, 0.58);
    outline: none;
    transform: translateY(-1px);
}

.belperamova-chat__emoji-selected-remove {
    position: absolute;
    top: -5px;
    right: -5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 15px;
    height: 15px;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.96);
    color: rgba(255, 255, 255, 0.88);
    font-size: 10px;
    font-weight: 900;
    line-height: 1;
}

.belperamova-chat .belperamova-chat__emoji-panel {
    right: auto;
    left: 0;
    bottom: calc(100% + 10px);
    grid-template-columns: repeat(6, 48px) !important;
    gap: 9px !important;
    padding: 12px !important;
    border: 1px solid rgba(92, 255, 190, 0.18) !important;
    border-radius: 22px !important;
    background: linear-gradient(145deg, rgba(20, 31, 47, 0.96), rgba(5, 12, 22, 0.95)) !important;
    box-shadow: 0 22px 56px rgba(0, 0, 0, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

.belperamova-chat .belperamova-chat__emoji-item {
    position: relative;
    width: 48px !important;
    height: 48px !important;
    padding: 0 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 18px !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.10), rgba(255, 255, 255, 0.04)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07);
}

.belperamova-chat .belperamova-chat__emoji-item:hover,
.belperamova-chat .belperamova-chat__emoji-item:focus-visible {
    border-color: rgba(92, 255, 190, 0.46) !important;
    background: linear-gradient(145deg, rgba(68, 242, 168, 0.20), rgba(255, 255, 255, 0.06)) !important;
    outline: none;
    transform: translateY(-1px);
}

.belperamova-chat .belperamova-chat__emoji-item::before,
.belperamova-chat .belperamova-chat__emoji-glyph::before {
    content: "" !important;
    display: inline-flex !important;
    width: 30px !important;
    min-width: 30px !important;
    height: 30px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background-color: transparent !important;
    background-image: var(--bp-chat-emoji-svg) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.20) !important;
}

.belperamova-chat .belperamova-chat__emoji-item .belperamova-chat__emoji-glyph::before,
.belperamova-chat .belperamova-chat__emoji-glyph--picker::before {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
}

.belperamova-chat .belperamova-chat__emoji-selected-item .belperamova-chat__emoji-glyph::before {
    width: 31px !important;
    min-width: 31px !important;
    height: 31px !important;
}

.belperamova-chat__emoji-item[data-token="smile"],
.belperamova-chat__emoji-glyph[data-token="smile"] { --bp-chat-emoji-svg: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2048%2048%27%3E%3Ccircle%20cx%3D%2724%27%20cy%3D%2724%27%20r%3D%2720%27%20fill%3D%27%23facc15%27%2F%3E%3Ccircle%20cx%3D%2717%27%20cy%3D%2719%27%20r%3D%272.7%27%20fill%3D%27%23172033%27%2F%3E%3Ccircle%20cx%3D%2731%27%20cy%3D%2719%27%20r%3D%272.7%27%20fill%3D%27%23172033%27%2F%3E%3Cpath%20d%3D%27M16%2028c3%204%2013%204%2016%200%27%20fill%3D%27none%27%20stroke%3D%27%23172033%27%20stroke-width%3D%273.4%27%20stroke-linecap%3D%27round%27%2F%3E%3C%2Fsvg%3E"); }
.belperamova-chat__emoji-item[data-token="like"],
.belperamova-chat__emoji-glyph[data-token="like"] { --bp-chat-emoji-svg: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2048%2048%27%3E%3Cpath%20d%3D%27M18%2040h-7a4%204%200%200%201-4-4V23a4%204%200%200%201%204-4h7v21Z%27%20fill%3D%27%2338bdf8%27%2F%3E%3Cpath%20d%3D%27M18%2020l7-11c1.7-2.5%205.7-1.4%205.7%201.7v7h7.6c3.2%200%205.4%203%204.7%206.1l-2.4%2010.6A7%207%200%200%201%2033.8%2040H18V20Z%27%20fill%3D%27%2360a5fa%27%2F%3E%3Cpath%20d%3D%27M18%2020v20%27%20stroke%3D%27%23e0f2fe%27%20stroke-width%3D%273%27%20stroke-linecap%3D%27round%27%2F%3E%3C%2Fsvg%3E"); }
.belperamova-chat__emoji-item[data-token="heart"],
.belperamova-chat__emoji-glyph[data-token="heart"] { --bp-chat-emoji-svg: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2048%2048%27%3E%3Cpath%20d%3D%27M24%2040S8%2031.5%208%2018.5C8%2012.7%2012.4%209%2017.3%209c3%200%205.2%201.4%206.7%203.5C25.5%2010.4%2027.7%209%2030.7%209%2035.6%209%2040%2012.7%2040%2018.5%2040%2031.5%2024%2040%2024%2040Z%27%20fill%3D%27%23fb7185%27%2F%3E%3Cpath%20d%3D%27M15%2015c1.2-1.5%203.9-2.4%206.2-.5%27%20fill%3D%27none%27%20stroke%3D%27%23fecdd3%27%20stroke-width%3D%273%27%20stroke-linecap%3D%27round%27%2F%3E%3C%2Fsvg%3E"); }
.belperamova-chat__emoji-item[data-token="ok"],
.belperamova-chat__emoji-glyph[data-token="ok"] { --bp-chat-emoji-svg: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2048%2048%27%3E%3Ccircle%20cx%3D%2724%27%20cy%3D%2724%27%20r%3D%2720%27%20fill%3D%27%2322c55e%27%2F%3E%3Ctext%20x%3D%2724%27%20y%3D%2730%27%20text-anchor%3D%27middle%27%20font-family%3D%27Arial%2Csans-serif%27%20font-size%3D%2715%27%20font-weight%3D%27900%27%20fill%3D%27white%27%3EOK%3C%2Ftext%3E%3C%2Fsvg%3E"); }
.belperamova-chat__emoji-item[data-token="yes"],
.belperamova-chat__emoji-glyph[data-token="yes"] { --bp-chat-emoji-svg: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2048%2048%27%3E%3Cdefs%3E%3ClinearGradient%20id%3D%27g%27%20x1%3D%270%27%20x2%3D%271%27%20y1%3D%270%27%20y2%3D%271%27%3E%3Cstop%20stop-color%3D%27%23fbbf24%27%2F%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%23f59e0b%27%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Ccircle%20cx%3D%2724%27%20cy%3D%2724%27%20r%3D%2721%27%20fill%3D%27%2312243a%27%2F%3E%3Cpath%20d%3D%27M20.5%208.8c2.2.1%203.7%201.8%203.6%204l-.6%2014.8-6.2%2010.9c-1.2%202.1-3.9%202.8-5.9%201.5-1.8-1.1-2.4-3.4-1.5-5.3l5.7-11.1%201.1-11.1c.2-2.2%201.7-3.8%203.8-3.7Z%27%20fill%3D%27url%28%23g%29%27%2F%3E%3Cpath%20d%3D%27M27.5%208.8c-2.2.1-3.7%201.8-3.6%204l.6%2014.8%206.2%2010.9c1.2%202.1%203.9%202.8%205.9%201.5%201.8-1.1%202.4-3.4%201.5-5.3l-5.7-11.1-1.1-11.1c-.2-2.2-1.7-3.8-3.8-3.7Z%27%20fill%3D%27%23fcd34d%27%2F%3E%3Cpath%20d%3D%27M22.9%2014.2c2.8%204.3%203.2%209.7%201.1%2014.2M25.1%2014.2c-2.8%204.3-3.2%209.7-1.1%2014.2%27%20fill%3D%27none%27%20stroke%3D%27%23fff7ed%27%20stroke-width%3D%272.6%27%20stroke-linecap%3D%27round%27%20opacity%3D%27.9%27%2F%3E%3Cpath%20d%3D%27M16%2025.2h16M14.4%2031.1h19.2%27%20stroke%3D%27%2392400e%27%20stroke-width%3D%272.5%27%20stroke-linecap%3D%27round%27%20opacity%3D%27.35%27%2F%3E%3C%2Fsvg%3E"); }
.belperamova-chat__emoji-item[data-token="no"],
.belperamova-chat__emoji-glyph[data-token="no"] { --bp-chat-emoji-svg: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2048%2048%27%3E%3Ccircle%20cx%3D%2724%27%20cy%3D%2724%27%20r%3D%2720%27%20fill%3D%27%23f87171%27%2F%3E%3Cpath%20d%3D%27M17%2017%2031%2031M31%2017%2017%2031%27%20fill%3D%27none%27%20stroke%3D%27white%27%20stroke-width%3D%275%27%20stroke-linecap%3D%27round%27%2F%3E%3C%2Fsvg%3E"); }

.belperamova-chat__message-text .belperamova-chat__emoji-glyph {
    margin: 2px 4px 2px 0;
    vertical-align: -0.45em;
}

.belperamova-chat__message-text:has(.belperamova-chat__emoji-glyph:only-child) {
    min-height: 34px;
}

@media (max-width: 640px) {
    .belperamova-chat .belperamova-chat__emoji-panel {
        grid-template-columns: repeat(3, 48px) !important;
        left: 0;
        right: auto;
    }
}


/* ─── 0.2.63: emoji double-render guard and prayer glyph polish ─── */
.belperamova-chat .belperamova-chat__emoji-item::before {
    content: none !important;
    display: none !important;
}

.belperamova-chat .belperamova-chat__emoji-item > .belperamova-chat__emoji-glyph {
    margin: 0 !important;
}

.belperamova-chat .belperamova-chat__emoji-item > .belperamova-chat__emoji-glyph::before {
    width: 35px !important;
    min-width: 35px !important;
    height: 35px !important;
}


/* ─── 0.2.64: compact chat scroll and waiting-state chat button ─── */
.belperamova-chat--overlay {
    grid-template-rows: auto auto minmax(190px, 1fr) auto auto !important;
}

.belperamova-chat--overlay .belperamova-chat__list {
    min-height: 190px !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    padding: 10px !important;
}

.belperamova-chat--overlay .belperamova-chat__message {
    max-width: 78%;
    padding: 8px 10px;
}

.belperamova-chat--overlay .belperamova-chat__message-head {
    gap: 5px;
}

.belperamova-chat--overlay .belperamova-chat__message-text {
    max-height: 92px;
    overflow-y: auto;
    padding-right: 3px;
    scrollbar-color: rgba(148, 163, 184, 0.42) transparent;
    scrollbar-width: thin;
}

.belperamova-chat--overlay .belperamova-chat__message-text:empty {
    display: none;
}

.belperamova-chat--overlay .belperamova-chat__input {
    min-height: 54px !important;
    max-height: 96px !important;
    overflow-y: auto !important;
    resize: none !important;
    scrollbar-color: rgba(148, 163, 184, 0.42) transparent;
    scrollbar-width: thin;
}

.belperamova-chat-overlay-toggle[data-bp-chat-presence="waiting"] {
    border-color: rgba(251, 113, 133, 0.42) !important;
    background: linear-gradient(145deg, rgba(68, 18, 31, 0.92), rgba(18, 24, 38, 0.84)) !important;
    color: rgba(255, 242, 244, 0.96) !important;
    box-shadow: 0 18px 44px rgba(127, 29, 29, 0.34), 0 0 0 1px rgba(251, 113, 133, 0.15) inset !important;
}

.belperamova-chat-overlay-toggle[data-bp-chat-presence="waiting"]::before {
    background: #fb3b5b !important;
    box-shadow: 0 0 0 5px rgba(251, 59, 91, 0.17), 0 0 22px rgba(251, 59, 91, 0.58) !important;
}

.belperamova-chat-overlay-toggle[data-bp-chat-presence="waiting"]:hover,
.belperamova-chat-overlay-toggle[data-bp-chat-presence="waiting"]:focus-visible {
    border-color: rgba(251, 113, 133, 0.64) !important;
    background: linear-gradient(145deg, rgba(92, 20, 38, 0.96), rgba(22, 30, 46, 0.90)) !important;
}

.belperamova-chat-overlay-toggle[data-bp-chat-presence="live"]::before {
    background: #44f2a8 !important;
    box-shadow: 0 0 0 5px rgba(68, 242, 168, 0.16), 0 0 22px rgba(68, 242, 168, 0.46) !important;
}

@media (max-width: 640px) {
    .belperamova-chat--overlay .belperamova-chat__message {
        max-width: 88%;
    }

    .belperamova-chat--overlay .belperamova-chat__message-text {
        max-height: 84px;
    }
}


/* ─── 0.2.65: reliable overlay chat scroll and online-only warning ─── */
.belperamova-session-card--chat-overlay-ready .belperamova-chat--overlay {
    min-height: 0 !important;
    overflow: hidden !important;
    grid-template-rows: auto auto minmax(0, 1fr) auto auto !important;
}

.belperamova-session-card--chat-overlay-ready .belperamova-chat--overlay .belperamova-chat__list {
    display: block !important;
    align-content: initial !important;
    height: 100% !important;
    min-height: 150px !important;
    max-height: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    padding: 10px !important;
    scrollbar-color: rgba(68, 242, 168, 0.42) rgba(255, 255, 255, 0.04) !important;
    scrollbar-width: thin !important;
}

.belperamova-session-card--chat-overlay-ready .belperamova-chat--overlay .belperamova-chat__list::-webkit-scrollbar {
    width: 8px;
}

.belperamova-session-card--chat-overlay-ready .belperamova-chat--overlay .belperamova-chat__list::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.04);
    border-radius: 999px;
}

.belperamova-session-card--chat-overlay-ready .belperamova-chat--overlay .belperamova-chat__list::-webkit-scrollbar-thumb {
    background: rgba(68, 242, 168, 0.40);
    border-radius: 999px;
}

.belperamova-session-card--chat-overlay-ready .belperamova-chat--overlay .belperamova-chat__message {
    display: block !important;
    width: fit-content;
    max-width: 78%;
    margin: 0 0 9px 0;
}

.belperamova-session-card--chat-overlay-ready .belperamova-chat--overlay .belperamova-chat__message.is-own {
    margin-left: auto;
}

.belperamova-session-card--chat-overlay-ready .belperamova-chat--overlay .belperamova-chat__message:last-child {
    margin-bottom: 0;
}

.belperamova-session-card--chat-overlay-ready .belperamova-chat--overlay .belperamova-chat__empty {
    margin: 34px auto 0 !important;
}

.belperamova-chat__status[data-type="error"],
.belperamova-chat__status[data-type="warning"] {
    color: #fecaca !important;
}

.belperamova-chat__status[data-type="warning"]::before {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-right: 7px;
    border-radius: 999px;
    background: #fb7185;
    box-shadow: 0 0 0 4px rgba(251, 113, 133, 0.14);
    vertical-align: 1px;
}

@media (max-width: 640px) {
    .belperamova-session-card--chat-overlay-ready .belperamova-chat--overlay .belperamova-chat__message {
        max-width: 90%;
    }
}


/* ─── 0.2.66: inline emoji insertion polish ─── */
.belperamova-chat__emoji-selection {
    display: none !important;
}

.belperamova-chat .belperamova-chat__message-text .belperamova-chat__emoji-glyph {
    width: 1.35em !important;
    min-width: 1.35em !important;
    height: 1.35em !important;
    margin: 0 0.14em;
    vertical-align: -0.28em;
}

.belperamova-chat .belperamova-chat__message-text .belperamova-chat__emoji-glyph::before {
    width: 1.35em !important;
    min-width: 1.35em !important;
    height: 1.35em !important;
    box-shadow: none !important;
}

.belperamova-chat .belperamova-chat__message-text.is-emoji-only {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    min-height: 42px;
}

.belperamova-chat .belperamova-chat__message-text.is-emoji-only .belperamova-chat__emoji-glyph {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    margin: 0;
    vertical-align: middle;
}

.belperamova-chat .belperamova-chat__message-text.is-emoji-only .belperamova-chat__emoji-glyph::before {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.20) !important;
}

/* --- 0.2.68: мини-игра ожидания «Подготовьте встречу» --- */
.belperamova-wait-game {
    display: grid;
    gap: 12px;
    width: min(100%, 620px);
    margin: 10px auto 0;
    padding: 15px;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 24px;
    background:
        radial-gradient(circle at 12% 0%, rgba(var(--belperamova-accent-rgb), 0.24), transparent 30%),
        linear-gradient(180deg, rgba(20, 29, 43, 0.88), rgba(12, 19, 31, 0.78));
    color: #ffffff;
    box-shadow: 0 20px 52px rgba(0, 0, 0, 0.25), inset 0 0 0 1px rgba(255, 255, 255, 0.04);
    backdrop-filter: blur(16px) saturate(128%);
    text-align: left;
}

.belperamova-wait-game__head {
    display: grid;
    gap: 5px;
}

.belperamova-wait-game__head h5 {
    margin: 0;
    color: #ffffff;
    font-size: clamp(17px, 1.5vw, 22px);
    font-weight: 850;
    line-height: 1.16;
    letter-spacing: -0.025em;
}

.belperamova-wait-game__head p,
.belperamova-wait-game__status {
    margin: 0;
    color: rgba(226, 232, 240, 0.76);
    font-size: 12px;
    line-height: 1.4;
}

.belperamova-wait-game__progress {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.belperamova-wait-game__progress-value,
.belperamova-wait-game__step {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 6px 10px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 999px;
    background: rgba(7, 12, 20, 0.34);
    color: rgba(226, 232, 240, 0.82);
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
}

.belperamova-wait-game__progress-value {
    color: #68ffb8;
    box-shadow: inset 0 0 0 1px rgba(104, 255, 184, 0.05);
}

.belperamova-wait-game__task {
    display: grid;
    gap: 6px;
    padding: 13px 14px;
    border: 1px solid rgba(104, 255, 184, 0.18);
    border-radius: 18px;
    background:
        radial-gradient(circle at 90% 0%, rgba(68, 242, 168, 0.13), transparent 32%),
        rgba(7, 12, 20, 0.30);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.belperamova-wait-game__task-label {
    width: fit-content;
    padding: 4px 8px;
    border-radius: 999px;
    background: rgba(68, 242, 168, 0.12);
    color: #a8ffd3;
    font-size: 10px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 0.045em;
    text-transform: uppercase;
}

.belperamova-wait-game__task strong {
    color: #ffffff;
    font-size: 14px;
    font-weight: 850;
    line-height: 1.24;
}

.belperamova-wait-game__task p {
    max-width: 520px;
    margin: 0;
    color: rgba(226, 232, 240, 0.76);
    font-size: 12px;
    line-height: 1.4;
}

.belperamova-wait-game__markers {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 6px;
}

.belperamova-wait-game__markers span {
    display: block;
    height: 6px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.10);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
}

.belperamova-wait-game__markers span.is-current {
    background: rgba(104, 255, 184, 0.36);
}

.belperamova-wait-game__markers span.is-done {
    background: #44f2a8;
    box-shadow: 0 0 14px rgba(68, 242, 168, 0.26);
}

.belperamova-wait-game__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.belperamova-wait-game__item {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    min-height: 58px;
    padding: 9px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
    cursor: pointer;
    text-align: left;
    -webkit-appearance: none;
    appearance: none;
    transition: transform 0.14s ease, border-color 0.14s ease, background 0.14s ease, box-shadow 0.14s ease;
}

.belperamova-wait-game__item::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(135deg, rgba(104, 255, 184, 0.12), transparent 42%);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.14s ease;
}

.belperamova-wait-game__item:hover,
.belperamova-wait-game__item:focus-visible {
    border-color: rgba(104, 255, 184, 0.30);
    background: rgba(68, 242, 168, 0.11);
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.18);
    outline: none;
    transform: translateY(-1px);
}

.belperamova-wait-game__item.is-target {
    border-color: rgba(104, 255, 184, 0.22);
}

.belperamova-wait-game__item.is-hit {
    border-color: rgba(104, 255, 184, 0.48);
    background: rgba(68, 242, 168, 0.16);
    transform: translateY(-1px) scale(1.01);
}

.belperamova-wait-game__item.is-hit::after {
    opacity: 1;
}

.belperamova-wait-game__item.is-miss {
    border-color: rgba(251, 113, 133, 0.48);
    background: rgba(251, 113, 133, 0.12);
}

.belperamova-wait-game__item:disabled {
    cursor: default;
    opacity: 0.56;
    transform: none;
    box-shadow: none;
}

.belperamova-wait-game__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 13px;
    background: rgba(68, 242, 168, 0.14);
    color: #9dffcd;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: -0.02em;
}

.belperamova-wait-game__item[data-service="meeting"] .belperamova-wait-game__icon::before { content: "БП"; }
.belperamova-wait-game__item[data-service="document"] .belperamova-wait-game__icon::before { content: "ДО"; }
.belperamova-wait-game__item[data-service="table"] .belperamova-wait-game__icon::before { content: "ТБ"; }
.belperamova-wait-game__item[data-service="form"] .belperamova-wait-game__icon::before { content: "ФМ"; }
.belperamova-wait-game__item[data-service="disk"] .belperamova-wait-game__icon::before { content: "ДК"; }
.belperamova-wait-game__item[data-service="task"] .belperamova-wait-game__icon::before { content: "OK"; }

.belperamova-wait-game__item-body {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.belperamova-wait-game__item-body strong,
.belperamova-wait-game__item-body small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.belperamova-wait-game__item-body strong {
    color: #ffffff;
    font-size: 12px;
    font-weight: 850;
    line-height: 1.15;
}

.belperamova-wait-game__item-body small {
    color: rgba(226, 232, 240, 0.60);
    font-size: 10.5px;
    font-weight: 650;
    line-height: 1.2;
}

.belperamova-wait-game__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.belperamova-wait-game__status[data-type="success"] {
    color: #86efac;
}

.belperamova-wait-game__status[data-type="error"] {
    color: #fda4af;
}

.belperamova-wait-game__restart {
    flex: 0 0 auto;
    min-height: 32px;
    padding: 7px 12px;
    border: 1px solid rgba(104, 255, 184, 0.22);
    border-radius: 999px;
    background: rgba(68, 242, 168, 0.12);
    color: #b9ffdc;
    font: inherit;
    font-size: 11px;
    font-weight: 850;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
}

.belperamova-wait-game__restart:hover,
.belperamova-wait-game__restart:focus-visible {
    border-color: rgba(104, 255, 184, 0.42);
    background: rgba(68, 242, 168, 0.18);
    color: #ffffff;
    outline: none;
}

@media (max-width: 760px) {
    .belperamova-wait-game__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .belperamova-wait-game {
        gap: 8px;
        margin-top: 6px;
        padding: 11px;
        border-radius: 18px;
    }

    .belperamova-wait-game__head h5 {
        font-size: 15px;
    }

    .belperamova-wait-game__head p,
    .belperamova-wait-game__status {
        font-size: 10.5px;
        line-height: 1.28;
    }

    .belperamova-wait-game__progress-value,
    .belperamova-wait-game__step {
        min-height: 26px;
        padding: 5px 8px;
        font-size: 10.5px;
    }

    .belperamova-wait-game__task {
        gap: 5px;
        padding: 10px;
        border-radius: 15px;
    }

    .belperamova-wait-game__task strong {
        font-size: 12px;
    }

    .belperamova-wait-game__task p {
        font-size: 10.5px;
        line-height: 1.3;
    }

    .belperamova-wait-game__grid {
        gap: 6px;
    }

    .belperamova-wait-game__item {
        grid-template-columns: 28px minmax(0, 1fr);
        min-height: 48px;
        gap: 7px;
        padding: 7px;
        border-radius: 14px;
    }

    .belperamova-wait-game__icon {
        width: 28px;
        height: 28px;
        border-radius: 10px;
        font-size: 10px;
    }

    .belperamova-wait-game__item-body strong {
        font-size: 11px;
    }

    .belperamova-wait-game__item-body small {
        font-size: 9.5px;
    }

    .belperamova-wait-game__footer {
        display: grid;
        gap: 7px;
    }

    .belperamova-wait-game__restart {
        width: fit-content;
        min-height: 30px;
    }
}

/* --- 0.2.69: компактная мини-игра ожидания внутри 16:9 видеоблока ---
 * Цель:
 * - Сохранить идею «Подготовьте встречу», но не растягивать экран ожидания.
 * - Уместить игру внутри 16:9 на desktop и на мобильном экране.
 * - Не менять REST, Jitsi, чат и гостевой polling.
 */
.belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting .belperamova-guest-waiting:has(.belperamova-wait-game) {
    width: min(100%, 880px);
    gap: 8px;
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting .belperamova-guest-waiting:has(.belperamova-wait-game) h4 {
    font-size: clamp(19px, 1.75vw, 27px);
    line-height: 1.08;
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting .belperamova-guest-waiting:has(.belperamova-wait-game) > p {
    max-width: 660px;
    font-size: 13px;
    line-height: 1.34;
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting .belperamova-guest-waiting:has(.belperamova-wait-game) .belperamova-guest-waiting__timer {
    min-height: 30px;
    margin-top: 0;
    padding: 7px 11px;
}

.belperamova-wait-game {
    gap: 8px;
    width: min(100%, 680px);
    margin-top: 6px;
    padding: 12px;
    border-radius: 20px;
}

.belperamova-wait-game__head {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 4px 12px;
}

.belperamova-wait-game__head h5 {
    font-size: clamp(16px, 1.2vw, 20px);
}

.belperamova-wait-game__head p {
    grid-column: 1 / -1;
    max-width: 560px;
    font-size: 11px;
    line-height: 1.28;
}

.belperamova-wait-game__progress {
    display: grid;
    grid-template-columns: auto minmax(80px, 1fr) auto;
    align-items: center;
    gap: 8px;
}

.belperamova-wait-game__markers {
    order: 2;
    grid-template-columns: repeat(5, minmax(18px, 1fr));
    gap: 5px;
}

.belperamova-wait-game__progress-value {
    order: 1;
}

.belperamova-wait-game__step {
    order: 3;
}

.belperamova-wait-game__progress-value,
.belperamova-wait-game__step {
    min-height: 27px;
    padding: 5px 9px;
    font-size: 11px;
}

.belperamova-wait-game__task {
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 5px 9px;
    padding: 10px 12px;
    border-radius: 16px;
}

.belperamova-wait-game__task-label {
    grid-row: 1 / 3;
    align-self: center;
    padding: 5px 8px;
    font-size: 9px;
}

.belperamova-wait-game__task strong {
    font-size: 13px;
    line-height: 1.18;
}

.belperamova-wait-game__task p {
    font-size: 11px;
    line-height: 1.25;
}

.belperamova-wait-game__grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 6px;
}

.belperamova-wait-game__item {
    grid-template-columns: 1fr;
    justify-items: center;
    min-height: 56px;
    gap: 5px;
    padding: 7px 6px;
    border-radius: 15px;
    text-align: center;
}

.belperamova-wait-game__icon {
    width: 28px;
    height: 28px;
    border-radius: 11px;
    font-size: 10px;
}

.belperamova-wait-game__item-body {
    gap: 1px;
    width: 100%;
}

.belperamova-wait-game__item-body strong {
    font-size: 10.5px;
}

.belperamova-wait-game__item-body small {
    font-size: 9px;
}

.belperamova-wait-game__footer {
    min-height: 30px;
}

.belperamova-wait-game__status {
    font-size: 11px;
    line-height: 1.25;
}

.belperamova-wait-game__restart {
    min-height: 28px;
    padding: 6px 10px;
    font-size: 10.5px;
}

@media (max-width: 900px) {
    .belperamova-wait-game__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .belperamova-wait-game__item {
        grid-template-columns: 28px minmax(0, 1fr);
        justify-items: stretch;
        min-height: 46px;
        text-align: left;
    }
}

@media (max-width: 640px) {
    .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting .belperamova-guest-waiting:has(.belperamova-wait-game) {
        gap: 6px;
        width: 100%;
    }

    .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting .belperamova-guest-waiting:has(.belperamova-wait-game) h4 {
        font-size: clamp(15px, 4.4vw, 19px);
    }

    .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting .belperamova-guest-waiting:has(.belperamova-wait-game) > p {
        max-width: 310px;
        font-size: 10.5px;
        line-height: 1.22;
    }

    .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting .belperamova-guest-waiting:has(.belperamova-wait-game) .belperamova-guest-waiting__timer {
        min-height: 25px;
        padding: 4px 8px;
        font-size: 10.5px;
    }

    .belperamova-wait-game {
        gap: 6px;
        margin-top: 4px;
        padding: 9px;
        border-radius: 16px;
    }

    .belperamova-wait-game__head h5 {
        font-size: 14px;
    }

    .belperamova-wait-game__head p {
        font-size: 9.8px;
        line-height: 1.18;
    }

    .belperamova-wait-game__progress {
        grid-template-columns: auto minmax(64px, 1fr) auto;
        gap: 5px;
    }

    .belperamova-wait-game__markers {
        gap: 3px;
    }

    .belperamova-wait-game__markers span {
        height: 4px;
    }

    .belperamova-wait-game__progress-value,
    .belperamova-wait-game__step {
        min-height: 22px;
        padding: 4px 6px;
        font-size: 9.5px;
    }

    .belperamova-wait-game__task {
        padding: 8px;
        border-radius: 13px;
    }

    .belperamova-wait-game__task-label {
        display: none;
    }

    .belperamova-wait-game__task strong {
        font-size: 11.2px;
    }

    .belperamova-wait-game__task p {
        font-size: 9.8px;
        line-height: 1.18;
    }

    .belperamova-wait-game__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 5px;
    }

    .belperamova-wait-game__item {
        grid-template-columns: 1fr;
        min-height: 44px;
        gap: 3px;
        padding: 5px;
        text-align: center;
    }

    .belperamova-wait-game__icon {
        width: 24px;
        height: 24px;
        border-radius: 9px;
        font-size: 8.8px;
    }

    .belperamova-wait-game__item-body strong {
        font-size: 9.5px;
    }

    .belperamova-wait-game__item-body small {
        display: none;
    }

    .belperamova-wait-game__footer {
        display: flex;
        min-height: 26px;
        gap: 6px;
    }

    .belperamova-wait-game__status {
        font-size: 9.8px;
        line-height: 1.16;
    }

    .belperamova-wait-game__restart {
        min-height: 24px;
        padding: 4px 8px;
        font-size: 9.5px;
    }
}

@media (max-height: 680px) and (min-width: 641px) {
    .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting .belperamova-guest-waiting:has(.belperamova-wait-game) > p {
        display: none;
    }

    .belperamova-wait-game__head p {
        display: none;
    }

    .belperamova-wait-game__item-body small {
        display: none;
    }

    .belperamova-wait-game__item {
        min-height: 48px;
    }
}


/* --- 0.2.71: фирменный прощальный экран БелПерамова --- */
.belperamova-jitsi-goodbye-placeholder {
    position: relative;
    padding: clamp(18px, 3vw, 34px) !important;
    background:
        radial-gradient(circle at 18% 18%, rgba(239, 68, 68, 0.16), transparent 28%),
        radial-gradient(circle at 82% 18%, rgba(43, 178, 111, 0.18), transparent 30%),
        radial-gradient(circle at 50% 100%, rgba(15, 95, 103, 0.24), transparent 40%),
        linear-gradient(180deg, #06101d 0%, #020814 100%) !important;
}

.belperamova-jitsi-goodbye {
    width: min(100%, 620px) !important;
    max-width: min(100%, 620px) !important;
    margin: 0 auto !important;
    padding: clamp(22px, 3.2vw, 38px) !important;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: clamp(22px, 2.4vw, 34px);
    background:
        radial-gradient(circle at 92% 12%, rgba(43, 178, 111, 0.16), transparent 32%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.105), rgba(255, 255, 255, 0.045));
    box-shadow:
        0 30px 86px rgba(0, 0, 0, 0.46),
        inset 0 1px 0 rgba(255, 255, 255, 0.11);
    backdrop-filter: blur(18px) saturate(125%);
}

.belperamova-guest-ended.belperamova-jitsi-goodbye {
    gap: clamp(12px, 1.6vw, 18px);
}

.belperamova-guest-ended.belperamova-jitsi-goodbye::before {
    display: none !important;
}

.belperamova-goodbye-brand {
    display: grid;
    justify-items: center;
    gap: 7px;
    margin-bottom: 2px;
}

.belperamova-goodbye-brand__logo {
    display: inline-flex;
    align-items: baseline;
    justify-content: center;
    color: #f8fafc;
    font-size: clamp(21px, 2.2vw, 32px);
    font-weight: 900;
    line-height: 1;
    letter-spacing: -0.045em;
}

.belperamova-goodbye-brand__letter--red {
    color: #ef4444;
}

.belperamova-goodbye-brand__letter--green {
    color: #2bb26f;
}

.belperamova-goodbye-brand__slogan {
    color: rgba(226, 232, 240, 0.72);
    font-size: clamp(12px, 1vw, 14px);
    font-weight: 650;
    line-height: 1.35;
    letter-spacing: 0.01em;
}

.belperamova-jitsi-goodbye > strong,
.belperamova-guest-ended.belperamova-jitsi-goodbye > strong {
    color: #ffffff !important;
    font-size: clamp(24px, 2.2vw, 34px) !important;
    font-weight: 850 !important;
    line-height: 1.14 !important;
    letter-spacing: -0.035em !important;
}

.belperamova-jitsi-goodbye > p,
.belperamova-guest-ended.belperamova-jitsi-goodbye > p {
    max-width: 520px;
    margin-right: auto !important;
    margin-left: auto !important;
    color: rgba(226, 232, 240, 0.82) !important;
    font-size: clamp(14px, 1.05vw, 16px) !important;
    line-height: 1.48 !important;
}

.belperamova-jitsi-goodbye .belperamova-actions {
    margin-top: 6px !important;
}

.belperamova-jitsi-goodbye .belperamova-button,
.belperamova-jitsi-goodbye .belperamova-guest-ended__button {
    min-height: 46px;
    border-radius: 999px;
}

@media (max-width: 640px) {
    .belperamova-jitsi-goodbye-placeholder {
        padding: 14px !important;
    }

    .belperamova-jitsi-goodbye {
        width: min(100%, 330px) !important;
        padding: 18px 16px !important;
        border-radius: 24px;
        gap: 9px !important;
    }

    .belperamova-goodbye-brand {
        gap: 5px;
    }

    .belperamova-goodbye-brand__logo {
        font-size: 21px;
    }

    .belperamova-goodbye-brand__slogan {
        max-width: 240px;
        font-size: 11.5px;
    }

    .belperamova-jitsi-goodbye > strong,
    .belperamova-guest-ended.belperamova-jitsi-goodbye > strong {
        font-size: 19px !important;
        line-height: 1.16 !important;
    }

    .belperamova-jitsi-goodbye > p,
    .belperamova-guest-ended.belperamova-jitsi-goodbye > p,
    .belperamova-jitsi-goodbye .belperamova-muted {
        max-width: 280px;
        font-size: 11.5px !important;
        line-height: 1.32 !important;
    }

    .belperamova-jitsi-goodbye .belperamova-actions {
        display: grid !important;
        width: 100%;
        gap: 8px !important;
    }

    .belperamova-jitsi-goodbye .belperamova-button,
    .belperamova-jitsi-goodbye .belperamova-guest-ended__button {
        width: 100%;
        min-height: 40px;
        padding-right: 16px;
        padding-left: 16px;
        font-size: 12.5px;
    }
}

/* --- 0.2.72: ночной режим кабинета БелПерамова без белых пятен и нечитаемого текста ---
 * Логика:
 * - Правки только визуальные.
 * - Селекторы намеренно дублируют популярные классы темной темы WordPress/темы сайта.
 * - REST, Jitsi, тарифы, профиль и сценарии встреч не меняются.
 */
body.dark-mode .belperamova-app,
body[data-theme="dark"] .belperamova-app,
[data-theme="dark"] .belperamova-app,
.dark .belperamova-app,
.dark-mode .belperamova-app,
.theme-dark .belperamova-app,
.night-mode .belperamova-app,
.is-dark-theme .belperamova-app,
.wp-dark-mode-active .belperamova-app,
.site-dark .belperamova-app,
.color-scheme-dark .belperamova-app {
    color-scheme: dark;
    --belperamova-bg: #070b13;
    --belperamova-card: #0f1724;
    --belperamova-card-soft: rgba(17, 24, 39, 0.88);
    --belperamova-card-strong: #111b2b;
    --belperamova-text: #f4f7fb;
    --belperamova-muted: #a8b4c5;
    --belperamova-border: rgba(148, 163, 184, 0.22);
    --belperamova-accent: #48d6bd;
    --belperamova-accent-dark: #7debd8;
    --belperamova-accent-rgb: 72, 214, 189;
    --belperamova-danger: #fb7185;
    --belperamova-danger-bg: rgba(127, 29, 29, 0.24);
    --belperamova-danger-border: rgba(251, 113, 133, 0.34);
    --belperamova-success: #74e8a7;
    --belperamova-success-bg: rgba(22, 101, 52, 0.22);
    --belperamova-success-border: rgba(116, 232, 167, 0.28);
    --belperamova-warning: #fbbf24;
    --belperamova-warning-bg: rgba(120, 53, 15, 0.24);
    --belperamova-info-bg: rgba(15, 23, 42, 0.68);
    --belperamova-chip: rgba(72, 214, 189, 0.12);
    --belperamova-chip-text: #b7fff0;
    --belperamova-input-bg: rgba(2, 6, 23, 0.74);
    --belperamova-video-bg: #020617;
    --belperamova-nav-bg: rgba(7, 11, 19, 0.94);
    background: transparent;
    color: var(--belperamova-text);
}

body.dark-mode .belperamova-app .belperamova-hero p,
body.dark-mode .belperamova-app .belperamova-panel p,
body.dark-mode .belperamova-app .belperamova-muted,
body.dark-mode .belperamova-app .belperamova-status,
.dark-mode .belperamova-app .belperamova-hero p,
.dark-mode .belperamova-app .belperamova-panel p,
.dark-mode .belperamova-app .belperamova-muted,
.dark-mode .belperamova-app .belperamova-status,
[data-theme="dark"] .belperamova-app .belperamova-hero p,
[data-theme="dark"] .belperamova-app .belperamova-panel p,
[data-theme="dark"] .belperamova-app .belperamova-muted,
[data-theme="dark"] .belperamova-app .belperamova-status,
.theme-dark .belperamova-app .belperamova-hero p,
.theme-dark .belperamova-app .belperamova-panel p,
.theme-dark .belperamova-app .belperamova-muted,
.theme-dark .belperamova-app .belperamova-status {
    color: var(--belperamova-muted) !important;
}

body.dark-mode .belperamova-app .belperamova-session-list,
body.dark-mode .belperamova-app .belperamova-session-card,
body.dark-mode .belperamova-app .belperamova-feature-preview__item,
body.dark-mode .belperamova-app .belperamova-tool-card,
body.dark-mode .belperamova-app .belperamova-profile-panel__body,
body.dark-mode .belperamova-app .belperamova-notice,
.dark-mode .belperamova-app .belperamova-session-list,
.dark-mode .belperamova-app .belperamova-session-card,
.dark-mode .belperamova-app .belperamova-feature-preview__item,
.dark-mode .belperamova-app .belperamova-tool-card,
.dark-mode .belperamova-app .belperamova-profile-panel__body,
.dark-mode .belperamova-app .belperamova-notice,
[data-theme="dark"] .belperamova-app .belperamova-session-list,
[data-theme="dark"] .belperamova-app .belperamova-session-card,
[data-theme="dark"] .belperamova-app .belperamova-feature-preview__item,
[data-theme="dark"] .belperamova-app .belperamova-tool-card,
[data-theme="dark"] .belperamova-app .belperamova-profile-panel__body,
[data-theme="dark"] .belperamova-app .belperamova-notice,
.theme-dark .belperamova-app .belperamova-session-list,
.theme-dark .belperamova-app .belperamova-session-card,
.theme-dark .belperamova-app .belperamova-feature-preview__item,
.theme-dark .belperamova-app .belperamova-tool-card,
.theme-dark .belperamova-app .belperamova-profile-panel__body,
.theme-dark .belperamova-app .belperamova-notice {
    border-color: var(--belperamova-border) !important;
    background: rgba(15, 23, 36, 0.86) !important;
    color: var(--belperamova-text) !important;
    box-shadow: 0 16px 42px rgba(0, 0, 0, 0.24) !important;
}

body.dark-mode .belperamova-app .belperamova-session-list__item,
.dark-mode .belperamova-app .belperamova-session-list__item,
[data-theme="dark"] .belperamova-app .belperamova-session-list__item,
.theme-dark .belperamova-app .belperamova-session-list__item {
    border-bottom-color: rgba(148, 163, 184, 0.18) !important;
    background: rgba(15, 23, 36, 0.78) !important;
    color: var(--belperamova-text) !important;
}

body.dark-mode .belperamova-app .belperamova-session-list__item:hover,
body.dark-mode .belperamova-app .belperamova-session-list__item:focus,
.dark-mode .belperamova-app .belperamova-session-list__item:hover,
.dark-mode .belperamova-app .belperamova-session-list__item:focus,
[data-theme="dark"] .belperamova-app .belperamova-session-list__item:hover,
[data-theme="dark"] .belperamova-app .belperamova-session-list__item:focus,
.theme-dark .belperamova-app .belperamova-session-list__item:hover,
.theme-dark .belperamova-app .belperamova-session-list__item:focus {
    background: rgba(20, 31, 48, 0.92) !important;
}

body.dark-mode .belperamova-app .belperamova-session-list__drawer-inner .belperamova-session-card,
body.dark-mode .belperamova-app .belperamova-session-list__more,
.dark-mode .belperamova-app .belperamova-session-list__drawer-inner .belperamova-session-card,
.dark-mode .belperamova-app .belperamova-session-list__more,
[data-theme="dark"] .belperamova-app .belperamova-session-list__drawer-inner .belperamova-session-card,
[data-theme="dark"] .belperamova-app .belperamova-session-list__more,
.theme-dark .belperamova-app .belperamova-session-list__drawer-inner .belperamova-session-card,
.theme-dark .belperamova-app .belperamova-session-list__more {
    border-color: rgba(148, 163, 184, 0.18) !important;
    background: rgba(10, 16, 27, 0.92) !important;
    color: var(--belperamova-text) !important;
}

body.dark-mode .belperamova-app .belperamova-session-list__main strong,
body.dark-mode .belperamova-app .belperamova-feature-preview__item strong,
body.dark-mode .belperamova-app .belperamova-tool-card h5,
body.dark-mode .belperamova-app .belperamova-session-card h4,
body.dark-mode .belperamova-app .belperamova-panel h3,
.dark-mode .belperamova-app .belperamova-session-list__main strong,
.dark-mode .belperamova-app .belperamova-feature-preview__item strong,
.dark-mode .belperamova-app .belperamova-tool-card h5,
.dark-mode .belperamova-app .belperamova-session-card h4,
.dark-mode .belperamova-app .belperamova-panel h3,
[data-theme="dark"] .belperamova-app .belperamova-session-list__main strong,
[data-theme="dark"] .belperamova-app .belperamova-feature-preview__item strong,
[data-theme="dark"] .belperamova-app .belperamova-tool-card h5,
[data-theme="dark"] .belperamova-app .belperamova-session-card h4,
[data-theme="dark"] .belperamova-app .belperamova-panel h3,
.theme-dark .belperamova-app .belperamova-session-list__main strong,
.theme-dark .belperamova-app .belperamova-feature-preview__item strong,
.theme-dark .belperamova-app .belperamova-tool-card h5,
.theme-dark .belperamova-app .belperamova-session-card h4,
.theme-dark .belperamova-app .belperamova-panel h3 {
    color: var(--belperamova-text) !important;
}

body.dark-mode .belperamova-app .belperamova-feature-preview__item span,
body.dark-mode .belperamova-app .belperamova-tool-card p,
body.dark-mode .belperamova-app .belperamova-session-list__more-hint,
.dark-mode .belperamova-app .belperamova-feature-preview__item span,
.dark-mode .belperamova-app .belperamova-tool-card p,
.dark-mode .belperamova-app .belperamova-session-list__more-hint,
[data-theme="dark"] .belperamova-app .belperamova-feature-preview__item span,
[data-theme="dark"] .belperamova-app .belperamova-tool-card p,
[data-theme="dark"] .belperamova-app .belperamova-session-list__more-hint,
.theme-dark .belperamova-app .belperamova-feature-preview__item span,
.theme-dark .belperamova-app .belperamova-tool-card p,
.theme-dark .belperamova-app .belperamova-session-list__more-hint {
    color: var(--belperamova-muted) !important;
}

body.dark-mode .belperamova-app .belperamova-button--secondary,
.dark-mode .belperamova-app .belperamova-button--secondary,
[data-theme="dark"] .belperamova-app .belperamova-button--secondary,
.theme-dark .belperamova-app .belperamova-button--secondary {
    border-color: rgba(148, 163, 184, 0.24) !important;
    background: rgba(15, 23, 36, 0.82) !important;
    color: var(--belperamova-text) !important;
}

body.dark-mode .belperamova-app .belperamova-button--secondary:hover,
body.dark-mode .belperamova-app .belperamova-button--secondary:focus,
.dark-mode .belperamova-app .belperamova-button--secondary:hover,
.dark-mode .belperamova-app .belperamova-button--secondary:focus,
[data-theme="dark"] .belperamova-app .belperamova-button--secondary:hover,
[data-theme="dark"] .belperamova-app .belperamova-button--secondary:focus,
.theme-dark .belperamova-app .belperamova-button--secondary:hover,
.theme-dark .belperamova-app .belperamova-button--secondary:focus {
    border-color: rgba(var(--belperamova-accent-rgb), 0.40) !important;
    background: rgba(var(--belperamova-accent-rgb), 0.10) !important;
    color: #dffdf6 !important;
}

body.dark-mode .belperamova-app .belperamova-profile-field,
.dark-mode .belperamova-app .belperamova-profile-field,
[data-theme="dark"] .belperamova-app .belperamova-profile-field,
.theme-dark .belperamova-app .belperamova-profile-field {
    color: var(--belperamova-text) !important;
}

body.dark-mode .belperamova-app .belperamova-profile-field input,
body.dark-mode .belperamova-app .belperamova-profile-field textarea,
body.dark-mode .belperamova-app .belperamova-copy-row input,
body.dark-mode .belperamova-app .belperamova-form input,
body.dark-mode .belperamova-app .belperamova-session-title-create__input,
.dark-mode .belperamova-app .belperamova-profile-field input,
.dark-mode .belperamova-app .belperamova-profile-field textarea,
.dark-mode .belperamova-app .belperamova-copy-row input,
.dark-mode .belperamova-app .belperamova-form input,
.dark-mode .belperamova-app .belperamova-session-title-create__input,
[data-theme="dark"] .belperamova-app .belperamova-profile-field input,
[data-theme="dark"] .belperamova-app .belperamova-profile-field textarea,
[data-theme="dark"] .belperamova-app .belperamova-copy-row input,
[data-theme="dark"] .belperamova-app .belperamova-form input,
[data-theme="dark"] .belperamova-app .belperamova-session-title-create__input,
.theme-dark .belperamova-app .belperamova-profile-field input,
.theme-dark .belperamova-app .belperamova-profile-field textarea,
.theme-dark .belperamova-app .belperamova-copy-row input,
.theme-dark .belperamova-app .belperamova-form input,
.theme-dark .belperamova-app .belperamova-session-title-create__input {
    border-color: rgba(148, 163, 184, 0.26) !important;
    background: var(--belperamova-input-bg) !important;
    color: var(--belperamova-text) !important;
}

body.dark-mode .belperamova-app .belperamova-profile-toggle,
body.dark-mode .belperamova-app .belperamova-profile-launcher,
.dark-mode .belperamova-app .belperamova-profile-toggle,
.dark-mode .belperamova-app .belperamova-profile-launcher,
[data-theme="dark"] .belperamova-app .belperamova-profile-toggle,
[data-theme="dark"] .belperamova-app .belperamova-profile-launcher,
.theme-dark .belperamova-app .belperamova-profile-toggle,
.theme-dark .belperamova-app .belperamova-profile-launcher {
    border-color: rgba(148, 163, 184, 0.25) !important;
    background: rgba(15, 23, 36, 0.88) !important;
    color: var(--belperamova-text) !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.28) !important;
}

body.dark-mode .belperamova-app .belperamova-profile-toggle__label,
body.dark-mode .belperamova-app .belperamova-profile-toggle__name,
body.dark-mode .belperamova-app .belperamova-profile-toggle__logout,
.dark-mode .belperamova-app .belperamova-profile-toggle__label,
.dark-mode .belperamova-app .belperamova-profile-toggle__name,
.dark-mode .belperamova-app .belperamova-profile-toggle__logout,
[data-theme="dark"] .belperamova-app .belperamova-profile-toggle__label,
[data-theme="dark"] .belperamova-app .belperamova-profile-toggle__name,
[data-theme="dark"] .belperamova-app .belperamova-profile-toggle__logout,
.theme-dark .belperamova-app .belperamova-profile-toggle__label,
.theme-dark .belperamova-app .belperamova-profile-toggle__name,
.theme-dark .belperamova-app .belperamova-profile-toggle__logout {
    color: var(--belperamova-text) !important;
}

body.dark-mode .belperamova-app .belperamova-profile-toggle__logout,
.dark-mode .belperamova-app .belperamova-profile-toggle__logout,
[data-theme="dark"] .belperamova-app .belperamova-profile-toggle__logout,
.theme-dark .belperamova-app .belperamova-profile-toggle__logout {
    color: var(--belperamova-muted) !important;
}


/* ─── 0.2.73: owner-hero после переноса аккаунта в общую шапку ─── */
.belperamova-app[data-belperamova-mode="owner"] .belperamova-hero__content {
    display: block;
    max-width: 1040px;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-eyebrow[hidden],
.belperamova-app[data-belperamova-mode="owner"] .belperamova-owner-profile-hidden,
.belperamova-app[data-belperamova-mode="owner"] [data-bp-owner-profile][hidden],
.belperamova-app[data-belperamova-mode="owner"] [data-bp-owner-profile-launcher][hidden] {
    display: none !important;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-hero h2.belperamova-work-title,
.belperamova-app[data-belperamova-mode="owner"] .belperamova-work-title {
    display: block;
    width: 100%;
    max-width: 760px;
    margin: 0 0 8px;
    padding-left: 14px;
    border-left: 3px solid var(--belperamova-accent);
    color: var(--belperamova-text);
    font-family: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
    font-size: clamp(23px, 2.2vw, 32px);
    font-weight: 780;
    line-height: 1.18;
    letter-spacing: -0.024em;
    text-align: left;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-hero p {
    max-width: 820px;
    margin-top: 0;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-actions {
    margin-top: 18px;
}

body.dark-mode .belperamova-app[data-belperamova-mode="owner"] .belperamova-work-title,
.dark-mode .belperamova-app[data-belperamova-mode="owner"] .belperamova-work-title,
[data-theme="dark"] .belperamova-app[data-belperamova-mode="owner"] .belperamova-work-title,
.theme-dark .belperamova-app[data-belperamova-mode="owner"] .belperamova-work-title {
    color: #f4f7fb;
    border-left-color: #48d6bd;
}

@media (max-width: 640px) {
    .belperamova-app[data-belperamova-mode="owner"] .belperamova-hero h2.belperamova-work-title,
    .belperamova-app[data-belperamova-mode="owner"] .belperamova-work-title {
        max-width: none;
        font-size: 22px;
        line-height: 1.22;
    }
}

/* ─── 0.2.75: SaaS-строка истории встреч без общей тени и без вложенной плитки more ─── */
.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list {
    display: grid;
    gap: 10px;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    overflow: visible;
    min-height: 60px;
    padding: 10px 14px;
    border: 1px solid var(--belperamova-border);
    border-radius: 18px;
    background: var(--belperamova-card);
    box-shadow: none;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item + .belperamova-session-list__item {
    margin-top: 0;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item:last-child {
    border-bottom: 1px solid var(--belperamova-border);
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item:hover,
.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item:focus-within {
    border-color: rgba(var(--belperamova-accent-rgb), 0.22);
    background: rgba(255, 255, 255, 0.88);
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__main {
    gap: 4px;
    min-height: 0;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__main strong {
    color: var(--belperamova-text);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.25;
    letter-spacing: -0.01em;
    white-space: normal;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px 10px;
    color: var(--belperamova-muted);
    font-size: 12px;
    line-height: 1.35;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__meta > span:not(.belperamova-session-list__status) {
    display: inline-flex;
    align-items: center;
    min-width: 0;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__meta > span:not(.belperamova-session-list__status)::before {
    content: "";
    width: 4px;
    height: 4px;
    margin-right: 10px;
    border-radius: 999px;
    background: rgba(var(--belperamova-accent-rgb), 0.35);
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__meta > span:not(.belperamova-session-list__status):first-child::before,
.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__status + span::before {
    display: none;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__status {
    min-height: 22px;
    padding: 3px 9px;
    border-radius: 999px;
    background: var(--belperamova-success-bg);
    color: var(--belperamova-success);
    font-size: 11px;
    font-weight: 800;
    line-height: 1.2;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__status[data-session-status="created"],
.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__status[data-session-status="pending_start"] {
    padding-left: 9px;
    background: rgba(var(--belperamova-accent-rgb), 0.09);
    color: var(--belperamova-accent);
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__status[data-session-status="created"]::before {
    content: none;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__actions {
    position: relative;
    align-self: center;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    min-width: 0;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__actions > .belperamova-mini-button[data-bp-session-open-button],
.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__actions > .belperamova-mini-button--start {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 0 15px;
    border: 1px solid rgba(var(--belperamova-accent-rgb), 0.26);
    border-radius: 14px;
    background: #ffffff;
    color: var(--belperamova-accent-dark);
    font-size: 13px;
    font-weight: 850;
    line-height: 1;
    text-decoration: none;
    box-shadow: none;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__actions > .belperamova-mini-button[data-bp-session-open-button]:hover,
.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__actions > .belperamova-mini-button[data-bp-session-open-button]:focus,
.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__actions > .belperamova-mini-button--start:hover,
.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__actions > .belperamova-mini-button--start:focus {
    border-color: rgba(var(--belperamova-accent-rgb), 0.42);
    background: var(--belperamova-info-bg);
    color: var(--belperamova-accent-dark);
    text-decoration: none;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__menu {
    position: relative;
    flex: 0 0 auto;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__menu-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    min-width: 36px;
    height: 36px;
    padding: 0;
    border: 1px solid var(--belperamova-border);
    border-radius: 14px;
    background: #ffffff;
    color: var(--belperamova-muted);
    font-size: 21px;
    font-weight: 850;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__menu-toggle:hover,
.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__menu-toggle:focus,
.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__menu.is-open .belperamova-session-list__menu-toggle {
    border-color: rgba(var(--belperamova-accent-rgb), 0.34);
    background: var(--belperamova-info-bg);
    color: var(--belperamova-accent-dark);
    outline: none;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__menu-panel {
    position: absolute;
    z-index: 30;
    top: calc(100% + 8px);
    right: 0;
    display: none;
    min-width: 190px;
    padding: 8px;
    border: 1px solid var(--belperamova-border);
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 18px 42px rgba(15, 35, 49, 0.13);
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__menu.is-open .belperamova-session-list__menu-panel {
    display: grid;
    gap: 2px;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__menu-panel .belperamova-mini-button {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    min-height: 38px;
    padding: 0 10px;
    border-radius: 11px;
    color: var(--belperamova-text);
    font-size: 13px;
    font-weight: 750;
    text-align: left;
    text-decoration: none;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__menu-panel .belperamova-mini-button:hover,
.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__menu-panel .belperamova-mini-button:focus {
    background: var(--belperamova-info-bg);
    color: var(--belperamova-accent-dark);
    text-decoration: none;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__menu-panel .belperamova-mini-button--danger {
    color: var(--belperamova-danger);
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__drawer {
    margin: -4px 0 0;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__drawer-inner .belperamova-session-card {
    border: 1px solid var(--belperamova-border);
    border-radius: 18px;
}

.belperamova-session-list__more--outside {
    display: grid;
    justify-items: center;
    gap: 4px;
    margin: 12px 0 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    text-align: center;
}

.belperamova-session-list__more--outside .belperamova-session-list__more-button {
    min-height: 40px;
    padding: 0 18px;
    border: 1px solid var(--belperamova-border);
    border-radius: 14px;
    background: #ffffff;
    color: var(--belperamova-accent-dark);
    font-size: 14px;
    font-weight: 850;
    line-height: 1;
    text-decoration: none;
    box-shadow: none;
}

.belperamova-session-list__more--outside .belperamova-session-list__more-button:hover,
.belperamova-session-list__more--outside .belperamova-session-list__more-button:focus {
    border-color: rgba(var(--belperamova-accent-rgb), 0.34);
    background: var(--belperamova-info-bg);
    color: var(--belperamova-accent-dark);
    text-decoration: none;
}

.belperamova-session-list__more-hint {
    display: none;
}

@media (max-width: 720px) {
    .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list {
        gap: 10px;
    }

    .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item {
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
        min-height: 0;
        padding: 12px 13px;
    }

    .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__main strong {
        font-size: 15px;
        line-height: 1.25;
    }

    .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__meta {
        gap: 5px 9px;
        font-size: 12px;
    }

    .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__actions {
        justify-content: stretch;
        width: 100%;
    }

    .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__actions > .belperamova-mini-button[data-bp-session-open-button],
    .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__actions > .belperamova-mini-button--start {
        flex: 1 1 auto;
        min-height: 40px;
    }

    .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__menu-toggle {
        width: 40px;
        min-width: 40px;
        height: 40px;
    }

    .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__menu-panel {
        right: 0;
        left: auto;
        min-width: min(230px, calc(100vw - 58px));
    }
}

@media (max-width: 420px) {
    .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__meta > span:not(.belperamova-session-list__status)::before {
        display: none;
    }

    .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__meta {
        display: grid;
        grid-template-columns: 1fr;
        align-items: start;
    }
}

/* ─── 0.2.76: стабилизация скролла при догрузке истории ───
 * Причина:
 * - При добавлении новых строк истории браузер может выбрать нижние блоки страницы
 *   или футер как scroll anchor и резко утащить экран вниз.
 *
 * Важно:
 * - Это CSS-only страховка только для страницы БелПерамова.
 * - Не меняет REST, Jitsi, кнопки, создание встреч и разметку.
 * - Не включает внешние зависимости.
 */
body.belperamova-page {
    overflow-anchor: none;
}

body.belperamova-page .site,
body.belperamova-page .site-main,
body.belperamova-page .site-content,
body.belperamova-page .content-area,
body.belperamova-page .entry-content,
body.belperamova-page .site-footer,
body.belperamova-page .site-footer *,
.belperamova-app,
.belperamova-app *,
.belperamova-session-list,
.belperamova-session-list__item,
.belperamova-session-list__more,
.belperamova-session-list__more--outside,
.belperamova-feature-preview,
.belperamova-owner-tariff-panel {
    overflow-anchor: none;
}



/* ─── 0.2.77: отдельная страница истории встреч ─── */
.belperamova-app[data-bp-history-page-root="1"] {
    max-width: 1180px;
    padding-top: 18px;
}

.belperamova-history-page {
    display: grid;
    gap: 18px;
    width: 100%;
}

.belperamova-history-page__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding-bottom: 2px;
}

.belperamova-history-page__title {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.belperamova-history-page__title h2 {
    position: relative;
    margin: 0;
    padding-left: 15px;
    color: var(--belperamova-text);
    font-size: clamp(24px, 2vw, 34px);
    font-weight: 850;
    line-height: 1.15;
    letter-spacing: -0.025em;
}

.belperamova-history-page__title h2::before {
    content: "";
    position: absolute;
    top: 3px;
    bottom: 3px;
    left: 0;
    width: 3px;
    border-radius: 999px;
    background: var(--belperamova-accent);
}

.belperamova-history-page__title p {
    max-width: 720px;
    margin: 0;
    color: var(--belperamova-muted);
    font-size: 15px;
    line-height: 1.5;
}

.belperamova-history-page__back {
    flex: 0 0 auto;
}

.belperamova-history-page__filters {
    display: grid;
    grid-template-columns: minmax(220px, 1.4fr) repeat(2, minmax(150px, 0.75fr)) minmax(170px, 0.85fr) minmax(125px, 0.55fr) auto;
    align-items: end;
    gap: 12px;
    padding: 16px;
    border: 1px solid var(--belperamova-border);
    border-radius: 18px;
    background: var(--belperamova-card);
}

.belperamova-history-page__field {
    display: grid;
    gap: 7px;
    min-width: 0;
    color: var(--belperamova-muted);
    font-size: 12px;
    font-weight: 800;
    line-height: 1.2;
}

.belperamova-history-page__field input,
.belperamova-history-page__field select {
    width: 100%;
    min-height: 42px;
    padding: 9px 12px;
    border: 1px solid var(--belperamova-border);
    border-radius: 14px;
    background: var(--belperamova-input-bg);
    color: var(--belperamova-text);
    font: inherit;
    font-size: 14px;
    font-weight: 650;
    line-height: 1.2;
    -webkit-appearance: none;
    appearance: none;
}

.belperamova-history-page__field input:focus,
.belperamova-history-page__field select:focus {
    border-color: var(--belperamova-accent);
    outline: 2px solid rgba(var(--belperamova-accent-rgb), 0.22);
    outline-offset: 2px;
}

.belperamova-history-page__field select {
    padding-right: 34px;
    background-image: linear-gradient(45deg, transparent 50%, var(--belperamova-muted) 50%), linear-gradient(135deg, var(--belperamova-muted) 50%, transparent 50%);
    background-position: calc(100% - 18px) 18px, calc(100% - 13px) 18px;
    background-size: 5px 5px, 5px 5px;
    background-repeat: no-repeat;
}

.belperamova-history-page__filter-actions {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.belperamova-history-page__filter-actions .belperamova-button {
    min-height: 42px;
    padding: 10px 16px;
    white-space: nowrap;
}

.belperamova-history-page__bulk {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 48px;
    padding: 10px 14px;
    border: 1px solid var(--belperamova-border);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.72);
}

.belperamova-history-page__select-all,
.belperamova-history-page__row-check {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--belperamova-text);
    font-size: 13px;
    font-weight: 750;
    line-height: 1.2;
    cursor: pointer;
}

.belperamova-history-page__select-all input,
.belperamova-history-page__row-check input {
    width: 18px;
    height: 18px;
    margin: 0;
    accent-color: var(--belperamova-accent);
}

.belperamova-history-page__selected-count {
    margin-right: auto;
    color: var(--belperamova-muted);
    font-size: 13px;
    line-height: 1.3;
}

.belperamova-history-page__bulk-delete {
    min-height: 40px;
    padding: 9px 15px;
}

.belperamova-history-page__status {
    min-height: 20px;
    margin: -4px 0 0;
    font-size: 13px;
    line-height: 1.45;
}

.belperamova-history-page__status[data-type="success"] {
    color: var(--belperamova-success);
}

.belperamova-history-page__status[data-type="error"] {
    color: var(--belperamova-danger);
}

.belperamova-history-page__list {
    overflow: visible;
    border-radius: 18px;
    box-shadow: none !important;
}

.belperamova-session-list__item--history-page {
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 12px;
    min-height: 68px;
    padding: 12px 14px;
}

.belperamova-session-list__item--history-page .belperamova-history-page__row-check {
    align-self: center;
}

.belperamova-session-list__item--history-page .belperamova-history-page__row-check input:disabled {
    opacity: 0.35;
    cursor: not-allowed;
}

.belperamova-session-list__item--history-page .belperamova-session-list__main strong {
    font-size: 15px;
}

.belperamova-session-list__item--history-page .belperamova-session-list__actions {
    gap: 10px;
}

.belperamova-history-page__empty,
.belperamova-history-page__loading {
    margin: 0;
    padding: 18px;
    text-align: center;
}

.belperamova-history-page__pagination {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding-top: 4px;
}

.belperamova-history-page__page-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    min-height: 40px;
    padding: 8px 12px;
    border: 1px solid var(--belperamova-border);
    border-radius: 999px;
    background: var(--belperamova-card);
    color: var(--belperamova-text);
    font: inherit;
    font-size: 13px;
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
}

.belperamova-history-page__page-button:hover,
.belperamova-history-page__page-button:focus-visible {
    border-color: rgba(var(--belperamova-accent-rgb), 0.35);
    color: var(--belperamova-accent-dark);
    outline: none;
}

.belperamova-history-page__page-button[aria-current="page"] {
    border-color: var(--belperamova-accent);
    background: var(--belperamova-accent);
    color: #ffffff;
}

.belperamova-history-page__page-button:disabled {
    cursor: not-allowed;
    opacity: 0.45;
}

.belperamova-history-page__pagination-gap {
    color: var(--belperamova-muted);
    font-size: 13px;
    font-weight: 800;
}

.belperamova-session-list__more--history-link .belperamova-session-list__more-button {
    min-height: 40px;
    padding: 0 18px;
    border: 1px solid var(--belperamova-border);
    border-radius: 999px;
    background: var(--belperamova-card);
    text-decoration: none;
}

.belperamova-session-list__more--history-link .belperamova-session-list__more-button::after {
    transform: rotate(-45deg) translateY(0);
}

@media (max-width: 980px) {
    .belperamova-history-page__filters {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .belperamova-history-page__field--search,
    .belperamova-history-page__filter-actions {
        grid-column: 1 / -1;
    }

    .belperamova-history-page__filter-actions {
        justify-content: flex-start;
    }
}

@media (max-width: 640px) {
    .belperamova-app[data-bp-history-page-root="1"] {
        padding: 14px 12px 22px;
    }

    .belperamova-history-page__head,
    .belperamova-history-page__bulk {
        align-items: stretch;
        flex-direction: column;
    }

    .belperamova-history-page__back,
    .belperamova-history-page__bulk-delete {
        width: 100%;
    }

    .belperamova-history-page__filters {
        grid-template-columns: 1fr;
        padding: 14px;
        border-radius: 16px;
    }

    .belperamova-history-page__filter-actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .belperamova-session-list__item--history-page {
        grid-template-columns: auto minmax(0, 1fr);
        align-items: start;
        gap: 10px;
        padding: 13px 12px;
    }

    .belperamova-session-list__item--history-page .belperamova-session-list__actions {
        grid-column: 2;
        justify-content: flex-start;
        width: 100%;
        margin-top: 4px;
    }

    .belperamova-session-list__item--history-page .belperamova-session-list__actions .belperamova-mini-button,
    .belperamova-session-list__item--history-page .belperamova-session-list__actions .belperamova-session-list__menu-toggle {
        min-height: 38px;
    }
}

/* ─── 0.2.78: спокойная брендовая тема БелПерамова ───
 * Задача:
 * - Убрать ощущение "инвертированной" ночной темы.
 * - Закрепить спокойный фирменный цвет БелПерамова: глубокий зелено-бирюзовый с мягким mint-акцентом.
 * - Сохранить закрытую экосистему: без внешних шрифтов, CDN, картинок и библиотек.
 * - Правки только визуальные: REST, Jitsi, тарифы, история и логика встреч не меняются.
 */
.belperamova-app {
    --belperamova-bg: #f4f8f7;
    --belperamova-card: #ffffff;
    --belperamova-card-soft: rgba(255, 255, 255, 0.84);
    --belperamova-card-strong: #ffffff;
    --belperamova-text: #13252b;
    --belperamova-muted: #60727a;
    --belperamova-border: #dbe7e8;
    --belperamova-accent: #0d746b;
    --belperamova-accent-dark: #09534f;
    --belperamova-accent-rgb: 13, 116, 107;
    --belperamova-danger: #c54b56;
    --belperamova-danger-bg: #fff1f2;
    --belperamova-danger-border: #f0c4c8;
    --belperamova-success: #16875a;
    --belperamova-success-bg: #edf8f3;
    --belperamova-success-border: #cdeadd;
    --belperamova-warning: #9a6321;
    --belperamova-warning-bg: #fff6e8;
    --belperamova-info-bg: #edf6f5;
    --belperamova-chip: rgba(var(--belperamova-accent-rgb), 0.10);
    --belperamova-chip-text: #0d746b;
    --belperamova-input-bg: #ffffff;
    --belperamova-video-bg: #071014;
}

.belperamova-button {
    border-color: var(--belperamova-accent);
    background: linear-gradient(135deg, #0f8a7d 0%, #3ed7bd 100%);
    color: #ffffff;
    box-shadow: 0 14px 30px rgba(var(--belperamova-accent-rgb), 0.16);
}

.belperamova-button:hover,
.belperamova-button:focus {
    border-color: var(--belperamova-accent-dark);
    background: linear-gradient(135deg, #0a615b 0%, #22bda7 100%);
    color: #ffffff;
}

.belperamova-button--secondary,
.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__actions > .belperamova-mini-button[data-bp-session-open-button],
.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__actions > .belperamova-mini-button--start,
.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__menu-toggle,
.belperamova-session-list__more--outside .belperamova-session-list__more-button,
.belperamova-session-list__more--history-link .belperamova-session-list__more-button {
    border-color: rgba(var(--belperamova-accent-rgb), 0.18);
    background: #ffffff;
    color: var(--belperamova-accent-dark);
    box-shadow: 0 10px 24px rgba(19, 37, 43, 0.06);
}

.belperamova-button--secondary:hover,
.belperamova-button--secondary:focus,
.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__actions > .belperamova-mini-button[data-bp-session-open-button]:hover,
.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__actions > .belperamova-mini-button[data-bp-session-open-button]:focus,
.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__actions > .belperamova-mini-button--start:hover,
.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__actions > .belperamova-mini-button--start:focus,
.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__menu-toggle:hover,
.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__menu-toggle:focus,
.belperamova-session-list__more--outside .belperamova-session-list__more-button:hover,
.belperamova-session-list__more--outside .belperamova-session-list__more-button:focus,
.belperamova-session-list__more--history-link .belperamova-session-list__more-button:hover,
.belperamova-session-list__more--history-link .belperamova-session-list__more-button:focus {
    border-color: rgba(var(--belperamova-accent-rgb), 0.34);
    background: var(--belperamova-info-bg);
    color: var(--belperamova-accent-dark);
}

.belperamova-session-list,
.belperamova-session-card,
.belperamova-feature-preview__item,
.belperamova-tool-card,
.belperamova-profile-panel__body,
.belperamova-history-page__filters,
.belperamova-history-page__bulk {
    border-color: var(--belperamova-border);
    background: var(--belperamova-card);
    box-shadow: 0 16px 36px rgba(19, 37, 43, 0.06);
}

.belperamova-session-list__item {
    border-bottom-color: #edf3f4;
    background: #ffffff;
}

.belperamova-session-list__item:hover,
.belperamova-session-list__item:focus {
    background: #f7fbfa;
}

.belperamova-feature-preview__item,
.belperamova-tool-card {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(249, 253, 252, 0.94));
}

.belperamova-session-share-group[data-session-status="live"],
.belperamova-session-list__item[data-session-status="live"] .belperamova-session-share-group {
    border-color: rgba(22, 135, 90, 0.24);
    background: #edf8f3;
}

/* Ночная тема: не черная инверсия, а спокойная рабочая среда в духе почты. */
body.belperamova-page.dark-mode,
body.belperamova-page[data-theme="dark"],
body.belperamova-page.theme-dark,
body.belperamova-page.night-mode,
body.belperamova-page.is-dark-theme,
body.belperamova-page.wp-dark-mode-active,
body.belperamova-page.site-dark,
body.belperamova-page.color-scheme-dark {
    background: #151f23 !important;
    color: #e8eeee;
}

/* v0.2.79: фон БелПерамовы держим в области контента, общий wrapper сайта и футер не перекрашиваем. */
body.belperamova-page.dark-mode .site-main,
body.belperamova-page.dark-mode .entry-content,
body.belperamova-page[data-theme="dark"] .site-main,
body.belperamova-page[data-theme="dark"] .entry-content,
body.belperamova-page.theme-dark .site-main,
body.belperamova-page.theme-dark .entry-content,
body.belperamova-page.night-mode .site-main,
body.belperamova-page.night-mode .entry-content {
    background: #151f23 !important;
}

body.dark-mode .belperamova-app,
body[data-theme="dark"] .belperamova-app,
[data-theme="dark"] .belperamova-app,
.dark .belperamova-app,
.dark-mode .belperamova-app,
.theme-dark .belperamova-app,
.night-mode .belperamova-app,
.is-dark-theme .belperamova-app,
.wp-dark-mode-active .belperamova-app,
.site-dark .belperamova-app,
.color-scheme-dark .belperamova-app {
    color-scheme: dark;
    --belperamova-bg: #151f23;
    --belperamova-card: #1b272d;
    --belperamova-card-soft: rgba(28, 40, 46, 0.92);
    --belperamova-card-strong: #223037;
    --belperamova-text: #e9f0f0;
    --belperamova-muted: #a8b5b8;
    --belperamova-border: rgba(136, 163, 165, 0.22);
    --belperamova-accent: #54d8c4;
    --belperamova-accent-dark: #83efdd;
    --belperamova-accent-rgb: 84, 216, 196;
    --belperamova-danger: #e16b75;
    --belperamova-danger-bg: rgba(108, 38, 45, 0.30);
    --belperamova-danger-border: rgba(225, 107, 117, 0.34);
    --belperamova-success: #7be2aa;
    --belperamova-success-bg: rgba(34, 92, 67, 0.30);
    --belperamova-success-border: rgba(123, 226, 170, 0.30);
    --belperamova-warning: #dfb46d;
    --belperamova-warning-bg: rgba(112, 78, 33, 0.26);
    --belperamova-info-bg: rgba(39, 58, 64, 0.86);
    --belperamova-chip: rgba(84, 216, 196, 0.12);
    --belperamova-chip-text: #bdf8ed;
    --belperamova-input-bg: #172226;
    --belperamova-video-bg: #0b1114;
    --belperamova-nav-bg: rgba(24, 34, 39, 0.94);
    background: transparent !important;
    color: var(--belperamova-text) !important;
}

body.dark-mode .belperamova-app .belperamova-hero h2,
body.dark-mode .belperamova-app .belperamova-panel h3,
body.dark-mode .belperamova-app .belperamova-session-list__main strong,
body.dark-mode .belperamova-app .belperamova-feature-preview__item strong,
body.dark-mode .belperamova-app .belperamova-tool-card h5,
body[data-theme="dark"] .belperamova-app .belperamova-hero h2,
body[data-theme="dark"] .belperamova-app .belperamova-panel h3,
body[data-theme="dark"] .belperamova-app .belperamova-session-list__main strong,
body[data-theme="dark"] .belperamova-app .belperamova-feature-preview__item strong,
body[data-theme="dark"] .belperamova-app .belperamova-tool-card h5,
[data-theme="dark"] .belperamova-app .belperamova-hero h2,
[data-theme="dark"] .belperamova-app .belperamova-panel h3,
[data-theme="dark"] .belperamova-app .belperamova-session-list__main strong,
[data-theme="dark"] .belperamova-app .belperamova-feature-preview__item strong,
[data-theme="dark"] .belperamova-app .belperamova-tool-card h5,
.dark-mode .belperamova-app .belperamova-hero h2,
.dark-mode .belperamova-app .belperamova-panel h3,
.dark-mode .belperamova-app .belperamova-session-list__main strong,
.dark-mode .belperamova-app .belperamova-feature-preview__item strong,
.dark-mode .belperamova-app .belperamova-tool-card h5,
.theme-dark .belperamova-app .belperamova-hero h2,
.theme-dark .belperamova-app .belperamova-panel h3,
.theme-dark .belperamova-app .belperamova-session-list__main strong,
.theme-dark .belperamova-app .belperamova-feature-preview__item strong,
.theme-dark .belperamova-app .belperamova-tool-card h5 {
    color: #f1f6f6 !important;
}

body.dark-mode .belperamova-app .belperamova-hero p,
body.dark-mode .belperamova-app .belperamova-panel p,
body.dark-mode .belperamova-app .belperamova-muted,
body.dark-mode .belperamova-app .belperamova-status,
body.dark-mode .belperamova-app .belperamova-session-list__meta,
body.dark-mode .belperamova-app .belperamova-feature-preview__item span,
body.dark-mode .belperamova-app .belperamova-tool-card p,
body[data-theme="dark"] .belperamova-app .belperamova-hero p,
body[data-theme="dark"] .belperamova-app .belperamova-panel p,
body[data-theme="dark"] .belperamova-app .belperamova-muted,
body[data-theme="dark"] .belperamova-app .belperamova-status,
body[data-theme="dark"] .belperamova-app .belperamova-session-list__meta,
body[data-theme="dark"] .belperamova-app .belperamova-feature-preview__item span,
body[data-theme="dark"] .belperamova-app .belperamova-tool-card p,
[data-theme="dark"] .belperamova-app .belperamova-hero p,
[data-theme="dark"] .belperamova-app .belperamova-panel p,
[data-theme="dark"] .belperamova-app .belperamova-muted,
[data-theme="dark"] .belperamova-app .belperamova-status,
[data-theme="dark"] .belperamova-app .belperamova-session-list__meta,
[data-theme="dark"] .belperamova-app .belperamova-feature-preview__item span,
[data-theme="dark"] .belperamova-app .belperamova-tool-card p,
.dark-mode .belperamova-app .belperamova-hero p,
.dark-mode .belperamova-app .belperamova-panel p,
.dark-mode .belperamova-app .belperamova-muted,
.dark-mode .belperamova-app .belperamova-status,
.dark-mode .belperamova-app .belperamova-session-list__meta,
.dark-mode .belperamova-app .belperamova-feature-preview__item span,
.dark-mode .belperamova-app .belperamova-tool-card p,
.theme-dark .belperamova-app .belperamova-hero p,
.theme-dark .belperamova-app .belperamova-panel p,
.theme-dark .belperamova-app .belperamova-muted,
.theme-dark .belperamova-app .belperamova-status,
.theme-dark .belperamova-app .belperamova-session-list__meta,
.theme-dark .belperamova-app .belperamova-feature-preview__item span,
.theme-dark .belperamova-app .belperamova-tool-card p {
    color: #a8b5b8 !important;
}

body.dark-mode .belperamova-app .belperamova-session-list,
body.dark-mode .belperamova-app .belperamova-session-card,
body.dark-mode .belperamova-app .belperamova-feature-preview__item,
body.dark-mode .belperamova-app .belperamova-tool-card,
body.dark-mode .belperamova-app .belperamova-profile-panel__body,
body.dark-mode .belperamova-app .belperamova-notice,
body.dark-mode .belperamova-app .belperamova-history-page__filters,
body.dark-mode .belperamova-app .belperamova-history-page__bulk,
body[data-theme="dark"] .belperamova-app .belperamova-session-list,
body[data-theme="dark"] .belperamova-app .belperamova-session-card,
body[data-theme="dark"] .belperamova-app .belperamova-feature-preview__item,
body[data-theme="dark"] .belperamova-app .belperamova-tool-card,
body[data-theme="dark"] .belperamova-app .belperamova-profile-panel__body,
body[data-theme="dark"] .belperamova-app .belperamova-notice,
body[data-theme="dark"] .belperamova-app .belperamova-history-page__filters,
body[data-theme="dark"] .belperamova-app .belperamova-history-page__bulk,
[data-theme="dark"] .belperamova-app .belperamova-session-list,
[data-theme="dark"] .belperamova-app .belperamova-session-card,
[data-theme="dark"] .belperamova-app .belperamova-feature-preview__item,
[data-theme="dark"] .belperamova-app .belperamova-tool-card,
[data-theme="dark"] .belperamova-app .belperamova-profile-panel__body,
[data-theme="dark"] .belperamova-app .belperamova-notice,
[data-theme="dark"] .belperamova-app .belperamova-history-page__filters,
[data-theme="dark"] .belperamova-app .belperamova-history-page__bulk,
.dark-mode .belperamova-app .belperamova-session-list,
.dark-mode .belperamova-app .belperamova-session-card,
.dark-mode .belperamova-app .belperamova-feature-preview__item,
.dark-mode .belperamova-app .belperamova-tool-card,
.dark-mode .belperamova-app .belperamova-profile-panel__body,
.dark-mode .belperamova-app .belperamova-notice,
.dark-mode .belperamova-app .belperamova-history-page__filters,
.dark-mode .belperamova-app .belperamova-history-page__bulk,
.theme-dark .belperamova-app .belperamova-session-list,
.theme-dark .belperamova-app .belperamova-session-card,
.theme-dark .belperamova-app .belperamova-feature-preview__item,
.theme-dark .belperamova-app .belperamova-tool-card,
.theme-dark .belperamova-app .belperamova-profile-panel__body,
.theme-dark .belperamova-app .belperamova-notice,
.theme-dark .belperamova-app .belperamova-history-page__filters,
.theme-dark .belperamova-app .belperamova-history-page__bulk {
    border-color: rgba(136, 163, 165, 0.20) !important;
    background: linear-gradient(180deg, rgba(29, 42, 48, 0.96), rgba(24, 35, 40, 0.96)) !important;
    color: var(--belperamova-text) !important;
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.18) !important;
}

body.dark-mode .belperamova-app .belperamova-session-list__item,
body[data-theme="dark"] .belperamova-app .belperamova-session-list__item,
[data-theme="dark"] .belperamova-app .belperamova-session-list__item,
.dark-mode .belperamova-app .belperamova-session-list__item,
.theme-dark .belperamova-app .belperamova-session-list__item {
    border-bottom-color: rgba(136, 163, 165, 0.14) !important;
    background: rgba(29, 42, 48, 0.82) !important;
    color: var(--belperamova-text) !important;
}

body.dark-mode .belperamova-app .belperamova-session-list__item:hover,
body.dark-mode .belperamova-app .belperamova-session-list__item:focus,
body[data-theme="dark"] .belperamova-app .belperamova-session-list__item:hover,
body[data-theme="dark"] .belperamova-app .belperamova-session-list__item:focus,
[data-theme="dark"] .belperamova-app .belperamova-session-list__item:hover,
[data-theme="dark"] .belperamova-app .belperamova-session-list__item:focus,
.dark-mode .belperamova-app .belperamova-session-list__item:hover,
.dark-mode .belperamova-app .belperamova-session-list__item:focus,
.theme-dark .belperamova-app .belperamova-session-list__item:hover,
.theme-dark .belperamova-app .belperamova-session-list__item:focus {
    background: rgba(35, 50, 57, 0.96) !important;
}

body.dark-mode .belperamova-app .belperamova-session-list__drawer-inner .belperamova-session-card,
body.dark-mode .belperamova-app .belperamova-session-list__more,
body.dark-mode .belperamova-app .belperamova-session-list__more--outside,
body[data-theme="dark"] .belperamova-app .belperamova-session-list__drawer-inner .belperamova-session-card,
body[data-theme="dark"] .belperamova-app .belperamova-session-list__more,
body[data-theme="dark"] .belperamova-app .belperamova-session-list__more--outside,
[data-theme="dark"] .belperamova-app .belperamova-session-list__drawer-inner .belperamova-session-card,
[data-theme="dark"] .belperamova-app .belperamova-session-list__more,
[data-theme="dark"] .belperamova-app .belperamova-session-list__more--outside,
.dark-mode .belperamova-app .belperamova-session-list__drawer-inner .belperamova-session-card,
.dark-mode .belperamova-app .belperamova-session-list__more,
.dark-mode .belperamova-app .belperamova-session-list__more--outside,
.theme-dark .belperamova-app .belperamova-session-list__drawer-inner .belperamova-session-card,
.theme-dark .belperamova-app .belperamova-session-list__more,
.theme-dark .belperamova-app .belperamova-session-list__more--outside {
    border-color: rgba(136, 163, 165, 0.16) !important;
    background: rgba(22, 32, 37, 0.92) !important;
    color: var(--belperamova-text) !important;
}

body.dark-mode .belperamova-app .belperamova-button,
body[data-theme="dark"] .belperamova-app .belperamova-button,
[data-theme="dark"] .belperamova-app .belperamova-button,
.dark-mode .belperamova-app .belperamova-button,
.theme-dark .belperamova-app .belperamova-button {
    border-color: rgba(84, 216, 196, 0.38) !important;
    background: linear-gradient(135deg, #27b69f 0%, #68e1cf 100%) !important;
    color: #08201d !important;
    box-shadow: 0 14px 30px rgba(84, 216, 196, 0.14) !important;
}

body.dark-mode .belperamova-app .belperamova-button:hover,
body.dark-mode .belperamova-app .belperamova-button:focus,
body[data-theme="dark"] .belperamova-app .belperamova-button:hover,
body[data-theme="dark"] .belperamova-app .belperamova-button:focus,
[data-theme="dark"] .belperamova-app .belperamova-button:hover,
[data-theme="dark"] .belperamova-app .belperamova-button:focus,
.dark-mode .belperamova-app .belperamova-button:hover,
.dark-mode .belperamova-app .belperamova-button:focus,
.theme-dark .belperamova-app .belperamova-button:hover,
.theme-dark .belperamova-app .belperamova-button:focus {
    border-color: rgba(131, 239, 221, 0.54) !important;
    background: linear-gradient(135deg, #36c6ae 0%, #83efdd 100%) !important;
    color: #061816 !important;
}

body.dark-mode .belperamova-app .belperamova-button--secondary,
body.dark-mode .belperamova-app .belperamova-session-list__actions > .belperamova-mini-button[data-bp-session-open-button],
body.dark-mode .belperamova-app .belperamova-session-list__actions > .belperamova-mini-button--start,
body.dark-mode .belperamova-app .belperamova-session-list__menu-toggle,
body.dark-mode .belperamova-app .belperamova-session-list__more--outside .belperamova-session-list__more-button,
body.dark-mode .belperamova-app .belperamova-session-list__more--history-link .belperamova-session-list__more-button,
body[data-theme="dark"] .belperamova-app .belperamova-button--secondary,
body[data-theme="dark"] .belperamova-app .belperamova-session-list__actions > .belperamova-mini-button[data-bp-session-open-button],
body[data-theme="dark"] .belperamova-app .belperamova-session-list__actions > .belperamova-mini-button--start,
body[data-theme="dark"] .belperamova-app .belperamova-session-list__menu-toggle,
body[data-theme="dark"] .belperamova-app .belperamova-session-list__more--outside .belperamova-session-list__more-button,
body[data-theme="dark"] .belperamova-app .belperamova-session-list__more--history-link .belperamova-session-list__more-button,
[data-theme="dark"] .belperamova-app .belperamova-button--secondary,
[data-theme="dark"] .belperamova-app .belperamova-session-list__actions > .belperamova-mini-button[data-bp-session-open-button],
[data-theme="dark"] .belperamova-app .belperamova-session-list__actions > .belperamova-mini-button--start,
[data-theme="dark"] .belperamova-app .belperamova-session-list__menu-toggle,
[data-theme="dark"] .belperamova-app .belperamova-session-list__more--outside .belperamova-session-list__more-button,
[data-theme="dark"] .belperamova-app .belperamova-session-list__more--history-link .belperamova-session-list__more-button,
.dark-mode .belperamova-app .belperamova-button--secondary,
.dark-mode .belperamova-app .belperamova-session-list__actions > .belperamova-mini-button[data-bp-session-open-button],
.dark-mode .belperamova-app .belperamova-session-list__actions > .belperamova-mini-button--start,
.dark-mode .belperamova-app .belperamova-session-list__menu-toggle,
.dark-mode .belperamova-app .belperamova-session-list__more--outside .belperamova-session-list__more-button,
.dark-mode .belperamova-app .belperamova-session-list__more--history-link .belperamova-session-list__more-button,
.theme-dark .belperamova-app .belperamova-button--secondary,
.theme-dark .belperamova-app .belperamova-session-list__actions > .belperamova-mini-button[data-bp-session-open-button],
.theme-dark .belperamova-app .belperamova-session-list__actions > .belperamova-mini-button--start,
.theme-dark .belperamova-app .belperamova-session-list__menu-toggle,
.theme-dark .belperamova-app .belperamova-session-list__more--outside .belperamova-session-list__more-button,
.theme-dark .belperamova-app .belperamova-session-list__more--history-link .belperamova-session-list__more-button {
    border-color: rgba(136, 163, 165, 0.20) !important;
    background: rgba(31, 45, 51, 0.94) !important;
    color: #d9e8e8 !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12) !important;
}

body.dark-mode .belperamova-app .belperamova-button--secondary:hover,
body.dark-mode .belperamova-app .belperamova-button--secondary:focus,
body.dark-mode .belperamova-app .belperamova-session-list__actions > .belperamova-mini-button[data-bp-session-open-button]:hover,
body.dark-mode .belperamova-app .belperamova-session-list__actions > .belperamova-mini-button[data-bp-session-open-button]:focus,
body.dark-mode .belperamova-app .belperamova-session-list__actions > .belperamova-mini-button--start:hover,
body.dark-mode .belperamova-app .belperamova-session-list__actions > .belperamova-mini-button--start:focus,
body.dark-mode .belperamova-app .belperamova-session-list__menu-toggle:hover,
body.dark-mode .belperamova-app .belperamova-session-list__menu-toggle:focus,
body.dark-mode .belperamova-app .belperamova-session-list__more--outside .belperamova-session-list__more-button:hover,
body.dark-mode .belperamova-app .belperamova-session-list__more--outside .belperamova-session-list__more-button:focus,
body[data-theme="dark"] .belperamova-app .belperamova-button--secondary:hover,
body[data-theme="dark"] .belperamova-app .belperamova-button--secondary:focus,
body[data-theme="dark"] .belperamova-app .belperamova-session-list__actions > .belperamova-mini-button[data-bp-session-open-button]:hover,
body[data-theme="dark"] .belperamova-app .belperamova-session-list__actions > .belperamova-mini-button[data-bp-session-open-button]:focus,
body[data-theme="dark"] .belperamova-app .belperamova-session-list__actions > .belperamova-mini-button--start:hover,
body[data-theme="dark"] .belperamova-app .belperamova-session-list__actions > .belperamova-mini-button--start:focus,
body[data-theme="dark"] .belperamova-app .belperamova-session-list__menu-toggle:hover,
body[data-theme="dark"] .belperamova-app .belperamova-session-list__menu-toggle:focus,
body[data-theme="dark"] .belperamova-app .belperamova-session-list__more--outside .belperamova-session-list__more-button:hover,
body[data-theme="dark"] .belperamova-app .belperamova-session-list__more--outside .belperamova-session-list__more-button:focus,
[data-theme="dark"] .belperamova-app .belperamova-button--secondary:hover,
[data-theme="dark"] .belperamova-app .belperamova-button--secondary:focus,
[data-theme="dark"] .belperamova-app .belperamova-session-list__actions > .belperamova-mini-button[data-bp-session-open-button]:hover,
[data-theme="dark"] .belperamova-app .belperamova-session-list__actions > .belperamova-mini-button[data-bp-session-open-button]:focus,
[data-theme="dark"] .belperamova-app .belperamova-session-list__actions > .belperamova-mini-button--start:hover,
[data-theme="dark"] .belperamova-app .belperamova-session-list__actions > .belperamova-mini-button--start:focus,
[data-theme="dark"] .belperamova-app .belperamova-session-list__menu-toggle:hover,
[data-theme="dark"] .belperamova-app .belperamova-session-list__menu-toggle:focus,
[data-theme="dark"] .belperamova-app .belperamova-session-list__more--outside .belperamova-session-list__more-button:hover,
[data-theme="dark"] .belperamova-app .belperamova-session-list__more--outside .belperamova-session-list__more-button:focus,
.dark-mode .belperamova-app .belperamova-button--secondary:hover,
.dark-mode .belperamova-app .belperamova-button--secondary:focus,
.dark-mode .belperamova-app .belperamova-session-list__actions > .belperamova-mini-button[data-bp-session-open-button]:hover,
.dark-mode .belperamova-app .belperamova-session-list__actions > .belperamova-mini-button[data-bp-session-open-button]:focus,
.dark-mode .belperamova-app .belperamova-session-list__actions > .belperamova-mini-button--start:hover,
.dark-mode .belperamova-app .belperamova-session-list__actions > .belperamova-mini-button--start:focus,
.dark-mode .belperamova-app .belperamova-session-list__menu-toggle:hover,
.dark-mode .belperamova-app .belperamova-session-list__menu-toggle:focus,
.dark-mode .belperamova-app .belperamova-session-list__more--outside .belperamova-session-list__more-button:hover,
.dark-mode .belperamova-app .belperamova-session-list__more--outside .belperamova-session-list__more-button:focus,
.theme-dark .belperamova-app .belperamova-button--secondary:hover,
.theme-dark .belperamova-app .belperamova-button--secondary:focus,
.theme-dark .belperamova-app .belperamova-session-list__actions > .belperamova-mini-button[data-bp-session-open-button]:hover,
.theme-dark .belperamova-app .belperamova-session-list__actions > .belperamova-mini-button[data-bp-session-open-button]:focus,
.theme-dark .belperamova-app .belperamova-session-list__actions > .belperamova-mini-button--start:hover,
.theme-dark .belperamova-app .belperamova-session-list__actions > .belperamova-mini-button--start:focus,
.theme-dark .belperamova-app .belperamova-session-list__menu-toggle:hover,
.theme-dark .belperamova-app .belperamova-session-list__menu-toggle:focus,
.theme-dark .belperamova-app .belperamova-session-list__more--outside .belperamova-session-list__more-button:hover,
.theme-dark .belperamova-app .belperamova-session-list__more--outside .belperamova-session-list__more-button:focus {
    border-color: rgba(84, 216, 196, 0.34) !important;
    background: rgba(39, 58, 64, 0.98) !important;
    color: #effafa !important;
}

body.dark-mode .belperamova-app .belperamova-button:disabled,
body.dark-mode .belperamova-app .belperamova-button:disabled:hover,
body.dark-mode .belperamova-app .belperamova-button:disabled:focus,
body.dark-mode .belperamova-app .belperamova-mini-button:disabled,
body.dark-mode .belperamova-app .belperamova-mini-button:disabled:hover,
body.dark-mode .belperamova-app .belperamova-mini-button:disabled:focus,
body[data-theme="dark"] .belperamova-app .belperamova-button:disabled,
body[data-theme="dark"] .belperamova-app .belperamova-button:disabled:hover,
body[data-theme="dark"] .belperamova-app .belperamova-button:disabled:focus,
body[data-theme="dark"] .belperamova-app .belperamova-mini-button:disabled,
body[data-theme="dark"] .belperamova-app .belperamova-mini-button:disabled:hover,
body[data-theme="dark"] .belperamova-app .belperamova-mini-button:disabled:focus,
[data-theme="dark"] .belperamova-app .belperamova-button:disabled,
[data-theme="dark"] .belperamova-app .belperamova-button:disabled:hover,
[data-theme="dark"] .belperamova-app .belperamova-button:disabled:focus,
[data-theme="dark"] .belperamova-app .belperamova-mini-button:disabled,
[data-theme="dark"] .belperamova-app .belperamova-mini-button:disabled:hover,
[data-theme="dark"] .belperamova-app .belperamova-mini-button:disabled:focus,
.dark-mode .belperamova-app .belperamova-button:disabled,
.dark-mode .belperamova-app .belperamova-button:disabled:hover,
.dark-mode .belperamova-app .belperamova-button:disabled:focus,
.dark-mode .belperamova-app .belperamova-mini-button:disabled,
.dark-mode .belperamova-app .belperamova-mini-button:disabled:hover,
.dark-mode .belperamova-app .belperamova-mini-button:disabled:focus,
.theme-dark .belperamova-app .belperamova-button:disabled,
.theme-dark .belperamova-app .belperamova-button:disabled:hover,
.theme-dark .belperamova-app .belperamova-button:disabled:focus,
.theme-dark .belperamova-app .belperamova-mini-button:disabled,
.theme-dark .belperamova-app .belperamova-mini-button:disabled:hover,
.theme-dark .belperamova-app .belperamova-mini-button:disabled:focus {
    border-color: rgba(136, 163, 165, 0.12) !important;
    background: rgba(38, 52, 58, 0.52) !important;
    color: rgba(168, 181, 184, 0.46) !important;
    opacity: 1 !important;
    box-shadow: none !important;
    transform: none !important;
}

body.dark-mode .belperamova-app .belperamova-mini-button--danger:not(:disabled),
body[data-theme="dark"] .belperamova-app .belperamova-mini-button--danger:not(:disabled),
[data-theme="dark"] .belperamova-app .belperamova-mini-button--danger:not(:disabled),
.dark-mode .belperamova-app .belperamova-mini-button--danger:not(:disabled),
.theme-dark .belperamova-app .belperamova-mini-button--danger:not(:disabled) {
    color: #ff9aa3 !important;
}

body.dark-mode .belperamova-app .belperamova-session-list__menu-panel,
body[data-theme="dark"] .belperamova-app .belperamova-session-list__menu-panel,
[data-theme="dark"] .belperamova-app .belperamova-session-list__menu-panel,
.dark-mode .belperamova-app .belperamova-session-list__menu-panel,
.theme-dark .belperamova-app .belperamova-session-list__menu-panel {
    border-color: rgba(136, 163, 165, 0.22) !important;
    background: #223037 !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.28) !important;
}

body.dark-mode .belperamova-app .belperamova-session-list__menu-panel .belperamova-mini-button,
body[data-theme="dark"] .belperamova-app .belperamova-session-list__menu-panel .belperamova-mini-button,
[data-theme="dark"] .belperamova-app .belperamova-session-list__menu-panel .belperamova-mini-button,
.dark-mode .belperamova-app .belperamova-session-list__menu-panel .belperamova-mini-button,
.theme-dark .belperamova-app .belperamova-session-list__menu-panel .belperamova-mini-button {
    color: #d9e8e8 !important;
}

body.dark-mode .belperamova-app .belperamova-session-list__menu-panel .belperamova-mini-button:hover,
body.dark-mode .belperamova-app .belperamova-session-list__menu-panel .belperamova-mini-button:focus,
body[data-theme="dark"] .belperamova-app .belperamova-session-list__menu-panel .belperamova-mini-button:hover,
body[data-theme="dark"] .belperamova-app .belperamova-session-list__menu-panel .belperamova-mini-button:focus,
[data-theme="dark"] .belperamova-app .belperamova-session-list__menu-panel .belperamova-mini-button:hover,
[data-theme="dark"] .belperamova-app .belperamova-session-list__menu-panel .belperamova-mini-button:focus,
.dark-mode .belperamova-app .belperamova-session-list__menu-panel .belperamova-mini-button:hover,
.dark-mode .belperamova-app .belperamova-session-list__menu-panel .belperamova-mini-button:focus,
.theme-dark .belperamova-app .belperamova-session-list__menu-panel .belperamova-mini-button:hover,
.theme-dark .belperamova-app .belperamova-session-list__menu-panel .belperamova-mini-button:focus {
    background: rgba(84, 216, 196, 0.10) !important;
    color: #effafa !important;
}

body.dark-mode .belperamova-app .belperamova-feature-preview::before,
body[data-theme="dark"] .belperamova-app .belperamova-feature-preview::before,
[data-theme="dark"] .belperamova-app .belperamova-feature-preview::before,
.dark-mode .belperamova-app .belperamova-feature-preview::before,
.theme-dark .belperamova-app .belperamova-feature-preview::before {
    color: rgba(200, 218, 219, 0.72) !important;
}

body.dark-mode .belperamova-app .belperamova-session-list__status,
body[data-theme="dark"] .belperamova-app .belperamova-session-list__status,
[data-theme="dark"] .belperamova-app .belperamova-session-list__status,
.dark-mode .belperamova-app .belperamova-session-list__status,
.theme-dark .belperamova-app .belperamova-session-list__status {
    background: rgba(84, 216, 196, 0.11) !important;
    color: #bdf8ed !important;
}

body.dark-mode .belperamova-app .belperamova-session-share-group,
body[data-theme="dark"] .belperamova-app .belperamova-session-share-group,
[data-theme="dark"] .belperamova-app .belperamova-session-share-group,
.dark-mode .belperamova-app .belperamova-session-share-group,
.theme-dark .belperamova-app .belperamova-session-share-group {
    border-color: rgba(84, 216, 196, 0.20) !important;
    background: rgba(84, 216, 196, 0.08) !important;
    box-shadow: none !important;
}

body.dark-mode .belperamova-app .belperamova-session-share-group[data-session-status="live"],
body.dark-mode .belperamova-app .belperamova-session-list__item[data-session-status="live"] .belperamova-session-share-group,
body[data-theme="dark"] .belperamova-app .belperamova-session-share-group[data-session-status="live"],
body[data-theme="dark"] .belperamova-app .belperamova-session-list__item[data-session-status="live"] .belperamova-session-share-group,
[data-theme="dark"] .belperamova-app .belperamova-session-share-group[data-session-status="live"],
[data-theme="dark"] .belperamova-app .belperamova-session-list__item[data-session-status="live"] .belperamova-session-share-group,
.dark-mode .belperamova-app .belperamova-session-share-group[data-session-status="live"],
.dark-mode .belperamova-app .belperamova-session-list__item[data-session-status="live"] .belperamova-session-share-group,
.theme-dark .belperamova-app .belperamova-session-share-group[data-session-status="live"],
.theme-dark .belperamova-app .belperamova-session-list__item[data-session-status="live"] .belperamova-session-share-group {
    border-color: rgba(123, 226, 170, 0.24) !important;
    background: rgba(34, 92, 67, 0.22) !important;
}

body.dark-mode .belperamova-app input,
body.dark-mode .belperamova-app textarea,
body.dark-mode .belperamova-app .belperamova-session-note__field,
body[data-theme="dark"] .belperamova-app input,
body[data-theme="dark"] .belperamova-app textarea,
body[data-theme="dark"] .belperamova-app .belperamova-session-note__field,
[data-theme="dark"] .belperamova-app input,
[data-theme="dark"] .belperamova-app textarea,
[data-theme="dark"] .belperamova-app .belperamova-session-note__field,
.dark-mode .belperamova-app input,
.dark-mode .belperamova-app textarea,
.dark-mode .belperamova-app .belperamova-session-note__field,
.theme-dark .belperamova-app input,
.theme-dark .belperamova-app textarea,
.theme-dark .belperamova-app .belperamova-session-note__field {
    border-color: rgba(136, 163, 165, 0.22) !important;
    background: #172226 !important;
    color: #e9f0f0 !important;
}

body.dark-mode .belperamova-app input::placeholder,
body.dark-mode .belperamova-app textarea::placeholder,
body[data-theme="dark"] .belperamova-app input::placeholder,
body[data-theme="dark"] .belperamova-app textarea::placeholder,
[data-theme="dark"] .belperamova-app input::placeholder,
[data-theme="dark"] .belperamova-app textarea::placeholder,
.dark-mode .belperamova-app input::placeholder,
.dark-mode .belperamova-app textarea::placeholder,
.theme-dark .belperamova-app input::placeholder,
.theme-dark .belperamova-app textarea::placeholder {
    color: rgba(168, 181, 184, 0.64) !important;
}

body.dark-mode .belperamova-app .belperamova-jitsi-frame,
body[data-theme="dark"] .belperamova-app .belperamova-jitsi-frame,
[data-theme="dark"] .belperamova-app .belperamova-jitsi-frame,
.dark-mode .belperamova-app .belperamova-jitsi-frame,
.theme-dark .belperamova-app .belperamova-jitsi-frame {
    background: radial-gradient(circle at 50% 10%, rgba(84, 216, 196, 0.10), transparent 34%), #0b1114 !important;
    box-shadow: 0 20px 52px rgba(0, 0, 0, 0.28) !important;
}

body.dark-mode .belperamova-app .belperamova-owner-tariff-panel,
body[data-theme="dark"] .belperamova-app .belperamova-owner-tariff-panel,
[data-theme="dark"] .belperamova-app .belperamova-owner-tariff-panel,
.dark-mode .belperamova-app .belperamova-owner-tariff-panel,
.theme-dark .belperamova-app .belperamova-owner-tariff-panel {
    border-color: rgba(84, 216, 196, 0.18) !important;
    background: linear-gradient(180deg, rgba(29, 42, 48, 0.96), rgba(23, 34, 39, 0.96)) !important;
    color: var(--belperamova-text) !important;
}

@media (max-width: 640px) {
    body.dark-mode .belperamova-app,
    body[data-theme="dark"] .belperamova-app,
    [data-theme="dark"] .belperamova-app,
    .dark-mode .belperamova-app,
    .theme-dark .belperamova-app {
        background: transparent !important;
    }

    body.dark-mode .belperamova-app .belperamova-session-list,
    body[data-theme="dark"] .belperamova-app .belperamova-session-list,
    [data-theme="dark"] .belperamova-app .belperamova-session-list,
    .dark-mode .belperamova-app .belperamova-session-list,
    .theme-dark .belperamova-app .belperamova-session-list {
        gap: 10px;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    body.dark-mode .belperamova-app .belperamova-session-list__item,
    body[data-theme="dark"] .belperamova-app .belperamova-session-list__item,
    [data-theme="dark"] .belperamova-app .belperamova-session-list__item,
    .dark-mode .belperamova-app .belperamova-session-list__item,
    .theme-dark .belperamova-app .belperamova-session-list__item {
        border: 1px solid rgba(136, 163, 165, 0.18) !important;
        border-radius: 18px !important;
        background: linear-gradient(180deg, rgba(29, 42, 48, 0.98), rgba(23, 34, 39, 0.98)) !important;
    }

    body.dark-mode .belperamova-app .belperamova-button,
    body.dark-mode .belperamova-app .belperamova-button--secondary,
    body[data-theme="dark"] .belperamova-app .belperamova-button,
    body[data-theme="dark"] .belperamova-app .belperamova-button--secondary,
    [data-theme="dark"] .belperamova-app .belperamova-button,
    [data-theme="dark"] .belperamova-app .belperamova-button--secondary,
    .dark-mode .belperamova-app .belperamova-button,
    .dark-mode .belperamova-app .belperamova-button--secondary,
    .theme-dark .belperamova-app .belperamova-button,
    .theme-dark .belperamova-app .belperamova-button--secondary {
        min-height: 48px;
        border-radius: 16px;
    }
}



/* ─── 0.2.79: доработка истории, кнопок и безопасного фона ───
 * Задача:
 * - Кнопки «Переименовать» и «Удалить» в ночной теме не должны становиться белыми в обычном состоянии.
 * - Общий контейнер истории не должен выглядеть как лишняя подложка поверх строк встреч.
 * - Тени общего списка убраны: строки остаются читаемыми, но без тяжелого второго слоя.
 * - Футер и общий wrapper сайта не перекрашиваются стилями БелПерамовы.
 * - Правки только CSS, без изменений JS, REST, Jitsi и тарифной логики.
 */
.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list {
    overflow: visible !important;
    gap: 10px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item {
    border: 1px solid var(--belperamova-border) !important;
    border-radius: 18px !important;
    box-shadow: none !important;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item:last-child {
    border-bottom: 1px solid var(--belperamova-border) !important;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__drawer-inner .belperamova-session-card {
    box-shadow: none !important;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__actions > .belperamova-mini-button--rename:not(:disabled),
.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__actions > .belperamova-session-list__rename:not(:disabled) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 36px !important;
    padding: 0 16px !important;
    border: 1px solid rgba(var(--belperamova-accent-rgb), 0.28) !important;
    border-radius: 14px !important;
    background: rgba(var(--belperamova-accent-rgb), 0.07) !important;
    color: var(--belperamova-accent-dark) !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__actions > .belperamova-mini-button--rename:not(:disabled):hover,
.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__actions > .belperamova-mini-button--rename:not(:disabled):focus,
.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__actions > .belperamova-session-list__rename:not(:disabled):hover,
.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__actions > .belperamova-session-list__rename:not(:disabled):focus {
    border-color: rgba(var(--belperamova-accent-rgb), 0.42) !important;
    background: rgba(var(--belperamova-accent-rgb), 0.12) !important;
    color: var(--belperamova-accent-dark) !important;
    text-decoration: none !important;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__actions > .belperamova-mini-button--rename:disabled,
.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__actions > .belperamova-session-list__rename:disabled {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 36px !important;
    padding: 0 16px !important;
    border: 1px solid rgba(96, 114, 122, 0.16) !important;
    border-radius: 14px !important;
    background: rgba(96, 114, 122, 0.08) !important;
    color: rgba(96, 114, 122, 0.42) !important;
    opacity: 1 !important;
    box-shadow: none !important;
    transform: none !important;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__actions > .belperamova-mini-button--danger:not(:disabled) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 36px !important;
    padding: 0 16px !important;
    border: 1px solid var(--belperamova-danger-border) !important;
    border-radius: 14px !important;
    background: var(--belperamova-danger-bg) !important;
    color: var(--belperamova-danger) !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__actions > .belperamova-mini-button--danger:not(:disabled):hover,
.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__actions > .belperamova-mini-button--danger:not(:disabled):focus {
    border-color: rgba(197, 75, 86, 0.42) !important;
    background: rgba(197, 75, 86, 0.13) !important;
    color: #a93c46 !important;
    text-decoration: none !important;
}

body.dark-mode .belperamova-app .belperamova-session-list,
body[data-theme="dark"] .belperamova-app .belperamova-session-list,
[data-theme="dark"] .belperamova-app .belperamova-session-list,
.dark .belperamova-app .belperamova-session-list,
.dark-mode .belperamova-app .belperamova-session-list,
.theme-dark .belperamova-app .belperamova-session-list,
.night-mode .belperamova-app .belperamova-session-list,
.is-dark-theme .belperamova-app .belperamova-session-list,
.wp-dark-mode-active .belperamova-app .belperamova-session-list,
.site-dark .belperamova-app .belperamova-session-list,
.color-scheme-dark .belperamova-app .belperamova-session-list {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.dark-mode .belperamova-app .belperamova-session-list__item,
body[data-theme="dark"] .belperamova-app .belperamova-session-list__item,
[data-theme="dark"] .belperamova-app .belperamova-session-list__item,
.dark .belperamova-app .belperamova-session-list__item,
.dark-mode .belperamova-app .belperamova-session-list__item,
.theme-dark .belperamova-app .belperamova-session-list__item,
.night-mode .belperamova-app .belperamova-session-list__item,
.is-dark-theme .belperamova-app .belperamova-session-list__item,
.wp-dark-mode-active .belperamova-app .belperamova-session-list__item,
.site-dark .belperamova-app .belperamova-session-list__item,
.color-scheme-dark .belperamova-app .belperamova-session-list__item {
    border: 1px solid rgba(136, 163, 165, 0.18) !important;
    background: linear-gradient(180deg, rgba(29, 42, 48, 0.90), rgba(23, 34, 39, 0.90)) !important;
    box-shadow: none !important;
}

body.dark-mode .belperamova-app .belperamova-session-list__item:hover,
body.dark-mode .belperamova-app .belperamova-session-list__item:focus-within,
body[data-theme="dark"] .belperamova-app .belperamova-session-list__item:hover,
body[data-theme="dark"] .belperamova-app .belperamova-session-list__item:focus-within,
[data-theme="dark"] .belperamova-app .belperamova-session-list__item:hover,
[data-theme="dark"] .belperamova-app .belperamova-session-list__item:focus-within,
.dark .belperamova-app .belperamova-session-list__item:hover,
.dark .belperamova-app .belperamova-session-list__item:focus-within,
.dark-mode .belperamova-app .belperamova-session-list__item:hover,
.dark-mode .belperamova-app .belperamova-session-list__item:focus-within,
.theme-dark .belperamova-app .belperamova-session-list__item:hover,
.theme-dark .belperamova-app .belperamova-session-list__item:focus-within,
.night-mode .belperamova-app .belperamova-session-list__item:hover,
.night-mode .belperamova-app .belperamova-session-list__item:focus-within {
    border-color: rgba(84, 216, 196, 0.28) !important;
    background: linear-gradient(180deg, rgba(31, 47, 53, 0.94), rgba(25, 38, 43, 0.94)) !important;
}

body.dark-mode .belperamova-app .belperamova-session-list__actions > .belperamova-mini-button--rename:not(:disabled),
body.dark-mode .belperamova-app .belperamova-session-list__actions > .belperamova-session-list__rename:not(:disabled),
body[data-theme="dark"] .belperamova-app .belperamova-session-list__actions > .belperamova-mini-button--rename:not(:disabled),
body[data-theme="dark"] .belperamova-app .belperamova-session-list__actions > .belperamova-session-list__rename:not(:disabled),
[data-theme="dark"] .belperamova-app .belperamova-session-list__actions > .belperamova-mini-button--rename:not(:disabled),
[data-theme="dark"] .belperamova-app .belperamova-session-list__actions > .belperamova-session-list__rename:not(:disabled),
.dark .belperamova-app .belperamova-session-list__actions > .belperamova-mini-button--rename:not(:disabled),
.dark .belperamova-app .belperamova-session-list__actions > .belperamova-session-list__rename:not(:disabled),
.dark-mode .belperamova-app .belperamova-session-list__actions > .belperamova-mini-button--rename:not(:disabled),
.dark-mode .belperamova-app .belperamova-session-list__actions > .belperamova-session-list__rename:not(:disabled),
.theme-dark .belperamova-app .belperamova-session-list__actions > .belperamova-mini-button--rename:not(:disabled),
.theme-dark .belperamova-app .belperamova-session-list__actions > .belperamova-session-list__rename:not(:disabled) {
    border-color: rgba(84, 216, 196, 0.36) !important;
    background: rgba(84, 216, 196, 0.09) !important;
    color: #d8f6f2 !important;
}

body.dark-mode .belperamova-app .belperamova-session-list__actions > .belperamova-mini-button--rename:disabled,
body.dark-mode .belperamova-app .belperamova-session-list__actions > .belperamova-session-list__rename:disabled,
body[data-theme="dark"] .belperamova-app .belperamova-session-list__actions > .belperamova-mini-button--rename:disabled,
body[data-theme="dark"] .belperamova-app .belperamova-session-list__actions > .belperamova-session-list__rename:disabled,
[data-theme="dark"] .belperamova-app .belperamova-session-list__actions > .belperamova-mini-button--rename:disabled,
[data-theme="dark"] .belperamova-app .belperamova-session-list__actions > .belperamova-session-list__rename:disabled,
.dark .belperamova-app .belperamova-session-list__actions > .belperamova-mini-button--rename:disabled,
.dark .belperamova-app .belperamova-session-list__actions > .belperamova-session-list__rename:disabled,
.dark-mode .belperamova-app .belperamova-session-list__actions > .belperamova-mini-button--rename:disabled,
.dark-mode .belperamova-app .belperamova-session-list__actions > .belperamova-session-list__rename:disabled,
.theme-dark .belperamova-app .belperamova-session-list__actions > .belperamova-mini-button--rename:disabled,
.theme-dark .belperamova-app .belperamova-session-list__actions > .belperamova-session-list__rename:disabled {
    border-color: rgba(136, 163, 165, 0.13) !important;
    background: rgba(38, 52, 58, 0.44) !important;
    color: rgba(200, 218, 219, 0.36) !important;
}

body.dark-mode .belperamova-app .belperamova-session-list__actions > .belperamova-mini-button--danger:not(:disabled),
body[data-theme="dark"] .belperamova-app .belperamova-session-list__actions > .belperamova-mini-button--danger:not(:disabled),
[data-theme="dark"] .belperamova-app .belperamova-session-list__actions > .belperamova-mini-button--danger:not(:disabled),
.dark .belperamova-app .belperamova-session-list__actions > .belperamova-mini-button--danger:not(:disabled),
.dark-mode .belperamova-app .belperamova-session-list__actions > .belperamova-mini-button--danger:not(:disabled),
.theme-dark .belperamova-app .belperamova-session-list__actions > .belperamova-mini-button--danger:not(:disabled) {
    border-color: rgba(225, 107, 117, 0.42) !important;
    background: rgba(108, 38, 45, 0.24) !important;
    color: #ffadb5 !important;
}

body.dark-mode .belperamova-app .belperamova-session-list__actions > .belperamova-mini-button--danger:not(:disabled):hover,
body.dark-mode .belperamova-app .belperamova-session-list__actions > .belperamova-mini-button--danger:not(:disabled):focus,
body[data-theme="dark"] .belperamova-app .belperamova-session-list__actions > .belperamova-mini-button--danger:not(:disabled):hover,
body[data-theme="dark"] .belperamova-app .belperamova-session-list__actions > .belperamova-mini-button--danger:not(:disabled):focus,
[data-theme="dark"] .belperamova-app .belperamova-session-list__actions > .belperamova-mini-button--danger:not(:disabled):hover,
[data-theme="dark"] .belperamova-app .belperamova-session-list__actions > .belperamova-mini-button--danger:not(:disabled):focus,
.dark .belperamova-app .belperamova-session-list__actions > .belperamova-mini-button--danger:not(:disabled):hover,
.dark .belperamova-app .belperamova-session-list__actions > .belperamova-mini-button--danger:not(:disabled):focus,
.dark-mode .belperamova-app .belperamova-session-list__actions > .belperamova-mini-button--danger:not(:disabled):hover,
.dark-mode .belperamova-app .belperamova-session-list__actions > .belperamova-mini-button--danger:not(:disabled):focus,
.theme-dark .belperamova-app .belperamova-session-list__actions > .belperamova-mini-button--danger:not(:disabled):hover,
.theme-dark .belperamova-app .belperamova-session-list__actions > .belperamova-mini-button--danger:not(:disabled):focus {
    border-color: rgba(255, 154, 163, 0.58) !important;
    background: rgba(137, 45, 55, 0.34) !important;
    color: #ffd0d5 !important;
}

/* ─── 0.2.80: компактная мобильная панель, мягкий акцент отложенной ссылки и черный футер ───
 * Задача:
 * - На мобильном экране кнопки owner-кабинета не должны занимать лишнюю высоту.
 * - Кнопка «Создать ссылку заранее» должна быть чуть заметнее и теплее, без агрессивного красного.
 * - Футер сайта на странице БелПерамовы не должен наследовать фон рабочей области сервиса.
 * - Правки только CSS, без изменений JS, REST, Jitsi, тарифов и структуры разметки.
 */

/* Мягкое красноватое выделение отложенной ссылки в светлой теме. */
.belperamova-app[data-belperamova-mode="owner"] .belperamova-button[data-bp-action="create-deferred-session"] {
    border-color: rgba(190, 73, 76, 0.26) !important;
    background: rgba(190, 73, 76, 0.055) !important;
    color: #8d3b3f !important;
    box-shadow: none !important;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-button[data-bp-action="create-deferred-session"]:hover,
.belperamova-app[data-belperamova-mode="owner"] .belperamova-button[data-bp-action="create-deferred-session"]:focus {
    border-color: rgba(190, 73, 76, 0.38) !important;
    background: rgba(190, 73, 76, 0.095) !important;
    color: #783136 !important;
}

/* В ночной теме сохраняем спокойный, не белый и не кричащий красный акцент. */
body.dark-mode .belperamova-app[data-belperamova-mode="owner"] .belperamova-button[data-bp-action="create-deferred-session"],
body[data-theme="dark"] .belperamova-app[data-belperamova-mode="owner"] .belperamova-button[data-bp-action="create-deferred-session"],
[data-theme="dark"] .belperamova-app[data-belperamova-mode="owner"] .belperamova-button[data-bp-action="create-deferred-session"],
.dark .belperamova-app[data-belperamova-mode="owner"] .belperamova-button[data-bp-action="create-deferred-session"],
.dark-mode .belperamova-app[data-belperamova-mode="owner"] .belperamova-button[data-bp-action="create-deferred-session"],
.theme-dark .belperamova-app[data-belperamova-mode="owner"] .belperamova-button[data-bp-action="create-deferred-session"],
.night-mode .belperamova-app[data-belperamova-mode="owner"] .belperamova-button[data-bp-action="create-deferred-session"],
.is-dark-theme .belperamova-app[data-belperamova-mode="owner"] .belperamova-button[data-bp-action="create-deferred-session"],
.wp-dark-mode-active .belperamova-app[data-belperamova-mode="owner"] .belperamova-button[data-bp-action="create-deferred-session"],
.site-dark .belperamova-app[data-belperamova-mode="owner"] .belperamova-button[data-bp-action="create-deferred-session"],
.color-scheme-dark .belperamova-app[data-belperamova-mode="owner"] .belperamova-button[data-bp-action="create-deferred-session"] {
    border-color: rgba(225, 107, 117, 0.30) !important;
    background: rgba(108, 38, 45, 0.18) !important;
    color: #ffc2c8 !important;
    box-shadow: none !important;
}

body.dark-mode .belperamova-app[data-belperamova-mode="owner"] .belperamova-button[data-bp-action="create-deferred-session"]:hover,
body.dark-mode .belperamova-app[data-belperamova-mode="owner"] .belperamova-button[data-bp-action="create-deferred-session"]:focus,
body[data-theme="dark"] .belperamova-app[data-belperamova-mode="owner"] .belperamova-button[data-bp-action="create-deferred-session"]:hover,
body[data-theme="dark"] .belperamova-app[data-belperamova-mode="owner"] .belperamova-button[data-bp-action="create-deferred-session"]:focus,
[data-theme="dark"] .belperamova-app[data-belperamova-mode="owner"] .belperamova-button[data-bp-action="create-deferred-session"]:hover,
[data-theme="dark"] .belperamova-app[data-belperamova-mode="owner"] .belperamova-button[data-bp-action="create-deferred-session"]:focus,
.dark .belperamova-app[data-belperamova-mode="owner"] .belperamova-button[data-bp-action="create-deferred-session"]:hover,
.dark .belperamova-app[data-belperamova-mode="owner"] .belperamova-button[data-bp-action="create-deferred-session"]:focus,
.dark-mode .belperamova-app[data-belperamova-mode="owner"] .belperamova-button[data-bp-action="create-deferred-session"]:hover,
.dark-mode .belperamova-app[data-belperamova-mode="owner"] .belperamova-button[data-bp-action="create-deferred-session"]:focus,
.theme-dark .belperamova-app[data-belperamova-mode="owner"] .belperamova-button[data-bp-action="create-deferred-session"]:hover,
.theme-dark .belperamova-app[data-belperamova-mode="owner"] .belperamova-button[data-bp-action="create-deferred-session"]:focus {
    border-color: rgba(255, 154, 163, 0.46) !important;
    background: rgba(137, 45, 55, 0.28) !important;
    color: #ffd8dc !important;
}


/* Мобильный owner-кабинет: меньше высоты, меньше воздуха, те же понятные действия. */
@media (max-width: 640px) {
    .belperamova-app[data-belperamova-mode="owner"] .belperamova-hero .belperamova-actions {
        gap: 7px !important;
        margin-top: 10px !important;
    }

    .belperamova-app[data-belperamova-mode="owner"] .belperamova-hero .belperamova-button {
        min-height: 42px !important;
        padding: 8px 14px !important;
        border-radius: 13px !important;
        font-size: 13px !important;
        line-height: 1.15 !important;
    }

    .belperamova-app[data-belperamova-mode="owner"] .belperamova-panel:has([data-bp-session-list]) .belperamova-panel__header {
        margin-bottom: 10px !important;
    }

    .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list {
        gap: 8px !important;
    }

    .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item {
        gap: 6px !important;
        padding: 11px 12px !important;
        border-radius: 16px !important;
    }

    .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__main {
        gap: 4px !important;
    }

    .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__actions {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: flex-end !important;
        gap: 6px !important;
        width: 100% !important;
    }

    .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__actions > .belperamova-mini-button,
    .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__actions > .belperamova-mini-button--rename,
    .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__actions > .belperamova-session-list__rename,
    .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__actions > .belperamova-mini-button--danger,
    .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__actions > .belperamova-mini-button[data-bp-session-open-button] {
        flex: 0 0 auto !important;
        width: auto !important;
        min-width: 0 !important;
        min-height: 32px !important;
        padding: 0 11px !important;
        border-radius: 11px !important;
        font-size: 12px !important;
        line-height: 1 !important;
    }

    .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__actions > .belperamova-mini-button--rename,
    .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__actions > .belperamova-session-list__rename {
        padding-right: 12px !important;
        padding-left: 12px !important;
    }

    .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__actions > .belperamova-mini-button--danger {
        padding-right: 12px !important;
        padding-left: 12px !important;
    }
}

/* --- 0.2.81: мобильные действия, темный workspace, чистый футер и подпись открытой карточки ---
 * Задача:
 * - Если кнопки истории на мобильном экране переносятся, держать их по центру, а не прижимать вправо.
 * - Раскрытые блоки заметки и отчета должны подчиняться ночной теме, без белых дневных карточек.
 * - У workspace заметки/отчета не должно быть общей фоновой подложки, которая видна между карточками и в углах.
 * - Дополнительные сервисы не должны давать лишнюю тень.
 * - Если JS оставил текст "Открыть" на кнопке активного свернутого/раскрытого состояния, визуально показывать "Свернуть" только у открытой карточки.
 * - Футер страницы остается черным и не наследует фон рабочей области БелПерамовы.
 */

body.belperamova-page.dark-mode,
body.belperamova-page[data-theme="dark"],
body.belperamova-page.theme-dark,
body.belperamova-page.night-mode,
body.belperamova-page.is-dark-theme,
body.belperamova-page.wp-dark-mode-active,
body.belperamova-page.site-dark,
body.belperamova-page.color-scheme-dark {
    background: #0f1520 !important;
}

body.belperamova-page.dark-mode #page,
body.belperamova-page[data-theme="dark"] #page,
body.belperamova-page.theme-dark #page,
body.belperamova-page.night-mode #page,
body.belperamova-page.is-dark-theme #page,
body.belperamova-page.wp-dark-mode-active #page,
body.belperamova-page.site-dark #page,
body.belperamova-page.color-scheme-dark #page,
body.belperamova-page.dark-mode .site-wrapper,
body.belperamova-page[data-theme="dark"] .site-wrapper,
body.belperamova-page.theme-dark .site-wrapper,
body.belperamova-page.night-mode .site-wrapper,
body.belperamova-page.is-dark-theme .site-wrapper,
body.belperamova-page.wp-dark-mode-active .site-wrapper,
body.belperamova-page.site-dark .site-wrapper,
body.belperamova-page.color-scheme-dark .site-wrapper {
    background: #0f1520 !important;
}

body.belperamova-page.dark-mode .site-main,
body.belperamova-page.dark-mode .entry-content,
body.belperamova-page[data-theme="dark"] .site-main,
body.belperamova-page[data-theme="dark"] .entry-content,
body.belperamova-page.theme-dark .site-main,
body.belperamova-page.theme-dark .entry-content,
body.belperamova-page.night-mode .site-main,
body.belperamova-page.night-mode .entry-content,
body.belperamova-page.is-dark-theme .site-main,
body.belperamova-page.is-dark-theme .entry-content,
body.belperamova-page.wp-dark-mode-active .site-main,
body.belperamova-page.wp-dark-mode-active .entry-content,
body.belperamova-page.site-dark .site-main,
body.belperamova-page.site-dark .entry-content,
body.belperamova-page.color-scheme-dark .site-main,
body.belperamova-page.color-scheme-dark .entry-content {
    background: #151f23 !important;
}


.belperamova-app .belperamova-feature-preview__item,
.belperamova-app .belperamova-feature-preview__item:hover,
.belperamova-app .belperamova-feature-preview__item:focus,
.belperamova-app .belperamova-tool-card {
    box-shadow: none !important;
}

.belperamova-app .belperamova-meeting-workspace,
.belperamova-app .belperamova-meeting-workspace[data-bp-post-meeting="1"],
.belperamova-app .belperamova-session-list__drawer-inner .belperamova-meeting-workspace,
.belperamova-app .belperamova-session-list__drawer-inner .belperamova-meeting-workspace[data-bp-post-meeting="1"] {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    overflow: visible !important;
}

body.dark-mode .belperamova-app .belperamova-meeting-workspace .belperamova-tool-card,
body.dark-mode .belperamova-app .belperamova-meeting-workspace[data-bp-post-meeting="1"] .belperamova-tool-card,
body[data-theme="dark"] .belperamova-app .belperamova-meeting-workspace .belperamova-tool-card,
body[data-theme="dark"] .belperamova-app .belperamova-meeting-workspace[data-bp-post-meeting="1"] .belperamova-tool-card,
[data-theme="dark"] .belperamova-app .belperamova-meeting-workspace .belperamova-tool-card,
[data-theme="dark"] .belperamova-app .belperamova-meeting-workspace[data-bp-post-meeting="1"] .belperamova-tool-card,
.dark .belperamova-app .belperamova-meeting-workspace .belperamova-tool-card,
.dark .belperamova-app .belperamova-meeting-workspace[data-bp-post-meeting="1"] .belperamova-tool-card,
.dark-mode .belperamova-app .belperamova-meeting-workspace .belperamova-tool-card,
.dark-mode .belperamova-app .belperamova-meeting-workspace[data-bp-post-meeting="1"] .belperamova-tool-card,
.theme-dark .belperamova-app .belperamova-meeting-workspace .belperamova-tool-card,
.theme-dark .belperamova-app .belperamova-meeting-workspace[data-bp-post-meeting="1"] .belperamova-tool-card,
.night-mode .belperamova-app .belperamova-meeting-workspace .belperamova-tool-card,
.night-mode .belperamova-app .belperamova-meeting-workspace[data-bp-post-meeting="1"] .belperamova-tool-card,
.is-dark-theme .belperamova-app .belperamova-meeting-workspace .belperamova-tool-card,
.is-dark-theme .belperamova-app .belperamova-meeting-workspace[data-bp-post-meeting="1"] .belperamova-tool-card,
.wp-dark-mode-active .belperamova-app .belperamova-meeting-workspace .belperamova-tool-card,
.wp-dark-mode-active .belperamova-app .belperamova-meeting-workspace[data-bp-post-meeting="1"] .belperamova-tool-card,
.site-dark .belperamova-app .belperamova-meeting-workspace .belperamova-tool-card,
.site-dark .belperamova-app .belperamova-meeting-workspace[data-bp-post-meeting="1"] .belperamova-tool-card,
.color-scheme-dark .belperamova-app .belperamova-meeting-workspace .belperamova-tool-card,
.color-scheme-dark .belperamova-app .belperamova-meeting-workspace[data-bp-post-meeting="1"] .belperamova-tool-card {
    border-color: rgba(136, 163, 165, 0.20) !important;
    background: linear-gradient(180deg, rgba(29, 42, 48, 0.96), rgba(24, 35, 40, 0.96)) !important;
    color: var(--belperamova-text) !important;
    box-shadow: none !important;
    opacity: 1 !important;
}

body.dark-mode .belperamova-app .belperamova-meeting-workspace .belperamova-session-note__toolbar,
body.dark-mode .belperamova-app .belperamova-meeting-workspace .belperamova-session-note__field,
body.dark-mode .belperamova-app .belperamova-meeting-workspace .belperamova-note-tool-button,
body[data-theme="dark"] .belperamova-app .belperamova-meeting-workspace .belperamova-session-note__toolbar,
body[data-theme="dark"] .belperamova-app .belperamova-meeting-workspace .belperamova-session-note__field,
body[data-theme="dark"] .belperamova-app .belperamova-meeting-workspace .belperamova-note-tool-button,
[data-theme="dark"] .belperamova-app .belperamova-meeting-workspace .belperamova-session-note__toolbar,
[data-theme="dark"] .belperamova-app .belperamova-meeting-workspace .belperamova-session-note__field,
[data-theme="dark"] .belperamova-app .belperamova-meeting-workspace .belperamova-note-tool-button,
.dark .belperamova-app .belperamova-meeting-workspace .belperamova-session-note__toolbar,
.dark .belperamova-app .belperamova-meeting-workspace .belperamova-session-note__field,
.dark .belperamova-app .belperamova-meeting-workspace .belperamova-note-tool-button,
.dark-mode .belperamova-app .belperamova-meeting-workspace .belperamova-session-note__toolbar,
.dark-mode .belperamova-app .belperamova-meeting-workspace .belperamova-session-note__field,
.dark-mode .belperamova-app .belperamova-meeting-workspace .belperamova-note-tool-button,
.theme-dark .belperamova-app .belperamova-meeting-workspace .belperamova-session-note__toolbar,
.theme-dark .belperamova-app .belperamova-meeting-workspace .belperamova-session-note__field,
.theme-dark .belperamova-app .belperamova-meeting-workspace .belperamova-note-tool-button {
    border-color: rgba(136, 163, 165, 0.20) !important;
    background: #172226 !important;
    color: #e9f0f0 !important;
    box-shadow: none !important;
}

body.dark-mode .belperamova-app .belperamova-meeting-workspace .belperamova-note-tool-button:disabled,
body[data-theme="dark"] .belperamova-app .belperamova-meeting-workspace .belperamova-note-tool-button:disabled,
[data-theme="dark"] .belperamova-app .belperamova-meeting-workspace .belperamova-note-tool-button:disabled,
.dark .belperamova-app .belperamova-meeting-workspace .belperamova-note-tool-button:disabled,
.dark-mode .belperamova-app .belperamova-meeting-workspace .belperamova-note-tool-button:disabled,
.theme-dark .belperamova-app .belperamova-meeting-workspace .belperamova-note-tool-button:disabled {
    color: rgba(200, 218, 219, 0.34) !important;
    background: rgba(23, 34, 38, 0.68) !important;
}

.belperamova-session-list__item:has(.belperamova-session-list__drawer.is-open) .belperamova-session-list__active-return,
.belperamova-session-list__item:has(.belperamova-session-list__drawer.is-open) [data-bp-active-return-button],
.belperamova-session-list__item:has(.belperamova-session-list__drawer.is-open) [data-bp-session-open-button][aria-expanded="true"] {
    font-size: 0 !important;
}

.belperamova-session-list__item:has(.belperamova-session-list__drawer.is-open) .belperamova-session-list__active-return::before,
.belperamova-session-list__item:has(.belperamova-session-list__drawer.is-open) [data-bp-active-return-button]::before,
.belperamova-session-list__item:has(.belperamova-session-list__drawer.is-open) [data-bp-session-open-button][aria-expanded="true"]::before {
    content: "Свернуть" !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
}

@media (max-width: 640px) {
    .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__actions {
        justify-content: center !important;
        justify-items: center !important;
        align-items: center !important;
        text-align: center !important;
    }

    .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__actions > .belperamova-mini-button,
    .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__actions > .belperamova-mini-button--rename,
    .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__actions > .belperamova-session-list__rename,
    .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__actions > .belperamova-mini-button--danger,
    .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__actions > .belperamova-mini-button[data-bp-session-open-button] {
        min-height: 30px !important;
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    .belperamova-session-list__item:has(.belperamova-session-list__drawer.is-open) .belperamova-session-list__active-return::before,
    .belperamova-session-list__item:has(.belperamova-session-list__drawer.is-open) [data-bp-active-return-button]::before,
    .belperamova-session-list__item:has(.belperamova-session-list__drawer.is-open) [data-bp-session-open-button][aria-expanded="true"]::before {
        font-size: 12px !important;
    }
}

/* --- 0.2.82: читаемые тексты раскрытых заметок и отчетов в ночной теме ---
 * Задача:
 * - Не менять JS, REST, Jitsi и структуру карточек.
 * - Точечно поправить только контраст текста в раскрытой карточке истории.
 * - Убрать темно-синий/почти невидимый текст из заголовков, описаний и значений отчета.
 * - Оставить спокойную ночную палитру БелПерамовы без белых дневных блоков и без внешних ресурсов.
 */

body.dark-mode .belperamova-app .belperamova-meeting-workspace .belperamova-tool-card h5,
body.dark-mode .belperamova-app .belperamova-meeting-workspace[data-bp-post-meeting="1"] .belperamova-tool-card h5,
body[data-theme="dark"] .belperamova-app .belperamova-meeting-workspace .belperamova-tool-card h5,
body[data-theme="dark"] .belperamova-app .belperamova-meeting-workspace[data-bp-post-meeting="1"] .belperamova-tool-card h5,
[data-theme="dark"] .belperamova-app .belperamova-meeting-workspace .belperamova-tool-card h5,
[data-theme="dark"] .belperamova-app .belperamova-meeting-workspace[data-bp-post-meeting="1"] .belperamova-tool-card h5,
.dark .belperamova-app .belperamova-meeting-workspace .belperamova-tool-card h5,
.dark .belperamova-app .belperamova-meeting-workspace[data-bp-post-meeting="1"] .belperamova-tool-card h5,
.dark-mode .belperamova-app .belperamova-meeting-workspace .belperamova-tool-card h5,
.dark-mode .belperamova-app .belperamova-meeting-workspace[data-bp-post-meeting="1"] .belperamova-tool-card h5,
.theme-dark .belperamova-app .belperamova-meeting-workspace .belperamova-tool-card h5,
.theme-dark .belperamova-app .belperamova-meeting-workspace[data-bp-post-meeting="1"] .belperamova-tool-card h5,
.night-mode .belperamova-app .belperamova-meeting-workspace .belperamova-tool-card h5,
.night-mode .belperamova-app .belperamova-meeting-workspace[data-bp-post-meeting="1"] .belperamova-tool-card h5,
.is-dark-theme .belperamova-app .belperamova-meeting-workspace .belperamova-tool-card h5,
.is-dark-theme .belperamova-app .belperamova-meeting-workspace[data-bp-post-meeting="1"] .belperamova-tool-card h5,
.wp-dark-mode-active .belperamova-app .belperamova-meeting-workspace .belperamova-tool-card h5,
.wp-dark-mode-active .belperamova-app .belperamova-meeting-workspace[data-bp-post-meeting="1"] .belperamova-tool-card h5,
.site-dark .belperamova-app .belperamova-meeting-workspace .belperamova-tool-card h5,
.site-dark .belperamova-app .belperamova-meeting-workspace[data-bp-post-meeting="1"] .belperamova-tool-card h5,
.color-scheme-dark .belperamova-app .belperamova-meeting-workspace .belperamova-tool-card h5,
.color-scheme-dark .belperamova-app .belperamova-meeting-workspace[data-bp-post-meeting="1"] .belperamova-tool-card h5 {
    color: #f4fbfa !important;
    text-shadow: none !important;
}

body.dark-mode .belperamova-app .belperamova-meeting-workspace .belperamova-session-report__summary,
body[data-theme="dark"] .belperamova-app .belperamova-meeting-workspace .belperamova-session-report__summary,
[data-theme="dark"] .belperamova-app .belperamova-meeting-workspace .belperamova-session-report__summary,
.dark .belperamova-app .belperamova-meeting-workspace .belperamova-session-report__summary,
.dark-mode .belperamova-app .belperamova-meeting-workspace .belperamova-session-report__summary,
.theme-dark .belperamova-app .belperamova-meeting-workspace .belperamova-session-report__summary,
.night-mode .belperamova-app .belperamova-meeting-workspace .belperamova-session-report__summary,
.is-dark-theme .belperamova-app .belperamova-meeting-workspace .belperamova-session-report__summary,
.wp-dark-mode-active .belperamova-app .belperamova-meeting-workspace .belperamova-session-report__summary,
.site-dark .belperamova-app .belperamova-meeting-workspace .belperamova-session-report__summary,
.color-scheme-dark .belperamova-app .belperamova-meeting-workspace .belperamova-session-report__summary,
body.dark-mode .belperamova-app .belperamova-meeting-workspace .belperamova-tool-card p,
body[data-theme="dark"] .belperamova-app .belperamova-meeting-workspace .belperamova-tool-card p,
[data-theme="dark"] .belperamova-app .belperamova-meeting-workspace .belperamova-tool-card p,
.dark .belperamova-app .belperamova-meeting-workspace .belperamova-tool-card p,
.dark-mode .belperamova-app .belperamova-meeting-workspace .belperamova-tool-card p,
.theme-dark .belperamova-app .belperamova-meeting-workspace .belperamova-tool-card p,
.night-mode .belperamova-app .belperamova-meeting-workspace .belperamova-tool-card p,
.is-dark-theme .belperamova-app .belperamova-meeting-workspace .belperamova-tool-card p,
.wp-dark-mode-active .belperamova-app .belperamova-meeting-workspace .belperamova-tool-card p,
.site-dark .belperamova-app .belperamova-meeting-workspace .belperamova-tool-card p,
.color-scheme-dark .belperamova-app .belperamova-meeting-workspace .belperamova-tool-card p {
    color: rgba(224, 239, 239, 0.82) !important;
}

body.dark-mode .belperamova-app .belperamova-meeting-workspace .belperamova-session-report__list dt,
body[data-theme="dark"] .belperamova-app .belperamova-meeting-workspace .belperamova-session-report__list dt,
[data-theme="dark"] .belperamova-app .belperamova-meeting-workspace .belperamova-session-report__list dt,
.dark .belperamova-app .belperamova-meeting-workspace .belperamova-session-report__list dt,
.dark-mode .belperamova-app .belperamova-meeting-workspace .belperamova-session-report__list dt,
.theme-dark .belperamova-app .belperamova-meeting-workspace .belperamova-session-report__list dt,
.night-mode .belperamova-app .belperamova-meeting-workspace .belperamova-session-report__list dt,
.is-dark-theme .belperamova-app .belperamova-meeting-workspace .belperamova-session-report__list dt,
.wp-dark-mode-active .belperamova-app .belperamova-meeting-workspace .belperamova-session-report__list dt,
.site-dark .belperamova-app .belperamova-meeting-workspace .belperamova-session-report__list dt,
.color-scheme-dark .belperamova-app .belperamova-meeting-workspace .belperamova-session-report__list dt {
    color: rgba(198, 217, 218, 0.80) !important;
}

body.dark-mode .belperamova-app .belperamova-meeting-workspace .belperamova-session-report__list dd,
body[data-theme="dark"] .belperamova-app .belperamova-meeting-workspace .belperamova-session-report__list dd,
[data-theme="dark"] .belperamova-app .belperamova-meeting-workspace .belperamova-session-report__list dd,
.dark .belperamova-app .belperamova-meeting-workspace .belperamova-session-report__list dd,
.dark-mode .belperamova-app .belperamova-meeting-workspace .belperamova-session-report__list dd,
.theme-dark .belperamova-app .belperamova-meeting-workspace .belperamova-session-report__list dd,
.night-mode .belperamova-app .belperamova-meeting-workspace .belperamova-session-report__list dd,
.is-dark-theme .belperamova-app .belperamova-meeting-workspace .belperamova-session-report__list dd,
.wp-dark-mode-active .belperamova-app .belperamova-meeting-workspace .belperamova-session-report__list dd,
.site-dark .belperamova-app .belperamova-meeting-workspace .belperamova-session-report__list dd,
.color-scheme-dark .belperamova-app .belperamova-meeting-workspace .belperamova-session-report__list dd {
    color: #f1faf9 !important;
}

body.dark-mode .belperamova-app .belperamova-meeting-workspace .belperamova-session-report__list dd[data-empty="1"],
body[data-theme="dark"] .belperamova-app .belperamova-meeting-workspace .belperamova-session-report__list dd[data-empty="1"],
[data-theme="dark"] .belperamova-app .belperamova-meeting-workspace .belperamova-session-report__list dd[data-empty="1"],
.dark .belperamova-app .belperamova-meeting-workspace .belperamova-session-report__list dd[data-empty="1"],
.dark-mode .belperamova-app .belperamova-meeting-workspace .belperamova-session-report__list dd[data-empty="1"],
.theme-dark .belperamova-app .belperamova-meeting-workspace .belperamova-session-report__list dd[data-empty="1"],
.night-mode .belperamova-app .belperamova-meeting-workspace .belperamova-session-report__list dd[data-empty="1"],
.is-dark-theme .belperamova-app .belperamova-meeting-workspace .belperamova-session-report__list dd[data-empty="1"],
.wp-dark-mode-active .belperamova-app .belperamova-meeting-workspace .belperamova-session-report__list dd[data-empty="1"],
.site-dark .belperamova-app .belperamova-meeting-workspace .belperamova-session-report__list dd[data-empty="1"],
.color-scheme-dark .belperamova-app .belperamova-meeting-workspace .belperamova-session-report__list dd[data-empty="1"] {
    color: rgba(231, 243, 243, 0.76) !important;
}

body.dark-mode .belperamova-app .belperamova-meeting-workspace .belperamova-session-note__field,
body[data-theme="dark"] .belperamova-app .belperamova-meeting-workspace .belperamova-session-note__field,
[data-theme="dark"] .belperamova-app .belperamova-meeting-workspace .belperamova-session-note__field,
.dark .belperamova-app .belperamova-meeting-workspace .belperamova-session-note__field,
.dark-mode .belperamova-app .belperamova-meeting-workspace .belperamova-session-note__field,
.theme-dark .belperamova-app .belperamova-meeting-workspace .belperamova-session-note__field,
.night-mode .belperamova-app .belperamova-meeting-workspace .belperamova-session-note__field,
.is-dark-theme .belperamova-app .belperamova-meeting-workspace .belperamova-session-note__field,
.wp-dark-mode-active .belperamova-app .belperamova-meeting-workspace .belperamova-session-note__field,
.site-dark .belperamova-app .belperamova-meeting-workspace .belperamova-session-note__field,
.color-scheme-dark .belperamova-app .belperamova-meeting-workspace .belperamova-session-note__field {
    color: #eff8f7 !important;
    caret-color: #54d8c4 !important;
}

body.dark-mode .belperamova-app .belperamova-meeting-workspace .belperamova-session-note__field:empty::before,
body[data-theme="dark"] .belperamova-app .belperamova-meeting-workspace .belperamova-session-note__field:empty::before,
[data-theme="dark"] .belperamova-app .belperamova-meeting-workspace .belperamova-session-note__field:empty::before,
.dark .belperamova-app .belperamova-meeting-workspace .belperamova-session-note__field:empty::before,
.dark-mode .belperamova-app .belperamova-meeting-workspace .belperamova-session-note__field:empty::before,
.theme-dark .belperamova-app .belperamova-meeting-workspace .belperamova-session-note__field:empty::before,
.night-mode .belperamova-app .belperamova-meeting-workspace .belperamova-session-note__field:empty::before,
.is-dark-theme .belperamova-app .belperamova-meeting-workspace .belperamova-session-note__field:empty::before,
.wp-dark-mode-active .belperamova-app .belperamova-meeting-workspace .belperamova-session-note__field:empty::before,
.site-dark .belperamova-app .belperamova-meeting-workspace .belperamova-session-note__field:empty::before,
.color-scheme-dark .belperamova-app .belperamova-meeting-workspace .belperamova-session-note__field:empty::before {
    color: rgba(217, 232, 232, 0.54) !important;
}

body.dark-mode .belperamova-app .belperamova-meeting-workspace .belperamova-session-note__status,
body.dark-mode .belperamova-app .belperamova-meeting-workspace .belperamova-session-note__counter,
body[data-theme="dark"] .belperamova-app .belperamova-meeting-workspace .belperamova-session-note__status,
body[data-theme="dark"] .belperamova-app .belperamova-meeting-workspace .belperamova-session-note__counter,
[data-theme="dark"] .belperamova-app .belperamova-meeting-workspace .belperamova-session-note__status,
[data-theme="dark"] .belperamova-app .belperamova-meeting-workspace .belperamova-session-note__counter,
.dark .belperamova-app .belperamova-meeting-workspace .belperamova-session-note__status,
.dark .belperamova-app .belperamova-meeting-workspace .belperamova-session-note__counter,
.dark-mode .belperamova-app .belperamova-meeting-workspace .belperamova-session-note__status,
.dark-mode .belperamova-app .belperamova-meeting-workspace .belperamova-session-note__counter,
.theme-dark .belperamova-app .belperamova-meeting-workspace .belperamova-session-note__status,
.theme-dark .belperamova-app .belperamova-meeting-workspace .belperamova-session-note__counter {
    color: rgba(201, 224, 223, 0.78) !important;
}

body.dark-mode .belperamova-app .belperamova-meeting-workspace .belperamova-session-note__status[data-type="success"],
body[data-theme="dark"] .belperamova-app .belperamova-meeting-workspace .belperamova-session-note__status[data-type="success"],
[data-theme="dark"] .belperamova-app .belperamova-meeting-workspace .belperamova-session-note__status[data-type="success"],
.dark .belperamova-app .belperamova-meeting-workspace .belperamova-session-note__status[data-type="success"],
.dark-mode .belperamova-app .belperamova-meeting-workspace .belperamova-session-note__status[data-type="success"],
.theme-dark .belperamova-app .belperamova-meeting-workspace .belperamova-session-note__status[data-type="success"] {
    color: #83efb4 !important;
}

/* --- 0.2.83: мягкие заголовки и финальная чистка подложки post-meeting ---
 * Задача:
 * - Не менять JS, REST, Jitsi и структуру карточек истории.
 * - Уменьшить визуальную тяжесть заголовков "Заметка со встречи" и "Отчет по встрече".
 * - Убрать фоновую подложку с post-meeting карточек заметки/отчета, чтобы не проступали чужие углы и цветовые пятна.
 * - Оставить читаемые внутренние поля заметки, кнопки панели заметки и данные отчета.
 */
.belperamova-app .belperamova-meeting-workspace[data-bp-post-meeting="1"],
.belperamova-app .belperamova-session-list__drawer-inner .belperamova-meeting-workspace[data-bp-post-meeting="1"] {
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

.belperamova-app .belperamova-meeting-workspace[data-bp-post-meeting="1"] .belperamova-tool-card,
.belperamova-app .belperamova-session-list__drawer-inner .belperamova-meeting-workspace[data-bp-post-meeting="1"] .belperamova-tool-card,
body.dark-mode .belperamova-app .belperamova-meeting-workspace[data-bp-post-meeting="1"] .belperamova-tool-card,
body[data-theme="dark"] .belperamova-app .belperamova-meeting-workspace[data-bp-post-meeting="1"] .belperamova-tool-card,
[data-theme="dark"] .belperamova-app .belperamova-meeting-workspace[data-bp-post-meeting="1"] .belperamova-tool-card,
.dark .belperamova-app .belperamova-meeting-workspace[data-bp-post-meeting="1"] .belperamova-tool-card,
.dark-mode .belperamova-app .belperamova-meeting-workspace[data-bp-post-meeting="1"] .belperamova-tool-card,
.theme-dark .belperamova-app .belperamova-meeting-workspace[data-bp-post-meeting="1"] .belperamova-tool-card,
.night-mode .belperamova-app .belperamova-meeting-workspace[data-bp-post-meeting="1"] .belperamova-tool-card,
.is-dark-theme .belperamova-app .belperamova-meeting-workspace[data-bp-post-meeting="1"] .belperamova-tool-card,
.wp-dark-mode-active .belperamova-app .belperamova-meeting-workspace[data-bp-post-meeting="1"] .belperamova-tool-card,
.site-dark .belperamova-app .belperamova-meeting-workspace[data-bp-post-meeting="1"] .belperamova-tool-card,
.color-scheme-dark .belperamova-app .belperamova-meeting-workspace[data-bp-post-meeting="1"] .belperamova-tool-card {
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

.belperamova-app .belperamova-meeting-workspace[data-bp-post-meeting="1"] .belperamova-tool-card h5,
.belperamova-app .belperamova-session-list__drawer-inner .belperamova-meeting-workspace[data-bp-post-meeting="1"] .belperamova-tool-card h5,
body.dark-mode .belperamova-app .belperamova-meeting-workspace .belperamova-tool-card h5,
body.dark-mode .belperamova-app .belperamova-meeting-workspace[data-bp-post-meeting="1"] .belperamova-tool-card h5,
body[data-theme="dark"] .belperamova-app .belperamova-meeting-workspace .belperamova-tool-card h5,
body[data-theme="dark"] .belperamova-app .belperamova-meeting-workspace[data-bp-post-meeting="1"] .belperamova-tool-card h5,
[data-theme="dark"] .belperamova-app .belperamova-meeting-workspace .belperamova-tool-card h5,
[data-theme="dark"] .belperamova-app .belperamova-meeting-workspace[data-bp-post-meeting="1"] .belperamova-tool-card h5,
.dark .belperamova-app .belperamova-meeting-workspace .belperamova-tool-card h5,
.dark .belperamova-app .belperamova-meeting-workspace[data-bp-post-meeting="1"] .belperamova-tool-card h5,
.dark-mode .belperamova-app .belperamova-meeting-workspace .belperamova-tool-card h5,
.dark-mode .belperamova-app .belperamova-meeting-workspace[data-bp-post-meeting="1"] .belperamova-tool-card h5,
.theme-dark .belperamova-app .belperamova-meeting-workspace .belperamova-tool-card h5,
.theme-dark .belperamova-app .belperamova-meeting-workspace[data-bp-post-meeting="1"] .belperamova-tool-card h5,
.night-mode .belperamova-app .belperamova-meeting-workspace .belperamova-tool-card h5,
.night-mode .belperamova-app .belperamova-meeting-workspace[data-bp-post-meeting="1"] .belperamova-tool-card h5,
.is-dark-theme .belperamova-app .belperamova-meeting-workspace .belperamova-tool-card h5,
.is-dark-theme .belperamova-app .belperamova-meeting-workspace[data-bp-post-meeting="1"] .belperamova-tool-card h5,
.wp-dark-mode-active .belperamova-app .belperamova-meeting-workspace .belperamova-tool-card h5,
.wp-dark-mode-active .belperamova-app .belperamova-meeting-workspace[data-bp-post-meeting="1"] .belperamova-tool-card h5,
.site-dark .belperamova-app .belperamova-meeting-workspace .belperamova-tool-card h5,
.site-dark .belperamova-app .belperamova-meeting-workspace[data-bp-post-meeting="1"] .belperamova-tool-card h5,
.color-scheme-dark .belperamova-app .belperamova-meeting-workspace .belperamova-tool-card h5,
.color-scheme-dark .belperamova-app .belperamova-meeting-workspace[data-bp-post-meeting="1"] .belperamova-tool-card h5 {
    font-weight: 600 !important;
    letter-spacing: -0.006em !important;
}

/* --- 0.2.84: финальная чистка фоновых подложек раскрытых заметки/отчета ---
 * Задача:
 * - Не менять JS, REST, Jitsi и структуру DOM.
 * - Убрать именно два лишних dark-background слоя, которые проступают вокруг блоков "Заметка со встречи" и "Отчет по встрече".
 * - Сохранить читаемость внутренних полей, кнопок, границ и текста.
 */
body.dark-mode .belperamova-app .belperamova-session-list__drawer-inner .belperamova-session-card,
body[data-theme="dark"] .belperamova-app .belperamova-session-list__drawer-inner .belperamova-session-card,
[data-theme="dark"] .belperamova-app .belperamova-session-list__drawer-inner .belperamova-session-card,
.dark .belperamova-app .belperamova-session-list__drawer-inner .belperamova-session-card,
.dark-mode .belperamova-app .belperamova-session-list__drawer-inner .belperamova-session-card,
.theme-dark .belperamova-app .belperamova-session-list__drawer-inner .belperamova-session-card,
.night-mode .belperamova-app .belperamova-session-list__drawer-inner .belperamova-session-card,
.is-dark-theme .belperamova-app .belperamova-session-list__drawer-inner .belperamova-session-card,
.wp-dark-mode-active .belperamova-app .belperamova-session-list__drawer-inner .belperamova-session-card,
.site-dark .belperamova-app .belperamova-session-list__drawer-inner .belperamova-session-card,
.color-scheme-dark .belperamova-app .belperamova-session-list__drawer-inner .belperamova-session-card {
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

body.dark-mode .belperamova-app .belperamova-session-list__drawer-inner .belperamova-meeting-workspace .belperamova-tool-card,
body[data-theme="dark"] .belperamova-app .belperamova-session-list__drawer-inner .belperamova-meeting-workspace .belperamova-tool-card,
[data-theme="dark"] .belperamova-app .belperamova-session-list__drawer-inner .belperamova-meeting-workspace .belperamova-tool-card,
.dark .belperamova-app .belperamova-session-list__drawer-inner .belperamova-meeting-workspace .belperamova-tool-card,
.dark-mode .belperamova-app .belperamova-session-list__drawer-inner .belperamova-meeting-workspace .belperamova-tool-card,
.theme-dark .belperamova-app .belperamova-session-list__drawer-inner .belperamova-meeting-workspace .belperamova-tool-card,
.night-mode .belperamova-app .belperamova-session-list__drawer-inner .belperamova-meeting-workspace .belperamova-tool-card,
.is-dark-theme .belperamova-app .belperamova-session-list__drawer-inner .belperamova-meeting-workspace .belperamova-tool-card,
.wp-dark-mode-active .belperamova-app .belperamova-session-list__drawer-inner .belperamova-meeting-workspace .belperamova-tool-card,
.site-dark .belperamova-app .belperamova-session-list__drawer-inner .belperamova-meeting-workspace .belperamova-tool-card,
.color-scheme-dark .belperamova-app .belperamova-session-list__drawer-inner .belperamova-meeting-workspace .belperamova-tool-card {
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

/* --- 0.2.85: спокойный ночной фон страницы и шапки без вмешательства в футер ---
 * Задача:
 * - Не менять дневную тему.
 * - Заменить черные участки ночной темы БелПерамовы на единый глубокий графитово-синий фон.
 * - Согласовать desktop и mobile шапку с фоном страницы.
 * - Не переопределять футер: он должен жить стилями дочерней темы.
 * - Не менять JS, REST, Jitsi, разметку и тарифную логику.
 */
body.belperamova-page.dark-mode,
body.belperamova-page[data-theme="dark"],
body.belperamova-page.theme-dark,
body.belperamova-page.night-mode,
body.belperamova-page.is-dark-theme,
body.belperamova-page.wp-dark-mode-active,
body.belperamova-page.site-dark,
body.belperamova-page.color-scheme-dark {
    background: #0f1520 !important;
    color: #e8eeee !important;
}

body.belperamova-page.dark-mode #page,
body.belperamova-page[data-theme="dark"] #page,
body.belperamova-page.theme-dark #page,
body.belperamova-page.night-mode #page,
body.belperamova-page.is-dark-theme #page,
body.belperamova-page.wp-dark-mode-active #page,
body.belperamova-page.site-dark #page,
body.belperamova-page.color-scheme-dark #page,
body.belperamova-page.dark-mode .site,
body.belperamova-page[data-theme="dark"] .site,
body.belperamova-page.theme-dark .site,
body.belperamova-page.night-mode .site,
body.belperamova-page.is-dark-theme .site,
body.belperamova-page.wp-dark-mode-active .site,
body.belperamova-page.site-dark .site,
body.belperamova-page.color-scheme-dark .site,
body.belperamova-page.dark-mode .site-wrapper,
body.belperamova-page[data-theme="dark"] .site-wrapper,
body.belperamova-page.theme-dark .site-wrapper,
body.belperamova-page.night-mode .site-wrapper,
body.belperamova-page.is-dark-theme .site-wrapper,
body.belperamova-page.wp-dark-mode-active .site-wrapper,
body.belperamova-page.site-dark .site-wrapper,
body.belperamova-page.color-scheme-dark .site-wrapper {
    background: #0f1520 !important;
    background-image: none !important;
}

body.belperamova-page.dark-mode .site-main,
body.belperamova-page.dark-mode .content-area,
body.belperamova-page.dark-mode .entry-content,
body.belperamova-page[data-theme="dark"] .site-main,
body.belperamova-page[data-theme="dark"] .content-area,
body.belperamova-page[data-theme="dark"] .entry-content,
body.belperamova-page.theme-dark .site-main,
body.belperamova-page.theme-dark .content-area,
body.belperamova-page.theme-dark .entry-content,
body.belperamova-page.night-mode .site-main,
body.belperamova-page.night-mode .content-area,
body.belperamova-page.night-mode .entry-content,
body.belperamova-page.is-dark-theme .site-main,
body.belperamova-page.is-dark-theme .content-area,
body.belperamova-page.is-dark-theme .entry-content,
body.belperamova-page.wp-dark-mode-active .site-main,
body.belperamova-page.wp-dark-mode-active .content-area,
body.belperamova-page.wp-dark-mode-active .entry-content,
body.belperamova-page.site-dark .site-main,
body.belperamova-page.site-dark .content-area,
body.belperamova-page.site-dark .entry-content,
body.belperamova-page.color-scheme-dark .site-main,
body.belperamova-page.color-scheme-dark .content-area,
body.belperamova-page.color-scheme-dark .entry-content {
    background: #151f23 !important;
    background-image: none !important;
}

body.belperamova-page.dark-mode #masthead,
body.belperamova-page.dark-mode .site-header,
body.belperamova-page.dark-mode .main-navigation-container,
body.belperamova-page.dark-mode .header-content-wrapper,
body.belperamova-page.dark-mode .belofis-header-main-row,
body.belperamova-page.dark-mode .belofis-header-services-row,
body.belperamova-page.dark-mode #top-navigation,
body.belperamova-page.dark-mode .top-menu,
body.belperamova-page[data-theme="dark"] #masthead,
body.belperamova-page[data-theme="dark"] .site-header,
body.belperamova-page[data-theme="dark"] .main-navigation-container,
body.belperamova-page[data-theme="dark"] .header-content-wrapper,
body.belperamova-page[data-theme="dark"] .belofis-header-main-row,
body.belperamova-page[data-theme="dark"] .belofis-header-services-row,
body.belperamova-page[data-theme="dark"] #top-navigation,
body.belperamova-page[data-theme="dark"] .top-menu,
body.belperamova-page.theme-dark #masthead,
body.belperamova-page.theme-dark .site-header,
body.belperamova-page.theme-dark .main-navigation-container,
body.belperamova-page.theme-dark .header-content-wrapper,
body.belperamova-page.theme-dark .belofis-header-main-row,
body.belperamova-page.theme-dark .belofis-header-services-row,
body.belperamova-page.theme-dark #top-navigation,
body.belperamova-page.theme-dark .top-menu,
body.belperamova-page.night-mode #masthead,
body.belperamova-page.night-mode .site-header,
body.belperamova-page.night-mode .main-navigation-container,
body.belperamova-page.night-mode .header-content-wrapper,
body.belperamova-page.night-mode .belofis-header-main-row,
body.belperamova-page.night-mode .belofis-header-services-row,
body.belperamova-page.night-mode #top-navigation,
body.belperamova-page.night-mode .top-menu,
body.belperamova-page.is-dark-theme #masthead,
body.belperamova-page.is-dark-theme .site-header,
body.belperamova-page.is-dark-theme .main-navigation-container,
body.belperamova-page.is-dark-theme .header-content-wrapper,
body.belperamova-page.is-dark-theme .belofis-header-main-row,
body.belperamova-page.is-dark-theme .belofis-header-services-row,
body.belperamova-page.is-dark-theme #top-navigation,
body.belperamova-page.is-dark-theme .top-menu,
body.belperamova-page.wp-dark-mode-active #masthead,
body.belperamova-page.wp-dark-mode-active .site-header,
body.belperamova-page.wp-dark-mode-active .main-navigation-container,
body.belperamova-page.wp-dark-mode-active .header-content-wrapper,
body.belperamova-page.wp-dark-mode-active .belofis-header-main-row,
body.belperamova-page.wp-dark-mode-active .belofis-header-services-row,
body.belperamova-page.wp-dark-mode-active #top-navigation,
body.belperamova-page.wp-dark-mode-active .top-menu,
body.belperamova-page.site-dark #masthead,
body.belperamova-page.site-dark .site-header,
body.belperamova-page.site-dark .main-navigation-container,
body.belperamova-page.site-dark .header-content-wrapper,
body.belperamova-page.site-dark .belofis-header-main-row,
body.belperamova-page.site-dark .belofis-header-services-row,
body.belperamova-page.site-dark #top-navigation,
body.belperamova-page.site-dark .top-menu,
body.belperamova-page.color-scheme-dark #masthead,
body.belperamova-page.color-scheme-dark .site-header,
body.belperamova-page.color-scheme-dark .main-navigation-container,
body.belperamova-page.color-scheme-dark .header-content-wrapper,
body.belperamova-page.color-scheme-dark .belofis-header-main-row,
body.belperamova-page.color-scheme-dark .belofis-header-services-row,
body.belperamova-page.color-scheme-dark #top-navigation,
body.belperamova-page.color-scheme-dark .top-menu {
    background: #0f1520 !important;
    background-image: none !important;
    border-color: rgba(148, 163, 184, 0.14) !important;
    color: #e8eeee !important;
}

body.belperamova-page.dark-mode .main-navigation-container,
body.belperamova-page[data-theme="dark"] .main-navigation-container,
body.belperamova-page.theme-dark .main-navigation-container,
body.belperamova-page.night-mode .main-navigation-container,
body.belperamova-page.is-dark-theme .main-navigation-container,
body.belperamova-page.wp-dark-mode-active .main-navigation-container,
body.belperamova-page.site-dark .main-navigation-container,
body.belperamova-page.color-scheme-dark .main-navigation-container {
    box-shadow: none !important;
}

@media (max-width: 760px) {
    body.belperamova-page.dark-mode .main-navigation-container,
    body.belperamova-page[data-theme="dark"] .main-navigation-container,
    body.belperamova-page.theme-dark .main-navigation-container,
    body.belperamova-page.night-mode .main-navigation-container,
    body.belperamova-page.is-dark-theme .main-navigation-container,
    body.belperamova-page.wp-dark-mode-active .main-navigation-container,
    body.belperamova-page.site-dark .main-navigation-container,
    body.belperamova-page.color-scheme-dark .main-navigation-container {
        margin-bottom: 8px !important;
        border-bottom: 1px solid rgba(84, 216, 196, 0.14) !important;
    }

    body.belperamova-page.dark-mode .site-main,
    body.belperamova-page[data-theme="dark"] .site-main,
    body.belperamova-page.theme-dark .site-main,
    body.belperamova-page.night-mode .site-main,
    body.belperamova-page.is-dark-theme .site-main,
    body.belperamova-page.wp-dark-mode-active .site-main,
    body.belperamova-page.site-dark .site-main,
    body.belperamova-page.color-scheme-dark .site-main {
        padding-top: 2px !important;
    }
}



/* --- 0.2.86: компактные мобильные действия и мягкое отделение ночной рабочей области ---
 * Задача:
 * - Не трогать дневную тему.
 * - Не менять JS, REST, Jitsi, разметку и тарифную логику.
 * - Сделать мобильные кнопки "Переименовать" и "Удалить" такими же компактными по высоте, как "Открыть".
 * - Отделить рабочий фон БелПерамовы от шапки небольшим разрывом и скруглить верхние углы этого фона на desktop и mobile.
 * - Футер не переопределять: он остается на стилях темы.
 */
@media (max-width: 640px) {
    .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__actions > .belperamova-mini-button--rename,
    .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__actions > .belperamova-session-list__rename,
    .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__actions > .belperamova-mini-button--danger,
    .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__actions > .belperamova-mini-button--rename:not(:disabled),
    .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__actions > .belperamova-session-list__rename:not(:disabled),
    .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__actions > .belperamova-mini-button--danger:not(:disabled),
    .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__actions > .belperamova-mini-button--rename:disabled,
    .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__actions > .belperamova-session-list__rename:disabled {
        min-height: 28px !important;
        padding: 0 9px !important;
        border-radius: 10px !important;
        font-size: 11.5px !important;
        font-weight: 760 !important;
        line-height: 1 !important;
    }

    .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__actions > .belperamova-mini-button[data-bp-session-open-button] {
        min-height: 28px !important;
        padding: 0 9px !important;
        border-radius: 10px !important;
        font-size: 11.5px !important;
        font-weight: 760 !important;
        line-height: 1 !important;
    }
}

body.belperamova-page.dark-mode .main-navigation-container,
body.belperamova-page[data-theme="dark"] .main-navigation-container,
body.belperamova-page.theme-dark .main-navigation-container,
body.belperamova-page.night-mode .main-navigation-container,
body.belperamova-page.is-dark-theme .main-navigation-container,
body.belperamova-page.wp-dark-mode-active .main-navigation-container,
body.belperamova-page.site-dark .main-navigation-container,
body.belperamova-page.color-scheme-dark .main-navigation-container {
    margin-bottom: 12px !important;
}

body.belperamova-page.dark-mode .site-main,
body.belperamova-page[data-theme="dark"] .site-main,
body.belperamova-page.theme-dark .site-main,
body.belperamova-page.night-mode .site-main,
body.belperamova-page.is-dark-theme .site-main,
body.belperamova-page.wp-dark-mode-active .site-main,
body.belperamova-page.site-dark .site-main,
body.belperamova-page.color-scheme-dark .site-main {
    overflow: hidden !important;
    border-radius: 18px 18px 0 0 !important;
}

body.belperamova-page.dark-mode .content-area,
body.belperamova-page.dark-mode .entry-content,
body.belperamova-page[data-theme="dark"] .content-area,
body.belperamova-page[data-theme="dark"] .entry-content,
body.belperamova-page.theme-dark .content-area,
body.belperamova-page.theme-dark .entry-content,
body.belperamova-page.night-mode .content-area,
body.belperamova-page.night-mode .entry-content,
body.belperamova-page.is-dark-theme .content-area,
body.belperamova-page.is-dark-theme .entry-content,
body.belperamova-page.wp-dark-mode-active .content-area,
body.belperamova-page.wp-dark-mode-active .entry-content,
body.belperamova-page.site-dark .content-area,
body.belperamova-page.site-dark .entry-content,
body.belperamova-page.color-scheme-dark .content-area,
body.belperamova-page.color-scheme-dark .entry-content {
    border-radius: inherit !important;
}

@media (max-width: 760px) {
    body.belperamova-page.dark-mode .main-navigation-container,
    body.belperamova-page[data-theme="dark"] .main-navigation-container,
    body.belperamova-page.theme-dark .main-navigation-container,
    body.belperamova-page.night-mode .main-navigation-container,
    body.belperamova-page.is-dark-theme .main-navigation-container,
    body.belperamova-page.wp-dark-mode-active .main-navigation-container,
    body.belperamova-page.site-dark .main-navigation-container,
    body.belperamova-page.color-scheme-dark .main-navigation-container {
        margin-bottom: 10px !important;
    }

    body.belperamova-page.dark-mode .site-main,
    body.belperamova-page[data-theme="dark"] .site-main,
    body.belperamova-page.theme-dark .site-main,
    body.belperamova-page.night-mode .site-main,
    body.belperamova-page.is-dark-theme .site-main,
    body.belperamova-page.wp-dark-mode-active .site-main,
    body.belperamova-page.site-dark .site-main,
    body.belperamova-page.color-scheme-dark .site-main {
        border-radius: 16px 16px 0 0 !important;
    }
}


/* --- 0.2.87: ночная тема без лишней фоновой плиты под рабочими секциями ---
 * Задача:
 * - Повторить удачный подход БелДиска: убрать общий фон-подложку, который визуально утяжеляет ночной кабинет.
 * - Не трогать дневную тему.
 * - Не менять разметку, JS, REST, Jitsi и бизнес-логику встреч.
 * - Сами карточки встреч, дополнительных сервисов и тарифа не обнулять, чтобы не потерять читаемость.
 */
body.belperamova-page.dark-mode .belperamova-app,
body.belperamova-page[data-theme="dark"] .belperamova-app,
body.belperamova-page.theme-dark .belperamova-app,
body.belperamova-page.night-mode .belperamova-app,
body.belperamova-page.is-dark-theme .belperamova-app,
body.belperamova-page.wp-dark-mode-active .belperamova-app,
body.belperamova-page.site-dark .belperamova-app,
body.belperamova-page.color-scheme-dark .belperamova-app,
body.dark-mode .belperamova-app,
body[data-theme="dark"] .belperamova-app,
[data-theme="dark"] .belperamova-app,
.dark-mode .belperamova-app,
.theme-dark .belperamova-app {
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

body.belperamova-page.dark-mode .belperamova-app .belperamova-panel,
body.belperamova-page[data-theme="dark"] .belperamova-app .belperamova-panel,
body.belperamova-page.theme-dark .belperamova-app .belperamova-panel,
body.belperamova-page.night-mode .belperamova-app .belperamova-panel,
body.belperamova-page.is-dark-theme .belperamova-app .belperamova-panel,
body.belperamova-page.wp-dark-mode-active .belperamova-app .belperamova-panel,
body.belperamova-page.site-dark .belperamova-app .belperamova-panel,
body.belperamova-page.color-scheme-dark .belperamova-app .belperamova-panel,
body.dark-mode .belperamova-app .belperamova-panel,
body[data-theme="dark"] .belperamova-app .belperamova-panel,
[data-theme="dark"] .belperamova-app .belperamova-panel,
.dark-mode .belperamova-app .belperamova-panel,
.theme-dark .belperamova-app .belperamova-panel {
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
}

body.belperamova-page.dark-mode .belperamova-app .belperamova-session-list,
body.belperamova-page[data-theme="dark"] .belperamova-app .belperamova-session-list,
body.belperamova-page.theme-dark .belperamova-app .belperamova-session-list,
body.belperamova-page.night-mode .belperamova-app .belperamova-session-list,
body.belperamova-page.is-dark-theme .belperamova-app .belperamova-session-list,
body.belperamova-page.wp-dark-mode-active .belperamova-app .belperamova-session-list,
body.belperamova-page.site-dark .belperamova-app .belperamova-session-list,
body.belperamova-page.color-scheme-dark .belperamova-app .belperamova-session-list,
body.dark-mode .belperamova-app .belperamova-session-list,
body[data-theme="dark"] .belperamova-app .belperamova-session-list,
[data-theme="dark"] .belperamova-app .belperamova-session-list,
.dark-mode .belperamova-app .belperamova-session-list,
.theme-dark .belperamova-app .belperamova-session-list {
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

body.belperamova-page.dark-mode .belperamova-app .belperamova-session-list__more,
body.belperamova-page.dark-mode .belperamova-app .belperamova-session-list__more--outside,
body.belperamova-page.dark-mode .belperamova-app .belperamova-session-list__more--history-link,
body.belperamova-page[data-theme="dark"] .belperamova-app .belperamova-session-list__more,
body.belperamova-page[data-theme="dark"] .belperamova-app .belperamova-session-list__more--outside,
body.belperamova-page[data-theme="dark"] .belperamova-app .belperamova-session-list__more--history-link,
body.belperamova-page.theme-dark .belperamova-app .belperamova-session-list__more,
body.belperamova-page.theme-dark .belperamova-app .belperamova-session-list__more--outside,
body.belperamova-page.theme-dark .belperamova-app .belperamova-session-list__more--history-link,
.dark-mode .belperamova-app .belperamova-session-list__more,
.dark-mode .belperamova-app .belperamova-session-list__more--outside,
.dark-mode .belperamova-app .belperamova-session-list__more--history-link,
.theme-dark .belperamova-app .belperamova-session-list__more,
.theme-dark .belperamova-app .belperamova-session-list__more--outside,
.theme-dark .belperamova-app .belperamova-session-list__more--history-link {
    border-color: transparent !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

body.belperamova-page.dark-mode .belperamova-app .belperamova-feature-preview,
body.belperamova-page[data-theme="dark"] .belperamova-app .belperamova-feature-preview,
body.belperamova-page.theme-dark .belperamova-app .belperamova-feature-preview,
body.belperamova-page.night-mode .belperamova-app .belperamova-feature-preview,
body.belperamova-page.is-dark-theme .belperamova-app .belperamova-feature-preview,
body.belperamova-page.wp-dark-mode-active .belperamova-app .belperamova-feature-preview,
body.belperamova-page.site-dark .belperamova-app .belperamova-feature-preview,
body.belperamova-page.color-scheme-dark .belperamova-app .belperamova-feature-preview,
body.dark-mode .belperamova-app .belperamova-feature-preview,
body[data-theme="dark"] .belperamova-app .belperamova-feature-preview,
[data-theme="dark"] .belperamova-app .belperamova-feature-preview,
.dark-mode .belperamova-app .belperamova-feature-preview,
.theme-dark .belperamova-app .belperamova-feature-preview {
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}


/* --- 0.2.88: финальная чистка родительской фоновой плиты ночной темы ---
 * Задача:
 * - Не менять JS, PHP, REST, Jitsi и разметку.
 * - Убрать остаточный фон родительских контейнеров WordPress вокруг БелПерамовы.
 * - Оставить сам фон страницы темным, а рабочие карточки читаемыми.
 * - Работает только на странице БелПерамовы и только в ночной теме.
 */
body.belperamova-page.dark-mode .site-main,
body.belperamova-page.dark-mode .content-area,
body.belperamova-page.dark-mode .entry-content,
body.belperamova-page[data-theme="dark"] .site-main,
body.belperamova-page[data-theme="dark"] .content-area,
body.belperamova-page[data-theme="dark"] .entry-content,
body.belperamova-page.theme-dark .site-main,
body.belperamova-page.theme-dark .content-area,
body.belperamova-page.theme-dark .entry-content,
body.belperamova-page.night-mode .site-main,
body.belperamova-page.night-mode .content-area,
body.belperamova-page.night-mode .entry-content,
body.belperamova-page.is-dark-theme .site-main,
body.belperamova-page.is-dark-theme .content-area,
body.belperamova-page.is-dark-theme .entry-content,
body.belperamova-page.wp-dark-mode-active .site-main,
body.belperamova-page.wp-dark-mode-active .content-area,
body.belperamova-page.wp-dark-mode-active .entry-content,
body.belperamova-page.site-dark .site-main,
body.belperamova-page.site-dark .content-area,
body.belperamova-page.site-dark .entry-content,
body.belperamova-page.color-scheme-dark .site-main,
body.belperamova-page.color-scheme-dark .content-area,
body.belperamova-page.color-scheme-dark .entry-content {
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

body.belperamova-page.dark-mode .belperamova-app,
body.belperamova-page.dark-mode .belperamova-app::before,
body.belperamova-page.dark-mode .belperamova-app::after,
body.belperamova-page[data-theme="dark"] .belperamova-app,
body.belperamova-page[data-theme="dark"] .belperamova-app::before,
body.belperamova-page[data-theme="dark"] .belperamova-app::after,
body.belperamova-page.theme-dark .belperamova-app,
body.belperamova-page.theme-dark .belperamova-app::before,
body.belperamova-page.theme-dark .belperamova-app::after,
body.belperamova-page.night-mode .belperamova-app,
body.belperamova-page.night-mode .belperamova-app::before,
body.belperamova-page.night-mode .belperamova-app::after,
body.belperamova-page.is-dark-theme .belperamova-app,
body.belperamova-page.is-dark-theme .belperamova-app::before,
body.belperamova-page.is-dark-theme .belperamova-app::after,
body.belperamova-page.wp-dark-mode-active .belperamova-app,
body.belperamova-page.wp-dark-mode-active .belperamova-app::before,
body.belperamova-page.wp-dark-mode-active .belperamova-app::after,
body.belperamova-page.site-dark .belperamova-app,
body.belperamova-page.site-dark .belperamova-app::before,
body.belperamova-page.site-dark .belperamova-app::after,
body.belperamova-page.color-scheme-dark .belperamova-app,
body.belperamova-page.color-scheme-dark .belperamova-app::before,
body.belperamova-page.color-scheme-dark .belperamova-app::after {
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

body.belperamova-page.dark-mode .belperamova-session-list__more,
body.belperamova-page.dark-mode .belperamova-session-list__more--outside,
body.belperamova-page.dark-mode .belperamova-session-list__more--history-link,
body.belperamova-page[data-theme="dark"] .belperamova-session-list__more,
body.belperamova-page[data-theme="dark"] .belperamova-session-list__more--outside,
body.belperamova-page[data-theme="dark"] .belperamova-session-list__more--history-link,
body.belperamova-page.theme-dark .belperamova-session-list__more,
body.belperamova-page.theme-dark .belperamova-session-list__more--outside,
body.belperamova-page.theme-dark .belperamova-session-list__more--history-link,
body.belperamova-page.night-mode .belperamova-session-list__more,
body.belperamova-page.night-mode .belperamova-session-list__more--outside,
body.belperamova-page.night-mode .belperamova-session-list__more--history-link {
    background: transparent !important;
    background-image: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
}


/* --- 0.2.89: широкая активная встреча без лишних внешних слоев ---
 * Задача:
 * - Сделать экран активной встречи БелПерамовы легче и шире.
 * - Убрать лишний визуальный "бутерброд" из внешних рамок, фонов и больших паддингов.
 * - Дать видео, заметкам и отчету больше полезной ширины на мобильном и десктопе.
 * - Не менять JS, REST, Jitsi, тарифы, права, заметки, историю и бизнес-логику.
 */
body.belperamova-page .site-wrapper {
    width: 100% !important;
    max-width: min(1280px, 100%) !important;
}

body.belperamova-page .site-main,
body.belperamova-page .site-content,
body.belperamova-page .content-area,
body.belperamova-page .entry-content {
    width: 100% !important;
    max-width: none !important;
}

body.belperamova-page .site-main,
body.belperamova-page .content-area,
body.belperamova-page .entry-content {
    padding-right: clamp(12px, 2vw, 24px) !important;
    padding-left: clamp(12px, 2vw, 24px) !important;
}

body.belperamova-page .entry-content > .belperamova-app,
body.belperamova-page .belperamova-app {
    width: 100% !important;
    max-width: 1280px !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-hero__content {
    max-width: 1180px !important;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-panel:has([data-bp-session-list]) {
    width: 100% !important;
    max-width: none !important;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list {
    width: 100% !important;
    max-width: none !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item[data-bp-owner-active-row="1"],
.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item:has(> .belperamova-session-list__drawer.is-open) {
    overflow: visible !important;
    width: 100% !important;
    padding: clamp(10px, 1.4vw, 16px) !important;
    border-color: transparent !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item[data-bp-owner-active-row="1"]:hover,
.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item[data-bp-owner-active-row="1"]:focus-within,
.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item:has(> .belperamova-session-list__drawer.is-open):hover,
.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item:has(> .belperamova-session-list__drawer.is-open):focus-within {
    border-color: transparent !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item[data-bp-owner-active-row="1"] > .belperamova-session-list__drawer,
.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item:has(> .belperamova-session-list__drawer.is-open) > .belperamova-session-list__drawer {
    width: 100% !important;
    margin-top: 8px !important;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item[data-bp-owner-active-row="1"] .belperamova-session-list__drawer-inner,
.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item:has(> .belperamova-session-list__drawer.is-open) .belperamova-session-list__drawer-inner {
    overflow: visible !important;
    width: 100% !important;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item[data-bp-owner-active-row="1"] .belperamova-session-list__drawer-inner .belperamova-session-card,
.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item:has(> .belperamova-session-list__drawer.is-open) .belperamova-session-list__drawer-inner .belperamova-session-card {
    gap: 12px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item[data-bp-owner-active-row="1"] .belperamova-session-limit,
.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item:has(> .belperamova-session-list__drawer.is-open) .belperamova-session-limit {
    width: 100% !important;
    margin: 0 !important;
    padding: 12px 14px !important;
    border-radius: 16px !important;
    box-shadow: none !important;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item[data-bp-owner-active-row="1"] .belperamova-jitsi-test,
.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item:has(> .belperamova-session-list__drawer.is-open) .belperamova-jitsi-test {
    width: 100% !important;
    gap: 10px !important;
    margin: 0 !important;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item[data-bp-owner-active-row="1"] .belperamova-jitsi-frame,
.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item:has(> .belperamova-session-list__drawer.is-open) .belperamova-jitsi-frame {
    width: 100% !important;
    min-height: clamp(520px, 64vh, 760px) !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    border-radius: 18px !important;
    box-shadow: 0 14px 34px rgba(2, 6, 23, 0.18) !important;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item[data-bp-owner-active-row="1"] .belperamova-jitsi-frame iframe,
.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item[data-bp-owner-active-row="1"] .belperamova-jitsi-frame__placeholder,
.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item:has(> .belperamova-session-list__drawer.is-open) .belperamova-jitsi-frame iframe,
.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item:has(> .belperamova-session-list__drawer.is-open) .belperamova-jitsi-frame__placeholder {
    min-height: clamp(520px, 64vh, 760px) !important;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item[data-bp-owner-active-row="1"] .belperamova-meeting-workspace,
.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item:has(> .belperamova-session-list__drawer.is-open) .belperamova-meeting-workspace {
    width: 100% !important;
    gap: 14px !important;
    margin-top: 14px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item[data-bp-owner-active-row="1"] .belperamova-meeting-workspace .belperamova-tool-card,
.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item:has(> .belperamova-session-list__drawer.is-open) .belperamova-meeting-workspace .belperamova-tool-card {
    width: 100% !important;
    padding: 16px !important;
    border-radius: 18px !important;
    box-shadow: none !important;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item[data-bp-owner-active-row="1"] .belperamova-session-note__toolbar,
.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item:has(> .belperamova-session-list__drawer.is-open) .belperamova-session-note__toolbar {
    width: 100% !important;
}

.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item[data-bp-owner-active-row="1"] .belperamova-session-note__field,
.belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item:has(> .belperamova-session-list__drawer.is-open) .belperamova-session-note__field {
    width: 100% !important;
    min-height: 150px !important;
}

body.belperamova-page.dark-mode .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item[data-bp-owner-active-row="1"],
body.belperamova-page[data-theme="dark"] .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item[data-bp-owner-active-row="1"],
body.belperamova-page.theme-dark .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item[data-bp-owner-active-row="1"],
body.belperamova-page.night-mode .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item[data-bp-owner-active-row="1"],
body.belperamova-page.is-dark-theme .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item[data-bp-owner-active-row="1"],
body.belperamova-page.wp-dark-mode-active .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item[data-bp-owner-active-row="1"],
body.belperamova-page.site-dark .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item[data-bp-owner-active-row="1"],
body.belperamova-page.color-scheme-dark .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item[data-bp-owner-active-row="1"] {
    border-color: transparent !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

body.belperamova-page.dark-mode .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item[data-bp-owner-active-row="1"] .belperamova-session-card,
body.belperamova-page[data-theme="dark"] .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item[data-bp-owner-active-row="1"] .belperamova-session-card,
body.belperamova-page.theme-dark .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item[data-bp-owner-active-row="1"] .belperamova-session-card,
body.belperamova-page.night-mode .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item[data-bp-owner-active-row="1"] .belperamova-session-card,
body.belperamova-page.is-dark-theme .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item[data-bp-owner-active-row="1"] .belperamova-session-card,
body.belperamova-page.wp-dark-mode-active .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item[data-bp-owner-active-row="1"] .belperamova-session-card,
body.belperamova-page.site-dark .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item[data-bp-owner-active-row="1"] .belperamova-session-card,
body.belperamova-page.color-scheme-dark .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item[data-bp-owner-active-row="1"] .belperamova-session-card {
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

@media (max-width: 720px) {
    body.belperamova-page .site-wrapper {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    body.belperamova-page .site-main,
    body.belperamova-page .site-content,
    body.belperamova-page .content-area,
    body.belperamova-page .entry-content {
        padding-right: 8px !important;
        padding-left: 8px !important;
    }

    body.belperamova-page .entry-content > .belperamova-app,
    body.belperamova-page .belperamova-app {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .belperamova-app[data-belperamova-mode="owner"] .belperamova-panel:has([data-bp-session-list]) .belperamova-panel__header {
        margin-bottom: 10px !important;
    }

    .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list {
        gap: 8px !important;
    }

    .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item[data-bp-owner-active-row="1"],
    .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item:has(> .belperamova-session-list__drawer.is-open) {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 8px !important;
        padding: 4px !important;
        border: 0 !important;
        border-radius: 0 !important;
    }

    .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item[data-bp-owner-active-row="1"] .belperamova-session-list__drawer,
    .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item:has(> .belperamova-session-list__drawer.is-open) .belperamova-session-list__drawer {
        margin-top: 6px !important;
    }

    .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item[data-bp-owner-active-row="1"] .belperamova-session-list__drawer-inner .belperamova-session-card,
    .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item:has(> .belperamova-session-list__drawer.is-open) .belperamova-session-list__drawer-inner .belperamova-session-card {
        gap: 10px !important;
        padding: 0 !important;
    }

    .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item[data-bp-owner-active-row="1"] .belperamova-session-limit,
    .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item:has(> .belperamova-session-list__drawer.is-open) .belperamova-session-limit {
        padding: 10px 12px !important;
        border-radius: 14px !important;
    }

    .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item[data-bp-owner-active-row="1"] .belperamova-jitsi-frame,
    .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item:has(> .belperamova-session-list__drawer.is-open) .belperamova-jitsi-frame {
        min-height: min(66vh, 520px) !important;
        border-radius: 14px !important;
        box-shadow: none !important;
    }

    .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item[data-bp-owner-active-row="1"] .belperamova-jitsi-frame iframe,
    .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item[data-bp-owner-active-row="1"] .belperamova-jitsi-frame__placeholder,
    .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item:has(> .belperamova-session-list__drawer.is-open) .belperamova-jitsi-frame iframe,
    .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item:has(> .belperamova-session-list__drawer.is-open) .belperamova-jitsi-frame__placeholder {
        min-height: min(66vh, 520px) !important;
    }

    .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item[data-bp-owner-active-row="1"] .belperamova-meeting-workspace,
    .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item:has(> .belperamova-session-list__drawer.is-open) .belperamova-meeting-workspace {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 12px !important;
        margin-top: 12px !important;
    }

    .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item[data-bp-owner-active-row="1"] .belperamova-meeting-workspace .belperamova-tool-card,
    .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item:has(> .belperamova-session-list__drawer.is-open) .belperamova-meeting-workspace .belperamova-tool-card {
        padding: 12px !important;
        border-radius: 16px !important;
    }

    .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item[data-bp-owner-active-row="1"] .belperamova-session-note__toolbar,
    .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item:has(> .belperamova-session-list__drawer.is-open) .belperamova-session-note__toolbar {
        padding: 10px !important;
        border-radius: 16px !important;
    }

    .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item[data-bp-owner-active-row="1"] .belperamova-session-note__field,
    .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item:has(> .belperamova-session-list__drawer.is-open) .belperamova-session-note__field {
        min-height: 140px !important;
        padding: 12px !important;
        border-radius: 16px !important;
    }
}

@media (max-width: 420px) {
    body.belperamova-page .site-main,
    body.belperamova-page .site-content,
    body.belperamova-page .content-area,
    body.belperamova-page .entry-content {
        padding-right: 6px !important;
        padding-left: 6px !important;
    }

    .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item[data-bp-owner-active-row="1"],
    .belperamova-app[data-belperamova-mode="owner"] .belperamova-session-list__item:has(> .belperamova-session-list__drawer.is-open) {
        padding-right: 3px !important;
        padding-left: 3px !important;
    }
}


/* --- 0.2.90: video-first режим активной встречи ---
 * Задача:
 * - Когда есть активная owner-встреча, первым рабочим объектом под шапкой сайта должно быть видео.
 * - Большие заголовки страницы, история, лимит и служебные кнопки не должны отодвигать видеосцену вниз.
 * - История и заметки остаются доступными ниже, без изменений Jitsi, REST, прав, таймеров и хранения.
 */
.belperamova-app[data-belperamova-mode="owner"][data-bp-owner-active-session="1"] {
    display: flex !important;
    flex-direction: column !important;
    gap: clamp(12px, 1.5vw, 20px) !important;
    width: 100% !important;
    max-width: 1440px !important;
    padding-top: clamp(6px, 1vw, 12px) !important;
}

body.belperamova-page .entry-content > .belperamova-app[data-belperamova-mode="owner"][data-bp-owner-active-session="1"],
body.belperamova-page .belperamova-app[data-belperamova-mode="owner"][data-bp-owner-active-session="1"] {
    max-width: 1440px !important;
}

.belperamova-app[data-belperamova-mode="owner"][data-bp-owner-active-session="1"] > .belperamova-hero {
    display: none !important;
}

.belperamova-app[data-belperamova-mode="owner"][data-bp-owner-active-session="1"] > .belperamova-panel:has([data-bp-current-session]) {
    display: none !important;
}

.belperamova-app[data-belperamova-mode="owner"][data-bp-owner-active-session="1"] > .belperamova-panel:has([data-bp-session-list]) {
    order: -20 !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

.belperamova-app[data-belperamova-mode="owner"][data-bp-owner-active-session="1"] > .belperamova-panel:has([data-bp-session-list]) > .belperamova-panel__header {
    display: none !important;
}

.belperamova-app[data-belperamova-mode="owner"][data-bp-owner-active-session="1"] .belperamova-session-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.belperamova-app[data-belperamova-mode="owner"][data-bp-owner-active-session="1"] .belperamova-session-list::before {
    content: "История встреч";
    order: 10;
    display: block;
    margin: 18px 0 2px;
    padding-left: 2px;
    color: var(--belperamova-text, #102331);
    font-size: clamp(20px, 2.2vw, 26px);
    line-height: 1.2;
    font-weight: 760;
    letter-spacing: -0.02em;
}

.belperamova-app[data-belperamova-mode="owner"][data-bp-owner-active-session="1"] .belperamova-session-list__item:not([data-bp-owner-active-row="1"]) {
    order: 20 !important;
}

.belperamova-app[data-belperamova-mode="owner"][data-bp-owner-active-session="1"] .belperamova-session-list__more {
    order: 30 !important;
}

.belperamova-app[data-belperamova-mode="owner"][data-bp-owner-active-session="1"] .belperamova-session-list__item[data-bp-owner-active-row="1"] {
    order: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
        "drawer drawer"
        "main actions"
        "return actions" !important;
    align-items: start !important;
    column-gap: 14px !important;
    row-gap: 10px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

.belperamova-app[data-belperamova-mode="owner"][data-bp-owner-active-session="1"] .belperamova-session-list__item[data-bp-owner-active-row="1"] > .belperamova-session-list__drawer {
    grid-area: drawer !important;
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.belperamova-app[data-belperamova-mode="owner"][data-bp-owner-active-session="1"] .belperamova-session-list__item[data-bp-owner-active-row="1"] > .belperamova-session-list__main {
    grid-area: main !important;
    display: grid !important;
    gap: 6px !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 2px 0 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-align: left !important;
}

.belperamova-app[data-belperamova-mode="owner"][data-bp-owner-active-session="1"] .belperamova-session-list__item[data-bp-owner-active-row="1"] > .belperamova-session-list__main strong {
    display: block !important;
    max-width: 100% !important;
    color: var(--belperamova-text, #102331) !important;
    font-size: clamp(18px, 2vw, 24px) !important;
    line-height: 1.2 !important;
    font-weight: 760 !important;
    letter-spacing: -0.02em !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
}

.belperamova-app[data-belperamova-mode="owner"][data-bp-owner-active-session="1"] .belperamova-session-list__item[data-bp-owner-active-row="1"] .belperamova-session-list__meta {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    flex-wrap: wrap !important;
    color: var(--belperamova-muted, #607386) !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
}

.belperamova-app[data-belperamova-mode="owner"][data-bp-owner-active-session="1"] .belperamova-session-list__item[data-bp-owner-active-row="1"] > .belperamova-session-list__actions {
    grid-area: actions !important;
    justify-content: flex-end !important;
    align-self: start !important;
    gap: 8px !important;
    padding-top: 2px !important;
}

.belperamova-app[data-belperamova-mode="owner"][data-bp-owner-active-session="1"] .belperamova-session-list__item[data-bp-owner-active-row="1"] > .belperamova-session-list__active-return {
    grid-area: return !important;
    justify-self: start !important;
    min-height: 38px !important;
    margin: 0 !important;
}

.belperamova-app[data-belperamova-mode="owner"][data-bp-owner-active-session="1"] .belperamova-session-list__item[data-bp-owner-active-row="1"] .belperamova-session-list__drawer-inner,
.belperamova-app[data-belperamova-mode="owner"][data-bp-owner-active-session="1"] .belperamova-session-list__item[data-bp-owner-active-row="1"] [data-bp-inline-session-card],
.belperamova-app[data-belperamova-mode="owner"][data-bp-owner-active-session="1"] .belperamova-session-list__item[data-bp-owner-active-row="1"] .belperamova-session-card {
    overflow: visible !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

.belperamova-app[data-belperamova-mode="owner"][data-bp-owner-active-session="1"] .belperamova-session-list__item[data-bp-owner-active-row="1"] .belperamova-session-card {
    display: flex !important;
    flex-direction: column !important;
    gap: clamp(10px, 1.2vw, 16px) !important;
}

.belperamova-app[data-belperamova-mode="owner"][data-bp-owner-active-session="1"] .belperamova-session-list__item[data-bp-owner-active-row="1"] .belperamova-session-card > h4 {
    display: none !important;
}

.belperamova-app[data-belperamova-mode="owner"][data-bp-owner-active-session="1"] .belperamova-session-list__item[data-bp-owner-active-row="1"] .belperamova-jitsi-test {
    order: 1 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.belperamova-app[data-belperamova-mode="owner"][data-bp-owner-active-session="1"] .belperamova-session-list__item[data-bp-owner-active-row="1"] .belperamova-jitsi-frame {
    width: 100% !important;
    min-height: clamp(560px, 70vh, 820px) !important;
    margin: 0 !important;
    border-radius: 20px !important;
    background: #05070b !important;
    box-shadow: 0 18px 44px rgba(2, 6, 23, 0.18) !important;
}

.belperamova-app[data-belperamova-mode="owner"][data-bp-owner-active-session="1"] .belperamova-session-list__item[data-bp-owner-active-row="1"] .belperamova-jitsi-frame iframe,
.belperamova-app[data-belperamova-mode="owner"][data-bp-owner-active-session="1"] .belperamova-session-list__item[data-bp-owner-active-row="1"] .belperamova-jitsi-frame__placeholder {
    width: 100% !important;
    min-height: clamp(560px, 70vh, 820px) !important;
    border-radius: inherit !important;
}

.belperamova-app[data-belperamova-mode="owner"][data-bp-owner-active-session="1"] .belperamova-session-list__item[data-bp-owner-active-row="1"] .belperamova-session-limit {
    order: 2 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 9px 12px !important;
    border-color: rgba(15, 95, 103, 0.14) !important;
    border-radius: 14px !important;
    background: rgba(15, 95, 103, 0.045) !important;
    box-shadow: none !important;
}

.belperamova-app[data-belperamova-mode="owner"][data-bp-owner-active-session="1"] .belperamova-session-list__item[data-bp-owner-active-row="1"] .belperamova-participants {
    order: 3 !important;
}

.belperamova-app[data-belperamova-mode="owner"][data-bp-owner-active-session="1"] .belperamova-session-list__item[data-bp-owner-active-row="1"] [data-bp-owner-session-actions] {
    order: 4 !important;
}

.belperamova-app[data-belperamova-mode="owner"][data-bp-owner-active-session="1"] .belperamova-session-list__item[data-bp-owner-active-row="1"] .belperamova-meeting-workspace {
    order: 5 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1.08fr) minmax(280px, 0.92fr) !important;
    gap: clamp(12px, 1.4vw, 18px) !important;
    width: 100% !important;
    margin: 2px 0 0 !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.belperamova-app[data-belperamova-mode="owner"][data-bp-owner-active-session="1"] .belperamova-session-list__item[data-bp-owner-active-row="1"] .belperamova-meeting-workspace .belperamova-tool-card {
    padding: clamp(14px, 1.4vw, 18px) !important;
    border-radius: 18px !important;
    box-shadow: none !important;
}

@media (max-width: 900px) {
    .belperamova-app[data-belperamova-mode="owner"][data-bp-owner-active-session="1"] .belperamova-session-list__item[data-bp-owner-active-row="1"] .belperamova-meeting-workspace {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

@media (max-width: 720px) {
    body.belperamova-page .site-main,
    body.belperamova-page .site-content,
    body.belperamova-page .content-area,
    body.belperamova-page .entry-content {
        padding-right: 8px !important;
        padding-left: 8px !important;
    }

    .belperamova-app[data-belperamova-mode="owner"][data-bp-owner-active-session="1"] {
        gap: 10px !important;
        padding-top: 4px !important;
    }

    .belperamova-app[data-belperamova-mode="owner"][data-bp-owner-active-session="1"] .belperamova-session-list {
        gap: 10px !important;
    }

    .belperamova-app[data-belperamova-mode="owner"][data-bp-owner-active-session="1"] .belperamova-session-list::before {
        margin-top: 16px !important;
        font-size: 20px !important;
    }

    .belperamova-app[data-belperamova-mode="owner"][data-bp-owner-active-session="1"] .belperamova-session-list__item[data-bp-owner-active-row="1"] {
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-areas:
            "drawer"
            "main"
            "actions"
            "return" !important;
        gap: 9px !important;
        padding: 0 !important;
    }

    .belperamova-app[data-belperamova-mode="owner"][data-bp-owner-active-session="1"] .belperamova-session-list__item[data-bp-owner-active-row="1"] > .belperamova-session-list__main {
        padding-top: 0 !important;
    }

    .belperamova-app[data-belperamova-mode="owner"][data-bp-owner-active-session="1"] .belperamova-session-list__item[data-bp-owner-active-row="1"] > .belperamova-session-list__main strong {
        font-size: 19px !important;
    }

    .belperamova-app[data-belperamova-mode="owner"][data-bp-owner-active-session="1"] .belperamova-session-list__item[data-bp-owner-active-row="1"] > .belperamova-session-list__actions {
        justify-content: flex-start !important;
        overflow-x: auto !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
        padding: 0 0 2px !important;
        scrollbar-width: none !important;
    }

    .belperamova-app[data-belperamova-mode="owner"][data-bp-owner-active-session="1"] .belperamova-session-list__item[data-bp-owner-active-row="1"] > .belperamova-session-list__actions::-webkit-scrollbar {
        display: none !important;
    }

    .belperamova-app[data-belperamova-mode="owner"][data-bp-owner-active-session="1"] .belperamova-session-list__item[data-bp-owner-active-row="1"] .belperamova-mini-button {
        flex: 0 0 auto !important;
        min-height: 38px !important;
        padding-right: 14px !important;
        padding-left: 14px !important;
    }

    .belperamova-app[data-belperamova-mode="owner"][data-bp-owner-active-session="1"] .belperamova-session-list__item[data-bp-owner-active-row="1"] .belperamova-jitsi-frame,
    .belperamova-app[data-belperamova-mode="owner"][data-bp-owner-active-session="1"] .belperamova-session-list__item[data-bp-owner-active-row="1"] .belperamova-jitsi-frame iframe,
    .belperamova-app[data-belperamova-mode="owner"][data-bp-owner-active-session="1"] .belperamova-session-list__item[data-bp-owner-active-row="1"] .belperamova-jitsi-frame__placeholder {
        min-height: min(72vh, 560px) !important;
        border-radius: 14px !important;
    }

    .belperamova-app[data-belperamova-mode="owner"][data-bp-owner-active-session="1"] .belperamova-session-list__item[data-bp-owner-active-row="1"] .belperamova-session-limit {
        padding: 8px 10px !important;
        border-radius: 12px !important;
    }

    .belperamova-app[data-belperamova-mode="owner"][data-bp-owner-active-session="1"] .belperamova-session-list__item[data-bp-owner-active-row="1"] .belperamova-meeting-workspace {
        gap: 12px !important;
        margin-top: 0 !important;
    }

    .belperamova-app[data-belperamova-mode="owner"][data-bp-owner-active-session="1"] .belperamova-session-list__item[data-bp-owner-active-row="1"] .belperamova-meeting-workspace .belperamova-tool-card {
        padding: 12px !important;
        border-radius: 16px !important;
    }
}

@media (max-width: 420px) {
    body.belperamova-page .site-main,
    body.belperamova-page .site-content,
    body.belperamova-page .content-area,
    body.belperamova-page .entry-content {
        padding-right: 6px !important;
        padding-left: 6px !important;
    }

    .belperamova-app[data-belperamova-mode="owner"][data-bp-owner-active-session="1"] .belperamova-session-list__item[data-bp-owner-active-row="1"] .belperamova-jitsi-frame,
    .belperamova-app[data-belperamova-mode="owner"][data-bp-owner-active-session="1"] .belperamova-session-list__item[data-bp-owner-active-row="1"] .belperamova-jitsi-frame iframe,
    .belperamova-app[data-belperamova-mode="owner"][data-bp-owner-active-session="1"] .belperamova-session-list__item[data-bp-owner-active-row="1"] .belperamova-jitsi-frame__placeholder {
        min-height: min(74vh, 560px) !important;
        border-radius: 12px !important;
    }

    .belperamova-app[data-belperamova-mode="owner"][data-bp-owner-active-session="1"] .belperamova-session-list__item[data-bp-owner-active-row="1"] > .belperamova-session-list__main strong {
        font-size: 18px !important;
    }
}

/* --- 0.2.91: убираем лишнюю кнопку «Свернуть» в раскрытом video-first режиме ---
 * В активной видеосцене сама встреча уже раскрыта и находится наверху, поэтому отдельная кнопка
 * «Свернуть» визуально спорит с video-first сценарием и отодвигает историю вниз. При этом состояние
 * «Вернуться» для свернутой активной встречи не трогаем: оно остается важным способом вернуться в звонок.
 */
.belperamova-app[data-belperamova-mode="owner"][data-bp-owner-active-session="1"]
    .belperamova-session-list__item[data-bp-owner-active-row="1"]:has(> .belperamova-session-list__active-return-collapse[aria-expanded="true"]) {
    grid-template-areas:
        "drawer drawer"
        "main actions" !important;
}

.belperamova-app[data-belperamova-mode="owner"][data-bp-owner-active-session="1"]
    .belperamova-session-list__item[data-bp-owner-active-row="1"] > .belperamova-session-list__active-return-collapse[aria-expanded="true"] {
    display: none !important;
}

@media (max-width: 720px) {
    .belperamova-app[data-belperamova-mode="owner"][data-bp-owner-active-session="1"]
        .belperamova-session-list__item[data-bp-owner-active-row="1"]:has(> .belperamova-session-list__active-return-collapse[aria-expanded="true"]) {
        grid-template-areas:
            "drawer"
            "main"
            "actions" !important;
    }
}



/* --- 0.2.92: video-first без лишней кнопки, дубля названия и светлой trust-плашки ---
 * Задача:
 * - Исправить реальное имя класса активной кнопки: в DOM используется .belperamova-session-list__active-return--collapse,
 *   поэтому прежняя страховка с -collapse не перекрывала кнопку «Свернуть».
 * - В video-first сценарии не повторять текстовый бренд «БелПерамова» внутри рабочей области: логотип уже есть в общей шапке.
 * - Для гостевого/активного экрана оставить информативную trust-плашку, но привести ее к ночной теме.
 */
.belperamova-app[data-belperamova-mode="owner"][data-bp-owner-active-session="1"]
    .belperamova-session-list__item[data-bp-owner-active-row="1"] > .belperamova-session-list__active-return[aria-expanded="true"],
.belperamova-app[data-belperamova-mode="owner"][data-bp-owner-active-session="1"]
    .belperamova-session-list__item[data-bp-owner-active-row="1"] > .belperamova-session-list__active-return--collapse,
.belperamova-app[data-belperamova-mode="owner"][data-bp-owner-active-session="1"]
    .belperamova-session-list__item[data-bp-owner-active-row="1"] > [data-bp-active-return-button][aria-expanded="true"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.belperamova-app[data-belperamova-mode="owner"][data-bp-owner-active-session="1"]
    .belperamova-session-list__item[data-bp-owner-active-row="1"]:has(> .belperamova-session-list__active-return[aria-expanded="true"]),
.belperamova-app[data-belperamova-mode="owner"][data-bp-owner-active-session="1"]
    .belperamova-session-list__item[data-bp-owner-active-row="1"]:has(> .belperamova-session-list__active-return--collapse) {
    grid-template-areas:
        "drawer drawer"
        "main actions" !important;
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-title-main,
.belperamova-app[data-belperamova-mode="owner"][data-bp-owner-active-session="1"] .belperamova-title-main {
    display: none !important;
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-hero h2,
.belperamova-app[data-belperamova-mode="owner"][data-bp-owner-active-session="1"] .belperamova-hero h2 {
    gap: 12px !important;
    margin-bottom: 8px !important;
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-title-trust,
.belperamova-app[data-belperamova-mode="owner"][data-bp-owner-active-session="1"] .belperamova-title-trust {
    margin-left: 0 !important;
}

body.dark-mode .belperamova-title-trust,
body[data-theme="dark"] .belperamova-title-trust,
[data-theme="dark"] .belperamova-title-trust,
.dark .belperamova-title-trust,
.dark-mode .belperamova-title-trust,
.theme-dark .belperamova-title-trust,
.night-mode .belperamova-title-trust,
.is-dark-theme .belperamova-title-trust,
.wp-dark-mode-active .belperamova-title-trust,
.site-dark .belperamova-title-trust,
.color-scheme-dark .belperamova-title-trust {
    border-color: rgba(123, 226, 183, 0.26) !important;
    background: linear-gradient(135deg, rgba(11, 27, 27, 0.92), rgba(17, 40, 42, 0.86)) !important;
    color: #8ff0bd !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.045), 0 10px 28px rgba(0, 0, 0, 0.18) !important;
}

body.dark-mode .belperamova-title-trust__icon,
body[data-theme="dark"] .belperamova-title-trust__icon,
[data-theme="dark"] .belperamova-title-trust__icon,
.dark .belperamova-title-trust__icon,
.dark-mode .belperamova-title-trust__icon,
.theme-dark .belperamova-title-trust__icon,
.night-mode .belperamova-title-trust__icon,
.is-dark-theme .belperamova-title-trust__icon,
.wp-dark-mode-active .belperamova-title-trust__icon,
.site-dark .belperamova-title-trust__icon,
.color-scheme-dark .belperamova-title-trust__icon {
    background: rgba(123, 226, 183, 0.16) !important;
    color: #9ef2c6 !important;
}

@media (max-width: 720px) {
    .belperamova-app[data-belperamova-mode="owner"][data-bp-owner-active-session="1"]
        .belperamova-session-list__item[data-bp-owner-active-row="1"]:has(> .belperamova-session-list__active-return[aria-expanded="true"]),
    .belperamova-app[data-belperamova-mode="owner"][data-bp-owner-active-session="1"]
        .belperamova-session-list__item[data-bp-owner-active-row="1"]:has(> .belperamova-session-list__active-return--collapse) {
        grid-template-areas:
            "drawer"
            "main"
            "actions" !important;
    }

    .belperamova-app[data-belperamova-mode="guest"] .belperamova-title-trust,
    .belperamova-app[data-belperamova-mode="owner"][data-bp-owner-active-session="1"] .belperamova-title-trust {
        justify-content: center !important;
        width: 100% !important;
        margin-top: 0 !important;
        text-align: center !important;
    }
}


/* --- 0.2.93: mobile-first гостевой video-first экран и ночные уведомления ---
 * Задача:
 * - В гостевом сценарии не повторять служебный подзаголовок над видео: логотип и навигация уже есть в шапке.
 * - Когда гость ждет/подключен/вышел, сделать экран video-first: минимум оберток, максимум ширины для видео.
 * - Исправить ночную тему системных уведомлений, trust-плашки и карточки ввода имени.
 * - Не менять JS, Jitsi, REST, права, таймеры, гостевой reconnect и логику встреч.
 */
.belperamova-app[data-belperamova-mode="guest"] .belperamova-title-note {
    display: none !important;
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-hero,
.belperamova-app[data-belperamova-mode="guest"] .belperamova-hero__content {
    max-width: 100% !important;
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-hero h2 {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    margin: 0 !important;
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-title-trust {
    width: min(100%, 760px) !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 auto !important;
    padding: 9px 16px !important;
    justify-content: center !important;
    white-space: normal !important;
}

.belperamova-app[data-belperamova-mode="guest"][data-bp-guest-flow="pending-start"],
.belperamova-app[data-belperamova-mode="guest"][data-bp-guest-flow="waiting"],
.belperamova-app[data-belperamova-mode="guest"][data-bp-guest-flow="live"],
.belperamova-app[data-belperamova-mode="guest"][data-bp-guest-flow="closed"] {
    width: 100% !important;
    max-width: min(1280px, 100%) !important;
    padding-top: 6px !important;
}

.belperamova-app[data-belperamova-mode="guest"][data-bp-guest-flow="pending-start"] .belperamova-hero,
.belperamova-app[data-belperamova-mode="guest"][data-bp-guest-flow="waiting"] .belperamova-hero,
.belperamova-app[data-belperamova-mode="guest"][data-bp-guest-flow="live"] .belperamova-hero,
.belperamova-app[data-belperamova-mode="guest"][data-bp-guest-flow="closed"] .belperamova-hero {
    padding-bottom: clamp(8px, 1vw, 12px) !important;
}

.belperamova-app[data-belperamova-mode="guest"][data-bp-guest-flow="pending-start"] > .belperamova-panel,
.belperamova-app[data-belperamova-mode="guest"][data-bp-guest-flow="waiting"] > .belperamova-panel,
.belperamova-app[data-belperamova-mode="guest"][data-bp-guest-flow="live"] > .belperamova-panel,
.belperamova-app[data-belperamova-mode="guest"][data-bp-guest-flow="closed"] > .belperamova-panel {
    margin-top: 8px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

.belperamova-app[data-belperamova-mode="guest"][data-bp-guest-flow="pending-start"] [data-bp-guest-session],
.belperamova-app[data-belperamova-mode="guest"][data-bp-guest-flow="waiting"] [data-bp-guest-session],
.belperamova-app[data-belperamova-mode="guest"][data-bp-guest-flow="live"] [data-bp-guest-session],
.belperamova-app[data-belperamova-mode="guest"][data-bp-guest-flow="closed"] [data-bp-guest-session] {
    width: 100% !important;
    max-width: none !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

.belperamova-app[data-belperamova-mode="guest"][data-bp-guest-flow="pending-start"] .belperamova-jitsi-test,
.belperamova-app[data-belperamova-mode="guest"][data-bp-guest-flow="waiting"] .belperamova-jitsi-test,
.belperamova-app[data-belperamova-mode="guest"][data-bp-guest-flow="live"] .belperamova-jitsi-test,
.belperamova-app[data-belperamova-mode="guest"][data-bp-guest-flow="closed"] .belperamova-jitsi-test {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.belperamova-app[data-belperamova-mode="guest"][data-bp-guest-flow="pending-start"] .belperamova-jitsi-frame,
.belperamova-app[data-belperamova-mode="guest"][data-bp-guest-flow="waiting"] .belperamova-jitsi-frame,
.belperamova-app[data-belperamova-mode="guest"][data-bp-guest-flow="live"] .belperamova-jitsi-frame,
.belperamova-app[data-belperamova-mode="guest"][data-bp-guest-flow="closed"] .belperamova-jitsi-frame {
    width: 100% !important;
    min-height: clamp(360px, 52vw, 720px) !important;
    margin: 0 !important;
    border-radius: 20px !important;
    background: #05070b !important;
    box-shadow: 0 16px 42px rgba(2, 6, 23, 0.18) !important;
}

.belperamova-app[data-belperamova-mode="guest"][data-bp-guest-flow="pending-start"] .belperamova-jitsi-frame iframe,
.belperamova-app[data-belperamova-mode="guest"][data-bp-guest-flow="pending-start"] .belperamova-jitsi-frame__placeholder,
.belperamova-app[data-belperamova-mode="guest"][data-bp-guest-flow="waiting"] .belperamova-jitsi-frame iframe,
.belperamova-app[data-belperamova-mode="guest"][data-bp-guest-flow="waiting"] .belperamova-jitsi-frame__placeholder,
.belperamova-app[data-belperamova-mode="guest"][data-bp-guest-flow="live"] .belperamova-jitsi-frame iframe,
.belperamova-app[data-belperamova-mode="guest"][data-bp-guest-flow="live"] .belperamova-jitsi-frame__placeholder,
.belperamova-app[data-belperamova-mode="guest"][data-bp-guest-flow="closed"] .belperamova-jitsi-frame iframe,
.belperamova-app[data-belperamova-mode="guest"][data-bp-guest-flow="closed"] .belperamova-jitsi-frame__placeholder {
    width: 100% !important;
    min-height: clamp(360px, 52vw, 720px) !important;
    border-radius: inherit !important;
}

.belperamova-app[data-belperamova-mode="guest"][data-bp-guest-flow="live"] .belperamova-meeting-workspace,
.belperamova-app[data-belperamova-mode="guest"][data-bp-guest-flow="closed"] .belperamova-meeting-workspace {
    width: 100% !important;
    margin-top: 14px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.belperamova-app[data-belperamova-mode="guest"][data-bp-guest-flow="live"] .belperamova-tool-card,
.belperamova-app[data-belperamova-mode="guest"][data-bp-guest-flow="closed"] .belperamova-tool-card {
    border-radius: 18px !important;
    box-shadow: none !important;
}

body.belperamova-page.dark-mode .belperamova-app[data-belperamova-mode="guest"] [data-bp-guest-message].belperamova-notice,
body.belperamova-page[data-theme="dark"] .belperamova-app[data-belperamova-mode="guest"] [data-bp-guest-message].belperamova-notice,
body.belperamova-page.theme-dark .belperamova-app[data-belperamova-mode="guest"] [data-bp-guest-message].belperamova-notice,
body.belperamova-page.night-mode .belperamova-app[data-belperamova-mode="guest"] [data-bp-guest-message].belperamova-notice,
body.belperamova-page.is-dark-theme .belperamova-app[data-belperamova-mode="guest"] [data-bp-guest-message].belperamova-notice,
body.belperamova-page.wp-dark-mode-active .belperamova-app[data-belperamova-mode="guest"] [data-bp-guest-message].belperamova-notice,
body.belperamova-page.site-dark .belperamova-app[data-belperamova-mode="guest"] [data-bp-guest-message].belperamova-notice,
body.belperamova-page.color-scheme-dark .belperamova-app[data-belperamova-mode="guest"] [data-bp-guest-message].belperamova-notice {
    border-color: rgba(123, 226, 183, 0.22) !important;
    background: linear-gradient(135deg, rgba(16, 36, 39, 0.92), rgba(12, 25, 33, 0.92)) !important;
    color: rgba(226, 255, 247, 0.94) !important;
    box-shadow: none !important;
}

body.belperamova-page.dark-mode .belperamova-app[data-belperamova-mode="guest"] [data-bp-guest-message].belperamova-notice[data-type="success"],
body.belperamova-page[data-theme="dark"] .belperamova-app[data-belperamova-mode="guest"] [data-bp-guest-message].belperamova-notice[data-type="success"],
body.belperamova-page.theme-dark .belperamova-app[data-belperamova-mode="guest"] [data-bp-guest-message].belperamova-notice[data-type="success"],
body.belperamova-page.night-mode .belperamova-app[data-belperamova-mode="guest"] [data-bp-guest-message].belperamova-notice[data-type="success"],
body.belperamova-page.is-dark-theme .belperamova-app[data-belperamova-mode="guest"] [data-bp-guest-message].belperamova-notice[data-type="success"],
body.belperamova-page.wp-dark-mode-active .belperamova-app[data-belperamova-mode="guest"] [data-bp-guest-message].belperamova-notice[data-type="success"],
body.belperamova-page.site-dark .belperamova-app[data-belperamova-mode="guest"] [data-bp-guest-message].belperamova-notice[data-type="success"],
body.belperamova-page.color-scheme-dark .belperamova-app[data-belperamova-mode="guest"] [data-bp-guest-message].belperamova-notice[data-type="success"] {
    border-color: rgba(123, 226, 183, 0.28) !important;
    background: linear-gradient(135deg, rgba(14, 51, 42, 0.92), rgba(11, 32, 36, 0.92)) !important;
    color: #9ef2c6 !important;
}

body.belperamova-page.dark-mode .belperamova-app[data-belperamova-mode="guest"] .belperamova-title-trust,
body.belperamova-page[data-theme="dark"] .belperamova-app[data-belperamova-mode="guest"] .belperamova-title-trust,
body.belperamova-page.theme-dark .belperamova-app[data-belperamova-mode="guest"] .belperamova-title-trust,
body.belperamova-page.night-mode .belperamova-app[data-belperamova-mode="guest"] .belperamova-title-trust,
body.belperamova-page.is-dark-theme .belperamova-app[data-belperamova-mode="guest"] .belperamova-title-trust,
body.belperamova-page.wp-dark-mode-active .belperamova-app[data-belperamova-mode="guest"] .belperamova-title-trust,
body.belperamova-page.site-dark .belperamova-app[data-belperamova-mode="guest"] .belperamova-title-trust,
body.belperamova-page.color-scheme-dark .belperamova-app[data-belperamova-mode="guest"] .belperamova-title-trust {
    border-color: rgba(123, 226, 183, 0.25) !important;
    background: linear-gradient(135deg, rgba(8, 45, 39, 0.86), rgba(10, 35, 38, 0.86)) !important;
    color: #8ff0bd !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.035) !important;
}

body.belperamova-page.dark-mode .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-entry-intro,
body.belperamova-page[data-theme="dark"] .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-entry-intro,
body.belperamova-page.theme-dark .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-entry-intro,
body.belperamova-page.night-mode .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-entry-intro,
body.belperamova-page.is-dark-theme .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-entry-intro,
body.belperamova-page.wp-dark-mode-active .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-entry-intro,
body.belperamova-page.site-dark .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-entry-intro,
body.belperamova-page.color-scheme-dark .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-entry-intro {
    border-color: rgba(136, 163, 165, 0.22) !important;
    background: linear-gradient(135deg, rgba(20, 34, 43, 0.94), rgba(15, 28, 37, 0.92)) !important;
    color: #e8f4f5 !important;
    box-shadow: none !important;
}

body.belperamova-page.dark-mode .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-entry-intro__body strong,
body.belperamova-page[data-theme="dark"] .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-entry-intro__body strong,
body.belperamova-page.theme-dark .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-entry-intro__body strong,
body.belperamova-page.night-mode .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-entry-intro__body strong,
body.belperamova-page.is-dark-theme .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-entry-intro__body strong,
body.belperamova-page.wp-dark-mode-active .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-entry-intro__body strong,
body.belperamova-page.site-dark .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-entry-intro__body strong,
body.belperamova-page.color-scheme-dark .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-entry-intro__body strong {
    color: #eefafa !important;
}

body.belperamova-page.dark-mode .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-entry-intro__body p,
body.belperamova-page[data-theme="dark"] .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-entry-intro__body p,
body.belperamova-page.theme-dark .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-entry-intro__body p,
body.belperamova-page.night-mode .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-entry-intro__body p,
body.belperamova-page.is-dark-theme .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-entry-intro__body p,
body.belperamova-page.wp-dark-mode-active .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-entry-intro__body p,
body.belperamova-page.site-dark .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-entry-intro__body p,
body.belperamova-page.color-scheme-dark .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-entry-intro__body p {
    color: #a8b5b8 !important;
}

@supports selector(:has(*)) {
    body.belperamova-page.dark-mode .belperamova-app[data-belperamova-mode="guest"] .belperamova-panel:has([data-bp-guest-form]:not([hidden])),
    body.belperamova-page[data-theme="dark"] .belperamova-app[data-belperamova-mode="guest"] .belperamova-panel:has([data-bp-guest-form]:not([hidden])),
    body.belperamova-page.theme-dark .belperamova-app[data-belperamova-mode="guest"] .belperamova-panel:has([data-bp-guest-form]:not([hidden])),
    body.belperamova-page.night-mode .belperamova-app[data-belperamova-mode="guest"] .belperamova-panel:has([data-bp-guest-form]:not([hidden])),
    body.belperamova-page.is-dark-theme .belperamova-app[data-belperamova-mode="guest"] .belperamova-panel:has([data-bp-guest-form]:not([hidden])),
    body.belperamova-page.wp-dark-mode-active .belperamova-app[data-belperamova-mode="guest"] .belperamova-panel:has([data-bp-guest-form]:not([hidden])),
    body.belperamova-page.site-dark .belperamova-app[data-belperamova-mode="guest"] .belperamova-panel:has([data-bp-guest-form]:not([hidden])),
    body.belperamova-page.color-scheme-dark .belperamova-app[data-belperamova-mode="guest"] .belperamova-panel:has([data-bp-guest-form]:not([hidden])) {
        border-color: rgba(136, 163, 165, 0.22) !important;
        background: rgba(15, 23, 36, 0.86) !important;
        box-shadow: none !important;
    }
}

body.belperamova-page.dark-mode .belperamova-app[data-belperamova-mode="guest"] [data-bp-guest-form] label,
body.belperamova-page[data-theme="dark"] .belperamova-app[data-belperamova-mode="guest"] [data-bp-guest-form] label,
body.belperamova-page.theme-dark .belperamova-app[data-belperamova-mode="guest"] [data-bp-guest-form] label,
body.belperamova-page.night-mode .belperamova-app[data-belperamova-mode="guest"] [data-bp-guest-form] label,
body.belperamova-page.is-dark-theme .belperamova-app[data-belperamova-mode="guest"] [data-bp-guest-form] label,
body.belperamova-page.wp-dark-mode-active .belperamova-app[data-belperamova-mode="guest"] [data-bp-guest-form] label,
body.belperamova-page.site-dark .belperamova-app[data-belperamova-mode="guest"] [data-bp-guest-form] label,
body.belperamova-page.color-scheme-dark .belperamova-app[data-belperamova-mode="guest"] [data-bp-guest-form] label {
    color: #eefafa !important;
}

body.belperamova-page.dark-mode .belperamova-app[data-belperamova-mode="guest"] [data-bp-guest-name],
body.belperamova-page[data-theme="dark"] .belperamova-app[data-belperamova-mode="guest"] [data-bp-guest-name],
body.belperamova-page.theme-dark .belperamova-app[data-belperamova-mode="guest"] [data-bp-guest-name],
body.belperamova-page.night-mode .belperamova-app[data-belperamova-mode="guest"] [data-bp-guest-name],
body.belperamova-page.is-dark-theme .belperamova-app[data-belperamova-mode="guest"] [data-bp-guest-name],
body.belperamova-page.wp-dark-mode-active .belperamova-app[data-belperamova-mode="guest"] [data-bp-guest-name],
body.belperamova-page.site-dark .belperamova-app[data-belperamova-mode="guest"] [data-bp-guest-name],
body.belperamova-page.color-scheme-dark .belperamova-app[data-belperamova-mode="guest"] [data-bp-guest-name] {
    border-color: rgba(136, 163, 165, 0.32) !important;
    background: rgba(8, 18, 28, 0.92) !important;
    color: #eefafa !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

body.belperamova-page.dark-mode .belperamova-app[data-belperamova-mode="guest"] [data-bp-guest-name]::placeholder,
body.belperamova-page[data-theme="dark"] .belperamova-app[data-belperamova-mode="guest"] [data-bp-guest-name]::placeholder,
body.belperamova-page.theme-dark .belperamova-app[data-belperamova-mode="guest"] [data-bp-guest-name]::placeholder,
body.belperamova-page.night-mode .belperamova-app[data-belperamova-mode="guest"] [data-bp-guest-name]::placeholder,
body.belperamova-page.is-dark-theme .belperamova-app[data-belperamova-mode="guest"] [data-bp-guest-name]::placeholder,
body.belperamova-page.wp-dark-mode-active .belperamova-app[data-belperamova-mode="guest"] [data-bp-guest-name]::placeholder,
body.belperamova-page.site-dark .belperamova-app[data-belperamova-mode="guest"] [data-bp-guest-name]::placeholder,
body.belperamova-page.color-scheme-dark .belperamova-app[data-belperamova-mode="guest"] [data-bp-guest-name]::placeholder {
    color: #819399 !important;
}

body.belperamova-page.dark-mode .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-help,
body.belperamova-page[data-theme="dark"] .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-help,
body.belperamova-page.theme-dark .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-help,
body.belperamova-page.night-mode .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-help,
body.belperamova-page.is-dark-theme .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-help,
body.belperamova-page.wp-dark-mode-active .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-help,
body.belperamova-page.site-dark .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-help,
body.belperamova-page.color-scheme-dark .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-help {
    color: #a8b5b8 !important;
}

@media (max-width: 720px) {
    body.belperamova-page .site-main,
    body.belperamova-page .site-content,
    body.belperamova-page .content-area,
    body.belperamova-page .entry-content {
        padding-right: 8px !important;
        padding-left: 8px !important;
    }

    .belperamova-app[data-belperamova-mode="guest"] {
        padding: 4px 0 16px !important;
    }

    .belperamova-app[data-belperamova-mode="guest"] .belperamova-hero {
        padding-bottom: 8px !important;
    }

    .belperamova-app[data-belperamova-mode="guest"] .belperamova-title-trust {
        width: 100% !important;
        padding: 8px 10px !important;
        border-radius: 999px !important;
        font-size: 11px !important;
        line-height: 1.18 !important;
        text-align: center !important;
    }

    .belperamova-app[data-belperamova-mode="guest"] .belperamova-title-trust__icon {
        width: 18px !important;
        height: 18px !important;
        flex-basis: 18px !important;
    }

    .belperamova-app[data-belperamova-mode="guest"] > .belperamova-panel,
    .belperamova-app[data-belperamova-mode="guest"][data-bp-guest-flow="pending-start"] > .belperamova-panel,
    .belperamova-app[data-belperamova-mode="guest"][data-bp-guest-flow="waiting"] > .belperamova-panel,
    .belperamova-app[data-belperamova-mode="guest"][data-bp-guest-flow="live"] > .belperamova-panel,
    .belperamova-app[data-belperamova-mode="guest"][data-bp-guest-flow="closed"] > .belperamova-panel {
        margin-top: 8px !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .belperamova-app[data-belperamova-mode="guest"][data-bp-guest-flow="pending-start"] .belperamova-jitsi-frame,
    .belperamova-app[data-belperamova-mode="guest"][data-bp-guest-flow="pending-start"] .belperamova-jitsi-frame iframe,
    .belperamova-app[data-belperamova-mode="guest"][data-bp-guest-flow="pending-start"] .belperamova-jitsi-frame__placeholder,
    .belperamova-app[data-belperamova-mode="guest"][data-bp-guest-flow="waiting"] .belperamova-jitsi-frame,
    .belperamova-app[data-belperamova-mode="guest"][data-bp-guest-flow="waiting"] .belperamova-jitsi-frame iframe,
    .belperamova-app[data-belperamova-mode="guest"][data-bp-guest-flow="waiting"] .belperamova-jitsi-frame__placeholder,
    .belperamova-app[data-belperamova-mode="guest"][data-bp-guest-flow="live"] .belperamova-jitsi-frame,
    .belperamova-app[data-belperamova-mode="guest"][data-bp-guest-flow="live"] .belperamova-jitsi-frame iframe,
    .belperamova-app[data-belperamova-mode="guest"][data-bp-guest-flow="live"] .belperamova-jitsi-frame__placeholder,
    .belperamova-app[data-belperamova-mode="guest"][data-bp-guest-flow="closed"] .belperamova-jitsi-frame,
    .belperamova-app[data-belperamova-mode="guest"][data-bp-guest-flow="closed"] .belperamova-jitsi-frame iframe,
    .belperamova-app[data-belperamova-mode="guest"][data-bp-guest-flow="closed"] .belperamova-jitsi-frame__placeholder {
        min-height: max(240px, min(52vh, 420px)) !important;
        border-radius: 12px !important;
    }

    .belperamova-app[data-belperamova-mode="guest"][data-bp-guest-flow="live"] .belperamova-meeting-workspace,
    .belperamova-app[data-belperamova-mode="guest"][data-bp-guest-flow="closed"] .belperamova-meeting-workspace {
        margin-top: 12px !important;
    }

    .belperamova-app[data-belperamova-mode="guest"][data-bp-guest-flow="live"] .belperamova-tool-card,
    .belperamova-app[data-belperamova-mode="guest"][data-bp-guest-flow="closed"] .belperamova-tool-card {
        padding: 12px !important;
        border-radius: 16px !important;
    }
}

@media (max-width: 420px) {
    body.belperamova-page .site-main,
    body.belperamova-page .site-content,
    body.belperamova-page .content-area,
    body.belperamova-page .entry-content {
        padding-right: 6px !important;
        padding-left: 6px !important;
    }

    .belperamova-app[data-belperamova-mode="guest"] .belperamova-title-trust {
        padding-right: 8px !important;
        padding-left: 8px !important;
    }

    .belperamova-app[data-belperamova-mode="guest"][data-bp-guest-flow="pending-start"] .belperamova-jitsi-frame,
    .belperamova-app[data-belperamova-mode="guest"][data-bp-guest-flow="pending-start"] .belperamova-jitsi-frame iframe,
    .belperamova-app[data-belperamova-mode="guest"][data-bp-guest-flow="pending-start"] .belperamova-jitsi-frame__placeholder,
    .belperamova-app[data-belperamova-mode="guest"][data-bp-guest-flow="waiting"] .belperamova-jitsi-frame,
    .belperamova-app[data-belperamova-mode="guest"][data-bp-guest-flow="waiting"] .belperamova-jitsi-frame iframe,
    .belperamova-app[data-belperamova-mode="guest"][data-bp-guest-flow="waiting"] .belperamova-jitsi-frame__placeholder,
    .belperamova-app[data-belperamova-mode="guest"][data-bp-guest-flow="live"] .belperamova-jitsi-frame,
    .belperamova-app[data-belperamova-mode="guest"][data-bp-guest-flow="live"] .belperamova-jitsi-frame iframe,
    .belperamova-app[data-belperamova-mode="guest"][data-bp-guest-flow="live"] .belperamova-jitsi-frame__placeholder,
    .belperamova-app[data-belperamova-mode="guest"][data-bp-guest-flow="closed"] .belperamova-jitsi-frame,
    .belperamova-app[data-belperamova-mode="guest"][data-bp-guest-flow="closed"] .belperamova-jitsi-frame iframe,
    .belperamova-app[data-belperamova-mode="guest"][data-bp-guest-flow="closed"] .belperamova-jitsi-frame__placeholder {
        min-height: max(230px, min(50vh, 390px)) !important;
    }
}


/* --- 0.2.94: явное приглашение собеседников после создания встречи ---
 * Плашка появляется только у организатора после создания новой активной встречи.
 * Ссылка не копируется молча: пользователь явно выбирает «Скопировать» или «Поделиться».
 */
.belperamova-app .belperamova-jitsi-test {
    position: relative;
}

.belperamova-owner-invite-prompt {
    position: absolute;
    top: 18px;
    right: 18px;
    z-index: 24;
    width: min(380px, calc(100% - 36px));
    display: grid;
    gap: 12px;
    box-sizing: border-box;
    padding: 16px;
    border: 1px solid rgba(68, 242, 168, 0.28);
    border-radius: 22px;
    background: linear-gradient(145deg, rgba(8, 20, 31, 0.92), rgba(5, 15, 24, 0.86));
    color: #f8fafc;
    box-shadow: 0 22px 60px rgba(0, 0, 0, 0.32), inset 0 0 0 1px rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(14px) saturate(130%);
    -webkit-backdrop-filter: blur(14px) saturate(130%);
}

.belperamova-owner-invite-prompt__body {
    display: grid;
    gap: 6px;
    min-width: 0;
}

.belperamova-owner-invite-prompt__title {
    display: block;
    margin: 0;
    color: #ffffff;
    font-size: 16px;
    line-height: 1.25;
    font-weight: 840;
    letter-spacing: -0.01em;
}

.belperamova-owner-invite-prompt__text,
.belperamova-owner-invite-prompt__status {
    margin: 0;
    font-size: 13px;
    line-height: 1.38;
}

.belperamova-owner-invite-prompt__text {
    color: rgba(226, 232, 240, 0.78);
}

.belperamova-owner-invite-prompt__status {
    color: rgba(190, 206, 218, 0.80);
}

.belperamova-owner-invite-prompt__status[data-type="success"] {
    color: #7df4bf;
}

.belperamova-owner-invite-prompt__status[data-type="error"] {
    color: #fecaca;
}

.belperamova-owner-invite-prompt__actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
    gap: 8px;
    align-items: stretch;
}

.belperamova-owner-invite-prompt__button,
.belperamova-owner-invite-prompt__close {
    min-width: 0;
    min-height: 40px;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    padding: 0 12px;
    font-size: 13px;
    line-height: 1.2;
    font-weight: 820;
    cursor: pointer;
    transition: transform 0.15s ease, background 0.15s ease, border-color 0.15s ease;
}

.belperamova-owner-invite-prompt__button:hover,
.belperamova-owner-invite-prompt__button:focus-visible,
.belperamova-owner-invite-prompt__close:hover,
.belperamova-owner-invite-prompt__close:focus-visible {
    transform: translateY(-1px);
}

.belperamova-owner-invite-prompt__button--copy {
    background: #44f2a8;
    color: #052016;
    border-color: #44f2a8;
}

.belperamova-owner-invite-prompt__button--share {
    background: rgba(255, 255, 255, 0.10);
    color: #f8fafc;
}

.belperamova-owner-invite-prompt__close {
    background: rgba(255, 255, 255, 0.06);
    color: rgba(226, 232, 240, 0.78);
}

body:not(.dark-mode) .belperamova-owner-invite-prompt,
body[data-theme="light"] .belperamova-owner-invite-prompt {
    border-color: rgba(15, 95, 103, 0.18);
    background: rgba(255, 255, 255, 0.94);
    color: #102331;
    box-shadow: 0 22px 56px rgba(15, 35, 49, 0.18), inset 0 0 0 1px rgba(255, 255, 255, 0.76);
}

body:not(.dark-mode) .belperamova-owner-invite-prompt__title,
body[data-theme="light"] .belperamova-owner-invite-prompt__title {
    color: #102331;
}

body:not(.dark-mode) .belperamova-owner-invite-prompt__text,
body:not(.dark-mode) .belperamova-owner-invite-prompt__status,
body[data-theme="light"] .belperamova-owner-invite-prompt__text,
body[data-theme="light"] .belperamova-owner-invite-prompt__status {
    color: #5f6b7a;
}

body:not(.dark-mode) .belperamova-owner-invite-prompt__status[data-type="success"],
body[data-theme="light"] .belperamova-owner-invite-prompt__status[data-type="success"] {
    color: #0f7a58;
}

body:not(.dark-mode) .belperamova-owner-invite-prompt__button--share,
body[data-theme="light"] .belperamova-owner-invite-prompt__button--share {
    background: rgba(15, 95, 103, 0.08);
    color: #0f5f67;
    border-color: rgba(15, 95, 103, 0.18);
}

body:not(.dark-mode) .belperamova-owner-invite-prompt__close,
body[data-theme="light"] .belperamova-owner-invite-prompt__close {
    background: rgba(15, 95, 103, 0.06);
    color: #607080;
    border-color: rgba(15, 95, 103, 0.14);
}

@media (max-width: 760px) {
    .belperamova-owner-invite-prompt {
        top: 52px;
        right: 10px;
        left: 10px;
        width: auto;
        padding: 12px;
        border-radius: 18px;
        gap: 10px;
    }

    .belperamova-owner-invite-prompt__title {
        font-size: 15px;
    }

    .belperamova-owner-invite-prompt__text {
        display: none;
    }

    .belperamova-owner-invite-prompt__status {
        font-size: 12px;
    }

    .belperamova-owner-invite-prompt__actions {
        grid-template-columns: 1fr 1fr;
    }

    .belperamova-owner-invite-prompt__close {
        grid-column: 1 / -1;
        min-height: 34px;
    }
}

/* ─── 0.2.95: единый share БелОфиса с локальными PNG-иконками ───
 * Desktop: собственное окно выбора Telegram/Viber/WhatsApp/E-mail/Copy вместо системного Windows share.
 * Mobile: системное меню остается первым сценарием, а это окно работает как fallback.
 */
.belperamova-share-modal {
    background: rgba(3, 10, 18, 0.58);
    backdrop-filter: blur(12px) saturate(130%);
    -webkit-backdrop-filter: blur(12px) saturate(130%);
}

.belperamova-share-modal__dialog {
    width: min(620px, 100%);
    padding: 20px;
    border-radius: 28px;
    border-color: rgba(148, 210, 220, 0.28);
    background:
        radial-gradient(circle at 12% 0%, rgba(68, 242, 168, 0.11), transparent 38%),
        linear-gradient(150deg, rgba(11, 24, 38, 0.98), rgba(8, 17, 29, 0.98));
    color: #f8fafc;
    box-shadow: 0 28px 90px rgba(2, 6, 23, 0.42), inset 0 0 0 1px rgba(255,255,255,0.04);
}

.belperamova-share-modal__head {
    margin-bottom: 10px;
}

.belperamova-share-modal__title {
    color: #ffffff;
    font-size: 22px;
    font-weight: 840;
    letter-spacing: -0.02em;
}

.belperamova-share-modal__close {
    border-color: rgba(255,255,255,0.14);
    background: rgba(255,255,255,0.08);
    color: rgba(226,232,240,0.86);
    box-shadow: none;
}

.belperamova-share-modal__close:hover,
.belperamova-share-modal__close:focus-visible {
    border-color: rgba(68, 242, 168, 0.35);
    background: rgba(255,255,255,0.12);
    color: #ffffff;
}

.belperamova-share-modal__intro {
    max-width: 520px;
    margin-bottom: 16px;
    color: rgba(226,232,240,0.76);
    font-size: 14px;
    line-height: 1.55;
}

.belperamova-share-modal__grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
}

.belperamova-share-target {
    grid-template-columns: 1fr;
    justify-items: center;
    min-height: 124px;
    padding: 14px 10px 12px;
    border-color: rgba(148, 210, 220, 0.18);
    border-radius: 22px;
    background: rgba(255,255,255,0.075);
    color: #f8fafc;
    text-align: center;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.03);
}

.belperamova-share-target:hover,
.belperamova-share-target:focus-visible {
    border-color: rgba(68, 242, 168, 0.36);
    background: rgba(255,255,255,0.12);
    transform: translateY(-2px);
    outline: none;
}

.belperamova-share-target__icon {
    width: 54px;
    height: 54px;
    border-radius: 18px;
    background: rgba(255,255,255,0.06);
    overflow: visible;
    color: #ffffff;
    box-shadow: 0 12px 28px rgba(0,0,0,0.22);
}

.belperamova-share-target__icon img {
    display: block;
    width: 54px;
    height: 54px;
    object-fit: contain;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.belperamova-share-target__icon--fallback {
    background: rgba(68, 242, 168, 0.13);
    color: #7df4bf;
    font-size: 15px;
}

.belperamova-share-target__text {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.belperamova-share-target strong,
.belperamova-share-target small {
    white-space: normal;
}

.belperamova-share-target strong {
    color: #ffffff;
    font-size: 14px;
    font-weight: 820;
}

.belperamova-share-target small {
    margin-top: 0;
    color: rgba(226,232,240,0.66);
    font-size: 11px;
}

.belperamova-share-modal__status {
    margin-top: 14px;
    border: 1px solid rgba(148, 210, 220, 0.14);
    background: rgba(255,255,255,0.07);
    color: rgba(226,232,240,0.78);
}

.belperamova-share-modal__status[data-type="success"] {
    border-color: rgba(68, 242, 168, 0.26);
    background: rgba(68, 242, 168, 0.12);
    color: #7df4bf;
}

.belperamova-share-modal__status[data-type="error"] {
    border-color: rgba(248, 113, 113, 0.28);
    background: rgba(248, 113, 113, 0.11);
    color: #fecaca;
}

body:not(.dark-mode) .belperamova-share-modal__dialog,
body[data-theme="light"] .belperamova-share-modal__dialog {
    border-color: rgba(15, 95, 103, 0.16);
    background:
        radial-gradient(circle at 12% 0%, rgba(68, 242, 168, 0.15), transparent 40%),
        linear-gradient(150deg, rgba(255,255,255,0.98), rgba(245,250,251,0.98));
    color: #102331;
    box-shadow: 0 28px 72px rgba(15, 35, 49, 0.20), inset 0 0 0 1px rgba(255,255,255,0.86);
}

body:not(.dark-mode) .belperamova-share-modal__title,
body:not(.dark-mode) .belperamova-share-target strong,
body[data-theme="light"] .belperamova-share-modal__title,
body[data-theme="light"] .belperamova-share-target strong {
    color: #102331;
}

body:not(.dark-mode) .belperamova-share-modal__intro,
body:not(.dark-mode) .belperamova-share-target small,
body[data-theme="light"] .belperamova-share-modal__intro,
body[data-theme="light"] .belperamova-share-target small {
    color: #667789;
}

body:not(.dark-mode) .belperamova-share-modal__close,
body[data-theme="light"] .belperamova-share-modal__close {
    border-color: rgba(15, 95, 103, 0.14);
    background: rgba(255,255,255,0.82);
    color: #607080;
}

body:not(.dark-mode) .belperamova-share-target,
body[data-theme="light"] .belperamova-share-target {
    border-color: rgba(15, 95, 103, 0.13);
    background: rgba(255,255,255,0.78);
    color: #102331;
    box-shadow: 0 12px 28px rgba(15, 35, 49, 0.08);
}

body:not(.dark-mode) .belperamova-share-target:hover,
body:not(.dark-mode) .belperamova-share-target:focus-visible,
body[data-theme="light"] .belperamova-share-target:hover,
body[data-theme="light"] .belperamova-share-target:focus-visible {
    border-color: rgba(15, 95, 103, 0.28);
    background: #ffffff;
}

body:not(.dark-mode) .belperamova-share-target__icon,
body[data-theme="light"] .belperamova-share-target__icon {
    background: rgba(15, 95, 103, 0.06);
    box-shadow: 0 10px 24px rgba(15, 35, 49, 0.12);
}

body:not(.dark-mode) .belperamova-share-modal__status,
body[data-theme="light"] .belperamova-share-modal__status {
    border-color: rgba(15, 95, 103, 0.12);
    background: rgba(15, 95, 103, 0.06);
    color: #667789;
}

.belperamova-owner-invite-prompt {
    width: min(360px, calc(100% - 36px));
    padding: 14px;
}

.belperamova-owner-invite-prompt__text {
    max-width: 29em;
}

.belperamova-owner-invite-prompt__button--share {
    background: rgba(125, 244, 191, 0.10);
    color: #baf7dc;
    border-color: rgba(125, 244, 191, 0.22);
}

@media (max-width: 760px) {
    .belperamova-share-modal {
        align-items: flex-end;
        padding: 10px;
    }

    .belperamova-share-modal__dialog {
        padding: 16px;
        border-radius: 24px 24px 18px 18px;
    }

    .belperamova-share-modal__title {
        font-size: 19px;
    }

    .belperamova-share-modal__intro {
        font-size: 13px;
    }

    .belperamova-share-modal__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .belperamova-share-target {
        min-height: 112px;
        border-radius: 18px;
    }

    .belperamova-share-target__icon,
    .belperamova-share-target__icon img {
        width: 48px;
        height: 48px;
    }
}

@media (max-width: 390px) {
    .belperamova-share-modal__grid {
        gap: 8px;
    }

    .belperamova-share-target {
        min-height: 104px;
        padding: 12px 8px 10px;
    }

    .belperamova-share-target strong {
        font-size: 13px;
    }

    .belperamova-share-target small {
        font-size: 10.5px;
    }
}


/* ─── 0.2.96: share/invite polish + iPhone fullscreen fallback ───
 * Окно шаринга и плашка приглашения визуально ближе к карточкам БелОфиса/БелМейла.
 * На iPhone, где element Fullscreen API может быть недоступен, кнопка включает safe fixed-псевдо fullscreen.
 */
.belperamova-share-modal {
    align-items: center !important;
    justify-content: center !important;
    padding: 18px !important;
    background: rgba(7, 16, 25, 0.62) !important;
    backdrop-filter: blur(14px) saturate(120%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(120%) !important;
}

.belperamova-share-modal__dialog {
    position: relative;
    width: min(640px, calc(100vw - 32px)) !important;
    padding: 26px 26px 22px !important;
    border-radius: 26px !important;
    border: 1px solid rgba(35, 124, 132, 0.20) !important;
    background:
        radial-gradient(circle at 16% 0%, rgba(68, 242, 168, 0.13), transparent 36%),
        radial-gradient(circle at 92% 0%, rgba(47, 112, 221, 0.10), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,0.99), rgba(246,250,251,0.99)) !important;
    color: #102331 !important;
    box-shadow: 0 32px 90px rgba(15, 35, 49, 0.28), inset 0 0 0 1px rgba(255,255,255,0.88) !important;
}

.belperamova-share-modal__dialog::before,
.belperamova-owner-invite-prompt::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    height: 4px;
    border-radius: 999px 999px 0 0;
    background: linear-gradient(90deg, #e84142 0%, #2fa66a 50%, #2f70dd 100%);
    pointer-events: none;
}

.belperamova-share-modal__head {
    margin-bottom: 8px !important;
}

.belperamova-share-modal__title {
    color: #102331 !important;
    font-size: clamp(22px, 2.2vw, 28px) !important;
    line-height: 1.12 !important;
    font-weight: 860 !important;
    letter-spacing: -0.025em !important;
}

.belperamova-share-modal__intro {
    max-width: 100% !important;
    margin: 0 0 18px !important;
    color: #667789 !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
}

.belperamova-share-modal__close {
    width: 44px !important;
    height: 44px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(15, 95, 103, 0.14) !important;
    background: rgba(255,255,255,0.78) !important;
    color: #607080 !important;
    box-shadow: 0 10px 24px rgba(15, 35, 49, 0.08) !important;
}

.belperamova-share-modal__grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

.belperamova-share-target {
    min-height: 138px !important;
    padding: 16px 10px 14px !important;
    border-radius: 24px !important;
    border: 1px solid rgba(15, 95, 103, 0.13) !important;
    background: rgba(255,255,255,0.82) !important;
    color: #102331 !important;
    box-shadow: 0 14px 34px rgba(15, 35, 49, 0.08), inset 0 0 0 1px rgba(255,255,255,0.7) !important;
}

.belperamova-share-target:hover,
.belperamova-share-target:focus-visible {
    border-color: rgba(15, 95, 103, 0.28) !important;
    background: #ffffff !important;
    box-shadow: 0 18px 44px rgba(15, 35, 49, 0.14), inset 0 0 0 1px rgba(255,255,255,0.82) !important;
}

.belperamova-share-target__icon,
.belperamova-share-target__icon img {
    width: 58px !important;
    height: 58px !important;
}

.belperamova-share-target__icon {
    border-radius: 20px !important;
    background: transparent !important;
    box-shadow: none !important;
}

.belperamova-share-target strong {
    color: #102331 !important;
    font-size: 14px !important;
    font-weight: 850 !important;
}

.belperamova-share-target small {
    color: #7a8796 !important;
    font-size: 11px !important;
}

.belperamova-share-modal__status {
    margin-top: 16px !important;
    border: 1px solid rgba(15, 95, 103, 0.12) !important;
    background: rgba(15, 95, 103, 0.06) !important;
    color: #667789 !important;
    text-align: center;
}

body.dark-mode .belperamova-share-modal__dialog,
body[data-theme="dark"] .belperamova-share-modal__dialog,
.belperamova-app[data-bp-theme="dark"] .belperamova-share-modal__dialog {
    border-color: rgba(68, 242, 168, 0.18) !important;
    background:
        radial-gradient(circle at 16% 0%, rgba(68, 242, 168, 0.13), transparent 36%),
        radial-gradient(circle at 92% 0%, rgba(47, 112, 221, 0.12), transparent 34%),
        linear-gradient(180deg, rgba(14, 27, 42, 0.98), rgba(7, 16, 27, 0.98)) !important;
    color: #f8fafc !important;
    box-shadow: 0 32px 90px rgba(0, 0, 0, 0.45), inset 0 0 0 1px rgba(255,255,255,0.04) !important;
}

body.dark-mode .belperamova-share-modal__title,
body.dark-mode .belperamova-share-target strong,
body[data-theme="dark"] .belperamova-share-modal__title,
body[data-theme="dark"] .belperamova-share-target strong,
.belperamova-app[data-bp-theme="dark"] .belperamova-share-modal__title,
.belperamova-app[data-bp-theme="dark"] .belperamova-share-target strong {
    color: #f8fafc !important;
}

body.dark-mode .belperamova-share-modal__intro,
body.dark-mode .belperamova-share-target small,
body[data-theme="dark"] .belperamova-share-modal__intro,
body[data-theme="dark"] .belperamova-share-target small,
.belperamova-app[data-bp-theme="dark"] .belperamova-share-modal__intro,
.belperamova-app[data-bp-theme="dark"] .belperamova-share-target small {
    color: rgba(226, 232, 240, 0.72) !important;
}

body.dark-mode .belperamova-share-target,
body[data-theme="dark"] .belperamova-share-target,
.belperamova-app[data-bp-theme="dark"] .belperamova-share-target {
    border-color: rgba(148, 210, 220, 0.16) !important;
    background: rgba(255,255,255,0.07) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.03) !important;
}

/* Плашка приглашения после создания встречи: центрируем и делаем богаче. */
.belperamova-owner-invite-prompt {
    top: 18px !important;
    right: auto !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: min(420px, calc(100% - 36px)) !important;
    padding: 20px !important;
    border-radius: 26px !important;
    border-color: rgba(15, 95, 103, 0.15) !important;
    background:
        radial-gradient(circle at 12% 0%, rgba(68, 242, 168, 0.14), transparent 38%),
        linear-gradient(180deg, rgba(255,255,255,0.98), rgba(246,250,251,0.98)) !important;
    color: #102331 !important;
    box-shadow: 0 26px 72px rgba(15, 35, 49, 0.22), inset 0 0 0 1px rgba(255,255,255,0.82) !important;
}

.belperamova-owner-invite-prompt__title {
    color: #102331 !important;
    font-size: 19px !important;
    letter-spacing: -0.02em !important;
}

.belperamova-owner-invite-prompt__text,
.belperamova-owner-invite-prompt__status {
    color: #667789 !important;
}

.belperamova-owner-invite-prompt__button--copy {
    min-height: 44px !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg, #38e8a2, #2fd084) !important;
    color: #052016 !important;
    border-color: rgba(47, 208, 132, 0.55) !important;
}

.belperamova-owner-invite-prompt__button--share,
.belperamova-owner-invite-prompt__close {
    min-height: 44px !important;
    border-radius: 16px !important;
    background: rgba(15, 95, 103, 0.07) !important;
    color: #0f5f67 !important;
    border-color: rgba(15, 95, 103, 0.16) !important;
}

body.dark-mode .belperamova-owner-invite-prompt,
body[data-theme="dark"] .belperamova-owner-invite-prompt,
.belperamova-app[data-bp-theme="dark"] .belperamova-owner-invite-prompt {
    border-color: rgba(68, 242, 168, 0.20) !important;
    background:
        radial-gradient(circle at 12% 0%, rgba(68, 242, 168, 0.13), transparent 38%),
        linear-gradient(180deg, rgba(14, 27, 42, 0.98), rgba(7, 16, 27, 0.98)) !important;
    color: #f8fafc !important;
    box-shadow: 0 26px 72px rgba(0,0,0,0.38), inset 0 0 0 1px rgba(255,255,255,0.04) !important;
}

body.dark-mode .belperamova-owner-invite-prompt__title,
body[data-theme="dark"] .belperamova-owner-invite-prompt__title,
.belperamova-app[data-bp-theme="dark"] .belperamova-owner-invite-prompt__title {
    color: #f8fafc !important;
}

body.dark-mode .belperamova-owner-invite-prompt__text,
body.dark-mode .belperamova-owner-invite-prompt__status,
body[data-theme="dark"] .belperamova-owner-invite-prompt__text,
body[data-theme="dark"] .belperamova-owner-invite-prompt__status,
.belperamova-app[data-bp-theme="dark"] .belperamova-owner-invite-prompt__text,
.belperamova-app[data-bp-theme="dark"] .belperamova-owner-invite-prompt__status {
    color: rgba(226, 232, 240, 0.74) !important;
}

/* iPhone/mobile fallback fullscreen. */
body.belperamova-jitsi-pseudo-fullscreen-open {
    overflow: hidden !important;
    touch-action: none;
}

.belperamova-jitsi-frame[data-bp-pseudo-fullscreen="1"] {
    position: fixed !important;
    inset: 0 !important;
    z-index: 1000000 !important;
    width: 100vw !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    border-radius: 0 !important;
    margin: 0 !important;
    background: #020617 !important;
    box-shadow: none !important;
}

.belperamova-jitsi-frame[data-bp-pseudo-fullscreen="1"] iframe,
.belperamova-jitsi-frame[data-bp-pseudo-fullscreen="1"] .belperamova-jitsi-frame__placeholder {
    width: 100vw !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    border-radius: 0 !important;
}

.belperamova-jitsi-frame[data-bp-pseudo-fullscreen="1"] .belperamova-jitsi-fullscreen-toggle {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: none !important;
}

@media (max-width: 760px) {
    .belperamova-share-modal {
        align-items: center !important;
        padding: 14px !important;
    }

    .belperamova-share-modal__dialog {
        width: min(100%, 420px) !important;
        padding: 20px 18px 18px !important;
        border-radius: 24px !important;
    }

    .belperamova-share-modal__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    .belperamova-share-target {
        min-height: 112px !important;
        padding: 12px 8px 10px !important;
        border-radius: 20px !important;
    }

    .belperamova-share-target__icon,
    .belperamova-share-target__icon img {
        width: 48px !important;
        height: 48px !important;
    }

    .belperamova-owner-invite-prompt {
        top: 12px !important;
        left: 10px !important;
        right: 10px !important;
        transform: none !important;
        width: auto !important;
        padding: 14px !important;
        border-radius: 22px !important;
    }
}

/* ─── 0.2.97: safe inner brand stripe for share/invite cards ───
 * Полоска теперь живет внутри карточки и не торчит за скругленные углы.
 */
.belperamova-share-modal__dialog,
.belperamova-owner-invite-prompt {
    overflow: hidden !important;
}

.belperamova-share-modal__dialog::before,
.belperamova-owner-invite-prompt::before {
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 4px !important;
    border-radius: 0 !important;
    z-index: 0;
}

.belperamova-share-modal__head,
.belperamova-share-modal__intro,
.belperamova-share-modal__grid,
.belperamova-share-modal__actions,
.belperamova-share-modal__status,
.belperamova-owner-invite-prompt__body,
.belperamova-owner-invite-prompt__actions {
    position: relative;
    z-index: 1;
}


/* 0.2.99: Видимая резервная кнопка приглашения поверх Jitsi.
 * Нужна потому, что Jitsi может уводить customToolbarButtons в меню «...»,
 * но ведет себя как fullscreen-кнопка: появляется только при наведении/фокусе
 * и не висит постоянно поверх видеосцены.
 */
.belperamova-jitsi-invite-fallback {
    position: absolute;
    z-index: 45;
    top: 16px;
    left: 220px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 15px;
    border: 1px solid rgba(68, 242, 168, 0.26);
    border-radius: 14px;
    background: rgba(9, 78, 67, 0.88);
    color: #ffffff;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.15;
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    transform: translateY(8px);
    -webkit-appearance: none;
    appearance: none;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.36), inset 0 0 0 1px rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(14px) saturate(130%);
    transition: opacity 0.18s ease, transform 0.18s ease, background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.belperamova-jitsi-frame:hover .belperamova-jitsi-invite-fallback,
.belperamova-jitsi-frame:focus-within .belperamova-jitsi-invite-fallback,
.belperamova-jitsi-invite-fallback:focus-visible {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

.belperamova-jitsi-invite-fallback::before {
    content: "+";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    border: 2px solid currentColor;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 900;
    line-height: 1;
}

.belperamova-jitsi-invite-fallback:hover,
.belperamova-jitsi-invite-fallback:focus-visible {
    border-color: rgba(108, 255, 190, 0.52);
    background: rgba(10, 113, 92, 0.94);
    box-shadow: 0 20px 48px rgba(0, 0, 0, 0.42), 0 0 0 1px rgba(108, 255, 190, 0.12) inset;
    transform: translateY(-1px);
}

.belperamova-jitsi-invite-fallback:focus-visible {
    outline: 2px solid rgba(255, 255, 255, 0.86);
    outline-offset: 3px;
}

.belperamova-jitsi-frame[data-bp-fullscreen="1"] .belperamova-jitsi-invite-fallback,
.belperamova-jitsi-frame:fullscreen .belperamova-jitsi-invite-fallback,
.belperamova-jitsi-frame:-webkit-full-screen .belperamova-jitsi-invite-fallback,
.belperamova-jitsi-frame[data-bp-pseudo-fullscreen="1"] .belperamova-jitsi-invite-fallback {
    z-index: 64;
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateY(-6px) !important;
}

.belperamova-jitsi-frame[data-bp-fullscreen="1"].is-fullscreen-control-visible .belperamova-jitsi-invite-fallback,
.belperamova-jitsi-frame[data-bp-fullscreen="1"] .belperamova-jitsi-invite-fallback:focus,
.belperamova-jitsi-frame[data-bp-pseudo-fullscreen="1"].is-fullscreen-control-visible .belperamova-jitsi-invite-fallback,
.belperamova-jitsi-frame[data-bp-pseudo-fullscreen="1"] .belperamova-jitsi-invite-fallback:focus {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
}

@media (max-width: 760px) {
    .belperamova-jitsi-invite-fallback {
        top: 62px;
        left: 18px;
        min-height: 36px;
        padding: 0 12px;
        border-radius: 12px;
        font-size: 12px;
    }

    .belperamova-jitsi-invite-fallback::before {
        width: 14px;
        height: 14px;
        margin-right: 7px;
        font-size: 12px;
    }
}

/* 0.2.100: компактный гостевой экран ожидания без мини-игры.
 * Важно:
 * - Меняет только состояние guest/waiting до допуска во встречу.
 * - Live-видеосцена Jitsi остается широким 16:9 блоком.
 * - Мини-игра больше не добавляется JS, а эти правила фиксируют размер карточки.
 */
.belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting {
    max-width: min(100%, 820px);
    margin: 0 auto;
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting .belperamova-jitsi-frame {
    aspect-ratio: auto;
    width: 100%;
    max-width: 820px;
    min-height: 0;
    height: auto;
    margin: 0 auto;
    border-radius: 22px;
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting .belperamova-jitsi-frame__placeholder {
    min-height: clamp(270px, 34vw, 360px);
    height: auto;
    padding: clamp(24px, 4vw, 44px) 18px;
    background:
        radial-gradient(circle at 50% 18%, rgba(var(--belperamova-accent-rgb), 0.16), transparent 34%),
        linear-gradient(180deg, rgba(3, 12, 25, 0.98), rgba(2, 8, 20, 1));
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting .belperamova-guest-waiting--compact {
    width: min(100%, 460px);
    gap: 12px;
    padding: clamp(20px, 3vw, 28px);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 24px;
    background:
        radial-gradient(circle at 16% 6%, rgba(var(--belperamova-accent-rgb), 0.14), transparent 36%),
        rgba(255, 255, 255, 0.96);
    color: var(--belperamova-text);
    box-shadow: 0 22px 56px rgba(0, 0, 0, 0.24);
    text-align: center;
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting .belperamova-guest-waiting--compact .belperamova-guest-waiting__badge {
    justify-self: center;
    background: rgba(var(--belperamova-accent-rgb), 0.12);
    color: var(--belperamova-accent-dark);
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting .belperamova-guest-waiting--compact h4 {
    color: var(--belperamova-text);
    font-size: clamp(22px, 2vw, 28px);
    line-height: 1.12;
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting .belperamova-guest-waiting--compact p {
    max-width: 380px;
    margin: 0 auto;
    color: var(--belperamova-muted);
    font-size: 14px;
    line-height: 1.45;
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting .belperamova-guest-waiting--compact .belperamova-guest-waiting__timer {
    justify-self: center;
    margin-top: 2px;
    background: rgba(var(--belperamova-accent-rgb), 0.08);
    color: var(--belperamova-muted);
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting .belperamova-guest-waiting--compact .belperamova-guest-waiting__timer strong {
    color: var(--belperamova-accent-dark);
}

.belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting .belperamova-guest-waiting--compact .belperamova-wait-game {
    display: none !important;
}

@media (max-width: 640px) {
    .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting {
        max-width: 100%;
    }

    .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting .belperamova-jitsi-frame__placeholder {
        min-height: 260px;
        padding: 18px 12px;
    }

    .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting .belperamova-guest-waiting--compact {
        width: min(100%, 340px);
        gap: 10px;
        padding: 18px;
        border-radius: 20px;
    }

    .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting .belperamova-guest-waiting--compact h4 {
        font-size: clamp(19px, 5vw, 23px);
    }

    .belperamova-app[data-belperamova-mode="guest"] .belperamova-guest-session--waiting .belperamova-guest-waiting--compact p {
        max-width: 290px;
        font-size: 13px;
    }
}