/* Presentation only: keep all original inputs, values and submit handlers. */
@layer peV2SoftBlue20261018n {
  @media (max-width:768px) {
    html.peV2PhoneRenderGuard #studentAddModal .studentAddFields>label:is(.studentAddPhone,.studentAddDate) {
      grid-column:1/-1!important;
      grid-row:2!important;
      inline-size:calc((100% - 8px)/2)!important;
      min-inline-size:0!important;
      margin:0!important;
    }
    html.peV2PhoneRenderGuard #studentAddModal .studentAddFields>label.studentAddPhone {
      justify-self:start!important;
    }
    html.peV2PhoneRenderGuard #studentAddModal .studentAddFields>label.studentAddDate {
      justify-self:end!important;
    }
    html.peV2PhoneRenderGuard #studentAddModal :is(#studentAddPhone,#studentAddEnrollmentDate) {
      padding-inline:6px!important;
      margin:6px 0 0!important;
    }
  }
  @media (max-width:340px) {
    html.peV2PhoneRenderGuard #studentAddModal #studentAddEnrollmentDate::-webkit-datetime-edit,
    html.peV2PhoneRenderGuard #studentAddModal #studentAddEnrollmentDate::-webkit-date-and-time-value {
      font-size:14px!important;
    }
    html.peV2PhoneRenderGuard #studentAddModal #studentAddEnrollmentDate::-webkit-calendar-picker-indicator {
      width:12px!important;margin:0!important;padding:0!important;
    }
  }
}