/* Presence belongs to the person avatar; the image alone keeps its crop. */
[data-presence-user-id],
[data-presence-contact-id],
[data-presence-user-name] {
  position: relative;
  overflow: visible;
  isolation: isolate;
}
.account-avatar[data-presence],
.user-cell .mini-avatar[data-presence],
.avatar:has(> [data-presence]) {
  overflow: visible;
}
[data-presence] > img {
  border-radius: inherit;
}
.user-presence-dot {
  position: absolute;
  right: -2px;
  bottom: -2px;
  z-index: 1;
  display: block;
  width: 11px;
  height: 11px;
  box-sizing: border-box;
  border: 2px solid #fff;
  border-radius: 50%;
  background: #7d8997;
  box-shadow: 0 0 0 1px rgba(23, 50, 79, .08);
}
[data-presence="online"] > .user-presence-dot { background: #1aa66d; }
[data-presence="idle"] > .user-presence-dot { background: #e5b32b; }
[data-presence="offline"] > .user-presence-dot,
[data-presence-disabled="true"] > .user-presence-dot { background: #7d8997; }
.mini-avatar > .user-presence-dot { width: 9px; height: 9px; }
.portal-tools .account-avatar[data-presence] { display: flex; }
@media (forced-colors: active) {
  .user-presence-dot { forced-color-adjust: none; }
}