/* KEDU_GUEST_STAGE_V5: once connected, show participants instead of an empty preview */
.kl-panel.kl-guest-connected{display:flex;flex-direction:column;max-height:94dvh!important;overflow-y:auto;overscroll-behavior:contain}
.kl-panel.kl-guest-connected h1{font-size:clamp(30px,4vw,46px)!important;line-height:1.12}
.kl-panel.kl-guest-connected .kl-status{margin:8px 0 14px;flex:0 0 auto}
.kl-panel.kl-guest-connected .kl-setup{display:none!important}
.kl-panel.kl-guest-connected .kl-stage{display:flex;flex:1 1 auto;flex-direction:column;gap:12px;max-height:min(60dvh,640px);min-height:180px;overflow-y:auto!important;overflow-x:hidden!important;align-items:stretch!important;justify-content:flex-start!important;padding:16px!important}
.kl-panel.kl-guest-connected .kl-stage:after{display:none!important}
.kl-panel.kl-guest-connected .kl-stage.kl-has-guests>span:not(.kl-participant-count),
.kl-panel.kl-guest-connected .kl-stage.kl-has-video>span:not(.kl-participant-count){display:none!important}
.kl-panel.kl-guest-connected .kl-stage.kl-has-guests:not(.kl-has-video)>video{display:none!important}
.kl-panel.kl-guest-connected .kl-stage>video{width:100%;height:auto!important;aspect-ratio:16/10;min-height:0!important;max-height:none!important;object-fit:cover!important;border-radius:18px;background:#082d25}
.kl-panel.kl-guest-connected .kl-stage .kl-remote-gallery{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:12px;width:100%;height:auto!important;max-height:none!important;overflow:visible!important;align-content:start}
.kl-panel.kl-guest-connected .kl-stage .kl-remote-tile{aspect-ratio:16/10;min-height:170px!important;max-height:none;overflow:hidden;border-radius:18px}
.kl-panel.kl-guest-connected .kl-stage .kl-remote-tile video{width:100%;height:100%;object-fit:cover}
.kl-panel.kl-guest-connected .kl-stage.kl-has-video.kl-has-guests{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;align-content:start!important;gap:12px}
.kl-panel.kl-guest-connected .kl-stage.kl-has-video.kl-has-guests>video{grid-column:1;align-self:start}
.kl-panel.kl-guest-connected .kl-stage.kl-has-video.kl-has-guests>.kl-remote-gallery{grid-column:2;grid-template-columns:1fr}
.kl-panel.kl-guest-connected .kl-actions{flex:0 0 auto;position:relative!important;bottom:auto!important;z-index:2;margin-top:12px!important;padding:6px 0!important}
.kl-panel.kl-guest-connected .kl-participant-count{display:inline-flex!important;align-items:center;justify-content:center;min-width:38px;min-height:38px;border-radius:999px!important;z-index:6}
.kl-panel.kl-guest-connected .kl-stage>span:not(.kl-participant-count){position:absolute;top:50%;left:50%;font-size:18px;transform:translate(-50%,-50%);text-align:center;max-width:80%}
@media(max-width:700px){
 .kl-panel.kl-guest-connected{height:100dvh!important;max-height:100dvh!important;min-height:0!important;border-radius:0!important}
 .kl-panel.kl-guest-connected h1{font-size:30px!important}
 .kl-panel.kl-guest-connected .kl-status{font-size:15px!important;line-height:1.45}
 .kl-panel.kl-guest-connected .kl-stage{max-height:none;min-height:180px;flex:1 1 auto;padding:10px!important;gap:10px}
 .kl-panel.kl-guest-connected .kl-stage.kl-has-video.kl-has-guests{grid-template-columns:1fr!important}
 .kl-panel.kl-guest-connected .kl-stage.kl-has-video.kl-has-guests>.kl-remote-gallery{grid-column:1;grid-row:1}
 .kl-panel.kl-guest-connected .kl-stage.kl-has-video.kl-has-guests>video{grid-column:1;grid-row:2;max-height:22dvh!important}
 .kl-panel.kl-guest-connected .kl-stage .kl-remote-tile{min-height:160px!important;aspect-ratio:4/3}
 .kl-panel.kl-guest-connected .kl-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 .kl-panel.kl-guest-connected .kl-actions button{min-height:50px!important;font-size:14px!important;padding:8px!important}
}