@font-face{font-family:Inter;src:url(/merk/inter-400-latin.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url(/merk/inter-500-latin.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Inter;src:url(/merk/inter-600-latin.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Inter;src:url(/merk/inter-700-latin.woff2)format("woff2");font-weight:700;font-display:swap}:root{--navy:#06070d;--navy-2:#11131c;--navy-3:#1c2030;--donker:#06070d;--accent:#38bdf8;--accent-donker:#0284c7;--accent-zacht:#e6f6fe;--op-accent:#06070d;--bg:#f5f5f7;--bg-verhoogd:#ececf0;--paneel:#fff;--rand:#e5e5ea;--tekst:#0b0c10;--gedempt:#4a4f5c;--goed:#17835a;--goed-zacht:#e3f4ec;--fout:#c0392b;--fout-zacht:#fbe9e7;--letop:#94620a;--letop-zacht:#fdf3dc;--font-kop:"Inter", "Helvetica Neue", Arial, sans-serif;--font-tekst:"Inter", "Helvetica Neue", Arial, sans-serif;--radius:14px;--radius-klein:10px;--schaduw:0 1px 2px #06070d0f, 0 4px 16px #06070d0f;--zijbalk:248px;--tabbalk:64px}*{box-sizing:border-box}html,body{max-width:100vw;margin:0;padding:0;overflow-x:hidden}body{font-family:var(--font-tekst);color:var(--tekst);background:var(--bg);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.55}a{color:inherit}img{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}h1,h2,h3,.kop{font-family:var(--font-kop);letter-spacing:-.02em;margin:0 0 12px;font-weight:600;line-height:1.2}h1{font-size:28px}h2{font-size:18px}h3{font-size:16px}p{margin:0 0 12px}.gedempt{color:var(--gedempt)}.klein{font-size:13px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.schil{min-height:100vh}.zijbalk{width:var(--zijbalk);background:var(--navy);color:#f3f4f8;z-index:20;flex-direction:column;gap:6px;padding:20px 14px;display:flex;position:fixed;inset:0 auto 0 0}.zijbalk .logo{padding:6px 10px 22px}.zijbalk .logo img{width:auto;height:34px}.navlink{border-radius:var(--radius-klein);color:#a9b3c7;align-items:center;gap:12px;padding:11px 12px;font-weight:500;text-decoration:none;display:flex}.navlink:hover{background:var(--navy-2);color:#fff}.navlink[aria-current=page]{background:var(--navy-3);color:#fff;box-shadow:inset 3px 0 #38bdf8}.navlink svg{flex:none;width:20px;height:20px}.zijbalk .onder{border-top:1px solid var(--navy-3);margin-top:auto;padding-top:14px}.zijbalk .wie{color:#8b93a7;text-overflow:ellipsis;white-space:nowrap;padding:0 12px 8px;font-size:13px;overflow:hidden}.inhoud{margin-left:var(--zijbalk);max-width:calc(1180px + var(--zijbalk));padding:28px 32px 48px}.topbalk,.tabbalk{display:none}@media (max-width:860px){.zijbalk{display:none}.topbalk{z-index:20;background:var(--navy);color:#fff;justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:flex;position:sticky;top:0}.topbalk img{width:auto;height:26px}.inhoud{padding:18px 16px calc(var(--tabbalk) + 28px);margin-left:0}.tabbalk{height:calc(var(--tabbalk) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--navy);z-index:20;border-top:1px solid var(--navy-3);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;inset:auto 0 0}.tab{color:#8b93a7;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:500;text-decoration:none;display:flex}.tab svg{width:22px;height:22px}.tab[aria-current=page]{color:#38bdf8}h1{font-size:24px}}.paginakop{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:20px;display:flex}.paginakop h1{margin:0}.paginakop p{color:var(--gedempt);margin:4px 0 0}.kaart{background:var(--paneel);border:1px solid var(--rand);border-radius:var(--radius);box-shadow:var(--schaduw);padding:20px}.kaart+.kaart{margin-top:16px}.raster>.kaart,.gesprekken>.kaart,.detail>.kaart{margin-top:0}.kaart-kop{justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;display:flex}.kaart-kop h2{margin:0}.raster{gap:16px;display:grid}.raster>*{min-width:0}.raster-4{grid-template-columns:repeat(4,minmax(0,1fr))}.raster-2{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:1100px){.raster-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:860px){.raster-2{grid-template-columns:1fr}}.tegel{background:var(--paneel);border:1px solid var(--rand);border-radius:var(--radius);box-shadow:var(--schaduw);padding:16px 18px;text-decoration:none;display:block}.tegel .getal{font-family:var(--font-kop);font-size:32px;font-weight:600;line-height:1.1}.tegel .label{color:var(--gedempt);margin-top:6px;font-size:13px}a.tegel:hover{border-color:var(--accent)}.knop{background:var(--accent);min-height:42px;color:var(--op-accent);cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:700;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.knop:hover{color:var(--op-accent);background:#7dd3fc}.knop:disabled{opacity:.55;cursor:not-allowed}.knop.tweede{background:var(--paneel);color:var(--tekst);border-color:var(--rand)}.knop.tweede:hover{border-color:var(--accent);color:var(--tekst)}.knop.gevaar{background:var(--paneel);color:var(--fout);border-color:#f0c9c4}.knop.gevaar:hover{background:var(--fout-zacht)}.knop.klein{min-height:34px;padding:0 14px;font-size:13px}.knop svg{width:18px;height:18px}.badge{white-space:nowrap;background:var(--bg-verhoogd);color:var(--navy-3);border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge.goed{background:var(--goed-zacht);color:var(--goed)}.badge.fout{background:var(--fout-zacht);color:var(--fout)}.badge.letop{background:var(--letop-zacht);color:var(--letop)}.badge.accent{background:var(--accent-zacht);color:var(--accent-donker)}.badge .stip{background:currentColor;border-radius:50%;width:7px;height:7px}.melding{border-radius:var(--radius-klein);border:1px solid var(--rand);background:var(--paneel);align-items:flex-start;gap:10px;margin-bottom:16px;padding:12px 14px;display:flex}.melding.goed{background:var(--goed-zacht);color:#0f5c3f;border-color:#bfe3d1}.melding.fout{background:var(--fout-zacht);color:#8e2a1f;border-color:#f0c9c4}.melding.letop{background:var(--letop-zacht);color:#6b4707;border-color:#efd9a6}.melding.info{background:var(--accent-zacht);color:#075985;border-color:#b3e5fc}.melding svg{flex:none;width:20px;height:20px;margin-top:1px}.melding p:last-child{margin:0}.veld{gap:6px;margin-bottom:14px;display:grid}.veld>span{font-size:13px;font-weight:600}.veld .hulp{color:var(--gedempt);font-size:12px}.invoer,select.invoer,textarea.invoer{border-radius:var(--radius-klein);border:1px solid var(--rand);background:#fff;width:100%;min-height:44px;padding:10px 12px;font-size:15px}textarea.invoer{resize:vertical;min-height:96px}.invoer:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-zacht);outline:none}.leeg{text-align:center;color:var(--gedempt);padding:40px 16px}.leeg svg{color:#a9b3c7;width:40px;height:40px;margin:0 auto 10px}.leeg strong{color:var(--tekst);margin-bottom:4px;display:block}.tabel{border-collapse:collapse;width:100%;font-size:14px}.tabel th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--gedempt);border-bottom:1px solid var(--rand);padding:0 12px 10px;font-size:12px;font-weight:600}.tabel td{border-bottom:1px solid var(--rand);vertical-align:middle;padding:12px}.tabel tr:last-child td{border-bottom:0}.tabel a{font-weight:600;text-decoration:none}.tabel tbody tr:hover{background:var(--bg)}.chips{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.chip{border:1px solid var(--rand);background:var(--paneel);color:var(--gedempt);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;text-decoration:none}.chip[aria-current=true]{background:var(--navy);color:#fff;border-color:var(--navy)}.chip .aantal{opacity:.7;margin-left:4px}.lijst-rij{border-bottom:1px solid var(--rand);align-items:center;gap:12px;padding:12px 4px;text-decoration:none;display:flex}.lijst-rij:last-child{border-bottom:0}.avatar{background:var(--navy);color:#fff;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-size:14px;font-weight:700;display:grid}.avatar.accent{background:var(--accent);color:var(--op-accent)}.rij-midden{flex:1;min-width:0;display:block}.rij-titel{align-items:center;gap:8px;font-weight:600;display:flex}.rij-sub{color:var(--gedempt);text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.rij-tijd{color:var(--gedempt);white-space:nowrap;font-size:12px}.alleen-mobiel{display:none}@media (max-width:860px){.alleen-mobiel{display:block}.alleen-mobiel.terugknop{display:grid}.alleen-groot{display:none!important}}.gesprekken{grid-template-columns:340px minmax(0,1fr);gap:16px;height:calc(100vh - 76px);min-height:480px;display:grid}.paneel-lijf>.thread{min-height:100%}.terugknop{flex:none;place-items:center;width:32px;height:32px}.gesprekken>.kaart{flex-direction:column;min-height:0;padding:0;display:flex;overflow:hidden}.paneel-kop{border-bottom:1px solid var(--rand);align-items:center;gap:10px;padding:14px 16px;display:flex}.paneel-kop h2{margin:0;font-size:18px}.paneel-lijf{flex:1;min-height:0;overflow-y:auto}.gesprek-lijst .lijst-rij{padding:12px 16px}.gesprek-lijst .lijst-rij[aria-current=page]{background:var(--accent-zacht)}.gesprek-lijst .lijst-rij:hover{background:var(--bg)}.zoek{border-bottom:1px solid var(--rand);padding:12px 16px;position:relative}.zoek svg{width:18px;height:18px;color:var(--gedempt);position:absolute;top:50%;left:28px;transform:translateY(-50%)}.zoek .invoer{min-height:40px;padding-left:38px}.thread{background:radial-gradient(circle at 20% 0%, #38bdf80f, transparent 40%), var(--bg);flex-direction:column;gap:6px;padding:18px 16px;display:flex}.dagscheiding{color:var(--gedempt);background:var(--paneel);border:1px solid var(--rand);border-radius:999px;align-self:center;margin:10px 0;padding:3px 12px;font-size:12px}.bel{white-space:pre-wrap;overflow-wrap:anywhere;border-radius:16px;max-width:min(78%,560px);padding:9px 12px 6px;position:relative;box-shadow:0 1px 1px #06070d0f}.bel.in{background:var(--paneel);border:1px solid var(--rand);border-bottom-left-radius:4px;align-self:flex-start}.bel.uit{background:#e0f4fe;border:1px solid #bae6fd;border-bottom-right-radius:4px;align-self:flex-end}.bel.uit.app{background:#eef1f5;border-color:#dde3ea}.bel.mislukt{background:var(--fout-zacht);border-color:#f0c9c4}.bel .meta{color:var(--gedempt);justify-content:flex-end;align-items:center;gap:4px;margin-top:3px;font-size:11px;display:flex}.bel .meta svg{width:15px;height:15px}.bel .meta .gelezen{color:var(--accent-donker)}.bel .label-app{color:var(--gedempt);margin-bottom:2px;font-size:11px;font-weight:600;display:block}.bel .fouttekst{color:var(--fout);margin-top:4px;font-size:12px;display:block}.opsteller{border-top:1px solid var(--rand);background:var(--paneel);padding:12px 16px}.opsteller form{align-items:flex-end;gap:10px;display:flex}.opsteller textarea{resize:none;flex:1;min-height:44px;max-height:160px}.opsteller .knop{flex:none}.venster-info{color:var(--gedempt);align-items:center;gap:6px;margin-bottom:8px;font-size:12px;display:flex}.venster-info svg{width:14px;height:14px}@media (max-width:860px){.gesprekken{height:calc(100vh - 56px - var(--tabbalk) - 36px);grid-template-columns:1fr}.gesprekken.met-thread>.lijst-paneel,.gesprekken.zonder-thread>.thread-paneel{display:none}.bel{max-width:88%}}.detail{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:16px;display:grid}@media (max-width:1100px){.detail{grid-template-columns:1fr}.detail>:last-child{order:-1}}.gegevens{grid-template-columns:110px minmax(0,1fr);gap:8px 12px;margin:0;font-size:14px;display:grid}.gegevens dt{color:var(--gedempt)}.gegevens dd{overflow-wrap:anywhere;margin:0}.tijdlijn{gap:12px;margin:0;padding:0;list-style:none;display:grid}.tijdlijn li{grid-template-columns:22px 1fr;align-items:start;gap:10px;display:grid}.tijdlijn .punt{background:var(--rand);width:12px;height:12px;box-shadow:0 0 0 4px var(--bg);border-radius:50%;justify-self:center;margin-top:5px}.tijdlijn .punt.verstuurd{background:var(--goed)}.tijdlijn .punt.gepland{background:var(--accent)}.tijdlijn .punt.overgeslagen,.tijdlijn .punt.mislukt{background:#c7cad3}.tijdlijn .punt.mislukt{background:var(--fout)}.knoppenrij{flex-wrap:wrap;gap:8px;display:flex}.schakelaar{border-bottom:1px solid var(--rand);justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.schakelaar:last-child{border-bottom:0}.sleutelvak{background:var(--navy);color:#bae6fd;border-radius:var(--radius-klein);overflow-wrap:anywhere;padding:12px 14px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px}input.schakel{appearance:none;cursor:pointer;background:#c7cad3;border-radius:999px;flex:none;width:46px;height:26px;margin:0;transition:background .15s;position:relative}input.schakel:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}input.schakel:checked{background:var(--accent)}input.schakel:checked:after{transform:translate(20px)}