/* EDUHUNT R423 — Principal Portal only
   1) Theme/Profile/WhatsApp dock at top-right ONLY on main hub pages.
   2) Result Analysis view buttons in exactly two rows (4 + 4) on mobile/tablet.
   Desktop is intentionally untouched. */

@media (max-width:1024px){
  /* Main hub pages: same compact 3-button dock at the marked top-right position. */
  body[data-portal-role="PRINCIPAL"] #principalMobileUtilityDock[data-main-hub="1"]{
    height:46px!important;
    min-height:46px!important;
    padding:3px 4px!important;
    grid-template-columns:40px 40px 40px!important;
    gap:6px!important;
    border-radius:14px!important;
  }

  /* Result Analysis: 8 view buttons = 4 columns x 2 rows. */
  body[data-portal-role="PRINCIPAL"] .principal-result-nav.principal-result-tabs{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
    margin:10px 0 12px!important;
    padding:0!important;
  }
  body[data-portal-role="PRINCIPAL"] .principal-result-nav.principal-result-tabs>button{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    min-height:54px!important;
    height:54px!important;
    margin:0!important;
    padding:6px 4px!important;
    display:grid!important;
    place-items:center!important;
    text-align:center!important;
    line-height:1.08!important;
    box-sizing:border-box!important;
  }
  body[data-portal-role="PRINCIPAL"] .principal-result-tab-label{
    display:grid!important;
    place-items:center!important;
    gap:2px!important;
    width:100%!important;
    min-width:0!important;
  }
  body[data-portal-role="PRINCIPAL"] .principal-result-tab-label>span{
    display:block!important;
    width:100%!important;
    font-size:11px!important;
    line-height:1.08!important;
    font-weight:900!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    text-align:center!important;
  }
}

@media (max-width:560px){
  body[data-portal-role="PRINCIPAL"] .principal-result-nav.principal-result-tabs{
    gap:6px!important;
  }
  body[data-portal-role="PRINCIPAL"] .principal-result-nav.principal-result-tabs>button{
    min-height:50px!important;
    height:50px!important;
    padding:5px 2px!important;
  }
  body[data-portal-role="PRINCIPAL"] .principal-result-tab-label>span{
    font-size:9.5px!important;
  }
}

/* Physical-mobile mode can retain a desktop-sized CSS viewport. */
html.eh-force-mobile body[data-portal-role="PRINCIPAL"] .principal-result-nav.principal-result-tabs{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  grid-auto-flow:row!important;
  gap:6px!important;
  width:100%!important;
  max-width:100%!important;
  overflow:visible!important;
}
html.eh-force-mobile body[data-portal-role="PRINCIPAL"] .principal-result-nav.principal-result-tabs>button{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  min-height:50px!important;
  height:50px!important;
  margin:0!important;
  padding:5px 2px!important;
}
html.eh-force-mobile body[data-portal-role="PRINCIPAL"] .principal-result-tab-label>span{
  font-size:9.5px!important;
  line-height:1.08!important;
}