﻿.tl-classroom-policy-badge{
  background:rgba(201,163,79,.16);
  color:#f0dca7;
  border:1px solid rgba(201,163,79,.3);
}
.tl-classroom-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 330px;
  min-height:620px;
  background:#0b1020;
}
.tl-classroom-meeting{
  min-width:0;
  position:relative;
}
.tl-classroom-panel{
  border-right:1px solid rgba(255,255,255,.08);
  background:#fff;
  display:flex;
  flex-direction:column;
  min-height:620px;
}
.tl-classroom-panel-head{
  padding:1rem;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  border-bottom:1px solid var(--tl-border);
}
.tl-classroom-panel-head strong{
  display:block;
  color:var(--tl-navy);
}
.tl-classroom-panel-head small{
  display:block;
  color:var(--tl-muted);
  margin-top:.15rem;
}
.tl-classroom-help{
  margin:.8rem;
  padding:.75rem;
  border-radius:12px;
  background:var(--tl-gold-soft);
  color:#5f5130;
  font-size:.76rem;
  line-height:1.7;
}
.tl-participant-list{
  padding:.25rem .75rem .9rem;
  overflow:auto;
  flex:1;
}
.tl-empty-participants{
  padding:2rem .75rem;
  text-align:center;
  color:var(--tl-muted);
  font-size:.82rem;
}
.tl-participant-row{
  padding:.75rem 0;
  border-bottom:1px solid #edf1f5;
}
.tl-participant-name-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:.5rem;
  margin-bottom:.55rem;
}
.tl-participant-name{
  font-weight:800;
  color:var(--tl-navy);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.tl-participant-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.3rem;
}
.tl-participant-actions .btn{
  font-size:.68rem;
  padding:.28rem .45rem;
}
.tl-student-policy-strip{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem 1.25rem;
  padding:.55rem 1rem;
  background:#fff7df;
  border-bottom:1px solid #eadcae;
  color:#665625;
  font-size:.76rem;
  font-weight:700;
}
@media(max-width:1100px){
  .tl-classroom-grid{
    grid-template-columns:1fr;
  }
  .tl-classroom-panel{
    min-height:auto;
    max-height:420px;
    border-right:0;
    border-top:1px solid var(--tl-border);
  }
}
