/* Copyright (c) 2026 Rajesh Krishnasing. Alle rechten voorbehouden. */
/* PrimaPress, module rapportages: alleen de indeling van de eigen schermen (klassen m-rapportages-...). Kleur, letter,
 * rand, afronding en schaduw komen van de componenten in app.css en de tokens van de laag betekenis (PrimaPress 2.0,
 * docs/DESIGNSYSTEEM.md 8.4 en hoofdstuk 9). Geen kleurcode en geen getal voor een rand of een letter. */

/* de zoekvelden: de uitsplitsingen en het vinkje voor de ruwe klachtcijfers */
.m-rapportages-balk .zoekveld.keuze { flex: 0 1 150px; }
.m-rapportages-balk .zoekveld.keuze.m-rapportages-breed { flex: 0 1 280px; max-width: 280px; }
.m-rapportages-vinkveld { justify-content: flex-end; padding-bottom: var(--pp-r-1); }

/* de meldingen boven de tabel (twee naast elkaar als het past) en de regels eronder */
.m-rapportages-meldingen:empty { display: none; }
.m-rapportages-meldingen { margin-bottom: var(--pp-r-3); }
.m-rapportages-onder { margin-top: var(--pp-r-2); }
.m-rapportages-onder p { margin: 0 0 var(--pp-r-1); }

/* de tabel: een regel Totaal onderaan (tfoot van app.css); bij Inkoop tegen factuur per periode een tabel eronder */
.m-rapportages-tabel .zoekvak { min-height: 0; max-height: calc(100vh - var(--pp-balk) - 330px); }
.m-rapportages-tabel .blokkop.klein { margin: var(--pp-r-4) 0 var(--pp-r-2); }

/* het lijstrapport: de kolommen die alleen in het interne rapport staan (inkoop, producent, factuurnummer producent);
   een gekozen regel houdt het navy van de gekozen regel (DESIGNSYSTEEM.md 9, was --licht) */
.zoektabel td.m-rapportages-intern, .zoektabel th.m-rapportages-intern { background: var(--pp-vlak-2); }
.zoektabel tr.gekozen td.m-rapportages-intern { background: var(--pp-gekozen-vlak); }