.self-profile{max-width:620px;padding:28px}.self-profile label{display:block;font-weight:600;margin:20px 0 8px}.self-profile input{width:100%;min-width:0;font-size:16px}.self-profile .primary{min-height:48px}.staff-avatar{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;flex-shrink:0}.staff-avatar:focus-visible{outline:3px solid #12cbbb;outline-offset:3px}@media(max-width:640px){.self-profile{padding:20px}.self-profile .primary{width:100%}.topbar .staff-avatar{display:inline-flex!important;width:36px;height:36px}}

.staff-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-photo-row{display:flex;align-items:center;gap:20px}.profile-photo-preview{width:96px;height:96px;flex:0 0 96px;background:#e0f5f1;color:#164d44;border-radius:50%;display:grid;place-items:center;font-size:36px;overflow:hidden}.profile-photo-preview img{width:100%;height:100%;object-fit:cover}.profile-photo-row small{display:block;color:#56716c;margin:8px 0}.profile-photo-row>div:last-child{min-width:0}.profile-photo-row label{margin-top:0}.profile-photo-row input{max-width:100%}@media(max-width:480px){.profile-photo-row{align-items:flex-start;flex-direction:column}}

/* Keep the profile link square despite shared navigation-link padding. */
.workspace .topbar a.staff-avatar{display:inline-flex!important;box-sizing:border-box;width:40px;height:40px;min-width:40px;max-width:40px;flex:0 0 40px;padding:0!important;margin:0;border-radius:50%;overflow:hidden;line-height:1}
.workspace .topbar .staff-avatar img{display:block;width:100%;height:100%;min-width:100%;max-width:100%;object-fit:cover;flex:none}
.self-profile{box-sizing:border-box;width:100%;min-width:0}
.profile-photo-row{max-width:100%;min-width:0}
.profile-photo-row>div:last-child{flex:1;width:100%}
@media(max-width:640px){.workspace .topbar a.staff-avatar{width:36px;height:36px;min-width:36px;max-width:36px;flex-basis:36px}.self-profile input[type=file]{box-sizing:border-box;width:100%;max-width:100%}}