/* Delivery Challan print: un-hide nested #challan-print-root / #challan-thermal-print-root.
   Modal CSS uses: body > *:not(#challan-print-root) { display: none } which hides #root
   and blanks both A4 and Thermal. This file is print-only and challan-scoped. */
@media print {
  body:has(#challan-print-root) > #root,
  body:has(#challan-thermal-print-root) > #root {
    display: block !important;
    height: auto !important;
    overflow: visible !important;
    position: static !important;
    background: #fff !important;
    visibility: visible !important;
  }

  body:has(#challan-print-root),
  body:has(#challan-thermal-print-root),
  body:has(#challan-print-root) html,
  body:has(#challan-thermal-print-root) html {
    height: auto !important;
    overflow: visible !important;
    background: #fff !important;
  }

  body:has(#challan-print-root) #root *,
  body:has(#challan-thermal-print-root) #root * {
    visibility: hidden !important;
    overflow: visible !important;
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  /* Specificity must beat `#root *` (1,0,1) */
  body:has(#challan-print-root) #challan-print-root,
  body:has(#challan-print-root) #challan-print-root *,
  body:has(#challan-thermal-print-root) #challan-thermal-print-root,
  body:has(#challan-thermal-print-root) #challan-thermal-print-root * {
    visibility: visible !important;
  }

  body:has(#challan-print-root) #challan-print-root,
  body:has(#challan-thermal-print-root) #challan-thermal-print-root {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    box-shadow: none !important;
    background: #fff !important;
  }

  body:has(#challan-print-root) .challan-no-print,
  body:has(#challan-thermal-print-root) .challan-no-print {
    display: none !important;
    visibility: hidden !important;
  }
}