@font-face{font-family:Satoshi;src:url(../../../fonts/Satoshi-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url(../../../fonts/Satoshi-Italic.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Satoshi;src:url(../../../fonts/Satoshi-Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url(../../../fonts/Satoshi-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Clash Display;src:url(../../../fonts/ClashDisplay-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Clash Display;src:url(../../../fonts/ClashDisplay-Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Clash Display;src:url(../../../fonts/ClashDisplay-Semibold.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}:root{--c-bg:#e7eff2;--c-surface:#fff;--c-text:#1a160f;--c-text-soft:#5c564c;--c-primary:#78b1c6;--c-primary-dark:#5d97ad;--c-accent:#410016;--c-accent-soft:#d9cdd9;--c-creme:#f9f4ee;--c-pink:#eaa0a5;--c-danger:#b3261e;--c-warning:#96650f;--c-success:#436f50;--c-focus:#410016;--c-primary-diep:#3d7387;--status-concept-rij:color-mix(in srgb, var(--c-accent-soft) 60%, var(--c-surface));--status-concept-rij-hover:var(--c-accent-soft);--status-concept-tag:var(--c-accent-soft);--status-concept-tag-tekst:var(--c-accent);--status-verstuurd-rij:var(--c-bg);--status-verstuurd-rij-hover:color-mix(in srgb, var(--c-primary) 35%, var(--c-surface));--status-verstuurd-tag:color-mix(in srgb, var(--c-primary) 38%, var(--c-surface));--status-verstuurd-tag-tekst:color-mix(in srgb, var(--c-primary-diep) 70%, var(--c-text));--status-betaald-rij:color-mix(in srgb, var(--c-success) 10%, var(--c-surface));--status-betaald-rij-hover:color-mix(in srgb, var(--c-success) 26%, var(--c-surface));--status-betaald-tag:color-mix(in srgb, var(--c-success) 20%, var(--c-surface));--status-betaald-tag-tekst:color-mix(in srgb, var(--c-success) 80%, var(--c-text));--font-body:"Satoshi", -apple-system, system-ui, sans-serif;--font-display:"Clash Display", var(--font-body);--radius-sm:.625rem;--radius-md:1.25rem;--radius-lg:2rem;--shadow-sm:0 3px 6px 0 #00000014;--shadow-md:10px 10px 30px 0 #0000001f;--sidebar-width:240px;--bottomnav-height:64px;--ease:cubic-bezier(.17, .84, .44, 1)}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{font-family:var(--font-body);background:var(--c-bg);color:var(--c-text);-webkit-font-smoothing:antialiased;overscroll-behavior:contain;line-height:1.4}h1,h2,h3,h4{font-family:var(--font-display);color:var(--c-accent);margin:0 0 .5em;font-weight:600;line-height:1.1}h1{font-size:2rem}h1:after{content:".";color:var(--c-primary)}h2{font-size:1.5rem}h3{font-size:1.2rem}p{margin:0 0 1em}a{color:var(--c-primary-dark)}button,.btn{font-family:var(--font-body);cursor:pointer;background:var(--c-surface);color:var(--c-text);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);transition:background .2s var(--ease), color .2s var(--ease), opacity .2s var(--ease);touch-action:manipulation;border:none;padding:.7em 1.4em;font-size:1rem;font-weight:600}button.primary,.btn.primary{background:var(--c-primary-diep);color:#fff}button.primary:hover,.btn.primary:hover{background:color-mix(in srgb, var(--c-primary-diep) 85%, #000);color:#fff}button.primary:active,.btn.primary:active{background:color-mix(in srgb, var(--c-primary-diep) 75%, #000);color:#fff}button.secondary,.btn.secondary{background:var(--c-surface);color:var(--c-text);box-shadow:none;border:1.5px solid var(--c-accent-soft)}button.secondary:hover,.btn.secondary:hover{background:var(--c-creme);color:var(--c-text)}button:hover,.btn:hover{background:var(--c-primary-dark);color:#fff}button:disabled,.btn:disabled{opacity:.4;cursor:default;pointer-events:none}button.primary:disabled,.btn.primary:disabled{opacity:1;background:color-mix(in srgb, var(--c-primary-diep) 15%, var(--c-surface));color:var(--c-text-soft);box-shadow:none}.dialoog-knoppen{flex-wrap:wrap-reverse;gap:.6rem;display:flex}.dialoog-knoppen button{white-space:nowrap;flex:1;justify-content:center;align-items:center;gap:.4rem;min-width:max-content;display:inline-flex}.dialoog-knoppen button>svg{flex:none}.dialoog-knoppen:not(.enkel) button.primary,.dialoog-knoppen:not(.enkel) button.gevaar-knop{border:1.5px solid #0000}.dialoog-knoppen.enkel{justify-content:flex-end}.dialoog-knoppen.enkel button{flex:none}.dialoog-knoppen.compact button{padding:.55em 1.2em;font-size:.95rem}.dialoogschelp{border-radius:var(--radius-md);box-shadow:var(--shadow-md);background:var(--c-surface);width:calc(100% - 2.5rem);max-width:30rem;color:var(--c-text);border:none;padding:0}.dialoogschelp.smal{max-width:26rem}.dialoogschelp::backdrop{background:#1a160f66}.dialoogschelp-inhoud{flex-direction:column;gap:.25rem;max-height:calc(100dvh - 3rem);padding:1.5rem;display:flex;overflow-y:auto}@media (width<=767px){.dialoogschelp{bottom:calc(var(--bottomnav-height,0px) + env(safe-area-inset-bottom,0px) + 1rem)}.dialoogschelp-inhoud{max-height:calc(100dvh - 3rem - var(--bottomnav-height,0px) - env(safe-area-inset-bottom,0px) - 1rem)}}.dialoogschelp-inhoud.ruim{gap:.9rem}@media (width<=767px){.dialoogschelp,.dialoogschelp-inhoud{overscroll-behavior:contain}html:has(dialog.dialoogschelp[open]){overscroll-behavior:none;overflow:hidden}html:has(dialog.dialoogschelp[open]) body{overscroll-behavior:none;overflow:hidden}}.dialoogschelp-kop{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.dialoogschelp-kop h3{margin:0}.dialoogschelp-kop .sluit{box-shadow:none;color:var(--c-text-soft);background:0 0;margin:-.25em -.25em 0 0;padding:.25em;display:flex}.dialoogschelp-kop .sluit:hover{color:var(--c-text);background:0 0}input,select,textarea{font-family:var(--font-body);font-size:max(16px, var(--veldmaat,1em));border:1.5px solid var(--c-accent-soft);border-radius:var(--radius-sm);background:var(--c-surface);color:var(--c-text);padding:.7em 1em}::placeholder{color:var(--c-text-soft);opacity:.45}input:focus,select:focus,textarea:focus{outline:2px solid var(--c-primary);outline-offset:1px;border-color:var(--c-primary)}select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235c564c' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .8em center;background-repeat:no-repeat;background-size:1em;width:fit-content;min-width:0;max-width:100%;padding-right:2.4em}.euroveld{background:var(--c-surface);border:1.5px solid var(--c-accent-soft);border-radius:var(--radius-sm);align-items:center;padding-left:.9em;display:inline-flex}.euroveld>span{color:var(--c-text-soft);font-weight:600}.euroveld>input{border:none;flex:1;min-width:0;padding-left:.35em}.euroveld>input:focus{outline:none}.euroveld:focus-within{outline:2px solid var(--c-primary);outline-offset:1px;border-color:var(--c-primary)}.euroveld.achter{padding-left:0;padding-right:.9em}.euroveld.achter>input{padding-left:.9em;padding-right:.35em}.card{background:var(--c-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:1.5rem}.card.leeg{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.card.leeg p{color:var(--c-text-soft);margin:0}.card.leeg .btn{text-decoration:none}@media only screen and (width<=768px){.card{padding:1.5rem 1rem}}.scroll-hint{--hint-links:0;--hint-rechts:0;--hint-rand:1.75rem;-webkit-mask-image:linear-gradient(to right, transparent 0, #000 calc(var(--hint-links) * var(--hint-rand)), #000 calc(100% - var(--hint-rechts) * var(--hint-rand)), transparent 100%);-webkit-mask-image:linear-gradient(to right, transparent 0, #000 calc(var(--hint-links) * var(--hint-rand)), #000 calc(100% - var(--hint-rechts) * var(--hint-rand)), transparent 100%);mask-image:linear-gradient(to right, transparent 0, #000 calc(var(--hint-links) * var(--hint-rand)), #000 calc(100% - var(--hint-rechts) * var(--hint-rand)), transparent 100%)}ul.entries{flex-direction:column;gap:.4rem;margin:.5rem 0 .75rem;padding:0;list-style:none;display:flex}@media only screen and (width<=768px){ul.entries{margin-bottom:-.5rem}}.entries li{background:var(--c-creme);border-radius:var(--radius-sm);align-items:center;gap:.75rem;min-height:3.1rem;padding:.35rem .6rem;display:flex}.entries li.koppen{letter-spacing:.04em;text-transform:uppercase;min-height:0;color:var(--c-text-soft);background:0 0;padding-top:0;padding-bottom:0;font-size:.72rem}.entries li.koppen .c-hon{color:var(--c-text);font-weight:700}.entries li.gevuld{background:color-mix(in srgb, var(--c-success) 5%, var(--c-surface))}.entries li.danger{background:color-mix(in srgb, var(--c-danger) 8%, var(--c-creme))}.entries li.danger .c-dag{color:var(--c-danger)}.entries li.stilletjes{background:var(--c-creme);opacity:.55}.entries li.stil{color:var(--c-text-soft);background:0 0;min-height:2.5rem;padding-top:0;padding-bottom:0}.c-dag{flex-shrink:0;align-items:center;gap:.35rem;width:7.5rem;font-weight:600;display:inline-flex}.c-waar{width:15rem;min-width:5rem;color:var(--c-text-soft);text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;overflow:hidden}.c-bedrag{flex-shrink:0;align-items:center;gap:.35rem;width:12rem;display:inline-flex}.c-regels{width:7rem;min-width:4rem;color:var(--c-text-soft);flex-shrink:1;align-items:center;gap:.3rem;display:inline-flex}.c-hon{flex-shrink:1;width:10rem;min-width:5.5rem;font-weight:700}.c-bedrag,.c-regels,.c-hon{white-space:nowrap}.c-regels,.c-hon{min-width:min-content}.niet-gewerkt-tekst{color:var(--c-text-soft);font-style:italic}.entries li.subtotaal{border-top:2px solid var(--c-text);background:0 0;border-radius:0;min-height:2.6rem;padding-top:.6rem;font-weight:700}.entries li.subtotaal .c-dag{color:var(--c-text)}.entries li.subtotaal .c-regels{font-weight:400}.entries li.subtotaal .sub-ind{background:color-mix(in srgb, var(--c-text-soft) 14%, var(--c-surface));color:var(--c-text-soft);border-radius:999px;margin-left:.5em;padding:.05em .5em;font-size:.72em;font-style:italic;font-weight:400}.entries li .icoon.verwijder{color:var(--c-text-soft)}.entries li .icoon.verwijder:hover{color:var(--c-danger)}.rij-form{align-items:center;gap:.4rem;display:flex}.rij-form .euroveld.rijveld{max-width:8.5rem}.rij-form .euroveld.rijveld>input{padding-top:.35em;padding-bottom:.35em}.verwijder-form{flex-shrink:0;justify-content:flex-end;align-items:center;gap:.4rem;min-width:4.6rem;margin-left:auto;display:flex}.entries li.koppen:after{content:"";flex-shrink:0;min-width:4.6rem}.niet-gewerkt-knop{box-shadow:none;border:1.5px solid var(--c-accent-soft);color:var(--c-text-soft);white-space:nowrap;background:0 0;padding:.35em .8em;font-size:.78rem}.niet-gewerkt-knop:hover{background:var(--c-text-soft);color:#fff}.icoon{box-shadow:none;color:var(--c-text-soft);background:0 0;padding:.3em;display:flex}.icoon:hover{color:var(--c-primary-dark);background:0 0}.icoon.verwijder{color:var(--c-danger)}.icoon.verwijder:hover{color:color-mix(in srgb, var(--c-danger) 70%, black)}.gevaar-knop{background:var(--c-danger);color:#fff}.gevaar-knop:hover{background:color-mix(in srgb, var(--c-danger) 75%, black)}.card.inactief-blok{border:1px solid var(--c-warning);background:color-mix(in srgb, var(--c-warning) 10%, var(--c-surface))}.card.inactief-blok p{margin:0 0 .75rem}.card.inactief-blok button{background:var(--c-text);color:#fff;align-self:flex-start}.card.inactief-blok button:hover{background:color-mix(in srgb, var(--c-text) 75%, #fff)}@media (width<=900px){.entries li{flex-wrap:wrap;align-items:baseline;gap:.15rem .6rem;padding:.6rem .8rem}.entries li.koppen{display:none}.c-dag{flex:60%;order:1;width:auto;font-size:.95rem}.c-hon{text-align:right;width:auto;min-width:0;color:var(--c-accent);font-variant-numeric:tabular-nums;flex:none;order:2;margin-left:auto;font-size:1rem;font-weight:800}.c-waar{flex-basis:100%;order:3;width:auto;margin:.1rem 0 0;font-size:.85rem}.c-bedrag:not(.rij-form){width:auto;color:var(--c-text-soft);flex:0 auto;order:4;gap:.3rem;font-size:.82rem;font-weight:400}.c-bedrag.rij-form{flex:100%;order:4;width:auto;margin-top:.15rem}.c-bedrag.rij-form .euroveld.rijveld{flex:auto;max-width:11rem}.c-regels{width:auto;min-width:0;color:var(--c-text-soft);flex:0 auto;order:5;font-size:.82rem}.entries li:not(.subtotaal) .c-regels .leeg-punt{display:none}.entries li:not(.subtotaal) .c-bedrag:not(.rij-form)+.c-regels:not(:has(.leeg-punt)):before{content:"·";color:var(--c-text-soft);margin-right:.3rem}.rij-acties,.verwijder-form{order:6;min-width:0;margin-left:auto}.rij-acties .icoon,.verwijder-inline .icoon{justify-content:center;align-items:center}.entries li:not(.koppen) .c-hon[data-label]:before{content:none}.entries li:not(.koppen) .c-bedrag[data-label]:before{content:"omzet ";color:var(--c-text-soft);font-size:inherit;text-transform:none;letter-spacing:0;font-weight:400}.entries li:not(.koppen) .c-regels[data-label]:before{content:none}.entries li.stilletjes .c-bedrag.niet-gewerkt-tekst{text-align:left;color:var(--c-text-soft);flex:auto;order:2;margin-left:.5rem;font-size:.9rem}.entries li.stilletjes .c-bedrag.niet-gewerkt-tekst:before{content:none}.entries li.stilletjes .c-regels,.entries li.stilletjes .c-hon{display:none}.entries li.stil .c-dag{flex:none}.entries li.stil .c-waar{flex:auto;order:2;margin:0}.entries li.stil .toch-form{flex-basis:100%;order:4;margin-top:.35rem}.entries li.invulrij .c-hon:empty,.entries li.invulrij .c-regels:empty{display:none}.entries li.invulrij .c-bedrag.rij-form{flex:auto}.entries li.invulrij .verwijder-form{order:6}.entries li.subtotaal{border-radius:0 0 .5rem .5rem;flex-wrap:wrap;align-items:baseline;gap:.3rem 0;padding:.7rem .55rem;display:flex}.entries li.subtotaal .c-dag{flex-basis:100%;width:auto;margin-bottom:.15rem;font-size:.95rem;font-weight:700}.entries li.subtotaal .c-waar{display:none}.entries li.subtotaal .c-bedrag{order:1}.entries li.subtotaal .c-regels{order:2}.entries li.subtotaal .c-hon{order:3}.entries li.subtotaal .c-bedrag,.entries li.subtotaal .c-regels,.entries li.subtotaal .c-hon{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;flex-wrap:nowrap;flex-basis:100%;justify-content:space-between;align-items:flex-end;gap:1rem;width:auto;min-width:0;margin:0;display:flex}.entries li.subtotaal .c-bedrag:before{content:"Praktijkomzet"}.entries li.subtotaal .c-regels:before{content:"Regels"}.entries li.subtotaal .c-hon:before{content:"Honorarium"}.entries li.subtotaal .c-regels.leeg{display:none}.entries li.subtotaal .c-bedrag:before,.entries li.subtotaal .c-regels:before,.entries li.subtotaal .c-hon:before{text-overflow:ellipsis;text-align:left;min-width:0;color:var(--c-text-soft);white-space:nowrap;flex:0 auto;font-weight:400;overflow:hidden}.entries li.subtotaal .c-hon{border-top:1.5px solid var(--c-accent-soft);color:var(--c-accent);margin-top:.4rem;padding-top:.5rem;font-size:1.12rem;font-weight:800}.entries li.subtotaal .c-hon:before{color:var(--c-text);font-weight:700}.entries li.subtotaal .verwijder-form{display:none}}.fout{color:var(--c-danger);margin:0;font-size:.9rem}.tekst-soft{color:var(--c-text-soft)}.tekst-klein{font-size:.9rem}.tekst-mini{font-size:.8rem}.tekst-intro{font-size:.95rem}.brand-name{font-family:var(--font-display);font-weight:600}.brand-name:after{content:".";color:var(--c-primary)}.paginakop{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.paginakop h1{margin:0}@media (width<=767px){.paginakop{margin-bottom:.85rem}}@media (pointer:coarse){.paginakop>h1{align-self:flex-start}}.formkolom{flex-direction:column;gap:.9rem;display:flex}.veldrij{flex-wrap:wrap;gap:.9rem;display:flex}.veld{flex-direction:column;gap:.3rem;display:flex}.veldlabel{font-size:.9rem;font-weight:500}.optioneel{color:var(--c-text-soft);font-size:.8rem;font-weight:400}.metsuffix{align-items:center;gap:.4rem;display:flex}.suffix{color:var(--c-text-soft)}.formulier-acties{align-items:center;gap:1rem;display:flex}.euroveld.compact{width:100%;padding-left:.55em}.euroveld.compact.achter{padding-left:0;padding-right:.55em}.euroveld.compact>span{flex:none;font-size:.9rem}.euroveld.compact input{width:100%}.pctveld{background:var(--c-surface);border:1.5px solid var(--c-accent-soft);border-radius:var(--radius-sm);align-items:center;gap:.3rem;padding-right:.8em;display:inline-flex}.pctveld>input{border:none;width:4.2rem;padding:.45em 0 .45em .8em}.pctveld>input:focus{outline:none}.pctveld:focus-within{outline:2px solid var(--c-primary);outline-offset:1px;border-color:var(--c-primary)}.pctveld>span{color:var(--c-text-soft);font-weight:600}.pctveld.compact{gap:.25rem;padding-right:.7em}.pctveld.compact>input{--veldmaat:.9rem;width:3.6rem;padding:.3em 0 .3em .7em}.icoonknop{box-shadow:none;color:var(--c-text-soft);background:0 0;border:none;padding:.35em;display:flex}.icoonknop:hover{color:var(--c-primary-dark);background:0 0}.icoonknop.verwijder:hover{color:var(--c-danger)}.tekstknop{box-shadow:none;color:var(--c-accent);background:0 0;border:none;padding:0;font-size:.85rem;text-decoration:underline}.tekstknop:hover{color:var(--c-primary-dark);background:0 0}.ghost{box-shadow:none;border:1px dashed var(--c-accent-soft);color:var(--c-text-soft);background:0 0;align-items:center;gap:.4rem;padding:.45em .9em;font-size:.9rem;display:inline-flex}.ghost:hover{background:var(--c-creme);color:var(--c-primary-dark);border-color:var(--c-primary)}.gevaar-tekstknop{box-shadow:none;color:var(--c-text-soft);cursor:pointer;transition:color .15s var(--ease);background:0 0;border:none;align-items:center;gap:.35rem;padding:.3em .4em;font-size:.85rem;display:inline-flex}.gevaar-tekstknop:hover{color:var(--c-danger);background:0 0}.pil{white-space:nowrap;background:var(--c-creme);color:var(--c-text);border-radius:999px;padding:.3em .8em;font-size:.85rem;font-weight:600;display:inline-block}.pil.klein{text-transform:uppercase;letter-spacing:.04em;padding:.15em .6em;font-size:.72rem}.pil.accent{background:var(--c-accent-soft);color:var(--c-accent)}.pil.zacht{background:var(--c-creme);color:var(--c-text-soft)}ul.facturen li.status-concept{background:var(--status-concept-rij)}ul.facturen li.status-verstuurd{background:var(--status-verstuurd-rij)}ul.facturen li.status-betaald{background:var(--status-betaald-rij)}.facturen .nummer{font-weight:600}.tekstknop.meticoon{align-items:center;gap:.35rem;display:inline-flex}.stil-knop{box-shadow:none;color:var(--c-primary-dark);text-underline-offset:.2em;background:0 0;border:none;align-self:flex-start;align-items:center;gap:.35rem;padding:.35em 0;font-size:.9rem;font-weight:500;text-decoration:underline;display:inline-flex}.stil-knop:hover{color:var(--c-accent);background:0 0}.stille-link{color:var(--c-primary-dark);font-size:.9rem;font-weight:600}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}a:focus-visible,button:focus-visible,.btn:focus-visible,summary:focus-visible,[role=button]:focus-visible,[role=switch]:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--c-focus);outline-offset:2px}@media (pointer:coarse){button,.btn,select,summary,[role=button],input:not([type=checkbox]):not([type=radio]):not([type=hidden]),textarea{min-height:44px}.icoon,.icoon-knop,.icoonknop,.info-knop,.sluit,.mini{justify-content:center;align-items:center;min-width:44px}nav a,.terug,.stap-link{min-height:44px}.terug,.stap-link{align-items:center;display:inline-flex}}
