/* =========================================================
   TLJ TEMA 2.0 · LEDGER UI COMPARTIDO · FASE 4.1
   Fuente canónica para Lista de Operaciones + Evolución Histórica.
   No contiene lógica de negocio; solo comportamiento visual común.
   ========================================================= */

/* Ancho único de la columna de selección para Lista + Evolución. */
:is(.lista-trades-root,.evolucion-historica-container) {
  --tlj-ledger-selection-column-width: 38px;
}


/* ---------- Columna de selección: ancho fijo compartido entre mercados y Evolución ---------- */
.lista-trades-root :is(#tablaOperaciones,#tablaOperacionesFuturos,#tablaOperacionesForex,#tablaOperacionesCrypto,#tablaOperacionesProp) :is(th.th-seleccion-multiple,td.td-seleccion-multiple),
.evolucion-historica-container #tablaEH :is(th:first-child.tlj-eh-select-column,td:first-child.tlj-eh-select-cell) {
  position: sticky;
  left: 0;
  z-index: 5;
  width: var(--tlj-ledger-selection-column-width);
  min-width: var(--tlj-ledger-selection-column-width);
  max-width: var(--tlj-ledger-selection-column-width);
  inline-size: var(--tlj-ledger-selection-column-width);
  min-inline-size: var(--tlj-ledger-selection-column-width);
  max-inline-size: var(--tlj-ledger-selection-column-width);
  box-sizing: border-box;
  padding: 0;
  white-space: nowrap;
  background: var(--tlj-selection-column-bg);
}

.lista-trades-root :is(#tablaOperaciones,#tablaOperacionesFuturos,#tablaOperacionesForex,#tablaOperacionesCrypto,#tablaOperacionesProp) thead th.th-seleccion-multiple,
.evolucion-historica-container #tablaEH thead th.tlj-eh-select-column {
  z-index: 15;
}

.lista-trades-root :is(#tablaOperaciones,#tablaOperacionesFuturos,#tablaOperacionesForex,#tablaOperacionesCrypto,#tablaOperacionesProp) col.tlj-ledger-selection-col,
.evolucion-historica-container #tablaEH col.tlj-eh-col-select {
  width: var(--tlj-ledger-selection-column-width);
}

/* ---------- Campo de imagen y visor: aspecto compartido por los cuatro mercados ---------- */
.lista-trades-root .grafica-box span {
  display: block;
  overflow: hidden;
  color: var(--tlj-color-input-placeholder);
  font-size: 12.5px;
  font-weight: 550;
  line-height: 1.2;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
}

.lista-trades-root .grafica-box.filled span {
  color: var(--tlj-color-text);
  font-weight: 700;
}

.lista-trades-root .verGrafica {
  z-index: 3;
  display: inline-flex;
  flex: 0 0 25px;
  width: 25px;
  height: 25px;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  opacity: .86;
  pointer-events: auto;
  fill: none;
  stroke: var(--tlj-color-accent-text);
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: opacity .35s ease, transform .2s ease;
}

.lista-trades-root .verGrafica:hover {
  opacity: 1;
  transform: scale(1.08);
}

html[data-tlj-theme="light"] :is(.lista-trades-root,.evolucion-historica-container) {
  --tlj-ledger-row: var(--tlj-ui-surface);
  --tlj-ledger-row-alt: var(--tlj-ui-ledger-zebra);
  --tlj-ledger-row-hover: var(--tlj-ui-hover);
  --tlj-ledger-group: var(--tlj-ui-ledger-group);
}

/* ---------- Tarjetas resumen: una sola fuente para Lista + Evolución ---------- */
html[data-tlj-theme="light"] .lista-trades-root .tlj-trades-stat,
html[data-tlj-theme="light"] .evolucion-historica-container .tlj-eh-stat {
  border-width: 1.5px !important;
  border-color: rgba(var(--tlj-color-accent-rgb), .22) !important;
  background: var(--tlj-color-surface) !important;
  box-shadow: var(--tlj-effect-shadow-sm) !important;
}
html[data-tlj-theme="light"] .lista-trades-root .tlj-trades-stat:hover,
html[data-tlj-theme="light"] .evolucion-historica-container .tlj-eh-stat:hover {
  border-color: rgba(var(--tlj-color-accent-rgb), .42) !important;
  background: var(--tlj-color-surface) !important;
  box-shadow: var(--tlj-effect-shadow-md) !important;
}
html[data-tlj-theme="light"] .lista-trades-root .tlj-trades-stat > div > span,
html[data-tlj-theme="light"] .evolucion-historica-container .tlj-eh-stat > div > span {
  color: var(--tlj-color-text-muted) !important;
}
html[data-tlj-theme="light"] .lista-trades-root .tlj-trades-stat strong,
html[data-tlj-theme="light"] .evolucion-historica-container .tlj-eh-stat strong {
  color: var(--tlj-color-text) !important;
  opacity: 1 !important;
}
html[data-tlj-theme="light"] .lista-trades-root .tlj-trades-stat__icon,
html[data-tlj-theme="light"] .evolucion-historica-container .tlj-eh-stat__icon {
  border-color: var(--tlj-color-border-strong) !important;
  background: var(--tlj-color-accent-soft) !important;
  color: var(--tlj-color-accent-strong) !important;
}
html[data-tlj-theme="light"] .lista-trades-root .tlj-trades-stat--positive .tlj-trades-stat__icon,
html[data-tlj-theme="light"] .evolucion-historica-container .tlj-eh-stat--positive .tlj-eh-stat__icon {
  border-color: rgba(var(--tlj-color-positive-rgb), .25) !important;
  background: var(--tlj-color-positive-bg) !important;
  color: var(--tlj-color-positive-text) !important;
}
html[data-tlj-theme="light"] .lista-trades-root .tlj-trades-stat--negative .tlj-trades-stat__icon,
html[data-tlj-theme="light"] .evolucion-historica-container .tlj-eh-stat--negative .tlj-eh-stat__icon {
  border-color: rgba(var(--tlj-color-negative-rgb), .24) !important;
  background: var(--tlj-color-negative-bg) !important;
  color: var(--tlj-color-negative-text) !important;
}
html[data-tlj-theme="light"] .lista-trades-root .tlj-trades-stat--breakeven .tlj-trades-stat__icon,
html[data-tlj-theme="light"] .evolucion-historica-container .tlj-eh-stat--breakeven .tlj-eh-stat__icon {
  border-color: rgba(var(--tlj-color-breakeven-rgb), .24) !important;
  background: var(--tlj-color-breakeven-bg) !important;
  color: var(--tlj-color-breakeven-text) !important;
}

