/* ===== STYLE_8 | source line 2571 ===== */
/* =========================================================
   BLOGGER PAGE CLEANUP — PRINCIPAL PORTAL ONLY
   Hides comments, sidebars, promotional widgets and theme extras
   without affecting content inside the EduHunt portal.
========================================================= */

/* Comments and post extras */
#comments,
.comments,
.comments-content,
.comment-form,
.comment-footer,
.comment-thread,
.comment-replies,
.comment-actions,
#comment-editor,
.post-comment-link,
.post-footer,
.post-footer-line,
.post-footer-line-1,
.post-footer-line-2,
.post-footer-line-3,
.post-labels,
.post-icons,
.reactions-iframe,
.blog-pager,
.feed-links,
.status-msg-wrap {
  display:none !important;
}

/* Blogger sidebars and promotional areas */
.sidebar,
.sidebar-wrapper,
.sidebar-container,
#sidebar-wrapper,
#sidebar,
#sidebar-right-1,
#sidebar-right-2,
#sidebar-left-1,
#sidebar-left-2,
.column-right-outer,
.column-left-outer,
.right-sidebar,
.left-sidebar,
.aside,
.widget-area,
.footer-outer,
.footer-inner,
#footer-wrapper,
#footer,
.footer-widgets,
.footer-section {
  display:none !important;
}

/* Remove common below-post promotional widget zones */
#after-post,
.after-post,
.post-bottom,
.post-bottom-widget,
.below-post,
.below-post-widget,
.related-posts,
.related-post,
#related-posts,
#related-post,
.author-profile,
.share-buttons,
.share-post,
.social-share {
  display:none !important;
}

/* Expand the page content to use the available width */
.content-outer,
.content-inner,
.main-inner,
.main-inner .columns,
.main-inner .column-center-outer,
.main-inner .column-center-inner,
.column-center-outer,
.column-center-inner,
.main-outer,
.main,
#main-wrapper,
#main,
.post-outer,
.post,
.post-body,
.entry-content {
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

/* Keep the EduHunt portal centred and visible */
.ehp-root {
  display:block !important;
  width:100% !important;
  max-width:1180px !important;
  margin:0 auto !important;
}

.ehp-footer {
  display:block !important;
}

/* Mobile and tablet cleanup */
@media screen and (max-width:900px) {
  html, body,
  .content-outer,
  .content-inner,
  .main-inner,
  .main-inner .columns,
  .main-inner .column-center-outer,
  .main-inner .column-center-inner,
  .column-center-outer,
  .column-center-inner,
  .main-outer,
  .main,
  #main-wrapper,
  #main,
  .post-outer,
  .post,
  .post-body,
  .entry-content {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .ehp-root {
    width:100% !important;
    max-width:100% !important;
    margin:0 auto !important;
    padding-left:8px !important;
    padding-right:8px !important;
  }
}


/* =========================================================
   COMPACT BLOGGER PAGE + DARK MODE
========================================================= */
.post-title,
.post-title-container,
.post-header,
.entry-header,
.entry-title,
.date-header,
.breadcrumbs,
.breadcrumb,
.post-header-line-1,
.post-header-line-2,
.post-meta,
.item-control,
.item-control.blog-admin,
#blog-pager,
.page-header,
.page-title {
  display:none !important;
  height:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
}

.post-outer,
.post,
.post-body,
.entry-content,
.main-inner,
.content-inner {
  padding-top:0 !important;
  margin-top:0 !important;
}

.ehp-school-head{
  position:relative;
  margin-top:0 !important;
}

.ehp-dark-toggle{
  position:absolute;
  right:10px;
  top:10px;
  border:1px solid #b8c8dc;
  border-radius:8px;
  background:#fff;
  color:#0b4d86;
  padding:8px 11px;
  font-size:12px;
  font-weight:900;
  cursor:pointer;
  z-index:3;
}

.ehp-root.ehp-dark{
  background:#111827 !important;
  color:#e5e7eb !important;
}
.ehp-root.ehp-dark .ehp-school-head,
.ehp-root.ehp-dark .ehp-login-head{
  background:#111827 !important;
  border-color:#60a5fa !important;
}
.ehp-root.ehp-dark .ehp-school-head h1,
.ehp-root.ehp-dark .ehp-login-head h1,
.ehp-root.ehp-dark .ehp-filter-title,
.ehp-root.ehp-dark .ehp-section-title,
.ehp-root.ehp-dark .ehp-field label,
.ehp-root.ehp-dark .ehp-strength-label,
.ehp-root.ehp-dark .ehp-powered,
.ehp-root.ehp-dark .ehp-footer,
.ehp-root.ehp-dark .ehp-note{
  color:#e5e7eb !important;
}
.ehp-root.ehp-dark .ehp-card,
.ehp-root.ehp-dark .ehp-analysis-card,
.ehp-root.ehp-dark .ehp-dashboard-panel,
.ehp-root.ehp-dark .ehp-strength-card,
.ehp-root.ehp-dark .ehp-info-box,
.ehp-root.ehp-dark .ehp-summary-box,
.ehp-root.ehp-dark .ehp-assignment-group,
.ehp-root.ehp-dark .ehp-omr-step-card{
  background:#1f2937 !important;
  color:#f9fafb !important;
  border-color:#475569 !important;
}
.ehp-root.ehp-dark .ehp-module-btn,
.ehp-root.ehp-dark .ehp-tab{
  background:#273449 !important;
  color:#dbeafe !important;
  border-color:#475569 !important;
}
.ehp-root.ehp-dark .ehp-module-btn.active,
.ehp-root.ehp-dark .ehp-tab.active,
.ehp-root.ehp-dark .ehp-strength-card.total{
  background:#0b4d86 !important;
  color:#fff !important;
}
.ehp-root.ehp-dark input,
.ehp-root.ehp-dark select,
.ehp-root.ehp-dark textarea{
  background:#111827 !important;
  color:#f9fafb !important;
  border-color:#64748b !important;
}
.ehp-root.ehp-dark .ehp-table,
.ehp-root.ehp-dark .ehp-table td{
  background:#111827 !important;
  color:#f9fafb !important;
  border-color:#64748b !important;
}
.ehp-root.ehp-dark .ehp-student-link{
  color:#93c5fd !important;
}
.ehp-root.ehp-dark .ehp-dark-toggle{
  background:#273449;
  color:#fff;
  border-color:#64748b;
}
.ehp-root.ehp-dark .ehp-student-click-note,
.ehp-root.ehp-dark .ehp-small-alert,
.ehp-root.ehp-dark .ehp-beta-note{
  background:#3b2f05 !important;
  color:#fde68a !important;
  border-color:#d97706 !important;
}

@media screen and (max-width:900px){
  .ehp-dark-toggle{right:4px;top:4px;padding:7px 9px;font-size:11px;}
  .ehp-school-head{padding-top:42px !important;}
}

/* ===== STYLE_9 | source line 2859 ===== */
/* Broader, reliable dark-mode coverage inside the portal only */
#ehpRoot.ehp-dark,
#ehpRoot.ehp-dark .ehp-root,
#ehpRoot.ehp-dark .ehp-module-panel,
#ehpRoot.ehp-dark #ehpDashboard,
#ehpRoot.ehp-dark #ehpReportArea,
#ehpRoot.ehp-dark #ehpStudentsModule,
#ehpRoot.ehp-dark #ehpResultsModule {
  background:#0b1220 !important;
  color:#f8fafc !important;
}
#ehpRoot.ehp-dark .ehp-card,
#ehpRoot.ehp-dark .ehp-analysis-card,
#ehpRoot.ehp-dark .ehp-dashboard-panel,
#ehpRoot.ehp-dark .ehp-info-box,
#ehpRoot.ehp-dark .ehp-summary-box,
#ehpRoot.ehp-dark .ehp-strength-card,
#ehpRoot.ehp-dark .ehp-assignment-group,
#ehpRoot.ehp-dark .ehp-assignment-subject-row,
#ehpRoot.ehp-dark .ehp-omr-step-card,
#ehpRoot.ehp-dark .ehp-pattern-box,
#ehpRoot.ehp-dark .ehp-student-dialog,
#ehpRoot.ehp-dark .ehp-student-profile .box,
#ehpRoot.ehp-dark .ehp-student-score,
#ehpRoot.ehp-dark .ehp-student-chart,
#ehpRoot.ehp-dark .ehp-table-wrap,
#ehpRoot.ehp-dark .ehp-filter-grid,
#ehpRoot.ehp-dark .ehp-login-card {
  background:#172033 !important;
  color:#f8fafc !important;
  border-color:#3b4a63 !important;
}
#ehpRoot.ehp-dark .ehp-strength-card:not(.total),
#ehpRoot.ehp-dark .ehp-info-box,
#ehpRoot.ehp-dark .ehp-summary-box {
  background:#1d293d !important;
}
#ehpRoot.ehp-dark .ehp-strength-value,
#ehpRoot.ehp-dark .ehp-info-box .value,
#ehpRoot.ehp-dark .ehp-summary-box .value,
#ehpRoot.ehp-dark .ehp-student-profile .v,
#ehpRoot.ehp-dark .ehp-student-score .mark,
#ehpRoot.ehp-dark .ehp-assignment-subject,
#ehpRoot.ehp-dark .ehp-assignment-text,
#ehpRoot.ehp-dark .ehp-info-content,
#ehpRoot.ehp-dark .ehp-note,
#ehpRoot.ehp-dark p,
#ehpRoot.ehp-dark li,
#ehpRoot.ehp-dark h2,
#ehpRoot.ehp-dark h3,
#ehpRoot.ehp-dark h4,
#ehpRoot.ehp-dark strong,
#ehpRoot.ehp-dark label,
#ehpRoot.ehp-dark span,
#ehpRoot.ehp-dark div {
  color:inherit;
}
#ehpRoot.ehp-dark .ehp-strength-value,
#ehpRoot.ehp-dark .ehp-info-box .value,
#ehpRoot.ehp-dark .ehp-summary-box .value,
#ehpRoot.ehp-dark .ehp-table td,
#ehpRoot.ehp-dark .ehp-table td.name,
#ehpRoot.ehp-dark .ehp-table td.action {
  color:#f8fafc !important;
}
#ehpRoot.ehp-dark .ehp-table,
#ehpRoot.ehp-dark .ehp-table tbody,
#ehpRoot.ehp-dark .ehp-table tr,
#ehpRoot.ehp-dark .ehp-table td {
  background:#101827 !important;
  border-color:#43516a !important;
}
#ehpRoot.ehp-dark .ehp-table th,
#ehpRoot.ehp-dark .ehp-table th * {
  background:#0b4d86 !important;
  color:#fff !important;
}
#ehpRoot.ehp-dark input,
#ehpRoot.ehp-dark select,
#ehpRoot.ehp-dark textarea,
#ehpRoot.ehp-dark option {
  background:#0f172a !important;
  color:#f8fafc !important;
  border-color:#64748b !important;
}
#ehpRoot.ehp-dark input::placeholder,
#ehpRoot.ehp-dark textarea::placeholder { color:#aab6ca !important; }
#ehpRoot.ehp-dark .ehp-module-btn,
#ehpRoot.ehp-dark .ehp-tab {
  background:#243249 !important;
  color:#e7f1ff !important;
  border-color:#4b5f7c !important;
}
#ehpRoot.ehp-dark .ehp-module-btn.active,
#ehpRoot.ehp-dark .ehp-tab.active,
#ehpRoot.ehp-dark .ehp-strength-card.total {
  background:#0b5a98 !important;
  color:#fff !important;
}
#ehpRoot.ehp-dark .ehp-section-title,
#ehpRoot.ehp-dark .ehp-filter-title,
#ehpRoot.ehp-dark .ehp-school-head h1,
#ehpRoot.ehp-dark .ehp-school-head .subtitle,
#ehpRoot.ehp-dark .ehp-strength-label,
#ehpRoot.ehp-dark .ehp-info-box .label,
#ehpRoot.ehp-dark .ehp-summary-box .label {
  color:#eaf3ff !important;
}
#ehpRoot.ehp-dark .ehp-student-link { color:#9dcbff !important; }
#ehpRoot.ehp-dark .ehp-withheld-note { background:#2c2410 !important;color:#fde9a9 !important;border-color:#876d20 !important; }

/* Clean mode toggle: no HTML entity codes can appear */
.ehp-dark-toggle{min-width:94px;text-align:center;white-space:nowrap;}

