/* Gráficos · TLJ 2.1.0. Estilos aislados del tema y de los otros plugins. */
.tlj-graphs {
    width: 100%;
    min-height: 100vh;
    color: var(--tlj-color-text);
    line-height: 1.5;
}
.tlj-graphs *, .tlj-graphs *::before, .tlj-graphs *::after { box-sizing: border-box; }
body.tlj-graphs-page .entry-content > .tlj-graphs { max-width: none; margin: 0; }

.tlj-graphs .gg-box { min-width: 94px; min-height: 48px; padding: 10px 16px; }
.tlj-graphs .gg-box.disabled { opacity: .5; cursor: not-allowed; }
.tlj-graphs .gg-box input { position: absolute; opacity: 0; width: 1px; height: 1px; padding: 0; border: 0; pointer-events: none; }.tlj-graphs .gg-status { color: var(--tlj-color-text-soft); font-size: 11px; text-align: right; min-height: 18px; margin: 0 4px 8px; }
.tlj-graphs .gg-status[data-state=error] { color: var(--tlj-color-negative-text); }
.tlj-graphs .gg-anio-dropdown, .tlj-graphs #gg-simbolo-list { --tlj-dropdown-border: rgba(var(--tlj-color-accent-rgb), .30); display: none; position: absolute; top: calc(100% + 8px); left: 0; min-width: 100%; width: max-content; max-width: 260px; max-height: 244px; overflow-y: auto; z-index: 1001; }
.tlj-graphs .gg-anio.open .gg-anio-dropdown, .tlj-graphs #gg-simbolo.open #gg-simbolo-list { display: block; }
.tlj-graphs .gg-anio-dropdown div, .tlj-graphs #gg-simbolo-list div { min-width: 84px; padding: 9px 14px; text-align: center; font-weight: 600; }
.tlj-graphs .gg-anio-dropdown:empty::before, .tlj-graphs #gg-simbolo-list:empty::before { content: "Sin datos registrados"; display: block; padding: 10px; font-size: 11px; color: var(--tlj-color-text-soft); white-space: nowrap; }

/* Tarjetas y distribución. No se fuerza display sobre las gráficas ocultas por filtros. */
.tlj-graphs .gg-charts-grid { display: grid; grid-template-columns: repeat(12,minmax(0,1fr)); gap: 16px; align-items: start; }
.tlj-graphs .gg-section-heading { grid-column: 1/-1; display: flex;    margin-top: 24px;   }
.tlj-graphs .gg-section-heading > span { color: var(--tlj-color-accent-text);    text-transform: uppercase; }
.tlj-graphs .gg-section-heading h2 { font-family: inherit;  font-weight: 500; color: var(--tlj-color-text-soft); margin: 0; }
.tlj-graphs .gg-chart { grid-column: span 3; min-width: 0; width: 100% !important; height: 360px; background: var(--tlj-color-surface); border: 1px solid var(--tlj-color-border-accent); border-radius: 12px; margin: 0; padding: 0; overflow: hidden; box-shadow: var(--tlj-effect-shadow-sm); }
.tlj-graphs .chart-ur, .tlj-graphs .chart-progresion, .tlj-graphs .chart-balance, .tlj-graphs .chart-dias-progresion { grid-column: span 3; }
.tlj-graphs .chart-balance-simbolo { grid-column: 1/-1; width: 100% !important; min-width: 0 !important; height: 372px; min-height: 372px; }
.tlj-graphs .chart-resultado-simbolo, .tlj-graphs .chart-trades-acciones-simbolo { grid-column: span 6; display: flex; height: 372px; min-height: 372px; flex-direction: column; overflow: hidden; }
.tlj-graphs .gg-chart > [class^="titulo-"] { color: var(--tlj-color-accent-text); font-size: 16px; font-weight: 700; line-height: 1.4; text-align: center; padding: 18px 14px 0; margin: 0 0 12px; }
.tlj-graphs .titulo-resultado, .tlj-graphs .titulo-trades-acciones, .tlj-graphs .titulo-tiempo-simbolo { opacity: 0; transition: opacity .4s ease; }
.tlj-graphs .chart-resultado-simbolo .titulo-resultado, .tlj-graphs .chart-trades-acciones-simbolo .titulo-trades-acciones { flex: 0 0 auto; }
.tlj-graphs .chart-inner { width: 100%; height: 258px; min-width: 0; }
.tlj-graphs #chartDiasProgresion { width: 100%; height: 244px; }
.tlj-graphs .gg-canvas-wrap { position: relative; width: 100%; height: 240px; }
.tlj-graphs .resumen-balance, .tlj-graphs .resumen-dias, .tlj-graphs .resumen-resultado, .tlj-graphs .resumen-trades-acciones { display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap; gap: 7px; padding: 0 10px; margin: 0; }
.tlj-graphs .resumen-balance .item, .tlj-graphs .resumen-dias .item, .tlj-graphs .resumen-resultado .item, .tlj-graphs .resumen-trades-acciones .item { display: flex; align-items: center; justify-content: center; gap: 5px; padding: 5px 8px; border: 1px solid var(--tlj-color-border-strong); border-radius: 6px; font-size: 12px; line-height: 1.5; }
.tlj-graphs .resumen-resultado .item, .tlj-graphs .resumen-trades-acciones .item { flex-direction: column; }

