:root{--bg:#f7f6f3;--kaart:#fff;--tekst:#1d1d1b;--zacht:#6b6a65;--lijn:#e3e1db;--accent:#1d1d1b;--actief:#2f6f4f;--waarschuwing:#8a5a00;--fout:#a33;font-family:system-ui,-apple-system,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#161615;--kaart:#1f1f1d;--tekst:#f1efe9;--zacht:#a3a19a;--lijn:#34332f;--accent:#f1efe9;--actief:#6fbf94;--waarschuwing:#e0b25a;--fout:#f08a8a}}*{box-sizing:border-box}body{background:var(--bg);color:var(--tekst);margin:0;line-height:1.5}a{color:inherit}.kop{border-bottom:1px solid var(--lijn);background:var(--kaart);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;padding:16px;display:flex}.kop nav{flex-wrap:wrap;gap:4px 14px;display:flex}.kop nav a{color:var(--zacht);text-decoration:none}.kop nav a:hover{color:var(--tekst)}main{max-width:960px;margin:0 auto;padding:24px 16px 64px}h1{margin:0 0 16px;font-size:1.6rem}h2{margin:28px 0 10px;font-size:1.15rem}.kaart{background:var(--kaart);border:1px solid var(--lijn);border-radius:10px;margin-bottom:12px;padding:16px}.zacht{color:var(--zacht);font-size:.92rem}.melding{border-left:3px solid var(--waarschuwing);background:var(--kaart);margin:12px 0;padding:10px 14px}.fout{color:var(--fout)}.ok{color:var(--actief)}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--lijn);vertical-align:top;padding:8px 6px}.tabel{overflow-x:auto}input,select,textarea,button{font:inherit;color:inherit}input,select,textarea{border:1px solid var(--lijn);background:var(--bg);border-radius:6px;max-width:100%;padding:8px 10px}button,.knop{border:1px solid var(--accent);background:var(--accent);color:var(--bg);cursor:pointer;border-radius:6px;padding:8px 14px;text-decoration:none;display:inline-block}button.licht,.knop.licht{color:var(--tekst);border-color:var(--lijn);background:0 0}form.rij{flex-wrap:wrap;align-items:end;gap:8px;display:flex}form.rij label,form.stapel label{flex-direction:column;gap:4px;font-size:.9rem;display:flex}form.stapel{gap:10px;max-width:520px;display:grid}.procesbalk{grid-template-columns:repeat(6,1fr);gap:4px;margin:8px 0 24px;display:grid}.procesbalk div{background:var(--kaart);border:1px solid var(--lijn);border-radius:6px;padding:10px 8px;font-size:.85rem}.procesbalk .klaar{color:var(--zacht)}.procesbalk .nu{border-color:var(--actief);box-shadow:inset 0 -3px 0 var(--actief);font-weight:600}@media (max-width:640px){.procesbalk{grid-template-columns:1fr 1fr}}.status{border:1px solid var(--lijn);white-space:nowrap;border-radius:99px;padding:2px 8px;font-size:.8rem}ul.schoon{margin:0;padding:0;list-style:none}ul.schoon li{border-bottom:1px solid var(--lijn);padding:8px 0}fieldset.keuze{border:1px solid var(--lijn);border-radius:8px;gap:8px;margin:0;padding:10px 12px;display:grid}fieldset.keuze legend{padding:0 4px;font-weight:600}fieldset.keuze label{flex-direction:row;align-items:flex-start;gap:8px;display:flex}fieldset.keuze p{margin:0}.vinkjes{flex-wrap:wrap;gap:6px 16px;display:flex}.vinkjes label{flex-direction:row;align-items:center;gap:6px;display:flex}.lijst{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}
