/* Print: content only. The report inside Analitika keeps its own print rules.

   The page box is what everything else here follows from: A4 less 14/12 mm is
   186 mm, i.e. 703 CSS px. Without an @page the browser decided it, and at
   Firefox's and Safari's default 12,7 mm the layout fell under 719 px and the
   card block in components.css turned every list into a column of stacks with
   no table header - 6 sheets instead of 3. That block is scoped to `screen`
   now, and this rule fixes the width whatever the print dialog says. */
/* The page number is the sheet's own, not the browser's: Chrome ships the
   print dialog with headers and footers off, and a list of 25 rows over three
   sheets that says nowhere which sheet this is cannot be put back in order.
   An engine without margin boxes simply prints nothing there. */
@page {
  size: A4;
  margin: 14mm 12mm;
  @bottom-right { content: "Stranica " counter(page) " / " counter(pages); font: var(--text-caption); color: var(--ink-muted); }
}

/* Interactive chrome carries nothing on paper: navigation, filter controls,
   the tab row, the Excel button, the buttons of the notice actions (the two
   links beside them stay, with their URLs). */
.sidebar, .topbar, .filters, .my-filters, .my-bar, .sort-phone, .pager,
.page-actions, .list-actions, .aw-export, .my-export, .list-cap, .tabs, .portal-actions button,
.portal-help, .aw-how,
.back-link, .detail-jump, .skip-link, .toast, .form-actions, .no-js-only,
.js-only, .pub-head, .pub-nav, .int-bar, .analitika-bar, .report-wrap,
.analitika-loading { display: none !important; }
/* The tracking card prints its values as text (.print-only in the template),
   not as a select and a textarea; only the controls go. */
.detail-rail form .select, .detail-rail form .textarea, .detail-rail form .save-btn,
.detail-rail form .help, .detail-rail form .autosave { display: none !important; }
.print-only { display: block; }
body { background: transparent; color: var(--ink); }
.page-app .app { display: block; }
.main { padding: 0; max-width: none; }
.card, .table-wrap, .kpi { border: 1px solid var(--ink-muted); box-shadow: none; }
/* Only the small boxes stay whole. A `break-inside: avoid` on .table-wrap and
   on .card threw away a whole A4 sheet per printout: 25 rows that fit on two
   pages took three, page 1 carrying nothing but the heading and 26 cm of
   white paper. Chromium also treats an `overflow` box as unbreakable, and
   a clipped table loses text on paper with no scrollbar to reveal it. */
.kpi, table.data tbody tr { break-inside: avoid; }
/* Every scroller on paper, not just the list one: a scroller clips silently
   and the sheet gives no way to see what it cut. */
.table-wrap, .admin-wrap, .team-wrap { overflow: visible; }
thead { display: table-header-group; }
table.data { min-width: 0; }
/* The 220 px floor the title column carries on screen (200 px on Dodijeljeni)
   held the widest table 28 px past the page box, and past the paper there is
   no scrollbar to get it back. The cells already wrap. */
table.data td.c-title { min-width: 0; }
/* A note is read, not scrolled: it wraps on paper and nothing is cut. */
.note-clip { display: block; -webkit-line-clamp: none; line-clamp: none; white-space: normal; overflow: visible; }
.td-note { max-width: none; }
a[href^="http"]::after { content: " (" attr(href) ")"; font-size: 11px; color: var(--ink-muted); }
table.data td, table.data th { padding: 6px 8px; }
/* What the sheet is: which filter produced it and which rows of how many.
   Hidden on screen, where the filter bar and the pager say it already. */
.provenance { font: var(--text-body-small); color: var(--ink-muted); margin: 0 0 var(--space-2); }