/* KEDU_QA_GALLERY_V6: host and approved guests see each connected speaker */
.kl-panel.kl-qa-live .kl-stage, .kl-panel.kl-guest-connected .kl-stage {
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:12px!important;align-content:start!important;align-items:stretch!important;
 justify-content:stretch!important;min-height:240px!important;
 max-height:min(62dvh,720px)!important;overflow-y:auto!important;
 overflow-x:hidden!important;padding:16px!important;
}
.kl-panel.kl-qa-live .kl-stage>video, .kl-panel.kl-guest-connected .kl-stage>video {
 display:block!important;grid-column:auto!important;grid-row:auto!important;
 width:100%!important;height:100%!important;min-height:0!important;
 max-height:none!important;aspect-ratio:16/10!important;
 object-fit:cover!important;border-radius:18px!important;
 background:#06291f!important;
}
.kl-panel.kl-qa-live .kl-stage>.kl-remote-gallery,.kl-panel.kl-guest-connected .kl-stage>.kl-remote-gallery {
 display:contents!important;overflow:visible!important;max-height:none!important;
}
.kl-panel .kl-stage .kl-remote-tile.kl-qa-tile{
 display:flex!important;flex-direction:column;align-items:center;justify-content:center;
 min-height:140px!important;aspect-ratio:16/10!important;max-height:none!important;
 position:relative!important;overflow:hidden!important;border-radius:18px!important;
 background:linear-gradient(145deg,#063c32,#04271f)!important;
 border:1px solid rgba(205,251,232,.2)!important;
}
.kl-panel .kl-stage .kl-remote-tile.kl-qa-tile video{
 display:none!important;width:100%!important;height:100%!important;
 object-fit:cover!important;
}
.kl-panel .kl-stage .kl-remote-tile.kl-qa-tile.kl-qa-has-video video{display:block!important}
.kl-panel .kl-qa-placeholder{color:#d2f5e9;text-align:center;font-size:15px;
 padding:18px 14px;line-height:1.45;max-width:85%}
.kl-panel .kl-qa-placeholder[hidden]{display:none!important}
.kl-panel .kl-stage .kl-remote-name{position:absolute!important;bottom:10px!important;
 left:10px!important;z-index:3!important}
.kl-panel.kl-qa-live .kl-stage>video::after{content:''}
.kl-panel.kl-qa-live .kl-stage>span:not(.kl-participant-count),
.kl-panel.kl-guest-connected .kl-stage.kl-qa-connected>span:not(.kl-participant-count){display:none!important}
.kl-panel .kl-stage>.kl-participant-count{z-index:10!important;width:40px!important;
 height:40px!important;min-width:40px!important;min-height:40px!important;
 padding:0!important;border-radius:999px!important;display:flex!important;
 align-items:center!important;justify-content:center!important;line-height:1!important;
 top:24px!important;left:24px!important;letter-spacing:0!important;
 background:#005842!important;color:#fff!important;font-size:18px!important}
.kl-panel.kl-qa-live .kl-actions,.kl-panel.kl-guest-connected .kl-actions{
 position:relative!important;bottom:auto!important;z-index:4!important;
 margin-top:12px!important;padding:6px 0!important;
}
.kl-panel.kl-qa-live,.kl-panel.kl-guest-connected{max-height:94dvh!important;overflow-y:auto!important}
@media(min-width:1100px){
 .kl-panel.kl-qa-live .kl-stage,.kl-panel.kl-guest-connected .kl-stage{
  grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:700px){
 .kl-panel.kl-qa-live,.kl-panel.kl-guest-connected{width:100vw!important;
  max-width:none!important;min-height:100dvh!important;max-height:100dvh!important;
  border-radius:0!important;overflow-y:auto!important;padding:16px 12px!important}
 .kl-panel.kl-qa-live .kl-stage,.kl-panel.kl-guest-connected .kl-stage{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;
  max-height:none!important;min-height:240px!important;overflow:visible!important;padding:8px!important}
 .kl-panel .kl-stage .kl-remote-tile.kl-qa-tile{min-height:128px!important;
  aspect-ratio:4/5!important;border-radius:14px!important}
 .kl-panel.kl-qa-live .kl-stage>video,.kl-panel.kl-guest-connected .kl-stage>video{
  aspect-ratio:4/5!important;border-radius:14px!important}
 .kl-panel.kl-qa-live .kl-actions,.kl-panel.kl-guest-connected .kl-actions{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important}
 .kl-panel .kl-stage>.kl-participant-count{top:14px!important;left:14px!important;
  width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important}
}