:root{--bb-bg:#f5f6f3;--bb-vlak:#fff;--bb-vlak-2:#eef0ec;--bb-tekst:#17211c;--bb-tekst-2:#5b6660;--bb-tekst-3:#8a938d;--bb-lijn:#d8ddd8;--bb-accent:#1f6f5b;--bb-op-accent:#fff;--bb-accent-zacht:#e3efea;--bb-ok:#2f7a3a;--bb-ok-zacht:#e4f2e2;--bb-let-op:#8a5a00;--bb-let-op-zacht:#fbefd5;--bb-fout:#a32d2d;--bb-fout-zacht:#fbe7e7;--bb-info:#5a3fa0;--bb-info-zacht:#ece7f8;--bb-font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--bb-radius:10px;--bb-raak:44px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bb-bg:#131a16;--bb-vlak:#1c2420;--bb-vlak-2:#242e29;--bb-tekst:#eef1ee;--bb-tekst-2:#a7b0aa;--bb-tekst-3:#7d8781;--bb-lijn:#33403a;--bb-accent:#6fbfa5;--bb-op-accent:#0f1a15;--bb-accent-zacht:#1f3a31;--bb-ok:#8fd19a;--bb-ok-zacht:#1f3324;--bb-let-op:#f0c26b;--bb-let-op-zacht:#3a2f17;--bb-fout:#f09595;--bb-fout-zacht:#3d1d1d;--bb-info:#c2b3f0;--bb-info-zacht:#2b2445;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bb-bg:#131a16;--bb-vlak:#1c2420;--bb-vlak-2:#242e29;--bb-tekst:#eef1ee;--bb-tekst-2:#a7b0aa;--bb-tekst-3:#7d8781;--bb-lijn:#33403a;--bb-accent:#6fbfa5;--bb-op-accent:#0f1a15;--bb-accent-zacht:#1f3a31;--bb-ok:#8fd19a;--bb-ok-zacht:#1f3324;--bb-let-op:#f0c26b;--bb-let-op-zacht:#3a2f17;--bb-fout:#f09595;--bb-fout-zacht:#3d1d1d;--bb-info:#c2b3f0;--bb-info-zacht:#2b2445;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}body{background:var(--bb-bg);color:var(--bb-tekst);font-family:var(--bb-font);margin:0;font-size:16px;line-height:1.5}h1,h2,h3{text-wrap:balance;margin:0;line-height:1.2}p{margin:0}.bb-pagina{max-width:960px;padding-block:20px 48px;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));gap:16px;margin:0 auto;display:grid}.bb-kaart{background:var(--bb-vlak);border:1px solid var(--bb-lijn);border-radius:var(--bb-radius);gap:12px;min-width:0;padding:16px;display:grid}.bb-kaart.bb-gedimd{background:var(--bb-vlak-2);color:var(--bb-tekst-3)}.bb-rij{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.bb-raster{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px;display:grid}.bb-klein{color:var(--bb-tekst-2);font-size:14px}.bb-mini{color:var(--bb-tekst-3);font-size:13px}.bb-getal{font-variant-numeric:tabular-nums}.bb-knop{min-height:var(--bb-raak);border-radius:var(--bb-radius);border:1px solid var(--bb-lijn);background:var(--bb-vlak);color:var(--bb-tekst);font:inherit;cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:15px;display:inline-flex}.bb-knop:hover:not(:disabled){border-color:var(--bb-tekst-3)}.bb-knop:focus-visible,.bb-veld:focus-visible{outline:2px solid var(--bb-accent);outline-offset:2px}.bb-knop.bb-hoofd{background:var(--bb-accent);color:var(--bb-op-accent);border-color:var(--bb-accent)}.bb-knop:disabled{cursor:not-allowed;color:var(--bb-tekst-3);background:var(--bb-vlak-2)}.bb-knop.bb-klein-knop{min-height:32px;padding:0 10px;font-size:13px}@media (width<=520px){.bb-knop.bb-breed-op-telefoon{width:100%}}.bb-veld{width:100%;min-height:var(--bb-raak);border-radius:var(--bb-radius);border:1px solid var(--bb-lijn);background:var(--bb-vlak);color:var(--bb-tekst);font:inherit;padding:8px 12px}textarea.bb-veld{resize:vertical;min-height:80px}.bb-label{color:var(--bb-tekst-2);gap:4px;font-size:14px;display:grid}.bb-vink{align-items:flex-start;gap:10px;padding-block:6px;font-size:15px;display:flex}.bb-vink input{width:22px;height:22px;accent-color:var(--bb-accent);flex:none;margin:1px 0 0}.bb-fout-tekst{color:var(--bb-fout);font-size:14px}.bb-pil{white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:500;display:inline-block}.bb-pil-neutraal{background:var(--bb-vlak-2);color:var(--bb-tekst-2)}.bb-pil-accent{background:var(--bb-accent-zacht);color:var(--bb-accent)}.bb-pil-ok{background:var(--bb-ok-zacht);color:var(--bb-ok)}.bb-pil-let-op{background:var(--bb-let-op-zacht);color:var(--bb-let-op)}.bb-pil-fout{background:var(--bb-fout-zacht);color:var(--bb-fout)}.bb-pil-info{background:var(--bb-info-zacht);color:var(--bb-info)}.bb-meter{gap:6px;display:grid}.bb-meter-balk{background:var(--bb-vlak-2);border-radius:4px;height:8px;overflow:hidden}.bb-meter-balk>span{background:var(--bb-ok);border-radius:4px;height:100%;display:block}.bb-meter[data-status=let_op] .bb-meter-balk>span{background:var(--bb-let-op)}.bb-meter[data-status=vol] .bb-meter-balk>span{background:var(--bb-fout)}.bb-handtekening{border:1px dashed var(--bb-tekst-3);border-radius:var(--bb-radius);touch-action:none;background:#fff;width:100%;height:150px;display:block}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.kop{gap:4px;display:grid}.kop h1{font-size:clamp(22px,5vw,30px)}.fase-kop{gap:4px;display:grid}.fase-titel{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;display:flex}.fase-titel h2{font-size:18px}.prijs{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:20px;font-weight:600}.scheiding{border-top:1px solid var(--bb-lijn);gap:10px;padding-top:12px;display:grid}.knoppen{flex-wrap:wrap;gap:8px;display:flex}@media (width<=520px){.knoppen .bb-knop{width:100%}}.punten{gap:4px;margin:0;padding-left:20px;font-size:15px;display:grid}.punten-vink{display:grid}.punten-vink .bb-vink{border-bottom:1px solid var(--bb-lijn);padding-block:10px}.tellers{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:12px;display:grid}.teller{background:var(--bb-vlak-2);border-radius:var(--bb-radius);padding:12px 14px}.teller strong{font-variant-numeric:tabular-nums;font-size:24px;display:block}.meters{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:12px;display:grid}.lijst{display:grid}.lijst>*{border-top:1px solid var(--bb-lijn)}.lijst>:first-child{border-top:0}.klantrij{all:unset;box-sizing:border-box;cursor:pointer;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;padding:12px 4px;display:flex}.klantrij:focus-visible{outline:2px solid var(--bb-accent);outline-offset:2px}.klantrij[aria-current=true]{background:var(--bb-accent-zacht);border-radius:var(--bb-radius)}.faserij{grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:8px 12px;padding-block:12px;display:grid}.pijlen{gap:4px;display:grid}.pijlen .bb-knop{width:36px;min-height:32px;padding:0}.faserij-acties{flex-wrap:wrap;grid-column:2/-1;gap:8px;display:flex}.log{color:var(--bb-tekst-2);gap:4px;max-height:260px;font-size:13px;display:grid;overflow:auto}.link-vak{word-break:break-all;background:var(--bb-vlak-2);border-radius:var(--bb-radius);-webkit-user-select:all;user-select:all;padding:8px 10px;font-family:ui-monospace,monospace;font-size:13px}.twee{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}@media (width>=900px){.twee{grid-template-columns:minmax(0,320px) minmax(0,1fr);align-items:start}}.bb-pagina.breed{max-width:1180px}details>summary{cursor:pointer;color:var(--bb-tekst-2);font-size:14px}