/* EDUHUNT PRINCIPAL PORTAL — HOSTINGER SHELL V1.0 */
:root{color-scheme:light}
html,body{margin:0;min-height:100%;width:100%;background:#fff}
body{font-family:Arial,"Helvetica Neue",sans-serif}
body>header,body>footer{display:none}
button,input,select,textarea{font:inherit}
button{touch-action:manipulation}
[hidden]{display:none!important}

/* ===== ehpSmartInstallStyles | source line 11 ===== */
#ehpInstallBanner{
  position:fixed;
  left:14px;
  right:14px;
  bottom:14px;
  z-index:2147483000;
  display:none;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  max-width:720px;
  margin:0 auto;
  padding:13px 14px;
  border:1px solid #8bb8e8;
  border-left:6px solid #0b78d1;
  border-radius:14px;
  background:#ffffff;
  color:#0b2f54;
  box-shadow:0 12px 35px rgba(0,35,75,.22);
  font-family:Arial,sans-serif;
}
#ehpInstallBanner.ehp-install-show{display:flex;animation:ehpInstallRise .24s ease-out both}
@keyframes ehpInstallRise{from{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}
.ehp-install-copy{display:flex;align-items:center;gap:11px;min-width:0;flex:1}
.ehp-install-icon{
  width:44px;height:44px;flex:0 0 44px;border-radius:12px;
  display:flex;align-items:center;justify-content:center;
  background:#e8f4ff;color:#075792;font-size:23px
}
.ehp-install-text{min-width:0}
.ehp-install-title{font-size:15px;font-weight:900;line-height:1.2;margin:0 0 3px}
.ehp-install-sub{font-size:12.5px;font-weight:600;line-height:1.35;color:#48647f;margin:0}
.ehp-install-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
#ehpInstallNowButton{
  border:0;border-radius:10px;background:#0b5b96;color:#fff;
  min-height:42px;padding:0 17px;font-size:13px;font-weight:900;cursor:pointer
}
#ehpInstallNowButton:hover{background:#074777}
#ehpInstallNowButton:disabled{opacity:.65;cursor:wait}
#ehpInstallDismissButton{
  width:38px;height:38px;border:1px solid #b9cadb;border-radius:10px;
  background:#f5f9fd;color:#2f4c67;font-size:21px;line-height:1;cursor:pointer
}
#ehpInstallDismissButton:hover{background:#e8f1f9}
@media (max-width:600px){
  #ehpInstallBanner{left:8px;right:8px;bottom:8px;padding:11px;gap:8px}
  .ehp-install-icon{width:38px;height:38px;flex-basis:38px;font-size:20px}
  .ehp-install-title{font-size:13px}
  .ehp-install-sub{font-size:11px}
  #ehpInstallNowButton{min-height:40px;padding:0 12px;font-size:12px}
  #ehpInstallDismissButton{width:34px;height:34px}
}
@media (display-mode:standalone){#ehpInstallBanner{display:none!important}}

/* ===== ehpV440StaticSafety | source line 74 ===== */
html,body{min-height:100%;background:#ffffff!important;}
#ehpRoot{display:block!important;visibility:visible!important;opacity:1!important;}
#ehpDashboard .ehp-module-panel{display:none;}
#ehpDashboard .ehp-module-panel.active{display:block;}

/* ===== STYLE_3 | source line 80 ===== */
.ehp-root{
    max-width:1180px;
    margin:0 auto;
    font-family:Arial,sans-serif;
    color:#071f3d;
    background:#fff;
    padding:0 10px;
  }

  .ehp-root *{
    box-sizing:border-box;
  }

  .ehp-login-head,
  .ehp-school-head{
    text-align:center;
    padding:16px 10px 12px;
    border-bottom:3px solid #0b4d86;
    margin-bottom:16px;
  }

  .ehp-login-head h1,
  .ehp-school-head h1{
    margin:0;
    font-size:30px;
    color:#0b4d86;
    font-weight:900;
    text-transform:uppercase;
    line-height:1.15;
  }

  .ehp-login-head .subtitle,
  .ehp-school-head .subtitle{
    margin-top:5px;
    font-size:16px;
    font-weight:800;
    color:#111;
  }

  .ehp-school-head .town{
    margin-top:4px;
    font-size:14px;
    font-weight:700;
    color:#444;
  }

  .ehp-powered{
    margin-top:5px;
    font-size:11px;
    color:#555;
    font-weight:600;
  }

  .ehp-card{
    background:#fff;
    border:1px solid #d2dbe7;
    border-radius:10px;
    padding:16px;
    margin:14px 0;
    box-shadow:0 4px 12px rgba(0,0,0,.05);
  }

  .ehp-login-card{
    max-width:700px;
    margin:24px auto;
  }

  .ehp-login-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
  }

  .ehp-field label{
    display:block;
    margin-bottom:6px;
    color:#0b4d86;
    font-size:14px;
    font-weight:900;
  }

  .ehp-field input{
    width:100%;
    padding:13px 14px;
    border:1px solid #b8c8dc;
    border-radius:8px;
    font-size:16px;
    font-weight:700;
    background:#fff;
  }

  .ehp-beta-note{
    margin:14px 0 4px;
    padding:11px 13px;
    border:1px solid #9fc2e8;
    border-left:5px solid #0b4d86;
    border-radius:8px;
    background:#eef6ff;
    color:#123b63;
    font-size:13px;
    font-weight:800;
    line-height:1.5;
  }

  .ehp-check{
    display:flex;
    align-items:center;
    gap:9px;
    margin-top:12px;
    font-size:14px;
    font-weight:700;
    color:#111;
    cursor:pointer;
    user-select:none;
  }

  .ehp-check input[type="checkbox"]{
    appearance:auto !important;
    -webkit-appearance:checkbox !important;
    width:19px !important;
    height:19px !important;
    min-width:19px !important;
    margin:0 !important;
    padding:0 !important;
    accent-color:#0b4d86;
    cursor:pointer;
    opacity:1 !important;
    visibility:visible !important;
    display:inline-block !important;
  }

  .ehp-actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:14px;
  }

  .ehp-btn{
    border:none;
    padding:12px 18px;
    border-radius:8px;
    cursor:pointer;
    font-size:14px;
    font-weight:800;
    color:#fff;
    background:#0b4d86;
  }

  .ehp-btn.green{
    background:#139b34;
  }

  .ehp-btn.red{
    background:#d71920;
  }

  .ehp-btn.dark{
    background:#1f2937;
  }

  .ehp-message{
    margin-top:12px;
    color:#d71920;
    font-size:14px;
    font-weight:800;
    text-align:center;
  }

  .ehp-filter-title{
    text-align:center;
    font-size:20px;
    color:#0b4d86;
    font-weight:900;
    margin-bottom:12px;
    border-bottom:2px solid #0b4d86;
    padding-bottom:8px;
  }

  .ehp-filter-grid{
    display:grid;
    grid-template-columns:1fr 1fr 1fr auto;
    gap:12px;
    align-items:end;
  }

  .ehp-select-wrap{
    position:relative;
  }

  .ehp-select-wrap select{
    width:100%;
    padding:13px 42px 13px 14px;
    border:1px solid #b8c8dc;
    border-radius:8px;
    font-size:16px;
    font-weight:700;
    background:#fff;
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    cursor:pointer;
  }

  .ehp-select-wrap:after{
    content:"";
    position:absolute;
    right:16px;
    top:50%;
    transform:translateY(-35%);
    width:0;
    height:0;
    border-left:8px solid transparent;
    border-right:8px solid transparent;
    border-top:10px solid #0b4d86;
    pointer-events:none;
  }

  .ehp-info-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:12px;
  }

  .ehp-info-box{
    background:#eef5fd;
    border:1px solid #d4e2f2;
    border-radius:8px;
    padding:14px;
  }

  .ehp-info-box .label{
    font-size:12px;
    font-weight:800;
    color:#0b4d86;
    text-transform:uppercase;
  }

  .ehp-info-box .value{
    margin-top:6px;
    font-size:16px;
    font-weight:800;
    color:#111;
  }

  .ehp-summary-grid{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:10px;
  }

  .ehp-summary-box{
    text-align:center;
    border:1px solid #d0d7e2;
    border-radius:8px;
    padding:12px;
    background:#fafcff;
  }

  .ehp-summary-box .label{
    font-size:12px;
    color:#555;
    font-weight:700;
  }

  .ehp-summary-box .value{
    margin-top:5px;
    font-size:24px;
    color:#0b4d86;
    font-weight:900;
  }

  .ehp-tabs{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin:18px 0 12px;
  }

  .ehp-tab{
    border:none;
    padding:10px 14px;
    border-radius:8px;
    background:#dbe9f7;
    color:#0b4d86;
    font-size:13px;
    font-weight:800;
    cursor:pointer;
  }

  .ehp-tab.active{
    background:#0b4d86;
    color:#fff;
  }

  .ehp-panel{
    display:none;
  }

  .ehp-panel.active{
    display:block;
  }

  .ehp-section-title{
    font-size:22px;
    color:#0b4d86;
    font-weight:900;
    margin:8px 0 14px;
    padding-bottom:8px;
    border-bottom:2px solid #0b4d86;
  }

  .ehp-analysis-card{
    border:1px solid #cfd8e3;
    border-radius:10px;
    padding:15px;
    margin-bottom:14px;
    background:#fff;
  }

  .ehp-analysis-card h3{
    margin:0 0 12px;
    font-size:18px;
    color:#0b4d86;
    font-weight:900;
  }

  .ehp-vertical-chart{
    width:100%;
    min-height:260px;
    display:flex;
    align-items:flex-end;
    justify-content:center;
    gap:28px;
    padding:20px 10px 8px;
    border:1px solid #e2e8f0;
    background:#fafcff;
    border-radius:8px;
  }

  .ehp-vbar-item{
    width:90px;
    text-align:center;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-end;
  }

  .ehp-vbar-value{
    font-size:13px;
    font-weight:800;
    color:#0b4d86;
    margin-bottom:5px;
  }

  .ehp-vbar{
    width:42px;
    min-height:4px;
    background:#0b4d86;
    border-radius:8px 8px 0 0;
  }

  .ehp-vbar-label{
    margin-top:7px;
    font-size:12px;
    color:#111;
    font-weight:700;
    word-break:break-word;
  }

  .ehp-note{
    font-size:14px;
    line-height:1.6;
    color:#222;
    font-weight:400;
  }

  .ehp-strong{
    color:#139b34;
    font-weight:800;
  }

  .ehp-weak{
    color:#d71920;
    font-weight:800;
  }

  .ehp-table-wrap{
    overflow-x:auto;
    margin-top:8px;
  }

  .ehp-table{
    width:100%;
    border-collapse:collapse;
    background:#fff;
    font-size:14px;
  }

  .ehp-table th,
  .ehp-table td{
    border:1px solid #000;
    padding:9px 8px;
    text-align:center;
    vertical-align:middle;
    color:#111;
    font-weight:500;
  }

  .ehp-table th,
  .ehp-table th *{
    background:#0b4d86 !important;
    color:#ffffff !important;
    font-weight:800 !important;
  }

  .ehp-table td.name{
    text-align:left;
    font-weight:400;
  }

  .ehp-table td.action{
    text-align:left;
    font-weight:400;
  }

  .ehp-diff-very{
    background:#ffdede;
    color:#aa0000;
  }

  .ehp-diff-hard{
    background:#fff0d4;
    color:#9b5a00;
  }

  .ehp-diff-moderate{
    background:#fff9d5;
    color:#746000;
  }

  .ehp-bottom-actions{
    margin-top:18px;
  }

  .ehp-footer{
    text-align:center;
    padding:18px 0;
    font-size:12px;
    color:#555;
    font-weight:700;
  }

  @media screen and (max-width:900px){
    .ehp-root{
      padding:0 8px;
    }

    .ehp-login-grid,
    .ehp-filter-grid,
    .ehp-info-grid,
    .ehp-summary-grid{
      grid-template-columns:1fr;
    }

    .ehp-login-head h1,
    .ehp-school-head h1{
      font-size:24px;
    }

    .ehp-tabs{
      flex-direction:column;
    }

    .ehp-tab{
      width:100%;
      text-align:left;
    }

    .ehp-actions{
      flex-direction:column;
    }

    .ehp-btn{
      width:100%;
      text-align:center;
    }

    .ehp-table{
      font-size:12px;
    }

    .ehp-table th,
    .ehp-table td{
      padding:7px 6px;
    }

    .ehp-vertical-chart{
      gap:12px;
      overflow-x:auto;
      justify-content:flex-start;
    }

    .ehp-vbar-item{
      min-width:75px;
    }
  }

  @media screen and (min-width:901px) and (max-width:1100px){
    .ehp-filter-grid{
      grid-template-columns:1fr 1fr 1fr;
    }

    .ehp-filter-grid .ehp-btn{
      grid-column:1 / -1;
    }

    .ehp-summary-grid{
      grid-template-columns:repeat(3,1fr);
    }
  }


  .ehp-module-menu{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:10px;
    margin:14px 0 16px;
  }

  .ehp-module-btn{
    border:1px solid #b8c8dc;
    background:#eef5fd;
    color:#0b4d86;
    border-radius:10px;
    padding:13px 10px;
    font-size:13px;
    font-weight:900;
    cursor:pointer;
    text-align:center;
    min-height:54px;
  }

  .ehp-module-btn.active{
    background:#0b4d86;
    color:#fff;
    border-color:#0b4d86;
  }

  .ehp-module-panel{
    display:none;
  }

  .ehp-module-panel.active{
    display:block;
  }

  .ehp-att-filter-grid{
    grid-template-columns:1fr 1fr auto auto;
  }

  .ehp-assignment-filter-grid{
    display:grid;
    grid-template-columns:1fr 1fr auto;
    gap:12px;
    align-items:end;
    margin-top:14px;
  }

  .ehp-assignment-list{
    margin-top:16px;
    display:grid;
    grid-template-columns:1fr;
    gap:14px;
  }

  .ehp-assignment-group{
    border:1px solid #c9d7e8;
    border-radius:12px;
    overflow:hidden;
    background:#fff;
  }

  .ehp-assignment-group-head{
    background:#0b4d86;
    color:#fff;
    padding:12px 14px;
    font-size:16px;
    font-weight:900;
    display:flex;
    justify-content:space-between;
    gap:10px;
    flex-wrap:wrap;
  }

  .ehp-assignment-subject-row{
    display:grid;
    grid-template-columns:minmax(140px,1fr) minmax(360px,2fr);
    gap:10px;
    align-items:center;
    padding:12px 14px;
    border-top:1px solid #d9e4f2;
  }

  .ehp-assignment-subject{
    font-size:15px;
    font-weight:900;
    color:#111;
  }

  .ehp-assignment-status{
    display:inline-block;
    text-align:center;
    border-radius:20px;
    padding:6px 10px;
    font-size:12px;
    font-weight:900;
  }

  .ehp-assignment-status.uploaded{
    background:#e9f8ec;
    color:#0a7d2a;
    border:1px solid #a9e2b8;
  }

  .ehp-assignment-status.pending{
    background:#fff7df;
    color:#8a5a00;
    border:1px solid #f0d085;
  }

  .ehp-assignment-text{
    font-size:14px;
    color:#222;
    font-weight:700;
    line-height:1.45;
  }

  .ehp-assignment-actions{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:8px;
  }

  .ehp-mini-btn{
    border:none;
    border-radius:7px;
    padding:8px 10px;
    font-size:12px;
    font-weight:900;
    cursor:pointer;
    background:#0b4d86;
    color:#fff;
  }

  .ehp-mini-btn.green{ background:#139b34; }
  .ehp-mini-btn.dark{ background:#1f2937; }
  .ehp-mini-btn.whatsapp{ background:#25D366; color:#fff; }
  .ehp-mini-btn:disabled,
  .ehp-btn:disabled{
    opacity:.65;
    cursor:not-allowed;
  }

  .ehp-whatsapp-preview{
    margin-top:14px;
    border:1px solid #b8ddc3;
    border-radius:10px;
    background:#f4fff6;
    padding:14px;
    color:#111;
    font-size:14px;
    font-weight:700;
    line-height:1.6;
    white-space:pre-wrap;
    display:none;
  }

  .ehp-assignment-message{
    margin-top:14px;
    border:1px solid #d4e2f2;
    border-radius:10px;
    background:#fffdf3;
    padding:14px;
    color:#111;
    font-size:15px;
    font-weight:700;
    line-height:1.55;
    display:none;
  }

  .ehp-info-content{
    color:#111;
    font-size:15px;
    line-height:1.65;
    font-weight:600;
  }

  .ehp-info-content h3{
    color:#0b4d86;
    font-size:18px;
    margin:12px 0 8px;
  }

  .ehp-info-content ol,
  .ehp-info-content ul{
    margin-top:6px;
    padding-left:24px;
  }

  .ehp-pattern-table{
    width:100%;
    border-collapse:collapse;
    margin-top:10px;
    font-size:14px;
  }

  .ehp-pattern-table th,
  .ehp-pattern-table td{
    border:1px solid #000;
    padding:9px;
    text-align:left;
    vertical-align:top;
  }

  .ehp-pattern-table th{
    background:#0b4d86;
    color:#fff;
    font-weight:900;
    text-align:center;
  }

  .ehp-small-alert{
    background:#eef5fd;
    border:1px solid #d4e2f2;
    padding:12px;
    border-radius:8px;
    font-weight:800;
    color:#0b4d86;
    margin-top:12px;
  }

  .ehp-video-box{
    margin:14px 0 16px;
    border:1px solid #cfd8e3;
    border-radius:12px;
    overflow:hidden;
    background:#000;
    box-shadow:0 4px 12px rgba(0,0,0,.08);
  }

  .ehp-video-frame{
    position:relative;
    width:100%;
    padding-top:56.25%;
    background:#000;
  }

  .ehp-video-frame iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border:0;
  }

  .ehp-omr-steps{
    display:grid;
    grid-template-columns:1fr;
    gap:14px;
    margin-top:12px;
  }

  .ehp-omr-step-card{
    border:1px solid #d4e2f2;
    border-radius:10px;
    background:#fbfdff;
    padding:14px;
    width:100%;
  }

  .ehp-omr-step-card h4{
    margin:0 0 8px;
    color:#0b4d86;
    font-size:16px;
    font-weight:900;
  }

  .ehp-omr-mark-table{
    width:100%;
    border-collapse:collapse;
    margin-top:8px;
    font-size:14px;
  }


  .ehp-address-box{
    margin:10px 0;
    padding:14px;
    border:2px solid #0b4d86;
    border-radius:10px;
    background:#f8fbff;
    color:#111;
    font-size:16px;
    line-height:1.7;
    font-weight:800;
    text-align:center;
  }

  .ehp-omr-mark-table th,
  .ehp-omr-mark-table td{
    border:1px solid #000;
    padding:8px;
    text-align:center;
    vertical-align:middle;
  }

  .ehp-omr-mark-table th{
    background:#0b4d86;
    color:#fff;
    font-weight:900;
  }


  .ehp-action-toast{
    display:none;
    position:fixed;
    top:14px;
    left:50%;
    transform:translateX(-50%);
    width:calc(100% - 24px);
    max-width:520px;
    padding:13px 16px;
    border-radius:9px;
    color:#fff;
    font-size:14px;
    font-weight:800;
    text-align:center;
    z-index:999999;
    box-shadow:0 6px 20px rgba(0,0,0,.28);
  }

  .ehp-action-toast.show{ display:block; }
  .ehp-action-toast.loading{ background:#0b4d86; }
  .ehp-action-toast.success{ background:#138a35; }
  .ehp-action-toast.error{ background:#c62828; }

  @media screen and (max-width:900px){
    .ehp-module-menu,
    .ehp-att-filter-grid,
    .ehp-omr-steps,
    .ehp-assignment-filter-grid,
    .ehp-assignment-subject-row{
      grid-template-columns:1fr;
    }

    .ehp-assignment-actions{
      justify-content:flex-start;
    }

    .ehp-assignment-actions .ehp-mini-btn{
      flex:1 1 46%;
      min-height:42px;
    }
  }


  .ehp-btn:active, .ehp-mini-btn:active, .ehp-module-btn:active, .ehp-tab:active{
    transform:scale(.98);
  }
  .ehp-btn:disabled, .ehp-mini-btn:disabled{
    opacity:.7;
    cursor:wait;
  }

  /* Classic mobile navigation: all 11 dashboard buttons remain visible */
  @media screen and (max-width:900px){
    .ehp-root{ padding-bottom:0; }
    .ehp-module-menu{
      display:grid !important;
      grid-template-columns:1fr !important;
      gap:9px;
      position:static;
    }
    .ehp-module-btn{
      width:100%;
      min-height:48px;
      text-align:center;
      padding:12px 10px;
      font-size:13px;
    }
  }



  /* Principal-side student result detail viewer */
  .ehp-student-link{
    border:0;
    background:transparent;
    padding:0;
    color:#0b4d86;
    font:inherit;
    font-weight:400;
    text-align:left;
    line-height:1.35;
    display:inline-block;
    text-decoration:none;
    cursor:pointer;
  }
  .ehp-student-link:hover{color:#d71920;}
  .ehp-student-click-note{
    margin:0 0 10px;
    padding:10px 12px;
    border:1px solid #f0c84b;
    border-left:5px solid #e2a900;
    border-radius:8px;
    background:#fff9df;
    color:#3d3300;
    font-size:14px;
    font-weight:800;
    text-align:left;
  }
  .ehp-student-modal{
    display:none;
    position:fixed;
    inset:0;
    z-index:100000;
    background:rgba(0,0,0,.62);
    padding:18px;
    overflow:auto;
  }
  .ehp-student-modal.open{display:block;}
  .ehp-student-dialog{
    width:min(980px,100%);
    margin:0 auto;
    background:#fff;
    border-radius:14px;
    box-shadow:0 18px 60px rgba(0,0,0,.35);
    overflow:hidden;
  }
  .ehp-student-modal-head{
    position:sticky;
    top:0;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:13px 16px;
    background:#0b4d86;
    color:#fff;
  }
  .ehp-student-modal-head h2{margin:0;font-size:19px;font-weight:900;}
  .ehp-student-close{
    border:0;
    border-radius:8px;
    background:#fff;
    color:#0b4d86;
    padding:9px 13px;
    font-size:13px;
    font-weight:900;
    cursor:pointer;
  }
  .ehp-student-body{padding:16px;}
  .ehp-student-profile{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:10px;
    margin-bottom:14px;
  }
  .ehp-student-profile .box{
    border:1px solid #d4e2f2;
    border-radius:9px;
    background:#f7fbff;
    padding:11px;
  }
  .ehp-student-profile .k{font-size:11px;color:#0b4d86;font-weight:900;text-transform:uppercase;}
  .ehp-student-profile .v{margin-top:5px;font-size:15px;color:#111;font-weight:800;word-break:break-word;}
  .ehp-student-score-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:10px;
    margin:12px 0;
  }
  .ehp-student-score{
    border:1px solid #cfd8e3;
    border-radius:10px;
    padding:12px;
    text-align:center;
    background:#fff;
  }
  .ehp-student-score .subject{font-size:13px;font-weight:900;color:#0b4d86;}
  .ehp-student-score .mark{font-size:26px;font-weight:900;color:#111;margin-top:5px;}
  .ehp-student-score .rank{font-size:12px;font-weight:800;color:#555;margin-top:3px;}
  .ehp-student-chart{
    display:flex;
    align-items:flex-end;
    gap:18px;
    min-height:220px;
    overflow-x:auto;
    padding:18px 10px 8px;
    border:1px solid #dbe4ef;
    border-radius:10px;
    background:#fafcff;
  }
  .ehp-student-chart-item{min-width:72px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;}
  .ehp-student-chart-value{font-size:12px;font-weight:900;color:#0b4d86;margin-bottom:4px;}
  .ehp-student-chart-bar{width:42px;min-height:4px;background:#0b4d86;border-radius:7px 7px 0 0;}
  .ehp-student-chart-label{font-size:11px;font-weight:800;color:#111;margin-top:6px;}
  .ehp-student-modal-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px;}
  @media(max-width:900px){
    .ehp-student-modal{padding:0;}
    .ehp-student-dialog{width:100%;min-height:100%;border-radius:0;}
    .ehp-student-profile{grid-template-columns:1fr 1fr;}
    .ehp-student-score-grid{grid-template-columns:1fr 1fr;}
  }
  @media(max-width:520px){
    .ehp-student-profile,.ehp-student-score-grid{grid-template-columns:1fr;}
    .ehp-student-modal-head h2{font-size:16px;}
  }


/* Full student-result presentation styles */

.ehs-root{max-width:1100px;margin:0 auto;font-family:Arial,sans-serif;color:#071f3d;background:#fff;padding:0 10px}
.ehs-root *{box-sizing:border-box}
.ehs-login-head,.ehs-school-head{text-align:center;padding:16px 10px 12px;border-bottom:3px solid #0b4d86;margin-bottom:16px}
.ehs-login-head h1,.ehs-school-head h1{margin:0;font-size:30px;color:#0b4d86;font-weight:900;text-transform:uppercase;line-height:1.15}
.ehs-login-head .subtitle,.ehs-school-head .subtitle{margin-top:5px;font-size:16px;font-weight:800;color:#111}
.ehs-school-head .town{margin-top:4px;font-size:14px;font-weight:700;color:#444}
.ehs-powered{margin-top:5px;font-size:11px;color:#555;font-weight:600}
.ehs-card{background:#fff;border:1px solid #d2dbe7;border-radius:10px;padding:16px;margin:14px 0;box-shadow:0 4px 12px rgba(0,0,0,.05)}
.ehs-login-card{max-width:900px;margin:24px auto}
.ehs-login-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ehs-field label{display:block;margin-bottom:6px;color:#0b4d86;font-size:14px;font-weight:900}
.ehs-field input{width:100%;padding:13px 14px;border:1px solid #b8c8dc;border-radius:8px;font-size:16px;font-weight:700;background:#fff}
.ehs-check{display:inline-flex!important;align-items:center!important;gap:9px!important;font-weight:900!important;color:#111!important;margin-top:12px!important;cursor:pointer!important;line-height:1.2!important;user-select:none!important}
.ehs-tickbox{width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;border:2px solid #0b4d86!important;border-radius:5px!important;background:#fff!important;color:transparent!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:18px!important;font-weight:900!important;box-shadow:0 1px 4px rgba(0,0,0,.15)!important}
.ehs-tickbox.checked{background:#0b4d86!important;color:#fff!important}
.ehs-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.ehs-btn{border:none;padding:12px 18px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:800;color:#fff;background:#0b4d86}
.ehs-btn.green{background:#139b34}.ehs-btn.red{background:#d71920}.ehs-btn.dark{background:#1f2937}
.ehs-message{margin-top:12px;color:#d71920;font-size:14px;font-weight:800;text-align:center}
.ehs-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.ehs-info-box{background:#eef5fd;border:1px solid #d4e2f2;border-radius:8px;padding:14px}
.ehs-info-box .label{font-size:12px;font-weight:800;color:#0b4d86;text-transform:uppercase}
.ehs-info-box .value{margin-top:6px;font-size:16px;font-weight:700;color:#111}
.ehs-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.ehs-summary-box{text-align:center;border:1px solid #d0d7e2;border-radius:8px;padding:12px;background:#fafcff}
.ehs-summary-box .label{font-size:12px;color:#555;font-weight:700}
.ehs-summary-box .value{margin-top:5px;font-size:24px;color:#0b4d86;font-weight:900}
.ehs-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 12px}
.ehs-tab{border:none;padding:10px 14px;border-radius:8px;background:#dbe9f7;color:#0b4d86;font-size:13px;font-weight:800;cursor:pointer}
.ehs-tab.active{background:#0b4d86;color:#fff}
.ehs-section-title{font-size:22px;color:#0b4d86;font-weight:900;margin:16px 0 14px;padding-bottom:8px;border-bottom:2px solid #0b4d86}
.ehs-sub-title{font-size:18px;color:#0b4d86;font-weight:900;margin:18px 0 10px;border-left:5px solid #d71920;padding-left:10px}
.ehs-table-wrap{overflow-x:auto;margin-top:8px}
.ehs-table{width:100%;border-collapse:collapse;background:#fff;font-size:14px}
.ehs-table th,.ehs-table td{border:1px solid #000;padding:9px 8px;text-align:center;vertical-align:middle;color:#111;font-weight:500}
.ehs-table th,.ehs-table th *{background:#0b4d86!important;color:#fff!important;font-weight:800!important}
.ehs-wrong-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:12px 0}
.ehs-wrong-card{background:#fff7f7;border:1px solid #ffd1d1;border-radius:8px;padding:12px;min-height:70px;font-weight:500}
.ehs-wrong-card b{display:block;color:#d71920;margin-bottom:6px}
.ehs-ok{color:#0b8a36;font-weight:900}
.ehs-bad{color:#d71920;font-weight:900}
.ehs-empty{background:#fff8e5;border:1px solid #ffe0a3;padding:14px;border-radius:8px;font-weight:700;margin:14px 0}
.ehs-footer{text-align:center;padding:18px 0;font-size:12px;color:#555;font-weight:700}
.ehs-graph-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.ehs-graph-card{border:1px solid #d2dbe7;border-radius:10px;padding:12px;background:#fff;min-height:250px}
.ehs-graph-card:last-child:nth-child(odd){grid-column:1 / -1}
.ehs-graph-card h3{text-align:center;color:#0b4d86;font-size:18px;font-weight:900;margin:0 0 8px}
.ehs-graph-card svg text{font-size:19px!important}
.ehs-mobile-filter{max-width:430px;margin:14px auto;display:flex;gap:8px;align-items:center;background:#eef5ff;border:1px solid #cfe0f5;padding:10px;border-radius:14px}
.ehs-mobile-filter label{font-size:13px;font-weight:900;color:#0b4d86;white-space:nowrap}
.ehs-mobile-filter select{flex:1;padding:10px;border-radius:10px;border:1px solid #9fb9d6;font-weight:800;color:#071f3d;background:#fff}
.ehs-phone-screen{max-width:430px;margin:18px auto;border-radius:28px;padding:22px 18px;background:radial-gradient(circle at 75% 18%,rgba(0,210,255,.35),transparent 24%),linear-gradient(160deg,#061226 0%,#071b3d 42%,#020712 100%);color:#fff;box-shadow:0 18px 45px rgba(0,0,0,.28);overflow:hidden}
.ehs-phone-orange{background:radial-gradient(circle at 75% 18%,rgba(255,143,0,.35),transparent 24%),linear-gradient(160deg,#150b03 0%,#102240 48%,#020712 100%)}
.ehs-phone-title{text-align:center;font-size:26px;font-weight:900;color:#00cfff;text-transform:uppercase;margin-top:5px;line-height:1.1}
.ehs-phone-orange .ehs-phone-title{color:#ff9418}
.ehs-phone-sub{text-align:center;font-size:17px;font-weight:900;color:#d7e9ff;margin-top:4px}
.ehs-phone-date{display:flex;align-items:center;justify-content:center;gap:10px;color:#e9f5ff;font-size:20px;font-weight:700;margin:18px 0}
.ehs-phone-line{height:2px;width:70px;background:linear-gradient(90deg,transparent,#d7e9ff)}
.ehs-phone-line.right{background:linear-gradient(90deg,#d7e9ff,transparent)}
.ehs-score-panel{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;align-items:center;background:rgba(55,105,170,.42);border:1px solid rgba(255,255,255,.14);border-radius:22px;padding:18px;box-shadow:inset 0 0 30px rgba(255,255,255,.06)}
.ehs-score-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 12px}
.ehs-score-label{font-size:12px;color:#dbe9ff;font-weight:800;text-transform:uppercase}
.ehs-score-value{font-size:30px;color:#fff;font-weight:900;margin-top:3px}
.ehs-ring{width:134px;height:134px;border-radius:50%;display:grid;place-items:center;margin:auto;position:relative}
.ehs-ring::before{content:"";position:absolute;inset:16px;border-radius:50%;background:#102545}
.ehs-ring-inner{position:relative;text-align:center;z-index:2}
.ehs-ring-inner .up{font-size:13px;font-weight:900}
.ehs-ring-inner .percent{font-size:35px;font-weight:900}
.ehs-subject-heading{margin:26px 0 6px;font-size:24px;font-weight:900}
.ehs-subject-small{font-size:15px;color:#dbe9ff;font-weight:800;margin-bottom:14px}
.ehs-phone-subject-list{display:grid;gap:12px}
.ehs-phone-subject{display:grid;grid-template-columns:88px 1fr auto;align-items:center;gap:12px;padding:14px;border-radius:14px;background:linear-gradient(135deg,rgba(30,126,235,.88),rgba(15,76,158,.88));box-shadow:0 10px 24px rgba(0,0,0,.22)}
.ehs-rank-box{border-right:2px dashed rgba(255,255,255,.55);padding-right:10px}
.ehs-rank-box span{display:block;font-size:16px;color:#dbe9ff}
.ehs-rank-box b{display:block;font-size:25px;color:#00d7ff}
.ehs-phone-orange .ehs-rank-box b,.ehs-phone-orange .ehs-subject-score{color:#ff9418}
.ehs-subject-name{font-size:22px;font-weight:900}
.ehs-subject-score{font-size:21px;font-weight:900;color:#00d7ff}
.ehs-mobile-analysis-btn{margin-top:18px;width:100%;border:none;border-radius:12px;padding:15px;font-size:18px;font-weight:900;color:#fff;background:linear-gradient(90deg,#087bff,#00cfff);box-shadow:0 10px 24px rgba(0,152,255,.3)}
.ehs-phone-orange .ehs-mobile-analysis-btn{background:linear-gradient(90deg,#ff6b00,#ffad21)}
.ehs-history-screen{max-width:430px;margin:18px auto;border-radius:28px;padding:20px 16px;background:linear-gradient(160deg,#0c1935,#071225 55%,#03050b);color:#fff;box-shadow:0 18px 45px rgba(0,0,0,.28)}
.ehs-history-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.ehs-history-back{font-size:30px;font-weight:900;color:#fff}
.ehs-history-title{font-size:28px;font-weight:900;color:#e9f3ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:250px}
.ehs-year-pill{border:2px solid rgba(255,255,255,.55);padding:8px 13px;border-radius:10px;font-size:15px;font-weight:900;color:#fff}
.ehs-overall-card{border-radius:20px;padding:18px;background:linear-gradient(135deg,rgba(51,103,174,.55),rgba(16,40,80,.85));box-shadow:inset 0 0 30px rgba(255,255,255,.05);margin-bottom:22px}
.ehs-overall-small{font-size:15px;color:#c7d9f5;font-weight:800}
.ehs-overall-row{display:flex;justify-content:space-between;align-items:flex-end;margin-top:4px}
.ehs-overall-title{font-size:29px;font-weight:900}
.ehs-overall-percent{font-size:31px;font-weight:900;color:#19ffd5}
.ehs-progress-bar{height:13px;background:rgba(255,255,255,.18);border-radius:20px;margin-top:18px;overflow:hidden}
.ehs-progress-fill{height:100%;background:linear-gradient(90deg,#15ffd4,#00d0ff);border-radius:20px}
.ehs-class-avg{text-align:right;color:#ff9a35;font-weight:900;font-size:15px;margin-top:8px}
.ehs-history-filter{display:flex;align-items:center;gap:9px;margin:16px 0 20px;flex-wrap:wrap}
.ehs-history-filter-label{font-size:18px;font-weight:900;color:#d7e8ff}
.ehs-filter-btn{border:2px solid rgba(69,161,255,.75);background:rgba(255,255,255,.05);color:#eaf4ff;padding:10px 14px;border-radius:12px;font-size:14px;font-weight:900;cursor:pointer}
.ehs-filter-btn.active{background:rgba(62,130,215,.72);border-color:rgba(255,255,255,.15)}
.ehs-exam-list{display:grid;gap:14px}
.ehs-exam-card{position:relative;border:none;width:100%;text-align:left;border-radius:18px;padding:17px 48px 16px 17px;color:#fff;background:linear-gradient(135deg,rgba(24,125,238,.92),rgba(20,61,127,.9));box-shadow:0 12px 25px rgba(0,0,0,.22);cursor:pointer;overflow:hidden}
.ehs-exam-card.orange{background:linear-gradient(135deg,rgba(255,138,21,.92),rgba(68,55,116,.86))}
.ehs-exam-card-title{font-size:26px;font-weight:900;color:#00d7ff;text-transform:uppercase}
.ehs-exam-card.orange .ehs-exam-card-title,.ehs-exam-card.orange .ehs-exam-percent{color:#ff9a26}
.ehs-exam-percent{position:absolute;right:58px;top:18px;font-size:25px;font-weight:900;color:#00d7ff}
.ehs-exam-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:14px}
.ehs-exam-label{font-size:11px;color:#dceaff;font-weight:800;text-transform:uppercase}
.ehs-exam-value{font-size:15px;color:#fff;font-weight:900;margin-top:4px}
.ehs-exam-arrow{position:absolute;right:0;bottom:0;width:42px;height:52px;border-radius:18px 0 18px 0;background:linear-gradient(135deg,#00cfff,#0586ff);display:grid;place-items:center;font-size:25px;font-weight:900}
.ehs-exam-card.orange .ehs-exam-arrow{background:linear-gradient(135deg,#ffaf1d,#ff6900)}
.ehs-load-more{text-align:center;margin:22px 0 6px;font-size:18px;color:#dbe9ff;font-weight:900}
@media screen and (max-width:900px){
.ehs-root{padding:0 8px}
.ehs-login-grid,.ehs-info-grid,.ehs-summary-grid,.ehs-wrong-grid{grid-template-columns:1fr}
.ehs-login-head h1,.ehs-school-head h1{font-size:24px}
.ehs-tabs{flex-direction:column}
.ehs-tab{width:100%;text-align:left}
.ehs-actions{flex-direction:column}
.ehs-btn{width:100%;text-align:center}
.ehs-table{font-size:12px}
.ehs-table th,.ehs-table td{padding:7px 6px}
}
@media screen and (max-width:520px){
.ehs-graph-grid{grid-template-columns:1fr}
.ehs-score-panel{grid-template-columns:1fr}
.ehs-phone-subject{grid-template-columns:75px 1fr auto;padding:12px}
.ehs-subject-name{font-size:18px}
.ehs-subject-score{font-size:18px}
}


@media screen and (max-width:900px){#ehpStudentsModule .ehp-filter-grid{grid-template-columns:1fr!important;}#ehpPrincipalStudentResultWrap .ehp-actions{flex-direction:column;align-items:stretch!important;}}
  .ehp-strength-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(135px,1fr));
    gap:10px;
    margin:12px 0 16px;
  }
  .ehp-strength-card{
    border:1px solid #c9d8ea;
    border-radius:10px;
    background:#f7fbff;
    padding:11px 10px;
    text-align:center;
  }
  .ehp-strength-card.total{
    background:#0b4d86;
    color:#fff;
    border-color:#0b4d86;
  }
  .ehp-strength-label{font-size:12px;font-weight:900;color:#0b4d86;text-transform:uppercase;}
  .ehp-strength-card.total .ehp-strength-label{color:#fff;}
  .ehp-strength-value{font-size:25px;font-weight:900;margin-top:4px;color:#111;}
  .ehp-strength-card.total .ehp-strength-value{color:#fff;}



  /* Academic Performance Dashboard */
  .ehp-academic-dashboard{margin:14px 0 18px;}
  .ehp-dashboard-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px;}
  .ehp-dashboard-head h2{margin:0;color:#0b4d86;font-size:23px;font-weight:900;}
  .ehp-dashboard-updated{font-size:12px;color:#555;font-weight:700;}
  .ehp-kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;}
  .ehp-kpi-card{border:1px solid #cfdbea;border-radius:12px;background:#fff;padding:14px;min-height:104px;box-shadow:0 3px 10px rgba(11,77,134,.06);}
  .ehp-kpi-label{font-size:12px;color:#52657a;font-weight:900;text-transform:uppercase;line-height:1.35;}
  .ehp-kpi-value{margin-top:7px;font-size:26px;color:#0b4d86;font-weight:900;line-height:1.1;word-break:break-word;}
  .ehp-kpi-sub{margin-top:6px;font-size:12px;color:#555;font-weight:700;line-height:1.35;}
  .ehp-dashboard-two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px;}
  .ehp-dashboard-panel{border:1px solid #d2dbe7;border-radius:12px;padding:14px;background:#fff;}
  .ehp-dashboard-panel h3{margin:0 0 12px;color:#0b4d86;font-size:17px;font-weight:900;}
  .ehp-dashboard-bars{display:grid;gap:10px;}
  .ehp-dashboard-bar-row{display:grid;grid-template-columns:105px 1fr 58px;gap:9px;align-items:center;}
  .ehp-dashboard-bar-label{font-size:12px;font-weight:900;color:#222;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .ehp-dashboard-bar-track{height:12px;background:#e7edf4;border-radius:20px;overflow:hidden;}
  .ehp-dashboard-bar-fill{height:100%;background:#0b4d86;border-radius:20px;min-width:2px;}
  .ehp-dashboard-bar-value{text-align:right;font-size:12px;font-weight:900;color:#0b4d86;}
  .ehp-insight-list{margin:0;padding-left:21px;display:grid;gap:9px;color:#222;font-size:14px;line-height:1.45;font-weight:700;}
  .ehp-dashboard-empty{padding:18px;text-align:center;color:#555;font-weight:700;background:#f7f9fc;border:1px dashed #b7c4d3;border-radius:10px;}
  .ehp-dashboard-error{padding:14px;text-align:center;color:#b42318;font-weight:800;background:#fff3f2;border:1px solid #f4b8b2;border-radius:10px;}
  @media screen and (max-width:900px){
    .ehp-kpi-grid,.ehp-dashboard-two-col{grid-template-columns:1fr;}
    .ehp-dashboard-bar-row{grid-template-columns:82px 1fr 52px;}
    .ehp-dashboard-head h2{font-size:20px;}
  }

  .ehp-assignment-coming-soon{
    justify-self:end;
    display:inline-block;
    border:1px solid #f0c56a;
    background:#fff7df;
    color:#8a5a00;
    border-radius:20px;
    padding:7px 14px;
    font-size:12px;
    font-weight:900;
  }

  .ehp-benchmark-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:10px;
    margin:10px 0 14px;
  }
  .ehp-benchmark-card{
    border:1px solid #cfdbea;
    border-radius:9px;
    background:#f7fbff;
    padding:12px;
    text-align:center;
  }
  .ehp-benchmark-card .k{font-size:11px;font-weight:900;color:#0b4d86;text-transform:uppercase;}
  .ehp-benchmark-card .v{font-size:22px;font-weight:900;color:#111;margin-top:5px;}
  .ehp-insight-box{
    border-left:6px solid #0b4d86;
    background:#f4f8fd;
    border-radius:8px;
    padding:12px 14px;
    margin-bottom:14px;
  }
  .ehp-insight-box ul{margin:6px 0 0;padding-left:22px;}
  .ehp-insight-box li{margin:6px 0;line-height:1.45;color:#111;}
  @media(max-width:900px){
    .ehp-benchmark-grid{grid-template-columns:1fr 1fr;}
    .ehp-assignment-coming-soon{justify-self:start;}
  }



  /* VERSION 2.0 COMPACT RESPONSIVE LAYOUT */
  .ehp-withheld-note{
    font-size:13px;
    line-height:1.5;
    background:#fffaf0;
    border-left:4px solid #b7791f;
  }

  @media screen and (min-width:601px) and (max-width:900px){
    .ehp-module-menu{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
    .ehp-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
    .ehp-info-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important;}
    .ehp-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
    .ehp-filter-grid > .ehp-btn{grid-column:1/-1;}
    .ehp-tabs{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:8px !important;}
    .ehp-tab{width:auto !important;text-align:center !important;}
    .ehp-actions{flex-direction:row !important;}
    .ehp-actions .ehp-btn{width:auto !important;flex:1 1 180px;}
  }

  @media screen and (max-width:600px){
    .ehp-module-menu{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px !important;}
    .ehp-module-btn{min-height:56px !important;padding:10px 7px !important;font-size:12px !important;}
    .ehp-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px !important;}
    .ehp-info-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px !important;}
    .ehp-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
    .ehp-filter-grid > .ehp-field:first-child{grid-column:1/-1;}
    .ehp-filter-grid > .ehp-btn{grid-column:1/-1;}
    .ehp-tabs{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:7px !important;}
    .ehp-tab{width:auto !important;text-align:center !important;padding:9px 6px !important;font-size:11px !important;}
    .ehp-summary-box{padding:10px 6px !important;}
    .ehp-summary-box .value{font-size:20px !important;}
    .ehp-actions{flex-direction:row !important;flex-wrap:wrap !important;}
    .ehp-actions .ehp-btn{width:auto !important;flex:1 1 46% !important;}
    .ehp-bottom-actions .ehp-actions .ehp-btn{flex:1 1 46% !important;}
  }

  .ehp-main-dashboard-actions{margin:0 0 14px;}
  .ehp-download-action-list{display:grid;gap:12px;}
  .ehp-download-action-row{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:14px;align-items:center;border:1px solid #d4e2f2;border-radius:10px;padding:14px;background:#fbfdff;}
  .ehp-download-action-name{font-size:16px;font-weight:900;color:#0b4d86;}
  .ehp-download-action-buttons{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;}
  @media(max-width:700px){
    .ehp-download-action-row{grid-template-columns:1fr;}
    .ehp-download-action-buttons{justify-content:flex-start;}
    .ehp-download-action-buttons .ehp-mini-btn{flex:1 1 30%;min-height:42px;}
  }


/* Seamless saved-session restoration: prevents login-page flash after refresh */
.ehp-session-restore{
  display:none;position:fixed;inset:0;z-index:1000000;
  align-items:center;justify-content:center;padding:20px;
  background:#ffffff;color:#0b4d86;font-family:Arial,sans-serif;
}
.ehp-session-restore.show{display:flex;}
.ehp-session-restore-card{
  width:min(420px,100%);text-align:center;background:#fff;
  border:1px solid #c9d8ea;border-radius:18px;padding:28px 22px;
  box-shadow:0 18px 55px rgba(0,0,0,.18);
}
.ehp-session-spinner{
  width:44px;height:44px;margin:0 auto 15px;border-radius:50%;
  border:4px solid #dbe8f6;border-top-color:#0b4d86;
  animation:ehpSpin .75s linear infinite;
}
@keyframes ehpSpin{to{transform:rotate(360deg)}}
.ehp-session-restore-title{font-size:20px;font-weight:900;margin:0 0 7px;}
.ehp-session-restore-copy{font-size:14px;font-weight:700;color:#526173;line-height:1.45;}
body.ehp-page-dark .ehp-session-restore{background:#0b1220;color:#fff;}
body.ehp-page-dark .ehp-session-restore-card{background:#172033;border-color:#42516b;}
body.ehp-page-dark .ehp-session-restore-copy{color:#c3cfdf;}


  /* Principal Teacher Assignment Matrix V1.24 */
  .ehp-tm-step-title{
    display:flex;
    align-items:center;
    gap:9px;
  }
  .ehp-tm-step-number{
    width:28px;
    height:28px;
    flex:0 0 28px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#0b4d86;
    color:#fff!important;
    font-size:13px;
    font-weight:900;
  }
  .ehp-tm-help{
    margin:-4px 0 10px;
    padding:10px 12px;
    border:1px solid #c9d8ea;
    border-left:5px solid #0b4d86;
    border-radius:8px;
    background:#f7fbff;
    color:#334155;
    font-size:12px;
    line-height:1.5;
    font-weight:700;
  }
  .ehp-tm-subject-selector{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:9px;
  }
  .ehp-tm-subject-btn{
    position:relative;
    min-height:50px;
    border:1px solid #b8c8dc;
    border-radius:9px;
    padding:10px 36px 10px 12px;
    background:#fff;
    color:#0b4d86;
    font-size:13px;
    font-weight:900;
    text-align:left;
    cursor:pointer;
  }
  .ehp-tm-subject-btn:hover{
    border-color:#0b4d86;
    background:#f5f9fe;
  }
  .ehp-tm-subject-btn.active{
    background:#0b4d86;
    color:#fff;
    border-color:#0b4d86;
    box-shadow:0 5px 14px rgba(11,77,134,.18);
  }
  .ehp-tm-subject-count{
    position:absolute;
    right:8px;
    top:50%;
    transform:translateY(-50%);
    min-width:24px;
    height:24px;
    display:grid;
    place-items:center;
    border-radius:12px;
    background:#eaf3ff;
    color:#0b4d86;
    font-size:10px;
    font-weight:900;
  }
  .ehp-tm-subject-btn.active .ehp-tm-subject-count{
    background:#fff;
    color:#0b4d86;
  }
  .ehp-tm-class-section-matrix{
    border:1px solid #c9d8ea;
    border-radius:12px;
    overflow:hidden;
    background:#fff;
  }
  .ehp-tm-matrix-head,
  .ehp-tm-matrix-row{
    display:grid;
    grid-template-columns:120px minmax(0,1fr);
    align-items:center;
  }
  .ehp-tm-matrix-head{
    background:#0b4d86;
    color:#fff;
    font-size:12px;
    font-weight:900;
    text-transform:uppercase;
  }
  .ehp-tm-matrix-head > div,
  .ehp-tm-matrix-row > div{
    padding:11px 13px;
  }
  .ehp-tm-matrix-row{
    border-top:1px solid #d9e4f2;
    background:#fff;
  }
  .ehp-tm-matrix-row:nth-child(odd){
    background:#fbfdff;
  }
  .ehp-tm-class-label{
    color:#0b4d86;
    font-size:15px;
    font-weight:900;
  }
  .ehp-tm-section-buttons{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
  }
  .ehp-tm-section-btn{
    min-width:50px;
    min-height:39px;
    border:1px solid #b8c8dc;
    border-radius:8px;
    padding:7px 12px;
    background:#fff;
    color:#0b4d86;
    font-size:12px;
    font-weight:900;
    cursor:pointer;
  }
  .ehp-tm-section-btn:hover{
    border-color:#0b4d86;
    background:#f5f9fe;
  }
  .ehp-tm-section-btn.selected{
    background:#0b4d86;
    border-color:#0b4d86;
    color:#fff;
  }
  .ehp-tm-section-btn.all{
    border-style:dashed;
  }
  .ehp-tm-no-subject{
    padding:18px;
    text-align:center;
    color:#526173;
    font-size:13px;
    font-weight:800;
    background:#f8fbff;
  }
  .ehp-tm-preview-group{
    margin-top:9px;
    border:1px solid #d7e2ee;
    border-radius:9px;
    overflow:hidden;
    background:#fff;
  }
  .ehp-tm-preview-subject{
    padding:9px 11px;
    background:#eaf3ff;
    color:#0b4d86;
    font-size:12px;
    font-weight:900;
  }
  .ehp-tm-preview-rows{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    padding:10px;
  }
  .ehp-tm-preview-chip{
    display:inline-block;
    padding:7px 9px;
    border:1px solid #cbd9e8;
    border-radius:16px;
    background:#fff;
    color:#1f2937;
    font-size:11px;
    font-weight:800;
  }
  #ehpRoot.ehp-dark .ehp-tm-help,
  #ehpRoot.ehp-dark .ehp-tm-class-section-matrix,
  #ehpRoot.ehp-dark .ehp-tm-matrix-row,
  #ehpRoot.ehp-dark .ehp-tm-subject-btn,
  #ehpRoot.ehp-dark .ehp-tm-section-btn,
  #ehpRoot.ehp-dark .ehp-tm-preview-group,
  #ehpRoot.ehp-dark .ehp-tm-preview-chip{
    background:#172033!important;
    color:#f8fafc!important;
    border-color:#42516b!important;
  }
  #ehpRoot.ehp-dark .ehp-tm-matrix-row:nth-child(odd){
    background:#111c2c!important;
  }
  #ehpRoot.ehp-dark .ehp-tm-subject-btn.active,
  #ehpRoot.ehp-dark .ehp-tm-section-btn.selected{
    background:#0b5a98!important;
    color:#fff!important;
  }
  @media(max-width:900px){
    .ehp-tm-subject-selector{
      grid-template-columns:repeat(2,minmax(0,1fr));
    }
  }
  @media(max-width:600px){
    .ehp-tm-matrix-head,
    .ehp-tm-matrix-row{
      grid-template-columns:74px minmax(0,1fr);
    }
    .ehp-tm-matrix-head > div,
    .ehp-tm-matrix-row > div{
      padding:9px 8px;
    }
    .ehp-tm-section-buttons{
      gap:6px;
    }
    .ehp-tm-section-btn{
      min-width:42px;
      min-height:37px;
      padding:6px 9px;
    }
  }

  /* Teacher Management */
  .ehp-teacher-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
  .ehp-choice-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:8px;}
  .ehp-choice{display:flex;align-items:center;gap:7px;border:1px solid #cbd9e8;border-radius:8px;padding:9px;background:#f8fbff;font-size:13px;font-weight:800;}
  .ehp-choice input{width:18px;height:18px;accent-color:#0b4d86;}

  .ehp-choice-btn{
    width:100%;
    min-height:44px;
    border:1px solid #b8c8dc;
    border-radius:7px;
    padding:9px 11px;
    background:#fff;
    color:#0b4d86;
    font-size:13px;
    font-weight:900;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:9px;
    text-align:left;
    transition:.12s ease;
  }
  .ehp-choice-btn:hover{
    border-color:#0b4d86;
    background:#f5f9fe;
  }
  .ehp-choice-btn.selected{
    background:#eef5fd;
    color:#0b4d86;
    border-color:#0b4d86;
    box-shadow:none;
  }
  .ehp-choice-checkbox{
    appearance:auto !important;
    -webkit-appearance:checkbox !important;
    width:19px !important;
    height:19px !important;
    min-width:19px !important;
    margin:0 !important;
    padding:0 !important;
    accent-color:#0b4d86;
    opacity:1 !important;
    visibility:visible !important;
    display:inline-block !important;
    pointer-events:none;
    flex:0 0 19px;
  }
  .ehp-root.dark-mode .ehp-choice-btn{background:#111c2c;color:#edf4ff;border-color:#41536b;}
  .ehp-root.dark-mode .ehp-choice-btn.selected{background:#145a92;border-color:#6fa9db;color:#fff;}
  .ehp-availability{font-size:12px;font-weight:800;margin-top:5px;}
  .ehp-availability.ok{color:#138a35}.ehp-availability.bad{color:#c62828}
  .ehp-credential-card{border:2px solid #0b4d86;border-radius:12px;padding:16px;background:#f4f9ff;margin-top:14px;}
  .ehp-assignment-preview{font-size:12px;line-height:1.5;text-align:left;}
  .ehp-auto-value{min-height:48px;display:flex;align-items:center;padding:12px 14px;border:1px solid #b8c8dc;border-radius:8px;background:#eef6ff;color:#0b4d86;font-size:16px;font-weight:900;word-break:break-word;}
  .ehp-auto-note{min-height:48px;padding:10px 12px;border:1px solid #d7e2ee;border-radius:8px;background:#fafcff;color:#334155;font-size:12px;font-weight:700;line-height:1.45;}
  .ehp-tm-preview{margin-top:14px;border:1px solid #cbd9e8;border-radius:10px;background:#fbfdff;padding:12px;}
  .ehp-tm-preview-title{font-size:14px;font-weight:900;color:#0b4d86;margin-bottom:8px;}
  .ehp-tm-preview-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;}
  .ehp-tm-preview-item{border:1px solid #d7e2ee;border-radius:7px;padding:8px;background:#fff;font-size:12px;font-weight:800;color:#1f2937;}
  @media(max-width:700px){.ehp-tm-preview-list{grid-template-columns:1fr 1fr}}
  @media(max-width:480px){.ehp-tm-preview-list{grid-template-columns:1fr}}
  @media(max-width:900px){.ehp-teacher-form-grid{grid-template-columns:1fr 1fr}.ehp-choice-grid{grid-template-columns:repeat(2,1fr)}}
  @media(max-width:520px){.ehp-teacher-form-grid{grid-template-columns:1fr}.ehp-choice-grid{grid-template-columns:1fr 1fr}}
  .ehp-dark-mode .ehp-choice,.ehp-dark-mode .ehp-credential-card{background:#111c2c!important;border-color:#41536b!important;color:#edf4ff!important;}

  /* Slightly stronger table lines throughout the portal */
  .ehp-table th,.ehp-table td,.ehp-pattern-table th,.ehp-pattern-table td,
  .ehp-omr-mark-table th,.ehp-omr-mark-table td{
    border-color:#4b5563 !important;
  }
  .ehp-exam-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:12px 0;}
  .ehp-exam-card{border:1px solid #b8c8dc;border-radius:10px;padding:14px;margin:10px 0;background:#fff;}
  .ehp-exam-card h3{margin:0 0 8px;color:#0b4d86;font-size:18px;}
  .ehp-exam-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;font-size:13px;font-weight:700;}
  .ehp-exam-status{display:inline-block;padding:6px 10px;border-radius:18px;font-size:12px;font-weight:900;}
  .ehp-exam-status.ontime{background:#e6f7ea;color:#08752a}.ehp-exam-status.late{background:#fff1d6;color:#8a5800}
  .ehp-exam-status.overdue{background:#ffe1e1;color:#a00000}.ehp-exam-status.upcoming{background:#e9f2ff;color:#0b4d86}
  .ehp-exam-status.conducted{background:#e8eef6;color:#334155}
  .ehp-exam-status.rescheduled{background:#ede9fe;color:#5b21b6}
  .ehp-exam-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:11px;border-top:1px solid #d9e2ee}
  .ehp-exam-action-btn{border:0;border-radius:8px;padding:9px 12px;font-size:12px;font-weight:900;cursor:pointer;color:#fff!important}
  .ehp-exam-action-btn.ontime{background:#129447}
  .ehp-exam-action-btn.late{background:#e88900}
  .ehp-exam-action-btn.notconducted{background:#c9292d}
  .ehp-exam-action-btn:disabled{opacity:.55;cursor:not-allowed}
  .ehp-exam-audit{margin-top:9px;padding:8px 10px;border-radius:7px;background:#f5f8fc;font-size:12px;line-height:1.6;color:#223047}
  
  .ehp-exam-module-card{overflow:visible}
  .ehp-exam-summary{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .ehp-summary-box.ehp-exam-summary-click{cursor:pointer;transition:.18s ease}
  .ehp-summary-box.ehp-exam-summary-click:hover{transform:translateY(-2px);box-shadow:0 5px 14px rgba(11,77,134,.14)}
  .ehp-exam-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}
  .ehp-exam-tab{border:1px solid #aac1dc;border-radius:8px;background:#edf4fd;color:#073d70;padding:11px 8px;font-weight:900;cursor:pointer}
  .ehp-exam-tab.active{background:#0b4d86;color:#fff!important;border-color:#0b4d86}
  .ehp-exam-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}
  .ehp-exam-filter-grid label,.ehp-exam-search-row label{display:block;font-weight:900;color:#073d70;font-size:13px}
  .ehp-exam-filter-grid label span,.ehp-exam-search-row label span{display:block;margin-bottom:6px}
  .ehp-exam-filter-grid select,.ehp-exam-search-row input{width:100%;min-height:42px;border:1px solid #a9bfd9;border-radius:8px;background:#fff;color:#10243c;padding:9px 34px 9px 10px;font:inherit;box-sizing:border-box}
  .ehp-exam-filter-grid select{appearance:auto!important;-webkit-appearance:menulist!important}
  .ehp-exam-search-row{margin:4px 0 12px}
  .ehp-exam-search-row input{padding-right:10px}
  .ehp-exam-toolbar{align-items:center}
  .ehp-exam-showing{margin:10px 0;padding:10px 12px;border-radius:8px;background:#eaf3ff;color:#073d70;font-weight:900;text-align:center}
  .ehp-exam-date-heading{margin:16px 0 7px;padding:8px 12px;border-radius:8px;background:#073d70;color:#fff!important;font-weight:900}
  .ehp-exam-load-row{text-align:center;margin-top:14px}
  .ehp-exam-actions .edit{background:#0b4d86}
  .ehp-exam-actions .reschedule{background:#6d28d9}
  .ehp-exam-action-btn.edit{background:#0b4d86}
  .ehp-exam-action-btn.reschedule{background:#6d28d9}
  .ehp-exam-action-btn:disabled{opacity:.42;cursor:not-allowed}
  .ehp-exam-updated-label{display:inline-flex;align-items:center;padding:8px 11px;border-radius:8px;background:#dff6e8;color:#08752a;font-size:12px;font-weight:900}
  .ehp-exam-disabled-note{font-size:12px;color:#8a2a2a;font-weight:800;padding-top:5px}
  #ehpRoot.ehp-dark .ehp-exam-filter-grid label,#ehpRoot.ehp-dark .ehp-exam-search-row label{color:#dbeafe}
  #ehpRoot.ehp-dark .ehp-exam-filter-grid select,#ehpRoot.ehp-dark .ehp-exam-search-row input{background:#15243a;color:#fff;border-color:#4a607d}
  #ehpRoot.ehp-dark .ehp-exam-showing{background:#172c47;color:#fff}
  @media(max-width:980px){.ehp-exam-filter-grid{grid-template-columns:repeat(2,1fr)}.ehp-exam-summary{grid-template-columns:repeat(2,1fr)!important}}
  @media(max-width:620px){.ehp-exam-filter-grid,.ehp-exam-tabs{grid-template-columns:1fr}.ehp-exam-summary{grid-template-columns:1fr 1fr!important}}
  @media print{
    .ehp-module-menu,.ehp-school-head button,.ehp-exam-tabs,.ehp-exam-filter-grid,.ehp-exam-search-row,.ehp-exam-toolbar,.ehp-exam-load-row,.ehp-exam-actions,.ehp-footer{display:none!important}
    .ehp-module-panel{display:none!important}
    #ehpExamsModule{display:block!important}
    #ehpExamsModule .ehp-card{border:0;box-shadow:none;padding:0}
    #ehpExamList .ehp-exam-card{break-inside:avoid}
  }
.ehp-exam-status-overlay{position:fixed;inset:0;z-index:999999;background:rgba(4,18,36,.68);display:none;align-items:center;justify-content:center;padding:18px}
  .ehp-exam-status-overlay.show{display:flex}
  .ehp-exam-status-dialog{width:min(620px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.35)}
  .ehp-exam-status-head{background:#0b4d86;color:#fff!important;padding:15px 18px;display:flex;justify-content:space-between;align-items:center}
  .ehp-exam-status-head h3{margin:0;color:#fff!important;font-size:19px}
  .ehp-exam-status-close{border:0;background:#cf282d;color:#fff!important;border-radius:7px;padding:8px 12px;font-weight:900;cursor:pointer}
  .ehp-exam-status-body{padding:18px}
  .ehp-exam-status-info{background:#eef5ff;border:1px solid #bfd2eb;border-radius:9px;padding:11px;margin-bottom:14px;line-height:1.65}
  .ehp-exam-status-field{margin-bottom:13px}
  .ehp-exam-status-field label{display:block;margin-bottom:6px;font-weight:900;color:#0b4d86}
  .ehp-exam-status-field input,.ehp-exam-status-field textarea{width:100%;border:1px solid #afc3dc;border-radius:8px;padding:10px 11px;font:inherit;box-sizing:border-box}
  .ehp-exam-status-field textarea{min-height:90px;resize:vertical}
  .ehp-exam-status-footer{display:flex;gap:10px;justify-content:flex-end;padding-top:5px}
  .ehp-exam-status-message{margin-top:10px;font-weight:800}
  .ehp-exam-status-message.error{color:#b00020}
  .ehp-exam-status-message.success{color:#08752a}
  #ehpRoot.ehp-dark .ehp-exam-status-dialog{background:#111c2c;color:#edf4ff}
  #ehpRoot.ehp-dark .ehp-exam-status-body label{color:#dbeafe}
  #ehpRoot.ehp-dark .ehp-exam-status-info,#ehpRoot.ehp-dark .ehp-exam-audit{background:#17263a;border-color:#41536b;color:#edf4ff}
  @media print{.ehp-exam-actions,.ehp-exam-status-overlay{display:none!important}}
  @media(max-width:900px){.ehp-exam-summary,.ehp-exam-meta{grid-template-columns:1fr 1fr;}}


/* EDUHUNT CLEAN BLOGGER PAGE + TRUE SCREEN CENTERING */
html,body{overflow-x:hidden!important}
#sidebar-wrapper,.sidebar-wrapper,.sidebar-container,.sidebar,
aside,.widget-area,#comments,.comments,.comment-form,
.post-footer,.post-header,.post-title,.blog-pager,
#footer-wrapper,.footer-wrapper,.footer-outer,
.feed-links,.post-share-buttons,.entry-footer{
  display:none!important;
}
#main-wrapper,.main-wrapper,.content-wrapper,.content-outer,
.main-inner,.post-outer,.post-body,.entry-content,main{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
  float:none!important;
}

.ehp-root{
  width:min(1180px,calc(100% - 24px))!important;
  max-width:1180px!important;
  margin:0 auto!important;
  transform:none!important;
  padding-left:10px!important;
  padding-right:10px!important;
}
@media(max-width:650px){
  .ehp-root{
    width:calc(100% - 12px)!important;
    margin:0 auto!important;
    transform:none!important;
    padding-left:6px!important;
    padding-right:6px!important;
  }
}


/* EDUHUNT V3: visible dropdown arrows and readable dark headers */
select{
  appearance:none!important;
  -webkit-appearance:none!important;
  -moz-appearance:none!important;
  background-image:
    linear-gradient(45deg,transparent 50%,#0b4d86 50%),
    linear-gradient(135deg,#0b4d86 50%,transparent 50%)!important;
  background-position:
    calc(100% - 18px) 50%,
    calc(100% - 12px) 50%!important;
  background-size:6px 6px,6px 6px!important;
  background-repeat:no-repeat!important;
  padding-right:38px!important;
}
select::-ms-expand{display:none!important}
th,[class*="-head"],[class*="-title"].dark,[class*="-tab"].active{
  text-shadow:none!important;
}
table th,.dark-header,.portal-dark-header,
.etp-plan-head,.ehp-table th,.eou-table th,.sa-table th{
  color:#fff!important;
}


/* TEST KEYS — NEW SEPARATE SERVICE */
.ehp-key-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:14px}
.ehp-key-card{border:1px solid #c9d8ea;border-left:6px solid #0b4d86;border-radius:11px;background:#fff;padding:15px}
.ehp-key-card h3{margin:0 0 10px;color:#0b4d86;font-size:19px;font-weight:900}
.ehp-key-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;font-size:13px;line-height:1.45}
.ehp-key-meta b{color:#334e68}
.ehp-key-download-note{margin-top:10px;padding:9px 11px;border-radius:8px;background:#eef6ff;color:#0b4d86;font-size:12px;font-weight:800}
.ehp-key-empty{padding:24px;text-align:center;border:1px dashed #b8c8dc;border-radius:10px;background:#fafcff;color:#526173;font-weight:800}
.ehp-key-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}
.ehp-key-actions .ehp-btn{flex:1;min-width:210px}
.ehp-key-source{margin-top:9px;display:flex;gap:7px;flex-wrap:wrap}
.ehp-key-source span{display:inline-block;padding:5px 9px;border-radius:16px;background:#eaf3fb;color:#0b4d86;font-size:11px;font-weight:900}
.ehp-key-source span.ok{background:#e4f8ea;color:#0b7437}
.ehp-btn.orange{background:#ee8b00;color:#fff}

@media(max-width:760px){.ehp-key-card-grid{grid-template-columns:1fr}.ehp-key-meta{grid-template-columns:1fr}}

/* ===== STYLE_4 | source line 1863 ===== */
/* Version 2.0 final additions: syllabus filters, progress timeline and parent report */
.ehp-submenu{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0 16px}
.ehp-submenu .ehp-btn{flex:1 1 170px}
.ehp-syllabus-filter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:end}
.ehp-syllabus-filter-grid .ehp-btn{min-height:46px}
.ehp-status-pill{display:inline-block;padding:5px 9px;border-radius:18px;font-size:11px;font-weight:900}
.ehp-status-pill.completed{background:#e8f7ec;color:#087329;border:1px solid #9bd4aa}
.ehp-status-pill.pending{background:#fff5d8;color:#845600;border:1px solid #e8ca78}
.ehp-status-pill.overdue{background:#ffe2e2;color:#a30000;border:1px solid #e5a2a2}
.ehs-timeline{position:relative;margin:18px 0;padding-left:30px}
.ehs-timeline:before{content:"";position:absolute;left:11px;top:5px;bottom:5px;width:3px;background:#b9cde4}
.ehs-timeline-item{position:relative;border:1px solid #d2dbe7;background:#fff;border-radius:10px;padding:12px 14px;margin:0 0 12px}
.ehs-timeline-item:before{content:"";position:absolute;left:-25px;top:17px;width:13px;height:13px;border-radius:50%;background:#0b4d86;border:3px solid #fff;box-shadow:0 0 0 2px #0b4d86}
.ehs-timeline-head{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-weight:900;color:#0b4d86}
.ehs-timeline-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:9px}
.ehs-timeline-box{background:#f5f9fe;border:1px solid #dbe6f2;border-radius:7px;padding:8px;text-align:center}
.ehs-timeline-box b{display:block;font-size:17px;color:#111;margin-top:3px}
.ehs-smart-box{border:1px solid #bcd0e7;border-left:6px solid #0b4d86;border-radius:9px;background:#f7fbff;padding:14px;line-height:1.65}
.ehs-smart-box ul{margin:0;padding-left:22px}
.ehs-report-actions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}
@media(max-width:900px){
  .ehp-syllabus-filter-grid{grid-template-columns:1fr}
  .ehs-timeline-grid{grid-template-columns:1fr 1fr}
  .ehs-report-actions{flex-direction:column}
  .ehs-report-actions .ehp-btn{width:100%}
}
@media(max-width:520px){.ehs-timeline-grid{grid-template-columns:1fr}}

/* ===== STYLE_5 | source line 1894 ===== */
/* FINAL PRINCIPAL PORTAL WIDTH CORRECTION */
html,body{overflow-x:hidden!important}
.ehp-root{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  width:min(1180px,calc(100% - 24px))!important;
  max-width:1180px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  transform:none!important;
}
@media(max-width:650px){
  .ehp-root{
    width:calc(100% - 12px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    transform:none!important;
  }
}

/* ===== STYLE_6 | source line 1918 ===== */
/* FINAL RANK-LIST DEFINITIONS */
.ehp-rank-definition-box{
  margin:8px 0 12px;
  padding:9px 11px;
  border:1px solid #c7d5e5;
  border-radius:8px;
  background:#f6f9fd;
}
.ehp-rank-definition-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:6px 10px;
  font-size:11px;
  color:#26384d;
  line-height:1.35;
}
.ehp-rank-definition-grid span{
  min-width:0;
}
.ehp-rank-definition-grid b{
  color:#0b4d86;
  margin-right:4px;
  font-weight:900;
}
@media(max-width:900px){
  .ehp-rank-definition-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:480px){
  .ehp-rank-definition-grid{grid-template-columns:1fr}
}

/* ===== STYLE_7 | source line 1952 ===== */
/* PRINCIPAL LOGIN BLANK-PAGE SAFETY FIX V1.2 */
#ehpLoginBlock{
  min-height:360px;
  visibility:visible;
}
#ehpLoginBlock[style*="display: block"]{
  visibility:visible !important;
}
#ehpLoginBlock .ehp-login-card{
  display:block !important;
}