/* ---------- Contenedor y aviso de desplazamiento ---------- */
html[data-tlj-theme="light"] .lista-trades-root .tlj-trades-table-card {
  background: var(--tlj-ui-surface) !important;
}
html[data-tlj-theme="light"] .lista-trades-root .tlj-trades-table-card__head {
  border-bottom-color: var(--tlj-ui-divider) !important;
  background: var(--tlj-ui-surface-2) !important;
  color: var(--tlj-ui-muted) !important;
}
html[data-tlj-theme="light"] .lista-trades-root .tlj-trades-table-card__head p {
  color: var(--tlj-ui-muted) !important;
}
html[data-tlj-theme="light"] .lista-trades-root .tlj-trades-table-card__head p svg {
  color: var(--tlj-ui-accent-strong) !important;
  stroke: currentColor !important;
}

/* ---------- Tablas: misma superficie, zebra y hover ---------- */
html[data-tlj-theme="light"] .lista-trades-root :is(#tablaOperaciones,#tablaOperacionesFuturos,#tablaOperacionesForex,#tablaOperacionesCrypto,#tablaOperacionesProp),
html[data-tlj-theme="light"] .evolucion-historica-container #tablaEH {
  border-color: var(--tlj-ui-border) !important;
  background: var(--tlj-ui-surface) !important;
  color: var(--tlj-ui-text-2) !important;
}

html[data-tlj-theme="light"] .lista-trades-root :is(#tablaOperaciones,#tablaOperacionesFuturos,#tablaOperacionesForex,#tablaOperacionesCrypto,#tablaOperacionesProp) thead th:not(.th-seleccion-multiple),
html[data-tlj-theme="light"] .evolucion-historica-container #tablaEH thead th:not(.tlj-eh-select-column) {
  border-color: rgba(var(--tlj-color-accent-rgb), .32) !important;
  background: var(--tlj-ui-active-bg) !important;
  color: var(--tlj-ui-text-2) !important;
}

html[data-tlj-theme="light"] .lista-trades-root :is(#tablaOperaciones,#tablaOperacionesFuturos,#tablaOperacionesForex,#tablaOperacionesCrypto,#tablaOperacionesProp) tbody tr:not(.tlj-trades-date-group),
html[data-tlj-theme="light"] .evolucion-historica-container #tablaEH tbody tr:not(.tlj-eh-month-group) {
  background: var(--tlj-ledger-row) !important;
  transition: background-color var(--tlj-transition) !important;
}

html[data-tlj-theme="light"] .lista-trades-root :is(#tablaOperaciones,#tablaOperacionesFuturos,#tablaOperacionesForex,#tablaOperacionesCrypto,#tablaOperacionesProp) tbody tr:not(.tlj-trades-date-group):nth-child(even),
html[data-tlj-theme="light"] .evolucion-historica-container #tablaEH tbody tr:not(.tlj-eh-month-group):nth-child(even) {
  background: var(--tlj-ledger-row-alt) !important;
}

/* El hover es deliberadamente idéntico: sin brightness/filter en Evolución. */
html[data-tlj-theme="light"] .lista-trades-root :is(#tablaOperaciones,#tablaOperacionesFuturos,#tablaOperacionesForex,#tablaOperacionesCrypto,#tablaOperacionesProp) tbody tr:not(.tlj-trades-date-group):hover,
html[data-tlj-theme="light"] .evolucion-historica-container #tablaEH tbody tr:not(.tlj-eh-month-group):hover {
  background: var(--tlj-ledger-row-hover) !important;
}
html[data-tlj-theme="light"] .lista-trades-root :is(#tablaOperaciones,#tablaOperacionesFuturos,#tablaOperacionesForex,#tablaOperacionesCrypto,#tablaOperacionesProp) tbody tr:not(.tlj-trades-date-group):hover > td,
html[data-tlj-theme="light"] .evolucion-historica-container #tablaEH tbody tr:not(.tlj-eh-month-group):hover > td {
  filter: none !important;
}

