/* ===== v10: crew pill (avatar group) ===== */
.crew{display:inline-flex;align-items:center;gap:14px;padding:6px 20px 6px 7px;background:#fff;border:1px solid #e6ebf0;border-radius:999px;box-shadow:0 10px 26px -12px #2a4a6a30;transition:box-shadow .5s var(--ease),border-color .4s}
.crew:hover{box-shadow:0 16px 32px -12px #4261ee38;border-color:#d3dcf8}
.crew .mini-avatars{padding-left:0}
.crew .av{position:relative;display:block;width:36px;height:36px;margin-left:-10px;border-radius:50%;outline:none;transition:margin .5s var(--ease2),transform .4s var(--spring)}
.crew .av:first-child{margin-left:0}
.crew .av img{width:36px;height:36px;margin:0;border:2.5px solid #fff;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px #e6ebf0;transition:transform .4s var(--spring)}
.crew:hover .av{margin-left:-2px}.crew:hover .av:first-child{margin-left:0}
.crew .av:hover,.crew .av:focus-visible{z-index:3}
.crew .av:hover img,.crew .av:focus-visible img{transform:scale(1.14)}
.crew .av:after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 9px);translate:-50% 6px;padding:5px 10px;border-radius:999px;background:var(--ink);color:#fff;font-size:10px;letter-spacing:.4px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s,translate .4s var(--ease2)}
.crew .av:hover:after,.crew .av:focus-visible:after{opacity:1;translate:-50% 0}
.crew-text{font-size:10px;line-height:1.5;color:#697880}
.crew-text b{color:var(--ink);font-weight:500}
.hero-foot>.spark{margin-left:auto}

/* chat bubbles polish */
.phone-message.user{width:fit-content;min-width:52px;max-width:80%;margin:8px 13px 0 auto;padding:8px 12px 6px;border-radius:16px 16px 4px 16px;background:linear-gradient(135deg,#5a7cf3,#4261ee);box-shadow:0 6px 14px -6px #4261ee80;gap:3px;align-items:flex-end}
.phone-message.user>.ut{display:block;font-size:10.5px;line-height:1.35;color:#fff;text-align:left;margin:0;font-weight:400;overflow-wrap:anywhere}
.phone-message.user>.tm{display:block;font-size:7px;color:#ffffffb8;margin:0;text-align:right;opacity:1}
.phone-message.bot{width:fit-content;max-width:88%;margin-top:8px;padding:9px 12px 10px;border-radius:16px 16px 16px 4px;box-shadow:0 4px 12px -8px #1d3a5a40}
.phone-message.bot b{font-size:11px;margin:0 0 4px;display:block}
.phone-message.bot p{font-size:9.5px;line-height:1.5;margin:0;color:#3b4d5c}
.phone-message.typing{border-radius:16px 16px 16px 4px;padding:11px 12px}