/* The note count is supplementary: it must not pull the number/star/name
 * group away from the middle of its roster cell. Keep every original node
 * and click handler, and reserve equal room on both sides for the count. */
@layer peV2SoftBlue20261018n {
  @media (max-width:768px) {
    html.peV2PhoneRenderGuard body.peMobileStudents12351 #app #studentList > .studentBtn {
      --v2-student-count-space:20px;
      padding-inline:var(--v2-student-count-space)!important;
      justify-content:center!important;
      gap:4px!important;
    }
    html.peV2PhoneRenderGuard body.peMobileStudents12351 #app #studentList > .studentBtn > .num {
      padding:0!important;
      flex:0 0 auto!important;
    }
    html.peV2PhoneRenderGuard body.peMobileStudents12351 #app #studentList > .studentBtn > .name {
      padding:0!important;
      min-width:0!important;
      overflow:visible!important;
    }
    html.peV2PhoneRenderGuard body.peMobileStudents12351 #app #studentList > .studentBtn > .name > .badge {
      position:relative!important;
      display:inline-block!important;
      min-width:0!important;
      max-width:100%!important;
      overflow:visible!important;
      white-space:normal!important;
      overflow-wrap:anywhere!important;
      text-align:center!important;
    }
    html.peV2PhoneRenderGuard body.peMobileStudents12351 #app #studentList > .studentBtn > .name > .badge > .count {
      position:absolute!important;
      inset:auto auto auto calc(100% + 2px)!important;
      top:50%!important;
      transform:translateY(-50%)!important;
      display:inline-block!important;
      width:17px!important;
      max-width:17px!important;
      padding:0!important;
      margin:0!important;
      font-size:9px!important;
      line-height:1.3!important;
      text-align:left!important;
      white-space:normal!important;
      overflow-wrap:anywhere!important;
      pointer-events:none!important;
    }
  }
}