/* VvE Net Ledenbijdragen. Kleuren uit het thema, met terugvalwaarden. */
.bd-tabel, .bd-betaal, .bd-bulk, .bd-mijn { --_ink: var(--vn-ink, #14214F); --_groen: var(--vn-groen, #2346B8); --_vlak: var(--vn-vlak, #F3F6FB); --_zacht: var(--vn-zacht, #4A5677); --_spoed: var(--vn-spoed, #C4262E); --_ok: #0E7A3E; --_wit: var(--vn-wit, #fff); --_rand: var(--vn-rand, #6A7593); }
.bd-status--achter { background: color-mix(in srgb, var(--vn-spoed, #C4262E) 12%, #fff); color: var(--vn-spoed, #C4262E); }
.bd-status--vooruit { background: color-mix(in srgb, #0E7A3E 12%, #fff); color: #0E7A3E; }
.bd-rij--achter th { box-shadow: inset 4px 0 0 var(--vn-spoed, #C4262E); }
.bd-tabel input[type=checkbox] { width: 1.2rem; height: 1.2rem; min-height: 0; min-width: 0; padding: 0; margin: 0; border: 0; accent-color: var(--_groen); }
.bd-tabel td:first-child, .bd-tabel thead th:first-child { width: 1.6rem; padding-right: .25rem; }
.bd-tabel .vn-status { white-space: nowrap; }
.bd-tabel td:last-child { white-space: nowrap; }
.bd-tabel .vn-meta { font-size: .85rem; }
.bd-bulk { margin: 1rem 0 2rem; padding: 1rem 1.25rem; background: var(--_vlak); border-radius: 10px; }
.bd-bulk p { margin: 0 0 .6rem; }
.bd-bulk__knoppen { display: flex; flex-wrap: wrap; gap: .5rem; }
.bd-betaal { display: grid; grid-template-columns: max-content 1fr; gap: .35rem 1.25rem; margin: 0 0 1.25rem; padding: 1rem 1.25rem; background: var(--_vlak); border-radius: 10px; max-width: 36rem; }
.bd-betaal dt { color: var(--_zacht); }
.bd-betaal dd { margin: 0; font-weight: 700; font-variant-numeric: tabular-nums; word-break: break-word; }
.bd-mijn + .bd-mijn { margin-top: 2.5rem; padding-top: 1.5rem; border-top: 2px solid var(--_vlak); }
@media (max-width: 520px) { .bd-betaal { grid-template-columns: 1fr; } .bd-betaal dd { margin-bottom: .4rem; } }
@media print { .bd-bulk, .vn-tabs { display: none !important; } }