.chat-popup-backdrop{position:fixed;inset:0;z-index:9999;display:flex;align-items:flex-end;justify-content:flex-end;padding:16px;pointer-events:none}
.chat-popup{pointer-events:auto;width:380px;max-width:calc(100vw - 32px);height:520px;max-height:calc(100vh - 100px);background:#fff;border-radius:20px;box-shadow:0 8px 40px rgba(0,0,0,.18);display:flex;flex-direction:column;overflow:hidden;animation:chatSlideUp .25s ease}
@keyframes chatSlideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.chat-popup-header{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid #ece9e1;flex-shrink:0}
.chat-popup-avatar{width:36px;height:36px;border-radius:50%;background:#e8e6df;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#555;flex-shrink:0}
.chat-popup-header-info{flex:1;min-width:0}
.chat-popup-header-info h3{margin:0;font-size:15px;font-weight:600;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-popup-header-info small{color:#888;font-size:12px}
.chat-popup-close{background:none;border:none;font-size:20px;cursor:pointer;color:#999;padding:4px 8px;border-radius:8px;line-height:1}
.chat-popup-close:hover{background:#f0efe9;color:#333}
.chat-popup-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:6px}
.chat-popup-empty{flex:1;display:flex;align-items:center;justify-content:center;color:#aaa;font-size:14px;text-align:center;padding:20px}
.chat-msg{max-width:78%;padding:10px 14px;border-radius:18px;font-size:14px;line-height:1.45;word-break:break-word}
.chat-msg.mine{align-self:flex-end;background:#1a1a1a;color:#fff;border-bottom-right-radius:6px}
.chat-msg.theirs{align-self:flex-start;background:#f0efe9;color:#1a1a1a;border-bottom-left-radius:6px}
.chat-msg-time{font-size:11px;color:#aaa;margin-top:2px;text-align:right}
.chat-msg.theirs .chat-msg-time{text-align:left;color:#999}
.chat-popup-input{display:flex;gap:8px;padding:12px 16px;border-top:1px solid #ece9e1;flex-shrink:0;background:#faf9f5}
.chat-popup-input input{flex:1;border:1px solid #ddd;border-radius:24px;padding:10px 16px;font-size:14px;outline:none;background:#fff}
.chat-popup-input input:focus{border-color:#1a1a1a}
.chat-popup-input button{background:#1a1a1a;color:#fff;border:none;border-radius:50%;width:38px;height:38px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.chat-popup-input button:hover{background:#333}
.chat-popup-input button:disabled{opacity:.4;cursor:default}
.chat-popup-loading{flex:1;display:flex;align-items:center;justify-content:center;color:#aaa}
.chat-btn{background:none;border:none;cursor:pointer;font-size:16px;padding:4px 8px;border-radius:8px;color:#555}
.chat-btn:hover{background:#f0efe9;color:#1a1a1a}
@media(max-width:500px){.chat-popup-backdrop{padding:0}.chat-popup{width:100%;height:100%;max-height:100vh;border-radius:0}}