.user-panel__form label:has([readonly]), .user-panel__form label:has(:disabled) { position: relative; }
.profile-locked { color: #9ca7b7; font-size: .58rem; font-weight: 700; }
.user-panel__form input[readonly], .user-panel__form select:disabled { border-color: #edf0f5; color: #9aa5b5; background: #f5f7fa; box-shadow: none; cursor: not-allowed; opacity: .82; }
.user-panel__form input[readonly]:focus, .user-panel__form select:disabled:focus { border-color: #edf0f5; box-shadow: none; }

/* On mobile, editable profile details come first; identity-locked fields stay together below. */
@media (max-width: 700px) {
  .user-panel__form h2 { order: 0; }
  .user-panel__form .user-panel__error { order: 1; }
  .user-panel__form label:has([name="firstName"]) { order: 2; }
  .user-panel__form label:has([name="lastName"]) { order: 3; }
  .user-panel__form label:has([name="university"]) { order: 4; }
  .user-panel__form label:has([name="major"]) { order: 5; }
  .user-panel__form label:has([name="nationalId"]) { order: 10; }
  .user-panel__form label:has([name="studentId"]) { order: 11; }
  .user-panel__form label:has([name="phone"]) { order: 12; }
  .user-panel__form label:has([name="gender"]) { order: 13; }
  .user-panel__form .user-panel__security { order: 14; }
  .user-panel__form .user-panel__save { order: 15; }
}