/* EDUHUNT R408 — recipient Video Lectures cleanup
   Scope: Principal / Teacher / Student only. No playback/API/data logic changed. */

/* Keep Class + Subject side-by-side on tablet/mobile whenever both exist. */
@media (max-width:1024px){
  body:is([data-portal-role="PRINCIPAL"],[data-portal-role="TEACHER"],[data-portal-role="STUDENT"]) .edu-video-select-row{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  body:is([data-portal-role="PRINCIPAL"],[data-portal-role="TEACHER"],[data-portal-role="STUDENT"]) .edu-video-select-row>.form-field{
    min-width:0!important;
    grid-column:auto!important;
  }
  body:is([data-portal-role="PRINCIPAL"],[data-portal-role="TEACHER"],[data-portal-role="STUDENT"]) .video-library-toolbar--recipient{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    align-items:end!important;
  }
  body:is([data-portal-role="PRINCIPAL"],[data-portal-role="TEACHER"],[data-portal-role="STUDENT"]) .video-library-toolbar--recipient>.form-field{
    min-width:0!important;
    grid-column:auto!important;
  }
  body:is([data-portal-role="PRINCIPAL"],[data-portal-role="TEACHER"],[data-portal-role="STUDENT"]) .video-library-toolbar--recipient .video-filter-programme{
    grid-column:1/-1!important;
  }
  body:is([data-portal-role="PRINCIPAL"],[data-portal-role="TEACHER"],[data-portal-role="STUDENT"]) .video-library-toolbar--recipient select,
  body:is([data-portal-role="PRINCIPAL"],[data-portal-role="TEACHER"],[data-portal-role="STUDENT"]) .edu-video-select-row select{
    width:100%!important;
    min-width:0!important;
  }
}

/* The extra playlist heading is intentionally removed from recipient UI. */
body:is([data-portal-role="PRINCIPAL"],[data-portal-role="TEACHER"],[data-portal-role="STUDENT"]) .edu-video-all-title{
  display:none!important;
}

/* Keep the embedded player as the positioning reference for the EduHunt mark. */
body:is([data-portal-role="PRINCIPAL"],[data-portal-role="TEACHER"],[data-portal-role="STUDENT"]) .edu-video-frame{
  position:relative!important;
  overflow:hidden!important;
}

/* Brand overlay requested for the lower-right YouTube watermark area. */
body:is([data-portal-role="PRINCIPAL"],[data-portal-role="TEACHER"],[data-portal-role="STUDENT"]) .edu-video-frame::after{
  content:"";
  position:absolute;
  right:10px;
  bottom:10px;
  z-index:30;
  width:142px;
  height:42px;
  border-radius:6px;
  background:#fff url("eduhunt-logo-official-clean-r379.png") center/contain no-repeat;
  box-shadow:0 1px 6px rgba(0,0,0,.25);
  pointer-events:none;
}

/* Playlist titles get the full available lane; play arrow remains flush-right. */
body:is([data-portal-role="PRINCIPAL"],[data-portal-role="TEACHER"],[data-portal-role="STUDENT"]) .edu-video-list-row{
  grid-template-columns:24px minmax(0,1fr) 24px!important;
}
body:is([data-portal-role="PRINCIPAL"],[data-portal-role="TEACHER"],[data-portal-role="STUDENT"]) .edu-video-list-row strong{
  display:block!important;
  min-width:0!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}

@media(max-width:640px){
  body:is([data-portal-role="PRINCIPAL"],[data-portal-role="TEACHER"],[data-portal-role="STUDENT"]) .edu-video-frame::after{
    width:105px;
    height:31px;
    right:6px;
    bottom:7px;
    border-radius:4px;
  }
  body:is([data-portal-role="PRINCIPAL"],[data-portal-role="TEACHER"],[data-portal-role="STUDENT"]) .video-library-toolbar--recipient,
  body:is([data-portal-role="PRINCIPAL"],[data-portal-role="TEACHER"],[data-portal-role="STUDENT"]) .edu-video-select-row{
    gap:7px!important;
  }
  body:is([data-portal-role="PRINCIPAL"],[data-portal-role="TEACHER"],[data-portal-role="STUDENT"]) .video-library-toolbar--recipient label,
  body:is([data-portal-role="PRINCIPAL"],[data-portal-role="TEACHER"],[data-portal-role="STUDENT"]) .edu-video-select-row label{
    font-size:12px!important;
  }
}