/* V884: shared bounded filters for supervision and agents.
   Override filter-alignment.css legacy horizontal labels, including special-list-page. */
@media screen {
 html:root body #content :is(#supervisionAlertsPage .sa-filters,.agent-controls){
  display:flex!important;flex-wrap:wrap!important;align-items:flex-end!important;
  gap:12px 16px!important;max-width:100%!important;box-sizing:border-box!important;
 }
 html:root body #content :is(#supervisionAlertsPage .sa-filters,.agent-controls)>label{
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  justify-content:flex-start!important;gap:6px!important;margin:0!important;padding:0!important;
  flex:1 1 220px!important;width:auto!important;min-width:0!important;max-width:280px!important;
  box-sizing:border-box!important;
 }
 html:root body #content :is(#supervisionAlertsPage .sa-filters,.agent-controls)>label:first-child{
  flex-basis:280px!important;max-width:360px!important;
 }
 html:root body #content :is(#supervisionAlertsPage .sa-filters,.agent-controls)>label>span{
  display:block!important;position:static!important;flex:none!important;margin:0!important;
  width:auto!important;max-width:100%!important;white-space:normal!important;
  overflow-wrap:anywhere;line-height:1.4!important;
 }
 html:root body #content :is(#supervisionAlertsPage .sa-filters,.agent-controls)>label>:is(input,select){
  position:static!important;box-sizing:border-box!important;flex:none!important;
  width:100%!important;min-width:0!important;max-width:100%!important;
  height:40px!important;min-height:40px!important;margin:0!important;
 }
}
@media screen and (max-width:600px){
 html:root body #content :is(#supervisionAlertsPage .sa-filters,.agent-controls)>label,
 html:root body #content :is(#supervisionAlertsPage .sa-filters,.agent-controls)>label:first-child{
  flex:1 1 100%!important;width:100%!important;max-width:100%!important;
 }
}