/* ========================================================================== */
/* ETHNOS R179 — corrections strictes demandées après R178                    */
/* - silhouettes bleues restaurées dans le bloc central                       */
/* - bloc principal plus bas et rectangulaire                                 */
/* - trajectoire réécrite avec cibles et validations                          */
/* - statistiques déplacées dans la colonne droite, sous les volets           */
/* - barre haute intégralement blanche                                        */
/* ========================================================================== */

/* 1 — Barre supérieure blanche sur toute la largeur, boutons compris. */
html body .memberTopbar{
  background:#fffdf9 !important;
  background-image:none !important;
  border-bottom:1px solid rgba(7,26,57,.14) !important;
  box-shadow:0 2px 12px rgba(7,26,57,.08) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
html body .memberTopbar::before,
html body .memberTopbar::after{
  background:none !important;
}
html body .memberTopNavigation{
  background:#fffdf9 !important;
  background-image:none !important;
}
html body .memberTopNavButton,
html body .memberTopNavButton:nth-child(odd),
html body .memberTopNavButton:nth-child(even){
  background:#fffdf9 !important;
}
html body .memberTopNavButton.isActive,
html body .memberTopNavButton.isActive:nth-child(odd),
html body .memberTopNavButton.isActive:nth-child(even){
  background:#fff4e4 !important;
}

/* 2 — Le contenu central et la colonne de statistiques partagent la largeur. */
html[data-ethnos-ui="discord-r111"] .memberWorkspace.hasBodyView .bodyView-homeR179{
  min-width:0;
  max-width:100%;
  padding:6px clamp(10px,1.1vw,20px) 24px !important;
  overflow:hidden;
  container-type:inline-size;
}
html[data-ethnos-ui="discord-r111"] .memberWorkspace.hasBodyView .bodyView-homeR179 .r179HomeContent{
  width:calc(100% - var(--ethnos-context-width) + 18px) !important;
  max-width:calc(100% - var(--ethnos-context-width) + 18px) !important;
  margin:0 !important;
  min-width:0;
}
.r179MainColumn{min-width:0;width:100%}

/* 3 — Bloc principal plus horizontal, avec les silhouettes R102 teintées bleu. */
.r179HomeHero{
  position:relative !important;
  box-sizing:border-box !important;
  display:grid !important;
  grid-template-columns:minmax(330px,.88fr) minmax(0,1.12fr) !important;
  align-items:center !important;
  gap:clamp(20px,1.55vw,32px) !important;
  width:100% !important;
  max-width:100% !important;
  height:clamp(300px,30vh,360px) !important;
  min-height:0 !important;
  margin:0 0 12px !important;
  padding:clamp(19px,1.45vw,28px) clamp(22px,1.8vw,35px) !important;
  overflow:hidden !important;
  border:1px solid rgba(190,226,231,.20) !important;
  border-radius:20px !important;
  background:#052434 !important;
  box-shadow:0 22px 62px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.025) !important;
  isolation:isolate !important;
}
.r179HomeHero::before{
  content:"" !important;
  position:absolute !important;
  inset:-3% !important;
  z-index:0 !important;
  pointer-events:none !important;
  background:url('../assets/images/dashboard-r102/dashboard-master-4096x2304.webp') center 45% / cover no-repeat !important;
  filter:grayscale(1) sepia(.28) hue-rotate(145deg) saturate(1.85) brightness(.42) contrast(1.18) !important;
  opacity:.68 !important;
  transform:scale(1.025) !important;
}
.r179HomeHero::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  pointer-events:none !important;
  background:
    linear-gradient(92deg,rgba(2,20,31,.86) 0%,rgba(3,34,47,.72) 44%,rgba(2,20,31,.86) 100%),
    radial-gradient(circle at 12% 18%,rgba(49,209,207,.10),transparent 30%) !important;
}
.r179HomeHero > *{position:relative !important;z-index:2 !important}
.r179HomeHero .r178HomeHeroCopy h1{
  margin:9px 0 7px !important;
  font-size:clamp(34px,2.45vw,50px) !important;
}
.r179HomeHero .r178HomePromise{
  font-size:clamp(17px,1.2vw,25px) !important;
}
.r179HomeHero .r178HomeIntro{
  max-width:680px !important;
  margin-top:9px !important;
  font-size:clamp(9px,.61vw,12px) !important;
  line-height:1.46 !important;
}
.r179HomeHero .r178HomeActions{margin-top:13px !important}
.r179HomeHero .r178HomeActions button{
  min-height:35px !important;
  padding-inline:15px !important;
  font-size:clamp(7px,.48vw,9px) !important;
}

