/* The join control stays docked; the live Zoom surface opens in its own movable window. */
body:has(.sp-classroom) .sp-class-content-grid:has(.sp-zoom-call){grid-template-columns:minmax(0,1fr) 330px!important;gap:14px!important;max-width:none!important;align-items:start!important}
body:has(.sp-classroom) .sp-class-right-column[data-zoom-slot]{display:flex!important;position:relative!important;min-width:0!important;overflow:visible!important}
body:has(.sp-classroom) .sp-class-call-card[data-persistent-zoom]{position:sticky!important;z-index:20!important;top:76px!important;right:auto!important;left:auto!important;bottom:auto!important;width:100%!important;max-width:330px!important;height:auto!important;margin:0!important;padding:0!important;overflow:hidden!important;border-radius:20px!important;background:#fff6e7!important;box-shadow:0 12px 34px rgba(0,47,43,.14)!important;transform:none!important;translate:none!important}
body:has(.sp-classroom) .sp-class-call-card[data-persistent-zoom] .sp-zoom-frame-bar{min-height:44px!important}
body:has(.sp-classroom) .sp-class-call-card[data-persistent-zoom] .sp-zoom-placeholder{display:flex!important;min-height:175px!important;padding:18px!important}
body:has(.sp-classroom) .sp-class-call-card[data-persistent-zoom] .sp-zoom-placeholder>span{font-size:32px!important}
body:has(.sp-classroom) .sp-class-call-card[data-persistent-zoom] .sp-zoom-placeholder h2{font-size:19px!important}
body:has(.sp-classroom) .sp-class-call-card[data-persistent-zoom] .sp-zoom-brand-button{min-width:0!important;width:100%!important;min-height:46px!important;padding:10px 14px!important;font-size:15px!important}
body:has(.sp-classroom) .sp-class-lesson-sections{display:none!important}
.sp-zoom-floating-window{position:fixed;z-index:99990;top:76px;right:18px;width:560px;height:520px;min-width:360px;min-height:360px;max-width:calc(100vw - 36px);max-height:calc(100vh - 94px);overflow:hidden;resize:both;border-radius:22px;background:#fff6e7;box-shadow:0 24px 70px rgba(0,47,43,.27)}
.sp-zoom-floating-window.is-dragging{user-select:none;box-shadow:0 30px 82px rgba(0,47,43,.34)}
.sp-zoom-floating-handle{display:flex;align-items:center;min-height:44px;padding:0 16px;background:#c4b2d7;color:#002f2b;font-weight:800;cursor:grab;touch-action:none}
.sp-zoom-floating-window.is-dragging .sp-zoom-floating-handle{cursor:grabbing}
.sp-zoom-floating-window .sp-zoom-root,.sp-zoom-floating-window .sp-zoom-root>div{display:block!important;width:100%!important;height:calc(100% - 44px)!important;min-height:0!important;max-height:none!important;overflow:hidden!important;border-radius:0 0 22px 22px!important;background:#fff6e7!important}
.sp-zoom-floating-window .sp-zoom-root>div{height:100%!important}
@media(max-width:900px){body:has(.sp-classroom) .sp-class-content-grid:has(.sp-zoom-call){grid-template-columns:1fr!important}body:has(.sp-classroom) .sp-class-right-column[data-zoom-slot]{display:block!important;grid-row:1!important}body:has(.sp-classroom) .sp-class-call-card[data-persistent-zoom]{position:relative!important;top:auto!important;margin:0 0 14px auto!important;max-width:330px!important}}
@media(max-width:600px){.sp-zoom-floating-window{top:64px;right:8px;width:calc(100vw - 16px);min-width:0;height:min(500px,calc(100vh - 80px));resize:none}body:has(.sp-classroom) .sp-class-call-card[data-persistent-zoom]{max-width:100%!important}}