/* Copyright (c) 2026 Rajesh Krishnasing. Alle rechten voorbehouden. */
/* PrimaPress, module inkoopfacturen: het Zoekvenster en het Invoervenster inkoopfacturen 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 voor ruimte. Kleur, letter, rand en afronding komen uit de componenten van kern.js (tabel, rooster, melding,
 * feitenbalk); eigen klassen beginnen met m-inkoopfacturen-. */

/* Zoekvenster: het vinkje in de kolom Verwerkt (in de gekozen regel de kleur van de regel) */
.m-inkoopfacturen-vink { color: var(--pp-ok-tekst); }
.zoektabel tr.gekozen .m-inkoopfacturen-vink { color: inherit; }

/* Invoervenster: de regels, breed genoeg voor elf kolommen (op een smal scherm schuift de tabel opzij) */
.m-inkoopfacturen-regels { margin: var(--pp-r-2) 0 var(--pp-r-3); }
table.m-inkoopfacturen-regeltabel { min-width: 1180px; }
table.m-inkoopfacturen-regeltabel th { white-space: nowrap; }
table.m-inkoopfacturen-regeltabel td { vertical-align: top; overflow-wrap: normal; }
table.m-inkoopfacturen-regeltabel input, table.m-inkoopfacturen-regeltabel select { width: 100%; min-width: 0; }
table.m-inkoopfacturen-regeltabel input.kort { width: 90px; }
table.m-inkoopfacturen-regeltabel input.getal { width: 104px; }
table.m-inkoopfacturen-regeltabel input.getal.kort { width: 70px; }
table.m-inkoopfacturen-regeltabel select.m-inkoopfacturen-inkoop { width: 230px; }
table.m-inkoopfacturen-regeltabel input.m-inkoopfacturen-oms { min-width: 170px; }
table.m-inkoopfacturen-regeltabel select.m-inkoopfacturen-soort { width: 150px; }
table.m-inkoopfacturen-regeltabel select.m-inkoopfacturen-btw { width: 70px; }
tr.m-inkoopfacturen-uitlegrij td { padding-top: 0; }
.m-inkoopfacturen-uitleg ul { margin: 0; padding-left: var(--pp-r-5); }
.m-inkoopfacturen-ordermelding { max-width: 110px; overflow-wrap: anywhere; }
.m-inkoopfacturen-balk { display: flex; gap: var(--pp-r-3); flex-wrap: wrap; align-items: center; margin: var(--pp-r-2) 0 var(--pp-r-1); }
.m-inkoopfacturen-rij { display: flex; gap: var(--pp-r-2); align-items: center; }

/* De voet: links het controletotaal met Boekjaar en Periode (eis FILM-11), rechts de bedragen als rooster */
.m-inkoopfacturen-voetvak { display: flex; gap: var(--pp-r-6); justify-content: space-between; align-items: flex-start; flex-wrap: wrap;
  margin: var(--pp-r-1) 0 var(--pp-r-3); }
.m-inkoopfacturen-controle { flex: 1 1 280px; max-width: 520px; min-width: 0; }
.m-inkoopfacturen-controle p { margin: var(--pp-r-1) 0; }
.m-inkoopfacturen-totalen { flex: 0 1 470px; min-width: 0; margin-left: auto; }
.m-inkoopfacturen-totalen input.getal { width: 64px; display: inline-block; }

/* Tabblad Inkoopfacturen op de order */
.m-inkoopfacturen-order .lijstje li { margin: 0 0 var(--pp-r-2); }