/* ===== 8G.23 USER CHIP BRAND FIX: Làng Ẩn Dật ===== */
.account-pill,
.user-chip,
.member-chip,
.selected-user-chip,
.tag-user,
.user-pill{
  display:inline-grid!important;
  grid-template-columns:24px minmax(0,1fr) 20px!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
  max-width:230px!important;
  min-height:36px!important;
  padding:6px 10px!important;
  border-radius:999px!important;
  background:rgba(16,45,41,.82)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  color:#fff!important;
  box-shadow:0 8px 22px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.10)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
  overflow:hidden!important;
}

.account-pill .avatar-dot,
.user-chip img,
.member-chip img,
.selected-user-chip img,
.tag-user img,
.user-pill img{
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  border-radius:50%!important;
  object-fit:cover!important;
  background-color:rgba(0,0,0,.25)!important;
  background-size:cover!important;
  background-position:center!important;
  border:1px solid rgba(255,255,255,.18)!important;
  display:block!important;
  padding:0!important;
  font-size:0!important;
  overflow:hidden!important;
}

.account-pill .account-name,
.user-chip .name,
.member-chip .name,
.selected-user-chip .name,
.tag-user .name,
.user-pill .name{
  min-width:0!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:.2px!important;
  text-transform:none!important;
}

.account-pill .power-dot,
.user-chip .close,
.user-chip .remove,
.member-chip .close,
.member-chip .remove,
.selected-user-chip .close,
.selected-user-chip .remove,
.tag-user .close,
.tag-user .remove,
.user-pill .close,
.user-pill .remove{
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
  font-size:16px!important;
  font-weight:900!important;
  cursor:pointer!important;
  padding:0!important;
  line-height:1!important;
}

.account-pill .power-dot:hover,
.user-chip .close:hover,
.user-chip .remove:hover,
.member-chip .close:hover,
.member-chip .remove:hover,
.selected-user-chip .close:hover,
.selected-user-chip .remove:hover,
.tag-user .close:hover,
.tag-user .remove:hover,
.user-pill .close:hover,
.user-pill .remove:hover{
  background:rgba(255,80,100,.92)!important;
  transform:scale(1.04);
}