/* Four equal student-detail actions. Reuses the three record views and the
 * original student-status modal owner; desktop layouts without this nav stay unchanged. */
@layer peV2SoftBlue20261018n {
  body.peMobileStudents12351 #app #studentDetail > [data-sf51-record-links][data-student-actions-v148] {
    display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:6px!important;align-items:stretch!important;
  }
  body.peMobileStudents12351 #app #studentDetail [data-sf51-record-links][data-student-actions-v148] > button {
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
    box-sizing:border-box!important;min-width:0!important;width:100%!important;min-height:65px!important;
    height:65px!important;padding:8px 2px!important;gap:6px!important;margin:0!important;
    border:1px solid var(--v2-neutral-line,#d9e1ea)!important;border-radius:9px!important;
    background:#fff!important;color:var(--v2-neutral-ink,#25455e)!important;box-shadow:none!important;
    font-size:clamp(9px,2.65vw,11px)!important;line-height:1.3!important;-webkit-tap-highlight-color:transparent!important;
  }
  body.peMobileStudents12351 #app #studentDetail [data-sf51-record-links][data-student-actions-v148] > button > strong {
    white-space:nowrap!important;line-height:1.3!important;font-size:inherit!important;
  }
  body.peMobileStudents12351 #app #studentDetail [data-sf51-record-links][data-student-actions-v148] > button > span {
    display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 21px!important;
    width:22px!important;height:21px!important;line-height:1!important;
  }
  body.peMobileStudents12351 #app #studentDetail [data-sf51-record-links][data-student-actions-v148] svg {
    width:21px!important;height:21px!important;flex:none!important;
  }
  body.peMobileStudents12351 #app #studentDetail [data-sf51-record-links][data-student-actions-v148] > button[aria-pressed="true"] {
    background:#f0f8fe!important;border-color:#9fc7e5!important;color:#247cbd!important;
  }
  body.peMobileStudents12351 #app #studentDetail:has([data-student-actions-v148]) #manageStudentStatusBtn {
    display:none!important;
  }
  body.peMobileStudents12351 #app #studentDetail [data-student-status-icon-v148] svg {
    color:#8393a6!important;
  }
}