.scherm-acties {display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;padding:16px;margin-top:12px;flex:none;background:var(--kleur-icoontekst,#f3df9f);}
.scherm-acties[hidden],button[hidden] {display:none!important;}
.scherm-acties button {min-width:105px;min-height:44px;padding:9px 16px;font:inherit;text-align:center;cursor:pointer;}
.scherm-acties [role=status] {flex-basis:100%;text-align:center;}
.scherm-annuleer-dialoog {max-width:min(520px,90vw);border-radius:12px;padding:22px;}
.scherm-annuleer-dialoog::backdrop {background:#0006;}
thead th {position:sticky;top:0;z-index:2;}
thead th>button {position:relative;display:flex!important;align-items:center;justify-content:center;width:calc(100% - 6px)!important;min-height:40px;margin:3px!important;padding:8px 25px!important;text-align:center!important;box-sizing:border-box;}
thead th[aria-sort=ascending]>button::after {content:'▲';position:absolute;right:7px;}
thead th[aria-sort=descending]>button::after {content:'▼';position:absolute;right:7px;}
.radio-tabel-scroll {max-height:65vh;overflow:auto;}
[data-organisatie-voorbeeld] {text-align:center;margin:16px auto;}
[data-organisatie-voorbeeld] img {display:block;margin:0 auto;}
.kleur-voorbeeld {margin:22px auto;}
.kleur-menu-demo {margin:22px auto;max-width:100%;}
.kleur-menu-scroll {display:flex;justify-content:safe center;}
/* Tab en inhoud vormen één licht vlak, met een hogere actieve tab. */
[role=tablist],.tabblad-inhoud{--tabblad-vlak:color-mix(in srgb,var(--kleur-icoon,#387b98) 8%,white);--tabblad-rand:color-mix(in srgb,var(--kleur-icoon,#387b98) 65%,#555)}
body [role=tablist]{display:flex;align-items:flex-end;gap:4px;border:0;margin-bottom:0;padding-top:8px}
body [role=tablist]>[role=tab]{flex:1;margin:6px 0 0!important;min-height:40px;padding:9px 8px!important;border:1px solid var(--tabblad-rand)!important;border-bottom:0!important;border-radius:10px 10px 0 0!important;transform:none;opacity:.85;text-align:center}
body [role=tablist]>[role=tab][aria-selected=true]{position:relative;z-index:1;min-height:48px;margin-top:0!important;margin-bottom:-1px!important;padding:13px 8px!important;background:var(--tabblad-vlak)!important;color:#172c36!important;border-bottom:1px solid var(--tabblad-vlak)!important;font-weight:bold;opacity:1;box-shadow:none}
.tabblad-inhoud{box-sizing:border-box;background:var(--tabblad-vlak);color:#172c36;border:1px solid var(--tabblad-rand);border-radius:0 0 10px 10px;padding:16px;min-width:0}
.tabblad-inhoud>[role=tabpanel]{margin:0;min-width:0;max-width:100%}
.radio-overzicht-acties,.beheer-herstel-acties{display:flex;justify-content:center;gap:12px;margin-top:16px;flex-wrap:wrap}
.radio-overzicht-acties:has(>button:only-child[hidden]),.beheer-herstel-acties:has(>button:only-child[hidden]){display:none}
@media(max-width:520px){.tabblad-inhoud{padding:10px}body [role=tablist]>[role=tab]{padding-inline:5px!important}}

/* Alle bladen nemen dezelfde rastercel in: het grootste bepaalt de hoogte.
   Verborgen bladen behouden hun maat, maar zijn niet zichtbaar of bedienbaar. */
.tabblad-inhoud{display:grid;grid-template-columns:minmax(0,1fr)}
.tabblad-inhoud>[role=tabpanel]{grid-area:1/1;align-self:start}
body .tabblad-inhoud>[role=tabpanel][hidden],body [data-kleuren] .tabblad-inhoud>[role=tabpanel][hidden]{display:block!important;visibility:hidden;pointer-events:none}