#messengerDialog {
    --lw-chat-bg: #111219;
    --lw-chat-surface: #181922;
    --lw-chat-surface-raised: #20212b;
    --lw-chat-surface-hover: #282a35;
    --lw-chat-border: rgba(255, 255, 255, .09);
    --lw-chat-text: #f5f5f7;
    --lw-chat-muted: #989aa8;
    --lw-chat-input: #12131a;
    --lw-chat-received: #272933;
    --lw-chat-accent: var(--lw-primary-color, #c61d61);
    --lw-chat-shadow: 0 24px 70px rgba(0, 0, 0, .48);
}
#messengerDialog .modal-dialog { max-width: min(1180px, calc(100vw - 32px)); margin: 16px auto; }
#messengerDialog .modal-content { background: var(--lw-chat-surface); border: 1px solid var(--lw-chat-border); border-radius: 18px; box-shadow: var(--lw-chat-shadow); color: var(--lw-chat-text); overflow: hidden; }
#messengerDialog > .modal-dialog > .modal-content > .modal-header { align-items: center; background: var(--lw-chat-surface); border-bottom: 1px solid var(--lw-chat-border); min-height: 68px; padding: 12px 18px; }
#messengerDialog > .modal-dialog > .modal-content > .modal-header .close { align-items: center; background: var(--lw-chat-surface-raised); border-radius: 50%; color: var(--lw-chat-muted); display: flex; font-size: 1.6rem; height: 38px; justify-content: center; margin: 0; opacity: 1; padding: 0 0 3px; text-shadow: none; transition: background-color .2s ease, color .2s ease; width: 38px; }
#messengerDialog > .modal-dialog > .modal-content > .modal-header .close:hover { background: var(--lw-chat-surface-hover); color: var(--lw-chat-text); }
#messengerDialog .lw-messenger-modal-heading { align-items: center; display: flex; gap: 11px; }
#messengerDialog .lw-messenger-modal-heading .modal-title { color: var(--lw-chat-text); font-size: 1.05rem; font-weight: 700; line-height: 1.25; margin: 0; }
#messengerDialog .lw-messenger-modal-heading small { color: var(--lw-chat-muted); display: block; font-size: .72rem; margin-top: 2px; }
#messengerDialog .lw-messenger-modal-icon { align-items: center; background: rgba(198, 29, 97, .15); border-radius: 11px; color: var(--lw-chat-accent); display: flex; height: 40px; justify-content: center; width: 40px; }
#messengerDialog .modal-body { background: var(--lw-chat-bg); }
#messengerDialog #lwChatSidebarToggle { background: var(--lw-chat-surface-raised); color: var(--lw-chat-text); height: 40px; margin-right: 10px !important; padding: 0; width: 40px; }

