/* Copyright (c) 2026 Rajesh Krishnasing. Alle rechten voorbehouden. */
/* PrimaPress, module nacalculatie: het tabblad Nacalculatie in de indeling van MultiPress (manual p.16). PrimaPress 2.0
 * (docs/DESIGNSYSTEEM.md 8.4): hier staat alleen de indeling van het eigen scherm, met de tokens van de laag betekenis
 * en voor ruimte. Het rooster (Order tegen Productie), de kaarten, de meldingen en de feitenbalk komen uit de
 * componenten van kern.js; eigen klassen beginnen met m-nacalculatie-. */

/* Het rooster Order tegen Productie: een kolom per veld, de twee groepen met wat ruimte ertussen */
.m-nacalculatie-tabel { min-width: 900px; }
.m-nacalculatie-tabel th.m-nacalculatie-groep { text-align: center; }
.m-nacalculatie-tabel .m-nacalculatie-scheid { padding-left: var(--pp-r-6); }
/* in MultiPress grijs: dit veld geldt niet voor deze regel */
.m-nacalculatie-tabel td.m-nacalculatie-grijs { background: var(--pp-vlak-2); }

/* De knoppen van het tabblad (Nacalc., Vastzetten, ...) onder het rooster */
.m-nacalculatie-balk { display: flex; gap: var(--pp-r-2); flex-wrap: wrap; align-items: center; margin: var(--pp-r-2) 0 var(--pp-r-4); }
.m-nacalculatie-balk .rechts { margin-left: auto; display: flex; gap: var(--pp-r-2); flex-wrap: wrap; }

/* Meldingen als lijst in een kaart */
.m-nacalculatie-controles { list-style: none; margin: 0; padding: 0; }
.m-nacalculatie-controles li { margin: 0 0 var(--pp-r-2); }
.m-nacalculatie-controles li:last-child { margin-bottom: 0; }

/* Meer- en minderwerk: de uitkomst boven de knoppenrij van het venster */
.m-nacalculatie-uitkomst > * { margin-top: var(--pp-r-3); }

/* Inkoop tegen verkoop in Prindustry (W6-ui, besluit B-149): een regel die niet te lezen is, staat in de tekstkleur van
 * de uitleg (grijs, nooit groen); het woord "niet te lezen" staat er altijd bij */
.m-nacalculatie-prindustry tr.m-nacalculatie-grijsrij td { color: var(--pp-tekst-3); }
/* de productnaam breekt niet midden in een woord; op een telefoon schuift de tabel opzij */
.m-nacalculatie-prindustry td.m-nacalculatie-product { min-width: 10em; }