.kefu-page[data-v-27eb60e8]{height:calc(100vh - 106px);min-height:0;width:100%;max-width:100%;display:grid;grid-template-columns:320px minmax(420px,1fr) 300px;grid-template-rows:minmax(0,1fr);overflow:hidden;background:#f4f6f9;border:1px solid #e8edf3}.chat-panel[data-v-27eb60e8],.conversation-panel[data-v-27eb60e8],.member-panel[data-v-27eb60e8]{min-width:0;min-height:0;background:#fff}.conversation-panel[data-v-27eb60e8]{border-right:1px solid #e8edf3}.chat-header[data-v-27eb60e8],.panel-title[data-v-27eb60e8]{height:58px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8edf3}.panel-actions[data-v-27eb60e8]{display:flex;align-items:center}.conversation-list[data-v-27eb60e8]{height:calc(100% - 58px);padding-right:12px;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable}.conversation-item[data-v-27eb60e8]{width:100%;min-height:84px;display:flex;gap:12px;padding:14px 12px 14px 16px;border:0;border-bottom:1px solid #eef2f6;background:#fff;text-align:left;cursor:pointer;outline:none}.conversation-item.active[data-v-27eb60e8],.conversation-item[data-v-27eb60e8]:hover{background:#edf4ff}.avatar[data-v-27eb60e8],.member-avatar[data-v-27eb60e8],.message-avatar[data-v-27eb60e8]{flex:none;display:grid;place-items:center;color:#fff;background:#5b8def;font-weight:700;border-radius:50%}.avatar[data-v-27eb60e8]{width:44px;height:44px}.avatar-image[data-v-27eb60e8],.message-avatar-image[data-v-27eb60e8]{display:block}.conversation-main[data-v-27eb60e8]{min-width:0;flex:1;overflow:hidden}.conversation-row[data-v-27eb60e8]{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px;line-height:24px}.conversation-row strong[data-v-27eb60e8]{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-row span[data-v-27eb60e8]{flex:none;max-width:76px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8a94a6;font-size:13px}.conversation-date[data-v-27eb60e8]{flex:none;max-width:none;margin-left:8px;text-align:right;color:#8a94a6;font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}.service-mode-dot[data-v-27eb60e8]{flex:none;padding:1px 6px;border-radius:9px;background:#eef1f6;color:#667085;font-size:11px;font-style:normal;line-height:16px}.service-mode-dot--human_pending[data-v-27eb60e8]{background:#fff3d6;color:#b45309}.service-mode-dot--human_active[data-v-27eb60e8]{background:#dcfce7;color:#15803d}.service-mode-dot--closed[data-v-27eb60e8]{background:#f3f4f6;color:#9ca3af}.last-message span[data-v-27eb60e8]{flex:1;min-width:0;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.last-message .service-mode-dot[data-v-27eb60e8]{max-width:none;color:#667085}.last-message .service-mode-dot--human_pending[data-v-27eb60e8]{color:#b45309}.last-message .service-mode-dot--human_active[data-v-27eb60e8]{color:#15803d}.last-message .service-mode-dot--closed[data-v-27eb60e8]{color:#9ca3af}.last-message em[data-v-27eb60e8]{flex:none;min-width:20px;max-width:44px;height:20px;padding:0 6px;border-radius:999px;color:#fff;background:#f56c6c;font-style:normal;font-size:12px;line-height:20px;text-align:center;overflow:hidden;text-overflow:ellipsis}.chat-panel[data-v-27eb60e8]{min-height:0;display:grid;grid-template-rows:58px minmax(0,1fr) 168px;overflow:hidden}.chat-header span[data-v-27eb60e8]{display:block;margin-top:4px;color:#8a94a6;font-size:12px}.header-actions[data-v-27eb60e8]{display:flex;gap:8px}.message-body[data-v-27eb60e8]{min-height:0;padding:20px;overflow-y:auto;overflow-x:hidden;background:#f8fafc}.message-row[data-v-27eb60e8]{display:flex;gap:10px;margin-bottom:16px;align-items:flex-start}.message-row.mine[data-v-27eb60e8]{flex-direction:row-reverse}.message-avatar[data-v-27eb60e8]{width:38px;height:38px;background:#c4cad4}.message-row.mine .message-avatar[data-v-27eb60e8]{background:#5b8def}.message-bubble[data-v-27eb60e8]{max-width:68%;padding:10px 12px;color:#222;background:#fff;border:1px solid #e8edf3;border-radius:8px;line-height:1.6;word-break:break-word}.message-row.mine .message-bubble[data-v-27eb60e8]{color:#1f3b66;background:#dce9ff;border-color:#d2e2ff}.recalled-message[data-v-27eb60e8]{color:#8a94a6;font-size:12px}.quoted-message[data-v-27eb60e8]{min-width:220px}.quoted-message__source[data-v-27eb60e8]{display:flex;min-width:0;flex-direction:column;gap:2px;margin-bottom:8px;padding:8px 10px;border-radius:6px;background:rgba(70,90,120,.08);color:#667085;font-size:12px}.quoted-message__source span[data-v-27eb60e8]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-time[data-v-27eb60e8]{align-self:flex-end;margin:0 0 2px -2px;color:#8a94a6;font-size:12px;white-space:nowrap}.message-row.mine .message-time[data-v-27eb60e8]{margin:0 -2px 2px 0}.message-image[data-v-27eb60e8]{max-width:220px;max-height:260px;border-radius:6px}.audio-message[data-v-27eb60e8]{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.audio-message audio[data-v-27eb60e8]{width:230px;height:36px}.audio-message span[data-v-27eb60e8]{color:#687386;font-size:12px;white-space:nowrap}.audio-message .audio-transcript[data-v-27eb60e8]{width:100%;margin:4px 0 0;padding-top:8px;border-top:1px solid #dfe5ed;color:#394456;font-size:13px;line-height:1.6;white-space:normal}.contact-search[data-v-27eb60e8]{display:flex;gap:10px}.contact-user-list[data-v-27eb60e8]{max-height:430px;min-height:160px;margin-top:16px;overflow-y:auto}.contact-user[data-v-27eb60e8]{width:100%;display:flex;align-items:center;gap:12px;padding:12px 8px;border:0;border-bottom:1px solid #edf0f4;background:#fff;color:#283446;text-align:left;cursor:pointer}.contact-user[data-v-27eb60e8]:focus-visible,.contact-user[data-v-27eb60e8]:hover{background:#f2f6fc;outline:none}.contact-avatar[data-v-27eb60e8]{width:42px;height:42px;flex:none;border-radius:50%}.contact-avatar--fallback[data-v-27eb60e8]{display:grid;place-items:center;background:#5b8def;color:#fff;font-weight:700}.contact-user__main[data-v-27eb60e8]{min-width:0;display:flex;flex:1;flex-direction:column;gap:5px}.contact-user__main small[data-v-27eb60e8]{color:#667085}.contact-user__action[data-v-27eb60e8]{flex:none;color:#326dcc;font-size:13px}.file-message[data-v-27eb60e8]{display:flex;min-width:230px;align-items:center;gap:10px;color:#294f86;text-decoration:none}.file-message i[data-v-27eb60e8]{color:#5b8def;font-size:28px}.file-message span[data-v-27eb60e8]{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-message small[data-v-27eb60e8]{color:#8a94a6;white-space:nowrap}.recording-button[data-v-27eb60e8]{color:#c93636!important}.rich-card[data-v-27eb60e8]{width:260px;display:flex;gap:10px;align-items:center}.product-message-card[data-v-27eb60e8]{padding:0;border:0;color:#1f2937;font:inherit;text-align:left;background:transparent;cursor:pointer;align-items:stretch}.product-message-card[data-v-27eb60e8]:disabled{cursor:default}.product-message-card__image[data-v-27eb60e8],.product-message-card__placeholder[data-v-27eb60e8]{flex:none;width:76px;height:76px;border-radius:8px;overflow:hidden}.product-message-card__placeholder[data-v-27eb60e8]{display:flex;align-items:center;justify-content:center;color:#7c8799;font-size:24px;background:#edf1f6}.product-message-card__body[data-v-27eb60e8]{min-width:0;display:flex;flex:1;flex-direction:column;align-items:flex-start}.product-message-card__body small[data-v-27eb60e8]{margin-bottom:3px;color:#667085;font-size:11px}.product-message-card__body strong[data-v-27eb60e8]{display:-webkit-box;max-width:170px;overflow:hidden;color:#1f2937;font-size:14px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.product-message-card__price[data-v-27eb60e8]{margin-top:auto;color:#7a3ff2;font-size:15px;font-weight:600}.product-message-card__action[data-v-27eb60e8]{align-self:flex-end;margin-top:-20px;color:#4777d9;font-size:12px}.side-thumb[data-v-27eb60e8],.thumb[data-v-27eb60e8]{flex:none;width:54px;height:54px;border-radius:6px;background:#d8dee8}.order-thumb[data-v-27eb60e8]{background:#cfe1ff}.composer[data-v-27eb60e8]{position:relative;padding:10px 14px;border-top:1px solid #e8edf3;background:#fff;overflow:visible}.tool-row[data-v-27eb60e8]{height:28px;display:flex;gap:12px;align-items:center}.image-input[data-v-27eb60e8],.old-tool-row[data-v-27eb60e8]{display:none}.emoji-panel[data-v-27eb60e8]{position:absolute;left:14px;bottom:calc(100% - 6px);z-index:20;display:grid;grid-template-columns:repeat(10,30px);gap:6px;padding:10px;background:#fff;border:1px solid #dbe3ee;border-radius:8px;box-shadow:0 8px 20px rgba(31,59,102,.12)}.emoji-panel[data-v-27eb60e8]:after{content:"";position:absolute;left:28px;bottom:-7px;width:12px;height:12px;background:#fff;border-right:1px solid #dbe3ee;border-bottom:1px solid #dbe3ee;transform:rotate(45deg)}.emoji-panel button[data-v-27eb60e8]{width:30px;height:30px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;cursor:pointer;font-size:18px;line-height:28px}.emoji-panel button[data-v-27eb60e8]:hover{background:#eef4ff;border-color:#93c5fd}.send-row[data-v-27eb60e8]{margin-top:8px;display:flex;align-items:center;justify-content:space-between;color:#8a94a6;font-size:12px}.member-panel[data-v-27eb60e8]{border-left:1px solid #e8edf3;padding:18px 14px;overflow:auto}.member-card[data-v-27eb60e8]{text-align:center}.member-avatar[data-v-27eb60e8]{width:72px;height:72px;margin:8px auto 12px;font-size:24px}.member-avatar-image[data-v-27eb60e8]{display:block}.member-card p[data-v-27eb60e8]{margin:8px 0;color:#606b7b}.side-order[data-v-27eb60e8],.side-product[data-v-27eb60e8]{display:flex;gap:12px;padding:12px;margin-bottom:12px;background:#f4f6f9;border-radius:8px;border:1px solid transparent;transition:border-color .15s ease,background .15s ease}.clickable-side-card[data-v-27eb60e8]{cursor:pointer}.clickable-side-card[data-v-27eb60e8]:hover{background:#eef4ff;border-color:#9ec5ff}.side-card-body[data-v-27eb60e8]{min-width:0;flex:1}.side-card-body strong[data-v-27eb60e8]{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-thumb-image[data-v-27eb60e8]{display:block;overflow:hidden}.side-order p[data-v-27eb60e8],.side-product p[data-v-27eb60e8]{margin:6px 0;color:#606b7b}.side-order span[data-v-27eb60e8],.side-product span[data-v-27eb60e8]{color:#f56c6c;font-weight:700}.empty-box[data-v-27eb60e8]{min-height:120px;display:grid;place-items:center;color:#98a2b3;text-align:center}@media(max-width:1400px){.kefu-page[data-v-27eb60e8]{grid-template-columns:300px minmax(380px,1fr) 280px}}@media(max-width:1200px){.kefu-page[data-v-27eb60e8]{grid-template-columns:280px minmax(340px,1fr) 260px}}