/*
 * RU: Дополнительные стили раздела БИ9 «API и интеграции» нового кабинета /biz/app/. Общие компоненты (card, btn, tbl, tabs, pill…) уже в
 *     /css/biztools.css; здесь — только то, чего там нет. Правила — внутри body.bt-page и на токенах сайта (--k-*), без
 *     литералов цвета (храповик check:theme). Файл свой у каждой фазы, чтобы параллельные потоки не правили один файл.
 * EN: Extra styles of the BI9 "API and integrations" section of the new /biz/app/ cabinet. Shared components (card, btn, tbl, tabs, pill…) are
 *     already in /css/biztools.css; only what is missing goes here. Rules sit inside body.bt-page and use site tokens
 *     (--k-*), no colour literals (the check:theme ratchet). Each phase has its own file so parallel tracks never edit one.
 */

/* RU: Живое превью виджета — настоящая страница виджета в рамке. Рамка без обводки и прозрачная, как на сайте владельца.
       color-scheme: normal — у страницы виджета своя светлая схема; если схемы рамки и страницы расходятся (кабинет в
       тёмной теме), браузер закрашивает рамку сплошным фоном, и превью перестаёт быть честным.
   EN: The live widget preview — the real widget page in a frame. The frame has no border and is transparent, as on the
       owner's site. color-scheme: normal — the widget page has its own light scheme; when the frame's and the page's
       schemes differ (the cabinet in the dark theme), the browser paints the frame with a solid background, and the preview
       stops being honest. */
body.bt-page .bi9-frame {display: block; max-width: 100%; border: 0; background: transparent; color-scheme: normal;}
body.bt-page .bi9-frame.is-badge {overflow: hidden;}

/* RU: Сцена превью ниже, чем в макете: бейдж и кнопки — строка высотой 50–66 px, а 200 px пустоты отрывали код от превью.
   EN: The preview stage is lower than in the mockup: the badge and buttons are a 50–66 px row, and 200 px of blank space
       tore the code away from the preview. */
body.bt-page .sc-api .xb-stage {min-height: 140px;}

/* RU: Команды curl и пример проверки подписи — одной колонкой без переноса внутри строки кода, с прокруткой.
   EN: curl commands and the signature check sample — one column without wrapping inside a code line, with scrolling. */
body.bt-page .sc-api .xb-method .xb-pre {white-space: pre; overflow-x: auto;}

/* RU: Выбор события для примера — пять длинных имён: на телефоне в строку не помещаются и давали горизонтальную прокрутку
       всей страницы (замер 375 px: +204 px), поэтому группа переносится.
   EN: The sample event picker holds five long names: on a phone they do not fit one row and caused horizontal scrolling of
       the whole page (measured at 375 px: +204 px), so the group wraps. */
body.bt-page .sc-api .bi9-seg-wrap {flex-wrap: wrap; max-width: 100%;}