@import "https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";@font-face{font-family:Silka;src:url(/assets/Silka-Regular-2wZX4Z94.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Silka;src:url(/assets/Silka-RegularItalic-garkt1Fh.otf)format("opentype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Silka;src:url(/assets/Silka-SemiBold-CJy1WmOf.otf)format("opentype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Silka;src:url(/assets/Silka-Bold-DYirCq5J.otf)format("opentype");font-weight:700;font-style:normal;font-display:swap}:root{--font-sans:"Silka", "Segoe UI", system-ui, sans-serif;--font-serif:"Lora", Georgia, serif;--font-mono:"IBM Plex Mono", monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--fs-h1:34px;--lh-h1:42px;--fs-h2:20px;--lh-h2:28px;--fs-h3:17px;--lh-h3:24px;--fs-body:14px;--lh-body:21px;--fs-ctrl:13px;--lh-ctrl:18px;--fs-meta:12px;--lh-meta:18px;--kaart-pad:24px;--kaart-pad-compact:20px 24px;--color-bg:#f4f4f4;--color-surface:#fff;--color-border:#e2e4e0;--color-border-strong:#c7cac5;--color-text:#20201f;--color-heading:#194a27;--color-text-muted:#4d4d4b;--color-text-subtle:#6b6b69;--color-text-faint:#7a7a78;--color-accent:#194a27;--color-accent-hover:#123a1e;--color-accent-soft:#e8eee6;--color-accent-ring:#194a272e;--color-cta:#36a0b5;--color-cta-hover:#2c8296;--color-cta-ring:#36a0b538;--color-cta-soft:#36a0b514;--color-cta-rand:#36a0b540;--color-cta-tekst:#1f6b78;--color-warn:#a15c00;--color-warn-soft:#fbf0dd;--color-danger:#a4262c;--color-danger-soft:#fbe9e9;--color-ok:#4c6f1c;--color-ok-soft:#eef6dc;--color-neutral-soft:#ececea;--color-neutral-rand:#4d4d4b24;--color-accent-rand:#194a2724;--color-accent-wash:#194a270a;--color-warn-rand:#a15c0033;--color-danger-rand:#a4262c38;--color-danger-puls:#a4262c59;--color-ok-rand:#4c6f1c29;--color-op-vulling:#fff;--color-overlay:#20201f73;--radius:10px;--radius-sm:6px;--radius-brand:14px 14px 14px 3px;--radius-brand-sm:8px 8px 8px 2px;--radius-pill:999px;--shadow-card:0 1px 2px #14181c0d, 0 1px 1px #14181c0a;--shadow-hover:0 6px 16px #14181c14, 0 2px 5px #14181c0d;--shadow-header:0 1px 3px #14181c0a;--shadow-cta:0 4px 14px #36a0b54d;--shadow-cta-hover:0 6px 18px #36a0b559;--transition-fast:.15s ease;--color-lentegroen:#9bc42d;--color-lentegroen-soft:#f2f7e6;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}a:focus-visible,button:focus-visible,[tabindex]:focus-visible,summary:focus-visible,input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:2px solid var(--color-cta);outline-offset:2px}.tabel-link{color:inherit;text-decoration:none}.tabel-link:hover{text-decoration:underline}html,body,#root{height:100%}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}h1,h2,h3{color:var(--color-heading);text-wrap:balance;margin:0 0 8px}h1,.pagina-titel{font-family:var(--font-serif);font-size:var(--fs-h1);line-height:var(--lh-h1);font-weight:500}h2{font-family:var(--font-sans);font-size:var(--fs-h2);line-height:var(--lh-h2);font-weight:700}h3{font-family:var(--font-sans);font-size:var(--fs-h3);line-height:var(--lh-h3);font-weight:600}.titel-rij{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.titel-rij>h1,.titel-rij>h2{margin:0}.info-toelichting{display:inline-flex;position:relative}.info-knop{border:1.5px solid var(--color-border-strong);background:var(--color-surface);width:28px;height:28px;color:var(--color-accent);transition:border-color var(--transition-fast), background var(--transition-fast);border-radius:50%;place-items:center;padding:0;display:inline-grid}.info-knop:hover{border-color:var(--color-accent)}.info-knop[aria-expanded=true]{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-op-vulling)}.info-paneel{z-index:40;padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-brand-sm);box-shadow:var(--shadow-hover);font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--color-text-muted);text-wrap:pretty;font-weight:400;position:fixed}p{margin:0 0 8px}button{font-family:inherit;font-size:inherit;cursor:pointer}a{color:inherit;text-decoration:none}.ui-btn{justify-content:center;align-items:center;gap:var(--space-2);padding:10px var(--space-5);border-radius:var(--radius-pill);font-family:var(--font-sans);font-weight:600;font-size:var(--fs-ctrl);white-space:nowrap;transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), transform 50ms ease, opacity var(--transition-fast);border:1.5px solid #0000;line-height:1;display:inline-flex}.ui-btn:not(.ui-btn-icon-only){min-height:38px}.ui-btn:active{transform:translateY(1px)}.ui-btn:disabled{opacity:.5;cursor:not-allowed}.ui-btn:focus-visible{outline:2px solid var(--color-cta);outline-offset:2px}.ui-btn-primary{background:var(--color-cta);border-color:var(--color-cta);color:var(--color-op-vulling);box-shadow:var(--shadow-cta);font-weight:700}.ui-btn-primary:hover:not(:disabled){background:var(--color-cta-hover);border-color:var(--color-cta-hover);box-shadow:var(--shadow-cta-hover)}.ui-btn-secondary{background:var(--color-surface);border-color:var(--color-accent);color:var(--color-accent)}.ui-btn-secondary:hover:not(:disabled){background:var(--color-accent-soft)}.ui-btn-tertiary{color:var(--color-cta);padding-left:var(--space-2);padding-right:var(--space-2);background:0 0;border-color:#0000}.ui-btn-tertiary:hover:not(:disabled){text-decoration:underline}.ui-btn-destructive{color:var(--color-danger);background:0 0;border-color:#0000}.ui-btn-destructive:hover:not(:disabled){background:var(--color-danger-soft)}.ui-btn-icon-only{aspect-ratio:1;padding:10px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-brand);box-shadow:var(--shadow-card);transition:box-shadow var(--transition-fast), border-color var(--transition-fast)}.badge{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-flex}.badge-neutral{background:var(--color-neutral-soft);color:var(--color-text-muted);border-color:var(--color-neutral-rand)}.badge-accent{background:var(--color-accent-soft);color:var(--color-accent);border-color:var(--color-accent-rand)}.badge-warn{background:var(--color-warn-soft);color:var(--color-warn);border-color:var(--color-warn-rand)}.badge-danger{background:var(--color-danger-soft);color:var(--color-danger);border-color:var(--color-danger-rand)}.badge-ok{background:var(--color-ok-soft);color:var(--color-ok);border-color:var(--color-ok-rand)}.badge-cta{background:var(--color-cta-soft);color:var(--color-cta-tekst);border-color:var(--color-cta-rand)}.volgende-actie-chip{transition:border-color var(--transition-fast), background var(--transition-fast);text-decoration:none}.volgende-actie-chip:hover{border-color:var(--color-cta)}.volgende-actie-chip:focus-visible{outline:2px solid var(--color-cta);outline-offset:2px}.segment{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-pill);gap:2px;padding:3px;display:inline-flex}.segment button{border-radius:var(--radius-pill);font-family:var(--font-sans);color:var(--color-text-muted);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;padding:5px 14px;font-size:13px;font-weight:600}.segment button[aria-pressed=true]{background:var(--color-surface);color:var(--color-heading);box-shadow:var(--shadow-card)}.segment button:focus-visible{outline:2px solid var(--color-cta);outline-offset:1px}.tekst-gegenereerd{font-family:Arial,Helvetica,sans-serif}textarea.tekst-gegenereerd{font-size:var(--fs-body);line-height:22px}.tekst-kop{margin:22px 0 6px;font-weight:700}.tekst-kop:first-child{margin-top:0}.tekst-gegenereerd-weergave{font-size:var(--fs-body);border-radius:var(--radius-brand-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);padding:8px 34px 8px 10px;line-height:22px}textarea,input,select{border-radius:var(--radius-brand-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);width:100%;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:8px 10px;font-family:inherit;font-size:13px}input:not([type=checkbox]):not([type=radio]):not([type=file]),select{min-height:34px}select.keuze-compact{width:104px;font-size:var(--fs-ctrl);flex:0 0 104px;padding:6px 8px;font-weight:500}input.veld-instructie{background:var(--color-bg);border-color:#0000;min-height:36px;font-size:12.5px}input.veld-instructie:hover{border-color:var(--color-border)}input.veld-instructie::placeholder{color:var(--color-text-faint)}textarea:focus,input:focus,select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-ring);outline:none}textarea:hover,input:hover,select:hover{border-color:var(--color-border-strong)}label{font-size:var(--fs-ctrl);line-height:var(--lh-ctrl);color:var(--color-text);text-transform:none;letter-spacing:normal;font-weight:600}::placeholder{color:var(--color-text-faint);opacity:1}.kaart-intro{color:var(--color-text-muted);margin:0 0 8px;font-size:16px;line-height:24px}.subsectie-kop{color:var(--color-text);margin:0 0 4px;font-size:16px;font-weight:600;line-height:22px}.statusmelding{color:var(--color-heading);font-size:15px;font-weight:600;line-height:20px}.infobalk{border-radius:var(--radius-sm);background:var(--color-cta-soft);border:1px solid var(--color-cta-rand);color:var(--color-cta-tekst);align-items:center;gap:8px;padding:10px 14px;font-size:14px;line-height:20px;display:flex}.leeg-titel{color:var(--color-text-muted);margin:0;font-size:15px;line-height:22px}.leeg-toelichting{color:var(--color-text-subtle);margin:4px 0 0;font-size:14px;line-height:20px}.page-titel-suffix{font-family:var(--font-sans);font-size:var(--fs-h2);line-height:var(--lh-h2);color:var(--color-text-muted);font-weight:400}.app-shell{min-height:100%;display:flex}.app-header{justify-content:space-between;align-items:center;gap:var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-surface);z-index:10;box-shadow:inset 0 -3px 0 var(--color-lentegroen), var(--shadow-header);padding:10px 24px;display:flex;position:sticky;top:0}.app-header .brand{font-family:var(--font-sans);color:var(--color-heading);align-items:center;gap:10px;font-size:18px;font-weight:600;line-height:24px;display:flex}.brand-blok{align-items:center;gap:10px;min-width:0;display:flex}.brand-tekst{flex-direction:column;min-width:0;display:flex}.brand-regel2{color:var(--color-text-muted);flex-wrap:wrap;align-items:baseline;gap:6px 10px;font-size:11px;line-height:16px;display:flex}.app-header .header-subtitle{font-size:12px}.app-header .header-versie{color:var(--color-text-subtle);cursor:pointer;background:0 0;border:none;padding:0;font-size:11px;font-weight:400;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.app-header .header-nav{font-weight:500;font-size:var(--fs-ctrl)!important;gap:var(--space-4)!important}.app-header .header-nav svg{width:18px;height:18px}.app-header .brand-mark{border-radius:var(--radius-brand-sm);background:var(--color-lentegroen-soft);width:30px;height:30px;box-shadow:inset 0 0 0 1px var(--color-lentegroen);flex-shrink:0;justify-content:center;align-items:center;display:flex}.app-main{flex:1;min-width:0}.app-body{max-width:1180px;margin:0 auto;padding:24px 32px 48px}.kpi-row{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin-bottom:24px;display:grid}.kpi-card.kpi-card-actie{border-color:var(--color-cta-rand);background:var(--color-cta-soft)}.kpi-card.kpi-card-actie:before{background:var(--color-cta);opacity:1}.kpi-card.kpi-card-actie .kpi-value{color:var(--color-cta-tekst)}.kpi-card.kpi-card-actie .kpi-label{color:var(--color-cta-tekst);font-weight:600}.aandacht-blok{margin-bottom:20px}.aandacht-kop{flex-wrap:wrap;align-items:center;gap:8px;padding:14px 16px 10px;display:flex}.aandacht-kop h2{margin:0;font-size:18px;line-height:24px}.aandacht-meer{color:var(--color-text-subtle);margin-left:auto;font-size:12px}.aandacht-leeg{color:var(--color-text-muted);margin:0;padding:0 16px 16px;font-size:13px}.aandacht-lijst{margin:0;padding:0;list-style:none}.aandacht-lijst li{border-top:1px solid var(--color-border);grid-template-columns:minmax(160px,1fr) minmax(0,1.6fr) auto;align-items:center;gap:12px;padding:10px 16px;display:grid}.aandacht-wie{flex-direction:column;min-width:0;display:flex}.aandacht-klant{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.aandacht-soort{color:var(--color-text-muted);font-size:12px}.aandacht-open{color:var(--color-cta-tekst);white-space:nowrap;align-items:center;gap:4px;font-size:13px;font-weight:600;display:inline-flex}.aandacht-open:hover{text-decoration:underline}.aandacht-open:focus-visible{outline:2px solid var(--color-cta);outline-offset:2px;border-radius:4px}.kpi-card{border-radius:var(--radius-brand);padding:18px 18px 16px;position:relative;overflow:hidden}.kpi-card:before{content:"";background:var(--color-lentegroen);height:3px;position:absolute;top:0;left:0;right:0}.kpi-card .kpi-value{font-family:var(--font-serif);font-size:28px;font-weight:600}.kpi-card .kpi-label{color:var(--color-text-muted);margin-top:4px;font-size:12px}table.controles-table{border-collapse:collapse;width:100%}table.controles-table th{text-align:left;font-size:var(--fs-ctrl);color:var(--color-text-muted);border-bottom:1px solid var(--color-border);padding:10px 12px;font-weight:600}table.controles-table td{font-size:var(--fs-ctrl);border-bottom:1px solid var(--color-border);vertical-align:middle;padding:12px}table.controles-table tr:last-child td{border-bottom:none}table.controles-table tbody tr{transition:background var(--transition-fast)}table.controles-table tr:hover{background:var(--color-bg);cursor:pointer}table.controles-table td.cel-hoofd{min-width:220px;font-size:var(--fs-body)}table.controles-table td.cel-smal{max-width:170px}.cel-sub{color:var(--color-text-subtle);margin-top:2px;font-size:12px;font-weight:400}table.controles-table .volgende-actie-chip{white-space:normal;max-width:220px;line-height:1.3}.progress-bar{background:var(--color-border);border-radius:999px;width:100px;height:6px;overflow:hidden}.progress-bar>span{background:var(--color-accent);height:100%;display:block}.controle-shell{align-items:flex-start;gap:32px;display:flex}.stepbar{flex-shrink:0;width:220px;padding:4px 0}.stepbar .step{align-items:flex-start;gap:10px;padding:10px 4px;display:flex;position:relative}.stepbar .step-index{border:1.5px solid var(--color-border);width:28px;height:28px;color:var(--color-text-muted);background:var(--color-surface);transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.stepbar .step.done .step-index{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-op-vulling)}.stepbar .step.current .step-index{border-color:var(--color-accent);color:var(--color-accent)}.stepbar .step.locked{opacity:.7}.stepbar .step.locked .step-index{border-style:dashed}.stepbar .step-label{font-size:var(--fs-ctrl);line-height:var(--lh-ctrl);margin-top:5px;font-weight:500}.stepbar a.step-link{border-radius:var(--radius-brand-sm);transition:background var(--transition-fast);display:block}.stepbar a.step-link:hover{background:var(--color-accent-wash)}.stepbar a.step-link:focus-visible{outline:2px solid var(--color-cta);outline-offset:2px}.stepbar .step.bekijkt{background:var(--color-accent-soft);border-radius:var(--radius-brand-sm);padding-left:8px;padding-right:8px}.stepbar .step.bekijkt .step-label{color:var(--color-heading);font-weight:600}.stepbar .step-substatus{color:var(--color-cta-tekst);margin-top:2px;font-size:11px;font-weight:600}.stepbar .step-substatus-locked{color:var(--color-text-subtle);font-weight:500}.stepbar .step.locked a{pointer-events:none}.controle-content{flex:1;min-width:0}.step-header{margin-bottom:var(--space-6)}.step-header .eyebrow{color:var(--color-text-muted);font-size:var(--fs-meta);line-height:var(--lh-meta);margin-bottom:6px;font-weight:600}.step-header .eyebrow-stap{text-transform:uppercase;letter-spacing:.04em}.step-header .eyebrow-proces{color:var(--color-heading);font-size:var(--fs-body);text-transform:none;letter-spacing:normal;font-weight:600}.page-eyebrow{background:var(--color-accent-soft);color:var(--color-accent);text-transform:uppercase;letter-spacing:.04em;border-radius:var(--radius-pill);align-items:center;gap:7px;margin-bottom:10px;padding:4px 10px;font-size:13px;font-weight:600;display:inline-flex}.page-eyebrow:before{content:"";background:var(--color-lentegroen);border-radius:4px 4px 4px 1px;width:7px;height:7px}.flow-footer{border-top:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:28px;padding-top:16px;display:flex}.proces-card{padding:var(--kaart-pad);margin-bottom:var(--space-4)}.proces-card h3{margin-bottom:var(--space-4);align-items:center;gap:8px;display:flex}h1.proces-kop{font-family:var(--font-sans);font-size:var(--fs-h2);line-height:var(--lh-h2);flex-wrap:wrap;align-items:baseline;gap:8px;margin:0;font-weight:700;display:flex}.proces-kop-soort{color:var(--color-text-muted);font-weight:400}.inklap-kaart{margin-bottom:var(--space-4)}.inklap-kop{align-items:start;column-gap:var(--space-3);row-gap:var(--space-3);width:100%;padding:var(--kaart-pad-compact);border-radius:var(--radius-brand);cursor:pointer;grid-template-columns:20px minmax(0,1fr) auto 18px;display:grid}.inklap-icoon{grid-column:1}.inklap-tekst{grid-column:2}.inklap-kopacties{align-items:center;gap:var(--space-3);cursor:default;flex-wrap:wrap;grid-column:3;justify-content:flex-end;display:flex}.inklap-chevron{grid-column:4}.inklap-schakel{font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:4px;margin:0;padding:0}.inklap-schakel:focus-visible{outline:2px solid var(--color-cta);outline-offset:3px}.inklap-info{cursor:default;display:inline-flex}.inklap-info .info-knop{width:24px;height:24px}@media (width<=720px){.inklap-kopacties{grid-area:2/2/auto/-1;justify-content:flex-start}}.inklap-icoon{height:var(--lh-h3);color:var(--color-accent);align-items:center;display:flex}.inklap-tekst{flex-direction:column;grid-column:2;gap:4px;min-width:0;display:flex}.inklap-titelregel{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.inklap-titel{font-size:var(--fs-h3);line-height:var(--lh-h3);color:var(--color-heading);font-weight:600}.inklap-toelichting{font-size:var(--fs-ctrl);color:var(--color-text-muted);line-height:20px}.inklap-chevron{color:var(--color-text-muted);transition:transform var(--transition-fast);margin-top:3px}.inklap-kaart.open .inklap-chevron{transform:rotate(180deg)}.inklap-inhoud{gap:var(--space-4);flex-direction:column;padding:0 24px 24px;display:flex}.inklap-sectie .inklap-kop{background:var(--color-lentegroen-soft);box-shadow:inset 4px 0 0 var(--color-lentegroen);align-items:center;padding:16px 24px}.inklap-sectie.open .inklap-kop{border-radius:var(--radius-brand) var(--radius-brand) 0 0;border-bottom:1px solid var(--color-border)}.inklap-sectie .inklap-chevron{margin-top:0}.inklap-sectie .inklap-inhoud{gap:0;padding:0}.sectie-filters{gap:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);flex-wrap:wrap;align-items:center;padding:12px 16px;display:flex}.sectie-filters>select{width:auto;margin-left:auto}.pagina-kop-plakkend{top:var(--kopbalk-hoogte,60px);z-index:8;background:var(--color-bg);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);margin-top:calc(-1 * var(--space-3));position:sticky}.pagina-kop-plakkend .page-eyebrow{margin-bottom:4px}@media (width<=720px){.pagina-kop-plakkend{border-bottom:none;margin-top:0;padding:0;position:static}}.kaart-kop{margin-bottom:var(--space-3)}.kaart-kop h3{margin:0}.hulp-knop{z-index:40;background:var(--color-cta);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-weight:600;display:inline-flex;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 14px #0000002e}.hulp-knop:hover,.hulp-knop:focus-visible{background:var(--color-cta-hover)}.hulp-paneel{z-index:40;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:12px;flex-direction:column;width:min(380px,100vw - 32px);max-height:min(620px,100vh - 40px);display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 8px 28px #00000038}.hulp-kop{border-bottom:1px solid var(--color-border);background:var(--color-accent-soft);color:var(--color-heading);border-radius:12px 12px 0 0;justify-content:space-between;align-items:center;padding:10px 12px 10px 16px;display:flex}.hulp-berichten{flex-direction:column;flex:auto;gap:10px;min-height:160px;padding:12px 14px;font-size:13px;line-height:1.5;display:flex;overflow-y:auto}.hulp-intro{color:var(--color-text-muted)}.hulp-voorbeeld{text-align:left;border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text);font:inherit;cursor:pointer;border-radius:8px;padding:7px 10px;font-size:12px}.hulp-voorbeeld:hover,.hulp-voorbeeld:focus-visible{background:var(--color-cta-soft);border-color:var(--color-cta-rand)}.hulp-bericht{border-radius:10px;max-width:92%;padding:8px 10px}.hulp-bericht-gebruiker{background:var(--color-cta-soft);border:1px solid var(--color-cta-rand);align-self:flex-end}.hulp-bericht-assistent{background:var(--color-neutral-soft);border:1px solid var(--color-neutral-rand);align-self:flex-start}.hulp-vakbronnen{border:1px solid var(--color-warn-rand);background:var(--color-warn-soft);border-radius:8px;margin-top:8px;padding:6px 8px;font-size:12px}.hulp-vakbronnen ul{margin:4px 0 0;padding-left:18px}.hulp-bronlink{color:var(--color-cta-tekst);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline;display:inline}.hulp-bronlink:hover,.hulp-bronlink:focus-visible{color:var(--color-accent)}.hulp-inhoud{border-bottom:1px solid var(--color-border);flex-direction:column;gap:2px;margin-bottom:8px;padding-bottom:8px;display:flex}.hulp-hoofdstuk{color:var(--color-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:4px 6px;font-size:12px}.hulp-hoofdstuk:hover,.hulp-hoofdstuk:focus-visible{background:var(--color-cta-soft)}.hulp-hoofdstuk.actief{background:var(--color-accent-soft);font-weight:700}.hulp-bezig{color:var(--color-text-muted);font-style:italic}.hulp-invoer{border-top:1px solid var(--color-border);align-items:flex-end;gap:8px;padding:10px 12px;display:flex}.hulp-invoer textarea{resize:none;flex:auto;font-size:13px}.hulp-voet{color:var(--color-text-subtle);margin:0;padding:0 14px 10px;font-size:11px}.documenten-schakel{width:100%;color:var(--color-text-muted);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin:2px 0;padding:6px 14px;font-size:13px;display:flex}.documenten-schakel:hover,.documenten-schakel:focus-visible{color:var(--color-text);text-decoration:underline}.wijzigingen-tekst{border:1px solid var(--color-border);border-radius:var(--radius-sm,6px);background:var(--color-surface,transparent)}.wijzigingen-kop{border-bottom:1px solid var(--color-border);color:var(--color-text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}.wijzigingen-acties{gap:6px;display:inline-flex}.wijzigingen-inhoud{white-space:pre-wrap;padding:10px 12px;line-height:1.55}.wijziging{display:inline}.wijziging del{color:#b3261e;background:#b3261e1a;text-decoration:line-through}.wijziging ins{color:#1b6e3a;background:#1b6e3a1f;text-decoration:underline}.wijziging-knoppen{vertical-align:middle;gap:2px;margin-left:4px;display:inline-flex}.wijziging-knoppen button{border:1px solid var(--color-border);color:inherit;cursor:pointer;background:0 0;border-radius:4px;align-items:center;padding:2px;display:inline-flex}.wijziging-knoppen button:hover,.wijziging-knoppen button:focus-visible{background:var(--color-border)}.vragenlijst-kop{color:var(--color-text-muted);margin:0 0 6px;font-size:13px;font-weight:700}.kaart-kop-label{font:inherit;color:inherit;line-height:inherit}.veld-fout{font-size:var(--fs-meta);color:var(--color-danger);margin:4px 0 0}.gesprek-raster{gap:var(--space-4);margin-bottom:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}@media (width<=900px){.gesprek-raster{grid-template-columns:minmax(0,1fr)}.gesprek-raster.gesprek-raster-breed{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.gesprek-raster.gesprek-raster-breed{grid-template-columns:minmax(0,1fr)}}.werkzone-titel{margin:0 0 var(--space-4)}.inklap-sectie{border-top:1px solid var(--color-border);margin-top:var(--space-4);padding-top:var(--space-3)}.inklap-sectie-kop{align-items:center;gap:var(--space-2);display:flex}.inklap-sectie-schakel{font:inherit;font-size:var(--fs-body);color:var(--color-text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:0;font-weight:600}.inklap-sectie-schakel:focus-visible{outline:2px solid var(--color-cta);outline-offset:3px}.inklap-sectie-kop .info-knop{width:24px;height:24px}.inklap-sectie-chevron{color:var(--color-text-muted);cursor:pointer;transition:transform var(--transition-fast);background:0 0;border:none;margin-left:auto;padding:2px;display:flex}.inklap-sectie.open .inklap-sectie-chevron{transform:rotate(180deg)}.inklap-sectie-inhoud{padding-top:var(--space-3)}.opname-secties{flex-direction:column;display:flex}.pagina-kop-logo{flex-shrink:0}.pagina-kop-acties{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.inklap-inhoud>.onderdeel+.onderdeel{margin-top:var(--space-2)}.onderdeel{gap:var(--space-2);flex-direction:column;display:flex}.onderdeel-kop{align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.onderdeel-titelgroep{align-items:center;gap:var(--space-2);flex:240px;min-width:0;display:flex}.onderdeel-titelgroep .info-knop{flex-shrink:0;width:24px;height:24px}.onderdeel-titel{min-width:0;font-size:var(--fs-body);line-height:var(--lh-body);color:var(--color-text);margin:0;font-weight:700}.onderdeel-bediening{align-items:center;gap:var(--space-4);flex-shrink:0;margin-left:auto;display:flex}.onderdeel-hint{font-size:var(--fs-meta);line-height:var(--lh-meta);color:var(--color-text-subtle);margin:0}.bronkeuze{font-size:var(--fs-meta);line-height:var(--lh-meta);color:var(--color-text-subtle)}.bronkeuze>summary{cursor:pointer;width:fit-content}.bronkeuze>summary:hover{color:var(--color-text-muted)}.accordeer-balk{align-items:center;gap:var(--space-2) var(--space-4);margin:var(--space-2) 0 var(--space-6);flex-wrap:wrap;display:flex}.format-item{border-top:1px solid var(--color-border);gap:10px;padding:10px 0;display:flex}.format-item:first-of-type{border-top:none}.format-item .item-body{flex:1}.format-item .item-bron{color:var(--color-text-muted);font-size:12px;font-family:var(--font-mono);margin-top:4px}.upload-row{border:1px solid var(--color-border);border-radius:var(--radius-brand-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;padding:12px 14px;display:flex}.upload-row--cat-handboek{background:var(--color-lentegroen-soft);border-color:var(--color-ok-rand)}.upload-row--cat-accountantsverslag{background:var(--color-cta-soft);border-color:var(--color-cta-rand)}.upload-row--cat-dossier{background:var(--color-accent-soft);border-color:var(--color-accent-rand)}.upload-row--cat-overig{background:var(--color-neutral-soft);border-color:var(--color-neutral-rand)}.upload-row--document{margin-left:16px}.upload-row .upload-meta{overflow-wrap:anywhere;min-width:0}.upload-row--sleep-over{border-color:var(--color-accent);background:var(--color-accent-wash);border-style:dashed}.upload-row .upload-meta{align-items:center;gap:10px;display:flex}.progress-steps{flex-direction:column;gap:10px;padding:20px;display:flex}.progress-steps .p-step{color:var(--color-text-muted);align-items:center;gap:10px;font-size:13px;display:flex}.progress-steps .p-step.active{color:var(--color-heading);font-weight:600}.progress-steps .p-step.done{color:var(--color-ok)}.transcript-layout{gap:20px;display:flex}.transcript-list{flex:1;min-width:0}.transcript-filters{flex-shrink:0;width:200px}.transcript-row{border-radius:6px;gap:12px;padding:10px 12px;display:flex}.transcript-row.highlight{background:var(--color-accent-soft)}.transcript-row .t-time{font-family:var(--font-mono);color:var(--color-text-muted);flex-shrink:0;width:40px;font-size:12px}.transcript-row .t-meta{color:var(--color-text-muted);margin-bottom:2px;font-size:12px;font-weight:600}.vervolgvraag-row{border:1px solid var(--color-border);border-radius:var(--radius);justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;padding:14px;display:flex}.email-preview{white-space:pre-wrap;padding:20px;font-size:13px;line-height:1.6}.checklist{flex-wrap:wrap;gap:16px;margin:12px 0 20px;display:flex}.checklist label{text-transform:none;color:var(--color-text);align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.checklist input[type=checkbox]{width:auto}.spin{animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.progress-bar-indeterminate{background:var(--color-border);border-radius:999px;height:6px;position:relative;overflow:hidden}.progress-bar-indeterminate>span{background:var(--color-accent);border-radius:999px;width:40%;height:100%;animation:1.2s ease-in-out infinite voortgang-indeterminate;position:absolute;top:0}@keyframes voortgang-indeterminate{0%{left:-40%}to{left:100%}}@media (prefers-reduced-motion:reduce){.progress-bar-indeterminate>span{animation-duration:3s}}.taak-balk{border-radius:var(--radius-pill);background:var(--color-border);height:6px;overflow:hidden}.taak-balk-vulling{background:var(--color-accent);height:100%;transition:width .4s}.taak-annuleren{align-items:center;gap:var(--space-2);margin-top:var(--space-2);color:var(--color-text-muted);flex-wrap:wrap;font-size:12px;display:flex}.taak-afsluiting{align-items:center;gap:var(--space-2);margin:var(--space-2) 0;border-radius:var(--radius-brand-sm);width:fit-content;max-width:100%;padding:6px 12px;font-size:13px;display:flex}.taak-afsluiting svg{flex-shrink:0}.taak-afsluiting-klaar{background:var(--color-ok-soft);color:var(--color-ok)}.taak-afsluiting-fout{background:var(--color-danger-soft);color:var(--color-danger)}.taak-afsluiting-geannuleerd{background:var(--color-bg);color:var(--color-text-muted)}.genereer-knop{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:inline-flex}.genereer-knop-hint{color:var(--color-text-subtle);max-width:34ch;font-size:12px;line-height:1.35}.download-menu{display:inline-flex;position:relative}.download-menu-lijst{z-index:20;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-brand-sm);min-width:160px;box-shadow:var(--shadow-hover);flex-direction:column;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);left:0}.download-menu-optie{text-align:left;font:inherit;color:var(--color-text);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 10px;font-size:13px}.download-menu-optie:hover,.download-menu-optie:focus-visible{background:var(--color-accent-soft);outline:none}.beheer-menu{display:inline-flex;position:relative}.beheer-menu-knop{font:inherit;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:13px;display:flex}.beheer-menu-knop:hover{color:var(--color-text)}.beheer-menu-lijst{min-width:190px}.beheer-menu-optie{align-items:center;gap:8px;text-decoration:none;display:flex}.ui-btn.opname-knop{min-height:44px;font-size:var(--fs-body);color:var(--color-op-vulling);padding:10px 24px}.opname-knop-start{background:var(--color-cta);border-color:var(--color-cta);box-shadow:var(--shadow-cta)}.opname-knop-start:hover:not(:disabled){background:var(--color-cta-hover);border-color:var(--color-cta-hover)}.opname-knop-stop{background:var(--color-danger);border-color:var(--color-danger);animation:1.6s ease-in-out infinite opname-hartslag}@keyframes opname-hartslag{0%,to{box-shadow:0 0 0 0 var(--color-danger-puls)}50%{box-shadow:0 0 0 9px #0000}}.werkzone-scheiding{background:var(--color-border);height:1px;margin:4px 0 16px}.meer-acties{flex-wrap:wrap;gap:16px 28px;margin-bottom:12px;padding:14px 16px;display:flex}.meer-acties-groep{flex-direction:column;align-items:flex-start;gap:4px;min-width:160px;display:flex}.meer-acties-kop{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-subtle);margin-bottom:2px;font-size:11px;font-weight:700}.opname-alternatief,.opname-opnemen{border-top:1px solid var(--color-border);flex:100%;min-width:0;padding-top:14px}.opname-subkop{font-size:var(--fs-body);color:var(--color-text);margin-bottom:6px;font-weight:600}.kaart-intro-tekst{font-size:var(--fs-ctrl);color:var(--color-text-muted);margin:0 0 var(--space-3)}.vink-label{white-space:nowrap;align-items:center;gap:6px;font-weight:400;display:inline-flex}.vink-label input{width:auto;min-height:0}.terug-knop{margin-bottom:6px;min-height:0!important;padding-left:0!important}.gesprek-raster>.card{margin-bottom:0}.opname-keten{color:var(--color-text-subtle);flex-wrap:wrap;gap:6px 18px;margin:0;padding:0;font-size:12px;list-style:none;display:flex}.opname-keten-stap{align-items:center;gap:6px;display:inline-flex}.opname-keten-bol{border:1.5px solid var(--color-border-strong);background:var(--color-surface);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.opname-keten-stap.gedaan{color:var(--color-text-muted)}.opname-keten-stap.gedaan .opname-keten-bol{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-op-vulling)}.opname-keten-stap.huidig{color:var(--color-heading);font-weight:700}.opname-keten-stap.huidig .opname-keten-bol{border-color:var(--color-cta);box-shadow:inset 0 0 0 3px var(--color-surface);background:var(--color-cta)}.opname-keten-stap.huidig.live .opname-keten-bol{border-color:var(--color-danger);background:var(--color-danger);animation:1.4s ease-in-out infinite recording-pulse}@media (prefers-reduced-motion:reduce){.opname-knop-stop,.opname-keten-stap.huidig.live .opname-keten-bol,.recording-indicator .dot{animation:none}}.recording-indicator{align-items:center;gap:8px;display:inline-flex}.recording-indicator .dot{background:var(--color-danger);border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:1.4s ease-in-out infinite recording-pulse}@keyframes recording-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.82)}}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}@media (width<=1024px){.controle-shell{align-items:stretch;gap:var(--space-4);flex-direction:column}.stepbar{gap:var(--space-3);scroll-snap-type:x proximity;width:100%;padding:2px 2px var(--space-2);scrollbar-width:thin;display:flex;position:relative;overflow-x:auto}.stepbar>div{scroll-snap-align:center;flex:none}.stepbar .step{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);align-items:center;min-height:44px;padding:0 16px 0 8px}.stepbar .step.bekijkt{border-radius:var(--radius-pill);border-color:var(--color-accent-rand);box-shadow:inset 0 -2px 0 var(--color-lentegroen);padding:0 16px 0 8px}.stepbar a.step-link{border-radius:var(--radius-pill)}.stepbar .step-label{white-space:nowrap;margin-top:0}.stepbar .step-substatus{margin-top:0;line-height:14px}.stepbar .step-substatus-locked{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (width<=1080px){.tabel-responsief,.tabel-responsief tbody{width:100%;display:block}.tabel-responsief thead{display:none}.tabel-responsief tbody tr{gap:var(--space-2) var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}table.controles-table.tabel-responsief td{border:none;min-width:0;padding:0;display:block}.tabel-responsief td[data-label]:before{content:attr(data-label);text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-subtle);margin-bottom:2px;font-size:11px;font-weight:600;display:block}.tabel-responsief td.cel-hoofd{grid-column:1/-1;font-size:15px}.tabel-responsief td.cel-breed,.tabel-responsief td[colspan]{grid-column:1/-1}.tabel-responsief td.cel-actie{grid-column:1/-1;justify-self:end}.tabel-responsief tr.groep-rij{background:var(--color-bg);align-items:center;padding:0;display:flex}.tabel-responsief tr.groep-rij td{padding:var(--space-2) var(--space-4)}.tabel-responsief tr.groep-rij td:first-child{flex:1}}@media (width<=720px){.app-body{padding:16px 16px 32px}.app-header{flex-wrap:wrap;row-gap:8px;padding:12px 16px;position:static}.app-header .brand{font-size:14px}.app-header .header-nav{white-space:nowrap;scrollbar-width:none;width:100%;padding-bottom:2px;overflow-x:auto;flex-wrap:nowrap!important;gap:14px!important}.app-header .header-nav::-webkit-scrollbar{display:none}.app-header .header-nav>*{flex-shrink:0}.header-subtitle{display:none}.kpi-row{grid-template-columns:repeat(2,1fr);gap:12px}.aandacht-lijst li{grid-template-columns:1fr auto}.aandacht-lijst li>:nth-child(2){grid-area:2/1/auto/-1}.ui-btn{min-height:44px}.ui-btn-icon-only{min-width:44px}.opname-knop{justify-content:center;width:100%;padding:16px 18px;font-size:16px}.recording-indicator{font-size:14px}}@media (width<=460px){.kpi-row{grid-template-columns:repeat(2,1fr);gap:10px}.kpi-card.kpi-card-actie{grid-column:1/-1}.kpi-card{padding:14px 14px 12px}.stepbar .step:not(.bekijkt){gap:0;padding:4px}.stepbar{scrollbar-width:none}.stepbar::-webkit-scrollbar{display:none}.stepbar .step:not(.bekijkt) .step-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ui-btn{white-space:normal;text-align:center}}.inklap-sectie .aandacht-lijst li:first-child{border-top:none}.inklap-sectie .aandacht-leeg{padding:16px 24px}.visueel-verborgen{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}