/* ========================================================================== */
/* ETHNOS R144 — finitions compactes Messages et dock sous Tchat              */
/* Base : R143. Corrections ciblées du 3 août 2026.                           */
/* ========================================================================== */

/* 1 — En-tête Conversations : bouton + stable et contrôlable sans style inline. */
html body .memberMessagesDrawer .memberMessageSidebarTitleRow{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:8px !important;
  min-width:0 !important;
}
html body .memberMessagesDrawer .memberMessageSidebarTitleRow h3{
  min-width:0 !important;
}
html body .memberMessagesDrawer [data-new-private-room]{
  flex:0 0 auto !important;
  transform:translateX(-9px) !important;
}
html body .memberMessagesDrawer [data-new-private-room]:hover,
html body .memberMessagesDrawer [data-new-private-room]:focus-visible{
  transform:translateX(-9px) translateY(-1px) !important;
}

/* 2 — Recherche : 15 px plus étroite et parfaitement centrée en standard. */
html body .memberMessagesDrawer .memberMessageSearch{
  width:calc(100% - 51px) !important;
  max-width:calc(100% - 51px) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* 3 — Séparation liste / conversation plus nette sur toute la hauteur. */
html body .memberMessagesDrawer .memberMessageSidebar{
  border-right:2px solid rgba(7,26,57,.28) !important;
  box-shadow:1px 0 0 rgba(49,209,207,.12) !important;
}
html body .memberMessagesDrawer .memberMessageMain{
  border-left:0 !important;
}

/* 4 — 1366 × 768 et 1536 × 864 : recherche -40 px et + à 4 px du titre. */
@media (max-width:1600px) and (max-height:920px){
  html body .memberMessagesDrawer .memberMessageSearch{
    width:calc(100% - 78px) !important;
    max-width:calc(100% - 78px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  html body .memberMessagesDrawer .memberMessageSidebarTitleRow{
    justify-content:flex-start !important;
    gap:4px !important;
  }
  html body .memberMessagesDrawer [data-new-private-room],
  html body .memberMessagesDrawer [data-new-private-room]:hover,
  html body .memberMessagesDrawer [data-new-private-room]:focus-visible{
    transform:none !important;
  }
}

/* 5 — La navigation crème continue jusqu'à gauche MAIS reste sous Tchat. */
@media (min-width:901px){
  html body .memberLayout{
    z-index:20 !important;
  }
  html body .memberApp::after{
    content:"" !important;
    display:block !important;
    position:fixed !important;
    z-index:10 !important;
    left:0 !important;
    bottom:var(--footer-legal) !important;
    width:calc(var(--ethnos-search-width) + 54px) !important;
    height:var(--r110-dock-height) !important;
    box-sizing:border-box !important;
    pointer-events:none !important;
    background:linear-gradient(180deg,rgba(255,252,247,.98),rgba(255,249,240,.93)) !important;
    border-top:1px solid rgba(7,26,57,.18) !important;
    border-bottom:1px solid rgba(7,26,57,.18) !important;
    box-shadow:0 18px 45px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.88) !important;
  }
  html body .memberWorldDock{
    left:calc(var(--ethnos-search-width) + 49px) !important;
    right:calc(var(--ethnos-context-width) - 16px) !important;
    padding-left:5px !important;
    transform:none !important;
    border-radius:0 16px 16px 0 !important;
    z-index:30 !important;
  }
  html body .memberExplorerPanel{
    position:relative !important;
    z-index:24 !important;
  }
}