/* TeachersLiveV2 FINAL POLISH FIX5 — compact Teacher roster */
@media(min-width:1101px){
  .tl-classroom-grid{
    grid-template-columns:minmax(0,1fr) minmax(300px,340px)!important;
    gap:.8rem!important;
  }
}
.tl-classroom-panel{max-width:340px;width:100%;min-width:0!important}
.tl-participant-list{padding:.4rem!important;max-height:620px!important;overflow-y:auto!important;overflow-x:hidden!important}
.tl-participant-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:.45rem!important;
  padding:.5rem .55rem!important;
  margin:.25rem 0!important;
  border-radius:12px!important;
}
.tl-participant-name-row{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:.28rem .4rem!important;
  min-width:0!important;
}
.tl-participant-name{max-width:150px!important;font-size:.82rem!important;line-height:1.2!important}
.tl-participant-name-row .badge{font-size:.56rem!important;padding:.22rem .36rem!important}
.tl-participant-actions{display:flex!important;gap:.28rem!important;flex-wrap:nowrap!important;align-items:center!important}
.tl-roster-icon-btn{
  display:inline-grid!important;
  place-items:center!important;
  width:34px!important;height:34px!important;min-width:34px!important;
  padding:0!important;border-radius:10px!important;
}
.tl-roster-icon-btn svg{display:block}
.tl-roster-icon-allow{background:#17855f!important;border-color:#17855f!important;color:#fff!important}
.tl-roster-icon-revoke{background:#fff!important;border-color:#a9b4af!important;color:#435149!important}
.tl-roster-icon-remove{background:#fff!important;border-color:#ef6d76!important;color:#d9434f!important}
@media(max-width:1100px){.tl-classroom-panel{max-width:none}}
@media(max-width:767.98px){
  .tl-participant-row{grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important}
  .tl-participant-actions{justify-content:flex-end!important;flex-wrap:nowrap!important}
  .tl-roster-icon-btn{width:32px!important;height:32px!important;min-width:32px!important}
}