.tlj-graphs .resumen-balance .fecha { opacity: .8; }
.tlj-graphs .tiempo-card-wrapper { grid-column: 1/-1; display: grid; grid-template-columns: minmax(0,1.2fr) minmax(0,1fr); gap: 16px; align-items: start; }
.tlj-graphs .chart-tiempo-simbolo { grid-column: auto; min-height: 200px; height: auto; }
.tlj-graphs .trades-container { display: grid; gap: 16px; min-width: 0; }
.tlj-graphs .gg-card { min-width: 0; background: var(--tlj-color-surface); border: 1px solid var(--tlj-color-border-accent); border-radius: 12px; overflow: hidden; opacity: 0; transition: opacity .4s ease; }
.tlj-graphs .mejor-trade-title, .tlj-graphs .peor-trade-title { padding: 13px 18px; border-bottom: 1px solid rgba(var(--tlj-color-accent-rgb), .38); background: var(--tlj-color-active-bg); color: var(--tlj-color-accent-text); font-size: 16px; font-weight: 700; text-align: center; }
.tlj-graphs .mejor-trade-head, .tlj-graphs .peor-trade-head { display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); align-items: center; gap: 12px; position: relative; padding: 13px 18px; font-size: 17px; font-weight: 750; }

.tlj-graphs .mt2-balance, .tlj-graphs .pt-balance { grid-column: 3; justify-self: end; display: flex; align-items: center; gap: 12px; }
.tlj-graphs .mejor-trade-grid, .tlj-graphs .peor-trade-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); padding: 6px 18px 14px; font-size: 14px; }
.tlj-graphs .mejor-trade-grid > div, .tlj-graphs .peor-trade-grid > div { display: flex; flex-wrap: wrap; align-content: start; gap: 4px; min-width: 0; padding: 8px 10px 8px 0; border-bottom: 1px solid rgba(var(--tlj-color-accent-rgb), .32); overflow-wrap: anywhere; }
.tlj-graphs .mejor-trade-grid > div:nth-child(even), .tlj-graphs .peor-trade-grid > div:nth-child(even) { border-left: 1px solid rgba(var(--tlj-color-accent-rgb), .32); padding-left: 10px; padding-right: 0; }

.tlj-graphs #mt2-graf-icon, .tlj-graphs #pt-graf-icon { width: 21px; height: 21px; object-fit: contain; cursor: pointer; }
.tlj-graphs #mt2-popup-img, .tlj-graphs #pt-popup-img { display: block; max-width: 100%; max-height: calc(100dvh - 2 * var(--tlj-modal-layer-pad, 20px) - 2px); object-fit: contain; }
.tlj-graphs .gg-trade-popup { overflow: hidden; }

