:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-primary:#141d20;--color-balk:#141d20;--color-accent:#4baa7f;--color-bg:#f5f6f7;--color-border:#e2e2e2;--color-text-muted:#818181;--color-op-donker:#fff;--huisstijl-achtergrond:none}*{box-sizing:border-box}input[type=text],input:not([type]),input[type=email],input[type=tel],input[type=number],input[type=date],input[type=password],input[type=search],select{box-sizing:border-box;border:1px solid var(--color-border);border-radius:4px;height:38px;padding:0 10px;font-family:inherit;font-size:14px;transition:border-color .15s ease-out}input[type=text]:hover,input[type=email]:hover,input[type=tel]:hover,input[type=number]:hover,input[type=date]:hover,input[type=password]:hover,input[type=search]:hover,select:hover{border-color:var(--color-accent)}textarea{box-sizing:border-box;border:1px solid var(--color-border);resize:vertical;border-radius:4px;padding:8px 10px;font-family:inherit;font-size:14px;transition:border-color .15s ease-out}textarea:hover{border-color:var(--color-accent)}input:read-only,textarea:read-only,input:disabled,select:disabled,textarea:disabled{color:var(--color-text-muted)}.btn-primary,.btn-secondary{box-sizing:border-box;justify-content:center;align-items:center;height:38px;padding:0 16px;display:inline-flex}html,body{height:100%;margin:0;overflow:hidden}body{background-color:var(--color-balk);background-image:var(--huisstijl-achtergrond);background-position:50%;background-size:cover;background-attachment:fixed;font-family:Arial,sans-serif;font-size:14px}#root{height:100%}#login-screen{background:var(--color-balk);height:100vh;color:var(--color-op-donker);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}#login-screen:before{content:"";opacity:.35;pointer-events:none;background-image:url(/assets/opstartscherm-x9ruD9XJ.png);background-position:50%;background-size:cover;position:absolute;inset:0}#login-screen>*{z-index:1;position:relative}.btn-primary{background:var(--color-accent);color:#fff;border:1px solid var(--color-accent);cursor:pointer;border-radius:4px;padding:10px 16px;font-size:14px;transition:all .15s ease-in-out}.btn-primary:hover{color:var(--color-accent);background:#fff}.btn-on-dark{color:var(--color-primary);cursor:pointer;background:#fff;border:1px solid #fff;border-radius:4px;padding:10px 16px;font-size:14px;transition:all .15s ease-in-out}.btn-on-dark:hover{color:var(--color-op-donker);background:0 0}#app-shell{flex-direction:column;height:100vh;display:flex;position:relative}#app-shell:before{content:"";z-index:0;background-image:url(/assets/Background-BkJMQbLz.png);background-position:50%;background-size:cover;background-attachment:fixed;position:fixed;inset:0}#app-shell:after{content:"";z-index:0;background:#141d2073;position:fixed;inset:0}#app-shell>*{z-index:1;position:relative}#app-shell>.topbar{z-index:2}.topbar{color:var(--color-op-donker);border-bottom:1px solid #ffffff26;align-items:center;gap:32px;padding:16px 32px;display:flex}.topbar-brand{color:inherit;font-size:20px;font-weight:700;text-decoration:none}.topbar-nav{flex:1;gap:8px;display:flex}.topbar-nav-link{color:#ffffffeb;border-radius:4px;padding:8px 14px;font-size:15px;font-weight:600;text-decoration:none;transition:background .15s ease-in-out}.topbar-nav-link:hover{color:var(--color-op-donker);background:#ffffff1a}.topbar-nav-link.is-active{background:var(--color-accent);color:var(--color-op-donker);font-weight:700}.topbar-groep{align-items:center;display:flex;position:relative}.topbar-groep>.topbar-nav-link{border-radius:4px 0 0 4px;padding-right:6px}.topbar-groep-pijl{color:#fffc;cursor:pointer;background:0 0;border:0;border-radius:0 4px 4px 0;align-self:stretch;align-items:center;padding:0 12px 0 2px;font-family:inherit;font-size:11px;line-height:1;transition:background .15s ease-in-out;display:flex}.topbar-groep:hover>.topbar-nav-link,.topbar-groep:hover>.topbar-groep-pijl{color:var(--color-op-donker);background:#ffffff1a}.topbar-groep>.topbar-groep-pijl.is-active,.topbar-groep:hover>.topbar-groep-pijl.is-active{background:var(--color-accent);color:var(--color-op-donker)}.topbar-groep.is-open .topbar-groep-pijl span{display:inline-block;transform:rotate(180deg)}.topbar-dropdown{z-index:1;background:#fff;border-radius:6px;min-width:220px;margin:0;padding:6px 0;list-style:none;position:absolute;top:100%;left:0;box-shadow:0 8px 24px #141d2040}.topbar-dropdown-link{color:var(--color-primary);padding:10px 18px;font-size:14px;text-decoration:none;display:block}.topbar-dropdown-link:hover{background:#141d200f}.veld-hulp{color:var(--color-text-muted);cursor:help;margin-left:4px;font-size:13px;font-weight:400}.veld-hulp:hover{color:var(--color-accent)}.visueel-verborgen{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.topbar-entiteit select{max-width:220px;height:34px;color:var(--color-op-donker);cursor:pointer;background:0 0;border:1px solid #ffffff59;border-radius:4px;padding:0 8px;font-family:inherit;font-size:14px}.topbar-entiteit select:hover{border-color:var(--color-accent)}.topbar-entiteit option{color:var(--color-primary);background:#fff}.topbar-user{color:var(--color-op-donker);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:0 0;border:0;border-radius:4px;max-width:260px;padding:8px 14px;font-family:inherit;font-size:14px;font-weight:700;transition:background .15s ease-in-out;overflow:hidden}.topbar-user:hover{background:#ffffff1a}.account-dialoog{width:85vw;max-width:85vw;height:85vh;max-height:85vh;color:inherit;background:#fff;border:0;border-radius:8px;padding:0;overflow:hidden}.account-dialoog::backdrop{background:#141d208c}.account-dialoog-inhoud{flex-direction:column;height:100%;display:flex}.account-dialoog-kop{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.account-dialoog-kop h2{margin:0;font-size:18px}.account-dialoog-sluiten{width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;border-radius:4px;font-size:22px;line-height:1;transition:background .15s ease-in-out}.account-dialoog-sluiten:hover{background:var(--color-bg);color:var(--color-primary)}.account-dialoog-body{flex:1;min-height:0;padding:16px 24px;overflow:hidden}.btn-signout{color:var(--color-primary);border:1px solid var(--color-border);cursor:pointer;white-space:nowrap;background:0 0;border-radius:4px;padding:8px 14px;font-family:inherit;font-size:14px;transition:border-color .15s ease-out}.btn-signout:hover{border-color:var(--color-accent)}.app-body{flex:1;min-height:0;display:flex}.sidebar{flex-direction:column;flex-shrink:0;width:204px;padding:16px 12px;transition:width .15s ease-in-out;display:flex}.sidebar.is-standaard{width:204px}.sidebar.is-ingeklapt{width:56px;padding:16px 8px}.sidebar-head{align-items:center;gap:4px;margin-bottom:8px;display:flex}.sidebar-module{color:#fff;text-align:left;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;margin:0;padding:10px 12px;font-size:14px;font-weight:700;overflow:hidden}.sidebar-toggle{color:var(--color-accent);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:8px;font-family:inherit;font-size:14px;font-weight:700;transition:background .15s ease-in-out}.sidebar-toggle:hover{background:#ffffff1a}.sidebar-nav{flex-direction:column;flex:1;gap:4px;min-height:0;display:flex;overflow-y:auto}.sidebar-foot{border-top:1px solid #ffffff26;align-items:center;gap:8px;margin-top:auto;padding-top:16px;display:flex}.sidebar-icon-btn{color:#ffffffbf;cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:background .15s ease-in-out,color .15s ease-in-out;display:inline-flex}.sidebar-icon-btn:hover{color:#fff;background:#ffffff1a}.sidebar-icon-btn.is-rechts{margin-left:auto}.sidebar.is-ingeklapt .sidebar-head{flex-direction:column;gap:8px}.sidebar.is-ingeklapt .sidebar-foot{gap:0}.sidebar.is-ingeklapt .sidebar-icon-btn{width:20px}.sidebar.is-ingeklapt .sidebar-module,.sidebar.is-ingeklapt .sidebar-nav-link{text-align:center;padding-left:0;padding-right:0}.hr-naamknop{text-overflow:ellipsis;white-space:nowrap;width:180px;overflow:hidden}.hr-werkregel-open>td{color:#d18a2f;font-weight:600}.hr-werkregel-open .hr-naamknop{color:inherit;font-weight:inherit}.logs-tijdknop{text-overflow:ellipsis;white-space:nowrap;width:165px;overflow:hidden}.sidebar-nav-kop{color:#ffffff73;letter-spacing:.06em;text-transform:uppercase;margin:14px 0 2px;padding:0 12px;font-size:11px;font-weight:600}.sidebar-nav-kop:first-child{margin-top:0}.sidebar-nav-link{color:#ffffffd9;border-radius:4px;padding:10px 12px;font-size:14px;text-decoration:none;transition:background .15s ease-in-out;display:block}.sidebar-nav-link:hover{color:#fff;background:#ffffff1a}.sidebar-nav-link.is-active{background:var(--color-accent);color:#fff;font-weight:700}.sidebar-subnav{border-left:1px solid #fff3;flex-direction:column;gap:2px;margin:0 0 0 12px;padding:0 0 0 8px;list-style:none;display:flex}.sidebar-subnav-link{color:#ffffffb3;padding:6px 10px;font-size:13px}.app-main{flex:1;min-width:0;min-height:0;padding:12px 24px 24px;display:flex}.content-card{background:#fff;border-radius:12px;flex-direction:column;flex:1;min-width:0;min-height:0;padding:16px 32px;display:flex;overflow:hidden;box-shadow:0 8px 24px #00000040}.content-card>h1:first-child{margin-top:0}.mod.geen-toegang{flex:none;height:auto}.geen-toegang .mod-melding{align-items:baseline;gap:8px;margin-top:0;display:flex}.geen-toegang-tekst{flex:1}.geen-toegang-sluit{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;padding:0 4px;font-size:16px;line-height:1}.tabbalk{border-bottom:1px solid var(--color-border);flex:none;gap:24px;margin:0 -32px 16px;padding:0 32px;display:flex;overflow-x:auto}.page-scroll-area .tabbalk{margin-left:0;margin-right:0;padding-left:0;padding-right:0}.tabbalk-link{color:var(--color-text-muted);white-space:nowrap;border-bottom:2px solid #0000;padding:6px 2px 10px;font-size:14px;font-weight:400;text-decoration:none;transition:color .15s ease-in-out}.tabbalk-link:hover{color:var(--color-primary)}.tabbalk-link.is-active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.tabbalk-knop{appearance:none;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;font-family:inherit}.tabbalk-knop:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px;border-radius:4px}.tabbalk-telling{background:var(--color-border);color:var(--color-text-muted);border-radius:10px;margin-left:6px;padding:1px 6px;font-size:12px;font-weight:600}.tabbalk-link.is-active .tabbalk-telling{background:var(--color-accent);color:#fff}.fiche-raster{grid-template-columns:240px minmax(0,1fr) 240px minmax(0,1fr);align-items:center;gap:8px 16px;display:grid}.fiche-raster>input,.fiche-raster>select,.fiche-raster>textarea,.fiche-raster>div,.fiche-raster>.veld-met-hulp,.fiche-raster>.fiche-raster-alleen,.fiche-raster>div>input,.fiche-raster>div>select,.fiche-raster>div>textarea{width:100%}.veld-met-hulp{align-items:center;gap:6px;min-width:0;display:flex}.veld-met-hulp>select,.veld-met-hulp>input{flex:auto;min-width:0}.veld-nevenvinkje{white-space:nowrap;color:var(--color-text-muted);cursor:pointer;flex-shrink:0;align-items:center;gap:6px;font-size:13px;display:flex}.veld-met-hulp>.veld-hulp{flex-shrink:0}.fiche-raster>.fiche-raster-alleen+*{grid-column-start:1}.fiche-subkop{color:var(--color-text-muted);grid-column:1/-1;margin:12px 0 2px;font-size:13px;font-weight:600}.fiche-subkop:first-child{margin-top:0}@media (width<=1100px){.fiche-raster{grid-template-columns:240px minmax(0,1fr)}}.fiche-sleutel{color:var(--color-text-muted);margin-left:10px;font-size:14px;font-style:italic;font-weight:400}.content-card h1{margin:0 0 12px;font-size:21px}.content-card h2{margin:16px 0 8px;font-size:16px}.content-card h3{margin:10px 0 6px;font-size:14px}.content-card p{margin:0 0 8px}.content-card table{border-collapse:collapse}.content-card th,.content-card td{border-bottom:1px solid var(--color-border);padding:6px 8px}.content-card th{text-align:left}.content-card thead th{z-index:1;background:#fff;position:sticky;top:0}.sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.sortable-th:hover{color:var(--color-accent)}.sortable-th-arrow{opacity:0;margin-left:4px;font-size:.75em}.sortable-th:hover .sortable-th-arrow{opacity:.4}.sortable-th[aria-sort=ascending] .sortable-th-arrow,.sortable-th[aria-sort=descending] .sortable-th-arrow{opacity:1}.gegevenstabel-omhulsel{min-width:0}.gegevenstabel{table-layout:fixed;width:100%}.gegevenstabel th,.gegevenstabel td{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gegevenstabel .gegevenstabel-vul{padding:0}.gegevenstabel-invoer>td{background:var(--color-bg);border-bottom:2px solid var(--color-border);overflow:visible}.periodekiezer{border:1px solid var(--color-border);background:#fff;border-radius:8px;flex-direction:column;gap:10px;margin-bottom:14px;padding:12px 14px;display:flex}.periodekiezer button{font:inherit;cursor:pointer}.periodekiezer button:disabled{cursor:default;opacity:.35}.periodekiezer-snel{flex-wrap:wrap;gap:6px;display:flex}.periodekiezer-chip{border:1px solid var(--color-border);color:var(--color-primary);background:#fff;border-radius:999px;padding:4px 10px;font-size:12px}.periodekiezer-chip:hover{border-color:var(--color-accent)}.periodekiezer-chip.is-actief{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.periodekiezer-raster{flex-wrap:wrap;align-items:flex-end;gap:16px 24px;display:flex}.periodekiezer-jaar{align-self:flex-end;align-items:center;gap:4px;padding-bottom:2px;display:flex}.periodekiezer-pijl{border:1px solid var(--color-border);background:#fff;border-radius:4px;width:26px;height:30px;font-size:16px;line-height:1}.periodekiezer-jaarknop{border:1px solid var(--color-border);background:#fff;border-radius:4px;min-width:64px;height:30px;padding:0 10px;font-weight:700}.periodekiezer-kwartalen{flex-wrap:wrap;gap:10px;display:flex}.periodekiezer-kwartaal{flex-direction:column;gap:4px;display:flex}.periodekiezer-kwartaalknop{letter-spacing:.04em;border:1px solid var(--color-border);background:var(--color-bg);height:22px;color:var(--color-text-muted);border-radius:4px;font-size:11px;font-weight:700}.periodekiezer-maanden{border:1px solid var(--color-border);border-radius:4px;display:inline-flex;overflow:hidden}.periodekiezer-maand{border:0;border-right:1px solid var(--color-border);text-transform:capitalize;background:#fff;width:46px;height:30px;font-size:13px}.periodekiezer-maand:last-child{border-right:0}.periodekiezer-maand:hover:not(:disabled):not(.is-aan){background:var(--color-bg)}.periodekiezer-maand.is-aan,.periodekiezer-kwartaalknop.is-aan,.periodekiezer-jaarknop.is-aan{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.periodekiezer-kwartaalknop.is-deels,.periodekiezer-jaarknop.is-deels{border-color:var(--color-accent);color:var(--color-primary)}.periodekiezer-vrij{gap:8px;display:flex}.periodekiezer-vrij label{color:var(--color-text-muted);flex-direction:column;gap:4px;font-size:11px;font-weight:600;display:flex}.periodekiezer-vrij input{height:30px;font:inherit;border:1px solid var(--color-border);border-radius:4px;padding:0 6px;font-size:13px}.periodekiezer-gekozen{margin:0;font-size:13px}.periodekiezer-gekozen-label{color:var(--color-text-muted)}.keuzelijst-rijen{flex-direction:column;gap:6px;min-width:0;display:flex}.keuzelijst-rij{align-items:center;gap:6px;display:flex}.keuzelijst-rij input{flex:1;min-width:0}.keuzelijst-weg,.keuzelijst-vast{text-align:center;flex:none;width:32px}.keuzelijst-toevoegen{align-self:flex-start}.gegevenstabel-voet>td{border-top:2px solid var(--color-border);background:#fff;font-weight:600;position:sticky;bottom:0}.gegevenstabel-invoer input,.gegevenstabel-invoer select{width:100%;min-width:0;height:30px;padding:0 6px;font-size:13px}.gegevenstabel-rij--klikbaar{cursor:pointer}.gegevenstabel-rij--klikbaar:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.gegevenstabel-rij--gearchiveerd{opacity:.55}.gegevenstabel th{position:relative}.gegevenstabel-greep{cursor:col-resize;-webkit-user-select:none;user-select:none;touch-action:none;width:6px;height:100%;position:absolute;top:0;right:0}.gegevenstabel th:hover .gegevenstabel-greep,.gegevenstabel-greep:focus-visible{background:var(--color-accent)}.gegevenstabel th:active{cursor:grabbing}.kolomkiezer{position:relative}.kolomkiezer>summary{cursor:pointer;align-items:center;gap:6px;list-style:none;display:inline-flex}.kolomkiezer>summary::-webkit-details-marker{display:none}.kolomkiezer-telling{color:var(--color-text-muted);font-size:12px}.kolomkiezer-paneel{z-index:5;border:1px solid var(--color-border);background:#fff;border-radius:4px;min-width:240px;max-height:60vh;padding:8px;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto;box-shadow:0 4px 12px #0000001f}.kolomkiezer-voetnoot{color:var(--color-text-muted);margin:8px 0 0;font-size:12px}.kolomkiezer-lijst{margin:0 0 8px;padding:0;list-style:none}.kolomkiezer-regel{justify-content:space-between;align-items:center;gap:8px;padding:2px 0;display:flex}.kolomkiezer-naam{cursor:pointer;align-items:center;gap:6px;font-size:14px;display:flex}.kolomkiezer-pijlen{flex-shrink:0;gap:2px;display:flex}.kolomkiezer-pijlen>button{border:1px solid var(--color-border);cursor:pointer;background:#fff;border-radius:4px;width:24px;height:24px;padding:0;line-height:1}.kolomkiezer-pijlen>button:hover:not(:disabled){border-color:var(--color-accent)}.kolomkiezer-pijlen>button:disabled{opacity:.35;cursor:default}.page-root{flex-direction:column;height:100%;min-height:0;display:flex}.page-header{flex-shrink:0}.page-title-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.page-title-row>h1{margin:0}.page-title-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.section-title-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.section-title-row>h2{margin:0}.page-subtitle{color:var(--color-text-muted);margin:4px 0 0;font-size:13px}.page-scroll-area{flex:1;min-height:0;overflow-y:auto}.page-footer{border-top:1px solid var(--color-border);flex-shrink:0;justify-content:flex-end;gap:8px;margin-top:8px;padding-top:12px;display:flex}.page-footer--left{justify-content:flex-start}.page-footer-links{gap:8px;margin-right:auto;display:flex}.page-footer-melding,.page-footer-fout{align-self:center;font-size:13px}.page-footer-melding{color:var(--color-text-muted);margin-right:auto}.page-footer-fout{color:#c0392b}.page-footer-fout:first-child{margin-right:auto}.form-actions{justify-content:flex-end;align-items:center;gap:8px;margin-top:12px;display:flex}.form-actions--left{justify-content:flex-start}.form-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.form-row-grow{flex:200px;min-width:0}.settings-blok{border:1px solid var(--color-border);border-radius:8px;margin-top:16px;padding:14px 18px}.settings-blok:first-child{margin-top:0}.settings-blok>h2{margin:0}.settings-vinkjes{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:4px 16px;margin:10px 0 4px;display:grid}.settings-vinkje{cursor:pointer;border-radius:4px;align-items:center;gap:8px;padding:5px 6px;display:flex}.settings-vinkje:hover{background:#4baa7f14}.settings-rijacties{flex-wrap:nowrap;justify-content:flex-end;gap:6px;display:flex}.settings-rijacties>button{white-space:nowrap;min-width:96px}.settings-code{font-size:12px}.settings-vinkje-groep{color:var(--color-text-muted);white-space:nowrap;font-size:11px}.btn-vast{min-width:140px}.btn-vast-breed{white-space:nowrap;min-width:160px}.section-sticky-footer{border-top:1px solid var(--color-border);z-index:2;background:#fff;justify-content:flex-end;gap:8px;margin-top:16px;padding-top:12px;display:flex;position:sticky;bottom:0}.toolbar-row{align-items:stretch;gap:10px;margin-bottom:12px;display:flex}.toolbar-row--strak{margin-bottom:6px}.toolbar-veld{white-space:nowrap;align-items:center;gap:8px;height:38px;display:inline-flex}.toolbar-veld>span{color:var(--color-text-muted)}.toolbar-control{border:1px solid var(--color-border);box-sizing:border-box;border-radius:4px;height:38px;padding:0 12px;transition:border-color .15s ease-out,background .15s ease-out}input.toolbar-control:hover,select.toolbar-control:hover{border-color:var(--color-accent)}textarea.toolbar-control{height:auto;padding:8px 10px}.toolbar-control.btn-primary{border-color:var(--color-accent);padding:0 12px}.toolbar-control.btn-secondary{border-color:var(--color-primary);padding:0 12px}.toolbar-kiezer{min-width:320px}.toolbar-check{white-space:nowrap;cursor:pointer;background:#fff;flex-shrink:0;align-items:center;gap:6px;display:inline-flex}.logs-filters{grid-template-columns:max-content minmax(439px,max-content);align-items:stretch;gap:10px;margin-bottom:12px;display:grid}.logs-filters-groep{grid-auto-columns:1fr;grid-auto-flow:column;gap:10px;display:grid}.logs-filters .toolbar-control{width:100%;max-width:620px}.logs-filters .toolbar-search{margin-left:0}.toolbar-check:hover{border-color:var(--color-accent)}.toolbar-check input.schakelaar{appearance:none;background:var(--color-border);cursor:pointer;border-radius:10px;flex-shrink:0;width:34px;height:20px;margin:0;transition:background .15s;position:relative}.toolbar-check input.schakelaar:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000040}.toolbar-check input.schakelaar:checked{background:var(--color-accent)}.toolbar-check input.schakelaar:checked:after{transform:translate(14px)}.toolbar-check input.schakelaar:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.toolbar-search{flex:none;width:300px;margin-left:auto}.btn-secondary{color:var(--color-primary);border:1px solid var(--color-primary);cursor:pointer;background:#fff;border-radius:4px;padding:10px 16px;font-size:14px;transition:background .15s ease-out,border-color .15s ease-out,color .15s ease-out}.btn-secondary:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent);background:#4baa7f14}.btn-secondary:disabled,.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary--wacht{color:#d18a2f;border-color:#d18a2f}.btn-secondary--wacht:hover:not(:disabled){color:#d18a2f;background:#fdf7ec;border-color:#d18a2f}.btn-secondary--klaar{color:var(--color-accent);border-color:var(--color-accent)}.btn-secondary--klaar:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent);background:#4baa7f14}.btn-secondary.is-active:disabled{background:var(--color-accent);color:#fff;border-color:var(--color-accent);opacity:1}.wizard-nav{justify-content:space-between;display:flex}.totals-bar{background:var(--color-balk);color:var(--color-op-donker);border-radius:8px;justify-content:space-between;gap:24px;padding:14px 28px;display:flex}.totals-bar-label{opacity:.7;white-space:nowrap;font-size:12px;display:block}.totals-bar-value{white-space:nowrap;font-size:20px;font-weight:700;display:block}.person-list{flex-direction:column;display:flex}.person-list--scrollable{max-height:300px;overflow-y:auto}.person-row{border-bottom:1px solid var(--color-border);align-items:center;gap:14px;padding:10px 4px;display:flex}.person-list--compact .person-row{padding-top:8px;padding-bottom:8px}.person-avatar{width:44px;height:44px;color:var(--color-primary);background:#e9edee;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.person-info{flex:1;min-width:0}.person-name{align-items:center;gap:8px;font-weight:700;display:flex}.person-subtitle{color:var(--color-text-muted);font-size:13px}.person-subtitle--email{font-size:12px;font-style:italic;font-weight:400}.role-badge{background:var(--color-bg);border:1px solid var(--color-border);border-radius:10px;padding:2px 8px;font-size:11px;font-weight:400;display:inline-block}.rollenlijst{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.rollenlijst-item{background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;align-items:center;gap:6px;padding:3px 6px 3px 10px;font-size:12px;display:inline-flex}.rollenlijst-weg{width:18px;height:18px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:14px;line-height:1;display:inline-flex}.rollenlijst-weg:hover{background:var(--color-border);color:var(--color-text)}.person-actions{flex-shrink:0;align-items:stretch;gap:8px;display:flex}.person-actions select,.person-actions button,.person-actions label{box-sizing:border-box;justify-content:center;align-items:center;min-width:110px;height:38px;padding:0 12px;font-size:14px;display:flex}.person-actions .btn-reorder{min-width:37px;padding:0 4px}.person-actions select{border:1px solid var(--color-border);border-radius:4px}.btn-danger{color:#c0392b;cursor:pointer;background:#fdecea;border:1px solid #f5c6cb;border-radius:4px;padding:6px 12px;font-size:13px}.btn-danger:hover{background:#f8d7da}.add-person-card{border:1px solid var(--color-border);background:var(--color-bg);border-radius:8px;flex-direction:column;gap:10px;max-width:450px;margin-top:16px;padding:16px;display:flex}.add-person-card--kaal{background:0 0;border:none;max-width:none;margin-top:0;padding:0}.add-person-card input,.add-person-card select{border:1px solid var(--color-border);border-radius:4px;padding:8px}.add-person-card .form-row{grid-template-columns:120px 1fr;align-items:center;gap:12px;display:grid}.add-person-card .form-row label{font-size:14px;font-weight:700}.settings-form{flex-direction:column;gap:4px;padding-left:16px;display:flex}.settings-form-row{border-bottom:1px solid var(--color-border);grid-template-columns:minmax(220px,340px) 1fr;align-items:center;gap:16px;padding:7px 0;display:grid}.settings-form-row label{font-size:14px;font-weight:700}.settings-form-row input,.settings-form-row select{border:1px solid var(--color-border);border-radius:4px;width:100%;padding:8px}.settings-form-row .settings-form-input-suffix{align-items:center;gap:8px;max-width:160px;display:flex}.settings-form-row .settings-form-input-suffix input{width:100%;min-width:0}.settings-form-row .settings-form-input-suffix span{color:var(--color-text-muted);flex-shrink:0}.settings-form-grid-2col{grid-template-columns:1fr 1fr;gap:0 32px;padding-left:16px;padding-right:16px;display:grid}.settings-form-grid-2col .settings-form-row{grid-template-columns:max-content 1fr}tfoot.add-row-footer{position:sticky;bottom:0}tfoot.add-row-footer td{border-top:2px solid var(--color-border);background:#fff;padding:8px 6px}tfoot.add-row-footer input,tfoot.add-row-footer select{box-sizing:border-box;border:1px solid var(--color-border);border-radius:4px;width:100%;height:38px;padding:0 10px;transition:border-color .15s ease-out}tfoot.add-row-footer input:hover,tfoot.add-row-footer select:hover{border-color:var(--color-accent)}tfoot.add-row-footer .btn-primary{box-sizing:border-box;min-width:160px;height:38px}.permissions-grid{width:100%}.permissions-grid th,.permissions-grid td{padding:6px 8px}.stat-card-grid{flex-wrap:wrap;gap:12px;display:flex}.stat-card{border:1px solid var(--color-border);border-left:4px solid var(--color-accent);background:var(--color-bg);min-width:160px;color:inherit;border-radius:8px;flex:160px;padding:16px;text-decoration:none;transition:box-shadow .15s ease-out,transform .15s ease-out,background .15s ease-out;display:block}a.stat-card:hover{background:#fff;transform:translateY(-2px);box-shadow:0 4px 14px #0000001a}.stat-card--blue{border-left-color:#2f6fd1}.stat-card--purple{border-left-color:#7a5fd1}.stat-card--amber{border-left-color:#d18a2f}.stat-card--teal{border-left-color:#1f8a8a}.calc-type-option{box-sizing:border-box;border:1px solid var(--color-border);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:12px;height:45px;padding:12px 14px;font-size:16px;transition:background .15s ease-out,border-color .15s ease-out;display:flex}.calc-type-option:hover{border-color:var(--color-accent);background:#4baa7f14}.calc-type-option.is-selected{background:var(--color-bg);border-color:var(--color-accent)}.stat-card-label{color:var(--color-text-muted);margin-bottom:4px;font-size:12px}.stat-card-value{font-size:24px;font-weight:700}.stat-card-trend{margin-top:4px;font-size:12px}.stat-card-trend--up{color:var(--color-accent)}.stat-card-trend--down{color:#c0392b}.type-button-grid{flex-wrap:wrap;gap:12px;display:flex}.type-button-grid .btn-secondary{text-align:center;flex:160px;min-width:160px;text-decoration:none}.chart-grid{flex-wrap:wrap;gap:16px;display:flex}.chart-card{border:1px solid var(--color-border);background:var(--color-bg);border-radius:8px;flex:300px;min-width:280px;padding:16px}.chart-card h3{font-size:13px}.pipeline-stage-summary{gap:8px;margin-top:12px;display:flex}.pipeline-stage-pill{border:1px solid var(--color-border);min-width:0;font:inherit;text-align:left;cursor:default;background:#fff;border-radius:6px;padding:0;overflow:hidden}.pipeline-stage-pill-bar{height:3px}.pipeline-stage-pill-body{white-space:nowrap;justify-content:space-between;align-items:center;gap:6px;padding:8px 10px;display:flex;overflow:hidden}.pipeline-stage-pill-name{text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.pipeline-stage-pill-count{color:var(--color-text-muted);background:var(--color-bg);border-radius:10px;flex-shrink:0;padding:1px 7px;font-size:12px}.pipeline-lane-header{color:#fff;text-shadow:0 1px 2px #00000040;cursor:pointer;text-align:left;border:none;border-radius:6px;align-items:center;gap:10px;width:100%;padding:6px 14px;font-size:13px;font-weight:700;display:flex}.pipeline-lane-header:hover{filter:brightness(1.06)}.pipeline-lane-collapsed-count{color:#fff;text-shadow:none;background:#ffffff47;border:none;border-radius:10px;margin-left:auto;padding:3px 10px;font-size:11px;font-weight:400}.pipeline-column-bar{border-radius:2px;height:4px;margin-bottom:8px}.pipeline-column-body{border-radius:4px;flex-direction:column;flex:1;gap:8px;min-height:60px;max-height:420px;padding:4px;transition:background .15s ease-out,outline-color .15s ease-out;display:flex;overflow-y:auto}@keyframes pipeline-card-drop-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.pipeline-card{border-top:3px solid;border-left:1px solid var(--color-border);border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);color:inherit;cursor:grab;background:#fff;border-radius:4px;padding:10px;text-decoration:none;transition:box-shadow .15s ease-out,transform .15s ease-out,background .15s ease-out;animation:.2s ease-out pipeline-card-drop-in;display:block}.pipeline-card:hover{background:#4baa7f0f;transform:translateY(-1px);box-shadow:0 4px 12px #0000001f}.pipeline-card-row{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.pipeline-card--compact{padding:6px}.pipeline-card--done{background:#f1f2f3}.pipeline-card--done:hover{background:#e8eaec}.pipeline-card--compact .pipeline-card-row--primary{overflow-wrap:anywhere;margin-bottom:0;font-size:11px;line-height:1.3}.pipeline-card-row>span:first-child{text-align:left}.pipeline-card-row>span:last-child{text-align:right}.pipeline-card-row--primary{margin-bottom:4px;font-size:13px;font-weight:400}.pipeline-card-initials{border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 4px;font-size:11px;font-weight:700;display:inline-flex}.pipeline-card-row--secondary{color:var(--color-text-muted);margin-bottom:6px;font-size:12px;font-weight:400}.assignment-mail-notice{background:#f1f8f4;border:1px solid #b6d9c5;border-left:3px solid #2f9e5e;border-radius:4px;align-items:baseline;gap:8px;margin-top:8px;padding:8px 12px;font-size:13px;display:flex}.assignment-mail-notice--warning{background:#fdf7ec;border-color:#e6cfa0 #e6cfa0 #e6cfa0 #d18a2f}.assignment-mail-notice-close{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;padding:0 4px;font-size:16px;line-height:1}.pipeline-card-row-end{align-items:baseline;gap:8px;min-width:0;display:flex}.pipeline-card-ticket{font-variant-numeric:tabular-nums;flex-shrink:0;font-weight:600}.pipeline-card-footer{color:var(--color-text-muted);font-size:11px}.side-panel-backdrop{z-index:10;background:#141d204d;position:fixed;inset:0}.side-panel{z-index:11;background:#fff;width:min(480px,100vw);height:100vh;padding:24px;position:fixed;top:0;right:0;overflow-y:auto;box-shadow:-4px 0 16px #0003}.side-panel-close{border:1px solid var(--color-border);cursor:pointer;background:#fff;border-radius:50%;width:32px;height:32px;font-size:16px;line-height:1;position:absolute;top:16px;right:16px}.side-panel-close:hover{background:var(--color-bg)}@keyframes modal-backdrop-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-dialog-scale-in{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-backdrop{z-index:10;background:#141d2066;justify-content:center;align-items:center;padding:24px;animation:.15s ease-out modal-backdrop-fade-in;display:flex;position:fixed;inset:0}.modal-dialog{background:#fff;border-radius:10px;width:94%;height:92%;padding:24px;animation:.18s ease-out modal-dialog-scale-in;position:relative;overflow-y:auto;box-shadow:0 12px 40px #0000004d}.modal-dialog--compact{width:min(520px,100%);height:auto;max-height:100%}.modal-title{border-bottom:1px solid var(--color-border);margin:0;padding-bottom:14px;font-size:18px}.modal-fields{flex-direction:column;gap:14px;padding:18px 0 4px;display:flex}.modal-fields>label{flex-direction:column;gap:6px;font-size:13px;font-weight:700;display:flex}.modal-fields input,.modal-fields select,.modal-fields textarea{width:100%;font-weight:400}.modal-form{flex-direction:column;height:100%;min-height:0;display:flex}.modal-body{flex:1;min-height:0;overflow-y:auto}.modal-footer{border-top:1px solid var(--color-border);flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;margin-top:12px;padding-top:12px;display:flex}.field-row{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.field-row label{font-size:13px;font-weight:700}.field-row input,.field-row select{border:1px solid var(--color-border);border-radius:4px;width:100%;padding:8px}.marge-erft{color:var(--color-text-muted)}.bom-kop{align-items:center;gap:8px;margin-top:20px;display:flex}.bom-kop h3{flex:1;margin:0}input.bom-veld,select.bom-veld{border:1px solid var(--color-border);border-radius:4px;width:100%;height:32px;padding:0 6px}.option-qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.option-qty-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.option-qty-input{-moz-appearance:textfield}.job-materials-table th,.job-materials-table td{padding:4px 8px;font-size:13px}.job-materials-table select,.job-materials-table input[type=text]{border:1px solid var(--color-border);border-radius:4px;width:100%;height:26px;padding:0 6px;font-size:13px}.job-materials-table input[type=checkbox]{width:15px;height:15px}.print-only-section{display:none}.catalog-freshness{color:#6b7280;margin:.25rem 0 0;font-size:.85rem}.catalog-freshness[data-level=aging]{color:#b45309}.catalog-freshness[data-level=stale],.catalog-freshness[data-level=unknown]{color:#dc143c;font-weight:600}@media print{html,body{height:auto!important;overflow:visible!important}body *{visibility:hidden}.print-document,.print-document *{visibility:visible;-webkit-print-color-adjust:exact;print-color-adjust:exact}.print-modal-controls{display:none}.print-modal-backdrop{background:0 0;padding:0;display:block;position:static}.print-modal-dialog{width:auto;max-width:none;height:auto;box-shadow:none;padding:0;position:static;overflow:visible}.print-document{box-sizing:border-box;width:100%;padding:15mm;position:absolute;top:0;left:0}.print-only-section{display:block}@page{margin:0}}.home-blocks{gap:20px;margin-bottom:28px;display:grid}.home-block h2{margin:0 0 8px;font-size:16px}.home-block-items{gap:4px;margin:0;padding:0;list-style:none;display:grid}.home-block-items li{border-left:3px solid var(--color-border,#e0e0e0);background:var(--color-surface,#fafafa);padding:6px 10px}.home-blocks-leeg{color:var(--color-text-muted);margin:0 0 24px}.inspection-workspace{grid-template-columns:minmax(200px,280px) minmax(0,1fr);align-items:start;gap:20px;display:grid}@media (width<=900px){.inspection-workspace{grid-template-columns:minmax(0,1fr)}.inspection-workspace>nav{order:2}}.demobalk{color:#8a5a12;text-align:center;background:#fdf7ec;border-bottom:1px solid #e6cfa0;flex:none;padding:6px 24px;font-size:13px}.demobalk code{background:#0000000f;border-radius:3px;padding:0 4px}.dialoog{z-index:60;background:var(--color-surface,#fff);width:min(520px,100vw - 32px);max-height:calc(100vh - 64px);color:var(--color-text,#141d20);border:none;border-radius:10px;margin:auto;padding:0;position:fixed;inset:0;box-shadow:0 10px 40px #00000040}.dialoog:not([open]){display:none}.venster-kopvelden{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px 20px;margin-bottom:14px;display:grid}.venster-kopvelden>label{flex-direction:column;gap:4px;min-width:0;font-size:13px;display:flex}.venster-kopvelden input,.venster-kopvelden select{width:100%}.venster-tabel td,.venster-tabel th{vertical-align:middle;height:36px;padding:2px 8px}.venster-tabel td:not(:nth-child(2)),.venster-tabel th:not(:nth-child(2)){text-align:center}.venster-tabel tbody td.venster-tabel-acties{text-align:left;white-space:nowrap}.venster-tabel select,.venster-tabel input[type=text],.venster-tabel input[type=number]{height:30px;padding:0 6px;font-size:13px}.venster-tabel th:first-child{width:40px}.venster-tabel th:nth-child(2){text-align:left;width:30%}.venster-tabel--gecentreerd{table-layout:fixed}.venster-tabel.venster-tabel--gecentreerd th,.venster-tabel.venster-tabel--gecentreerd td{text-align:center;vertical-align:middle;width:auto}.venster-tabel.venster-tabel--gecentreerd select,.venster-tabel.venster-tabel--gecentreerd input[type=number]{box-sizing:border-box;width:100%;max-width:200px}.venster-tabel-keuze{text-align:left;cursor:pointer;align-items:center;gap:8px;width:100%;max-width:200px;display:inline-flex}.dialoog--breed{width:min(1080px,100vw - 32px)}.dialoog--vol{width:calc(100vw - 64px)}.dialoog--vol .dialoog-inhoud{height:calc(100vh - 64px)}.dialoog--vol .dialoog-form{flex:1;min-height:0}.dialoog--vol .dialoog-body{flex:1}.dialoog::backdrop{background:#00000059}.dialoog-inhoud{flex-direction:column;max-height:calc(100vh - 64px);display:flex}.dialoog-form{flex-direction:column;min-height:0;display:flex}.dialoog-kop{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.dialoog-kop h2{margin:0;font-size:16px;font-weight:600}.dialoog-sluiten{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;padding:0 4px;font-size:22px;line-height:1}.dialoog-sluiten:hover{color:var(--color-text,#141d20)}.dialoog-body{min-height:0;padding:16px 18px;overflow-y:auto}.dialoog-body>.fiche-raster{margin:0}.dialoog .dialoog-body .fiche-raster{grid-template-columns:minmax(110px,180px) minmax(0,1fr)}.dialoog--breed .dialoog-body .fiche-raster{grid-template-columns:fit-content(170px) minmax(0,1fr) fit-content(170px) minmax(0,1fr)}.dialoog--vol .dialoog-body .fiche-raster{grid-template-columns:240px minmax(0,1fr) 240px minmax(0,1fr)}.dialoog-body .gegevenstabel thead th,.dialoog-body .mod-tabel thead th{z-index:2;background:#fff;position:sticky;top:0}.dialoog-body .tabbalk{margin-left:-18px;margin-right:-18px;padding-left:18px;padding-right:18px}.dialoog-voet{border-top:1px solid var(--color-border);justify-content:flex-end;gap:8px;padding:12px 18px;display:flex}.dialoog-voettekst{align-items:center;gap:6px;margin-right:8px;display:flex}.section-title-acties{align-items:center;gap:8px;display:flex}.fiche-tekstvakken{flex-direction:column;gap:12px;margin-top:12px;display:flex}.fiche-tekstvak{flex-direction:column;gap:4px;display:flex}.fiche-tekstvak>textarea{resize:vertical;width:100%}.fiche-ondertekening{border:1px solid var(--color-border);border-radius:8px;margin:20px 0 0;padding:12px 14px}.fiche-ondertekening>legend{color:var(--color-text-muted);padding:0 6px;font-size:13px;font-weight:600}.fiche-ondertekening-keuze{flex-wrap:wrap;gap:8px 24px;margin-bottom:12px;display:flex}.fiche-ondertekening-keuze>label{white-space:nowrap;align-items:center;gap:6px;display:flex}.fiche-raster--met-actie{grid-template-columns:240px minmax(0,1fr) 240px minmax(0,1fr) 150px}.fiche-raster--met-actie>button{width:100%}.fiche-actie-vinkje{white-space:nowrap;color:var(--color-text-muted);cursor:pointer;align-items:center;gap:6px;font-size:13px;display:flex}.fiche-vinkjelabel{cursor:pointer;align-items:center;gap:8px;display:flex}.fiche-groepskop{grid-column:1/5;align-self:end;margin:14px 0 0;font-size:15px;font-weight:600}.handtekening-rij{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.handtekening-vlak,.handtekening-bewaard>img{border:1px solid var(--color-border);background:#fff;border-radius:4px;width:100%;max-width:420px;display:block}.handtekening-vlak{touch-action:none;cursor:crosshair}.handtekening-bewaard{margin:0}.handtekening-bewaard>figcaption{color:var(--color-text-muted);margin-top:6px;font-size:13px}.fiche-naamrij{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.fiche-pen{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:17px;line-height:1}.fiche-pen:hover,.fiche-pen:focus-visible{color:var(--color-text,#141d20);background:var(--color-bg)}.fiche-naamveld{flex:260px;max-width:420px;height:34px;font-size:18px;font-weight:600}.kledij-ontvangst{margin-top:2px;display:block}.handtekening-opladen{cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.permissions-grid{table-layout:fixed;min-width:640px}.permissions-grid th:first-child,.permissions-grid td:first-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.permissions-grid th:not(:first-child),.permissions-grid td:not(:first-child){text-align:center;width:110px}.permissions-grid .recht-uit-rol,.permissions-grid .recht-uitgezet{border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;padding:2px 6px;display:inline-flex}.permissions-grid .recht-uitgezet{background:#fdf7ec;border-color:#d18a2f}.permissions-grid .recht-uitgezet:after{content:"";background:#d18a2f;border-radius:50%;width:6px;height:6px;margin-left:4px}.add-person-card--breed{max-width:none}.huisstijl-indeling{flex-wrap:wrap;align-items:flex-start;gap:24px;display:flex}.huisstijl-velden{flex:420px;grid-template-columns:240px minmax(0,1fr);min-width:0}.huisstijl-oplader,.huisstijl-kleurveld{align-items:center;gap:8px;min-width:0;display:flex}.huisstijl-kleurveld>input[type=color]{border:1px solid var(--color-border);cursor:pointer;background:#fff;border-radius:4px;flex:none;width:48px;height:32px;padding:2px}.huisstijl-kleurveld>.huisstijl-hexcode{border:1px solid var(--color-border);width:9ch;height:28px;color:var(--color-text-muted);border-radius:4px;flex:none;padding:0 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px}.huisstijl-kleurveld>.huisstijl-hexcode:focus{border-color:var(--color-accent);color:var(--color-primary);outline:none}.huisstijl-kleurveld>.huisstijl-hexcode[aria-invalid=true]{color:#dc143c;border-color:#dc143c}.huisstijl-kleurveld>.huisstijl-herstel{border:1px solid var(--color-border);width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;background:#fff;border-radius:4px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.huisstijl-kleurveld>.huisstijl-herstel:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-primary)}.huisstijl-kleurveld>.huisstijl-herstel:disabled{opacity:.4;cursor:default}.huisstijl-voorbeeld-omhulsel{flex:360px;min-width:320px;margin:0}.huisstijl-voorbeeld-omhulsel>figcaption{margin-bottom:6px;font-size:13px;font-weight:600}.huisstijl-voorbeeld{border:1px solid var(--color-border);background-image:url(/assets/Background-BkJMQbLz.png);background-position:50%;background-size:cover;border-radius:6px;padding:10px;position:relative;overflow:hidden}.huisstijl-voorbeeld-sluier{background:#141d2073;position:absolute;inset:0}.huisstijl-voorbeeld>:not(.huisstijl-voorbeeld-sluier){position:relative}.huisstijl-voorbeeld-balk{align-items:center;gap:8px;padding:6px 8px 10px;font-size:11px;display:flex}.huisstijl-voorbeeld-merk{font-size:13px;font-weight:700}.huisstijl-voorbeeld-tab{border-radius:3px;padding:3px 8px;font-weight:600}.huisstijl-voorbeeld-kaart{background:#fff;border-radius:6px;padding:10px 12px;font-size:11px}.huisstijl-voorbeeld-titel{font-size:13px;font-weight:700}.huisstijl-voorbeeld-stil{margin-top:2px}.huisstijl-voorbeeld-rijen{border:1px solid var(--color-border);border-radius:4px;margin:8px 0;overflow:hidden}.huisstijl-voorbeeld-rij{padding:5px 8px}.huisstijl-voorbeeld-rij+.huisstijl-voorbeeld-rij{border-top:1px solid var(--color-border)}.huisstijl-voorbeeld-knop{border:1px solid #0000;border-radius:4px;padding:5px 12px;font-size:11px;display:inline-block}.huisstijl-logoblok{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.huisstijl-logovak{border:1px solid var(--color-border);background-color:#fff;background-image:linear-gradient(45deg,#eee 25%,#0000 25%),linear-gradient(-45deg,#eee 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#eee 75%),linear-gradient(-45deg,#0000 75%,#eee 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;border-radius:4px;justify-content:center;align-items:center;width:240px;height:120px;display:flex}.huisstijl-logovak>img{max-width:100%;max-height:100%}.huisstijl-logoleeg{color:var(--color-text-muted);font-size:13px}.volgorde-keuze{width:64px}.volgorde-keuze--dubbel{color:#c0392b;border-color:#c0392b;font-weight:600}.volgorde-melding{color:#c0392b;background:#fdf1f0;border:1px solid #e8b4ae;border-left:3px solid #c0392b;border-radius:4px;margin-bottom:8px;padding:8px 12px;font-size:13px}.volgorde-melding ul{margin:4px 0 0;padding-left:18px}#app-shell.is-gsm{height:100dvh}#app-shell.is-gsm>.gsm-balk{z-index:2}.gsm-balk{min-height:52px;padding:max(6px, env(safe-area-inset-top)) 12px 6px max(6px, env(safe-area-inset-left));color:var(--color-op-donker);border-bottom:1px solid #ffffff26;align-items:center;gap:10px;display:flex}.gsm-balk .topbar-brand{font-size:18px}.gsm-menuknop{width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.gsm-menuknop:active{background:#ffffff1f}.gsm-balk-module{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--color-accent);margin-left:auto;font-size:14px;font-weight:600;overflow:hidden}#app-shell.is-gsm .app-main{padding:0 6px max(6px, env(safe-area-inset-bottom))}#app-shell.is-gsm .content-card{border-radius:8px;padding:12px}.gsm-lade{background:var(--color-primary);width:min(320px,86vw);max-width:none;height:100dvh;max-height:none;color:var(--color-op-donker);border:0;margin:0;padding:0;position:fixed;inset:0 auto 0 0;box-shadow:8px 0 32px #00000059}.gsm-lade:not([open]){display:none}.gsm-lade::backdrop{background:#00000073}.gsm-lade-inhoud{min-height:100%;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);flex-direction:column;display:flex}.gsm-lade{overscroll-behavior:contain;overflow-y:auto}.gsm-lade-kop{border-bottom:1px solid #ffffff26;justify-content:space-between;align-items:center;padding:6px 8px 6px 20px;display:flex}.gsm-lade-sluiten{color:#ffffffd9;cursor:pointer;background:0 0;border:0;width:44px;height:44px;font-size:28px;line-height:1}.gsm-lade .topbar-entiteit{padding:12px 16px 4px;display:block}.gsm-lade .topbar-entiteit select{width:100%;max-width:none;height:44px;font-size:16px}.gsm-lade .sidebar,.gsm-lade .sidebar.is-standaard{flex:none;width:auto;padding:8px 8px 4px;transition:none}.gsm-lade .sidebar-toggle,.gsm-lade .sidebar-foot{display:none}.gsm-lade .sidebar-head{margin-bottom:0}.gsm-lade .sidebar-module{color:var(--color-accent);text-transform:uppercase;letter-spacing:.04em;padding:8px 12px 4px;font-size:13px}.gsm-lade .sidebar-nav{flex:none;overflow:visible}.gsm-lade .sidebar-nav-link{padding:12px;font-size:16px}.gsm-lade-kopje{color:var(--color-accent);text-transform:uppercase;letter-spacing:.04em;margin:0;padding:8px 12px 4px;font-size:13px;font-weight:700}.gsm-modules{border-top:1px solid #ffffff26;flex-direction:column;gap:2px;padding:8px 8px 12px;display:flex}.gsm-module{color:#ffffffeb;border-radius:4px;padding:12px;font-size:16px;font-weight:600;text-decoration:none;display:block}.gsm-module:active{background:#ffffff1a}.gsm-module.is-active{background:var(--color-accent);color:var(--color-op-donker)}.gsm-groep-naam{color:#fff9;margin:0;padding:12px 12px 2px;font-size:14px;font-weight:600}.gsm-groep ul{margin:0;padding:0;list-style:none}.gsm-module--in-groep{padding-left:28px}.gsm-lade-voet{border-top:1px solid #ffffff26;align-items:center;gap:8px;margin-top:auto;padding:12px 16px;display:flex}.gsm-account{min-width:0;min-height:44px;color:var(--color-op-donker);text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:0;flex:1;padding:0;font-family:inherit;font-size:15px;font-weight:700;overflow:hidden}.gsm-lade-voet .sidebar-icon-btn{width:44px;height:44px}#app-shell.is-gsm input:not([type=checkbox],[type=radio],[type=range]),#app-shell.is-gsm select,#app-shell.is-gsm textarea{font-size:16px}#app-shell.is-gsm .fiche-raster,#app-shell.is-gsm .dialoog .dialoog-body .fiche-raster{grid-template-columns:minmax(0,1fr);gap:2px 0}#app-shell.is-gsm .fiche-raster>label,#app-shell.is-gsm .fiche-raster>span:not(.veld-met-hulp){margin-top:8px}#app-shell.is-gsm .toolbar-row{flex-wrap:wrap}#app-shell.is-gsm .toolbar-search{flex:100%;width:auto;margin-left:0}#app-shell.is-gsm .dialoog,#app-shell.is-gsm .dialoog--breed,#app-shell.is-gsm .dialoog--vol,#app-shell.is-gsm .account-dialoog{border-radius:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh}#app-shell.is-gsm .dialoog .dialoog-inhoud{height:100dvh;max-height:100dvh}#app-shell.is-gsm .dialoog .dialoog-form{flex:1;min-height:0}#app-shell.is-gsm .dialoog .dialoog-body{flex:1;padding:12px}#app-shell.is-gsm .dialoog .dialoog-body .tabbalk{margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px}#app-shell.is-gsm .dialoog-kop{padding:max(10px, env(safe-area-inset-top)) 12px 10px}#app-shell.is-gsm .dialoog-voet{padding:10px 12px max(10px, env(safe-area-inset-bottom));flex-wrap:wrap}#app-shell.is-gsm .dialoog-voettekst{flex:100%;margin-right:0}.gegevenskaarten{flex-direction:column;gap:8px;display:flex}.gegevenskaarten-sortering{align-items:center;gap:8px;display:flex}.gegevenskaarten-sortering label{min-width:0;color:var(--color-text-muted);flex:1;align-items:center;gap:8px;font-size:14px;display:flex}.gegevenskaarten-sortering select{flex:1;min-width:0;height:40px}.gegevenskaarten-richting{border:1px solid var(--color-border);cursor:pointer;background:#fff;border-radius:4px;width:40px;height:40px}.gegevenskaarten-lijst{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.gegevenskaart{border:1px solid var(--color-border);background:#fff;border-radius:8px;padding:10px 12px}.gegevenskaart--klikbaar{cursor:pointer}.gegevenskaart--klikbaar:active{background:var(--color-bg)}.gegevenskaart--klikbaar:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.gegevenskaart--invoer,.gegevenskaart--voet{background:var(--color-bg)}.gegevenskaart--voet{font-weight:600}.gegevenskaart-titel{overflow-wrap:anywhere;margin-bottom:4px;font-size:15px;font-weight:600}.gegevenskaart-veld{justify-content:space-between;align-items:baseline;gap:12px;padding:3px 0;font-size:14px;display:flex}.gegevenskaart-naam{max-width:45%;color:var(--color-text-muted);flex:none}.gegevenskaart-waarde{text-align:right;overflow-wrap:anywhere;min-width:0}.gegevenskaart--invoer .gegevenskaart-veld{flex-direction:column;align-items:stretch;gap:2px}.gegevenskaart--invoer .gegevenskaart-naam{max-width:none}.gegevenskaart--invoer .gegevenskaart-waarde{text-align:left}.gegevenskaart--invoer input,.gegevenskaart--invoer select,.gegevenskaart-na table{width:100%}#app-shell.is-gsm .page-title-row{flex-wrap:wrap}#app-shell.is-gsm .page-title-actions{flex-wrap:wrap;flex-shrink:1;min-width:0}#app-shell.is-gsm .tabbalk{gap:16px;margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px}#app-shell.is-gsm .page-scroll-area .tabbalk{margin-left:0;margin-right:0;padding-left:0;padding-right:0}#app-shell.is-gsm .toolbar-veld{flex:100%;min-width:0}#app-shell.is-gsm .toolbar-veld>select,#app-shell.is-gsm .toolbar-veld>input{flex:1;width:auto;min-width:0}#app-shell.is-gsm .kolomkiezer-paneel{min-width:0;max-height:70dvh;position:fixed;top:64px;left:12px;right:12px}#app-shell.is-gsm .stat-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}#app-shell.is-gsm .stat-card{min-width:0;padding:10px 12px}#app-shell.is-gsm .stat-card-value{font-size:20px}#app-shell.is-gsm .job-materials-table{max-width:100%;display:block;overflow-x:auto}