/* Gebaseerd op kragtgroep.nl, gecontroleerd op 15 september 2026. */
@font-face{font-family:Graphik;src:url('./Graphik-Regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Graphik;src:url('./Graphik-Medium.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}
:root{--ink:#0f1317;--muted:#62666a;--line:#dedfe0;--paper:#f2f2f2;--primary:#0f1317;--soft:#eceee8;--brand-olive:#889373;--brand-sand:#a3876c}
body{font-family:Graphik,Arial,sans-serif;font-weight:400;font-synthesis:none}
.sidebar{background:var(--ink);border-right:0;padding:32px 18px;gap:30px;color:#fff}
.brand{padding:0 12px;font-size:initial;letter-spacing:normal;font-weight:400}
.brand img{display:block;width:100px;height:100px}
.brand small{font-size:10px;font-weight:400;letter-spacing:1.7px;color:#d7d9dc;margin-top:18px}
.nav button{color:#d7d9dc;border-radius:0;font-weight:400}
.nav button:hover{background:#20252e;color:#fff}
.nav button[aria-current=page]{background:#fff;color:var(--ink)}
.sidebar-note{color:#bfc4c9;font-size:11px}
.sidebar-note strong{color:#fff;font-weight:500}
.sidebar-note .divider{border-color:#353b42}
.topbar{background:#fff}
.demo-label{border-color:var(--line);color:var(--ink);font-size:10px}
h1{font-size:36px;line-height:1.2;letter-spacing:-1.1px;font-weight:500}
h2,h3,.link,th{font-weight:500}
.eyebrow{font-size:10px;letter-spacing:1.5px}
.panel,.stat,.candidate{border-radius:2px}
.stat{border:0;border-top:2px solid var(--ink);padding-top:20px}
.stat .value{font-weight:500;font-size:36px}
.stat a,.link,a{color:var(--ink)}
.btn{border-radius:50px;border-color:var(--ink);font-weight:500;padding:10px 17px}
.btn.primary{background:var(--ink);border-color:var(--ink)}
.btn:not(:disabled):hover{background:var(--ink);color:#fff}
.btn.primary:not(:disabled):hover{background:#353b42}
button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--brand-olive);outline-offset:3px}
.pill{border-radius:2px;font-weight:500;background:#eceee8;color:#3b4630}
.pill.gray{background:#f2f2f2;color:#52575c}
.pill.wait{background:#f2e9dd;color:#75531e}
.pill.error{background:#f8e8e5;color:#963f2d}
.banner{background:#eceee8;border-left-color:var(--brand-olive)}
.banner.warning{background:#f2e9dd;border-left-color:var(--brand-sand)}
.avatar{background:#eceee8;color:var(--ink)}
.document{background:#fafafa}
.document .doc-title{font-family:Graphik,Arial,sans-serif;font-weight:500}
.step{border-radius:0}
.step.current{background:var(--ink);border-color:var(--ink)}
.lane{background:#e8e9e9;border-radius:2px}
.search input{border-radius:0;border-color:#c6c9cb}
.timeline li,.sim{border-color:#c6c9cb}
#notice{color:var(--ink)}
dialog{border-radius:2px}
dialog::backdrop{background:#0f131766}
@media(max-width:1000px){.sidebar{padding:24px 12px}.brand{padding:0 8px}.brand img{width:90px;height:90px}}
@media(max-width:680px){.sidebar{padding:18px 16px;gap:20px}.brand{display:flex;align-items:center;gap:18px;padding:0}.brand img{width:66px;height:66px}.brand small{display:block;margin:0;font-size:10px;letter-spacing:1.3px}.nav button{font-size:11px}h1{font-size:28px;letter-spacing:-.7px}.stat .value{font-size:28px}.btn{padding:10px 15px}}
/* Invulbare ruimtedossiers */
#storage-status{font-size:12px;color:var(--muted);padding:11px 34px;background:#fff;border-bottom:1px solid var(--line)}
a.link{display:inline-block;font-size:inherit}
.heading-actions{margin-top:0;flex-shrink:0}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.section-heading h2{margin-bottom:0}
.storage-hint{margin-top:20px}
.details dd{overflow-wrap:anywhere;min-width:0;white-space:pre-line}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.field{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:13px}
.field input,.field select,.field textarea{width:100%;min-width:0;font:inherit;color:var(--ink);background:#fff;border:1px solid #bfc4c9;border-radius:2px;padding:10px 12px;line-height:1.5}
.field textarea{resize:vertical}.field small{font-size:12px;color:var(--muted)}
.full{grid-column:1/-1}.form-grid fieldset{border:0;padding:0;margin:0}.form-grid fieldset[hidden]{display:none}.form-grid legend{font-size:14px;font-weight:500;margin-bottom:15px}
#form-error{color:#963f2d;font-size:13px;margin:16px 0 0}#form-error:empty{display:none}
dialog{width:min(720px,calc(100% - 32px))}dialog h2{padding-right:85px;margin-bottom:24px;overflow-wrap:anywhere}
dialog .close{margin-left:10px}
.btn{white-space:normal}
@media(max-width:680px){#storage-status{padding:11px 16px}.form-grid{grid-template-columns:minmax(0,1fr)}.field input,.field textarea,.field select{font-size:16px}.heading-actions{margin-bottom:20px}.section-heading{align-items:flex-start}.details{grid-template-columns:100px minmax(0,1fr)}dialog{padding:20px}.heading{overflow-wrap:anywhere}}
.stat{min-width:0}
@media(max-width:680px){.cards{grid-template-columns:minmax(0,1fr)}.stat a.link{display:none}}