/* ================================================================
   Heye Pharma — documenten (documenten.html)
   Bovenop beheer.css. Scherm: keuzes links, A4-voorbeeld rechts.
   Afdruk: enkel het document (#doc).
   ================================================================ */

/* ---------- scherm ---------- */
.doc-werk{display:grid;grid-template-columns:300px 1fr;gap:20px;padding:20px;max-width:1500px;margin:0 auto;align-items:start}
.doc-keuzes{position:sticky;top:72px;background:#fff;border:1px solid var(--lijn);border-radius:12px;padding:16px;
  max-height:calc(100vh - 92px);overflow:auto}
.keuzeblok{padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid var(--lijn)}
.keuzetitel{font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--grijs);margin-bottom:8px}
.keuzetitel.klein{margin-top:12px}
.segment{display:flex;flex-direction:column;gap:6px}
.segment button{text-align:left;border:1px solid var(--rand);background:#fff;border-radius:9px;padding:8px 11px;font-weight:600}
.segment button small{display:block;font-weight:400;color:var(--grijs);font-size:12px}
.segment button:hover{border-color:var(--huis)}
.segment button.actief{border-color:var(--huis);background:var(--huis-licht);color:var(--huis-donker);box-shadow:inset 0 0 0 1px var(--huis)}
.vinklijst{display:flex;flex-direction:column;gap:4px}
.vinkje{display:flex;align-items:center;gap:8px;cursor:pointer;padding:2px 0}
.vinkje span{flex:1}
.vinkje small{color:var(--grijs);font-size:12px}
.vinkje input{width:16px;height:16px;accent-color:var(--huis)}
.keuzeblok .veld{margin-bottom:10px}
.samenvatting{font-size:13px}
.knop.groot{width:100%;padding:11px;font-size:15px;margin-bottom:8px}

.doc-voorbeeld{min-width:0;overflow:auto;padding:0}

@media (max-width:900px){
  .doc-werk{grid-template-columns:1fr}
  .doc-keuzes{position:static;max-height:none}
  .vel{padding:16px}
}

/* ---------- afdruk ---------- */
@media print{
  /* beheer.css verbergt bij afdrukken alles behalve #print (pakbonnen): hier tonen we het document */
  body > #scherm-app{display:block !important}
  html,body,.doc-werk,.doc-voorbeeld{overflow:visible !important;height:auto !important}
  body{background:#fff}
  .demobalk,header,.doc-keuzes{display:none !important}
  .doc-werk{display:block;padding:0;margin:0;max-width:none}
  .vel{box-shadow:none;border-radius:0;width:auto;min-height:0;padding:0;margin:0}
  .vel.digitaal .d-cat,.d-advies,.d-kop{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  @page{size:A4;margin:12mm 11mm}
}