/* ==========================================================================
   ETHNOS R220 — VRAI VOLET "SIGNALER ..."
   Cible positive : texte visible "Signaler ...", bouton "Envoyer le signalement".
   Aucun autre volet Messages n'est ciblé.
   ========================================================================== */

/* En-tête : standard clair des volets Messages / Mes invitations. */
html[data-ethnos-ui] body .memberMessagesDrawer .memberMessageReportHeaderR220{
  box-sizing:border-box !important;
  border:0 !important;
  border-bottom:1px solid var(--r211-cream-line,#d8c8b3) !important;
  background-color:var(--r211-cream-top,#fffdf9) !important;
  background-image:var(--r211-cream,linear-gradient(180deg,#fffdf9 0%,#eee1d0 100%)) !important;
  color:var(--r211-navy,#071a39) !important;
  box-shadow:0 1px 0 rgba(7,26,57,.04) !important;
}
html[data-ethnos-ui] body .memberMessagesDrawer .memberMessageReportHeaderR220>span{
  color:var(--r211-orange,#f26722) !important;
  text-shadow:none !important;
}
html[data-ethnos-ui] body .memberMessagesDrawer .memberMessageReportHeaderR220 h3{
  color:var(--r211-navy,#071a39) !important;
  text-shadow:none !important;
}

/* Bouton orange : standard officiel R216, appliqué seulement à l'envoi du signalement. */
html[data-ethnos-ui] body .memberMessagesDrawer button.memberMessageReportSubmitR220.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,rgba(255,211,183,.92)) !important;
  border-radius:9px !important;
  background:var(--r216-action-bg,linear-gradient(180deg,#ffad7a 0%,#ee8d55 100%)) !important;
  color:var(--r216-action-ink,#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-shadow:none !important;
  box-shadow:0 1px 0 var(--r216-action-relief,#c96d3d),0 3px 5px var(--r216-action-shadow,rgba(0,0,0,.11)) !important;
  filter:none !important;
  transform:none !important;
}

/* Fermer : standard clair du volet Profil. */
html[data-ethnos-ui] body .memberMessagesDrawer button.memberMessageReportCloseR220{
  appearance:none !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:calc(100% - 28px) !important;
  min-width:0 !important;
  max-width:none !important;
  min-height:44px !important;
  margin:10px 14px 14px !important;
  padding:0 14px !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,.09) !important;
  filter:none !important;
  transform:none !important;
}

html[data-ethnos-ui] body .memberMessagesDrawer button.memberMessageReportCloseR220:hover,
html[data-ethnos-ui] body .memberMessagesDrawer button.memberMessageReportCloseR220:focus-visible{
  border-color:rgba(7,26,57,.48) !important;
  background:#fffdf9 !important;
  color:#071a39 !important;
  filter:none !important;
  transform:none !important;
  outline:none !important;
  box-shadow:0 8px 18px rgba(7,26,57,.09) !important;
}