/* 3.11.80: live classroom continuity, clear Zoom controls and teacher overview. */
.sp-teacher-student-group>h3 span{
  display:inline-grid!important;place-items:center!important;width:28px!important;min-width:28px!important;height:28px!important;padding:0!important;line-height:1!important;text-align:center!important;
}
body:has(.sp-classroom[data-sp-classroom]) .sp-classroom[data-sp-classroom] .sp-class-topbar{
  position:relative!important;top:auto!important;left:auto!important;right:auto!important;width:auto!important;z-index:2147482000!important;display:flex!important;visibility:visible!important;opacity:1!important;transform:none!important;pointer-events:auto!important;flex:none!important;
}
body:has(.sp-classroom[data-sp-classroom] .sp-class-panel[data-class-panel="board"].is-active) .sp-classroom[data-sp-classroom] .sp-class-topbar{
  display:none!important;
}
body.admin-bar:has(.sp-classroom[data-sp-classroom]) .sp-classroom[data-sp-classroom] .sp-class-topbar{top:auto!important}
body:has([data-sp-classroom]) .sp-class-main{padding-top:0!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important}
body:has([data-sp-classroom]) .sp-class-panels{height:auto!important;min-height:0!important;flex:1 1 auto!important}
.sp-zoom-window{z-index:2147483000!important}
body:has([data-sp-classroom])>[class*="zm-"],body:has([data-sp-classroom])>[id*="zm-"],body:has([data-sp-classroom])>[class*="zoom" i]:not(.sp-zoom-window){z-index:2147483001!important}
.sp-zoom-window>.sp-zoom-move-handle{pointer-events:auto!important}
/* Only the self-view is mirrored. Remote video and every screen share keep their real orientation. */
.sp-zoom-window video,.sp-zoom-window canvas{transform:none!important;scale:1 1!important}
.sp-zoom-window :is([class*="share" i],[class*="screen" i]) video,
.sp-zoom-window :is([class*="share" i],[class*="screen" i]) canvas,
body:has([data-sp-classroom])>[class*="zm-"] :is([class*="share" i],[class*="screen" i]) video,
body:has([data-sp-classroom])>[class*="zm-"] :is([class*="share" i],[class*="screen" i]) canvas{transform:none!important;scale:1 1!important}
.sp-zoom-window :is([class*="footer" i],[class*="toolbar" i],[class*="notification" i],[class*="toast" i],[class*="dark" i]),
.sp-zoom-window :is([class*="footer" i],[class*="toolbar" i],[class*="notification" i],[class*="toast" i],[class*="dark" i]) *{color:#fff!important}
[data-sp-classroom][data-active-section="homework"] .sp-class-lesson-sections{display:none!important}
.sp-homework-exercise-menu{position:relative;margin-left:auto}
.sp-homework-exercise-menu>[data-homework-menu]{display:grid!important;place-items:center!important;width:36px!important;height:36px!important;padding:0!important;border:0!important;border-radius:50%!important;background:#eee7f6!important;color:#4f326d!important;font-weight:800!important;letter-spacing:1px!important;cursor:pointer!important}
.sp-homework-exercise-menu>div{position:absolute;z-index:120;top:40px;right:0;min-width:190px;padding:7px;border:1px solid #e1d5ec;border-radius:14px;background:#fff;box-shadow:0 12px 32px rgba(43,27,60,.18)}
.sp-homework-exercise-menu>div[hidden]{display:none!important}
.sp-homework-exercise-menu>div button{width:100%;padding:10px 12px;border:0;border-radius:10px;background:#f7f2fb;color:#3e2854;text-align:left;font:inherit;font-weight:700;cursor:pointer}
.sp-homework-exercise.is-teacher-focus,.sp-class-assigned-exercises>article.is-teacher-focus{position:relative!important;z-index:2!important;outline:4px solid #d9364f!important;outline-offset:5px!important;animation:spExerciseFocusPulse .72s ease-in-out 7!important}
@keyframes spExerciseFocusPulse{0%,100%{outline-color:#d9364f;box-shadow:0 0 0 0 rgba(217,54,79,.5)}50%{outline-color:#ff173d;box-shadow:0 0 0 10px rgba(217,54,79,0)}}
@media(prefers-reduced-motion:reduce){.sp-homework-exercise.is-teacher-focus,.sp-class-assigned-exercises>article.is-teacher-focus{animation:none!important}}
@media(max-width:782px){body.admin-bar:has(.sp-classroom[data-sp-classroom]) .sp-classroom[data-sp-classroom] .sp-class-topbar{top:auto!important}}
.sp-zoom-window .sp-zoom-camera-media{scale:-1 1!important}
.sp-zoom-window .sp-zoom-share-media{scale:1 1!important}
.sp-zoom-essential-controls{position:absolute!important;z-index:2147483647!important;left:50%!important;bottom:8px!important;display:none!important;align-items:center!important;gap:8px!important;padding:7px 9px!important;border-radius:16px!important;background:rgba(24,20,29,.92)!important;box-shadow:0 8px 24px rgba(0,0,0,.32)!important;transform:translateX(-50%)!important;pointer-events:auto!important}
.sp-zoom-window.is-sharing>.sp-zoom-essential-controls{display:flex!important}
.sp-zoom-essential-controls button{display:grid!important;place-items:center!important;width:38px!important;height:38px!important;min-width:38px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:#fff!important;color:#17131c!important;-webkit-text-fill-color:#17131c!important;font-size:17px!important;line-height:1!important;box-shadow:none!important;cursor:pointer!important}
.sp-zoom-essential-controls button.is-off,.sp-zoom-essential-controls [data-sp-zoom-leave]{background:#a84d56!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
.sp-zoom-window.is-sharing{top:2px!important;max-height:calc(100dvh - 4px)!important}
