.filter-stat {
        width: 100%;
    }


/* ========================================
   UTILITAIRES DE CENTRAGE (SUPER-AGENT)
   ======================================== */

/* Centrage Page Header */
.page-header-center {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

.page-header-center h1,
.page-header-center .page-subtitle,
.page-header-center .page-date {
    text-align: center !important;
    width: 100% !important;
}

/* Centrage Section Header */
.section-header-center {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    margin-bottom: 1.5rem !important;
    padding-bottom: 1rem !important;
    border-bottom: 1px solid rgba(0,0,0,0.05) !important;
}

.section-header-center h2,
.section-header-center h3 {
    text-align: center !important;
    margin-bottom: 1rem !important;
}

/* Centrage Stat Cards */
.stat-card-center {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

/* Centrage Empty States */
.empty-state-center {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 3rem !important;
    background-color: #f8f9fa !important;
    border-radius: 12px !important;
    border: 2px dashed #dee2e6 !important;
    margin: 1rem 0 !important;
    width: 100% !important;
}

.empty-state-icon {
    font-size: 3rem;
    margin-bottom: 1rem;
    opacity: 0.5;
}

/* Centrage Actions */
.actions-center {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
    margin-top: 1rem !important;
    width: 100% !important;
}

/* ============================================================
   BMAD RESPONSIVE UPGRADE v2 — Style Append
   Compléments pour stat-cards 2 colonnes & box-sizing global
   ============================================================ */

/* Box-sizing robuste — évite les débordements sur 2 colonnes */
*,
*::before,
*::after {
    box-sizing: border-box;
}

/* Stat-card : protection débordement montant FCFA */
.stat-card .value,
.stat-card .stat-value,
.stat-card .amount {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    display: block;
}

/* Sur très petit mobile 2 colonnes, réduire davantage */
@media (max-width: 380px) {
    .stat-card .value,
    .stat-card .stat-value {
        font-size: 1.1rem !important;
        letter-spacing: -0.5px;
    }
    .stat-card h3 {
        font-size: 0.72rem !important;
    }
}

/* Bouton déconnexion — version compacte sur < 480px */
@media (max-width: 480px) {
    .btn-deconnexion {
        padding: 8px 14px !important;
        font-size: 13px !important;
        border-radius: 20px !important;
    }
    /* Cacher le texte, garder l'icône? NON — garder le texte court */
    .btn-deconnexion span:not(.nav-icon) {
        display: none !important;
    }
}

/* Tablette portrait — marges latérales confortables */
@media (min-width: 769px) and (max-width: 1024px) {
    .content-limited,
    .main-content-wrapper {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }
}

/* Classe utilitaire : liste mobile pill */
@media (max-width: 640px) {
    .mobile-pill-list {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 0.375rem !important;
        list-style: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    .mobile-pill-list li {
        background: rgba(0, 102, 255, 0.08);
        border: 1px solid rgba(0, 102, 255, 0.2);
        border-radius: 20px;
        padding: 0.25rem 0.625rem;
        font-size: 0.8rem;
        color: #0066ff;
    }
}