/* Copyright (c) 2026 Rajesh Krishnasing. Alle rechten voorbehouden. */
/* PrimaPress, module portaalorders: de paar eigen stijlen (klassen m-portaalorders-...); verder de klassen van app.css.
 * PrimaPress 2.0 (W8-ui): alleen tokens van tokens.css (docs/DESIGNSYSTEEM.md 8.4); geen kleurcode, lettermaat of getal in
 * een afronding, schaduw of rand. */

/* een order van het productieportaal: een rode streep links in de lijst */
.zoektabel tr.m-portaalorders-productie td:first-child { border-left: var(--pp-r-1) solid var(--rood); }

.m-portaalorders-tellers { margin-top: 0; }
.zoektabel td.m-portaalorders-breed, td.m-portaalorders-breed { min-width: 160px; }
.m-portaalorders-klant { max-width: 100%; }

/* de keuze van de calculatie: een nummer intikken, of zonder offerte */
.m-portaalorders-calckeuze { margin-top: var(--pp-r-1); display: flex; flex-wrap: wrap; align-items: center; gap: var(--pp-r-1); }
.m-portaalorders-calckeuze input { width: 130px; }

/* de transportkosten: het vinkje en de productsoort naast elkaar */
.m-portaalorders-transport { display: flex; flex-wrap: wrap; align-items: center; gap: var(--pp-r-2); }
.m-portaalorders-transport .m-portaalorders-transport-ps { max-width: 260px; }

/* de suborders in het venster Portaalorder verwerken */
.m-portaalorders-regels select { max-width: 240px; }
.m-portaalorders-regels td { vertical-align: top; }

/* het tabblad Portaal op de order */
.m-portaalorders-tab > .feiten, .m-portaalorders-tab > .feitenbalk { margin: var(--pp-r-2) 0 var(--pp-r-3); }
.m-portaalorders-tab .tabbladen.m-portaalorders-sub { margin-top: var(--pp-r-2); }
.m-portaalorders-tab .tabpaneel .kaart { margin-top: var(--pp-r-2); }
.m-portaalorders-historie { margin: var(--pp-r-1) 0 0; padding-left: var(--pp-r-4); }
.m-portaalorders-historie > li { margin: var(--pp-r-1) 0; }
.m-portaalorders-historie ul { margin: var(--pp-r-1) 0 0; padding-left: var(--pp-r-4); color: var(--pp-tekst); }

/* de uitkomst van Controleren en Inlezen in het venster Vastleggingen */
.m-portaalorders-uitkomst { margin-top: var(--pp-r-2); }
.m-portaalorders-uitkomst .tabelrol { max-height: 320px; overflow: auto; }

/* de gedeelde map van de offerteknop: de laatste run (W8-ui) */
.m-portaalorders-gedeeld { margin-top: var(--pp-r-3); }