/* vkbeheer.css — de regels van de verkoopstraat (Verkoopstraat v7 §8, V8).
   Vier blokken onder elkaar, elk met zijn regelsetversie zichtbaar in de
   kop. Dat is geen detail: het is de reden dat een oude offerte over een
   jaar nog uit te leggen valt. Alleen tokens. */
.vbr-wortel { max-width: 1240px; margin: 0 auto; width: 100%; padding: 26px 32px 72px;
  display: flex; flex-direction: column; gap: 14px; }

.vbr-hoofd h1 { font-size: 24px; font-weight: 800; letter-spacing: -.02em; margin: 2px 0 0; }
.vbr-lead { margin: 6px 0 0; max-width: 70ch; font-size: .78rem; line-height: 1.6; color: var(--c-ink-2); }

.vbr-blokken { display: flex; flex-direction: column; gap: 12px; }
.vbr-kaart { background: #fff; border: var(--lijndikte) solid var(--c-lijn); border-radius: var(--radius);
  padding: 14px 16px; box-shadow: var(--schaduw-tegel); }
.vbr-kop { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.vbr-kop h3 { margin: 0; font-size: .92rem; font-weight: 800; letter-spacing: -.01em; }
.vbr-versie { text-align: right; font-size: .64rem; color: var(--c-ink-3); white-space: nowrap;
  background: var(--c-paneel); border: var(--lijndikte) solid var(--c-lijn);
  border-radius: var(--radius); padding: 6px 11px; line-height: 1.5; }
.vbr-versie em { font-style: normal; }

.vbr-tabel { width: 100%; border-collapse: collapse; margin-top: 11px; }
.vbr-tabel th { text-align: left; vertical-align: top; width: 170px; padding: 8px 12px 8px 0;
  border-top: var(--lijndikte) solid var(--c-lijn); font-size: .74rem; font-weight: 700; color: var(--c-ink-2); }
.vbr-tabel td { padding: 8px 0; border-top: var(--lijndikte) solid var(--c-lijn); }
.vbr-w { display: inline-flex; flex-direction: column; gap: 1px; margin: 0 18px 6px 0; }
.vbr-w em { font-style: normal; font-size: .6rem; text-transform: uppercase; letter-spacing: .05em;
  color: var(--c-ink-3); font-weight: 700; }
.vbr-w b { font-size: .82rem; font-weight: 700; font-variant-numeric: tabular-nums; }

.vbr-akties { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-top: 12px; }
.vbr-let { font-size: .72rem; color: var(--c-ink-3); line-height: 1.6; margin: 5px 0 0; }
.vbr-groep { border-top: var(--lijndikte) solid var(--c-lijn); padding-top: 10px; margin-top: 10px; }
.vbr-groep:first-of-type { border-top: 0; padding-top: 0; margin-top: 0; }
.vbr-meld { background: var(--c-paneel); border: var(--lijndikte) solid var(--c-lijn);
  border-radius: var(--radius); padding: 10px 13px; font-size: .75rem; line-height: 1.6;
  color: var(--c-ink-2); margin-top: 12px; }
.vbr-meld b { color: var(--c-ink); }

/* de marge-ondergrens per maatregel: haalt de prijslijst hem? */
.vbr-tabel tr.is-let th { color: var(--c-amber); }
.vbr-waar, .vbr-ok, .vbr-toel { font-style: normal; display: block; font-weight: 400;
  font-size: .64rem; line-height: 1.45; margin-top: 2px; }
.vbr-waar { color: var(--c-amber); }
.vbr-ok, .vbr-toel { color: var(--c-ink-3); }