/* ========================================================================== */
/* ETHNOS R216 — correctifs ciblés audités. Base sûre : R214 restaurée.       */
/* Aucun moteur global, aucun MutationObserver, aucun ciblage par texte.       */
/* ========================================================================== */

:root{
  --r216-action-border:rgba(255,211,183,.92);
  --r216-action-bg:linear-gradient(180deg,#ffad7a 0%,#ee8d55 100%);
  --r216-action-ink:#071826;
  --r216-action-relief:#c96d3d;
  --r216-action-shadow:rgba(0,0,0,.11);
}

/* -------------------------------------------------------------------------- */
/* 1. ACTIONS EXPLICITEMENT MARQUÉES — copie du Fermer Tchat officiel.        */
/* La largeur et les marges restent celles de chaque contexte.                */
/* -------------------------------------------------------------------------- */
html[data-ethnos-ui] body button.ethnosOfficialAction.ethnosOfficialAction,
html[data-ethnos-ui] body .memberDirectoryDrawer .memberDirectoryInlineSearch button.ethnosOfficialAction.ethnosOfficialAction,
html[data-ethnos-ui] body .memberMessagesDrawer .memberInvitationActions button.isPrimary.ethnosOfficialAction.ethnosOfficialAction,
html[data-ethnos-ui] body .memberMessagesDrawer .memberNotificationToolbar button[data-message-mark-all].ethnosOfficialAction.ethnosOfficialAction,
html[data-ethnos-ui] body .memberMessagesDrawer .memberMessageComposer button.memberMessageComposerSend.ethnosOfficialAction.ethnosOfficialAction,
html[data-ethnos-ui] body .memberMediaDrawer button[data-media-library-upload].ethnosOfficialAction.ethnosOfficialAction,
html[data-ethnos-ui] body .memberMediaDrawer button.memberMediaEditProfileButton.ethnosOfficialAction.ethnosOfficialAction,
html[data-ethnos-ui] body .memberProfileDrawer button.memberEdit.ethnosOfficialAction.ethnosOfficialAction,
html[data-ethnos-ui] body .memberProfileEditorDrawer button[data-save-profile-editor].ethnosOfficialAction.ethnosOfficialAction{
  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 var(--r216-action-border) !important;
  border-radius:9px !important;
  background:var(--r216-action-bg) !important;
  color:var(--r216-action-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:0 1px 0 var(--r216-action-relief),0 3px 5px var(--r216-action-shadow) !important;
  filter:none !important;
  transform:translateY(0) !important;
  cursor:pointer !important;
  transition:transform .12s ease,filter .12s ease,box-shadow .12s ease !important;
}
html[data-ethnos-ui] body button.ethnosOfficialAction.ethnosOfficialAction:hover,
html[data-ethnos-ui] body button.ethnosOfficialAction.ethnosOfficialAction:focus-visible,
html[data-ethnos-ui] body .memberDirectoryDrawer .memberDirectoryInlineSearch button.ethnosOfficialAction.ethnosOfficialAction:hover,
html[data-ethnos-ui] body .memberDirectoryDrawer .memberDirectoryInlineSearch button.ethnosOfficialAction.ethnosOfficialAction:focus-visible,
html[data-ethnos-ui] body .memberMessagesDrawer .memberInvitationActions button.isPrimary.ethnosOfficialAction.ethnosOfficialAction:hover,
html[data-ethnos-ui] body .memberMessagesDrawer .memberInvitationActions button.isPrimary.ethnosOfficialAction.ethnosOfficialAction:focus-visible,
html[data-ethnos-ui] body .memberMessagesDrawer .memberNotificationToolbar button[data-message-mark-all].ethnosOfficialAction.ethnosOfficialAction:hover,
html[data-ethnos-ui] body .memberMessagesDrawer .memberNotificationToolbar button[data-message-mark-all].ethnosOfficialAction.ethnosOfficialAction:focus-visible,
html[data-ethnos-ui] body .memberMessagesDrawer .memberMessageComposer button.memberMessageComposerSend.ethnosOfficialAction.ethnosOfficialAction:hover,
html[data-ethnos-ui] body .memberMessagesDrawer .memberMessageComposer button.memberMessageComposerSend.ethnosOfficialAction.ethnosOfficialAction:focus-visible,
html[data-ethnos-ui] body .memberMediaDrawer button[data-media-library-upload].ethnosOfficialAction.ethnosOfficialAction:hover,
html[data-ethnos-ui] body .memberMediaDrawer button[data-media-library-upload].ethnosOfficialAction.ethnosOfficialAction:focus-visible,
html[data-ethnos-ui] body .memberMediaDrawer button.memberMediaEditProfileButton.ethnosOfficialAction.ethnosOfficialAction:hover,
html[data-ethnos-ui] body .memberMediaDrawer button.memberMediaEditProfileButton.ethnosOfficialAction.ethnosOfficialAction:focus-visible,
html[data-ethnos-ui] body .memberProfileDrawer button.memberEdit.ethnosOfficialAction.ethnosOfficialAction:hover,
html[data-ethnos-ui] body .memberProfileDrawer button.memberEdit.ethnosOfficialAction.ethnosOfficialAction:focus-visible,
html[data-ethnos-ui] body .memberProfileEditorDrawer button[data-save-profile-editor].ethnosOfficialAction.ethnosOfficialAction:hover,
html[data-ethnos-ui] body .memberProfileEditorDrawer button[data-save-profile-editor].ethnosOfficialAction.ethnosOfficialAction:focus-visible{
  filter:brightness(1.025) !important;
  transform:translateY(-1px) !important;
  outline:none !important;
  box-shadow:0 2px 0 var(--r216-action-relief),0 4px 6px rgba(0,0,0,.12) !important;
}
html[data-ethnos-ui] body button.ethnosOfficialAction.ethnosOfficialAction:active,
html[data-ethnos-ui] body .memberDirectoryDrawer .memberDirectoryInlineSearch button.ethnosOfficialAction.ethnosOfficialAction:active,
html[data-ethnos-ui] body .memberMessagesDrawer .memberInvitationActions button.isPrimary.ethnosOfficialAction.ethnosOfficialAction:active,
html[data-ethnos-ui] body .memberMessagesDrawer .memberNotificationToolbar button[data-message-mark-all].ethnosOfficialAction.ethnosOfficialAction:active,
html[data-ethnos-ui] body .memberMessagesDrawer .memberMessageComposer button.memberMessageComposerSend.ethnosOfficialAction.ethnosOfficialAction:active,
html[data-ethnos-ui] body .memberMediaDrawer button[data-media-library-upload].ethnosOfficialAction.ethnosOfficialAction:active,
html[data-ethnos-ui] body .memberMediaDrawer button.memberMediaEditProfileButton.ethnosOfficialAction.ethnosOfficialAction:active,
html[data-ethnos-ui] body .memberProfileDrawer button.memberEdit.ethnosOfficialAction.ethnosOfficialAction:active,
html[data-ethnos-ui] body .memberProfileEditorDrawer button[data-save-profile-editor].ethnosOfficialAction.ethnosOfficialAction:active{
  filter:brightness(.995) !important;
  transform:translateY(1px) !important;
  box-shadow:0 0 0 var(--r216-action-relief),0 2px 3px rgba(0,0,0,.09) !important;
}
html[data-ethnos-ui] body button.ethnosOfficialAction.ethnosOfficialAction:disabled,
html[data-ethnos-ui] body button.ethnosOfficialAction.ethnosOfficialAction[aria-disabled="true"],
html[data-ethnos-ui] body .memberDirectoryDrawer .memberDirectoryInlineSearch button.ethnosOfficialAction.ethnosOfficialAction:disabled,
html[data-ethnos-ui] body .memberDirectoryDrawer .memberDirectoryInlineSearch button.ethnosOfficialAction.ethnosOfficialAction[aria-disabled="true"],
html[data-ethnos-ui] body .memberMessagesDrawer .memberInvitationActions button.isPrimary.ethnosOfficialAction.ethnosOfficialAction:disabled,
html[data-ethnos-ui] body .memberMessagesDrawer .memberInvitationActions button.isPrimary.ethnosOfficialAction.ethnosOfficialAction[aria-disabled="true"],
html[data-ethnos-ui] body .memberMessagesDrawer .memberNotificationToolbar button[data-message-mark-all].ethnosOfficialAction.ethnosOfficialAction:disabled,
html[data-ethnos-ui] body .memberMessagesDrawer .memberNotificationToolbar button[data-message-mark-all].ethnosOfficialAction.ethnosOfficialAction[aria-disabled="true"],
html[data-ethnos-ui] body .memberMessagesDrawer .memberMessageComposer button.memberMessageComposerSend.ethnosOfficialAction.ethnosOfficialAction:disabled,
html[data-ethnos-ui] body .memberMessagesDrawer .memberMessageComposer button.memberMessageComposerSend.ethnosOfficialAction.ethnosOfficialAction[aria-disabled="true"],
html[data-ethnos-ui] body .memberMediaDrawer button[data-media-library-upload].ethnosOfficialAction.ethnosOfficialAction:disabled,
html[data-ethnos-ui] body .memberMediaDrawer button[data-media-library-upload].ethnosOfficialAction.ethnosOfficialAction[aria-disabled="true"],
html[data-ethnos-ui] body .memberMediaDrawer button.memberMediaEditProfileButton.ethnosOfficialAction.ethnosOfficialAction:disabled,
html[data-ethnos-ui] body .memberMediaDrawer button.memberMediaEditProfileButton.ethnosOfficialAction.ethnosOfficialAction[aria-disabled="true"],
html[data-ethnos-ui] body .memberProfileDrawer button.memberEdit.ethnosOfficialAction.ethnosOfficialAction:disabled,
html[data-ethnos-ui] body .memberProfileDrawer button.memberEdit.ethnosOfficialAction.ethnosOfficialAction[aria-disabled="true"],
html[data-ethnos-ui] body .memberProfileEditorDrawer button[data-save-profile-editor].ethnosOfficialAction.ethnosOfficialAction:disabled,
html[data-ethnos-ui] body .memberProfileEditorDrawer button[data-save-profile-editor].ethnosOfficialAction.ethnosOfficialAction[aria-disabled="true"]{
  opacity:.45 !important;
  cursor:not-allowed !important;
  filter:none !important;
  transform:none !important;
}
@media (max-height:820px) and (min-width:901px){
  html[data-ethnos-ui] body button.ethnosOfficialAction.ethnosOfficialAction,
  html[data-ethnos-ui] body .memberDirectoryDrawer .memberDirectoryInlineSearch button.ethnosOfficialAction.ethnosOfficialAction,
  html[data-ethnos-ui] body .memberMessagesDrawer .memberInvitationActions button.isPrimary.ethnosOfficialAction.ethnosOfficialAction,
  html[data-ethnos-ui] body .memberMessagesDrawer .memberNotificationToolbar button[data-message-mark-all].ethnosOfficialAction.ethnosOfficialAction,
  html[data-ethnos-ui] body .memberMessagesDrawer .memberMessageComposer button.memberMessageComposerSend.ethnosOfficialAction.ethnosOfficialAction,
  html[data-ethnos-ui] body .memberMediaDrawer button[data-media-library-upload].ethnosOfficialAction.ethnosOfficialAction,
  html[data-ethnos-ui] body .memberMediaDrawer button.memberMediaEditProfileButton.ethnosOfficialAction.ethnosOfficialAction,
  html[data-ethnos-ui] body .memberProfileDrawer button.memberEdit.ethnosOfficialAction.ethnosOfficialAction,
  html[data-ethnos-ui] body .memberProfileEditorDrawer button[data-save-profile-editor].ethnosOfficialAction.ethnosOfficialAction{
    height:33px !important;
    min-height:33px !important;
    max-height:33px !important;
  }
}
/* Même échelle responsive que le bouton Fermer Tchat validé. */
@media (min-width:1340px) and (max-width:1392px){
  html[data-ethnos-ui] body button.ethnosOfficialAction.ethnosOfficialAction,
  html[data-ethnos-ui] body .memberDirectoryDrawer .memberDirectoryInlineSearch button.ethnosOfficialAction.ethnosOfficialAction,
  html[data-ethnos-ui] body .memberMessagesDrawer .memberInvitationActions button.isPrimary.ethnosOfficialAction.ethnosOfficialAction,
  html[data-ethnos-ui] body .memberMessagesDrawer .memberNotificationToolbar button[data-message-mark-all].ethnosOfficialAction.ethnosOfficialAction,
  html[data-ethnos-ui] body .memberMessagesDrawer .memberMessageComposer button.memberMessageComposerSend.ethnosOfficialAction.ethnosOfficialAction,
  html[data-ethnos-ui] body .memberMediaDrawer button[data-media-library-upload].ethnosOfficialAction.ethnosOfficialAction,
  html[data-ethnos-ui] body .memberMediaDrawer button.memberMediaEditProfileButton.ethnosOfficialAction.ethnosOfficialAction,
  html[data-ethnos-ui] body .memberProfileDrawer button.memberEdit.ethnosOfficialAction.ethnosOfficialAction,
  html[data-ethnos-ui] body .memberProfileEditorDrawer button[data-save-profile-editor].ethnosOfficialAction.ethnosOfficialAction{
    height:29px !important;
    min-height:29px !important;
    max-height:29px !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
    font-size:9px !important;
  }
}
@media (min-width:1510px) and (max-width:1562px){
  html[data-ethnos-ui] body button.ethnosOfficialAction.ethnosOfficialAction,
  html[data-ethnos-ui] body .memberDirectoryDrawer .memberDirectoryInlineSearch button.ethnosOfficialAction.ethnosOfficialAction,
  html[data-ethnos-ui] body .memberMessagesDrawer .memberInvitationActions button.isPrimary.ethnosOfficialAction.ethnosOfficialAction,
  html[data-ethnos-ui] body .memberMessagesDrawer .memberNotificationToolbar button[data-message-mark-all].ethnosOfficialAction.ethnosOfficialAction,
  html[data-ethnos-ui] body .memberMessagesDrawer .memberMessageComposer button.memberMessageComposerSend.ethnosOfficialAction.ethnosOfficialAction,
  html[data-ethnos-ui] body .memberMediaDrawer button[data-media-library-upload].ethnosOfficialAction.ethnosOfficialAction,
  html[data-ethnos-ui] body .memberMediaDrawer button.memberMediaEditProfileButton.ethnosOfficialAction.ethnosOfficialAction,
  html[data-ethnos-ui] body .memberProfileDrawer button.memberEdit.ethnosOfficialAction.ethnosOfficialAction,
  html[data-ethnos-ui] body .memberProfileEditorDrawer button[data-save-profile-editor].ethnosOfficialAction.ethnosOfficialAction{
    height:32px !important;
    min-height:32px !important;
    max-height:32px !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
    font-size:10px !important;
  }
}

/* -------------------------------------------------------------------------- */
/* 2. ONGLET PROFIL — vrais éléments bleus derrière le contenu.               */
/* Les pseudo-éléments R212 sont neutralisés pour éviter les conflits.         */
/* -------------------------------------------------------------------------- */
html body .memberProfileCompact::before,
html body .memberProfileCompact::after{
  content:none !important;
  display:none !important;
}
html body .memberProfileCompact{
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;
}
html body .memberProfileCompact .memberProfileBlueDecor{
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  overflow:hidden !important;
  pointer-events:none !important;
}
html body .memberProfileCompact .memberProfileBlueDecor>span{
  position:absolute !important;
  display:block !important;
  pointer-events:none !important;
}
html body .memberProfileCompact .memberProfileBlueDecorRing{
  width:118px !important;
  height:118px !important;
  right:-48px !important;
  top:-62px !important;
  border:1px solid rgba(60,154,205,.24) !important;
  border-radius:50% !important;
  box-shadow:0 0 0 16px rgba(60,154,205,.055),0 0 0 32px rgba(60,154,205,.025) !important;
}
html body .memberProfileCompact .memberProfileBlueDecorArc{
  width:92px !important;
  height:46px !important;
  right:8px !important;
  bottom:-25px !important;
  border:1px solid rgba(70,169,220,.20) !important;
  border-bottom:0 !important;
  border-radius:92px 92px 0 0 !important;
  transform:rotate(-7deg) !important;
}
html body .memberProfileCompact .memberProfileBlueDecorDots{
  width:52px !important;
  height:18px !important;
  right:29px !important;
  bottom:12px !important;
  opacity:.32 !important;
  background:radial-gradient(circle,rgba(76,176,226,.72) 0 1.2px,transparent 1.7px) 0 0/10px 9px !important;
}
html body .memberProfileCompact .memberIdentity{
  position:relative !important;
  z-index:1 !important;
}

/* -------------------------------------------------------------------------- */
/* 3. PHOTOS ET DOCUMENTS — bouton Fermer identique au Fermer Profil.         */
/* -------------------------------------------------------------------------- */
html[data-ethnos-ui] body .memberMediaShell .memberMediaScroll>button.memberMediaCloseButton.memberDrawerCloseButton{
  appearance:none !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  height:44px !important;
  min-height:44px !important;
  max-height:44px !important;
  margin:10px 0 0 !important;
  padding:0 22px !important;
  border:1px solid rgba(7,26,57,.34) !important;
  border-radius:10px !important;
  background:#fffdf9 !important;
  color:#071a39 !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 8px 18px rgba(7,26,57,.12) !important;
  filter:none !important;
  transform:none !important;
  cursor:pointer !important;
}
html[data-ethnos-ui] body .memberMediaShell .memberMediaScroll>button.memberMediaCloseButton.memberDrawerCloseButton:hover,
html[data-ethnos-ui] body .memberMediaShell .memberMediaScroll>button.memberMediaCloseButton.memberDrawerCloseButton:focus-visible{
  border-color:rgba(7,26,57,.48) !important;
  background:#fffdf9 !important;
  color:#071a39 !important;
  box-shadow:0 8px 18px rgba(7,26,57,.12) !important;
  filter:none !important;
  transform:none !important;
  outline:none !important;
}
@media (min-width:1200px) and (max-width:1299px) and (max-height:760px){
  html[data-ethnos-ui] body .memberMediaShell .memberMediaScroll>button.memberMediaCloseButton.memberDrawerCloseButton{
    height:30px !important;
    min-height:30px !important;
    max-height:30px !important;
    margin-top:6px !important;
    border-radius:8px !important;
    font-size:10px !important;
    box-shadow:0 4px 10px rgba(7,26,57,.08) !important;
  }
}

/* -------------------------------------------------------------------------- */
/* 4. PHOTOS ET DOCUMENTS — espacements et axe horizontal demandés.          */
/* -------------------------------------------------------------------------- */
html body .memberMediaPhotosSection .memberMediaList{
  margin-top:20px !important;
}
html body .memberMediaDocumentsSection{
  margin-top:50px !important;
}
html body .memberMediaDocumentsSection .memberMediaSectionHeader{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  text-align:center !important;
}
html body .memberMediaDocumentsSection .memberMediaSectionHeader>div,
html body .memberMediaDocumentsSection .memberMediaActions{
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}
html body .memberMediaDocumentsSection .memberMediaSectionHeader h3{
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}
html body .memberMediaDocumentsSection .memberMediaList{
  margin-top:20px !important;
}

/* -------------------------------------------------------------------------- */
/* 5. SIGNALEMENTS — motifs intégrés dans la source et bouton centré.         */
/* -------------------------------------------------------------------------- */
html body .bodyReportsDrawer .bodyReportReasonsR216{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
}
html body .bodyReportsDrawer .bodyReportReasonListR216{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
}
html body .bodyReportsDrawer .bodyReportReasonListR216>span{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:34px !important;
  padding:0 13px !important;
  border:1px solid rgba(242,103,34,.28) !important;
  border-radius:999px !important;
  background:#fffaf4 !important;
  color:#071a39 !important;
  font-family:Manrope,Inter,"Segoe UI",Arial,sans-serif !important;
  font-size:10px !important;
  font-weight:700 !important;
  text-align:center !important;
}
html body .bodyReportsDrawer .bodyModerationQueue article>button.bodyModerationActionR216{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  line-height:1 !important;
  padding-left:12px !important;
  padding-right:12px !important;
}

/* -------------------------------------------------------------------------- */
/* 6. MODIFIER LE PROFIL — Annuler a exactement la hauteur d'Enregistrer.     */
/* La couleur et le style d'Annuler restent inchangés.                         */
/* -------------------------------------------------------------------------- */
html[data-ethnos-ui] body .memberProfileEditorFooter button[data-close-profile-editor]{
  box-sizing:border-box !important;
  height:38px !important;
  min-height:38px !important;
  max-height:38px !important;
}
@media (max-height:820px) and (min-width:901px){
  html[data-ethnos-ui] body .memberProfileEditorFooter button[data-close-profile-editor]{
    height:33px !important;
    min-height:33px !important;
    max-height:33px !important;
  }
}
@media (min-width:1340px) and (max-width:1392px){
  html[data-ethnos-ui] body .memberProfileEditorFooter button[data-close-profile-editor]{
    height:29px !important;
    min-height:29px !important;
    max-height:29px !important;
  }
}
@media (min-width:1510px) and (max-width:1562px){
  html[data-ethnos-ui] body .memberProfileEditorFooter button[data-close-profile-editor]{
    height:32px !important;
    min-height:32px !important;
    max-height:32px !important;
  }
}