/* Apple-style / premium logout confirmation */
.ehp-logout-overlay{
  display:none;position:fixed;inset:0;z-index:1000000;
  background:rgba(4,10,20,.62);backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);padding:18px;
  align-items:center;justify-content:center;
}
.ehp-logout-overlay.open{display:flex;}
.ehp-logout-dialog{
  width:min(410px,100%);overflow:hidden;border-radius:18px;
  background:#fff;border:1px solid rgba(11,77,134,.18);
  box-shadow:0 28px 90px rgba(0,0,0,.38);
  transform:translateY(8px);animation:ehpLogoutIn .18s ease-out forwards;
}
@keyframes ehpLogoutIn{to{transform:translateY(0)}}
.ehp-logout-head{padding:22px 22px 12px;text-align:center;}
.ehp-logout-icon{
  width:54px;height:54px;margin:0 auto 13px;border-radius:17px;
  display:grid;place-items:center;background:#eaf3fb;color:#0b4d86;
  font-size:28px;font-weight:900;
}
.ehp-logout-title{margin:0;color:#10233d;font-size:21px;font-weight:900;}
.ehp-logout-copy{margin:9px 0 0;color:#536174;font-size:14px;line-height:1.55;font-weight:600;}
.ehp-logout-actions{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #dce5ef;}
.ehp-logout-action{
  border:0;background:#fff;padding:15px 12px;font-size:15px;font-weight:900;
  cursor:pointer;min-height:52px;
}
.ehp-logout-action + .ehp-logout-action{border-left:1px solid #dce5ef;}
.ehp-logout-cancel{color:#0b4d86;}
.ehp-logout-confirm{color:#d71920;}
.ehp-logout-action:hover{background:#f5f8fc;}
#ehpRoot.ehp-dark + .ehp-logout-overlay .ehp-logout-dialog,
body.ehp-page-dark .ehp-logout-dialog{background:#172033;border-color:#42516b;}
body.ehp-page-dark .ehp-logout-title{color:#fff;}
body.ehp-page-dark .ehp-logout-copy{color:#c3cfdf;}
body.ehp-page-dark .ehp-logout-actions{border-color:#42516b;}
body.ehp-page-dark .ehp-logout-action{background:#172033;}
body.ehp-page-dark .ehp-logout-action + .ehp-logout-action{border-color:#42516b;}
body.ehp-page-dark .ehp-logout-action:hover{background:#223049;}

@media(max-width:520px){
  .ehp-logout-overlay{padding:14px;align-items:flex-end;}
  .ehp-logout-dialog{border-radius:20px 20px 12px 12px;}
}

/* ===== STYLE_10 | source line 3037 ===== */
/* =========================================================
   COMPACT HEADER + SILENT FAST SESSION RESTORE
========================================================= */
#ehpSessionRestore,
.ehp-session-restore,
.ehp-session-restore.show{display:none !important;visibility:hidden !important;opacity:0 !important;pointer-events:none !important;}

/* Remove unnecessary Blogger spacing above the portal. */
.content-outer,.content-inner,.main-inner,.main-inner .columns,
.main-inner .column-center-outer,.main-inner .column-center-inner,
.column-center-outer,.column-center-inner,.main-outer,.main,
#main-wrapper,#main,.post-outer-container,.post-outer,.post,.post-body,.entry-content{
  margin-top:0 !important;
  padding-top:0 !important;
}
#ehpRoot.ehp-root{margin-top:0 !important;padding-top:0 !important;}

/* Compact school identity block while keeping clear visual breathing room. */
#ehpSchoolHeader{margin-top:0 !important;padding-top:0 !important;}
.ehp-school-head{
  margin:0 0 12px !important;
  padding:14px 72px 10px 10px !important;
  min-height:0 !important;
}
.ehp-school-head h1{margin:0 !important;line-height:1.12 !important;}
.ehp-school-head .subtitle{margin-top:4px !important;}
.ehp-school-head .town{margin-top:3px !important;}
.ehp-school-head .ehp-powered{margin-top:4px !important;}
.ehp-dark-toggle{right:10px !important;top:10px !important;}

@media screen and (max-width:900px){
  .ehp-school-head{padding:12px 64px 9px 8px !important;margin-bottom:10px !important;}
  .ehp-dark-toggle{right:6px !important;top:7px !important;}
}
@media screen and (max-width:520px){
  .ehp-school-head{padding:10px 58px 8px 6px !important;margin-bottom:8px !important;}
  .ehp-school-head h1{font-size:22px !important;}
}

/* ===== STYLE_11 | source line 3079 ===== */
.ehp-syl-progress{margin-bottom:8px}.ehp-syl-progress-bar{height:8px;background:#dce6f2;border-radius:20px;overflow:hidden;margin-bottom:5px}.ehp-syl-progress-bar i{display:block;height:100%;background:#139b34;border-radius:20px}.ehp-syl-list{display:grid;gap:4px}.ehp-syl-item{font-size:12px;line-height:1.35;padding:4px 6px;border-radius:5px}.ehp-syl-item span{display:inline-block;width:18px;font-weight:900}.ehp-syl-item.done{background:#eaf8ee;color:#08752a}.ehp-syl-item.pending{background:#fff0f0;color:#b42020}.ehp-status-pill.inprogress{background:#fff4cf;color:#8a6100}.ehp-status-pill.notstarted{background:#eef3f8;color:#4b5d70}.ehp-status-pill.overdue{background:#ffe0e0;color:#a10000}.ehp-status-pill.completed{background:#e5f7e9;color:#08752a}.ehp-root.dark-mode .ehp-syl-progress-bar{background:#42536a}.ehp-root.dark-mode .ehp-syl-item.done{background:#153d27;color:#bdf0ca}.ehp-root.dark-mode .ehp-syl-item.pending{background:#4a2020;color:#ffd1d1}

/* ===== STYLE_12 | source line 3084 ===== */
.ehp-exam-filter-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
  @media(max-width:900px){
    .ehp-exam-filter-grid{
      grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
  }
  @media(max-width:560px){
    .ehp-exam-filter-grid{
      grid-template-columns:1fr!important;
    }
  }

/* ===== STYLE_13 | source line 3101 ===== */
.ehp-exam-tabs-v15{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
  }
  .ehp-exam-summary{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
  }
  .ehp-exam-summary-click{
    cursor:pointer;
    transition:transform .15s ease,box-shadow .15s ease;
  }
  .ehp-exam-summary-click:hover{
    transform:translateY(-1px);
    box-shadow:0 5px 16px rgba(11,77,134,.12);
  }
  @media(max-width:1000px){
    .ehp-exam-tabs-v15{
      grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
    .ehp-exam-summary{
      grid-template-columns:repeat(3,minmax(0,1fr))!important;
    }
  }
  @media(max-width:620px){
    .ehp-exam-tabs-v15,
    .ehp-exam-summary{
      grid-template-columns:1fr!important;
    }
  }

/* ===== STYLE_14 | source line 3133 ===== */
.ehp-v16-exam-card{padding:18px!important}
  .ehp-v16-note{
    margin:8px 0 14px;
    text-align:center;
    color:#42556d;
    font-size:13px;
    font-weight:700;
  }
  .ehp-v16-summary{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:9px!important;
  }
  .ehp-v16-summary-button{
    border:1px solid #bfd0e4!important;
    background:#f5f9fe!important;
    min-height:76px;
    font:inherit;
  }
  .ehp-v16-summary-button .label,
  .ehp-v16-summary-button .value{
    display:block;
  }
  .ehp-v16-summary-button .label{
    color:#344a63;
    font-size:12px;
    font-weight:800;
  }
  .ehp-v16-summary-button .value{
    margin-top:4px;
    color:#074b82;
    font-size:25px;
    font-weight:900;
  }
  .ehp-v16-action-banner{
    width:100%;
    margin:10px 0 4px;
    border:1px solid #efb4b4;
    border-radius:8px;
    background:#fff0f0;
    color:#a00000;
    padding:10px 14px;
    font-weight:900;
    cursor:pointer;
  }
  .ehp-v16-toolbar{margin:10px 0!important}
  .ehp-v16-message{
    color:#08752a!important;
    background:#edf9f1!important;
    border-radius:7px;
    padding:8px 10px;
    text-align:center;
    font-weight:800!important;
  }
  .ehp-v16-exam-row{
    padding:14px 16px!important;
    margin-bottom:10px!important;
  }
  .ehp-v16-card-head{
    display:grid;
    grid-template-columns:minmax(0,1fr) 155px auto;
    align-items:center;
    gap:14px;
  }
  .ehp-v16-test-name{
    color:#074b82;
    font-size:20px;
    line-height:1.25;
    font-weight:900;
  }
  .ehp-v16-test-name span{
    color:#344a63;
    font-size:15px;
  }
  .ehp-v16-date-box{
    border:2px solid #f0a000;
    border-radius:10px;
    background:#fff9e8;
    padding:7px 10px;
    text-align:center;
  }
  .ehp-v16-date-box span{
    display:block;
    color:#7b5200;
    font-size:11px;
    font-weight:900;
    text-transform:uppercase;
  }
  .ehp-v16-date-box strong{
    display:block;
    margin-top:2px;
    color:#082f5b;
    font-size:16px;
  }
  .ehp-v16-status{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    padding:7px 11px;
    font-size:12px;
    font-weight:900;
    white-space:nowrap;
  }
  .ehp-v16-status.action{background:#ffe1e1;color:#a00000}
  .ehp-v16-status.conducted{background:#e3f7e9;color:#08752a}
  .ehp-v16-status.late{background:#fff0d5;color:#8a5800}
  .ehp-v16-status.notconducted{background:#ffe1e1;color:#a00000}
  .ehp-v16-status.rescheduled{background:#eee7ff;color:#5b21b6}
  .ehp-v16-details{
    display:flex;
    flex-wrap:wrap;
    gap:8px 20px;
    margin-top:11px;
    color:#1d2f45;
    font-size:13px;
  }
  .ehp-v16-secondary{
    margin-top:7px;
    color:#52657a;
    font-size:12px;
  }
  .ehp-v16-audit{
    margin-top:9px;
    padding:7px 9px;
    border-radius:7px;
    background:#f4f7fb;
    color:#41536a;
    font-size:11px;
  }
  .ehp-v16-actions{margin-top:10px!important;padding-top:10px!important}
  .ehp-v16-rescheduled-label{
    display:inline-flex;
    align-items:center;
    padding:8px 11px;
    border-radius:8px;
    background:#eee7ff;
    color:#5b21b6;
    font-size:12px;
    font-weight:900;
  }
  #ehpRoot.ehp-dark .ehp-v16-note,
  #ehpRoot.ehp-dark .ehp-v16-details,
  #ehpRoot.ehp-dark .ehp-v16-secondary{
    color:#dbeafe;
  }
  #ehpRoot.ehp-dark .ehp-v16-summary-button{
    background:#17263a!important;
    border-color:#405874!important;
  }
  #ehpRoot.ehp-dark .ehp-v16-summary-button .label,
  #ehpRoot.ehp-dark .ehp-v16-summary-button .value{
    color:#fff!important;
  }
  #ehpRoot.ehp-dark .ehp-v16-audit{
    background:#17263a;
    color:#e5efff;
  }
  @media(max-width:850px){
    .ehp-v16-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}
    .ehp-v16-card-head{grid-template-columns:1fr 135px}
    .ehp-v16-card-head .ehp-v16-status{grid-column:1/-1;justify-self:start}
  }
  @media(max-width:560px){
    .ehp-v16-summary{grid-template-columns:1fr 1fr!important}
    .ehp-v16-card-head{grid-template-columns:1fr}
    .ehp-v16-date-box{width:145px}
  }
  @media print{
    .ehp-v16-toolbar,
    .ehp-v16-action-banner,
    .ehp-v16-actions,
    .ehp-v16-message,
    .ehp-exam-load-row{
      display:none!important;
    }
  }

/* ===== STYLE_15 | source line 3314 ===== */
/* =========================================================
   EDUHUNT FINAL FAST UI V18
========================================================= */

/* Student strength cards are active filters. */
.ehp-strength-button{
  appearance:none;
  width:100%;
  border:1px solid #b9cce2;
  cursor:pointer;
  font:inherit;
}
.ehp-strength-button:hover,
.ehp-strength-button:focus{
  transform:translateY(-1px);
  box-shadow:0 5px 14px rgba(11,77,134,.13);
  outline:2px solid rgba(11,77,134,.15);
}
.ehp-strength-button .ehp-strength-label{
  font-size:13px!important;
}

/* Clickable result summary cards. */
.ehp-summary-action{
  appearance:none;
  width:100%;
  font:inherit;
  cursor:pointer;
}
.ehp-summary-action:hover{
  box-shadow:0 5px 15px rgba(11,77,134,.14);
  transform:translateY(-1px);
}
.ehp-result-summary-overlay{
  position:fixed;
  inset:0;
  z-index:999999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:18px;
  background:rgba(5,20,38,.70);
}
.ehp-result-summary-overlay.show{display:flex}
.ehp-result-summary-dialog{
  width:min(900px,100%);
  max-height:90vh;
  overflow:auto;
  border-radius:14px;
  background:#fff;
  box-shadow:0 24px 70px rgba(0,0,0,.35);
}
.ehp-result-summary-head{
  position:sticky;
  top:0;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:15px 18px;
  background:#0b4d86;
}
.ehp-result-summary-head h3{
  margin:0;
  color:#fff!important;
}
.ehp-result-summary-head button{
  border:0;
  border-radius:8px;
  padding:9px 14px;
  background:#d8262e;
  color:#fff!important;
  font-weight:900;
  cursor:pointer;
}
.ehp-result-summary-body{padding:16px}

/* Requested larger note and abbreviation text. */
.ehp-withheld-note{
  font-size:15px!important;
  line-height:1.55!important;
}
.ehp-rank-definition-grid span{
  font-size:15px!important;
  line-height:1.45!important;
}

/* Clean Exam Schedule cards. */
.ehp-v18-summary-button{
  appearance:none;
  width:100%;
  min-height:92px;
  border:1px solid #bfd1e5;
  border-radius:11px;
  background:#f7fbff;
  cursor:pointer;
  font:inherit;
  padding:10px;
}
.ehp-v18-summary-button:hover{
  border-color:#0b4d86;
  box-shadow:0 5px 15px rgba(11,77,134,.12);
}
.ehp-v18-summary-button .label{
  display:block;
  color:#334155;
  font-size:13px;
  font-weight:800;
}
.ehp-v18-summary-button .value{
  display:block;
  margin-top:5px;
  color:#0b4d86;
  font-size:28px;
  font-weight:900;
}
.ehp-v18-summary-sub{
  display:block;
  margin-top:6px;
  color:#0b4d86;
  font-size:11px;
  font-weight:900;
  line-height:1.3;
}
.ehp-v18-date-heading{
  margin:16px 0 9px;
  padding:10px 14px!important;
  border-radius:9px!important;
  background:#0b477f!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:900!important;
}
.ehp-v18-exam-row{
  padding:16px!important;
  border:1px solid #b7cbe2!important;
  border-radius:12px!important;
  background:#fff!important;
}
.ehp-v18-card-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) 168px;
  gap:14px;
  align-items:start;
}
.ehp-v18-title-wrap{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
}
.ehp-v18-test-name{
  color:#0b4d86;
  font-size:23px;
  font-weight:900;
  line-height:1.2;
}
.ehp-v18-class-badge{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:7px 12px;
  border-radius:999px;
  background:#0b4d86;
  color:#fff;
  font-size:14px;
  font-weight:900;
}
.ehp-v18-date-box{
  border:2px solid #eb9700;
  border-radius:12px;
  background:#fff8df;
  padding:10px 12px;
  text-align:center;
}
.ehp-v18-date-box span{
  display:block;
  color:#7a5500;
  font-size:11px;
  font-weight:900;
}
.ehp-v18-date-box strong{
  display:block;
  margin-top:5px;
  color:#092f57;
  font-size:18px;
}
.ehp-v18-status-row{margin-top:8px}
.ehp-v18-status{
  display:inline-flex;
  align-items:center;
  padding:7px 11px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
}
.ehp-v18-status.action{background:#ffe2e2;color:#a00000}
.ehp-v18-status.conducted{background:#dcfce7;color:#166534}
.ehp-v18-status.late{background:#fff1d6;color:#8a5600}
.ehp-v18-status.notconducted{background:#ffe2e2;color:#a00000}
.ehp-v18-status.rescheduled{background:#eee7ff;color:#5b21b6}
.ehp-v18-details{
  display:flex;
  flex-wrap:wrap;
  gap:9px 12px;
  margin-top:12px;
}
.ehp-v18-highlight{
  display:inline-flex;
  padding:8px 11px;
  border-radius:8px;
  background:#eaf4ff;
  color:#0b4d86;
  font-size:14px;
}
.ehp-v18-duration{
  display:inline-flex;
  padding:8px 11px;
  color:#27364a;
  font-size:14px;
}
.ehp-v18-audit{
  margin-top:10px;
  padding:8px 10px;
  border-radius:7px;
  background:#f4f7fb;
  color:#4a5d72;
  font-size:12px;
}
.ehp-v18-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:12px;
  padding-top:11px;
  border-top:1px solid #dce5ef;
}
.ehp-v18-rescheduled-label{
  display:inline-flex;
  align-items:center;
  padding:8px 11px;
  border-radius:8px;
  background:#eee7ff;
  color:#5b21b6;
  font-size:12px;
  font-weight:900;
}

/* Dark backgrounds must always use white text. */
.ehp-module-btn.active,
.ehp-btn.dark,
.ehp-result-summary-head,
.ehp-v18-date-heading,
.ehp-v18-class-badge{
  color:#fff!important;
}
.ehp-module-btn.active *,
.ehp-btn.dark *,
.ehp-result-summary-head *,
.ehp-v18-date-heading *,
.ehp-v18-class-badge *{
  color:#fff!important;
}

@media(max-width:700px){
  .ehp-rank-definition-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .ehp-rank-definition-grid span{
    min-width:0;
    font-size:13px!important;
  }
  .ehp-v18-card-head{
    grid-template-columns:minmax(0,1fr) 138px;
  }
  .ehp-v18-test-name{font-size:19px}
  .ehp-v18-date-box strong{font-size:15px}
}
@media(max-width:480px){
  .ehp-v18-card-head{grid-template-columns:1fr}
  .ehp-v18-date-box{width:150px}
  .ehp-v18-summary-button{min-height:82px}
}
@media print{
  .ehp-v18-actions,
  .ehp-v18-status-row,
  .ehp-v18-audit{
    display:none!important;
  }
}

/* ===== STYLE_16 | source line 3609 ===== */
/* =========================================================
   MODERN GROUPED PRINCIPAL TEST KEYS V19
========================================================= */
.ehp-tk-modern-card{margin-bottom:14px}
.ehp-tk-modern-note{padding:11px 14px;border-left:4px solid #0b4d86;border-radius:8px;background:#eef6ff;color:#203a55;font-size:14px;line-height:1.55;text-align:center}
.ehp-tk-modern-toolbar{display:grid;grid-template-columns:minmax(220px,280px) minmax(280px,1fr) auto auto;gap:10px;align-items:end;margin-top:14px}
.ehp-tk-modern-toolbar .ehp-btn{height:46px;white-space:nowrap}
.ehp-tk-table-wrap{display:block}
.ehp-tk-programme-section{margin:0 0 18px;background:#fff;border:1px solid #c7d7e9;border-radius:12px;overflow:hidden;box-shadow:0 4px 14px rgba(11,77,134,.06)}
.ehp-tk-programme-title{padding:13px 16px;background:#0b4d86;color:#fff;font-size:18px;font-weight:900;letter-spacing:.2px}
.ehp-tk-responsive-table{overflow-x:auto}
.ehp-tk-modern-table{width:100%;border-collapse:collapse;table-layout:fixed}
.ehp-tk-modern-table th,.ehp-tk-modern-table td{border:1px solid #d5e0ed;padding:11px 8px;text-align:center;vertical-align:middle}
.ehp-tk-modern-table th{background:#eaf3fd;color:#073d70;font-size:13px;font-weight:900}
.ehp-tk-modern-table th:first-child{width:70px}
.ehp-tk-modern-table th:nth-child(2){width:170px}
.ehp-tk-test-name{color:#073d70;font-weight:900;font-size:15px}
.ehp-tk-cell-actions{display:flex;flex-direction:column;gap:6px;align-items:stretch}
.ehp-tk-download-btn{border:0;border-radius:7px;padding:8px 7px;color:#fff!important;font-size:12px;font-weight:900;cursor:pointer;line-height:1.15}
.ehp-tk-download-btn.key{background:#119447}
.ehp-tk-download-btn.explanation{background:#0b5b9d}
.ehp-tk-download-btn:disabled{opacity:.58;cursor:wait}
.ehp-tk-empty-cell,.ehp-tk-no-file{color:#8b98a8;font-weight:900}
@media(max-width:920px){
  .ehp-tk-modern-toolbar{grid-template-columns:1fr 1fr}
  .ehp-tk-modern-toolbar .ehp-btn{width:100%}
}
@media(max-width:620px){
  .ehp-tk-modern-toolbar{grid-template-columns:1fr}
  .ehp-tk-responsive-table{overflow:visible;padding:8px}
  .ehp-tk-modern-table,.ehp-tk-modern-table tbody,.ehp-tk-modern-table tr,.ehp-tk-modern-table td{display:block;width:100%}
  .ehp-tk-modern-table thead{display:none}
  .ehp-tk-modern-table tr{margin:0 0 12px;border:1px solid #c9d8ea;border-radius:10px;overflow:hidden;background:#fff}
  .ehp-tk-modern-table td{display:grid;grid-template-columns:105px minmax(0,1fr);gap:8px;align-items:center;text-align:left;border:0;border-bottom:1px solid #e1e8f1;padding:10px}
  .ehp-tk-modern-table td:last-child{border-bottom:0}
  .ehp-tk-modern-table td:before{content:attr(data-label);font-weight:900;color:#0b4d86}
  .ehp-tk-test-name{font-size:16px}
  .ehp-tk-cell-actions{flex-direction:row;flex-wrap:wrap}
  .ehp-tk-download-btn{flex:1;min-width:100px}
}

/* ===== STYLE_17 | source line 3653 ===== */
/* FAST TEST KEY APPROVAL V1 — PRINCIPAL OVERRIDE */
.ehp-ftk-badge{display:inline-block;padding:5px 9px;border-radius:14px;font-size:11px;font-weight:900}.ehp-ftk-badge.updated{background:#fff3cd;color:#8a5a00}.ehp-ftk-badge.approved{background:#dcfce7;color:#166534}.ehp-ftk-meta{font-size:11px;color:#607386;line-height:1.45;margin-top:5px}.ehp-ftk-downloads{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.ehp-ftk-btn{border:0;border-radius:7px;padding:8px 10px;color:#fff!important;font-weight:900;cursor:pointer}.ehp-ftk-btn.key{background:#119447}.ehp-ftk-btn.explanation{background:#0b5b9d}.ehp-ftk-btn:disabled{opacity:.55}.ehp-ftk-table{width:100%;border-collapse:collapse;min-width:900px}.ehp-ftk-table th,.ehp-ftk-table td{border:1px solid #c7d5e5;padding:9px;text-align:center}.ehp-ftk-table th{background:#0b4d86!important;color:#fff!important}.ehp-ftk-empty{padding:20px;text-align:center;color:#607386;font-weight:900}

/* ===== STYLE_18 | source line 3666 ===== */
/* FINAL MOBILE RULE: PORTAL BUTTONS MUST NOT FORM A SINGLE-COLUMN LADDER */
@media(max-width:700px){
  .ehp-module-menu{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .ehp-module-btn{
    width:100%!important;
    min-height:56px!important;
    padding:10px 7px!important;
    font-size:12px!important;
    text-align:center!important;
  }
  .ehp-es2-summary{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* FT / CT / GT AND CDF DETAIL PANEL */
.ehp-es2-type-detail{
  display:none;
  margin:12px 0;
  border:2px solid #0b4d86;
  border-radius:11px;
  overflow:hidden;
  background:#fff;
}
.ehp-es2-type-detail.show{display:block}
.ehp-es2-type-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  background:#eef5fd;
  border-bottom:1px solid #bfd1e4;
}
.ehp-es2-type-head b{
  display:block;
  color:#0b4d86;
  font-size:16px;
}
.ehp-es2-type-head span{
  display:block;
  margin-top:4px;
  color:#52677d;
  font-size:12px;
  font-weight:800;
}
.ehp-es2-type-chips{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  padding:12px 14px 0;
}
.ehp-es2-type-chips span{
  display:inline-block;
  padding:6px 10px;
  border-radius:18px;
  background:#0b4d86;
  color:#fff;
  font-size:12px;
  font-weight:900;
}
.ehp-es2-type-table{
  width:100%;
  min-width:760px;
  border-collapse:collapse;
  background:#fff;
  font-size:13px;
}
.ehp-es2-type-table th,
.ehp-es2-type-table td{
  border:1px solid #65778d;
  padding:8px;
  text-align:center;
  vertical-align:top;
}
.ehp-es2-type-table th{
  background:#0b4d86!important;
  color:#fff!important;
  font-weight:900!important;
}
.ehp-es2-type-table td.left{
  text-align:left;
  min-width:300px;
  line-height:1.6;
}
#ehpRoot.ehp-dark .ehp-es2-type-detail,
#ehpRoot.ehp-dark .ehp-es2-type-head{
  background:#172c47;
  color:#fff;
  border-color:#48617f;
}
#ehpRoot.ehp-dark .ehp-es2-type-head b,
#ehpRoot.ehp-dark .ehp-es2-type-head span{color:#fff}
#ehpRoot.ehp-dark .ehp-es2-type-table td{background:#13243a;color:#fff}
@media(max-width:620px){
  .ehp-es2-type-head{
    align-items:flex-start;
    flex-direction:column;
  }
  .ehp-es2-type-head .ehp-btn{width:100%!important}
}

/* ===== STYLE_19 | source line 3779 ===== */
/* ONE CLEAR ARROW ON EVERY PRINCIPAL DROPDOWN */
#ehpRoot select,
.ehp-root select{
  -webkit-appearance:none!important;
  -moz-appearance:none!important;
  appearance:none!important;
  background-color:#fff!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24'%3E%3Cpath fill='%230B4D86' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:right 12px center!important;
  background-size:18px 18px!important;
  padding-right:42px!important;
  color:#10233f!important;
  font-weight:800!important;
}
#ehpRoot select::-ms-expand,.ehp-root select::-ms-expand{display:none!important}
#ehpRoot .ehp-select-wrap:after,.ehp-root .ehp-select-wrap:after{display:none!important}
#ehpRoot select:disabled,.ehp-root select:disabled{background-color:#edf3f9!important;color:#53677c!important;opacity:1!important}

.ehp-tk-final-toolbar{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr)) auto auto!important;
  gap:10px!important;
  align-items:end!important;
}
.ehp-tk-final-toolbar .ehp-btn{min-height:48px!important}

/* FINAL MOBILE POLICY: TWO COLUMNS THROUGHOUT THE PRINCIPAL PORTAL */
@media(max-width:700px){
  .ehp-module-menu,
  .ehp-login-grid,
  .ehp-filter-grid,
  .ehp-info-grid,
  .ehp-summary-grid,
  .ehp-att-filter-grid,
  .ehp-assignment-filter-grid,
  .ehp-assignment-subject-row,
  .ehp-omr-steps,
  .ehp-student-profile,
  .ehp-student-score-grid,
  .ehp-kpi-grid,
  .ehp-dashboard-two-col,
  .ehp-benchmark-grid,
  .ehp-teacher-form-grid,
  .ehp-choice-grid,
  .ehp-exam-summary,
  .ehp-exam-filter-grid,
  .ehp-exam-tabs,
  .ehp-exam-meta,
  .ehp-es2-summary,
  .ehp-es2-filters,
  .ehp-es2-next-body,
  .ehp-syllabus-filter-grid,
  .ehs-timeline-grid,
  .ehp-key-card-grid,
  .ehp-key-meta,
  .ehp-tk-modern-toolbar,
  .ehp-tk-final-toolbar,
  .ehp-download-action-row,
  .ehp-logout-actions,
  .ehp-v16-summary,
  .ehp-v16-card-head,
  .ehp-v18-card-head{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .ehp-actions,
  .ehp-submenu,
  .ehp-assignment-actions,
  .ehp-download-action-buttons,
  .ehp-student-modal-actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    align-items:stretch!important;
  }
  .ehp-actions .ehp-btn,
  .ehp-submenu .ehp-btn,
  .ehp-assignment-actions .ehp-mini-btn,
  .ehp-download-action-buttons .ehp-mini-btn,
  .ehp-student-modal-actions .ehp-btn{
    width:100%!important;
    min-width:0!important;
    min-height:44px!important;
    flex:none!important;
  }
}

/* ===== STYLE_20 | source line 3876 ===== */
/* TEST KEYS: LARGE, CLEAN, OPERATOR-STYLE FILTER CONTROLS */
#ehpTestKeysModule .ehp-tk-modern-card{
  padding:18px!important;
}
#ehpTestKeysModule .ehp-tk-modern-toolbar.ehp-tk-final-toolbar{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(170px,1fr)) auto auto!important;
  gap:12px!important;
  align-items:end!important;
  margin-top:16px!important;
}
#ehpTestKeysModule .ehp-tk-final-toolbar .ehp-field{
  min-width:0!important;
}
#ehpTestKeysModule .ehp-tk-final-toolbar .ehp-field label{
  display:block!important;
  margin:0 0 7px!important;
  color:#073d70!important;
  font-size:14px!important;
  line-height:1.2!important;
  font-weight:900!important;
}
#ehpTestKeysModule .ehp-tk-final-toolbar select{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:50px!important;
  min-height:50px!important;
  margin:0!important;
  border:1px solid #9fb5cc!important;
  border-radius:9px!important;
  padding:10px 44px 10px 14px!important;
  background-color:#ffffff!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24'%3E%3Cpath fill='%23073D70' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:right 13px center!important;
  background-size:18px 18px!important;
  color:#10233f!important;
  font-family:Arial,sans-serif!important;
  font-size:15px!important;
  line-height:1.2!important;
  font-weight:900!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  -moz-appearance:none!important;
  box-shadow:none!important;
  cursor:pointer!important;
}
#ehpTestKeysModule .ehp-tk-final-toolbar select:hover{
  border-color:#0b4d86!important;
}
#ehpTestKeysModule .ehp-tk-final-toolbar select:focus{
  outline:none!important;
  border-color:#0b78c8!important;
  box-shadow:0 0 0 3px rgba(11,120,200,.14)!important;
}
#ehpTestKeysModule .ehp-tk-final-toolbar select:disabled{
  background-color:#edf3f9!important;
  color:#53677c!important;
  opacity:1!important;
  cursor:not-allowed!important;
}
#ehpTestKeysModule .ehp-tk-final-toolbar select::-ms-expand{
  display:none!important;
}
#ehpTestKeysModule .ehp-tk-final-toolbar .ehp-btn{
  width:auto!important;
  min-width:88px!important;
  height:50px!important;
  min-height:50px!important;
  margin:0!important;
  padding:11px 17px!important;
  border-radius:9px!important;
  font-size:14px!important;
  line-height:1.2!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
#ehpTestKeysModule .ehp-tk-final-toolbar .ehp-btn.dark{
  background:#1f2937!important;
  color:#ffffff!important;
}
#ehpTestKeysModule .ehp-tk-final-toolbar .ehp-btn.green{
  background:#139b34!important;
  color:#ffffff!important;
}
#ehpTestKeysModule .ehp-tk-modern-note{
  padding:12px 15px!important;
  border-left:5px solid #0b4d86!important;
  border-radius:9px!important;
  background:#eef6ff!important;
  color:#203a55!important;
  font-size:14px!important;
  line-height:1.55!important;
}

/* TABLET AND MOBILE: ALWAYS TWO COLUMNS, NEVER A LADDER */
@media(max-width:900px){
  #ehpTestKeysModule .ehp-tk-modern-toolbar.ehp-tk-final-toolbar{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }
  #ehpTestKeysModule .ehp-tk-final-toolbar .ehp-btn{
    width:100%!important;
    min-width:0!important;
  }
}
@media(max-width:430px){
  #ehpTestKeysModule .ehp-tk-final-toolbar select{
    height:48px!important;
    min-height:48px!important;
    padding-left:10px!important;
    padding-right:38px!important;
    background-position:right 10px center!important;
    font-size:13px!important;
  }
  #ehpTestKeysModule .ehp-tk-final-toolbar .ehp-field label{
    font-size:12px!important;
  }
  #ehpTestKeysModule .ehp-tk-final-toolbar .ehp-btn{
    height:48px!important;
    min-height:48px!important;
    padding:9px 8px!important;
    font-size:12px!important;
  }
}

/* ===== STYLE_21 | source line 4021 ===== */
.ehp-result-upload-status{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
  margin:0 0 12px;
}
.ehp-result-upload-status-item{
  min-height:64px;
  border:1px solid #c8d7e7;
  border-radius:9px;
  padding:9px 7px;
  background:#f8fbff;
  color:#526173;
  text-align:center;
  font-size:11px;
  font-weight:900;
  line-height:1.3;
}
.ehp-result-upload-status-item b{
  display:block;
  margin-top:4px;
  color:#9a3412;
  font-size:12px;
}
.ehp-result-upload-status-item.ready{
  background:#ecf9f0;
  border-color:#92cda2;
  color:#166534;
}
.ehp-result-upload-status-item.ready b{color:#166534}
.ehp-operator-reflection-links{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
  margin:0 0 10px;
  padding:10px;
  border:1px solid #bfd1e5;
  border-left:5px solid #0b78c8;
  border-radius:10px;
  background:#f7fbff;
}
.ehp-operator-reflection-link{
  min-height:54px;
  border:1px solid #9fb9d5;
  border-radius:9px;
  padding:10px 12px;
  background:#e8f1fb;
  color:#073d70;
  font-family:Arial,sans-serif;
  font-size:13px;
  line-height:1.25;
  font-weight:900;
  cursor:pointer;
  text-align:center;
}
.ehp-operator-reflection-link.available{
  background:#e8f7ed;
  border-color:#8bc79c;
  color:#0c6d30;
}
.ehp-operator-reflection-link.active{
  background:#0b4d86;
  border-color:#0b4d86;
  color:#fff!important;
}
.ehp-operator-reflection-link .count{
  display:block;
  margin-top:4px;
  font-size:11px;
  font-weight:800;
  opacity:.9;
}
.ehp-reflection-note{
  margin:0 0 12px;
  padding:11px 13px;
  border:1px solid #c9d8ea;
  border-left:5px solid #0b4d86;
  border-radius:9px;
  background:#f7fbff;
  color:#243b55;
  font-size:13px;
  font-weight:700;
  line-height:1.55;
}
.ehp-reflection-kpis{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:9px;
  margin:10px 0 13px;
}
.ehp-reflection-kpi{
  border:1px solid #cbd9e8;
  border-radius:9px;
  padding:10px 7px;
  background:#f8fbff;
  text-align:center;
  color:#526173;
  font-size:11px;
  font-weight:900;
}
.ehp-reflection-kpi b{
  display:block;
  margin-top:4px;
  color:#0b4d86;
  font-size:22px;
}
.ehp-reflection-filter-grid{
  display:grid;
  grid-template-columns:1.5fr 1fr 1fr auto;
  gap:9px;
  align-items:end;
  margin:10px 0;
}
.ehp-reflection-filter-grid label{
  display:block;
  margin-bottom:5px;
  color:#0b4d86;
  font-size:12px;
  font-weight:900;
}
.ehp-reflection-filter-grid input,
.ehp-reflection-filter-grid select{
  width:100%;
  min-height:42px;
  border:1px solid #a9bfd9;
  border-radius:8px;
  padding:8px 36px 8px 10px;
  background-color:#fff;
  color:#10233f;
  font:inherit;
  font-size:13px;
  font-weight:800;
}
.ehp-reflection-filter-grid input{padding-right:10px}
.ehp-reflection-status{
  display:inline-block;
  min-width:72px;
  padding:5px 8px;
  border-radius:16px;
  font-size:11px;
  font-weight:900;
}
.ehp-reflection-status.correct{background:#dcfce7;color:#166534}
.ehp-reflection-status.wrong{background:#fee2e2;color:#991b1b}
.ehp-reflection-status.blank{background:#fef3c7;color:#92400e}
.ehp-reflection-status.unknown{background:#eef2f6;color:#475569}
.ehp-reflection-difficulty{
  display:inline-block;
  min-width:92px;
  padding:5px 8px;
  border-radius:15px;
  font-size:11px;
  font-weight:900;
}
.ehp-reflection-difficulty.very-difficult{background:#fee2e2;color:#991b1b}
.ehp-reflection-difficulty.difficult{background:#ffedd5;color:#9a3412}
.ehp-reflection-difficulty.moderate{background:#fef3c7;color:#854d0e}
.ehp-reflection-difficulty.good{background:#dcfce7;color:#166534}
.ehp-reflection-showing{
  margin:9px 0;
  padding:9px 11px;
  border-radius:8px;
  background:#eef6ff;
  color:#0b4d86;
  font-size:12px;
  font-weight:900;
  text-align:center;
}
.ehp-reflection-load-more{text-align:center;margin:13px 0 3px}
.ehp-reflection-empty{
  padding:22px;
  border:1px dashed #aebfd3;
  border-radius:10px;
  background:#fafcff;
  color:#526173;
  text-align:center;
  font-weight:800;
  line-height:1.55;
}
.ehp-reflection-attendance-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:12px;
}
.ehp-reflection-attendance-card{
  border:1px solid #c9d8ea;
  border-radius:11px;
  background:#fff;
  padding:13px;
}
.ehp-reflection-attendance-card h3{
  margin:0 0 8px;
  color:#0b4d86;
  font-size:16px;
  font-weight:900;
}
.ehp-reflection-attendance-meta{
  color:#526173;
  font-size:12px;
  font-weight:700;
  line-height:1.55;
}
.ehp-reflection-attendance-placeholder{
  display:grid;
  place-items:center;
  min-height:150px;
  margin-top:10px;
  border:1px dashed #b7c8da;
  border-radius:8px;
  background:#f8fbff;
  color:#526173;
  font-size:12px;
  font-weight:800;
  text-align:center;
  padding:15px;
}
.ehp-reflection-attendance-preview{
  display:none;
  width:100%;
  max-height:520px;
  object-fit:contain;
  margin-top:10px;
  border:1px solid #d7e2ee;
  border-radius:8px;
  background:#f8fbff;
}
.ehp-reflection-attendance-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:11px;
}
.ehp-reflection-attendance-actions .ehp-btn{
  flex:1 1 120px;
  padding:9px 10px;
  font-size:12px;
}
.ehp-reflection-file-message{
  margin-top:8px;
  min-height:18px;
  color:#0b4d86;
  font-size:12px;
  font-weight:800;
}
#ehpRoot.ehp-dark .ehp-operator-reflection-links,
#ehpRoot.ehp-dark .ehp-reflection-note,
#ehpRoot.ehp-dark .ehp-reflection-kpi,
#ehpRoot.ehp-dark .ehp-reflection-attendance-card,
#ehpRoot.ehp-dark .ehp-result-upload-status-item{
  background:#111c2c;
  color:#edf4ff;
  border-color:#41536b;
}
#ehpRoot.ehp-dark .ehp-operator-reflection-link{
  background:#17263a;
  color:#dbeafe;
  border-color:#506782;
}
#ehpRoot.ehp-dark .ehp-reflection-filter-grid label{color:#dbeafe}
#ehpRoot.ehp-dark .ehp-reflection-filter-grid input,
#ehpRoot.ehp-dark .ehp-reflection-filter-grid select{
  background:#15243a;
  color:#fff;
  border-color:#4a607d;
}
@media(max-width:900px){
  .ehp-result-upload-status{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ehp-reflection-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ehp-reflection-filter-grid{grid-template-columns:1fr 1fr}
  .ehp-reflection-attendance-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .ehp-result-upload-status{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ehp-operator-reflection-links{grid-template-columns:1fr}
  .ehp-reflection-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ehp-reflection-filter-grid{grid-template-columns:1fr}
}
@media print{
  .ehp-operator-reflection-links,
  .ehp-result-upload-status,
  .ehp-reflection-filter-grid,
  .ehp-reflection-load-more,
  .ehp-reflection-attendance-actions{display:none!important}
}

/* ===== ehpV440FinalCss | source line 4313 ===== */
/* Compact school heading; long school names stay on one line on desktop. */
.ehp-school-head{padding:10px 54px 8px!important}
.ehp-school-head h1{margin:0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:23px!important;line-height:1.15!important}
.ehp-school-head .town{margin-top:3px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ehp-school-head .subtitle,.ehp-school-head .ehp-powered{display:inline-block;margin:4px 4px 0!important;font-size:11px!important}

/* Result selection is compact and clearly auto-refreshing. */
#ehpFilterCard{padding:14px!important}
#ehpFilterCard .ehp-filter-title{margin-bottom:10px!important}
#ehpFilterCard .ehp-field label{margin-bottom:4px!important}
#ehpFilterCard select,#ehpFilterCard .ehp-btn{min-height:46px!important}
.ehp-auto-result-loading{display:flex;align-items:center;justify-content:center;gap:11px;min-height:84px;color:#0b4d86;font-weight:900}
.ehp-auto-result-loading .ehp-session-spinner{width:25px;height:25px}

/* The marked Operator-upload buttons and upload-status strip always remain in one stable location. */
.ehp-operator-reflection-links{margin-bottom:8px!important}
.ehp-operator-reflection-link{cursor:pointer!important;opacity:1!important;filter:none!important}
.ehp-operator-reflection-link:hover{transform:translateY(-1px);box-shadow:0 4px 10px rgba(11,77,134,.12)}
.ehp-result-upload-status{margin-bottom:12px!important}

/* Reduce vertical height without removing any result summary. */
.ehp-summary-box{min-height:70px!important;padding:8px 6px!important}
.ehp-summary-box .value{font-size:25px!important;margin-top:3px!important}
.ehp-tabs{gap:7px!important;margin:10px 0!important}
.ehp-tab{padding:10px 13px!important;min-height:42px!important}

@media(max-width:700px){
  .ehp-school-head{padding:10px 44px 8px!important}
  .ehp-school-head h1{font-size:18px!important}
  .ehp-school-head .subtitle,.ehp-school-head .ehp-powered{display:block;margin-top:3px!important}
  .ehp-operator-reflection-links{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;padding:7px!important}
  .ehp-operator-reflection-link{padding:8px 5px!important;font-size:11px!important;min-height:58px!important}
  .ehp-result-upload-status{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* ===== ehpV442ResultNavigationCss | source line 4352 ===== */
/* Main result views: numbered, equal-width, stable order. */
#ehpReportArea .ehp-tabs{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:8px!important;
  margin:12px 0 10px!important;
}
#ehpReportArea .ehp-tab{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-width:0!important;
  min-height:50px!important;
  padding:8px 9px!important;
  border:1px solid #bfd1e5!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,#f2f7fd,#e3eef9)!important;
  color:#0b4d86!important;
  box-shadow:0 2px 5px rgba(11,77,134,.06)!important;
  text-align:center!important;
  line-height:1.2!important;
  transition:transform .15s ease,box-shadow .15s ease,background .15s ease!important;
}
#ehpReportArea .ehp-tab:hover{
  transform:translateY(-1px);
  box-shadow:0 5px 12px rgba(11,77,134,.14)!important;
}
#ehpReportArea .ehp-tab-number{
  display:grid;
  place-items:center;
  flex:0 0 25px;
  width:25px;
  height:25px;
  border-radius:50%;
  background:#c7dcef;
  color:#0b4d86;
  font-size:12px;
  font-weight:900;
}
#ehpReportArea .ehp-tab-text{
  min-width:0;
  font-size:12px;
  font-weight:900;
  overflow:hidden;
  text-overflow:ellipsis;
}
#ehpReportArea .ehp-tab.active{
  background:linear-gradient(135deg,#0b4d86,#1269a8)!important;
  border-color:#0b4d86!important;
  color:#fff!important;
  box-shadow:0 6px 14px rgba(11,77,134,.22)!important;
}
#ehpReportArea .ehp-tab.active .ehp-tab-number{
  background:#fff;
  color:#0b4d86;
}
#ehpReportArea .ehp-tab.active .ehp-tab-text{color:#fff}

/* One source row only. These five buttons replace the removed upper duplicate row. */
#ehpReportArea .ehp-result-upload-status{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:8px!important;
  margin:0 0 13px!important;
}
#ehpReportArea .ehp-result-upload-status-item{
  appearance:none;
  -webkit-appearance:none;
  width:100%;
  min-width:0;
  min-height:76px!important;
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
  border:1px solid #c4d5e7!important;
  border-radius:11px!important;
  padding:8px 7px 20px!important;
  background:linear-gradient(180deg,#fbfdff,#edf4fb)!important;
  color:#42566c!important;
  font-family:Arial,sans-serif;
  cursor:pointer!important;
  text-align:center;
  box-shadow:0 2px 5px rgba(11,77,134,.05);
  transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;
}
#ehpReportArea .ehp-result-upload-status-item:hover{
  transform:translateY(-1px);
  border-color:#7ca8cf!important;
  box-shadow:0 5px 12px rgba(11,77,134,.13);
}
#ehpReportArea .ehp-result-source-head{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-width:0;
}
#ehpReportArea .ehp-result-source-number{
  display:grid;
  place-items:center;
  flex:0 0 23px;
  width:23px;
  height:23px;
  border-radius:50%;
  background:#d3e3f2;
  color:#0b4d86;
  font-size:11px;
  font-weight:900;
}
#ehpReportArea .ehp-result-source-name{
  min-width:0;
  color:inherit;
  font-size:11px;
  font-weight:900;
  line-height:1.15;
}
#ehpReportArea .ehp-result-upload-status-item b{
  display:block;
  margin:1px 0 0!important;
  color:#9a3412!important;
  font-size:11px!important;
  line-height:1.15;
}
#ehpReportArea .ehp-result-upload-status-item.ready{
  background:linear-gradient(180deg,#f2fcf5,#e6f7eb)!important;
  border-color:#8ec99d!important;
  color:#126231!important;
}
#ehpReportArea .ehp-result-upload-status-item.ready b{color:#126231!important}
#ehpReportArea .ehp-result-source-action{
  position:absolute;
  left:7px;
  right:7px;
  bottom:5px;
  color:#54708b;
  font-size:9px;
  font-weight:900;
  letter-spacing:.8px;
}
#ehpReportArea .ehp-result-upload-status-item.active{
  background:linear-gradient(135deg,#0b4d86,#1269a8)!important;
  border-color:#0b4d86!important;
  color:#fff!important;
  box-shadow:0 6px 14px rgba(11,77,134,.22)!important;
}
#ehpReportArea .ehp-result-upload-status-item.active b,
#ehpReportArea .ehp-result-upload-status-item.active .ehp-result-source-action{
  color:#fff!important;
}
#ehpReportArea .ehp-result-upload-status-item.active .ehp-result-source-number{
  background:#fff;
  color:#0b4d86;
}

/* The old duplicate Student Bubbling / Test Analysis / Signed Attendance row is never displayed. */
#ehpReportArea .ehp-operator-reflection-links{display:none!important}

/* Dark mode remains readable. */
#ehpRoot.ehp-dark #ehpReportArea .ehp-tab:not(.active),
#ehpRoot.ehp-dark #ehpReportArea .ehp-result-upload-status-item:not(.active){
  background:#17263a!important;
  color:#eaf2ff!important;
  border-color:#506782!important;
}
#ehpRoot.ehp-dark #ehpReportArea .ehp-result-upload-status-item:not(.active) b{
  color:#ffb08b!important;
}

@media(max-width:1000px){
  #ehpReportArea .ehp-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  #ehpReportArea .ehp-result-upload-status{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:620px){
  #ehpReportArea .ehp-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #ehpReportArea .ehp-result-upload-status{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #ehpReportArea .ehp-tab{min-height:54px!important;padding:7px 6px!important}
  #ehpReportArea .ehp-tab-text{font-size:10.5px}
  #ehpReportArea .ehp-result-upload-status-item{min-height:82px!important}
}

/* ===== ehpV443SingleActiveCss | source line 4540 ===== */
/* Position 1: compact Test/Class/Section selectors only. */
#ehpFilterCard .ehp-filter-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:end!important;
}
#ehpFilterCard.ehp-no-section .ehp-filter-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
#ehpFilterCard .ehp-field{min-width:0}
#ehpFilterCard .ehp-message:empty{display:none!important}

/* Position 3 initially remains usable before the first automatic report load. */
.ehp-manual-refresh-dock{
  display:flex;
  justify-content:flex-end;
  align-items:center;
}
.ehp-manual-refresh-dock.ehp-in-filter{
  margin-top:9px;
}
.ehp-manual-refresh-dock.ehp-in-filter #ehpViewResultReportButton{
  width:min(360px,100%);
}

/* Position 3 after report load: below both button rows, right aligned. */
#ehpReportArea .ehp-manual-refresh-dock.ehp-after-buttons{
  margin:0 0 14px!important;
  padding:0!important;
}
#ehpReportArea .ehp-manual-refresh-dock.ehp-after-buttons #ehpViewResultReportButton{
  width:min(360px,100%);
  min-height:45px;
  border-radius:9px;
  box-shadow:0 4px 10px rgba(11,77,134,.15);
}

/* Exactly one active button at a time across both result-navigation rows. */
#ehpReportArea .ehp-tab.active,
#ehpReportArea .ehp-result-upload-status-item.active{
  position:relative;
  z-index:1;
}
#ehpReportArea .ehp-result-upload-status-item:not(.active).ready{
  background:linear-gradient(180deg,#f2fcf5,#e6f7eb)!important;
  border-color:#8ec99d!important;
  color:#126231!important;
}
#ehpReportArea .ehp-result-upload-status-item:not(.active).ready b{
  color:#126231!important;
}

/* Prevent any browser-restored double-active visual state. */
#ehpReportArea .ehp-tabs:has(.ehp-tab.active) + .ehp-result-upload-status .ehp-result-upload-status-item.active{
  background:linear-gradient(180deg,#fbfdff,#edf4fb)!important;
  color:#42566c!important;
  border-color:#c4d5e7!important;
  box-shadow:0 2px 5px rgba(11,77,134,.05)!important;
}
#ehpReportArea .ehp-tabs:has(.ehp-tab.active) + .ehp-result-upload-status .ehp-result-upload-status-item.active b{
  color:#9a3412!important;
}

/* Clean source status text. No entity code such as — is used. */
#ehpReportArea .ehp-result-upload-status-item b{
  white-space:normal;
  word-break:normal;
}

@media(max-width:700px){
  #ehpFilterCard .ehp-filter-grid,
  #ehpFilterCard.ehp-no-section .ehp-filter-grid{
    grid-template-columns:1fr!important;
  }
  .ehp-manual-refresh-dock,
  #ehpReportArea .ehp-manual-refresh-dock.ehp-after-buttons{
    justify-content:stretch;
  }
  .ehp-manual-refresh-dock #ehpViewResultReportButton,
  #ehpReportArea .ehp-manual-refresh-dock.ehp-after-buttons #ehpViewResultReportButton{
    width:100%!important;
  }
}

/* ===== ehpV450FastResultCss | source line 4632 ===== */
#ehpReportArea.ehp-fast-refreshing{
  position:relative;
  opacity:.82;
  transition:opacity .15s ease;
}
#ehpReportArea.ehp-fast-refreshing:before{
  content:"Refreshing latest upload...";
  position:sticky;
  top:6px;
  z-index:15;
  display:block;
  width:max-content;
  max-width:90%;
  margin:0 auto 6px;
  padding:7px 12px;
  border-radius:999px;
  background:#fff3cd;
  color:#7a4d00;
  border:1px solid #e8c85b;
  font-size:11px;
  font-weight:900;
  box-shadow:0 3px 8px rgba(0,0,0,.1);
}
.ehp-fast-module-loading{
  min-height:120px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  color:#0b4d86;
  text-align:center;
}
.ehp-fast-module-loading .ehp-session-spinner{
  width:27px;
  height:27px;
}
.ehp-fast-module-loading span{
  color:#5e7185;
  font-size:11px;
  font-weight:700;
}
#ehpFilterMessage{
  min-height:18px;
}
@media(max-width:700px){
  #ehpReportArea.ehp-fast-refreshing:before{
    font-size:10px;
    padding:6px 9px;
  }
}

/* ===== ehpV460FinalCss | source line 4691 ===== */
.ehp-optional-label{font-size:12px;color:#5d7188;font-weight:800}

/* HOW TO SEND OMR: one process after another on mobile. */
@media(max-width:700px){
  #ehpOmrModule .ehp-omr-steps{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
  #ehpOmrModule .ehp-omr-step-card{width:100%!important;min-width:0!important}
}

/* DOWNLOADS: name + View + Download + Print in one stable line. */
#ehpDownloadsModule .ehp-download-action-list{display:grid;gap:10px}
#ehpDownloadsModule .ehp-download-action-row{
  display:grid!important;
  grid-template-columns:minmax(150px,1.5fr) repeat(3,minmax(82px,.72fr))!important;
  gap:8px!important;
  align-items:center!important;
  padding:11px!important;
  border:1px solid #cad8e8!important;
  border-radius:10px!important;
  background:#fbfdff!important;
}
#ehpDownloadsModule .ehp-download-action-name{font-size:14px;font-weight:900;color:#0b4d86;line-height:1.25}
#ehpDownloadsModule .ehp-download-action-buttons{display:contents!important}
#ehpDownloadsModule .ehp-download-action-buttons .ehp-mini-btn{width:100%!important;min-width:0!important;min-height:42px!important;margin:0!important;padding:8px 5px!important;white-space:nowrap!important}
@media(max-width:560px){
  #ehpDownloadsModule .ehp-download-action-row{grid-template-columns:minmax(105px,1.35fr) repeat(3,minmax(58px,.65fr))!important;gap:5px!important;padding:8px 6px!important}
  #ehpDownloadsModule .ehp-download-action-name{font-size:11px!important}
  #ehpDownloadsModule .ehp-download-action-buttons .ehp-mini-btn{font-size:9.5px!important;min-height:38px!important;padding:6px 2px!important}
}

/* Attendance download controls: fields stacked, three actions in one line. */
@media(max-width:700px){
  #ehpAttendanceModule .ehp-att-filter-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}
  #ehpAttendanceModule .ehp-att-filter-grid .ehp-field{grid-column:1/-1!important}
  #ehpAttendanceModule .ehp-att-filter-grid>.ehp-btn{width:100%!important;min-width:0!important;font-size:11px!important;padding:8px 4px!important}
}

