/* Shared participant card. Existing profile capsules keep their own styling. */
.participant-row.participant-card{--participant-avatar-size:50px;--participant-icon-cell:calc(var(--participant-avatar-size)/2);display:block;container-type:inline-size;min-width:0;width:100%;padding:16px 0;margin:0;border:0;border-radius:0;overflow:visible;background:transparent;color:var(--text)}
.participant-card [hidden]{display:none!important}
.participant-card .participant-card-header{display:grid;grid-template-columns:var(--participant-avatar-size) minmax(0,1fr);align-items:start;gap:12px;padding:0}
.participant-card .participant-card-header:has(>.participant-remove){grid-template-columns:var(--participant-avatar-size) minmax(0,1fr) 22px}
.participant-card .participant-card-portrait{display:grid;width:var(--participant-avatar-size);gap:0}
.participant-card .participant-avatar-stack{display:block;width:var(--participant-avatar-size);min-width:var(--participant-avatar-size);height:var(--participant-avatar-size)}
.participant-card .participant-avatar-stack .avatar,.participant-card .participant-avatar-stack .connection-portrait,.participant-card .participant-avatar-stack .connection-avatar-open,.participant-card .participant-avatar-stack [data-portrait-image]{width:var(--participant-avatar-size);min-width:var(--participant-avatar-size);height:var(--participant-avatar-size);min-height:var(--participant-avatar-size);max-width:none;border-radius:50%;object-fit:cover;flex:none}
.participant-card .participant-avatar-stack .connection-avatar-open{padding:0;border:0;background:transparent;display:block}
.participant-card .participant-identity{display:grid;gap:2px;min-width:0}
.participant-card .participant-name{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;min-width:0}
.participant-card .participant-organizer{font-size:11px;line-height:1.4;font-weight:400;color:var(--muted)}
.participant-card .participant-identity strong{font-size:16px;line-height:1.35;overflow-wrap:anywhere}
.participant-card .participant-identity small{font-size:13px;line-height:1.45;color:var(--muted);overflow-wrap:anywhere}
.participant-card .participant-identity .person-demographics{display:flex;gap:8px;flex-wrap:wrap}
.participant-card .participant-identity .participant-visit{margin-top:8px;font-size:12px;color:var(--text)}
.participant-card .participant-card-actions{display:grid;grid-template-rows:repeat(2,var(--participant-icon-cell));gap:0;margin-top:8px}
.participant-card-socials,.participant-card-intentions{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
.participant-card-intentions{grid-row:1}.participant-card-socials{grid-row:2}
.participant-card-socials>[data-connection-instagram]{display:contents}
.participant-card .participant-card-socials .connection-instagram,.participant-card .participant-card-socials .participant-follow,.participant-card .participant-intention-icon{box-sizing:border-box;display:grid;place-items:center;width:var(--participant-icon-cell);min-width:0;max-width:none;height:var(--participant-icon-cell);min-height:0;margin:0;padding:2px;border:0;border-radius:0;background:transparent;line-height:1;color:var(--text)}
.participant-card .participant-card-socials svg,.participant-card .participant-intention-icon svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.participant-card .participant-intention-icon[data-intention=friends],.participant-card .participant-card-socials .connection-instagram{grid-column:1}
.participant-card .participant-card-socials .connection-instagram{box-shadow:none;text-decoration:none}
.participant-card .connection-instagram::before,.participant-card .connection-instagram::after{content:none}
.participant-card .participant-follow{grid-column:2;align-self:stretch}
.participant-card .participant-follow.is-active,.participant-card .participant-card-socials a:hover,.participant-card .participant-follow:hover{color:var(--acid)}
.participant-card .participant-follow.is-active svg{fill:none}
.participant-card .participant-intention-icon{color:var(--acid)}
.participant-card .participant-intention-icon[data-intention=romance]{grid-column:2;color:#ff7f9f}
.participant-heart-back{fill:color-mix(in srgb,#ff7f9f 6%,var(--surface))}.participant-heart-front{fill:color-mix(in srgb,#ff7f9f 20%,var(--surface))}
.participant-card .participant-remove{margin:0}
.participant-card-fold{border:0;min-width:0}
.participant-card-fold>summary{display:grid;grid-template-columns:minmax(0,1fr) 10px;gap:10px;align-items:center;padding:8px 0;min-height:36px;list-style:none;cursor:pointer;font-size:14px;font-weight:700}
.participant-card-fold>summary::-webkit-details-marker{display:none}
.participant-card-music>summary{grid-template-columns:minmax(0,1fr) auto 10px}
.participant-card-chevron{width:8px;height:8px;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);transform:rotate(45deg)}
.participant-card-fold[open]>summary .participant-card-chevron{transform:rotate(225deg)}
.participant-card-fold-body{display:grid;gap:12px;padding:8px 0;min-width:0}
.participant-card-languages{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.participant-card-interests{display:grid;gap:8px;min-width:0}
.participant-card .participant-about{margin:0}
.participant-card .participant-music-match{color:var(--acid);font-size:12px;font-weight:400;white-space:nowrap}
.participant-card .participant-music-match.is-empty{color:var(--muted)}
.participant-card .participant-genres{min-width:0}
.participant-card .participant-genres .tags{margin:0;display:flex;flex-wrap:wrap;gap:6px;min-width:0}
.participant-card .participant-artists{margin:0;overflow-wrap:anywhere;line-height:1.6}
.participant-card .extra-pills{min-width:0}
.participant-card .genre-pill{max-width:100%;overflow-wrap:anywhere}
.members:has(>.participant-card){display:grid;gap:0}
.participant-card+.participant-card{border-top:1px solid var(--line)}
.participants-heading:has(+.participant-card),.company-members-body:has(.participant-card)>.participants-heading{display:none}
#modal .participant-card.connection-member-summary{padding:0;column-gap:24px}
/* One compact row; abbreviate the title when the participant card is narrow. */
.participant-card-vibe{margin-top:8px}
.participant-card-vibe>summary{display:grid;grid-template-columns:minmax(0,1fr) 10px;gap:8px;min-height:26px;padding:0}
.participant-vibe-content{display:flex;align-items:center;gap:8px;min-width:0}
.participant-vibe-signals{display:flex;align-items:center;gap:8px;flex:none;min-width:0}
.participant-vibe-title{white-space:nowrap;font-weight:700;flex:none}
.participant-vibe-title-short{display:none}
.participant-vibe-primary,.participant-traits{display:flex;align-items:center;gap:3px;flex:none;min-width:0;white-space:nowrap}
.participant-traits{gap:0}
.participant-vibe-primary .extra-pills{display:flex;flex-wrap:nowrap;gap:3px;margin:0}
.participant-card .participant-vibe-primary .language-match{display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px;width:20px;min-width:20px;min-height:20px;height:20px;padding:0;font-size:11px;line-height:1;box-shadow:none}
.participant-card .participant-trait-icon{display:grid;place-items:center;flex:none;width:24px;min-width:24px;height:24px;min-height:0;padding:1px;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--social-color)}
.participant-card .participant-trait-icon.habit-trait{color:var(--habit-color)}
.participant-trait-icon svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.participant-card-vibe>summary>.participant-card-chevron{justify-self:end;margin-right:3px}
@container(max-width:360px){
 .participant-vibe-title-full{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .participant-vibe-title-short{display:inline}
 .participant-card-vibe>summary{grid-template-columns:minmax(0,1fr) 10px;gap:2px}
 .participant-vibe-content,.participant-vibe-signals,.participant-vibe-primary .extra-pills{gap:2px}
 .participant-card-vibe>summary>.participant-card-chevron{margin-right:2px}
}
.participant-card-music{margin-top:6px}
.participant-row.participant-card[data-participant-layout=wide]{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.6fr);gap:8px 24px;align-items:start}
.participant-card[data-participant-layout=wide] .participant-card-header{grid-column:1;grid-row:1;gap:14px}
.participant-card[data-participant-layout=wide] .participant-card-vibe{grid-column:1/-1;grid-row:2;margin-top:0}
.participant-card[data-participant-layout=wide] .participant-card-music{grid-column:2;grid-row:1;margin-top:0}
.participant-card[data-participant-layout=wide] .participant-card-music>summary{display:none}
.participant-card[data-participant-layout=wide] .participant-card-music>.participant-card-fold-body{padding:0}
.participants-heading:has(+.participant-card[data-participant-layout=wide]),.company-members-body:has(.participant-card[data-participant-layout=wide])>.participants-heading{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.6fr);gap:24px}