/* Copyright (c) 2026 Rajesh Krishnasing. Alle rechten voorbehouden. */
/* PrimaPress, module klachten: alleen de indeling van de eigen schermen (klassen m-klachten-...). 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 docs/ARCHITECTUUR.md 3.3). Geen kleurcode en geen getal voor een rand of een letter. */

/* Klachten-overzichten: de smalle kolom met de markering ! ? + en de regels onder de lijst */
.zoektabel td.m-klachten-mark { width: 28px; text-align: center; }
.m-klachten-onder { margin-top: var(--pp-r-3); }
.m-klachten-onder .feitenbalk { margin-bottom: var(--pp-r-2); }
.m-klachten-regels { margin: 0; padding-left: var(--pp-r-5); }
/* een aantal buiten de norm vraagt aandacht: rood als tekst, zoals een kerncijfer (het woord staat in het label) */
.m-klachten-buiten { color: var(--pp-accent-tekst); }

/* het venster Klachten: drie kolommen (MultiPress, het register) en de beschrijving over de hele breedte */
.m-klachten-velden { margin-bottom: var(--pp-r-3); }
.m-klachten-breed { margin-top: var(--pp-r-2); }
.m-klachten-breed textarea, .m-klachten-raster textarea { width: 100%; }
.m-klachten-naast { display: flex; align-items: center; gap: var(--pp-r-2); min-width: 0; }
.m-klachten-naast input { max-width: 150px; }
.m-klachten-stand { margin: 0 0 var(--pp-r-4); }

/* verplichte velden: een * achter het label (het woord staat in de legenda erboven, dus niet alleen kleur) */
.m-klachten-ster { color: var(--pp-fout-tekst); font-weight: var(--pp-gewicht-vet); margin-left: var(--pp-r-1); }
.m-klachten-legenda { margin: 0 0 var(--pp-r-2); }

/* Gevolgen voor: drie vakjes naast elkaar (meer tegelijk) */
.m-klachten-vakjes { display: flex; flex-wrap: wrap; gap: var(--pp-r-1) var(--pp-r-3); }

/* het tabblad Klachten van de order: het vinkje Faal order onder de lijst (alleen lezen, zoals MultiPress) */
.m-klachten-faal-order { display: inline-flex; margin: var(--pp-r-2) 0 var(--pp-r-1); }