/* 3.10.9: stable follow control, clean board mode and corrected class surfaces. */
body:has(.sp-classroom) .sp-class-follow-button{
  position:fixed!important;
  z-index:2147482500!important;
  left:50%!important;
  right:auto!important;
  bottom:22px!important;
  width:132px!important;
  min-width:132px!important;
  max-width:132px!important;
  margin:0!important;
  transform:translate3d(-50%,0,0)!important;
  transition:opacity .15s ease!important;
  animation:none!important;
}
body:has(.sp-classroom) .sp-class-follow-button[hidden]{display:none!important}
body:has(.sp-classroom) .sp-class-sidebar .sp-timer-tool{background:#fff!important;background-color:#fff!important;background-image:none!important}
body:has(.sp-classroom) .sp-timer-dialog,
body:has(.sp-classroom) .sp-timer-dialog>.sp-class-timer{background:#fff!important;background-color:#fff!important}
body:has(.sp-classroom) .sp-class-overlay[data-class-overlay="chat"] .sp-class-chat>header{padding-right:96px!important}
body:has(.sp-classroom) .sp-class-overlay[data-class-overlay="chat"] .sp-class-chat>header>[data-chat-status],
body:has(.sp-classroom) .sp-class-overlay[data-class-overlay="chat"] [data-chat-status]{position:relative!important;z-index:1!important;flex:0 0 auto!important;max-width:130px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
body:has(.sp-classroom) .sp-class-overlay[data-class-overlay="chat"] .sp-class-overlay-close{z-index:20!important;top:10px!important;right:12px!important}
body:has(.sp-classroom) .sp-classroom[data-active-section="board"] .sp-class-topbar,
body:has(.sp-classroom) .sp-classroom[data-active-section="board"] .sp-pair-layer-switcher{display:none!important}
body:has(.sp-classroom) .sp-classroom[data-active-section="board"] .sp-class-panels{height:100vh!important;height:100dvh!important;padding:0!important;overflow:hidden!important}
body:has(.sp-classroom) .sp-classroom[data-active-section="board"] .sp-class-panel[data-class-panel="board"]{height:100vh!important;height:100dvh!important;min-height:0!important;border-radius:0!important}
body:has(.sp-classroom) .sp-classroom[data-active-section="board"] .sp-class-panel[data-class-panel="board"] .sp-whiteboard{height:100%!important;border-radius:0!important}
body:has(.sp-classroom) .sp-class-panel[data-class-panel="board"] .sp-board-return-to-lesson{background:#fff!important;background-color:#fff!important;background-image:none!important}
@media(max-width:760px){body:has(.sp-classroom) .sp-class-follow-button{bottom:12px!important}}