/*
 * ESTILOS DE IMPRESIÓN FORMAL - Estado de Cuenta
*/
@media print {

    /* --- 1. Configuración General de Página --- */
    @page {
        size: letter portrait; /* Tamaño carta, vertical */
        margin: 1.5cm; /* Márgenes de la hoja */
    }

    body {
        font-family: Arial, sans-serif; /* Fuente estándar */
        font-size: 10pt;
        background: #fff !important;
        color: #000 !important;
        margin: 0;
        padding: 0;
    }

    /* --- 2. Ocultar Elementos No Deseados --- */
    nav.navbar,
    footer,
    .btn-print,
    #graficaSaldo,
    .card-header, /* Oculta títulos originales de las tarjetas */
    #tablaKardex_wrapper .row:first-child, /* Controles DataTables */
    #tablaKardex_paginate, /* Paginación DataTables */
    #tablaKardex th:last-child, /* Cabecera Acciones */
    #tablaKardex td:last-child, /* Celdas Acciones */
    #tablaKardex tfoot tr td:last-child /* Celda Acciones footer */
    {
        display: none !important;
    }

    /* --- 3. Crear Encabezado de Impresión --- */
    body::before {
        content: "Estado de Cuenta - Mi Empresa\A Fecha de Impresión: <?php echo date('d/m/Y H:i'); ?>"; /* \A es un salto de línea */
        display: block;
        text-align: center;
        font-size: 14pt;
        font-weight: bold;
        margin-bottom: 1cm;
        white-space: pre; /* Permite los saltos de línea */
        border-bottom: 1px solid #000;
        padding-bottom: 0.5cm;
        /* NOTA: Para añadir el nombre del cliente aquí, necesitaríamos pasarlo desde PHP a un elemento visible o un data-attribute */
    }

    /* --- 4. Estilo Simplificado para Tarjetas de Resumen --- */
    .card.border-left-danger,
    .card.border-left-success,
    .card.border-left-info {
        border-left: none !important; /* Quitar borde de color */
        border: 1px solid #ccc !important; /* Borde simple */
        box-shadow: none !important;
        margin-bottom: 0.5cm !important;
    }
    .card-body {
        padding: 0.5rem !important;
    }
    .text-xs { font-size: 8pt !important; }
    .h5 { font-size: 12pt !important; }
    .fas { display: none; } /* Ocultar iconos en tarjetas */

    /* --- 5. Rediseño Formal de la Tabla --- */
    .table-responsive {
        overflow-x: visible !important; /* Evitar scroll horizontal al imprimir */
    }
    #tablaKardex {
        width: 100% !important;
        border-collapse: collapse !important; /* Bordes unidos */
        margin-top: 1cm;
    }
    #tablaKardex thead.table-dark th {
        background-color: #f2f2f2 !important; /* Gris claro en lugar de negro */
        color: #000 !important;
        font-weight: bold;
        border: 1px solid #ccc !important;
        padding: 4px 6px;
        text-align: center;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    #tablaKardex tbody td {
        border: 1px solid #ccc !important;
        padding: 4px 6px;
        vertical-align: top;
    }
    #tablaKardex tbody tr:nth-child(even) {
        background-color: #f9f9f9 !important; /* Rayas sutiles */
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    
    /* Quitar iconos y colores en celdas */
    #tablaKardex td i { display: none; }
    #tablaKardex td.text-danger,
    #tablaKardex td.text-success {
        color: #000 !important; /* Todo texto negro */
    }
    #tablaKardex td.text-end { text-align: right !important; }
    #tablaKardex td.fw-bold { font-weight: bold !important; }
    
    /* --- 6. Estilo del Pie de Tabla --- */
    #tablaKardex tfoot.table-dark td {
        background-color: #f2f2f2 !important;
        color: #000 !important;
        font-weight: bold;
        border: 1px solid #ccc !important;
        padding: 4px 6px;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    /* Corregir colspan para el tfoot (5 columnas ahora) */
     #tablaKardex tfoot tr td:nth-child(1) {
        text-align: right;
        /* colspan es difícil de manejar con CSS, lo dejamos implícito */
    }
     #tablaKardex tfoot tr td:nth-child(2) {
       /* Esta es la celda del saldo final */
        text-align: right;
    }


} /* Fin de @media print */