@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--merk-donker: #0a121f;--merk-blauw: #155bec;--merk-accent: #719cf4;--merk-koel: #4f545e;--merk-cloud: #f4f7fb;--merk-licht: #f4f7fb;--grond: #f4f7fb;--vlak: #ffffff;--vlak-zacht: #f8fafd;--vlak-verhoogd: #ffffff;--rand: #d8dce1;--rand-sterk: #b7bbc2;--tekst: #0a121f;--tekst-zacht: #4f545e;--tekst-flauw: #686d75;--tekst-op-accent: #ffffff;--accent: #155bec;--accent-hover: #1151d6;--accent-zacht: #eaf0fd;--accent-rand: #b9cef9;--ring: #155bec;--groen: #027a48;--groen-zacht: #ecfdf3;--amber: #b54708;--amber-zacht: #fffaeb;--rood: #b42318;--rood-zacht: #fef3f2;--blauw: #175cd3;--blauw-zacht: #eff8ff;--neutraal-zacht: #eef2f6;--ruimte-1: 4px;--ruimte-2: 8px;--ruimte-3: 12px;--ruimte-4: 16px;--ruimte-5: 24px;--ruimte-6: 32px;--r-s: 6px;--r-m: 8px;--r-l: 12px;--r-xl: 16px;--schaduw-s: 0 1px 2px rgba(11, 19, 32, .06);--schaduw-m: 0 4px 12px rgba(11, 19, 32, .08);--schaduw-l: 0 16px 48px rgba(11, 19, 32, .18);--zij: 244px;--top: 56px;--snel: .14s;--normaal: .2s;--soepel: cubic-bezier(.2, 0, 0, 1);color-scheme:light}:root[data-thema=donker]{--grond: #060b13;--vlak: #0f1b2e;--vlak-zacht: #13223a;--vlak-verhoogd: #152642;--rand: #192d4d;--rand-sterk: #233f6c;--tekst: #eaf0fa;--tekst-zacht: #a7adb8;--tekst-flauw: #8a919c;--tekst-op-accent: #0a121f;--accent: #719cf4;--accent-hover: #8db0f6;--accent-zacht: #233556;--accent-rand: #385181;--ring: #719cf4;--groen: #5fd39a;--groen-zacht: #0d2a1f;--amber: #f5b955;--amber-zacht: #2c2110;--rood: #ff8b83;--rood-zacht: #2f1512;--blauw: #7cb8ff;--blauw-zacht: #12243c;--neutraal-zacht: #1a2536;--schaduw-s: 0 1px 2px rgba(0, 0, 0, .4);--schaduw-m: 0 4px 14px rgba(0, 0, 0, .45);--schaduw-l: 0 20px 56px rgba(0, 0, 0, .6);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--grond);color:var(--tekst);font-family:InterVariable,Inter,ui-sans-serif,system-ui,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;font-feature-settings:"cv05" 1,"ss01" 1;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;font-weight:620;letter-spacing:-.014em}h1{font-size:20px}h2{font-size:16px}h3{font-size:14px;color:var(--tekst-zacht)}p{margin:0 0 var(--ruimte-2)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:var(--r-s)}:focus:not(:focus-visible){outline:none}::selection{background:var(--accent-zacht);color:var(--tekst)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.getal,.bedrag,.cijfer,td.getal,th.getal{font-variant-numeric:tabular-nums}.app{display:grid;grid-template-columns:var(--zij) 1fr;min-height:100%}.overslaan{position:absolute;left:-9999px;top:0;background:var(--accent);color:var(--tekst-op-accent);padding:var(--ruimte-2) var(--ruimte-4);border-radius:var(--r-s);z-index:200}.overslaan:focus{left:var(--ruimte-3);top:var(--ruimte-3)}.zijbalk{background:var(--vlak);border-right:1px solid var(--rand);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;height:100dvh;padding:var(--ruimte-3) var(--ruimte-3) var(--ruimte-2);gap:2px}.zijbalk nav{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.merk{display:flex;align-items:center;gap:var(--ruimte-2);padding:var(--ruimte-1) var(--ruimte-2) var(--ruimte-4)}.merk img{width:28px;height:28px;flex:none}.merk-naam{font-weight:640;font-size:14px;letter-spacing:-.01em;line-height:1.2}.merk-omgeving{font-size:12.5px;color:var(--tekst-flauw);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.nav-groep{font-size:12.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--tekst-flauw);padding:var(--ruimte-4) var(--ruimte-2) var(--ruimte-1);font-weight:640}.nav-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:var(--r-s);color:var(--tekst-zacht);font-weight:520;font-size:14px;cursor:pointer;transition:background var(--snel) var(--soepel),color var(--snel) var(--soepel)}.nav-item:hover{background:var(--neutraal-zacht);color:var(--tekst);text-decoration:none}.nav-item.actief{background:var(--accent-zacht);color:var(--accent);font-weight:620}.nav-item .telling{margin-left:auto;font-size:12.5px;background:var(--neutraal-zacht);color:var(--tekst-zacht);border-radius:20px;padding:0 7px;font-weight:640}.nav-blok{margin-top:2px}.nav-groepknop{width:100%;border:none;background:none;font:inherit;text-align:left}.nav-groepknop .chevron{margin-left:auto;display:inline-flex;color:var(--tekst-flauw);transition:transform var(--snel) var(--soepel)}.nav-groepknop .chevron.open{transform:rotate(180deg)}.nav-sub{display:flex;flex-direction:column;gap:1px;margin:2px 0 4px 16px;padding-left:10px;border-left:1px solid var(--rand)}.nav-subitem{padding:5px 10px;font-size:14px}.zij-voet{margin-top:auto;border-top:1px solid var(--rand);padding-top:var(--ruimte-2);display:flex;flex-direction:column;gap:2px}.hoofd{display:flex;flex-direction:column;min-width:0}.topbalk{height:var(--top);background:color-mix(in srgb,var(--vlak) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--rand);display:flex;align-items:center;gap:var(--ruimte-3);padding:0 var(--ruimte-5);position:sticky;top:0;z-index:30}.zoekknop{display:flex;align-items:center;gap:var(--ruimte-2);flex:1;max-width:420px;padding:6px 10px;border:1px solid var(--rand);border-radius:var(--r-s);background:var(--vlak-zacht);color:var(--tekst-flauw);font:inherit;font-size:14px;cursor:pointer;text-align:left;transition:border-color var(--snel) var(--soepel)}.zoekknop:hover{border-color:var(--rand-sterk)}.toets{margin-left:auto;display:inline-flex;gap:2px;font-size:12.5px;font-weight:620;color:var(--tekst-flauw)}.toets kbd{font:inherit;background:var(--vlak);border:1px solid var(--rand);border-bottom-width:2px;border-radius:4px;padding:1px 5px;min-width:18px;text-align:center}.gebruiker{margin-left:auto;display:flex;align-items:center;gap:var(--ruimte-2)}.avatar{width:28px;height:28px;border-radius:50%;background:var(--accent-zacht);color:var(--accent);display:grid;place-items:center;font-weight:640;font-size:12.5px;flex:none}.inhoud{padding:var(--ruimte-5);display:flex;flex-direction:column;gap:var(--ruimte-4);max-width:1600px;width:100%}.paginakop{display:flex;align-items:flex-start;gap:var(--ruimte-3);flex-wrap:wrap}.paginakop .sub{color:var(--tekst-zacht);font-size:14px;margin-top:1px}.paginakop .acties{margin-left:auto;display:flex;gap:var(--ruimte-2)}.kaart{background:var(--vlak);border:1px solid var(--rand);border-radius:var(--r-l);box-shadow:var(--schaduw-s)}.kaart-kop{display:flex;align-items:center;gap:var(--ruimte-2);padding:var(--ruimte-3) var(--ruimte-4);border-bottom:1px solid var(--rand)}.kaart-kop .acties{margin-left:auto;display:flex;gap:var(--ruimte-1)}.kaart-body{padding:var(--ruimte-4)}.knop{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:6px 12px;border:1px solid var(--rand-sterk);border-radius:var(--r-s);background:var(--vlak);color:var(--tekst);font:inherit;font-size:14px;font-weight:550;cursor:pointer;white-space:nowrap;transition:background var(--snel) var(--soepel),border-color var(--snel) var(--soepel),transform var(--snel) var(--soepel)}.knop:hover:not(:disabled){background:var(--vlak-zacht);border-color:var(--rand-sterk)}.knop:active:not(:disabled){transform:translateY(1px)}.knop:disabled{opacity:.45;cursor:not-allowed}.knop.primair{background:var(--accent);border-color:var(--accent);color:var(--tekst-op-accent)}.knop.primair:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.knop.gevaar{color:var(--rood);border-color:color-mix(in srgb,var(--rood) 35%,var(--rand))}.knop.gevaar:hover:not(:disabled){background:var(--rood-zacht)}.knop.stil{border-color:transparent;background:transparent;color:var(--tekst-zacht)}.knop.stil:hover:not(:disabled){background:var(--neutraal-zacht);color:var(--tekst)}.knop.klein{min-height:28px;padding:3px 9px;font-size:12.5px}.knop.icoon{min-width:34px;padding:6px}.knop.icoon.klein{min-width:28px;padding:4px}.chip{display:inline-flex;align-items:center;gap:5px;padding:1px 8px;border-radius:20px;font-size:12.5px;font-weight:620;background:var(--neutraal-zacht);color:var(--tekst-zacht);white-space:nowrap;line-height:1.55}.chip:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.75}.chip.kaal:before{display:none}.chip.groen{background:var(--groen-zacht);color:var(--groen)}.chip.amber{background:var(--amber-zacht);color:var(--amber)}.chip.rood{background:var(--rood-zacht);color:var(--rood)}.chip.blauw{background:var(--blauw-zacht);color:var(--blauw)}.chip.accent{background:var(--accent-zacht);color:var(--accent)}.filterbalk{display:flex;gap:var(--ruimte-2);align-items:center;flex-wrap:wrap}.filterknop{min-height:30px;padding:4px 11px;border-radius:20px;border:1px solid var(--rand);background:var(--vlak);color:var(--tekst-zacht);cursor:pointer;font:inherit;font-size:12.5px;font-weight:550;transition:all var(--snel) var(--soepel)}.filterknop:hover{border-color:var(--rand-sterk);color:var(--tekst)}.filterknop.aan{background:var(--accent-zacht);border-color:var(--accent-rand);color:var(--accent)}.veldzoek{position:relative;display:flex;align-items:center;min-width:200px}.veldzoek svg{position:absolute;left:9px;color:var(--tekst-flauw);pointer-events:none}.veldzoek input{width:100%;min-height:32px;padding:5px 10px 5px 30px;border:1px solid var(--rand);border-radius:var(--r-s);background:var(--vlak);color:var(--tekst);font:inherit;font-size:14px}.tabelwrap{overflow-x:auto}table.lijst{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}table.lijst th{text-align:left;font-weight:620;font-size:12.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--tekst-flauw);padding:8px var(--ruimte-4);border-bottom:1px solid var(--rand);white-space:nowrap;background:var(--vlak);position:sticky;top:0;z-index:1}table.lijst th.sorteerbaar{cursor:pointer;-webkit-user-select:none;user-select:none}table.lijst th.sorteerbaar:hover{color:var(--tekst)}table.lijst th .pijl{margin-left:4px;opacity:.9}table.lijst th[aria-sort]{color:var(--accent)}table.lijst td{padding:9px var(--ruimte-4);border-bottom:1px solid var(--rand);vertical-align:middle}table.lijst tbody tr:last-child td{border-bottom:none}table.lijst tbody tr.klikbaar{cursor:pointer}table.lijst tbody tr.klikbaar:hover td{background:var(--vlak-zacht)}table.lijst tbody tr.gekozen td{background:var(--accent-zacht)}table.lijst td.getal,table.lijst th.getal{text-align:right}.hoofdcel{font-weight:600;color:var(--tekst)}.subcel{color:var(--tekst-flauw);font-size:12.5px}.celstapel{display:flex;gap:4px;flex-wrap:wrap}.leeg{padding:var(--ruimte-6) var(--ruimte-5);text-align:center;color:var(--tekst-flauw);display:flex;flex-direction:column;align-items:center;gap:var(--ruimte-2)}.leeg h3{color:var(--tekst);font-size:14px}.leeg p{max-width:44ch;margin:0}.skelet{background:linear-gradient(90deg,var(--neutraal-zacht) 25%,color-mix(in srgb,var(--neutraal-zacht) 55%,var(--vlak)) 37%,var(--neutraal-zacht) 63%);background-size:400% 100%;animation:schuif 1.4s ease-in-out infinite;border-radius:var(--r-s)}@keyframes schuif{0%{background-position:100% 50%}to{background-position:0 50%}}.veldraster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ruimte-3) var(--ruimte-4)}.veldraster .breed{grid-column:1 / -1}@media(max-width:680px){.veldraster{grid-template-columns:1fr}}.veld{display:flex;flex-direction:column;gap:4px;min-width:0}.veld>label{font-size:12.5px;font-weight:600;color:var(--tekst-zacht)}.veld .verplicht{color:var(--rood);margin-left:2px}.veld input,.veld select,.veld textarea,input.veld,select.veld,textarea.veld,.invoer{width:100%;min-height:34px;padding:6px 10px;border:1px solid var(--rand-sterk);border-radius:var(--r-s);font:inherit;font-size:14px;background:var(--vlak);color:var(--tekst);transition:border-color var(--snel) var(--soepel),box-shadow var(--snel) var(--soepel)}.veld textarea{resize:vertical;min-height:72px}.veld input:focus,.veld select:focus,.veld textarea:focus,input.veld:focus,select.veld:focus,textarea.veld:focus,.invoer:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-zacht)}.veld input:disabled,.veld select:disabled,.veld textarea:disabled,input.veld:disabled,select.veld:disabled,textarea.veld:disabled{background:var(--vlak-zacht);color:var(--tekst-flauw);cursor:not-allowed}.veld .hint{font-size:12.5px;color:var(--tekst-flauw)}.veld .veldfout{font-size:12.5px;color:var(--rood);font-weight:550}.veld.fout input,.veld.fout select,.veld.fout textarea{border-color:var(--rood)}.vinkje{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer;min-height:30px}.vinkje input,.meldregel input,.veldrij.aanvinken input[type=checkbox],input[type=checkbox],input[type=radio]{width:20px;height:20px;accent-color:var(--accent);flex:none}.melding{display:flex;align-items:flex-start;gap:8px;padding:9px 12px;border-radius:var(--r-s);font-size:14px;border:1px solid transparent}.melding.fout{background:var(--rood-zacht);color:var(--rood);border-color:color-mix(in srgb,var(--rood) 25%,transparent)}.melding.info{background:var(--accent-zacht);color:var(--accent);border-color:var(--accent-rand)}.melding.waarschuwing{background:var(--amber-zacht);color:var(--amber);border-color:color-mix(in srgb,var(--amber) 25%,transparent)}.staat-koppen{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--ruimte-3);padding:var(--ruimte-4);margin-bottom:var(--ruimte-3);background:var(--vlak-zacht);border:1px solid var(--rand);border-radius:var(--r-m)}.staat-koppen .label{display:block;font-size:12.5px;color:var(--tekst-zacht)}.staat-koppen .bedrag{font-size:20px;font-weight:640;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.stapel{display:flex;flex-direction:column;gap:var(--ruimte-4)}.keuzekaarten{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--ruimte-3)}.keuzekaart{display:flex;flex-direction:column;gap:4px;padding:var(--ruimte-3) var(--ruimte-4);text-align:left;background:var(--vlak);border:1px solid var(--rand);border-radius:var(--r-m);cursor:pointer;font:inherit;color:inherit}.keuzekaart:hover:not(:disabled){border-color:var(--accent-rand)}.keuzekaart.aan{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.keuzekaart:disabled{cursor:default;opacity:.7}.keuzekaart .titel{font-weight:620}.maandbalk{display:flex;gap:6px;align-items:flex-end;margin-top:var(--ruimte-3);overflow-x:auto;padding-bottom:4px}.maandstaaf{display:flex;flex:1 0 54px;flex-direction:column;align-items:center;gap:4px;height:104px;justify-content:flex-end;padding:6px 4px;background:none;border:1px solid transparent;border-radius:var(--r-s);cursor:pointer;font:inherit;color:var(--tekst-zacht)}.maandstaaf:hover{background:var(--vlak-zacht)}.maandstaaf.aan{border-color:var(--accent);background:var(--accent-zacht);color:var(--accent)}.maandstaaf .staaf{width:60%;min-height:4px;background:var(--accent);border-radius:3px 3px 0 0;opacity:.75}.maandstaaf.aan .staaf{opacity:1}.maandstaaf .aantal{font-size:12.5px;font-weight:620;font-variant-numeric:tabular-nums}.maandstaaf .maand{font-size:12.5px;white-space:nowrap}pre.json{max-height:45vh;overflow:auto;padding:var(--ruimte-3);background:var(--vlak-zacht);border:1px solid var(--rand);border-radius:var(--r-s);font-size:12.5px;line-height:1.5;font-variant-numeric:tabular-nums}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#060c168c;display:flex;align-items:flex-start;justify-content:center;padding:6vh var(--ruimte-4);z-index:60;overflow-y:auto;animation:vervaag var(--normaal) var(--soepel)}@keyframes vervaag{0%{opacity:0}}.modaal{background:var(--vlak);border:1px solid var(--rand);border-radius:var(--r-xl);box-shadow:var(--schaduw-l);width:100%;max-width:720px;animation:opkomen var(--normaal) var(--soepel)}.modaal.breed{max-width:1080px}@keyframes opkomen{0%{opacity:0;transform:translateY(8px) scale(.99)}}.modaal-kop{display:flex;align-items:center;gap:var(--ruimte-2);padding:var(--ruimte-4) var(--ruimte-5);border-bottom:1px solid var(--rand)}.modaal-body{padding:var(--ruimte-5);display:flex;flex-direction:column;gap:var(--ruimte-4)}.modaal-voet{display:flex;gap:var(--ruimte-2);justify-content:flex-end;align-items:center;padding:var(--ruimte-3) var(--ruimte-5);border-top:1px solid var(--rand);background:var(--vlak-zacht);border-radius:0 0 var(--r-xl) var(--r-xl)}.paneel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#060c1673;z-index:55;animation:vervaag var(--normaal) var(--soepel)}.paneel{position:fixed;top:0;right:0;bottom:0;width:min(760px,94vw);background:var(--vlak);border-left:1px solid var(--rand);box-shadow:var(--schaduw-l);z-index:56;display:flex;flex-direction:column;animation:inschuiven var(--normaal) var(--soepel)}@keyframes inschuiven{0%{transform:translate(24px);opacity:0}}.paneel-kop{display:flex;align-items:flex-start;gap:var(--ruimte-3);padding:var(--ruimte-4) var(--ruimte-5);border-bottom:1px solid var(--rand)}.paneel-kop .titelblok{min-width:0}.paneel-kop h2{font-size:16px;line-height:1.3}.paneel-body{flex:1;overflow-y:auto;padding:var(--ruimte-5);display:flex;flex-direction:column;gap:var(--ruimte-5)}.paneel-voet{display:flex;gap:var(--ruimte-2);justify-content:flex-end;align-items:center;padding:var(--ruimte-3) var(--ruimte-5);border-top:1px solid var(--rand);background:var(--vlak-zacht)}.tabs{display:flex;gap:var(--ruimte-1);border-bottom:1px solid var(--rand);padding:0 var(--ruimte-5)}.tab{padding:8px 10px;border:none;background:none;font:inherit;font-size:14px;font-weight:550;color:var(--tekst-zacht);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.tab:hover{color:var(--tekst)}.tab[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent)}.palet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#060c1680;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:flex-start;padding:12vh var(--ruimte-4) var(--ruimte-4);z-index:90;animation:vervaag var(--snel) var(--soepel)}.palet{width:100%;max-width:620px;background:var(--vlak);border:1px solid var(--rand);border-radius:var(--r-xl);box-shadow:var(--schaduw-l);overflow:hidden;animation:opkomen var(--normaal) var(--soepel)}.palet-invoer{display:flex;align-items:center;gap:10px;padding:var(--ruimte-3) var(--ruimte-4);border-bottom:1px solid var(--rand);color:var(--tekst-flauw)}.palet-invoer input{flex:1;border:none;background:none;font:inherit;font-size:16px;color:var(--tekst)}.palet-invoer input:focus{outline:none}.palet-lijst{max-height:52vh;overflow-y:auto;padding:var(--ruimte-2)}.palet-groep{font-size:12.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--tekst-flauw);font-weight:640;padding:var(--ruimte-3) var(--ruimte-2) var(--ruimte-1)}.palet-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:none;background:none;border-radius:var(--r-s);font:inherit;color:var(--tekst);cursor:pointer;text-align:left}.palet-item.actief{background:var(--accent-zacht);color:var(--accent)}.palet-item .titel{font-weight:550;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.palet-item .onder{font-size:12.5px;color:var(--tekst-flauw)}.palet-voet{display:flex;gap:var(--ruimte-4);padding:var(--ruimte-2) var(--ruimte-4);border-top:1px solid var(--rand);background:var(--vlak-zacht);font-size:12.5px;color:var(--tekst-flauw)}.toasts{position:fixed;bottom:var(--ruimte-5);right:var(--ruimte-5);display:flex;flex-direction:column;gap:var(--ruimte-2);z-index:120;max-width:380px}.toast{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:var(--r-m);background:var(--vlak-verhoogd);border:1px solid var(--rand);box-shadow:var(--schaduw-m);font-size:14px;animation:toastin var(--normaal) var(--soepel)}@keyframes toastin{0%{opacity:0;transform:translateY(8px)}}.toast.gelukt{border-left:3px solid var(--groen)}.toast.fout{border-left:3px solid var(--rood)}.toast .tekst{flex:1}.inlog{min-height:100vh;display:grid;grid-template-columns:1fr;background:var(--grond)}@media(min-width:900px){.inlog{grid-template-columns:1fr 46%}}.inlog-vorm{display:grid;place-items:center;padding:var(--ruimte-6) var(--ruimte-5)}.inlog-kaart{width:100%;max-width:380px;display:flex;flex-direction:column;gap:var(--ruimte-4)}.inlog-logo{height:34px;width:auto;align-self:flex-start}.inlog-zij{display:none;background:linear-gradient(155deg,var(--merk-donker),#10243f 55%,#0b3a86);color:#eaf1ff;padding:var(--ruimte-6);flex-direction:column;justify-content:space-between}@media(min-width:900px){.inlog-zij{display:flex}}.inlog-zij .leus{font-size:26px;font-weight:640;letter-spacing:-.02em;line-height:1.25;max-width:16ch}.inlog-zij ul{list-style:none;padding:0;margin:var(--ruimte-5) 0 0;display:flex;flex-direction:column;gap:10px;font-size:14px;color:#b9cbe8}.inlog-zij li{display:flex;gap:9px;align-items:flex-start}.inlog-zij .voet{font-size:12.5px;color:#8ea6c9}.tegels{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--ruimte-3)}.tegel{padding:var(--ruimte-4)}.tegel .label{font-size:12.5px;color:var(--tekst-zacht);font-weight:550}.tegel .cijfer{font-size:26px;font-weight:640;letter-spacing:-.02em;margin-top:2px}.tegel .voet{font-size:12.5px;color:var(--tekst-flauw);margin-top:1px}.tweekolom{display:grid;grid-template-columns:1.45fr 1fr;gap:var(--ruimte-4);align-items:start}@media(max-width:1180px){.tweekolom{grid-template-columns:1fr}}.trechter{display:flex;flex-direction:column;gap:var(--ruimte-2)}.trechter-rij{display:grid;grid-template-columns:155px 1fr 110px;gap:var(--ruimte-3);align-items:center}.trechter-naam{font-size:14px;font-weight:550}.trechter-naam small{display:block;color:var(--tekst-flauw);font-weight:400}.balk{height:20px;background:var(--neutraal-zacht);border-radius:4px;overflow:hidden}.balk>span{display:block;height:100%;background:var(--accent);border-radius:4px;transition:width var(--normaal) var(--soepel)}.trechter-bedrag{text-align:right;font-weight:620;font-size:14px}.rij-item{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--rand)}.rij-item:last-child{border-bottom:none}.rij-item .titel{font-weight:550;font-size:14px}.rij-item .meta{margin-left:auto;font-size:12.5px;color:var(--tekst-flauw);white-space:nowrap}.sleepvak{display:flex;align-items:center;gap:10px;padding:var(--ruimte-4);border:1px dashed var(--rand-sterk);border-radius:var(--r-m);color:var(--tekst-zacht);font-size:14px;cursor:pointer;background:var(--vlak-zacht);transition:all var(--snel) var(--soepel)}.sleepvak:hover,.sleepvak.actief{border-color:var(--accent);background:var(--accent-zacht);color:var(--accent)}.ketenbalk{display:flex;align-items:center;gap:0;list-style:none;margin:0;padding:0;flex-wrap:wrap}.keten-stap{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--tekst-flauw);padding-right:14px;position:relative}.keten-stap:not(:last-child):after{content:"";width:10px;height:1px;background:var(--rand-sterk);margin-right:4px}.keten-stip{width:16px;height:16px;border-radius:50%;border:1.5px solid var(--rand-sterk);display:grid;place-items:center;flex:none;background:var(--vlak)}.keten-stap.gedaan .keten-stip{background:var(--groen);border-color:var(--groen);color:#fff}.keten-stap.gedaan .keten-naam{color:var(--tekst-zacht)}.keten-stap.bezig .keten-stip{border-color:var(--accent);box-shadow:inset 0 0 0 3px var(--accent)}.keten-stap.bezig .keten-naam{color:var(--accent);font-weight:620}.keten-stap.overgeslagen{opacity:.45}.bouwer{display:flex;flex-direction:column;min-height:calc(100vh - var(--top));margin:calc(var(--ruimte-5) * -1)}.bouwer-kop{position:sticky;top:var(--top);z-index:25;display:flex;align-items:center;gap:var(--ruimte-3);padding:var(--ruimte-3) var(--ruimte-5);background:color-mix(in srgb,var(--vlak) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--rand)}.bouwer-titel{min-width:0;flex:1}.bouwer-titel .regelnaam{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--tekst-flauw);font-weight:600}.bouwer-onderwerp{border:none;background:none;font:inherit;font-size:20px;font-weight:640;letter-spacing:-.015em;color:var(--tekst);width:100%;padding:2px 0;border-bottom:1px solid transparent}.bouwer-onderwerp:focus{outline:none;border-bottom-color:var(--accent)}.bouwer-onderwerp::placeholder{color:var(--tekst-flauw);font-weight:500}.bouwer-stand{font-size:12.5px;color:var(--tekst-flauw);white-space:nowrap}.bouwer-acties{display:flex;gap:var(--ruimte-2);flex-wrap:wrap}.bouwer-lijf{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:var(--ruimte-5);padding:var(--ruimte-5);align-items:start}@media(max-width:1200px){.bouwer-lijf{grid-template-columns:1fr}}.bouwer-blad{background:var(--vlak);border:1px solid var(--rand);border-radius:var(--r-l);box-shadow:var(--schaduw-s);padding:var(--ruimte-5) var(--ruimte-5) var(--ruimte-6);display:flex;flex-direction:column;gap:var(--ruimte-3);min-width:0}.bladkop{display:flex;align-items:flex-end;gap:var(--ruimte-3);padding-bottom:var(--ruimte-3);border-bottom:1px solid var(--rand)}.bladkop .veld{max-width:340px;flex:1}.akkoordkaart{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:var(--r-m);background:var(--groen-zacht);color:var(--groen);font-size:14px}.startvak{text-align:center;padding:var(--ruimte-6) var(--ruimte-4);border:1px dashed var(--rand-sterk);border-radius:var(--r-m);display:flex;flex-direction:column;gap:10px;align-items:center}.startvak h2{font-size:16px}.startvak p{max-width:52ch;color:var(--tekst-zacht)}.regelkoppen,.postrij{display:grid;grid-template-columns:22px minmax(0,1fr) 68px 56px 96px 104px 34px;gap:var(--ruimte-2);align-items:center}@media(max-width:1180px){.regelkoppen,.postrij{grid-template-columns:22px repeat(4,minmax(0,1fr)) 34px}.regelkoppen>:first-child,.postrij>:first-child{grid-row:1 / 3}.regelkoppen>:nth-child(2),.postrij>.postomschrijving{grid-column:2 / 6;grid-row:1}.regelkoppen>:nth-child(3),.postrij>:nth-child(3){grid-column:2;grid-row:2}.regelkoppen>:nth-child(4),.postrij>:nth-child(4){grid-column:3;grid-row:2}.regelkoppen>:nth-child(5),.postrij>:nth-child(5){grid-column:4;grid-row:2}.regelkoppen>:nth-child(6),.postrij>:nth-child(6){grid-column:5;grid-row:2}.regelkoppen>:nth-child(7),.postrij>:nth-child(7){grid-column:6;grid-row:1 / 3}}.regelkoppen{font-size:12.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--tekst-flauw);font-weight:640;padding:0 4px 6px;border-bottom:1px solid var(--rand)}.regelkoppen .getal{text-align:right}.hoofdstukblok{margin-top:var(--ruimte-3)}.hoofdstukrij{display:flex;align-items:center;gap:6px;padding:7px 4px;border-bottom:2px solid var(--rand-sterk);margin-bottom:2px}.klapper{border:none;background:none;color:var(--tekst-flauw);cursor:pointer;padding:2px;display:flex;border-radius:4px}.klapper:hover{background:var(--neutraal-zacht);color:var(--tekst)}.hoofdstuknaam{flex:1;font-weight:650!important;font-size:14px!important}.hoofdstuk-subtotaal{font-weight:650;font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap}.postrij{padding:3px 4px;border-radius:var(--r-s);position:relative}.postrij:hover{background:var(--vlak-zacht)}.postrij.sleept{opacity:.4}.postrij.optioneel .postomschrijving .cel,.postrij.optioneel .posttotaal{color:var(--tekst-flauw)}.greep{color:transparent;cursor:grab;display:flex;justify-content:center}.postrij:hover .greep{color:var(--tekst-flauw)}.cel{width:100%;min-height:32px;border:1px solid transparent;background:transparent;border-radius:var(--r-s);padding:5px 7px;font:inherit;font-size:14px;color:var(--tekst)}.cel:hover:not(:disabled){border-color:var(--rand)}.cel:focus{outline:none;border-color:var(--accent);background:var(--vlak);box-shadow:0 0 0 3px var(--accent-zacht)}.cel:disabled{color:var(--tekst-zacht)}.cel.getal{text-align:right;font-variant-numeric:tabular-nums}.cel.eenheid{color:var(--tekst-zacht)}.postomschrijving{min-width:0}.postmerken{display:flex;align-items:center;gap:6px;padding:0 8px;font-size:12.5px;color:var(--tekst-flauw);min-height:15px}.soortstip{width:7px;height:7px;border-radius:50%;flex:none}.soortnaam{text-transform:capitalize}.posttotaal{text-align:right;font-weight:600;font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap;padding-right:7px}.rijmenu{position:relative}.rijmenu-paneel{position:absolute;right:0;top:100%;z-index:40;min-width:210px;background:var(--vlak-verhoogd);border:1px solid var(--rand);border-radius:var(--r-m);box-shadow:var(--schaduw-l);padding:5px}.menukop{font-size:12.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--tekst-flauw);font-weight:640;padding:8px 8px 3px}.menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;border:none;background:none;border-radius:var(--r-s);font:inherit;font-size:14px;color:var(--tekst);cursor:pointer;text-align:left}.menu-item:hover{background:var(--neutraal-zacht)}.menu-item.aan{color:var(--accent);font-weight:600}.menu-item.gevaar{color:var(--rood)}.voegrij,.voeghoofdstuk{display:flex;align-items:center;gap:7px;border:none;background:none;font:inherit;font-size:12.5px;color:var(--tekst-flauw);cursor:pointer;padding:6px 8px;border-radius:var(--r-s);width:100%;text-align:left}.voegrij:hover,.voeghoofdstuk:hover{background:var(--neutraal-zacht);color:var(--accent)}.voeghoofdstuk{margin-top:var(--ruimte-3);border:1px dashed var(--rand-sterk);justify-content:center;font-weight:550}.sneltoetsen{margin-top:var(--ruimte-4);font-size:12.5px;color:var(--tekst-flauw)}.sneltoetsen kbd{font:inherit;background:var(--vlak-zacht);border:1px solid var(--rand);border-bottom-width:2px;border-radius:4px;padding:0 5px;margin:0 1px}.bouwer-zij{display:flex;flex-direction:column;gap:var(--ruimte-4);position:sticky;top:calc(var(--top) + 78px)}.somrij{display:flex;justify-content:space-between;font-size:14px;padding:3px 0;font-variant-numeric:tabular-nums}.somrij.groot{font-weight:600}.somrij.eind{border-top:1px solid var(--rand);margin-top:6px;padding-top:8px;font-weight:700;font-size:16px}.somrij.optie{color:var(--tekst-flauw);font-size:12.5px;margin-top:6px}.verdeelrij{margin-bottom:9px}.verdeelkop{display:flex;align-items:center;gap:6px;font-size:12.5px;margin-bottom:3px}.verdeelbedrag{margin-left:auto;font-variant-numeric:tabular-nums;font-weight:600}.verdeelbalk{height:5px;background:var(--neutraal-zacht);border-radius:3px;overflow:hidden}.verdeelbalk>span{display:block;height:100%;border-radius:3px;transition:width var(--normaal) var(--soepel)}@media(max-width:900px){.regelkoppen,.postrij{grid-template-columns:18px minmax(0,1fr) 70px 56px 90px 100px 30px}.bouwer-blad{padding:var(--ruimte-4) var(--ruimte-3)}}.veldpagina{max-width:620px;margin:0 auto}.veldpagina.met-voet{padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))}.veld-balk{display:flex;align-items:center;gap:var(--ruimte-3);padding:var(--ruimte-3) 0 var(--ruimte-4)}.klus{display:flex;align-items:center;gap:var(--ruimte-3);width:100%;text-align:left;background:var(--vlak);border:1px solid var(--rand);border-radius:var(--r-l);padding:var(--ruimte-3) var(--ruimte-4);margin-bottom:var(--ruimte-2);font:inherit;color:inherit;cursor:pointer;min-height:76px;box-shadow:var(--schaduw-s)}.klus:active{background:var(--vlak-zacht)}.klus.loopt{border-color:var(--groen);box-shadow:inset 3px 0 0 var(--groen),var(--schaduw-s)}.klus .tijdkolom{display:flex;flex-direction:column;align-items:center;min-width:52px}.klus .tijdkolom .tijd{font-size:16px;font-weight:660;font-variant-numeric:tabular-nums;color:var(--accent)}.klus .tijdkolom .duur{font-size:12.5px;color:var(--tekst-flauw)}.klus .kern{flex:1;min-width:0}.klus .kern .titel{font-size:16px;font-weight:640;line-height:1.3}.klus .kern .klant{font-size:14px;color:var(--tekst-zacht);margin-top:1px}.klus .merken{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}.chip.soort-storing{background:var(--rood-zacht);color:var(--rood)}.chip.soort-service{background:var(--groen-zacht);color:var(--groen)}.chip.soort-onderhoud{background:var(--amber-zacht);color:var(--amber)}.klok-cijfers{font-variant-numeric:tabular-nums;font-weight:640}.klus-kop{display:flex;flex-direction:column;gap:var(--ruimte-3);background:var(--vlak);border:1px solid var(--rand);border-radius:var(--r-l);padding:var(--ruimte-4);margin-bottom:var(--ruimte-3)}.klus-kop .adres{display:flex;gap:8px;align-items:flex-start;font-size:16px;font-weight:600;line-height:1.35}.klus-kop .adres .veld-sub{display:block;font-weight:400}.snelacties{display:flex;gap:var(--ruimte-2)}.snelactie{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;border-radius:var(--r-m);background:var(--accent-zacht);color:var(--accent);font-size:16px;font-weight:620;text-decoration:none}.snelactie:active{background:var(--accent-rand)}.klus-kop .toegang{display:flex;gap:8px;align-items:flex-start;padding:10px 12px;border-radius:var(--r-m);background:var(--amber-zacht);color:var(--amber);font-size:14px;line-height:1.4}.eerder{display:flex;flex-direction:column;gap:4px;border-top:1px solid var(--rand);padding-top:var(--ruimte-2)}.eerder-rij{display:flex;gap:10px;font-size:14px}.eerder-rij .wanneer{color:var(--tekst-flauw);min-width:58px}.eerder-rij .wat{color:var(--tekst-zacht);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tellers{display:flex;gap:var(--ruimte-4)}.tellers>div{display:flex;flex-direction:column}.tellers .getal{font-size:26px;font-weight:660;font-variant-numeric:tabular-nums;line-height:1.1}.tellers .label{font-size:12.5px;color:var(--tekst-flauw)}.materiaallijst{display:flex;flex-direction:column;gap:4px;font-size:14px;border-top:1px solid var(--rand);padding-top:var(--ruimte-2)}.materiaallijst .veld-sub{float:right;margin:0}.tweeknoppen{display:flex;gap:var(--ruimte-2)}.veld-knop{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:68px;border:1px solid var(--rand-sterk);border-radius:var(--r-m);background:var(--vlak);font:inherit;font-size:14px;font-weight:600;color:var(--tekst-zacht);cursor:pointer}.veld-knop:active{background:var(--vlak-zacht)}.materiaalvorm{display:flex;flex-direction:column;gap:var(--ruimte-2)}.materiaalvorm .rij{display:flex;gap:var(--ruimte-2)}.materiaalvorm .rij .invoer{flex:1;min-width:0}.materiaalvorm .invoer{min-height:50px;font-size:16px}.veld-voet{position:fixed;left:0;right:0;bottom:0;z-index:30;padding:var(--ruimte-3) var(--ruimte-4) calc(var(--ruimte-3) + env(safe-area-inset-bottom,0px));background:color-mix(in srgb,var(--grond) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--rand)}.veld-voet>*{max-width:620px;margin:0 auto}.grote-knoppen{display:flex;gap:var(--ruimte-2);max-width:620px;margin:0 auto}.grote-knop{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:60px;border:none;border-radius:var(--r-m);background:var(--accent);color:#fff;font:inherit;font-size:16px;font-weight:640;cursor:pointer}.grote-knop:active{filter:brightness(.94)}.grote-knop.tweede{background:var(--vlak);color:var(--tekst);border:1px solid var(--rand-sterk)}.grote-knop.stop{background:var(--groen);justify-content:space-between;padding:0 var(--ruimte-4)}.veld-afronden{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#060c168c;display:flex;align-items:flex-end;justify-content:center}.veld-afronden .blad{width:100%;max-width:620px;display:flex;flex-direction:column;gap:var(--ruimte-3);background:var(--vlak);border-radius:var(--r-xl) var(--r-xl) 0 0;padding:var(--ruimte-5) var(--ruimte-4) calc(var(--ruimte-4) + env(safe-area-inset-bottom,0px));animation:omhoog var(--normaal) var(--soepel)}@keyframes omhoog{0%{transform:translateY(16px);opacity:0}}.veld-afronden .invoer{min-height:50px;font-size:16px}.veld-afronden .knoppen{display:flex;gap:var(--ruimte-2);align-items:center}.veld-afronden .knoppen .knop{min-height:60px}.veld-kop{font-size:12.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--tekst-flauw);margin:var(--ruimte-4) 0 var(--ruimte-2)}.veld-lijst{display:flex;flex-direction:column}.veld-kaart{display:block;width:100%;text-align:left;background:var(--vlak);border:1px solid var(--rand);border-radius:var(--r-l);padding:var(--ruimte-4);margin-bottom:var(--ruimte-2);font:inherit;color:inherit;cursor:pointer;min-height:76px;box-shadow:var(--schaduw-s)}.veld-kaart:active{background:var(--vlak-zacht)}.veld-kaart-kop{display:flex;align-items:baseline;gap:var(--ruimte-2)}.veld-titel{font-size:16px;font-weight:640;line-height:1.3}.veld-tijd{margin-left:auto;font-size:16px;font-weight:640;font-variant-numeric:tabular-nums;color:var(--accent)}.veld-sub{font-size:14px;color:var(--tekst-zacht);margin-top:2px}.veld-blok{background:var(--vlak);border:1px solid var(--rand);border-radius:var(--r-l);padding:var(--ruimte-4);margin-bottom:var(--ruimte-3);display:flex;flex-direction:column;gap:var(--ruimte-3)}.veld-tabs{display:flex;gap:var(--ruimte-1);background:var(--neutraal-zacht);padding:4px;border-radius:var(--r-m);margin-bottom:var(--ruimte-3)}.veld-tab{flex:1;min-height:42px;border:none;background:none;border-radius:var(--r-s);font:inherit;font-size:14px;font-weight:550;color:var(--tekst-zacht);cursor:pointer}.veld-tab.aan{background:var(--vlak);color:var(--tekst);box-shadow:var(--schaduw-s)}.veld-label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600;color:var(--tekst-zacht);flex:1}.veld-label input,.veld-label textarea{min-height:48px;padding:10px 12px;border:1px solid var(--rand-sterk);border-radius:var(--r-m);font:inherit;font-size:16px;background:var(--vlak);color:var(--tekst);font-weight:400}.veld-rij{display:flex;gap:var(--ruimte-3)}.veld-keuze{flex:1;min-height:48px;border:1px solid var(--rand-sterk);border-radius:var(--r-m);background:var(--vlak);font:inherit;font-size:16px;font-weight:550;color:var(--tekst-zacht);cursor:pointer}.veld-keuze.aan{background:var(--accent-zacht);border-color:var(--accent);color:var(--accent)}.veld-knop{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:52px;border:1px solid var(--rand-sterk);border-radius:var(--r-m);background:var(--vlak);font:inherit;font-size:16px;font-weight:600;color:var(--tekst);cursor:pointer}.veld-knop.primair{background:var(--accent);border-color:var(--accent);color:var(--tekst-op-accent)}.veld-knop.groot{min-height:60px;font-size:16px}.veld-knop:disabled{opacity:.45}.veldstatus{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--r-m);background:var(--accent-zacht);color:var(--accent);font-size:14px;font-weight:550;margin-bottom:var(--ruimte-3)}.veldstatus.offline{background:var(--amber-zacht);color:var(--amber)}.rij-item.wachtend{opacity:.75}.rij-item.wachtend .titel{font-style:italic}.geldrij{margin-bottom:var(--ruimte-3)}.geldkop{display:flex;align-items:baseline;gap:8px;font-size:12.5px;margin-bottom:4px}.geldkop .soort{font-weight:600;text-transform:capitalize}.geldkop .cijfers{margin-left:auto;font-variant-numeric:tabular-nums;color:var(--tekst-zacht)}.geldbalk{height:10px;background:var(--neutraal-zacht);border-radius:5px;display:flex;overflow:hidden}.geldbalk .besteed{background:var(--accent)}.geldbalk .verplicht{background:repeating-linear-gradient(45deg,var(--accent-rand),var(--accent-rand) 3px,transparent 3px,transparent 6px);border-right:1px solid var(--accent-rand)}.geldrij.let_op .geldbalk .besteed{background:var(--amber)}.geldrij.over .geldbalk .besteed{background:var(--rood)}.geldvoet{display:flex;justify-content:space-between;font-size:12.5px;color:var(--tekst-flauw);margin-top:3px}.geldvoet .over{color:var(--rood);font-weight:600}.geldvoet .let_op{color:var(--amber);font-weight:600}.margekaart{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:var(--ruimte-3);padding:var(--ruimte-4);background:var(--vlak-zacht);border:1px solid var(--rand);border-radius:var(--r-m)}.margekaart .post .label{font-size:12.5px;color:var(--tekst-zacht)}.margekaart .post .waarde{font-size:20px;font-weight:640;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.margekaart .post .waarde.negatief{color:var(--rood)}.margekaart .post .waarde.positief{color:var(--groen)}.maandbalken{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--ruimte-2);align-items:end}.maandbalk{display:flex;flex-direction:column;align-items:center;gap:6px}.maandkolom{position:relative;width:100%;height:120px;background:var(--neutraal-zacht);border-radius:4px;display:flex;align-items:flex-end;overflow:hidden}.maandvulling{display:block;width:100%;background:var(--accent);border-radius:4px 4px 0 0;transition:height var(--normaal) var(--soepel);min-height:2px}.doelstreep{position:absolute;left:0;right:0;height:0;border-top:1.5px dashed var(--tekst-flauw);z-index:1}.maandnaam{font-size:12.5px;color:var(--tekst-flauw)}.publiek{min-height:100vh;background:var(--grond);padding:var(--ruimte-6) var(--ruimte-4)}.publiek-blad{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:var(--ruimte-4)}.publiek-kop{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--ruimte-4);flex-wrap:wrap}.bord{display:flex;gap:var(--ruimte-3);overflow-x:auto;padding-bottom:var(--ruimte-2);align-items:flex-start}.kolom{flex:0 0 272px;background:var(--vlak-zacht);border:1px solid var(--rand);border-radius:var(--r-l);padding:var(--ruimte-2);display:flex;flex-direction:column;gap:var(--ruimte-2);min-height:160px;transition:background var(--snel) var(--soepel),border-color var(--snel) var(--soepel)}.kolom.sleepdoel{background:var(--accent-zacht);border-color:var(--accent)}.kolom.instroom{background:transparent;border-style:dashed;border-color:var(--rand-sterk)}.kolom.instroom .kolom-balk{visibility:hidden}.kolom.instroomfase{border-left:2px solid var(--accent)}.kolom-lijf{display:flex;flex-direction:column;gap:var(--ruimte-2)}.kolom-kop{display:flex;flex-direction:column;gap:3px;padding:2px 4px 6px}.kolom-kop .rij{display:flex;align-items:center;gap:6px}.kolom-kop .naam{font-weight:640;font-size:12.5px}.kolom-kop .aantal{font-size:12.5px;color:var(--tekst-flauw);font-weight:620;background:var(--neutraal-zacht);border-radius:20px;padding:0 6px}.kolom-kop .som{font-size:12.5px;color:var(--tekst);font-weight:640;font-variant-numeric:tabular-nums}.kolom-kop .gewogen{margin-left:auto;font-size:12.5px;color:var(--tekst-flauw);font-variant-numeric:tabular-nums}.kolom-balk{height:3px;border-radius:3px;background:var(--neutraal-zacht);overflow:hidden;margin-top:2px}.kolom-balk>span{display:block;height:100%;background:var(--accent);opacity:.55;border-radius:3px}.kaartje{position:relative;background:var(--vlak);border:1px solid var(--rand);border-radius:var(--r-m);padding:9px 10px 9px 12px;cursor:pointer;box-shadow:var(--schaduw-s);text-align:left;width:100%;font:inherit;color:inherit;display:block;transition:border-color var(--snel) var(--soepel),box-shadow var(--snel) var(--soepel),transform var(--snel) var(--soepel)}.kaartje:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:3px;background:color-mix(in srgb,var(--accent) calc(20% + var(--gewicht, 0) * 80%),var(--rand-sterk))}.kaartje.let-op:before{background:color-mix(in srgb,var(--amber) calc(35% + var(--gewicht, 0) * 65%),var(--rand-sterk))}.kaartje:hover{border-color:var(--accent-rand);box-shadow:var(--schaduw-m);transform:translateY(-1px)}.kaartje:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.kaartje.sleept{opacity:.4}.leadkaartje{background:var(--vlak-zacht);border-style:dashed}.leadkaartje:before{background:var(--rand-sterk)}.leadkaartje.let-op:before{background:var(--rood)}.leadkaartje .bedrag{color:var(--tekst-zacht);font-weight:550}.eerstecontact{margin-top:var(--ruimte-4);padding-top:var(--ruimte-3);border-top:1px solid var(--rand)}.eerstecontact h4{margin:0;font-size:14px}.eerstecontact>p{margin:3px 0 var(--ruimte-3);font-size:12.5px;line-height:1.5;color:var(--tekst-zacht);max-width:62ch}.contactsoorten{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--ruimte-3)}.contactsoort{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid var(--rand);border-radius:var(--r-m);background:var(--vlak);font:inherit;font-size:14px;color:var(--tekst-zacht);cursor:pointer;transition:border-color var(--snel) var(--soepel),color var(--snel) var(--soepel)}.contactsoort:hover{border-color:var(--accent-rand);color:var(--tekst)}.contactsoort.aan{border-color:var(--accent);background:var(--accent-zacht);color:var(--accent);font-weight:600}.contactsoort:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.kaartje .titel{font-weight:600;font-size:12.5px;line-height:1.35}.kaartje .relatie{font-size:12.5px;color:var(--tekst-zacht);margin-top:1px}.kaartje .onder{display:flex;align-items:center;gap:6px;margin-top:8px}.kaartje .bedrag{font-weight:660;font-size:14px;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.kaartje .kansmeter{margin-left:auto;width:42px;height:3px;border-radius:3px;background:var(--neutraal-zacht);overflow:hidden}.kaartje .kansmeter>span{display:block;height:100%;background:var(--accent);border-radius:3px}.kaartje .pct{font-size:12.5px;color:var(--tekst-flauw);font-variant-numeric:tabular-nums;min-width:26px;text-align:right}.kaartje .merken{display:flex;align-items:center;gap:4px;margin-top:7px;flex-wrap:wrap}.kaartje .merken .chip{font-size:12.5px;padding:0 6px}.kaartje .merken .soort{margin-left:auto;font-size:12.5px;color:var(--tekst-flauw)}.bord-hint{font-size:12.5px;color:var(--tekst-flauw);margin-top:var(--ruimte-2)}.pijplijn-balk{display:flex;flex-wrap:wrap;gap:var(--ruimte-3);align-items:center;justify-content:space-between;margin-bottom:var(--ruimte-3)}.pijplijn-gereedschap{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.pijplijn-gereedschap .zoek{max-width:200px;height:30px;font-size:12.5px}.linkknop{background:none;border:none;padding:0;font:inherit;color:var(--amber);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.vorm{display:flex;flex-direction:column;gap:var(--ruimte-5)}.vormsectie{display:flex;flex-direction:column;gap:var(--ruimte-3);border:none;border-top:1px solid var(--rand);padding:var(--ruimte-4) 0 0;margin:0}.vormsectie:first-child{border-top:none;padding-top:0}.vormsectie>legend{padding:0;font-size:12.5px;font-weight:680;letter-spacing:.06em;text-transform:uppercase;color:var(--tekst-flauw)}.vormveld{display:flex;flex-direction:column;gap:5px;min-width:0}.vormveld .etiket{font-size:12.5px;font-weight:600;color:var(--tekst-zacht)}.vormveld .nodig{font-size:12.5px;font-weight:620;color:var(--amber);margin-left:4px;text-transform:lowercase;letter-spacing:0}.vormveld input,.vormveld select,.vormveld textarea{width:100%;min-height:40px;padding:8px 11px;border:1px solid var(--rand-sterk);border-radius:var(--r-m);background:var(--vlak);color:var(--tekst);font:inherit;font-size:14px}.vormveld input:focus,.vormveld select:focus,.vormveld textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-zacht)}.vormveld textarea{min-height:72px;resize:vertical}.vormveld .hint{font-size:12.5px;color:var(--tekst-flauw);line-height:1.4}.vormpaar{display:grid;grid-template-columns:1fr 1fr;gap:var(--ruimte-3)}.vormmelding{display:flex;align-items:center;gap:8px;padding:8px 11px;border-radius:var(--r-m);background:var(--accent-zacht);color:var(--accent);font-size:12.5px;font-weight:600}.segmenten{display:grid;grid-template-columns:repeat(auto-fit,minmax(126px,1fr));gap:6px}.segmenten.smal{grid-template-columns:repeat(3,1fr)}.segment{display:flex;flex-direction:column;gap:2px;padding:9px 11px;border:1px solid var(--rand-sterk);border-radius:var(--r-m);background:var(--vlak);font:inherit;text-align:left;cursor:pointer;color:var(--tekst-zacht)}.segment:hover{border-color:var(--accent-rand)}.segment.aan{border-color:var(--accent);background:var(--accent-zacht);color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.segment .naam{font-size:14px;font-weight:620}.segment .uitleg{font-size:12.5px;color:var(--tekst-flauw)}.segment.aan .uitleg{color:var(--accent);opacity:.8}.duurknoppen{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.duurknop{padding:7px 11px;border:1px solid var(--rand-sterk);border-radius:var(--r-m);background:var(--vlak);font:inherit;font-size:12.5px;font-weight:600;color:var(--tekst-zacht);cursor:pointer}.duurknop:hover{border-color:var(--accent-rand)}.duurknop.aan{border-color:var(--accent);background:var(--accent-zacht);color:var(--accent)}.duurvrij{width:74px;min-height:36px;padding:7px 9px;border:1px solid var(--rand-sterk);border-radius:var(--r-m);background:var(--vlak);color:var(--tekst);font:inherit;font-size:12.5px;font-variant-numeric:tabular-nums}.duurknoppen .eenheid{font-size:12.5px;color:var(--tekst-flauw)}.planbord-kaart{padding:var(--ruimte-4)}.planbord-kop{display:flex;justify-content:space-between;align-items:center;gap:var(--ruimte-3);flex-wrap:wrap;margin-bottom:var(--ruimte-3)}.planbord-kop .navigatie{display:flex;gap:6px;align-items:center}.planbord{display:grid;grid-template-columns:216px minmax(0,1fr);gap:var(--ruimte-3);align-items:start}@media(max-width:1000px){.planbord{grid-template-columns:1fr}}.planstapel{display:flex;flex-direction:column;gap:6px;padding:var(--ruimte-2);background:var(--vlak-zacht);border:1px solid var(--rand);border-radius:var(--r-l);min-height:120px;max-height:620px;overflow-y:auto}.planstapel.doel{border-color:var(--accent);background:var(--accent-zacht)}.planstapel .kop{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:640;padding:2px 4px 6px}.planstapel .kop .aantal{background:var(--neutraal-zacht);border-radius:20px;padding:0 6px;font-size:12.5px;color:var(--tekst-flauw)}.planstapel .leegje{font-size:12.5px;color:var(--tekst-flauw);padding:var(--ruimte-2)}.planraster{display:grid;grid-template-columns:150px repeat(var(--dagen, 5),minmax(0,1fr));gap:4px;overflow-x:auto}.plandag{padding:6px 8px;font-size:12.5px;font-weight:640;color:var(--tekst-zacht);text-align:center;border-radius:var(--r-s)}.plandag.vandaag{background:var(--accent-zacht);color:var(--accent)}.planmonteur{display:flex;align-items:center;gap:8px;padding:8px;font-size:12.5px;min-width:0}.planmonteur .naam{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plancel{position:relative;display:flex;flex-direction:column;gap:4px;min-height:78px;padding:6px 5px 5px;background:var(--vlak-zacht);border:1px solid var(--rand);border-radius:var(--r-m);transition:background var(--snel) var(--soepel),border-color var(--snel) var(--soepel)}.plancel.vandaag{border-color:var(--accent-rand)}.plancel.doel{background:var(--accent-zacht);border-color:var(--accent)}.planbezetting{height:3px;border-radius:3px;background:var(--neutraal-zacht);overflow:hidden;margin-bottom:2px}.planbezetting>span{display:block;height:100%;background:var(--accent);opacity:.6}.planbezetting.bijna>span{background:var(--amber);opacity:.9}.planbezetting.over>span{background:var(--rood);opacity:1}.plankaart{position:relative;padding:6px 8px 7px 10px;background:var(--vlak);border:1px solid var(--rand);border-radius:var(--r-s);cursor:grab;box-shadow:var(--schaduw-s);text-align:left;font:inherit;color:inherit}.plankaart:before{content:"";position:absolute;left:0;top:5px;bottom:5px;width:3px;border-radius:3px;background:var(--soort)}.plankaart:hover{border-color:var(--accent-rand);box-shadow:var(--schaduw-m)}.plankaart.sleept{opacity:.4}.plankaart .regel{display:flex;align-items:center;gap:5px;font-size:12.5px;color:var(--tekst-flauw)}.plankaart .tijd{font-weight:640;color:var(--tekst-zacht);font-variant-numeric:tabular-nums}.plankaart .duur{margin-left:auto;font-variant-numeric:tabular-nums}.plankaart .stip{width:6px;height:6px;border-radius:50%;flex:none}.plankaart .stip.bezig{background:var(--groen)}.plankaart .stip.kritiek{background:var(--rood)}.plankaart .titel{font-size:12.5px;font-weight:600;line-height:1.3;margin-top:1px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.plankaart .klant{font-size:12.5px;color:var(--tekst-zacht);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inst-indeling{display:grid;grid-template-columns:224px minmax(0,1fr);gap:var(--ruimte-4);align-items:start}@media(max-width:900px){.inst-indeling{grid-template-columns:1fr}}.inst-rail{padding:var(--ruimte-2);position:sticky;top:var(--ruimte-4)}.inst-groep .kop{font-size:12.5px;font-weight:680;letter-spacing:.06em;text-transform:uppercase;color:var(--tekst-flauw);padding:4px 8px}.inst-zoek input{height:100%;border:none;background:none;outline:none;font:inherit;font-size:12.5px;color:var(--tekst);width:100%}.inst-treffers{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:40;max-height:340px;overflow-y:auto;background:var(--vlak);border:1px solid var(--rand);border-radius:var(--r-m);box-shadow:var(--schaduw-l);padding:4px}.inst-treffer{display:grid;grid-template-columns:1fr auto;gap:2px 8px;width:100%;padding:7px 9px;border:none;border-radius:var(--r-s);background:none;font:inherit;text-align:left;cursor:pointer}.inst-treffer .waar{font-size:12.5px;color:var(--tekst-flauw)}.inst-gereedheid{margin-bottom:var(--ruimte-4)}.inst-gereedheid h2{display:flex;align-items:center;gap:8px}.inst-punt{display:flex;align-items:center;gap:10px;width:100%;padding:9px 4px;border:none;border-bottom:1px solid var(--rand);background:none;font:inherit;text-align:left;cursor:pointer;color:var(--tekst-flauw)}.leadrij{display:flex;align-items:center;gap:var(--ruimte-3);padding:10px 4px;border-bottom:1px solid var(--rand);cursor:pointer}.leadrij:last-child{border-bottom:none}.leadrij:hover{background:var(--vlak-zacht)}.leadrij.wacht{box-shadow:inset 3px 0 0 var(--amber)}.leadklok{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:74px;background:none;border:none;padding:0;font:inherit;cursor:pointer}.leadklok .chip{font-variant-numeric:tabular-nums}.leadrij .titel{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-weight:600;font-size:14px}.leadrij .titel .chip{font-size:12.5px;padding:0 6px}.leadactie{display:flex;align-items:center;gap:5px;margin-top:4px;font-size:12.5px;color:var(--accent)}.leadacties{display:flex;gap:6px;align-items:center;flex-shrink:0}.signaalrij{display:flex;gap:var(--ruimte-3);padding:12px 4px;border-bottom:1px solid var(--rand);align-items:flex-start}.signaalrij:last-child{border-bottom:none}.signaalscore{display:flex;align-items:center;gap:5px;min-width:46px}.signaalscore .getal{font-size:16px;font-weight:660;font-variant-numeric:tabular-nums;color:var(--tekst-zacht)}.signaalscore .staafje{display:flex;align-items:flex-end;width:4px;height:30px;background:var(--neutraal-zacht);border-radius:3px;overflow:hidden}.signaalscore .staafje>span{display:block;width:100%;background:var(--accent);border-radius:3px}.signaalrij .titel{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-weight:600;font-size:14px}.signaalrij .reden{font-size:12.5px;color:var(--tekst-zacht);margin-top:3px;line-height:1.45}.signaalrij .bewijs{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px;font-size:12.5px;color:var(--tekst-flauw)}.signaalrij .bewijs b{font-weight:600;color:var(--tekst-zacht)}.landingsbalk{display:flex;gap:6px;align-items:flex-end;margin:var(--ruimte-4) 0 var(--ruimte-2);overflow-x:auto;padding-bottom:4px}.landingsmaand{display:flex;flex:1 0 62px;flex-direction:column;align-items:center;gap:5px;padding:6px 4px;background:none;border:1px solid transparent;border-radius:var(--r-s);cursor:pointer;font:inherit;color:var(--tekst-zacht)}.landingsmaand:hover{background:var(--vlak-zacht)}.landingsmaand.aan{border-color:var(--accent);background:var(--accent-zacht)}.landingsmaand .stapel{display:flex;flex-direction:column;justify-content:flex-end;width:70%;height:130px}.landingsmaand .deel{display:block;width:100%}.landingsmaand .deel.vast{background:var(--accent);border-radius:0 0 3px 3px}.landingsmaand .deel.verwacht{background:repeating-linear-gradient(-45deg,color-mix(in srgb,var(--accent) 45%,transparent),color-mix(in srgb,var(--accent) 45%,transparent) 3px,transparent 3px,transparent 6px);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);border-bottom:none;border-radius:3px 3px 0 0}.landingsmaand .waarde{font-size:12.5px;font-weight:620;font-variant-numeric:tabular-nums}.landingsmaand .maand{font-size:12.5px;white-space:nowrap}.legenda{display:flex;gap:var(--ruimte-4);font-size:12.5px;color:var(--tekst-zacht)}.legenda span{display:flex;align-items:center;gap:6px}.legenda .vlak{width:12px;height:12px;border-radius:3px;display:inline-block}.legenda .vlak.vast{background:var(--accent)}.legenda .vlak.verwacht{background:repeating-linear-gradient(-45deg,color-mix(in srgb,var(--accent) 45%,transparent),color-mix(in srgb,var(--accent) 45%,transparent) 3px,transparent 3px,transparent 6px);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent)}.kolom-leeg{font-size:12.5px;color:var(--tekst-flauw);padding:var(--ruimte-3) var(--ruimte-1);text-align:center;border:1px dashed var(--rand-sterk);border-radius:var(--r-m)}.gegevensrij{display:flex;gap:var(--ruimte-3);padding:6px 0;border-bottom:1px solid var(--rand);font-size:14px}.gegevensrij:last-child{border-bottom:none}.gegevensrij .naam{color:var(--tekst-flauw);flex:0 0 140px}.gegevensrij .waarde{font-weight:550;min-width:0}.tijdlijn{display:flex;flex-direction:column}.tijdlijn-item{display:flex;gap:10px;padding:9px 0;border-bottom:1px solid var(--rand)}.tijdlijn-item:last-child{border-bottom:none}.tijdlijn-stip{flex:none;width:26px;height:26px;border-radius:50%;background:var(--neutraal-zacht);color:var(--tekst-zacht);display:grid;place-items:center}.tijdlijn-inhoud{min-width:0}.tijdlijn-inhoud .kop{font-weight:600;font-size:14px}.tijdlijn-inhoud .tekst{font-size:14px;color:var(--tekst-zacht);white-space:pre-wrap}.tijdlijn-inhoud .meta{font-size:12.5px;color:var(--tekst-flauw);margin-top:1px}.regelkop,.regelrij{display:grid;grid-template-columns:1fr 88px 66px 106px 116px 34px;gap:var(--ruimte-2);align-items:center}.regelkop{font-size:12.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--tekst-flauw);font-weight:620;padding-bottom:5px;border-bottom:1px solid var(--rand)}.regelrij{padding:4px 0}.regelrij.hoofdstuk{background:var(--neutraal-zacht);border-radius:var(--r-s);padding:5px 7px;margin:6px 0 2px}.regelrij.hoofdstuk input{font-weight:640}.regelrij input,.regelrij select{width:100%;min-height:30px;padding:4px 8px;border:1px solid var(--rand);border-radius:var(--r-s);font:inherit;font-size:14px;background:var(--vlak);color:var(--tekst)}.regelrij input:focus,.regelrij select:focus{outline:none;border-color:var(--accent)}.regelrij .totaal{text-align:right;font-weight:620;font-size:14px}.regel-inspring{padding-left:16px}.regelvlaggen{display:flex;gap:var(--ruimte-3);margin-top:4px;align-items:center;flex-wrap:wrap}.regelvlaggen .vinkje{font-size:12.5px;min-height:22px}.regelvlaggen select{max-width:150px;font-size:12.5px}.totalen{display:flex;flex-direction:column;gap:5px;margin-left:auto;width:280px}.totalen .rij{display:flex;justify-content:space-between;font-size:14px}.totalen .rij.eind{border-top:1px solid var(--rand);padding-top:6px;font-weight:700;font-size:16px}@media(max-width:900px){.app{grid-template-columns:1fr}.zijbalk{position:fixed;z-index:70;transform:translate(-100%);transition:transform var(--normaal) var(--soepel);width:var(--zij);box-shadow:var(--schaduw-l)}.zijbalk.open{transform:none}.inhoud{padding:var(--ruimte-4)}.paneel{width:100%}}@media(min-width:901px){.menuknop{display:none}}.kaart.eigenschuld{display:flex;gap:var(--ruimte-3);align-items:flex-start;border-color:var(--amber);background:var(--amber-zacht);color:var(--amber)}.kaart.eigenschuld .titel{font-weight:600;color:var(--tekst)}.kaart.eigenschuld svg{flex:none;margin-top:2px}.ouderdomsbalk{display:flex;gap:2px;height:10px;margin-bottom:var(--ruimte-4)}.ouderdomsbalk .deel{flex-basis:0;min-width:6px;border-radius:999px}.ouderdomsbenen{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--ruimte-4)}.ouderdomsbenen .been .label{display:flex;align-items:center;gap:var(--ruimte-2);font-size:12.5px;color:var(--tekst-zacht)}.ouderdomsbenen .been .cijfer{font-size:26px;font-weight:650;font-variant-numeric:tabular-nums;margin-top:2px}.ouderdomsbenen .been .voet{font-size:12.5px;color:var(--tekst-flauw)}.ouderdomsbenen .vlek,.ouderdom .vlek{width:8px;height:8px;border-radius:999px;flex:none}.ouderdom{display:inline-flex;align-items:center;gap:var(--ruimte-2);font-variant-numeric:tabular-nums}.gedragrij{display:grid;grid-template-columns:minmax(140px,1.2fr) minmax(80px,2fr) auto;grid-template-areas:"naam staaf meta" "naam staaf sub";align-items:center;gap:2px var(--ruimte-4);padding:var(--ruimte-3) 0;border-top:1px solid var(--rand)}.gedragrij .naam{grid-area:naam;font-weight:550}.gedragrij .staaf{grid-area:staaf;height:8px;border-radius:999px;background:var(--neutraal-zacht);overflow:hidden}.gedragrij .staaf .vulling{height:100%;border-radius:999px;transition:width var(--normaal) var(--soepel)}.gedragrij .meta{grid-area:meta;text-align:right;font-variant-numeric:tabular-nums;font-size:14px}.gedragrij .subcel{grid-area:sub;text-align:right}.bewijsband{display:flex;gap:var(--ruimte-3);align-items:flex-start;padding:var(--ruimte-3) var(--ruimte-4);border:1px solid var(--amber);background:var(--amber-zacht);color:var(--amber);border-radius:var(--r-m)}.bewijsband.compleet{border-color:var(--groen);background:var(--groen-zacht);color:var(--groen)}.bewijsband .titel{font-weight:600;color:var(--tekst)}.bewijsband svg{flex:none;margin-top:1px}.bewijs{margin:0 0 var(--ruimte-3) var(--ruimte-4);padding:var(--ruimte-3) var(--ruimte-4);border-left:2px solid var(--accent);background:var(--vlak-zacht);border-radius:0 var(--r-m) var(--r-m) 0}.bewijs .bewijskop{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--ruimte-3);font-weight:550}.bewijs .uitgevoerd{margin:var(--ruimte-2) 0 0;color:var(--tekst-zacht)}.bewijs .bewijsblok{margin-top:var(--ruimte-3)}.bewijs .bewijsblok .kop{font-size:12.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--tekst-flauw);margin-bottom:var(--ruimte-1)}.bewijs .bewijsblok .regel{display:flex;gap:var(--ruimte-4);padding:2px 0;font-size:14px;font-variant-numeric:tabular-nums}.bewijs .bewijsblok .regel .meta{margin-left:auto}.bewijs .handtekening{display:flex;align-items:center;gap:var(--ruimte-2);margin-top:var(--ruimte-3);padding-top:var(--ruimte-3);border-top:1px solid var(--rand);color:var(--groen)}.geldsplitsing{border:1px solid var(--rand);border-radius:var(--r-m);padding:var(--ruimte-4)}.geldsplitsing h3{margin:0 0 var(--ruimte-3)}.geldsplitsing .regel{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--ruimte-4);padding:var(--ruimte-2) 0}.geldsplitsing .regel .subcel{display:block}.geldsplitsing .regel .bedrag{font-variant-numeric:tabular-nums;white-space:nowrap}.geldsplitsing .regel.af .bedrag{color:var(--amber)}.geldsplitsing .regel.uitkomst{margin-top:var(--ruimte-2);padding-top:var(--ruimte-3);border-top:1px solid var(--rand);font-weight:650;font-size:16px}.rij-item.klikbaar{cursor:pointer}.rij-item.klikbaar:hover{background:var(--vlak-zacht)}.rij-item .titel .chip{margin-left:var(--ruimte-2)}.veldrij{display:flex;flex-direction:column;gap:5px;min-width:0}.veldrij>span{font-size:12.5px;font-weight:600;color:var(--tekst-zacht)}.veldrij.aanvinken{flex-direction:row;align-items:flex-start;gap:var(--ruimte-3)}.veldrij.aanvinken>span{font-weight:550;color:var(--tekst)}.veldrij.aanvinken .subcel{display:block;font-weight:400;margin-top:2px}.rolwerkbank{display:grid;grid-template-columns:260px minmax(0,1fr);gap:var(--ruimte-4);align-items:start}.rolwerkbank .rollijst{padding:var(--ruimte-2);display:flex;flex-direction:column;gap:2px;position:sticky;top:calc(var(--top) + var(--ruimte-4))}.rolkaart{text-align:left;border:1px solid transparent;background:none;border-radius:var(--r-m);padding:var(--ruimte-3);cursor:pointer;color:inherit;font:inherit}.rolkaart:hover{background:var(--vlak-zacht)}.rolkaart.actief{background:var(--accent-zacht);border-color:var(--accent-rand)}.rolkaart .titel{font-weight:600;display:flex;align-items:center;gap:var(--ruimte-2)}.rolkaart .meta{font-size:12.5px;color:var(--tekst-flauw);margin-top:2px}.rollijst-voet{display:flex;gap:var(--ruimte-2);padding:var(--ruimte-2);margin-top:var(--ruimte-2);border-top:1px solid var(--rand)}.rollijst-voet .knop{flex:1}.rolbouwer{display:flex;flex-direction:column;gap:var(--ruimte-4);min-width:0}.rolbouwer .leegblok{text-align:center;padding:var(--ruimte-6);color:var(--tekst-zacht)}.rolbouwer .leegblok h3{margin:var(--ruimte-3) 0 var(--ruimte-2)}.rolbouwer .leegblok p{margin:0 auto;max-width:46ch}.rechtenblok>header{display:flex;align-items:center;gap:var(--ruimte-3);margin-bottom:var(--ruimte-2)}.rechtenblok>header h3{margin:0}.rechtenblok>header .knoppen{margin-left:auto;display:flex;gap:var(--ruimte-2)}.rechtrij{display:flex;align-items:flex-start;gap:var(--ruimte-3);padding:var(--ruimte-2);border-radius:var(--r-s);cursor:pointer}.rechtrij:hover{background:var(--vlak-zacht)}.rechtrij input{margin-top:3px;flex:none}.rechtrij .titel{font-weight:550;display:flex;align-items:center;gap:var(--ruimte-2);flex-wrap:wrap}.rechtrij:not(.aan) .titel{color:var(--tekst-zacht);font-weight:400}.bereikrij,.grensrij{display:flex;align-items:center;gap:var(--ruimte-4);padding:var(--ruimte-3);margin-top:var(--ruimte-2);border:1px dashed var(--rand-sterk);border-radius:var(--r-m);background:var(--vlak-zacht)}.bereikrij>div:first-child,.grensrij>div:first-child{flex:1;min-width:0}.bereikrij .titel,.grensrij .titel{font-weight:550}.bereikrij select{min-width:220px}.grensrij .invoer{display:flex;align-items:center;gap:var(--ruimte-2)}.grensrij .invoer .teken{color:var(--tekst-flauw)}.grensrij .invoer input{width:120px;text-align:right;font-variant-numeric:tabular-nums}.rolvoet{display:flex;align-items:center;gap:var(--ruimte-3);padding:var(--ruimte-3) var(--ruimte-4);border:1px solid var(--rand);border-radius:var(--r-m);background:var(--vlak);position:sticky;bottom:var(--ruimte-4);box-shadow:var(--schaduw-m)}.rolvoet .samenvatting{flex:1;font-size:14px;color:var(--tekst-zacht)}.rolvoet .samenvatting .waarschuwing{display:block;color:var(--amber);margin-top:2px}.kaart.scheidingsband{display:flex;gap:var(--ruimte-3);align-items:flex-start;border-color:var(--amber);background:var(--amber-zacht);color:var(--amber)}.kaart.scheidingsband>svg{flex:none;margin-top:2px}.kaart.scheidingsband .titel{font-weight:650;color:var(--tekst);margin-bottom:var(--ruimte-2)}.scheidingsregel{margin-bottom:var(--ruimte-2)}.scheidingsregel strong{color:var(--tekst);display:block}.scheidingsregel span{color:var(--tekst-zacht);font-size:14px}.sjabloonrooster{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--ruimte-3);margin-top:var(--ruimte-3)}.signaalrooster{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--ruimte-4);margin-bottom:var(--ruimte-4)}.signaalblok>header{display:flex;align-items:center;gap:var(--ruimte-2);margin-bottom:var(--ruimte-2)}.signaalblok>header h3{margin:0}.signaalblok .leegregel{display:flex;align-items:center;gap:var(--ruimte-2);color:var(--groen);font-size:14px;padding:var(--ruimte-2) 0}.rechtengroep{margin-bottom:var(--ruimte-4)}.rechtengroep h3{display:flex;align-items:center;gap:var(--ruimte-2);margin:0 0 var(--ruimte-2);font-size:14px;letter-spacing:.03em;text-transform:uppercase;color:var(--tekst-flauw)}.rechtregel{display:flex;align-items:center;gap:var(--ruimte-3);padding:var(--ruimte-2) 0;border-bottom:1px solid var(--rand)}.rechtregel>svg{flex:none;color:var(--groen)}.rechtregel>div{flex:1;min-width:0}.rechtregel .titel{font-weight:500}.rechtregel .bedrag{font-variant-numeric:tabular-nums;white-space:nowrap}.matrixomhulsel{overflow-x:auto;border:1px solid var(--rand);border-radius:var(--r-m)}table.matrix{border-collapse:collapse;width:100%;font-size:14px}table.matrix th,table.matrix td{padding:6px 10px;border-bottom:1px solid var(--rand);text-align:left}table.matrix thead th{position:sticky;top:0;background:var(--vlak);font-size:12.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--tekst-flauw);vertical-align:bottom}table.matrix th.gedraaid{text-align:center;min-width:74px;max-width:74px}table.matrix th.gedraaid span{display:block;white-space:normal;line-height:1.2}table.matrix .groepsrij td{background:var(--vlak-zacht);font-weight:650;font-size:12.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--tekst-flauw)}table.matrix .rechtnaam{position:sticky;left:0;background:var(--vlak);min-width:240px}table.matrix .rechtnaam .punt{display:inline-block;width:6px;height:6px;border-radius:999px;background:var(--amber);margin-left:6px;vertical-align:middle}table.matrix .vinkcel{text-align:center;color:var(--groen)}table.matrix .vinkcel .leeg{color:var(--rand-sterk)}@media(max-width:900px){.rolwerkbank{grid-template-columns:1fr}.rolwerkbank .rollijst{position:static}.bereikrij,.grensrij{flex-direction:column;align-items:stretch}}.werkband{display:flex;flex-wrap:wrap;gap:var(--ruimte-5);padding:var(--ruimte-3) var(--ruimte-4);margin-bottom:var(--ruimte-3);border:1px solid var(--rand);border-radius:var(--r-m);background:var(--vlak-zacht)}.werkband>div{display:flex;flex-direction:column}.werkband .cijfer{font-size:20px;font-weight:650;font-variant-numeric:tabular-nums;line-height:1.1}.werkband .label{font-size:12.5px;color:var(--tekst-flauw)}.werkband .let-op .cijfer{color:var(--amber)}.mankeert{display:flex;align-items:center;gap:var(--ruimte-2);margin-top:3px;font-size:12.5px;color:var(--amber)}.mankeert svg{flex:none}.veld-knop.breed{width:100%;margin-top:var(--ruimte-2)}.meerwerkvorm{display:flex;flex-direction:column;gap:var(--ruimte-3);margin-top:var(--ruimte-3);padding:var(--ruimte-4);border:1px solid var(--amber);border-radius:var(--r-m);background:var(--amber-zacht)}.meerwerkvorm .rij{display:flex;gap:var(--ruimte-2)}.meerwerkvorm .rij>*{flex:1;min-width:0}.meerwerkvorm .invoer{min-height:46px;font-size:16px}.meerwerkvorm .knop{min-height:50px;justify-content:center}.signalenband{display:flex;flex-direction:column;gap:var(--ruimte-2);margin-bottom:var(--ruimte-4)}.signalenband .signaal{display:flex;align-items:flex-start;gap:var(--ruimte-3);padding:var(--ruimte-3) var(--ruimte-4);border:1px solid var(--amber);border-radius:var(--r-m);background:var(--amber-zacht);color:var(--amber)}.signalenband .signaal>svg{flex:none;margin-top:2px}.signalenband .signaal>div{flex:1;min-width:0}.signalenband .titel{font-weight:650;color:var(--tekst)}.signalenband .tekst{color:var(--tekst-zacht);font-size:14px;margin-top:2px}.kpigroep{margin-bottom:var(--ruimte-5)}.kpigroep>header{display:flex;align-items:baseline;gap:var(--ruimte-3);margin-bottom:var(--ruimte-3);flex-wrap:wrap}.kpigroep>header h2{margin:0;font-size:16px}.kpirooster{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--ruimte-3)}.kpikaart{text-align:left;font:inherit;color:inherit;cursor:pointer;background:var(--vlak);border:1px solid var(--rand);border-left:3px solid var(--rand-sterk);border-radius:var(--r-m);padding:var(--ruimte-4);display:flex;flex-direction:column;gap:var(--ruimte-2);transition:border-color var(--snel) var(--soepel)}.kpikaart:hover{border-color:var(--rand-sterk)}.kpikaart.goed{border-left-color:var(--groen)}.kpikaart.matig{border-left-color:var(--amber)}.kpikaart.slecht{border-left-color:var(--rood)}.kpikaart.open{grid-column:1 / -1}.kpikaart .kop{display:flex;align-items:center;justify-content:space-between;gap:var(--ruimte-2)}.kpikaart .naam{font-weight:600;font-size:14px}.kpikaart .waarde{font-size:30px;font-weight:650;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.5px}.kpikaart .onder{display:flex;align-items:center;gap:var(--ruimte-3);justify-content:space-between}.kpikaart .richting{display:inline-flex;align-items:center;gap:3px;font-size:12.5px;color:var(--tekst-flauw)}.kpikaart .richting.beter{color:var(--groen)}.kpikaart .richting.slechter{color:var(--rood)}.verloop{width:84px;height:28px;flex:none}.verloop path{stroke:var(--rand-sterk)}.verloop circle{fill:var(--rand-sterk)}.verloop.goed path,.verloop.goed circle{stroke:var(--groen);fill:var(--groen)}.verloop.matig path,.verloop.matig circle{stroke:var(--amber);fill:var(--amber)}.verloop.slecht path,.verloop.slecht circle{stroke:var(--rood);fill:var(--rood)}.verloop.leeg{font-size:12.5px;color:var(--tekst-flauw);width:auto}.kpikaart .uitleg{border-top:1px solid var(--rand);padding-top:var(--ruimte-3);margin-top:var(--ruimte-2);display:flex;flex-direction:column;gap:var(--ruimte-2)}.kpikaart .uitleg p{margin:0;font-size:14px;color:var(--tekst-zacht)}.kpikaart .uitleg .waarom{color:var(--tekst)}.kpikaart .uitleg .reeks{display:flex;flex-wrap:wrap;gap:var(--ruimte-3);font-size:12.5px;color:var(--tekst-flauw);font-variant-numeric:tabular-nums}.kpikaart .uitleg .reeks b{color:var(--tekst-zacht);font-weight:600}.tegel .cijfer .van{font-size:20px;font-weight:500;color:var(--tekst-flauw)}.modulerij{display:grid;grid-template-columns:minmax(120px,1.1fr) minmax(80px,2fr) auto;grid-template-areas:"naam staaf meta" "naam staaf sub";align-items:center;gap:2px var(--ruimte-4);padding:var(--ruimte-3) 0;border-top:1px solid var(--rand)}.modulerij .naam{grid-area:naam;font-weight:550;overflow-wrap:anywhere}.modulerij .staaf{grid-area:staaf;height:8px;border-radius:999px;background:var(--neutraal-zacht);overflow:hidden}.modulerij .staaf .vulling{height:100%;border-radius:999px;background:var(--accent)}.modulerij .meta{grid-area:meta;text-align:right;font-variant-numeric:tabular-nums}.modulerij .subcel{grid-area:sub;text-align:right}.apparaatrij{display:flex;gap:var(--ruimte-5);flex-wrap:wrap}.apparaatrij .cijfer{display:block;font-size:26px;font-weight:650;font-variant-numeric:tabular-nums}.apparaatrij .label{font-size:12.5px;color:var(--tekst-flauw)}.uurbalk{display:flex;align-items:flex-end;gap:3px;height:110px}.uurbalk.breed{gap:2px}.uurbalk .uur{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;min-width:0}.uurbalk .uur .staaf{width:100%;min-height:2px;background:var(--accent);border-radius:2px 2px 0 0;transition:height var(--normaal) var(--soepel)}.uurbalk .uur span{font-size:12.5px;color:var(--tekst-flauw);margin-top:3px;height:12px}.spoorlijst{border:1px solid var(--rand);border-radius:var(--r-m);overflow:hidden;font-size:12.5px;font-variant-numeric:tabular-nums}.spoorregel{display:grid;grid-template-columns:130px 46px minmax(0,1fr) 40px 60px;gap:var(--ruimte-2);padding:5px var(--ruimte-3);border-bottom:1px solid var(--rand);align-items:center}.spoorregel:last-child{border-bottom:none}.spoorregel.fout{background:var(--rood-zacht)}.spoorregel .tijd{color:var(--tekst-flauw)}.spoorregel .methode{font-weight:650;font-size:12.5px;color:var(--tekst-zacht)}.spoorregel .pad{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spoorregel .status,.spoorregel .duur{text-align:right;color:var(--tekst-flauw)}.spoorregel.fout .status{color:var(--rood);font-weight:650}@media(max-width:700px){.spoorregel{grid-template-columns:1fr auto;grid-template-areas:"pad status" "tijd duur"}.spoorregel .methode{display:none}.spoorregel .pad{grid-area:pad}.spoorregel .tijd{grid-area:tijd}.spoorregel .status{grid-area:status}.spoorregel .duur{grid-area:duur}}.modulerij.klikbaar{cursor:pointer}.modulerij.klikbaar:hover{background:var(--vlak-zacht)}.modulerij .naam .chip{margin-left:var(--ruimte-2)}.grafiek{position:relative;width:100%}.grafiek svg{width:100%;height:auto;display:block;overflow:visible}.grafiek .raster{stroke:var(--rand);stroke-width:1;vector-effect:non-scaling-stroke}.grafiek .aslabel{font-size:12.5px;fill:var(--tekst-flauw)}.grafiek .doellijn{stroke:var(--tekst-flauw);stroke-width:1;stroke-dasharray:4 4;vector-effect:non-scaling-stroke}.grafiek .doellabel{font-size:12.5px;fill:var(--tekst-flauw)}.grafiek .reeks{color:var(--accent)}.grafiek .reeks.r1{color:var(--merk-koel)}.grafiek .lijn{stroke:currentColor;stroke-width:2;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.grafiek .stip{fill:currentColor}.grafiek .raakvlak{fill:transparent;cursor:crosshair}.grafiek .staaf{fill:var(--accent);transition:fill var(--snel) var(--soepel)}.grafiek .staaf.aan{fill:var(--accent-hover)}.grafiek-leeg{padding:var(--ruimte-5);text-align:center;color:var(--tekst-flauw);font-size:14px;border:1px dashed var(--rand-sterk);border-radius:var(--r-m)}.grafiek-tip{position:absolute;top:0;transform:translate(-50%);background:var(--merk-donker);color:#fff;padding:var(--ruimte-2) var(--ruimte-3);border-radius:var(--r-s);font-size:12.5px;pointer-events:none;white-space:nowrap;box-shadow:var(--schaduw-m);z-index:3}.grafiek-tip .periode{opacity:.7;font-size:12.5px;margin-bottom:2px}.grafiek-tip>div:not(.periode){display:flex;gap:var(--ruimte-3);justify-content:space-between}.grafiek-tip .naam{opacity:.75}.grafiek-tip .waarde{font-weight:650;font-variant-numeric:tabular-nums}.verhouding{margin-bottom:var(--ruimte-3)}.verhouding .baan{display:flex;height:10px;border-radius:999px;background:var(--neutraal-zacht);overflow:hidden}.verhouding .vulling{background:var(--groen);transition:width var(--normaal) var(--soepel)}.verhouding.krap .vulling,.verhouding.over .vulling{background:var(--amber)}.verhouding .over{background:var(--rood)}.verhouding .onder{display:flex;justify-content:space-between;align-items:baseline;margin-top:4px;font-size:12.5px;color:var(--tekst-zacht)}.verhouding .cijfers{font-variant-numeric:tabular-nums;color:var(--tekst-flauw)}.verhouding .cijfers b{color:var(--tekst);margin-left:4px}.verhouding.over .cijfers b{color:var(--rood)}.tegels.vier{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.signalenband .signaal{width:100%;text-align:left;font:inherit;cursor:pointer;align-items:center}.signalenband .signaal:hover{border-color:var(--tekst-zacht)}.signalenband .signaal.slecht{border-color:var(--rood);background:var(--rood-zacht);color:var(--rood)}.signalenband .signaal.let_op{border-color:var(--amber);background:var(--amber-zacht);color:var(--amber)}.signalenband .signaal>svg:last-child{flex:none;opacity:.5}.minibaan{position:relative;height:16px;min-width:68px;border-radius:999px;background:var(--neutraal-zacht);overflow:hidden}.minibaan .vulling{position:absolute;inset:0 auto 0 0;background:var(--accent-zacht)}.minibaan span{position:relative;display:block;text-align:center;font-size:12.5px;line-height:16px;font-variant-numeric:tabular-nums;color:var(--tekst)}.kaart-kop{display:flex;align-items:baseline;justify-content:space-between;gap:var(--ruimte-3);flex-wrap:wrap;margin-bottom:var(--ruimte-3)}.kaart-kop h2{margin:0;font-size:16px}.kpikaart .uitleg .grafiek{margin-bottom:var(--ruimte-2)}.monteurrij{display:grid;grid-template-columns:minmax(120px,1fr) auto minmax(200px,1.4fr);align-items:center;gap:var(--ruimte-4);padding:var(--ruimte-3) 0;border-top:1px solid var(--rand)}.monteurrij .naam{font-weight:550}.monteurrij .uren{text-align:right}.monteurrij .uren .cijfer{font-size:20px;font-weight:650;font-variant-numeric:tabular-nums}.monteurrij .uren .label{font-size:12.5px;color:var(--tekst-flauw);margin-left:3px}.monteurrij .maten{display:flex;align-items:center;gap:var(--ruimte-2);flex-wrap:wrap;justify-content:flex-end}@media(max-width:760px){.monteurrij{grid-template-columns:1fr auto;grid-template-areas:"naam uren" "maten maten";gap:var(--ruimte-2)}.monteurrij .naam{grid-area:naam}.monteurrij .uren{grid-area:uren}.monteurrij .maten{grid-area:maten;justify-content:flex-start}}.tweebaans{display:flex;flex-direction:column;gap:2px;min-width:74px}.tweebaans .minibaan{height:13px}.tweebaans .minibaan span{line-height:13px;font-size:12.5px}.minibaan.kosten .vulling{background:var(--amber);opacity:.42}.onzeker{color:var(--tekst-zacht);font-style:italic}.chip.vaag{opacity:.62;border-style:dashed}.verloopregel{display:grid;grid-template-columns:minmax(150px,1fr) auto auto;align-items:center;gap:var(--ruimte-4);padding:var(--ruimte-2) 0;border-top:1px solid var(--rand)}.verloopregel .wie{display:flex;flex-direction:column;min-width:0}.verloopregel .wie .naam{font-weight:550}.strook{display:flex;gap:2px}.strook .vakje{width:11px;height:18px;border-radius:2px;background:var(--neutraal-zacht)}.strook .vakje.aan{background:var(--accent)}@media(max-width:700px){.verloopregel{grid-template-columns:1fr auto;grid-template-areas:"wie chip" "strook strook";gap:var(--ruimte-2)}.verloopregel .wie{grid-area:wie}.verloopregel .strook{grid-area:strook;flex-wrap:wrap}}.cohorttabel{border-collapse:collapse;font-size:12.5px;font-variant-numeric:tabular-nums}.cohorttabel th,.cohorttabel td{padding:5px 7px;text-align:center;white-space:nowrap}.cohorttabel th{color:var(--tekst-flauw);font-weight:550;font-size:12.5px}.cohorttabel th:first-child,.cohorttabel td:first-child{text-align:left}.cohorttabel .cohortvak{background:var(--accent);color:#fff;border-radius:var(--r-s)}.cohorttabel .leeg{background:none}.banden{display:flex;flex-direction:column;gap:var(--ruimte-2)}.band{display:grid;grid-template-columns:86px 1fr 48px;align-items:center;gap:var(--ruimte-3);font-size:14px}.band .bandnaam{color:var(--tekst-zacht)}.band .bandbaan{height:14px;border-radius:999px;background:var(--neutraal-zacht);overflow:hidden}.band .bandbaan .vulling{height:100%;background:var(--accent)}.band .bandgetal{text-align:right;font-variant-numeric:tabular-nums}.trechterstap{display:grid;grid-template-columns:minmax(140px,1.1fr) 2fr auto 56px;align-items:center;gap:var(--ruimte-3);padding:var(--ruimte-2) 0;font-size:14px}.trechterstap .stapnaam{color:var(--tekst-zacht);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trechterstap .stapbaan{height:18px;border-radius:var(--r-s);background:var(--neutraal-zacht);overflow:hidden}.trechterstap .stapbaan .vulling{height:100%;background:var(--accent);transition:width var(--normaal) var(--soepel)}.trechterstap .stapgetal{text-align:right;font-variant-numeric:tabular-nums;font-weight:550}.trechterstap .stapval{text-align:right;font-variant-numeric:tabular-nums;color:var(--rood);font-size:12.5px}@media(max-width:700px){.trechterstap{grid-template-columns:1fr auto 48px;grid-template-areas:"naam getal val" "baan baan baan";gap:var(--ruimte-1) var(--ruimte-2)}.trechterstap .stapnaam{grid-area:naam}.trechterstap .stapbaan{grid-area:baan}.trechterstap .stapgetal{grid-area:getal}.trechterstap .stapval{grid-area:val}}.methode{display:inline-block;min-width:42px;font-size:12.5px;font-weight:650;color:var(--tekst-flauw)}.tabelrol{overflow-x:auto}.soortenrij{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:var(--ruimte-3);margin-bottom:var(--ruimte-4)}.soortkaart{display:flex;flex-direction:column;gap:3px;padding:var(--ruimte-3) var(--ruimte-4);text-align:left;font:inherit;background:var(--vlak);border:1px solid var(--rand);border-radius:var(--r-m);cursor:pointer;transition:border-color var(--snel) var(--soepel),box-shadow var(--snel) var(--soepel)}.soortkaart:hover{border-color:var(--rand-sterk)}.soortkaart.aan{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.soortkaart .naam{font-weight:600}.soortkaart .uitleg,.soortkaart .tel{font-size:12.5px;color:var(--tekst-flauw)}.soortkaart .tel{margin-top:2px;color:var(--tekst-zacht)}.sjabloonkeuze{display:flex;gap:var(--ruimte-2);flex-wrap:wrap;margin-bottom:var(--ruimte-3)}.sjabloonbouwer{display:grid;grid-template-columns:minmax(230px,280px) minmax(0,1fr);gap:var(--ruimte-4);align-items:start}.sjabloonbouwer .blokinstellingen{grid-column:2}@media(min-width:1560px){.sjabloonbouwer{grid-template-columns:minmax(230px,280px) minmax(520px,1fr) minmax(260px,310px)}.sjabloonbouwer .blokinstellingen{grid-column:3}}@media(max-width:820px){.sjabloonbouwer{grid-template-columns:1fr}.sjabloonbouwer .blokinstellingen{grid-column:1}.blokkenlijst,.blokinstellingen{position:static}}.blokkenlijst,.blokinstellingen{background:var(--vlak);border:1px solid var(--rand);border-radius:var(--r-m);padding:var(--ruimte-3);position:sticky;top:var(--ruimte-4)}.blokkenlijst .lijstkop{display:flex;flex-direction:column;gap:2px;margin-bottom:var(--ruimte-3)}.naaminvoer{font:inherit;font-weight:650;font-size:16px;border:1px solid transparent;border-radius:var(--r-s);padding:3px 5px;margin-left:-5px;background:none;color:var(--tekst)}.naaminvoer:hover{border-color:var(--rand)}.naaminvoer:focus{border-color:var(--accent);outline:none}.blokregel{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--ruimte-2);padding:var(--ruimte-2);border-radius:var(--r-s);cursor:pointer;border:1px solid transparent}.blokregel:hover{background:var(--neutraal-zacht)}.blokregel.aan{background:var(--accent-zacht);border-color:var(--accent)}.blokregel.fout{border-color:var(--rood)}.blokregel.uit .wat{opacity:.45}.blokregel .wat{display:flex;flex-direction:column;min-width:0}.blokregel .wat .naam{font-weight:550;font-size:14px}.blokregel .wat .uitleg{font-size:12.5px;color:var(--tekst-flauw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.schakelaar{width:34px;height:20px;flex:none;border-radius:999px;border:none;background:var(--neutraal-sterk, #cbd5e1);position:relative;cursor:pointer;transition:background var(--snel) var(--soepel)}.schakelaar[aria-pressed=true]{background:var(--accent)}.schakelaar:disabled{opacity:.5;cursor:not-allowed}.schakelaar .knopje{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform var(--snel) var(--soepel)}.schakelaar[aria-pressed=true] .knopje{transform:translate(14px)}.blokregel .verplaatsen{display:flex;flex-direction:column;gap:1px}.blokregel .verplaatsen button{border:none;background:none;color:var(--tekst-flauw);cursor:pointer;padding:1px 3px;border-radius:3px}.blokregel .verplaatsen button:hover:not(:disabled){background:var(--vlak);color:var(--tekst)}.blokregel .verplaatsen button:disabled{opacity:.25;cursor:default}.blokerbij{width:100%;margin-top:var(--ruimte-2);padding:var(--ruimte-2);display:flex;align-items:center;justify-content:center;gap:var(--ruimte-2);font:inherit;font-size:14px;color:var(--tekst-zacht);background:none;border:1px dashed var(--rand-sterk);border-radius:var(--r-s);cursor:pointer}.blokerbij:hover{border-color:var(--accent);color:var(--accent)}.blokkiezer{margin-top:var(--ruimte-2);border:1px solid var(--rand);border-radius:var(--r-s);padding:var(--ruimte-2);background:var(--achtergrond)}.blokkiezer .kop{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--ruimte-2)}.blokkiezer .sluit{border:none;background:none;cursor:pointer;color:var(--tekst-flauw)}.blokkiezer .keuze{display:flex;flex-direction:column;width:100%;text-align:left;font:inherit;gap:1px;padding:var(--ruimte-2);border:none;background:none;border-radius:var(--r-s);cursor:pointer}.blokkiezer .keuze:hover{background:var(--neutraal-zacht)}.blokkiezer .keuze .naam{font-weight:550;font-size:14px}.blokkiezer .keuze .uitleg{font-size:12.5px;color:var(--tekst-flauw)}.voorbeeldkolom{display:flex;flex-direction:column;gap:var(--ruimte-3);min-width:0}.voorbeeldbalk{display:flex;justify-content:space-between;align-items:center;gap:var(--ruimte-3);flex-wrap:wrap}.voorbeeldbalk .acties{display:flex;gap:var(--ruimte-2);align-items:center}.papier{background:#fff;border:1px solid var(--rand);border-radius:var(--r-s);box-shadow:var(--schaduw-m);overflow:hidden}.papier iframe{display:block;width:100%;aspect-ratio:210 / 297;border:none;background:#fff}.voorbeeldvoet{display:flex;justify-content:flex-end;align-items:center;gap:var(--ruimte-2)}.kaart.poort{border-color:var(--rood);background:var(--rood-zacht)}.kaart.poort .kop{display:flex;align-items:center;gap:var(--ruimte-2);color:var(--rood);margin-bottom:var(--ruimte-2)}.kaart.poort .bevinding,.kaart.waarschuwing .bevinding{padding:var(--ruimte-2) 0;border-top:1px solid var(--rand)}.bevinding .titel{font-weight:600;font-size:14px}.bevinding .tekst{font-size:14px;color:var(--tekst-zacht)}.bevinding .bron{font-size:12.5px;color:var(--tekst-flauw);margin-top:3px}.kaart.waarschuwing{border-color:var(--amber);background:var(--amber-zacht)}.geschiedenis .versieregel{display:flex;justify-content:space-between;align-items:center;gap:var(--ruimte-3);padding:var(--ruimte-2) 0;border-top:1px solid var(--rand)}.instellingenkop{margin-bottom:var(--ruimte-3)}.instellingenkop h3{margin:0;font-size:16px}.blokinstellingen .dekt{display:flex;align-items:flex-start;gap:var(--ruimte-2);font-size:12.5px;color:var(--groen);background:var(--groen-zacht);padding:var(--ruimte-2);border-radius:var(--r-s);margin-bottom:var(--ruimte-3)}.regelvinkje{display:flex;align-items:flex-start;gap:var(--ruimte-2);padding:var(--ruimte-2) 0;font-size:14px;cursor:pointer}.regelvinkje input{margin-top:2px;flex:none}.regelvinkje .uitleg{display:block;font-size:12.5px;color:var(--tekst-flauw)}.lijstkeuze{display:flex;flex-direction:column}.invoegen{margin-top:var(--ruimte-3);padding-top:var(--ruimte-2);border-top:1px solid var(--rand)}.invoegen .kopje{display:block;font-size:12.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--tekst-flauw);margin-bottom:var(--ruimte-2)}.invoegen .groep{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:5px}.invoegen .groepnaam{font-size:12.5px;color:var(--tekst-flauw);min-width:62px}.variabele{font:inherit;font-size:12.5px;padding:2px 7px;border-radius:999px;border:1px solid var(--accent);color:var(--accent);background:var(--accent-zacht);cursor:pointer}.variabele:hover{background:var(--accent);color:#fff}.huisstijl{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--ruimte-4);align-items:start}.logovak{display:flex;align-items:center;gap:var(--ruimte-4);padding:var(--ruimte-4);margin:var(--ruimte-3) 0;border:1px dashed var(--rand-sterk);border-radius:var(--r-m);background:#fff}.logovak img{max-height:60px;max-width:220px}.logovak .leeg{color:var(--tekst-flauw);font-size:14px}.logoacties{display:flex;gap:var(--ruimte-2);margin-left:auto}.logoacties .knop{cursor:pointer}.voorstel{border:1px solid var(--accent);background:var(--accent-zacht);border-radius:var(--r-m);padding:var(--ruimte-3);margin-bottom:var(--ruimte-3)}.voorstel .kop{display:flex;align-items:center;gap:var(--ruimte-2);color:var(--accent);margin-bottom:var(--ruimte-2)}.voorstel .stalen{display:flex;gap:var(--ruimte-2);margin-bottom:var(--ruimte-3)}.voorstel .staal{padding:var(--ruimte-2) var(--ruimte-3);border-radius:var(--r-s);color:#fff;font-size:12.5px;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px rgba(0,0,0,.35)}.voorstel .acties{display:flex;gap:var(--ruimte-2)}.kleurkiezer{display:flex;align-items:center;gap:var(--ruimte-2)}.kleurkiezer input[type=color]{width:42px;height:30px;padding:0;border:1px solid var(--rand);border-radius:var(--r-s);background:none;cursor:pointer}.kleurkiezer code{font-size:12.5px;color:var(--tekst-zacht)}.huisstijl .velden{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--ruimte-3)}.huisstijl .velden .veld.breed{grid-column:1 / -1}.leegstand{text-align:center;padding:var(--ruimte-6) var(--ruimte-4);max-width:620px;margin:0 auto}.leegstand h2{font-size:16px;margin:var(--ruimte-3) 0 var(--ruimte-2)}.leegstand p{color:var(--tekst-zacht);margin:0 auto var(--ruimte-4);max-width:46ch}.filterknop.erbij{border-style:dashed;color:var(--tekst-zacht);display:inline-flex;align-items:center;gap:5px}.klantkiezer{margin-bottom:var(--ruimte-4)}.klantkiezer .kop{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--ruimte-3);margin-bottom:var(--ruimte-3)}.klantkiezer .kop h3{margin:0 0 3px;font-size:16px}.klantkiezer .sluit{border:none;background:none;cursor:pointer;color:var(--tekst-flauw);flex:none}.zoekinvoer{width:100%;max-width:460px;padding:var(--ruimte-2) var(--ruimte-3);border:1px solid var(--rand);border-radius:var(--r-s);font:inherit;background:var(--achtergrond);color:var(--tekst)}.klantkiezer .treffer{display:flex;align-items:baseline;gap:var(--ruimte-3);width:100%;max-width:460px;text-align:left;font:inherit;padding:var(--ruimte-2) var(--ruimte-3);margin-top:2px;border:none;background:none;border-radius:var(--r-s);cursor:pointer}.klantkiezer .treffer:hover:not(:disabled){background:var(--accent-zacht)}.klantkiezer .treffer:disabled{opacity:.5;cursor:not-allowed}.klantkiezer .treffer .naam{font-weight:550}.postvak{position:relative}.belletje{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid transparent;border-radius:var(--r-s);background:none;color:var(--tekst-zacht);cursor:pointer}.belletje:hover{background:var(--vlak);border-color:var(--rand);color:var(--tekst)}.belletje.heeft{color:var(--tekst)}.belletje .teller{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--rood);color:#fff;font-size:12.5px;font-weight:700;line-height:16px;text-align:center}.postvakpaneel{position:absolute;top:calc(100% + 6px);right:0;width:min(380px,calc(100vw - 24px));max-height:min(560px,calc(100vh - 90px));display:flex;flex-direction:column;background:var(--vlak);border:1px solid var(--rand);border-radius:var(--r-m);box-shadow:var(--schaduw-l, var(--schaduw-m));z-index:40;overflow:hidden}.postvakpaneel .paneelkop{display:flex;justify-content:space-between;align-items:center;padding:var(--ruimte-3);border-bottom:1px solid var(--rand)}.postvakpaneel .paneelkop .acties{display:flex;gap:var(--ruimte-3)}.tekstknop{border:none;background:none;padding:0;font:inherit;font-size:12.5px;color:var(--accent);cursor:pointer}.tekstknop:hover{text-decoration:underline}.postvakpaneel .toestemming{padding:var(--ruimte-3);border-bottom:1px solid var(--rand);background:var(--accent-zacht)}.postvakpaneel .toestemming .wat{display:flex;flex-direction:column;gap:3px;margin-bottom:var(--ruimte-3)}.postvakpaneel .toestemming span{font-size:12.5px;color:var(--tekst-zacht)}.postvakpaneel .toestemming .knoppen{display:flex;gap:var(--ruimte-2)}.postvakpaneel .lijst{overflow-y:auto}.postvakpaneel .leeg{display:flex;flex-direction:column;align-items:center;gap:var(--ruimte-2);padding:var(--ruimte-6) var(--ruimte-4);color:var(--tekst-flauw);font-size:14px}.postvakpaneel .melding{display:flex;gap:var(--ruimte-2);width:100%;text-align:left;font:inherit;padding:var(--ruimte-3);border:none;border-bottom:1px solid var(--rand);background:none;cursor:pointer}.postvakpaneel .melding:hover{background:var(--neutraal-zacht)}.postvakpaneel .melding .stip{flex:none;width:7px;height:7px;margin-top:6px;border-radius:50%;background:transparent}.postvakpaneel .melding.nieuw .stip{background:var(--accent)}.postvakpaneel .melding.nieuw.dringend .stip{background:var(--rood)}.postvakpaneel .melding .inhoud{display:flex;flex-direction:column;gap:2px;min-width:0}.postvakpaneel .melding .titel{display:flex;align-items:center;gap:var(--ruimte-2);font-size:14px;font-weight:550}.postvakpaneel .melding.nieuw .titel{font-weight:650}.postvakpaneel .melding .tekst{font-size:12.5px;color:var(--tekst-zacht)}.postvakpaneel .melding .wanneer{font-size:12.5px;color:var(--tekst-flauw)}.apparaatkaart .regel{display:flex;align-items:flex-start;gap:var(--ruimte-3)}.apparaatkaart .regel>button{margin-left:auto;flex:none}.apparaatkaart .apparaat{display:flex;justify-content:space-between;gap:var(--ruimte-3);padding:var(--ruimte-2) 0;margin-top:var(--ruimte-2);border-top:1px solid var(--rand);font-size:14px}.meldregel{display:flex;align-items:flex-start;gap:var(--ruimte-3);padding:var(--ruimte-3) 0;border-top:1px solid var(--rand);cursor:pointer}.meldregel:first-of-type{border-top:none}.meldregel input{margin-top:3px;flex:none}.meldregel .wat{display:flex;flex-direction:column;gap:2px;min-width:0}.meldregel .naam{display:flex;align-items:center;gap:var(--ruimte-2);flex-wrap:wrap;font-weight:550;font-size:14px}.meldregel .uitleg{font-size:12.5px;color:var(--tekst-zacht)}.meldregel .herkomst{font-size:12.5px;color:var(--tekst-flauw);font-style:italic}@media(max-width:560px){.postvakpaneel{position:fixed;top:var(--top);right:8px;left:8px;width:auto}}.versieregel{display:flex;align-items:center;gap:6px;width:100%;min-height:32px;padding:7px 6px;margin-top:2px;border:none;border-radius:var(--r-s);background:none;font:inherit;font-size:12.5px;color:var(--tekst-flauw);cursor:pointer}.versieregel:hover{color:var(--tekst-zacht)}.versieregel .merkje{padding:0 5px;border-radius:999px;border:1px solid var(--rand-sterk);font-size:12.5px}.versieregel .merkje.let-op{border-color:var(--amber);color:var(--amber);font-weight:700}.versieluik{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:var(--ruimte-4);background:#0b132073}.versieluik .kaart{width:min(560px,100%);max-height:80vh;overflow-y:auto}.versieluik h2{margin:0;font-size:20px}.versieluik h3{margin:var(--ruimte-4) 0 var(--ruimte-2);font-size:14px}.versieluik .waarschuwregel{display:flex;flex-direction:column;gap:3px;margin-top:var(--ruimte-3);padding:var(--ruimte-3);border-radius:var(--r-s);border:1px solid var(--amber);background:var(--amber-zacht);font-size:14px}.uitgavetekst{margin:0;padding:var(--ruimte-3);border-radius:var(--r-s);background:var(--achtergrond);border:1px solid var(--rand);font-family:inherit;font-size:12.5px;line-height:1.5;white-space:pre-wrap;color:var(--tekst-zacht)}.zoekkeuze{position:relative}.zoekkeuze>input{width:100%;padding-right:30px}.zoekkeuze-wis{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:20px;height:20px;border:0;border-radius:50%;background:none;color:var(--tekst-flauw);font-size:16px;line-height:1;cursor:pointer;display:grid;place-items:center}.zoekkeuze-wis:hover{background:var(--neutraal-zacht);color:var(--tekst)}.zoekkeuze-wis:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.zoekkeuze-lijst{position:absolute;z-index:60;top:calc(100% + 3px);left:0;right:0;max-height:240px;overflow-y:auto;background:var(--vlak-verhoogd);border:1px solid var(--rand);border-radius:var(--r-m);box-shadow:var(--schaduw-l);padding:4px}.zoekkeuze-stil{padding:9px 10px;font-size:12.5px;color:var(--tekst-flauw)}.zoekkeuze-rij{display:flex;align-items:baseline;justify-content:space-between;gap:var(--ruimte-3);width:100%;padding:7px 9px;border:0;border-radius:var(--r-s);background:none;font:inherit;font-size:14px;color:var(--tekst);text-align:left;cursor:pointer}.zoekkeuze-rij.aan{background:var(--accent-zacht)}.zoekkeuze-rij.gekozen .zoekkeuze-naam{font-weight:640}.zoekkeuze-naam{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zoekkeuze-bij{font-size:12.5px;color:var(--tekst-flauw);white-space:nowrap;flex:none}.inst2-sluitingvorm{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr) auto;gap:8px;align-items:end;margin-top:12px;padding-top:12px;border-top:1px solid var(--rand)}.inst2-sluitingvorm label{display:flex;flex-direction:column;gap:4px;min-width:0}.inst2-sluitingvorm label span{font-size:12.5px;color:var(--tekst-flauw)}.inst2-sluitingvorm input{padding:6px 9px;border:1px solid var(--rand-sterk);border-radius:6px;font:inherit;min-width:0}@media(max-width:720px){.inst2-sluitingvorm{grid-template-columns:1fr 1fr}.inst2-sluitingvorm label:first-child,.inst2-sluitingvorm>button{grid-column:1 / -1}}tbody td a,.rij-item a{display:inline-flex;align-items:center;min-height:28px;padding:2px 0}.sluitvraag{display:flex;align-items:center;gap:var(--ruimte-3);flex-wrap:wrap;padding:var(--ruimte-3) var(--ruimte-4);background:var(--amber-zacht);border-top:1px solid var(--rand);border-bottom:1px solid var(--rand)}.sluitvraag-tekst{display:flex;flex-direction:column;min-width:0;flex:1;font-size:14px}.sluitvraag-tekst strong{color:var(--amber);font-weight:600}.sluitvraag-tekst span{color:var(--tekst-zacht)}.paginakop .sub,.kaart-kop .sub,.veld .hint,.uitleg{max-width:78ch}.consolemerk{font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--amber);line-height:1.2}.paginakop-acties{margin-left:auto;display:flex;align-items:center;gap:var(--ruimte-2);flex-wrap:wrap}.paren{display:grid;grid-template-columns:minmax(140px,auto) 1fr;gap:var(--ruimte-2) var(--ruimte-4);align-items:baseline}.paren dt{font-size:12.5px;color:var(--tekst-flauw);margin:0}.paren dd{margin:0;font-weight:500}.paren dd .toelichting{display:block;font-weight:400;font-size:12.5px;color:var(--tekst-flauw);max-width:70ch}@media(max-width:640px){.paren{grid-template-columns:1fr;gap:2px var(--ruimte-4)}.paren dd{margin-bottom:var(--ruimte-2)}}.standen{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--ruimte-3)}.stand{--stand: var(--rand-sterk);position:relative;display:flex;flex-direction:column;gap:2px;padding:var(--ruimte-3) var(--ruimte-4);min-height:92px;text-align:left;background:var(--vlak);border:1px solid var(--rand);border-radius:var(--r-l);box-shadow:var(--schaduw-s);cursor:pointer;transition:transform var(--snel) var(--soepel),box-shadow var(--snel) var(--soepel),border-color var(--snel) var(--soepel)}.stand:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--stand);border-radius:var(--r-l) var(--r-l) 0 0;transition:height var(--snel) var(--soepel)}.stand:hover{transform:translateY(-2px);box-shadow:var(--schaduw-m);border-color:var(--rand-sterk)}.stand:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.stand.aan{border-color:var(--stand);background:var(--vlak-verhoogd)}.stand.aan:before{height:5px}.stand.leeg:not(.aan){opacity:.62}@media(max-width:900px){.standen{grid-template-columns:repeat(2,1fr)}}.stand{font:inherit;color:inherit}.standkop{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--tekst-zacht)}.stand b{font-size:30px;line-height:1.05;font-weight:650;letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--tekst)}.stand.aan b{color:var(--stand)}.standbij{font-size:12.5px;color:var(--tekst-flauw)}.cs-stand.aandacht{--stand: var(--amber)}.cs-stand.telaat{--stand: var(--rood)}.cs-stand.proef{--stand: var(--merk-koel)}.cs-stand.omzet{--stand: var(--groen)}.cs-stand.alles{--stand: var(--accent)}@media(max-width:1100px){.standen{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}.merklogo{display:block}.merklogo img{width:auto;display:block}.merklogo .donker{display:none}:root[data-thema=donker] .merklogo .licht{display:none}:root[data-thema=donker] .merklogo .donker{display:block}.werkbank{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px);gap:var(--ruimte-4);align-items:start}.werkbank>.uitkomst{position:sticky;top:var(--ruimte-4)}@media(max-width:1100px){.werkbank{grid-template-columns:1fr}.werkbank>.uitkomst{position:static}}.schuifveld{display:flex;flex-direction:column;gap:6px;min-width:0}.schuifveld>label{font-size:12.5px;font-weight:600;color:var(--tekst-zacht)}.schuifveld .hint{font-size:12.5px;color:var(--tekst-flauw)}.schuifrij{display:flex;align-items:center;gap:var(--ruimte-3)}.schuifrij input[type=range]{flex:1;min-width:0;height:28px;padding:0;border:none;background:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.schuifrij input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:var(--rand-sterk)}.schuifrij input[type=range]::-moz-range-track{height:4px;border-radius:2px;background:var(--rand-sterk)}.schuifrij input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;margin-top:-8px;border-radius:50%;background:var(--accent);border:2px solid var(--vlak);box-shadow:var(--schaduw-s);cursor:grab}.schuifrij input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--accent);border:2px solid var(--vlak);cursor:grab}.schuifrij input[type=range]:focus-visible::-webkit-slider-thumb{outline:2px solid var(--ring);outline-offset:2px}.schuifgetal{display:flex;align-items:baseline;gap:4px;flex:none}.schuifgetal input{width:78px;min-height:32px;text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.schuifgetal span{font-size:12.5px;color:var(--tekst-flauw);white-space:nowrap}.staven{display:flex;flex-direction:column;gap:var(--ruimte-2)}.staaf{display:grid;grid-template-columns:92px minmax(0,1fr) auto;align-items:center;gap:var(--ruimte-3)}.staaflabel{font-size:12.5px;color:var(--tekst-zacht);white-space:nowrap}.staafbaan{height:8px;border-radius:4px;background:var(--neutraal-zacht);overflow:hidden}.staafvulling{display:block;height:100%;border-radius:4px;transition:width .24s var(--soepel)}.staafwaarde{font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}.staafbij{display:block;font-size:12.5px;font-weight:400;color:var(--tekst-flauw)}.staaf.markeer .staaflabel,.staaf.markeer .staafwaarde{color:var(--accent)}.vonk{display:block}.vonk-leeg{font-size:12.5px;color:var(--tekst-flauw);font-style:italic}.rekening{display:flex;flex-direction:column;gap:2px}.rekenregel{display:flex;align-items:baseline;gap:var(--ruimte-3);padding:5px 0;font-size:14px}.rekenregel .wat{color:var(--tekst-zacht);min-width:0}.rekenregel .hoeveel{margin-left:auto;font-variant-numeric:tabular-nums;font-weight:500;white-space:nowrap}.rekenregel.stil .wat,.rekenregel.stil .hoeveel{color:var(--tekst-flauw)}.rekenregel.totaal{margin-top:var(--ruimte-2);padding-top:var(--ruimte-3);border-top:1px solid var(--rand);font-weight:650}.rekenregel.totaal .wat{color:var(--tekst)}.rekenregel.totaal .hoeveel{font-size:26px;letter-spacing:-.02em}.keuzeblokken{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--ruimte-2)}.keuzeblok{display:flex;align-items:flex-start;gap:var(--ruimte-2);padding:10px var(--ruimte-3);text-align:left;background:var(--vlak);border:1px solid var(--rand);border-radius:var(--r-m);cursor:pointer;font:inherit;color:inherit;min-height:44px;transition:border-color var(--snel) var(--soepel),background var(--snel) var(--soepel)}.keuzeblok:hover{border-color:var(--rand-sterk)}.keuzeblok.aan{border-color:var(--accent);background:var(--accent-zacht)}.keuzeblok .vink{flex:none;width:18px;height:18px;margin-top:1px;border:1.5px solid var(--rand-sterk);border-radius:var(--r-s);display:grid;place-items:center;color:transparent}.keuzeblok.aan .vink{border-color:var(--accent);background:var(--accent);color:var(--tekst-op-accent)}.keuzeblok .naam{font-size:14px;font-weight:500;line-height:1.3}.keuzeblok .gevolg{display:block;font-size:12.5px;font-weight:400;color:var(--tekst-flauw)}.keuzeblok.aan .gevolg{color:var(--accent)}.matrixwrap{overflow-x:auto}.matrix{width:100%;border-collapse:collapse;font-size:14px}.matrix th{padding:var(--ruimte-2) var(--ruimte-3);font-size:12.5px;font-weight:600;color:var(--tekst-zacht);border-bottom:1px solid var(--rand);text-align:center;white-space:nowrap}.matrix th:first-child{text-align:left;width:46%}.matrix td{padding:7px var(--ruimte-3);border-bottom:1px solid var(--rand);text-align:center;vertical-align:top}.matrix td:first-child{text-align:left}.matrix tbody tr:hover td{background:var(--neutraal-zacht)}.matrix .rechtnaam{font-weight:500}.matrix .rechtuitleg{display:block;font-size:12.5px;font-weight:400;color:var(--tekst-flauw);max-width:62ch}.matrix .mag{color:var(--accent)}.matrix .magniet{color:var(--rand-sterk)}.matrix .groepkop td{padding-top:var(--ruimte-4);font-size:12.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--tekst-flauw);border-bottom:1px solid var(--rand-sterk);background:none}.matrix .rolkop b{display:block}.matrix .rolkop span{display:block;font-weight:400;color:var(--tekst-flauw)}.adresbalk{display:flex;align-items:center;gap:var(--ruimte-2);padding:7px var(--ruimte-3);background:var(--neutraal-zacht);border:1px solid var(--rand);border-radius:999px;font-size:14px;color:var(--tekst-zacht);overflow:hidden}.adresbalk .deel{color:var(--tekst);font-weight:600}.adresbalk .rest{white-space:nowrap}.adresbalk.bezet{border-color:var(--rood);background:var(--rood-zacht);color:var(--rood)}.adresbalk.bezet .deel{color:var(--rood)}.tijdlat{display:flex;align-items:stretch;margin:var(--ruimte-3) 0;border-radius:var(--r-s);overflow:hidden;border:1px solid var(--rand)}.tijdlat>div{padding:6px var(--ruimte-3);font-size:12.5px;border-left:1px solid var(--rand)}.tijdlat>div:first-child{border-left:0}.tijdlat .proef{background:var(--amber-zacht);color:var(--amber);flex:2}.tijdlat .betaald{background:var(--groen-zacht);color:var(--groen);flex:1}.tijdlat b{display:block;font-size:14px}.blokkop{margin:var(--ruimte-4) 0 4px;font-size:14px;font-weight:600}.blokuitleg{margin:0 0 var(--ruimte-3);font-size:12.5px;color:var(--tekst-flauw);max-width:68ch}.matrix .rolkop{text-transform:none}.matrixcel{display:inline-grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid transparent;border-radius:var(--r-s);background:none;font:inherit;color:var(--rand-sterk);cursor:pointer;transition:background var(--snel) var(--soepel),border-color var(--snel) var(--soepel)}.matrixcel.aan{color:var(--accent)}.matrixcel:hover:not(:disabled){background:var(--neutraal-zacht);border-color:var(--rand-sterk)}.matrixcel:disabled{cursor:default;opacity:.55}.matrixcel:focus-visible{outline:2px solid var(--ring);outline-offset:1px}.bord{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ruimte-4);align-items:start}@media(max-width:1000px){.bord{grid-template-columns:1fr}}.bordkolom{background:var(--vlak);border:1px solid var(--rand);border-radius:var(--r-m);padding:var(--ruimte-3);min-width:0}.bordkop{display:flex;align-items:baseline;gap:var(--ruimte-2);font-size:14px}.bordkop span{font-size:12.5px;color:var(--tekst-flauw)}.bordbedrag{margin-left:auto;font-variant-numeric:tabular-nums}.bordhint{margin:2px 0 var(--ruimte-3);font-size:12.5px;color:var(--tekst-flauw)}.bordkaart{background:var(--grond);border:1px solid var(--rand);border-radius:var(--r-s);padding:10px;margin-bottom:var(--ruimte-2)}.bordtitel{display:block;width:100%;padding:0;border:0;background:none;text-align:left;font:inherit;font-weight:600;color:var(--tekst);cursor:pointer}.bordtitel:hover{color:var(--accent)}.bordregel{font-size:12.5px;color:var(--tekst-flauw);margin-top:2px}.bordacties{display:flex;flex-wrap:wrap;gap:4px;margin-top:var(--ruimte-2)}.bordleeg{font-size:12.5px;color:var(--tekst-flauw);font-style:italic;margin:0}.ob{display:grid;grid-template-columns:280px minmax(0,1fr);gap:var(--ruimte-5);align-items:start}@media(max-width:1080px){.ob{grid-template-columns:minmax(0,1fr)}}.ob-rail{position:sticky;top:calc(var(--top) + var(--ruimte-4));background:var(--vlak);border:1px solid var(--rand);border-radius:var(--r-l);padding:var(--ruimte-4);box-shadow:var(--schaduw-s)}.ob-railkop h1{font-size:20px;margin:0}.ob-railkop p{margin:2px 0 var(--ruimte-4);font-size:12.5px;color:var(--tekst-flauw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ob-rail ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.ob-stap{display:flex;gap:var(--ruimte-3);align-items:flex-start;width:100%;text-align:left;padding:var(--ruimte-2);border:1px solid transparent;border-radius:var(--r-m);background:none;font:inherit;color:var(--tekst-zacht);cursor:pointer;transition:background var(--snel) var(--soepel),border-color var(--snel) var(--soepel)}.ob-stap:hover:not(:disabled){background:var(--vlak-zacht)}.ob-stap:focus-visible{outline:2px solid var(--ring);outline-offset:1px}.ob-stap:disabled{cursor:default;opacity:.55}.ob-bol{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:12.5px;font-weight:650;font-variant-numeric:tabular-nums;border:1px solid var(--rand-sterk);background:var(--vlak);color:var(--tekst-flauw)}.ob-staptekst{display:flex;flex-direction:column;min-width:0}.ob-staptekst .naam{font-size:14px;font-weight:550;color:var(--tekst)}.ob-staptekst .uitleg{font-size:12.5px;color:var(--tekst-flauw)}.ob-stap.nu{background:var(--accent-zacht);border-color:var(--accent-rand)}.ob-stap.nu .ob-bol{background:var(--accent);border-color:var(--accent);color:var(--tekst-op-accent)}.ob-stap.nu .naam{color:var(--accent);font-weight:650}.ob-stap.klaar .ob-bol{background:var(--groen-zacht);border-color:var(--groen);color:var(--groen)}.ob-stap.overgeslagen .ob-bol{background:var(--neutraal-zacht);border-color:var(--rand-sterk);color:var(--tekst-flauw)}.ob-stap.overgeslagen .naam{color:var(--tekst-zacht)}.ob-lijf{display:flex;flex-direction:column;gap:var(--ruimte-4);min-width:0}.ob-kop{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ruimte-4)}.ob-kop h2{font-size:26px;margin:0}.ob-kop p{margin:var(--ruimte-1) 0 0;color:var(--tekst-zacht);max-width:68ch}.ob-inhoud{display:flex;flex-direction:column;gap:var(--ruimte-4)}.ob-blok{background:var(--vlak);border:1px solid var(--rand);border-radius:var(--r-l);box-shadow:var(--schaduw-s);padding:var(--ruimte-4);display:flex;flex-direction:column;gap:var(--ruimte-3);align-items:flex-start}.ob-blok>h3{margin:0;font-size:16px}.ob-blok>.velden{width:100%;display:flex;flex-direction:column;gap:var(--ruimte-3)}.ob-paar{display:grid;grid-template-columns:2fr 1fr;gap:var(--ruimte-3)}@media(max-width:640px){.ob-paar{grid-template-columns:minmax(0,1fr)}}.ob-uitleg{margin:0;color:var(--tekst-zacht);font-size:14px;max-width:72ch}.ob-zoek{display:flex;align-items:center;gap:var(--ruimte-2);width:100%;padding:0 var(--ruimte-3);border:1px solid var(--rand-sterk);border-radius:var(--r-m);background:var(--vlak);color:var(--tekst-flauw);transition:border-color var(--snel) var(--soepel),box-shadow var(--snel) var(--soepel)}.ob-zoek:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-zacht)}.ob-zoek input{flex:1;min-width:0;border:none;background:none;font:inherit;font-size:16px;color:var(--tekst);padding:10px 0}.ob-zoek input:focus{outline:none}.ob-bezig{flex:none;width:14px;height:14px;border:2px solid var(--rand-sterk);border-top-color:var(--accent);border-radius:50%;animation:ob-draai .7s linear infinite}@keyframes ob-draai{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.ob-bezig{animation:none;border-top-color:var(--rand-sterk)}}.ob-treffers{list-style:none;margin:0;padding:0;width:100%;border:1px solid var(--rand);border-radius:var(--r-m);overflow:hidden}.ob-treffers li+li{border-top:1px solid var(--rand)}.ob-treffer{display:flex;align-items:center;gap:var(--ruimte-3);width:100%;padding:var(--ruimte-3);border:none;background:var(--vlak);font:inherit;text-align:left;cursor:pointer;color:var(--tekst)}.ob-treffer:hover{background:var(--accent-zacht)}.ob-treffer:focus-visible{outline:2px solid var(--ring);outline-offset:-2px}.ob-treffer .naam{font-weight:550;flex:1;min-width:0}.ob-treffer .bij{font-size:12.5px;color:var(--tekst-flauw);white-space:nowrap}.ob-leeg{margin:0;font-size:14px;color:var(--tekst-flauw)}.ob-let-op{display:flex;gap:var(--ruimte-2);align-items:flex-start;margin:0;font-size:12.5px;color:var(--tekst-zacht);max-width:78ch}.ob-let-op.fout{color:var(--rood)}.ob-let-op.goed{color:var(--groen)}.ob-let-op svg{margin-top:2px}.ob-inlineknop{border:none;background:none;padding:0;font:inherit;color:var(--accent);text-decoration:underline;cursor:pointer}.ob-inlineknop:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.ob-plannen{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--ruimte-3);width:100%}.ob-plan{display:flex;flex-direction:column;gap:var(--ruimte-2);align-items:flex-start;text-align:left;padding:var(--ruimte-4);border:1px solid var(--rand-sterk);border-radius:var(--r-m);background:var(--vlak);font:inherit;color:var(--tekst);cursor:pointer;transition:border-color var(--snel) var(--soepel),background var(--snel) var(--soepel)}.ob-plan:hover{border-color:var(--accent-rand)}.ob-plan:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.ob-plan.aan{border-color:var(--accent);background:var(--accent-zacht)}.ob-plankop{display:flex;align-items:center;gap:var(--ruimte-2);width:100%}.ob-plannaam{font-size:16px;font-weight:650}.ob-gekozen{display:inline-flex;align-items:center;gap:4px;margin-left:auto;padding:2px 8px;border-radius:999px;background:var(--accent);color:var(--tekst-op-accent);font-size:12.5px;font-weight:600}.ob-planprijs{font-size:26px;font-weight:650;font-variant-numeric:tabular-nums;line-height:1.1}.ob-planprijs small{display:block;font-size:12.5px;font-weight:450;color:var(--tekst-flauw)}.ob-planregel{font-size:12.5px;color:var(--tekst-zacht)}.ob-planmodules{list-style:none;margin:var(--ruimte-1) 0 0;padding:0;display:flex;flex-direction:column;gap:3px;width:100%}.ob-planmodules li{display:flex;align-items:center;gap:var(--ruimte-2);font-size:12.5px;color:var(--tekst-zacht)}.ob-planmodules li svg{color:var(--groen)}.ob-planmodules li.niet{color:var(--tekst-flauw)}.ob-planmodules li.niet svg{color:var(--rand-sterk)}.ob-rekenrij{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:var(--ruimte-5);width:100%;align-items:start}@media(max-width:900px){.ob-rekenrij{grid-template-columns:minmax(0,1fr)}}.ob-rekenlinks{display:flex;flex-direction:column;gap:var(--ruimte-4)}.ob-periode{display:flex;gap:var(--ruimte-2);flex-wrap:wrap}.ob-periodeknop{padding:8px 14px;border:1px solid var(--rand-sterk);border-radius:999px;background:var(--vlak);font:inherit;font-size:12.5px;color:var(--tekst-zacht);cursor:pointer;min-height:36px;transition:border-color var(--snel) var(--soepel),background var(--snel) var(--soepel)}.ob-periodeknop:hover{border-color:var(--accent-rand)}.ob-periodeknop:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.ob-periodeknop.aan{background:var(--accent-zacht);border-color:var(--accent);color:var(--accent);font-weight:600}.ob-rekening{background:var(--vlak-zacht);border:1px solid var(--rand);border-radius:var(--r-m);padding:var(--ruimte-4);display:flex;flex-direction:column;gap:var(--ruimte-2)}.ob-rekenregel{display:flex;justify-content:space-between;gap:var(--ruimte-3);font-size:14px;color:var(--tekst-zacht);font-variant-numeric:tabular-nums}.ob-rekenregel.korting{color:var(--groen)}.ob-rekentotaal{display:flex;justify-content:space-between;align-items:baseline;gap:var(--ruimte-3);padding-top:var(--ruimte-2);border-top:1px solid var(--rand);font-variant-numeric:tabular-nums}.ob-rekentotaal b{font-size:20px}.ob-rekenvoet{margin:0;font-size:12.5px;color:var(--tekst-flauw)}.ob-modules{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--ruimte-2);width:100%}.ob-module{display:flex;align-items:center;gap:var(--ruimte-2);padding:10px var(--ruimte-3);border:1px solid var(--rand-sterk);border-radius:var(--r-m);cursor:pointer;min-height:44px;transition:border-color var(--snel) var(--soepel),background var(--snel) var(--soepel)}.ob-module:hover{border-color:var(--accent-rand)}.ob-module:focus-within{outline:2px solid var(--ring);outline-offset:2px}.ob-module.aan{border-color:var(--accent);background:var(--accent-zacht)}.ob-module .naam{flex:1;font-size:14px}.ob-module .prijs{font-size:12.5px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--tekst-zacht)}.ob-adres{display:flex;align-items:stretch;width:100%;max-width:460px;border:1px solid var(--rand-sterk);border-radius:var(--r-m);overflow:hidden;transition:border-color var(--snel) var(--soepel),box-shadow var(--snel) var(--soepel)}.ob-adres:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-zacht)}.ob-subdomein{flex:1;min-width:0;border:none;background:var(--vlak);font:inherit;font-size:16px;padding:10px var(--ruimte-3);color:var(--tekst)}.ob-subdomein:focus{outline:none}.ob-domein{display:grid;place-items:center;padding:0 var(--ruimte-3);background:var(--vlak-zacht);border-left:1px solid var(--rand);font-size:16px;color:var(--tekst-flauw);white-space:nowrap}.ob-keuze{display:flex;flex-direction:column;gap:2px}.ob-keuze .hint{margin:0 0 0 26px;font-size:12.5px;color:var(--tekst-flauw);max-width:72ch}.ob-geslaagd{border:1px solid var(--groen);background:var(--groen-zacht);border-radius:var(--r-l);padding:var(--ruimte-4);display:flex;flex-direction:column;gap:var(--ruimte-3)}.ob-geslaagdkop{display:flex;align-items:center;gap:var(--ruimte-3)}.ob-geslaagdkop>svg{color:var(--groen);flex:none}.ob-geslaagdkop>div{flex:1;min-width:0;display:flex;flex-direction:column}.ob-geslaagdkop b{color:var(--tekst)}.ob-geslaagdkop span{font-size:12.5px;color:var(--tekst-zacht)}.ob-geheim{display:flex;align-items:center;gap:var(--ruimte-3);background:var(--vlak);border:1px solid var(--rand);border-radius:var(--r-m);padding:var(--ruimte-3)}.ob-geheim>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.ob-geheim .label{font-size:12.5px;font-weight:600;color:var(--amber)}.ob-geheim code{font-size:14px;overflow-wrap:anywhere}.ob-samenvatting{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--ruimte-3);margin:0;width:100%}.ob-samenvatting div{display:flex;flex-direction:column;gap:2px;min-width:0}.ob-samenvatting dt{font-size:12.5px;color:var(--tekst-flauw)}.ob-samenvatting dd{margin:0;font-size:14px;font-weight:550;overflow-wrap:anywhere}.ob-voet{position:sticky;bottom:0;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ruimte-3);padding:var(--ruimte-3) var(--ruimte-4);background:var(--vlak);border:1px solid var(--rand);border-radius:var(--r-l);box-shadow:var(--schaduw-m)}.ob-voetrechts{display:flex;align-items:flex-start;gap:var(--ruimte-2)}.ob-overslaan{display:flex;flex-direction:column;gap:var(--ruimte-2);width:320px;max-width:50vw}.ob-overslaan label{font-size:12.5px;font-weight:600;color:var(--tekst-zacht)}.ob-overslaan textarea{width:100%;border:1px solid var(--rand-sterk);border-radius:var(--r-s);padding:8px 10px;font:inherit;font-size:12.5px;background:var(--vlak);color:var(--tekst);resize:vertical}.ob-overslaan textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-zacht)}.ob-overslaanknoppen{display:flex;gap:var(--ruimte-2);justify-content:flex-end}.inr-lijst{display:flex;flex-direction:column;gap:var(--ruimte-2)}.inr-rij{display:flex;align-items:center;gap:var(--ruimte-4);padding:var(--ruimte-3) var(--ruimte-4);background:var(--vlak);border:1px solid var(--rand);border-radius:var(--r-m);text-align:left;font:inherit;color:var(--tekst);cursor:pointer;width:100%;transition:border-color var(--snel) var(--soepel),background var(--snel) var(--soepel)}.inr-rij:hover{border-color:var(--accent-rand);background:var(--vlak-zacht)}.inr-rij:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.inr-naam{flex:1;min-width:0;display:flex;flex-direction:column}.inr-naam b{font-size:14px}.inr-naam span{font-size:12.5px;color:var(--tekst-flauw)}.inr-meter{display:flex;gap:3px;flex:none}.inr-vak{width:22px;height:8px;border-radius:2px;background:var(--rand)}.inr-vak.klaar{background:var(--groen)}.inr-vak.overgeslagen{background:var(--rand-sterk)}.inr-volgende{flex:none;width:300px;font-size:12.5px;color:var(--tekst-zacht);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:820px){.inr-volgende{display:none}}.dialoog{width:min(560px,calc(100vw - 32px));max-height:min(84vh,880px);padding:0;border:1px solid var(--rand);border-radius:var(--r-l);background:var(--vlak);color:var(--tekst);box-shadow:var(--schaduw-l);overflow:hidden}.dialoog.breed{width:min(760px,calc(100vw - 32px))}.dialoog::backdrop{background:#0b13208c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dialoog[open]{display:flex;flex-direction:column;animation:dialoog-op .18s cubic-bezier(.2,0,0,1)}@keyframes dialoog-op{0%{opacity:0;transform:translateY(8px)}}@media(prefers-reduced-motion:reduce){.dialoog[open]{animation:none}}.dialoog-kop{display:flex;align-items:center;gap:var(--ruimte-3);padding:var(--ruimte-4);border-bottom:1px solid var(--rand)}.dialoog-kop h2{margin:0;font-size:16px;flex:1}.dialoog-lijf{padding:var(--ruimte-4);overflow-y:auto;display:flex;flex-direction:column;gap:var(--ruimte-3)}.dialoog-voet{display:flex;align-items:center;gap:var(--ruimte-2);padding:var(--ruimte-3) var(--ruimte-4);border-top:1px solid var(--rand);background:var(--vlak-zacht)}.ob-knoprij{display:flex;gap:var(--ruimte-2);flex-wrap:wrap}.inv-vak{display:flex;align-items:center;gap:var(--ruimte-3);padding:var(--ruimte-4);border:1px dashed var(--rand-sterk);border-radius:var(--r-m);background:var(--vlak-zacht);transition:border-color var(--snel) var(--soepel),background var(--snel) var(--soepel)}.inv-vak.sleept{border-color:var(--accent);background:var(--accent-zacht)}.inv-vak>svg{flex:none;color:var(--tekst-flauw)}.inv-vak>div{flex:1;min-width:0;display:flex;flex-direction:column}.inv-vak b{font-size:14px;overflow-wrap:anywhere}.inv-vak span{font-size:12.5px;color:var(--tekst-flauw)}.inv-vak input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.inv-tabel{width:100%;border-collapse:collapse;font-size:14px}.inv-tabel th{text-align:left;font-size:12.5px;font-weight:620;text-transform:uppercase;letter-spacing:.04em;color:var(--tekst-flauw);padding:6px var(--ruimte-2);border-bottom:1px solid var(--rand)}.inv-tabel th+th,.inv-tabel td+td{text-align:right;font-variant-numeric:tabular-nums;width:92px}.inv-tabel td{padding:7px var(--ruimte-2);border-bottom:1px solid var(--rand)}.inv-tabel tbody tr:last-child td{border-bottom:none}.inv-tabel tr.leeg td{color:var(--tekst-flauw)}.inv-meldingen{border:1px solid var(--rand);border-radius:var(--r-m);padding:var(--ruimte-3);display:flex;flex-direction:column;gap:var(--ruimte-2)}.inv-meldingen.fout{border-color:var(--rood);background:var(--rood-zacht)}.inv-meldingen h4{display:flex;align-items:center;gap:var(--ruimte-2);margin:0;font-size:14px}.inv-meldingen.fout h4{color:var(--rood)}.inv-meldingen p{margin:0;font-size:12.5px;color:var(--tekst-zacht)}.inv-meldingen ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;max-height:260px;overflow-y:auto}.inv-meldingen li{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:var(--ruimte-3);font-size:12.5px;line-height:1.45}.inv-meldingen .waar{font-weight:600;font-variant-numeric:tabular-nums;color:var(--tekst-zacht);white-space:nowrap}@media(max-width:620px){.inv-meldingen li{grid-template-columns:minmax(0,1fr);gap:0}}.ob-kleuren{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--ruimte-4);width:100%}.ob-kleurveld{display:flex;flex-direction:column;gap:4px;min-width:0}.ob-kleurveld>label{font-size:12.5px;font-weight:600;color:var(--tekst-zacht)}.ob-kleurrij{display:flex;align-items:stretch;border:1px solid var(--rand-sterk);border-radius:var(--r-s);overflow:hidden;transition:border-color var(--snel) var(--soepel),box-shadow var(--snel) var(--soepel)}.ob-kleurrij:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-zacht)}.ob-kleurrij input[type=color]{width:44px;min-height:34px;border:none;padding:0;background:none;cursor:pointer;flex:none}.ob-kleurrij input[type=color]::-webkit-color-swatch-wrapper{padding:3px}.ob-kleurrij input[type=color]::-webkit-color-swatch{border:1px solid var(--rand);border-radius:3px}.ob-kleurrij input[type=text],.ob-kleurrij input:not([type]){flex:1;min-width:0;border:none;border-left:1px solid var(--rand);background:var(--vlak);font:inherit;font-size:14px;padding:6px 10px;color:var(--tekst);text-transform:uppercase}.ob-kleurrij input:focus{outline:none}.ob-kleurveld .hint.fout{font-size:12.5px;color:var(--rood)}.ob-kleurjes{display:inline-flex;align-items:center;gap:var(--ruimte-2)}.ob-kleurje{width:14px;height:14px;border-radius:3px;border:1px solid var(--rand);flex:none}.inv-vak.gevuld{border-style:solid;border-color:var(--groen);background:var(--groen-zacht)}.inv-vak.gevuld>svg{color:var(--groen)}.ob-toegepast{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--ruimte-2) var(--ruimte-4)}.ob-toegepast li{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--tekst-zacht)}.ob-toegepast svg{color:var(--groen)}.sup{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:var(--ruimte-4);align-items:start;height:calc(100vh - var(--top) - 132px);min-height:480px}@media(max-width:980px){.sup{grid-template-columns:minmax(0,1fr);height:auto}}.sup-lijst{display:flex;flex-direction:column;gap:var(--ruimte-2);background:var(--vlak);border:1px solid var(--rand);border-radius:var(--r-l);box-shadow:var(--schaduw-s);padding:var(--ruimte-3);height:100%;min-height:0}.sup-filters{display:flex;flex-wrap:wrap;gap:4px}.sup-filter{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border:1px solid transparent;border-radius:999px;background:none;font:inherit;font-size:12.5px;color:var(--tekst-zacht);cursor:pointer;min-height:30px}.sup-filter:hover{background:var(--vlak-zacht)}.sup-filter:focus-visible{outline:2px solid var(--ring);outline-offset:1px}.sup-filter.aan{background:var(--accent-zacht);border-color:var(--accent-rand);color:var(--accent);font-weight:600}.sup-telling{min-width:18px;padding:0 5px;border-radius:999px;background:var(--amber);color:#fff;font-size:12.5px;font-weight:700;text-align:center}.sup-zoek{display:flex;align-items:center;gap:var(--ruimte-2);padding:0 var(--ruimte-3);border:1px solid var(--rand-sterk);border-radius:var(--r-s);color:var(--tekst-flauw)}.sup-zoek:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-zacht)}.sup-zoek input{flex:1;min-width:0;border:none;background:none;font:inherit;font-size:12.5px;color:var(--tekst);padding:8px 0}.sup-zoek input:focus{outline:none}.sup-lijst ul{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1;min-height:0;display:flex;flex-direction:column;gap:2px}.sup-rij{display:flex;flex-direction:column;gap:4px;width:100%;text-align:left;padding:var(--ruimte-3);border:1px solid transparent;border-radius:var(--r-m);background:none;font:inherit;cursor:pointer;color:var(--tekst)}.sup-rij:hover{background:var(--vlak-zacht)}.sup-rij:focus-visible{outline:2px solid var(--ring);outline-offset:-2px}.sup-rij.aan{background:var(--accent-zacht);border-color:var(--accent-rand)}.sup-rijkop{display:flex;align-items:center;gap:var(--ruimte-2);min-width:0}.sup-rijkop .onderwerp{font-size:14px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sup-rijvoet{display:flex;align-items:center;justify-content:space-between;gap:var(--ruimte-2);font-size:12.5px;color:var(--tekst-flauw)}.sup-rijvoet .klant{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sup-rijvoet .wacht{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.sup-rijvoet .wacht.telaat{color:var(--rood);font-weight:600}.sup-prio{flex:none;padding:1px 7px;border-radius:999px;font-size:12.5px;font-weight:650;letter-spacing:.02em;border:1px solid transparent}.sup-prio.storing{background:var(--rood-zacht);color:var(--rood);border-color:var(--rood)}.sup-prio.hoog{background:var(--amber-zacht);color:var(--amber);border-color:var(--amber)}.sup-prio.normaal{background:var(--neutraal-zacht);color:var(--tekst-zacht)}.sup-prio.laag{background:none;color:var(--tekst-flauw);border-color:var(--rand)}.sup-leeg,.sup-geenkeuze{display:flex;flex-direction:column;align-items:center;gap:var(--ruimte-2);text-align:center;padding:var(--ruimte-6) var(--ruimte-4);color:var(--tekst-flauw)}.sup-leeg svg,.sup-geenkeuze svg{color:var(--groen)}.sup-geenkeuze svg{color:var(--rand-sterk)}.sup-leeg b,.sup-geenkeuze b{color:var(--tekst)}.sup-leeg span,.sup-geenkeuze span{font-size:12.5px;max-width:42ch}.sup-kaart{display:flex;flex-direction:column;min-height:0;height:100%;background:var(--vlak);border:1px solid var(--rand);border-radius:var(--r-l);box-shadow:var(--schaduw-s);overflow:hidden}.sup-kop{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ruimte-3);padding:var(--ruimte-4);border-bottom:1px solid var(--rand)}.sup-nummer{display:flex;align-items:center;gap:var(--ruimte-2);font-size:12.5px;font-weight:650;font-variant-numeric:tabular-nums;color:var(--tekst-flauw)}.sup-herkomst{font-weight:450}.sup-kop h2{margin:2px 0 0;font-size:20px}.sup-kop p{margin:2px 0 0;font-size:12.5px;color:var(--tekst-zacht)}.sup-balk{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--ruimte-3);padding:var(--ruimte-3) var(--ruimte-4);border-bottom:1px solid var(--rand);background:var(--vlak-zacht)}.sup-balk label{display:flex;flex-direction:column;gap:3px}.sup-balk label span{font-size:12.5px;font-weight:600;color:var(--tekst-flauw);text-transform:uppercase;letter-spacing:.04em}.sup-balk select{min-height:32px;padding:4px 8px;border:1px solid var(--rand-sterk);border-radius:var(--r-s);background:var(--vlak);font:inherit;font-size:12.5px;color:var(--tekst)}.sup-balk select:focus-visible{outline:2px solid var(--ring);outline-offset:1px}.sup-klok{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:12.5px;color:var(--tekst-zacht)}.sup-klok .telaat{display:inline-flex;align-items:center;gap:4px;color:var(--rood);font-weight:650}.sup-klok .voor{font-size:12.5px;color:var(--tekst-flauw)}.sup-context{padding:var(--ruimte-3) var(--ruimte-4);border-bottom:1px solid var(--rand);display:flex;flex-direction:column;gap:var(--ruimte-2);align-items:flex-start}.sup-context h3{margin:0;font-size:12.5px;font-weight:650;text-transform:uppercase;letter-spacing:.04em;color:var(--tekst-flauw)}.sup-context dl{display:flex;flex-wrap:wrap;gap:var(--ruimte-2) var(--ruimte-5);margin:0}.sup-context dl div{display:flex;flex-direction:column}.sup-context dt{font-size:12.5px;color:var(--tekst-flauw)}.sup-context dd{margin:0;font-size:12.5px;font-weight:550;overflow-wrap:anywhere}.sup-draad{flex:1;min-height:0;overflow-y:auto;padding:var(--ruimte-4);display:flex;flex-direction:column;gap:var(--ruimte-3)}.sup-bericht{max-width:78%;border:1px solid var(--rand);border-radius:var(--r-m);padding:var(--ruimte-3);background:var(--vlak)}.sup-bericht.in{align-self:flex-start;background:var(--vlak-zacht)}.sup-bericht.uit{align-self:flex-end;border-color:var(--accent-rand);background:var(--accent-zacht)}.sup-bericht.intern{align-self:center;max-width:88%;border-style:dashed;background:none}.sup-bericht header{display:flex;align-items:baseline;gap:var(--ruimte-2);font-size:12.5px;color:var(--tekst-flauw);margin-bottom:4px}.sup-bericht header b{color:var(--tekst);font-size:12.5px}.sup-bericht .merk{padding:0 6px;border-radius:999px;background:var(--neutraal-zacht);font-size:12.5px;font-weight:600}.sup-bericht p{margin:0;font-size:14px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.sup-antwoord{border-top:1px solid var(--rand);padding:var(--ruimte-3) var(--ruimte-4);display:flex;flex-direction:column;gap:var(--ruimte-2);background:var(--vlak)}.sup-antwoordkop{display:flex;gap:4px}.sup-antwoordkop button{padding:4px 10px;border:1px solid transparent;border-radius:999px;background:none;font:inherit;font-size:12.5px;color:var(--tekst-zacht);cursor:pointer;min-height:28px}.sup-antwoordkop button:hover{background:var(--vlak-zacht)}.sup-antwoordkop button:focus-visible{outline:2px solid var(--ring);outline-offset:1px}.sup-antwoordkop button.aan{background:var(--accent-zacht);border-color:var(--accent-rand);color:var(--accent);font-weight:600}.sup-antwoord textarea{width:100%;border:1px solid var(--rand-sterk);border-radius:var(--r-s);padding:var(--ruimte-2) var(--ruimte-3);font:inherit;font-size:14px;background:var(--vlak);color:var(--tekst);resize:vertical}.sup-antwoord textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-zacht)}.sup-antwoordvoet{display:flex;align-items:center;justify-content:space-between;gap:var(--ruimte-3)}.sup-antwoordvoet .hint{font-size:12.5px;color:var(--tekst-flauw);max-width:62ch}.sup-verversen{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.sup-verversen:focus{position:static;width:auto;height:auto;clip-path:none;margin:var(--ruimte-2);padding:4px 10px;border:1px solid var(--accent);border-radius:var(--r-s);background:var(--vlak);font:inherit;font-size:12.5px;color:var(--accent)}.sup-nieuwwaas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0b13208c;display:grid;place-items:center;padding:var(--ruimte-4)}.sup-nieuw{width:min(620px,100%);max-height:88vh;overflow-y:auto;background:var(--vlak);border:1px solid var(--rand);border-radius:var(--r-l);box-shadow:var(--schaduw-l);padding:var(--ruimte-4);display:flex;flex-direction:column;gap:var(--ruimte-3)}.sup-nieuw h2{margin:0;font-size:20px}.sup-nieuw>.hint{margin:0;font-size:12.5px;color:var(--tekst-zacht)}.sup-nieuw label{display:flex;flex-direction:column;gap:4px}.sup-nieuw label span{font-size:12.5px;font-weight:600;color:var(--tekst-zacht)}.sup-nieuw input,.sup-nieuw select,.sup-nieuw textarea{width:100%;min-height:34px;padding:6px 10px;border:1px solid var(--rand-sterk);border-radius:var(--r-s);font:inherit;font-size:14px;background:var(--vlak);color:var(--tekst)}.sup-nieuw textarea{resize:vertical}.sup-nieuw input:focus,.sup-nieuw select:focus,.sup-nieuw textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-zacht)}.sup-nieuwrij{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--ruimte-3)}.sup-nieuwvoet{display:flex;justify-content:flex-end;gap:var(--ruimte-2)}.fac-stroom{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ruimte-2);margin-bottom:var(--ruimte-4)}@media(max-width:900px){.fac-stroom{grid-template-columns:repeat(2,minmax(0,1fr))}}.fac-halte{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"stap naam" "stap aantal" "stap bedrag";align-items:center;gap:0 var(--ruimte-3);text-align:left;padding:var(--ruimte-3) var(--ruimte-4);background:var(--vlak);border:1px solid var(--rand);border-radius:var(--r-l);box-shadow:var(--schaduw-s);font:inherit;color:var(--tekst);cursor:pointer;transition:border-color var(--snel) var(--soepel),background var(--snel) var(--soepel)}.fac-halte:hover{border-color:var(--rand-sterk)}.fac-halte:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.fac-halte.aan{border-color:var(--accent);background:var(--accent-zacht)}.fac-halte.leeg .fac-halteaantal{color:var(--tekst-flauw);font-size:16px;font-weight:500}.fac-stap{grid-area:stap;display:grid;place-items:center;width:24px;height:24px;border-radius:999px;background:var(--neutraal-zacht);color:var(--tekst-zacht);font-size:12.5px;font-weight:700}.fac-halte.aan .fac-stap{background:var(--accent);color:var(--tekst-op-accent)}.fac-haltenaam{grid-area:naam;font-size:12.5px;font-weight:600;color:var(--tekst-zacht)}.fac-halte.aan .fac-haltenaam{color:var(--accent)}.fac-halteaantal{grid-area:aantal;font-size:26px;font-weight:650;line-height:1.15;font-variant-numeric:tabular-nums}.fac-haltebedrag{grid-area:bedrag;font-size:12.5px;color:var(--tekst-flauw);font-variant-numeric:tabular-nums}.fac{display:grid;grid-template-columns:minmax(340px,1fr) minmax(0,1fr);gap:var(--ruimte-4);align-items:start;height:calc(100vh - var(--top) - 260px);min-height:420px}@media(max-width:1100px){.fac{grid-template-columns:minmax(0,1fr);height:auto}}.fac-lijst,.fac-kaart{display:flex;flex-direction:column;min-height:0;height:100%;background:var(--vlak);border:1px solid var(--rand);border-radius:var(--r-l);box-shadow:var(--schaduw-s)}@media(max-width:1100px){.fac-lijst,.fac-kaart{height:auto;max-height:70vh}}.fac-emmers{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;padding:var(--ruimte-3) var(--ruimte-3) 0}@media(max-width:620px){.fac-emmers{grid-template-columns:repeat(3,minmax(0,1fr))}}.fac-emmer{display:flex;flex-direction:column;gap:2px;align-items:flex-start;padding:var(--ruimte-2);border:1px solid transparent;border-radius:var(--r-s);background:none;font:inherit;text-align:left;color:var(--tekst-zacht);cursor:pointer}.fac-emmer:hover:not(:disabled){background:var(--vlak-zacht)}.fac-emmer:focus-visible{outline:2px solid var(--ring);outline-offset:1px}.fac-emmer.aan{background:var(--accent-zacht);border-color:var(--accent-rand)}.fac-emmer:disabled{cursor:default;opacity:.45}.fac-emmer .naam{font-size:12.5px;line-height:1.25;min-height:2.5em}.fac-emmer .bedrag{font-size:14px;font-weight:650;color:var(--tekst);font-variant-numeric:tabular-nums}.fac-emmer.erg .bedrag{color:var(--rood)}.fac-lijstkop{display:flex;align-items:center;justify-content:space-between;gap:var(--ruimte-2);flex-wrap:wrap;padding:var(--ruimte-3);border-bottom:1px solid var(--rand)}.fac-bulk{display:flex;gap:var(--ruimte-2);flex-wrap:wrap}.fac-vink{display:inline-flex;align-items:center;gap:var(--ruimte-2);font-size:12.5px;color:var(--tekst-zacht);cursor:pointer}.fac-vink input{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;margin:0}.fac-vink input:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.fac-vink input:disabled{cursor:default;opacity:.35}.fac-rijen{flex:1;min-height:0;overflow-y:auto;padding:var(--ruimte-2);display:flex;flex-direction:column;gap:2px}.fac-rij{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:var(--ruimte-3);padding:var(--ruimte-2) var(--ruimte-3);border:1px solid transparent;border-radius:var(--r-s)}.fac-rij:hover{background:var(--vlak-zacht)}.fac-rij.gekozen{background:var(--accent-zacht)}.fac-rij.open{border-color:var(--accent);background:var(--accent-zacht)}.fac-rij .fac-vink{gap:0}.fac-rijknop{display:flex;flex-direction:column;gap:1px;min-width:0;padding:0;border:none;background:none;font:inherit;text-align:left;color:var(--tekst);cursor:pointer}.fac-rijknop.breed{grid-column:1 / 3}.fac-rijknop:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:3px}.fac-rijnaam{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fac-rijsub{font-size:12.5px;color:var(--tekst-flauw);font-variant-numeric:tabular-nums}.fac-rijbedrag{font-size:12.5px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.fac-rijstand{min-width:96px;display:flex;justify-content:flex-end}.fac-groepkop{padding:var(--ruimte-4) var(--ruimte-3) var(--ruimte-1);font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--tekst-flauw)}.fac-kaartkop{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ruimte-3);padding:var(--ruimte-4);border-bottom:1px solid var(--rand)}.fac-kaartkop h2{margin:0;font-size:16px;font-variant-numeric:tabular-nums}.fac-kaartsub{margin-top:2px;font-size:12.5px;color:var(--tekst-flauw)}.fac-link{padding:0;border:none;background:none;font:inherit;color:var(--accent);cursor:pointer}.fac-link:hover{text-decoration:underline}.fac-link:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:3px}.fac-kaartbody{flex:1;min-height:0;overflow-y:auto;padding:var(--ruimte-4);display:flex;flex-direction:column;gap:var(--ruimte-4)}.fac-uitleg{margin:0;font-size:12.5px;line-height:1.6;color:var(--tekst-zacht);max-width:62ch}.fac-kaartvoet{display:flex;align-items:center;justify-content:space-between;gap:var(--ruimte-3);flex-wrap:wrap;padding:var(--ruimte-3) var(--ruimte-4);border-top:1px solid var(--rand);background:var(--vlak-zacht);border-radius:0 0 var(--r-l) var(--r-l)}.fac-kaartvoettekst{font-size:12.5px;color:var(--tekst-zacht)}.fac-kaartknoppen{display:flex;gap:var(--ruimte-2);flex-wrap:wrap}.fac-regels{display:flex;flex-direction:column}.fac-regel{display:flex;align-items:baseline;justify-content:space-between;gap:var(--ruimte-4);padding:6px 0;font-size:12.5px;color:var(--tekst-zacht)}.fac-regel .hoeveel{font-variant-numeric:tabular-nums;white-space:nowrap}.fac-regel.som{margin-top:var(--ruimte-2);border-top:1px solid var(--rand);padding-top:var(--ruimte-2)}.fac-regel.totaal{border-top:1px solid var(--rand-sterk);margin-top:2px;padding-top:var(--ruimte-2);font-size:16px;font-weight:650;color:var(--tekst)}.fac-tijdlijn{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.fac-tijdlijn li{display:flex;align-items:baseline;justify-content:space-between;gap:var(--ruimte-4);padding:8px 0 8px 22px;position:relative;font-size:12.5px;color:var(--tekst-flauw)}.fac-tijdlijn li:before{content:"";position:absolute;left:3px;top:13px;width:8px;height:8px;border-radius:999px;border:1.5px solid var(--rand-sterk);background:var(--vlak)}.fac-tijdlijn li:after{content:"";position:absolute;left:6.5px;top:21px;bottom:-3px;width:1px;background:var(--rand)}.fac-tijdlijn li:last-child:after{display:none}.fac-tijdlijn li.af{color:var(--tekst-zacht)}.fac-tijdlijn li.af:before{border-color:var(--groen);background:var(--groen)}.fac-tijdlijn .wat{font-weight:500}.fac-tijdlijn .bij{font-weight:400;color:var(--tekst-flauw)}.fac-tijdlijn .wanneer{font-variant-numeric:tabular-nums;white-space:nowrap}.fac-voorstel{border:1px solid var(--rand);border-radius:var(--r-m);padding:var(--ruimte-3);display:flex;flex-direction:column;gap:2px}.fac-voorstelkop{display:flex;align-items:baseline;justify-content:space-between;gap:var(--ruimte-3);margin-bottom:4px}.fac-voorstelkop .naam{font-size:14px;font-weight:600}.fac-voorstelkop .bedrag{font-size:14px;font-weight:650;font-variant-numeric:tabular-nums}.fac-voorstelwaarschuwing{font-size:12.5px;color:var(--amber);margin-bottom:4px}.fac-voorstelregel{display:flex;justify-content:space-between;gap:var(--ruimte-3);font-size:12.5px;color:var(--tekst-flauw)}.fac-voorstelregel span:last-child{font-variant-numeric:tabular-nums;white-space:nowrap}.fac-leeg,.fac-geenkeuze{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--ruimte-2);text-align:center;padding:var(--ruimte-6) var(--ruimte-4);color:var(--tekst-flauw)}.fac-geenkeuze{flex:1;min-height:0}.fac-leeg h3,.fac-geenkeuze h3{margin:0;font-size:14px;color:var(--tekst)}.fac-leeg p,.fac-geenkeuze p{margin:0;font-size:12.5px;line-height:1.6;max-width:44ch}.inst-indeling{display:grid;grid-template-columns:216px minmax(0,1fr);gap:var(--ruimte-4);align-items:start}@media(max-width:900px){.inst-indeling{grid-template-columns:minmax(0,1fr)}}.kaart.inst-rail{padding:var(--ruimte-2);position:sticky;top:var(--ruimte-4)}.inst-groep+.inst-groep{margin-top:var(--ruimte-3)}.inst-groep .kop{padding:4px 8px;font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--tekst-flauw)}.inst-item{display:flex;align-items:center;gap:6px;width:100%;padding:6px 8px;border:none;border-radius:var(--r-s);background:none;font:inherit;font-size:12.5px;color:var(--tekst-zacht);text-align:left;cursor:pointer}.inst-item:hover{background:var(--vlak-zacht);color:var(--tekst)}.inst-item:focus-visible{outline:2px solid var(--ring);outline-offset:-1px}.inst-item.actief{background:var(--accent-zacht);color:var(--accent);font-weight:620}.inst-item .stip{margin-left:auto;width:7px;height:7px;border-radius:50%;background:var(--tekst-flauw);flex:none}.inst-item .stip.rood{background:var(--rood)}.inst-item .stip.amber{background:var(--amber)}.inst-telling{margin-left:auto;min-width:17px;padding:0 5px;border-radius:999px;background:var(--accent);color:var(--tekst-op-accent);font-size:12.5px;font-weight:700;text-align:center}.inst-inhoud{display:flex;flex-direction:column;gap:var(--ruimte-4);min-width:0}.inst-sectiekop{min-width:0}.inst-sectieuitleg{margin-top:2px;font-size:12.5px;color:var(--tekst-flauw);max-width:68ch}.inst-zoek{position:relative;display:flex;align-items:center;gap:6px;padding:0 10px;min-width:260px;height:34px;background:var(--vlak);border:1px solid var(--rand);border-radius:var(--r-m);color:var(--tekst-flauw)}.inst-zoek:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-zacht)}.inst-zoek input{height:100%;width:100%;border:none;background:none;outline:none;font:inherit;font-size:12.5px;color:var(--tekst)}.inst-treffers{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:40;max-height:340px;overflow-y:auto;padding:4px;background:var(--vlak);border:1px solid var(--rand);border-radius:var(--r-m);box-shadow:var(--schaduw-l)}.inst-treffer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;width:100%;padding:7px 9px;border:none;border-radius:var(--r-s);background:none;font:inherit;text-align:left;cursor:pointer}.inst-treffer:hover{background:var(--accent-zacht)}.inst-treffer:focus-visible{outline:2px solid var(--ring);outline-offset:-1px}.inst-treffer .naam{font-size:12.5px;font-weight:600;color:var(--tekst)}.inst-treffer .waar{font-size:12.5px;color:var(--tekst-flauw);white-space:nowrap}.inst-treffer .hint{grid-column:1 / -1;font-size:12.5px;color:var(--tekst-zacht);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inst-gereedheid{margin-bottom:var(--ruimte-4);padding:var(--ruimte-4)}.inst-gereedheid h2{display:flex;align-items:center;gap:8px;margin:0;font-size:16px}.inst-gereeduitleg{margin:4px 0 var(--ruimte-2);font-size:12.5px;color:var(--tekst-flauw);max-width:72ch}.inst-punt{display:flex;align-items:center;gap:10px;width:100%;padding:9px 4px;border:none;border-bottom:1px solid var(--rand);background:none;font:inherit;text-align:left;color:var(--tekst-flauw);cursor:pointer}.inst-punt:last-of-type{border-bottom:none}.inst-punt:hover{background:var(--vlak-zacht)}.inst-punt:focus-visible{outline:2px solid var(--ring);outline-offset:-1px}.inst-punt .tekst{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.inst-punt .tekst b{font-size:12.5px;font-weight:600;color:var(--tekst)}.inst-punt .gevolg{font-size:12.5px;line-height:1.5;color:var(--tekst-flauw)}.inst-punt>.chip{min-width:62px;justify-content:center;flex:none}.inst-gemarkeerd input,.keuzeblok.gemarkeerd{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-zacht)}.inst-blok+.inst-blok{margin-top:var(--ruimte-5);padding-top:var(--ruimte-4);border-top:1px solid var(--rand)}.inst-blok h3{margin:0;font-size:14px;font-weight:650}.inst-blokuitleg{margin:2px 0 var(--ruimte-3);font-size:12.5px;line-height:1.55;color:var(--tekst-flauw);max-width:72ch}.inst-afzenders{display:flex;flex-direction:column;gap:1px;padding:var(--ruimte-3) var(--ruimte-4);background:var(--vlak-zacht);border:1px solid var(--rand);border-radius:var(--r-m)}.inst-afzenderskop{padding-bottom:5px;font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--tekst-flauw)}.inst-afzender{display:flex;align-items:baseline;gap:var(--ruimte-3);flex-wrap:wrap;padding:5px 0}.inst-afzender+.inst-afzender{border-top:1px solid var(--rand)}.inst-afzender .wat{min-width:190px;font-size:12.5px;color:var(--tekst-flauw)}.inst-afzender .wie{flex:1;min-width:0;font-size:12.5px;font-weight:600;word-break:break-word}.inst-afzender .wie.leeg{font-weight:400;font-style:italic;color:var(--tekst-flauw)}.inst-afzender .merken{display:flex;gap:4px;flex-wrap:wrap}.inst-proef{display:flex;flex-direction:column;gap:var(--ruimte-3);padding:var(--ruimte-4);border-top:1px solid var(--rand);background:var(--vlak-zacht);border-radius:0 0 var(--r-l) var(--r-l)}.inst-proefkop{font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--tekst-flauw)}.inst-proefrij{display:flex;align-items:flex-start;gap:var(--ruimte-3)}.inst-proefrij>*:first-child{flex:1;min-width:0}.inst-proefrij>.knop{margin-top:21px;flex:none}.inst-proefknoppen{display:flex;gap:var(--ruimte-2);flex:none;margin-top:21px}@media(max-width:620px){.inst-proefknoppen{margin-top:0}}.inst-proefuitleg{margin:0;font-size:12.5px;line-height:1.6;color:var(--tekst-zacht);max-width:68ch}.inst-proefrij>.inst-proefuitleg+.knop{margin-top:0}@media(max-width:620px){.inst-proefrij{flex-direction:column;align-items:stretch}.inst-proefrij>.knop{margin-top:0}}.inst-taken{display:flex;flex-direction:column}.inst-taak{display:flex;align-items:center;gap:var(--ruimte-3);padding:var(--ruimte-3) 0;border-bottom:1px solid var(--rand)}.inst-taak:last-child{border-bottom:none}.inst-taak.stil{box-shadow:inset 3px 0 0 var(--rood);padding-left:var(--ruimte-3)}.inst-taak .lijf{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.inst-taak .titel{display:flex;align-items:baseline;gap:var(--ruimte-2);font-size:14px;font-weight:600}.inst-taak .ritme{font-size:12.5px;font-weight:400;color:var(--tekst-flauw);font-variant-numeric:tabular-nums}.inst-taak .waarom{font-size:12.5px;line-height:1.5;color:var(--tekst-zacht)}.inst-taak .laatst{font-size:12.5px;color:var(--tekst-flauw)}.inst-taak .fout{font-size:12.5px;color:var(--rood)}.pr-plannen{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--ruimte-3);margin-bottom:var(--ruimte-4)}.pr-plan{display:flex;flex-direction:column;background:var(--vlak);border:1px solid var(--rand);border-radius:var(--r-l);box-shadow:var(--schaduw-s);padding:var(--ruimte-4)}.pr-plankop{display:flex;align-items:baseline;justify-content:space-between;gap:var(--ruimte-2);min-height:30px}.pr-plannaam{margin:0;min-width:0;flex:1;font-size:16px;font-weight:650;color:var(--tekst)}input.pr-plannaam{padding:3px 6px;margin-left:-6px;border:1px solid transparent;border-radius:var(--r-s);background:none;font-family:inherit}input.pr-plannaam:hover{border-color:var(--rand)}input.pr-plannaam:focus{outline:none;border-color:var(--accent);background:var(--vlak);box-shadow:0 0 0 3px var(--accent-zacht)}.pr-klanten{flex:none;font-size:12.5px;color:var(--tekst-flauw);white-space:nowrap}.pr-bedrag{display:flex;align-items:baseline;gap:4px;margin:var(--ruimte-3) 0 var(--ruimte-2)}.pr-bedrag .euro{font-size:20px;font-weight:500;color:var(--tekst-flauw)}.pr-bedrag .vast,.pr-bedrag input{font-size:30px;font-weight:650;line-height:1.1;color:var(--tekst);font-variant-numeric:tabular-nums}.pr-bedrag input{width:4.2ch;padding:0 2px;border:none;border-bottom:2px solid var(--rand);background:none;font-family:inherit}.pr-bedrag input:hover{border-bottom-color:var(--rand-sterk)}.pr-bedrag input:focus{outline:none;border-bottom-color:var(--accent)}.pr-bedrag .per{font-size:12.5px;color:var(--tekst-flauw)}.pr-regels{margin:0;display:flex;flex-direction:column}.pr-regels>div{display:flex;align-items:baseline;justify-content:space-between;gap:var(--ruimte-3);padding:6px 0;border-bottom:1px solid var(--rand)}.pr-regels dt{font-size:12.5px;color:var(--tekst-zacht)}.pr-regels dd{margin:0;display:flex;align-items:baseline;gap:2px;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.pr-regels .teken{font-weight:400;color:var(--tekst-flauw)}.pr-regels input,.pr-bedrag input,.pr-prijsveld input{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.pr-regels input::-webkit-outer-spin-button,.pr-regels input::-webkit-inner-spin-button,.pr-bedrag input::-webkit-outer-spin-button,.pr-bedrag input::-webkit-inner-spin-button,.pr-prijsveld input::-webkit-outer-spin-button,.pr-prijsveld input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.pr-regels input{width:4.5ch;padding:1px 3px;border:1px solid transparent;border-radius:var(--r-s);background:none;font:inherit;font-variant-numeric:tabular-nums;text-align:right;color:var(--tekst)}.pr-regels input:hover{border-color:var(--rand)}.pr-regels input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-zacht)}.pr-planvoet{display:flex;justify-content:space-between;gap:var(--ruimte-3);margin-top:auto;padding-top:var(--ruimte-3);font-size:12.5px;color:var(--tekst-flauw);font-variant-numeric:tabular-nums}.pr-proef{background:var(--vlak);border:1px solid var(--rand);border-radius:var(--r-l);box-shadow:var(--schaduw-s);padding:var(--ruimte-4);margin-bottom:var(--ruimte-4)}.pr-proefkop{display:flex;align-items:center;justify-content:space-between;gap:var(--ruimte-4);flex-wrap:wrap}.pr-proefkop h2{margin:0;font-size:16px}.pr-schuif{display:flex;align-items:center;gap:var(--ruimte-3);flex:1;min-width:220px;max-width:420px}.pr-schuif input{flex:1;min-width:0;accent-color:var(--accent);cursor:pointer;height:32px}.pr-schuif input:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:var(--r-s)}.pr-schuif .waarde{min-width:11ch;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.pr-uitkomst{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:var(--ruimte-2);margin-top:var(--ruimte-3)}.pr-uitkomstrij{display:flex;flex-direction:column;gap:1px;padding:var(--ruimte-3);background:var(--vlak-zacht);border-radius:var(--r-m)}.pr-uitkomstrij .naam{font-size:12.5px;color:var(--tekst-zacht)}.pr-uitkomstrij .maand{font-size:20px;font-weight:650;font-variant-numeric:tabular-nums}.pr-uitkomstrij .jaar{font-size:12.5px;color:var(--tekst-flauw);font-variant-numeric:tabular-nums}.pr-proefuitleg{margin:var(--ruimte-3) 0 0;font-size:12.5px;line-height:1.6;color:var(--tekst-flauw);max-width:74ch}.pr-alarm{background:var(--rood-zacht);border:1px solid var(--rood);border-radius:var(--r-l);padding:var(--ruimte-4);margin-bottom:var(--ruimte-4)}.pr-alarm h2{display:flex;align-items:center;gap:var(--ruimte-2);margin:0;font-size:16px;color:var(--rood)}.pr-alarm p{margin:4px 0 var(--ruimte-3);font-size:12.5px;line-height:1.6;color:var(--tekst-zacht);max-width:78ch}.pr-bezwaar{display:flex;align-items:baseline;gap:var(--ruimte-4);flex-wrap:wrap;padding:var(--ruimte-2) 0;border-top:1px solid var(--rood);font-size:12.5px;color:var(--tekst-zacht)}.pr-bezwaar .stap{display:inline-flex;align-items:center;gap:4px;min-width:16ch;font-weight:600;color:var(--tekst)}.pr-bezwaar .som{flex:1;min-width:24ch;font-variant-numeric:tabular-nums}.pr-bezwaar .welke{color:var(--tekst-flauw)}.pr-nieuwplan{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--ruimte-2);min-height:180px;border:1px dashed var(--rand-sterk);border-radius:var(--r-l);background:none;font:inherit;font-size:12.5px;color:var(--tekst-flauw);cursor:pointer}.pr-nieuwplan:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-zacht)}.pr-nieuwplan:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.pr-rasteruitleg{margin-left:auto;font-size:12.5px;color:var(--tekst-flauw)}.pr-raster table{width:100%;border-collapse:collapse}.pr-raster thead th{padding:var(--ruimte-2) var(--ruimte-3);border-bottom:1px solid var(--rand);font-size:12.5px;font-weight:600;color:var(--tekst-flauw);text-align:left;white-space:nowrap}.pr-raster .pr-modulekop{padding-left:var(--ruimte-4)}.pr-raster .pr-prijskop{text-align:right}.pr-raster .pr-vakkop{width:108px;text-align:center}.pr-groep th{padding:var(--ruimte-5) var(--ruimte-4) var(--ruimte-2);font-size:12.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--tekst-flauw);text-align:left}.pr-rij>th,.pr-rij>td{padding:0 var(--ruimte-3);border-bottom:1px solid var(--rand);font-weight:400;text-align:left;vertical-align:middle}.pr-rij:hover>th,.pr-rij:hover>td{background:var(--vlak-zacht)}.pr-rij.open>th,.pr-rij.open>td{background:var(--accent-zacht);border-bottom-color:transparent}.pr-modulenaam{display:flex;align-items:center;gap:var(--ruimte-2);width:100%;min-height:44px;padding:0 0 0 var(--ruimte-1);border:none;background:none;font:inherit;font-size:14px;color:var(--tekst);text-align:left;cursor:pointer}.pr-modulenaam svg{flex:none;color:var(--tekst-flauw)}.pr-modulenaam:focus-visible{outline:2px solid var(--ring);outline-offset:-2px;border-radius:var(--r-s)}.pr-moduletekst{font-size:12.5px;font-weight:400;line-height:1.5;color:var(--tekst-flauw)}.pr-modulenaam .naam{flex:none;font-weight:600}.pr-modulenaam .pr-moduletekst{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pr-prijs{text-align:right;font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap}.pr-prijsveld{display:inline-flex;align-items:baseline;gap:2px;padding:3px 6px;border:1px solid transparent;border-radius:var(--r-s);color:var(--tekst-flauw);cursor:text}.pr-prijsveld:hover{border-color:var(--rand-sterk);background:var(--vlak)}.pr-prijsveld:focus-within{border-color:var(--accent);background:var(--vlak);box-shadow:0 0 0 3px var(--accent-zacht)}.pr-prijsveld input{width:4ch;border:none;background:none;font:inherit;font-weight:600;font-variant-numeric:tabular-nums;text-align:right;color:var(--tekst)}.pr-prijsveld input:focus{outline:none}.pr-kernmerk{font-size:12.5px;color:var(--tekst-flauw)}.pr-vak{text-align:center}.pr-vink{display:inline-grid;place-items:center;width:40px;height:40px;cursor:pointer}.pr-vink input{position:absolute;opacity:0;width:0;height:0}.pr-vink>span{display:grid;place-items:center;width:22px;height:22px;border:1px solid var(--rand-sterk);border-radius:var(--r-s);background:var(--vlak);color:transparent;transition:background var(--snel) var(--soepel),border-color var(--snel) var(--soepel)}.pr-vink:hover>span{border-color:var(--accent)}.pr-vink input:checked+span{background:var(--accent);border-color:var(--accent);color:var(--tekst-op-accent)}.pr-vink input:focus-visible+span{outline:2px solid var(--ring);outline-offset:2px}.pr-vink input:disabled+span{cursor:default;opacity:.6}.pr-vink input:disabled:checked+span{background:var(--neutraal-zacht);border-color:var(--rand-sterk);color:var(--tekst-zacht);opacity:1}.pr-vink input:disabled~*{cursor:default}.pr-toelichting>td{padding:0 var(--ruimte-4) var(--ruimte-3);background:var(--accent-zacht);border-bottom:1px solid var(--rand)}.pr-toelichting p{margin:0;font-size:12.5px;line-height:1.6;color:var(--tekst-zacht);max-width:74ch}.pr-bewerk{display:flex;flex-direction:column;gap:var(--ruimte-2);max-width:74ch}.pr-bewerk input,.pr-bewerk textarea{width:100%;padding:6px 8px;border:1px solid var(--rand-sterk);border-radius:var(--r-s);background:var(--vlak);font:inherit;font-size:12.5px;color:var(--tekst);resize:vertical}.pr-bewerk input:focus,.pr-bewerk textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-zacht)}.pr-bewerk .pr-naamveld{font-size:14px;font-weight:600}.pr-sleutel{font-size:12.5px;line-height:1.5;color:var(--tekst-flauw)}.pr-sleutel code{padding:1px 5px;border-radius:3px;background:var(--neutraal-zacht);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;color:var(--tekst-zacht)}.pr-kernuitleg{margin:0;padding:var(--ruimte-3) var(--ruimte-4) var(--ruimte-4);font-size:12.5px;line-height:1.6;color:var(--tekst-flauw);max-width:82ch}.pr-onderdeel>th,.pr-onderdeel>td{background:var(--vlak-zacht)}.pr-onderdeel>th .pr-modulenaam{padding-left:var(--ruimte-5)}.pr-onderdeel>th .naam{font-weight:500}.pr-onderdeel>th{position:relative}.pr-onderdeel>th:before{content:"";position:absolute;left:calc(var(--ruimte-4) + 2px);top:0;bottom:0;width:1px;background:var(--rand)}.klokcijfers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ruimte-3);margin-bottom:var(--ruimte-5)}.klokcijfer{background:var(--vlak);border:1px solid var(--rand);border-radius:var(--r-m);padding:var(--ruimte-4)}.klokcijfer .waarde{font-size:26px;font-weight:650;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--tekst)}.klokcijfer .label{margin-top:2px;font-size:12.5px;color:var(--tekst-flauw)}.aanvraaglijst{display:flex;flex-direction:column;gap:var(--ruimte-3)}.aanvraag{display:grid;grid-template-columns:92px minmax(0,1fr) auto;gap:var(--ruimte-4);align-items:start;background:var(--vlak);border:1px solid var(--rand);border-radius:var(--r-m);padding:var(--ruimte-4)}.aanvraag .klok{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding-left:var(--ruimte-3);border-left:3px solid var(--rand-sterk);font-variant-numeric:tabular-nums}.aanvraag .klok span{font-size:16px;font-weight:600;color:var(--tekst)}.aanvraag .klok small{font-size:12.5px;color:var(--tekst-flauw)}.aanvraag .klok svg{color:var(--tekst-flauw)}.aanvraag.groen .klok{border-left-color:var(--groen)}.aanvraag.groen .klok svg{color:var(--groen)}.aanvraag.amber .klok{border-left-color:var(--amber)}.aanvraag.amber .klok svg{color:var(--amber)}.aanvraag.rood .klok{border-left-color:var(--rood)}.aanvraag.rood .klok svg,.aanvraag.rood .klok span{color:var(--rood)}.aanvraag.af{background:var(--vlak-zacht)}.aanvraag.af .klok{border-left-color:var(--rand)}.aanvraag .inhoud{min-width:0}.aanvraag .kop{display:flex;align-items:center;gap:var(--ruimte-2);flex-wrap:wrap}.aanvraag .kop h3{margin:0;font-size:16px;font-weight:600}.aanvraag .meta{margin-top:2px;font-size:12.5px;color:var(--tekst-zacht)}.aanvraag .voorkeur{display:inline-flex;align-items:center;gap:var(--ruimte-2);margin-top:var(--ruimte-3);padding:4px 10px;border-radius:var(--r-s);background:var(--accent-zacht);color:var(--accent);font-size:12.5px}.aanvraag .bericht{margin:var(--ruimte-3) 0 0;font-size:14px;color:var(--tekst);white-space:pre-wrap;max-height:7.5em;overflow:hidden}.aanvraag .herkomst{display:flex;gap:var(--ruimte-4);flex-wrap:wrap;margin-top:var(--ruimte-3);font-size:12.5px;color:var(--tekst-flauw)}.aanvraag .acties{display:flex;flex-direction:column;align-items:stretch;gap:var(--ruimte-2);min-width:170px}.aanvraag .acties .knop{justify-content:flex-start}@media(max-width:900px){.klokcijfers,.aanvraag{grid-template-columns:1fr}.aanvraag .klok{flex-direction:row;align-items:baseline;gap:var(--ruimte-2)}.aanvraag .acties{flex-direction:row;flex-wrap:wrap}}.eigen-herkomst{display:flex;align-items:center;gap:var(--ruimte-2);flex-wrap:wrap;padding:var(--ruimte-2) var(--ruimte-3);margin-bottom:var(--ruimte-3);background:var(--accent-zacht);border:1px solid var(--accent-rand);border-radius:var(--r-m);color:var(--tekst-zacht);font-size:12.5px}.eigen-herkomst strong{color:var(--tekst);font-weight:600}.eigen-herkomst a{margin-left:auto;color:var(--accent)}.eigen-samenvatting{display:flex;flex-wrap:wrap;gap:var(--ruimte-5);padding:var(--ruimte-4);margin-bottom:var(--ruimte-4);background:var(--vlak);border:1px solid var(--rand);border-radius:var(--r-l)}.eigen-samenvatting>div{display:flex;flex-direction:column;gap:2px}.eigen-getal{font-size:20px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--tekst)}.eigen-label{font-size:12.5px;color:var(--tekst-flauw)}.eigen-bord{display:flex;gap:var(--ruimte-3);overflow-x:auto;padding-bottom:var(--ruimte-3);align-items:flex-start}.eigen-kolom{flex:0 0 260px;display:flex;flex-direction:column;gap:var(--ruimte-2);padding:var(--ruimte-3);background:var(--vlak-zacht);border:1px solid var(--rand);border-radius:var(--r-l)}.eigen-kolom>header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--ruimte-2)}.eigen-kolom h2{margin:0;font-size:14px;font-weight:600}.eigen-kolomtelling{font-size:12.5px;color:var(--tekst-flauw);font-variant-numeric:tabular-nums}.eigen-leeg{margin:0;padding:var(--ruimte-3) 0;font-size:12.5px;color:var(--tekst-flauw)}.eigen-kaart{display:flex;flex-direction:column;gap:2px;padding:var(--ruimte-3);background:var(--vlak);border:1px solid var(--rand);border-radius:var(--r-m);box-shadow:var(--schaduw-s)}.eigen-kaarttitel{font-size:14px;font-weight:600;color:var(--tekst)}.eigen-kaartregel{font-size:12.5px;color:var(--tekst-zacht)}.eigen-kaartvoet{display:flex;justify-content:space-between;gap:var(--ruimte-2);margin-top:var(--ruimte-2);font-size:12.5px;color:var(--tekst-flauw);font-variant-numeric:tabular-nums}.eigen-verplaats{margin-top:var(--ruimte-2);width:100%;min-height:32px;font-size:12.5px}.eigen-fout{margin-top:var(--ruimte-2);font-size:12.5px;color:var(--rood)}.eigen-kaartknop{margin-top:var(--ruimte-2);width:100%;justify-content:center}.eigen-leegstaat{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ruimte-3);padding:var(--ruimte-5);--kaart-vulling: 0}.eigen-leegstaat p{margin:0;color:var(--tekst-zacht)}.eigen-uitleg{font-size:12.5px;color:var(--tekst-flauw)}@media(max-width:720px){.eigen-kolom{flex-basis:82%}.eigen-samenvatting{gap:var(--ruimte-4)}}.ofb{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:var(--ruimte-4);align-items:start}.ofb-keuzes{display:flex;flex-direction:column;gap:var(--ruimte-4);min-width:0}.ofb-stap{padding:var(--ruimte-4);--kaart-vulling: 0;display:flex;flex-direction:column;gap:var(--ruimte-3)}.ofb-stap>h2{margin:0;font-size:16px;font-weight:650}.ofb-uitleg{margin:0;font-size:12.5px;color:var(--tekst-flauw)}.ofb-zijkant{position:sticky;top:var(--ruimte-4);min-width:0}.ofb-rekening{--kaart-vulling: 0}.ofb-rekening .kaart-body{display:flex;flex-direction:column;gap:var(--ruimte-3)}.ofb-bewaar{width:100%;justify-content:center}.ofb-daarnaast{padding-top:var(--ruimte-3);border-top:1px solid var(--rand);display:flex;flex-direction:column;gap:var(--ruimte-2)}.ofb-planbij{font-size:12.5px;color:var(--tekst-zacht)}.ofb-blokinhoud{display:flex;flex-direction:column;gap:2px;min-width:0}.ofb-blokinhoud strong{font-size:14px;font-weight:600}.ofb-blokbij{font-size:12.5px;color:var(--tekst-flauw)}.ofb-posten{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--ruimte-3)}.ofb-knoppen{display:flex;gap:var(--ruimte-2);flex-wrap:wrap}.ofb-link{display:flex;flex-direction:column;gap:var(--ruimte-2);align-items:flex-start;padding-top:var(--ruimte-3);border-top:1px solid var(--rand)}.ofb-link code{font-size:12.5px;word-break:break-all;color:var(--tekst-zacht);background:var(--vlak-zacht);border:1px solid var(--rand);border-radius:var(--r-s);padding:6px 8px;width:100%}@media(max-width:1100px){.ofb{grid-template-columns:minmax(0,1fr)}.ofb-zijkant{position:static;order:-1}}