/* CFR-Neon 2.3 – Benutzerliste | Nur Darstellung, keine Chatlogik */
/* Nach allen bisherigen CFR-Neon-Stylesheets einbinden. */
@media (min-width: 1025px) {
  #side-roomusers #onlinelist { padding: 2px 4px 12px; }
}
#side-roomusers h3 {
  color: #dff8ff !important;
  font-size: 1.1rem;
  font-weight: 700;
  letter-spacing: .02em;
  text-shadow: 0 0 10px rgba(80,230,255,.22);
}
#side-roomusers .onlinelist-row {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 52px;
  box-sizing: border-box;
  border: 1px solid rgba(80,230,255,.13);
  border-radius: 11px;
  margin: 4px 0 !important;
  padding: 4px 3px !important;
  background: rgba(19,37,62,.72);
  transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease;
}
#side-roomusers .onlinelist-row:hover {
  background: rgba(31,55,83,.95);
  border-color: rgba(80,230,255,.46);
  box-shadow: 0 0 12px rgba(80,230,255,.10);
}
#side-roomusers .onlinelist-avatar {
  flex: 0 0 42px;
  width: 42px !important;
  height: 42px !important;
  box-sizing: border-box;
  border: 2px solid rgba(80,230,255,.58) !important;
  border-radius: 50% !important;
  box-shadow: 0 0 9px rgba(80,230,255,.17);
  margin: 2px 5px 2px 2px !important;
  padding: 2px !important;
}
#side-roomusers .onlinelist-username {
  flex: 1 1 auto;
  min-width: 0;
  width: auto !important;
  padding: 4px 3px !important;
  line-height: 1.35;
  overflow-wrap: anywhere;
  color: #f1f8ff;
  font-size: 1.02em;
}
#side-roomusers .onlinelist-status {
  flex: 0 0 16px;
  width: 16px !important;
  padding: 12px 2px !important;
  filter: drop-shadow(0 0 3px rgba(71,244,154,.48));
}
#side-roomusers .onlinelist-gender {
  flex: 0 0 20px;
  width: 20px !important;
}
#side-roomusers .onlinelist-whisper {
  flex: 0 0 30px;
  width: 30px;
}
@media (prefers-reduced-motion: reduce) {
  #side-roomusers .onlinelist-row { transition: none; }
}