* Correções para emojis no chat */

/* Seletor de emojis */
.emoji-picker,
.emoji-mart,
.emoji-panel,
[class*="emoji-picker"],
[class*="emoji-mart"],
[class*="emoji-panel"],
div[id*="emoji"],
[class*="emojis-"] {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    max-width: 90% !important;
    max-height: 300px !important;
    width: auto !important;
    height: auto !important;
    z-index: 9999 !important;
    background-color: white !important;
    border: 1px solid #ccc !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.3) !important;
    overflow: auto !important;
}

/* Garantir que os botões de emoji sejam clicáveis */
.emoji-picker button,
.emoji-mart button,
.emoji-panel button,
[class*="emoji-picker"] button,
[class*="emoji-mart"] button,
[class*="emoji-panel"] button,
div[id*="emoji"] button,
[class*="emojis-"] button,
.emoji-picker span,
.emoji-mart span,
.emoji-panel span,
[class*="emoji-picker"] span,
[class*="emoji-mart"] span,
[class*="emoji-panel"] span,
div[id*="emoji"] span,
[class*="emojis-"] span {
    cursor: pointer !important;
    pointer-events: auto !important;
}

/* Tornar o botão do emoji visível */
.emoji-button,
button[class*="emoji"],
button[title*="emoji"],
[class*="emoji-button"] {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Impedir que o chat esconda o seletor de emoji */
.chat-box {
    overflow: visible !important;
}