/* ADD TEACHERS: one-column mobile form and clean action cards. */
#ehpTeacherManagementModule .ehp-actions:first-of-type .ehp-btn.green{white-space:nowrap}
.ehp-teacher-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ehp-teacher-card{border:1px solid #c7d6e7;border-radius:12px;background:#fff;padding:13px;box-shadow:0 3px 9px rgba(11,77,134,.07)}
.ehp-teacher-card-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;border-bottom:1px solid #d8e3ef;padding-bottom:9px;margin-bottom:9px}
.ehp-teacher-card-name{color:#0b4d86;font-size:17px;font-weight:900}
.ehp-teacher-status{display:inline-block;padding:5px 9px;border-radius:14px;font-size:10px;font-weight:900;background:#e8f7ed;color:#11642e}
.ehp-teacher-status.inactive{background:#fee2e2;color:#991b1b}
.ehp-teacher-meta{display:grid;grid-template-columns:105px minmax(0,1fr);gap:5px 8px;color:#344a61;font-size:12px;line-height:1.45}
.ehp-teacher-meta b{color:#0b4d86}
.ehp-teacher-assignments{margin-top:9px;padding:9px;border-radius:8px;background:#f4f8fc;color:#334b63;font-size:11px;font-weight:800;line-height:1.55}
.ehp-teacher-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:10px}
.ehp-teacher-action-grid button{border:0;border-radius:7px;min-height:39px;padding:6px 4px;background:#0b5b96;color:#fff;font:inherit;font-size:10px;font-weight:900;cursor:pointer;white-space:nowrap}
.ehp-teacher-action-grid button.dark{background:#1f2937}.ehp-teacher-action-grid button.green{background:#0f9f40}.ehp-teacher-action-grid button.red{background:#c62828}.ehp-teacher-action-grid button.gift{background:#7c3aed}
.ehp-teacher-give-overlay{position:fixed;inset:0;z-index:100000;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(0,0,0,.62)}
.ehp-teacher-give-overlay.show{display:flex}
.ehp-teacher-give-card{width:min(520px,100%);max-height:90vh;overflow:auto;border-radius:14px;background:#fff;padding:20px;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.ehp-teacher-give-card h3{margin:0 0 13px;color:#0b4d86;text-align:center}
.ehp-teacher-give-details{border:1px solid #c8d7e8;border-radius:10px;padding:14px;background:#f8fbff;font-size:14px;line-height:1.8}
.ehp-teacher-give-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}
@media(max-width:700px){
  #ehpTeacherManagementModule .ehp-teacher-form-grid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  #ehpTeacherManagementModule .ehp-actions:first-of-type{display:block!important}
  #ehpTeacherManagementModule .ehp-actions:first-of-type .ehp-btn.green{display:block!important;width:100%!important;white-space:nowrap!important}
  #ehpTeacherManagementModule .ehp-choice-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .ehp-teacher-card-grid{grid-template-columns:1fr}
  .ehp-teacher-card{padding:11px}
  .ehp-teacher-action-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ehp-teacher-action-grid button{font-size:9.5px;padding:5px 2px}
}

/* EXAM SCHEDULE V4.6.1 */
.ehp-v460-exam-card{padding:15px!important}
.ehp-v460-exam-head{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:2px solid #0b4d86;padding-bottom:9px;margin-bottom:10px}
.ehp-v460-exam-head h2{margin:0;color:#0b4d86;font-size:22px}
.ehp-v460-live{padding:6px 10px;border-radius:18px;background:#e8f7ed;color:#0b6b30;font-size:10px;font-weight:900}
.ehp-v460-exam-note{padding:9px 11px;border-left:4px solid #0b78c8;border-radius:8px;background:#eef7ff;color:#23445f;font-size:12px;font-weight:800;line-height:1.45}
.ehp-v460-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:10px 0}
.ehp-v460-summary-btn{border:1px solid #c1d2e4;border-radius:10px;background:#f7fbff;color:#50667d;min-height:62px;padding:8px;font:inherit;font-size:11px;font-weight:900;cursor:pointer}
.ehp-v460-summary-btn b{display:block;margin-top:4px;color:#0b4d86;font-size:22px}
.ehp-v460-summary-btn.active{background:#0b4d86;border-color:#0b4d86;color:#fff;box-shadow:0 5px 13px rgba(11,77,134,.2)}
.ehp-v460-summary-btn.active b{color:#fff}
.ehp-v460-next-wrap{display:none;margin:10px 0;border:1px solid #9dbbd8;border-radius:10px;background:#f6fbff;padding:11px}
.ehp-v460-next-wrap.show{display:block}
.ehp-v460-next-date{display:inline-block;padding:7px 12px;border:1px solid #9fbcd9;border-radius:8px;background:#eaf4ff;color:#0b4d86;font-size:15px;font-weight:900;margin-bottom:8px}
.ehp-v460-next-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.ehp-v460-next-item{border:1px solid #d2dfec;border-radius:8px;background:#fff;padding:8px;color:#304a63;font-size:12px;font-weight:800;line-height:1.45}
.ehp-v460-exam-filters{display:grid;grid-template-columns:repeat(7,minmax(110px,1fr));gap:7px;margin:12px 0;align-items:end}
.ehp-v460-exam-filters label{display:block;margin-bottom:4px;color:#0b4d86;font-size:10px;font-weight:900}
.ehp-v460-exam-filters select,.ehp-v460-exam-filters input{width:100%;min-height:41px;border:1px solid #aac0d7;border-radius:8px;padding:7px 35px 7px 8px;background:#fff;color:#1f3650;font:inherit;font-size:11px;font-weight:800}
.ehp-v460-exam-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin:8px 0}
.ehp-v460-updated{text-align:right;color:#5d7188;font-size:10px;font-weight:800;min-height:16px}
.ehp-v460-exam-table-wrap{overflow:auto;margin-top:8px}
.ehp-v460-exam-table{width:100%;min-width:920px;border-collapse:collapse;background:#fff;font-size:12px}
.ehp-v460-exam-table th,.ehp-v460-exam-table td{border:1px solid #cad5e1;padding:8px;text-align:center;vertical-align:middle}
.ehp-v460-exam-table th{background:#0b4d86!important;color:#fff!important;font-weight:900!important}
.ehp-v460-exam-table td.left{text-align:left;line-height:1.5}
.ehp-v460-date-box{display:inline-block;padding:7px 9px;border:1px solid #b6cce2;border-radius:8px;background:#eef6ff;color:#0b4d86;font-weight:900;white-space:nowrap}
.ehp-v460-status{display:inline-block;padding:5px 8px;border-radius:14px;background:#edf2f7;color:#475569;font-size:10px;font-weight:900}
.ehp-v460-action{border:0;border-radius:7px;background:#119947;color:#fff!important;padding:8px 9px;font-size:10px;font-weight:900;cursor:pointer;white-space:nowrap}
.ehp-v460-empty{padding:22px;text-align:center;color:#5c7186;font-weight:800}
@media(max-width:900px){.ehp-v460-exam-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.ehp-v460-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.ehp-v460-next-list{grid-template-columns:1fr}}
@media(max-width:700px){
  .ehp-v460-exam-head{align-items:flex-start}.ehp-v460-exam-head h2{font-size:18px}.ehp-v460-live{display:none}
  .ehp-v460-exam-filters{grid-template-columns:1fr}
  .ehp-v460-exam-table-wrap{overflow:visible}
  .ehp-v460-exam-table,.ehp-v460-exam-table tbody,.ehp-v460-exam-table tr,.ehp-v460-exam-table td{display:block;width:100%;min-width:0}
  .ehp-v460-exam-table thead{display:none}
  .ehp-v460-exam-table tr{margin:0 0 12px;border:1px solid #c8d7e7;border-radius:11px;overflow:hidden;background:#fff;box-shadow:0 3px 8px rgba(11,77,134,.06)}
  .ehp-v460-exam-table td{display:grid;grid-template-columns:110px minmax(0,1fr);gap:8px;text-align:left;border:0;border-bottom:1px solid #e3eaf2;padding:10px}
  .ehp-v460-exam-table td:last-child{border-bottom:0}
  .ehp-v460-exam-table td:before{content:attr(data-label);color:#0b4d86;font-weight:900}
  .ehp-v460-exam-actions .ehp-btn{flex:1}
}

/* TEST KEYS V4.6.0 */
.ehp-tk-v460-note{padding:10px 12px;border-left:4px solid #0b4d86;border-radius:8px;background:#eef6ff;color:#304a63;font-size:12px;font-weight:800;line-height:1.5}
.ehp-tk-v460-filters{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));gap:7px;margin-top:12px;align-items:end}
.ehp-tk-v460-filters label{display:block;margin-bottom:4px;color:#0b4d86;font-size:10px;font-weight:900}
.ehp-tk-v460-filters select{width:100%;min-height:42px;border:1px solid #aac0d7;border-radius:8px;padding:7px 35px 7px 8px;background:#fff;color:#1f3650;font:inherit;font-size:11px;font-weight:800}
.ehp-tk-v460-bottom{display:flex;justify-content:center;margin:13px 0}
.ehp-tk-v460-table{width:100%;min-width:900px;border-collapse:collapse;background:#fff;font-size:12px}
.ehp-tk-v460-table th,.ehp-tk-v460-table td{border:1px solid #c9d6e4;padding:8px;text-align:center;vertical-align:middle}
.ehp-tk-v460-table th{background:#0b4d86!important;color:#fff!important;font-weight:900!important}
.ehp-tk-v460-test{color:#0b4d86;font-size:15px;font-weight:900}
.ehp-tk-v460-approved{display:inline-block;padding:5px 8px;border-radius:14px;background:#dcfce7;color:#166534;font-size:10px;font-weight:900}
.ehp-tk-v460-download{border:0;border-radius:7px;padding:8px 9px;color:#fff!important;background:#119947;font-size:10px;font-weight:900;cursor:pointer;white-space:nowrap}
.ehp-tk-v460-download.explanation{background:#0b5b9d}
.ehp-tk-v460-download:disabled{opacity:.55}
@media(max-width:1050px){.ehp-tk-v460-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){
  .ehp-tk-v460-filters{grid-template-columns:1fr}
  #ehpTkTableWrap{overflow:visible}
  .ehp-tk-v460-table,.ehp-tk-v460-table tbody,.ehp-tk-v460-table tr,.ehp-tk-v460-table td{display:block;width:100%;min-width:0}
  .ehp-tk-v460-table thead{display:none}
  .ehp-tk-v460-table tr{margin:0 0 12px;border:1px solid #c8d7e7;border-radius:11px;overflow:hidden;background:#fff}
  .ehp-tk-v460-table td{display:grid;grid-template-columns:115px minmax(0,1fr);gap:8px;text-align:left;border:0;border-bottom:1px solid #e2eaf2;padding:10px}
  .ehp-tk-v460-table td:last-child{border-bottom:0}
  .ehp-tk-v460-table td:before{content:attr(data-label);color:#0b4d86;font-weight:900}
}

/* ===== ehpV461ScheduleCss | source line 4832 ===== */
.ehp-v461-exam-card{padding:15px!important}
.ehp-v461-next-table-wrap{overflow:auto;border:1px solid #c8d7e7;border-radius:8px;background:#fff}
.ehp-v461-next-table{width:100%;min-width:650px;border-collapse:collapse;font-size:11px}
.ehp-v461-next-table th,.ehp-v461-next-table td{border:1px solid #aebfd1;padding:7px;text-align:center;vertical-align:middle}
.ehp-v461-next-table th{background:#aebdce!important;color:#071b2c!important;font-weight:900!important;text-transform:uppercase}
.ehp-v461-next-table td.left{text-align:left}
.ehp-v461-exam-filters{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:8px;margin:12px 0;align-items:end}
.ehp-v461-exam-filters label{display:block;margin-bottom:4px;color:#0b4d86;font-size:10px;font-weight:900}
.ehp-v461-exam-filters select{width:100%;min-height:41px;border:1px solid #aac0d7;border-radius:8px;padding:7px 35px 7px 8px;background:#fff;color:#1f3650;font:inherit;font-size:11px;font-weight:800}
.ehp-v461-bottom-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:14px;padding-top:13px;border-top:1px solid #d6e2ee}
.ehp-v461-bottom-actions .ehp-btn{min-width:150px}
.ehp-v461-share-note{text-align:right;margin-top:6px;color:#60758a;font-size:9.5px;font-weight:700}
#ehpV460ExamUpdated,.ehp-v460-exam-actions{display:none!important}
@media(max-width:900px){.ehp-v461-exam-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
  .ehp-v461-next-table-wrap{overflow:auto}
  .ehp-v461-next-table{min-width:610px;font-size:9px}
  .ehp-v461-next-table th,.ehp-v461-next-table td{padding:6px 4px}
  .ehp-v461-exam-filters{grid-template-columns:1fr}
  .ehp-v461-bottom-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}
  .ehp-v461-bottom-actions .ehp-btn{width:100%!important;min-width:0!important;font-size:11px!important;padding:10px 5px!important}
  .ehp-v461-share-note{text-align:center}
}

/* ===== ehpPrincipalVideoLecturesStyles | source line 4859 ===== */
/* PRINCIPAL PORTAL — VIDEO LECTURES V1.1; exact Teacher Portal PLAY button styling */
.ehp-vl-video-filter-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:15px;
}
.ehp-vl-video-player-card{
  margin-top:18px;
  border:1px solid #b8c9db;
  border-radius:14px;
  overflow:hidden;
  background:#ffffff;
  box-shadow:0 7px 22px rgba(11,77,134,.12);
}
.ehp-vl-video-player-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:13px 16px;
  background:#0b4d86;
  color:#ffffff;
}
.ehp-vl-video-player-head *{color:#ffffff!important}
.ehp-vl-video-player-head h3{
  margin:3px 0 0;
  font-size:19px;
  font-weight:900;
}
.ehp-vl-video-player-label{
  font-size:11px;
  font-weight:900;
  letter-spacing:.8px;
  opacity:.9;
}
.ehp-vl-video-player-frame{
  position:relative;
  width:100%;
  padding-top:56.25%;
  background:#000000;
}
.ehp-vl-video-player-frame iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}
.ehp-vl-video-help{
  padding:10px 14px;
  background:#f6f9fc;
  color:#526477;
  font-size:12px;
  font-weight:700;
  line-height:1.45;
}
#ehpVideoLecturesModule .ehp-message{
  text-align:left;
  min-height:20px;
}
.ehp-vl-video-navigation{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  padding:12px 14px;
  background:#eef5fc;
  border-top:1px solid #c8d7e6;
  border-bottom:1px solid #c8d7e6;
}
.ehp-vl-video-nav-btn{
  border:0;
  border-radius:9px;
  min-height:43px;
  padding:10px 18px;
  background:#0b4d86;
  color:#ffffff;
  font-weight:900;
  cursor:pointer;
}
.ehp-vl-video-nav-btn:disabled{
  opacity:.48;
  cursor:not-allowed;
}
.ehp-vl-playlist-title{
  padding:14px 14px 7px;
  color:#0b4d86;
  font-size:18px;
  font-weight:900;
}
.ehp-vl-video-list-wrap{
  overflow-x:auto;
  padding:0 14px 15px;
  background:#ffffff;
  -webkit-overflow-scrolling:touch;
}
.ehp-vl-video-list-table{
  width:100%;
  min-width:720px;
  border-collapse:collapse;
  background:#ffffff;
}
.ehp-vl-video-list-table th,
.ehp-vl-video-list-table td{
  border:1px solid #8ca0b5;
  padding:10px 11px;
  vertical-align:middle;
}
.ehp-vl-video-list-table th{
  background:#0b4d86!important;
  color:#ffffff!important;
  text-align:center;
  font-weight:900;
}
.ehp-vl-video-list-table th *{color:#ffffff!important}
.ehp-vl-video-list-table td.serial{
  width:80px;
  text-align:center;
  font-weight:900;
  color:#0b4d86;
}
.ehp-vl-video-list-table td.video-title{
  text-align:left;
  color:#10233f;
  font-weight:800;
  line-height:1.4;
}
.ehp-vl-video-list-table td.video-action{
  width:120px;
  text-align:center;
}
.ehp-vl-video-list-table tr.active-video{background:#effbf2}
.ehp-vl-video-list-table tr.active-video td{border-color:#159b3a}
.ehp-vl-video-play-btn{
  min-width:82px;
  min-height:38px;
  border:0;
  border-radius:8px;
  padding:8px 14px;
  background:#159b3a;
  color:#ffffff;
  font-weight:900;
  cursor:pointer;
}
.ehp-vl-video-play-btn:hover{background:#0d7d2d}
.ehp-vl-video-title-loading{
  color:#65778d;
  font-style:italic;
}
.ehp-vl-video-player-frame #ehpVlVideoPlayerMount,
.ehp-vl-video-player-frame #ehpVlVideoPlayer{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}
@media(max-width:800px){
  .ehp-vl-video-filter-grid{grid-template-columns:1fr}
}
@media(max-width:650px){
  .ehp-vl-video-navigation{
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .ehp-vl-video-nav-btn{width:100%}
}

/* ===== ehpPrincipalV12FinalCorrections | source line 5033 ===== */
/* Student Bubbling: identity remains available to the filter/grouping logic,
   but Hall Ticket and Student Name are not displayed as table columns. */
#ehpPanel_bubbling .ehp-bubbling-private-table th,
#ehpPanel_bubbling .ehp-bubbling-private-table td{font-size:13px!important}

/* Exam Schedule: increase all information inside schedule boxes by 3px. */
#ehpExamsModule .ehp-v460-exam-note{font-size:15px!important}
#ehpExamsModule .ehp-v460-summary-btn{font-size:14px!important}
#ehpExamsModule .ehp-v460-summary-btn b{font-size:25px!important}
#ehpExamsModule .ehp-v460-next-date{font-size:18px!important}
#ehpExamsModule .ehp-v461-next-table{font-size:14px!important}
#ehpExamsModule .ehp-v461-next-table th,
#ehpExamsModule .ehp-v461-next-table td{font-size:14px!important;padding:9px 7px!important}
#ehpExamsModule .ehp-v461-exam-filters label{font-size:13px!important}
#ehpExamsModule .ehp-v461-exam-filters select{font-size:14px!important;min-height:45px!important}
#ehpExamsModule .ehp-v460-exam-table{font-size:15px!important}
#ehpExamsModule .ehp-v460-exam-table th,
#ehpExamsModule .ehp-v460-exam-table td{font-size:15px!important;padding:10px 9px!important}
#ehpExamsModule .ehp-v460-date-box{font-size:13px!important}
#ehpExamsModule .ehp-v460-status{font-size:13px!important}
#ehpExamsModule .ehp-v460-action{font-size:13px!important;min-height:38px!important;padding:8px 10px!important}

.ehp-v463-conduct,
.ehp-v463-action-state{
  display:inline-block;
  border-radius:999px;
  padding:7px 10px;
  font-size:12px;
  line-height:1.25;
  font-weight:900;
  white-space:normal;
}
.ehp-v463-conduct.confirmed,
.ehp-v463-action-state.completed{background:#dcfce7;color:#166534;border:1px solid #86d7a4}
.ehp-v463-conduct.awaiting{background:#fff4bf;color:#725800;border:1px solid #e3c85c}
.ehp-v463-conduct.future,
.ehp-v463-action-state.future{background:#e8f4ff;color:#0b4d86;border:1px solid #b8d2e9}
.ehp-v463-action-state.none{background:#edf1f5;color:#566575;border:1px solid #c5ced8}
#ehpExamsModule .ehp-v460-exam-table td small{
  display:block;
  margin-top:5px;
  color:#526b82;
  font-size:11px;
  font-weight:800;
  white-space:nowrap;
}
@media(max-width:700px){
  #ehpExamsModule .ehp-v461-next-table{font-size:12px!important}
  #ehpExamsModule .ehp-v461-next-table th,
  #ehpExamsModule .ehp-v461-next-table td{font-size:12px!important}
  #ehpExamsModule .ehp-v460-exam-table,
  #ehpExamsModule .ehp-v460-exam-table td{font-size:14px!important}
  #ehpExamsModule .ehp-v461-exam-filters label{font-size:13px!important}
  #ehpExamsModule .ehp-v461-exam-filters select{font-size:14px!important}
}

/* ===== ehpPrincipalStudentPatternMobileV14 | source line 5099 ===== */
.ehp-pm-app,.ehp-pm-bottom-nav{display:none}

@media(max-width:1024px){
  html,body{
    margin:0!important;
    padding:0!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    min-height:100%!important;
    background:#020a16!important;
    overflow-x:hidden!important;
  }

  /* Hide Blogger chrome only on mobile/tablet. */
  header,#header,#header-wrapper,.header-wrapper,.header-outer,
  .Header,.site-header,.site-branding,.centered-top-container,
  .centered-top,.navbar,.nav-wrapper,.tabs-outer,.tabs-inner,
  .page-header,.post-title,.entry-title,.post-header,
  .post-header-container,.title-wrap,.blog-name,
  #comments,.comments,.comment-form,.post-footer,.entry-footer,
  .blog-pager,.feed-links,#footer-wrapper,.footer-wrapper,
  .footer-outer,footer,.ad-container,.adsbygoogle,.advertisement,
  .mobile-ad,[class*="promo-banner"],[id*="promo-banner"],
  [class*="top-banner"],[id*="top-banner"],
  [class*="header-ad"],[id*="header-ad"],
  [class*="adsense"],[id*="adsense"]{
    display:none!important;
    visibility:hidden!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
  }

  #main-wrapper,.main-wrapper,.content-wrapper,.content-outer,
  .content-inner,.main-inner,.post-outer-container,.post-outer,
  .post,.post-body-container,.post-body,.entry-content,main,
  #page_body,.page_body,.page-body,.page-wrapper,.site-wrapper,
  .site-content,.main-container,.container-wrapper{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    float:none!important;
    background:#020a16!important;
  }

  body:not(.ehp-principal-mobile-logged-in){
    overflow-y:auto!important;
    height:auto!important;
    min-height:100%!important;
    touch-action:pan-y!important;
    -webkit-overflow-scrolling:touch!important;
  }

  body:not(.ehp-principal-mobile-logged-in) #ehpRoot{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:24px 16px 42px!important;
    background:#020a16!important;
  }

  body:not(.ehp-principal-mobile-logged-in) #ehpLoginBlock{
    min-height:calc(100vh - 66px)!important;
    background:#020a16!important;
  }

  body:not(.ehp-principal-mobile-logged-in) .ehp-login-head{
    margin:0 auto 18px!important;
    padding:18px 8px 14px!important;
    border-bottom:2px solid #31e2d4!important;
  }

  body:not(.ehp-principal-mobile-logged-in) .ehp-login-head h1{color:#fff!important}
  body:not(.ehp-principal-mobile-logged-in) .ehp-login-head .subtitle,
  body:not(.ehp-principal-mobile-logged-in) .ehp-powered{color:#a9bad0!important}
  body:not(.ehp-principal-mobile-logged-in) .ehp-login-card{
    margin:0 auto!important;
    background:#fff!important;
    color:#071f3d!important;
  }

  /* Logged-in app covers the complete phone viewport. */
  body.ehp-principal-mobile-logged-in{
    width:100vw!important;
    height:100dvh!important;
    min-height:100dvh!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    background:#020a16!important;
  }

  body.ehp-principal-mobile-logged-in #ehpRoot{
    position:fixed!important;
    inset:0!important;
    z-index:2147480000!important;
    width:100vw!important;
    max-width:none!important;
    height:100dvh!important;
    min-height:100dvh!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
    background:#020a16!important;
  }

  body.ehp-principal-mobile-logged-in #ehpLoginBlock{display:none!important}
  body.ehp-principal-mobile-logged-in #ehpDashboard{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    background:#020a16!important;
  }

  body.ehp-principal-mobile-logged-in #ehpDashboard>#ehpSchoolHeader,
  body.ehp-principal-mobile-logged-in #ehpDashboard>.ehp-module-menu,
  body.ehp-principal-mobile-logged-in #ehpMainDashboardActions,
  body.ehp-principal-mobile-logged-in #ehpDashboard>.ehp-footer,
  body.ehp-principal-mobile-logged-in #ehpInstallBanner{
    display:none!important;
  }

  .ehp-pm-app{
    display:block!important;
    position:fixed!important;
    inset:0!important;
    z-index:2147481000!important;
    width:100vw!important;
    height:100dvh!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:
      radial-gradient(circle at 94% 2%,rgba(0,220,210,.18),transparent 28%),
      linear-gradient(180deg,#031326 0%,#020914 100%)!important;
    overflow:hidden!important;
  }

  .ehp-pm-scroll{
    position:absolute!important;
    top:0!important;
    left:0!important;
    right:0!important;
    bottom:calc(80px + env(safe-area-inset-bottom))!important;
    min-height:0!important;
    margin:0!important;
    padding:16px 18px 38px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior-y:contain!important;
    touch-action:pan-y!important;
    -webkit-overflow-scrolling:touch!important;
    background:transparent!important;
  }

  .ehp-pm-view{color:#f5f9ff}
  .ehp-pm-panel-host{display:none;color:#eaf3ff}
  .ehp-pm-panel-host.open{display:block}
  .ehp-pm-panel-host .ehp-module-panel{display:none!important;margin:0!important;padding:0!important}
  .ehp-pm-panel-host .ehp-module-panel.active{display:block!important}

  .ehp-pm-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:18px;
  }
  .ehp-pm-brand{display:flex;align-items:center;gap:11px;min-width:0}
  .ehp-pm-logo{
    width:44px;height:44px;border-radius:14px;display:grid;place-items:center;
    background:linear-gradient(135deg,#0a91ff,#13e2d1);
    font-size:22px;box-shadow:0 8px 24px rgba(0,199,255,.24)
  }
  .ehp-pm-brand strong{display:block;font-size:17px;line-height:1.2;color:#fff}
  .ehp-pm-brand small{display:block;color:#93a8c2;font-size:12px;margin-top:3px}
  .ehp-pm-top-actions{display:flex;gap:8px}
  .ehp-pm-icon-btn{
    width:43px;height:43px;border:1px solid #274762;border-radius:14px;
    background:#09223a;color:#e9f7ff;font-size:19px;display:grid;place-items:center;cursor:pointer
  }
  .ehp-pm-greeting{font-size:27px;font-weight:900;margin:2px 0 5px;color:#fff}
  .ehp-pm-welcome{color:#9fb3ca;font-size:15px;margin-bottom:18px}

  .ehp-pm-card{
    border:1px solid #2b4d68;border-radius:20px;
    background:linear-gradient(145deg,rgba(13,43,70,.95),rgba(4,23,43,.95));
    box-shadow:0 14px 35px rgba(0,0,0,.25);
    padding:17px;margin:14px 0;color:#fff
  }
  .ehp-pm-id{display:grid;grid-template-columns:86px 1fr;gap:16px;align-items:center}
  .ehp-pm-avatar{
    width:82px;height:82px;border-radius:50%;display:grid;place-items:center;font-size:38px;
    border:2px solid #20e1d3;background:radial-gradient(circle,#153b60,#071c33);
    box-shadow:0 0 25px rgba(20,231,212,.18)
  }
  .ehp-pm-id-grid{display:grid;grid-template-columns:max-content 1fr;gap:10px 14px;font-size:13px}
  .ehp-pm-id-grid span{color:#a9bad0}
  .ehp-pm-id-grid b{color:#51eee1;overflow-wrap:anywhere}

  .ehp-pm-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .ehp-pm-metric{
    border:1px solid #284b67;border-radius:16px;background:rgba(8,31,53,.82);
    padding:14px;text-align:center;min-height:94px;display:flex;flex-direction:column;justify-content:center
  }
  .ehp-pm-metric span{font-size:12px;color:#a8bbd0;font-weight:800}
  .ehp-pm-metric b{font-size:25px;color:#fff;margin-top:7px;overflow-wrap:anywhere}
  .ehp-pm-metric.primary{
    grid-column:1/-1;background:linear-gradient(100deg,#087cff,#08cbd0);border:0;
    display:grid;grid-template-columns:repeat(3,1fr);gap:4px
  }
  .ehp-pm-metric.primary div{border-right:1px solid rgba(255,255,255,.28);min-width:0;padding:0 4px}
  .ehp-pm-metric.primary div:last-child{border-right:0}
  .ehp-pm-metric.primary span,.ehp-pm-metric.primary b{color:#fff}
  .ehp-pm-metric.primary b.long{font-size:15px;line-height:1.25}

  .ehp-pm-section-head{display:flex;align-items:center;justify-content:space-between;margin:23px 2px 12px}
  .ehp-pm-section-head h2{font-size:20px;margin:0;color:#fff}
  .ehp-pm-section-head small{color:#7fcfff}

  /* Principal buttons follow the same app-card pattern as the Student Portal. */
  .ehp-pm-quick-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    margin-bottom:28px
  }
  .ehp-pm-quick{
    min-height:122px;border:1px solid #2a4d68;border-radius:19px;
    background:linear-gradient(145deg,#0c2a47,#071b31);
    color:#fff;padding:14px 10px;display:flex;flex-direction:column;
    align-items:center;justify-content:center;gap:11px;text-align:center;
    font-size:15px;font-weight:900;line-height:1.25;cursor:pointer;
    box-shadow:0 9px 20px rgba(0,0,0,.18)
  }
  .ehp-pm-quick:active{transform:scale(.98)}
  .ehp-pm-qicon{
    width:52px;height:52px;border-radius:16px;display:grid;place-items:center;
    font-size:25px;line-height:1;
    background:linear-gradient(135deg,rgba(20,213,235,.25),rgba(65,106,255,.2));
    border:1px solid rgba(64,225,232,.38);
    box-shadow:inset 0 0 18px rgba(40,200,235,.08)
  }

  .ehp-pm-page-head{display:flex;align-items:center;gap:13px;margin:3px 0 20px}
  .ehp-pm-back{
    width:48px;height:48px;flex:0 0 48px;border:1px solid #2b506c;border-radius:16px;
    background:#09233c;color:#fff;font-size:25px;cursor:pointer
  }
  .ehp-pm-page-head h1{font-size:25px;margin:0;color:#fff;line-height:1.2}
  .ehp-pm-page-sub{color:#9db1c8;margin:-10px 0 18px;font-size:14px}

  /* Existing Principal modules remain functionally unchanged inside the app. */
  .ehp-pm-panel-host .ehp-card{
    background:#fff!important;color:#10243b!important;border:1px solid #c3d2e2!important;
    border-radius:12px!important;padding:12px!important;margin:0 0 14px!important;box-shadow:none!important
  }
  .ehp-pm-panel-host .ehp-filter-title,
  .ehp-pm-panel-host .ehp-section-title{color:#0b4d86!important}
  .ehp-pm-panel-host .ehp-note{color:#222!important}
  .ehp-pm-panel-host .ehp-table-wrap{
    width:100%!important;overflow-x:auto!important;overflow-y:visible!important;
    -webkit-overflow-scrolling:touch!important;touch-action:pan-x pan-y!important;
    background:#fff!important;border-radius:10px!important
  }
  .ehp-pm-panel-host input,
  .ehp-pm-panel-host select,
  .ehp-pm-panel-host textarea{font-size:15px!important}
  .ehp-pm-panel-host .ehp-actions{gap:8px!important}
  .ehp-pm-panel-host .ehp-btn{min-height:43px!important}
  .ehp-pm-panel-host .ehp-module-menu{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important
  }
  .ehp-pm-panel-host .ehp-module-btn{display:block!important;min-height:54px!important}
  .ehp-pm-panel-host .ehp-assignment-list,
  .ehp-pm-panel-host .ehp-key-card-grid,
  .ehp-pm-panel-host .ehp-download-action-list,
  .ehp-pm-panel-host .ehp-vl-video-player-card,
  .ehp-pm-panel-host #ehpExamList{margin-bottom:30px!important}

  /* Five-button fixed bottom navigation. */
  .ehp-pm-bottom-nav{
    display:grid!important;
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    z-index:2147482000!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    width:100vw!important;
    height:calc(80px + env(safe-area-inset-bottom))!important;
    min-height:80px!important;
    margin:0!important;
    padding:8px 6px max(9px,env(safe-area-inset-bottom))!important;
    background:rgba(2,16,31,.995)!important;
    border-top:1px solid #1b3a54!important;
    box-shadow:0 -8px 28px rgba(0,0,0,.38)!important;
  }
  .ehp-pm-nav{
    border:0;background:transparent;color:#8298b0;
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    gap:4px;font-size:11px;font-weight:900;cursor:pointer;min-width:0;padding:0 2px
  }
  .ehp-pm-nav i{font-style:normal;font-size:22px;line-height:1}
  .ehp-pm-nav span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  .ehp-pm-nav.active{color:#46eadb}
  .ehp-pm-nav.active:after{content:"";width:27px;height:4px;border-radius:5px;background:#46eadb}

  .ehp-pm-profile-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:28px}
  .ehp-pm-action{
    border:1px solid #2c506c;border-radius:16px;background:#0b2945;color:#fff;
    min-height:85px;padding:12px;font-weight:900;font-size:14px;cursor:pointer
  }
  .ehp-pm-action.logout{grid-column:1/-1;background:#64182a;border-color:#a63a50}
  .ehp-pm-view,.ehp-pm-panel-host{padding-bottom:24px!important}
}

@media(max-width:420px){
  .ehp-pm-scroll{padding-left:12px!important;padding-right:12px!important}
  .ehp-pm-id{grid-template-columns:72px 1fr;gap:12px}
  .ehp-pm-avatar{width:68px;height:68px;font-size:31px}
  .ehp-pm-id-grid{gap:8px 10px;font-size:12px}
  .ehp-pm-quick{min-height:112px;font-size:14px}
  .ehp-pm-qicon{width:47px;height:47px;font-size:23px}
  .ehp-pm-nav{font-size:10px}
}

@media(min-width:1025px){
  .ehp-pm-app,.ehp-pm-bottom-nav{display:none!important}
}

/* ===== ehpPrincipalMobileV15FinalStyles | source line 5459 ===== */
@media(max-width:1024px){
  html,
  body{
    background:#15171b!important;
  }

  body.ehp-principal-mobile-logged-in{
    background:#15171b!important;
  }

  body.ehp-principal-mobile-logged-in #ehpRoot{
    background:#15171b!important;
  }

  /* Centre the complete Principal app like the approved Student app. */
  .ehp-pm-app{
    top:0!important;
    bottom:0!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    width:min(100vw,430px)!important;
    max-width:430px!important;
    height:100dvh!important;
    min-height:100dvh!important;
    margin:0!important;
    box-shadow:
      0 0 0 1px rgba(54,92,124,.42),
      0 18px 60px rgba(0,0,0,.48)!important;
  }

  .ehp-pm-scroll{
    left:0!important;
    right:0!important;
    width:100%!important;
    padding:16px 16px 42px!important;
  }

  /* Bottom bar belongs to the centred app, not to the whole browser width. */
  .ehp-pm-bottom-nav{
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100%!important;
    max-width:none!important;
  }

  /* The inner module surface stays dark on every mobile page. */
  .ehp-pm-panel-host{
    width:100%!important;
    min-width:0!important;
    background:transparent!important;
    color:#eef7ff!important;
  }

  .ehp-pm-panel-host .ehp-module-panel,
  .ehp-pm-panel-host .ehp-panel{
    background:transparent!important;
    color:#eef7ff!important;
  }

  .ehp-pm-panel-host .ehp-card,
  .ehp-pm-panel-host .ehp-analysis-card,
  .ehp-pm-panel-host .ehp-dashboard-panel,
  .ehp-pm-panel-host .ehp-assignment-group,
  .ehp-pm-panel-host .ehp-key-card,
  .ehp-pm-panel-host .ehp-download-action-row,
  .ehp-pm-panel-host .ehp-exam-card,
  .ehp-pm-panel-host .ehp-student-profile .box,
  .ehp-pm-panel-host .ehp-student-score,
  .ehp-pm-panel-host .ehp-strength-card,
  .ehp-pm-panel-host .ehp-kpi-card,
  .ehp-pm-panel-host .ehp-benchmark-card,
  .ehp-pm-panel-host .ehp-tm-preview,
  .ehp-pm-panel-host .ehp-credential-card,
  .ehp-pm-panel-host .ehp-choice,
  .ehp-pm-panel-host .ehp-choice-btn,
  .ehp-pm-panel-host .ehp-auto-value,
  .ehp-pm-panel-host .ehp-auto-note,
  .ehp-pm-panel-host .ehp-small-alert,
  .ehp-pm-panel-host .ehp-insight-box,
  .ehp-pm-panel-host .ehp-withheld-note,
  .ehp-pm-panel-host .ehp-rank-definition-box,
  .ehp-pm-panel-host .ehp-assignment-message,
  .ehp-pm-panel-host .ehp-whatsapp-preview,
  .ehp-pm-panel-host .ehp-omr-step-card,
  .ehp-pm-panel-host .ehp-address-box,
  .ehp-pm-panel-host .ehp-v460-next-wrap,
  .ehp-pm-panel-host .ehp-v460-empty,
  .ehp-pm-panel-host .ehp-key-empty{
    background:linear-gradient(145deg,#0c2a47,#071b31)!important;
    color:#eef7ff!important;
    border-color:#2d526f!important;
    box-shadow:0 10px 24px rgba(0,0,0,.18)!important;
  }

  .ehp-pm-panel-host .ehp-card{
    border-radius:17px!important;
    padding:14px!important;
    margin:0 0 14px!important;
  }

  .ehp-pm-panel-host h1,
  .ehp-pm-panel-host h2,
  .ehp-pm-panel-host h3,
  .ehp-pm-panel-host h4,
  .ehp-pm-panel-host .ehp-filter-title,
  .ehp-pm-panel-host .ehp-section-title,
  .ehp-pm-panel-host .ehp-sub-title,
  .ehp-pm-panel-host .ehp-dashboard-head h2,
  .ehp-pm-panel-host .ehp-analysis-card h3,
  .ehp-pm-panel-host .ehp-assignment-subject,
  .ehp-pm-panel-host .ehp-download-action-name,
  .ehp-pm-panel-host .ehp-tm-preview-title{
    color:#ffffff!important;
  }

  .ehp-pm-panel-host .ehp-filter-title,
  .ehp-pm-panel-host .ehp-section-title{
    border-color:#2cded2!important;
  }

  .ehp-pm-panel-host p,
  .ehp-pm-panel-host li,
  .ehp-pm-panel-host .ehp-note,
  .ehp-pm-panel-host .ehp-info-content,
  .ehp-pm-panel-host .ehp-student-click-note,
  .ehp-pm-panel-host .ehp-dashboard-updated,
  .ehp-pm-panel-host .ehp-kpi-sub,
  .ehp-pm-panel-host .ehp-insight-list,
  .ehp-pm-panel-host .ehp-assignment-text,
  .ehp-pm-panel-host .ehp-v461-share-note,
  .ehp-pm-panel-host .ehp-vl-video-help{
    color:#c8d7e8!important;
  }

  .ehp-pm-panel-host label,
  .ehp-pm-panel-host .ehp-field label,
  .ehp-pm-panel-host .ehp-kpi-label,
  .ehp-pm-panel-host .ehp-info-box .label,
  .ehp-pm-panel-host .ehp-summary-box .label,
  .ehp-pm-panel-host .ehp-strength-label,
  .ehp-pm-panel-host .ehp-benchmark-card .k{
    color:#9fc5e5!important;
  }

  .ehp-pm-panel-host input,
  .ehp-pm-panel-host select,
  .ehp-pm-panel-host textarea{
    background-color:#061a2e!important;
    color:#ffffff!important;
    border-color:#315675!important;
    box-shadow:none!important;
  }

  .ehp-pm-panel-host input::placeholder,
  .ehp-pm-panel-host textarea::placeholder{
    color:#849ab1!important;
    opacity:1!important;
  }

  .ehp-pm-panel-host select{
    background-image:
      linear-gradient(45deg,transparent 50%,#50eadd 50%),
      linear-gradient(135deg,#50eadd 50%,transparent 50%)!important;
  }

  .ehp-pm-panel-host input:disabled,
  .ehp-pm-panel-host input[readonly],
  .ehp-pm-panel-host select:disabled{
    background:#10263b!important;
    color:#b6c7d9!important;
  }

  .ehp-pm-panel-host .ehp-summary-grid,
  .ehp-pm-panel-host .ehp-info-grid,
  .ehp-pm-panel-host .ehp-strength-grid,
  .ehp-pm-panel-host .ehp-kpi-grid{
    gap:9px!important;
  }

  .ehp-pm-panel-host .ehp-summary-box,
  .ehp-pm-panel-host .ehp-info-box{
    background:#0a223a!important;
    border-color:#315675!important;
    color:#ffffff!important;
  }

  .ehp-pm-panel-host .ehp-summary-box .value,
  .ehp-pm-panel-host .ehp-info-box .value,
  .ehp-pm-panel-host .ehp-strength-value,
  .ehp-pm-panel-host .ehp-kpi-value,
  .ehp-pm-panel-host .ehp-benchmark-card .v{
    color:#ffffff!important;
  }

  .ehp-pm-panel-host .ehp-tab,
  .ehp-pm-panel-host .ehp-module-btn,
  .ehp-pm-panel-host .ehp-exam-tab,
  .ehp-pm-panel-host .ehp-pattern-btn{
    background:#0b2945!important;
    color:#eaf5ff!important;
    border-color:#315675!important;
  }

  .ehp-pm-panel-host .ehp-tab.active,
  .ehp-pm-panel-host .ehp-module-btn.active,
  .ehp-pm-panel-host .ehp-exam-tab.active,
  .ehp-pm-panel-host .ehp-pattern-btn.active{
    background:linear-gradient(100deg,#087cff,#08bfc8)!important;
    color:#ffffff!important;
    border-color:#23d6d2!important;
  }

  .ehp-pm-panel-host .ehp-table-wrap,
  .ehp-pm-panel-host .ehp-vl-video-list-wrap,
  .ehp-pm-panel-host .ehp-tk-table-wrap,
  .ehp-pm-panel-host .ehp-v460-exam-table-wrap,
  .ehp-pm-panel-host .ehp-v461-next-table-wrap{
    background:transparent!important;
    border-radius:12px!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }

  .ehp-pm-panel-host table,
  .ehp-pm-panel-host .ehp-table,
  .ehp-pm-panel-host .ehp-pattern-table,
  .ehp-pm-panel-host .ehp-omr-mark-table,
  .ehp-pm-panel-host .ehp-vl-video-list-table,
  .ehp-pm-panel-host .ehp-v460-exam-table,
  .ehp-pm-panel-host .ehp-v461-next-table{
    background:#071b30!important;
    color:#eef7ff!important;
  }

  .ehp-pm-panel-host table th,
  .ehp-pm-panel-host .ehp-table th,
  .ehp-pm-panel-host .ehp-pattern-table th,
  .ehp-pm-panel-host .ehp-omr-mark-table th,
  .ehp-pm-panel-host .ehp-vl-video-list-table th,
  .ehp-pm-panel-host .ehp-v460-exam-table th,
  .ehp-pm-panel-host .ehp-v461-next-table th{
    background:#0b568f!important;
    color:#ffffff!important;
    border-color:#3b607c!important;
  }

  .ehp-pm-panel-host table td,
  .ehp-pm-panel-host .ehp-table td,
  .ehp-pm-panel-host .ehp-pattern-table td,
  .ehp-pm-panel-host .ehp-omr-mark-table td,
  .ehp-pm-panel-host .ehp-vl-video-list-table td,
  .ehp-pm-panel-host .ehp-v460-exam-table td,
  .ehp-pm-panel-host .ehp-v461-next-table td{
    background:#09233b!important;
    color:#eef7ff!important;
    border-color:#36566e!important;
  }

  .ehp-pm-panel-host table tbody tr:nth-child(even) td{
    background:#0b2843!important;
  }

  .ehp-pm-panel-host a,
  .ehp-pm-panel-host .ehp-student-link{
    color:#51eee1!important;
  }

  .ehp-pm-panel-host .ehp-assignment-group-head,
  .ehp-pm-panel-host .ehp-vl-video-player-head,
  .ehp-pm-panel-host .ehp-exam-date-heading{
    background:#0b568f!important;
    color:#ffffff!important;
  }

  .ehp-pm-panel-host .ehp-assignment-subject-row,
  .ehp-pm-panel-host .ehp-vl-video-navigation{
    background:#09233b!important;
    color:#eef7ff!important;
    border-color:#36566e!important;
  }

  .ehp-pm-panel-host .ehp-choice-btn.selected{
    background:#10527d!important;
    color:#ffffff!important;
    border-color:#42e6d9!important;
  }

  .ehp-pm-panel-host .ehp-vl-video-player-card{
    background:#071b30!important;
    border-color:#315675!important;
    box-shadow:0 12px 30px rgba(0,0,0,.3)!important;
  }

  .ehp-pm-panel-host .ehp-vl-playlist-title{
    color:#ffffff!important;
    background:#071b30!important;
  }

  .ehp-pm-panel-host .ehp-vl-video-help{
    background:#0a223a!important;
  }

  .ehp-pm-panel-host .ehp-vl-video-list-table td.serial{
    color:#51eee1!important;
  }

  .ehp-pm-panel-host .ehp-vl-video-list-table td.video-title{
    color:#ffffff!important;
  }

  .ehp-pm-panel-host .ehp-vl-video-list-table tr.active-video td{
    background:#123a32!important;
    border-color:#22b963!important;
  }

  .ehp-pm-panel-host .ehp-vl-video-play-btn{
    background:#159b3a!important;
    color:#ffffff!important;
    min-width:82px!important;
    min-height:40px!important;
    touch-action:manipulation!important;
  }

  .ehp-pm-panel-host .ehp-vl-video-player-frame,
  .ehp-pm-panel-host #ehpVlVideoPlayerMount,
  .ehp-pm-panel-host #ehpVlVideoPlayer,
  .ehp-pm-panel-host #ehpVlVideoPlayerMount iframe{
    width:100%!important;
  }

  .ehp-pm-panel-host #ehpVlVideoPlayerMount iframe{
    position:absolute!important;
    inset:0!important;
    height:100%!important;
    border:0!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
  }

  .ehp-pm-panel-host .ehp-vl-video-nav-btn{
    background:#0b568f!important;
    color:#ffffff!important;
  }

  .ehp-pm-panel-host .ehp-message{
    color:#ffb8b8!important;
  }

  .ehp-pm-panel-host .ehp-action-toast{
    color:#ffffff!important;
  }

  .ehp-pm-panel-host .ehp-footer{
    color:#8da4bb!important;
  }
}

@media(max-width:430px){
  .ehp-pm-app{
    width:100vw!important;
    max-width:430px!important;
  }
}

@media(min-width:1025px){
  /* Explicit desktop protection: V1.5 has no desktop presentation override. */
  .ehp-pm-app{
    transform:none;
  }
}

/* ===== ehpPrincipalMobileV16FinalStyles | source line 5842 ===== */
@media(max-width:1024px){
  html,
  body{
    margin:0!important;
    padding:0!important;
    width:100%!important;
    max-width:100%!important;
    min-height:100%!important;
    background:#020a16!important;
    overflow-x:hidden!important;
  }

  /* Cover the Blogger page completely before and after login. */
  body:not(.ehp-principal-mobile-logged-in) #ehpRoot{
    position:fixed!important;
    inset:0!important;
    z-index:2147480000!important;
    width:100vw!important;
    max-width:none!important;
    height:100dvh!important;
    min-height:100dvh!important;
    margin:0!important;
    padding:18px 14px 38px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    background:
      radial-gradient(circle at 92% 2%,rgba(0,220,210,.16),transparent 30%),
      linear-gradient(180deg,#031326 0%,#020914 100%)!important;
  }

  body:not(.ehp-principal-mobile-logged-in) #ehpLoginBlock{
    width:100%!important;
    max-width:720px!important;
    min-height:calc(100dvh - 56px)!important;
    margin:0 auto!important;
    padding:0!important;
    background:transparent!important;
  }

  body:not(.ehp-principal-mobile-logged-in) .ehp-login-head{
    width:100%!important;
    margin:0 auto 18px!important;
    padding:18px 6px 15px!important;
    background:transparent!important;
  }

  body:not(.ehp-principal-mobile-logged-in) .ehp-login-card{
    width:100%!important;
    max-width:680px!important;
    margin:0 auto!important;
    background:linear-gradient(145deg,#0c2a47,#071b31)!important;
    color:#ffffff!important;
    border:1px solid #2d526f!important;
    box-shadow:0 16px 38px rgba(0,0,0,.34)!important;
  }

  body:not(.ehp-principal-mobile-logged-in) .ehp-login-card label,
  body:not(.ehp-principal-mobile-logged-in) .ehp-check{
    color:#dcecff!important;
  }

  body:not(.ehp-principal-mobile-logged-in) .ehp-login-card input{
    background:#061a2e!important;
    color:#ffffff!important;
    border-color:#315675!important;
  }

  body:not(.ehp-principal-mobile-logged-in) .ehp-beta-note{
    background:#0a223a!important;
    color:#cfe2f6!important;
    border-color:#315675!important;
    border-left-color:#2ee1d4!important;
  }

  /*
    Full mobile width is intentional. It removes the odd white centring strip
    and keeps every Principal page centred inside the visible phone screen.
  */
  .ehp-pm-app{
    position:fixed!important;
    inset:0!important;
    left:0!important;
    right:0!important;
    top:0!important;
    bottom:0!important;
    transform:none!important;
    width:100vw!important;
    max-width:none!important;
    height:100dvh!important;
    min-height:100dvh!important;
    margin:0!important;
    border:0!important;
  }

  .ehp-pm-scroll{
    left:0!important;
    right:0!important;
    width:100%!important;
    bottom:calc(92px + env(safe-area-inset-bottom))!important;
    padding:14px 14px 34px!important;
  }

  .ehp-pm-scroll>.ehp-pm-view,
  .ehp-pm-scroll>.ehp-pm-panel-host{
    width:100%!important;
    max-width:760px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .ehp-pm-panel-host,
  .ehp-pm-panel-host.open,
  .ehp-pm-panel-host .ehp-module-panel.active{
    width:100%!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .ehp-pm-panel-host .ehp-card,
  .ehp-pm-panel-host .ehp-analysis-card,
  .ehp-pm-panel-host .ehp-dashboard-panel{
    width:100%!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .ehp-pm-bottom-nav{
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100%!important;
    min-height:92px!important;
    padding:8px 5px calc(8px + env(safe-area-inset-bottom))!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    background:rgba(2,19,35,.98)!important;
    border-top:1px solid #23435d!important;
    box-shadow:0 -10px 28px rgba(0,0,0,.3)!important;
  }

  .ehp-pm-nav{
    min-width:0!important;
    padding:4px 2px!important;
    gap:4px!important;
    font-size:9px!important;
    line-height:1.12!important;
    color:#91a5bd!important;
  }

  .ehp-pm-nav i{
    font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif!important;
    font-size:23px!important;
    line-height:1!important;
    filter:saturate(1.12)!important;
  }

  .ehp-pm-nav span{
    max-width:100%!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    text-align:center!important;
  }

  .ehp-pm-nav.active{
    color:#51eee1!important;
  }

  .ehp-pm-qicon,
  .ehp-pm-icon-btn{
    font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif!important;
    filter:saturate(1.12)!important;
  }

  .ehp-pm-logout-icon{
    color:#ff718b!important;
    border-color:#794054!important;
    background:#3a1322!important;
  }

  /* Classes / Tests / Programme: label on first line, value on second line. */
  .ehp-pm-metric.primary div{
    display:flex!important;
    min-height:80px!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
  }

  .ehp-pm-metric.primary span,
  .ehp-pm-metric.primary b{
    display:block!important;
    width:100%!important;
    margin:0!important;
    text-align:center!important;
  }

  .ehp-pm-metric.primary span{
    font-size:11px!important;
    line-height:1.2!important;
  }

  .ehp-pm-metric.primary b{
    font-size:26px!important;
    line-height:1.05!important;
  }

  .ehp-pm-metric.primary b.long{
    font-size:13px!important;
    line-height:1.25!important;
    overflow-wrap:anywhere!important;
  }

  .ehp-pm-profile-actions .ehp-pm-action.logout{
    min-height:54px!important;
    background:#731a2f!important;
    border-color:#ad4058!important;
  }
}

@media(max-width:370px){
  .ehp-pm-scroll{padding-left:10px!important;padding-right:10px!important}
  .ehp-pm-nav{font-size:8px!important}
  .ehp-pm-nav i{font-size:21px!important}
  .ehp-pm-metric.primary span{font-size:10px!important}
  .ehp-pm-metric.primary b.long{font-size:11px!important}
}

/* ===== ehpPrincipalMobileV17CenterLoginOnly | source line 6085 ===== */
@media(max-width:1024px){

  html,
  body{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    overflow-x:hidden!important;
    background:#020a16!important;
  }

  /*
    LOGIN PAGE CENTRING
    The full-screen dark root remains, but the actual login content is kept
    inside one centred mobile app column.
  */
  body:not(.ehp-principal-mobile-logged-in) #ehpRoot{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    max-width:100%!important;
    padding-left:12px!important;
    padding-right:12px!important;
    box-sizing:border-box!important;
  }

  body:not(.ehp-principal-mobile-logged-in) #ehpLoginBlock{
    width:100%!important;
    max-width:430px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }

  body:not(.ehp-principal-mobile-logged-in) .ehp-login-head,
  body:not(.ehp-principal-mobile-logged-in) .ehp-login-card{
    width:100%!important;
    max-width:430px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }

  /*
    USERNAME FIRST ROW
    PASSWORD SECOND ROW
  */
  body:not(.ehp-principal-mobile-logged-in) .ehp-login-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:14px!important;
    width:100%!important;
  }

  body:not(.ehp-principal-mobile-logged-in) .ehp-login-grid > *{
    min-width:0!important;
    width:100%!important;
  }

  body:not(.ehp-principal-mobile-logged-in) .ehp-login-grid input{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  /*
    LOGGED-IN APP CENTRING
    Avoid 100vw, which can become wider than the visible browser viewport.
    Use a real centred app column with a maximum width of 430px.
  */
  body.ehp-principal-mobile-logged-in{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
    background:#15171b!important;
  }

  body.ehp-principal-mobile-logged-in .ehp-pm-app{
    position:fixed!important;
    top:0!important;
    bottom:0!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    width:100%!important;
    max-width:430px!important;
    height:100dvh!important;
    min-height:100dvh!important;
    margin:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }

  body.ehp-principal-mobile-logged-in .ehp-pm-scroll,
  body.ehp-principal-mobile-logged-in .ehp-pm-bottom-nav{
    left:0!important;
    right:0!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  body.ehp-principal-mobile-logged-in .ehp-pm-scroll > .ehp-pm-view,
  body.ehp-principal-mobile-logged-in .ehp-pm-scroll > .ehp-pm-panel-host{
    width:100%!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }
}

@media(max-width:430px){
  body.ehp-principal-mobile-logged-in .ehp-pm-app{
    width:100%!important;
    max-width:100%!important;
  }
}

/* ===== ehpPrincipalMobileV18AllInnerPagesCentered | source line 6219 ===== */
@media(max-width:1024px){

  /*
    The scroll area itself is a centred column.
    This applies equally to the Home page, category pages and inner modules.
  */
  body.ehp-principal-mobile-logged-in .ehp-pm-scroll{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    box-sizing:border-box!important;
  }

  body.ehp-principal-mobile-logged-in #ehpPmView,
  body.ehp-principal-mobile-logged-in #ehpPmPanelHost{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    transform:none!important;
    float:none!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }

  body.ehp-principal-mobile-logged-in #ehpPmPanelHost.open{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
  }

  /*
    Every original Principal module is moved into this host on mobile.
    Remove old desktop offsets, fixed widths and left/right positioning.
  */
  body.ehp-principal-mobile-logged-in #ehpPmPanelHost >
  .ehp-module-panel.active{
    display:block!important;
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    float:none!important;
    clear:both!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0 auto!important;
    padding:0!important;
    box-sizing:border-box!important;
  }

  /* Apply the same centring explicitly to all Principal inner modules. */
  body.ehp-principal-mobile-logged-in #ehpResultsModule,
  body.ehp-principal-mobile-logged-in #ehpAttendanceModule,
  body.ehp-principal-mobile-logged-in #ehpAssignmentsModule,
  body.ehp-principal-mobile-logged-in #ehpOmrModule,
  body.ehp-principal-mobile-logged-in #ehpOmrBubblingModule,
  body.ehp-principal-mobile-logged-in #ehpTestPatternsModule,
  body.ehp-principal-mobile-logged-in #ehpDownloadsModule,
  body.ehp-principal-mobile-logged-in #ehpFtModule,
  body.ehp-principal-mobile-logged-in #ehpCdfModule,
  body.ehp-principal-mobile-logged-in #ehpCt1Module,
  body.ehp-principal-mobile-logged-in #ehpCt2Module,
  body.ehp-principal-mobile-logged-in #ehpGtModule,
  body.ehp-principal-mobile-logged-in #ehpKeyObjectionModule,
  body.ehp-principal-mobile-logged-in #ehpStudentsModule,
  body.ehp-principal-mobile-logged-in #ehpSyllabusModule,
  body.ehp-principal-mobile-logged-in #ehpTeacherManagementModule,
  body.ehp-principal-mobile-logged-in #ehpTestKeysModule,
  body.ehp-principal-mobile-logged-in #ehpVideoLecturesModule,
  body.ehp-principal-mobile-logged-in #ehpExamsModule{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    float:none!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }

  /*
    Centre the inner page heading and every immediate module section.
    Tables keep their own horizontal scrolling inside their wrapper.
  */
  body.ehp-principal-mobile-logged-in .ehp-pm-page-head,
  body.ehp-principal-mobile-logged-in #ehpPmPanelHost >
  .ehp-module-panel.active > .ehp-card,
  body.ehp-principal-mobile-logged-in #ehpPmPanelHost >
  .ehp-module-panel.active > .ehp-analysis-card,
  body.ehp-principal-mobile-logged-in #ehpPmPanelHost >
  .ehp-module-panel.active > .ehp-dashboard-panel,
  body.ehp-principal-mobile-logged-in #ehpPmPanelHost >
  .ehp-module-panel.active > section,
  body.ehp-principal-mobile-logged-in #ehpPmPanelHost >
  .ehp-module-panel.active > form{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    float:none!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }

  /*
    Common module wrappers are also centred. This prevents an individual
    inside page from keeping an older desktop margin or oversized width.
  */
  body.ehp-principal-mobile-logged-in #ehpPmPanelHost .ehp-card,
  body.ehp-principal-mobile-logged-in #ehpPmPanelHost .ehp-analysis-card,
  body.ehp-principal-mobile-logged-in #ehpPmPanelHost .ehp-dashboard-panel,
  body.ehp-principal-mobile-logged-in #ehpPmPanelHost .ehp-filter-card,
  body.ehp-principal-mobile-logged-in #ehpPmPanelHost .ehp-assignment-group,
  body.ehp-principal-mobile-logged-in #ehpPmPanelHost .ehp-key-card,
  body.ehp-principal-mobile-logged-in #ehpPmPanelHost .ehp-download-action-list,
  body.ehp-principal-mobile-logged-in #ehpPmPanelHost .ehp-download-action-row,
  body.ehp-principal-mobile-logged-in #ehpPmPanelHost .ehp-vl-video-player-card,
  body.ehp-principal-mobile-logged-in #ehpPmPanelHost .ehp-vl-video-help,
  body.ehp-principal-mobile-logged-in #ehpPmPanelHost .ehp-v460-next-wrap,
  body.ehp-principal-mobile-logged-in #ehpPmPanelHost .ehp-v461-exam-card,
  body.ehp-principal-mobile-logged-in #ehpPmPanelHost .ehp-tm-preview,
  body.ehp-principal-mobile-logged-in #ehpPmPanelHost .ehp-credential-card,
  body.ehp-principal-mobile-logged-in #ehpPmPanelHost .ehp-whatsapp-preview{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    float:none!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }

  /* Forms, grids, controls and action rows remain inside the centred width. */
  body.ehp-principal-mobile-logged-in #ehpPmPanelHost .ehp-field,
  body.ehp-principal-mobile-logged-in #ehpPmPanelHost .ehp-form-grid,
  body.ehp-principal-mobile-logged-in #ehpPmPanelHost .ehp-filter-grid,
  body.ehp-principal-mobile-logged-in #ehpPmPanelHost .ehp-summary-grid,
  body.ehp-principal-mobile-logged-in #ehpPmPanelHost .ehp-info-grid,
  body.ehp-principal-mobile-logged-in #ehpPmPanelHost .ehp-strength-grid,
  body.ehp-principal-mobile-logged-in #ehpPmPanelHost .ehp-kpi-grid,
  body.ehp-principal-mobile-logged-in #ehpPmPanelHost .ehp-actions,
  body.ehp-principal-mobile-logged-in #ehpPmPanelHost .ehp-tabs,
  body.ehp-principal-mobile-logged-in #ehpPmPanelHost .ehp-module-menu,
  body.ehp-principal-mobile-logged-in #ehpPmPanelHost .ehp-pattern-tabs{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }

  /*
    Table/player wrappers are centred at 100%.
    Their actual wide tables may scroll horizontally without shifting the page.
  */
  body.ehp-principal-mobile-logged-in #ehpPmPanelHost .ehp-table-wrap,
  body.ehp-principal-mobile-logged-in #ehpPmPanelHost .ehp-tk-table-wrap,
  body.ehp-principal-mobile-logged-in #ehpPmPanelHost .ehp-v460-exam-table-wrap,
  body.ehp-principal-mobile-logged-in #ehpPmPanelHost .ehp-v461-next-table-wrap,
  body.ehp-principal-mobile-logged-in #ehpPmPanelHost .ehp-vl-video-list-wrap,
  body.ehp-principal-mobile-logged-in #ehpPmPanelHost .ehp-vl-video-player-frame,
  body.ehp-principal-mobile-logged-in #ehpPmPanelHost #ehpVlVideoPlayerMount{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    float:none!important;
    width:100%!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }

  /* Prevent any accidental page-level horizontal displacement. */
  body.ehp-principal-mobile-logged-in #ehpPmPanelHost{
    overflow-x:hidden!important;
  }

  body.ehp-principal-mobile-logged-in #ehpPmPanelHost .ehp-table-wrap,
  body.ehp-principal-mobile-logged-in #ehpPmPanelHost .ehp-tk-table-wrap,
  body.ehp-principal-mobile-logged-in #ehpPmPanelHost .ehp-v460-exam-table-wrap,
  body.ehp-principal-mobile-logged-in #ehpPmPanelHost .ehp-v461-next-table-wrap,
  body.ehp-principal-mobile-logged-in #ehpPmPanelHost .ehp-vl-video-list-wrap{
    overflow-x:auto!important;
    overflow-y:visible!important;
    -webkit-overflow-scrolling:touch!important;
  }
}

/* ===== ehpPrincipalMobileV19PatternStudentFix | source line 6444 ===== */
@media(max-width:1024px){

  /* Small pattern buttons below the mobile page title. */
  .ehp-pm-pattern-switcher{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    margin:4px auto 16px!important;
    padding:0!important;
    box-sizing:border-box!important;
  }

  .ehp-pm-pattern-switch-btn{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:0!important;
    min-height:38px!important;
    padding:7px 4px!important;
    border:1px solid #3d789c!important;
    border-radius:9px!important;
    background:linear-gradient(145deg,#0b2b48,#08213a)!important;
    color:#eaf8ff!important;
    font-size:10.5px!important;
    line-height:1.15!important;
    font-weight:900!important;
    text-align:center!important;
    white-space:normal!important;
    cursor:pointer!important;
    box-shadow:0 5px 13px rgba(0,0,0,.17)!important;
  }

  .ehp-pm-pattern-switch-btn:active{
    transform:scale(.97)!important;
    background:#0b568f!important;
    border-color:#50eadd!important;
  }

  /*
    Remove only the mobile Class filter control from the Students page.
    The hidden selector is automatically set to All Classes by V1.9 JS.
  */
  body.ehp-principal-mobile-logged-in
  #ehpStudentsModule .ehp-filter-grid > .ehp-field:first-child{
    display:none!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpStudentsModule .ehp-filter-grid{
    grid-template-columns:1fr!important;
    width:100%!important;
  }

  /* The circled instruction must be clearly readable in black. */
  body.ehp-principal-mobile-logged-in
  #ehpStudentsModule .ehp-student-click-note,
  body.ehp-principal-mobile-logged-in
  #ehpStudentsModule .ehp-student-click-note *{
    color:#000000!important;
  }
}

@media(max-width:360px){
  .ehp-pm-pattern-switcher{
    gap:6px!important;
  }
  .ehp-pm-pattern-switch-btn{
    min-height:36px!important;
    padding:6px 2px!important;
    font-size:9.5px!important;
  }
}

/* ===== ehpPrincipalMobileV110TestKeysFinalCss | source line 6535 ===== */
@media(max-width:1024px){

  /* TEST KEYS: keep only Exam Name and Class filters on mobile. */
  body.ehp-principal-mobile-logged-in
  #ehpTestKeysModule #ehpTkV460Filters{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    width:100%!important;
    max-width:100%!important;
    margin:10px auto 0!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpTestKeysModule #ehpTkV460Filters > div:nth-child(n+3){
    display:none!important;
  }

  /* The crossed explanatory box is removed on mobile only. */
  body.ehp-principal-mobile-logged-in
  #ehpTestKeysModule .ehp-tk-v460-note{
    display:none!important;
  }

  /*
    Lock the complete Test Key page to the app width.
    Only the page scrolls vertically; cards never move horizontally.
  */
  body.ehp-principal-mobile-logged-in
  #ehpPmPanelHost #ehpTestKeysModule{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0 auto!important;
    padding:0!important;
    overflow-x:hidden!important;
    box-sizing:border-box!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpPmPanelHost #ehpTestKeysModule #ehpTkTableWrap{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0 auto!important;
    padding:0!important;
    overflow-x:hidden!important;
    overflow-y:visible!important;
    box-sizing:border-box!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpPmPanelHost #ehpTestKeysModule #ehpTkTableWrap > .ehp-table-wrap{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0 auto!important;
    padding:0!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpTestKeysModule .ehp-tk-v460-table,
  body.ehp-principal-mobile-logged-in
  #ehpTestKeysModule .ehp-tk-v460-table tbody{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpTestKeysModule .ehp-tk-v460-table thead{
    display:none!important;
  }

  /*
    A small two-pixel inner margin keeps both white borders visible.
    The card width never exceeds the mobile content width.
  */
  body.ehp-principal-mobile-logged-in
  #ehpTestKeysModule .ehp-tk-v460-table tr{
    display:block!important;
    position:relative!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    float:none!important;
    clear:both!important;
    width:calc(100% - 4px)!important;
    max-width:calc(100% - 4px)!important;
    min-width:0!important;
    margin:0 2px 15px!important;
    padding:0!important;
    border:2px solid #e3edf8!important;
    border-radius:15px!important;
    overflow:hidden!important;
    background:#0a2742!important;
    box-shadow:0 7px 18px rgba(0,0,0,.20)!important;
    box-sizing:border-box!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpTestKeysModule .ehp-tk-v460-table td{
    display:grid!important;
    grid-template-columns:minmax(104px,38%) minmax(0,62%)!important;
    align-items:center!important;
    gap:10px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:12px 14px!important;
    border:0!important;
    border-bottom:1px solid #365b77!important;
    background:#0a2742!important;
    color:#ffffff!important;
    font-size:14px!important;
    line-height:1.4!important;
    text-align:left!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
    box-sizing:border-box!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpTestKeysModule .ehp-tk-v460-table td:last-child{
    border-bottom:0!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpTestKeysModule .ehp-tk-v460-table td:before{
    content:attr(data-label)!important;
    display:block!important;
    color:#75eee3!important;
    font-size:13px!important;
    line-height:1.25!important;
    font-weight:900!important;
    opacity:1!important;
    visibility:visible!important;
    overflow-wrap:anywhere!important;
  }

  /* Version and Approved By must not appear in mobile class cards. */
  body.ehp-principal-mobile-logged-in
  #ehpTestKeysModule .ehp-tk-v460-table td[data-label="Version"],
  body.ehp-principal-mobile-logged-in
  #ehpTestKeysModule .ehp-tk-v460-table td[data-label="Approved By"]{
    display:none!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpTestKeysModule .ehp-tk-v460-test{
    color:#ffffff!important;
    font-size:17px!important;
    line-height:1.25!important;
    font-weight:900!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpTestKeysModule .ehp-tk-v460-download{
    width:100%!important;
    max-width:100%!important;
    min-height:44px!important;
    padding:10px 12px!important;
    border-radius:9px!important;
    font-size:13px!important;
    white-space:normal!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpTestKeysModule .ehp-tk-v110-whatsapp-cell{
    display:block!important;
    width:100%!important;
    padding:12px 14px!important;
    background:#0a2742!important;
    border-bottom:0!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpTestKeysModule .ehp-tk-v110-whatsapp-cell:before{
    content:none!important;
    display:none!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpTestKeysModule .ehp-tk-v110-whatsapp-btn{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    min-height:46px!important;
    padding:10px 12px!important;
    border:1px solid #66e39b!important;
    border-radius:10px!important;
    background:#20a957!important;
    color:#ffffff!important;
    font-size:13px!important;
    line-height:1.25!important;
    font-weight:900!important;
    cursor:pointer!important;
    white-space:normal!important;
    box-sizing:border-box!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpTestKeysModule .ehp-tk-v110-whatsapp-btn:active{
    transform:scale(.98)!important;
  }
}

@media(max-width:360px){
  body.ehp-principal-mobile-logged-in
  #ehpTestKeysModule .ehp-tk-v460-table td{
    grid-template-columns:minmax(92px,38%) minmax(0,62%)!important;
    gap:7px!important;
    padding:11px 10px!important;
    font-size:12.5px!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpTestKeysModule .ehp-tk-v460-table td:before{
    font-size:11.5px!important;
  }
}

/* ===== ehpPrincipalMobileV111OmrExamScheduleCss | source line 6782 ===== */
@media(max-width:1024px){

  /* =======================================================
     HOW TO SEND OMR — TWO CLEAN EXPANDABLE BUTTONS
  ======================================================= */
  body.ehp-principal-mobile-logged-in
  #ehpOmrModule .ehp-omr-steps{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:11px!important;
    width:100%!important;
    margin-top:12px!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpOmrModule .ehp-omr-step-card{
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border:1px solid #315b79!important;
    border-radius:12px!important;
    background:#0a2742!important;
    box-shadow:0 6px 16px rgba(0,0,0,.16)!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpOmrModule .ehp-v111-omr-process-btn{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:10px!important;
    width:100%!important;
    min-height:58px!important;
    padding:12px 13px!important;
    border:0!important;
    background:linear-gradient(135deg,#0e3b61,#0a2b48)!important;
    color:#ffffff!important;
    font-size:13px!important;
    line-height:1.35!important;
    font-weight:900!important;
    text-align:left!important;
    cursor:pointer!important;
    box-sizing:border-box!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpOmrModule .ehp-v111-omr-process-btn:active{
    background:#0b568f!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpOmrModule .ehp-v111-omr-process-icon{
    display:grid!important;
    place-items:center!important;
    width:34px!important;
    height:34px!important;
    border:1px solid #43dfd4!important;
    border-radius:10px!important;
    background:#0a223a!important;
    font-size:20px!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpOmrModule .ehp-v111-omr-process-arrow{
    color:#50eee2!important;
    font-size:21px!important;
    font-weight:900!important;
    transition:transform .16s ease!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpOmrModule .ehp-v111-omr-process-btn[aria-expanded="true"]
  .ehp-v111-omr-process-arrow{
    transform:rotate(90deg)!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpOmrModule .ehp-v111-omr-process-content{
    display:block!important;
    width:100%!important;
    padding:14px!important;
    border-top:1px solid #315b79!important;
    background:#09223a!important;
    color:#e9f4ff!important;
    box-sizing:border-box!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpOmrModule .ehp-v111-omr-process-content[hidden]{
    display:none!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpOmrModule .ehp-v111-omr-process-content p,
  body.ehp-principal-mobile-logged-in
  #ehpOmrModule .ehp-v111-omr-process-content li{
    color:#e9f4ff!important;
  }

  /* =======================================================
     EXAM SCHEDULE — MOBILE CLEANUP
  ======================================================= */

  /* Remove only the marked explanatory matter on mobile. */
  body.ehp-principal-mobile-logged-in
  #ehpExamsModule .ehp-v460-exam-note{
    display:none!important;
  }

  /*
    Next Exam Date is the first control below the title.
    Its details are hidden initially and expand with right/down arrows.
  */
  body.ehp-principal-mobile-logged-in
  #ehpExamsModule #ehpV460Next{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:8px 0 10px!important;
    padding:0!important;
    overflow:hidden!important;
    border:1px solid #315b79!important;
    border-radius:11px!important;
    background:#0a2742!important;
    box-sizing:border-box!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpExamsModule #ehpV460Next:empty{
    display:none!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpExamsModule .ehp-v111-next-toggle{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:10px!important;
    width:100%!important;
    min-height:50px!important;
    padding:10px 13px!important;
    border:0!important;
    background:linear-gradient(135deg,#0d3b61,#0a2b48)!important;
    color:#ffffff!important;
    font-size:15px!important;
    line-height:1.25!important;
    font-weight:900!important;
    text-align:left!important;
    cursor:pointer!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpExamsModule .ehp-v111-next-arrow{
    color:#50eee2!important;
    font-size:21px!important;
    line-height:1!important;
    font-weight:900!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpExamsModule .ehp-v111-next-details{
    display:block!important;
    width:100%!important;
    padding:10px!important;
    border-top:1px solid #315b79!important;
    background:#071c31!important;
    box-sizing:border-box!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpExamsModule .ehp-v111-next-details[hidden]{
    display:none!important;
  }

  /*
    Clear live result feedback after selecting Total / Next 15 Days /
    Today / Pending / Conducted.
  */
  body.ehp-principal-mobile-logged-in
  #ehpExamsModule .ehp-v111-view-feedback{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    width:100%!important;
    min-height:40px!important;
    margin:9px 0 11px!important;
    padding:8px 11px!important;
    border:1px solid #36b7bc!important;
    border-radius:10px!important;
    background:#07324d!important;
    color:#ffffff!important;
    font-size:12.5px!important;
    line-height:1.35!important;
    font-weight:900!important;
    text-align:center!important;
    box-sizing:border-box!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpExamsModule .ehp-v111-view-feedback:before{
    content:"";
    display:block!important;
    width:9px!important;
    height:9px!important;
    flex:0 0 9px!important;
    border-radius:50%!important;
    background:#50eee2!important;
    box-shadow:0 0 0 0 rgba(80,238,226,.58)!important;
    animation:ehpV111Pulse 1.35s infinite!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpExamsModule .ehp-v111-feedback-flash{
    animation:ehpV111FeedbackFlash .6s ease!important;
  }

  body.ehp-principal-mobile-logged-in
  .ehp-v111-schedule-toast{
    position:fixed!important;
    left:50%!important;
    bottom:calc(102px + env(safe-area-inset-bottom))!important;
    z-index:2147483600!important;
    transform:translate(-50%,18px)!important;
    width:calc(100% - 28px)!important;
    max-width:390px!important;
    padding:11px 14px!important;
    border:1px solid #56eee2!important;
    border-radius:12px!important;
    background:rgba(5,43,68,.97)!important;
    color:#ffffff!important;
    font-size:12px!important;
    line-height:1.4!important;
    font-weight:900!important;
    text-align:center!important;
    opacity:0!important;
    pointer-events:none!important;
    box-shadow:0 12px 28px rgba(0,0,0,.34)!important;
    transition:opacity .18s ease,transform .18s ease!important;
  }

  body.ehp-principal-mobile-logged-in
  .ehp-v111-schedule-toast.show{
    opacity:1!important;
    transform:translate(-50%,0)!important;
  }
}

@keyframes ehpV111Pulse{
  0%{box-shadow:0 0 0 0 rgba(80,238,226,.58)}
  70%{box-shadow:0 0 0 7px rgba(80,238,226,0)}
  100%{box-shadow:0 0 0 0 rgba(80,238,226,0)}
}

@keyframes ehpV111FeedbackFlash{
  0%{transform:scale(.985);filter:brightness(1)}
  50%{transform:scale(1.01);filter:brightness(1.2)}
  100%{transform:scale(1);filter:brightness(1)}
}

/* ===== ehpPrincipalMobileV112AccordionFinalCss | source line 7062 ===== */
@media(max-width:1024px){

  /* =======================================================
     DOWNLOADS — VISIBLE BLACK NAMES
  ======================================================= */
  body.ehp-principal-mobile-logged-in
  #ehpDownloadsModule .ehp-download-action-row{
    background:#ffffff!important;
    border-color:#d6e1ec!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpDownloadsModule .ehp-download-action-name{
    color:#000000!important;
    opacity:1!important;
    visibility:visible!important;
    font-weight:900!important;
    text-shadow:none!important;
  }

  /* =======================================================
     RESULT ANALYSIS — SIDE / DOWN ACCORDIONS
  ======================================================= */
  body.ehp-principal-mobile-logged-in
  #ehpPanel_analysis .ehp-analysis-card.ehp-v112-result-accordion{
    width:100%!important;
    max-width:100%!important;
    margin:0 0 11px!important;
    padding:0!important;
    overflow:hidden!important;
    border:1px solid #315b79!important;
    border-radius:13px!important;
    background:#0a2742!important;
    box-shadow:0 7px 18px rgba(0,0,0,.18)!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpPanel_analysis .ehp-v112-result-toggle{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:10px!important;
    width:100%!important;
    min-height:56px!important;
    margin:0!important;
    padding:13px 15px!important;
    border:0!important;
    background:linear-gradient(135deg,#0e3b61,#092844)!important;
    color:#ffffff!important;
    font-size:16px!important;
    line-height:1.3!important;
    font-weight:900!important;
    text-align:left!important;
    cursor:pointer!important;
    box-sizing:border-box!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpPanel_analysis .ehp-v112-result-toggle:active{
    background:#0b568f!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpPanel_analysis .ehp-v112-result-arrow{
    color:#50eee2!important;
    font-size:23px!important;
    line-height:1!important;
    font-weight:900!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpPanel_analysis .ehp-v112-result-content{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    padding:14px!important;
    border-top:1px solid #315b79!important;
    background:#071d32!important;
    color:#eef7ff!important;
    box-sizing:border-box!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpPanel_analysis .ehp-v112-result-content[hidden]{
    display:none!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpPanel_analysis .ehp-v112-result-content .ehp-benchmark-grid,
  body.ehp-principal-mobile-logged-in
  #ehpPanel_analysis .ehp-v112-result-content .ehp-summary-grid{
    margin-top:0!important;
  }

  /* =======================================================
     EXAM SCHEDULE — MOBILE ACCORDION TECHNOLOGY
  ======================================================= */
  body.ehp-principal-mobile-logged-in
  #ehpExamsModule.ehp-v112-mobile-exam-active >
  .ehp-v461-exam-card{
    display:none!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpV112MobileExam{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0 auto!important;
    padding:0!important;
    overflow-x:hidden!important;
    box-sizing:border-box!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpV112MobileExam .ehp-v112-exam-shell{
    width:100%!important;
    max-width:100%!important;
    margin:0 auto!important;
    padding:0!important;
    box-sizing:border-box!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpV112MobileExam .ehp-v112-exam-loading,
  body.ehp-principal-mobile-logged-in
  #ehpV112MobileExam .ehp-v112-exam-empty{
    width:100%!important;
    padding:16px!important;
    border:1px solid #315b79!important;
    border-radius:12px!important;
    background:#0a2742!important;
    color:#eef7ff!important;
    font-size:13px!important;
    line-height:1.45!important;
    font-weight:800!important;
    text-align:center!important;
    box-sizing:border-box!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpV112MobileExam .ehp-v112-exam-accordion{
    width:100%!important;
    max-width:100%!important;
    margin:0 0 10px!important;
    overflow:hidden!important;
    border:1px solid #315b79!important;
    border-radius:12px!important;
    background:#0a2742!important;
    box-shadow:0 6px 16px rgba(0,0,0,.16)!important;
    box-sizing:border-box!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpV112MobileExam .ehp-v112-exam-toggle{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:10px!important;
    width:100%!important;
    min-height:55px!important;
    padding:12px 14px!important;
    border:0!important;
    background:linear-gradient(135deg,#0e3b61,#092844)!important;
    color:#ffffff!important;
    font-size:16px!important;
    line-height:1.25!important;
    font-weight:900!important;
    text-align:left!important;
    cursor:pointer!important;
    box-sizing:border-box!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpV112MobileExam .ehp-v112-exam-toggle:active{
    background:#0b568f!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpV112MobileExam .ehp-v112-exam-arrow{
    color:#50eee2!important;
    font-size:23px!important;
    line-height:1!important;
    font-weight:900!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpV112MobileExam .ehp-v112-exam-content{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    padding:11px!important;
    border-top:1px solid #315b79!important;
    background:#061a2e!important;
    box-sizing:border-box!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpV112MobileExam .ehp-v112-exam-content[hidden]{
    display:none!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpV112MobileExam .ehp-v112-exam-card{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0 0 10px!important;
    overflow:hidden!important;
    border:1px solid #dbe9f6!important;
    border-radius:12px!important;
    background:#0a2742!important;
    box-sizing:border-box!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpV112MobileExam .ehp-v112-exam-card:last-child{
    margin-bottom:0!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpV112MobileExam .ehp-v112-exam-row{
    display:grid!important;
    grid-template-columns:minmax(104px,38%) minmax(0,62%)!important;
    align-items:center!important;
    gap:10px!important;
    width:100%!important;
    padding:11px 13px!important;
    border-bottom:1px solid #365b77!important;
    background:#0a2742!important;
    color:#ffffff!important;
    font-size:13px!important;
    line-height:1.4!important;
    box-sizing:border-box!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpV112MobileExam .ehp-v112-exam-row:last-child{
    border-bottom:0!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpV112MobileExam .ehp-v112-exam-label{
    color:#59eee2!important;
    font-weight:900!important;
    overflow-wrap:anywhere!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpV112MobileExam .ehp-v112-exam-value{
    color:#ffffff!important;
    font-weight:800!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpV112MobileExam .ehp-v112-exam-date{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:35px!important;
    padding:7px 10px!important;
    border-radius:8px!important;
    background:#eef6ff!important;
    color:#000000!important;
    font-weight:900!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpV112MobileExam .ehp-v112-state{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:35px!important;
    padding:7px 10px!important;
    border-radius:999px!important;
    background:#eef6ff!important;
    color:#000000!important;
    font-weight:900!important;
    text-align:center!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpV112MobileExam .ehp-v112-state.confirmed{
    background:#d9f8e4!important;
    color:#075b29!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpV112MobileExam .ehp-v112-mark-btn{
    width:100%!important;
    min-height:42px!important;
    padding:9px 11px!important;
    border:0!important;
    border-radius:9px!important;
    background:#159b3a!important;
    color:#ffffff!important;
    font-size:12px!important;
    font-weight:900!important;
    cursor:pointer!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpV112MobileExam .ehp-v112-mark-btn:disabled{
    opacity:.65!important;
    cursor:wait!important;
  }

  /* Original mobile filters and old schedule summary are never shown. */
  body.ehp-principal-mobile-logged-in
  #ehpExamsModule .ehp-v461-exam-filters,
  body.ehp-principal-mobile-logged-in
  #ehpExamsModule #ehpV460ExamFilters,
  body.ehp-principal-mobile-logged-in
  #ehpExamsModule #ehpV460ExamSummary,
  body.ehp-principal-mobile-logged-in
  #ehpExamsModule #ehpV460Next,
  body.ehp-principal-mobile-logged-in
  #ehpExamsModule #ehpV460ExamTable,
  body.ehp-principal-mobile-logged-in
  #ehpExamsModule #ehpV111ExamViewFeedback,
  body.ehp-principal-mobile-logged-in
  .ehp-v111-schedule-toast{
    display:none!important;
  }
}

@media(max-width:360px){
  body.ehp-principal-mobile-logged-in
  #ehpV112MobileExam .ehp-v112-exam-row{
    grid-template-columns:minmax(92px,38%) minmax(0,62%)!important;
    gap:7px!important;
    padding:10px!important;
    font-size:12px!important;
  }
}

/* ===== ehpPrincipalMobileV113VideoRenderCss | source line 7416 ===== */
@media(max-width:1024px){

  /*
    Keep the app centred without a transformed parent.
    Video iframes inside a transformed fixed ancestor can fail to paint
    correctly on some Android browsers even while audio continues.
  */
  body.ehp-principal-mobile-logged-in .ehp-pm-app{
    left:0!important;
    right:0!important;
    transform:none!important;
    width:100%!important;
    max-width:430px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* Remove every compositing effect from the mobile video ancestor chain. */
  body.ehp-principal-mobile-logged-in
  #ehpVideoLecturesModule,
  body.ehp-principal-mobile-logged-in
  #ehpVideoLecturesModule .ehp-card,
  body.ehp-principal-mobile-logged-in
  #ehpVideoLecturesModule .ehp-vl-video-player-card,
  body.ehp-principal-mobile-logged-in
  #ehpVideoLecturesModule .ehp-vl-video-player-frame,
  body.ehp-principal-mobile-logged-in
  #ehpVideoLecturesModule #ehpVlVideoPlayerMount,
  body.ehp-principal-mobile-logged-in
  #ehpVideoLecturesModule #ehpVlVideoPlayer{
    transform:none!important;
    perspective:none!important;
    filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    contain:none!important;
    isolation:auto!important;
    backface-visibility:visible!important;
    -webkit-backface-visibility:visible!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpVideoLecturesModule .ehp-vl-video-player-frame{
    position:relative!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    padding-top:56.25%!important;
    overflow:hidden!important;
    background:#000000!important;
    border-radius:0!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpVideoLecturesModule #ehpVlVideoPlayerMount,
  body.ehp-principal-mobile-logged-in
  #ehpVideoLecturesModule #ehpVlVideoPlayer,
  body.ehp-principal-mobile-logged-in
  #ehpVideoLecturesModule #ehpVlVideoPlayerMount iframe{
    position:absolute!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-width:100%!important;
    min-height:100%!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    opacity:1!important;
    visibility:visible!important;
    background:#000000!important;
    z-index:3!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpVideoLecturesModule .ehp-vl-video-player-head,
  body.ehp-principal-mobile-logged-in
  #ehpVideoLecturesModule .ehp-vl-video-navigation,
  body.ehp-principal-mobile-logged-in
  #ehpVideoLecturesModule .ehp-vl-video-help{
    position:relative!important;
    z-index:4!important;
  }
}

@media(max-width:430px){
  body.ehp-principal-mobile-logged-in .ehp-pm-app{
    max-width:100%!important;
  }
}

/* ===== ehpPrincipalMobileV114CleanFastCss | source line 7529 ===== */
@media(max-width:1024px){

  /* Students: remove only the two marked count-information lines. */
  body.ehp-principal-mobile-logged-in
  #ehpStudentsModule #ehpStudentSearchMessage{
    display:none!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpStudentsModule #ehpStudentSearchResults >
  .ehp-note:first-child{
    display:none!important;
  }

  /*
    Hide every literal arrow/entity text inside the arrow span.
    Draw the arrow through CSS, so Blogger cannot expose ▾ or ▸.
  */
  body.ehp-principal-mobile-logged-in
  .ehp-v112-exam-arrow,
  body.ehp-principal-mobile-logged-in
  .ehp-v112-result-arrow,
  body.ehp-principal-mobile-logged-in
  .ehp-v111-next-arrow{
    position:relative!important;
    display:block!important;
    width:16px!important;
    height:16px!important;
    min-width:16px!important;
    min-height:16px!important;
    font-size:0!important;
    line-height:0!important;
    color:transparent!important;
    overflow:hidden!important;
  }

  body.ehp-principal-mobile-logged-in
  .ehp-v112-exam-arrow:before,
  body.ehp-principal-mobile-logged-in
  .ehp-v112-result-arrow:before,
  body.ehp-principal-mobile-logged-in
  .ehp-v111-next-arrow:before{
    content:""!important;
    position:absolute!important;
    left:3px!important;
    top:3px!important;
    width:8px!important;
    height:8px!important;
    border-right:3px solid #50eee2!important;
    border-bottom:3px solid #50eee2!important;
    transform:rotate(-45deg)!important;
    transform-origin:center!important;
    transition:transform .16s ease!important;
    box-sizing:border-box!important;
  }

  body.ehp-principal-mobile-logged-in
  .ehp-v112-exam-toggle[aria-expanded="true"]
  .ehp-v112-exam-arrow:before,
  body.ehp-principal-mobile-logged-in
  .ehp-v112-result-toggle[aria-expanded="true"]
  .ehp-v112-result-arrow:before,
  body.ehp-principal-mobile-logged-in
  .ehp-v111-next-toggle[aria-expanded="true"]
  .ehp-v111-next-arrow:before{
    transform:rotate(45deg)!important;
  }
}

/* ===== ehpPrincipalMobileV115StudentCardsCss | source line 7612 ===== */
@media(max-width:1024px){

  /* Compact class buttons at the top. */
  body.ehp-principal-mobile-logged-in
  #ehpStudentsModule #ehpStudentStrengthSummary{
    display:flex!important;
    align-items:stretch!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    margin:4px 0 14px!important;
    padding:2px 0 5px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x proximity!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpStudentsModule #ehpStudentStrengthSummary::-webkit-scrollbar{
    display:none!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpStudentsModule #ehpStudentStrengthSummary
  .ehp-strength-button{
    flex:0 0 auto!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    min-width:78px!important;
    min-height:58px!important;
    margin:0!important;
    padding:8px 10px!important;
    border:1px solid #315b79!important;
    border-radius:11px!important;
    background:linear-gradient(145deg,#0b2d4b,#08223b)!important;
    color:#ffffff!important;
    box-shadow:none!important;
    scroll-snap-align:start!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpStudentsModule #ehpStudentStrengthSummary
  .ehp-strength-button .ehp-strength-label{
    color:#bcd2e7!important;
    font-size:10px!important;
    line-height:1.15!important;
    font-weight:900!important;
    white-space:nowrap!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpStudentsModule #ehpStudentStrengthSummary
  .ehp-strength-button .ehp-strength-value{
    color:#ffffff!important;
    font-size:20px!important;
    line-height:1!important;
    font-weight:900!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpStudentsModule #ehpStudentStrengthSummary
  .ehp-strength-button.ehp-v115-active-class{
    background:linear-gradient(135deg,#0c72bf,#09aebd)!important;
    border-color:#55eee2!important;
    box-shadow:0 0 0 2px rgba(85,238,226,.12)!important;
  }

  /* Class and Section dropdowns are replaced by the class buttons above. */
  body.ehp-principal-mobile-logged-in
  #ehpStudentsModule .ehp-filter-grid > .ehp-field:first-child,
  body.ehp-principal-mobile-logged-in
  #ehpStudentsModule #ehpStudentSectionField{
    display:none!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpStudentsModule .ehp-filter-grid{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpStudentsModule .ehp-filter-grid > .ehp-field{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
  }

  /* Search happens automatically while typing. */
  body.ehp-principal-mobile-logged-in
  #ehpStudentsModule .ehp-filter-grid > button{
    display:none!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpStudentsModule #ehpStudentSearchInput{
    width:100%!important;
    min-height:48px!important;
    padding:12px 14px!important;
    border:1px solid #315b79!important;
    border-radius:10px!important;
    background:#061a2e!important;
    color:#ffffff!important;
    font-size:14px!important;
    box-sizing:border-box!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpStudentsModule #ehpStudentSearchInput::placeholder{
    color:#91a5bb!important;
    opacity:1!important;
  }

  /* Remove the old nested result card/table appearance. */
  body.ehp-principal-mobile-logged-in
  #ehpStudentsModule #ehpStudentSearchResults{
    display:block;
    width:100%!important;
    max-width:100%!important;
    margin:14px 0 0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpStudentsModule .ehp-v115-student-list{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    width:100%!important;
    max-width:100%!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpStudentsModule .ehp-v115-student-card{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:12px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:13px 13px!important;
    border:1px solid #315b79!important;
    border-radius:13px!important;
    background:linear-gradient(145deg,#0b2c49,#08223a)!important;
    color:#ffffff!important;
    box-shadow:0 5px 14px rgba(0,0,0,.14)!important;
    box-sizing:border-box!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpStudentsModule .ehp-v115-student-info{
    min-width:0!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpStudentsModule .ehp-v115-student-name{
    margin:0 0 5px!important;
    color:#ffffff!important;
    font-size:15px!important;
    line-height:1.25!important;
    font-weight:900!important;
    overflow-wrap:anywhere!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpStudentsModule .ehp-v115-student-meta{
    color:#b7c9da!important;
    font-size:11.5px!important;
    line-height:1.45!important;
    font-weight:700!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpStudentsModule .ehp-v115-view-btn{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:72px!important;
    min-height:42px!important;
    padding:9px 13px!important;
    border:0!important;
    border-radius:9px!important;
    background:#12a63e!important;
    color:#ffffff!important;
    font-size:13px!important;
    line-height:1!important;
    font-weight:900!important;
    cursor:pointer!important;
    white-space:nowrap!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpStudentsModule .ehp-v115-view-btn:active{
    transform:scale(.97)!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpStudentsModule .ehp-v115-no-students{
    width:100%!important;
    padding:16px!important;
    border:1px solid #315b79!important;
    border-radius:12px!important;
    background:#0a2742!important;
    color:#ffffff!important;
    font-size:13px!important;
    line-height:1.45!important;
    font-weight:800!important;
    text-align:center!important;
    box-sizing:border-box!important;
  }
}

/* ===== ehpPrincipalMobileV116FixedClassStrengthsCss | source line 7853 ===== */
@media(max-width:1024px){

  /*
    The outer Students card must allow the class-button strip to remain sticky.
  */
  body.ehp-principal-mobile-logged-in
  #ehpStudentsModule > .ehp-card:first-child{
    overflow:visible!important;
  }

  /*
    Total + all Class strengths remain visible together.
    A compact responsive grid replaces the previous horizontal strip.
  */
  body.ehp-principal-mobile-logged-in
  #ehpStudentsModule #ehpStudentStrengthSummary{
    position:sticky!important;
    top:0!important;
    z-index:35!important;
    display:grid!important;
    grid-template-columns:repeat(auto-fit,minmax(54px,1fr))!important;
    align-items:stretch!important;
    gap:6px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:2px 0 13px!important;
    padding:8px 0 9px!important;
    overflow:visible!important;
    background:
      linear-gradient(
        180deg,
        rgba(2,19,35,.99) 0%,
        rgba(2,19,35,.97) 82%,
        rgba(2,19,35,0) 100%
      )!important;
    box-sizing:border-box!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpStudentsModule #ehpStudentStrengthSummary
  .ehp-strength-button{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    min-height:56px!important;
    margin:0!important;
    padding:7px 3px!important;
    overflow:hidden!important;
    border:1px solid #315b79!important;
    border-radius:10px!important;
    background:linear-gradient(145deg,#0b2d4b,#08223b)!important;
    color:#ffffff!important;
    box-shadow:none!important;
    box-sizing:border-box!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpStudentsModule #ehpStudentStrengthSummary
  .ehp-strength-button .ehp-strength-label{
    display:block!important;
    width:100%!important;
    color:#bcd2e7!important;
    font-size:8.5px!important;
    line-height:1.1!important;
    font-weight:900!important;
    text-align:center!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpStudentsModule #ehpStudentStrengthSummary
  .ehp-strength-button .ehp-strength-value{
    display:block!important;
    width:100%!important;
    margin:0!important;
    color:#ffffff!important;
    font-size:19px!important;
    line-height:1!important;
    font-weight:900!important;
    text-align:center!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpStudentsModule #ehpStudentStrengthSummary
  .ehp-strength-button.ehp-v115-active-class{
    background:linear-gradient(135deg,#087cff,#08bfc8)!important;
    border-color:#55eee2!important;
    box-shadow:0 0 0 2px rgba(85,238,226,.13)!important;
  }

  /*
    Student cards continue to scroll below the fixed class buttons.
  */
  body.ehp-principal-mobile-logged-in
  #ehpStudentsModule #ehpStudentSearchResults{
    position:relative!important;
    z-index:1!important;
  }
}

@media(max-width:360px){
  body.ehp-principal-mobile-logged-in
  #ehpStudentsModule #ehpStudentStrengthSummary{
    grid-template-columns:repeat(auto-fit,minmax(48px,1fr))!important;
    gap:5px!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpStudentsModule #ehpStudentStrengthSummary
  .ehp-strength-button{
    min-height:53px!important;
    padding:6px 2px!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpStudentsModule #ehpStudentStrengthSummary
  .ehp-strength-button .ehp-strength-label{
    font-size:7.8px!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpStudentsModule #ehpStudentStrengthSummary
  .ehp-strength-button .ehp-strength-value{
    font-size:17px!important;
  }
}

/* ===== ehpPrincipalMobileV117SmartStudentResultCss | source line 8002 ===== */
@media(max-width:1024px){

  /*
    When a result is open, remove the search/list portion completely.
    The complete Student Result becomes the first visible content.
  */
  body.ehp-principal-mobile-logged-in
  #ehpStudentsModule.ehp-v117-result-mode >
  .ehp-card:first-child{
    display:none!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpStudentsModule.ehp-v117-result-mode
  #ehpPrincipalStudentResultWrap{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
  }

  /*
    Keep Back to Student Search and Test selection easy to find.
  */
  body.ehp-principal-mobile-logged-in
  #ehpStudentsModule.ehp-v117-result-mode
  #ehpPrincipalStudentResultWrap >
  .ehp-card:first-child{
    position:sticky!important;
    top:0!important;
    z-index:42!important;
    width:100%!important;
    margin:0 0 12px!important;
    padding:11px!important;
    background:rgba(7,29,50,.98)!important;
    border-color:#315b79!important;
    box-shadow:0 8px 20px rgba(0,0,0,.25)!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpStudentsModule.ehp-v117-result-mode
  #ehpPrincipalStudentResultWrap >
  .ehp-card:first-child .ehp-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
    width:100%!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpStudentsModule.ehp-v117-result-mode
  #ehpPrincipalStudentResultWrap >
  .ehp-card:first-child .ehp-btn,
  body.ehp-principal-mobile-logged-in
  #ehpStudentsModule.ehp-v117-result-mode
  #ehpPrincipalStudentResultWrap >
  .ehp-card:first-child .ehp-field{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
  }

  /*
    Full app loading activity. It appears immediately after VIEW is tapped.
  */
  body.ehp-principal-mobile-logged-in
  .ehp-v117-student-loader{
    position:absolute!important;
    inset:0 0 calc(92px + env(safe-area-inset-bottom)) 0!important;
    z-index:2147483500!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:20px!important;
    background:rgba(2,15,28,.94)!important;
    backdrop-filter:blur(7px)!important;
    -webkit-backdrop-filter:blur(7px)!important;
    box-sizing:border-box!important;
  }

  body.ehp-principal-mobile-logged-in
  .ehp-v117-student-loader-card{
    width:100%!important;
    max-width:350px!important;
    padding:24px 18px!important;
    border:1px solid #3a6786!important;
    border-radius:18px!important;
    background:linear-gradient(145deg,#0d3150,#071e35)!important;
    color:#ffffff!important;
    text-align:center!important;
    box-shadow:0 20px 45px rgba(0,0,0,.38)!important;
  }

  body.ehp-principal-mobile-logged-in
  .ehp-v117-student-spinner{
    width:48px!important;
    height:48px!important;
    margin:0 auto 15px!important;
    border:5px solid rgba(255,255,255,.18)!important;
    border-top-color:#50eee2!important;
    border-radius:50%!important;
    animation:ehpV117StudentSpin .8s linear infinite!important;
  }

  body.ehp-principal-mobile-logged-in
  .ehp-v117-student-loader-title{
    margin:0 0 7px!important;
    color:#ffffff!important;
    font-size:18px!important;
    line-height:1.25!important;
    font-weight:900!important;
  }

  body.ehp-principal-mobile-logged-in
  .ehp-v117-student-loader-text{
    margin:0!important;
    color:#bcd2e7!important;
    font-size:12.5px!important;
    line-height:1.5!important;
    font-weight:700!important;
  }

  body.ehp-principal-mobile-logged-in
  .ehp-v117-student-toast{
    position:absolute!important;
    top:14px!important;
    left:50%!important;
    z-index:2147483600!important;
    transform:translate(-50%,-16px)!important;
    width:calc(100% - 30px)!important;
    max-width:380px!important;
    padding:11px 14px!important;
    border:1px solid #59eee2!important;
    border-radius:11px!important;
    background:rgba(5,49,72,.98)!important;
    color:#ffffff!important;
    font-size:12.5px!important;
    line-height:1.4!important;
    font-weight:900!important;
    text-align:center!important;
    opacity:0!important;
    pointer-events:none!important;
    transition:opacity .18s ease,transform .18s ease!important;
    box-shadow:0 10px 25px rgba(0,0,0,.3)!important;
  }

  body.ehp-principal-mobile-logged-in
  .ehp-v117-student-toast.show{
    opacity:1!important;
    transform:translate(-50%,0)!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpStudentsModule .ehp-v115-view-btn:disabled{
    opacity:.72!important;
    cursor:wait!important;
  }
}

@keyframes ehpV117StudentSpin{
  to{transform:rotate(360deg)}
}

/* ===== ehpPrincipalMobileV118InstantStudentResultCss | source line 8185 ===== */
@media(max-width:1024px){

  /* Hide any obsolete V1.17 overlay if it is accidentally created. */
  #ehpV117StudentLoader{
    display:none!important;
  }

  /*
    Result mode starts immediately. Search/list disappears before the API call,
    so the Principal clearly sees that VIEW has opened a new page.
  */
  body.ehp-principal-mobile-logged-in
  #ehpStudentsModule.ehp-v118-result-mode >
  .ehp-card:first-child{
    display:none!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpStudentsModule.ehp-v118-result-mode
  #ehpPrincipalStudentResultWrap{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
  }

  /*
    The Back button remains visible at the top.
    The Test selector is hidden only while the result is loading.
  */
  body.ehp-principal-mobile-logged-in
  #ehpPrincipalStudentResultWrap >
  .ehp-card:first-child{
    position:sticky!important;
    top:0!important;
    z-index:44!important;
    width:100%!important;
    margin:0 0 12px!important;
    padding:10px!important;
    background:rgba(7,29,50,.99)!important;
    border-color:#315b79!important;
    box-shadow:0 8px 20px rgba(0,0,0,.25)!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpPrincipalStudentResultWrap >
  .ehp-card:first-child .ehp-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
    width:100%!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpPrincipalStudentResultWrap.ehp-v118-loading-mode >
  .ehp-card:first-child .ehp-field{
    display:none!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpPrincipalStudentResultWrap >
  .ehp-card:first-child .ehp-btn{
    width:100%!important;
    min-height:44px!important;
  }

  /* Dedicated immediate loading page. */
  .ehp-v118-result-loading{
    width:100%!important;
    max-width:100%!important;
    padding:18px 14px!important;
    border:1px solid #315b79!important;
    border-radius:17px!important;
    background:
      radial-gradient(circle at 90% 0%,rgba(0,225,214,.14),transparent 34%),
      linear-gradient(145deg,#0d3150,#071d33)!important;
    color:#ffffff!important;
    text-align:center!important;
    box-shadow:0 12px 30px rgba(0,0,0,.24)!important;
    box-sizing:border-box!important;
  }

  .ehp-v118-result-avatar{
    display:grid!important;
    place-items:center!important;
    width:72px!important;
    height:72px!important;
    margin:0 auto 13px!important;
    border:2px solid #50eee2!important;
    border-radius:50%!important;
    background:#0a2742!important;
    font-size:35px!important;
    box-shadow:0 0 0 6px rgba(80,238,226,.08)!important;
  }

  .ehp-v118-result-loading h2{
    margin:0 0 5px!important;
    color:#ffffff!important;
    font-size:20px!important;
    line-height:1.25!important;
    font-weight:900!important;
  }

  .ehp-v118-student-identity{
    margin:0 0 18px!important;
    color:#bcd2e7!important;
    font-size:12px!important;
    line-height:1.55!important;
    font-weight:700!important;
  }

  .ehp-v118-progress-track{
    position:relative!important;
    width:100%!important;
    height:8px!important;
    margin:0 0 17px!important;
    overflow:hidden!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.13)!important;
  }

  .ehp-v118-progress-bar{
    display:block!important;
    width:28%!important;
    height:100%!important;
    border-radius:999px!important;
    background:linear-gradient(90deg,#087cff,#50eee2)!important;
    animation:ehpV118Progress 1.55s ease-in-out infinite!important;
  }

  .ehp-v118-stage{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    width:100%!important;
    margin:8px 0!important;
    padding:11px 12px!important;
    border:1px solid #2e5572!important;
    border-radius:11px!important;
    background:#09243d!important;
    color:#9db2c8!important;
    font-size:12px!important;
    line-height:1.35!important;
    font-weight:800!important;
    text-align:left!important;
    box-sizing:border-box!important;
  }

  .ehp-v118-stage:before{
    content:""!important;
    display:block!important;
    width:13px!important;
    height:13px!important;
    flex:0 0 13px!important;
    border:2px solid #50708d!important;
    border-radius:50%!important;
    box-sizing:border-box!important;
  }

  .ehp-v118-stage.active{
    color:#ffffff!important;
    border-color:#3baab2!important;
    background:#0a3150!important;
  }

  .ehp-v118-stage.active:before{
    border-color:#50eee2!important;
    border-top-color:transparent!important;
    animation:ehpV118Spin .7s linear infinite!important;
  }

  .ehp-v118-stage.done{
    color:#dffcf7!important;
    border-color:#2e7d67!important;
    background:#0c3a39!important;
  }

  .ehp-v118-stage.done:before{
    content:"✓"!important;
    display:grid!important;
    place-items:center!important;
    color:#ffffff!important;
    border-color:#19b36b!important;
    background:#19a55f!important;
    font-size:9px!important;
    line-height:1!important;
    font-weight:900!important;
  }

  .ehp-v118-wait-note{
    margin:14px 0 0!important;
    color:#91a8bf!important;
    font-size:11px!important;
    line-height:1.5!important;
    font-weight:700!important;
  }

  /* Error state remains on the same top Student Result page. */
  .ehp-v118-result-error{
    width:100%!important;
    padding:20px 15px!important;
    border:1px solid #87455a!important;
    border-radius:15px!important;
    background:#391526!important;
    color:#ffffff!important;
    text-align:center!important;
    box-sizing:border-box!important;
  }

  .ehp-v118-result-error h3{
    margin:0 0 8px!important;
    color:#ffffff!important;
    font-size:18px!important;
  }

  .ehp-v118-result-error p{
    margin:0 0 14px!important;
    color:#ffd8e0!important;
    font-size:12.5px!important;
    line-height:1.5!important;
  }

  .ehp-v118-result-error-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:9px!important;
  }

  .ehp-v118-result-error-actions button{
    min-height:43px!important;
    border:0!important;
    border-radius:9px!important;
    color:#ffffff!important;
    font-weight:900!important;
    cursor:pointer!important;
  }

  .ehp-v118-retry{
    background:#0b72b9!important;
  }

  .ehp-v118-back{
    background:#26384a!important;
  }

  /* Small result-open notification. */
  .ehp-v118-result-toast{
    position:absolute!important;
    top:14px!important;
    left:50%!important;
    z-index:2147483600!important;
    transform:translate(-50%,-15px)!important;
    width:calc(100% - 28px)!important;
    max-width:380px!important;
    padding:11px 14px!important;
    border:1px solid #50eee2!important;
    border-radius:11px!important;
    background:rgba(5,49,72,.98)!important;
    color:#ffffff!important;
    font-size:12px!important;
    line-height:1.4!important;
    font-weight:900!important;
    text-align:center!important;
    opacity:0!important;
    pointer-events:none!important;
    transition:opacity .18s ease,transform .18s ease!important;
    box-shadow:0 10px 24px rgba(0,0,0,.3)!important;
  }

  .ehp-v118-result-toast.show{
    opacity:1!important;
    transform:translate(-50%,0)!important;
  }

  #ehpStudentsModule .ehp-v115-view-btn:disabled{
    opacity:.7!important;
    cursor:wait!important;
  }
}

@keyframes ehpV118Progress{
  0%{transform:translateX(-120%)}
  50%{transform:translateX(135%)}
  100%{transform:translateX(360%)}
}

@keyframes ehpV118Spin{
  to{transform:rotate(360deg)}
}

/* ===== ehpPrincipalMobileV119ProfessionalStudentCss | source line 8494 ===== */
@media(max-width:1024px){

  /* Remove the repeated inner STUDENTS title. Keep the app page title only. */
  body.ehp-principal-mobile-logged-in
  #ehpStudentsModule > .ehp-card:first-child >
  .ehp-filter-title{
    display:none!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpStudentsModule > .ehp-card:first-child{
    padding-top:10px!important;
  }

  /* The result page hides the marked search card immediately. */
  body.ehp-principal-mobile-logged-in
  #ehpStudentsModule.ehp-v119-result-mode >
  .ehp-v119-search-card{
    display:none!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpStudentsModule.ehp-v119-result-mode
  #ehpPrincipalStudentResultWrap{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
  }

  /*
    Professional one-row result toolbar:
    Back on the left and Test filter on the right.
  */
  body.ehp-principal-mobile-logged-in
  #ehpPrincipalStudentResultWrap >
  .ehp-card:first-child{
    position:sticky!important;
    top:0!important;
    z-index:48!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 0 10px!important;
    padding:9px!important;
    border:1px solid #315b79!important;
    border-radius:12px!important;
    background:rgba(7,29,50,.99)!important;
    box-shadow:0 8px 20px rgba(0,0,0,.24)!important;
    box-sizing:border-box!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpPrincipalStudentResultWrap >
  .ehp-card:first-child .ehp-actions{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpPrincipalStudentResultWrap >
  .ehp-card:first-child .ehp-btn{
    width:auto!important;
    min-width:82px!important;
    min-height:44px!important;
    margin:0!important;
    padding:9px 12px!important;
    white-space:nowrap!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpPrincipalStudentResultWrap >
  .ehp-card:first-child .ehp-field{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpPrincipalStudentResultWrap >
  .ehp-card:first-child .ehp-field > label{
    display:none!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpPrincipalStudentResultWrap >
  .ehp-card:first-child select{
    width:100%!important;
    min-height:44px!important;
    margin:0!important;
  }

  /* School name is already known; remove the large repeated header. */
  body.ehp-principal-mobile-logged-in
  #ehpPrincipalStudentResultWrap #ehsResultArea >
  .ehs-school-head{
    display:none!important;
  }

  /*
    Full visible activity layer.
    It is attached to the actual mobile app and sits above Search/Class/List.
  */
  body.ehp-principal-mobile-logged-in
  #ehpV119StudentLoading{
    position:absolute!important;
    inset:0 0 calc(92px + env(safe-area-inset-bottom)) 0!important;
    z-index:2147483600!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:auto!important;
    padding:18px!important;
    background:rgba(2,15,28,.97)!important;
    backdrop-filter:blur(8px)!important;
    -webkit-backdrop-filter:blur(8px)!important;
    box-sizing:border-box!important;
  }

  body.ehp-principal-mobile-logged-in
  .ehp-v119-loading-card{
    width:100%!important;
    max-width:350px!important;
    padding:24px 18px!important;
    border:1px solid #3b6988!important;
    border-radius:18px!important;
    background:
      radial-gradient(circle at 90% 0%,rgba(0,224,213,.16),transparent 34%),
      linear-gradient(145deg,#0d3150,#071d33)!important;
    color:#ffffff!important;
    text-align:center!important;
    box-shadow:0 22px 48px rgba(0,0,0,.42)!important;
    box-sizing:border-box!important;
  }

  body.ehp-principal-mobile-logged-in
  .ehp-v119-loading-spinner{
    width:52px!important;
    height:52px!important;
    margin:0 auto 15px!important;
    border:5px solid rgba(255,255,255,.16)!important;
    border-top-color:#50eee2!important;
    border-radius:50%!important;
    animation:ehpV119Spin .78s linear infinite!important;
  }

  body.ehp-principal-mobile-logged-in
  .ehp-v119-loading-card h2{
    margin:0 0 7px!important;
    color:#ffffff!important;
    font-size:19px!important;
    line-height:1.25!important;
    font-weight:900!important;
  }

  body.ehp-principal-mobile-logged-in
  .ehp-v119-loading-identity{
    margin:0 0 16px!important;
    color:#bcd2e7!important;
    font-size:12px!important;
    line-height:1.5!important;
    font-weight:700!important;
  }

  body.ehp-principal-mobile-logged-in
  .ehp-v119-loading-status{
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    width:100%!important;
    margin:8px 0!important;
    padding:10px 11px!important;
    border:1px solid #2f5874!important;
    border-radius:10px!important;
    background:#09243d!important;
    color:#ffffff!important;
    font-size:12px!important;
    line-height:1.35!important;
    font-weight:800!important;
    text-align:left!important;
    box-sizing:border-box!important;
  }

  body.ehp-principal-mobile-logged-in
  .ehp-v119-loading-status:before{
    content:""!important;
    display:block!important;
    width:10px!important;
    height:10px!important;
    flex:0 0 10px!important;
    border-radius:50%!important;
    background:#50eee2!important;
    box-shadow:0 0 0 0 rgba(80,238,226,.55)!important;
    animation:ehpV119Pulse 1.25s infinite!important;
  }

  body.ehp-principal-mobile-logged-in
  .ehp-v119-loading-back{
    width:100%!important;
    min-height:43px!important;
    margin:14px 0 0!important;
    padding:9px 12px!important;
    border:1px solid #54728b!important;
    border-radius:9px!important;
    background:#26394b!important;
    color:#ffffff!important;
    font-size:12px!important;
    font-weight:900!important;
    cursor:pointer!important;
  }

  /* The first student card must not be hidden behind the sticky class bar. */
  body.ehp-principal-mobile-logged-in
  #ehpStudentsModule .ehp-v115-student-list{
    scroll-margin-top:90px!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpStudentsModule .ehp-v115-student-card:first-child{
    scroll-margin-top:90px!important;
  }

  #ehpV117StudentLoader{
    display:none!important;
  }
}

@keyframes ehpV119Spin{
  to{transform:rotate(360deg)}
}

@keyframes ehpV119Pulse{
  0%{box-shadow:0 0 0 0 rgba(80,238,226,.55)}
  70%{box-shadow:0 0 0 7px rgba(80,238,226,0)}
  100%{box-shadow:0 0 0 0 rgba(80,238,226,0)}
}

/* ===== ehpPrincipalMobileV120ToolbarClassScrollCss | source line 8754 ===== */
@media(max-width:1024px){

  /*
    Reduce only the Student Result title-to-toolbar gap.
    This gives more visible space to the student details below.
  */
  body.ehp-v120-student-result-open
  #ehpPmView .ehp-pm-page-head{
    margin:0 0 6px!important;
  }

  body.ehp-v120-student-result-open
  #ehpPrincipalStudentResultWrap >
  .ehp-card:first-child{
    margin-top:0!important;
    margin-bottom:7px!important;
    padding:6px!important;
    border-radius:10px!important;
  }

  body.ehp-v120-student-result-open
  #ehpPrincipalStudentResultWrap >
  .ehp-card:first-child .ehp-actions{
    gap:6px!important;
  }

  body.ehp-v120-student-result-open
  #ehpPrincipalStudentResultWrap >
  .ehp-card:first-child .ehp-btn,
  body.ehp-v120-student-result-open
  #ehpPrincipalStudentResultWrap >
  .ehp-card:first-child select{
    min-height:40px!important;
  }

  body.ehp-v120-student-result-open
  #ehpPrincipalStudentResultWrap >
  .ehp-card:first-child .ehp-btn{
    min-width:72px!important;
    padding:7px 10px!important;
  }

  /*
    Class selection must return to the top of the Students search card.
    Search and the first student therefore remain visible.
  */
  body.ehp-principal-mobile-logged-in
  #ehpStudentsModule > .ehp-v119-search-card{
    scroll-margin-top:4px!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpStudentsModule #ehpStudentSearchInput{
    scroll-margin-top:76px!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpStudentsModule .ehp-v115-student-card:first-child{
    scroll-margin-top:76px!important;
  }
}

/* ===== ehpPrincipalMobileV121ClassTopFastResultCss | source line 8831 ===== */
@media(max-width:1024px){

  /*
    Keep the class grid visually fixed at the top, but reserve enough space
    below it so Search and Student No. 1 cannot be covered.
  */
  body.ehp-principal-mobile-logged-in
  #ehpStudentsModule #ehpStudentStrengthSummary{
    top:0!important;
    margin-bottom:12px!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpStudentsModule #ehpStudentSearchInput{
    scroll-margin-top:0!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpStudentsModule .ehp-v115-student-card:first-child{
    scroll-margin-top:0!important;
  }

  /*
    A subtle state appears while the first visible results are being warmed.
    It does not block the Students page.
  */
  body.ehp-principal-mobile-logged-in
  #ehpStudentsModule .ehp-v121-prefetch-note{
    display:none!important;
    width:100%!important;
    margin:7px 0 0!important;
    padding:7px 10px!important;
    border:1px solid #2f647e!important;
    border-radius:8px!important;
    background:#08243b!important;
    color:#9fc4dd!important;
    font-size:10.5px!important;
    line-height:1.3!important;
    font-weight:800!important;
    text-align:center!important;
    box-sizing:border-box!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpStudentsModule .ehp-v121-prefetch-note.show{
    display:block!important;
  }
}

/* ===== ehpPrincipalMobileV123FinalStudentsCss | source line 8889 ===== */
@media(max-width:1024px){
  body.ehp-principal-mobile-logged-in
  #ehpStudentsModule .ehp-v115-view-btn{
    opacity:1;
    pointer-events:auto;
  }

  body.ehp-principal-mobile-logged-in
  #ehpStudentsModule .ehp-v115-view-btn[aria-busy="true"]{
    opacity:.78;
    cursor:wait;
  }

  body.ehp-principal-mobile-logged-in
  #ehpStudentsModule #ehpStudentSearchInput,
  body.ehp-principal-mobile-logged-in
  #ehpStudentsModule .ehp-v115-student-card:first-child{
    scroll-margin-top:0!important;
  }
}

/* ===== ehpPrincipalV125ClassSortAttendanceCss | source line 8919 ===== */
/*
  All class-strength buttons are light by default.
  Only the selected Total/Class button is dark.
*/
#ehpStudentStrengthSummary .ehp-strength-button{
  background:#eef5fc!important;
  color:#0b4d86!important;
  border-color:#b8cadd!important;
  box-shadow:none!important;
}

#ehpStudentStrengthSummary
.ehp-strength-button .ehp-strength-label,
#ehpStudentStrengthSummary
.ehp-strength-button .ehp-strength-value{
  color:#0b4d86!important;
}

#ehpStudentStrengthSummary
.ehp-strength-button.ehp-v125-active-class,
#ehpStudentStrengthSummary
.ehp-strength-button.ehp-v115-active-class{
  background:#145991!important;
  color:#ffffff!important;
  border-color:#145991!important;
  box-shadow:0 5px 14px rgba(20,89,145,.24)!important;
}

#ehpStudentStrengthSummary
.ehp-strength-button.ehp-v125-active-class
.ehp-strength-label,
#ehpStudentStrengthSummary
.ehp-strength-button.ehp-v125-active-class
.ehp-strength-value,
#ehpStudentStrengthSummary
.ehp-strength-button.ehp-v115-active-class
.ehp-strength-label,
#ehpStudentStrengthSummary
.ehp-strength-button.ehp-v115-active-class
.ehp-strength-value{
  color:#ffffff!important;
}

#ehpStudentStrengthSummary
.ehp-strength-button:not(.ehp-v125-active-class):
not(.ehp-v115-active-class):hover{
  background:#e1edf9!important;
  border-color:#7ca9cf!important;
}

/* Student list Download and Print buttons at the true list bottom. */
.ehp-student-bottom-actions,
.ehp-attendance-bottom-actions .ehp-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  width:100%!important;
}

.ehp-student-bottom-actions{
  margin:16px 0 2px!important;
  padding:0!important;
}

.ehp-student-bottom-actions .ehp-btn,
.ehp-attendance-bottom-actions .ehp-btn{
  width:100%!important;
  min-height:46px!important;
  margin:0!important;
}

.ehp-attendance-bottom-actions{
  display:block!important;
  margin-top:14px!important;
}

@media(max-width:1024px){
  body.ehp-principal-mobile-logged-in
  #ehpStudentStrengthSummary .ehp-strength-button{
    background:#eaf3fc!important;
    border-color:#789bbb!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpStudentStrengthSummary
  .ehp-strength-button .ehp-strength-label,
  body.ehp-principal-mobile-logged-in
  #ehpStudentStrengthSummary
  .ehp-strength-button .ehp-strength-value{
    color:#073d70!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpStudentStrengthSummary
  .ehp-strength-button.ehp-v125-active-class,
  body.ehp-principal-mobile-logged-in
  #ehpStudentStrengthSummary
  .ehp-strength-button.ehp-v115-active-class{
    background:#0875b8!important;
    border-color:#50eee2!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpStudentStrengthSummary
  .ehp-strength-button.ehp-v125-active-class
  .ehp-strength-label,
  body.ehp-principal-mobile-logged-in
  #ehpStudentStrengthSummary
  .ehp-strength-button.ehp-v125-active-class
  .ehp-strength-value,
  body.ehp-principal-mobile-logged-in
  #ehpStudentStrengthSummary
  .ehp-strength-button.ehp-v115-active-class
  .ehp-strength-label,
  body.ehp-principal-mobile-logged-in
  #ehpStudentStrengthSummary
  .ehp-strength-button.ehp-v115-active-class
  .ehp-strength-value{
    color:#ffffff!important;
  }

  .ehp-student-bottom-actions,
  .ehp-attendance-bottom-actions .ehp-actions{
    grid-template-columns:1fr 1fr!important;
  }
}

/* ===== ehpPrincipalV126CleanStudentListCss | source line 9055 ===== */
#ehpStudentsModule #ehpStudentSearchMessage:empty{
  display:none!important;
  margin:0!important;
  padding:0!important;
  min-height:0!important;
}

#ehpStudentsModule .ehp-v126-student-view-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:76px!important;
  min-height:40px!important;
  padding:9px 15px!important;
  border:0!important;
  border-radius:8px!important;
  background:#12a63e!important;
  color:#ffffff!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:900!important;
  cursor:pointer!important;
  white-space:nowrap!important;
  box-shadow:0 4px 10px rgba(18,166,62,.20)!important;
}

#ehpStudentsModule .ehp-v126-student-view-btn:hover,
#ehpStudentsModule .ehp-v126-student-view-btn:focus{
  background:#0d8d34!important;
  color:#ffffff!important;
  outline:2px solid rgba(18,166,62,.20)!important;
  outline-offset:2px!important;
}

#ehpStudentsModule .ehp-v126-student-view-btn:active{
  transform:scale(.97)!important;
}

#ehpStudentsModule .ehp-v126-student-view-btn:disabled{
  opacity:.68!important;
  cursor:wait!important;
}

@media(max-width:1024px){
  /*
    Mobile already uses professional student cards with a green View button.
    The desktop table is replaced by those cards automatically.
  */
  #ehpStudentsModule .ehp-v126-student-view-btn{
    min-width:72px!important;
  }
}

/* ===== ehpPrincipalV128PatternOmrCss | source line 9115 ===== */
/* Main Test Pattern screen: all five buttons remain in one line. */
#ehpTestPatternsModule .ehp-v128-pattern-main-menu{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
}

/* Selected pattern page: current button is omitted; other four remain. */
.ehp-v128-pattern-switcher{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:9px!important;
  width:100%!important;
  max-width:100%!important;
  margin:2px 0 15px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
}

.ehp-v128-pattern-switch-btn{
  min-width:0!important;
  min-height:44px!important;
  padding:9px 7px!important;
  border:1px solid #b8c8dc!important;
  border-radius:9px!important;
  background:#eaf2fb!important;
  color:#0b4d86!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:900!important;
  text-align:center!important;
  cursor:pointer!important;
  white-space:normal!important;
}

.ehp-v128-pattern-switch-btn:hover,
.ehp-v128-pattern-switch-btn:focus{
  background:#d9e9f8!important;
  border-color:#0b4d86!important;
}

/* Prevent the older mobile-only switcher from showing a duplicate row. */
.ehp-pm-pattern-switcher{
  display:none!important;
}

.ehp-v128-download-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:9px!important;
  width:100%!important;
  margin:12px 0 16px!important;
}

.ehp-v128-download-grid .ehp-btn,
.ehp-v128-pattern-download-row .ehp-btn{
  min-height:44px!important;
  margin:0!important;
}

.ehp-v128-pattern-download-row{
  justify-content:center!important;
  margin:10px 0 14px!important;
}

.ehp-v128-pending-btn{
  background:#687385!important;
  color:#ffffff!important;
}

.ehp-v128-pending-btn:hover,
.ehp-v128-pending-btn:focus{
  background:#566171!important;
  color:#ffffff!important;
}

#ehpRoot.ehp-dark .ehp-v128-pattern-switch-btn{
  background:#0b2945!important;
  color:#eaf5ff!important;
  border-color:#315675!important;
}

#ehpRoot.ehp-dark .ehp-v128-pattern-switch-btn:hover,
#ehpRoot.ehp-dark .ehp-v128-pattern-switch-btn:focus{
  background:#0b568f!important;
  border-color:#50eadd!important;
}

/* Tablet: preserve one line with compact buttons. */
@media(max-width:1024px){
  #ehpTestPatternsModule .ehp-v128-pattern-main-menu{
    grid-template-columns:repeat(5,minmax(112px,1fr))!important;
    gap:7px!important;
  }

  .ehp-v128-pattern-switcher{
    grid-template-columns:repeat(4,minmax(112px,1fr))!important;
    gap:7px!important;
  }

  .ehp-v128-download-grid{
    grid-template-columns:repeat(5,minmax(135px,1fr))!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
  }
}

/* Mobile: still one horizontal line; no wrapping into multiple rows. */
@media(max-width:600px){
  #ehpTestPatternsModule .ehp-v128-pattern-main-menu{
    grid-template-columns:repeat(5,minmax(108px,1fr))!important;
  }

  #ehpTestPatternsModule .ehp-v128-pattern-main-menu .ehp-module-btn{
    min-height:48px!important;
    padding:8px 5px!important;
    font-size:10.5px!important;
  }

  .ehp-v128-pattern-switcher{
    grid-template-columns:repeat(4,minmax(106px,1fr))!important;
  }

  .ehp-v128-pattern-switch-btn{
    min-height:42px!important;
    padding:8px 5px!important;
    font-size:10.5px!important;
  }

  .ehp-v128-download-grid{
    grid-template-columns:repeat(5,minmax(150px,1fr))!important;
  }

  .ehp-v128-download-grid .ehp-btn{
    width:100%!important;
    min-height:46px!important;
    font-size:11px!important;
    padding:9px 7px!important;
  }

  .ehp-v128-pattern-download-row{
    display:flex!important;
    flex-direction:row!important;
  }

  .ehp-v128-pattern-download-row .ehp-btn{
    width:100%!important;
  }
}

/* ===== ehpPrincipalV129TopSampleButtonsCss | source line 9279 ===== */
.ehp-v129-sample-top-row{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  gap:9px!important;
  width:100%!important;
  margin:4px 0 14px!important;
}

.ehp-v129-sample-top-row .ehp-btn{
  min-height:44px!important;
  margin:0!important;
}

.ehp-v129-cdf-sample-row{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

.ehp-v129-cdf-sample-row .ehp-btn{
  width:100%!important;
}

@media(max-width:900px){
  .ehp-v129-cdf-sample-row{
    grid-template-columns:repeat(3,minmax(170px,1fr))!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
  }
}

@media(max-width:600px){
  .ehp-v129-sample-top-row{
    flex-direction:row!important;
  }

  .ehp-v129-sample-top-row .ehp-btn{
    width:100%!important;
  }

  .ehp-v129-cdf-sample-row{
    grid-template-columns:repeat(3,minmax(190px,1fr))!important;
  }
}

/* ===== ehpPrincipalV130DesktopOmrAccordionCss | source line 9332 ===== */
@media(min-width:1025px){

  #ehpOmrModule .ehp-omr-steps{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    width:100%!important;
    margin-top:12px!important;
  }

  #ehpOmrModule .ehp-omr-step-card{
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border:1px solid #b8c8dc!important;
    border-radius:11px!important;
    background:#ffffff!important;
    box-shadow:0 4px 12px rgba(11,77,134,.07)!important;
  }

  #ehpOmrModule .ehp-v111-omr-process-btn{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:11px!important;
    width:100%!important;
    min-height:55px!important;
    padding:11px 14px!important;
    border:0!important;
    background:#edf5fd!important;
    color:#0b4d86!important;
    font-size:14px!important;
    line-height:1.35!important;
    font-weight:900!important;
    text-align:left!important;
    cursor:pointer!important;
    box-sizing:border-box!important;
  }

  #ehpOmrModule .ehp-v111-omr-process-btn:hover,
  #ehpOmrModule .ehp-v111-omr-process-btn:focus{
    background:#dcecf9!important;
    outline:none!important;
  }

  #ehpOmrModule .ehp-v111-omr-process-icon{
    display:grid!important;
    place-items:center!important;
    width:34px!important;
    height:34px!important;
    border:1px solid #7ea8cc!important;
    border-radius:9px!important;
    background:#ffffff!important;
    font-size:19px!important;
  }

  #ehpOmrModule .ehp-v111-omr-process-arrow{
    color:#0b4d86!important;
    font-size:22px!important;
    line-height:1!important;
    font-weight:900!important;
    transition:transform .16s ease!important;
  }

  #ehpOmrModule
  .ehp-v111-omr-process-btn[aria-expanded="true"]
  .ehp-v111-omr-process-arrow{
    transform:rotate(90deg)!important;
  }

  #ehpOmrModule .ehp-v111-omr-process-content{
    display:block!important;
    width:100%!important;
    padding:15px!important;
    border-top:1px solid #c6d6e6!important;
    background:#ffffff!important;
    color:#111111!important;
    box-sizing:border-box!important;
  }

  #ehpOmrModule .ehp-v111-omr-process-content[hidden]{
    display:none!important;
  }

  #ehpRoot.ehp-dark
  #ehpOmrModule .ehp-omr-step-card{
    background:#172033!important;
    border-color:#42516b!important;
  }

  #ehpRoot.ehp-dark
  #ehpOmrModule .ehp-v111-omr-process-btn{
    background:#203149!important;
    color:#f4f8ff!important;
  }

  #ehpRoot.ehp-dark
  #ehpOmrModule .ehp-v111-omr-process-btn:hover,
  #ehpRoot.ehp-dark
  #ehpOmrModule .ehp-v111-omr-process-btn:focus{
    background:#29405e!important;
  }

  #ehpRoot.ehp-dark
  #ehpOmrModule .ehp-v111-omr-process-icon{
    background:#111c2c!important;
    border-color:#4f6b8a!important;
  }

  #ehpRoot.ehp-dark
  #ehpOmrModule .ehp-v111-omr-process-arrow{
    color:#50eee2!important;
  }

  #ehpRoot.ehp-dark
  #ehpOmrModule .ehp-v111-omr-process-content{
    background:#172033!important;
    color:#f4f8ff!important;
    border-color:#42516b!important;
  }
}

/* ===== ehpPrincipalV131MobileCdfButtonsCss | source line 9465 ===== */
@media(max-width:600px){

  /*
    V1.29 used a 190px minimum width for each button.
    That made the first and third buttons move outside the mobile viewport.
    All three buttons now share the available width equally.
  */
  #ehpCdfModule .ehp-v129-cdf-sample-row{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    align-items:stretch!important;
    gap:6px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:4px 0 14px!important;
    padding:0!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }

  #ehpCdfModule .ehp-v129-cdf-sample-row .ehp-btn{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:48px!important;
    margin:0!important;
    padding:8px 4px!important;
    border:1px solid rgba(255,255,255,.28)!important;
    border-radius:9px!important;
    color:#ffffff!important;
    font-size:10.5px!important;
    line-height:1.15!important;
    font-weight:900!important;
    text-align:center!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    box-shadow:0 5px 12px rgba(0,0,0,.20)!important;
    box-sizing:border-box!important;
  }

  /* Mathematics */
  #ehpCdfModule
  .ehp-v129-cdf-sample-row .ehp-btn:nth-child(1){
    background:linear-gradient(135deg,#075fa8,#0b8fd6)!important;
  }

  /* Physics */
  #ehpCdfModule
  .ehp-v129-cdf-sample-row .ehp-btn:nth-child(2){
    background:linear-gradient(135deg,#6741a5,#8b5cc7)!important;
  }

  /* Chemistry */
  #ehpCdfModule
  .ehp-v129-cdf-sample-row .ehp-btn:nth-child(3){
    background:linear-gradient(135deg,#087f55,#12a873)!important;
  }

  #ehpCdfModule
  .ehp-v129-cdf-sample-row .ehp-btn:active{
    transform:scale(.97)!important;
  }
}

@media(max-width:360px){
  #ehpCdfModule .ehp-v129-cdf-sample-row{
    gap:4px!important;
  }

  #ehpCdfModule .ehp-v129-cdf-sample-row .ehp-btn{
    min-height:46px!important;
    padding:7px 2px!important;
    font-size:9.5px!important;
  }
}

/* ===== ehpPrincipalV132StudentResultMenuDesktopRepairCss | source line 9552 ===== */
/* Desktop keeps the traditional report tabs; mobile menu stays hidden. */
.ehp-v132-student-result-menu{
  display:none;
}

/* At a Glance must never reappear from stale markup. */
#ehsTab_history{
  display:none!important;
}

@media(max-width:1024px){
  body.ehp-principal-mobile-logged-in
  #ehpPrincipalStudentResultWrap .ehs-tabs{
    display:none!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpPrincipalStudentResultWrap .ehs-report-actions{
    display:none!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpPrincipalStudentResultWrap
  .ehp-v132-student-result-menu{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:14px 0 22px!important;
    padding:16px 14px 18px!important;
    border:1px solid #284d6a!important;
    border-radius:18px!important;
    background:
      radial-gradient(
        circle at 92% 0%,
        rgba(0,224,213,.10),
        transparent 30%
      ),
      linear-gradient(180deg,#041122,#020a16)!important;
    color:#ffffff!important;
    box-sizing:border-box!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpPrincipalStudentResultWrap
  .ehp-v132-result-menu-title{
    margin:0 0 5px!important;
    color:#ffffff!important;
    font-size:28px!important;
    line-height:1.15!important;
    font-weight:900!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpPrincipalStudentResultWrap
  .ehp-v132-result-menu-sub{
    margin:0 0 18px!important;
    color:#a9bdd2!important;
    font-size:13px!important;
    line-height:1.45!important;
    font-weight:600!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpPrincipalStudentResultWrap
  .ehp-v132-result-menu-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    width:100%!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpPrincipalStudentResultWrap
  .ehp-v132-result-menu-card{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:12px!important;
    width:100%!important;
    min-width:0!important;
    min-height:126px!important;
    padding:14px 10px!important;
    border:1px solid #2d5d82!important;
    border-radius:18px!important;
    background:linear-gradient(145deg,#0c3151,#09233d)!important;
    color:#ffffff!important;
    font-size:15px!important;
    line-height:1.25!important;
    font-weight:900!important;
    text-align:center!important;
    cursor:pointer!important;
    box-shadow:0 9px 22px rgba(0,0,0,.22)!important;
    box-sizing:border-box!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpPrincipalStudentResultWrap
  .ehp-v132-result-menu-card:active{
    transform:scale(.97)!important;
    background:#0b568f!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpPrincipalStudentResultWrap
  .ehp-v132-result-menu-icon{
    display:grid!important;
    place-items:center!important;
    width:50px!important;
    height:50px!important;
    border:1px solid #1aa9c4!important;
    border-radius:15px!important;
    background:linear-gradient(145deg,#0c5479,#0a3557)!important;
    color:#ffffff!important;
    font-size:27px!important;
    line-height:1!important;
    font-weight:900!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpPrincipalStudentResultWrap
  .ehp-v132-result-menu-label{
    display:block!important;
    color:#ffffff!important;
    overflow-wrap:anywhere!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpPrincipalStudentResultWrap
  .ehp-v132-back-to-results{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-height:45px!important;
    margin:0 0 12px!important;
    padding:10px 14px!important;
    border:1px solid #315b79!important;
    border-radius:11px!important;
    background:#0b2945!important;
    color:#ffffff!important;
    font-size:13px!important;
    line-height:1.2!important;
    font-weight:900!important;
    cursor:pointer!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpPrincipalStudentResultWrap
  .ehp-v132-back-to-results:active{
    background:#0b568f!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpPrincipalStudentResultWrap #ehsPanelContent{
    width:100%!important;
    max-width:100%!important;
  }
}

@media(max-width:360px){
  body.ehp-principal-mobile-logged-in
  #ehpPrincipalStudentResultWrap
  .ehp-v132-result-menu-grid{
    gap:9px!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpPrincipalStudentResultWrap
  .ehp-v132-result-menu-card{
    min-height:115px!important;
    padding:11px 7px!important;
    font-size:13.5px!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpPrincipalStudentResultWrap
  .ehp-v132-result-menu-icon{
    width:45px!important;
    height:45px!important;
    font-size:24px!important;
  }
}

/* =========================================================
   DESKTOP STUDENTS TABLE REPAIR
   Mobile card DOM is never allowed to remain on desktop.
========================================================= */
@media(min-width:1025px){
  #ehpStudentsModule
  #ehpStudentSearchResults .ehp-v115-student-list,
  #ehpStudentsModule
  #ehpStudentSearchResults .ehp-v115-student-card{
    display:none!important;
  }

  #ehpStudentsModule .ehp-v121-prefetch-note{
    display:none!important;
  }

  #ehpStudentsModule #ehpStudentSearchResults{
    width:100%!important;
    max-width:100%!important;
  }

  #ehpStudentsModule
  #ehpStudentSearchResults .ehp-table-wrap{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
  }

  #ehpStudentsModule
  #ehpStudentSearchResults .ehp-table{
    display:table!important;
    width:100%!important;
    border-collapse:collapse!important;
  }
}

/* ===== ehpPrincipalV133FinalStudentResultCss | source line 9782 ===== */
/* Remove every obsolete embedded-result navigation element. */
#ehpPrincipalStudentResultWrap .ehs-tabs,
#ehpPrincipalStudentResultWrap #ehpV132StudentResultMenu,
#ehpPrincipalStudentResultWrap .ehs-school-head,
#ehpPrincipalStudentResultWrap .ehs-summary-grid{
  display:none!important;
}

/* Compact Student Identity — no ladder, branch or report status. */
#ehpPrincipalStudentResultWrap
.ehp-v133-student-identity{
  width:100%!important;
  margin:0 0 14px!important;
  padding:14px!important;
  border:1px solid #315b79!important;
  border-radius:15px!important;
  background:
    radial-gradient(
      circle at 94% 0%,
      rgba(0,224,213,.14),
      transparent 34%
    ),
    linear-gradient(145deg,#0b3150,#071d33)!important;
  color:#ffffff!important;
  box-shadow:0 10px 25px rgba(0,0,0,.20)!important;
  box-sizing:border-box!important;
}

#ehpPrincipalStudentResultWrap
.ehp-v133-student-identity-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:9px!important;
  width:100%!important;
}

#ehpPrincipalStudentResultWrap
.ehp-v133-identity-item{
  min-width:0!important;
  padding:11px 12px!important;
  border:1px solid #315b79!important;
  border-radius:11px!important;
  background:rgba(3,24,43,.72)!important;
  box-sizing:border-box!important;
}

#ehpPrincipalStudentResultWrap
.ehp-v133-identity-item span{
  display:block!important;
  margin:0 0 5px!important;
  color:#78cce1!important;
  font-size:10px!important;
  line-height:1.15!important;
  font-weight:900!important;
  text-transform:uppercase!important;
}

#ehpPrincipalStudentResultWrap
.ehp-v133-identity-item b{
  display:block!important;
  color:#ffffff!important;
  font-size:15px!important;
  line-height:1.3!important;
  font-weight:900!important;
  overflow-wrap:anywhere!important;
}

/* Same app-style Results menu on desktop, tablet and mobile. */
#ehpPrincipalStudentResultWrap
.ehp-v133-result-menu{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:18px!important;
  border:1px solid #284d6a!important;
  border-radius:18px!important;
  background:
    radial-gradient(
      circle at 92% 0%,
      rgba(0,224,213,.10),
      transparent 30%
    ),
    linear-gradient(180deg,#041122,#020a16)!important;
  color:#ffffff!important;
  box-sizing:border-box!important;
}

#ehpPrincipalStudentResultWrap
.ehp-v133-result-menu-title{
  margin:0 0 5px!important;
  color:#ffffff!important;
  font-size:27px!important;
  line-height:1.15!important;
  font-weight:900!important;
}

#ehpPrincipalStudentResultWrap
.ehp-v133-result-menu-sub{
  margin:0 0 18px!important;
  color:#a9bdd2!important;
  font-size:13px!important;
  line-height:1.45!important;
  font-weight:600!important;
}

#ehpPrincipalStudentResultWrap
.ehp-v133-result-menu-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  width:100%!important;
}

#ehpPrincipalStudentResultWrap
.ehp-v133-result-card{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:11px!important;
  width:100%!important;
  min-width:0!important;
  min-height:122px!important;
  padding:14px 10px!important;
  border:1px solid #2d5d82!important;
  border-radius:17px!important;
  background:linear-gradient(145deg,#0c3151,#09233d)!important;
  color:#ffffff!important;
  font-size:15px!important;
  line-height:1.25!important;
  font-weight:900!important;
  text-align:center!important;
  cursor:pointer!important;
  box-shadow:0 9px 22px rgba(0,0,0,.22)!important;
  box-sizing:border-box!important;
}

#ehpPrincipalStudentResultWrap
.ehp-v133-result-card:hover,
#ehpPrincipalStudentResultWrap
.ehp-v133-result-card:focus{
  background:linear-gradient(145deg,#0b568f,#0a3e66)!important;
  border-color:#38c9d4!important;
  outline:none!important;
}

#ehpPrincipalStudentResultWrap
.ehp-v133-result-card-last{
  grid-column:2!important;
}

#ehpPrincipalStudentResultWrap
.ehp-v133-result-icon{
  display:grid!important;
  place-items:center!important;
  width:50px!important;
  height:50px!important;
  border:1px solid #1aa9c4!important;
  border-radius:15px!important;
  background:linear-gradient(145deg,#0c5479,#0a3557)!important;
  color:#ffffff!important;
  font-size:27px!important;
  line-height:1!important;
  font-weight:900!important;
}

#ehpPrincipalStudentResultWrap
.ehp-v133-result-label{
  color:#ffffff!important;
  overflow-wrap:anywhere!important;
}

#ehpPrincipalStudentResultWrap
.ehp-v133-report-screen{
  width:100%!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
}

#ehpPrincipalStudentResultWrap
.ehp-v133-report-screen[hidden]{
  display:none!important;
}

#ehpPrincipalStudentResultWrap
.ehp-v133-back-results{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:45px!important;
  margin:0 0 12px!important;
  padding:10px 14px!important;
  border:1px solid #315b79!important;
  border-radius:11px!important;
  background:#0b2945!important;
  color:#ffffff!important;
  font-size:13px!important;
  line-height:1.2!important;
  font-weight:900!important;
  cursor:pointer!important;
}

#ehpPrincipalStudentResultWrap
.ehp-v133-back-results:hover,
#ehpPrincipalStudentResultWrap
.ehp-v133-back-results:focus{
  background:#0b568f!important;
  border-color:#38c9d4!important;
}

#ehpPrincipalStudentResultWrap
.ehp-v133-report-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:9px!important;
  width:100%!important;
  margin:14px 0 0!important;
}

#ehpPrincipalStudentResultWrap
.ehp-v133-report-actions .ehp-btn{
  flex:1 1 220px!important;
}

/* Professional logout image at top-right of mobile Home. */
.ehp-v133-top-logout{
  background:#8d1731!important;
  border-color:#c1435d!important;
}

.ehp-v133-top-logout svg{
  display:block!important;
  width:22px!important;
  height:22px!important;
  fill:#ffffff!important;
}

/* Hide old At a Glance / removed cards if stale DOM exists. */
#ehpPrincipalStudentResultWrap #ehsTab_history,
#ehpPrincipalStudentResultWrap #ehsTab_mobileScore,
#ehpPrincipalStudentResultWrap #ehsTab_subjectCards{
  display:none!important;
}

/* Desktop Student list must be a real table, never an unstyled mobile card list. */
@media(min-width:1025px){
  body.ehp-principal-mobile-logged-in:not(:has(#ehpPrincipalMobileApp))
  #ehpStudentsModule .ehp-v115-student-list,
  body.ehp-principal-mobile-logged-in:not(:has(#ehpPrincipalMobileApp))
  #ehpStudentsModule .ehp-v115-student-card{
    display:none!important;
  }

  #ehpStudentsModule .ehp-v121-prefetch-note{
    display:none!important;
  }
}

@media(max-width:1024px){
  #ehpPrincipalStudentResultWrap
  .ehp-v133-student-identity-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  #ehpPrincipalStudentResultWrap
  .ehp-v133-result-menu{
    padding:15px 13px 17px!important;
  }

  #ehpPrincipalStudentResultWrap
  .ehp-v133-result-menu-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:11px!important;
  }

  #ehpPrincipalStudentResultWrap
  .ehp-v133-result-card{
    min-height:122px!important;
    padding:13px 8px!important;
    font-size:14.5px!important;
  }

  #ehpPrincipalStudentResultWrap
  .ehp-v133-result-card-last{
    grid-column:1 / -1!important;
    min-height:96px!important;
  }

  #ehpPrincipalStudentResultWrap
  .ehp-v133-report-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
  }

  #ehpPrincipalStudentResultWrap
  .ehp-v133-report-actions .ehp-btn{
    width:100%!important;
  }

  /*
    When a report is open, identity and menu vanish.
    The selected report starts immediately below the sticky toolbar.
  */
  #ehpPrincipalStudentResultWrap.ehp-v133-report-mode
  #ehpV133ResultMenu{
    display:none!important;
  }

  #ehpPrincipalStudentResultWrap.ehp-v133-report-mode
  #ehpV133StudentIdentity{
    display:block!important;
  }
}

@media(max-width:360px){
  #ehpPrincipalStudentResultWrap
  .ehp-v133-student-identity{
    padding:10px!important;
  }

  #ehpPrincipalStudentResultWrap
  .ehp-v133-identity-item{
    padding:9px!important;
  }

  #ehpPrincipalStudentResultWrap
  .ehp-v133-result-menu-grid{
    gap:8px!important;
  }

  #ehpPrincipalStudentResultWrap
  .ehp-v133-result-card{
    min-height:112px!important;
    padding:10px 6px!important;
    font-size:13px!important;
  }

  #ehpPrincipalStudentResultWrap
  .ehp-v133-result-icon{
    width:44px!important;
    height:44px!important;
    font-size:23px!important;
  }
}

/* ===== ehpPrincipalV134DarkProgressCss | source line 10138 ===== */
/* =========================================================
   DARK THEME IS APPLIED ONLY TO MOBILE AND TABLET BY V1.35
========================================================= */

/* =========================================================
   INDIVIDUAL STUDENT RESULT:
   TOOLBAR AT EXTREME TOP, NO DUPLICATE "STUDENT RESULT" TITLE
========================================================= */
body.ehp-v134-student-progress-open
#ehpPmView .ehp-pm-page-head{
  display:none!important;
}

body.ehp-v134-student-progress-open
#ehpPrincipalStudentResultWrap{
  margin-top:0!important;
  padding-top:0!important;
}

body.ehp-v134-student-progress-open
#ehpPrincipalStudentResultWrap >
.ehp-card:first-child{
  position:sticky!important;
  top:0!important;
  z-index:90!important;
  margin:0 0 8px!important;
  padding:6px!important;
  border-radius:0 0 11px 11px!important;
  background:#061426!important;
  border-color:#315b79!important;
  box-shadow:0 8px 20px rgba(0,0,0,.35)!important;
}

body.ehp-v134-student-progress-open
#ehpPrincipalStudentResultWrap >
.ehp-card:first-child .ehp-actions{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:7px!important;
  margin:0!important;
}

body.ehp-v134-student-progress-open
#ehpPrincipalStudentResultWrap >
.ehp-card:first-child .ehp-btn,
body.ehp-v134-student-progress-open
#ehpPrincipalStudentResultWrap >
.ehp-card:first-child select{
  min-height:40px!important;
  margin:0!important;
}

body.ehp-v134-student-progress-open
#ehpPrincipalStudentResultWrap >
.ehp-card:first-child .ehp-field label{
  display:none!important;
}

#ehpPrincipalStudentResultWrap
.ehp-v134-student-progress-identity{
  width:100%!important;
  margin:0 0 12px!important;
  padding:10px!important;
  border:1px solid #315b79!important;
  border-radius:13px!important;
  background:#08243b!important;
  box-sizing:border-box!important;
}

#ehpPrincipalStudentResultWrap
.ehp-v134-student-progress-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
}

#ehpPrincipalStudentResultWrap
.ehp-v134-student-progress-grid
.ehp-v133-identity-item{
  min-width:0!important;
  padding:9px 10px!important;
  border:1px solid #315b79!important;
  border-radius:10px!important;
  background:#061a2e!important;
}

#ehpPrincipalStudentResultWrap
.ehp-v134-student-progress-grid
.ehp-v133-identity-item span{
  display:block!important;
  margin:0 0 4px!important;
  color:#68cce0!important;
  font-size:9.5px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
}

#ehpPrincipalStudentResultWrap
.ehp-v134-student-progress-grid
.ehp-v133-identity-item b{
  display:block!important;
  color:#ffffff!important;
  font-size:14px!important;
  line-height:1.3!important;
  font-weight:900!important;
  overflow-wrap:anywhere!important;
}

/* =========================================================
   PROGRESS REPORT ACCORDION
========================================================= */
.ehp-v134-progress-screen{
  width:100%!important;
  margin:0!important;
  padding:15px 14px 18px!important;
  border:1px solid #244963!important;
  border-radius:15px!important;
  background:#020b18!important;
  color:#ffffff!important;
  box-sizing:border-box!important;
}

.ehp-v134-progress-title{
  margin:0 0 22px!important;
  color:#ffffff!important;
  font-size:25px!important;
  line-height:1.15!important;
  font-weight:900!important;
  text-transform:uppercase!important;
}

.ehp-v134-progress-group-title{
  margin:18px 0 10px!important;
  color:#38ead8!important;
  font-size:12px!important;
  line-height:1.3!important;
  font-weight:900!important;
  letter-spacing:.6px!important;
  text-transform:uppercase!important;
}

.ehp-v134-progress-item{
  width:100%!important;
  margin:0 0 11px!important;
}

.ehp-v134-progress-button{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:11px!important;
  width:100%!important;
  min-height:56px!important;
  padding:12px 15px!important;
  border:1px solid #2e668c!important;
  border-radius:15px!important;
  background:#0c3455!important;
  color:#ffffff!important;
  font-size:14px!important;
  line-height:1.25!important;
  font-weight:900!important;
  text-align:left!important;
  cursor:pointer!important;
  box-sizing:border-box!important;
}

.ehp-v134-progress-button:hover,
.ehp-v134-progress-button:focus{
  background:#0b568f!important;
  border-color:#38c9d4!important;
  outline:none!important;
}

.ehp-v134-progress-arrow{
  display:block!important;
  color:#38ead8!important;
  font-size:24px!important;
  line-height:1!important;
  font-weight:900!important;
  transition:transform .16s ease!important;
}

.ehp-v134-progress-button[aria-expanded="true"]
.ehp-v134-progress-arrow{
  transform:rotate(90deg)!important;
}

.ehp-v134-progress-panel{
  width:100%!important;
  margin:7px 0 0!important;
  padding:11px!important;
  border:1px solid #31506d!important;
  border-radius:13px!important;
  background:#07182a!important;
  box-sizing:border-box!important;
}

.ehp-v134-progress-panel[hidden]{
  display:none!important;
}

.ehp-v134-percent-list{
  display:grid!important;
  gap:9px!important;
  width:100%!important;
}

.ehp-v134-percent-row{
  display:grid!important;
  grid-template-columns:52px minmax(0,1fr) 54px!important;
  align-items:center!important;
  gap:9px!important;
  width:100%!important;
}

.ehp-v134-percent-label{
  color:#ffffff!important;
  font-size:12px!important;
  font-weight:900!important;
}

.ehp-v134-percent-track{
  height:11px!important;
  overflow:hidden!important;
  border-radius:999px!important;
  background:#20364b!important;
}

.ehp-v134-percent-track i{
  display:block!important;
  height:100%!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#00b9ff,#38ead8)!important;
}

.ehp-v134-percent-row b{
  color:#ffffff!important;
  font-size:11px!important;
  text-align:right!important;
}

.ehp-v134-progress-panel .ehs-graph-card{
  margin:0!important;
  background:#07182a!important;
  border-color:#31506d!important;
}

.ehp-v134-progress-panel .ehs-graph-card h3{
  color:#ffffff!important;
}

.ehp-v134-progress-panel svg text{
  fill:#ffffff!important;
}

/* =========================================================
   RESULT ANALYSIS FILTERS AND SUMMARY
========================================================= */
#ehpManualRefreshDock{
  display:none!important;
}

@media(max-width:1024px){
  #ehpFilterCard .ehp-filter-grid,
  #ehpFilterCard.ehp-no-section .ehp-filter-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    align-items:end!important;
  }

  #ehpFilterCard #ehpResultSectionField{
    grid-column:1 / -1!important;
  }

  #ehpFilterCard{
    padding:10px!important;
    margin:8px 0!important;
  }

  #ehpFilterCard .ehp-filter-title{
    margin-bottom:8px!important;
    padding-bottom:6px!important;
    font-size:18px!important;
  }

  #ehpFilterCard .ehp-field label{
    margin-bottom:4px!important;
    font-size:11px!important;
  }

  #ehpFilterCard select{
    min-height:44px!important;
    padding-top:9px!important;
    padding-bottom:9px!important;
  }

  #ehpReportArea .ehp-summary-grid{
    gap:7px!important;
  }

  #ehpReportArea .ehp-summary-box{
    min-height:57px!important;
    padding:5px 4px!important;
    border-radius:9px!important;
  }

  #ehpReportArea .ehp-summary-box .label{
    font-size:10px!important;
    line-height:1.15!important;
  }

  #ehpReportArea .ehp-summary-box .value{
    margin-top:3px!important;
    font-size:21px!important;
    line-height:1!important;
  }

  #ehpReportArea .ehp-student-click-note{
    display:none!important;
  }

  #ehpPrincipalStudentResultWrap
  .ehp-v134-student-progress-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* =========================================================
   CLEAN SOURCE BUTTONS
========================================================= */
#ehpReportArea .ehp-result-upload-status{
  gap:8px!important;
}

#ehpReportArea .ehp-result-upload-status-item{
  min-height:58px!important;
  padding:10px 8px!important;
  background:#10273e!important;
  color:#ffffff!important;
  border-color:#3d6281!important;
  justify-content:center!important;
}

#ehpReportArea .ehp-result-upload-status-item.ready{
  background:#0c3f32!important;
  color:#ffffff!important;
  border-color:#2f8a68!important;
}

#ehpReportArea .ehp-result-upload-status-item.active{
  background:#0b568f!important;
  color:#ffffff!important;
  border-color:#38c9d4!important;
}

#ehpReportArea .ehp-result-source-name{
  color:#ffffff!important;
  font-size:12px!important;
  line-height:1.25!important;
  font-weight:900!important;
  text-align:center!important;
}

#ehpReportArea .ehp-result-source-number,
#ehpReportArea .ehp-result-upload-status-item b,
#ehpReportArea .ehp-result-source-action,
#ehpReportArea .ehp-result-source-head{
  display:none!important;
}

@media(max-width:600px){
  #ehpPrincipalStudentResultWrap
  .ehp-v134-student-progress-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .ehp-v134-progress-screen{
    padding:13px 11px 16px!important;
  }

  .ehp-v134-progress-title{
    font-size:22px!important;
  }

  .ehp-v134-progress-button{
    min-height:54px!important;
    padding:11px 12px!important;
    font-size:13px!important;
  }

  #ehpReportArea .ehp-result-upload-status-item{
    min-height:55px!important;
  }

  #ehpReportArea .ehp-result-source-name{
    font-size:11px!important;
  }
}

/* ===== ehpPrincipalV135FinalCorrectionsCss | source line 10548 ===== */
/* =========================================================
   MOBILE AND TABLET RESULT ANALYSIS
========================================================= */
@media(max-width:1024px){
  body.ehp-principal-mobile-logged-in
  #ehpResultsModule #ehpFilterCard .ehp-filter-grid,
  body.ehp-principal-mobile-logged-in
  #ehpResultsModule #ehpFilterCard.ehp-no-section .ehp-filter-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    align-items:end!important;
    gap:8px!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpResultsModule #ehpFilterCard
  .ehp-filter-grid > .ehp-field:nth-child(1),
  body.ehp-principal-mobile-logged-in
  #ehpResultsModule #ehpFilterCard
  .ehp-filter-grid > .ehp-field:nth-child(2){
    grid-column:auto!important;
    min-width:0!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpResultsModule #ehpFilterCard
  #ehpResultSectionField{
    grid-column:1 / -1!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpResultsModule #ehpFilterCard{
    padding:9px!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpReportArea > .ehp-card:first-child{
    padding:8px!important;
    margin:7px 0!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpReportArea .ehp-summary-grid{
    gap:6px!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpReportArea .ehp-summary-box{
    height:54px!important;
    min-height:54px!important;
    padding:4px!important;
    border-radius:8px!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpReportArea .ehp-summary-box .label{
    font-size:9.5px!important;
    line-height:1.1!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpReportArea .ehp-summary-box .value{
    margin-top:2px!important;
    font-size:20px!important;
    line-height:1!important;
  }

  /*
    Source boxes use readable text on light status backgrounds.
  */
  body.ehp-principal-mobile-logged-in
  #ehpReportArea .ehp-result-upload-status-item{
    background:#e7eef7!important;
    color:#163b5c!important;
    border-color:#9bb2c9!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpReportArea .ehp-result-upload-status-item.ready{
    background:#e6f8ec!important;
    color:#0d6036!important;
    border-color:#79c99a!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpReportArea .ehp-result-upload-status-item.active{
    background:#0b568f!important;
    color:#ffffff!important;
    border-color:#38c9d4!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpReportArea .ehp-result-source-name{
    color:inherit!important;
    font-weight:900!important;
    text-shadow:none!important;
  }

  /* Seven Principal student-result cards stay dark on mobile and tablet. */
  body.ehp-principal-mobile-logged-in
  #ehpPrincipalStudentResultWrap .ehp-v133-result-menu,
  body.ehp-principal-mobile-logged-in
  #ehpPrincipalStudentResultWrap .ehp-v133-student-identity,
  body.ehp-principal-mobile-logged-in
  #ehpPrincipalStudentResultWrap .ehp-v134-progress-screen{
    background:#020b18!important;
    color:#ffffff!important;
  }
}

/* =========================================================
   DESKTOP RESTORED TO THE EARLIER LIGHT THEME
========================================================= */
@media(min-width:1025px){
  html,
  body{
    background:#ffffff!important;
    color:#071f3d!important;
  }

  #ehpRoot,
  #ehpDashboard,
  #ehpRoot .ehp-module-panel{
    background:#ffffff!important;
    color:#071f3d!important;
  }

  #ehpRoot .ehp-card,
  #ehpRoot .ehp-analysis-card,
  #ehpRoot .ehp-dashboard-panel,
  #ehpRoot .ehp-info-box,
  #ehpRoot .ehp-summary-box,
  #ehpRoot .ehp-strength-card,
  #ehpRoot .ehp-assignment-group,
  #ehpRoot .ehp-assignment-subject-row,
  #ehpRoot .ehp-omr-step-card,
  #ehpRoot .ehp-tm-class-section-matrix,
  #ehpRoot .ehp-tm-matrix-row,
  #ehpRoot .ehp-key-card,
  #ehpRoot .ehs-card,
  #ehpRoot .ehs-graph-card,
  #ehpRoot .ehs-info-box{
    background:#ffffff!important;
    color:#071f3d!important;
    border-color:#d2dbe7!important;
  }

  #ehpRoot input,
  #ehpRoot select,
  #ehpRoot textarea{
    background:#ffffff!important;
    color:#111111!important;
    border-color:#b8c8dc!important;
  }

  #ehpRoot input::placeholder,
  #ehpRoot textarea::placeholder{
    color:#6b7280!important;
  }

  #ehpRoot .ehp-table,
  #ehpRoot .ehp-table tbody,
  #ehpRoot .ehp-table tr,
  #ehpRoot .ehp-table td,
  #ehpRoot .ehs-table,
  #ehpRoot .ehs-table tbody,
  #ehpRoot .ehs-table tr,
  #ehpRoot .ehs-table td{
    background:#ffffff!important;
    color:#111111!important;
    border-color:#4b5563!important;
  }

  #ehpRoot .ehp-table th,
  #ehpRoot .ehp-table th *,
  #ehpRoot .ehs-table th,
  #ehpRoot .ehs-table th *{
    background:#0b4d86!important;
    color:#ffffff!important;
  }

  #ehpRoot .ehp-module-btn:not(.active),
  #ehpRoot .ehp-tab:not(.active){
    background:#eef5fd!important;
    color:#0b4d86!important;
    border-color:#b8c8dc!important;
  }

  #ehpRoot .ehp-module-btn.active,
  #ehpRoot .ehp-tab.active{
    background:#0b4d86!important;
    color:#ffffff!important;
    border-color:#0b4d86!important;
  }

  #ehpPrincipalStudentResultWrap
  .ehp-v133-student-identity{
    background:#f4f9ff!important;
    color:#071f3d!important;
    border-color:#b8c8dc!important;
  }

  #ehpPrincipalStudentResultWrap
  .ehp-v133-identity-item{
    background:#ffffff!important;
    color:#071f3d!important;
    border-color:#c9d8ea!important;
  }

  #ehpPrincipalStudentResultWrap
  .ehp-v133-identity-item span{
    color:#0b4d86!important;
  }

  #ehpPrincipalStudentResultWrap
  .ehp-v133-identity-item b{
    color:#111111!important;
  }

  #ehpPrincipalStudentResultWrap
  .ehp-v133-result-menu{
    background:#ffffff!important;
    color:#071f3d!important;
    border-color:#c9d8ea!important;
  }

  #ehpPrincipalStudentResultWrap
  .ehp-v133-result-menu-title{
    color:#0b4d86!important;
  }

  #ehpPrincipalStudentResultWrap
  .ehp-v133-result-menu-sub{
    color:#526173!important;
  }

  #ehpPrincipalStudentResultWrap
  .ehp-v133-result-card{
    background:#eef5fd!important;
    color:#0b4d86!important;
    border-color:#b8c8dc!important;
  }

  #ehpPrincipalStudentResultWrap
  .ehp-v133-result-label{
    color:#0b4d86!important;
  }

  #ehpPrincipalStudentResultWrap
  .ehp-v133-result-icon{
    background:#ffffff!important;
    color:#0b4d86!important;
    border-color:#78a9cf!important;
  }

  #ehpPrincipalStudentResultWrap
  .ehp-v134-progress-screen{
    background:#ffffff!important;
    color:#071f3d!important;
    border-color:#c9d8ea!important;
  }

  #ehpPrincipalStudentResultWrap
  .ehp-v134-progress-title{
    color:#0b4d86!important;
  }

  #ehpPrincipalStudentResultWrap
  .ehp-v134-progress-group-title{
    color:#0b4d86!important;
  }

  #ehpPrincipalStudentResultWrap
  .ehp-v134-progress-button{
    background:#eef5fd!important;
    color:#0b4d86!important;
    border-color:#b8c8dc!important;
  }

  #ehpPrincipalStudentResultWrap
  .ehp-v134-progress-arrow{
    color:#0b4d86!important;
  }

  #ehpPrincipalStudentResultWrap
  .ehp-v134-progress-panel{
    background:#ffffff!important;
    color:#071f3d!important;
    border-color:#c9d8ea!important;
  }

  #ehpReportArea .ehp-result-upload-status-item{
    background:#eef5fd!important;
    color:#0b4d86!important;
    border-color:#b8c8dc!important;
  }

  #ehpReportArea .ehp-result-upload-status-item.ready{
    background:#e8f7ec!important;
    color:#126231!important;
    border-color:#8fd0a3!important;
  }

  #ehpReportArea .ehp-result-source-name{
    color:inherit!important;
  }
}

/* =========================================================
   SINGLE-STUDENT BUBBLING
========================================================= */
.ehp-v135-bubbling-search{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:10px;
  margin:12px 0;
}

.ehp-v135-bubbling-search label{
  display:block;
  margin-bottom:6px;
  color:#0b4d86;
  font-size:13px;
  font-weight:900;
}

.ehp-v135-bubbling-search input{
  width:100%;
  min-height:44px;
  padding:10px 12px;
  border:1px solid #b8c8dc;
  border-radius:8px;
  font:inherit;
  box-sizing:border-box;
}

.ehp-v135-bubbling-matches{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin:8px 0;
}

.ehp-v135-match-title{
  grid-column:1 / -1;
  color:#0b4d86;
  font-size:13px;
  font-weight:900;
}

.ehp-v135-bubbling-matches button{
  display:flex;
  justify-content:space-between;
  gap:8px;
  min-height:44px;
  padding:9px 11px;
  border:1px solid #b8c8dc;
  border-radius:8px;
  background:#eef5fd;
  color:#0b4d86;
  font-weight:800;
  cursor:pointer;
}

.ehp-v135-bubbling-matches button span{
  white-space:nowrap;
}

.ehp-v135-selected-student{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin:10px 0;
  padding:11px 13px;
  border:1px solid #74b994;
  border-radius:9px;
  background:#e8f7ec;
  color:#145c36;
}

.ehp-v135-selected-student:empty{
  display:none;
}

.ehp-v135-selected-student b,
.ehp-v135-selected-student span{
  color:inherit;
}

@media(max-width:700px){
  .ehp-v135-bubbling-search{
    grid-template-columns:1fr;
  }

  .ehp-v135-bubbling-search .ehp-btn{
    width:100%;
  }

  .ehp-v135-bubbling-matches{
    grid-template-columns:1fr;
  }

  .ehp-v135-selected-student{
    align-items:flex-start;
    flex-direction:column;
  }
}

/* ===== ehpPrincipalV136UnifiedResultNavCss | source line 10965 ===== */
#ehpReportArea > .ehp-tabs,
#ehpReportArea > .ehp-result-upload-status{
  display:none!important;
}

#ehpReportArea .ehp-v136-result-nav{
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  gap:8px!important;
  width:100%!important;
  margin:10px 0 13px!important;
}

#ehpReportArea .ehp-v136-result-nav-btn{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  min-height:54px!important;
  padding:9px 7px!important;
  border:1px solid #a8bfd5!important;
  border-radius:9px!important;
  background:#eaf2fb!important;
  color:#0b4d86!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:900!important;
  text-align:center!important;
  text-transform:uppercase!important;
  cursor:pointer!important;
  box-sizing:border-box!important;
  transition:
    border-color .12s ease,
    background .12s ease,
    transform .12s ease!important;
}

#ehpReportArea .ehp-v136-result-nav-btn:hover,
#ehpReportArea .ehp-v136-result-nav-btn:focus{
  border-color:#0b4d86!important;
  background:#dcecf9!important;
  outline:none!important;
}

#ehpReportArea .ehp-v136-result-nav-btn.active{
  background:#0b4d86!important;
  color:#ffffff!important;
  border-color:#0b4d86!important;
  box-shadow:0 5px 12px rgba(11,77,134,.18)!important;
}

#ehpReportArea .ehp-v136-result-nav-btn:active{
  transform:scale(.97)!important;
}

#ehpReportArea .ehp-v136-result-nav-btn:disabled{
  opacity:.58!important;
  cursor:wait!important;
  transform:none!important;
}

#ehpReportArea .ehp-panel:not(.active){
  display:none!important;
}

#ehpReportArea .ehp-panel.active{
  display:block!important;
}

#ehpReportArea .ehp-v136-mobile-opening{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  min-height:64px!important;
  padding:12px!important;
  border:1px solid #315b79!important;
  border-radius:10px!important;
  background:#08243b!important;
  color:#ffffff!important;
  font-size:12px!important;
  font-weight:900!important;
}

#ehpReportArea .ehp-v136-mobile-spinner{
  width:18px!important;
  height:18px!important;
  border:3px solid rgba(255,255,255,.22)!important;
  border-top-color:#38ead8!important;
  border-radius:50%!important;
  animation:ehpV136Spin .7s linear infinite!important;
}

@keyframes ehpV136Spin{
  to{transform:rotate(360deg)}
}

@media(max-width:1024px){
  body.ehp-principal-mobile-logged-in
  #ehpReportArea .ehp-v136-result-nav{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    margin:9px 0 11px!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpReportArea .ehp-v136-result-nav-btn{
    min-height:58px!important;
    padding:10px 8px!important;
    border-color:#315b79!important;
    background:#0c3455!important;
    color:#ffffff!important;
    font-size:11.5px!important;
    box-shadow:0 4px 10px rgba(0,0,0,.17)!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpReportArea .ehp-v136-result-nav-btn:hover,
  body.ehp-principal-mobile-logged-in
  #ehpReportArea .ehp-v136-result-nav-btn:focus{
    background:#0c3455!important;
    border-color:#38c9d4!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpReportArea .ehp-v136-result-nav-btn.active{
    background:#0b568f!important;
    border-color:#38ead8!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpReportArea .ehp-panel.active{
    margin-top:0!important;
  }
}

@media(max-width:360px){
  body.ehp-principal-mobile-logged-in
  #ehpReportArea .ehp-v136-result-nav{
    gap:6px!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpReportArea .ehp-v136-result-nav-btn{
    min-height:55px!important;
    padding:8px 5px!important;
    font-size:10.5px!important;
  }
}

/* ===== ehpPrincipalV138StudentAnalysisUiCss | source line 11143 ===== */
/* The removed outer toolbar must never reappear from stale cached markup. */
#ehpPrincipalStudentResultWrap > .ehp-card:first-child{
  display:none!important;
}

/* The requested three identity fields stay visible while report pages change. */
#ehpPrincipalStudentResultWrap .ehp-v133-student-identity-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

#ehpPrincipalStudentResultWrap.ehp-v133-report-mode
#ehpV133StudentIdentity{
  display:block!important;
}

/* Shared test accordion. */
#ehpPrincipalStudentResultWrap .ehp-v138-test-accordion{
  width:100%;
  margin:0 0 11px;
  border:1px solid #b8c8dc;
  border-radius:12px;
  overflow:hidden;
  background:#ffffff;
  box-sizing:border-box;
}

#ehpPrincipalStudentResultWrap .ehp-v138-test-toggle{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  align-items:center;
  gap:10px;
  width:100%;
  min-height:58px;
  padding:11px 13px;
  border:0;
  background:#eaf3fc;
  color:#0b4d86;
  text-align:left;
  cursor:pointer;
  box-sizing:border-box;
}

#ehpPrincipalStudentResultWrap .ehp-v138-test-toggle:hover,
#ehpPrincipalStudentResultWrap .ehp-v138-test-toggle:focus{
  background:#dbeaf8;
  outline:none;
}

#ehpPrincipalStudentResultWrap .ehp-v138-test-name{
  min-width:0;
  color:inherit;
  font-size:15px;
  line-height:1.25;
  font-weight:900;
  overflow-wrap:anywhere;
}

#ehpPrincipalStudentResultWrap .ehp-v138-test-date{
  color:#48647f;
  font-size:12px;
  line-height:1.2;
  font-weight:900;
  white-space:nowrap;
}

#ehpPrincipalStudentResultWrap .ehp-v138-test-triangle{
  display:block;
  width:20px;
  color:#0b4d86;
  font-size:18px;
  line-height:1;
  font-weight:900;
  text-align:center;
  transform:rotate(0deg);
  transition:transform .16s ease;
}

#ehpPrincipalStudentResultWrap .ehp-v138-test-triangle:before{
  content:"▶";
}

#ehpPrincipalStudentResultWrap
.ehp-v138-test-toggle[aria-expanded="true"]
.ehp-v138-test-triangle{
  transform:rotate(90deg);
}

#ehpPrincipalStudentResultWrap .ehp-v138-test-panel{
  width:100%;
  padding:11px;
  background:#ffffff;
  box-sizing:border-box;
}

#ehpPrincipalStudentResultWrap .ehp-v138-test-panel[hidden]{
  display:none!important;
}

#ehpPrincipalStudentResultWrap .ehp-v138-summary-metrics{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}

#ehpPrincipalStudentResultWrap .ehp-v138-summary-metric{
  min-width:0;
  padding:9px 7px;
  border:1px solid #c7d6e5;
  border-radius:9px;
  background:#f7fbff;
  text-align:center;
}

#ehpPrincipalStudentResultWrap .ehp-v138-summary-metric span{
  display:block;
  color:#52677d;
  font-size:10px;
  line-height:1.15;
  font-weight:900;
}

#ehpPrincipalStudentResultWrap .ehp-v138-summary-metric b{
  display:block;
  margin-top:4px;
  color:#0b4d86;
  font-size:17px;
  line-height:1.2;
  font-weight:900;
  overflow-wrap:anywhere;
}

#ehpPrincipalStudentResultWrap .ehp-v138-rank-legend{
  margin-top:12px;
  padding:10px 11px;
  border:1px solid #c8d8e8;
  border-radius:9px;
  background:#eef6ff;
  color:#294b6b;
  font-size:11px;
  line-height:1.6;
  font-weight:800;
}

#ehpPrincipalStudentResultWrap .ehp-v138-rank-legend b{
  color:#0b4d86;
}

/* Exam Syllabus uses existing Exam Schedule ChapterName data only. */
#ehpExamSyllabusModule .ehp-v138-exam-syllabus-list{
  display:grid;
  gap:10px;
}

#ehpExamSyllabusModule .ehp-v138-syllabus-empty{
  padding:18px;
  border:1px dashed #9fb8d0;
  border-radius:10px;
  background:#f5f9fd;
  color:#48647f;
  text-align:center;
  font-weight:800;
}

#ehpExamSyllabusModule .ehp-v138-syllabus-group{
  overflow:hidden;
  border:1px solid #b8c8dc;
  border-radius:12px;
  background:#ffffff;
}

#ehpExamSyllabusModule .ehp-v138-syllabus-toggle{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  align-items:center;
  gap:10px;
  width:100%;
  min-height:58px;
  padding:11px 13px;
  border:0;
  background:#eaf3fc;
  color:#0b4d86;
  text-align:left;
  cursor:pointer;
}

#ehpExamSyllabusModule .ehp-v138-syllabus-toggle b{
  overflow-wrap:anywhere;
}

#ehpExamSyllabusModule .ehp-v138-syllabus-date{
  color:#48647f;
  font-size:12px;
  font-weight:900;
  white-space:nowrap;
}

#ehpExamSyllabusModule .ehp-v138-syllabus-triangle{
  color:#0b4d86;
  font-size:18px;
  font-weight:900;
  transition:transform .16s ease;
}

#ehpExamSyllabusModule .ehp-v138-syllabus-triangle:before{
  content:"▶";
}

#ehpExamSyllabusModule
.ehp-v138-syllabus-toggle[aria-expanded="true"]
.ehp-v138-syllabus-triangle{
  transform:rotate(90deg);
}

#ehpExamSyllabusModule .ehp-v138-syllabus-panel{
  display:grid;
  gap:8px;
  padding:10px;
}

#ehpExamSyllabusModule .ehp-v138-syllabus-panel[hidden]{
  display:none!important;
}

#ehpExamSyllabusModule .ehp-v138-syllabus-row{
  display:grid;
  grid-template-columns:90px 110px minmax(0,1fr);
  gap:8px;
  padding:10px;
  border:1px solid #d2deea;
  border-radius:9px;
  background:#f8fbff;
  color:#1e3a55;
  font-size:12px;
  line-height:1.45;
}

#ehpExamSyllabusModule .ehp-v138-syllabus-row b{
  color:#0b4d86;
}

#ehpExamSyllabusModule .ehp-v138-syllabus-pending{
  color:#9a5b00;
  font-weight:900;
}

@media(max-width:1024px){
  /* Identity remains fixed at the top of every selected student report. */
  #ehpPrincipalStudentResultWrap
  #ehpV133StudentIdentity{
    position:sticky!important;
    top:0!important;
    z-index:95!important;
    display:block!important;
    margin:0 0 10px!important;
    padding:10px!important;
    border-color:#32708f!important;
    background:linear-gradient(145deg,#0b3150,#06182b)!important;
    box-shadow:0 8px 20px rgba(0,0,0,.38)!important;
  }

  #ehpPrincipalStudentResultWrap
  .ehp-v133-student-identity-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }

  #ehpPrincipalStudentResultWrap
  .ehp-v133-identity-item{
    background:#061a2e!important;
    border-color:#315b79!important;
  }

  #ehpPrincipalStudentResultWrap
  .ehp-v133-identity-item span{
    color:#78e3f1!important;
  }

  #ehpPrincipalStudentResultWrap
  .ehp-v133-identity-item b{
    color:#ffffff!important;
  }

  /* Bright readable dark mode for every embedded student report page. */
  #ehpPrincipalStudentResultWrap{
    color:#f4f9ff!important;
  }

  #ehpPrincipalStudentResultWrap .ehs-section-title{
    color:#50dfff!important;
    border-color:#21c6e2!important;
    text-shadow:none!important;
  }

  #ehpPrincipalStudentResultWrap .ehs-sub-title{
    color:#ffffff!important;
    border-left-color:#ff3651!important;
  }

  #ehpPrincipalStudentResultWrap .ehs-table-wrap{
    overflow-x:auto!important;
    border-radius:9px!important;
  }

  #ehpPrincipalStudentResultWrap .ehs-table,
  #ehpPrincipalStudentResultWrap .ehs-table tbody,
  #ehpPrincipalStudentResultWrap .ehs-table tr,
  #ehpPrincipalStudentResultWrap .ehs-table td{
    background:#0b2841!important;
    color:#f5f9ff!important;
    border-color:#3d6380!important;
  }

  #ehpPrincipalStudentResultWrap .ehs-table th,
  #ehpPrincipalStudentResultWrap .ehs-table th *{
    background:#0b6da7!important;
    color:#ffffff!important;
    border-color:#4b91b8!important;
  }

  #ehpPrincipalStudentResultWrap .ehs-ok{
    color:#78ffb7!important;
  }

  #ehpPrincipalStudentResultWrap .ehs-bad{
    color:#ff9ca7!important;
  }

  #ehpPrincipalStudentResultWrap .ehs-smart-box{
    background:#0b2841!important;
    color:#eef8ff!important;
    border-color:#3e7799!important;
    border-left-color:#22d7ef!important;
  }

  #ehpPrincipalStudentResultWrap .ehs-smart-box li,
  #ehpPrincipalStudentResultWrap .ehs-smart-box p{
    color:#eef8ff!important;
  }

  #ehpPrincipalStudentResultWrap .ehs-wrong-card{
    background:#0b2841!important;
    color:#f2f8ff!important;
    border-color:#6f4653!important;
  }

  #ehpPrincipalStudentResultWrap .ehs-wrong-card b{
    color:#ff818c!important;
  }

  #ehpPrincipalStudentResultWrap .ehs-empty{
    background:#102b43!important;
    color:#f4f9ff!important;
    border-color:#547795!important;
  }

  /* Keep every remaining student-analysis report bright in dark mode. */
  #ehpPrincipalStudentResultWrap #ehpV133ReportScreen,
  #ehpPrincipalStudentResultWrap #ehsPanelContent{
    background:#020b18!important;
    color:#f4f9ff!important;
  }

  #ehpPrincipalStudentResultWrap .ehs-timeline-item,
  #ehpPrincipalStudentResultWrap .ehs-timeline-box,
  #ehpPrincipalStudentResultWrap .ehs-graph-card,
  #ehpPrincipalStudentResultWrap .ehs-analysis-card{
    background:#0b2841!important;
    color:#eef8ff!important;
    border-color:#315b79!important;
  }

  #ehpPrincipalStudentResultWrap .ehs-timeline-head,
  #ehpPrincipalStudentResultWrap .ehs-graph-card h3,
  #ehpPrincipalStudentResultWrap .ehs-analysis-card h3{
    color:#50dfff!important;
  }

  #ehpPrincipalStudentResultWrap .ehs-timeline-box b{
    color:#ffffff!important;
  }

  #ehpPrincipalStudentResultWrap .ehs-timeline:before{
    background:#3d6380!important;
  }

  #ehpPrincipalStudentResultWrap .ehs-timeline-item:before{
    background:#48eadc!important;
    border-color:#061426!important;
    box-shadow:0 0 0 2px #48eadc!important;
  }

  #ehpPrincipalStudentResultWrap .ehs-graph-card svg text,
  #ehpPrincipalStudentResultWrap .ehs-graph-card svg tspan{
    fill:#ffffff!important;
  }

  /* Dark test accordions with bright headings and body text. */
  #ehpPrincipalStudentResultWrap .ehp-v138-test-accordion{
    border-color:#315b79!important;
    background:#061426!important;
  }

  #ehpPrincipalStudentResultWrap .ehp-v138-test-toggle{
    background:#0c3455!important;
    color:#ffffff!important;
    border-color:#315b79!important;
  }

  #ehpPrincipalStudentResultWrap .ehp-v138-test-toggle:hover,
  #ehpPrincipalStudentResultWrap .ehp-v138-test-toggle:focus{
    background:#0b568f!important;
    border-color:#38c9d4!important;
  }

  #ehpPrincipalStudentResultWrap .ehp-v138-test-date{
    color:#a8e7f3!important;
  }

  #ehpPrincipalStudentResultWrap .ehp-v138-test-triangle{
    color:#48eadc!important;
  }

  #ehpPrincipalStudentResultWrap .ehp-v138-test-panel{
    background:#061426!important;
    color:#f4f9ff!important;
  }

  #ehpPrincipalStudentResultWrap .ehp-v138-summary-metrics{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
  }

  #ehpPrincipalStudentResultWrap .ehp-v138-summary-metric{
    background:#0b2841!important;
    border-color:#315b79!important;
  }

  #ehpPrincipalStudentResultWrap .ehp-v138-summary-metric span{
    color:#9fd6e9!important;
  }

  #ehpPrincipalStudentResultWrap .ehp-v138-summary-metric b{
    color:#ffffff!important;
  }

  #ehpPrincipalStudentResultWrap .ehp-v138-rank-legend{
    background:#0a2339!important;
    color:#dcefff!important;
    border-color:#315b79!important;
  }

  #ehpPrincipalStudentResultWrap .ehp-v138-rank-legend b{
    color:#55e8dc!important;
  }

  /* Tests hub stays fully dark and readable. */
  #ehpPmView .ehp-pm-quick{
    background:linear-gradient(145deg,#0c2a47,#071b31)!important;
    color:#ffffff!important;
    border-color:#315b79!important;
  }

  #ehpPmView .ehp-pm-page-head h1{
    color:#ffffff!important;
  }

  #ehpPmView .ehp-pm-page-sub{
    color:#d1e2f2!important;
  }

  /* New Exam Syllabus page. */
  #ehpExamSyllabusModule .ehp-v138-exam-syllabus-card{
    background:#020b18!important;
    color:#ffffff!important;
    border-color:#315b79!important;
  }

  #ehpExamSyllabusModule .ehp-v138-syllabus-empty{
    background:#0b2841!important;
    color:#eaf5ff!important;
    border-color:#315b79!important;
  }

  #ehpExamSyllabusModule .ehp-v138-syllabus-group{
    background:#061426!important;
    border-color:#315b79!important;
  }

  #ehpExamSyllabusModule .ehp-v138-syllabus-toggle{
    background:#0c3455!important;
    color:#ffffff!important;
  }

  #ehpExamSyllabusModule .ehp-v138-syllabus-date{
    color:#a8e7f3!important;
  }

  #ehpExamSyllabusModule .ehp-v138-syllabus-triangle{
    color:#48eadc!important;
  }

  #ehpExamSyllabusModule .ehp-v138-syllabus-panel{
    background:#061426!important;
  }

  #ehpExamSyllabusModule .ehp-v138-syllabus-row{
    grid-template-columns:72px 92px minmax(0,1fr)!important;
    background:#0b2841!important;
    color:#eef8ff!important;
    border-color:#315b79!important;
  }

  #ehpExamSyllabusModule .ehp-v138-syllabus-row b{
    color:#59e9dd!important;
  }

  #ehpExamSyllabusModule .ehp-v138-syllabus-pending{
    color:#ffd36b!important;
  }

  /* The crossed instruction is hidden only on mobile/tablet. */
  #ehpVideoLecturesModule > .ehp-card > .ehp-beta-note{
    display:none!important;
  }
}

