/* =========================================================================
   «Результати місяця» — сторінка A4 для керівника (docs/web/ux.md,
   «Результати місяця»; AUDIT №452). Зібрана з компонентів каркаса
   (ui_tile, ui_card, ui_bar_chart); тут — лише шапка аркуша, ритм тексту і
   друк. Друк — іменована сторінка `brief`: A4 і поля тільки цього аркуша,
   друк решти сайту (print.css) не змінюється. Шрифт і кольори — з токенів.
   ========================================================================= */
.brief-toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 18px; margin: 0 0 var(--gap); }
.brief-toolbar .lede { margin: 0; }
.brief-sheet { max-width: 1040px; }
.brief-head { margin: 0 0 var(--gap); }
.brief-org { margin: 0; color: var(--text-muted); font-size: 13px; font-weight: 600; }
.brief-head h1 { margin: 2px 0 4px; }
.brief-meta { margin: 0; color: var(--text-muted); font-size: 13px; }
.brief-chart { --uic-h: 170px; }
.brief-meaning { display: grid; gap: 6px; margin: 0; padding-left: 1.2em; line-height: 1.5; }
.brief-foot { color: var(--text-muted); font-size: 12px; line-height: 1.45; }
.brief-foot p { margin: 0 0 4px; }

@page brief { size: A4; margin: 10mm 12mm; }

@media print {
  /* именованная страница — у всего документа, а не у листа: смена `page` между
     соседями — принудительный разрыв, и метка «Демо-дані» над листом уходила
     отдельной первой страницей */
  body:has(.brief-sheet) { page: brief; }
  .brief-sheet { max-width: none; }
  .brief-toolbar, body:has(.brief-sheet) .topbar, body:has(.brief-sheet) .notice,
  body:has(.brief-sheet) .alert { display: none !important; }
  /* лист уже 900 px — плитки остаются в один ряд, а не по две */
  .brief-sheet .ui-grid > .ui-span-3 { grid-column: span 3; }
  .brief-sheet .ui-grid > .ui-span-4 { grid-column: span 4; }
  .brief-sheet .ui-grid { gap: 10px; }
  .brief-sheet .ui-card { box-shadow: none; break-inside: avoid; padding: 12px 16px; }
  /* плотнее экрана: четыре плитки с длинными пояснениями и сноска — на одном листе
     с запасом под шрифт другой ширины */
  .brief-head { margin-bottom: 12px; }
  .brief-sheet .ui-tile-note { font-size: 11.5px; }
  .brief-meaning { gap: 3px; font-size: 13px; line-height: 1.4; }
  .brief-foot { font-size: 10.5px; line-height: 1.35; }
  /* таблица значений графика на бумаге не нужна: число суток — в плитках,
     сам график — подписан; раскрытая, она уносила бы лист на вторую страницу */
  .brief-sheet details.chart-table { display: none !important; }
  .brief-chart { --uic-h: 110px; }
  /* подписи обрезанных столбцов соседних суток — через одну строкой выше, как у
     узкого графика (charts.css, @container ≤ 560 px): на листе 31 колонка уже,
     и «35,0» с «34,5» слипались */
  .brief-sheet .uic-vlabel.is-stagger { transform: translate(-50%, calc(-100% - 6px)); }
  .brief-sheet .uic:has(.uic-vlabel.is-stagger) .uic-cap { margin-bottom: 40px; }
}