/* Data-tabel voor de back-office (acties, vrijwilligers, locaties, ...).
   Vlakke kaart-stijl: volledige 1px-rand + lichte schaduw, geen linker-accentbalk.
   Op smalle schermen scrollt de tabel binnen zijn eigen kader (.tabel-scroll),
   zodat de pagina zelf niet horizontaal schuift (responsiviteit, besluit B-28). */

/* Scroll-kader: horizontale overflow blijft binnen de tabel, niet op de pagina. */
.tabel-scroll {
  overflow-x: auto;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--paper);
  box-shadow: var(--shadow);
  -webkit-overflow-scrolling: touch;
}

.datatabel {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--fs-data); /* uniforme datamaat (tokens.css) */
}
.datatabel th,
.datatabel td {
  padding: 10px 14px;
  text-align: left;
  border-bottom: 1px solid var(--line);
  white-space: nowrap;
}
.datatabel thead th {
  background: var(--bg-50);
  color: var(--blue-700);
  font-weight: 600;
  font-size: var(--fs-data);
  letter-spacing: .04em;
  text-transform: uppercase;
}
.datatabel tbody tr:last-child td { border-bottom: 0; }
.datatabel tbody tr:hover { background: var(--sidebar-active); }
/* Getalkolommen lijnen LINKS uit, zoals alle waarden (verzoek 12/06/2026);
   alleen de cijferweergave blijft vast (tabular-nums) voor rustige kolommen. */
.datatabel .num { font-variant-numeric: tabular-nums; }