/* PEKE360_SOCIAL_INTEGRAL_STABILITY_V32_21 */
#page-social-sales-v3{
  position:relative!important;
}

/* Canonical Admin V21 only. */
#page-social-sales-v3 #p360SocialAdminV16,
#page-social-sales-v3 #p360SocialAdminScreenV173,
#page-social-sales-v3 #p360SocialAdminPanelV15{
  display:none!important;
}
#page-social-sales-v3.p360-admin-isolated-v321 #p360SocialAdministrationV21:not([hidden]){
  display:grid!important;
  position:fixed!important;
  inset:0!important;
  z-index:2147483000!important;
  width:100vw!important;
  height:100vh!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  background:#f8fafc!important;
  overflow:hidden!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
#page-social-sales-v3.p360-admin-isolated-v321 .psocial-workspace{
  visibility:hidden!important;
  pointer-events:none!important;
}
#page-social-sales-v3.p360-admin-isolated-v321 #p360SocialAdministrationV21{
  visibility:visible!important;
  pointer-events:auto!important;
}
#page-social-sales-v3 #p360SocialAdministrationV21[hidden]{
  display:none!important;
}

/* Pedido/Factura: superficie propia, no encima de los campos del chat. */
#page-social-sales-v3 #pekeSocialCommercePanel{
  box-sizing:border-box!important;
}
#page-social-sales-v3.p360-commerce-isolated-v321 #pekeSocialCommercePanel{
  display:flex!important;
  flex-direction:column!important;
  position:fixed!important;
  inset:0!important;
  z-index:2147482500!important;
  width:100vw!important;
  height:100vh!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  background:#fff!important;
  overflow:hidden!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
#page-social-sales-v3.p360-commerce-isolated-v321 #pekeSocialCommerceBody{
  position:relative!important;
  flex:1 1 auto!important;
  min-height:0!important;
  width:100%!important;
  max-width:none!important;
  overflow:auto!important;
  background:#fff!important;
}
#page-social-sales-v3.p360-commerce-isolated-v321 #invoiceEditor,
#page-social-sales-v3.p360-commerce-isolated-v321 #orderEditor,
#page-social-sales-v3.p360-commerce-isolated-v321 #quoteEditor{
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  box-sizing:border-box!important;
  z-index:1!important;
}
#page-social-sales-v3.p360-commerce-isolated-v321 #pekeSocialCommerceBody > .invoice-modal-backdrop{
  position:fixed!important;
  inset:0!important;
  z-index:2147483300!important;
  width:100vw!important;
  height:100vh!important;
  padding:20px!important;
  align-items:center!important;
  justify-content:center!important;
  background:rgba(15,23,42,.55)!important;
}
#page-social-sales-v3.p360-commerce-isolated-v321 #pekeSocialCommerceBody > .invoice-modal-backdrop.show{
  display:flex!important;
}
body.p360-social-commerce-body-lock-v321{
  overflow:hidden!important;
}

/* Productos: siempre por encima de cualquier superficie comercial. */
#p360ProductModalBackdropV1838{
  position:fixed!important;
  inset:0!important;
  z-index:2147483600!important;
}

/* Eliminar transiciones de geometr?a que producen el efecto de "vibraci?n".
   No se deshabilitan spinners o estados de carga funcionales. */
#page-social-sales-v3 .psocial-workspace button,
#page-social-sales-v3 .psocial-workspace [role="button"],
#page-social-sales-v3 #p360SocialAdministrationV21 button,
#page-social-sales-v3 #pekeSocialCommercePanel button{
  transition:none!important;
}

@media(max-width:900px){
  #page-social-sales-v3.p360-admin-isolated-v321 #p360SocialAdministrationV21,
  #page-social-sales-v3.p360-commerce-isolated-v321 #pekeSocialCommercePanel{
    width:100vw!important;
    height:100dvh!important;
  }
  #page-social-sales-v3.p360-commerce-isolated-v321 #pekeSocialCommerceBody{
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }
}