/* Online / last-active badge - see static/website/js/presence.js */
.lx-presence {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 0.78rem;
  font-weight: 600;
  white-space: nowrap;
}

.lx-presence::before {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}

.lx-presence-online {
  color: #16a34a;
}

.lx-presence-online::before {
  background: #22c55e;
  box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.18);
}

.lx-presence-away {
  color: #64748b;
}

.lx-presence-away::before {
  background: #94a3b8;
}