/**
 * User Status Styles
 * Custom styles for avatar status indicators
 */

/* Avatar status indicators - only for user avatar in navbar */
.navbar-dropdown .avatar-online::before {
  background-color: #28c76f !important;
}

.navbar-dropdown .avatar-away::before {
  background-color: #ff9f43 !important;
}

.navbar-dropdown .avatar-busy::before {
  background-color: #ea5455 !important;
}

.navbar-dropdown .avatar-offline::before {
  background-color: #b8c2cc !important;
}

/* Status dropdown items hover effect */
.status-item:hover {
  background-color: rgba(var(--bs-primary-rgb), 0.08);
}

/* Status indicator dots in dropdown menu - remove the ::before */
.status-item .avatar-initial {
  width: 10px;
  height: 10px;
  font-size: 0;
  border-radius: 50%;
  display: inline-block;
}

.status-item .avatar-initial::before {
  display: none !important;
}

/* Active status indicator */
.status-item .bx-check {
  font-size: 1.2rem;
}