/* EDUHUNT R447 — Student Exam Dates truth + responsive single-row KPI UI.
   Scope: Student Portal only. No Principal/Teacher/Coordinator styling is changed. */

body[data-portal-role="STUDENT"] .schedule-summary-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:8px!important;
  width:100%!important;
  overflow:visible!important;
  margin:0 0 14px!important;
}
body[data-portal-role="STUDENT"] .schedule-summary-grid .schedule-kpi-card{
  min-width:0!important;
  min-height:112px!important;
  padding:12px 10px!important;
  margin:0!important;
  display:grid!important;
  grid-template-rows:auto auto auto!important;
  align-content:center!important;
  justify-items:start!important;
  gap:5px!important;
  overflow:hidden!important;
  transform:none!important;
}
body[data-portal-role="STUDENT"] .schedule-summary-grid .schedule-kpi-card:hover,
body[data-portal-role="STUDENT"] .schedule-summary-grid .schedule-kpi-card:active{
  transform:none!important;
}
body[data-portal-role="STUDENT"] .schedule-summary-grid .schedule-kpi-card .kpi-top{
  width:100%!important;
  margin:0!important;
}
body[data-portal-role="STUDENT"] .schedule-summary-grid .schedule-kpi-card .kpi-icon{
  width:40px!important;
  height:40px!important;
}
body[data-portal-role="STUDENT"] .schedule-summary-grid .schedule-kpi-card>b{
  font-size:27px!important;
  line-height:1!important;
  font-weight:950!important;
  margin:0!important;
}
body[data-portal-role="STUDENT"] .schedule-summary-grid .schedule-kpi-card>span{
  font-size:12px!important;
  line-height:1.15!important;
  font-weight:850!important;
  white-space:normal!important;
}
body[data-portal-role="STUDENT"] .schedule-summary-grid .schedule-kpi-card.is-active{
  box-shadow:inset 0 0 0 2px #2ca9ee!important;
}

/* Student-only date register. The school name is intentionally omitted because
   a Student is already server-scoped to one school. */
