.pf-online-wrap{display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:50px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);margin-right:6px;cursor:default;white-space:nowrap;flex-shrink:0}.pf-online-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;flex-shrink:0;position:relative}.pf-online-dot::before,.pf-online-dot::after{content:'';position:absolute;inset:0;border-radius:50%;background:inherit;animation:pfOnlineWave 2s ease-out infinite}.pf-online-dot::after{animation-delay:.7s}.pf-dot-green{background:#22c55e}.pf-dot-white{background:#fff}.pf-online-wrap--guest{margin-left:2px}.pf-online-count{font-size:12px;font-weight:800;color:#fff;line-height:1;min-width:14px;text-align:center}.pf-online-label{font-size:10px;color:rgba(255,255,255,.5);font-weight:600;letter-spacing:.3px}@keyframes pfOnlineWave{0%{transform:scale(1);opacity:.8}100%{transform:scale(2.8);opacity:0}}@media(max-width:960px){.pf-online-wrap{order:2;display:flex!important;padding:0!important;gap:4px!important;background:none!important;border:none!important;box-shadow:none!important;margin-right:0!important;margin-left:14px!important}.pf-online-wrap--guest{margin-left:8px!important;order:3;margin-right:auto!important}.pf-online-label{display:none!important}.pf-online-count{font-size:10px!important}}

/* P3 · shared presence contexts */
.pf-online-presence{align-items:center;min-width:0}.pf-online-presence--web{display:contents}
.pf-online-presence--mobile-app,.pf-online-presence--desktop-app{display:flex;gap:5px;flex:0 0 auto}
.pf-online-presence--mobile-app .pf-online-wrap{margin:0!important;padding:4px 6px!important;gap:4px!important;background:rgba(18,18,25,.72)!important;border-color:rgba(255,255,255,.08)!important;box-shadow:none!important}
.pf-online-presence--mobile-app .pf-online-label{display:none!important}.pf-online-presence--mobile-app .pf-online-dot{width:6px;height:6px}.pf-online-presence--mobile-app .pf-online-count{font-size:10px!important;min-width:9px!important}
.pf-online-presence--desktop-app .pf-online-wrap{margin:0!important;padding:5px 8px!important;background:rgba(255,255,255,.045)!important;border-color:rgba(255,255,255,.08)!important}.pf-online-presence--desktop-app .pf-online-label{font-size:9px!important}.pf-online-presence--desktop-app .pf-online-count{font-size:11px!important}
@media(max-width:390px){.pf-online-presence--mobile-app{gap:2px}.pf-online-presence--mobile-app .pf-online-wrap{padding:3px 4px!important}.pf-online-presence--mobile-app .pf-online-dot{width:5px;height:5px}}

/* P4 · Mobile App header presence: visible in the active modular shell without increasing header height. */
.pfm-top-presence-slot .pf-online-presence--mobile-app{display:flex!important;gap:7px!important;height:11px;align-items:center}
.pfm-top-presence-slot .pf-online-presence--mobile-app .pf-online-wrap{display:flex!important;margin:0!important;padding:0!important;gap:3px!important;background:transparent!important;border:0!important;box-shadow:none!important;min-height:0!important;line-height:1!important}
.pfm-top-presence-slot .pf-online-presence--mobile-app .pf-online-label{display:none!important}
.pfm-top-presence-slot .pf-online-presence--mobile-app .pf-online-dot{width:5px;height:5px}
.pfm-top-presence-slot .pf-online-presence--mobile-app .pf-online-count{font-size:8.5px!important;min-width:auto!important;line-height:1!important;color:rgba(255,255,255,.72)!important}