/* PE-Class v1.20.83 — mobile Student PAPS label, value and badge order only. */

@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) minmax(48px,max-content) max-content !important;
      grid-template-areas: "title value badge" !important;
  }

  html[data-pe-tab="students"]:not(.pe87FoldWide):not([data-pe-fold-wide="true"]):not(.pe87Ipad):not(.pe87IpadRuntime)
    #app.studentScreen #studentPapsSummary .mobilePapsMetricTitle {
      grid-area: title !important;
      display: block !important;
      width: 100% !important;
      min-height: 0 !important;
      justify-self: stretch !important;
      overflow: visible !important;
      text-align: center !important;
      text-overflow: clip !important;
      white-space: nowrap !important;
  }

  html[data-pe-tab="students"]:not(.pe87FoldWide):not([data-pe-fold-wide="true"]):not(.pe87Ipad):not(.pe87IpadRuntime)
    #app.studentScreen #studentPapsSummary
    .mobilePapsMetricTitle.papsTwoLineLabel12082 > span {
      display: inline !important;
      width: auto !important;
      line-height: inherit !important;
      white-space: nowrap !important;
  }

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

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

  html[data-pe-tab="students"]:not(.pe87FoldWide):not([data-pe-fold-wide="true"]):not(.pe87Ipad):not(.pe87IpadRuntime)
    #app.studentScreen #studentPapsSummary .mobilePapsBadgeSlot .papsGrade.bmi {
      border-radius: 4px !important;
  }
}