.chat_widget {z-index: 1100;}
.chat_widget.warehouse_chat_widget {
    bottom: 130px;
}
.chat_widget .chat_widget_content {}
.chat_widget .chat_collapse {}
.chat_widget .chat_collapse [data-action="toggle-chat-collapse"] {}
.chat_widget .chat_collapse [data-action="toggle-chat-collapse"] .chat_toggle_avatar {
    width: 45px;
    display: block;
    object-fit: cover;
}
.chat_widget .chat_collapse [data-action="toggle-chat-collapse"].chat-connection-error .chat_toggle_avatar {
    opacity: 0.2;
}
.chat_widget .chat_collapse [data-action="toggle-chat-collapse"] .chat-connection-error-icon {
    position: absolute;
    top: -3px;
    right: -6px;
    font-size: 18px;
    color: var(--bs-danger) !important;
    font-weight: bold;
    animation: blink 1s ease-in-out infinite;
}
.chat_widget .chat_collapse [data-action="toggle-chat-collapse"] .chat_total_unread_count,
.chat_widget .chat_widget_avatar_btn .chat_room_unread_count {
    position: absolute;
    top: -8px;
    right: -10px;
    width: 22px;
    height: 22px;
    line-height: 22px;
    border-radius: 50%;
    font-size: 13px;
    color: #fff;
    box-sizing: border-box;
    background: var(--gtt-primary-color);
}

/* Chat widget avatars - hiển thị khi #chat_layout ẩn */
.chat_widget_avatars {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-end;
}
.page_fixed_actions .chat_widget_avatars {
    flex-direction: column-reverse;
}
.page_fixed_actions .chat_widget_avatars li {
    margin: 0;
    padding: 0;
}
.chat_widget_avatar_btn {
    position: relative;
    display: block;
    border: none;
    background: none;
    padding: 0;
    cursor: pointer;
}
.chat_widget_avatar_btn img {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
}
.chat_widget_avatar_btn.chat-connection-error img {
    opacity: 0.2;
}
.chat_widget_avatar_btn .chat-connection-error-icon {
    position: absolute;
    top: -3px;
    right: -6px;
    font-size: 18px;
    color: var(--bs-danger) !important;
    font-weight: bold;
    animation: blink 1s ease-in-out infinite;
}

/* #chat_rooms_list */
#chat_rooms_list {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space);
}
#chat_rooms_list .chat_no_data {width: 100%;text-align: center;}

/* #chat_layout */
#chat_layout {
    background: rgb(0 0 0 / 80%);
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 900;
    --space: 10px;
    --left-section-width: 65%;
    --right-section-width: 35%;
}
#chat_layout .chat_layout_close {
    position: absolute;
    right: -32px;
    top: 5px;
    z-index: 10;
    border: 0;
    background: transparent;
    color: #fff;
    font-size: 32px;
    padding: 0;
    cursor: pointer;
    line-height: 1;
}
#chat_layout .chat_layout_close:hover {
    opacity: 0.9;
}
.wrap_chat_layout {
    display: flex;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 90vh;
    gap: var(--space);
}
.wrap_chat_layout .chat_detail_section,
.wrap_chat_layout .chat_list_section {
    background: #fff;
    border-radius: var(--gtt-border-radius);
    height: 100%;
    overflow: auto;
    padding: var(--space);
    position: relative;
}

/* chat_room_messages_content */
#chat_room_messages_content {
    width: 100%;
}

/* Chat composer - wrap_comment_box override */
.wrap_chat_layout .chat_main_composer {
    position: fixed;
    width: calc(var(--left-section-width) - var(--space) * 4);
    bottom: var(
    --space);
    z-index: 3;
}
.wrap_chat_layout .chat_main_composer .chat_composer_box {
    width: 100%;
}

