.dataTables_filter { display: none; }
            .fila-incompleta {
                    background-color: #fff5f5; /* rojo muy suave */
                }
                .fila-incompleta input {
                    border-color: #dc3545;
                }
                .fila-incompleta input:focus {
                    box-shadow: 0 0 0 0.1rem rgba(220,53,69,.25);
                }
            
            .totales-box {
                    width: 40%;
                }
                .totales-box table th,
                .totales-box table td {
                    padding: 4px 6px;
                    font-size: 13px;
                    vertical-align: middle;
                }
                .totales-box input {
                    height: 28px;
                    font-size: 13px;
                    padding: 2px 6px;
                }
            #tbody-lineas td {
                vertical-align: middle;
            }    
			/* =======================================================================
           EXTREME MAKEOVER: ESTILO MODERNO "SaaS"
           ======================================================================= */
        
            /* 1. Fondo general más suave para que resalten las tarjetas blancas */
            body {
                background-color: #f4f6f9;
                padding-bottom: 60px; /* <--- Este es el colchón de aire al final de la página */
            }

            /* 2. Tarjetas con estilo moderno, bordes suaves y sombras elegantes */
            .card-moderna {
                background: #fff;
                border-radius: 12px;
                border: none;
                box-shadow: 0 6px 20px rgba(0, 0, 0, 0.04);
                margin-bottom: 25px;
                padding: 20px;
            }

            /* 3. Panel de información (ID, Cliente, Factura) */
            .header-info-panel {
                background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
                border-left: 5px solid #6f42c1; /* Morado corporativo */
                border-radius: 10px;
                padding: 15px 25px;
                box-shadow: 0 4px 10px rgba(0,0,0,0.03);
            }
            .header-info-panel h6 {
                color: #6c757d;
                font-size: 0.85rem;
                text-transform: uppercase;
                letter-spacing: 1px;
                margin-bottom: 5px;
            }
            .header-info-panel p {
                font-size: 1.1rem;
                font-weight: 600;
                color: #2b2b2b;
                margin-bottom: 0;
            }

            /* 4. Maquillaje a la Tabla Principal */
            .table-moderna {
                border-collapse: separate !important;
                border-spacing: 0 4px !important; /* Separa un poquito las filas */
                border: none !important;
            }
            .table-moderna thead th {
                background-color: #AE96CB !important; /* Morado más oscuro y elegante */
                /*5e427a*/
                color: #ffffff;
                border: none !important;
                font-size: 0.8rem;
                text-transform: uppercase;
                letter-spacing: 0.5px;
                padding: 15px 8px;
            }
            .table-moderna thead th:first-child { border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
            .table-moderna thead th:last-child { border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
            
            .table-moderna tbody td {
                background-color: #ffffff;
                border-top: 1px solid #f0f0f0 !important;
                border-bottom: 1px solid #f0f0f0 !important;
                vertical-align: middle;
            }
            .table-moderna tbody tr td:first-child { border-left: 1px solid #f0f0f0 !important; border-top-left-radius: 6px; border-bottom-left-radius: 6px; }
            .table-moderna tbody tr td:last-child { border-right: 1px solid #f0f0f0 !important; border-top-right-radius: 6px; border-bottom-right-radius: 6px; }

            /* 5. Inputs más limpios y amigables */
            .table-moderna input.form-control {
                border: 1px solid #e9ecef;
                border-radius: 6px;
                background-color: #fdfdfd;
                box-shadow: none;
                transition: all 0.2s;
            }
            .table-moderna input.form-control:focus {
                border-color: #6f42c1;
                background-color: #fff;
                box-shadow: 0 0 0 0.2rem rgba(111, 66, 193, 0.15);
            }
            .table-moderna input.input-gris {
                background-color: #f8f9fa !important;
                border: 1px dashed #dee2e6 !important;
                color: #495057;
            }

            /* 6. Botones Modernizados */
            .btn-moderno {
                border-radius: 8px;
                font-weight: 500;
                letter-spacing: 0.5px;
                padding: 8px 20px;
                box-shadow: 0 4px 6px rgba(0,0,0,0.1);
                transition: transform 0.2s, box-shadow 0.2s;
            }
            .btn-moderno:hover {
                transform: translateY(-2px);
                box-shadow: 0 6px 12px rgba(0,0,0,0.15);
            }

            /* Cabecera morada uniforme */
            .cabecera-morada th {
                background-color: #6a1b9a !important; /* Un morado elegante e intenso */
                color: #ffffff !important;
                border-bottom: 2px solid #4a148c !important;
            }
            /* Alerta visual para celdas modificadas sin guardar */
            .campo-modificado {
                background-color: #fff3cd !important; /* Amarillo suave */
                border: 1px solid #ffecb5 !important;
                transition: background-color 0.3s ease;
            }
            /* Fondo gris sutil para la celda */
            .celda-gris {
                background-color: #e9ecef !important; 
            }
            /* Input gris sin bordes que se funde con la celda */
            .input-gris {
                background-color: transparent !important; /* Transparente para que tome el color de la celda */
                border: none;
                font-weight: bold;
                color: #495057;
                box-shadow: none !important; /* Quita el brillo al hacer clic */
            }
            /* Evitar que el input gris cambie al pasar el mouse o hacer focus */
            .input-gris:focus {
                outline: none;
                background-color: transparent !important;
            }

            /* =======================================================================
   AUTOCOMPLETADO DE CLIENTES (Buscador Modal)
   ======================================================================= */

            /* =======================================================================
               AUTOCOMPLETADO (Buscador Modal para Comisiones y Caja Chica)
               ======================================================================= */

            /* EL CONTENEDOR DE LA LISTA */
            #resultados_ncli, #resultados_ncc, #resultados_ecc, #productos {
                background: #ffffff;
                border-radius: 8px;
                box-shadow: 0 8px 25px rgba(0,0,0,0.15);
                position: absolute; 
                top: 100%; /* Lo alinea justo debajo de la caja de texto */
                left: 0;
                z-index: 9999;
                width: 100%; /* <-- Ahora calza exacto con el input */
                max-height: 250px; 
                overflow-y: auto;  
                border: 1px solid #e9ecef;
                margin-top: 5px;
                box-sizing: border-box;
            }

            /* SCROLLBAR MODERNO */
            #resultados_ncli::-webkit-scrollbar, #resultados_ncc::-webkit-scrollbar, #resultados_ecc::-webkit-scrollbar {
                width: 6px;
            }
            #resultados_ncli::-webkit-scrollbar-track, #resultados_ncc::-webkit-scrollbar-track, #resultados_ecc::-webkit-scrollbar-track {
                background: #f1f1f1; 
                border-radius: 8px;
            }
            #resultados_ncli::-webkit-scrollbar-thumb, #resultados_ncc::-webkit-scrollbar-thumb, #resultados_ecc::-webkit-scrollbar-thumb {
                background-color: #a182be; 
                border-radius: 10px;
            }

            /* CADA ITEM DE LA LISTA */
            .suggest-element {
                padding: 10px 15px;
                color: #495057 !important; /* <-- Gris oscuro normal */
                font-size: 0.9rem;
                cursor: pointer;
                border-bottom: 1px solid #f8f9fa;
                transition: all 0.2s ease-in-out;
                display: block; 
                text-align: left;
                background-color: white;
                margin: 0;
            }

            .suggest-element:last-child {
                border-bottom: none;
                border-radius: 0 0 8px 8px;
            }

            /* EFECTO HOVER / SELECCIONADO (EL MORADO) */
            .suggest-element:hover {
                background-color: #f8f9fa;
                color: #6f42c1 !important; /* <-- Tu morado corporativo */
                padding-left: 20px; 
                font-weight: bold !important; 
            }

            /* =======================================================================
           ESTILO PHANTOM PARA JQUERY UI AUTOCOMPLETE (Beneficiarios)
           ======================================================================= */

            /* EL CONTENEDOR DE LA LISTA DE JQUERY UI */
            .ui-autocomplete {
                background: #ffffff !important;
                border-radius: 8px !important;
                box-shadow: 0 8px 25px rgba(0,0,0,0.15) !important;
                max-height: 250px !important; 
                overflow-y: auto !important;  
                overflow-x: hidden !important;
                border: 1px solid #e9ecef !important;
                padding: 0 !important;
                z-index: 9999 !important;
                font-family: inherit !important;
            }

            /* SCROLLBAR MODERNO PARA JQUERY UI */
            .ui-autocomplete::-webkit-scrollbar {
                width: 6px;
            }
            .ui-autocomplete::-webkit-scrollbar-track {
                background: #f1f1f1; 
                border-radius: 8px;
            }
            .ui-autocomplete::-webkit-scrollbar-thumb {
                background-color: #a182be; /* Tu morado corporativo */
                border-radius: 10px;
            }

            /* CADA ITEM DE LA LISTA */
            .ui-autocomplete .ui-menu-item {
                border-bottom: 1px solid #f8f9fa !important;
                margin: 0 !important;
                padding: 0 !important;
                list-style-type: none !important;
            }
            .ui-autocomplete .ui-menu-item:last-child {
                border-bottom: none !important;
            }

            /* EL TEXTO DENTRO DE CADA ITEM */
            .ui-autocomplete .ui-menu-item-wrapper,
            .ui-autocomplete .ui-menu-item a {
                padding: 10px 15px !important;
                color: #495057 !important; /* <-- Gris oscuro normal */
                font-size: 0.9rem !important;
                background-color: white !important;
                transition: all 0.2s ease-in-out !important;
                border: none !important;
                display: block !important;
                text-decoration: none !important;
            }

            /* EFECTO HOVER / SELECCIONADO JQUERY UI (EL MORADO) */
            .ui-autocomplete .ui-menu-item-wrapper.ui-state-active,
            .ui-autocomplete .ui-menu-item-wrapper:hover,
            .ui-autocomplete .ui-menu-item a:hover {
                background-color: #f8f9fa !important;
                color: #6f42c1 !important; /* <-- Tu morado corporativo */
                padding-left: 20px !important; 
                font-weight: bold !important;
                border: none !important;
                margin: 0 !important;
                text-decoration: none !important;
            }