.profile-account {
    display: flex;
    flex-direction: column;
}
.profile-status {
  text-transform: capitalize;
  filter: var(--chat-profile-status-filter);
  text-decoration: none;
}
/* filter set via --chat-profile-status-filter in theme.css */

.profile-menu {
  position: relative;
  /* position:absolute; top:1.5rem; right:6rem; padding-right:0.5rem; z-index: 50; */
  display: inline-block;
}

.profile-btn {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background: none;
  border: none;
  cursor: pointer;
  transition: color 0.2s ease-in-out;
  width:100%;

}
.profile-btn { color: var(--chat-profile-btn-color); }
.profile-btn:hover, .profile-btn:focus { color: var(--chat-profile-btn-hover); }


.profile-btn > :first-child { flex: 1 1 auto; text-align: right;}

.profile-avatar {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  object-fit: cover;
  object-position: top;
  
}
.profile-avatar {
  border-width: 2px; border-style: solid;
  transition: box-shadow 0.2s ease-in-out border-width 0.2s ease-in-out;
}


.profile-avatar.active {
  border-color: #2dd4bf; /* minty teal */
  animation: lfg-pulse 1.6s ease-out infinite;
  box-shadow: 0 0 0px 0px rgba(45, 212, 191, 0.6);
}

@keyframes lfg-pulse {
  0% {box-shadow: 0 0 0px 0px rgba(45, 212, 191, 0.7);}
  70% {box-shadow: 0 0 12px 10px rgba(45, 212, 191, 0.2);}
  100% {box-shadow: 0 0 0px 0px rgba(45, 212, 191, 0);}
}

/*
.profile-avatar.active {
  border-color: #ff69b4;
  box-shadow: 0 0 2px 1px #ff69b4, 0 0 8px 2px #ff69b4;
  animation: pulse-glow 1.8s ease-in-out infinite;
}

@keyframes pulse-glow {
  0% {box-shadow: 0 0 2px 1px #ff69b4, 0 0 12px 4px #ff69b4;}
  25% {box-shadow: 0 0 2px 2px #e98ffb, 0 0 14px 5px #e98ffb;}
  50% {box-shadow: 0 0 2px 2px #b07efc, 0 0 16px 6px #b07efc;}
  75% {box-shadow: 0 0 2px 2px #6a8dfd, 0 0 14px 5px #6a8dfd;}
  100% {box-shadow: 0 0 2px 1px #ff69b4, 0 0 12px 4px #ff69b4;}
}
*/

/*
.profile-avatar.active {  
  border-width: 2px;
  border-color: #8686868a;
  box-shadow: 0 0 0px 1px #c94edd, 0 0 10px 1px #c94edd;
  animation: pulse-glow 2.4s ease-in-out infinite;
}
@keyframes pulse-glow {
  0% {box-shadow: 0 0 0px 1px #c94edd, 0 0 10px 4px #c94edd;}
  33% {box-shadow: 0 0 0px 2px #b876f1, 0 0 18px 6px #b876f1;}
  66% {box-shadow: 0 0 0px 2px #6f9bfa, 0 0 20px 6px #6f9bfa;}
  100% {box-shadow: 0 0 0px 1px #c94edd, 0 0 10px 4px #c94edd;}
}
*/

/*.light-theme .profile-avatar {filter: brightness(1.25)}*/

.profile-username {
  font-weight: 600;
  font-size: calc(var(--user-font-size) * 1.0);

}

.profile-dropdown {
  top: 110%;
  right: 0;
  min-width: 160px;

}