/* app/ui-v59-systeem.css — Systeem (#n/zoek, modules/n-opzoeken.js) volgens artboard Systeem-1280 (v59 §5.7) en de kop uit Kop-375 (variant A).
   Bouwt voort op app/ui-laag-opzoeken.css (.nz-*) en app/ui-v59.css; hoort NA die twee ingeladen te worden.
   Kern links (zoekveld, wie opent/kwetsbaar op één regel, biedrooster, openingen), werkbank rechts (Raadplegen / Onderhouden /
   Doormeten / Weergave). Op de telefoon dezelfde blokken onder elkaar; de werkbank staat dan onder "Jullie openingen".
   Alleen de v59-tokens (--ul-*), geen nieuwe kleuren. */

/* ── indeling ── */
.n-in.nz{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}
.nz-hoofd{display:flex;flex-direction:column;gap:16px;min-width:0}
@media(min-width:1024px){
  .n-in.nz{grid-template-columns:minmax(0,1fr) 300px;gap:24px}
  /* de kolom is smal naast de werkbank: antwoorden, paneel en openingen onder elkaar */
  .nz-raster{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;grid-template-areas:"antw" "pan" "open";gap:16px}
  .nz-antwoorden{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:1200px){ .n-in.nz{grid-template-columns:minmax(0,1fr) 320px} }
/* de kaart "Uitgebreide weergave" van de schil is hier overbodig: de werkbank bevat dezelfde onderdelen */
.nz ~ .n-uitg-blok{display:none}

/* ── kaarten: artboard-padding (18/20) ── */
@media(min-width:1024px){ .n-in.nz .nz-kaart,.n-in.nz .nz-openkaart{padding:18px 20px} }

/* ── kern ── */
.nz-kern-kop{display:flex;flex-direction:column;gap:2px}
.nz-kern-eyebrow{margin:0;font-size:13px;line-height:1.35;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--ul-gedempt)}
/* filterregel: Wie opent + Kwetsbaar; op één regel waar de kolom breed genoeg is */
.nz-situatie{gap:8px 20px}
.nz-situatie .ul-segwrap{gap:8px;flex-wrap:nowrap}
.nz-situatie .ul-seglbl{white-space:nowrap}
.nz-situatie .ul-seg{flex-wrap:nowrap;padding:3px;gap:3px}
.nz-situatie .ul-seg-btn{min-height:44px;padding:0 10px;font-size:15px;font-weight:700;white-space:nowrap}
@media(min-width:1200px){ .nz-situatie{flex-wrap:nowrap} }
@media(max-width:479.98px){
  .nz-situatie .ul-segwrap{flex-wrap:wrap}
  .nz-situatie .ul-seg{flex-wrap:wrap}
}

/* ── biedrooster: vier cellen met de kolomkop erboven (artboard: cel 52 px, "?" oranje) ── */
.nz-vakken{gap:8px;margin-top:22px}
.nz-vakken .ul-bodkaart{position:relative;min-height:52px;padding:0 8px;border-radius:10px;align-items:center;justify-content:center;text-align:center;background:var(--ul-kaart);border:1px solid var(--ul-rand)}
.nz-vakken .ul-bodkaart-wie{position:absolute;left:0;right:0;top:-22px;font-size:13px;letter-spacing:0;text-transform:none;text-align:center;font-weight:700;color:var(--ul-gedempt)}
.nz-vakken .ul-bodkaart-bod{font-family:inherit;font-size:18px;font-weight:700;line-height:1.2}
.nz-vakken .ul-bodkaart-sub{display:none}
.nz-vakken .ul-bodkaart-volgende{border:2px solid var(--ul-oranje);background:var(--ul-oranje-tint)}
.nz-vakken .ul-bodkaart-volgende .ul-bodkaart-bod{color:var(--ul-oranje-tekst)}
.nz-vakken .ul-bodkaart-volgende .ul-bodkaart-wie{color:var(--ul-oranje-tekst)}
.nz-vakken .ul-bodkaart-gekozen{border:2px solid var(--ul-navy);background:var(--ul-kaart)}
.nz-vakken .ul-bodkaart-gekozen .ul-bodkaart-wie{color:var(--ul-gedempt)}
.dark .nz-vakken .ul-bodkaart-gekozen{border-color:var(--ul-tekst)}
.nz-vakken .ul-bodkaart-leeg{border:1px solid var(--ul-rand)}
.nz-vakken .ul-bodkaart-leeg .ul-bodkaart-bod{color:transparent}
@media(max-width:600px){ .nz-vakken .ul-bodkaart{padding:0 4px;min-height:52px} .nz-vakken .ul-bodkaart-bod{font-size:17px} }