@media(max-width:430px){
  #ehpPrincipalStudentResultWrap .ehp-v138-test-toggle,
  #ehpExamSyllabusModule .ehp-v138-syllabus-toggle{
    grid-template-columns:minmax(0,1fr) auto auto!important;
    gap:7px!important;
    padding:10px!important;
  }

  #ehpPrincipalStudentResultWrap .ehp-v138-test-name{
    font-size:13.5px!important;
  }

  #ehpPrincipalStudentResultWrap .ehp-v138-test-date,
  #ehpExamSyllabusModule .ehp-v138-syllabus-date{
    font-size:10.5px!important;
  }

  #ehpPrincipalStudentResultWrap .ehp-v138-summary-metrics{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }

  #ehpExamSyllabusModule .ehp-v138-syllabus-row{
    grid-template-columns:1fr!important;
  }
}

/* ===== ehpPrincipalV139FinalCorrectionsCss | source line 11716 ===== */
/* =========================================================
   PORTAL-WIDE SAFE, CSS-DRAWN TRIANGLES
   No Unicode glyph or numeric HTML entity is used in CSS content.
========================================================= */
#ehpPrincipalStudentResultWrap .ehp-v138-test-triangle:before,
#ehpExamSyllabusModule .ehp-v138-syllabus-triangle:before{
  content:""!important;
  display:none!important;
}