.wrap_chat_layout .chat_main_composer .chat_composer_box .media_box {
    width: 100%;
    display: flex;
    flex-direction: column;
    height: 120px;
    align-items: flex-end;
}
.wrap_chat_layout .chat_main_composer .chat_composer_box .media_box .comment_wrap_images {
    position: relative;
    right: auto;
    top: auto;
    padding-bottom: 5px;
    margin-right: 12px;
    width: 100%;
    justify-content: flex-end;
}
.wrap_chat_layout .chat_main_composer .chat_composer_box .media_box .comment_wrap_images:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 100%;
    background: var(--gtt-border-color);
    opacity: 0.1;
}
.wrap_chat_layout .chat_main_composer .chat_composer_box .media_box textarea {
    flex: 1;
    /* height: 100px; */
    /* height: auto; */
    width: calc(100% - 50px);
    margin-right: auto;
    margin-top: 3px;
}

/* Chat reply preview - vùng xám hiển thị khi trả lời tin nhắn */
.chat_reply_preview {
    background: #f5f5f5;
    border-radius: var(--gtt-border-radius, 8px);
    margin-bottom: var(--space, 10px);
    padding: 10px 12px;
    border-left: 3px solid #2196f3;
}
.chat_reply_preview_inner {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}
.chat_reply_preview_content {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    flex: 1;
    min-width: 0;
}
.chat_reply_quote_icon {
    color: #757575;
    font-size: 14px;
    margin-top: 2px;
}
.chat_reply_preview_text {
    flex: 1;
    min-width: 0;
}
.chat_reply_preview_label {
    font-weight: 600;
    color: #333;
    margin: 0 0 4px 0;
    font-size: 13px;
}
.chat_reply_preview_message {
    margin: 0;
    color: #666;
    font-size: 13px;
    line-height: 1.4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.chat_reply_preview_close {
    width: 24px;
    height: 24px;
    padding: 0;
    border: none;
    background: rgba(0, 0, 0, 0.08);
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #666;
    font-size: 12px;
}
.chat_reply_preview_close:hover {
    background: rgba(0, 0, 0, 0.12);
    color: #333;
}

/* Chat message reply block - vùng xám trong tin nhắn khi có reply_message_id */
.chat_message_reply_block {
    background: #f5f5f5;
    border-radius: var(--gtt-border-radius, 8px);
    margin-bottom: 8px;
    padding: 8px 10px;
    border-left: 3px solid #2196f3;
    cursor: pointer;
}
.chat_message_reply_block:hover {
    background: #eeeeee;
}
.chat_message_reply_block_inner {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}
.chat_message_reply_quote_icon {
    color: #757575;
    font-size: 12px;
    margin-top: 2px;
}
.chat_message_reply_block_text {
    flex: 1;
    min-width: 0;
}
.chat_message_reply_block_label {
    font-weight: 600;
    color: #333;
    margin: 0 0 4px 0;
    font-size: 13px;
}
.chat_message_reply_block_content {
    margin: 0;
    color: #666;
    font-size: 12px;
    line-height: 1.4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Hiệu ứng chớp tắt khi scroll tới tin nhắn */
@keyframes chatMessageHighlightFlash {
    0%, 100% { background-color: transparent; }
    50% { background-color: rgb(85 172 238 / 24%); }
}
.chat_message_highlight_flash .seller_comment {
    animation: chatMessageHighlightFlash 0.35s ease-in-out 4;
}

.wrap_chat_layout .chat_main_composer .chat_composer_box .comment_wrap_images #chat_comment_files {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    max-width: 100%;
    gap: 8px;
}

/* Preview nhiều file - nút xóa hiện khi hover */
#chat_comment_files .chat_preview_item {
    position: relative;
}
#chat_comment_files .chat_preview_item .preview_img {
    display: block;
    height: 32px;
    max-width: 80px;
    object-fit: contain;
    border-radius: 4px;
    border: 1px solid #eee;
}
#chat_comment_files .chat_preview_item .chat_delete_preview {
    position: absolute;
    top: -6px;
    right: -6px;
    width: 20px;
    height: 20px;
    padding: 0;
    border-radius: 50%;
    display: none;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #dc3545;
    border: none;
    cursor: pointer;
    z-index: 2;
}
#chat_comment_files .chat_preview_item:hover .chat_delete_preview {
    display: flex;
}

.wrap_chat_layout .chat_message_media {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px;
    margin-bottom: 8px;
}

