:root{--kd-papier: var(--vlak);--kd-vlak: var(--vlak-2);--kd-wit: var(--wit);--kd-lijn: var(--lijn);--kd-lijn-zacht: var(--lijn-zacht);--kd-ink: var(--ink);--kd-ink-zacht: var(--ink-2);--kd-ink-licht: var(--ink-4);--kd-accent: var(--paars);--kd-probleem: var(--rood);--kd-aandacht: var(--amber);--kd-laag: var(--grijs);--kd-goed: var(--groen);--kd-radius: var(--rond-s);--kd-klant: var(--ink)}.kd-blad{background:var(--kd-papier);color:var(--kd-ink);font-size:14px;line-height:1.45;font-variant-numeric:tabular-nums}.kd-blad a{color:var(--kd-accent);text-decoration:none;font-weight:600}.kd-blad a:hover{color:var(--kd-ink)}.kd-blad :focus-visible{outline:2px solid var(--kd-accent);outline-offset:2px;border-radius:4px}.kd-zacht{color:var(--kd-ink-licht)}.kd-medium{color:var(--kd-ink-zacht)}.kd-probleem{color:var(--kd-probleem)}.kd-aandacht{color:var(--kd-aandacht)}.kd-goed{color:var(--kd-goed)}.kd-vak{background:var(--kd-wit);border:1px solid var(--kd-lijn);border-radius:var(--kd-radius)}.kd-scheiding{border-top:1px solid var(--kd-lijn-zacht);padding-top:10px}.kd-paginakop{display:flex;align-items:baseline;justify-content:space-between;padding:26px 28px 0}.kd-paginakop h1{margin:0;font-size:19px;font-weight:600;letter-spacing:-.015em}.kd-telling{font-size:12.5px;color:var(--kd-ink-licht)}.kd-sectiekop{font-size:15px;font-weight:600}.kd-kaartkop{font-size:13px;font-weight:600}.kd-waarde{font-size:26px;font-weight:600;letter-spacing:-.02em;line-height:1.1}.kd-waarde--leeg{color:var(--kd-ink-licht)}.kd-label{font-size:11.5px;color:var(--kd-ink-licht)}.kd-vorige{font-size:12px;color:var(--kd-ink-licht)}.kd-delta{font-size:12px}.kd-delta--op{color:var(--kd-goed)}.kd-delta--af{color:var(--kd-probleem)}.kd-delta--vlak{color:var(--kd-ink-zacht)}.kd-stip{width:7px;height:7px;border-radius:50%;flex:none;display:inline-block}.kd-stip--probleem{background:var(--kd-probleem)}.kd-stip--aandacht{background:var(--kd-aandacht)}.kd-stip--goed{background:var(--kd-goed)}.kd-stip--laag{background:var(--kd-laag)}.kd-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border:1px solid var(--kd-lijn);border-radius:999px;font-size:11.5px;color:var(--kd-ink-zacht);white-space:nowrap}.kd-badge--rust{color:var(--kd-ink-licht)}.kd-chips{display:flex;flex-wrap:wrap;gap:5px}.kd-chip{padding:3px 8px;border:1px solid var(--kd-lijn-zacht);border-radius:999px;font-size:11.5px;color:var(--kd-ink-zacht)}.kd-nogniet{display:inline-block;padding:2px 8px;border-radius:999px;background:var(--kd-vlak);color:var(--kd-ink-licht);font-size:11.5px}.kd-knop{display:inline-flex;align-items:center;height:34px;padding:0 14px;border:1px solid transparent;border-radius:var(--kd-radius);background:var(--kd-accent);color:var(--kd-papier);font-size:13px;font-weight:600;font-family:inherit;cursor:pointer}.kd-knop:hover{filter:brightness(.94)}.kd-knop--stil{background:var(--kd-wit);border-color:var(--kd-lijn);color:var(--kd-ink-zacht);font-weight:400}.kd-knop--klein{height:30px;padding:0 13px;font-size:12.5px}.kd-tekstknop{background:none;border:0;padding:0;font:inherit;cursor:pointer;color:var(--kd-accent);font-size:12.5px;font-weight:600}.kd-veld,.kd-keuze{display:flex;align-items:center;height:34px;padding:0 11px;border:1px solid var(--kd-lijn);border-radius:var(--kd-radius);background:var(--kd-wit);font-size:13px;font-family:inherit;color:var(--kd-ink)}.kd-veld--zoek{width:260px;color:var(--kd-ink-licht)}.kd-keuze{width:168px;justify-content:space-between;cursor:pointer}.kd-bediening{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:18px 28px 20px}.kd-bediening .kd-rechts{margin-left:auto}.kd-meldingen{margin:18px 28px 0}.kd-melding{display:flex;align-items:flex-start;gap:10px;padding:12px 14px}.kd-melding+.kd-melding{border-top:1px solid var(--kd-lijn-zacht)}.kd-melding .kd-stip{margin-top:6px}.kd-melding-titel{font-size:13px;font-weight:600}.kd-melding-wat{font-size:12.5px;color:var(--kd-ink-zacht)}.kd-melding-regels{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--kd-ink-zacht);padding-top:2px}.kd-melding-regels>div{display:flex;justify-content:space-between;max-width:420px}.kd-demomelding{display:flex;align-items:center;gap:10px;margin:18px 28px 0;padding:10px 14px;border:1px dashed var(--kd-lijn);border-radius:var(--kd-radius);background:var(--kd-vlak);font-size:12.5px;color:var(--kd-ink-zacht)}.kd-tegels{display:grid;gap:14px;padding:0 28px 28px;grid-template-columns:repeat(auto-fill,minmax(268px,1fr))}.kd-tegel{display:flex;flex-direction:column;gap:12px;padding:14px 15px 12px}.kd-tegelkop{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.kd-logo{width:16px;height:16px;border-radius:3px;flex:none}.kd-logo--groot{width:26px;height:26px;border-radius:4px}.kd-tegelnaam{display:flex;align-items:center;gap:7px;font-size:15px;font-weight:600}.kd-tegelvoet{display:flex;align-items:center;justify-content:space-between;margin-top:auto;border-top:1px solid var(--kd-lijn-zacht);padding-top:10px}.kd-hoofdcijfer{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.kd-cijferpaar{display:flex;align-items:baseline;gap:8px}.kd-lijst{display:flex;flex-direction:column;gap:5px;font-size:12.5px}.kd-lijstregel{display:flex;justify-content:space-between;gap:10px}.kd-dashkop{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 28px 16px}.kd-klantlijn{height:2px;background:var(--kd-klant)}.kd-periode{display:flex;border:1px solid var(--kd-lijn);border-radius:var(--kd-radius);overflow:hidden;font-size:12.5px}.kd-periode button{padding:7px 12px;border:0;background:none;font:inherit;color:var(--kd-ink-zacht);cursor:pointer}.kd-periode button.kd-aan{background:var(--kd-klant);color:var(--kd-papier);font-weight:600}.kd-attentie{display:flex;align-items:center;gap:10px;padding:12px 28px;border-bottom:1px solid var(--kd-lijn);font-size:12.5px;color:var(--kd-ink-zacht)}.kd-attentie strong{font-size:13px;color:var(--kd-ink)}.kd-attentie .kd-rechts{margin-left:auto}.kd-funnel{padding:22px 28px 0}.kd-funnel-kop{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px}.kd-funnel-rij{display:flex;align-items:flex-end}.kd-funnel-stap{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}.kd-funnel-balk{background:var(--kd-klant);border-radius:3px}.kd-funnel-naam{font-size:12.5px;color:var(--kd-ink-zacht)}.kd-funnel-tussen{width:96px;flex:none;display:flex;flex-direction:column;align-items:center;gap:3px;padding-bottom:26px;font-size:12.5px;color:var(--kd-ink-licht)}.kd-funnel-tussen span{display:block;width:100%;height:1px;background:var(--kd-lijn)}.kd-kaarten{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:26px 28px 0}.kd-kaart{display:flex;flex-direction:column;gap:12px;padding:14px 15px;text-align:left;font:inherit;color:inherit;cursor:pointer}.kd-kaart:hover{border-color:var(--kd-ink-licht)}.kd-onder{display:flex;gap:20px;align-items:flex-start;padding:26px 28px 30px}.kd-kolom{flex:1;min-width:0;display:flex;flex-direction:column;gap:14px}.kd-tabs{display:flex;gap:6px;border-bottom:1px solid var(--kd-lijn)}.kd-tab{padding:8px 12px;border:0;background:none;font:inherit;font-size:13px;color:var(--kd-ink-zacht);cursor:pointer}.kd-tab.kd-aan{color:var(--kd-ink);font-weight:600;box-shadow:inset 0 -2px 0 var(--kd-accent)}.kd-paneel{overflow:hidden}.kd-paneelkop{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:14px 16px 12px}.kd-paneelkop--lijn{border-bottom:1px solid var(--kd-lijn)}.kd-tabel{display:flex;flex-direction:column}.kd-tabel-kop,.kd-tabel-rij{display:grid;align-items:center}.kd-tabel-kop{font-size:11.5px;color:var(--kd-ink-licht);padding:0 16px 8px;border-bottom:1px solid var(--kd-lijn)}.kd-tabel-kop button{border:0;background:none;padding:0;font:inherit;color:inherit;cursor:pointer;text-align:inherit}.kd-tabel-kop .kd-sorteer{color:var(--kd-ink-zacht)}.kd-tabel-rij{font-size:12.5px;padding:11px 16px;border-bottom:1px solid var(--kd-lijn-zacht)}.kd-tabel-rij:last-child{border-bottom:0}.kd-rechts-uit{text-align:right}.kd-afkap{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kd-tabelvoet{padding:12px 16px}.kd-kanaalpillen{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.kd-kanaalpil{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border:1px solid var(--kd-lijn);border-radius:999px;background:var(--kd-vlak);color:var(--kd-ink-zacht);font:inherit;font-size:12.5px;cursor:pointer}.kd-kanaalpil.kd-aan{color:var(--kd-ink);font-weight:600;background:var(--kd-wit);border-color:var(--kd-ink)}.kd-uitleg{margin:14px 16px 16px;padding:12px 14px;border:1px dashed var(--kd-lijn);border-radius:var(--kd-radius);background:var(--kd-vlak)}.kd-uitleg h4{margin:0 0 4px;font-size:13px;font-weight:600}.kd-uitleg p{margin:0;font-size:12.5px;color:var(--kd-ink-zacht)}.kd-voetnoot{padding:14px 28px 26px;font-size:12px;color:var(--kd-ink-licht)}.kd-lead{border-bottom:1px solid var(--kd-lijn-zacht)}.kd-lead:last-child{border-bottom:0}.kd-lead--open{background:var(--kd-papier)}.kd-leadregel{display:flex;align-items:center;gap:14px;padding:12px 16px}.kd-leaddatum{width:52px;font-size:12.5px;color:var(--kd-ink-licht);flex:none}.kd-leadnaam{width:180px;font-size:13px;flex:none}.kd-leadkanaal{width:96px;font-size:12.5px;color:var(--kd-ink-zacht);flex:none}.kd-leadcampagne{flex:1;min-width:0;font-size:12.5px;color:var(--kd-ink-zacht)}.kd-leadscore{display:flex;align-items:center;gap:8px}.kd-leadscore-getal{font-size:15px;font-weight:600}.kd-keuzerij{display:flex;gap:6px;flex-wrap:wrap}.kd-keuzeknop{padding:4px 10px;border:1px solid var(--kd-lijn);border-radius:8px;background:var(--kd-wit);font:inherit;font-size:12px;color:var(--kd-ink-zacht);cursor:pointer}.kd-keuzeknop:hover{border-color:var(--kd-ink-licht)}.kd-keuzeknop.kd-aan{border-color:var(--kd-ink);color:var(--kd-ink);font-weight:600}.kd-scoreblok{padding:2px 16px 16px 82px;display:flex;flex-direction:column;gap:10px}.kd-scorevraag{display:flex;align-items:center;gap:14px}.kd-scorevraag-naam{width:210px;flex:none;font-size:12.5px;color:var(--kd-ink-zacht)}.kd-scorevraag-punten{margin-left:auto;font-size:12px;color:var(--kd-ink-licht)}.kd-scorevoet{display:flex;align-items:center;gap:12px;border-top:1px solid var(--kd-lijn-zacht);padding-top:10px}.kd-werk{width:268px;flex:none;padding:14px 15px;display:flex;flex-direction:column;gap:12px}.kd-werkregels{display:flex;flex-direction:column;gap:11px}.kd-werkregel{display:flex;flex-direction:column;gap:2px}.kd-werkregel:not(:last-child){padding-bottom:11px;border-bottom:1px solid var(--kd-lijn-zacht)}.kd-werkregel div:first-child{font-size:12.5px}.kd-werkregel div:last-child{font-size:11.5px;color:var(--kd-ink-licht)}.kd-cijferrij{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:22px 28px 0}.kd-cijferkaart{padding:14px 15px;display:flex;flex-direction:column;gap:2px}.kd-grafiek{margin:14px 28px 0;padding:14px 16px 10px}.kd-grafiek svg{display:block;width:100%;height:auto}.kd-twee{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:14px 28px 0}.kd-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#1c243047;display:flex;align-items:flex-start;justify-content:center;padding:48px 20px;overflow:auto}.kd-venster{width:100%;max-width:720px;background:var(--kd-papier);border:1px solid var(--kd-lijn);border-radius:var(--kd-radius);overflow:hidden}.kd-vensterkop{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--kd-lijn)}.kd-stappen{display:flex;gap:20px;padding:12px 18px;border-bottom:1px solid var(--kd-lijn);font-size:12.5px}.kd-stap{border:0;background:none;padding:0 0 2px;font:inherit;color:var(--kd-ink-licht);cursor:pointer}.kd-stap.kd-gehad{color:var(--kd-ink-zacht)}.kd-stap.kd-aan{color:var(--kd-ink);font-weight:600;box-shadow:inset 0 -2px 0 var(--kd-accent)}.kd-vensterbody{padding:18px;display:flex;gap:20px}.kd-vensterkolom{flex:1;min-width:0;display:flex;flex-direction:column;gap:14px}.kd-vensterzij{width:262px;flex:none;display:flex;flex-direction:column;gap:8px}.kd-vensvoet{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-top:1px solid var(--kd-lijn)}.kd-veldgroep{display:flex;flex-direction:column;gap:6px}.kd-veldnaam{font-size:12.5px;color:var(--kd-ink-zacht)}.kd-logovak{display:flex;align-items:center;gap:10px;padding:12px;border:1px dashed var(--kd-lijn);border-radius:var(--kd-radius)}.kd-kleurveld{display:flex;align-items:center;gap:10px;height:34px;padding:0 10px;border:1px solid var(--kd-lijn);border-radius:var(--kd-radius);font-size:12.5px}.kd-kleurveld input[type=color]{width:16px;height:16px;padding:0;border:0;background:none;border-radius:3px;cursor:pointer;flex:none}.kd-kleurveld input[type=text]{border:0;background:none;font:inherit;font-size:12.5px;color:var(--kd-ink);width:80px}.kd-kleurveld .kd-kleurnaam{width:74px;color:var(--kd-ink-zacht)}.kd-subdomein{display:flex;align-items:center;height:34px;overflow:hidden;border:1px solid var(--kd-lijn);border-radius:var(--kd-radius);font-size:12.5px}.kd-subdomein input{border:0;background:none;font:inherit;padding:0 10px;flex:1;min-width:0}.kd-subdomein span{padding:0 10px;height:100%;display:flex;align-items:center;background:var(--kd-vlak);border-left:1px solid var(--kd-lijn);color:var(--kd-ink-licht)}.kd-drempelbalk{display:flex;height:8px;border-radius:999px;overflow:hidden;background:var(--kd-lijn-zacht)}.kd-voorbeeldkop{border:1px solid var(--kd-lijn);border-radius:var(--kd-radius);overflow:hidden;background:var(--kd-wit)}@media (max-width: 860px){.kd-paginakop,.kd-bediening,.kd-tegels,.kd-dashkop,.kd-attentie,.kd-funnel,.kd-kaarten,.kd-onder,.kd-cijferrij,.kd-twee,.kd-voetnoot,.kd-meldingen,.kd-demomelding{padding-left:16px;padding-right:16px}.kd-meldingen,.kd-demomelding,.kd-grafiek{margin-left:16px;margin-right:16px}.kd-dashkop{flex-wrap:wrap;row-gap:12px}.kd-funnel-rij{flex-direction:column;align-items:stretch;gap:4px}.kd-funnel-balk{height:10px!important;width:var(--kd-balkbreedte, 100%)}.kd-funnel-tussen{width:100%;padding:4px 0;align-items:flex-start}.kd-funnel-tussen span{display:none}.kd-kaarten,.kd-cijferrij,.kd-twee{grid-template-columns:1fr}.kd-onder{flex-direction:column}.kd-werk{width:100%}.kd-vensterbody{flex-direction:column}.kd-vensterzij{width:100%}.kd-leadregel{flex-wrap:wrap;gap:8px}.kd-leadnaam,.kd-leadkanaal{width:auto}.kd-scoreblok{padding-left:16px}.kd-scorevraag{flex-direction:column;align-items:flex-start;gap:6px}.kd-scorevraag-naam{width:auto}.kd-scorevraag-punten{margin-left:0}.kd-tabel-kop{display:none}.kd-tabel-rij{grid-template-columns:1fr!important;gap:4px;padding:12px 16px}.kd-tabel-rij>div{white-space:normal;text-align:right}.kd-tabel-rij>div:first-child{text-align:left;font-weight:600;margin-bottom:2px}.kd-tabel-rij>div+div:before{content:attr(data-kop);float:left;margin-right:12px;color:var(--kd-ink-licht);font-weight:400}}@media (prefers-reduced-motion: reduce){.kd-blad *{transition:none!important}}:root{--ink:#16171B;--ink-2:#5C6270;--ink-3:#7A8090;--ink-4:#8A90A0;--ink-5:#9AA0AE;--wit:#FFFFFF;--vlak:#FCFCFD;--vlak-2:#F6F6F8;--lijn:#EEECF4;--lijn-zacht:#F2F0F7;--lijn-sterk:#E8E6F0;--paars:#5A56C6;--paars-vlak:rgba(90,86,198,.09);--magenta:#8E3A62;--magenta-vlak:rgba(142,58,98,.09);--groen:#1E8A5B;--groen-vlak:#ECF6F1;--amber:#B0730F;--amber-vlak:#FBF4E8;--rood:#C0342C;--rood-vlak:#FBF0EF;--rood-lijn:#F0D9D7;--rood-zacht:#A8635E;--blauw:#1E7FC4;--blauw-vlak:#EDF4FB;--grijs:#9AA0AE;--grijs-vlak:#F3F4F6;--tekst:"Archivo",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--label:"IBM Plex Mono",ui-monospace,SFMono-Regular,monospace;--rond-s:12px;--rond-m:16px;--rond-l:20px;--rond-xl:22px;--pil:999px;--schaduw-kaart:0 1px 2px rgba(22,23,27,.03);--schaduw-zweef:0 18px 34px -22px rgba(22,23,27,.32);--schaduw-paneel:0 1px 2px rgba(22,23,27,.04), 0 30px 70px -40px rgba(22,23,27,.28)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--vlak);color:var(--ink);font-family:var(--tekst);font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased;font-feature-settings:"tnum" 1}.label{font:500 10px/1 var(--label);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.label-groot{font-size:11px}.kop-xl{font:600 30px/1.15 var(--tekst);letter-spacing:-.03em;margin:0}.kop-l{font:600 20px/1.2 var(--tekst);letter-spacing:-.02em;margin:0}.kop-m{font:600 17px/1.25 var(--tekst);letter-spacing:-.01em;margin:0}.kop-s{font:600 13px/1.3 var(--tekst);margin:0}.stil{color:var(--ink-3)}.pil{display:inline-flex;align-items:center;gap:6px;font:500 11px/1 var(--tekst);padding:4px 9px;border-radius:var(--rond-s);white-space:nowrap;background:var(--grijs-vlak);color:var(--ink-2)}.pil.groen{background:var(--groen-vlak);color:var(--groen)}.pil.amber{background:var(--amber-vlak);color:var(--amber)}.pil.blauw{background:var(--blauw-vlak);color:var(--blauw)}.stip{width:7px;height:7px;border-radius:50%;flex:none;background:var(--grijs)}.stip.groen{background:var(--groen)}.stip.amber{background:var(--amber)}.stip.rood{background:var(--rood);animation:rf-pulse 2s ease-in-out infinite}@keyframes rf-pulse{0%,to{opacity:1}50%{opacity:.35}}.knop{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:500 12px/1 var(--tekst);padding:9px 15px;border-radius:var(--rond-s);background:var(--ink);color:var(--wit);text-decoration:none;border:0;cursor:pointer}.knop:hover{background:#24262c}.knop-stil{display:inline-flex;align-items:center;gap:8px;font:500 12px/1 var(--tekst);padding:9px 15px;border-radius:var(--rond-s);background:var(--wit);border:1px solid var(--lijn);color:var(--ink-2);cursor:pointer}.knop-stil:hover{border-color:var(--lijn-sterk);color:var(--ink)}.knop-stil:disabled{color:var(--ink-5);cursor:default}:focus-visible{outline:2px solid var(--paars);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.wrap{max-width:1520px;margin:0 auto;padding:24px 40px 72px}.top{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}.top h1{font:600 20px/1.2 var(--tekst);letter-spacing:-.02em;margin:0}.sub{color:var(--ink-3);font-size:12px;margin-top:4px;max-width:78ch}.balk{margin:20px 0 0;background:var(--wit);border:1px solid var(--lijn);border-radius:var(--rond-m);display:flex;flex-wrap:wrap;overflow:hidden}.balkItem{padding:15px 20px;border-right:1px solid var(--lijn-zacht);flex:1;min-width:158px}.balkItem:last-child{border-right:0}.balkCijfer{font:600 24px/1.1 var(--tekst);letter-spacing:-.02em}.balkCijfer.rood{color:var(--rood)}.balkCijfer.oranje{color:var(--amber)}.balkLabel{font:500 10px/1.35 var(--label);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-top:6px}.filters{display:flex;gap:6px;margin:22px 0 14px;flex-wrap:wrap;align-items:center}.fbtn{font:500 12px/1 var(--tekst);padding:8px 14px;border-radius:var(--pil);cursor:pointer;border:1px solid var(--lijn);background:var(--wit);color:var(--ink-2)}.fbtn:hover{border-color:var(--lijn-sterk);color:var(--ink)}.fbtn[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--wit)}.kiezer{margin-left:auto;font:400 12px/1 var(--tekst);padding:8px 12px;border-radius:var(--rond-s);border:1px solid var(--lijn);background:var(--wit);color:var(--ink-2)}.schakelaar{display:flex;gap:6px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(288px,1fr));gap:14px}.tegel{position:relative;text-align:left;font:inherit;cursor:pointer;width:100%;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;background:var(--wit);border:1px solid var(--lijn);border-radius:var(--rond-m);padding:16px 18px 15px 21px;overflow:hidden;box-shadow:var(--schaduw-kaart);transition:transform .18s,box-shadow .18s,border-color .18s}.tegel:hover{transform:translateY(-2px);box-shadow:var(--schaduw-zweef);border-color:var(--lijn-sterk)}.rail{position:absolute;left:0;top:0;bottom:0;width:3px}.rail.probleem{background:var(--rood)}.rail.aandacht{background:var(--amber)}.rail.ok{background:var(--groen)}.rail.gepauzeerd{background:var(--grijs)}.rail.onbekend{background:repeating-linear-gradient(180deg,var(--grijs) 0 4px,transparent 4px 8px)}.tKop{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.tNaam{font:600 14px/1.25 var(--tekst);letter-spacing:-.01em}.pil{flex:none;font:500 11px/1 var(--tekst);padding:3px 8px;border-radius:var(--rond-s);background:var(--grijs-vlak);color:var(--ink-2);white-space:nowrap}.pil.oranje{background:var(--amber-vlak);color:var(--amber)}.pil.rood{background:var(--rood-vlak);color:var(--rood)}.tMelding{display:block;font:400 12px/1.45 var(--tekst);margin-top:6px}.tMelding.probleem{color:var(--rood)}.tMelding.aandacht{color:var(--amber)}.tMelding.gepauzeerd,.tMelding.ok,.tMelding.onbekend{color:var(--ink-3)}.tStats{display:flex;gap:16px;margin-top:14px}.stat{flex:1;min-width:0;display:block}.statW{display:block;font:600 15px/1.15 var(--tekst);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.statW.nul{color:var(--rood)}.statL{display:block;font:500 9px/1.3 var(--label);letter-spacing:.11em;text-transform:uppercase;color:var(--ink-4);margin-top:4px}.delta{font-weight:500;text-transform:none;letter-spacing:0}.delta.op{color:var(--groen)}.delta.af{color:var(--rood)}.terug{font:400 12px/1 var(--tekst);background:none;border:0;padding:0;color:var(--ink-3);cursor:pointer;text-decoration:underline;text-underline-offset:3px}.terug:hover{color:var(--ink)}.kKop{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:18px 0 0}.kNaam{font:600 24px/1.15 var(--tekst);letter-spacing:-.025em;margin:0}.kMeta{color:var(--ink-4);font:400 12px/1.5 var(--tekst);margin-top:4px}.kAcues{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:6px;font:500 11px/1 var(--tekst);padding:5px 10px;border-radius:var(--rond-s)}.badge.probleem{background:var(--rood-vlak);color:var(--rood)}.badge.aandacht{background:var(--amber-vlak);color:var(--amber)}.badge.ok{background:var(--groen-vlak);color:var(--groen)}.badge.gepauzeerd,.badge.onbekend{background:var(--grijs-vlak);color:var(--ink-2)}.kStats{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:12px;margin:20px 0 0}.kStat{background:var(--wit);border:1px solid var(--lijn);border-radius:var(--rond-m);padding:15px 18px;box-shadow:var(--schaduw-kaart)}.kStatW{font:600 22px/1.1 var(--tekst);letter-spacing:-.025em}.kStatL{font:500 9px/1.35 var(--label);letter-spacing:.11em;text-transform:uppercase;color:var(--ink-4);margin-top:6px}.waarschuwing{margin-top:16px;border:1px solid var(--rood-lijn);background:var(--rood-vlak);border-radius:var(--rond-m);padding:14px 18px}.waarschuwing p{margin:0 0 5px;font:400 12px/1.5 var(--tekst);color:var(--rood)}.waarschuwing p:last-child{margin-bottom:0}.sinds{color:var(--rood-zacht)}.signaal{margin:0 0 5px}.signaal:last-child{margin-bottom:0}.signaal summary{font:400 12px/1.5 var(--tekst);color:var(--rood);cursor:pointer}.signaal summary:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.signaalLijst{margin:7px 0 10px;padding-left:17px}.signaalLijst li{font:400 12px/1.6 var(--tekst);color:var(--ink-2);word-break:break-all}.signaalLijst a{color:var(--rood)}.signaal p{margin:6px 0 8px;font:400 12px/1.5 var(--tekst)}.tKopRechts{display:inline-flex;align-items:center;gap:5px;flex:none}.pil svg{display:block;flex:none}.storing{margin:18px 0 0;border:1px solid var(--rood-lijn);background:var(--rood-vlak);border-radius:var(--rond-m);padding:14px 18px}.storingTekst{margin:0;font:500 13px/1.5 var(--tekst);color:var(--rood)}.storingDetails{margin-top:8px}.storingDetails summary{font:400 12px/1.5 var(--tekst);color:var(--rood);cursor:pointer}.storingDetails summary:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.storingDetails ul{margin:8px 0 0;padding-left:17px}.storingDetails li{font:400 12px/1.5 var(--tekst);color:var(--ink-2);margin-bottom:3px}.storingDetails p{margin:8px 0 0;font:400 12px/1.5 var(--tekst);color:var(--ink-3)}.storingKlant{color:var(--ink);font-weight:500;margin-right:6px}h2{font:500 10px/1 var(--label);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin:32px 0 10px}.tabelWrap{overflow-x:auto}table{width:100%;border-collapse:collapse;background:var(--wit);border:1px solid var(--lijn);border-radius:var(--rond-m);overflow:hidden}th,td{padding:12px 15px;text-align:left;font:400 12px/1.4 var(--tekst);border-bottom:1px solid var(--lijn-zacht)}th{font:500 9px/1 var(--label);letter-spacing:.11em;text-transform:uppercase;color:var(--ink-4);background:var(--vlak)}tr:last-child td{border-bottom:0}td.num,th.num{text-align:right}.cStatus{font:500 11px/1 var(--tekst)}.cStatus.actief{color:var(--groen)}.cStatus.gepauzeerd{color:var(--ink-4)}.cStatus.fout{color:var(--rood)}.tabelWrap a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--lijn-sterk)}.tabelWrap a:hover{border-color:var(--ink-3)}.log{background:var(--wit);border:1px solid var(--lijn);border-radius:var(--rond-m);padding:4px 18px}.logRegel{display:flex;gap:16px;padding:12px 0;border-bottom:1px solid var(--lijn-zacht);font:400 12px/1.45 var(--tekst)}.logRegel:last-child{border-bottom:0}.logTijd{flex:none;width:132px;font:400 11px/1.45 var(--label);color:var(--ink-4)}.logWie{flex:none;width:96px;color:var(--ink-2)}.grafiekVak{display:block;margin-top:14px;height:54px}.grafiekGroot{margin-top:20px;background:var(--wit);border:1px solid var(--lijn);border-radius:var(--rond-m);padding:18px 20px 14px;box-shadow:var(--schaduw-kaart)}.legenda{display:flex;gap:20px;margin-top:10px;font:500 9px/1 var(--label);letter-spacing:.11em;text-transform:uppercase;color:var(--ink-4)}.legenda i{display:inline-block;width:16px;height:0;border-top:2px solid var(--paars);margin-right:7px;vertical-align:middle}.legenda i.stippel{border-top-style:dashed;border-color:var(--ink-5)}.voet{margin-top:36px;padding-top:16px;border-top:1px solid var(--lijn);color:var(--ink-4);font:400 12px/1.5 var(--tekst);max-width:78ch}.topRechts{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.topRechts .sub{margin-top:0}.tegel .kStatW{display:block}.tNoot{display:block;font:400 11px/1.4 var(--tekst);color:var(--ink-4);margin-top:4px}.filters .schakelaar{margin-left:auto}.filters .schakelaar .kiezer{margin-left:0}.meldingen{background:var(--wit);border:1px solid var(--lijn);border-radius:var(--rond-m);overflow:hidden}.meldingenKop{margin:0;padding:10px 18px;font:400 12px/1.4 var(--tekst);border-bottom:1px solid var(--lijn-zacht)}.melding+.melding{border-top:1px solid var(--lijn-zacht)}.melding summary{display:flex;align-items:center;gap:10px;padding:12px 18px;cursor:pointer;list-style:none;font:400 12px/1.45 var(--tekst);color:var(--ink-2)}.melding summary::-webkit-details-marker{display:none}.melding summary:hover{background:var(--vlak)}.melding summary:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}.meldingTitel{font-weight:500;color:var(--ink)}.meldingWat{flex:1;color:var(--ink-3)}.meldingRegels{border-top:1px solid var(--lijn-zacht);background:var(--vlak)}.meldingRegel{display:flex;gap:16px;align-items:baseline;margin:0;padding:10px 18px 10px 35px;font:400 12px/1.5 var(--tekst);color:var(--ink-2);border-top:1px solid var(--lijn-zacht)}.meldingRegel:first-child{border-top:0}.meldingKlant{flex:none;width:180px;color:var(--ink);font-weight:500}.meldingTekst{flex:1}.meldingRegel a{color:var(--paars);text-decoration:none;white-space:nowrap}.meldingRegel a:hover{text-decoration:underline}.meldingPosts{margin:6px 0 0;padding-left:16px;color:var(--ink-3)}.meldingPosts li{margin:2px 0}.meldingPosts a{white-space:normal}.inlog{max-width:340px;margin:18vh auto;text-align:center;padding:0 20px}.inlog h1{font:600 20px/1.2 var(--tekst);letter-spacing:-.02em;margin:0 0 8px}.inlogForm{display:flex;flex-direction:column;gap:9px;margin-top:22px;text-align:left}.inlogLabel{font:500 9px/1 var(--label);letter-spacing:.11em;text-transform:uppercase;color:var(--ink-3)}.veld{font:400 13px/1 var(--tekst);padding:11px 13px;border-radius:var(--rond-s);border:1px solid var(--lijn);background:var(--wit);color:var(--ink);width:100%}.veld:focus-visible{border-color:var(--paars)}.veldFout{margin:0;font:400 12px/1.4 var(--tekst);color:var(--rood)}.inlogForm .knop{margin-top:6px;padding:11px 15px}.inlogForm .knop:disabled{background:var(--ink-5);cursor:default}.inlog .knop-stil{margin-top:18px}.deelWrap{max-width:720px;margin:0 auto;padding:28px 20px 60px}.deelMerk{display:flex;align-items:center;gap:8px;font:600 13px/1 var(--tekst);color:var(--ink-3);margin-bottom:22px}.deelKop .kop-xl{margin:6px 0 10px}.deelKop .stil{margin:0;max-width:60ch;text-wrap:pretty}.deelKaart{background:var(--wit);border:1px solid var(--lijn);border-radius:var(--rond-m);padding:18px 20px;box-shadow:var(--schaduw-kaart);margin-top:14px}.deelNaam{display:flex;flex-direction:column;gap:8px}.deelVoortgang{display:flex;align-items:center;gap:12px;margin:16px 0 4px;font:400 12px/1.4 var(--tekst)}.deelVoortgangBalk{flex:1;height:6px;border-radius:var(--pil);background:var(--vlak-2);overflow:hidden}.deelVoortgangBalk span{display:block;height:100%;background:var(--groen);transition:width .3s}.deelKanaal{display:flex;align-items:center;gap:12px}.deelKanaal>div{flex:1;min-width:0}.deelAvatar{width:32px;height:32px;border-radius:50%;background:var(--vlak-2);object-fit:cover;flex:none;display:block}.deelTekst{margin-top:14px}.deelTekst p,.deelThread p{margin:0 0 10px;font:400 14px/1.55 var(--tekst);white-space:pre-wrap;text-wrap:pretty}.deelMedia{display:grid;gap:8px;margin-top:12px}.deelMedia.meerdere{grid-template-columns:repeat(2,1fr)}.deelMedia img,.deelMedia video{width:100%;border-radius:var(--rond-s);border:1px solid var(--lijn);background:var(--vlak-2);display:block}.deelMiniaturen{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.deelMiniaturen img{width:64px;height:64px;object-fit:cover;border-radius:var(--rond-s);border:1px solid var(--lijn);background:var(--vlak-2)}.deelThread{margin-top:14px;padding-left:14px;border-left:2px solid var(--lijn-sterk)}.deelThread .label{display:block;margin-bottom:6px}.deelReacties{margin-top:14px;display:flex;flex-direction:column;gap:6px}.deelReactie{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font:400 12px/1.5 var(--tekst);color:var(--ink-2)}.deelVerwerkt{display:inline-flex;align-items:center;gap:5px;margin-left:auto;cursor:pointer}.deelForm{margin-top:16px;padding-top:14px;border-top:1px solid var(--lijn-zacht);display:flex;flex-direction:column;gap:10px}.deelForm .stil{margin:0}.deelKnoppen{display:flex;gap:6px;flex-wrap:wrap}.deelVerstuur{display:flex;align-items:center;gap:12px}textarea.veld{resize:vertical;font-family:var(--tekst);line-height:1.5}select.veld{font-family:var(--tekst)}.deelUrl{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:6px 0 10px}.deelUrl .veld{flex:1;min-width:240px;font:400 12px/1.4 var(--label)}@media (max-width:720px){.deelMedia.meerdere{grid-template-columns:1fr}.wrap{padding:20px 16px 56px}.logTijd{width:98px}.logWie{width:auto}.topRechts{align-items:flex-start}.meldingRegel{flex-wrap:wrap;padding-left:18px}.meldingKlant{width:100%}}.flowPagina{min-height:100vh;background:var(--vlak)}.flowBalk{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:16px 40px;border-bottom:1px solid var(--lijn);background:#fcfcfddb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:5}.flowMerk{display:flex;align-items:center;gap:10px;background:none;border:0;padding:0;cursor:pointer;font:600 15px/1 var(--tekst);letter-spacing:-.015em;color:var(--ink)}.flowLogo{width:22px;height:22px;border-radius:7px;flex:none;background:linear-gradient(135deg,var(--magenta),var(--paars))}.flowBadge{font:500 10px/1 var(--label);letter-spacing:.12em;text-transform:uppercase;color:var(--paars);background:var(--paars-vlak);padding:4px 8px;border-radius:var(--rond-s)}.flowSpecialismen{display:flex;align-items:center;gap:2px;flex-wrap:wrap}.flowSpec{font:500 10px/1 var(--label);letter-spacing:.12em;text-transform:uppercase;background:none;border:0;padding:8px 11px;border-radius:var(--rond-s);color:var(--ink-3);cursor:pointer}.flowSpec:hover{color:var(--ink);background:var(--vlak-2)}.flowSpec[aria-current=true]{color:var(--paars);background:var(--paars-vlak)}.flowSpec[disabled]{color:var(--ink-5);cursor:default;background:none}.flowRechts{margin-left:auto;display:flex;align-items:center;gap:14px;font:400 12px/1 var(--tekst);color:var(--ink-4)}.flowScheiding{display:inline-flex;align-items:center;align-self:stretch;border-left:1px solid var(--lijn);padding-left:14px}.flowDashboards{font:500 13px/1 var(--tekst);letter-spacing:-.005em;background:none;border:0;border-radius:0;padding:8px 2px;color:var(--ink-3);cursor:pointer}.flowDashboards:hover{color:var(--ink)}.flowDashboards[aria-current=true]{color:var(--ink);box-shadow:inset 0 -2px 0 var(--paars)}.kdBuiten{max-width:1520px;margin:0 auto;padding-bottom:72px}.flowAvatar{width:28px;height:28px;border-radius:50%;border:1px solid var(--lijn-sterk);cursor:pointer;background:var(--wit);display:inline-flex;align-items:center;justify-content:center;font:500 10px/1 var(--label);letter-spacing:.06em;color:var(--ink-2)}.flowAvatar:hover{border-color:var(--ink-5);color:var(--ink)}.flowBuiten{max-width:1520px;margin:0 auto;padding:24px 40px 72px}.flowKruimel{font:500 10px/1 var(--label);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);display:flex;gap:10px;align-items:center;margin-bottom:6px}.flowKruimel b{color:var(--ink);font-weight:500}.flowKruimel .rechts{margin-left:auto;color:var(--ink-4)}.flowTitelblok{padding:30px 0 28px;display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center}.flowOnder{font:400 12px/1 var(--tekst);color:var(--ink-3)}.flowTitel{font:600 30px/1.15 var(--tekst);letter-spacing:-.03em;margin:0}.flowFasen{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding-bottom:34px}.flowFase{position:relative;border-radius:var(--rond-l);padding:20px;min-height:164px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;color:var(--wit)}.flowFase:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(120% 80% at 15% 10%,#ffffff4d,#fff0 60%)}.flowVeeg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.flowVeeg span{display:block;width:70px;height:100%;background:linear-gradient(90deg,#fff0,#fff3,#fff0);animation:rf-sweep 5s linear infinite}@keyframes rf-sweep{0%{transform:translate(-80px)}to{transform:translate(420px)}}.flowFaseKop{position:relative;display:flex;align-items:center;justify-content:space-between;font:500 10px/1 var(--label);letter-spacing:.12em;text-transform:uppercase;color:#fffc}.flowFaseVoet{position:relative;display:flex;flex-direction:column;gap:7px}.flowFaseNaam{font:600 19px/1.1 var(--tekst);letter-spacing:-.02em}.flowFaseTekst{font:400 11px/1.5 var(--tekst);color:#ffffffd6;text-wrap:pretty}.flowOnderrij{padding:0}.flowKolomkop{display:flex;align-items:center;justify-content:space-between;font:500 10px/1 var(--label);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.flowKolomkop button{background:none;border:0;padding:0;cursor:pointer;font:500 12px/1 var(--tekst);color:var(--paars);text-transform:none;letter-spacing:0}.flowKlanten{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin-top:14px}.flowKlant{text-align:left;border-radius:var(--rond-m);background:var(--wit);border:1px solid var(--lijn);padding:18px;display:flex;flex-direction:column;gap:11px;color:var(--ink);cursor:pointer;box-shadow:var(--schaduw-kaart);transition:transform .18s,box-shadow .18s,border-color .18s}.flowKlant:hover{transform:translateY(-2px);box-shadow:var(--schaduw-zweef);border-color:var(--lijn-sterk)}.flowStand{display:inline-flex;align-items:center;gap:7px;font:500 11px/1 var(--tekst)}.flowStip{width:7px;height:7px;border-radius:50%;flex:none}.flowStip.pulseert{animation:rf-pulse 2s ease-in-out infinite}.flowKlantNaam{font:600 15px/1.25 var(--tekst);letter-spacing:-.01em}.flowKlantTekst{font:400 12px/1.5 var(--tekst);color:var(--ink-2);margin:0;text-wrap:pretty}.flowMerkje{font:500 10px/1 var(--label);letter-spacing:.12em;text-transform:uppercase;padding:6px 10px;border-radius:var(--rond-s);align-self:flex-start}@media (max-width:1180px){.flowFasen{grid-template-columns:repeat(2,1fr)}}@media (max-width:720px){.flowBalk,.flowBuiten{padding-left:16px;padding-right:16px}.flowFasen,.flowKlanten{grid-template-columns:1fr}.flowTitel{font-size:23px}}