/* ================================================================
   Heye Pharma — opmaak van prijslijsten, catalogus en bestelbonnen
   Gedeeld door documenten.html (beheer) en de shop (index.html).
   Bevat enkel het document zelf (het A4-vel en wat erop staat);
   de schikking van het scherm staat in documenten.css / shop.css.
   ================================================================ */
.vel{background:#fff;width:210mm;max-width:100%;min-height:297mm;margin:0 auto;padding:14mm 13mm;
  box-shadow:0 1px 3px rgba(0,0,0,.08),0 8px 30px rgba(0,0,0,.08);border-radius:3px;color:#111;
  font:9.5pt/1.38 "Segoe UI",system-ui,-apple-system,Arial,sans-serif}

/* ---------- document (scherm én afdruk) ---------- */
.d-kop{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;padding-bottom:8pt;margin-bottom:10pt;border-bottom:2pt solid #9b1c1c}
.d-merk{display:flex;align-items:flex-end;gap:10pt;font-size:7.5pt;color:#555;line-height:1.35}
.d-merk img{height:38pt;width:auto}
.d-titel{text-align:right}
.d-titel h1{font-size:20pt;line-height:1;margin:0 0 3pt;color:#9b1c1c;letter-spacing:.3pt}
.d-titel div{font-size:9pt;color:#333}
.d-cat{font-size:11pt;margin:14pt 0 4pt;padding:3pt 0;border-bottom:1pt solid #999;break-after:avoid;page-break-after:avoid}
.d-cat span{color:#9b1c1c}
.d-subtitel{font-size:10pt;margin:10pt 0 3pt;break-after:avoid}
.d-tabel{width:100%;border-collapse:collapse;font-size:9pt}
.d-tabel th{text-align:left;font-size:7.5pt;text-transform:uppercase;letter-spacing:.3pt;color:#555;font-weight:600;padding:3pt 4pt;border-bottom:1pt solid #000;position:static;background:none}
.d-tabel td{padding:3.5pt 4pt;border-top:.5pt solid #ccc;vertical-align:top}
.d-tabel tr{break-inside:avoid;page-break-inside:avoid}
.d-tabel thead{display:table-header-group}
.d-tabel .r{text-align:right;white-space:nowrap}
.d-tabel .d-cnk{white-space:nowrap;width:1%}
.d-prijs{font-weight:700}
.d-sub{font-size:8pt;color:#555;margin-top:1pt}
.d-sub-inline{color:#555;font-size:8.5pt}
.d-leeg{padding:30pt 0;text-align:center;color:#777}
.d-voorwaarden{margin-top:16pt;padding:7pt 9pt;border:1pt solid #ccc;border-radius:4pt;font-size:8pt;color:#333;break-inside:avoid}
.d-onder{margin-top:6pt;font-size:8pt;color:#555}
.d-tip{font-size:8pt;color:#555;margin:2pt 0 4pt}

/* digitale prijslijst: kaarten met foto */
.vel.digitaal .d-cat{background:#9b1c1c;color:#fff;border:none;padding:4pt 8pt;border-radius:4pt;margin-top:16pt}
.vel.digitaal .d-cat span{color:#f2a7a7}
.d-kaarten{display:grid;grid-template-columns:repeat(4,1fr);gap:6pt;margin-top:6pt}
.d-kaart{border:1pt solid #e2dcd6;border-radius:6pt;overflow:hidden;break-inside:avoid;page-break-inside:avoid;display:flex;flex-direction:column;background:#fff}
.d-foto{aspect-ratio:4/3;background:#fff;display:flex;align-items:center;justify-content:center;border-bottom:1pt solid #eee;padding:4pt}
.d-foto img{max-width:100%;max-height:100%;object-fit:contain}
.d-info{padding:5pt 7pt 7pt;display:flex;flex-direction:column;gap:1pt;flex:1}
.d-naam{font-weight:700;font-size:8.5pt;line-height:1.25}
.d-meta{font-size:7.5pt;color:#666}
.d-prijsblok{margin-top:auto;padding-top:3pt;color:#9b1c1c}
.d-groot{font-size:11pt;font-weight:800}
.d-prijsblok small{color:#666;font-size:7.5pt}
.d-advies{font-size:7.5pt;color:#333;background:#fbefef;border-radius:3pt;padding:2pt 4pt;margin-top:2pt}

/* intern productoverzicht */
.d-intern-label{color:#9b1c1c}
.d-code{font-size:8pt;color:#444;white-space:nowrap}
.d-status{display:inline-block;font-size:7.5pt;font-weight:700;border-radius:8pt;padding:0 5pt;white-space:nowrap;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.d-status.ok{background:#e9f6ee;color:#1c6b3a}
.d-status.deels{background:#fff6dc;color:#8a5a00}
.d-status.uit{background:#fdecea;color:#b3261e}
.d-rij-uit td{background:#fcfbfa}
.d-ontbreekt{color:#b3261e;font-weight:600;font-size:8pt}
.d-foto{position:relative}
.d-foto .d-status{position:absolute;top:4pt;left:4pt}
.d-kaart-uit .d-foto img{opacity:.55}
.d-waarom{font-size:7.5pt;color:#b3261e;margin-top:2pt}

/* bestelbon vertegenwoordiger */
.d-vakken{display:grid;grid-template-columns:2fr 1fr 1fr;gap:5pt;margin-bottom:6pt}
.d-vak{border:1pt solid #888;border-radius:3pt;padding:3pt 5pt;min-height:28pt;display:flex;flex-direction:column}
.d-vak small{font-size:7pt;text-transform:uppercase;letter-spacing:.4pt;color:#666}
.d-vak .ingevuld{font-size:9.5pt;margin-top:2pt}
.d-raster th.d-st,.d-raster td.d-st{text-align:center;width:1%;padding-left:2pt;padding-right:2pt;white-space:nowrap}
.d-invul{display:inline-block;width:22pt;height:14pt;border:1pt solid #444;border-radius:2pt;vertical-align:middle}
.d-nvt{display:inline-block;width:22pt;height:14pt;border-radius:2pt;vertical-align:middle;
  background:repeating-linear-gradient(45deg,#ddd 0 2pt,#f4f4f4 2pt 4pt);-webkit-print-color-adjust:exact;print-color-adjust:exact}
.d-aantal{width:1%;text-align:center}
th.d-aantal{text-align:center}
.d-compact td{padding:2pt 4pt;font-size:8.5pt}
.d-lens td{height:19pt;border:.75pt solid #999}
.d-lens th{border:.75pt solid #999;border-bottom:1pt solid #000;text-align:center;font-size:7pt}
.d-tussen{height:6pt}
.d-intern{margin-top:10pt;padding-top:6pt;border-top:1pt dashed #999;font-size:8pt;color:#333;display:flex;flex-direction:column;gap:4pt;break-inside:avoid}


@media print{
  .vel{box-shadow:none;border-radius:0;width:auto;min-height:0;padding:0;margin:0;max-width:none}
  .vel.digitaal .d-cat,.d-advies,.d-kop,.d-status{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  @page{size:A4;margin:12mm 11mm}
}