.wrap_chat_layout .chat_message_media ul {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.wrap_chat_layout .chat_message_media ul li {
    list-style: none;
    max-width: 50px;
    display: flex;
    align-items: start;
}

.wrap_chat_layout .chat_message_media .chat_media_img {
    /* max-width: 200px; */
    /* max-height: 200px; */
    object-fit: contain;
    border-radius: 4px;
    cursor: pointer;
    width: 100%;
}


/* chat_list_section */
.wrap_chat_layout .chat_list_section {
    width: var(--right-section-width);
}
.wrap_chat_layout .chat_list_section .chat_sidebar_head {
    margin-bottom: var(--space);
    background: var(--gtt-light-bg);
    width: calc(100% + var(--space) * 2);
    margin: calc(-1 * var(--space));
    padding: var(--space);
}
.wrap_chat_layout .chat_list_section .chat_sidebar_head #chat_keyword,
.wrap_chat_layout .chat_main_head .search_left #chat_detail_keyword {
        border-radius: var(--gtt-border-radius-large);
        text-align: left;
        margin: 0;
        width: 100%;
        font-size: var(--gtt-font-size);
        line-height: 30px;
        height: 30px;
}
.wrap_chat_layout .chat_list_section .chat_sidebar_list {
    display: flex;
    flex-direction: column;
    gap: 5px;
    position: relative;
    margin-top: calc(var(--space) * 2);
}
.wrap_chat_layout .chat_list_section .chat_sidebar_list .chat_room_item {
    display: flex;
    gap: 10px;
    position: relative;
    padding: 10px;
    border-radius: var(--gtt-border-radius);
    cursor: pointer;
    user-select: none;
    width: 100%;
}
.wrap_chat_layout .chat_list_section .chat_sidebar_list .chat_room_item:hover,
.wrap_chat_layout .chat_list_section .chat_sidebar_list .chat_room_item.active {
    background: rgb(85 172 238 / 24%);
}
.wrap_chat_layout .chat_list_section .chat_sidebar_list .chat_room_item .chat_room_item_avatar {
    width: 30px;
    position: relative;
    flex-shrink: 0;
}
.wrap_chat_layout .chat_list_section .chat_sidebar_list .chat_room_item .chat_room_item_avatar img {
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    object-fit: cover;
}
.wrap_chat_layout .chat_list_section .chat_sidebar_list .chat_room_item .chat_room_item_avatar .chat_status_dot {
    position: absolute;
    top: -4px;
    right: -4px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    border: 2px solid #fff;
    box-sizing: border-box;
}
.wrap_chat_layout .chat_list_section .chat_sidebar_list .chat_room_item .chat_room_item_avatar .chat_status_dot.online {
    background-color: #22c55e;
}
.wrap_chat_layout .chat_list_section .chat_sidebar_list .chat_room_item .chat_room_item_avatar .chat_status_dot.offline {
    background-color: var(--gtt-pink-red-color);
}
.wrap_chat_layout .chat_list_section .chat_room_item .chat_room_item_content {
    position: relative;
    width: 100%;
    height: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.wrap_chat_layout .chat_list_section .chat_room_item .chat_room_item_content .chat_room_item_top {
    display: flex;
    align-items: center;
}
.wrap_chat_layout .chat_list_section .chat_room_item .chat_room_item_top .chat_room_name {
    color: var(--gtt-primary-color);
    font-weight: 500;
}
.wrap_chat_layout .chat_list_section .chat_room_item .wrap_chat_room_item_actions {
    position: absolute;
    top: 6px;
    right: 6px;
    display: flex;
    gap: 5px;
}
.wrap_chat_layout .chat_list_section .chat_room_item .wrap_chat_room_item_actions .chat_pin_btn {}
.wrap_chat_layout .chat_list_section .chat_room_item .wrap_chat_room_item_actions .chat_pin_btn i {
    width: 18px;
    height: 18px;
}
.wrap_chat_layout .chat_list_section .chat_room_item .chat_room_last_message > div {
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 350px;
    overflow: hidden;
}
.wrap_chat_layout .chat_list_section .chat_room_item .wrap_chat_room_item_info {
    width: 18px;
    height: 18px;
    background: var(--gtt-primary-color);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
}
.wrap_chat_layout .chat_list_section .chat_room_item .wrap_chat_room_item_info.large {
    width: 22px;
    border-radius: 10px;
}
.wrap_chat_layout .chat_list_section .chat_room_item .chat_room_count {
    display: block;
    color: #fff;
    font-size: 12px;
    padding: 7px;
}

/* chat_detail_section */
.wrap_chat_layout .chat_detail_section {
    width: var(--left-section-width);
}
.wrap_chat_layout .chat_detail_section .chat_main_messages {
    max-height: calc(100% - 170px - var(--space) * 5);
    overflow: auto;
    padding-right: var(--space);
    display: flex;
    align-items: flex-start;
    margin-top: calc(var(--space) * 2);
}
.wrap_chat_layout .chat_detail_section .chat_main_messages.is_showing_reply {
    max-height: calc(100% - 110px - var(--space) * 5 - 75px);
}

/* chat_main_head */
.wrap_chat_layout .chat_main_head {
    display: flex;
    position: relative;
    margin-bottom: var(--space);
    background: var(--gtt-light-bg);
    width: calc(100% + var(--space) * 2);
    margin: calc(-1 * var(--space));
    padding: var(--space);
}
.wrap_chat_layout .chat_main_head #chat_room_title {
    height: 30px;
    line-height: 30px;
    max-width: calc((100% - 300px) - var(--space) * 3);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: var(--gtt-font-size-lg);
}
.wrap_chat_layout .chat_main_head .search_left {
    position: absolute;
    width: 300px;
    transform: translate(0, -50%);
    top: 50%;
    right: calc(var(
    --space) * 2);
}

