/* 2026-08-23 — calm two-card report and complete cross-device student dark mode. */
.student-report-highlights{
  width:100%;
  margin:24px 0 14px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.student-highlight-card{
  min-width:0;
  min-height:116px;
  padding:16px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  border:1px solid #e5eceb;
  border-radius:20px;
  background:#fff;
  box-shadow:0 8px 24px rgba(30,61,66,.045);
}
.student-highlight-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:13px;
  background:#edf7f5;
  color:#238379;
}
.student-highlight-card.is-top-behavior .student-highlight-icon{background:#f7f3e8;color:#9b7928}
.student-highlight-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.student-highlight-copy{min-width:0;display:grid;gap:3px}
.student-highlight-copy small{color:#899699;font-size:10.5px;font-weight:650}
.student-highlight-copy h3{margin:0;overflow:hidden;color:#33484e;font-size:14px;font-weight:750;line-height:1.45;white-space:nowrap;text-overflow:ellipsis}
.student-highlight-copy p{margin:0;color:#8b999c;font-size:10px;font-weight:500;line-height:1.55}
.student-highlight-value{min-width:48px;color:#168176;font-size:24px;font-weight:750;line-height:1;text-align:center;direction:ltr}
.student-highlight-card.is-top-behavior .student-highlight-value{color:#8e7128}

.teacher-student-report-page .teacher-report-student-card,
.teacher-student-report-page .teacher-report-quick-stats,
.teacher-student-report-page .teacher-report-breakdown,
.teacher-student-report-page .student-report-highlights{grid-column:1/-1!important}
.teacher-student-report-page .teacher-report-student-card{width:100%!important}

@media (min-width:1100px) and (hover:hover) and (pointer:fine){
  .student-reports-view.is-active>.student-report-highlights{grid-column:1/-1!important}
  .student-highlight-card{min-height:124px;padding:18px 20px}
  .student-highlight-copy h3{font-size:15px}
  .student-highlight-copy p{font-size:10.5px}
}

@media (min-width:768px) and (max-width:1099px){
  .student-app-container{width:min(960px,100%)!important;padding-inline:22px!important}
  .student-report-highlights{gap:14px}
  .student-highlight-card{min-height:122px}
}

@media (max-width:600px){
  .student-report-highlights{grid-template-columns:1fr;gap:9px;margin:18px 0 12px}
  .student-highlight-card{min-height:104px;padding:13px;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;border-radius:18px}
  .student-highlight-icon{width:38px;height:38px;border-radius:12px}
  .student-highlight-copy small{font-size:10px}
  .student-highlight-copy h3{font-size:13px}
  .student-highlight-copy p{font-size:9.4px}
  .student-highlight-value{min-width:42px;font-size:21px}
}

html.student-theme-dark{color-scheme:dark;background:#101719!important}
html.student-theme-dark body,
html.student-theme-dark body.student-app-body,
html.student-theme-dark body.teacher-student-report-page{background:#101719!important;color:#dce6e5!important}
html.student-theme-dark :is(.profile,.student-summary-card,.student-behavior-kind-tabs,.student-history-item,.panel,.stats-panel,.chip,.stats-card,.student-highlight-card,.student-task-card,.student-store-card,.student-account-profile-card--reference,.student-account-settings-list>button,.student-account-settings-list form>button,.teacher-report-student-card,.student-detail-sheet,.student-logout-dialog,.student-password-confirm-dialog){
  background:#182326!important;
  border-color:#2a393c!important;
  color:#dce6e5!important;
  box-shadow:none!important;
}
html.student-theme-dark :is(h1,h2,h3,h4,.profile-body h2,.student-highlight-copy h3,.teacher-report-student-copy strong,.chip-value,.r-name){color:#e5eeed!important}
html.student-theme-dark :is(p,small,.student-view-title p,.student-highlight-copy small,.student-highlight-copy p,.teacher-report-student-meta span,.chip-label){color:#95a4a5!important}
html.student-theme-dark .student-highlight-icon{background:#203431!important;color:#69c9bc!important}
html.student-theme-dark .student-highlight-card.is-top-behavior .student-highlight-icon{background:#353021!important;color:#d0b46b!important}
html.student-theme-dark .student-highlight-value{color:#69cfc2!important}
html.student-theme-dark .student-highlight-card.is-top-behavior .student-highlight-value{color:#d0b46b!important}
html.student-theme-dark :is(input,select,textarea,.student-kind-tab,.stats-range){background:#111c1f!important;border-color:#304144!important;color:#dfe8e7!important}
html.student-theme-dark .student-bottom-nav{background:rgba(23,34,37,.98)!important;border-color:#304043!important;box-shadow:0 -10px 30px rgba(0,0,0,.24)!important}
html.student-theme-dark .student-bottom-item{color:#8fa09f!important}
html.student-theme-dark .student-bottom-item.is-active{color:#69cfc2!important}

/* Login, class selection and maintenance respect the same saved theme. */
html.student-theme-dark body.portal-auth,
html.student-theme-dark body.student-view,
html.student-theme-dark .maintenance-shell{background:#101719!important;color:#dce6e5!important}
html.student-theme-dark :is(.login-card,.select-card,.maintenance-card,.field,.portal-mode-tabs,.student-class-button){
  background:#182326!important;
  border-color:#2a393c!important;
  color:#dce6e5!important;
  box-shadow:none!important;
}
html.student-theme-dark :is(.login-head h1,.class-info strong,.maintenance-copy h1,.maintenance-brand span){color:#e5eeed!important}
html.student-theme-dark :is(.portal-subtitle,.field-label,.portal-security-note,.class-info small,.maintenance-copy p,.maintenance-copy small){color:#94a4a4!important}
html.student-theme-dark :is(.field input,.in){background:transparent!important;color:#e5eeed!important}
html.student-theme-dark .portal-mode-indicator{background:#263638!important;box-shadow:none!important}
html.student-theme-dark .maintenance-visual{background:#142023!important}

@media (prefers-reduced-motion:reduce){
  .student-highlight-card{transition:none!important;animation:none!important}
}

/* iPad landscape: use the available width instead of retaining the phone stack. */
@media (min-width:900px) and (max-width:1199px) and (orientation:landscape){
  .teacher-student-report-page .teacher-student-report-container{
    width:min(1180px,100%)!important;
    max-width:1180px!important;
    padding:20px 24px 36px!important;
  }
  .teacher-student-report-page .student-reports-view.is-active{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(12,minmax(0,1fr))!important;
    gap:16px!important;
    align-items:stretch!important;
  }
  .teacher-student-report-page .teacher-report-student-card{
    grid-column:1/5!important;
    min-height:142px!important;
    height:100%!important;
    margin:0!important;
  }
  .teacher-student-report-page .teacher-report-quick-stats{
    grid-column:5/-1!important;
    width:100%!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .teacher-student-report-page .teacher-report-quick-stats .chips{
    height:100%!important;
    margin:0!important;
    gap:14px!important;
  }
  .teacher-student-report-page .teacher-report-quick-stats .chip{
    min-height:142px!important;
  }
  .teacher-student-report-page .teacher-report-breakdown{
    grid-column:1/-1!important;
    width:100%!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:16px!important;
    margin-top:0!important;
  }
  .teacher-student-report-page .teacher-report-breakdown>.stats-card{
    min-width:0!important;
    width:100%!important;
  }
  .teacher-student-report-page .student-report-highlights{
    grid-column:1/-1!important;
    margin-top:8px!important;
  }
}