/* Operating website phones only. Keep the original launcher, result buttons,
 * scan/input handlers and records; change only these two presentation details. */
@layer peV2SoftBlue20261018n {
  @media (max-width: 768px) {
    html.peV2PhoneRenderGuard:not(.pe-local-app) #classroomLauncherModal > .classroomLauncher > .classroomLauncherHead {
      border-bottom: 0 !important;
    }

    /* The same scanned result can live in the tools modal or its page owner.
     * Explicit row placement overrides the older phone second-row action. */
    html.peV2PhoneRenderGuard:not(.pe-local-app) :is(#app, #classroomToolsContent12307) .classroomFlow[data-classroom-view="catchup"] > .classroomCatchupList > button[data-catchup-index] {
      display: grid !important;
      grid-template-columns: 58px minmax(0, 1fr) max-content !important;
      align-items: center !important;
      gap: 8px !important;
      min-width: 0 !important;
      text-align: left !important;
    }
    html.peV2PhoneRenderGuard:not(.pe-local-app) :is(#app, #classroomToolsContent12307) .classroomFlow[data-classroom-view="catchup"] > .classroomCatchupList > button[data-catchup-index] > .type {
      grid-column: 1 !important;
      grid-row: 1 !important;
      align-self: center !important;
      min-width: 0 !important;
    }
    html.peV2PhoneRenderGuard:not(.pe-local-app) :is(#app, #classroomToolsContent12307) .classroomFlow[data-classroom-view="catchup"] > .classroomCatchupList > button[data-catchup-index] > .student {
      grid-column: 2 !important;
      grid-row: 1 !important;
      min-width: 0 !important;
      justify-items: start !important;
      text-align: left !important;
    }
    html.peV2PhoneRenderGuard:not(.pe-local-app) :is(#app, #classroomToolsContent12307) .classroomFlow[data-classroom-view="catchup"] > .classroomCatchupList > button[data-catchup-index] > .go {
      display: block !important;
      grid-column: 3 !important;
      grid-row: 1 !important;
      align-self: center !important;
      justify-self: end !important;
      white-space: nowrap !important;
      text-align: right !important;
    }
  }
}