/* chat_loadmore_loading - override wrap_loading để hiển thị inline, không full screen */
.wrap_loading.chat_loadmore_loading {
    position: absolute;
    width: auto;
    height: auto;
    min-height: auto;
    background: transparent;
    display: none;
}
.wrap_loading.chat_loadmore_loading .loading {
    position: static;
    transform: none;
    display: inline-block;
}
.wrap_loading.chat_loadmore_loading .loading img {
    width: 24px;
    height: 24px;
}
#chat_messages_loadmore_loading {
    left: 50%;
    top: 60px;
    transform: translate(-50%, 0);
}

#chat_rooms_loadmore_loading {
    left: 50%;
    bottom: var(--space);
    top: unset;
    transform: translate(-50%, 0);
    margin-left: calc(var(--space) * 2);
}


/* .list_comments .seller_comment */
.list_comments.chat_main_messages .one_comment {
    max-width: 70%;
    padding-bottom: 25px;
    position: relative;
    overflow: hidden;
}
.list_comments.chat_main_messages .seller_comment {
    width: auto;
    padding: var(--space);
    border: 1px solid var(--gtt-primary-color);
    border-radius: var(--gtt-border-radius);
    position: relative;
}
.list_comments.chat_main_messages .seller_comment.has_reaction {
    margin-bottom: var(--space);
}
.list_comments.chat_main_messages .my_comment .seller_comment {
    background: rgb(85 172 238 / 24%);
}
.list_comments.chat_main_messages .seller_comment .comment_content button {
    font-size: var(--gtt-font-size);
}
.list_comments.chat_main_messages .seller_comment .chat_reaction_fx_layer {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 200px;
    height: 200px;
    pointer-events: none;
}
.list_comments.chat_main_messages .seller_comment .chat_reaction_fx_layer img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transform-origin: center center;
}
.list_comments.chat_main_messages .my_comment .chat_message_reactions {/* flex-direction: row-reverse; */}

