/* =========================================================
   TRADING LIFE JOURNAL · LISTA DE OPERACIONES
   Versión 2.0.0
   ========================================================= */

/* Con cualquier modal abierto, el contexto completo de Lista de Operaciones queda por encima
   de la cabecera fija del sitio, incluso estando la página en scroll 0. */
html.tlj-modal-open .lista-trades-root {
  z-index: 2147483000;
}

.lista-trades-root,
.lista-trades-root * {
  box-sizing: border-box;
}

.lista-trades-root {

  position: relative;
  isolation: isolate;
  min-height: 850px;
  overflow: hidden;
  /* Fondo base liso. El tema claro/oscuro decide el color mediante los tokens nativos. */

  color: var(--tlj-color-text);
}

.lista-trades-root button:not(.tlj-modal-action, .tlj-info, .tlj-dropdown__option, .tlj-data-menu__toggle),
.lista-trades-root input {
  font: inherit;
}

.lista-trades-root button:not(.tlj-modal-action),
.lista-trades-root a,
.lista-trades-root input {
  -webkit-tap-highlight-color: transparent;
}

.lista-trades-root button:not(.tlj-modal-action) {
  text-transform: none;
}

.lista-trades-root svg {
  display: block;
}

.lista-trades-root [hidden] {
  display: none !important;
}

/* =========================================================
   CABECERA
   ========================================================= */

@keyframes tlj-trades-pulse{
  0%,
  100% {
    opacity: .45;
    box-shadow: 0 0 0 3px rgba(var(--tlj-color-accent-rgb), .055);
  }

  50% {
    opacity: 1;
    box-shadow: 0 0 0 7px rgba(var(--tlj-color-accent-rgb), .10);
  }
}

/* =========================================================
   RESUMEN
   ========================================================= */

.tlj-trades-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 30px 0;
}

.tlj-trades-stat {
  position: relative;
  display: flex;
  min-height: 116px;
  gap: 15px;
  align-items: center;
  padding: 21px;
  overflow: hidden;
  border: 1px solid rgba(var(--tlj-color-accent-rgb), .42);
  border-radius: 11px;
  background: rgba(var(--tlj-color-surface-rgb), .93);
  transition: border-color .5s ease, background-color .5s ease, box-shadow .5s ease;
}

.tlj-trades-stat::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(var(--tlj-color-accent-rgb), .42), transparent);
  opacity: .55;
  content: "";
}

.tlj-trades-stat:hover {
  border-color: rgba(var(--tlj-color-accent-rgb), .72);
  background: var(--tlj-color-surface-2);
  box-shadow: var(--tlj-effect-shadow-md);
}

.tlj-trades-stat__icon {
  display: inline-flex;
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(var(--tlj-color-accent-rgb), .22);
  border-radius: 10px;
  background: rgba(var(--tlj-color-accent-rgb), .07);
  color: var(--tlj-color-accent-text);
}

.tlj-trades-stat__icon svg {
  width: 27px;
  height: 27px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.65;
}

.tlj-trades-stat > div {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 4px;
}

.tlj-trades-stat > div > span {
  overflow: hidden;
  color: var(--tlj-color-text-muted);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .65px;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.tlj-trades-stat strong {
  color: var(--tlj-color-text);
  font-size: 28px;
  font-weight: 900;
  line-height: 1;
}

.tlj-trades-stat--positive .tlj-trades-stat__icon {
  border-color: rgba(var(--tlj-color-positive-vivid-rgb), .22);
  background: rgba(var(--tlj-color-positive-vivid-rgb), .065);
  color: var(--tlj-color-positive-base);
}

.tlj-trades-stat--negative .tlj-trades-stat__icon {
  border-color: rgba(var(--tlj-color-negative-vivid-rgb), .2);
  background: rgba(var(--tlj-color-negative-vivid-rgb), .055);
  color: var(--tlj-color-negative-text);
}

.tlj-trades-stat--breakeven .tlj-trades-stat__icon {
  border-color: rgba(var(--tlj-color-breakeven-vivid-rgb), .25);
  background: rgba(var(--tlj-color-breakeven-vivid-rgb), .07);
  color: var(--tlj-color-breakeven-vivid-text);
}

/* =========================================================
   ESPACIO DE TRABAJO
   ========================================================= */

.tlj-trades-workspace {
  overflow: hidden;
  border: 1px solid var(--tlj-color-border);
  border-radius: 14px;
  background: rgba(var(--tlj-color-surface-rgb), .95);
  box-shadow: var(--tlj-effect-shadow-lg);
}

.tlj-trades-sync {
  display: inline-flex;
  min-width: 165px;
  min-height: 42px;
  gap: 9px;
  align-items: center;
  justify-content: center;
  padding: 0 14px;
  border: 1px solid rgba(var(--tlj-color-accent-rgb), .17);
  border-radius: 8px;
  background: rgba(var(--tlj-color-accent-rgb), .045);
  color: var(--tlj-color-text-soft);
  font-size: 10.5px;
  letter-spacing: .3px;
}

.tlj-trades-sync > span {
  width: 7px;
  height: 7px;
  flex: 0 0 7px;
  border-radius: 50%;
  background: var(--tlj-color-accent);
  box-shadow: 0 0 0 4px rgba(var(--tlj-color-accent-rgb), .07);
  animation: tlj-trades-pulse 3.2s ease-in-out infinite;
}

.tlj-trades-sync b {
  font-weight: 750;
}

/* =========================================================
   BARRA DE ACCIONES
   ========================================================= */

.lista-trades-root .boton-agregar {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  align-items: center;
  justify-content: flex-start;
  padding: 20px 30px;
  border-bottom: 1px solid var(--tlj-color-border);
  background: var(--tlj-color-surface-2);
}
.lista-trades-root .boton-agregar .tlj-trades-sync {
  margin-left: auto;
}
.lista-trades-root .tlj-trades-action {
  --tlj-top-action-border: var(--tlj-color-accent);
  display: inline-flex !important;
  width: auto !important;
  min-height: 46px !important;
  gap: 9px;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 16px !important;
  border: 1px solid var(--tlj-color-accent) !important;
  border-radius: 8px !important;
  background: var(--tlj-color-surface-2) !important;
  background-image: none !important;
  box-shadow: none !important;
  color: var(--tlj-color-text-soft) !important;
  font-size: 11.5px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: .25px !important;
  text-shadow: none !important;
  cursor: pointer;
  filter: none !important;
  opacity: 1 !important;
  transform: none !important;
  transition: color .45s ease, border-color .45s ease, background-color .45s ease, box-shadow .45s ease !important;
}

.lista-trades-root .tlj-trades-action svg {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
}

.lista-trades-root .tlj-trades-action:hover,
.lista-trades-root .tlj-trades-action:focus-visible {
  border-color: rgba(var(--tlj-color-accent-rgb), .45) !important;
  background: rgba(var(--tlj-color-accent-rgb), .075) !important;
  color: var(--tlj-color-accent-text) !important;
  box-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
  outline: none;
  transform: none !important;
}
.lista-trades-root .tlj-trades-action--primary {
  border-color: var(--tlj-color-accent) !important;
  background: var(--tlj-color-accent) !important;
  color: var(--tlj-color-on-accent) !important;
}

.lista-trades-root .tlj-trades-action--primary:hover,
.lista-trades-root .tlj-trades-action--primary:focus-visible {
  border-color: rgb(var(--tlj-color-contrast-rgb)) !important;
  background: rgb(var(--tlj-color-contrast-rgb)) !important;
  color: var(--tlj-color-on-accent) !important;
}

.lista-trades-root .tlj-trades-action--ghost {
  border-color: var(--tlj-color-accent) !important;
  background: transparent !important;
  color: var(--tlj-color-text-muted) !important;
}

.lista-trades-root .tlj-trades-action--utility {
  border-color: rgba(var(--tlj-color-accent-rgb), .17) !important;
  background: rgba(var(--tlj-color-accent-rgb), .035) !important;
  color: var(--tlj-color-text-soft) !important;
}

.tlj-trades-actions__separator {
  width: 1px;
  height: 29px;
  margin: 0 4px;
  background: var(--tlj-color-divider);
}

/* =========================================================
   TABLA
   ========================================================= */

.tlj-trades-table-card {
  position: relative;
  background: var(--tlj-color-field);
}

.tlj-trades-table-card__head {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 19px 30px;
  border-bottom: 1px solid var(--tlj-color-border);
}

.tlj-trades-table-card__head > div {
  display: flex;
  gap: 12px;
  align-items: center;
}

.tlj-trades-table-card__icon {
  display: inline-flex;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(var(--tlj-color-accent-rgb), .19);
  border-radius: 8px;
  background: rgba(var(--tlj-color-accent-rgb), .055);
  color: var(--tlj-color-accent-text);
}

.tlj-trades-table-card__icon svg {
  width: 21px;
  height: 21px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.6;
}

.tlj-trades-table-card__head > div > div {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.tlj-trades-table-card__head strong {
  color: var(--tlj-color-text);
  font-size: 13px;
  font-weight: 800;
}

.tlj-trades-table-card__head span {
  color: var(--tlj-color-text-muted-2);
  font-size: 10.5px;
}

.tlj-trades-table-card__head p {
  display: flex;
  gap: 7px;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0 !important;
  color: var(--tlj-color-text-muted-2) !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  text-align: center;
}

.tlj-trades-table-card__head p svg {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: var(--tlj-lista-graph-accent);
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.6;
}

.lista-trades-root .table-container {
  position: relative;
  display: block;
  width: 100%;
  max-height: 570px;
  margin: 0;
  overflow: auto;
  border: 0;
  border-radius: 0;
  background: var(--tlj-color-field);
  box-shadow: none;
}

.lista-trades-root :is(#tablaOperaciones,#tablaOperacionesFuturos,#tablaOperacionesForex,#tablaOperacionesCrypto,#tablaOperacionesProp) {
  width: max-content;
  min-width: 100%;
  margin: 0;
  border: 0;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: auto;
  background: var(--tlj-color-field);
  color: var(--tlj-color-text-soft);
  font-size: 13px;
}

.lista-trades-root :is(#tablaOperaciones,#tablaOperacionesFuturos,#tablaOperacionesForex,#tablaOperacionesCrypto,#tablaOperacionesProp) th,
.lista-trades-root :is(#tablaOperaciones,#tablaOperacionesFuturos,#tablaOperacionesForex,#tablaOperacionesCrypto,#tablaOperacionesProp) td {
  width: auto;
  padding: 15px 13px;
  border: 0;
  border-right: 1px solid var(--tlj-color-divider);
  border-bottom: 1px solid var(--tlj-color-divider);
  line-height: 1.45;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}


.lista-trades-root #tablaOperaciones th:nth-child(24),
.lista-trades-root #tablaOperaciones td:nth-child(24) {
  min-width: 210px;
  max-width: 280px;
  white-space: normal;
}

.lista-trades-root #tablaOperacionesFuturos td[data-future-column="comentarios"],
.lista-trades-root #tablaOperacionesForex td[data-forex-column="comentarios"],
.lista-trades-root #tablaOperacionesCrypto td[data-crypto-column="comentarios"] {
  min-width: 210px;
  max-width: 280px;
  white-space: normal;
}

.lista-trades-root :is(#tablaOperaciones,#tablaOperacionesFuturos,#tablaOperacionesForex,#tablaOperacionesCrypto,#tablaOperacionesProp) thead th {
  position: sticky;
  top: 0;
  z-index: 10;
  min-width: max-content;

  background: var(--tlj-selection-column-bg);
  color: var(--tlj-color-accent-text);

  border-top: 1px solid rgba(var(--tlj-color-accent-rgb), .35);
  border-bottom: 1px solid rgba(var(--tlj-color-accent-rgb), .45);

  font-size: 10.5px;
  font-weight: 850;
  letter-spacing: .5px;
  text-transform: uppercase;

  box-shadow: none;
}

.lista-trades-root :is(#tablaOperaciones,#tablaOperacionesFuturos,#tablaOperacionesForex,#tablaOperacionesCrypto,#tablaOperacionesProp) tbody tr {
  background: var(--tlj-color-surface) !important;
  transition: background-color .4s ease;
}

.lista-trades-root :is(#tablaOperaciones,#tablaOperacionesFuturos,#tablaOperacionesForex,#tablaOperacionesCrypto,#tablaOperacionesProp) tbody tr:nth-child(even) {
  background: var(--tlj-color-surface) !important;
}

.lista-trades-root :is(#tablaOperaciones,#tablaOperacionesFuturos,#tablaOperacionesForex,#tablaOperacionesCrypto,#tablaOperacionesProp) tbody tr:hover {
  background: var(--tlj-color-surface-3) !important;
}

.lista-trades-root :is(#tablaOperaciones,#tablaOperacionesFuturos,#tablaOperacionesForex,#tablaOperacionesCrypto,#tablaOperacionesProp) tbody td {
  height: 62px;
  overflow: hidden;
  color: var(--tlj-color-text-soft);
  font-size: 12.5px;
  font-weight: 550;
  text-overflow: ellipsis;
}

/* Fila positiva: solo columnas intermedias */
.lista-trades-root :is(#tablaOperaciones,#tablaOperacionesFuturos,#tablaOperacionesForex,#tablaOperacionesCrypto,#tablaOperacionesProp) tbody tr.tlj-trade--positive td:not(:first-child):not(:last-child) {
  background: rgba(var(--tlj-color-positive-vivid-rgb), .1) !important;
}

/* Fila negativa: solo columnas intermedias */
.lista-trades-root :is(#tablaOperaciones,#tablaOperacionesFuturos,#tablaOperacionesForex,#tablaOperacionesCrypto,#tablaOperacionesProp) tbody tr.tlj-trade--negative td:not(:first-child):not(:last-child) {
  background: rgba(var(--tlj-color-negative-vivid-rgb), .1) !important;
}

/* Break Even: solo columnas intermedias */
.lista-trades-root :is(#tablaOperaciones,#tablaOperacionesFuturos,#tablaOperacionesForex,#tablaOperacionesCrypto,#tablaOperacionesProp) tbody tr.tlj-trade--breakeven td:not(:first-child):not(:last-child) {
  background: rgba(var(--tlj-color-breakeven-vivid-rgb), .1) !important;
}

.lista-trades-root :is(#tablaOperaciones,#tablaOperacionesFuturos,#tablaOperacionesForex,#tablaOperacionesCrypto,#tablaOperacionesProp) th:last-child,
.lista-trades-root :is(#tablaOperaciones,#tablaOperacionesFuturos,#tablaOperacionesForex,#tablaOperacionesCrypto,#tablaOperacionesProp) td:last-child {
  position: sticky;
  right: 0;
  z-index: 6;
  min-width: 84px;
  padding: 8px;
  border-right: 0;
  background: var(--tlj-color-surface) !important;
  box-shadow: -1px 0 0 var(--tlj-color-border);
}

.lista-trades-root :is(#tablaOperaciones,#tablaOperacionesFuturos,#tablaOperacionesForex,#tablaOperacionesCrypto,#tablaOperacionesProp) thead th:last-child {
  z-index: 16;
  background: var(--tlj-selection-column-bg) !important;
}

.lista-trades-root :is(#tablaOperaciones,#tablaOperacionesFuturos,#tablaOperacionesForex,#tablaOperacionesCrypto,#tablaOperacionesProp) tbody a {
  display: inline-flex;
  color: var(--tlj-color-accent-text);
  text-decoration: none;
  transform: none;
  transition: color .35s ease;
}

.lista-trades-root :is(#tablaOperaciones,#tablaOperacionesFuturos,#tablaOperacionesForex,#tablaOperacionesCrypto,#tablaOperacionesProp) tbody a:hover {
  color: var(--tlj-color-button-hover-text);
  text-decoration: none;
  transform: none;
}

.lista-trades-root :is(#tablaOperaciones,#tablaOperacionesFuturos,#tablaOperacionesForex,#tablaOperacionesCrypto,#tablaOperacionesProp) td img {
  width: 58px !important;
  height: 38px;
  border: 1px solid rgba(var(--tlj-color-accent-rgb), .25);
  border-radius: 6px;
  object-fit: cover;
  opacity: .88;
  transition: border-color .4s ease, opacity .4s ease;
}

.lista-trades-root :is(#tablaOperaciones,#tablaOperacionesFuturos,#tablaOperacionesForex,#tablaOperacionesCrypto,#tablaOperacionesProp) td img:hover {
  border-color: var(--tlj-color-accent);
  opacity: 1;
}

.lista-trades-root .action-btn {
  display: inline-flex !important;
  width: 31px !important;
  height: 31px !important;
  min-height: 31px !important;
  align-items: center !important;
  justify-content: center !important;
  vertical-align: middle !important;
  margin: 2px !important;
  padding: 0 !important;
  border: 1px solid var(--tlj-color-border) !important;
  border-radius: 7px !important;
  background: var(--tlj-color-surface-2) !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  cursor: pointer;
  transform: none !important;
  transition: color .4s ease, border-color .4s ease, background-color .4s ease !important;
}

.lista-trades-root .delete-btn {
  color: var(--tlj-color-negative-text) !important;
}

.lista-trades-root .edit-btn {
  color: var(--tlj-color-accent-text) !important;
}

.lista-trades-root .delete-btn:hover,
.lista-trades-root .delete-btn:focus-visible {
  border-color: rgba(var(--tlj-color-negative-vivid-rgb), .38) !important;
  background: rgba(var(--tlj-color-negative-vivid-rgb), .075) !important;
  color: var(--tlj-color-negative-text) !important;
  outline: none;
  transform: none !important;
}

.lista-trades-root .edit-btn:hover,
.lista-trades-root .edit-btn:focus-visible {
  border-color: rgba(var(--tlj-color-accent-rgb), .4) !important;
  background: rgba(var(--tlj-color-accent-rgb), .075) !important;
  color: var(--tlj-color-button-hover-text) !important;
  outline: none;
  transform: none !important;
}

.lista-trades-root .edit-icon {
  display: inline-flex;
  width: 18px;
  height: 18px;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  line-height: 1;
}

.lista-trades-root .delete-icon {
  display: inline-flex;
  width: 30px;
  height: 30px;
  align-items: center;
  justify-content: center;
  font-size: 26px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

/* Columnas calculadas que se mantienen en los datos y en CSV,
   pero no se muestran en la vista compacta. */
.lista-trades-root #tablaOperaciones th:nth-child(13),
.lista-trades-root #tablaOperaciones td:nth-child(13),
.lista-trades-root #tablaOperaciones th:nth-child(14),
.lista-trades-root #tablaOperaciones td:nth-child(14),
.lista-trades-root #tablaOperaciones th:nth-child(16),
.lista-trades-root #tablaOperaciones td:nth-child(16),
.lista-trades-root #tablaOperaciones th:nth-child(17),
.lista-trades-root #tablaOperaciones td:nth-child(17),
.lista-trades-root #tablaOperaciones th:nth-child(19),
.lista-trades-root #tablaOperaciones td:nth-child(19) {
  display: none;
}

.tlj-trades-empty {
  display: none;
  min-height: 255px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 44px 24px 50px;
  border-top: 1px solid var(--tlj-color-divider);
  text-align: center;
}

.lista-trades-root.is-empty .tlj-trades-empty {
  display: flex;
}

.lista-trades-root.is-empty .table-container {
  max-height: none;
}

.tlj-trades-empty__icon {
  display: inline-flex;
  width: 64px;
  height: 64px;
  align-items: center;
  justify-content: center;
  margin-bottom: 17px;
  border: 1px solid rgba(var(--tlj-color-accent-rgb), .18);
  border-radius: 14px;
  background: rgba(var(--tlj-color-accent-rgb), .05);
  color: var(--tlj-color-accent-text);
}

.tlj-trades-empty__icon svg {
  width: 34px;
  height: 34px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.4;
}

.tlj-trades-empty strong {
  color: var(--tlj-color-text);
  font-size: 18px;
  font-weight: 800;
}

.tlj-trades-empty p {
  max-width: 460px;
  margin: 8px 0 0 !important;
  color: var(--tlj-color-text-muted) !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
}

/* =========================================================
   MODALES
   ========================================================= */

.lista-trades-root .modal {
  overflow: auto;
  padding: 12px 20px;
}

.lista-trades-root .modal-contenido {
  --tlj-modal-pad-top: 34px;
  --tlj-modal-pad-x: 34px;
  width: min(100%, 900px);
  padding: var(--tlj-modal-pad-top) var(--tlj-modal-pad-x);
  text-align: left;
  font-size: 13px;
}

/* =========================================================
   APERTURA Y CIERRE SUAVE
   No afecta al visor de gráficas
   ========================================================= */

/* Estado abierto */

.tlj-trades-modal-header > span {
  display: block;
}.tlj-trades-modal-header p {
  max-width: 650px;
}

/* =========================================================
   FORMULARIOS
   ========================================================= */

.lista-trades-root .formulario {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  align-items: start;
  margin: 0;
}

.lista-trades-root .form-column {
  display: flex;
  width: 100%;
  min-width: 0;
  flex-direction: column;
  gap: 6px;
  padding: 12px;
  border: 1px solid rgba(var(--tlj-color-accent-rgb), .44);
  border-radius: 11px;
  background: var(--tlj-color-surface-2);
}

/* Etiqueta flotante compacta: conserva el nombre del campo cuando deja de verse el placeholder. */
.lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview) .tlj-field-float{
  position:relative;
  width:100%;
  min-width:0;
}
.lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview) .tlj-field-float-label{
  position:absolute;
  top:3px;
  left:13px;
  z-index:4;
  max-width:calc(100% - 48px);
  overflow:hidden;
  color:var(--tlj-color-text-muted-2);
  font-size:8px;
  font-weight:700;
  line-height:1;
  letter-spacing:.01em;
  opacity:0;
  pointer-events:none;
  text-overflow:ellipsis;
  white-space:nowrap;
  transition:opacity .16s ease;
}
.lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview) .tlj-field-float.is-float-active > .tlj-field-float-label{
  opacity:1;
}
.lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview) .tlj-field-float.is-float-active > input,
.lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview) .tlj-field-float.is-float-active > .date-input,
.lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview) .tlj-field-float.is-float-active > .time-input{
  padding-top:8px!important;
  padding-bottom:0!important;
  line-height:1.15!important;
}
.lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview) .tlj-field-float.is-float-active > .custom-select .selected{
  padding-top:8px!important;
  line-height:1.15!important;
}
.lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview) .date-wrapper.tlj-field-float > .tlj-field-float-label,
.lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview) .time-wrapper.tlj-field-float > .tlj-field-float-label,
.lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview) .tlj-risk-field.tlj-field-float > .tlj-field-float-label{
  left:13px;
}
@media (min-width:901px) and (max-height:850px){
  .lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview) .tlj-field-float-label{top:2px;font-size:7px}
  .lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview) .tlj-field-float.is-float-active > input,
  .lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview) .tlj-field-float.is-float-active > .custom-select .selected{padding-top:7px!important}
}

