:root{--nav-achtergrond: #0e2a47;--nav-achtergrond-diep: #0a2039;--nav-tekst: #c3d3e4;--nav-tekst-actief: #ffffff;--nav-actief-vlak: #17406b;--accent: #0069b4;--accent-donker: #005494;--accent-licht: #e7f1f9;--werkblad: #f2f5f8;--vlak: #ffffff;--rand: #dde3ea;--rand-sterk: #c3ccd6;--tekst: #1c2b3a;--tekst-zacht: #5a6b7d;--tekst-zwak: #8494a5;--groen: #1f8a4c;--groen-vlak: #e6f4ec;--oranje: #b76e00;--oranje-vlak: #fdf1de;--rood: #c0392b;--rood-vlak: #fbebe9;--blauw-vlak: #e7f1f9;--radius: 6px;--radius-klein: 4px;--schaduw: 0 1px 2px rgba(16, 40, 66, .08);--schaduw-zwevend: 0 8px 24px rgba(16, 40, 66, .16);--navbreedte: 232px;--balkhoogte: 56px;--regel: 1.5;--font: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--font-cijfers: "Segoe UI", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);font-size:14px;line-height:var(--regel);color:var(--tekst);background:var(--werkblad);-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0;font-weight:600;color:var(--tekst)}.raamwerk{display:grid;grid-template-columns:var(--navbreedte) 1fr;grid-template-rows:100%;height:100%}.navigatie{background:var(--nav-achtergrond);color:var(--nav-tekst);display:flex;flex-direction:column;overflow-y:auto}.navigatie__merk{display:flex;align-items:center;gap:10px;height:var(--balkhoogte);padding:0 16px;flex:0 0 auto;background:var(--nav-achtergrond-diep);color:#fff;font-weight:600;letter-spacing:.2px}.navigatie__merkteken{width:24px;height:24px;border-radius:5px;background:linear-gradient(135deg,#2f9bd8,#0069b4);display:grid;place-items:center;font-size:13px;font-weight:700}.navigatie__groep{padding:14px 12px 4px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#7d97b3}.navigatie__item{display:flex;align-items:center;gap:10px;padding:9px 16px;color:var(--nav-tekst);border-left:3px solid transparent;font-size:14px}.navigatie__item:hover{background:#ffffff0f;color:var(--nav-tekst-actief);text-decoration:none}.navigatie__item--actief{background:var(--nav-actief-vlak);border-left-color:#2f9bd8;color:var(--nav-tekst-actief);font-weight:600}.navigatie__item svg{flex:0 0 auto;opacity:.85}.navigatie__voet{margin-top:auto;padding:12px 16px;font-size:12px;color:#7d97b3;border-top:1px solid rgba(255,255,255,.08)}.werkgebied{display:flex;flex-direction:column;min-width:0;height:100%}.balk{height:var(--balkhoogte);flex:0 0 auto;background:var(--vlak);border-bottom:1px solid var(--rand);display:flex;align-items:center;gap:12px;padding:0 20px}.balk__kiezer{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--tekst-zacht)}.balk__rechts{margin-left:auto;display:flex;align-items:center;gap:12px}.balk__gebruiker{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--tekst-zacht)}.balk__avatar{width:28px;height:28px;border-radius:50%;background:var(--accent-licht);color:var(--accent-donker);display:grid;place-items:center;font-weight:600;font-size:12px}.blad{flex:1 1 auto;overflow-y:auto;padding:20px 24px 40px}.bladkop{display:flex;align-items:flex-start;gap:16px;margin-bottom:18px}.bladkop__titel{font-size:20px;font-weight:600}.bladkop__uitleg{color:var(--tekst-zacht);font-size:13px;margin-top:2px;max-width:70ch}.bladkop__acties{margin-left:auto;display:flex;gap:8px;flex:0 0 auto}.kaart{background:var(--vlak);border:1px solid var(--rand);border-radius:var(--radius);box-shadow:var(--schaduw);margin-bottom:16px}.kaart__kop{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--rand);font-weight:600}.kaart__kop-acties{margin-left:auto;display:flex;gap:8px}.kaart__lijf{padding:16px}.kaart__lijf--strak{padding:0}.rooster{display:grid;gap:16px}.rooster--4{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.rooster--2{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.kengetal__label{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--tekst-zwak)}.kengetal__waarde{font-size:24px;font-weight:600;font-variant-numeric:tabular-nums;margin-top:4px}.kengetal__toelichting{font-size:12px;color:var(--tekst-zacht);margin-top:2px}.tabel{width:100%;border-collapse:collapse;font-size:13px}.tabel th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--tekst-zwak);font-weight:600;padding:10px 16px;border-bottom:1px solid var(--rand);background:#fafbfc;white-space:nowrap}.tabel td{padding:9px 16px;border-bottom:1px solid var(--rand);vertical-align:top}.tabel tbody tr:hover{background:#f7fafd}.tabel tbody tr:last-child td{border-bottom:none}.tabel--klikbaar tbody tr{cursor:pointer}.getal{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.tabel th.getal{text-align:right}.tabel tfoot td{padding:10px 16px;border-top:2px solid var(--rand-sterk);font-weight:600;background:#fafbfc}.leeg{padding:32px 16px;text-align:center;color:var(--tekst-zacht)}.inspringing-1{padding-left:32px}.inspringing-2{padding-left:48px}.knop{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--rand-sterk);background:var(--vlak);color:var(--tekst);border-radius:var(--radius-klein);padding:6px 12px;font:inherit;font-size:13px;cursor:pointer;white-space:nowrap}.knop:hover:not(:disabled){background:#f4f7fa;border-color:var(--rand-sterk)}.knop:disabled{opacity:.55;cursor:not-allowed}.knop--primair{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.knop--primair:hover:not(:disabled){background:var(--accent-donker);border-color:var(--accent-donker)}.knop--gevaar{color:var(--rood);border-color:#e6b8b3}.knop--gevaar:hover:not(:disabled){background:var(--rood-vlak)}.knop--kaal{border-color:transparent;background:transparent;color:var(--accent);padding:4px 6px}.knop--kaal:hover:not(:disabled){background:var(--accent-licht)}.veld{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.veld__label{font-size:12px;font-weight:600;color:var(--tekst-zacht)}.veld__uitleg{font-size:12px;color:var(--tekst-zwak)}input,select,textarea{font:inherit;font-size:13px;color:var(--tekst);border:1px solid var(--rand-sterk);border-radius:var(--radius-klein);padding:6px 8px;background:var(--vlak);width:100%}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent)}input.getal{text-align:right}.velden-rij{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.label{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;letter-spacing:.02em;white-space:nowrap}.label--neutraal{background:#eef1f5;color:var(--tekst-zacht)}.label--blauw{background:var(--blauw-vlak);color:var(--accent-donker)}.label--groen{background:var(--groen-vlak);color:var(--groen)}.label--oranje{background:var(--oranje-vlak);color:var(--oranje)}.label--rood{background:var(--rood-vlak);color:var(--rood)}.melding{border-radius:var(--radius-klein);padding:10px 14px;font-size:13px;margin-bottom:14px;border:1px solid transparent}.melding--fout{background:var(--rood-vlak);border-color:#eec7c2;color:#8f2c20}.melding--waarschuwing{background:var(--oranje-vlak);border-color:#eed8b0;color:#8a5400}.melding--informatie{background:var(--blauw-vlak);border-color:#c5ddf0;color:var(--accent-donker)}.melding--gelukt{background:var(--groen-vlak);border-color:#bfe0cd;color:#14663a}.melding__titel{font-weight:600;margin-bottom:2px}.overlaag{position:fixed;top:0;right:0;bottom:0;left:0;background:#0e2a476b;display:grid;place-items:center;padding:24px;z-index:40}.dialoog{background:var(--vlak);border-radius:var(--radius);box-shadow:var(--schaduw-zwevend);width:min(640px,100%);max-height:88vh;display:flex;flex-direction:column}.dialoog__kop{padding:14px 18px;border-bottom:1px solid var(--rand);font-weight:600;display:flex;align-items:center}.dialoog__lijf{padding:18px;overflow-y:auto}.dialoog__voet{padding:12px 18px;border-top:1px solid var(--rand);display:flex;justify-content:flex-end;gap:8px}.tabbalk{display:flex;gap:2px;border-bottom:1px solid var(--rand);margin-bottom:16px}.tabbalk__tab{padding:8px 14px;font-size:13px;color:var(--tekst-zacht);border-bottom:2px solid transparent;cursor:pointer;background:none;border-top:none;border-left:none;border-right:none;font-family:inherit}.tabbalk__tab--actief{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.werkbalk{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}.werkbalk input,.werkbalk select{width:auto;min-width:160px}.zacht{color:var(--tekst-zacht)}.klein{font-size:12px}.mono{font-variant-numeric:tabular-nums}.laden{padding:28px;text-align:center;color:var(--tekst-zacht)}.stapel{display:flex;flex-direction:column;gap:2px}.rij{display:flex;align-items:center;gap:8px}.gescheiden{display:flex;justify-content:space-between;gap:16px;padding:6px 0;border-bottom:1px solid var(--rand)}.gescheiden:last-child{border-bottom:none}.documentlijst{display:flex;flex-direction:column}.documentlijst__item{text-align:left;background:none;border:none;border-left:3px solid transparent;padding:9px 14px;font:inherit;font-size:13px;color:var(--tekst);cursor:pointer;border-bottom:1px solid var(--rand)}.documentlijst__item:last-child{border-bottom:none}.documentlijst__item:hover{background:#f7fafd}.documentlijst__item--actief{border-left-color:var(--accent);background:var(--accent-licht);color:var(--accent-donker);font-weight:600}.documentlijst__paragrafen{display:flex;flex-direction:column;border-bottom:1px solid var(--rand);background:#fbfcfe}.documentlijst__paragraaf{text-align:left;background:none;border:none;border-left:3px solid var(--rand);margin-left:14px;padding:6px 12px;font:inherit;font-size:12px;line-height:1.35;color:var(--tekst-zacht);cursor:pointer}.documentlijst__paragraaf:hover{border-left-color:var(--accent);color:var(--accent-donker)}.document{max-width:80ch;line-height:1.65}.document h1{font-size:22px;margin-bottom:4px}.document h2{font-size:17px;margin:26px 0 8px;padding-bottom:6px;border-bottom:1px solid var(--rand)}.document h3{font-size:14px;margin:18px 0 6px}.document p,.document ul,.document ol{margin:0 0 12px}.document ul,.document ol{padding-left:22px}.document li{margin-bottom:4px}.document code{background:#eef1f5;border-radius:3px;padding:1px 5px;font-size:12.5px}.document pre{background:#f7fafd;border:1px solid var(--rand);border-radius:var(--radius-klein);padding:12px;overflow-x:auto}.document blockquote{margin:12px 0;padding:8px 14px;border-left:3px solid var(--accent);background:var(--accent-licht);color:var(--tekst)}.document blockquote p:last-child{margin-bottom:0}.document table{width:100%;border-collapse:collapse;font-size:13px;margin:0 0 16px;display:block;overflow-x:auto}.document th,.document td{border:1px solid var(--rand);padding:7px 10px;text-align:left;vertical-align:top}.document th{background:#fafbfc;font-weight:600}.document hr{border:0;border-top:1px solid var(--rand);margin:24px 0}.document__verwijzing{color:var(--tekst-zacht);border-bottom:1px dotted var(--rand-sterk)}.document input[type=checkbox]{width:auto;margin-right:6px}.document--compact{font-size:13px;line-height:1.55}.document--compact h2,.document--compact h3{font-size:13px;margin:10px 0 4px;border:none;padding:0}.ticket__kop{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:none;border:none;font:inherit;font-size:13px;text-align:left;cursor:pointer}.ticket__kop:hover{background:#f7fafd}.ticket__pijl{color:var(--tekst-zwak);transition:transform .12s ease;display:inline-block}.ticket__pijl--open{transform:rotate(90deg)}.ticket__referentie{color:var(--tekst-zacht);font-size:12px}.ticket__onderwerp{font-weight:600;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gesprek{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.gesprek__bericht{border-radius:var(--radius-klein);padding:10px 14px;border:1px solid var(--rand)}.gesprek__bericht--melder{background:var(--vlak)}.gesprek__bericht--support{background:var(--accent-licht);border-color:#c5ddf0}.gesprek__kop{display:flex;align-items:baseline;gap:10px;margin-bottom:4px;font-size:12px}.gesprek__tekst{margin:0;white-space:pre-wrap}.assistent__knop{position:fixed;right:20px;bottom:20px;z-index:30;display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:22px;border:none;background:var(--accent);color:#fff;font:inherit;font-size:13px;font-weight:600;cursor:pointer;box-shadow:var(--schaduw-zwevend)}.assistent__knop:hover{background:var(--accent-donker)}.assistent{position:fixed;right:20px;bottom:20px;z-index:30;width:min(420px,calc(100vw - 40px));max-height:min(640px,calc(100vh - 40px));display:flex;flex-direction:column;background:var(--vlak);border:1px solid var(--rand);border-radius:var(--radius);box-shadow:var(--schaduw-zwevend)}.assistent__kop{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--rand);background:var(--nav-achtergrond);color:#fff;border-radius:var(--radius) var(--radius) 0 0}.assistent__kop .knop--kaal{color:#fff;margin-left:auto}.assistent__kop .knop--kaal:hover{background:#ffffff1f}.assistent__taal{width:auto;background:#ffffff1a;color:#fff;border-color:#ffffff40;font-size:12px;padding:3px 6px}.assistent__taal option{color:var(--tekst)}.assistent__lijf{flex:1 1 auto;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px}.assistent__welkom p{margin-top:0;font-size:13px;color:var(--tekst-zacht)}.assistent__voorbeelden{display:flex;flex-direction:column;gap:6px}.assistent__voorbeelden button{text-align:left;border:1px solid var(--rand);border-radius:14px;background:var(--vlak);padding:6px 12px;font:inherit;font-size:12.5px;color:var(--accent-donker);cursor:pointer}.assistent__voorbeelden button:hover{background:var(--accent-licht)}.assistent__terugval{margin-top:12px;border-top:1px solid var(--rand);padding-top:8px}.assistent__bericht{border-radius:var(--radius-klein);padding:9px 12px;font-size:13px;max-width:92%}.assistent__bericht--gebruiker{align-self:flex-end;background:var(--accent);color:#fff;white-space:pre-wrap}.assistent__bericht--assistent{align-self:flex-start;background:#f2f5f8;border:1px solid var(--rand);width:100%;max-width:100%}.assistent__bronnen{margin-top:6px;font-size:11.5px;color:var(--tekst-zacht);display:flex;flex-wrap:wrap;gap:6px;align-items:center}.assistent__bronnen button{border:none;background:none;padding:0;font:inherit;font-size:11.5px;color:var(--accent);cursor:pointer;text-decoration:underline}.assistent__bezig{font-size:12.5px;color:var(--tekst-zacht);font-style:italic}.assistent__voet{border-top:1px solid var(--rand);padding:10px 12px;display:flex;flex-direction:column;gap:8px}.assistent__voet textarea{resize:vertical}.begrip--gevonden{text-decoration:underline dotted var(--rand-sterk) 1px;text-underline-offset:3px;cursor:help}.knop.begrip--gevonden{text-decoration:none}.begrip__uitleg{position:fixed;z-index:60;display:flex;flex-direction:column;gap:6px;width:min(340px,calc(100vw - 32px));padding:12px 14px;background:var(--vlak);border:1px solid var(--rand-sterk);border-radius:var(--radius);box-shadow:var(--schaduw-zwevend);font-size:13px;font-weight:400;line-height:1.5;color:var(--tekst);text-transform:none;letter-spacing:normal;cursor:auto}.begrip__term{font-weight:600;font-size:13px}.begrip__betekenis{color:var(--tekst)}.begrip__context{color:var(--tekst-zacht);font-size:12.5px;padding-top:6px;border-top:1px solid var(--rand)}.begrip__voet{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding-top:6px;border-top:1px solid var(--rand);font-size:12px}.begrip__proces{color:var(--tekst-zwak)}.begrip__voet a{white-space:nowrap}.kolomkop{display:inline-flex;align-items:center;gap:5px;background:none;border:none;padding:0;font:inherit;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--tekst-zwak);cursor:pointer}.tabel th.getal .kolomkop{flex-direction:row-reverse}.kolomkop:hover,.kolomkop--actief{color:var(--accent)}.kolomkop__pijl{font-size:9px;opacity:.4}.kolomkop--actief .kolomkop__pijl{opacity:1}.filterrij th{background:var(--vlak);padding:6px 10px;border-bottom:1px solid var(--rand);text-transform:none;letter-spacing:0;font-weight:400}.filterrij input,.filterrij select{font-size:12px;padding:4px 6px;width:100%}.filterrij__paar{display:flex;gap:4px}.selectiebalk{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--accent-licht);border-bottom:1px solid #c5ddf0;font-size:13px}.selectiebalk strong{color:var(--accent-donker)}.selectievak{width:auto;cursor:pointer}.tabel td.selectiecel,.tabel th.selectiecel{width:34px;padding-right:0;text-align:center}.tabel tbody tr.geselecteerd{background:var(--accent-licht)}.tabel tbody tr.geselecteerd:hover{background:#dceaf6}.resultaatregel{display:flex;justify-content:space-between;gap:12px;font-size:12.5px;padding:5px 0;border-bottom:1px solid var(--rand)}.resultaatregel:last-child{border-bottom:none}.documentnaam{padding:0;font-size:13px;text-align:left}.documentviewer{min-height:420px;display:flex;flex-direction:column}.documentviewer__kader{width:100%;height:62vh;border:1px solid var(--rand);border-radius:var(--radius-klein);background:var(--werkblad)}.documentviewer__afbeelding{max-width:100%;max-height:62vh;object-fit:contain;border:1px solid var(--rand);border-radius:var(--radius-klein);background:var(--werkblad)}.documentviewer__tekst{margin:0;padding:12px;max-height:62vh;overflow:auto;background:#f7fafd;border:1px solid var(--rand);border-radius:var(--radius-klein);font-size:12.5px;white-space:pre-wrap;word-break:break-word}.vastleggen__knoppen{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.vastleggen__hoofdknop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:180px;min-height:120px;flex:1 1 180px;border:2px dashed var(--accent);border-radius:var(--radius);background:var(--accent-licht);color:var(--accent-donker);font:inherit;font-size:15px;font-weight:600;cursor:pointer}.vastleggen__hoofdknop span:first-child{font-size:32px}.vastleggen__hoofdknop:hover:not(:disabled){background:#dceaf6}.vastleggen__hoofdknop:disabled{opacity:.6;cursor:not-allowed}@media(max-width:720px){.raamwerk{grid-template-columns:1fr;grid-template-rows:auto 1fr}.navigatie{flex-direction:row;overflow-x:auto;padding-bottom:4px}.navigatie__groep,.navigatie__voet,.navigatie__merk span:last-child{display:none}.navigatie__item{border-left:none;border-bottom:3px solid transparent;white-space:nowrap}.navigatie__item--actief{border-left-color:transparent;border-bottom-color:#2f9bd8}.blad{padding:14px}.bladkop{flex-direction:column}.bladkop__acties{margin-left:0}}.blader{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 16px;border-top:1px solid var(--rand)}.lijst--kaal{list-style:none;margin:0;padding:0}.historie{margin-top:12px;padding-left:12px;border-left:2px solid var(--rand)}.tijdlijn{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.tijdlijn__punt{padding-bottom:10px;border-bottom:1px solid var(--rand)}.tijdlijn__punt:last-child{border-bottom:none;padding-bottom:0}.tijdlijn__kop{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}.tijdlijn__wie{color:var(--tekst-zacht);font-size:13px}