/* Versión: 1.0 */
/* Líneas: 65 */
/* Fecha: 2025-07-17 20:15 GMT-3 */
/*
* Prompt de Control (para otra IA):
* Este es un archivo CSS dedicado para la pestaña "Vendedores".
* Define un estilo de tarjeta de KPI ('kpi-card') con variantes de color
* para replicar la estética del dashboard principal sin causar conflictos
* con el archivo 'styles.css' global.
*/

.kpi-card {
    border: 1px solid #e3e6f0;
    box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
    height: 100%;
}

.kpi-card .card-body {
    padding: 1.25rem;
}

.kpi-card .kpi-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.kpi-card .kpi-text .kpi-title {
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0.25rem;
}

.kpi-card .kpi-text .kpi-value {
    font-size: 1.25rem;
    font-weight: 700;
    color: #5a5c69;
}

.kpi-card .kpi-icon i {
    font-size: 2rem;
    color: #dddfeb;
}

/* -- Modificadores de Color -- */

.kpi-card--primary { border-left: 0.25rem solid #4e73df !important; }
.kpi-card--primary .kpi-title { color: #4e73df !important; }

.kpi-card--success { border-left: 0.25rem solid #1cc88a !important; }
.kpi-card--success .kpi-title { color: #1cc88a !important; }

.kpi-card--info { border-left: 0.25rem solid #36b9cc !important; }
.kpi-card--info .kpi-title { color: #36b9cc !important; }

.kpi-card--warning { border-left: 0.25rem solid #f6c23e !important; }
.kpi-card--warning .kpi-title { color: #f6c23e !important; }

.kpi-card--danger { border-left: 0.25rem solid #e74a3b !important; }
.kpi-card--danger .kpi-title { color: #e74a3b !important; }