.lista-trades-root .formulario input:not([type="file"]),
.lista-trades-root .flatpickr-input,
.lista-trades-root .custom-select,
.lista-trades-root .grafica-box {
  width: 100% !important;
  height: 42px;
  min-height: 42px;
  margin: 0;
  position: relative;
  display: flex;
  gap: 9px;
  align-items: center;
  justify-content: flex-start;
  padding: 0 52px 0 13px;
  cursor: pointer;
  border: 1px solid var(--tlj-color-border) !important;
  border-radius: 8px !important;
  background: var(--tlj-color-field) !important;
  background-image: none !important;
  box-shadow: none !important;
  color: var(--tlj-color-text-secondary) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 40px;
  text-align: left !important;
  outline: none;
  transform: none !important;
  transition: border-color .4s ease, background-color .4s ease, box-shadow .4s ease !important;
}

.lista-trades-root .formulario input:not([type="file"]) {
  cursor: text;
}

.lista-trades-root .formulario input[readonly] {
  cursor: pointer;
}

.lista-trades-root .formulario input:hover,
.lista-trades-root .formulario input:focus,
.lista-trades-root .custom-select:hover,
.lista-trades-root .custom-select.open,
.lista-trades-root .grafica-box:hover,
.lista-trades-root .grafica-box:focus-within,
.lista-trades-root .form-column > .tlj-psychology-trigger:hover,
.lista-trades-root .form-column > .tlj-psychology-trigger:focus-visible {
  border-color: rgba(var(--tlj-color-accent-rgb), .70) !important;
  background: var(--tlj-color-surface-2) !important;
  box-shadow: 0 0 0 3px rgba(var(--tlj-color-accent-rgb), .055) !important;
}

.lista-trades-root .formulario input.filled,
.lista-trades-root .formulario input:not([type="file"]):not(:placeholder-shown),
.lista-trades-root .custom-select.filled,
.lista-trades-root .grafica-box.filled {
  border-color: rgba(var(--tlj-color-accent-rgb), .28) !important;
  background: var(--tlj-color-surface-2) !important;
  color: var(--tlj-color-text) !important;
  font-weight: 700 !important;
}

.lista-trades-root input::placeholder,
.lista-trades-root .flatpickr-input::placeholder,
.lista-trades-root .date-input::placeholder,
.lista-trades-root .time-input::placeholder,
.lista-trades-root .custom-select .selected.placeholder,
.lista-trades-root .form-column > .tlj-psychology-trigger {
  color: var(--tlj-color-input-placeholder) !important;
  -webkit-text-fill-color: var(--tlj-color-input-placeholder) !important;
  font-size: 12.5px !important;
  font-weight: 550 !important;
  opacity: 1 !important;
  text-align: left !important;
}

.lista-trades-root .date-wrapper,
.lista-trades-root .time-wrapper {
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
  cursor: pointer;
}

.lista-trades-root .date-icon,
.lista-trades-root .time-icon {
  position: absolute;
  right: 14px;
  display: flex;
  width: 21px;
  height: 21px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  pointer-events: auto;
}

/* Custom select */

.lista-trades-root .custom-select {
  position: relative;
  padding: 0;
  cursor: pointer;
  user-select: none;
}

.lista-trades-root .custom-select .selected {
  display: flex;
  height: 40px;
  align-items: center;
  justify-content: space-between;
  padding: 0 40px 0 13px;
  overflow: hidden;
  border-radius: 8px;
  background: transparent;
  color: var(--tlj-color-text-secondary);
  font-size: 13px;
  line-height: 40px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  outline: none;
}

.lista-trades-root .custom-select .selected::after {
  position: absolute;
  top: 50%;
  right: 17px;
  width: 7px;
  height: 7px;
  border-right: 1.5px solid var(--tlj-color-accent);
  border-bottom: 1.5px solid var(--tlj-color-accent);
  content: "";
  transform: translateY(-65%) rotate(45deg);
  transition: transform .35s ease;
}

.lista-trades-root .custom-select.open .selected::after {
  transform: translateY(-25%) rotate(225deg);
}

.lista-trades-root .custom-select .selected.filled {
  color: var(--tlj-color-text);
  font-weight: 700;
}

.lista-trades-root .custom-select .options {
  display: none;
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  left: 0;
  z-index: 100;
  max-height: var(--tlj-custom-select-max-height, 196px);
  overflow-y: var(--tlj-custom-select-overflow, auto);
  line-height: normal;
}

.lista-trades-root .custom-select.open-up .options {
  top: auto;
  bottom: calc(100% + 6px);
}

.lista-trades-root .custom-select .option {
  min-height: 38px;
  padding: 10px 11px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.35;
  text-align: left;
}

/* Símbolos en cuarentena: aviso visual sin alterar el valor real del símbolo. */
.lista-trades-root #simbolo .option.is-quarantine {
  display: flex;
  align-items: center;
  gap: 8px;
}

.lista-trades-root #simbolo .option.is-quarantine::after {
  flex: 0 0 auto;
  margin-left: auto;
  padding: 3px 7px;
  border: 1px solid rgb(var(--tlj-color-warning-vivid-rgb));
  border-radius: 5px;
  background: rgba(var(--tlj-color-warning-vivid-rgb), .07);
  color: var(--tlj-color-warning-text);
  content: "CUARENTENA";
  font-size: 8px;
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: .55px;
  text-shadow: 0 0 9px rgba(var(--tlj-color-warning-vivid-rgb), .12);
}

/* Imagen */

.lista-trades-root .grafica-container {
  position: relative;
  display: flex;
  width: 100%;
  flex-direction: column;
}

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

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

.lista-trades-root #previewGrafica {
  display: none;
}

/* Botones del modal */

.lista-trades-root .botones-modal {
  display: flex;
  grid-column: 1 / -1;
  gap: 9px;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 5px auto 0;
}

.lista-trades-root .botones-modal button:not(.tlj-modal-action) {
  display: inline-flex !important;
  min-width: 165px;
  min-height: 40px;
  gap: 9px;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0 20px !important;
  border: 1px solid var(--tlj-color-accent) !important;
  border-radius: 8px !important;
  background: var(--tlj-color-accent) !important;
  background-image: none !important;
  box-shadow: none !important;
  color: var(--tlj-color-on-accent) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  letter-spacing: .25px;
  text-shadow: none !important;
  cursor: pointer;
  filter: none !important;
  opacity: 1 !important;
  transform: none !important;
  transition: color .45s ease, border-color .45s ease, background-color .45s ease !important;
}

.lista-trades-root .botones-modal button:not(.tlj-modal-action) svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.9;
}

.lista-trades-root .botones-modal button:not(.tlj-modal-action):hover,
.lista-trades-root .botones-modal button:not(.tlj-modal-action):focus-visible {
  border-color: rgb(var(--tlj-color-contrast-rgb)) !important;
  background: rgb(var(--tlj-color-contrast-rgb)) !important;
  color: var(--tlj-color-on-accent) !important;
  filter: none !important;
  opacity: 1 !important;
  outline: none;
  transform: none !important;
}

/* Visor de imagen */

.lista-trades-root .modal-contenido--image {
  width: min(100%, 940px);
  padding: 22px;
  text-align: center;
}

.lista-trades-root #imgPopup {
  display: block;
  width: 100%;
  max-width: 870px;
  max-height: calc(100vh - 130px);
  margin: 0 auto;
  border-radius: 9px;
  object-fit: contain;
}

/* Confirmación de borrado: piel y geometría centralizadas en TLJ Tema. */

/* =========================================================
   SELECTOR DE HORA
   ========================================================= */

.lista-trades-root .timepicker-box {
  width: min(100%, 360px);
  overflow: hidden;
  font-size: 13px;
}

.lista-trades-root .timepicker-header {
  padding: 22px 22px 18px;
  border-bottom: 1px solid var(--tlj-color-border);
  background: rgba(var(--tlj-color-accent-rgb), .055);
  text-align: center;
}

.lista-trades-root .timepicker-header span {
  display: block;
  margin-bottom: 5px;
  color: var(--tlj-color-accent-text);
  font-size: 9.5px;
  font-weight: 850;
  letter-spacing: 1.3px;
  text-transform: uppercase;
}

.lista-trades-root .timepicker-header strong {
  color: var(--tlj-color-text-secondary);
  font-size: 18px;
  font-weight: 800;
}

.lista-trades-root .timepicker-labels {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px;
  padding: 14px 16px 0;
  color: var(--tlj-color-text-muted-2);
  font-size: 9.5px;
  font-weight: 800;
  letter-spacing: 1px;
  text-align: center;
  text-transform: uppercase;
}

.lista-trades-root .timepicker-body {
  display: flex;
  gap: 9px;
  max-height: 270px;
  padding: 9px 16px 15px;
}

.lista-trades-root .time-list {
  flex: 1 1 50%;
  max-height: 240px;
  overflow-y: auto;
  padding: 5px;
  border: 1px solid var(--tlj-color-border);
  border-radius: 8px;
  background: var(--tlj-color-dropdown-bg);
}

