.ok-form { max-width: 600px; }
.ok-kop { margin-bottom: 1.5em; }
.ok-datum { margin-bottom: 1.5em; }
#ok-gegevens {
  margin-top: 2em;
  padding-top: 1.5em;
  border-top: 1px solid #ccc;
  scroll-margin-top: 100px;
}
.ok-datum h4 { margin: 0 0 0.5em 0; }
.ok-slots { display: flex; flex-wrap: wrap; gap: 8px; }
.ok-slot {
  display: flex;
  flex-direction: column;
  padding: 10px 15px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background: #f4f4f4;
  color: black;
  cursor: pointer;
}
.ok-slot input { position: absolute; opacity: 0; pointer-events: none; }
.ok-slot-tijd { font-weight: bold; }
.ok-slot-plaatsen { font-size: 0.85em; }
.ok-slot:has(input:checked) { background: #0073aa; border-color: #005f8d; color: white; }
.ok-slot-vol { opacity: 0.5; cursor: not-allowed; }