/* EDUHUNT R429 — Principal Video Lectures Class + Subject single-row filter
   Scope: Principal portal, mobile/tablet only. Desktop and all other portals untouched. */
@media (max-width:1024px){
  body[data-portal-role="PRINCIPAL"] .edu-video-select-row,
  html.eh-force-mobile body[data-portal-role="PRINCIPAL"] .edu-video-select-row{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    align-items:end!important;
    width:100%!important;
  }
  body[data-portal-role="PRINCIPAL"] .edu-video-select-row>.form-field,
  html.eh-force-mobile body[data-portal-role="PRINCIPAL"] .edu-video-select-row>.form-field{
    grid-column:auto!important;
    min-width:0!important;
    width:auto!important;
    margin:0!important;
  }
  body[data-portal-role="PRINCIPAL"] .edu-video-select-row select,
  html.eh-force-mobile body[data-portal-role="PRINCIPAL"] .edu-video-select-row select{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }

  /* Newer recipient video-library path uses the same two selectors. */
  body[data-portal-role="PRINCIPAL"] .video-library-toolbar--recipient,
  html.eh-force-mobile body[data-portal-role="PRINCIPAL"] .video-library-toolbar--recipient{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    align-items:end!important;
  }
  body[data-portal-role="PRINCIPAL"] .video-library-toolbar--recipient>.form-field,
  html.eh-force-mobile body[data-portal-role="PRINCIPAL"] .video-library-toolbar--recipient>.form-field{
    grid-column:auto!important;
    min-width:0!important;
  }
}

@media (max-width:520px){
  body[data-portal-role="PRINCIPAL"] .edu-video-select-row,
  html.eh-force-mobile body[data-portal-role="PRINCIPAL"] .edu-video-select-row,
  body[data-portal-role="PRINCIPAL"] .video-library-toolbar--recipient,
  html.eh-force-mobile body[data-portal-role="PRINCIPAL"] .video-library-toolbar--recipient{
    gap:6px!important;
  }
  body[data-portal-role="PRINCIPAL"] .edu-video-select-row label,
  body[data-portal-role="PRINCIPAL"] .video-library-toolbar--recipient label{
    font-size:11px!important;
  }
  body[data-portal-role="PRINCIPAL"] .edu-video-select-row select,
  body[data-portal-role="PRINCIPAL"] .video-library-toolbar--recipient select{
    min-height:42px!important;
    padding-left:9px!important;
    padding-right:28px!important;
    font-size:12px!important;
  }
}