/* =========================================================
   EDUHUNT V2.2.337 R122
   Centered portal errors, automatic Principal message context,
   and clearer colourful EduHunt Staff contacts.
========================================================= */

/* Errors from every portal role use one large, visible centre dialog. */
.eduhunt-centered-error-overlay{
  position:fixed;
  inset:0;
  z-index:2147483600;
  display:grid;
  place-items:center;
  padding:24px;
  background:rgba(1,9,20,.78);
  backdrop-filter:blur(4px);
}
.eduhunt-centered-error-overlay[hidden]{display:none!important}
.eduhunt-centered-error-card{
  width:min(560px,calc(100vw - 32px));
  display:grid;
  grid-template-columns:64px minmax(0,1fr);
  gap:16px;
  align-items:center;
  padding:24px;
  border:2px solid #ff6b7d;
  border-radius:16px;
  background:#092238;
  color:#f8fbff;
  box-shadow:0 24px 70px rgba(0,0,0,.46);
}
.eduhunt-centered-error-icon{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border:1px solid #ff8290;
  border-radius:14px;
  background:#4c1f2a;
  color:#ff9daa;
}
.eduhunt-centered-error-icon svg{
  width:30px;
  height:30px;
  color:inherit!important;
}
.eduhunt-centered-error-icon svg [stroke]:not([stroke="none"]){stroke:currentColor!important}
.eduhunt-centered-error-icon svg [fill]:not([fill="none"]){fill:currentColor!important}
.eduhunt-centered-error-copy{min-width:0}
.eduhunt-centered-error-kicker{
  margin-bottom:3px;
  color:#ff9daa;
  font-size:12px;
  font-weight:950;
  letter-spacing:.1em;
}
.eduhunt-centered-error-card h2{
  margin:0 0 7px;
  color:#fff;
  font-size:27px;
  line-height:1.15;
}
.eduhunt-centered-error-card p{
  margin:0;
  color:#f4f8fc;
  font-size:20px;
  font-weight:760;
  line-height:1.5;
  overflow-wrap:anywhere;
}
.eduhunt-centered-error-ok{
  grid-column:1 / -1;
  justify-self:end;
  min-width:118px;
  min-height:46px;
  font-size:16px!important;
}

/* Principal message composition never repeats known school/programme fields. */
body[data-portal-role="PRINCIPAL"][data-portal-module="announcements"] .portal-message-compose{
  max-width:920px!important;
}

/* EduHunt Staff guidance: sentence case and two-point larger typography. */
body[data-portal-role="PRINCIPAL"][data-portal-module="eduhunt-staff"] .staff-directory-contact-guidance{
  align-items:flex-start!important;
}
body[data-portal-role="PRINCIPAL"][data-portal-module="eduhunt-staff"] .staff-directory-contact-guidance>svg{
  width:24px!important;
  height:24px!important;
  margin-top:2px!important;
  color:#4fd7ff!important;
}
body[data-portal-role="PRINCIPAL"][data-portal-module="eduhunt-staff"] .staff-directory-contact-guidance>svg [stroke]:not([stroke="none"]){stroke:currentColor!important}
body[data-portal-role="PRINCIPAL"][data-portal-module="eduhunt-staff"] .staff-directory-contact-guidance>svg [fill]:not([fill="none"]){fill:currentColor!important}
body[data-portal-role="PRINCIPAL"][data-portal-module="eduhunt-staff"] .staff-directory-contact-guidance p{
  font-size:17px!important;
  line-height:1.48!important;
  text-transform:none!important;
}
body[data-portal-role="PRINCIPAL"][data-portal-module="eduhunt-staff"] .staff-directory-contact-guidance strong{
  color:#77f2be!important;
}