html[data-tlj-theme="light"] .lista-trades-root :is(#tablaOperaciones,#tablaOperacionesFuturos,#tablaOperacionesForex,#tablaOperacionesCrypto,#tablaOperacionesProp) tbody td,
html[data-tlj-theme="light"] .evolucion-historica-container #tablaEH tbody td {
  border-color: rgba(var(--tlj-color-accent-rgb), .32) !important;
  color: var(--tlj-ui-muted) !important;
}

/* Sticky/acciones: neutral en reposo y exactamente el mismo hover. */
html[data-tlj-theme="light"] .lista-trades-root :is(#tablaOperaciones,#tablaOperacionesFuturos,#tablaOperacionesForex,#tablaOperacionesCrypto,#tablaOperacionesProp) tbody tr:not(.tlj-trades-date-group) > td:last-child,
html[data-tlj-theme="light"] .evolucion-historica-container #tablaEH tbody tr:not(.tlj-eh-month-group) > td:last-child {
  background: var(--tlj-ledger-row) !important;
  color: var(--tlj-ui-muted) !important;
}
html[data-tlj-theme="light"] .lista-trades-root :is(#tablaOperaciones,#tablaOperacionesFuturos,#tablaOperacionesForex,#tablaOperacionesCrypto,#tablaOperacionesProp) tbody tr:not(.tlj-trades-date-group):nth-child(even) > td:last-child,
html[data-tlj-theme="light"] .evolucion-historica-container #tablaEH tbody tr:not(.tlj-eh-month-group):nth-child(even) > td:last-child {
  background: var(--tlj-ledger-row-alt) !important;
}
html[data-tlj-theme="light"] .lista-trades-root :is(#tablaOperaciones,#tablaOperacionesFuturos,#tablaOperacionesForex,#tablaOperacionesCrypto,#tablaOperacionesProp) tbody tr:not(.tlj-trades-date-group):hover > td:last-child,
html[data-tlj-theme="light"] .evolucion-historica-container #tablaEH tbody tr:not(.tlj-eh-month-group):hover > td:last-child {
  background: var(--tlj-ledger-row-hover) !important;
}