.gg-chart-tooltip strong { color: var(--tlj-color-tooltip-title); font-weight: 750; }
.gg-chart-tooltip b { color: var(--tlj-color-tooltip-strong); font-weight: 750; }
#chartjs-tooltip { z-index: 10000; max-width: calc(100vw - 24px); }
@media (max-width: 1199px){
    .tlj-graphs .gg-chart { grid-column: span 6; }
    .tlj-graphs .chart-balance-simbolo { grid-column: 1/-1; }
    .tlj-graphs .chart-tiempo-simbolo { grid-column: auto; }
    .tlj-graphs .tiempo-card-wrapper { grid-template-columns: 1fr; }
    .tlj-graphs .trades-container { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 700px){

    .tlj-graphs .gg-box { min-width: 90px; padding: 10px 12px; }
    .tlj-graphs .gg-section-heading { flex-direction: column;  gap: 6px; margin-top: 20px; }
    .tlj-graphs .gg-chart { grid-column: 1/-1; }
    .tlj-graphs .gg-charts-grid { gap: 12px; }
    .tlj-graphs .trades-container { grid-template-columns: 1fr; }
    .tlj-graphs .gg-status { text-align: center; }
}

/* =========================================================
   GRÁFICOS 2.1 · CALENDARIOS / CARGA VISUAL
   ========================================================= */

/* Desplegable anual: mismo aspecto que el selector anual de Estadísticas. */
.tlj-graphs .gg-anio-dropdown {
    left: 50%;
    min-width: 150px;
    width: 150px;
    max-height: 220px;
    font-size: 16px;
    transform: translateX(-50%);
}

.tlj-graphs .gg-anio-dropdown div {
    min-width: 0;
    padding: 10px 14px;
}

.tlj-graphs .gg-anio-dropdown div.selected {
    font-weight: 850;
}

/* En Resumen Días y Resumen Trades bajamos la base de las columnas/eje X.
   El ajuste fino de grid se completa en graficageneral-ui.js. */
.tlj-graphs #gg-dias,
.tlj-graphs #gg-trades {
    padding-bottom: 0 !important;
}

/* =========================================================
   GRÁFICOS 2.2 · CABECERA / PDF / ALINEACIÓN DE LEYENDAS
   ========================================================= */

/* Exportación: elimina animaciones y efectos que empeoran la captura. */
.tlj-graphs.gg-pdf-exporting *,
.tlj-graphs.gg-pdf-exporting *::before,
.tlj-graphs.gg-pdf-exporting *::after {
    animation: none !important;
    transition: none !important;
}

/* =========================================================
   GRÁFICOS 2.3 · FILTROS / PDF / ALINEACIONES FINALES
   ========================================================= */

.tlj-graphs .graficageneral-wrapper .gg-box {
    min-width: 88px;
    min-height: 46px;
    padding: 9px 12px;
    font-size: 13px;
}

/* Evolución: Balance Neto y Días mantienen su contenido interno flexible dentro de la altura común. */
.tlj-graphs .chart-balance,
.tlj-graphs .chart-dias-progresion {
    flex-direction: column;
}

.tlj-graphs .chart-balance[style*="display: flex"],
.tlj-graphs .chart-dias-progresion[style*="display: flex"] {
    display: flex !important;
}

.tlj-graphs .chart-balance .gg-canvas-wrap,
.tlj-graphs .chart-dias-progresion #chartDiasProgresion {
    flex: 1 1 0 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
}

/* Títulos 01 / Rendimiento, 02 / Contexto... más visibles. */

/* Icono de Mejor/Peor Trade: mismo gráfico lineal de Evolución Histórica. */
.tlj-graphs #mt2-graf-icon,
.tlj-graphs #pt-graf-icon,
.tlj-graphs .gg-trade-chart-icon {
    display: inline-grid !important;
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    place-items: center;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid var(--tlj-color-border-strong) !important;
    border-radius: 7px !important;
    background: var(--tlj-color-surface-3) !important;
    box-shadow: none !important;
    color: var(--tlj-color-accent-text) !important;
    cursor: pointer;
    transition: border-color .28s ease, background-color .28s ease, color .28s ease, transform .28s ease, box-shadow .28s ease !important;
}

.tlj-graphs .gg-trade-chart-icon svg {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* Modal PDF: confirmación común de TLJ Tema; el icono cambia con .tlj-confirm--danger. */
.gg-pdf-modal__icon-error { display: none; }
.tlj-confirm--danger .gg-pdf-modal__icon-success { display: none; }
.tlj-confirm--danger .gg-pdf-modal__icon-error { display: block; }

/* =========================================================
   GRÁFICOS 2.4 · SÍMBOLOS / MENSUAL / PDF / HOVERS
   ========================================================= */

/* Las dos gráficas por símbolo ocupan media fila mientras sus etiquetas caben.
   Cuando JS detecta que necesitan más ancho, cada una pasa a una fila completa. */
.tlj-graphs .chart-resultado-simbolo.gg-symbol-chart-wide,
.tlj-graphs .chart-trades-acciones-simbolo.gg-symbol-chart-wide {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-width: 0 !important;
}

.tlj-graphs .chart-resultado-simbolo.gg-symbol-chart-wide .chart-inner,
.tlj-graphs .chart-trades-acciones-simbolo.gg-symbol-chart-wide .chart-inner {
    min-height: 276px !important;
}

/* Tiempo por símbolo: la altura la calcula JS según el nº real de símbolos.
   El contenedor no recorta y el canvas puede ocupar toda la altura necesaria. */
.tlj-graphs .chart-tiempo-simbolo {
    overflow: visible !important;
}

.tlj-graphs .chart-tiempo-simbolo #chartTiempoSimbolo {
    width: 100% !important;
    min-height: 270px;
}

