@font-face{font-family:Bricolage Grotesque;src:url(/fonts/BricolageGrotesque-variable.woff2)format("woff2-variations");font-weight:200 800;font-stretch:100%;font-style:normal;font-display:swap}@font-face{font-family:Instrument Sans;src:url(/fonts/InstrumentSans-variable.woff2)format("woff2-variations");font-weight:400 700;font-stretch:100%;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/IBMPlexMono-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/IBMPlexMono-Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/IBMPlexMono-SemiBold.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}
:root{--zs-petrol:#114b5f;--zs-zeeglas:#7fc6bc;--zs-amber:#f2a541;--zs-petrol-50:#f4f7f9;--zs-petrol-100:#e8eef0;--zs-petrol-200:#d4dee3;--zs-petrol-300:#b9c9d0;--zs-petrol-400:#97aeb8;--zs-petrol-500:#73929f;--zs-petrol-600:#507686;--zs-petrol-700:#2d5c6f;--zs-petrol-800:#114b5f;--zs-petrol-900:#002d3f;--zs-petrol-950:#0a2e3b;--zs-zeeglas-50:#f0fbf9;--zs-zeeglas-100:#dcf3ef;--zs-zeeglas-200:#b1eae1;--zs-zeeglas-300:#94d4cb;--zs-zeeglas-400:#7fc6bc;--zs-zeeglas-500:#599a91;--zs-zeeglas-600:#407d75;--zs-zeeglas-700:#276059;--zs-zeeglas-800:#0d4741;--zs-zeeglas-900:#00302b;--zs-amber-50:#fff6e4;--zs-amber-100:#ffe3ab;--zs-amber-200:#ffd08e;--zs-amber-300:#f2a541;--zs-amber-400:#e19734;--zs-amber-500:#bf7b14;--zs-amber-600:#9e6000;--zs-amber-700:#7e4500;--zs-amber-800:#612e00;--zs-amber-900:#471800;--zs-grafiet:#16232a;--zs-steen:#5b7079;--zs-mist:#f4f7f7;--zs-wit:#fff;--zs-klaver:#2e7d5b;--zs-koraal:#c0453b;--zs-oker:#9e6000;--zs-bg:var(--zs-mist);--zs-surface:var(--zs-wit);--zs-surface-sunk:var(--zs-petrol-50);--zs-surface-invert:var(--zs-petrol);--zs-text:var(--zs-grafiet);--zs-text-muted:var(--zs-steen);--zs-text-invert:var(--zs-wit);--zs-text-brand:var(--zs-petrol);--zs-border:var(--zs-petrol-200);--zs-border-strong:var(--zs-petrol-300);--zs-accent:var(--zs-petrol);--zs-accent-hover:var(--zs-petrol-700);--zs-accent-contrast:var(--zs-wit);--zs-highlight:var(--zs-actie);--zs-highlight-contrast:var(--zs-actie-tekst);--zs-actie:var(--zs-amber);--zs-actie-tekst:var(--zs-petrol);--zs-markering:var(--zs-zeeglas);--zs-focus:var(--zs-actie);--zs-font-display:"Bricolage Grotesque", "Instrument Sans", system-ui, sans-serif;--zs-font-body:"Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--zs-font-mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--zs-text-2xs:.706rem;--zs-text-xs:.794rem;--zs-text-sm:.882rem;--zs-text-md:1rem;--zs-text-lg:clamp(1.06rem, .99rem + .35vw, 1.2rem);--zs-text-xl:clamp(1.24rem, 1.12rem + .6vw, 1.44rem);--zs-text-2xl:clamp(1.5rem, 1.3rem + 1vw, 1.73rem);--zs-text-3xl:clamp(1.8rem, 1.45rem + 1.75vw, 2.07rem);--zs-text-4xl:clamp(2.1rem, 1.55rem + 2.75vw, 2.49rem);--zs-text-5xl:clamp(2.5rem, 1.7rem + 4vw, 3.58rem);--zs-leading-tight:1.08;--zs-leading-snug:1.28;--zs-leading-body:1.62;--zs-track-display:-.022em;--zs-track-body:0em;--zs-track-mono:.02em;--zs-track-label:.12em;--zs-1:.25rem;--zs-2:.5rem;--zs-3:.75rem;--zs-4:1rem;--zs-5:1.5rem;--zs-6:2rem;--zs-7:3rem;--zs-8:4rem;--zs-9:6rem;--zs-10:8rem;--zs-r-sm:6px;--zs-r-md:10px;--zs-r-lg:16px;--zs-r-xl:24px;--zs-r-pill:999px;--zs-r-tile:22.46%;--zs-shadow-sm:0 1px 2px #0a2e3b0f, 0 1px 1px #0a2e3b0a;--zs-shadow-md:0 4px 12px #0a2e3b14, 0 1px 3px #0a2e3b0d;--zs-shadow-lg:0 16px 40px #0a2e3b1f, 0 2px 8px #0a2e3b0f;--zs-ease:cubic-bezier(.2,.7,.3,1);--zs-fast:.12s;--zs-base:.22s;--zs-slow:.42s;--zs-measure:68ch;--zs-container:1160px;--zs-gutter:clamp(1.25rem, 4vw, 3.5rem)}[data-theme=dark]{--zs-bg:var(--zs-petrol-950);--zs-surface:#0f3a49;--zs-surface-sunk:#072732;--zs-surface-invert:var(--zs-zeeglas-100);--zs-text:#e6f2f2;--zs-text-muted:#97aeb8;--zs-text-invert:var(--zs-petrol-950);--zs-text-brand:var(--zs-zeeglas);--zs-border:#7fc6bc33;--zs-border-strong:#7fc6bc5c;--zs-accent:var(--zs-zeeglas);--zs-accent-hover:var(--zs-zeeglas-300);--zs-accent-contrast:var(--zs-petrol-950);--zs-highlight:var(--zs-actie);--zs-highlight-contrast:var(--zs-actie-tekst);--zs-actie:var(--zs-amber);--zs-actie-tekst:var(--zs-petrol-950);--zs-markering:var(--zs-zeeglas);--zs-shadow-sm:0 1px 2px #0000004d;--zs-shadow-md:0 4px 14px #00000057;--zs-shadow-lg:0 18px 46px #00000070}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--zs-bg);color:var(--zs-text);font-family:var(--zs-font-body);font-size:var(--zs-text-md);line-height:var(--zs-leading-body);font-synthesis-weight:none;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}:where(a){color:var(--zs-text-brand);text-underline-offset:.18em}:where(:focus-visible){outline:2.5px solid var(--zs-focus);outline-offset:2px;border-radius:var(--zs-r-sm)}::selection{background:var(--zs-zeeglas-200);color:var(--zs-petrol-950)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.zs-display,:where(h1,h2,h3,h4).zs-h{font-family:var(--zs-font-display);font-weight:600;line-height:var(--zs-leading-tight);letter-spacing:var(--zs-track-display);text-wrap:balance;margin:0 0 var(--zs-4)}.zs-h1{font-size:var(--zs-text-5xl);font-variation-settings:"opsz" 96}.zs-h2{font-size:var(--zs-text-4xl);font-variation-settings:"opsz" 72}.zs-h3{font-size:var(--zs-text-2xl);font-variation-settings:"opsz" 40;letter-spacing:-.015em}.zs-h4{font-size:var(--zs-text-xl);font-variation-settings:"opsz" 24;letter-spacing:-.008em;font-weight:700}.zs-lead{font-size:var(--zs-text-lg);color:var(--zs-text-muted);max-width:54ch;line-height:1.5}.zs-prose{max-width:var(--zs-measure)}.zs-prose>*+*{margin-top:var(--zs-4)}.zs-mono{font-family:var(--zs-font-mono);font-size:var(--zs-text-xs);letter-spacing:var(--zs-track-mono);font-variant-numeric:tabular-nums}.zs-eyebrow{font-family:var(--zs-font-mono);font-weight:600;font-size:var(--zs-text-2xs);letter-spacing:var(--zs-track-label);text-transform:uppercase;color:var(--zs-text-muted);align-items:center;gap:var(--zs-3);margin:0 0 var(--zs-3);display:flex}.zs-eyebrow:after{content:"";border-radius:var(--zs-r-pill);background:var(--zs-markering);flex:none;width:34px;height:5px}.zs-num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.zs-stack{gap:var(--zs-2);--zs-bar-h:10px;flex-direction:column;display:flex}.zs-stack__row{gap:var(--zs-2);display:flex}.zs-stack__bar{height:var(--zs-bar-h);border-radius:var(--zs-r-pill);background:var(--zs-markering);transition:flex-grow var(--zs-slow) var(--zs-ease)}.zs-stack__bar--accent{background:var(--zs-markering)}.zs-stack__bar--base{background:var(--zs-petrol);height:calc(var(--zs-bar-h) * 1.25)}.zs-rule{border-radius:var(--zs-r-pill);background:var(--zs-markering);width:52px;height:5px;margin:var(--zs-6) 0;border:0}.zs-btn{--_bg:var(--zs-accent);--_fg:var(--zs-accent-contrast);justify-content:center;align-items:center;gap:var(--zs-2);border-radius:var(--zs-r-pill);background:var(--_bg);color:var(--_fg);font:inherit;font-weight:600;font-size:var(--zs-text-sm);letter-spacing:.005em;cursor:pointer;transition:background var(--zs-fast) var(--zs-ease), transform var(--zs-fast) var(--zs-ease), box-shadow var(--zs-fast) var(--zs-ease);border:1.5px solid #0000;padding:.72em 1.5em;line-height:1.2;text-decoration:none;display:inline-flex}@media (pointer:coarse){.zs-btn{min-height:44px;padding-inline:1.6em}.zs-input,.zs-select{min-height:44px}}.zs-btn:hover{background:var(--zs-accent-hover)}.zs-btn:active{transform:translateY(1px)}.zs-btn--secondary{--_bg:transparent;--_fg:var(--zs-text-brand);border-color:var(--zs-border-strong)}.zs-btn--secondary:hover{background:var(--zs-surface-sunk)}.zs-btn--highlight{--_bg:var(--zs-highlight);--_fg:var(--zs-highlight-contrast)}.zs-btn--highlight:hover{background:var(--zs-amber-200)}.zs-btn--ghost{--_bg:transparent;--_fg:var(--zs-text-brand)}.zs-btn--ghost:hover{background:var(--zs-surface-sunk)}.zs-btn[disabled],.zs-btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;transform:none}.zs-card{background:var(--zs-surface);border:1px solid var(--zs-border);border-radius:var(--zs-r-lg);padding:var(--zs-5);box-shadow:var(--zs-shadow-sm)}.zs-card--raised{box-shadow:var(--zs-shadow-md);border-color:#0000}.zs-card--product{padding-top:var(--zs-6);position:relative;overflow:hidden}.zs-card--product:before{content:"";top:var(--zs-4);left:var(--zs-5);border-radius:var(--zs-r-pill);background:var(--zs-markering);width:44px;height:6px;position:absolute}.zs-card--product[data-state=live]:before{background:var(--zs-markering);width:64px}.zs-panel{background:var(--zs-surface-invert);color:var(--zs-text-invert);border-radius:var(--zs-r-xl);padding:var(--zs-7)}.zs-badge{align-items:center;gap:var(--zs-2);border-radius:var(--zs-r-pill);background:var(--zs-zeeglas-100);color:var(--zs-zeeglas-800);font-family:var(--zs-font-mono);font-weight:500;font-size:var(--zs-text-2xs);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;padding:.32em .82em;display:inline-flex}.zs-badge--live{background:var(--zs-zeeglas-50);color:var(--zs-petrol)}.zs-badge--ok{color:var(--zs-klaver);background:#e4f2eb}.zs-badge--fout{color:var(--zs-koraal);background:#fbeae8}.zs-badge--rust{background:var(--zs-petrol-100);color:var(--zs-petrol-800)}.zs-field{gap:var(--zs-2);display:grid}.zs-label{font-size:var(--zs-text-sm);color:var(--zs-text);font-weight:600}.zs-input,.zs-select,.zs-textarea{width:100%;font:inherit;font-size:var(--zs-text-sm);color:var(--zs-text);background:var(--zs-surface);border:1.5px solid var(--zs-border-strong);border-radius:var(--zs-r-pill);transition:border-color var(--zs-fast) var(--zs-ease);padding:.7em 1em}.zs-textarea{border-radius:var(--zs-r-md);resize:vertical;min-height:7em}.zs-input:hover,.zs-select:hover,.zs-textarea:hover{border-color:var(--zs-petrol-500)}.zs-input::placeholder{color:var(--zs-text-muted)}.zs-help{font-size:var(--zs-text-xs);color:var(--zs-text-muted)}.zs-error{font-size:var(--zs-text-xs);color:var(--zs-koraal);font-weight:500}.zs-input[aria-invalid=true],.zs-select[aria-invalid=true],.zs-textarea[aria-invalid=true]{border-color:var(--zs-koraal)}.zs-input[disabled],.zs-select[disabled],.zs-textarea[disabled]{opacity:.45;cursor:not-allowed}.zs-container{width:min(100% - var(--zs-gutter) * 2, var(--zs-container));margin-inline:auto}.zs-section{padding-block:clamp(var(--zs-7), 8vw, var(--zs-9))}.zs-grid{gap:var(--zs-5);display:grid}@media (min-width:720px){.zs-grid--2{grid-template-columns:repeat(2,1fr)}}@media (min-width:960px){.zs-grid--3{grid-template-columns:repeat(3,1fr)}}.zs-cluster{gap:var(--zs-3);flex-wrap:wrap;align-items:center;display:flex}.zs-visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
:root{--zs-text:var(--zs-petrol-950);--zs-focus:var(--zs-petrol);--app-r-kaart:20px;--app-sidebar:var(--zs-petrol-950);--app-sidebar-tekst:var(--zs-petrol-100);--app-sidebar-gedempt:var(--zs-petrol-400);--app-sidebar-hover:color-mix(in srgb, var(--zs-zeeglas) 14%, transparent);--app-sidebar-lijn:color-mix(in srgb, var(--zs-zeeglas) 28%, transparent);--app-fout-zacht:color-mix(in srgb, var(--zs-koraal) 11%, var(--zs-wit));--app-ok-zacht:color-mix(in srgb, var(--zs-klaver) 12%, var(--zs-wit))}html,body{padding:0}h1,h2,h3{font-family:var(--zs-font-display);font-weight:600;line-height:var(--zs-leading-snug);letter-spacing:var(--zs-track-display);margin:0}h1{font-size:var(--zs-text-2xl);font-variation-settings:"opsz" 40}h2{font-size:var(--zs-text-lg);font-variation-settings:"opsz" 24}a{color:var(--zs-text-brand);text-decoration:none}a:hover{text-decoration:underline}.gedempt{color:var(--zs-text-muted)}.shell{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.sidebar{--zs-focus:var(--zs-zeeglas);background:var(--app-sidebar);color:var(--app-sidebar-tekst);flex-direction:column;gap:4px;height:100vh;padding:24px 16px;display:flex;position:sticky;top:0}.sidebar-logo{padding:0 12px;display:block}.sidebar-logo img{width:148px;height:auto;display:block}.praktijknaam{font-size:var(--zs-text-sm);color:var(--zs-text-invert);margin:10px 0 20px;padding:0 12px;font-weight:600}.nav-groep{gap:2px;margin-bottom:14px;display:grid}.nav-kop{font-family:var(--zs-font-mono);font-size:var(--zs-text-2xs);letter-spacing:var(--zs-track-label);text-transform:uppercase;color:var(--app-sidebar-gedempt);margin-bottom:4px;padding:0 14px;font-weight:600}.nav-link{border-radius:var(--zs-r-pill);color:var(--app-sidebar-tekst);justify-content:space-between;align-items:center;padding:9px 14px;font-weight:500;display:flex}.nav-link:hover{background:var(--app-sidebar-hover);text-decoration:none}.nav-link.actief{background:var(--zs-markering);color:var(--zs-petrol-950);font-weight:600}.nav-teller{font-family:var(--zs-font-mono);font-variant-numeric:tabular-nums;font-weight:600;font-size:var(--zs-text-2xs);background:var(--zs-actie);color:var(--zs-petrol-950);border-radius:var(--zs-r-pill);justify-content:center;align-items:center;min-width:24px;height:22px;padding:0 8px;display:inline-flex}.sidebar-voet{font-size:var(--zs-text-xs);color:var(--app-sidebar-gedempt);gap:8px;margin-top:auto;padding:0 4px;display:grid}.sidebar-voet select{background:var(--app-sidebar);color:var(--zs-text-invert);border-color:var(--app-sidebar-lijn)}.sidebar-voet .knop.rustig{color:var(--zs-text-invert);border-color:var(--app-sidebar-lijn);background:0 0}.sidebar-voet .knop.rustig:hover{background:var(--app-sidebar-hover)}.main{width:100%;max-width:1020px;padding:32px 40px 64px}.paginakop{flex-wrap:wrap;align-items:baseline;gap:16px;margin-bottom:24px;display:flex}.paginakop p{color:var(--zs-text-muted);margin:4px 0 0}.blokkop{margin:28px 0 10px}.eyebrow{font-family:var(--zs-font-mono);font-size:var(--zs-text-2xs);letter-spacing:var(--zs-track-label);text-transform:uppercase;color:var(--zs-text-muted);font-weight:600}.teller{font-family:var(--zs-font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:2.4rem;font-weight:600;line-height:1}.teller-label{color:var(--zs-text-muted);font-size:var(--zs-text-sm)}.num,.tijd{font-family:var(--zs-font-mono);font-size:var(--zs-text-xs);font-variant-numeric:tabular-nums;white-space:nowrap}.kerncijfers{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:end;gap:14px 28px;margin:8px 0 18px;display:grid}.kerncijfers p{margin:0}.stat{background:var(--zs-bg);border-radius:var(--zs-r-lg);flex-direction:column;justify-content:center;align-self:stretch;gap:6px;min-height:92px;padding:16px 18px;display:flex}.titelregel{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.chip-teller{background:var(--zs-petrol-100);color:var(--zs-petrol-950);border-radius:var(--zs-r-pill);font-size:var(--zs-text-xs);white-space:nowrap;padding:.3em .9em;font-weight:600}.chip-teller .num{font-weight:600}.kaart{background:var(--zs-surface);border:1px solid var(--zs-border);border-radius:var(--app-r-kaart);box-shadow:var(--zs-shadow-sm);margin-bottom:12px;padding:18px 22px}.kaart.terugbel{border-left:3px solid var(--zs-markering)}.kaart.aanmelding{border-left:3px solid var(--zs-petrol)}.kaart.spoed{border-left:4px solid var(--zs-koraal)}.kaartkop{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;display:flex}.kaartkop .tijd{color:var(--zs-text-muted);margin-left:auto}.leeg{border:1.5px dashed var(--zs-border-strong);border-radius:var(--app-r-kaart);text-align:center;color:var(--zs-text-muted);background:var(--zs-surface);padding:34px 24px}.transcript{white-space:pre-wrap;background:var(--zs-surface);border:1px solid var(--zs-border);border-radius:var(--app-r-kaart);font-size:var(--zs-text-sm);padding:18px 22px}.activiteit{margin:0 0 12px;padding:4px 22px;list-style:none}.activiteit li{border-bottom:1px solid var(--zs-border);align-items:baseline;gap:16px;padding:10px 0;display:flex}.activiteit li:last-child{border-bottom:none}.activiteit .tijd{color:var(--zs-text-muted);min-width:148px}.takenlijst{grid-template-columns:1fr;align-items:stretch;gap:12px;display:grid}.kaart.taak{flex-direction:column;margin-bottom:0;padding:14px 18px;display:flex}.veldregels{gap:3px;margin:4px 0 10px;display:grid}.veldregel{grid-template-columns:118px 1fr;align-items:baseline;gap:10px;display:grid}.veldregel dt{font-size:var(--zs-text-2xs);color:var(--zs-text-muted)}.kaart.taak .badge.type{background:var(--zs-markering);color:var(--zs-petrol-950)}.kaart.taak .badge.letop{background:var(--zs-petrol-300);color:var(--zs-petrol-950)}.veldregel.anker dd{font-weight:700}.veldregel dd{font-size:var(--zs-text-sm);overflow-wrap:anywhere;margin:0;font-weight:500}.taak-knoppen{flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:auto;padding-top:4px;display:flex}.pijllink{font-size:var(--zs-text-xs);font-weight:600}.overzicht-onder{grid-template-columns:1fr;align-items:start;gap:0 20px;display:grid}.kaart.teaser{background:var(--zs-zeeglas-50);border-color:var(--zs-zeeglas-200);box-shadow:none}.kaart.teaser p{margin:0 0 14px}@media (min-width:1100px){.takenlijst{grid-template-columns:1fr 1fr}.overzicht-onder{grid-template-columns:2fr 1fr}}.lijst{margin:10px 0 0;padding:0;list-style:none}.lijst li{border-bottom:1px solid var(--zs-border);flex-wrap:wrap;align-items:baseline;gap:8px 16px;padding:10px 0;display:flex}.lijst li:last-child{border-bottom:none;padding-bottom:0}.lijst .hoofd{font-weight:600}.lijst .badge{margin-left:auto}.tegels{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.tegel{flex-direction:column;margin-bottom:0;display:flex}.tegel p{color:var(--zs-text-muted);margin:0 0 14px}.tegel-actie{margin-top:auto}.tegel-knoppen{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.badge{font-family:var(--zs-font-mono);font-size:var(--zs-text-2xs);letter-spacing:.06em;border-radius:var(--zs-r-pill);text-transform:uppercase;white-space:nowrap;padding:.32em .82em;font-weight:500}.badge.type{background:var(--zs-zeeglas-100);color:var(--zs-zeeglas-800)}.badge.spoed{background:var(--app-fout-zacht);color:var(--zs-koraal)}.badge.grijs{background:var(--zs-surface-sunk);color:var(--zs-text-muted);border:1px solid var(--zs-border)}.badge.letop{background:var(--zs-petrol-100);color:var(--zs-petrol-800)}.knop{font:inherit;font-size:var(--zs-text-sm);cursor:pointer;border-radius:var(--zs-r-pill);background:var(--zs-accent);color:var(--zs-accent-contrast);transition:background var(--zs-fast) var(--zs-ease);border:1.5px solid #0000;padding:.68em 1.4em;font-weight:600;line-height:1.2}.knop:hover{background:var(--zs-accent-hover)}.knop:disabled{opacity:.45;cursor:not-allowed}.knop.rustig{color:var(--zs-text-brand);border-color:var(--zs-border-strong);background:0 0}.knop.rustig:hover{background:var(--zs-surface-sunk)}.knop.omlijnd{background:var(--zs-surface);color:var(--zs-text-brand);border-color:var(--zs-accent);font-weight:600}.knop.omlijnd:hover:not(:disabled){background:var(--zs-accent);color:var(--zs-accent-contrast)}.knop.klein{font-size:var(--zs-text-xs);padding:.45em 1em}a.knop{display:inline-block}a.knop:hover{text-decoration:none}.tabs{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.sorteer{gap:6px;margin-left:auto;display:flex}.tab{font:inherit;font-size:var(--zs-text-sm);border-radius:var(--zs-r-pill);border:1.5px solid var(--zs-border-strong);background:var(--zs-surface);color:var(--zs-text-muted);cursor:pointer;padding:.5em 1.1em;font-weight:600}.tab.actief{background:var(--zs-accent);color:var(--zs-accent-contrast);border-color:var(--zs-accent)}.sorteer .tab.actief{background:var(--zs-petrol-100);color:var(--zs-text-brand);border-color:var(--zs-petrol-200)}label.veldlabel{font-size:var(--zs-text-xs);color:var(--zs-text-muted);margin-bottom:4px;font-weight:600;display:block}input[type=text],input[type=email],input[type=password],input[type=number],input[type=url],textarea,select{font:inherit;font-size:var(--zs-text-sm);color:var(--zs-text);border:1.5px solid var(--zs-border-strong);border-radius:var(--zs-r-pill);background:var(--zs-surface);width:100%;transition:border-color var(--zs-fast) var(--zs-ease);padding:.62em 1.1em}input:hover,textarea:hover,select:hover{border-color:var(--zs-petrol-500)}textarea{border-radius:var(--zs-r-lg);resize:vertical;min-height:70px}input:disabled,textarea:disabled{background:var(--zs-surface-sunk);color:var(--zs-text-muted)}.formrij{margin-bottom:14px}.formgrid{grid-template-columns:1fr 1fr;gap:14px 18px;display:grid}.checkrij{align-items:center;gap:8px;font-weight:500;display:flex}.melding{border-radius:var(--zs-r-lg);margin:10px 0;padding:10px 16px;font-weight:500}.melding.fout{background:var(--app-fout-zacht);color:var(--zs-koraal)}.melding.ok{background:var(--app-ok-zacht);color:var(--zs-klaver)}.tabel{border-collapse:separate;border-spacing:0;background:var(--zs-surface);border:1px solid var(--zs-border);border-radius:var(--app-r-kaart);width:100%;box-shadow:var(--zs-shadow-sm);overflow:hidden}.tabel th{text-align:left;font-family:var(--zs-font-mono);font-size:var(--zs-text-2xs);letter-spacing:.06em;text-transform:uppercase;color:var(--zs-text-muted);border-bottom:1px solid var(--zs-border);background:var(--zs-surface-sunk);padding:12px 16px;font-weight:600}.tabel td{border-bottom:1px solid var(--zs-border);vertical-align:top;color:var(--zs-text);padding:12px 16px}.tabel td.num{color:var(--zs-text-muted)}.tabel tr:last-child td{border-bottom:none}.tabel tbody tr:hover{background:var(--zs-zeeglas-50);cursor:pointer}.login-vlak{background:var(--zs-petrol-950);place-items:center;min-height:100vh;padding:24px;display:grid}.login-kaart{background:var(--zs-surface);border-radius:var(--zs-r-xl);width:100%;max-width:400px;box-shadow:var(--zs-shadow-md);border:1px solid #0000;padding:34px 30px}.login-kaart h1{margin-bottom:8px}.login-kaart h1 img{width:190px;height:auto;display:block}.login-kaart .eyebrow{margin-bottom:24px;display:block}@media (max-width:760px){.shell{grid-template-columns:1fr}.sidebar{flex-flow:wrap;align-items:center;height:auto;position:static}.praktijknaam{margin:0 12px 0 0}.sidebar-voet{margin:0 0 0 auto}.main{padding:20px 16px 50px}.formgrid{grid-template-columns:1fr}}