/* ========================================================================== */
/* ETHNOS R549 — finition ciblée des panneaux connectés                       */
/* Base figée : R548.                                                         */
/* Périmètre : profil compact connecté, Messages et géométrie salon R287.    */
/* ========================================================================== */

/* -------------------------------------------------------------------------- */
/* 1. ONGLET PROFIL CONNECTÉ — palette/typo de l'onglet Découverte R444.     */
/* Dimensions, structure, avatar et interactions R548 conservés.              */
/* -------------------------------------------------------------------------- */
html.ethnosConnectedUnified .memberProfileCompact:not(.isExpanded){
  background:rgba(255,251,244,.94) !important;
  background-image:none !important;
  border-color:rgba(7,26,57,.14) !important;
  color:#071a39 !important;
  box-shadow:0 12px 30px rgba(7,26,57,.16) !important;
}

html.ethnosConnectedUnified .memberProfileCompact:not(.isExpanded) .memberIdentity h2{
  color:#071a39 !important;
  font-family:Inter,"Segoe UI",Arial,sans-serif !important;
  font-weight:850 !important;
  letter-spacing:-.045em !important;
  text-shadow:none !important;
}

html.ethnosConnectedUnified .memberProfileCompact:not(.isExpanded) .memberProfileMetaRow,
html.ethnosConnectedUnified .memberProfileCompact:not(.isExpanded) .memberProfileMetaRow > p,
html.ethnosConnectedUnified .memberProfileCompact:not(.isExpanded) .memberIdentity p{
  color:#4f6073 !important;
  font-family:var(--font-interface,Manrope,"Segoe UI",Arial,sans-serif) !important;
  text-shadow:none !important;
}

html.ethnosConnectedUnified .memberProfileCompact:not(.isExpanded) .r484OfficialBadge{
  border-color:rgba(239,139,85,.55) !important;
  background:rgba(239,139,85,.08) !important;
  color:#b95d2f !important;
}

html.ethnosConnectedUnified .memberProfileCompact:not(.isExpanded) .r484OfficialLabel{
  color:#4f6073 !important;
}

/* -------------------------------------------------------------------------- */
/* 2. MESSAGES — même extension basse que les autres volets + contenu net.   */
/* R141 réservait une carte complète en bas et floutait tout le viewport.     */
/* -------------------------------------------------------------------------- */
html.ethnosConnectedUnified body.hasMessagesDrawerOpenR141 .memberNavDrawerLayer{
  bottom:0 !important;
}

html.ethnosConnectedUnified body.hasMessageWorkspaceOpenR141 .memberMessagesGlobalBackdropR141{
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

/* -------------------------------------------------------------------------- */
/* 3. SALONS R287 — volets bord à bord dans leur zone utile.                 */
/* Le moteur de grille global n'est pas changé.                               */
/* -------------------------------------------------------------------------- */
@media (min-width:901px){
  /* Volet gauche : suppression du vide de 10 px sous la navigation. */
  html.ethnosConnectedUnified body.r287v14Active .memberExplorerPanel,
  html.ethnosConnectedUnified body.isTchatDrawerOpen.r287v14Active .memberExplorerPanel{
    top:var(--topbar,54px) !important;
  }

  /* Centre : suppression du vide bas R185 (2 × 10 px), sans changer le dock. */
  html.ethnosConnectedUnified body.isTchatDrawerOpen.r287v14Active .memberWorkspace{
    height:calc(100% - var(--r110-dock-height,54px)) !important;
    margin-top:0 !important;
  }

  /* Volet membres : collé au profil en haut et prolongé jusqu'en bas. */
  html.ethnosConnectedUnified body.r287v14Active .memberRightRail > .r287v14Online{
    top:var(--ethnos-card-height) !important;
    bottom:0 !important;
  }

  /*
     Espace navigation -> onglets : réduction de 70 % par rapport à R548.
     Grand format R548 : 54 px (shell) + 14 px (onglets) = 68 px -> ~20 px.
  */
  html.ethnosConnectedUnified body.r287v14Active .r287v14Chat,
  html.ethnosConnectedUnified body.isTchatDrawerOpen.r287v14Active .memberWorkspace > .r287v14Chat{
    top:20px !important;
    inset-block-start:20px !important;
  }

  html.ethnosConnectedUnified body.r287v14Active .r287v14Tabs{
    top:0 !important;
    margin-top:0 !important;
  }

  html.ethnosConnectedUnified body.r287v14Active .r287v14Room{
    padding-top:0 !important;
  }
}

/* R548 utilise --topbar:50 px sous 1701 px ou 901 px de hauteur.
   50 + 14 = 64 px ; 30 % = 19,2 px, arrondi visuel à 19 px. */
@media (min-width:901px) and (max-width:1700px),
       (min-width:901px) and (max-height:900px){
  html.ethnosConnectedUnified body.r287v14Active .r287v14Chat,
  html.ethnosConnectedUnified body.isTchatDrawerOpen.r287v14Active .memberWorkspace > .r287v14Chat{
    top:19px !important;
    inset-block-start:19px !important;
  }
}