/* ETHNOS R791 — composant emoji partagé Tchat / Modifier mon profil.
   Une seule catégorie est rendue à la fois ; le catalogue R651 reste la source de vérité. */
.ethnosEmojiPickerR791{
  --r791-emoji-blue:#071a39;
  --r791-emoji-orange:#f26722;
  --r791-emoji-line:#d5dde2;
  --r791-emoji-muted:#647786;
  box-sizing:border-box;
  min-width:0;
  min-height:0;
  width:100%;
  height:100%;
  display:grid;
  grid-template-rows:auto auto minmax(0,1fr);
  overflow:hidden;
  background:#fff;
  color:var(--r791-emoji-blue);
}
.ethnosEmojiPickerHeadR791{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:11px 12px;
  border-bottom:1px solid var(--r791-emoji-line);
  background:#f8f3e9;
}
.ethnosEmojiPickerHeadR791>div{min-width:0;display:grid;gap:2px}
.ethnosEmojiPickerHeadR791 strong{font-size:14px;line-height:1.15;color:var(--r791-emoji-blue)}
.ethnosEmojiPickerHeadR791 small{font-size:10px;line-height:1.2;color:var(--r791-emoji-muted)}
.ethnosEmojiPickerCloseR791{
  flex:0 0 auto;
  width:31px;height:31px;padding:0;
  display:grid;place-items:center;
  border:1px solid rgba(7,26,57,.20);
  border-radius:5px;
  background:#fff;
  color:var(--r791-emoji-blue);
  font:700 20px/1 Arial,sans-serif;
  cursor:pointer;
}
.ethnosEmojiCategoriesR791{
  display:flex;
  gap:0;
  min-width:0;
  overflow-x:auto;
  overflow-y:hidden;
  border-bottom:1px solid var(--r791-emoji-line);
  background:#f2f5f6;
  scrollbar-width:thin;
}
.ethnosEmojiCategoriesR791 button{
  flex:0 0 auto;
  min-height:34px;
  padding:7px 10px;
  border:0;
  border-right:1px solid #d9e0e4;
  border-radius:0;
  background:transparent;
  color:#5d7283;
  box-shadow:none;
  font:700 10px/1.15 Inter,Manrope,"Segoe UI",Arial,sans-serif;
  white-space:nowrap;
  cursor:pointer;
}
.ethnosEmojiCategoriesR791 button.isActive{
  background:#fff;
  color:var(--r791-emoji-blue);
  box-shadow:inset 0 -3px 0 var(--r791-emoji-orange);
}
.ethnosEmojiChoicesR791{
  min-height:0;
  overflow:auto;
  display:grid;
  grid-template-columns:repeat(10,minmax(36px,1fr));
  gap:6px;
  align-content:start;
  padding:10px;
  background:#fff;
  scrollbar-width:thin;
}
.ethnosEmojiChoiceR791{
  min-width:0;
  min-height:38px;
  aspect-ratio:1;
  display:grid;
  place-items:center;
  padding:2px;
  border:1px solid #d6dee3;
  border-radius:5px;
  background:#fff;
  color:var(--r791-emoji-blue);
  box-shadow:none;
  font-size:22px;
  cursor:pointer;
}
.ethnosEmojiChoiceR791:hover,
.ethnosEmojiChoiceR791:focus-visible{
  border-color:var(--r791-emoji-orange);
  background:#fff6ef;
  outline:none;
}
.ethnosEmojiChoiceR791 img{width:25px;height:17px;object-fit:cover;border-radius:2px}

/* Tchat : le composant occupe proprement la fenêtre média existante. */
html body.ethnosSalonR573Active .ethnosSalonR573MediaPopover[data-mode="emoji"]{
  overflow:hidden !important;
  padding:0 !important;
}
html body.ethnosSalonR573Active .ethnosSalonR573MediaPopover[data-mode="emoji"] .ethnosEmojiPickerR791{
  height:min(420px,calc(100vh - 170px));
  min-height:250px;
}

/* Profil : l'ancien conteneur modal est conservé, seul son contenu devient le composant commun. */
.memberProfileEmojiDialogPanelR577.memberProfileEmojiDialogPanelR791{
  grid-template-rows:minmax(0,1fr) !important;
  background:#fff !important;
}
.memberProfileEmojiDialogPanelR791 .memberProfileEmojiDialogScrollR577{
  min-height:0 !important;
  overflow:hidden !important;
  padding:0 !important;
}
.memberProfileEmojiDialogPanelR791 .ethnosEmojiPickerR791{height:min(620px,calc(100vh - 42px))}

@media (max-width:700px){
  .ethnosEmojiChoicesR791{grid-template-columns:repeat(8,minmax(34px,1fr));padding:8px}
  .ethnosEmojiCategoriesR791 button{padding:7px 8px;font-size:9px}
}