/*
 * RU: Стили раздела «Отчёт за месяц» (БП7, подписка для бизнеса) нового кабинета /biz/app/. Правила — внутри body.bt-page и на
 *     токенах сайта (--k-*), без литералов цвета (храповик check:theme). Файл свой у каждой фазы — потоки не правят один файл.
 *     Плитки, карточки, «дела» и таблица — общие классы biztools.css; здесь только шапка с выбором месяца, список соседей,
 *     карточка «Места» и печать самого экрана (Ctrl+P в кабинете): основная печать идёт через отдельную страницу report.html.
 * EN: Styles of the "Monthly report" section (БП7, business subscription) of the new /biz/app/ cabinet. Rules sit inside
 *     body.bt-page and use site tokens (--k-*), no colour literals (the check:theme ratchet). One file per phase. Tiles, cards,
 *     tasks and the table are shared biztools.css classes; here only the head with the month picker, the neighbours list, the
 *     "Place" card and printing the screen itself (Ctrl+P in the cabinet): the main print goes through the report.html page.
 */

/* RU: Шапка: месяц, подпись отрезка и печать в одну строку; на телефоне переносится, ничего не выходит за край.
   EN: The head: month, span caption and print in one row; wraps on a phone, nothing overflows the edge. */
body.bt-page .rp-head {display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--k-s-3);}
body.bt-page .rp-month {display: grid; gap: var(--k-s-1); min-width: 0;}
body.bt-page .rp-month select {min-height: var(--k-tap-min); max-width: 100%; padding: 0 var(--k-s-3); border: 1px solid var(--k-border-strong);
  border-radius: var(--k-r-2); background: var(--k-surface); color: var(--k-text); font: var(--k-t-base);}
body.bt-page .rp-month option {font: var(--k-t-base);}
body.bt-page .rp-caption {margin: 0; flex: 1 1 220px; min-width: 0;}

/* RU: Соседи: пометка, название (переносится), расстояние и дата. EN: Neighbours: the mark, the name (wraps), distance and date. */
body.bt-page .rp-events li {display: flex; flex-wrap: wrap; gap: var(--k-s-2); align-items: baseline;}
body.bt-page .rp-events .grow {min-width: 0; overflow-wrap: anywhere;}

/* RU: Отзывы без ответа — цвет предупреждения, а не ошибки: это дело, а не поломка. EN: Unanswered reviews — a warning colour, not an error. */
body.bt-page .rp-warn {color: var(--k-warn);}

/* RU: Отчёт «Места» — акцентная рамка слева, как у состояния тарифа: это подарок тарифа. EN: The "Place" report — an accent left border. */
body.bt-page .rp-place {border-left: 4px solid var(--k-brand);}

/* RU: П1: на экране только 400/500/600 — выделенные числа (<b>, у браузера 700), заголовки, значения плиток и номера дел
       из общих стилей кабинета (там 700) сведены к 600 в пределах этого экрана; 700 остаётся только у знака бренда.
   EN: П1: only 400/500/600 on screen — highlighted numbers (<b>, 700 by browser default), headings, tile values and task
       numbers from the shared cabinet styles (700 there) are brought to 600 within this screen; 700 stays for the brand mark. */
body.bt-page .sc-report b, body.bt-page .sc-report h1, body.bt-page .sc-report h2, body.bt-page .sc-report h3,
body.bt-page .sc-report .tile-v, body.bt-page .sc-report .todo-n {font-weight: var(--k-fw-600);}

@media (max-width: 640px) {
  body.bt-page .rp-head .btn {flex: 1 1 100%;}
  body.bt-page .rp-month, body.bt-page .rp-month select {width: 100%;}
  /* RU: П4: цели касания на телефоне не меньше 40 px — маленькие кнопки дел и ссылки в шапках карточек.
     EN: П4: phone touch targets are at least 40 px — the small task buttons and card-header links. */
  body.bt-page .sc-report .btn.is-sm {min-height: 40px;}
  body.bt-page .sc-report .card-h .link {display: inline-flex; align-items: center; min-height: 40px;}
}
@media (pointer: coarse) {
  body.bt-page .sc-report .btn.is-sm {min-height: var(--k-tap-min);}
}

/* RU: Печать самого экрана: без меню, шапки кабинета и кнопок; карточки без теней и разрывов внутри.
   EN: Printing the screen itself: no menu, cabinet header or buttons; cards without shadows or breaks inside. */
@media print {
  body.bt-page .bz-top, body.bt-page .bz-nav, body.bt-page .toasts {display: none;}
  body.bt-page .sc-report .btn, body.bt-page .sc-report select, body.bt-page .sc-report .bp-paywall {display: none;}
  body.bt-page .sc-report .card {box-shadow: none; break-inside: avoid;}
}