/* NexoPlay V39.3 - ajuste visual puntual del editor de productos y del inventario automatico.
   No modifica logica, RPC, Wallet, compras, navegacion ni entregas. */

/* Mis productos: editor y tarjetas pasan a ser secciones independientes de ancho completo. */
.nx39p3-products-layout{
  grid-template-columns:minmax(0,1fr)!important;
  gap:24px!important;
  width:100%;
}
.nx20-provider-shell:has(.nx39p3-products-layout){
  width:min(1480px,98vw);
  height:min(940px,94vh);
}
.nx20-provider-body:has(.nx39p3-products-layout){padding:22px 24px 28px}
.nx39p3-product-editor,.nx39p3-product-cards{
  width:100%;
  box-sizing:border-box;
  padding:24px!important;
  border-radius:22px!important;
}
.nx39p3-product-editor>h4,.nx39p3-product-cards>h4{
  margin:0 0 6px!important;
  font-size:20px!important;
  line-height:1.2!important;
  letter-spacing:-.01em;
}
.nx39p3-product-editor>p,.nx39p3-product-cards>p{
  margin:0 0 20px!important;
  font-size:12px!important;
  line-height:1.5!important;
  opacity:.76!important;
}
.nx39p3-product-editor .nx20-field{gap:7px;margin-bottom:15px}
.nx39p3-product-editor .nx20-field label{
  font-size:10px!important;
  line-height:1.2;
  letter-spacing:.055em;
  opacity:.78;
}
.nx39p3-product-editor .nx20-field input,
.nx39p3-product-editor .nx20-field textarea,
.nx39p3-product-editor .nx20-field select{
  min-height:44px;
  border-radius:12px;
  padding:11px 13px!important;
  font-size:12px!important;
  line-height:1.35;
}
.nx39p3-product-editor .nx20-field textarea{min-height:108px}
.nx39p3-product-editor .nx20-field small{font-size:9.5px!important;line-height:1.45;opacity:.68}
.nx39p3-product-editor .nx20-actions{gap:10px;margin-top:4px}
.nx39p3-product-editor .nx20-btn,.nx39p3-product-cards .nx20-btn{
  min-height:40px;
  padding:10px 15px!important;
  font-size:10.5px!important;
  line-height:1.2;
}
.nx39p3-product-editor .nx20-plan-editor{gap:12px;margin-bottom:14px}
.nx39p3-product-editor .nx20-plan-row{padding:12px!important;border-radius:14px!important}
.nx39p3-product-editor .nx20-plan-row>.nx20-plan-main{gap:9px}
.nx39p3-product-editor .nx20-plan-row input,
.nx39p3-product-editor .nx20-plan-row>.nx20-pdesc{font-size:11px!important;padding:10px 11px!important}

/* Mis tarjetas aprovecha todo el ancho y deja de sentirse como una columna secundaria. */
.nx39p3-product-cards .nx20-provider-list{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(290px,1fr));
  gap:14px!important;
}
.nx39p3-product-cards .nx20-provider-item{
  min-height:118px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:16px!important;
  border-radius:16px!important;
}
.nx39p3-product-cards .nx20-provider-item strong{font-size:14px!important;line-height:1.3}
.nx39p3-product-cards .nx20-provider-item small{font-size:9.5px!important;line-height:1.45;margin-top:5px!important}
.nx39p3-product-cards .nx20-provider-item .nx20-actions{margin-top:13px!important}

/* Boton de configuracion de Cuenta Madre: centrado, legible y sin texto recortado. */
.nx39p1-auto-summary{
  grid-template-columns:minmax(105px,145px) minmax(105px,145px) minmax(240px,1fr)!important;
  gap:12px!important;
  align-items:stretch!important;
}
.nx39p1-auto-summary>div{min-height:48px;justify-content:center;padding:9px 12px!important}
.nx39p1-auto-summary>div b{font-size:14px!important}
.nx39p1-auto-summary>div span{font-size:8.5px!important;line-height:1.25}
.nx39p1-auto-summary .nx39p1-open-inventory{
  justify-self:center!important;
  align-self:center!important;
  width:min(340px,100%)!important;
  min-width:240px;
  min-height:46px;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  white-space:normal!important;
  overflow:visible!important;
  line-height:1.25!important;
  padding:11px 18px!important;
  font-size:10.5px!important;
  color:#fff!important;
}

