/*
 * MENTE UNO:
 * - selector de reacciones completo por encima del pie;
 * - acciones de conversación privada centradas.
 */

.chat > header {
    position:relative;
}

.chat > header #directRoomActions {
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    transform:translate(-50%,-50%) !important;
    margin:0 !important;
    align-items:center;
    justify-content:center;
    z-index:4;
}

#emojiPanel.reaction-anchored:not([hidden]) {
    height:min(420px,calc(100dvh - 16px)) !important;
    max-height:min(420px,calc(100dvh - 16px)) !important;
    min-height:180px;
    overflow:hidden !important;
}

#emojiPanel.reaction-anchored .emoji-grid {
    flex:1 1 auto !important;
    min-height:0 !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
}

#emojiPanel.reaction-anchored .emoji-categories {
    flex:0 0 auto;
    scrollbar-width:none;
}

#emojiPanel.reaction-anchored .emoji-categories::-webkit-scrollbar {
    display:none;
}

#pinnedOpen[aria-busy="true"] {
    cursor:progress;
    opacity:.78;
}

@media(max-width:720px),
       (hover:none) and (pointer:coarse) {
    .chat > header #directRoomActions {
        gap:5px !important;
    }

    .chat > header #directRoomActions button {
        padding:6px 8px !important;
    }

    #emojiPanel.reaction-anchored:not([hidden]) {
        width:calc(100vw - 16px) !important;
        max-width:calc(100vw - 16px) !important;
    }
}