/* ---------- Estado semántico: mismo criterio en ambas tablas ---------- */
html[data-tlj-theme="light"] .lista-trades-root :is(#tablaOperaciones,#tablaOperacionesFuturos,#tablaOperacionesForex,#tablaOperacionesCrypto,#tablaOperacionesProp) tbody tr.tlj-trade--positive > td:not(.td-seleccion-multiple):not(:last-child),
html[data-tlj-theme="light"] .evolucion-historica-container #tablaEH tbody tr.tlj-eh--positive > td:not(.tlj-eh-select-cell):not(:last-child) {
  background: var(--tlj-positive-bg) !important;
}
html[data-tlj-theme="light"] .lista-trades-root :is(#tablaOperaciones,#tablaOperacionesFuturos,#tablaOperacionesForex,#tablaOperacionesCrypto,#tablaOperacionesProp) tbody tr.tlj-trade--negative > td:not(.td-seleccion-multiple):not(:last-child),
html[data-tlj-theme="light"] .evolucion-historica-container #tablaEH tbody tr.tlj-eh--negative > td:not(.tlj-eh-select-cell):not(:last-child) {
  background: var(--tlj-negative-bg) !important;
}
html[data-tlj-theme="light"] .lista-trades-root :is(#tablaOperaciones,#tablaOperacionesFuturos,#tablaOperacionesForex,#tablaOperacionesCrypto,#tablaOperacionesProp) tbody tr.tlj-trade--breakeven > td:not(.td-seleccion-multiple):not(:last-child),
html[data-tlj-theme="light"] .evolucion-historica-container #tablaEH tbody tr.tlj-eh--breakeven > td:not(.tlj-eh-select-cell):not(:last-child) {
  background: var(--tlj-breakeven-bg) !important;
}
/* Hover no cambia de lógica ni aclara una página más que la otra. */
html[data-tlj-theme="light"] .lista-trades-root :is(#tablaOperaciones,#tablaOperacionesFuturos,#tablaOperacionesForex,#tablaOperacionesCrypto,#tablaOperacionesProp) tbody tr.tlj-trade--positive:hover > td:not(.td-seleccion-multiple):not(:last-child),
html[data-tlj-theme="light"] .evolucion-historica-container #tablaEH tbody tr.tlj-eh--positive:hover > td:not(.tlj-eh-select-cell):not(:last-child) { background: var(--tlj-ui-ledger-positive-hover) !important; }
html[data-tlj-theme="light"] .lista-trades-root :is(#tablaOperaciones,#tablaOperacionesFuturos,#tablaOperacionesForex,#tablaOperacionesCrypto,#tablaOperacionesProp) tbody tr.tlj-trade--negative:hover > td:not(.td-seleccion-multiple):not(:last-child),
html[data-tlj-theme="light"] .evolucion-historica-container #tablaEH tbody tr.tlj-eh--negative:hover > td:not(.tlj-eh-select-cell):not(:last-child) { background: var(--tlj-ui-ledger-negative-hover) !important; }
html[data-tlj-theme="light"] .lista-trades-root :is(#tablaOperaciones,#tablaOperacionesFuturos,#tablaOperacionesForex,#tablaOperacionesCrypto,#tablaOperacionesProp) tbody tr.tlj-trade--breakeven:hover > td:not(.td-seleccion-multiple):not(:last-child),
html[data-tlj-theme="light"] .evolucion-historica-container #tablaEH tbody tr.tlj-eh--breakeven:hover > td:not(.tlj-eh-select-cell):not(:last-child) { background: var(--tlj-ui-ledger-breakeven-hover) !important; }

/* ---------- Separadores Fecha / Mes ---------- */
html[data-tlj-theme="light"] .lista-trades-root :is(#tablaOperaciones,#tablaOperacionesFuturos,#tablaOperacionesForex,#tablaOperacionesCrypto,#tablaOperacionesProp) tbody tr.tlj-trades-date-group,
html[data-tlj-theme="light"] .lista-trades-root :is(#tablaOperaciones,#tablaOperacionesFuturos,#tablaOperacionesForex,#tablaOperacionesCrypto,#tablaOperacionesProp) tbody tr.tlj-trades-date-group:hover,
html[data-tlj-theme="light"] .lista-trades-root :is(#tablaOperaciones,#tablaOperacionesFuturos,#tablaOperacionesForex,#tablaOperacionesCrypto,#tablaOperacionesProp) tbody tr.tlj-trades-date-group td,
html[data-tlj-theme="light"] .evolucion-historica-container #tablaEH tbody tr.tlj-eh-month-group,
html[data-tlj-theme="light"] .evolucion-historica-container #tablaEH tbody tr.tlj-eh-month-group:hover,
html[data-tlj-theme="light"] .evolucion-historica-container #tablaEH tbody tr.tlj-eh-month-group td {
  background: var(--tlj-ledger-group) !important;
  color: var(--tlj-ui-text-2) !important;
}
html[data-tlj-theme="light"] .lista-trades-root .tlj-trades-date-toggle,
html[data-tlj-theme="light"] .evolucion-historica-container .tlj-eh-month-toggle {
  background: linear-gradient(90deg,rgba(var(--tlj-color-accent-rgb),.10),rgba(var(--tlj-color-accent-rgb),.035) 55%,transparent) !important;
  color: var(--tlj-ui-muted) !important;
}
html[data-tlj-theme="light"] .lista-trades-root .tlj-trades-date-toggle:is(:hover,:focus-visible),
html[data-tlj-theme="light"] .evolucion-historica-container .tlj-eh-month-toggle:is(:hover,:focus-visible) {
  background: linear-gradient(90deg,rgba(var(--tlj-color-accent-rgb),.16),rgba(var(--tlj-color-accent-rgb),.055) 55%,transparent) !important;
}
html[data-tlj-theme="light"] .lista-trades-root .tlj-trades-date-toggle strong,
html[data-tlj-theme="light"] .evolucion-historica-container .tlj-eh-month-toggle strong { color: var(--tlj-ui-text-2) !important; }

/* ---------- Acciones por fila ---------- */
html[data-tlj-theme="light"] :is(.lista-trades-root,.evolucion-historica-container) .action-btn {
  border-color: var(--tlj-ui-border) !important;
  background: var(--tlj-ui-surface-2) !important;
  box-shadow: none !important;
}
html[data-tlj-theme="light"] :is(.lista-trades-root,.evolucion-historica-container) .action-btn:is(:hover,:focus-visible) {
  border-color: var(--tlj-ui-border-strong) !important;
  background: var(--tlj-ui-hover) !important;
}
html[data-tlj-theme="light"] :is(.lista-trades-root,.evolucion-historica-container) .edit-btn { color: var(--tlj-ui-accent-strong) !important; }
html[data-tlj-theme="light"] :is(.lista-trades-root,.evolucion-historica-container) .delete-btn { color: var(--tlj-negative-text) !important; }

/* ---------- Selección: checkbox visual idéntico ---------- */
html[data-tlj-theme="light"] .lista-trades-root .tlj-trades-row-check,
html[data-tlj-theme="light"] .evolucion-historica-container .tlj-eh-row-check {
  border-color: var(--tlj-ui-border-strong) !important;
  background: var(--tlj-ui-surface) !important;
  color: transparent !important;
}
html[data-tlj-theme="light"] .lista-trades-root :is(.tlj-trades-select-all input:checked + .tlj-trades-row-check,.tlj-trade-select-wrap input:checked + .tlj-trades-row-check),
html[data-tlj-theme="light"] .evolucion-historica-container :is(.tlj-eh-select-all input:checked + .tlj-eh-row-check,.tlj-eh-select-row input:checked + .tlj-eh-row-check) {
  border-color: var(--tlj-ui-accent) !important;
  background: var(--tlj-ui-accent) !important;
  color: var(--tlj-color-on-accent) !important;
}
html[data-tlj-theme="light"] .lista-trades-root .tlj-trades-select-all input:indeterminate + .tlj-trades-row-check,
html[data-tlj-theme="light"] .evolucion-historica-container .tlj-eh-select-all input:indeterminate + .tlj-eh-row-check {
  border-color: var(--tlj-ui-accent) !important;
  background: var(--tlj-ui-accent-soft) !important;
  color: var(--tlj-ui-accent-strong) !important;
}

/* ---------- Barra de selección múltiple · fuente común Lista + Evolución ---------- */
:is(.lista-trades-root,.evolucion-historica-container) .tlj-trades-bulk-bar {
  display: flex;
  min-height: 52px;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 14px;
  padding: 9px 12px 9px 15px;
  border: 1px solid rgba(var(--tlj-color-accent-rgb), .28);
  border-radius: 9px;
  background: var(--tlj-ui-surface-2);
  box-shadow: var(--tlj-effect-shadow-sm);
  color: var(--tlj-ui-text-2);
}
:is(.lista-trades-root,.evolucion-historica-container) .tlj-trades-bulk-bar[hidden] {
  display: none;
}
:is(.lista-trades-root,.evolucion-historica-container) .tlj-trades-bulk-bar__copy,
:is(.lista-trades-root,.evolucion-historica-container) .tlj-trades-bulk-bar__actions {
  display: flex;
  gap: 9px;
  align-items: center;
}
:is(.lista-trades-root,.evolucion-historica-container) .tlj-trades-bulk-bar__copy strong {
  color: var(--tlj-ui-text);
  font-size: 12px;
}
:is(.lista-trades-root,.evolucion-historica-container) .tlj-trades-bulk-bar button {
  min-height: 35px;
  margin: 0;
  padding: 0 10px;
  border-radius: 7px;
  box-shadow: none;
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
  transition: background-color .28s ease, border-color .28s ease, color .28s ease, transform .28s ease;
}
:is(.lista-trades-root,.evolucion-historica-container) .tlj-trades-bulk-cancel {
  border: 1px solid rgba(var(--tlj-color-accent-rgb), .25);
  background: transparent;
  color: var(--tlj-ui-text-soft, var(--tlj-color-text-soft));
}
:is(.lista-trades-root,.evolucion-historica-container) .tlj-trades-bulk-cancel:is(:hover,:focus-visible) {
  border-color: var(--tlj-color-accent);
  background: var(--tlj-color-accent-soft);
  color: var(--tlj-color-accent);
  transform: translateY(-1px);
}
:is(.lista-trades-root,.evolucion-historica-container) :is(.tlj-trades-bulk-compare,.tlj-trades-bulk-edit) {
  display: inline-flex;
  gap: 7px;
  align-items: center;
  border: 1px solid rgba(var(--tlj-color-accent-rgb), .34);
  background: var(--tlj-color-accent-soft);
  color: var(--tlj-color-accent);
}
:is(.lista-trades-root,.evolucion-historica-container) :is(.tlj-trades-bulk-compare,.tlj-trades-bulk-edit) svg,
:is(.lista-trades-root,.evolucion-historica-container) .tlj-trades-bulk-delete svg {
  width: 15px;
  height: 15px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
:is(.lista-trades-root,.evolucion-historica-container) :is(.tlj-trades-bulk-compare,.tlj-trades-bulk-edit):is(:hover,:focus-visible):not(:disabled) {
  border-color: var(--tlj-color-accent);
  background: var(--tlj-color-accent);
  color: var(--tlj-color-on-accent);
  transform: translateY(-1px);
}
:is(.lista-trades-root,.evolucion-historica-container) .tlj-trades-bulk-compare:disabled {
  opacity: .35;
  cursor: not-allowed;
  transform: none;
}
:is(.lista-trades-root,.evolucion-historica-container) .tlj-trades-bulk-delete {
  display: inline-flex;
  gap: 7px;
  align-items: center;
  border: 1px solid var(--tlj-color-negative-text);
  background: var(--tlj-color-negative-bg);
  color: var(--tlj-color-negative-text);
}
:is(.lista-trades-root,.evolucion-historica-container) .tlj-trades-bulk-delete:is(:hover,:focus-visible) {
  border-color: var(--tlj-color-negative-hover-border);
  background: var(--tlj-color-negative-hover-bg);
  color: var(--tlj-color-negative-hover-text);
  transform: translateY(-1px);
}
@media (max-width: 620px) {
  :is(.lista-trades-root,.evolucion-historica-container) .tlj-trades-bulk-bar__actions {
    flex-wrap: wrap;
  }
}

/* ---------- CSV: aviso de copia, resultado y revisión · fuente única Lista + Evolución ----------
   Los plugins solo aportan el contenido (HTML/JS). Todo en tokens semánticos:
   Claro y Oscuro comparten las mismas reglas. */
html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) .tlj-backup-tip {
  display: flex;
  gap: 9px;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  border-bottom: 1px solid rgba(var(--tlj-color-accent-rgb), .12);
  background: rgba(var(--tlj-color-accent-rgb), .025);
  color: var(--tlj-color-text-muted);
  font-size: 13px;
  line-height: 1.55;
  text-align: center;
}

html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) .tlj-backup-tip svg {
  width: 17px;
  height: 17px;
  flex: 0 0 17px;
  fill: none;
  stroke: var(--tlj-color-info-text);
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) .tlj-backup-tip b {
  color: var(--tlj-color-info-text);
  -webkit-text-fill-color: currentColor;
}

/* Revisión del CSV antes de importar. */
html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) .modal-contenido.tlj-csv-review-modal {
  display: flex;
  flex-direction: column;
  width: min(940px, 100%);
  height: auto;
  max-height: calc(100vh - 40px);
  --tlj-modal-pad-top: 20px;
  --tlj-modal-pad-x: 22px;
  padding: var(--tlj-modal-pad-top) var(--tlj-modal-pad-x);
  overflow: auto;
}

html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) .tlj-csv-review-modal > :is(.tlj-modal-header,.tlj-csv-review-summary,.tlj-csv-global-errors,.tlj-csv-review-controls,.tlj-csv-review-filters,.tlj-csv-review-actions) {
  flex: 0 0 auto;
}

html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) .tlj-csv-review-modal > .tlj-modal-header {
  margin-bottom: 12px;
}

html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) .tlj-csv-review-summary {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  margin: 0 0 10px;
}

