.agenda-body{background:var(--zwart);min-height:100vh}.ag-kop{z-index:10;padding:10px var(--rand);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--lijn);background:#0b090ae6;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.ag-kop .merk{gap:12px}.ag-kop .logo{height:40px}.ag-label{font:700 .7rem/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--roze);border-left:1px solid var(--lijn);padding-left:12px}.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{font-size:clamp(2.8rem,9vw,4.2rem)}.ag-cijfers{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px;display:grid}.ag-cijfers div{background:var(--kaart);border:1px solid var(--lijn);border-radius:14px;padding:14px}.ag-cijfers b{font:500 clamp(1.5rem, 5vw, 2.1rem)/1.1 var(--serif);color:var(--roze);display:block}.ag-cijfers span{color:var(--grijs);font-size:.74rem;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(--neon);width:9px;height:9px;box-shadow:0 0 0 2px var(--zwart);border-radius:50%;position:absolute;top:7px;right:7px}.ag-tijdlijn{background:var(--kaart);border:1px solid var(--lijn);border-radius:16px;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-nu{background:var(--neon);z-index:3;height:2px;position:absolute;left:-8px;right:0}.ag-nu:before{content:"";background:var(--neon);border-radius:50%;width:10px;height:10px;position:absolute;top:-4px;left:-4px}.ag-blok{border:0;border-left:3px solid var(--grijs);background:var(--kaart-2);color:var(--tekst);text-align:left;font:inherit;cursor:pointer;z-index:2;border-radius:10px;flex-wrap:wrap;align-content:flex-start;gap:0 8px;padding:5px 10px;font-size:.82rem;line-height:1.35;transition:transform .15s;display:flex;position:absolute;left:6px;right:6px;overflow:hidden}.ag-blok:hover{transform:translate(3px)}.ag-blok.online{border-left-color:var(--roze);background:#2a1f25}.ag-blok .ag-tijd{font-variant-numeric:tabular-nums;font-weight:800}.ag-blok .ag-wat{color:var(--zacht);width:100%}.ag-blok.kort .ag-wat{width:auto}.ag-blok em{letter-spacing:.06em;text-transform:uppercase;background:var(--neon);color:#fff;border-radius:999px;padding:3px 7px;font-size:.64rem;font-style:normal;font-weight:800;position:absolute;top:6px;right:8px}.ag-blok.nieuw{border-left-color:var(--neon);background:#4a1f37;animation:1.4s ease-in-out 3 nieuw}@keyframes nieuw{50%{box-shadow:0 0 0 6px #ff5fbf40}}.ag-leeg{text-align:center;color:var(--grijs);font:italic 500 1.5rem var(--serif);padding:60px 20px}.ag-tijdlijn:has(.ag-leeg){height:auto!important}.ag-toast{z-index:40;background:var(--roze);color:#1b1015;border-radius:14px;width:max-content;max-width:calc(100vw - 32px);padding:14px 20px;font-size:.9rem;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 #000000b3}.ag-toast.weg{opacity:0;transform:translate(-50%,-20px)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-30px)}}.ag-blad{border:1px solid var(--lijn);background:var(--kaart);width:100%;max-width:560px;color:var(--tekst);border-radius:24px 24px 0 0;margin:auto auto 0;padding:0;box-shadow:0 -20px 60px -20px #000c}.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:#0009}.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.4rem}.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(--neon);font:700 .9rem var(--sans);cursor:pointer;background:0 0;border:0;margin-top:8px;padding:6px}@media (width>=700px){.ag-blad{border-radius:24px;margin:auto}}