/* Hover inequívoco y coherente con TLJ en Mejor/Peor Trade. */
.tlj-graphs #mt2-graf-icon.gg-trade-chart-icon,
.tlj-graphs #pt-graf-icon.gg-trade-chart-icon {
    transition:
        border-color .28s ease,
        background-color .28s ease,
        color .28s ease,
        transform .28s ease,
        box-shadow .28s ease !important;
}

.tlj-graphs #mt2-graf-icon.gg-trade-chart-icon:hover,
.tlj-graphs #pt-graf-icon.gg-trade-chart-icon:hover,
.tlj-graphs #mt2-graf-icon.gg-trade-chart-icon:focus-visible,
.tlj-graphs #pt-graf-icon.gg-trade-chart-icon:focus-visible {
    border-color: var(--tlj-color-accent) !important;
    background: var(--tlj-color-button-hover-bg) !important;
    color: var(--tlj-color-button-hover-text) !important;
    box-shadow: 0 0 0 3px rgba(var(--tlj-color-accent-rgb), .08), 0 8px 22px rgba(var(--tlj-color-shadow-rgb), .2) !important;
    transform: scale(1.10) !important;
    outline: none !important;
}

/* El PDF usa filas completas; evitamos recortes visuales durante la captura. */
.tlj-graphs.gg-pdf-exporting .gg-chart,
.tlj-graphs.gg-pdf-exporting .gg-card,
.tlj-graphs.gg-pdf-exporting .tiempo-card-wrapper,
.tlj-graphs.gg-pdf-exporting .gg-section-heading {
    break-inside: avoid !important;
    page-break-inside: avoid !important;
}

/* Mejor/Peor Trade permanecen visibles dentro del bloque Símbolos incluso
   mientras se actualizan sus datos. */
.tlj-graphs .mejor-trade-card,
.tlj-graphs .peor-trade-card {
    display: block !important;
    min-width: 0;
}

/* =========================================================
   GRÁFICOS 2.6 · AJUSTES DE SEMANA, SÍMBOLO Y TARJETAS TRADE
   ========================================================= */

/* Resumen Semana: espacio suficiente para días arriba y dos filas de leyenda abajo. */
.tlj-graphs .chart-semana {
    min-height: 360px;
}

/* Objetivo vs Pérdida Máx.: reserva una base equivalente a la leyenda de las gráficas vecinas. */
.tlj-graphs .chart-objetivo {
    min-height: 360px;
}

/* Mejor / Peor Trade: los nombres de campo quedan blancos y con más peso visual. */
.tlj-graphs .mejor-trade-grid strong,
.tlj-graphs .peor-trade-grid strong {
    color: var(--tlj-color-text);
    font-weight: 800 !important;
}

/* =========================================================
   GRÁFICOS 2.8 · ETIQUETAS DE SÍMBOLOS AUTOAJUSTABLES
   ========================================================= */

/*
 * Resultado por Símbolo y Trades/Acciones:
 * - cada etiqueta mantiene como máximo 3 filas por columna;
 * - una etiqueta con 1 o 2 filas NO adopta la altura de otra con 3;
 * - el conjunto permanece centrado;
 * - si hay empates adicionales, la etiqueta crece lateralmente creando
 *   nuevas columnas, en lugar de crecer verticalmente.
 */
.tlj-graphs .resumen-resultado,
.tlj-graphs .resumen-trades-acciones {
    display: flex !important;
    width: 100%;
    min-height: 0 !important;
    max-height: none !important;
    height: auto !important;
    flex: 0 0 auto !important;
    align-items: flex-start !important;
    align-content: flex-start !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    gap: 7px;
    padding: 0 10px 6px;
    overflow: visible !important;
}

