/* V162 — Perfil completo dentro de un único diálogo accesible */
#modal-mi-perfil{padding:18px;box-sizing:border-box;overscroll-behavior:contain}
#modal-mi-perfil .profile-modal{
  display:flex!important;
  flex-direction:column;
  width:min(920px,calc(100vw - 36px))!important;
  max-width:920px!important;
  height:min(820px,calc(100dvh - 36px));
  max-height:calc(100dvh - 36px)!important;
  overflow:hidden!important;
  border-radius:16px;
  box-shadow:0 24px 70px rgba(7,25,44,.28);
}
#modal-mi-perfil .profile-modal-head{flex:0 0 auto;background:#fff;position:relative;z-index:2}
#modal-mi-perfil .profile-layout{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  align-content:start;
  padding:22px 24px 26px;
}
#modal-mi-perfil .profile-photo-panel{position:sticky;top:0;align-self:start}
#modal-mi-perfil .profile-actions{
  flex:0 0 auto;
  position:relative;
  z-index:2;
  margin:0!important;
  background:#fff;
  box-shadow:0 -8px 20px rgba(15,35,55,.045);
}
#modal-mi-perfil .profile-fields{min-width:0;padding-bottom:4px}
#modal-mi-perfil .profile-account-actions{padding-bottom:6px}
#modal-mi-perfil .profile-layout:focus-visible{outline:2px solid #2563eb;outline-offset:-3px}

@media(max-width:700px){
  #modal-mi-perfil{padding:0;align-items:stretch}
  #modal-mi-perfil .profile-modal{width:100%!important;height:100dvh;max-height:100dvh!important;border-radius:0;border:0}
  #modal-mi-perfil .profile-modal-head{padding:17px 18px 14px}
  #modal-mi-perfil .profile-layout{display:block!important;padding:18px}
  #modal-mi-perfil .profile-photo-panel{position:static;display:grid;grid-template-columns:92px 1fr 1fr;gap:8px;align-items:center;margin-bottom:22px;padding:0}
  #modal-mi-perfil .profile-photo-preview{grid-row:1/4;width:86px;height:86px}
  #modal-mi-perfil .profile-photo-panel .tiny{grid-column:2/4;text-align:left}
  #modal-mi-perfil .profile-grid{grid-template-columns:1fr!important}
  #modal-mi-perfil .profile-actions{padding:12px 16px;display:grid;grid-template-columns:1fr 1fr}
  #modal-mi-perfil .profile-actions .btn{width:100%}
}

@media(max-height:680px) and (min-width:701px){
  #modal-mi-perfil{padding:10px}
  #modal-mi-perfil .profile-modal{height:calc(100dvh - 20px);max-height:calc(100dvh - 20px)!important}
  #modal-mi-perfil .profile-modal-head{padding:15px 20px 12px}
  #modal-mi-perfil .profile-layout{padding:16px 20px 20px}
  #modal-mi-perfil .profile-photo-preview{width:92px;height:92px}
  #modal-mi-perfil .profile-actions{padding:10px 20px 12px}
}