/* BALELE Phase 6 Step 2A — Global User Decorator foundation. */
.balele-user-decorator,
.user-decorator {
  --balele-level-color: #7c3aed;
  --balele-nickname-color: #1f2937;
}

.balele-user-avatar-frame,
.user-decorator-avatar-wrap,
.balele-my-wall-avatar {
  position: relative;
  border: 3px solid var(--balele-level-color, #7c3aed);
  box-shadow: 0 10px 26px color-mix(in srgb, var(--balele-level-color, #7c3aed) 22%, transparent), 0 10px 30px rgba(0,0,0,.12);
}

.balele-user-level-badge,
.user-decorator-level-corner,
.balele-my-wall-lv {
  background: #1f1712;
  color: #fff;
  border: 1px solid color-mix(in srgb, var(--balele-level-color, #7c3aed) 34%, rgba(255,255,255,.18));
}

.balele-user-name--lv1,
.balele-user-name--lv2,
.balele-user-name--lv3,
.balele-user-name--lv4,
.balele-user-name--lv5,
.user-decorator-nickname {
  color: var(--balele-nickname-color, #1f2937);
}

.balele-user-frame--lv1 { --balele-level-color: #7c3aed; --balele-nickname-color: #7c3aed; }
.balele-user-frame--lv2 { --balele-level-color: #2563eb; --balele-nickname-color: #2563eb; }
.balele-user-frame--lv3 { --balele-level-color: #d97706; --balele-nickname-color: #d97706; }
.balele-user-frame--lv4 { --balele-level-color: #0891b2; --balele-nickname-color: #0891b2; }
.balele-user-frame--lv5 { --balele-level-color: #db2777; --balele-nickname-color: #db2777; }

.user-decorator.level-1 { --balele-level-color: #7c3aed; --balele-nickname-color: #7c3aed; }
.user-decorator.level-2 { --balele-level-color: #2563eb; --balele-nickname-color: #2563eb; }
.user-decorator.level-3 { --balele-level-color: #d97706; --balele-nickname-color: #d97706; }
.user-decorator.level-4 { --balele-level-color: #0891b2; --balele-nickname-color: #0891b2; }
.user-decorator.level-5 { --balele-level-color: #db2777; --balele-nickname-color: #db2777; }

.user-decorator.level-1 .user-decorator-badge,
.diamond-bronze { background: #7c3aed; }
.user-decorator.level-2 .user-decorator-badge,
.diamond-silver { background: #2563eb; }
.user-decorator.level-3 .user-decorator-badge,
.diamond-gold { background: #d97706; }
.user-decorator.level-4 .user-decorator-badge,
.diamond-cyan { background: #0891b2; }
.user-decorator.level-5 .user-decorator-badge,
.diamond-royal { background: #db2777; }

.balele-entitlement-note {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  background: rgba(124, 58, 237, .08);
  color: var(--balele-level-color, #7c3aed);
  font-size: 12px;
  font-weight: 900;
}