/* 3.10.4: fixed board exit and compact viewport-safe classroom chat. */
.sp-class-panel[data-class-panel="board"]{position:relative!important}
.sp-class-panel[data-class-panel="board"] .sp-board-return-to-lesson{
  position:absolute!important;
  z-index:100030!important;
  top:14px!important;
  right:14px!important;
  left:auto!important;
  transform:none!important;
}
.sp-class-panel[data-class-panel="board"] .sp-board-heading{left:22px!important}
.sp-class-overlay[data-class-overlay="chat"]{
  align-items:center!important;
  justify-content:center!important;
  padding:12px!important;
}
.sp-class-overlay[data-class-overlay="chat"] .sp-class-overlay-dialog{
  width:min(440px,calc(100vw - 24px))!important;
  height:min(640px,calc(100dvh - 24px))!important;
  max-width:calc(100vw - 24px)!important;
  max-height:calc(100dvh - 24px)!important;
  margin:auto!important;
}
.sp-class-overlay[data-class-overlay="chat"] .sp-class-chat{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  grid-template-rows:auto minmax(0,1fr) auto auto!important;
}
.sp-class-overlay[data-class-overlay="chat"] .sp-chat-messages{min-height:0!important}
@media(max-height:700px){
  .sp-class-overlay[data-class-overlay="chat"] .sp-class-overlay-dialog{height:calc(100dvh - 16px)!important;max-height:calc(100dvh - 16px)!important}
  .sp-class-overlay[data-class-overlay="chat"]{padding:8px!important}
  .sp-class-overlay[data-class-overlay="chat"] .sp-class-chat>header{padding:9px 48px 9px 12px!important}
  .sp-class-overlay[data-class-overlay="chat"] .sp-class-chat>header p{display:none!important}
  .sp-class-overlay[data-class-overlay="chat"] .sp-chat-messages{padding:10px!important}
  .sp-class-overlay[data-class-overlay="chat"] .sp-chat-compose{padding:8px!important;gap:6px!important}
}
@media(max-width:520px){
  .sp-class-overlay[data-class-overlay="chat"] .sp-class-overlay-dialog{width:calc(100vw - 12px)!important;max-width:calc(100vw - 12px)!important;height:calc(100dvh - 12px)!important;max-height:calc(100dvh - 12px)!important;border-radius:16px!important}
  .sp-class-overlay[data-class-overlay="chat"]{padding:6px!important}
}
@media(max-width:760px){
  .sp-class-panel[data-class-panel="board"] .sp-board-return-to-lesson{top:10px!important;right:10px!important;left:auto!important}
  .sp-class-panel[data-class-panel="board"] .sp-board-heading{left:12px!important}
}