.ehp-v138-test-triangle,
.ehp-v138-syllabus-triangle,
.ehp-v112-result-arrow,
.ehp-v112-exam-arrow,
.ehp-v111-next-arrow,
.ehp-v111-omr-process-arrow,
.ehp-v134-progress-arrow,
.ehp-v139-border-arrow,
.ehp-v139-syllabus-triangle,
.ehp-v139-result-summary-triangle{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:20px!important;
  min-width:20px!important;
  height:20px!important;
  min-height:20px!important;
  padding:0!important;
  margin:0!important;
  font-size:0!important;
  line-height:0!important;
  color:inherit!important;
  overflow:visible!important;
  transform:none!important;
}

.ehp-v138-test-triangle:after,
.ehp-v138-syllabus-triangle:after,
.ehp-v112-result-arrow:before,
.ehp-v112-exam-arrow:before,
.ehp-v111-next-arrow:before,
.ehp-v111-omr-process-arrow:before,
.ehp-v134-progress-arrow:before,
.ehp-v139-border-arrow:before,
.ehp-v139-syllabus-triangle:before,
.ehp-v139-result-summary-triangle:before{
  content:""!important;
  display:block!important;
  width:0!important;
  height:0!important;
  border-top:6px solid transparent!important;
  border-bottom:6px solid transparent!important;
  border-left:9px solid currentColor!important;
  transform:rotate(0deg)!important;
  transform-origin:center!important;
  transition:transform .16s ease!important;
}

