.print-only {
  display: none;
}

@media print {
  body {
    background: #fff !important;
    color: #000 !important;
    min-height: auto !important;
  }

  body.print-only-active main,
  body.print-only-active main * {
    visibility: hidden !important;
  }

  body.print-only-active main .print-only,
  body.print-only-active main .print-only * {
    visibility: visible !important;
  }

  body.print-only-active main .print-only {
    display: block !important;
    width: 100%;
    padding: 12px 16px;
  }


  nav,
  .navbar,
  .btn,
  button,
  .no-print {
    display: none !important;
  }
  .af-frame, .af-card { border: none !important; box-shadow: none !important; background: #fff !important; margin: 0 !important; }

  @page { margin: 8mm; }

  .print-title { text-align: center; font-weight: 700; margin: 0 0 4px 0; font-size: 12px; }
  .print-note  { text-align: center; font-weight: 700; margin: 0 0 10px 0; font-size: 12px; }

  .print-table { width: 100%; border-collapse: separate; border-spacing: 0; font-size: 12px; }
  .print-table thead th { border-top: 1px solid #bdbdbd; }
  .print-table thead th,
  .print-table tbody td { border-bottom: 1px solid #bdbdbd; padding: 8px 10px; font-weight: 700; }
  .print-table thead th:first-child,
  .print-table tbody td:first-child { border-left: 1px solid #bdbdbd; }
  .print-table thead th:last-child,
  .print-table tbody td:last-child { border-right: 1px solid #bdbdbd; }
  .print-table thead th + th,
  .print-table tbody td + td { border-left: 1px solid #e0e0e0; }
  .print-order-page {
    display: block !important;
    width: 100% !important;
    overflow: visible !important;
    break-inside: avoid;
    page-break-inside: avoid;
    break-after: page;
    page-break-after: always;
  }
  .print-order-page:last-child {
    break-after: auto;
    page-break-after: auto;
  }
  .text-right { text-align: right !important; }
}