/* Click-to-edit balance: shown when the row is NOT being edited. */
.users-directory-balance-display {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 24px;
  padding: 0 8px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.018);
  color: #edf3ff;
  font: inherit;
  font-size: 11px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  text-align: center;
  cursor: pointer;
  transition: background 140ms ease, border-color 140ms ease, color 140ms ease;
}

.users-directory-balance-display:hover,
.users-directory-balance-display:focus-visible {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.1);
  color: #ffffff;
  outline: none;
}

.users-directory-display-btn {
  color: #d2bbff !important;
  text-shadow: 0 0 12px rgba(191, 149, 255, 0.18);
}

.users-directory-display-btn.is-vip {
  color: #ff74de !important;
  text-shadow:
    0 0 10px rgba(255, 116, 222, 0.22),
    0 0 20px rgba(255, 116, 222, 0.08);
}

.users-directory-display-btn.is-mod {
  color: #8fff7a !important;
  text-shadow:
    0 0 10px rgba(143, 255, 122, 0.22),
    0 0 20px rgba(143, 255, 122, 0.08);
}

.users-directory-display-btn.is-ae {
  color: #9cadff !important;
  text-shadow:
    0 0 10px rgba(156, 173, 255, 0.22),
    0 0 20px rgba(156, 173, 255, 0.08);
}