.chat-topbar{justify-content:space-between;align-items:center;gap:12px;height:40px;margin-top:12px;display:flex}.chat-topbar h1{font-size:var(--fs-lg);margin:0}.chat-topbar-back{font-size:var(--fs-sm);color:var(--blue-700);font-weight:600;text-decoration:none}.chat-topbar-back:hover{text-decoration:underline}.chat-shell{border:1px solid var(--gray-200);border-radius:var(--r-md);background:#fff;grid-template-columns:320px 1fr;height:calc(100vh - 164px);margin:8px 0 16px;display:grid;overflow:hidden}.conv-list{border-right:1px solid var(--gray-200);flex-direction:column;display:flex}.conv-search{border-bottom:1px solid var(--gray-200);padding:14px}.conv-search input{border:1px solid var(--gray-300);border-radius:var(--r-pill);width:100%;font-size:var(--fs-sm);outline:none;padding:9px 14px}.conv{cursor:pointer;border-bottom:1px solid var(--gray-100);gap:12px;padding:14px;display:flex}.conv:hover{background:var(--gray-50)}.conv.active{background:var(--blue-50);border-left:3px solid var(--blue-700)}.conv .av{background:linear-gradient(135deg,var(--blue-600),var(--blue-900));color:#fff;border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;font-weight:700;display:grid}.conv .meta{flex:1;min-width:0}.conv .meta .top{justify-content:space-between;display:flex}.conv .name{font-weight:600;font-size:var(--fs-sm)}.conv .time{font-size:var(--fs-xs);color:var(--gray-400)}.conv .last{font-size:var(--fs-xs);color:var(--gray-500);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.conv .unread{background:var(--orange-500);color:var(--accent-ink);border-radius:9px;place-items:center;min-width:18px;height:18px;margin-left:auto;font-size:10px;font-weight:700;display:grid}.thread{flex-direction:column;display:flex}.thread-head{border-bottom:1px solid var(--gray-200);align-items:center;gap:12px;padding:14px 18px;display:flex}.thread-head .av{background:linear-gradient(135deg,var(--blue-600),var(--blue-900));color:#fff;border-radius:10px;place-items:center;width:40px;height:40px;font-weight:700;display:grid}.thread-body{background:var(--gray-50);flex-direction:column;flex:1;gap:12px;padding:20px;display:flex;overflow-y:auto}.day-sep{text-align:center;font-size:var(--fs-xs);color:var(--gray-400);margin:6px 0}.msg{max-width:70%;font-size:var(--fs-sm);border-radius:14px;padding:10px 14px;line-height:1.5}.msg.in{border:1px solid var(--gray-200);background:#fff;border-bottom-left-radius:4px;align-self:flex-start}.msg.out{background:var(--blue-700);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.msg .t{opacity:.6;margin-top:4px;font-size:10px;display:block}.msg-product{border:1px solid var(--gray-200);background:#fff;border-radius:12px;align-self:flex-start;gap:10px;max-width:70%;padding:10px;display:flex}.msg-product img{object-fit:cover;border-radius:8px;width:54px;height:54px}.quote-card{border:1px solid var(--blue-100);background:#fff;border-radius:12px;align-self:flex-start;max-width:74%;overflow:hidden}.quote-card .qh{background:var(--blue-50);font-size:var(--fs-xs);color:var(--blue-700);padding:8px 14px;font-weight:700}.quote-card .qb{padding:12px 14px}.quote-card table{width:100%;font-size:var(--fs-xs);border-collapse:collapse}.quote-card td{padding:4px 0}.thread-input{border-top:1px solid var(--gray-200);align-items:center;gap:10px;padding:14px 18px;display:flex}.thread-input .att{cursor:pointer;color:var(--gray-500);background:0 0;border:none;font-size:20px}.thread-input input{border:1px solid var(--gray-300);border-radius:var(--r-pill);font-size:var(--fs-sm);outline:none;flex:1;padding:11px 16px}.info-panel{border-left:1px solid var(--gray-200);padding:20px;overflow-y:auto}.info-panel .vlogo{background:linear-gradient(135deg,var(--blue-600),var(--blue-900));color:#fff;border-radius:16px;place-items:center;width:64px;height:64px;margin:0 auto 12px;font-size:24px;font-weight:800;display:grid}@media (max-width:1080px){.chat-shell{grid-template-columns:300px 1fr}.info-panel{display:none}}@media (max-width:760px){.chat-shell{grid-template-columns:1fr}.conv-list{display:none}}.chat-back{display:none}@media (max-width:760px){.chat-back{border:1px solid var(--gray-200);border-radius:var(--r-sm);cursor:pointer;width:34px;height:34px;color:var(--gray-700);background:0 0;flex-shrink:0;place-items:center;font-size:16px;display:grid}.chat-shell .conv-list{z-index:5;background:#fff;transition:transform .22s;display:flex;position:absolute;inset:0;transform:translate(-100%)}.chat-shell.list-open .conv-list{transform:translate(0)}.chat-shell{position:relative}}.chat-shell>*,.conv-list>*,.thread-body{min-height:0}.chat-shell{height:calc(100dvh - var(--chat-top,124px) - 24px)}.chat-tabs{gap:6px;margin-left:auto;display:flex}.chat-tab{border:1px solid var(--gray-300);color:var(--gray-700);border-radius:var(--r-pill);font-size:var(--fs-xs);cursor:pointer;white-space:nowrap;background:#fff;padding:5px 13px;font-weight:600}.chat-tab:hover{border-color:var(--blue-700);color:var(--blue-700)}.chat-tab.active{background:var(--blue-700);border-color:var(--blue-700);color:#fff}@media (max-width:560px){.chat-topbar h1{display:none}}