/* In 1 khối nội dung cụ thể (VD: "Đề nghị xuất kho thành phẩm") mà không in phần còn lại của
   trang - đặt ở stylesheet riêng, nạp thẳng trong index.html (không nhét vào app.css để tránh
   đụng file dùng chung với người khác đang sửa) và không phải *.razor.css (CSS isolation của
   Blazor sẽ gắn thêm scope attribute vào "body *" khiến hết tác dụng toàn cục).
   Cơ chế chính để ẩn phần còn lại của trang là JS window.printOnly (wwwroot/js/print-only.js);
   khối dưới đây chỉ là lớp phòng thủ thêm. */
@media print {
    html, body {
        height: auto !important;
        overflow: visible !important;
    }

    body * {
        visibility: hidden;
    }

    #phieu-in-content,
    #phieu-in-content * {
        visibility: visible;
    }

    #phieu-in-content {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }
}

/* Khổ giấy + lề khi in "Đề nghị xuất kho thành phẩm". */
@page {
    size: portrait;
    margin-top: 1in;
    margin-left: 0.5in;
    margin-right: 0.5in;
}