/* Toestemmingsbanner: onderbalk, blokkeert de inhoud niet. */
.toestemming{position:fixed;left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:70;display:flex;gap:1.25rem;align-items:center;justify-content:space-between;background:var(--paper);box-shadow:var(--schaduw-kaart),0 12px 32px -16px rgba(25,28,24,.35);border-radius:var(--r-kaart);padding:1rem 1.25rem;max-width:960px;margin:0 auto}
.toestemming[hidden]{display:none}
.toestemming-tekst b{display:block;color:var(--inkt);margin-bottom:.25rem}
.toestemming-tekst p{margin:0;font-size:var(--fs-sm);color:var(--tekst-2)}
.toestemming-tekst a{text-decoration:underline}
.toestemming-knoppen{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;flex:none}
.toestemming-knoppen .knop{min-width:8.5rem;justify-content:center}
body.toestemming-open .ai-knop{bottom:calc(max(16px,env(safe-area-inset-bottom)) + var(--toestemming-h,0px))}
@media (max-width:640px){.toestemming{flex-direction:column;align-items:stretch}.toestemming-knoppen{width:100%}}
/* Instellen-paneel: twee vinkjes, standaard uit. */
.toestemming-acties{display:flex;flex-direction:column;align-items:stretch;gap:.5rem;flex:none}
.toestemming-instellen{background:none;border:0;padding:.4rem;font:inherit;font-size:var(--fs-sm);color:var(--tekst-2);text-decoration:underline;cursor:pointer;text-align:center}
.toestemming-paneel{display:grid;gap:.6rem;margin-top:.75rem}
.toestemming-paneel[hidden]{display:none}
.toestemming-paneel label{display:flex;gap:.6rem;align-items:flex-start;font-size:var(--fs-sm);color:var(--tekst-2);cursor:pointer}
.toestemming-paneel input{flex:none;width:1.15rem;height:1.15rem;margin-top:.15rem}
.toestemming-paneel .knop{justify-self:start}
@media (max-width:640px){.toestemming{max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow-y:auto}.toestemming-paneel .knop{justify-self:stretch;justify-content:center}}