.lista-trades-root .time-list .tp-item {
  min-height: 38px;
  margin: 2px 0;
  padding: 10px;
  border: 1px solid transparent;
  border-radius: 6px;
  color: var(--tlj-color-text-soft);
  font-size: 12px;
  font-weight: 650;
  text-align: center;
  cursor: pointer;
  user-select: none;
  transition: color .3s ease, border-color .3s ease, background-color .3s ease;
}

.lista-trades-root .time-list .tp-item:hover {
  border-color: rgba(var(--tlj-color-accent-rgb), .18);
  background: rgba(var(--tlj-color-accent-rgb), .11);
  color: var(--tlj-color-text);
}

.lista-trades-root .time-list .tp-item.selected {
  border-color: var(--tlj-color-accent);
  background: var(--tlj-color-accent);
  color: var(--tlj-color-on-accent);
  font-weight: 850;
}

.lista-trades-root .timepicker-hint {
  margin: 0 !important;
  padding: 0 16px 17px;
  color: var(--tlj-color-text-secondary) !important;
  font-size: 10px !important;
  line-height: 1.5 !important;
  text-align: center;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1100px){
  .tlj-trades-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

}

@media (max-width: 900px){

  .tlj-trades-workspace__header {
    align-items: flex-start;
  }

  .lista-trades-root .formulario {
    grid-template-columns: 1fr;
  }

  .lista-trades-root .modal-contenido {
    width: min(100%, 620px);
  }

  .lista-trades-root .botones-modal {
    grid-column: auto;
  }
}

@media (max-width: 680px){

  .tlj-trades-summary {
    gap: 9px;
    margin: 20px 0;
  }

  .tlj-trades-stat {
    min-height: 100px;
    gap: 11px;
    padding: 15px;
  }

  .tlj-trades-stat__icon {
    width: 40px;
    height: 40px;
    flex-basis: 40px;
  }

  .tlj-trades-stat__icon svg {
    width: 23px;
    height: 23px;
  }

  .tlj-trades-stat > div > span {
    font-size: 9px;
    letter-spacing: .4px;
  }

  .tlj-trades-stat strong {
    font-size: 23px;
  }

  .tlj-trades-workspace {
    border-radius: 11px;
  }

  .tlj-trades-workspace__header {
    flex-direction: column;
    gap: 17px;
    padding: 23px 18px;
  }

  .tlj-trades-workspace__header h2 {
    font-size: 22px !important;
  }

  .tlj-trades-sync {
    min-width: 0;
    min-height: 38px;
  }

  .lista-trades-root .boton-agregar {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 16px 18px;
  }
  .lista-trades-root .boton-agregar .tlj-trades-sync {
    grid-column: 1 / -1;
    justify-self: end;
    margin-left: 0;
  }
  .lista-trades-root .tlj-trades-action {
    width: 100% !important;
    min-height: 45px !important;
    padding: 0 10px !important;
    font-size: 10.5px !important;
  }

  .lista-trades-root .tlj-trades-action--primary {
    grid-column: 1 / -1;
  }

  .tlj-trades-actions__separator {
    display: none;
  }

  .tlj-trades-table-card__head {
      align-items: center;
      justify-content: center;
      padding: 17px 18px;
    }
    
    .tlj-trades-table-card__head > p {
      display: flex;
      justify-content: center;
    }

  .lista-trades-root #tablaOperaciones {
    min-width: 1960px;
  }

  .lista-trades-root #tablaOperaciones th,
  .lista-trades-root #tablaOperaciones td {
    padding: 13px 11px;
  }

  .tlj-trades-empty {
    min-height: 220px;
    padding: 36px 18px 42px;
  }

  .lista-trades-root .modal {padding:1px 10px;}

  .lista-trades-root .modal-contenido {
  --tlj-modal-pad-top: 22px;
  --tlj-modal-pad-x: 14px;
  padding-bottom: 18px;
  --tlj-modal-radius: 11px;
}

  .lista-trades-root .form-column {
    gap: 8px;
    padding: 13px;
  }

  .lista-trades-root .botones-modal {
    flex-direction: column;
  }

  .lista-trades-root .botones-modal button:not(.tlj-modal-action) {
    width: 100% !important;
  }

}

@media (max-width: 430px){
  .tlj-trades-summary {
    grid-template-columns: 1fr;
  }

  .tlj-trades-stat {
    min-height: 86px;
  }

  .lista-trades-root .boton-agregar {
    grid-template-columns: 1fr;
  }

  .lista-trades-root .tlj-trades-action--primary {
    grid-column: auto;
  }

}

/* =========================================================
   LISTA DE OPERACIONES 3.0 · EXTENSIONES
   ========================================================= */



/* Contorno e interiores de tabla */
.lista-trades-root .tlj-trades-table-card{overflow:hidden;border:1px solid var(--tlj-color-accent)!important;border-radius:10px!important}
.lista-trades-root #tablaOperaciones th,.lista-trades-root #tablaOperaciones td{border-right:1px solid rgba(var(--tlj-color-accent-rgb), .16)!important;border-bottom:1px solid rgba(var(--tlj-color-accent-rgb), .16)!important}
.lista-trades-root #tablaOperaciones thead th{border-bottom-color:rgba(var(--tlj-color-accent-rgb), .42)!important}
.lista-trades-root #tablaOperaciones th:last-child,.lista-trades-root #tablaOperaciones td:last-child{border-right:0!important}

/* Scroll hint solo cuando JS detecta overflow */
.lista-trades-root #tljTradesScrollHint[hidden]{display:none!important}

/* Cabeceras por fecha */
.lista-trades-root :is(#tablaOperaciones,#tablaOperacionesFuturos,#tablaOperacionesForex,#tablaOperacionesCrypto,#tablaOperacionesProp) tbody tr.tlj-trades-date-group,.lista-trades-root :is(#tablaOperaciones,#tablaOperacionesFuturos,#tablaOperacionesForex,#tablaOperacionesCrypto,#tablaOperacionesProp) tbody tr.tlj-trades-date-group:hover{background:var(--tlj-color-surface-2)!important}
.lista-trades-root :is(#tablaOperaciones,#tablaOperacionesFuturos,#tablaOperacionesForex,#tablaOperacionesCrypto,#tablaOperacionesProp) tbody tr.tlj-trades-date-group td{padding:0!important;background:var(--tlj-color-surface-2)!important;border-bottom:1px solid rgba(var(--tlj-color-accent-rgb), .28)!important}
.lista-trades-root .tlj-trades-date-toggle{display:flex!important;width:100%!important;min-height:43px!important;gap:12px;align-items:center;margin:0!important;padding:8px 18px!important;border:0!important;border-radius:0!important;background:linear-gradient(90deg,rgba(var(--tlj-color-accent-rgb), .08),rgba(var(--tlj-color-accent-rgb), .025) 55%,transparent)!important;color:var(--tlj-color-text-secondary)!important;font-size:11.5px!important;text-align:left!important;cursor:pointer}
.lista-trades-root .tlj-trades-date-toggle strong{color:var(--tlj-color-text);font-size:12px}.lista-trades-root .tlj-trades-date-toggle b{margin-left:0;padding:4px 8px;border-radius:6px;font-size:12px}.lista-trades-root .tlj-trades-date-toggle .is-positive{background:rgba(var(--tlj-color-positive-vivid-rgb), .1);color:var(--tlj-color-positive-text)}.lista-trades-root .tlj-trades-date-toggle .is-negative{background:rgba(var(--tlj-color-negative-vivid-rgb), .1);color:var(--tlj-color-negative-text)}.lista-trades-root .tlj-trades-date-toggle .is-breakeven{background:rgba(var(--tlj-color-breakeven-vivid-rgb), .1);color:var(--tlj-color-breakeven-text)}

/* Acciones de cabecera */
.lista-trades-root .tlj-trades-table-head-actions{display:inline-flex;gap:7px;align-items:center;justify-content:center}
.lista-trades-root .tlj-trades-head-icon{display:inline-flex!important;width:35px!important;height:35px!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important;border-radius:7px!important;cursor:pointer}
/* Selección múltiple independiente */
.lista-trades-root .tlj-trades-select-all,.lista-trades-root .tlj-trade-select-wrap{display:inline-flex;align-items:center;justify-content:center;margin:0!important;cursor:pointer}.lista-trades-root .tlj-trades-select-all input,.lista-trades-root .tlj-trade-select-wrap input{position:absolute;width:1px;height:1px;opacity:0}.lista-trades-root .tlj-trades-row-check{display:inline-flex;width:21px;height:21px;align-items:center;justify-content:center;border:1px solid rgba(var(--tlj-color-accent-rgb), .70);border-radius:5px;background:var(--tlj-color-surface-2);color:transparent;font-size:11px;font-weight:900}.lista-trades-root .tlj-trades-select-all input:checked+.tlj-trades-row-check,.lista-trades-root .tlj-trade-select-wrap input:checked+.tlj-trades-row-check{background:var(--tlj-color-accent);color:var(--tlj-color-on-accent)}.lista-trades-root .tlj-trades-select-all input:indeterminate+.tlj-trades-row-check{background:rgba(var(--tlj-color-accent-rgb), .18);color:var(--tlj-color-accent-text)}

/* Columnas: el panel es el modal Personalizar de TLJ Tema (.tlj-customize); aquí el overlay, el ancho, la leyenda y el aviso ⚠ de cada casilla. */
.lista-trades-root .tlj-trades-columns-modal{--tlj-customize-columns:4;width:min(1080px,100%)}.lista-trades-root .tlj-trades-columns-legend{display:flex;gap:18px;align-items:center;justify-content:center;margin:0 0 11px;color:var(--tlj-color-text-muted);font-size:9.5px;font-weight:750}.lista-trades-root .tlj-trades-columns-legend span{display:inline-flex;gap:7px;align-items:center}.lista-trades-root .tlj-trades-columns-legend .tlj-trades-column-check{display:inline-flex;width:18px;height:18px;align-items:center;justify-content:center;border-radius:5px;background:var(--tlj-color-accent);color:var(--tlj-color-on-accent);font-size:10px;font-style:normal}.lista-trades-root .tlj-trades-warning-mini{display:inline-flex;width:18px;height:18px;align-items:center;justify-content:center;border:none;border-radius:0;background:transparent;color:var(--tlj-color-warning-text);font-style:normal;font-size:18px;font-weight:900}.lista-trades-root .tlj-trades-column-main{display:flex;min-width:0;flex:1;align-self:stretch;gap:8px;align-items:center;margin:0;cursor:pointer}.lista-trades-root .tlj-trades-column-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lista-trades-root .tlj-customize__option .tlj-trades-warning-toggle{display:inline-flex;min-width:28px;height:24px;align-items:center;justify-content:center;margin:0;padding:0 7px;border:0;border-radius:0;background:transparent;color:var(--tlj-color-warning-copy-muted);font-size:10px;font-weight:900;line-height:1;cursor:pointer;transition:color .18s ease}.lista-trades-root .tlj-trades-warning-toggle span{font-size:18px;line-height:1}.lista-trades-root .tlj-trades-warning-toggle b{display:none}.lista-trades-root .tlj-customize__option .tlj-trades-warning-toggle:is(:hover,.is-active){color:var(--tlj-color-warning-text)}

/* Reordenación */
.lista-trades-root :is(#tablaOperaciones,#tablaOperacionesFuturos,#tablaOperacionesForex,#tablaOperacionesCrypto,#tablaOperacionesProp) tbody tr:not(.tlj-trades-date-group){cursor:pointer}.lista-trades-root #tablaOperaciones tbody tr.is-reorder-selected{outline:1px solid rgba(var(--tlj-color-accent-rgb), .62);outline-offset:-1px}.lista-trades-root .tlj-trades-reorder-controls{position:absolute;z-index:80;display:grid;width:38px;grid-template-rows:34px 1fr 34px;align-items:center;justify-items:center;transform:translateX(-50%);pointer-events:none}.lista-trades-root .tlj-trades-reorder-controls button:not(.tlj-modal-action){display:inline-flex!important;width:32px!important;height:32px!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important;border:1px solid var(--tlj-color-accent)!important;border-radius:50%!important;background:var(--tlj-color-surface)!important;color:var(--tlj-color-accent-text)!important;pointer-events:auto;cursor:pointer}.lista-trades-root .tlj-trades-reorder-controls button:not(.tlj-modal-action)[data-reorder-confirm]{align-self:center;background:var(--tlj-color-accent)!important;color:var(--tlj-color-on-accent)!important}.lista-trades-root .tlj-trades-reorder-controls button:not(.tlj-modal-action):disabled{opacity:.35;cursor:not-allowed}

/* Warning */
.lista-trades-root .tlj-trade-incomplete-warning{display:inline-flex;width:27px;height:31px;align-items:center;justify-content:center;margin-left:2px;color:var(--tlj-color-warning-text);font-size:17px;cursor:help}
.lista-trades-root .tlj-trades-missing-fields{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:0 auto 17px;}.lista-trades-root .tlj-trades-missing-fields span{padding:0 9px;border:1px solid rgba(var(--tlj-color-warning-vivid-rgb), .24);border-radius:999px;color:var(--tlj-color-warning-text);display:inline-flex;min-height:27px;align-items:center;background:rgba(var(--tlj-color-warning-vivid-rgb), .06);font-size:10.5px;font-weight:700;}
/* Formulario grande y centrado sin scroll */
@media (min-width:901px){
  .lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview) .formulario{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
  .lista-trades-root :is(#modalForexPreview,#modalCryptoPreview) .formulario{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview) .form-column{gap:5px!important;padding:10px!important}
  .lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview) .formulario input:not([type=file]),
  .lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview) .flatpickr-input,
  .lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview) .grafica-box,
  .lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview) .custom-select{height:36px!important;min-height:36px!important;margin:0!important}
  .lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview) .custom-select{padding:0!important}
  .lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview) .custom-select .selected{display:flex!important;height:34px!important;min-height:34px!important;align-items:center!important;margin:0!important;padding:0 38px 0 12px!important;font-size:12px!important;line-height:1.2!important;text-align:left!important}
}

/* Detalle: más estrecho, centrado, 6 columnas + imagen */
.lista-trades-root :is(#modalDetalleTrade,#modalDetalleFuturos,#modalDetalleForex,#modalDetalleCrypto) {padding:18px;overflow:auto;}.lista-trades-root :is(#modalDetalleTrade,#modalDetalleFuturos,#modalDetalleForex,#modalDetalleCrypto) .tlj-trade-detail-modal{width:min(94vw,1120px);max-height:92vh;--tlj-modal-pad-top:24px;--tlj-modal-pad-x:25px;padding:var(--tlj-modal-pad-top) var(--tlj-modal-pad-x);overflow:hidden;}.lista-trades-root .tlj-trade-detail-header{margin-bottom:14px!important}.lista-trades-root .tlj-trade-detail-layout{display:grid;grid-template-columns:minmax(0,1.55fr) 330px;gap:16px;align-items:stretch}.lista-trades-root .tlj-trade-detail-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;align-content:start}.lista-trades-root .tlj-trade-detail-item{min-width:0;min-height:45px;padding:7px 9px;border:1px solid rgba(var(--tlj-color-accent-rgb), .14);border-radius:7px;background:var(--tlj-color-surface-2)}.lista-trades-root .tlj-trade-detail-item.is-wide{grid-column:1/-1}.lista-trades-root .tlj-trade-detail-item span{display:block;margin-bottom:2px;color:var(--tlj-color-accent-text);font-size:10.5px;line-height:1.2;font-weight:800;text-transform:uppercase}.lista-trades-root .tlj-trade-detail-item strong{display:block;color:var(--tlj-color-text);font-size:13.5px;font-weight:650;line-height:1.3;overflow-wrap:anywhere}.lista-trades-root .tlj-trade-detail-visual{display:flex;min-width:0;flex-direction:column;gap:9px}.lista-trades-root .tlj-trade-detail-image-wrap{display:flex;min-height:250px;flex:1;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(var(--tlj-color-accent-rgb), .24);border-radius:9px;background:var(--tlj-color-media-canvas)}.lista-trades-root .tlj-trade-detail-image-wrap img{width:100%;height:100%;max-height:480px;object-fit:contain}.lista-trades-root .tlj-trade-detail-no-image{color:var(--tlj-color-media-canvas-text);font-size:12px}.lista-trades-root .tlj-trade-detail-no-image[hidden]{display:none!important}.lista-trades-root .tlj-trade-detail-edit-graph{display:inline-flex!important;min-height:40px!important;align-items:center;justify-content:center;margin:0!important;border:1px solid rgba(var(--tlj-color-accent-rgb), .34)!important;border-radius:8px!important;background:rgba(var(--tlj-color-accent-rgb), .07)!important;color:var(--tlj-color-accent-text)!important;font-size:11.5px!important;font-weight:800!important;cursor:pointer}.lista-trades-root .tlj-trade-detail-edit-graph:hover:not(:disabled),.lista-trades-root .tlj-trade-detail-edit-graph:focus-visible:not(:disabled){border-color:rgb(var(--tlj-color-contrast-rgb))!important;background:rgb(var(--tlj-color-contrast-rgb))!important;color:var(--tlj-color-on-accent)!important;outline:none!important}

/* Popup imagen + Editar */
.lista-trades-root .tlj-graph-popup-edit{position:absolute;top:16px;left:16px;z-index:5;display:inline-flex;gap:6px;align-items:center;margin:0}.lista-trades-root .tlj-graph-popup-edit svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}

