.chat-page[data-v-ac77be04]{background:#f2f3f5;bottom:56px;display:flex;flex-direction:column;left:0;overflow:hidden;position:fixed;right:0;top:0}.top-bar[data-v-ac77be04]{background:#fff;color:#333;font-size:17px;font-weight:600;padding:12px 16px}.status-bar[data-v-ac77be04],.top-bar[data-v-ac77be04]{flex-shrink:0;text-align:center}.status-bar[data-v-ac77be04]{align-items:center;display:flex;font-size:13px;gap:6px;justify-content:center;padding:6px 16px}.status-bar.online[data-v-ac77be04]{background:#f6ffed;color:#52c41a}.status-bar.offline[data-v-ac77be04]{background:#fff7e6;color:#faad14}.status-dot[data-v-ac77be04]{border-radius:50%;display:inline-block;height:8px;width:8px}.status-bar.online .status-dot[data-v-ac77be04]{background:#52c41a}.status-bar.offline .status-dot[data-v-ac77be04]{background:#d9d9d9}.chat-log[data-v-ac77be04]{background:#fff;border:1px solid #ebedf0;border-radius:10px;box-shadow:0 2px 6px #00000008;flex:1;margin:8px 12px;overflow-y:auto;padding:12px 16px}.chat-log[data-v-ac77be04]::-webkit-scrollbar{width:4px}.chat-log[data-v-ac77be04]::-webkit-scrollbar-thumb{background:#00000014;border-radius:2px}.message[data-v-ac77be04]{border-radius:12px;box-shadow:0 1px 4px #0000000d;font-size:14px;line-height:1.5;margin:10px 0;max-width:80%;padding:10px 32px 24px 14px;position:relative;word-break:break-word}.msg-customer[data-v-ac77be04]{background:#e6f7ff;color:#333;margin-left:auto}.msg-support[data-v-ac77be04]{background:#fff7e6;margin-right:auto}.msg-auto-reply[data-v-ac77be04]{background:#f6ffed;margin-right:auto}.msg-customer[data-v-ac77be04]:after{border:6px solid transparent;border-left-color:#e6f7ff;content:"";position:absolute;right:-10px;top:12px}.msg-support[data-v-ac77be04]:after{border:6px solid transparent;border-right-color:#fff7e6}.msg-auto-reply[data-v-ac77be04]:after,.msg-support[data-v-ac77be04]:after{content:"";left:-10px;position:absolute;top:12px}.msg-auto-reply[data-v-ac77be04]:after{border:6px solid transparent;border-right-color:#f6ffed}.message-sender[data-v-ac77be04]{color:#999;font-size:12px;font-weight:600;margin-bottom:4px}.message-time[data-v-ac77be04]{bottom:4px;color:#bbb;font-size:11px;position:absolute;right:12px}.delete-btn[data-v-ac77be04]{background:none;border:none;color:#ccc;cursor:pointer;font-size:12px;height:18px;line-height:1;padding:0;position:absolute;right:6px;top:6px;width:18px}.delete-btn[data-v-ac77be04]:hover{color:#ff4d4f}.message-image[data-v-ac77be04]{border-radius:8px;cursor:pointer;margin-top:4px;max-width:100%}.input-area[data-v-ac77be04]{background:#fff;border-top:1px solid #ebedf0;gap:8px;padding:10px 12px}.input-area[data-v-ac77be04],.upload-btn[data-v-ac77be04]{align-items:center;display:flex;flex-shrink:0}.upload-btn[data-v-ac77be04]{cursor:pointer;height:38px;justify-content:center;width:38px}.upload-icon[data-v-ac77be04]{color:#999;height:24px;width:24px}.input-field[data-v-ac77be04]{background:#f5f5f5;border:none;border-radius:20px;flex:1;font-size:15px;outline:none;padding:8px 12px}.input-field[data-v-ac77be04]:focus{background:#eee}.send-btn[data-v-ac77be04]{background:#4f46e5;border:none;border-radius:20px;color:#fff;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:500;padding:8px 20px}.send-btn[data-v-ac77be04]:hover{background:#4338ca}.preview-overlay[data-v-ac77be04]{align-items:center;background:#000c;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;position:fixed;z-index:999}.preview-image[data-v-ac77be04]{max-height:90vh;max-width:90vw;padding:16px}