/* PE-Class v1.20.84 — Student Management PAPS alignment only. */

/* Every Student PAPS BMI badge uses the same corner radius as the metric badges. */
html[data-pe-tab="students"] #app.studentScreen #studentPapsSummary
  .papsStudentSummary .papsGrade.bmi {
    border-radius: 4px !important;
}

/* Compact phones: keep every metric row on one shared, vertically centered grid. */
@media (max-width: 768px) {
  html[data-pe-tab="students"]:not(.pe87FoldWide):not([data-pe-fold-wide="true"]):not(.pe87Ipad):not(.pe87IpadRuntime)
    #app.studentScreen #studentPapsSummary .mobilePapsMetricRow,
  html[data-pe-tab="students"]:not(.pe87FoldWide):not([data-pe-fold-wide="true"]):not(.pe87Ipad):not(.pe87IpadRuntime)
    #app.studentScreen #studentPapsSummary .mobilePapsMetricRow.badgeOnly {
      grid-template-columns: minmax(0,1fr) 62px 70px !important;
      grid-template-areas: "title value badge" !important;
      min-height: 56px !important;
      align-items: center !important;
  }

  html[data-pe-tab="students"]:not(.pe87FoldWide):not([data-pe-fold-wide="true"]):not(.pe87Ipad):not(.pe87IpadRuntime)
    #app.studentScreen #studentPapsSummary .mobilePapsMetricTitle {
      display: flex !important;
      min-height: 32px !important;
      align-self: stretch !important;
      align-items: center !important;
      justify-content: center !important;
      line-height: 1.25 !important;
  }

  html[data-pe-tab="students"]:not(.pe87FoldWide):not([data-pe-fold-wide="true"]):not(.pe87Ipad):not(.pe87IpadRuntime)
    #app.studentScreen #studentPapsSummary .mobilePapsValue,
  html[data-pe-tab="students"]:not(.pe87FoldWide):not([data-pe-fold-wide="true"]):not(.pe87Ipad):not(.pe87IpadRuntime)
    #app.studentScreen #studentPapsSummary .mobilePapsBadgeSlot {
      width: 100% !important;
      height: 100% !important;
      align-self: stretch !important;
      align-items: center !important;
  }

  html[data-pe-tab="students"]:not(.pe87FoldWide):not([data-pe-fold-wide="true"]):not(.pe87Ipad):not(.pe87IpadRuntime)
    #app.studentScreen #studentPapsSummary .mobilePapsValue {
      display: flex !important;
      justify-content: center !important;
  }

  html[data-pe-tab="students"]:not(.pe87FoldWide):not([data-pe-fold-wide="true"]):not(.pe87Ipad):not(.pe87IpadRuntime)
    #app.studentScreen #studentPapsSummary .mobilePapsBadgeSlot {
      display: flex !important;
      justify-content: flex-end !important;
  }
}

@media (max-width: 340px) {
  html[data-pe-tab="students"]:not(.pe87FoldWide):not([data-pe-fold-wide="true"]):not(.pe87Ipad):not(.pe87IpadRuntime)
    #app.studentScreen #studentPapsSummary .mobilePapsMetricRow,
  html[data-pe-tab="students"]:not(.pe87FoldWide):not([data-pe-fold-wide="true"]):not(.pe87Ipad):not(.pe87IpadRuntime)
    #app.studentScreen #studentPapsSummary .mobilePapsMetricRow.badgeOnly {
      grid-template-columns: minmax(0,1fr) 54px 64px !important;
      gap: 6px !important;
      padding-inline: 8px !important;
  }

  html[data-pe-tab="students"]:not(.pe87FoldWide):not([data-pe-fold-wide="true"]):not(.pe87Ipad):not(.pe87IpadRuntime)
    #app.studentScreen #studentPapsSummary .mobilePapsMetricTitle,
  html[data-pe-tab="students"]:not(.pe87FoldWide):not([data-pe-fold-wide="true"]):not(.pe87Ipad):not(.pe87IpadRuntime)
    #app.studentScreen #studentPapsSummary .mobilePapsValue {
      font-size: 13px !important;
  }
}