.presence-status{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-size:11px;font-weight:700;color:#69726a}
.presence-status:before{content:"";width:8px;height:8px;flex:none;border-radius:50%;background:#aab4ac}
.presence-status.is-online{color:#1b8454}
.presence-status.is-online:before{background:#28c878;box-shadow:0 0 0 3px #28c87822}
.profile-header .presence-status{margin-top:9px;color:#c3cbc3}
.profile-header .presence-status.is-online{color:#a8f0be}
.friendly-presence{padding:16px 18px;background:#fff;border-color:var(--line)}
.friendly-presence-title{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--ink);font-size:15px;font-weight:750}
.friendly-presence-title>span{display:flex;align-items:center;gap:9px}
.friendly-presence-title strong{min-width:28px;padding:3px 8px;border-radius:7px;background:#edf1e9;color:#4f6655;text-align:center;font-size:13px;line-height:1.3}
.presence-pulse{width:8px;height:8px;flex:none;border-radius:50%;background:#28c878}
.friendly-presence-list{display:flex;flex-direction:column;gap:5px;margin-top:12px}
.friendly-presence-list>p,.friendly-presence-more{margin:0;color:var(--muted);font-size:12px}
.friendly-presence-person{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#3c5142;font-size:12px;text-decoration:none}
.friendly-presence-person:hover{text-decoration:underline}