:root{--tekst: #16181d;--zacht: #6b7280;--lijn: #dfe2e7;--vlak: #ffffff;--achtergrond: #f6f7f9;--accent: #16181d;--fout: #b42318;--gelukt: #15803d}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--tekst: #e8eaed;--zacht: #9aa0a6;--lijn: #30343b;--vlak: #1b1d22;--achtergrond: #121317;--accent: #e8eaed;--fout: #f0776c;--gelukt: #6ee7a8}}*{box-sizing:border-box}body{margin:0;background:var(--achtergrond);color:var(--tekst);font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.55}main{width:100%;max-width:600px;padding:24px 16px 64px}main.los{margin:0 auto}main.breed{max-width:960px}.indeling main.midden{margin:0 auto}h1{font-size:22px;font-weight:600;letter-spacing:-.01em;margin:26px 0 6px}h2{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--zacht);margin:34px 0 16px}p{margin:0 0 12px}.muted{color:var(--zacht)}.indeling{display:flex;min-height:100vh}.indeling main{padding:24px 40px 64px}.zijbalk{position:sticky;top:0;display:flex;flex-direction:column;flex:0 0 220px;height:100vh;padding:20px 12px;background:var(--vlak);border-right:1px solid var(--lijn)}.merk{padding:4px 10px 22px;font-size:17px;font-weight:600;letter-spacing:-.01em}.zijbalk-menu{display:flex;flex-direction:column;flex:1;gap:2px}.zijbalk-onderaan{margin-top:auto;padding-top:12px;border-top:1px solid var(--lijn)}.zijbalk-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;font:inherit;font-size:14.5px;text-align:left;color:var(--zacht);background:none;border:none;border-radius:8px;cursor:pointer}.zijbalk-item svg{flex:0 0 18px;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.zijbalk-item:hover{color:var(--tekst);background:var(--achtergrond)}.zijbalk-item.actief{color:var(--tekst);font-weight:500;background:var(--achtergrond)}@media(max-width:720px){.indeling{flex-direction:column}.indeling main{padding:8px 16px 64px}.zijbalk{position:static;flex-direction:row;align-items:center;flex:none;height:auto;padding:8px 12px;border-right:none;border-bottom:1px solid var(--lijn);overflow-x:auto}.merk{padding:0 12px 0 4px}.zijbalk-menu{flex-direction:row;gap:4px}.zijbalk-onderaan{margin:0 0 0 auto;padding:0;border:none}.zijbalk-item{padding:7px 8px;white-space:nowrap}.zijbalk-onderaan .zijbalk-item span{display:none}}.terug,.link{padding:0;font:inherit;font-size:14px;color:var(--zacht);background:none;border:none;cursor:pointer}.link{text-decoration:underline}.terug{margin-top:20px}.terug:hover,.link:hover{color:var(--tekst)}.gegevenslijst{margin:20px 0 0;display:grid;grid-template-columns:auto 1fr;gap:4px 20px}.gegevenslijst dt{color:var(--zacht)}.gegevenslijst dd{margin:0}.stappenlijst{margin:20px 0 0;padding-left:20px;color:var(--zacht)}.stappenlijst li{margin-bottom:8px}.stappenlijst li.gedaan{color:var(--gelukt)}.veld{margin-bottom:18px}.veld-vak{position:relative}.veld-invoer{width:100%;padding:13px 14px;font:inherit;font-size:15px;color:var(--tekst);background:var(--vlak);border:1px solid var(--lijn);border-radius:10px;outline:none;transition:border-color .15s ease}.veld-invoer:focus{border-color:var(--accent)}.veld-invoer:disabled{opacity:.55;cursor:not-allowed}.veld-label{position:absolute;left:11px;top:50%;transform:translateY(-50%);padding:0 4px;font-size:15px;color:var(--zacht);pointer-events:none;background:transparent;transition:top .15s ease,font-size .15s ease,color .15s ease,background-color .15s ease}.veld-invoer:focus+.veld-label,.veld-invoer:not(:placeholder-shown)+.veld-label{top:0;font-size:11.5px;background:var(--vlak)}.veld-invoer:focus+.veld-label{color:var(--accent)}.hint{margin:6px 0 0;font-size:13px;color:var(--zacht)}.hint.gelukt{color:var(--gelukt)}.hint.fout{color:var(--fout)}.hint.afgeleid{margin:-10px 0 18px}.met-fout .veld-invoer{border-color:var(--fout)}.formulier{margin-top:8px}.formulier section{margin-bottom:8px}.rij2{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.rij2.smal-breed{grid-template-columns:130px 1fr}@media(max-width:520px){.rij2{grid-template-columns:1fr}.rij2.smal-breed{grid-template-columns:110px 1fr}}.keuzeknoppen{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.keuzeknoppen button{padding:14px 12px;font:inherit;font-size:15px;color:var(--tekst);background:var(--vlak);border:1px solid var(--lijn);border-radius:10px;cursor:pointer}.keuzeknoppen button:hover{border-color:var(--zacht)}.keuzeknoppen button.gekozen{font-weight:500;border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.keuzeknoppen button:disabled{opacity:.55;cursor:not-allowed}.melding{padding:13px 15px;margin:18px 0;background:var(--vlak);border:1px solid var(--lijn);border-radius:10px}.melding p{margin:4px 0 0}.melding.fout{border-color:var(--fout);color:var(--fout)}.acties,.knoppen{display:flex;gap:10px;margin-top:26px}.acties button,.knoppen button,form button[type=submit]{padding:12px 22px;font:inherit;font-size:15px;font-weight:500;color:var(--achtergrond);background:var(--accent);border:none;border-radius:10px;cursor:pointer}.acties button.secundair,.knoppen button.secundair{color:var(--tekst);background:var(--vlak);border:1px solid var(--lijn)}.acties button:disabled,.knoppen button:disabled,form button[type=submit]:disabled{opacity:.45;cursor:not-allowed}form{margin-top:22px}form label{display:block;margin-bottom:6px;font-size:13px;color:var(--zacht)}form input[type=email],form input[type=password],form input[type=text]{width:100%;padding:12px 14px;font:inherit;font-size:15px;color:var(--tekst);background:var(--vlak);border:1px solid var(--lijn);border-radius:10px;outline:none}form input:focus{border-color:var(--accent)}form label.volgend{margin-top:16px}form+.link{display:inline-block;margin-top:18px}form button[type=submit]{margin-top:18px}.lijst{list-style:none;margin:20px 0 0;padding:0;border-top:1px solid var(--lijn)}.lijst li{border-bottom:1px solid var(--lijn)}.lijst-rij{display:grid;grid-template-columns:1fr auto;gap:2px 12px;width:100%;padding:14px 4px;font:inherit;text-align:left;color:var(--tekst);background:none;border:none;cursor:pointer}.lijst-rij:hover{background:var(--vlak)}.lijst-naam{font-weight:500}.lijst-bij{grid-column:1;font-size:13px}.vlag{grid-column:2;grid-row:1 / span 2;align-self:center;padding:3px 10px;font-size:12px;white-space:nowrap;border:1px solid var(--lijn);border-radius:999px;color:var(--zacht)}.vlag-gegevens_ingediend{color:var(--tekst);border-color:var(--tekst)}.vlag-goedgekeurd,.vlag-getekend{color:var(--gelukt);border-color:var(--gelukt)}.vlag-afgewezen{color:var(--fout);border-color:var(--fout)}.blok-label{display:block;margin-bottom:6px;font-size:13px;color:var(--zacht)}textarea{width:100%;padding:12px 14px;font:inherit;font-size:15px;color:var(--tekst);background:var(--vlak);border:1px solid var(--lijn);border-radius:10px;outline:none;resize:vertical}textarea:focus{border-color:var(--accent)}textarea:disabled{opacity:.55}.melding ul{margin:6px 0 0;padding-left:18px}.melding li{margin-bottom:4px}.doc-rij{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 4px 6px}.doc-rij .lijst-naam,.doc-rij .lijst-bij{display:block}.doc-knoppen{display:flex;gap:16px;padding:0 4px 14px}.handtekening{margin:4px 4px 18px}.tekenvlak{display:block;width:100%;height:160px;background:#fff;border:1px dashed var(--lijn);border-radius:10px;touch-action:none;cursor:crosshair}.handtekening .knoppen{margin-top:12px}.blad{width:100%;margin-top:18px;border-collapse:collapse;font-size:14px}.blad th{padding:6px 10px;font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--zacht);text-align:left;background:var(--vlak);border:1px solid var(--lijn)}.blad td{padding:5px 10px;border:1px solid var(--lijn);vertical-align:middle}.blad tbody tr{cursor:pointer}.blad tbody tr:hover td{background:var(--vlak)}.blad td:first-child{font-weight:500}.blad .vlag{display:inline-block;padding:1px 8px;font-size:11.5px}.chat{display:flex;flex-direction:column;height:calc(100vh - 140px);min-height:320px}.chat-berichten{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:12px 2px}.chat-bericht{max-width:80%;padding:8px 12px;background:var(--vlak);border:1px solid var(--lijn);border-radius:12px;white-space:pre-wrap;overflow-wrap:anywhere}.chat-bericht.eigen{align-self:flex-end;color:var(--achtergrond);background:var(--accent);border-color:var(--accent)}.chat-van{display:block;margin-bottom:2px;font-size:12px;color:var(--zacht)}.chat-bericht.eigen .chat-van{color:inherit;opacity:.7}.chat-invoer{display:flex;gap:10px;padding-top:12px;border-top:1px solid var(--lijn)}.chat-invoer textarea{resize:none}.chat-invoer button{padding:0 20px;font:inherit;font-weight:500;color:var(--achtergrond);background:var(--accent);border:none;border-radius:10px;cursor:pointer}.chat-invoer button:disabled{opacity:.45;cursor:not-allowed}form.chat-invoer,.chat-invoer button[type=submit]{margin-top:0}