/* Score sheets use a real landscape page, never a rotated portrait sheet. */
@page hitster-score-landscape {
  size: A4 landscape;
  margin: 10mm;
}

.saved-score-print .score-sheet-pages {
  display: block;
  padding: 16px;
  overflow-x: auto;
}
.saved-score-print .score-sheet-page {
  box-sizing: border-box;
  width: 297mm;
  min-height: 210mm;
  margin: 0 auto 16px;
  padding: 10mm;
  overflow: visible;
}
.saved-score-print .score-sheet-page-inner {
  box-sizing: border-box;
  width: 100%;
  min-height: 0;
  transform: none;
}
.saved-score-print .score-sheet-header { margin: 0 0 3mm; padding: 0 0 2mm; }
.saved-score-print .sheet-title-block { flex-direction: row; flex-wrap: wrap; align-items: baseline; gap: 2mm 5mm; }
.saved-score-print .event-name { font-size: 13pt; }
.saved-score-print .round-name { font-size: 11pt; }
.saved-score-print .round-subtitle { font-size: 9pt; }
.saved-score-print .score-sheet-meta-grid { grid-template-columns: 1.8fr 1fr .8fr; gap: 3mm; margin: 0 0 3mm; }
.saved-score-print .info-panel { padding: 2mm 3mm; border-radius: 1.5mm; }
.saved-score-print .info-label { font-size: 8pt; margin-bottom: 1mm; }
.saved-score-print .info-value { font-size: 12pt; overflow-wrap: anywhere; }
.saved-score-print .team-name-value, .saved-score-print .start-year-value { font-size: 13pt; }
.saved-score-print .score-table { width: 100%; table-layout: fixed; border-collapse: collapse; font-size: 10pt; }
.saved-score-print .score-table th, .saved-score-print .score-table td { box-sizing: border-box; overflow-wrap: anywhere; }
.saved-score-print .score-table .col-po { width: 5%; }
.saved-score-print .score-table .col-year { width: 7%; }
.saved-score-print .score-table .col-score-pj { width: 14%; }
.saved-score-print .score-table .col-check,
.saved-score-print .score-table .col-score-title,
.saved-score-print .score-table .col-score-artist,
.saved-score-print .score-table .col-total { width: 7%; }
.saved-score-print .score-table .col-title { width: 28%; }
.saved-score-print .score-table .col-artist { width: 25%; }
.saved-score-print .score-table th { font-size: 8.5pt; line-height: 1.15; padding: 1.5mm 1mm; }
.saved-score-print .score-table td { height: 9mm; padding: 1.3mm 2mm; border: .25mm solid #aeb7c4; }
.saved-score-print .score-table td.col-check { text-align: center; padding: 1mm; }
.saved-score-print .score-table .col-title,
.saved-score-print .score-table .col-artist { font-size: 10pt; line-height: 1.2; }
.saved-score-print .score-table .col-po,
.saved-score-print .score-table .col-year,
.saved-score-print .score-table .col-total,
.saved-score-print .total-label { font-size: 10pt; }
.saved-score-print .score-table .col-po { white-space: nowrap; letter-spacing: 0; font-size: 9pt; text-align: center; padding-left: 1mm; padding-right: 1mm; }
.saved-score-print .score-table .col-year,
.saved-score-print .score-table .col-total { color: #111827; text-align: center; }
.saved-score-print .score-table .total-label { color: #111827 !important; }
.saved-score-print .score-checkbox-label { display: flex; height: 4.5mm; min-height: 4.5mm; line-height: 1; }
.saved-score-print .score-checkbox-label input { display: none; }
.saved-score-print .checkbox-print { display: block; box-sizing: border-box; width: 4.5mm; height: 4.5mm; border: .35mm solid #111827; border-radius: .6mm; }
.saved-score-print .score-checkbox-label input:checked + .checkbox-print:after { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; text-align: center; font-size: 10pt; line-height: 3.8mm; color: #111827; }
.saved-score-print .score-sheet-footer { margin-top: 3mm; padding-top: 2mm; font-size: 8pt; line-height: 1.25; flex-wrap: nowrap; }

@media print {
  html:has(.saved-score-print), body:has(.saved-score-print), body:has(.saved-score-print) #root {
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: white !important;
  }
  .saved-score-print { page: hitster-score-landscape; width: auto; min-width: 0; min-height: 0; margin: 0; padding: 0; }
  .saved-score-print .score-sheet-pages { display: block; padding: 0; margin: 0; overflow: visible; }
  .saved-score-print .score-sheet-page {
    page: hitster-score-landscape;
    width: 100%;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
    overflow: visible;
    break-after: page;
    page-break-after: always;
  }
  .saved-score-print .score-sheet-page:last-child { break-after: auto; page-break-after: auto; }
  .saved-score-print .score-sheet-page-inner { width: 100%; min-height: 0; transform: none; }
  .saved-score-print .score-sheet-header,
  .saved-score-print .score-sheet-meta-grid { break-inside: avoid; break-after: avoid; }
  .saved-score-print .score-table thead { display: table-header-group; }
  .saved-score-print .score-table tfoot { display: table-row-group; }
  .saved-score-print .score-table tr { break-inside: avoid; page-break-inside: avoid; }
  .saved-score-print .score-sheet-footer { break-inside: avoid; }
  .saved-score-print .score-table th,
  .saved-score-print .score-table td { print-color-adjust: exact; -webkit-print-color-adjust: exact; }
}
