:root{--shop-green:#13795b;--shop-line:#ececec}
/* ---------- chat ---------- */
.shop-chat{border:1px solid var(--shop-line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;background:#fff;height:min(70vh,640px)}
.shop-chat-head{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--shop-line);font-family:"Quicksand",sans-serif;font-size:17px}
.shop-chat-status{font-size:12px;color:#9a9a9a;font-family:"Lato",sans-serif}
.shop-chat-status.live{color:var(--shop-green)}
.shop-chat-status.live::before{content:"● "}
.shop-chat-context{padding:8px 18px;background:#F4F6FA;font-size:13px}
.shop-chat-log{flex:1;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:10px;background:#fbfbfb}
.shop-chat-msg{max-width:75%;align-self:flex-start;background:#fff;border:1px solid var(--shop-line);border-radius:14px 14px 14px 4px;padding:9px 13px}
.shop-chat-msg.mine{align-self:flex-end;background:var(--shop-green);border-color:var(--shop-green);color:#fff;border-radius:14px 14px 4px 14px}
.shop-chat-msg p{margin:0;color:inherit;font-size:15px;line-height:1.4;overflow-wrap:anywhere}
.shop-chat-msg time{display:block;font-size:11px;opacity:.7;margin-top:3px}
.shop-chat-empty{color:#9a9a9a;text-align:center;margin:auto}
.shop-chat-form{display:flex;gap:10px;padding:12px;border-top:1px solid var(--shop-line);align-items:flex-end;margin:0}
.shop-chat-form textarea{flex:1;resize:none;border:1px solid var(--shop-line);border-radius:12px;padding:10px 14px;min-height:46px;font-size:15px}