.ehp-v138-test-toggle[aria-expanded="true"] .ehp-v138-test-triangle:after,
.ehp-v138-syllabus-toggle[aria-expanded="true"] .ehp-v138-syllabus-triangle:after,
.ehp-v112-result-toggle[aria-expanded="true"] .ehp-v112-result-arrow:before,
.ehp-v112-exam-toggle[aria-expanded="true"] .ehp-v112-exam-arrow:before,
.ehp-v111-next-toggle[aria-expanded="true"] .ehp-v111-next-arrow:before,
.ehp-v139-syllabus-toggle[aria-expanded="true"] .ehp-v139-syllabus-triangle:before,
.ehp-v139-result-summary-toggle[aria-expanded="true"] .ehp-v139-result-summary-triangle:before{
  transform:rotate(90deg)!important;
}

/* =========================================================
   EXAM SYLLABUS — ALL HISTORY + TYPE FILTERS
========================================================= */
#ehpExamSyllabusModule .ehp-v139-syllabus-type-bar{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin:0 0 12px;
}

#ehpExamSyllabusModule .ehp-v139-syllabus-type-btn{
  width:100%;
  min-height:42px;
  padding:8px 5px;
  border:1px solid #9ebbd4;
  border-radius:9px;
  background:#eaf3fc;
  color:#0b4d86;
  font-size:12px;
  line-height:1.1;
  font-weight:900;
  cursor:pointer;
}

