/* Estadísticas 3.30 · El botón, el modal Personalizar y la tarjeta de filtros
   son componentes de TLJ Tema (.tlj-customize-btn, .tlj-customize,
   .tlj-filter-card); aquí quedan los avisos y el reparto de la vista. */
.tlj-stats-root .tlj-stats-view-status {
    margin: 0 0 12px;
    text-align: right;
    color: var(--tlj-color-text-muted);
    font: 500 12px/1.5 var(--tlj-font-family);
}
.tlj-stats-root .tlj-stats-view-status:empty { display: none; }
.tlj-stats-root .tlj-stats-view-status.is-error { color: var(--tlj-color-negative-text); }
.tlj-stats-root .tlj-stats-view-empty {
    padding: 24px;
    border: 1px solid var(--tlj-color-border);
    border-radius: 11px;
    background: var(--tlj-color-surface);
    color: var(--tlj-color-text-muted);
    text-align: center;
    font-size: 14px;
}
.tlj-stats-root .tlj-stats-view-empty[hidden] { display: none !important; }

/* Se conservan las rejillas originales cuando no hay preferencias ocultas. */
.tlj-stats-root .fila1.tlj-stats-custom-layout { grid-template-columns: repeat(auto-fit, minmax(min(120px, 100%), 1fr)); }
.tlj-stats-root #tljStatsAdvanced .tlj-risk-quarantine-row.tlj-stats-custom-single { grid-template-columns: minmax(0, 1fr) !important; }
.tlj-stats-root .tlj-stats-movements__totals.tlj-stats-custom-single { grid-template-columns: minmax(0, 1fr) !important; }
@media (min-width: 1101px){
    .tlj-stats-root :is(.fila2, .fila3, .fila4).tlj-stats-custom-layout > [data-tlj-stats-item] { grid-column: var(--tlj-custom-column) !important; }
    .tlj-stats-root #tljStatsAdvanced.tlj-stats-custom-layout :is(.tlj-advanced-grid > .tlj-advanced-card, .tlj-evolution-protection-row > .tlj-advanced-card, .tlj-risk-quarantine-row) {
        grid-column: var(--tlj-custom-column) !important;
        grid-row: var(--tlj-custom-row) !important;
    }
}
@media (max-width: 1100px){
    .tlj-stats-root :is(.fila2, .fila3, .fila4).tlj-stats-custom-layout { grid-template-columns: minmax(0, 1fr) !important; }
    .tlj-stats-root :is(.fila2, .fila3, .fila4).tlj-stats-custom-layout > [data-tlj-stats-item] { grid-column: 1 / -1 !important; }
}
/* Más específico que las reglas nativas con display:contents / display:block. */
.tlj-stats-root[data-tlj-stats] .tlj-stats-custom-hidden { display: none !important; }