:root{--bg: #f5f7fa;--card: #ffffff;--ink: #1c2531;--muted: #6b7785;--line: #e3e8ef;--brand: #c0392b;--brand-dark: #a32c1f;--app-light: #f2795b;--app-dark: #c0392b;--app-tint: #fbe7e2;--app-deep: #9e2a1d;--indigo: #2c3478;--indigo-light: #4f5bd0;--green: #178a54;--amber: #b76e00;--red: #c4321f;--shadow: 0 1px 3px rgba(20, 30, 45, .08), 0 1px 2px rgba(20, 30, 45, .06);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-size:14px}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}.app-root{display:flex;flex-direction:column;height:100vh;height:100dvh}.app-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border-bottom:1px solid var(--line);padding:9px 24px}.app-header .merk{margin:0}.org-merk{margin-left:12px;display:flex;align-items:center;gap:10px}.org-logo{height:32px;max-width:150px;object-fit:contain;display:block}.org-naam{font-size:14px;font-weight:600;color:var(--ink)}.shell{display:flex;flex:1;min-height:0}.sidebar{width:240px;background:#fff;border-right:1px solid var(--line);color:var(--ink);padding:20px 14px;flex-shrink:0;display:flex;flex-direction:column;overflow-y:auto}.merk{display:flex;align-items:center;gap:11px;margin-bottom:24px;padding:6px 8px;margin-left:-8px;margin-right:-8px;border-radius:10px;text-decoration:none;color:inherit;transition:background-color .18s ease}.merk.merk-link{cursor:pointer}.merk.merk-link:hover{background:#f3f5f9;text-decoration:none}.merk.merk-link:hover svg{transform:translate(-1px);transition:transform .24s ease}.merk svg{flex:0 0 auto;display:block;filter:drop-shadow(0 2px 6px rgba(0,0,0,.25))}.merk .merk-tekst{display:flex;flex-direction:column;min-width:0}.merk .merknaam{font-size:12px;font-weight:500;letter-spacing:.04em;color:var(--muted);line-height:1.1}.merk .appnaam{font-size:19px;font-weight:600;color:var(--ink);line-height:1.15}.merk .hub-hint{display:block;font-size:11px;font-weight:500;color:var(--muted);max-height:0;opacity:0;overflow:hidden;white-space:nowrap;margin-top:0;transition:max-height .28s ease,opacity .28s ease,margin-top .28s ease}.merk.merk-link:hover .hub-hint{max-height:16px;opacity:1;margin-top:2px}.hub-terug{display:inline-flex;align-items:center;gap:4px;margin-bottom:16px;padding:6px 10px;border-radius:8px;font-size:13px;font-weight:500;color:#c3c8f0;background:#ffffff0f;border:1px solid rgba(255,255,255,.12)}.hub-terug:hover{background:#ffffff24;color:#fff;text-decoration:none}.sidebar nav a{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:10px;color:#3f4a59;margin-bottom:2px;font-weight:500}.sidebar nav a svg{flex-shrink:0}.sidebar nav a:hover{background:#f3f5f9;text-decoration:none}.sidebar nav a.actief{background:var(--app-tint);color:var(--app-deep)}.sidebar nav a.actief svg{color:var(--app-dark)}.sidebar .groep{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:18px 12px 6px}.sidebar-kop{display:flex;justify-content:flex-end;margin:-10px -4px 6px 0}.sidebar-toggle{border:none;background:transparent;color:var(--muted);font-size:16px;line-height:1;padding:4px 8px;border-radius:8px}.sidebar-toggle:hover{background:#f3f5f9;color:var(--ink)}.sidebar.ingeklapt{width:56px;padding:20px 8px}.sidebar.ingeklapt .sidebar-kop{justify-content:center;margin-right:0}.sidebar.ingeklapt nav a{justify-content:center;gap:0;padding:9px 0}.sidebar.ingeklapt nav a .nav-txt,.sidebar.ingeklapt .groep,.sidebar.ingeklapt .huidige-gebruiker .naam,.sidebar.ingeklapt .huidige-gebruiker .rol,.sidebar.ingeklapt .huidige-gebruiker .uitlog-txt,.sidebar.ingeklapt .versie-regel{display:none}.sidebar.ingeklapt .huidige-gebruiker .uitloggen{width:auto;margin-left:auto;margin-right:auto;padding:8px}.main{flex:1;min-width:0;padding:clamp(16px,2.5vw,34px);overflow-y:auto}.main h2{margin:0 0 4px;font-size:22px}.main .lede{color:var(--muted);margin:0 0 22px}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:18px;margin-bottom:18px}.card h3{margin:0 0 12px;font-size:15px}.grid{display:grid;gap:16px}.grid.cols-4{grid-template-columns:repeat(4,1fr)}.grid.cols-2{grid-template-columns:repeat(2,1fr)}@media (max-width: 900px){.grid.cols-4{grid-template-columns:repeat(2,1fr)}.grid.cols-2{grid-template-columns:1fr}}.kpi{background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:16px 18px}.kpi .label{color:var(--muted);font-size:12px}.kpi .value{font-size:28px;font-weight:700;margin-top:4px}table{width:100%;border-collapse:collapse;font-size:13.5px}th,td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line)}th{color:var(--muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.03em}tr:last-child td{border-bottom:none}tbody tr:last-child th{border-bottom:none}tbody tr:hover{background:#faf1ee}button,.btn{font:inherit;border:1px solid var(--line);background:#fff;color:var(--ink);padding:8px 14px;border-radius:8px;cursor:pointer;font-weight:500}button:hover,.btn:hover{background:#f1f4f8}button.primary,.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}button.primary:hover{background:var(--brand-dark)}button.danger{color:var(--red);border-color:#f0c9c3}button.small{padding:4px 9px;font-size:12px}input,select,textarea{font:inherit;width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink)}textarea{min-height:90px;resize:vertical}label{display:block;font-size:12px;font-weight:600;color:var(--muted);margin:0 0 4px}.field{margin-bottom:12px}.row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.row>*{flex:1;min-width:120px}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.toolbar .spacer{flex:1}.badge{display:inline-block;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.klijst-kop{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);margin:0 0 10px 2px;cursor:pointer}.klijst{display:flex;flex-direction:column;gap:8px}.krij{display:flex;align-items:stretch;background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:var(--shadow);transition:border-color .12s ease,box-shadow .12s ease,transform .05s ease}.krij:hover{border-color:var(--app-light);box-shadow:0 6px 18px #141e2d1a}.krij:active{transform:translateY(1px)}.krij-strip{width:4px;flex:none}.krij-check{display:flex;align-items:center;padding:0 2px 0 12px;cursor:pointer}.krij-link{flex:1;min-width:0;display:flex;align-items:center;gap:12px;padding:11px 14px;color:inherit}.krij-link:hover{text-decoration:none}.krij-av{width:36px;height:36px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:13px;font-weight:600}.krij-body{flex:1;min-width:0}.krij-naam{font-weight:600;color:var(--ink);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.krij-sub{font-size:13px;color:var(--muted);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.krij-meta{display:flex;align-items:center;gap:14px;flex:none}.krij-datum{font-size:13px;color:var(--muted);white-space:nowrap}.krij-datums{display:flex;flex-direction:column;align-items:flex-end;gap:2px;min-width:168px}.krij-datum-label{color:#9aa3b2}.krij-reden{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;background:#fdeccb;color:#8a5600}.bestand-lijst{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.bestand-lijst li{display:flex;align-items:center;gap:8px;font-size:13px}.bestand-lijst .bestand-naam{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sleepvak{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:92px;padding:16px;border:1.5px dashed #c7cdd8;border-radius:12px;background:#fafbfc;color:#4a5566;text-align:center;cursor:pointer;transition:border-color .12s,background .12s}.sleepvak:hover,.sleepvak:focus-visible{border-color:var(--brand);outline:none}.sleepvak.erboven{border-color:var(--brand);border-style:solid;background:color-mix(in srgb,var(--brand) 8%,#fff)}.sleepvak.compact{min-height:0;padding:12px 14px}.sleepvak.uit{cursor:not-allowed;opacity:.55}.sleepvak-tekst{font-size:14px;font-weight:500}.sleepvak-hint{font-size:12px;color:var(--muted)}.sleepvak-gekozen{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:13px}.sleepvak-gekozen .bestand-naam{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sleepvak-melding{margin-top:6px;font-size:12.5px;color:var(--red)}.verplicht-ster{color:var(--red)}.score-schaal{display:flex;gap:6px;flex-wrap:wrap}.score-knop{width:38px;height:38px;border:1px solid var(--line);background:#fff;border-radius:8px;font-weight:600;color:#3f4a59;cursor:pointer}.score-knop:hover{border-color:var(--app-light)}.score-knop.gekozen{background:var(--app-dark);border-color:var(--app-dark);color:#fff}.janee-groep{display:flex;gap:8px}.janee-knop{padding:8px 20px;border:1px solid var(--line);background:#fff;border-radius:8px;font-weight:600;color:#3f4a59;cursor:pointer}.janee-knop.ja.gekozen{background:#dcf3e6;border-color:#117344;color:#117344}.janee-knop.nee.gekozen{background:#fbe0dc;border-color:#b32a18;color:#b32a18}.meerkeuze-groep{display:flex;flex-direction:column;gap:6px}.meerkeuze-optie{display:flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid var(--line);border-radius:8px;cursor:pointer}.meerkeuze-optie.gekozen{border-color:var(--app-dark);background:var(--app-tint)}.meerkeuze-optie input{width:auto}.interviewer-panel{display:flex;flex-wrap:wrap;gap:8px}.interviewer-chip{display:inline-flex;align-items:center;gap:8px;background:#eef1f7;border:1px solid #dce1ec;border-radius:999px;padding:4px 8px 4px 12px;font-size:13px;font-weight:500;color:#33415c}.interviewer-chip.ingevuld{background:#dcf3e6;border-color:#b6e2c8;color:#117344}.interviewer-chip .chip-status{font-size:11px;opacity:.7;text-transform:uppercase;letter-spacing:.03em}.interviewer-chip .chip-bel{display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:50%;width:20px;height:20px;padding:0;margin:-2px 0 -2px -4px;font-size:12px;line-height:1;cursor:pointer;opacity:.5;filter:grayscale(1)}.interviewer-chip .chip-bel.aan{opacity:1;filter:none}.interviewer-chip .chip-bel:hover{background:#00000014}.interviewer-chip .chip-x{display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:50%;width:20px;height:20px;padding:0;margin:-2px -2px -2px 0;line-height:1;cursor:pointer;color:#7a8699;font-size:13px}.interviewer-chip .chip-x:hover{background:#00000014;color:#33415c}.feedback-matrix{font-size:13px}.feedback-matrix th{vertical-align:bottom}.feedback-matrix .vraag-cel,.feedback-matrix .vraag-kop{min-width:190px;max-width:280px;font-weight:500}.feedback-matrix .overall-kop,.feedback-matrix .overall-cel{background:#faf7f5}.cel-verdeling{display:flex;flex-direction:column;gap:2px}.cel-teksten{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.cel-teksten li{padding-left:8px;border-left:2px solid var(--line)}.krij-chev{color:#aab2c0;font-size:18px;line-height:1}.tag{display:inline-block;padding:2px 9px;border-radius:7px;font-size:12px;font-weight:500;background:var(--app-tint);color:var(--app-deep)}.tag.grijs{background:#eceff3;color:#5b6675}@media (max-width: 760px){.krij-link{flex-wrap:wrap}.krij-meta{width:100%;padding-left:48px;gap:10px 14px;flex-wrap:wrap}.krij-chev{display:none}.krij-datums{align-items:flex-start;min-width:0}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#11203a73;display:flex;align-items:flex-start;justify-content:center;padding:60px 16px;z-index:50;overflow:auto}.modal{position:relative;background:#fff;border-radius:14px;width:100%;max-width:520px;padding:22px 24px;box-shadow:0 12px 40px #11203a40}.modal .sluitknop{position:absolute;top:10px;right:12px;border:none;background:transparent;padding:4px 8px;font-size:15px;line-height:1;color:var(--muted)}.modal .sluitknop:hover{background:transparent;color:var(--ink)}.modal h3{margin:0 0 16px}.modal .acties{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.idle-warn{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:9999;display:flex;gap:14px;align-items:center;background:#1b1f36;color:#fff;padding:12px 16px;border-radius:12px;box-shadow:0 12px 34px #0006;font-size:14px}.idle-warn button{background:var(--brand);border-color:var(--brand);color:#fff;white-space:nowrap}.idle-warn button:hover{background:var(--brand-dark)}.idle-warn button.ghost{background:transparent;border-color:#ffffff59;color:#fff}.idle-warn button.ghost:hover{background:#ffffff1f}.muted{color:var(--muted)}.error{background:#fbe0dc;color:#b32a18;padding:10px 12px;border-radius:8px;margin-bottom:14px}.empty{text-align:center;color:var(--muted);padding:30px}.pill-link{font-size:12px}.pill{background:#eef1f7;border:1px solid #dce1ec;color:#33415c;border-radius:999px;padding:5px 13px;font-size:13px;cursor:pointer}.pill:hover{background:#e3e8f2}.pill.actief{background:var(--brand);border-color:var(--brand);color:#fff}.zoek-hint{margin:0 0 8px;font-size:13px}.statusbar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:16px}.info-banner{background:#eaf6ee;border:1px solid #b7e0c4;color:#1f7a44;padding:8px 12px;border-radius:8px;margin-bottom:12px;font-size:14px}.vacature-tekst{white-space:pre-wrap;background:#f7f9fc;border:1px solid #e2e6ef;border-radius:8px;padding:12px 14px;margin-bottom:14px;color:#344;line-height:1.5}.publiek{max-width:640px;margin:40px auto;padding:0 16px}.publiek .card{padding:26px}.publiek-merk{display:flex;align-items:center;gap:12px;margin-bottom:20px}.publiek-merk .merknaam-indigo{font-size:13px;font-weight:500;letter-spacing:.04em;color:var(--indigo-light);line-height:1.1}.publiek-merk .appnaam-indigo{font-size:22px;font-weight:600;color:var(--indigo);line-height:1.15}.publiek-foot{display:flex;align-items:center;gap:8px;margin-top:28px;color:var(--muted);font-size:12px}.publiek-foot strong{color:var(--indigo);font-weight:600}.bar{height:10px;background:var(--brand);border-radius:6px}.trechter-scheiding{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);border-top:1px dashed var(--line);margin:6px 0 10px;padding-top:8px}.bar-bg{background:#eef2f7;border-radius:6px;overflow:hidden}.tabs{display:flex;flex-wrap:wrap;gap:4px 2px;border-bottom:1px solid #e2e6ef;margin:12px 0 20px}.tabs .tab{background:none;border:none;border-bottom:2px solid transparent;border-radius:0;padding:8px 12px;color:#5a6378;font-weight:500;cursor:pointer;white-space:nowrap}.tabs .tab:hover{color:#1c2333}.tabs .tab.actief{color:var(--brand);border-bottom-color:var(--brand)}.huidige-gebruiker{margin-top:auto;padding-top:16px;border-top:1px solid var(--line)}.huidige-gebruiker .naam{font-size:14px;font-weight:600;color:var(--ink);line-height:1.2}.huidige-gebruiker .rol{font-size:12px;color:var(--muted);margin-top:2px}.huidige-gebruiker .uitloggen{flex:0 0 auto;margin-left:auto;display:inline-flex;align-items:center;justify-content:center;padding:6px 8px;background:transparent;border:0;border-radius:8px;color:var(--muted)}.huidige-gebruiker .uitloggen svg{flex-shrink:0}.huidige-gebruiker .uitloggen:hover{background:#f1f1f3;color:var(--ink)}.versie-regel{margin-top:12px;font-size:11px;line-height:1.4;color:var(--muted);overflow-wrap:anywhere}.versie-regel a{color:inherit;text-decoration:underline}.versie-regel a:hover{color:var(--ink)}.checklijst{display:flex;flex-direction:column;gap:4px;max-height:160px;overflow-y:auto;border:1px solid #e2e6ef;border-radius:8px;padding:8px}.check,label:has(>input[type=checkbox]){display:inline-flex;align-items:center;gap:8px;font-weight:400;cursor:pointer;line-height:1.3}.checklijst .check{display:flex}input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;flex:none;width:18px;height:18px;margin:0;padding:0;border:1.5px solid #c2cad9;border-radius:5px;background:#fff;cursor:pointer;display:inline-grid;place-content:center;vertical-align:middle;transition:background .12s ease,border-color .12s ease}input[type=checkbox]:before{content:"";width:11px;height:11px;transform:scale(0);transition:transform .12s ease;background:#fff;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%)}input[type=checkbox]:checked{background:var(--brand);border-color:var(--brand)}input[type=checkbox]:checked:before{transform:scale(1)}input[type=checkbox]:hover:not(:disabled){border-color:var(--brand)}input[type=checkbox]:focus-visible{outline:2px solid var(--brand);outline-offset:2px}input[type=checkbox]:disabled{background:#eef1f5;border-color:#dce1ec;cursor:not-allowed}tr.klikbaar{cursor:pointer}tr.klikbaar:hover{background:#f3f6fc}.notitie-preview{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notitie-volledig{white-space:pre-wrap;word-break:break-word;font-family:inherit;font-size:14px;margin:0;max-height:340px;overflow:auto;background:#f7f9fc;border:1px solid var(--line);border-radius:8px;padding:12px 14px;color:#334;line-height:1.5}.kaart-wrap{position:relative}.nl-kaart{width:100%;height:auto;max-height:480px;background:#f7f9fc;border:1px solid var(--line);border-radius:12px;touch-action:none;-webkit-user-select:none;user-select:none}.kaart-zoom{position:absolute;top:8px;left:8px;display:flex;flex-direction:column;gap:4px}.kaart-zoom button{width:30px;height:30px;padding:0;font-size:16px;line-height:1;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);cursor:pointer}.kaart-zoom button:hover{background:#f1f4f8}.card{overflow:hidden}.card table tbody tr:nth-of-type(2n){background:#fafafa}.card table tbody tr:hover{background:#faf1ee}.card table thead th{background:#f8f8f9;border-bottom:1px solid var(--line)}th,td{padding:10px 12px}.btn.small,a.small,label.small{padding:4px 9px;font-size:12px}table select{border-color:transparent;background:#f1f2f4;font-weight:600}table select:hover{border-color:var(--line)}.print-only{display:none}.rapport-kop{justify-content:space-between;align-items:center;border-bottom:2px solid var(--indigo);padding-bottom:10px;margin-bottom:16px;color:var(--indigo)}.rapport-merk{display:flex;align-items:center;gap:10px}.rapport-merk>div{display:flex;flex-direction:column;line-height:1.15}.rapport-merk strong{font-size:16px}.rapport-sub{font-size:11px;font-weight:500;color:var(--muted)}.rapport-voet{text-align:center;font-size:9.5px;color:#777}@media print{@page{size:landscape;margin:12mm}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}body{background:#fff}.app-header,.sidebar,.kaart-zoom,.geen-print{display:none!important}.app-root{display:block;height:auto}.shell{display:block}.main{padding:0;overflow:visible}.print-only{display:block}.rapport-kop{display:flex}.rapport-voet{position:fixed;bottom:4mm;left:0;right:0;border-top:1px solid #ddd;padding-top:3px}.card,.kpi{box-shadow:none;border:1px solid #d4dae6;break-inside:avoid}a{color:inherit;text-decoration:none}}@media (max-width: 860px){.shell{flex-direction:column}.sidebar{width:auto;padding:14px 16px;position:static;height:auto;overflow:visible;background:#fff;border-right:none;border-bottom:1px solid var(--line)}.sidebar nav{display:flex;flex-wrap:wrap;gap:4px}.sidebar nav a{margin-bottom:0;padding:7px 11px}.sidebar .groep{width:100%;margin:8px 6px 2px}.sidebar-kop{display:none}.sidebar.ingeklapt{width:auto;padding:14px 16px}.sidebar.ingeklapt nav a{justify-content:flex-start;gap:11px;padding:7px 11px}.sidebar.ingeklapt nav a .nav-txt,.sidebar.ingeklapt .huidige-gebruiker .uitlog-txt{display:inline}.sidebar.ingeklapt .huidige-gebruiker .naam,.sidebar.ingeklapt .huidige-gebruiker .rol,.sidebar.ingeklapt .versie-regel{display:block}.gebruikerkiezer{margin-top:12px;padding-top:12px}.gebruikerkiezer select{max-width:260px}}@media (max-width: 680px){.grid.cols-4,.grid.cols-2{grid-template-columns:1fr}.card table{display:block;overflow-x:auto;white-space:nowrap}.toolbar{gap:8px}.modal{max-width:100%}.row>*{min-width:100%}}.publiek-tekst{white-space:pre-wrap}.publiek-sectie{margin:18px 0 6px;font-size:14px}.kleur-kiezer{display:flex;align-items:center;gap:8px}.kleur-kiezer input[type=color]{width:44px;height:34px;padding:2px;flex:0 0 auto;cursor:pointer}.kleur-kiezer input:not([type=color]){max-width:260px}.kleur-voorbeeld{margin-top:8px;display:inline-block;padding:7px 14px;border-radius:8px;border:1px solid var(--line);background:var(--brand);color:#fff;font-size:13px;font-weight:500}.krij-actie{display:flex;align-items:center;padding:0 12px 0 0;flex:none}@media (max-width: 760px){.krij-actie{padding:0 12px 10px 48px}}.notif-wrap{position:relative}.topbar-acties{margin-left:auto;display:flex;align-items:center;gap:8px}.notif-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;background:#f3f5f9;border:1px solid var(--line);border-radius:10px;color:#3f4a59;cursor:pointer}.notif-btn:hover{background:#e9edf4}.notif-count{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--red);color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center;box-shadow:0 0 0 2px #fff}.notif-panel{position:absolute;top:calc(100% + 8px);right:0;width:360px;max-width:86vw;max-height:70vh;overflow-y:auto;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 40px #14183c29;z-index:40}.notif-head{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line);background:var(--card)}.notif-empty{padding:26px 14px;text-align:center;color:var(--muted);font-size:14px}.notif-list{list-style:none;margin:0;padding:4px}.notif-item+.notif-item{margin-top:2px}.notif-row{display:flex;align-items:flex-start;gap:10px;width:100%;padding:10px;border:0;border-radius:10px;background:transparent;text-align:left;cursor:pointer}.notif-row:hover{background:#f3f5f9}.notif-item.unread .notif-row{background:var(--app-tint)}.notif-item.unread .notif-row:hover{background:#f7ddd6}.notif-body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.notif-titel{font-size:13.5px;font-weight:600;color:var(--ink);line-height:1.35}.notif-tekst{font-size:13px;color:#4a5566;line-height:1.35;white-space:pre-wrap}.notif-tijd{font-size:11.5px;color:var(--muted)}.notif-bullet{flex:0 0 8px;width:8px;height:8px;margin-top:6px;border-radius:50%;background:var(--red)}.notif-voet{border-top:1px solid var(--line);padding:8px 12px;text-align:center}.formulier-sectie{margin:20px 0 2px;font-size:15px;padding-top:14px;border-top:1px solid var(--line)}.formulier-sectie:first-of-type{margin-top:4px;padding-top:0;border-top:none}.formulier-hulp{margin:0 0 12px;font-size:13px;line-height:1.45}.gevarenzone-ingang{margin-top:34px;padding-top:12px;border-top:1px solid var(--line)}button.gevarenzone-link{border:none;background:transparent;padding:4px 0;font-size:12px;font-weight:500;color:var(--muted)}button.gevarenzone-link:hover{background:transparent;color:var(--red);text-decoration:underline}button.gevaar{background:var(--red);border-color:var(--red);color:#fff}button.gevaar:hover{background:#a52a1a}button.gevaar:disabled{opacity:.45;cursor:not-allowed}.gevarenzone-lijst{margin:6px 0 12px;padding-left:20px;line-height:1.55}.rol-keuze{display:flex;flex-direction:column;gap:6px}.rol-optie{display:flex;align-items:flex-start;gap:8px;padding:7px 10px;border:1px solid var(--line);border-radius:8px;cursor:pointer;font-weight:500}.rol-optie:hover{background:#f7f9fc}.rol-optie input{width:auto;margin-top:2px}.nm-blok .card+.card{margin-top:18px}.nm-status{margin:12px 0 14px;padding:10px 12px;border-radius:10px;font-size:14px;border:1px solid var(--line)}.nm-status.aan{background:#eaf7ef;border-color:#bfe6cd;color:var(--green);font-weight:600}.nm-status.uit{background:#fdf3e7;border-color:#f3d3ae;color:var(--amber)}.nm-tabel td{vertical-align:middle}.nm-tabel tr.nm-uit td{color:var(--muted)}.nm-uitleg{font-size:13px;margin:8px 0 0}.nm-standen{list-style:none;margin:0;padding:0;font-size:14px}.nm-standen li{display:flex;align-items:flex-start;gap:10px;padding:6px 0}.nm-teller{min-width:32px;text-align:center;font-size:13px;padding:3px 8px;background:var(--bg);color:var(--ink)}input[type=checkbox].schakelaar{-moz-appearance:none;appearance:none;-webkit-appearance:none;display:inline-block;flex:none;width:40px;height:22px;margin:0;padding:0;border:none;border-radius:999px;background:#cfd4de;position:relative;cursor:pointer;transition:background .15s;vertical-align:middle}input[type=checkbox].schakelaar:before{content:none}input[type=checkbox].schakelaar:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #14183c40;transition:left .15s}input[type=checkbox].schakelaar:checked{background:var(--brand)}input[type=checkbox].schakelaar:checked:after{left:21px}input[type=checkbox].schakelaar:hover:not(:disabled){background:#bcc3d0}input[type=checkbox].schakelaar:checked:hover:not(:disabled){background:var(--brand-dark, var(--brand))}input[type=checkbox].schakelaar:focus-visible{outline:2px solid var(--app-light);outline-offset:2px}input[type=checkbox].schakelaar:disabled{opacity:.45;cursor:not-allowed}input[type=checkbox].schakelaar:disabled:not(:checked){background:#cfd4de}.publiek-logo{display:block;max-height:56px;max-width:220px;object-fit:contain}.logo-kiezer{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.logo-kiezer .publiek-logo{max-height:48px;padding:4px;border:1px solid var(--line);border-radius:8px;background:#fff}.sidebar nav .nav-sectie-kop{display:flex;align-items:center;gap:11px;width:100%;margin-bottom:2px;padding:9px 12px;border:0;border-radius:10px;background:none;color:#3f4a59;font:inherit;font-weight:500;text-align:left;cursor:pointer}.sidebar nav .nav-sectie-kop:hover{background:#f3f5f9}.sidebar nav .nav-sectie-kop.actief{background:var(--app-tint);color:var(--app-deep)}.sidebar nav .nav-sectie-kop .nav-pijl{margin-left:auto;color:#8a94a6}.sidebar nav .nav-kinderen{margin:2px 0 8px 21px;padding-left:8px;border-left:1px solid var(--line)}.sidebar nav .nav-kinderen a{padding:6px 10px;margin-bottom:1px;font-size:13px}.sectie-kicker{margin-bottom:-6px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.sidebar.ingeklapt nav .nav-sectie-kop{justify-content:center;gap:0;padding:9px 0}.sidebar.ingeklapt nav .nav-sectie-kop .nav-txt{display:none}.gebruiker-regel{display:flex;align-items:center;gap:10px;min-width:0}.gebruiker-tekst{min-width:0;flex:1}.gebruiker-tekst .naam{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar{flex:0 0 36px;width:36px;height:36px;border-radius:50%;object-fit:cover;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:#fff;-webkit-user-select:none;user-select:none}.sidebar.ingeklapt .gebruiker-regel{flex-direction:column;justify-content:center;gap:8px}.sidebar.ingeklapt .gebruiker-tekst{display:none}.link-knop{padding:0;border:0;background:none;color:var(--brand);font:inherit;text-align:left;cursor:pointer}.link-knop:hover{text-decoration:underline}.modal.breed{max-width:780px}.detail-kop{margin:20px 0 8px;font-size:12px;font-weight:600;letter-spacing:.04em;color:var(--muted);text-transform:uppercase}.modal h3+.detail-kop{margin-top:4px}.referral-tekst{margin:0;padding:12px 14px;border-left:3px solid var(--brand);border-radius:0 8px 8px 0;background:var(--app-tint);color:var(--ink);line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.referral-tekst.oud{border-left-color:var(--line);background:#f6f7f9}.detail-leeg{margin:0;color:var(--muted);line-height:1.5}.detail-voetnoot{margin:6px 0 0;font-size:12.5px;line-height:1.45;color:var(--muted)}.gegevens{display:grid;grid-template-columns:130px minmax(0,1fr);column-gap:16px;row-gap:10px;align-items:center;margin:0}.gegevens dt{margin:0;font-size:13.5px;color:var(--muted)}.gegevens dd{margin:0;min-width:0;overflow-wrap:anywhere}.gegevens-select{width:auto;padding:4px 8px}.modal .acties .spacer{flex:1}@media (max-width: 860px){.sidebar.ingeklapt .gebruiker-regel{flex-direction:row;gap:10px}.sidebar.ingeklapt .gebruiker-tekst{display:block}}.nm-redenen{list-style:none;margin:6px 0 2px;padding:0;display:flex;flex-direction:column;gap:6px}.nm-reden{display:block;font-size:13px;color:var(--ink)}.nm-advies{display:block;font-size:12.5px;color:#8a5600;background:#fdf3df;border-radius:6px;padding:4px 8px;margin-top:2px}.filterbalk{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 16px}.filterbalk .presets{display:inline-flex;gap:4px;background:#eef1f7;border-radius:999px;padding:3px}.filterbalk .presets button{border:none;background:transparent;color:#33415c;border-radius:999px;padding:4px 11px;font-size:13px;cursor:pointer;white-space:nowrap}.filterbalk .presets{flex-wrap:wrap}.grid.dashboard-grafieken{grid-template-columns:repeat(auto-fit,minmax(min(540px,100%),1fr));margin-bottom:16px}.trechter-vlak{width:100%;overflow:hidden}.filterbalk .presets button.actief{background:#fff;color:var(--ink);font-weight:600;box-shadow:var(--shadow)}.filterbalk select,.filterbalk input[type=date]{width:auto;min-width:150px;padding:6px 10px;font-size:13px}.filterbalk .filter-samenvatting{font-size:13px;color:var(--muted)}.dashboard-inhoud.laadt{opacity:.55;transition:opacity .15s}.grafiek-kaart h3{margin:0}.grafiek-kop{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.grafiek-sub{margin:2px 0 0;font-size:12.5px}.grafiek-vlak{width:100%}.grafiek-leeg{margin:18px 0;text-align:center}.grafiek-tabel td,.grafiek-tabel th{font-variant-numeric:tabular-nums}.grafiek-legenda{list-style:none;display:flex;flex-wrap:wrap;gap:4px 14px;margin:8px 0 0;padding:0;font-size:12.5px;color:var(--muted)}.grafiek-legenda li{display:inline-flex;align-items:center;gap:6px}.legenda-vlak{display:inline-block;width:10px;height:10px;border-radius:2px}.legenda-lijn{display:inline-block;width:14px;height:3px;border-radius:2px}.grafiek-tooltip{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 4px 14px #141e2d1f;padding:8px 10px;font-size:12.5px;min-width:140px}.grafiek-tooltip .tooltip-kop{color:var(--muted);margin-bottom:4px}.grafiek-tooltip .tooltip-rij{display:flex;align-items:center;gap:7px;padding:1px 0}.grafiek-tooltip strong{font-variant-numeric:tabular-nums}.recharts-wrapper,.recharts-text{font-family:inherit}.recharts-text{fill:var(--muted);font-size:11.5px}.recharts-cartesian-grid line,.recharts-cartesian-axis-line,.recharts-cartesian-axis-tick-line{stroke:var(--line)}.recharts-tooltip-cursor{fill:#141e2d0a}.recharts-surface:focus{outline:none}.grid.cols-6{grid-template-columns:repeat(6,1fr)}.grid.cols-2>.breed{grid-column:1 / -1}.kpi-tegels{margin-bottom:18px}.kpi .value .delta{margin-left:8px;font-size:13px;font-weight:600;white-space:nowrap}.delta.omhoog{color:var(--green)}.delta.omlaag{color:var(--red)}.delta.gelijk{color:var(--muted)}.kpi .onderregel{margin-top:4px;font-size:12px;color:var(--ink)}.kpi .waarschuwing{display:inline-flex;align-items:center;gap:4px;margin-top:4px;font-size:12px;color:var(--amber)}.kpi .onderschrift{margin-top:6px;font-size:11px;color:var(--muted)}.filterbalk .datums{display:inline-flex;align-items:center;gap:6px}.filterbalk .datums input[type=date]{min-width:0}.filterbalk .vinkje{display:inline-flex;align-items:center;gap:6px;margin:0;font-size:13px;font-weight:500;color:var(--ink);cursor:pointer}.filterbalk .acties{display:inline-flex;gap:8px;margin-left:auto}.filterbalk .acties .btn,.filterbalk .acties button{padding:6px 12px;font-size:13px}.filterbalk .acties a.btn:hover{text-decoration:none}.aandachtspunten{scroll-margin-top:16px}.aandacht-lijst{list-style:none;margin:0;padding:0}.aandacht-rij{border-top:1px solid var(--line)}.aandacht-knop{display:flex;align-items:center;gap:10px;width:100%;padding:9px 4px;border:0;border-radius:0;background:none;font:inherit;text-align:left;cursor:pointer}.aandacht-knop:hover{background:#f7f9fc}.aandacht-knop:disabled,.aandacht-knop.statisch{cursor:default;background:none}.aandacht-knop:disabled .aandacht-titel{color:var(--muted);font-weight:500}.aandacht-titel{font-weight:600;white-space:nowrap}.aandacht-uitleg{font-size:12.5px;min-width:0}.aandacht-pijl{flex:none;margin-left:auto;color:var(--muted)}.aandacht-link{flex:none;margin-left:auto;font-size:13px;white-space:nowrap}.aandacht-badge{flex:none;min-width:30px;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:700;text-align:center;font-variant-numeric:tabular-nums}.aandacht-badge.rood{background:#fbe0dc;color:#b32a18}.aandacht-badge.oranje{background:#fff3d6;color:#8a5a00}.aandacht-badge.grijs{background:#eceff3;color:#5b6675}.aandacht-badge.nul{background:#f1f3f6;color:#aab2c0}.aandacht-uitklap{padding:0 4px 12px 44px}.aandacht-tabel{font-size:13px}.aandacht-tabel th,.aandacht-tabel td{padding:7px 10px}.aandacht-tabel .getal{text-align:right;font-variant-numeric:tabular-nums}.aandacht-voet{display:flex;align-items:center;gap:8px;margin:10px 0 0}.aandacht-voet a.btn:hover{text-decoration:none}.inklap-kaart .inklap-kop{display:flex;align-items:center;gap:10px}.inklap-kaart .inklap-kop h3{margin:0}.inklap-kaart .spacer{flex:1}.inklap-inhoud{margin-top:12px}.inklap-inhoud>.card{border:0;box-shadow:none;padding:0;margin:0}@media (max-width: 1200px){.grid.cols-6{grid-template-columns:repeat(3,1fr)}}@media (max-width: 680px){.grid.cols-6{grid-template-columns:repeat(2,1fr)}.filterbalk .acties{margin-left:0}.aandacht-uitleg{display:none}.aandacht-titel{white-space:normal;min-width:0;flex:1;text-align:left}.aandacht-uitklap{padding-left:4px}}.grafiek-voet{margin:8px 0 0;font-size:12.5px}.trechter{display:block;width:100%;height:auto;font-family:inherit}.trechter .fase-naam{font-size:12px}.trechter .fase-aantal{font-size:12px;font-weight:600}.trechter .fase-rest,.trechter .conversie{font-size:10.5px}.bron-gefilterd{margin:0}.bron-gefilterd dl{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px 14px;margin:10px 0 0}.bron-gefilterd dt{font-size:12px;color:var(--muted)}.bron-gefilterd dd{margin:2px 0 0;font-size:20px;font-weight:600}.grafiek-vlak>.recharts-wrapper,.grafiek-vlak>.trechter{max-width:100%}.rapportage .rapport-kop{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.rapportage .rapport-meta{text-align:right;font-size:12px;color:var(--muted);line-height:1.5}.rapportage .rapport-titel{margin:0 0 4px;font-size:20px}.rapportage .rapport-balk .schakelaar{display:inline-flex;gap:4px}.rapportage .rapport-balk label{margin:0;display:inline-flex;align-items:center;gap:6px;font-size:13px}.rapport-sectie{margin-bottom:28px}.rapport-sectie>h2{font-size:18px;margin:0 0 12px;padding-bottom:6px;border-bottom:1px solid var(--line)}.rapport-sectie h4{margin:14px 0 6px;font-size:13px}.rapport-sectie .card>p:first-child{margin-top:0}.rapport-tabel td,.rapport-tabel th{font-variant-numeric:tabular-nums;vertical-align:top}.rapportage .tabel-scroll{overflow-x:auto}.rapport-tabel td.rechts,.rapport-tabel th.rechts{text-align:right}.rapport-tabel .definitie{white-space:normal;color:var(--muted)}.delta-op{color:var(--green);font-weight:600}.delta-neer{color:var(--red);font-weight:600}.delta-gelijk{color:var(--muted)}.rapport-zinnen{margin:10px 0 0;padding-left:20px}.rapport-zinnen li{margin:3px 0}.rapportage .grafiek-vlak{overflow-x:auto}.rapportage .rapport-voet{margin-top:24px}@media print{@page{size:A4 landscape;margin:12mm}.rapport-sectie{break-before:page}.rapport-sectie:first-of-type{break-before:auto}.rapport-sectie .card,.rapport-sectie .kpi,.rapport-sectie table{break-inside:avoid}.rapportage .card{padding:14px;margin-bottom:12px}.rapportage .grid.cols-2{grid-template-columns:1fr 1fr;gap:12px}.rapportage table{font-size:10.5px}.rapportage th,.rapportage td{padding:4px 6px}.rapportage .tabel-scroll{overflow:visible}.rapportage .rapport-tabel th{white-space:normal;text-transform:none;letter-spacing:0;font-size:9.5px;-webkit-hyphens:auto;hyphens:auto}.rapportage .grafiek-vlak{overflow:visible}.rapportage .rapport-balk{display:none!important}}.publiek-vacatures{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.publiek-vacature{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px 16px;font:inherit;color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:border-color .12s,background .12s}.publiek-vacature:hover{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 5%,#fff)}.publiek-vacature:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.publiek-vacature .vacature-info{flex:1;min-width:0;overflow-wrap:anywhere}.publiek-vacature .vacature-titel{display:block;font-weight:600}.publiek-vacature .vacature-meta{display:block;color:var(--muted);font-size:14px;margin-top:2px}.publiek-vacature .vacature-kort{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--muted);font-size:14px;margin-top:6px}.publiek-vacature .vacature-actie{flex:none;background:var(--brand);color:#fff;border-radius:8px;padding:7px 12px;font-size:14px;font-weight:600;white-space:nowrap}@media (max-width: 480px){.publiek-vacature{flex-direction:column;align-items:stretch;gap:10px}.publiek-vacature .vacature-actie{text-align:center;padding:9px 12px}}.publiek-open-sollicitatie{margin-top:12px;width:100%}