﻿@media print {
    :root {
        --roll-width: 80mm;
        /* Baja un poco el ancho útil para no cortar la derecha */
        --content-width: 69.2mm; /* si aún recorta, prueba 68.8mm */
        /* Padding asimétrico: muy poco a la izquierda */
        --pad-left: 0.3mm;
        --pad-right: 1.0mm;
        --pad-y: 0.8mm;
        /* Desplaza más a la izquierda (ajusta en pasos de 0.2mm) */
        --offset-left: 2.6mm; /* si queda margen izq. sube a 2.8mm */
    }

    @page {
        size: var(--roll-width) 1000mm;
        margin: 0;
    }

    html, body {
        width: var(--roll-width) !important;
        margin: 0 !important;
        padding: 0 !important;
        background: #fff !important;
        color: #000 !important;
        font-family: Verdana, Tahoma, Arial, sans-serif !important;
        font-size: 7.6pt !important;
        line-height: 1.25 !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
        text-rendering: geometricPrecision;
    }

    /* Centro base = (roll - contenido)/2, menos offset a la izquierda */
    #listado-tiquets-print {
        box-sizing: border-box !important;
        width: var(--content-width) !important;
        min-width: var(--content-width) !important;
        max-width: var(--content-width) !important;
        margin-top: -0.8mm !important;
        margin-left: calc((var(--roll-width) - var(--content-width)) / 2 - var(--offset-left)) !important;
        margin-right: calc((var(--roll-width) - var(--content-width)) / 2 + var(--offset-left)) !important;
        padding: var(--pad-y) var(--pad-right) var(--pad-y) var(--pad-left) !important;
        background: #fff !important;
        border: 0 !important;
        box-shadow: none !important;
        page-break-before: avoid !important;
        page-break-after: avoid !important;
        page-break-inside: avoid !important;
        break-before: avoid-page !important;
        break-after: avoid-page !important;
        break-inside: avoid-page !important;
    }

        #listado-tiquets-print .mud-divider {
            height: 0 !important;
            border: 0 !important;
            border-top: 0.2mm dashed #666 !important;
            margin: 1.2mm 0 !important;
        }

        #listado-tiquets-print table {
            width: 100% !important;
            table-layout: fixed !important;
            border-collapse: collapse !important;
        }

        #listado-tiquets-print th, #listado-tiquets-print td {
            padding: 0.6mm 0.8mm !important;
            font-size: 7.2pt !important;
            font-weight: 500 !important;
            color: #000 !important;
            border: 0 !important;
            vertical-align: top !important;
            overflow-wrap: anywhere !important;
            hyphens: auto !important;
        }

        #listado-tiquets-print thead th:nth-child(1),
        #listado-tiquets-print tbody td:nth-child(1) {
            width: 8.3mm !important;
            text-align: center !important;
        }

        #listado-tiquets-print thead th:nth-child(3),
        #listado-tiquets-print tbody td:nth-child(3) {
            width: 12.3mm !important;
            text-align: right !important;
        }

        #listado-tiquets-print thead th:nth-child(4),
        #listado-tiquets-print tbody td:nth-child(4) {
            width: 8.3mm !important;
            text-align: right !important;
        }

        #listado-tiquets-print thead th:nth-child(5),
        #listado-tiquets-print tbody td:nth-child(5) {
            width: 14.3mm !important;
            text-align: right !important;
        }

        #listado-tiquets-print .ticket-title {
            font-weight: 600 !important;
            font-size: 7.6pt !important;
        }

        #listado-tiquets-print .ticket-total, #listado-tiquets-print .font-bold {
            font-weight: 600 !important;
        }

        #listado-tiquets-print .flex.justify-end {
            font-size: 7.8pt !important;
        }
}
