.jam-presence-host { position: relative; }
.jam-presence { position: absolute; right: -1px; bottom: -1px; width: 32%; height: auto; aspect-ratio: 1; min-width: 9px; max-width: 14px; border-radius: 50%; border: 2px solid var(--bs-body-bg, #fff); box-sizing: border-box; background: #9aa0aa; z-index: 1; pointer-events: none; }
.jam-presence[data-status="available"] { background: #2fb344; }
.jam-presence[data-status="busy"] { background: #d63939; }
.jam-presence[data-status="break"] { background: #f59f00; }
.jam-presence[data-status="away"] { background: #f59f00; box-shadow: inset 0 0 0 2px #fff3d6; }
.jam-presence[data-status="offline"] { background: transparent; box-shadow: inset 0 0 0 2px #9aa0aa; }
 
.header-user-profile > .pc-head-link > .jam-avatar-wrap { vertical-align: middle; margin-right: 10px; }
.header-user-profile > .pc-head-link > .jam-avatar-wrap > .user-avtar { margin-right: 0 !important; }
.header-user-profile > .pc-head-link > .jam-avatar-wrap > .jam-presence { width: 10px; min-width: 10px; right: -2px; bottom: -2px; }
 
@media (max-width: 575.98px) {
  .pc-header .header-user-profile > .pc-head-link > .jam-avatar-wrap { display: inline-flex; margin-right: 0; }
}
.jam-presence-menu { padding: 6px 0; }
.jam-presence-menu .dropdown-item { display: flex; align-items: center; gap: 10px; }
.jam-presence-menu .dropdown-item .jam-presence { position: static; width: 12px; min-width: 12px; border-color: transparent; }
.jam-presence-menu .dropdown-item.active { background: rgba(var(--bs-primary-rgb), .1); color: var(--bs-body-color); font-weight: 600; }
.jam-presence-menu .jam-presence-load { padding: 4px 16px 8px; font-size: 12px; color: var(--bs-secondary-color); }
.jam-presence-menu .jam-presence-load.full { color: #d9480f; font-weight: 600; }
.jam-avatar-wrap { position: relative; display: inline-flex; flex: 0 0 auto; }