@font-face{font-family:DM Serif Display;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dm-serif-display-normal-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Serif Display;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dm-serif-display-normal-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/inter-normal-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/inter-normal-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#171714;--paper:#f4f1e8;--card:#fffdf7;--yellow:#f4d52c;--gold:#9c8400;--muted:#6f6d65;--line:#e4dfd2;--line-strong:#d2ccbc;--rood:#b3261e;--rood-bg:#fbe9e7;--oranje:#9a5b00;--oranje-bg:#fdf0d9;--groen:#2e6b34;--groen-bg:#e6f2e3;--grijs-bg:#eeebe2;--serif:"DM Serif Display",Georgia,serif;--sans:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;--r:6px}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font:14.5px/1.55 var(--sans);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;margin:0}h1,h2{font-family:var(--serif);letter-spacing:-.01em;text-wrap:balance;font-weight:400}h1{margin:0;font-size:34px;line-height:1.1}h2{margin:0 0 10px;font-size:24px}a{color:inherit}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.top{background:var(--ink);height:56px;color:var(--paper);align-items:center;gap:18px;padding:0 24px;display:flex}.brand{font:900 22px/1 var(--sans);letter-spacing:-1px;color:var(--paper);text-decoration:none}.brand span{color:var(--yellow)}.brand small{letter-spacing:.02em;color:#bdb8aa;margin-left:8px;font-size:13px;font-weight:500}.top .who{color:#bdb8aa}.top .btn.ghost{color:var(--paper);border-color:#4a4943}.top .btn.ghost:hover{border-color:var(--paper)}.spacer{flex:1}.page{max-width:1280px;margin:0 auto;padding:28px 24px 60px}.head{flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 6px;font-size:11.5px;font-weight:700}.back{color:var(--muted);font-size:13px;text-decoration:none}.back:hover{color:var(--ink)}.tabs{background:var(--grijs-bg);border-radius:calc(var(--r) + 2px);flex-wrap:wrap;gap:2px;padding:3px;display:flex}.tab{border-radius:var(--r);color:var(--muted);align-items:center;gap:7px;padding:6px 12px;font-size:13.5px;font-weight:500;text-decoration:none;display:inline-flex}.tab:hover{color:var(--ink)}.tab.sel{background:var(--card);color:var(--ink);box-shadow:0 1px 2px #1717141f}.tab .n{background:var(--line);color:var(--ink);text-align:center;border-radius:9px;min-width:20px;padding:0 6px;font-size:11.5px;font-weight:700}.tab.sel .n{background:var(--yellow)}.tablewrap{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:11px 14px}tbody tr:last-child td{border-bottom:0}th{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);white-space:nowrap;background:#faf8f1;font-size:11px;font-weight:700}tbody tr{position:relative}tbody tr:hover{background:#faf7ec}td.stripe{width:4px;padding:0}.s-telaat{background:var(--rood)}.s-vandaagmorgen{background:var(--yellow)}.s-opschema,.s-{background:0 0}.klantlink{font-weight:650;text-decoration:none}.klantlink:hover{text-decoration:underline}.who{color:var(--muted);font-size:12.5px}.empty{text-align:center;color:var(--muted);padding:56px 20px}.empty strong{font-family:var(--serif);color:var(--ink);margin-bottom:4px;font-size:22px;font-weight:400;display:block}.pill{white-space:nowrap;background:var(--grijs-bg);color:var(--ink);border-radius:999px;align-items:center;gap:5px;padding:2px 9px;font-size:12px;font-weight:600;display:inline-flex}.u-telaat{background:var(--rood-bg);color:var(--rood)}.u-vandaagmorgen{background:var(--oranje-bg);color:var(--oranje)}.u-opschema{background:var(--groen-bg);color:var(--groen)}.p-geel{background:var(--yellow)}.p-groen{background:var(--groen-bg);color:var(--groen)}.p-oranje{background:var(--oranje-bg);color:var(--oranje)}.p-rood{background:var(--rood-bg);color:var(--rood)}.chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.btn{border:1px solid var(--ink);background:var(--yellow);font:inherit;cursor:pointer;color:var(--ink);border-radius:var(--r);white-space:nowrap;align-items:center;gap:6px;padding:7px 14px;font-weight:650;text-decoration:none;display:inline-flex}.btn:hover{background:#ffe04a}.btn.ghost{border-color:var(--line-strong);background:0 0;font-weight:550}.btn.ghost:hover{border-color:var(--ink)}.btn.small{padding:4px 10px;font-size:13px}.btn:disabled{opacity:.5;cursor:default}input,select,textarea{font:inherit;border:1px solid var(--line-strong);border-radius:var(--r);color:var(--ink);background:#fff;min-width:0;padding:7px 10px}input:focus,select:focus,textarea:focus{outline:2px solid var(--yellow);outline-offset:0;border-color:var(--ink)}label.field{color:var(--muted);align-items:center;gap:6px;font-size:12.5px;display:inline-flex}.row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.row.grow>input:not([type=date]):not([type=time]):not([type=number]){flex:1}.chk{border:1px solid var(--line-strong);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;display:inline-flex}.chk:has(input:checked){background:var(--ink);color:var(--paper);border-color:var(--ink)}.chk input{accent-color:var(--yellow);margin:0}.sub{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:14px 0 6px;font-size:11.5px;font-weight:700}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);margin:0 0 16px;padding:18px 20px}.card>h3{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);align-items:center;gap:8px;margin:0 0 12px;font-size:11.5px;font-weight:700;display:flex}.card>h3 .spacer{flex:1}.card>h3 a,.card>h3 .btn{text-transform:none;letter-spacing:0;font-size:13px}.action{background:var(--ink);color:var(--paper);border-color:var(--ink)}.action .eyebrow{color:var(--yellow)}.action h2{color:var(--paper);margin:0 0 4px}.action .who{color:#bdb8aa}.action input,.action select{color:var(--paper);background:#26251f;border-color:#4a4943}.action .btn.ghost{color:var(--paper);border-color:#4a4943}.action .btn.ghost:hover{border-color:var(--paper)}.action a.playbook{color:var(--yellow);text-underline-offset:3px;font-size:13px;font-weight:600}.melding{background:var(--yellow);border-color:var(--ink);font-weight:550}.pop{z-index:5;width:340px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 32px #1717142e}details.menu{position:relative}details.menu>summary{list-style:none}details.menu>summary::-webkit-details-marker{display:none}.grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}@media (max-width:960px){.grid{grid-template-columns:1fr}}.kv{grid-template-columns:max-content 1fr;gap:6px 16px;margin:0;display:grid}.kv dt{color:var(--muted)}.kv dd{margin:0}.list{margin:0;padding:0;list-style:none}.list>li{border-top:1px solid var(--line);align-items:flex-start;gap:12px;padding:10px 0;display:flex}.list>li:first-child{border-top:0}.list .when{color:var(--muted);flex:0 0 92px;font-size:12.5px;line-height:1.4}.list .body{flex:1;min-width:0}.dir{text-align:center;width:18px;color:var(--muted);display:inline-block}.progress{gap:3px;margin:12px 0 6px;display:flex}.progress i{background:var(--line);border-radius:3px;flex:1;height:6px}.progress i.done{background:var(--ink)}.progress i.cur{background:var(--yellow);box-shadow:0 0 0 1px var(--ink) inset}.steps{columns:2;column-gap:24px;margin:10px 0 0;padding:0;font-size:13.5px;list-style:none}.steps li{color:var(--muted);break-inside:avoid;padding:3px 0}.steps li.done{color:var(--ink)}.steps li.cur{color:var(--ink);font-weight:700}.steps li:before{content:"○";width:18px;display:inline-block}.steps li.done:before{content:"✓"}.steps li.cur:before{content:"●";color:var(--gold)}@media (max-width:560px){.steps{columns:1}}.standen{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.stand{border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:12.5px;font-weight:600;display:inline-flex}.st-rood{background:var(--rood-bg);color:var(--rood)}.st-onbekend{background:var(--grijs-bg);color:var(--muted)}.st-oranje{background:var(--oranje-bg);color:var(--oranje)}.st-groen{background:var(--groen-bg);color:var(--groen)}.mini{width:100%;font-size:13.5px}.mini th,.mini td{padding:6px 8px}.mini th{background:0 0}ol.punten{margin:0;padding-left:20px}ol.punten li{margin:4px 0}.icoon-vak{background:var(--grijs-bg);height:32px;color:var(--ink);border-radius:8px;flex:0 0 32px;justify-content:center;align-items:center;display:inline-flex}.onderwerp-icoon{flex:none}.sub .onderwerp-icoon{color:var(--ink)}.onderbouwing{margin-top:4px}.onderbouwing>summary{cursor:pointer;color:var(--muted);align-items:center;gap:4px;font-size:12.5px;list-style:none;display:inline-flex}.onderbouwing>summary::-webkit-details-marker{display:none}.onderbouwing>summary:before{content:"›";transition:transform .15s;display:inline-block}.onderbouwing[open]>summary:before{transform:rotate(90deg)}.onderbouwing>summary:hover{color:var(--ink)}.onderbouwing-body{border-left:3px solid var(--yellow);border-radius:0 var(--r) var(--r) 0;background:#faf8f1;margin:6px 0 4px;padding:10px 12px;font-size:13.5px}.onderbouwing-body p{margin:0}.onderbouwing-body ul{margin:0;padding-left:18px}.onderbouwing-body li{margin:3px 0}.voorstel{padding:24px 26px}.voorstel-kop{align-items:flex-start;gap:16px;display:flex}.voorstel-kop h2{margin:2px 0 0;font-size:24px;line-height:1.2}.vnum{background:var(--yellow);border:1px solid var(--ink);height:40px;font:700 18px/1 var(--sans);border-radius:50%;flex:0 0 40px;justify-content:center;align-items:center;display:inline-flex}.meta{color:var(--muted);background:var(--grijs-bg);border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:12.5px;display:inline-flex}.waarom{color:#3d3c36;margin:18px 0 0;font-size:15px}.voorstel-intro{margin:16px 0 0;font-weight:600}.begin{color:var(--muted);align-items:center;gap:7px;margin:16px 0 0;font-size:14px;display:flex}.begin strong{color:var(--ink)}.stappen{margin:16px 0 0;padding:0;list-style:none;position:relative}.stappen li{align-items:flex-start;gap:14px;padding:0 0 16px;display:flex;position:relative}.stappen li:last-child{padding-bottom:0}.stappen li:not(:last-child):before{content:"";background:var(--line);width:2px;position:absolute;top:28px;bottom:2px;left:13px}.stapnr{border:2px solid var(--ink);height:28px;font:700 13px/1 var(--sans);background:var(--card);z-index:1;border-radius:50%;flex:0 0 28px;justify-content:center;align-items:center;display:inline-flex;position:relative}.stappen li>span:last-child{padding-top:3px}.klaar{background:var(--groen-bg);border-radius:var(--r);color:#1f3d22;align-items:flex-start;gap:10px;margin:20px 0 0;padding:12px 14px;font-size:14px;display:flex}.klaar svg{color:var(--groen);flex:none;margin-top:1px}.hulp{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin-top:16px;display:grid}.hulpblok{border:1px solid var(--line-strong);border-radius:var(--r);background:#fff;padding:10px 12px}.hulpblok>summary,.hulp-regel{cursor:pointer;align-items:center;gap:8px;font-size:14px;font-weight:600;list-style:none;display:flex}.hulp-regel{cursor:default;color:var(--muted);font-weight:500}.hulpblok>summary::-webkit-details-marker{display:none}.hulpblok[open]{grid-column:1/-1}.kopieerblok{white-space:pre-wrap;border:1px solid var(--line);border-radius:var(--r);background:#faf8f1;margin:8px 0 0;padding:12px;font-size:13px}@media (max-width:560px){.voorstel{padding:18px}.voorstel-kop h2{font-size:21px}.vnum{flex-basis:34px;height:34px;font-size:16px}}.lead{max-width:62ch;margin:0 0 20px;font-size:16.5px;line-height:1.6}.winst{background:var(--groen-bg);border-color:#cfe3cb}.winst>h3{color:var(--groen)}.winst-tegels{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;display:grid}.winst-tegel{background:var(--card);border-radius:var(--r);align-items:center;gap:10px;padding:8px 10px;font-weight:600;display:flex}.winst-tegel>span:nth-child(2){flex:1}.winst-vink{color:var(--groen)}.ronde{padding:22px 24px}.voortgang-kop{flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-bottom:8px;display:flex}.voortgang-kop span{color:var(--muted)}.balk{background:var(--grijs-bg);border-radius:6px;height:12px;overflow:hidden}.balk i{background:var(--yellow);border-right:1px solid var(--ink);border-radius:6px;height:100%;transition:width .5s cubic-bezier(.2,.8,.2,1);display:block}.mijlpaal{gap:6px;margin-top:14px;display:grid}.segmenten{gap:3px;display:flex}.segmenten i{background:var(--line);border-radius:3px;flex:1;height:6px}.segmenten i.ok{background:var(--groen)}.segmenten i.net{background:var(--yellow)}.segmenten i.half{background:linear-gradient(90deg,var(--yellow) 50%,var(--line) 50%)}.segmenten i.tijdelijk{background:#e0a100}.vandaag{background:var(--yellow-soft,#fff6d6);border:1px solid #f0d98a;border-radius:10px;margin:10px 0 0;padding:10px 12px}.vnum{position:relative}.vnum-v{display:none}.voorstel:has([data-gedaan=true]) .vnum{background:var(--groen);border-color:var(--groen);color:#fff}.voorstel:has([data-gedaan=true]) .vnum-n{display:none}.voorstel:has([data-gedaan=true]) .vnum-v{display:block}.voorstel:has([data-gedaan=true]){border-color:#cfe3cb}.hoe{margin-top:14px}.hoe>summary{cursor:pointer;border:1px solid var(--line-strong);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:14px;font-weight:650;list-style:none;display:inline-flex}.hoe>summary::-webkit-details-marker{display:none}.hoe>summary:after{content:"›";transition:transform .15s}.hoe[open]>summary:after{transform:rotate(90deg)}.hoe[open]>summary{background:var(--grijs-bg)}.voorstel-acties{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px;padding-top:14px;display:flex}.gedaan-knop{font:inherit;border:1.5px solid var(--ink);background:var(--card);cursor:pointer;color:var(--ink);border-radius:999px;align-items:center;gap:7px;padding:8px 14px;font-weight:650;display:inline-flex}.gedaan-knop:hover:not(:disabled){background:var(--yellow)}.gedaan-knop.is{background:var(--groen);border-color:var(--groen);color:#fff}.gedaan-knop:disabled{opacity:.6;cursor:default}.tegels{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.tegel{border:1px solid var(--line);border-radius:var(--r);background:#fff;align-items:center;gap:10px;padding:10px;display:flex}.tegel-naam{font-size:14px;font-weight:600;line-height:1.3}.tegel-stand{color:var(--muted);align-items:center;gap:6px;margin-top:2px;font-size:12.5px;display:flex}.tegel-stand i{border-radius:50%;width:8px;height:8px;display:inline-block}.ts-groen i{background:var(--groen)}.ts-oranje i{background:#e0a100}.ts-rood i{background:var(--rood)}.ts-onbekend i{background:#b9b4a6}@media (prefers-reduced-motion:reduce){.balk i{transition:none}}.meter{white-space:nowrap;align-items:center;gap:7px;font-size:12.5px;font-weight:600;display:inline-flex}.meter-balkjes{align-items:flex-end;gap:2px;height:14px;display:inline-flex}.meter-balkjes i{background:var(--line-strong);border-radius:1.5px;width:5px}.meter-balkjes i:first-child{height:6px}.meter-balkjes i:nth-child(2){height:10px}.meter-balkjes i:nth-child(3){height:14px}.m-rood .aan{background:var(--rood)}.m-oranje .aan{background:#e0a100}.m-groen .aan{background:var(--groen)}.m-onbekend .meter-balkjes i{background:0 0;border:1.5px dashed #b9b4a6}.m-rood .meter-tekst{color:var(--rood)}.m-oranje .meter-tekst{color:var(--oranje)}.m-groen .meter-tekst{color:var(--groen)}.m-onbekend .meter-tekst{color:var(--muted)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.cijfers-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:480px){.cijfers-grid{grid-template-columns:1fr}}.cijfers .kv{font-size:14px}.samenvatting-strip{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:16px;display:grid}.stat{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px}.stat .waarde{font:600 22px/1.2 var(--sans);margin-top:2px}.narrow{max-width:680px;margin:0 auto;padding:40px 20px 60px}.narrow .brandline{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.brand.dark{color:var(--ink)}.brand.dark span{color:var(--gold)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media (max-width:640px){.page{padding:20px 16px 48px}.top{padding:0 16px}h1{font-size:28px}.top .who{display:none}}.alleen-afdruk{display:none}@media print{body[data-afdruk=plan]{background:#fff;font-size:12.5px}body[data-afdruk=plan] .alleen-afdruk{border-bottom:1px solid #999;margin:0 0 12px;padding-bottom:8px;display:block}body[data-afdruk=plan] .geen-afdruk,body[data-afdruk=plan] button,body[data-afdruk=plan] .btn,body[data-afdruk=plan] form,body[data-afdruk=plan] .back,body[data-afdruk=plan] header.top{display:none!important}body[data-afdruk=plan] .page{max-width:none;padding:0}body[data-afdruk=plan] .voorstel-acties{border-top:0;margin-top:8px;padding-top:0}body[data-afdruk=plan] button.gedaan-knop.is{color:var(--ink);background:0 0;border:0;padding:0;display:inline-flex!important}body[data-afdruk=plan] .narrow{padding:0;max-width:none!important}body[data-afdruk=plan] .card{box-shadow:none;border-color:#bbb}body[data-afdruk=plan] summary{list-style:none}body[data-afdruk=plan] summary::-webkit-details-marker{display:none}body[data-afdruk=plan] h1,body[data-afdruk=plan] h2,body[data-afdruk=plan] h3,body[data-afdruk=plan] summary{break-after:avoid}body[data-afdruk=plan] li,body[data-afdruk=plan] .tegel,body[data-afdruk=plan] .klaar{break-inside:avoid}}
