/* © 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; }

/* Вопрос по ролику на карточке: первый вопрос и «ещё N»; карточка с вопросом помечена кольцом акцента и чипом «Ждёт решения». */
.rb-card__ask { margin: 0; color: var(--color-ink); overflow-wrap: anywhere; font: var(--text-caption-weight) var(--text-caption-size)/var(--text-caption-line) var(--font-sans); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.rb-card__ask-l { color: var(--color-acc-soft-text); font-weight: var(--weight-medium); }
.rb-card__ask-n { color: var(--color-ink2); }
.rb-card[data-ask="true"] { box-shadow: 0 0 0 var(--size-focus-width) var(--color-acc-soft-text); }

/* Ошибка работы по ролику: не больше трёх строк, полный текст в подсказке; кроме цвета есть подпись «Ошибка». Если карточка и с вопросом, и с ошибкой, кольцо ошибки сильнее. */
.rb-card__err { margin: 0; color: var(--color-danger-text); overflow-wrap: anywhere; font: var(--text-caption-weight) var(--text-caption-size)/var(--text-caption-line) var(--font-sans); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.rb-card__err-l { font-weight: var(--weight-medium); }
.rb-card[data-error="true"] { box-shadow: 0 0 0 var(--size-focus-width) var(--color-danger); }

/* Опубликовано: чип «Опубликовано» на карточке, этап не показывается. */
.rb-card[data-bucket="published"] .rb-card__stage { display: none; }

/* Ошибка в панели ролика. */
.rrp-err p { margin: 0; overflow-wrap: anywhere; }

/* Новая карточка: кольцо цвета акцента и мягкое свечение, пока владелец её не откроет и не закроет (или 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; }