#messengerDialog .lw-messenger { background: var(--lw-chat-bg); color: var(--lw-chat-text); height: min(76vh, 720px); min-height: 560px; text-shadow: none; }
#messengerDialog .lw-messenger > .row { height: 100%; margin: 0; }
#messengerDialog .lw-messenger .lw-messenger-sidebar { background: var(--lw-chat-surface); border-right: 1px solid var(--lw-chat-border); box-shadow: none; padding: 0 !important; }
#messengerDialog .lw-messenger .lw-messenger-sidebar .lw-messenger-header { align-items: center; background: var(--lw-chat-surface); border-bottom: 1px solid var(--lw-chat-border); display: flex; height: 76px; margin: 0; padding: 12px 16px; }
#messengerDialog .lw-messenger .lw-messenger-sidebar .lw-messenger-header img.lw-profile-picture { height: 46px; width: 46px; }
#messengerDialog .lw-messenger .lw-messenger-sidebar .lw-profile-name { color: var(--lw-chat-text); font-size: .9rem; font-weight: 600; margin: 0; max-height: none; padding-left: 11px; }
#messengerDialog .lw-messenger .lw-messenger-sidebar .lw-profile-name .text-muted { color: var(--lw-chat-muted) !important; font-weight: 400; }
#messengerDialog .lw-messenger .lw-messenger-sidebar .lw-messenger-contact-list { margin-top: 76px; }
#messengerDialog .lw-messenger .lw-messenger-sidebar .lw-messenger-contact-search { background: var(--lw-chat-surface); padding: 12px; }
#messengerDialog .lw-messenger .lw-messenger-sidebar .lw-messenger-contact-search .form-control { background: var(--lw-chat-input); border: 1px solid var(--lw-chat-border); border-radius: 10px; color: var(--lw-chat-text); font-size: .86rem; height: 42px; padding: 0 14px; }
#messengerDialog .lw-messenger .lw-messenger-sidebar .lw-messenger-contact-search .form-control::placeholder { color: var(--lw-chat-muted); }
#messengerDialog .lw-messenger .lw-messenger-sidebar .lw-messenger-contact-search .form-control:focus { border-color: var(--lw-chat-accent); box-shadow: 0 0 0 3px rgba(198, 29, 97, .12); }
#messengerDialog .lw-messenger .lw-messenger-sidebar .lw-messenger-contact-list .list-group { height: calc(min(76vh, 720px) - 136px); padding: 0 8px 24px; }
#messengerDialog .lw-messenger .lw-messenger-sidebar .lw-messenger-contact-list .list-group-item.list-group-item-action { background: transparent; border: 0; border-radius: 10px; color: var(--lw-chat-text); font-size: .88rem; margin: 2px 0; min-height: 58px; padding: 9px 12px; position: relative; transition: background-color .18s ease, color .18s ease; }
#messengerDialog .lw-messenger .lw-messenger-sidebar .lw-messenger-contact-list .list-group-item.list-group-item-action:not(.active):hover { background: var(--lw-chat-surface-hover); }
#messengerDialog .lw-messenger .lw-messenger-sidebar .lw-messenger-contact-list .list-group-item.list-group-item-action.active { background: rgba(198, 29, 97, .16); color: var(--lw-chat-text); }
#messengerDialog .lw-messenger .lw-messenger-sidebar .lw-messenger-contact-list .list-group-item.list-group-item-action.active::before { background: var(--lw-chat-accent); border-radius: 0 4px 4px 0; bottom: 10px; content: ""; left: -8px; position: absolute; top: 10px; width: 3px; }
#messengerDialog .lw-messenger .lw-messenger-sidebar .lw-messenger-contact-list .list-group-item .badge { margin-left: auto; }
#messengerDialog .lw-messenger .lw-messenger-sidebar .lw-messenger-contact-list img.lw-profile-picture { height: 42px; width: 42px; }
#messengerDialog .lw-messenger .lw-messenger-sidebar .lw-messenger-contact-list span.lw-contact-status { border: 2px solid var(--lw-chat-surface); height: 10px; left: 42px; top: 38px; width: 10px; z-index: 1; }

