:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;accent-color:#31795d;--hout:#d39f5b;--tapijt:#8f253f;--tapijt-donker:#47121f;--tapijt-licht:#eebab0;--plant:#31795d;--pagina:#f8f3ec;--oppervlak:#fff;--oppervlak-2:#f6efe6;--inkt:#1f1718;--inkt-kop:var(--tapijt-donker);--inkt-2:#54494a;--inkt-3:#6f6465;--lijn:#ece3d8;--rand:#47121f1a;--accent:var(--plant);--accent-inkt:#fff;--accent-zacht:#e7f1ec;--fout:var(--tapijt);--fout-zacht:#fbeceb;--succes:var(--plant);--succes-zacht:#e7f1ec;--waarschuwing-zacht:#fbf1e3;--demo:var(--tapijt-donker);--demo-bg:var(--tapijt-licht);--s-afgerond:var(--plant);--s-bezig:var(--hout);--s-niet_gestart:var(--tapijt);--font-kop:"DTL Prokyon", "Ratio", system-ui, -apple-system, "Segoe UI", sans-serif;--font-tekst:"Ratio", system-ui, -apple-system, "Segoe UI", sans-serif;font-family:var(--font-tekst);font-size:15px;line-height:1.5}*{box-sizing:border-box}body{background:var(--pagina);color:var(--inkt);margin:0}h1,h2,h3{font-weight:700;font-family:var(--font-kop);color:var(--inkt-kop);margin:0}h1{font-size:1.9rem}h2{font-size:1.05rem}h3{margin-top:.8rem;font-size:.95rem}code{background:var(--oppervlak-2);border-radius:4px;padding:0 4px;font-size:.9em}.demo-banner{background:var(--demo-bg);letter-spacing:.01em;color:var(--demo);text-align:center;z-index:10;padding:6px 16px;font-size:.9rem;position:sticky;top:0}.lokaal-banner{color:#1f4d3b;background:#e7f1ec;position:static}.kop{background:var(--oppervlak);border-bottom:3px solid var(--hout)}.kop-inner{flex-wrap:wrap;align-items:center;gap:12px 24px;max-width:1280px;margin:0 auto;padding:12px 16px;display:flex}.kop-titel{align-items:center;gap:14px;line-height:1.1;display:flex}.kop-logo{flex:none;width:126px;height:42px;display:block;overflow:hidden}.kop-logo img{width:140px;height:140px;margin:-49px 0 0 -7px;display:block}.kop-nav{gap:4px;display:flex}.kop-nav a{color:var(--inkt-2);border-radius:999px;padding:6px 14px;text-decoration:none}.kop-nav a:hover{background:var(--oppervlak-2)}.kop-nav a.active{color:var(--accent-inkt);background:var(--accent);font-weight:600}.rolkiezer{color:var(--inkt-2);border:1px dashed var(--tapijt);border-radius:8px;align-items:center;gap:8px;margin-left:auto;padding:4px 8px;font-size:.85rem;display:flex}.demo-label{background:var(--demo-bg);color:var(--demo);border-radius:4px;padding:1px 6px;font-size:.7rem;font-weight:700}select,input[type=search],input[type=file]{font:inherit;color:inherit}select,input[type=search]{background:var(--oppervlak);border:1px solid var(--rand);border-radius:6px;max-width:100%;padding:5px 8px}.inhoud{flex-direction:column;gap:16px;max-width:1280px;margin:0 auto;padding:24px 16px 48px;display:flex}.dashboard,.beheer{flex-direction:column;gap:16px;display:flex}.pagina-kop{flex-direction:column;gap:2px;display:flex}.pagina-kop p{overflow-wrap:anywhere}.voet{text-align:center;color:var(--inkt-3);padding:16px;font-size:.8rem}.kaart{background:var(--oppervlak);border:1px solid var(--rand);border-radius:10px;min-width:0;padding:16px}.kaart-kop{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin-bottom:8px;display:flex}.melding{color:var(--inkt-2)}.subtiel{color:var(--inkt-2);margin:0}.klein{margin-bottom:8px;font-size:.85rem}.fout{color:var(--fout);background:var(--fout-zacht);border-radius:6px;padding:8px 12px}.succes{color:var(--succes);background:var(--succes-zacht);border-radius:6px;padding:8px 12px}.waarschuwing{background:var(--waarschuwing-zacht);border-radius:6px;padding:8px 12px;font-size:.9rem}.laden{text-align:center;color:var(--inkt-2);padding:48px 16px}.knop,.knop-link{font:inherit;cursor:pointer}.knop{border:1px solid var(--accent);background:var(--oppervlak);color:var(--accent);border-radius:999px;padding:6px 16px;font-weight:600}.knop.primair{background:var(--accent);color:var(--accent-inkt);border-color:#0000}.knop:disabled{opacity:.5;cursor:default}.knop-link{color:var(--accent);text-align:left;background:0 0;border:none;padding:0}.knop-link:hover:not(:disabled){text-decoration:underline}.knop-link:disabled{color:var(--inkt-3);cursor:default}.filters{flex-wrap:wrap;align-items:flex-end;gap:12px 16px;display:flex}.filter{color:var(--inkt-2);flex-direction:column;flex:160px;gap:2px;min-width:160px;max-width:280px;font-size:.8rem;display:flex}.filter select{color:var(--inkt);font-size:.95rem}.multifilter{position:relative}.multifilter-knop{font:inherit;color:var(--inkt);background:var(--oppervlak);border:1px solid var(--rand);text-align:left;cursor:pointer;border-radius:6px;align-items:center;gap:8px;width:100%;padding:5px 8px;font-size:.95rem;display:flex}.multifilter-knop.gekozen{border-color:var(--plant);box-shadow:inset 0 0 0 1px var(--plant)}.multifilter-tekst{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.multifilter-pijl{color:var(--inkt-2)}.multifilter-paneel{z-index:20;background:var(--oppervlak);border:1px solid var(--rand);width:max(100%,280px);max-width:calc(100vw - 32px);max-height:360px;color:var(--inkt);border-radius:8px;padding:8px 0;font-size:.9rem;position:absolute;top:calc(100% + 4px);left:0;overflow:auto;box-shadow:0 12px 32px #47121f2e}.multifilter-acties{border-bottom:1px solid var(--lijn);flex-wrap:wrap;gap:4px 16px;margin-bottom:4px;padding:4px 12px 8px;display:flex}.multifilter-zoek{padding:4px 12px 8px}.multifilter-zoek input{width:100%}.multifilter-sub{color:var(--inkt-3);font-size:.8rem;display:block}.multifilter-paneel ul{margin:0;padding:0;list-style:none}.multifilter-paneel li label{cursor:pointer;align-items:flex-start;gap:8px;padding:5px 12px;display:flex}.multifilter-paneel li label:hover{background:var(--oppervlak-2)}.multifilter-paneel li .subtiel{padding:5px 12px}.multifilter-paneel input{margin-top:3px}.filters .multifilter:nth-of-type(n+4) .multifilter-paneel{left:auto;right:0}.filter.inline{flex-direction:row;flex:0 auto;align-items:center;gap:8px}.tegels{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.tegel{background:var(--oppervlak);border:1px solid var(--rand);border-top:3px solid var(--hout);border-radius:10px;padding:12px 16px}.tegel.actief{box-shadow:0 0 0 2px var(--tegel-kleur,var(--hout))}.tegel-label{color:var(--inkt-2);align-items:center;gap:6px;font-size:.85rem;display:flex}.tegel-waarde{font-family:var(--font-kop);color:var(--tapijt-donker);font-size:1.9rem;font-weight:700;line-height:1.2}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tegel-toelichting{color:var(--inkt-3);font-size:.8rem}.raster-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,480px),1fr));align-items:start;gap:16px;display:grid}.s-afgerond{background:var(--s-afgerond)}.s-bezig{background:var(--s-bezig)}.s-niet_gestart{background:var(--s-niet_gestart)}.stip{border-radius:50%;flex:none;width:10px;height:10px;display:inline-block}.legenda{color:var(--inkt-2);flex-wrap:wrap;gap:4px 12px;margin:0;padding:0;font-size:.8rem;list-style:none;display:flex}.legenda li{align-items:center;gap:5px;display:flex}.statusbalk{gap:2px;min-width:120px;height:14px;display:flex}.statusbalk .segment{flex-basis:0;min-width:2px}.statusbalk .segment:first-child{border-radius:4px 0 0 4px}.statusbalk .segment:last-child{border-radius:0 4px 4px 0}.statusbalk .segment:only-child{border-radius:4px}table{border-collapse:collapse;width:100%;font-size:.9rem}th{text-align:left;color:var(--inkt-2);border-bottom:1px solid var(--lijn);white-space:nowrap;padding:6px 8px;font-size:.8rem;font-weight:600}td{border-bottom:1px solid var(--lijn);vertical-align:middle;padding:6px 8px}.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.balk-kolom{width:38%}.groeptabel td:first-child{min-width:160px}.groeptabel th.num{white-space:normal;vertical-align:bottom;min-width:4.5em}.groeptabel .statusbalk{min-width:80px}.kop-kort{display:none}.uitklap{font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:0;display:inline-flex}.uitklap:hover{color:var(--tapijt)}.chevron{color:var(--hout);transition:transform .15s;display:inline-block}.uitklap[aria-expanded=true] .chevron{transform:rotate(90deg)}.uitklap-aantal{color:var(--inkt-3);font-size:.9rem;font-weight:400}.klein-link{font-size:.9rem}.kaart-voet{flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:12px;display:flex}.groeptabel tr.actief td{background:var(--accent-zacht)}.groeptabel tbody tr:hover td{background:var(--oppervlak-2)}.tabel-scroll{overflow-x:auto}.matrix td{white-space:nowrap}.matrix th.training-kop{white-space:normal;vertical-align:bottom;min-width:9em}.chip{align-items:center;gap:6px;display:inline-flex}.kaart-acties{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.zoek{min-width:220px}.pagina-kop.met-actie{flex-flow:wrap;justify-content:space-between;align-items:flex-start;gap:12px 24px}.ai-knop{white-space:nowrap;padding:8px 20px;font-size:1rem}.ai-dialoog{border:1px solid var(--rand);border-top:4px solid var(--hout);background:var(--oppervlak);width:min(760px,100vw - 32px);max-height:calc(100vh - 48px);color:var(--inkt);border-radius:12px;padding:0;overflow:auto;box-shadow:0 20px 60px #47121f40}.ai-dialoog::backdrop{background:#47121f59}.ai-dialoog-inhoud{padding:20px 24px}.ai-dialoog .kaart-voet{justify-content:flex-end}.sluit{font:inherit;color:var(--inkt-2);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1.6rem;line-height:1}.sluit:hover{color:var(--inkt)}.ai-uitvoer{border-left:3px solid var(--hout);background:var(--waarschuwing-zacht);border-radius:0 8px 8px 0;margin-top:8px;padding:8px 16px 12px}.ai-uitvoer p,.ai-uitvoer ul{margin:4px 0}.ai-markering{text-transform:uppercase;letter-spacing:.04em;color:var(--tapijt);margin-top:4px;font-size:.75rem;font-weight:600;display:inline-block}.ai-context{margin-top:12px}.ai-context summary{cursor:pointer;color:var(--accent)}.ai-context pre{background:var(--oppervlak-2);border-radius:6px;max-height:420px;padding:12px;font-size:.8rem;overflow:auto}.upload{flex-wrap:wrap;align-items:flex-end;gap:12px 24px;margin-top:8px;display:flex}.upload label{color:var(--inkt-2);flex-direction:column;gap:4px;max-width:100%;font-size:.85rem;display:flex}.cursuslijst{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.cursuslijst label{align-items:center;gap:8px;display:flex}.th-sub{color:var(--tapijt);font-size:.75rem;font-weight:400;display:block}.badge.verplicht{color:var(--tapijt);border-color:var(--tapijt);background:0 0;margin-left:8px}.badge{background:var(--tapijt-licht);color:var(--tapijt-donker);border:1px solid var(--tapijt-licht);border-radius:10px;margin-left:6px;padding:0 6px;font-size:.7rem;font-weight:600;display:inline-block}@media (width<=640px){.rolkiezer{width:100%;margin-left:0}.rolkiezer select{flex:auto;width:100%;min-width:0}.filter{flex-basis:100%;max-width:none}.filters .multifilter:nth-of-type(n) .multifilter-paneel{width:auto;left:0;right:0}.balk-kolom{width:35%}.statusbalk{min-width:64px}.groeptabel td:first-child{overflow-wrap:anywhere;min-width:0}.groeptabel .balk-kolom{width:auto}.groeptabel th,.groeptabel td{padding:6px 4px}.groeptabel th{white-space:normal}.groeptabel .badge.verplicht{margin-left:0}.groeptabel .kop-lang{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.groeptabel .kop-kort{display:inline}.groeptabel th.num{min-width:0}.groeptabel .statusbalk{min-width:48px}}