.customer-conversation{background:#f7f4ee;border:1px solid #0b1a2b1a;border-radius:22px;margin-top:20px;padding:20px;box-shadow:0 12px 30px #0b1a2b0d}.customer-conversation-head{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.customer-conversation-head h3{color:#0b1a2b;margin:4px 0 0;font-size:1.08rem;line-height:1.65}.customer-conversation-head p{color:#66717d;margin:5px 0 0;font-size:.78rem;line-height:1.8}.customer-conversation-refresh{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.customer-conversation-note{color:#53606d;background:#efe8de;border-radius:12px;align-items:center;gap:7px;margin:14px 0;padding:9px 11px;font-size:.72rem;display:flex}.customer-conversation-thread{flex-direction:column;gap:9px;max-height:420px;padding:2px;display:flex;overflow:auto}.customer-chat-bubble{border-radius:16px;max-width:min(78%,680px);padding:11px 13px;line-height:1.8}.customer-chat-bubble.is-admin{color:#f7f4ee;background:#0b1a2b;border-bottom-right-radius:5px;align-self:flex-start}.customer-chat-bubble.is-customer{color:#1f2a35;background:#f1eae0;border:1px solid #8a5e1426;border-bottom-left-radius:5px;align-self:flex-end}.customer-chat-meta{opacity:.86;justify-content:space-between;align-items:center;gap:10px;font-size:.68rem;display:flex}.customer-chat-bubble p{white-space:pre-wrap;word-break:break-word;margin:3px 0 0;font-size:.82rem}.customer-conversation-empty{text-align:center;color:#6b7480;place-items:center;gap:5px;padding:28px 16px;display:grid}.customer-conversation-empty strong{color:#253140;font-size:.86rem}.customer-conversation-empty span{font-size:.74rem}.customer-conversation-compose{border-top:1px solid #0b1a2b14;margin-top:12px;padding-top:12px}.customer-conversation-compose textarea{resize:vertical;color:#1c2733;background:#fffdf9;border:1px solid #0b1a2b24;border-radius:14px;outline:none;width:100%;min-height:86px;padding:11px}.customer-conversation-compose textarea:focus{border-color:#8a5e14;box-shadow:0 0 0 3px #8a5e141c}.customer-conversation-compose-foot{justify-content:space-between;align-items:center;gap:10px;margin-top:8px;display:flex}.customer-conversation-compose-foot small{color:#77808a;font-size:.68rem}.customer-conversation-compose-foot button{align-items:center;gap:7px;display:inline-flex}.customer-conversation-status{color:#8a5e14;margin:8px 0 0;font-size:.75rem}.customer-conversation-spin{animation:.8s linear infinite customer-conversation-spin}@keyframes customer-conversation-spin{to{transform:rotate(360deg)}}@media (width<=640px){.customer-conversation{border-radius:18px;padding:15px}.customer-conversation-head{flex-direction:column;align-items:flex-start}.customer-chat-bubble{max-width:92%}.customer-conversation-head h3{font-size:.95rem}.customer-conversation-compose-foot{align-items:flex-end}}