/* ── Jullie openingen: kaart met niveau-chips en een lijst met Detail-knoppen ── */
.nz-openkaart{gap:14px}
.nz-open-kop{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}
.nz-open-meta{font-size:14px;color:var(--ul-gedempt)}
.nz-chips{display:flex;flex-wrap:wrap;gap:8px}
.nz-chip{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--ul-rand);
  background:var(--ul-kaart);color:var(--ul-tekst);font-family:inherit;font-size:15px;font-weight:700;cursor:pointer}
.nz-chip i{font-style:normal;font-size:13px;line-height:1.4;background:rgba(0,0,0,.08);border-radius:999px;padding:1px 7px}
.nz-chip.on{background:var(--ul-navy);border-color:var(--ul-navy);color:#fff}
.nz-chip.on i{background:rgba(255,255,255,.2)}
.dark .nz-chip.on{background:var(--ul-tekst);border-color:var(--ul-tekst);color:var(--ul-creme)}
.nz-chip:focus-visible,.nz-actie:focus-visible,.nz-wb-rij:focus-visible,.nz-rij-hoofd:focus-visible{outline:3px solid var(--ul-oranje);outline-offset:2px}
.nz-rijen{list-style:none;margin:0;padding:0}
/* S4 (20-10-2026): de hele regel kiest het bod (.nz-rij-hoofd is één grote knop); Bekijken/Bewerken staan ernaast (S5) */
.nz-rij{display:flex;align-items:flex-start;gap:8px 12px;padding:10px 0;border-bottom:1px solid var(--ul-rand2);cursor:pointer}
.nz-rij-hoofd{flex:1 1 auto;min-width:0;display:grid;grid-template-columns:64px minmax(0,1fr);gap:4px 16px;align-items:start;padding:6px 8px;margin:0;
  border:0;border-radius:10px;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
.nz-rij-hoofd:hover,.nz-rij.on .nz-rij-hoofd{background:var(--ul-creme)}
.nz-rij.on .nz-rij-bod{color:var(--ul-oranje-tekst)}
.nz-rij-punten{font-size:14px;font-weight:700;color:var(--ul-navy)}
.dark .nz-rij-punten{color:var(--ul-tekst)}
.nz-rij:last-child{border-bottom:0;padding-bottom:0}
.nz-rij-bod{font-family:var(--ul-kopfont);font-weight:700;font-size:24px;line-height:1.2}
.nz-rij-tekst{min-width:0;display:flex;flex-direction:column;gap:4px}
.nz-rij-zin{font-size:16px;line-height:1.45;overflow-wrap:anywhere}
.nz-rij-meta{font-size:14px;color:var(--ul-gedempt)}
.nz-rij-stand{display:block}
.nz-acties{display:flex;flex-wrap:wrap;gap:6px;flex:none;justify-content:flex-end;align-items:center;padding-top:4px}
.nz-actie{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 12px;border-radius:10px;border:1.5px solid var(--ul-navy);
  background:var(--ul-kaart);color:var(--ul-navy);font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap}
.nz-actie:hover{background:var(--ul-creme)}
.nz-actie[disabled]{opacity:.5;cursor:default}
.dark .nz-actie{border-color:var(--ul-tekst);color:var(--ul-tekst)}
@media(max-width:559.98px){
  .nz-rij{flex-direction:column;align-items:stretch}
  .nz-rij-hoofd{grid-template-columns:52px minmax(0,1fr)}
  .nz-rij .nz-acties{justify-content:flex-start;padding:0 0 0 76px}
}
.nz-openkaart .nz-openingen{margin-top:2px}

/* ── werkbank ── */
.nz-werkbank{min-width:0}
.nz-wb-kop{margin:20px 0 8px;font-family:inherit;font-size:13px;line-height:1.3;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--ul-gedempt)}
.nz-wb-kop:first-child{margin-top:0}
.nz-wb-lijst{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.nz-wb-rij{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:0 14px;box-sizing:border-box;background:var(--ul-kaart);border:1px solid var(--ul-rand);
  border-radius:12px;color:var(--ul-tekst);font-family:inherit;font-size:16px;font-weight:600;text-align:left;cursor:pointer}
.nz-wb-rij:hover{border-color:var(--ul-navy)}
.nz-wb-titel{min-width:0;overflow-wrap:anywhere}
.nz-wb-waarde{margin-left:auto;color:var(--ul-gedempt);font-weight:400;font-size:14px}
.nz-wb-badge{margin-left:auto;background:var(--ul-chip);color:var(--ul-navy);font-weight:700;border-radius:999px;padding:2px 9px;font-size:13px}
.dark .nz-wb-badge{color:var(--ul-tekst)}
.nz-wb-chev{margin-left:auto;color:var(--ul-gedempt);display:flex}
.nz-wb-weergave{display:flex;flex-direction:column}
.nz-sw{position:relative;display:flex;align-items:center;gap:10px;min-height:44px;font-size:15px;cursor:pointer}
.nz-sw-in{position:absolute;left:0;top:50%;width:44px;height:26px;margin:-13px 0 0;opacity:0;cursor:pointer}
.nz-sw-baan{position:relative;flex:none;width:44px;height:26px;border-radius:13px;background:var(--ul-zilver);transition:background .15s}
.nz-sw-baan::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:left .15s}
.nz-sw-in:checked + .nz-sw-baan{background:var(--ul-groen)}
.nz-sw-in:checked + .nz-sw-baan::after{left:21px}
.nz-sw-in:focus-visible + .nz-sw-baan{outline:3px solid var(--ul-oranje);outline-offset:2px}
.nz-sw-tekst{min-width:0}
@media(max-width:1023.98px){ .nz-werkbank{padding-bottom:8px} }

/* ── Schermbespreking 20-10-2026 (SR20 Systeem) ── */
/* S1: de schakelaar "Beheer en doormeten tonen" ook in de sub-tabbalk van de uitgebreide weergave */
.sys-beheer-strip{flex:none;font-size:13.5px}
/* het raster onder het verloop: één kolom (Beeld van het spel, antwoorden, meldregel) */
.n-in.nz .nz-raster{display:flex;flex-direction:column;align-items:stretch;gap:16px}
.nz-meldregel .n-voet{margin:0;font-size:14px;color:var(--ul-gedempt)}
.nz-meldregel .n-link{min-height:44px;background:none;border:0;padding:0 4px;color:var(--ul-navy);font-family:inherit;font-size:14px;font-weight:600;
  text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.dark .nz-meldregel .n-link{color:var(--ul-tekst)}
/* S3: één bullet per definitie */
.nz-defs{display:flex;flex-direction:column;gap:2px;margin-top:2px}
.nz-def{display:block;position:relative;padding-left:14px;font-size:14px;line-height:1.4;color:var(--ul-gedempt);overflow-wrap:anywhere}
.nz-def::before{content:"";position:absolute;left:2px;top:.6em;width:5px;height:5px;border-radius:50%;background:currentColor}
/* S2: herkomstlabel (alleen bij een bod dat niet gewoon uit het eigen systeem komt) */
.nz-laag{display:inline-block;margin-left:8px;padding:1px 8px;border-radius:999px;background:var(--ul-chip);color:var(--ul-navy);
  font-family:inherit;font-size:12.5px;font-weight:700;line-height:1.5;vertical-align:1px;white-space:normal}
.nz-laag-aanpassing-basis,.nz-laag-aanpassing-generiek{background:var(--ul-oranje-tint);color:var(--ul-oranje-tekst)}
.nz-laag-l0{background:var(--ul-groen-tint);color:var(--ul-tekst)}
.dark .nz-laag{color:var(--ul-tekst)}
/* S5/S6: kaartweergave met Bekijken/Bewerken onder de kaart */
.nz-optwrap{display:flex;flex-direction:column;gap:6px;min-width:0}
.nz-optwrap .ul-optie{flex:1 1 auto}
.nz-optwrap .nz-acties{justify-content:flex-start;padding:0}
.nz-optwrap .nz-actie{flex:1 1 auto;padding:0 8px}
@media(max-width:559.98px){
  .ne-bron-footer{flex-wrap:wrap}
  .ne-bron-footer #l0-bron-herstel{flex:1 0 100%;order:-1}
}
.nz-optwrap .ul-optie-tekst .nz-laag{margin-left:0;margin-top:4px}
/* S9: klein menu op een gedaan bod (tik; op desktop ook bij aanwijzen) */
.nz-bm{position:relative;display:block;min-width:0}
.nz-bm-kl{display:inline-block}
.nz-bm-menu{display:none;position:absolute;z-index:30;top:100%;left:0;margin-top:4px;flex-direction:column;min-width:210px;max-width:min(280px,86vw);font-family:'DM Sans',-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;font-weight:600;line-height:1.3;white-space:normal;
  background:var(--ul-kaart);border:1px solid var(--ul-rand);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.16);padding:4px;box-sizing:border-box}
.nz-bm-menu.nz-bm-r{left:auto;right:0}
.nz-bm.open .nz-bm-menu{display:flex}
@media(hover:hover) and (pointer:fine){ .nz-bm:hover .nz-bm-menu{display:flex} .nz-bm:hover .nz-bm-menu::before{content:"";position:absolute;left:0;right:0;top:-6px;height:6px} }
.nz-bm-item{display:flex;align-items:center;min-height:44px;padding:0 12px;border:0;border-radius:8px;background:none;color:var(--ul-tekst);
  font-family:inherit;font-size:15px;font-weight:600;text-align:left;cursor:pointer;white-space:normal}
.nz-bm-item:hover{background:var(--ul-creme)}
.nz-bm-item:focus-visible{outline:3px solid var(--ul-oranje);outline-offset:-3px}
.nz-bm-weg{color:var(--ul-rood)}
.nz-bm-vak .ul-bodkaart{width:100%}
.nz-kaart .n-rondes{cursor:default;padding:10px 16px}
.nz-kaart .n-rr-rij .n-rr-cel{min-width:0;overflow:visible}
.n-rr-bod{min-height:36px;padding:2px 6px;margin:-2px 0;border:0;border-radius:8px;background:none;color:inherit;font:inherit;cursor:pointer}
.n-rr-bod:hover,.nz-bm.open .n-rr-bod{background:var(--ul-kaart)}
.n-rr-bod:focus-visible{outline:3px solid var(--ul-oranje);outline-offset:1px}
.n-rr-bod.n-rr-opp{font-family:inherit;font-weight:500;font-size:14px;color:var(--ul-grijs)}
.n-rr-alles{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin-top:4px;padding:0;border:0;background:none;color:var(--ul-navy);
  font-family:inherit;font-size:14px;font-weight:600;cursor:pointer}
.dark .n-rr-alles{color:var(--ul-tekst)}
.nz-bm-cel{display:block}
.nz-bm-cel .n-cel{width:100%}
/* S10: zoekbalk met zichtbaar label en één regel uitleg */
.nz-zoekblok{display:flex;flex-direction:column;gap:6px}
.nz-zoek-label{font-size:15px;font-weight:700;color:var(--ul-tekst)}
.nz-zoek-hint{margin:0;font-size:13.5px;line-height:1.45;color:var(--ul-gedempt)}
.nz-zoek-tel{margin:0 0 6px;font-size:14px;font-weight:600;color:var(--ul-gedempt)}
/* S12: Beeld van het spel */
.nz-beeld{gap:12px;width:100%;box-sizing:border-box}
.nz-lijstkaart{padding-top:4px;padding-bottom:4px}
.nz-beeld-kop{display:flex;flex-direction:column;gap:2px}
.nz-beeld-sub{margin:0;font-size:14px;color:var(--ul-gedempt)}
.nz-beeld-paar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px}
.nz-bh{min-width:0;display:flex;flex-direction:column;gap:6px}
.nz-bh-kop{margin:0;font-family:inherit;font-size:16px;font-weight:700}
.nz-bh-kop span{display:block;font-size:13px;font-weight:500;color:var(--ul-gedempt)}
.nz-bh-leeg{margin:0;font-size:14px;color:var(--ul-gedempt)}
.nz-bh-rijen{display:flex;flex-direction:column;gap:5px}
.nz-bh-rij{display:grid;grid-template-columns:4.4em minmax(24px,1fr) auto;align-items:center;gap:8px;font-size:14px}
.nz-bh-l{font-weight:700;min-width:1.4em}
.nz-bh-baan{position:relative;display:block;height:10px;border-radius:5px;background:var(--ul-rand2);overflow:hidden}
.nz-bh-baan i{position:absolute;top:0;bottom:0;border-radius:5px;background:var(--ul-navy)}
.dark .nz-bh-baan i{background:var(--ul-tekst)}
.nz-bh-open{background:repeating-linear-gradient(90deg,var(--ul-rand2) 0 6px,transparent 6px 10px)}
.nz-bh-w{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;min-width:3.2em;text-align:right}
.nz-bh-extra,.nz-bh-ontk,.nz-bh-types{margin:0;font-size:13.5px;line-height:1.45;color:var(--ul-gedempt);overflow-wrap:anywhere}
.nz-bh-ontk b{color:var(--ul-tekst)}
.nz-bh-types b{color:var(--ul-tekst);font-weight:600}.nz-bh-types ul{margin:2px 0 0;padding:0;list-style:none}.nz-bh-types li{margin:0;overflow-wrap:normal}.nz-bh-tok{white-space:nowrap}
.nz-beeld-samen{margin:0;padding-top:8px;border-top:1px solid var(--ul-rand2);font-size:14px;font-weight:600}
@media(max-width:479.98px){ .nz-beeld-paar{gap:12px} .nz-bh-rij{font-size:13.5px;gap:6px} .nz-bh-w{min-width:2.6em} }
/* S5/S7: de specificatie van een bod in de modal (Bekijken) */
.nz-specs{display:flex;flex-direction:column;gap:12px;min-width:0}
.nz-sp-kop{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.nz-sp-bod{font-family:var(--ul-kopfont);font-size:32px;font-weight:700;line-height:1}
.nz-sp-kop .nz-laag{margin-left:0}
.nz-sp-sit{font-size:13px;color:var(--ul-gedempt)}
.nz-sp-reeks{padding:8px 12px;border:1px solid var(--ul-rand);border-radius:10px;background:var(--ul-creme)}
.nz-sp-conv{margin:0;font-weight:700}
.nz-sp-bet{margin:0;font-size:16px;line-height:1.5}
.nz-sp-feiten{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:0}
.nz-sp-rij{background:var(--ul-creme);border-radius:10px;padding:10px 12px;min-width:0}
.nz-sp-rij dt{font-size:13px;color:var(--ul-gedempt)}
.nz-sp-rij dd{margin:2px 0 0;font-size:17px;font-weight:700;overflow-wrap:anywhere}
.nz-sp-rij .n-afgeleid,.nz-sp-rij .nz-sp-afgeleid{display:block;white-space:normal;padding:0;margin:2px 0 0;background:none;font-size:12.5px;font-weight:500;color:var(--ul-gedempt)}
.nz-sp-oranje dd{color:var(--ul-oranje-tekst)}
.nz-sp-h3{margin:0 0 4px;font-family:inherit;font-size:14px;font-weight:700}
.nz-sp-lijst{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:3px;font-size:15px}
.nz-sp-regel summary{min-height:44px;display:flex;align-items:center;font-weight:600;cursor:pointer}
.nz-sp-regel p{margin:4px 0 0}
.nz-sp-noot{margin:0;padding:8px 12px;border-left:3px solid var(--ul-oranje);background:var(--ul-oranje-tint);font-size:14px;line-height:1.5}
.nz-sp-acties{display:flex;flex-wrap:wrap;gap:8px}
.nz-sp-acties .ul-knop{flex:1 1 200px;min-height:44px}

/* ── SR23 (melding Dafydd 21-10-2026): "Bod bewerken" leesbaar voor 55+ ───────────────────────────
   Het formulier (modules/editor/knoop.js) bouwt veel kleine inline maten (9–12 px) en lichte kleuren
   (--hint/--muted haalden geen 4,5:1). Binnen .ne-leesbaar: labels en hints ≥ 13 px, invoer 16 px
   (ook: geen zoom-sprong op iOS), knoppen en vinkjes groot genoeg om te raken, en tekstkleur --txt2
   (light 6,8:1 · dark 9:1). Bewust met !important: de inline stijlen van het formulier winnen anders. */
.modal:has(.ne-leesbaar) .mhead .fh{font-size:20px!important}
#modals .ne-leesbaar{font-size:15px;line-height:1.5;color:var(--txt)}
#modals .ne-leesbaar .lbl,#modals .ne-leesbaar .hdrlbl{font-size:13px!important;letter-spacing:.06em;color:var(--txt2)!important}
#modals .ne-leesbaar summary{font-size:14px!important;color:var(--txt2)!important;min-height:44px;display:flex;align-items:center}
#modals .ne-leesbaar .inp,#modals .ne-leesbaar .ta,#modals .ne-leesbaar .sel,
#modals .ne-leesbaar input:not([type=checkbox]):not([type=radio]),#modals .ne-leesbaar select,#modals .ne-leesbaar textarea{font-size:16px!important;min-height:44px;color:var(--txt)}
#modals .ne-leesbaar textarea{line-height:1.5}
#modals .ne-leesbaar input[type=checkbox],#modals .ne-leesbaar input[type=radio]{width:20px;height:20px;flex:none}
#modals .ne-leesbaar button{font-size:15px!important;min-height:40px}
#modals .ne-leesbaar [style*="font-size:9px"],#modals .ne-leesbaar [style*="font-size:9.5px"],
#modals .ne-leesbaar [style*="font-size:10px"],#modals .ne-leesbaar [style*="font-size:10.5px"],
#modals .ne-leesbaar [style*="font-size:11px"],#modals .ne-leesbaar [style*="font-size:11.5px"],
#modals .ne-leesbaar [style*="font-size:12px"]{font-size:13px!important;line-height:1.5}
#modals .ne-leesbaar [style*="font-size:12.5px"],#modals .ne-leesbaar [style*="font-size:13px"],
#modals .ne-leesbaar [style*="font-size:13.5px"]{font-size:15px!important}
#modals .ne-leesbaar [style*="color:var(--hint)"],#modals .ne-leesbaar [style*="color:var(--muted)"]{color:var(--txt2)!important}
#modals .ne-leesbaar .seatpill{font-size:14px!important;padding:4px 12px 4px 6px}
#modals .ne-leesbaar .seatb{font-size:13px!important;min-width:22px;min-height:22px}
@media (max-width:600px){#modals .ne-leesbaar label:has(#ne-forcing){flex-wrap:wrap}#modals .ne-leesbaar #ne-forcing{max-width:none!important;width:100%}}


/* Speelse feedback voor Systeem: kleine beweging, geen wachttijd of maatverandering.
   De editor gebruikt zijn bestaande modalIn; geen tweede entree op het formulier.
   Geen stagger of blijvende animatie: ook een lange lijst blijft meteen bedienbaar. */
@media(prefers-reduced-motion:no-preference){
  .nz :is(.ul-optie,.ul-bodkaart,.nz-rij-hoofd,.nz-actie,.nz-chip):not(:disabled):not([aria-disabled="true"]),
  #modals .ne-leesbaar :is(.btn-acc,.btn-ghost,.ne-dtab):not(:disabled){
    transition:transform .16s cubic-bezier(.22,1,.36,1),box-shadow .16s ease,background-color .12s ease,border-color .12s ease;
  }
  @media(hover:hover) and (pointer:fine){
    .nz :is(.ul-optie,.ul-bodkaart,.nz-rij-hoofd):not(:disabled):not([aria-disabled="true"]):hover{
      transform:translateY(-2px);box-shadow:0 4px 12px rgba(28,46,74,.12);
    }
    .nz :is(.nz-actie,.nz-chip):not(:disabled):hover,
    #modals .ne-leesbaar :is(.btn-acc,.btn-ghost):not(:disabled):hover{transform:translateY(-1px)}
  }
  .nz :is(.ul-optie,.ul-bodkaart,.nz-rij-hoofd,.nz-actie,.nz-chip):not(:disabled):not([aria-disabled="true"]):active,
  #modals .ne-leesbaar :is(.btn-acc,.btn-ghost,.ne-dtab):not(:disabled):active{
    transform:translateY(1px) scale(.985);box-shadow:none;transition-duration:.07s;
  }
  .nz-antwoorden,.nz-openkaart .nz-rijen,.nz-lijstkaart .nz-rijen{animation:nz-keuzes-in .18s cubic-bezier(.22,1,.36,1)}
  .nz-bm-menu{animation:nz-menu-in .14s ease-out;transform-origin:top left}
  .nz-bm-menu.nz-bm-r{transform-origin:top right}
  .modal:has(.ne-leesbaar){animation-timing-function:cubic-bezier(.2,1.12,.35,1)}
}
@keyframes nz-keuzes-in{from{opacity:.82;transform:translateY(4px)}to{opacity:1;transform:none}}
@keyframes nz-menu-in{from{opacity:.7;transform:translateY(-3px) scale(.985)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){
  .nz :is(.ul-optie,.ul-bodkaart,.nz-rij-hoofd,.nz-actie,.nz-chip),
  #modals .ne-leesbaar :is(.btn-acc,.btn-ghost,.ne-dtab){transition:none}
  .nz-antwoorden,.nz-openkaart .nz-rijen,.nz-lijstkaart .nz-rijen,.nz-bm-menu,.modal:has(.ne-leesbaar){animation:none}
  .nz .nz-sw-baan,.nz .nz-sw-baan::after{transition:none}
}