/* R373 — habillage inscription aligné sur l'identité commerciale actuelle.
   Styling only: aucun comportement JS ni contrat API modifié. */
:root{
  --r354-navy:#071a39;
  --r354-orange:#f26722;
  --r354-orange-soft:#ff9f62;
  --r354-cream:rgba(255,249,240,.965);
  --r354-cream-soft:rgba(255,252,247,.95);
  --r354-white:#fffdf9;
  --r354-line:rgba(7,26,57,.13);
  --r354-muted:rgba(7,26,57,.62);
  --r354-shadow:0 18px 55px rgba(28,20,12,.20);
  --r354-ui:Inter,"Segoe UI",Arial,sans-serif;
  --r354-title:Inter,"Segoe UI",Arial,sans-serif;
}


/* R356 — décor de fond strictement réutilisé depuis les sources actives :
   - shell : fragments exacts de espace-membre.html + sa cascade CSS
   - image centrale : asset R355 déjà validé par l'utilisateur
   Aucun élément de navigation n'est reconstruit ou approximé. */
html, body{
  background:#071a39 !important;
}
.joinPage{
  position:relative !important;
  isolation:isolate !important;
  min-height:100vh !important;
  background:transparent !important;
  color:var(--r354-navy) !important;
}
.joinRealBackdrop{
  position:fixed !important;
  inset:0 !important;
  z-index:0 !important;
  overflow:hidden !important;
  pointer-events:none !important;
  background:#071a39 !important;
}
.joinRealShell{
  position:absolute !important;
  inset:-8px !important;
  width:calc(100% + 16px) !important;
  height:calc(100% + 16px) !important;
  border:0 !important;
  filter:none !important;
  transform:scale(1.012) !important;
  opacity:1 !important;
  pointer-events:none !important;
}
.joinCommercialBackdrop{
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:56px !important;     /* hauteur officielle --topbar du layout actif */
  bottom:92px !important;  /* dock 54px + footer légal 38px, issus du CSS actif */
  background:
    linear-gradient(rgba(7,26,57,.16),rgba(7,26,57,.16)),
    url("../assets/images/commercial-home-hero-r355.jpg") center center / cover no-repeat !important;
  filter:blur(6px) saturate(.90) !important;
  transform:scale(1.018) !important;
  opacity:.96 !important;
}
.joinMain{
  position:relative !important;
  z-index:2 !important;
  background:transparent !important;
}
.joinMain::before,
.joinMain::after,
.joinAmbient,
.joinWatermark{
  display:none !important;
  content:none !important;
}
.joinMain>.joinCard{
  position:relative !important;
  z-index:3 !important;
}

/* Le décor connecté est volontairement non interactif et légèrement flouté. */
/* Carte R355 : alternance des deux crèmes déjà présents dans l'identité commerciale.
   Pas de deuxième photo inventée dans la carte. */
.joinMain>.joinCard{
  position:relative !important;
  isolation:isolate !important;
  background:linear-gradient(145deg,rgba(255,249,240,.985),#f8efe3) !important;
  border:1px solid rgba(7,26,57,.12) !important;
  box-shadow:var(--r354-shadow) !important;
  color:var(--r354-navy) !important;
}
.joinMain>.joinCard::before,
.joinMain>.joinCard::after{
  content:none !important;
  display:none !important;
}
.joinCardHeader,
.joinSteps{
  background:rgba(255,252,247,.90) !important;
  border-color:var(--r354-line) !important;
}
.joinCardBody{
  background:#f8efe3 !important;
  color:var(--r354-navy) !important;
}
.joinAgePanel,
.profileEditor,
.profilePreview,
.accessPrivateSummary,
.accessIdentityPrivacy,
.emailVerificationPanel,
.profileReadyPanel,
.valuesReadyPanel{
  background:rgba(255,249,240,.965) !important;
}
.joinAppPromo{
  background:rgba(255,252,247,.95) !important;
}

/* Typographies : titres éditoriaux conservés, tout le texte fonctionnel passe
   sur la typo interface officielle utilisée sur l'accueil commercial. */
.joinCard h1,
.joinCard h2,
.joinCard h3,
.joinCard .joinWelcomeLine,
.joinCard .appBrand{
  font-family:var(--r354-title) !important;
  color:var(--r354-navy) !important;
}
.joinCard .joinPathLine,
.joinCard p,
.joinCard small,
.joinCard label,
.joinCard input,
.joinCard textarea,
.joinCard select,
.joinCard button,
.joinCard .joinSteps strong,
.joinCard .joinProgressMeta,
.joinCard .joinSectionLabel,
.joinCard .fieldGroup>span,
.joinCard .profileImageHeading strong,
.joinCard .interestHeading strong,
.joinCard .originHeading strong,
.joinCard .residenceField>span,
.joinCard .primaryLanguageChoice>span,
.joinCard .emailVerificationField>span{
  font-family:var(--r354-ui) !important;
}
.joinCard .joinPathLine,
.joinCard .appPromise{color:var(--r354-orange) !important}
.joinCard p,
.joinCard small,
.joinCard .fieldGroup>small,
.joinCard .joinSteps strong{
  color:var(--r354-muted) !important;
}
.joinAgeCopy h2 span{color:var(--r354-orange) !important}
.joinAgeInstruction strong{color:var(--r354-navy) !important}

/* Progression et étapes. */
.joinProgressMeta{color:rgba(7,26,57,.78) !important}
.joinProgressTrack{background:rgba(7,26,57,.10) !important}
.joinProgressTrack>span{background:var(--r354-orange) !important}
.joinSteps li>span{
  background:rgba(7,26,57,.10) !important;
  color:rgba(7,26,57,.65) !important;
  border-color:rgba(7,26,57,.10) !important;
}
.joinSteps li.isActive>span,
.joinSteps li.isComplete>span{
  background:var(--r354-orange) !important;
  color:#fff !important;
}
.joinSteps li::after{background:rgba(7,26,57,.10) !important}

/* Panneaux internes : uniquement l'habillage. */
.joinAgePanel,
.joinAppPromo,
.profileWorkspace,
.profileEditor,
.profilePreview,
.profileChoiceEditor,
.accessWorkspace,
.valuesWorkspace,
.paymentWorkspace,
.emailVerificationPanel,
.profileReadyPanel,
.valuesReadyPanel,
.accessPrivateSummary,
.accessIdentityPrivacy,
.statusChoice,
.profileChoiceButton,
.interestPanel,
.originPanel{
  border-color:rgba(7,26,57,.12) !important;
}

/* Champs officiels clairs. */
.joinCard input,
.joinCard textarea,
.joinCard select,
.realFlagSelectButton{
  background:#fff !important;
  color:var(--r354-navy) !important;
  border-color:rgba(7,26,57,.20) !important;
}
.joinCard input::placeholder,
.joinCard textarea::placeholder{color:rgba(7,26,57,.42) !important}
.joinCard input:focus,
.joinCard textarea:focus,
.joinCard select:focus,
.realFlagSelectButton:focus-visible{
  border-color:var(--r354-orange) !important;
  box-shadow:0 0 0 3px rgba(242,103,34,.12) !important;
  outline:none !important;
}
.realFlagSelectMenu{
  background:var(--r354-white) !important;
  color:var(--r354-navy) !important;
  border-color:rgba(7,26,57,.16) !important;
  box-shadow:0 18px 40px rgba(28,20,12,.16) !important;
}
.realFlagSelectOption{color:var(--r354-navy) !important}
.realFlagSelectOption:hover,
.realFlagSelectOption[aria-selected="true"]{background:rgba(242,103,34,.10) !important}

/* Boutons principaux : orange commercial standard. */
.joinContinue,
.profileChoiceButtonMember,
.valuesReadyActions .joinContinue,
.emailVerificationRefresh,
button[data-registration-submit],
button[data-next]:not(.joinBack){
  background:var(--r354-orange) !important;
  color:#fff !important;
  border-color:var(--r354-orange) !important;
  box-shadow:0 8px 20px rgba(242,103,34,.18) !important;
}
.joinContinue:hover,
.profileChoiceButtonMember:hover,
.emailVerificationRefresh:hover,
button[data-next]:not(.joinBack):hover{
  background:#e95c16 !important;
  border-color:#e95c16 !important;
}
.joinContinue b,
.profileChoiceButtonMember b{color:#fff !important}
.joinBack{
  background:rgba(255,252,247,.92) !important;
  color:var(--r354-navy) !important;
  border-color:rgba(7,26,57,.18) !important;
  box-shadow:none !important;
}
.joinBack:hover{
  color:var(--r354-orange) !important;
  border-color:rgba(242,103,34,.42) !important;
}

/* États inactifs/erreurs : conserver le sens fonctionnel sans couleurs de l'ancien thème. */
.joinCard button:disabled,
.joinCard .isPending{
  opacity:.48 !important;
  box-shadow:none !important;
}
.apiFormError,
.ageValidationError{color:#a83224 !important}
.registrationFreshNotice{
  background:rgba(78,175,69,.10) !important;
  border-color:rgba(78,175,69,.24) !important;
  color:#2c7f26 !important;
}

/* QR / promo : crème officiel. */
.joinAppPromo p{color:var(--r354-muted) !important}

/* Formats étroits : éviter qu'une métrique typographique nouvelle force un débordement. */
@media(max-width:900px){
  .joinCard .joinPathLine,
  .joinCard p,
  .joinCard small,
  .joinCard label,
  .joinCard button,
  .joinCard .joinSteps strong{
    overflow-wrap:anywhere;
  }
}

/* Spécificités héritées des anciennes étapes : neutralisation purement visuelle. */
.joinCard[data-current-view="profile-choice"] .profileChoiceEditor{
  background:rgba(255,253,249,.70) !important;
}
.joinCard[data-current-view="profile-choice"] .profileChoiceButtonMember>span strong,
.joinCard[data-current-view="profile-choice"] .profileChoiceButtonMember>span small,
.joinCard[data-current-view="profile-choice"] .statusChoice>span strong,
.joinCard[data-current-view="profile-choice"] .statusChoice>span small{
  font-family:var(--r354-ui) !important;
  color:#fff !important;
}
.joinCard[data-current-view="profile-choice"] .statusChoiceUnavailable>span strong,
.joinCard[data-current-view="profile-choice"] .statusChoiceUnavailable>span small{
  color:rgba(7,26,57,.52) !important;
}
.joinCard[data-current-view="profile-choice"] .statusChoiceUnavailable{
  background:rgba(255,252,247,.76) !important;
  border-color:rgba(7,26,57,.14) !important;
  color:rgba(7,26,57,.52) !important;
}
.joinCard[data-current-view="access"] .accessFields .fieldGroup>span:first-child,
.joinCard[data-current-view="access"] .accessFields .fieldGroup>small{
  font-family:var(--r354-ui) !important;
  color:var(--r354-navy) !important;
}
.joinCard[data-current-view="access"] .accessFields .fieldGroup>small{
  color:var(--r354-muted) !important;
}
.joinCard[data-current-view="access"] .accessWorkspace,
.joinCard[data-current-view="profile-identity"] .profileEditor,
.joinCard[data-current-view="profile-story"] .profileEditor,
.joinCard[data-current-view="values"] .valuesWorkspace,
.joinCard[data-current-view="values-ready"] .valuesReadyPanel,
.joinCard[data-current-view="payment"] .paymentWorkspace,
.joinCard[data-current-view="email-verification"] .emailVerificationPanel,
.joinCard[data-current-view="complete"] .profileReadyPanel{
  background:rgba(255,253,249,.72) !important;
  color:var(--r354-navy) !important;
}
.joinCard[data-current-view="values"] .valuesHeaderIntro,
.joinCard[data-current-view="values-ready"] .valuesHeaderIntro{
  font-family:var(--r354-ui) !important;
  color:var(--r354-muted) !important;
}


/* Boutons primaires : reprise du standard réellement actif de l'accueil commercial.
   Source : .header-button + .header-button--signup de index.html. */
.joinCard .joinContinue,
.joinCard .emailValidatedCta,
.joinCard .photoCharterAccept{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  height:clamp(42px,4.4vh,54px) !important;
  padding:0 clamp(15px,1.35vw,26px) !important;
  border-radius:12px !important;
  text-decoration:none !important;
  font-size:clamp(.76rem,.88vw,1.05rem) !important;
  font-weight:750 !important;
  white-space:nowrap !important;
  color:#fff !important;
  border:1px solid #f26722 !important;
  background:linear-gradient(135deg,#f27825,#f45d16) !important;
  box-shadow:0 10px 25px rgba(242,103,34,.22) !important;
  transition:
    transform 220ms cubic-bezier(.2,.75,.25,1),
    box-shadow 220ms ease,
    filter 220ms ease,
    background-color 220ms ease,
    border-color 220ms ease !important;
}
.joinCard .joinContinue:hover,
.joinCard .emailValidatedCta:hover,
.joinCard .photoCharterAccept:hover{
  transform:translateY(-4px) rotateX(4deg) scale(1.025) !important;
  filter:saturate(1.08) brightness(1.035) !important;
  box-shadow:
    0 15px 30px rgba(242,103,34,.30),
    0 4px 9px rgba(7,26,57,.10) !important;
}
.joinCard .joinContinue:focus-visible,
.joinCard .emailValidatedCta:focus-visible,
.joinCard .photoCharterAccept:focus-visible{
  outline:3px solid rgba(242,103,34,.46) !important;
  outline-offset:4px !important;
  transform:translateY(-2px) !important;
}

@media (max-width:1700px), (max-height:900px){
  .joinCommercialBackdrop{top:50px !important; bottom:82px !important}
}
@media (max-width:1100px){
  .joinCommercialBackdrop{top:54px !important; bottom:72px !important}
}


/* R357 — correction locale après preuve navigateur.
   Cause corrigée : l'ancien grid 4 lignes de rejoindre.html restait actif alors
   que l'ancien shell avait été retiré ; joinMain se retrouvait dans la première ligne.
   On rend le décor indépendant et on remet UNIQUEMENT la zone d'inscription
   dans la surface centrale réelle. */
.joinPage{
  display:block !important;
  width:100% !important;
  height:100dvh !important;
  min-height:100dvh !important;
  overflow:hidden !important;
}
.joinMain{
  position:fixed !important;
  z-index:5 !important;
  left:0 !important;
  right:0 !important;
  top:56px !important;
  bottom:92px !important;
  width:auto !important;
  height:auto !important;
  min-height:0 !important;
  display:grid !important;
  place-items:center !important;
  padding:12px clamp(16px,3vw,58px) !important;
  overflow:hidden !important;
  background:transparent !important;
}
.joinMain>.joinCard{
  width:min(92vw,1240px) !important;
  height:min(860px,calc(100% - 8px)) !important;
  min-height:0 !important;
  max-height:calc(100% - 8px) !important;
  margin:0 auto !important;
  z-index:6 !important;
}

/* Les onglets latéraux réels proviennent du shell connecté actif.
   L'inscription reste au-dessus, mais ne les recouvre pas aux angles. */
.joinRealShell{
  z-index:2 !important;
}
.joinCommercialBackdrop{
  z-index:1 !important;
}

@media (max-width:1700px), (max-height:900px){
  .joinMain{top:50px !important;bottom:82px !important;padding:8px 10px !important}
  .joinMain>.joinCard{
    width:calc(100vw - 20px) !important;
    height:calc(100% - 8px) !important;
    max-height:calc(100% - 8px) !important;
  }
}
@media (max-width:1100px){
  .joinMain{top:54px !important;bottom:72px !important}
}


/* ========================================================================== */
/* R358 — corrections ciblées après audit navigateur                         */
/* ========================================================================== */

/* 1. Carte : largeur suffisante en grand format pour éviter que les 10 étapes
      ne se chevauchent. */
.joinMain>.joinCard{
  width:min(94vw,1600px) !important;
}

/* 2. Les 9 étapes utilisent une grille régulière. Les libellés peuvent revenir
      à la ligne si nécessaire : aucun chevauchement horizontal. */
.joinSteps{
  display:grid !important;
  grid-template-columns:repeat(9,minmax(0,1fr)) !important;
  column-gap:clamp(4px,.42vw,10px) !important;
  align-items:stretch !important;
  padding-left:clamp(12px,1.2vw,22px) !important;
  padding-right:clamp(12px,1.2vw,22px) !important;
}
.joinSteps li{
  min-width:0 !important;
  width:auto !important;
  display:grid !important;
  grid-template-columns:auto minmax(0,1fr) !important;
  align-items:center !important;
  gap:clamp(4px,.32vw,8px) !important;
}
.joinSteps li strong{
  min-width:0 !important;
  white-space:normal !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
  line-height:1.12 !important;
  white-space:normal !important;
  overflow-wrap:normal !important;
}

/* 3. Le grand titre de parcours reprend la typographie éditoriale des titres
      intérieurs, comme « Avez-vous 16 ans ou plus ? ». Cette règle reste valable
      quand le JS change le titre aux étapes suivantes. */
.joinCard .joinPathLine{
  font-family:var(--r354-title) !important;
  font-weight:400 !important;
  letter-spacing:0 !important;
}

/* 4. Jauge : bleu ardoise officiel déjà présent dans la charte active
      (#607481, source espace-membre-r211.css), plus de panneau gris. */
.joinProgressGauge{
  background:linear-gradient(180deg,#607481 0%,#516773 100%) !important;
  border-color:rgba(7,26,57,.14) !important;
  box-shadow:0 8px 20px rgba(7,26,57,.16) !important;
}
.joinProgressMeta{
  color:#fffdf9 !important;
}
.joinProgressMeta b{
  color:#ffad7a !important;
}
.joinProgressTrack{
  background:rgba(255,253,249,.28) !important;
}
.joinProgressTrack>span{
  background:#f26722 !important;
}

/* 5. QR : visuel exact de l'accueil commercial, contraste conservé.
      Le figure reprend le traitement sobre de la carte QR commerciale. */
.joinAppPromo figure{
  padding:clamp(8px,.7vw,12px) !important;
  border:1px solid rgba(246,96,30,.42) !important;
  border-radius:18px !important;
  background:rgba(255,252,247,.88) !important;
  box-shadow:0 10px 28px rgba(7,27,59,.12) !important;
  opacity:1 !important;
  filter:none !important;
}
.joinAppPromo figure img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  border-radius:10px !important;
  opacity:1 !important;
  filter:none !important;
}

/* 6. Boutons orange : reprise du standard CONNECTÉ réellement actif.
      Source vérifiée : .ethnosOfficialAction de espace-membre-r216.css,
      lui-même documenté comme copie du bouton officiel Fermer Tchat. */
.joinCard .joinContinue,
.joinCard .emailValidatedCta,
.joinCard .photoCharterAccept{
  appearance:none !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:38px !important;
  min-height:38px !important;
  max-height:38px !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  border:1px solid rgba(255,211,183,.92) !important;
  border-radius:9px !important;
  background:linear-gradient(180deg,#ffad7a 0%,#ee8d55 100%) !important;
  color:#071826 !important;
  font-family:var(--font-interface,Manrope,"Segoe UI",Arial,sans-serif) !important;
  font-size:clamp(10px,.72vw,13px) !important;
  font-weight:500 !important;
  font-style:normal !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  text-align:center !important;
  text-decoration:none !important;
  text-transform:none !important;
  text-shadow:none !important;
  white-space:nowrap !important;
  box-shadow:0 1px 0 #c96d3d,0 3px 5px rgba(0,0,0,.11) !important;
  filter:none !important;
  transform:translateY(0) !important;
  cursor:pointer !important;
  transition:transform .12s ease,filter .12s ease,box-shadow .12s ease !important;
}
.joinCard .joinContinue:hover,
.joinCard .joinContinue:focus-visible,
.joinCard .emailValidatedCta:hover,
.joinCard .emailValidatedCta:focus-visible,
.joinCard .photoCharterAccept:hover,
.joinCard .photoCharterAccept:focus-visible{
  filter:brightness(1.025) !important;
  box-shadow:0 2px 0 #c96d3d,0 4px 6px rgba(0,0,0,.12) !important;
  transform:translateY(-1px) !important;
}
.joinCard .joinContinue:active,
.joinCard .emailValidatedCta:active,
.joinCard .photoCharterAccept:active{
  box-shadow:0 0 0 #c96d3d,0 2px 3px rgba(0,0,0,.09) !important;
  transform:translateY(1px) !important;
}

/* Neutralise explicitement l'ancien standard commercial R356/R357 qui ne doit
   plus être actif dans l'inscription. */
.joinCard .joinContinue b{
  color:inherit !important;
}

/* 1920x1080 et grands formats : préserver l'espace et éviter tout chevauchement. */
@media (min-width:1710px) and (min-height:900px){
  .joinMain>.joinCard{
    width:min(94vw,1600px) !important;
  }
  .joinSteps{
    column-gap:clamp(7px,.5vw,12px) !important;
  }
  .joinSteps li strong{
    font-size:clamp(10px,.67vw,13px) !important;
  }
}

/* Sous 1700 px : le texte reste contenu dans chaque cellule au lieu de déborder. */
@media (max-width:1700px){
  .joinSteps{
    column-gap:3px !important;
    padding-left:8px !important;
    padding-right:8px !important;
  }
  .joinSteps li{
    gap:3px !important;
  }
  .joinSteps li strong{
    font-size:clamp(8px,.62vw,10px) !important;
  }
}


/* ========================================================================== */
/* R359 — correctif local : Tchat / rognage haut / QR                         */
/* ========================================================================== */

/* A. Suppression du rognage supérieur.
   R358 utilisait inset:-8px + scale(1.012), ce qui décalait et agrandissait
   le shell au-delà du viewport. Le shell reste légèrement flouté, mais il
   occupe désormais exactement le viewport sans translation ni zoom. */
.joinRealShell{
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  transform:none !important;
  filter:none !important;
}

/* B. QR : même visuel réel déjà validé, mais sans l'ancien cadre à hauteur
   contrainte (88–116px content-box) qui pouvait rogner l'image.
   Le conteneur devient carré, box-sizing compris, et l'image est contenue. */
.joinAppPromo{
  grid-template-columns:132px minmax(0,1fr) !important;
  align-items:center !important;
}
.joinAppPromo figure{
  box-sizing:border-box !important;
  width:116px !important;
  height:116px !important;
  min-width:116px !important;
  min-height:116px !important;
  max-width:116px !important;
  max-height:116px !important;
  margin:0 auto !important;
  padding:8px !important;
  overflow:hidden !important;
}
.joinAppPromo figure img{
  box-sizing:border-box !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  margin:0 !important;
}


/* ========================================================================== */
/* R360 — correctif local : onglet Tchat + homogénéité boutons                */
/* ========================================================================== */

/* Le premier bouton "Poursuivre" reprend explicitement le même standard que
   le bouton validé du volet 2. Valeurs identiques au standard connecté déjà
   présent dans R358/R359 : aucune variante nouvelle. */
.joinView[data-view="age-intro"] .joinContinue{
  appearance:none !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:38px !important;
  min-height:38px !important;
  max-height:38px !important;
  padding:0 14px !important;
  border:1px solid rgba(255,211,183,.92) !important;
  border-radius:9px !important;
  background:linear-gradient(180deg,#ffad7a 0%,#ee8d55 100%) !important;
  color:#071826 !important;
  font-family:var(--font-interface,Manrope,"Segoe UI",Arial,sans-serif) !important;
  font-size:clamp(10px,.72vw,13px) !important;
  font-weight:500 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  text-shadow:none !important;
  white-space:nowrap !important;
  box-shadow:0 1px 0 #c96d3d,0 3px 5px rgba(0,0,0,.11) !important;
  filter:none !important;
  transform:translateY(0) !important;
}
.joinView[data-view="age-intro"] .joinContinue:hover,
.joinView[data-view="age-intro"] .joinContinue:focus-visible{
  filter:brightness(1.025) !important;
  box-shadow:0 2px 0 #c96d3d,0 4px 6px rgba(0,0,0,.12) !important;
  transform:translateY(-1px) !important;
}


/* ========================================================================== */
/* R361 — Tchat bas + CTA uniformes                                           */
/* ========================================================================== */

/* Tous les CTA de progression reprennent strictement la même présentation.
   Les cartes de choix de statut sont exclues car ce ne sont pas des CTA simples. */
.joinCard button.joinContinue:not(.statusChoice){
  appearance:none !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:0 !important;
  height:38px !important;
  min-height:38px !important;
  max-height:38px !important;
  padding:0 18px !important;
  border:1px solid rgba(255,211,183,.92) !important;
  border-radius:9px !important;
  background:linear-gradient(180deg,#ffad7a 0%,#ee8d55 100%) !important;
  color:#071826 !important;
  font-family:var(--font-interface,Manrope,"Segoe UI",Arial,sans-serif) !important;
  font-size:clamp(10px,.72vw,13px) !important;
  font-weight:500 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  text-align:center !important;
  text-transform:none !important;
  text-shadow:none !important;
  white-space:nowrap !important;
  box-shadow:0 1px 0 #c96d3d,0 3px 5px rgba(0,0,0,.11) !important;
  filter:none !important;
  transform:translateY(0) !important;
}
.joinCard button.joinContinue:not(.statusChoice) > span{
  display:block !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  text-align:center !important;
}
.joinCard button.joinContinue:not(.statusChoice) > b[aria-hidden="true"]{
  display:none !important;
}
.joinCard button.joinContinue:not(.statusChoice):hover,
.joinCard button.joinContinue:not(.statusChoice):focus-visible{
  filter:brightness(1.025) !important;
  box-shadow:0 2px 0 #c96d3d,0 4px 6px rgba(0,0,0,.12) !important;
  transform:translateY(-1px) !important;
}
.joinCard button.joinContinue:not(.statusChoice):active{
  box-shadow:0 0 0 #c96d3d,0 2px 3px rgba(0,0,0,.09) !important;
  transform:translateY(1px) !important;
}

/* Le volet 01 ne reçoit plus aucune variante propre : même CTA que les suivants. */
.joinView[data-view="age-intro"] .joinContinue{
  padding:0 18px !important;
}


/* ========================================================================== */
/* R369 — modale "Inscription retrouvée" : suppression de l'ancien thème      */
/* ========================================================================== */

/* Cause corrigée :
   les styles .registrationResume* venaient encore intégralement de
   rejoindre-r60.css. Aucun skin R354→R368 ne les avait surchargés. */

.registrationResumeBackdrop{
  background:rgba(7,24,38,.30) !important;
  backdrop-filter:blur(6px) !important;
}

.registrationResumeDialog{
  width:min(720px,92vw) !important;
  padding:30px !important;
  border:1px solid rgba(7,24,38,.14) !important;
  border-radius:16px !important;
  background:#fff9f0 !important;
  color:#071826 !important;
  box-shadow:0 24px 70px rgba(7,24,38,.22) !important;
}

.registrationResumeDialog .joinSectionLabel{
  color:#176b4c !important;
  opacity:1 !important;
}

.registrationResumeDialog h2{
  margin:10px 0 12px !important;
  color:#071826 !important;
  font-family:var(--r354-title) !important;
  font-size:clamp(26px,2vw,34px) !important;
  font-weight:400 !important;
  line-height:1.08 !important;
}

.registrationResumeDialog>p{
  margin:0 !important;
  color:#4f5f6d !important;
  font-family:var(--r354-ui) !important;
  font-size:14px !important;
  line-height:1.55 !important;
}

.registrationResumeActions{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
  margin-top:24px !important;
}

/* Secondaire : standard clair, compact. */
.registrationResumeActions .joinBack{
  box-sizing:border-box !important;
  width:auto !important;
  height:38px !important;
  min-height:38px !important;
  padding:0 14px !important;
  border:1px solid rgba(7,24,38,.18) !important;
  border-radius:9px !important;
  background:#fffdf9 !important;
  color:#071826 !important;
  font-family:var(--font-interface,Manrope,"Segoe UI",Arial,sans-serif) !important;
  font-size:clamp(10px,.72vw,13px) !important;
  font-weight:500 !important;
  line-height:1 !important;
  text-transform:none !important;
  box-shadow:none !important;
}

/* Primaire : même standard orange connecté déjà validé. */
.registrationResumeActions .joinContinue{
  box-sizing:border-box !important;
  width:auto !important;
  height:38px !important;
  min-height:38px !important;
  max-height:38px !important;
  padding:0 18px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid rgba(255,211,183,.92) !important;
  border-radius:9px !important;
  background:linear-gradient(180deg,#ffad7a 0%,#ee8d55 100%) !important;
  color:#071826 !important;
  font-family:var(--font-interface,Manrope,"Segoe UI",Arial,sans-serif) !important;
  font-size:clamp(10px,.72vw,13px) !important;
  font-weight:500 !important;
  line-height:1 !important;
  text-align:center !important;
  text-transform:none !important;
  text-shadow:none !important;
  box-shadow:0 1px 0 #c96d3d,0 3px 5px rgba(0,0,0,.11) !important;
  filter:none !important;
  transform:none !important;
}
.registrationResumeActions .joinContinue>span{
  width:auto !important;
  text-align:center !important;
}
.registrationResumeActions .joinContinue:hover,
.registrationResumeActions .joinContinue:focus-visible{
  filter:brightness(1.025) !important;
  box-shadow:0 2px 0 #c96d3d,0 4px 6px rgba(0,0,0,.12) !important;
  transform:translateY(-1px) !important;
}

.registrationResumeError{
  margin-top:12px !important;
  color:#8a3f25 !important;
  font-size:11px !important;
}

@media(max-width:760px){
  .registrationResumeActions{
    align-items:stretch !important;
    flex-direction:column-reverse !important;
  }
  .registrationResumeActions button{
    width:100% !important;
  }
}


/* ========================================================================== */
/* R371 — VOLET 05 : BLOC AUTORITAIRE UNIQUE                                  */
/* ========================================================================== */

/* Structure R372 : UN SEUL niveau de défilement.
   Cause R371 : joinCardBody restait rogné par le legacy pendant que profileEditor
   avait son propre scroll. Deux conteneurs se battaient sur la hauteur visible. */
.joinCard[data-current-view="profile-identity"] .joinCardBody{
  min-height:0 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  overscroll-behavior:contain !important;
  scrollbar-width:thin !important;
}
.joinCard[data-current-view="profile-identity"] .profileWorkspace{
  min-height:0 !important;
  height:auto !important;
  overflow:visible !important;
}
.joinCard[data-current-view="profile-identity"] .profileEditor{
  box-sizing:border-box !important;
  min-height:0 !important;
  height:auto !important;
  overflow:visible !important;
  padding-bottom:18px !important;
}

/* Lisibilité générale. */
.joinCard[data-current-view="profile-identity"] .profileIntro h2,
.joinCard[data-current-view="profile-identity"] .fieldGroup>span,
.joinCard[data-current-view="profile-identity"] .profileImageHeading strong,
.joinCard[data-current-view="profile-identity"] .uploadChoice strong{
  color:#071826 !important;
  opacity:1 !important;
}
.joinCard[data-current-view="profile-identity"] .profileIntro p,
.joinCard[data-current-view="profile-identity"] .fieldGroup>small,
.joinCard[data-current-view="profile-identity"] .profileImageHeading small,
.joinCard[data-current-view="profile-identity"] .uploadChoice small{
  color:#4f5f6d !important;
  opacity:1 !important;
}
.joinCard[data-current-view="profile-identity"] #profileNickname{
  color:#071826 !important;
  background:#fffdf9 !important;
  border-color:rgba(7,24,38,.16) !important;
}
.joinCard[data-current-view="profile-identity"] #profileNickname::placeholder{
  color:transparent !important;
}

/* Les deux onglets demandés : crème foncé. */
.joinCard[data-current-view="profile-identity"] .nicknameEmojiPicker,
.joinCard[data-current-view="profile-identity"] .avatarPicker{
  position:static !important;
  box-sizing:border-box !important;
  width:100% !important;
  min-width:0 !important;
  margin:8px 0 14px !important;
  border:1px solid rgba(7,24,38,.14) !important;
  border-radius:12px !important;
  background:#f8efe3 !important;
  overflow:hidden !important;
}
.joinCard[data-current-view="profile-identity"] .nicknameEmojiPicker>summary,
.joinCard[data-current-view="profile-identity"] .avatarPicker>summary{
  box-sizing:border-box !important;
  min-height:46px !important;
  height:46px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  padding:0 14px !important;
  color:#071826 !important;
  background:#f8efe3 !important;
  font-family:var(--r354-ui) !important;
  font-size:13px !important;
  font-weight:600 !important;
  cursor:pointer !important;
  list-style:none !important;
}
.joinCard[data-current-view="profile-identity"] .nicknameEmojiPicker>summary::-webkit-details-marker,
.joinCard[data-current-view="profile-identity"] .avatarPicker>summary::-webkit-details-marker{
  display:none !important;
}
.joinCard[data-current-view="profile-identity"] .nicknameEmojiPicker>summary::after,
.joinCard[data-current-view="profile-identity"] .avatarPicker>summary::after{
  content:"▾" !important;
  color:#f26722 !important;
  margin-left:12px !important;
}
.joinCard[data-current-view="profile-identity"] .nicknameEmojiPicker[open]>summary::after,
.joinCard[data-current-view="profile-identity"] .avatarPicker[open]>summary::after{
  content:"▴" !important;
}

/* Pseudonyme : ouverture dans le flux = la suite descend. */
.joinCard[data-current-view="profile-identity"] .nicknameEmojiPicker .emojiBar{
  display:none !important;
}
.joinCard[data-current-view="profile-identity"] .nicknameEmojiPicker[open] .emojiBar{
  position:static !important;
  box-sizing:border-box !important;
  display:block !important;
  width:100% !important;
  height:220px !important;
  min-height:220px !important;
  max-height:220px !important;
  padding:10px 12px 12px !important;
  border-top:1px solid rgba(7,24,38,.10) !important;
  background:#fff9f0 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  overscroll-behavior:contain !important;
  scrollbar-gutter:stable !important;
}
.joinCard[data-current-view="profile-identity"] .nicknameEmojiPicker .joinProfileEmojiGroup + .joinProfileEmojiGroup{
  margin-top:10px !important;
  padding-top:9px !important;
  border-top:1px solid rgba(7,24,38,.10) !important;
}
.joinCard[data-current-view="profile-identity"] .nicknameEmojiPicker .joinProfileEmojiGroup h4{
  margin:0 0 6px !important;
  color:#4f5f6d !important;
  font-family:var(--r354-ui) !important;
  font-size:10px !important;
  font-weight:700 !important;
  letter-spacing:.05em !important;
  text-transform:uppercase !important;
}
.joinCard[data-current-view="profile-identity"] .nicknameEmojiPicker .joinProfileEmojiChoices{
  display:grid !important;
  grid-template-columns:repeat(auto-fill,31px) !important;
  grid-auto-flow:row !important;
  grid-auto-rows:31px !important;
  justify-content:start !important;
  gap:5px !important;
}
.joinCard[data-current-view="profile-identity"] .nicknameEmojiPicker .joinProfileEmojiChoices button{
  box-sizing:border-box !important;
  width:31px !important;
  height:31px !important;
  padding:0 !important;
  display:grid !important;
  place-items:center !important;
  border:1px solid rgba(7,26,57,.14) !important;
  border-radius:8px !important;
  background:#fffdf9 !important;
  font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif !important;
  font-size:17px !important;
  box-shadow:none !important;
}

/* Zone photo : Upload + Avatar uniquement. */
.joinCard[data-current-view="profile-identity"] .profileImageChoices{
  display:grid !important;
  grid-template-columns:minmax(240px,360px) minmax(280px,1fr) !important;
  gap:14px !important;
  align-items:start !important;
}
.joinCard[data-current-view="profile-identity"] .avatarPicker{
  margin:0 0 12px !important;
}
.joinCard[data-current-view="profile-identity"] .avatarPicker .avatarChoices{
  display:none !important;
}
.joinCard[data-current-view="profile-identity"] .avatarPicker[open] .avatarChoices{
  position:static !important;
  box-sizing:border-box !important;
  display:grid !important;
  grid-template-columns:repeat(auto-fill,38px) !important;
  grid-template-rows:none !important;
  grid-auto-flow:row !important;
  grid-auto-columns:auto !important;
  grid-auto-rows:38px !important;
  justify-content:start !important;
  align-content:start !important;
  gap:6px !important;
  width:100% !important;
  height:220px !important;
  min-height:220px !important;
  max-height:220px !important;
  padding:10px 12px !important;
  border-top:1px solid rgba(7,24,38,.10) !important;
  background:#fff9f0 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  overscroll-behavior:contain !important;
  scrollbar-gutter:stable !important;
}
.joinCard[data-current-view="profile-identity"] .avatarChoice{
  box-sizing:border-box !important;
  flex:none !important;
  width:38px !important;
  min-width:38px !important;
  max-width:38px !important;
  height:38px !important;
  min-height:38px !important;
  max-height:38px !important;
  padding:0 !important;
  border-radius:8px !important;
  background:#fff !important;
  border:1px solid rgba(7,26,57,.10) !important;
  font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif !important;
  font-size:21px !important;
  line-height:38px !important;
  text-align:center !important;
  box-shadow:none !important;
}
.joinCard[data-current-view="profile-identity"] .avatarChoice.isSelected,
.joinCard[data-current-view="profile-identity"] .avatarChoice[aria-pressed="true"]{
  border-color:#f26722 !important;
  box-shadow:0 0 0 2px rgba(242,103,34,.14) !important;
}

/* Contrôles dans le flux, jamais superposés. */
.joinCard[data-current-view="profile-identity"] .charterStatus,
.joinCard[data-current-view="profile-identity"] .formRequirements,
.joinCard[data-current-view="profile-identity"] .profileActions{
  position:static !important;
  inset:auto !important;
  z-index:auto !important;
}
.joinCard[data-current-view="profile-identity"] .formRequirements{
  margin-top:12px !important;
  background:rgba(255,249,240,.98) !important;
  border:1px solid rgba(7,24,38,.12) !important;
}
.joinCard[data-current-view="profile-identity"] .formRequirements span{
  color:#071826 !important;
  opacity:1 !important;
}
.joinCard[data-current-view="profile-identity"] .formRequirements span.isComplete{
  color:#176b4c !important;
}
.joinCard[data-current-view="profile-identity"] .profileActions{
  box-sizing:border-box !important;
  width:100% !important;
  min-height:64px !important;
  margin-top:16px !important;
  padding:12px 0 0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  background:transparent !important;
  border-top:1px solid rgba(7,24,38,.12) !important;
  box-shadow:none !important;
}

/* Bouton Charte standard connecté. */
.joinCard[data-current-view="profile-identity"] .photoCharterTrigger{
  height:38px !important;
  min-height:38px !important;
  padding:0 18px !important;
  border:1px solid rgba(255,211,183,.92) !important;
  border-radius:9px !important;
  background:linear-gradient(180deg,#ffad7a 0%,#ee8d55 100%) !important;
  color:#071826 !important;
  font-family:var(--font-interface,Manrope,"Segoe UI",Arial,sans-serif) !important;
  font-size:clamp(10px,.72vw,13px) !important;
  font-weight:500 !important;
  box-shadow:0 1px 0 #c96d3d,0 3px 5px rgba(0,0,0,.11) !important;
}

/* Aperçu droit clair et lisible. */
.joinCard[data-current-view="profile-identity"] .liveProfilePanel{
  background:#f8efe3 !important;
  border:1px solid rgba(7,24,38,.14) !important;
  color:#071826 !important;
}
.joinCard[data-current-view="profile-identity"] .liveProfileCard{
  background:#fff9f0 !important;
  border:1px solid rgba(7,24,38,.12) !important;
  color:#071826 !important;
}
.joinCard[data-current-view="profile-identity"] .liveProfileLabel{color:#176b4c !important;opacity:1 !important}
.joinCard[data-current-view="profile-identity"] .liveProfileCard h3,
.joinCard[data-current-view="profile-identity"] .liveOriginLine,
.joinCard[data-current-view="profile-identity"] .liveBio,
.joinCard[data-current-view="profile-identity"] .liveProfileFooter span,
.joinCard[data-current-view="profile-identity"] .liveProfileHint{
  color:#071826 !important;
  opacity:1 !important;
}

/* Modale Charte claire + CTA standard. */
.photoCharterDialog{
  background:#fff9f0 !important;
  border:1px solid rgba(7,24,38,.16) !important;
  color:#071826 !important;
}
.photoCharterDialog .joinSectionLabel{color:#176b4c !important}
.photoCharterDialog h2,
.photoCharterDialog p,
.photoCharterAgreement span{color:#071826 !important;opacity:1 !important}
.photoCharterAgreement{
  background:#f8efe3 !important;
  border:1px solid rgba(7,24,38,.14) !important;
}
.photoCharterClose{
  color:#071826 !important;
  background:rgba(7,24,38,.07) !important;
}
.photoCharterDialog .photoCharterAccept{
  box-sizing:border-box !important;
  width:auto !important;
  height:38px !important;
  min-height:38px !important;
  max-height:38px !important;
  padding:0 18px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid rgba(255,211,183,.92) !important;
  border-radius:9px !important;
  background:linear-gradient(180deg,#ffad7a 0%,#ee8d55 100%) !important;
  color:#071826 !important;
  font-family:var(--font-interface,Manrope,"Segoe UI",Arial,sans-serif) !important;
  font-size:clamp(10px,.72vw,13px) !important;
  font-weight:500 !important;
  text-transform:none !important;
  box-shadow:0 1px 0 #c96d3d,0 3px 5px rgba(0,0,0,.11) !important;
}
.photoCharterDialog .photoCharterAccept:disabled{opacity:.60 !important}

/* Volet 06 : préserver uniquement la présentation du picker texte et des actions. */
.joinCard[data-current-view="profile-story"] .profileActions{
  position:static !important;
  margin-top:16px !important;
  padding:12px 0 0 !important;
  background:transparent !important;
  border-top:1px solid rgba(7,24,38,.12) !important;
  box-shadow:none !important;
}
.joinCard[data-current-view="profile-story"] .profileEmojiPicker{
  width:100% !important;
  border:1px solid rgba(7,24,38,.14) !important;
  border-radius:12px !important;
  background:#f8efe3 !important;
  overflow:hidden !important;
}
.joinCard[data-current-view="profile-story"] .profileEmojiPicker>summary{
  min-height:44px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  padding:0 14px !important;
  color:#071826 !important;
  font-family:var(--r354-ui) !important;
  font-size:13px !important;
  font-weight:600 !important;
  cursor:pointer !important;
}
.joinCard[data-current-view="profile-story"] .profileEmojiPicker[open] .emojiBar{
  display:block !important;
  max-height:190px !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  padding:10px 12px !important;
  background:#fff9f0 !important;
}

@media(max-width:1100px){
  .joinCard[data-current-view="profile-identity"] .profileImageChoices{
    grid-template-columns:1fr !important;
  }
}


/* ========================================================================== */
/* R373 — NORMALISATION LOCALE 01 / 02 / 03 / 04 + structure 05              */
/* ========================================================================== */

/* -------------------------------------------------------------------------- */
/* 01 — PREMIERS PAS                                                         */
/* -------------------------------------------------------------------------- */
.joinCard[data-current-view="age"] .joinCardBody{
  min-height:0 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
}
.joinCard[data-current-view="age"] .joinView[data-view="age"]{
  min-height:100% !important;
  height:auto !important;
  overflow:visible !important;
}
.joinCard[data-current-view="age"] .joinAgePanel{
  box-sizing:border-box !important;
  min-height:0 !important;
  height:auto !important;
  max-height:none !important;
  overflow:visible !important;
  background:#fff9f0 !important;
  color:#071826 !important;
  border-color:rgba(7,24,38,.14) !important;
}
.joinCard[data-current-view="age"] .joinAgeCopy,
.joinCard[data-current-view="age"] .joinAgeCopy p,
.joinCard[data-current-view="age"] .joinAgeInstruction{
  color:#4f5f6d !important;
  opacity:1 !important;
}
.joinCard[data-current-view="age"] .joinAgeCopy h2{
  color:#071826 !important;
}
.joinCard[data-current-view="age"] .joinContinue{
  flex:0 0 auto !important;
}

/* -------------------------------------------------------------------------- */
/* 02 — VOTRE ÂGE                                                            */
/* -------------------------------------------------------------------------- */
.joinCard[data-current-view="birth-date"] .joinCardBody{
  min-height:0 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
}
.joinCard[data-current-view="birth-date"] .joinView[data-view="birth-date"]{
  min-height:100% !important;
  height:auto !important;
  overflow:visible !important;
}
.joinCard[data-current-view="birth-date"] .joinAgePanel{
  box-sizing:border-box !important;
  min-height:0 !important;
  height:auto !important;
  max-height:none !important;
  overflow:visible !important;
  background:#fff9f0 !important;
  color:#071826 !important;
  border-color:rgba(7,24,38,.14) !important;
}
.joinCard[data-current-view="birth-date"] .ageDateField{
  color:#071826 !important;
  background:#fffdf9 !important;
  border-color:rgba(7,24,38,.16) !important;
}
.joinCard[data-current-view="birth-date"] .joinAgeCopy,
.joinCard[data-current-view="birth-date"] .joinAgeInstruction{
  color:#4f5f6d !important;
  opacity:1 !important;
}
.joinCard[data-current-view="birth-date"] .ageValidationError{
  color:#8a3f25 !important;
  opacity:1 !important;
}
.joinCard[data-current-view="birth-date"] .profileActions{
  position:static !important;
  inset:auto !important;
  z-index:auto !important;
  margin-top:16px !important;
  background:transparent !important;
  border-top:1px solid rgba(7,24,38,.12) !important;
  box-shadow:none !important;
}

/* -------------------------------------------------------------------------- */
/* 03 — STATUT                                                               */
/* -------------------------------------------------------------------------- */
.joinCard[data-current-view="profile-choice"] .joinCardBody{
  min-height:0 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
}
.joinCard[data-current-view="profile-choice"] .profileWorkspace,
.joinCard[data-current-view="profile-choice"] .profileEditor{
  min-height:0 !important;
  height:auto !important;
  max-height:none !important;
  overflow:visible !important;
}
.joinCard[data-current-view="profile-choice"] .statusChoiceGrid{
  width:min(100%,860px) !important;
  max-width:860px !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:14px !important;
  margin:22px 0 0 !important;
}
.joinCard[data-current-view="profile-choice"] button.statusChoice{
  box-sizing:border-box !important;
  flex:0 0 auto !important;
  width:100% !important;
  max-width:none !important;
  height:auto !important;
  min-height:82px !important;
  max-height:none !important;
  padding:16px 18px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
  border-radius:12px !important;
  text-align:left !important;
  white-space:normal !important;
  transform:none !important;
}
.joinCard[data-current-view="profile-choice"] button.statusChoice>span{
  display:flex !important;
  flex:1 1 auto !important;
  min-width:0 !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:5px !important;
  text-align:left !important;
}
.joinCard[data-current-view="profile-choice"] button.statusChoice>span strong{
  color:#071826 !important;
  font-family:var(--r354-ui) !important;
  font-size:clamp(15px,1vw,19px) !important;
  font-weight:600 !important;
  line-height:1.22 !important;
}
.joinCard[data-current-view="profile-choice"] button.statusChoice>span small{
  color:#4f5f6d !important;
  font-family:var(--r354-ui) !important;
  font-size:clamp(12px,.8vw,15px) !important;
  font-weight:400 !important;
  line-height:1.35 !important;
}
.joinCard[data-current-view="profile-choice"] button.profileChoiceButtonMember.statusChoice{
  background:linear-gradient(180deg,#ffad7a 0%,#ee8d55 100%) !important;
  border:1px solid rgba(255,211,183,.92) !important;
  box-shadow:0 1px 0 #c96d3d,0 3px 5px rgba(0,0,0,.11) !important;
  color:#071826 !important;
}
.joinCard[data-current-view="profile-choice"] button.profileChoiceButtonCreator.statusChoice{
  background:#fff9f0 !important;
  border:1px solid rgba(7,26,57,.14) !important;
  box-shadow:none !important;
  color:#071826 !important;
}
.joinCard[data-current-view="profile-choice"] button.profileChoiceButtonCreator.statusChoice:disabled{
  opacity:.72 !important;
}
.joinCard[data-current-view="profile-choice"] .profileActions{
  position:static !important;
  inset:auto !important;
  z-index:auto !important;
  margin-top:16px !important;
  background:transparent !important;
  border-top:1px solid rgba(7,24,38,.12) !important;
  box-shadow:none !important;
}

/* -------------------------------------------------------------------------- */
/* 04 — VOS ACCÈS                                                            */
/* -------------------------------------------------------------------------- */
.joinCard[data-current-view="access"] .joinCardBody{
  min-height:0 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
}
.joinCard[data-current-view="access"] .accessWorkspace{
  box-sizing:border-box !important;
  min-height:0 !important;
  height:auto !important;
  max-height:none !important;
  overflow:visible !important;
  color:#071826 !important;
}
.joinCard[data-current-view="access"] .accessIntro,
.joinCard[data-current-view="access"] .accessIdentityPrivacy,
.joinCard[data-current-view="access"] .accessPrivateSummary,
.joinCard[data-current-view="access"] .accessFields,
.joinCard[data-current-view="access"] .formRequirements{
  color:#071826 !important;
}
.joinCard[data-current-view="access"] .accessIntro p,
.joinCard[data-current-view="access"] .fieldGroup>small{
  color:#4f5f6d !important;
  opacity:1 !important;
}
.joinCard[data-current-view="access"] .accessPrivateSummary,
.joinCard[data-current-view="access"] .accessIdentityPrivacy,
.joinCard[data-current-view="access"] .formRequirements{
  background:#fff9f0 !important;
  border-color:rgba(7,24,38,.14) !important;
}
.joinCard[data-current-view="access"] .accessPrivateSummary span,
.joinCard[data-current-view="access"] .accessPrivateSummary strong,
.joinCard[data-current-view="access"] .fieldGroup>span,
.joinCard[data-current-view="access"] .formRequirements span{
  color:#111111 !important;
  opacity:1 !important;
}
.joinCard[data-current-view="access"] input{
  color:#111111 !important;
  background:#fffdf9 !important;
  border-color:rgba(7,24,38,.16) !important;
}
.joinCard[data-current-view="access"] input::placeholder{
  color:#5e5e5e !important;
  opacity:1 !important;
}
.joinCard[data-current-view="access"] .profileActions{
  position:static !important;
  inset:auto !important;
  z-index:auto !important;
  margin-top:16px !important;
  background:transparent !important;
  border-top:1px solid rgba(7,24,38,.12) !important;
  box-shadow:none !important;
}

/* -------------------------------------------------------------------------- */
/* 05 — STRUCTURE : correction issue du dernier audit                         */
/* -------------------------------------------------------------------------- */
/* Les deux details du volet 05 ne peuvent plus être comprimés par le flex. */
.joinCard[data-current-view="profile-identity"] .nicknameEmojiPicker,
.joinCard[data-current-view="profile-identity"] .avatarPicker{
  flex:0 0 auto !important;
  flex-shrink:0 !important;
  height:auto !important;
  max-height:none !important;
}
.joinCard[data-current-view="profile-identity"] .nicknameEmojiPicker[open]{
  min-height:266px !important; /* 46px summary + 220px contenu */
}
.joinCard[data-current-view="profile-identity"] .avatarPicker[open]{
  min-height:266px !important;
}

/* ==========================================================================
   R377 — VOLET 06 / PROFIL 2/2
   Correction locale après audit R376.
   Aucun changement de structure, de logique métier ou de catalogue emoji.
   ========================================================================== */

.joinCard[data-current-view="profile-story"] .profileIntro h2,
.joinCard[data-current-view="profile-story"] .bioField>label,
.joinCard[data-current-view="profile-story"] .originHeading strong,
.joinCard[data-current-view="profile-story"] .nationalityField>label,
.joinCard[data-current-view="profile-story"] .residenceField>span,
.joinCard[data-current-view="profile-story"] .residenceCityField>span,
.joinCard[data-current-view="profile-story"] .interestHeading strong{
  color:#071826 !important;
  opacity:1 !important;
}
.joinCard[data-current-view="profile-story"] .profileIntro p,
.joinCard[data-current-view="profile-story"] .originHeading small,
.joinCard[data-current-view="profile-story"] .interestHeading small,
.joinCard[data-current-view="profile-story"] .bioSpellcheckHint,
.joinCard[data-current-view="profile-story"] .nationalityPlaceholder,
.joinCard[data-current-view="profile-story"] .primaryLanguageChoice small{
  color:#5f6f82 !important;
  opacity:1 !important;
}
.joinCard[data-current-view="profile-story"] .bioField textarea,
.joinCard[data-current-view="profile-story"] .customInterest input,
.joinCard[data-current-view="profile-story"] .countrySelectControl select,
.joinCard[data-current-view="profile-story"] .residenceCityField input,
.joinCard[data-current-view="profile-story"] .primaryLanguageChoice select{
  background:#fffdf9 !important;
  color:#071826 !important;
  border-color:rgba(7,24,38,.18) !important;
  opacity:1 !important;
}
.joinCard[data-current-view="profile-story"] .bioField textarea::placeholder,
.joinCard[data-current-view="profile-story"] .customInterest input::placeholder,
.joinCard[data-current-view="profile-story"] .residenceCityField input::placeholder{
  color:#7b8797 !important;
  opacity:1 !important;
}
.joinCard[data-current-view="profile-story"] .originSection{
  background:#f1e4d3 !important;
  border:1px solid rgba(7,24,38,.13) !important;
  border-left:3px solid #ee8d55 !important;
  color:#071826 !important;
  box-shadow:none !important;
}
.joinCard[data-current-view="profile-story"] .originTrustNote{
  background:#fff9f0 !important;
  color:#4f6073 !important;
  border-color:rgba(7,24,38,.12) !important;
}
.joinCard[data-current-view="profile-story"] .originTrustNote strong,
.joinCard[data-current-view="profile-story"] .originTrustNote summary{
  color:#071826 !important;
}
.joinCard[data-current-view="profile-story"] .languageGrid button,
.joinCard[data-current-view="profile-story"] .interestGrid button{
  background:#7f898c !important;
  color:#fffdf9 !important;
  border-color:#7f898c !important;
  opacity:1 !important;
  box-shadow:none !important;
}
.joinCard[data-current-view="profile-story"] .languageGrid button:hover,
.joinCard[data-current-view="profile-story"] .interestGrid button:hover{
  background:#697579 !important;
  color:#fff !important;
}
.joinCard[data-current-view="profile-story"] .languageGrid button.isSelected,
.joinCard[data-current-view="profile-story"] .interestGrid button.isSelected{
  background:#f39a62 !important;
  color:#071826 !important;
  border-color:#e98247 !important;
}
.joinCard[data-current-view="profile-story"] [data-language-count],
.joinCard[data-current-view="profile-story"] [data-interest-count]{
  color:#e98247 !important;
  opacity:1 !important;
  font-weight:700 !important;
}
.joinCard[data-current-view="profile-story"] .customInterest button{
  background:#f8efe3 !important;
  color:#071826 !important;
  border:1px solid rgba(7,24,38,.18) !important;
  opacity:1 !important;
}
.joinCard[data-current-view="profile-story"] .customInterest button:not(:disabled){
  background:linear-gradient(180deg,#ffad7a 0%,#ee8d55 100%) !important;
  border-color:rgba(255,211,183,.92) !important;
}
.joinCard[data-current-view="profile-story"] .formRequirementsStory{
  background:#f1e4d3 !important;
  color:#071826 !important;
  border:1px solid rgba(7,24,38,.12) !important;
  opacity:1 !important;
}
.joinCard[data-current-view="profile-story"] .formRequirementsStory span{
  color:#4f6073 !important;
  opacity:1 !important;
}
.joinCard[data-current-view="profile-story"] .formRequirementsStory span.isComplete{
  color:#176b4c !important;
}

/* Aperçu 06 : même logique claire et lisible validée au volet 05. */
.joinCard[data-current-view="profile-story"] .liveProfilePanel{
  background:#f1e4d3 !important;
  border-color:rgba(7,24,38,.13) !important;
  color:#071826 !important;
}
.joinCard[data-current-view="profile-story"] .liveProfileLabel{
  color:#176b4c !important;
  opacity:1 !important;
}
.joinCard[data-current-view="profile-story"] .liveProfileCard{
  background:#fff9f0 !important;
  border:1px solid rgba(7,24,38,.13) !important;
  color:#071826 !important;
  box-shadow:none !important;
}
.joinCard[data-current-view="profile-story"] .liveProfileCard h3,
.joinCard[data-current-view="profile-story"] .liveOriginLine,
.joinCard[data-current-view="profile-story"] .liveBio,
.joinCard[data-current-view="profile-story"] .liveProfileFooter span,
.joinCard[data-current-view="profile-story"] .liveProfileHint{
  color:#4f6073 !important;
  opacity:1 !important;
}
.joinCard[data-current-view="profile-story"] .liveProfileCard h3,
.joinCard[data-current-view="profile-story"] .liveProfileFooter b{
  color:#071826 !important;
}
.joinCard[data-current-view="profile-story"] .liveInterests span{
  background:#f1e4d3 !important;
  color:#176b4c !important;
  border-color:rgba(23,107,76,.22) !important;
}


/* ========================================================================== */
/* R378 — VOLET 06 / FINITIONS APRÈS AUDIT                                   */
/* ========================================================================== */

/* Picker emojis : grille lisible et espacée. */
.joinCard[data-current-view="profile-story"] .profileEmojiPicker{
  background:#f8efe3 !important;
  overflow:hidden !important;
}
.joinCard[data-current-view="profile-story"] .profileEmojiPicker>summary{
  background:#f8efe3 !important;
  color:#071826 !important;
}
.joinCard[data-current-view="profile-story"] .profileEmojiPicker[open] .emojiBar{
  display:block !important;
  max-height:260px !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  padding:14px 16px !important;
  background:#fff9f0 !important;
}
.joinCard[data-current-view="profile-story"] .joinProfileEmojiGroup + .joinProfileEmojiGroup{
  margin-top:14px !important;
  padding-top:12px !important;
  border-top:1px solid rgba(7,24,38,.10) !important;
}
.joinCard[data-current-view="profile-story"] .joinProfileEmojiGroup h4{
  margin:0 0 10px !important;
  color:#4f6073 !important;
  font-size:12px !important;
  font-weight:700 !important;
  text-transform:none !important;
}
.joinCard[data-current-view="profile-story"] .joinProfileEmojiChoices{
  display:grid !important;
  grid-template-columns:repeat(auto-fill,38px) !important;
  grid-auto-rows:38px !important;
  gap:7px !important;
  justify-content:start !important;
}
.joinCard[data-current-view="profile-story"] .joinProfileEmojiChoices button{
  box-sizing:border-box !important;
  width:38px !important;
  min-width:38px !important;
  max-width:38px !important;
  height:38px !important;
  min-height:38px !important;
  max-height:38px !important;
  padding:0 !important;
  display:grid !important;
  place-items:center !important;
  background:#fffdf9 !important;
  border:1px solid rgba(7,24,38,.14) !important;
  border-radius:8px !important;
  color:#071826 !important;
  font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif !important;
  font-size:21px !important;
  line-height:1 !important;
  box-shadow:none !important;
}

/* Champs pays/nationalités : même typo/gabarit. */
.joinCard[data-current-view="profile-story"] .realFlagSelectButton,
.joinCard[data-current-view="profile-story"] .realFlagSelectOption,
.joinCard[data-current-view="profile-story"] .countrySelectControl select,
.joinCard[data-current-view="profile-story"] .residenceCityField input{
  font-family:var(--r354-ui) !important;
  font-size:14px !important;
  font-weight:500 !important;
  color:#071826 !important;
}
.joinCard[data-current-view="profile-story"] .realFlagSelectButton{
  min-height:48px !important;
  height:48px !important;
}
.joinCard[data-current-view="profile-story"] .realFlagSelectMenu{
  background:#fffdf9 !important;
  color:#071826 !important;
  border-color:rgba(7,24,38,.16) !important;
}
.joinCard[data-current-view="profile-story"] .realFlagSelectOption{
  min-height:38px !important;
  background:#fffdf9 !important;
  opacity:1 !important;
}
.joinCard[data-current-view="profile-story"] .realFlagSelectOption:hover,
.joinCard[data-current-view="profile-story"] .realFlagSelectOption:focus-visible,
.joinCard[data-current-view="profile-story"] .realFlagSelectOption.isSelected{
  background:#f8efe3 !important;
  color:#071826 !important;
}

/* Nationalités sélectionnées : contraste lisible. */
.joinCard[data-current-view="profile-story"] .nationalityChip{
  background:#fff9f0 !important;
  border:1px solid rgba(7,24,38,.16) !important;
  color:#071826 !important;
  opacity:1 !important;
}
.joinCard[data-current-view="profile-story"] .nationalityChipLabel{
  color:#071826 !important;
  opacity:1 !important;
}
.joinCard[data-current-view="profile-story"] .nationalityChip button{
  color:#4f6073 !important;
  opacity:1 !important;
}

/* Langue principale : titre visible. */
.joinCard[data-current-view="profile-story"] .primaryLanguageChoice>span{
  color:#071826 !important;
  opacity:1 !important;
  font-weight:600 !important;
}

/* Bouton AJOUTER : standard CTA compact. */
.joinCard[data-current-view="profile-story"] .customInterest button{
  box-sizing:border-box !important;
  width:auto !important;
  min-width:92px !important;
  height:38px !important;
  min-height:38px !important;
  max-height:38px !important;
  padding:0 18px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid rgba(255,211,183,.92) !important;
  border-radius:9px !important;
  background:linear-gradient(180deg,#ffad7a 0%,#ee8d55 100%) !important;
  color:#071826 !important;
  font-family:var(--font-interface,Manrope,"Segoe UI",Arial,sans-serif) !important;
  font-size:13px !important;
  font-weight:500 !important;
  text-transform:none !important;
  box-shadow:0 1px 0 #c96d3d,0 3px 5px rgba(0,0,0,.11) !important;
}
.joinCard[data-current-view="profile-story"] .customInterest button:disabled{
  opacity:.55 !important;
}


/* ========================================================================== */

/* -------------------------------------------------------------------------- */
/* 07 — NOS VALEURS                                                          */
/* -------------------------------------------------------------------------- */
.joinCard[data-current-view="values"] .joinCardBody{
  min-height:0 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
}
.joinCard[data-current-view="values"] .valuesWorkspace,
.joinCard[data-current-view="values"] .valuesStage{
  min-height:0 !important;
  height:auto !important;
  max-height:none !important;
  overflow:visible !important;
  background:#fff9f0 !important;
  color:#071826 !important;
}
.joinCard[data-current-view="values"] .valuesSlide,
.joinCard[data-current-view="values"] .valuesCard,
.joinCard[data-current-view="values"] .valuesPanel{
  background:#f8efe3 !important;
  color:#071826 !important;
  border:1px solid rgba(7,24,38,.14) !important;
  box-shadow:none !important;
}
.joinCard[data-current-view="values"] .valuesSlide h2,
.joinCard[data-current-view="values"] .valuesSlide h3,
.joinCard[data-current-view="values"] .valuesSlide h4,
.joinCard[data-current-view="values"] .valuesCard h2,
.joinCard[data-current-view="values"] .valuesCard h3{
  color:#071826 !important;
  opacity:1 !important;
}
.joinCard[data-current-view="values"] .valuesSlide p,
.joinCard[data-current-view="values"] .valuesCard p,
.joinCard[data-current-view="values"] .valuesPanel p{
  color:#4f6073 !important;
  opacity:1 !important;
}
.joinCard[data-current-view="values"] .valuesSlide strong,
.joinCard[data-current-view="values"] .valuesCard strong{
  color:#071826 !important;
}
.joinCard[data-current-view="values"] .valuesSlide em,
.joinCard[data-current-view="values"] .valuesSlide .accent,
.joinCard[data-current-view="values"] .valuesCard .accent{
  color:#f26722 !important;
}
.joinCard[data-current-view="values"] .valuesNav,
.joinCard[data-current-view="values"] .valuesActions{
  position:static !important;
  inset:auto !important;
  z-index:auto !important;
  background:transparent !important;
  box-shadow:none !important;
}

/* Flèches latérales : secondaires sobres et lisibles. */
.joinCard[data-current-view="values"] .valuesPrev,
.joinCard[data-current-view="values"] .valuesNext{
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  min-height:38px !important;
  border-radius:999px !important;
  background:#fffdf9 !important;
  border:1px solid rgba(7,24,38,.16) !important;
  color:#071826 !important;
  box-shadow:none !important;
}

/* CTA principal du 07 : standard connecté compact. */
.joinCard[data-current-view="values"] .valuesValidate,
.joinCard[data-current-view="values"] .joinContinue{
  box-sizing:border-box !important;
  width:auto !important;
  min-width:0 !important;
  height:38px !important;
  min-height:38px !important;
  max-height:38px !important;
  padding:0 18px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid rgba(255,211,183,.92) !important;
  border-radius:9px !important;
  background:linear-gradient(180deg,#ffad7a 0%,#ee8d55 100%) !important;
  color:#071826 !important;
  font-family:var(--font-interface,Manrope,"Segoe UI",Arial,sans-serif) !important;
  font-size:13px !important;
  font-weight:500 !important;
  line-height:1 !important;
  text-transform:none !important;
  box-shadow:0 1px 0 #c96d3d,0 3px 5px rgba(0,0,0,.11) !important;
}

/* Retour au profil : texte conservé, gabarit secondaire standard. */
.joinCard[data-current-view="values"] .valuesBack,
.joinCard[data-current-view="values"] .joinBack{
  box-sizing:border-box !important;
  width:auto !important;
  height:38px !important;
  min-height:38px !important;
  padding:0 14px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid rgba(7,24,38,.18) !important;
  border-radius:9px !important;
  background:#fffdf9 !important;
  color:#071826 !important;
  font-family:var(--font-interface,Manrope,"Segoe UI",Arial,sans-serif) !important;
  font-size:13px !important;
  font-weight:500 !important;
  line-height:1 !important;
  box-shadow:none !important;
}

/* -------------------------------------------------------------------------- */
/* 08 — NOTRE MODÈLE                                                         */
/* -------------------------------------------------------------------------- */
.joinCard[data-current-view="values-ready"] .joinCardBody,
.joinCard[data-current-view="payment"] .joinCardBody{
  min-height:0 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
}
.joinCard[data-current-view="values-ready"] .valuesReadyPanel,
.joinCard[data-current-view="payment"] .paymentWorkspace{
  min-height:0 !important;
  height:auto !important;
  max-height:none !important;
  overflow:visible !important;
  background:#fff9f0 !important;
  color:#071826 !important;
}
.joinCard[data-current-view="values-ready"] .valuesReadyPanel,
.joinCard[data-current-view="payment"] .paymentCard,
.joinCard[data-current-view="payment"] .paymentPanel,
.joinCard[data-current-view="payment"] .modelCard{
  background:#f8efe3 !important;
  color:#071826 !important;
  border:1px solid rgba(7,24,38,.14) !important;
  box-shadow:none !important;
}
.joinCard[data-current-view="values-ready"] h2,
.joinCard[data-current-view="values-ready"] h3,
.joinCard[data-current-view="payment"] h2,
.joinCard[data-current-view="payment"] h3,
.joinCard[data-current-view="payment"] h4{
  color:#071826 !important;
  opacity:1 !important;
}
.joinCard[data-current-view="values-ready"] p,
.joinCard[data-current-view="payment"] p,
.joinCard[data-current-view="payment"] li{
  color:#4f6073 !important;
  opacity:1 !important;
}
.joinCard[data-current-view="payment"] strong,
.joinCard[data-current-view="payment"] .price,
.joinCard[data-current-view="payment"] .accent,
.joinCard[data-current-view="payment"] .check{
  color:#f26722 !important;
}
.joinCard[data-current-view="payment"] .paymentActions,
.joinCard[data-current-view="values-ready"] .profileActions{
  position:static !important;
  inset:auto !important;
  z-index:auto !important;
  background:transparent !important;
  box-shadow:none !important;
  border-top:1px solid rgba(7,24,38,.12) !important;
  margin-top:16px !important;
  padding-top:12px !important;
}
.joinCard[data-current-view="payment"] .joinContinue,
.joinCard[data-current-view="values-ready"] .joinContinue{
  box-sizing:border-box !important;
  width:auto !important;
  height:38px !important;
  min-height:38px !important;
  max-height:38px !important;
  padding:0 18px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid rgba(255,211,183,.92) !important;
  border-radius:9px !important;
  background:linear-gradient(180deg,#ffad7a 0%,#ee8d55 100%) !important;
  color:#071826 !important;
  font-family:var(--font-interface,Manrope,"Segoe UI",Arial,sans-serif) !important;
  font-size:13px !important;
  font-weight:500 !important;
  text-transform:none !important;
  box-shadow:0 1px 0 #c96d3d,0 3px 5px rgba(0,0,0,.11) !important;
}
.joinCard[data-current-view="payment"] .joinBack,
.joinCard[data-current-view="values-ready"] .joinBack{
  box-sizing:border-box !important;
  height:38px !important;
  min-height:38px !important;
  padding:0 14px !important;
  border:1px solid rgba(7,24,38,.18) !important;
  border-radius:9px !important;
  background:#fffdf9 !important;
  color:#071826 !important;
  font-family:var(--font-interface,Manrope,"Segoe UI",Arial,sans-serif) !important;
  font-size:13px !important;
  font-weight:500 !important;
  box-shadow:none !important;
}


/* ========================================================================== */

/* 09 — Vérification e-mail : contraste et cohérence crème. */
.joinCard[data-current-view="email-verification"] .joinCardBody{
  min-height:0 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
}
.joinCard[data-current-view="email-verification"] .emailVerificationPanel{
  min-height:0 !important;
  height:auto !important;
  max-height:none !important;
  overflow:visible !important;
  background:#fff9f0 !important;
  color:#071826 !important;
  border:1px solid rgba(7,24,38,.14) !important;
  box-shadow:none !important;
}
.joinCard[data-current-view="email-verification"] .joinSectionLabel{
  color:#176b4c !important;
  opacity:1 !important;
}
.joinCard[data-current-view="email-verification"] h2,
.joinCard[data-current-view="email-verification"] .emailVerificationPanel h3,
.joinCard[data-current-view="email-verification"] .emailVerificationPanel label{
  color:#071826 !important;
  opacity:1 !important;
}
.joinCard[data-current-view="email-verification"] p,
.joinCard[data-current-view="email-verification"] small,
.joinCard[data-current-view="email-verification"] .emailVerificationHint{
  color:#4f6073 !important;
  opacity:1 !important;
}
.joinCard[data-current-view="email-verification"] input[type="email"]{
  color:#071826 !important;
  background:#fffdf9 !important;
  border:1px solid rgba(7,24,38,.16) !important;
}
.joinCard[data-current-view="email-verification"] .emailVerificationStatus,
.joinCard[data-current-view="email-verification"] .emailVerificationMessage,
.joinCard[data-current-view="email-verification"] .emailValidationSuccess{
  background:#f8efe3 !important;
  color:#071826 !important;
  border:1px solid rgba(7,24,38,.12) !important;
}
.joinCard[data-current-view="email-verification"] .emailVerificationStatus strong,
.joinCard[data-current-view="email-verification"] .emailVerificationMessage strong,
.joinCard[data-current-view="email-verification"] .emailValidationSuccess strong{
  color:#176b4c !important;
  opacity:1 !important;
}
.joinCard[data-current-view="email-verification"] .emailValidationSuccess p,
.joinCard[data-current-view="email-verification"] .emailValidationSuccess small{
  color:#4f6073 !important;
  opacity:1 !important;
}
.joinCard[data-current-view="email-verification"] .emailValidatedCta,
.joinCard[data-current-view="email-verification"] .joinContinue{
  box-sizing:border-box !important;
  width:auto !important;
  height:38px !important;
  min-height:38px !important;
  max-height:38px !important;
  padding:0 18px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid rgba(255,211,183,.92) !important;
  border-radius:9px !important;
  background:linear-gradient(180deg,#ffad7a 0%,#ee8d55 100%) !important;
  color:#071826 !important;
  font-family:var(--font-interface,Manrope,"Segoe UI",Arial,sans-serif) !important;
  font-size:13px !important;
  font-weight:500 !important;
  line-height:1 !important;
  text-transform:none !important;
  box-shadow:0 1px 0 #c96d3d,0 3px 5px rgba(0,0,0,.11) !important;
}

/* 10 — Validation finale : suppression du panneau sombre résiduel. */
.joinCard[data-current-view="complete"] .joinCardBody{
  min-height:0 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
}
.joinCard[data-current-view="complete"] .profileReadyPanel{
  min-height:0 !important;
  height:auto !important;
  max-height:none !important;
  overflow:visible !important;
  background:#fff9f0 !important;
  color:#071826 !important;
  border:1px solid rgba(7,24,38,.14) !important;
  box-shadow:none !important;
}
.joinCard[data-current-view="complete"] .joinSectionLabel{
  color:#176b4c !important;
  opacity:1 !important;
}
.joinCard[data-current-view="complete"] .profileReadyIcon{
  color:#176b4c !important;
  border-color:rgba(23,107,76,.30) !important;
  background:#f8efe3 !important;
}
.joinCard[data-current-view="complete"] .profileReadyPanel h2,
.joinCard[data-current-view="complete"] .profileReadyPanel h3{
  color:#071826 !important;
  opacity:1 !important;
}
.joinCard[data-current-view="complete"] .profileReadyPanel p,
.joinCard[data-current-view="complete"] .profileReadyMessage{
  color:#4f6073 !important;
  opacity:1 !important;
}
.joinCard[data-current-view="complete"] .profileReadyActions{
  position:static !important;
  inset:auto !important;
  z-index:auto !important;
  margin-top:24px !important;
  background:transparent !important;
  box-shadow:none !important;
}
.joinCard[data-current-view="complete"] .profileReadyActions .joinContinue{
  box-sizing:border-box !important;
  width:auto !important;
  height:38px !important;
  min-height:38px !important;
  max-height:38px !important;
  padding:0 18px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid rgba(255,211,183,.92) !important;
  border-radius:9px !important;
  background:linear-gradient(180deg,#ffad7a 0%,#ee8d55 100%) !important;
  color:#071826 !important;
  font-family:var(--font-interface,Manrope,"Segoe UI",Arial,sans-serif) !important;
  font-size:13px !important;
  font-weight:500 !important;
  line-height:1 !important;
  text-transform:none !important;
  box-shadow:0 1px 0 #c96d3d,0 3px 5px rgba(0,0,0,.11) !important;
}


/* ========================================================================== */
/* R381 — FINITIONS : DATE DE NAISSANCE + SORTIE INSCRIPTION                  */
/* ========================================================================== */

/* Le libellé du champ date héritait encore d'une couleur crème très pâle. */
.joinCard[data-current-view="birth-date"] .ageDateField>span{
  color:#071826 !important;
  opacity:1 !important;
  font-family:var(--r354-ui) !important;
  font-weight:600 !important;
}


/* ========================================================================== */
/* R383 — CORRECTION RÉELLE 07 / 08 / 09 / 10                                */
/* Sélecteurs vérifiés dans rejoindre.html avant génération.                  */
/* ========================================================================== */

/* -------------------------------------------------------------------------- */
/* 07 — NOS VALEURS : vraies classes .valueSlide / .valueValidate            */
/* -------------------------------------------------------------------------- */
.joinCard[data-current-view="values"] .joinCardBody{
  min-height:0 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
}
.joinCard[data-current-view="values"] .valuesWorkspace,
.joinCard[data-current-view="values"] .valuesStage{
  min-height:0 !important;
  height:auto !important;
  max-height:none !important;
  overflow:visible !important;
  background:#fff9f0 !important;
  color:#071826 !important;
}
.joinCard[data-current-view="values"] .valueSlides{
  min-height:0 !important;
  height:auto !important;
  overflow:visible !important;
}
.joinCard[data-current-view="values"] .valueSlide{
  box-sizing:border-box !important;
  background:#f8efe3 !important;
  color:#071826 !important;
  border:1px solid rgba(7,24,38,.14) !important;
  box-shadow:none !important;
}
.joinCard[data-current-view="values"] .valueSlide h2,
.joinCard[data-current-view="values"] .valueSlide h3,
.joinCard[data-current-view="values"] .valueSlide strong,
.joinCard[data-current-view="values"] .valueIdentity{
  color:#071826 !important;
  opacity:1 !important;
}
.joinCard[data-current-view="values"] .valueSlide p,
.joinCard[data-current-view="values"] .valueCommitments,
.joinCard[data-current-view="values"] .valueFinalCopy{
  color:#4f6073 !important;
  opacity:1 !important;
}
.joinCard[data-current-view="values"] .valueIcon,
.joinCard[data-current-view="values"] .valueProgress,
.joinCard[data-current-view="values"] .valuesCommit{
  color:#f26722 !important;
}
.joinCard[data-current-view="values"] .valuesAgreement{
  background:#fff9f0 !important;
  color:#071826 !important;
  border:1px solid rgba(7,24,38,.14) !important;
}
.joinCard[data-current-view="values"] .valuesAgreement span,
.joinCard[data-current-view="values"] .valuesAgreement label{
  color:#071826 !important;
  opacity:1 !important;
}
.joinCard[data-current-view="values"] .valuesAgreementError{
  color:#8a3f25 !important;
  opacity:1 !important;
}
.joinCard[data-current-view="values"] .valuesFooter{
  position:static !important;
  inset:auto !important;
  z-index:auto !important;
  margin-top:16px !important;
  padding-top:12px !important;
  background:transparent !important;
  border-top:1px solid rgba(7,24,38,.12) !important;
  box-shadow:none !important;
}
.joinCard[data-current-view="values"] .valueArrow{
  width:38px !important;
  min-width:38px !important;
  height:38px !important;
  min-height:38px !important;
  border-radius:999px !important;
  background:#fffdf9 !important;
  color:#071826 !important;
  border:1px solid rgba(7,24,38,.16) !important;
  box-shadow:none !important;
}
.joinCard[data-current-view="values"] .valueDots button{
  background:rgba(7,24,38,.18) !important;
}
.joinCard[data-current-view="values"] .valueDots button.isActive,
.joinCard[data-current-view="values"] .valueDots button[aria-current="true"]{
  background:#f26722 !important;
}
.joinCard[data-current-view="values"] .valueValidate{
  box-sizing:border-box !important;
  width:auto !important;
  min-width:0 !important;
  height:38px !important;
  min-height:38px !important;
  max-height:38px !important;
  padding:0 18px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid rgba(255,211,183,.92) !important;
  border-radius:9px !important;
  background:linear-gradient(180deg,#ffad7a 0%,#ee8d55 100%) !important;
  color:#071826 !important;
  font-family:var(--font-interface,Manrope,"Segoe UI",Arial,sans-serif) !important;
  font-size:13px !important;
  font-weight:500 !important;
  line-height:1 !important;
  text-transform:none !important;
  box-shadow:0 1px 0 #c96d3d,0 3px 5px rgba(0,0,0,.11) !important;
}
.joinCard[data-current-view="values"] .joinBack{
  box-sizing:border-box !important;
  width:auto !important;
  height:38px !important;
  min-height:38px !important;
  padding:0 14px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid rgba(7,24,38,.18) !important;
  border-radius:9px !important;
  background:#fffdf9 !important;
  color:#071826 !important;
  font-family:var(--font-interface,Manrope,"Segoe UI",Arial,sans-serif) !important;
  font-size:13px !important;
  font-weight:500 !important;
  box-shadow:none !important;
}

/* -------------------------------------------------------------------------- */
/* 08A — ENGAGEMENT VALIDÉ : vraies classes valuesReady*                     */
/* -------------------------------------------------------------------------- */
.joinCard[data-current-view="values-ready"] .joinCardBody{
  min-height:0 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
}
.joinCard[data-current-view="values-ready"] .valuesReadyPanel{
  min-height:0 !important;
  height:auto !important;
  max-height:none !important;
  overflow:visible !important;
  background:#fff9f0 !important;
  color:#071826 !important;
  border:1px solid rgba(7,24,38,.14) !important;
  box-shadow:none !important;
}
.joinCard[data-current-view="values-ready"] .valuesReadyMessage,
.joinCard[data-current-view="values-ready"] .profileReadyIcon{
  background:#f8efe3 !important;
  color:#071826 !important;
  border-color:rgba(7,24,38,.12) !important;
}
.joinCard[data-current-view="values-ready"] h2,
.joinCard[data-current-view="values-ready"] h3,
.joinCard[data-current-view="values-ready"] strong{
  color:#071826 !important;
  opacity:1 !important;
}
.joinCard[data-current-view="values-ready"] p{
  color:#4f6073 !important;
  opacity:1 !important;
}
.joinCard[data-current-view="values-ready"] .valuesReadyActions{
  position:static !important;
  inset:auto !important;
  margin-top:18px !important;
  padding-top:12px !important;
  background:transparent !important;
  border-top:1px solid rgba(7,24,38,.12) !important;
  box-shadow:none !important;
}

/* -------------------------------------------------------------------------- */
/* 08B — NOTRE MODÈLE : vraies classes paymentCard* / paymentManifesto       */
/* -------------------------------------------------------------------------- */
.joinCard[data-current-view="payment"] .joinCardBody{
  min-height:0 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
}
.joinCard[data-current-view="payment"] .paymentWorkspace{
  min-height:0 !important;
  height:auto !important;
  max-height:none !important;
  overflow:visible !important;
  background:#fff9f0 !important;
  color:#071826 !important;
}
.joinCard[data-current-view="payment"] .paymentGrid{
  gap:14px !important;
}
.joinCard[data-current-view="payment"] .paymentCard,
.joinCard[data-current-view="payment"] .paymentCardChoice,
.joinCard[data-current-view="payment"] .paymentCardAmount,
.joinCard[data-current-view="payment"] .paymentManifesto{
  background:#f8efe3 !important;
  color:#071826 !important;
  border:1px solid rgba(7,24,38,.14) !important;
  box-shadow:none !important;
}
.joinCard[data-current-view="payment"] .paymentCard h2,
.joinCard[data-current-view="payment"] .paymentCard h3,
.joinCard[data-current-view="payment"] .paymentCard strong,
.joinCard[data-current-view="payment"] .paymentManifesto h2,
.joinCard[data-current-view="payment"] .paymentManifesto h3{
  color:#071826 !important;
  opacity:1 !important;
}
.joinCard[data-current-view="payment"] .paymentCard p,
.joinCard[data-current-view="payment"] .paymentManifesto p,
.joinCard[data-current-view="payment"] .paymentChoicePoints,
.joinCard[data-current-view="payment"] .paymentApprox{
  color:#4f6073 !important;
  opacity:1 !important;
}
.joinCard[data-current-view="payment"] .paymentAccent,
.joinCard[data-current-view="payment"] .paymentPrice,
.joinCard[data-current-view="payment"] .paymentAmountValue,
.joinCard[data-current-view="payment"] .paymentCardIcon{
  color:#f26722 !important;
}
.joinCard[data-current-view="payment"] .paymentFooter{
  position:static !important;
  inset:auto !important;
  margin-top:16px !important;
  padding-top:12px !important;
  background:transparent !important;
  border-top:1px solid rgba(7,24,38,.12) !important;
  box-shadow:none !important;
}

/* CTA standard commun 08A/08B. */
.joinCard[data-current-view="values-ready"] .joinContinue,
.joinCard[data-current-view="payment"] .joinContinue{
  box-sizing:border-box !important;
  width:auto !important;
  height:38px !important;
  min-height:38px !important;
  max-height:38px !important;
  padding:0 18px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid rgba(255,211,183,.92) !important;
  border-radius:9px !important;
  background:linear-gradient(180deg,#ffad7a 0%,#ee8d55 100%) !important;
  color:#071826 !important;
  font-family:var(--font-interface,Manrope,"Segoe UI",Arial,sans-serif) !important;
  font-size:13px !important;
  font-weight:500 !important;
  box-shadow:0 1px 0 #c96d3d,0 3px 5px rgba(0,0,0,.11) !important;
}
.joinCard[data-current-view="values-ready"] .joinBack,
.joinCard[data-current-view="payment"] .joinBack{
  box-sizing:border-box !important;
  height:38px !important;
  min-height:38px !important;
  padding:0 14px !important;
  border:1px solid rgba(7,24,38,.18) !important;
  border-radius:9px !important;
  background:#fffdf9 !important;
  color:#071826 !important;
  font-family:var(--font-interface,Manrope,"Segoe UI",Arial,sans-serif) !important;
  font-size:13px !important;
  font-weight:500 !important;
  box-shadow:none !important;
}

/* -------------------------------------------------------------------------- */
/* 09 — VÉRIFICATION E-MAIL : vraies classes emailVerification*              */
/* -------------------------------------------------------------------------- */
.joinCard[data-current-view="email-verification"] .emailVerificationPanel{
  background:#fff9f0 !important;
  color:#071826 !important;
  border:1px solid rgba(7,24,38,.14) !important;
  box-shadow:none !important;
}
.joinCard[data-current-view="email-verification"] .emailVerificationIntro h2,
.joinCard[data-current-view="email-verification"] .emailVerificationField>span,
.joinCard[data-current-view="email-verification"] .emailVerificationField label,
.joinCard[data-current-view="email-verification"] .emailSentStatus strong{
  color:#071826 !important;
  opacity:1 !important;
}
.joinCard[data-current-view="email-verification"] .emailVerificationIntro p,
.joinCard[data-current-view="email-verification"] .emailVerificationField small,
.joinCard[data-current-view="email-verification"] .emailVerificationNote,
.joinCard[data-current-view="email-verification"] .emailSentStatus{
  color:#4f6073 !important;
  opacity:1 !important;
}
.joinCard[data-current-view="email-verification"] .emailSentStatus{
  background:#f8efe3 !important;
  border:1px solid rgba(7,24,38,.12) !important;
}
.joinCard[data-current-view="email-verification"] .emailVerificationActions{
  position:static !important;
  margin-top:16px !important;
  padding-top:12px !important;
  background:transparent !important;
  border-top:1px solid rgba(7,24,38,.12) !important;
  box-shadow:none !important;
}


/* ========================================================================== */
/* R384 — VOLETS 09 / 10 + RENVOI E-MAIL                                     */
/* Base R383 conservée ; corrections locales sur les sélecteurs réellement    */
/* actifs de rejoindre.html.                                                   */
/* ========================================================================== */

/* 09 — Vérification e-mail : finition alignée sur les volets 01 à 08. */
.joinCard[data-current-view="email-verification"] .joinCardBody{
  min-height:0 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
}
.joinCard[data-current-view="email-verification"] .emailVerificationPanel{
  min-height:0 !important;
  height:auto !important;
  max-height:none !important;
  overflow:visible !important;
  background:#fff9f0 !important;
  color:#071826 !important;
  border:1px solid rgba(7,24,38,.14) !important;
  border-left:1px solid rgba(7,24,38,.14) !important;
  box-shadow:none !important;
}
.joinCard[data-current-view="email-verification"] .joinSectionLabel{
  color:#176b4c !important;
  opacity:1 !important;
}
.joinCard[data-current-view="email-verification"] h2,
.joinCard[data-current-view="email-verification"] .emailVerificationField>span,
.joinCard[data-current-view="email-verification"] .emailSentStatus strong{
  color:#071826 !important;
  opacity:1 !important;
}
.joinCard[data-current-view="email-verification"] h2{
  font-family:var(--r354-title) !important;
}
.joinCard[data-current-view="email-verification"] .emailVerificationIntro p,
.joinCard[data-current-view="email-verification"] .emailVerificationNote,
.joinCard[data-current-view="email-verification"] .emailSentStatus span{
  color:#4f6073 !important;
  opacity:1 !important;
  font-family:var(--r354-ui) !important;
}
.joinCard[data-current-view="email-verification"] .emailVerificationField>span{
  font-family:var(--r354-ui) !important;
}
.joinCard[data-current-view="email-verification"] .emailVerificationField input{
  color:#071826 !important;
  background:#fffdf9 !important;
  border:1px solid rgba(7,24,38,.16) !important;
  color-scheme:light !important;
}
.joinCard[data-current-view="email-verification"] .emailSentStatus{
  background:#f8efe3 !important;
  color:#071826 !important;
  border:1px solid rgba(7,24,38,.12) !important;
  box-shadow:none !important;
}
.joinCard[data-current-view="email-verification"] .emailVerificationActions{
  position:static !important;
  inset:auto !important;
  margin-top:16px !important;
  padding-top:12px !important;
  background:transparent !important;
  border-top:1px solid rgba(7,24,38,.12) !important;
  box-shadow:none !important;
}
.joinCard[data-current-view="email-verification"] .emailVerificationRefresh,
.joinCard[data-current-view="email-verification"] [data-send-verification]{
  box-sizing:border-box !important;
  width:auto !important;
  min-width:0 !important;
  height:38px !important;
  min-height:38px !important;
  max-height:38px !important;
  padding:0 18px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid rgba(255,211,183,.92) !important;
  border-radius:9px !important;
  background:linear-gradient(180deg,#ffad7a 0%,#ee8d55 100%) !important;
  color:#071826 !important;
  font-family:var(--font-interface,Manrope,"Segoe UI",Arial,sans-serif) !important;
  font-size:13px !important;
  font-weight:500 !important;
  line-height:1 !important;
  text-transform:none !important;
  text-shadow:none !important;
  box-shadow:0 1px 0 #c96d3d,0 3px 5px rgba(0,0,0,.11) !important;
}
.joinCard[data-current-view="email-verification"] [data-send-verification]:disabled{
  opacity:.58 !important;
  cursor:not-allowed !important;
  filter:saturate(.72) !important;
  box-shadow:none !important;
}
.joinCard[data-current-view="email-verification"] .joinBack{
  box-sizing:border-box !important;
  width:auto !important;
  height:38px !important;
  min-height:38px !important;
  padding:0 14px !important;
  border:1px solid rgba(7,24,38,.18) !important;
  border-radius:9px !important;
  background:#fffdf9 !important;
  color:#071826 !important;
  font-family:var(--font-interface,Manrope,"Segoe UI",Arial,sans-serif) !important;
  font-size:13px !important;
  font-weight:500 !important;
  box-shadow:none !important;
}

/* 10 — Validation e-mail : vrai sélecteur actif data-view="email-validated".
   L'ancienne règle ciblait "complete", qui n'est pas une vue active. */
.joinCard[data-current-view="email-validated"] .joinCardBody{
  min-height:0 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
}
.joinCard[data-current-view="email-validated"] .emailValidatedPanel{
  min-height:clamp(290px,43vh,470px) !important;
  height:auto !important;
  max-height:none !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:clamp(12px,1.7vh,20px) !important;
  padding:clamp(24px,4vw,58px) !important;
  text-align:center !important;
  background:#fff9f0 !important;
  color:#071826 !important;
  border:1px solid rgba(7,24,38,.14) !important;
  box-shadow:none !important;
}
.joinCard[data-current-view="email-validated"] .joinSectionLabel{
  color:#176b4c !important;
  opacity:1 !important;
}
.joinCard[data-current-view="email-validated"] .emailValidatedIcon{
  color:#176b4c !important;
  border:1px solid rgba(23,107,76,.30) !important;
  background:#f8efe3 !important;
  box-shadow:none !important;
}
.joinCard[data-current-view="email-validated"] .emailValidatedPanel h2{
  margin:0 !important;
  color:#071826 !important;
  opacity:1 !important;
  font-family:var(--r354-title) !important;
}
.joinCard[data-current-view="email-validated"] .emailValidatedPanel p{
  color:#4f6073 !important;
  opacity:1 !important;
  font-family:var(--r354-ui) !important;
}
.joinCard[data-current-view="email-validated"] .emailValidatedCta{
  box-sizing:border-box !important;
  width:auto !important;
  min-width:0 !important;
  height:38px !important;
  min-height:38px !important;
  max-height:38px !important;
  margin-top:8px !important;
  padding:0 18px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid rgba(255,211,183,.92) !important;
  border-radius:9px !important;
  background:linear-gradient(180deg,#ffad7a 0%,#ee8d55 100%) !important;
  color:#071826 !important;
  font-family:var(--font-interface,Manrope,"Segoe UI",Arial,sans-serif) !important;
  font-size:13px !important;
  font-weight:500 !important;
  line-height:1 !important;
  text-transform:none !important;
  text-shadow:none !important;
  box-shadow:0 1px 0 #c96d3d,0 3px 5px rgba(0,0,0,.11) !important;
}


/* R385 — corrections ciblées demandées le 12 août 2026. */

/* Volet 04 : état validé en vert, comme les autres volets. */
.joinCard[data-current-view="access"] .accessRequirements span.isComplete{
  color:#176b4c !important;
}

/* Volet 07 — toutes les valeurs : sous-titres x2, orange conservé,
   typographie du titre de valeur (Georgia). */
.joinCard[data-current-view="values"] .valueCommitments span{
  font-family:var(--r768-official-font) !important;
  font-weight:400 !important;
  font-size:clamp(18px,1.44vw,24px) !important;
  line-height:1.1 !important;
  letter-spacing:-.025em !important;
  color:var(--orange-2) !important;
}

/* Volet 07 — toutes les valeurs : textes explicatifs x2. */
.joinCard[data-current-view="values"] .valueCommitments p{
  font-size:clamp(30px,2.30vw,38px) !important;
  line-height:1.35 !important;
}


/* R386 — correction strictement locale des deux demandes R385. */

/* Volet 04 : reprend exactement le vert déjà validé sur les autres
   groupes de critères lorsqu'un span est réellement .isComplete. */
.joinCard[data-current-view="access"] .formRequirements span.isComplete{
  color:#176b4c !important;
}

/* Volet 07 — les sept valeurs.
   Source active avant R385 :
   sous-titre clamp(9px,.72vw,12px) => x2 exact ;
   paragraphe clamp(15px,1.15vw,19px) => x2 exact.
   La famille du titre Respect est reprise via la variable active --r354-title. */
.joinCard[data-current-view="values"] .valueCommitments span{
  font-family:var(--r354-title) !important;
  font-weight:400 !important;
  font-size:clamp(18px,1.44vw,24px) !important;
  line-height:1.1 !important;
  letter-spacing:-.025em !important;
  color:var(--orange-2) !important;
}
.joinCard[data-current-view="values"] .valueCommitments p{
  font-size:clamp(30px,2.30vw,38px) !important;
  line-height:1.58 !important;
}


/* R387 — Volet 07 uniquement. Correction locale du layout validée utilisateur. */

/* Un seul fond crème : suppression de l'effet "carré dans carré". */
.joinCard[data-current-view="values"] .valuesViewport,
.joinCard[data-current-view="values"] .valueCard{
  background:transparent !important;
  box-shadow:none !important;
}
.joinCard[data-current-view="values"] .valueCard{
  border-color:transparent !important;
}

/* La petite flèche latérale du carrousel est supprimée.
   Le bouton Retour existant en bas reste intact. */
.joinCard[data-current-view="values"] .valuePrev{
  display:none !important;
}

/* Pas de scroll interne sur le volet 07 : le contenu est resserré
   et centré verticalement dans l'espace disponible. */
.joinCard[data-current-view="values"] .valuesViewport{
  overflow:hidden !important;
}
.joinCard[data-current-view="values"] .valueCard{
  min-height:0 !important;
  height:auto !important;
  padding-top:clamp(18px,2.2vh,28px) !important;
  padding-bottom:clamp(18px,2.2vh,28px) !important;
}
.joinCard[data-current-view="values"] .valueIdentity{
  margin-bottom:clamp(18px,2.6vh,30px) !important;
}
.joinCard[data-current-view="values"] .valueCommitments{
  align-items:center !important;
  gap:clamp(28px,3vw,54px) !important;
}
.joinCard[data-current-view="values"] .valueCommitments section{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  gap:clamp(12px,1.5vh,20px) !important;
}
.joinCard[data-current-view="values"] .valueCommitments h4{
  display:none !important;
}

/* Sous-titres encore agrandis, orange conservé, typo du titre Respect. */
.joinCard[data-current-view="values"] .valueCommitments span{
  font-family:var(--r354-title) !important;
  font-size:clamp(24px,1.85vw,31px) !important;
  line-height:1.08 !important;
  color:var(--orange-2) !important;
  margin:0 !important;
}

/* Textes : même famille typographique que Respect, avec densité réduite
   pour tenir sans scroll. */
.joinCard[data-current-view="values"] .valueCommitments p{
  font-family:var(--r354-title) !important;
  font-size:clamp(25px,1.75vw,31px) !important;
  line-height:1.28 !important;
  margin:0 !important;
}

/* Conserve le titre Respect et son emblème existants : aucune reconstruction. */


/* R388 — corrections locales sur sélecteurs prouvés dans rejoindre.html. */

/* Volet 07 : supprimer la petite flèche précédente réelle. */
.joinCard[data-current-view="values"] .valueArrowPrev{
  display:none !important;
}

/* Volet 07 : un seul fond crème clair ; suppression du panneau intérieur foncé. */
.joinCard[data-current-view="values"] .valuesStage,
.joinCard[data-current-view="values"] .valueSlides,
.joinCard[data-current-view="values"] .valueSlide{
  background:transparent !important;
  box-shadow:none !important;
}
.joinCard[data-current-view="values"] .valueSlide{
  border-color:transparent !important;
}

/* Volet 07 : conserver uniquement la cible orange, sans disque gris. */
.joinCard[data-current-view="values"] .valueIcon{
  background:transparent !important;
  border-color:transparent !important;
  box-shadow:none !important;
}

/* Fin du volet 07 : retirer uniquement le fond derrière les deux paragraphes. */
.joinCard[data-current-view="values-ready"] .valuesReadyMessage{
  background:transparent !important;
  border-color:transparent !important;
  box-shadow:none !important;
}

/* Volet 08 : supprimer les fonds crème foncé internes signalés,
   en conservant le fond crème clair général du paymentWorkspace. */
.joinCard[data-current-view="payment"] .paymentCard,
.joinCard[data-current-view="payment"] .paymentCardChoice,
.joinCard[data-current-view="payment"] .paymentCardAmount,
.joinCard[data-current-view="payment"] .paymentManifesto{
  background:transparent !important;
  box-shadow:none !important;
}
.joinCard[data-current-view="payment"] .paymentCard,
.joinCard[data-current-view="payment"] .paymentManifesto{
  border-color:transparent !important;
}
.joinCard[data-current-view="payment"] .paymentCardChoice::after{
  display:none !important;
}


/* R389 — correction de régression du volet 07.
   Cause prouvée : .valuesStage est une grille 3 colonnes.
   Le display:none de .valueArrowPrev supprimait le premier item de la grille,
   décalant .valueSlides dans la colonne étroite de gauche et .valueValidate
   dans la colonne centrale. On conserve la suppression visuelle de la flèche
   mais on fixe explicitement les colonnes des deux éléments restants. */
.joinCard[data-current-view="values"] .valueSlides{
  grid-column:2 !important;
  min-width:0 !important;
  width:100% !important;
}
.joinCard[data-current-view="values"] .valueValidate{
  grid-column:3 !important;
}


/* R390 — corrections locales demandées sur 07 + CTA "Comprendre notre modèle".
   Référence d'arrondi reprise du panneau validé du volet 06 : 13px.
   Référence CTA standard déjà active : rayon 9px. */

/* Volet 07 : même qualité d'arrondi extérieure que le volet 06. */
.joinCard[data-current-view="values"] .valuesWorkspace{
  border:1px solid rgba(7,24,38,.14) !important;
  border-radius:13px !important;
  overflow:hidden !important;
}

/* Volet 07 : donner de l'air au bouton Valider par rapport au bord droit. */
.joinCard[data-current-view="values"] .valuesStage{
  box-sizing:border-box !important;
  padding-left:clamp(18px,1.6vw,26px) !important;
  padding-right:clamp(22px,1.9vw,32px) !important;
}

/* Volet 07 : donner de l'air au bouton Retour et au compteur par rapport aux bords. */
.joinCard[data-current-view="values"] .valuesFooter{
  box-sizing:border-box !important;
  padding:12px clamp(22px,1.9vw,32px) 14px !important;
  margin-top:16px !important;
}

/* Écran "Comprendre notre modèle" : CTA avec le rayon standard déjà utilisé. */
.joinCard[data-current-view="values-ready"] .valuesReadyActions .joinContinue{
  border-radius:9px !important;
}

/* Volet 08 : le CTA principal conserve le même rayon standard. */
.joinCard[data-current-view="payment"] .paymentFooter .joinContinue{
  border-radius:9px !important;
}


/* R391 — volet 08 "Comprendre notre modèle" uniquement.
   Même arrondi extérieur déjà validé sur le volet 06 : 13px. */
.joinCard[data-current-view="values-ready"] .valuesReadyPanel{
  border-radius:13px !important;
  overflow:hidden !important;
}


/* R392 — Barre d'étapes 07 à 10 alignée strictement sur le rendu du volet 06.
   Aucune couleur inventée : reprise des valeurs déjà actives dans le skin R391. */

/* Libellés : même couleur que le volet 06, y compris sur le volet 08
   où une règle générale "payment strong" recolorait toute la barre en orange. */
.joinCard[data-current-view="values"] .joinSteps strong,
.joinCard[data-current-view="values-ready"] .joinSteps strong,
.joinCard[data-current-view="payment"] .joinSteps strong,
.joinCard[data-current-view="email-verification"] .joinSteps strong,
.joinCard[data-current-view="email-validated"] .joinSteps strong,
.joinCard[data-current-view="complete"] .joinSteps strong{
  color:var(--r354-muted) !important;
}

/* Étapes non actives : exactement le standard déjà utilisé au volet 06. */
.joinCard[data-current-view="values"] .joinSteps li>span,
.joinCard[data-current-view="values-ready"] .joinSteps li>span,
.joinCard[data-current-view="payment"] .joinSteps li>span,
.joinCard[data-current-view="email-verification"] .joinSteps li>span,
.joinCard[data-current-view="email-validated"] .joinSteps li>span,
.joinCard[data-current-view="complete"] .joinSteps li>span{
  background:rgba(7,26,57,.10) !important;
  color:rgba(7,26,57,.65) !important;
  border-color:rgba(7,26,57,.10) !important;
}

/* Étapes actives et terminées : exactement le même orange + blanc que le volet 06. */
.joinCard[data-current-view="values"] .joinSteps li.isActive>span,
.joinCard[data-current-view="values"] .joinSteps li.isComplete>span,
.joinCard[data-current-view="values-ready"] .joinSteps li.isActive>span,
.joinCard[data-current-view="values-ready"] .joinSteps li.isComplete>span,
.joinCard[data-current-view="payment"] .joinSteps li.isActive>span,
.joinCard[data-current-view="payment"] .joinSteps li.isComplete>span,
.joinCard[data-current-view="email-verification"] .joinSteps li.isActive>span,
.joinCard[data-current-view="email-verification"] .joinSteps li.isComplete>span,
.joinCard[data-current-view="email-validated"] .joinSteps li.isActive>span,
.joinCard[data-current-view="email-validated"] .joinSteps li.isComplete>span,
.joinCard[data-current-view="complete"] .joinSteps li.isActive>span,
.joinCard[data-current-view="complete"] .joinSteps li.isComplete>span{
  background:var(--r354-orange) !important;
  color:#fff !important;
  border-color:var(--r354-orange) !important;
}


/* R393 — volet 08 uniquement.
   Le conteneur réel est .paymentWorkspace.
   Même arrondi extérieur déjà validé sur le volet 06 : 13px. */
.joinCard[data-current-view="payment"] .paymentWorkspace{
  border:1px solid rgba(7,24,38,.14) !important;
  border-radius:13px !important;
  overflow:hidden !important;
}


/* R395 — volet 06 uniquement.
   Le contrôle nationalité est le même .realFlagSelectButton que résidence,
   mais il héritait de .nationalityPicker button {text-transform:uppercase;
   letter-spacing:.06em}. On neutralise uniquement ces deux écarts. */
.joinCard[data-current-view="profile-story"] .nationalityPicker .realFlagSelectButton{
  text-transform:none !important;
  letter-spacing:0 !important;
}


/* R396 — volet 09 uniquement : hiérarchie des actions de vérification. */
.joinCard[data-current-view="email-verification"] .emailVerificationActions{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px !important;
  align-items:center !important;
}

/* Les trois actions sont strictement identiques. */
.joinCard[data-current-view="email-verification"] .emailVerificationStepAction{
  box-sizing:border-box !important;
  width:100% !important;
  min-width:0 !important;
  height:42px !important;
  min-height:42px !important;
  max-height:42px !important;
  padding:0 14px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid rgba(255,211,183,.92) !important;
  border-radius:9px !important;
  background:linear-gradient(180deg,#ffad7a 0%,#ee8d55 100%) !important;
  color:#071826 !important;
  font-family:var(--font-interface,Manrope,"Segoe UI",Arial,sans-serif) !important;
  font-size:13px !important;
  font-weight:500 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  text-align:center !important;
  box-shadow:0 1px 0 #c96d3d,0 3px 5px rgba(0,0,0,.11) !important;
}
.joinCard[data-current-view="email-verification"] .emailVerificationStepAction span{
  font:inherit !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}
.joinCard[data-current-view="email-verification"] .emailVerificationStepAction:disabled{
  opacity:.58 !important;
}

/* Petite phrase d'aide non bloquante, sous les trois actions. */
.joinCard[data-current-view="email-verification"] .emailVerificationOrderHint{
  grid-column:1 / -1 !important;
  margin:0 !important;
  text-align:center !important;
}

/* Retour secondaire, raccourci et placé sous les actions principales. */
.joinCard[data-current-view="email-verification"] .emailVerificationBack{
  grid-column:1 / -1 !important;
  justify-self:center !important;
  margin-top:2px !important;
  width:auto !important;
  min-width:108px !important;
}

/* Sécurité responsive locale : pas de débordement sur petit écran. */
@media (max-width:760px){
  .joinCard[data-current-view="email-verification"] .emailVerificationActions{
    grid-template-columns:1fr !important;
  }
  .joinCard[data-current-view="email-verification"] .emailVerificationOrderHint,
  .joinCard[data-current-view="email-verification"] .emailVerificationBack{
    grid-column:1 !important;
  }
}


/* R397 — volet 09 uniquement.
   Verrouillage explicite de la typographie des 3 CTA pour neutraliser
   les anciennes règles propres à .joinContinue et .emailVerificationRefresh. */
.joinCard[data-current-view="email-verification"] [data-send-verification],
.joinCard[data-current-view="email-verification"] [data-check-verification],
.joinCard[data-current-view="email-verification"] [data-resend-verification],
.joinCard[data-current-view="email-verification"] [data-send-verification] span,
.joinCard[data-current-view="email-verification"] [data-check-verification] span,
.joinCard[data-current-view="email-verification"] [data-resend-verification] span{
  font-family:var(--font-interface,Manrope,"Segoe UI",Arial,sans-serif) !important;
  font-size:13px !important;
  font-weight:500 !important;
  font-style:normal !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}

/* ========================================================================== */
/* R768 — entrée d'inscription consolidée : Premiers pas + âge                */
/* Source typo officielle : --ethnos-official-title de espace-membre-r118.    */
/* Le skin R768 remplace R397 ; aucun fichier de surcouche supplémentaire.     */
/* ========================================================================== */
:root{
  --r768-official-font:Inter,"Segoe UI",Arial,sans-serif;
  --font-editorial:var(--r768-official-font);
  --font-interface:var(--r768-official-font);
  --r768-entry-sand:#ead0b8;
  --r768-entry-sand-deep:#dfbea2;
  --r768-entry-paper:#f8eadc;
  --r768-entry-navy:#071a39;
  --r768-entry-orange:#f26722;
}

/* Typographie officielle sur le parcours d'inscription. */
.joinCard,
.joinCard :where(h1,h2,h3,p,label,button,input,textarea,select,strong,small),
.joinSteps,
.joinProgressMeta,
.joinSectionLabel{
  font-family:var(--r768-official-font) !important;
}

/* Le shell réel reste net dans les bandes haute et basse. La photo centrale
   conserve son traitement d'arrière-plan uniquement dans l'espace contenu. */
.joinRealShell{
  filter:none !important;
  opacity:1 !important;
  transform:none !important;
}

/* Neuf étapes après fusion « Premiers pas » + âge. */
.joinSteps{
  grid-template-columns:repeat(9,minmax(0,1fr)) !important;
}

/* Première étape : composition de vraie page dans la zone centrale, sans
   recouvrir la navigation haute ni le dock/footer bas du shell. */
.joinMain>.joinCard[data-current-view="age"]{
  width:calc(100vw - 28px) !important;
  height:calc(100% - 12px) !important;
  max-width:none !important;
  max-height:calc(100% - 12px) !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:hidden !important;
}
.joinCard[data-current-view="age"] .joinCardBody{
  padding:0 !important;
  overflow:auto !important;
  background:var(--r768-entry-sand) !important;
}
.joinView[data-view="age"].joinAgeEntryView{
  display:block !important;
  width:100% !important;
  min-height:100% !important;
  height:100% !important;
}
.joinView[data-view="age"] .joinAgeEntryPanel{
  box-sizing:border-box !important;
  width:100% !important;
  min-height:100% !important;
  height:100% !important;
  display:grid !important;
  grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr) !important;
  align-items:center !important;
  gap:clamp(34px,5vw,92px) !important;
  padding:clamp(34px,5vh,76px) clamp(34px,5vw,92px) !important;
  border:0 !important;
  border-radius:0 !important;
  background:
    radial-gradient(circle at 86% 16%,rgba(242,103,34,.16),transparent 29%),
    linear-gradient(125deg,var(--r768-entry-paper) 0%,var(--r768-entry-sand) 54%,var(--r768-entry-sand-deep) 100%) !important;
  overflow:auto !important;
}
.joinView[data-view="age"] .joinAgeEntryCopy{
  max-width:880px !important;
}
.joinView[data-view="age"] .joinAgeEntryCopy .joinSectionLabel{
  display:block !important;
  margin:0 0 clamp(14px,1.8vh,22px) !important;
  color:rgba(7,26,57,.62) !important;
  font-size:clamp(11px,.72vw,14px) !important;
  font-weight:800 !important;
  letter-spacing:.16em !important;
}
.joinView[data-view="age"] .joinAgeEntryCopy h2{
  margin:0 0 clamp(22px,2.7vh,34px) !important;
  color:var(--r768-entry-navy) !important;
  font-family:var(--r768-official-font) !important;
  font-size:clamp(36px,3.15vw,60px) !important;
  font-weight:750 !important;
  line-height:1.02 !important;
  letter-spacing:-.035em !important;
  text-align:left !important;
}
.joinView[data-view="age"] .joinAgeEntryCopy h2 span{
  display:block !important;
  margin-top:10px !important;
  color:var(--r768-entry-orange) !important;
  font:inherit !important;
}
.joinView[data-view="age"] .joinAgeEntryCopy>p{
  max-width:800px !important;
  margin:0 !important;
  color:rgba(7,26,57,.72) !important;
  font-size:clamp(15px,1.02vw,19px) !important;
  font-weight:450 !important;
  line-height:1.58 !important;
  text-align:left !important;
  hyphens:auto !important;
}
.joinView[data-view="age"] .joinAgePrivacy{
  margin-top:clamp(18px,2.3vh,28px) !important;
  padding-left:16px !important;
  border-left:3px solid var(--r768-entry-orange) !important;
  color:rgba(7,26,57,.82) !important;
}
.joinView[data-view="age"] .joinAgeEntryForm{
  box-sizing:border-box !important;
  width:100% !important;
  max-width:520px !important;
  justify-self:center !important;
  padding:clamp(26px,3.2vw,46px) !important;
  border:1px solid rgba(7,26,57,.13) !important;
  border-radius:18px !important;
  background:rgba(255,249,240,.66) !important;
  box-shadow:0 18px 42px rgba(7,26,57,.10) !important;
}
.joinView[data-view="age"] .joinAgeEntryForm .ageDateField{
  width:100% !important;
  max-width:none !important;
  margin:0 0 18px !important;
  gap:10px !important;
}
.joinView[data-view="age"] .joinAgeEntryForm .ageDateField>span{
  color:var(--r768-entry-navy) !important;
  font-family:var(--r768-official-font) !important;
  font-size:clamp(18px,1.2vw,23px) !important;
  font-weight:700 !important;
  text-align:left !important;
}
.joinView[data-view="age"] .joinAgeEntryForm .ageDateField input{
  box-sizing:border-box !important;
  width:100% !important;
  height:58px !important;
  padding:0 16px !important;
  border:1px solid rgba(7,26,57,.24) !important;
  border-radius:10px !important;
  background:#fffdf9 !important;
  color:var(--r768-entry-navy) !important;
  color-scheme:light !important;
  font-family:var(--r768-official-font) !important;
  font-size:16px !important;
  font-weight:600 !important;
  text-align:left !important;
}
.joinView[data-view="age"] .joinAgeEntryForm .joinAgeInstruction{
  margin:0 0 12px !important;
  color:rgba(7,26,57,.70) !important;
  font-size:clamp(13px,.9vw,16px) !important;
  line-height:1.45 !important;
  text-align:left !important;
}
.joinView[data-view="age"] .joinAgeEntryForm .joinAgeInstruction strong{
  color:var(--r768-entry-orange) !important;
  font-weight:800 !important;
}
.joinView[data-view="age"] .joinAgeEntryForm .ageValidationError{
  margin:0 0 12px !important;
  color:#9b3d20 !important;
  font-size:13px !important;
  font-weight:650 !important;
}
.joinView[data-view="age"] .joinAgeEntryForm .joinContinue{
  width:100% !important;
  min-width:0 !important;
  margin-top:8px !important;
}

@media (max-width:1000px){
  .joinView[data-view="age"] .joinAgeEntryPanel{
    grid-template-columns:1fr !important;
    gap:22px !important;
    align-items:start !important;
    padding:28px 24px 34px !important;
  }
  .joinView[data-view="age"] .joinAgeEntryCopy h2{
    font-size:clamp(30px,5vw,45px) !important;
  }
  .joinView[data-view="age"] .joinAgeEntryForm{
    max-width:640px !important;
    justify-self:stretch !important;
  }
}

@media (min-width:981px) and (max-height:820px){
  .joinView[data-view="age"] .joinAgeEntryPanel{
    gap:30px !important;
    padding:22px 34px !important;
  }
  .joinView[data-view="age"] .joinAgeEntryCopy h2{
    margin-bottom:16px !important;
    font-size:clamp(28px,3vw,42px) !important;
  }
  .joinView[data-view="age"] .joinAgeEntryCopy>p{
    font-size:clamp(12px,.88vw,15px) !important;
    line-height:1.42 !important;
  }
  .joinView[data-view="age"] .joinAgePrivacy{
    margin-top:13px !important;
  }
  .joinView[data-view="age"] .joinAgeEntryForm{
    padding:20px 24px !important;
  }
  .joinView[data-view="age"] .joinAgeEntryForm .ageDateField input{
    height:50px !important;
  }
}


/* ========================================================================== */
/* R772 — STANDARD FINAL DES PAGES D’INSCRIPTION                              */
/* Base fonctionnelle R771. Une seule feuille active R772, chargée en dernier.      */
/* Objectifs : 14+, statut illustré, accès sans scroll interne, profil fusionné */
/* 04/05, typographie officielle et zéro débordement horizontal.              */
/* ========================================================================== */
:root{
  --r769-font:Inter,"Segoe UI Variable Text","Segoe UI",Arial,sans-serif;
  --r769-navy:#071a39;
  --r769-orange:#f26722;
  --r769-orange-soft:#ff9f62;
  --r769-sand:#e7c4a6;
  --r769-sand-2:#efd4bd;
  --r769-paper:#fff9f0;
  --r769-paper-2:#f8eadc;
  --r769-line:rgba(7,26,57,.14);
  --r769-muted:#526577;
}

/* R772 — contrat de visibilité des vues.
   Cause prouvée du défaut R769/R770 : plusieurs vues portent l’attribut hidden,
   mais des règles historiques plus spécifiques leur redonnaient display:grid/block.
   Elles restaient donc dans le flux et poussaient la vue courante sous le viewport.
   Une vue hidden ne participe jamais au layout. */
html body .joinMain .joinCard .joinCardBody > .joinView[hidden]{
  display:none !important;
}

/* La feuille R772 est la dernière feuille du parcours : elle impose réellement
   la typo officielle là où des règles historiques plus spécifiques existaient. */
.joinCard,
.joinCard :where(h1,h2,h3,h4,p,span,strong,small,label,button,input,textarea,select,summary),
.joinSteps,
.joinProgressMeta{
  font-family:var(--r769-font) !important;
}

/* Géométrie commune : vraie page dans l’espace central, jamais plus large que
   le viewport. Les bandes haute/basse du shell restent intactes. */
.joinMain{
  overflow:hidden !important;
  padding:6px 10px !important;
}
.joinMain>.joinCard{
  box-sizing:border-box !important;
  width:calc(100vw - 20px) !important;
  max-width:calc(100vw - 20px) !important;
  min-width:0 !important;
  height:calc(100% - 4px) !important;
  max-height:calc(100% - 4px) !important;
  border-radius:16px !important;
  overflow:hidden !important;
}
.joinCardHeader{
  padding:clamp(14px,1.7vh,22px) clamp(18px,2.7vw,48px) !important;
  gap:18px !important;
}
.joinCardHeader h1,
.joinCardHeader .joinWelcomeLine,
.joinCardHeader .joinPathLine{
  font-family:var(--r769-font) !important;
  letter-spacing:-.025em !important;
}
.joinCardHeader .joinWelcomeLine{
  font-size:clamp(26px,2.25vw,42px) !important;
  font-weight:750 !important;
  line-height:1.02 !important;
}
.joinCardHeader .joinPathLine{
  margin-top:4px !important;
  font-size:clamp(20px,1.9vw,35px) !important;
  font-weight:650 !important;
  line-height:1.06 !important;
}
.joinSteps{
  box-sizing:border-box !important;
  grid-template-columns:repeat(8,minmax(0,1fr)) !important;
  gap:clamp(3px,.38vw,8px) !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  padding:8px clamp(12px,1.6vw,28px) !important;
  overflow:hidden !important;
}
.joinSteps li{
  min-width:0 !important;
}
.joinSteps li strong{
  min-width:0 !important;
  font-family:var(--r769-font) !important;
  font-size:clamp(9px,.72vw,13px) !important;
  line-height:1.12 !important;
  overflow-wrap:anywhere !important;
}

/* Les quatre pages désormais normalisées utilisent toute la zone de contenu,
   sans second ascenseur interne. */
.joinCard[data-current-view="age"] .joinCardBody,
.joinCard[data-current-view="profile-choice"] .joinCardBody,
.joinCard[data-current-view="access"] .joinCardBody,
.joinCard[data-current-view="profile-identity"] .joinCardBody{
  min-height:0 !important;
  overflow:hidden !important;
  background:linear-gradient(128deg,var(--r769-paper-2) 0%,var(--r769-sand-2) 52%,var(--r769-sand) 100%) !important;
}
.joinCard[data-current-view="age"] .joinView,
.joinCard[data-current-view="profile-choice"] .joinView,
.joinCard[data-current-view="access"] .joinView,
.joinCard[data-current-view="profile-identity"] .joinView{
  box-sizing:border-box !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  height:100% !important;
  min-height:0 !important;
  overflow:hidden !important;
}

/* 01 — Premiers pas : même page ample, mais aucun overflow interne. */
.joinCard[data-current-view="age"] .joinAgeEntryPanel{
  min-height:100% !important;
  height:100% !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 84% 13%,rgba(242,103,34,.15),transparent 27%),
    linear-gradient(128deg,var(--r769-paper-2) 0%,var(--r769-sand-2) 55%,var(--r769-sand) 100%) !important;
}
.joinCard[data-current-view="age"] .joinAgeEntryCopy h2{
  font-family:var(--r769-font) !important;
  font-weight:800 !important;
}

/* 02 — Statut : trois blocs illustrés, plus proches de la richesse réelle du site. */
.joinCard[data-current-view="profile-choice"] .profileWorkspace,
.joinCard[data-current-view="profile-choice"] .profileChoiceEditor{
  box-sizing:border-box !important;
  width:100% !important;
  max-width:none !important;
  height:100% !important;
  min-height:0 !important;
  margin:0 !important;
  overflow:hidden !important;
}
.joinCard[data-current-view="profile-choice"] .profileChoiceEditor{
  display:grid !important;
  grid-template-rows:minmax(0,1fr) auto !important;
  padding:clamp(10px,1.4vh,16px) clamp(18px,4.5vw,80px) clamp(8px,1.1vh,12px) !important;
  background:transparent !important;
}
.joinCard[data-current-view="profile-choice"] .profileChoiceCopy{
  display:flex !important;
  align-items:stretch !important;
  justify-content:center !important;
  min-height:0 !important;
  padding:0 !important;
}
.joinCard[data-current-view="profile-choice"] .statusChoiceGrid{
  width:min(100%,1320px) !important;
  max-width:1320px !important;
  height:100% !important;
  min-height:0 !important;
  grid-template-rows:repeat(3,minmax(0,1fr)) !important;
  align-content:stretch !important;
  gap:clamp(8px,1vh,12px) !important;
  margin:0 auto !important;
}
.joinCard[data-current-view="profile-choice"] button.statusChoice{
  display:grid !important;
  grid-template-columns:clamp(150px,16vw,230px) minmax(0,1fr) auto !important;
  align-items:stretch !important;
  height:100% !important;
  min-height:0 !important;
  max-height:100% !important;
  padding:0 !important;
  gap:0 !important;
  overflow:hidden !important;
  border-radius:16px !important;
  border:1px solid var(--r769-line) !important;
  background:rgba(255,249,240,.93) !important;
  box-shadow:0 8px 22px rgba(7,26,57,.08) !important;
  color:var(--r769-navy) !important;
}
.joinCard[data-current-view="profile-choice"] button.profileChoiceButtonMember.statusChoice{
  background:linear-gradient(90deg,#f3c3a0 0%,#efa777 100%) !important;
  border-color:rgba(242,103,34,.36) !important;
}
.joinCard[data-current-view="profile-choice"] button.statusChoice .statusChoicePhoto{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  height:100% !important;
  min-height:0 !important;
  max-height:100% !important;
  overflow:hidden !important;
  background:#d9c1ab !important;
}
.joinCard[data-current-view="profile-choice"] button.statusChoice .statusChoicePhoto img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  max-height:100% !important;
  min-width:0 !important;
  object-fit:cover !important;
  object-position:center !important;
}
.joinCard[data-current-view="profile-choice"] button[data-account-type="public_figure"] .statusChoicePhoto img{
  object-position:center 43% !important;
}
.joinCard[data-current-view="profile-choice"] button[data-account-type="institution"] .statusChoicePhoto img{
  object-position:center 42% !important;
}
.joinCard[data-current-view="profile-choice"] button.statusChoice .statusChoiceCopy{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:flex-start !important;
  min-width:0 !important;
  padding:clamp(8px,1.2vh,14px) clamp(12px,1.2vw,20px) !important;
  text-align:left !important;
}
.joinCard[data-current-view="profile-choice"] button.statusChoice .statusChoiceCopy strong{
  color:var(--r769-navy) !important;
  font-size:clamp(18px,1.2vw,24px) !important;
  font-weight:800 !important;
  line-height:1.12 !important;
  white-space:normal !important;
  overflow-wrap:normal !important;
}
.joinCard[data-current-view="profile-choice"] button.statusChoice .statusChoiceCopy small{
  margin-top:7px !important;
  color:#40586b !important;
  font-size:clamp(12px,.82vw,16px) !important;
  font-weight:500 !important;
  line-height:1.38 !important;
  white-space:normal !important;
  overflow-wrap:normal !important;
}
.joinCard[data-current-view="profile-choice"] button.statusChoice>b{
  align-self:center !important;
  justify-self:center !important;
  margin:0 22px 0 8px !important;
}
.joinCard[data-current-view="profile-choice"] .profileChoiceActions{
  margin-top:6px !important;
  padding-top:6px !important;
  padding-bottom:0 !important;
}

/* 03 — Vos accès : vraie page, grille compacte et aucun scroll du panneau. */
.joinCard[data-current-view="access"] .accessWorkspace{
  box-sizing:border-box !important;
  width:100% !important;
  max-width:none !important;
  height:100% !important;
  min-height:0 !important;
  display:grid !important;
  grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr) !important;
  grid-template-rows:auto auto minmax(0,1fr) auto !important;
  grid-template-areas:
    "intro intro"
    "private privacy"
    "fields fields"
    "requirements actions" !important;
  gap:clamp(9px,1.3vh,16px) clamp(14px,1.6vw,24px) !important;
  padding:clamp(16px,2.5vh,30px) clamp(24px,4.5vw,82px) !important;
  overflow:hidden !important;
  background:transparent !important;
}
.joinCard[data-current-view="access"] .accessIntro{grid-area:intro !important;margin:0 !important;}
.joinCard[data-current-view="access"] .accessPrivateSummary{grid-area:private !important;margin:0 !important;}
.joinCard[data-current-view="access"] .accessIdentityPrivacy{grid-area:privacy !important;margin:0 !important;}
.joinCard[data-current-view="access"] .accessFields{grid-area:fields !important;margin:0 !important;}
.joinCard[data-current-view="access"] .accessRequirements{grid-area:requirements !important;margin:0 !important;}
.joinCard[data-current-view="access"] .accessActions{grid-area:actions !important;margin:0 !important;}
.joinCard[data-current-view="access"] .apiFormError{grid-column:1 / -1 !important;}
.joinCard[data-current-view="access"] .accessIntro h2{
  margin:3px 0 6px !important;
  color:var(--r769-navy) !important;
  font-size:clamp(24px,2vw,36px) !important;
  font-weight:800 !important;
}
.joinCard[data-current-view="access"] .accessIntro p{
  margin:0 !important;
  max-width:1100px !important;
  font-size:clamp(11px,.8vw,14px) !important;
  line-height:1.42 !important;
}
.joinCard[data-current-view="access"] .accessPrivateSummary,
.joinCard[data-current-view="access"] .accessIdentityPrivacy{
  box-sizing:border-box !important;
  min-height:64px !important;
  padding:12px 15px !important;
  border:1px solid var(--r769-line) !important;
  border-radius:12px !important;
  background:rgba(255,249,240,.72) !important;
}
.joinCard[data-current-view="access"] .accessIdentityPrivacy{
  font-size:11px !important;
  line-height:1.42 !important;
}
.joinCard[data-current-view="access"] .accessFields{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:10px 12px !important;
  align-content:center !important;
}
.joinCard[data-current-view="access"] .accessFields .fieldGroup{
  min-width:0 !important;
  gap:4px !important;
}
.joinCard[data-current-view="access"] .accessFields .fieldGroup>span:first-child{
  font-size:12px !important;
  font-weight:750 !important;
}
.joinCard[data-current-view="access"] .accessFields .fieldGroup>small,
.joinCard[data-current-view="access"] .fieldHelpSpacer{
  min-height:26px !important;
  font-size:9px !important;
  line-height:1.3 !important;
}
.joinCard[data-current-view="access"] .accessFields input,
.joinCard[data-current-view="access"] .passwordControl{
  min-width:0 !important;
  height:42px !important;
}
.joinCard[data-current-view="access"] .accessFields .accessEmailField{
  grid-column:auto !important;
}
.joinCard[data-current-view="access"] .accessFields .fieldGroup:nth-last-child(2){grid-column:1 / 2 !important;}
.joinCard[data-current-view="access"] .accessFields .fieldGroup:nth-last-child(1){grid-column:2 / 3 !important;}
.joinCard[data-current-view="access"] .accessRequirements{
  align-self:end !important;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:4px 10px !important;
  padding:9px 12px !important;
  font-size:9px !important;
}
.joinCard[data-current-view="access"] .accessActions{
  align-self:end !important;
  justify-self:end !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:8px !important;
  padding:0 !important;
  border:0 !important;
}

/* 04 — Profil : anciennes pages 04 + 05 réunies sans changer les contrats API. */
.joinCard[data-current-view="profile-identity"] .profileWorkspaceCombined{
  box-sizing:border-box !important;
  width:100% !important;
  max-width:none !important;
  height:100% !important;
  min-height:0 !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) clamp(220px,17vw,290px) !important;
  gap:12px !important;
  padding:12px clamp(14px,1.6vw,28px) !important;
  overflow:hidden !important;
  background:transparent !important;
}
.joinCard[data-current-view="profile-identity"] .profileEditorCombined{
  box-sizing:border-box !important;
  min-width:0 !important;
  min-height:0 !important;
  height:100% !important;
  display:grid !important;
  grid-template-rows:auto minmax(0,1fr) auto !important;
  gap:9px !important;
  padding:0 !important;
  overflow:hidden !important;
  background:transparent !important;
}
.joinCard[data-current-view="profile-identity"] .profileEditorCombined>.profileIntro{
  margin:0 !important;
  padding:0 2px !important;
}
.joinCard[data-current-view="profile-identity"] .profileEditorCombined>.profileIntro h2{
  margin:0 0 3px !important;
  font-size:clamp(20px,1.5vw,28px) !important;
  font-weight:800 !important;
}
.joinCard[data-current-view="profile-identity"] .profileEditorCombined>.profileIntro p{
  margin:0 !important;
  font-size:10px !important;
  line-height:1.35 !important;
}
.joinCard[data-current-view="profile-identity"] .profileCombinedColumns{
  min-width:0 !important;
  min-height:0 !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:10px !important;
  overflow:hidden !important;
}
.joinCard[data-current-view="profile-identity"] .profileCombinedColumn{
  box-sizing:border-box !important;
  min-width:0 !important;
  min-height:0 !important;
  height:100% !important;
  padding:10px !important;
  border:1px solid var(--r769-line) !important;
  border-radius:13px !important;
  background:rgba(255,249,240,.75) !important;
  overflow:hidden !important;
}
.joinCard[data-current-view="profile-identity"] .profileCombinedColumnHead{
  margin:0 0 8px !important;
  padding:0 0 7px !important;
  border-bottom:1px solid rgba(7,26,57,.10) !important;
}
.joinCard[data-current-view="profile-identity"] .profileCombinedColumnHead strong{
  display:block !important;
  color:var(--r769-navy) !important;
  font-size:13px !important;
  font-weight:800 !important;
  line-height:1.1 !important;
}
.joinCard[data-current-view="profile-identity"] .profileCombinedColumnHead small{
  display:block !important;
  margin-top:2px !important;
  color:var(--r769-muted) !important;
  font-size:8.5px !important;
  line-height:1.25 !important;
}
.joinCard[data-current-view="profile-identity"] .profileCombinedColumn :where(.fieldGroup>small,.profileImageHeading small,.interestHeading small,.originHeading small,.originTrustNote,.bioSpellcheckHint){
  font-size:8px !important;
  line-height:1.25 !important;
}
.joinCard[data-current-view="profile-identity"] .profileCombinedColumn :where(.fieldGroup>span,.profileImageHeading strong,.interestHeading strong,.originHeading strong,.bioField>label){
  font-size:10.5px !important;
  line-height:1.2 !important;
}
.joinCard[data-current-view="profile-identity"] #profileNickname,
.joinCard[data-current-view="profile-identity"] #profileBio,
.joinCard[data-current-view="profile-identity"] .residenceCityField input,
.joinCard[data-current-view="profile-identity"] select,
.joinCard[data-current-view="profile-identity"] .realFlagSelectButton{
  font-size:10px !important;
}
.joinCard[data-current-view="profile-identity"] #profileNickname{
  height:34px !important;
}
.joinCard[data-current-view="profile-identity"] .nicknameEmojiPicker,
.joinCard[data-current-view="profile-identity"] .avatarPicker{
  margin:5px 0 7px !important;
}
.joinCard[data-current-view="profile-identity"] .nicknameEmojiPicker>summary,
.joinCard[data-current-view="profile-identity"] .avatarPicker>summary{
  min-height:32px !important;
  height:32px !important;
  padding:0 9px !important;
  font-size:9px !important;
}
.joinCard[data-current-view="profile-identity"] .profileImageSection{
  margin-top:6px !important;
  padding-top:6px !important;
}
.joinCard[data-current-view="profile-identity"] .profileImageHeading{
  margin-bottom:6px !important;
}
.joinCard[data-current-view="profile-identity"] .profileImageChoices{
  gap:6px !important;
}
.joinCard[data-current-view="profile-identity"] .uploadChoice{
  min-height:56px !important;
  padding:7px !important;
}
.joinCard[data-current-view="profile-identity"] .charterStatus{
  margin-top:6px !important;
  padding:6px 8px !important;
  font-size:8px !important;
}
.joinCard[data-current-view="profile-identity"] .formRequirements{
  margin-top:6px !important;
  padding:6px 8px !important;
  gap:3px !important;
  font-size:8px !important;
}
.joinCard[data-current-view="profile-identity"] .bioField{
  margin:0 0 7px !important;
}
.joinCard[data-current-view="profile-identity"] .bioField textarea{
  height:62px !important;
  min-height:62px !important;
  padding:7px 9px !important;
  font-size:9.5px !important;
}
.joinCard[data-current-view="profile-identity"] .bioTools{
  margin-top:4px !important;
}
.joinCard[data-current-view="profile-identity"] .originSection,
.joinCard[data-current-view="profile-identity"] .genderSectionR643,
.joinCard[data-current-view="profile-identity"] .languageSection,
.joinCard[data-current-view="profile-identity"] .interestSection{
  margin:0 0 7px !important;
  padding:7px !important;
  border-radius:9px !important;
}
.joinCard[data-current-view="profile-identity"] .originFields{
  gap:6px !important;
}
.joinCard[data-current-view="profile-identity"] .residenceLocationFields{
  gap:5px !important;
}
.joinCard[data-current-view="profile-identity"] .originTrustNote{
  margin-top:5px !important;
  padding:5px 7px !important;
}
.joinCard[data-current-view="profile-identity"] .genderChoiceGridR643{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:4px !important;
}
.joinCard[data-current-view="profile-identity"] .genderChoiceGridR643 button{
  min-height:28px !important;
  padding:4px 5px !important;
  font-size:8px !important;
}
.joinCard[data-current-view="profile-identity"] .languageGrid{
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:3px !important;
}
.joinCard[data-current-view="profile-identity"] .languageGrid button{
  min-height:25px !important;
  padding:3px 4px !important;
  font-size:7.5px !important;
}
.joinCard[data-current-view="profile-identity"] .primaryLanguageChoice{
  margin-top:5px !important;
  gap:3px !important;
}
.joinCard[data-current-view="profile-identity"] .primaryLanguageChoice select{
  height:29px !important;
}
.joinCard[data-current-view="profile-identity"] .interestHeading{
  margin-bottom:5px !important;
}
.joinCard[data-current-view="profile-identity"] .interestGrid{
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  gap:3px !important;
}
.joinCard[data-current-view="profile-identity"] .interestGrid button{
  min-height:23px !important;
  padding:2px 3px !important;
  font-size:6.8px !important;
  line-height:1.05 !important;
}
.joinCard[data-current-view="profile-identity"] .customInterest{
  margin-top:5px !important;
  gap:4px !important;
}
.joinCard[data-current-view="profile-identity"] .customInterest input,
.joinCard[data-current-view="profile-identity"] .customInterest button{
  height:28px !important;
  min-height:28px !important;
  font-size:8px !important;
}
.joinCard[data-current-view="profile-identity"] .profileEditorCombined>.profileActions{
  margin:0 !important;
  padding:7px 0 0 !important;
  border-top:1px solid rgba(7,26,57,.12) !important;
}
.joinCard[data-current-view="profile-identity"] .profileEditorCombined>.profileActions button{
  min-height:36px !important;
}
.joinCard[data-current-view="profile-identity"] .liveProfilePanel{
  min-width:0 !important;
  height:100% !important;
  min-height:0 !important;
  overflow:hidden !important;
}

/* 1280×720 et autres écrans courts : on privilégie les champs, sans scrollbar
   interne et sans sacrifier les données. L’aperçu live reste disponible sur les
   écrans plus hauts. */
@media (max-width:1450px), (max-height:820px){
  .joinCard[data-current-view="profile-identity"] .profileWorkspaceCombined{
    grid-template-columns:minmax(0,1fr) !important;
  }
  .joinCard[data-current-view="profile-identity"] .liveProfilePanel{
    display:none !important;
  }
  .joinCard[data-current-view="profile-choice"] .profileChoiceEditor{
    padding:8px 24px 6px !important;
  }
  .joinCard[data-current-view="profile-choice"] .statusChoiceGrid{
    gap:7px !important;
  }
  .joinCard[data-current-view="profile-choice"] button.statusChoice{
    min-height:0 !important;
    grid-template-columns:clamp(105px,15vw,170px) minmax(0,1fr) auto !important;
  }
  .joinCard[data-current-view="profile-choice"] button.statusChoice .statusChoiceCopy{
    padding:6px 10px !important;
  }
  .joinCard[data-current-view="profile-choice"] button.statusChoice .statusChoiceCopy strong{
    font-size:clamp(13px,1.1vw,17px) !important;
  }
  .joinCard[data-current-view="profile-choice"] button.statusChoice .statusChoiceCopy small{
    font-size:clamp(9px,.75vw,12px) !important;
    line-height:1.25 !important;
  }
  .joinCard[data-current-view="profile-choice"] button.statusChoice>b{
    margin:0 10px 0 4px !important;
    font-size:9px !important;
    padding:4px 7px !important;
  }
  .joinCard[data-current-view="profile-choice"] .profileChoiceActions{
    height:38px !important;
    min-height:38px !important;
    margin-top:4px !important;
    padding-top:4px !important;
  }
  .joinCard[data-current-view="access"] .accessWorkspace{
    padding:12px 24px !important;
    gap:8px 12px !important;
  }
  .joinCard[data-current-view="access"] .accessFields input,
  .joinCard[data-current-view="access"] .passwordControl{
    height:36px !important;
  }
  .joinCard[data-current-view="access"] .accessPrivateSummary,
  .joinCard[data-current-view="access"] .accessIdentityPrivacy{
    min-height:52px !important;
    padding:8px 11px !important;
  }
}

/* Sécurité responsive : aucune largeur minimum héritée ne peut couper la page. */
@media (max-width:900px){
  html,body,.joinPage,.joinMain,.joinMain>.joinCard,.joinCardBody,.joinView{
    max-width:100% !important;
    min-width:0 !important;
  }
  .joinMain{padding:4px !important;}
  .joinMain>.joinCard{
    width:calc(100vw - 8px) !important;
    max-width:calc(100vw - 8px) !important;
    border-radius:10px !important;
  }
  .joinCardHeader{
    grid-template-columns:1fr !important;
    padding:10px 12px !important;
  }
  .joinCardHeader .joinWelcomeLine{font-size:24px !important;}
  .joinCardHeader .joinPathLine{font-size:18px !important;}
  .joinProgressGauge{width:100% !important;max-width:none !important;}
  .joinSteps{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    overflow:hidden !important;
  }
  .joinCard[data-current-view="age"] .joinCardBody,
  .joinCard[data-current-view="profile-choice"] .joinCardBody,
  .joinCard[data-current-view="access"] .joinCardBody,
  .joinCard[data-current-view="profile-identity"] .joinCardBody{
    overflow:hidden !important;
  }
  .joinCard[data-current-view="profile-choice"] .profileChoiceEditor{
    height:auto !important;
    min-height:100% !important;
    padding:14px 10px !important;
  }
  .joinCard[data-current-view="profile-choice"] button.statusChoice{
    grid-template-columns:90px minmax(0,1fr) !important;
    min-height:94px !important;
  }
  .joinCard[data-current-view="profile-choice"] button.statusChoice>b{
    grid-column:2 !important;
    justify-self:start !important;
    margin:0 12px 9px !important;
  }
  .joinCard[data-current-view="profile-choice"] button.statusChoice .statusChoiceCopy{
    padding:11px 12px 5px !important;
  }
  .joinCard[data-current-view="profile-choice"] button.statusChoice .statusChoiceCopy strong{font-size:15px !important;}
  .joinCard[data-current-view="profile-choice"] button.statusChoice .statusChoiceCopy small{font-size:10px !important;}
  .joinCard[data-current-view="access"] .accessWorkspace{
    height:auto !important;
    min-height:100% !important;
    grid-template-columns:1fr !important;
    grid-template-rows:auto !important;
    grid-template-areas:"intro" "private" "privacy" "fields" "requirements" "actions" !important;
    padding:14px 12px !important;
  }
  .joinCard[data-current-view="access"] .accessFields{
    grid-template-columns:1fr !important;
  }
  .joinCard[data-current-view="access"] .accessFields .fieldGroup:nth-last-child(2),
  .joinCard[data-current-view="access"] .accessFields .fieldGroup:nth-last-child(1){grid-column:auto !important;}
  .joinCard[data-current-view="profile-identity"] .profileWorkspaceCombined,
  .joinCard[data-current-view="profile-identity"] .profileEditorCombined{
    height:auto !important;
    min-height:100% !important;
    overflow:visible !important;
  }
  .joinCard[data-current-view="profile-identity"] .profileCombinedColumns{
    grid-template-columns:1fr !important;
    overflow:visible !important;
  }
  .joinCard[data-current-view="profile-identity"] .profileCombinedColumn{
    height:auto !important;
    overflow:visible !important;
  }
  .joinCard[data-current-view="profile-identity"] .interestGrid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}

@media (max-width:520px){
  .joinSteps{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .joinCard[data-current-view="profile-choice"] button.statusChoice{
    grid-template-columns:78px minmax(0,1fr) !important;
  }
}

/* R772 — traitement typographique officiel du bandeau, repris de la source
   active ETHNOS : Inter, graisse forte et tracking serré. */
.joinCardHeader .joinWelcomeLine,
.joinCardHeader .joinPathLine{
  font-family:Inter,"Segoe UI",Arial,sans-serif !important;
  font-weight:850 !important;
  line-height:1.02 !important;
}
.joinCardHeader .joinWelcomeLine{
  color:var(--r769-navy) !important;
  letter-spacing:-.04em !important;
}
.joinCardHeader .joinPathLine{
  color:var(--r769-orange) !important;
  font-size:clamp(18px,1.45vw,28px) !important;
  letter-spacing:-.025em !important;
  white-space:normal !important;
  overflow-wrap:normal !important;
}

/* ========================================================================== */
/* R774 — PROFIL : 3 ESPACES HARMONISÉS, AÉRÉS ET MARKETING                  */
/* Base R773 conservée hors périmètre. Cette section remplace le bloc profil */
/* R773 : une seule source active, aucun CSS correctif supplémentaire.       */
/* ========================================================================== */

/* Bornes exactes du shell connecté actuel. */
.joinMain{top:54px !important;bottom:54px !important;padding-top:0 !important;padding-bottom:0 !important;}
.joinCommercialBackdrop{top:54px !important;bottom:54px !important;}
.joinMain>.joinCard{
  height:100% !important;
  max-height:100% !important;
  min-height:0 !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
}
@media (max-width:1700px), (max-height:900px){
  .joinMain{top:50px !important;bottom:48px !important;}
  .joinCommercialBackdrop{top:50px !important;bottom:48px !important;}
}

/* Les saisies du membre restent en graisse normale. */
.joinCard input:not([type="button"]):not([type="submit"]),
.joinCard textarea,
.joinCard select{font-weight:400 !important;}

/* -------------------------------------------------------------------------- */
/* PROFIL — structure commune                                                  */
/* -------------------------------------------------------------------------- */
.joinCard[data-current-view="profile-identity"] .profileWorkspaceCombined{
  box-sizing:border-box !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-width:0 !important;
  min-height:0 !important;
  padding:clamp(12px,1.45vh,22px) clamp(24px,3vw,58px) clamp(10px,1.25vh,18px) !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 94% 4%,rgba(242,103,34,.10),transparent 26%),
    radial-gradient(circle at 6% 95%,rgba(255,255,255,.25),transparent 24%) !important;
}
.joinCard[data-current-view="profile-identity"] .profileEditorCombined{
  box-sizing:border-box !important;
  display:grid !important;
  grid-template-rows:auto auto minmax(0,1fr) auto !important;
  gap:clamp(10px,1.25vh,16px) !important;
  width:100% !important;
  height:100% !important;
  min-width:0 !important;
  min-height:0 !important;
  max-width:none !important;
  overflow:hidden !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.joinCard[data-current-view="profile-identity"] .liveProfilePanel{display:none !important;}

.joinCard[data-current-view="profile-identity"] .profileEditorCombined>.profileIntro{
  padding:0 !important;
  margin:0 !important;
}
.joinCard[data-current-view="profile-identity"] .profileEditorCombined>.profileIntro h2{
  margin:0 0 3px !important;
  color:var(--r769-navy) !important;
  font-size:clamp(24px,1.75vw,34px) !important;
  font-weight:850 !important;
  line-height:1 !important;
  letter-spacing:-.035em !important;
}
.joinCard[data-current-view="profile-identity"] .profileEditorCombined>.profileIntro p{
  max-width:980px !important;
  margin:0 !important;
  color:var(--r769-muted) !important;
  font-size:clamp(10.5px,.72vw,13.5px) !important;
  line-height:1.35 !important;
}

/* Trois onglets : un rythme plus premium et moins « formulaire ». */
.joinCard[data-current-view="profile-identity"] .profileSectionTabs{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:clamp(10px,.9vw,16px) !important;
  margin:0 !important;
  padding:0 !important;
}
.joinCard[data-current-view="profile-identity"] .profileSectionTabs>button{
  appearance:none !important;
  box-sizing:border-box !important;
  min-width:0 !important;
  min-height:56px !important;
  display:grid !important;
  grid-template-columns:auto minmax(0,1fr) !important;
  grid-template-rows:auto auto !important;
  column-gap:11px !important;
  align-items:center !important;
  padding:9px 14px !important;
  border:1px solid rgba(7,26,57,.11) !important;
  border-radius:15px !important;
  background:rgba(255,252,247,.77) !important;
  color:var(--r769-navy) !important;
  text-align:left !important;
  box-shadow:0 4px 14px rgba(7,26,57,.035) !important;
  cursor:pointer !important;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease !important;
}
.joinCard[data-current-view="profile-identity"] .profileSectionTabs>button:hover{
  transform:translateY(-1px) !important;
  border-color:rgba(242,103,34,.26) !important;
  box-shadow:0 7px 18px rgba(7,26,57,.06) !important;
}
.joinCard[data-current-view="profile-identity"] .profileSectionTabs>button>span{
  grid-row:1 / 3 !important;
  display:grid !important;
  place-items:center !important;
  width:30px !important;
  height:30px !important;
  border-radius:999px !important;
  background:rgba(7,26,57,.07) !important;
  color:rgba(7,26,57,.62) !important;
  font-size:10px !important;
  font-weight:800 !important;
}
.joinCard[data-current-view="profile-identity"] .profileSectionTabs>button>strong{
  min-width:0 !important;
  color:inherit !important;
  font-size:clamp(13px,.92vw,17px) !important;
  font-weight:800 !important;
  line-height:1.05 !important;
  white-space:normal !important;
}
.joinCard[data-current-view="profile-identity"] .profileSectionTabs>button>small{
  min-width:0 !important;
  color:var(--r769-muted) !important;
  font-size:clamp(8.5px,.6vw,10.5px) !important;
  line-height:1.16 !important;
  white-space:normal !important;
}
.joinCard[data-current-view="profile-identity"] .profileSectionTabs>button.isActive,
.joinCard[data-current-view="profile-identity"] .profileSectionTabs>button[aria-selected="true"]{
  border-color:rgba(242,103,34,.45) !important;
  background:linear-gradient(135deg,#ffd4b4 0%,#f5a16e 100%) !important;
  box-shadow:0 2px 0 rgba(201,109,61,.42),0 8px 20px rgba(7,26,57,.08) !important;
}
.joinCard[data-current-view="profile-identity"] .profileSectionTabs>button.isActive>span,
.joinCard[data-current-view="profile-identity"] .profileSectionTabs>button[aria-selected="true"]>span{
  background:var(--r769-orange) !important;
  color:#fff !important;
}
.joinCard[data-current-view="profile-identity"] .profileSectionTabs>button:focus-visible{
  outline:3px solid rgba(242,103,34,.24) !important;
  outline-offset:2px !important;
}

/* Un seul panneau à la fois. Pas de « case dans une case ». */
.joinCard[data-current-view="profile-identity"] .profileCombinedColumns{
  min-width:0 !important;
  min-height:0 !important;
  height:100% !important;
  display:block !important;
  overflow:hidden !important;
}
.joinCard[data-current-view="profile-identity"] .profileCombinedColumn{
  display:none !important;
  position:relative !important;
  box-sizing:border-box !important;
  width:100% !important;
  height:100% !important;
  min-width:0 !important;
  min-height:0 !important;
  padding:clamp(15px,1.8vh,28px) clamp(10px,1.35vw,24px) 8px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:hidden !important;
}
.joinCard[data-current-view="profile-identity"] .profileCombinedColumn.isActive{display:block !important;}
.joinCard[data-current-view="profile-identity"] .profileCombinedColumnHead{display:none !important;}

/* Les sous-ensembles fonctionnels sont plats : plus de cadres empilés. */
.joinCard[data-current-view="profile-identity"] :is(
  .originSection,.genderSectionR643,.languageSection,.interestSection,.profileImageSection,
  .formRequirements,.formRequirementsStory,.charterStatus,.originTrustNote
){
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
.joinCard[data-current-view="profile-identity"] :is(.originSection,.genderSectionR643,.languageSection,.interestSection,.profileImageSection){
  background:transparent !important;
}
.joinCard[data-current-view="profile-identity"] .profileCombinedColumn :where(
  .fieldGroup>small,.profileImageHeading small,.interestHeading small,.originHeading small,.bioSpellcheckHint
){
  color:var(--r769-muted) !important;
  font-size:clamp(10px,.66vw,12px) !important;
  line-height:1.35 !important;
}
.joinCard[data-current-view="profile-identity"] :where(
  #profileNickname,#profileBio,.residenceCityField input,select,.realFlagSelectButton,.customInterest input
){
  font-size:clamp(12px,.78vw,14px) !important;
  font-weight:400 !important;
}

/* Validation : une ligne d'état, pas une carte supplémentaire. */
.joinCard[data-current-view="profile-identity"] .formRequirements,
.joinCard[data-current-view="profile-identity"] .formRequirementsStory{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:6px 18px !important;
  margin:0 !important;
  padding:10px 0 0 !important;
  background:transparent !important;
  border-top:1px solid rgba(7,26,57,.10) !important;
  color:var(--r769-muted) !important;
  font-size:clamp(9px,.6vw,11px) !important;
  line-height:1.2 !important;
}
.joinCard[data-current-view="profile-identity"] .formRequirements span,
.joinCard[data-current-view="profile-identity"] .formRequirementsStory span{
  color:inherit !important;
  font-weight:600 !important;
}

/* -------------------------------------------------------------------------- */
/* ONGLET 01 — IDENTITÉ PUBLIQUE                                               */
/* -------------------------------------------------------------------------- */
.joinCard[data-current-view="profile-identity"] .profileCombinedIdentity.isActive{
  display:grid !important;
  grid-template-columns:minmax(0,.80fr) minmax(0,1.20fr) !important;
  grid-template-rows:auto auto minmax(0,1fr) !important;
  column-gap:clamp(38px,4vw,76px) !important;
  row-gap:clamp(14px,1.65vh,24px) !important;
  align-content:start !important;
}
.joinCard[data-current-view="profile-identity"] .profileCombinedIdentity>.fieldGroup{
  grid-column:1 !important;
  grid-row:1 !important;
  align-self:start !important;
  width:min(100%,650px) !important;
  max-width:650px !important;
  margin:0 !important;
}
.joinCard[data-current-view="profile-identity"] .profileCombinedIdentity>.fieldGroup>span{
  display:block !important;
  margin:0 0 7px !important;
  color:var(--r769-navy) !important;
  font-size:clamp(22px,1.55vw,30px) !important;
  font-weight:500 !important;
  line-height:1.05 !important;
  letter-spacing:-.025em !important;
}
.joinCard[data-current-view="profile-identity"] .profileCombinedIdentity>.fieldGroup>small{
  display:block !important;
  width:100% !important;
  max-width:540px !important;
  margin:0 0 10px !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
}
.joinCard[data-current-view="profile-identity"] #profileNickname{
  box-sizing:border-box !important;
  display:block !important;
  width:min(100%,540px) !important;
  max-width:540px !important;
  height:50px !important;
  min-height:50px !important;
  padding:0 15px !important;
  border:1px solid rgba(7,26,57,.17) !important;
  border-radius:12px !important;
  background:rgba(255,255,255,.88) !important;
  box-shadow:0 7px 18px rgba(7,26,57,.04) !important;
}

/* Sélecteur pseudo : compact au repos, palette flottante à l'ouverture. */
.joinCard[data-current-view="profile-identity"] .profileCombinedIdentity>.nicknameEmojiPicker{
  grid-column:1 !important;
  grid-row:2 !important;
  position:relative !important;
  width:min(100%,440px) !important;
  margin:0 !important;
  border:0 !important;
  background:transparent !important;
  overflow:visible !important;
  z-index:12 !important;
}
.joinCard[data-current-view="profile-identity"] .nicknameEmojiPicker>summary{
  box-sizing:border-box !important;
  min-height:40px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  padding:0 14px !important;
  border:1px solid rgba(242,103,34,.25) !important;
  border-radius:999px !important;
  background:rgba(255,252,247,.70) !important;
  color:var(--r769-navy) !important;
  font-size:clamp(10px,.66vw,12px) !important;
  font-weight:650 !important;
  list-style:none !important;
  cursor:pointer !important;
}
.joinCard[data-current-view="profile-identity"] .nicknameEmojiPicker>summary::-webkit-details-marker{display:none !important;}
.joinCard[data-current-view="profile-identity"] .nicknameEmojiPicker>summary::after{content:"▾" !important;color:var(--r769-orange) !important;}
.joinCard[data-current-view="profile-identity"] .nicknameEmojiPicker[open]>summary::after{content:"▴" !important;}
.joinCard[data-current-view="profile-identity"] .nicknameEmojiPicker .emojiBar{display:none !important;}
.joinCard[data-current-view="profile-identity"] .nicknameEmojiPicker[open] .emojiBar{
  position:absolute !important;
  left:0 !important;
  top:calc(100% + 7px) !important;
  z-index:80 !important;
  box-sizing:border-box !important;
  display:block !important;
  width:min(620px,72vw) !important;
  max-height:min(220px,30vh) !important;
  padding:14px !important;
  border:1px solid rgba(7,26,57,.12) !important;
  border-radius:16px !important;
  background:#fffaf3 !important;
  box-shadow:0 18px 45px rgba(7,26,57,.18) !important;
  overflow:auto !important;
}
.joinCard[data-current-view="profile-identity"] .nicknameEmojiPicker .joinProfileEmojiGroup + .joinProfileEmojiGroup{
  margin-top:12px !important;padding-top:10px !important;border-top:1px solid rgba(7,26,57,.08) !important;
}
.joinCard[data-current-view="profile-identity"] .nicknameEmojiPicker .joinProfileEmojiGroup h4{
  margin:0 0 7px !important;color:var(--r769-muted) !important;font-size:10px !important;font-weight:800 !important;letter-spacing:.04em !important;text-transform:uppercase !important;
}
.joinCard[data-current-view="profile-identity"] .nicknameEmojiPicker .joinProfileEmojiChoices{
  display:grid !important;grid-template-columns:repeat(auto-fill,34px) !important;grid-auto-rows:34px !important;gap:6px !important;
}
.joinCard[data-current-view="profile-identity"] .nicknameEmojiPicker .joinProfileEmojiChoices button{
  width:34px !important;height:34px !important;padding:0 !important;display:grid !important;place-items:center !important;border:1px solid rgba(7,26,57,.11) !important;border-radius:9px !important;background:#fff !important;font-size:18px !important;box-shadow:none !important;
}

.joinCard[data-current-view="profile-identity"] .profileCombinedIdentity>.formRequirements{
  grid-column:1 !important;
  grid-row:3 !important;
  align-self:end !important;
  max-width:650px !important;
}
.joinCard[data-current-view="profile-identity"] .profileCombinedIdentity>.apiFormError{grid-column:1 !important;}

/* Photo / avatar : un espace visuel séduisant, sans gros pavé gris. */
.joinCard[data-current-view="profile-identity"] .profileCombinedIdentity>.profileImageSection{
  grid-column:2 !important;
  grid-row:1 / 4 !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  align-self:start !important;
}
.joinCard[data-current-view="profile-identity"] .profileImageHeading{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:18px !important;
  margin:0 0 16px !important;
}
.joinCard[data-current-view="profile-identity"] .profileImageHeading strong{
  display:block !important;
  color:var(--r769-navy) !important;
  font-size:clamp(22px,1.45vw,29px) !important;
  font-weight:500 !important;
  line-height:1.05 !important;
  letter-spacing:-.025em !important;
}
.joinCard[data-current-view="profile-identity"] .profileImageHeading small{
  display:block !important;
  max-width:430px !important;
  margin-top:6px !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
}
.joinCard[data-current-view="profile-identity"] .photoCharterTrigger{
  flex:0 0 auto !important;
  min-height:40px !important;
  padding:0 17px !important;
  border:1px solid rgba(255,211,183,.92) !important;
  border-radius:10px !important;
  background:linear-gradient(180deg,#ffad7a 0%,#ee8d55 100%) !important;
  color:#071826 !important;
  font-size:clamp(10px,.68vw,12px) !important;
  font-weight:600 !important;
  box-shadow:0 1px 0 #c96d3d,0 5px 12px rgba(7,26,57,.08) !important;
}
.joinCard[data-current-view="profile-identity"] .profileImageChoices{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  gap:clamp(14px,1.25vw,22px) !important;
  align-items:start !important;
}
.joinCard[data-current-view="profile-identity"] .uploadChoice{
  box-sizing:border-box !important;
  min-height:118px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:14px !important;
  padding:18px !important;
  border:1.5px dashed rgba(242,103,34,.48) !important;
  border-radius:18px !important;
  background:linear-gradient(135deg,rgba(255,252,247,.96),rgba(255,222,199,.72)) !important;
  color:var(--r769-navy) !important;
  box-shadow:0 10px 26px rgba(124,68,35,.07) !important;
  cursor:pointer !important;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease !important;
}
.joinCard[data-current-view="profile-identity"] .uploadChoice:hover{
  transform:translateY(-2px) !important;
  border-color:rgba(242,103,34,.72) !important;
  box-shadow:0 12px 28px rgba(7,26,57,.07) !important;
}
.joinCard[data-current-view="profile-identity"] .uploadChoice .choiceIcon{
  flex:0 0 auto !important;
  width:46px !important;height:46px !important;display:grid !important;place-items:center !important;border-radius:999px !important;background:rgba(242,103,34,.12) !important;color:var(--r769-orange) !important;font-size:27px !important;
}
.joinCard[data-current-view="profile-identity"] .uploadChoice strong{
  display:block !important;color:var(--r769-navy) !important;font-size:clamp(12px,.78vw,14px) !important;font-weight:750 !important;
}
.joinCard[data-current-view="profile-identity"] .uploadChoice small{
  display:block !important;margin-top:4px !important;color:var(--r769-muted) !important;font-size:10px !important;
}

.joinCard[data-current-view="profile-identity"] .avatarPicker{
  position:relative !important;
  margin:0 !important;
  border:0 !important;
  background:transparent !important;
  overflow:visible !important;
  z-index:11 !important;
}
.joinCard[data-current-view="profile-identity"] .avatarPicker>summary{
  box-sizing:border-box !important;
  min-height:56px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  padding:0 16px !important;
  border:1px solid rgba(7,26,57,.13) !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.80) !important;
  color:var(--r769-navy) !important;
  font-size:clamp(10px,.68vw,12px) !important;
  font-weight:700 !important;
  list-style:none !important;
  cursor:pointer !important;
}
.joinCard[data-current-view="profile-identity"] .avatarPicker>summary::-webkit-details-marker{display:none !important;}
.joinCard[data-current-view="profile-identity"] .avatarPicker>summary::after{content:"▾" !important;color:var(--r769-orange) !important;}
.joinCard[data-current-view="profile-identity"] .avatarPicker[open]>summary::after{content:"▴" !important;}
.joinCard[data-current-view="profile-identity"] .avatarPicker .avatarChoices{display:none !important;}
.joinCard[data-current-view="profile-identity"] .avatarPicker[open] .avatarChoices{
  position:absolute !important;
  right:0 !important;
  top:calc(100% + 7px) !important;
  z-index:80 !important;
  box-sizing:border-box !important;
  display:grid !important;
  grid-template-columns:repeat(auto-fill,40px) !important;
  grid-auto-rows:40px !important;
  gap:7px !important;
  width:min(520px,54vw) !important;
  max-height:min(280px,36vh) !important;
  padding:14px !important;
  border:1px solid rgba(7,26,57,.12) !important;
  border-radius:16px !important;
  background:#fffaf3 !important;
  box-shadow:0 18px 45px rgba(7,26,57,.18) !important;
  overflow:auto !important;
}
.joinCard[data-current-view="profile-identity"] .avatarPicker .avatarChoice{
  width:40px !important;height:40px !important;padding:0 !important;border:1px solid rgba(7,26,57,.10) !important;border-radius:10px !important;background:#fff !important;font-size:20px !important;box-shadow:none !important;
}
.joinCard[data-current-view="profile-identity"] .profileCombinedIdentity>.charterStatus{
  grid-column:2 !important;
  margin:13px 0 0 !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  background:transparent !important;
  color:var(--r769-muted) !important;
  font-size:clamp(9px,.62vw,11px) !important;
}

/* -------------------------------------------------------------------------- */
/* ONGLET 02 — PRÉSENTATION & ORIGINE                                          */
/* -------------------------------------------------------------------------- */
.joinCard[data-current-view="profile-identity"] .profileCombinedStory.isActive{
  display:grid !important;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr) !important;
  grid-template-rows:minmax(0,1fr) auto !important;
  column-gap:clamp(42px,4vw,78px) !important;
  row-gap:clamp(14px,1.5vh,22px) !important;
  align-content:start !important;
}
.joinCard[data-current-view="profile-identity"] .profileCombinedStory>.bioField{
  grid-column:1 !important;
  grid-row:1 !important;
  min-width:0 !important;
  margin:0 !important;
  position:relative !important;
}
.joinCard[data-current-view="profile-identity"] .bioField>label,
.joinCard[data-current-view="profile-identity"] .originHeading strong,
.joinCard[data-current-view="profile-identity"] .genderSectionR643 .interestHeading strong{
  display:block !important;
  color:var(--r769-navy) !important;
  font-size:clamp(20px,1.35vw,27px) !important;
  font-weight:550 !important;
  line-height:1.06 !important;
  letter-spacing:-.02em !important;
}
.joinCard[data-current-view="profile-identity"] .bioField textarea{
  box-sizing:border-box !important;
  width:100% !important;
  height:clamp(118px,17vh,178px) !important;
  min-height:110px !important;
  max-height:178px !important;
  margin-top:10px !important;
  padding:13px 15px !important;
  border:1px solid rgba(7,26,57,.16) !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.86) !important;
  box-shadow:0 7px 18px rgba(7,26,57,.035) !important;
  resize:none !important;
}
.joinCard[data-current-view="profile-identity"] .bioSpellcheckHint{
  display:block !important;
  margin-top:7px !important;
}
.joinCard[data-current-view="profile-identity"] .bioTools{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  margin-top:12px !important;
  min-height:40px !important;
}

/* Correctif causal du picker emoji fusionné : fermé = contenu absent du flux ;
   ouvert = palette flottante. Le bouton reste toujours visible. */
.joinCard[data-current-view="profile-identity"] .profileEmojiPicker{
  position:relative !important;
  width:min(100%,500px) !important;
  margin:0 !important;
  border:0 !important;
  background:transparent !important;
  overflow:visible !important;
  z-index:30 !important;
}
.joinCard[data-current-view="profile-identity"] .profileEmojiPicker>summary{
  box-sizing:border-box !important;
  min-height:40px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  padding:0 15px !important;
  border:1px solid rgba(242,103,34,.27) !important;
  border-radius:999px !important;
  background:rgba(255,252,247,.72) !important;
  color:var(--r769-navy) !important;
  font-size:clamp(10px,.68vw,12px) !important;
  font-weight:650 !important;
  list-style:none !important;
  cursor:pointer !important;
}
.joinCard[data-current-view="profile-identity"] .profileEmojiPicker>summary::-webkit-details-marker{display:none !important;}
.joinCard[data-current-view="profile-identity"] .profileEmojiPicker>summary::after{content:"▾" !important;color:var(--r769-orange) !important;}
.joinCard[data-current-view="profile-identity"] .profileEmojiPicker[open]>summary::after{content:"▴" !important;}
.joinCard[data-current-view="profile-identity"] .profileEmojiPicker .emojiBar{display:none !important;}
.joinCard[data-current-view="profile-identity"] .profileEmojiPicker[open] .emojiBar{
  position:absolute !important;
  left:0 !important;
  top:auto !important;
  bottom:calc(100% + 8px) !important;
  z-index:90 !important;
  box-sizing:border-box !important;
  display:block !important;
  width:min(650px,72vw) !important;
  max-height:min(210px,18vh) !important;
  padding:14px !important;
  border:1px solid rgba(7,26,57,.12) !important;
  border-radius:16px !important;
  background:#fffaf3 !important;
  box-shadow:0 20px 48px rgba(7,26,57,.19) !important;
  overflow:auto !important;
}
.joinCard[data-current-view="profile-identity"] .profileEmojiPicker .joinProfileEmojiGroup + .joinProfileEmojiGroup{
  margin-top:12px !important;padding-top:10px !important;border-top:1px solid rgba(7,26,57,.08) !important;
}
.joinCard[data-current-view="profile-identity"] .profileEmojiPicker .joinProfileEmojiGroup h4{
  margin:0 0 7px !important;color:var(--r769-muted) !important;font-size:10px !important;font-weight:800 !important;letter-spacing:.04em !important;text-transform:uppercase !important;
}
.joinCard[data-current-view="profile-identity"] .profileEmojiPicker .joinProfileEmojiChoices{
  display:grid !important;grid-template-columns:repeat(auto-fill,34px) !important;grid-auto-rows:34px !important;gap:6px !important;
}
.joinCard[data-current-view="profile-identity"] .profileEmojiPicker .joinProfileEmojiChoices button{
  width:34px !important;height:34px !important;padding:0 !important;display:grid !important;place-items:center !important;border:1px solid rgba(7,26,57,.11) !important;border-radius:9px !important;background:#fff !important;font-size:18px !important;box-shadow:none !important;
}
.joinCard[data-current-view="profile-identity"] .bioCounter{
  flex:0 0 auto !important;
  margin-left:auto !important;
  color:var(--r769-orange) !important;
  font-size:11px !important;
  font-weight:750 !important;
}

.joinCard[data-current-view="profile-identity"] .profileCombinedStory>.originSection{
  grid-column:2 !important;
  grid-row:1 / 3 !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
}
.joinCard[data-current-view="profile-identity"] .originHeading{margin:0 0 14px !important;}
.joinCard[data-current-view="profile-identity"] .originHeading small{display:block !important;margin-top:6px !important;}
.joinCard[data-current-view="profile-identity"] .originFields{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:15px !important;
}
.joinCard[data-current-view="profile-identity"] .nationalityField>label,
.joinCard[data-current-view="profile-identity"] .residenceField>span,
.joinCard[data-current-view="profile-identity"] .residenceCityField>span{
  display:block !important;
  margin-bottom:6px !important;
  color:var(--r769-navy) !important;
  font-size:clamp(11px,.72vw,13px) !important;
  font-weight:700 !important;
}
.joinCard[data-current-view="profile-identity"] .residenceLocationFields{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  gap:14px !important;
}
.joinCard[data-current-view="profile-identity"] .originSection :is(select,.realFlagSelectButton,.residenceCityField input){
  box-sizing:border-box !important;
  width:100% !important;
  height:46px !important;
  min-height:46px !important;
  padding:0 13px !important;
  border-radius:11px !important;
  background:rgba(255,255,255,.86) !important;
}
.joinCard[data-current-view="profile-identity"] .nationalityChips{
  min-height:28px !important;
  margin-top:7px !important;
  color:var(--r769-muted) !important;
  font-size:10px !important;
}
.joinCard[data-current-view="profile-identity"] .originTrustNote{
  margin-top:16px !important;
  padding:2px 0 2px 13px !important;
  border-left:3px solid rgba(242,103,34,.62) !important;
  background:transparent !important;
  color:var(--r769-muted) !important;
  font-size:clamp(9px,.62vw,11px) !important;
  line-height:1.34 !important;
}
.joinCard[data-current-view="profile-identity"] .originTrustNote strong{color:var(--r769-orange) !important;}
.joinCard[data-current-view="profile-identity"] .originTrustNote summary{color:var(--r769-navy) !important;}

.joinCard[data-current-view="profile-identity"] .profileCombinedStory>.genderSectionR643{
  grid-column:1 !important;
  grid-row:2 !important;
  margin:0 !important;
  padding:16px 0 0 !important;
  border-top:1px solid rgba(7,26,57,.10) !important;
}
.joinCard[data-current-view="profile-identity"] .genderSectionR643 .interestHeading{margin:0 0 10px !important;}
.joinCard[data-current-view="profile-identity"] .genderSectionR643 .interestHeading small{display:block !important;margin-top:4px !important;}
.joinCard[data-current-view="profile-identity"] .genderChoiceGridR643{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:9px !important;
}
.joinCard[data-current-view="profile-identity"] .genderChoiceGridR643 button{
  min-height:42px !important;
  padding:7px 10px !important;
  border:1px solid rgba(7,26,57,.11) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.70) !important;
  color:var(--r769-navy) !important;
  font-size:clamp(9px,.66vw,11.5px) !important;
  font-weight:650 !important;
  box-shadow:none !important;
}
.joinCard[data-current-view="profile-identity"] .genderChoiceGridR643 button.isSelected,
.joinCard[data-current-view="profile-identity"] .genderChoiceGridR643 button[aria-pressed="true"]{
  border-color:rgba(242,103,34,.42) !important;
  background:linear-gradient(180deg,#ffd2b3,#f3a06c) !important;
  color:var(--r769-navy) !important;
}

/* -------------------------------------------------------------------------- */
/* ONGLET 03 — LANGUES & CENTRES D’INTÉRÊT                                    */
/* -------------------------------------------------------------------------- */
.joinCard[data-current-view="profile-identity"] .profileCombinedPreferences.isActive{
  display:grid !important;
  grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr) !important;
  grid-template-rows:minmax(0,1fr) !important;
  column-gap:clamp(42px,4vw,78px) !important;
  align-content:start !important;
}
.joinCard[data-current-view="profile-identity"] .profileCombinedPreferences>.languageSection,
.joinCard[data-current-view="profile-identity"] .profileCombinedPreferences>.interestSection{
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
}
.joinCard[data-current-view="profile-identity"] .profileCombinedPreferences>.interestSection{
  padding-left:clamp(18px,1.6vw,30px) !important;
  border-left:1px solid rgba(7,26,57,.10) !important;
}
.joinCard[data-current-view="profile-identity"] .languageSection .interestHeading,
.joinCard[data-current-view="profile-identity"] .interestSection .interestHeading{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:12px !important;
  margin:0 0 14px !important;
}
.joinCard[data-current-view="profile-identity"] .languageSection .interestHeading strong,
.joinCard[data-current-view="profile-identity"] .interestSection .interestHeading strong{
  display:block !important;
  color:var(--r769-navy) !important;
  font-size:clamp(20px,1.3vw,26px) !important;
  font-weight:550 !important;
  line-height:1.06 !important;
  letter-spacing:-.02em !important;
}
.joinCard[data-current-view="profile-identity"] .languageSection .interestHeading small,
.joinCard[data-current-view="profile-identity"] .interestSection .interestHeading small{
  display:block !important;
  margin-top:5px !important;
}
.joinCard[data-current-view="profile-identity"] :where([data-language-count],[data-interest-count]){
  flex:0 0 auto !important;
  color:var(--r769-orange) !important;
  font-size:clamp(9px,.62vw,11px) !important;
  font-weight:750 !important;
  opacity:1 !important;
}
.joinCard[data-current-view="profile-identity"] .languageGrid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:8px !important;
}
.joinCard[data-current-view="profile-identity"] .languageGrid button{
  min-height:40px !important;
  padding:6px 10px !important;
  border:1px solid rgba(7,26,57,.10) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.72) !important;
  color:var(--r769-navy) !important;
  font-size:clamp(9.5px,.65vw,11.5px) !important;
  font-weight:650 !important;
  box-shadow:none !important;
}
.joinCard[data-current-view="profile-identity"] .languageGrid button.isSelected{
  border-color:rgba(242,103,34,.42) !important;
  background:linear-gradient(180deg,#ffd2b3,#f3a06c) !important;
  color:var(--r769-navy) !important;
}
.joinCard[data-current-view="profile-identity"] .primaryLanguageChoice{
  margin-top:16px !important;
  padding-top:14px !important;
  border-top:1px solid rgba(7,26,57,.09) !important;
  background:transparent !important;
}
.joinCard[data-current-view="profile-identity"] .primaryLanguageChoice>span{
  color:var(--r769-navy) !important;font-size:12px !important;font-weight:700 !important;
}
.joinCard[data-current-view="profile-identity"] .primaryLanguageChoice select{
  height:44px !important;border-radius:11px !important;background:rgba(255,255,255,.86) !important;
}

.joinCard[data-current-view="profile-identity"] .interestGrid{
  display:grid !important;
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  gap:7px !important;
}
.joinCard[data-current-view="profile-identity"] .interestGrid button{
  min-height:32px !important;
  padding:4px 8px !important;
  border:1px solid rgba(7,26,57,.10) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.70) !important;
  color:var(--r769-navy) !important;
  font-size:clamp(8.5px,.57vw,10.5px) !important;
  font-weight:600 !important;
  line-height:1.1 !important;
  box-shadow:none !important;
}
.joinCard[data-current-view="profile-identity"] .interestGrid button.isSelected{
  border-color:rgba(242,103,34,.42) !important;
  background:linear-gradient(180deg,#ffd2b3,#f3a06c) !important;
  color:var(--r769-navy) !important;
}
.joinCard[data-current-view="profile-identity"] .customInterest{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:9px !important;
  margin-top:13px !important;
}
.joinCard[data-current-view="profile-identity"] .customInterest input,
.joinCard[data-current-view="profile-identity"] .customInterest button{
  height:40px !important;
  min-height:40px !important;
  border-radius:10px !important;
}
.joinCard[data-current-view="profile-identity"] .customInterest button{
  padding:0 17px !important;
  border:1px solid rgba(242,103,34,.30) !important;
  background:rgba(255,252,247,.72) !important;
  color:var(--r769-orange) !important;
  font-weight:700 !important;
}
.joinCard[data-current-view="profile-identity"] .interestSection>.formRequirementsStory{
  margin-top:12px !important;
}

/* Actions basses : sobres, non enfermées dans une nouvelle carte. */
.joinCard[data-current-view="profile-identity"] .profileEditorCombined>.profileActions{
  margin:0 !important;
  padding:8px 0 0 !important;
  border-top:1px solid rgba(7,26,57,.11) !important;
  min-height:42px !important;
  background:transparent !important;
  box-shadow:none !important;
}

/* -------------------------------------------------------------------------- */
/* FORMAT COURT — 1280×720 / 1366×768 : on compacte sans retasser.            */
/* -------------------------------------------------------------------------- */
@media (max-height:820px){
  .joinCard[data-current-view="profile-identity"] .profileWorkspaceCombined{
    padding:7px 18px 6px !important;
  }
  .joinCard[data-current-view="profile-identity"] .profileEditorCombined{
    gap:6px !important;
  }
  .joinCard[data-current-view="profile-identity"] .profileEditorCombined>.profileIntro h2{
    font-size:23px !important;
  }
  .joinCard[data-current-view="profile-identity"] .profileEditorCombined>.profileIntro p{
    display:none !important;
  }
  .joinCard[data-current-view="profile-identity"] .profileSectionTabs>button{
    min-height:40px !important;
    padding:4px 10px !important;
  }
  .joinCard[data-current-view="profile-identity"] .profileSectionTabs>button>span{
    width:24px !important;height:24px !important;font-size:9px !important;
  }
  .joinCard[data-current-view="profile-identity"] .profileSectionTabs>button>strong{font-size:12px !important;}
  .joinCard[data-current-view="profile-identity"] .profileSectionTabs>button>small{font-size:8px !important;}
  .joinCard[data-current-view="profile-identity"] .profileCombinedColumn{
    padding:9px 8px 4px !important;
  }

  .joinCard[data-current-view="profile-identity"] .profileCombinedIdentity.isActive{
    column-gap:34px !important;
    row-gap:10px !important;
  }
  .joinCard[data-current-view="profile-identity"] .profileCombinedIdentity>.fieldGroup>span,
  .joinCard[data-current-view="profile-identity"] .profileImageHeading strong{
    font-size:21px !important;
  }
  .joinCard[data-current-view="profile-identity"] .profileCombinedIdentity>.fieldGroup>small,
  .joinCard[data-current-view="profile-identity"] .profileImageHeading small{
    font-size:9px !important;
    line-height:1.22 !important;
  }
  .joinCard[data-current-view="profile-identity"] #profileNickname{
    width:min(100%,470px) !important;
    height:42px !important;
    min-height:42px !important;
  }
  .joinCard[data-current-view="profile-identity"] .nicknameEmojiPicker>summary{min-height:34px !important;}
  .joinCard[data-current-view="profile-identity"] .profileImageHeading{margin-bottom:9px !important;}
  .joinCard[data-current-view="profile-identity"] .photoCharterTrigger{min-height:34px !important;}
  .joinCard[data-current-view="profile-identity"] .uploadChoice{min-height:82px !important;padding:11px !important;}
  .joinCard[data-current-view="profile-identity"] .uploadChoice .choiceIcon{width:36px !important;height:36px !important;font-size:22px !important;}
  .joinCard[data-current-view="profile-identity"] .avatarPicker>summary{min-height:44px !important;}
  .joinCard[data-current-view="profile-identity"] .profileCombinedIdentity>.charterStatus{margin-top:8px !important;}
  .joinCard[data-current-view="profile-identity"] .formRequirements,
  .joinCard[data-current-view="profile-identity"] .formRequirementsStory{padding-top:6px !important;font-size:8.5px !important;gap:4px 12px !important;}

  .joinCard[data-current-view="profile-identity"] .profileCombinedStory.isActive{
    column-gap:34px !important;
    row-gap:8px !important;
  }
  .joinCard[data-current-view="profile-identity"] .bioField>label,
  .joinCard[data-current-view="profile-identity"] .originHeading strong,
  .joinCard[data-current-view="profile-identity"] .genderSectionR643 .interestHeading strong,
  .joinCard[data-current-view="profile-identity"] .languageSection .interestHeading strong,
  .joinCard[data-current-view="profile-identity"] .interestSection .interestHeading strong{
    font-size:18px !important;
  }
  .joinCard[data-current-view="profile-identity"] .bioField textarea{
    height:96px !important;
    min-height:96px !important;
    margin-top:6px !important;
    padding:9px 11px !important;
  }
  .joinCard[data-current-view="profile-identity"] .bioSpellcheckHint{margin-top:4px !important;font-size:8.5px !important;}
  .joinCard[data-current-view="profile-identity"] .bioTools{margin-top:6px !important;min-height:34px !important;}
  .joinCard[data-current-view="profile-identity"] .profileEmojiPicker>summary{min-height:34px !important;}
  .joinCard[data-current-view="profile-identity"] .originHeading{margin-bottom:8px !important;}
  .joinCard[data-current-view="profile-identity"] .originFields{gap:8px !important;}
  .joinCard[data-current-view="profile-identity"] .originSection :is(select,.realFlagSelectButton,.residenceCityField input){height:36px !important;min-height:36px !important;}
  .joinCard[data-current-view="profile-identity"] .originTrustNote{margin-top:7px !important;font-size:8px !important;line-height:1.18 !important;}
  .joinCard[data-current-view="profile-identity"] .profileCombinedStory>.genderSectionR643{padding-top:8px !important;}
  .joinCard[data-current-view="profile-identity"] .genderSectionR643 .interestHeading{margin-bottom:5px !important;}
  .joinCard[data-current-view="profile-identity"] .genderChoiceGridR643{gap:5px !important;}
  .joinCard[data-current-view="profile-identity"] .genderChoiceGridR643 button{min-height:30px !important;padding:4px 6px !important;font-size:8.5px !important;}

  .joinCard[data-current-view="profile-identity"] .profileCombinedPreferences.isActive{
    grid-template-columns:minmax(260px,.70fr) minmax(0,1.30fr) !important;
    column-gap:30px !important;
  }
  .joinCard[data-current-view="profile-identity"] .profileCombinedPreferences>.interestSection{padding-left:16px !important;}
  .joinCard[data-current-view="profile-identity"] .languageSection .interestHeading,
  .joinCard[data-current-view="profile-identity"] .interestSection .interestHeading{margin-bottom:7px !important;}
  .joinCard[data-current-view="profile-identity"] .languageSection .interestHeading small,
  .joinCard[data-current-view="profile-identity"] .interestSection .interestHeading small{font-size:8.5px !important;line-height:1.18 !important;}
  .joinCard[data-current-view="profile-identity"] .languageGrid{grid-template-columns:repeat(5,minmax(0,1fr)) !important;gap:5px !important;}
  .joinCard[data-current-view="profile-identity"] .languageGrid button{min-height:30px !important;padding:3px 5px !important;font-size:8.5px !important;}
  .joinCard[data-current-view="profile-identity"] .primaryLanguageChoice{margin-top:7px !important;padding-top:6px !important;}
  .joinCard[data-current-view="profile-identity"] .primaryLanguageChoice>span{font-size:9px !important;}
  .joinCard[data-current-view="profile-identity"] .primaryLanguageChoice select{height:31px !important;min-height:31px !important;font-size:8.5px !important;}
  .joinCard[data-current-view="profile-identity"] .interestGrid{grid-template-columns:repeat(8,minmax(0,1fr)) !important;gap:4px !important;}
  .joinCard[data-current-view="profile-identity"] .interestGrid button{min-height:25px !important;padding:2px 4px !important;font-size:7.5px !important;}
  .joinCard[data-current-view="profile-identity"] .customInterest{margin-top:7px !important;gap:5px !important;}
  .joinCard[data-current-view="profile-identity"] .customInterest input,
  .joinCard[data-current-view="profile-identity"] .customInterest button{height:29px !important;min-height:29px !important;font-size:8.5px !important;}
  .joinCard[data-current-view="profile-identity"] .interestSection>.formRequirementsStory{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:3px 8px !important;
    margin-top:7px !important;
    padding-top:5px !important;
    font-size:7.7px !important;
  }
  .joinCard[data-current-view="profile-identity"] .profileEditorCombined>.profileActions{min-height:34px !important;padding-top:4px !important;}
}

@media (min-height:821px) and (max-height:900px){
  .joinCard[data-current-view="profile-identity"] .profileCombinedPreferences.isActive{
    grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr) !important;
    column-gap:34px !important;
  }
  .joinCard[data-current-view="profile-identity"] .profileCombinedPreferences>.interestSection{padding-left:18px !important;}
  .joinCard[data-current-view="profile-identity"] .languageSection .interestHeading,
  .joinCard[data-current-view="profile-identity"] .interestSection .interestHeading{margin-bottom:8px !important;}
  .joinCard[data-current-view="profile-identity"] .languageSection .interestHeading small,
  .joinCard[data-current-view="profile-identity"] .interestSection .interestHeading small{font-size:9px !important;line-height:1.2 !important;}
  .joinCard[data-current-view="profile-identity"] .languageGrid{grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:6px !important;}
  .joinCard[data-current-view="profile-identity"] .languageGrid button{min-height:32px !important;padding:4px 6px !important;font-size:9px !important;}
  .joinCard[data-current-view="profile-identity"] .primaryLanguageChoice{margin-top:9px !important;padding-top:8px !important;}
  .joinCard[data-current-view="profile-identity"] .primaryLanguageChoice select{height:34px !important;min-height:34px !important;}
  .joinCard[data-current-view="profile-identity"] .interestGrid{grid-template-columns:repeat(7,minmax(0,1fr)) !important;gap:5px !important;}
  .joinCard[data-current-view="profile-identity"] .interestGrid button{min-height:27px !important;padding:3px 5px !important;font-size:8px !important;}
  .joinCard[data-current-view="profile-identity"] .customInterest{margin-top:8px !important;gap:6px !important;}
  .joinCard[data-current-view="profile-identity"] .customInterest input,
  .joinCard[data-current-view="profile-identity"] .customInterest button{height:32px !important;min-height:32px !important;font-size:9px !important;}
  .joinCard[data-current-view="profile-identity"] .interestSection>.formRequirementsStory{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:4px 10px !important;
    margin-top:8px !important;
    padding-top:6px !important;
    font-size:8.5px !important;
  }
}

@media (max-width:1450px) and (min-height:821px){
  .joinCard[data-current-view="profile-identity"] .profileCombinedIdentity.isActive{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr) !important;}
  .joinCard[data-current-view="profile-identity"] .profileCombinedPreferences.isActive{grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr) !important;}
  .joinCard[data-current-view="profile-identity"] .interestGrid{grid-template-columns:repeat(5,minmax(0,1fr)) !important;}
}

/* Sécurité largeur étroite / F12. Les résolutions produit commencent à 1280,  */
/* mais cette règle empêche toute coupe horizontale en dessous.                */
@media (max-width:900px){
  .joinCard[data-current-view="profile-identity"] .profileWorkspaceCombined,
  .joinCard[data-current-view="profile-identity"] .profileEditorCombined{
    height:auto !important;
    min-height:100% !important;
    overflow:auto !important;
  }
  .joinCard[data-current-view="profile-identity"] .profileSectionTabs{grid-template-columns:1fr !important;gap:5px !important;}
  .joinCard[data-current-view="profile-identity"] .profileSectionTabs>button{min-height:38px !important;grid-template-rows:auto !important;}
  .joinCard[data-current-view="profile-identity"] .profileSectionTabs>button>span{grid-row:auto !important;}
  .joinCard[data-current-view="profile-identity"] .profileSectionTabs>button>small{display:none !important;}
  .joinCard[data-current-view="profile-identity"] .profileCombinedIdentity.isActive,
  .joinCard[data-current-view="profile-identity"] .profileCombinedStory.isActive,
  .joinCard[data-current-view="profile-identity"] .profileCombinedPreferences.isActive{
    display:block !important;
  }
  .joinCard[data-current-view="profile-identity"] .profileCombinedIdentity>* ,
  .joinCard[data-current-view="profile-identity"] .profileCombinedStory>* ,
  .joinCard[data-current-view="profile-identity"] .profileCombinedPreferences>*{
    grid-column:auto !important;grid-row:auto !important;
  }
  .joinCard[data-current-view="profile-identity"] .profileCombinedPreferences>.interestSection{
    margin-top:24px !important;padding:24px 0 0 !important;border-left:0 !important;border-top:1px solid rgba(7,26,57,.10) !important;
  }
  .joinCard[data-current-view="profile-identity"] .profileImageSection{margin-top:24px !important;}
  .joinCard[data-current-view="profile-identity"] .residenceLocationFields{grid-template-columns:1fr !important;}
  .joinCard[data-current-view="profile-identity"] .languageGrid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .joinCard[data-current-view="profile-identity"] .interestGrid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
}

/* ========================================================================== */
/* R775 — INSCRIPTION FINALE : SIMPLE, BLEUE, LISIBLE, SANS CARTES IMBRIQUÉES */
/* ========================================================================== */
:root{
  --r775-ink:#071a39;
  --r775-blue:#0a3151;
  --r775-blue-2:#0f486f;
  --r775-cyan:#13b8be;
  --r775-orange:#f26722;
  --r775-paper:#fffaf3;
  --r775-paper-2:#f4e9dc;
  --r775-line:#cfd8df;
  --r775-muted:#5b6b79;
  --r775-ok:#14805e;
  --r775-danger:#b43b2e;
  --r775-radius:8px;
  --r775-shadow:0 12px 30px rgba(7,26,57,.10);
}

/* Moins d'arrondis, moins de couches, plus de contraste. */
.joinMain>.joinCard,
.joinCardHeader,.joinSteps,.joinCardBody,
.joinView,.profileWorkspace,.profileEditor,.accessWorkspace,.valuesWorkspace,.paymentWorkspace,
.emailVerificationPanel,.profileReadyPanel,.valuesReadyPanel{
  border-radius:var(--r775-radius) !important;
}
.joinCardBody{
  background:linear-gradient(135deg,#f7eadc 0%,#f1ddc9 100%) !important;
}
.joinCard :where(input,textarea,select,button,.realFlagSelectButton){
  border-radius:7px !important;
}
.joinCard :where(.statusChoice,.profileChoiceButton,.paymentCard,.interestPanel,.originPanel,.accessPrivateSummary,.accessIdentityPrivacy){
  border-radius:8px !important;
}

/* Progression globale : visible sans voler de place. */
.joinProgressBox{
  background:var(--r775-blue) !important;
  border-radius:7px !important;
  box-shadow:none !important;
}
.joinProgressMeta{color:#fff !important;}
.joinProgressTrack{background:rgba(255,255,255,.22) !important;}
.joinProgressTrack>span{background:var(--r775-cyan) !important;}
.joinSteps li.isActive>span,.joinSteps li.isComplete>span{background:var(--r775-blue) !important;}
.joinSteps li.isActive>span{outline:2px solid var(--r775-cyan) !important;outline-offset:2px !important;}

/* Boutons : CTA orange, actions secondaires bleu. */
.joinCard .joinContinue,
.joinCard .emailValidatedCta,
.joinCard .photoCharterAccept,
.joinCard button[data-registration-submit]{
  background:var(--r775-orange) !important;
  border-color:var(--r775-orange) !important;
  border-radius:7px !important;
  box-shadow:0 7px 16px rgba(242,103,34,.18) !important;
}
.joinBack{
  background:#fff !important;
  color:var(--r775-blue) !important;
  border:1px solid var(--r775-line) !important;
  border-radius:7px !important;
}

/* --- PROFIL : coque unique ------------------------------------------------ */
.joinCard[data-current-view="profile-identity"] .profileWorkspaceCombined,
.joinCard[data-current-view="profile-identity"] .profileEditorCombined{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.joinCard[data-current-view="profile-identity"] .profileEditorCombined{
  padding:clamp(14px,1.4vw,26px) clamp(18px,2vw,36px) !important;
}
.joinCard[data-current-view="profile-identity"] .profileIntro{
  margin:0 0 12px !important;
  padding:0 !important;
}
.joinCard[data-current-view="profile-identity"] .profileIntro h2{
  font-size:clamp(25px,2vw,38px) !important;
  line-height:1.05 !important;
  letter-spacing:-.025em !important;
  margin:0 0 4px !important;
  color:var(--r775-ink) !important;
}
.joinCard[data-current-view="profile-identity"] .profileIntro p{font-size:clamp(12px,.88vw,16px) !important;margin:0 !important;}

.joinCard[data-current-view="profile-identity"] .profileSectionTabs{
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:0 !important;
  border:1px solid rgba(7,26,57,.16) !important;
  background:#fff !important;
  border-radius:8px !important;
  overflow:hidden !important;
  margin:0 !important;
}
.joinCard[data-current-view="profile-identity"] .profileSectionTabs>button{
  min-height:58px !important;
  padding:8px 14px !important;
  border:0 !important;
  border-right:1px solid rgba(7,26,57,.12) !important;
  background:#fff !important;
  color:var(--r775-ink) !important;
  box-shadow:none !important;
  border-radius:0 !important;
  display:grid !important;
  grid-template-columns:30px 1fr !important;
  grid-template-rows:auto auto !important;
  align-items:center !important;
  text-align:left !important;
}
.joinCard[data-current-view="profile-identity"] .profileSectionTabs>button:last-child{border-right:0 !important;}
.joinCard[data-current-view="profile-identity"] .profileSectionTabs>button>span{
  grid-row:1/3 !important;
  width:26px !important;height:26px !important;
  border-radius:50% !important;
  background:#e9eef2 !important;color:#627080 !important;
  display:grid !important;place-items:center !important;
  font-weight:800 !important;font-size:10px !important;
}
.joinCard[data-current-view="profile-identity"] .profileSectionTabs>button>strong{
  font-size:clamp(13px,1vw,18px) !important;line-height:1.05 !important;color:inherit !important;
}
.joinCard[data-current-view="profile-identity"] .profileSectionTabs>button>small{
  font-size:clamp(9px,.7vw,12px) !important;color:var(--r775-muted) !important;line-height:1.1 !important;
}
.joinCard[data-current-view="profile-identity"] .profileSectionTabs>button.isActive,
.joinCard[data-current-view="profile-identity"] .profileSectionTabs>button[aria-selected="true"]{
  background:var(--r775-blue) !important;color:#fff !important;
  box-shadow:inset 0 -4px 0 var(--r775-cyan) !important;
}
.joinCard[data-current-view="profile-identity"] .profileSectionTabs>button.isActive>span,
.joinCard[data-current-view="profile-identity"] .profileSectionTabs>button[aria-selected="true"]>span{
  background:var(--r775-cyan) !important;color:#052c3a !important;
}
.joinCard[data-current-view="profile-identity"] .profileSectionTabs>button.isActive>small,
.joinCard[data-current-view="profile-identity"] .profileSectionTabs>button[aria-selected="true"]>small{color:rgba(255,255,255,.74) !important;}

/* Progression profil : présente dès le début, pas une petite ligne cachée à la fin. */
.profileCompletionRail{
  margin:10px 0 14px !important;
  display:grid !important;
  grid-template-columns:minmax(180px,260px) 1fr auto !important;
  gap:10px 14px !important;
  align-items:center !important;
  padding:8px 12px !important;
  background:rgba(255,255,255,.72) !important;
  border-left:4px solid var(--r775-blue) !important;
  border-radius:4px !important;
}
.profileCompletionTop{display:flex !important;gap:10px !important;align-items:center !important;justify-content:space-between !important;color:var(--r775-ink) !important;}
.profileCompletionTop strong{font-size:12px !important;}
.profileCompletionTop span{font-weight:800 !important;color:var(--r775-blue) !important;}
.profileCompletionTrack{height:8px !important;background:#d8e0e6 !important;border-radius:2px !important;overflow:hidden !important;}
.profileCompletionTrack>span{display:block !important;height:100% !important;width:0;background:linear-gradient(90deg,var(--r775-blue),var(--r775-cyan)) !important;transition:width .2s ease !important;}
.profileCompletionRail>small{font-size:10px !important;color:var(--r775-muted) !important;white-space:nowrap !important;}

.joinCard[data-current-view="profile-identity"] .profileCombinedColumns{
  min-height:0 !important;height:auto !important;
  background:transparent !important;border:0 !important;padding:0 !important;
}
.joinCard[data-current-view="profile-identity"] .profileCombinedColumn{
  background:transparent !important;border:0 !important;box-shadow:none !important;
  padding:0 !important;min-height:0 !important;
}
.joinCard[data-current-view="profile-identity"] .profileCombinedColumnHead{display:none !important;}

/* Onglet 1 : pseudo proportionné + photo valorisée. */
.joinCard[data-current-view="profile-identity"] .profileCombinedIdentity.isActive{
  display:grid !important;
  grid-template-columns:minmax(320px,.9fr) minmax(430px,1.1fr) !important;
  grid-template-areas:"pseudo image" "emoji image" "checks image" !important;
  gap:14px 34px !important;
  align-items:start !important;
}
.joinCard[data-current-view="profile-identity"] .profileCombinedIdentity>.fieldGroup{grid-area:pseudo !important;max-width:560px !important;margin:0 !important;}
.joinCard[data-current-view="profile-identity"] .profileCombinedIdentity>.fieldGroup>span{
  font-size:clamp(22px,1.55vw,31px) !important;font-weight:650 !important;margin-bottom:6px !important;
}
.joinCard[data-current-view="profile-identity"] .profileCombinedIdentity>.fieldGroup>small{
  max-width:620px !important;font-size:clamp(11px,.78vw,14px) !important;line-height:1.35 !important;margin-bottom:10px !important;
}
#profileNickname{
  width:min(100%,520px) !important;height:52px !important;min-height:52px !important;
  padding:0 16px !important;font-size:16px !important;font-weight:400 !important;
  border:1px solid #bfcbd4 !important;background:#fff !important;
}
.joinCard[data-current-view="profile-identity"] .profileCombinedIdentity>.nicknameEmojiPicker{grid-area:emoji !important;width:min(100%,520px) !important;margin:0 !important;}
.joinCard[data-current-view="profile-identity"] .nicknameEmojiPicker>summary,
.joinCard[data-current-view="profile-identity"] .avatarPicker>summary,
.joinCard[data-current-view="profile-identity"] .profileEmojiPicker>summary{
  min-height:44px !important;padding:0 14px !important;border:1px solid #c8d2da !important;background:#fff !important;
  border-radius:7px !important;display:flex !important;align-items:center !important;justify-content:space-between !important;
  font-size:13px !important;font-weight:700 !important;color:var(--r775-blue) !important;box-shadow:none !important;cursor:pointer !important;
}
.joinCard[data-current-view="profile-identity"] :where(.nicknameEmojiPicker,.avatarPicker,.profileEmojiPicker)>summary::after{content:"＋" !important;color:var(--r775-cyan) !important;font-weight:900 !important;}
.joinCard[data-current-view="profile-identity"] :where(.nicknameEmojiPicker,.avatarPicker,.profileEmojiPicker)> :where(.emojiBar,.avatarChoices){display:none !important;}

.joinCard[data-current-view="profile-identity"] .profileCombinedIdentity>.profileImageSection{
  grid-area:image !important;margin:0 !important;padding:0 0 0 26px !important;
  border:0 !important;border-left:1px solid rgba(7,26,57,.14) !important;background:transparent !important;
}
.profileImageHeading{display:flex !important;justify-content:space-between !important;align-items:end !important;gap:16px !important;margin-bottom:10px !important;}
.profileImageHeading strong{font-size:clamp(22px,1.55vw,31px) !important;font-weight:650 !important;color:var(--r775-ink) !important;}
.profileImageHeading small{font-size:12px !important;color:var(--r775-muted) !important;}
.photoCharterTrigger{
  background:transparent !important;color:var(--r775-blue) !important;border:1px solid var(--r775-blue) !important;
  min-height:40px !important;padding:0 14px !important;font-weight:750 !important;box-shadow:none !important;
}
.profileImageChoices{display:grid !important;grid-template-columns:minmax(260px,1fr) minmax(230px,.8fr) !important;gap:12px !important;align-items:stretch !important;}
.uploadChoice{
  min-height:118px !important;padding:14px 18px !important;background:#fff !important;
  border:1px solid #bfcbd4 !important;border-left:5px solid var(--r775-cyan) !important;
  border-radius:7px !important;box-shadow:none !important;color:var(--r775-ink) !important;
  display:grid !important;grid-template-columns:auto 1fr !important;grid-template-rows:1fr !important;align-items:center !important;gap:14px !important;
}
.uploadChoice:hover{border-color:var(--r775-blue) !important;}
.uploadChoice .choiceIcon{width:48px !important;height:48px !important;border-radius:50% !important;background:#e8f7f7 !important;color:var(--r775-blue) !important;display:grid !important;place-items:center !important;font-size:28px !important;}
.uploadChoice>span:last-child strong{font-size:15px !important;color:var(--r775-ink) !important;}
.uploadChoice>span:last-child small{font-size:10px !important;color:var(--r775-muted) !important;margin-top:3px !important;}
.uploadChoice[data-profile-photo-preview],.uploadChoice img[data-profile-photo-preview]{display:none;}
.uploadChoice img[data-profile-photo-preview]:not([hidden]){
  display:block !important;width:78px !important;height:78px !important;object-fit:cover !important;border-radius:6px !important;
  border:2px solid var(--r775-cyan) !important;grid-column:1 !important;
}
.uploadChoice.isSelected{grid-template-columns:90px 1fr !important;border-left-color:var(--r775-ok) !important;}
.uploadChoice.isSelected .choiceIcon{display:none !important;}
.uploadChoice.isChecking{opacity:.72 !important;cursor:progress !important;}
.avatarPicker{align-self:stretch !important;margin:0 !important;}
.avatarPicker>summary{height:100% !important;min-height:118px !important;align-items:center !important;background:linear-gradient(180deg,#fff,#f4f8fa) !important;}
.charterStatus{margin:9px 0 0 !important;padding:0 !important;background:transparent !important;border:0 !important;font-size:11px !important;color:var(--r775-muted) !important;}
.charterStatus.isAccepted{color:var(--r775-ok) !important;}

/* Les anciennes listes de validation deviennent une aide discrète ; la vraie progression est en haut. */
.joinCard[data-current-view="profile-identity"] .formRequirements,
.joinCard[data-current-view="profile-identity"] .formRequirementsStory{
  grid-area:checks !important;margin:0 !important;padding:0 !important;border:0 !important;background:transparent !important;
  display:flex !important;flex-wrap:wrap !important;gap:5px 12px !important;font-size:10px !important;color:#6b7782 !important;
}
.joinCard[data-current-view="profile-identity"] .formRequirements span,
.joinCard[data-current-view="profile-identity"] .formRequirementsStory span{color:#6b7782 !important;font-weight:500 !important;}
.joinCard[data-current-view="profile-identity"] .formRequirements span.isComplete,
.joinCard[data-current-view="profile-identity"] .formRequirementsStory span.isComplete{color:var(--r775-ok) !important;font-weight:650 !important;}

/* Onglet 2 : deux zones claires, pas de grand vide vertical. */
.joinCard[data-current-view="profile-identity"] .profileCombinedStory.isActive{
  display:grid !important;grid-template-columns:minmax(320px,.82fr) minmax(440px,1.18fr) !important;gap:22px 34px !important;align-items:start !important;
}
.profileCombinedStory>.bioField,.profileCombinedStory>.originSection,.profileCombinedStory>.genderSectionR643{
  margin:0 !important;padding:0 !important;background:transparent !important;border:0 !important;box-shadow:none !important;
}
.profileCombinedStory>.bioField{grid-column:1 !important;}
.profileCombinedStory>.originSection{grid-column:2 !important;grid-row:1 / span 2 !important;border-left:1px solid rgba(7,26,57,.14) !important;padding-left:28px !important;}
.profileCombinedStory>.genderSectionR643{grid-column:1 !important;margin-top:4px !important;border-top:1px solid rgba(7,26,57,.14) !important;padding-top:16px !important;}
.bioField>label,.originHeading strong,.genderSectionR643 h3{font-size:clamp(20px,1.4vw,28px) !important;font-weight:650 !important;color:var(--r775-ink) !important;}
#profileBio{min-height:128px !important;height:128px !important;resize:none !important;font-size:15px !important;font-weight:400 !important;padding:14px 16px !important;background:#fff !important;}
.bioSpellcheckHint{font-size:10px !important;margin:6px 0 8px !important;}
.profileEmojiPicker{width:min(100%,520px) !important;margin:0 !important;}
.originPanel{background:transparent !important;border:0 !important;padding:0 !important;box-shadow:none !important;}
.originGrid,.residenceGrid{gap:10px !important;}
.realFlagSelectButton,.residenceCityField input{height:48px !important;min-height:48px !important;font-size:13px !important;background:#fff !important;}
.realFlagSelectMenu{background:#fff !important;opacity:1 !important;border:1px solid #bfcbd4 !important;box-shadow:0 16px 34px rgba(7,26,57,.18) !important;}
.realFlagSelectOption{background:#fff !important;color:var(--r775-ink) !important;opacity:1 !important;}
.realFlagSelectOption:hover,.realFlagSelectOption:focus-visible,.realFlagSelectOption.isSelected,.realFlagSelectOption[aria-selected="true"]{background:#e8f4f7 !important;color:var(--r775-blue) !important;}
.originTrustNote{background:#eef5f7 !important;border:0 !important;border-left:4px solid var(--r775-cyan) !important;border-radius:3px !important;padding:10px 12px !important;color:var(--r775-muted) !important;}
.genderSectionR643 .genderChoicesR643{display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:8px !important;margin-top:10px !important;}
.genderSectionR643 button{min-height:42px !important;border:1px solid #c8d2da !important;background:#fff !important;color:var(--r775-ink) !important;border-radius:6px !important;box-shadow:none !important;}
.genderSectionR643 button.isSelected{background:var(--r775-blue) !important;color:#fff !important;border-color:var(--r775-blue) !important;}

/* Onglet 3 : langage + intérêts, tags personnalisés à côté du petit champ. */
.joinCard[data-current-view="profile-identity"] .profileCombinedPreferences.isActive{
  display:grid !important;grid-template-columns:minmax(290px,.72fr) minmax(520px,1.28fr) !important;gap:24px 34px !important;align-items:start !important;
}
.profileCombinedPreferences>.languageSection,.profileCombinedPreferences>.interestSection{
  margin:0 !important;padding:0 !important;border:0 !important;background:transparent !important;box-shadow:none !important;
}
.profileCombinedPreferences>.interestSection{border-left:1px solid rgba(7,26,57,.14) !important;padding-left:28px !important;}
.languageHeading strong,.interestHeading strong{font-size:clamp(20px,1.4vw,28px) !important;font-weight:650 !important;color:var(--r775-ink) !important;}
.languageGrid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:7px !important;margin-top:10px !important;}
.languageGrid button,.interestGrid button{
  border-radius:5px !important;background:#fff !important;border:1px solid #cbd5dc !important;color:var(--r775-ink) !important;box-shadow:none !important;
}
.languageGrid button{min-height:38px !important;font-size:11px !important;}
.languageGrid button.isSelected,.interestGrid button.isSelected{background:var(--r775-blue) !important;color:#fff !important;border-color:var(--r775-blue) !important;}
.primaryLanguageChoice{background:#eef5f7 !important;border:0 !important;border-left:4px solid var(--r775-cyan) !important;border-radius:3px !important;padding:10px !important;margin-top:10px !important;}
.primaryLanguageChoice select{height:42px !important;}
.interestGrid{display:grid !important;grid-template-columns:repeat(6,minmax(0,1fr)) !important;gap:6px !important;margin-top:10px !important;}
.interestGrid button{min-height:34px !important;font-size:10px !important;padding:4px 7px !important;}
.customInterestRow{display:grid !important;grid-template-columns:minmax(260px,360px) 1fr !important;gap:12px !important;align-items:start !important;margin-top:12px !important;}
.customInterest{display:grid !important;grid-template-columns:1fr auto !important;gap:6px !important;margin:0 !important;}
.customInterest input{height:42px !important;min-height:42px !important;width:100% !important;font-size:12px !important;font-weight:400 !important;}
.customInterest button{height:42px !important;min-height:42px !important;padding:0 14px !important;background:var(--r775-blue) !important;color:#fff !important;border:1px solid var(--r775-blue) !important;border-radius:6px !important;box-shadow:none !important;}
.customInterestTags{display:flex !important;flex-wrap:wrap !important;gap:6px !important;align-items:center !important;min-height:42px !important;}
.customInterestTags[hidden]{display:none !important;}
.customInterestTagR775{height:34px !important;min-height:34px !important;padding:0 9px 0 11px !important;border:1px solid var(--r775-cyan) !important;background:#edf9f9 !important;color:var(--r775-blue) !important;border-radius:5px !important;display:inline-flex !important;align-items:center !important;gap:8px !important;box-shadow:none !important;font-weight:650 !important;}
.customInterestTagR775 i{font-style:normal !important;font-size:16px !important;color:var(--r775-orange) !important;}

/* Actions du profil : visibles, simples. */
.joinCard[data-current-view="profile-identity"] .profileActions{margin-top:14px !important;padding-top:10px !important;border-top:1px solid rgba(7,26,57,.14) !important;}

/* Sélecteur commun R775 : ancré sous le bouton et rendu par catégorie uniquement. */
.ethnosEmojiPopoverR775{
  position:fixed !important;z-index:100000 !important;
  background:#fff !important;border:1px solid #bcc9d2 !important;border-top:4px solid var(--r775-cyan) !important;
  border-radius:8px !important;box-shadow:0 22px 50px rgba(7,26,57,.24) !important;
  padding:10px !important;overflow:hidden !important;color:var(--r775-ink) !important;
  display:grid !important;grid-template-rows:auto auto minmax(0,1fr) !important;gap:8px !important;
}
.ethnosEmojiPopoverR775[hidden]{display:none !important;}
.ethnosEmojiPopoverHeaderR775{display:flex !important;justify-content:space-between !important;align-items:center !important;gap:12px !important;}
.ethnosEmojiPopoverHeaderR775 strong{display:block !important;font:800 14px/1.15 var(--r354-ui) !important;color:var(--r775-blue) !important;}
.ethnosEmojiPopoverHeaderR775 small{font:500 10px/1.2 var(--r354-ui) !important;color:var(--r775-muted) !important;}
.ethnosEmojiPopoverHeaderR775 button{width:30px !important;height:30px !important;min-height:30px !important;padding:0 !important;border:0 !important;background:#eef3f6 !important;color:var(--r775-blue) !important;border-radius:4px !important;box-shadow:none !important;font-size:20px !important;}
.ethnosEmojiCategoriesR775{display:flex !important;gap:5px !important;overflow-x:auto !important;padding-bottom:4px !important;scrollbar-width:thin !important;}
.ethnosEmojiCategoriesR775 button{flex:0 0 auto !important;min-height:32px !important;padding:0 9px !important;border:1px solid #d2dbe1 !important;background:#fff !important;color:var(--r775-muted) !important;border-radius:4px !important;box-shadow:none !important;font-size:10px !important;font-weight:700 !important;}
.ethnosEmojiCategoriesR775 button.isActive{background:var(--r775-blue) !important;color:#fff !important;border-color:var(--r775-blue) !important;}
.ethnosEmojiChoicesR775{overflow:auto !important;display:grid !important;grid-template-columns:repeat(10,minmax(38px,1fr)) !important;gap:6px !important;align-content:start !important;padding:4px !important;scrollbar-width:thin !important;}
.ethnosEmojiChoiceR775{aspect-ratio:1 !important;min-height:38px !important;padding:0 !important;background:#fff !important;border:1px solid #d7dfe4 !important;border-radius:5px !important;box-shadow:none !important;font-size:22px !important;display:grid !important;place-items:center !important;}
.ethnosEmojiChoiceR775:hover,.ethnosEmojiChoiceR775:focus-visible{border-color:var(--r775-cyan) !important;background:#eefafa !important;outline:none !important;}
.ethnosEmojiChoiceR775 img{width:24px !important;height:18px !important;object-fit:cover !important;}

/* --- NOS VALEURS : 4 piliers sur UNE page -------------------------------- */
.joinCard[data-current-view="values"] .valuesWorkspaceR775{
  padding:clamp(18px,2vw,34px) !important;background:rgba(255,250,243,.96) !important;border:0 !important;box-shadow:none !important;
}
.valuesCompactHeader{max-width:980px !important;margin:0 auto 18px !important;text-align:center !important;}
.valuesCompactHeader h2{font-size:clamp(26px,2.2vw,42px) !important;line-height:1.05 !important;margin:4px 0 8px !important;color:var(--r775-ink) !important;}
.valuesCompactHeader p{font-size:clamp(12px,.9vw,16px) !important;line-height:1.45 !important;margin:0 auto !important;max-width:900px !important;}
.valueSlidesR775{height:auto !important;min-height:0 !important;overflow:visible !important;}
.valueSlideR775{display:block !important;padding:0 !important;background:transparent !important;border:0 !important;box-shadow:none !important;}
.valuesPillars{display:grid !important;grid-template-columns:repeat(4,1fr) !important;border:1px solid #ced7dd !important;border-radius:7px !important;overflow:hidden !important;background:#fff !important;}
.valuesPillars>section{min-height:190px !important;padding:20px !important;border-right:1px solid #dbe2e7 !important;background:#fff !important;display:grid !important;grid-template-columns:36px 1fr !important;gap:12px !important;align-content:start !important;}
.valuesPillars>section:last-child{border-right:0 !important;}
.valuesPillars>section>span{width:32px !important;height:32px !important;border-radius:4px !important;background:var(--r775-blue) !important;color:#fff !important;display:grid !important;place-items:center !important;font-weight:850 !important;font-size:11px !important;}
.valuesPillars h3{font-size:clamp(15px,1.15vw,21px) !important;line-height:1.1 !important;margin:3px 0 9px !important;color:var(--r775-ink) !important;}
.valuesPillars p{font-size:clamp(11px,.78vw,14px) !important;line-height:1.45 !important;margin:0 !important;color:var(--r775-muted) !important;}
.valuesCompactCommit{margin:16px auto 0 !important;max-width:1080px !important;display:grid !important;grid-template-columns:1fr minmax(320px,.9fr) auto !important;gap:14px !important;align-items:center !important;padding:14px 16px !important;background:#eaf4f6 !important;border-left:4px solid var(--r775-cyan) !important;border-radius:4px !important;}
.valuesCompactCommit>p:first-child{margin:0 !important;font-size:12px !important;}
.valuesCompactCommit .valuesAgreement{margin:0 !important;padding:0 !important;background:transparent !important;border:0 !important;}
.valuesCompactCommit .valuesAgreement span{font-size:11px !important;color:var(--r775-ink) !important;}
.valuesCompactCommit .valuesCommit{margin:0 !important;}
.valuesFooterR775{margin-top:12px !important;border:0 !important;padding:0 !important;}
.valuesFooterR775 .valueDots,.valuesFooterR775 .valueProgress,.valueArrow,.valueValidate{display:none !important;}

/* --- NOTRE MODÈLE : gratuit lancement + 3 moyens au même niveau ----------- */
.joinCard[data-current-view="payment"] .paymentWorkspaceR775{
  padding:clamp(16px,1.7vw,30px) !important;background:rgba(255,250,243,.97) !important;border:0 !important;box-shadow:none !important;
  display:grid !important;gap:14px !important;
}
.paymentHeroR775{display:grid !important;grid-template-columns:1fr auto !important;gap:28px !important;align-items:center !important;padding-bottom:12px !important;border-bottom:1px solid #d5dde2 !important;}
.paymentHeroR775 h2{font-size:clamp(25px,2vw,39px) !important;line-height:1.06 !important;margin:4px 0 7px !important;color:var(--r775-ink) !important;max-width:980px !important;}
.paymentHeroR775 p{max-width:980px !important;margin:0 !important;font-size:clamp(11px,.82vw,15px) !important;line-height:1.4 !important;}
.paymentPriceR775{min-width:190px !important;padding:10px 0 10px 20px !important;border-left:4px solid var(--r775-cyan) !important;display:grid !important;}
.paymentPriceR775 strong{font-size:clamp(32px,3vw,54px) !important;line-height:.95 !important;color:var(--r775-blue) !important;}
.paymentPriceR775 span{font-weight:800 !important;color:var(--r775-orange) !important;}
.paymentPriceR775 small{max-width:220px !important;margin-top:5px !important;font-size:10px !important;color:var(--r775-muted) !important;}
.launchOfferR775{display:grid !important;grid-template-columns:1.15fr .85fr !important;gap:24px !important;padding:14px 16px !important;background:var(--r775-blue) !important;color:#fff !important;border-radius:6px !important;}
.launchOfferR775 h3{font-size:clamp(19px,1.4vw,27px) !important;margin:4px 0 6px !important;color:#fff !important;}
.launchOfferR775 p{margin:0 !important;color:rgba(255,255,255,.78) !important;font-size:11px !important;line-height:1.4 !important;}
.launchOfferR775 ul{margin:0 !important;padding:0 !important;list-style:none !important;display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:7px 14px !important;align-content:center !important;}
.launchOfferR775 li{font-size:10px !important;color:#fff !important;position:relative !important;padding-left:14px !important;}
.launchOfferR775 li::before{content:"✓" !important;position:absolute !important;left:0 !important;color:var(--r775-cyan) !important;font-weight:900 !important;}
.launchBadgeR775{font-size:9px !important;letter-spacing:.13em !important;color:var(--r775-cyan) !important;font-weight:900 !important;}
.paymentMethodsR775{display:grid !important;gap:10px !important;}
.paymentMethodsHeadR775{display:flex !important;justify-content:space-between !important;align-items:end !important;gap:24px !important;}
.paymentMethodsHeadR775 h3{font-size:clamp(18px,1.25vw,24px) !important;margin:2px 0 0 !important;color:var(--r775-ink) !important;}
.paymentMethodsHeadR775 p{margin:0 !important;max-width:520px !important;text-align:right !important;font-size:10px !important;}
.paymentProviderGridR775{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:10px !important;}
.paymentProviderR775{padding:13px 14px !important;background:#fff !important;border:1px solid #cfd8de !important;border-top:4px solid var(--r775-blue) !important;border-radius:6px !important;display:grid !important;grid-template-rows:auto auto 1fr auto auto !important;gap:6px !important;box-shadow:none !important;}
.providerTopR775{display:grid !important;grid-template-columns:28px 1fr auto !important;gap:8px !important;align-items:center !important;}
.providerTopR775>span{width:26px !important;height:26px !important;display:grid !important;place-items:center !important;background:#e8eff4 !important;color:var(--r775-blue) !important;border-radius:4px !important;font-weight:900 !important;font-size:10px !important;}
.providerTopR775 b{font-size:13px !important;color:var(--r775-blue) !important;}
.providerTopR775 em{font-style:normal !important;font-size:9px !important;font-weight:800 !important;color:#7d6d5f !important;background:#f3eee8 !important;padding:4px 6px !important;border-radius:3px !important;}
.paymentProviderR775 h4{font-size:clamp(16px,1.05vw,20px) !important;margin:4px 0 0 !important;color:var(--r775-ink) !important;}
.paymentProviderR775 p{font-size:10.5px !important;line-height:1.4 !important;margin:0 !important;color:var(--r775-muted) !important;}
.paymentProviderR775 small{font-size:9.5px !important;color:#657582 !important;}
.paymentProviderR775 button{min-height:40px !important;background:var(--r775-blue) !important;color:#fff !important;border:1px solid var(--r775-blue) !important;border-radius:5px !important;box-shadow:none !important;font-weight:750 !important;}
.paymentProviderR775 button:disabled{background:#e5eaed !important;color:#7c8993 !important;border-color:#d7dee3 !important;opacity:1 !important;cursor:not-allowed !important;}
.paymentProviderR775 button.isReady{background:var(--r775-blue) !important;color:#fff !important;}
.paymentProviderR775:has(button.isReady){border-top-color:var(--r775-cyan) !important;}
.paymentProviderR775:has(button.isReady) .providerTopR775 em{background:#e5f6f4 !important;color:var(--r775-ok) !important;}
.paymentAvailabilityR775{margin:0 !important;font-size:9.5px !important;color:var(--r775-muted) !important;}
.paymentFreeFooterR775{display:grid !important;grid-template-columns:1fr auto !important;gap:20px !important;align-items:center !important;padding:10px 14px !important;background:#eef4f7 !important;border-left:4px solid var(--r775-cyan) !important;border-radius:4px !important;}
.paymentFreeFooterR775>div{display:grid !important;gap:2px !important;}
.paymentFreeFooterR775 strong{color:var(--r775-ink) !important;font-size:12px !important;}
.paymentFreeFooterR775 span{font-size:10px !important;color:var(--r775-muted) !important;}
.paymentFreeFooterR775 .joinContinue{margin:0 !important;}
.joinCard[data-current-view="payment"] .paymentFooter{margin:0 !important;padding:0 !important;border:0 !important;}

/* Accès / statut / mail : même langage graphique, sans empilage de cartes. */
.joinCard[data-current-view="access"] .accessWorkspace,
.joinCard[data-current-view="email-verification"] .emailVerificationPanel,
.joinCard[data-current-view="profile-choice"] .profileChoiceEditor{
  background:rgba(255,250,243,.95) !important;border:0 !important;box-shadow:none !important;
}
.joinCard[data-current-view="access"] .accessPrivateSummary,
.joinCard[data-current-view="access"] .accessIdentityPrivacy{background:#edf4f7 !important;border:0 !important;border-left:4px solid var(--r775-cyan) !important;border-radius:4px !important;}
.joinCard[data-current-view="profile-choice"] .statusChoice,
.joinCard[data-current-view="profile-choice"] .profileChoiceButtonMember{border-radius:6px !important;box-shadow:none !important;}

/* R775 — aucune saisie utilisateur en gras. */
.joinCard :where(input,textarea,select){font-weight:400 !important;}

/* 1920x1080 : blocs du bas accueil (demande R773 restée en attente). */
@media (width:1920px) and (height:1080px){
  .memberHomeMetricCard :where(h3,strong,.metricValue,[data-metric-value]){font-size:clamp(28px,2.4vw,46px) !important;}
  .memberHomeMetricCard :where(.metricLabel,.metricTitle,small,p){font-size:clamp(10px,.78vw,14px) !important;}
}

/* Résolutions basses ETHNOS. */
@media(max-width:1500px){
  .profileCompletionRail{grid-template-columns:200px 1fr !important;}
  .profileCompletionRail>small{display:none !important;}
  .joinCard[data-current-view="profile-identity"] .profileCombinedIdentity.isActive{grid-template-columns:minmax(270px,.82fr) minmax(400px,1.18fr) !important;gap:12px 22px !important;}
  .joinCard[data-current-view="profile-identity"] .profileCombinedStory.isActive{grid-template-columns:minmax(300px,.8fr) minmax(390px,1.2fr) !important;gap:18px 24px !important;}
  .joinCard[data-current-view="profile-identity"] .profileCombinedPreferences.isActive{grid-template-columns:minmax(260px,.7fr) minmax(440px,1.3fr) !important;gap:18px 24px !important;}
  .interestGrid{grid-template-columns:repeat(5,minmax(0,1fr)) !important;}
  .ethnosEmojiChoicesR775{grid-template-columns:repeat(9,minmax(36px,1fr)) !important;}
  .valuesPillars>section{padding:14px !important;min-height:165px !important;}
  .paymentProviderR775{padding:10px !important;}
}

@media(max-width:1100px){
  .joinCard[data-current-view="profile-identity"] .profileCombinedIdentity.isActive,
  .joinCard[data-current-view="profile-identity"] .profileCombinedStory.isActive,
  .joinCard[data-current-view="profile-identity"] .profileCombinedPreferences.isActive{display:block !important;}
  .joinCard[data-current-view="profile-identity"] .profileCombinedIdentity>.profileImageSection,
  .profileCombinedStory>.originSection,.profileCombinedPreferences>.interestSection{border-left:0 !important;padding-left:0 !important;margin-top:16px !important;}
  .profileCompletionRail{grid-template-columns:1fr !important;gap:6px !important;}
  .profileSectionTabs>button small{display:none !important;}
  .valuesPillars{grid-template-columns:repeat(2,1fr) !important;}
  .valuesPillars>section:nth-child(2){border-right:0 !important;}
  .valuesPillars>section{border-bottom:1px solid #dbe2e7 !important;}
  .valuesPillars>section:nth-child(3),.valuesPillars>section:nth-child(4){border-bottom:0 !important;}
  .valuesCompactCommit{grid-template-columns:1fr !important;}
  .paymentProviderGridR775{grid-template-columns:1fr !important;}
  .paymentHeroR775,.launchOfferR775,.paymentFreeFooterR775{grid-template-columns:1fr !important;}
  .paymentPriceR775{border-left:0 !important;border-top:4px solid var(--r775-cyan) !important;padding:10px 0 0 !important;}
}

/* ========================================================================== */
/* ETHNOS R775 FINAL — inscription claire, bleue, sans empilement de cartes   */
/* Source canonique de la refonte finale avant branchement paiement.           */
/* ========================================================================== */
:root{
  --r775-navy:#071a39;
  --r775-blue:#0a3151;
  --r775-blue-mid:#155b7b;
  --r775-cyan:#13b8be;
  --r775-cyan-soft:#dff5f4;
  --r775-orange:#f36b2b;
  --r775-orange-soft:#fff0e7;
  --r775-ink:#0b2340;
  --r775-text:#496176;
  --r775-line:#cfdae2;
  --r775-soft:#edf3f6;
  --r775-white:#fff;
  --r775-green:#08785d;
  --r775-shadow:0 16px 42px rgba(7,26,57,.12);
  --r775-font:Inter,"Segoe UI",Arial,sans-serif;
}

html,body{font-family:var(--r775-font)!important;background:var(--r775-navy)!important}
body[data-etnos-build="r776"]{color:var(--r775-ink)!important}
body[data-etnos-build="r776"] .joinPage .joinAmbient,
body[data-etnos-build="r776"] .joinPage .joinWatermark{display:none!important}
body[data-etnos-build="r776"] .joinPage .joinCard{
  border:1px solid rgba(255,255,255,.2)!important;
  border-radius:8px!important;
  background:var(--r775-white)!important;
  box-shadow:0 20px 60px rgba(0,0,0,.28)!important;
  overflow:hidden!important;
}
body[data-etnos-build="r776"] .joinPage .joinCardHeader{
  background:#fff!important;
  border-bottom:1px solid var(--r775-line)!important;
}
body[data-etnos-build="r776"] .joinPage .joinHeadingGroup h1,
body[data-etnos-build="r776"] .joinPage .joinHeadingGroup h1 *{font-family:var(--r775-font)!important}
body[data-etnos-build="r776"] .joinPage .joinWelcomeLine{color:var(--r775-navy)!important;font-weight:850!important;letter-spacing:-.035em!important}
body[data-etnos-build="r776"] .joinPage .joinPathLine{color:var(--r775-orange)!important;font-weight:780!important;letter-spacing:-.025em!important}
body[data-etnos-build="r776"] .joinPage .joinProgressGauge{
  border:0!important;border-radius:6px!important;background:var(--r775-blue)!important;
  box-shadow:none!important;color:#fff!important
}
body[data-etnos-build="r776"] .joinPage .joinProgressTrack{background:rgba(255,255,255,.24)!important;border-radius:2px!important}
body[data-etnos-build="r776"] .joinPage .joinProgressTrack>span{background:var(--r775-cyan)!important;border-radius:2px!important}
body[data-etnos-build="r776"] .joinPage .joinProgressMeta b{color:#fff!important}
body[data-etnos-build="r776"] .joinPage .joinSteps{
  background:#f8fafb!important;border-bottom:1px solid var(--r775-line)!important;
  box-shadow:none!important
}
body[data-etnos-build="r776"] .joinPage .joinSteps li{color:#63778a!important}
body[data-etnos-build="r776"] .joinPage .joinSteps li span{
  border-radius:4px!important;background:#e3e9ed!important;color:#596d7f!important;border:0!important
}
body[data-etnos-build="r776"] .joinPage .joinSteps li.isActive{color:var(--r775-blue)!important}
body[data-etnos-build="r776"] .joinPage .joinSteps li.isActive span,
body[data-etnos-build="r776"] .joinPage .joinSteps li.isDone span{background:var(--r775-blue)!important;color:#fff!important}
body[data-etnos-build="r776"] .joinPage .joinSteps li.isActive span{box-shadow:inset 0 -3px 0 var(--r775-cyan)!important}
body[data-etnos-build="r776"] .joinPage .joinCardBody{
  background:linear-gradient(180deg,#f3f7f9 0%,#edf3f6 100%)!important;
  color:var(--r775-ink)!important;
}
body[data-etnos-build="r776"] .joinPage .joinView{background:transparent!important}
body[data-etnos-build="r776"] .joinPage .joinSectionLabel{color:var(--r775-cyan)!important;letter-spacing:.13em!important;font-weight:800!important}

/* Boutons : 3 niveaux seulement. */
body[data-etnos-build="r776"] button,
body[data-etnos-build="r776"] input,
body[data-etnos-build="r776"] textarea,
body[data-etnos-build="r776"] select{font-family:var(--r775-font)!important}
body[data-etnos-build="r776"] .joinPage .joinContinue,
body[data-etnos-build="r776"] .joinPage .valuesCommit,
body[data-etnos-build="r776"] .joinPage .emailVerificationStepAction{
  border:1px solid var(--r775-orange)!important;border-radius:5px!important;
  background:var(--r775-orange)!important;color:#fff!important;
  box-shadow:0 6px 16px rgba(243,107,43,.18)!important;font-weight:760!important
}
body[data-etnos-build="r776"] .joinPage .joinContinue:not(:disabled):hover,
body[data-etnos-build="r776"] .joinPage .valuesCommit:not(:disabled):hover{filter:brightness(.97)!important;transform:translateY(-1px)!important}
body[data-etnos-build="r776"] .joinPage .joinContinue:disabled{opacity:.42!important;box-shadow:none!important}
body[data-etnos-build="r776"] .joinPage .joinBack,
body[data-etnos-build="r776"] .joinPage .emailVerificationRefresh{
  border:1px solid #b9c8d2!important;border-radius:5px!important;background:#fff!important;
  color:var(--r775-blue)!important;box-shadow:none!important;font-weight:720!important
}
body[data-etnos-build="r776"] .joinPage .joinBack:hover{border-color:var(--r775-blue-mid)!important;background:#f7fafb!important}

/* Champs : taille utile, pas de gros rectangles gratuits. */
body[data-etnos-build="r776"] input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
body[data-etnos-build="r776"] textarea,
body[data-etnos-build="r776"] select{
  border:1px solid #b9c8d2!important;border-radius:5px!important;background:#fff!important;
  color:var(--r775-ink)!important;box-shadow:none!important;font-weight:400!important;
}
body[data-etnos-build="r776"] input:focus,
body[data-etnos-build="r776"] textarea:focus,
body[data-etnos-build="r776"] select:focus{outline:2px solid rgba(19,184,190,.22)!important;border-color:var(--r775-cyan)!important}
body[data-etnos-build="r776"] input::placeholder,
body[data-etnos-build="r776"] textarea::placeholder{color:#8a9aa7!important;font-weight:400!important}

/* -------------------------------------------------------------------------- */
/* Étape 1 — premiers pas                                                      */
/* -------------------------------------------------------------------------- */
body[data-etnos-build="r776"] .joinPage .joinAgeEntryPanel{
  box-sizing:border-box!important;width:min(1260px,94%)!important;margin:auto!important;display:grid!important;
  grid-template-columns:minmax(0,1.22fr) minmax(360px,.78fr)!important;
  height:auto!important;min-height:min(480px,64vh)!important;padding:0!important;border:0!important;border-radius:6px!important;
  background:#fff!important;box-shadow:var(--r775-shadow)!important;overflow:hidden!important
}
body[data-etnos-build="r776"] .joinPage .joinAgeEntryCopy{
  padding:clamp(34px,3.2vw,62px)!important;background:var(--r775-blue)!important;color:#e7f0f3!important;
  display:flex!important;flex-direction:column!important;justify-content:center!important
}
body[data-etnos-build="r776"] .joinPage .joinAgeEntryCopy .joinSectionLabel{color:#74e0df!important}
body[data-etnos-build="r776"] .joinPage .joinAgeEntryCopy h2{color:#fff!important;font-size:clamp(34px,3vw,58px)!important;line-height:1.02!important;letter-spacing:-.04em!important}
body[data-etnos-build="r776"] .joinPage .joinAgeEntryCopy h2 span{color:#78dcdf!important}
body[data-etnos-build="r776"] .joinPage .joinAgeEntryCopy p{color:#c9d8de!important;font-size:clamp(15px,1vw,19px)!important;line-height:1.55!important;max-width:760px!important}
body[data-etnos-build="r776"] .joinPage .joinAgePrivacy{border-left:3px solid var(--r775-cyan)!important;padding-left:14px!important}
body[data-etnos-build="r776"] .joinPage .joinAgeEntryForm{
  padding:clamp(34px,3vw,58px)!important;background:#fff!important;display:flex!important;
  flex-direction:column!important;justify-content:center!important;gap:20px!important
}
body[data-etnos-build="r776"] .joinPage .ageDateField{display:grid!important;gap:10px!important}
body[data-etnos-build="r776"] .joinPage .ageDateField>span{font-size:18px!important;font-weight:760!important;color:var(--r775-ink)!important}
body[data-etnos-build="r776"] .joinPage .ageDateField input{height:54px!important;font-size:18px!important}
body[data-etnos-build="r776"] .joinPage .joinAgeInstruction{margin:0!important;color:var(--r775-text)!important}
body[data-etnos-build="r776"] .joinPage .joinAgeEntryForm .joinContinue{align-self:flex-start!important;min-width:190px!important}

/* -------------------------------------------------------------------------- */
/* Étape 2 — statut : trois propositions lisibles, photo + bénéfice.           */
/* -------------------------------------------------------------------------- */
body[data-etnos-build="r776"] .joinPage .profileChoiceWorkspace,
body[data-etnos-build="r776"] .joinPage .profileChoiceEditor{background:transparent!important;border:0!important;box-shadow:none!important}
body[data-etnos-build="r776"] .joinPage .statusChoiceGrid{
  width:min(1380px,95%)!important;margin:auto!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;align-items:stretch!important
}
body[data-etnos-build="r776"] .joinPage .statusChoice{
  display:grid!important;grid-template-rows:minmax(180px,1.08fr) minmax(150px,.92fr)!important;
  padding:0!important;border:1px solid #c7d4dc!important;border-radius:6px!important;background:#fff!important;
  color:var(--r775-ink)!important;overflow:hidden!important;box-shadow:0 10px 28px rgba(7,26,57,.09)!important;text-align:left!important
}
body[data-etnos-build="r776"] .joinPage .statusChoice:hover,
body[data-etnos-build="r776"] .joinPage .statusChoice:focus-visible{border-color:var(--r775-cyan)!important;transform:translateY(-2px)!important;box-shadow:0 14px 34px rgba(7,26,57,.14)!important}
body[data-etnos-build="r776"] .joinPage .statusChoicePhoto{display:block!important;width:100%!important;height:100%!important;min-height:0!important;border-radius:0!important;overflow:hidden!important}
body[data-etnos-build="r776"] .joinPage .statusChoicePhoto img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
body[data-etnos-build="r776"] .joinPage .statusChoiceCopy{padding:22px 24px 24px!important;display:block!important}
body[data-etnos-build="r776"] .joinPage .statusChoiceCopy strong{display:block!important;color:var(--r775-navy)!important;font-size:clamp(20px,1.25vw,26px)!important;line-height:1.12!important;margin-bottom:10px!important}
body[data-etnos-build="r776"] .joinPage .statusChoiceCopy small{display:block!important;color:var(--r775-text)!important;font-size:clamp(13px,.86vw,16px)!important;line-height:1.48!important}
body[data-etnos-build="r776"] .joinPage .statusChoice>b{
  position:absolute!important;top:14px!important;right:14px!important;border-radius:4px!important;background:var(--r775-blue)!important;
  color:#fff!important;padding:7px 10px!important;font-size:11px!important;text-transform:uppercase!important;letter-spacing:.09em!important
}
body[data-etnos-build="r776"] .joinPage .profileChoiceActions{width:min(1380px,95%)!important;margin:18px auto 0!important}

/* -------------------------------------------------------------------------- */
/* Étape 3 — accès : formulaire privé, sans cartes imbriquées.                 */
/* -------------------------------------------------------------------------- */
body[data-etnos-build="r776"] .joinPage .accessWorkspace{
  width:min(1280px,94%)!important;margin:auto!important;padding:clamp(28px,2.4vw,46px)!important;
  border:0!important;border-left:5px solid var(--r775-cyan)!important;border-radius:5px!important;background:#fff!important;box-shadow:var(--r775-shadow)!important
}
body[data-etnos-build="r776"] .joinPage .accessIntro{display:grid!important;grid-template-columns:1fr minmax(320px,.7fr)!important;gap:24px!important;align-items:end!important;margin-bottom:20px!important}
body[data-etnos-build="r776"] .joinPage .accessIntro h2{color:var(--r775-navy)!important;font-size:clamp(28px,2.1vw,42px)!important;letter-spacing:-.035em!important;margin:4px 0!important}
body[data-etnos-build="r776"] .joinPage .accessIntro p{color:var(--r775-text)!important;margin:0!important;line-height:1.5!important}
body[data-etnos-build="r776"] .joinPage .accessPrivateSummary{
  display:flex!important;align-items:center!important;gap:14px!important;border:0!important;border-bottom:1px solid var(--r775-line)!important;
  border-radius:0!important;background:transparent!important;padding:10px 0 14px!important;margin:0 0 16px!important
}
body[data-etnos-build="r776"] .joinPage .accessPrivateSummary button{margin-left:auto!important;border:0!important;background:transparent!important;color:var(--r775-blue-mid)!important;font-weight:750!important}
body[data-etnos-build="r776"] .joinPage .accessIdentityPrivacy{margin:0 0 22px!important;padding:12px 14px!important;background:#eef7f7!important;border-left:3px solid var(--r775-cyan)!important;color:var(--r775-text)!important}
body[data-etnos-build="r776"] .joinPage .accessFields{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px 26px!important}
body[data-etnos-build="r776"] .joinPage .accessFields .accessEmailField{grid-column:1/-1!important;max-width:720px!important}
body[data-etnos-build="r776"] .joinPage .fieldGroup{gap:7px!important}
body[data-etnos-build="r776"] .joinPage .fieldGroup>span:first-child{color:var(--r775-ink)!important;font-weight:760!important}
body[data-etnos-build="r776"] .joinPage .fieldGroup>small{color:#718393!important;line-height:1.35!important}
body[data-etnos-build="r776"] .joinPage .accessFields input{height:50px!important}
body[data-etnos-build="r776"] .joinPage .passwordControl{border:0!important;border-radius:0!important;background:transparent!important;display:grid!important;grid-template-columns:1fr auto!important;gap:8px!important}
body[data-etnos-build="r776"] .joinPage .passwordControl button{border:1px solid #b9c8d2!important;border-radius:5px!important;background:#f8fafb!important;color:var(--r775-blue)!important}
body[data-etnos-build="r776"] .joinPage .accessRequirements{
  margin:22px 0 0!important;padding:14px 0 0!important;border:0!important;border-top:1px solid var(--r775-line)!important;border-radius:0!important;
  background:transparent!important;display:flex!important;flex-wrap:wrap!important;gap:8px 18px!important
}
body[data-etnos-build="r776"] .joinPage .accessRequirements span{color:#7b8d9b!important;font-size:12px!important}
body[data-etnos-build="r776"] .joinPage .accessRequirements span.isValid{color:var(--r775-green)!important}
body[data-etnos-build="r776"] .joinPage .accessActions{margin-top:18px!important}

/* -------------------------------------------------------------------------- */
/* Étape 4 — profil : trois espaces, progression forte, aucune sous-carte.     */
/* -------------------------------------------------------------------------- */
body[data-etnos-build="r776"] .joinPage .profileWorkspaceCombined,
body[data-etnos-build="r776"] .joinPage .profileEditorCombined{
  width:min(1460px,96%)!important;margin:auto!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important
}
body[data-etnos-build="r776"] .joinPage .profileEditorCombined{
  display:grid!important;grid-template-rows:auto auto auto minmax(0,1fr) auto!important;gap:12px!important;overflow:hidden!important
}
body[data-etnos-build="r776"] .joinPage .profileIntro{margin:0 0 12px!important}
body[data-etnos-build="r776"] .joinPage .profileIntro h2{margin:0!important;color:var(--r775-navy)!important;font-size:clamp(28px,2vw,40px)!important;letter-spacing:-.035em!important}
body[data-etnos-build="r776"] .joinPage .profileIntro p{margin:4px 0 0!important;color:var(--r775-text)!important}
body[data-etnos-build="r776"] .joinPage .profileSectionTabs{
  display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:0!important;border:1px solid #c5d2da!important;border-radius:5px!important;overflow:hidden!important;background:#fff!important
}
body[data-etnos-build="r776"] .joinPage .profileSectionTabs button{
  min-height:62px!important;border:0!important;border-right:1px solid #d7e0e5!important;border-radius:0!important;background:#fff!important;
  color:var(--r775-ink)!important;padding:10px 16px!important;text-align:left!important;box-shadow:none!important
}
body[data-etnos-build="r776"] .joinPage .profileSectionTabs button:last-child{border-right:0!important}
body[data-etnos-build="r776"] .joinPage .profileSectionTabs button>span{border-radius:3px!important;background:#e6edf1!important;color:#617687!important}
body[data-etnos-build="r776"] .joinPage .profileSectionTabs button.isActive{background:var(--r775-blue)!important;color:#fff!important;box-shadow:inset 0 -4px 0 var(--r775-cyan)!important}
body[data-etnos-build="r776"] .joinPage .profileSectionTabs button.isActive strong,
body[data-etnos-build="r776"] .joinPage .profileSectionTabs button.isActive small{color:#fff!important}
body[data-etnos-build="r776"] .joinPage .profileSectionTabs button.isActive>span{background:var(--r775-cyan)!important;color:#052d3a!important}
body[data-etnos-build="r776"] .joinPage .profileCompletionRail{
  margin:0!important;padding:8px 12px!important;min-height:44px!important;height:44px!important;border:0!important;border-radius:4px!important;background:#e8f3f5!important;
  box-shadow:none!important;display:grid!important;grid-template-columns:auto 1fr auto!important;grid-template-areas:"title track note"!important;align-items:center!important;gap:14px!important
}
body[data-etnos-build="r776"] .joinPage .profileCompletionTop{grid-area:title!important;display:flex!important;align-items:center!important;gap:10px!important;white-space:nowrap!important}
body[data-etnos-build="r776"] .joinPage .profileCompletionTop strong{font-size:13px!important;color:var(--r775-blue)!important}
body[data-etnos-build="r776"] .joinPage .profileCompletionTop span{font-weight:850!important;color:var(--r775-blue)!important}
body[data-etnos-build="r776"] .joinPage .profileCompletionTrack{grid-area:track!important;height:8px!important;border-radius:2px!important;background:#cad9df!important;overflow:hidden!important}
body[data-etnos-build="r776"] .joinPage .profileCompletionTrack span{display:block!important;height:100%!important;background:linear-gradient(90deg,var(--r775-cyan),var(--r775-blue-mid))!important;border-radius:2px!important}
body[data-etnos-build="r776"] .joinPage .profileCompletionRail>small{grid-area:note!important;color:#607789!important;font-size:11px!important}
body[data-etnos-build="r776"] .joinPage .profileCombinedColumns{border:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important}
body[data-etnos-build="r776"] .joinPage .profileCombinedColumn{border:0!important;background:transparent!important;padding:0!important;box-shadow:none!important}
body[data-etnos-build="r776"] .joinPage .profileCombinedColumnHead{display:none!important}

/* Identité */
body[data-etnos-build="r776"] .joinPage .profileCombinedIdentity.isActive{
  display:grid!important;grid-template-columns:minmax(360px,.78fr) minmax(560px,1.22fr)!important;gap:clamp(34px,4vw,72px)!important;align-items:start!important
}
body[data-etnos-build="r776"] .joinPage .profileCombinedIdentity>.fieldGroup{max-width:560px!important;padding-top:12px!important}
body[data-etnos-build="r776"] .joinPage .profileCombinedIdentity>.fieldGroup>span{font-size:clamp(26px,1.9vw,38px)!important;letter-spacing:-.03em!important;color:var(--r775-navy)!important;font-weight:700!important}
body[data-etnos-build="r776"] .joinPage .profileCombinedIdentity>.fieldGroup>small{font-size:14px!important;line-height:1.45!important;color:var(--r775-text)!important;margin-bottom:10px!important}
body[data-etnos-build="r776"] #profileNickname{width:min(100%,520px)!important;height:52px!important;font-size:17px!important;font-weight:400!important}
body[data-etnos-build="r776"] .joinPage .nicknameEmojiPicker{width:min(100%,520px)!important;margin-top:12px!important}
body[data-etnos-build="r776"] .joinPage .nicknameEmojiPicker summary,
body[data-etnos-build="r776"] .joinPage .profileEmojiPicker summary,
body[data-etnos-build="r776"] .joinPage .avatarPicker summary{
  list-style:none!important;border:1px solid #c2cfd7!important;border-radius:5px!important;background:#fff!important;color:var(--r775-blue)!important;
  padding:13px 14px!important;font-weight:730!important;cursor:pointer!important;box-shadow:none!important
}
body[data-etnos-build="r776"] .joinPage .nicknameEmojiPicker summary::-webkit-details-marker,
body[data-etnos-build="r776"] .joinPage .profileEmojiPicker summary::-webkit-details-marker,
body[data-etnos-build="r776"] .joinPage .avatarPicker summary::-webkit-details-marker{display:none!important}
body[data-etnos-build="r776"] .joinPage .nicknameEmojiPicker summary::after,
body[data-etnos-build="r776"] .joinPage .profileEmojiPicker summary::after,
body[data-etnos-build="r776"] .joinPage .avatarPicker summary::after{content:"⌄"!important;float:right!important;color:var(--r775-cyan)!important}
body[data-etnos-build="r776"] .joinPage .profileImageSection{
  padding:12px 0 0 34px!important;border:0!important;border-left:1px solid var(--r775-line)!important;background:transparent!important;border-radius:0!important
}
body[data-etnos-build="r776"] .joinPage .profileImageHeading{align-items:end!important;margin-bottom:14px!important}
body[data-etnos-build="r776"] .joinPage .profileImageHeading strong{font-size:clamp(26px,1.9vw,38px)!important;color:var(--r775-navy)!important;font-weight:700!important;letter-spacing:-.03em!important}
body[data-etnos-build="r776"] .joinPage .profileImageHeading small{font-size:14px!important;color:var(--r775-text)!important}
body[data-etnos-build="r776"] .joinPage .photoCharterTrigger{border:1px solid var(--r775-blue-mid)!important;border-radius:5px!important;background:#fff!important;color:var(--r775-blue)!important;box-shadow:none!important;padding:11px 14px!important;font-weight:700!important}
body[data-etnos-build="r776"] .joinPage .profileImageChoices{display:grid!important;grid-template-columns:minmax(300px,1fr) minmax(280px,.95fr)!important;gap:14px!important;align-items:stretch!important}
body[data-etnos-build="r776"] .joinPage .uploadChoice{
  min-height:110px!important;border:1px dashed var(--r775-cyan)!important;border-radius:5px!important;background:#f6fbfb!important;padding:16px!important;
  display:grid!important;grid-template-columns:52px 1fr!important;align-items:center!important;gap:14px!important;color:var(--r775-ink)!important;cursor:pointer!important
}
body[data-etnos-build="r776"] .joinPage .uploadChoice:hover{background:#eef9f9!important}
body[data-etnos-build="r776"] .joinPage .uploadChoice .choiceIcon{width:46px!important;height:46px!important;border-radius:4px!important;background:var(--r775-cyan-soft)!important;color:var(--r775-blue)!important;display:grid!important;place-items:center!important;font-size:28px!important}
body[data-etnos-build="r776"] .joinPage .uploadChoice [data-profile-photo-preview]{width:72px!important;height:72px!important;border-radius:4px!important;object-fit:cover!important;grid-column:1!important;grid-row:1!important;z-index:2!important;background:#fff!important}
body[data-etnos-build="r776"] .joinPage .uploadChoice:has([data-profile-photo-preview]:not([hidden])){grid-template-columns:82px 1fr!important}
body[data-etnos-build="r776"] .joinPage .uploadChoice:has([data-profile-photo-preview]:not([hidden])) .choiceIcon{display:none!important}
body[data-etnos-build="r776"] .joinPage .uploadChoice strong{display:block!important;color:var(--r775-ink)!important;font-size:16px!important}
body[data-etnos-build="r776"] .joinPage .uploadChoice small{display:block!important;color:#6b8191!important;margin-top:4px!important}
body[data-etnos-build="r776"] .joinPage .avatarPicker{margin:0!important}
body[data-etnos-build="r776"] .joinPage .avatarPicker summary{min-height:110px!important;display:flex!important;align-items:center!important;padding:16px!important;background:#fff!important}
body[data-etnos-build="r776"] .joinPage .charterStatus{margin-top:10px!important;border:0!important;background:transparent!important;color:#708493!important;padding:0!important}
body[data-etnos-build="r776"] .joinPage .charterStatus.isAccepted{color:var(--r775-green)!important}
body[data-etnos-build="r776"] .joinPage .profileCombinedIdentity .formRequirements{display:none!important}

/* Présentation & origine */
body[data-etnos-build="r776"] .joinPage .profileCombinedStory.isActive{
  display:grid!important;grid-template-columns:minmax(440px,.95fr) minmax(560px,1.05fr)!important;gap:clamp(34px,4vw,70px)!important;align-items:start!important
}
body[data-etnos-build="r776"] .joinPage .bioField{padding:10px 0 0!important;border:0!important;background:transparent!important}
body[data-etnos-build="r776"] .joinPage .bioField>label{display:block!important;color:var(--r775-navy)!important;font-size:clamp(24px,1.7vw,34px)!important;font-weight:700!important;letter-spacing:-.03em!important;margin-bottom:10px!important}
body[data-etnos-build="r776"] #profileBio{width:100%!important;min-height:150px!important;max-height:170px!important;padding:15px!important;resize:none!important;font-size:16px!important;line-height:1.5!important}
body[data-etnos-build="r776"] .joinPage .bioSpellcheckHint{display:block!important;margin:7px 0 10px!important;color:#758896!important}
body[data-etnos-build="r776"] .joinPage .profileEmojiPicker{width:min(100%,600px)!important}
body[data-etnos-build="r776"] .joinPage .originSection{
  margin:10px 0 0!important;padding:0 0 0 34px!important;border:0!important;border-left:1px solid var(--r775-line)!important;background:transparent!important;border-radius:0!important
}
body[data-etnos-build="r776"] .joinPage .originSection h3,
body[data-etnos-build="r776"] .joinPage .originSectionTitle{color:var(--r775-navy)!important}
body[data-etnos-build="r776"] .joinPage .worldRelationCard,
body[data-etnos-build="r776"] .joinPage .worldLinkCard,
body[data-etnos-build="r776"] .joinPage .originCard{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:0!important}
body[data-etnos-build="r776"] .joinPage .nationalityResidenceGrid{gap:14px!important}
body[data-etnos-build="r776"] .joinPage .countrySelectControl,
body[data-etnos-build="r776"] .joinPage .residenceField,
body[data-etnos-build="r776"] .joinPage .residenceCityField{background:transparent!important;border:0!important;border-radius:0!important;padding:0!important}
body[data-etnos-build="r776"] .joinPage .countrySelectControl button,
body[data-etnos-build="r776"] .joinPage .residenceField select,
body[data-etnos-build="r776"] .joinPage .residenceCityField input{height:50px!important;background:#fff!important}
body[data-etnos-build="r776"] .joinPage .countrySelectMenu,
body[data-etnos-build="r776"] .joinPage .countryTypeaheadMenu,
body[data-etnos-build="r776"] [class*="country"][class*="Menu"]{
  background:#fff!important;color:var(--r775-ink)!important;opacity:1!important;border:1px solid #bdcad3!important;box-shadow:0 12px 30px rgba(7,26,57,.18)!important
}
body[data-etnos-build="r776"] .joinPage .countrySelectMenu button,
body[data-etnos-build="r776"] .joinPage .countryTypeaheadMenu button,
body[data-etnos-build="r776"] [class*="country"][class*="Menu"] button{background:#fff!important;color:var(--r775-ink)!important;opacity:1!important}
body[data-etnos-build="r776"] .joinPage .countrySelectMenu button:hover,
body[data-etnos-build="r776"] .joinPage .countrySelectMenu button[aria-selected="true"],
body[data-etnos-build="r776"] .joinPage .countryTypeaheadMenu button:hover,
body[data-etnos-build="r776"] [class*="country"][class*="Menu"] button:hover{background:#e7f5f5!important;color:var(--r775-navy)!important}
body[data-etnos-build="r776"] .joinPage .genderSectionR643{
  grid-column:1!important;margin:22px 0 0!important;padding:18px 0 0!important;border:0!important;border-top:1px solid var(--r775-line)!important;background:transparent!important;border-radius:0!important
}
body[data-etnos-build="r776"] .joinPage .genderSectionR643 h3{margin:0 0 4px!important;color:var(--r775-navy)!important;font-size:22px!important}
body[data-etnos-build="r776"] .joinPage .genderOptionsR643{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:8px!important;margin-top:12px!important}
body[data-etnos-build="r776"] .joinPage .genderOptionsR643 button{border:1px solid #c1ced6!important;border-radius:5px!important;background:#fff!important;color:var(--r775-ink)!important;box-shadow:none!important}
body[data-etnos-build="r776"] .joinPage .genderOptionsR643 button.isSelected{border-color:var(--r775-blue)!important;background:var(--r775-blue)!important;color:#fff!important}
body[data-etnos-build="r776"] .joinPage .profileCombinedStory .formRequirementsStory{display:none!important}

/* Langues & centres d’intérêt */
body[data-etnos-build="r776"] .joinPage .profileCombinedPreferences.isActive{
  display:grid!important;grid-template-columns:minmax(390px,.72fr) minmax(690px,1.28fr)!important;gap:clamp(34px,4vw,70px)!important;align-items:start!important
}
body[data-etnos-build="r776"] .joinPage .languageSection,
body[data-etnos-build="r776"] .joinPage .interestSection{margin:8px 0 0!important;padding:0!important;border:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important}
body[data-etnos-build="r776"] .joinPage .interestSection{padding-left:34px!important;border-left:1px solid var(--r775-line)!important}
body[data-etnos-build="r776"] .joinPage .interestHeading strong{font-size:clamp(23px,1.55vw,32px)!important;color:var(--r775-navy)!important;letter-spacing:-.025em!important}
body[data-etnos-build="r776"] .joinPage .interestHeading small{color:var(--r775-text)!important;font-size:13px!important;line-height:1.4!important}
body[data-etnos-build="r776"] .joinPage .interestHeading>span{color:var(--r775-blue-mid)!important;font-weight:800!important}
body[data-etnos-build="r776"] .joinPage .languageGrid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:7px!important;margin-top:14px!important}
body[data-etnos-build="r776"] .joinPage .languageGrid button,
body[data-etnos-build="r776"] .joinPage .interestGrid button{
  min-height:34px!important;border:1px solid #c7d3db!important;border-radius:4px!important;background:#fff!important;color:var(--r775-ink)!important;
  box-shadow:none!important;font-weight:650!important;padding:6px 9px!important
}
body[data-etnos-build="r776"] .joinPage .languageGrid button:hover,
body[data-etnos-build="r776"] .joinPage .interestGrid button:hover{border-color:var(--r775-cyan)!important;background:#f0fafa!important}
body[data-etnos-build="r776"] .joinPage .languageGrid button.isSelected,
body[data-etnos-build="r776"] .joinPage .interestGrid button.isSelected{border-color:var(--r775-blue)!important;background:var(--r775-blue)!important;color:#fff!important}
body[data-etnos-build="r776"] .joinPage .primaryLanguageChoice{margin-top:14px!important;padding:12px 0!important;border:0!important;border-top:1px solid var(--r775-line)!important;background:transparent!important;border-radius:0!important}
body[data-etnos-build="r776"] .joinPage .primaryLanguageChoice select{height:46px!important;margin-top:8px!important}
body[data-etnos-build="r776"] .joinPage .interestGrid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:6px!important;margin-top:14px!important}
body[data-etnos-build="r776"] .joinPage .interestGrid button{font-size:11px!important;min-height:32px!important;padding:5px 6px!important}
body[data-etnos-build="r776"] .joinPage .customInterestRow{display:grid!important;grid-template-columns:auto 1fr!important;gap:14px!important;align-items:center!important;margin-top:14px!important}
body[data-etnos-build="r776"] .joinPage .customInterest{display:grid!important;grid-template-columns:minmax(220px,320px) auto!important;gap:8px!important;width:max-content!important;max-width:100%!important}
body[data-etnos-build="r776"] .joinPage .customInterest input{width:100%!important;height:42px!important}
body[data-etnos-build="r776"] .joinPage .customInterest button{border:1px solid var(--r775-blue)!important;border-radius:4px!important;background:var(--r775-blue)!important;color:#fff!important;padding:0 14px!important;font-weight:700!important}
body[data-etnos-build="r776"] .joinPage .customInterestTags{display:flex!important;flex-wrap:wrap!important;gap:7px!important;min-width:0!important}
body[data-etnos-build="r776"] .joinPage .customInterestTags[hidden]{display:none!important}
body[data-etnos-build="r776"] .joinPage .customInterestTagR775{border:1px solid #9bc6c8!important;border-radius:4px!important;background:#e9f7f7!important;color:var(--r775-blue)!important;padding:7px 9px!important;display:inline-flex!important;align-items:center!important;gap:7px!important;font-weight:700!important}
body[data-etnos-build="r776"] .joinPage .customInterestTagR775 i{font-style:normal!important;color:#62818c!important}
body[data-etnos-build="r776"] .joinPage .profileCombinedPreferences .formRequirementsStory{display:none!important}
body[data-etnos-build="r776"] .joinPage .profileActions{margin-top:16px!important;padding-top:14px!important;border-top:1px solid var(--r775-line)!important}

/* Sélecteur emoji unique : rapide, ancré, non destructif pour le layout. */
body[data-etnos-build="r776"] .ethnosEmojiPopoverR775{
  position:fixed!important;z-index:20050!important;border:1px solid #9cb4c2!important;border-radius:6px!important;background:#fff!important;
  color:var(--r775-ink)!important;box-shadow:0 18px 50px rgba(7,26,57,.28)!important;overflow:hidden!important
}
body[data-etnos-build="r776"] .ethnosEmojiPopoverR775[hidden]{display:none!important}
body[data-etnos-build="r776"] .ethnosEmojiPopoverHeaderR775{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:11px 13px!important;background:var(--r775-blue)!important;color:#fff!important}
body[data-etnos-build="r776"] .ethnosEmojiPopoverHeaderR775 strong{display:block!important;color:#fff!important;font-size:14px!important}
body[data-etnos-build="r776"] .ethnosEmojiPopoverHeaderR775 small{display:block!important;color:#cbe0e5!important;font-size:10px!important;margin-top:2px!important}
body[data-etnos-build="r776"] .ethnosEmojiPopoverHeaderR775 button{width:30px!important;height:30px!important;border:0!important;border-radius:3px!important;background:rgba(255,255,255,.12)!important;color:#fff!important;font-size:20px!important}
body[data-etnos-build="r776"] .ethnosEmojiCategoriesR775{display:flex!important;gap:0!important;overflow-x:auto!important;background:#f2f6f8!important;border-bottom:1px solid var(--r775-line)!important;scrollbar-width:thin!important}
body[data-etnos-build="r776"] .ethnosEmojiCategoriesR775 button{flex:0 0 auto!important;border:0!important;border-right:1px solid #d7e0e5!important;border-radius:0!important;background:transparent!important;color:#5d7283!important;padding:8px 10px!important;font-size:10px!important;font-weight:700!important}
body[data-etnos-build="r776"] .ethnosEmojiCategoriesR775 button.isActive{background:#fff!important;color:var(--r775-blue)!important;box-shadow:inset 0 -3px 0 var(--r775-cyan)!important}
body[data-etnos-build="r776"] .ethnosEmojiChoicesR775{display:grid!important;grid-template-columns:repeat(10,minmax(0,1fr))!important;gap:6px!important;padding:12px!important;overflow:auto!important;max-height:300px!important;background:#fff!important}
body[data-etnos-build="r776"] .ethnosEmojiChoiceR775{min-width:0!important;aspect-ratio:1!important;border:1px solid #d4dee4!important;border-radius:4px!important;background:#fff!important;font-size:24px!important;display:grid!important;place-items:center!important;padding:3px!important;box-shadow:none!important}
body[data-etnos-build="r776"] .ethnosEmojiChoiceR775:hover{border-color:var(--r775-cyan)!important;background:#edfafa!important}

/* -------------------------------------------------------------------------- */
/* Profil prêt / valeurs : compact, émotionnel, pas de succession de cartes.  */
/* -------------------------------------------------------------------------- */
body[data-etnos-build="r776"] .joinPage .profileReadyPanel,
body[data-etnos-build="r776"] .joinPage .valuesReadyPanel,
body[data-etnos-build="r776"] .joinPage .emailValidatedPanel,
body[data-etnos-build="r776"] .joinPage .officialPendingPanel{
  width:min(1040px,92%)!important;margin:auto!important;padding:clamp(34px,4vw,64px)!important;border:0!important;border-left:5px solid var(--r775-cyan)!important;
  border-radius:5px!important;background:#fff!important;box-shadow:var(--r775-shadow)!important
}
body[data-etnos-build="r776"] .joinPage .profileReadyPanel h2,
body[data-etnos-build="r776"] .joinPage .valuesReadyPanel h2,
body[data-etnos-build="r776"] .joinPage .emailValidatedPanel h2{color:var(--r775-navy)!important;letter-spacing:-.035em!important}
body[data-etnos-build="r776"] .joinPage .valuesWorkspaceR775,
body[data-etnos-build="r776"] .joinPage .valuesWorkspace{width:min(1320px,94%)!important;margin:auto!important;background:transparent!important;border:0!important;box-shadow:none!important}
body[data-etnos-build="r776"] .joinPage .valueSlideR775{
  padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important
}
body[data-etnos-build="r776"] .joinPage .valuesManifestoR775{
  display:grid!important;grid-template-columns:minmax(330px,.72fr) minmax(620px,1.28fr)!important;gap:30px!important;
  padding:0!important;background:transparent!important;border:0!important
}
body[data-etnos-build="r776"] .joinPage .valuesManifestoIntroR775{
  padding:34px!important;background:var(--r775-blue)!important;color:#fff!important;border-radius:5px!important;display:flex!important;flex-direction:column!important;justify-content:center!important
}
body[data-etnos-build="r776"] .joinPage .valuesManifestoIntroR775 h2,
body[data-etnos-build="r776"] .joinPage .valuesManifestoIntroR775 h3{color:#fff!important;letter-spacing:-.035em!important}
body[data-etnos-build="r776"] .joinPage .valuesManifestoIntroR775 p{color:#c9dce1!important;line-height:1.55!important}
body[data-etnos-build="r776"] .joinPage .valuesPillarsR775{display:grid!important;grid-template-columns:repeat(2,1fr)!important;border-top:1px solid #bdcbd3!important;border-left:1px solid #bdcbd3!important;background:#fff!important}
body[data-etnos-build="r776"] .joinPage .valuesPillarsR775>section{display:grid!important;grid-template-columns:44px 1fr!important;gap:12px!important;align-items:start!important;padding:24px!important;border:0!important;border-right:1px solid #bdcbd3!important;border-bottom:1px solid #bdcbd3!important;border-radius:0!important;background:#fff!important}
body[data-etnos-build="r776"] .joinPage .valuesPillarsR775>section>span{width:34px!important;height:34px!important;border-radius:3px!important;background:var(--r775-cyan-soft)!important;color:var(--r775-blue)!important;display:grid!important;place-items:center!important;font-weight:850!important}
body[data-etnos-build="r776"] .joinPage .valuesPillarsR775 h3{margin:0 0 7px!important;color:var(--r775-navy)!important;font-size:18px!important}
body[data-etnos-build="r776"] .joinPage .valuesPillarsR775 p{margin:0!important;color:var(--r775-text)!important;line-height:1.48!important}
body[data-etnos-build="r776"] .joinPage .valuesAgreement{margin:18px 0 0!important;padding:14px!important;border:1px solid #c7d4dc!important;border-radius:4px!important;background:#fff!important}
body[data-etnos-build="r776"] .joinPage .valuesFooterR775 .valueDots,
body[data-etnos-build="r776"] .joinPage .valuesFooterR775 .valueProgress{display:none!important}

/* -------------------------------------------------------------------------- */
/* Notre modèle / paiement : trois moyens vraiment au même niveau.            */
/* -------------------------------------------------------------------------- */
body[data-etnos-build="r776"] .joinPage .paymentWorkspaceR775{width:min(1440px,96%)!important;margin:auto!important;display:grid!important;gap:16px!important}
body[data-etnos-build="r776"] .joinPage .paymentHeroR775{
  display:grid!important;grid-template-columns:1fr 260px!important;gap:28px!important;align-items:center!important;padding:28px 32px!important;
  border:0!important;border-radius:5px!important;background:var(--r775-blue)!important;color:#fff!important;box-shadow:var(--r775-shadow)!important
}
body[data-etnos-build="r776"] .joinPage .paymentHeroR775 h2{margin:4px 0 8px!important;color:#fff!important;font-size:clamp(28px,2vw,42px)!important;line-height:1.05!important;letter-spacing:-.04em!important}
body[data-etnos-build="r776"] .joinPage .paymentHeroR775 p{color:#cbdce2!important;line-height:1.5!important;margin:0!important;max-width:880px!important}
body[data-etnos-build="r776"] .joinPage .paymentPriceR775{border:0!important;border-left:1px solid rgba(255,255,255,.25)!important;border-radius:0!important;background:transparent!important;padding:8px 0 8px 28px!important;text-align:left!important}
body[data-etnos-build="r776"] .joinPage .paymentPriceR775 strong{display:block!important;color:#fff!important;font-size:46px!important;line-height:1!important;letter-spacing:-.05em!important}
body[data-etnos-build="r776"] .joinPage .paymentPriceR775 span{display:block!important;color:#78dcdf!important;font-weight:800!important;margin-top:5px!important}
body[data-etnos-build="r776"] .joinPage .paymentPriceR775 small{display:block!important;color:#c6d8dd!important;line-height:1.35!important;margin-top:8px!important}
body[data-etnos-build="r776"] .joinPage .launchOfferR775{display:grid!important;grid-template-columns:1.25fr .75fr!important;gap:28px!important;padding:20px 26px!important;border:1px solid #c7d5dc!important;border-radius:5px!important;background:#fff!important}
body[data-etnos-build="r776"] .joinPage .launchBadgeR775{display:inline-block!important;border-radius:3px!important;background:var(--r775-cyan-soft)!important;color:var(--r775-blue)!important;padding:5px 8px!important;font-size:10px!important;font-weight:850!important;letter-spacing:.1em!important}
body[data-etnos-build="r776"] .joinPage .launchOfferR775 h3{margin:7px 0 5px!important;color:var(--r775-navy)!important;font-size:22px!important}
body[data-etnos-build="r776"] .joinPage .launchOfferR775 p{margin:0!important;color:var(--r775-text)!important;line-height:1.45!important}
body[data-etnos-build="r776"] .joinPage .launchOfferR775 ul{margin:0!important;padding:0 0 0 18px!important;color:var(--r775-text)!important;display:grid!important;gap:5px!important;align-content:center!important}
body[data-etnos-build="r776"] .joinPage .paymentMethodsR775{padding:0!important;border:0!important;background:transparent!important}
body[data-etnos-build="r776"] .joinPage .paymentMethodsHeadR775{display:flex!important;align-items:end!important;justify-content:space-between!important;gap:20px!important;margin:2px 0 10px!important}
body[data-etnos-build="r776"] .joinPage .paymentMethodsHeadR775 h3{margin:3px 0 0!important;color:var(--r775-navy)!important;font-size:24px!important}
body[data-etnos-build="r776"] .joinPage .paymentMethodsHeadR775>p{max-width:560px!important;margin:0!important;color:var(--r775-text)!important;text-align:right!important}
body[data-etnos-build="r776"] .joinPage .paymentProviderGridR775{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:12px!important}
body[data-etnos-build="r776"] .joinPage .paymentProviderR775{
  padding:20px!important;border:1px solid #bdcbd4!important;border-radius:5px!important;background:#fff!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;min-height:246px!important
}
body[data-etnos-build="r776"] .joinPage .paymentProviderR775:hover{border-color:#7aaab8!important;box-shadow:0 8px 24px rgba(7,26,57,.08)!important}
body[data-etnos-build="r776"] .joinPage .providerTopR775{display:grid!important;grid-template-columns:30px 1fr auto!important;gap:9px!important;align-items:center!important}
body[data-etnos-build="r776"] .joinPage .providerTopR775>span{width:28px!important;height:28px!important;border-radius:3px!important;background:var(--r775-blue)!important;color:#fff!important;display:grid!important;place-items:center!important;font-weight:800!important}
body[data-etnos-build="r776"] .joinPage .providerTopR775>b{color:var(--r775-navy)!important}
body[data-etnos-build="r776"] .joinPage .providerTopR775>em{font-style:normal!important;color:#6c8190!important;font-size:11px!important;font-weight:700!important}
body[data-etnos-build="r776"] .joinPage .paymentProviderR775 h4{margin:18px 0 7px!important;color:var(--r775-navy)!important;font-size:19px!important}
body[data-etnos-build="r776"] .joinPage .paymentProviderR775 p{margin:0!important;color:var(--r775-text)!important;line-height:1.45!important}
body[data-etnos-build="r776"] .joinPage .paymentProviderR775 small{display:block!important;color:#718594!important;margin:10px 0 16px!important;line-height:1.35!important}
body[data-etnos-build="r776"] .joinPage .paymentProviderR775 button{margin-top:auto!important;border:1px solid var(--r775-blue)!important;border-radius:4px!important;background:var(--r775-blue)!important;color:#fff!important;min-height:42px!important;font-weight:750!important}
body[data-etnos-build="r776"] .joinPage .paymentProviderR775 button:disabled{background:#e8edf0!important;border-color:#d1dbe0!important;color:#8998a3!important}
body[data-etnos-build="r776"] .joinPage .paymentProviderR775 button.isReady{background:var(--r775-blue)!important;border-color:var(--r775-blue)!important;color:#fff!important;cursor:pointer!important}
body[data-etnos-build="r776"] .joinPage .paymentAvailabilityR775{margin:8px 0 0!important;color:#667c8c!important;font-size:12px!important}
body[data-etnos-build="r776"] .joinPage .paymentFreeFooterR775{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;padding:14px 0 0!important;border-top:1px solid var(--r775-line)!important}
body[data-etnos-build="r776"] .joinPage .paymentFreeFooterR775>div{display:grid!important;gap:3px!important;color:var(--r775-text)!important}
body[data-etnos-build="r776"] .joinPage .paymentFreeFooterR775 strong{color:var(--r775-navy)!important}

/* -------------------------------------------------------------------------- */
/* Vérification e-mail / validation.                                           */
/* -------------------------------------------------------------------------- */
body[data-etnos-build="r776"] .joinPage .emailVerificationPanel{width:min(960px,92%)!important;margin:auto!important;padding:clamp(32px,3vw,52px)!important;border:0!important;border-left:5px solid var(--r775-cyan)!important;border-radius:5px!important;background:#fff!important;box-shadow:var(--r775-shadow)!important}
body[data-etnos-build="r776"] .joinPage .emailVerificationPanel h2{color:var(--r775-navy)!important;letter-spacing:-.035em!important}
body[data-etnos-build="r776"] .joinPage .emailVerificationIntro{display:grid!important;grid-template-columns:1fr 1fr!important;gap:18px!important}
body[data-etnos-build="r776"] .joinPage .emailVerificationIntro p{margin:0!important;color:var(--r775-text)!important;line-height:1.48!important}
body[data-etnos-build="r776"] .joinPage .emailVerificationField{max-width:620px!important;margin-top:20px!important}
body[data-etnos-build="r776"] .joinPage .emailVerificationField input{height:50px!important}
body[data-etnos-build="r776"] .joinPage .emailVerificationActions{display:flex!important;flex-wrap:wrap!important;gap:10px!important;align-items:center!important;margin-top:18px!important}
body[data-etnos-build="r776"] .joinPage .emailVerificationStepAction{min-height:42px!important}

/* Menus de pays : aucune transparence qui détruit la lecture. */
body[data-etnos-build="r776"] [role="listbox"],
body[data-etnos-build="r776"] .joinPage .countrySelectOptions,
body[data-etnos-build="r776"] .joinPage .countryDropdown,
body[data-etnos-build="r776"] .joinPage .countrySelectList{background:#fff!important;color:var(--r775-ink)!important;opacity:1!important}
body[data-etnos-build="r776"] [role="option"]{background:#fff!important;color:var(--r775-ink)!important;opacity:1!important}
body[data-etnos-build="r776"] [role="option"]:hover,
body[data-etnos-build="r776"] [role="option"][aria-selected="true"]{background:#e7f5f5!important;color:var(--r775-navy)!important}

/* Desktop bas : aucun scroll interne de parcours. */
@media (min-width:1100px){
  body[data-etnos-build="r776"] .joinPage .joinCardBody{overflow:hidden!important}
  body[data-etnos-build="r776"] .joinPage .joinView{height:100%!important;overflow:hidden!important}
}

/* Résolutions basses ETHNOS : compression raisonnée sans écraser l'UX. */
@media (max-width:1500px), (max-height:800px){
  body[data-etnos-build="r776"] .joinPage .joinCardHeader{padding-top:12px!important;padding-bottom:10px!important}
  body[data-etnos-build="r776"] .joinPage .joinPathLine{font-size:clamp(20px,2vw,30px)!important}
  body[data-etnos-build="r776"] .joinPage .joinSteps{min-height:50px!important}
  body[data-etnos-build="r776"] .joinPage .profileIntro{display:none!important}
  body[data-etnos-build="r776"] .joinPage .profileSectionTabs button{min-height:54px!important;padding:7px 11px!important}
  body[data-etnos-build="r776"] .joinPage .profileCompletionRail{margin:8px 0 10px!important;padding:8px 12px!important}
  body[data-etnos-build="r776"] .joinPage .profileCombinedIdentity>.fieldGroup>span,
  body[data-etnos-build="r776"] .joinPage .profileImageHeading strong{font-size:26px!important}
  body[data-etnos-build="r776"] .joinPage .profileCombinedIdentity>.fieldGroup>small,
  body[data-etnos-build="r776"] .joinPage .profileImageHeading small{font-size:12px!important}
  body[data-etnos-build="r776"] .joinPage .profileImageChoices{grid-template-columns:1fr 1fr!important}
  body[data-etnos-build="r776"] .joinPage .uploadChoice,
  body[data-etnos-build="r776"] .joinPage .avatarPicker summary{min-height:84px!important}
  body[data-etnos-build="r776"] .joinPage .bioField>label{font-size:25px!important}
  body[data-etnos-build="r776"] #profileBio{min-height:105px!important;max-height:115px!important}
  body[data-etnos-build="r776"] .joinPage .genderSectionR643{margin-top:12px!important;padding-top:10px!important}
  body[data-etnos-build="r776"] .joinPage .interestGrid{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:4px!important}
  body[data-etnos-build="r776"] .joinPage .interestGrid button{font-size:9px!important;min-height:27px!important}
  body[data-etnos-build="r776"] .joinPage .languageGrid{gap:5px!important}
  body[data-etnos-build="r776"] .joinPage .languageGrid button{font-size:11px!important;min-height:30px!important}
  body[data-etnos-build="r776"] .joinPage .customInterestRow{margin-top:8px!important}
  body[data-etnos-build="r776"] .joinPage .paymentHeroR775{padding:18px 22px!important}
  body[data-etnos-build="r776"] .joinPage .launchOfferR775{padding:14px 18px!important}
  body[data-etnos-build="r776"] .joinPage .paymentProviderR775{padding:15px!important;min-height:210px!important}
  body[data-etnos-build="r776"] .joinPage .paymentProviderR775 h4{margin-top:12px!important}
}

@media (min-width:1101px) and (max-height:864px){
  body[data-etnos-build="r776"] .joinPage .paymentWorkspaceR775{width:min(1210px,96%)!important;padding:10px 12px!important;gap:7px!important}
  body[data-etnos-build="r776"] .joinPage .paymentHeroR775{grid-template-columns:1fr 180px!important;gap:16px!important;padding:0 0 7px!important}
  body[data-etnos-build="r776"] .joinPage .paymentHeroR775 h2{font-size:clamp(22px,1.8vw,29px)!important;line-height:1!important;margin:2px 0 4px!important}
  body[data-etnos-build="r776"] .joinPage .paymentHeroR775 p{font-size:10px!important;line-height:1.25!important}
  body[data-etnos-build="r776"] .joinPage .paymentPriceR775{min-width:160px!important;padding:5px 0 5px 14px!important;border-left-width:3px!important}
  body[data-etnos-build="r776"] .joinPage .paymentPriceR775 strong{font-size:34px!important}
  body[data-etnos-build="r776"] .joinPage .paymentPriceR775 span{font-size:11px!important}
  body[data-etnos-build="r776"] .joinPage .paymentPriceR775 small{font-size:8.5px!important;line-height:1.15!important;margin-top:2px!important}
  body[data-etnos-build="r776"] .joinPage .launchOfferR775{grid-template-columns:1.2fr .8fr!important;gap:14px!important;padding:8px 12px!important;border-radius:4px!important}
  body[data-etnos-build="r776"] .joinPage .launchOfferR775 h3{font-size:16px!important;margin:2px 0 3px!important}
  body[data-etnos-build="r776"] .joinPage .launchOfferR775 p{font-size:9px!important;line-height:1.22!important}
  body[data-etnos-build="r776"] .joinPage .launchOfferR775 ul{gap:2px 10px!important}
  body[data-etnos-build="r776"] .joinPage .launchOfferR775 li{font-size:8.5px!important;line-height:1.15!important}
  body[data-etnos-build="r776"] .joinPage .launchBadgeR775{font-size:8px!important}
  body[data-etnos-build="r776"] .joinPage .paymentMethodsR775{gap:5px!important}
  body[data-etnos-build="r776"] .joinPage .paymentMethodsHeadR775{gap:12px!important;align-items:center!important;margin:0!important}
  body[data-etnos-build="r776"] .joinPage .paymentMethodsHeadR775 h3{font-size:16px!important;margin:0!important}
  body[data-etnos-build="r776"] .joinPage .paymentMethodsHeadR775 .joinSectionLabel{font-size:7.5px!important}
  body[data-etnos-build="r776"] .joinPage .paymentMethodsHeadR775>p{font-size:8.5px!important;line-height:1.15!important;max-width:460px!important}
  body[data-etnos-build="r776"] .joinPage .paymentProviderGridR775{gap:7px!important}
  body[data-etnos-build="r776"] .joinPage .paymentProviderR775{min-height:0!important;padding:8px 10px!important;border-top-width:3px!important;gap:3px!important;grid-template-rows:auto auto 1fr auto auto!important}
  body[data-etnos-build="r776"] .joinPage .providerTopR775{grid-template-columns:22px 1fr auto!important;gap:5px!important}
  body[data-etnos-build="r776"] .joinPage .providerTopR775>span{width:20px!important;height:20px!important;font-size:8px!important}
  body[data-etnos-build="r776"] .joinPage .providerTopR775>b{font-size:11px!important}
  body[data-etnos-build="r776"] .joinPage .providerTopR775>em{font-size:8px!important}
  body[data-etnos-build="r776"] .joinPage .paymentProviderR775 h4{font-size:13px!important;margin:4px 0 2px!important}
  body[data-etnos-build="r776"] .joinPage .paymentProviderR775 p{font-size:8.5px!important;line-height:1.2!important}
  body[data-etnos-build="r776"] .joinPage .paymentProviderR775 small{font-size:7.8px!important;line-height:1.15!important;margin:3px 0 5px!important}
  body[data-etnos-build="r776"] .joinPage .paymentProviderR775 button{min-height:30px!important;height:30px!important;font-size:9px!important;padding:0 8px!important}
  body[data-etnos-build="r776"] .joinPage .paymentAvailabilityR775{margin:2px 0 0!important;font-size:8.5px!important;line-height:1.15!important}
  body[data-etnos-build="r776"] .joinPage .paymentFreeFooterR775{gap:12px!important;padding:5px 0 0!important}
  body[data-etnos-build="r776"] .joinPage .paymentFreeFooterR775>div{gap:0!important;font-size:9px!important;line-height:1.15!important}
  body[data-etnos-build="r776"] .joinPage .paymentFreeFooterR775>div span{font-size:8.5px!important}
  body[data-etnos-build="r776"] .joinPage .paymentFreeFooterR775 .joinContinue{height:34px!important;min-height:34px!important;font-size:9px!important;padding:0 12px!important}
  body[data-etnos-build="r776"] .joinPage .paymentFooter{margin:0!important;padding:0!important;border:0!important}
  body[data-etnos-build="r776"] .joinPage .paymentFooter .joinBack{height:30px!important;min-height:30px!important;padding:0 9px!important;font-size:8.5px!important}
}

@media (max-width:1100px){
  body[data-etnos-build="r776"] .joinPage .joinCardBody{overflow:auto!important}
  body[data-etnos-build="r776"] .joinPage .joinView{height:auto!important;overflow:visible!important}
  body[data-etnos-build="r776"] .joinPage .joinAgeEntryPanel,
  body[data-etnos-build="r776"] .joinPage .profileCombinedIdentity.isActive,
  body[data-etnos-build="r776"] .joinPage .profileCombinedStory.isActive,
  body[data-etnos-build="r776"] .joinPage .profileCombinedPreferences.isActive,
  body[data-etnos-build="r776"] .joinPage .valuesManifestoR775{grid-template-columns:1fr!important}
  body[data-etnos-build="r776"] .joinPage .statusChoiceGrid,
  body[data-etnos-build="r776"] .joinPage .paymentProviderGridR775{grid-template-columns:1fr!important}
  body[data-etnos-build="r776"] .joinPage .accessFields{grid-template-columns:1fr!important}
  body[data-etnos-build="r776"] .joinPage .profileImageSection,
  body[data-etnos-build="r776"] .joinPage .originSection,
  body[data-etnos-build="r776"] .joinPage .interestSection{padding-left:0!important;border-left:0!important;border-top:1px solid var(--r775-line)!important;padding-top:18px!important}
  body[data-etnos-build="r776"] .joinPage .interestGrid{grid-template-columns:repeat(4,1fr)!important}
  body[data-etnos-build="r776"] .joinPage .profileCompletionRail{grid-template-columns:1fr!important;grid-template-areas:"title" "track" "note"!important}
  body[data-etnos-build="r776"] .joinPage .paymentHeroR775,
  body[data-etnos-build="r776"] .joinPage .launchOfferR775{grid-template-columns:1fr!important}
  body[data-etnos-build="r776"] .joinPage .paymentPriceR775{border-left:0!important;border-top:1px solid rgba(255,255,255,.25)!important;padding:18px 0 0!important}
}

/* ========================================================================== */
/* R775 — CONSOLIDATION FINALE CANONIQUE INSCRIPTION                         */
/* Une seule normalisation finale pour Nos valeurs, Notre modèle, Statut et  */
/* les trois onglets Profil. Pas de second moteur ni de nouvelle feuille.     */
/* ========================================================================== */

/* ---- Sélecteur emoji/avatar : une seule fenêtre, ancrée et contenue. ---- */
body[data-etnos-build="r776"] .ethnosEmojiPopoverR775{
  display:grid!important;
  grid-template-rows:auto auto minmax(0,1fr)!important;
  overflow:hidden!important;
  min-height:0!important;
  border-radius:5px!important;
}
body[data-etnos-build="r776"] .ethnosEmojiPopoverR775[hidden]{display:none!important}
body[data-etnos-build="r776"] .ethnosEmojiChoicesR775{
  min-height:0!important;
  max-height:none!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
}

/* ---- Statut : trois cartes simples et stables. ---- */
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="profile-choice"] .statusChoiceGrid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-template-rows:minmax(0,1fr)!important;
  height:min(100%,530px)!important;
  max-height:530px!important;
  align-self:center!important;
  align-content:stretch!important;
}
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="profile-choice"] button.statusChoice{
  position:relative!important;
  height:100%!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:minmax(0,56%) minmax(0,44%)!important;
  border:1px solid #c8d6df!important;
  border-radius:5px!important;
  background:#fff!important;
  overflow:hidden!important;
  box-shadow:none!important;
}
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="profile-choice"] button.profileChoiceButtonMember.statusChoice{
  border-color:#74bbc2!important;
  box-shadow:inset 0 4px 0 var(--r775-cyan)!important;
}
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="profile-choice"] button.statusChoice .statusChoicePhoto{
  grid-column:1!important;grid-row:1!important;width:100%!important;height:100%!important;min-width:0!important;overflow:hidden!important
}
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="profile-choice"] button.statusChoice .statusChoicePhoto img{
  width:100%!important;height:100%!important;object-fit:cover!important;display:block!important
}
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="profile-choice"] button.statusChoice .statusChoiceCopy{
  grid-column:1!important;grid-row:2!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;
  gap:7px!important;padding:clamp(13px,1.15vw,21px)!important;background:#fff!important;min-height:0!important
}
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="profile-choice"] button.statusChoice .statusChoiceCopy strong{
  margin:0!important;font-size:clamp(18px,1.22vw,25px)!important;line-height:1.12!important;color:var(--r775-navy)!important
}
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="profile-choice"] button.statusChoice .statusChoiceCopy small{
  font-size:clamp(11px,.8vw,14px)!important;line-height:1.35!important;color:var(--r775-text)!important
}
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="profile-choice"] button.statusChoice>b{
  position:absolute!important;top:12px!important;right:12px!important;z-index:3!important;margin:0!important
}

/* ---- Profil : grille explicite, la progression ne chevauche jamais le contenu. ---- */
body[data-etnos-build="r776"] .joinPage .profileEditorCombined{
  grid-template-rows:auto 62px 44px minmax(0,1fr) 38px!important;
  gap:9px!important;
}
body[data-etnos-build="r776"] .joinPage .profileCombinedColumns{min-height:0!important;overflow:hidden!important}
body[data-etnos-build="r776"] .joinPage .profileCombinedColumn.isActive{height:100%!important;min-height:0!important;overflow:hidden!important}
body[data-etnos-build="r776"] .joinPage .profileActions{min-height:38px!important;height:38px!important;margin:0!important;padding:0!important}
body[data-etnos-build="r776"] .joinPage .profileActions .joinBack,
body[data-etnos-build="r776"] .joinPage .profileActions .joinContinue{height:36px!important;min-height:36px!important}

/* Présentation & origine : description + genre à gauche, origine à droite. */
body[data-etnos-build="r776"] .joinPage .profileCombinedStory.isActive{
  display:grid!important;
  grid-template-columns:minmax(400px,.92fr) minmax(520px,1.08fr)!important;
  grid-template-rows:minmax(0,1fr) auto!important;
  gap:10px clamp(28px,3vw,54px)!important;
  align-items:start!important;
}
body[data-etnos-build="r776"] .joinPage .profileCombinedStory>.bioField{grid-column:1!important;grid-row:1!important;min-height:0!important;margin:0!important;padding:0!important}
body[data-etnos-build="r776"] .joinPage .profileCombinedStory>.originSection{grid-column:2!important;grid-row:1/3!important;min-height:0!important;margin:0!important;padding-top:0!important}
body[data-etnos-build="r776"] .joinPage .profileCombinedStory>.genderSectionR643{grid-column:1!important;grid-row:2!important;min-height:0!important;margin:0!important;padding-top:9px!important}
body[data-etnos-build="r776"] .joinPage .profileCombinedStory .genderChoiceGridR643{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;margin-top:7px!important
}
body[data-etnos-build="r776"] .joinPage .profileCombinedStory .genderChoiceGridR643 button{
  min-height:34px!important;height:34px!important;padding:0 8px!important;border-radius:4px!important
}

/* Langues & centres d'intérêt : deux zones nettes, aucun témoin technique en bas. */
body[data-etnos-build="r776"] .joinPage .profileCombinedPreferences.isActive{
  display:grid!important;
  grid-template-columns:minmax(340px,.72fr) minmax(650px,1.28fr)!important;
  gap:clamp(24px,3vw,48px)!important;
  align-items:start!important;
}
body[data-etnos-build="r776"] .joinPage .profileCombinedPreferences .formRequirementsStory{display:none!important}
body[data-etnos-build="r776"] .joinPage .customInterestRow{
  display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:12px!important;align-items:start!important;margin-top:10px!important
}
body[data-etnos-build="r776"] .joinPage .customInterest{grid-template-columns:minmax(190px,280px) auto!important;width:auto!important}
body[data-etnos-build="r776"] .joinPage .customInterestTags{align-content:start!important}

/* ---- Nos valeurs : 2×2 lisible, engagement visible, aucun carrousel. ---- */
body[data-etnos-build="r776"] .joinPage .valuesWorkspaceR775{
  width:min(1220px,94%)!important;
  height:100%!important;
  min-height:0!important;
  margin:auto!important;
  padding:clamp(12px,1.5vw,22px)!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
  gap:10px!important;
  overflow:hidden!important;
  background:#fffaf4!important;
  border:1px solid #d7e0e5!important;
  border-radius:5px!important;
  box-shadow:none!important;
}
body[data-etnos-build="r776"] .joinPage .valuesCompactHeader{
  display:grid!important;grid-template-columns:minmax(0,1fr) minmax(340px,.78fr)!important;gap:28px!important;align-items:end!important;
  margin:0!important;padding:0 0 10px!important;border-bottom:1px solid var(--r775-line)!important
}
body[data-etnos-build="r776"] .joinPage .valuesCompactHeader .joinSectionLabel{grid-column:1!important}
body[data-etnos-build="r776"] .joinPage .valuesCompactHeader h2{
  grid-column:1!important;margin:1px 0 0!important;color:var(--r775-navy)!important;font-size:clamp(27px,2vw,38px)!important;line-height:1.03!important;letter-spacing:-.035em!important
}
body[data-etnos-build="r776"] .joinPage .valuesCompactHeader p{
  grid-column:2!important;grid-row:1/3!important;margin:0!important;color:var(--r775-text)!important;font-size:13px!important;line-height:1.45!important
}
body[data-etnos-build="r776"] .joinPage .valueSlidesR775,
body[data-etnos-build="r776"] .joinPage .valueSlideR775{min-height:0!important;height:100%!important;border:0!important;background:transparent!important;overflow:hidden!important}
body[data-etnos-build="r776"] .joinPage .valueSlideR775{display:grid!important;grid-template-rows:minmax(0,1fr) auto!important;gap:10px!important}
body[data-etnos-build="r776"] .joinPage .valuesPillars{
  min-height:0!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;
  gap:0!important;border:1px solid #c7d3da!important;border-radius:4px!important;overflow:hidden!important;background:#fff!important
}
body[data-etnos-build="r776"] .joinPage .valuesPillars>section{
  min-width:0!important;min-height:0!important;display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;gap:10px!important;align-items:start!important;
  padding:13px 15px!important;border:0!important;border-right:1px solid #d6dfe4!important;border-bottom:1px solid #d6dfe4!important;background:#fff!important
}
body[data-etnos-build="r776"] .joinPage .valuesPillars>section:nth-child(2n){border-right:0!important}
body[data-etnos-build="r776"] .joinPage .valuesPillars>section:nth-last-child(-n+2){border-bottom:0!important}
body[data-etnos-build="r776"] .joinPage .valuesPillars>section>span{
  width:30px!important;height:30px!important;border-radius:3px!important;background:#e2f3f4!important;color:var(--r775-blue)!important;display:grid!important;place-items:center!important;font-size:10px!important;font-weight:850!important
}
body[data-etnos-build="r776"] .joinPage .valuesPillars h3{margin:0 0 4px!important;color:var(--r775-navy)!important;font-size:15px!important;line-height:1.1!important}
body[data-etnos-build="r776"] .joinPage .valuesPillars p{margin:0!important;color:var(--r775-text)!important;font-size:11px!important;line-height:1.33!important}
body[data-etnos-build="r776"] .joinPage .valuesCompactCommit{
  display:grid!important;grid-template-columns:minmax(210px,.7fr) minmax(390px,1.25fr) auto!important;gap:16px!important;align-items:center!important;
  margin:0!important;padding:11px 14px!important;border:0!important;border-left:4px solid var(--r775-cyan)!important;border-radius:4px!important;background:var(--r775-blue)!important;color:#fff!important
}
body[data-etnos-build="r776"] .joinPage .valuesCompactCommit>p:first-child{margin:0!important;color:#d8e5e8!important;font-size:11px!important;line-height:1.25!important}
body[data-etnos-build="r776"] .joinPage .valuesCompactCommit>p:first-child strong{display:block!important;color:#fff!important;font-size:14px!important;margin-bottom:2px!important}
body[data-etnos-build="r776"] .joinPage .valuesCompactCommit .valuesAgreement{margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:#fff!important}
body[data-etnos-build="r776"] .joinPage .valuesCompactCommit .valuesAgreement span{color:#edf5f6!important;font-size:10px!important;line-height:1.25!important}
body[data-etnos-build="r776"] .joinPage .valuesCompactCommit .valuesCommit{white-space:nowrap!important;min-height:36px!important;height:36px!important;padding:0 13px!important}
body[data-etnos-build="r776"] .joinPage .valuesAgreementError,
body[data-etnos-build="r776"] .joinPage .valuesCompactCommit .apiFormError{grid-column:1/-1!important;margin:0!important;color:#ffd7c2!important}
body[data-etnos-build="r776"] .joinPage .valuesFooterR775{display:flex!important;justify-content:flex-start!important;align-items:center!important;margin:0!important;padding:0!important;border:0!important;min-height:30px!important}
body[data-etnos-build="r776"] .joinPage .valuesFooterR775 .valueDots,
body[data-etnos-build="r776"] .joinPage .valuesFooterR775 .valueProgress,
body[data-etnos-build="r776"] .joinPage .valueArrow,
body[data-etnos-build="r776"] .joinPage .valueValidate{display:none!important}

/* ---- Notre modèle : tout tient dans le viewport, trois moyens visibles. ---- */
body[data-etnos-build="r776"] .joinPage .paymentWorkspaceR775{
  width:min(1220px,95%)!important;height:100%!important;min-height:0!important;margin:auto!important;padding:12px 14px!important;
  display:grid!important;grid-template-rows:auto auto minmax(0,1fr) auto auto!important;gap:8px!important;overflow:hidden!important;
  background:#fffaf4!important;border:1px solid #d7e0e5!important;border-radius:5px!important;box-shadow:none!important
}
body[data-etnos-build="r776"] .joinPage .paymentHeroR775{
  display:grid!important;grid-template-columns:minmax(0,1fr) 190px!important;gap:18px!important;align-items:center!important;
  padding:0 0 8px!important;border:0!important;border-bottom:1px solid #d7e0e5!important;border-radius:0!important;background:transparent!important;color:var(--r775-ink)!important;box-shadow:none!important
}
body[data-etnos-build="r776"] .joinPage .paymentHeroR775 h2{margin:2px 0 4px!important;color:var(--r775-navy)!important;font-size:clamp(22px,1.8vw,31px)!important;line-height:1.03!important;letter-spacing:-.035em!important}
body[data-etnos-build="r776"] .joinPage .paymentHeroR775 p{margin:0!important;color:var(--r775-text)!important;font-size:10.5px!important;line-height:1.3!important;max-width:900px!important}
body[data-etnos-build="r776"] .joinPage .paymentPriceR775{padding:4px 0 4px 16px!important;border:0!important;border-left:3px solid var(--r775-cyan)!important;border-radius:0!important;background:transparent!important;text-align:left!important}
body[data-etnos-build="r776"] .joinPage .paymentPriceR775 strong{display:block!important;color:var(--r775-orange)!important;font-size:38px!important;line-height:.95!important;letter-spacing:-.05em!important}
body[data-etnos-build="r776"] .joinPage .paymentPriceR775 span{display:block!important;color:var(--r775-orange)!important;font-size:11px!important;font-weight:850!important;margin-top:3px!important}
body[data-etnos-build="r776"] .joinPage .paymentPriceR775 small{display:block!important;color:var(--r775-text)!important;font-size:8.5px!important;line-height:1.2!important;margin-top:4px!important}
body[data-etnos-build="r776"] .joinPage .launchOfferR775{
  display:grid!important;grid-template-columns:1.15fr .85fr!important;gap:16px!important;align-items:center!important;padding:9px 12px!important;border:0!important;border-radius:4px!important;background:var(--r775-blue)!important;color:#fff!important
}
body[data-etnos-build="r776"] .joinPage .launchBadgeR775{display:block!important;padding:0!important;background:transparent!important;color:var(--r775-cyan)!important;font-size:8px!important;font-weight:850!important;letter-spacing:.11em!important}
body[data-etnos-build="r776"] .joinPage .launchOfferR775 h3{margin:2px 0 3px!important;color:#fff!important;font-size:16px!important;line-height:1.05!important}
body[data-etnos-build="r776"] .joinPage .launchOfferR775 p{margin:0!important;color:#d1e0e4!important;font-size:9px!important;line-height:1.22!important}
body[data-etnos-build="r776"] .joinPage .launchOfferR775 ul{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:3px 12px!important;margin:0!important;padding:0!important;list-style:none!important}
body[data-etnos-build="r776"] .joinPage .launchOfferR775 li{position:relative!important;padding-left:12px!important;color:#edf5f6!important;font-size:8.5px!important;line-height:1.18!important}
body[data-etnos-build="r776"] .joinPage .launchOfferR775 li::before{content:"✓"!important;position:absolute!important;left:0!important;color:var(--r775-cyan)!important;font-weight:850!important}
body[data-etnos-build="r776"] .joinPage .paymentMethodsR775{min-height:0!important;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;gap:6px!important;padding:0!important;border:0!important;background:transparent!important;overflow:hidden!important}
body[data-etnos-build="r776"] .joinPage .paymentMethodsHeadR775{display:flex!important;align-items:end!important;justify-content:space-between!important;gap:16px!important;margin:0!important}
body[data-etnos-build="r776"] .joinPage .paymentMethodsHeadR775 h3{margin:1px 0 0!important;color:var(--r775-navy)!important;font-size:17px!important}
body[data-etnos-build="r776"] .joinPage .paymentMethodsHeadR775 .joinSectionLabel{font-size:7.5px!important}
body[data-etnos-build="r776"] .joinPage .paymentMethodsHeadR775>p{max-width:500px!important;margin:0!important;color:var(--r775-text)!important;text-align:right!important;font-size:8.5px!important;line-height:1.2!important}
body[data-etnos-build="r776"] .joinPage .paymentProviderGridR775{min-height:0!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;align-items:stretch!important}
body[data-etnos-build="r776"] .joinPage .paymentProviderR775{
  min-height:0!important;padding:10px 11px!important;border:1px solid #c5d2d9!important;border-top:3px solid var(--r775-blue)!important;border-radius:4px!important;background:#fff!important;box-shadow:none!important;
  display:grid!important;grid-template-rows:auto auto 1fr auto auto!important;gap:4px!important
}
body[data-etnos-build="r776"] .joinPage .providerTopR775{display:grid!important;grid-template-columns:22px 1fr auto!important;gap:6px!important;align-items:center!important}
body[data-etnos-build="r776"] .joinPage .providerTopR775>span{width:21px!important;height:21px!important;border-radius:3px!important;background:#e3f2f4!important;color:var(--r775-blue)!important;display:grid!important;place-items:center!important;font-size:8px!important;font-weight:850!important}
body[data-etnos-build="r776"] .joinPage .providerTopR775>b{color:var(--r775-navy)!important;font-size:11.5px!important}
body[data-etnos-build="r776"] .joinPage .providerTopR775>em{font-style:normal!important;color:#7b8b96!important;font-size:8px!important;font-weight:750!important}
body[data-etnos-build="r776"] .joinPage .paymentProviderR775 h4{margin:2px 0 0!important;color:var(--r775-navy)!important;font-size:14px!important;line-height:1.08!important}
body[data-etnos-build="r776"] .joinPage .paymentProviderR775 p{margin:0!important;color:var(--r775-text)!important;font-size:9px!important;line-height:1.23!important}
body[data-etnos-build="r776"] .joinPage .paymentProviderR775 small{display:block!important;margin:0!important;color:#748794!important;font-size:8px!important;line-height:1.18!important}
body[data-etnos-build="r776"] .joinPage .paymentProviderR775 button{min-height:30px!important;height:30px!important;margin:0!important;padding:0 8px!important;border:1px solid var(--r775-blue)!important;border-radius:4px!important;background:var(--r775-blue)!important;color:#fff!important;font-size:9px!important;font-weight:750!important}
body[data-etnos-build="r776"] .joinPage .paymentProviderR775 button:disabled{background:#e8edf0!important;border-color:#d1dbe0!important;color:#84949f!important}
body[data-etnos-build="r776"] .joinPage .paymentAvailabilityR775{margin:0!important;color:#667b8a!important;font-size:8px!important;line-height:1.15!important}
body[data-etnos-build="r776"] .joinPage .paymentFreeFooterR775{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:14px!important;align-items:center!important;padding:7px 0 0!important;border-top:1px solid var(--r775-line)!important}
body[data-etnos-build="r776"] .joinPage .paymentFreeFooterR775>div{display:grid!important;gap:1px!important;color:var(--r775-text)!important;font-size:9px!important;line-height:1.16!important}
body[data-etnos-build="r776"] .joinPage .paymentFreeFooterR775>div strong{color:var(--r775-navy)!important;font-size:10.5px!important}
body[data-etnos-build="r776"] .joinPage .paymentFreeFooterR775>div span{font-size:8.5px!important}
body[data-etnos-build="r776"] .joinPage .paymentFreeFooterR775 .joinContinue{height:34px!important;min-height:34px!important;padding:0 12px!important;font-size:9px!important;white-space:nowrap!important}
body[data-etnos-build="r776"] .joinPage .paymentFooter{display:flex!important;justify-content:flex-start!important;margin:0!important;padding:0!important;border:0!important;min-height:28px!important;height:28px!important}
body[data-etnos-build="r776"] .joinPage .paymentFooter .joinBack{height:28px!important;min-height:28px!important;padding:0 9px!important;font-size:8px!important}

/* ---- Vérification e-mail : aucun second ascenseur. ---- */
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="email-verification"] .joinView[data-view="email-verification"]{overflow:hidden!important}
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="email-verification"] .emailVerificationPanel{max-height:100%!important;overflow:hidden!important}

/* ---- Desktop bas ETHNOS (1280×720, 1366×768, 1536×864). ---- */
@media (min-width:1101px) and (max-height:864px){
  body[data-etnos-build="r776"] .joinPage .profileEditorCombined{
    grid-template-rows:24px 52px 30px minmax(0,1fr) 30px!important;
    gap:5px!important
  }
  body[data-etnos-build="r776"] .joinPage .profileIntro{display:block!important;margin:0!important;min-height:0!important}
  body[data-etnos-build="r776"] .joinPage .profileIntro h2{font-size:21px!important;line-height:1!important;margin:0!important}
  body[data-etnos-build="r776"] .joinPage .profileIntro p{display:none!important}
  body[data-etnos-build="r776"] .joinPage .profileSectionTabs button{min-height:52px!important;height:52px!important;padding:5px 10px!important}
  body[data-etnos-build="r776"] .joinPage .profileSectionTabs button strong{font-size:11px!important;line-height:1.05!important}
  body[data-etnos-build="r776"] .joinPage .profileSectionTabs button small{font-size:7.5px!important;line-height:1.05!important;margin-top:2px!important}
  body[data-etnos-build="r776"] .joinPage .profileSectionTabs button>span{width:24px!important;height:24px!important;font-size:8px!important}
  body[data-etnos-build="r776"] .joinPage .profileCompletionRail{height:30px!important;min-height:30px!important;padding:4px 9px!important;gap:9px!important;margin:0!important}
  body[data-etnos-build="r776"] .joinPage .profileCompletionTop strong{font-size:9px!important}
  body[data-etnos-build="r776"] .joinPage .profileCompletionTop span{font-size:11px!important}
  body[data-etnos-build="r776"] .joinPage .profileCompletionTrack{height:6px!important}
  body[data-etnos-build="r776"] .joinPage .profileCompletionRail>small{font-size:7px!important}
  body[data-etnos-build="r776"] .joinPage .profileActions{height:30px!important;min-height:30px!important}
  body[data-etnos-build="r776"] .joinPage .profileActions .joinBack,
  body[data-etnos-build="r776"] .joinPage .profileActions .joinContinue{height:30px!important;min-height:30px!important;padding:0 10px!important;font-size:8px!important}

  body[data-etnos-build="r776"] .joinPage .profileCombinedIdentity.isActive{grid-template-columns:minmax(330px,.82fr) minmax(500px,1.18fr)!important;gap:24px!important}
  body[data-etnos-build="r776"] .joinPage .profileCombinedIdentity>.fieldGroup{padding-top:2px!important}
  body[data-etnos-build="r776"] .joinPage .profileCombinedIdentity>.fieldGroup>span,
  body[data-etnos-build="r776"] .joinPage .profileImageHeading strong{font-size:19px!important}
  body[data-etnos-build="r776"] .joinPage .profileCombinedIdentity>.fieldGroup>small,
  body[data-etnos-build="r776"] .joinPage .profileImageHeading small{font-size:8px!important;line-height:1.15!important;margin-bottom:4px!important}
  body[data-etnos-build="r776"] #profileNickname{height:36px!important;font-size:11px!important}
  body[data-etnos-build="r776"] .joinPage .nicknameEmojiPicker{margin-top:6px!important}
  body[data-etnos-build="r776"] .joinPage .nicknameEmojiPicker summary,
  body[data-etnos-build="r776"] .joinPage .profileEmojiPicker summary{height:34px!important;min-height:34px!important;padding:7px 10px!important;font-size:9px!important}
  body[data-etnos-build="r776"] .joinPage .profileImageSection{padding:2px 0 0 24px!important}
  body[data-etnos-build="r776"] .joinPage .profileImageHeading{margin-bottom:7px!important}
  body[data-etnos-build="r776"] .joinPage .photoCharterTrigger{padding:7px 9px!important;font-size:8px!important}
  body[data-etnos-build="r776"] .joinPage .profileImageChoices{gap:9px!important}
  body[data-etnos-build="r776"] .joinPage .uploadChoice,
  body[data-etnos-build="r776"] .joinPage .avatarPicker summary{min-height:72px!important;height:72px!important;padding:9px!important}
  body[data-etnos-build="r776"] .joinPage .uploadChoice{grid-template-columns:38px 1fr!important;gap:8px!important}
  body[data-etnos-build="r776"] .joinPage .uploadChoice .choiceIcon{width:34px!important;height:34px!important;font-size:20px!important}
  body[data-etnos-build="r776"] .joinPage .uploadChoice strong{font-size:10px!important}
  body[data-etnos-build="r776"] .joinPage .uploadChoice small{font-size:7.5px!important}
  body[data-etnos-build="r776"] .joinPage .uploadChoice [data-profile-photo-preview]{width:48px!important;height:48px!important}
  body[data-etnos-build="r776"] .joinPage .charterStatus{margin-top:5px!important;font-size:7px!important}

  body[data-etnos-build="r776"] .joinPage .profileCombinedStory.isActive{
    grid-template-columns:minmax(330px,.9fr) minmax(470px,1.1fr)!important;
    grid-template-rows:minmax(0,1fr) 66px!important;
    gap:5px 24px!important
  }
  body[data-etnos-build="r776"] .joinPage .bioField>label{font-size:18px!important;line-height:1!important;margin-bottom:4px!important}
  body[data-etnos-build="r776"] #profileBio{height:82px!important;min-height:82px!important;max-height:82px!important;padding:9px 10px!important;font-size:10px!important;line-height:1.25!important}
  body[data-etnos-build="r776"] .joinPage .bioSpellcheckHint{margin:3px 0 4px!important;font-size:7.5px!important;line-height:1.1!important}
  body[data-etnos-build="r776"] .joinPage .profileEmojiPicker{width:min(100%,440px)!important}
  body[data-etnos-build="r776"] .joinPage .originSection{padding-left:24px!important}
  body[data-etnos-build="r776"] .joinPage .originHeading strong{font-size:17px!important;line-height:1!important}
  body[data-etnos-build="r776"] .joinPage .originHeading small{font-size:7.5px!important;line-height:1.1!important}
  body[data-etnos-build="r776"] .joinPage .nationalityResidenceGrid{gap:5px 8px!important;margin-top:5px!important}
  body[data-etnos-build="r776"] .joinPage .nationalityResidenceGrid label>span,
  body[data-etnos-build="r776"] .joinPage .nationalityResidenceGrid .fieldLabel,
  body[data-etnos-build="r776"] .joinPage .nationalityField>label{font-size:8px!important;line-height:1.05!important}
  body[data-etnos-build="r776"] .joinPage .countrySelectControl select,
  body[data-etnos-build="r776"] .joinPage .countrySelectControl button,
  body[data-etnos-build="r776"] .joinPage .residenceField select,
  body[data-etnos-build="r776"] .joinPage .residenceCityField input{height:33px!important;min-height:33px!important;font-size:9px!important}
  body[data-etnos-build="r776"] .joinPage .nationalityChips{min-height:18px!important;font-size:7.5px!important;margin-top:3px!important}
  body[data-etnos-build="r776"] .joinPage .originTrustNote{margin-top:5px!important;padding:5px 7px!important;font-size:7px!important;line-height:1.08!important}
  body[data-etnos-build="r776"] .joinPage .originTrustNote details{margin-top:2px!important}
  body[data-etnos-build="r776"] .joinPage .genderSectionR643{padding-top:6px!important;border-top:1px solid var(--r775-line)!important}
  body[data-etnos-build="r776"] .joinPage .genderSectionR643 .interestHeading strong{font-size:14px!important;line-height:1!important}
  body[data-etnos-build="r776"] .joinPage .genderSectionR643 .interestHeading small{font-size:7px!important;line-height:1.05!important}
  body[data-etnos-build="r776"] .joinPage .profileCombinedStory .genderChoiceGridR643{margin-top:5px!important;gap:5px!important}
  body[data-etnos-build="r776"] .joinPage .profileCombinedStory .genderChoiceGridR643 button{height:27px!important;min-height:27px!important;font-size:7.5px!important}

  body[data-etnos-build="r776"] .joinPage .profileCombinedPreferences.isActive{grid-template-columns:minmax(280px,.72fr) minmax(560px,1.28fr)!important;gap:24px!important}
  body[data-etnos-build="r776"] .joinPage .languageSection,
  body[data-etnos-build="r776"] .joinPage .interestSection{margin-top:0!important}
  body[data-etnos-build="r776"] .joinPage .interestSection{padding-left:24px!important}
  body[data-etnos-build="r776"] .joinPage .interestHeading strong{font-size:16px!important;line-height:1!important}
  body[data-etnos-build="r776"] .joinPage .interestHeading small{font-size:7.2px!important;line-height:1.05!important}
  body[data-etnos-build="r776"] .joinPage .interestHeading>span{font-size:7.5px!important}
  body[data-etnos-build="r776"] .joinPage .languageGrid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:4px!important;margin-top:6px!important}
  body[data-etnos-build="r776"] .joinPage .languageGrid button{height:27px!important;min-height:27px!important;padding:0 3px!important;font-size:7px!important}
  body[data-etnos-build="r776"] .joinPage .primaryLanguageChoice{margin-top:6px!important;padding:5px 0 0!important}
  body[data-etnos-build="r776"] .joinPage .primaryLanguageChoice span{font-size:7px!important}
  body[data-etnos-build="r776"] .joinPage .primaryLanguageChoice small{display:none!important}
  body[data-etnos-build="r776"] .joinPage .primaryLanguageChoice select{height:30px!important;margin-top:3px!important;font-size:8px!important}
  body[data-etnos-build="r776"] .joinPage .interestGrid{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:3px!important;margin-top:6px!important}
  body[data-etnos-build="r776"] .joinPage .interestGrid button{height:24px!important;min-height:24px!important;padding:0 2px!important;font-size:6.5px!important}
  body[data-etnos-build="r776"] .joinPage .customInterestRow{margin-top:6px!important;gap:8px!important}
  body[data-etnos-build="r776"] .joinPage .customInterest{grid-template-columns:190px auto!important;gap:5px!important}
  body[data-etnos-build="r776"] .joinPage .customInterest input{height:30px!important;font-size:8px!important}
  body[data-etnos-build="r776"] .joinPage .customInterest button{height:30px!important;font-size:7.5px!important;padding:0 8px!important}
  body[data-etnos-build="r776"] .joinPage .customInterestTagR775{padding:5px 7px!important;font-size:7.5px!important}

  body[data-etnos-build="r776"] .joinPage .valuesWorkspaceR775{width:min(1180px,96%)!important;padding:8px 10px!important;gap:7px!important}
  body[data-etnos-build="r776"] .joinPage .valuesCompactHeader{grid-template-columns:1fr .9fr!important;gap:16px!important;padding-bottom:6px!important}
  body[data-etnos-build="r776"] .joinPage .valuesCompactHeader h2{font-size:22px!important}
  body[data-etnos-build="r776"] .joinPage .valuesCompactHeader p{font-size:8.8px!important;line-height:1.18!important}
  body[data-etnos-build="r776"] .joinPage .valuesPillars>section{padding:7px 9px!important;grid-template-columns:25px 1fr!important;gap:6px!important}
  body[data-etnos-build="r776"] .joinPage .valuesPillars>section>span{width:22px!important;height:22px!important;font-size:7px!important}
  body[data-etnos-build="r776"] .joinPage .valuesPillars h3{font-size:11.5px!important;margin-bottom:2px!important}
  body[data-etnos-build="r776"] .joinPage .valuesPillars p{font-size:8.3px!important;line-height:1.14!important}
  body[data-etnos-build="r776"] .joinPage .valuesCompactCommit{grid-template-columns:.75fr 1.4fr auto!important;gap:8px!important;padding:6px 8px!important}
  body[data-etnos-build="r776"] .joinPage .valuesCompactCommit>p:first-child{font-size:8px!important;line-height:1.1!important}
  body[data-etnos-build="r776"] .joinPage .valuesCompactCommit>p:first-child strong{font-size:10.5px!important}
  body[data-etnos-build="r776"] .joinPage .valuesCompactCommit .valuesAgreement span{font-size:7.6px!important;line-height:1.1!important}
  body[data-etnos-build="r776"] .joinPage .valuesCompactCommit .valuesCommit{height:29px!important;min-height:29px!important;font-size:7.5px!important;padding:0 8px!important}
  body[data-etnos-build="r776"] .joinPage .valuesFooterR775{min-height:26px!important}
  body[data-etnos-build="r776"] .joinPage .valuesFooterR775 .joinBack{height:26px!important;min-height:26px!important;padding:0 8px!important;font-size:7px!important}

  body[data-etnos-build="r776"] .joinPage .paymentWorkspaceR775{width:min(1180px,96%)!important;padding:7px 9px!important;gap:5px!important}
  body[data-etnos-build="r776"] .joinPage .paymentHeroR775{grid-template-columns:1fr 160px!important;gap:12px!important;padding-bottom:5px!important}
  body[data-etnos-build="r776"] .joinPage .paymentHeroR775 h2{font-size:20px!important;margin:1px 0 2px!important}
  body[data-etnos-build="r776"] .joinPage .paymentHeroR775 p{font-size:7.8px!important;line-height:1.12!important}
  body[data-etnos-build="r776"] .joinPage .paymentPriceR775{padding:2px 0 2px 10px!important}
  body[data-etnos-build="r776"] .joinPage .paymentPriceR775 strong{font-size:29px!important}
  body[data-etnos-build="r776"] .joinPage .paymentPriceR775 span{font-size:8.5px!important}
  body[data-etnos-build="r776"] .joinPage .paymentPriceR775 small{font-size:6.8px!important;line-height:1.08!important;margin-top:2px!important}
  body[data-etnos-build="r776"] .joinPage .launchOfferR775{gap:10px!important;padding:6px 8px!important}
  body[data-etnos-build="r776"] .joinPage .launchBadgeR775{font-size:6.5px!important}
  body[data-etnos-build="r776"] .joinPage .launchOfferR775 h3{font-size:13px!important;margin:1px 0 2px!important}
  body[data-etnos-build="r776"] .joinPage .launchOfferR775 p{font-size:7px!important;line-height:1.08!important}
  body[data-etnos-build="r776"] .joinPage .launchOfferR775 li{font-size:6.7px!important;line-height:1.05!important}
  body[data-etnos-build="r776"] .joinPage .paymentMethodsHeadR775 h3{font-size:13px!important}
  body[data-etnos-build="r776"] .joinPage .paymentMethodsHeadR775 .joinSectionLabel{font-size:6px!important}
  body[data-etnos-build="r776"] .joinPage .paymentMethodsHeadR775>p{font-size:6.8px!important;line-height:1.05!important;max-width:400px!important}
  body[data-etnos-build="r776"] .joinPage .paymentProviderGridR775{gap:5px!important}
  body[data-etnos-build="r776"] .joinPage .paymentProviderR775{padding:6px 7px!important;gap:2px!important}
  body[data-etnos-build="r776"] .joinPage .providerTopR775{grid-template-columns:18px 1fr auto!important;gap:4px!important}
  body[data-etnos-build="r776"] .joinPage .providerTopR775>span{width:17px!important;height:17px!important;font-size:6px!important}
  body[data-etnos-build="r776"] .joinPage .providerTopR775>b{font-size:8.5px!important}
  body[data-etnos-build="r776"] .joinPage .providerTopR775>em{font-size:6.3px!important}
  body[data-etnos-build="r776"] .joinPage .paymentProviderR775 h4{font-size:10.5px!important}
  body[data-etnos-build="r776"] .joinPage .paymentProviderR775 p{font-size:6.8px!important;line-height:1.08!important}
  body[data-etnos-build="r776"] .joinPage .paymentProviderR775 small{font-size:6.2px!important;line-height:1.06!important}
  body[data-etnos-build="r776"] .joinPage .paymentProviderR775 button{height:25px!important;min-height:25px!important;font-size:7px!important}
  body[data-etnos-build="r776"] .joinPage .paymentAvailabilityR775{font-size:6.5px!important;line-height:1.05!important}
  body[data-etnos-build="r776"] .joinPage .paymentFreeFooterR775{gap:8px!important;padding-top:4px!important}
  body[data-etnos-build="r776"] .joinPage .paymentFreeFooterR775>div{font-size:7px!important;line-height:1.05!important}
  body[data-etnos-build="r776"] .joinPage .paymentFreeFooterR775>div strong{font-size:8px!important}
  body[data-etnos-build="r776"] .joinPage .paymentFreeFooterR775>div span{font-size:6.8px!important}
  body[data-etnos-build="r776"] .joinPage .paymentFreeFooterR775 .joinContinue{height:28px!important;min-height:28px!important;font-size:7px!important;padding:0 8px!important}
  body[data-etnos-build="r776"] .joinPage .paymentFooter{height:25px!important;min-height:25px!important}
  body[data-etnos-build="r776"] .joinPage .paymentFooter .joinBack{height:25px!important;min-height:25px!important;font-size:6.5px!important}
}

/* Mobile/tablette : défilement naturel, pas de découpe. */
@media (max-width:1100px){
  body[data-etnos-build="r776"] .joinPage .valuesWorkspaceR775,
  body[data-etnos-build="r776"] .joinPage .paymentWorkspaceR775{height:auto!important;overflow:visible!important}
  body[data-etnos-build="r776"] .joinPage .valuesCompactHeader,
  body[data-etnos-build="r776"] .joinPage .valuesCompactCommit,
  body[data-etnos-build="r776"] .joinPage .paymentHeroR775,
  body[data-etnos-build="r776"] .joinPage .launchOfferR775,
  body[data-etnos-build="r776"] .joinPage .paymentFreeFooterR775{grid-template-columns:1fr!important}
  body[data-etnos-build="r776"] .joinPage .valuesCompactHeader p{grid-column:1!important;grid-row:auto!important}
  body[data-etnos-build="r776"] .joinPage .valuesPillars,
  body[data-etnos-build="r776"] .joinPage .paymentProviderGridR775{grid-template-columns:1fr!important;grid-template-rows:auto!important}
  body[data-etnos-build="r776"] .joinPage .profileEditorCombined{grid-template-rows:auto auto auto auto auto!important;overflow:visible!important}
  body[data-etnos-build="r776"] .joinPage .profileCombinedColumns{overflow:visible!important}
  body[data-etnos-build="r776"] .joinPage .profileCombinedColumn.isActive{height:auto!important;overflow:visible!important}
}

/* R775 — verrou final NOS VALEURS : neutralise les anciennes colonnes du carrousel historique. */
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="values"] .valuesWorkspace.valuesWorkspaceR775{
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
}
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="values"] .valuesCompactHeader{
  grid-column:1!important;grid-row:1!important;width:100%!important;max-width:none!important;
}
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="values"] .valueSlides.valueSlidesR775{
  grid-column:1!important;grid-row:2!important;width:100%!important;min-width:0!important;
}
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="values"] .valuesFooter.valuesFooterR775{
  grid-column:1!important;grid-row:3!important;width:100%!important;min-width:0!important;
}

/* ========================================================================== */
/* R776 — consolidation finale inscription (14/09/2026)                       */
/* ========================================================================== */

/* Parcours réellement plein écran : aucun morceau de navigation du site ne
   reste visible pendant l'inscription. */
body[data-etnos-build="r776"]{overflow:hidden!important;background:#edf3f6!important}
body[data-etnos-build="r776"] .joinRealBackdrop{display:none!important}
body[data-etnos-build="r776"] .joinPage{position:fixed!important;inset:0!important;min-height:100dvh!important;background:#edf3f6!important;overflow:hidden!important}
body[data-etnos-build="r776"] .joinMain{position:absolute!important;inset:0!important;padding:0!important;margin:0!important;display:block!important;overflow:hidden!important;background:#edf3f6!important}
body[data-etnos-build="r776"] .joinMain>.joinCard{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;display:grid!important;grid-template-rows:auto auto minmax(0,1fr)!important;overflow:hidden!important
}
body[data-etnos-build="r776"] .joinCardHeader{padding-left:clamp(22px,2.5vw,54px)!important;padding-right:clamp(72px,5vw,96px)!important}
body[data-etnos-build="r776"] .joinCardBody{min-height:0!important;overflow:auto!important;overscroll-behavior:contain!important}
body[data-etnos-build="r776"] .joinView{min-height:100%!important;box-sizing:border-box!important}
body[data-etnos-build="r776"] .joinRegistrationClose{
  position:fixed!important;z-index:30000!important;top:14px!important;right:18px!important;width:44px!important;height:44px!important;
  display:grid!important;place-items:center!important;border-radius:50%!important;background:#eef2f4!important;color:var(--r775-navy)!important;
  font-size:30px!important;line-height:1!important;text-decoration:none!important;box-shadow:none!important
}
body[data-etnos-build="r776"] .joinRegistrationClose:hover{background:#dde7eb!important}

/* Les paragraphes éditoriaux peuvent être justifiés sur une largeur suffisante,
   jamais les titres, libellés, boutons ou micro-copies. */
@media (min-width:900px){
  body[data-etnos-build="r776"] .joinPage :is(
    .joinAgeEntryCopy>p,.statusChoiceCopy>small,.accessIntro>p,.accessIdentityPrivacy,
    .profileIntro>p,.profileImageHeading>small,.bioField>small,.originHeading>small,
    .interestHeading>small,.profileReadyMessage>span,.valuesManifestoIntroR775>p,
    .valuesPillarsR775 p,.valuesReadyMessage>span,.paymentHeroR775 p,.launchOfferR775 p,
    .paymentProviderR775 p,.emailVerificationIntro>p,.emailVerificationNote
  ){text-align:justify!important;text-justify:inter-word!important}
}

/* Onglet accès : les deux pastilles AFFICHER sont centrées dans leur ligne. */
body[data-etnos-build="r776"] .joinPage .passwordControl{align-items:center!important}
body[data-etnos-build="r776"] .joinPage .passwordControl button{
  align-self:center!important;justify-self:center!important;display:grid!important;place-items:center!important;
  min-width:92px!important;height:38px!important;padding:0 13px!important;line-height:1!important
}

/* Pseudonyme : règle visible + erreur explicite, aucune tolérance d'espace. */
body[data-etnos-build="r776"] .nicknameRuleR776{display:block!important;margin-top:7px!important;color:#617789!important;font-size:12px!important;line-height:1.35!important}
body[data-etnos-build="r776"] .nicknameRuleR776.isError{color:#b43c32!important;font-weight:750!important}

/* Analyse photo : animation suffisamment explicite pour qu'une attente ne soit
   jamais interprétée comme un blocage. */
body[data-etnos-build="r776"] .joinPage .uploadChoice{position:relative!important;overflow:hidden!important}
body[data-etnos-build="r776"] .photoAnalysisR776{
  position:absolute!important;inset:0!important;z-index:8!important;display:grid!important;grid-template-columns:34px 1fr!important;
  grid-template-rows:auto auto!important;column-gap:12px!important;align-content:center!important;padding:16px!important;
  background:rgba(6,52,79,.94)!important;color:#fff!important;cursor:wait!important
}
body[data-etnos-build="r776"] .photoAnalysisR776[hidden]{display:none!important}
body[data-etnos-build="r776"] .photoAnalysisR776 i{grid-row:1/3!important;width:30px!important;height:30px!important;border:3px solid rgba(255,255,255,.28)!important;border-top-color:#59d7d8!important;border-radius:50%!important;animation:r776PhotoSpin .8s linear infinite!important}
body[data-etnos-build="r776"] .photoAnalysisR776 b{font-size:13px!important;align-self:end!important}
body[data-etnos-build="r776"] .photoAnalysisR776 small{color:#cce6e9!important;font-size:10px!important;align-self:start!important;margin-top:3px!important}
body[data-etnos-build="r776"] .photoAnalysisR776::after{content:""!important;position:absolute!important;left:0!important;right:0!important;top:0!important;height:2px!important;background:#59d7d8!important;box-shadow:0 0 12px #59d7d8!important;animation:r776Scan 1.35s ease-in-out infinite alternate!important}
@keyframes r776PhotoSpin{to{transform:rotate(360deg)}}
@keyframes r776Scan{from{top:6%}to{top:92%}}

/* Choix avatar : le choix actif doit rester visible, notamment lorsqu'il remplace
   une photo précédemment acceptée. */
body[data-etnos-build="r776"] .avatarSelectionStatusR776{
  margin-top:9px!important;padding:8px 10px!important;border:1px solid #9dd4d1!important;border-radius:5px!important;background:#eefaf8!important;
  display:grid!important;grid-template-columns:38px 1fr!important;gap:9px!important;align-items:center!important;color:var(--r775-blue)!important
}
body[data-etnos-build="r776"] .avatarSelectionStatusR776[hidden]{display:none!important}
body[data-etnos-build="r776"] .avatarSelectionStatusR776>[data-avatar-selection-preview]{font-size:28px!important;display:grid!important;place-items:center!important}
body[data-etnos-build="r776"] .avatarSelectionStatusR776 strong{display:block!important;font-size:12px!important}
body[data-etnos-build="r776"] .avatarSelectionStatusR776 small{display:block!important;margin-top:2px!important;color:#537683!important;font-size:10px!important}

/* Progression des trois onglets profil + phrase près de l'enregistrement. */
body[data-etnos-build="r776"] .profileSectionTabs>button.isComplete:not(.isActive)>span{background:#dff5ec!important;color:#08785d!important;font-weight:900!important}
body[data-etnos-build="r776"] .profileSectionTabs>button.isComplete:not(.isActive){box-shadow:inset 0 -3px 0 #42c69a!important}
body[data-etnos-build="r776"] .profileSaveHintR776{margin:0 auto!important;max-width:540px!important;text-align:center!important;color:#607789!important;font-size:12px!important;line-height:1.35!important}
body[data-etnos-build="r776"] .profileSaveHintR776.isComplete{color:#08785d!important;font-weight:750!important}

/* Présentation & origine : le bloc genre remonte pour supprimer le grand vide. */
body[data-etnos-build="r776"] .joinPage .profileCombinedStory>.genderSectionR643,
body[data-etnos-build="r776"] .joinPage .genderSectionR643{margin-top:8px!important;padding-top:10px!important}

/* PROFIL PRÊT reprend exactement le langage visuel du volet ENGAGEMENT VALIDÉ. */
body[data-etnos-build="r776"] .joinPage .profileReadyPanel{
  width:min(1180px,90%)!important;min-height:0!important;margin:auto!important;padding:clamp(42px,5vh,68px) clamp(38px,5vw,78px)!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;
  border-left:5px solid var(--r775-cyan)!important;background:#fff!important
}
body[data-etnos-build="r776"] .joinPage .profileReadyPanel>.joinSectionLabel{font-size:clamp(12px,.9vw,17px)!important;color:var(--r775-cyan)!important;letter-spacing:.14em!important;margin:0 0 18px!important}
body[data-etnos-build="r776"] .joinPage .profileReadyPanel>.profileReadyIcon{
  width:84px!important;height:84px!important;display:grid!important;place-items:center!important;margin:0 0 30px!important;border:1px solid #ddd2c5!important;border-radius:50%!important;
  background:#f7eee2!important;color:var(--r775-navy)!important;font-family:Georgia,"Times New Roman",serif!important;font-size:56px!important;font-weight:400!important;line-height:1!important
}
body[data-etnos-build="r776"] .joinPage .profileReadyPanel>h2{
  display:block!important;width:min(100%,1080px)!important;max-width:1080px!important;margin:0 auto 28px!important;
  font-family:var(--r775-font)!important;font-size:clamp(34px,3.4vw,58px)!important;font-weight:400!important;line-height:1.08!important;letter-spacing:-.025em!important;color:var(--r775-navy)!important;
  white-space:normal!important;overflow:visible!important;overflow-wrap:normal!important;word-break:normal!important
}
body[data-etnos-build="r776"] .joinPage .profileReadyMessage{width:min(100%,1080px)!important;max-width:1080px!important;margin:0 auto!important;display:grid!important;gap:20px!important;color:#132b41!important}
body[data-etnos-build="r776"] .joinPage .profileReadyMessage>span{display:block!important;max-width:100%!important;font-size:clamp(18px,1.45vw,28px)!important;line-height:1.45!important;white-space:normal!important;overflow:visible!important;overflow-wrap:normal!important;word-break:normal!important}
body[data-etnos-build="r776"] .joinPage .profileReadyActions{margin-top:34px!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:14px!important}
body[data-etnos-build="r776"] .joinPage .profileReadyActions .joinContinue{min-width:360px!important}

/* Valeurs : typographie éditoriale officielle et photos fournies. */
body[data-etnos-build="r776"] .joinPage .valuesManifestoIntroR775 h2,
body[data-etnos-build="r776"] .joinPage .valuesManifestoIntroR775 h3{font-family:var(--r768-official-font)!important;font-weight:800!important}
body[data-etnos-build="r776"] .joinPage .valuesPillarsR775>section{grid-template-columns:94px 38px 1fr!important;align-items:center!important;padding:16px!important;gap:12px!important}
body[data-etnos-build="r776"] .joinPage .valuePhotoR776{grid-column:1!important;width:94px!important;height:74px!important;object-fit:cover!important;border-radius:4px!important;display:block!important}
body[data-etnos-build="r776"] .joinPage .valuesPillarsR775>section>span{grid-column:2!important}
body[data-etnos-build="r776"] .joinPage .valuesPillarsR775>section>div{grid-column:3!important;min-width:0!important}
body[data-etnos-build="r776"] .joinPage .valuesPillarsR775 h3{font-family:var(--r768-official-font)!important;font-size:19px!important;font-weight:800!important}

/* Nouveau modèle : cartes paiement compactes, l'espace sert à expliquer l'offre. */
body[data-etnos-build="r776"] .joinPage .paymentWorkspaceR775{gap:13px!important}
body[data-etnos-build="r776"] .joinPage .paymentProviderR775{min-height:0!important;padding:14px 15px!important;gap:5px!important}
body[data-etnos-build="r776"] .joinPage .paymentProviderR775 h4{margin:9px 0 4px!important}
body[data-etnos-build="r776"] .joinPage .paymentProviderR775 small{margin:7px 0 9px!important}
body[data-etnos-build="r776"] .joinPage .paymentProviderR775 button{min-height:36px!important}
body[data-etnos-build="r776"] .joinPage .launchOfferR775{padding:18px 24px!important}

/* Responsive : conserver le plein écran tout en rendant le contenu scrollable quand
   la largeur impose des empilements. */
@media (max-width:1100px){
  body[data-etnos-build="r776"]{overflow:hidden!important}
  body[data-etnos-build="r776"] .joinCardHeader{padding-right:70px!important}
  body[data-etnos-build="r776"] .joinPage .profileReadyPanel{width:min(94%,900px)!important;padding:34px 24px!important}
  body[data-etnos-build="r776"] .joinPage .profileReadyPanel>h2{font-size:clamp(30px,5vw,46px)!important}
  body[data-etnos-build="r776"] .joinPage .profileReadyMessage>span{font-size:clamp(16px,2.4vw,21px)!important}
  body[data-etnos-build="r776"] .joinPage .valuesPillarsR775>section{grid-template-columns:78px 34px 1fr!important}
  body[data-etnos-build="r776"] .joinPage .valuePhotoR776{width:78px!important;height:64px!important}
}
@media (max-width:700px){
  body[data-etnos-build="r776"] .joinSteps{overflow-x:auto!important;justify-content:flex-start!important}
  body[data-etnos-build="r776"] .profileSaveHintR776{order:3!important;width:100%!important;margin-top:8px!important}
  body[data-etnos-build="r776"] .joinPage .profileReadyActions .joinContinue{min-width:0!important;width:100%!important}
  body[data-etnos-build="r776"] .joinPage .valuesPillarsR775>section{grid-template-columns:68px 30px 1fr!important;padding:12px!important}
  body[data-etnos-build="r776"] .joinPage .valuePhotoR776{width:68px!important;height:58px!important}
}
/* R776 — la grande accroche « Nos valeurs » reprend la typographie officielle
   de titre déjà active sur les pages éditoriales ETHNOS. */
body[data-etnos-build="r776"] .joinPage .valuesCompactHeader h2{
  font-family:var(--r768-official-font)!important;
  font-weight:800!important;
  letter-spacing:-.035em!important;
}
body[data-etnos-build="r776"] .joinPage .passwordControl{min-height:50px!important;height:50px!important}

/* R776 final — payment page: recover the empty vertical space from provider cards. */
body[data-etnos-build="r776"] .paymentWorkspaceR775 {
  height: auto !important;
  min-height: 0 !important;
  grid-template-rows: auto auto auto auto auto !important;
  align-content: start !important;
  overflow: visible !important;
}

body[data-etnos-build="r776"] .paymentMethodsR775 {
  min-height: 0 !important;
  grid-template-rows: auto auto auto !important;
  align-content: start !important;
  overflow: visible !important;
}

body[data-etnos-build="r776"] .paymentProviderGridR775 {
  align-items: start !important;
  align-content: start !important;
}

body[data-etnos-build="r776"] .paymentProviderR775 {
  height: auto !important;
  min-height: 0 !important;
  align-self: start !important;
}