:root{--brand-name:"people@places";--color-brand-primary:#392151;--color-brand-secondary:#0093a9;--color-brand-accent-red:#e63358;--color-brand-accent-yellow:#f8b133;--color-brand-neutral-soft:#f0f0f0;--color-black:#000;--color-bg:#f0f0f0;--color-surface:#fff;--color-surface-soft:#f7f6fa;--color-border:#e3dee9;--color-text:#2a1a40;--color-muted:#7a7186;--color-ok:#1f8a4d;--color-warning:#b87000;--color-danger:#b52245;--color-info:#2b6cb0;--font-heading:"Roboto", Arial, sans-serif;--font-body:"Roboto", Arial, sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--radius-s:8px;--radius-m:12px;--radius-l:16px;--shadow-1:0 4px 16px #39215112;--shadow-2:0 12px 28px #3921511f}@font-face{font-family:Roboto;src:url(/brand/fonts/Roboto-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url(/brand/fonts/Roboto-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}*{box-sizing:border-box}html,body{min-height:100%;font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);margin:0}a{color:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:0;font-weight:700}.appShell{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.leftNav{padding:var(--space-6);background:var(--color-brand-primary);color:#fff;height:100vh;position:sticky;top:0;overflow-y:auto}.brandBlock{display:block}.brandSub{margin:var(--space-2) 0 0;color:#b3a6cc;font-size:12px}.logoPlaceholder{width:188px;max-width:100%;display:block}.logoPlaceholder img{width:100%;height:auto;display:block}.mainNav{margin-top:var(--space-6);gap:var(--space-2);display:grid}.navLink{border-radius:var(--radius-s);background:#ffffff0a;padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:background .12s}.navLink:hover{background:#ffffff1f}.navLink:focus-visible{outline:none;box-shadow:0 0 0 3px #0093a9b3}.mainArea{grid-template-rows:auto 1fr;min-width:0;display:grid}.topBar{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd1;justify-content:space-between;align-items:center;display:flex}.topBar strong{font-size:15px;display:block}.topBar span{color:var(--color-muted);font-size:13px}.topBarMeta{gap:var(--space-2);display:flex}.pill{border:1px solid var(--color-border);background:var(--color-surface);border-radius:999px;padding:6px 10px;font-size:12px}.pageContent{padding:var(--space-6)}.pageHeader h2{margin:0;font-size:28px}.pageHeader p{margin:var(--space-2) 0 0;color:var(--color-muted)}.enhancedHeader{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.headerActions{gap:var(--space-2);flex-wrap:wrap;display:flex}.gridCols4{gap:var(--space-4);margin-top:var(--space-5);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.card{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-1);padding:var(--space-5);border-radius:14px;transition:transform .15s,box-shadow .15s}.card:hover{box-shadow:var(--shadow-2);transform:translateY(-2px)}.card h3,.card p{margin:0}.card p{margin-top:var(--space-2);color:var(--color-muted);font-size:13px}.metric{margin-top:var(--space-3);color:var(--color-brand-primary);font-size:30px;font-weight:700}.sectionGrid{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:2fr 1fr;display:grid}.tableCard{border-radius:var(--radius-l);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-1);overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);vertical-align:top}th{color:var(--color-muted);letter-spacing:.04em;text-transform:uppercase;font-size:12px}.badge{border:1px solid #0000;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700}.badge.ok{color:#14643a;background:#ddf5e8}.badge.warning{color:#7f4d00;background:#fdf0d8}.badge.critical{color:#8f1d2a;background:#ffe4e8}.badge.neutral{color:#425466;background:#edf2f7}.stack{gap:var(--space-3);display:grid}.panel{border-radius:var(--radius-m);padding:var(--space-4);border:1px solid var(--color-border);background:var(--color-surface)}.panel h4{margin:0;font-size:14px}.panel p{margin:var(--space-2) 0 0;color:var(--color-muted);font-size:13px}.proposalItem{border-top:1px solid var(--color-border);margin-top:10px;padding-top:10px}.proposalActions{gap:8px;margin-top:8px;display:flex}.kanban{gap:var(--space-4);margin-top:var(--space-5);grid-template-columns:1fr 2fr;display:grid}.dropZone,.dragPool{border:1px dashed var(--color-border);border-radius:var(--radius-l);background:var(--color-surface-soft);min-height:200px;padding:var(--space-4)}.draggable{cursor:grab;margin-bottom:var(--space-2)}.inlineFilters{margin-top:var(--space-4);gap:var(--space-3);flex-wrap:wrap;display:flex}.filterPill{background:var(--color-surface);border:1px solid var(--color-border);border-radius:999px;padding:8px 12px;font-size:12px}.toolbar{margin-top:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-l);box-shadow:var(--shadow-1);padding:var(--space-3);gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.inputLike,.selectLike{border:1px solid var(--color-border);height:36px;color:var(--color-text);background:#fff;border-radius:10px;padding:0 12px;font-size:13px;transition:border-color .12s,box-shadow .12s}.selectLike{min-width:140px}.inputLike:hover,.selectLike:hover{border-color:#c5b7d9}.inputLike:focus-visible,.selectLike:focus-visible{border-color:var(--color-brand-secondary);outline:none;box-shadow:0 0 0 3px #0093a933}.btn{cursor:pointer;border:1px solid #0000;border-radius:999px;height:36px;padding:0 14px;font-size:13px;font-weight:700;transition:transform .12s,box-shadow .12s,background .12s,border-color .12s,color .12s}.btn-primary{background:var(--color-brand-secondary);color:#fff;border-color:var(--color-brand-secondary)}.btn-primary:hover:not(:disabled){background:#007487;border-color:#007487}.btn-secondary{background:var(--color-brand-primary);color:#fff;border-color:var(--color-brand-primary)}.btn-ghost{color:var(--color-brand-secondary);border-color:var(--color-border);background:#fff}.btn-danger{color:var(--color-danger);background:#fff0f4;border-color:#f6c7d4}.btn:hover:not(:disabled){box-shadow:var(--shadow-1);transform:translateY(-1px)}.btn:active:not(:disabled){box-shadow:none;transform:translateY(0)}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px #f8b13373}.btn:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}.tabs{border:1px solid var(--color-border);background:#fff;border-radius:999px;padding:3px;display:inline-flex}.tab{height:30px;color:var(--color-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 12px;font-size:12px;transition:background .12s,color .12s,box-shadow .12s}.tab:hover{color:var(--color-brand-primary);background:#f6f2fb}.tab.active{color:var(--color-brand-primary);background:#ede7f5;font-weight:700}.tab:focus-visible{outline:none;box-shadow:0 0 0 3px #39215133}.tab:disabled{cursor:not-allowed;opacity:.5}.filterPill{transition:border-color .12s,box-shadow .12s,background .12s}.filterPill:hover{background:#faf8fd;border-color:#c9badf}.filterPill:focus-visible{outline:none;box-shadow:0 0 0 3px #0093a92e}@media (max-width:1200px){.gridCols4{grid-template-columns:repeat(2,minmax(0,1fr))}.sectionGrid,.kanban{grid-template-columns:1fr}}.navToggle{border-radius:var(--radius-s);color:inherit;font:inherit;cursor:pointer;background:#ffffff14;border:1px solid #ffffff40;align-items:center;gap:8px;padding:8px 12px;font-size:14px;display:none}@media (max-width:900px){.appShell{grid-template-rows:auto 1fr;grid-template-columns:1fr}.leftNav{z-index:3;padding:var(--space-3) var(--space-4);gap:var(--space-2);flex-direction:column;height:auto;max-height:85vh;display:flex;position:sticky;top:0}.brandBlock{justify-content:space-between;align-items:center;gap:var(--space-3);margin:0;display:flex}.leftNav .brandSub{display:none}.navToggle{display:inline-flex}.mainNav{margin-top:var(--space-2);max-height:60vh;display:none;overflow-y:auto}.mainNav.navOpen{display:grid}.topBar{gap:var(--space-2);padding:var(--space-3) var(--space-4);flex-wrap:wrap}.topBarMeta{flex-wrap:wrap}.topBar>div,.topBarMeta,.topBarMeta>div{flex-wrap:wrap;min-width:0}.pageContent{padding:var(--space-4)}.tableCard{overflow-x:auto}}.formulier{color:#000;max-width:900px}.formulier .kopgegevens{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 24px;margin:16px 0 0;display:grid}.formulier .kopgegevens dt{text-transform:uppercase;letter-spacing:.04em;color:var(--color-brand-secondary);font-size:11px;font-weight:700}.formulier .kopgegevens dd{border-bottom:1px solid #cfd6de;min-height:20px;margin:2px 0 0;font-size:14px}.formulier .invulveld{border-bottom:1px solid #cfd6de;min-height:20px}.formulier .blok{break-inside:avoid;margin-top:22px}.formulier .blok h2{color:var(--color-brand-primary);border-bottom:1px solid var(--color-brand-secondary);margin:0 0 8px;padding-bottom:4px;font-size:15px}.formulier .competentietabel{border-collapse:collapse;width:100%;font-size:13px}.formulier .competentietabel th{text-align:left;text-transform:uppercase;letter-spacing:.03em;color:var(--color-brand-primary);border-bottom:1px solid #cfd6de;padding:4px 6px;font-size:11px}.formulier .competentietabel td{vertical-align:top;border-bottom:1px solid #e6eaef;padding:6px}.formulier .competentietabel .hokje{text-align:center;width:60px}.formulier .vinkje{border:1px solid #6b7684;width:14px;height:14px;font-size:12px;font-weight:700;line-height:13px;display:inline-block}.formulier .vinkje.aan{border-color:var(--color-brand-secondary);color:var(--color-brand-secondary)}.formulier .lijnen{border-bottom:1px solid #cfd6de;height:26px;margin-bottom:84px;box-shadow:0 26px 0 -1px #cfd6de,0 52px 0 -1px #cfd6de,0 78px 0 -1px #cfd6de}.formulier .ondertekening{break-inside:avoid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;margin-top:34px;display:grid}.formulier .ondertekening .lijn{border-bottom:1px solid #6b7684;height:34px;display:block}.formulier .ondertekening p{margin:6px 0 0;font-size:12px}.formulier .voetnoot{color:#5b6570;margin-top:24px;font-size:11px}@media print{.leftNav,.topBar,.geenPrint{display:none!important}.appShell,.mainArea{display:block}.pageContent{padding:0}body{background:#fff}.formulier{max-width:none}@page{size:A4;margin:16mm}}.beschikbaarheidRij{gap:var(--space-3);grid-template-columns:140px 80px 1fr 1fr 1fr;align-items:center;display:grid}.formulierRij{gap:var(--space-4);grid-template-columns:1fr 1fr 1fr;display:grid}@media (max-width:900px){.beschikbaarheidRij{grid-template-columns:1fr auto;row-gap:8px}.beschikbaarheidKop{display:none}.beschikbaarheidRij>:last-child{grid-column:1/-1}.formulierRij{grid-template-columns:1fr}.enhancedHeader{align-items:stretch;gap:var(--space-3);flex-direction:column}.enhancedHeader>*,.headerActions{flex-wrap:wrap;min-width:0}.mainArea{min-width:0}.pageContent{max-width:100%;overflow-x:auto}.pageContent .leftNav .brandBlock{display:none}}