.tool-installatie-knop{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;box-sizing:border-box}
.tool-installatie-knop[hidden],[data-tool-installeren][hidden]{display:none!important}
.tool-installatie-keuzes{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center}
.radio-titelbalk{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0}
.radio-titelbalk h2{flex:1;min-width:0}
.radio-titelbalk .tool-installatie-knop{flex:0 0 32px;width:32px;height:32px;min-width:0;min-height:0}
.radio-neutraal .radio-inhoud .radio-titelbalk{margin:0 -12px 12px;padding:5px 8px;background:var(--venster-titelachtergrond);color:var(--kleur-titeltekst,inherit);border-bottom:1px solid currentColor}
.radio-neutraal .radio-inhoud .radio-titelbalk h2{margin:0;padding:0;background:none;border:0;box-shadow:none}

/* Een zelfstandige tool is de pagina zelf. De gedeelde componenthooks blijven
   beschikbaar voor aanmelding, help, popups en de centrale controlstandaarden. */
body.zelfstandige-tool{height:100dvh;background-image:none!important;background-color:#fff}
.zelfstandige-tool .bureaublad-informatie,.zelfstandige-tool .windows-taakbalk,.zelfstandige-tool #windows-startmenu{display:none!important}
body.zelfstandige-tool>.applicatie-window.tool-pagina{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);box-sizing:border-box;border:0!important;border-radius:0;outline:0;box-shadow:none}
body.zelfstandige-tool>.tool-pagina>.applicatie-inhoud{border-radius:0}
body.zelfstandige-tool>.tool-pagina>.applicatie-titelbalk{flex:0 0 auto;height:auto;min-height:56px;padding:8px clamp(12px,2vw,24px);gap:12px;border:0;border-radius:0;box-shadow:none;background:transparent;color:var(--vlak-tekst,#222)}
body.zelfstandige-tool>.tool-pagina>.applicatie-titelbalk .window-navigatie{min-width:0;flex:1}
body.zelfstandige-tool>.tool-pagina>.applicatie-titelbalk .window-navigatie-tekst{color:inherit;font-weight:600}
body.zelfstandige-tool>.tool-pagina>.applicatie-titelbalk .window-knoppen{gap:8px;flex-shrink:0}
body.zelfstandige-tool .tool-pagina :is(.window-knop-minimaliseren,.window-knop-sluiten,[data-window-action=minimize],[data-window-action=close]){display:none!important}
body.zelfstandige-tool[data-tool-aanmeldpagina="1"]>.tool-pagina>.applicatie-titelbalk{display:none}
.zelfstandige-tool .aanmeld-scherm{margin-inline:auto;max-width:700px}

/* Bestaande Chat-panelen vormen de inhoud; er komt geen extra buitenkader bij. */
body.zelfstandige-tool>.tool-pagina:has([data-chat-window])>.applicatie-inhoud{padding:clamp(8px,1.5vw,18px)}
body.zelfstandige-tool .chat-window .chat-kop .tool-pagina-acties{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin:0 0 8px;min-height:42px}
body.zelfstandige-tool .chat-window .chat-kop .tool-pagina-acties>:is(button,a){position:static;inset:auto;margin:0;flex:0 0 auto}
body.zelfstandige-tool .chat-window .chat-kopmidden{padding-top:0}
body.zelfstandige-tool .chat-window .chat-kop [data-chat-titel]{padding-right:0}

/* De radiospeler vult de pagina. De lijst scrolt en de bediening blijft staan. */
body.zelfstandige-tool>.tool-pagina:has([data-tool-radio-plek]){background:var(--kleur-radio,#ededed);color:var(--tekst-radio,#222)}
body.zelfstandige-tool>.tool-pagina>.applicatie-inhoud:has([data-tool-radio-plek]){display:flex;padding:0;overflow:hidden;background:transparent}
.zelfstandige-tool .tool-radio-plek{display:flex;flex:1;min-width:0;min-height:0;padding:clamp(12px,2vw,24px);box-sizing:border-box}
body.zelfstandige-tool .tool-radio-plek .radio-paneel{position:relative;inset:auto;display:flex;flex-direction:column;flex:1;width:100%;height:100%;min-width:0;min-height:0;max-height:none;aspect-ratio:auto;margin:0;padding:0;border:0;border-radius:0;outline:0;box-shadow:none;filter:none;background:var(--kleur-radio,#fff);color:var(--tekst-radio,#222);z-index:auto}
body.zelfstandige-tool .tool-radio-plek .radio-paneel::before{content:none}
body.zelfstandige-tool .tool-radio-plek .radio-achtergrond{display:none}
body.zelfstandige-tool .tool-radio-plek .radio-inhoud{position:static;flex:1;min-height:0;padding:0 4px 12px;border-radius:0;background:transparent}
body.zelfstandige-tool .tool-radio-plek .radio-titelbalk{display:none}
body.zelfstandige-tool .tool-radio-plek .radio-zenders{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:6px 20px;align-content:start;box-shadow:none}
body.zelfstandige-tool .tool-radio-plek .radio-zenders legend{margin-bottom:12px}
body.zelfstandige-tool .tool-radio-plek .radio-zenders label{min-width:0;overflow-wrap:anywhere}
body.zelfstandige-tool .tool-radio-plek .radio-knoppen{position:static;flex:0 0 auto;justify-content:center;padding:12px 4px 0;border:0;background:transparent}
body.zelfstandige-tool .tool-radio-plek .radio-bediening{flex:0 1 80px;min-height:48px}
@media(max-height:500px) and (min-width:600px){
 body.zelfstandige-tool .chat-window .chat-kop{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
 body.zelfstandige-tool .chat-window .chat-kopmidden{display:contents}
 body.zelfstandige-tool .chat-window .chat-kop .tool-pagina-acties{grid-column:2;grid-row:1;align-self:start;margin:0;flex-wrap:nowrap}
 body.zelfstandige-tool .chat-window .chat-kop [data-chat-titel]{grid-column:1;grid-row:1;height:48px;min-height:48px;max-height:48px;gap:8px}
 body.zelfstandige-tool .chat-window .chat-kop [data-chat-titel]>.chat-kop-avatar{width:48px;height:48px;flex-basis:48px}
 body.zelfstandige-tool .chat-window .chat-kopbediening{grid-column:1/-1;grid-row:2}
}