.chat-detail{height:100%;background:var(--surface-raised);border-left:1px solid var(--border);width:clamp(340px,30vw,420px);display:flex;flex-direction:column}.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(100% - 56px);flex:1 1;overflow-y:auto;background:var(--surface-sunken)}.chat-detail-content,.chat-detail-header{display:flex;flex-direction:column;gap:var(--space-3)}.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:var(--text-sm);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:var(--text-xs);color:var(--text-body);font-weight:var(--weight-medium)}.chat-detail-phase-dropdown{flex:1 1;min-width:0}.chat-detail-tags{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:2px}.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:var(--text-sm);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:var(--text-sm);color:var(--text-body)}.chat-detail-qr{opacity:.5}.chat-detail-money{font-weight:var(--weight-semibold);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.chat-detail-money--pending{color:var(--status-warn)}.chat-detail-notes{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) 20px;border-top:1px solid var(--border)}.chat-detail-notes-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-ink)}.chat-detail-notes-hint{margin:0;font-size:var(--text-xs);color:var(--text-muted)}.chat-detail-note-composer{display:flex;flex-direction:column;gap:var(--space-2)}.chat-detail-note-input{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-ink);font-size:var(--text-sm);resize:vertical}.chat-detail-note-input:focus{outline:none;border-color:var(--accent)}.chat-detail-note-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.chat-detail-note-item{padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);font-size:var(--text-xs);color:var(--text-ink);overflow-wrap:anywhere}.chat-detail-danger{margin-top:auto;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4) 20px;background:var(--surface-raised);border-top:1px solid var(--border)}.chat-detail-danger-hint{font-size:var(--text-xs);color:var(--text-muted);text-align:center;margin:0}@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}}