.agenda-kiezer{display:grid;gap:16px;color:var(--inkt)}.agenda-kiezer--leeg p{margin:0;font-size:15px;color:var(--inkt-2)}.agenda-kiezer__dagen{display:flex;gap:8px;overflow-x:auto;padding:4px;margin:-4px;scroll-snap-type:x proximity;scrollbar-width:thin}.agenda-dag{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:60px;height:56px;min-height:56px;padding:0 12px;scroll-snap-align:start;border:1px solid var(--lijn);border-radius:var(--straal-klein);background:var(--vlak);color:var(--inkt);cursor:pointer;transition:background-color var(--duur-tik) var(--curve-standaard),color var(--duur-tik) var(--curve-standaard),transform var(--duur-tik) var(--curve-standaard)}.agenda-dag__weekdag{font-size:15px;line-height:1;color:var(--inkt-2)}.agenda-dag__nummer{font-size:17px;font-weight:600;line-height:1.1}.agenda-dag[aria-checked=true]{background:var(--inkt);border-color:var(--inkt);color:var(--vlak)}.agenda-dag[aria-checked=true] .agenda-dag__weekdag{color:var(--vlak)}.agenda-kiezer__tijden{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.agenda-tijd{height:44px;min-height:44px;border:1px solid var(--lijn);border-radius:var(--straal-klein);background:var(--vlak);color:var(--inkt);font-size:15px;font-variant-numeric:tabular-nums;cursor:pointer;transition:background-color var(--duur-tik) var(--curve-standaard),color var(--duur-tik) var(--curve-standaard),transform var(--duur-tik) var(--curve-standaard)}.agenda-tijd[aria-checked=true]{background:var(--merk);border-color:var(--merk);color:var(--vlak)}.agenda-dag:focus-visible,.agenda-knop:focus-visible,.agenda-tekstknop:focus-visible,.agenda-tijd:focus-visible{outline:2px solid var(--merk);outline-offset:2px}.agenda-dag:not(:disabled):active,.agenda-knop:not(:disabled):active,.agenda-tijd:not(:disabled):active{transform:scale(.97)}.agenda-dag:disabled,.agenda-tijd:disabled{cursor:not-allowed;opacity:.5}@media (hover:hover){.agenda-dag:not(:disabled):not([aria-checked=true]):hover,.agenda-tijd:not(:disabled):not([aria-checked=true]):hover{background:var(--verdiept)}}.agenda-bevestiging:focus{outline:none}.agenda-bevestiging{display:grid;gap:16px;padding:20px;border:1px solid var(--lijn);border-radius:var(--straal-kaart);background:var(--vlak);box-shadow:var(--diepte-1);color:var(--inkt)}.agenda-bevestiging__kop{display:flex;align-items:center;gap:12px}.agenda-bevestiging__vink{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:40px;height:40px;border-radius:50%;background:color-mix(in srgb,var(--merk) 12%,var(--vlak));color:var(--merk)}.agenda-bevestiging__status{margin:0;font-size:15px;color:var(--inkt-2)}.agenda-bevestiging__titel{margin:0;font-size:19px;font-weight:600;line-height:1.25}.agenda-bevestiging__details{display:grid;gap:8px;margin:0;padding:12px 0;border-top:1px solid var(--lijn);border-bottom:1px solid var(--lijn)}.agenda-bevestiging__details>div{display:grid;grid-template-columns:7.5rem 1fr;gap:12px;font-size:15px}.agenda-bevestiging__details dt{color:var(--inkt-3)}.agenda-bevestiging__details dd{margin:0;overflow-wrap:anywhere}.agenda-bevestiging__acties{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}.agenda-knop{padding:0 20px;border:0;border-radius:var(--straal-klein);background:var(--inkt);color:var(--vlak);font-weight:600;transition:opacity var(--duur-tik) var(--curve-standaard),transform var(--duur-tik) var(--curve-standaard)}.agenda-knop,.agenda-tekstknop{min-height:44px;font-size:15px;cursor:pointer}.agenda-tekstknop{padding:0 4px;border:0;background:none;color:var(--inkt-2);text-decoration:underline;text-underline-offset:3px}@media (hover:hover){.agenda-knop:hover{opacity:.9}.agenda-tekstknop:hover{color:var(--inkt)}}@media (max-width:360px){.agenda-bevestiging__details>div{grid-template-columns:1fr;gap:2px}}@media (prefers-reduced-motion:reduce){.agenda-dag,.agenda-knop,.agenda-tijd{transition:background-color var(--duur-tik) linear,color var(--duur-tik) linear,opacity var(--duur-tik) linear}.agenda-dag:not(:disabled):active,.agenda-knop:not(:disabled):active,.agenda-tijd:not(:disabled):active{transform:none}}