/* Four compact tools; approved university remains quiet profile metadata. */
.crab-h5 .profile-shortcuts { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 6px; }
.crab-h5 .profile-shortcuts button { flex-direction: column; gap: 3px; min-height: 56px; padding: 7px 3px; font-size: 12px; line-height: 1.5; }
.crab-h5 .profile-shortcuts button > span { text-align: center; }
.crab-h5 .profile-shortcuts .ui-icon { width: 17px; height: 17px; }
.crab-h5 .profile-theme-underwater .profile-shortcuts button[data-nav="student-verification"] { --shortcut-accent: #7EB394; }
.crab-h5 .profile-theme-underwater .profile-shortcuts button::before { left: 10px; width: 14px; }
.crab-h5 .profile-cove .student-university-badge { display: flex; align-items: flex-start; gap: 4px; margin: 6px 0 0; color: #526774; font: 400 12px/1.6 var(--sans); text-align: left; }
.crab-h5 .student-university-badge .ui-icon { width: 14px; height: 14px; margin-top: 2px; flex: none; }
.crab-h5 .student-university-badge > span { min-width: 0; overflow-wrap: anywhere; }
.crab-h5 .profile-theme-simple .profile-cove .student-university-badge { color: #E3DED4; }
/* One quiet form surface; the crab helps with the evidence upload. */
.crab-h5 .student-verification-page { background: #FFFEFB; color: #201C22; }
.crab-h5 .student-verification-page > .mobile-scroll { padding: 0 0 calc(106px + env(safe-area-inset-bottom)); }
.crab-h5 .student-page-head { background: #FFFEFB; }
.crab-h5 .student-page-head .mobile-header { margin: 0; padding: calc(10px + var(--h5-safe-top)) 20px 10px; min-height: 66px; border: 0; background: transparent; }
.crab-h5 .student-page-head .mobile-header::after,.crab-h5 .student-page-head .crab-header-dot { display: none; }
.crab-h5 .student-page-head .mobile-header h3 { font-size: 18px; font-weight: 700; }
.crab-h5 .student-page-head .mobile-header .back-button { left: 20px; }
.crab-h5 .student-verification-body { padding: 8px 22px 24px; overflow-wrap: anywhere; }
.crab-h5 .student-detail-icon { display: block; width: 22px; height: 22px; flex: none; }
.crab-h5 #h5-student-verification-form { margin: 0; border: 0; background: transparent; }
.crab-h5 .student-form-section { margin: 0; padding: 12px 0 0; }
.crab-h5 .student-form-section + .student-form-section { margin-top: 19px; }
.crab-h5 .student-section-label { display: block; margin: 0 0 10px; font: 600 15px/1.6 var(--sans); }
.crab-h5 .student-section-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0 12px; margin: -7px 0 7px; }
.crab-h5 .student-section-heading .student-section-label { flex: 1 1 140px; margin: 0; }
.crab-h5 .student-chsi-link { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; max-width: 100%; padding: 4px 0; color: #315A75; font: 500 13px/1.5 var(--sans); text-decoration: none; }
.crab-h5 .student-chsi-link > span { min-width: 0; overflow-wrap: anywhere; }
.crab-h5 .student-chsi-link .student-detail-icon { width: 15px; height: 15px; }
.crab-h5 .student-chsi-link:hover > span { text-decoration: underline; text-underline-offset: 4px; }
.crab-h5 #student-university { display: block; width: 100%; min-height: 54px; margin: 0; padding: 13px 15px; border: 1px solid #D8CEBC; border-radius: 12px; color: #201C22; font-size: 16px; background: #FAF6ED; box-sizing: border-box; box-shadow: none; }
.crab-h5 #student-university::placeholder { color: #817D82; }
.crab-h5 .student-upload-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.crab-h5 .student-file-control { position: relative; display: flex; flex: 1 1 100%; align-items: center; justify-content: center; gap: 19px; width: 100%; min-height: 152px; padding: 20px 18px; border: 1px solid #C3D7E3; border-radius: 16px; color: #315A75; background: #EDF5FA; cursor: pointer; box-sizing: border-box; }
.crab-h5 .student-upload-art { display: grid; place-items: center; flex: none; width: 86px; height: 88px; }
.crab-h5 .student-document-art { position: relative; display: block; width: 86px; height: 84px; }
.crab-h5 .student-document-art > svg { display: block; width: 86px; height: 84px; }
.crab-h5 .student-document-art > span { position: absolute; display: block; width: 51px; height: 41px; left: -9px; bottom: 1px; }
.crab-h5 .student-document-art > span svg { display: block; width: 100%; height: 100%; }
.crab-h5 .student-upload-symbol { flex: none; color: #315A75; }
.crab-h5 .student-upload-symbol .student-detail-icon { width: 24px; height: 24px; }
.crab-h5 .student-upload-copy { display: block; min-width: 0; max-width: 200px; }
.crab-h5 .student-upload-copy strong { display: block; color: #26485F; font: 600 15px/1.6 var(--sans); }
.crab-h5 .student-upload-copy small { display: block; margin-top: 5px; color: #5B6B76; font: 400 12px/1.7 var(--sans); }
.crab-h5 .student-file-control.has-evidence { justify-content: flex-start; gap: 12px; min-height: 80px; padding: 14px 16px; }
.crab-h5 .student-file-control input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.crab-h5 .student-file-control:focus-within,.crab-h5 .student-verification-page :is(button,a,input):focus-visible { outline: 3px solid #315A75; outline-offset: 3px; }
.crab-h5 .student-file-control:active { background: #E1EFF8; }
.crab-h5 .student-remove { min-height: 44px; margin-left: auto; padding: 8px 2px 0; color: #80564D; background: transparent; font: 500 13px/1.5 var(--sans); text-decoration: underline; text-underline-offset: 3px; }
.crab-h5 .student-evidence-preview { margin: 0 0 12px; overflow: hidden; border-radius: 12px; border: 1px solid #D9D2C6; background: #F7F4EF; }
.crab-h5 .student-evidence-preview img { display: block; width: 100%; max-height: 360px; object-fit: contain; }
.crab-h5 .student-form-footer { padding: 28px 0 0; }
.crab-h5 .student-form-error { margin: 0 0 12px; color: #9B3228; font: 400 14px/1.6 var(--sans); }
.crab-h5 .student-form-error:empty { display: none; }
.crab-h5 #h5-student-verification-form .primary-button { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 52px; margin: 0; padding: 12px 16px; border: 1.5px solid #201C22; border-radius: 13px; box-shadow: 0 3px 0 #201C22; font-size: 16px; font-weight: 700; line-height: 1.5; white-space: normal; }
.crab-h5 .student-privacy { display: flex; align-items: flex-start; gap: 7px; margin: 18px 0 0; color: #716A63; font: 400 12px/1.7 var(--sans); }
.crab-h5 .student-privacy > svg { width: 15px; height: 15px; margin-top: 2px; }
.crab-h5 .student-status { --status-ink: #6B572A; --status-tint: #F9EBC4; margin: 12px 0 0; padding: 18px; border-radius: 16px; background: #FBF4E4; }
.crab-h5 .student-status-title { display: flex; align-items: center; gap: 10px; color: var(--status-ink); font: 700 18px/1.5 var(--sans); }
.crab-h5 .student-status-symbol { display: grid; place-items: center; flex: none; width: 34px; height: 34px; border-radius: 10px; background: var(--status-tint); }
.crab-h5 .student-status-symbol .student-detail-icon { width: 22px; height: 22px; }
.crab-h5 .student-status-approved { --status-ink: #285544; --status-tint: #DDF0E5; background: #EEF6F0; }
.crab-h5 .student-status-rejected { --status-ink: #9B3228; --status-tint: #FBE3DB; background: #FFF0E9; }
.crab-h5 .student-status p { margin: 10px 0 0; color: #5B5762; font: 400 14px/1.65 var(--sans); }
.crab-h5 .student-status .student-status-university { color: #201C22; font-size: 17px; font-weight: 700; }
.crab-h5 .student-rejection { padding-top: 12px; border-top: 1px solid #E5DDCF; }
.crab-h5 .student-rejection b,.crab-h5 .student-rejection span { display: block; }
.crab-h5 .student-rejection b { margin-bottom: 4px; font-size: 13px; color: #9B3228; }
.crab-h5 .student-submitted-evidence { padding: 20px 0 0; }
.crab-h5 .student-submitted-evidence h2 { margin: 0 0 10px; font: 600 15px/1.6 var(--sans); }
.crab-h5 .student-secondary { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 48px; margin-top: 14px; padding: 10px 14px; border: 1px solid #D8CEBC; border-radius: 12px; color: #201C22; background: #FAF6ED; font: 500 15px/1.5 var(--sans); }
.crab-h5 .student-verification-page :disabled,.crab-h5 .student-file-control.is-busy { opacity: .65; cursor: wait; }
@media(max-width:350px) {
 .crab-h5 .student-page-head .mobile-header { padding-inline: 16px; }
 .crab-h5 .student-page-head .mobile-header .back-button { left: 16px; }
 .crab-h5 .student-verification-body { padding-inline: 18px; }
 .crab-h5 .student-file-control { gap: 12px; padding: 18px 14px; }
 .crab-h5 .student-upload-art { width: 76px; }
 .crab-h5 .student-document-art { transform: scale(.9); }
}