/* APPLICATION FINISH 015H — Profile editor simplification + photo editor containment.
   Scope is intentionally bounded to requested profile presentation and My Account passport-card title cleanup. */

.tp015h-social-picker{display:grid;grid-template-columns:minmax(0,180px) minmax(0,1fr);gap:12px}
.tp015h-social-picker label{display:grid;gap:6px;font-size:12px;font-weight:700;color:#49606b}
.tp015h-social-picker input,.tp015h-social-picker select{width:100%;box-sizing:border-box;border:1px solid #d5dfdc;border-radius:12px;background:#fff;padding:12px 13px;font:inherit;color:#173a4a}

body.tp015h-photo-editor-open{overflow:hidden!important;overscroll-behavior:none!important}
#profileEditAvatarEditor.tp012c-photo-editor{position:fixed;inset:0;z-index:3950;padding:calc(var(--tp011i-header-h,58px) + 12px) 14px calc(86px + env(safe-area-inset-bottom));background:rgba(5,22,32,.48);display:grid;place-items:center;box-sizing:border-box;overflow:hidden;overscroll-behavior:none}
#profileEditAvatarEditor.tp012c-photo-editor.tp012c-hidden{display:none!important}
.tp012c-photo-editor-sheet{width:min(430px,100%);max-height:100%;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#fff;border-radius:22px;padding:18px;box-sizing:border-box;box-shadow:0 24px 70px rgba(5,22,32,.26);display:grid;gap:13px}
.tp012c-photo-editor-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.tp012c-photo-editor-head strong{font-size:18px;color:#0d3142}
.tp012c-photo-editor-close{border:0;background:#eef3f1;color:#173a4a;border-radius:11px;min-height:42px;padding:9px 13px;font-weight:800}
.tp012c-photo-editor-sheet p{margin:0;color:#687b83;font-size:13px;line-height:1.45}
.tp012c-photo-editor-sheet canvas{display:block;width:min(100%,320px)!important;height:auto!important;margin:0 auto;border-radius:50%!important;background:#eef2f1;touch-action:none;user-select:none;-webkit-user-select:none}
.tp012c-photo-editor-sheet>label{display:grid;gap:7px;font-size:12px;font-weight:700;color:#49606b}

/* Legacy desktop/member editor receives the same explicit photo-exit controls. */
.profile-avatar-crop .tp015h-photo-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.profile-avatar-crop .tp015h-photo-head strong{font-size:16px;color:#0d3142}
.profile-avatar-crop #profileEditAvatarUse{margin-top:10px}

@media(max-width:760px){
  html,body{max-width:100%;overflow-x:hidden}
  .tp015h-social-picker{grid-template-columns:minmax(0,1fr)}
  .tp015h-social-picker input,.tp015h-social-picker select{font-size:16px;line-height:1.35}
  #profileEditAvatarFile{font-size:16px;line-height:1.35}
  /* Remove the redundant gold label and move the single title into the balanced top position. */
  .tpb-passport-door .tpb-door-kicker{display:none!important}
  .tpb-passport-door>strong{margin:0 45px 16px 0!important}
  .tpb-passport-door{padding-top:25px!important}
  /* Legacy inline editor cannot pan the page while the crop surface is active. */
  .profile-avatar-crop:not(.hidden){position:fixed;top:calc(var(--tp011i-header-h,58px) + 10px);bottom:calc(84px + env(safe-area-inset-bottom));left:12px;right:12px;z-index:3950;overflow-y:auto;overscroll-behavior:contain;background:#fff;border-radius:20px;padding:16px;box-shadow:0 24px 70px rgba(5,22,32,.28)}
  .profile-avatar-crop canvas{max-width:100%;height:auto;touch-action:none}
}