/* Centrale tabelweergave. Het gebied begrenst vastgezette bediening;
   inhoud na het gebied blijft onderdeel van dezelfde paginascroll. */
body .applicatie-inhoud:has([data-tabelgebied]){padding:0!important;isolation:isolate;display:block!important;overflow:auto!important}
body .applicatie-inhoud:has([data-tabelgebied])>.systeem-pagina{width:100%;max-width:none;padding:0!important;display:block!important;overflow:visible!important}
body [data-tabelgebied]{--tabel-hoek:10px;--tabel-overstek:16px;position:relative;display:block;overflow:visible;min-width:0;margin:0;padding:0;isolation:isolate}
body [data-tabelgebied]>.tabel-filter{position:sticky!important;top:calc(-1 * var(--tabel-overstek))!important;left:0;z-index:40;margin:0!important;padding:var(--tabel-hoek) 16px 0!important;border:1px solid var(--kleur-icoon,#91a4b0);border-radius:var(--tabel-hoek);background:var(--kleur-icoontekst,#f0f0f0);color:var(--vlak-tekst,#111);box-sizing:border-box;text-align:left}
body .tabel-filter>summary{cursor:pointer;padding:9px 0;min-height:24px;font-weight:600;line-height:24px}
body .tabel-filter [hidden]{display:none!important}
body .tabel-filter .tabel-filtervelden{display:flex!important;flex-wrap:wrap;gap:10px 16px;align-items:center;padding:4px 0!important;margin:0!important;border:0;border-radius:0;background:transparent;box-shadow:none;position:static!important;max-width:100%}
body .tabel-filter .tabel-filtervelden>label{flex:0 1 250px;min-width:0;max-width:100%;width:auto;display:flex;align-items:center;gap:8px;margin:0}
body .tabel-filter .tabel-filtervelden :is(select,input:not([type=checkbox]),.zoekkeuze){max-width:100%;min-width:0;box-sizing:border-box}
body .tabel-filter .tabel-filtervelden>.overzicht-filterregel:has([data-ja-nee]){flex:0 0 auto;min-width:0}
.tabel-filter .overzicht-filtervoet{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:6px 0 10px}
.tabel-filter .overzicht-filtervoet:empty{display:none}
.tabel-filter .overzicht-filtervoet>p{margin:0 0 0 auto;text-align:right}
body [data-tabelgebied] table{margin:0;width:100%;border-collapse:separate;border-spacing:0}
body [data-tabelgebied] thead th{border-radius:0;background:var(--kleur-icoontekst,#f0f0f0);background-image:none}
body [data-tabelgebied]>.tabel-onderbalk{position:sticky!important;bottom:-10px;left:0;margin:0!important;padding:10px 0;clip-path:inset(10px 0 0);gap:0;align-items:center;overflow:hidden;border:1px solid var(--kleur-icoon,#91a4b0);border-radius:10px;background:var(--kleur-icoontekst,#f0f0f0);background-image:none;justify-content:flex-start;z-index:45;max-width:100%}
body [data-tabelgebied]>.tabel-onderbalk>button{margin:-8px 0!important;min-height:60px;padding:17px 16px;clip-path:inset(8px 0);flex:0 1 auto;max-width:100%;white-space:normal}
body [data-tabelgebied]>.tabel-onderbalk>p:not(:empty){padding:10px 16px}
body [data-tabelgebied]>.tabel-filter::before{content:"";position:absolute;inset:auto 0 0;height:10px;background:var(--kleur-icoontekst,#f0f0f0);z-index:-1;pointer-events:none}
body [data-tabelgebied]>.gebruikers-tabelvak{border:0;border-radius:0;padding:0;background:transparent}

body [data-wp-toestemmingen]:has([data-tabelgebied]){display:block;height:auto;min-height:0;overflow:visible}
body [data-tabelgebied]>:is(.wp-lijst,.radio-tabel-scroll,.aanvraag-tabel,.eigen-links-tabel){overflow:visible!important;max-height:none!important}

body [data-tabelstandaard] .tabel-actieuitleg{display:flex;gap:2px;align-items:center;justify-content:center;white-space:nowrap}
body [data-tabelstandaard] th.tabel-actiekop{width:1%;white-space:nowrap;min-width:44px}
body [data-tabelstandaard] .tabel-uitlegknop{display:grid;place-items:center;flex:0 0 32px;width:32px;min-width:32px;min-height:32px;height:32px;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:none!important;background-image:none!important;box-shadow:none!important;text-shadow:none!important;cursor:help}

body [data-tabelstandaard] .tabel-uitlegknop img{width:22px;height:22px;object-fit:contain}
@container(max-width:850px){
 body .wp-lijst [data-tabelstandaard] thead{display:block;position:sticky;top:var(--tabel-kop-top,0px);z-index:30;background:var(--kleur-icoontekst,#f0f0f0)}
 body .wp-lijst [data-tabelstandaard] thead tr{display:flex;margin:0;padding:0;border:0;border-radius:0}
 body .wp-lijst [data-tabelstandaard] thead th:not(.tabel-actiekop):not(.tabel-vinkkop){display:none}
 body .wp-lijst [data-tabelstandaard] thead th{position:static}
}

/* Opaque basis beschermt ook tegen een themakleur met een alpha-kanaal. */
body :is(.tabel-filter,.tabel-onderbalk,.tabel-vastfilter,.beheer-keuzebalk){background-color:var(--kleur-icoontekst,#f0f0f0);background-image:linear-gradient(var(--kleur-icoontekst,#f0f0f0),var(--kleur-icoontekst,#f0f0f0)),linear-gradient(#f0f0f0,#f0f0f0)}
body [data-selectie-vooraan]{width:1%;white-space:nowrap}

/* Bestaande gebruikersacties volgen dezelfde aaneengesloten rij als andere tabelknoppen. */
body [data-tabelstandaard] .tabel-rijacties>.gebruikers-acties{display:flex;flex-wrap:nowrap;align-items:stretch;gap:0;width:max-content;min-width:100%;height:100%;margin:0}