@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:#b47e1e;--c-success:#4a7c59;--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}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);color:#fff}button:hover,.btn:hover{background:var(--c-primary-dark);color:#fff}button:disabled,.btn:disabled{opacity:.45;cursor:default;pointer-events:none}input,select,textarea{font-family:var(--font-body);border:1.5px solid var(--c-accent-soft);border-radius:var(--radius-sm);background:var(--c-surface);color:var(--c-text);padding:.7em 1em;font-size:max(16px,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;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)}.card{background:var(--c-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:1.5rem}ul.entries{flex-direction:column;gap:.4rem;margin:.5rem 0 .75rem;padding:0;list-style:none;display:flex}.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) 10%, 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-hon{flex-shrink:1;width:10rem;min-width:5.5rem;font-weight:700}.niet-gewerkt-tekst{color:var(--c-text-soft);font-style:italic}.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{align-items:center;gap:.4rem;margin-left:auto;display:flex}.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<=720px){.entries li{flex-wrap:wrap}.entries li.koppen{display:none}.c-waar{flex-basis:100%;order:5;width:auto}.c-hon{width:auto;margin-left:auto}}
