/* ETHNOS R801 — correction géométrie étape 04 « Votre profil ».
   Base canonique : R800.
   Périmètre strict : centrage du bloc, largeur utile augmentée et actions basses
   contenues dans le panneau. Aucun contrat métier/API/validation modifié. */

body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="profile-identity"] .joinCardBody{
  overflow-y:auto !important;
  overflow-x:hidden !important;
}

body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="profile-identity"] .joinView[data-view="profile-identity"]:not([hidden]){
  box-sizing:border-box !important;
  min-height:100% !important;
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:clamp(12px,1.7vh,22px) clamp(18px,2.4vw,44px) clamp(18px,2.2vh,28px) !important;
}

/* Le panneau gagne de la largeur et reste mathématiquement centré. */
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="profile-identity"] .profileWorkspaceCombined{
  box-sizing:border-box !important;
  width:min(1640px,100%) !important;
  max-width:1640px !important;
  margin:auto !important;
  align-self:center !important;
  padding:0 0 18px !important;
  overflow:visible !important;
}

body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="profile-identity"] .profileEditorCombined{
  box-sizing:border-box !important;
  width:100% !important;
  max-width:none !important;
  padding:0 clamp(18px,1.6vw,28px) !important;
  overflow:visible !important;
}

/* Les actions restent intégralement DANS le bloc, avec de l'air sous les boutons. */
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="profile-identity"] .profileActionsR776{
  box-sizing:border-box !important;
  position:static !important;
  inset:auto !important;
  width:100% !important;
  margin:14px 0 0 !important;
  padding:12px 0 0 !important;
  min-height:52px !important;
  align-items:center !important;
  overflow:visible !important;
}
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="profile-identity"] .profileActionsR776 .joinBack,
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="profile-identity"] .profileActionsR776 [data-profile-continue]{
  position:static !important;
  transform:none !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
}

/* Écrans courts : on ne coupe jamais le haut ; le scroll du corps prend le relais. */
@media (max-height:850px){
  body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="profile-identity"] .joinView[data-view="profile-identity"]:not([hidden]){
    align-items:flex-start !important;
    justify-content:center !important;
  }
}

/* En dessous de 1700 px, on garde des marges sûres sans forcer de débordement. */
@media (max-width:1700px){
  body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="profile-identity"] .profileWorkspaceCombined{
    width:min(1580px,100%) !important;
  }
}
@media (max-width:1366px){
  body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="profile-identity"] .joinView[data-view="profile-identity"]:not([hidden]){
    padding-left:18px !important;
    padding-right:18px !important;
  }
  body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="profile-identity"] .profileWorkspaceCombined{
    width:100% !important;
  }
}