/* Gráficos 2.37 · El botón y el modal Personalizar son componentes de TLJ Tema
   (.tlj-customize-btn, .tlj-customize); aquí quedan los avisos y el reparto
   de la rejilla de gráficos. */
.tlj-graphs :is(.tlj-graphs-view-status, .tlj-graphs-view-empty) { grid-column: 1 / -1; }
.tlj-graphs .tlj-graphs-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-graphs .tlj-graphs-view-status:empty { display: none; }
.tlj-graphs .tlj-graphs-view-status.is-error { color: var(--tlj-color-negative-text); }
.tlj-graphs .tlj-graphs-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-graphs .tlj-graphs-view-empty[hidden] { display: none !important; }

/* Repartir el espacio solo cuando se ha personalizado el bloque. */
.tlj-graphs .gg-charts-grid > .tlj-graphs-custom-layout { grid-column: span var(--tlj-graphs-custom-span) !important; }
.tlj-graphs :is(.gg-all-market-section, .tiempo-card-wrapper, .trades-container).tlj-graphs-custom-single { grid-template-columns: minmax(0, 1fr); }
.tlj-graphs .gg-all-market-section > .gg-market-summary-chart { grid-column: auto; }
@media (max-width: 700px){
    .tlj-graphs .gg-charts-grid > .tlj-graphs-custom-layout { grid-column: 1 / -1 !important; }
}
/* Prevalece sobre display:flex !important de las progresiones y las tarjetas. */
.tlj-graphs[data-ajax-url] .tlj-graphs-custom-hidden,
.tlj-graphs [data-tlj-graphs-item][hidden] { display: none !important; }
.tlj-graphs.gg-pdf-exporting :is(.tlj-graphs-view-status, .tlj-graphs-view-empty) { display: none !important; }