/* Estado escáner activo */
body.barcode-scanner-active {
  background: transparent !important;
  --bs-body-bg: transparent;
  overflow: hidden;
}

/* Ocultá todo lo que no debe estar encima */
body.barcode-scanner-active #app-root,
body.barcode-scanner-active .modal,
body.barcode-scanner-active .modal-backdrop,
body.barcode-scanner-active .offcanvas,
body.barcode-scanner-active .dropdown-menu {
  visibility: hidden !important;
  pointer-events: none !important;
}

body.barcode-scanner-active pad-header,
body.barcode-scanner-active pad-actions,
body.barcode-scanner-active pad-products,
body.barcode-scanner-active pad-ingredients,
body.barcode-scanner-active pad-recipes,
body.barcode-scanner-active pad-combos,
body.barcode-scanner-active pad-new-sale,
body.barcode-scanner-active pad-add-to-cart-offcanvas,
body.barcode-scanner-active pad-footer {
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Overlay del escáner */
.barcode-scanner-modal {
  visibility: hidden;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 99999;
}

body.barcode-scanner-active .barcode-scanner-modal {
  visibility: visible;
}