/* APPLICATION FINISH 015G - Profile & Settings mobile viewport stability.
   Additive presentation-only layer. No account, auth, profile-save, MFA, privacy,
   preference, session, Member Account shell, or data-contract behavior changes. */

@media (max-width:760px){
  html.tp011i-app-route,
  body.tp012c-settings-page{
    -webkit-text-size-adjust:100%;
  }

  body.tp012c-settings-page{
    min-height:100vh;
    min-height:100dvh;
    overflow-x:hidden;
    overflow-x:clip;
  }

  body.tp012c-settings-page .tp012c-settings-main{
    width:100%;
    box-sizing:border-box;
    padding-left:max(16px,env(safe-area-inset-left));
    padding-right:max(16px,env(safe-area-inset-right));
    scroll-padding-top:82px;
    scroll-padding-bottom:calc(118px + env(safe-area-inset-bottom));
  }

  .tp012c-settings-top,
  .tp012c-settings-top > div,
  .tp012c-settings-grid,
  .tp012c-settings-card,
  .tp012c-settings-card > span,
  .tp012c-panel,
  .tp012c-panel-card,
  .tp012c-profile-summary,
  .tp012c-profile-summary > div,
  .tp012c-form-grid,
  .tp012c-form-grid > *,
  .tp012c-field,
  .tp012c-avatar-editor,
  .tp012c-favorites,
  .tp012c-actions{
    min-width:0;
    max-width:100%;
    box-sizing:border-box;
  }

  .tp012c-settings-card{
    grid-template-columns:42px minmax(0,1fr) auto;
  }

  .tp012c-settings-card strong,
  .tp012c-settings-card small,
  .tp012c-profile-summary strong,
  .tp012c-profile-summary small{
    overflow-wrap:anywhere;
  }

  .tp012c-form-grid input:not([type]),
  .tp012c-form-grid input[type="text"],
  .tp012c-form-grid input[type="password"],
  .tp012c-form-grid input[type="email"],
  .tp012c-form-grid input[type="tel"],
  .tp012c-form-grid input[type="url"],
  .tp012c-form-grid input[type="number"],
  .tp012c-form-grid textarea,
  .tp012c-form-grid select,
  .tp012c-field input:not([type]),
  .tp012c-field input[type="text"],
  .tp012c-field input[type="password"],
  .tp012c-field input[type="email"],
  .tp012c-field input[type="tel"],
  .tp012c-field input[type="url"],
  .tp012c-field input[type="number"],
  .tp012c-favorites select{
    font-size:16px;
    line-height:1.35;
    scroll-margin-top:86px;
    scroll-margin-bottom:132px;
  }

  .tp012c-avatar-editor input[type="file"]{
    width:100%;
    max-width:100%;
    box-sizing:border-box;
  }

  .tp012c-button,
  .tp012c-panel-back,
  .tp012c-settings-close{
    touch-action:manipulation;
  }

  .tp012c-button{
    min-height:44px;
  }

  #memberMfaSecret{
    display:block;
    max-width:100%;
    overflow-wrap:anywhere;
    word-break:break-all;
    white-space:normal;
  }
}

@media (max-width:420px){
  .tp012c-actions{
    display:grid;
    grid-template-columns:minmax(0,1fr);
  }

  .tp012c-actions .tp012c-button{
    width:100%;
  }
}