/* =========================================================
   EDUHUNT V2.2.338 R123
   Four-button Exam Syllabus filter + white accordion arrow
   + shared portal UI text scale.
========================================================= */

:root{
  --eduhunt-ui-heading-size:12px;
  --eduhunt-ui-content-size:13px;
}

/* Shared text scale for the six authenticated portals. Primary page titles,
   school branding and KPI numbers intentionally retain their visual hierarchy. */
body[data-portal-role] #content{
  font-size:var(--eduhunt-ui-content-size)!important;
}
body[data-portal-role] #content :where(p,li,td,input,select,textarea,.button,.row-action,.status,.status-badge,.assignment-chip){
  font-size:var(--eduhunt-ui-content-size)!important;
}
body[data-portal-role] #content :where(.form-field>label,table th,.section-title,.eyebrow,.table-toolbar small,.kpi-card>span,.cell-label,.field-label){
  font-size:var(--eduhunt-ui-heading-size)!important;
}

/* Exam Syllabus has four equal filters; the former ALL filter is removed in JS. */
body[data-portal-module="exam-syllabus"] .exam-syllabus-chips{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
}
body[data-portal-module="exam-syllabus"] .exam-syllabus-chips .test-type-chip{
  min-height:44px!important;
  padding:9px 14px!important;
  border-radius:12px!important;
  font-size:16px!important;
  font-weight:950!important;
  line-height:1!important;
}

/* The far-right expand/collapse arrow stays visible on every dark surface. */
body[data-portal-module="exam-syllabus"] .exam-syllabus-test-chevron{
  color:#fff!important;
  opacity:1!important;
}
body[data-portal-module="exam-syllabus"] .exam-syllabus-test-chevron svg{
  width:20px!important;
  height:20px!important;
  color:#fff!important;
  fill:none!important;
  stroke:#fff!important;
  stroke-width:2!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
body[data-portal-module="exam-syllabus"] .exam-syllabus-test-chevron svg [stroke]:not([stroke="none"]){stroke:#fff!important}
body[data-portal-module="exam-syllabus"] .exam-syllabus-test-chevron svg [fill]:not([fill="none"]){fill:#fff!important}

/* Syllabus cards use the requested heading/content sizes. */
body[data-portal-module="exam-syllabus"] .exam-syllabus-date-name small,
body[data-portal-module="exam-syllabus"] .exam-syllabus-test-date small,
body[data-portal-module="exam-syllabus"] .exam-syllabus-list-head span,
body[data-portal-module="exam-syllabus"] .exam-syllabus-subject{
  font-size:12px!important;
}
body[data-portal-module="exam-syllabus"] .exam-syllabus-date-name strong,
body[data-portal-module="exam-syllabus"] .exam-syllabus-test-name,
body[data-portal-module="exam-syllabus"] .exam-syllabus-test-date strong,
body[data-portal-module="exam-syllabus"] .exam-syllabus-class-name,
body[data-portal-module="exam-syllabus"] .exam-syllabus-chapter,
body[data-portal-module="exam-syllabus"] .exam-syllabus-no-portion{
  font-size:13px!important;
}

@media(max-width:760px){
  :root{--eduhunt-ui-content-size:12px}
  body[data-portal-role] #content,
  body[data-portal-role] #content :where(p,li,td,input,select,textarea,.button,.row-action,.status,.status-badge,.assignment-chip){
    font-size:12px!important;
  }
  body[data-portal-module="exam-syllabus"] .exam-syllabus-chips{
    gap:7px!important;
  }
  body[data-portal-module="exam-syllabus"] .exam-syllabus-chips .test-type-chip{
    min-height:40px!important;
    padding:8px 5px!important;
    font-size:14px!important;
  }
  body[data-portal-module="exam-syllabus"] .exam-syllabus-date-name strong,
  body[data-portal-module="exam-syllabus"] .exam-syllabus-test-name,
  body[data-portal-module="exam-syllabus"] .exam-syllabus-test-date strong,
  body[data-portal-module="exam-syllabus"] .exam-syllabus-class-name,
  body[data-portal-module="exam-syllabus"] .exam-syllabus-subject,
  body[data-portal-module="exam-syllabus"] .exam-syllabus-chapter,
  body[data-portal-module="exam-syllabus"] .exam-syllabus-no-portion{
    font-size:12px!important;
  }
  body[data-portal-module="exam-syllabus"] .exam-syllabus-date-name small,
  body[data-portal-module="exam-syllabus"] .exam-syllabus-test-date small,
  body[data-portal-module="exam-syllabus"] .exam-syllabus-list-head span{
    font-size:12px!important;
  }
}
