/* OmniVenta V63.28.04 STABLE R164
 * Mobile receipt view: use the full viewport width on screen while preserving
 * comfortable inner padding. Printing remains controlled by the existing
 * receipt print styles and is intentionally untouched here.
 */
@media screen and (max-width: 767px) {
  body.ov-module-sales #receipt_wrapper,
  body.ov-module-receivings #receipt_wrapper {
    box-sizing: border-box !important;
    float: none !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-top: 6px !important;
    margin-bottom: 14px !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow-x: visible !important;
  }

  body.ov-module-sales #receipt_wrapper_inner,
  body.ov-module-receivings #receipt_wrapper_inner,
  body.ov-module-sales #receipt_wrapper > .col-md-12,
  body.ov-module-receivings #receipt_wrapper > .col-md-12 {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.ov-module-sales #receipt_wrapper .panel.panel-piluku,
  body.ov-module-receivings #receipt_wrapper .panel.panel-piluku {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-radius: 0 !important;
  }

  /* The document itself reaches the screen edges; its content keeps a small
     safe gutter so text, totals and table columns do not touch the glass edge. */
  body.ov-module-sales #receipt_wrapper .panel-body.panel-pad,
  body.ov-module-receivings #receipt_wrapper .panel-body.panel-pad {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  body.ov-module-sales #receipt_wrapper img,
  body.ov-module-receivings #receipt_wrapper img,
  body.ov-module-sales #receipt_wrapper table,
  body.ov-module-receivings #receipt_wrapper table {
    max-width: 100% !important;
  }
}