/* X1: klassenset naamkaartjes. Scherm: bediening en voorbeeld (print-tools.css). Printen: alleen de vellen in .class-print. */
.class-print{display:none}
.class-tool .tool-controls textarea{width:100%;max-width:440px;min-height:180px;font:inherit;border:2px solid #d9cdeb;border-radius:12px;padding:10px 12px;box-sizing:border-box;resize:vertical}
.class-tool .tool-controls p{max-width:440px}
@media print{
  @page{size:A4 portrait;margin:8mm}
  body.class-printing :not(:has(.class-print)):not(.class-print):not(.class-print *){display:none!important}
  /* Ouders van het printblok (hoofdinhoud, kader, marges) krijgen geen hoogte of ruimte: anders komt er een lege pagina achteraan. */
  body.class-printing main,body.class-printing .v2-main,body.class-printing .v2-wrap,body.class-printing .print-tool{margin:0!important;padding:0!important;min-height:0!important;height:auto!important;border:0!important}
  body.class-printing .class-print{display:block!important;margin:0;padding:0;height:auto}
  .class-sheet{overflow:hidden;margin:0;padding:0}
  .class-sheet img{display:block;width:100%;height:100%;object-fit:contain}
  .class-sheet:not(:last-child){break-after:page;page-break-after:always}
}
/* Telefoon: één kolom die de breedte van het scherm niet overschrijdt; de knoppen mogen onder elkaar. */
@media(max-width:680px){.class-tool .print-tool-grid{grid-template-columns:minmax(0,1fr)}.class-tool .tool-controls,.class-tool .name-preview{min-width:0}.class-tool .v2-actions{display:flex;flex-wrap:wrap;gap:8px}}