#messengerDialog .lw-messenger .lw-messenger-content { background: var(--lw-chat-bg); height: 100%; }
#messengerDialog .lw-messenger .lw-messenger-content > .lw-messenger-header { align-items: center; background: rgba(24, 25, 34, .96); border-bottom: 1px solid var(--lw-chat-border); display: flex; height: 76px; margin: 0; padding: 10px 16px; }
#messengerDialog .lw-messenger .lw-messenger-content > .lw-messenger-header > div:first-child { align-items: center; display: flex; max-width: none; width: 100%; }
#messengerDialog .lw-messenger .lw-messenger-content > .lw-messenger-header img.lw-profile-picture { height: 46px; width: 46px; }
#messengerDialog .lw-messenger .lw-messenger-content > .lw-messenger-header .lw-messenger-header-meta { color: var(--lw-chat-text); font-size: .96rem; font-weight: 600; line-height: 1.3; margin: 0 0 0 11px; }
#messengerDialog .lw-messenger .lw-messenger-content > .lw-messenger-header .lw-messenger-header-meta .text-muted { color: var(--lw-chat-muted) !important; font-weight: 400; }
#messengerDialog .lw-messenger .lw-messenger-content > .lw-messenger-header .float-right { align-items: center; display: flex; margin-left: auto; padding: 0 !important; }
#messengerDialog .lw-messenger .lw-messenger-content .lw-messenger-chat-window { background-color: var(--lw-chat-bg); background-image: radial-gradient(circle at 1px 1px, rgba(255,255,255,.025) 1px, transparent 0); background-size: 22px 22px; height: 100%; padding: 94px 24px 104px; scrollbar-color: var(--lw-chat-surface-hover) transparent; }
#messengerDialog .lw-messenger .lw-messenger-content .lw-messenger-chat-window .lw-messenger-chat-message { align-items: flex-end; display: flex; flex-wrap: nowrap; margin-bottom: 5px; }
#messengerDialog .lw-messenger .lw-messenger-content .lw-messenger-chat-window .lw-messenger-chat-item { background: var(--lw-chat-received); border: 1px solid var(--lw-chat-border); border-radius: 16px 16px 16px 5px; box-shadow: 0 5px 16px rgba(0,0,0,.1); color: var(--lw-chat-text); font-size: .88rem; font-weight: 400; line-height: 1.5; margin: 14px 0 0 10px; max-width: min(72%, 620px); min-height: auto; padding: 10px 34px 8px 13px; width: auto; }
#messengerDialog .lw-messenger .lw-messenger-content .lw-messenger-chat-window .lw-messenger-chat-item::after { display: none !important; }
#messengerDialog .lw-messenger .lw-messenger-content .lw-messenger-chat-window .lw-messenger-chat-item .lw-single-message-delete { color: inherit; font-size: 1rem; opacity: 0; right: 9px; top: 6px; transition: opacity .18s ease; }
#messengerDialog .lw-messenger .lw-messenger-content .lw-messenger-chat-window .lw-messenger-chat-item:hover .lw-single-message-delete { opacity: .65; }
#messengerDialog .lw-messenger .lw-messenger-content .lw-messenger-chat-window .lw-messenger-chat-item .lw-messenger-chat-meta { border: 0; color: var(--lw-chat-muted); font-size: .7rem; font-style: normal; margin-top: 5px; padding: 0; }
#messengerDialog .lw-messenger .lw-messenger-content .lw-messenger-chat-window .lw-messenger-chat-item img:not(.emojioneemoji) { border-radius: 10px; max-height: 280px; }
#messengerDialog .lw-messenger .lw-messenger-content .lw-messenger-chat-window .lw-messenger-chat-recipient .lw-messenger-chat-item { margin-left: 10px; }
#messengerDialog .lw-messenger .lw-messenger-content .lw-messenger-chat-window .lw-messenger-chat-sender { justify-content: flex-end; }
#messengerDialog .lw-messenger .lw-messenger-content .lw-messenger-chat-window .lw-messenger-chat-sender .lw-messenger-chat-item { background: var(--lw-chat-accent); border-color: transparent; border-radius: 16px 16px 5px; color: #fff; margin: 14px 10px 0 0; }
#messengerDialog .lw-messenger .lw-messenger-content .lw-messenger-chat-window .lw-messenger-chat-sender .lw-messenger-chat-item .lw-messenger-chat-meta { border: 0; color: rgba(255,255,255,.72); }
#messengerDialog .lw-messenger .lw-messenger-content .lw-messenger-chat-window img.lw-profile-picture { border: 2px solid var(--lw-chat-border); height: 34px; margin-top: 14px; width: 34px; }
#messengerDialog .lw-messenger .lw-messenger-user-menu .dropdown-toggle,
#messengerDialog .lw-messenger .lw-audio-video-btns { background: var(--lw-chat-surface-raised); border: 1px solid var(--lw-chat-border); color: var(--lw-chat-text); }

#messengerDialog .lw-messenger .lw-messenger-footer { background: rgba(24,25,34,.97); border-top: 1px solid var(--lw-chat-border); padding: 12px 14px; }
#messengerDialog .lw-messenger .lw-messenger-footer .col-12 { padding: 0; }
#messengerDialog .lw-messenger .lw-messenger-footer .input-group { align-items: center; background: var(--lw-chat-input); border: 1px solid var(--lw-chat-border); border-radius: 13px; min-height: 48px; overflow: visible; padding-left: 4px; }
#messengerDialog .lw-messenger .lw-messenger-footer .input-group:focus-within { border-color: var(--lw-chat-accent); box-shadow: 0 0 0 3px rgba(198,29,97,.1); }
#messengerDialog .lw-messenger .lw-messenger-footer .form-control,
#messengerDialog .lw-messenger .lw-messenger-footer .emojionearea.emojionearea-inline { background: transparent; border: 0; box-shadow: none; color: var(--lw-chat-text); min-height: 46px; }
#messengerDialog .lw-messenger .lw-messenger-footer .emojionearea.emojionearea-inline { flex: 1 1 auto; }
#messengerDialog .lw-messenger .lw-messenger-footer .input-group-append { align-items: center; margin: 0; }
#messengerDialog .lw-messenger .lw-messenger-footer .btn,
#messengerDialog .lw-messenger .lw-messenger-footer .input-group-text { align-items: center; background: transparent; border: 0; color: var(--lw-chat-muted); display: flex; height: 40px; justify-content: center; min-width: 40px; padding: 0 11px; }
#messengerDialog .lw-messenger .lw-messenger-footer .btn:hover,
#messengerDialog .lw-messenger .lw-messenger-footer .input-group-text:hover { color: var(--lw-chat-text); }
#messengerDialog .lw-messenger .lw-messenger-footer #lwSendMessageButton { background: var(--lw-chat-accent); border-radius: 10px; color: #fff; height: 40px; margin: 3px; width: 42px; }
#messengerDialog .lw-messenger .lw-messenger-footer .lw-messenger-file-upload { margin-left: 0; }
#messengerDialog .lw-messenger .lw-messenger-bottom-sheet .lw-heading,
#messengerDialog .lw-messenger .lw-messenger-bottom-sheet .lw-content { background: var(--lw-chat-surface-raised); color: var(--lw-chat-text); }

