:root{--ink:#102a2a;--tekst:#102a2a;--grijs:#60706d;--muted:#60706d;--brand:#167455;--groen:#167455;--brand2:#0f5b44;--line:#dce5df;--rand:#dce5df;--surface:#fff;--kaart:#fff;--bg:#f4f7f4;--soft:#eaf4ef}
*{box-sizing:border-box}body{max-width:1180px!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif!important;background:var(--bg)!important;color:var(--ink)!important;padding:0 28px 64px!important}
body:before{content:"";position:fixed;left:0;right:0;top:0;height:72px;background:#fff;border-bottom:1px solid var(--line);z-index:-1}
h1{font-size:2rem!important;color:var(--ink)!important;letter-spacing:-.04em;margin-top:112px!important}h2{color:var(--ink);letter-spacing:-.02em}
.sub{color:var(--muted)!important}.kaart{border:1px solid var(--line)!important;border-radius:14px!important;box-shadow:0 12px 35px rgba(16,42,42,.055);padding:24px!important;background:var(--surface)!important}
input,select{border-color:var(--line)!important;border-radius:9px!important;padding:.72rem .82rem!important;font-family:inherit!important}button{background:var(--brand)!important;border-radius:9px!important;font-family:inherit!important;font-weight:650!important}
button:hover{background:var(--brand2)!important}.link{background:transparent!important}.language-switch{position:absolute;right:28px;top:17px;display:flex;gap:5px;background:#f3f6f4;border:1px solid var(--line);padding:4px;border-radius:10px;z-index:20}
.language-switch button{margin:0!important;padding:6px 9px!important;background:transparent!important;color:var(--muted)!important;font-size:12px!important;line-height:1;border:1px solid transparent!important}.language-switch button.active{background:#fff!important;color:var(--ink)!important;border-color:var(--line)!important;box-shadow:0 2px 8px #0001}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:26px 0 18px}.step{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;display:flex;gap:12px;align-items:center}.step b{display:block;font-size:.88rem}.step span{display:block;color:var(--muted);font-size:.75rem}.step-number{width:30px;height:30px;border-radius:50%;background:var(--soft);color:var(--brand);display:grid;place-items:center;font-weight:800;flex:none}
.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.dashboard-grid>.kaart{margin-top:0}.dashboard-grid>.wide{grid-column:1/-1}.eyebrow{text-transform:uppercase;letter-spacing:.1em;color:var(--brand);font-size:.72rem;font-weight:800}
.dienstregel{justify-content:space-between;gap:18px}.dienstregel small{white-space:nowrap}.status-klaar{color:var(--brand);font-weight:750}
.beheer-tabs{display:flex;gap:8px;margin:28px 0 18px;border-bottom:1px solid var(--line)}.beheer-tabs button{margin:0!important;padding:14px 20px!important;background:transparent!important;color:var(--muted)!important;border-radius:10px 10px 0 0!important}.beheer-tabs button.actief{color:var(--brand)!important;background:#fff!important;border:1px solid var(--line)!important;border-bottom-color:#fff!important;margin-bottom:-1px!important}
.tab-pane{display:none}.tab-pane.actief{display:block}.tab-pane>.kaart{margin-top:0;margin-bottom:18px}.subtabs{display:flex;gap:8px;margin:20px 0}.subtabs button{margin:0!important;background:var(--soft)!important;color:var(--brand)!important}.subtabs button.actief{background:var(--brand)!important;color:#fff!important}
.rij input[type=checkbox]{appearance:none;width:44px!important;height:24px;border-radius:99px!important;background:#cdd8d2!important;border:0!important;position:relative;transition:.2s;flex:none}.rij input[type=checkbox]:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0003;transition:.2s}.rij input[type=checkbox]:checked{background:var(--brand)!important}.rij input[type=checkbox]:checked:before{transform:translateX(20px)}
.dienst-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}.dienst-card:last-child{border-bottom:0}.dienst-card h3{margin:3px 0;font-size:1rem}.dienst-card .datum{font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.actie-link{display:inline-flex;padding:9px 13px;border-radius:8px;background:var(--soft);color:var(--brand);font-weight:750;text-decoration:none;white-space:nowrap}.lege-staat{padding:42px 20px;text-align:center;border:1px dashed var(--line);border-radius:12px;background:#fbfcfb}.lege-staat b,.lege-staat span{display:block}.lege-staat span{color:var(--muted);font-size:.9rem;margin-top:6px}.secundair{background:transparent!important;color:var(--brand)!important;border:1px solid var(--line)!important}
@media(max-width:760px){body{padding:0 16px 40px!important}.steps,.dashboard-grid{grid-template-columns:1fr}.dashboard-grid>.wide{grid-column:auto}.language-switch{right:16px}h1{margin-top:94px!important}.beheer-tabs{overflow-x:auto}.beheer-tabs button{white-space:nowrap}.dienst-card{align-items:flex-start;flex-direction:column}.actie-link{width:100%;justify-content:center}}