/* =========================================================
   EDUHUNT V2.2.340 R125
   Safe LR preview/share, clean helper copy, dark Online Tests
   and Reports, colourful people/report icons, mobile role label.
========================================================= */

/* The logged-in role sits below the school/portal name on phones only. */
.topbar-role-label{display:none}
@media(max-width:1024px){
  body[data-portal-role] .topbar-title{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:flex-start!important;
    gap:2px!important;
    min-width:0!important;
  }
  body[data-portal-role] #topbarRoleLabel{
    display:block!important;
    margin:0!important;
    color:#64e9dd!important;
    font-size:11px!important;
    font-weight:900!important;
    line-height:1!important;
    letter-spacing:.045em!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
  }
}
html.eh-force-mobile body[data-portal-role] .topbar-title{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  gap:2px!important;
}
html.eh-force-mobile body[data-portal-role] #topbarRoleLabel{
  display:block!important;
  margin:0!important;
  color:#64e9dd!important;
  font-size:11px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:.045em!important;
  text-transform:uppercase!important;
}

/* LR opens inside the authenticated portal instead of replacing it. */
.r125-lr-preview{
  width:min(960px,86vw);
  min-height:58vh;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid #31536d;
  border-radius:12px;
  background:#031426;
}
.r125-lr-preview-frame{
  display:block;
  width:100%;
  height:68vh;
  min-height:520px;
  border:0;
  background:#fff;
}
.r125-lr-preview-image{
  display:block;
  max-width:100%;
  max-height:72vh;
  width:auto;
  height:auto;
  object-fit:contain;
}
@media(max-width:760px){
  .r125-lr-preview{width:100%;min-height:54vh}
  .r125-lr-preview-frame{height:62vh;min-height:430px}
  .r125-lr-preview-image{max-height:66vh}
}

/* The crossed helper captions stay removed even with stale cached markup. */
body[data-portal-module="videos"] :is(.edu-video-topic,.edu-video-list-row)>span>small,
body[data-portal-module="videos"] .edu-video-list-row div>small{
  display:none!important;
}
body[data-portal-module="videos"] .edu-video-topic>span:nth-child(2),
body[data-portal-module="videos"] .edu-video-list-row>div{
  display:flex!important;
  align-items:center!important;
  min-height:24px!important;
}

/* Result selectors retain the same compact spacing after step captions go. */
body[data-portal-module="results"] .principal-result-flow-filter{
  padding-top:12px!important;
  padding-bottom:12px!important;
}

