/* ===== Onderdeel Instellingen ===== */
.pagetitel{font-family:var(--display);font-size:28px;margin:0 0 12px}
.set{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px;margin-bottom:16px;box-shadow:var(--shadow)}
.set h2{font-family:var(--display);font-size:22px;margin:0 0 4px}
.set>.hint{margin:0 0 12px}
.set-acts{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px}
.set-acts .grow{flex:1}
.set .r input[type=text],.set .r input[type=email],.set .r input[type=tel]{min-height:36px;padding:6px 8px}
.set .btn.x{min-height:36px;width:36px;padding:0;font-size:18px}
.set .r.weg{opacity:.5}.set .r.weg input{text-decoration:line-through}
.gh2{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.grid{display:grid;gap:6px 8px;align-items:center}
.grid .r{display:contents}
.grid.leden{grid-template-columns:1fr 1.4fr 1fr 40px 36px}
.grid.leden input[type=checkbox]{width:20px;height:20px;justify-self:center}
.grid.cats{grid-template-columns:1fr auto 36px;max-width:520px}
.oud{margin-top:14px;font-size:14px}
.oud summary{cursor:pointer;color:var(--muted);font-weight:600}
.oudrow{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--line);max-width:420px}
.winkels{display:grid;gap:10px}
.wk{display:grid;grid-template-columns:1fr 1fr 64px 64px 36px;grid-template-areas:"n z k t x" "b b b b ." "v v v v .";gap:6px 8px;align-items:end;padding:10px;border:1px solid var(--line);border-radius:10px}
.wk .fl:nth-child(1){grid-area:n}.wk .fl:nth-child(2){grid-area:z}.wk .fl:nth-child(3){grid-area:k}.wk .fl:nth-child(4){grid-area:t}.wk .x{grid-area:x}.wk .ban{grid-area:b}
.wk input[type=color]{width:100%;height:36px;padding:2px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}
.voorbeeld{grid-area:v;display:block;height:26px;line-height:26px;border-radius:6px;padding:0 8px;white-space:pre;overflow:hidden;font-family:var(--display);font-weight:700;font-size:14px;letter-spacing:2px}
.ok-msg{color:var(--done);font-weight:600}
.err-msg{color:var(--late)}
@media (max-width:640px){
  .grid.leden{grid-template-columns:1fr 1fr 36px;row-gap:4px}
  .grid.leden .gh2{display:none}
  .grid.leden input[data-f=naam]{grid-column:1/3}
  .grid.leden input[data-f=email]{grid-column:1/-1}
  .grid.leden input[data-f=gsm]{grid-column:1/2}
  .grid.leden input[type=checkbox]{grid-column:2/3;justify-self:start}
  .grid.leden .r::after{content:"";grid-column:1/-1;border-bottom:1px solid var(--line);margin:4px 0 6px}
  .wk{grid-template-columns:1fr 1fr 36px;grid-template-areas:"n n x" "z z ." "k t ." "b b ." "v v ."}
}