/* Editor centrado */
.lista-trades-root :is(#modalEditorGrafica,#modalEditorGraficaFuturos,#modalEditorGraficaForex,#modalEditorGraficaCrypto) {overflow:auto;padding:14px;}.lista-trades-root :is(#modalEditorGrafica,#modalEditorGraficaFuturos,#modalEditorGraficaForex,#modalEditorGraficaCrypto) .tlj-graph-editor-modal{width:min(96vw,1280px);max-height:94vh;--tlj-modal-pad-top:22px;--tlj-modal-pad-x:22px;padding:var(--tlj-modal-pad-top) var(--tlj-modal-pad-x);overflow:hidden;}.lista-trades-root .tlj-graph-editor-header{margin-bottom:12px!important}.lista-trades-root .tlj-graph-editor-toolbar{display:flex;gap:7px;align-items:center;margin-bottom:10px;padding:8px;border:1px solid var(--tlj-color-accent)!important;border-radius:9px;background:var(--tlj-color-active-bg)}.lista-trades-root .tlj-graph-editor-toolbar button:not(.tlj-modal-action){display:inline-flex!important;height:38px!important;min-height:38px!important;min-width:38px!important;align-items:center!important;justify-content:center!important;gap:7px;margin:0!important;padding:0 9px!important;border:1px solid var(--tlj-color-button-border)!important;border-radius:7px!important;background:var(--tlj-color-button-bg)!important;color:var(--tlj-color-button-text)!important;box-shadow:none!important;cursor:pointer}.lista-trades-root .tlj-graph-editor-toolbar button:not(.tlj-modal-action).is-active,.lista-trades-root .tlj-graph-editor-toolbar button:not(.tlj-modal-action):hover{border-color:var(--tlj-color-border-strong)!important;background:var(--tlj-color-hover)!important;color:var(--tlj-color-accent-strong)!important}.lista-trades-root .tlj-tool-icon{display:inline-flex;width:20px;height:20px;align-items:center;justify-content:center;flex:0 0 20px;font-size:18px;line-height:1}.lista-trades-root .tlj-tool-icon svg{width:18px!important;height:18px!important;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.lista-trades-root .tlj-tool-icon--text{font-size:17px!important;font-weight:850}.lista-trades-root .tlj-tool-label{font-size:10px;font-weight:800}.lista-trades-root .tlj-graph-editor-toolbar input{width:220px!important;height:38px!important;margin:0!important;padding:0 10px!important;border:1px solid var(--tlj-color-border-strong)!important;border-radius:7px!important;background:var(--tlj-color-field)!important;color:var(--tlj-color-text)!important;font-size:11px!important;box-shadow:none!important}.lista-trades-root .tlj-graph-editor-toolbar input:focus{border-color:var(--tlj-color-accent)!important;outline:none!important}.lista-trades-root .tlj-graph-editor-toolbar__spacer{flex:1}.lista-trades-root .tlj-graph-editor-stage{display:flex;height:min(61vh,650px);align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(var(--tlj-color-accent-rgb), .24);border-radius:10px;background:var(--tlj-color-media-canvas)}.lista-trades-root #tljGraphEditorCanvas{display:block;max-width:100%;max-height:100%;width:auto;height:auto;cursor:crosshair;touch-action:none}.lista-trades-root #tljGraphEditorCanvas.is-move-mode{cursor:grab!important}.lista-trades-root #tljGraphEditorCanvas.is-moving-shape{cursor:grabbing!important}.lista-trades-root .tlj-graph-editor-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:11px}.lista-trades-root .tlj-graph-editor-actions button:not(.tlj-modal-action){min-height:40px!important;margin:0!important;padding:0 17px!important;border-radius:7px!important;font-size:11px!important;font-weight:800!important}.lista-trades-root :is(#cancelarEditorGraficaBtn,#cancelarEditorGraficaFuturosBtn,#cancelarEditorGraficaForexBtn,#cancelarEditorGraficaCryptoBtn){border:1px solid var(--tlj-color-accent)!important;background:var(--tlj-color-button-bg)!important;color:var(--tlj-color-button-text)!important;box-shadow:none!important}.lista-trades-root :is(#cancelarEditorGraficaBtn,#cancelarEditorGraficaFuturosBtn,#cancelarEditorGraficaForexBtn,#cancelarEditorGraficaCryptoBtn):hover{border-color:var(--tlj-color-accent)!important;background:var(--tlj-color-hover)!important;color:var(--tlj-color-accent-text)!important}.lista-trades-root :is(#guardarEditorGraficaBtn,#guardarEditorGraficaFuturosBtn,#guardarEditorGraficaForexBtn,#guardarEditorGraficaCryptoBtn){border:1px solid var(--tlj-color-accent)!important;background:var(--tlj-color-accent)!important;color:var(--tlj-color-on-accent)!important;transition:background-color .28s ease,border-color .28s ease,color .28s ease,transform .28s ease!important}

/* Mini botón de gráfica diferida */

@media (max-width:820px){.lista-trades-root .tlj-trade-detail-layout{grid-template-columns:1fr}.lista-trades-root .tlj-trade-detail-grid{grid-template-columns:1fr 1fr}.lista-trades-root .tlj-graph-editor-toolbar{flex-wrap:wrap}.lista-trades-root .tlj-graph-editor-toolbar input{width:100%!important}}

/* =========================================================
   LISTA DE OPERACIONES 3.1.0 · COMPARAR / PROPIEDADES / ANIMACIÓN
   ========================================================= */

/* Apertura/cierre suave: siempre centrado, sin desplazamientos laterales/verticales */

/* Propiedades de anotación */
.lista-trades-root .tlj-graph-property-btn {
  display:inline-flex !important;
  min-width:auto !important;
  gap:7px !important;
  align-items:center !important;
  padding:0 10px !important;
  border-color:rgba(var(--tlj-color-accent-rgb), .34) !important;
}
.lista-trades-root .tlj-graph-color-swatch {
  width:17px;
  height:17px;
  flex:0 0 17px;
  border:1px solid rgba(var(--tlj-color-contrast-rgb), .55);
  border-radius:4px;
  background:var(--tlj-color-accent);
  box-shadow:0 0 0 1px rgba(var(--tlj-color-shadow-rgb), .4);
}
.lista-trades-root .tlj-graph-color-input {
  position:fixed !important;
  left:-9999px !important;
  width:1px !important;
  height:1px !important;
  opacity:0 !important;
  pointer-events:none !important;
}

/* Guardar gráfica: hover TLJ */
.lista-trades-root .tlj-graph-editor-actions :is(#guardarEditorGraficaBtn,#guardarEditorGraficaFuturosBtn,#guardarEditorGraficaForexBtn,#guardarEditorGraficaCryptoBtn):hover,
.lista-trades-root .tlj-graph-editor-actions :is(#guardarEditorGraficaBtn,#guardarEditorGraficaFuturosBtn,#guardarEditorGraficaForexBtn,#guardarEditorGraficaCryptoBtn):focus-visible {
  border-color:var(--tlj-color-accent) !important;
  background:var(--tlj-color-surface) !important;
  color:var(--tlj-color-accent-text) !important;
  -webkit-text-fill-color:var(--tlj-color-accent-text) !important;
  outline:none !important;
  transform:none !important;
}

/* Selector de color real y visible. */
.lista-trades-root .tlj-graph-color-control {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.lista-trades-root .tlj-graph-color-chevron {
  width: 7px;
  height: 7px;
  margin-left: 1px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: translateY(-2px) rotate(45deg);
  transition: transform .22s ease;
}
.lista-trades-root #tljGraphColorBtn[aria-expanded="true"] .tlj-graph-color-chevron {
  transform: translateY(2px) rotate(225deg);
}
.lista-trades-root .tlj-graph-color-menu {
  position: absolute;
  top: calc(100% + 7px);
  left: 0;
  z-index: 220;
  display: grid;
  grid-template-columns: repeat(4, 34px);
  gap: 7px;
  width: max-content;
  padding: 9px;
  border: 1px solid rgba(var(--tlj-color-accent-rgb), .42);
  border-radius: 9px;
  background: var(--tlj-color-surface);
  box-shadow: var(--tlj-effect-dropdown-shadow);
}
.lista-trades-root .tlj-graph-color-menu[hidden] {
  display: none !important;
}
.lista-trades-root .tlj-graph-color-option {
  display: inline-flex !important;
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid rgba(var(--tlj-color-accent-rgb), .20) !important;
  border-radius: 7px !important;
  background: var(--tlj-color-surface-2) !important;
  box-shadow: none !important;
  cursor: pointer;
}
.lista-trades-root .tlj-graph-color-option:hover,
.lista-trades-root .tlj-graph-color-option:focus-visible {
  border-color: var(--tlj-color-accent) !important;
  background: rgba(var(--tlj-color-accent-rgb), .09) !important;
  outline: none !important;
}
.lista-trades-root .tlj-graph-color-option > span {
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid rgba(var(--tlj-color-contrast-rgb), .6);
  border-radius: 5px;
  background: var(--tlj-swatch);
  box-shadow: 0 0 0 1px rgba(var(--tlj-color-shadow-rgb), .5);
}
.lista-trades-root .tlj-graph-custom-color {
  grid-column: 1 / -1;
  display: flex;
  min-height: 34px;
  gap: 8px;
  align-items: center;
  justify-content: center;
  padding: 5px 7px;
  border: 1px solid rgba(var(--tlj-color-accent-rgb), .22);
  border-radius: 7px;
  background: var(--tlj-color-surface-2);
  color: var(--tlj-color-text-soft);
  font-size: 10px;
  font-weight: 800;
  cursor: pointer;
}
.lista-trades-root .tlj-graph-custom-color:hover {
  border-color: rgba(var(--tlj-color-accent-rgb), .55);
  color: var(--tlj-color-accent-text);
}
.lista-trades-root .tlj-graph-custom-color input[type="color"] {
  position: static !important;
  left: auto !important;
  width: 24px !important;
  height: 24px !important;
  min-height: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  border: 0 !important;
  background: transparent !important;
  cursor: pointer;
}

/* =========================================================
   LISTA DE OPERACIONES 3.3.1 · FILTROS 3 COLUMNAS / EDICIÓN MÚLTIPLE
   ========================================================= */

@media (min-width:901px){
  .lista-trades-root :is(#modalFiltro,#modalFiltroFuturos,#modalFiltroForex,#modalFiltroCrypto){overflow:hidden;padding:12px 20px;}
  .lista-trades-root :is(#modalFiltro,#modalFiltroFuturos,#modalFiltroForex,#modalFiltroCrypto) .modal-contenido--filter{width:min(1120px,calc(100vw - 40px));padding:18px;}.lista-trades-root :is(#modalFiltro,#modalFiltroFuturos,#modalFiltroForex,#modalFiltroCrypto) .tlj-trades-modal-header {margin:-18px -18px 12px;}
  .lista-trades-root :is(#modalFiltro,#modalFiltroFuturos,#modalFiltroForex,#modalFiltroCrypto) .formulario{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
  .lista-trades-root :is(#modalFiltro,#modalFiltroFuturos,#modalFiltroForex,#modalFiltroCrypto) .form-column{gap:5px!important;padding:10px!important}
  .lista-trades-root :is(#modalFiltro,#modalFiltroFuturos,#modalFiltroForex,#modalFiltroCrypto) .formulario input:not([type=file]),.lista-trades-root :is(#modalFiltro,#modalFiltroFuturos,#modalFiltroForex,#modalFiltroCrypto) .flatpickr-input,.lista-trades-root :is(#modalFiltro,#modalFiltroFuturos,#modalFiltroForex,#modalFiltroCrypto) .custom-select{height:36px!important;min-height:36px!important;margin:0!important}
  .lista-trades-root :is(#modalFiltro,#modalFiltroFuturos,#modalFiltroForex,#modalFiltroCrypto) .custom-select{padding:0!important}
  .lista-trades-root :is(#modalFiltro,#modalFiltroFuturos,#modalFiltroForex,#modalFiltroCrypto) .custom-select .selected{display:flex!important;height:34px!important;min-height:34px!important;align-items:center!important;margin:0!important;padding:0 38px 0 12px!important;font-size:12px!important;line-height:1.2!important;text-align:left!important}
  .lista-trades-root :is(#modalFiltro,#modalFiltroFuturos,#modalFiltroForex,#modalFiltroCrypto) .botones-modal{grid-column:1/-1!important}
}

.lista-trades-root :is(#modalEditarSeleccion,#modalEditarSeleccionFuturos,#modalEditarSeleccionForex,#modalEditarSeleccionCrypto){overflow:hidden;padding:12px 20px;}
.lista-trades-root .tlj-bulk-edit-modal{width:min(1460px,calc(100vw - 40px));padding:16px 18px;}.lista-trades-root :is(#modalEditarSeleccion,#modalEditarSeleccionFuturos,#modalEditarSeleccionForex,#modalEditarSeleccionCrypto) .tlj-trades-modal-header {margin:-16px -18px 10px;}.lista-trades-root :is(#modalEditarSeleccion,#modalEditarSeleccionFuturos,#modalEditarSeleccionForex,#modalEditarSeleccionCrypto) .tlj-trades-modal-header p {max-width:none;white-space:nowrap;}
.lista-trades-root .tlj-bulk-edit-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px 7px;margin-top:8px}
.lista-trades-root .tlj-bulk-edit-field{display:grid;min-width:0;gap:3px;margin:0;padding:5px;border:1px solid rgba(var(--tlj-color-accent-rgb), .44);border-radius:8px;background:rgba(var(--tlj-color-accent-rgb), .025)}
.lista-trades-root .tlj-bulk-edit-field>label{display:flex;width:100%!important;min-width:0!important;gap:5px;align-items:center;margin:0!important;color:var(--tlj-color-text-soft);font-size:9.5px;font-weight:800;line-height:1.1;text-transform:uppercase;letter-spacing:.15px;white-space:nowrap}
.lista-trades-root .tlj-bulk-edit-field>label input{width:13px!important;height:13px!important;min-height:13px!important;flex:0 0 13px;margin:0!important;padding:0!important;accent-color:var(--tlj-color-accent)}
.lista-trades-root .tlj-bulk-edit-field>input,.lista-trades-root .tlj-bulk-edit-field>.custom-select{width:100%!important;height:34px!important;min-height:34px!important;margin:0!important;border:1px solid var(--tlj-color-border)!important;border-radius:8px!important;background:var(--tlj-color-field)!important;color:var(--tlj-color-text-secondary)!important;font-size:11.5px!important}
.lista-trades-root .tlj-bulk-edit-field>input{padding:0 10px!important}
.lista-trades-root .tlj-bulk-edit-field>.custom-select{padding:0!important}
.lista-trades-root .tlj-bulk-edit-field>.custom-select .selected{display:flex!important;height:32px!important;min-height:32px!important;align-items:center!important;padding:0 34px 0 10px!important;font-size:11.5px!important;line-height:1.2!important}
.lista-trades-root .tlj-bulk-edit-field--wide{grid-column:auto}
.lista-trades-root .tlj-bulk-edit-feedback{min-height:12px;margin:4px 0 0!important;color:var(--tlj-color-negative-text)!important;font-size:10px!important;font-weight:700}
.lista-trades-root .tlj-bulk-edit-actions{margin-top:4px}
@media (max-width:1100px){.lista-trades-root .tlj-bulk-edit-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.lista-trades-root :is(#modalEditarSeleccion,#modalEditarSeleccionFuturos,#modalEditarSeleccionForex,#modalEditarSeleccionCrypto) .tlj-trades-modal-header p {white-space:normal;}}
@media (max-width:900px){.lista-trades-root :is(#modalEditarSeleccion,#modalEditarSeleccionFuturos,#modalEditarSeleccionForex,#modalEditarSeleccionCrypto){overflow:auto;}.lista-trades-root .tlj-bulk-edit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:620px){.lista-trades-root .tlj-bulk-edit-grid{grid-template-columns:1fr 1fr}}

/* =========================================================
   LISTA DE OPERACIONES 3.3.5 · REVISIÓN DEL PLAN
   ========================================================= */
.lista-trades-root :is(#modalRevisarPlan,#modalRevisarPlanFuturos,#modalRevisarPlanForex,#modalRevisarPlanCrypto,#modalPsicologia){
  padding: 18px 20px;
  overflow: auto;
}
.lista-trades-root .tlj-plan-review-modal{
  width: min(980px,calc(100vw - 40px));
  padding: 20px;
}.lista-trades-root :is(#modalRevisarPlan,#modalRevisarPlanFuturos,#modalRevisarPlanForex,#modalRevisarPlanCrypto,#modalPsicologia) .tlj-trades-modal-header {
  margin:-20px -20px 20px;
}.lista-trades-root :is(#modalRevisarPlan,#modalRevisarPlanFuturos,#modalRevisarPlanForex,#modalRevisarPlanCrypto,#modalPsicologia) .tlj-trades-modal-header p,
.lista-trades-root :is(#modalRevisarPlanFuturos,#modalRevisarPlanForex) .tlj-trades-modal-header p {
  max-width:none;
  white-space:nowrap;
}
.lista-trades-root .tlj-plan-review-summary{
  display:flex;
  gap:20px;
  align-items:center;
  justify-content:space-between;
  margin-bottom:14px;
  padding:13px 16px;
  border:1px solid rgba(var(--tlj-color-accent-rgb), .30);
  border-radius:10px;
  background:rgba(var(--tlj-color-accent-rgb), .045);
}
.lista-trades-root .tlj-plan-review-summary>div{
  display:flex;
  gap:12px;
  align-items:baseline;
}
.lista-trades-root .tlj-plan-review-summary span{
  color:var(--tlj-color-text-soft);
  font-size:11px;
  font-weight:800;
  letter-spacing:.55px;
  text-transform:uppercase;
}
.lista-trades-root .tlj-plan-review-summary strong{
  color:var(--tlj-color-accent-text);
  font-size:28px;
  font-weight:900;
  line-height:1;
}
.lista-trades-root .tlj-plan-review-summary p{
  margin:0!important;
  color:var(--tlj-color-text-soft)!important;
  font-size:12px!important;
  font-weight:650;
}
.lista-trades-root .tlj-plan-review-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.lista-trades-root .tlj-plan-review-card{
  min-width:0;
  padding:16px;
  border:1px solid rgba(var(--tlj-color-accent-rgb), .42);
  border-radius:11px;
  background:var(--tlj-color-surface-2);
}
.lista-trades-root .tlj-plan-review-card>header{
  display:flex;
  gap:12px;
  align-items:center;
  justify-content:space-between;
  margin-bottom:12px;
  padding-bottom:11px;
  border-bottom:1px solid rgba(var(--tlj-color-accent-rgb), .18);
}
.lista-trades-root .tlj-plan-review-card>header>div{
  display:flex;
  gap:9px;
  align-items:center;
}
.lista-trades-root .tlj-plan-review-card>header span{
  color:var(--tlj-color-accent-text);
  font-size:16px;
  font-weight:900;
}
.lista-trades-root .tlj-plan-review-card h3{
  margin:0!important;
  color:var(--tlj-color-text)!important;
  font-size:18px!important;
  font-weight:850!important;
}
.lista-trades-root .tlj-plan-review-card>header b{
  display:inline-flex;
  min-width:28px;
  height:28px;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(var(--tlj-color-accent-rgb), .28);
  border-radius:999px;
  color:var(--tlj-color-accent-text);
  font-size:11px;
}
.lista-trades-root .tlj-plan-review-strategy-name{
  display:flex;
  gap:12px;
  align-items:center;
  justify-content:space-between;
  margin-bottom:10px;
  padding:9px 11px;
  border:1px solid rgba(var(--tlj-color-accent-rgb), .16);
  border-radius:8px;
  background:var(--tlj-color-field);
}
.lista-trades-root .tlj-plan-review-strategy-name span{
  color:var(--tlj-color-text-muted);
  font-size:13px;
  font-weight:700;
  text-transform:uppercase;
}
.lista-trades-root .tlj-plan-review-strategy-name strong{
  color:var(--tlj-color-accent-text);
  font-size:12.5px;
  font-weight:800;
  text-align:right;
}
.lista-trades-root .tlj-plan-review-list{
  display:grid;
  gap:7px;
  max-height:none;
  overflow-y:visible;
  padding-right:3px;
}
.lista-trades-root .tlj-plan-review-item{
  position:relative;
  display:grid;
  grid-template-columns:20px minmax(0,1fr);
  gap:10px;
  align-items:start;
  min-height:42px;
  padding:10px 11px;
  border:1px solid rgba(var(--tlj-color-accent-rgb), .16);
  border-radius:8px;
  background:var(--tlj-color-surface);
  cursor:pointer;
  transition:border-color .25s ease,background-color .25s ease;
}
.lista-trades-root .tlj-plan-review-item:hover{
  border-color:rgba(var(--tlj-color-accent-rgb), .42);
  background:rgba(var(--tlj-color-accent-rgb), .04);
}
.lista-trades-root .tlj-plan-review-item input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.lista-trades-root .tlj-plan-review-check{
  display:grid;
  width:19px;
  height:19px;
  place-items:center;
  margin-top:1px;
  border:1px solid rgba(var(--tlj-color-accent-rgb), .45);
  border-radius:5px;
  color:transparent;
  font-size:12px;
  font-weight:900;
}
.lista-trades-root .tlj-plan-review-item input:checked + .tlj-plan-review-check{
  border-color:var(--tlj-color-accent);
  background:var(--tlj-color-accent);
  color:var(--tlj-color-on-accent);
}
.lista-trades-root .tlj-plan-review-text{
  color:var(--tlj-color-text-soft);
  font-size:12.5px;
  font-weight:600;
  line-height:1.5;
}
.lista-trades-root .tlj-plan-review-empty{
  margin:0!important;
  padding:14px 12px;
  border:1px dashed rgba(var(--tlj-color-accent-rgb), .18);
  border-radius:8px;
  color:var(--tlj-color-text-muted-2)!important;
  font-size:11.5px!important;
  line-height:1.5!important;
  text-align:center;
}
.lista-trades-root .tlj-plan-review-actions{
  margin-top:14px;
}
.lista-trades-root .tlj-trade-plan-cell{
  text-align:center!important;
}
.lista-trades-root .tlj-trade-plan-score{
  display:inline-flex;
  min-width:48px;
  height:28px;
  align-items:center;
  justify-content:center;
  padding:0 8px;
  border:1px solid rgba(var(--tlj-color-accent-rgb), .30);
  border-radius:999px;
  background:rgba(var(--tlj-color-accent-rgb), .065);
  color:var(--tlj-color-accent-text);
  font-size:11.5px;
  font-weight:850;
}
@media (max-width:760px){
  .lista-trades-root .tlj-plan-review-grid{grid-template-columns:1fr}
  .lista-trades-root .tlj-plan-review-summary{align-items:flex-start;flex-direction:column;gap:7px}
  .lista-trades-root .tlj-plan-review-modal{padding:18px;}.lista-trades-root :is(#modalRevisarPlan,#modalRevisarPlanFuturos,#modalRevisarPlanForex,#modalRevisarPlanCrypto,#modalPsicologia) .tlj-trades-modal-header {margin:-18px -18px 18px;}.lista-trades-root :is(#modalRevisarPlan,#modalRevisarPlanFuturos,#modalRevisarPlanForex,#modalRevisarPlanCrypto,#modalPsicologia) .tlj-trades-modal-header p {white-space:normal;}
}

@media (max-width:560px){.lista-trades-root .tlj-trades-columns-legend{align-items:flex-start;flex-direction:column;gap:7px}}

/* =========================================================
   FASE 2 · SELECTOR MULTI-MARKET EXTERNO
   Estilo visual centralizado en TLJ Tema.
   ========================================================= */
.lista-trades-root .tlj-trades-market-switcher__notice {
  grid-column: 1 / -1;
  margin: -8px 0 0 !important;
  padding: 9px 11px;
  border: 1px solid rgba(var(--tlj-color-accent-rgb), .18);
  border-radius: 8px;
  background: rgba(var(--tlj-color-accent-rgb), .045);
  color: var(--tlj-color-text-soft) !important;
  font-size: 10.5px !important;
  font-weight: 650;
  line-height: 1.45 !important;
  opacity: 0;
  transform: translateY(-3px);
  transition: opacity .2s ease, transform .2s ease;
}

.lista-trades-root .tlj-trades-market-switcher__notice.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* =========================================================
   FUTUROS · DATOS ESPECÍFICOS DENTRO DEL FORMULARIO COMÚN
   El contenedor, columnas, campos, imagen y botones son los de Acciones.
   ========================================================= */
.lista-trades-root .tlj-market-data-strip{
  display:grid;
  grid-column:1/-1;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:5px;
  margin:0;
  padding:6px;
  border:1px solid rgba(var(--tlj-color-accent-rgb), .22);
  border-radius:9px;
  background:var(--tlj-color-surface-2);
}
.lista-trades-root .tlj-market-data-strip>div{
  min-width:0;
  padding:4px 6px;
  border:1px solid rgba(var(--tlj-color-accent-rgb), .12);
  border-radius:7px;
  background:var(--tlj-color-surface);
  text-align:center;
}
.lista-trades-root .tlj-market-data-strip span{
  display:block;
  margin-bottom:2px;
  color:var(--tlj-color-text-muted-2);
  font-size:7.5px;
  font-weight:800;
  text-transform:uppercase;
}
.lista-trades-root .tlj-market-data-strip strong{
  display:block;
  max-width:100%;
  overflow:hidden;
  color:var(--tlj-color-text-secondary);
  font-size:10.5px;
  font-weight:800;
  line-height:1.15;
  overflow-wrap:anywhere;
  text-overflow:clip;
  white-space:normal;
}
.lista-trades-root .tlj-market-data-strip strong.is-positive{color:var(--tlj-color-positive-base)}
.lista-trades-root .tlj-market-data-strip strong.is-negative{color:var(--tlj-color-negative-text)}
.lista-trades-root .tlj-market-data-strip strong.is-zero{color:var(--tlj-color-warning-base)}
.lista-trades-root .tlj-market-calculation-note,
.lista-trades-root .tlj-market-save-status{
  grid-column:1/-1;
  margin:0!important;
  color:var(--tlj-color-text-muted-2)!important;
  font-size:9.5px!important;
  text-align:center!important;
}
.lista-trades-root .tlj-market-save-status{min-height:18px}
.lista-trades-root .tlj-market-save-status.is-working{color:var(--tlj-color-accent-text)!important}
.lista-trades-root .tlj-market-save-status.is-success{color:var(--tlj-color-positive-base)!important}
.lista-trades-root .tlj-market-save-status.is-error{color:var(--tlj-color-negative-text)!important}
@media (max-width:900px){.lista-trades-root .tlj-market-data-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:560px){.lista-trades-root .tlj-market-data-strip{grid-template-columns:1fr 1fr}}

/* =========================================================
   FASE 2.6 · FUTUROS · TABLA INDEPENDIENTE EN PREPARACIÓN
   ========================================================= */
.lista-trades-root [data-market-view-panel][hidden]{display:none!important}
.lista-trades-root .tlj-market-workspace{margin-top:0}
.lista-trades-root .tlj-market-toolbar button:not(.tlj-modal-action):disabled{opacity:.46!important;cursor:not-allowed!important;filter:saturate(.45)!important;pointer-events:auto!important}
.lista-trades-root .tlj-market-table-card{position:relative}
.lista-trades-root :is(#tablaOperacionesFuturos,#tablaOperacionesForex,#tablaOperacionesCrypto){min-width:max-content!important}
.lista-trades-root :is(#tablaOperacionesFuturos,#tablaOperacionesForex,#tablaOperacionesCrypto) thead th{white-space:nowrap!important}
.lista-trades-root :is(#tablaOperacionesFuturos,#tablaOperacionesForex,#tablaOperacionesCrypto) thead th.is-calculated{color:var(--tlj-color-accent-text)!important}
.lista-trades-root .tlj-future-head-actions-cell{min-width:54px!important;width:54px!important}
.lista-trades-root .tlj-market-empty{position:relative!important;display:flex!important;min-height:270px!important;padding:32px 20px!important}
.lista-trades-root .tlj-market-empty .tlj-trades-action{width:auto!important;margin-top:10px!important}

/* Estado vacío de Futuros. */
.lista-trades-root .tlj-market-empty[hidden]{display:none!important}

/* Futuros y Forex heredan el estilo de tabla desde las reglas base de #tablaOperaciones. */

/* =========================================================
   FASE 2.10 · FUTUROS · WARNINGS + FILTROS + CSV + PDF
   ========================================================= */
.lista-trades-root :is(#tljFutureFilterBtn,#tljForexFilterBtn,#tljCryptoFilterBtn).is-active{border-color:var(--tlj-color-accent)!important;background:rgba(var(--tlj-color-accent-rgb), .10)!important;color:var(--tlj-color-button-hover-text)!important}
.lista-trades-root :is(#tablaOperacionesFuturos,#tablaOperacionesForex,#tablaOperacionesCrypto) .tlj-trade-incomplete-warning{vertical-align:middle!important;margin-left:4px!important}

/* =========================================================
   FASE 2.12 · FUTUROS · PARIDAD FUNCIONAL/VISUAL FINAL
   ========================================================= */
/* Agrupación por fecha, detalle y gráfica usan exactamente las superficies de Acciones. */
.lista-trades-root :is(#modalDetalleFuturos,#modalDetalleForex,#modalDetalleCrypto) .tlj-trade-detail-edit-graph:disabled{opacity:.4!important;cursor:not-allowed!important}

/* FASE 2.12.1 · remate de paridad exacta de botones/modales FUTUROS */
.lista-trades-root :is(#tljFutureGraphEditorCanvas,#tljForexGraphEditorCanvas,#tljCryptoGraphEditorCanvas){display:block;max-width:100%;max-height:100%;width:auto;height:auto;cursor:crosshair;touch-action:none}
.lista-trades-root :is(#tljFutureGraphEditorCanvas,#tljForexGraphEditorCanvas,#tljCryptoGraphEditorCanvas).is-move-mode{cursor:grab!important}
.lista-trades-root :is(#tljFutureGraphEditorCanvas,#tljForexGraphEditorCanvas,#tljCryptoGraphEditorCanvas).is-moving-shape{cursor:grabbing!important}
/* Forex hereda desde el principio los mismos estados de botones al crear sus modales. */
.lista-trades-root :is(#imgPopupFuturos,#imgPopupForex,#imgPopupCrypto){display:block;width:100%;max-width:870px;max-height:calc(100vh - 130px);margin:0 auto;border-radius:9px;object-fit:contain}

/* =========================================================
   PRE-4.3 · HOMOGENEIZACIÓN VISUAL DE MÓDULOS
   ========================================================= */

/* 4.2.3d · ajustes previos a pruebas funcionales */
/* El título mantiene “Lista de” blanco y “Operaciones” turquesa. */

/* =========================================================
   RIESGO INICIAL / UNIDADES DE RIESGO (UR)
   Estado integrado dentro del campo Stop Loss inicial.
   ========================================================= */
.lista-trades-root .tlj-risk-field{
  position:relative;
  width:100%;
  min-width:0;
  margin:0;
  padding:0;
}
.lista-trades-root .tlj-risk-field > input{
  width:100%!important;
  margin:0!important;
  /* Sin resumen visible, el placeholder dispone de todo el ancho del campo. */
  padding-right:12px!important;
}
.lista-trades-root .tlj-risk-field:has(.tlj-risk-feedback.is-valid:not(:empty)) > input{
  /* Reservamos espacio solo cuando realmente existe el resumen 1R / UR. */
  padding-right:clamp(150px,56%,205px)!important;
}
.lista-trades-root .tlj-risk-feedback{
  position:absolute;
  z-index:3;
  top:50%;
  right:11px;
  left:auto;
  bottom:auto;
  transform:translateY(-50%);
  display:inline-flex;
  align-items:center;
  justify-content:flex-end;
  max-width:calc(100% - 74px);
  min-height:20px;
  overflow:visible;
  color:var(--tlj-color-text-muted);
  font-size:10px;
  font-weight:800;
  line-height:1;
  text-align:right;
  text-overflow:ellipsis;
  white-space:nowrap;
  pointer-events:none;
}
.lista-trades-root .tlj-risk-feedback:empty{display:none}
.lista-trades-root .tlj-risk-feedback.is-valid{
  color:var(--tlj-color-accent-text);
  font-size:13px;
  font-weight:700;
}
.lista-trades-root .tlj-risk-feedback.is-error{
  width:20px;
  height:20px;
  min-height:20px;
  max-width:none;
  padding:0!important;
  border:1.5px solid rgb(var(--tlj-color-negative-vivid-rgb));
  border-radius:50%;
  box-sizing:border-box;
  color:var(--tlj-color-negative-text);
  display:grid;
  place-items:center;
  font-size:13px;
  font-weight:900;
  letter-spacing:0;
  text-align:center;
  text-indent:1px;
  justify-content:normal;
  overflow:visible;
  cursor:help;
  pointer-events:auto;
}
.lista-trades-root .tlj-risk-feedback.is-error::after{
  content:attr(data-tooltip);
  position:absolute;
  z-index:10020;
  right:-6px;
  bottom:calc(100% + 9px);
  width:max-content;
  max-width:min(310px,70vw);
  padding:7px 9px;
  border:1px solid rgba(var(--tlj-color-negative-vivid-rgb), .38);
  border-radius:7px;
  background:var(--tlj-color-surface-3);
  box-shadow: var(--tlj-effect-shadow-sm);
  color:var(--tlj-color-text);
  font-size:10px;
  font-weight:650;
  line-height:1.35;
  text-align:left;
  white-space:normal;
  opacity:0;
  visibility:hidden;
  transform:translateY(2px);
  transition:opacity .12s ease,transform .12s ease,visibility .12s ease;
}
.lista-trades-root .tlj-risk-feedback.is-error:hover::after,
.lista-trades-root .tlj-risk-feedback.is-error:focus-visible::after{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}
.lista-trades-root .tlj-risk-field > input.is-invalid{
  padding-right:42px!important;
  border-color:rgba(var(--tlj-color-negative-vivid-rgb), .8)!important;
  box-shadow:0 0 0 2px rgba(var(--tlj-color-negative-vivid-rgb), .08)!important;
}
@media (max-width:700px){
  .lista-trades-root .tlj-risk-field > input{padding-right:12px!important}
  .lista-trades-root .tlj-risk-field:has(.tlj-risk-feedback.is-valid:not(:empty)) > input{padding-right:clamp(145px,54%,195px)!important}
  .lista-trades-root .tlj-risk-feedback{max-width:calc(100% - 72px);font-size:12px}
  .lista-trades-root .tlj-risk-field > input.is-invalid{padding-right:42px!important}
}
.lista-trades-root .form-column > .tlj-psychology-trigger{
  display:inline-flex!important;
  width:100%!important;
  height:42px!important;
  min-height:42px!important;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0;
  padding:0 13px!important;
  border:1px solid var(--tlj-color-border)!important;
  border-radius:8px!important;
  background:var(--tlj-color-input-bg)!important;
  font-size:12.5px!important;
  font-weight:550!important;
  line-height:1.2!important;
  text-align:left!important;
  cursor:pointer;
  outline:none;
  transform:none!important;
  transition:border-color .4s ease,background-color .4s ease,box-shadow .4s ease!important;
}
.lista-trades-root .form-column > .tlj-psychology-trigger span{
  min-width:0;
  flex:1 1 auto;
  text-align:left;
}
@media (min-width:901px){
  .lista-trades-root .form-column > .tlj-psychology-trigger{
    height:36px!important;
    min-height:36px!important;
  }
}
.lista-trades-root .botones-modal.tlj-save-centered{display:grid;gap:12px;align-items:center;justify-content:stretch}
.lista-trades-root :is(#modalFormulario,#modalFuturosPreview) .botones-modal.tlj-save-centered{grid-template-columns:repeat(3,minmax(0,1fr))}
.lista-trades-root :is(#modalForexPreview,#modalCryptoPreview) .botones-modal.tlj-save-centered{grid-template-columns:repeat(4,minmax(0,1fr))}
.lista-trades-root .botones-modal.tlj-save-centered > .tlj-modal-action--primary:first-child{grid-column:2;grid-row:1;justify-self:center}
.lista-trades-root .botones-modal.tlj-save-centered > .tlj-plan-review-trigger{display:inline-flex;align-items:center;gap:8px;grid-column:3;grid-row:1;justify-self:center}
@media (max-width:700px){
  .lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview) .botones-modal.tlj-save-centered{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lista-trades-root .botones-modal.tlj-save-centered > .tlj-modal-action--primary:first-child{grid-column:1}
  .lista-trades-root .botones-modal.tlj-save-centered > .tlj-plan-review-trigger{grid-column:2}
}
.lista-trades-root td.tlj-risk-units-cell{font-variant-numeric:tabular-nums;font-weight:850}
.lista-trades-root td.tlj-risk-units-cell.is-positive{color:var(--tlj-color-positive-text)}
.lista-trades-root td.tlj-risk-units-cell.is-negative{color:var(--tlj-color-negative-text)}
.lista-trades-root td.tlj-risk-units-cell.is-breakeven{color:var(--tlj-color-breakeven-text)}

/* =========================================================
   TOOLTIP DE RIESGO · FOCO VISUAL
   Al mostrar un error, el resto de la interfaz queda desenfocado
   y el Stop/tooltip permanecen nítidos por encima.
   ========================================================= */
.lista-trades-root .modal.tlj-risk-tooltip-active{
  -webkit-backdrop-filter:blur(3px);
  backdrop-filter:blur(3px);
}
.lista-trades-root .modal-contenido > .tlj-risk-tooltip-backdrop{
  position:absolute;
  z-index:9000;
  inset:0;
  border-radius:inherit;
  background:rgba(var(--tlj-color-page-rgb), .16);
  -webkit-backdrop-filter:blur(3.5px);
  backdrop-filter:blur(3.5px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .14s ease,visibility .14s ease;
}
.lista-trades-root .modal.tlj-risk-tooltip-active .modal-contenido > .tlj-risk-tooltip-backdrop{
  opacity:1;
  visibility:visible;
}
.lista-trades-root .modal.tlj-risk-tooltip-active .tlj-risk-field.is-tooltip-active{
  z-index:9002;
}
.lista-trades-root .modal.tlj-risk-tooltip-active .tlj-risk-field.is-tooltip-active .tlj-risk-feedback.is-error{
  z-index:9004;
}

/* Futuros · estado de comisiones automáticas del bróker configurado */
.lista-trades-root .tlj-future-fee-automation{
  display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:22px;
  margin:-4px 0 4px;padding:2px 1px;border:0!important;border-radius:0!important;
  background:transparent!important;color:var(--tlj-color-text-muted);font-size:11px;line-height:1.35;box-shadow:none!important;
}
.lista-trades-root .tlj-future-fee-automation:empty{display:none}
.lista-trades-root .tlj-future-fee-automation.is-auto{color:var(--tlj-color-text-muted)}
.lista-trades-root .tlj-future-fee-automation.is-warning{color:var(--tlj-color-warning-text)}
.lista-trades-root .tlj-future-fee-automation.is-manual,.lista-trades-root .tlj-future-fee-automation.is-snapshot{opacity:.92}
.lista-trades-root .tlj-future-fee-restore{
  flex:0 0 auto!important;min-width:0!important;width:auto!important;height:auto!important;min-height:0!important;
  padding:4px 8px!important;margin:0!important;border:1px solid var(--tlj-lista-graph-accent)!important;
  border-radius:7px!important;background:transparent!important;color:var(--tlj-lista-graph-accent)!important;
  font-size:10.5px!important;font-weight:700!important;line-height:1.25!important;box-shadow:none!important;
}
.lista-trades-root .tlj-future-fee-restore:hover{background:var(--tlj-lista-graph-accent)!important;color:var(--tlj-color-input-bg)!important}
@media (max-width:600px){.lista-trades-root .tlj-future-fee-automation{align-items:flex-start;flex-direction:column}.lista-trades-root .tlj-future-fee-restore{width:100%!important}}

/* Acciones · comisiones 4.33 */
.tlj-stock-commission-row{display:flex;gap:8px;align-items:center}.tlj-stock-commission-row input{flex:1}.tlj-stock-commission-auto{min-width:54px;padding:0 10px;height:38px}.tlj-stock-commission-feedback{min-height:18px;margin:4px 0 0;font-size:12px;opacity:.75}.tlj-stock-net-preview{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 11px;border:1px solid var(--tlj-lista-border-soft,rgba(94,234,212,.28));border-radius:9px}.tlj-stock-net-preview strong{font-weight:800}

/* =========================================================
   4.34.0 · FORMULARIOS DE OPERACIÓN ADAPTADOS AL VIEWPORT
   + ACCIONES: RESUMEN AUTOMÁTICO IGUAL AL RESTO DE MERCADOS
   ========================================================= */
.lista-trades-root .tlj-stock-data-strip{
  grid-template-columns:repeat(8,minmax(0,1fr));
}

/* El contenedor completo siempre queda dentro de la pantalla.
   Si la altura disponible es excepcionalmente pequeña, solo se desplaza
   el interior del modal y nunca la página que queda detrás. */

/* En escritorio aprovechamos el ancho para que las cajas automáticas
   ocupen menos filas y el formulario gane altura útil. */
@media (min-width:901px){
  .lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview) .tlj-market-data-strip{
    grid-template-columns:repeat(8,minmax(0,1fr))!important;
  }
}

/* Portátiles y pantallas con poca altura: misma información, más compacta. */
@media (min-width:901px) and (max-height:850px){
  .lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview) .formulario{
    gap:7px!important;
  }
  .lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview) .form-column{
    gap:4px!important;
    padding:8px!important;
  }
  .lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview) .formulario input:not([type=file]),
  .lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview) .flatpickr-input,
  .lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview) .grafica-box,
  .lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview) .custom-select{
    height:33px!important;
    min-height:33px!important;
  }
  .lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview) .custom-select .selected{
    height:31px!important;
    min-height:31px!important;
    font-size:11.5px!important;
  }
  .lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview) .tlj-market-data-strip{
    gap:4px!important;
    padding:5px!important;
  }
  .lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview) .tlj-market-data-strip>div{
    padding:3px 5px!important;
  }
  .lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview) .tlj-market-data-strip span{
    font-size:7px!important;
  }
  .lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview) .tlj-market-data-strip strong{
    font-size:10px!important;
  }
  .lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview) .botones-modal{
    margin-top:4px!important;
  }
  .lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview) .botones-modal button:not(.tlj-modal-action){
    min-height:36px!important;
  }
}

/* Tablet y móvil: el cuadro completo conserva siempre margen respecto al
   viewport; el contenido se desplaza dentro de él si hace falta. */
@media (max-width:900px){
  .lista-trades-root .tlj-stock-data-strip{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* =========================================================
   4.34.1 · MODALES UNIFICADOS + ACCIONES
   ========================================================= */
/* Acciones usa el mismo patrón de automatización de costes que Futuros/Forex/Cripto. */
.lista-trades-root #modalFormulario .tlj-future-fee-automation{margin:-2px 0 2px!important;}

/* Todos los campos visibles de los cuatro modales comparten exactamente
   tipografía, tamaño, peso y alineación. */
.lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview) :is(
  .formulario input:not([type=file]),
  .flatpickr-input,
  .custom-select .selected,
  .grafica-box
){
  font-size:12.5px!important;
  font-weight:600!important;
  letter-spacing:0!important;
  line-height:1.2!important;
}
.lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview) :is(
  .formulario input:not([type=file])::placeholder,
  .flatpickr-input::placeholder,
  .custom-select .selected.placeholder
){
  font-size:12.5px!important;
  font-weight:600!important;
  letter-spacing:0!important;
  opacity:1!important;
}
/* El marco pertenece al custom-select cerrado, no al texto interior.
   Se fuerza también el borde inferior para evitar la caja visualmente abierta. */
.lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview) .custom-select{
  box-sizing:border-box!important;
  border:1px solid var(--tlj-color-border)!important;
  border-bottom:1px solid var(--tlj-color-border)!important;
  background:var(--tlj-color-field)!important;
  background-image:none!important;
  box-shadow:none!important;
}
.lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview) .custom-select .selected{
  box-sizing:border-box!important;
  width:100%!important;
  border:0!important;
  border-radius:7px!important;
  background:transparent!important;
  box-shadow:none!important;
}
.lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview) .custom-select:hover,
.lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview) .custom-select.open{
  border-color:rgba(var(--tlj-color-accent-rgb),.70)!important;
  border-bottom-color:rgba(var(--tlj-color-accent-rgb),.70)!important;
}
.lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview) .custom-select.filled{
  border-color:rgba(var(--tlj-color-accent-rgb),.28)!important;
  border-bottom-color:rgba(var(--tlj-color-accent-rgb),.28)!important;
}
@media (min-width:901px) and (max-height:850px){
  .lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview) :is(
    .formulario input:not([type=file]),.flatpickr-input,.custom-select .selected,.grafica-box
  ){font-size:11.5px!important;}
  .lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview) :is(
    .formulario input:not([type=file])::placeholder,.flatpickr-input::placeholder,.custom-select .selected.placeholder
  ){font-size:11.5px!important;}
}

/* =========================================================
   4.34.2 · TIPOGRAFÍA CANÓNICA DE CAMPOS / PLACEHOLDERS
   Todos los modales de mercado usan exactamente la misma fuente
   que el texto visible de los desplegables personalizados.
   ========================================================= */
.lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview){
  --tlj-trade-field-font-size: 12.5px;
  --tlj-trade-field-font-weight: 600;
  --tlj-trade-field-line-height: 1.2;
}

.lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview) :is(
  .formulario input:not([type=file]),
  .formulario textarea,
  .flatpickr-input,
  .custom-select,
  .custom-select .selected,
  .custom-select .option,
  .grafica-box,
  .grafica-box span,
  .form-column > .tlj-psychology-trigger
){
  font-size:var(--tlj-trade-field-font-size)!important;
  font-weight:var(--tlj-trade-field-font-weight)!important;
  font-style:normal!important;
  font-variant:normal!important;
  letter-spacing:0!important;
  line-height:var(--tlj-trade-field-line-height)!important;
  text-transform:none!important;
}

.lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview) :is(
  .formulario input:not([type=file]),
  .formulario textarea,
  .flatpickr-input
)::placeholder{
  font-size:var(--tlj-trade-field-font-size)!important;
  font-weight:var(--tlj-trade-field-font-weight)!important;
  font-style:normal!important;
  font-variant:normal!important;
  letter-spacing:0!important;
  line-height:var(--tlj-trade-field-line-height)!important;
  text-transform:none!important;
  opacity:1!important;
}

.lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview) .custom-select .selected.placeholder{
  font-size:var(--tlj-trade-field-font-size)!important;
  font-weight:var(--tlj-trade-field-font-weight)!important;
  font-style:normal!important;
  font-variant:normal!important;
  letter-spacing:0!important;
  line-height:var(--tlj-trade-field-line-height)!important;
  text-transform:none!important;
}

@media (min-width:901px) and (max-height:850px){
  .lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview){
    --tlj-trade-field-font-size:11.5px;
  }
}

/* =========================================================
   4.35.0 · MODAL GRANDE CON AJUSTE AUTOMÁTICO SIN SCROLL
   + CAJAS AUTOMÁTICAS MÁS LEGIBLES
   El tamaño base es mayor; JS aplica --tlj-form-fit-scale solo cuando
   la altura/anchura real del viewport exige reducirlo.
   ========================================================= */
.lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview){
  padding: 10px 12px;
  overflow: hidden;
}
.lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview) .modal-contenido--form{
  --tlj-form-fit-scale: 1;
  width: min(1320px,calc(100vw - 24px));
  padding: 20px;
  overscroll-behavior: none;
  transform-origin: center center;
  contain: layout style;
}
.lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview) .modal-contenido--form {scale:var(--tlj-form-fit-scale);}.lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview) .tlj-trades-modal-header {
  margin:-20px -20px 14px;
}
.lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview) .formulario{
  gap:12px!important;
}
.lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview) .form-column{
  gap:6px!important;
  padding:11px!important;
}
.lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview) :is(
  .formulario input:not([type=file]),.flatpickr-input,.grafica-box,.custom-select
){
  height:40px!important;
  min-height:40px!important;
}
.lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview) .custom-select .selected{
  height:38px!important;
  min-height:38px!important;
  padding:0 40px 0 13px!important;
  font-size:12.5px!important;
}
.lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview) .tlj-market-data-strip{
  gap:7px!important;
  padding:8px!important;
  border-radius:10px!important;
}
.lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview) .tlj-market-data-strip>div{
  min-height:46px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  padding:6px 8px!important;
  border-radius:8px!important;
}
.lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview) .tlj-market-data-strip span{
  margin-bottom:3px!important;
  font-size:9px!important;
  line-height:1.15!important;
  letter-spacing:.25px!important;
}
.lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview) .tlj-market-data-strip strong{
  font-size:13px!important;
  line-height:1.15!important;
}
.lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview) .botones-modal{
  margin-top:6px!important;
}
.lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview) .botones-modal button:not(.tlj-modal-action){
  min-height:40px!important;
}
/* Desactiva los tamaños ultracompactos previos: el ajuste se hace escalando
   el modal entero, preservando proporciones y legibilidad relativa. */
