/* ETHNOS R230 — audit corrigé */

/* TOUS FORMATS : aligner réellement l'axe de l'encoche sous l'icône cible. */
html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180TrajectorySteps{--r230-notch-size:19px;}
@media (width:1280px){html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180TrajectorySteps{--r230-notch-size:12px;}}
@media (width:1366px){html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180TrajectorySteps{--r230-notch-size:14px;}}
@media (width:1536px){html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180TrajectorySteps{--r230-notch-size:12px;}}
@media (width:1707px){html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180TrajectorySteps{--r230-notch-size:10px;}}

html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView
.r180TrajectorySteps .r180MilestoneReward > b{
  position:relative !important;
  left:calc((30px - var(--r230-notch-size)) / 2) !important;
}

/* TOUS FORMATS : vrai Fermer de Gestion de la discussion = standard clair R213. */
html body
[data-member-drawer-panel="messages"] [data-message-center]
.memberMessageSideDrawer button.memberConversationManageCloseR230{
  appearance:none !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  justify-self:center !important;
  width:auto !important;
  min-width:116px !important;
  max-width:none !important;
  height:auto !important;
  min-height:34px !important;
  margin:10px auto 14px !important;
  padding:0 22px !important;
  border:1px solid var(--r213-clear-button-border) !important;
  border-radius:999px !important;
  background:var(--r213-clear-button-bg) !important;
  color:var(--r213-clear-button-ink) !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:none !important;
  filter:none !important;
  transform:none !important;
  cursor:pointer !important;
}
html body
[data-member-drawer-panel="messages"] [data-message-center]
.memberMessageSideDrawer button.memberConversationManageCloseR230:hover,
html body
[data-member-drawer-panel="messages"] [data-message-center]
.memberMessageSideDrawer button.memberConversationManageCloseR230:focus-visible{
  border-color:rgba(7,26,57,.48) !important;
  background:var(--r213-clear-button-bg) !important;
  color:var(--r213-clear-button-ink) !important;
  box-shadow:none !important;
  filter:none !important;
  transform:none !important;
  outline:none !important;
}

/* FORMAT 1707 UNIQUEMENT.
   Correction de l'erreur précédente : ne pas dépendre d'une hauteur viewport exacte. */
@media (width:1707px){

  /* Déplacer TOUTE la partie droite : textes, compteur, rail, cibles, encoches,
     éléments interactifs restent ensemble. */
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180Trajectory{
    position:relative !important;
    left:-20px !important;
  }

  /* Neutraliser les anciens -20 px individuels R228 pour éviter un -40 px. */
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180TrajectoryEyebrow,
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180MembersValue strong,
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180MembersValue span,
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180ProgressMeta,
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180TrajectoryManifesto,
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180MilestoneTarget strong,
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180MilestoneTarget small,
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180MilestoneReward span{
    left:0 !important;
  }

  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView
  .r180TrajectorySteps .r180MilestoneTarget strong{
    font-size:11px !important;
    line-height:1 !important;
  }

  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView
  .r180TrajectorySteps .r180MilestoneTarget small{
    font-size:5px !important;
    line-height:1 !important;
  }

  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView
  .r180TrajectorySteps .r180MilestoneReward{
    grid-template-columns:10px minmax(0,1fr) !important;
    column-gap:6px !important;
    gap:6px !important;
    align-items:start !important;
  }

  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView
  .r180TrajectorySteps .r180MilestoneReward > b{
    width:10px !important;
    height:10px !important;
    min-width:10px !important;
    min-height:10px !important;
    font-size:7px !important;
    line-height:1 !important;
  }

  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180MembersValue{
    margin-right:4px !important;
  }

  html[data-ethnos-ui] body.isTchatDrawerOpen button.r186TchatClose.ethnosActionOrange,
  html[data-ethnos-ui] body.isTchatDrawerClosing button.r186TchatClose.ethnosActionOrange{
    position:relative !important;
    top:-5px !important;
  }
}
