.support-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:4px 0 20px}.support-title h1{font-size:24px;font-weight:650;color:#243247;margin:0}.support-title p,.support-help{font-size:12px;line-height:1.8;color:#5e6e83;margin:6px 0 0}.support-alert{margin-bottom:16px}.support-workspace{display:grid;grid-template-columns:300px minmax(0,1fr);min-height:600px;height:calc(100dvh - 240px);background:#fff;border:1px solid #e1e7ef;border-radius:14px;overflow:hidden}.support-inbox{display:flex;flex-direction:column;min-height:0;border-right:1px solid #e1e7ef}.support-search{display:flex;flex-wrap:wrap;align-items:center;padding:16px;gap:8px;border-bottom:1px solid #e1e7ef}.support-search>.el-input{flex:1;min-width:120px}.support-search .el-checkbox{width:100%;margin:0}.support-thread-list{flex:1;min-height:0;overflow:auto}.support-thread{display:flex;flex-direction:column;width:100%;gap:5px;text-align:left;border:0;border-bottom:1px solid #edf1f6;background:#fff;padding:16px;cursor:pointer;color:#243247;font:inherit}.support-thread:hover,.support-thread.selected{background:#edf3fc}.support-thread-title{display:flex;align-items:center;gap:8px;width:100%}.support-thread-title b{font-size:14px;font-weight:650;flex:1;min-width:0;overflow-wrap:anywhere}.support-thread-title small{color:#5e6e83;font-size:10px;flex-shrink:0}.support-thread-phone,.support-preview{font-size:12px;color:#5e6e83;line-height:1.7}.support-preview{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.support-unread,.support-waiting{font-size:10px;border-radius:4px;padding:2px 5px;color:#9a273a;background:#fff0f2;white-space:nowrap}.support-waiting{color:#81550f;background:#fff4dd;align-self:flex-start}.support-conversation{display:flex;flex-direction:column;min-height:0;position:relative;min-width:0}.support-conversation>.el-empty{margin:auto}.support-conversation-head{padding:16px 24px;border-bottom:1px solid #e1e7ef}.support-conversation-head h2{font-size:17px;margin:0;color:#243247}.support-conversation-head>span{font-size:12px;color:#5e6e83}.support-chat-log{flex:1;min-height:0;overflow-y:auto;padding:24px;background:#f7f9fc;overscroll-behavior:contain;scroll-padding:12px}.support-message{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:20px;min-width:0}.support-message-meta{font-size:11px;line-height:1.8;color:#5e6e83;margin-bottom:6px}.support-message p{max-width:85%;margin:0;padding:12px 16px;border:1px solid #dde5ef;border-radius:0 10px 10px 10px;background:#fff;color:#243247;line-height:1.8;font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}.support-admin .from-staff,.support-mobile .from-customer{align-items:flex-end}.support-admin .from-staff p,.support-mobile .from-customer p{border:0;border-radius:10px 0 10px 10px;background:#205bb2;color:#fff}.support-message.from-auto p{background:#edf2f8;color:#455870;border-style:dashed}.support-composer{background:#fff;border-top:1px solid #e1e7ef;padding:16px 24px}.support-composer label{font-size:13px;font-weight:550;color:#243247;display:block;margin-bottom:8px}.support-composer textarea{display:block;box-sizing:border-box;width:100%;resize:vertical;min-height:80px;max-height:200px;border:1px solid #c8d3e2;border-radius:8px;padding:10px 12px;font:inherit;line-height:1.7;color:#243247;background:#fff}.support-composer>div{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}.support-composer textarea:disabled{background:#f4f6f9}.support-text-action{font:inherit;font-size:12px;color:#205bb2;border:0;background:transparent;cursor:pointer;padding:8px}.support-new{position:absolute;bottom:190px;right:24px;border:1px solid #a7bfdf;background:#fff;color:#205bb2;padding:8px 12px;border-radius:7px;cursor:pointer}.support-setting-head{display:flex;align-items:center;justify-content:space-between;margin:24px 0 16px}.support-setting-head h2{font-size:17px;margin:0}.support-settings{max-width:920px}.support-faq-editor{border:1px solid #e1e7ef;border-radius:10px;padding:16px;margin:0 0 16px}.support-faq-editor legend{font-size:13px;padding:0 6px;font-weight:600}.support-mobile #supportRoot{border:1px solid #e1e7ef;border-radius:14px;overflow:hidden;background:#fff}.support-mobile .support-status{font-size:12px;padding:12px 16px;border-bottom:1px solid #e1e7ef;color:#455870;background:#fff}.support-greeting{font-size:14px;line-height:1.8;color:#243247;padding:16px 16px 0;white-space:pre-wrap}.support-faqs{display:flex;flex-direction:column;gap:8px;padding:16px}.support-faqs button{padding:10px 12px;border:1px solid #d2ddeb;border-radius:8px;background:#fff;color:#205bb2;text-align:left;line-height:1.7;font:inherit;font-size:13px;min-height:44px}.support-mobile .support-chat-log{height:320px;max-height:48dvh;min-height:160px;padding:16px}.support-mobile .support-message p{max-width:92%;font-size:14px;padding:10px 12px}.support-mobile .support-composer{padding:16px}.support-mobile .support-composer textarea{font-size:16px}.support-mobile .support-composer .btn{margin-top:12px}.support-error{color:#a92b3e;background:#fff;font-size:12px;padding:0 16px;line-height:1.7;overflow-wrap:anywhere}.support-error:empty{display:none}.support-older{width:100%;border-bottom:1px solid #e1e7ef}.support-mobile [hidden]{display:none!important}
@media(max-width:900px){.support-workspace{grid-template-columns:240px minmax(0,1fr)}.support-conversation-head,.support-composer{padding:16px}.support-chat-log{padding:16px}}
@media(max-width:600px){.support-title{align-items:flex-start}.support-title h1{font-size:21px}.support-workspace{display:flex;flex-direction:column;height:auto;min-height:0}.support-inbox{border-right:0;border-bottom:1px solid #e1e7ef;max-height:280px}.support-thread-list{min-height:100px}.support-search{padding:12px}.support-conversation{min-height:500px}.support-chat-log{max-height:48dvh;min-height:220px}.support-message p{max-width:95%}.support-composer>div{align-items:flex-end}.support-title p{max-width:30ch}}
@media(prefers-reduced-motion:reduce){.support-chat-log{scroll-behavior:auto}}
.support-notifications{display:flex;align-items:center;flex-shrink:0}.support-notification-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.support-notification-trigger.icon-btn{position:relative;width:44px;height:44px}.el-notification.support-toast{max-width:calc(100vw - 24px)}.support-connection-dot{position:absolute;right:5px;top:5px;width:7px;height:7px;border-radius:50%;background:#a8640e}.support-notification-popper{max-width:calc(100vw - 24px)}.support-notification-menu{width:340px;max-width:calc(100vw - 26px);max-height:min(480px,70dvh);overflow-y:auto}.support-notification-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;color:#243247}.support-notification-heading>b{font-size:14px}.support-notification-heading>span{font-size:12px;color:#5e6e83}.support-notification-menu .el-dropdown-menu__item{white-space:normal;min-height:44px}.support-notification-row{width:100%;padding:8px 0;line-height:1.7;min-width:0}.support-notification-row>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.support-notification-row strong{font-size:14px;color:#243247;overflow-wrap:anywhere}.support-notification-row b{color:#a92b3e;font-size:12px;white-space:nowrap}.support-notification-row>span{display:block;font-size:12px;color:#5e6e83}.support-notification-row .support-notification-action{color:#205bb2;margin-top:4px}.support-conversation-head h2:focus-visible{outline:2px solid #205bb2;outline-offset:5px;border-radius:2px}