/* LeadCPI F2Z — Feed Precision Restore
   Fix rightbar feed columns to match the approved design: FLAG | GEO | USER/METHOD | TIME/AMOUNT | LOCK.
   This file must load after F2W/F2X/F2Y. */

.lcpi-rightbar .lcpi-live-panel,
.lcpi-rightbar .lcpi-payout-panel{
  overflow:hidden!important;
}

.lcpi-rightbar .lcpi-live-panel .lcpi-section-title,
.lcpi-rightbar .lcpi-payout-panel .lcpi-section-title{
  margin-bottom:10px!important;
}

.lcpi-rightbar .lcpi-live-feed,
.lcpi-rightbar .lcpi-payout-feed{
  width:100%!important;
  box-sizing:border-box!important;
  display:grid!important;
  align-items:center!important;
  min-height:34px!important;
  padding:0 2px!important;
  border-bottom:1px solid rgba(117,139,190,.12)!important;
  column-gap:6px!important;
}

/* Live Leads: flag+geo | masked user | time | amount | lock */
.lcpi-rightbar .lcpi-live-feed{
  grid-template-columns:58px minmax(56px,1fr) 58px 66px 16px!important;
}

/* Recent Payouts: flag+geo | method | amount | time | lock */
.lcpi-rightbar .lcpi-payout-feed{
  grid-template-columns:58px minmax(82px,1fr) 50px 60px 16px!important;
}

.lcpi-rightbar .lcpi-country-chip{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px!important;
  width:58px!important;
  min-width:58px!important;
  max-width:58px!important;
  overflow:visible!important;
  white-space:nowrap!important;
  color:#e9efff!important;
}

.lcpi-rightbar .lcpi-country-chip img{
  width:22px!important;
  height:15px!important;
  min-width:22px!important;
  max-width:22px!important;
  border-radius:3px!important;
  object-fit:cover!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.18),0 0 8px rgba(0,180,255,.12)!important;
}

.lcpi-rightbar .lcpi-country-chip .lcpi-geo-code,
.lcpi-rightbar .lcpi-country-chip b{
  display:inline-block!important;
  visibility:visible!important;
  opacity:1!important;
  min-width:18px!important;
  max-width:20px!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
  color:#e9efff!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:500!important;
  letter-spacing:.01em!important;
  text-shadow:none!important;
}

.lcpi-rightbar .lcpi-live-feed em{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#e5ebfb!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-style:normal!important;
  font-weight:500!important;
  text-align:left!important;
  text-shadow:none!important;
}

.lcpi-rightbar .lcpi-live-feed small,
.lcpi-rightbar .lcpi-payout-feed small{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#bfc9e6!important;
  font-size:11.5px!important;
  line-height:1.2!important;
  font-weight:400!important;
  text-align:right!important;
  text-shadow:none!important;
}

.lcpi-rightbar .lcpi-live-feed > b,
.lcpi-rightbar .lcpi-payout-feed > b{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#2cff82!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:600!important;
  text-align:right!important;
  text-shadow:none!important;
}

.lcpi-rightbar .lcpi-live-feed > i,
.lcpi-rightbar .lcpi-payout-feed > i{
  display:block!important;
  width:16px!important;
  min-width:16px!important;
  max-width:16px!important;
  overflow:hidden!important;
  text-align:right!important;
  font-size:12px!important;
  font-style:normal!important;
  line-height:1!important;
  opacity:.85!important;
}

.lcpi-rightbar .lcpi-payout-feed .lcpi-pay-method{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  white-space:nowrap!important;
}

.lcpi-rightbar .lcpi-payout-feed .lcpi-pay-icon{
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  max-width:20px!important;
  border-radius:7px!important;
  font-size:11px!important;
  line-height:20px!important;
}

.lcpi-rightbar .lcpi-payout-feed .lcpi-pay-method em,
.lcpi-rightbar .lcpi-payout-feed .lcpi-pay-method strong{
  display:inline-block!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#e5ebfb!important;
  font-size:12px!important;
  font-style:normal!important;
  font-weight:500!important;
  text-shadow:none!important;
}

/* Never show the old duplicate text-only geo columns; keep only SVG flag + GEO chip. */
.lcpi-rightbar .lcpi-live-feed > .lcpi-geo-flag,
.lcpi-rightbar .lcpi-payout-feed > .lcpi-geo-flag,
.lcpi-rightbar .lcpi-live-feed > strong,
.lcpi-rightbar .lcpi-payout-feed > strong{
  display:none!important;
}
.lcpi-rightbar .lcpi-live-feed > .lcpi-country-chip,
.lcpi-rightbar .lcpi-payout-feed > .lcpi-country-chip{
  display:inline-flex!important;
}

/* Slightly more room on wider desktop rightbars. */
@media (min-width:1600px){
  .lcpi-rightbar .lcpi-live-feed{grid-template-columns:62px minmax(72px,1fr) 70px 72px 18px!important; column-gap:8px!important;}
  .lcpi-rightbar .lcpi-payout-feed{grid-template-columns:62px minmax(106px,1fr) 58px 66px 18px!important; column-gap:8px!important;}
  .lcpi-rightbar .lcpi-country-chip{width:62px!important; min-width:62px!important; max-width:62px!important;}
  .lcpi-rightbar .lcpi-country-chip img{width:24px!important; height:16px!important; min-width:24px!important;}
  .lcpi-rightbar .lcpi-country-chip .lcpi-geo-code{font-size:12.5px!important;}
}

/* Mobile keeps the same visual language but remains compact. */
.lcpi-front-mobile .lcpi-live-feed,
.lcpi-front-mobile .lcpi-payout-feed{
  grid-template-columns:58px minmax(0,1fr) auto auto 18px!important;
  column-gap:7px!important;
  align-items:center!important;
}
.lcpi-front-mobile .lcpi-country-chip{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  width:58px!important;
  min-width:58px!important;
  max-width:58px!important;
}
.lcpi-front-mobile .lcpi-country-chip img{
  width:22px!important;
  height:15px!important;
  min-width:22px!important;
}
.lcpi-front-mobile .lcpi-country-chip .lcpi-geo-code{
  color:#e9efff!important;
  font-size:12px!important;
  font-weight:500!important;
}