/* Coordinator, HOD and Operator cards share the same +2px type scale. */
body[data-portal-role="PRINCIPAL"][data-portal-module="eduhunt-staff"] .staff-directory-card--simple .staff-directory-card-copy>span{
  font-size:12px!important;
  line-height:1.25!important;
}
body[data-portal-role="PRINCIPAL"][data-portal-module="eduhunt-staff"] .staff-directory-card--simple .staff-directory-card-copy h3{
  font-size:18px!important;
  line-height:1.25!important;
}
body[data-portal-role="PRINCIPAL"][data-portal-module="eduhunt-staff"] .staff-directory-mobile,
body[data-portal-role="PRINCIPAL"][data-portal-module="eduhunt-staff"] .staff-directory-mobile strong{
  color:#65e6a7!important;
  font-size:15px!important;
}

/* No staff/contact glyph can fall back to black. */
body[data-portal-role="PRINCIPAL"][data-portal-module="eduhunt-staff"] :where(.staff-directory-card-icon,.staff-directory-mobile,.staff-directory-actions) svg{
  color:inherit!important;
}
body[data-portal-role="PRINCIPAL"][data-portal-module="eduhunt-staff"] :where(.staff-directory-card-icon,.staff-directory-mobile,.staff-directory-actions) svg [stroke]:not([stroke="none"]){
  stroke:currentColor!important;
}
body[data-portal-role="PRINCIPAL"][data-portal-module="eduhunt-staff"] :where(.staff-directory-card-icon,.staff-directory-mobile,.staff-directory-actions) svg [fill]:not([fill="none"]){
  fill:currentColor!important;
}
body[data-portal-role="PRINCIPAL"][data-portal-module="eduhunt-staff"] .staff-directory-card--simple .staff-directory-card-icon--coordinator{
  border-color:#2db9ed!important;
  background:#0a405b!important;
  color:#63ddff!important;
}
body[data-portal-role="PRINCIPAL"][data-portal-module="eduhunt-staff"] .staff-directory-card--simple .staff-directory-card-icon--academic{
  border-color:#8b6ee8!important;
  background:#30245b!important;
  color:#c2acff!important;
}
body[data-portal-role="PRINCIPAL"][data-portal-module="eduhunt-staff"] .staff-directory-card--simple .staff-directory-card-icon--operator{
  border-color:#e8a22f!important;
  background:#513818!important;
  color:#ffd276!important;
}
body[data-portal-role="PRINCIPAL"][data-portal-module="eduhunt-staff"] .staff-directory-actions .button--whatsapp{
  color:#fff!important;
}
body[data-portal-role="PRINCIPAL"][data-portal-module="eduhunt-staff"] .staff-directory-actions .button--primary{
  color:#fff!important;
}

@media(max-width:760px){
  .eduhunt-centered-error-overlay{padding:16px}
  .eduhunt-centered-error-card{
    grid-template-columns:50px minmax(0,1fr);
    gap:12px;
    padding:18px;
  }
  .eduhunt-centered-error-icon{width:48px;height:48px}
  .eduhunt-centered-error-card h2{font-size:23px}
  .eduhunt-centered-error-card p{font-size:18px;line-height:1.45}
  .eduhunt-centered-error-ok{width:100%;justify-self:stretch}
  body[data-portal-role="PRINCIPAL"][data-portal-module="eduhunt-staff"] .staff-directory-contact-guidance p{
    font-size:16px!important;
    line-height:1.5!important;
  }
  body[data-portal-role="PRINCIPAL"][data-portal-module="eduhunt-staff"] .staff-directory-card--simple .staff-directory-card-copy>span{
    font-size:12px!important;
  }
  body[data-portal-role="PRINCIPAL"][data-portal-module="eduhunt-staff"] .staff-directory-card--simple .staff-directory-card-copy h3{
    font-size:18px!important;
  }
  body[data-portal-role="PRINCIPAL"][data-portal-module="eduhunt-staff"] .staff-directory-mobile,
  body[data-portal-role="PRINCIPAL"][data-portal-module="eduhunt-staff"] .staff-directory-mobile strong{
    font-size:15px!important;
  }
  body[data-portal-role="PRINCIPAL"][data-portal-module="eduhunt-staff"] .staff-directory-card--simple .staff-directory-actions .button svg{
    width:20px!important;
    height:20px!important;
  }
}