/* Onderdeelkaarten scrollen binnen hun eigen scherm; de acties blijven beschikbaar. */
.applicatie-inhoud:has([data-afdelingen-beheer]),.systeem-pagina:has([data-afdelingen-beheer]),[data-beheer-pagina]:has([data-afdelingen-beheer]),[data-beheer-pagina]:has([data-afdelingen-beheer])>[data-beheer-onderdelen]{display:flex;flex-direction:column;min-height:0;overflow:hidden;flex:1}
[data-afdelingen-beheer]{display:flex;flex-direction:column;min-height:0;flex:1;max-height:100%}
.afdeling-kaarten{flex:1;min-height:100px;overflow:auto;overscroll-behavior:contain;padding:0 4px}
[data-afdelingen] .afdeling-kaart{text-align:center}
[data-afdelingen] .afdeling-kaart>h2{text-align:center}
[data-afdelingen] label.afdeling-naam{text-align:center;display:block;width:min(28rem,100%);margin:12px auto}
[data-afdelingen] label.afdeling-naam>input{width:100%;text-align:center;margin:6px auto 0;box-sizing:border-box}
[data-afdelingen] .afdeling-beschikbaarheid{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;width:min(28rem,100%);margin:10px auto}
[data-afdelingen] .afdeling-beschikbaarheid .beheer-checkbox{display:flex;align-items:center;justify-content:center;gap:8px;margin:0;white-space:nowrap}
[data-afdelingen] .afdeling-beschikbaarheid .beheer-checkbox>span{min-width:0}
[data-afdelingen] .afdeling-beschikbaarheid input{margin:0}
.afdeling-balk{position:sticky;bottom:0;z-index:5;flex:none;display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;padding:12px;background:var(--kleur-icoontekst,#f4f4f4);color:var(--vlak-tekst,#111);border-top:1px solid var(--kleur-icoon,#aaa)}
.afdeling-balk>button{margin:0;min-height:44px;min-width:130px}
.afdeling-balk>p{flex-basis:100%;margin:0;text-align:center}.afdeling-balk>p:empty{display:none}
[data-afdeling-bevestiging]{width:min(440px,calc(100vw - 32px));box-sizing:border-box;max-height:90vh;overflow:auto}
[data-afdeling-bevestiging] label{display:block}[data-afdeling-bevestiging] select{display:block;width:100%;margin-top:8px}
@media(max-width:420px){[data-afdelingen] .afdeling-beschikbaarheid{gap:12px}.afdeling-balk{padding:8px}.afdeling-balk>button{min-width:110px}}