@media (min-width:901px) and (max-height:850px){
  .lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview) .formulario{gap:12px!important;}
  .lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview) .form-column{gap:6px!important;padding:11px!important;}
  .lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview) :is(.formulario input:not([type=file]),.flatpickr-input,.grafica-box,.custom-select){height:40px!important;min-height:40px!important;}
  .lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview) .custom-select .selected{height:38px!important;min-height:38px!important;font-size:12.5px!important;}
  .lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview){--tlj-trade-field-font-size:12.5px;}
  .lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview) .tlj-market-data-strip{gap:7px!important;padding:8px!important;}
  .lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview) .tlj-market-data-strip>div{min-height:46px!important;padding:6px 8px!important;}
  .lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview) .tlj-market-data-strip span{font-size:9px!important;}
  .lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview) .tlj-market-data-strip strong{font-size:13px!important;}
}
@media (max-width:900px){
  .lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview){padding:8px;}
  .lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview) .modal-contenido--form{
  width: calc(100vw - 16px);
}
}

/* =========================================================
   4.35.1 · CORRECCIONES DE DETALLE DEL MODAL
   - Centavos: corregido en JS (la tarjeta recibía texto y Number.isFinite
     lo rechazaba).
   - Mensaje de comisión automática centrado verticalmente.
   - Revisar Plan con la misma altura que los demás campos.
   ========================================================= */
