:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--kleur-achtergrond:#f5f7fa;--kleur-vlak:#fff;--kleur-vlak-zacht:#f0f3f7;--kleur-rand:#e1e6ee;--kleur-rand-sterk:#c9d1dc;--kleur-tekst:#16202c;--merk-ring:#ff6a00;--merk-ballon:#0f2a44;--merk-stip:#0f2a44;--merk-rand:#fff;--kleur-tekst-zacht:#5a6675;--kleur-tekst-stil:#8592a1;--kleur-accent:#1b5fbd;--kleur-accent-hover:#164f9e;--kleur-accent-tekst:#fff;--kleur-accent-vlak:#e8f0fb;--kleur-waarschuwing:#8a5a00;--kleur-waarschuwing-vlak:#fff6e2;--kleur-goed:#1c6b46;--kleur-goed-vlak:#e6f4ec;--kleur-gevaar:#a32d2d;--kleur-gevaar-vlak:#fcebeb;--ruimte-1:4px;--ruimte-2:8px;--ruimte-3:12px;--ruimte-4:16px;--ruimte-5:24px;--ruimte-6:32px;--rond:8px;--rond-groot:12px;--schaduw:0 1px 2px #1020300d;--zijbalk:232px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--kleur-achtergrond:#0e141a;--kleur-vlak:#151d26;--kleur-vlak-zacht:#1b2530;--kleur-rand:#25313d;--kleur-rand-sterk:#34434f;--kleur-tekst:#e8edf3;--merk-ballon:#fff;--merk-stip:#fff;--merk-rand:var(--kleur-achtergrond);--kleur-tekst-zacht:#9bacbd;--kleur-tekst-stil:#718293;--kleur-accent:#6aa5f0;--kleur-accent-hover:#8ab9f5;--kleur-accent-tekst:#0e141a;--kleur-accent-vlak:#16283f;--kleur-waarschuwing:#f0c26a;--kleur-waarschuwing-vlak:#2a2314;--kleur-goed:#74d3a4;--kleur-goed-vlak:#12291f;--kleur-gevaar:#f09595;--kleur-gevaar-vlak:#2e1717}}:root[data-theme=dark]{--kleur-achtergrond:#0e141a;--kleur-vlak:#151d26;--kleur-vlak-zacht:#1b2530;--kleur-rand:#25313d;--kleur-rand-sterk:#34434f;--kleur-tekst:#e8edf3;--kleur-tekst-zacht:#9bacbd;--kleur-tekst-stil:#718293;--kleur-accent:#6aa5f0;--kleur-accent-hover:#8ab9f5;--kleur-accent-tekst:#0e141a;--kleur-accent-vlak:#16283f;--kleur-waarschuwing:#f0c26a;--kleur-waarschuwing-vlak:#2a2314;--kleur-goed:#74d3a4;--kleur-goed-vlak:#12291f;--kleur-gevaar:#f09595;--kleur-gevaar-vlak:#2e1717}*{box-sizing:border-box}body{color:var(--kleur-tekst);background:var(--kleur-achtergrond);margin:0;font:14px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}h1,h2,h3{letter-spacing:-.01em;margin:0;font-weight:600}h1{font-size:20px}h2{font-size:16px}h3{font-size:14px}p{margin:0}a{color:var(--kleur-accent)}:focus-visible{outline:2px solid var(--kleur-accent);outline-offset:2px}button,input,textarea,select{font:inherit;color:inherit}.zacht{color:var(--kleur-tekst-zacht)}.klein{font-size:12.5px}.alleen-lezer{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.rij{gap:var(--ruimte-3);align-items:center;display:flex}.rij--tussen{justify-content:space-between}.rij--breek{flex-wrap:wrap}.rij--onder{align-items:flex-end}.rij--eind{justify-content:flex-end}.rij--krap{gap:var(--ruimte-2)}.kolom{gap:var(--ruimte-3);flex-direction:column;display:flex}.kolom--krap{gap:var(--ruimte-1)}.kolom--ruim{gap:var(--ruimte-5)}.groei{flex:1;min-width:0}.knop{justify-content:center;align-items:center;gap:var(--ruimte-2);height:34px;padding:0 var(--ruimte-3);border:1px solid var(--kleur-rand-sterk);border-radius:var(--rond);background:var(--kleur-vlak);color:var(--kleur-tekst);cursor:pointer;white-space:nowrap;font-size:13.5px;font-weight:500;text-decoration:none;display:inline-flex}.knop:hover{background:var(--kleur-vlak-zacht)}.knop[disabled]{opacity:.5;cursor:not-allowed}.knop--primair{background:var(--kleur-accent);color:var(--kleur-accent-tekst);border-color:#0000}.knop--primair:hover{background:var(--kleur-accent-hover)}.knop--stil{color:var(--kleur-tekst-zacht);background:0 0;border-color:#0000}.knop--stil:hover{background:var(--kleur-vlak-zacht);color:var(--kleur-tekst)}.knop--gevaar{color:var(--kleur-gevaar)}.knop--gevaar:hover{background:var(--kleur-gevaar-vlak)}.knop--klein{height:28px;padding:0 var(--ruimte-2);font-size:12.5px}.knop--icoon{width:34px;padding:0}.knop--icoon.knop--klein{width:28px}.veld-groep{gap:var(--ruimte-1);flex-direction:column;min-width:0;display:flex}.veld-label{font-size:13px;font-weight:500}.veld-hulp{color:var(--kleur-tekst-zacht);font-size:12.5px}.veld{width:100%;min-height:34px;padding:6px var(--ruimte-3);border:1px solid var(--kleur-rand-sterk);border-radius:var(--rond);background:var(--kleur-vlak)}.veld:hover{border-color:var(--kleur-tekst-stil)}textarea.veld{resize:vertical;line-height:1.5}.veld::placeholder{color:var(--kleur-tekst-stil)}.schakelaar{align-items:center;gap:var(--ruimte-2);cursor:pointer;font-size:13px;display:inline-flex}.schakelaar input{appearance:none;background:var(--kleur-rand-sterk);cursor:pointer;border-radius:999px;width:32px;height:18px;margin:0;transition:background .15s;position:relative}.schakelaar input:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .15s;position:absolute;top:2px;left:2px}.schakelaar input:checked{background:var(--kleur-accent)}.schakelaar input:checked:after{transform:translate(14px)}.kaart{background:var(--kleur-vlak);border:1px solid var(--kleur-rand);border-radius:var(--rond-groot);box-shadow:var(--schaduw)}.kaart--ruimte{padding:var(--ruimte-4)}.kaart--accent{border-color:var(--kleur-accent)}.lijst{margin:0;padding:0;list-style:none}.lijst>li+li{border-top:1px solid var(--kleur-rand)}.lijst-rij{justify-content:space-between;align-items:center;gap:var(--ruimte-3);padding:var(--ruimte-3) var(--ruimte-4);min-width:0;display:flex}button.lijst-rij,a.lijst-rij{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border:0;text-decoration:none}button.lijst-rij:hover,a.lijst-rij:hover{background:var(--kleur-vlak-zacht)}.lijst-rij[aria-current=true]{background:var(--kleur-accent-vlak)}.label{padding:1px var(--ruimte-2);background:var(--kleur-vlak-zacht);color:var(--kleur-tekst-zacht);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;font-size:12px;font-weight:500;display:inline-flex}.label--wacht{background:var(--kleur-waarschuwing-vlak);color:var(--kleur-waarschuwing)}.label--klaar{background:var(--kleur-goed-vlak);color:var(--kleur-goed)}.label--accent{background:var(--kleur-accent-vlak);color:var(--kleur-accent)}.label--gevaar{background:var(--kleur-gevaar-vlak);color:var(--kleur-gevaar)}.melding{padding:var(--ruimte-3) var(--ruimte-4);border-radius:var(--rond);background:var(--kleur-waarschuwing-vlak);color:var(--kleur-waarschuwing);font-size:13.5px}.melding--info{background:var(--kleur-accent-vlak);color:var(--kleur-accent)}.leeg{padding:var(--ruimte-6) var(--ruimte-4);text-align:center;color:var(--kleur-tekst-zacht);border:1px dashed var(--kleur-rand-sterk);border-radius:var(--rond-groot)}.tabs{gap:var(--ruimte-4);border-bottom:1px solid var(--kleur-rand);display:flex;overflow-x:auto}.tab{padding:var(--ruimte-2) 2px;color:var(--kleur-tekst-zacht);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;font-size:13.5px;font-weight:500;display:inline-flex}.tab:hover{color:var(--kleur-tekst)}.tab[aria-selected=true]{color:var(--kleur-accent);border-bottom-color:var(--kleur-accent)}.tab-teller{background:var(--kleur-vlak-zacht);color:var(--kleur-tekst-zacht);border-radius:999px;padding:0 6px;font-size:11.5px}.tab[aria-selected=true] .tab-teller{background:var(--kleur-accent-vlak);color:var(--kleur-accent)}.paginakop{justify-content:space-between;align-items:flex-start;gap:var(--ruimte-4);flex-wrap:wrap;display:flex}.paginakop p{color:var(--kleur-tekst-zacht);max-width:68ch;margin-top:var(--ruimte-1)}.kengetal{padding:var(--ruimte-4);border-radius:var(--rond-groot);background:var(--kleur-vlak);border:1px solid var(--kleur-rand)}.kengetal strong{letter-spacing:-.02em;font-size:24px;font-weight:600;display:block}.kengetal span{color:var(--kleur-tekst-zacht);font-size:12.5px}.rooster{gap:var(--ruimte-3);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.balk{background:var(--kleur-accent);border-radius:3px;height:6px}.schil{grid-template-columns:var(--zijbalk) minmax(0, 1fr);min-height:100vh;display:grid}.zijbalk{height:100vh;padding:var(--ruimte-3) var(--ruimte-2);background:var(--kleur-vlak);border-right:1px solid var(--kleur-rand);flex-direction:column;gap:2px;display:flex;position:sticky;top:0;overflow-y:auto}.merk{padding:var(--ruimte-2) var(--ruimte-3) var(--ruimte-3);letter-spacing:-.02em;font-size:16px;font-weight:650}.zijbalk-groep{padding:var(--ruimte-3) var(--ruimte-3) var(--ruimte-1);color:var(--kleur-tekst-stil);font-size:11.5px;font-weight:500}.zijbalk-item{align-items:center;gap:var(--ruimte-2);width:100%;padding:7px var(--ruimte-3);border-radius:var(--rond);color:var(--kleur-tekst-zacht);text-align:left;cursor:pointer;background:0 0;border:0;font-size:13.5px;font-weight:500;display:flex}.zijbalk-item:hover{background:var(--kleur-vlak-zacht);color:var(--kleur-tekst)}.zijbalk-item[aria-current=page]{background:var(--kleur-accent-vlak);color:var(--kleur-accent)}.zijbalk-item .teller{background:var(--kleur-accent);color:var(--kleur-accent-tekst);border-radius:999px;margin-left:auto;padding:0 6px;font-size:11.5px}.zijbalk-voet{padding-top:var(--ruimte-2);border-top:1px solid var(--kleur-rand);margin-top:auto}.bovenbalk{z-index:5;justify-content:space-between;align-items:center;gap:var(--ruimte-3);height:52px;padding:0 var(--ruimte-5);background:color-mix(in srgb, var(--kleur-achtergrond) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--kleur-rand);display:flex;position:sticky;top:0}.menuknop{display:none}.inhoud{padding:var(--ruimte-5);width:100%;max-width:1180px}.inhoud--breed{max-width:none}.gebruikersmenu{position:relative}.avatar{background:var(--kleur-accent-vlak);width:30px;height:30px;color:var(--kleur-accent);cursor:pointer;border:0;border-radius:50%;font-size:12px;font-weight:600}.uitklap{z-index:10;width:260px;padding:var(--ruimte-3);gap:var(--ruimte-3);background:var(--kleur-vlak);border:1px solid var(--kleur-rand);border-radius:var(--rond-groot);flex-direction:column;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #10203024}.avatar-foto{object-fit:cover;border-radius:50%;width:30px;height:30px;display:block}.profielfoto{object-fit:cover;border-radius:50%;width:96px;height:96px;display:block}.profielfoto--leeg{background:var(--kleur-accent-vlak);color:var(--kleur-accent);justify-content:center;align-items:center;font-size:28px;font-weight:600;display:flex}.mail{gap:var(--ruimte-3);padding:var(--ruimte-4);background:var(--kleur-vlak);border:1px solid var(--kleur-rand);border-radius:var(--rond-groot);flex-direction:column;display:flex}.mail-tekst{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55}.mail-handtekening{padding-top:var(--ruimte-3);border-top:1px solid var(--kleur-rand);white-space:pre-wrap;color:var(--kleur-tekst-zacht);line-height:1.5}.voorbeeld-kop{grid-template-columns:max-content 1fr;gap:4px 12px;margin:0;font-size:14px;display:grid}.voorbeeld-kop dt{color:var(--kleur-tekst-zacht)}.voorbeeld-kop dd{margin:0}.mail .voorbeeld-kop{padding-bottom:var(--ruimte-3);border-bottom:1px solid var(--kleur-rand)}.voorbeeld-tekst{padding:var(--ruimte-4);white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;background:var(--kleur-vlak-zacht);border:1px solid var(--kleur-rand);border-radius:var(--rond);margin:0}.uitklap--breed{width:340px;max-height:70vh;overflow-y:auto}.bel{width:30px;height:30px;color:var(--kleur-tekst-zacht);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:relative}.bel:hover{background:var(--kleur-vlak-zacht)}.bel-teller{background:var(--kleur-gevaar);color:#fff;text-align:center;border-radius:999px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:600;line-height:16px;position:absolute;top:-2px;right:-4px}.meldingen{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.melding-rij{width:100%;padding:var(--ruimte-2) var(--ruimte-2);border-radius:var(--rond);color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0}.melding-rij:hover{background:var(--kleur-vlak-zacht)}.melding-rij[data-ongelezen=true]{background:var(--kleur-accent-vlak)}.werkbak{gap:var(--ruimte-4);grid-template-columns:minmax(280px,360px) minmax(0,1fr);grid-template-areas:"filter filter""lijst gesprek";align-items:start;display:grid}.werkbak-filter{gap:var(--ruimte-3);flex-direction:column;grid-area:filter;min-width:0;display:flex}.werkbak-zoek{max-width:360px}.werkbak-lijst{grid-area:lijst}.werkbak-gesprek{grid-area:gesprek}.zaakrij{flex-direction:column;align-items:stretch;gap:2px;display:flex}.zaakrij-kop{justify-content:space-between;gap:var(--ruimte-2);align-items:baseline;display:flex}.zaakrij-kop strong{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.afgekapt{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hubbery-zegt{color:var(--kleur-accent);align-items:baseline;gap:var(--ruimte-1);display:inline-flex}.hubbery-zegt:before{content:"·";opacity:.7}.zaakrij-voet{gap:var(--ruimte-2);color:var(--kleur-tekst-stil);align-items:center;font-size:12px;display:flex}.gesprek{gap:var(--ruimte-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.bericht{padding:var(--ruimte-3) var(--ruimte-4);border-radius:var(--rond-groot);background:var(--kleur-vlak-zacht);max-width:80%}.bericht--uit{background:var(--kleur-accent-vlak);margin-left:auto}.bericht--ai{border:1px dashed var(--kleur-accent)}.bericht--intern{border:1px dashed var(--kleur-rand-sterk);background:0 0;max-width:100%}.bericht-kop{gap:var(--ruimte-2);color:var(--kleur-tekst-zacht);align-items:center;font-size:12px;display:flex}.bericht-kop strong{color:var(--kleur-tekst)}.bericht p{margin-top:var(--ruimte-1);white-space:pre-wrap;overflow-wrap:anywhere}.bijlagen{gap:var(--ruimte-2);margin:var(--ruimte-2) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.bijlage{height:28px;padding:0 var(--ruimte-2);border:1px solid var(--kleur-rand-sterk);border-radius:var(--rond);background:var(--kleur-vlak);cursor:pointer;align-items:center;gap:6px;font-size:12.5px;display:inline-flex}.bijlage:hover{background:var(--kleur-vlak-zacht)}.bijlage[disabled]{cursor:not-allowed;color:var(--kleur-gevaar)}.opsteller{border:1px solid var(--kleur-rand-sterk);border-radius:var(--rond-groot);background:var(--kleur-vlak);overflow:hidden}.opsteller--voorstel{border-color:var(--kleur-accent)}.opsteller-kop{justify-content:space-between;gap:var(--ruimte-3);padding:var(--ruimte-2) var(--ruimte-3);background:var(--kleur-accent-vlak);color:var(--kleur-accent);flex-wrap:wrap;font-size:12.5px;display:flex}.opsteller textarea{width:100%;min-height:120px;padding:var(--ruimte-3);resize:vertical;background:0 0;border:0;outline:none;line-height:1.55;display:block}.opsteller-handtekening{margin:0 var(--ruimte-3) var(--ruimte-2);padding-top:var(--ruimte-2);border-top:1px dashed var(--kleur-rand);white-space:pre-wrap;color:var(--kleur-tekst-zacht);line-height:1.5}.opsteller-voet{align-items:stretch;gap:var(--ruimte-2);min-width:0;padding:var(--ruimte-2) var(--ruimte-3);border-top:1px solid var(--kleur-rand);flex-direction:column;display:flex}.opsteller-voet>:last-child{justify-content:flex-end}.hulp-keuzes{gap:var(--ruimte-2);padding:var(--ruimte-2) var(--ruimte-3);border:0;border-top:1px solid var(--kleur-rand);background:var(--kleur-accent-vlak);border-radius:0;flex-wrap:wrap;margin:0;display:flex}.dialoog-sluier{z-index:30;padding:var(--ruimte-4);place-items:center;display:grid;position:fixed;inset:0}.dialoog-achtergrond{background:#00000073;border:0;position:absolute;inset:0}.dialoog{background:var(--kleur-vlak);border:1px solid var(--kleur-rand);border-radius:var(--rond-groot);flex-direction:column;width:100%;max-width:560px;max-height:calc(100vh - 32px);display:flex;position:relative;box-shadow:0 24px 64px #10203047}.dialoog--breed{max-width:760px}.dialoog-kop{padding:var(--ruimte-3) var(--ruimte-4);border-bottom:1px solid var(--kleur-rand);justify-content:space-between;align-items:center;display:flex}.dialoog-inhoud{padding:var(--ruimte-4);overflow-y:auto}.zaakrij[data-ongelezen=true] .zaakrij-kop strong{font-weight:700}.zaakrij[data-ongelezen=true]:before{content:"";background:var(--kleur-accent);border-radius:50%;width:6px;height:6px;margin-top:-3px;position:absolute;top:50%;left:6px}.zaakrij{position:relative}.bulkbalk{bottom:var(--ruimte-3);z-index:4;gap:var(--ruimte-2);padding:var(--ruimte-2) var(--ruimte-3);background:var(--kleur-vlak);border:1px solid var(--kleur-accent);border-radius:var(--rond-groot);flex-wrap:wrap;align-items:center;display:flex;position:sticky;box-shadow:0 8px 24px #10203024}.avatar--klein{cursor:default;width:22px;height:22px;font-size:10px}.los{min-height:100vh;padding:var(--ruimte-4);place-items:center;display:grid}.los>*{width:100%;max-width:420px}@media (width<=860px){.schil{grid-template-columns:minmax(0,1fr)}.zijbalk{z-index:20;width:min(280px,84vw);transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-100%);box-shadow:0 0 40px #00000040}.zijbalk[data-open=true]{transform:none}.sluier{z-index:15;background:#0006;border:0;position:fixed;inset:0}.menuknop{display:inline-flex}.bovenbalk,.inhoud{padding-left:var(--ruimte-4);padding-right:var(--ruimte-4)}.werkbak{grid-template-columns:minmax(0,1fr);grid-template-areas:"filter""lijst""gesprek"}.werkbak[data-open=true] .werkbak-filter,.werkbak[data-open=true] .werkbak-lijst{display:none}.bericht{max-width:92%}}@media (width>=861px){.sluier,.terug-knop{display:none}}.logo{color:inherit;align-items:center;gap:0;text-decoration:none;display:inline-flex}.logo--verticaal{text-align:center;flex-direction:column;gap:0}.logo-woordmerk{flex:none;display:block}.logo-ondertitel{opacity:.72}.laadicoon{padding:var(--ruimte-4);color:var(--kleur-tekst-zacht);flex-direction:column;align-items:center;gap:6px;display:inline-flex}.laadicoon-tekstblok{flex-direction:column;gap:2px;display:flex}.laadicoon--rij{padding:var(--ruimte-2) var(--ruimte-3);text-align:left;flex-direction:row;gap:10px}.laadicoon-tekst{color:var(--kleur-tekst);font-weight:500}.knop-laadicoon{flex:none}.laadicoon-uitleg{font-size:.9em}.laadicoon-ring{opacity:.3}@media (prefers-reduced-motion:reduce){.laadicoon-ring{opacity:1}.laadicoon-spoor{display:none}}