/**
 * ============================================================================
 * PROYECTO: StockCore POS & Inventory System
 * CLIENTE / PROPIETARIO: Cimas
 * PARTNER TECNOLÓGICO: AppStack SpA
 * AUTOR: Míchel Gatica
 * FECHA: Agosto 2026
 * VERSIÓN: 1.0.0 - Release de Producción
 * 
 * DESCRIPCIÓN: Estilos de la impresion de documentos
 * 
 * AVISO LEGAL: Este código es propiedad de Cimas. Su distribución, copia, 
 * alteración o uso no autorizado está estrictamente prohibido.
 * ============================================================================
 */

/* 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; }
}