/* MyWorkRelief — print styles for Desk Rescue Cards, PD Certificates and School Quotes.
   A print button sets data-print on <html>; only the matching .print-sheet is printed. */
@media print {
  @page { size: letter portrait; margin: 0.5in }
  html, body { background: #fff !important; color: #000; font: 11pt/1.4 Inter, -apple-system, "Segoe UI", Roboto, sans-serif }
  .site-head, .site-foot nav, .skip, dialog, button, .btn, .tokens, .lab-actions, .ub-tabs, noscript { display: none !important }
  a { color: #000; text-decoration: none }
  .band, .hero { padding: 0.15in 0 }
  .card, .lab, .sim, details, .ub-panel { box-shadow: none; break-inside: avoid }

  html[data-print] body > :not(main), html[data-print] main > * { display: none !important }
  html[data-print="desk"] main > #print-desk,
  html[data-print="cert"] main > #print-cert,
  html[data-print="quote"] main > #print-quote,
  html[data-print="docket"] main > #print-docket,
  html[data-print="receipt"] main > #print-receipt { display: block !important }

  .print-sheet { color: #000; font-size: 10.5pt }
  .print-sheet .ptitle { font-size: 20pt; font-weight: 700; line-height: 1.2; margin: 0 0 4pt }
  .print-sheet h2 { font-size: 12pt; margin: 10pt 0 4pt; border-bottom: 1.5pt solid #0F766E; padding-bottom: 2pt }
  .print-sheet p, .print-sheet ul, .print-sheet ol { margin: 0 0 6pt }
  .print-sheet table { width: 100%; border-collapse: collapse; margin-bottom: 6pt }
  .print-sheet th, .print-sheet td { border: 0.75pt solid #666; padding: 3pt 5pt; text-align: left; vertical-align: top; font-size: 9.5pt }
  .print-sheet th { background: #eef2f0; -webkit-print-color-adjust: exact; print-color-adjust: exact }
  .print-sheet td.n, .print-sheet th.n { text-align: right }
  .print-sheet code { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 9pt; border: 0; background: none; padding: 0 }
  .print-sheet .foot { margin-top: 8pt; padding-top: 4pt; border-top: 0.75pt solid #666; font-size: 8.5pt; color: #333 }
  .print-sheet .ribbon { display: flex; flex-wrap: wrap; gap: 3pt; list-style: none; padding: 0; counter-reset: r }
  .print-sheet .ribbon li { counter-increment: r; border: 1pt solid #0F766E; border-radius: 3pt; padding: 2pt 6pt; font-family: ui-monospace, Consolas, monospace; font-size: 9pt; font-weight: 700 }
  .print-sheet .ribbon li::before { content: counter(r) ". "; font-weight: 400 }
  .print-sheet .two { display: grid; grid-template-columns: 1fr 1fr; gap: 0 14pt }

  #print-desk { font-size: 9.5pt; line-height: 1.3 }
  #print-desk .ptitle { font-size: 17pt }
  #print-desk h2 { font-size: 11pt; margin: 7pt 0 3pt }
  #print-desk th, #print-desk td { font-size: 8.5pt; padding: 2pt 4pt }
  #print-desk td:first-child { white-space: nowrap }
  #print-desk p, #print-desk ol { margin-bottom: 4pt }
  #print-desk code { font-size: 8pt }
  #print-desk .foot { font-size: 7.5pt; margin-top: 5pt }
  #print-cert { text-align: center }
  #print-cert .frame { border: 4pt double #8B6642; padding: 0.42in 0.45in; min-height: 9.2in; display: flex; flex-direction: column; justify-content: center }
  #print-cert .ptitle { font-size: 24pt; letter-spacing: 1pt; color: #8B6642; -webkit-print-color-adjust: exact; print-color-adjust: exact }
  #print-cert .who { font-size: 22pt; font-weight: 700; border-bottom: 1pt solid #000; display: inline-block; min-width: 4.2in; margin: 8pt auto 4pt; padding: 0 12pt 2pt }
  #print-cert .big { font-size: 12.5pt }
  #print-cert .cert-verify-row { display: flex; align-items: center; justify-content: center; gap: 14pt; text-align: left; border-top: 0.75pt solid #E2DACB; border-bottom: 0.75pt solid #E2DACB; padding: 8pt 0; margin: 10pt 0 6pt; font-size: 8.5pt }
  #print-cert .cert-verify-row svg { width: 0.85in; height: 0.85in; flex-shrink: 0 }
  #print-cert .cert-verify-row p { margin: 0 0 2pt }
  #print-cert .small { font-size: 8pt; color: #333; margin-top: 6pt }
  #print-cert img { width: 0.6in; height: 0.6in; margin: 0 auto 8pt }
  #print-quote .head { display: flex; justify-content: space-between; gap: 12pt; margin-bottom: 10pt }
  #print-quote .total td { font-weight: 700; font-size: 11pt }
}
