/* Make top buttons extra small */
.btn-xs {
  padding: 2px 6px;   /* smaller padding */
  font-size: 0.75rem; /* smaller font */
  border-radius: 4px; /* tighter corners */
}

/* === Role badges === */
.badge {
  font-size: .7rem;
  border-radius: .25rem;
  padding: .1rem .4rem;
  font-weight: 600;
}

/* Owner = crimson */
.badge.owner {
  background: #b91c1c;
  color: #fff;
}

/* Developer = purple */
.badge.dev {
  background: #7e22ce;
  color: #f3e8ff;
}

/* Admin = gold */
.badge.admin {
  background: #ca8a04;
  color: #fffbea;
}

/* Moderator = blue */
.badge.moderator {
  background: #2563eb;
  color: #dbeafe;
}

/* Member = gray */
.badge.member {
  background: #374151;
  color: #e5e7eb;
}