/* EDUHUNT R443 — Principal Online Tests auto-filter + Attendance compact actions
   Principal-only presentation. Desktop/tablet/mobile safe. */

/* Online Tests: the programme is intentionally omitted in R443 JS for Principal.
   Keep the catalogue rows compact after removing that repeated line. */
body[data-portal-role="PRINCIPAL"][data-portal-module="online-tests"] .eh-oltstaff-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  column-gap:16px;
}
body[data-portal-role="PRINCIPAL"][data-portal-module="online-tests"] .eh-oltstaff-card[hidden]{
  display:none!important;
}
body[data-portal-role="PRINCIPAL"][data-portal-module="online-tests"] .eh-oltstaff-card-head{
  min-width:0;
}
body[data-portal-role="PRINCIPAL"][data-portal-module="online-tests"] .eh-oltstaff-card-foot{
  grid-column:2;
  grid-row:1;
  margin:0!important;
}
body[data-portal-role="PRINCIPAL"][data-portal-module="online-tests"] .eh-oltstaff-chapter{
  grid-column:1;
}

/* Attendance: Class + PDF + WhatsApp + Print remain on one line.
   Excel is removed in R443 JS. */
body[data-portal-role="PRINCIPAL"] .principal-attendance-r443{
  display:grid!important;
  gap:12px!important;
}
body[data-portal-role="PRINCIPAL"] .principal-attendance-r443 .principal-attendance-class-row{
  display:grid!important;
  grid-template-columns:minmax(90px,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  min-height:66px!important;
  padding:11px 14px!important;
}
body[data-portal-role="PRINCIPAL"] .principal-attendance-r443 .principal-attendance-class-name{
  margin:0!important;
  min-width:0!important;
  white-space:nowrap!important;
}
body[data-portal-role="PRINCIPAL"] .principal-attendance-r443 .principal-attendance-class-actions{
  display:grid!important;
  grid-template-columns:repeat(3,42px)!important;
  gap:8px!important;
  align-items:center!important;
  justify-content:end!important;
}
body[data-portal-role="PRINCIPAL"] .principal-attendance-r443 .principal-attendance-icon-action{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
  padding:0!important;
  display:inline-grid!important;
  place-items:center!important;
  border-radius:10px!important;
  cursor:pointer!important;
}
body[data-portal-role="PRINCIPAL"] .principal-attendance-r443 .principal-attendance-icon-action svg{
  width:20px!important;
  height:20px!important;
  margin:0!important;
}

@media(max-width:1024px){
  body[data-portal-role="PRINCIPAL"][data-portal-module="online-tests"] .eh-oltstaff-card{
    grid-template-columns:minmax(0,1fr) auto!important;
    padding:13px 14px!important;
  }
  body[data-portal-role="PRINCIPAL"] .principal-attendance-r443 .principal-attendance-class-row{
    grid-template-columns:minmax(72px,1fr) auto!important;
    min-height:58px!important;
    padding:9px 10px!important;
  }
  body[data-portal-role="PRINCIPAL"] .principal-attendance-r443 .principal-attendance-class-actions{
    grid-template-columns:repeat(3,38px)!important;
    gap:7px!important;
  }
  body[data-portal-role="PRINCIPAL"] .principal-attendance-r443 .principal-attendance-icon-action{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
  }
}

@media(max-width:430px){
  body[data-portal-role="PRINCIPAL"] .principal-attendance-r443 .principal-attendance-class-row{
    gap:7px!important;
    padding:8px!important;
  }
  body[data-portal-role="PRINCIPAL"] .principal-attendance-r443 .principal-attendance-class-actions{
    grid-template-columns:repeat(3,36px)!important;
    gap:5px!important;
  }
  body[data-portal-role="PRINCIPAL"] .principal-attendance-r443 .principal-attendance-icon-action{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
  }
}