@page { size: A4 landscape; margin: 8mm; }

@media print {
  :root {
    color-scheme: light;
    --bg: #fff;
    --surface: #fff;
    --surface-2: #f1f5f9;
    --text: #111;
    --muted: #475569;
    --line: #7c8796;
  }
  html, body, .app-shell, .page-root { color: #111; background: #fff !important; }
  body { font-size: 9pt; }
  .sidebar, .app-header, .app-navigation, .page-actions, .button, .export-grid { display: none !important; }
  .app-shell, .page-root, .app-layout, .app-main, .page, .panel { display: block; width: 100%; margin: 0; padding: 0; box-shadow: none; }
  .roster-grid, .roster-group, .roster-table-scroll { width: 100%; max-width: none; overflow: visible; box-shadow: none; }
  .roster-table { width: 100%; border-collapse: collapse; table-layout: fixed; }
  .roster-table th, .roster-table td { border: 1px solid #777; padding: 2px; text-align: center; }
  .roster-table th:first-child, .roster-table td:first-child { width: 34mm; text-align: start; }
  .roster-table thead { display: table-header-group; }
  .roster-table tr { break-inside: avoid; }
}