@media (width>=761px){:where(:root[data-ontwerp=v2]) .modal.gp-560{max-width:560px}:where(:root[data-ontwerp=v2]) .modal.gp-460{max-width:460px}:where(:root[data-ontwerp=v2]) .modal.gp-420{max-width:420px}}:where(:root[data-ontwerp=v2]) .modal.gp .modal-eyebrow[style*=--a-navy]{color:var(--ink2)!important}:where(:root[data-ontwerp=v2]) .gp-rij{grid-template-columns:1fr 1fr;gap:16px;display:grid}:where(:root[data-ontwerp=v2]) .gp-veld{flex-direction:column;gap:6px;min-width:0;display:flex}:where(:root[data-ontwerp=v2]) .gp-veld>span{color:var(--ink);font-size:13px;font-weight:600;line-height:16px}:where(:root[data-ontwerp=v2]) .gp-inp{box-sizing:border-box;background:var(--card);width:100%;height:40px;color:var(--ink);font:inherit;border:1px solid #0e143029;border-radius:10px;outline:none;padding:0 12px;font-size:14px}:where(:root[data-ontwerp=v2]) .gp-inp:focus{border-color:var(--fam-iris);box-shadow:0 0 0 3px var(--fam-iris-soft)}:where(:root[data-ontwerp=v2]) .gp-keuze{appearance:none;cursor:pointer;background:var(--card) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238B92AB' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;padding-right:36px}:where(:root[data-ontwerp=v2]) .gp-tekst{resize:vertical;height:auto;min-height:96px;padding:10px 12px;line-height:21px}:where(:root[data-ontwerp=v2]) .gp-vink{appearance:none;box-sizing:border-box;background:var(--card);cursor:pointer;border:1.5px solid #0e143047;border-radius:5px;flex:0 0 18px;width:18px;height:18px;margin:0}:where(:root[data-ontwerp=v2]) .gp-vink:checked{border-color:var(--a-aqua);background:var(--a-aqua) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/12px no-repeat}:where(:root[data-ontwerp=v2]) .gp-vink:focus-visible{box-shadow:0 0 0 3px var(--fam-iris-soft);outline:none}:where(:root[data-ontwerp=v2]) .gp-kaartje{background:var(--bg);border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex}:where(:root[data-ontwerp=v2]) .gp-avatar{background:var(--a-gold-soft);width:32px;height:32px;color:var(--a-gold);border-radius:50%;flex:0 0 32px;place-items:center;font-size:13px;font-weight:700;display:grid}:where(:root[data-ontwerp=v2]) .gp-kaartje-tekst{flex-direction:column;flex:1;min-width:0;display:flex}:where(:root[data-ontwerp=v2]) .gp-kaartje-tekst b{font-size:14px;font-weight:700}:where(:root[data-ontwerp=v2]) .gp-kaartje-tekst span{color:var(--ink3);font-size:12.5px}:where(:root[data-ontwerp=v2]) .gp-uitleg{background:var(--a-green-soft);border-radius:12px;gap:10px;padding:12px 14px;font-size:13px;line-height:20px;display:flex}:where(:root[data-ontwerp=v2]) .gp-uitleg-ic{color:var(--a-green);flex:0 0 16px;padding-top:2px;line-height:0}:where(:root[data-ontwerp=v2]) .gp-uitleg-ic svg{width:16px;height:16px}:where(:root[data-ontwerp=v2]) .gp-groep{flex-direction:column;gap:8px;display:flex}:where(:root[data-ontwerp=v2]) .gp-kop{font-size:13px;font-weight:600}:where(:root[data-ontwerp=v2]) .gp-seg{background:var(--bg-deep);border-radius:10px;align-self:flex-start;gap:2px;padding:4px;display:inline-flex}:where(:root[data-ontwerp=v2]) .gp-seg button{height:32px;color:var(--ink2);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0 12px;font-size:13px;font-weight:600}:where(:root[data-ontwerp=v2]) .gp-seg button.on{background:var(--card);color:var(--ink);box-shadow:0 1px 2px #0e14301a}:where(:root[data-ontwerp=v2]) .gp-regel{box-sizing:border-box;border-bottom:1px solid var(--line);cursor:pointer;align-items:center;gap:12px;height:48px;font-size:14px;display:flex}:where(:root[data-ontwerp=v2]) .gp-regel-tekst{flex:1;min-width:0}:where(:root[data-ontwerp=v2]) .gp-regel b{font-variant-numeric:tabular-nums;font-weight:700}:where(:root[data-ontwerp=v2]) .gp-som{font-variant-numeric:tabular-nums;flex-direction:column;gap:6px;font-size:13.5px;display:flex}:where(:root[data-ontwerp=v2]) .gp-som>div{justify-content:space-between;display:flex}:where(:root[data-ontwerp=v2]) .gp-som>div>span:first-child{color:var(--ink2)}:where(:root[data-ontwerp=v2]) .gp-som-totaal>span:last-child{font-weight:700}:where(:root[data-ontwerp=v2]) .gp-noot{color:var(--ink3);font-size:12px;line-height:16px}:where(:root[data-ontwerp=v2]) .gp-kaart{box-sizing:border-box;background:var(--card);border-radius:20px;flex-direction:column;gap:16px;width:420px;max-width:92%;max-height:100%;padding:24px;display:flex;overflow-y:auto;box-shadow:0 24px 64px -16px #0e143052}:where(:root[data-ontwerp=v2]) .gp-icoon{background:var(--bg-deep);width:40px;height:40px;color:var(--ink);border-radius:12px;place-items:center;line-height:0;display:grid}:where(:root[data-ontwerp=v2]) .gp-icoon svg{width:20px;height:20px}:where(:root[data-ontwerp=v2]) .gp-kaart-kop{flex-direction:column;gap:6px;display:flex}:where(:root[data-ontwerp=v2]) .gp-kaart-kop h3{font:700 18px/26px var(--font-display);margin:0}:where(:root[data-ontwerp=v2]) .gp-kaart-kop p{color:var(--ink2);margin:0;font-size:14px;line-height:21px}:where(:root[data-ontwerp=v2]) .gp-kaart-velden{flex-direction:column;gap:12px;display:flex}:where(:root[data-ontwerp=v2]) .gp-vinkrij{cursor:pointer;align-items:center;gap:10px;font-size:13px;display:inline-flex}:where(:root[data-ontwerp=v2]) .gp-waarschuwing{color:var(--a-gold);font-size:11.5px}:where(:root[data-ontwerp=v2]) .gp-acts{justify-content:flex-end;gap:8px;display:flex}:where(:root[data-ontwerp=v2]) .gp-tekst-blok{flex-direction:column;gap:10px;font-size:13.5px;line-height:20px;display:flex}:where(:root[data-ontwerp=v2]) .gp-hist-rij{grid-template-columns:136px 1fr;gap:12px;padding:9px 0;font-size:13px;display:grid}:where(:root[data-ontwerp=v2]) .gp-hist-rij+.gp-hist-rij{border-top:1px solid var(--line)}:where(:root[data-ontwerp=v2]) .gp-hist-tijd{color:var(--ink3);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11.5px;line-height:18px}:where(:root[data-ontwerp=v2]) .gp-hist-detail{color:var(--ink3)}@media (width<=760px){:where(:root[data-ontwerp=v2]) .gp-rij{grid-template-columns:1fr}}:where(:root[data-ontwerp=v2]) .gp-kaart .gp-sub,:where(:root[data-ontwerp=v2]) .gp-kaart .gp-kruis{display:none}@media (width<=760px){:where(:root[data-ontwerp=v2]) .modal-overlay>.gp-kaart:has(>.gp-kruis){grid-template-columns:minmax(0,1fr) 32px;grid-template-areas:"titel kruis""sub kruis""uitleg uitleg""velden velden""acts acts";gap:0 12px;padding:8px 0 0;display:grid;overflow:hidden}:where(:root[data-ontwerp=v2]) .gp-kaart:has(>.gp-kruis)>.gp-icoon{display:none}:where(:root[data-ontwerp=v2]) .gp-kaart:has(>.gp-kruis)>.gp-kaart-kop{display:contents}:where(:root[data-ontwerp=v2]) .gp-kaart:has(>.gp-kruis) .gp-kaart-kop h3{font:700 18px/24px var(--font-display);grid-area:titel;padding:10px 0 0 16px}:where(:root[data-ontwerp=v2]) .gp-kaart:has(>.gp-kruis) .gp-kaart-kop .gp-sub{color:var(--ink2);grid-area:sub;padding:3px 0 12px 16px;font-size:13px;line-height:18px;display:block}:where(:root[data-ontwerp=v2]) .gp-kaart:has(>.gp-kruis)>.gp-kruis{background:var(--bg-deep);width:32px;height:32px;color:var(--ink2);cursor:pointer;border:0;border-radius:50%;grid-area:kruis;align-self:start;place-items:center;margin:10px 16px 0 0;padding:0;line-height:0;display:grid}:where(:root[data-ontwerp=v2]) .gp-kaart:has(>.gp-kruis)>.gp-kruis svg{width:16px;height:16px}:where(:root[data-ontwerp=v2]) .gp-kaart:has(>.gp-kruis) .gp-kaart-kop p{background:var(--bg);color:var(--ink2);border-radius:10px;grid-area:uitleg;margin:4px 16px 14px;padding:10px 12px;font-size:13px;line-height:19px}:where(:root[data-ontwerp=v2]) .gp-kaart:has(>.gp-kruis)>.gp-kaart-velden{grid-area:velden;gap:14px;min-height:0;padding:0 16px 16px;overflow-y:auto}:where(:root[data-ontwerp=v2]) .gp-kaart:has(>.gp-kruis) .gp-inp{height:44px;font-size:15px}:where(:root[data-ontwerp=v2]) .gp-kaart:has(>.gp-kruis) .gp-tekst{height:auto;min-height:88px;line-height:22px}:where(:root[data-ontwerp=v2]) .gp-kaart:has(>.gp-kruis) .gp-vink{border-radius:6px;flex-basis:22px;width:22px;height:22px}:where(:root[data-ontwerp=v2]) .gp-kaart:has(>.gp-kruis) .gp-vinkrij{font-size:14px}:where(:root[data-ontwerp=v2]) .gp-kaart:has(>.gp-kruis)>.gp-acts{padding:12px 16px calc(30px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);background:var(--card);flex-direction:column-reverse;grid-area:acts;gap:8px}:where(:root[data-ontwerp=v2]) .gp-kaart:has(>.gp-kruis)>.gp-acts .btn{justify-content:center;width:100%;height:40px}}@media (width>=761px){:where(:root[data-ontwerp=v2]) .confirm-card.fd-440{width:440px}:where(:root[data-ontwerp=v2]) .confirm-card.fd-440 .confirm-ic{border-radius:12px;width:44px;height:44px}:where(:root[data-ontwerp=v2]) .confirm-card.fd-440 .confirm-sub{font:400 14px/22px var(--font-body);color:var(--ink2);margin:-10px 0 0}}:where(:root[data-ontwerp=v2]) .gp-lead{color:var(--ink2);font-size:14px;line-height:22px}:where(:root[data-ontwerp=v2]) .gp-herstart{align-items:center;gap:12px;display:flex}:where(:root[data-ontwerp=v2]) .gp-herstart .gp-dagen{flex:0 0 120px;width:120px}:where(:root[data-ontwerp=v2]) .gp-herstart-tekst{color:var(--ink2);min-width:0;margin-top:26px;font-size:14px}