.tlj-graphs .resumen-resultado .item,
.tlj-graphs .resumen-trades-acciones .item {
    display: grid !important;
    grid-template-rows: repeat(3, auto);
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    align-items: center !important;
    justify-items: stretch;
    align-self: flex-start !important;
    column-gap: 12px;
    row-gap: 1px;
    width: max-content !important;
    max-width: 100%;
    min-width: 0;
    height: auto !important;
    padding: 5px 8px !important;
    border: 1px solid rgba(var(--tlj-color-accent-rgb), .72);
    border-radius: 6px;
    overflow: visible;
}

.tlj-graphs .resumen-resultado .item > div,
.tlj-graphs .resumen-trades-acciones .item > div {
    display: flex !important;
    width: max-content;
    min-width: 0;
    gap: 7px;
    align-items: center;
    justify-content: space-between !important;
    white-space: nowrap;
}

.tlj-graphs .resumen-resultado .item > div strong,
.tlj-graphs .resumen-resultado .item > div span,
.tlj-graphs .resumen-trades-acciones .item > div strong,
.tlj-graphs .resumen-trades-acciones .item > div span {
    overflow: visible;
    text-overflow: clip;
}

/*
 * Una sola fila o dos filas deben ocupar exactamente su altura real.
 * :has() permite que cada etiqueta decida su número de filas de forma
 * independiente sin depender de la etiqueta situada al lado.
 */
.tlj-graphs .resumen-resultado .item:not(:has(> div:nth-child(2))),
.tlj-graphs .resumen-trades-acciones .item:not(:has(> div:nth-child(2))) {
    grid-template-rows: auto;
}

.tlj-graphs .resumen-resultado .item:has(> div:nth-child(2)):not(:has(> div:nth-child(3))),
.tlj-graphs .resumen-trades-acciones .item:has(> div:nth-child(2)):not(:has(> div:nth-child(3))) {
    grid-template-rows: repeat(2, auto);
}

.tlj-graphs .resumen-resultado .item:has(> div:nth-child(3)),
.tlj-graphs .resumen-trades-acciones .item:has(> div:nth-child(3)) {
    grid-template-rows: repeat(3, auto);
}

/* La gráfica usa el espacio que queda debajo del resumen más alto. */
.tlj-graphs .chart-resultado-simbolo .chart-inner,
.tlj-graphs .chart-trades-acciones-simbolo .chart-inner {
    flex: 1 1 0 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
}

@media (max-width: 700px){
    .tlj-graphs .resumen-resultado,
    .tlj-graphs .resumen-trades-acciones {
        gap: 5px;
        padding-inline: 7px;
        overflow-x: auto !important;
        justify-content: flex-start !important;
    }

    .tlj-graphs .resumen-resultado .item,
    .tlj-graphs .resumen-trades-acciones .item {
        column-gap: 7px;
        padding: 5px 6px !important;
        font-size: 10.5px;
        flex: 0 0 auto;
    }
}

/* =========================================================
   GRÁFICOS 2.9 · AJUSTES VISUALES SOLICITADOS
   ========================================================= */

/* Secciones 01/02/03/04: título principal centrado, más visible y
   separado por la misma línea turquesa usada en la cabecera superior. */
.tlj-graphs .gg-section-heading {
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 4px !important;
    width: 100%;
    padding: 0 2px 15px !important;
    text-align: center !important;
    border-bottom: 0 !important;
    background: linear-gradient(90deg,
        transparent 0%,
        rgba(var(--tlj-color-accent-rgb), .22) 10%,
        rgba(var(--tlj-color-accent-rgb), .88) 50%,
        rgba(var(--tlj-color-accent-rgb), .22) 90%,
        transparent 100%) bottom center / 100% 2px no-repeat;
}

.tlj-graphs .gg-section-heading > span {
    width: 100%;
    text-align: center !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    letter-spacing: 1.65px !important;
    line-height: 1.25;
}

.tlj-graphs .gg-section-heading h2 {
    width: 100%;
    text-align: center !important;
    font-size: 13.5px !important;
}

/* Resultado por Símbolo: cada etiqueta usa como borde exactamente el
   mismo color del texto/nombre de símbolo que contiene. */
.tlj-graphs #resumenResultadoSimbolo .item {
    border: 1px solid currentColor;
}

/* Progresión Balance Neto: mismo lenguaje visual que Resultado por Símbolo. */
.tlj-graphs #resumenBalanceNeto .item.max {
    color: var(--tlj-color-on-positive-vivid);
    background: rgb(var(--tlj-color-positive-vivid-rgb));
    border: 1px solid currentColor;
}

