/* ========================================================================== */
/* ETHNOS R142 — Messages : transitions, harmonisation et gestion             */
/* Base : R141. Correctifs et évolutions ciblés du 3 août 2026.                */
/* ========================================================================== */

/* Géométrie Messages calculée depuis les vraies cartes Profil / Maps. */
html body.hasMessagesDrawerOpenR141 .memberNavDrawerLayer{
  top:var(--r141-message-top,var(--ethnos-card-height)) !important;
  right:0 !important;
  bottom:var(--r141-message-bottom,var(--ethnos-card-height)) !important;
  left:var(--r141-message-left,var(--ethnos-search-width)) !important;
  width:auto !important;
  overflow:hidden !important;
  contain:paint !important;
  pointer-events:none !important;
}
html body.hasMessagesDrawerOpenR141 .memberMessagesDrawer.isOpen{
  pointer-events:auto !important;
}

/* Le premier volet descend réellement depuis le dessous de Profil. */
html body .memberMessagesDrawer{
  transform:translate3d(0,-101%,0) !important;
  opacity:1 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  will-change:transform,opacity !important;
  transition:
    transform .40s cubic-bezier(.22,.72,.18,1),
    opacity .14s ease,
    visibility 0s linear .40s !important;
}
html body .memberMessagesDrawer.isOpen{
  transform:translate3d(0,0,0) !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transition:
    transform .40s cubic-bezier(.22,.72,.18,1),
    opacity .14s ease,
    visibility 0s !important;
}

