*{box-sizing:border-box}body{margin:0;background:var(--ds-color-bg);color:var(--ds-color-text);font-family:var(--ds-font-sans),system-ui,sans-serif;line-height:var(--ds-leading-body);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--ds-font-headline)}.shell{display:grid;grid-template-columns:64px 1fr;min-height:100vh}.shell>main{min-width:0}.shell-side{position:-webkit-sticky;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;align-items:center;padding:var(--ds-space-6) 0;background:var(--ds-color-surface)}.shell-logo{width:34px;height:34px;flex:none;display:grid;place-items:center;text-decoration:none;margin-bottom:var(--ds-space-12)}.shell-logo img{width:100%;height:100%;display:block}.shell-nav{flex:1 1;display:flex;flex-direction:column;gap:var(--ds-space-2)}.shell-nav a{width:40px;height:40px;border-radius:var(--ds-radius-md);display:grid;place-items:center;color:var(--ds-color-text-muted);transition:background var(--ds-dur-fast) var(--ds-ease-out),color var(--ds-dur-fast) var(--ds-ease-out)}.shell-nav a:hover{background:var(--ds-color-surface-2);color:var(--ds-color-text)}.shell-nav a.active{background:var(--ds-color-primary-soft);color:var(--ds-color-primary)}.shell-logout{width:40px;height:40px;border-radius:var(--ds-radius-md);border:0;background:none;cursor:pointer;display:grid;place-items:center;color:var(--ds-color-text-muted);transition:background var(--ds-dur-fast) var(--ds-ease-out),color var(--ds-dur-fast) var(--ds-ease-out)}.shell-logout:hover{background:var(--ds-color-surface-2);color:var(--ds-color-danger)}.shell-feedback:hover{color:var(--ds-color-primary)}.checkin-stemming{display:flex;gap:var(--ds-space-6);margin-top:var(--ds-space-4);flex-wrap:wrap}.stemming-bol{display:flex;flex-direction:column;align-items:center;gap:var(--ds-space-2);font:inherit;font-family:var(--ds-font-headline);font-weight:300;font-size:var(--ds-text-sm);color:var(--ds-color-text-muted);background:none;border:0;cursor:pointer;padding:var(--ds-space-2)}.stemming-kleur{width:44px;height:44px;border-radius:999px;transition:transform var(--ds-dur-fast) var(--ds-ease-spring),box-shadow var(--ds-dur-fast) var(--ds-ease-out)}.stemming-rood .stemming-kleur{background:#ec0000}.stemming-oranje .stemming-kleur{background:#ec9d00}.stemming-groen .stemming-kleur{background:#00b100}.stemming-regenboog .stemming-kleur{background:conic-gradient(#ec0000,#ec9d00,#f7db93,#00b100,#2f80ed,#9b51e0,#ec0000)}.stemming-bol:hover .stemming-kleur{transform:scale(1.08)}.stemming-bol.actief{color:var(--ds-color-text)}.stemming-bol.actief .stemming-kleur{transform:scale(1.08);box-shadow:0 0 0 3px #fff,0 0 0 5px #3b3b3b}.checkin-aanvraag{display:grid;grid-gap:var(--ds-space-2);gap:var(--ds-space-2);margin-bottom:var(--ds-space-6);justify-items:start}.checkin-aanvraag .ds-tekstknop{color:var(--ds-color-text-muted);font-size:var(--ds-text-xs)}.checkin-aanvraag-plus{margin:var(--ds-space-2) 0 var(--ds-space-4)}.aanvraag-vorm{display:grid;grid-gap:var(--ds-space-4);gap:var(--ds-space-4);padding:var(--ds-space-6);max-width:480px}.bespreek-vel{max-width:480px;min-height:220px}.bespreek-lijst{list-style:none;margin:0 0 var(--ds-space-3);padding:0;position:relative}.bespreek-lijst li{display:flex;align-items:baseline;gap:var(--ds-space-2);padding:6px 0;border-bottom:1px solid rgba(0,0,0,.08);font-family:var(--ds-font-sans);font-weight:300;font-size:18px}.bespreek-lijst li.af{opacity:.5}.bespreek-lijst li.af .bespreek-tekst{text-decoration:line-through;text-decoration-thickness:1px}.bespreek-tekst{flex:1 1;min-width:0}.bespreek-weg{border:0;background:none;cursor:pointer;font-size:16px;color:rgba(0,0,0,.35);padding:0 4px}.bespreek-weg:hover{color:var(--ds-color-danger)}.bespreek-leeg{color:rgba(0,0,0,.38);border-bottom:0!important}.bespreek-invoer{position:relative;width:100%;font:inherit;font-family:var(--ds-font-sans);font-weight:300;font-size:18px;color:#000;background:transparent;border:0;outline:none;padding:6px 0}.bespreek-invoer::placeholder{color:rgba(0,0,0,.38)}.intake-url{font-size:var(--ds-text-xs);color:var(--ds-color-text-muted);background:var(--ds-color-surface-2);border-radius:var(--ds-radius-sm);padding:var(--ds-space-2) var(--ds-space-3);max-width:46ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.intake-antwoorden{margin:0;display:grid;grid-gap:var(--ds-space-4);gap:var(--ds-space-4);max-width:70ch}.intake-antwoorden dt{font-family:var(--ds-font-headline);font-weight:500;font-size:var(--ds-text-sm);margin-bottom:2px}.intake-antwoorden dd{margin:0;font-size:var(--ds-text-sm);color:var(--ds-color-text-muted);line-height:1.6;white-space:pre-wrap}.intake-scherm{min-height:100vh;background:#272727;padding:48px 16px 96px;display:flex;justify-content:center}.intake-vel{position:relative;width:100%;max-width:680px;background:#fdfdfb;border-radius:4px;padding:56px 64px 64px;box-shadow:0 24px 80px rgba(0,0,0,.45)}.intake-vel:before{content:"";position:absolute;inset:0;pointer-events:none;background:url(/textures/paper-fibers.webp) 50%/cover;opacity:.2}.intake-vel>*{position:relative}.intake-vel h1{font-size:34px;margin:20px 0 12px}.intake-intro{color:var(--ds-color-text-muted);line-height:1.6;margin:0 0 40px;max-width:54ch}.intake-vraag{margin-bottom:32px}.intake-vraag label{display:block;font-family:var(--ds-font-display);font-weight:500;font-size:20px;margin-bottom:4px}.intake-nr{display:inline-block;min-width:26px;color:var(--ds-color-progress)}.intake-hint{margin:0 0 8px 26px;font-size:var(--ds-text-sm);color:var(--ds-color-text-muted)}.intake-vraag input,.intake-vraag textarea{width:100%;font:inherit;font-size:var(--ds-text-md);color:var(--ds-color-text);background:transparent;border:0;border-bottom:1px solid var(--ds-color-border);padding:8px 0;outline:none;resize:vertical;margin-left:0}.intake-vraag input:focus,.intake-vraag textarea:focus{border-bottom-color:var(--ds-color-primary)}.intake-voet{display:flex;align-items:center;justify-content:space-between;margin-top:48px}.intake-telling{font-family:var(--ds-font-headline);font-size:var(--ds-text-sm);color:var(--ds-color-text-muted)}.intake-fout{color:var(--ds-color-danger);font-size:var(--ds-text-sm)}@media (max-width:640px){.intake-vel{padding:32px 24px 40px}}.kaart-papier{position:relative;overflow:hidden}.kaart-papier:after{content:"";position:absolute;inset:0;pointer-events:none;background:url(/textures/paper-fibers.webp) 50%/cover;opacity:.2}.feedback-vel{position:fixed;left:76px;bottom:16px;z-index:60;width:340px;background:var(--ds-color-surface);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);box-shadow:var(--ds-shadow-md);padding:var(--ds-space-6)}.feedback-intro{margin:0 0 var(--ds-space-3);font-size:var(--ds-text-sm);color:var(--ds-color-text-muted);line-height:1.5}.feedback-dank{margin:0;font-size:var(--ds-text-sm)}[role=button],a,button,input,select,textarea{transition:background-color var(--ds-dur-fast) var(--ds-ease-out),color var(--ds-dur-fast) var(--ds-ease-out),border-color var(--ds-dur-fast) var(--ds-ease-out),box-shadow var(--ds-dur-fast) var(--ds-ease-out),opacity var(--ds-dur-fast) var(--ds-ease-out),transform var(--ds-dur-fast) var(--ds-ease-out),filter var(--ds-dur-fast) var(--ds-ease-out)}.uitklap{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--ds-dur-slow) var(--ds-ease-inout),margin-top var(--ds-dur-slow) var(--ds-ease-inout)}.uitklap.open{grid-template-rows:1fr}.blok>.uitklap{margin-top:-18px}.blok>.uitklap.open{margin-top:0}.uitklap>*{overflow:hidden;min-width:0;opacity:0;transition:opacity var(--ds-dur-slow) var(--ds-ease-inout)}.uitklap.open>*{opacity:1}h1,h2,h3{font-family:var(--ds-font-display);font-weight:400}.page{padding:var(--ds-space-12) var(--ds-space-16);max-width:1080px;margin-inline:auto}.route-wissel>*{animation:pageEnter var(--ds-dur-slow) var(--ds-ease-out) both}@keyframes pageEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page h1{font-size:var(--ds-text-2xl);line-height:var(--ds-leading-tight);letter-spacing:.01em;margin:0 0 var(--ds-space-3)}.page .lead{color:var(--ds-color-text-muted);margin:0 0 var(--ds-space-12)}.page h2{font-size:var(--ds-text-lg);font-weight:var(--ds-weight-semibold);margin:var(--ds-space-12) 0 var(--ds-space-4)}.rows{list-style:none;margin:0;padding:0}.rows li{display:flex;align-items:center;gap:var(--ds-space-4);padding:var(--ds-space-6) 0;border-bottom:1px solid var(--ds-color-border);animation:rowEnter var(--ds-dur-med) var(--ds-ease-out) both}@keyframes rowEnter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.rows .grow{flex:1 1;min-width:0;transition:opacity var(--ds-dur-med) var(--ds-ease-out)}.rows .name{font-weight:var(--ds-weight-medium);font-size:var(--ds-text-md)}.rows .sub{font-size:var(--ds-text-sm)}.rows .sub,.rows select{color:var(--ds-color-text-muted)}.rows select{font:inherit;font-size:var(--ds-text-xs);border:0;background:transparent;cursor:pointer;padding:var(--ds-space-1);border-radius:var(--ds-radius-sm);transition:background var(--ds-dur-fast) var(--ds-ease-out)}.rows select:hover{background:var(--ds-color-surface-2)}.row-delete{font:inherit;border:0;background:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;color:var(--ds-color-border);font-size:var(--ds-text-md);line-height:1;padding:var(--ds-space-1);transition:color var(--ds-dur-fast) var(--ds-ease-out)}.row-delete:hover{color:var(--ds-color-danger)}.addline{display:flex;gap:var(--ds-space-3);align-items:center;padding:var(--ds-space-4) 0}.addline input{font:inherit;font-size:var(--ds-text-sm);color:var(--ds-color-text);border:0;border-bottom:1px solid transparent;background:transparent;padding:var(--ds-space-1) 0;min-width:0;flex:1 1;transition:border-color var(--ds-dur-fast) var(--ds-ease-out)}.addline input::placeholder{color:var(--ds-color-text-muted)}.addline input:focus{outline:none;border-bottom-color:var(--ds-color-primary)}.empty{text-align:center;padding:var(--ds-space-16) 0}.empty h3{font-size:var(--ds-text-lg);font-weight:var(--ds-weight-semibold);margin:0 0 var(--ds-space-2)}.empty p{color:var(--ds-color-text-muted);margin:0 0 var(--ds-space-6)}.tl-page{position:relative;padding-top:89px}.tl-zoomrij{position:absolute;top:var(--ds-space-6);right:var(--ds-space-8);z-index:4;gap:var(--ds-space-1)}.tl{overflow-x:auto}.tl-inner{position:relative}.tl-row{display:flex;align-items:stretch}.tl-head{top:0;z-index:5}.tl-head,.tl-person{position:-webkit-sticky;position:sticky;background:var(--ds-color-bg)}.tl-person{width:120px;flex:none;left:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding-right:var(--ds-space-4)}.tl-person-naam{font-size:12px;font-weight:var(--ds-weight-medium);font-family:var(--ds-font-headline);color:var(--ds-color-text)}.tl-canvas,.tl-canvasvlak{position:relative;flex:none;transition:height var(--ds-dur-med) var(--ds-ease-out)}.tl-canvasvlak{background:var(--ds-color-surface);border-bottom:4px solid var(--ds-color-bg)}.tl-weeklijn{top:0;bottom:0;width:1px;background:var(--ds-color-border)}.tl-ruit,.tl-weeklijn{position:absolute;transition:left var(--ds-dur-slow) var(--ds-ease-inout)}.tl-ruit{top:-3.4px;width:6.8px;height:6.8px;background:var(--ds-color-bg);transform:rotate(45deg);z-index:1}.tl-maandbalk{position:absolute;top:0;height:29px;background:var(--ds-color-surface);overflow:hidden;transition:left var(--ds-dur-slow) var(--ds-ease-inout),width var(--ds-dur-slow) var(--ds-ease-inout)}.tl-maandbalk span{left:9px;top:4px;font-weight:var(--ds-weight-medium);color:var(--ds-color-text-muted);white-space:nowrap}.tl-maandbalk span,.tl-weekcel{position:absolute;font-family:var(--ds-font-headline);font-size:var(--ds-text-sm)}.tl-weekcel{top:31px;height:29px;background:var(--ds-color-surface);overflow:hidden;display:grid;place-items:center;color:var(--ds-color-text-muted);transition:left var(--ds-dur-slow) var(--ds-ease-inout),width var(--ds-dur-slow) var(--ds-ease-inout)}.tl-vandaag{top:-6px;width:2px}.tl-vandaag,.tl-vandaag-dot{position:absolute;background:var(--ds-color-danger);z-index:3;pointer-events:none;transition:left var(--ds-dur-slow) var(--ds-ease-inout)}.tl-vandaag-dot{top:-16px;width:21px;height:21px;border-radius:var(--ds-radius-full);transform:translateX(-10.5px)}.tl-balk{position:absolute;white-space:nowrap;z-index:1;transition:left var(--ds-dur-slow) var(--ds-ease-inout),width var(--ds-dur-slow) var(--ds-ease-inout),top var(--ds-dur-med) var(--ds-ease-out),filter var(--ds-dur-fast) var(--ds-ease-out)}.tl-balk:hover{filter:brightness(.96)}.tl-balklabel{position:-webkit-sticky;position:sticky;left:132px;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:inline-flex;align-items:center;gap:var(--ds-space-2)}.balk-emoji{font-size:15px;line-height:1;flex:none}.tl-compact .balk-emoji{font-size:12px}.tl-zoom{font:inherit;font-size:var(--ds-text-sm);border:0;cursor:pointer;background:none;color:var(--ds-color-text-muted);padding:var(--ds-space-2) var(--ds-space-3);border-radius:var(--ds-radius-sm);transition:background var(--ds-dur-fast) var(--ds-ease-out),color var(--ds-dur-fast) var(--ds-ease-out)}.tl-zoom:hover{background:var(--ds-color-surface-2)}.tl-zoom.active{background:var(--ds-color-primary-soft);color:var(--ds-color-primary);font-weight:var(--ds-weight-medium)}button.tl-person-knop{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:0;outline:none;margin:0;box-shadow:none;background:var(--ds-color-bg);cursor:pointer;font:inherit;color:inherit;transition:background var(--ds-dur-fast) var(--ds-ease-out)}button.tl-person-knop:hover{background:var(--ds-color-surface-2);border-radius:var(--ds-radius-md)}.tl-midden{top:28px;width:0;border-left:1px dashed color-mix(in srgb,var(--ds-color-text-muted) 45%,transparent);pointer-events:none}.tl-midden,.tl-middenlabel{position:absolute;z-index:6}.tl-middenlabel{top:-26px;left:50%;transform:translateX(-50%);font-family:var(--ds-font-headline);font-size:10px;font-weight:500;white-space:nowrap;color:var(--ds-color-surface);background:var(--ds-color-text-muted);padding:2px 8px;border-radius:var(--ds-radius-full)}.avatar-gezicht{transition:box-shadow var(--ds-dur-slow) var(--ds-ease-inout)}.ring-ruimte{box-shadow:0 0 0 2.5px var(--ds-color-surface),0 0 0 5px var(--ds-color-primary)}.ring-vol{box-shadow:0 0 0 2.5px var(--ds-color-surface),0 0 0 5px var(--ds-color-warning)}.ring-overboekt{box-shadow:0 0 0 2.5px var(--ds-color-surface),0 0 0 5px var(--ds-color-danger)}@media (prefers-reduced-motion:reduce){.avatar-gezicht{transition:none}}.avatar-cap{position:relative;display:inline-grid;place-items:center;flex:none}.cap-badge{position:absolute;right:-6px;bottom:-4px;z-index:2;min-width:22px;height:18px;padding:0 5px;border-radius:var(--ds-radius-full);display:grid;place-items:center;color:#fff;font-family:var(--ds-font-headline);font-size:11px;font-weight:600;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;border:2px solid var(--ds-color-bg);transition:background var(--ds-dur-med) var(--ds-ease-out)}.cap-badge.ruimte{background:var(--ds-color-primary)}.cap-badge.vol{background:var(--ds-color-warning)}.cap-badge.overboekt{background:var(--ds-color-danger)}.persoon-tip{position:absolute;left:100%;top:50%;transform:translateY(-50%) translateX(-6px);z-index:6;display:flex;flex-direction:column;gap:2px;text-align:left;min-width:220px;padding:var(--ds-space-3) var(--ds-space-4);background:var(--ds-color-text);color:var(--ds-color-surface);border-radius:var(--ds-radius-md);box-shadow:var(--ds-shadow-md);font-family:var(--ds-font-sans);font-size:var(--ds-text-xs);line-height:1.5;opacity:0;pointer-events:none;transition:opacity var(--ds-dur-fast) var(--ds-ease-out),transform var(--ds-dur-fast) var(--ds-ease-out)}.persoon-tip strong{font-family:var(--ds-font-headline);font-size:var(--ds-text-sm)}.persoon-tip .tip-sub{opacity:.65}.tl-person-knop:focus-visible .persoon-tip,.tl-person-knop:hover .persoon-tip{opacity:1;transform:translateY(-50%) translateX(4px)}.tl-person-leeg{color:var(--ds-color-text-muted)}.tl-wachtrij-icoon{width:54px;height:54px;border-radius:var(--ds-radius-full);display:grid;place-items:center;font-size:var(--ds-text-lg);background:var(--ds-color-surface-2);color:var(--ds-color-text-muted)}.tl-compact .tl-wachtrij-icoon{width:36px;height:36px;font-size:var(--ds-text-md)}.tl-wachtrij{position:absolute;top:10px;display:flex;gap:var(--ds-space-2);transition:left var(--ds-dur-slow) var(--ds-ease-inout)}.tl-wachtkaart{display:inline-flex;align-items:center;gap:var(--ds-space-3);font:inherit;font-family:var(--ds-font-headline);font-size:var(--ds-text-sm);font-weight:var(--ds-weight-medium);color:var(--ds-color-text);background:var(--ds-color-surface);border:1px dashed var(--ds-color-border);border-radius:var(--ds-radius-md);padding:0 var(--ds-space-4);height:48px;cursor:pointer;white-space:nowrap;box-shadow:var(--ds-shadow-sm);transition:border-color var(--ds-dur-fast) var(--ds-ease-out),transform var(--ds-dur-fast) var(--ds-ease-out),box-shadow var(--ds-dur-fast) var(--ds-ease-out)}.tl-wachtkaart .wacht-naam{max-width:220px;overflow:hidden;text-overflow:ellipsis}.tl-wachtkaart .avatar-stapel>*{border-color:var(--ds-color-surface)}.tl-compact .tl-wachtkaart{height:28px;font-size:var(--ds-text-xs);gap:var(--ds-space-2)}.tl-compact .tl-wachtkaart .avatar-stapel,.tl-compact .tl-wachtkaart .ds-badge{display:none}.tl-wachtkaart:hover{border-color:var(--ds-color-primary);transform:translateY(-1px);box-shadow:var(--ds-shadow-md)}button.tl-person-knop:focus-visible{outline:2px solid var(--ds-color-primary);outline-offset:-2px;border-radius:var(--ds-radius-md)}.tl-compact .ds-planbar{height:28px;font-size:var(--ds-text-xs);padding-left:12px}.tl-compact .ring-ruimte{box-shadow:0 0 0 2px var(--ds-color-surface),0 0 0 4px var(--ds-color-primary)}.tl-compact .ring-vol{box-shadow:0 0 0 2px var(--ds-color-surface),0 0 0 4px var(--ds-color-warning)}.tl-compact .ring-overboekt{box-shadow:0 0 0 2px var(--ds-color-surface),0 0 0 4px var(--ds-color-danger)}.tl-compact .tl-person-naam{font-size:11px}.detail-breed{max-width:1460px}.detail-kop{display:flex;align-items:center;gap:var(--ds-space-4);flex-wrap:wrap}.detail-kop h1{font-size:40px;line-height:1.1;letter-spacing:.01em;color:var(--ds-color-ink);margin:0}.kop-emoji{font-size:34px;line-height:1.1;background:none;border:0;padding:0;cursor:pointer;transform:translateY(2px)}.vw-badge{display:inline-flex;align-items:center;gap:7px;font-size:18px;font-family:var(--ds-font-headline);flex:none;transition:color var(--ds-dur-med) var(--ds-ease-out)}.vw-badge:before{content:"";width:12px;height:12px;border-radius:50%;margin-right:2px;transition:background var(--ds-dur-med) var(--ds-ease-out)}.vw-badge.rood{color:#620000}.vw-badge.rood:before{background:#f0454c}.vw-badge.oranje{color:#6b3400}.vw-badge.oranje:before{background:#f59e0b}.vw-badge.groen{color:#00451a}.vw-badge.groen:before{background:var(--ds-color-progress)}.detail-tabs{width:-moz-fit-content;width:fit-content;min-width:359px;margin:var(--ds-space-8) 0 var(--ds-space-16);border-bottom-color:#ccc}.detail-tabs button{color:var(--ds-color-ink)}.urenzone{margin:64px calc(50% - 50vw) 0;width:100vw;background:#8d8d8d;padding:75px 0 30px;display:flex;justify-content:center}.urenvel{width:min(1282px,79.2vw);min-height:841px;background:var(--ds-color-surface);padding:57px 69px 69px}.urenvel .uren-kop{font-size:40px;font-weight:400;letter-spacing:.4px;color:var(--ds-color-ink);margin:0}.urenpaneel .pmpct input{width:42px;border:0;border-bottom:1px solid transparent;background:none;font:inherit;color:inherit;text-align:right;padding:0 2px;-moz-appearance:textfield}.urenpaneel .pmpct input::-webkit-inner-spin-button,.urenpaneel .pmpct input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.urenpaneel .pmpct input:hover{border-bottom-color:var(--ds-color-border)}.urenpaneel .pmpct input:focus{outline:none;border-bottom-color:var(--ds-color-primary)}.urenpaneel{margin-top:89px;max-width:430px}.uren-lijst{list-style:none;margin:0;padding:0}.uren-regel{display:flex;align-items:center;gap:var(--ds-space-4);width:100%;min-height:63px;padding:0;border:0;background:none;border-bottom:1px solid var(--ds-paper-border);font:inherit;text-align:left;color:var(--ds-color-ink)}button.uren-regel{cursor:pointer}.uren-naam{flex:1 1}.uren-getal,.uren-naam{font-family:var(--ds-font-headline);font-weight:300;font-size:20px;letter-spacing:.2px}.uren-getal{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.uren-chevron{display:grid;place-items:center;width:24px;color:var(--ds-color-text-muted);transition:transform var(--ds-dur-slow) var(--ds-ease-inout)}.uren-chevron.open{transform:rotate(180deg)}.uren-onderdelen{list-style:none;margin:0;padding:var(--ds-space-3) 0;border-bottom:1px solid var(--ds-paper-border)}.uren-onderdelen li{justify-content:space-between;padding:3px 0}.uren-leeg,.uren-onderdelen li{display:flex;font-size:var(--ds-text-sm);color:var(--ds-color-text-muted)}.uren-leeg{min-height:63px;align-items:center}.uren-slot{margin-top:var(--ds-space-8)}.uren-som{min-height:63px}.uren-eind .uren-getal,.uren-eind .uren-naam{font-weight:var(--ds-weight-medium)}.urenpaneel .pmpct{display:inline-flex;align-items:baseline}.urenregel{display:flex;gap:50px;flex-wrap:wrap;margin-top:var(--ds-space-16)}.urenpaar{width:124px;display:flex;align-items:baseline;justify-content:space-between;gap:var(--ds-space-2);font-family:var(--ds-font-headline);font-size:18px;color:var(--ds-color-ink);border-bottom:1px solid #ccc;padding-bottom:9px}.urenpaar b{font-weight:var(--ds-weight-normal);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.urenpaar .pmpct{font-size:var(--ds-text-xs);color:var(--ds-color-text-muted)}.urenpaar .pmpct input{font:inherit;width:30px;text-align:right;border:0;border-bottom:1px solid transparent;background:transparent;outline:none;color:inherit;padding:0;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.urenpaar .pmpct input::-webkit-inner-spin-button,.urenpaar .pmpct input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.urenpaar .pmpct input:focus{border-bottom-color:var(--ds-color-primary)}.checkin-stappen{margin-top:var(--ds-space-6)}.checkin-bollen{display:flex;flex-wrap:wrap;gap:var(--ds-space-4);margin-top:var(--ds-space-4);max-height:210px;overflow-y:auto}.checkin-bollen .tb{width:96px}.checkin-bollen .tb-label{width:96px;font-size:13px}.ac-canvas{position:relative;border:2px solid #e1e1e1;border-radius:5px;overflow:hidden;transition:border-color var(--ds-dur-fast) var(--ds-ease-out)}.ac-canvas:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,#dcdcdc 1px,transparent 0);background-size:25px 25px;background-position:0 0;pointer-events:none}.ac-canvas.ac-doel{border-color:var(--ds-color-progress)}.ac-lijnen{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.ac-koppel{fill:none;stroke:#3d3d3d;stroke-width:2;transition:d var(--ds-dur-med) var(--ds-ease-inout),stroke-dasharray var(--ds-dur-med) var(--ds-ease-out)}.ac-koppel-open{stroke-dasharray:2 6;stroke-linecap:round}.ac-koppel-klaar{stroke:var(--ds-color-progress)}.ac-koppel-haak{animation:acHaak var(--ds-dur-med) var(--ds-ease-out) both;stroke-dasharray:400}@keyframes acHaak{0%{stroke-dashoffset:400;opacity:0}to{stroke-dashoffset:0;opacity:1}}.tb{width:66px;display:flex;flex-direction:column;align-items:center;gap:7px;border:0;background:none;padding:0;font:inherit;color:inherit}.tb[role=button]{cursor:pointer}.tb-bol{position:relative;width:66px;height:66px;flex:none;border-radius:50%;background:var(--ds-color-surface);border:2px solid #3d3d3d;display:grid;place-items:center;transition:box-shadow var(--ds-dur-fast) var(--ds-ease-out),border-color var(--ds-dur-fast) var(--ds-ease-out),opacity var(--ds-dur-fast) var(--ds-ease-out),transform var(--ds-dur-fast) var(--ds-ease-out)}.tb-bol>svg{width:21px;height:21px}.tb[role=button]:hover .tb-bol{border-color:#000}.tb:focus-visible{outline:none}.tb:focus-visible .tb-bol{box-shadow:0 0 0 3px var(--ds-color-primary-soft)}.tb-datum{position:relative;height:18px;display:flex;align-items:center;font-family:var(--ds-font-headline);font-weight:300;font-size:14px;color:#3d3d3d}.tb-datum-knop{font:inherit;color:inherit;border:0;background:none;padding:0 2px;cursor:pointer;border-radius:3px;white-space:nowrap}.tb-datum-knop:hover{background:var(--ds-color-surface-2)}.tb-datum-knop.leeg{opacity:0;transition:opacity var(--ds-dur-fast) var(--ds-ease-out)}.tb-datum-knop.leeg:focus-visible,.tb:hover .tb-datum-knop.leeg{opacity:.55}.tb-datum-veld{position:absolute;left:50%;bottom:0;width:1px;height:1px;opacity:0;pointer-events:none;border:0;padding:0}.tb-label{font-family:var(--ds-font-headline);font-weight:var(--ds-weight-bold);font-size:14px;line-height:1.25;color:#3d3d3d;text-align:center;width:92px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.tb-klaar .tb-bol{border-color:var(--ds-color-progress)}.tb-vink{position:absolute;right:-2px;bottom:-2px;width:20px;height:20px;border-radius:50%;background:var(--ds-color-progress);color:#fff;display:grid;place-items:center;box-shadow:0 0 0 2px var(--ds-color-surface);animation:tbVink var(--ds-dur-med) var(--ds-ease-spring) both}@keyframes tbVink{0%{transform:scale(0)}to{transform:scale(1)}}.tb-gekozen .tb-bol{box-shadow:0 0 0 3px color-mix(in srgb,var(--ds-color-ink) 14%,transparent)}.tb-opgetild .tb-bol{transform:scale(1.1667);box-shadow:1px 2px 4px rgba(0,0,0,.1),4px 7px 8px rgba(0,0,0,.09),8px 15px 11px rgba(0,0,0,.05),15px 27px 12px rgba(0,0,0,.01)}.tb-schim{opacity:.25}.tb-geland .tb-bol{animation:tbLanden var(--ds-dur-med) var(--ds-ease-spring) both}@keyframes tbLanden{0%{transform:scale(1.1667)}60%{transform:scale(.96)}to{transform:scale(1)}}.ac-canvas .tb{position:absolute;transform:translate(-50%,-62px);cursor:-webkit-grab;cursor:grab;transition:left var(--ds-dur-med) var(--ds-ease-inout),top var(--ds-dur-med) var(--ds-ease-inout)}.ac-canvas .tb:active{cursor:-webkit-grabbing;cursor:grabbing}.ac-canvas .tb.tb-opgetild{transition:none;z-index:3}.ac-leeg{position:absolute;inset:0;display:grid;place-items:center}.ac-leeg,.ac-leeg-rij{margin:0;color:var(--ds-color-text-muted);font-size:var(--ds-text-sm)}.ac-plek{position:absolute;width:66px;height:66px;border-radius:50%;transform:translate(-50%,-33px);pointer-events:none;border:2px dashed var(--ds-color-text-muted);opacity:.6;animation:acPlek var(--ds-dur-fast) var(--ds-ease-out) both}@keyframes acPlek{0%{opacity:0;transform:translate(-50%,-33px) scale(.7)}to{opacity:.6;transform:translate(-50%,-33px) scale(1)}}.ac-geest{position:fixed;z-index:60;pointer-events:none;transform-origin:center}.ac-bib{margin-top:var(--ds-space-8);padding:var(--ds-space-6);border:1px dashed transparent;border-radius:5px;transition:border-color var(--ds-dur-fast) var(--ds-ease-out),background var(--ds-dur-fast) var(--ds-ease-out)}.ac-bib.terugleg{border-color:var(--ds-color-danger);background:color-mix(in srgb,var(--ds-color-danger) 5%,transparent)}.ac-zoek{width:260px;margin-bottom:var(--ds-space-6)}.ac-bib-rij{display:flex;flex-wrap:wrap;gap:var(--ds-space-6) 0;align-items:flex-start}.ac-bib .tb{width:108px}.ac-bib .buiten-maat{opacity:.45}.ac-bib .buiten-maat:hover{opacity:1}.aanpak2.met-venster{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-gap:var(--ds-space-8);gap:var(--ds-space-8);align-items:start}.ac-venster{position:-webkit-sticky;position:sticky;top:var(--ds-space-8);border:1px solid var(--ds-paper-border);border-radius:5px;box-shadow:0 1px 0 var(--ds-paper-shadow);padding:var(--ds-space-6);background:var(--ds-color-surface);animation:acVenster var(--ds-dur-med) var(--ds-ease-out) both}@keyframes acVenster{0%{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}.ac-venster-kop{display:flex;align-items:flex-start;gap:var(--ds-space-3);justify-content:space-between}.ac-venster-kop h3{margin:0;font-size:var(--ds-text-lg)}.ac-venster-sluit{border:0;background:none;font-size:22px;line-height:1;color:var(--ds-color-text-muted);cursor:pointer;padding:0 2px}.ac-venster-sluit:hover{color:var(--ds-color-ink)}.ac-venster-desc{margin:var(--ds-space-2) 0 var(--ds-space-6);font-size:var(--ds-text-sm)}.ac-venster h4,.ac-venster-desc{color:var(--ds-color-text-muted)}.ac-venster h4{font-family:var(--ds-font-headline);font-size:var(--ds-text-xs);text-transform:uppercase;letter-spacing:.06em;margin:var(--ds-space-6) 0 var(--ds-space-3);font-weight:var(--ds-weight-medium)}.ac-standen{display:flex;flex-wrap:wrap;gap:var(--ds-space-2)}.ac-standen button{font:inherit;font-size:var(--ds-text-xs);padding:5px var(--ds-space-3);border-radius:var(--ds-radius-full);border:1px solid var(--ds-color-border);background:var(--ds-color-surface);color:var(--ds-color-text-muted);cursor:pointer}.ac-stand.actief{color:var(--ds-color-ink);border-color:var(--ds-color-ink)}.ac-stand-klaar.actief{color:var(--ds-color-progress);border-color:var(--ds-color-progress);background:color-mix(in srgb,var(--ds-color-progress) 8%,transparent)}.ac-formaten{display:flex;gap:var(--ds-space-2)}.ac-formaten button{width:28px;height:28px;border-radius:50%;border:1px solid #d8d8d8;background:var(--ds-color-surface);font:inherit;font-size:var(--ds-text-xs);cursor:pointer}.ac-formaten button.actief{background:#f9f6e7;border-color:#bcb8a2;box-shadow:inset 0 1px 2px rgba(0,0,0,.06)}.ac-venster-uren{margin:var(--ds-space-3) 0 0;font-family:var(--ds-font-headline);font-size:var(--ds-text-sm);color:var(--ds-color-text-muted)}.ac-wie{display:flex;flex-wrap:wrap;gap:var(--ds-space-3)}.ac-persoon{border:0;background:none;padding:0;cursor:pointer;border-radius:50%;box-shadow:0 0 0 2px transparent;transition:box-shadow var(--ds-dur-fast) var(--ds-ease-out)}.ac-persoon:hover{box-shadow:0 0 0 2px var(--ds-color-border)}.ac-persoon.aan,.ac-persoon.aan:hover{box-shadow:0 0 0 2px var(--ds-color-progress)}.ac-venster-verwijder{margin-top:var(--ds-space-8);border:0;background:none;padding:0;font:inherit;font-size:var(--ds-text-xs);color:var(--ds-color-text-muted);cursor:pointer}.ac-venster-verwijder:hover{color:var(--ds-color-danger)}@media (prefers-reduced-motion:reduce){.ac-canvas .tb{transition:none}}.aanpak{display:grid;grid-template-columns:repeat(3,minmax(220px,275px)) 275px;grid-template-rows:auto 1fr;grid-column-gap:18px;column-gap:18px;grid-row-gap:var(--ds-space-3);row-gap:var(--ds-space-3);align-items:start;width:-moz-fit-content;width:fit-content;margin-inline:0}.aanpak>:nth-child(4),.aanpak>:nth-child(8){margin-left:38px}.aanpak-bibkop{position:relative;align-self:end;height:0}.aanpak-bibkop-inhoud{position:absolute;left:0;right:0;bottom:-2px;display:flex;flex-direction:column}.aanpak-kolomtitel{font-size:22px;color:var(--ds-color-progress);margin:0;align-self:end}.aanpak-dropzone{display:flex;flex-direction:column;gap:10px;min-height:340px;height:100%;border-radius:var(--ds-radius-md);padding:4px;outline:2px dashed transparent;outline-offset:2px;transition:outline-color var(--ds-dur-fast) var(--ds-ease-out),background var(--ds-dur-fast) var(--ds-ease-out)}.aanpak-dropzone.sleepbaar{outline-color:var(--ds-color-border)}.aanpak-dropzone.actief{outline-color:var(--ds-color-primary);background:var(--ds-color-primary-soft)}.aanpak-leeg{font-size:var(--ds-text-xs);color:var(--ds-color-text-muted);margin:0;padding:var(--ds-space-4) var(--ds-space-2)}.blok{background:#fff;border:1px solid var(--ds-paper-border);border-radius:5px;box-shadow:0 1px 0 var(--ds-paper-shadow);padding:14px 16px;display:flex;flex-direction:column;gap:18px}.blok-nieuw{animation:blokIn var(--ds-dur-med) var(--ds-ease-spring) both}@keyframes blokIn{0%{opacity:0;transform:scale(.94) translateY(-4px)}to{opacity:1;transform:none}}.blok-kop{gap:4px}.blok-fase,.blok-kop{display:flex;align-items:center}.blok-fase{gap:var(--ds-space-2);font-size:var(--ds-text-xs);color:var(--ds-color-text-muted);margin-top:var(--ds-space-3)}.blok-fase .ds-select{font-size:var(--ds-text-xs);padding:2px var(--ds-space-2)}.blok-verwijder{align-self:flex-start;font:inherit;font-size:var(--ds-text-xs);font-family:var(--ds-font-headline);color:var(--ds-color-text-muted);border:0;background:none;padding:0;cursor:pointer;margin-top:var(--ds-space-2)}.blok-verwijder:hover{color:var(--ds-color-danger)}.blok-greep{display:flex;cursor:-webkit-grab;cursor:grab;touch-action:none}.blok-greep:active{cursor:-webkit-grabbing;cursor:grabbing}.blok-naam{flex:1 1;min-width:0;font-family:var(--ds-font-headline);font-size:18px;font-weight:300;color:var(--ds-color-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blok-formaten{display:flex;gap:6px}.blok-formaten button{font:inherit;font-size:14px;color:var(--ds-color-ink);cursor:pointer;width:28px;height:28px;border-radius:50%;padding:0;line-height:1;border:1px solid #d8d8d8;transition:background var(--ds-dur-fast) var(--ds-ease-out),border-color var(--ds-dur-fast) var(--ds-ease-out),box-shadow var(--ds-dur-fast) var(--ds-ease-out);background:#fff}.blok-formaten button:hover{border-color:#bcb8a2}.blok-formaten button.actief{background:#f9f6e7;border-color:#bcb8a2;box-shadow:inset 0 2px 2px rgba(67,65,46,.3)}.blok-voet{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-2)}.blok-uren{font-family:var(--ds-font-headline);font-size:14px;color:var(--ds-color-ink)}.blok-uren,.telgetal{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.telgetal{display:inline-block;overflow:hidden;height:1.4em;line-height:1.4;vertical-align:bottom}.telgetal-rol{display:flex;flex-direction:column;will-change:transform}.telgetal-rol>span{display:block;height:1.4em}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border:0}.blok-chevron{border:0;background:none;cursor:pointer;padding:0;display:flex;color:var(--ds-color-text-muted)}.blok-detail{flex-direction:column;border-top:1px solid var(--ds-color-border);padding-top:var(--ds-space-3);margin-top:var(--ds-space-1)}.blok-detail,.blok-onderdeel{display:flex;gap:var(--ds-space-2)}.blok-onderdeel{align-items:center;justify-content:space-between;font-size:var(--ds-text-xs);color:var(--ds-color-text-muted)}.blok-onderdeel input{font:inherit;font-size:var(--ds-text-xs);width:42px;text-align:right;border:0;border-bottom:1px solid var(--ds-color-border);background:transparent;padding:1px 0;outline:none;color:var(--ds-color-text)}.blok-onderdeel input:focus{border-bottom-color:var(--ds-color-primary)}.blok-wie{font-size:var(--ds-text-xs);color:var(--ds-color-text-muted);margin-top:var(--ds-space-2)}.blok-wielijst{display:flex;gap:var(--ds-space-1);flex-wrap:wrap}.blok-persoon{border:0;background:none;padding:0;cursor:pointer;opacity:.35;filter:grayscale(1);border-radius:50%;transition:opacity var(--ds-dur-fast) var(--ds-ease-out),filter var(--ds-dur-fast) var(--ds-ease-out),box-shadow var(--ds-dur-fast) var(--ds-ease-out)}.blok-persoon:hover{opacity:.7}.blok-persoon.aan{opacity:1;filter:none;box-shadow:0 0 0 2px var(--ds-color-surface),0 0 0 3.5px var(--ds-color-primary)}.aanpak-biblijst.terugleg{outline-color:var(--ds-color-danger)}.aanpak-zoek{font:inherit;font-family:var(--ds-font-headline);font-size:18px;border:0;background:var(--ds-color-surface);border-radius:5px;padding:4px 0 var(--ds-space-3);outline:none;color:var(--ds-color-text);transition:box-shadow var(--ds-dur-fast) var(--ds-ease-out)}.aanpak-zoek::placeholder{color:var(--ds-color-text-muted)}.aanpak-zoek:focus{box-shadow:0 0 0 2px var(--ds-color-primary)}.bibfilter{display:flex;flex-wrap:wrap;gap:4px;align-items:center;margin-bottom:var(--ds-space-2)}.bibtelling{font-size:var(--ds-text-xs);color:var(--ds-color-text-muted);margin:0}.aanpak-bibkop .bibfilter{margin-bottom:var(--ds-space-1)}.aanpak-biblijst{display:flex;flex-direction:column;gap:3px;height:100%;padding:4px;border-radius:var(--ds-radius-md);outline:2px dashed transparent;outline-offset:6px;transition:outline-color var(--ds-dur-fast) var(--ds-ease-out)}.aanpak-chip{display:flex;align-items:center;gap:4px;text-align:left;font:inherit;font-family:var(--ds-font-headline);font-size:18px;font-weight:300;color:var(--ds-color-ink);background:#fff;border:1px solid var(--ds-paper-border);border-radius:5px;box-shadow:0 1px 0 var(--ds-paper-shadow);padding:14px 16px;cursor:-webkit-grab;cursor:grab;touch-action:none;flex:none;transition:border-color var(--ds-dur-fast) var(--ds-ease-out),transform var(--ds-dur-fast) var(--ds-ease-out),box-shadow var(--ds-dur-fast) var(--ds-ease-out)}.aanpak-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aanpak-chip:hover{border-color:var(--ds-color-primary);transform:translateY(-1px);box-shadow:var(--ds-shadow-sm)}.aanpak-chip:active{cursor:-webkit-grabbing;cursor:grabbing}.aanpak-ghost{position:fixed;z-index:60;pointer-events:none;display:flex;align-items:center;gap:4px;font-family:var(--ds-font-headline);font-size:var(--ds-text-sm);font-weight:var(--ds-weight-medium);color:var(--ds-color-ink);background:var(--ds-color-surface);border:1px solid var(--ds-color-primary);border-radius:5px;padding:10px 14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform:rotate(3deg) scale(1.05);box-shadow:var(--ds-shadow-lg);animation:ghostPak var(--ds-dur-fast) var(--ds-ease-spring)}@keyframes ghostPak{0%{transform:rotate(0deg) scale(1);box-shadow:var(--ds-shadow-sm)}to{transform:rotate(3deg) scale(1.05);box-shadow:var(--ds-shadow-lg)}}@media (max-width:1100px){.aanpak{grid-template-columns:1fr}.aanpak>:nth-child(4),.aanpak>:nth-child(8){margin-left:0}}.kaart-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));grid-gap:var(--ds-space-4);gap:var(--ds-space-4)}.vt-lijst{view-transition-name:lijst}.vt-paneel{view-transition-name:paneel}.kaart{background:var(--ds-color-surface);border-radius:var(--ds-radius-md);padding:var(--ds-space-4);box-shadow:var(--ds-shadow-sm);position:relative;overflow:hidden;transition:box-shadow var(--ds-dur-med) var(--ds-ease-out),transform var(--ds-dur-med) var(--ds-ease-out)}.kaart-klik:hover{box-shadow:var(--ds-shadow-md);transform:translateY(-2px)}.kaart .row-delete{position:absolute;top:var(--ds-space-3);right:var(--ds-space-3)}.kaart-titel{font:inherit;border:0;background:none;cursor:pointer;padding:0;text-align:left;font-family:var(--ds-font-display);font-size:var(--ds-text-md);font-weight:var(--ds-weight-medium);color:inherit}.persoonkaart:before,.projectkaart:before{content:"";position:absolute;inset:0;pointer-events:none;background:url(/textures/paper-fibers.webp) 50%/cover;opacity:.13}.persoonkaart>*,.projectkaart>*{position:relative}.kaart-emoji{flex:none;display:inline-grid;place-items:center;font-size:20px;line-height:1;padding:0}.emojikiezer .kop-emoji{border-radius:var(--ds-radius-md)}.emojikiezer{position:relative;display:inline-flex}.emojikiezer .kaart-emoji{width:44px;height:44px;font-size:22px;border-radius:var(--ds-radius-md);transition:transform var(--ds-dur-fast) var(--ds-ease-out)}.emojikiezer .kaart-emoji:hover{transform:scale(1.05)}.emojipop{position:absolute;top:calc(100% + 8px);left:0;z-index:20;display:flex;flex-direction:column;gap:var(--ds-space-3);background:var(--ds-color-surface);border-radius:var(--ds-radius-md);box-shadow:var(--ds-shadow-lg);padding:var(--ds-space-4);width:220px;animation:pageEnter var(--ds-dur-fast) var(--ds-ease-out) both}.emojipop input{font:inherit;font-size:var(--ds-text-lg);text-align:center;border:0;border-bottom:1px solid var(--ds-color-border);background:transparent;padding:var(--ds-space-1) 0;outline:none}.emojipop input:focus{border-bottom-color:var(--ds-color-primary)}.paletrij{display:grid;grid-template-columns:repeat(8,1fr);grid-gap:6px;gap:6px}.paletrij button{width:100%;aspect-ratio:1;border-radius:var(--ds-radius-sm);border:2px solid transparent;cursor:pointer;padding:0;transition:transform var(--ds-dur-fast) var(--ds-ease-out),border-color var(--ds-dur-fast) var(--ds-ease-out)}.paletrij button:hover{transform:scale(1.12)}.paletrij button.actief{border-color:var(--ds-color-text)}.kaart-sub{font-size:var(--ds-text-xs);color:var(--ds-color-text-muted)}.kaart-voortgang{height:5px;border-radius:99px;background:var(--ds-color-surface-2);overflow:hidden;margin-top:var(--ds-space-4)}.kaart-voortgang>span{display:block;height:100%;border-radius:99px;transition:width var(--ds-dur-med) var(--ds-ease-out)}.avatar-stapel{display:flex;align-items:center}.avatar-stapel>*{margin-left:-8px;border:2px solid var(--ds-color-surface);border-radius:50%}.avatar-stapel>:first-child{margin-left:0}.avatar-stapel .kaart-sub{margin-left:0;border:0}.avatar-wrap{position:relative;display:inline-flex}.kroon{position:absolute;top:-10px;left:50%;transform:translateX(-50%) rotate(-12deg);font-size:16px;line-height:1;color:var(--ds-color-warning);text-shadow:0 0 3px var(--ds-color-surface);pointer-events:none}.persoonkaart,.projectkaart{display:block;width:100%;text-align:left;font:inherit;color:inherit;border:0;cursor:pointer}.persoonkaart .ds-row,.projectkaart .ds-row{display:flex}.persoonkaart .kaart-titel,.projectkaart .kaart-sub,.projectkaart .kaart-titel,.projectkaart .kaart-voortgang,.projectkaart .kaart-voortgang>span{display:block}.fasefilter{display:flex;gap:var(--ds-space-2);flex-wrap:wrap;margin-bottom:var(--ds-space-8)}.weekzoom{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-4);margin-top:var(--ds-space-6)}.weekbalkjes{display:flex;gap:3px;align-items:flex-end;margin-top:var(--ds-space-2)}.weekkolom{flex:1 1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:3px}.weekbalk{height:40px;background:var(--ds-color-surface-2);display:flex;align-items:flex-end;overflow:hidden}.weekbalk,.weekbalk>span{width:100%;border-radius:3px}.weekbalk>span{display:block;background:var(--ds-color-success);transition:height var(--ds-dur-med) var(--ds-ease-out)}.weekbalk.vol>span{background:var(--ds-color-warning)}.weekbalk.overboekt>span{background:var(--ds-color-danger)}.weekbalk.vakantie:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-45deg,rgba(255,255,255,.55) 0 4px,transparent 4px 8px);pointer-events:none}.week-vlag{font-size:13px;line-height:1}.weeknr{font-family:var(--ds-font-headline);font-size:10px;line-height:1;color:var(--ds-color-text-muted);height:10px}.weeknr.druk{color:var(--ds-color-text);font-weight:var(--ds-weight-semibold)}.agenda-check{width:22px;height:22px;border-radius:50%;flex:none;position:relative;border:2px solid var(--ds-color-border);background:var(--ds-color-surface);display:grid;place-items:center;cursor:pointer;padding:0;transition:background var(--ds-dur-fast) var(--ds-ease-spring),border-color var(--ds-dur-fast) var(--ds-ease-out),transform var(--ds-dur-fast) var(--ds-ease-spring)}.agenda-check:hover{border-color:var(--ds-color-primary)}.agenda-check.done{background:var(--ds-color-success);border-color:var(--ds-color-success);transform:scale(1.08)}.agenda-check.done svg{animation:dsCheckPop var(--ds-dur-med) var(--ds-ease-spring) both}.agenda-check.done:after,.ds-checkrow.done .ds-checkbox:after{content:"";position:absolute;inset:-2px;border-radius:50%;border:2px solid var(--ds-color-success);animation:checkEcho var(--ds-dur-slow) var(--ds-ease-out) both;pointer-events:none}@keyframes checkEcho{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}.paneel-backdrop:not(.open),.paneel:not(.open){pointer-events:none}.paneel-backdrop{position:fixed;inset:0;z-index:40;background:var(--ds-color-surface);opacity:0;transition:opacity var(--ds-dur-scherm) var(--ds-ease-inout)}.paneel-backdrop.open{opacity:1}.paneel{position:fixed;inset:0;z-index:41;background:var(--ds-color-surface);overflow-y:auto;opacity:0;transform:translateX(42px);transition:transform var(--ds-dur-scherm) var(--ds-ease-inout),opacity var(--ds-dur-scherm) var(--ds-ease-inout)}.paneel.open{transform:none;opacity:1}body:has(.paneel.open) .shell{transform:translateX(-26px)}.shell{transition:transform var(--ds-dur-scherm) var(--ds-ease-inout)}.paneel-kop{position:-webkit-sticky;position:sticky;top:0;z-index:2;padding:56px 0 0;max-width:900px;margin-inline:auto;padding-left:var(--ds-space-12);padding-right:var(--ds-space-12)}.paneel-breed .paneel-kop{max-width:1380px}.paneel-sluit{z-index:2;width:47px;height:47px;border-radius:50%;border:1px solid rgba(59,59,59,.2);display:inline-flex;align-items:center;justify-content:center;background:var(--ds-color-surface);color:var(--ds-color-ink);cursor:pointer;transition:background var(--ds-dur-fast) var(--ds-ease-out),border-color var(--ds-dur-fast) var(--ds-ease-out)}.paneel-sluit:hover{background:var(--ds-color-surface-2);border-color:rgba(59,59,59,.45)}.paneel-inhoud{padding:var(--ds-space-6) var(--ds-space-12) var(--ds-space-16);max-width:900px;margin-inline:auto}.paneel-breed .paneel-inhoud{max-width:1380px}.paneel.open .paneel-inhoud>*{animation:paneelLanding var(--ds-dur-scherm) var(--ds-ease-out) both}.paneel.open .paneel-inhoud>:first-child{animation-delay:80ms}.paneel.open .paneel-inhoud>:nth-child(2){animation-delay:.16s}.paneel.open .paneel-inhoud>:nth-child(n+3){animation-delay:.24s}@keyframes paneelLanding{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.paneel.open .paneel-inhoud>*,.paneel.open .paneel-inhoud>:first-child,.paneel.open .paneel-inhoud>:nth-child(2),.paneel.open .paneel-inhoud>:nth-child(n+3){animation-delay:0s}}.paneel-inhoud h2{font-size:var(--ds-text-lg);margin:var(--ds-space-12) 0 var(--ds-space-6)}.login{min-height:100vh;display:grid;place-items:center;background:var(--ds-color-bg)}.login-inner{width:min(360px,calc(100vw - var(--ds-space-12)));animation:pageEnter var(--ds-dur-slow) var(--ds-ease-out) both}.login-inner .logo{width:44px;height:44px;display:grid;place-items:center;margin-bottom:var(--ds-space-8)}.login-inner .logo img{width:100%;height:100%;display:block}.login-inner h1{font-size:var(--ds-text-xl);font-weight:var(--ds-weight-semibold);letter-spacing:-.01em;margin:0 0 var(--ds-space-2)}.login-inner .lead{color:var(--ds-color-text-muted);font-size:var(--ds-text-sm);margin:0 0 var(--ds-space-12)}.login-field{margin-bottom:var(--ds-space-8)}.login-field label{display:block;font-size:var(--ds-text-xs);color:var(--ds-color-text-muted);font-weight:var(--ds-weight-medium);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--ds-space-2)}.login-field input{width:100%;font:inherit;font-size:var(--ds-text-md);color:var(--ds-color-text);border:0;border-bottom:1px solid var(--ds-color-border);background:transparent;padding:var(--ds-space-2) 0;border-radius:0;transition:border-color var(--ds-dur-fast) var(--ds-ease-out)}.login-field input:focus{outline:none;border-bottom-color:var(--ds-color-primary)}.login-actions{margin-top:var(--ds-space-12);gap:var(--ds-space-4)}.login .err{color:var(--ds-color-danger);font-size:var(--ds-text-sm);margin:var(--ds-space-4) 0 0}::view-transition-new(lijst),::view-transition-new(paneel),::view-transition-new(root),::view-transition-old(lijst),::view-transition-old(paneel),::view-transition-old(root){animation-duration:var(--ds-dur-slow);animation-timing-function:var(--ds-ease-inout)}@media (prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-new(*),::view-transition-old(*){animation:none!important}}.checkin-scherm{position:fixed;inset:0;z-index:45;background:#272727;display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:var(--ds-space-8);animation:pageEnter var(--ds-dur-scherm) var(--ds-ease-inout) both}.checkin-vel{position:relative;width:min(1064px,100%);height:min(760px,calc(100vh - var(--ds-space-16)));margin:auto;background:var(--ds-color-surface);border-radius:6px;box-shadow:0 24px 80px rgba(0,0,0,.45);display:flex;flex-direction:column;overflow:hidden}.checkin-vel:before{content:"";position:absolute;inset:0;border-radius:inherit;background:url(/textures/paper-fibers.webp) 50%/cover;opacity:.2;pointer-events:none}.checkin-inhoud{position:relative;flex:1 1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;justify-content:center;padding:clamp(40px,8vh,96px) clamp(32px,10vw,146px) 118px;animation:checkinIn var(--ds-dur-scherm) var(--ds-ease-inout) both}@keyframes checkinIn{0%{opacity:0;transform:translateX(34px)}to{opacity:1;transform:none}}.checkin-inhoud.terug{animation-name:checkinTerug}@keyframes checkinTerug{0%{opacity:0;transform:translateX(-34px)}to{opacity:1;transform:none}}.checkin-groet{font-family:var(--ds-font-display);font-size:clamp(26px,3.2vw,40px);letter-spacing:.01em;color:var(--ds-color-ink);margin:0;line-height:1.35}.checkin-lijst{display:flex;flex-direction:column;gap:28px;margin-top:clamp(32px,6vh,64px)}.checkin-projectregel{display:inline-flex;font-size:clamp(20px,2.3vw,28px)}.checkin-projectregel,.checkin-projecttitel{align-items:center;gap:22px;font-family:var(--ds-font-display);letter-spacing:.01em;color:var(--ds-color-ink)}.checkin-projecttitel{display:flex;font-size:clamp(26px,3.2vw,40px);margin:0 0 clamp(40px,10vh,110px)}.checkin-emoji{font-size:40px;line-height:1}.checkin-vraag{font-family:var(--ds-font-display);font-size:clamp(24px,3vw,40px);letter-spacing:.01em;color:var(--ds-color-ink);margin:0 0 var(--ds-space-8)}.checkin-antwoorden{display:flex;gap:15px;flex-wrap:wrap}.checkin-chip{font:inherit;font-family:var(--ds-font-headline);font-size:clamp(18px,2vw,26px);letter-spacing:.01em;color:#111;background:transparent;border:1px solid #bbb;border-radius:100px;padding:20px 30px;line-height:1.3;cursor:pointer}.checkin-chip:hover{border-color:var(--ds-color-ink)}.checkin-chip.actief{background:var(--ds-color-progress);border-color:var(--ds-color-progress);color:#fff}.checkin-punten,.checkin-vertel,.wizard-regel{width:100%;max-width:640px;font:inherit;font-family:var(--ds-font-headline);font-size:clamp(18px,2vw,26px);letter-spacing:.01em;color:var(--ds-color-ink);line-height:1.5;border:0;border-bottom:1px solid rgba(59,59,59,.18);border-radius:0;background:transparent;outline:none;resize:none;padding:2px 0 10px;transition:border-color var(--ds-dur-fast) var(--ds-ease-out)}.checkin-punten:focus,.checkin-vertel:focus,.wizard-groot:focus,.wizard-regel:focus{border-bottom-color:var(--ds-color-ink)}.checkin-punten::placeholder,.checkin-vertel::placeholder,.wizard-groot::placeholder,.wizard-regel::placeholder{color:#9d9d9d}.checkin-notitie{font-family:var(--ds-font-headline);font-size:var(--ds-text-md);color:#9d9d9d;margin:clamp(24px,5vh,48px) 0 0}.checkin-vervolg{margin-top:clamp(28px,6vh,56px)}.checkin-hulp{display:inline-flex;align-items:center;gap:var(--ds-space-3);margin-top:var(--ds-space-8);font:inherit;font-family:var(--ds-font-headline);font-size:var(--ds-text-md);color:#9d9d9d;background:none;border:0;padding:0;cursor:pointer}.checkin-hulp.actief,.checkin-hulp:hover{color:var(--ds-color-ink)}.checkin-hulp-vink{width:22px;height:22px;border-radius:50%;flex:none;border:1px solid #bbb;display:grid;place-items:center;font-size:12px;color:#fff}.checkin-hulp.actief .checkin-hulp-vink{background:var(--ds-color-progress);border-color:var(--ds-color-progress)}.checkin-stippen{position:absolute;left:50%;bottom:46px;transform:translateX(-50%);display:flex;gap:7px}.checkin-stippen span{width:6px;height:6px;border-radius:50%;background:#ddd;transition:background var(--ds-dur-med) var(--ds-ease-out),transform var(--ds-dur-med) var(--ds-ease-out)}.checkin-stippen span.gehad{background:#bbb}.checkin-stippen span.actief{background:var(--ds-color-progress);transform:scale(1.4)}.checkin-terug{position:absolute;right:121px;bottom:38px;width:47px;height:47px;border-radius:50%;border:1px solid rgba(59,59,59,.18);background:transparent;color:#9d9d9d;display:grid;place-items:center;cursor:pointer;z-index:1}.checkin-terug:hover{color:var(--ds-color-ink);border-color:rgba(59,59,59,.35)}.checkin-pijl{position:absolute;right:62px;bottom:38px;width:47px;height:47px;border-radius:50%;border:1px solid rgba(59,59,59,.35);background:transparent;color:var(--ds-color-ink);display:grid;place-items:center;cursor:pointer;z-index:1}.checkin-pijl:hover:not(:disabled){background:rgba(59,59,59,.06)}.checkin-pijl:disabled{opacity:.25;cursor:default}.checkin-sluit{position:absolute;left:62px;bottom:46px;z-index:1;font:inherit;font-family:var(--ds-font-headline);font-size:var(--ds-text-sm);color:#9d9d9d;background:none;border:0;cursor:pointer;padding:0}.checkin-sluit:hover,.home-groet{color:var(--ds-color-ink)}.home-groet{font-family:var(--ds-font-display);font-size:clamp(28px,3vw,40px);letter-spacing:.01em;margin:0}.home-sub{color:var(--ds-color-text-muted);margin:var(--ds-space-2) 0 0;font-size:var(--ds-text-md)}.home-grid{display:flex;flex-direction:column;gap:var(--ds-space-12);margin-top:var(--ds-space-12)}.home-grid h2{font-size:var(--ds-text-lg);margin:0 0 var(--ds-space-6)}.home-stil{color:var(--ds-color-text-muted);font-size:var(--ds-text-md);margin:0}.checkin-uitnodiging{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-6);max-width:560px;background:var(--ds-color-surface);border:1px solid var(--ds-paper-border);border-radius:6px;box-shadow:0 1px 0 var(--ds-paper-shadow),var(--ds-shadow-sm);padding:var(--ds-space-8);text-decoration:none;overflow:hidden}.checkin-uitnodiging:before{content:"";position:absolute;inset:0;background:url(/textures/paper-fibers.webp) 50%/cover;opacity:.18;pointer-events:none}.checkin-uitnodiging:hover{transform:translateY(-2px);box-shadow:0 1px 0 var(--ds-paper-shadow),var(--ds-shadow-md)}.checkin-uitnodiging-kop{display:block;font-family:var(--ds-font-display);font-size:26px;color:var(--ds-color-ink)}.checkin-uitnodiging-sub{display:block;color:var(--ds-color-text-muted);font-size:var(--ds-text-md);margin-top:var(--ds-space-1)}.checkin-uitnodiging-pijl{width:47px;height:47px;border-radius:50%;flex:none;border:1px solid rgba(59,59,59,.25);color:var(--ds-color-ink);display:grid;place-items:center;position:relative}.home-checkin-persoon{display:inline-flex;align-items:center;gap:var(--ds-space-3);font:inherit;font-family:var(--ds-font-headline);font-size:var(--ds-text-md);border:0;background:var(--ds-color-surface);border-radius:var(--ds-radius-full);padding:var(--ds-space-2) var(--ds-space-4) var(--ds-space-2) var(--ds-space-2);cursor:pointer;box-shadow:var(--ds-shadow-sm)}.home-checkin-persoon:hover{box-shadow:var(--ds-shadow-md);transform:translateY(-1px)}.home-vinkje{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:13px;color:var(--ds-color-text-muted);background:var(--ds-color-surface-2)}.home-vinkje.af{background:var(--ds-color-success);color:#fff}.confetti{bottom:-6px;width:260px;height:150px;z-index:3}.confetti,.fase-hoera{position:absolute;left:50%;transform:translateX(-50%);pointer-events:none}.fase-hoera{top:-34px;white-space:nowrap;font-family:var(--ds-font-display);font-size:var(--ds-text-md);color:var(--ds-color-progress);z-index:4;animation:hoera var(--ds-dur-slow) var(--ds-ease-out) both}@keyframes hoera{0%{opacity:0;transform:translateX(-50%) translateY(6px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.ds-planbar.tl-balk.concept{border-style:dashed;opacity:.72}.vw-lijst{display:grid;grid-gap:17px;gap:17px;grid-template-columns:repeat(auto-fill,minmax(284px,1fr))}.vw-kaart{display:flex;flex-direction:column;min-height:286px;background:#f6f6f2;border:1px solid #dedede;border-radius:0;padding:26px 25px 25px;transition:border-color var(--ds-dur-med) var(--ds-ease-out)}.vw-kop,.vw-stip{display:block}.vw-stip{width:29px;height:29px;border-radius:50%;background:#ec0000;margin-bottom:17px;transition:background var(--ds-dur-med) var(--ds-ease-out)}.vw-staat .vw-stip{background:#00b100}.vw-afgeweken .vw-stip{background:#ec9d00}.vw-staat{border-color:color-mix(in srgb,#00b100 28%,#dedede)}.vw-afgeweken{border-color:color-mix(in srgb,#ec9d00 28%,#dedede)}.vw-titel{display:block;font-family:var(--ds-font-display);font-weight:500;font-size:22px;line-height:1.25;color:#000}.vw-desc{display:none}.vw-velden{display:flex;flex-direction:column;gap:4px;margin-top:10px}.vw-veld{display:grid;grid-template-columns:22px 1fr;align-items:start}.vw-veld:before{content:"↳";color:#000;font-size:15px;line-height:1.5}.vw-velden input{font:inherit;font-family:var(--ds-font-headline);font-weight:300;font-size:18px;line-height:1.35;color:#000;border:0;border-bottom:1px solid transparent;background:none;padding:0;width:100%}.vw-velden input::placeholder{color:#9d9d9d}.vw-velden input:hover{border-bottom-color:#dedede}.vw-velden input:focus{outline:none;border-bottom-color:var(--ds-color-primary)}.vw-stipwrap{position:relative;display:inline-block}.vw-stip-knop{border:0;padding:0;cursor:pointer;transition:transform var(--ds-dur-fast) var(--ds-ease-spring)}.vw-stip-knop:hover{transform:scale(1.12)}.vw-kleurkeuze{position:absolute;left:0;top:36px;z-index:8;display:flex;flex-direction:column;gap:2px;min-width:190px;background:var(--ds-color-surface);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);box-shadow:var(--ds-shadow-md);padding:var(--ds-space-2)}.vw-kleur{display:flex;align-items:center;gap:var(--ds-space-3);font:inherit;font-family:var(--ds-font-headline);font-size:var(--ds-text-sm);color:var(--ds-color-text);background:none;border:0;cursor:pointer;border-radius:var(--ds-radius-sm);padding:var(--ds-space-2) var(--ds-space-3);text-align:left}.vw-kleur.actief,.vw-kleur:hover{background:var(--ds-color-surface-2)}.vw-kleur-stip{width:16px;height:16px;border-radius:50%;flex:none}.vw-kleur-open .vw-kleur-stip{background:#ec0000}.vw-kleur-afgeweken .vw-kleur-stip{background:#ec9d00}.vw-kleur-staat .vw-kleur-stip{background:#00b100}.vw-erdoelen{display:flex;gap:var(--ds-space-2);flex-wrap:wrap}.vw-hint{font-size:var(--ds-text-xs);color:#ec9d00;margin:var(--ds-space-2) 0 0}.memos{display:grid;grid-template-columns:repeat(2,minmax(240px,385px));grid-gap:11px;gap:11px;align-items:start}.memo{position:relative;overflow:hidden;min-height:315px;background:#fffed9;border:1px solid #e9e9e9;padding:23px 24px 24px;display:flex;flex-direction:column;transition:box-shadow var(--ds-dur-med) var(--ds-ease-out)}.memo:before{content:"";position:absolute;inset:0;pointer-events:none;background:url(/textures/paper-fibers.webp) 50%/cover;opacity:.2}.memo:focus-within{box-shadow:var(--ds-shadow-md)}.memo-kop{font-family:var(--ds-font-display);font-weight:500;font-size:22px;margin:0 0 var(--ds-space-4)}.memo-kop,.memo-tekst{position:relative;color:#000}.memo-tekst{flex:1 1;width:100%;font:inherit;font-family:var(--ds-font-sans);font-weight:300;font-size:20px;line-height:1.45;border:0;background:transparent;outline:none;resize:none;padding:0}.memo-tekst::placeholder{color:rgba(0,0,0,.38)}@media (max-width:1100px){.memos{grid-template-columns:1fr}.memo{min-height:200px}}.vw-voortgang{position:relative;display:flex;align-items:center;gap:var(--ds-space-4);margin:0 0 var(--ds-space-6)}.vw-voortgang-spoor{flex:1 1;max-width:420px;height:6px;border-radius:100px;background:var(--ds-color-surface-2);overflow:hidden}.vw-voortgang-vul{display:block;height:100%;border-radius:100px;background:var(--ds-color-progress);transition:width var(--ds-dur-slow) var(--ds-ease-inout)}.vw-voortgang-tel{font-family:var(--ds-font-headline);font-size:var(--ds-text-sm);color:var(--ds-color-text-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.confetti-ballonnen{left:0;transform:none;width:100%;height:320px;bottom:-12px}.vw-hoera{position:absolute;left:0;top:-30px;white-space:nowrap;font-family:var(--ds-font-display);font-size:var(--ds-text-md);color:var(--ds-color-progress);pointer-events:none;z-index:4;animation:hoera var(--ds-dur-slow) var(--ds-ease-out) both}.weekbalk{position:relative}.weektip{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%) translateY(4px);z-index:8;display:flex;flex-direction:column;gap:3px;min-width:190px;padding:var(--ds-space-3) var(--ds-space-4);background:var(--ds-color-text);color:var(--ds-color-surface);border-radius:var(--ds-radius-sm);box-shadow:var(--ds-shadow-md);font-size:var(--ds-text-xs);text-align:left;pointer-events:none;opacity:0;transition:opacity var(--ds-dur-fast) var(--ds-ease-out),transform var(--ds-dur-fast) var(--ds-ease-out)}.weekbalk:hover .weektip{opacity:1;transform:translateX(-50%) translateY(0)}.weektip strong{font-family:var(--ds-font-headline);font-size:var(--ds-text-sm);margin-bottom:2px}.weektip-regel{display:flex;justify-content:space-between;gap:var(--ds-space-4)}.weektip-regel.zacht{opacity:.6}.weektip-regel.som{margin-top:4px;padding-top:4px;border-top:1px solid rgba(255,255,255,.18)}.ac-datumveld{font:inherit;font-size:var(--ds-text-sm);color:var(--ds-color-ink);border:0;border-bottom:1px solid var(--ds-color-border);background:none;padding:2px 0;width:100%}.ac-datumveld:focus{outline:none;border-bottom-color:var(--ds-color-primary)}.checkin-punten{width:100%;max-width:620px}.gate-hint{margin:var(--ds-space-3) 0 0;font-size:var(--ds-text-xs);color:var(--ds-color-warning);max-width:62ch}.afspraak-regel{margin:0 0 var(--ds-space-3);font-size:var(--ds-text-sm);color:var(--ds-color-text-muted)}.afspraak-gelijk{margin:0;font-size:var(--ds-text-sm);color:var(--ds-color-progress)}.afspraak-lijst{list-style:none;margin:0;padding:0;max-width:430px}.afspraak-lijst li{display:flex;justify-content:space-between;gap:var(--ds-space-4);padding:var(--ds-space-2) 0;border-bottom:1px solid var(--ds-paper-border);font-size:var(--ds-text-sm)}.afspraak-wat{color:var(--ds-color-text-muted)}.afspraak-diff{font-family:var(--ds-font-headline);color:var(--ds-color-ink)}.afspraak-lijst li.zwaar .afspraak-diff{color:var(--ds-color-warning)}.verloop{list-style:none;margin:0;padding:0;max-width:620px}.verloop li{position:relative;display:flex;gap:var(--ds-space-4);padding:var(--ds-space-3) 0 var(--ds-space-3) var(--ds-space-2)}.verloop li:before{content:"";position:absolute;left:3px;top:0;bottom:0;width:1px;background:var(--ds-paper-border)}.verloop li:first-child:before{top:18px}.verloop li:last-child:before{bottom:calc(100% - 18px)}.verloop-stip{position:relative;z-index:1;flex:none;width:7px;height:7px;margin-top:7px;border-radius:50%;background:var(--ds-color-text-muted);box-shadow:0 0 0 3px var(--ds-color-surface)}.verloop-afspraak .verloop-stip,.verloop-evaluatie .verloop-stip{background:var(--ds-color-ink)}.verloop-besluit .verloop-stip{background:var(--ds-color-progress)}.verloop-kop{font-family:var(--ds-font-headline);font-weight:var(--ds-weight-medium);font-size:var(--ds-text-sm);color:var(--ds-color-ink)}.verloop-door{margin-left:var(--ds-space-2);font-size:var(--ds-text-xs)}.verloop-door,.verloop-tekst{color:var(--ds-color-text-muted)}.verloop-tekst{margin:2px 0 0;font-size:var(--ds-text-sm)}.eval-sluier{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:var(--ds-space-8);background:color-mix(in srgb,var(--ds-color-ink) 22%,transparent);animation:pageEnter var(--ds-dur-med) var(--ds-ease-out) both}.eval-venster{width:min(520px,100%);max-height:90vh;overflow-y:auto;background:var(--ds-color-surface);border-radius:var(--ds-radius-lg);padding:var(--ds-space-8);box-shadow:var(--ds-shadow-lg)}.eval-venster h2{margin:0}.eval-intro{margin:var(--ds-space-2) 0 var(--ds-space-6);color:var(--ds-color-text-muted);font-size:var(--ds-text-sm)}.eval-venster h4{font-family:var(--ds-font-headline);font-size:var(--ds-text-sm);font-weight:var(--ds-weight-medium);color:var(--ds-color-ink);margin:var(--ds-space-6) 0 var(--ds-space-3)}.eval-keuze{display:flex;gap:var(--ds-space-2)}.eval-keuze button{font:inherit;font-size:var(--ds-text-sm);padding:6px var(--ds-space-4);border-radius:var(--ds-radius-full);border:1px solid var(--ds-color-border);background:var(--ds-color-surface);color:var(--ds-color-text-muted);cursor:pointer}.eval-keuze button.actief{border-color:var(--ds-color-ink);color:var(--ds-color-ink)}.eval-knoppen{display:flex;justify-content:flex-end;gap:var(--ds-space-3);margin-top:var(--ds-space-8)}.checkin-late{margin:var(--ds-space-4) 0 0;font-size:15px;color:#b45309;max-width:60ch}.wizard-vel{height:min(860px,calc(100vh - var(--ds-space-12)))}.wizard-groot{font-family:var(--ds-font-headline);font-size:clamp(18px,2vw,26px);letter-spacing:.01em;color:var(--ds-color-ink);width:100%;max-width:640px;border:0;border-bottom:1px solid rgba(59,59,59,.18);background:none;outline:none;padding:2px 0 10px;transition:border-color var(--ds-dur-fast) var(--ds-ease-out)}.wizard-groot,.wizard-maten{margin-top:var(--ds-space-4)}.wizard-maten{display:flex;gap:var(--ds-space-4)}.wizard-maat{display:flex;align-items:center;gap:var(--ds-space-3);font:inherit;font-size:var(--ds-text-sm);color:var(--ds-color-ink);background:none;cursor:pointer;padding:var(--ds-space-3) var(--ds-space-4);border:1px solid rgba(59,59,59,.18);border-radius:var(--ds-radius-md)}.wizard-maat.actief{border-color:var(--ds-color-ink)}.wizard-maat-letter{font-family:var(--ds-font-display);font-size:24px}.wizard-diensten{display:flex;flex-wrap:wrap;gap:var(--ds-space-2);margin-top:var(--ds-space-3)}.wizard-team{display:grid;grid-gap:var(--ds-space-6) var(--ds-space-4);gap:var(--ds-space-6) var(--ds-space-4);grid-template-columns:repeat(auto-fill,minmax(112px,1fr));max-width:640px;margin-top:var(--ds-space-6)}.wizard-persoon,.wizard-persoon>button{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ds-space-2)}.wizard-persoon>button{border:0;background:none;cursor:pointer;font:inherit;font-family:var(--ds-font-headline);font-size:15px;color:var(--ds-color-ink);padding:0;text-align:left}.wizard-persoon>button .avatar-cap{opacity:.4;transition:opacity var(--ds-dur-fast) var(--ds-ease-out)}.wizard-persoon.aan>button .avatar-cap{opacity:1}.wizard-persoon>button span:last-child{opacity:.5}.wizard-persoon.aan>button span:last-child{opacity:1;font-weight:var(--ds-weight-semibold)}.wizard-dagen{display:inline-flex;align-items:center;gap:5px;min-height:26px;font-family:var(--ds-font-headline);font-size:var(--ds-text-xs);color:var(--ds-color-text-muted)}.wizard-dagen input{width:42px;font:inherit;font-size:15px;color:var(--ds-color-ink);text-align:right;padding:0 2px 2px 0;border:0;border-bottom:1px solid rgba(59,59,59,.18);background:none}.wizard-dagen input:focus{outline:none;border-bottom-color:var(--ds-color-ink)}.wizard-kroon{border:0;background:none;cursor:pointer;font-size:15px;opacity:.25;padding:0 2px;line-height:1}.wizard-kroon:hover{opacity:.6}.wizard-kroon.aan,.wizard-kroon.aan:hover{opacity:1;color:var(--ds-color-warning)}.wizard-vw-intro{font-family:var(--ds-font-headline);font-size:var(--ds-text-md);color:#9d9d9d;margin:var(--ds-space-4) 0 var(--ds-space-6);display:flex;justify-content:space-between;gap:var(--ds-space-6);max-width:660px}.wizard-vw-telling{flex:none;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.wizard-voorwaarden{max-width:660px;max-height:46vh;overflow-y:auto;border-top:1px solid rgba(59,59,59,.12)}.wizard-vw{display:grid;grid-template-columns:10px 1fr auto;align-items:center;grid-gap:var(--ds-space-4);gap:var(--ds-space-4);padding:var(--ds-space-3) var(--ds-space-2) var(--ds-space-3) 0;border-bottom:1px solid rgba(59,59,59,.12)}.wizard-vw-stip{width:10px;height:10px;border-radius:50%;background:rgba(59,59,59,.16);transition:background var(--ds-dur-med) var(--ds-ease-out)}.wizard-vw.is-staat .wizard-vw-stip{background:#00b100}.wizard-vw.is-afgeweken .wizard-vw-stip{background:#ec9d00}.wizard-vw.is-open .wizard-vw-stip{background:#ec0000}.wizard-vw-titel{font-family:var(--ds-font-headline);font-size:16px;color:var(--ds-color-ink)}.wizard-vw-keuze{display:inline-flex;gap:var(--ds-space-4);flex:none}.wizard-vw-keuze button{border:0;background:none;padding:2px 0;cursor:pointer;font:inherit;font-family:var(--ds-font-headline);font-size:14px;color:#b0b0b0;border-bottom:1px solid transparent;transition:color var(--ds-dur-fast) var(--ds-ease-out),border-color var(--ds-dur-fast) var(--ds-ease-out)}.wizard-vw-keuze button:hover{color:var(--ds-color-ink)}.wizard-vw-keuze button.actief{color:var(--ds-color-ink);border-bottom-color:var(--ds-color-ink)}.wizard-samenvatting{list-style:none;margin:var(--ds-space-6) 0 0;padding:0;max-width:430px}.wizard-samenvatting li{display:flex;justify-content:space-between;gap:var(--ds-space-4);padding:var(--ds-space-2) 0;border-bottom:1px solid rgba(59,59,59,.12);font-size:16px}.wizard-samenvatting span{color:var(--ds-color-text-muted)}.wizard-samenvatting b{font-family:var(--ds-font-headline);font-weight:var(--ds-weight-medium);color:var(--ds-color-ink)}.nieuw-project{display:inline-block;margin-top:var(--ds-space-8);text-decoration:none}.login-melding{font-size:var(--ds-text-sm);color:var(--ds-color-primary);margin:var(--ds-space-3) 0 0;max-width:42ch}.login-actions{align-items:center}.kies-jezelf,.login-actions{display:flex;gap:var(--ds-space-6)}.kies-jezelf{flex-wrap:wrap}.kies-persoon{display:flex;flex-direction:column;align-items:center;gap:var(--ds-space-2);border:0;background:none;cursor:pointer;font:inherit;font-family:var(--ds-font-headline);font-size:var(--ds-text-sm);color:var(--ds-color-ink);padding:var(--ds-space-3);border-radius:var(--ds-radius-md)}.kies-persoon:hover{background:var(--ds-color-surface-2)}.kies-persoon:disabled{opacity:.5;cursor:default}.toegang-lijst{list-style:none;margin:0;padding:0;max-width:620px}.toegang-lijst li{display:flex;align-items:center;gap:var(--ds-space-4);padding:var(--ds-space-3) 0;border-bottom:1px solid var(--ds-color-border);font-size:var(--ds-text-sm)}.toegang-adres{font-family:var(--ds-font-headline);color:var(--ds-color-ink)}.toegang-persoon{flex:1 1;font-size:var(--ds-text-xs)}.toegang-leeg,.toegang-persoon{color:var(--ds-color-text-muted)}