/* Copyright (c) 2026 Rajesh Krishnasing. Alle rechten voorbehouden. */
/* PrimaPress, module printen: de indeling van het venster Printen. De keuzes, de blik en het blad in het klein zijn de
 * componenten van app.css (printdeel, printkeuze, printblik, papier; docs/DESIGNSYSTEEM.md 7.8). Hier alleen de indeling
 * met het voorvoegsel m-printen- en de tokens van het designsysteem: geen kleurcode, geen lettergrootte. */

/* het venster: breder dan een gewoon venster (de keuzes en de blik naast elkaar), smaller dan een breed venster */
.venster.m-printen-venster { width: min(900px, 100%); }
.m-printen .printdeel { margin-top: var(--pp-r-3); }
.m-printen .printkeuze .sub .blok + .blok { margin-top: 2px; }
.m-printen-reden { color: var(--pp-tekst-2); }
.m-printen-standaard { display: flex; gap: var(--pp-r-2); align-items: center; flex-wrap: wrap; margin-top: var(--pp-r-4); }

/* de knoppenrij: links het vinkje, rechts ESC en ENTER op een regel (zoals in MultiPress) */
.m-printen-voet { display: flex; gap: var(--pp-r-3); align-items: center; flex-wrap: nowrap; flex: 1; min-width: 0; }
.m-printen-voet .rechts { margin-left: auto; display: flex; gap: var(--pp-r-2); flex: none; }
.m-printen-vragen { margin: 0; }

/* stap 2: een voor een printen */
.m-printen-tabel td { vertical-align: middle; }
.m-printen-volgende { min-width: 180px; }

/* een telefoon: het vinkje op een eigen regel boven ESC en ENTER (anders wordt het venster breder dan het scherm) */
@media (max-width: 560px) {
  .m-printen-voet { flex-wrap: wrap; }
  .m-printen-voet .rechts { margin-left: 0; width: 100%; justify-content: flex-end; }
  .m-printen-volgende { min-width: 0; }
}