/* css/print.css */

/* Plantilla del Ticket (Oculto en pantalla) */
#receiptTemplate {
    display: none;
}

@media print {
    /* 1. Ocultar todo el dashboard */
    body * {
        visibility: hidden;
    }
    
    /* 2. Reseteos para la impresora térmica */
    body, html {
        margin: 0;
        padding: 0;
        background-color: white;
    }

    /* 3. Hacer visible SOLO el recibo y ubicarlo arriba a la izquierda */
    #receiptTemplate, #receiptTemplate * {
        visibility: visible;
    }
    
    #receiptTemplate {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 78mm; /* Ancho estándar de impresora térmica */
        font-family: 'Courier New', Courier, monospace; /* Fuente de ticket clásico */
        font-size: 12px;
        color: #000;
        padding: 5mm;
    }

    /* Estilos internos del ticket */
    .receipt-header { text-align: center; margin-bottom: 15px; }
    .receipt-title { font-size: 16px; font-weight: bold; margin-bottom: 5px; }
    .receipt-divider { border-top: 1px dashed #000; margin: 10px 0; }
    .receipt-table { width: 100%; text-align: left; }
    .receipt-table th, .receipt-table td { padding: 3px 0; }
    .receipt-right { text-align: right; }
    .receipt-total { font-size: 14px; font-weight: bold; text-align: right; margin-top: 10px; }
}