/* TeachersLiveV2 FINAL POLISH FIX4 */

/* Navigation: phase8g-premium.js is the single icon owner. */
.tl8d-desktop-links .tl-portal-icon,
.tl8d-mobile-links .tl-portal-icon{display:none!important}
.tl8d-desktop-links .tl-btn-icon,
.tl8d-mobile-links .tl-btn-icon{display:inline-grid!important;place-items:center;flex:0 0 auto}
.tl8d-desktop-links .nav-link,
.tl8d-mobile-links a{gap:.45rem!important}

/* Teacher classroom roster */
.tl-classroom-grid{
  grid-template-columns:minmax(0,1fr) minmax(390px,460px)!important;
}
.tl-classroom-panel{min-width:0!important}
.tl-participant-list{
  max-height:620px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:.55rem .75rem 1rem!important;
  scrollbar-gutter:stable;
}
.tl-participant-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:.65rem 1rem!important;
  padding:.7rem .75rem!important;
  margin:.35rem 0!important;
  border:1px solid #e4ebe7!important;
  border-radius:14px!important;
  background:#fff!important;
}
.tl-participant-name-row{
  display:grid!important;
  grid-template-columns:minmax(110px,auto) minmax(0,1fr)!important;
  align-items:center!important;
  justify-content:initial!important;
  gap:.55rem!important;
  min-width:0!important;
  margin:0!important;
}
.tl-participant-name{
  min-width:0!important;
  max-width:180px!important;
  font-size:.88rem!important;
}
.tl-participant-name-row>.d-flex{
  min-width:0!important;
  gap:.3rem!important;
}
.tl-participant-name-row .badge{
  font-size:.62rem!important;
  padding:.28rem .45rem!important;
  white-space:normal!important;
  line-height:1.25!important;
}
.tl-participant-actions{
  display:flex!important;
  flex-wrap:nowrap!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:.35rem!important;
  margin:0!important;
}
.tl-participant-actions .btn{
  font-size:.64rem!important;
  padding:.34rem .5rem!important;
  min-height:32px!important;
  white-space:nowrap!important;
}

/* PDF.js canvas viewer */
.tl-fix4-viewer-stage{min-height:360px!important}
.tl-fix4-pdf-shell{
  width:100%;
  min-height:360px;
  max-height:78vh;
  padding:1rem;
  overflow:auto;
  overscroll-behavior:contain;
  background:#e9edeb;
  text-align:center;
}
.tl-fix4-pdf-shell canvas{
  display:block;
  max-width:none;
  margin:0 auto;
  background:#fff;
  box-shadow:0 8px 26px rgba(8,27,51,.16);
}
.tl-fix4-pdf-page{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:62px;
  font-size:.72rem;
  font-weight:800;
  color:#43544d;
}

@media(max-width:1100px){
  .tl-classroom-grid{grid-template-columns:1fr!important}
  .tl-classroom-panel{max-height:420px!important}
  .tl-participant-list{max-height:330px!important}
}

@media(max-width:767.98px){
  .tl-participant-row{
    grid-template-columns:1fr!important;
    gap:.5rem!important;
    padding:.65rem!important;
  }
  .tl-participant-name-row{
    grid-template-columns:1fr!important;
    gap:.35rem!important;
  }
  .tl-participant-name{max-width:none!important;font-size:.92rem!important}
  .tl-participant-actions{
    justify-content:flex-start!important;
    flex-wrap:wrap!important;
  }
  .tl-participant-actions .btn{flex:1 1 auto!important}
  .tl-final-inline-head{
    align-items:flex-start!important;
    gap:.5rem!important;
  }
  .tl-final-inline-head>div{
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:flex-start!important;
  }
  .tl-fix4-pdf-shell{
    min-height:320px;
    max-height:72vh;
    padding:.5rem;
  }
}