/* chat_reaction_picker - ẩn mặc định, hiện khi hover seller_comment (class active) */
.list_comments.chat_main_messages .seller_comment .chat_action img {
    width: 25px;
    height: 25px;
    object-fit:contain;
}
.list_comments.chat_main_messages .seller_comment .chat_reaction_item.chat_action img {
    width: 20px;
    height: 20px;
}
.list_comments.chat_main_messages .chat_message_reactions {
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    align-items: center;
    right: var(--space);
}
.list_comments.chat_main_messages .chat_message_reactions_default {
    display: flex;
}
.list_comments.chat_main_messages .chat_reaction_item.default span {
    display: none;
}
.list_comments.chat_main_messages .chat_message_reactions button {
    padding: 5px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0;
    box-shadow: 0 0 5px 0px #00000036;
}
.list_comments.chat_main_messages .seller_comment.has_reaction .chat_message_reactions .chat_action.default img {
    width: 18px;
    height: 18px;
}
.list_comments.chat_main_messages .seller_comment:not(.has_reaction) .chat_message_reactions .chat_action.default img {
    width: 14px;
    height: 14px;
}
.list_comments.chat_main_messages .chat_message_reactions button span {
    margin-left: 4px;
}
.list_comments.chat_main_messages .chat_reaction_picker {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    bottom: var(--space);
    left: var(--space);
    position: absolute;
    display: flex;
}
.list_comments.chat_main_messages .chat_reaction_picker .chat_reaction_picker_types {
    display: flex;
    gap: 15px;
    background: #fff;
    padding: var(--space) calc(var(--space) * 2);
    border-radius: var(--gtt-border-radius-large);
    box-shadow: 0 0 5px 0px #00000036;
    transition: var(--gtt-transition);
}

.list_comments.chat_main_messages .my_comment .chat_reaction_picker {
    right: var(--space);
    left: auto;
}
.list_comments.chat_main_messages .chat_reaction_picker.active {
    opacity: 1;
    visibility: visible;
}
.list_comments.chat_main_messages .chat_reaction_picker button {
    border: 0;
    background: transparent;
    padding: 0;
    height: 28px;
}
.list_comments.chat_main_messages .chat_reaction_picker .chat_reaction_remove_btn {
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: var(--gtt-transition);
    margin-left: var(--space);
    height: 48px;
    width: 48px;
}
.list_comments.chat_main_messages .chat_reaction_picker .chat_reaction_remove_btn:hover {
    background: #f0f0f0;
}
.list_comments.chat_main_messages .chat_reaction_picker .chat_reaction_remove_btn img {width: 35px;height: 35px;}

/* chat_action_picker - hiện khi hover .one_comment.chat */
.list_comments.chat_main_messages .chat_action_picker {
    position: absolute;
    left: -45px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    gap: 6px;
    align-items: center;
    visibility: hidden;
    opacity: 0;
    transition: var(--gtt-transition);
    z-index: 2;
}
.list_comments.chat_main_messages .one_comment .chat_action_picker {
    left: auto;
    right: -80px;
    bottom: 0;
    top: auto;
    transform: none;
}
.list_comments.chat_main_messages .one_comment.my_comment .chat_action_picker {
    left: -80px;
    right: auto;
}
.list_comments.chat_main_messages .chat_action_picker.active {
    visibility: visible;
    opacity: 1;
}
.list_comments.chat_main_messages .chat_action_picker_btn {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 0;
    background: #e8e8e8;
    color: #555;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: var(--gtt-transition);
}
.list_comments.chat_main_messages .chat_action_picker_btn:hover {
    background: #d0d0d0;
    color: #333;
}
.list_comments.chat_main_messages .chat_action_picker_btn i {
    font-size: 14px;
}

/* chat_reaction_users_popup - popup danh sách người react */
.chat_reaction_users_popup {
    position: fixed;
    z-index: 9999;
    background: #1e3a5f;
    color: #fff;
    padding: 10px 14px;
    border-radius: 8px;
    font-size: 13px;
    line-height: 1.6;
    box-shadow: 0 4px 12px rgb(0 0 0 / 25%);
    max-width: 280px;
}
.chat_reaction_users_popup::after {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 50%;
    margin-left: -6px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #1e3a5f;
}

