/*
 * CSS in cho chứng từ (layout `document`). Không đặt ở app/assets/tailwind/ vì tailwindcss-rails 4.x
 * chỉ biên dịch đúng một file vào (application.css); file này là stylesheet Propshaft thuần, chỉ chứa
 * quy tắc cấu trúc (khổ giấy, ẩn thanh thao tác). Màu và khoảng cách viết bằng class token Tailwind trong view.
 */

/* Khổ giấy mặc định; ngang dùng "trang có tên" để cùng một CSS phục vụ cả Ctrl+P lẫn Chrome dựng PDF */
@page {
  size: A4 portrait;
  margin: 10mm;
}

@page landscape-sheet {
  size: A4 landscape;
  margin: 10mm;
}

.document-sheet[data-orientation="landscape"] {
  page: landscape-sheet;
}

@media print {
  .document-toolbar {
    display: none !important;
  }

  .document-page {
    padding: 0 !important;
  }

  .document-sheet {
    max-width: none !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  /* Không cắt đôi dòng bảng giữa hai trang */
  .document-sheet tr {
    break-inside: avoid;
  }
}