/* Shared compact density for Filament widgets and data tables. */
.fi-wi {
    gap: 0.875rem !important;
}

.fi-wi-stats-overview {
    row-gap: 0.5rem !important;
}

.fi-wi-stats-overview-stats-ctn {
    gap: 0.75rem !important;
}

.fi-wi-stats-overview-stat {
    border-radius: 0.5rem !important;
    padding: 0.875rem 1rem !important;
}

.fi-wi-stats-overview-stat > .grid {
    row-gap: 0.25rem !important;
}

.fi-wi-stats-overview-stat-icon,
.fi-wi-stats-overview-stat-description-icon {
    height: 1rem !important;
    width: 1rem !important;
}

.fi-wi-stats-overview-stat-label,
.fi-wi-stats-overview-stat-description {
    font-size: 0.75rem !important;
    line-height: 1rem !important;
}

.fi-wi-stats-overview-stat-value {
    font-size: 1.375rem !important;
    line-height: 1.75rem !important;
    letter-spacing: 0 !important;
}

.fi-wi .fi-section {
    border-radius: 0.5rem !important;
}

.fi-wi .fi-section-header {
    gap: 0.5rem !important;
    padding: 0.75rem 1rem !important;
}

.fi-wi .fi-section-content {
    padding: 0.75rem 1rem !important;
}

.fi-wi .fi-section-header-heading {
    font-size: 0.875rem !important;
    line-height: 1.25rem !important;
}

.fi-wi .fi-section-header-description {
    font-size: 0.75rem !important;
    line-height: 1rem !important;
}

.fi-wi-chart canvas {
    max-height: 220px !important;
}

.fi-ta-header-cell {
    padding: 0.5rem 0.625rem !important;
}

.fi-ta-header-cell-label {
    font-size: 0.75rem !important;
    line-height: 1rem !important;
}

.fi-ta-text {
    gap: 0.125rem !important;
    padding: 0.5rem 0.625rem !important;
}

.fi-ta-text-item {
    gap: 0.25rem !important;
}

.fi-ta-text-item-label {
    font-size: 0.8125rem !important;
    line-height: 1.125rem !important;
}

.fi-ta-text-item-icon {
    height: 1rem !important;
    width: 1rem !important;
}

.fi-ta-table > thead > tr > th:not(.fi-ta-header-cell),
.fi-ta-table > tbody > tr > td:not(.fi-ta-cell) {
    padding: 0.5rem 0.625rem !important;
}

.fi-ta-table > tbody > tr > td.fi-ta-cell {
    padding: 0 !important;
}

.fi-ta-table > tbody > tr > td:not(.fi-ta-cell) {
    font-size: 0.8125rem !important;
    line-height: 1.125rem !important;
}

@media (max-width: 640px) {
    .fi-wi-stats-overview-stat {
        padding: 0.75rem !important;
    }

    .fi-wi-stats-overview-stat-value {
        font-size: 1.25rem !important;
        line-height: 1.5rem !important;
    }
}

/* Mobile & tablette : contenu des tuiles (icône, libellé, valeur,
description) centré plutôt qu'aligné à gauche — s'applique à tous les
widgets StatsOverviewWidget du projet (Dashboard, Ma Caisse, Dettes,
Ventes UV, Commissions...), pas seulement à une page en particulier. */
@media (max-width: 1024px) {
    .fi-wi-stats-overview-stat > .grid {
        justify-items: center;
        text-align: center;
    }

    .fi-wi-stats-overview-stat > .grid > .flex {
        justify-content: center;
    }
}