#ehpExamSyllabusModule .ehp-v139-syllabus-type-btn.active{
  background:#0b568f;
  color:#ffffff;
  border-color:#35d6df;
  box-shadow:0 4px 11px rgba(11,86,143,.22);
}

#ehpExamSyllabusModule .ehp-v139-syllabus-filter-note{
  margin:-2px 0 11px;
  color:#536d84;
  font-size:10.5px;
  line-height:1.4;
  font-weight:800;
  text-align:center;
}

#ehpExamSyllabusModule .ehp-v139-syllabus-list{
  display:grid;
  gap:10px;
}

#ehpExamSyllabusModule .ehp-v139-syllabus-group{
  overflow:hidden;
  border:1px solid #9ebbd4;
  border-radius:12px;
  background:#ffffff;
}

#ehpExamSyllabusModule .ehp-v139-syllabus-toggle{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  align-items:center;
  gap:9px;
  width:100%;
  min-height:58px;
  padding:11px 13px;
  border:0;
  background:#eaf3fc;
  color:#0b4d86;
  text-align:left;
  cursor:pointer;
}

#ehpExamSyllabusModule .ehp-v139-syllabus-test{
  min-width:0;
  color:inherit;
  font-size:14px;
  line-height:1.25;
  font-weight:900;
  overflow-wrap:anywhere;
}

