/* 3.15.8: non-blocking, stable classroom chat drawer. */
body:has(.sp-classroom) .sp-class-overlay[data-class-overlay="chat"]{
  position:fixed!important;
  z-index:9990!important;
  top:64px!important;
  right:auto!important;
  bottom:12px!important;
  left:76px!important;
  display:none!important;
  width:min(430px,calc(100vw - 92px))!important;
  height:auto!important;
  padding:0!important;
  align-items:stretch!important;
  justify-content:stretch!important;
  background:transparent!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  pointer-events:none!important;
}
body:has(.sp-classroom) .sp-class-overlay[data-class-overlay="chat"].is-open{display:flex!important}
body.admin-bar:has(.sp-classroom) .sp-class-overlay[data-class-overlay="chat"],
body:has(#wpadminbar):has(.sp-classroom) .sp-class-overlay[data-class-overlay="chat"]{top:96px!important}
body:has(.sp-classroom) .sp-class-overlay[data-class-overlay="chat"] .sp-class-overlay-dialog{
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  max-height:none!important;
  margin:0!important;
  overflow:hidden!important;
  padding-bottom:70px!important;
  box-sizing:border-box!important;
  border:1px solid rgba(0,47,43,.12)!important;
  border-radius:24px!important;
  background:#fff!important;
  box-shadow:0 18px 52px rgba(0,47,43,.18)!important;
  pointer-events:auto!important;
}
body:has(.sp-classroom) .sp-class-overlay[data-class-overlay="chat"] .sp-class-chat{
  display:grid!important;
  grid-template-rows:auto auto minmax(0,1fr) auto auto!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
}
body:has(.sp-classroom) .sp-class-overlay[data-class-overlay="chat"] .sp-chat-messages{
  min-height:0!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  scrollbar-gutter:stable!important;
  overflow-anchor:none!important;
  padding-bottom:84px!important;
}
body:has(.sp-classroom) .sp-class-overlay[data-class-overlay="chat"] .sp-chat-compose{
  position:absolute!important;
  z-index:30!important;
  right:0!important;
  bottom:0!important;
  left:0!important;
  box-sizing:border-box!important;
  flex:0 0 auto!important;
  background:#fff!important;
}
@media(max-width:720px){
  body:has(.sp-classroom) .sp-class-overlay[data-class-overlay="chat"]{
    top:64px!important;
    right:auto!important;
    bottom:6px!important;
    left:64px!important;
    width:calc(100vw - 70px)!important;
  }
  body.admin-bar:has(.sp-classroom) .sp-class-overlay[data-class-overlay="chat"],
  body:has(#wpadminbar):has(.sp-classroom) .sp-class-overlay[data-class-overlay="chat"]{top:110px!important}
}