/* Print: the tick-off sheet, and nothing else.
   The app itself is hidden on paper; #printsheet is built from the
   current year whenever printing starts (see renderPrintSheet). Ink
   only: black, greys, and white paper whatever the screen theme. */
@page { margin: 14mm 14mm 16mm; }

* { animation: none !important; transition: none !important; }
html, body { background: #fff !important; color: #111 !important; }
body::before, body::after,
.frame, .tabbar, #snow, .toasts, dialog { display: none !important; }

#printsheet {
  display: block !important;
  font-family: var(--font), system-ui, sans-serif;
  font-size: 10pt;
  line-height: 1.35;
  color: #111;
}
#printsheet h1 {
  font-family: var(--font), system-ui, sans-serif;
  font-size: 20pt; font-weight: 600; margin: 0 0 2pt;
}
.ps-head p { margin: 0 0 10pt; color: #555; font-size: 9pt; }
#printsheet h2 {
  font-size: 8.5pt; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase;
  color: #555; margin: 14pt 0 6pt; padding-bottom: 3pt; border-bottom: 1px solid #bbb;
  break-after: avoid;
}
.ps-cols { columns: 2; column-gap: 12mm; }
.ps-group { break-inside: avoid; margin: 0 0 10pt; }
.ps-group h3 {
  display: flex; justify-content: space-between; align-items: baseline; gap: 8pt;
  font-size: 11pt; font-weight: 700; margin: 0 0 3pt;
}
.ps-group h3 small { font-weight: 500; font-size: 8.5pt; color: #555; white-space: nowrap; }
#printsheet ul { list-style: none; margin: 0; padding: 0; }
#printsheet li {
  display: grid; grid-template-columns: 11pt 1fr auto auto; gap: 0 6pt; align-items: baseline;
  padding: 2.5pt 0; border-bottom: 0.5pt dotted #bbb; break-inside: avoid;
}
.ps-box {
  width: 9pt; height: 9pt; border: 0.9pt solid #333; border-radius: 1.5pt;
  display: inline-grid; place-items: center; font-size: 7.5pt; line-height: 1; align-self: center;
}
li.is-done .ps-name { color: #666; }
li.is-returned .ps-name { text-decoration: line-through; color: #777; }
.ps-name em { font-style: normal; color: #777; font-size: 8.5pt; }
.ps-shop { color: #666; font-size: 8.5pt; }
.ps-amt { font-variant-numeric: tabular-nums; text-align: right; min-width: 36pt; }
.ps-tasks li { grid-template-columns: 11pt 1fr auto; }
.ps-cards { columns: 3; column-gap: 8mm; }
.ps-cards li { grid-template-columns: 11pt 1fr; }
.ps-empty { color: #777; }
.ps-foot { margin-top: 14pt; color: #777; font-size: 8.5pt; }