/* Gedeelde documentkiezer (meldpunt 3, 22-10-2026); bouwt op cds-modaal, cds-map en cds-chip. */
.dkz { height: min(760px, 92vh); }
.dkz-kick { display: block; font-size: 11px; letter-spacing: .06em; text-transform: uppercase; color: var(--text-3); margin: 0 0 2px !important; }
.dkz-balk { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; padding: 0 24px 12px; }
.dkz-zoek { flex: 1 1 280px; }
.dkz-chips { display: flex; gap: 6px; flex-wrap: wrap; }
.dkz-chips .cds-chip { cursor: pointer; }
.dkz-sets { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; padding: 0 24px 12px; }
.dkz-sets .cds-chip { cursor: pointer; }
.dkz-lbl { font-size: 12px; color: var(--text-3); margin-right: 4px; }
.dkz-melding { flex-basis: 100%; font-size: 12px; color: var(--text-2); }
.dkz-body { flex-direction: row !important; border-top: 1px solid var(--line); overflow: hidden !important; }
.dkz-mappen { width: 250px; flex: none; overflow-y: auto; padding: 10px 8px; border-right: 1px solid var(--line); display: flex; flex-direction: column; gap: 1px; }
.dkz-mappen .cds-map { cursor: pointer; }
.dkz-lijst { flex: 1; min-width: 0; overflow-y: auto; padding: 6px 16px 14px; }
.dkz-leeg { font-size: 13px; color: var(--text-3); padding: 14px 4px; margin: 0; }
.dkz-groep { font-size: 11px; font-weight: 600; letter-spacing: .04em; color: var(--text-3); padding: 12px 6px 4px; text-transform: uppercase; }
.dkz-rij { display: flex; align-items: center; gap: 10px; padding: 8px 8px; border-radius: 9px; cursor: pointer; font-size: 13px; }
.dkz-rij:hover { background: var(--bg-2); }
.dkz-rij.is-on { background: var(--brand-soft); }
.dkz-rij.is-al { cursor: default; opacity: .75; }
.dkz-rij input { flex: none; width: 16px; height: 16px; accent-color: var(--brand); }
.dkz-rij--kop { border-bottom: 1px solid var(--line); border-radius: 0; color: var(--text-2); font-size: 12.5px; margin-bottom: 2px; }
.dkz-rij__t { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.dkz-rij__t b { font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dkz-zwak { font-size: 11.5px; color: var(--text-3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dkz-tag { flex: none; font-size: 11px; padding: 2px 8px; border-radius: 999px; background: var(--bg-2); border: 1px solid var(--line); color: var(--text-3); }
.dkz-tag--let { color: var(--amber-tekst); border-color: color-mix(in srgb, var(--amber) 40%, transparent); background: color-mix(in srgb, var(--amber) 10%, transparent); }
.dkz-fout { padding: 8px 24px; }
@media (max-width: 760px) {
  .dkz { height: 94vh; }
  .dkz-body { flex-direction: column !important; overflow-y: auto !important; }
  .dkz-mappen { width: auto; max-height: 150px; border-right: none; border-bottom: 1px solid var(--line); }
  .dkz-lijst { overflow: visible; }
  .dkz-balk, .dkz-sets { padding-left: 16px; padding-right: 16px; }
}