html[data-theme="light"] #messengerDialog,
body[data-theme="light"] #messengerDialog,
body.light-theme #messengerDialog,
body.lw-light-theme #messengerDialog { --lw-chat-bg: #f4f6f9; --lw-chat-surface: #fff; --lw-chat-surface-raised: #f1f3f6; --lw-chat-surface-hover: #e9ecf1; --lw-chat-border: rgba(25,28,38,.11); --lw-chat-text: #20222b; --lw-chat-muted: #707482; --lw-chat-input: #f7f8fa; --lw-chat-received: #fff; --lw-chat-shadow: 0 24px 70px rgba(38,42,56,.2); }
html[data-theme="light"] #messengerDialog .lw-messenger .lw-messenger-content > .lw-messenger-header,
body[data-theme="light"] #messengerDialog .lw-messenger .lw-messenger-content > .lw-messenger-header,
body.light-theme #messengerDialog .lw-messenger .lw-messenger-content > .lw-messenger-header,
body.lw-light-theme #messengerDialog .lw-messenger .lw-messenger-content > .lw-messenger-header { background: rgba(255,255,255,.96); }
html[data-theme="light"] #messengerDialog .lw-messenger .lw-messenger-footer,
body[data-theme="light"] #messengerDialog .lw-messenger .lw-messenger-footer,
body.light-theme #messengerDialog .lw-messenger .lw-messenger-footer,
body.lw-light-theme #messengerDialog .lw-messenger .lw-messenger-footer { background: rgba(255,255,255,.97); }

@media (max-width: 767px) {
    #messengerDialog { padding: 0 !important; }
    #messengerDialog .modal-dialog { height: 100%; margin: 0; max-width: none; width: 100%; }
    #messengerDialog .modal-content { border: 0; border-radius: 0; height: 100%; }
    #messengerDialog > .modal-dialog > .modal-content > .modal-header { min-height: 62px; padding: 9px 12px; }
    #messengerDialog .lw-messenger-modal-heading small,
    #messengerDialog .lw-messenger-modal-icon { display: none; }
    #messengerDialog .lw-messenger { height: calc(100vh - 62px); min-height: 0; }
    #messengerDialog .lw-messenger .lw-messenger-sidebar { height: 100%; left: -86%; margin: 0; width: min(86%, 330px); z-index: 5; }
    #messengerDialog .lw-messenger.lw-messenger-sidebar-opened .lw-messenger-sidebar { left: 0; }
    #messengerDialog .lw-messenger .lw-messenger-sidebar .lw-messenger-contact-list .list-group { height: calc(100vh - 198px); }
    #messengerDialog .lw-messenger .lw-messenger-content { flex: 0 0 100%; max-width: 100%; }
    #messengerDialog .lw-messenger .lw-messenger-content > .lw-messenger-header { height: 68px; padding: 8px 12px; }
    #messengerDialog .lw-messenger .lw-messenger-content > .lw-messenger-header img.lw-profile-picture { height: 42px; width: 42px; }
    #messengerDialog .lw-messenger .lw-messenger-content > .lw-messenger-header .lw-messenger-header-meta { max-width: 48vw; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    #messengerDialog .lw-messenger .lw-messenger-content .lw-messenger-chat-window { padding: 82px 12px 96px; }
    #messengerDialog .lw-messenger .lw-messenger-content .lw-messenger-chat-window .lw-messenger-chat-item { max-width: calc(86% - 34px); }
    #messengerDialog .lw-messenger .lw-messenger-content .lw-messenger-chat-window img.lw-profile-picture { height: 30px; width: 30px; }
    #messengerDialog .lw-messenger .lw-messenger-footer { padding: 9px; }
    #messengerDialog .lw-messenger .lw-messenger-footer .btn,
    #messengerDialog .lw-messenger .lw-messenger-footer .input-group-text { min-width: 36px; padding: 0 8px; }
}

