/* =========================================================
   EDUHUNT V2.2.339 R124
   Principal dashboard: Next Exam first + 3-by-2 mobile KPIs.
========================================================= */

/* The date/test summary belongs immediately below the Dashboard heading. */
body[data-portal-role="PRINCIPAL"][data-portal-module="dashboard"] #content>.principal-next-exam{
  margin:0 0 10px!important;
}
body[data-portal-role="PRINCIPAL"][data-portal-module="dashboard"] #content>.principal-next-exam+.kpi-grid{
  margin-top:0!important;
}

/* Six principal Home cards: three per row on mobile and tablet widths. */
@media(max-width:900px){
  body[data-portal-role="PRINCIPAL"][data-portal-module="dashboard"] #content>.kpi-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
    width:100%!important;
    min-width:0!important;
    overflow:visible!important;
  }
  body[data-portal-role="PRINCIPAL"][data-portal-module="dashboard"] #content>.kpi-grid .kpi-card{
    min-width:0!important;
    min-height:98px!important;
    padding:8px 6px!important;
  }
  body[data-portal-role="PRINCIPAL"][data-portal-module="dashboard"] #content>.kpi-grid .kpi-icon{
    width:29px!important;
    height:29px!important;
  }
  body[data-portal-role="PRINCIPAL"][data-portal-module="dashboard"] #content>.kpi-grid .kpi-card>b{
    font-size:22px!important;
    line-height:1!important;
  }
  body[data-portal-role="PRINCIPAL"][data-portal-module="dashboard"] #content>.kpi-grid .kpi-card>span{
    font-size:12px!important;
    line-height:1.14!important;
    overflow-wrap:anywhere!important;
  }
}

@media(max-width:420px){
  body[data-portal-role="PRINCIPAL"][data-portal-module="dashboard"] #content>.kpi-grid{
    gap:5px!important;
  }
  body[data-portal-role="PRINCIPAL"][data-portal-module="dashboard"] #content>.kpi-grid .kpi-card{
    min-height:92px!important;
    padding:7px 4px!important;
  }
  body[data-portal-role="PRINCIPAL"][data-portal-module="dashboard"] #content>.kpi-grid .kpi-icon{
    width:27px!important;
    height:27px!important;
  }
  body[data-portal-role="PRINCIPAL"][data-portal-module="dashboard"] #content>.kpi-grid .kpi-card>b{
    font-size:20px!important;
  }
}