/* gdm-invoice-mobile-print: keep invoice modal footer buttons reachable on phones + A4 full-page print */
@media screen and (max-width:640px){
  #invoiceModal{ z-index:70 !important; align-items:flex-start !important; padding:0 !important; }
  #invoiceModal .invoice-sheet{
    max-height:100vh !important; height:100vh !important;
    display:flex !important; flex-direction:column !important;
    border-radius:0 !important; max-width:100% !important;
  }
  #invoiceModal .invoice-sheet > .p-8,
  #invoiceModal .invoice-sheet > div:not(.inv-footer){
    flex:1 1 auto !important; overflow:auto !important; -webkit-overflow-scrolling:touch !important;
  }
  #invoiceModal .inv-footer{
    position:sticky !important; bottom:0 !important; flex:0 0 auto !important;
    z-index:5 !important; box-shadow:0 -2px 10px rgba(0,0,0,.2) !important;
    padding-bottom:calc(1rem + env(safe-area-inset-bottom)) !important;
    flex-wrap:wrap !important; gap:.5rem !important;
  }
  #invoiceModal .inv-footer button{ flex:1 1 auto !important; }
}
@media print{
  @page{ size:A4; margin:12mm; }
  html,body{ width:auto !important; height:auto !important; }
  #invoiceModal{ position:absolute !important; inset:0 !important; padding:0 !important; display:block !important; z-index:auto !important; }
  #invoiceModal .invoice-sheet{
    max-width:100% !important; width:100% !important; max-height:none !important; height:auto !important;
    border-radius:0 !important; box-shadow:none !important; display:block !important; overflow:visible !important;
  }
  #invoiceModal .invoice-sheet > .p-8{ overflow:visible !important; }
  #invoiceModal .inv-footer{ display:none !important; }
}