html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) .tlj-csv-review-summary > div {
  min-width: 0;
  padding: 9px 12px;
  border: 1px solid var(--tlj-color-border-strong);
  border-radius: 9px;
  background: var(--tlj-color-accent-soft-2);
}

html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) .tlj-csv-review-summary span {
  display: block;
  margin-bottom: 5px;
  color: var(--tlj-color-text-muted);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .55px;
  text-transform: uppercase;
}

html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) .tlj-csv-review-summary strong {
  color: var(--tlj-color-text);
  font-size: 20px;
  font-weight: 850;
  line-height: 1;
}

html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) .tlj-csv-global-errors {
  margin: 0 0 9px;
  padding: 9px 12px;
  border: 1px solid rgba(var(--tlj-color-negative-vivid-rgb), .28);
  border-radius: 8px;
  background: var(--tlj-color-negative-bg);
  color: var(--tlj-color-negative-text);
  font-size: 11.5px;
  line-height: 1.55;
}

html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) .tlj-csv-global-errors strong {
  color: var(--tlj-color-text);
}

html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) .tlj-csv-review-controls {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(280px, .8fr);
  gap: 9px;
  margin-bottom: 9px;
}

html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) :is(.tlj-csv-duplicate-mode,.tlj-csv-recovery-note) {
  min-width: 0;
  padding: 9px 12px;
  border: 1px solid var(--tlj-color-border);
  border-radius: 9px;
  background: var(--tlj-color-surface-2);
}