.lista-trades-root #modalFormulario #stockCommissionAutomation{
  box-sizing:border-box!important;
  min-height:22px!important;
  padding:2px 1px!important;
  align-items:center!important;
}
.lista-trades-root #modalFormulario #stockCommissionFeedback{
  display:flex!important;
  min-height:18px!important;
  align-items:center!important;
  margin:0!important;
  padding:0!important;
  line-height:1.2!important;
}
.lista-trades-root :is(#modalFormulario,#modalFuturosPreview,#modalForexPreview,#modalCryptoPreview) .form-column > .tlj-psychology-trigger{
  box-sizing:border-box!important;
  height:40px!important;
  min-height:40px!important;
  max-height:40px!important;
  padding-top:0!important;
  padding-bottom:0!important;
  align-items:center!important;
}

/* Procedencia de costes · detalle de operación */
.lista-trades-root .tlj-trade-detail-item.is-fee-origin strong{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:4px 9px;border:1px solid var(--tlj-lista-border-soft,rgba(94,234,212,.28));border-radius:999px;font-size:12px;font-weight:800}

/* Psicología · usa exclusivamente tokens y controles de Tema/Lista de Operaciones. */
.lista-trades-root #modalPsicologia{
  padding: 18px 20px;
  overflow: auto;
}
.lista-trades-root #modalPsicologia .tlj-plan-review-modal{
  width: min(900px,calc(100vw - 40px));
  max-height: calc(100dvh - 36px);
  padding: 20px;
  overflow-x: hidden;
  overflow-y: auto;
}.lista-trades-root #modalPsicologia .tlj-trades-modal-header {
  margin:-20px -20px 16px;

  overflow:hidden;
}
.lista-trades-root #modalPsicologia .tlj-plan-review-grid{align-items:start}
.lista-trades-root #modalPsicologia .tlj-psychology__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}
.lista-trades-root #modalPsicologia .custom-select{
  border-color:var(--tlj-color-border)!important;
  background:var(--tlj-color-field)!important;
  box-shadow:none!important;
  outline:none!important;
}
.lista-trades-root #modalPsicologia .custom-select:hover,
.lista-trades-root #modalPsicologia .custom-select.open,
.lista-trades-root #modalPsicologia .custom-select:focus-within{
  border-color:var(--tlj-color-border-strong)!important;
  background:var(--tlj-color-hover)!important;
  box-shadow:0 0 0 3px rgba(var(--tlj-color-accent-rgb),.055)!important;
  outline:none!important;
}
.lista-trades-root #modalPsicologia .tlj-psychology__behaviors{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
.lista-trades-root #modalPsicologia .tlj-psychology__behaviors label{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid var(--tlj-color-border);border-radius:8px;color:var(--tlj-color-text-muted);cursor:pointer;font-size:12px;line-height:1.2;background:var(--tlj-color-surface);transition:border-color .25s ease,background-color .25s ease,color .25s ease}
.lista-trades-root #modalPsicologia .tlj-psychology__behaviors label:hover{border-color:var(--tlj-color-border-strong);background:var(--tlj-color-hover);color:var(--tlj-color-text)}
.lista-trades-root #modalPsicologia .tlj-psychology__behaviors label:has(input:checked){border-color:var(--tlj-color-accent);background:var(--tlj-color-active-bg);color:var(--tlj-color-text)}
.lista-trades-root #modalPsicologia .tlj-psychology__behaviors input{
  appearance:none;-webkit-appearance:none;display:grid;width:15px!important;height:15px!important;min-width:15px!important;min-height:15px!important;place-items:center;margin:0!important;padding:0!important;border:1px solid var(--tlj-color-border-strong)!important;border-radius:4px!important;background:var(--tlj-color-field)!important;box-shadow:none!important;outline:none!important;cursor:pointer
}
.lista-trades-root #modalPsicologia .tlj-psychology__behaviors input::after{content:"✓";color:var(--tlj-color-on-accent);font-size:10px;font-weight:900;line-height:1;opacity:0;transform:scale(.7);transition:opacity .18s ease,transform .18s ease}
.lista-trades-root #modalPsicologia .tlj-psychology__behaviors input:checked{border-color:var(--tlj-color-accent)!important;background:var(--tlj-color-accent)!important}
.lista-trades-root #modalPsicologia .tlj-psychology__behaviors input:checked::after{opacity:1;transform:scale(1)}
.lista-trades-root #modalPsicologia .tlj-psychology__behaviors input:focus-visible{border-color:var(--tlj-color-accent)!important;box-shadow:0 0 0 3px rgba(var(--tlj-color-accent-rgb),.10)!important}
.lista-trades-root #modalPsicologia .tlj-psychology__note{width:100%;min-height:78px;margin-top:12px;padding:10px 11px;resize:vertical;border:1px solid var(--tlj-color-border);border-radius:8px;background:var(--tlj-color-field);color:var(--tlj-color-text);font:inherit;box-shadow:none;outline:none;transition:border-color .25s ease,background-color .25s ease,box-shadow .25s ease}
.lista-trades-root #modalPsicologia .tlj-psychology__note::placeholder{color:var(--tlj-color-text-muted)}
.lista-trades-root #modalPsicologia .tlj-psychology__note:hover{border-color:var(--tlj-color-border-strong);background:var(--tlj-color-hover)}
.lista-trades-root #modalPsicologia .tlj-psychology__note:focus{border-color:var(--tlj-color-accent);background:var(--tlj-color-field);box-shadow:0 0 0 3px rgba(var(--tlj-color-accent-rgb),.08);outline:none}
.lista-trades-root #modalPsicologia .tlj-psychology__toolbar{display:flex;justify-content:flex-end;margin-top:10px}
.lista-trades-root #modalPsicologia #tljPsychManageStates,
.lista-trades-root #modalPsicologia .tlj-psychology__manager button:not(.tlj-modal-action){
  appearance:none;-webkit-appearance:none;display:inline-flex;min-height:34px!important;align-items:center;justify-content:center;margin:0!important;padding:0 11px!important;border:1px solid var(--tlj-color-border-strong)!important;border-radius:7px!important;background:var(--tlj-color-button-bg)!important;color:var(--tlj-color-button-text)!important;box-shadow:none!important;font:inherit;font-size:11px!important;font-weight:800!important;line-height:1!important;cursor:pointer;transform:none!important;transition:border-color .25s ease,background-color .25s ease,color .25s ease!important
}
.lista-trades-root #modalPsicologia #tljPsychManageStates:hover,
.lista-trades-root #modalPsicologia #tljPsychManageStates:focus-visible,
.lista-trades-root #modalPsicologia .tlj-psychology__manager button:not(.tlj-modal-action):hover,
.lista-trades-root #modalPsicologia .tlj-psychology__manager button:not(.tlj-modal-action):focus-visible{border-color:var(--tlj-color-accent)!important;background:var(--tlj-color-hover)!important;color:var(--tlj-color-accent-text)!important;box-shadow:none!important;outline:none!important}
.lista-trades-root #modalPsicologia .tlj-psychology__manager{margin:8px 0 0;padding:10px;border:1px solid var(--tlj-color-border);border-radius:8px;background:var(--tlj-color-surface)}
.lista-trades-root #modalPsicologia .tlj-psychology__manager[hidden]{display:none!important}
.lista-trades-root #modalPsicologia .tlj-psychology__state-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.lista-trades-root #modalPsicologia .tlj-psychology__state-row{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr) 34px;gap:7px;align-items:center;min-height:40px;padding:3px 4px;border:1px solid transparent;border-radius:8px;transition:border-color .18s ease,background-color .18s ease,opacity .18s ease}
.lista-trades-root #modalPsicologia .tlj-psychology__state-row:hover{border-color:rgba(var(--tlj-color-accent-rgb),.18);background:var(--tlj-color-hover)}
.lista-trades-root #modalPsicologia .tlj-psychology__state-row.is-dragging{opacity:.45}
.lista-trades-root #modalPsicologia .tlj-psychology__state-row.is-drop-before::before,
.lista-trades-root #modalPsicologia .tlj-psychology__state-row.is-drop-after::after{position:absolute;right:4px;left:4px;height:2px;border-radius:999px;background:var(--tlj-color-accent);content:""}
.lista-trades-root #modalPsicologia .tlj-psychology__state-row.is-drop-before::before{top:-4px}
.lista-trades-root #modalPsicologia .tlj-psychology__state-row.is-drop-after::after{bottom:-4px}
.lista-trades-root #modalPsicologia .tlj-psychology__drag-handle{display:grid;width:24px;height:30px;grid-template-columns:repeat(2,3px);grid-auto-rows:3px;gap:3px;align-content:center;justify-content:center;border-radius:6px;cursor:grab;user-select:none}
.lista-trades-root #modalPsicologia .tlj-psychology__drag-handle:active{cursor:grabbing}
.lista-trades-root #modalPsicologia .tlj-psychology__drag-handle span{width:3px;height:3px;border-radius:50%;background:var(--tlj-color-text-muted)}
.lista-trades-root #modalPsicologia .tlj-psychology__state-row--add{grid-template-columns:minmax(0,1fr) auto;margin:9px 0 7px;padding:0;border:0;background:transparent!important}
.lista-trades-root #modalPsicologia .tlj-psychology__state-row input{width:100%;height:36px;min-height:36px;padding:0 9px;border:1px solid var(--tlj-color-border);border-radius:7px;background:var(--tlj-color-field);color:var(--tlj-color-text);font:inherit;font-size:12px;box-shadow:none;outline:none;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}
.lista-trades-root #modalPsicologia .tlj-psychology__state-row input:hover{border-color:var(--tlj-color-border-strong);background:var(--tlj-color-hover)}
.lista-trades-root #modalPsicologia .tlj-psychology__state-row input:focus{border-color:var(--tlj-color-accent);background:var(--tlj-color-field);box-shadow:0 0 0 3px rgba(var(--tlj-color-accent-rgb),.08);outline:none}
.lista-trades-root #modalPsicologia .tlj-psychology__delete-state{width:34px!important;min-width:34px!important;padding:0!important;font-size:18px!important;font-weight:600!important;color:var(--tlj-color-text-muted)!important}
.lista-trades-root #modalPsicologia .tlj-psychology__delete-state:hover,.lista-trades-root #modalPsicologia .tlj-psychology__delete-state:focus-visible{border-color:var(--tlj-color-negative-text)!important;background:rgba(255,109,115,.06)!important;color:var(--tlj-color-negative-text)!important}
.lista-trades-root #modalPsicologia .tlj-psychology__restore-states{width:100%}
.lista-trades-root .tlj-trade-psychology-cell{width:170px!important;min-width:130px!important;max-width:185px!important;padding:8px 9px!important;white-space:normal!important;font-size:10.5px!important;font-weight:650!important;line-height:1.28!important;overflow-wrap:anywhere}
@media (max-width:700px){
  .lista-trades-root #modalPsicologia{padding:8px 10px;}
  .lista-trades-root #modalPsicologia .tlj-plan-review-modal{width:calc(100vw - 20px);max-height:calc(100dvh - 16px);padding:18px;}.lista-trades-root #modalPsicologia .tlj-trades-modal-header {margin:-18px -18px 14px;}
  .lista-trades-root #modalPsicologia .tlj-psychology__grid{grid-template-columns:1fr}
}

