/* ETHNOS R794 — finition inscription strictement visuelle.
   Base structurelle : R792/R776 conservée à l'identique.
   Périmètre : fond extérieur, bandeau supérieur, outil temporaire de revue. */

:root{
  --r794-gray:#1f1f1f;
  --r794-help-blue-top:#071f2d;
  --r794-help-blue-bottom:#061822;
}

/* Fond extérieur montré par Sacha : on recolore uniquement le décor derrière
   la carte d'inscription. Aucune largeur, hauteur, grille ou position modifiée. */
body[data-etnos-build="r776"] .joinCommercialBackdrop{
  background:var(--r794-gray) !important;
  background-image:none !important;
  filter:none !important;
  opacity:1 !important;
}

/* Bandeau supérieur : dégradé réellement actif du hub Entraide. */
body[data-etnos-build="r776"] .joinPage .joinCardHeader{
  position:relative !important;
  background:linear-gradient(180deg,var(--r794-help-blue-top) 0%,var(--r794-help-blue-bottom) 100%) !important;
  border-bottom-color:rgba(255,255,255,.14) !important;
}
body[data-etnos-build="r776"] .joinPage .joinWelcomeLine{
  color:#fff9f2 !important;
}
body[data-etnos-build="r776"] .joinPage .joinPathLine{
  color:#f26722 !important;
}
body[data-etnos-build="r776"] .joinPage .valuesHeaderIntro{
  color:#c9d6d9 !important;
}

/* Outil de finition temporaire : ancré hors flux, juste à gauche de la jauge.
   Il ne participe donc pas à la géométrie du bandeau. */
body[data-etnos-build="r776"] .joinProgressGauge{
  position:relative !important;
}
body[data-etnos-build="r776"] .r794FinishMagic{
  position:absolute;
  right:calc(100% + 8px);
  top:50%;
  z-index:30;
  transform:translateY(-50%);
  pointer-events:auto;
  font-family:Inter,"Segoe UI",Arial,sans-serif;
}
body[data-etnos-build="r776"] .r794FinishMagicToggle{
  width:28px;
  height:28px;
  min-width:28px;
  padding:0 !important;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.28) !important;
  border-radius:999px !important;
  background:rgba(31,31,31,.82) !important;
  color:#fff !important;
  box-shadow:0 4px 12px rgba(0,0,0,.2) !important;
  opacity:.42;
  cursor:pointer;
  font-size:14px !important;
  line-height:1 !important;
}
body[data-etnos-build="r776"] .r794FinishMagic:hover .r794FinishMagicToggle,
body[data-etnos-build="r776"] .r794FinishMagicToggle:focus-visible,
body[data-etnos-build="r776"] .r794FinishMagic.isOpen .r794FinishMagicToggle{
  opacity:1;
}
body[data-etnos-build="r776"] .r794FinishMagicPanel{
  display:none;
  position:absolute;
  top:calc(100% + 6px);
  right:0;
  grid-template-columns:repeat(4,28px);
  gap:4px;
  padding:6px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:7px;
  background:rgba(31,31,31,.97);
  box-shadow:0 10px 28px rgba(0,0,0,.3);
}
body[data-etnos-build="r776"] .r794FinishMagic.isOpen .r794FinishMagicPanel{display:grid}
body[data-etnos-build="r776"] .r794FinishMagicPanel button{
  width:28px;
  height:28px;
  min-width:28px;
  padding:0 !important;
  border:1px solid rgba(255,255,255,.16) !important;
  border-radius:4px !important;
  background:#fff !important;
  color:#071a39 !important;
  box-shadow:none !important;
  font:800 11px/1 Inter,"Segoe UI",Arial,sans-serif !important;
  cursor:pointer;
}
body[data-etnos-build="r776"] .r794FinishMagicPanel button:hover,
body[data-etnos-build="r776"] .r794FinishMagicPanel button:focus-visible,
body[data-etnos-build="r776"] .r794FinishMagicPanel button.isCurrent{
  border-color:#f26722 !important;
  box-shadow:inset 0 0 0 1px #f26722 !important;
}