html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) :is(.tlj-csv-duplicate-mode > span,.tlj-csv-recovery-note strong) {
  display: block;
  margin-bottom: 8px;
  color: var(--tlj-color-info-text);
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .35px;
}

html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) .tlj-csv-duplicate-mode label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0 14px 0 0;
  color: var(--tlj-color-text-soft);
  font-size: 11.5px;
  font-weight: 650;
  cursor: pointer;
}

html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) .tlj-csv-duplicate-mode input[type="radio"] {
  width: 15px;
  height: 15px;
  min-height: 15px;
  margin: 0;
  accent-color: var(--tlj-color-accent);
}

html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) .tlj-csv-recovery-note {
  border-color: rgba(var(--tlj-color-warning-vivid-rgb), .22);
  background: var(--tlj-color-warning-bg);
}

html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) .tlj-csv-recovery-note strong {
  color: var(--tlj-color-warning-text);
}

html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) .tlj-csv-recovery-note span {
  display: block;
  color: var(--tlj-color-text-soft);
  font-size: 11px;
  line-height: 1.35;
}

html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) .tlj-csv-review-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0 0 7px;
}

html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) .tlj-csv-review-filters button {
  min-height: 28px;
  margin: 0;
  padding: 0 10px;
  border: 1px solid var(--tlj-color-border);
  border-radius: 7px;
  background: var(--tlj-color-surface-2);
  color: var(--tlj-color-text-muted);
  box-shadow: none;
  font-size: 10.5px;
  font-weight: 800;
  cursor: pointer;
}

html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) .tlj-csv-review-filters button:is(:hover,.is-active) {
  border-color: var(--tlj-color-border-strong);
  background: var(--tlj-color-hover);
  color: var(--tlj-color-info-text);
}

html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) .tlj-csv-review-table-wrap {
  flex: 1 1 auto;
  min-height: 0;
  max-height: min(38vh, 330px);
  overflow: auto;
  border: 1px solid var(--tlj-color-border);
  border-radius: 9px;
  background: var(--tlj-color-surface);
}

html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) .tlj-csv-review-table {
  width: 100%;
  min-width: 900px;
  border-collapse: collapse;
  table-layout: fixed;
}

html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) .tlj-csv-review-table :is(th,td) {
  padding: 10px 11px;
  border-bottom: 1px solid var(--tlj-color-divider);
  color: var(--tlj-color-text-soft);
  font-size: 10.5px;
  line-height: 1.4;
  text-align: left;
  vertical-align: top;
}

html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) .tlj-csv-review-table th {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--tlj-color-surface-2);
  color: var(--tlj-color-info-text);
  font-size: 9.5px;
  font-weight: 850;
  letter-spacing: .5px;
  text-transform: uppercase;
}

html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) .tlj-csv-review-table th:nth-child(1) { width: 58px; }
html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) .tlj-csv-review-table th:nth-child(2) { width: 105px; }
html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) .tlj-csv-review-table th:nth-child(3) { width: 110px; }
html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) .tlj-csv-review-table th:nth-child(4) { width: 120px; }
html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) .tlj-csv-review-table th:nth-child(5) { width: 110px; }
html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) .tlj-csv-review-table th:nth-child(6) { width: 115px; }

html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) .tlj-csv-row--error td { background: rgba(var(--tlj-color-negative-vivid-rgb), .025); }
html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) .tlj-csv-row--duplicate td { background: rgba(var(--tlj-color-warning-vivid-rgb), .022); }

html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) :is(.tlj-csv-status,.tlj-csv-action) {
  display: inline-flex;
  min-height: 23px;
  align-items: center;
  padding: 0 8px;
  border: 1px solid var(--tlj-color-border);
  border-radius: 999px;
  background: var(--tlj-color-surface-2);
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .3px;
  white-space: nowrap;
  text-transform: uppercase;
}