body[data-portal-role="STUDENT"] .schedule-list{
  display:grid!important;
  gap:8px!important;
  min-width:0!important;
}
body[data-portal-role="STUDENT"] .student-exam-date-row{
  display:grid!important;
  grid-template-columns:110px minmax(0,1fr) 135px!important;
  align-items:center!important;
  gap:14px!important;
  min-width:0!important;
  padding:12px 14px!important;
  border:1px solid var(--border,#2d506a)!important;
  border-radius:12px!important;
  background:var(--panel,#08223a)!important;
  color:inherit!important;
}
body[data-portal-role="STUDENT"] .student-exam-date-row.has-subject{
  grid-template-columns:110px minmax(0,1fr) minmax(180px,.9fr) 135px!important;
}
body[data-portal-role="STUDENT"] .student-exam-date{
  font-size:15px!important;
  font-weight:950!important;
  white-space:nowrap!important;
  color:#65dbff!important;
}
body[data-portal-role="STUDENT"] .student-exam-main,
body[data-portal-role="STUDENT"] .student-exam-subject,
body[data-portal-role="STUDENT"] .student-exam-status{
  min-width:0!important;
}
body[data-portal-role="STUDENT"] .student-exam-main,
body[data-portal-role="STUDENT"] .student-exam-subject{
  display:grid!important;
  gap:3px!important;
}
body[data-portal-role="STUDENT"] .student-exam-main strong,
body[data-portal-role="STUDENT"] .student-exam-subject b{
  font-size:15px!important;
  line-height:1.2!important;
  font-weight:950!important;
  overflow-wrap:anywhere!important;
}
body[data-portal-role="STUDENT"] .student-exam-main span,
body[data-portal-role="STUDENT"] .student-exam-subject span{
  font-size:11px!important;
  line-height:1.25!important;
  color:var(--muted,#9eb6ca)!important;
  overflow-wrap:anywhere!important;
}
body[data-portal-role="STUDENT"] .student-exam-status{
  display:grid!important;
  justify-items:end!important;
  gap:4px!important;
}
body[data-portal-role="STUDENT"] .student-exam-status small{
  font-size:10px!important;
  white-space:nowrap!important;
}

@media(max-width:1024px){
  body[data-portal-role="STUDENT"] .schedule-summary-grid{gap:5px!important;margin-bottom:10px!important}
  body[data-portal-role="STUDENT"] .schedule-summary-grid .schedule-kpi-card{
    min-height:88px!important;
    padding:8px 6px!important;
    gap:3px!important;
    justify-items:center!important;
    text-align:center!important;
  }
  body[data-portal-role="STUDENT"] .schedule-summary-grid .schedule-kpi-card .kpi-icon{width:31px!important;height:31px!important}
  body[data-portal-role="STUDENT"] .schedule-summary-grid .schedule-kpi-card .kpi-icon svg{width:18px!important;height:18px!important}
  body[data-portal-role="STUDENT"] .schedule-summary-grid .schedule-kpi-card>b{font-size:21px!important}
  body[data-portal-role="STUDENT"] .schedule-summary-grid .schedule-kpi-card>span{font-size:9px!important;line-height:1.05!important;text-align:center!important}

  body[data-portal-role="STUDENT"] .student-exam-date-row{
    grid-template-columns:72px minmax(0,1fr) 94px!important;
    gap:8px!important;
    padding:9px 10px!important;
    border-radius:10px!important;
  }
  body[data-portal-role="STUDENT"] .student-exam-date-row.has-subject{
    grid-template-columns:72px minmax(0,1.15fr) minmax(0,.85fr) 94px!important;
  }
  body[data-portal-role="STUDENT"] .student-exam-date{font-size:12px!important}
  body[data-portal-role="STUDENT"] .student-exam-main strong,
  body[data-portal-role="STUDENT"] .student-exam-subject b{font-size:12px!important}
  body[data-portal-role="STUDENT"] .student-exam-main span,
  body[data-portal-role="STUDENT"] .student-exam-subject span{font-size:9px!important}
  body[data-portal-role="STUDENT"] .student-exam-status .status-badge{font-size:9px!important;padding:5px 6px!important;white-space:nowrap!important}
}

@media(max-width:560px){
  body[data-portal-role="STUDENT"] .schedule-summary-grid{gap:3px!important}
  body[data-portal-role="STUDENT"] .schedule-summary-grid .schedule-kpi-card{
    min-height:76px!important;
    padding:6px 2px!important;
    border-radius:9px!important;
  }
  body[data-portal-role="STUDENT"] .schedule-summary-grid .schedule-kpi-card .kpi-icon{width:27px!important;height:27px!important}
  body[data-portal-role="STUDENT"] .schedule-summary-grid .schedule-kpi-card>b{font-size:18px!important}
  body[data-portal-role="STUDENT"] .schedule-summary-grid .schedule-kpi-card>span{font-size:7.5px!important;letter-spacing:-.01em!important}

  body[data-portal-role="STUDENT"] .student-exam-date-row{
    grid-template-columns:58px minmax(0,1fr) 78px!important;
    gap:5px!important;
    padding:8px 7px!important;
  }
  body[data-portal-role="STUDENT"] .student-exam-date-row.has-subject{
    grid-template-columns:58px minmax(0,1.12fr) minmax(0,.78fr) 78px!important;
  }
  body[data-portal-role="STUDENT"] .student-exam-date{font-size:10px!important}
  body[data-portal-role="STUDENT"] .student-exam-main strong,
  body[data-portal-role="STUDENT"] .student-exam-subject b{font-size:10.5px!important}
  body[data-portal-role="STUDENT"] .student-exam-main span,
  body[data-portal-role="STUDENT"] .student-exam-subject span{font-size:7.5px!important}
  body[data-portal-role="STUDENT"] .student-exam-status .status-badge{font-size:7.5px!important;padding:4px 4px!important}
  body[data-portal-role="STUDENT"] .student-exam-status small{font-size:7px!important}
}