/* Let op: het donkere thema geldt hier niet. Het html.dark-blok in Styles/app.css staat in
   @media screen, dus bij afdrukken en PDF-opslaan vallen alle kleurtokens automatisch terug op
   hun lichte waarde — ook als de gebruiker de app donker heeft staan. Dit bestand hoeft daar dus
   niets voor te doen. Bewaakt door scripts/check-tailwind-classes.mjs. */

/* Print-isolatie: alleen het element met een print-area-id (bv. #statistics-print-area) blijft
   zichtbaar bij afdrukken/PDF-opslaan; elementen met de klasse .no-print (zoals de afdrukknop zelf)
   blijven binnen dat element verborgen. */
@media print {
  body * {
    visibility: hidden;
  }

  [id$="-print-area"],
  [id$="-print-area"] * {
    visibility: visible;
  }

  [id$="-print-area"] .no-print {
    display: none !important;
  }

  [id$="-print-area"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;

    /* Een printvlak dat op het scherm scrollt (bijvoorbeeld een lange rapportweergave in een
       modal) mag op papier niet op één schermhoogte worden afgekapt. */
    max-height: none;
    overflow: visible;
  }

  /* Woont het printvlak in een modal, dan is de overlay bij afdrukken geen laag meer maar gewoon
     de pagina: zonder dit hangt het vel in een position:fixed-doos en stopt de afdruk na één
     schermhoogte. Zet .spinsy-print-overlay op de overlay die het print-area-element host. */
  .spinsy-print-overlay {
    position: static;
    overflow: visible;
    background: none;
    padding: 0;
  }
}