/* Message reactions, replies and copy actions */
#messengerDialog .lw-messenger-chat-item { position: relative; }
#messengerDialog .lw-message-tools { align-items: center; display: flex; gap: 3px; margin-top: 7px; opacity: .18; transition: opacity .18s ease; }
#messengerDialog .lw-messenger-chat-message:hover .lw-message-tools,
#messengerDialog .lw-messenger-chat-message:focus-within .lw-message-tools { opacity: 1; }
#messengerDialog .lw-message-tool,
#messengerDialog .lw-message-reaction-option,
#messengerDialog .lw-message-reaction-count,
#messengerDialog .lw-message-reply-preview { border: 0; font-family: inherit; }
#messengerDialog .lw-message-tool { align-items: center; background: transparent; border-radius: 7px; color: var(--lw-chat-muted); display: inline-flex; font-size: .68rem; height: 25px; justify-content: center; padding: 0; width: 25px; }
#messengerDialog .lw-message-tool:hover { background: var(--lw-chat-surface-hover); color: var(--lw-chat-text); }
#messengerDialog .lw-message-reaction-picker { align-items: center; background: var(--lw-chat-surface); border: 1px solid var(--lw-chat-border); border-radius: 10px; box-shadow: 0 9px 24px rgba(0,0,0,.22); display: none; gap: 1px; padding: 3px; }
#messengerDialog .lw-message-tools.is-reaction-picker-open .lw-message-reaction-picker { display: inline-flex; }
#messengerDialog .lw-message-reaction-option { background: transparent; border-radius: 7px; font-size: .83rem; height: 26px; padding: 0 3px; transition: background .15s ease, transform .15s ease; }
#messengerDialog .lw-message-reaction-option:hover { background: var(--lw-chat-surface-hover); transform: scale(1.12); }
#messengerDialog .lw-message-reaction-summary { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 6px; min-height: 0; }
#messengerDialog .lw-message-reaction-summary:empty { display: none; }
#messengerDialog .lw-message-reaction-count { background: var(--lw-chat-surface-raised); border: 1px solid var(--lw-chat-border); border-radius: 99px; color: var(--lw-chat-text); font-size: .62rem; line-height: 1; padding: 4px 7px; }
#messengerDialog .lw-message-reaction-count.is-selected { border-color: rgba(198,29,97,.5); background: rgba(198,29,97,.13); }
#messengerDialog .lw-message-reply-preview { align-items: center; background: rgba(255,255,255,.055); border-left: 2px solid var(--lw-chat-accent); border-radius: 7px; color: var(--lw-chat-muted); display: flex; font-size: .64rem; gap: 6px; margin: 0 0 7px; max-width: 100%; overflow: hidden; padding: 6px 8px; text-align: left; }
#messengerDialog .lw-message-reply-preview span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#messengerDialog .lw-message-reply-preview:hover { color: var(--lw-chat-text); }
#messengerDialog .lw-message-reply-context { align-items: center; background: var(--lw-chat-surface-raised); border: 1px solid var(--lw-chat-border); border-left: 3px solid var(--lw-chat-accent); border-radius: 10px; color: var(--lw-chat-muted); display: flex; font-size: .7rem; gap: 8px; margin: 0 0 7px; padding: 7px 9px; }
#messengerDialog .lw-message-reply-context[hidden] { display: none; }
#messengerDialog .lw-message-reply-context span { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#messengerDialog .lw-message-reply-context button { background: transparent; border: 0; color: var(--lw-chat-muted); font-size: 1rem; line-height: 1; padding: 0 3px; }
#messengerDialog .lw-message-reply-context button:hover { color: var(--lw-chat-text); }
#messengerDialog .lw-messenger-chat-message.is-reply-target .lw-messenger-chat-item { box-shadow: 0 0 0 2px rgba(198,29,97,.55); }
@media (max-width: 767px) {
    #messengerDialog .lw-message-tools { opacity: .85; }
    #messengerDialog .lw-message-reaction-picker { box-shadow: 0 7px 20px rgba(0,0,0,.2); }
}

