/* EDUHUNT R422 — Principal Portal only — mobile/tablet Exams hub row gap
   Purpose: keep 3 cards per row and add clear vertical spacing between rows.
   Desktop is intentionally untouched. */
@media (max-width:1024px){
  body[data-portal-role="PRINCIPAL"] .principal-mobile-hub--exams .principal-hub-grid{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    column-gap:8px !important;
    row-gap:12px !important;
    gap:12px 8px !important;
    align-items:stretch !important;
  }

  body[data-portal-role="PRINCIPAL"] .principal-mobile-hub--exams .principal-hub-item{
    width:100% !important;
    min-width:0 !important;
    min-height:102px !important;
    height:102px !important;
    margin:0 !important;
    box-sizing:border-box !important;
  }
}

@media (max-width:560px){
  body[data-portal-role="PRINCIPAL"] .principal-mobile-hub--exams .principal-hub-grid{
    column-gap:7px !important;
    row-gap:11px !important;
    gap:11px 7px !important;
  }

  body[data-portal-role="PRINCIPAL"] .principal-mobile-hub--exams .principal-hub-item{
    min-height:96px !important;
    height:96px !important;
    padding:8px 5px !important;
  }
}