td {
        padding-inline: calc(var(--spacing) * 4);
        padding-block: calc(var(--spacing) * 2);
        vertical-align: middle;
        &:has([role=checkbox]) {
          padding-inline-end: calc(var(--spacing) * 0);
        }
    }

.max-w-\[1000px\] {
  max-width: 1000px;
}
.max-w-\[1200px\] {
  max-width: 1200px;
}
.max-w-\[1400px\] {
  max-width: 1400px;
}
.max-w-\[1600px\] {
  max-width: 1600px;
}

    .preview-img {
      display: none;
      max-width: 200px;
    }
/* @media (max-width: 576px) { */
@media (max-width: 800px) {
  /* Verklein padding binnen kaarten */
  .card {
    padding: 0.1rem !important;
  }

  /* Verklein marges rondom kaarten */
  .card + .card {
    margin-top: 0.1rem !important;
  }

  /* Tabellen compacter */
  table td,
  table th {
    padding: 0.2rem !important;
  }

  /* Verklein header/logo ruimte */
  .header {
    padding: 0.1rem 1rem !important;
  }

  /* Zet rand-radius lager voor compact uiterlijk */
  .card, .table, .form-control {
    border-radius: 6px !important;
  }
}