/* The reception avatar draws attention briefly; the scannable QR stays still. */
#contactDialog .contact-agent{display:flex;align-items:center;justify-content:center;gap:15px;width:100%;padding:9px 0 5px;text-align:left}
#contactDialog .contact-agent-avatar{position:relative;display:grid;place-items:center;flex:0 0 52px;width:52px;height:52px;border:1px solid #f0c4a7;border-radius:50%;background:#fff7f0}
#contactDialog .contact-agent-avatar img{display:block;width:35px;height:35px;object-fit:contain;border-radius:0}
#contactDialog .contact-agent-avatar::after{content:"";position:absolute;inset:-2px;border:2px solid var(--brand,#ff7d2e);border-radius:50%;opacity:0;pointer-events:none}
#contactDialog .contact-agent-avatar.contact-pulse-started::after{animation:zj-contact-pulse 2s cubic-bezier(.16,1,.3,1) 2;animation-play-state:paused}
#contactDialog .contact-agent-avatar.contact-pulse-started.contact-pulse-active::after{animation-play-state:running}
#contactDialog .contact-agent h3{font-size:18px;line-height:1.5;margin:0;color:var(--ink,#222630);font-weight:700}
#contactDialog .contact-agent p{margin:4px 0 0;color:var(--secondary,#5c6370);font-size:14px;line-height:1.6;font-weight:400}
#contactDialog .contact-copy{width:100%;font-size:16px}
#contactDialog .contact-copy>p{font-size:14px;line-height:1.65}
#contactDialog .service-qr{display:block;flex:none;animation:none;transform:none;transition:none}
@keyframes zj-contact-pulse{0%{opacity:.5;transform:scale(1)}65%,100%{opacity:0;transform:scale(1.48)}}
@media(max-width:640px){#contactDialog .contact-agent{gap:13px}#contactDialog .contact-agent h3{font-size:17px}#contactDialog .contact-actions button{min-height:44px;font-size:14px}}
@media(prefers-reduced-motion:reduce){html:not([data-motion="full"]) #contactDialog .contact-agent-avatar.contact-pulse-started::after{animation:none;opacity:0}}