@font-face{font-family:Inter;font-weight:400;font-display:swap;src:url(/fonts/inter-latin-400-normal.woff2)format("woff2")}@font-face{font-family:Inter;font-weight:500;font-display:swap;src:url(/fonts/inter-latin-500-normal.woff2)format("woff2")}@font-face{font-family:Inter;font-weight:600;font-display:swap;src:url(/fonts/inter-latin-600-normal.woff2)format("woff2")}@font-face{font-family:Cormorant Garamond;font-weight:300;font-style:normal;font-display:swap;src:url(/fonts/cormorant-garamond-latin-300-normal.woff2)format("woff2")}@font-face{font-family:Cormorant Garamond;font-weight:600;font-style:normal;font-display:swap;src:url(/fonts/cormorant-garamond-latin-600-normal.woff2)format("woff2")}:root{--kleur-achtergrond:#133133;--kleur-vlak:#023e3f;--kleur-vlak-zacht:#0a4a4b;--kleur-goud:#b08d5f;--kleur-goud-hover:#c4a06f;--kleur-goud-licht:#d4b98c;--kleur-goud-rand:#8a6d47;--kleur-tekst:#d4b98c;--kleur-kop:#d4b98c;--kleur-goud-tekst:#b08d5f;--kleur-tekst-zacht:#cbab7e;--kleur-menu-tekst:#d4b98c;--kleur-menu-zacht:#b08d5f;--kleur-rand:#1e4a4c;--kleur-rand-zacht:#174244;--kleur-invoer-rand:#6a9a9c;--kleur-aftrek:#e07a6a;--kleur-oranje-zacht:#3d3420;--kleur-oranje-tekst:#e0a43a;--kleur-fout:#f0b4a8;--kleur-nav-inactief:#a89880;--icoon-waarschuwing:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M12 3.2 1.8 21h20.4L12 3.2zm0 5.3a1 1 0 0 1 1 1v5.2a1 1 0 1 1-2 0V9.5a1 1 0 0 1 1-1zm0 9a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5z'/></svg>");--kleur-zwart:#0d2425;--kleur-nav:#133133;--kleur-nav-glas:#133133b3;--kleur-zwart-zacht:#113032;--kleur-zwart-rand:#1a3e40;--kleur-creme:#d4b98c;--kleur-knop-tekst:#133133;--kleur-grijs-tekst:#d4b98c;--kleur-uit:#2a5a5c;--lettertype:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--lettertype-titel:"Cormorant Garamond", Georgia, serif;--radius-kaart:10px;--radius-invoer:6px;--radius-knop:6px;--breedte-menu:232px;--breedte-pagina:840px;--nav-onder:max(26px, calc(var(--veilig-onder) + 10px));--nav-hoogte:92px;--veilig-onder:env(safe-area-inset-bottom,0px);--band-hoogte:76px;--veilig-boven:calc(env(safe-area-inset-top,0px) + var(--band-hoogte))}@media (width>=900px){:root{--band-hoogte:0px}}.app__inhoud{--kleur-achtergrond:#f4f1ec;--kleur-vlak:#fff;--kleur-vlak-zacht:#f3efe8;--kleur-goud-hover:#8a6d47;--kleur-goud-rand:#b08d5f;--kleur-tekst:#1f3b3c;--kleur-tekst-zacht:#536363;--kleur-kop:#133133;--kleur-goud-tekst:#8a6d47;--kleur-rand:#e3ddd3;--kleur-rand-zacht:#ece7df;--kleur-invoer-rand:#879292;--kleur-aftrek:#b4432f;--kleur-oranje-zacht:#fdf1dc;--kleur-oranje-tekst:#8a5a10;--kleur-fout:#a93a2a;--kleur-nav-inactief:#6f7d7d;--kleur-zwart:#e9e4db;--kleur-zwart-zacht:#e9f0ef;--kleur-zwart-rand:#d9d3c8;--kleur-creme:#133133;--kleur-grijs-tekst:#536363;--kleur-uit:#c9c2b6}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;overscroll-behavior:none;background:var(--kleur-nav);height:100%}body{overscroll-behavior:none;background:var(--kleur-nav);height:100%;color:var(--kleur-tekst);font-family:var(--lettertype);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font-size:16px;line-height:1.4;overflow:hidden}#root{height:100%;overflow:hidden}button,input,textarea,select{font:inherit;color:inherit}a{color:var(--kleur-kop)}a:hover{color:var(--kleur-goud-tekst)}h1,h2,h3{margin:0}:focus-visible{outline:3px solid var(--kleur-goud);outline-offset:2px}.getallen{font-variant-numeric:tabular-nums}.zacht{color:var(--kleur-tekst-zacht)}.waarschuwing{color:var(--kleur-fout);align-items:flex-start;gap:8px;margin:0;font-weight:600;line-height:1.4;display:flex}.waarschuwing:before,.melding--oranje:before{content:"";width:20px;height:20px;-webkit-mask:var(--icoon-waarschuwing) center / contain no-repeat;-webkit-mask:var(--icoon-waarschuwing) center / contain no-repeat;mask:var(--icoon-waarschuwing) center / contain no-repeat;background:currentColor;flex:none;margin-top:1px}.klein{font-size:13px}.vh{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app{background:var(--kleur-achtergrond);height:100dvh;min-height:0;display:flex;overflow:hidden}.app__inhoud{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:var(--kleur-achtergrond);min-width:0;min-height:0;color:var(--kleur-tekst);flex-direction:column;flex:1;display:flex;overflow-y:auto}.hoofdmenu{display:none}html[data-omgeving=test]{--veilig-boven:calc(env(safe-area-inset-top,0px) + 26px + var(--band-hoogte))}.omgevingsbalk{z-index:100;box-sizing:border-box;height:calc(env(safe-area-inset-top,0px) + 26px);padding-top:env(safe-area-inset-top,0px);background:var(--kleur-oranje-tekst);color:var(--kleur-knop-tekst);letter-spacing:.12em;text-transform:uppercase;pointer-events:none;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex;position:fixed;top:0;left:0;right:0}.bovenbalk{z-index:6;box-sizing:border-box;height:var(--veilig-boven);padding:calc(var(--veilig-boven) - var(--band-hoogte)) 24px 0;background:var(--kleur-nav);color:var(--kleur-goud-licht);border-bottom:1px solid #d4b98c38;justify-content:center;align-items:center;gap:12px;display:flex;position:fixed;top:0;left:0;right:0}.bovenbalk__merk{line-height:0;display:block}.bovenbalk__logo{width:auto;height:62px;display:block}@media (width>=900px){.bovenbalk{display:none}}.bovenrand{z-index:4;pointer-events:none;height:calc(var(--veilig-boven) + 12px);margin-bottom:calc(-1 * (var(--veilig-boven) + 12px));background:var(--kleur-achtergrond);flex:none;position:sticky;top:0}.trek{top:var(--veilig-boven);z-index:30;background:var(--kleur-zwart);width:40px;height:40px;color:var(--kleur-kop);border:1px solid var(--kleur-rand);pointer-events:none;opacity:0;border-radius:50%;justify-content:center;align-items:center;margin-left:-20px;transition:transform .2s,opacity .2s;display:flex;position:fixed;left:50%;transform:translateY(-56px);box-shadow:0 2px 8px #00000059}.trek--volgt{transition:none}.trek__icoon{display:flex}.trek--bezig .trek__icoon{animation:.9s linear infinite trek-draai}@keyframes trek-draai{to{transform:rotate(360deg)}}@media (width<=899px){body:has(.nav) .app__inhoud>.scherm{padding-bottom:calc(var(--nav-hoogte) + env(safe-area-inset-bottom))}}@media (width>=900px){.trek{left:calc(50% + 38px)}.hoofdmenu{width:76px;height:100dvh;padding:calc(18px + var(--veilig-boven)) 12px 16px;background:var(--kleur-zwart);color:var(--kleur-menu-tekst);flex-direction:column;flex:none;gap:28px;display:flex;position:sticky;top:0;overflow-y:auto}.hoofdmenu__merk{justify-content:center;align-items:center;display:flex}.hoofdmenu__logo--vierkant{object-fit:cover;border-radius:8px;width:48px;height:48px;display:block}.hoofdmenu__logo--breed{display:none}.hoofdmenu__nav{flex-direction:column;gap:2px;display:flex}.hoofdmenu__nav a,.hoofdmenu__status{border-radius:var(--radius-knop);min-height:44px;color:var(--kleur-menu-tekst);justify-content:center;align-items:center;gap:12px;padding:0 12px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.hoofdmenu__nav a:hover{background:var(--kleur-zwart-zacht);color:var(--kleur-kop)}.hoofdmenu__nav a[aria-current=page]{background:var(--kleur-zwart-zacht);color:var(--kleur-kop);box-shadow:inset 2px 0 0 var(--kleur-goud)}.hoofdmenu__nav svg{flex:none}.hoofdmenu__groep{background:var(--kleur-zwart-rand);color:#0000;height:1px;margin:12px 8px;overflow:hidden}.hoofdmenu__label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hoofdmenu__onder{border-top:1px solid var(--kleur-zwart-rand);flex-direction:column;gap:2px;margin-top:auto;padding-top:12px;display:flex}.hoofdmenu__status{color:var(--kleur-menu-zacht);cursor:default;border-radius:0;font-size:12px}.hoofdmenu__status--statisch,.hoofdmenu__status--statisch:hover{color:var(--kleur-menu-zacht);cursor:default;background:0 0}.hoofdmenu__stip{background:#7fb88e;border-radius:50%;flex:none;width:8px;height:8px}.hoofdmenu__stip--let-op{background:#e0a43a}.hoofdmenu__stip--rust{background:#5a6e6f}}@media (width>=1200px){.hoofdmenu{width:var(--breedte-menu);padding-inline:14px}.hoofdmenu__merk{justify-content:flex-start;padding:0 8px}.hoofdmenu__logo--vierkant{display:none}.hoofdmenu__logo--breed{width:100%;max-width:200px;height:auto;display:block}.hoofdmenu__nav a,.hoofdmenu__status{justify-content:flex-start}.hoofdmenu__groep{height:auto;color:var(--kleur-menu-zacht);letter-spacing:.08em;text-transform:uppercase;background:0 0;margin:16px 0 6px;padding:0 12px;font-size:11px;font-weight:600}.hoofdmenu__label{clip:auto;white-space:normal;width:auto;height:auto;position:static;overflow:visible}}.scherm{width:100%;max-width:var(--breedte-pagina);flex-direction:column;flex:1 0 auto;margin:0 auto;display:flex}.scherm--breed{max-width:var(--breedte-pagina)}.kop{padding:calc(16px + var(--veilig-boven)) 20px 8px;flex-direction:column;gap:2px;display:flex}.kop__rij{justify-content:space-between;align-items:center;gap:12px;min-height:44px;display:flex}.kop h1,.paginakop h1{font-family:var(--lettertype-titel);color:var(--kleur-kop);font-size:34px;font-weight:300;line-height:1.1}.kopvast{z-index:4;background:var(--kleur-achtergrond);padding-bottom:12px;position:sticky;top:0}.kopvast .kop{padding-bottom:4px}.kopvast__extra{flex-direction:column;gap:8px;padding:0 20px;display:flex}.kop__sub,.detailkop__sub{color:var(--kleur-tekst-zacht);overflow-wrap:anywhere;max-width:100%;font-size:14px}.detailkop{flex-direction:column;gap:4px;width:100%;min-width:0;display:flex}.paginakop>.detailkop{flex:auto;width:auto}.detailkop__titel{flex-wrap:nowrap;justify-content:space-between;align-items:flex-start;gap:12px;min-width:0;max-width:100%;display:flex}.detailkop__titel>:first-child,.detailkop__titel h1{overflow-wrap:anywhere;min-width:0}.detailkop__acties{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px;width:100%;margin-top:8px;display:flex}.detailkop__acties .knop,.detailkop__acties .tekstknop{white-space:nowrap}.terug{min-height:44px;color:var(--kleur-tekst-zacht);align-items:center;gap:4px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.terug:hover{color:var(--kleur-goud-tekst)}.inhoud{flex-direction:column;flex:1;gap:14px;padding:6px 20px 24px;display:flex}.pagina{width:100%;min-width:0;max-width:none;padding:calc(16px + var(--veilig-boven)) 20px 32px;flex-direction:column;flex:1;gap:16px;margin:0 auto;display:flex}.paginakop{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px 16px;display:flex}@media (width>=900px){.kop{padding:calc(28px + var(--veilig-boven)) 32px 8px}.kopvast__extra{padding-inline:32px}.inhoud{padding:8px 32px 40px}.pagina{gap:20px;padding:28px 32px 40px}}.filterbalk{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.filterbalk__zoek{flex:260px}.instellingen{flex-direction:column;gap:20px;display:flex}.instellingen__inhoud{flex-direction:column;gap:14px;min-width:0;display:flex}.tabelkaart{background:var(--kleur-vlak);border:1px solid var(--kleur-rand);border-radius:var(--radius-kaart);min-width:0;max-width:100%;overflow:hidden}.tabelkaart__scroll{min-width:0;max-width:100%;overflow-x:auto}.tabel{border-collapse:collapse;width:max-content;min-width:100%;font-size:14px}.tabel th{text-align:left;color:var(--kleur-tekst-zacht);text-transform:uppercase;letter-spacing:.02em;background:var(--kleur-vlak-zacht);border-bottom:1px solid var(--kleur-rand);white-space:normal;vertical-align:bottom;padding:8px;font-size:12px;font-weight:600;line-height:1.2}.tabel td{border-bottom:1px solid var(--kleur-rand-zacht);vertical-align:middle;padding:10px 8px}.tabel tbody tr:last-child td{border-bottom:none}.tabel tbody tr:hover td{background:var(--kleur-vlak-zacht)}.tabel__klikrij{cursor:pointer}.tabel__getal{font-variant-numeric:tabular-nums;text-align:right!important}.tabel td.tabel__getal,.tabel th.tabel__getal{white-space:nowrap}.tabel td.tabel__tekst,.tabel th.tabel__tekst{white-space:normal;overflow-wrap:break-word;width:20%;min-width:5.5rem}.tabel__hoofd{min-height:44px;color:var(--kleur-kop);align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.tabel__hoofd:hover{color:var(--kleur-goud-tekst);text-decoration:underline}.kaart{background:var(--kleur-vlak);border:1px solid var(--kleur-rand);border-radius:var(--radius-kaart);flex-direction:column;gap:12px;padding:16px 18px;display:flex}.kaart h2{font-family:var(--lettertype-titel);color:var(--kleur-kop);font-size:24px;font-weight:600;line-height:1.15}.kaart>h2,.kaart__kop{border-bottom:1px solid var(--kleur-rand);padding-bottom:10px}.kaart__kop{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.gegevens{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px 24px;margin:0;display:grid}.gegevens dt{color:var(--kleur-tekst-zacht);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:12px;font-weight:600}.gegevens dd{overflow-wrap:anywhere;margin:0;font-size:15px}.veld{flex-direction:column;gap:6px;min-width:0;display:flex}.veld>label,.veld__label{color:var(--kleur-kop);font-size:13px;font-weight:500}.invoer,.keuze{border:1px solid var(--kleur-invoer-rand);border-radius:var(--radius-invoer);background:var(--kleur-achtergrond);width:100%;height:48px;color:var(--kleur-tekst);padding:0 14px;font-size:16px}.invoer:hover,.keuze:hover{border-color:var(--kleur-goud)}textarea.invoer{resize:vertical;height:auto;min-height:96px;padding:12px 14px;line-height:1.45}.form-stack{flex-direction:column;gap:12px;display:flex}.knop{border-radius:var(--radius-knop);cursor:pointer;text-align:center;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 20px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.knop--primair{background:var(--kleur-goud);border-color:var(--kleur-goud);color:var(--kleur-knop-tekst)}.knop--primair:hover{background:var(--kleur-goud-hover);border-color:var(--kleur-goud-hover);color:var(--kleur-knop-tekst)}.knop--secundair{background:var(--kleur-vlak);color:var(--kleur-tekst);border-color:var(--kleur-invoer-rand)}.knop--secundair:hover{background:var(--kleur-vlak-zacht);color:var(--kleur-kop)}.knop--breed{width:100%}.knop--compact{border-radius:999px;gap:6px;min-height:40px;padding:0 16px;font-size:14px}.knop--gevaar{border-color:var(--kleur-aftrek);color:var(--kleur-aftrek);background:0 0}.knop--gevaar:hover{background:var(--kleur-vlak-zacht);color:var(--kleur-aftrek)}.knoppenrij{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.knop[disabled],.knop[aria-disabled=true]{opacity:.5;cursor:not-allowed}.tekstknop{min-height:44px;color:var(--kleur-kop);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0 12px;font-size:15px;font-weight:600;display:inline-flex}.tekstknop:hover{color:var(--kleur-goud-tekst)}.tekstknop--gevaar{color:var(--kleur-aftrek)}.nav{left:24px;right:24px;bottom:var(--nav-onder);z-index:5;background:var(--kleur-nav-glas);-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);border:1px solid #d4b98c2e;border-radius:33px;grid-template-columns:repeat(5,minmax(0,1fr));height:66px;padding:6px;display:grid;position:fixed;box-shadow:0 12px 32px #13313347,inset 0 1px #d4b98c38}.nav__gloed{width:calc(20% - 2.4px);height:54px;transform:translateX(calc(var(--nav-index,0) * 100%));pointer-events:none;background:#d4b98c38;border-radius:27px;transition:transform .42s cubic-bezier(.3,.9,.25,1.05);position:absolute;top:6px;left:6px;box-shadow:inset 0 0 0 1px #d4b98c1f}.nav a{color:#c9ad82;border-radius:27px;justify-content:center;align-items:center;min-width:0;height:54px;text-decoration:none;transition:color .3s,transform .3s;display:flex;position:relative}.nav a:active{transform:scale(.92)}.nav a[aria-current=page]{color:#f5ead6}.nav__label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.nav__gloed,.nav a{transition:none}}.menu-icoon{flex:none;display:inline-flex;position:relative}.menu-icoon__stip{width:9px;height:9px;box-shadow:0 0 0 2px var(--kleur-nav);pointer-events:none;background:#e0a43a;border-radius:50%;position:absolute;top:-2px;right:-4px}.menu-icoon__let-op{background:var(--kleur-goud);width:14px;height:14px;color:var(--kleur-knop-tekst);pointer-events:none;border-radius:50%;place-items:center;font-size:11px;font-weight:700;line-height:1;display:grid;position:absolute;top:-5px;right:-7px}@media (width>=900px){.nav{display:none}}.toast{left:50%;bottom:max(calc(var(--nav-hoogte) + var(--veilig-onder) + 12px), calc(var(--toetsenbord,0px) + 12px));background:var(--kleur-zwart);width:min(100% - 40px,520px);color:var(--kleur-kop);z-index:20;border:1px solid var(--kleur-rand);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:6px 6px 6px 16px;font-size:15px;display:flex;position:fixed;transform:translate(-50%)}html[data-update-wacht] .toast{bottom:max(calc(var(--nav-hoogte) + var(--veilig-onder) + 64px), calc(var(--toetsenbord,0px) + 64px))}.toast .tekstknop{color:var(--kleur-goud)}.toast--installatie{bottom:calc(var(--nav-hoogte) + var(--veilig-onder) + 12px);align-items:flex-start;padding:12px 8px 12px 16px}.toast--installatie__tekst{font-size:14px;line-height:1.4}.melding{border-radius:8px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:14px;line-height:1.45;display:flex}.melding--oranje{background:var(--kleur-oranje-zacht);color:var(--kleur-oranje-tekst);border:1px solid var(--kleur-goud-rand)}.leeg{text-align:center;color:var(--kleur-tekst-zacht);flex-direction:column;align-items:center;gap:12px;padding:40px 16px;display:flex}.behandellijst{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.behandellijst__item{border-bottom:1px solid var(--kleur-rand-zacht)}.behandellijst__item:last-child{border-bottom:none}.lijstkaart__titel{font-size:16px;font-weight:600}.behandelrij{min-height:44px;color:inherit;border-radius:6px;align-items:center;gap:10px;margin:0 -6px;padding:12px 6px;text-decoration:none;display:flex}.behandelrij:hover{background:var(--kleur-vlak-zacht);color:inherit}.behandelrij:active{background:var(--kleur-zwart)}.behandelrij__inhoud{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.behandelrij__pijl{color:var(--kleur-goud);flex:none;display:inline-flex}.staafgrafiek{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:3px;height:180px;padding:8px 0 0;display:grid}.staafgrafiek__kolom{flex-direction:column;align-items:center;gap:6px;min-width:0;height:100%;display:flex}.staafgrafiek__track{flex:1;align-items:flex-end;width:100%;min-height:0;display:flex}.staafgrafiek__staaf{background:var(--kleur-goud);border-radius:3px 3px 0 0;width:100%;min-height:2px}.staafgrafiek__label{letter-spacing:-.03em;color:var(--kleur-tekst-zacht);text-align:center;white-space:nowrap;width:100%;font-size:11px;line-height:1.1}.badge{border:1px solid var(--kleur-goud-rand);min-height:32px;color:var(--kleur-kop);border-radius:999px;align-self:flex-start;align-items:center;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.week{grid-auto-columns:minmax(108px,1fr);grid-auto-flow:column;gap:8px;padding-bottom:4px;display:grid;overflow-x:auto}.week__dag{border-radius:var(--radius-kaart);border:1px solid var(--kleur-rand);background:var(--kleur-vlak);min-height:180px;color:inherit;text-align:left;cursor:pointer;flex-direction:column;align-items:stretch;gap:6px;padding:8px;display:flex}.week__dag--gekozen{border-color:var(--kleur-goud);box-shadow:inset 0 0 0 1px var(--kleur-goud), 0 0 0 3px #b08d5f40}.week__dag--gekozen .week__kop{color:var(--kleur-goud-tekst)}.week__kop{color:var(--kleur-kop);font-size:12px;font-weight:600}.week__event{background:var(--kleur-achtergrond);overflow-wrap:anywhere;border-radius:4px;padding:4px 6px;font-size:12px;line-height:1.3}.week__event--gezin{outline:1px solid var(--kleur-goud-rand)}input[type=date].invoer,input[type=time].invoer,input[type=datetime-local].invoer{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{box-sizing:border-box;appearance:none;text-align:left;width:100%;min-width:0;max-width:100%;display:block}input[type=date].invoer,input[type=time].invoer,input[type=datetime-local].invoer,input[type=month].invoer{height:48px;min-height:48px;padding-top:0;padding-bottom:0;line-height:46px}input::-webkit-date-and-time-value{text-align:left;min-height:46px;margin:0;line-height:46px}input[type=date]::-webkit-datetime-edit{padding:0}input[type=time]::-webkit-datetime-edit{padding:0}.veld,.form-stack>*,.behandellijst__item{min-width:0}input[type=search].invoer{-webkit-appearance:none}.afspraken{flex-direction:column;gap:12px;margin:0;display:flex}.afspraak{border-radius:var(--radius-kaart);background:var(--kleur-vlak);border:1px solid var(--kleur-rand);border-left:3px solid var(--kleur-goud);min-height:88px;color:var(--kleur-tekst);-webkit-tap-highlight-color:transparent;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:16px 18px;text-decoration:none;transition:transform 80ms,background-color .15s,border-color .15s;display:grid}a.afspraak:hover{border-color:var(--kleur-goud);color:var(--kleur-tekst)}a.afspraak:active{background:var(--kleur-zwart);transform:scale(.985)}.afspraak__tijd{border-right:1px solid var(--kleur-rand);flex-direction:column;align-items:flex-start;min-width:72px;padding-right:16px;display:flex}.afspraak__start{font-family:var(--lettertype-titel);font-variant-numeric:lining-nums tabular-nums;color:var(--kleur-goud-tekst);font-size:32px;font-weight:600;line-height:1}.afspraak__eind{color:var(--kleur-tekst-zacht);margin-top:4px;font-size:13px}.afspraak__inhoud{flex-direction:column;gap:3px;min-width:0;display:flex}.afspraak__naam{font-family:var(--lettertype-titel);color:var(--kleur-kop);overflow-wrap:anywhere;font-size:24px;font-weight:600;line-height:1.15}.afspraak__hint{color:var(--kleur-tekst-zacht);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.afspraak__status{letter-spacing:.04em;text-transform:uppercase;color:var(--kleur-tekst-zacht);font-size:12px;font-weight:600}.afspraak__status--gekoppeld{color:var(--kleur-tekst-zacht)}.afspraak__recept{color:var(--kleur-tekst-zacht);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;display:-webkit-box;overflow:hidden}.afspraak__pijl{color:var(--kleur-goud);font-size:28px;line-height:1}.afspraak--gedimd{background:var(--kleur-achtergrond);border-style:dashed;border-color:var(--kleur-invoer-rand);border-left:1px dashed var(--kleur-invoer-rand);grid-template-columns:auto 1fr}.afspraak--gedimd .afspraak__start,.afspraak--gedimd .afspraak__naam,.afspraak--gedimd .afspraak__eind{color:var(--kleur-tekst)}.afspraak--gedimd .afspraak__status{text-transform:none;letter-spacing:0;color:var(--kleur-tekst);font-size:14px}.kaart--focus{border-color:var(--kleur-goud)}.kaart--gedimd{opacity:.6}.kaart__kop--midden{align-items:center}.kaart__titel{flex-direction:column;gap:2px;min-width:0;display:flex}.knop--klein{min-height:44px;padding:0 14px;font-size:14px}.klantlijst{background:var(--kleur-vlak);border:1px solid var(--kleur-rand);border-radius:var(--radius-kaart);flex-direction:column;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.klantlijst>li+li{border-top:1px solid var(--kleur-rand-zacht)}.klantrij{min-height:64px;color:var(--kleur-tekst);background:0 0;border:0;align-items:center;gap:14px;padding:12px 16px;text-decoration:none;transition:background-color .15s;display:flex}button.klantrij{width:100%;font:inherit;text-align:left;cursor:pointer}button.klantrij:disabled{opacity:.6;cursor:default}.klantrij:hover{background:var(--kleur-vlak-zacht);color:var(--kleur-tekst)}.klantrij:active{background:var(--kleur-vlak-zacht)}.klantrij__naam{color:var(--kleur-kop);overflow-wrap:anywhere;font-size:16px;font-weight:600;line-height:1.25}.klantrij__identiteit{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.klantrij__extra{color:var(--kleur-tekst-zacht);text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.35;overflow:hidden}.klantrij__pijl{color:var(--kleur-goud);flex:none;display:inline-flex}.klanten__aantal{margin:0}.behandelnotitie{flex-direction:column;gap:2px;display:flex}.behandelnotitie__tekst{white-space:pre-line;color:var(--kleur-tekst);font-size:14px}.behandelnotitie__hint{font-style:italic}.behandelnotitie__meta{flex-wrap:wrap;gap:4px 14px;display:flex}.planner__snel{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--kleur-rand);background:var(--kleur-vlak);min-height:44px;color:var(--kleur-kop);cursor:pointer;border-radius:999px;padding:0 14px;font-size:14px;font-weight:600}.chip--actief{background:var(--kleur-goud);border-color:var(--kleur-goud);color:var(--kleur-knop-tekst)}.dagoverzicht{flex-direction:column;gap:8px;display:flex}.dagoverzicht__kop{color:var(--kleur-kop);font-size:14px;font-weight:600}.dagoverzicht__lijst{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.dagoverzicht__item{background:var(--kleur-vlak-zacht);border:1px solid #0000;border-radius:6px;grid-template-columns:auto 1fr auto;align-items:baseline;gap:10px;padding:8px 10px;font-size:14px;display:grid}.dagoverzicht__tijd{color:var(--kleur-kop);white-space:nowrap}.dagoverzicht__titel{overflow-wrap:anywhere;min-width:0}.dagoverzicht__bron{color:var(--kleur-tekst-zacht);white-space:nowrap;font-size:12px}.dagoverzicht__item--overlap{border-color:var(--kleur-oranje-tekst);background:#e68c3c24}.dagoverzicht__item--overlap .dagoverzicht__bron{color:var(--kleur-oranje-tekst);font-weight:600}.prijsopbouw{border:none;flex-direction:column;gap:8px;min-width:0;margin:0;padding:0;display:flex}.prijsopbouw legend{margin-bottom:6px;padding:0}.prijsopbouw__rij{grid-template-columns:96px 1fr 44px;align-items:center;gap:8px;display:grid}.prijsopbouw__weg{justify-content:center;padding:0;font-size:22px}.prijsopbouw__totaal{color:var(--kleur-kop);margin:0;font-weight:600}.prijsopbouw .tekstknop{align-self:flex-start;padding-left:0}.behandellijst__opbouw{margin-top:2px}.behandelprijs{text-align:right;flex:none}.behandelrij .behandelprijs{max-width:46%;margin-left:2px}.behandelprijs--onbekend{color:var(--kleur-tekst-zacht);font-size:14px;font-weight:600}.behandelprijs__afwijking{font-style:italic}.contactacties{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:420px;display:grid}.contactactie{border-radius:var(--radius-knop);border:1px solid var(--kleur-invoer-rand);background:var(--kleur-achtergrond);min-height:68px;color:var(--kleur-kop);-webkit-tap-highlight-color:transparent;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:10px 6px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.contactactie:hover{border-color:var(--kleur-goud);color:var(--kleur-goud-tekst)}.contactactie:active{background:var(--kleur-zwart)}.leeg--kort{padding:16px 0 4px}.sectie{flex-direction:column;gap:10px;min-width:0;display:flex}.sectiekop{font-family:var(--lettertype-titel);color:var(--kleur-kop);margin:0;font-size:24px;font-weight:600;line-height:1.15}.volgende{border-radius:var(--radius-kaart);background:var(--kleur-vlak);border:1px solid var(--kleur-rand);color:var(--kleur-tekst);-webkit-tap-highlight-color:transparent;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px 16px;text-decoration:none;display:grid}a.volgende:hover{border-color:var(--kleur-goud);color:var(--kleur-tekst)}a.volgende:active{background:var(--kleur-zwart)}.volgende--plat{background:0 0;border:0;grid-template-columns:auto minmax(0,1fr);padding:0}.afsprakenlijst{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.afsprakenlijst--eerder{opacity:.8;margin-top:12px}.afspraakrij{align-items:center;gap:8px;display:flex}.afspraakrij>.volgende{flex:auto;min-width:0}.afspraakrij>.icoonknop{flex:none}@media (width>=480px){.afspraakrij--alleen-wissel>.icoonknop{margin-right:104px}}@media (width<=479px){.afspraakrij{flex-wrap:wrap}.afspraakrij>.volgende{flex-basis:100%}.afspraakrij>.volgende+.icoonknop{margin-left:80px}.afspraakrij--een{flex-wrap:nowrap}.afspraakrij--een>.volgende{flex-basis:auto}.afspraakrij--een>.volgende+.icoonknop{margin-left:0}}.icoonknop:disabled{opacity:.5;cursor:default}.volgende__datum{background:var(--kleur-zwart-zacht);border-top:3px solid var(--kleur-goud);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:64px;padding:8px 0 9px;display:flex}.volgende__dag,.volgende__maand{letter-spacing:.06em;text-transform:uppercase;color:var(--kleur-tekst-zacht);font-size:12px;font-weight:600;line-height:1.1}.volgende__nummer{font-family:var(--lettertype-titel);font-variant-numeric:lining-nums;color:var(--kleur-kop);font-size:30px;font-weight:600;line-height:1}.volgende__inhoud{flex-direction:column;gap:3px;min-width:0;display:flex}.volgende__tijd{font-family:var(--lettertype-titel);font-variant-numeric:lining-nums tabular-nums;color:var(--kleur-goud-tekst);font-size:24px;font-weight:600;line-height:1.1}.volgende__naam{color:var(--kleur-kop);overflow-wrap:anywhere;font-size:16px;font-weight:600}.volgende__regel{color:var(--kleur-tekst-zacht);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.volgende__pijl{color:var(--kleur-goud);font-size:28px;line-height:1}.detailkop__iconen{flex:none;gap:12px;margin-top:2px;display:flex}.icoonknop{border:1px solid var(--kleur-goud-rand,var(--kleur-rand));width:44px;height:44px;color:var(--kleur-goud);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.icoonknop:hover,.icoonknop[aria-pressed=true]{background:var(--kleur-vlak);color:var(--kleur-kop)}.icoonknop:active{background:var(--kleur-zwart)}.icoonknop--gevaar:hover{color:var(--kleur-aftrek);border-color:var(--kleur-aftrek)}.veld-fout{color:var(--kleur-aftrek);margin:0;font-size:13px;line-height:1.35}.invoer--fout{border-color:var(--kleur-aftrek)}.invoer--bedrag{max-width:160px}.form-stack .invoer,.form-stack .keuze,.form-stack textarea.invoer{scroll-margin-bottom:calc(var(--nav-hoogte) + 96px + var(--toetsenbord,0px))}.actiebalk{z-index:4;background:var(--kleur-vlak);bottom:max(calc(var(--nav-hoogte) + var(--veilig-onder)), var(--toetsenbord,0px));flex-wrap:wrap;gap:8px;margin:4px -18px -16px;padding:10px 18px 12px;display:flex;position:sticky}.actiebalk--pagina{pointer-events:none;background:0 0;justify-content:center;margin:0;padding:12px 0 10px}.actiebalk--pagina .knop{pointer-events:auto;border-radius:999px;min-width:min(100%,260px);box-shadow:0 10px 28px #13313347}.actiebalk--pagina .knop--breed{width:auto}.inhoud--vervolg{padding-top:0}.prijsopbouw__blok{flex-direction:column;gap:4px;display:flex}.planner__snel{flex-wrap:wrap;gap:8px;max-width:100%;display:flex}.planner .chip{flex:3.4rem;justify-content:center;align-items:center;min-width:3.4rem;min-height:44px;padding-inline:8px;display:inline-flex}.planner__velden{flex-direction:column;gap:12px;min-width:0;display:flex}.planner__weeknav{flex-wrap:wrap;gap:8px;display:flex}.planner__weekvan{margin:0}.planner .week{grid-auto-flow:unset;scrollbar-width:thin;scrollbar-color:var(--kleur-goud-rand) transparent;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;padding-bottom:6px;display:grid;overflow-x:auto}.planner .week::-webkit-scrollbar{height:8px}.planner .week::-webkit-scrollbar-thumb{background:var(--kleur-goud-rand);border-radius:99px}.planner .week::-webkit-scrollbar-track{background:0 0}.planner .week__dag{text-align:center;justify-content:center;align-items:center;gap:2px;min-width:0;min-height:76px;padding:6px 2px}.week__dagnummer{color:var(--kleur-kop);font-size:16px;font-weight:600}.week__stip{background:var(--kleur-goud);min-width:18px;height:18px;color:var(--kleur-knop-tekst);border-radius:999px;place-items:center;padding:0 4px;font-size:11px;font-weight:700;display:inline-grid}.week__stip--leeg{border:1px solid var(--kleur-rand);background:0 0;width:8px;min-width:8px;height:8px;padding:0}.planner__actie{flex-direction:column;align-items:stretch;gap:6px}.planner__actie .knop{width:100%}.planner__melding{color:var(--kleur-kop);margin:0;font-size:14px}.planner__melding--fout{color:var(--kleur-aftrek)}.updatebalk{z-index:30;left:12px;right:12px;bottom:calc(var(--nav-hoogte) + var(--veilig-onder) + 8px);justify-content:center;display:flex;position:fixed}.updatebalk__knop{border:1px solid var(--kleur-goud);background:var(--kleur-zwart);width:min(100%,520px);min-height:44px;color:var(--kleur-kop);cursor:pointer;border-radius:999px;padding:0 16px;font-size:15px;font-weight:600}html[data-update-wacht] .planner__actie{bottom:max(calc(var(--nav-hoogte) + var(--veilig-onder) + 64px), calc(var(--toetsenbord,0px) + 8px))}.dialoog-achter{z-index:40;background:#081010b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialoog{border-radius:var(--radius-kaart);border:1px solid var(--kleur-rand);background:var(--kleur-vlak);flex-direction:column;gap:12px;width:min(100%,420px);padding:20px;display:flex}.dialoog h2{font-family:var(--lettertype-titel);color:var(--kleur-kop);font-size:28px;font-weight:300}.dialoog p{margin:0}.dialoog__acties{flex-wrap:wrap;gap:8px;display:flex}@media (width>=900px){.actiebalk{bottom:var(--toetsenbord,0px)}.planner__velden{grid-template-columns:repeat(3,minmax(0,16rem));justify-content:start;display:grid}.planner__actie{align-items:flex-start}.planner__actie .knop{width:auto;min-width:240px}html[data-update-wacht] .planner__actie{bottom:72px}.toast{bottom:max(16px, calc(var(--toetsenbord,0px) + 16px))}html[data-update-wacht] .toast{bottom:72px}.updatebalk{justify-content:flex-start;bottom:16px;left:92px}}@media (width>=1200px){.updatebalk{left:calc(var(--breedte-menu) + 24px)}}.toast--melding{justify-content:flex-start;padding:12px 16px}.maandbalk{align-items:center;gap:8px;display:flex}.maandbalk__titel{text-align:center;min-width:0;font-family:var(--lettertype-titel);color:var(--kleur-kop);text-transform:capitalize;flex:auto;font-size:26px;font-weight:600;line-height:1.15}.maandbalk__titel span{white-space:nowrap}.maandbalk__kort{display:none}@media (width<=479px){.maandbalk__lang{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.maandbalk__kort{display:inline}}.maandbalk__vandaag{flex:none}.maandbalk__vandaag:disabled{opacity:.5;cursor:default}.maand{border-radius:var(--radius-kaart);border:1px solid var(--kleur-rand);background:var(--kleur-vlak);grid-template-columns:26px repeat(7,minmax(0,1fr));gap:3px;padding:10px 8px 8px;display:grid}.maand__hoek{display:block}.maand__weekdag{text-align:center;color:var(--kleur-tekst-zacht);padding-bottom:4px;font-size:12px;font-weight:600}.maand__weeknr{color:var(--kleur-tekst-zacht);justify-content:center;align-items:flex-start;padding-top:8px;font-size:11px;display:flex}.maand__dag{min-width:0;min-height:50px;color:var(--kleur-tekst);cursor:pointer;font:inherit;text-align:center;background:0 0;border:1px solid #0000;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:4px 2px;display:flex}.maand__dag:hover{background:var(--kleur-vlak-zacht)}.maand__dag--buiten .maand__nummer{color:var(--kleur-nav-inactief);opacity:.7}.maand__dag--gekozen{border-color:var(--kleur-goud);background:var(--kleur-vlak-zacht)}.maand__nummer{width:28px;height:28px;color:var(--kleur-kop);border-radius:50%;place-items:center;font-size:15px;font-weight:600;line-height:1;display:inline-grid}.maand__dag--vandaag .maand__nummer{background:var(--kleur-goud);color:var(--kleur-knop-tekst)}.maand__stippen{flex-wrap:wrap;justify-content:center;gap:2px;max-width:100%;min-height:8px;display:flex}.maand__stip{background:var(--kleur-goud);border:1px solid var(--kleur-goud);box-sizing:border-box;border-radius:50%;flex:none;width:7px;height:7px;display:inline-block}.maand__stip--gezin{border-color:var(--kleur-goud-tekst);background:0 0}.maand__aantal{background:var(--kleur-goud);min-width:18px;height:16px;color:var(--kleur-knop-tekst);border-radius:999px;place-items:center;padding:0 4px;font-size:11px;font-weight:700;line-height:1;display:inline-grid}.maand__regels{display:none}.maand__legenda{align-items:center;gap:6px;margin:0;display:flex}.maand__legenda .maand__stip:not(:first-child){margin-left:8px}.sectie__kop{justify-content:space-between;align-items:center;gap:12px;display:flex}.sectie__kop .sectiekop{overflow-wrap:anywhere;min-width:0}.sectie__kop .sectiekop:first-letter{text-transform:uppercase}.sectie__kop .knop{flex:none}.agendalijst{background:var(--kleur-vlak);border:1px solid var(--kleur-rand);border-radius:var(--radius-kaart);flex-direction:column;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.agendalijst>li+li{border-top:1px solid var(--kleur-rand-zacht)}.agendarij{min-height:56px;color:var(--kleur-tekst);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 16px;font-size:15px;text-decoration:none;transition:background-color .15s;display:grid}.agendarij--link{grid-template-columns:auto 1fr auto auto}.agendarij--link:hover{background:var(--kleur-vlak-zacht);color:var(--kleur-tekst)}.agendarij--link:active{background:var(--kleur-vlak-zacht)}.agendarij__tijd{white-space:nowrap;color:var(--kleur-kop);flex-direction:column;min-width:3.4em;font-weight:600;display:flex}.agendarij__start{font-size:16px}.agendarij__eind{color:var(--kleur-tekst-zacht);font-size:12px;font-weight:400}.agendarij__inhoud{flex-direction:column;gap:2px;min-width:0;display:flex}.agendarij__naam{color:var(--kleur-kop);overflow-wrap:anywhere;font-size:16px;font-weight:600}.agendarij__hint{color:var(--kleur-tekst-zacht);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.agendarij__hint--koppel{color:var(--kleur-goud-tekst);white-space:normal}.agendarij__bron{color:var(--kleur-tekst-zacht);white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:inline-flex}.agendarij__pijl{color:var(--kleur-goud);display:inline-flex}.maand--volgende{animation:.18s ease-out maand-van-rechts}.maand--vorige{animation:.18s ease-out maand-van-links}@keyframes maand-van-rechts{0%{opacity:.4;transform:translate(24px)}}@keyframes maand-van-links{0%{opacity:.4;transform:translate(-24px)}}@media (prefers-reduced-motion:reduce){.maand--volgende,.maand--vorige{animation:none}}@media (width>=720px){.maand{gap:4px;padding:12px}.maand__dag{align-items:stretch;min-height:92px;padding:4px}.maand__nummer{align-self:flex-start}.maand__stippen{display:none}.maand__regels{flex-direction:column;gap:2px;min-width:0;display:flex}.maand__regel{text-align:left;background:var(--kleur-goud);color:var(--kleur-knop-tekst);text-overflow:ellipsis;white-space:nowrap;border-radius:4px;padding:2px 5px;font-size:11px;line-height:1.25;display:block;overflow:hidden}.maand__regel--gezin{color:var(--kleur-kop);outline:1px solid var(--kleur-goud-rand);outline-offset:-1px;background:0 0}.maand__regel--meer{color:var(--kleur-tekst-zacht);background:0 0;padding-left:2px}.maand__legenda{display:none}}.kerncijfers{grid-template-columns:repeat(3,minmax(0,1fr))}.gegevens.kerncijfers dd.kerncijfer{font-family:var(--lettertype-titel);color:var(--kleur-goud-tekst);font-size:34px;font-weight:600;line-height:1}.gegevens.kerncijfers dd.kerncijfer--geld{white-space:nowrap;font-size:28px}@media (width<=480px){.kerncijfers{gap:10px 12px}.kerncijfers dt{letter-spacing:.03em;font-size:11px}.gegevens.kerncijfers dd.kerncijfer{font-size:28px}.gegevens.kerncijfers dd.kerncijfer--geld{font-size:20px}.gegevens.kerncijfers dd.kerncijfers__bijschrift{font-size:12px}}.gegevens.kerncijfers dd.kerncijfers__bijschrift{margin-top:4px;font-size:13px}.staafgrafiek__waarde{min-height:12px;color:var(--kleur-tekst-zacht);text-align:center;font-size:12px;line-height:1}.staafgrafiek__staaf--leeg{background:0 0;min-height:0}.weekgroep__kop{font-family:var(--lettertype);color:var(--kleur-kop);margin:4px 0 0;font-size:15px;font-weight:600;line-height:1.3}.staafgrafiek--weken{grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;height:150px;padding-top:0}.staafgrafiek--maanden{height:110px}.staafgrafiek--sms{height:124px}.staafgrafiek__knop{appearance:none;color:inherit;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:6px;margin:0;padding:4px 2px}.staafgrafiek__knop .staafgrafiek__staaf{opacity:.55}.staafgrafiek__knop[aria-pressed=true]{background:var(--kleur-zwart-zacht)}.staafgrafiek__knop[aria-pressed=true] .staafgrafiek__staaf{opacity:1}.staafgrafiek__knop[aria-pressed=true] .staafgrafiek__label,.staafgrafiek__knop[aria-pressed=true] .staafgrafiek__waarde{color:var(--kleur-kop);font-weight:600}.staafgrafiek__knop:focus-visible{outline:2px solid var(--kleur-goud);outline-offset:1px}.kaart__meer{width:100%}.gegevens dd.notities{white-space:pre-line}.badge--klein{min-height:26px;padding:0 8px;font-size:12px}.badge--open{background:var(--kleur-goud);border-color:var(--kleur-goud);color:var(--kleur-knop-tekst)}.badge--betaald,.badge--stil{color:var(--kleur-tekst-zacht);border-color:var(--kleur-rand)}.betaling__status{flex:none;align-items:center;gap:4px;display:flex}.betaling__status .badge{align-self:center}.betaling__bedrag{color:var(--kleur-kop);margin:0;font-size:18px;font-weight:600}.betaling__bedrag .zacht{font-size:13px;font-weight:400}.betaling__bericht{background:var(--kleur-achtergrond);border-left:3px solid var(--kleur-goud);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:8px;margin:0;padding:10px 12px;font-size:14px;line-height:1.4}.betaling__rij{gap:8px;display:flex}.betaling__rij .knop{flex:1 1 0}.betaling__intrekken{justify-content:flex-end;display:flex}.tekstknop--stil{color:var(--kleur-tekst-zacht);padding:0;font-size:14px;font-weight:500}.tekstknop[disabled]{opacity:.5;cursor:not-allowed}.icoonknop--stil{border-color:#0000;width:40px;height:40px}.icoonknop[disabled]{opacity:.5;cursor:not-allowed}.formacties{flex-wrap:wrap;gap:8px;display:flex}.formacties .knop{flex:1 1 0}.formacties .formacties__hoofd{flex:100%}@media (width>=600px){.formacties .formacties__hoofd{flex:1 1 0}}.openstaand{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.openstaand__rij{border-radius:var(--radius-kaart);background:var(--kleur-achtergrond);border:1px solid var(--kleur-rand);border-left:3px solid var(--kleur-goud);min-height:44px;color:inherit;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 12px;padding:10px 14px;text-decoration:none;display:grid}.openstaand__rij:hover{border-color:var(--kleur-goud)}.openstaand__naam{color:var(--kleur-kop);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.openstaand__bedrag{color:var(--kleur-kop);font-weight:600}.openstaand__meta{color:var(--kleur-tekst-zacht);grid-column:1/-1;font-size:13px}.inloggen{min-height:100dvh;padding:calc(24px + var(--veilig-boven)) 16px calc(24px + var(--veilig-onder));background:var(--kleur-achtergrond);justify-content:center;align-items:center;display:flex}.inloggen__kaart{gap:14px;width:min(100%,420px)}.inloggen__kaart h1{font-family:var(--lettertype-titel);color:var(--kleur-kop);font-size:32px;font-weight:600;line-height:1.1}.inloggen__kaart h2{border:0;padding:0;font-size:18px}.inloggen__logo{border-radius:8px;width:min(100%,300px);height:auto;display:block}.inloggen__koppel{border-top:1px solid var(--kleur-rand);flex-direction:column;gap:12px;padding-top:6px;display:flex}.inloggen__koppel input{width:100%;min-height:46px;color:var(--kleur-tekst);background:var(--kleur-vlak-zacht);border:1px solid var(--kleur-invoer-rand);border-radius:var(--radius-invoer);padding:10px 12px;font-size:16px}.inloggen__code{letter-spacing:.12em;text-transform:uppercase;text-align:center;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:22px}.vergrendeld{min-height:100dvh;padding:calc(24px + var(--veilig-boven)) 16px calc(24px + var(--veilig-onder));background:var(--kleur-achtergrond);flex-direction:column;justify-content:center;align-items:center;gap:28px;display:flex}.vergrendeld__logo{border-radius:8px;width:min(100%,300px);height:auto;display:block}.vergrendeld__melding{text-align:center;max-width:300px}.vergrendeld__uitloggen{margin-top:8px}.vergrendeld__kop{text-align:center;flex-direction:column;align-items:center;gap:8px;max-width:300px;display:flex}.vergrendeld__titel{font-family:var(--lettertype-titel);color:var(--kleur-kop);font-size:32px;font-weight:600;line-height:1.1}.vergrendeld__tekst{margin:0}.vergrendeld__knop{width:248px}.visueel-verborgen{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.cijferpad{flex-direction:column;align-items:center;gap:16px;display:flex}.cijferpad__bolletjes{justify-content:center;gap:14px;display:flex}.cijferpad__bol{border:2px solid var(--kleur-goud);border-radius:50%;width:16px;height:16px}.cijferpad__bol--vol{background:var(--kleur-goud)}.cijferpad__toetsen{grid-template-columns:repeat(3,76px);gap:10px;display:grid}.cijferpad__toets{border:1px solid var(--kleur-invoer-rand);background:var(--kleur-vlak-zacht);width:76px;height:60px;color:var(--kleur-kop);font-variant-numeric:tabular-nums;cursor:pointer;border-radius:14px;justify-content:center;align-items:center;font-size:26px;font-weight:500;display:inline-flex}.cijferpad__toets:hover{border-color:var(--kleur-goud)}.cijferpad__toets[disabled]{opacity:.5;cursor:not-allowed}.cijferpad__toets--passkey{color:var(--kleur-goud)}.cijferpad__toetsen--alleen{grid-template-columns:76px}.schakelaar{width:100%;min-height:48px;color:var(--kleur-tekst);cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;padding:4px 0;font-size:16px;font-weight:600;display:flex}.schakelaar[disabled]{opacity:.5;cursor:not-allowed}.schakelaar__tekst{flex-direction:column;gap:2px;display:flex}.schakelaar__sub{color:var(--kleur-tekst-zacht);font-size:13px;font-weight:400}.schakelaar__knop{background:var(--kleur-vlak-zacht);border:1px solid var(--kleur-invoer-rand);border-radius:999px;flex:none;width:52px;height:32px;transition:background .15s;position:relative}.schakelaar__knop:after{content:"";background:var(--kleur-vlak);border:1px solid var(--kleur-invoer-rand);border-radius:50%;width:24px;height:24px;transition:transform .15s;position:absolute;top:3px;left:3px}.schakelaar[aria-checked=true] .schakelaar__knop{background:var(--kleur-goud);border-color:var(--kleur-goud)}.schakelaar[aria-checked=true] .schakelaar__knop:after{background:var(--kleur-knop-tekst);border-color:var(--kleur-knop-tekst);transform:translate(20px)}.scherm-boven{z-index:30;background:var(--kleur-achtergrond);position:fixed;inset:0;overflow:auto}.apparaten{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.apparaten__rij{border-bottom:1px solid var(--kleur-rand);justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.apparaten__rij:last-child{border-bottom:0}.apparaten__tekst{flex-direction:column;gap:2px;min-width:0;display:flex}.apparaten__naam{flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:16px;font-weight:600;display:flex}.apparaten__dit{background:var(--kleur-goud);color:var(--kleur-knop-tekst);border-radius:999px;padding:2px 9px;font-size:12px;font-weight:600;line-height:1.4}.inloggen__qr{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.inloggen__qr p{margin:0}.inloggen__link{text-underline-offset:3px;align-self:flex-start;min-height:40px;padding:0;font-size:14px;text-decoration:underline}.qr{background:#fff;border-radius:8px;max-width:100%;height:auto;display:block}.sms-voorbeeld{background:var(--kleur-achtergrond);white-space:pre-wrap;border-radius:12px;margin:8px 0;padding:12px 14px}.sms-twee{grid-template-columns:1fr 1fr;gap:12px;display:grid}.sms-lijst{flex-direction:column;gap:10px;margin:8px 0 0;padding:0;list-style:none;display:flex}.sms-lijst li{align-items:center;gap:12px;display:flex}.sms-lijst__tijd{font-variant-numeric:tabular-nums;min-width:52px;color:var(--kleur-goud-tekst);flex:none;font-weight:600}.sms-lijst__tekst{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.sms-lijst__naam{font-weight:600}.instelling{flex-direction:column;gap:14px;width:100%;max-width:760px;display:flex}.kaart--lijst{gap:4px}.instelrij,.actierij{width:calc(100% + 16px);min-height:56px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:14px;margin:0 -8px;padding:10px 8px;text-decoration:none;display:flex}.instelrij+.instelrij,.actierij+.actierij{border-top:1px solid var(--kleur-rand-zacht);border-top-left-radius:0;border-top-right-radius:0}.instelrij:hover,.actierij:hover{background:var(--kleur-vlak-zacht);color:inherit}.instelrij__icoon,.actierij__icoon{background:var(--kleur-vlak-zacht);width:36px;height:36px;color:var(--kleur-kop);border-radius:10px;flex:none;justify-content:center;align-items:center;display:inline-flex}.actierij__icoon{color:var(--kleur-goud-tekst)}.instelrij__tekst,.actierij__label{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.instelrij__naam{color:var(--kleur-kop);font-size:16px;font-weight:600}.instelrij__regel{color:var(--kleur-tekst-zacht);font-size:13px;line-height:1.35}.instelrij__regel--let-op{color:var(--kleur-oranje-tekst)}.instelrij__regel--fout{color:var(--kleur-fout)}.instelrij__stip{background:#e0a43a;border-radius:50%;flex:none;width:9px;height:9px}.instelrij__stip--fout{background:var(--kleur-aftrek)}.instelrij__pijl,.actierij__pijl{color:var(--kleur-goud);flex:none;display:inline-flex}.actierij__label{color:var(--kleur-kop);font-size:15px;font-weight:600}.actierij__sub{color:var(--kleur-tekst-zacht);font-size:13px;font-weight:400}.actierij--gevaar .actierij__label,.actierij--gevaar .actierij__icoon{color:var(--kleur-aftrek)}.actierij[disabled]{opacity:.5;cursor:not-allowed}.actielijst{flex-direction:column;display:flex}.statusregel{flex-wrap:wrap;align-items:center;gap:6px 12px;display:flex}.statuschip{border-radius:999px;align-items:center;gap:6px;min-height:26px;padding:0 10px;font-size:13px;font-weight:600;display:inline-flex}.statuschip:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px}.statuschip--ok{color:#1d6440;background:#e4f1e9}.statuschip--let-op{background:var(--kleur-oranje-zacht);color:var(--kleur-oranje-tekst)}.statuschip--fout{color:var(--kleur-fout);background:#f8e6e3}.statuschip--rust{background:var(--kleur-vlak-zacht);color:var(--kleur-tekst-zacht)}.waarden{flex-direction:column;margin:0;display:flex}.waarden>div{border-top:1px solid var(--kleur-rand-zacht);justify-content:space-between;align-items:baseline;gap:16px;padding:10px 0;display:flex}.waarden>div:first-child{border-top:0;padding-top:2px}.waarden dt{color:var(--kleur-tekst-zacht);white-space:nowrap;flex:none;font-size:15px}.waarden dd{color:var(--kleur-kop);text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0;font-size:15px;font-weight:600}.dashboard{gap:22px}.labelkop{letter-spacing:.12em;text-transform:uppercase;color:var(--kleur-goud-tekst);margin:0;font-size:12px;font-weight:600}.lijstkaart{background:var(--kleur-vlak);border:1px solid var(--kleur-rand);border-radius:var(--radius-kaart);flex-direction:column;display:flex;overflow:hidden}.lijstkaart>*+*{border-top:1px solid var(--kleur-rand-zacht)}.lijstkaart__leeg{color:var(--kleur-tekst-zacht);margin:0;padding:14px 16px;font-size:14px}.lijstkaart .afspraak{background:0 0;border:0;border-radius:0;gap:14px;min-height:0;padding:14px 16px;transition:background-color .15s}.lijstkaart>.afspraak+.afspraak{border-top:1px solid var(--kleur-rand-zacht)}.lijstkaart a.afspraak:hover{background:var(--kleur-vlak-zacht);border-color:var(--kleur-rand-zacht)}.lijstkaart a.afspraak:active{background:var(--kleur-vlak-zacht);transform:none}.lijstkaart .afspraak--gedimd{background:var(--kleur-achtergrond)}.lijstkaart .afspraak__tijd{min-width:64px;padding-right:14px}.lijstkaart .afspraak__start{font-size:28px}.lijstkaart .afspraak__naam{font-family:var(--lettertype);font-size:16px;font-weight:600;line-height:1.25}.afspraak__sub{color:var(--kleur-tekst-zacht);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.35;display:-webkit-box;overflow:hidden}.afspraak__sub--koppel{color:var(--kleur-goud-tekst)}.lijstkaart .afspraak__pijl{color:var(--kleur-goud);display:inline-flex}.lijstrij{min-height:60px;color:inherit;align-items:center;gap:14px;padding:12px 16px;text-decoration:none;display:flex}.lijstrij:hover{background:var(--kleur-vlak-zacht);color:inherit}.lijstrij__letter{background:var(--kleur-vlak-zacht);width:38px;height:38px;color:var(--kleur-kop);font-family:var(--lettertype-titel);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:20px;font-weight:600;display:flex}.lijstrij__tekst{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.lijstrij__naam{color:var(--kleur-kop);overflow-wrap:anywhere;font-size:16px;font-weight:600}.lijstrij__sub{color:var(--kleur-tekst-zacht);font-size:13px;line-height:1.35}.lijstrij__rang{text-align:center;width:22px;color:var(--kleur-goud-tekst);flex:none;font-size:15px;font-weight:600}.lijstrij__bedrag{color:var(--kleur-goud-tekst);flex:none;font-size:15px;font-weight:600}.lijstrij__pijl{color:var(--kleur-goud);flex:none;display:inline-flex}.lijstrij--meer{min-height:48px}.lijstrij--meer .lijstrij__tekst{color:var(--kleur-goud-tekst);font-size:14px;font-weight:600}.tegels{color:inherit;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;text-decoration:none;display:grid}.tegels:hover{color:inherit}.tegels:hover .tegel{border-color:var(--kleur-goud)}.tegel{background:var(--kleur-vlak);border:1px solid var(--kleur-rand);border-radius:var(--radius-kaart);flex-direction:column;gap:6px;min-width:0;padding:14px 14px 12px;display:flex}.tegel__getal{font-family:var(--lettertype-titel);font-variant-numeric:lining-nums tabular-nums;color:var(--kleur-kop);white-space:nowrap;text-overflow:ellipsis;font-size:28px;font-weight:600;line-height:1;overflow:hidden}.tegel__getal--let-op{color:var(--kleur-goud-tekst)}.tegel__getal--geld{text-overflow:clip;letter-spacing:-.01em;font-size:23px;overflow:visible}.tegel__getal--geld:before{content:"​";font-size:28px}.tegel__label{color:var(--kleur-tekst-zacht);font-size:12px}.tegel__periode{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.actiebalk--zwevend{z-index:6;left:0;right:0;bottom:max(calc(var(--nav-hoogte) + var(--veilig-onder) + 10px), calc(var(--toetsenbord,0px) + 12px));padding:0 20px;position:fixed}.inhoud:has(.actiebalk--zwevend){padding-bottom:96px}.actiebalk--zwevend:has(.knop+.knop) .knop{flex:0 160px;min-width:0}@media (width>=900px){.actiebalk--zwevend{left:76px;bottom:max(20px, calc(var(--toetsenbord,0px) + 12px))}}@media (width>=1200px){.actiebalk--zwevend{left:var(--breedte-menu)}}.labelrij{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.lijstrij--knop{border:0;border-top:1px solid var(--kleur-rand-zacht);width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0}.staafgrafiek__kolom--later .staafgrafiek__label{opacity:.45}.staafgrafiek__knop[disabled]{cursor:default}