/* V111 — presença visual única no topo, posts, comentários e respostas. */
html body .status-ring.status-online,
html body .status-ring.status-disponivel,
html body .scraaps-avatar-btn.status-online,
html body .scraaps-avatar-btn.status-disponivel {
  --scraaps-presence-color: #39b54a;
  --scraaps-presence-glow: rgba(57, 181, 74, .28);
}
html body .status-ring.status-ocupado,
html body .scraaps-avatar-btn.status-ocupado {
  --scraaps-presence-color: #ff3b30;
  --scraaps-presence-glow: rgba(255, 59, 48, .25);
}
html body .status-ring.status-ausente,
html body .scraaps-avatar-btn.status-ausente {
  --scraaps-presence-color: #ff9f1c;
  --scraaps-presence-glow: rgba(255, 159, 28, .28);
}
html body .status-ring.status-off,
html body .status-ring.status-offline,
html body .scraaps-avatar-btn.status-off,
html body .scraaps-avatar-btn.status-offline {
  --scraaps-presence-color: #8c8c96;
  --scraaps-presence-glow: rgba(140, 140, 150, .25);
}
html body .status-ring.status-ring[class],
html body.page-perfil .profile-page .status-ring.status-ring[class],
html body .scraaps-avatar-btn.status-online,
html body .scraaps-avatar-btn.status-disponivel,
html body .scraaps-avatar-btn.status-ocupado,
html body .scraaps-avatar-btn.status-ausente,
html body .scraaps-avatar-btn.status-off,
html body .scraaps-avatar-btn.status-offline {
  border-color: var(--scraaps-presence-color, #8c8c96) !important;
  box-shadow: 0 0 0 2px var(--scraaps-presence-glow, rgba(140, 140, 150, .25)) !important;
}
html body .status-ring.status-ring[class]::after,
html body.page-perfil .profile-page .status-ring.status-ring[class]::after,
html body .scraaps-avatar-btn.status-online::after,
html body .scraaps-avatar-btn.status-disponivel::after,
html body .scraaps-avatar-btn.status-ocupado::after,
html body .scraaps-avatar-btn.status-ausente::after,
html body .scraaps-avatar-btn.status-off::after,
html body .scraaps-avatar-btn.status-offline::after {
  background: var(--scraaps-presence-color, #8c8c96) !important;
  border-color: #fff !important;
}
html body .home-composer-sheet-avatar.status-ring::after {
  content: "" !important;
  position: absolute !important;
  right: -2px !important;
  bottom: -2px !important;
  width: 13px !important;
  height: 13px !important;
  border: 2px solid #fff !important;
  border-radius: 50% !important;
  box-sizing: border-box !important;
  z-index: 5 !important;
  pointer-events: none !important;
}
html body .home-composer-media-preview[hidden] + .home-composer-media-picker {
  margin-top: 16px !important;
}