/* EDUHUNT R406 — CEAM CDF visibility + clean Video Lecture alignment/title presentation.
   Loaded after the legacy video and Principal styles so the recipient UI stays stable. */

/* Principal/Teacher/Student recipient video chapter rows: title left, Play fixed at far right. */
body:is([data-portal-role="PRINCIPAL"],[data-portal-role="TEACHER"],[data-portal-role="STUDENT"]) .video-library-card--recipient-clean{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) max-content!important;
  align-items:center!important;
  gap:5mm!important;
  width:100%!important;
}
body:is([data-portal-role="PRINCIPAL"],[data-portal-role="TEACHER"],[data-portal-role="STUDENT"]) .video-library-card--recipient-clean .video-library-card-head{
  min-width:0!important;
  width:100%!important;
  margin:0!important;
}
body:is([data-portal-role="PRINCIPAL"],[data-portal-role="TEACHER"],[data-portal-role="STUDENT"]) .video-library-card--recipient-clean .video-library-card-head>div{
  min-width:0!important;
}
body:is([data-portal-role="PRINCIPAL"],[data-portal-role="TEACHER"],[data-portal-role="STUDENT"]) .video-library-card--recipient-clean .video-library-card-head h3{
  margin:0!important;
  min-width:0!important;
  overflow-wrap:anywhere!important;
}
body:is([data-portal-role="PRINCIPAL"],[data-portal-role="TEACHER"],[data-portal-role="STUDENT"]) .video-library-card--recipient-clean .video-library-actions{
  display:flex!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  justify-self:end!important;
  align-self:center!important;
  flex:0 0 auto!important;
}
body:is([data-portal-role="PRINCIPAL"],[data-portal-role="TEACHER"],[data-portal-role="STUDENT"]) .video-library-card--recipient-clean .video-library-actions .button{
  width:auto!important;
  min-width:74px!important;
  margin:0!important;
  white-space:nowrap!important;
}

/* Class / Subject are selection controls, not playlist-title text. The player context
   is deliberately hidden when the JS has cleaned those repeated labels. */
body:is([data-portal-role="PRINCIPAL"],[data-portal-role="TEACHER"],[data-portal-role="STUDENT"]) .video-player-context-r167:empty{
  display:none!important;
}

/* Playlist rows keep one clean title lane; the play triangle remains on the far right. */
body:is([data-portal-role="PRINCIPAL"],[data-portal-role="TEACHER"],[data-portal-role="STUDENT"]) .edu-video-list-row{
  display:grid!important;
  grid-template-columns:24px minmax(0,1fr) 24px!important;
  align-items:center!important;
  column-gap:10px!important;
}
body:is([data-portal-role="PRINCIPAL"],[data-portal-role="TEACHER"],[data-portal-role="STUDENT"]) .edu-video-list-row>div{
  min-width:0!important;
}
body:is([data-portal-role="PRINCIPAL"],[data-portal-role="TEACHER"],[data-portal-role="STUDENT"]) .edu-video-list-row strong{
  overflow-wrap:anywhere!important;
}
body:is([data-portal-role="PRINCIPAL"],[data-portal-role="TEACHER"],[data-portal-role="STUDENT"]) .edu-video-list-row>b{
  justify-self:end!important;
}

@media(max-width:760px){
  body:is([data-portal-role="PRINCIPAL"],[data-portal-role="TEACHER"],[data-portal-role="STUDENT"]) .video-library-card--recipient-clean{
    grid-template-columns:minmax(0,1fr) max-content!important;
    gap:5mm!important;
  }
  body:is([data-portal-role="PRINCIPAL"],[data-portal-role="TEACHER"],[data-portal-role="STUDENT"]) .video-library-card--recipient-clean .video-library-actions .button{
    min-width:68px!important;
    padding:7px 9px!important;
  }
}