/* 新主题客服：原组件负责会话与上传，此处仅处理外观与布局。 */
body .chat-widget-launcher{width:96px;height:106px;padding:0;right:18px;bottom:12px;border:0;background:transparent;box-shadow:none;border-radius:0;overflow:visible}
body .chat-widget-launcher:hover{background:transparent;box-shadow:none;transform:translateY(-3px)}
body .chat-widget-launcher::before{display:none}
.customer-slime{display:block;width:100%;height:100%;filter:drop-shadow(0 2px 1px #f8fff3aa);pointer-events:none}
body .chat-widget-launcher .unread-badge{right:3px;top:8px;border-color:#fafbf6;background:#9d553e}
body .chat-widget-container{--chat-primary:#426a40;--chat-primary-2:#6b8553;--chat-bg:#f8faf1;--chat-panel:#edf2e5;--chat-text:#254936;--chat-text-secondary:#718265;--chat-bubble-me:#214d39;--chat-bubble-other:#fffefa;--chat-border-color:#d5dfca;--chat-shadow:0 16px 48px #163b2a2e;--chat-radius:20px;width:410px;height:610px;max-height:calc(100dvh - 132px);right:24px;bottom:112px;background:#f8faf1;border:8px solid #f8faf1;border-radius:20px;box-shadow:var(--chat-shadow);backdrop-filter:none;-webkit-backdrop-filter:none;color:#254936;font-family:inherit}
body .chat-header{padding:20px 18px 24px;background:#214d39;color:#f6f8ee;border:0;border-radius:12px 12px 4px 4px;flex-shrink:0;clip-path:polygon(0 0,100% 0,100% 100%,30% 100%,26% calc(100% - 8px),0 calc(100% - 8px))}
body .chat-header-info h3{color:#f6f8ee;font-size:20px;letter-spacing:.04em;font-weight:600;margin:0}
body .chat-title-row{gap:12px;flex-wrap:wrap}
body .chat-hours{font-size:11px;color:#d1dfc6;line-height:1.6}
body .chat-status-badge{padding:3px 8px;border-radius:5px;font-size:10px}
body .chat-status-badge.online{background:#dbeacf;border:1px solid #c2d8b0}body .chat-status-badge.online .chat-status-text{color:#315e35}
body .chat-status-badge.offline{background:#ffffff12;border:1px solid #ffffff30}body .chat-status-badge.offline .chat-status-text{color:#d9e3d3}
body .chat-close-btn{width:32px;height:32px;border-radius:6px;border:0;background:#ffffff12;color:#f5f7eb;flex-shrink:0;font-size:17px}body .chat-close-btn:hover{background:#ffffff26;transform:none}
body .chat-messages{padding:20px 16px;background:#f5f7ee;min-height:0;overscroll-behavior:contain;scrollbar-color:#bacbad transparent;scrollbar-width:thin}
body .chat-messages::-webkit-scrollbar-thumb{background:#bacbad}body .chat-messages::-webkit-scrollbar-track{background:transparent}
body .chat-widget-container .message{margin-bottom:18px;max-width:90%}
body .chat-widget-container .message-bubble{font-size:14px;line-height:1.75;padding:11px 14px;border-radius:12px;box-shadow:none;overflow-wrap:anywhere}
body .chat-widget-container .message.agent .message-bubble{background:#fffefa;color:#345443;border:1px solid #dce4d3;border-bottom-left-radius:3px}
body .chat-widget-container .message.visitor .message-bubble{background:#e0ebd4;color:#254936;border:1px solid #cfddbf;border-bottom-right-radius:3px}
body .chat-widget-container .message-time,body .chat-widget-container .message-read-status{font-size:10px;color:#718265}
body .chat-input-area{padding:10px 12px 12px;background:#edf2e5;border-top:1px solid #dce4d3;flex-shrink:0;box-shadow:none}
body .chat-actions{margin-bottom:9px;gap:10px}body .action-btn{color:#60794e;width:34px;height:32px;font-size:18px;border-radius:5px}body .action-btn:hover,body .action-btn.emoji-btn.active{background:#dce7d0;color:#214d39}
body .chat-input-row{gap:8px;align-items:center}body .chat-input{background:#fffefa;border:1px solid #cfdbc0;border-radius:7px;color:#254936;padding:11px 12px;min-width:0;font-size:14px;height:44px}body .chat-input::placeholder{color:#829174}body .chat-input:focus{border-color:#6d8b53;box-shadow:0 0 0 2px #6d8b5318}
body .send-btn{width:44px;height:44px;border:0;border-radius:5px;background:#214d39;color:#fff;box-shadow:none;font-size:17px;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%)}body .send-btn:hover{background:#356344;box-shadow:none}
body .chat-emoji-picker{background:#f8faf1;border:1px solid #d5dfca;box-shadow:0 -5px 18px #214d3910;color:#254936}body .chat-emoji-picker-header{background:#edf2e5;border-color:#d5dfca}body .chat-emoji-picker-title,body .chat-btn-close-emoji{color:#345443}body .chat-emoji-tab{background:transparent;border-color:#d5dfca;color:#718265}body .chat-emoji-tab.active{background:#dce8ce;color:#214d39;border-color:#b7cba4}body .chat-emoji-item:hover{background:#e8efdd;border-color:#b7cba4}
body .cw-voice-recording-overlay{background:#f0f5e6;color:#254936;border-color:#d5dfca;backdrop-filter:none}body .cw-voice-recording-duration{color:#214d39}body .cw-voice-recording-hint{color:#6b8059}body .cw-voice-send-btn{background:#214d39;color:white}body .cw-voice-cancel-btn{background:#e1e8d7;color:#345443}
body .chat-widget-container .cw-voice-play-btn,body .chat-widget-container .cw-voice-duration{color:#31583b}body .chat-widget-container .cw-voice-wave span{background:#6e8c53}body .chat-widget-container .message-attachment{background:#edf3e5;border-color:#d5dfca;color:#345443}body .chat-widget-container :is(.attachment-name,.attachment-meta,.attachment-icon,.attachment-download){color:#45643b}
body .chat-widget-container button:focus-visible,body .chat-widget-launcher:focus-visible{outline:3px solid #93b47b;outline-offset:3px}
@media(max-width:480px){body .chat-widget-launcher{width:88px;height:97px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom,0px))}body .chat-widget-container{width:calc(100vw - 24px);height:620px;max-height:calc(100dvh - 114px - env(safe-area-inset-bottom,0px));right:12px;bottom:calc(96px + env(safe-area-inset-bottom,0px));border-width:6px;border-radius:16px;transform-origin:bottom right}body .chat-header{padding:16px 12px 20px}body .chat-header-info h3{font-size:18px}body .chat-messages{padding:16px 10px}body .chat-input-area{padding:8px}body .chat-title-row{gap:8px}}
@media(prefers-reduced-motion:reduce){body .chat-widget-launcher,body .chat-widget-container{transition:none;transform:none}}
/* 手机端全屏会话，关闭后恢复史莱姆入口。 */
@media(max-width:700px){
 body .chat-widget-container{inset:0;width:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0;transform-origin:center;z-index:10001}
 body .chat-header{padding-top:calc(18px + env(safe-area-inset-top,0px));border-radius:0;clip-path:none}
 body .chat-input-area{padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}
 body:has(.chat-widget-container.active){overflow:hidden}
 body:has(.chat-widget-container.active) .chat-widget-launcher{visibility:hidden;pointer-events:none}
}