.order-chat-mask{
  display:none;position:fixed;inset:0;z-index:300;
  background:rgba(0,0,0,.45);align-items:flex-end;justify-content:center;
}
.order-chat-mask.show{display:flex;}
.order-chat-panel{
  width:100%;max-width:480px;height:min(78vh,560px);
  background:#fff;border-radius:16px 16px 0 0;display:flex;flex-direction:column;
  box-shadow:0 -4px 24px rgba(0,0,0,.12);
}
.order-chat-head{
  display:flex;align-items:center;gap:10px;padding:12px 14px;
  border-bottom:1px solid #e5e9f2;flex-shrink:0;
}
.order-chat-head button{border:none;background:none;font-size:22px;color:#666;cursor:pointer;line-height:1;}
.order-chat-head-main{flex:1;min-width:0;}
.order-chat-head-main strong{display:block;font-size:16px;color:#1d2129;}
.order-chat-sub{font-size:13px;color:#86909c;margin-top:2px;}
.order-chat-call{
  font-size:13px!important;padding:7px 12px;border-radius:16px!important;
  background:#e8f7ee;color:#0d7a3a!important;white-space:nowrap;cursor:pointer;
  border:none;font-weight:600;
}
.order-chat-call[hidden]{display:none!important;}
.order-chat-msgs{
  flex:1;overflow-y:auto;padding:12px 14px;background:#f7f8fa;
}
.order-chat-bubble{
  max-width:82%;padding:10px 12px;border-radius:12px;margin-bottom:10px;
  font-size:14px;line-height:1.5;word-break:break-word;
}
.order-chat-bubble.me{margin-left:auto;background:#3682ed;color:#fff;border-bottom-right-radius:4px;}
.order-chat-bubble.peer{background:#fff;border:1px solid #e5e9f2;border-bottom-left-radius:4px;color:#1d2129;}
.order-chat-time{font-size:10px;color:#999;margin-top:4px;}
.order-chat-foot{
  display:flex;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom, 0px));
  border-top:1px solid #e5e9f2;background:#fff;flex-shrink:0;
}
.order-chat-foot input{
  flex:1;border:1px solid #e5e9f2;border-radius:20px;padding:10px 14px;font-size:14px;
}
.order-chat-foot button{
  border:none;border-radius:20px;padding:10px 16px;background:#3682ed;color:#fff;
  font-size:14px;font-weight:600;cursor:pointer;flex-shrink:0;
}
.order-chat-empty{text-align:center;color:#86909c;font-size:14px;padding:40px 12px;}
.product-chat-card .pc-btn-service{
  border:none;cursor:pointer;font-family:inherit;
}