@charset "utf-8";

.message-tab-page-wrapper { display: flex; flex-direction: column; height: calc(-70px + 100vh); }

.message-tab-page-wrapper .contact-message-loading { display: flex; align-items: center; justify-content: center; }

.message-tab-page-wrapper .error-tips > a { color: rgb(230, 71, 81); }

.message-tab-page-wrapper .message-sender { align-items: flex-end; }

.message-tab-page-wrapper .message-sender textarea.s-kit-input { box-sizing: border-box; height: 39px; min-height: 39px; max-height: 100px; padding-top: 8px; padding-bottom: 8px; line-height: 21px; resize: none; overflow-y: auto; }

.message-tab-page-wrapper .history-list .log-item { display: inline-flex; align-items: baseline; gap: 5px; max-width: 100%; padding: 8px 12px; color: rgb(162, 172, 187); line-height: 1.5; background: rgb(244, 246, 250); border: 1px solid rgb(228, 232, 239); border-radius: 10px 10px 10px 0px; word-break: break-word; overflow-wrap: anywhere; }

.message-tab-page-wrapper .history-list .log-item .s-kit-icon, .message-tab-page-wrapper .history-list .log-item i { flex: 0 0 auto; margin-right: 0px; margin-left: 0px; padding-right: 0px; padding-left: 0px; position: static; top: auto; color: inherit; line-height: 1; }

.message-tab-page-wrapper .history-list .log-item .info { min-width: 0px; color: inherit; }

.message-tab-page-wrapper .history-list .log-item a { color: inherit; }

.message-tab-page-wrapper .history-list .log-item.reply { color: rgb(92, 102, 118); }

.message-tab-page-wrapper .history-list .log-item.reply .info { color: rgb(92, 102, 118); }

.message-tab-page-wrapper .history-list .log-item.email { align-items: center; }

.message-tab-page-wrapper .history-list .log-item.blog, .message-tab-page-wrapper .history-list .log-item.email, .message-tab-page-wrapper .history-list .log-item.store { color: rgb(162, 172, 187); background: rgb(244, 246, 250); border-color: rgb(228, 232, 239); }

.message-tab-page-wrapper .history-list .log-item.blog .info, .message-tab-page-wrapper .history-list .log-item.email .info, .message-tab-page-wrapper .history-list .log-item.store .info, .message-tab-page-wrapper .history-list .log-item.blog .title, .message-tab-page-wrapper .history-list .log-item.email .title, .message-tab-page-wrapper .history-list .log-item.store .title, .message-tab-page-wrapper .history-list .log-item.blog a, .message-tab-page-wrapper .history-list .log-item.email a, .message-tab-page-wrapper .history-list .log-item.store a { color: inherit; }

.message-tab-page-wrapper .history-list .log-item.blog .info { color: rgb(162, 172, 187); }

.message-tab-page-wrapper .history-list .history-detail-table-wrapper { width: 450px; max-width: 80%; }

.message-tab-page-wrapper .history-list .request-quote-log-wrapper { width: 450px; max-width: 80%; }

.message-tab-page-wrapper .history-list .request-quote-log-wrapper .request-quote-log { padding: 0px; }

.message-tab-page-wrapper .history-list .request-quote-log { box-sizing: border-box; width: 100%; }