#wp-chat-root { --wpc-color: #2b6cb0; position: fixed; right: 16px; bottom: 16px; z-index: 99999; font: 15px/1.4 system-ui, sans-serif; }
#wp-chat-root * { box-sizing: border-box; }
.wpc-bubble { width: 56px; height: 56px; border-radius: 50%; border: 0; background: var(--wpc-color); color: #fff; font-size: 26px; cursor: pointer; box-shadow: 0 2px 10px rgba(0,0,0,.3); }
.wpc-window { width: 340px; max-width: calc(100vw - 32px); height: 480px; max-height: calc(100vh - 32px); background: #fff; color: #222; border-radius: 12px; box-shadow: 0 4px 24px rgba(0,0,0,.3); display: flex; flex-direction: column; overflow: hidden; }
.wpc-window[hidden], .wpc-bubble[hidden], #wp-chat-root [hidden] { display: none !important; }
.wpc-head { background: var(--wpc-color); color: #fff; padding: 10px 12px; display: flex; align-items: center; gap: 6px; }
.wpc-title { flex: 1; font-weight: 600; }
.wpc-btn { background: rgba(255,255,255,.2); color: #fff; border: 0; border-radius: 6px; padding: 4px 8px; cursor: pointer; font-size: 12px; }
.wpc-body { flex: 1; overflow-y: auto; padding: 12px; display: flex; flex-direction: column; }
.wpc-consent p { margin: 0 0 10px; }
.wpc-start, .wpc-send { background: var(--wpc-color); color: #fff; border: 0; border-radius: 8px; padding: 10px 14px; cursor: pointer; }
.wpc-log { flex: 1; overflow-y: auto; display: flex; flex-direction: column; gap: 6px; }
.wpc-msg { max-width: 80%; padding: 8px 10px; border-radius: 12px; word-wrap: break-word; white-space: pre-wrap; }
.wpc-mine { align-self: flex-end; background: var(--wpc-color); color: #fff; }
.wpc-theirs { align-self: flex-start; background: #eee; }
.wpc-notice { align-self: center; font-size: 12px; color: #666; text-align: center; }
.wpc-typing { font-size: 12px; color: #666; padding-top: 4px; }
.wpc-form { display: flex; gap: 6px; padding: 8px; border-top: 1px solid #ddd; }
.wpc-input { flex: 1; min-width: 0; border: 1px solid #ccc; border-radius: 8px; padding: 8px; font: inherit; }