#ehpExamSyllabusModule .ehp-v139-syllabus-date{
  color:#48647f;
  font-size:11.5px;
  line-height:1.2;
  font-weight:900;
  white-space:nowrap;
}

#ehpExamSyllabusModule .ehp-v139-syllabus-panel{
  display:grid;
  gap:8px;
  padding:10px;
  background:#ffffff;
}

#ehpExamSyllabusModule .ehp-v139-syllabus-panel[hidden]{
  display:none!important;
}

#ehpExamSyllabusModule .ehp-v139-syllabus-row{
  display:grid;
  grid-template-columns:90px 110px minmax(0,1fr);
  gap:8px;
  padding:10px;
  border:1px solid #d2deea;
  border-radius:9px;
  background:#f8fbff;
  color:#1e3a55;
  font-size:12px;
  line-height:1.45;
}

#ehpExamSyllabusModule .ehp-v139-syllabus-row b{
  color:#0b4d86;
}

#ehpExamSyllabusModule .ehp-v139-syllabus-pending{
  color:#9a5b00;
  font-weight:900;
}

#ehpExamSyllabusModule .ehp-v139-syllabus-empty{
  padding:18px;
  border:1px dashed #9fb8d0;
  border-radius:10px;
  background:#f5f9fd;
  color:#48647f;
  text-align:center;
  font-weight:800;
}

/* =========================================================
   EXAM SCHEDULE — REMOVE DURATION FROM THE VISIBLE PAGE
========================================================= */
#ehpExamsModule .ehp-v139-duration-row,
#ehpExamsModule .ehp-v139-duration-cell{
  display:none!important;
}

#ehpV112MobileExam .ehp-v112-exam-card
.ehp-v112-exam-row:nth-child(4){
  display:none!important;
}

#ehpExamsModule .ehp-v460-exam-table th:nth-child(4),
#ehpExamsModule .ehp-v460-exam-table td:nth-child(4),
#ehpExamsModule .ehp-v461-next-table th:nth-child(5),
#ehpExamsModule .ehp-v461-next-table td:nth-child(5){
  display:none!important;
}

/* =========================================================
   RESULT OVERVIEW ACCORDION
========================================================= */
#ehpReportArea .ehp-v139-result-summary-card{
  overflow:hidden!important;
  padding:0!important;
}

#ehpReportArea .ehp-v139-result-summary-toggle{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  width:100%;
  min-height:44px;
  padding:10px 13px;
  border:0;
  border-bottom:1px solid #c8d8e8;
  background:#eaf3fc;
  color:#0b4d86;
  font-size:13px;
  line-height:1.2;
  font-weight:900;
  text-align:left;
  cursor:pointer;
}

#ehpReportArea .ehp-v139-result-summary-panel{
  padding:8px;
}

#ehpReportArea .ehp-v139-result-summary-panel[hidden]{
  display:none!important;
}

/* =========================================================
   MOBILE / TABLET DARK REPAIRS
========================================================= */
@media(max-width:1024px){
  body.ehp-principal-mobile-logged-in
  #ehpDownloadsModule > .ehp-card{
    background:linear-gradient(145deg,#0c2a47,#071b31)!important;
    color:#f3f9ff!important;
    border-color:#315b79!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpDownloadsModule .ehp-filter-title{
    color:#ffffff!important;
    border-color:#39e5e7!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpDownloadsModule .ehp-download-action-row{
    background:#0b2841!important;
    color:#ffffff!important;
    border-color:#3b6886!important;
    box-shadow:none!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpDownloadsModule .ehp-download-action-name{
    color:#ffffff!important;
    opacity:1!important;
    visibility:visible!important;
    text-shadow:none!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpExamSyllabusModule .ehp-v138-exam-syllabus-card,
  body.ehp-principal-mobile-logged-in
  #ehpExamSyllabusModule .ehp-card{
    background:linear-gradient(145deg,#0c2a47,#071b31)!important;
    color:#f3f9ff!important;
    border-color:#315b79!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpExamSyllabusModule .ehp-filter-title{
    color:#ffffff!important;
    border-color:#39e5e7!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpExamSyllabusModule .ehp-v139-syllabus-type-btn{
    background:#0c3455!important;
    color:#ffffff!important;
    border-color:#315b79!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpExamSyllabusModule .ehp-v139-syllabus-type-btn.active{
    background:#0b6da7!important;
    color:#ffffff!important;
    border-color:#3aebdf!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpExamSyllabusModule .ehp-v139-syllabus-filter-note{
    color:#b9d5e9!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpExamSyllabusModule .ehp-v139-syllabus-group{
    background:#071b31!important;
    border-color:#315b79!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpExamSyllabusModule .ehp-v139-syllabus-toggle{
    background:#0e3b5f!important;
    color:#ffffff!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpExamSyllabusModule .ehp-v139-syllabus-date{
    color:#d3e9f8!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpExamSyllabusModule .ehp-v139-syllabus-panel{
    background:#061426!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpExamSyllabusModule .ehp-v139-syllabus-row{
    background:#0b2841!important;
    color:#eef8ff!important;
    border-color:#315b79!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpExamSyllabusModule .ehp-v139-syllabus-row b{
    color:#58e5ee!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpExamSyllabusModule .ehp-v139-syllabus-pending{
    color:#ffd36d!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpExamSyllabusModule .ehp-v139-syllabus-empty{
    background:#0b2841!important;
    color:#eef8ff!important;
    border-color:#477493!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpReportArea .ehp-v139-result-summary-card{
    background:#061a2e!important;
    border-color:#315b79!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpReportArea .ehp-v139-result-summary-toggle{
    background:#0e3b5f!important;
    color:#ffffff!important;
    border-color:#315b79!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpReportArea .ehp-v139-result-summary-panel{
    background:#061426!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpReportArea .ehp-rank-definition-box{
    background:#0b2841!important;
    color:#eef8ff!important;
    border-color:#315b79!important;
    opacity:1!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpReportArea .ehp-rank-definition-grid,
  body.ehp-principal-mobile-logged-in
  #ehpReportArea .ehp-rank-definition-grid span{
    color:#eef8ff!important;
    opacity:1!important;
    visibility:visible!important;
    text-shadow:none!important;
  }

  body.ehp-principal-mobile-logged-in
  #ehpReportArea .ehp-rank-definition-grid b{
    color:#52e2ee!important;
    opacity:1!important;
  }
}

@media(max-width:520px){
  #ehpExamSyllabusModule .ehp-v139-syllabus-type-bar{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:6px;
  }

  #ehpExamSyllabusModule .ehp-v139-syllabus-type-btn{
    min-height:39px;
    padding:7px 2px;
    font-size:11px;
  }

  #ehpExamSyllabusModule .ehp-v139-syllabus-toggle{
    grid-template-columns:minmax(0,1fr) auto auto;
    gap:6px;
    padding:10px;
  }

  #ehpExamSyllabusModule .ehp-v139-syllabus-date{
    font-size:10px;
  }

  #ehpExamSyllabusModule .ehp-v139-syllabus-row{
    grid-template-columns:62px 74px minmax(0,1fr);
    gap:6px;
    padding:9px 7px;
    font-size:10.5px;
  }
}

/* ===== ehpPrincipalV140FinalSpeedFilterCss | source line 12170 ===== */
/* Keep one clear page title; the mobile/desktop page header already says Result Analysis. */
#ehpFilterCard > .ehp-filter-title{
  display:none!important;
}
#ehpFilterCard{
  padding-top:12px!important;
}

/* Student report: Back first, then only the Student Name identity. */
#ehpPrincipalStudentResultWrap .ehp-v133-student-identity-grid{
  grid-template-columns:1fr!important;
}
#ehpPrincipalStudentResultWrap .ehp-v133-student-identity{
  margin-bottom:12px!important;
}
#ehpPrincipalStudentResultWrap .ehp-v133-identity-item{
  width:100%!important;
}
#ehpPrincipalStudentResultWrap .ehp-v140-back-top{
  width:100%!important;
  min-height:45px!important;
  margin:0 0 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
#ehpPrincipalStudentResultWrap .ehp-v140-back-top[hidden]{
  display:none!important;
}

/* Fast first paint: no animated opacity veil over already-visible cached results. */
#ehpReportArea.ehp-fast-refreshing:has(#ehpV136UnifiedResultNav){
  opacity:1!important;
}

/* Keep loading cards compact on mobile and tablet. */
@media(max-width:1024px){
  #ehpReportArea .ehp-fast-module-loading{
    min-height:105px!important;
    padding:14px!important;
  }
}

/* ===== ehpPrincipalV142CompactSmoothCss | source line 12236 ===== */
/* =========================================================
   EXAM SYLLABUS: TYPE -> UPCOMING / PAST -> EXAM
========================================================= */
#ehpExamSyllabusModule .ehp-v142-syllabus-type-bar{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin:0 0 12px;
}
#ehpExamSyllabusModule .ehp-v142-syllabus-type-btn{
  min-height:42px;
  border:1px solid #a9bfd6;
  border-radius:9px;
  background:#eaf3fc;
  color:#0b4d86;
  font-size:12px;
  font-weight:900;
  cursor:pointer;
}
#ehpExamSyllabusModule .ehp-v142-syllabus-type-btn.active{
  background:#0b6da7;
  color:#ffffff;
  border-color:#0b6da7;
}
#ehpExamSyllabusModule .ehp-v142-syllabus-list{
  display:grid;
  gap:10px;
}
#ehpExamSyllabusModule .ehp-v142-period{
  overflow:hidden;
  border:1px solid #b8c8dc;
  border-radius:12px;
  background:#ffffff;
}
#ehpExamSyllabusModule .ehp-v142-period-toggle{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  align-items:center;
  gap:9px;
  width:100%;
  min-height:50px;
  padding:10px 12px;
  border:0;
  background:#dceaf8;
  color:#0b4d86;
  text-align:left;
  font-size:14px;
  font-weight:900;
  cursor:pointer;
}
#ehpExamSyllabusModule .ehp-v142-period-count{
  min-width:28px;
  padding:4px 8px;
  border-radius:999px;
  background:#0b4d86;
  color:#ffffff;
  text-align:center;
  font-size:11px;
  font-weight:900;
}
#ehpExamSyllabusModule .ehp-v142-period-panel{
  display:grid;
  gap:9px;
  padding:9px;
  background:#f7fbff;
}
#ehpExamSyllabusModule .ehp-v142-period-panel[hidden],
#ehpExamSyllabusModule .ehp-v142-exam-panel[hidden]{
  display:none!important;
}
#ehpExamSyllabusModule .ehp-v142-exam{
  overflow:hidden;
  border:1px solid #b8c8dc;
  border-radius:10px;
  background:#ffffff;
}
#ehpExamSyllabusModule .ehp-v142-exam-toggle{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  align-items:center;
  gap:8px;
  width:100%;
  min-height:50px;
  padding:10px 11px;
  border:0;
  background:#eaf3fc;
  color:#0b4d86;
  text-align:left;
  cursor:pointer;
}
#ehpExamSyllabusModule .ehp-v142-exam-name{
  overflow-wrap:anywhere;
  font-size:13px;
  font-weight:900;
}
#ehpExamSyllabusModule .ehp-v142-exam-date{
  color:#48647f;
  font-size:11px;
  font-weight:900;
  white-space:nowrap;
}
#ehpExamSyllabusModule .ehp-v142-triangle{
  width:0;
  height:0;
  border-top:6px solid transparent;
  border-bottom:6px solid transparent;
  border-left:8px solid currentColor;
  color:#0b4d86;
  transition:transform .14s ease;
}
#ehpExamSyllabusModule button[aria-expanded="true"] > .ehp-v142-triangle{
  transform:rotate(90deg);
}
#ehpExamSyllabusModule .ehp-v142-exam-panel{
  display:grid;
  gap:7px;
  padding:8px;
  background:#ffffff;
}
#ehpExamSyllabusModule .ehp-v142-syllabus-row{
  display:grid;
  grid-template-columns:76px 92px minmax(0,1fr);
  gap:7px;
  padding:9px;
  border:1px solid #d2deea;
  border-radius:8px;
  background:#f8fbff;
  color:#1e3a55;
  font-size:11px;
  line-height:1.4;
}
#ehpExamSyllabusModule .ehp-v142-syllabus-row b{
  color:#0b4d86;
}
#ehpExamSyllabusModule .ehp-v142-syllabus-pending{
  color:#9a5b00;
  font-weight:900;
}
#ehpExamSyllabusModule .ehp-v142-syllabus-empty{
  padding:14px;
  border:1px dashed #9fb8d0;
  border-radius:9px;
  background:#f5f9fd;
  color:#48647f;
  text-align:center;
  font-size:12px;
  font-weight:800;
}

/* =========================================================
   RESULT OVERVIEW: RELIABLE TRIANGLE COLLAPSE
========================================================= */
#ehpReportArea .ehp-v142-result-overview-card{
  overflow:hidden!important;
  padding:0!important;
}
#ehpReportArea .ehp-v142-result-overview-toggle{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  width:100%;
  min-height:42px;
  padding:9px 12px;
  border:0;
  border-bottom:1px solid #c8d8e8;
  background:#eaf3fc;
  color:#0b4d86;
  text-align:left;
  font-size:13px;
  font-weight:900;
  cursor:pointer;
}
#ehpReportArea .ehp-v142-result-overview-triangle{
  width:0;
  height:0;
  border-left:6px solid transparent;
  border-right:6px solid transparent;
  border-top:8px solid currentColor;
  color:#0b4d86;
  transition:transform .14s ease;
}
#ehpReportArea .ehp-v142-result-overview-toggle[aria-expanded="false"]
.ehp-v142-result-overview-triangle{
  transform:rotate(-90deg);
}
#ehpReportArea .ehp-v142-result-overview-panel{
  padding:8px;
}
#ehpReportArea .ehp-v142-result-overview-panel[hidden]{
  display:none!important;
}
#ehpReportArea .ehp-panel{
  scroll-margin-top:8px;
}

/* =========================================================
   STUDENT BUBBLING: COMPACT SEARCH FIRST
========================================================= */
#ehpPanel_bubbling > .ehp-reflection-note{
  display:none!important;
}
#ehpPanel_bubbling .ehp-section-title{
  margin-top:0!important;
  margin-bottom:10px!important;
}
#ehpPanel_bubbling .ehp-v135-bubbling-search{
  margin-top:0!important;
}
#ehpPanel_bubbling #ehpReflectionBubblingShowing[hidden]{
  display:none!important;
}

/* =========================================================
   TEACHING ANALYSIS: SUBJECT BUTTONS ONLY
========================================================= */
#ehpPanel_testanalysis .ehp-reflection-filter-grid{
  display:none!important;
}
#ehpPanel_testanalysis .ehp-v142-subject-bar{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:11px 0;
}
#ehpPanel_testanalysis .ehp-v142-subject-btn{
  min-height:40px;
  padding:8px 13px;
  border:1px solid #a9bfd6;
  border-radius:9px;
  background:#eaf3fc;
  color:#0b4d86;
  font-size:12px;
  font-weight:900;
  cursor:pointer;
}
#ehpPanel_testanalysis .ehp-v142-subject-btn.active{
  background:#0b6da7;
  color:#ffffff;
  border-color:#30dce1;
}
#ehpPanel_testanalysis .ehp-table th:nth-child(1),
#ehpPanel_testanalysis .ehp-table td:nth-child(1),
#ehpPanel_testanalysis .ehp-table th:nth-child(3),
#ehpPanel_testanalysis .ehp-table td:nth-child(3){
  display:none!important;
}
#ehpPanel_testanalysis .ehp-table{
  min-width:540px!important;
}

@media(max-width:1024px){
  /* Remove the marked result message and the unused top gap. */
  body.ehp-principal-mobile-logged-in #ehpResultsModule #ehpFilterMessage{
    display:none!important;
  }
  body.ehp-principal-mobile-logged-in #ehpPmView .ehp-pm-page-head{
    margin-bottom:6px!important;
  }
  body.ehp-principal-mobile-logged-in #ehpResultsModule,
  body.ehp-principal-mobile-logged-in #ehpResultsModule #ehpFilterCard{
    margin-top:0!important;
    padding-top:7px!important;
  }
  body.ehp-principal-mobile-logged-in #ehpResultsModule #ehpFilterCard{
    margin-bottom:7px!important;
  }

  /* Compact dark syllabus. */
  body.ehp-principal-mobile-logged-in #ehpExamSyllabusModule .ehp-v142-syllabus-type-btn{
    background:#0c3455!important;
    color:#ffffff!important;
    border-color:#315b79!important;
  }
  body.ehp-principal-mobile-logged-in #ehpExamSyllabusModule .ehp-v142-syllabus-type-btn.active{
    background:#0b6da7!important;
    border-color:#45e5df!important;
  }
  body.ehp-principal-mobile-logged-in #ehpExamSyllabusModule .ehp-v142-period,
  body.ehp-principal-mobile-logged-in #ehpExamSyllabusModule .ehp-v142-exam{
    background:#061426!important;
    border-color:#315b79!important;
  }
  body.ehp-principal-mobile-logged-in #ehpExamSyllabusModule .ehp-v142-period-toggle,
  body.ehp-principal-mobile-logged-in #ehpExamSyllabusModule .ehp-v142-exam-toggle{
    background:#0e3b5f!important;
    color:#ffffff!important;
  }
  body.ehp-principal-mobile-logged-in #ehpExamSyllabusModule .ehp-v142-period-panel,
  body.ehp-principal-mobile-logged-in #ehpExamSyllabusModule .ehp-v142-exam-panel{
    background:#061426!important;
  }
  body.ehp-principal-mobile-logged-in #ehpExamSyllabusModule .ehp-v142-syllabus-row{
    background:#0b2841!important;
    color:#eef8ff!important;
    border-color:#315b79!important;
  }
  body.ehp-principal-mobile-logged-in #ehpExamSyllabusModule .ehp-v142-syllabus-row b{
    color:#58e5ee!important;
  }
  body.ehp-principal-mobile-logged-in #ehpExamSyllabusModule .ehp-v142-syllabus-pending{
    color:#ffd36d!important;
  }
  body.ehp-principal-mobile-logged-in #ehpExamSyllabusModule .ehp-v142-exam-date{
    color:#d3e9f8!important;
  }
  body.ehp-principal-mobile-logged-in #ehpExamSyllabusModule .ehp-v142-triangle{
    color:#48eadc!important;
  }
  body.ehp-principal-mobile-logged-in #ehpExamSyllabusModule .ehp-v142-syllabus-empty{
    background:#0b2841!important;
    color:#eef8ff!important;
    border-color:#477493!important;
  }

  /* Result overview remains readable after collapsing. */
  body.ehp-principal-mobile-logged-in #ehpReportArea .ehp-v142-result-overview-card{
    background:#061a2e!important;
    border-color:#315b79!important;
  }
  body.ehp-principal-mobile-logged-in #ehpReportArea .ehp-v142-result-overview-toggle{
    background:#0e3b5f!important;
    color:#ffffff!important;
    border-color:#315b79!important;
  }
  body.ehp-principal-mobile-logged-in #ehpReportArea .ehp-v142-result-overview-panel{
    background:#061426!important;
  }
  body.ehp-principal-mobile-logged-in #ehpReportArea .ehp-v142-result-overview-triangle{
    color:#48eadc!important;
  }

  /* Complete Teaching Analysis dark mode. */
  body.ehp-principal-mobile-logged-in #ehpPanel_testanalysis{
    background:#020b18!important;
    color:#eef8ff!important;
  }
  body.ehp-principal-mobile-logged-in #ehpPanel_testanalysis .ehp-section-title{
    color:#ffffff!important;
    border-color:#35dfd8!important;
  }
  body.ehp-principal-mobile-logged-in #ehpPanel_testanalysis .ehp-reflection-note,
  body.ehp-principal-mobile-logged-in #ehpPanel_testanalysis .ehp-reflection-kpi,
  body.ehp-principal-mobile-logged-in #ehpPanel_testanalysis .ehp-reflection-showing{
    background:#0b2841!important;
    color:#eef8ff!important;
    border-color:#315b79!important;
  }
  body.ehp-principal-mobile-logged-in #ehpPanel_testanalysis .ehp-reflection-kpi b{
    color:#ffffff!important;
  }
  body.ehp-principal-mobile-logged-in #ehpPanel_testanalysis .ehp-v142-subject-btn{
    background:#0c3455!important;
    color:#ffffff!important;
    border-color:#315b79!important;
  }
  body.ehp-principal-mobile-logged-in #ehpPanel_testanalysis .ehp-v142-subject-btn.active{
    background:#0b6da7!important;
    border-color:#45e5df!important;
  }
  body.ehp-principal-mobile-logged-in #ehpPanel_testanalysis .ehp-table,
  body.ehp-principal-mobile-logged-in #ehpPanel_testanalysis .ehp-table tbody,
  body.ehp-principal-mobile-logged-in #ehpPanel_testanalysis .ehp-table tr,
  body.ehp-principal-mobile-logged-in #ehpPanel_testanalysis .ehp-table td{
    background:#0b2841!important;
    color:#ffffff!important;
    border-color:#3d6380!important;
  }
  body.ehp-principal-mobile-logged-in #ehpPanel_testanalysis .ehp-table th{
    background:#0b6da7!important;
    color:#ffffff!important;
    border-color:#4b91b8!important;
  }

  /* Bubbling uses the top area for the actual search, not instruction patches. */
  body.ehp-principal-mobile-logged-in #ehpPanel_bubbling{
    padding-top:0!important;
  }
  body.ehp-principal-mobile-logged-in #ehpPanel_bubbling .ehp-section-title{
    margin-top:0!important;
  }
}

@media(max-width:520px){
  #ehpExamSyllabusModule .ehp-v142-syllabus-type-bar{
    gap:6px;
  }
  #ehpExamSyllabusModule .ehp-v142-syllabus-type-btn{
    min-height:39px;
    padding:7px 2px;
    font-size:11px;
  }
  #ehpExamSyllabusModule .ehp-v142-syllabus-row{
    grid-template-columns:58px 70px minmax(0,1fr);
    gap:5px;
    padding:8px 6px;
    font-size:10px;
  }
  #ehpPanel_testanalysis .ehp-v142-subject-bar{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  #ehpPanel_testanalysis .ehp-v142-subject-btn{
    width:100%;
    padding:7px 5px;
  }
}

/* ===== ehpV143StudentNameVisibility | source line 12650 ===== */
/* Rank-list/student-name cells on the portal */
.ehp-table td.name,
.ehp-table td.name *,
.ehp-table td.name .ehp-student-link,
.ehp-student-link{
  color:#000000!important;
  -webkit-text-fill-color:#000000!important;
  opacity:1!important;
  text-shadow:none!important;
}

/* White report and export surfaces */
#ehpReportArea .ehp-table td.name,
#ehpReportArea .ehp-table td.name *,
#ehpReportArea .ehp-student-link,
.ehp-student-dialog .ehp-table td.name,
.ehp-student-dialog .ehp-table td.name *{
  color:#000000!important;
  -webkit-text-fill-color:#000000!important;
}

@media print{
  .ehp-table td.name,
  .ehp-table td.name *,
  .ehp-student-link{
    color:#000000!important;
    -webkit-text-fill-color:#000000!important;
    opacity:1!important;
    text-shadow:none!important;
    background:transparent!important;
  }
}

/* ===== ehpV145StudentNamePrintFix | source line 12717 ===== */
/* V1.45 permanent student-name visibility fix.
   Names are SPAN text, not BUTTON elements, so generic print rules cannot hide them. */
.ehp-student-name-text,
.ehp-table td.name .ehp-student-name-text,
#ehpReportArea .ehp-table td.name .ehp-student-name-text{
  display:inline !important;
  visibility:visible !important;
  opacity:1 !important;
  color:#000000 !important;
  -webkit-text-fill-color:#000000 !important;
  background:transparent !important;
  text-shadow:none !important;
  font-weight:700 !important;
  cursor:pointer;
}
@media print{
  .ehp-student-name-text,
  .ehp-table td.name .ehp-student-name-text,
  #ehpReportArea .ehp-table td.name .ehp-student-name-text{
    display:inline !important;
    visibility:visible !important;
    opacity:1 !important;
    color:#000000 !important;
    -webkit-text-fill-color:#000000 !important;
    background:transparent !important;
    text-shadow:none !important;
  }
}