.wb-beheer{border:1px solid var(--line);border-radius:var(--r-card);background:var(--panel-grad,var(--panel));box-shadow:var(--card-shadow);margin:28px 0 0;padding:16px 18px}.wb-beheer-h{font-family:var(--font-display), system-ui, sans-serif;margin:0 0 4px;font-size:1.02rem;font-weight:800}.wb-beheer-sub{color:var(--dim);margin:0 0 14px;font-size:.82rem;line-height:1.4}.wb-beheer-rij+.wb-beheer-rij{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.wb-beheer-lbl{letter-spacing:.08em;text-transform:uppercase;color:var(--dim-strong,#cad2dc);margin-bottom:8px;font-size:.72rem;font-weight:800;display:block}.wb-beheer-velden{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.wb-beheer-veld{flex-direction:column;flex:0 auto;gap:5px;min-width:0;display:flex}.wb-beheer-veld.breed{flex:12rem}.wb-beheer-veld>span{color:var(--dim);font-size:.76rem}.wb-beheer-veld input,.wb-beheer-veld select{border-radius:var(--r-control);border:1px solid color-mix(in srgb, #fff 8%, var(--line));background:linear-gradient(180deg, color-mix(in srgb, var(--panel) 88%, #fff 12%), var(--panel));color:var(--txt);font:inherit;min-width:0;padding:10px 12px;font-size:1rem}.wb-beheer-veld input:focus,.wb-beheer-veld select:focus{border-color:color-mix(in srgb, var(--accent) 60%, var(--line));box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);outline:none}.wb-beheer-btn{border:1px solid var(--line);border-radius:var(--r-control);background:var(--panel);color:var(--txt);font:inherit;cursor:pointer;transition:border-color var(--dur-1) var(--ease-soft), transform var(--dur-1) var(--ease-out);flex:none;padding:10px 18px;font-weight:700}.wb-beheer-btn.primair{background:var(--grad-accent,var(--accent));color:#06140d;border-color:#0000}.wb-beheer-btn:not(:disabled):hover{transform:translateY(-1px)}.wb-beheer-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:560px){.wb-beheer-veld.breed{flex-basis:100%}.wb-beheer-velden>.wb-beheer-btn{width:100%}}.wb-beheer-tip{color:var(--dim-strong,#cad2dc);margin:8px 0 0;font-size:.8rem;line-height:1.45}.wb-beheer-tip.dim{color:var(--dim);font-size:.76rem}.wb-beheer-link{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.wb-club{margin-top:10px}.wb-club-lbl{color:var(--dim);margin-bottom:5px;font-size:.76rem;display:block}.wb-club-nu{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.wb-club-nu strong{font-weight:700}.wb-club-nu strong.leeg{color:var(--dim);font-weight:500}.wb-club-zoek{border:1px solid var(--line);border-radius:var(--r-control);background:color-mix(in srgb, var(--panel) 70%, #000 6%);margin-top:10px;padding:12px}.wb-club-zoek input{border-radius:var(--r-control);border:1px solid color-mix(in srgb, #fff 8%, var(--line));background:linear-gradient(180deg, color-mix(in srgb, var(--panel) 88%, #fff 12%), var(--panel));width:100%;color:var(--txt);font:inherit;padding:10px 12px;font-size:1rem}.wb-club-zoek input:focus{border-color:color-mix(in srgb, var(--accent) 60%, var(--line));box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);outline:none}.wb-club-lijst{max-height:15rem;margin:10px 0 0;padding:0;list-style:none;overflow-y:auto}.wb-club-keuze{border-radius:var(--r-control);width:100%;color:var(--txt);font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;padding:10px 12px;display:block}.wb-club-keuze:hover,.wb-club-keuze:focus-visible{background:color-mix(in srgb, var(--accent) 12%, transparent);border-color:color-mix(in srgb, var(--accent) 40%, transparent);outline:none}.wb-club-keuze.actief{border-color:color-mix(in srgb, var(--accent) 55%, transparent);font-weight:800}.wb-club-zoek>.wb-beheer-link{margin-top:12px}.wb-beheer-opties{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.wb-beheer-optie{border:1px solid var(--line);border-radius:var(--r-pill,999px);background:var(--panel);color:var(--txt);font:inherit;cursor:pointer;transition:border-color var(--dur-1) var(--ease-soft), background var(--dur-1) var(--ease-soft);padding:8px 14px;font-size:.82rem;font-weight:700}.wb-beheer-optie:hover{border-color:color-mix(in srgb, var(--pop) 45%, var(--line))}.wb-beheer-optie.actief{background:color-mix(in srgb, var(--pop) 20%, var(--panel));border-color:var(--pop);color:var(--txt)}.wb-beheer-rij-ff{border-radius:var(--r-card);background:color-mix(in srgb, var(--pop) 8%, transparent);margin-inline:-18px;padding:16px 18px}@media (max-width:520px){.wb-beheer-rij-ff{margin-inline:-14px}}.wb-beheer-melding{margin:14px 0 0;font-size:.86rem;font-weight:700}.wb-beheer-melding.ok{color:var(--home)}.wb-beheer-melding.fout{color:var(--pop)}.wb-beheer-inklapbaar{padding:0;overflow:hidden}.wb-beheer-summary{cursor:pointer;min-height:58px;color:var(--text);grid-template-columns:1fr auto;align-items:center;gap:12px;padding:15px 18px;font-weight:900;list-style:none;display:grid}.wb-beheer-summary::-webkit-details-marker{display:none}.wb-beheer-summary:after{content:"⌄";color:var(--accent);grid-area:1/2;margin-left:8px;font-size:1.25rem;line-height:1;transition:transform .18s}.wb-beheer-summary small{color:var(--dim);grid-area:1/2;margin-right:24px;font-size:.72rem;font-weight:700}.wb-beheer-inklapbaar[open] .wb-beheer-summary:after{transform:rotate(180deg)}.wb-beheer-inklapbaar[open] .wb-beheer-summary{border-bottom:1px solid color-mix(in srgb, var(--accent) 22%, transparent)}.wb-beheer-inhoud{padding:16px 18px 18px}@media (max-width:520px){.wb-beheer-summary{padding:13px 14px}.wb-beheer-summary small{display:none}.wb-beheer-inhoud{padding:14px}}