.tlj-graphs #resumenBalanceNeto .item.min {
    color: var(--tlj-color-on-negative-vivid);
    background: rgb(var(--tlj-color-negative-vivid-rgb));
    border: 1px solid currentColor;
}

/* Progresión Días: positivo/negativo/BE con el mismo estilo de etiquetas. */
.tlj-graphs #resumenDiasProgresion .item.pos {
    color: var(--tlj-color-on-positive-vivid);
    background: rgb(var(--tlj-color-positive-vivid-rgb));
    border: 1px solid currentColor;
}

.tlj-graphs #resumenDiasProgresion .item.neg {
    color: var(--tlj-color-on-negative-vivid);
    background: rgb(var(--tlj-color-negative-vivid-rgb));
    border: 1px solid currentColor;
}

.tlj-graphs #resumenDiasProgresion .item.be {
    color: var(--tlj-color-on-breakeven-vivid);
    background: rgb(var(--tlj-color-breakeven-vivid-rgb));
    border: 1px solid currentColor;
}

/* Trades y Acciones por Símbolo: en la primera etiqueta turquesa solo
   el número + "Trade(s)" toma el color del fondo de la segunda etiqueta. */
.tlj-graphs #resumenTradesAccionesSimbolo .item:first-child > div > span {
    color: var(--tlj-color-on-accent) !important;
}

@media (max-width: 700px){
    .tlj-graphs .gg-section-heading {
        align-items: center !important;
        text-align: center !important;
    }

    .tlj-graphs .gg-section-heading > span {
        font-size: 16.5px !important;
    }
}

/* =========================================================
   GRÁFICOS 2.10 · MÁRGENES, TIEMPO Y TARJETAS DE TRADE
   ========================================================= */

/* Mejor / Peor Trade: mismos fondos suaves que las barras verde/roja.
   El símbolo usa el mismo tono, oscurecido para conservar contraste. */
.tlj-graphs .mejor-trade-head {
    background: rgb(var(--tlj-color-positive-vivid-rgb));
    color: var(--tlj-color-on-vivid);
}

.tlj-graphs .peor-trade-head {
    background: rgb(var(--tlj-color-negative-vivid-rgb));
    color: var(--tlj-color-on-vivid);
}

.tlj-graphs #mt2-simbolo {
    grid-column: 2;
    justify-self: center;
    text-align: center !important;
    color: var(--tlj-color-on-positive-vivid) !important;
    font-weight: 900 !important;
}

.tlj-graphs #pt-simbolo {
    grid-column: 2;
    justify-self: center;
    text-align: center !important;
    color: var(--tlj-color-on-negative-vivid) !important;
    font-weight: 900 !important;
}
/* =========================================================
   GRÁFICOS 2.14 · ADICIONES
   ========================================================= */
.tlj-graphs .chart-adiciones {
    grid-column: 1 / -1;
    height: 370px;
    min-height: 370px;
}

@media (max-width: 820px){
    .tlj-graphs .chart-adiciones {
        height: 390px;
        min-height: 390px;
    }
}

/* =========================================================
   GRÁFICOS 2.16.0 · PREFERENCIAS DE MI CUENTA
   ========================================================= */
.tlj-graphs .chart-estrategias-plan,
.tlj-graphs .chart-reglas-plan {
    grid-column: span 6;
    height: 390px;
    min-height: 390px;
    overflow: visible;
}

@media (max-width: 1050px){
    .tlj-graphs .chart-estrategias-plan,
    .tlj-graphs .chart-reglas-plan {
        grid-column: 1 / -1;
        height: 390px;
    }
}

@media (max-width: 700px){
    .tlj-graphs .chart-estrategias-plan,
    .tlj-graphs .chart-reglas-plan {
        height: 360px;
        min-height: 360px;
    }
}

/* Selector de mercados: visual centralizado en TLJ Tema. */
.tlj-graphs .gg-all-market-section {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}
.tlj-graphs .gg-all-market-section[hidden] { display: none !important; }
.tlj-graphs .gg-market-summary-chart { grid-column: auto; height: 360px; }
@media (max-width: 900px){
    .tlj-graphs .gg-all-market-section { grid-template-columns: 1fr; }
}

/* PRE-4.3.2 · FONDO Y CABECERA */
.tlj-graphs{box-shadow:none!important;}