@keyframes lwMessageEnter {
    from { opacity: 0; transform: translateY(8px) scale(.985); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}
#messengerDialog .lw-messenger .lw-messenger-chat-item.lw-messenger-new-message {
    animation: lwMessageEnter 260ms cubic-bezier(.22, 1, .36, 1) both;
    transform-origin: bottom center;
}
@media (prefers-reduced-motion: reduce) {
    #messengerDialog .lw-messenger .lw-messenger-chat-item.lw-messenger-new-message { animation: none; }
}

/* Emoji picker */
#messengerDialog .emojionearea .emojionearea-picker {
    background: var(--lw-chat-surface);
    border: 1px solid var(--lw-chat-border);
    border-radius: 16px;
    box-shadow: 0 18px 48px rgba(0, 0, 0, .38);
    color: var(--lw-chat-text);
    height: 360px;
    overflow: hidden;
    width: 370px;
    z-index: 8;
}
#messengerDialog .emojionearea .emojionearea-picker .emojionearea-wrapper { background: var(--lw-chat-surface); }
#messengerDialog .emojionearea .emojionearea-picker .emojionearea-wrapper::after { border-top-color: var(--lw-chat-surface); }
#messengerDialog .emojionearea .emojionearea-picker .emojionearea-filters { background: var(--lw-chat-surface-raised); border-bottom: 1px solid var(--lw-chat-border); height: 52px; padding: 7px 8px; }
#messengerDialog .emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter { border-radius: 8px; height: 36px; opacity: .55; transition: background-color .18s ease, opacity .18s ease; width: 38px; }
#messengerDialog .emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter:hover { background: var(--lw-chat-surface-hover); opacity: .85; }
#messengerDialog .emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter.active { background: rgba(198, 29, 97, .16); opacity: 1; }
#messengerDialog .emojionearea .emojionearea-picker .emojionearea-search-panel { align-items: center; background: var(--lw-chat-surface); border-bottom: 1px solid var(--lw-chat-border); display: flex; min-height: 52px; padding: 8px 10px; }
#messengerDialog .emojionearea .emojionearea-picker .emojionearea-search { flex: 1 1 auto; }
#messengerDialog .emojionearea .emojionearea-picker .emojionearea-search > input { background: var(--lw-chat-input); border: 1px solid var(--lw-chat-border); border-radius: 9px; color: var(--lw-chat-text); font-family: inherit; font-size: .8rem; height: 36px; padding: 0 11px; text-transform: none; }
#messengerDialog .emojionearea .emojionearea-picker .emojionearea-search > input:focus { border-color: var(--lw-chat-accent); box-shadow: 0 0 0 3px rgba(198, 29, 97, .1); outline: 0; }
#messengerDialog .emojionearea .emojionearea-picker .emojionearea-scroll-area { background: var(--lw-chat-surface); padding: 8px 10px 14px; scrollbar-color: var(--lw-chat-surface-hover) transparent; }
#messengerDialog .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-title { background: var(--lw-chat-surface); color: var(--lw-chat-muted); font-family: inherit; font-size: .72rem; font-weight: 700; letter-spacing: .04em; padding: 10px 2px 7px; text-transform: uppercase; }
#messengerDialog .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn { border-radius: 8px; margin: 1px; padding: 5px; transition: background-color .15s ease, transform .15s ease; }
#messengerDialog .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn:hover { background: var(--lw-chat-surface-hover); transform: scale(1.08); }