html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) .tlj-csv-status--valid { border-color: rgba(var(--tlj-color-positive-vivid-rgb), .28); color: var(--tlj-color-positive-text); }
html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) :is(.tlj-csv-status--warning,.tlj-csv-status--duplicate) { border-color: rgba(var(--tlj-color-warning-vivid-rgb), .45); background: var(--tlj-color-warning-bg); color: var(--tlj-color-warning-text); }
html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) .tlj-csv-status--error { border-color: rgba(var(--tlj-color-negative-vivid-rgb), .30); color: var(--tlj-color-negative-text); }
html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) .tlj-csv-action--add { border-color: var(--tlj-color-border-strong); color: var(--tlj-color-info-text); }
html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) .tlj-csv-action--replace { border-color: rgba(var(--tlj-color-warning-vivid-rgb), .30); color: var(--tlj-color-warning-text); }
html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) .tlj-csv-action--skip { color: var(--tlj-color-text-muted-2); }

html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) .tlj-csv-review-table .tlj-csv-review-empty td {
  padding: 25px 15px;
  color: var(--tlj-color-text-muted-2);
  text-align: center;
}

html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) .tlj-csv-review-actions {
  display: flex;
  gap: 10px;
  justify-content: center;
  margin-top: 10px;
}

html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) .tlj-csv-review-actions .tlj-modal-action--primary:disabled {
  border-color: var(--tlj-color-border);
  background: var(--tlj-color-surface-3);
  color: var(--tlj-color-text-disabled);
  opacity: 1;
}

@media (max-width: 900px) {
  html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) .tlj-csv-review-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) .tlj-csv-review-controls { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) .tlj-backup-tip { padding: 11px 14px; }
}

@media (max-width: 600px) {
  html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) .modal-contenido.tlj-csv-review-modal { max-height: calc(100vh - 24px); --tlj-modal-pad-x: 16px; }
  html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) .tlj-csv-review-table-wrap { flex: none; max-height: 38vh; }
  html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) .tlj-csv-duplicate-mode label { display: flex; margin: 8px 0 0; }
  html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) .tlj-csv-review-actions { flex-direction: column-reverse; }
}

/* Pantallas bajas: compacta la revisión para que quepa sin scroll de página. */
@media (min-width: 601px) and (max-height: 720px) {
  html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) .modal-contenido.tlj-csv-review-modal { --tlj-modal-pad-top: 16px; --tlj-modal-pad-x: 20px; padding-bottom: 14px; }
  html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) .tlj-csv-review-summary { gap: 6px; margin-bottom: 7px; }
  html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) .tlj-csv-review-summary > div { padding: 7px 10px; }
  html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) .tlj-csv-review-summary span { margin-bottom: 2px; font-size: 9px; }
  html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) .tlj-csv-review-summary strong { font-size: 18px; }
  html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) .tlj-csv-review-controls { gap: 7px; margin-bottom: 7px; }
  html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) :is(.tlj-csv-duplicate-mode,.tlj-csv-recovery-note) { padding: 7px 10px; }
  html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) .tlj-csv-review-filters { margin-bottom: 5px; }
  html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) .tlj-csv-review-table-wrap { min-height: 90px; }
  html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) .tlj-csv-review-actions { margin-top: 7px; }
}

/* ---------- Comparador: fuente única para Lista + Evolución ---------- */

html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) :is(
  #modalCompararTrades,#modalCompararFuturos,#modalCompararForex,#modalCompararCrypto,#modalCompararEH
) :is(.tlj-trades-compare-modal,.tlj-eh-compare-modal) {
  display: flex;
  box-sizing: border-box;
  width: min(1240px, 100%);
  height: auto;
  max-height: calc(100vh - 40px);
  --tlj-modal-pad-top: 18px;
  --tlj-modal-pad-x: 20px;
  padding: var(--tlj-modal-pad-top) var(--tlj-modal-pad-x);
  overflow: hidden;
  flex-direction: column;
}

html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) :is(
  .tlj-trades-compare-header,.tlj-eh-compare-header
) {
  flex: 0 0 auto;
  margin-bottom: 14px;
}

html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) :is(
  .tlj-trades-compare-scroll,.tlj-eh-compare-wrap
) {
  min-height: 0;
  height: auto;
  max-height: calc(100vh - 185px);
  flex: 0 1 auto;
  overflow: auto;
  border: 1px solid rgba(var(--tlj-color-accent-rgb), .30);
  border-radius: 9px;
  background: var(--tlj-effect-compare-scroll-bg);
}

html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) :is(
  .tlj-trades-compare-table,.tlj-eh-compare-table
) {
  width: max-content;
  min-width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  color: var(--tlj-color-text-secondary);
  font-size: 12px;
}

html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) :is(
  .tlj-trades-compare-table th,.tlj-trades-compare-table td,
  .tlj-eh-compare-table th,.tlj-eh-compare-table td
) {
  min-width: 150px;
  max-width: 230px;
  padding: 10px 12px;
  border-right: 1px solid rgba(var(--tlj-color-accent-rgb), .20);
  border-bottom: 1px solid rgba(var(--tlj-color-accent-rgb), .20);
  background: var(--tlj-effect-compare-cell-bg);
  color: var(--tlj-color-text-secondary);
  text-align: center;
  vertical-align: middle;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
  line-height: 1.35;
  background-clip: padding-box;
}

