:root{--app-plate:1;--app-card-bg:var(--card);--app-card-border:var(--line);--app-card-shadow:none;--app-chrome-bg:var(--side);--app-chrome-edge:var(--line);--app-rail-w:248px}html{background-color:var(--bg)}body{background:var(--bg);color:var(--afb-text-2);font-family:var(--afb-font)}.gp-app{position:relative;min-height:100vh;display:grid;grid-template-columns:var(--app-rail-w) minmax(0,1fr);font-size:var(--afb-text-base)}.gp-app--los{display:block}.gp-rail{position:fixed;inset:0 auto 0 0;width:var(--app-rail-w);z-index:var(--afb-z-sticky);display:flex;flex-direction:column;padding:var(--afb-space-6) var(--afb-space-4);background:var(--side);border-right:1px solid var(--line);overflow-y:auto}.gp-brand{display:flex;align-items:center;gap:var(--afb-space-3);padding:0 var(--afb-space-3) var(--afb-space-6);font-size:var(--afb-text-md);font-weight:var(--afb-weight-semi);color:var(--ink);letter-spacing:var(--afb-tracking-tight)}.hub-merk{display:block;flex:none}.gp-rail__label{font-size:var(--afb-text-xs);font-weight:var(--afb-weight-medium);color:var(--muted);padding:0 var(--afb-space-3);margin-bottom:var(--afb-space-2)}.gp-nav{display:flex;flex-direction:column;gap:2px;margin-bottom:var(--afb-space-6)}.gp-drawer__item,.gp-nav__item{display:flex;align-items:center;gap:var(--afb-space-3);height:var(--afb-control-h);padding:0 var(--afb-space-3);border-radius:var(--afb-radius-sm);color:var(--muted);font-size:var(--afb-text-base);font-weight:var(--afb-weight-medium);text-decoration:none;transition:color var(--afb-dur-hover) var(--afb-ease-out),background-color var(--afb-dur-hover) var(--afb-ease-out)}.gp-drawer__item svg,.gp-nav__item svg{width:18px;height:18px;flex:none}.gp-drawer__item:hover,.gp-nav__item:hover{color:var(--ink);background:var(--active)}.gp-drawer__item:focus-visible,.gp-nav__item:focus-visible{outline:var(--afb-focus-ring) solid var(--accent);outline-offset:var(--afb-focus-offset)}.gp-drawer__item.is-on,.gp-nav__item.is-on{background:var(--active);color:var(--ink)}.gp-drawer__item.is-on svg,.gp-nav__item.is-on svg{color:var(--accent)}.gp-rail__foot{margin-top:auto;display:grid;grid-gap:var(--afb-space-2);gap:var(--afb-space-2);padding-top:var(--afb-space-4);border-top:1px solid var(--line)}.gp-user{display:flex;align-items:center;gap:var(--afb-space-3);padding:var(--afb-space-2) var(--afb-space-3);min-width:0}.gp-user__avatar{width:32px;height:32px;border-radius:var(--afb-radius-pill);flex:none;display:grid;place-items:center;font-size:var(--afb-text-xs);font-weight:var(--afb-weight-semi);color:var(--ink);background:var(--active)}.gp-user__name{font-size:var(--afb-text-base);color:var(--ink);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gp-user__plan{font-size:var(--afb-text-xs);color:var(--muted)}.hub-railacties{display:flex;align-items:center;gap:var(--afb-space-2)}.hub-uitloggen{flex:1 1;justify-content:center}.hub-icoonknop{width:var(--afb-control-h);height:var(--afb-control-h);flex:none;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:var(--afb-radius-sm);background:var(--card);color:var(--muted);cursor:pointer}.hub-icoonknop:hover{background:var(--active);color:var(--ink)}.hub-icoonknop:focus-visible{outline:var(--afb-focus-ring) solid var(--accent);outline-offset:var(--afb-focus-offset)}.hub-icoonknop[aria-busy=true] svg{animation:hub-spin .7s linear infinite}.gp-main{grid-column:2;min-width:0}.center-screen,.gp-main,.shell{position:relative;z-index:var(--afb-z-base)}.shell{max-width:1120px;margin:0 auto;padding:var(--afb-space-10) var(--afb-space-12) var(--afb-space-16)}.shell-breed{max-width:1560px}.center-screen{min-height:100vh;display:grid;place-items:center;padding:var(--afb-space-6)}.hub-top{display:flex;align-items:center;gap:var(--afb-space-5);margin-bottom:var(--afb-space-5);flex-wrap:wrap}.hub-kruimel{font-size:var(--afb-text-sm);color:var(--muted);text-decoration:none}.hub-kruimel:hover{color:var(--ink)}.hub-tabs{border-bottom:0;gap:var(--afb-space-4)}.hub-tabs .afb-tab{padding-bottom:6px}h1{font-size:var(--afb-text-2xl);font-weight:var(--afb-weight-semi);letter-spacing:var(--afb-tracking-tight);color:var(--afb-text-1);margin:0 0 var(--afb-space-1);line-height:var(--afb-leading-tight)}h2{font-size:var(--afb-text-base);font-weight:var(--afb-weight-medium);color:var(--muted);margin:0 0 var(--afb-space-3)}h3{font-size:var(--afb-text-md);font-weight:var(--afb-weight-semi);color:var(--afb-text-1);margin:0 0 var(--afb-space-2)}p.lead{font-size:var(--afb-text-sm);margin:0 0 var(--afb-space-6);max-width:64ch}.hint,.setup-hint,.stap-toelichting,.stap-uitleg,p.lead{color:var(--afb-text-3)}.hub-eyebrow{color:var(--muted)}.btn,.hub-eyebrow{font-size:var(--afb-text-sm)}.btn{--btn-bg:transparent;--btn-fg:var(--afb-text-2);--btn-border:var(--afb-border-hair);--btn-shadow:none;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--afb-space-2);height:var(--afb-control-h);padding:0 var(--afb-control-pad-x);border-radius:var(--afb-radius-sm);border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--btn-fg);box-shadow:var(--btn-shadow);font-family:inherit;font-weight:var(--afb-weight-semi);white-space:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-decoration:none;transition:background-color var(--afb-dur-hover) var(--afb-ease-out),border-color var(--afb-dur-hover) var(--afb-ease-out),color var(--afb-dur-hover) var(--afb-ease-out),box-shadow var(--afb-dur-hover) var(--afb-ease-out),transform var(--afb-dur-press) var(--afb-ease-out)}.btn:hover:not(:disabled){--btn-bg:var(--afb-surface-raised);--btn-fg:var(--afb-text-1);--btn-border:var(--afb-border-soft)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:focus-visible{outline:var(--afb-focus-ring) solid var(--afb-accent-400);outline-offset:var(--afb-focus-offset)}.btn.primary{--btn-bg:var(--btn);--btn-fg:var(--btn-ink);--btn-border:transparent;--btn-shadow:none}.btn.primary:hover:not(:disabled){opacity:.88;filter:none}.btn.primary:active:not(:disabled){transform:scale(.98)}.btn.klein,.btn.mini{height:var(--afb-control-h-sm);padding:0 calc(var(--afb-control-pad-x) * .75);font-size:var(--afb-text-xs)}.btn.gevaar{--btn-bg:var(--afb-danger-fill);--btn-fg:var(--afb-danger);--btn-border:var(--afb-danger-border)}.btn.uit,.btn:disabled{cursor:not-allowed;opacity:.42;box-shadow:none;filter:saturate(.5)}.btn.is-loading{cursor:progress}.btn.is-loading>.btn-label{opacity:.75}.btn.is-success{--btn-bg:var(--afb-success-fill);--btn-fg:var(--afb-success);--btn-border:var(--afb-success-border);animation:afb-flush var(--afb-dur-pulse) var(--afb-ease-out)}.row{display:flex;gap:var(--afb-space-2);flex-wrap:wrap;align-items:center}.account-btn,.card,.co-vak,.hub-kaart,.inlog-kaart,.koppelingen,.launcher-kaart,.producttest,.stap,.tile{background:var(--app-card-bg);border:1px solid var(--app-card-border);border-radius:var(--afb-radius-md);box-shadow:var(--app-card-shadow);backdrop-filter:none;-webkit-backdrop-filter:none}.launcher-kaart,.tile{transition:border-color var(--afb-dur-hover) var(--afb-ease-out),transform var(--afb-dur-press) var(--afb-ease-out)}.launcher-kaart:hover,.tile.klikbaar:hover{border-color:var(--afb-border-strong);transform:none;box-shadow:var(--app-card-shadow)}.stap{padding:var(--afb-space-5) var(--afb-space-6);margin-top:var(--afb-space-4)}.stap-later{opacity:1;border-style:solid}.stap.stap-klaar{border-color:var(--afb-success-border)}.stap-kop{gap:var(--afb-space-3);flex-wrap:wrap}.stap-kop h2{font-size:var(--afb-text-md);font-weight:var(--afb-weight-semi);color:var(--afb-text-1);text-transform:none;letter-spacing:var(--afb-tracking-tight);margin:0}.stap-nummer{width:22px;height:22px;font-size:var(--afb-text-xs);font-family:var(--afb-font-mono);border:0;border-radius:var(--afb-radius-xs);background:var(--afb-surface-sunken);color:var(--afb-text-4)}.stap.stap-af .stap-nummer,.stap.stap-klaar .stap-nummer{background:var(--afb-success-fill);color:var(--afb-success)}.stap-uitleg{margin:var(--afb-space-2) 0 0;max-width:72ch}.stap-toelichting,.stap-uitleg{font-size:var(--afb-text-sm)}.koppelrij{border-color:var(--afb-border-hair);background:var(--afb-surface-sunken);border-radius:var(--afb-radius-sm)}.koppel-naam{color:var(--afb-text-1)}.stap-blokkades{margin:var(--afb-space-3) 0 0;padding:var(--afb-space-3) var(--afb-space-4);list-style:none;border-radius:var(--afb-radius-sm);background:var(--afb-danger-fill);border:1px solid var(--afb-danger-border);font-size:var(--afb-text-sm);color:var(--afb-danger)}.stap-blokkades li{margin:.2rem 0;color:inherit}.stap-links{display:flex;gap:var(--afb-space-2);margin:var(--afb-space-3) 0 0;padding:0;list-style:none;flex-wrap:wrap}.stap-links a{display:inline-flex;align-items:center;height:var(--afb-control-h-sm);padding:0 var(--afb-space-3);border-radius:var(--afb-radius-pill);border:1px solid var(--afb-border-soft);color:var(--afb-text-1);font-size:var(--afb-text-xs)}.stap-links a:hover{background:var(--afb-surface-raised)}.pijplijn{display:flex;flex-wrap:wrap;margin:var(--afb-space-4) 0 var(--afb-space-2)}.pijplijn,.pijplijn a{gap:var(--afb-space-2)}.pijplijn a{display:inline-flex;align-items:center;height:28px;padding:0 var(--afb-space-3);border-radius:var(--afb-radius-pill);border:1px solid var(--afb-border-hair);background:var(--afb-surface-sunken);color:var(--afb-text-3);font-size:var(--afb-text-xs);text-decoration:none}.pijplijn a:hover{color:var(--afb-text-1);border-color:var(--afb-border-soft)}.pijplijn a i{font-style:normal;font-family:var(--afb-font-mono);color:var(--afb-text-4)}.pijplijn a.af{color:var(--afb-success);border-color:var(--afb-success-border);background:var(--afb-success-fill)}.pijplijn a.af i{color:inherit}.pijplijn a.let{color:var(--afb-warning);border-color:var(--afb-warning-border);background:var(--afb-warning-fill)}.pijplijn a.let i{color:inherit}.pijplijn a.fout{color:var(--afb-danger);border-color:var(--afb-danger-border);background:var(--afb-danger-fill)}.pijplijn a.fout i{color:inherit}.pijplijn a.bezig{color:var(--afb-processing);border-color:var(--afb-processing-border);background:var(--afb-processing-fill)}.badge{--badge-fg:var(--afb-text-3);--badge-bg:var(--afb-surface-raised);--badge-border:var(--afb-border-hair);display:inline-flex;align-items:center;gap:var(--afb-space-2);height:22px;padding:0 var(--afb-space-3);border-radius:var(--afb-radius-pill);border:1px solid var(--badge-border);background:var(--badge-bg);color:var(--badge-fg);font-size:var(--afb-text-xs);font-weight:var(--afb-weight-medium);letter-spacing:var(--afb-tracking-normal);text-transform:none;white-space:nowrap}.badge.admin{--badge-fg:var(--afb-text-accent);--badge-bg:var(--afb-accent-wash);--badge-border:var(--afb-border-accent-soft)}.badge.goed,.badge.relevantie-RELEVANT,.badge.stand-FRESH,.stap-status.status-HEEFT_RESULTAAT{--badge-fg:var(--afb-success);--badge-bg:var(--afb-success-fill);--badge-border:var(--afb-success-border);border-color:var(--afb-success-border);color:var(--afb-success)}.badge.let,.badge.stand-REVIEW_REQUIRED,.badge.stand-STALE,.badge.waarschuwing{--badge-fg:var(--afb-warning);--badge-bg:var(--afb-warning-fill);--badge-border:var(--afb-warning-border);border-color:var(--afb-warning-border);color:var(--afb-warning)}.badge.fout{--badge-fg:var(--afb-danger);--badge-bg:var(--afb-danger-fill);--badge-border:var(--afb-danger-border)}.badge.bezig{--badge-fg:var(--afb-processing);--badge-bg:var(--afb-processing-fill);--badge-border:var(--afb-processing-border)}.badge.bezig:before{content:"";width:5px;height:5px;border-radius:var(--afb-radius-pill);background:currentColor;animation:afb-badge-pulse 1.6s var(--afb-ease-inout) infinite}.status-ok{color:var(--afb-success)}.status-err{color:var(--afb-danger)}.status-dim{color:var(--afb-text-4)}.notice{border:1px solid var(--afb-border-hair);border-left:3px solid var(--afb-border-strong);background:var(--app-card-bg);border-radius:var(--afb-radius-sm);padding:var(--afb-space-3) var(--afb-space-4);color:var(--afb-text-2);font-size:var(--afb-text-sm);margin:0 0 var(--afb-space-4);box-shadow:var(--app-card-shadow)}.notice.status-ok{border-left-color:var(--afb-success);color:var(--afb-text-1);background:var(--afb-success-fill)}.notice.fout,.notice.status-err{border-left-color:var(--afb-danger);color:var(--afb-text-1);background:var(--afb-danger-fill)}.inlog input,.koppelingen input:not([type=checkbox]):not([type=radio]):not([type=file]),.koppelingen select,.nieuw-form input,.nieuwe-gebruiker input,.nieuwe-gebruiker select,.producttest input:not([type=checkbox]):not([type=radio]):not([type=file]),.producttest select,.setup-veld input,.setup-veld select,.setup-veld textarea,.werkbank input:not([type=checkbox]):not([type=radio]):not([type=file]),.werkbank select,.zoekveld input,input.afb-input,select.afb-select,textarea.afb-textarea{height:var(--afb-control-h);padding:0 var(--afb-space-4);background:var(--afb-surface-sunken);color:var(--afb-text-1);border:1px solid var(--afb-border-soft);border-radius:var(--afb-radius-sm);font:inherit;font-size:var(--afb-text-sm);transition:border-color var(--afb-dur-hover) var(--afb-ease-out),background-color var(--afb-dur-hover) var(--afb-ease-out)}.nieuwe-gebruiker textarea,.setup-veld textarea{height:auto;min-height:96px;padding:var(--afb-space-3) var(--afb-space-4)}.setup-veld input:hover:not(:disabled),.setup-veld select:hover:not(:disabled),.setup-veld textarea:hover:not(:disabled){border-color:var(--afb-border-strong)}.inlog input:focus,.nieuw-form input:focus,.nieuwe-gebruiker input:focus,.nieuwe-gebruiker select:focus,.setup-veld input:focus,.setup-veld select:focus,.setup-veld textarea:focus{outline:none;border-color:var(--afb-border-accent);box-shadow:0 0 0 var(--afb-focus-ring) var(--afb-accent-wash-2)}.setup-veld input[readonly]{background:var(--afb-surface-sunken);color:var(--afb-text-4);border-style:dashed}.setup-veld input:disabled,.setup-veld select:disabled,.setup-veld textarea:disabled{opacity:.5}.setup-veld{color:var(--afb-text-3);font-size:var(--afb-text-xs);letter-spacing:var(--afb-tracking-wide)}.setup-hint,.setup-veld>input,.setup-veld>select,.setup-veld>textarea{text-transform:none;letter-spacing:normal}.setup-form details,details.hub-acc{border:1px solid var(--afb-border-hair);border-radius:var(--afb-radius-sm);padding:0 var(--afb-space-4);background:var(--afb-surface-sunken)}.setup-form summary,details.hub-acc>summary{cursor:pointer;font-weight:var(--afb-weight-semi);font-size:var(--afb-text-sm);color:var(--afb-text-1);padding:var(--afb-space-3) 0;list-style:none;display:flex;align-items:center;gap:var(--afb-space-3)}.setup-form summary::-webkit-details-marker,details.hub-acc>summary::-webkit-details-marker{display:none}.setup-form summary:before,details.hub-acc>summary:before{content:"";width:6px;height:6px;border-right:1.5px solid var(--afb-text-4);border-bottom:1.5px solid var(--afb-text-4);transform:rotate(-45deg);transition:transform var(--afb-dur-hover) var(--afb-ease-out);flex:none}.setup-form details[open]>summary:before,details.hub-acc[open]>summary:before{transform:rotate(45deg)}.setup-form summary .badge,details.hub-acc>summary .badge{margin-left:auto}details.hub-acc>summary .hub-acc-samenvatting{margin-left:auto;color:var(--afb-text-4);font-weight:var(--afb-weight-normal);font-size:var(--afb-text-xs)}details.hub-acc>.hub-acc-inhoud{padding:0 0 var(--afb-space-4)}.setup-groep{padding-top:var(--afb-space-2);padding-bottom:var(--afb-space-3)}.setup-acties{display:flex;justify-content:flex-end}select option{background:var(--afb-deep);color:var(--afb-text-1)}.hub-welkom{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--afb-space-4);flex-wrap:wrap;margin-bottom:var(--afb-space-6)}.hub-kaarten{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));grid-gap:var(--afb-space-4);gap:var(--afb-space-4)}.hub-kaart{padding:var(--afb-space-5);display:grid;grid-gap:var(--afb-space-2);gap:var(--afb-space-2);align-content:start;text-decoration:none;color:inherit}.hub-kaart--primair{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:var(--afb-space-4);flex-wrap:wrap}.hub-kaart h3{margin:0}.hub-kaart .count{font-size:var(--afb-text-2xl);font-weight:var(--afb-weight-semi);color:var(--afb-text-1);letter-spacing:var(--afb-tracking-tight);line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hub-kaart .label{color:var(--afb-text-2);font-size:var(--afb-text-sm)}.hub-kaart .hint{font-size:var(--afb-text-xs)}.hub-kaart:is(a):hover{border-color:var(--afb-border-strong)}.hub-recent{list-style:none;margin:0;padding:0;display:grid;grid-gap:var(--afb-space-2);gap:var(--afb-space-2)}.hub-recent a{display:flex;align-items:center;gap:var(--afb-space-3);padding:var(--afb-space-3) var(--afb-space-4);border-radius:var(--afb-radius-sm);border:1px solid var(--afb-border-hair);background:var(--afb-surface-2);color:var(--afb-text-1);text-decoration:none;flex-wrap:wrap}.hub-recent-naam{font-weight:var(--afb-weight-semi)}.hub-recent .btn{margin-left:var(--afb-space-2)}.hub-recent a:hover{border-color:var(--afb-border-soft);background:var(--afb-surface-raised)}.hub-recent .hub-recent-meta{margin-left:auto}.hub-recent .hub-recent-meta,.hub-stil{color:var(--afb-text-4);font-size:var(--afb-text-xs)}.hub-stil{display:flex;gap:var(--afb-space-4);flex-wrap:wrap;margin-top:var(--afb-space-6)}.hub-stil a{color:var(--afb-text-3);text-decoration:none}.hub-stil a:hover{color:var(--afb-text-1)}.rows{list-style:none;margin:0;padding:0;display:grid;grid-gap:var(--afb-space-2);gap:var(--afb-space-2)}.rij{background:var(--app-card-bg);border:1px solid var(--app-card-border);border-radius:var(--afb-radius-sm);box-shadow:var(--app-card-shadow)}.rij.klikbaar:hover{border-color:var(--afb-border-strong)}.rij-link{display:flex;align-items:center;gap:var(--afb-space-4);padding:var(--afb-space-3) var(--afb-space-4);color:inherit;text-decoration:none;flex-wrap:wrap}.rij-naam{font-weight:var(--afb-weight-semi);color:var(--afb-text-1)}.rij-meta{margin-left:auto;display:flex;align-items:center;gap:var(--afb-space-2);color:var(--afb-text-4);font-size:var(--afb-text-xs);flex-wrap:wrap}.rij-open{margin-left:var(--afb-space-2)}.nieuw-form{display:flex;gap:var(--afb-space-2);margin:0 0 var(--afb-space-5);flex-wrap:wrap}.nieuw-form input{flex:1 1 260px}.product-kop{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--afb-space-4);flex-wrap:wrap;margin-bottom:var(--afb-space-5)}.product-kop .lead{margin:var(--afb-space-2) 0 0}.product-acties,.product-kop .lead{display:flex;gap:var(--afb-space-2);flex-wrap:wrap}.product-acties{align-items:center}.werk-overzicht{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));grid-gap:var(--afb-space-3);gap:var(--afb-space-3);margin-bottom:var(--afb-space-5)}.werk-feit{padding:var(--afb-space-3) var(--afb-space-4);border-radius:var(--afb-radius-sm);border:1px solid var(--app-card-border);background:var(--app-card-bg);box-shadow:var(--app-card-shadow);display:grid;grid-gap:2px;gap:2px}.werk-feit span:first-child{font-size:var(--afb-text-xs);letter-spacing:var(--afb-tracking-normal);color:var(--afb-text-4)}.werk-feit strong{font-weight:var(--afb-weight-medium);color:var(--afb-text-1);font-size:var(--afb-text-sm)}.werk-sectie{margin-top:var(--afb-space-4)}.werk-sectie h2{margin-bottom:var(--afb-space-2)}details.hub-acc{margin-top:var(--afb-space-3);background:var(--app-card-bg);border-color:var(--app-card-border);box-shadow:var(--app-card-shadow)}details.hub-acc>.hub-acc-inhoud>h2:first-child{margin-top:var(--afb-space-2)}.koppelingen,.producttest{padding:0;border:0;box-shadow:none;background:transparent}.doclijst{list-style:none;margin:0 0 var(--afb-space-3);padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));grid-gap:var(--afb-space-2);gap:var(--afb-space-2)}.docrij{display:flex;align-items:center;justify-content:space-between;gap:var(--afb-space-3);padding:var(--afb-space-3) var(--afb-space-4);border-radius:var(--afb-radius-sm);border:1px solid var(--afb-border-hair);background:var(--afb-surface-sunken)}.doc-titel{color:var(--afb-text-1);font-size:var(--afb-text-sm)}.doc-status{font-size:var(--afb-text-xs);color:var(--afb-text-4)}.docrij.doc-klaar .doc-status{color:var(--afb-success)}.docrij.doc-bezig .doc-status{color:var(--afb-processing)}.docrij.doc-fout .doc-status{color:var(--afb-danger)}.btn .afl{margin-left:2px}.inlog-kaart,.picker{max-width:420px;width:100%}.inlog-kaart{padding:var(--afb-space-8)}.inlog-titel{text-align:center;margin-bottom:var(--afb-space-6)}.inlog-titel img{width:40px;height:40px;border-radius:var(--afb-radius-sm);margin:0 auto var(--afb-space-4);display:block}@media (max-width:820px){.shell{padding:var(--afb-space-4) var(--afb-space-4) var(--afb-space-12)}.gp-app--los{display:block}.btn.klok-knop,.btn.primary{min-height:44px}.stap{padding:var(--afb-space-4)}.koppelrij{flex-direction:column;align-items:stretch}.koppel-acties{display:flex}.koppel-acties .btn{flex:1 1;min-height:44px}.hub-kaart--primair,.hub-welkom{flex-direction:column;align-items:stretch}.product-kop{flex-direction:column}table.logs{display:block;overflow-x:auto}.stap-links a{min-height:40px}.setup-form summary,details.hub-acc>summary{min-height:44px}.werk-overzicht{grid-template-columns:1fr 1fr}.product-acties .btn{flex:1 1;justify-content:center}}@media (min-width:721px) and (max-width:980px){:root{--app-rail-w:200px}.shell{padding:var(--afb-space-5) var(--afb-space-5) var(--afb-space-12)}}.hub-verder{padding:var(--afb-space-5) var(--afb-space-6);margin-bottom:var(--afb-space-5)}.hub-verder-kop{display:flex;align-items:baseline;justify-content:space-between;gap:var(--afb-space-4);margin-bottom:var(--afb-space-3)}.hub-verder-kop h3{margin:0;font-size:var(--afb-text-lg)}.hub-stil-link{color:var(--afb-text-3);font-size:var(--afb-text-sm);text-decoration:none}.hub-stil-link:hover{color:var(--afb-text-1)}.hub-stil-rij{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));grid-gap:var(--afb-space-3);gap:var(--afb-space-3)}.hub-stil-kaart{display:grid;grid-gap:2px;gap:2px;padding:var(--afb-space-3) var(--afb-space-4);border-radius:var(--afb-radius-sm);border:1px solid var(--app-card-border);background:var(--app-card-bg);box-shadow:var(--app-card-shadow);color:inherit;text-decoration:none}.hub-stil-kaart:hover{border-color:var(--afb-border-strong)}.hub-stil-kaart .count{font-size:var(--afb-text-lg);font-weight:var(--afb-weight-semi);color:var(--afb-text-2);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1.1}.hub-stil-kaart .hint,.hub-stil-kaart .label{font-size:var(--afb-text-xs);color:var(--afb-text-4)}.klok{background:var(--app-card-bg);border:1px solid var(--app-card-border);border-radius:var(--afb-radius-md);box-shadow:var(--app-card-shadow)}.producten-voet{display:flex;gap:var(--afb-space-4);margin-top:var(--afb-space-6);font-size:var(--afb-text-xs);color:var(--afb-text-4)}.producten-voet a{color:var(--afb-text-3);text-decoration:none}.producten-voet a:hover{color:var(--afb-text-1)}.stap .stap-kop{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;grid-gap:var(--afb-space-3);gap:var(--afb-space-3)}.stap .stap-kop h2{font-size:var(--afb-text-md)}.stap .stap-kop .badge{justify-self:start}.stap-actie{justify-self:end;display:flex;gap:var(--afb-space-2);align-items:center}.stap-actie form{margin:0}.stap .stap-nummer{width:28px;height:22px;border-radius:var(--afb-radius-xs);font-size:var(--afb-text-xs);letter-spacing:.04em}.stap.stand-af .stap-nummer{background:var(--afb-success-fill);color:var(--afb-success)}.stap.stand-let .stap-nummer{background:var(--afb-warning-fill);color:var(--afb-warning)}.stap.stand-fout .stap-nummer{background:var(--afb-danger-fill);color:var(--afb-danger)}.stap.stand-bezig .stap-nummer{background:var(--afb-processing-fill);color:var(--afb-processing)}.stap.stand-af{border-color:var(--afb-success-border)}.stap.stand-fout{border-color:var(--afb-danger-border)}.stap-meta{margin:var(--afb-space-2) 0 0 calc(28px + var(--afb-space-3));color:var(--afb-text-3);font-size:var(--afb-text-sm);line-height:var(--afb-leading-snug)}.stap.stand-fout .stap-meta,.stap.stand-let .stap-meta{color:var(--afb-text-2)}.stap>.beeldpaneel,.stap>.notice,.stap>details.hub-acc{margin-top:var(--afb-space-3)}.stap .stap-blokkades,.stap .stap-links{margin-left:calc(28px + var(--afb-space-3))}.builder-teller{align-self:center}.beeldpaneel>summary{cursor:pointer;padding:var(--afb-space-3) var(--afb-space-4);border:1px solid var(--afb-border-hair);border-radius:var(--afb-radius-sm);background:var(--afb-surface-sunken);font-size:var(--afb-text-sm);color:var(--afb-text-1)}.beeldpaneel[open]>summary{border-radius:var(--afb-radius-sm) var(--afb-radius-sm) 0 0}.setup-form details{margin:var(--afb-space-2) 0}.setup-form details>summary{min-height:40px}.setup-form details[open]>summary{border-bottom:1px solid var(--afb-border-hair);margin-bottom:var(--afb-space-2)}@media (max-width:820px){.stap .stap-kop{grid-template-columns:auto 1fr}.stap .stap-kop .badge{grid-column:2}.stap-actie{grid-column:1/-1;justify-self:stretch}.stap-actie .btn,.stap-actie form{width:100%}.stap-actie .btn{min-height:44px;justify-content:center}.stap .stap-blokkades,.stap .stap-links,.stap-meta{margin-left:0}.stap-links a{flex:1 1;justify-content:center}.pijplijn a{min-height:36px}}.product-kop .hub-eyebrow{display:block;margin-bottom:var(--afb-space-1)}.product-kop h1{margin-bottom:0}.product-kop p.lead{margin-top:var(--afb-space-2);margin-bottom:0}.product-kop{margin-bottom:var(--afb-space-6)}.hub-h2{margin-top:var(--afb-space-8)}.hub-h2-uitleg{margin:calc(-1 * var(--afb-space-2)) 0 var(--afb-space-3)}.hub-h2-link{color:var(--afb-text-1);text-decoration:none;display:inline-flex;align-items:center;gap:var(--afb-space-2)}.hub-h2-link:hover{color:var(--afb-accent-400)}.hub-h2-link .badge{font-size:var(--afb-text-xs)}.hub-sectie{margin-top:var(--afb-space-6)}.hub-link{color:var(--afb-text-accent);text-decoration:none}.hub-link:hover{text-decoration:underline}.hub-nul{margin:0}.hub-cmd{margin:var(--afb-space-2) 0 0;border-radius:var(--afb-radius-sm);background:var(--afb-surface-sunken);border:1px solid var(--afb-border-hair);color:var(--afb-text-accent);font-size:var(--afb-text-xs);overflow-x:auto}.hub-cmd,.hub-skel-rij{padding:var(--afb-space-3) var(--afb-space-4)}.hub-skel-rij{display:flex;align-items:center;justify-content:space-between;gap:var(--afb-space-4);min-height:48px}.hub-skel-rij .afb-skel--text{flex:0 1 40%;margin:0}.hub-leeg{border:1px dashed var(--afb-border-soft);border-radius:var(--afb-radius-md);background:var(--app-card-bg);margin:var(--afb-space-4) 0}.hub-leeg .afb-empty__desc{margin:0}.case-filters,.filterrij,.test-filters{gap:var(--afb-space-2);margin:var(--afb-space-4) 0}.filterrij{margin-top:var(--afb-space-3)}.case-filters .btn,.filterknop,.test-filters>.btn{min-height:32px;padding:0 var(--afb-space-4);font-size:var(--afb-text-xs);font-weight:var(--afb-weight-medium);border-radius:var(--afb-radius-pill);border:1px solid var(--afb-border-hair);color:var(--afb-text-3);background:transparent;display:inline-flex;align-items:center}.case-filters .btn:hover,.filterknop:hover,.test-filters>.btn:hover{color:var(--afb-text-1);border-color:var(--afb-border-strong);background:var(--afb-surface-raised)}.case-filters .btn.primary,.filterknop.aan,.test-filters>.btn.primary{background:var(--afb-surface-accent);color:var(--afb-text-accent);border-color:var(--afb-border-accent-soft);font-weight:var(--afb-weight-semi)}.bulkbalk,.case-balk,.case-toewijzen,.case-zoekbalk,.mail-balk,.test-zoek{gap:var(--afb-space-2)}.case-zoekbalk{margin:0 0 var(--afb-space-4)}.bulkbalk input,.bulkbalk select,.case-toewijzen select,.case-zoekbalk input,.case-zoekbalk select,.mail-instelling input,.test-zoek input{height:var(--afb-control-h);padding:0 var(--afb-space-3);background:var(--afb-surface-sunken);color:var(--afb-text-1);border:1px solid var(--afb-border-soft);border-radius:var(--afb-radius-sm);font:inherit;font-size:var(--afb-text-sm)}.case-toewijzen select:focus,.case-zoekbalk input:focus,.case-zoekbalk select:focus,.mail-instelling input:focus,.test-zoek input:focus{outline:none;border-color:var(--afb-border-accent);box-shadow:0 0 0 var(--afb-focus-ring) var(--afb-accent-wash-2)}.case-zoekbalk input[name=q]{flex:1 1 260px;min-width:0}.test-filters .test-zoek{flex-direction:row;align-items:center}.test-filters .test-zoek input{min-width:220px}.mail-instelling input{height:32px}.lev-zoek{min-width:min(420px,100%)}.mini-form .lev-zoek{height:var(--afb-control-h);padding:0 var(--afb-space-3);background:var(--afb-surface-sunken);color:var(--afb-text-1);border:1px solid var(--afb-border-soft);border-radius:var(--afb-radius-sm);font:inherit;font-size:var(--afb-text-sm)}.hub-tabel,.logs-omhulsel{border:1px solid var(--app-card-border);border-radius:var(--afb-radius-md);background:var(--app-card-bg);box-shadow:var(--app-card-shadow)}.hub-tabel{max-height:none;overflow:auto}.logs th{background:var(--side);color:var(--muted);letter-spacing:var(--afb-tracking-normal);text-transform:none}.logs td{color:var(--afb-text-2)}.logs-loopt td{background:var(--afb-surface-accent)}.case-status{border-color:var(--afb-border-soft);color:var(--afb-text-3)}.case-status.case-open{color:var(--afb-text-accent);border-color:var(--afb-border-accent-soft);background:var(--afb-surface-accent)}.tile{box-shadow:var(--app-card-shadow);border-color:var(--app-card-border)}.tile .count{font-size:var(--afb-text-2xl);color:var(--afb-text-1);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tile .label{color:var(--afb-text-3);font-size:var(--afb-text-sm)}.uitbetalingen{gap:var(--afb-space-2);margin-top:var(--afb-space-3)}.case-nieuw,.gebruiker,.mail-balk,.mail-lijst,.nieuwe-gebruiker,.uitbetaling{background:var(--app-card-bg);border-color:var(--app-card-border);box-shadow:var(--app-card-shadow)}.uitbetaling-bedrag{margin-left:auto;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:var(--afb-weight-semi)}.gebruikers{gap:var(--afb-space-3);margin-top:var(--afb-space-3)}.gebruiker.uit{opacity:.55}.nieuwe-gebruiker{margin-top:var(--afb-space-3)}.co-vak{margin-top:var(--afb-space-4)}.co-kop h2{font-size:var(--afb-text-md)}.co-doel-na{word-break:break-word}.co-doel-na.status-dim{color:var(--afb-text-4)}.co-slotlijst{color:var(--afb-text-2)}.pr-run{align-items:flex-end;gap:var(--afb-space-2)}.pr-run-stand{display:flex;align-items:center;gap:var(--afb-space-3);flex-wrap:wrap;justify-content:flex-end;padding:var(--afb-space-2) var(--afb-space-3);border:1px solid var(--app-card-border);border-radius:var(--afb-radius-sm);background:var(--app-card-bg);box-shadow:var(--app-card-shadow);font-size:var(--afb-text-sm);color:var(--afb-text-2)}.pr-run-live{width:8px;height:8px;border-radius:50%;background:var(--afb-accent-400);box-shadow:0 0 0 3px var(--afb-accent-wash);flex:none}.pr-run-tekst{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pr-run .pr-subdetail{width:100%;max-width:420px}.pr-run .pr-subdetail>summary{font-size:var(--afb-text-xs);color:var(--afb-text-4);cursor:pointer;text-align:right}.pr-run .pr-log{max-width:100%;overflow:auto}.pr-run-fout{color:var(--afb-danger);font-size:var(--afb-text-sm);margin:0}@media (max-width:820px){.pr-run{align-items:stretch;width:100%}.pr-run .btn.primary{min-height:44px;justify-content:center}.pr-run-stand{justify-content:space-between}.pr-run-stand .btn{min-height:40px}.pr-run .pr-subdetail{max-width:none}}.pr-profiel{display:flex;align-items:baseline;gap:var(--afb-space-2);flex-wrap:wrap;margin:var(--afb-space-2) 0 0;font-size:var(--afb-text-xs);color:var(--afb-text-3)}.pr-profiel-label{font-size:var(--afb-text-xs);letter-spacing:var(--afb-tracking-normal);color:var(--afb-text-accent);background:var(--afb-surface-accent);border:1px solid var(--afb-border-accent-soft);border-radius:var(--afb-radius-pill);padding:2px var(--afb-space-2)}.pr-bestemming{margin:var(--afb-space-3) 0;padding:var(--afb-space-3) var(--afb-space-4);border:1px solid var(--afb-border-hair);border-radius:var(--afb-radius-sm);background:var(--afb-surface-sunken);display:grid;grid-gap:4px;gap:4px}.pr-bewijsrij{display:flex;align-items:baseline;justify-content:space-between;gap:var(--afb-space-4);font-size:var(--afb-text-sm)}.pr-bewijs-label{color:var(--afb-text-4)}.pr-bewijs-waarde{color:var(--afb-text-2);text-align:right}.pr-bewijs-waarde.goed{color:var(--afb-success)}.pr-bewijs-waarde.fout{color:var(--afb-warning)}.pr-bestemming .pr-subdetail{margin-top:var(--afb-space-2)}.pr-bestemming .pr-redenen li{overflow-wrap:anywhere}@media (max-width:820px){.pr-bewijsrij{flex-direction:column;gap:0}.pr-bewijs-waarde{text-align:left}.pr-profiel{font-size:var(--afb-text-xs)}}.center-screen .notice{text-align:left}@media (max-width:820px){.bulkbalk,.case-balk,.case-toewijzen,.case-zoekbalk,.mail-balk,.test-zoek{flex-direction:column;align-items:stretch}.test-filters{flex-direction:row;flex-wrap:wrap;align-items:stretch}.test-filters .test-zoek{flex:1 0 100%}.case-filters,.filterrij{flex-direction:row}.case-filters .btn,.filterknop,.test-filters>.btn{min-height:36px}.test-filters .test-zoek{margin-left:0;width:100%;flex-direction:column}.case-zoekbalk input[name=q],.test-filters .test-zoek input{flex:0 0 auto;min-width:0;width:100%}.case-balk .btn,.case-balk form,.case-toewijzen .btn,.case-zoekbalk .btn,.test-zoek .btn{width:100%;min-height:44px;justify-content:center}.hub-tabel,.logs-omhulsel{max-height:none;overflow-x:auto}table.logs{display:table}table.casetabel,table.testtabel{min-width:560px}.lev-zoek{min-width:0;width:100%}.tiles{grid-template-columns:1fr;gap:var(--afb-space-3)}.tile,.uitbetaling{padding:var(--afb-space-4)}.uitbetaling{flex-wrap:wrap}.uitbetaling-bedrag{width:100%;margin-left:calc(40px + var(--afb-space-4))}.gebruiker,.nieuwe-gebruiker{padding:var(--afb-space-4)}.nieuwe-gebruiker{flex-direction:column;align-items:stretch}.nieuwe-gebruiker .btn,.nieuwe-gebruiker label{width:100%}.nieuwe-gebruiker .btn{min-height:44px;justify-content:center}.co-aanbiedingen,.co-tweeluik{grid-template-columns:1fr}.co-doel{flex-direction:column;align-items:stretch;gap:2px}.co-doel-na{max-width:none;text-align:left;justify-content:flex-start}.co-kop{flex-direction:column;align-items:flex-start;gap:var(--afb-space-1)}.mail-werkblad{grid-template-columns:1fr}.case-vlakken{gap:var(--afb-space-4)}.hub-leeg{padding:var(--afb-space-8) var(--afb-space-4)}.rij-link{flex-direction:column;align-items:flex-start;gap:var(--afb-space-2)}.rij-meta{margin-left:0}.hub-h2{margin-top:var(--afb-space-6)}}.hub-intro{position:fixed;inset:0;z-index:var(--afb-z-toast);background:var(--bg);display:grid;place-items:center;cursor:pointer;animation:hub-fade .2s ease}.hub-intro svg{display:block;width:100%;height:100%}.hub-intro__overslaan{position:absolute;left:0;right:0;bottom:var(--afb-space-6);text-align:center;font-size:var(--afb-text-xs);color:var(--muted)}@media (prefers-reduced-motion:reduce){.hub-intro{animation:none}}.gp-appbar,.gp-drawer,.gp-drawer-scrim{display:none}@media (max-width:820px){.gp-rail{display:none}.gp-app{grid-template-columns:minmax(0,1fr)}.gp-main{grid-column:1}.gp-appbar{position:-webkit-sticky;position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:var(--afb-space-2);height:56px;padding:0 var(--afb-space-2) 0 var(--afb-space-1);padding-top:env(safe-area-inset-top);height:calc(56px + env(safe-area-inset-top));background:var(--side);border-bottom:1px solid var(--line)}.gp-appbar__btn{width:44px;height:44px;flex:none;display:grid;place-items:center;background:transparent;border:1px solid transparent;border-radius:var(--afb-radius-sm);color:var(--afb-text-2);cursor:pointer}.gp-appbar__btn:active{background:var(--afb-surface-raised)}.gp-appbar__btn:focus-visible{outline:none;border-color:var(--afb-border-accent)}.gp-appbar__btn svg{width:19px;height:19px}.gp-appbar__id{display:flex;align-items:center;gap:var(--afb-space-2);min-width:0}.gp-appbar__mark{width:20px;height:20px;flex:none}.gp-appbar__where{font-size:var(--afb-text-base);font-weight:var(--afb-weight-semi);color:var(--afb-text-1);letter-spacing:var(--afb-tracking-tight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gp-appbar__act{margin-left:auto;padding-right:var(--afb-space-2)}.gp-appbar__act .afb-btn{min-height:36px}.gp-drawer-scrim{display:block;position:fixed;inset:0;z-index:40;background:var(--afb-backdrop);opacity:0;pointer-events:none;transition:opacity var(--afb-dur-modal) var(--afb-ease-out)}.gp-drawer{display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:41;width:min(84vw,320px);padding:var(--afb-space-5) var(--afb-space-4);padding-top:calc(var(--afb-space-5) + env(safe-area-inset-top));padding-bottom:calc(var(--afb-space-5) + env(safe-area-inset-bottom));background:var(--side);border-right:1px solid var(--line);box-shadow:var(--shadow);transform:translateX(-102%);transition:transform var(--afb-dur-modal) var(--afb-ease-out);overflow-y:auto}body.gp-nav .gp-drawer-scrim{opacity:1;pointer-events:auto}body.gp-nav .gp-drawer{transform:none}body.gp-nav{overflow:hidden}.gp-drawer__head{display:flex;align-items:center;gap:var(--afb-space-3);padding:0 var(--afb-space-2) var(--afb-space-5)}.gp-drawer__mark{width:26px;height:26px;flex:none}.gp-drawer__name{font-size:var(--afb-text-md);font-weight:var(--afb-weight-semi);color:var(--ink);letter-spacing:var(--afb-tracking-tight)}.gp-drawer__ver{margin-left:auto;font-size:var(--afb-text-xs);color:var(--afb-text-4)}.gp-drawer__label{font-size:var(--afb-text-xs);font-weight:var(--afb-weight-medium);color:var(--muted);padding:0 var(--afb-space-3);margin-bottom:var(--afb-space-2)}.gp-drawer__nav{display:flex;flex-direction:column;gap:2px;margin-bottom:var(--afb-space-6)}.gp-drawer__item{min-height:48px;position:relative}.gp-drawer__item svg{width:18px;height:18px;flex:none}.gp-drawer__item:focus-visible{outline:var(--afb-focus-ring) solid var(--afb-accent-400);outline-offset:var(--afb-focus-offset)}.gp-drawer__count{margin-left:auto;font-size:var(--afb-text-xs);color:var(--afb-text-4);font-family:var(--afb-font-mono)}.gp-drawer__rule{height:1px;margin:var(--afb-space-4) var(--afb-space-2);background:var(--line)}.gp-drawer__foot{margin-top:auto;padding-top:var(--afb-space-4);border-top:1px solid var(--line)}}