/*
 * Cartes KPI, badges et bouton d'action "Détails" — extrait des blocs <style> identiques de
 * Views/Reporting/VueEnsemble/Index.cshtml et Views/Releases/LivraisonRT/Index.cshtml pour eviter
 * la duplication (patron a reutiliser sur les autres ecrans a 3 sections Filtres/KPI/Tableau).
 * S'appuie sur .stat-card/.stat-icon/.stat-content/.stat-label/.stat-value de cergi.dashboard.css.
 */

/* Variante avec plus de respiration interne (padding de base : voir .stat-card, cergi.dashboard.css) */
.stat-card.stat-card-pad {
    padding: 15px;
}

/* Badge de categorie/type (ex: "Production", "Développeur Backend") — utilise sans definition dans
   VueEnsemble/LivraisonRT jusqu'ici, complete ici pour que la classe fasse reellement quelque chose. */
.badge-type-cergi {
    background-color: #e8eef5 !important;
    color: #0a3b6f !important;
    border-radius: 10px !important;
    padding: 3px 10px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
}

/* KPIS ICON COLORS */
.stat-icon.icon-effectif {
    background-color: #0a3b6f !important;
}

.stat-icon.icon-actifs {
    background-color: #2b6cb0 !important;
}

.stat-icon.icon-revues {
    background-color: #1e5288 !important;
}

.stat-icon.icon-absents {
    background-color: #3a6fa0 !important;
}

/* MISE EN VALEUR DES CHIFFRES */
.text-cergi-highlight {
    color: #0a3b6f !important;
    font-weight: bold !important;
}

.chiffre-tableau {
    color: #0a3b6f !important;
    font-weight: 700 !important;
    font-size: 13px !important;
}

.chiffre-secondaire {
    color: #2d3748 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
}

/* BADGE TAUX DE CHARGE / STABILITE / DISPONIBILITE */
.badge-charge-cergi {
    background-color: #0a3b6f !important;
    color: #ffffff !important;
    border-radius: 12px !important;
    padding: 3px 12px !important;
    font-size: 11px !important;
    font-weight: bold !important;
    display: inline-block !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.15) !important;
}

/* BOUTON ACTION DÉTAILS (PILL ARRONDI + HOVER BLEU FONCÉ) */
.btn-action-cergi {
    background-color: #ffffff !important;
    color: #0a3b6f !important;
    border: 1.5px solid #0a3b6f !important;
    border-radius: 12px !important;
    padding: 2px 14px !important;
    font-size: 11px !important;
    font-weight: bold !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1) !important;
    transition: all 0.2s ease-in-out !important;
}

    .btn-action-cergi:hover, .btn-action-cergi:focus {
        background-color: #0a3b6f !important;
        color: #ffffff !important;
        border-color: #0a3b6f !important;
    }