:root{--kleur-primair:#2e56a3;--kleur-primair-donker:#24468a;--kleur-primair-zacht:#edf2fa;--kleur-primair-lijn:#cdd9ee;--kleur-accent:#43ab34;--kleur-accent-donker:#2e7a23;--kleur-accent-zacht:#edf7eb;--kleur-accent-lijn:#c4e6bc;--kleur-accent-lijn-zacht:#bfe3b8;--kleur-inkt:#1e293b;--kleur-inkt-zacht:#64748b;--kleur-lijn:#e2e8f0;--kleur-lijn-donker:#cbd5e1;--kleur-vlak:#f8fafc;--kleur-wit:#fff;--kleur-gevaar:#b91c1c;--kleur-gevaar-zacht:#fdf1f1;--kleur-gevaar-lijn:#f0c9c9;--kleur-gevaar-lijn-zacht:#ecc8c8;--kleur-waarschuwing:#a94e08;--kleur-waarschuwing-zacht:#fef3e2;--kleur-waarschuwing-lijn:#f0d9b5;--kleur-placeholder:#64748b;--kleur-zebra:#fbfcfe;--schaduw-kaart:0 1px 2px #1e293b0d;--schaduw-zweef:0 4px 14px #1e293b1f;--radius:10px;--radius-klein:7px;--accent:var(--kleur-primair);--accent-donker:var(--kleur-primair-donker);--inkt:var(--kleur-inkt);--inkt-zacht:var(--kleur-inkt-zacht);--lijn:var(--kleur-lijn);--vlak:var(--kleur-vlak);--wit:var(--kleur-wit);--gevaar:var(--kleur-gevaar);--ok:var(--kleur-accent-donker)}*{box-sizing:border-box}body{color:var(--kleur-inkt);background:var(--kleur-vlak);-webkit-font-smoothing:antialiased;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:15px;line-height:1.55}h1{letter-spacing:-.01em;margin:0 0 1.25rem;font-size:1.45rem;font-weight:700}h2{margin:2.25rem 0 .75rem;font-size:1.15rem;font-weight:650}h3{margin:0 0 .75rem;font-size:1rem;font-weight:650}a{color:var(--kleur-primair);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible{outline:2px solid var(--kleur-primair);outline-offset:2px;border-radius:2px}.knop,.knop-secundair{font:inherit;border-radius:var(--radius-klein);border:1px solid var(--kleur-lijn);background:var(--kleur-wit);color:var(--kleur-inkt);cursor:pointer;justify-content:center;align-items:center;gap:.45rem;padding:.45rem 1rem;font-weight:500;line-height:1.4;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.knop:hover{background:var(--kleur-vlak);border-color:var(--kleur-lijn-donker);text-decoration:none}.knop:focus-visible,.knop-secundair:focus-visible{outline:2px solid var(--kleur-primair);outline-offset:2px}.knop:disabled,.knop-secundair:disabled{opacity:.55;cursor:default}.knop-primair{background:var(--kleur-primair);border-color:var(--kleur-primair);color:var(--kleur-wit)}.knop-primair:hover{background:var(--kleur-primair-donker);border-color:var(--kleur-primair-donker)}.knop-secundair{border-color:var(--kleur-primair);color:var(--kleur-primair)}.knop-secundair:hover{background:var(--kleur-primair-zacht);text-decoration:none}.knop-gevaar{color:var(--kleur-gevaar);border-color:var(--kleur-gevaar-lijn-zacht)}.knop-gevaar:hover{background:var(--kleur-gevaar-zacht);border-color:var(--kleur-gevaar)}.knop-stil{color:var(--kleur-inkt-zacht);background:0 0;border-color:#0000}.knop-stil:hover{background:var(--kleur-vlak);color:var(--kleur-inkt);border-color:#0000}.knop-klein{padding:.25rem .65rem;font-size:.85rem}.knop-breed{width:100%;padding:.6rem 1rem}.formulier{flex-direction:column;align-items:flex-start;gap:.9rem;display:flex}.veld{flex-direction:column;gap:.3rem;width:100%;display:flex}label{color:var(--kleur-inkt);font-size:.85rem;font-weight:600}input,select,textarea{font:inherit;border:1px solid var(--kleur-lijn);border-radius:var(--radius-klein);background:var(--kleur-wit);color:var(--kleur-inkt);max-width:24rem;padding:.45rem .65rem;transition:border-color .15s,box-shadow .15s}input::placeholder,textarea::placeholder{color:var(--kleur-placeholder)}input:hover,select:hover,textarea:hover{border-color:var(--kleur-lijn-donker)}input:focus,select:focus,textarea:focus{border-color:var(--kleur-primair);box-shadow:0 0 0 3px var(--kleur-primair-zacht);outline:none}.veld input,.veld select{width:100%;max-width:26rem}input[type=checkbox]{width:1.05rem;height:1.05rem;accent-color:var(--kleur-primair)}.tabel-wikkel{border-radius:var(--radius);margin:.75rem 0 1.25rem;overflow-x:auto}table{border-collapse:separate;border-spacing:0;background:var(--kleur-wit);border:1px solid var(--kleur-lijn);border-radius:var(--radius);width:100%;font-size:.92rem}th,td{text-align:left;border-bottom:1px solid var(--kleur-lijn);vertical-align:middle;padding:.6rem .85rem}th{background:var(--kleur-vlak);color:var(--kleur-inkt-zacht);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;font-size:.8rem;font-weight:600}thead th:first-child{border-top-left-radius:var(--radius)}thead th:last-child{border-top-right-radius:var(--radius)}tbody tr:nth-child(2n) td{background:var(--kleur-zebra)}tbody tr:hover td{background:var(--kleur-primair-zacht)}tbody tr:last-child td{border-bottom:none}tbody tr:last-child td:first-child{border-bottom-left-radius:var(--radius)}tbody tr:last-child td:last-child{border-bottom-right-radius:var(--radius)}.melding{border-radius:var(--radius-klein);color:var(--kleur-inkt-zacht);align-items:center;gap:.55rem;max-width:40rem;margin:.75rem 0;padding:.55rem .85rem;font-size:.92rem;display:flex}.melding-laden{background:var(--kleur-vlak);border:1px solid var(--kleur-lijn)}.melding-fout{background:var(--kleur-gevaar-zacht);border:1px solid var(--kleur-gevaar-lijn);color:var(--kleur-gevaar)}.melding-ok{background:var(--kleur-accent-zacht);border:1px solid var(--kleur-accent-lijn);color:var(--kleur-accent-donker)}.melding-leeg{background:var(--kleur-vlak);border:1px dashed var(--kleur-lijn-donker)}.spinner{border:2px solid var(--kleur-lijn);border-top-color:var(--kleur-primair);border-radius:50%;flex:none;width:1em;height:1em;animation:.8s linear infinite spinner-tol;display:inline-block}@keyframes spinner-tol{to{transform:rotate(360deg)}}.status-ok{color:var(--kleur-accent-donker);font-weight:600}.status-niet-ok{color:var(--kleur-gevaar);font-weight:600}.pagina{max-width:72rem;margin:0 auto;padding:1.75rem 1rem 3.5rem}.pagina:has(>.pagina-vol){max-width:none;padding:0}.kaart{background:var(--kleur-wit);border:1px solid var(--kleur-lijn);border-radius:var(--radius);box-shadow:var(--schaduw-kaart);padding:1.1rem 1.35rem}.kaart-raster{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.formulier-kaart{max-width:32rem;margin-top:1.5rem}.formulier-kaart h2,.formulier-kaart h3{margin-top:0}.statuskaart-kop{align-items:center;gap:.6rem;margin-bottom:.6rem;display:flex}.statuskaart-kop h3{margin:0}.statuskaart-icoon{border-radius:var(--radius-klein);background:var(--kleur-primair-zacht);width:2rem;height:2rem;color:var(--kleur-primair);flex:none;justify-content:center;align-items:center;display:inline-flex}.statuskaart-icoon svg{display:block}dl{margin:0}.status-regel{border-bottom:1px solid var(--kleur-vlak);justify-content:space-between;gap:1rem;padding:.3rem 0;font-size:.92rem;display:flex}.status-regel:last-child{border-bottom:none}.status-regel dt{color:var(--kleur-inkt-zacht)}.status-regel dd{font-variant-numeric:tabular-nums;text-align:right;overflow-wrap:anywhere;margin:0}.badge{background:var(--kleur-vlak);border:1px solid var(--kleur-lijn);color:var(--kleur-inkt-zacht);white-space:nowrap;border-radius:999px;align-items:center;gap:.4em;padding:.15rem .6rem;font-size:.78rem;font-weight:600;display:inline-flex}.badge-actief,.badge-open{background:var(--kleur-accent-zacht);border-color:var(--kleur-accent-lijn-zacht);color:var(--kleur-accent-donker)}.badge-actief:before,.badge-open:before{content:"";background:var(--kleur-accent);border-radius:50%;width:.45em;height:.45em}.chip{background:var(--kleur-primair-zacht);border:1px solid var(--kleur-primair-lijn);color:var(--kleur-primair);white-space:nowrap;border-radius:999px;align-items:center;padding:.15rem .6rem;font-size:.78rem;font-weight:500;display:inline-flex}.badge-error{background:var(--kleur-gevaar-zacht);border-color:var(--kleur-gevaar-lijn);color:var(--kleur-gevaar)}.badge-warning{background:var(--kleur-waarschuwing-zacht);border-color:var(--kleur-waarschuwing-lijn);color:var(--kleur-waarschuwing)}.badge-info{background:var(--kleur-primair-zacht);border-color:var(--kleur-primair-lijn);color:var(--kleur-primair)}.gedempt{color:var(--kleur-inkt-zacht)}.sentry-issues{margin:.75rem 0 0;padding:0;font-size:.92rem;list-style:none}.sentry-issues li{border-bottom:1px solid var(--kleur-lijn);overflow-wrap:anywhere;padding:.55rem 0}.sentry-issues li:first-child{padding-top:0}.sentry-issues li:last-child{border-bottom:none;padding-bottom:0}.lege-staat{text-align:center;background:var(--kleur-wit);border:1px dashed var(--kleur-lijn-donker);border-radius:var(--radius);flex-direction:column;align-items:center;gap:.85rem;margin:.75rem 0;padding:2.25rem 1.25rem;display:flex}.lege-staat p{max-width:28rem;color:var(--kleur-inkt-zacht);margin:0}.projecten-indeling{grid-template-columns:minmax(0,1fr) 21rem;align-items:start;gap:1.25rem;display:grid}.projecten-indeling .formulier-kaart{max-width:none;margin-top:0}.project-lijst{flex-direction:column;gap:.65rem;margin:.75rem 0 0;padding:0;list-style:none;display:flex}.project-kaart{background:var(--kleur-wit);border:1px solid var(--kleur-lijn);border-radius:var(--radius);box-shadow:var(--schaduw-kaart);color:var(--kleur-inkt);align-items:center;gap:.75rem;padding:.85rem 1.1rem;transition:border-color .15s,box-shadow .15s;display:flex}.project-kaart:hover{border-color:var(--kleur-primair);box-shadow:var(--schaduw-zweef);text-decoration:none}.project-kaart-naam{overflow-wrap:anywhere;flex:1;min-width:0;font-weight:600}.project-kaart-meta{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.45rem;display:flex}.project-kaart-pijl{color:var(--kleur-lijn-donker);font-size:1.3rem;line-height:1;transition:color .15s}.project-kaart:hover .project-kaart-pijl{color:var(--kleur-primair)}.kruimelpad{align-items:center;gap:.45rem;min-width:0;margin-bottom:.5rem;font-size:.88rem;display:flex}.kruimelpad-scheiding{color:var(--kleur-lijn-donker)}.tabs{border-bottom:1px solid var(--kleur-lijn);gap:.25rem;margin-bottom:1.5rem;display:flex;overflow-x:auto}.tabs a{color:var(--kleur-inkt-zacht);white-space:nowrap;border-top-left-radius:var(--radius-klein);border-top-right-radius:var(--radius-klein);border-bottom:2px solid #0000;margin-bottom:-1px;padding:.5rem .85rem;font-weight:500}.tabs a:hover{color:var(--kleur-inkt);background:var(--kleur-vlak);text-decoration:none}.tabs a.active{color:var(--kleur-primair);border-bottom-color:var(--kleur-primair);font-weight:600}.tabs-rij{align-items:center;gap:.6rem;margin-bottom:1.5rem;display:flex}.tabs-rij .tabs{flex:1;min-width:0;margin-bottom:0}.project-omschrijving{max-width:46rem;color:var(--kleur-inkt-zacht);white-space:pre-line;overflow-wrap:anywhere;margin:-.4rem 0 1rem}.knop-schakel{color:var(--kleur-primair);cursor:pointer;font:inherit;background:0 0;border:none;margin-left:.4rem;padding:0;font-size:.88rem}.knop-schakel:hover{text-decoration:underline}.project-kop-acties{gap:.4rem;margin-left:auto;display:flex}.project-bewerken{max-width:34rem;margin:0 0 1.25rem}.knoppenrij{gap:.5rem;display:flex}.chip-opdrachtgever{background:var(--kleur-vlak);border-color:var(--kleur-lijn-donker);color:var(--kleur-inkt-zacht);text-overflow:ellipsis;white-space:nowrap;max-width:14rem;overflow:hidden}.filterbalk{flex-wrap:wrap;align-items:center;gap:1rem;margin:.75rem 0 0;display:flex}.filterbalk select{max-width:16rem}.filter-schakel{color:var(--kleur-inkt-zacht);cursor:pointer;white-space:nowrap;align-items:center;gap:.45rem;font-size:.92rem;display:inline-flex}.inlog{background:radial-gradient(60rem 30rem at 85% -10%, var(--kleur-primair-zacht), transparent), var(--kleur-vlak);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.inlog-kaart{text-align:center;width:100%;max-width:26rem;padding:2.5rem 2.25rem 2.25rem}.inlog-logo{width:11rem;max-width:70%;height:auto;margin:0 auto 1.5rem;display:block}.inlog-kaart h1{margin-bottom:.5rem;font-size:1.2rem}.inlog-uitleg{color:var(--kleur-inkt-zacht);margin:0 0 1.5rem}@media (width<=56rem){.projecten-indeling{grid-template-columns:minmax(0,1fr)}}@media (width<=720px){.pagina{padding-top:1.25rem}.tabs{background:var(--kleur-vlak);border:1px solid var(--kleur-lijn);border-radius:var(--radius-klein);gap:.25rem;padding:.25rem}.tabs a{text-align:center;border-radius:calc(var(--radius-klein) - 2px);border-bottom:none;flex:1 0 auto;justify-content:center;margin-bottom:0;padding:.45rem .7rem}.tabs a.active{background:var(--kleur-wit);box-shadow:var(--schaduw-kaart)}.formulier-kaart{max-width:none}}.navbalk{background:var(--kleur-wit);border-bottom:1px solid var(--kleur-lijn);z-index:20;position:sticky;top:0}.navbalk-binnen{align-items:stretch;gap:1.5rem;max-width:72rem;min-height:3.4rem;margin:0 auto;padding:0 1rem;display:flex;position:relative}.merk{color:var(--kleur-inkt);align-items:center;gap:.6rem;display:flex}.merk:hover{text-decoration:none}.merk img{display:block}.merk-naam{letter-spacing:-.01em;white-space:nowrap;font-size:1.02rem;font-weight:700}.nav-toggle{align-self:center;padding:.35rem .5rem;display:none}.nav-links{flex:1;gap:.35rem;min-width:0;display:flex}.nav-links a{color:var(--kleur-inkt-zacht);border-top:2px solid #0000;border-bottom:2px solid #0000;align-items:center;padding:0 .65rem;font-weight:500;display:inline-flex}.nav-links a:hover{color:var(--kleur-inkt);text-decoration:none}.nav-links a.active{color:var(--kleur-primair);border-bottom-color:var(--kleur-primair)}.nav-gebruiker{align-items:center;margin-left:auto;display:flex;position:relative}.gebruiker-knop{font:inherit;border-radius:var(--radius-klein);color:var(--kleur-inkt-zacht);cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:.5rem;max-width:100%;padding:.3rem .55rem;display:inline-flex}.gebruiker-knop:hover,.gebruiker-knop[aria-expanded=true]{background:var(--kleur-vlak);color:var(--kleur-inkt)}.gebruiker-knop:focus-visible{outline:2px solid var(--kleur-primair);outline-offset:2px}.avatar{background:var(--kleur-primair-zacht);width:1.75rem;height:1.75rem;color:var(--kleur-primair);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:inline-flex}.nav-email{text-overflow:ellipsis;white-space:nowrap;max-width:16rem;font-size:.88rem;overflow:hidden}.gebruiker-pijl{flex:none;font-size:.65rem;transition:transform .15s}.gebruiker-knop[aria-expanded=true] .gebruiker-pijl{transform:rotate(180deg)}.gebruiker-menu{background:var(--kleur-wit);border:1px solid var(--kleur-lijn);border-radius:var(--radius);min-width:15rem;max-width:20rem;box-shadow:var(--schaduw-zweef);z-index:30;padding:.85rem;position:absolute;top:calc(100% + .45rem);right:0}.gebruiker-menu-kop{flex-direction:column;gap:.1rem;margin:0 0 .75rem;display:flex}.gebruiker-menu-label{text-transform:uppercase;letter-spacing:.05em;color:var(--kleur-inkt-zacht);font-size:.72rem;font-weight:600}.gebruiker-menu-email{overflow-wrap:anywhere;font-size:.9rem;font-weight:600}.nieuw-venster-knop{font:inherit;border-radius:var(--radius-klein);color:var(--kleur-inkt-zacht);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:.2rem .45rem;line-height:1;display:inline-flex}.nieuw-venster-knop:hover{background:var(--kleur-vlak);color:var(--kleur-inkt)}.nieuw-venster-knop:focus-visible{outline:2px solid var(--kleur-primair);outline-offset:2px}@media (width<=720px){.navbalk{z-index:600}.navbalk-binnen{gap:.5rem}.nav-toggle{right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));background:var(--kleur-wit);border:1px solid var(--kleur-lijn);width:48px;height:48px;box-shadow:var(--schaduw-zweef);border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex;position:fixed}.nav-links{left:12px;right:12px;bottom:calc(68px + env(safe-area-inset-bottom,0px));background:var(--kleur-wit);border:1px solid var(--kleur-lijn);border-radius:var(--radius);box-shadow:var(--schaduw-zweef);flex-direction:column;gap:.15rem;padding:.5rem .75rem .75rem;display:none;position:fixed}.nav-links-open{display:flex}.nav-links a{border-radius:var(--radius-klein);border-top:none;border-bottom:none;border-left:3px solid #0000;padding:.6rem .75rem}.nav-links a.active{background:var(--kleur-primair-zacht);border-left-color:var(--kleur-primair)}.nav-email,.gebruiker-pijl{display:none}}@media (width<=420px){.merk-naam{font-size:15px}}.project-balk{background:var(--kleur-wit);border-bottom:1px solid var(--kleur-lijn);flex-wrap:wrap;align-items:center;gap:0 1.25rem;padding:0 1rem;display:flex}.project-balk-info{flex-wrap:wrap;align-items:center;gap:.55rem;min-width:0;padding:.5rem 0;display:flex}.project-balk-info .kruimelpad{margin-bottom:0}.project-balk-naam{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:1.02rem;font-weight:650;overflow:hidden}.project-balk .tabs-rij{align-self:stretch;margin:0 0 0 auto}.project-balk .tabs{border-bottom:none;align-self:stretch;margin:0 0 0 auto}.project-balk .tabs a{align-items:center;margin-bottom:0;display:inline-flex}.project-balk-extra{box-sizing:border-box;width:100%;max-width:72rem;margin:0 auto;padding:.85rem 1rem 0}.project-balk-extra .project-omschrijving{margin-top:0}.pagina-vol-inhoud{max-width:72rem;margin:0 auto;padding:1.75rem 1rem 3.5rem}.pagina-vol-inhoud-breed{max-width:none}body:has(.pagina-vol-scherm){height:100dvh;overflow:hidden}body:has(.pagina-vol-scherm) #root{flex-direction:column;height:100%;display:flex}body:has(.pagina-vol-scherm) .navbalk{flex:none}body:has(.pagina-vol-scherm) .pagina{flex-direction:column;flex:auto;width:100%;min-height:0;margin:0;display:flex}.pagina-vol-scherm{flex-direction:column;flex:auto;min-height:0;display:flex}.pagina-vol-scherm>.project-balk{flex:none}@media (width<=720px){.project-balk{row-gap:.35rem;padding:.35rem .75rem .55rem}.project-balk .tabs-rij{flex:100%;align-self:auto;margin-left:0}.project-balk .tabs{border-bottom:1px solid var(--kleur-lijn);flex:auto;align-self:auto;min-width:0;margin-left:0}.pagina-vol-inhoud{padding-top:1.25rem}}@media not print{html[data-thema=donker]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--kleur-primair:#8fb2ee;--kleur-primair-donker:#a5c2f2;--kleur-primair-zacht:#142f4d;--kleur-primair-lijn:#2c4d75;--kleur-accent:#4cc23a;--kleur-accent-donker:#6fd05c;--kleur-accent-zacht:#123322;--kleur-accent-lijn:#2a5c33;--kleur-accent-lijn-zacht:#275730;--kleur-inkt:#e6eef2;--kleur-inkt-zacht:#9db4c4;--kleur-lijn:#1f3a4d;--kleur-lijn-donker:#2c4d63;--kleur-vlak:#0b1220;--kleur-wit:#10263a;--kleur-placeholder:#7d95ab;--kleur-zebra:#0e2233;--kleur-gevaar:#ff9d9d;--kleur-gevaar-zacht:#391d24;--kleur-gevaar-lijn:#6b3440;--kleur-gevaar-lijn-zacht:#5f2f39;--kleur-waarschuwing:#eebd72;--kleur-waarschuwing-zacht:#33260e;--kleur-waarschuwing-lijn:#6b5426;--schaduw-kaart:0 1px 2px #00000059;--schaduw-zweef:0 4px 14px #00000080}}