/* public/css/admin/listado_graduados.css */

/* ======================================================= */
/* ESTILOS PARA LA CABECERA DE LA TABLA           */
/* ======================================================= */

#tabla-solicitudes-graduados .TitleDesembolso,
#tabla-solicitudes-graduados .TitleExcedente {
    text-align: center;
    font-size: var(--h3-font-size);
    font-weight: bold;
    background-color: #1f2133;
    color: var(--white-color);
}

/* ======================================================= */
/* ESTILOS PARA EL CONTENEDOR DE TOTALES        */
/* ======================================================= */

/* MODIFICADO: Ajustamos este contenedor principal */
.total-button-container.graduados {
    display: flex;
    justify-content: space-between; /* Mantiene el botón a la izquierda y los totales a la derecha */
    align-items: center; /* Centra verticalmente el botón y los totales */
    padding: 1.5rem 0;
    gap: 1rem;
    /* Eliminamos 'flex-wrap: wrap;' para forzar que los elementos se mantengan en una sola línea */
}

/* Contenedor principal de los textos de totales */
.total-usuarios-graduados {
    display: flex;
    flex-wrap: wrap; /* Permite que los totales SÍ se ajusten si no caben en su propio espacio */
    justify-content: flex-end;
    gap: 1rem 1.5rem;
}

/* Cada ítem de total individual */
.total-usuarios-graduados .total-item {
    font-weight: var(--font-medium);
    font-size: var(--normal-font-size);
    white-space: nowrap;
}

/* Colores específicos para cada total */
.total-usuarios-graduados .total-users,
.total-usuarios-graduados .total-monto {
    color: var(--text-color);
}
.total-usuarios-graduados .total-75,
.SubDesembolso {
    color: #2daf0c; /* Verde */
    font-weight: bold;
}
.total-usuarios-graduados .total-25,
.SubExcedente {
    color: #007bff; /* Azul */
    font-weight: bold;
}
.total-usuarios-graduados .total-faltante {
    color: #dc3545; /* Rojo */
    font-weight: bold;
}