/* Print sheet: paper-first, controls hidden. */
@page { size: A4 portrait; margin: 12mm 10mm; }

body.print-body { background:#fff; margin:0; }

.toolbar { display:flex; gap:8px; flex-wrap:wrap; padding:12px 20px;
           border-bottom:1px solid var(--line); background:#fff; }
.toolbar .button { text-decoration:none; }

.sheet-head { padding:20px 20px 8px; }
.sheet-head h1 { font-size:20px; margin:0 0 6px; }
.sheet-head .meta { margin:2px 0; color:var(--muted); font-size:12.5px; }
.sheet-head .notes { margin:8px 0 0; font-size:13px; white-space:pre-wrap; }

table.sheet { border-collapse:collapse; width:100%; font-size:12.5px; }
table.sheet th, table.sheet td { padding:4px 6px; border-bottom:1px solid #ddd;
                                 text-align:left; vertical-align:middle; }
table.sheet thead th { border-bottom:2px solid #333; font-size:11px;
                       text-transform:uppercase; letter-spacing:.04em; }
table.sheet tfoot th { border-top:2px solid #333; border-bottom:none; }
table.sheet .qty { text-align:right; font-weight:700;
                   font-variant-numeric:tabular-nums; white-space:nowrap; }
table.sheet .pick { width:14px; }
table.sheet .box { display:block; width:11px; height:11px;
                   border:1px solid #666; border-radius:2px; }
table.sheet .img { width:38px; }
table.sheet img { display:block; max-width:34px; max-height:34px; }
table.sheet .swatch { width:10px; height:10px; margin-right:5px; }
table.sheet .small { font-size:11px; color:#555; }
table.sheet .mono { font-size:11px; }

@media print {
  .no-print { display:none !important; }
  .sheet-head { padding:0 0 8px; }
  body.print-body { font-size:12px; }
  /* Repeat the header row on every page, never split a row. */
  table.sheet thead { display:table-header-group; }
  table.sheet tfoot { display:table-footer-group; }
  table.sheet tr { break-inside:avoid; page-break-inside:avoid; }
  a { color:inherit; text-decoration:none; }
}

@media screen and (max-width: 720px) {
  table.sheet .small { display:none; }
}