/* NexoPlay V17 final hardening: targeted visual + layering fixes. */

/* Mis compras: never use dark/black action surfaces on the light purchase cards. */
#purchasesModalBg .purchase-card .order-view-btn,
#purchasesModalBg .purchase-card .pc-copy,
#purchasesModalBg .purchase-card .copy-small {
  background:linear-gradient(135deg,#eef3ff,#eafaff)!important;
  color:#214b9b!important;
  border:1px solid #cbdcf2!important;
  box-shadow:0 6px 16px rgba(40,86,145,.08)!important;
}
#purchasesModalBg .purchase-card .order-view-btn:hover,
#purchasesModalBg .purchase-card .pc-copy:hover,
#purchasesModalBg .purchase-card .copy-small:hover {
  background:linear-gradient(135deg,#e8edff,#e5fbff)!important;
  color:#183d85!important;
}
#purchasesModalBg .purchase-card .customer-delivery {
  background:linear-gradient(135deg,#f6faff,#f0fbff)!important;
  color:#17304f!important;
  border:1px solid #d2e1ef!important;
}
#purchasesModalBg .purchase-card .customer-delivery.pending {
  background:linear-gradient(135deg,#f8fbff,#f3f7ff)!important;
  border-color:#cedced!important;
}
#purchasesModalBg .purchase-card .customer-delivery.pending p,
#purchasesModalBg .purchase-card .customer-delivery p { color:#506985!important; }

/* Profile: compact width, preserve the original scale and keep logout visible without F11. */
#authBg[data-nx7-mode="profile"] .auth-modal {
  width:min(980px,94vw)!important;
  max-height:91vh!important;
  overflow:hidden!important;
}
#authBg[data-nx7-mode="profile"] .auth-body { padding:12px 16px 12px!important; }
#authBg[data-nx7-mode="profile"] #profileView {
  max-height:calc(91vh - 72px)!important;
  overflow:auto!important;
  padding-bottom:4px!important;
}
#authBg[data-nx7-mode="profile"] .profile-card { transform:none!important; }

/* Sales details: always above the full-screen sales panel. */
#adminSaleDetailsBg {
  z-index:12050!important;
}
#adminSaleDetailsBg .admin-sale-details-modal {
  position:relative!important;
  z-index:12051!important;
}

/* Final white/RGB details cards in the sales detail view. */
#adminSaleDetailsBg .sale-detail-section {
  background:linear-gradient(145deg,#ffffff,#f6faff)!important;
  border-color:#dbe6f2!important;
  color:#17304f!important;
}
#adminSaleDetailsBg .sale-detail-item {
  background:#f8fbff!important;
  border-color:#dce7f2!important;
  color:#17304f!important;
}

/* Nexo mascot is a real clickable figure, not a blue square. */
.nx-v13-mascot { z-index:13000!important; }

@media(max-width:720px){
  #authBg[data-nx7-mode="profile"] .auth-modal{width:min(96vw,640px)!important;max-height:92vh!important}
  #authBg[data-nx7-mode="profile"] #profileView{max-height:calc(92vh - 68px)!important}
}


/* V5: first-paint avatar and exclusive checkout method cards. */
.profile-avatar{overflow:hidden!important;display:grid!important;place-items:center!important}
.profile-avatar img{width:100%;height:100%;display:block;object-fit:cover;border-radius:inherit}
#walletCheckoutBox[hidden]{display:none!important}