/* Narrow-phone student registration: one visual row for gender, number, name.
 * Keep the original labels, inputs, validation, draft and submit owners intact. */
@layer peV2SoftBlue20261018n {
  @media (max-width:768px) {
    html.peV2PhoneRenderGuard #studentAddModal .studentAddFields {
      grid-template-columns:minmax(0,.9fr) minmax(0,.9fr) minmax(0,1.3fr)!important;
      gap:12px 8px!important;
    }
    html.peV2PhoneRenderGuard #studentAddModal .studentAddFields>label:has(>#studentAddGender) {
      grid-column:1!important;grid-row:1!important;
    }
    html.peV2PhoneRenderGuard #studentAddModal .studentAddFields>label:has(>#studentAddNumber) {
      grid-column:2!important;grid-row:1!important;
    }
    html.peV2PhoneRenderGuard #studentAddModal .studentAddFields>label:has(>#studentAddName) {
      grid-column:3!important;grid-row:1!important;
    }
    html.peV2PhoneRenderGuard #studentAddModal .studentAddFields>.studentAddDate {
      grid-column:1/-1!important;grid-row:2!important;
    }
    html.peV2PhoneRenderGuard #studentAddModal .studentAddFields>.studentAddPhone {
      grid-column:1/-1!important;grid-row:3!important;
    }
    html.peV2PhoneRenderGuard #studentAddModal .studentAddFields :is(#studentAddGender,#studentAddNumber,#studentAddName) {
      margin:6px 0 0!important;
    }
    html.peV2PhoneRenderGuard #studentAddModal #studentAddGender {
      padding:0 24px 0 6px!important;
      background-position:right 6px center!important;
      background-size:14px 14px!important;
    }
  }
}