/* Атрибут hidden должен побеждать классы Tailwind (иначе скрытый логин-экран/попап всё равно
   занимают место). Всё остальное оформление — Tailwind-утилиты прямо в разметке (см.
   docs/PLAN-stage2b-ux.md): здесь только то, что Tailwind не выражает. */
[hidden] { display: none !important; }

* { box-sizing: border-box; }

body {
  margin: 0;
  font-family: 'Inter', -apple-system, 'Segoe UI', Roboto, sans-serif;
}

button { font-family: inherit; cursor: pointer; }
input, select, textarea { font-family: inherit; }

/* Тонкий скроллбар для модалки/попап-списков (Tailwind v4 без плагина не даёт scrollbar-*). */
.thin-scroll { scrollbar-width: thin; scrollbar-color: #cbd5e1 transparent; }
.thin-scroll::-webkit-scrollbar { width: 6px; height: 6px; }
.thin-scroll::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 999px; }

/* chart.js — родителю канваса нужна фиксированная высота, иначе бесконечный resize-loop. */
.chart-canvas-wrap { position: relative; height: 260px; }
.chart-canvas-wrap canvas { display: block; width: 100% !important; height: 100% !important; }

/* «Экспорт в PDF» отчёта (этап 4) — window.print(); печатные утилиты Tailwind (print:hidden и
   т.д., см. public/js/reportRenderer.js) достаточно, здесь только формат страницы. */
@media print {
  @page { size: A4; margin: 12mm; }
}