/* 4 — Compteur gauche réduit d'environ 50 %, jauge actuelle conservée. */
.r179Trajectory{
  align-self:center !important;
  min-width:0 !important;
  padding:0 0 0 clamp(17px,1.4vw,27px) !important;
  border-left:1px solid rgba(190,226,231,.18) !important;
}
.r179MembersLine{
  display:grid !important;
  grid-template-columns:clamp(82px,6.5vw,112px) minmax(0,1fr) !important;
  align-items:center !important;
  gap:12px !important;
  margin:0 0 9px !important;
}
.r179MembersValue{
  display:grid !important;
  grid-template-columns:auto auto !important;
  align-items:center !important;
  justify-content:start !important;
  column-gap:5px !important;
}
.r179MembersValue i{
  width:6px !important;
  height:6px !important;
  box-shadow:0 0 0 4px rgba(67,223,155,.08),0 0 14px rgba(67,223,155,.28) !important;
}
.r179MembersValue strong{
  color:#fff !important;
  font-size:clamp(18px,1.25vw,25px) !important;
  line-height:.95 !important;
}
.r179MembersValue span{
  grid-column:2 !important;
  margin-top:3px !important;
  font-size:clamp(5px,.34vw,7px) !important;
  letter-spacing:.08em !important;
}
.r179ProgressBlock{min-width:0 !important;padding:0 !important}
.r179ProgressMeta{
  margin-bottom:6px !important;
  font-size:clamp(6px,.4vw,8px) !important;
}
.r179ProgressMeta b{
  color:#f4efe5 !important;
  font-size:clamp(8px,.58vw,11px) !important;
  font-weight:700 !important;
}
.r179ProgressRail{height:3px !important}

/* 5 — Texte exact de la trajectoire. */
.r179TrajectoryHead > span{
  color:var(--r110-orange) !important;
  font-size:clamp(7px,.47vw,9px) !important;
  font-weight:700 !important;
  letter-spacing:.18em !important;
}
.r179TrajectoryManifesto{
  max-width:none !important;
  margin:6px 0 0 !important;
  color:#f2eee5 !important;
  font-family:var(--font-title,"Fraunces",Georgia,serif) !important;
  font-size:clamp(14px,1.02vw,20px) !important;
  font-weight:400 !important;
  line-height:1.20 !important;
  letter-spacing:-.015em !important;
}

