/* PGB aanmelden + onboarding — PGB-ONBOARDING-FORMULIER-20260915 (zelfde bestand op pgbthuis.nl en pgbvacature.nl) */
form[data-pgb-formulier]{--pgb-accent:#0e6b6b;--pgb-fout:#b3261e;--pgb-rand:#cdd9e6}
form[data-pgb-site="pgbvacature.nl"],.pgb-site-pgbvacature{--pgb-accent:#15577d}
.formcard{--pgb-accent:#0e6b6b}
.pgb-site-pgbvacature .formcard,.pgb-site-pgbvacature.formcard{--pgb-accent:#15577d}
form[data-pgb-formulier] [hidden],.pgb-klaar [hidden],.formcard>[hidden]{display:none!important}
form[data-pgb-formulier] input,form[data-pgb-formulier] select,form[data-pgb-formulier] textarea{font-size:16px;min-height:46px}
form[data-pgb-formulier] textarea{min-height:96px}
form[data-pgb-formulier] input:focus-visible,form[data-pgb-formulier] select:focus-visible,form[data-pgb-formulier] textarea:focus-visible,.pgb-klaar a:focus-visible,.pgb-klaar-kop:focus-visible{outline:3px solid var(--pgb-accent);outline-offset:2px}
form[data-pgb-formulier] [aria-invalid=true]{border-color:var(--pgb-fout)!important;box-shadow:0 0 0 1px var(--pgb-fout)}
form[data-pgb-formulier] fieldset[aria-invalid=true]{border-color:var(--pgb-fout)!important}
.pgb-verplicht{color:var(--pgb-fout);font-weight:700;margin-left:2px}
.pgb-verplicht-uitleg{font-size:.88rem;color:#4b5b5b;margin:0 0 6px}
.pgb-hint{font-size:.88rem;color:#4b5b5b;margin:6px 0 0;font-weight:400}
.pgb-fout{color:var(--pgb-fout);font-size:.9rem;font-weight:600;margin:6px 0 0;display:flex;gap:6px;align-items:flex-start}
.pgb-fout::before{content:"!";flex:0 0 18px;height:18px;border-radius:50%;background:var(--pgb-fout);color:#fff;font-size:.75rem;line-height:18px;text-align:center;margin-top:2px}
.pgb-samenvatting{background:#fdeceb;border:1px solid #f3b9b4;border-left:4px solid var(--pgb-fout);color:#7a1b15;border-radius:10px;padding:12px 14px;margin:0 0 12px;font-weight:600}
.pgb-samenvatting:focus{outline:3px solid var(--pgb-fout);outline-offset:2px}
.pgb-melding{margin-top:14px;border-radius:10px;padding:12px 14px;font-size:.95rem;font-weight:600}
.pgb-melding-fout{background:#fdeceb;color:#7a1b15;border-left:4px solid var(--pgb-fout)}
.pgb-vinkje{display:flex!important;gap:10px;align-items:flex-start;font-weight:600;margin:14px 0 0!important;cursor:pointer;min-height:44px;padding:8px 0}
.pgb-vinkje input,form[data-pgb-formulier] .consent input,form[data-pgb-formulier] .spec input{width:22px!important;height:22px;min-height:22px!important;flex:0 0 22px;margin:1px 0 0 2px!important;padding:0!important;accent-color:var(--pgb-accent)}
form[data-pgb-formulier] input,form[data-pgb-formulier] select,form[data-pgb-formulier] textarea,form[data-pgb-formulier] fieldset,.pgb-samenvatting,.pgb-klaar-kop{scroll-margin-top:110px}
.pgb-klein{font-size:.9rem;font-weight:500}
form[data-pgb-formulier] .consent{display:flex;gap:10px;align-items:flex-start;min-height:44px;padding-top:6px}
form[data-pgb-formulier] .spec{display:flex!important;gap:10px;align-items:center;min-height:40px;margin:2px 0!important;font-weight:400}
.pgb-account{margin-top:18px;border:1.5px solid var(--pgb-rand);border-radius:12px;padding:6px 14px 12px;background:#fff}
.pgb-accountvelden{border-top:1px solid var(--pgb-rand);margin-top:6px;padding-top:4px}
/* Bevestigingsstap */
.pgb-klaar{padding:4px 0}
.pgb-klaar-icoon{width:52px;height:52px;border-radius:50%;background:var(--pgb-accent);color:#fff;font-size:28px;line-height:52px;text-align:center;font-weight:700;margin-bottom:12px}
.pgb-klaar-kop{font-size:1.6rem;line-height:1.25;margin:0 0 6px;color:var(--pgb-accent)}
.pgb-klaar-lead{font-size:1.05rem;margin:0 0 16px}
.pgb-klaar h3{font-size:1.1rem;margin:22px 0 10px}
.pgb-ref{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;background:#f3f7f7;border:1px dashed var(--pgb-accent);border-radius:12px;padding:12px 14px}
.pgb-ref strong{font-size:1.35rem;letter-spacing:.5px;color:var(--pgb-accent)}
.pgb-ref small{flex-basis:100%;color:#4b5b5b;font-size:.88rem}
.pgb-stappen{list-style:none;counter-reset:pgbstap;margin:0;padding:0}
.pgb-stappen li{counter-increment:pgbstap;position:relative;padding:2px 0 14px 46px;min-height:40px}
.pgb-stappen li::before{content:counter(pgbstap);position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;background:var(--pgb-accent);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center}
.pgb-stappen li:not(:last-child)::after{content:"";position:absolute;left:15px;top:36px;bottom:2px;width:2px;background:#d5e2e2}
.pgb-stappen strong{display:block}
.pgb-stappen span{display:block;color:#4b5b5b;font-size:.95rem}
.pgb-termijn{font-weight:600;margin:4px 0 14px}
.pgb-mailcheck{background:#eef5f4;border-left:4px solid var(--pgb-accent);border-radius:10px;padding:12px 14px}
.pgb-mailcheck p{margin:0 0 8px}.pgb-mailcheck p:last-child{margin-bottom:0}
.pgb-knop-link{display:inline-block;background:var(--pgb-accent);color:#fff!important;text-decoration:none;font-weight:700;border-radius:999px;padding:11px 22px;margin-top:4px}
.pgb-checklist-blok{margin-top:18px;border:1px solid var(--pgb-rand);border-radius:12px;padding:4px 16px 12px}
.pgb-checklist{list-style:none;margin:0 0 8px;padding:0}
.pgb-checklist li{position:relative;padding:6px 0 6px 30px;border-bottom:1px solid #eef2f2}
.pgb-checklist li:last-child{border-bottom:0}
.pgb-checklist li::before{content:"";position:absolute;left:0;top:9px;width:18px;height:18px;border:2px solid var(--pgb-accent);border-radius:4px}
@media(max-width:760px){
  .pgb-kolommen{grid-template-columns:1fr!important}
  .formcard{padding:22px 18px!important;max-width:none}
  .pgb-klaar-kop{font-size:1.35rem}
}