/* Inventario automatico: modal tipo pagina completa en escritorio. */
.nx39p1-overlay{padding:2vh 1.5vw!important}
.nx39p1-modal{
  width:min(1540px,97vw)!important;
  height:min(940px,96vh)!important;
  max-height:96vh!important;
  border-radius:24px!important;
}
.nx39p1-modal-head{padding:22px 26px!important}
.nx39p1-modal-head span{font-size:8.5px!important}
.nx39p1-modal-head h3{font-size:24px!important;line-height:1.2;margin:5px 0 6px!important}
.nx39p1-modal-head p{font-size:11px!important;line-height:1.5}
.nx39p1-modal-head button{width:42px!important;height:42px!important;border-radius:12px!important}
.nx39p1-security{
  margin:16px 26px 0!important;
  padding:12px 14px!important;
  border-radius:13px!important;
  font-size:10.5px!important;
  line-height:1.55!important;
}
.nx39p1-modal-body{padding:18px 26px 24px!important}
.nx39p1-modal-foot{padding:16px 26px!important;gap:10px!important}
.nx39p1-modal-foot .nx20-btn{min-height:42px;padding:10px 18px!important;font-size:10.5px!important}
#nx39p1Accounts{gap:16px!important;margin-bottom:16px!important}
.nx39p1-account{padding:20px!important;border-radius:18px!important}
.nx39p1-account-head b,.nx39p1-profiles-head b{font-size:13px!important}
.nx39p1-account-head small,.nx39p1-profiles-head small{font-size:9.5px!important;line-height:1.4}
.nx39p1-remove-account{padding:9px 12px!important;font-size:9px!important;border-radius:10px!important}
.nx39p1-account-fields{gap:12px!important;margin:16px 0!important}
.nx39p1-account-fields span,.nx39p1-profile span{font-size:8.5px!important}
.nx39p1-account-fields input,.nx39p1-profile input{
  min-height:42px;
  padding:10px 11px!important;
  border-radius:11px!important;
  font-size:11px!important;
}
.nx39p1-profile-list{gap:10px!important;margin-top:12px!important}
.nx39p1-profile{gap:10px!important;padding:11px!important;border-radius:12px!important}
.nx39p1-profile-status{font-size:8.5px!important;padding:6px 9px!important}
.nx39p1-remove-profile{width:38px!important;height:38px!important;border-radius:10px!important}
.nx39p1-empty{font-size:10px!important;padding:18px!important}

/* Contraste explicito en modo claro/oscuro. */
body[data-nx-theme="light"] .nx39p3-product-editor,
body[data-nx-theme="light"] .nx39p3-product-cards,
body[data-nx-theme="light"] .nx39p1-account{background:rgba(255,255,255,.82)!important;color:#17233a!important}
body[data-nx-theme="light"] .nx39p1-delivery-box{background:rgba(99,102,241,.045)!important;color:#17233a!important}
body[data-nx-theme="light"] .nx39p1-mode-grid label{background:#fff!important;color:#17233a!important}
body[data-nx-theme="light"] .nx39p1-mode-grid label.selected{background:rgba(99,102,241,.08)!important}
body[data-nx-theme="light"] .nx39p1-auto-summary>div{background:rgba(224,231,255,.55)!important;color:#17233a!important}
body[data-nx-theme="light"] .nx39p1-account-fields input,
body[data-nx-theme="light"] .nx39p1-profile input{background:#fff!important;color:#17233a!important}
body[data-nx-theme="dark"] .nx39p3-product-editor,
body[data-nx-theme="dark"] .nx39p3-product-cards,
body[data-nx-theme="dark"] .nx39p1-account{background:rgba(15,27,48,.9)!important;color:#edf4ff!important}
body[data-nx-theme="dark"] .nx39p1-delivery-box{background:rgba(99,102,241,.075)!important;color:#edf4ff!important}
body[data-nx-theme="dark"] .nx39p1-mode-grid label{background:rgba(19,34,58,.8)!important;color:#edf4ff!important}
body[data-nx-theme="dark"] .nx39p1-mode-grid label.selected{background:rgba(99,102,241,.14)!important}
body[data-nx-theme="dark"] .nx39p1-auto-summary>div{background:rgba(43,58,85,.72)!important;color:#edf4ff!important}
body[data-nx-theme="dark"] .nx39p1-account-fields input,
body[data-nx-theme="dark"] .nx39p1-profile input{background:rgba(8,18,34,.72)!important;color:#edf4ff!important}

@media(max-width:980px){
  .nx39p3-products-layout{gap:16px!important}
  .nx39p3-product-editor,.nx39p3-product-cards{padding:18px!important}
  .nx39p3-product-cards .nx20-provider-list{grid-template-columns:1fr}
  .nx39p1-auto-summary{grid-template-columns:1fr 1fr!important}
  .nx39p1-auto-summary .nx39p1-open-inventory{grid-column:1/-1;width:100%!important;min-width:0}
  .nx39p1-account-fields{grid-template-columns:1fr 1fr!important}
  .nx39p1-account-fields label:first-child{grid-column:1/-1}
}
@media(max-width:760px){
  .nx20-provider-body:has(.nx39p3-products-layout){padding:12px!important}
  .nx39p3-product-editor,.nx39p3-product-cards{padding:15px!important;border-radius:16px!important}
  .nx39p3-product-editor>h4,.nx39p3-product-cards>h4{font-size:17px!important}
  .nx39p3-product-editor>p,.nx39p3-product-cards>p{font-size:10.5px!important;margin-bottom:15px!important}
  .nx39p3-product-editor .nx20-field input,.nx39p3-product-editor .nx20-field textarea,.nx39p3-product-editor .nx20-field select{font-size:11px!important}
  .nx39p1-overlay{padding:0!important}
  .nx39p1-modal{width:100vw!important;height:100dvh!important;max-height:none!important;border-radius:0!important}
  .nx39p1-modal-head{padding:16px!important}
  .nx39p1-modal-head h3{font-size:20px!important}
  .nx39p1-security{margin:10px 14px 0!important;font-size:9.5px!important}
  .nx39p1-modal-body{padding:12px 14px 18px!important}
  .nx39p1-modal-foot{padding:12px 14px!important}
  .nx39p1-account{padding:14px!important}
  .nx39p1-account-fields{grid-template-columns:1fr!important}
  .nx39p1-account-fields label:first-child{grid-column:auto}
  .nx39p1-profile{grid-template-columns:1fr!important;align-items:stretch!important}
  .nx39p1-profile-status,.nx39p1-remove-profile{justify-self:start!important}
}