/*
 * RU: Дополнительные стили раздела БИ3 «Отзывы» нового кабинета /biz/app/. Общие компоненты (card, btn, tbl, tabs, pill…) уже в
 *     /css/biztools.css; здесь — только то, чего там нет. Правила — внутри body.bt-page и на токенах сайта (--k-*), без
 *     литералов цвета (храповик check:theme). Файл свой у каждой фазы, чтобы параллельные потоки не правили один файл.
 * EN: Extra styles of the BI3 "Reviews" 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: Вторая строка фильтров: поиск растягивается, тема — рядом. EN: The second filter row: search stretches, topic beside it. */
body.bt-page .rv-tools {margin-top: calc(var(--k-s-2) * -1);}
body.bt-page .rv-search {display: inline-flex; align-items: center; gap: 6px; flex: 1 1 260px; max-width: 440px; color: var(--k-text-muted);}
body.bt-page .rv-search .inp {flex: 1; min-width: 0;}
body.bt-page .rv-aspect {max-width: 240px;}

/* RU: Пометки отзыва переносятся, а не расталкивают карточку. EN: Review marks wrap rather than push the card apart. */
body.bt-page .rv-pills {flex-wrap: wrap; gap: 4px;}
body.bt-page .rv-head h3 {margin: 0;}
body.bt-page .rv-reply-text {margin: 0; white-space: pre-line; line-height: 1.5;}
body.bt-page .rv-reply {min-height: 132px;}
body.bt-page .rv-pager {border-top: 1px solid var(--k-border);}
body.bt-page .rcheck .ok {color: var(--k-ok);}
body.bt-page .rcheck .bad {color: var(--k-danger);}

/* RU: Длинная ссылка и код виджета не вылезают за карточку на телефоне. EN: A long link and the widget code stay inside the card on a phone. */
body.bt-page .rv-code {word-break: break-all;}
body.bt-page .rv-widget {min-height: 76px; font: 12px/1.45 ui-monospace, "SF Mono", Menlo, monospace;}
body.bt-page .rv-codes-form {align-items: end;}
body.bt-page .rv-codes-form .fld {min-width: 110px;}

/* RU: Переключатели сортировки и формата на телефоне прокручиваются, а не распирают страницу вширь (замер 375 px:
       «Старые» и «Наклейка на кассу» уходили за край). EN: On a phone the sort and format switches scroll instead of
       widening the page (measured at 375 px: "Старые" and "Наклейка на кассу" went past the edge). */
body.bt-page .sc-reviews .seg {max-width: 100%; overflow-x: auto; scrollbar-width: none;}

@media (max-width: 560px) {
  body.bt-page .rv-search, body.bt-page .rv-aspect {max-width: none; flex: 1 1 100%;}
}

/*
 * RU: Печать макета: видно только .rv-print, всё остальное скрыто через visibility (display: none у предков спрятал бы и
 *     сам макет). Класс rv-printing ставит экран на время печати, поэтому обычная печать страницы кабинета не ломается.
 *     Размеры — в миллиметрах бумаги: визитка 90×50, табличка — половина A5, наклейка — круг 100 мм.
 * EN: Printing the layout: only .rv-print is visible, the rest is hidden via visibility (display: none on ancestors would
 *     hide the layout itself). The screen sets rv-printing only while printing, so normal printing of the cabinet page still
 *     works. Sizes are in paper millimetres: a business card 90×50, a tent half an A5, a sticker a 100 mm circle.
 */
@media print {
  body.bt-page.rv-printing {background: var(--k-surface);}
  body.bt-page.rv-printing * {visibility: hidden;}
  body.bt-page.rv-printing .rv-print, body.bt-page.rv-printing .rv-print * {visibility: visible;}
  body.bt-page.rv-printing .rv-print {position: absolute; left: 0; top: 0; margin: 0; transform: none; box-shadow: none;}
  body.bt-page.rv-printing .rv-print.is-card {width: 90mm; height: 50mm; padding: 5mm; box-sizing: border-box;}
  body.bt-page.rv-printing .rv-print.is-tent {width: 148mm; padding: 10mm; box-sizing: border-box;}
  body.bt-page.rv-printing .rv-print.is-sticker {width: 100mm; height: 100mm; border-radius: 50%; padding: 12mm; box-sizing: border-box; grid-template-columns: 1fr;}
}