/* Copyright (c) 2026 Rajesh Krishnasing. Alle rechten voorbehouden. */
/* PrimaPress, module portaalaanvraag: de paar eigen stijlen (klassen m-portaalaanvraag-...); verder de klassen van app.css.
 * PrimaPress 2.0 (W8-ui): alleen tokens van tokens.css (docs/DESIGNSYSTEEM.md 8.4). */

/* een aanvraag van het productieportaal: een rode streep links in de wachtrij (bouwplan 5.7 punt 1) */
.zoektabel tr.m-portaalaanvraag-productie td:first-child { border-left: var(--pp-r-1) solid var(--rood); }

.m-portaalaanvraag-tellers { margin-top: 0; }
.zoektabel td.m-portaalaanvraag-breed { min-width: 150px; }
/* de regels van het overzicht hebben hun eigen nummer ("1. DTP / Digitale producten, ..."), zoals de bevestiging van stap 1 */
.m-portaalaanvraag-overzicht { margin: var(--pp-r-1) 0 0; padding-left: var(--pp-r-1); list-style: none; }
.m-portaalaanvraag-overzicht li { margin: var(--pp-r-1) 0; }
.m-portaalaanvraag-ps { max-width: 260px; }
.m-portaalaanvraag-klant { max-width: 100%; }
.m-portaalaanvraag-opmerking { margin: var(--pp-r-2) 0 0; }
.m-portaalaanvraag-opmerking .tekstblok { margin-top: var(--pp-r-1); }

.m-portaalaanvraag-sub {
  margin: var(--pp-r-1) 0; border: thin solid var(--pp-rand); border-radius: var(--pp-straal-m); background: var(--pp-vlak);
}
.m-portaalaanvraag-sub > summary { cursor: pointer; padding: var(--pp-r-2) var(--pp-r-3); font-weight: var(--pp-gewicht-vet); color: var(--pp-kop); }
.m-portaalaanvraag-subinhoud { padding: 0 var(--pp-r-3) var(--pp-r-2); }
.m-portaalaanvraag-checklist th { width: 140px; }

.m-portaalaanvraag-toevoegen { white-space: nowrap; }
.m-portaalaanvraag-toevoegen select { max-width: 220px; }
.m-portaalaanvraag-zoek { margin: var(--pp-r-2) 0; display: flex; flex-wrap: wrap; align-items: center; gap: var(--pp-r-1); }
.m-portaalaanvraag-zoek input[type=search] { min-width: 260px; }
.m-portaalaanvraag-tab .kaart { margin-top: var(--pp-r-3); }
@media (max-width: 760px) { .m-portaalaanvraag-zoek input[type=search] { min-width: 0; width: 100%; } }