/* --- INICIO: Estilos para el Módulo de Cuentas por Cobrar (nuevo.css) --- */

/* SOLUCIÓN: Se define una altura fija y scroll para el contenedor de la lista de clientes,
   evitando que la página se alargue indefinidamente. */
.fixed-height-container {
    height: 75vh; /* Altura del 75% de la ventana */
    overflow-y: auto; /* Añade scroll vertical si el contenido excede la altura */
}

/* SOLUCIÓN DEFINITIVA: Se aplica el degradado del tema directamente a la clase .header-main,
   que es la que se usa en las cabeceras de las tarjetas y pestañas de este módulo. */
.header-main {
    background: linear-gradient(to bottom, var(--secondary-solid-color, #2c3e50), var(--primary-solid-color, #4399d3));
}

/* --- INICIO: Estilos para Pestañas (Tabs) --- */
/* SOLUCIÓN DEFINITIVA: Se aumenta la especificidad para anular los estilos de Bootstrap.
   Ahora se apunta a los nav-link DENTRO del card-header con la clase header-main. */
.card-header.header-main .nav-tabs .nav-link {    
    background-color: transparent;
    color: rgba(255, 255, 255, 0.8); /* Texto blanco semitransparente para la inactiva */
    font-weight: 500;
    border-color: transparent; /* Se quitan todos los bordes por defecto */
    border-bottom: 3px solid transparent; /* Borde inferior para el efecto 'active' */
}

/* Estilo para la pestaña activa: fondo blanco y texto negro. */
.card-header.header-main .nav-tabs .nav-link.active {
    color: #000000; /* Texto negro */
    font-weight: bold;
    background-color: #ffffff; /* Fondo blanco */
    border-bottom-color: transparent;
}
/* --- FIN: Estilos para Pestañas (Tabs) --- */

/* --- INICIO: Estilos para Tarjetas de Cliente --- */
/* SOLUCIÓN: Se aplica el color del tema a la cabecera de las tarjetas de cliente. */
.client-card-header {
    background-color: var(--primary-solid-color, #4399d3);
    color: white;
}
/* --- FIN: Estilos para Tarjetas de Cliente --- */

/* --- FIN: Estilos para el Módulo de Cuentas por Cobrar --- */