/* LeadCPI F2W — Feed SVG Flags + Stats Realignment
   Purpose: asset/layout correction only. No backend/tracking changes. */

/* Feed title icons: brighter, visible, closer to the approved UI */
.lcpi-section-title h3 .lcpi-title-svg{
  width:20px!important;
  height:20px!important;
  object-fit:contain!important;
  margin-right:8px!important;
  filter:drop-shadow(0 0 10px rgba(73,220,255,.55)) drop-shadow(0 0 8px rgba(208,76,255,.28))!important;
  vertical-align:-4px!important;
}

/* Right feed rows: make country+flag one compact unit; prevent VN VN / US US duplication */
.lcpi-rightbar .lcpi-live-feed{
  grid-template-columns:58px minmax(68px,1fr) 78px 76px 22px!important;
  gap:10px!important;
}
.lcpi-rightbar .lcpi-payout-feed{
  grid-template-columns:58px minmax(118px,1fr) 66px 72px 22px!important;
  gap:10px!important;
}
.lcpi-country-chip{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
  white-space:nowrap!important;
  color:#e7edff!important;
  font-size:13px!important;
  font-weight:520!important;
  letter-spacing:.01em!important;
}
.lcpi-country-chip img,
.lcpi-mini-flag{
  display:inline-block!important;
  width:24px!important;
  height:16px!important;
  min-width:24px!important;
  border-radius:3px!important;
  object-fit:cover!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.18),0 0 10px rgba(0,128,255,.16)!important;
}
.lcpi-country-chip b{
  font:inherit!important;
  color:#e7edff!important;
}
.lcpi-live-feed > strong,
.lcpi-payout-feed > strong,
.lcpi-geo-flag{
  display:none!important;
}
.lcpi-live-feed em,
.lcpi-payout-feed em{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#e8eefc!important;
  font-weight:500!important;
}
.lcpi-live-feed small,
.lcpi-payout-feed small{
  white-space:nowrap!important;
  text-align:right!important;
  color:#bfc9e6!important;
  font-weight:400!important;
}
.lcpi-live-feed > b,
.lcpi-payout-feed > b{
  white-space:nowrap!important;
  text-align:right!important;
  color:#26f873!important;
  font-weight:600!important;
}
.lcpi-live-feed > i,
.lcpi-payout-feed > i{
  display:block!important;
  text-align:right!important;
  font-style:normal!important;
  font-size:13px!important;
  opacity:.86!important;
}
.lcpi-pay-method{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
  overflow:hidden!important;
}
.lcpi-pay-method em,
.lcpi-pay-method strong{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-style:normal!important;
  color:#e8eefc!important;
  font-size:13px!important;
  font-weight:500!important;
}
.lcpi-pay-icon{
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  border-radius:7px!important;
  display:inline-grid!important;
  place-items:center!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:700!important;
  color:#fff!important;
  box-shadow:0 0 12px rgba(0,220,255,.18)!important;
}
.lcpi-paypal{background:linear-gradient(135deg,#009CDE,#52c7ff)!important}
.lcpi-usdt{background:linear-gradient(135deg,#26A17B,#6de5c2)!important}
.lcpi-binance{background:linear-gradient(135deg,#F0B90B,#ffd85c)!important;color:#10151f!important}
.lcpi-pix{background:linear-gradient(135deg,#32bcad,#6af0df)!important;color:#092126!important}
.lcpi-pay-default{background:linear-gradient(135deg,#765cff,#c852ff)!important}

/* Stats cards: approved design composition, tighter lines */
.lcpi-stat{
  min-height:132px!important;
  padding:18px 18px 17px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
}
.lcpi-stat-head{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  min-height:25px!important;
  margin:0 0 18px!important;
  color:#dfe7ff!important;
}
.lcpi-stat-head span{
  display:inline-grid!important;
  place-items:center!important;
  width:26px!important;
  height:26px!important;
  min-width:26px!important;
  font-size:22px!important;
  line-height:1!important;
  margin:0!important;
}
.lcpi-stat-head small{
  display:block!important;
  margin:0!important;
  color:#e8eeff!important;
  font-size:12px!important;
  line-height:1.15!important;
  font-weight:500!important;
  letter-spacing:-.01em!important;
  max-width:86px!important;
}
.lcpi-stat strong{
  display:block!important;
  margin:0!important;
  text-align:center!important;
  color:#f2f6ff!important;
  font-size:30px!important;
  line-height:1.03!important;
  font-weight:600!important;
  letter-spacing:-.035em!important;
}
.lcpi-stat em{
  display:block!important;
  margin:8px 0 0!important;
  text-align:center!important;
  color:#c4cee9!important;
  font-size:12px!important;
  line-height:1.1!important;
  font-weight:400!important;
}

/* Offer cards: center title/category near approved bottom stack, keep reward/difficulty left-right. */
.lcpi-offer-card strong{
  left:14px!important;
  right:14px!important;
  bottom:54px!important;
  text-align:center!important;
  font-size:14px!important;
  line-height:1.1!important;
  font-weight:600!important;
  letter-spacing:-.02em!important;
}
.lcpi-offer-card em{
  left:50%!important;
  bottom:33px!important;
  transform:translateX(-50%)!important;
  text-align:center!important;
  font-size:9.5px!important;
  line-height:1!important;
  font-weight:600!important;
  padding:4px 8px!important;
  max-width:84%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.lcpi-offer-card footer{
  left:13px!important;
  right:13px!important;
  bottom:10px!important;
  align-items:center!important;
}
.lcpi-offer-card footer span{
  font-size:14px!important;
  font-weight:600!important;
  letter-spacing:.01em!important;
}
.lcpi-offer-card footer b{
  font-size:12px!important;
  font-weight:600!important;
}

/* Top countries: use SVG flags, not emoji. */
.lcpi-country p span{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  min-width:0!important;
  color:#dce5ff!important;
}
.lcpi-country p span img{
  width:20px!important;
  height:14px!important;
  min-width:20px!important;
  border-radius:2.5px!important;
  object-fit:cover!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.16)!important;
}

/* Mobile feed reuse. */
.lcpi-front-mobile .lcpi-feed{
  grid-template-columns:64px minmax(0,1fr) auto auto 24px!important;
}
.lcpi-front-mobile .lcpi-payout-feed{
  grid-template-columns:64px minmax(0,1fr) auto auto 24px!important;
}
.lcpi-front-mobile .lcpi-section-title h3{
  display:flex!important;
  align-items:center!important;
}