.chat-detail{height:100%;background:var(--surface-raised);border-left:1px solid var(--border);width:350px}.chat-detail-close{height:56px;display:flex;justify-content:flex-start;align-items:center;gap:15px;padding:0 20px 0 25px;border-bottom:1px solid var(--border)}.chat-close{width:12px;height:12px;cursor:pointer}.chat-detail-title{text-align:center;font-size:18px;font-weight:var(--weight-medium);color:var(--text-ink);letter-spacing:var(--tracking-tight)}.chat-detail-content{height:calc(100vh - 56px);flex:1 1;overflow-y:auto;background:var(--surface-sunken)}.chat-detail-content,.chat-detail-header{display:flex;flex-direction:column;gap:12px}.chat-detail-header{align-items:center;justify-content:center;text-align:center;background:var(--surface-raised);padding:17px 30px;border-bottom:1px solid var(--border)}.chat-detail-name-row{display:flex;flex-direction:row}.chat-detail-avatar{width:150px;height:150px;border-radius:var(--radius-full);-o-object-fit:cover;object-fit:cover;background:var(--surface-flat)}.chat-detail-name{display:flex;flex-direction:column}.chat-detail-name strong{color:var(--text-ink);font-weight:var(--weight-medium)}.chat-detail-flag{font-size:16px;margin-right:5px}.chat-detail-phone{color:var(--text-muted);font-size:14px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.chat-detail-details{display:flex;flex-direction:column;background:var(--surface-raised);padding:17px 30px;gap:10px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.chat-detail-item{display:flex;flex-direction:row;align-items:center;gap:10px}.chat-detail-item span{width:-moz-fit-content;width:fit-content;font-size:12px;color:var(--text-body);font-weight:var(--weight-medium)}.chat-detail-phase-dropdown{flex:1 1;min-width:0}.chat-detail-item-answer{width:auto;margin:2px 0 0;border:1px solid var(--border)}.chat-detail-item-answer,.chat-detail-pain-point{font-size:14px;background:var(--surface-sunken);padding:5px 10px;border-radius:var(--radius-full);color:var(--text-body)}.chat-detail-pain-point{width:65%;border:1px solid var(--border)}.chat-detail-product-list{display:flex;gap:6px}.chat-detail-product-item{padding:5px 10px;border:1px solid var(--border);border-radius:var(--radius-full);font-size:14px;color:var(--text-body)}.chat-detail-qr{opacity:.5}@media (max-width:768px){.chat-detail{width:100%;height:100%;overflow-y:auto}.chat-detail-content{height:auto;min-height:calc(100vh - 88px);overflow-y:auto}.chat-detail-avatar{width:120px;height:120px}.chat-detail-details,.chat-detail-header{padding:15px 20px}}