/* NexoPlay V7 visual polish. Keeps existing logic/styles and only overrides targeted areas. */
:root{--nx7-ink:#17304f;--nx7-muted:#69809b;--nx7-line:#dbe6f2;--nx7-bg:#f4f8fd;--nx7-purple:#6d4aff;--nx7-cyan:#1fc6e8;--nx7-shadow:0 28px 80px rgba(33,61,101,.16)}

/* Perfil: compacto y más ancho en PC. */
#authBg[data-nx7-mode="profile"]{align-items:center!important;padding:24px!important}
#authBg[data-nx7-mode="profile"] .auth-modal{width:min(980px,92vw)!important;max-height:82vh!important;border-radius:26px!important}
#authBg[data-nx7-mode="profile"] .auth-body{padding:20px 24px!important}
#authBg[data-nx7-mode="profile"] #profileView{max-height:67vh;overflow:auto}
#authBg[data-nx7-mode="profile"] .nx5-profile-hero{padding:18px 20px!important}
#authBg[data-nx7-mode="profile"] .nx5-profile-grid{grid-template-columns:repeat(4,1fr)!important;gap:9px!important;margin-top:10px!important}
#authBg[data-nx7-mode="profile"] .nx5-stat{padding:13px!important}
#authBg[data-nx7-mode="profile"] .nx5-profile-actions{gap:7px!important;margin-top:9px!important}
#authBg[data-nx7-mode="profile"] .nx5-action{padding:8px 10px!important}
@media(max-width:720px){#authBg[data-nx7-mode="profile"] .auth-modal{width:min(96vw,560px)!important;max-height:92vh!important}#authBg[data-nx7-mode="profile"] .auth-body{padding:14px!important}#authBg[data-nx7-mode="profile"] #profileView{max-height:none;overflow:visible}#authBg[data-nx7-mode="profile"] .nx5-profile-grid{grid-template-columns:repeat(2,1fr)!important}}

/* Mis compras: aumentar contraste en los valores. */
#purchasesModalBg .purchase-card,#purchasesModalBg .purchase-card *{color:var(--nx7-ink)}
#purchasesModalBg .pc-title{color:#3159c9!important;font-weight:950}
#purchasesModalBg .pc-meta,#purchasesModalBg .purchase-summary-item span{color:#667d96!important}
#purchasesModalBg .pc-value,#purchasesModalBg .purchase-summary-item b{color:#17304f!important}
#purchasesModalBg .support-code{color:#3159c9!important}

/* Wallet: fondo claro, paneles legibles. */
#walletModalBg.nx7-light-wallet .wallet-modal{background:linear-gradient(180deg,#f9fcff,#eef5fb)!important;color:var(--nx7-ink)!important;border-color:var(--nx7-line)!important}
#walletModalBg.nx7-light-wallet .wallet-head{background:rgba(246,251,255,.96)!important;border-bottom:1px solid var(--nx7-line)!important}
#walletModalBg.nx7-light-wallet .wallet-head h2,#walletModalBg.nx7-light-wallet .wallet-panel h3{color:var(--nx7-ink)!important}
#walletModalBg.nx7-light-wallet .wallet-panel,#walletModalBg.nx7-light-wallet .wallet-stat,#walletModalBg.nx7-light-wallet .wallet-help{background:#fff!important;color:var(--nx7-ink)!important;border-color:var(--nx7-line)!important}
#walletModalBg.nx7-light-wallet .wallet-muted{color:#6d8199!important}
#walletModalBg.nx7-light-wallet .wallet-input,#walletModalBg.nx7-light-wallet .wallet-select{background:#fff!important;color:var(--nx7-ink)!important;border-color:#cbd9e8!important}
#walletModalBg.nx7-light-wallet .wallet-tx{border-bottom-color:#dbe6f2!important}

/* Centro VIP nuevo, sin código personal. */
#nexoVipBg .nx-vip-modal{width:min(1120px,96vw)!important;max-width:1120px!important;border-radius:28px!important;background:linear-gradient(180deg,#f8fbff,#eef5fb)!important;color:var(--nx7-ink)!important;border:1px solid #d7e4f0!important}
#nexoVipBg .nx-vip-head{background:radial-gradient(500px 120px at 0 0,rgba(109,74,255,.12),transparent 70%),radial-gradient(440px 130px at 100% 0,rgba(31,198,232,.10),transparent 70%),#f7fbff!important;border-bottom:1px solid #dbe6f2!important}
#nexoVipBg .nx-vip-head h2,#nexoVipBg .nx-vip-head p{color:var(--nx7-ink)!important}
.nx7-vip-shell{display:grid;gap:14px}.nx7-vip-card{background:#fff;border:1px solid var(--nx7-line);border-radius:20px;padding:18px;box-shadow:0 12px 30px rgba(33,61,101,.06)}
.nx7-vip-hero{background:radial-gradient(480px 200px at 0 0,rgba(109,74,255,.10),transparent 70%),radial-gradient(420px 180px at 100% 0,rgba(31,198,232,.10),transparent 70%),#fff}.nx7-vip-kicker,.nx7-kicker{font-size:9px;font-weight:950;letter-spacing:1.5px;color:#6d5de5}.nx7-vip-title-row{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.nx7-vip-title-row h3{margin:5px 0;color:var(--nx7-ink);font-size:28px}.nx7-vip-title-row p{margin:0;color:var(--nx7-muted);font-size:11px}.nx7-live-pill{padding:6px 9px;border-radius:999px;background:#eef9f4;color:#19825d;font-size:9px;font-weight:900;white-space:nowrap}
.nx7-vip-hero-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px}.nx7-vip-hero-grid>div{padding:13px;border:1px solid #e4ecf5;border-radius:15px;background:#f8fbff}.nx7-big{display:block;font-size:24px;color:var(--nx7-ink);margin:4px 0}.nx7-muted{display:block;color:#71839b;font-size:9px;line-height:1.5}.nx7-section-head h4{margin:5px 0;color:var(--nx7-ink);font-size:18px}.nx7-benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.nx7-benefit-grid article{display:flex;flex-direction:column;gap:5px;padding:13px;border-radius:15px;background:#f8fbff;border:1px solid #e3ebf4}.nx7-benefit-grid article b{color:var(--nx7-ink);font-size:11px}.nx7-benefit-grid article span{color:#6e8299;font-size:9px;line-height:1.55;flex:1}.nx7-soft-btn{align-self:flex-start;margin-top:4px;border:1px solid #ccd8ea;background:#fff;color:#385574;border-radius:9px;padding:7px 9px;font-size:9px;font-weight:900}.nx7-wa,.nx7-primary{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;margin-top:4px;border-radius:9px;padding:8px 10px;font-size:9px;font-weight:900}.nx7-wa,.nx7-primary{background:linear-gradient(135deg,var(--nx7-purple),var(--nx7-cyan));color:#fff;border:0}.nx7-config-note{color:#889bb2;font-size:8px}.nx7-vip-footer-card{display:flex;justify-content:space-between;gap:10px;align-items:center;background:linear-gradient(135deg,#f4f0ff,#effbff)}.nx7-vip-footer-card strong{display:block;color:var(--nx7-ink);font-size:12px}.nx7-vip-footer-card span{display:block;color:#6d8199;font-size:9px;margin-top:3px}
@media(max-width:820px){.nx7-vip-hero-grid,.nx7-benefit-grid{grid-template-columns:1fr 1fr}.nx7-vip-footer-card{align-items:stretch;flex-direction:column}}@media(max-width:560px){.nx7-vip-hero-grid,.nx7-benefit-grid{grid-template-columns:1fr}.nx7-vip-title-row{flex-direction:column}.nx7-vip-title-row h3{font-size:23px}}

/* Panel de ventas: tarjetas accionables, contraste y botones nuevos. */
#distributorPanelBg .distributor-modal{background:linear-gradient(180deg,#f8fbff,#edf4fb)!important;color:var(--nx7-ink)!important;border-color:#d7e4f0!important}
.nx7-sale{padding:13px;border-radius:15px;background:#fff;border:1px solid var(--nx7-line);box-shadow:0 8px 22px rgba(33,61,101,.05);margin-bottom:9px}.nx7-sale-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.nx7-sale-top strong{display:block;color:var(--nx7-ink);font-size:12px}.nx7-sale-top span{display:block;color:#74889f;font-size:9px;margin-top:3px;overflow-wrap:anywhere}.nx7-sale-status{padding:5px 8px;border-radius:999px;background:#fff7e3;color:#9a7111;font-size:8px;font-weight:900;white-space:nowrap}.nx7-sale-status.ok{background:#eef9f4;color:#19825d}.nx7-sale-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}.nx7-sale-metrics>div{padding:8px;border-radius:10px;background:#f8fbff;border:1px solid #e5edf5}.nx7-sale-metrics span{display:block;color:#8192a7;font-size:8px}.nx7-sale-metrics b{display:block;color:var(--nx7-ink);font-size:11px;margin-top:3px;overflow-wrap:anywhere}.nx7-sale-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.nx7-sale-btn{border:1px solid #cedbea;background:#fff;color:#29415f;border-radius:9px;padding:8px 10px;font-size:9px;font-weight:900}.nx7-sale-btn.primary{border:0;background:linear-gradient(135deg,var(--nx7-purple),var(--nx7-cyan));color:#fff}
@media(max-width:620px){.nx7-sale-metrics{grid-template-columns:1fr 1fr}.nx7-sale-metrics>div:last-child{grid-column:1/-1}}

/* Modal de detalle de venta. */
.nx7-overlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:16px;background:rgba(11,21,35,.48);backdrop-filter:blur(10px);z-index:700}.nx7-overlay.open{display:flex}.nx7-sale-modal{width:min(720px,96vw);max-height:90vh;overflow:auto;background:#fff;border:1px solid var(--nx7-line);border-radius:24px;box-shadow:0 30px 90px rgba(20,47,82,.26);padding:18px}.nx7-sale-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:12px}.nx7-sale-head h3{margin:5px 0;color:var(--nx7-ink);font-size:20px}.nx7-close{border:1px solid var(--nx7-line);background:#eef3f9;color:var(--nx7-ink);border-radius:10px;width:34px;height:34px;font-size:20px}.nx7-sale-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.nx7-sale-box,.nx7-account-box{padding:12px;border:1px solid #e1eaf4;border-radius:13px;background:#f8fbff}.nx7-sale-box span{display:block;color:#8192a7;font-size:8px;text-transform:uppercase}.nx7-sale-box b{display:block;color:var(--nx7-ink);font-size:13px;margin-top:4px}.nx7-sale-box small{display:block;color:#71839b;font-size:9px;margin-top:3px;overflow-wrap:anywhere}.nx7-account-box{margin-top:10px}.nx7-account-row{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #e3ebf4;font-size:10px}.nx7-account-row:last-child{border-bottom:0}.nx7-account-row span{color:#7689a0}.nx7-account-row b{color:var(--nx7-ink);overflow-wrap:anywhere;text-align:right}.nx7-pending{margin-top:10px;padding:12px;border-radius:12px;background:#fff8e8;color:#8a6b1c;border:1px solid #f0ddb0;font-size:10px}@media(max-width:560px){.nx7-sale-grid{grid-template-columns:1fr}}

/* Inventario y catálogo: el CSS legacy ahora apunta correctamente a ../images. Fallback si no existe asset. */
.inventory-thumb{position:relative!important;display:grid!important;place-items:center!important;overflow:hidden!important;background-color:#eef4fb!important;border-radius:11px!important}
.nx7-logo-fallback{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:linear-gradient(145deg,#eef0ff,#e6fbff);color:#4a55c9;font-size:9px;font-weight:950;letter-spacing:.2px;box-shadow:0 7px 17px rgba(55,79,124,.12);z-index:1}
.inventory-thumb[style*="url"] .nx7-logo-fallback{display:none}
.admin-customer-data{margin-top:10px;padding:10px 11px;border-radius:12px;background:#f4f8fd;border:1px solid #dbe6f2;color:#29415f;font-size:9px;line-height:1.55}.admin-customer-data>b,.admin-customer-data span{display:block}.admin-customer-data b{color:#17304f}


/* ===== NEXOPLAY V8 — correcciones puntuales solicitadas ===== */

/* 1) Perfil: solo el modal de perfil cambia de proporción en PC.
      No se modifica el tamaño del catálogo, carrito, compras u otros paneles. */
#authBg[data-nx8-profile="1"]{align-items:center!important;padding:18px!important}
#authBg[data-nx8-profile="1"] .auth-modal{width:min(880px,92vw)!important;max-width:880px!important;height:auto!important;max-height:74vh!important;border-radius:24px!important;overflow:hidden!important}
#authBg[data-nx8-profile="1"] .auth-body{padding:14px 18px!important;overflow:auto!important}
#authBg[data-nx8-profile="1"] #profileView{max-height:none!important;overflow:visible!important}
#authBg[data-nx8-profile="1"] .nx5-profile-hero{padding:14px 16px!important;border-radius:20px!important}
#authBg[data-nx8-profile="1"] .nx5-profile-orb{width:62px!important;height:62px!important;border-radius:18px!important;font-size:29px!important}
#authBg[data-nx8-profile="1"] .nx5-profile-main h3{font-size:22px!important}
#authBg[data-nx8-profile="1"] .nx5-profile-pills{margin-top:7px!important}
#authBg[data-nx8-profile="1"] .nx5-profile-grid{gap:8px!important;margin-top:9px!important}
#authBg[data-nx8-profile="1"] .nx5-stat{padding:10px!important;border-radius:15px!important}
#authBg[data-nx8-profile="1"] .nx5-stat b{font-size:18px!important;margin:3px 0!important}
#authBg[data-nx8-profile="1"] .nx5-profile-actions{gap:6px!important;margin-top:8px!important}
#authBg[data-nx8-profile="1"] .nx5-action{padding:7px 9px!important;font-size:10px!important}
#authBg[data-nx8-profile="1"] .nx5-profile-panels{gap:8px!important;margin-top:8px!important}
#authBg[data-nx8-profile="1"] .nx5-info-card{padding:12px!important;border-radius:15px!important}
#authBg[data-nx8-profile="1"] .nx5-account-line{margin-top:8px!important;padding:9px 11px!important}
#authBg[data-nx8-profile="1"] .nx5-profile-footer{gap:6px!important;margin-top:8px!important}
#authBg[data-nx8-profile="1"] .nx5-profile-footer .nx5-action{padding:7px 9px!important}
@media(max-width:720px){
  #authBg[data-nx8-profile="1"]{padding:10px!important}
  #authBg[data-nx8-profile="1"] .auth-modal{width:min(96vw,560px)!important;max-height:92vh!important}
  #authBg[data-nx8-profile="1"] .auth-body{padding:12px!important}
  #authBg[data-nx8-profile="1"] .nx5-profile-hero{padding:14px!important}
  #authBg[data-nx8-profile="1"] .nx5-profile-grid{grid-template-columns:repeat(2,1fr)!important}
}

/* 2) Mis Compras: fondo claro y alto contraste, sin cambiar dimensiones globales. */
#purchasesModalBg .purchase-page{background:linear-gradient(180deg,#fbfdff,#eef5fb)!important;color:#17304f!important;border:1px solid #dbe6f2!important}
#purchasesModalBg .purchase-hero{background:linear-gradient(90deg,#f7f2ff,#eefaff)!important;border-bottom:1px solid #d7e3ef!important}
#purchasesModalBg .purchase-hero h2{color:#17304f!important}
#purchasesModalBg .purchase-grid{background:transparent!important}
#purchasesModalBg .purchase-card{background:linear-gradient(145deg,#ffffff,#f6faff)!important;border:1px solid #d8e4f0!important;color:#17304f!important;box-shadow:0 12px 32px rgba(33,61,101,.10)!important}
#purchasesModalBg .purchase-card .pc-title{color:#244d9c!important}
#purchasesModalBg .purchase-card .pc-meta{color:#6e8299!important}
#purchasesModalBg .purchase-card .pc-meta b{color:#17304f!important}
#purchasesModalBg .purchase-card .pc-row{background:#f8fbff!important;border:1px solid #dce7f2!important}
#purchasesModalBg .purchase-card .pc-row span:first-child{color:#6c819a!important}
#purchasesModalBg .purchase-card .pc-row span:last-child,#purchasesModalBg .purchase-card .pc-value{color:#17304f!important}
#purchasesModalBg .purchase-card .purchase-summary-item{background:#fff!important;border-color:#dce7f2!important}
#purchasesModalBg .purchase-card .purchase-summary-item span{color:#6c819a!important}
#purchasesModalBg .purchase-card .purchase-summary-item b{color:#17304f!important}
#purchasesModalBg .purchase-card .purchase-life{background:#fff!important;border-color:#dce7f2!important}
#purchasesModalBg .purchase-card .purchase-life span{color:#6c819a!important}
#purchasesModalBg .purchase-card .purchase-life b{color:#17304f!important}
#purchasesModalBg .purchase-card .purchase-status{background:#edf8f2!important;color:#177b58!important;border-color:#c9e9d9!important}
#purchasesModalBg .purchase-card .purchase-status.pending{background:#fff7e6!important;color:#8e6814!important;border-color:#eed8a3!important}
#purchasesModalBg .purchase-card .order-view-btn{background:#eef3ff!important;color:#294b9a!important;border-color:#cddaf0!important}

/* 3) Mis pedidos en la página: sustituye las barras negras por tarjetas claras con acentos. */
.order-history .order-card{background:linear-gradient(135deg,#ffffff,#f4f9ff)!important;border:1px solid #d9e5f1!important;color:#17304f!important;box-shadow:0 10px 28px rgba(33,61,101,.08)!important}
.order-history .order-card strong{color:#244d9c!important}
.order-history .order-card p{color:#6c819a!important}

/* 4) Fallback de catálogo/inventario para productos base p1..p27: usa los mismos assets del catálogo. */
.inventory-thumb.p1{background-image:url('../images/netflix.jpg')!important;background-size:cover!important;background-position:center!important}
.inventory-thumb.p2{background-image:url('../images/disney.jpg')!important;background-size:cover!important;background-position:center!important}
.inventory-thumb.p3{background-image:url('../images/hbomax.jpg')!important;background-size:cover!important;background-position:center!important}
.inventory-thumb.p4{background-image:url('../images/paramount.jpg')!important;background-size:cover!important;background-position:center!important}
.inventory-thumb.p5{background-image:url('../images/primevideo.jpg')!important;background-size:cover!important;background-position:center!important}
.inventory-thumb.p6{background-image:url('../images/youtubepremium.jpg')!important;background-size:cover!important;background-position:center!important}
.inventory-thumb.p7{background-image:url('../images/crunchyroll.jpg')!important;background-size:cover!important;background-position:center!important}
.inventory-thumb.p8{background-image:url('../images/canva.jpg')!important;background-size:cover!important;background-position:center!important}
.inventory-thumb.p9{background-image:url('../images/vix.jpg')!important;background-size:cover!important;background-position:center!important}
.inventory-thumb.p10{background-image:url('../images/spotify.jpg')!important;background-size:cover!important;background-position:center!important}
.inventory-thumb.p11{background-image:url('../images/freefire.jpg')!important;background-size:cover!important;background-position:center!important}
.inventory-thumb.p12{background-image:url('../images/roblox.jpg')!important;background-size:cover!important;background-position:center!important}
.inventory-thumb.p13{background-image:url('../images/steam.jpg')!important;background-size:cover!important;background-position:center!important}
.inventory-thumb.p14{background-image:url('../images/playstation.jpg')!important;background-size:cover!important;background-position:center!important}
.inventory-thumb.p15{background-image:url('../images/xbox.jpg')!important;background-size:cover!important;background-position:center!important}
.inventory-thumb.p16{background-image:url('../images/chatgpt.jpg')!important;background-size:cover!important;background-position:center!important}
.inventory-thumb.p17{background-image:url('../images/claude.jpg')!important;background-size:cover!important;background-position:center!important}
.inventory-thumb.p18{background-image:url('../images/gemini.jpg')!important;background-size:cover!important;background-position:center!important}
.inventory-thumb.p19{background-image:url('../images/youtubemusic.jpg')!important;background-size:cover!important;background-position:center!important}
.inventory-thumb.p20{background-image:url('../images/applemusic.jpg')!important;background-size:cover!important;background-position:center!important}
.inventory-thumb.p21{background-image:url('../images/googleone.jpg')!important;background-size:cover!important;background-position:center!important}
.inventory-thumb.p22{background-image:url('../images/capcut.jpg')!important;background-size:cover!important;background-position:center!important}
.inventory-thumb.p23{background-image:url('../images/adobe.jpg')!important;background-size:cover!important;background-position:center!important}
.inventory-thumb.p24{background-image:url('../images/coursera.jpg')!important;background-size:cover!important;background-position:center!important}
.inventory-thumb.p25{background-image:url('../images/microsoft365.jpg')!important;background-size:cover!important;background-position:center!important}
.inventory-thumb.p26{background-image:url('../images/vpn.jpg')!important;background-size:cover!important;background-position:center!important}
.inventory-thumb.p27{background-image:url('../images/cloud.jpg')!important;background-size:cover!important;background-position:center!important}

/* 5) Centro VIP: ocultación de emergencia del bloque antiguo con código. La V8 genera su propio contenido. */
#nexoVipBg .nx-vip-hero .nx-vip-code{display:none!important}

/* 6) Contraste del encabezado de Centro VIP / Referidos. */
#nexoVipBg .nx-vip-head,#nx6ReferralManagerBg .nx6-ref-head{color:#17304f!important}
#nexoVipBg .nx-vip-head .eyebrow,#nx6ReferralManagerBg .nx6-ref-head .eyebrow{color:#6d5de5!important}
#nexoVipBg .nx-vip-head h2,#nx6ReferralManagerBg .nx6-ref-head h3{color:#17304f!important}


/* ===== NEXOPLAY V10 — últimos ajustes de Mis Compras + soporte ===== */
#purchasesModalBg .purchase-card .pc-copy{
  background:linear-gradient(135deg,#5d55f5,#27b8e7)!important;
  color:#fff!important;
  border:1px solid rgba(93,85,245,.25)!important;
  box-shadow:0 7px 16px rgba(57,77,160,.16)!important;
  border-radius:8px!important;
  padding:6px 9px!important;
  font-size:9px!important;
  font-weight:900!important;
}
#purchasesModalBg .purchase-card .pc-copy:hover{filter:brightness(1.06);transform:translateY(-1px)}
#purchasesModalBg .purchase-card .customer-delivery.pending{
  background:linear-gradient(135deg,#f7fbff,#eef6ff)!important;
  border:1px solid #bfd9f2!important;
  color:#244b73!important;
  box-shadow:0 8px 20px rgba(33,86,146,.08)!important;
}
#purchasesModalBg .purchase-card .customer-delivery.pending p{color:#42617e!important;font-weight:750!important}
#purchasesModalBg .purchase-card .purchase-help{
  background:linear-gradient(135deg,#5d55f5,#27b8e7)!important;
  color:#fff!important;
}