/* EDUHUNT R442 — Principal Dispatch History clean auto-filter UI */
body[data-portal-role="PRINCIPAL"] .r442-principal-dispatch-filter .form-grid--4{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:end!important;
}
body[data-portal-role="PRINCIPAL"] .r442-principal-dispatch-filter .card-head{
  margin-bottom:10px!important;
}
body[data-portal-role="PRINCIPAL"] .r442-principal-dispatch-filter .form-field{
  min-width:0!important;
}
body[data-portal-role="PRINCIPAL"] .r442-principal-dispatch-filter select{
  width:100%!important;
}

body[data-portal-role="PRINCIPAL"] .exam-v3-history-list{
  display:grid!important;
  gap:10px!important;
}
body[data-portal-role="PRINCIPAL"] .r442-principal-dispatch-row{
  display:grid!important;
  grid-template-columns:minmax(0,1.45fr) minmax(220px,.9fr) auto!important;
  align-items:center!important;
  gap:14px!important;
  width:100%!important;
  padding:12px 14px!important;
  border:1px solid var(--border,#2b536f)!important;
  border-radius:12px!important;
  background:var(--panel,#08233a)!important;
  min-width:0!important;
}
body[data-portal-role="PRINCIPAL"] .r442-dispatch-content{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}
body[data-portal-role="PRINCIPAL"] .r442-dispatch-content>span{
  flex:0 0 auto!important;
  color:#4fd8ff!important;
  font-size:10px!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
}
body[data-portal-role="PRINCIPAL"] .r442-dispatch-content>strong{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-size:15px!important;
  color:var(--text,#fff)!important;
}
body[data-portal-role="PRINCIPAL"] .r442-dispatch-content>b{
  flex:0 0 auto!important;
  max-width:190px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  padding:3px 8px!important;
  border:1px solid #2c7298!important;
  border-radius:999px!important;
  color:#bde9ff!important;
  background:#0b3552!important;
  font-size:10px!important;
  font-weight:850!important;
}
body[data-portal-role="PRINCIPAL"] .r442-dispatch-meta{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  min-width:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}
body[data-portal-role="PRINCIPAL"] .r442-dispatch-meta strong,
body[data-portal-role="PRINCIPAL"] .r442-dispatch-meta span{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body[data-portal-role="PRINCIPAL"] .r442-dispatch-meta strong{
  font-size:12px!important;
}
body[data-portal-role="PRINCIPAL"] .r442-dispatch-meta span{
  color:var(--muted,#a8c1d4)!important;
  font-size:11px!important;
}
body[data-portal-role="PRINCIPAL"] .r442-principal-dispatch-row>.row-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:nowrap!important;
  gap:7px!important;
  white-space:nowrap!important;
}
body[data-portal-role="PRINCIPAL"] .r442-principal-dispatch-row>.row-actions .button{
  margin:0!important;
  min-height:34px!important;
  padding:6px 10px!important;
  white-space:nowrap!important;
}

@media(max-width:1024px){
  body[data-portal-role="PRINCIPAL"] .r442-principal-dispatch-row{
    grid-template-columns:minmax(0,1.25fr) minmax(150px,.8fr) auto!important;
    gap:8px!important;
    padding:10px!important;
  }
  body[data-portal-role="PRINCIPAL"] .r442-dispatch-content>span{font-size:8.5px!important}
  body[data-portal-role="PRINCIPAL"] .r442-dispatch-content>strong{font-size:12px!important}
  body[data-portal-role="PRINCIPAL"] .r442-dispatch-content>b{display:none!important}
  body[data-portal-role="PRINCIPAL"] .r442-dispatch-meta strong{display:none!important}
  body[data-portal-role="PRINCIPAL"] .r442-dispatch-meta span{font-size:9.5px!important}
  body[data-portal-role="PRINCIPAL"] .r442-principal-dispatch-row>.row-actions{gap:4px!important}
  body[data-portal-role="PRINCIPAL"] .r442-principal-dispatch-row>.row-actions .button{
    min-height:31px!important;
    padding:5px 7px!important;
    font-size:10px!important;
  }
}

@media(max-width:560px){
  body[data-portal-role="PRINCIPAL"] .r442-principal-dispatch-filter .form-grid--4{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  body[data-portal-role="PRINCIPAL"] .r442-principal-dispatch-filter label{font-size:10px!important}
  body[data-portal-role="PRINCIPAL"] .r442-principal-dispatch-filter select{
    min-height:38px!important;
    padding:6px 26px 6px 8px!important;
    font-size:11px!important;
  }
  body[data-portal-role="PRINCIPAL"] .r442-principal-dispatch-row{
    grid-template-columns:minmax(0,1.05fr) minmax(105px,.72fr) auto!important;
    gap:5px!important;
    padding:8px!important;
  }
  body[data-portal-role="PRINCIPAL"] .r442-dispatch-content>span{display:none!important}
  body[data-portal-role="PRINCIPAL"] .r442-dispatch-content>strong{font-size:10.5px!important}
  body[data-portal-role="PRINCIPAL"] .r442-dispatch-meta span{font-size:8.5px!important}
  body[data-portal-role="PRINCIPAL"] .r442-principal-dispatch-row>.row-actions .button{
    width:31px!important;
    min-width:31px!important;
    height:31px!important;
    min-height:31px!important;
    padding:0!important;
    font-size:0!important;
    justify-content:center!important;
  }
  body[data-portal-role="PRINCIPAL"] .r442-principal-dispatch-row>.row-actions .button svg{
    width:16px!important;
    height:16px!important;
    margin:0!important;
  }
}