/* Fermeture sans déplacement lors d'un changement de volet : aucun fantôme. */
html body .memberNavDrawer.isR141FadingOut,
html body .memberMessagesDrawer.isR141FadingOut{
  transform:translate3d(0,0,0) !important;
  opacity:0 !important;
  visibility:visible !important;
  pointer-events:none !important;
  transition:opacity .12s ease !important;
}
html body .memberNavDrawer.isR141NoTransition{
  transition:none !important;
  animation:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

/* Largeur du tableau principal alignée sur la vraie fiche Profil. */
html body .memberMessagesDrawer .memberMessageCenter{
  --message-dashboard-width:var(--r141-message-dashboard-width,var(--ethnos-context-width,430px)) !important;
}

/* Les flèches ouvrent le volet situé à gauche. */
html body .memberMessagesDrawer .memberMessageDashboardButton>i{
  display:inline-grid !important;
  place-items:center !important;
  min-width:22px !important;
  color:#f26722 !important;
  font-size:20px !important;
  line-height:1 !important;
  transform:none !important;
}

/* Fermer = dimensions exactes du bouton Fermer du Profil, tous formats. */
html body .memberMessagesDrawer .memberMessageDashboardClose{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:calc(100% - 28px) !important;
  min-width:0 !important;
  min-height:44px !important;
  margin:10px 14px 14px !important;
  padding:0 14px !important;
  border:1px solid #071a39 !important;
  border-radius:10px !important;
  background:#071a39 !important;
  color:#fffaf3 !important;
  font-family:var(--ethnos-official-title) !important;
  font-size:clamp(13px,.84vw,16px) !important;
  font-weight:700 !important;
  line-height:1.15 !important;
  box-shadow:0 8px 18px rgba(7,26,57,.12) !important;
}
html body .memberMessagesDrawer .memberMessageDashboardClose:hover{
  background:#0b2c49 !important;
  color:#fff !important;
}

/* L'ancien flou interne est neutralisé : les deux volets restent nets. */
html body .memberMessagesDrawer .memberMessageWorkspaceBackdrop{
  display:none !important;
  opacity:0 !important;
  pointer-events:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
html body .memberMessageCenter.hasMessageWorkspaceOpen .memberMessageDashboard{
  filter:none !important;
  opacity:1 !important;
}

/* Flou global placé SOUS les volets Messages, comme l'éditeur Profil. */
.memberMessagesGlobalBackdropR141[hidden]{display:none !important}
.memberMessagesGlobalBackdropR141{
  position:fixed;
  inset:0;
  z-index:80;
  width:100%;
  height:100%;
  padding:0;
  border:0;
  background:rgba(1,10,16,.34);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  backdrop-filter:blur(3px);
  -webkit-backdrop-filter:blur(3px);
  transition:opacity .28s ease,visibility 0s linear .28s;
}
body.hasMessageWorkspaceOpenR141 .memberMessagesGlobalBackdropR141{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transition:opacity .28s ease,visibility 0s;
}

/* Tous les volets Messages restent au-dessus du flou. */
html body.hasMessagesDrawerOpenR141 .memberNavDrawerLayer{
  z-index:81 !important;
}
html body.hasMessagesDrawerOpenR141 .memberMessagesDrawer,
html body.hasMessagesDrawerOpenR141 .memberMessageDashboard,
html body.hasMessagesDrawerOpenR141 .memberMessageWorkspaceHost,
html body.hasMessagesDrawerOpenR141 .memberMessageWorkspace,
html body.hasMessagesDrawerOpenR141 .memberMessageSideDrawer{
  filter:none !important;
}

/* Le panneau de détail glisse sans flash ni liseré. */
html body .memberMessagesDrawer .memberMessageWorkspaceHost{
  overflow:hidden !important;
  background:transparent !important;
  pointer-events:none !important;
}
html body .memberMessagesDrawer .memberMessageWorkspaceHost:has(.memberMessageWorkspace.isOpen){
  pointer-events:auto !important;
}
html body .memberMessagesDrawer .memberMessageWorkspace{
  transform:translate3d(101%,0,0) !important;
  opacity:0 !important;
  visibility:hidden !important;
  border:0 !important;
  outline:0 !important;
  transition:
    transform .36s cubic-bezier(.22,.72,.18,1),
    opacity .16s ease,
    visibility 0s linear .36s !important;
}
html body .memberMessagesDrawer .memberMessageWorkspace.isOpen{
  transform:translate3d(0,0,0) !important;
  opacity:1 !important;
  visibility:visible !important;
  transition:
    transform .36s cubic-bezier(.22,.72,.18,1),
    opacity .16s ease,
    visibility 0s !important;
}

/* Aucun volet inactif ne doit rester visible ou cliquable. */
html body .memberNavDrawer:not(.isOpen):not(.isR141FadingOut){
  pointer-events:none !important;
}
html body .memberMessagesDrawer:not(.isOpen):not(.isR141FadingOut) .memberMessageWorkspace,
html body .memberMessagesDrawer:not(.isOpen):not(.isR141FadingOut) .memberMessageSideDrawer{
  visibility:hidden !important;
  pointer-events:none !important;
}

@media (max-width:760px){
  html body.hasMessagesDrawerOpenR141 .memberNavDrawerLayer{
    left:0 !important;
  }
}

/* ========================================================================== */
/* ETHNOS R142 — harmonisation Messages, gestion et notifications            */
/* ========================================================================== */

/* Palette officielle issue du volet Profil. */
html body .memberMessagesDrawer .memberMessageCenter{
  --profile-cream-description:#fff8ee;
  --profile-cream-details:#f8fbf8;
  --profile-cream-interests:#fff5e9;
  --profile-cream-stats:#f4f8fa;
  --profile-cream-trophy:#fff1df;
  --profile-navy:#071a39;
  --profile-orange:#f26722;
}

/* Titres des trois environnements : orange net sur bleu nuit. */
html body .memberMessagesDrawer .memberMessageWorkspaceHeader{
  min-height:104px !important;
  padding-top:18px !important;
  padding-bottom:18px !important;
  border-left:0 !important;
  border-right:0 !important;
  outline:0 !important;
}
html body .memberMessagesDrawer .memberMessageWorkspaceHeader h2{
  color:var(--profile-orange) !important;
  font-size:clamp(28px,2.15vw,40px) !important;
  line-height:1.02 !important;
  text-shadow:none !important;
}
html body .memberMessagesDrawer .memberMessageWorkspaceHeader p{
  max-width:920px !important;
  margin-top:9px !important;
  color:#e2edef !important;
  font-size:clamp(13px,.92vw,16px) !important;
  font-weight:650 !important;
  line-height:1.48 !important;
}
html body .memberMessagesDrawer .memberMessageWorkspaceHeader>button{
  min-width:140px !important;
  min-height:44px !important;
  padding:0 18px !important;
  font-size:clamp(13px,.84vw,16px) !important;
}

/* Vraies teintes crème du Profil sur tous les environnements Messages. */
html body .memberMessagesDrawer .memberMessageWorkspace,
html body .memberMessagesDrawer .memberMessageBody{
  background:var(--profile-cream-description) !important;
}
html body .memberMessagesDrawer .memberMessageSidebar{
  background:var(--profile-cream-details) !important;
}
html body .memberMessagesDrawer .memberMessageSidebarHead,
html body .memberMessagesDrawer .memberMessageMainHead,
html body .memberMessagesDrawer .memberMessageComposer{
  background:var(--profile-cream-stats) !important;
}
html body .memberMessagesDrawer .memberMessageSubfilters,
html body .memberMessagesDrawer .memberNotificationToolbar{
  background:var(--profile-cream-interests) !important;
}
html body .memberMessagesDrawer .memberMessageMain,
html body .memberMessagesDrawer .memberMessageScroll,
html body .memberMessagesDrawer .memberConversationMessages{
  background:var(--profile-cream-description) !important;
}
html body .memberMessagesDrawer .memberMessageListItem:nth-child(odd),
html body .memberMessagesDrawer .memberNotificationRow:nth-child(odd){
  background:var(--profile-cream-description) !important;
}
html body .memberMessagesDrawer .memberMessageListItem:nth-child(even),
html body .memberMessagesDrawer .memberNotificationRow:nth-child(even){
  background:var(--profile-cream-details) !important;
}
html body .memberMessagesDrawer .memberInvitationCard{
  background:var(--profile-cream-description) !important;
}
html body .memberMessagesDrawer .memberInvitationMessage{
  background:var(--profile-cream-details) !important;
}
html body .memberMessagesDrawer .memberInvitationFacts div:nth-child(odd){
  background:var(--profile-cream-interests) !important;
}
html body .memberMessagesDrawer .memberInvitationFacts div:nth-child(even){
  background:var(--profile-cream-stats) !important;
}

/* Sous-titres et petits filtres enfin lisibles. */
html body .memberMessagesDrawer .memberMessageSidebarHead p{
  font-size:clamp(11px,.78vw,14px) !important;
  line-height:1.5 !important;
}
html body .memberMessagesDrawer .memberMessageSubfilters{
  gap:8px !important;
  padding:6px 18px 14px !important;
}
html body .memberMessagesDrawer .memberMessageSubfilters button,
html body .memberMessagesDrawer .memberNotificationToolbar button{
  min-height:38px !important;
  padding:0 15px !important;
  font-size:clamp(10px,.7vw,12px) !important;
  border-radius:999px !important;
}
html body .memberMessagesDrawer .memberNotificationToolbar{
  gap:9px !important;
  padding:18px clamp(18px,2vw,30px) 13px !important;
}
html body .memberMessagesDrawer .memberNotificationToolbar [data-message-mark-all]{
  min-height:42px !important;
  padding:0 18px !important;
  color:#071a39 !important;
  border-color:#f26722 !important;
  background:linear-gradient(180deg,#ff9a58,#f27630) !important;
  font-size:clamp(11px,.75vw,13px) !important;
}

/* Scroll interne Notifications dès 1366 × 766 et sur tous les formats. */
html body .memberMessagesDrawer [data-message-view="notifications"],
html body .memberMessagesDrawer .memberNotificationsMain{
  height:100% !important;
  min-height:0 !important;
  overflow:hidden !important;
}
html body .memberMessagesDrawer .memberNotificationsMain{
  display:grid !important;
  grid-template-rows:auto minmax(0,1fr) !important;
}
html body .memberMessagesDrawer .memberNotificationScroll{
  min-height:0 !important;
  height:100% !important;
  overflow-y:auto !important;
  overscroll-behavior:contain !important;
  scrollbar-width:thin !important;
  scrollbar-color:rgba(7,26,57,.28) transparent !important;
}

/* Notifications : suppression individuelle, sans toucher à l’événement source. */
html body .memberMessagesDrawer .memberNotificationRow{
  grid-template-columns:48px minmax(0,1fr) auto !important;
  gap:15px !important;
  min-height:92px !important;
  padding:15px 17px !important;
}
html body .memberMessagesDrawer .memberNotificationIcon{
  width:48px !important;
  height:48px !important;
}
html body .memberMessagesDrawer .memberNotificationRow h4{
  font-size:clamp(13px,.92vw,16px) !important;
  line-height:1.3 !important;
}
html body .memberMessagesDrawer .memberNotificationRow p{
  font-size:clamp(10px,.72vw,12px) !important;
}
html body .memberMessagesDrawer .memberNotificationGo{
  font-size:clamp(9px,.66vw,11px) !important;
}
.memberNotificationMeta{
  display:grid;
  justify-items:end;
  align-content:center;
  gap:9px;
}
html body .memberMessagesDrawer .memberNotificationMeta time{
  font-size:clamp(9px,.62vw,11px) !important;
}
html body .memberMessagesDrawer .memberNotificationMeta button{
  min-height:30px;
  padding:0 10px;
  border:1px solid rgba(158,45,44,.25);
  border-radius:8px;
  background:#fff7f4;
  color:#9e2d2c;
  font-size:10px;
  font-weight:800;
  cursor:pointer;
}
html body .memberMessagesDrawer .memberNotificationMeta button:hover{
  border-color:#9e2d2c;
  background:#fff0eb;
}

/* Gestion de la discussion : vrai bouton orange, plus de petit ⓘ. */
.memberMessageManageButton{
  min-height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 16px;
  border:1px solid #f26722;
  border-radius:10px;
  background:linear-gradient(180deg,#ff9a58,#f27630);
  color:#071a39;
  font-family:var(--ethnos-official-title,Manrope,Inter,sans-serif);
  font-size:clamp(10px,.72vw,13px);
  font-weight:800;
  cursor:pointer;
  box-shadow:0 8px 18px rgba(244,122,53,.18);
}
.memberMessageManageButton:hover,
.memberMessageManageButton:focus-visible{
  filter:brightness(1.04);
  transform:translateY(-1px);
  outline:0;
}

/* Cloche : unique endroit de réglage des notifications. */
.memberMessageNotificationControl{position:relative;z-index:24}
.memberMessageNotificationMenu[hidden]{display:none !important}
.memberMessageNotificationMenu{
  position:absolute;
  z-index:90;
  top:calc(100% + 8px);
  right:0;
  width:min(310px,78vw);
  padding:12px;
  border:1px solid rgba(7,26,57,.18);
  border-radius:12px;
  background:#fff8ee;
  box-shadow:0 18px 48px rgba(0,0,0,.24);
}
.memberMessageNotificationMenu strong{
  display:block;
  margin:0 0 9px;
  color:#071a39;
  font-size:12px;
}
.memberMessageNotificationMenu>button{
  width:100%;
  min-height:38px;
  margin-top:6px;
  padding:0 11px;
  border:1px solid rgba(7,26,57,.14);
  border-radius:9px;
  background:#f8fbf8;
  color:#536b78;
  text-align:left;
  font-size:10px;
  font-weight:800;
  cursor:pointer;
}
.memberMessageNotificationMenu>button.isActive{
  border-color:#31d1cf;
  background:#eaf9f6;
  color:#071a39;
}
.memberMessageNotificationMenu>span{
  display:block;
  margin:12px 0 6px;
  color:#071a39;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.memberMessageNotificationMenu>div{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px;
}
.memberMessageNotificationMenu>div button{
  min-height:34px;
  border:1px solid rgba(244,122,53,.25);
  border-radius:8px;
  background:#fff5e9;
  color:#8b4b2c;
  font-size:9px;
  font-weight:800;
  cursor:pointer;
}

/* Volet Gestion : suppression des liserés et couleurs conformes au Profil. */
html body .memberMessagesDrawer .memberMessageSideDrawer{
  border:0 !important;
  border-left:0 !important;
  outline:0 !important;
  background:var(--profile-cream-description) !important;
  color:#071a39 !important;
  overflow:hidden !important;
}
html body .memberMessagesDrawer .memberMessageSideDrawerHeader{
  width:100% !important;
  box-sizing:border-box !important;
  border:0 !important;
  border-bottom:1px solid rgba(49,209,207,.28) !important;
  background:linear-gradient(118deg,#03141e,#083241) !important;
}
html body .memberMessagesDrawer .memberMessageSideDrawerHeader span{
  color:#31d1cf !important;
}
html body .memberMessagesDrawer .memberMessageSideDrawerHeader h3{
  color:#f26722 !important;
  font-family:var(--ethnos-official-title,Manrope,Inter,sans-serif) !important;
  font-size:clamp(20px,1.45vw,28px) !important;
  line-height:1.05 !important;
}
html body .memberMessagesDrawer .memberMessageSideDrawerHeader p{
  margin:7px 0 0;
  color:#e2edef;
  font-size:11px;
  font-weight:650;
}
html body .memberMessagesDrawer .memberMessageSideDrawerBody{
  background:var(--profile-cream-description) !important;
}
html body .memberMessagesDrawer .memberMessageSideProfile{
  margin:-18px -18px 0 !important;
  padding:26px 18px 20px !important;
  background:var(--profile-cream-trophy) !important;
  border-bottom:1px solid rgba(7,26,57,.08) !important;
}
html body .memberMessagesDrawer .memberMessageSideProfile .memberMessageAvatar{
  color:#fffaf3 !important;
  background:linear-gradient(145deg,#092b3a,#0c4653) !important;
  border-color:#f26722 !important;
}
html body .memberMessagesDrawer .memberMessageSideSection:nth-of-type(odd){
  background:var(--profile-cream-interests) !important;
}
html body .memberMessagesDrawer .memberMessageSideSection:nth-of-type(even){
  background:var(--profile-cream-details) !important;
}
html body .memberMessagesDrawer .memberMessageSideSection{
  margin:16px -10px 0 !important;
  padding:16px 10px 0 !important;
  border-top:1px solid rgba(7,26,57,.10) !important;
}
html body .memberMessagesDrawer .memberMessageSideSection button,
html body .memberMessagesDrawer .memberMessageSideSection label{
  background:#fffdf9 !important;
}
html body .memberMessagesDrawer .memberMessageSecuritySection{
  border-top:2px solid rgba(242,103,34,.45) !important;
}
html body .memberMessagesDrawer .memberMessageSecuritySection h5{
  color:#b65128 !important;
}

/* Liste des contenus partagés et suppression/masquage. */
.memberMessageMediaItem{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  min-height:62px;
  padding:10px;
  border:1px solid rgba(7,26,57,.12);
  border-radius:10px;
  background:#fffdf9;
}
.memberMessageMediaItem+.memberMessageMediaItem{margin-top:8px}
.memberMessageMediaItem div{min-width:0}
.memberMessageMediaItem b{
  display:block;
  overflow:hidden;
  color:#071a39;
  font-size:11px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.memberMessageMediaItem span{
  display:block;
  margin-top:4px;
  color:#72858f;
  font-size:9px;
}
html body .memberMessagesDrawer .memberMessageMediaItem button{
  width:auto !important;
  min-height:34px !important;
  padding:0 10px !important;
  color:#9e2d2c !important;
  border-color:rgba(158,45,44,.24) !important;
  background:#fff7f4 !important;
  font-weight:800 !important;
}
.memberMessageMediaEmpty{
  padding:18px;
  border:1px dashed rgba(7,26,57,.2);
  border-radius:10px;
  color:#71848f;
  text-align:center;
  font-size:10px;
}
.memberMessageRetentionNote p{
  margin:0;
  color:#657984;
  font-size:9px;
  line-height:1.55;
}

/* Modales Ethnos, à la place des fenêtres Chrome. */
.ethnosMessageDialogLayer[hidden]{display:none !important}
.ethnosMessageDialogLayer{
  position:fixed;
  z-index:250;
  inset:0;
  display:grid;
  place-items:center;
  padding:20px;
  background:rgba(1,10,16,.58);
  opacity:0;
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
  transition:opacity .17s ease;
}
.ethnosMessageDialogLayer.isOpen{opacity:1}
.ethnosMessageDialog{
  width:min(560px,100%);
  padding:24px;
  border:1px solid rgba(49,209,207,.28);
  border-radius:16px;
  background:#fff8ee;
  color:#071a39;
  box-shadow:0 28px 80px rgba(0,0,0,.38);
}
.ethnosMessageDialogEyebrow{
  color:#31aeb0;
  font-size:10px;
  font-weight:800;
  letter-spacing:.14em;
}
.ethnosMessageDialog h3{
  margin:8px 0 0;
  color:#071a39;
  font-family:var(--ethnos-official-title,Manrope,Inter,sans-serif);
  font-size:clamp(24px,2vw,34px);
}
.ethnosMessageDialog p{
  margin:12px 0 0;
  color:#5e7280;
  font-size:13px;
  line-height:1.55;
}
.ethnosMessageDialogField{
  position:relative;
  display:grid;
  gap:7px;
  margin-top:18px;
}
.ethnosMessageDialogField>span{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.ethnosMessageDialogField input{
  min-height:48px;
  padding:0 48px 0 13px;
  border:1.5px solid rgba(7,26,57,.36);
  border-radius:10px;
  background:#fffdf9;
  color:#071a39;
  font-size:15px;
  outline:0;
}
.ethnosMessageDialogField input:focus{border-color:#31d1cf;box-shadow:0 0 0 3px rgba(49,209,207,.12)}
.ethnosMessageDialogField small{position:absolute;right:12px;bottom:16px;color:#7a8b94;font-size:9px}
.ethnosMessageDialogError{margin-top:8px;color:#9e2d2c;font-size:11px;font-weight:800}
.ethnosMessageDialogActions{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  margin-top:22px;
}
.ethnosMessageDialogActions button{
  min-width:130px;
  min-height:44px;
  padding:0 16px;
  border:1px solid #071a39;
  border-radius:10px;
  background:#071a39;
  color:#fffaf3;
  font-family:var(--ethnos-official-title,Manrope,Inter,sans-serif);
  font-size:13px;
  font-weight:800;
  cursor:pointer;
}
.ethnosMessageDialogActions button.isPrimary{
  border-color:#f26722;
  background:linear-gradient(180deg,#ff9a58,#f27630);
  color:#071a39;
}
.ethnosMessageDialogActions button.isDanger{
  border-color:#9e2d2c;
  background:#9e2d2c;
  color:#fff;
}

/* Très grands formats : agrandir uniquement la partie de gestion demandée. */
@media (min-width:1921px) and (min-height:1081px){
  html body .memberMessagesDrawer .memberMessageSideDrawerBody{padding:24px !important}
  html body .memberMessagesDrawer .memberMessageSideSection{
    margin-top:22px !important;
    padding-top:21px !important;
  }
  html body .memberMessagesDrawer .memberMessageSideSection h5{
    margin-bottom:13px !important;
    font-size:13px !important;
  }
  html body .memberMessagesDrawer .memberMessageSideSection button,
  html body .memberMessagesDrawer .memberMessageSideSection label{
    min-height:50px !important;
    padding:0 14px !important;
    font-size:12px !important;
  }
  html body .memberMessagesDrawer .memberMessageSideSection button b,
  html body .memberMessagesDrawer .memberMessageSideSection label b{
    font-size:15px !important;
  }
  .memberMessageMediaItem{min-height:74px;padding:14px}
  .memberMessageMediaItem b{font-size:13px}
  .memberMessageMediaItem span,.memberMessageRetentionNote p{font-size:11px}
}

@media (max-width:760px){
  html body .memberMessagesDrawer .memberMessageWorkspaceHeader{
    min-height:96px !important;
    align-items:flex-start !important;
  }
  html body .memberMessagesDrawer .memberMessageWorkspaceHeader>button{
    min-width:100px !important;
  }
  html body .memberMessagesDrawer .memberNotificationToolbar{
    flex-wrap:wrap !important;
  }
  html body .memberMessagesDrawer .memberNotificationToolbar [data-message-mark-all]{
    margin-left:0 !important;
  }
  html body .memberMessagesDrawer .memberNotificationRow{
    grid-template-columns:42px minmax(0,1fr) !important;
  }
  .memberNotificationMeta{
    grid-column:2;
    grid-template-columns:1fr auto;
    justify-items:start;
    align-items:center;
  }
  .memberMessageManageButton{padding:0 10px;font-size:10px}
  .ethnosMessageDialogActions{display:grid;grid-template-columns:1fr 1fr}
  .ethnosMessageDialogActions button{min-width:0}
}