:root{--merk:#2f4f7a;--merk-op:#ffffff;--menu:#1d314c;--menu-op:#ffffff;--menu-rand:transparent;--menu-actief:#1f3552;--menu-actief-op:#ffffff;--klant-kop:var(--menu);--klant-kop-op:var(--menu-op);--klant-kop-rand:var(--menu-rand);--klant-tab:var(--merk);--klant-papier:var(--papier);--tel-boven:var(--menu);--tel-boven-op:var(--menu-op);--tel-boven-rand:var(--menu-rand);--tel-onder:var(--menu);--tel-onder-op:var(--menu-op);--tel-onder-rand:var(--menu-rand);--papier:#f4f2ed;--vlak:#ffffff;--vlak-zacht:#f8f7f4;--rand:#e6e4de;--rand-sterk:#cfcdc6;--inkt:#15171c;--inkt-zacht:#5c616a;--inkt-licht:#8d929b;--let-op:#a3451f;--let-op-vlak:#f9ede8;--let-op-lijn:#ecd0c4;--goed:#2f6d4f;--goed-vlak:#e9f3ee;--goed-lijn:#c6e0d2;--wacht:#8a5a1c;--wacht-vlak:#fbf3e6;--wacht-lijn:#efdcbd;--straal:12px;--straal-klein:8px;--straal-groot:16px;--veld-hoogte:40px;--knop-hoogte:40px;--knop-klein:32px;--rij-hoogte:44px;--schaduw-zacht:0 1px 2px rgba(20,20,18,0.06);--schaduw-laag:0 12px 40px rgba(21,23,28,0.2);--focus:0 0 0 3px color-mix(in srgb,var(--merk) 24%,transparent);--zijbalk:240px;--bovenbalk:56px;--tabbalk:0px;--tekst:15px;--tussen:14px;--klein:13px;--heel-klein:12px;--kop-1:24px;--kop-2:18px;--kop-3:15px;--lettertype:"Inter Variable",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}@media (pointer:coarse){:root{--veld-hoogte:44px;--knop-hoogte:44px;--knop-klein:36px;--rij-hoogte:48px}}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--papier);color:var(--inkt);font-family:var(--lettertype);font-size:var(--tekst);line-height:1.45;-webkit-font-smoothing:antialiased;font-optical-sizing:auto;font-feature-settings:"cv11","ss01"}figure,h1,h2,h3,ol,p,ul{margin:0}h1,h2,h3{font-weight:700;line-height:1.2;letter-spacing:-.015em}b,strong{font-weight:600}ol,ul{padding:0;list-style:none}a{text-decoration:none}a,button{color:inherit}button{font:inherit}:focus-visible{outline:2px solid var(--merk);outline-offset:2px;border-radius:var(--straal-klein)}.klein{font-size:var(--klein)}.schil{display:grid;grid-template-columns:var(--zijbalk) minmax(0,1fr);min-height:100dvh;align-items:start}.merkvoorbeeld,body{--merk-donker:color-mix(in srgb,var(--merk) 78%,#000000);--merk-zacht:color-mix(in srgb,var(--merk) 11%,var(--vlak));--menu-zacht:color-mix(in srgb,var(--menu-op) 7%,transparent);--menu-op-zacht:color-mix(in srgb,var(--menu-op) 62%,transparent);--menu-lijn:color-mix(in srgb,var(--menu-op) 12%,transparent);--klant-kop-zacht:color-mix(in srgb,var(--klant-kop-op) 7%,transparent);--klant-kop-op-zacht:color-mix(in srgb,var(--klant-kop-op) 62%,transparent);--tel-boven-op-zacht:color-mix(in srgb,var(--tel-boven-op) 62%,transparent);--tel-onder-op-zacht:color-mix(in srgb,var(--tel-onder-op) 62%,transparent)}.zijbalk{position:-webkit-sticky;position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;gap:2px;padding:10px;background:var(--menu);color:var(--menu-op);border-right:1px solid var(--menu-rand);overflow-y:auto}.zijbalk-merk{display:flex;align-items:center;gap:10px;min-height:calc(var(--bovenbalk) - 10px);padding:4px 6px;margin-bottom:8px;min-width:0;border-radius:var(--straal-klein)}.zijbalk-merk-naam{min-width:0}.zijbalk-merk-naam b{font-size:var(--tussen);font-weight:600}.zijbalk-merk-naam b,.zijbalk-merk-naam small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zijbalk-merk-naam small{font-size:var(--heel-klein);color:var(--inkt-licht)}.zijbalk .zijbalk-kop,.zijbalk .zijbalk-merk-naam small{color:var(--menu-op-zacht)}.merkbeeld{display:block;flex:none;max-width:100%;object-fit:contain;object-position:left center}.zijbalk-kop{padding:16px 10px 6px;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--inkt-licht)}.ingang{position:relative;display:flex;align-items:center;gap:12px;height:40px;padding:0 10px;border-radius:var(--straal-klein);color:var(--inkt-zacht);font-size:var(--tussen);font-weight:500;white-space:nowrap}.ingang svg{flex:none}.ingang>span{min-width:0;overflow:hidden;text-overflow:ellipsis}.ingang:hover{background:var(--vlak-zacht);color:var(--inkt)}.ingang[aria-current=page]{background:var(--merk-zacht);color:var(--merk-donker);font-weight:600}.zijbalk .ingang{color:var(--menu-op-zacht)}.zijbalk .ingang:hover{background:var(--menu-zacht);color:var(--menu-op)}.zijbalk .ingang[aria-current=page]{background:var(--menu-actief);color:var(--menu-actief-op);font-weight:600}.zijbalk .ingang[aria-current=page]:before{content:"";position:absolute;left:-10px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--menu-actief-op)}.zijbalk-onder{margin-top:auto;padding-top:8px;border-top:1px solid var(--menu-lijn)}.zijbalk-mens{gap:4px;margin-top:6px}.zijbalk-mens,.zijbalk-mens-link{display:flex;align-items:center;min-width:0}.zijbalk-mens-link{flex:1 1;gap:10px;height:44px;padding:0 6px;border-radius:var(--straal-klein)}.zijbalk-mens-link:hover{background:var(--menu-zacht)}.zijbalk-avatar{flex:none;width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--menu-actief-op);color:var(--menu);font-size:11px;font-weight:700;letter-spacing:.02em}.zijbalk-mens-naam{min-width:0}.zijbalk-mens-naam b,.zijbalk-mens-naam small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zijbalk-mens-naam b{font-size:var(--klein);font-weight:600;color:var(--menu-op)}.zijbalk-mens-naam small{font-size:var(--heel-klein);color:var(--menu-op-zacht)}.mensmenu{position:relative;flex:none}.mensmenu-knop{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--straal-klein);color:var(--menu-op-zacht);cursor:pointer;list-style:none}.mensmenu-knop::-webkit-details-marker{display:none}.mensmenu-knop:hover,.mensmenu[open] .mensmenu-knop{background:var(--menu-zacht);color:var(--menu-op)}.mensmenu-lijst{position:absolute;right:0;bottom:calc(100% + 6px);z-index:20;min-width:190px;padding:6px;border:1px solid var(--rand);border-radius:var(--straal);background:var(--vlak);box-shadow:0 10px 30px rgb(0 0 0/.14)}.mensmenu-lijst a,.mensmenu-lijst button{display:flex;align-items:center;gap:10px;width:100%;height:var(--rij-hoogte);padding:0 10px;border:0;border-radius:var(--straal-klein);background:transparent;color:var(--inkt);font:inherit;font-size:var(--tussen);text-align:left;text-decoration:none;cursor:pointer}.mensmenu-lijst a:hover,.mensmenu-lijst button:hover{background:var(--vlak-zacht);color:var(--merk)}.werkblad{min-width:0;display:flex;flex-direction:column;min-height:100dvh}.bovenbalk{position:-webkit-sticky;position:sticky;top:0;z-index:20;gap:12px;padding:0 24px;background:var(--vlak);border-bottom:1px solid var(--rand);height:var(--bovenbalk)}.bovenbalk,.bovenbalk-rechts{display:flex;align-items:center}.bovenbalk-rechts{margin-left:auto;gap:4px;min-width:0}.bovenbalk .ingang{height:36px}.blad{padding:24px;padding-bottom:calc(24px + var(--tabbalk));min-width:0;width:100%;max-width:1440px}.blad:has(>.agenda-blad){max-width:none}.kop{display:flex;align-items:flex-start;flex-wrap:wrap;gap:16px;margin-bottom:20px}.kop-titel h1{display:flex;align-items:center;gap:10px;font-size:var(--kop-1);font-weight:700;letter-spacing:-.02em}.kop-titel p{margin-top:4px;color:var(--inkt-zacht);font-size:var(--tussen)}.kop-acties{margin-left:auto;display:flex;gap:8px;flex:none}.knop{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:var(--knop-hoogte);padding:0 14px;border-radius:var(--straal-klein);border:1px solid var(--rand-sterk);background:var(--vlak);color:var(--inkt);font-size:var(--tussen);font-weight:600;line-height:1;cursor:pointer;white-space:nowrap;transition:background .12s,border-color .12s}.knop svg{flex:none;width:16px;height:16px}.knop:hover{background:var(--vlak-zacht);border-color:var(--inkt-licht)}.knop[data-soort=hoofd]{background:var(--merk);border-color:var(--merk);color:var(--merk-op)}.knop[data-soort=hoofd]:hover{background:var(--merk-donker);border-color:var(--merk-donker)}.knop[data-soort=kaal]{border-color:transparent;background:transparent;color:var(--inkt-zacht)}.knop[data-soort=kaal]:hover{background:var(--vlak-zacht);color:var(--inkt)}.knop:disabled{opacity:.45;cursor:not-allowed}.merkteken{justify-content:center;flex:none;background:var(--merk);color:var(--merk-op);border-radius:var(--straal-klein);font-weight:700;letter-spacing:-.01em}.merkteken,.speld{display:inline-flex;align-items:center}.speld{gap:5px;height:24px;padding:0 9px;border-radius:6px;font-size:var(--heel-klein);font-weight:600;line-height:1;background:var(--vlak);border:1px solid var(--rand-sterk);color:var(--inkt-zacht);white-space:nowrap;vertical-align:middle}.speld svg{width:12px;height:12px}.speld[data-toon=eigen]{background:color-mix(in srgb,var(--speld-kleur) 14%,var(--vlak));border-color:color-mix(in srgb,var(--speld-kleur) 36%,var(--vlak));color:color-mix(in srgb,var(--speld-kleur) 78%,var(--inkt))}.speld[data-toon=klant]{background:var(--goed-vlak);border-color:var(--goed-lijn);color:var(--goed)}.speld[data-toon=leverancier]{background:#eef0f6;border-color:#d6dae8;color:#4a5375}.speld[data-toon=prospect]{background:var(--merk-zacht);border-color:color-mix(in srgb,var(--merk) 24%,transparent);color:var(--merk-donker)}.speld[data-toon=gearchiveerd]{background:var(--vlak-zacht);border-color:var(--rand);color:var(--inkt-licht)}.speld[data-toon=open]{background:var(--merk-zacht);border-color:color-mix(in srgb,var(--merk) 30%,transparent);color:var(--merk-donker)}.speld[data-toon=wacht]{background:var(--wacht-vlak);border-color:var(--wacht-lijn);color:var(--wacht)}.speld[data-toon=klaar]{background:var(--goed-vlak);border-color:var(--goed-lijn);color:var(--goed)}.speld[data-toon=uit]{background:var(--let-op-vlak);border-color:var(--let-op-lijn);color:var(--let-op)}.speld[data-toon=fase-nieuw]{background:var(--vlak);border-color:var(--rand-sterk);color:var(--inkt-zacht)}.speld[data-toon=fase-ingepland]{background:var(--inkt);border-color:var(--inkt);color:var(--vlak)}.speld[data-toon=fase-onderweg]{background:var(--let-op);border-color:var(--let-op);color:#ffffff}.speld[data-toon=fase-bezig]{background:var(--merk);border-color:var(--merk);color:var(--merk-op)}.speld[data-toon=fase-wacht]{background:var(--wacht-vlak);border-color:var(--wacht-lijn);color:var(--wacht)}.speld[data-toon=fase-afgerond],.speld[data-toon=fase-klaar]{background:var(--goed-vlak);border-color:var(--goed-lijn);color:var(--goed)}.speld[data-toon=fase-geannuleerd],.speld[data-toon=fase-herroepen]{background:var(--vlak-zacht);border-color:var(--rand);color:var(--inkt-licht);text-decoration:line-through}.lijst-balk{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin-bottom:12px}.lijst-zoek{display:inline-flex;align-items:center;gap:8px;flex:1 1 240px;max-width:380px;height:var(--veld-hoogte);padding:0 12px;background:var(--vlak);border:1px solid var(--rand-sterk);border-radius:var(--straal-klein);color:var(--inkt-zacht);transition:border-color .12s}.lijst-zoek:hover{border-color:var(--inkt-licht)}.lijst-zoek:focus-within{border-color:var(--merk);box-shadow:var(--focus)}.lijst-zoek input{flex:1 1;min-width:0;height:100%;padding:0;font:inherit;font-size:var(--tussen);color:var(--inkt);background:transparent;border:0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.lijst-zoek input::-webkit-search-cancel-button{display:none}.lijst-zoek button{padding:0 4px;font-size:18px;line-height:1;color:var(--inkt-zacht);background:transparent;border:0;cursor:pointer}.lijst-filters{display:flex;flex-wrap:wrap;gap:6px}.lijst-filter{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;font:inherit;font-size:var(--klein);font-weight:600;color:var(--inkt-zacht);background:var(--vlak);border:1px solid var(--rand-sterk);border-radius:16px;white-space:nowrap;cursor:pointer}.lijst-filter:hover{color:var(--inkt);border-color:var(--inkt-licht)}.lijst-filter[aria-current=true]{color:var(--merk-op);background:var(--merk);border-color:var(--merk)}.lijst-filter[aria-current=true] .tabblad-aantal{background:color-mix(in srgb,var(--merk-op) 22%,transparent);color:var(--merk-op)}@media (max-width:767px){.lijst-zoek{flex:1 1 100%;max-width:none}.lijst-filters{width:100%}.lijst-filter{padding:0 10px;font-size:var(--heel-klein)}}.lijst{background:var(--vlak);border:1px solid var(--rand);border-radius:var(--straal);overflow:hidden}.lijst-tabel{width:100%;border-collapse:collapse;table-layout:fixed;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.lijst-tabel th{text-align:left;height:36px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--inkt-zacht);padding:0 12px;border-bottom:1px solid var(--rand-sterk);background:var(--vlak);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lijst-tabel td:first-child,.lijst-tabel th:first-child{padding-left:16px}.lijst-tabel td:last-child,.lijst-tabel th:last-child{padding-right:16px}.lijst-tabel td{height:var(--rij-hoogte);padding:6px 12px;border-bottom:1px solid var(--rand);font-size:var(--tussen);color:var(--inkt-zacht);vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lijst-tabel td:first-child{color:var(--inkt);font-weight:600}.lijst-tabel td.rechts,.lijst-tabel th.rechts{text-align:right}.lijst-tabel tr:last-child td{border-bottom:none}.lijst-tabel tbody tr[data-klikbaar=ja]{cursor:pointer}.lijst-tabel tbody tr[data-klikbaar=ja]:focus-within td,.lijst-tabel tbody tr[data-klikbaar=ja]:hover td{background:var(--vlak-zacht)}.lijst-tabel td.lijst-vink,.lijst-tabel th.lijst-vink{width:44px;padding-right:0;cursor:default}.lijst-vink input{width:16px;height:16px;margin:0;cursor:pointer;accent-color:var(--merk)}.lijst-tabel[data-vinken=ja] td:nth-child(2){color:var(--inkt);font-weight:600}.lijst-tabel tbody tr[data-gekozen=ja] td{background:var(--merk-zacht)}.weg-lijst{margin:0 0 12px;padding-left:18px;display:grid;grid-gap:4px;gap:4px;font-weight:600}.weg-lijst .stil{font-weight:400;list-style:none;margin-left:-18px}.lijst-keuze{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin-bottom:12px;padding:8px 8px 8px 16px;background:var(--merk-zacht);border:1px solid var(--rand);border-radius:var(--straal)}.lijst-telefoon{display:none}.lijst-rij-telefoon{display:flex;align-items:center;gap:12px;width:100%;min-height:var(--rij-hoogte);padding:10px 16px;border:none;border-bottom:1px solid var(--rand);background:var(--vlak);text-align:left;cursor:pointer}.lijst-rij-telefoon:last-child{border-bottom:none}.lijst-rij-telefoon[data-klikbaar=nee]{cursor:default}.lijst-rij-telefoon b{display:block;font-size:var(--tekst);font-weight:600}.lijst-rij-telefoon small{display:block;font-size:var(--klein);color:var(--inkt-zacht)}.lijst-rij-tekst{min-width:0;flex:1 1}.lijst-rij-tekst b,.lijst-rij-tekst small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lijst-leeg{padding:36px 20px;text-align:center;color:var(--inkt-zacht);font-size:var(--tussen)}.lijst-voet{gap:12px;min-height:40px;padding:8px 16px;border-top:1px solid var(--rand);background:var(--vlak-zacht);font-size:var(--klein)}.leeg,.lijst-voet{display:flex;align-items:center;color:var(--inkt-zacht)}.leeg{flex-direction:column;gap:8px;padding:36px 20px;text-align:center}.leeg svg{width:32px;height:32px;color:var(--rand-sterk);margin-bottom:4px}.leeg b{color:var(--inkt);font-size:var(--kop-3);font-weight:600}.leeg p{max-width:380px;font-size:var(--tussen)}.leeg .knop{margin-top:8px}.kaart{background:var(--vlak);border:1px solid var(--rand);border-radius:var(--straal);padding:16px}.kaart-kop{gap:12px;min-height:32px;margin:-4px 0 12px;padding-bottom:12px;border-bottom:1px solid var(--rand)}.kaart-kop,.kaart-kop h2{display:flex;align-items:center}.kaart-kop h2{gap:8px;font-size:var(--kop-3);font-weight:700}.kaart-kop p{margin-top:2px;font-size:var(--klein);color:var(--inkt-zacht)}.fotoraster[data-leeg=ja],.kaart-strook:empty{display:none}.kaart-kop:has(+.kaart-strook:empty),.kaart-kop:has(+.kaart-strook>.fotoraster[data-leeg=ja]:only-child),.kaart-kop:last-child{margin-bottom:-4px;padding-bottom:0;border-bottom:0}.kaart-acties{margin-left:auto;flex-shrink:0;gap:6px}.kaart-acties,.kaart-regels dd{display:flex;align-items:center}.kaart-regels dd{gap:8px;flex-wrap:wrap}.regel-actie{margin-left:auto}.regel-actie .knop{height:28px;padding:0 8px;font-size:var(--heel-klein)}.keuze{position:relative}.keuze>summary{list-style:none}.keuze>summary::-webkit-details-marker{display:none}.keuze-menu{position:absolute;right:0;top:calc(100% + 4px);z-index:30;display:grid;grid-gap:2px;gap:2px;min-width:220px;padding:6px;background:var(--vlak);border:1px solid var(--rand);border-radius:var(--straal);box-shadow:var(--schaduw-laag);animation:lade-fade .1s ease}@keyframes lade-fade{0%{opacity:0}}.keuze-menu [data-gevaar=ja]{color:var(--let-op)}.keuze-menu .knop{justify-content:flex-start;width:100%;height:40px;padding:0 10px;border-radius:6px;background:transparent;border-color:transparent;color:var(--inkt);font-weight:600;box-shadow:none}.keuze-menu .knop svg{color:var(--inkt-zacht)}.keuze-menu .knop:hover{background:var(--vlak-zacht)}@media (max-width:767px){.keuze[data-kant=links] .keuze-menu{right:auto;left:0}.keuze-menu{max-width:calc(100vw - 32px)}}.kaart-regels{display:grid;grid-template-columns:148px minmax(0,1fr);grid-gap:0 16px;gap:0 16px}.kaart-regels dt{padding:6px 0;font-size:var(--klein);color:var(--inkt-licht)}.kaart-regels dd{margin:0;padding:6px 0;font-size:var(--tussen);color:var(--inkt);overflow-wrap:anywhere}.opdekaart{display:flex;flex-direction:column;gap:1px}.opdekaart a{display:inline-flex;align-items:center;gap:4px}.opdekaart svg{flex:none;opacity:.55}.namenrij{display:inline}.namenrij a:not(:last-child):after{content:", ";color:var(--inkt-licht)}.kaart-strook{margin-top:12px;padding-top:12px;border-top:1px solid var(--rand)}.kaart-kop+.kaart-strook{margin-top:0;padding-top:0;border-top:0}.kaart-strook:has(>.lijst:only-child){margin:0 -16px -16px;padding:0;border-top:0}.kaart-kop+.kaart-strook:has(>.lijst:only-child){margin-top:-12px}.kaart-strook>.lijst:only-child{border:0;border-radius:0 0 var(--straal) var(--straal)}.overlay-doek{position:fixed;inset:0;z-index:60;background:rgba(21,23,28,.42);display:flex;align-items:stretch;justify-content:flex-end;padding:0;animation:lade-fade .15s ease}.overlay{width:100%;max-width:620px;height:100dvh;display:flex;flex-direction:column;background:var(--vlak);border-radius:0;box-shadow:var(--schaduw-laag);overflow:hidden;animation:lade-van-rechts .18s ease-out}@keyframes lade-van-rechts{0%{transform:translateX(24px);opacity:0}}@media (prefers-reduced-motion:reduce){.keuze-menu,.overlay,.overlay-doek{animation:none}}.overlay-kop{display:flex;align-items:center;gap:12px;min-height:60px;padding:14px 20px;border-bottom:1px solid var(--rand)}.overlay-kop h2{font-size:var(--kop-2);font-weight:700}.overlay-kop p{margin-top:2px;font-size:var(--klein);color:var(--inkt-zacht)}.overlay-sluit{margin-left:auto;flex:none;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:var(--straal-klein);background:transparent;color:var(--inkt-zacht);cursor:pointer}.overlay-sluit:hover{background:var(--vlak-zacht);color:var(--inkt)}.overlay-blad{flex:1 1;padding:20px;overflow-y:auto}.overlay-voet{display:flex;align-items:center;gap:8px;padding:12px 20px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--rand);background:var(--vlak);flex-wrap:wrap}.overlay-voet .melding{flex-basis:100%;margin-bottom:0}.overlay-voet-rechts{margin-left:auto;display:flex;gap:8px}.overlay-voet-rechts .knop[data-soort=hoofd]{min-width:120px}.formulier{display:grid;grid-gap:16px;gap:16px}.veld{display:grid;grid-gap:6px;gap:6px;align-content:start}.veld>label{display:flex;align-items:baseline;gap:6px;font-size:var(--klein);font-weight:600;color:var(--inkt)}.veld-optioneel{font-weight:400;color:var(--inkt-licht)}.veld input,.veld select,.veld textarea{width:100%;height:var(--veld-hoogte);padding:0 12px;font:inherit;font-size:var(--tussen);color:var(--inkt);background:var(--vlak);border:1px solid var(--rand-sterk);border-radius:var(--straal-klein);transition:border-color .12s}.veld input::placeholder,.veld textarea::placeholder{color:var(--inkt-licht)}.veld input:hover,.veld select:hover,.veld textarea:hover{border-color:var(--inkt-licht)}.veld input:focus,.veld select:focus,.veld textarea:focus{outline:none;border-color:var(--merk);box-shadow:var(--focus)}.veld textarea{height:auto;min-height:96px;padding:10px 12px;line-height:1.45;resize:vertical}.veld select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:34px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235c616a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 10px center}.veld input:disabled,.veld select:disabled,.veld textarea:disabled{background:var(--vlak-zacht);color:var(--inkt-zacht)}.veld-uitleg{font-size:var(--heel-klein);color:var(--inkt-licht)}.segment,.veld-snel{display:inline-flex;flex-wrap:wrap;max-width:100%;gap:2px;padding:2px;border:1px solid var(--rand-sterk);border-radius:var(--straal-klein);background:var(--vlak)}.segment>button,.segment>label,.veld-snel .knop{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:calc(var(--veld-hoogte) - 6px);padding:0 12px;border:0;border-radius:6px;background:transparent;color:var(--inkt-zacht);font:inherit;font-size:var(--tussen);font-weight:600;white-space:nowrap;cursor:pointer;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.segment>button:hover,.veld-snel .knop:hover{background:var(--vlak-zacht);color:var(--inkt)}.segment>button[aria-pressed=true],.segment>label:has(input:checked),.veld-snel .knop[data-soort=hoofd]{background:var(--inkt);color:var(--vlak)}.segment>label input{position:absolute;opacity:0;width:0;height:0}.segment[data-breed=ja],.veld-snel[data-breed=ja]{display:flex}.segment[data-breed=ja]>*,.veld-snel[data-breed=ja]>*{flex:1 1;min-width:0}.klusonderdeel-meting{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.veld-paar{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.schakelaar{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:10px 14px;background:var(--vlak);border:1px solid var(--rand);border-radius:var(--straal-klein);text-align:left;cursor:pointer}.schakelaar[data-uit-handen=ja]{background:var(--vlak-zacht);cursor:not-allowed}.schakelaar-tekst{min-width:0;flex:1 1}.schakelaar-tekst b{display:block;font-size:var(--tussen);font-weight:600}.schakelaar-tekst small{display:block;font-size:var(--heel-klein);color:var(--inkt-zacht)}.schakelaar-knop{flex:none;width:36px;height:22px;border-radius:999px;border:1px solid var(--rand-sterk);background:var(--rand-sterk);position:relative;transition:background .12s ease}.schakelaar-knop:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:999px;background:var(--vlak);box-shadow:var(--schaduw-zacht);transition:transform .12s ease}.schakelaar[data-aan=ja] .schakelaar-knop{background:var(--merk);border-color:var(--merk)}.schakelaar[data-aan=ja] .schakelaar-knop:after{transform:translateX(14px)}.schakelaar-melding{font-size:var(--heel-klein);color:var(--goed);flex:none}.panelen{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.panelen[data-kolommen="1"]{grid-template-columns:minmax(0,1fr)}.paneel-lijst{display:grid;grid-gap:10px;gap:10px}.paneel-regel{display:flex;align-items:center;gap:10px;font-size:var(--klein);color:var(--inkt-zacht)}.paneel-regel b{color:var(--inkt);font-weight:600}.paneel-regel time{margin-left:auto;font-size:var(--heel-klein);color:var(--inkt-licht);flex:none}.tabbalk{display:none}.tabbladen{display:flex;gap:4px;margin-bottom:20px;border-bottom:1px solid var(--rand);overflow:visible;flex-wrap:wrap}.tabblad{gap:8px;height:40px;padding:0 12px;font:inherit;font-size:var(--tussen);font-weight:600;background:transparent;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;cursor:pointer}.tabblad,.tabblad-aantal{display:inline-flex;align-items:center;color:var(--inkt-zacht)}.tabblad-aantal{justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;font-size:11px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;background:var(--vlak-zacht);border:1px solid var(--rand)}.tabblad[aria-current=page]{color:var(--inkt);border-bottom-color:var(--merk)}.tabblad[aria-current=page] .tabblad-aantal{background:var(--merk-zacht);border-color:transparent;color:var(--merk-donker)}.tabblad:hover{color:var(--inkt)}.melding{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;padding:10px 14px;border-radius:var(--straal-klein);background:var(--merk-zacht);border:1px solid color-mix(in srgb,var(--merk) 18%,transparent);color:var(--merk-donker);font-size:var(--tussen);margin-bottom:16px}.melding svg{flex:none;width:16px;height:16px}.melding[data-toon=uit]{background:var(--let-op-vlak);border-color:var(--let-op-lijn);color:var(--let-op)}.melding[data-toon=rustig]{background:var(--vlak);border-color:var(--rand);color:var(--inkt-zacht)}.melding[data-toon=goed]{background:var(--goed-vlak);border-color:var(--goed-lijn);color:var(--goed)}.melding-onderaan{margin-top:16px}.melding-onderaan .melding{margin-bottom:0}.kamer-uitleg{color:var(--inkt-zacht);font-size:var(--tussen);max-width:62ch}.klantschil{background:var(--klant-papier);--menu:var(--klant-kop);--menu-op:var(--klant-kop-op);--menu-rand:var(--klant-kop-rand);--menu-actief:color-mix(in srgb,var(--klant-kop-op) 12%,transparent);--menu-actief-op:var(--klant-kop-op);--menu-zacht:var(--klant-kop-zacht);--menu-op-zacht:var(--klant-kop-op-zacht);--menu-lijn:color-mix(in srgb,var(--klant-kop-op) 14%,transparent)}.klantrail .ingang[aria-current=page]:before{background:var(--klant-tab)}.klantrail .ingang{width:100%;border:0;background:transparent;font:inherit;font-size:var(--tussen);font-weight:500;cursor:pointer;text-align:left}.klantrail .zijbalk-merk{margin-bottom:4px}.klantrail .zijbalk-merk .merkteken{background:color-mix(in srgb,var(--klant-kop-op) 14%,transparent);color:var(--klant-kop-op)}.klantrail-meekijken{margin:0 0 10px;padding:8px 10px;border:1px dashed var(--menu-lijn);border-radius:var(--straal-klein)}.klantrail-meekijken b,.klantrail-meekijken small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.klantrail-meekijken small{font-size:var(--heel-klein);color:var(--menu-op-zacht)}.klantrail-meekijken b{font-size:var(--klein);font-weight:600}.plekken{display:grid;grid-gap:6px;gap:6px;margin:0 0 12px}.plek{display:flex;align-items:center;gap:8px;min-width:0;height:38px;padding:0 10px;border:1px solid color-mix(in srgb,var(--klant-kop-op) 22%,transparent);border-radius:var(--straal-klein);background:transparent;color:var(--klant-kop-op-zacht);font:inherit;font-size:var(--klein);font-weight:600;cursor:pointer}.plek svg{flex:none}.plek>span:not(.bolletje){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plek:hover{background:var(--klant-kop-zacht);color:var(--klant-kop-op)}.plek[aria-selected=true]{border-color:var(--klant-kop-op);cursor:default}.plek .bolletje,.plek[aria-selected=true]{background:var(--klant-kop-op);color:var(--klant-kop)}.klantkop{display:none;background:var(--klant-kop);color:var(--klant-kop-op);border-bottom:1px solid var(--klant-kop-rand);padding:10px 16px 12px}.klantkop-bovenin{display:flex;align-items:center;gap:4px;min-height:40px}.klantkop-merk{display:flex;align-items:center;gap:10px;min-width:0;margin-right:auto}.klantkop-merk b{font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.klantkop .merkteken{background:color-mix(in srgb,var(--klant-kop-op) 14%,transparent);color:var(--klant-kop-op)}.klantkop .merkbeeld{max-height:28px}.klantkop-knop,.klantkop-mens{flex:none;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:var(--straal-klein);background:transparent;color:var(--klant-kop-op);cursor:pointer}.klantkop-knop .bolletje{background:var(--klant-kop-op);color:var(--klant-kop)}.klantkop-mens .zijbalk-avatar{width:32px;height:32px;font-size:12px;background:color-mix(in srgb,var(--klant-kop-op) 16%,transparent);color:var(--klant-kop-op)}.klantkop .plekken{grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);margin:10px 0 0}.klantkop .plek{justify-content:center}.klantkop-meekijken{margin:8px 0 0;font-size:var(--klein);color:var(--klant-kop-op-zacht)}.klantblad{width:100%;max-width:920px;padding:32px 40px;padding-bottom:calc(40px + var(--tabbalk))}.bel-leeg{color:var(--inkt-zacht)}.bel-lijst{display:grid;grid-template-columns:minmax(0,1fr)}.bel-punt{display:flex;align-items:center;gap:12px;min-height:60px;padding:10px 2px;border:0;border-bottom:1px solid var(--rand);background:transparent;color:var(--inkt);font:inherit;text-align:left;cursor:pointer}.bel-punt:last-child{border-bottom:0}.bel-punt-stip{flex:none;width:8px;height:8px;border-radius:50%;background:var(--merk)}.bel-punt-stip[data-soort=nieuw]{background:var(--inkt-licht)}.bel-punt-tekst{flex:1 1;min-width:0}.bel-punt-tekst b,.bel-punt-tekst small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bel-punt-tekst b{font-weight:600}.bel-punt-rechts small,.bel-punt-tekst small{font-size:var(--klein);color:var(--inkt-zacht)}.bel-punt-rechts{flex:none;text-align:right}.bel-punt-rechts em{display:block;font-style:normal;font-size:var(--heel-klein);font-weight:600;color:var(--merk-donker)}.kaartgrid{grid-gap:16px;gap:16px;grid-template-columns:minmax(0,3fr) minmax(0,2fr)}.gesprek,.kaartgrid{display:grid;align-items:start}.gesprek{grid-gap:20px;gap:20px;grid-template-columns:minmax(0,3fr) minmax(280px,2fr)}.gesprek-zij{position:-webkit-sticky;position:sticky;top:72px}.gesprek-lay{display:grid;grid-gap:20px;gap:20px;grid-template-columns:minmax(0,3fr) minmax(300px,2fr);align-items:start}.chat{display:flex;flex-direction:column;min-height:0}.gesprek-balk{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}@media (min-width:768px){.gesprek-balk{margin-top:-52px;margin-bottom:20px}}.gesprek-balk .tabbladen{margin-bottom:0;border-bottom:0;flex:1 1;min-width:0}.gesprek-balk .keuze{margin-left:auto}.zij-tijdlijn{display:flex;flex-direction:column;gap:8px;margin-top:16px}.zij-tijdlijn .veld-kop:first-child{margin-top:0;padding-top:0;border-top:0}@media (max-width:767px){.gesprek-lay{grid-template-columns:minmax(0,1fr);gap:0}.gesprek-lay[data-blad=details] .chat,.gesprek-lay[data-blad=details] .zij-tijdlijn,.gesprek-lay[data-blad=gesprek] .gesprek-zij,.gesprek-lay[data-blad=tijdlijn] .chat,.gesprek-lay[data-blad=tijdlijn] .zij-details{display:none}.gesprek-lay[data-blad=tijdlijn] .zij-tijdlijn{margin-top:0}}.relatie-bij{display:inline-flex;flex-direction:column;min-width:0}.relatie-bij small{font-size:var(--heel-klein);color:var(--inkt-zacht)}.bolletje{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--merk);color:var(--merk-op);font-size:11px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;display:inline-flex;align-items:center;justify-content:center}.zijbalk .bolletje{background:var(--menu-actief-op);color:var(--menu)}.tabbalk .bolletje{background:var(--tel-onder-op);color:var(--tel-onder)}.tabbalk-icoon{position:relative;display:inline-flex}.tabbalk-icoon .bolletje{position:absolute;top:-6px;right:-12px;margin:0;height:16px;min-width:16px;font-size:10px}.veld[data-soort=vinkje]+.veld[data-soort=vinkje]{margin-top:-6px}.metwie{margin-bottom:16px;padding:12px 14px;background:var(--vlak-zacht);border:1px solid var(--rand);border-radius:var(--straal-klein)}.metwie-kop{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:8px}.metwie-kop b{font-size:var(--tekst)}.metwie dl{display:grid;grid-template-columns:84px minmax(0,1fr);grid-gap:2px 12px;gap:2px 12px;margin:0;font-size:var(--klein)}.metwie dt{color:var(--inkt-licht)}.metwie dd{margin:0;color:var(--inkt);overflow-wrap:anywhere}.persona{display:flex;flex-direction:column;gap:2px;padding:12px 14px;margin-bottom:16px;border-radius:var(--straal);background:var(--vlak-zacht);font-size:var(--klein)}.persona span{color:var(--inkt-zacht)}.bijlagen{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.bijlage{padding:4px 10px;border:1px solid var(--rand);border-radius:999px;background:var(--vlak);font-size:var(--heel-klein);cursor:pointer}.bijlage:hover{border-color:var(--inkt-licht)}.zoekplek{flex:1 1;max-width:520px;min-width:0}.zoekveld{position:relative;display:flex;align-items:center;gap:10px;height:36px;padding:0 12px;border:1px solid var(--rand);border-radius:var(--straal-klein);background:var(--papier);color:var(--inkt-zacht);width:100%;transition:border-color .12s,background .12s}.zoekveld:hover{border-color:var(--rand-sterk)}.zoekveld:focus-within{background:var(--vlak);border-color:var(--rand-sterk)}.zoek-voorstellen{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:30;margin:0;box-shadow:0 12px 32px rgba(24,24,22,.14)}.zoek-voorstellen button{display:flex;align-items:center;gap:12px}.zoek-nummer{min-width:34px;text-align:right;color:var(--inkt-licht);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.zoek-naam{display:flex;flex-direction:column;min-width:0}.zoek-naam small{color:var(--inkt-zacht);font-size:var(--heel-klein)}.zoekveld input{border:0;background:transparent;font:inherit;font-size:var(--tussen);width:100%;height:100%;outline:none;color:var(--inkt)}.zoekveld input::placeholder{color:var(--inkt-licht)}.wissel-knop{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;border:1px dashed var(--rand-sterk);background:var(--vlak);font-size:var(--heel-klein);color:var(--inkt-zacht);cursor:pointer;white-space:nowrap}.wissel-knop:hover{color:var(--inkt);border-color:var(--inkt-licht)}.wissel-knop[data-op-merk=ja]{background:var(--klant-kop-zacht);border-color:color-mix(in srgb,var(--klant-kop-op) 36%,transparent);color:var(--klant-kop-op)}.wissel-lijst{display:grid;grid-gap:8px;gap:8px}.wissel-keus{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:1px solid var(--rand);border-radius:var(--straal);background:var(--vlak);text-align:left;color:inherit;text-decoration:none;cursor:pointer}.wissel-keus:hover{background:var(--vlak-zacht)}.wissel-keus[data-nu=ja]{border-color:var(--merk);background:var(--merk-zacht)}.wissel-keus b{display:block;font-size:var(--klein);font-weight:600}.wissel-keus small{display:block;font-size:var(--heel-klein);color:var(--inkt-zacht)}@media (min-width:768px){html[data-zijbalk=dicht]{--zijbalk:64px}html[data-zijbalk=dicht] .zijbalk{align-items:center;padding:10px 8px}html[data-zijbalk=dicht] .zijbalk-merk{padding:4px 0;justify-content:center}html[data-zijbalk=dicht] .zijbalk-kop,html[data-zijbalk=dicht] .zijbalk-mens-naam,html[data-zijbalk=dicht] .zijbalk-merk-naam{display:none}html[data-zijbalk=dicht] .zijbalk-mens{flex-direction:column;gap:2px}html[data-zijbalk=dicht] .zijbalk .ingang{justify-content:center;padding:0;width:100%}html[data-zijbalk=dicht] .zijbalk .ingang>span{display:none}html[data-zijbalk=dicht] .zijbalk .ingang[aria-current=page]:before{left:-8px}html[data-zijbalk=dicht] .zijbalk .ingang .bolletje{position:absolute;top:4px;right:4px;margin:0;min-width:16px;height:16px;font-size:10px}html[data-zijbalk=dicht] .zijbalk-onder{width:100%}html[data-zijbalk=dicht] .zijbalk-mens-link{justify-content:center;padding:0}html[data-zijbalk=dicht] .blad{padding:20px}html[data-zijbalk=dicht] .bovenbalk{padding:10px 20px}html[data-zijbalk=dicht] .kaart-regels{grid-template-columns:132px minmax(0,1fr)}}@media (max-width:767px){:root{--zijbalk:0px;--tabbalk:0px;--tekst:15px;--klein:13px;--heel-klein:12px;--kop-1:22px}.schil{grid-template-columns:minmax(0,1fr)}.zijbalk{display:none}.bovenbalk{height:auto;min-height:var(--bovenbalk);padding:8px 12px;background:var(--tel-boven);color:var(--tel-boven-op);border-bottom-color:var(--tel-boven-rand)}.bovenbalk .ingang,.bovenbalk .zijbalk-merk-naam small{color:var(--tel-boven-op-zacht)}.tabblad{padding:0 10px;font-size:var(--klein)}.bovenbalk .ingang:hover,.bovenbalk .merkknop:hover,.bovenbalk .wissel-knop{background:color-mix(in srgb,var(--tel-boven-op) 7%,transparent);color:var(--tel-boven-op)}.bovenbalk .wissel-knop{border-color:color-mix(in srgb,var(--tel-boven-op) 30%,transparent)}.blad,.klantblad{padding:16px;padding-bottom:calc(16px + var(--tabbalk))}.kop{flex-direction:column;align-items:stretch;gap:12px}.kop-acties{margin-left:0;flex-wrap:wrap}.kop-acties .knop{flex:1 1 40%}.kaart-acties,.kaart-kop{flex-wrap:wrap}.kaart-acties{flex-shrink:1;min-width:0}.lijst-tabel{display:none}.lijst-telefoon{display:block}.kaart-regels,.panelen,.veld-paar{grid-template-columns:minmax(0,1fr)}.kaart-regels{gap:0}.kaart-regels dt{padding:8px 0 0}.kaart-regels dd{padding:0 0 8px;border-bottom:1px solid var(--rand)}.kaart-regels dd:last-child{border-bottom:none}.overlay-doek{padding:0;align-items:flex-end;justify-content:stretch}.overlay{max-width:none;height:auto;max-height:94dvh;border-radius:var(--straal-groot) var(--straal-groot) 0 0;animation:vel-van-onderen .2s ease-out}@keyframes vel-van-onderen{0%{transform:translateY(32px);opacity:0}}.overlay-voet-rechts,.overlay-voet-rechts .knop[data-soort=hoofd]{flex:1 1}.gesprek,.kaartgrid{grid-template-columns:minmax(0,1fr)}.gesprek-zij{position:static}.klantkop{display:block;position:-webkit-sticky;position:sticky;top:0;z-index:30}.tabbalk{position:fixed;inset:auto 0 0 0;z-index:40;display:none;grid-auto-flow:column;grid-auto-columns:1fr;background:var(--tel-onder);border-top:1px solid var(--tel-onder-rand);padding-bottom:env(safe-area-inset-bottom)}.tabbalk-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:64px;border:none;background:transparent;color:var(--tel-onder-op-zacht);font-size:11px;font-weight:600;cursor:pointer}.tabbalk-tab[aria-current=page],.tabbalk-tab[data-aan=ja]{color:var(--tel-onder-op)}.wissel-knop{padding:7px 9px}}.alleen-telefoon{display:none}.merkknop{border:none;background:transparent;width:100%;cursor:pointer;font:inherit;color:inherit}.merkknop:hover{background:var(--vlak-zacht);border-radius:var(--straal-klein)}.zijbalk .merkknop:hover{background:var(--menu-zacht)}.bovenbalk .zijbalk-merk{padding:0}.bovenbalk .zijbalk-merk-naam{display:block}.meer-lijst{display:grid;grid-gap:6px;gap:6px}.meer-lijst .ingang{height:48px;padding:0 10px}.meer-lijst button.ingang{width:100%;border:0;background:transparent;font:inherit;font-size:var(--tussen);font-weight:500;cursor:pointer}.meer-kop{padding:12px 10px 4px;font-size:var(--heel-klein);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--inkt-licht)}@media (max-width:767px){.alleen-telefoon{display:block}span.alleen-telefoon{display:inline}.niet-telefoon{display:none!important}}a>.kaart:hover{border-color:var(--rand-sterk);background:var(--vlak-zacht)}.staal{display:inline-flex;align-items:center;gap:8px}.staal>span{width:16px;height:16px;border-radius:4px;border:1px solid var(--rand-sterk)}.inlogblad{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:var(--papier)}body:has(.app-aanbod) .inlogblad{padding-bottom:calc(300px + env(safe-area-inset-bottom))}.inlogkaart{width:100%;max-width:380px;background:var(--vlak);border:1px solid var(--rand);border-radius:var(--straal);padding:28px 24px}.inlogkaart h1{margin:0;font-size:var(--kop-1);letter-spacing:-.02em}.inlog-bijschrift{margin:6px 0 20px;font-size:var(--klein);color:var(--inkt-zacht)}.inlogkaart .melding{margin-bottom:16px}.inlogkaart .veld{margin-bottom:14px}.inlogkaart>.knop{width:100%;justify-content:center}.inlog-scheiding{margin:20px 0 12px;font-size:var(--heel-klein);color:var(--inkt-licht);text-align:center}.inlog-sso{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.inlog-sso .knop{justify-content:center}.paneel-wacht{margin:0;font-size:var(--klein);color:var(--inkt-zacht)}.logo-veld{display:flex;gap:14px;align-items:flex-start;margin-bottom:18px}.logo-vak{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:88px;max-width:180px;height:64px;padding:0 14px;border-radius:var(--straal);border:1px solid var(--rand)}.logo-uitleg{display:grid;grid-gap:4px;gap:4px;min-width:0}.logo-uitleg small{color:var(--inkt-zacht);font-size:var(--klein)}.logo-knoppen{display:flex;gap:8px;margin-top:6px;flex-wrap:wrap}.statuskleuren{display:grid;grid-gap:8px;gap:8px;margin-top:12px}.statuskleur{display:grid;grid-template-columns:140px minmax(0,1fr);align-items:center;grid-gap:12px;gap:12px}.statuskleur .veld-kleur input[type=text]{max-width:200px}.veld-kleur[data-automatisch=ja] input[type=color]{opacity:.55;cursor:default}.veld-automatisch{display:inline-flex;align-items:center;gap:6px;flex:none;white-space:nowrap}.dns-stand,.veld-automatisch{font-size:var(--klein);color:var(--inkt-zacht)}.dns-stand{margin:0 0 14px}.dns-regels{display:grid;grid-gap:12px;gap:12px}.dns-regel{border:1px solid var(--rand);border-radius:var(--straal-klein);padding:10px 12px}.dns-regel>b{display:block;font-size:var(--klein);margin-bottom:8px}.dns-regel[data-stand=staat]{opacity:.72}.dns-toelichting{margin:-4px 0 8px;font-size:var(--klein);color:var(--inkt-zacht)}.dns-regel dl{display:grid;grid-template-columns:64px minmax(0,1fr);grid-gap:4px 10px;gap:4px 10px;margin:0;font-size:var(--klein)}.dns-regel dt{color:var(--inkt-licht)}.dns-regel dd{margin:0;min-width:0}.dns-regel code{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;word-break:break-all;-webkit-user-select:all;-moz-user-select:all;user-select:all;background:var(--vlak-zacht);padding:4px 6px;border-radius:4px}.veld-naast{display:flex;align-items:center;gap:8px}.veld-naast input{flex:1 1;min-width:0}.veld-achter{color:var(--inkt-zacht);white-space:nowrap}.werkadres{display:block}.gebeurd,.werkadres{color:var(--inkt-zacht);font-size:var(--klein)}.gebeurd{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0;padding:6px 12px}.tijdlijn>.gebeurd{align-self:center;max-width:88%;text-align:center;justify-content:center}.gebeurd small{flex:none;color:var(--inkt-licht)}.gebeurd[data-komt=ja]{color:var(--inkt);background:var(--merk-zacht);border-radius:var(--straal-klein)}.tijdlijn-blok{display:grid;grid-gap:2px;gap:2px;margin-top:8px}.tijdlijn-blok .gebeurd{padding:5px 0;border-bottom:1px solid var(--rand)}.tijdlijn-blok .gebeurd:last-child{border-bottom:0}.stuktijdlijn{margin-top:0}.stuktijdlijn .gebeurd>span>small{display:block;margin-top:2px;font-size:var(--heel-klein);overflow-wrap:anywhere}.stuktijdlijn .gebeurd[data-toon=goed]>span{color:var(--goed)}.stuktijdlijn .gebeurd[data-toon=fout]>span{color:var(--let-op)}.tijdlijn-kop{display:block;font-size:var(--heel-klein);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--inkt-licht);padding:8px 0 4px}.aanwie{display:grid;grid-gap:6px;gap:6px}.veld .aanwie-persoon{display:flex;align-items:center;justify-content:flex-start;gap:10px;margin:0;padding:8px 10px;border:1px solid var(--rand);border-radius:var(--straal-klein);font-weight:400;cursor:pointer}.aanwie-persoon input{flex:none;width:auto}.aanwie-persoon:has(input:checked){border-color:var(--merk);background:var(--merk-zacht)}.aanwie-persoon span{display:grid;min-width:0;text-align:left}.aanwie-persoon small{color:var(--inkt-zacht)}.merk-widgets{display:grid;grid-gap:18px;gap:18px;max-width:900px}.merk-widgets .kaart-acties{display:flex;align-items:center;gap:10px}[data-bewerkbaar=ja] [data-punt]{cursor:pointer;outline:1px dashed color-mix(in srgb,var(--merk) 45%,transparent);outline-offset:2px;transition:outline-color .12s}[data-bewerkbaar=ja] [data-punt]:hover,[data-bewerkbaar=ja] [data-punt][data-gericht=ja]{outline:2px solid var(--merk)}.merk-widgets [data-punt]{cursor:pointer}.widget-bewerker{margin-top:16px;padding-top:16px;border-top:1px solid var(--rand);display:grid;grid-gap:14px;gap:14px}.widget-bewerker .veld[data-gericht=ja]{background:var(--merk-zacht);margin:0 -10px;padding:8px 10px;border-radius:var(--straal-klein)}.widget-voet{display:flex;align-items:center;gap:8px;padding-top:6px}.vb-klant{font-size:12px}.vb-klantblad{display:grid;grid-gap:8px;gap:8px}.vb-mail{padding:24px 16px;border-radius:var(--straal);border:1px solid var(--rand);font-size:13px;text-align:center}.vb-mail-kaart{max-width:520px;margin:0 auto;text-align:left;border-radius:12px;overflow:hidden;background:#ffffff}.vb-mail-kop{padding:16px 22px;border-bottom:3px solid transparent;font-size:16px;font-weight:700}.vb-mail-tekst{padding:22px;line-height:1.55}.vb-mail-tekst p{margin:0 0 12px}.vb-mail-citaat{margin:0 0 12px;padding:9px 12px;border-left:3px solid}.vb-mail-gegevens{display:grid;grid-template-columns:34% minmax(0,1fr);grid-gap:8px;gap:8px;margin:0 0 14px;padding:7px 0;border-top:1px solid;border-bottom:1px solid;font-size:var(--klein)}.vb-mail-knop{display:inline-block;padding:9px 16px;border-radius:8px;font-weight:600}.vb-mail-voet{padding:10px 22px 14px;border-top:1px solid;font-size:11px}.vb-mail-platform{display:block;margin-top:14px;color:#92918a;font-size:11px}.vb-mail-echt{margin-top:14px}.vb-mail-echt summary{cursor:pointer;font-size:var(--klein);color:var(--inkt-zacht)}.vb-mail-echt .mailvoorbeeld{margin-top:10px}.merk-editor{display:grid;grid-template-columns:minmax(300px,400px) minmax(0,1fr);grid-gap:20px;gap:20px;align-items:start}.merk-form{display:flex;flex-direction:column;gap:16px;position:-webkit-sticky;position:sticky;top:68px}.merk-form .kaart-strook{display:grid;grid-gap:14px;gap:14px}.merk-voet{display:grid;grid-gap:10px;gap:10px}.merk-voet-knoppen{display:flex;justify-content:space-between;gap:8px}.merk-stalen{display:flex;flex-wrap:wrap;gap:16px}.merk-voorbeelden{display:grid;grid-gap:16px;gap:16px;min-width:0}.vb-naast{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:16px;gap:16px}.vb-laptop{display:grid;grid-template-columns:150px minmax(0,1fr);border:1px solid var(--rand);border-radius:var(--straal);overflow:hidden;font-size:12px;min-height:210px}.vb-zijbalk{background:var(--menu);color:var(--menu-op);border-right:1px solid var(--menu-rand);padding:10px 8px;display:flex;flex-direction:column;gap:3px}.vb-merk{display:flex;align-items:center;gap:8px;padding:4px 6px 10px;min-width:0}.vb-klantkop-boven b,.vb-merk b,.vb-tel-boven b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.vb-ingang{padding:6px 8px;border-radius:var(--straal-klein);color:var(--menu-op-zacht)}.vb-ingang[data-actief=ja]{background:var(--menu-actief);color:var(--menu-actief-op);font-weight:600}.vb-blad{background:var(--papier);color:var(--inkt);display:flex;flex-direction:column;gap:10px;padding:0 12px 12px}.vb-bovenbalk{border-bottom:1px solid var(--rand);margin:0 -12px 2px;padding:8px 0 8px 12px}.vb-zoek{display:inline-block;border:1px solid var(--rand-sterk);border-radius:999px;padding:4px 10px;color:var(--inkt-licht);background:var(--vlak)}.vb-rij{gap:8px}.vb-kaart{background:var(--vlak);color:var(--inkt);border:1px solid var(--rand);border-radius:var(--straal-klein);padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px}.vb-kaart small{display:block;color:var(--inkt-zacht)}.vb-kaart .knop{height:auto;padding:5px 10px;font-size:12px}.vb-telefoon{width:100%;max-width:230px;margin:0 auto;border:1px solid var(--rand);border-radius:18px;overflow:hidden;font-size:12px;display:flex;flex-direction:column;min-height:300px}.vb-tel-boven{background:var(--tel-boven);color:var(--tel-boven-op);display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--tel-boven-rand)}.vb-tel-onder{background:var(--tel-onder);color:var(--tel-onder-op)}.vb-tel-blad{flex:1 1;background:var(--papier);color:var(--inkt);padding:12px;display:flex;flex-direction:column;gap:8px}.vb-tel-blad>b{font-size:15px}.vb-tel-blad .knop{align-self:flex-start;height:auto;padding:6px 10px;font-size:12px}.vb-tel-onder{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;border-top:1px solid var(--tel-onder-rand);padding:8px 4px 10px;text-align:center;font-size:10px;color:var(--tel-onder-op-zacht)}.vb-tel-onder span[data-actief=ja]{color:var(--tel-onder-op);font-weight:600}.vb-klantkop{background:var(--klant-kop);color:var(--klant-kop-op);border:1px solid var(--klant-kop-rand);border-bottom:0;border-radius:var(--straal) var(--straal) 0 0;padding:12px 14px 0;font-size:12px}.vb-klantkop-boven{display:flex;align-items:center;gap:10px;min-width:0}.vb-contextknop{margin-left:auto;border:1px solid color-mix(in srgb,var(--klant-kop-op) 26%,transparent);background:var(--klant-kop-zacht);border-radius:var(--straal-klein);padding:4px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:45%}.vb-klanttabs{display:flex;gap:2px;margin-top:8px}.vb-klanttabs span{padding:6px 8px;color:var(--klant-kop-op-zacht);border-bottom:2px solid transparent}.vb-klanttabs span[data-actief=ja]{color:var(--klant-kop-op);border-bottom-color:var(--klant-tab)}.vb-klantblad{background:var(--klant-papier);color:var(--inkt);border:1px solid var(--rand);border-top:0;border-radius:0 0 var(--straal) var(--straal);padding:12px;font-size:12px}.mailmoment{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:20px;gap:20px}@media (min-width:1100px){.overlay:has(.mailmoment){max-width:1180px}.mailmoment{grid-template-columns:minmax(320px,420px) minmax(0,1fr);align-items:start}.mailmoment .voorbeeld-blok{position:-webkit-sticky;position:sticky;top:0}}.voorbeeld-blok{display:flex;flex-direction:column;gap:8px;min-width:0}.mailvoorbeeld{display:block;width:100%;height:760px;border:1px solid var(--rand);border-radius:var(--straal);background:var(--papier)}.mailmoment .mailvoorbeeld{height:660px}.veld-kleur{display:flex;gap:8px;align-items:stretch}.veld-kleur input[type=color]{width:44px;flex:none;padding:2px;cursor:pointer}.veld-kleur input[type=text]{flex:1 1;min-width:0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.wissel-nieuw{border-style:dashed}.wissel-plus{justify-content:center;width:30px;height:30px;flex:none;border-radius:var(--straal-klein);border:1px dashed var(--rand-sterk)}.kop-terug,.wissel-plus{display:inline-flex;align-items:center;color:var(--inkt-zacht)}.kop-terug{order:-1;flex-basis:100%;gap:6px;margin-bottom:4px;font-size:var(--klein);font-weight:600;text-decoration:none;width:-moz-fit-content;width:fit-content}.kop-terug svg{width:16px;height:16px}.kop-terug:hover{color:var(--inkt)}.kaartindex .meer-lijst{margin:0 -10px}.tijdlijn{display:flex;flex-direction:column;gap:10px;margin-top:16px;overflow-y:auto;overscroll-behavior:contain;padding:2px 6px 2px 2px;scroll-padding-bottom:8px}.tijdlijn>:first-child{margin-top:auto}.tijdlijn>:last-child{scroll-margin-bottom:calc(var(--tabbalk) + 16px)}.bubbel{max-width:min(560px,88%);padding:10px 13px;border-radius:16px;background:var(--vlak);border:1px solid var(--rand);box-shadow:var(--schaduw-zacht)}.bubbel[data-kant=wij]{align-self:flex-end;background:var(--merk-zacht);border-color:color-mix(in srgb,var(--merk) 22%,transparent);border-bottom-right-radius:5px}.bubbel[data-kant=zij]{align-self:flex-start;border-bottom-left-radius:5px}.bubbel[data-intern=ja]{align-self:center;max-width:min(560px,94%);background:var(--vlak-zacht);border-style:dashed;border-color:var(--rand-sterk);border-radius:var(--straal)}.bubbel p{margin:0;font-size:var(--tekst);line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.bubbel footer{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--inkt-licht)}.bericht-fout,.bubbel footer{margin-top:6px;font-size:var(--heel-klein)}.bericht-fout{display:block;color:var(--let-op)}.verzendbalk{display:flex;flex-direction:column;gap:8px;margin-top:12px;padding:12px 0 4px;background:var(--achtergrond);border-top:1px solid var(--rand)}.verzendbalk-rij{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.verzendbalk-heen{flex:1 1;min-width:120px;color:var(--inkt-licht);font-size:var(--heel-klein)}.verzendbalk-rij .lijst-filter{padding:6px 10px;font-size:var(--heel-klein)}.verzendvak{flex:1 1;min-width:0;min-height:42px;max-height:160px;padding:10px 12px;font:inherit;font-size:var(--tekst);line-height:1.45;color:var(--inkt);background:var(--vlak);border:1px solid var(--rand-sterk);border-radius:var(--straal-klein);resize:none;overflow-y:auto}.verzendvak:focus{outline:none;border-color:var(--merk)}.verzendknop{flex:none;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;color:var(--inkt-zacht);background:var(--vlak);border:1px solid var(--rand-sterk);border-radius:var(--straal-klein);cursor:pointer}.verzendknop:hover{color:var(--inkt);border-color:var(--merk)}.alleen-telefoon-vlak{display:none}@media (max-width:767px){.alleen-telefoon-vlak{display:inline-flex}.verzendbalk{padding-bottom:4px}}.draad-onderwerp{display:inline-flex;align-items:center;gap:8px}.veld-kop{display:flex;align-items:center;gap:10px;margin:12px 0 0;font-size:var(--heel-klein);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--inkt-zacht)}.veld-kop:after{content:"";flex:1 1;height:1px;background:var(--rand)}.veld-kop:first-child{margin-top:0}.veld-kop[data-binnen=ja]{margin:8px 0 0;padding-left:12px;border-left:3px solid var(--merk);color:var(--merk-donker)}.veld-kop[data-binnen=ja]:after{display:none}.veld-let-op{margin:4px 0 0;font-size:var(--heel-klein);color:var(--let-op)}.veld[data-genest=ja]{margin-left:12px;padding-left:12px;border-left:3px solid var(--rand-sterk)}.veld-vinkje{display:flex;align-items:flex-start;gap:10px;min-height:var(--veld-hoogte);padding:9px 12px;border:1px solid var(--rand-sterk);border-radius:var(--straal-klein);background:var(--vlak);cursor:pointer;transition:border-color .12s}.veld-vinkje:hover{border-color:var(--inkt-licht)}.veld-vinkje input{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:20px;height:20px;margin:0;flex:none;border:1.5px solid var(--rand-sterk);border-radius:6px;background:var(--vlak);display:grid;place-content:center;cursor:pointer;transition:background .12s,border-color .12s}.veld-vinkje input:before{content:"";width:11px;height:11px;transform:scale(0);transition:transform .1s;background:var(--merk-op);-webkit-clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%)}.veld-vinkje input:checked{background:var(--merk);border-color:var(--merk)}.veld-vinkje input:checked:before{transform:scale(1)}.veld-vinkje input:focus-visible{outline:none;box-shadow:var(--focus)}.veld-vinkje span{font-size:var(--tussen);color:var(--inkt);line-height:1.4}.veld-voorstellen{list-style:none;margin:6px 0 0;padding:0;border:1px solid var(--rand-sterk);border-radius:var(--straal-klein);overflow:hidden;background:var(--vlak)}.veld-voorstellen li+li{border-top:1px solid var(--rand)}.veld-voorstellen button{display:block;width:100%;padding:9px 11px;border:0;background:transparent;font:inherit;font-size:var(--klein);color:var(--inkt);text-align:left;cursor:pointer}.veld-voorstellen button:focus-visible,.veld-voorstellen button:hover{background:var(--merk-zacht)}.tagveld{position:relative}.tagkiezer{position:absolute;z-index:5;left:0;right:0;top:calc(100% + 4px);max-height:260px;overflow-y:auto;box-shadow:var(--schaduw-laag)}.tagkiezer button{display:grid;grid-template-columns:minmax(80px,auto) minmax(0,1fr);grid-gap:2px 10px;gap:2px 10px;align-items:baseline}.tagkiezer button[data-gericht=ja]{background:var(--merk-zacht)}.tagkiezer-naam{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--heel-klein);color:var(--merk)}.tagkiezer-wat{color:var(--inkt)}.tagkiezer-voorbeeld{grid-column:2;font-size:var(--heel-klein);color:var(--inkt-licht)}@media (max-width:560px){.tagkiezer button{grid-template-columns:minmax(0,1fr)}.tagkiezer-voorbeeld{grid-column:1}}.veld-telefoon{display:grid;grid-template-columns:92px 1fr;grid-gap:8px;gap:8px}.veld-fout{font-size:var(--heel-klein);color:var(--let-op)}.veld input[aria-invalid=true]{border-color:var(--let-op)}.wissel-meer{border:0;background:transparent;padding:10px 4px 2px;font:inherit;font-size:var(--klein);color:var(--inkt-licht);text-align:left;cursor:pointer;border-top:1px solid var(--rand);margin-top:4px}.wissel-meer:hover{color:var(--merk-donker)}.veldregels{display:grid;grid-template-columns:1fr auto auto;grid-column-gap:18px;column-gap:18px;align-items:center}.veldregels-kop{display:contents;font-size:var(--heel-klein);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--inkt-licht)}.veldregels-kop>span{padding:4px 0 8px;border-bottom:1px solid var(--rand)}.veldregel{display:contents}.veldregel>*{padding:8px 0;border-bottom:1px solid var(--rand)}.veldregel:last-child>*{border-bottom:0}.veldregel-naam b{display:block;font-size:var(--klein);font-weight:600}.veldregel-naam small{display:block;font-size:var(--heel-klein);color:var(--inkt-licht)}.schakelaar[data-compact=ja]{padding:0;border:0;background:transparent;gap:8px;width:auto}.schakelaar[data-compact=ja] .schakelaar-tekst{display:none}.schakelaar[data-compact=ja] .schakelaar-melding{order:-1}@media (max-width:767px){.veldregels{grid-template-columns:1fr;column-gap:0}.veldregels-kop{display:none}.veldregel>*{border-bottom:0;padding:4px 0}.veldregel>.veldregel-naam{padding-top:10px}.veldregel>.veldregel-knop{display:inline-flex;align-items:center;gap:6px;font-size:var(--heel-klein);color:var(--inkt-licht)}.veldregel>.veldregel-knop:last-child{padding-bottom:10px;border-bottom:1px solid var(--rand)}}.tabgroepen{display:flex;flex-wrap:wrap;gap:4px 28px;margin-bottom:20px}.tabgroep{display:flex;flex-direction:column}.tabgroep-naam{font-size:var(--heel-klein);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--inkt-licht);padding:0 12px}.tabgroep .tabbladen{margin-bottom:0}.zijbalk[data-stand=instellingen]{overflow-y:auto}.zijbalk-groep{margin-top:6px}.ingang[data-instelling=ja]{padding-top:7px;padding-bottom:7px}@media (min-width:768px) and (max-width:1099px){.schil:has(.zijbalk[data-stand=instellingen]){--zijbalk:220px}.zijbalk[data-stand=instellingen]{align-items:stretch;padding:16px 12px}.zijbalk[data-stand=instellingen] .ingang span,.zijbalk[data-stand=instellingen] .zijbalk-kop,.zijbalk[data-stand=instellingen] .zijbalk-merk-naam{display:block}.zijbalk[data-stand=instellingen] .ingang{justify-content:flex-start;padding:8px 10px}}@media (min-width:768px){.schil:has(.zijbalk[data-stand=instellingen]) .kop-terug{display:none}}.stapel{display:flex;flex-direction:column;gap:16px}.sectie-kop{margin:28px 0 12px;font-size:17px;font-weight:700;color:var(--inkt)}.melding+.sectie-kop,.sectie-kop:first-child{margin-top:0}.onderwerpen{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:4px}.onderwerp-link{display:inline-flex;align-items:center;gap:8px;padding:7px 12px 7px 7px;border:1px solid var(--rand);border-radius:999px;background:var(--vlak);font-size:var(--klein);font-weight:600;color:var(--inkt);text-decoration:none}.onderwerp-link:hover{border-color:var(--merk);color:var(--merk-donker)}.onderwerp-nummer{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:999px;background:var(--merk-zacht);color:var(--merk-donker);font-size:var(--heel-klein);font-weight:700}.onderwerp{scroll-margin-top:16px}.onderwerp .sectie-kop{margin-top:24px;display:flex;align-items:center;gap:10px}.notitie-schrijven{display:grid;grid-gap:8px;gap:8px;margin-bottom:14px}.notitie-schrijven textarea,.veld textarea{width:100%;padding:9px 11px;font:inherit;font-size:var(--klein);color:var(--inkt);background:var(--vlak);border:1px solid var(--rand-sterk);border-radius:var(--straal-klein);resize:vertical}.notities{list-style:none;margin:0;padding:0;display:grid;grid-gap:10px;gap:10px}.notitie{padding:10px 12px;background:var(--vlak-zacht);border-radius:var(--straal-klein)}.notitie-tekst{white-space:pre-wrap;font-size:var(--klein);color:var(--inkt)}.notitie-onder{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;font-size:var(--heel-klein);color:var(--inkt-zacht)}.tekstlink{padding:0;font:inherit;color:var(--merk-donker);background:none;border:0;cursor:pointer;text-decoration:underline}.stil{color:var(--inkt-zacht)}@media (max-width:1099px){.merk-editor{grid-template-columns:minmax(0,1fr)}.merk-form{position:static}}@media (max-width:767px){.vb-naast{grid-template-columns:minmax(0,1fr)}.merk-widgets .kaart-kop{flex-wrap:wrap}.merk-widgets .kaart-acties{width:100%;justify-content:flex-end}}.klus-acties{display:flex;flex-wrap:wrap;gap:8px}.klus-omschrijving{margin:0;white-space:pre-wrap;font-size:var(--klein);line-height:1.5}.dagkiezer{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:16px}.dagkiezer b{margin-left:8px}.dagplan{list-style:none;margin:0;padding:0;display:grid;grid-gap:4px;gap:4px}.dagplan-klus{display:grid;grid-template-columns:64px minmax(0,1fr) auto;grid-gap:12px;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--rand);border-radius:var(--straal-klein);background:var(--vlak);color:inherit;text-decoration:none}.dagplan-klus:hover{background:var(--vlak-zacht)}.dagplan-tijd{display:flex;flex-direction:column;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.dagplan-tekst small,.dagplan-tijd small{font-weight:400;font-size:var(--heel-klein);color:var(--inkt-zacht)}.dagplan-tekst{display:flex;flex-direction:column;min-width:0}.dagplan-tekst b,.dagplan-tekst small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rit{margin:0;padding:4px 12px 4px 76px;font-size:var(--heel-klein);color:var(--inkt-licht)}.rit[data-krap=ja]{color:var(--let-op)}.fotoraster{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-gap:8px;gap:8px}.foto{margin:0;display:flex;flex-direction:column;gap:4px}.foto>a,.foto>button{display:block;padding:0;border:1px solid var(--rand);border-radius:var(--straal-klein);background:var(--vlak-zacht);overflow:hidden;aspect-ratio:4/3;cursor:pointer}.foto img{width:100%;height:100%;object-fit:cover;display:block}.foto-leeg{justify-content:center;height:100%;color:var(--inkt-licht)}.foto figcaption,.foto-leeg{display:flex;align-items:center;font-size:var(--heel-klein)}.foto figcaption{justify-content:space-between;color:var(--inkt-zacht)}.foto-groot{margin:auto;max-width:94vw;max-height:90vh;border-radius:var(--straal);background:var(--vlak)}.tekenvlak-houder{margin-top:8px}.tekenvlak{display:block;width:100%;height:180px;border:1px dashed var(--rand-sterk);border-radius:var(--straal);background:var(--vlak);cursor:crosshair}.tekenvlak-onder{display:flex;align-items:center;justify-content:space-between;margin-top:4px;font-size:var(--heel-klein)}.teken-regels,.teken-voorwaarden{margin:6px 0 0;padding-left:20px;font-size:var(--klein);line-height:1.5}.teken-regels li+li,.teken-voorwaarden li+li{margin-top:6px}.bon{max-width:760px;padding:28px 32px;background:var(--vlak);border:1px solid var(--rand);border-radius:var(--straal);box-shadow:var(--schaduw-zacht)}.bon[data-concept=ja]{border-style:dashed}.bon-kop{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:16px;margin-bottom:16px;border-bottom:2px solid var(--inkt)}.bon-kop h2{font-size:22px;font-weight:700;letter-spacing:-.01em}.bon-kop p{color:var(--inkt-zacht);font-size:var(--klein)}.bon-regels{display:grid;grid-template-columns:140px minmax(0,1fr);grid-gap:6px 16px;gap:6px 16px;margin:0;font-size:var(--klein)}.bon-regels dt{color:var(--inkt-zacht)}.bon-regels dd{margin:0}.bon-omschrijving{margin:4px 0 0;white-space:pre-wrap;line-height:1.5}.bon-blok{margin-top:20px;padding-top:14px;border-top:1px solid var(--rand)}.bon-blok h3{font-size:var(--heel-klein);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--inkt-licht);margin-bottom:8px}.bon-blok ol,.bon-blok ul{margin:0;padding-left:20px;font-size:var(--klein);line-height:1.5}.bon-blok li+li{margin-top:6px}.bon-fotos{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:8px;gap:8px;margin-top:16px}.bon-fotos img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--straal-klein);border:1px solid var(--rand)}.bon-handtekening img{display:block;max-width:320px;height:auto;border-bottom:1px solid var(--inkt)}.bon-handtekening-vak{width:320px;max-width:100%;height:90px;border-bottom:1px solid var(--inkt)}.bon-handtekening p{margin-top:6px;font-size:var(--klein)}@media (max-width:767px){.bon{padding:18px 16px}.bon-regels{grid-template-columns:minmax(0,1fr);gap:2px}.bon-regels dt{margin-top:8px}.rit{padding-left:12px}.dagplan-klus{grid-template-columns:56px minmax(0,1fr)}.dagplan-klus .speld{grid-column:2;justify-self:start}.klus-zij{order:-1}.klus-acties .knop[data-soort=hoofd]{flex-basis:100%;height:48px;font-size:var(--tekst)}.klus-acties .knop{flex:1 1 40%}}.lijst-boven{display:flex;align-items:center;gap:12px;margin-bottom:10px}.lijst-boven p{margin:0;font-size:var(--klein)}.lijst-boven .knop{margin-left:auto;flex:none}@media (max-width:640px){.lijst-boven{flex-wrap:wrap}.lijst-boven .knop{margin-left:0;width:100%}}.draaiboek{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:12px;gap:12px;align-items:start;max-width:760px}.draaiboek-fase{background:var(--vlak);border:1px solid var(--rand);border-radius:var(--straal);padding:12px;min-width:0}.draaiboek-fasekop{display:flex;align-items:center;gap:8px;margin-bottom:10px}.draaiboek-fasekop h2{font-size:var(--klein);text-transform:uppercase;letter-spacing:.06em;color:var(--inkt-licht);margin:0 auto 0 0}.draaiboek-fasekop .knop{flex:none}.draaiboek-leeg{font-size:var(--klein);margin:0}.draaiboek-stappen{list-style:none;margin:0;padding:0;display:grid;grid-gap:10px;gap:10px}.draaiboek-stap{border-left:1px solid var(--rand);border:1px solid var(--rand);border-left-width:3px;border-radius:var(--straal-klein);padding:10px;background:var(--vlak-zacht);min-width:0}.draaiboek-stap[data-hard=wet]{border-left-color:var(--let-op)}.draaiboek-stap[data-hard=moet]{border-left-color:var(--merk)}.draaiboek-stapkop{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.draaiboek-stapnaam{display:flex;align-items:center;gap:6px;font-weight:600;min-width:0;overflow-wrap:anywhere}.draaiboek-stapknoppen{margin-left:auto;display:flex;gap:4px;flex:none}.draaiboek-stapknoppen .knop{height:28px;padding:0 8px;font-size:var(--heel-klein)}.draaiboek-onderdelen{margin:8px 0 0;grid-gap:5px;gap:5px}.draaiboek-onderdeel{display:block;width:100%;text-align:left;background:var(--vlak);padding:6px 8px;cursor:pointer}.draaiboek-onderdeel:disabled{cursor:default}.draaiboek-onderdeel:not(:disabled):hover{border-color:var(--merk)}.draaiboek-onderdeel[data-familie=doet]{border-style:dashed}.draaiboek-onderdeel small,.draaiboek-onderdeel strong{display:block;font-size:var(--klein)}.draaiboek-onderdeel small{color:var(--inkt-licht);overflow-wrap:anywhere}.draaiboek-voet{display:flex;gap:8px;margin-top:16px}.klusstappen{list-style:none;margin:0;padding:0;display:grid;grid-gap:8px;gap:8px}.klusstap{border-left:1px solid var(--rand);border:1px solid var(--rand);border-left-width:3px;border-radius:var(--straal-klein);padding:10px 12px;background:var(--vlak)}.klusstap[data-stand=gedaan]{border-left-color:var(--goed);opacity:.75}.klusstap[data-stand=overgeslagen]{border-left-color:var(--inkt-licht);opacity:.7}.klusstap[data-stand=open][data-hard=moet],.klusstap[data-stand=open][data-hard=wet]{border-left-color:var(--merk)}.klusstap-kop{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.klusstap-naam{font-weight:600;min-width:0;overflow-wrap:anywhere}.klusstap-knoppen{display:flex;gap:6px;margin-top:10px}.klusstap-knoppen .knop{height:28px;padding:0 8px;font-size:var(--heel-klein)}.klusstap-eisen{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-gap:6px;gap:6px}.klusstap-eis{display:flex;align-items:center;gap:8px;font-size:var(--klein);flex-wrap:wrap}.klusstap-eis>span{min-width:0;overflow-wrap:anywhere}.klusstap-eis>span:empty{display:none}.klusstap-eis .knop{margin-left:auto}.klusstap-eis[data-gedaan=ja],.klusstap-reden{color:var(--inkt-licht)}.klusstap-reden{font-size:var(--klein);margin:6px 0 0}@media (max-width:640px){.draaiboek-stapknoppen,.klusstap-eis .knop{margin-left:0;width:100%}}.dagblik{border:1px solid var(--rand);border-radius:var(--straal-klein);background:var(--vlak-zacht);padding:10px 12px;margin-top:12px}.dagblik h4{display:flex;align-items:baseline;gap:8px;margin:0 0 6px;font-size:var(--klein)}.dagblik h4 small{margin-left:auto;color:var(--inkt-licht);font-weight:400}.dagblik ul{list-style:none;margin:0;padding:0;display:grid;grid-gap:4px;gap:4px}.dagblik li{display:flex;gap:10px;font-size:var(--klein);min-width:0}.dagblik li small{overflow-wrap:anywhere}.klusblad{display:grid;grid-template-columns:minmax(0,2fr) minmax(320px,1fr);grid-gap:16px;gap:16px;align-items:start}@media (min-width:1100px){.klusblad-zij{position:-webkit-sticky;position:sticky;top:16px}}.klusblad-werk,.klusblad-zij{display:grid;grid-gap:16px;gap:16px;min-width:0;align-content:start}.faseketen{list-style:none;display:flex;gap:4px;margin:0 0 16px;padding:14px 18px;background:var(--vlak);border:1px solid var(--rand);border-radius:var(--straal);flex-wrap:wrap;row-gap:6px}.faseketen-stap{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"bol naam" "bol wanneer";align-items:center;grid-gap:0 8px;gap:0 8px;padding:4px 14px 4px 4px;flex:1 0 auto;min-width:0;position:relative}.faseketen-stap:not(:last-child):after{content:"";position:absolute;right:2px;top:15px;width:10px;height:1.5px;background:var(--rand-sterk)}.faseketen-stap[data-stand=gehad]:not(:last-child):after{background:var(--inkt)}.faseketen-bol{grid-area:bol;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--rand-sterk);background:var(--vlak);color:var(--inkt-zacht);font-size:11px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;flex:none}.faseketen-naam{grid-area:naam;font-size:var(--klein);font-weight:600;color:var(--inkt-zacht);white-space:nowrap}.faseketen-wanneer{grid-area:wanneer;font-size:var(--heel-klein);color:var(--inkt-licht);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.faseketen-stap[data-stand=gehad] .faseketen-bol{background:var(--inkt);border-color:var(--inkt);color:var(--vlak)}.faseketen-stap[data-stand=gehad] .faseketen-naam{color:var(--inkt)}.faseketen-stap[data-stand=nu] .faseketen-bol{background:var(--merk);border-color:var(--merk);color:var(--merk-op);box-shadow:0 0 0 4px var(--merk-zacht)}.faseketen-stap[data-stand=nu] .faseketen-naam{color:var(--inkt);font-weight:600}.faseketen-stap[data-eind=ja][data-stand=nu] .faseketen-bol{background:var(--let-op);border-color:var(--let-op);color:#ffffff;box-shadow:0 0 0 4px var(--let-op-vlak)}.klusfase+.klusfase{margin-top:14px;padding-top:14px;border-top:1px solid var(--rand)}.klusfase-kop{display:flex;align-items:baseline;gap:8px;margin:0 0 8px;font-size:var(--klein);text-transform:uppercase;letter-spacing:.06em;color:var(--inkt-licht)}.klusfase-kop small{margin-left:auto;text-transform:none;letter-spacing:0}.klusfase[data-nu=ja] .klusfase-kop{color:var(--inkt)}.klusfase[data-gehad=ja]{opacity:.7}.klusstap-doeners{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-gap:3px;gap:3px}.klusstap-doeners li{display:flex;align-items:center;gap:6px;font-size:var(--heel-klein);color:var(--inkt-licht);min-width:0}.klusstap-doeners li span{overflow-wrap:anywhere}.kluslijstje{list-style:none;margin:0;padding:0;display:grid;grid-gap:8px;gap:8px}.kluslijstje li{display:grid;grid-gap:2px;gap:2px}.kluslijstje li[data-klaar=ja] span{text-decoration:line-through;color:var(--inkt-licht)}.verloop-filters{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}.verloop-filters .knop{height:var(--knop-klein);padding:0 10px;font-size:var(--klein)}.verloop{display:grid;grid-gap:10px;gap:10px}@media (max-width:1024px){.klusblad{grid-template-columns:minmax(0,1fr)}}@media (min-width:641px) and (max-width:1180px){.faseketen-stap{flex:0 0 auto}}@media (max-width:640px){.faseketen{padding:10px;overflow-x:visible;flex-wrap:wrap;justify-content:center;gap:0}.faseketen-stap{grid-template-areas:"bol";padding:0 8px 0 0;flex:0 0 auto}.faseketen-stap:not(:last-child):after{top:12px;width:8px}.faseketen-naam,.faseketen-wanneer{display:none}.faseketen-stap[data-stand=nu]{grid-template-areas:"bol" "naam";justify-items:center;gap:4px 0}.faseketen-stap[data-stand=nu] .faseketen-naam{display:block;grid-area:naam}}@media print{.bovenbalk,.klantkop,.kop,.melding,.tabbalk,.zijbalk{display:none!important}.klantschil,.schil{display:block}.blad,.bon,.klantblad{padding:0}.bon{border:0;box-shadow:none;max-width:none}}.faseketen-knop{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"bol naam" "bol wanneer";align-items:center;grid-gap:0 8px;gap:0 8px;margin:-4px -6px;padding:4px 6px;border:0;border-radius:var(--straal);background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.faseketen-knop:hover{background:var(--vlak-hoog,rgba(0,0,0,.04))}.faseketen-stap[data-klikbaar=ja] .faseketen-bol{border-style:dashed}.faseketen-stap[data-klikbaar=ja] .faseketen-naam{text-decoration:underline;-webkit-text-decoration-color:var(--rand-sterk);text-decoration-color:var(--rand-sterk);text-underline-offset:3px}.klus-volgende{gap:12px;margin:-8px 0 16px}@media (max-width:767px){.klus-volgende{flex-direction:column;align-items:stretch}.klus-volgende .knop{padding:14px;font-size:var(--tekst)}.faseketen-knop{grid-template-areas:"bol";grid-template-columns:auto;gap:0;margin:0;padding:0}}.klus-sprong{margin:0 0 12px}.klus-sprong p{margin:0 0 6px}.klus-sprong-lijst{margin:0;padding:0 0 0 18px;font-size:var(--klein);line-height:1.6}.klus-sprong-lijst li[data-hard=hoort]{color:var(--inkt-zacht)}.bonteksten{margin-top:16px;padding-top:12px;border-top:1px solid var(--rand)}.bonteksten-kop{margin:12px 0 4px;font-size:var(--klein);font-weight:600}.bonteksten-set{margin-bottom:12px}.bonteksten-knoppen{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:6px}.bonteksten-lijst{list-style:none;margin:0 0 8px;padding:0;font-size:var(--klein)}.bonteksten-lijst li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px solid var(--rand)}.bonteksten-nieuw{margin-top:8px}.draaiboek-fasekop h2 small{display:block;font-size:var(--heel-klein);font-weight:400;color:var(--inkt-licht)}.draaiboek-stapnummer{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--vlak);border:1px solid var(--rand-sterk);font-size:var(--heel-klein);color:var(--inkt-zacht);flex:none}.draaiboek-fase-erbij{display:flex;align-items:center;gap:12px;padding:4px 0}.kist{display:grid;grid-gap:14px;gap:14px}.kist-kop{margin:0 0 6px;font-size:var(--heel-klein);text-transform:uppercase;letter-spacing:.06em;color:var(--inkt-licht)}.kist-groep{display:grid;grid-gap:6px;gap:6px}.kist-keuze{display:grid;grid-gap:2px;gap:2px;text-align:left;padding:10px 12px;border:1px solid var(--rand);border-radius:var(--straal-klein);background:var(--vlak);color:inherit;font:inherit;cursor:pointer}.kist-keuze:hover{border-color:var(--rand-sterk);background:var(--vlak-zacht)}.kist-gekozen,.kist-keuze small{color:var(--inkt-zacht);font-size:var(--klein)}.kist-gekozen{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.draaiboek-wet{opacity:.85}.draaiboek-wet-uitleg{margin:6px 0 0}.klusstap-mailknoppen{display:inline-flex;gap:4px;margin-left:auto}.klusstap-doeners li{flex-wrap:wrap}.overlay .mailvoorbeeld{width:100%;min-height:420px;border:1px solid var(--rand);border-radius:var(--straal-klein);background:#ffffff}.bonnen{display:grid;grid-gap:12px;gap:12px;margin-bottom:16px}.bonnen-set{margin-top:10px}.bonnen-set h4{margin:0 0 6px;font-size:var(--klein);font-weight:600}.bonnen-regels{list-style:none;margin:0;padding:0;display:grid;grid-gap:6px;gap:6px}.bonnen-regel{display:flex;align-items:flex-start;gap:8px}.bonnen-regel textarea{flex:1 1 auto;min-height:44px}.bonnen-regel .knop{flex:none}.bonnen-knoppen{display:flex;align-items:center;gap:8px;margin-top:8px}.bon-keuze h4{margin:10px 0 4px;font-size:var(--klein)}.meerkeuze{display:grid;grid-gap:6px;gap:6px}.meerkeuze-zoek{min-width:0}.meerkeuze-gekozen{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.meerkeuze-gekozen li{display:inline-flex;align-items:center;gap:4px;padding:4px 6px 4px 10px;border-radius:999px;background:var(--merk-zacht);color:var(--inkt);font-size:var(--klein)}.meerkeuze-gekozen button{display:inline-grid;place-items:center;width:20px;height:20px;border:0;border-radius:50%;background:transparent;color:var(--inkt-zacht);cursor:pointer}.meerkeuze-gekozen button:hover{background:var(--vlak);color:var(--inkt)}.meerkeuze-lijst{list-style:none;margin:4px 0 0;padding:0;max-height:240px;overflow-y:auto;border:1px solid var(--rand-sterk);border-radius:var(--straal-klein);background:var(--vlak)}.meerkeuze-lijst li+li{border-top:1px solid var(--rand)}.meerkeuze-lijst button{display:block;width:100%;padding:9px 11px;border:0;background:transparent;font:inherit;font-size:var(--klein);color:var(--inkt);text-align:left;cursor:pointer}.meerkeuze-lijst button:focus-visible,.meerkeuze-lijst button:hover{background:var(--merk-zacht)}.draaiboek-stapkop{align-items:center}.draaiboek-stapnummer{line-height:1}.draaiboek-fase[data-aan=nee]{background:transparent;border-style:dashed}.draaiboek-fase[data-aan=nee] .draaiboek-fasekop{margin-bottom:4px}.draaiboek-fasekop .speld{flex:none}.draaiboek-signalen{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:4px 12px;font-size:var(--heel-klein);color:var(--inkt-zacht)}.draaiboek-signalen li{display:inline-flex;align-items:center;gap:4px}.draaiboek-leeg svg{vertical-align:-2px}.lade-onderdelen{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-gap:6px;gap:6px}.lade-onderdeel{border:1px solid var(--rand);border-radius:var(--straal-klein);background:var(--vlak)}.lade-onderdeel[data-familie=doet]{border-style:dashed}.lade-onderdeel[data-open=ja]{border-color:var(--rand-sterk)}.lade-onderdeelkop{display:flex;align-items:center;gap:8px;padding:4px 4px 4px 0}.lade-onderdeelnaam{flex:1 1 auto;min-width:0;text-align:left;padding:6px 10px;border:0;background:transparent;font:inherit;color:inherit;cursor:pointer}.lade-onderdeelnaam small,.lade-onderdeelnaam strong{display:block;font-size:var(--klein)}.lade-onderdeelnaam small{color:var(--inkt-licht);overflow-wrap:anywhere}.lade-onderdeelvelden{padding:0 10px 10px;border-top:1px solid var(--rand)}.lade-onderdeelvelden .formulier,.overlay .kist{margin-top:8px}.bonregels{list-style:none;margin:0;padding:0;display:grid;grid-gap:4px;gap:4px}.bonregel{display:flex;align-items:flex-start;gap:10px;padding:4px 0}.bonregel-vak{flex:none;width:16px;height:16px;margin-top:6px;border:1.5px solid var(--rand-sterk);border-radius:3px;background:var(--vlak)}.bonregel-tekst{flex:1 1 auto;min-width:0;text-align:left;padding:5px 8px;margin:0 -8px;border:1px solid transparent;border-radius:var(--straal-klein);background:transparent;font:inherit;font-size:var(--klein);line-height:1.45;color:var(--inkt);cursor:text}.bonregel-tekst:hover{background:var(--vlak-zacht)}.bonregel textarea{flex:1 1 auto;min-width:0;padding:5px 8px;margin:0 -8px;font:inherit;font-size:var(--klein);line-height:1.45;color:var(--inkt);background:var(--vlak);border:1px solid var(--merk);border-radius:var(--straal-klein);outline:2px solid var(--merk);outline-offset:-1px;resize:none}.bonregel .knop{flex:none;height:28px;padding:0 8px;font-size:var(--heel-klein)}.bonregel[data-bewerk=nee] .knop{opacity:0}.bonregel:focus-within .knop,.bonregel:hover .knop{opacity:1}.bon-voorbeeldkeuze{display:flex;gap:6px;margin-bottom:12px}.overlay .bon{max-width:none;padding:20px;box-shadow:none}.kaart-knoppen{display:inline-flex;gap:6px}.draaiboek-onderdelen{list-style:none;margin:0;padding:0;display:grid;grid-gap:8px;gap:8px}.draaiboek-onderdeel{display:grid;grid-template-columns:auto auto minmax(0,1fr);grid-template-areas:"nummer icoon inhoud" ". . knoppen";align-items:start;grid-column-gap:10px;column-gap:10px;grid-row-gap:6px;row-gap:6px;border-left:1px solid var(--rand);border:1px solid var(--rand);border-left-width:3px;border-radius:var(--straal-klein);padding:10px;background:var(--vlak-zacht);min-width:0}.draaiboek-onderdeel[data-verplicht=ja]{border-left-color:var(--merk)}.draaiboek-onderdeel[data-familie=doet]{border-style:dashed dashed dashed solid}.draaiboek-nummer{grid-area:nummer;display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--vlak);border:1px solid var(--rand-sterk);font-size:var(--heel-klein);line-height:1;color:var(--inkt-zacht);margin-top:1px}.draaiboek-icoon{grid-area:icoon;display:inline-grid;place-items:center;width:24px;height:24px;border-radius:6px;background:var(--vlak);border:1px solid var(--rand);color:var(--inkt-zacht);flex:none}.draaiboek-icoon[data-familie=doet]{color:var(--merk);border-style:dashed}.draaiboek-inhoud{grid-area:inhoud;min-width:0}.draaiboek-kop{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.draaiboek-naam{border:0;background:transparent;padding:0;font:inherit;font-weight:600;color:var(--inkt);text-align:left;cursor:pointer}.draaiboek-naam:disabled{cursor:default}.draaiboek-naam:not(:disabled):hover{text-decoration:underline}.draaiboek-regel{margin:3px 0 0;display:flex;flex-wrap:wrap;gap:4px 12px;font-size:var(--klein);color:var(--inkt-licht);overflow-wrap:anywhere}.draaiboek-trigger{display:inline-flex;align-items:center;gap:3px;color:var(--inkt-zacht)}.draaiboek-trigger[data-na=ja]{color:var(--merk)}.draaiboek-knoppen{grid-area:knoppen;display:flex;gap:4px;justify-self:end}.draaiboek-knoppen .knop{height:28px;padding:0 8px;font-size:var(--heel-klein)}@media (min-width:720px){.draaiboek-onderdeel{grid-template-columns:auto auto minmax(0,1fr) auto;grid-template-areas:"nummer icoon inhoud knoppen"}}.kist-keuze{display:flex;align-items:center;gap:10px}.kist-keuze>span:last-child{display:grid;grid-gap:2px;gap:2px}.klusonderdelen{list-style:none;margin:0;padding:0;display:grid;grid-gap:6px;gap:6px}.klusonderdeel{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icoon inhoud" ". knoppen";grid-column-gap:10px;column-gap:10px;grid-row-gap:4px;row-gap:4px;align-items:start;padding:8px 10px;border-left:1px solid var(--rand);border:1px solid var(--rand);border-left-width:3px;border-radius:var(--straal-klein);background:var(--vlak)}.klusonderdeel[data-stand=open][data-verplicht=ja]{border-left-color:var(--merk)}.klusonderdeel[data-stand=gedaan]{background:var(--vlak-zacht);opacity:.8}.klusonderdeel[data-stand=overgeslagen]{background:var(--vlak-zacht);opacity:.7}.klusonderdeel .draaiboek-icoon{grid-area:icoon;width:22px;height:22px}.klusonderdeel-inhoud{grid-area:inhoud;min-width:0}.klusonderdeel-kop{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.klusonderdeel-naam{font-weight:600}.klusonderdeel-regel{margin:2px 0 0;font-size:var(--klein);color:var(--inkt-licht);overflow-wrap:anywhere}.klusonderdeel-wacht{color:var(--merk)}.klusonderdeel-reden{margin:4px 0 0;font-size:var(--heel-klein);color:var(--inkt-licht)}.klusonderdeel-knoppen{grid-area:knoppen;display:flex;flex-wrap:wrap;gap:4px;justify-self:end;align-items:center}.klusonderdeel-knoppen .knop[data-soort=kaal]{height:28px;padding:0 6px;font-size:var(--heel-klein)}@media (min-width:720px){.klusonderdeel{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"icoon inhoud knoppen"}}.draaiboek-mail{color:var(--merk);align-items:center}.draaiboek-mail svg{vertical-align:-2px}.klantonderdelen{list-style:none;margin:0;padding:0;display:grid;grid-gap:8px;gap:8px}.klantonderdeel{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icoon inhoud" ". knoppen";grid-column-gap:10px;column-gap:10px;grid-row-gap:6px;row-gap:6px;align-items:start;padding:10px 12px;border:1px solid var(--rand);border-radius:var(--straal-klein);background:var(--vlak)}.klantonderdeel[data-stand=gedaan],.klantonderdeel[data-stand=overgeslagen]{background:var(--vlak-zacht);opacity:.8}.klantonderdeel .draaiboek-icoon{grid-area:icoon}.klantonderdeel-inhoud{grid-area:inhoud;min-width:0}.klantonderdeel-naam{font-weight:600}.klantonderdeel-regel{margin:2px 0 0;font-size:var(--klein);color:var(--inkt-zacht)}.klantonderdeel-knoppen{grid-area:knoppen;display:flex;flex-wrap:wrap;gap:6px;align-items:center}@media (min-width:720px){.klantonderdeel{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"icoon inhoud knoppen"}}.draaiboek-afwijkend{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.draaiboek-fasekop h2 small{text-transform:none;letter-spacing:normal}.draaiboek-onderdeel[data-diepte],.klusonderdeel[data-diepte]{width:auto}.draaiboek-onderdeel[data-diepte="1"],.klusonderdeel[data-diepte="1"]{margin-left:34px;position:relative}.draaiboek-onderdeel[data-diepte="2"],.klusonderdeel[data-diepte="2"]{margin-left:68px;position:relative}.draaiboek-onderdeel[data-diepte="3"],.klusonderdeel[data-diepte="3"]{margin-left:102px;position:relative}.draaiboek-onderdeel[data-diepte]:not([data-diepte="0"]):before,.klusonderdeel[data-diepte]:not([data-diepte="0"]):before{content:"";position:absolute;left:-20px;top:-8px;width:14px;height:26px;border-left:2px solid var(--merk);border-bottom:2px solid var(--merk);border-bottom-left-radius:8px;pointer-events:none}.draaiboek-nummer{min-width:22px;width:auto;padding:0 5px;border-radius:11px}.draaiboek-onderdeel[data-na=ja] .draaiboek-nummer{border-color:var(--merk);color:var(--merk)}.klusfase-klap{border:0;background:transparent;padding:0;font:inherit;font-weight:inherit;text-transform:inherit;letter-spacing:inherit;color:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:4px}.klusfase-klap:hover{color:var(--merk)}.klusfase[data-open=nee]{padding-bottom:2px}.kist-zoek{width:100%;padding:9px 12px;border:1px solid var(--rand-sterk);border-radius:var(--straal-klein);background:var(--vlak);color:var(--inkt);font:inherit}.kist-zoek:focus{outline:2px solid var(--merk);outline-offset:1px}.kist-leeg{margin:0;font-size:var(--klein);color:var(--inkt-zacht)}.sterren{display:inline-flex;gap:4px;line-height:1}.ster{padding:0;border:0;background:none;font:inherit;font-size:28px;line-height:1;color:var(--rand-sterk);cursor:default}button.ster{cursor:pointer}.ster[data-aan=ja]{color:var(--merk)}.beoordeling-lade .sterren{margin-bottom:14px}.klus-volgende{align-items:center;justify-content:space-between;gap:10px 14px;margin-top:10px;padding:12px 14px;border:1px solid var(--rand);border-radius:var(--straal-klein);background:var(--vlak);font-size:var(--klein);color:var(--inkt-zacht)}.klus-volgende,.knoppenrij{display:flex;flex-wrap:wrap}.knoppenrij{gap:8px}.voorwaarden-rijen{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-gap:8px;gap:8px}.voorwaarden-rijen li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--rand);border-radius:var(--straal-klein);background:var(--vlak);font-size:var(--klein)}.voorwaarden-rijen li>span:first-child{display:flex;align-items:center;gap:8px;min-width:0}.wiekan{border:1px solid var(--rand);border-radius:var(--straal-klein);background:var(--vlak-zacht);padding:10px 12px;margin-top:12px}.wiekan h4{display:flex;align-items:baseline;gap:8px;margin:0 0 8px;font-size:var(--klein)}.wiekan h4 small{margin-left:auto;color:var(--inkt-licht);font-weight:400}.wiekan ul{list-style:none;margin:0;padding:0;display:grid;grid-gap:6px;gap:6px}.wiekan li{display:grid;grid-template-columns:10px auto 1fr auto;align-items:center;grid-column-gap:10px;column-gap:10px;min-width:0;padding:4px 0;font-size:var(--klein)}.wiekan li[data-gekozen=ja] .wiekan-naam{font-weight:700}.wiekan-stip{display:inline-block;width:10px;height:10px;border-radius:50%;flex:0 0 auto}.wiekan-naam{font-weight:600;white-space:nowrap}.wiekan-reden{color:var(--inkt-zacht);min-width:0;overflow-wrap:anywhere}.wiekan-tijden{justify-self:end}.wiekan-tijden .segment>button{height:var(--knop-klein);padding:0 10px;font-size:var(--heel-klein)}.wiekan .melding{margin-top:8px}@media (max-width:640px){.wiekan li{grid-template-columns:10px auto 1fr}.wiekan-tijden{grid-column:2/-1;justify-self:start;margin-top:4px}}.kleurkeuze{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px}.kleurkeuze label{position:relative;display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:50%;border:2px solid transparent;cursor:pointer}.kleurkeuze label[data-gekozen=ja]{border-color:var(--inkt)}.kleurkeuze label input{position:absolute;opacity:0;width:0;height:0}.kleurkeuze label:has(input:focus-visible){box-shadow:var(--focus)}.kleurstip{width:20px;height:20px;border-radius:50%}.kleurkeuze input[type=text]{width:110px;height:var(--veld-hoogte);padding:0 10px;border:1px solid var(--rand-sterk);border-radius:var(--straal-klein);font:inherit;font-size:var(--tussen);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.werkdagen{display:grid;grid-gap:6px;gap:6px}.werkdagen label{display:grid;grid-template-columns:20px 32px 1fr 1fr;align-items:center;grid-gap:10px;gap:10px;font-size:var(--klein)}.werkdagen label[data-werkt=nee] span{color:var(--inkt-licht)}.werkdagen input[type=time]{height:var(--veld-hoogte);padding:0 10px;border:1px solid var(--rand-sterk);border-radius:var(--straal-klein);font:inherit;font-size:var(--tussen);background:var(--vlak);min-width:0}.werkdagen input[type=time]:disabled{background:var(--vlak-zacht);color:var(--inkt-licht)}.feedadres{display:block;padding:10px 12px;border:1px solid var(--rand);border-radius:var(--straal-klein);background:var(--vlak-zacht);font-size:var(--heel-klein);overflow-wrap:anywhere;-webkit-user-select:all;-moz-user-select:all;user-select:all}.agenda-blad{display:flex;flex-direction:column;min-height:0;height:calc(100dvh - var(--bovenbalk) - var(--tabbalk) - 48px)}.agenda-blad .kop{margin-bottom:10px}.agenda-periode{margin-left:10px;font-weight:400}.agenda-periode,.agenda-weergave>a{color:var(--inkt-zacht);font-size:var(--tussen)}.agenda-weergave>a{display:inline-flex;align-items:center;justify-content:center;height:calc(var(--veld-hoogte) - 6px);padding:0 12px;border-radius:6px;font-weight:600;text-decoration:none;white-space:nowrap}.agenda-weergave>a:hover{background:var(--vlak-zacht);color:var(--inkt)}.agenda-weergave>a[aria-current=page]{background:var(--inkt);color:var(--vlak)}.agenda-nav{display:inline-flex;gap:4px}.agenda-nav .knop,.agenda-popover-voet .knop{text-decoration:none}.agenda-stip{display:inline-block;flex:none;width:8px;height:8px;border-radius:50%;background:var(--mens-kleur,var(--inkt-licht))}.agenda-mens{display:inline-flex;align-items:center;gap:6px}.agenda-wie{margin-bottom:12px}.agenda-wie-keuze{display:inline-flex;align-items:center;gap:8px;font-size:var(--klein);font-weight:600;color:var(--inkt-zacht)}.agenda-wie-keuze select{height:var(--knop-klein);padding:0 10px;border:1px solid var(--rand-sterk);border-radius:var(--straal-klein);color:var(--inkt);font:inherit}.agenda-strook,.agenda-wie-keuze select{background:var(--vlak);font-size:var(--klein)}.agenda-strook{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;padding:5px 10px;border:1px solid var(--rand);border-radius:var(--straal)}.agenda-strook>b{margin-right:4px;font-weight:600}.agenda-strook>span{color:var(--inkt-zacht)}.agenda-teplannen{display:inline-flex;align-items:center;gap:6px;height:28px;max-width:100%;padding:0 10px;border:1px dashed var(--rand-sterk);border-radius:5px;background:var(--vlak-zacht);color:var(--inkt);font-weight:600;text-decoration:none;white-space:nowrap;overflow:hidden}.agenda-teplannen small{color:var(--inkt-zacht);font-weight:400}.agenda-teplannen:hover{border-color:var(--merk);color:var(--merk)}.agenda-raster{--raster-lijn:var(--rand);--uurhoogte:44px;--kolom-min:120px;--kophoogte:44px;position:relative;flex:1 1 auto;min-height:240px;overflow:auto;border:1px solid var(--rand);border-radius:var(--straal);background:var(--vlak)}.agenda-raster[data-weergave=dag]{--kolom-min:160px}.agenda-raster-leeg{display:flex;align-items:center;justify-content:center}.agenda-tabel{display:grid;grid-template-columns:56px repeat(var(--kolommen),minmax(var(--kolom-min),1fr));min-width:100%}.agenda-hoek{left:0;z-index:4}.agenda-hoek,.agenda-kop{position:-webkit-sticky;position:sticky;top:0;height:var(--kophoogte);background:var(--vlak);border-bottom:1px solid var(--rand);border-right:1px solid var(--rand)}.agenda-kop{z-index:3;display:flex;align-items:center;gap:6px;padding:0 10px;font-size:var(--klein);white-space:nowrap;overflow:hidden}.agenda-kop b{font-weight:600;overflow:hidden;text-overflow:ellipsis}.agenda-kop small{color:var(--inkt-zacht)}.agenda-heledag[data-vandaag=ja],.agenda-kop[data-vandaag=ja]{background:var(--merk-zacht)}.agenda-heledag-as{position:-webkit-sticky;position:sticky;left:0;z-index:2;padding:8px 6px;color:var(--inkt-licht);font-size:var(--heel-klein);text-align:right}.agenda-heledag,.agenda-heledag-as{background:var(--vlak);border-bottom:1px solid var(--rand);border-right:1px solid var(--rand)}.agenda-heledag{display:flex;flex-wrap:wrap;gap:4px;min-height:34px;padding:5px 6px}.agenda-chip{display:inline-flex;align-items:center;gap:6px;height:24px;max-width:100%;padding:0 8px;border-radius:5px;font-size:var(--heel-klein);font-weight:600;white-space:nowrap;overflow:hidden}.agenda-chip small{color:var(--inkt-zacht);font-weight:400}.agenda-tijdas{position:-webkit-sticky;position:sticky;left:0;z-index:2;height:calc(24 * var(--uurhoogte));background:var(--vlak);border-right:1px solid var(--rand)}.agenda-tijdas span{top:calc(var(--uur) * var(--uurhoogte) - 7px);font-size:var(--heel-klein);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.agenda-kop-plus,.agenda-tijdas span{position:absolute;right:6px;color:var(--inkt-licht)}.agenda-kop-plus{top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:var(--straal-klein)}.agenda-kop-plus:hover{background:var(--vlak-zacht);color:var(--merk)}.agenda-stap{width:var(--veld-hoogte);padding:0}.agenda-kolom{position:relative;height:calc(24 * var(--uurhoogte));border-right:1px solid var(--raster-lijn);background-image:repeating-linear-gradient(to bottom,var(--raster-lijn) 0 1px,transparent 1px var(--uurhoogte))}.agenda-kolom[data-planbaar=ja]{cursor:pointer}.agenda-kolom[data-vandaag=ja]{background-color:var(--merk-zacht)}.agenda-buiten,.agenda-item{position:absolute;top:calc(var(--van) / 60 * var(--uurhoogte));height:calc(var(--duur) / 60 * var(--uurhoogte))}.agenda-buiten{left:0;right:0;pointer-events:none;background-color:var(--papier);background-image:repeating-linear-gradient(to bottom,var(--raster-lijn) 0 1px,transparent 1px var(--uurhoogte))}.agenda-item{left:calc(2px + var(--baan) * ((100% - 4px) / var(--banen)));width:calc((100% - 4px) / var(--banen) - 2px);z-index:1;display:flex;flex-direction:column;gap:1px;min-height:18px;padding:3px 6px 3px 7px;border:0;border-left:3px solid var(--mens-kleur,var(--inkt-licht));border-radius:5px;background:var(--vlak-zacht);color:var(--inkt);font:inherit;font-size:var(--heel-klein);line-height:1.25;text-align:left;overflow:hidden}.agenda-item b,.agenda-maand-regel b{flex:none;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.agenda-item span,.agenda-maand-regel span{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agenda-item small{color:var(--inkt-zacht);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agenda-item[data-kort=ja]{flex-direction:row;align-items:center;gap:6px;padding-top:0;padding-bottom:0}.agenda-item[data-kort=ja] small{display:none}.agenda-klus{cursor:pointer}.agenda-klus:hover{outline:1px solid var(--rand-sterk)}.agenda-klus:focus-visible{outline:none;box-shadow:var(--focus)}.agenda-klus[data-fase=ingepland],.agenda-klus[data-fase=nieuw],.agenda-klus[data-fase=verzet]{background:var(--merk-zacht)}.agenda-klus[data-fase=onderweg]{background:var(--let-op-vlak)}.agenda-klus[data-fase=bezig]{background:var(--goed-vlak)}.agenda-klus[data-fase=wacht]{background:var(--wacht-vlak)}.agenda-klus[data-fase=afgerond],.agenda-klus[data-fase=klaar]{background:var(--vlak-zacht);color:var(--inkt-zacht)}.agenda-blok,.agenda-legenda-bezet i{background:repeating-linear-gradient(135deg,var(--papier) 0 5px,var(--vlak) 5px 10px);border-left:3px dotted var(--mens-kleur,var(--inkt-licht));color:var(--inkt-zacht)}.agenda-maand{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));min-width:560px}.agenda-maand-kop{position:-webkit-sticky;position:sticky;top:0;z-index:2;padding:8px;background:var(--vlak);color:var(--inkt-zacht);font-size:var(--heel-klein);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.agenda-maand-dag,.agenda-maand-kop{border-bottom:1px solid var(--rand);border-right:1px solid var(--rand)}.agenda-maand-dag{display:flex;flex-direction:column;gap:2px;min-width:0;min-height:104px;padding:6px}.agenda-maand-dag[data-buiten=ja]{background:var(--papier);color:var(--inkt-licht)}.agenda-maand-dag[data-vandaag=ja]{background:var(--merk-zacht)}.agenda-maand-nummer{align-self:flex-start;padding:0 5px;border-radius:4px;color:inherit;font-size:var(--klein);font-weight:600;text-decoration:none}.agenda-maand-nummer:hover{background:var(--vlak-zacht)}.agenda-maand-dag[data-vandaag=ja] .agenda-maand-nummer{background:var(--merk);color:var(--merk-op)}.agenda-maand-regel{display:flex;align-items:center;gap:4px;height:20px;padding:0 5px;border:0;border-left:3px solid var(--mens-kleur,var(--inkt-licht));border-radius:5px;background:var(--vlak-zacht);color:var(--inkt);font:inherit;font-size:var(--heel-klein);text-align:left;white-space:nowrap;overflow:hidden}.agenda-maand-regel.agenda-blok{background:repeating-linear-gradient(135deg,var(--papier) 0 5px,var(--vlak) 5px 10px);border-left-style:dotted;color:var(--inkt-zacht)}.agenda-meer{padding:0 5px;color:var(--inkt-zacht);font-size:var(--heel-klein);font-weight:600;text-decoration:none}.agenda-popover{position:fixed;z-index:40;width:320px;max-width:calc(100vw - 16px);padding:14px;border:1px solid var(--rand);border-radius:var(--straal);background:var(--vlak);box-shadow:var(--schaduw-laag);visibility:hidden}.agenda-popover[data-geplaatst=ja]{visibility:visible}.agenda-popover-kop{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}.agenda-popover-kop b{font-size:var(--tekst);font-weight:700}.agenda-popover-regels{display:grid;grid-template-columns:64px 1fr;grid-gap:4px 10px;gap:4px 10px;margin:0;font-size:var(--klein)}.agenda-popover-regels dt{color:var(--inkt-zacht)}.agenda-popover-regels dd{display:flex;align-items:center;gap:6px;margin:0;min-width:0}.agenda-popover-voet{display:flex;gap:8px;margin-top:12px}.agenda-popover-voet .knop{flex:1 1}.agenda-legenda{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;color:var(--inkt-zacht);font-size:var(--klein)}.agenda-legenda-bezet{display:inline-flex;align-items:center;gap:6px}.agenda-legenda-bezet i{display:inline-block;width:18px;height:14px;border-radius:3px}@media (max-width:767px){.agenda-raster,.agenda-raster[data-weergave=dag]{--kolom-min:calc(100% - 56px);min-height:200px}.agenda-blad .kop-acties{flex-wrap:wrap}.agenda-popover,.agenda-popover[data-vel=ja]{top:auto;right:0;bottom:0;left:0;width:auto;max-width:none;padding-bottom:calc(14px + var(--tabbalk));border-radius:var(--straal) var(--straal) 0 0}}.agenda-raster-maand{overflow-x:auto}.planner{display:grid;grid-gap:14px;gap:14px}.overlay-blad>.veld-kop,.planner .veld-kop{margin:24px 0 4px}.planner>.veld-kop:first-child{margin-top:8px}.planner-week{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 0}.planner-week .knop[disabled]{visibility:hidden}.planner-week .knop{height:var(--knop-klein)}.planner-weeknaam{font-size:var(--klein);color:var(--inkt-zacht);white-space:nowrap}.planner-duur>button,.planner-wie>button{gap:6px;white-space:nowrap}.planner-wie{display:flex;flex-wrap:wrap}.planner-wie>button{flex:0 0 auto;min-width:max-content}.planner-wie .agenda-stip{background:var(--mens-kleur,var(--inkt-licht))}.planner-wie>button[aria-pressed=true] .agenda-stip{outline:2px solid var(--vlak)}.planner-wie>button[data-gekozen=ja]:after{content:"✓";font-size:11px;opacity:.8}.planner-keuze{height:var(--veld-hoogte);padding:0 12px;border:1px solid var(--rand-sterk);border-radius:var(--straal-klein);background:var(--vlak);color:var(--inkt);font:inherit;font-size:var(--tussen)}.planner-kop{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.planner-kop .veld-kop{margin:24px 0 4px}.planner-eerste{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.planner-kans{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border:1px solid var(--rand-sterk);border-radius:999px;background:var(--vlak);color:var(--inkt);font:inherit;font-size:var(--klein);font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;cursor:pointer}.planner-kans:hover{border-color:var(--merk)}.planner-kans[aria-pressed=true]{border-color:var(--inkt);background:var(--inkt);color:var(--vlak)}.planner-legenda{display:flex;flex-wrap:wrap;gap:4px 14px;margin:0}.planner-legenda>span{display:inline-flex;align-items:center;gap:6px}.planner-filter{height:24px;padding:0 10px;border:1px solid var(--rand-sterk);border-radius:999px;background:var(--vlak);color:var(--inkt);font:inherit;font-size:var(--heel-klein);font-weight:600;cursor:pointer}.planner-filter[aria-pressed=true]{background:var(--inkt);border-color:var(--inkt);color:var(--vlak)}.dagbalk-stip-marge{background:var(--let-op-lijn)}.planner-balken{display:grid;grid-gap:4px;gap:4px;padding:8px 10px 10px;border:1px solid var(--rand);border-radius:var(--straal);background:var(--vlak)}.planner-voet{display:flex;gap:8px}.planner-voet .knop{height:var(--knop-klein)}.planner-meteen{display:inline-flex;align-items:center;gap:10px;font-size:var(--tussen);font-weight:600;cursor:pointer}.planner-meteen input{width:18px;height:18px;accent-color:var(--merk)}.dagbalk{display:grid;grid-template-columns:64px minmax(0,1fr) 44px;align-items:center;grid-gap:10px;gap:10px}.dagbalk-dag{display:flex;flex-direction:column;line-height:1.15}.dagbalk-dag small{color:var(--inkt-licht);font-size:10px;text-transform:uppercase;letter-spacing:.04em}.dagbalk-dag b{font-size:var(--klein);font-weight:600;white-space:nowrap}.dagbalk[data-weekend=ja] .dagbalk-dag b{color:var(--inkt-zacht)}.dagbalk-baan{position:relative;height:calc(18px * var(--balkrijen, 1) + 8px);border:1px solid var(--rand);border-radius:5px;background:var(--vlak-zacht);overflow:hidden;cursor:-webkit-grab;cursor:grab;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dagbalk-baan:active{cursor:-webkit-grabbing;cursor:grabbing}.dagbalk[data-leeg=ja] .dagbalk-baan{cursor:default}.dagbalk[data-gekozen=ja] .dagbalk-baan{border-color:var(--inkt);box-shadow:0 0 0 1px var(--inkt)}.dagbalk-baan:focus-visible{outline:none;box-shadow:var(--focus)}.dagbalk-vrijedag{position:absolute;left:8px;top:50%;transform:translateY(-50%);color:var(--inkt-licht);font-size:var(--heel-klein)}.dagbalk-marge{position:absolute;top:0;bottom:0;background:var(--let-op-vlak)}.dagbalk-marge[data-gemeten=ja]{box-shadow:inset 0 0 0 1px var(--let-op-lijn)}.dagbalk-bezet{position:absolute;top:0;bottom:0;background:repeating-linear-gradient(135deg,var(--papier) 0 5px,var(--vlak) 5px 10px);box-shadow:inset 0 0 0 1px var(--rand)}.dagbalk-bezet[data-soort=klus]{background:repeating-linear-gradient(135deg,var(--rand) 0 4px,var(--vlak) 4px 8px)}.dagbalk-rij{position:absolute;left:0;right:0;padding:3px 0;box-sizing:border-box}.dagbalk-naam{position:absolute;left:6px;top:50%;transform:translateY(-50%);z-index:2;font-size:10px;line-height:1;font-weight:500;letter-spacing:.01em;color:var(--inkt-zacht);pointer-events:none;text-shadow:0 0 3px var(--vlak),0 0 3px var(--vlak);max-width:34%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dagbalk-rij[data-opdeklus=ja] .dagbalk-naam{font-weight:700}.dagbalk-rij+.dagbalk-rij{border-top:1px dashed var(--rand)}.dagbalk-vrij{position:absolute;top:3px;bottom:3px;border-radius:3px;background:var(--goed);opacity:.85}.dagbalk-keuze{position:absolute;top:1px;bottom:1px;border:2px solid var(--merk);border-radius:4px;background:color-mix(in srgb,var(--merk) 22%,transparent);pointer-events:none}.dagbalk-uitkomst{font-size:var(--klein);font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.dagbalk-uitkomst .stil{font-weight:400}.dagbalk-as .dagbalk-baan{height:16px;border:0;background:none;overflow:visible;cursor:default}.dagbalk-as .dagbalk-baan span{position:absolute;top:0;transform:translateX(-50%);color:var(--inkt-licht);font-size:10px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.dagbalk-skelet{height:26px;border-radius:5px;background:linear-gradient(90deg,var(--vlak-zacht),var(--papier),var(--vlak-zacht));background-size:200% 100%;animation:dagbalk-glans 1.2s linear infinite}@keyframes dagbalk-glans{0%{background-position:200% 0}to{background-position:-200% 0}}.agenda-uurvak{position:absolute;top:calc(var(--van) / 60 * var(--uurhoogte));left:0;right:0;height:calc(var(--duur) / 60 * var(--uurhoogte));z-index:0;display:flex;border:0;background:transparent;color:var(--inkt-licht);font:inherit;font-size:var(--heel-klein);font-weight:600;cursor:pointer}.agenda-uurvak,.agenda-uurvak>span{align-items:center;justify-content:center}.agenda-uurvak>span{display:inline-flex;min-width:22px;height:22px;padding:0 6px;border-radius:var(--straal-klein);background:var(--vlak);border:1px dashed var(--rand-sterk);opacity:0;transition:opacity 80ms}.agenda-uurvak:focus-visible>span,.agenda-uurvak:hover>span{opacity:1;color:var(--merk);border-color:var(--merk)}.agenda-uurvak:hover{background:color-mix(in srgb,var(--merk) 5%,transparent)}@media (pointer:coarse){.agenda-uurvak>span{opacity:.5}}.agenda-raster[data-zethier=ja] .agenda-uurvak>span{opacity:.6}.agenda-raster[data-zethier=ja] .agenda-uurvak:hover>span{opacity:1}.agenda-marge,.agenda-raster[data-sleept=ja] .agenda-klus:not([data-sleept=ja]),.agenda-raster[data-sleept=ja] .agenda-uurvak{pointer-events:none}.agenda-marge{position:absolute;top:calc(var(--van) / 60 * var(--uurhoogte));height:calc(var(--duur) / 60 * var(--uurhoogte));left:calc(2px + var(--baan) * ((100% - 4px) / var(--banen)));width:calc((100% - 4px) / var(--banen) - 2px);z-index:0;border-radius:3px;background:var(--let-op-vlak)}.agenda-klus[data-sleepbaar=ja]{cursor:-webkit-grab;cursor:grab;touch-action:none}.agenda-klus[data-sleept=ja]{opacity:.45;cursor:-webkit-grabbing;cursor:grabbing}.agenda-schaduw{z-index:3;border:2px dashed var(--mens-kleur,var(--inkt));border-left-width:3px;background:color-mix(in srgb,var(--merk) 10%,var(--vlak));pointer-events:none}.agenda-teplannen[aria-pressed=true]{border-style:solid;border-color:var(--merk);background:var(--merk-zacht);color:var(--merk-donker)}button.agenda-teplannen{font:inherit;cursor:pointer}.agenda-zethier{display:inline-flex;align-items:center;gap:8px;color:var(--merk-donker);font-weight:600}.agenda-zethier .knop{height:26px;padding:0 8px}.agenda-raster[data-zethier=ja] .agenda-kolom{background-color:color-mix(in srgb,var(--merk) 3%,var(--vlak))}@media (max-width:767px){.dagbalk{grid-template-columns:52px minmax(0,1fr) 40px;gap:6px}.planner-duur,.planner-wie{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}}.uitklap{position:relative}.uitklap-lijst{position:absolute;top:calc(100% + 6px);right:0;z-index:30;min-width:220px;padding:6px;background:var(--vlak);border:1px solid var(--rand);border-radius:var(--straal);box-shadow:0 12px 32px rgba(0,0,0,.12)}.uitklap-lijn{margin-top:6px;padding-top:6px;border-top:1px solid var(--rand)}.uitklap-ingang{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:0;border-radius:var(--straal-klein);background:none;color:var(--inkt);font:inherit;text-align:left;text-decoration:none;cursor:pointer}.uitklap-ingang:focus-visible,.uitklap-ingang:hover{background:var(--vlak-zacht);outline:none}.uitklap-ingang[data-gevaar=ja]{color:var(--uit,#b23b3b)}.kop-meta{flex-wrap:wrap;gap:4px 12px}.kop-link,.kop-meta{display:inline-flex;align-items:center}.kop-link{gap:4px;font-size:var(--klein);color:var(--merk);text-decoration:none}.kop-link:hover{text-decoration:underline}.volgende-stap{display:grid;grid-gap:10px;gap:10px}.volgende-stap .knop{width:100%;justify-content:center;padding:12px 16px;font-size:var(--tekst,1rem)}.volgende-stap-uitleg{margin:0;font-size:var(--klein);color:var(--inkt-zacht)}.dossier{display:grid}.dossier a{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--rand);color:var(--inkt);text-decoration:none}.dossier a:last-child{border-bottom:0}.dossier a:hover span{text-decoration:underline}.dossier b{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--inkt-zacht)}.foto-knoppen{display:inline-flex;align-items:center;gap:4px}.foto-zicht{padding:2px 8px;border:1px solid var(--rand);border-radius:999px;background:var(--vlak-zacht);color:var(--inkt-zacht);font:inherit;font-size:var(--heel-klein);cursor:default}button.foto-zicht{cursor:pointer}.foto-zicht[data-aan=ja]{border-color:var(--merk);background:var(--merk-zacht);color:var(--merk)}.verloop-notitie{display:grid;grid-gap:8px;gap:8px;margin-bottom:14px}.verloop-notitie textarea{width:100%;padding:10px 12px;border:1px solid var(--rand);border-radius:var(--straal-klein);background:var(--vlak);color:var(--inkt);font:inherit;resize:vertical}.verloop-notitie-voet{display:flex;align-items:center;justify-content:space-between;gap:8px}.kaart-kop>svg{flex:none;color:var(--inkt-zacht)}.persoon{gap:6px;font-weight:600;white-space:nowrap}.persoon,.persoon-bol{display:inline-flex;align-items:center}.persoon-bol{width:22px;height:22px;border-radius:50%;justify-content:center;flex:none;background:var(--menu);color:#fff;font-size:10px;font-weight:800}.rail-lijst{display:flex;flex-direction:column;gap:6px;font-size:var(--klein)}.rail-lijst>span{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.rail-lijst svg{flex:none;color:var(--inkt-zacht)}.rail-lijst a{color:var(--inkt)}.rail-lijst .knop{width:100%;justify-content:center;margin-top:6px}.rail-gegevens{display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:4px 14px;gap:4px 14px;margin:0;font-size:var(--klein)}.rail-gegevens dt{color:var(--inkt-licht)}.rail-gegevens dd{margin:0;font-weight:600}.dossier{grid-template-columns:1fr 1fr;gap:2px 12px;font-size:var(--klein)}.dossier a{padding:6px 8px;border-bottom:0;border-radius:6px}.dossier a:hover{background:var(--vlak-zacht)}.dossier a:hover span{text-decoration:none}.handtekening-rij{display:flex;align-items:center;gap:14px;padding:10px 0;border-bottom:1px solid var(--rand);flex-wrap:wrap}.handtekening-rij:last-child{border-bottom:0}.handtekening-rij img{width:120px;height:auto;border:1px solid var(--rand);border-radius:6px;background:#fff}.handtekening-rij .rij-tekst{flex:1 1;min-width:160px;display:grid}.handtekening-rij .rij-titel{font-weight:600}.handtekening-rij .rij-sub{font-size:var(--klein);color:var(--inkt-zacht)}.handtekening-rij .knoppenrij{display:flex;gap:6px}.tekenscherm .segment{display:flex;padding:2px;gap:2px;border:1px solid var(--rand-sterk);border-radius:var(--straal-klein);background:var(--vlak)}.tekenscherm .segment button{flex:1 1;min-width:0;min-height:44px;padding:8px;border:0;border-radius:6px;background:transparent;color:var(--inkt-zacht);font:inherit;font-weight:600;line-height:1.25;cursor:pointer}.tekenscherm .segment button[aria-pressed=true]{background:var(--menu);color:var(--menu-op)}.tekenscherm{position:fixed;inset:0;z-index:120;display:flex;flex-direction:column;overflow-y:auto;background:var(--vlak);color:var(--inkt);font-size:17px;line-height:1.5;-webkit-overflow-scrolling:touch}.tekenscherm-band{flex:none;display:flex;align-items:center;gap:16px;min-height:56px;padding:12px 24px;background:var(--menu);color:var(--menu-op)}.tekenscherm-band span{font-size:var(--klein);opacity:.8}.tekenscherm-dicht{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid rgba(255,255,255,.4);border-radius:var(--straal-klein);background:transparent;color:inherit;cursor:pointer}.tekenscherm-inhoud{width:min(760px,100%);margin:0 auto;padding:28px 24px 0;display:flex;flex-direction:column;gap:18px;flex:1 1}.tekenscherm h1{margin:0 0 6px;font-size:26px}.tekenscherm-feiten{display:flex;flex-direction:column;gap:2px;color:var(--inkt-zacht)}.tekenscherm-feiten strong{color:var(--inkt);font-weight:600}.tekenscherm-groep{display:grid;grid-gap:8px;gap:8px}.tekenscherm-label{font-weight:600;font-size:15px}.tekenscherm-veld{height:52px;padding:0 14px;border:1px solid var(--rand-sterk);border-radius:var(--straal-klein);background:var(--vlak);color:var(--inkt);font:inherit}.verklaringen{display:flex;flex-direction:column;border:1px solid var(--rand);border-radius:var(--straal);overflow:hidden}.verklaring{display:flex;align-items:center;gap:14px;min-height:56px;padding:10px 16px;border-bottom:1px solid var(--rand);cursor:pointer}.verklaring:last-child{border-bottom:0}.verklaring:has(input:checked){background:var(--merk-zacht)}.verklaring input{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:28px;height:28px;margin:0;flex:none;border:2px solid var(--rand-sterk);border-radius:8px;background:var(--vlak);display:grid;place-content:center;cursor:pointer}.verklaring input:before{content:"";width:16px;height:16px;transform:scale(0);background:var(--menu-op);-webkit-clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);transition:transform .1s}.verklaring input:checked{background:var(--menu);border-color:var(--menu)}.verklaring input:checked:before{transform:scale(1)}.tekenscherm .tekenvlak-houder{position:relative;margin:0}.tekenscherm .tekenvlak{height:220px;border-style:solid;border:1px solid var(--rand-sterk)}@media (min-width:900px){.tekenscherm .tekenvlak{height:260px}}.tekenvlak-lijn{left:24px;right:24px;bottom:36px;border-top:1px solid var(--rand-sterk)}.tekenvlak-hint,.tekenvlak-lijn{position:absolute;pointer-events:none}.tekenvlak-hint{left:0;right:0;bottom:12px;text-align:center;font-size:var(--heel-klein);color:var(--inkt-licht)}.tekenvlak-opnieuw{position:absolute;right:10px;top:10px;padding:4px 10px;border:1px solid var(--rand);border-radius:999px;background:var(--vlak);color:var(--inkt-zacht);font:inherit;font-size:var(--heel-klein);cursor:pointer}.tekenscherm-voet{position:-webkit-sticky;position:sticky;bottom:0;margin:auto -24px 0;padding:12px 24px calc(12px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid var(--rand);background:var(--vlak);z-index:2}.tekenscherm-voet .knop[data-soort=kaal]{margin-right:auto}.tekenscherm-voet .knop[data-soort=hoofd]{height:52px;padding:0 22px;border-radius:10px;font-size:16px}.tekenscherm-reden{width:100%;font-size:15px;color:var(--inkt-zacht)}.tekenscherm-fout{color:var(--uit,#b23b3b)}.tekenscherm-dank{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 24px;text-align:center}.tekenscherm-dank svg{color:var(--merk)}.tekenscherm-dank h1{margin:0}.tekenscherm-dank p{margin:0;color:var(--inkt-zacht)}.foto-zicht,.zicht{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 9px;border:1px solid var(--merk);border-radius:6px;background:var(--vlak);color:var(--merk);font:inherit;font-size:var(--heel-klein);font-weight:600;white-space:nowrap;cursor:default}.foto-zicht[data-aan=nee],.zicht[data-aan=nee]{border-color:var(--rand);background:var(--vlak-zacht);color:var(--inkt-zacht)}button.foto-zicht,button.zicht{cursor:pointer}.handtekening-rij .knoppenrij{margin-left:auto;align-items:center;gap:8px}.handtekening-rij .knop{height:32px}.rail-tijdlijn{list-style:none;margin:8px 0 0;padding:0 0 0 18px;position:relative;display:grid;grid-gap:8px;gap:8px;font-size:var(--klein)}.rail-tijdlijn:before{content:"";position:absolute;left:5px;top:6px;bottom:6px;border-left:2px solid var(--rand)}.rail-tijdlijn li{position:relative;display:flex;justify-content:space-between;gap:8px}.rail-tijdlijn li:before{content:"";position:absolute;left:-18px;top:5px;width:8px;height:8px;border-radius:50%;border:2px solid var(--merk);background:var(--vlak)}.rail-tijdlijn li[data-klaar=ja]:before{background:var(--merk)}.rail-tijdlijn li[data-komt=ja]{color:var(--inkt-licht)}.rail-tijdlijn li[data-komt=ja]:before{border-color:var(--rand-sterk)}.rail-tijdlijn small{color:var(--inkt-zacht);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.klusfase[data-gehad=ja][data-open=nee]{opacity:1;margin-top:0;padding:0;border-top:0}.klusfase[data-gehad=ja][data-open=nee]+.klusfase[data-gehad=ja][data-open=nee]{margin-top:-6px}.klusfase[data-gehad=ja][data-open=nee]+.klusfase:not([data-gehad=ja][data-open=nee]){margin-top:14px}.klusfase-dicht{display:flex;align-items:center;gap:10px;margin:0;padding:8px 12px;border:1px solid var(--rand);border-radius:var(--straal-klein);background:var(--vlak-zacht);box-shadow:0 1px 0 rgba(0,0,0,.03);font-size:var(--klein);text-transform:none;letter-spacing:0;color:var(--inkt-zacht)}.klusfase-dicht .klusfase-klap{flex:1 1;gap:8px;text-transform:none;letter-spacing:0;font-weight:600;color:var(--inkt)}.klusfase-dicht small{margin-left:auto;color:var(--inkt-zacht);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.klusfase-vink{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;flex:none;background:var(--rand);color:var(--inkt-zacht)}.klusfase-dicht[data-klaar=ja] .klusfase-vink{background:var(--merk);color:var(--merk-op)}.lade-icoon{width:32px;height:32px;padding:0;justify-content:center}.verslag-rij{display:flex;align-items:flex-start;gap:14px;padding:10px 0;border-bottom:1px solid var(--rand)}.verslag-rij:last-child{border-bottom:0}.verslag-inhoud{flex:1 1;min-width:0;display:grid;grid-gap:6px;gap:6px}.verslag-inhoud .rij-sub{font-size:var(--klein);color:var(--inkt-zacht)}.verslag-fotos{display:flex;flex-wrap:wrap;gap:6px}.verslag-fotos img{width:72px;height:72px;object-fit:cover;border-radius:6px;border:1px solid var(--rand)}.verslag-rij .knoppenrij{flex:none;align-items:center;gap:8px}.keten-terugblik{margin:-8px 0 16px;padding:12px 18px;border:1px solid var(--rand);border-radius:var(--straal);background:var(--vlak)}.keten-terugblik-kop{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.keten-terugblik-kop .knoppenrij{margin-left:auto}.keten-terugblik-lijst{list-style:none;margin:8px 0 0;padding:0;display:grid}.keten-terugblik-lijst li{display:flex;align-items:center;gap:10px;min-height:30px;padding:2px 0;font-size:var(--klein);border-top:1px solid var(--rand)}.keten-terugblik-lijst li:first-child{border-top:0}.keten-terugblik-lijst li small{margin-left:auto;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:46%}.keten-terugblik-lijst li .knop{min-height:0;padding:2px 8px;font-size:12px}.keten-terugblik-lijst .klusfase-vink{font-size:11px;font-weight:700}.keten-terugblik-lijst .klusfase-vink[data-klaar=ja]{background:var(--merk);color:var(--merk-op)}.bon-fotokeuze{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));grid-gap:8px;gap:8px}.bon-fotokeuze-foto{position:relative;display:block;aspect-ratio:1;border:2px solid var(--rand);border-radius:8px;overflow:hidden;cursor:pointer;background:var(--vlak-zacht)}.bon-fotokeuze-foto[data-aan=ja]{border-color:var(--merk)}.bon-fotokeuze-foto img{width:100%;height:100%;object-fit:cover;display:block}.bon-fotokeuze-foto[data-aan=nee] img{opacity:.45}.bon-fotokeuze-foto input{position:absolute;top:6px;left:6px;width:22px;height:22px;margin:0;accent-color:var(--merk)}.bestand-lijst{list-style:none;margin:12px 0 0;padding:0;display:grid}.bestand-rij{display:flex;align-items:center;gap:12px;padding:8px 0;border-top:1px solid var(--rand)}.bestand-rij>svg{flex:none;color:var(--inkt-zacht)}.bestand-rij .rij-tekst{flex:1 1;min-width:0;display:grid}.bestand-rij .rij-sub{font-size:var(--klein);color:var(--inkt-zacht)}.bestand-rij .knoppenrij{flex:none;align-items:center;gap:8px}.klus-mensen{display:flex;flex-wrap:wrap;gap:6px 14px}.bestandkiezer{display:grid;grid-gap:10px;gap:10px}.bestandkiezer-lijst{list-style:none;margin:0;padding:0;display:grid;grid-gap:4px;gap:4px}.bestandkiezer-lijst li{display:flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--rand);border-radius:var(--straal);background:var(--vlak);font-size:var(--klein)}.bestandkiezer-lijst li>span{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bestandkiezer-lijst li button{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--inkt-zacht);cursor:pointer}.bestandkiezer-lijst li button:hover{background:var(--rand);color:var(--inkt)}.bestandkiezer-voet{position:relative;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.bestandkiezer-menu{position:absolute;left:0;top:calc(100% + 6px);z-index:20;min-width:260px;padding:6px;border:1px solid var(--rand);border-radius:14px;background:var(--papier);box-shadow:0 12px 32px rgba(0,0,0,.14);display:grid}.bestandkiezer-menu button{display:flex;align-items:center;gap:12px;width:100%;padding:8px 10px;border:0;border-radius:10px;background:transparent;color:var(--inkt);text-align:left;font:inherit;cursor:pointer}.bestandkiezer-menu button:focus-visible,.bestandkiezer-menu button:hover{background:var(--vlak);outline:none}.bestandkiezer-menu button>span:last-child{display:grid;line-height:1.25}.bestandkiezer-menu small{color:var(--inkt-zacht);font-size:var(--klein)}.bestandkiezer-icoon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--merk);color:var(--merk-op);flex:none}@media (max-width:700px){.bestandkiezer-menu{position:fixed;left:8px;right:8px;top:auto;bottom:calc(8px + env(safe-area-inset-bottom));min-width:0;z-index:60}.bestandkiezer-menu button{padding:12px 10px}}.notificaties{display:grid;grid-gap:6px;gap:6px}.notificatie{display:flex;align-items:center;gap:10px;min-height:34px;padding:0 10px;border:1px solid var(--rand);border-radius:var(--straal-klein);background:var(--vlak);font-size:var(--klein)}.notificatie input{margin:0}.notificatie>span:first-of-type{font-weight:500}.notificatie .stil{margin-left:auto;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:55%}.notificatie[data-kan=nee]{color:var(--inkt-licht);background:var(--vlak-zacht)}@media (min-width:768px){html[data-zijbalk=dicht] .klantschil{grid-template-columns:240px minmax(0,1fr)}html[data-zijbalk=dicht] .klantrail{align-items:stretch;padding:10px}html[data-zijbalk=dicht] .klantrail .zijbalk-merk{padding:4px 6px;justify-content:flex-start}html[data-zijbalk=dicht] .klantrail .zijbalk-mens-naam,html[data-zijbalk=dicht] .klantrail .zijbalk-merk-naam{display:block}html[data-zijbalk=dicht] .klantrail .zijbalk-mens{flex-direction:row;gap:4px}html[data-zijbalk=dicht] .klantrail .ingang{justify-content:flex-start;padding:0 10px}html[data-zijbalk=dicht] .klantrail .ingang>span{display:block}html[data-zijbalk=dicht] .klantrail .ingang[aria-current=page]:before{left:-10px}html[data-zijbalk=dicht] .klantrail .ingang .bolletje{position:static;display:inline-flex;margin-left:auto;min-width:20px;height:20px;font-size:11px}html[data-zijbalk=dicht] .klantrail .zijbalk-mens-link{justify-content:flex-start;padding:0 6px}}.brief{display:grid;grid-gap:28px;gap:28px;max-width:760px}.brief>*{min-width:0}.brief>.kop{margin-bottom:-8px}.held{padding:22px 24px 24px;border-radius:var(--straal-groot);background:var(--klant-kop);color:var(--klant-kop-op)}.held[data-toon=onderweg]{background:var(--let-op);color:#ffffff}.held[data-toon=bezig]{background:var(--goed);color:#ffffff}.held[data-toon=stil]{background:var(--vlak);color:var(--inkt);border:1px solid var(--rand)}.held-kicker{margin:0 0 6px;font-size:var(--klein);font-weight:600;opacity:.78}.held-groot{margin:0;font-size:22px;line-height:1.25;font-weight:700;letter-spacing:-.01em}.held-regel{margin:8px 0 0;opacity:.82}.held-feiten{display:grid;grid-template-columns:96px minmax(0,1fr);grid-gap:8px 12px;gap:8px 12px;margin:16px 0 0}.held-feiten dt{font-size:var(--klein);opacity:.72;align-self:baseline}.held-feiten dd{margin:0;font-weight:500}.held-knoppen{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:20px}.held .held-knop{height:44px;padding:0 18px;border:0;background:var(--klant-kop-op);color:var(--klant-kop);font-weight:600}.held[data-toon=bezig] .held-knop,.held[data-toon=onderweg] .held-knop{background:#ffffff;color:var(--inkt)}.held[data-toon=stil] .held-knop{background:var(--merk);color:var(--merk-op)}.held-link{display:inline-flex;align-items:center;gap:4px;font-size:var(--tussen);font-weight:500;text-decoration:underline;text-underline-offset:3px;-webkit-text-decoration-color:color-mix(in srgb,currentColor 40%,transparent);text-decoration-color:color-mix(in srgb,currentColor 40%,transparent)}.held-daarna{margin:16px 0 0;padding-top:14px;border-top:1px solid color-mix(in srgb,currentColor 16%,transparent);font-size:var(--klein);opacity:.8}.band-kop{display:flex;align-items:center;gap:10px;margin:0 0 4px;font-size:var(--klein);font-weight:600;color:var(--inkt-zacht)}.band-kop:after{content:"";flex:1 1;height:1px;background:var(--rand)}.band-tel{font-weight:400;color:var(--inkt-licht);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.rijen{display:grid;grid-template-columns:minmax(0,1fr)}.rij{display:flex;align-items:center;gap:12px;min-height:64px;padding:10px 0;border-bottom:1px solid var(--rand)}.rij:last-child{border-bottom:0}.rij>svg{flex:none;color:var(--inkt-licht)}.rij-tekst{flex:1 1;min-width:0}.rij-tekst b,.rij-tekst small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rij-tekst b{font-size:16px;font-weight:600}.rij-tekst small{font-size:var(--klein);color:var(--inkt-zacht)}.rij:hover .rij-tekst b{color:var(--merk-donker)}.rij[data-doen=ja]:before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--merk)}.band[data-voorop=ja]{padding:18px 20px 8px;border:1px solid var(--rand);border-radius:var(--straal-groot);background:var(--vlak)}.band-meer{display:inline-block;margin-top:10px;font-size:var(--tussen);font-weight:500;text-decoration:underline;text-underline-offset:3px}.brief-slot{margin:0;color:var(--inkt-zacht)}.brief-slot a{color:var(--inkt);font-weight:500;text-decoration:underline;text-underline-offset:3px}@media (max-width:767px){.brief{gap:24px}.held{padding:20px 18px}.held-knoppen .held-knop{flex:1 1 100%;justify-content:center}}.klus-duim,.klus-stap,.klus-wat{display:none}@media (max-width:767px){.klus-duim{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);grid-gap:8px;gap:8px;margin:-4px 0 12px}.klus-duim .knop{width:100%;height:44px;justify-content:center}.klus-duim .uitklap{position:static}.klus-duim{position:relative}.klus-duim .uitklap-lijst{left:0;right:0}.kop-meta .kop-link{display:none}.klus-wat{margin:0 0 12px;padding:12px 14px;border-left:3px solid var(--merk);border-radius:var(--straal-klein);background:var(--vlak);overflow-wrap:anywhere}.klus-stap,.klus-wat{display:block}.klus-stap .knop[data-soort=hoofd]{width:100%;height:48px;font-size:16px}.klusonderdelen{gap:0}.klusonderdeel,.klusonderdeel[data-stand=gedaan],.klusonderdeel[data-stand=overgeslagen]{padding:10px 0;border:0;border-bottom:1px solid var(--rand);border-radius:0;background:transparent}.klusonderdeel:last-child{border-bottom:0}.klusonderdeel[data-stand=open][data-verplicht=ja] .draaiboek-icoon{color:var(--merk-op);background:var(--merk);border-color:var(--merk)}.klusonderdeel:not([data-stand=open]){grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"icoon inhoud knoppen";align-items:center}.klusonderdeel:not([data-stand=open]) .klusonderdeel-regel,.klusonderdeel:not([data-stand=open]) .speld:not([data-toon=uit]){display:none}.klusonderdeel:not([data-stand=open]) .klusonderdeel-reden{margin-top:0}.klusonderdeel[data-stand=open] .klusonderdeel-knoppen{justify-self:stretch}.klusonderdeel[data-stand=open] .klusonderdeel-knoppen .knop[data-soort=hoofd]{flex:1 1;height:44px}.klusblad .kaart-acties .knop{height:36px;padding:0 12px}.klusblad textarea{min-height:44px;height:44px}.klusblad textarea:focus{height:112px}.klusblad .rail-tijdlijn{display:none}}.volgende-stap .knop[data-soort=kaal]{height:32px;padding:0;font-size:var(--klein);justify-content:flex-start}@media (max-width:1024px){.klus-stap{display:block}.klus-stap-zij{display:none}}@media (min-width:768px) and (max-width:1024px){.klus-stap{width:100%;max-width:440px;justify-self:center;text-align:center}.klus-stap .knop[data-soort=hoofd]{height:48px;font-size:16px}.klus-stap .volgende-stap .knop[data-soort=kaal]{justify-content:center}}.regel-noot{display:block;margin-top:2px;font-size:var(--klein);font-weight:400;color:var(--inkt-zacht)}.regel-noot a{color:var(--inkt);text-decoration:underline;text-underline-offset:3px}.gegevens-uit{margin-top:16px}.browsermerk{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:24px;gap:24px;align-items:start}.browsermerk-velden{display:grid;grid-gap:16px;gap:16px}.browsermerk-icoon{display:flex;align-items:center;gap:14px}.browsermerk-icoon img,.vb-beginscherm img{border-radius:22%;object-fit:cover}.browsermerk-voorbeeld{display:grid;grid-gap:16px;gap:16px;padding:16px;border:1px solid var(--rand);border-radius:var(--straal);background:var(--vlak-zacht)}.vb-tabblad{display:grid;grid-gap:6px;gap:6px;padding:8px;border-radius:var(--straal-klein);background:#dfe1e5}.vb-tab{display:inline-flex;align-items:center;gap:8px;max-width:260px;padding:7px 12px;border-radius:8px 8px 0 0;background:#ffffff;color:#1f1f1f;font-size:12px}.vb-tab span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vb-tab img{border-radius:3px}.vb-adres{padding:6px 12px;border-radius:16px;background:#ffffff;color:#5f6368;font-size:12px}.vb-beginscherm{display:grid;justify-items:center;grid-gap:6px;gap:6px;width:84px;font-size:11px;color:var(--inkt)}@media (max-width:767px){.browsermerk{grid-template-columns:minmax(0,1fr)}}.vandaag{display:grid;grid-gap:16px;gap:16px;max-width:1040px}.vandaag>*{min-width:0}.kaart-tel{margin-left:8px;font-weight:400;color:var(--inkt-licht);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.vandaag .kaart{padding:0;overflow:hidden}.vandaag .kaart-kop{min-height:48px;margin:0;padding:8px 16px;border-bottom:1px solid var(--rand)}.vandaag .kaart-kop h2{font-size:var(--tekst)}.vandaag .kaart-kop>svg{color:var(--inkt-licht)}.vandaag .kaart-strook{padding:0}.vandaag .kaart .rij,.vandaag .kaart a.rij{margin:0;padding:10px 16px;min-height:56px;border-radius:0}.vandaag .kaart .rij:first-child{padding-top:10px}.vandaag .kaart .rij:last-child{padding-bottom:10px}.vandaag .rij-tekst b{font-size:var(--tekst)}.kaart-door{display:inline-flex;align-items:center;gap:4px;font-size:var(--klein);font-weight:500;color:var(--inkt-zacht)}.kaart-door:hover{color:var(--merk-donker)}.kaart-rust{display:grid;justify-items:center;grid-gap:8px;gap:8px;padding:28px 16px;color:var(--inkt-licht);text-align:center}.kaart-rust b{color:var(--inkt);font-weight:600}.dagband{display:grid;grid-gap:6px;gap:6px;padding:18px 20px 20px;border:1px solid var(--rand);border-radius:var(--straal);background:var(--vlak)}.dagband[data-toon=onderweg]{border-color:var(--let-op-lijn)}.dagband[data-toon=bezig]{border-color:var(--goed-lijn)}.dagband[data-toon=leeg]{justify-items:center;gap:10px;padding:36px 20px;text-align:center;color:var(--inkt-licht)}.dagband[data-toon=leeg] b{color:var(--inkt)}.dagband-kicker,.dagband[data-toon=leeg] span{color:var(--inkt-zacht)}.dagband-kicker{display:flex;align-items:center;gap:8px;margin:0;font-size:var(--klein);font-weight:500}.dagband-stip{width:8px;height:8px;border-radius:50%;background:var(--let-op)}.dagband[data-toon=bezig] .dagband-stip{background:var(--goed)}.dagband-groot{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0;font-size:18px;font-weight:700;letter-spacing:-.01em}.dagband-tijd{font-size:22px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.dagband-groot a:hover{color:var(--merk-donker)}.dagband-regel{margin:0;color:var(--inkt-zacht);overflow-wrap:anywhere}.dagband-knoppen{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:10px}@media (max-width:767px){.dagband-knoppen .knop{flex:1 1;height:44px;justify-content:center}}.rij-tijd{flex:none;width:56px;white-space:nowrap;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.rij-tijd:empty{display:none}.rij-wanneer{flex:none;font-size:var(--klein);color:var(--inkt-zacht)}.cijfers{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.onderdelenlijst{display:grid;grid-gap:12px;gap:12px;margin-top:16px}.onderdeelregel{display:grid;grid-template-columns:minmax(0,2.8fr) minmax(0,1.5fr) minmax(0,.9fr) minmax(0,1.2fr) minmax(0,1.3fr) 28px;grid-gap:8px;gap:8px;align-items:end;padding-bottom:12px;border-bottom:1px solid var(--rand)}.onderdeelregel-vink{grid-column:1/-2;display:flex;align-items:center;gap:8px;font-size:var(--klein);color:var(--inkt-zacht)}.onderdeelregel-weg{grid-column:-2/-1;grid-row:1;display:grid;place-items:center;height:var(--veld-hoogte);color:var(--inkt-licht);background:none;border:0;border-radius:var(--straal-klein);cursor:pointer}.onderdeelregel-weg:hover{color:var(--inkt);background:var(--vlak-zacht)}.onderdelenlijst-voet{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:16px;gap:16px;align-items:end}.onderdelenlijst-som{display:grid;justify-items:end;grid-gap:2px;gap:2px;margin:0;font-size:var(--klein);color:var(--inkt-zacht)}.onderdelenlijst-som b{font-size:var(--kop-2);color:var(--inkt)}@media (max-width:640px){.onderdeelregel{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 28px}.onderdeelregel-naam{grid-column:1/-2}}.tekstknop{padding:0;font:inherit;font-size:var(--klein);color:var(--inkt-zacht);background:none;border:0;cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:var(--rand-sterk);text-decoration-color:var(--rand-sterk);text-underline-offset:3px}.tekstknop:hover{color:var(--inkt)}.stukeditor{display:grid;grid-gap:16px;gap:16px;max-width:1040px}.stukregels{display:grid;grid-gap:0;gap:0}.stukregel{display:grid;grid-gap:8px;gap:8px;padding:14px 0;border-bottom:1px solid var(--rand)}.stukregel:first-child{padding-top:0}.stukregel-hoofd{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,.8fr) minmax(0,1.2fr) minmax(0,1.1fr) minmax(0,1fr) minmax(88px,.9fr);grid-gap:8px;gap:8px;align-items:end}.stukregel-som{display:flex;align-items:center;height:var(--veld-hoogte);font-size:var(--tussen)}.stukregel-bedrag{display:grid;justify-items:end;align-content:center;min-height:var(--veld-hoogte);font-weight:600}.stukregel-bedrag small{font-weight:400}.stukregel-balk{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.stukregel-knoppen{display:flex;gap:14px}.stukregel-meer{display:grid;grid-gap:12px;gap:12px;padding:12px 14px;background:var(--vlak-zacht);border-radius:var(--straal-klein)}.stukregels-erbij{max-width:420px;padding-top:16px}.stuktotaal{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);grid-gap:32px;gap:32px;align-items:start}.stuktotaal-korting{display:grid;grid-gap:12px;gap:12px}.stukeditor-voet{position:-webkit-sticky;position:sticky;bottom:0;display:flex;justify-content:space-between;gap:12px;padding:12px 0;background:var(--papier);border-top:1px solid var(--rand)}.stukpagina{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-gap:24px;gap:24px;align-items:start}.stukfeiten{display:grid;grid-gap:12px;gap:12px;margin:0}.stukfeiten dt{font-size:var(--heel-klein);color:var(--inkt-licht)}.stukfeiten dd{margin:0;font-size:var(--tussen)}@media (max-width:900px){.stukpagina,.stuktotaal{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.stukregel-hoofd{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}.stukregel-naam{grid-column:1/-1}}.kaart>.kaart-strook:first-child{margin-top:0;padding-top:0;border-top:0}.akkoord{max-width:820px;margin-bottom:16px}.akkoord-blad{display:grid;grid-gap:14px;gap:14px}.akkoord-vlak{width:100%;height:160px;background:var(--vlak);border:1px dashed var(--rand-sterk);border-radius:var(--straal-klein);touch-action:none;cursor:crosshair}.akkoord-knoppen{display:flex;justify-content:space-between;gap:12px}.koppelstappen{display:grid;list-style:decimal;grid-gap:10px;gap:10px;margin:0 0 16px;padding-left:20px;font-size:var(--tussen)}.koppelrechten{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:4px 24px;gap:4px 24px;margin:8px 0 0;padding:0;list-style:none}.koppelrechten li{display:flex;justify-content:space-between;gap:12px;padding:4px 0;border-bottom:1px solid var(--rand);font-size:var(--klein)}.koppelinvoer{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:12px;gap:12px;align-items:end}.koppelstand{gap:12px;margin:0}.betaalkaart,.koppelstand{display:flex;align-items:center;flex-wrap:wrap}.betaalkaart{justify-content:space-between;gap:16px;max-width:820px;margin-bottom:16px}.betaalkaart b{display:block;font-size:var(--kop-2)}@media (max-width:640px){.koppelinvoer{grid-template-columns:minmax(0,1fr)}.betaalkaart .knop{width:100%}}.voordelen{grid-gap:6px;gap:6px;margin:0;padding-left:18px;list-style:disc}.termijnen,.voordelen{display:grid;font-size:var(--tussen)}.termijnen{margin:16px 0 0;padding:0;list-style:none}.termijnen li{display:grid;grid-template-columns:minmax(0,1fr) auto 72px;grid-gap:16px;gap:16px;padding:8px 0;border-top:1px solid var(--rand)}.termijnen a{text-align:right}.nieuwmenu{position:relative}.nieuwmenu-lijst{position:absolute;top:calc(100% + 6px);right:0;z-index:30;display:grid;grid-gap:2px;gap:2px;min-width:220px;padding:6px;border:1px solid var(--rand);border-radius:var(--straal);background:var(--vlak);box-shadow:0 12px 32px rgba(0,0,0,.12)}.nieuwmenu-lijst[data-open=nee]{display:none}.nieuwmenu-lijst .knop{width:100%;height:var(--rij-hoogte);justify-content:flex-start;gap:10px;padding:0 10px;border:0;background:transparent;color:var(--inkt);font-weight:500}.nieuwmenu-lijst .knop:hover{background:var(--vlak-zacht);color:var(--merk-donker)}.kaart a.rij{margin:0 -8px;padding-left:8px;padding-right:8px;border-radius:var(--straal-klein)}.kaart a.rij:hover{background:var(--vlak-zacht)}.agenda-dag+.agenda-dag{margin-top:8px}.agenda-dag .meer-kop{padding:8px 16px 0;margin:0}@media (max-width:767px){.nieuwmenu,.nieuwmenu>.knop{width:100%}.nieuwmenu-lijst{left:0}}.weekstrook{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:8px;gap:8px}.weekdag{display:grid;grid-gap:2px;gap:2px;padding:10px 12px;border:1px solid var(--rand);border-radius:var(--straal);background:var(--vlak);min-width:0}.weekdag:hover{border-color:var(--merk)}.weekdag small{font-size:var(--heel-klein);font-weight:600;color:var(--inkt-zacht);text-transform:capitalize}.weekdag b{font-size:22px;line-height:1.1;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.weekdag span{font-size:var(--heel-klein);color:var(--inkt-zacht);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.weekdag[data-nu=ja]{border-color:var(--merk);background:var(--merk-zacht)}.weekdag[data-leeg=ja] b{color:var(--inkt-licht)}@media (max-width:767px){.weekstrook{gap:4px}.weekdag{justify-items:center;gap:0;padding:6px 2px;border-radius:var(--straal-klein)}.weekdag b{font-size:16px}.weekdag span{display:none}}.app-aanbod{position:fixed;inset:auto 12px calc(64px + env(safe-area-inset-bottom) + 12px) 12px;z-index:55;display:grid;grid-template-columns:52px minmax(0,1fr);grid-gap:4px 12px;gap:4px 12px;align-items:center;padding:12px;background:var(--vlak);border:1px solid var(--rand);border-radius:var(--straal-groot);box-shadow:var(--schaduw-laag);color:var(--inkt)}.app-aanbod-icoon{width:52px;height:52px;border-radius:12px;border:1px solid var(--rand);background:var(--vlak)}.app-aanbod-tekst{display:grid;grid-gap:2px;gap:2px;font-size:var(--tussen);line-height:1.4;color:var(--inkt-zacht)}.app-aanbod-tekst b{font-size:15px;color:var(--inkt)}.app-aanbod-tekst i{font-style:normal;font-weight:600;color:var(--inkt)}.app-aanbod-stappen{margin:2px 0 0;padding-left:18px;list-style:decimal outside;display:grid;grid-gap:2px;gap:2px}.app-aanbod-stappen li{display:list-item}.app-aanbod-deel{display:inline-block;vertical-align:-4px;color:var(--merk)}.app-aanbod-fout{color:var(--let-op)}.app-aanbod-knoppen{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px}.app-kaart{display:grid}.app-kaart-rij{display:flex;align-items:center;gap:12px;padding:12px 0}.app-kaart-rij+.app-kaart-rij{border-top:1px solid var(--rand)}.app-kaart-tekst{flex:1 1;min-width:0;display:grid;grid-gap:2px;gap:2px;justify-items:start;font-size:var(--tussen);color:var(--inkt-zacht)}.app-kaart-tekst b{font-size:15px;color:var(--inkt)}@media (max-width:560px){.app-kaart-rij{flex-wrap:wrap}}.vb-app{display:flex;gap:20px;align-items:flex-end}.vb-app figure{display:grid;justify-items:center;grid-gap:6px;gap:6px;margin:0;font-size:11px;color:var(--inkt-zacht)}.vb-app-vlak{display:flex;align-items:center;justify-content:center;width:64px;height:64px;overflow:hidden;background:#ffffff;border:1px solid var(--rand)}.vb-app-vlak img{object-fit:contain}.vb-app-ios .vb-app-vlak{border-radius:15px}.vb-app-android .vb-app-vlak{border-radius:50%}.vb-app figcaption{font-size:12px;color:var(--inkt)}.vb-app small{font-size:11px;color:var(--inkt-licht)}.app-vlak-kleur{width:64px;padding:4px}.kaart+.kaart:has(.browsermerk){margin-top:16px}.rij-tekst small.agenda-mens{display:flex;align-items:center;gap:6px}.rij-tekst small.agenda-mens .agenda-stip{flex:none}@media (max-width:767px){.vandaag{gap:12px}.vandaag>.kop{flex-direction:row;flex-wrap:nowrap;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:4px}.vandaag>.kop .kop-titel{flex:1 1;min-width:0}.vandaag>.kop .kop-acties{flex:none}.vandaag .nieuwmenu,.vandaag .nieuwmenu>.knop{width:auto}.vandaag .nieuwmenu-lijst{left:auto;right:0}.dagband{padding:14px 16px 16px}.dagband-tijd{font-size:19px}.dagband[data-toon=leeg]{padding:22px 16px}.vandaag .kaart-kop{min-height:44px;padding:6px 12px}.vandaag .kaart .rij,.vandaag .kaart a.rij{min-height:52px;padding:8px 12px;gap:10px}.vandaag .rij-tijd{width:46px}.kaart-rust{padding:16px 12px;gap:4px}.kaart-rust svg{display:none}.agenda-dag .meer-kop{padding-left:12px}}.overlay[data-breed=ja]{max-width:1040px}.lijstkop{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:12px}.lijstkop p{margin:0}.opmaak{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);grid-gap:24px;gap:24px;align-items:start}.opmaak-velden{display:grid;grid-gap:12px;gap:12px}.opmaak-voorbeeld{min-width:0}@media (max-width:1100px){.opmaak{grid-template-columns:minmax(0,1fr)}}.installeer-stappen{display:grid;grid-gap:12px;gap:12px;margin:0;padding-left:22px;font-size:15px;line-height:1.5}.menuknop,.menusluit{position:relative;flex:none;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:var(--straal-klein);background:transparent;color:inherit;cursor:pointer}.menusluit{display:none}.menuknop-stip{position:absolute;top:9px;right:9px;width:8px;height:8px;border-radius:50%;background:var(--let-op)}.bovenbalk .menuknop{color:var(--tel-boven-op)}.klantkop .menuknop{color:var(--klant-kop-op)}.bovenbalk-links{display:none;align-items:center;gap:4px;flex:none}.zijbalk-telefoon{display:none}@media (max-width:767px){.bovenbalk-links{display:flex}.zijbalk-telefoon{display:block}.bovenbalk{gap:8px;padding:6px 8px 6px 4px}.bovenbalk .zoekplek{flex:1 1;min-width:0}.bovenbalk .zoekveld{height:36px}.klantkop-bovenin{gap:4px;min-height:44px}.klantkop{padding:4px 8px 4px 4px}.klantkop-merk{margin-right:auto}html[data-menu=open] .zijbalk{display:flex;position:fixed;inset:0;z-index:60;width:100%;height:100dvh;padding:10px 12px calc(12px + env(safe-area-inset-bottom));overflow-y:auto}html[data-menu=open]{overflow:hidden}html[data-menu=open] .menusluit{display:inline-flex;position:absolute;top:8px;right:8px;color:var(--menu-op)}html[data-menu=open] .zijbalk .ingang{height:48px;font-size:16px}html[data-menu=open] .zijbalk .zijbalk-merk{margin-right:44px}.klantkop .plekken{display:none}.klantkop{padding-bottom:8px}.klantkop-bovenin{min-height:44px}.brief{gap:20px}.held-groot{font-size:20px}.held-feiten{margin-top:12px;gap:6px 12px}}.bezoek{display:grid;grid-gap:8px;gap:8px}.bezoek-kaart{display:flex;align-items:center;gap:14px;padding:14px 14px 14px 12px;border:1px solid var(--rand);border-radius:var(--straal);background:var(--vlak)}.bezoek-kaart>svg{flex:none;color:var(--inkt-licht)}.bezoek-dag{flex:none;width:56px;height:60px;display:grid;align-content:center;justify-items:center;border-radius:var(--straal-klein);background:var(--merk-zacht);color:var(--merk-donker);line-height:1}.bezoek-dag b{font-size:24px;font-weight:700;letter-spacing:-.02em}.bezoek-dag small{margin-top:3px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.bezoek-tekst{flex:1 1;min-width:0;display:grid;grid-gap:2px;gap:2px}.bezoek-kicker{display:flex;align-items:center;gap:6px;font-size:var(--klein);font-weight:500;color:var(--inkt-zacht)}.bezoek-stip{width:7px;height:7px;border-radius:50%;background:var(--let-op)}.bezoek[data-toon=bezig] .bezoek-kicker,.bezoek[data-toon=onderweg] .bezoek-kicker{color:var(--inkt)}.bezoek[data-toon=bezig] .bezoek-stip{background:var(--goed)}.bezoek-tijd{font-size:18px;font-weight:700;letter-spacing:-.01em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bezoek-wat{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bezoek-onder,.bezoek-wat{font-size:var(--klein);color:var(--inkt-zacht)}.bezoek-onder{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;margin:0;padding:0 2px}.bezoek-onder a{color:var(--inkt);text-decoration:underline;text-underline-offset:3px}.bezoek-kaart[data-leeg=ja] .bezoek-wat{white-space:normal}.band-meer-tekst{margin:8px 0 0;font-size:var(--klein);color:var(--inkt-zacht)}.zijbalk-telefoon button.ingang{width:100%;border:0;background:transparent;font:inherit;font-size:var(--tussen);font-weight:500;cursor:pointer;text-align:left}.stukblad{--stuk-accent:#15171c;--stuk-letter:13.3px;position:relative;display:grid;grid-gap:22px;gap:22px;max-width:860px;padding:52px 56px 34px;overflow:hidden;color:#15171c;background:#fff;border:1px solid var(--rand);border-radius:var(--straal-klein);box-shadow:var(--schaduw-zacht);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:var(--stuk-letter);line-height:1.45}.stukblad[data-letter=klassiek]{font-family:Times New Roman,Times,Georgia,serif}.stukblad[data-indeling=balk]:before{content:"";position:absolute;inset:0 0 auto;height:9px;background:var(--stuk-accent)}.stukblad small,.stukblad span{display:block}.stukblad .stil{color:#5c616a}.stukblad dd{margin:0}.stukblad-naam{font-size:24px;color:var(--stuk-accent)}.stukblad-witregel{height:.7em}.stukblad-tekst{margin:0;white-space:pre-line}.stukblad-regels{width:100%;border-collapse:collapse}.stukblad-regels th{padding:0 0 8px 16px;font-size:10.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;text-align:right;color:#5c616a;border-bottom:2px solid var(--stuk-accent)}.stukblad-regels td{padding:10px 0 10px 16px;text-align:right;vertical-align:top;border-bottom:1px solid #e2e4e8}.stukblad-regels td:first-child,.stukblad-regels th:first-child{padding-left:0;text-align:left;white-space:normal}.stukblad-regels[data-vet-bedrag=ja] .stukblad-bedrag,.stukblad-regels[data-vet-omschrijving=ja] .stukblad-regelnaam{font-weight:700}.stukblad-excl{display:block;font-size:var(--heel-klein)}.stukblad-regels ul{margin:4px 0 0;padding-left:14px;list-style:none;color:#5c616a}.stukblad-regels tr[data-met-delen=ja] td{padding-bottom:4px;border-bottom:0}.stukblad-deel td{padding-top:2px;padding-bottom:2px;border-bottom:0;color:#5c616a}.stukblad-deel td:first-child{padding-left:14px}.stukblad-deel[data-laatste=ja] td{padding-bottom:10px;border-bottom:1px solid #e2e4e8}.stukblad-totalen{display:grid;grid-gap:5px;gap:5px;width:min(100%,360px);margin:0 0 0 auto}.stukblad-totalen div{display:flex;justify-content:space-between;gap:16px}.stukblad-totalen dt{color:#5c616a}.stukblad-totalen div[data-stil=ja]{font-size:.9em}.stukblad-totalen div[data-zwaar=ja]{margin-top:4px;padding-top:10px;font-size:1.35em;font-weight:800;border-top:2px solid var(--stuk-accent)}.stukblad-totalen div[data-zwaar=ja] dt{color:#15171c}.stukblad-totalen div[data-zwaar=ja] dd{color:var(--stuk-accent)}.stukblad-betalen{display:flex;gap:20px;padding-top:14px;border-top:1.5px solid var(--stuk-accent)}.stukblad-betalen>div:first-child{flex:1 1}.stukblad-betalen p{margin:0 0 6px}.stukblad-betalen a{color:var(--stuk-accent)}.stukblad-qrblok{display:flex;gap:12px;width:280px;padding-left:16px;border-left:1px solid #e2e4e8}.stukblad-qrblok p{flex:1 1;margin:0;font-size:.9em;color:#5c616a}.stukblad-qrblok b{color:#15171c}.stukblad-qr{flex:none;width:104px;height:104px}.stukblad-vlak{display:grid;grid-gap:6px;gap:6px;padding:14px 16px;background:#f5f6f7;border-left:4px solid var(--stuk-accent);border-radius:6px}.stukblad-handtekening{width:220px;height:90px;object-fit:contain;background:#fff;border:1px solid #e2e4e8}.stukblad-voet{margin-top:12px;padding-top:12px;font-size:.8em;color:#5c616a;border-top:1px solid #e2e4e8;white-space:pre-wrap}@media (max-width:640px){.stukblad{padding:34px 18px 24px}.stukblad-qrblok{padding-left:0;border-left:0}.stukblad-regels td:nth-child(n+3):not(:last-child),.stukblad-regels th:nth-child(n+3):not(:last-child){display:none}}.docedit{display:grid;grid-template-columns:minmax(300px,360px) minmax(0,1fr);grid-gap:24px;gap:24px;align-items:start}.docedit-paneel{position:-webkit-sticky;position:sticky;top:calc(var(--bovenbalk) + 16px);max-height:calc(100dvh - var(--bovenbalk) - 32px);overflow-y:auto;background:var(--vlak);border:1px solid var(--rand);border-radius:var(--straal);box-shadow:var(--schaduw-zacht)}.docedit-deel{border-bottom:1px solid var(--rand)}.docedit-deel>summary{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;font-weight:600;cursor:pointer;list-style:none}.docedit-deel>summary::-webkit-details-marker{display:none}.docedit-deel>summary:after{content:"";width:8px;height:8px;border-right:1.5px solid var(--inkt-licht);border-bottom:1.5px solid var(--inkt-licht);transform:rotate(45deg) translateY(-2px);transition:transform .12s}.docedit-deel[open]>summary:after{transform:rotate(-135deg) translateY(-2px)}.docedit-deel>summary:hover{background:var(--vlak-zacht)}.docedit-inhoud{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:10px;gap:10px;padding:2px 16px 18px}.docedit-kop{margin:6px 0 0;font-size:var(--klein);font-weight:600}.docedit-hint{margin:0;font-size:var(--klein)}.docedit-logo{display:grid;justify-items:start;grid-gap:6px;gap:6px;padding:12px;background:var(--vlak-zacht);border-radius:var(--straal-klein)}.docedit-logo img{max-width:100%;max-height:56px;object-fit:contain}.docedit-logo .stil{font-size:var(--klein)}.docedit-knoppen{display:flex;flex-wrap:wrap;gap:8px}.docedit-bestand{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}label.knop{cursor:pointer}.docedit-indelingen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.docedit-indeling{display:grid;justify-items:start;grid-gap:4px;gap:4px;padding:10px;font:inherit;text-align:left;color:var(--inkt);background:var(--vlak);border:1px solid var(--rand-sterk);border-radius:var(--straal-klein);cursor:pointer}.docedit-indeling[aria-checked=true]{border-color:var(--merk);box-shadow:var(--focus)}.docedit-indeling small{font-size:var(--heel-klein);line-height:1.35;color:var(--inkt-zacht)}.docedit-schets{position:relative;width:100%;height:58px;margin-bottom:4px;background:#fff;border:1px solid var(--rand);border-radius:4px;overflow:hidden}.docedit-schets i{position:absolute;background:var(--rand-sterk);border-radius:2px}.docedit-schets i:first-child{top:8px;left:8px;width:26%;height:8px;background:var(--merk)}.docedit-schets i:nth-child(2){top:8px;right:8px;width:28%;height:14px}.docedit-schets i:nth-child(3){top:26px;left:8px;width:34%;height:10px}.docedit-schets i:nth-child(4){bottom:7px;left:8px;right:8px;height:7px}.docedit-schets[data-indeling=balk]{border-top:5px solid var(--merk)}.docedit-schets[data-indeling=balk] i:nth-child(2){height:10px;background:var(--merk)}.docedit-gegeven{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:8px;gap:8px;align-items:end}.docedit-toon{display:flex;align-items:center;gap:5px;height:var(--veld-hoogte);font-size:var(--klein);color:var(--inkt-zacht)}.docedit-invoer,.docedit-voorwaarde input,.docedit-voorwaarde select{width:100%;height:var(--veld-hoogte);padding:0 10px;font:inherit;font-size:var(--tussen);color:var(--inkt);background:var(--vlak);border:1px solid var(--rand-sterk);border-radius:var(--straal-klein)}.docedit-voorwaarde{display:grid;grid-template-columns:minmax(0,1fr) 100px auto;grid-gap:6px;gap:6px;align-items:center}.docedit-voet{position:-webkit-sticky;position:sticky;bottom:0;display:grid;grid-gap:8px;gap:8px;padding:12px 16px;background:var(--vlak);border-top:1px solid var(--rand)}.docedit-beeld{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:16px;gap:16px;justify-items:center;min-width:0;padding:20px;background-color:var(--vlak-zacht);background-image:radial-gradient(var(--rand) 1px,transparent 1px);background-size:14px 14px;border:1px solid var(--rand);border-radius:var(--straal)}.docedit-vel{width:100%;min-width:0;overflow:hidden}.docedit-vel .stukblad{width:860px;max-width:none}.docedit-mail{display:grid;grid-gap:12px;gap:12px;width:100%;max-width:680px}.docedit-envelop{display:grid;grid-gap:4px;gap:4px;margin:0;padding:12px 14px;font-size:var(--klein);background:var(--vlak);border:1px solid var(--rand);border-radius:var(--straal-klein)}.docedit-envelop div{display:grid;grid-template-columns:70px minmax(0,1fr)}.docedit-envelop dt{color:var(--inkt-licht)}.docedit-envelop dd{margin:0}.docedit-mail .mailvoorbeeld{width:100%;min-height:720px}@media (max-width:1100px){.docedit{grid-template-columns:minmax(0,1fr)}.docedit-paneel{position:static;max-height:none}.docedit-beeld{padding:12px}}.stukblad-rij{display:grid;grid-template-columns:minmax(0,1fr) 38%;grid-column-gap:32px;column-gap:32px;align-items:start}.stukblad-rechtsuit{display:flex;justify-content:flex-end}.stukblad-adres{margin:0}.stukblad-adres small{margin-bottom:5px;font-size:10.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:#5c616a}.stukblad-adres [data-vet=ja],.stukblad-feiten [data-vet=ja] dd{font-weight:700}.stukblad-adres [data-cursief=ja],.stukblad-feiten [data-cursief=ja] dd{font-style:italic}.stukblad-witregel{height:.75em}.stukblad-titel h2,.stukblad-titelblok h2{margin:0;line-height:1.05;color:var(--stuk-accent)}.stukblad-titelblok h2{font-size:calc(var(--stuk-letter) * 2.2);font-weight:400}.stukblad-titel{display:grid;grid-gap:10px;gap:10px}.stukblad-titel h2{font-size:calc(var(--stuk-letter) * 2.5);font-weight:800}.stukblad-kenmerk{margin:6px 0 0}.stukblad-kenmerk span{display:inline;margin-right:10px;color:#5c616a}.stukblad-feiten{display:grid;grid-template-columns:max-content minmax(0,1fr);grid-column-gap:18px;column-gap:18px;grid-row-gap:3px;row-gap:3px;margin:0}.stukblad-feiten div{display:contents}.stukblad-feiten dt{color:#5c616a}.stukblad-feiten dd{margin:0}.stukblad-logo{display:block;max-width:100%;object-fit:contain;object-position:left}.stukblad-rechtsuit .stukblad-logo{object-position:right}@media (max-width:640px){.stukblad-rij{grid-template-columns:minmax(0,1fr);row-gap:16px}.stukblad-rij>div:empty{display:none}}.regellijst{display:grid;grid-gap:8px;gap:8px}.regellijst-groep{padding:8px;background:var(--vlak);border:1px solid var(--rand);border-radius:var(--straal-klein);transition:border-color .1s}.regellijst-groep[data-verborgen=ja]{background:var(--vlak-zacht)}.regellijst-groep[data-boven=ja]{border-color:var(--merk)}.regellijst-groep ul{display:grid;grid-gap:1px;gap:1px;margin:0;padding:0;list-style:none}.regellijst-kop{margin:0 0 6px 4px;font-size:var(--heel-klein);font-weight:600;color:var(--inkt-licht)}.regellijst-leeg{margin:4px;font-size:var(--klein)}.regellijst-regel{display:flex;align-items:center;gap:4px;min-height:34px;padding:2px 2px 2px 0;border-top:2px solid transparent;border-radius:4px}.regellijst-regel:hover{background:var(--vlak-zacht)}.regellijst-regel[data-sleept=ja]{opacity:.4}.regellijst-regel[data-boven=ja]{border-top-color:var(--merk)}.regellijst-greep{display:grid;place-items:center;flex:none;width:22px;height:28px;padding:0;color:var(--inkt-licht);fill:currentColor;background:none;border:0;border-radius:4px;cursor:-webkit-grab;cursor:grab}.regellijst-greep:focus-visible{outline:none;box-shadow:var(--focus)}.regellijst-inhoud{flex:1 1;min-width:0;font-size:var(--klein)}.regellijst-inhoud[data-vet=ja] .regellijst-tekst,.regellijst-inhoud[data-vet=ja] .regellijst-waarde{font-weight:700}.regellijst-inhoud[data-cursief=ja] .regellijst-tekst,.regellijst-inhoud[data-cursief=ja] .regellijst-waarde{font-style:italic}.regellijst-feit,.regellijst-veld{display:flex;align-items:center;gap:2px;min-width:0}.regellijst-feit .regellijst-voor{flex:none;max-width:60%}.regellijst-voor[data-leeg=ja]{width:18px;padding:0;text-align:center}.regellijst-voor[data-leeg=ja]:focus{width:90px;padding:0 4px;text-align:left}.regellijst-waarde{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.regellijst-waarde i{color:var(--inkt-licht)}.regellijst-tekst,.regellijst-voor{min-width:0;height:26px;padding:0 4px;font:inherit;color:var(--inkt-zacht);background:transparent;border:1px dashed transparent;border-radius:4px}.regellijst-tekst{width:100%;color:var(--inkt);border-color:var(--rand-sterk)}.regellijst-voor:focus,.regellijst-voor:hover{border-color:var(--rand-sterk);background:var(--vlak);outline:none}.regellijst-voor::placeholder{color:var(--inkt-licht)}.regellijst-wit{display:block;height:1px;margin:0 4px;font-size:0;border-top:1px dashed var(--rand-sterk)}.regellijst-knoppen{display:flex;flex:none}.regellijst-knop{display:grid;place-items:center;width:26px;height:26px;padding:0;font:inherit;font-size:var(--tussen);color:var(--inkt-licht);background:none;border:0;border-radius:4px;cursor:pointer}.regellijst-knop:hover{color:var(--inkt);background:var(--vlak)}.regellijst-knop[aria-pressed=true]{color:var(--merk)}.regellijst-oog{flex:none}.docedit-sub{border:1px solid var(--rand);border-radius:var(--straal-klein)}.docedit-sub>summary{padding:10px 12px;font-size:var(--klein);font-weight:600;cursor:pointer}.docedit-sub>.docedit-inhoud{padding:0 12px 12px}.inklap{width:100%;border:0;background:transparent;font:inherit;cursor:pointer;text-align:left;margin-bottom:6px}.zijbalk-mens-link{cursor:default}.zijbalk-mens-link:hover{background:transparent}@media (max-width:767px){.inklap{display:none}}.zoekstrook{position:absolute;inset:0;z-index:25;display:flex;align-items:center;gap:4px;padding:6px 4px 6px 8px;background:var(--tel-boven)}.zoekstrook .zoekveld{flex:1 1;min-width:0}.zoekstrook .menuknop{color:var(--tel-boven-op)}@media (max-width:767px){.bovenbalk-links{flex:1 1}.bovenbalk .bovenbalk-rechts{display:flex;align-items:center;flex:none}}.klusdagen{list-style:none;margin:0;padding:0;display:grid}.klusdag{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--rand)}.klusdag:last-child{border-bottom:0}.klusdag-nr{flex:none;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--rand-sterk);font-size:var(--heel-klein);font-weight:700;color:var(--inkt-zacht)}.klusdag[data-stand=klaar] .klusdag-nr{background:var(--goed);border-color:var(--goed);color:#ffffff}.klusdag[data-stand=bezig] .klusdag-nr,.klusdag[data-stand=onderweg] .klusdag-nr{border-color:var(--merk);color:var(--merk-donker)}.klusdag-tekst{flex:1 1;min-width:0;display:grid}.klusdag-tekst b{font-size:var(--tussen);font-weight:600}.klusdag-tekst small{display:flex;align-items:center;gap:4px;flex-wrap:wrap;font-size:var(--heel-klein)}.klusdag-tekst small,.klusdag[data-stand=klaar] .klusdag-tekst{color:var(--inkt-zacht)}.klusdag-knoppen{flex:none;display:flex;gap:2px}.klusdag-knoppen .knop[data-soort=kaal]{height:28px;padding:0 6px;font-size:var(--heel-klein)}.klusdag-titel{font-weight:500;color:var(--inkt-zacht)}.klus-chat{display:flex;flex-direction:column;gap:8px;max-height:340px;overflow-y:auto;padding:4px 2px}.notificatie-blok,.notificatie-sub{display:grid;grid-gap:6px;gap:6px}.notificatie-sub{margin-left:28px;padding-bottom:6px}.notificatie-memo{width:100%;padding:8px 10px;border:1px solid var(--rand);border-radius:var(--straal-klein);background:var(--vlak);font:inherit;font-size:var(--klein);resize:vertical}.planner-duur-rij{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.planner-duur-eigen>button[aria-pressed=true]{min-width:64px}.planner-duur-eigen>button[disabled]{opacity:.4}.aanvraag-tekst{margin:12px 0 0;white-space:pre-wrap;font-size:var(--klein);line-height:1.5}.aanvraagkaart{max-width:460px}.aanvraagkaart:has(.momentplanner){max-width:900px}.aanvraagkaart>.knop{width:100%;justify-content:center}.inlogblad[data-ingesloten=ja]{min-height:0;background:transparent;padding:0}.inlogblad[data-ingesloten=ja] .inlogkaart{border:0;max-width:none}.aanvraag-liever{display:block;margin:14px auto 0;font:inherit;font-size:var(--klein);background:none;border:0;color:var(--inkt-zacht);text-decoration:underline;cursor:pointer}.aanvraag-val{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.momentplanner{container-type:inline-size;display:grid;grid-template-columns:minmax(0,1fr) 260px;grid-gap:24px;gap:24px;align-items:start}@container (max-width: 640px){.momentplanner{grid-template-columns:minmax(0,1fr)}}@media (max-width:700px){.momentplanner{grid-template-columns:minmax(0,1fr)}}.weekplanner-banen{-moz-user-select:none;user-select:none;-webkit-user-select:none}.weekplanner[data-bezig=ja] .weekplanner-banen{opacity:.5}.weekplanner-kop{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.weekplanner-week{font-size:var(--tekst);text-align:center}.weekplanner-pijl{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--rand);border-radius:999px;background:var(--vlak);color:var(--inkt);cursor:pointer}.weekplanner-pijl:hover:not(:disabled){border-color:var(--merk);color:var(--merk)}.weekplanner-pijl:disabled{opacity:.35;cursor:default}.weekplanner-baan:focus-visible,.weekplanner-pijl:focus-visible{outline:none;box-shadow:var(--focus)}.weekplanner-rij{display:grid;grid-template-columns:64px minmax(0,1fr) 48px;align-items:center;grid-gap:12px;gap:12px;padding:5px 0}.weekplanner-banen .weekplanner-rij+.weekplanner-rij{border-top:1px solid var(--rand)}.weekplanner-as{padding:0 0 4px}.weekplanner-as .weekplanner-baan{height:16px;background:none}.weekplanner-uur{position:absolute;top:0;transform:translateX(-50%);font-size:var(--heel-klein);color:var(--inkt-licht)}.weekplanner-dag{display:grid;line-height:1.2}.weekplanner-dag small{font-size:var(--heel-klein);color:var(--inkt-licht);text-transform:uppercase;letter-spacing:.04em}.weekplanner-dag b{font-size:var(--klein);white-space:nowrap}.weekplanner-baan{position:relative;height:36px;border-radius:var(--straal-klein);background:var(--vlak-zacht);touch-action:pan-y}.weekplanner-banen .weekplanner-baan[role=slider]{cursor:pointer}.weekplanner-banen[data-sleept=ja] .weekplanner-baan[role=slider]{cursor:-webkit-grabbing;cursor:grabbing}.weekplanner-vrij{position:absolute;top:5px;bottom:5px;border-radius:6px;background:color-mix(in srgb,var(--merk) 32%,var(--vlak))}.weekplanner-keuze{position:absolute;top:2px;bottom:2px;border-radius:7px;background:var(--merk);box-shadow:var(--schaduw-zacht);transition:left .12s ease;pointer-events:none}.weekplanner-banen[data-sleept=ja] .weekplanner-keuze{box-shadow:0 6px 18px color-mix(in srgb,var(--merk) 40%,transparent)}.weekplanner-label{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);padding:2px 7px;border-radius:6px;background:var(--inkt);color:#ffffff;font-size:var(--heel-klein);font-weight:600;white-space:nowrap;opacity:0;transition:opacity .12s ease}.weekplanner-banen[data-sleept=ja] .weekplanner-label{opacity:1}.weekplanner-niets{position:absolute;inset:0;display:flex;align-items:center;padding-left:12px;font-size:var(--heel-klein);color:var(--inkt-licht)}.weekplanner-rij[data-leeg=ja] .weekplanner-dag{opacity:.55}.weekplanner-uitkomst{font-size:var(--klein);font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.weekplanner-hint,.weekplanner-leeg{margin:10px 0 0;font-size:var(--heel-klein);color:var(--inkt-licht)}.weekplanner-leeg{color:var(--inkt-zacht)}@media (max-width:480px){.weekplanner-rij{grid-template-columns:62px minmax(0,1fr) 40px;gap:8px}}.afspraakticket{display:grid;grid-gap:14px;gap:14px;padding:18px;border:1px solid var(--rand);border-radius:var(--straal);background:var(--vlak);box-shadow:var(--schaduw-zacht)}.afspraakticket-kicker{font-size:var(--heel-klein);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--merk)}.afspraakticket-wanneer{display:flex;align-items:center;gap:12px}.afspraakticket-wanneer>span:last-child{display:grid;line-height:1.3}.afspraakticket-wanneer small{font-size:var(--klein);color:var(--inkt-zacht)}.afspraakticket-tegel{display:grid;place-items:center;flex:none;width:52px;height:52px;border-radius:10px;background:var(--merk);color:var(--merk-op);line-height:1}.afspraakticket-tegel b{font-size:20px}.afspraakticket-tegel small{font-size:11px;text-transform:uppercase;color:inherit}.afspraakticket[data-klaar=ja] .afspraakticket-tegel{background:var(--goed)}.afspraakticket-lijst{display:grid;grid-template-columns:auto 1fr;grid-gap:6px 14px;gap:6px 14px;margin:0;padding:12px 0;border-top:1px solid var(--rand);border-bottom:1px solid var(--rand);font-size:var(--klein)}.afspraakticket-lijst dt{font-size:var(--heel-klein);text-transform:uppercase;letter-spacing:.06em;color:var(--inkt-licht)}.afspraakticket-lijst dd{margin:0}.afspraakticket-knop{width:100%;justify-content:center}.afspraakticket-noot{margin:0;font-size:var(--heel-klein);color:var(--inkt-zacht)}.afspraakticket-fout{margin:0;font-size:var(--klein);color:var(--let-op)}.planlink-los{display:block;max-width:280px;word-break:break-all;-webkit-user-select:all;-moz-user-select:all;user-select:all}.abonnement-voordelen{display:grid;grid-gap:6px;gap:6px;margin:0 0 18px;padding:0;list-style:none;font-size:var(--klein);line-height:1.45}.abonnement-voordelen li{position:relative;padding-left:24px}.abonnement-voordelen li:before{content:"\2713";position:absolute;left:0;color:var(--merk);font-weight:700}.abonnement-termijnen{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:10px;gap:10px;margin-bottom:18px}.abonnement-termijn{display:grid;grid-gap:2px;gap:2px;padding:12px;border:1px solid var(--rand-sterk);border-radius:var(--straal-klein);background:var(--vlak);font:inherit;text-align:left;cursor:pointer}.abonnement-termijn b{font-size:18px}.abonnement-termijn small{font-size:var(--klein);color:var(--inkt-zacht)}.abonnement-termijn[aria-checked=true]{border-color:var(--merk);box-shadow:0 0 0 1px var(--merk);background:var(--merk-zacht)}.abonnement-termijn:focus-visible{outline:none;box-shadow:var(--focus)}.abonnement-noot{margin:12px 0 0;font-size:var(--heel-klein);color:var(--inkt-zacht)}.weekwissel{display:flex;align-items:center;gap:4px}.weekwissel .knop{min-width:var(--knop-hoogte);padding:0 10px}.weekwissel [aria-disabled=true]{opacity:.35;pointer-events:none}.urenstaat{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-gap:20px;gap:20px;align-items:start}.urenweek{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:10px;gap:10px}.urenweek-kop{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 2px 6px}.urenweek-kop h2{font-size:var(--kop-2)}.urenweek-kop p{font-size:var(--klein)}.werkdag{background:var(--vlak);border:1px solid var(--rand);border-radius:var(--straal);padding:12px 14px}.werkdag[data-vandaag=ja]{border-color:color-mix(in srgb,var(--merk) 45%,var(--rand));box-shadow:inset 3px 0 0 var(--merk)}.werkdag[data-later=ja]{background:var(--vlak-zacht);color:var(--inkt-licht)}.werkdag-kop{display:flex;align-items:center;gap:10px;min-height:28px}.werkdag-naam{display:flex;align-items:baseline;gap:8px;flex:1 1;min-width:0;white-space:nowrap}.werkdag-naam b{text-transform:capitalize}.werkdag-naam .speld{align-self:center}.werkdag-som{font-weight:600}.werkdag-uren{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 9px;border-radius:var(--straal-klein);border:1px solid var(--rand);background:var(--vlak-zacht);font:inherit;font-size:var(--heel-klein);font-weight:600;color:var(--inkt-zacht);cursor:pointer;white-space:nowrap}span.werkdag-uren{cursor:default;background:transparent;border-color:transparent}.werkdag-uren[data-leeg=ja]{border-style:dashed;background:transparent;color:var(--inkt-licht)}.werkdag-uren:hover{border-color:var(--inkt-licht);color:var(--inkt)}.werkregels{display:grid;margin-top:8px;border-top:1px solid var(--rand)}.werkregel{display:grid;grid-template-columns:auto minmax(0,1fr) auto 28px;align-items:center;grid-gap:12px;gap:12px;min-height:var(--rij-hoogte);border-bottom:1px solid var(--rand)}.werkregel:last-child{border-bottom:0}.werkregel-naam{font-weight:600}.werkregel-wat{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--inkt-zacht)}.werkregel-bedrag{font-size:var(--tussen)}.werkregel-weg{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:0;border-radius:var(--straal-klein);background:transparent;color:var(--inkt-licht);cursor:pointer}.werkregel-weg:hover{background:var(--let-op-vlak);color:var(--let-op)}.werkdag-knoppen{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.werkdag-erbij,.werkdag-plus{display:inline-flex;align-items:center;gap:6px;height:var(--knop-klein);padding:0 12px;border-radius:var(--straal-klein);border:1px dashed var(--rand-sterk);background:transparent;font:inherit;font-size:var(--klein);font-weight:600;color:var(--merk-donker);cursor:pointer}.werkdag-erbij:hover,.werkdag-plus:hover{border-style:solid;border-color:var(--merk);background:var(--merk-zacht)}.werkdag-erbij{justify-self:start;color:var(--inkt-zacht)}.werkdag-invoer{display:grid;grid-gap:6px;gap:6px;margin-top:10px;padding:12px;border-radius:var(--straal);background:var(--vlak-zacht);border:1px solid var(--rand)}.werkdag-klaar{justify-self:end;border:0;background:transparent;font:inherit;font-size:var(--klein);font-weight:600;color:var(--inkt-zacht);cursor:pointer}.werkinvoer{display:grid;grid-template-columns:110px minmax(0,1fr) auto;grid-gap:10px;gap:10px;align-items:end}.plaat{display:inline-flex;align-items:stretch;height:26px;border:1.5px solid #1a1a1a;border-radius:5px;background:#f7c500;overflow:hidden;flex:none}.plaat-nl{align-items:flex-end;justify-content:center;width:15px;padding-bottom:3px;background:#1d4aa6;color:#ffffff;font-size:8px;letter-spacing:.02em}.plaat-nl,.plaat-tekst{display:flex;font-weight:700}.plaat-tekst{align-items:center;padding:0 7px;color:#111111;font-size:13px;letter-spacing:.06em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.plaat[data-groot=ja]{height:48px;border-width:2px;border-radius:7px;cursor:text}.plaat[data-groot=ja]:focus-within{outline:3px solid color-mix(in srgb,var(--merk) 40%,transparent);outline-offset:2px}.plaat[data-groot=ja] .plaat-nl{width:22px;font-size:10px;padding-bottom:6px}.plaat[data-groot=ja] input.plaat-tekst{width:10.5ch;border:0;outline:0;background:transparent;font:inherit;font-size:22px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#111111;padding:0 10px}.plaat[data-groot=ja] input.plaat-tekst::placeholder{color:rgba(17,17,17,.28)}.plaatinvoer{display:grid;grid-gap:6px;gap:6px}.plaatinvoer-rij{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.plaatinvoer-rij .knop{height:48px}.plaatinvoer-rdw{display:flex;flex-wrap:wrap;align-items:center;gap:10px;min-height:20px;font-size:var(--klein)}.plaatinvoer-dubbel{color:var(--wacht);font-weight:600}.urentotaal{display:grid;grid-gap:16px;gap:16px;position:-webkit-sticky;position:sticky;top:calc(var(--bovenbalk) + 16px)}.weektotaal{display:grid;grid-gap:14px;gap:14px}.weektotaal-groot{font-size:28px;font-weight:700;letter-spacing:-.02em;line-height:1.1}.weektotaal-regels{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:6px 12px;gap:6px 12px;font-size:var(--tussen)}.weektotaal-regels dt{color:var(--inkt-zacht)}.weektotaal-regels dd{margin:0;text-align:right}.weektotaal-regels .weektotaal-som{padding-top:8px;border-top:1px solid var(--rand);font-weight:700;color:var(--inkt)}.weektotaal-wie{font-size:var(--klein)}.weektotaal-knoppen{display:grid;grid-gap:8px;gap:8px}.weektotaal-indienen,.weektotaal-knoppen .knop{width:100%}.weekfactuur{display:grid;grid-gap:8px;gap:8px;padding:12px;border-radius:var(--straal);background:var(--vlak-zacht);border:1px solid var(--rand)}.weekfactuur-kop{display:flex;align-items:center;gap:10px}.weekfactuur-kop>span:first-of-type{flex:1 1;min-width:0}.weekfactuur-kop b,.weekfactuur-kop small{display:block}.weekfactuur-kop:hover b{text-decoration:underline}.weekfactuur-spelden{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.weekfactuur-betaal{margin-left:auto;font-size:var(--klein);font-weight:600;color:var(--merk-donker)}.eerdere-weken .rij{min-height:52px;padding:6px 0}.eerdere-weken .rij[aria-current=page] b{color:var(--merk-donker)}.eerdere-weken .rij-wanneer{font-size:var(--klein)}.urenbalk{display:none}.indienen-regels dd{justify-content:flex-end}.werksoorten{display:grid;grid-gap:10px;gap:10px}.werk-maat{margin-bottom:14px;padding-bottom:14px}.werk-maat,.werksoort{border-bottom:1px solid var(--rand)}.werksoort{position:relative;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1.1fr) minmax(0,1fr) 84px auto 28px;grid-gap:10px;gap:10px;align-items:end;padding-bottom:10px}.vinkregel,.werksoort-kenteken{display:flex;align-items:center;gap:8px;min-height:var(--veld-hoogte);font-size:var(--klein);font-weight:600;white-space:nowrap}.werksoort-kenteken[data-uit=ja]{color:var(--inkt-licht)}.vinkregel{margin-top:16px}.werksoort-weg{display:inline-flex;align-items:center;justify-content:center;width:28px;height:var(--veld-hoogte);border:0;background:transparent;color:var(--inkt-licht);cursor:pointer}.werksoort-weg:hover{color:var(--let-op)}.werksoorten>.werkdag-plus{justify-self:start}@media (max-width:1100px){.urenstaat{grid-template-columns:minmax(0,1fr) 280px}}@media (max-width:900px){.urenstaat{grid-template-columns:minmax(0,1fr)}.urentotaal{position:static}}@media (max-width:767px){.werkdag{padding:12px}.werkregel{grid-template-columns:auto minmax(0,1fr) auto 28px;gap:8px}.werkinvoer{grid-template-columns:90px minmax(0,1fr)}.werkdag-tijd{display:none}.werkinvoer .knop{grid-column:1/-1}.plaatinvoer-rij .knop{flex:1 1}.werksoort{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.werksoort-naam{grid-column:1/-1}.werksoort-weg{position:absolute;top:0;right:0;height:24px}.urenbalk{position:-webkit-sticky;position:sticky;bottom:0;z-index:5;display:flex;align-items:center;gap:12px;margin:16px -16px 0;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--vlak);border-top:1px solid var(--rand);box-shadow:0 -6px 20px rgba(21,23,28,.08)}.urenbalk>span{flex:1 1;display:grid;line-height:1.25}.urenbalk .knop{min-width:132px}.weektotaal-indienen{display:none}}.koppelstappen a{color:var(--merk-donker);font-weight:600;text-decoration:underline;text-underline-offset:2px}