/* print.css */
@media print {
    body * {
        visibility: hidden;
    }
    #printable - form, #printable - form * {
        visibility: visible;
    }
    #printable - form {
        position: absolute;
        left: 0;
        top: 0;
        width: 100 %;
    }
    .print - header {
        font - size: 24px;
        font - weight: bold;
        text - align: center;
        margin - bottom: 20px;
    }
    .print - footer {
        font - size: 12px;
        text - align: center;
        margin - top: 20px;
    }
    .print - table {
        width: 100 %;
        border - collapse: collapse;
    }
    .print - table th, .print - table td {
        border: 1px solid #000;
        padding: 8px;
        text - align: left;
    }

    .receipt-80mm {
        width: 80mm !important;
        min-width: 80mm !important;
        max-width: 80mm !important;
        margin: 0 auto !important;
        padding: 0 !important;
        box-sizing: border-box;
    }

    .receipt-80mm * {
        font-size: 10pt; /* Optional: adjust for receipt printers */
    }
}

/* Styles for different paper sizes */
@page {
    size: 80mm auto;
    margin: 10mm;
}

@media print and(min - width: 1200px) {
    .print - header {
        font - size: 28px;
    }
    .print - footer {
        font - size: 14px;
    }
    .print - table th, .print - table td {
        padding: 10px;
    }
}

@media print and(max - width: 1199px) {
    .print - header {
        font - size: 24px;
    }
    .print - footer {
        font - size: 12px;
    }
    .print - table th, .print - table td {
        padding: 8px;
    }
}

@media print and(max - width: 767px) {
    .print - header {
        font - size: 20px;
    }
    .print - footer {
        font - size: 10px;
    }
    .print - table th, .print - table td {
        padding: 6px;
    }
}