/* ETHNOS R569 — fond continu + activités personnelles Messages.
   IMPORTANT : aucun sélecteur du menu/volet Profil. */

:root{--r569-page-slate:#0a202b;--r569-page-slate-deep:#071c27;--r569-line:rgba(101,191,202,.17)}

/* -------------------------------------------------------------------------- */
/* 1. Fond ardoise continu sur les hubs publics.                              */
/* -------------------------------------------------------------------------- */
html body .bodyView-houses.r554UniverseHub,
html body .bodyView-familyDiscovery.r556FamilyHub,
html body .bodyView-events.r561EventsHub,
html body .bodyView-help.r562HelpHub{
  background:var(--r569-page-slate) !important;
  background-image:none !important;
}
html body .bodyView-houses.r554UniverseHub > .bodyViewContent,
html body .bodyView-familyDiscovery.r556FamilyHub > .bodyViewContent,
html body .bodyView-events.r561EventsHub > .bodyViewContent.r561EventsContent,
html body .bodyView-help.r562HelpHub > .bodyViewContent.r562HelpContent,
html body .bodyView-houses.r554UniverseHub .r553UniverseLayout,
html body .bodyView-houses.r554UniverseHub .r554UniverseLayout,
html body .bodyView-houses.r554UniverseHub .r553UniverseFeed,
html body .bodyView-houses.r554UniverseHub .r554UniverseFeed,
html body .bodyView-familyDiscovery.r556FamilyHub .r555FamilyLayout,
html body .bodyView-familyDiscovery.r556FamilyHub .r556FamilyLayout,
html body .bodyView-familyDiscovery.r556FamilyHub .r555FamilyFeed,
html body .bodyView-familyDiscovery.r556FamilyHub .r556FamilyFeed,
html body .bodyView-familyDiscovery.r556FamilyHub .r497FamilyOfficialSection,
html body .bodyView-familyDiscovery.r556FamilyHub .r497FamilySalonSection{
  background:var(--r569-page-slate) !important;
  background-image:none !important;
}
html body .bodyView-houses.r554UniverseHub > .bodyViewContent,
html body .bodyView-familyDiscovery.r556FamilyHub > .bodyViewContent,
html body .bodyView-events.r561EventsHub > .bodyViewContent.r561EventsContent,
html body .bodyView-help.r562HelpHub > .bodyViewContent.r562HelpContent{
  min-height:100% !important;
}

/* Liens vers la fiche du créateur dans les cartes communautaires. */
html body .r569CommunityCreatorLink{
  display:inline !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:inherit !important;
  font:inherit !important;
  line-height:inherit !important;
  text-align:left !important;
  cursor:pointer !important;
  box-shadow:none !important;
}
html body .r569CommunityCreatorLink:hover,
html body .r569CommunityCreatorLink:focus-visible{
  color:#53d7d4 !important;
  text-decoration:underline !important;
  text-underline-offset:2px !important;
  outline:none !important;
}

/* -------------------------------------------------------------------------- */
/* 2. Messages : activités personnelles intégrées au workspace existant.     */
/* -------------------------------------------------------------------------- */
html body .memberMessagesDrawer .memberCommunityActivityView{
  height:100% !important;
  min-height:0 !important;
  overflow:auto !important;
  overscroll-behavior:contain !important;
  padding:14px !important;
  background:#fffaf3 !important;
  color:#071a39 !important;
}
html body .memberMessagesDrawer .memberCommunityActivityIntro{
  display:flex !important;
  align-items:baseline !important;
  gap:7px !important;
  margin:0 0 10px !important;
  color:#617584 !important;
  font:700 11px/1.3 Inter,"Segoe UI",Arial,sans-serif !important;
}
html body .memberMessagesDrawer .memberCommunityActivityIntro b{
  color:#087f89 !important;
  font:900 20px/1 Inter,"Segoe UI",Arial,sans-serif !important;
}
html body .memberMessagesDrawer .memberCommunityActivityList{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr)) !important;
  gap:10px !important;
  align-items:start !important;
}
html body .memberMessagesDrawer .memberCommunityActivityState{
  display:grid !important;
  gap:5px !important;
  align-content:start !important;
  max-width:760px !important;
  padding:16px !important;
  border:1px solid rgba(7,26,57,.14) !important;
  border-radius:13px !important;
  background:#fffdf9 !important;
  color:#657887 !important;
  font:650 11px/1.45 Inter,"Segoe UI",Arial,sans-serif !important;
}
html body .memberMessagesDrawer .memberCommunityActivityState strong{
  color:#071a39 !important;
  font:850 13px/1.25 Inter,"Segoe UI",Arial,sans-serif !important;
}
html body .memberMessagesDrawer .memberCommunityActivityState p{margin:0 !important}
html body .memberMessagesDrawer .memberCommunityActivityState button{
  justify-self:start !important;
  min-height:34px !important;
  margin-top:4px !important;
  padding:0 12px !important;
  border:1px solid rgba(7,26,57,.17) !important;
  border-radius:9px !important;
  background:#f3faf8 !important;
  color:#075f66 !important;
  font:800 9px Inter,"Segoe UI",Arial,sans-serif !important;
  cursor:pointer !important;
}
html body .memberMessagesDrawer .memberCommunityActivityCard{
  display:grid !important;
  gap:9px !important;
  min-width:0 !important;
  padding:13px !important;
  border:1px solid rgba(7,26,57,.14) !important;
  border-radius:14px !important;
  background:#fffdf9 !important;
  box-shadow:0 5px 16px rgba(7,26,57,.045) !important;
}
html body .memberMessagesDrawer .memberCommunityActivityCard > header{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:10px !important;
  align-items:start !important;
}
html body .memberMessagesDrawer .memberCommunityActivityCard > header span{
  display:block !important;
  color:#f26b2b !important;
  font:850 8px/1.25 Inter,"Segoe UI",Arial,sans-serif !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
}
html body .memberMessagesDrawer .memberCommunityActivityCard h3{
  margin:3px 0 0 !important;
  color:#071a39 !important;
  font:850 14px/1.2 Inter,"Segoe UI",Arial,sans-serif !important;
}
html body .memberMessagesDrawer .memberCommunityActivityCard > header > b{
  padding:5px 8px !important;
  border-radius:999px !important;
  background:#eaf8f6 !important;
  color:#087c86 !important;
  font:850 8px/1.2 Inter,"Segoe UI",Arial,sans-serif !important;
  white-space:nowrap !important;
}
html body .memberMessagesDrawer .memberCommunityActivityCard > header > b.isResolved{
  background:#f0eee9 !important;
  color:#75818a !important;
}
html body .memberMessagesDrawer .memberCommunityActivityCard > p{
  margin:0 !important;
  color:#617784 !important;
  font:650 10px/1.45 Inter,"Segoe UI",Arial,sans-serif !important;
}
html body .memberMessagesDrawer .memberCommunityFacts{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:6px !important;
  margin:0 !important;
}
html body .memberMessagesDrawer .memberCommunityFacts > div{
  min-width:0 !important;
  padding:7px 8px !important;
  border-radius:9px !important;
  background:#f4f8f7 !important;
}
html body .memberMessagesDrawer .memberCommunityFacts dt{
  color:#829099 !important;
  font:750 7px/1.2 Inter,"Segoe UI",Arial,sans-serif !important;
  text-transform:uppercase !important;
  letter-spacing:.05em !important;
}
html body .memberMessagesDrawer .memberCommunityFacts dd{
  margin:2px 0 0 !important;
  overflow-wrap:anywhere !important;
  color:#344c5a !important;
  font:750 9px/1.3 Inter,"Segoe UI",Arial,sans-serif !important;
}
html body .memberMessagesDrawer .memberCommunityOffers{
  display:grid !important;
  gap:6px !important;
  padding-top:8px !important;
  border-top:1px solid rgba(7,26,57,.09) !important;
}
html body .memberMessagesDrawer .memberCommunityOffers strong{
  color:#071a39 !important;
  font:850 10px/1.2 Inter,"Segoe UI",Arial,sans-serif !important;
}
html body .memberMessagesDrawer .memberCommunityOffers p{
  margin:0 !important;
  color:#7a8c95 !important;
  font:650 9px/1.4 Inter,"Segoe UI",Arial,sans-serif !important;
}
html body .memberMessagesDrawer .memberCommunityOffer{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:10px !important;
  align-items:center !important;
}
html body .memberMessagesDrawer .memberCommunityOffer button,
html body .memberMessagesDrawer .memberCommunityEventCreator button{
  justify-self:start !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  color:#087c86 !important;
  font:800 10px/1.3 Inter,"Segoe UI",Arial,sans-serif !important;
  cursor:pointer !important;
}
html body .memberMessagesDrawer .memberCommunityOffer button:hover,
html body .memberMessagesDrawer .memberCommunityEventCreator button:hover{text-decoration:underline !important}
html body .memberMessagesDrawer .memberCommunityOffer span{
  color:#87959b !important;
  font:650 8px Inter,"Segoe UI",Arial,sans-serif !important;
}
html body .memberMessagesDrawer .memberCommunityActivityCard > footer{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:flex-end !important;
  gap:7px !important;
  padding-top:2px !important;
}
html body .memberMessagesDrawer .memberCommunityActivityCard > footer button,
html body .memberMessagesDrawer .memberCommunityFormActions button{
  min-height:33px !important;
  padding:0 11px !important;
  border:1px solid rgba(7,26,57,.17) !important;
  border-radius:9px !important;
  background:#f3faf8 !important;
  color:#075f66 !important;
  font:800 9px Inter,"Segoe UI",Arial,sans-serif !important;
  cursor:pointer !important;
}
html body .memberMessagesDrawer .memberCommunityActivityCard > footer button.isDanger{
  border-color:rgba(210,87,57,.24) !important;
  background:#fff3ed !important;
  color:#b64a2f !important;
}
html body .memberMessagesDrawer .memberCommunityTabs{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:8px !important;
  margin-bottom:10px !important;
}
html body .memberMessagesDrawer .memberCommunityTabs button{
  min-height:39px !important;
  padding:0 10px !important;
  border:1px solid rgba(7,26,57,.15) !important;
  border-radius:10px !important;
  background:#fff !important;
  color:#566b79 !important;
  font:800 10px Inter,"Segoe UI",Arial,sans-serif !important;
  cursor:pointer !important;
}
html body .memberMessagesDrawer .memberCommunityTabs button.isActive{
  border-color:#0b8e98 !important;
  background:#eaf8f6 !important;
  color:#071a39 !important;
}
html body .memberMessagesDrawer .memberCommunityTabs b{margin-left:4px !important;color:#07848e !important}
html body .memberMessagesDrawer .memberCommunityEventCreator{
  color:#6a7d88 !important;
  font:650 9px/1.35 Inter,"Segoe UI",Arial,sans-serif !important;
}
html body .memberMessagesDrawer .memberCommunityEditForm{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:8px !important;
}
html body .memberMessagesDrawer .memberCommunityEditForm label{
  display:grid !important;
  gap:4px !important;
  color:#657887 !important;
  font:800 8px/1.2 Inter,"Segoe UI",Arial,sans-serif !important;
  text-transform:uppercase !important;
  letter-spacing:.04em !important;
}
html body .memberMessagesDrawer .memberCommunityEditForm label.isWide{grid-column:1/-1 !important}
html body .memberMessagesDrawer .memberCommunityEditForm input,
html body .memberMessagesDrawer .memberCommunityEditForm select,
html body .memberMessagesDrawer .memberCommunityEditForm textarea{
  width:100% !important;
  min-width:0 !important;
  border:1px solid rgba(7,26,57,.17) !important;
  border-radius:9px !important;
  background:#fff !important;
  color:#071a39 !important;
  font:650 10px/1.35 Inter,"Segoe UI",Arial,sans-serif !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  box-sizing:border-box !important;
}
html body .memberMessagesDrawer .memberCommunityEditForm input,
html body .memberMessagesDrawer .memberCommunityEditForm select{height:36px !important;padding:0 9px !important}
html body .memberMessagesDrawer .memberCommunityEditForm textarea{min-height:88px !important;padding:9px !important;resize:vertical !important}
html body .memberMessagesDrawer .memberCommunityFormActions{
  grid-column:1/-1 !important;
  display:flex !important;
  justify-content:flex-end !important;
  gap:7px !important;
}
html body .memberMessagesDrawer .memberCommunityFormActions button.isPrimary{
  border-color:#e9692c !important;
  background:#ff8447 !important;
  color:#17243a !important;
  box-shadow:0 3px 0 #c9521e !important;
}
@media (max-width:760px){
  html body .memberMessagesDrawer .memberCommunityActivityList{grid-template-columns:1fr !important}
  html body .memberMessagesDrawer .memberCommunityFacts,
  html body .memberMessagesDrawer .memberCommunityEditForm,
  html body .memberMessagesDrawer .memberCommunityTabs{grid-template-columns:1fr !important}
  html body .memberMessagesDrawer .memberCommunityEditForm label.isWide,
  html body .memberMessagesDrawer .memberCommunityFormActions{grid-column:1 !important}
}