/* 6 — Jauge graphique : cibles lisibles et carrés verts cochés. */
.r179TrajectorySteps{
  position:relative !important;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:clamp(8px,.8vw,15px) !important;
  margin:14px 0 0 !important;
  padding:0 !important;
  list-style:none !important;
}
.r179TrajectorySteps::before{
  content:"" !important;
  position:absolute !important;
  left:14px !important;
  right:14px !important;
  top:13px !important;
  height:2px !important;
  border-radius:999px !important;
  background:linear-gradient(90deg,var(--r110-orange),#43df9b 34%,rgba(49,209,207,.80) 65%,rgba(49,209,207,.36)) !important;
}
.r179TrajectorySteps li{
  position:relative !important;
  min-width:0 !important;
  padding:0 !important;
}
.r179TrajectorySteps li::before{
  content:none !important;
  display:none !important;
}
.r179MilestoneTarget{
  position:relative !important;
  z-index:2 !important;
  display:flex !important;
  align-items:center !important;
  gap:5px !important;
  min-width:0 !important;
  width:max-content !important;
  max-width:100% !important;
  margin-bottom:7px !important;
  padding:2px 7px 2px 0 !important;
  border-radius:999px !important;
  background:rgba(4,30,42,.94) !important;
  box-shadow:0 0 0 2px rgba(4,30,42,.94) !important;
}
.r179MilestoneTarget i{
  flex:none !important;
  display:grid !important;
  place-items:center !important;
  width:26px !important;
  height:26px !important;
  margin:0 !important;
  border-radius:50% !important;
  background:#062536 !important;
  box-shadow:0 0 0 3px rgba(49,209,207,.10) !important;
  color:inherit !important;
  font-style:normal !important;
  font-size:15px !important;
  letter-spacing:0 !important;
}
.r179TrajectorySteps li.isNext .r179MilestoneTarget i{
  background:#213126 !important;
  box-shadow:0 0 0 4px rgba(245,138,75,.13),0 0 15px rgba(245,138,75,.20) !important;
}
.r179MilestoneTarget strong{
  display:block !important;
  margin:0 !important;
  color:#fff !important;
  font-family:var(--font-title,"Fraunces",Georgia,serif) !important;
  font-size:clamp(18px,1.2vw,24px) !important;
  font-weight:500 !important;
  line-height:1 !important;
  white-space:nowrap !important;
}
.r179MilestoneTarget small{
  display:block !important;
  margin:2px 0 0 !important;
  color:var(--r110-orange) !important;
  font:700 clamp(5px,.35vw,7px)/1 var(--font-interface,"Manrope",Arial,sans-serif) !important;
  text-transform:uppercase !important;
  letter-spacing:.08em !important;
}
.r179MilestoneReward{
  display:grid !important;
  grid-template-columns:17px minmax(0,1fr) !important;
  align-items:start !important;
  gap:6px !important;
  margin:5px 0 0 !important;
}
.r179MilestoneReward b{
  display:grid !important;
  place-items:center !important;
  width:17px !important;
  height:17px !important;
  border-radius:4px !important;
  background:#43cf8e !important;
  color:#fff !important;
  font-family:Arial,sans-serif !important;
  font-size:12px !important;
  font-weight:900 !important;
  line-height:1 !important;
  box-shadow:0 3px 10px rgba(67,207,142,.18) !important;
}
.r179MilestoneReward span{
  display:block !important;
  min-width:0 !important;
  color:#e7eeeb !important;
  font-family:var(--font-title,"Fraunces",Georgia,serif) !important;
  font-size:clamp(8px,.55vw,11px) !important;
  font-weight:400 !important;
  line-height:1.18 !important;
  text-transform:none !important;
  letter-spacing:0 !important;
}
.r179TrajectoryFoot{
  margin:10px 0 0 !important;
  color:#e7eee9 !important;
  font-family:var(--font-title,"Fraunces",Georgia,serif) !important;
  font-size:clamp(12px,.8vw,16px) !important;
  font-weight:400 !important;
  line-height:1.2 !important;
  text-align:center !important;
}

/* 7 — Statistiques déplacées à droite et totalement opaques. */
.r179MetricRail{
  position:fixed !important;
  top:calc(var(--ethnos-card-height) + 18px) !important;
  right:0 !important;
  bottom:calc(var(--footer-legal) + var(--ethnos-card-height) + 18px) !important;
  z-index:90 !important;
  display:none;
  width:var(--ethnos-context-width) !important;
  min-width:var(--ethnos-context-width) !important;
  box-sizing:border-box !important;
  flex-direction:column;
  justify-content:space-around;
  gap:18px;
  padding:12px 0 !important;
  pointer-events:none !important;
}
html body.isEthnosHomeView .r179MetricRail{display:flex !important}
html body:has(.memberNavDrawer.isOpen) .r179MetricRail,
html body:has(.memberNavDrawer[aria-hidden="false"]) .r179MetricRail{z-index:70 !important}
.r179MetricRail article{
  width:100%;
  min-height:92px;
  box-sizing:border-box;
  padding:17px 18px;
  border:1px solid rgba(190,226,231,.18);
  border-radius:12px;
  background:#062536 !important;
  background-image:linear-gradient(180deg,#082d3d,#052130) !important;
  opacity:1 !important;
  box-shadow:0 14px 34px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.025);
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
.r179MetricRail span{
  display:block;
  color:var(--r110-teal);
  font-size:clamp(6px,.43vw,8px);
  font-weight:700;
  letter-spacing:.11em;
}
.r179MetricRail strong{
  display:block;
  margin:8px 0 3px;
  color:#fff;
  font-family:var(--font-title,"Fraunces",Georgia,serif);
  font-size:clamp(24px,1.7vw,34px);
  font-weight:400;
  line-height:1;
}
.r179MetricRail p{
  margin:0;
  color:#829aa2;
  font-size:clamp(6px,.42vw,8px);
  line-height:1.35;
}
.bodyView-homeR179 .bodyMetricGrid{display:none !important}

/* Les volets Profil / Carte et les autres panneaux passent devant les stats. */
html body .memberNavDrawerLayer,
html body .memberNavDrawer,
html body .memberProfile,
html body .memberProfileDrawer,
html body .memberMapCard{
  z-index:20;
}
html body .memberMapCard{
  background:#062536 !important;
  background-image:linear-gradient(180deg,#082d3d,#052130) !important;
  opacity:1 !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

/* Formats ciblés. */
@container (max-width:1180px){
  .r179HomeHero{
    grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr) !important;
    gap:16px !important;
    padding-inline:18px !important;
  }
  .r179Trajectory{padding-left:14px !important}
  .r179TrajectoryManifesto{font-size:clamp(13px,1.2cqw,17px) !important}
  .r179MilestoneTarget strong{font-size:clamp(13px,1.25cqw,18px) !important}
  .r179MilestoneReward span{font-size:clamp(7px,.78cqw,9px) !important}
}
@container (max-width:900px){
  .r179HomeHero{
    height:auto !important;
    min-height:300px !important;
    grid-template-columns:1fr !important;
    gap:18px !important;
    padding:20px !important;
  }
  .r179Trajectory{
    padding:17px 0 0 !important;
    border-left:0 !important;
    border-top:1px solid rgba(190,226,231,.18) !important;
  }
}
@container (max-width:660px){
  html body.isEthnosHomeView .r179MetricRail{display:none !important}
  .r179TrajectorySteps{grid-template-columns:repeat(2,minmax(0,1fr)) !important;row-gap:14px !important}
  .r179TrajectorySteps::before{display:none !important}
}
@media(max-height:900px){
  .r179HomeHero{height:300px !important;padding-block:17px !important}
  .r179HomeHero .r178HomeHeroCopy h1{font-size:clamp(31px,2.2vw,44px) !important}
  .r179HomeHero .r178HomePromise{font-size:clamp(16px,1.08vw,22px) !important}
  .r179HomeHero .r178HomeIntro{font-size:clamp(8px,.55vw,10.5px) !important;line-height:1.38 !important}
  .r179HomeHero .r178HomeActions{margin-top:10px !important}
  .r179TrajectoryManifesto{font-size:clamp(13px,.9vw,17px) !important;line-height:1.14 !important}
  .r179MembersLine{margin-bottom:6px !important}
  .r179TrajectorySteps{margin-top:7px !important}
  .r179TrajectoryFoot{margin-top:6px !important}
  .r179MetricRail{gap:12px !important;padding-block:8px !important}
  .r179MetricRail article{min-height:78px;padding:13px 15px}
}