/* OngVietPOS Fix178 - màu nền thẻ khách theo nhóm */

/* Màu mặc định + chữ */
.sale-customer-snapshot.ov-customer-premium-card{
  color:#fff!important;
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease!important;
  border-width:1px!important;
  border-style:solid!important;
}
.sale-customer-snapshot.ov-customer-premium-card .ov-customer-name,
.sale-customer-snapshot.ov-customer-premium-card .ov-customer-phone,
.sale-customer-snapshot.ov-customer-premium-card .ov-customer-monthly,
.sale-customer-snapshot.ov-customer-premium-card .ov-customer-month-row{
  color:#fff!important;
}
.sale-customer-snapshot.ov-customer-premium-card .ov-customer-phone,
.sale-customer-snapshot.ov-customer-premium-card .ov-customer-monthly,
.sale-customer-snapshot.ov-customer-premium-card .ov-customer-month-row{
  opacity:.92!important;
}

/* VIP: tím sang + viền vàng */
.sale-customer-snapshot.ov-customer-premium-card.is-vip{
  background:linear-gradient(135deg,#6d28d9 0%,#4c1d95 100%)!important;
  border-color:#fbbf24!important;
  box-shadow:0 8px 22px rgba(76,29,149,.22)!important;
}

/* Khách thường xuyên: xanh lá */
.sale-customer-snapshot.ov-customer-premium-card.is-regular{
  background:linear-gradient(135deg,#059669 0%,#047857 100%)!important;
  border-color:#34d399!important;
  box-shadow:0 8px 22px rgba(4,120,87,.20)!important;
}

/* Khách tiềm năng: cam */
.sale-customer-snapshot.ov-customer-premium-card.is-potential{
  background:linear-gradient(135deg,#d97706 0%,#b45309 100%)!important;
  border-color:#fbbf24!important;
  box-shadow:0 8px 22px rgba(180,83,9,.20)!important;
}

/* Khách lẻ: xanh dương */
.sale-customer-snapshot.ov-customer-premium-card.is-retail{
  background:linear-gradient(135deg,#2563eb 0%,#1e40af 100%)!important;
  border-color:#60a5fa!important;
  box-shadow:0 8px 22px rgba(30,64,175,.20)!important;
}

/* Khách nợ xấu: ĐỎ nổi bật */
.sale-customer-snapshot.ov-customer-premium-card.is-bad-debt{
  background:linear-gradient(135deg,#dc2626 0%,#991b1b 100%)!important;
  border-color:#fecaca!important;
  box-shadow:0 8px 24px rgba(153,27,27,.30)!important;
}

/* Badge nhóm */
.sale-customer-snapshot.ov-customer-premium-card .ov-tier-badge{
  background:rgba(255,255,255,.14)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.65)!important;
  font-weight:800!important;
  text-shadow:0 1px 2px rgba(0,0,0,.18)!important;
}
.sale-customer-snapshot.ov-customer-premium-card.is-vip .ov-tier-badge{
  color:#fff7cc!important;
  border-color:#fcd34d!important;
}
.sale-customer-snapshot.ov-customer-premium-card.is-bad-debt .ov-tier-badge{
  background:#fff!important;
  color:#b91c1c!important;
  border-color:#fff!important;
}

/* Nút Chỉnh nhóm luôn dễ đọc trên mọi nền */
.sale-customer-snapshot.ov-customer-premium-card button{
  background:rgba(15,23,42,.22)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.62)!important;
}

/* Avatar viền sáng theo thẻ */
.sale-customer-snapshot.ov-customer-premium-card .ov-premium-avatar,
.sale-customer-snapshot.ov-customer-premium-card .customer-avatar{
  border-color:rgba(255,255,255,.72)!important;
}