/* Copyright (c) 2026 Rajesh Krishnasing. Alle rechten voorbehouden. */
/* PrimaPress, module basisprijs: het venster Basisprijs uitrekenen (PrimaPress 2.0, pakket W4-ui). Alleen de indeling
 * van dit scherm (klassen m-basisprijs-...): kleur, letter, randen, afronding en schaduw komen uit de componenten van
 * app.css (raster, rooster, feitenbalk, meldingen, kaart) en de tokens van de laag betekenis. */

.m-basisprijs-invoer { padding-bottom: var(--pp-r-1); }
.m-basisprijs-paneel { margin-top: var(--pp-r-1); }
.m-basisprijs-paneel .blokkop { margin-top: var(--pp-r-2); }
.m-basisprijs-leeg { visibility: hidden; }

/* drie oplagen naast elkaar, zoals de kolommen van MultiPress */
.m-basisprijs-oplagen { display: flex; gap: var(--pp-r-2); }
.m-basisprijs-oplagen input { width: 33%; min-width: 0; max-width: 90px; }

/* een aanvullende dienst: de keuze en het aantal op een regel */
.m-basisprijs-dienst { display: flex; gap: var(--pp-r-2); }
.m-basisprijs-dienst select { flex: 1 1 auto; min-width: 0; }
.m-basisprijs-dienst input { width: 70px; flex: 0 0 auto; }

/* de kop boven de uitkomst: de titel met het skelet of de stand van het rekenen ernaast */
.m-basisprijs-kop { display: flex; align-items: baseline; flex-wrap: wrap; gap: var(--pp-r-3); }
.m-basisprijs-kop .sub { margin: 0; }

/* de uitkomst: eerst de verkoopprijs per oplage in een blik (feitenbalk), dan de meldingen en de opbouw */
.m-basisprijs-feiten { margin: 0 0 var(--pp-r-3); }
.m-basisprijs-uitkomst .let, .m-basisprijs-uitkomst .tip, .m-basisprijs-uitkomst .info { margin-bottom: var(--pp-r-3); }
.m-basisprijs-uitkomst ul, .m-basisprijs-kostprijs ul { margin: var(--pp-r-1) 0 0; padding-left: var(--pp-r-5); }

/* de prijsopbouw: posten, dan de stappen tot de verkoopprijs */
table.m-basisprijs-opbouw td .sub { white-space: nowrap; }
table.m-basisprijs-opbouw tr.m-basisprijs-info th, table.m-basisprijs-opbouw tr.m-basisprijs-info td {
  color: var(--pp-tekst-3); font-style: italic;
}

.m-basisprijs-kostprijs { margin-top: var(--pp-r-3); }
.m-basisprijs-kostprijs .feitenbalk { margin-bottom: var(--pp-r-3); }

/* het venster Basisprijs overnemen? */
.m-basisprijs-overnemen ul { margin: var(--pp-r-2) 0; padding-left: var(--pp-r-5); }