/* 4.52.0 · Psicología: gestión compacta, conductas personalizadas y resumen dentro de la caja. */
.lista-trades-root .tlj-psychology-trigger .tlj-psychology-trigger-copy{display:flex!important;min-width:0;flex:1 1 auto;flex-direction:column;align-items:flex-start;justify-content:center;gap:1px;text-align:left;overflow:hidden}
.lista-trades-root .tlj-psychology-trigger .tlj-psychology-trigger-copy>span{width:100%;min-width:0;flex:0 0 auto;text-align:left}
.lista-trades-root .tlj-psychology-trigger .tlj-psychology-trigger-copy>small{display:block;width:100%;min-width:0;overflow:hidden;color:var(--tlj-color-text-muted);font-size:9.5px;font-weight:600;line-height:1.05;text-overflow:ellipsis;white-space:nowrap}
.lista-trades-root .tlj-psychology-trigger.is-filled,.lista-trades-root .tlj-psychology-trigger.is-filled .tlj-psychology-trigger-copy>span,.lista-trades-root .tlj-psychology-trigger.is-filled .tlj-psychology-trigger-copy>small{color:var(--tlj-color-text);-webkit-text-fill-color:var(--tlj-color-text)}
.lista-trades-root .tlj-psychology-trigger .tlj-psychology-trigger-copy>small[hidden]{display:none!important}
.lista-trades-root #modalPsicologia .tlj-psychology__behavior-add{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;margin-top:9px}
.lista-trades-root #modalPsicologia .tlj-psychology__behavior-add input{min-width:0;height:36px;margin:0;padding:0 10px;border:1px solid var(--tlj-color-border);border-radius:8px;background:var(--tlj-color-field);color:var(--tlj-color-text);font:inherit;font-size:12px;box-shadow:none;outline:none;transition:border-color .25s ease,background-color .25s ease,box-shadow .25s ease}
.lista-trades-root #modalPsicologia .tlj-psychology__behavior-add input::placeholder{color:var(--tlj-color-text-muted)}
.lista-trades-root #modalPsicologia .tlj-psychology__behavior-add input:hover{border-color:var(--tlj-color-border-strong);background:var(--tlj-color-hover)}
.lista-trades-root #modalPsicologia .tlj-psychology__behavior-add input:focus{border-color:var(--tlj-color-accent);background:var(--tlj-color-field);box-shadow:0 0 0 3px rgba(var(--tlj-color-accent-rgb),.08)}
.lista-trades-root #modalPsicologia .tlj-psychology__behavior-add button:not(.tlj-modal-action){height:36px!important;min-height:36px!important;margin:0!important;padding:0 12px!important}
@media (max-width:700px){.lista-trades-root #modalPsicologia .tlj-psychology__state-list{grid-template-columns:1fr}.lista-trades-root #modalPsicologia .tlj-psychology__behavior-add{grid-template-columns:1fr}.lista-trades-root #modalPsicologia .tlj-psychology__behavior-add button:not(.tlj-modal-action){width:100%!important}}

/* 4.53.0 · Psicología: color de campo relleno y conductas totalmente editables. */
.lista-trades-root #modalPsicologia .tlj-psychology__behavior-item{position:relative;display:inline-flex;min-width:0;align-items:center}
.lista-trades-root #modalPsicologia .tlj-psychology__behavior-item.has-delete>label{padding-right:28px}
.lista-trades-root #modalPsicologia .tlj-psychology__delete-behavior{appearance:none;-webkit-appearance:none;position:absolute;top:50%;right:5px;display:grid;width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;place-items:center;margin:0!important;padding:0!important;transform:translateY(-50%)!important;border:0!important;border-radius:5px!important;background:transparent!important;color:var(--tlj-color-text-muted)!important;box-shadow:none!important;font:inherit;font-size:16px!important;font-weight:700!important;line-height:1!important;cursor:pointer;transition:background-color .2s ease,color .2s ease!important}
.lista-trades-root #modalPsicologia .tlj-psychology__delete-behavior:hover,.lista-trades-root #modalPsicologia .tlj-psychology__delete-behavior:focus-visible{background:rgba(255,109,115,.06)!important;color:var(--tlj-color-negative-text)!important;box-shadow:none!important;}
.lista-trades-root #modalPsicologia #tljPsychAddBehavior{appearance:none!important;-webkit-appearance:none!important;display:inline-flex!important;height:36px!important;min-height:36px!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0 12px!important;border:1px solid var(--tlj-color-border-strong)!important;border-radius:7px!important;background:var(--tlj-color-button-bg)!important;color:var(--tlj-color-button-text)!important;-webkit-text-fill-color:var(--tlj-color-button-text)!important;box-shadow:none!important;font:inherit!important;font-size:11px!important;font-weight:800!important;line-height:1!important;cursor:pointer!important;transform:none!important;transition:border-color .25s ease,background-color .25s ease,color .25s ease!important}
.lista-trades-root #modalPsicologia #tljPsychAddBehavior:hover,.lista-trades-root #modalPsicologia #tljPsychAddBehavior:focus-visible{border-color:var(--tlj-color-accent)!important;background:var(--tlj-color-hover)!important;color:var(--tlj-color-accent-text)!important;-webkit-text-fill-color:var(--tlj-color-accent-text)!important;box-shadow:none!important;}

/* =========================================================
   PERSONALIZACIÓN DEL FORMULARIO DE OPERACIONES
   ========================================================= */
/* Botón .tlj-customize-btn de TLJ Tema, a la izquierda de la X y centrado con ella (X de 36 px). */
.lista-trades-root .tlj-form-customizer-trigger{
  position:absolute;
  top:calc(var(--tlj-modal-corner-offset) + (36px - var(--tlj-customize-btn-size)) / 2);
  right:calc(var(--tlj-modal-corner-offset) + 48px);
  z-index:12;
}
.lista-trades-root .tlj-form-field-hidden{
  display:none!important;
}
.lista-trades-root .tlj-form-customizer-dialog{
  width: min(100%,680px);
  max-height: 86vh;
  --tlj-modal-pad-top: 34px;
  --tlj-modal-pad-x: 34px;
  padding: var(--tlj-modal-pad-top) var(--tlj-modal-pad-x);
  overflow: hidden;
}
.lista-trades-root .tlj-form-customizer-legend{
  display:flex;
  gap:16px;
  align-items:center;
  justify-content:center;
  margin:0 0 12px;
  color:var(--tlj-color-text-muted);
  font-size:10px;
  font-weight:750;
}
.lista-trades-root .tlj-form-customizer-legend span{
  display:inline-flex;
  gap:7px;
  align-items:center;
}
.lista-trades-root .tlj-form-customizer-lock,
.lista-trades-root .tlj-form-customizer-eye{
  display:inline-flex;
  width:18px;
  height:18px;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(var(--tlj-color-accent-rgb), .28);
  border-radius:5px;
  background:rgba(var(--tlj-color-accent-rgb), .055);
  color:var(--tlj-color-accent-text);
  font-style:normal;
}
.lista-trades-root .tlj-form-customizer-eye::before{
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--tlj-color-accent);
  content:"";
  box-shadow:0 0 0 3px rgba(var(--tlj-color-accent-rgb), .12);
}
.lista-trades-root .tlj-form-customizer-list{
  display:flex;
  max-height:52vh;
  flex-direction:column;
  gap:7px;
  margin:0;
  padding:2px 5px 2px 2px;
  overflow-y:auto;
}
.lista-trades-root .tlj-form-customizer-item{
  position:relative;
  display:grid;
  grid-template-columns:28px minmax(0,1fr) auto;
  min-height:48px;
  gap:10px;
  align-items:center;
  padding:7px 10px 7px 8px;
  border:1px solid var(--tlj-color-border);
  border-radius:8px;
  background:var(--tlj-color-surface);
  color:var(--tlj-color-text-muted);
  cursor:default;
  transition:border-color .25s ease,background-color .25s ease,opacity .2s ease;
}
.lista-trades-root .tlj-form-customizer-item:hover{
  border-color:var(--tlj-color-border-strong);
  background:var(--tlj-color-hover);
}
.lista-trades-root .tlj-form-customizer-item.is-dragging{
  opacity:.48;
}
.lista-trades-root .tlj-form-customizer-list.is-reordering .tlj-form-customizer-item{
  transition:none!important;
}
.lista-trades-root .tlj-form-customizer-item.is-drop-before{
  box-shadow:inset 0 2px 0 var(--tlj-color-accent);
}
.lista-trades-root .tlj-form-customizer-item.is-drop-after{
  box-shadow:inset 0 -2px 0 var(--tlj-color-accent);
}
.lista-trades-root .tlj-form-customizer-item strong{
  min-width:0;
  overflow:hidden;
  color:var(--tlj-color-text);
  font-size:12.5px;
  font-weight:700;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.lista-trades-root .tlj-form-customizer-drag{
  display:inline-flex;
  width:28px;
  height:32px;
  align-items:center;
  justify-content:center;
  color:var(--tlj-color-text-muted);
  cursor:grab;
  user-select:none;
  -webkit-user-drag:element;
}
.lista-trades-root .tlj-form-customizer-drag:active{cursor:grabbing}
.lista-trades-root .tlj-form-customizer-drag svg{
  width:18px;
  height:18px;
  fill:currentColor;
}
.lista-trades-root .tlj-form-customizer-required{
  display:inline-flex;
  min-height:28px;
  gap:6px;
  align-items:center;
  padding:0 9px;
  border:1px solid rgba(var(--tlj-color-accent-rgb), .22);
  border-radius:999px;
  background:rgba(var(--tlj-color-accent-rgb), .05);
  color:var(--tlj-color-accent-text);
  font-size:9px;
  font-weight:800;
  letter-spacing:.2px;
  text-transform:uppercase;
}
.lista-trades-root .tlj-form-customizer-required svg{
  width:13px;
  height:13px;
  fill:none;
  stroke:currentColor;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-width:1.8;
}
.lista-trades-root .tlj-form-customizer-switch{
  position:relative;
  display:inline-flex;
  gap:8px;
  align-items:center;
  margin:0!important;
  color:var(--tlj-color-text-muted);
  font-size:10px;
  font-weight:750;
  cursor:pointer;
}
.lista-trades-root .tlj-form-customizer-switch input{
  position:absolute;
  width:1px;
  height:1px;
  opacity:0;
  pointer-events:none;
}
.lista-trades-root .tlj-form-customizer-switch > span{
  position:relative;
  display:inline-block;
  width:34px;
  height:20px;
  flex:0 0 34px;
  border:1px solid var(--tlj-color-border-strong);
  border-radius:999px;
  background:var(--tlj-color-field);
  transition:border-color .25s ease,background-color .25s ease;
}
.lista-trades-root .tlj-form-customizer-switch > span::after{
  position:absolute;
  top:3px;
  left:3px;
  width:12px;
  height:12px;
  border-radius:50%;
  background:var(--tlj-color-text);
  box-shadow:0 0 0 1px var(--tlj-color-border-strong);
  content:"";
  opacity:.42;
  transition:transform .25s ease,background-color .25s ease,opacity .25s ease,box-shadow .25s ease;
}
.lista-trades-root .tlj-form-customizer-switch input:checked + span{
  border-color:var(--tlj-color-accent);
  background:rgba(var(--tlj-color-accent-rgb), .14);
}
.lista-trades-root .tlj-form-customizer-switch input:checked + span::after{
  background:var(--tlj-color-accent);
  box-shadow:none;
  opacity:1;
  transform:translateX(14px);
}
.lista-trades-root .tlj-form-customizer-switch:has(input:focus-visible) > span{
  box-shadow:0 0 0 3px rgba(var(--tlj-color-accent-rgb), .08);
}
.lista-trades-root .tlj-form-customizer-switch em{
  color:inherit;
  font-style:normal;
}
.lista-trades-root .tlj-form-customizer-feedback{
  min-height:18px;
  margin:8px 0 2px!important;
  color:var(--tlj-color-text-muted)!important;
  font-size:10.5px!important;
  line-height:1.35!important;
  text-align:center;
}
.lista-trades-root .tlj-form-customizer-actions{
  margin-top:4px;
}
.lista-trades-root .tlj-form-customizer-actions button:not(.tlj-modal-action){
  min-width:154px;
}
.lista-trades-root .tlj-form-customizer-actions button:not(.tlj-modal-action):disabled{
  opacity:.55;
  cursor:wait;
}
@media (max-width:700px){
  .lista-trades-root .tlj-form-customizer-dialog{
  width: calc(100vw - 24px);
  max-height: calc(100vh - 24px);
  --tlj-modal-pad-top: 22px;
  --tlj-modal-pad-x: 22px;
}
  .lista-trades-root .tlj-form-customizer-list{max-height:58vh}
  .lista-trades-root .tlj-form-customizer-item{grid-template-columns:24px minmax(0,1fr) auto;gap:7px;padding-right:8px}
  .lista-trades-root .tlj-form-customizer-switch em{display:none}
  .lista-trades-root .tlj-form-customizer-required{padding:0 7px;font-size:8px}
  .lista-trades-root .tlj-form-customizer-actions{flex-direction:column}
  .lista-trades-root .tlj-form-customizer-actions button:not(.tlj-modal-action){width:100%;min-width:0}
}

/* TLJ 4.39 · Selector de cuenta multi-bróker */
.tlj-trade-account-picker{display:flex;align-items:flex-end;gap:12px;margin:0 0 14px;padding:10px 12px;border:1px solid var(--tlj-color-border);border-radius:12px;background:var(--tlj-color-surface-2);}
.tlj-trade-account-picker[hidden]{display:none}
.tlj-trade-account-picker__label{display:flex;flex:1;min-width:0;flex-direction:column;gap:5px;font-size:12px;font-weight:700}
.tlj-trade-account-picker__select{width:100%;min-height:38px;padding:7px 34px 7px 10px;border:1px solid var(--tlj-color-input-border);border-radius:9px;background:var(--tlj-color-input-bg);color:var(--tlj-color-input-text);font:inherit}
.tlj-trade-account-picker__meta{flex:0 0 auto;max-width:42%;padding-bottom:9px;font-size:12px;opacity:.72;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tlj-csv-review-modal>.tlj-trade-account-picker{margin-top:12px}
@media (max-width:640px){.tlj-trade-account-picker{align-items:stretch;flex-direction:column}.tlj-trade-account-picker__meta{max-width:none;padding:0}}


/* Filtro de warnings dentro del módulo Filtrar operaciones/días. */
.lista-trades-root .tlj-warning-filter-row {
  grid-column: auto;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 6px;
  min-width: 0;
  width: 100%;
  margin: 0;
}
.lista-trades-root .tlj-warning-filter-row .tlj-warning-filter-toggle {
  display: inline-flex !important;
  width: auto !important;
  max-width: 100%;
  min-width: 0 !important;
  min-height: 40px !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 9px;
  margin: 0 !important;
  padding: 9px 13px !important;
  border: 1px solid rgba(var(--tlj-color-warning-vivid-rgb), .2) !important;
  border-radius: 9px !important;
  background: transparent !important;
  color: var(--tlj-color-warning-copy-muted) !important;
  box-shadow: none !important;
  font: inherit;
  font-size: 12px !important;
  font-weight: 700;
  line-height: 1.35;
  text-align: left;
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease, color .18s ease;
}
.lista-trades-root .tlj-warning-filter-toggle svg {
  display: block;
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  margin: 0;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.lista-trades-root .tlj-warning-filter-row .tlj-warning-filter-toggle:hover,
.lista-trades-root .tlj-warning-filter-row .tlj-warning-filter-toggle:focus-visible {
  border-color: rgba(var(--tlj-color-warning-vivid-rgb), .42) !important;
  background: rgba(var(--tlj-color-warning-vivid-rgb), .045) !important;
  color: var(--tlj-color-warning-copy-soft) !important;
  outline: none;
}
.lista-trades-root .tlj-warning-filter-row .tlj-warning-filter-toggle.is-active {
  border-color: rgba(var(--tlj-color-warning-vivid-rgb), .62) !important;
  background: rgba(var(--tlj-color-warning-vivid-rgb), .1) !important;
  color: var(--tlj-color-warning-text) !important;
}
.lista-trades-root .tlj-warning-filter-row .tlj-warning-filter-toggle.is-active svg {
  stroke-width: 2.25;
  filter: drop-shadow(0 0 5px rgba(var(--tlj-color-warning-vivid-rgb), .24));
}
@media (max-width: 540px) {
  .lista-trades-root .tlj-warning-filter-row .tlj-warning-filter-toggle {
    width: 100% !important;
  }
}