/* 3.11.15 — classroom input, scrolling and whiteboard cursor reliability. */
.sp-board-student .sp-board-toolbar>[data-action="toggle-cursors"]{
  display:grid!important;
}
.sp-exercise-follow-menu,
.sp-exercise-follow-menu>button,
.sp-exercise-follow-menu>div,
.sp-exercise-follow-menu>div>button{
  pointer-events:auto!important;
}
.sp-exercise-follow-menu{z-index:80!important}
.sp-class-assigned-exercises>article>.sp-exercise-follow-menu{position:absolute!important;z-index:2147480000!important;top:14px!important;right:14px!important;isolation:isolate!important;transform:translateZ(0)!important}
.sp-class-assigned-exercises>article>.sp-exercise-follow-menu>[data-exercise-menu]{position:relative!important;z-index:2147480001!important;display:grid!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;touch-action:manipulation!important}
.sp-class-assigned-exercises>article>.sp-exercise-follow-menu>div{position:absolute!important;z-index:2147480002!important;top:46px!important;right:0!important;width:220px!important;max-width:calc(100vw - 28px)!important;display:grid!important;gap:6px!important;padding:8px!important;border:0!important;border-radius:14px!important;background:#fff!important;box-shadow:0 16px 44px rgba(0,47,43,.26)!important;pointer-events:auto!important}
.sp-class-assigned-exercises>article>.sp-exercise-follow-menu>div[hidden]{display:none!important}
.sp-class-assigned-exercises>article>.sp-exercise-follow-menu>div>button{width:100%!important;min-height:44px!important;padding:10px 13px!important;border:0!important;border-radius:10px!important;background:#fff6e7!important;color:#002f2b!important;font-weight:800!important;text-align:left!important;pointer-events:auto!important}
.sp-class-assigned-exercises>article>.sp-exercise-follow-menu>div>button:hover,.sp-class-assigned-exercises>article>.sp-exercise-follow-menu>div>button:focus-visible{background:#f6d76b!important;outline:none!important}
.sp-exercise-follow-popover{
  box-sizing:border-box!important;
  display:grid!important;
  gap:5px!important;
  padding:7px!important;
  border:0!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 16px 44px rgba(0,47,43,.24)!important;
  pointer-events:auto!important;
  white-space:normal!important;
}
.sp-exercise-follow-popover[hidden]{display:none!important}
.sp-exercise-follow-popover>button{
  width:100%!important;
  min-height:42px!important;
  padding:10px 13px!important;
  border:0!important;
  border-radius:10px!important;
  background:#fff6e7!important;
  color:#002f2b!important;
  font-weight:800!important;
  text-align:left!important;
  pointer-events:auto!important;
}
.sp-exercise-action-popover{box-sizing:border-box!important;display:grid!important;gap:6px!important;padding:8px!important;border:0!important;border-radius:14px!important;background:#fff!important;box-shadow:0 16px 44px rgba(0,47,43,.26)!important;pointer-events:auto!important}
.sp-exercise-action-popover>button{width:100%!important;min-height:44px!important;padding:10px 13px!important;border:0!important;border-radius:10px!important;background:#fff6e7!important;color:#002f2b!important;font-weight:800!important;text-align:left!important}
.sp-exercise-action-popover>button:hover,.sp-exercise-action-popover>button:focus-visible{background:#f6d76b!important;outline:none!important}
.sp-class-panel[data-class-panel="lesson"],
.sp-current-lesson,
.sp-class-assigned-exercises{
  touch-action:pan-y!important;
  overscroll-behavior-y:auto!important;
}
.sp-class-panel[data-class-panel="lesson"]{
  overflow-y:visible!important;
}
body:has(.sp-classroom) .sp-classroom:not([data-active-section="board"]) .sp-class-panels{
  scroll-behavior:auto!important;
  overscroll-behavior-y:auto!important;
  touch-action:pan-y!important;
  scrollbar-gutter:auto!important;
  will-change:auto!important;
}
body:has(.sp-classroom) .sp-class-assigned-exercises{contain:none!important}
.sp-zoom-window video,
.sp-zoom-window canvas{
  transform-origin:center center!important;
  transform:none!important;
}
.sp-zoom-window{pointer-events:auto!important;touch-action:none!important;cursor:grab!important}
.sp-zoom-window *{pointer-events:none!important}
.sp-zoom-window :is(button,a,input,select,textarea,[role="button"],[role="menuitem"],[role="slider"],[contenteditable="true"]),
.sp-zoom-window .sp-zoom-direct-grip{pointer-events:auto!important}
/* Zoom SDK creates transparent full-page portal layers. They must not block the
   classroom below; only real controls inside those portals receive input. */
body:has(.sp-classroom)>[class*="zm-"],
body:has(.sp-classroom)>[id*="zm-"],
body:has(.sp-classroom)>[class*="zoom" i]:not(.sp-zoom-window){pointer-events:none!important}
body:has(.sp-classroom)>[class*="zm-"] :is(button,a,input,select,textarea,[role="button"],[role="menuitem"],[role="slider"],[contenteditable="true"]),
body:has(.sp-classroom)>[id*="zm-"] :is(button,a,input,select,textarea,[role="button"],[role="menuitem"],[role="slider"],[contenteditable="true"]),
body:has(.sp-classroom)>[class*="zoom" i]:not(.sp-zoom-window) :is(button,a,input,select,textarea,[role="button"],[role="menuitem"],[role="slider"],[contenteditable="true"]){pointer-events:auto!important}
body:has(.sp-classroom:not([data-active-section="board"])) .sp-class-topbar{position:relative!important;z-index:90000!important;display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
body:has(.sp-classroom[data-active-section="board"]) .sp-class-topbar{display:none!important}
body:has(.sp-class-panel[data-class-panel="board"].is-active) .sp-class-topbar{display:none!important}
body:has(.sp-classroom:not([data-active-section="board"])) .sp-class-topbar .sp-class-exit{display:inline-flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
.sp-zoom-window .sp-zoom-local-tile video,
.sp-zoom-window .sp-zoom-local-tile canvas{
  transform:none!important;
}
.sp-delete-exercise svg,[data-article-note-delete] svg,[data-essay-comment-delete] svg{width:20px!important;height:20px!important;display:block!important}
.sp-image-inline-text-actions{position:fixed!important;z-index:2147483647!important;display:grid!important;gap:5px!important}
.sp-image-inline-text-actions button{display:grid!important;place-items:center!important;width:40px!important;height:40px!important;padding:0!important;border:0!important;border-radius:50%!important;box-shadow:0 5px 15px rgba(0,47,43,.2)!important}
.sp-image-inline-text-actions svg{width:19px!important;height:19px!important;display:block!important}
.sp-image-inline-text-actions .is-accept{background:#006b5f!important;color:#fff!important;font:800 22px/1 Arial,sans-serif!important}
.sp-image-inline-text-actions .is-cancel{background:#fff!important;color:#b42318!important}
.sp-zoom-waiting-cover{
  position:absolute!important;
  z-index:2147483600!important;
  inset:0!important;
  display:grid!important;
  place-content:center!important;
  gap:8px!important;
  padding:24px!important;
  background:#202020!important;
  color:#fff!important;
  text-align:center!important;
  pointer-events:none!important;
}
.sp-zoom-waiting-cover span{color:#add9d6!important;font-size:13px!important;font-weight:800!important}
.sp-zoom-waiting-cover strong{font-size:clamp(18px,3vw,27px)!important;font-weight:700!important}
.sp-active-section-title form{display:flex!important;align-items:center!important;gap:10px!important;width:100%!important}
.sp-active-section-title form input[name="title"]{flex:1!important;min-width:0!important}
.sp-active-section-title form button,.sp-replace-carousel-image{min-height:38px!important;padding:8px 13px!important;border:0!important;border-radius:11px!important;background:#006b5f!important;color:#fff!important;font-weight:800!important;cursor:pointer!important}
.sp-replace-carousel-image{position:absolute!important;left:10px!important;bottom:10px!important;z-index:3!important}
[data-image-crop-previews] figure{position:relative!important}
.sp-library-lesson-studio .sp-template-classroom{grid-template-columns:58px minmax(0,1fr) minmax(230px,280px)!important;align-items:start!important}
.sp-library-lesson-studio .sp-template-right-column{display:grid!important;grid-column:3!important;grid-row:1!important;align-content:start!important;align-self:start!important;gap:12px!important;min-width:0!important;position:relative!important;top:auto!important;visibility:visible!important;opacity:1!important}
.sp-library-lesson-studio .sp-lesson-sections-panel{display:block!important;width:100%!important;max-height:none!important;overflow:visible!important;visibility:visible!important;opacity:1!important}
.sp-library-lesson-studio .sp-lesson-sections-panel .sp-section-row{display:flex!important;width:100%!important}
body:has(.sp-classroom) .sp-class-right-column[data-zoom-slot]>.sp-class-lesson-sections{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;width:100%!important;max-height:none!important;overflow:visible!important}
body:has(.sp-classroom) .sp-class-lesson-sections>span{display:block!important;width:100%!important;box-sizing:border-box!important}
.sp-image-carousel:not(:has(figure:nth-of-type(2)))>div{display:none!important}
@media(max-width:850px){.sp-library-lesson-studio .sp-template-classroom{grid-template-columns:52px minmax(0,1fr)!important}.sp-library-lesson-studio .sp-template-right-column{grid-column:2!important;grid-row:auto!important;position:relative!important;top:auto!important}.sp-library-lesson-studio .sp-lesson-sections-panel{max-height:none!important}}