html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) :is(
  .tlj-trades-compare-table thead th,.tlj-eh-compare-table thead th
) {
  position: sticky;
  top: 0;
  z-index: 3;
  background: var(--tlj-effect-compare-header-bg);
  color: var(--tlj-color-accent);
  font-size: 10.5px;
  text-transform: uppercase;
}

html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) :is(
  .tlj-trades-compare-table thead th:first-child,.tlj-trades-compare-table tbody th,
  .tlj-eh-compare-table thead th:first-child,.tlj-eh-compare-table tbody th
) {
  position: sticky;
  left: 0;
  z-index: 2;
  min-width: 150px;
  background: var(--tlj-effect-compare-axis-bg);
  color: var(--tlj-color-accent);
  font-weight: 800;
  text-align: left;
  border-right-color: rgba(var(--tlj-color-accent-rgb), .20);
  border-bottom-color: rgba(var(--tlj-color-accent-rgb), .20);
  background-clip: padding-box;
  box-shadow: none;
}

html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) :is(
  .tlj-trades-compare-table thead th:first-child,.tlj-eh-compare-table thead th:first-child
) {
  z-index: 4;
  background: var(--tlj-effect-compare-header-bg);
}

html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) :is(
  .tlj-trades-compare-table thead th span,.tlj-trades-compare-table thead th strong,.tlj-trades-compare-table thead th small,
  .tlj-eh-compare-table thead th span,.tlj-eh-compare-table thead th strong,.tlj-eh-compare-table thead th small
) {
  display: block;
}

html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) :is(
  .tlj-trades-compare-table thead th span,.tlj-trades-compare-table thead th small,
  .tlj-eh-compare-table thead th span,.tlj-eh-compare-table thead th small
) {
  margin-bottom: 3px;
  color: var(--tlj-color-text-muted);
  font-size: 9px;
}

html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) :is(
  .tlj-trades-compare-table thead th strong,.tlj-eh-compare-table thead th strong
) {
  color: var(--tlj-color-text);
  font-size: 12px;
}

@media (max-width: 820px) {

  html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) :is(
    #modalCompararTrades,#modalCompararFuturos,#modalCompararForex,#modalCompararCrypto,#modalCompararEH
  ) :is(.tlj-trades-compare-modal,.tlj-eh-compare-modal) {
  width: min(1240px, 100%);
  max-height: calc(100vh - 24px);
  --tlj-modal-pad-top: 14px;
  --tlj-modal-pad-x: 13px;
}

  html[data-tlj-theme] :is(.lista-trades-root,.evolucion-historica-container) :is(
    .tlj-trades-compare-scroll,.tlj-eh-compare-wrap
  ) {
    max-height: calc(100vh - 145px);
  }
}

/* ---------- Warning filter: mismo estado visual ---------- */
html[data-tlj-theme="light"] :is(.lista-trades-root,.evolucion-historica-container) :is(.tlj-trades-head-icon--warning-filter,.tlj-eh-head-icon--warning-filter) {
  border: 1px solid rgba(var(--tlj-color-warning-rgb),.18) !important;
  background: transparent !important;
  color: var(--tlj-warning-text) !important;
  box-shadow: none !important;
}
html[data-tlj-theme="light"] :is(.lista-trades-root,.evolucion-historica-container) :is(.tlj-trades-head-icon--warning-filter,.tlj-eh-head-icon--warning-filter) svg {
  stroke: var(--tlj-warning-text) !important;
  filter: none !important;
}
html[data-tlj-theme="light"] :is(.lista-trades-root,.evolucion-historica-container) :is(.tlj-trades-head-icon--warning-filter,.tlj-eh-head-icon--warning-filter):is(:hover,:focus-visible) {
  border-color: rgba(var(--tlj-color-warning-rgb),.42) !important;
  background: var(--tlj-warning-bg) !important;
  outline: none !important;
}
html[data-tlj-theme="light"] :is(.lista-trades-root,.evolucion-historica-container) :is(.tlj-trades-head-icon--warning-filter,.tlj-eh-head-icon--warning-filter).is-active {
  border-color: rgba(var(--tlj-color-warning-rgb),.58) !important;
  background: var(--tlj-warning-bg) !important;
  color: var(--tlj-warning-text) !important;
}

/* ---------- Totales de separador: misma semántica ---------- */
html[data-tlj-theme="light"] .lista-trades-root .tlj-trades-date-toggle .is-positive,
html[data-tlj-theme="light"] .evolucion-historica-container .tlj-eh-month-toggle > b.is-positive {
  background: var(--tlj-positive-bg) !important;
  color: var(--tlj-positive-text) !important;
}
html[data-tlj-theme="light"] .lista-trades-root .tlj-trades-date-toggle .is-negative,
html[data-tlj-theme="light"] .evolucion-historica-container .tlj-eh-month-toggle > b.is-negative {
  background: var(--tlj-negative-bg) !important;
  color: var(--tlj-negative-text) !important;
}
html[data-tlj-theme="light"] .lista-trades-root .tlj-trades-date-toggle .is-breakeven,
html[data-tlj-theme="light"] .evolucion-historica-container .tlj-eh-month-toggle > b.is-breakeven {
  background: var(--tlj-breakeven-bg) !important;
  color: var(--tlj-breakeven-text) !important;
}