/* Copyright (c) 2026 Rajesh Krishnasing. Alle rechten voorbehouden. */
/* PrimaPress, module voortgang: alleen de indeling van het eigen scherm (klassen m-voortgang-...), met de tokens van de
 * laag betekenis (tokens.css). De uitzonderingen zijn een keuzerij met tellers, de meldingen en de fouttoestand komen
 * uit app.css; geen eigen kleuren, maten van letters, afrondingen of schaduwen (DESIGNSYSTEEM.md 8.4 en 9). */

/* de vaste zoekopdracht met Bewaar en Wis ernaast */
.zoekveld.m-voortgang-vast { flex: 1 1 260px; max-width: 360px; }
.m-voortgang-vastrij { display: flex; gap: var(--pp-r-2); align-items: center; min-width: 0; }
.m-voortgang-vastrij select { flex: 1 1 auto; min-width: 0; }

/* de uitzonderingen bovenaan: een keuzerij die naar een volgende regel mag, met het label ervoor */
.m-voortgang-aandachtvak { display: flex; align-items: center; gap: var(--pp-r-2) var(--pp-r-3); flex-wrap: wrap; margin: 0 0 var(--pp-r-2); }
.m-voortgang-aandachtvak .m-voortgang-aandacht-kop { text-align: left; padding: 0; }
.keuzerij.m-voortgang-aandacht { flex-wrap: wrap; max-width: 100%; }
.keuzerij.m-voortgang-aandacht .knop { gap: var(--pp-r-2); }
.m-voortgang-meldingen:empty { display: none; }
.m-voortgang-meldingen { display: grid; gap: var(--pp-r-2); margin: 0 0 var(--pp-r-2); }

/* de merkjes in de kolom Aandacht */
.m-voortgang-signalen { display: inline-flex; flex-wrap: wrap; gap: var(--pp-r-1); }

/* een lopende order waarvan de leverdatum voorbij is; de gekozen regel houdt de tekstkleur van de gekozen regel
 * (DESIGNSYSTEEM.md 9: voortgang.css regel 40 wordt --pp-gekozen-tekst) */
.zoektabel tr.m-voortgang-te-laat td { color: var(--pp-fout-tekst); }
.zoektabel tr.m-voortgang-te-laat.gekozen td { color: var(--pp-gekozen-tekst); }

/* het venster Info: de feiten van de order in een raster */
.feitenbalk.m-voortgang-feiten { margin: 0 0 var(--pp-r-3); }

/* het venster Status: de meldingen van de controle met een reden per melding */
.m-voortgang-controles { margin-top: var(--pp-r-2); }
.m-voortgang-controles li { margin: var(--pp-r-2) 0; }
.m-voortgang-controles input { width: 100%; max-width: 520px; margin-top: var(--pp-r-1); }