/* chat_react_users_modal - popup danh sách người react (click) */
#chat_react_users_modal {
    --popup-reaction-space: 5px;
}
#chat_react_users_modal .chat_react_users_popup_container {
    min-height: auto;
    max-height: 85vh;
}
#chat_react_users_modal .chat_react_users_layout {
    display: flex;
    gap: 24px;
    min-height: 200px;
}
#chat_react_users_modal .chat_react_users_left {
    width: 180px;
    flex-shrink: 0;
    border-right: 1px solid #e0e0e0;
    padding-right: 16px;
}
#chat_react_users_modal .chat_react_users_summary {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
#chat_react_users_modal .chat_react_users_summary_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.2s;
}
#chat_react_users_modal .chat_react_users_summary_item:hover,
#chat_react_users_modal .chat_react_users_summary_item.active {
    background: rgb(85 172 238 / 24%);
}
#chat_react_users_modal .chat_react_users_summary_item .chat_react_users_summary_icon img,
#chat_react_users_modal .chat_react_users_summary_item img {
    width: 20px;
    height: 20px;
    object-fit: contain;
}
#chat_react_users_modal .chat_react_users_summary_item .chat_react_users_summary_icon {
    display: flex;
    align-items: center;
}
#chat_react_users_modal #chat_react_users_reaction_types {display: flex;flex-direction: column;gap: var(--popup-reaction-space);}
#chat_react_users_modal .chat_react_users_summary_label {
    font-size: 14px;
    color: #333;
}
#chat_react_users_modal .chat_react_users_summary_count {
    font-size: 14px;
    color: #666;
    font-weight: 500;
}
#chat_react_users_modal .chat_react_users_right {
    flex: 1;
    overflow-y: auto;
    max-height: 400px;
}
#chat_react_users_modal .chat_react_users_list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
#chat_react_users_modal .chat_react_users_list_item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 0;
}
#chat_react_users_modal .chat_react_users_list_avatar_wrap {
    position: relative;
    flex-shrink: 0;
}
#chat_react_users_modal .chat_react_users_list_info {
    min-width: 0;
    display: flex;
    width: 100%;
    align-items: center;
}
#chat_react_users_modal .chat_react_users_list_name {
    /* font-size: 14px; */
    /* font-weight: 500; */
    /* color: #333; */
}
#chat_react_users_modal .chat_react_users_list_reactions {
    margin-left: auto;
    display: flex;
    gap: var(--popup-reaction-space);
}
#chat_react_users_modal .chat_react_users_list_reaction {
    display: flex;
    align-items: center;
    gap: var(--popup-reaction-space);
}
#chat_react_users_modal .chat_react_users_list_reaction img {
    width: 18px;
    height: 18px;
    object-fit: contain;
}
#chat_react_users_modal .chat_react_users_list_reaction span {
    /* font-size: 13px; */
    /* color: #666; */
}
.chat_react_users_list_reactions {
    display: flex;
    align-items: center;
    gap: var(--popup-reaction-space);
    flex-wrap: wrap;
}
#chat_react_users_modal .chat_react_users_list_total,
#chat_react_users_modal .chat_react_users_list_reaction span {
    /* font-size: var(--gtt-font-size); */
    /* color: #666; */
    /* font-weight: 500; */
    margin-top: 3px;
}

/* popup_forward_message - popup chuyển tiếp tin nhắn */
#popup_forward_message .chat_forward_popup_container {
    min-height: auto;
    max-height: 85vh;
}
#popup_forward_message .chat_forward_body {
    max-height: 60vh;
    overflow-y: auto;
}
#popup_forward_message .chat_forward_section.chat_list_section {
    width: 100%;
}
#popup_forward_message .chat_forward_section .chat_sidebar_list {
    max-height: 350px;
    overflow-y: auto;
}
#popup_forward_message .chat_forward_room_item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
    border-radius: var(--gtt-border-radius);
    cursor: pointer;
    user-select: none;
}
#popup_forward_message .chat_forward_room_item:hover {
    background: rgb(85 172 238 / 24%);
}
#popup_forward_message .chat_forward_room_item .chat_forward_room_checkbox {
    flex-shrink: 0;
}
#popup_forward_message .chat_forward_room_item .chat_room_item_avatar {
    width: 30px;
    flex-shrink: 0;
}
#popup_forward_message .chat_forward_room_item .chat_room_item_avatar img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    object-fit: cover;
}
#popup_forward_message .chat_forward_room_item .chat_room_item_content .chat_room_name {
    color: var(--gtt-primary-color);
    font-weight: 500;
}

/* Highlight từ khóa tìm kiếm trong kết quả room và room detail */
.chat_keyword_mark {
    background-color: var(--bs-warning);
    color: inherit;
    padding: 0 2px;
    border-radius: 2px;
    font-weight: 500;
}