.chats-content .chat-wrapper, .chats-content .chat-info-block {
    padding: 24px;
    border: 1px solid #D7DBE4;
    border-radius: 4px;
}
.chat-wrapper {
    margin-bottom: 20px;
}
.chats-content .chat-info-block {
    background-color: #ECF0F4;
    margin-bottom: 8px;
}
.chats-content .return-to-chat {
    margin-bottom: 8px;
}
.chats-content .return-link {
    padding: 4px 0 16px 32px;
    position: relative;
    color: #717680;
}
.chats-content .return-link:before {
    content:'';
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.435 1.935L17.565 4.065L9.61499 12L17.565 19.935L15.435 22.065L5.38499 12L15.435 1.935Z' fill='%232BAA4D'/%3E%3C/svg%3E%0A");

}
.chats-content .return-link:hover {
    text-decoration: underline!important;
}
.chats-content .line-wrp {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.chats-content .line-wrp h2 {
    padding-right: 24px;
    margin: 0!important;
}
.chats-content .user-info {
    display: flex;
}
.chats-content .profile-img {
    text-align: center;
    margin-bottom: 0;
}
.chats-content .profile-img-circle img {
    max-width: 40px;
    max-height: 40px;
    width: auto;
    height: auto;
    background-color: transparent;
    border: none;
    border-radius: 50%;
}
.chats-content .user-name-wrp {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 16px;
}
.dokan-dashboard .user-name-wrp {
    justify-content: center;
}
.chats-content .chat-vendor-name, .chats-content .chat-customer-name {
    font-weight: 700;
    line-height: 1.4;
}
.chats-content .motta-dokan-store-address {
    color: #7C818B;
}
.chats-content .chat-wrapper h3 {
    font-size: 18px!important;
    margin: 0 0 24px;
}
.messages-wrp {
    display: flex;
    flex-direction: column;
}
.chats-content .chat-msg {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 80%;
    margin-bottom: 16px;
}
.chats-content .chat-msg .time {
    text-align: center;
    margin-bottom: 8px;
    color: #717680;
}
.chats-content .chat-msg .text-wrp {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}
.chats-content .chat-msg .text-wrp p,
.chats-content .chat-msg .text-wrp .chat-product {
    padding: 8px 16px;
    border-radius: 8px;
    margin: 0;
}
.dokan-dashboard .chat-msg.vendor,
.woocommerce-account .chat-msg.customer {
    /*float: left;*/
    align-items: start;
    align-self: flex-start;
}
.dokan-dashboard .chat-msg.customer,
.woocommerce-account .chat-msg.vendor {
    /*float: right;*/
    align-items: end;
    align-self: flex-end;
}
.woocommerce-account .chat-msg.customer .text-wrp p,
.woocommerce-account .chat-msg.customer .text-wrp p a,
.dokan-dashboard .chat-msg.vendor .text-wrp p,
.dokan-dashboard .chat-msg.vendor .text-wrp p a,
.dokan-dashboard .chat-msg.vendor .chat-product {
    color: #ffffff!important;
    background-color: #0073CF!important;
    order: 2;
}
.woocommerce-account .chat-msg.vendor .text-wrp p,
.dokan-dashboard .chat-msg.customer .text-wrp p,
.woocommerce-account .chat-msg.vendor .chat-product {
    color: #0B1215;
    background-color: #ECF0F4;
    order: 1;
}
.dokan-dashboard .dokan-dashboard-content .text-wrp p a {
    text-decoration: underline;
}
.woocommerce-account .chat-msg.customer .text-wrp .profile-img,
.dokan-dashboard .chat-msg.vendor .text-wrp .profile-img {
    order: 1;
}
.woocommerce-account .chat-msg.vendor .text-wrp .profile-img,
.dokan-dashboard .chat-msg.customer .text-wrp .profile-img {
    order: 2;
}
.chat-product .product-info-wrp {
    /*width: 100%;*/
    display: flex;
    align-items: flex-start;
    gap: 10px;
    text-decoration: none;
    margin-bottom: 8px;
}
.chat-product .attachment-thumbnail.size-thumbnail {
    max-width: 90px;
    max-height: 90px;
    width: auto;
    height: auto;
    background-color: transparent;
    border: none;
}
.chat-product .product-info-wrp .product-txt {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.dokan-dashboard .chat-product .name {
    color: #ffffff!important;
}
.chat-product .name {
    font-weight: 700;
}
.chat-product .price {
    font-weight: 700;
    display: flex;
    justify-content: space-between;
    margin-top: 24px;
}
.chat-product .price del {
    display: none;
}
.chat-product .price ins {
    margin-left: 10px;
    background: transparent;
}
.dokan-dashboard .chat-product .add_to_cart .button,
.chat-product .add-to-cart .add_to_cart_button {
    width: 100%!important;
    height: 44px!important;
    font-size: 14px!important;
    background-color: #2BAA4D!important;
    border-radius: 4px!important;
}
.dokan-dashboard .chat-msg.vendor .chat-product .add_to_cart .button:hover,
.chat-product .add-to-cart .add_to_cart_button:hover {
    background-color: #249344!important;
    box-shadow: none!important;
}
.dokan-dashboard .chat-msg.vendor .product-add-to-cart_link {
    width: 100%;
    height: 44px!important;
    background-color: #B7BBC3!important;
    box-shadow: none!important;
    border-radius: 4px!important;
    color: #ffffff!important;
}
.chat-product .add-to-cart .motta-svg-icon {
    display: none;
}
/* reply block */
.chat-reply-form {
    display: flex;
    position: relative;
}
.chat-toolbar {
    position: relative;
}
.chat-plus-btn {
    min-width: 40px;
    width: 40px;
    height: 40px;
    background: transparent;
    border:none;
    cursor:pointer;
    font-size:22px;
    line-height:30px;
    color: #0073CF;
    padding: 0;
    margin-right: 6px;
}
.chat-plus-btn:hover,
.chat-plus-btn:active,
.chat-plus-btn:focus {
    background: #005DAA;
    color: white;
    border-radius: 8px!important;
}
.chat-dropdown {
    min-width: 210px;
    list-style:none;
    padding: 0!important;
    position:absolute;
    bottom:110%; /* opens above */
    left:0;
    background: white;
    border:1px solid #D7DBE4;
    border-radius:8px;
    display:none;
    margin:0;
    z-index:20;
}
.chat-dropdown li {
    height: 48px;
    padding: 12px!important;
    display: flex;
    align-items: center;
    border-radius:8px;
}
.chat-dropdown li:before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    color: #0B1215;
    /*margin-right: 4px;*/
}
.chat-dropdown li.add-file:before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.6667 3.75H17.3333C18.8042 3.75 20 4.9832 20 6.5V18.25C20 19.7668 18.8042 21 17.3333 21H6.66667C5.19583 21 4 19.7668 4 18.25V6.5C4 4.9832 5.19583 3.75 6.66667 3.75H8.33333H8.73333C9.04167 2.18164 10.3875 1 12 1C13.6125 1 14.9583 2.18164 15.2667 3.75H15.6667ZM6.66667 5.8125C6.3 5.8125 6 6.12187 6 6.5V18.25C6 18.6281 6.3 18.9375 6.66667 18.9375H17.3333C17.7 18.9375 18 18.6281 18 18.25V6.5C18 6.12187 17.7 5.8125 17.3333 5.8125H16.6667V6.84375C16.6667 7.41523 16.2208 7.875 15.6667 7.875H12H8.33333C7.77917 7.875 7.33333 7.41523 7.33333 6.84375V5.8125H6.66667ZM12 5.46875C12.2652 5.46875 12.5196 5.3601 12.7071 5.1667C12.8946 4.97331 13 4.711 13 4.4375C13 4.164 12.8946 3.90169 12.7071 3.7083C12.5196 3.5149 12.2652 3.40625 12 3.40625C11.7348 3.40625 11.4804 3.5149 11.2929 3.7083C11.1054 3.90169 11 4.164 11 4.4375C11 4.711 11.1054 4.97331 11.2929 5.1667C11.4804 5.3601 11.7348 5.46875 12 5.46875Z' fill='%230B1215'/%3E%3Cpath d='M8 11.0312C8 10.4598 8.44583 10 9 10H15C15.5542 10 16 10.4598 16 11.0312C16 11.6027 15.5542 12.0625 15 12.0625H9C8.44583 12.0625 8 11.6027 8 11.0312Z' fill='%230B1215'/%3E%3Cpath d='M8 15.0312C8 14.4598 8.44583 14 9 14H15C15.5542 14 16 14.4598 16 15.0312C16 15.6027 15.5542 16.0625 15 16.0625H9C8.44583 16.0625 8 15.6027 8 15.0312Z' fill='%230B1215'/%3E%3C/svg%3E ");
}
.chat-dropdown li.add-product:before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.2409 21.662L21.7359 19.242C22.2029 18.79 21.8829 18 21.2329 18H20.0169V15C20.0169 14.448 19.5689 14 19.0169 14C18.4649 14 18.0169 14.448 18.0169 15V18H16.7239C16.0859 18 15.7609 18.767 16.2049 19.226L18.5539 21.651C18.7409 21.844 19.0479 21.848 19.2409 21.662Z' fill='%230B1215'/%3E%3Cpath d='M19.678 5.158L17.022 2.341C16.816 2.123 16.536 2 16.244 2H4.1C3.492 2 3 2.522 3 3.167V20.834C3 21.478 3.492 22 4.1 22H14V20H5V4H14V7C14 7.552 14.448 8 15 8H18V12H20V5.983C20 5.674 19.884 5.377 19.678 5.158Z' fill='%230B1215'/%3E%3Ccircle cx='9' cy='10' r='2' fill='%230B1215'/%3E%3Cpath d='M8.69513 13.8557L6.70748 16.1746C6.42948 16.4989 6.65993 17 7.08711 17H15.191C15.5627 17 15.8044 16.6088 15.6382 16.2764L13.8419 12.6838C13.6806 12.3613 13.2414 12.3103 13.0106 12.5873L11.3041 14.6351C11.1337 14.8396 10.8329 14.8747 10.62 14.715L9.37476 13.7811C9.16395 13.623 8.86662 13.6556 8.69513 13.8557Z' fill='%230B1215'/%3E%3C/svg%3E%0A");
}
.chat-dropdown li label,
.chat-dropdown li.add-product a {
    padding: 3px 0 0 4px;
    transition: none;
}
.chat-dropdown li:hover {
    color: #ffffff;
    background: #0073CF;
    /*border-radius:8px;*/
}
.dokan-dashboard .chat-dropdown li.add-file:hover {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.dokan-dashboard .chat-dropdown li.add-product:hover {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.chat-dropdown li:hover a {
    color: #ffffff;
}
.chat-dropdown li.add-file:hover::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.6667 3.75H17.3333C18.8042 3.75 20 4.9832 20 6.5V18.25C20 19.7668 18.8042 21 17.3333 21H6.66667C5.19583 21 4 19.7668 4 18.25V6.5C4 4.9832 5.19583 3.75 6.66667 3.75H8.33333H8.73333C9.04167 2.18164 10.3875 1 12 1C13.6125 1 14.9583 2.18164 15.2667 3.75H15.6667ZM6.66667 5.8125C6.3 5.8125 6 6.12187 6 6.5V18.25C6 18.6281 6.3 18.9375 6.66667 18.9375H17.3333C17.7 18.9375 18 18.6281 18 18.25V6.5C18 6.12187 17.7 5.8125 17.3333 5.8125H16.6667V6.84375C16.6667 7.41523 16.2208 7.875 15.6667 7.875H12H8.33333C7.77917 7.875 7.33333 7.41523 7.33333 6.84375V5.8125H6.66667ZM12 5.46875C12.2652 5.46875 12.5196 5.3601 12.7071 5.1667C12.8946 4.97331 13 4.711 13 4.4375C13 4.164 12.8946 3.90169 12.7071 3.7083C12.5196 3.5149 12.2652 3.40625 12 3.40625C11.7348 3.40625 11.4804 3.5149 11.2929 3.7083C11.1054 3.90169 11 4.164 11 4.4375C11 4.711 11.1054 4.97331 11.2929 5.1667C11.4804 5.3601 11.7348 5.46875 12 5.46875Z' fill='white'/%3E%3Cpath d='M8 11.0312C8 10.4598 8.44583 10 9 10H15C15.5542 10 16 10.4598 16 11.0312C16 11.6027 15.5542 12.0625 15 12.0625H9C8.44583 12.0625 8 11.6027 8 11.0312Z' fill='white'/%3E%3Cpath d='M8 15.0312C8 14.4598 8.44583 14 9 14H15C15.5542 14 16 14.4598 16 15.0312C16 15.6027 15.5542 16.0625 15 16.0625H9C8.44583 16.0625 8 15.6027 8 15.0312Z' fill='white'/%3E%3C/svg%3E%0A");
}
.chat-dropdown li.add-product:hover::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.2409 21.662L21.7359 19.242C22.2029 18.79 21.8829 18 21.2329 18H20.0169V15C20.0169 14.448 19.5689 14 19.0169 14C18.4649 14 18.0169 14.448 18.0169 15V18H16.7239C16.0859 18 15.7609 18.767 16.2049 19.226L18.5539 21.651C18.7409 21.844 19.0479 21.848 19.2409 21.662Z' fill='white'/%3E%3Cpath d='M19.678 5.158L17.022 2.341C16.816 2.123 16.536 2 16.244 2H4.1C3.492 2 3 2.522 3 3.167V20.834C3 21.478 3.492 22 4.1 22H14V20H5V4H14V7C14 7.552 14.448 8 15 8H18V12H20V5.983C20 5.674 19.884 5.377 19.678 5.158Z' fill='white'/%3E%3Ccircle cx='9' cy='10' r='2' fill='white'/%3E%3Cpath d='M8.69513 13.8557L6.70748 16.1746C6.42948 16.4989 6.65993 17 7.08711 17H15.191C15.5627 17 15.8044 16.6088 15.6382 16.2764L13.8419 12.6838C13.6806 12.3613 13.2414 12.3103 13.0106 12.5873L11.3041 14.6351C11.1337 14.8396 10.8329 14.8747 10.62 14.715L9.37476 13.7811C9.16395 13.623 8.86662 13.6556 8.69513 13.8557Z' fill='white'/%3E%3C/svg%3E%0A");
}
.chat-dropdown a {
    text-decoration:none;
}
.hidden {
    display:none;
}
.message-input {
    height: 40px!important;
    padding: 10px 8px 10px 16px!important;
    background: #F5F7FA!important;
    font-size: 14px;
    line-height: 20px;
    color: #0B1215;
    border: none!important;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.message-input:hover {
    border: none!important;
    box-shadow: none!important;
}
.reply-wrp {
    height: 40px;
    padding: 4px;
    background: #F5F7FA;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}
.reply-no-text {
    min-width: 32px;
    width: 32px;
    height: 32px;
    background: #0073CF;
    cursor:pointer;
    font-size:22px;
    line-height:30px;
    color: #FFFFFF;
    border-radius: 8px!important;
    border:none;
    padding: 0;
}
.reply-no-text:hover {
    background: #005DAA!important;
}
.vendor-product-attach {
    min-width: 180px;
    list-style:none;
    padding: 12px!important;
    position:absolute;
    left:0;
    bottom: 110%;
    background: white;
    border:1px solid #D7DBE4;
    border-radius:8px;
    margin:0;
    z-index:3;
}
.vendor-product-attach label {
    margin-bottom: 4px;
}
.vendor-product-attach select {
    height: 44px!important;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 16L6 9.5L7.5 8L12.5 13L17.5 8L19 9.5L12.5 16Z' fill='%23717680'/%3E%3C/svg%3E%0A")!important;
    background-position: calc(100% - 12px) center!important;
    padding: 10px 36px 10px 12px!important;
}
.vendor-product-attach select,
.vendor-product-attach select option {
    font-size: 14px!important;
    line-height: 20px!important;
    font-weight: 400!important;
}
.attachment-indicator {
    position: absolute;
    right: 48px;          /* adjust to fit your layout */
    bottom: 8px;
    width: 24px;
    height: 24px;
    display: none;        /* hidden until something is attached */
    background-repeat: no-repeat;
    background-size: 24px 24px;
    pointer-events: none; /* don’t block clicks in the textarea */
}
.attachment-indicator.file-attached {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.6667 3.75H17.3333C18.8042 3.75 20 4.9832 20 6.5V18.25C20 19.7668 18.8042 21 17.3333 21H6.66667C5.19583 21 4 19.7668 4 18.25V6.5C4 4.9832 5.19583 3.75 6.66667 3.75H8.33333H8.73333C9.04167 2.18164 10.3875 1 12 1C13.6125 1 14.9583 2.18164 15.2667 3.75H15.6667ZM6.66667 5.8125C6.3 5.8125 6 6.12187 6 6.5V18.25C6 18.6281 6.3 18.9375 6.66667 18.9375H17.3333C17.7 18.9375 18 18.6281 18 18.25V6.5C18 6.12187 17.7 5.8125 17.3333 5.8125H16.6667V6.84375C16.6667 7.41523 16.2208 7.875 15.6667 7.875H12H8.33333C7.77917 7.875 7.33333 7.41523 7.33333 6.84375V5.8125H6.66667ZM12 5.46875C12.2652 5.46875 12.5196 5.3601 12.7071 5.1667C12.8946 4.97331 13 4.711 13 4.4375C13 4.164 12.8946 3.90169 12.7071 3.7083C12.5196 3.5149 12.2652 3.40625 12 3.40625C11.7348 3.40625 11.4804 3.5149 11.2929 3.7083C11.1054 3.90169 11 4.164 11 4.4375C11 4.711 11.1054 4.97331 11.2929 5.1667C11.4804 5.3601 11.7348 5.46875 12 5.46875Z' fill='%230B1215'/%3E%3Cpath d='M8 11.0312C8 10.4598 8.44583 10 9 10H15C15.5542 10 16 10.4598 16 11.0312C16 11.6027 15.5542 12.0625 15 12.0625H9C8.44583 12.0625 8 11.6027 8 11.0312Z' fill='%230B1215'/%3E%3Cpath d='M8 15.0312C8 14.4598 8.44583 14 9 14H15C15.5542 14 16 14.4598 16 15.0312C16 15.6027 15.5542 16.0625 15 16.0625H9C8.44583 16.0625 8 15.6027 8 15.0312Z' fill='%230B1215'/%3E%3C/svg%3E ");
}
.attachment-indicator.product-attached {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.2409 21.662L21.7359 19.242C22.2029 18.79 21.8829 18 21.2329 18H20.0169V15C20.0169 14.448 19.5689 14 19.0169 14C18.4649 14 18.0169 14.448 18.0169 15V18H16.7239C16.0859 18 15.7609 18.767 16.2049 19.226L18.5539 21.651C18.7409 21.844 19.0479 21.848 19.2409 21.662Z' fill='%230B1215'/%3E%3Cpath d='M19.678 5.158L17.022 2.341C16.816 2.123 16.536 2 16.244 2H4.1C3.492 2 3 2.522 3 3.167V20.834C3 21.478 3.492 22 4.1 22H14V20H5V4H14V7C14 7.552 14.448 8 15 8H18V12H20V5.983C20 5.674 19.884 5.377 19.678 5.158Z' fill='%230B1215'/%3E%3Ccircle cx='9' cy='10' r='2' fill='%230B1215'/%3E%3Cpath d='M8.69513 13.8557L6.70748 16.1746C6.42948 16.4989 6.65993 17 7.08711 17H15.191C15.5627 17 15.8044 16.6088 15.6382 16.2764L13.8419 12.6838C13.6806 12.3613 13.2414 12.3103 13.0106 12.5873L11.3041 14.6351C11.1337 14.8396 10.8329 14.8747 10.62 14.715L9.37476 13.7811C9.16395 13.623 8.86662 13.6556 8.69513 13.8557Z' fill='%230B1215'/%3E%3C/svg%3E%0A");
}