/* المتواجدين — online users bottom-nav panel (loaded last, highest priority) */

body.cl-in-room #dpnl.dpnl #users.tab-pane,
body.cl-in-room #dpnl.dpnl #users.tab-pane #users-inroom,
body.cl-in-room #dpnl.dpnl #users.tab-pane #users-online,
body.cl-in-room #dpnl.dpnl #users.tab-pane .usr,
#dpnl.dpnl #users,
#dpnl.dpnl #users #users-inroom,
#dpnl.dpnl #users #users-online {
  color: #111827 !important;
}

#dpnl.dpnl #users #users-inroom .uzr.uhtml .di2 .dots,
#dpnl.dpnl #users #users-online .uzr.uhtml .di2 .dots {
  min-width: 0 !important;
  overflow: visible !important;
}

#dpnl.dpnl #users #users-inroom .uzr .di2 .flex-grow-1,
#dpnl.dpnl #users #users-online .uzr .di2 .flex-grow-1 {
  min-width: 0 !important;
  flex: 1 1 auto !important;
  overflow: visible !important;
}

/* Visibility + layout only — identity colors come from inline data-cl-name-color */
span.cl-online-user-name,
#dpnl.dpnl #users span.cl-online-user-name,
#dpnl.dpnl #users #users-inroom .uzr .u-topic.cl-online-user-name,
#dpnl.dpnl #users #users-online .uzr .u-topic.cl-online-user-name,
body.cl-in-room #dpnl.dpnl #users.tab-pane.active:not(.hid) span.cl-online-user-name {
  display: inline-block !important;
  max-width: 100% !important;
  min-width: 1px !important;
  opacity: 1 !important;
  visibility: visible !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  text-shadow: none !important;
  mix-blend-mode: normal !important;
  filter: none !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;
}

span.cl-online-user-name *,
#dpnl.dpnl #users span.cl-online-user-name *,
#dpnl.dpnl #users #users-inroom .uzr .u-topic.cl-online-user-name *,
#dpnl.dpnl #users #users-online .uzr .u-topic.cl-online-user-name * {
  opacity: 1 !important;
  visibility: visible !important;
  background: transparent !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  text-shadow: none !important;
  mix-blend-mode: normal !important;
}