/* © 2026 VEYRO (ИП Макаров И. В.). appagent — проприетарная программа. Использование — по лицензионному договору https://appagent.ru/legal/offer/. Копирование и распространение без разрешения запрещены. */
/* Доска «Ролики»: этап на карточке, подсветка новой карточки и боковая панель ролика (modules-reels-panel.js).
   Саму панель рисуют классы панели решения (decision-panel.css: dp-ov, dp, dp__…, dp-scenes): на ≥768 справа, на телефоне на весь экран.
   Здесь только то, чего там нет. Значения — только токены, размеры в rem. */

/* Этап ролика под названием карточки: «Изучаем пример», «Пишем сценарий», «Сценарий ждёт решения», «Собираем ролик». */
.rb-card__stage { margin: 0; color: var(--color-acc-soft-text); overflow-wrap: anywhere; font: var(--weight-medium) var(--text-caption-size)/var(--text-caption-line) var(--font-sans); }
.rb-card[data-bucket="ready"] .rb-card__stage { display: none; }

/* Новая карточка: кольцо цвета акцента и мягкое свечение, пока владелец её не откроет и не закроет (или 8 секунд). */
.rb-card[data-fresh="true"] { box-shadow: 0 0 0 var(--size-focus-width) var(--color-acc), var(--shadow-glow); }

/* Вопросы по ролику в панели: блок виден только при непустом списке. */
.rrp-q .dp__list { padding-inline-start: var(--space-5); }
.rrp-q li { overflow-wrap: anywhere; }

/* Панель ролика на телефоне не шире экрана: тело прокручивается внутри, подвал с кнопками остаётся внизу. */
.rrp { max-width: 100%; }
.rrp .dp__b { overflow-x: hidden; }