:root{--gold:#dfae55;--zwart:#000;--pagina:#f7f3ea;--kaart:#ffffff;--ink:#1d1b16;--ink-2:#5d5646;--accent:#8a6511;--line:#c9a24a;--chip:#f6e9c6;--rand:#e3dcc9;--ok:#2e7d32;--bad:#b3261e;--gold-bg:var(--chip);--gold-3:var(--line);--border:var(--rand)}*{box-sizing:border-box}body,html{margin:0;background:var(--pagina);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,sans-serif}body{padding-bottom:calc(150px + env(safe-area-inset-bottom, 0px))}a{color:var(--accent);text-decoration:none}h1{font-size:22px;margin:0 0 12px;color:var(--ink)}h2{font-size:17px;margin:18px 0 8px;color:var(--accent)}.wrap{max-width:760px;margin:0 auto;padding:12px 16px}header.top{display:flex;align-items:center;gap:10px;padding:10px 16px;position:-webkit-sticky;position:sticky;top:0;background:var(--zwart);color:var(--gold);z-index:5}header.top img{width:38px;height:38px;min-width:38px;flex:0 0 38px;aspect-ratio:1/1;border-radius:50%;object-fit:cover}header.top .titel{font-weight:700;flex:1 1;color:var(--gold)}header.top small{color:#b99138;display:block;font-weight:400}header.top button.link{color:#b99138}nav.tabs{position:fixed;bottom:0;left:0;right:0;display:flex;flex-wrap:wrap;background:var(--zwart);z-index:5;padding-bottom:env(safe-area-inset-bottom,0)}nav.tabs a{flex:1 1 auto;padding:13px 12px;font-size:13px;color:#8a7233;text-align:center;white-space:nowrap}nav.tabs a.actief{color:var(--gold);border-top:2px solid var(--gold);margin-top:-1px}.kaart{background:var(--kaart);border:1px solid var(--rand);border-radius:12px;padding:12px 14px;margin-bottom:10px;color:var(--ink)}.rij{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.rij.tussen{justify-content:space-between}.klein{font-size:12px;color:var(--ink-2)}.muted,.pill{color:var(--accent)}.pill{display:inline-block;padding:2px 9px;border-radius:99px;font-size:12px;background:var(--chip);border:1px solid var(--line)}.pill.bad{border-color:var(--bad);color:var(--bad);background:#fdeceb}.pill.ok{border-color:var(--ok);color:var(--ok);background:#e8f5e9}.knop,button{background:#fff;color:var(--accent);border:1px solid var(--line);border-radius:8px;padding:8px 14px;font-size:14px;cursor:pointer;font-family:inherit}.knop.vol,button.vol{background:var(--zwart);color:var(--gold);border-color:var(--zwart);font-weight:600}button.ok-actief{background:#e8f5e9;border-color:var(--ok);color:var(--ok);font-weight:600}button.bad-actief{background:#fdeceb;border-color:var(--bad);color:var(--bad);font-weight:600}button.link{background:none;border:none;padding:0;color:var(--ink-2);text-decoration:underline;font-size:12px}input,select{background:#fff;color:var(--ink);border:1px solid #cfc6af;border-radius:8px;padding:8px 10px;font-size:14px;font-family:inherit;max-width:100%}input[type=range]{padding:0;accent-color:var(--line)}form.inline{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.balk{height:8px;background:#e6dfcc;border-radius:99px;overflow:hidden}.balk>i{display:block;height:100%;background:var(--gold)}.avatar{width:34px;height:34px;border-radius:50%;background:var(--chip);border:1px solid var(--line);color:var(--accent);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;object-fit:cover;flex:none}.grid2{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.stat{font-size:26px;font-weight:700}.badge{display:inline-flex;gap:4px;align-items:center;padding:3px 10px;border-radius:99px;background:var(--chip);border:1px solid var(--line);color:var(--accent);font-size:12px;margin:2px 4px 2px 0}details>summary{cursor:pointer;color:var(--ink-2)}.dagkop{font-size:15px;font-weight:600;margin:18px 0 8px;color:var(--ink);text-transform:capitalize;border-bottom:2px solid var(--gold);padding-bottom:4px}.kaart.belangrijk{background:#fffaf0;border:2px solid var(--gold);padding:0;overflow:hidden;box-shadow:0 2px 8px rgba(138,101,17,.18)}.kaart.belangrijk .band{background:var(--gold);color:#000;font-weight:700;font-size:12px;letter-spacing:.04em;text-transform:uppercase;padding:6px 14px}.kaart.belangrijk .kaart-body{padding:12px 14px}.pill:first-letter{text-transform:uppercase}.kleurstaal{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;border:2px solid transparent;box-shadow:0 0 0 1px #0003}input:checked+.kleurstaal{border-color:#fff;box-shadow:0 0 0 3px var(--gold)}