/* Sticker/GIF tray */
#messengerDialog .lw-messenger .lw-messenger-bottom-sheet {
    background: var(--lw-chat-surface);
    border: 1px solid var(--lw-chat-border);
    border-radius: 16px;
    bottom: -520px;
    box-shadow: 0 18px 48px rgba(0, 0, 0, .4);
    height: auto;
    left: 12px;
    max-height: min(52vh, 440px);
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    width: calc(100% - 24px);
    z-index: 6;
}
#messengerDialog .lw-messenger .lw-messenger-bottom-sheet.lw-open { bottom: 78px; opacity: 1; overflow: hidden; pointer-events: auto; }
#messengerDialog .lw-messenger .lw-messenger-bottom-sheet .lw-heading { align-items: center; background: var(--lw-chat-surface-raised); border-bottom: 1px solid var(--lw-chat-border); display: flex; height: 58px; justify-content: space-between; padding: 0 14px; position: relative; }
#messengerDialog .lw-messenger .lw-messenger-bottom-sheet .lw-heading h5 { align-items: center; display: flex; float: none; font-size: .95rem; font-weight: 700; gap: 9px; margin: 0; }
#messengerDialog .lw-messenger .lw-messenger-bottom-sheet .lw-heading h5 i { color: var(--lw-chat-accent); }
#messengerDialog .lw-messenger .lw-messenger-bottom-sheet .lw-close-messenger-sheet { align-items: center; background: var(--lw-chat-surface-hover); border: 0; border-radius: 50%; color: var(--lw-chat-muted); display: flex; height: 34px; justify-content: center; transition: color .18s ease; width: 34px; }
#messengerDialog .lw-messenger .lw-messenger-bottom-sheet .lw-close-messenger-sheet:hover { color: var(--lw-chat-text); }
#messengerDialog .lw-messenger .lw-messenger-bottom-sheet .lw-content { background: var(--lw-chat-surface); height: min(44vh, 380px); overflow-y: auto; padding: 14px; position: relative; }
#messengerDialog .lw-messenger .lw-messenger-bottom-sheet .lw-content #lwStickerImagesContainer,
#messengerDialog .lw-messenger .lw-messenger-bottom-sheet .lw-content #lwGifImagesContainer { margin: 0; padding: 0; position: static; }
#messengerDialog #lwStickerImagesContainer { display: grid; gap: 12px; grid-template-columns: repeat(auto-fill, minmax(145px, 1fr)); width: 100%; }
#messengerDialog .lw-buy-sticker-container { background: var(--lw-chat-surface-raised); border: 1px solid var(--lw-chat-border); border-radius: 13px; display: flex; flex-direction: column; min-width: 0; overflow: hidden; padding: 9px; transition: border-color .18s ease, transform .18s ease; }
#messengerDialog .lw-buy-sticker-container:hover { border-color: rgba(198, 29, 97, .45); transform: translateY(-2px); }
#messengerDialog .lw-sticker-preview { align-items: center; background: var(--lw-chat-input); border: 0; border-radius: 10px; cursor: pointer; display: flex; height: 112px; justify-content: center; padding: 8px; width: 100%; }
#messengerDialog .lw-sticker-image { height: 100%; max-height: 96px; max-width: 100%; object-fit: contain; width: auto; }
#messengerDialog .lw-sticker-details { display: flex; flex-direction: column; gap: 5px; padding: 9px 2px 1px; }
#messengerDialog .lw-sticker-details strong { color: var(--lw-chat-text); font-size: .82rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#messengerDialog .lw-sticker-price { color: var(--lw-chat-muted); font-size: .72rem; }
#messengerDialog .lw-sticker-purchase { align-items: center; display: flex; gap: 7px; justify-content: space-between; }
#messengerDialog .lw-sticker-purchase .btn { border-radius: 7px; font-size: .68rem; padding: 4px 8px; }
#messengerDialog .lw-sticker-state { align-items: center; color: var(--lw-chat-muted); display: flex; gap: 10px; grid-column: 1 / -1; justify-content: center; min-height: 180px; padding: 24px; text-align: center; }
#messengerDialog .lw-sticker-empty { flex-direction: column; }
#messengerDialog .lw-sticker-empty > i { align-items: center; background: rgba(198, 29, 97, .14); border-radius: 50%; color: var(--lw-chat-accent); display: flex; font-size: 1.4rem; height: 54px; justify-content: center; width: 54px; }
#messengerDialog .lw-sticker-empty strong { color: var(--lw-chat-text); font-size: .9rem; }
#messengerDialog .lw-sticker-empty span { font-size: .76rem; }

@media (max-width: 767px) {
    #messengerDialog .emojionearea .emojionearea-picker { height: min(360px, 52vh); max-width: calc(100vw - 30px); width: 350px; }
    #messengerDialog .lw-messenger .lw-messenger-bottom-sheet { left: 8px; max-height: 55vh; width: calc(100% - 16px); }
    #messengerDialog .lw-messenger .lw-messenger-bottom-sheet.lw-open { bottom: 72px; }
    #messengerDialog #lwStickerImagesContainer { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}