/* =====================================================================
   nazorg.css — Module 2.9 · Nazorg & service. Tickets, cases, garantie,
   help-center, config, analyse en feedback. Uitsluitend tokens; losse
   gradients per module toegestaan (aanvulling 14-07-2026).
===================================================================== */

.nz { max-width: 1240px; margin: 0 auto; padding: 26px 32px 72px; }
.nz-kop { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 16px; }
.nz-kop h1 { margin: 2px 0 4px; font-size: 1.35rem; }
.nz-kop p { margin: 0; font-size: .8rem; color: var(--c-ink-2); max-width: 56ch; }
.nz-tabs { display: flex; gap: 6px; flex-wrap: wrap; }
.nz-tab { font: 700 .72rem var(--font-ui); padding: 8px 12px; border-radius: var(--radius-pill); border: var(--lijndikte) solid var(--c-lijn-2); background: #fff; color: var(--c-ink-2); cursor: pointer; transition: background var(--overgang), color var(--overgang); }
.nz-tab:hover { background: var(--c-creme); }
.nz-tab.is-actief { background: var(--c-ink); border-color: var(--c-ink); color: #fff; }

.nz-chip { padding: 6px 13px; border-radius: var(--radius-pill); cursor: pointer; font: 600 .74rem var(--font-ui); border: var(--lijndikte) solid var(--c-lijn-2); background: #fff; color: var(--c-ink-2); }
.nz-chip:hover { background: var(--c-creme); }
.nz-chip.is-actief { background: var(--c-ink); border-color: var(--c-ink); color: #fff; }
.nz-chip--klein { padding: 5px 11px; font-size: .68rem; }
.nz-caserij { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; margin-bottom: 14px; }
.nz-caserij__rek { flex: 1; }
.nz-teller { font: 600 .7rem var(--font-ui); color: var(--c-ink-3); }
.nz-typechip { font: 600 .6rem var(--font-ui); padding: 2px 8px; border-radius: 7px; background: var(--c-paneel); color: var(--c-ink-2); white-space: nowrap; }
.nz-jurchip { font-size: .56rem; font-weight: 700; letter-spacing: .04em; padding: 2px 7px; border-radius: var(--radius-pill); color: var(--c-ink-2); background: var(--c-paneel); }
.nz-bag { font-size: .62rem; color: var(--c-ink-3); }

/* veld-signalen (werkbon → nazorg) */
.nz-veld { border: var(--lijndikte) solid var(--c-terra); border-radius: var(--radius); background: var(--c-terra-t); padding: 14px 16px; margin-bottom: 16px; }
.nz-veld__kop { display: flex; align-items: center; gap: 9px; margin-bottom: 11px; flex-wrap: wrap; }
.nz-veld__kop > i { width: 8px; height: 8px; border-radius: 50%; background: var(--c-terra); outline: 4px solid #fff; }
.nz-veld__kop strong { font-size: .88rem; }
.nz-veld__cnt { font-size: .62rem; font-weight: 600; color: var(--c-terra-d); background: #fff; padding: 2px 8px; border-radius: var(--radius-pill); }
.nz-veld__sub { margin-left: auto; font: 400 .68rem var(--font-ui); color: var(--c-ink-3); }
.nz-veld__lijst { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 9px; }
.nz-veld__kaart { display: flex; align-items: center; gap: 11px; padding: 11px 13px; border-radius: 12px; background: #fff; border: var(--lijndikte) solid var(--c-lijn); }
.nz-veld__kaart > i { width: 3px; align-self: stretch; border-radius: 2px; background: var(--c-terra); flex: none; }
.nz-veld__kaart > div { flex: 1; min-width: 0; }
.nz-veld__desc { display: flex; align-items: center; gap: 7px; margin-bottom: 3px; flex-wrap: wrap; }
.nz-veld__desc strong { font-size: .74rem; }
.nz-veld__sev { font-size: .56rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; padding: 2px 7px; border-radius: 5px; color: #fff; background: var(--c-terra); }
.nz-veld__kaart span { font: 500 .64rem var(--font-ui); color: var(--c-ink-2); }

/* master-detail-splitsing */
.nz-splitsing { display: grid; grid-template-columns: 340px 1fr; gap: 14px; align-items: start; margin-bottom: 14px; }
.nz-splitsing--case { grid-template-columns: 330px 1fr; }
.nz-splitsing--gar { grid-template-columns: 340px 1fr; }
@media (max-width: 1100px) { .nz-splitsing { grid-template-columns: 1fr; } }
.nz-lijst { display: flex; flex-direction: column; gap: 9px; max-height: 660px; overflow-y: auto; }
.nz-lijst__kop { display: flex; align-items: center; justify-content: space-between; padding: 2px 4px; }
.nz-lijst__kop strong { font-size: .9rem; }
.nz-lijst__kop .mono { font-size: .64rem; color: var(--c-ink-3); }

.nz-ticket, .nz-case, .nz-profiel { text-align: left; display: flex; flex-direction: column; gap: 5px; padding: 13px 15px; border-radius: 12px; border: 1.5px solid var(--c-lijn); background: #fff; cursor: pointer; font-family: var(--font-ui); transition: border-color var(--overgang); }
.nz-ticket.is-actief, .nz-case.is-actief, .nz-profiel.is-actief { border-color: var(--c-groen); background: var(--c-groen-t); }
.nz-ticket.is-jur:not(.is-actief) { border-color: var(--c-lijn-2); background: var(--c-paneel); }
.nz-ticket__kop, .nz-profiel__kop { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.nz-ticket__kop .mono, .nz-case__id { font-size: .62rem; color: var(--c-ink-3); }
.nz-ticket__chips { display: flex; align-items: center; gap: 6px; }
.nz-ticket strong, .nz-case strong, .nz-profiel strong { font-size: .8rem; }
.nz-ticket__voet, .nz-case__voet, .nz-case__kop { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.nz-ticket__klant { margin-left: auto; font: 500 .7rem var(--font-ui); color: var(--c-ink-3); }
.nz-case__kop i { width: 7px; height: 7px; border-radius: 50%; flex: none; }
.nz-sla { margin-left: auto; font-size: .62rem; font-weight: 700; padding: 2px 9px; border-radius: var(--radius-pill); background: var(--c-creme); }
.nz-freeze { font-size: .56rem; font-weight: 700; color: var(--c-terra-d); background: var(--c-terra-t); padding: 2px 7px; border-radius: var(--radius-pill); }
.nz-profiel span:not(.mono) { font: 500 .7rem var(--font-ui); color: var(--c-ink-3); }

/* ticketdetail */
.nz-detail { overflow: hidden; }
.nz-detail__kop { padding: 18px 20px; border-bottom: var(--lijndikte) solid var(--c-lijn); }
.nz-detail__titel { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 6px; }
.nz-detail__titel strong { font-size: 1.02rem; }
.nz-detail__st { margin-left: auto; }
.nz-detail__meta { display: flex; align-items: center; gap: 14px; font: 500 .72rem var(--font-ui); color: var(--c-ink-3); flex-wrap: wrap; }
.nz-ivr { margin-top: 9px; display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; border-radius: 9px; background: var(--c-groen-t); border: var(--lijndikte) solid var(--c-groen); font: 600 .7rem var(--font-ui); color: var(--c-groen-d); }
.nz-ivr em { font: 400 .64rem var(--font-ui); color: var(--c-ink-3); }
.nz-jurbanner { display: flex; align-items: center; gap: 12px; padding: 13px 20px; background: var(--c-amber-t); border-bottom: var(--lijndikte) solid var(--c-amber); }
.nz-jurbanner > span { font-size: 1.1rem; }
.nz-jurbanner > div { flex: 1; }
.nz-jurbanner strong { display: block; font-size: .76rem; color: var(--c-amber); }
.nz-jurbanner div span { font: 400 .68rem var(--font-ui); color: var(--c-ink-2); }
.nz-jurok { display: flex; align-items: center; gap: 10px; padding: 11px 20px; background: var(--c-groen-t); border-bottom: var(--lijndikte) solid var(--c-groen); font: 600 .72rem var(--font-ui); color: var(--c-groen-d); }
.nz-feiten { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; border-bottom: var(--lijndikte) solid var(--c-lijn); background: var(--c-creme); }
.nz-feiten > div { padding: 12px 16px; display: flex; flex-direction: column; gap: 3px; }
.nz-feiten strong { font-size: .76rem; }
.nz-thread { display: flex; flex-direction: column; gap: 14px; padding: 18px 20px; max-height: 340px; overflow-y: auto; }
.nz-msg { display: flex; flex-direction: column; gap: 4px; align-items: flex-start; }
.nz-msg.is-ops { align-items: flex-end; }
.nz-msg > span { font: 600 .64rem var(--font-ui); color: var(--c-ink-3); }
.nz-msg > div { max-width: 78%; padding: 12px 15px; border-radius: 14px; font: 400 .8rem/1.55 var(--font-ui); background: var(--c-paneel); border-bottom-left-radius: 5px; }
.nz-msg.is-ops > div { background: var(--c-ink); color: #fff; border-bottom-left-radius: 14px; border-bottom-right-radius: 5px; }
.nz-gepland { align-self: center; font: 600 .72rem var(--font-ui); color: var(--c-groen-d); background: var(--c-groen-t); padding: 8px 14px; border-radius: var(--radius-pill); }
.nz-acties { padding: 14px 20px; border-top: var(--lijndikte) solid var(--c-lijn); background: var(--c-creme); }
.nz-antwoordrij { display: flex; gap: 10px; margin-bottom: 11px; align-items: flex-end; }
.nz-antwoord { flex: 1; display: flex; flex-direction: column; gap: 4px; }
.nz-antwoord input { padding: 12px 15px; border: 1.5px solid var(--c-lijn-2); border-radius: 12px; font: 400 .82rem var(--font-ui); background: #fff; color: var(--c-ink); }
.nz-knoppen { display: flex; gap: 9px; flex-wrap: wrap; }
.nz-knoppen .btn:last-child { margin-left: auto; }
.nz-jurknop { color: var(--c-ink-2); }
.is-geblokkeerd { opacity: .55; }
.nz-afgerond { display: flex; align-items: center; gap: 10px; padding: 16px 20px; border-top: var(--lijndikte) solid var(--c-lijn); background: var(--c-groen-t); }
.nz-afgerond i { width: 22px; height: 22px; border-radius: 50%; background: var(--c-groen); color: #fff; display: grid; place-items: center; font: 700 .72rem var(--font-ui); font-style: normal; flex: none; }
.nz-afgerond span { font: 600 .78rem var(--font-ui); color: var(--c-groen-d); }
.nz-feedbackblok { padding: 20px 22px; border-radius: var(--radius); background: var(--c-ink); color: #fff; margin-top: 14px; }
.nz-feedbackblok .kicker { color: color-mix(in srgb, #fff 70%, transparent); }
.nz-feedbackblok p { margin: 8px 0 0; font: 400 .82rem/1.6 var(--font-ui); color: color-mix(in srgb, #fff 82%, transparent); max-width: 76ch; }

/* casedetail */
.nz-casedetail { display: flex; flex-direction: column; gap: 16px; }
.nz-casekop { padding: 18px 20px; }
.nz-casekop__rij { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.nz-casekop__klant { display: block; font-size: 1.05rem; margin-top: 5px; }
.nz-casekop__adres { font: 500 .72rem var(--font-ui); color: var(--c-ink-3); }
.nz-slaklok { text-align: right; }
.nz-slaklok strong { display: block; font-size: .88rem; margin-top: 3px; }
.nz-freezebanner { display: flex; align-items: center; gap: 9px; padding: 10px 13px; border-radius: 10px; background: var(--c-terra-t); border: var(--lijndikte) solid var(--c-terra); margin-top: 14px; font: 600 .7rem/1.4 var(--font-ui); color: var(--c-terra-d); }
.nz-casekop__acties { display: flex; gap: 9px; margin-top: 15px; }
.nz-caseduo { display: grid; grid-template-columns: 1fr 260px; gap: 16px; align-items: start; }
@media (max-width: 1100px) { .nz-caseduo { grid-template-columns: 1fr; } }
.nz-threadkaart, .nz-kbkaart { padding: 16px 18px; }
.nz-threadkaart > .kicker, .nz-kbkaart > .kicker { display: block; margin-bottom: 12px; }
.nz-threadlijst { display: flex; flex-direction: column; gap: 14px; }
.nz-bubbel { display: flex; flex-direction: column; gap: 3px; align-items: flex-start; }
.nz-bubbel.is-mijn { align-items: flex-end; }
.nz-bubbel > div { max-width: 80%; padding: 9px 12px; border-radius: 12px; font: 500 .76rem/1.45 var(--font-ui); background: var(--c-paneel); }
.nz-bubbel.is-mijn > div { background: var(--c-ink); color: #fff; }
.nz-bubbel.is-notitie > div { background: var(--c-memo); color: var(--c-amber); border: 1.5px dashed var(--c-amber); }
.nz-bubbel > span { font: 600 .58rem var(--font-ui); color: var(--c-ink-3); }
.nz-kblijst { display: flex; flex-direction: column; gap: 9px; }
.nz-kb { text-align: left; padding: 10px 12px; border-radius: 10px; cursor: pointer; border: var(--lijndikte) solid var(--c-lijn); background: var(--c-creme); display: flex; flex-direction: column; gap: 3px; font-family: var(--font-ui); }
.nz-kb strong { font-size: .74rem; line-height: 1.35; }
.nz-kb em { font: 700 .64rem var(--font-ui); font-style: normal; color: var(--c-groen-d); }
.nz-belpop-laag { position: fixed; inset: 0; z-index: 400; background: color-mix(in srgb, var(--c-ink) 40%, transparent); display: grid; place-items: center; padding: 24px; }
.nz-belpop { width: 340px; padding: 30px 28px; text-align: center; display: flex; flex-direction: column; gap: 6px; align-items: center; }
.nz-belpop i { width: 64px; height: 64px; border-radius: 50%; background: var(--c-groen-t); display: grid; place-items: center; font-size: 1.6rem; font-style: normal; color: var(--c-groen-d); margin-bottom: 10px; }
.nz-belpop strong { font-size: 1.05rem; }
.nz-belpop span:not(.kicker) { font: 500 .76rem var(--font-ui); color: var(--c-ink-3); margin-bottom: 14px; }
.nz-ophangen { width: 100%; background: var(--c-terra); color: #fff; }

/* garantie */
.nz-profdetail { padding: 22px 24px; }
.nz-profdetail__kop { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 16px; }
.nz-profdetail__kop strong { display: block; font-size: 1.05rem; }
.nz-profdetail__kop .mono { font-size: .64rem; color: var(--c-ink-3); }
.nz-koppelchip { font-size: .62rem; font-weight: 600; padding: 3px 10px; border-radius: var(--radius-pill); color: var(--c-groen-d); background: var(--c-groen-t); }
.nz-veldlabel { display: flex; flex-direction: column; gap: 5px; margin-bottom: 14px; }
.nz-veldlabel input, .nz-veldlabel textarea { width: 100%; padding: 11px 14px; border: 1.5px solid var(--c-lijn-2); border-radius: 10px; font: 500 .8rem/1.5 var(--font-ui); color: var(--c-ink); background: #fff; box-sizing: border-box; resize: vertical; }
.nz-profdetail__voet { display: flex; align-items: center; gap: 12px; margin-top: 4px; padding-top: 16px; border-top: var(--lijndikte) solid var(--c-lijn); }
.nz-profdetail__voet span { flex: 1; font: 400 .7rem/1.5 var(--font-ui); color: var(--c-ink-3); }
.nz-tabel { overflow: hidden; }
.nz-rij { display: grid; gap: 12px; align-items: center; padding: 13px 18px; border-top: var(--lijndikte) solid var(--c-lijn); font: 500 .76rem var(--font-ui); }
.nz-rij--kop { background: var(--c-paneel); border-top: none; padding: 11px 18px; }
.nz-rij--gar { grid-template-columns: .7fr 1.5fr 1.2fr .8fr .8fr .9fr; }
.nz-rij--verhaal { grid-template-columns: .7fr 1.2fr 2fr .7fr .8fr; }
.nz-rij--ct { grid-template-columns: 1.1fr 1fr .7fr .7fr 1.3fr .5fr .6fr; border: var(--lijndikte) solid var(--c-lijn); border-radius: 10px; margin-bottom: 6px; }
.nz-rij--ct.nz-rij--kop { border: none; background: none; margin-bottom: 2px; padding: 0 12px 6px; }
.nz-rij__id { font-size: .66rem; color: var(--c-ink-2); }
.nz-rij__stil { color: var(--c-ink-2); }
.nz-rij__verreken { display: block; font: 400 .64rem var(--font-ui); font-style: normal; color: var(--c-ink-3); margin-top: 2px; }
.nz-rij__bewijs { font: 600 .68rem var(--font-ui); }
.nz-claimdetail { overflow: hidden; }
.nz-claimdetail__kop { padding: 18px 20px; border-bottom: var(--lijndikte) solid var(--c-lijn); }
.nz-claimbody { padding: 18px 20px; }
.nz-claimbody__kop { display: flex; align-items: center; justify-content: space-between; margin-bottom: 11px; }
.nz-claimbody__kop strong { font-size: .82rem; }
.nz-claimbody__kop .mono { font-size: .64rem; color: var(--c-ink-3); }
.nz-dossieritem { display: flex; align-items: center; gap: 9px; padding: 9px 12px; border-radius: 9px; background: var(--c-creme); margin-bottom: 7px; font: 500 .76rem var(--font-ui); color: var(--c-ink-3); }
.nz-dossieritem.is-ok { background: var(--c-groen-t); color: var(--c-ink); }
.nz-dossieritem i { width: 18px; height: 18px; border-radius: 50%; flex: none; display: grid; place-items: center; font: 700 .62rem var(--font-ui); font-style: normal; color: #fff; background: var(--c-lijn-2); }
.nz-dossieritem.is-ok i { background: var(--c-groen); }
.nz-claimacties { display: flex; gap: 10px; margin-top: 16px; padding-top: 15px; border-top: var(--lijndikte) solid var(--c-lijn); flex-wrap: wrap; }
.nz-afwijzen { color: var(--c-rood); border-color: var(--c-rood); }
.nz-geschillen { display: flex; flex-direction: column; gap: 11px; }
.nz-geschil { padding: 17px 20px; }
.nz-geschil__kop { display: flex; align-items: center; gap: 10px; margin-bottom: 9px; flex-wrap: wrap; }
.nz-geschil__kop strong { font-size: .88rem; }
.nz-geschil__st { margin-left: auto; font: 600 .68rem var(--font-ui); }
.nz-geschil__velden { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.nz-geschil__velden > div { display: flex; flex-direction: column; gap: 3px; font: 500 .76rem var(--font-ui); }
.nz-verhaalkop { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; margin-bottom: 14px; flex-wrap: wrap; }
.nz-verhaalkop p { margin: 0; font: 400 .78rem/1.5 var(--font-ui); color: var(--c-ink-2); max-width: 64ch; }
.nz-verhaalkop strong { display: block; font-size: 1.2rem; }
.nz-faalkosten { padding: 22px 24px; }
.nz-faalkosten__kop { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 16px; }
.nz-faalkosten__kop strong { display: block; font-size: .95rem; }
.nz-faalkosten__kop span { font: 500 .74rem var(--font-ui); color: var(--c-ink-3); }
.nz-faalkosten__kop > div:last-child { display: flex; gap: 7px; }
.nz-faalkosten__voet { display: flex; align-items: center; justify-content: space-between; margin-top: 18px; padding-top: 15px; border-top: var(--lijndikte) solid var(--c-lijn); font: 600 .76rem var(--font-ui); }
.nz-faalkosten__voet strong { font-size: 1.05rem; color: var(--c-rood); }
.nz-balk { margin-bottom: 15px; }
.nz-balk__kop { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 5px; font: 700 .78rem var(--font-ui); }
.nz-balk__kop .mono { font-size: .66rem; font-weight: 600; color: var(--c-ink-3); }
.nz-balk__kind { font: 500 .64rem var(--font-ui); font-style: normal; color: var(--c-ink-3); }
.nz-balk__lijn { height: 9px; border-radius: 7px; background: var(--c-paneel); }
.nz-balk__lijn i { display: block; height: 100%; border-radius: 7px; }
.nz-balk__sub { font: 400 .68rem var(--font-ui); color: var(--c-ink-3); margin-top: 3px; display: block; }

/* help-center */
.nz-helphero { border-radius: 18px; background: var(--c-groen-d); padding: 28px 30px; margin-bottom: 18px; color: #fff; }
.nz-helphero .kicker { color: color-mix(in srgb, #fff 70%, transparent); }
.nz-helphero h2 { font-size: 1.5rem; margin: 8px 0 6px; }
.nz-helphero p { font: 400 .84rem var(--font-ui); color: color-mix(in srgb, #fff 80%, transparent); margin: 0 0 16px; max-width: 64ch; }
.nz-helpzoek { display: flex; align-items: center; gap: 10px; max-width: 560px; background: #fff; border-radius: 13px; padding: 4px 4px 4px 16px; }
.nz-helpzoek .mono { color: var(--c-groen); font-size: .9rem; }
.nz-helpzoek input { flex: 1; border: none; font: 400 .84rem var(--font-ui); color: var(--c-ink); padding: 10px 0; background: transparent; }
.nz-helplijst { display: flex; flex-direction: column; gap: 10px; }
.nz-helpart { text-align: left; padding: 16px 18px; cursor: pointer; font-family: var(--font-ui); }
.nz-helpart__kop { display: flex; align-items: center; gap: 11px; }
.nz-helpart__kop .mono { color: var(--c-ink-3); }
.nz-helpart__kop strong { flex: 1; font-size: .84rem; }
.nz-helpart p { font: 400 .8rem/1.6 var(--font-ui); color: var(--c-ink-2); margin: 11px 0 0; padding-left: 24px; }
.nz-deflectie { margin-top: 18px; border: 1.5px dashed var(--c-lijn-2); border-radius: 15px; padding: 22px 24px; background: var(--c-creme); text-align: center; }
.nz-deflectie strong { display: block; font-size: .9rem; margin-bottom: 4px; }
.nz-deflectie p { font: 400 .8rem var(--font-ui); color: var(--c-ink-2); margin: 0 auto 14px; max-width: 52ch; }

/* config */
.nz-config { padding: 20px 22px; margin-bottom: 18px; }
.nz-config__kop { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 4px; }
.nz-config__kop strong { font-size: .95rem; flex: 1; }
.nz-config__kop .mono { font-size: .64rem; color: var(--c-ink-3); }
.nz-config > p { font: 500 .74rem var(--font-ui); color: var(--c-ink-3); margin: 0 0 14px; }
.nz-ivrrij { display: flex; align-items: center; gap: 14px; padding: 11px 14px; border: var(--lijndikte) solid var(--c-lijn); border-radius: 11px; margin-bottom: 8px; }
.nz-ivrrij > div { flex: 1; min-width: 0; }
.nz-ivrrij strong { display: block; font-size: .8rem; }
.nz-ivrrij div span { font: 400 .68rem var(--font-ui); color: var(--c-ink-3); }
.nz-toets { width: 30px; height: 30px; border-radius: 8px; flex: none; display: grid; place-items: center; font-weight: 700; color: #fff; background: var(--c-ink); }
.nz-ivrroute { font-size: .68rem; font-weight: 600; color: var(--c-groen-d); }

/* analyse + feedback */
.nz-analyse { display: grid; grid-template-columns: 1.5fr 1fr; gap: 16px; align-items: start; }
.nz-analyse--fb { grid-template-columns: .85fr 1.15fr; }
@media (max-width: 1100px) { .nz-analyse { grid-template-columns: 1fr; } }
.nz-analysekaart { padding: 20px 22px; }
.nz-analysekaart > strong { display: block; font-size: .95rem; margin-bottom: 3px; }
.nz-analysekaart__sub { display: block; font: 400 .72rem var(--font-ui); color: var(--c-ink-3); margin-bottom: 16px; }
.nz-patroon { margin-top: 16px; padding: 12px 14px; border-radius: 11px; background: var(--c-groen-t); border: var(--lijndikte) solid var(--c-groen); font: 600 .7rem/1.55 var(--font-ui); color: var(--c-groen-d); }
.nz-fbmomenten { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 14px; }
@media (max-width: 900px) { .nz-fbmomenten { grid-template-columns: 1fr; } }
.nz-fbmoment { padding: 18px 20px; }
.nz-fbmoment__rij { display: flex; align-items: baseline; gap: 12px; margin: 9px 0 10px; }
.nz-fbmoment__rij strong { font-size: 1.7rem; }
.nz-fbmoment__rij span { font: 500 .74rem var(--font-ui); color: var(--c-ink-3); }
.nz-fbtitel { display: block; font-size: .88rem; margin-bottom: 12px; }
.nz-fblijst { display: flex; flex-direction: column; gap: 11px; }
.nz-fbkaart { display: flex; align-items: flex-start; gap: 13px; padding: 15px 17px; border-left: 4px solid var(--c-groen); }
.nz-fbkaart.is-afgehandeld { opacity: .62; }
.nz-fbkaart > div { flex: 1; min-width: 0; }
.nz-fbscore { width: 34px; height: 34px; border-radius: 9px; flex: none; display: grid; place-items: center; font-weight: 800; font-size: .84rem; background: var(--c-creme); }
.nz-fbkaart__kop { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 4px; }
.nz-fbkaart__kop strong { font-size: .8rem; }
.nz-fbtype { font-size: .56rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; padding: 2px 8px; border-radius: 5px; background: var(--c-creme); }
.nz-fbkaart p { font: 400 .78rem/1.55 var(--font-ui); color: var(--c-ink-2); margin: 0 0 6px; }
.nz-fbkaart__meta { display: block; font: 400 .64rem var(--font-ui); color: var(--c-ink-3); margin-bottom: 8px; }
.nz-fbreview { color: var(--c-groen-d); border-color: var(--c-groen); }
.nz-fbklaar { font: 700 .7rem var(--font-ui); color: var(--c-groen-d); }

/* antwoord-composer casebeheer (norm "werkbaar", 14-07-2026) */
.nz-composer { margin-top: 12px; padding-top: 12px; border-top: var(--lijndikte) solid var(--c-lijn); }
.nz-composer .nz-veldlabel { margin-bottom: 9px; }
.nz-ivrrij .btn--klein, .nz-rij--ct .btn--klein { flex: none; }

/* Review-timing regelset (B6a) */
.nz-reviewbeleid { display: flex; justify-content: space-between; align-items: center; gap: 12px; border: 1px solid var(--c-lijn); border-radius: 12px; padding: 10px 14px; margin-bottom: 14px; font-size: 13px; }

/* Escalatie-ladder (D1b) + mini-CSAT (D1a) */
.nz-escladder { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; border-top: 1px solid var(--c-lijn); margin-top: 10px; padding-top: 10px; font-size: 12px; }
.nz-esctrede { color: var(--c-ink-2); }
.nz-esctrede.is-actief { color: var(--c-terra); font-weight: 700; }
.nz-csat { border: 1px solid var(--c-groen-d); border-radius: 12px; padding: 8px 12px; margin-top: 10px; font-size: 12.5px; color: var(--c-groen-d); }

/* B21 · cases backend */
.nz-bkkaart { padding: 16px 18px; margin-bottom: 14px; }
.nz-bkrij { display: grid; grid-template-columns: 1fr auto auto auto auto; gap: 12px; align-items: center; border-top: 1px solid var(--c-lijn); padding: 9px 2px; }
.nz-bkrij > div { display: flex; flex-direction: column; gap: 2px; }
.nz-bkrij strong { font-size: .78rem; }
.nz-bkrij > div span { font-size: .68rem; color: var(--c-ink-2); }
.nz-bkrij .mono { font-size: .64rem; color: var(--c-ink-2); }
.nz-bkrij.is-telaat { background: var(--c-rood-t); border-radius: 10px; padding: 9px 10px; border-top: none; }
.nz-knopje { font: 700 .68rem var(--font-ui); background: var(--c-paneel); border: 1px solid var(--c-lijn-2); color: var(--c-ink); border-radius: 9px; padding: 6px 10px; cursor: pointer; }
.nz-knopje:hover { border-color: var(--c-ink); }

/* Werkverdeling (FT-3.5): toewijzen ging één voor één, zonder zicht op
   wie al vol zat. */
.nz-verdeling { padding: 12px 0 14px; border-bottom: var(--lijndikte) solid var(--c-lijn); margin-bottom: 6px; }
.nz-verdeling__rij { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 8px; }
.nz-vcel { min-width: 128px; padding: 10px 13px; border-radius: var(--radius);
  background: var(--c-creme); border: var(--lijndikte) solid var(--c-lijn); }
.nz-vcel strong { display: block; font-size: 1.1rem; letter-spacing: -.02em; }
.nz-vcel span { display: block; font-size: .74rem; font-weight: 600; color: var(--c-ink-2); }
.nz-vcel em { display: block; font-style: normal; font-size: .64rem; color: var(--c-ink-3); margin-top: 2px; }
.nz-vcel.is-druk { border-color: var(--c-amber); }
.nz-vcel.is-druk strong { color: var(--c-amber); }
.nz-vcel--open { border-style: dashed; }
.nz-vcel--open strong { color: var(--c-rood); }
.nz-knopje--nadruk { border-color: var(--c-groen); color: var(--c-groen-d); font-weight: 700; }