/* EDUHUNT R497.1 - Principal OLT 3-column summary and exam-action tap repair.
   Do not affect Student, Teacher, Operator, Coordinator or Super Admin pages. */
@media screen and (max-width:1024px){
  body[data-portal-role="PRINCIPAL"] #content .otr82-kpis,
  body[data-portal-role="PRINCIPAL"] #content .otr82-kpis.otr82-kpis--actions{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    align-items:stretch!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  body[data-portal-role="PRINCIPAL"] #content .otr82-kpi,
  body[data-portal-role="PRINCIPAL"] #content .otr82-kpi.otr82-kpi-action{
    box-sizing:border-box!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:0!important;
    width:100%!important;
    min-height:112px!important;
    height:auto!important;
    padding:12px 8px!important;
    border-radius:12px!important;
    text-align:center!important;
    white-space:normal!important;
  }
  body[data-portal-role="PRINCIPAL"] #content .otr82-kpi b{
    display:block!important;
    font-size:25px!important;
    line-height:1.08!important;
    text-align:center!important;
  }
  body[data-portal-role="PRINCIPAL"] #content .otr82-kpi span{
    display:block!important;
    margin-top:7px!important;
    font-size:14px!important;
    line-height:1.2!important;
    letter-spacing:0!important;
    white-space:normal!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
    max-width:100%!important;
    text-align:center!important;
  }
  body[data-portal-role="PRINCIPAL"] #content .otr82-kpi small{
    display:block!important;
    margin-top:5px!important;
    font-size:12px!important;
    line-height:1.2!important;
    white-space:normal!important;
    max-width:100%!important;
  }
}
@media screen and (max-width:520px){
  body[data-portal-role="PRINCIPAL"] #content .otr82-kpis,
  body[data-portal-role="PRINCIPAL"] #content .otr82-kpis.otr82-kpis--actions{
    gap:6px!important;
  }
  body[data-portal-role="PRINCIPAL"] #content .otr82-kpi,
  body[data-portal-role="PRINCIPAL"] #content .otr82-kpi.otr82-kpi-action{
    min-height:110px!important;
    padding:9px 5px!important;
  }
  body[data-portal-role="PRINCIPAL"] #content .otr82-kpi b{font-size:23px!important;}
  body[data-portal-role="PRINCIPAL"] #content .otr82-kpi span{font-size:13px!important;line-height:1.18!important;}
  body[data-portal-role="PRINCIPAL"] #content .otr82-kpi small{font-size:11px!important;}
}
body[data-portal-role="PRINCIPAL"] #content button.exam-v3-principal-cell.is-actionable{
  pointer-events:auto!important;
  touch-action:manipulation!important;
  cursor:pointer!important;
  position:relative!important;
  z-index:2!important;
}
body[data-portal-role="PRINCIPAL"] #content button.exam-v3-principal-cell.is-actionable:focus-visible{
  outline:3px solid #53d4ff!important;
  outline-offset:2px!important;
}