/* EDUHUNT R414 — Principal Portal mobile/tablet dashboard card alignment only.
   Desktop and all other portals are untouched. */
@media (max-width:1024px){
  body[data-portal-role="PRINCIPAL"][data-portal-module="dashboard"] #principalDashboardDynamic > .kpi-grid .kpi-card{
    box-sizing:border-box!important;
    min-width:0!important;
    width:100%!important;
    height:104px!important;
    min-height:104px!important;
    padding:8px 9px 7px!important;
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    grid-template-rows:44px minmax(24px,1fr)!important;
    column-gap:7px!important;
    row-gap:3px!important;
    align-items:center!important;
    justify-items:stretch!important;
    text-align:center!important;
    transform:none!important;
    transition:border-color .12s ease,background-color .12s ease,box-shadow .12s ease!important;
  }

  body[data-portal-role="PRINCIPAL"][data-portal-module="dashboard"] #principalDashboardDynamic > .kpi-grid .kpi-card:hover,
  body[data-portal-role="PRINCIPAL"][data-portal-module="dashboard"] #principalDashboardDynamic > .kpi-grid .kpi-card:active,
  body[data-portal-role="PRINCIPAL"][data-portal-module="dashboard"] #principalDashboardDynamic > .kpi-grid .kpi-card:focus{
    transform:none!important;
  }

  body[data-portal-role="PRINCIPAL"][data-portal-module="dashboard"] #principalDashboardDynamic > .kpi-grid .kpi-card .kpi-top{
    grid-column:1!important;
    grid-row:1!important;
    align-self:center!important;
    justify-self:start!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    position:static!important;
    transform:none!important;
  }

  body[data-portal-role="PRINCIPAL"][data-portal-module="dashboard"] #principalDashboardDynamic > .kpi-grid .kpi-card .kpi-icon{
    position:static!important;
    inset:auto!important;
    flex:0 0 40px!important;
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    margin:0!important;
    align-self:center!important;
    justify-self:start!important;
    display:grid!important;
    place-items:center!important;
    transform:none!important;
  }

  body[data-portal-role="PRINCIPAL"][data-portal-module="dashboard"] #principalDashboardDynamic > .kpi-grid .kpi-card .kpi-icon svg{
    width:21px!important;
    height:21px!important;
    transform:none!important;
  }

  body[data-portal-role="PRINCIPAL"][data-portal-module="dashboard"] #principalDashboardDynamic > .kpi-grid .kpi-card > b{
    grid-column:2!important;
    grid-row:1!important;
    align-self:center!important;
    justify-self:stretch!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    text-align:center!important;
    font-size:clamp(20px,4.9vw,27px)!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    transform:none!important;
  }

  body[data-portal-role="PRINCIPAL"][data-portal-module="dashboard"] #principalDashboardDynamic > .kpi-grid .kpi-card > span:last-child{
    grid-column:1 / -1!important;
    grid-row:2!important;
    align-self:end!important;
    justify-self:stretch!important;
    width:100%!important;
    margin:0!important;
    padding:0 1px 1px!important;
    text-align:center!important;
    font-size:clamp(10px,2.45vw,13px)!important;
    line-height:1.08!important;
    font-weight:800!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    transform:none!important;
  }

  /* Keep the non-clickable Tasks card identical to the other five cards. */
  body[data-portal-role="PRINCIPAL"][data-portal-module="dashboard"] #principalDashboardDynamic > .kpi-grid .kpi-card:last-child{
    display:grid!important;
    align-items:center!important;
    justify-items:stretch!important;
  }
}

@media (max-width:560px){
  body[data-portal-role="PRINCIPAL"][data-portal-module="dashboard"] #principalDashboardDynamic > .kpi-grid .kpi-card{
    height:96px!important;
    min-height:96px!important;
    padding:7px 7px 6px!important;
    grid-template-columns:38px minmax(0,1fr)!important;
    grid-template-rows:40px minmax(23px,1fr)!important;
    column-gap:5px!important;
    row-gap:2px!important;
  }
  body[data-portal-role="PRINCIPAL"][data-portal-module="dashboard"] #principalDashboardDynamic > .kpi-grid .kpi-card .kpi-top{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
  }
  body[data-portal-role="PRINCIPAL"][data-portal-module="dashboard"] #principalDashboardDynamic > .kpi-grid .kpi-card .kpi-icon{
    flex-basis:36px!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
  }
  body[data-portal-role="PRINCIPAL"][data-portal-module="dashboard"] #principalDashboardDynamic > .kpi-grid .kpi-card .kpi-icon svg{
    width:19px!important;
    height:19px!important;
  }
  body[data-portal-role="PRINCIPAL"][data-portal-module="dashboard"] #principalDashboardDynamic > .kpi-grid .kpi-card > b{
    font-size:clamp(18px,5vw,24px)!important;
  }
}