.agenda-body{background:var(--creme);min-height:100vh}.ag-kop{z-index:10;padding:12px var(--rand);background:var(--inkt);color:var(--wit);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.ag-kop .merk-tekst small{color:var(--goud)}.ag-kop .paal{box-shadow:inset 0 0 0 1.5px var(--wit)}.ag{max-width:760px;padding:0 var(--rand) 60px;margin:0 auto}.ag-hallo{padding:30px 0 18px}.ag-hallo .boven{text-transform:capitalize}.ag-hallo h1{letter-spacing:-.03em;font-size:clamp(2.6rem,9vw,4rem)}.ag-cijfers{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px;display:grid}.ag-cijfers div{background:var(--wit);box-shadow:inset 0 0 0 1px var(--lijn);border-radius:16px;padding:14px}.ag-cijfers b{font-family:var(--serif);letter-spacing:-.02em;font-size:clamp(1.4rem,5vw,2rem);font-weight:600;display:block}.ag-cijfers span{color:var(--grijs);font-size:.76rem;font-weight:600}.ag-dagen{scrollbar-width:none;gap:8px;margin:0 -2px 6px;padding:4px 2px 14px;display:flex;overflow-x:auto}.ag-dagen::-webkit-scrollbar{display:none}.ag-dagen .dag{width:66px;position:relative}.ag-punt{background:var(--rood);width:9px;height:9px;box-shadow:0 0 0 2px var(--creme);border-radius:50%;position:absolute;top:7px;right:7px}.ag-tijdlijn{background:var(--wit);box-shadow:inset 0 0 0 1px var(--lijn);border-radius:18px;margin:10px 0 0 52px;position:relative}.ag-uur{border-top:1px dashed var(--lijn);position:absolute;left:0;right:0}.ag-uur span{color:var(--grijs);font-variant-numeric:tabular-nums;font-size:.74rem;font-weight:700;position:absolute;top:-9px;left:-52px}.ag-pauze{background:repeating-linear-gradient(-45deg, var(--creme-2) 0 6px, transparent 6px 12px);color:var(--grijs);border-radius:10px;place-items:center;font-size:.74rem;font-weight:700;display:grid;position:absolute;left:6px;right:6px}.ag-nu{background:var(--rood);z-index:3;height:2px;position:absolute;left:-8px;right:0}.ag-nu:before{content:"";background:var(--rood);border-radius:50%;width:10px;height:10px;position:absolute;top:-4px;left:-4px}.ag-blok{border:0;border-left:4px solid var(--grijs);background:var(--creme-2);color:var(--inkt);text-align:left;font:inherit;cursor:pointer;z-index:2;border-radius:10px;flex-wrap:wrap;align-content:flex-start;gap:0 8px;padding:6px 10px;font-size:.84rem;line-height:1.35;transition:transform .15s,box-shadow .15s;display:flex;position:absolute;left:6px;right:6px;overflow:hidden}.ag-blok:hover{transform:translate(3px);box-shadow:0 6px 16px -8px #0000004d}.ag-blok.online{border-left-color:var(--goud);background:#f6ecd9}.ag-blok .ag-tijd{font-variant-numeric:tabular-nums;font-weight:800}.ag-blok .ag-wat{color:var(--inkt-zacht);width:100%}.ag-blok.kort .ag-wat{width:auto}.ag-blok em{letter-spacing:.06em;text-transform:uppercase;background:var(--rood);color:var(--wit);border-radius:999px;padding:3px 7px;font-size:.66rem;font-style:normal;font-weight:800;position:absolute;top:6px;right:8px}.ag-blok.nieuw{background:var(--rood);color:var(--wit);border-left-color:var(--goud);animation:1.4s ease-in-out 3 nieuw}.ag-blok.nieuw .ag-wat{color:#f1d9dc}.ag-blok.nieuw em{background:var(--goud);color:var(--inkt)}@keyframes nieuw{50%{box-shadow:0 0 0 6px #8a6a2f40}}.ag-leeg{text-align:center;color:var(--grijs);font-family:var(--serif);padding:60px 20px;font-size:1.4rem}.ag-tijdlijn:has(.ag-leeg){height:auto!important}.ag-toast{z-index:40;background:var(--inkt);color:var(--wit);border-radius:16px;width:max-content;max-width:calc(100vw - 32px);padding:14px 20px;font-size:.92rem;font-weight:700;transition:opacity .5s,transform .5s;animation:.5s cubic-bezier(.2,.8,.2,1.2) toast-in;position:fixed;top:76px;left:50%;transform:translate(-50%);box-shadow:0 20px 40px -14px #00000080}.ag-toast.weg{opacity:0;transform:translate(-50%,-20px)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-30px)}}.ag-blad{background:var(--wit);width:100%;max-width:560px;color:var(--inkt);border:0;border-radius:26px 26px 0 0;margin:auto auto 0;padding:0;box-shadow:0 -20px 60px -20px #00000080}.ag-blad[open]{animation:.35s cubic-bezier(.2,.8,.2,1) blad-in}@keyframes blad-in{0%{transform:translateY(100%)}}.ag-blad::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1b151273}.ag-blad form{padding:14px 22px max(22px, env(safe-area-inset-bottom));gap:16px;display:grid}.ag-blad-greep{background:var(--lijn);border-radius:5px;width:44px;height:5px;margin:0 auto 4px}.ag-blad h2{margin-bottom:14px;font-size:2.2rem}.ag-blad .boven{margin-bottom:10px}.ag-blad-knoppen{gap:10px;margin-top:16px;display:flex}.ag-blad-knoppen .knop{flex:1}.ag-annuleer{color:var(--rood);font:700 .9rem var(--sans);cursor:pointer;background:0 0;border:0;margin-top:8px;padding:6px}@media (width>=700px){.ag-blad{border-radius:26px;margin:auto}}.ag-kop .logo{height:34px}.ag-kop .merk-tekst small{margin:0}.ag-zaken{flex-wrap:wrap;gap:6px;margin:0 0 16px;display:flex}.ag-zaken button{border:1.5px solid var(--lijn);background:var(--wit);font:700 .82rem/1 var(--sans);color:var(--inkt);border-radius:999px;padding:9px 14px}.ag-zaken button[aria-selected=true]{background:var(--inkt);color:var(--wit);border-color:var(--inkt)}.ag-zaken button:disabled{opacity:.5;border-style:dashed}.ag-kop .woordmerk{font-size:1.4rem}