/* Staff icons: vivid glyphs, never black. */
body[data-portal-module="eduhunt-staff"] .staff-directory-card-icon{
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)!important;
}
body[data-portal-module="eduhunt-staff"] .staff-directory-card-icon svg{
  color:inherit!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2!important;
}
body[data-portal-module="eduhunt-staff"] .staff-directory-card-icon svg *{
  fill:none!important;
  stroke:currentColor!important;
}
body[data-portal-module="eduhunt-staff"] .staff-directory-card-icon--coordinator{color:#55e7ff!important}
body[data-portal-module="eduhunt-staff"] .staff-directory-card-icon--academic{color:#c8b6ff!important}
body[data-portal-module="eduhunt-staff"] .staff-directory-card-icon--operator{color:#ffd56f!important}

/* Online Test Participation is a true dark surface in every role. */
body[data-portal-module="online-test-participation"] #content{
  color:#eef7ff!important;
}
body[data-portal-module="online-test-participation"] #content .otr82-tabs button{
  border-color:#31536d!important;
  background:#0b2a45!important;
  color:#eaf6ff!important;
  box-shadow:none!important;
}
body[data-portal-module="online-test-participation"] #content .otr82-tabs button.active{
  border-color:#38d6ee!important;
  background:linear-gradient(135deg,#147dc2,#159bb2)!important;
  color:#fff!important;
}
body[data-portal-module="online-test-participation"] #content :is(.otr82-note,.otr82-filters,.otr82-kpi,.card){
  border-color:#2d4f69!important;
  background:#071b2f!important;
  color:#eef7ff!important;
  box-shadow:none!important;
}
body[data-portal-module="online-test-participation"] #content .otr82-note{
  background:#0b2a45!important;
  color:#cce8f8!important;
}
body[data-portal-module="online-test-participation"] #content :is(.otr82-kpi b,.card h3,.otr82-pagination b){color:#fff!important}
body[data-portal-module="online-test-participation"] #content :is(.otr82-kpi span,.card-head p,.otr82-pagination,.otr82-empty){color:#9fbbcf!important}
body[data-portal-module="online-test-participation"] #content :is(input,select){
  border-color:#31536d!important;
  background:#031426!important;
  color:#fff!important;
  color-scheme:dark!important;
}
body[data-portal-module="online-test-participation"] #content .form-field>label{color:#cce5f6!important}
body[data-portal-module="online-test-participation"] #content .otr82-table th{
  border-color:#2b4c65!important;
  background:#0b2a45!important;
  color:#8edcff!important;
}
body[data-portal-module="online-test-participation"] #content .otr82-table td{
  border-color:#24445e!important;
  background:#071b2f!important;
  color:#eaf4fb!important;
}
body[data-portal-module="online-test-participation"] #content :is(.otr82-school strong,.otr82-student strong){color:#69dfff!important}
body[data-portal-module="online-test-participation"] #content :is(.otr82-school small,.otr82-student small){color:#9ab5ca!important}

/* Reports hub follows the same dark portal language; icon glyphs are colourful. */
body[data-portal-module="reports"] #content .role-report-hub{
  border-color:#2d4f69!important;
  background:#071b2f!important;
  box-shadow:none!important;
}
body[data-portal-module="reports"] #content .role-report-card{
  border-color:#31536d!important;
  background:#0a2740!important;
  color:#f3f9ff!important;
  box-shadow:none!important;
}
body[data-portal-module="reports"] #content .role-report-card:hover,
body[data-portal-module="reports"] #content .role-report-card:focus-visible{
  border-color:#4bd8ed!important;
  background:#0d3352!important;
}
body[data-portal-module="reports"] #content .role-report-card strong{color:#fff!important}
body[data-portal-module="reports"] #content .role-report-card small{color:#a9bfd3!important}
body[data-portal-module="reports"] #content .role-report-arrow{color:#55dcff!important}
body[data-portal-module="reports"] #content .role-report-icon svg{
  color:inherit!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2!important;
}
body[data-portal-module="reports"] #content .role-report-icon svg *{
  fill:none!important;
  stroke:currentColor!important;
}
body[data-portal-module="reports"] #content .role-report-color-1 .role-report-icon{background:#123f63!important;color:#64d8ff!important}
body[data-portal-module="reports"] #content .role-report-color-2 .role-report-icon{background:#123f36!important;color:#6cf0bd!important}
body[data-portal-module="reports"] #content .role-report-color-3 .role-report-icon{background:#4a3415!important;color:#ffd16b!important}
body[data-portal-module="reports"] #content .role-report-color-4 .role-report-icon{background:#32265d!important;color:#c6adff!important}
body[data-portal-module="reports"] #content .role-report-color-5 .role-report-icon{background:#4b2230!important;color:#ff9eb2!important}
body[data-portal-module="reports"] #content .role-report-color-6 .role-report-icon{background:#0d4148!important;color:#63e6ef!important}
body[data-portal-module="reports"] #content .role-report-color-7 .role-report-icon{background:#3e461b!important;color:#d4e970!important}
body[data-portal-module="reports"] #content .role-report-color-8 .role-report-icon{background:#263963!important;color:#a8c2ff!important}

@media(max-width:650px){
  body[data-portal-module="online-test-participation"] #content .otr82-kpis{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body[data-portal-module="reports"] #content .role-report-card{
    min-height:76px!important;
  }
}