/* StayLiquid · v81 · PORTADA = TERMINAL DEL ECOSISTEMA DE COPY TRADING.
   Pantalla completa (sin la maqueta de la web): cabecera con cifras, cinta del mercado, paneles con borde fino y dos tarjetas de neón (origen y tu
   copia), la red viva en el centro y el registro en vivo abajo. Siempre oscura. Todos los números vienen de datos reales (ver copy.js). */
/* v87 · ESTÉTICA INSTITUCIONAL: azul profundo + cian + blanco, mono, aire, sin neón. El mapa y las velas (ecoviz.js) leen estos tokens, así que
   repintan con la misma paleta. El acento (--mag) pasa de magenta a cian; verde y rojo se enfrían para ganancias y pérdidas. */
.eco-root,.eco{--void:#0A0F1E;--panel:rgba(18,26,45,.62);--panel2:rgba(24,34,58,.82);--line:rgba(120,160,220,.14);--line2:rgba(120,160,220,.30);--ink:#EAF1FB;--soft:#B9C6DC;--dim:#7C8BA6;--mute:#50607C;
  --mag:#35E0FF;--buy:#28D39B;--sell:#F2566A;--amber:#F5B544;--cyan:#6FE6FF;--you:#8AB4FF;--flat:#9FB0C8;--sim:#F5B544;
  --mono-f:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--dot:"Doto","Geist Mono",ui-monospace,monospace;--display:"Space Grotesk","Geist",system-ui,sans-serif;
  color-scheme:dark;color:var(--ink);font:400 12px/1.4 var(--mono-f);font-variant-numeric:tabular-nums;
  background:radial-gradient(110% 70% at 50% 0%,rgba(30,74,140,.16),transparent 62%),var(--void)}
html.has-shell body.pg-eco{padding-left:0;background:#0A0F1E}
body.pg-eco .sb,body.pg-eco .sh,body.pg-eco .foot,body.pg-eco .ai-fab,body.pg-eco .skip{display:none!important}
body.pg-eco{overflow-x:hidden}
.eco-root *{box-sizing:border-box}
.eco-root [hidden]{display:none!important}
.eco-root{display:block;background:#0A0F1E;font:400 12px/1.4 var(--mono-f);padding:0!important;margin:0!important;max-width:none!important;width:100%}
.eco a{color:inherit}
.eco-root .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- v83 · terminal (debajo del mapa): una sola pantalla en escritorio, las velas en el centro ---------- */
.eco{display:grid;gap:6px;padding:6px;grid-template-columns:repeat(12,minmax(0,1fr));
  grid-template-rows:26px minmax(0,1fr) minmax(0,.92fr) minmax(0,.9fr) minmax(0,.52fr);height:100dvh;min-height:680px}
.eco-tape{grid-column:1/-1;grid-row:1}
.eco-src{grid-column:1/4;grid-row:2}.eco-stats{grid-column:1/4;grid-row:3}
.eco-chart{grid-column:4/10;grid-row:2/4}
.eco-me{grid-column:10/13;grid-row:2}.eco-cap{grid-column:10/13;grid-row:3}
/* v84: MIS POSICIONES (gestión) ocupa el centro de la fila 4; tokens del origen y copia en papel pasan al tablero RENDIMIENTO */
.eco-pnl{grid-column:1/4;grid-row:4}.eco-mypos{grid-column:4/9;grid-row:4}.eco-rec{grid-column:9/13;grid-row:4}
.eco-log{grid-column:1/6;grid-row:5}.eco-ana{grid-column:6/10;grid-row:5}.eco-sim{grid-column:10/13;grid-row:5}

/* ---------- cabecera ---------- */
.eco-hd{display:flex;align-items:center;gap:14px;padding:0 10px;border-bottom:1px solid var(--line);min-width:0}
.eco-brand{display:flex;align-items:center;gap:9px;text-decoration:none;flex:none}
.eco-brand svg{width:26px;height:26px;color:var(--mag);filter:drop-shadow(0 0 6px rgba(53,224,255,.6))}
.eco-brand b{display:block;font:600 12px/1 var(--mono-f);letter-spacing:.16em}
.eco-brand small{display:block;font:500 9px/1.3 var(--mono-f);letter-spacing:.2em;color:var(--dim)}
.eco-title{display:flex;align-items:center;gap:8px;min-width:0;flex:1 1 auto;overflow:hidden;font-size:11px;color:var(--dim);white-space:nowrap}
.eco-title b{color:var(--ink);font-weight:600;overflow:hidden;text-overflow:ellipsis}
.eco-pill{font:600 9px/1 var(--mono-f);letter-spacing:.14em;padding:4px 6px;border-radius:3px;border:1px solid currentColor;color:var(--dim)}
.eco-pill[data-s=live]{color:var(--buy);box-shadow:0 0 10px rgba(25,240,160,.25)}
.eco-pill[data-s=error]{color:var(--sell)}.eco-pill[data-s=empty]{color:var(--amber)}
.eco-dot{width:7px;height:7px;border-radius:50%;background:var(--dim);flex:none}
.eco-dot[data-s=live]{background:var(--buy);box-shadow:0 0 8px var(--buy);animation:eco-pulse 1.6s infinite}
.eco-dot[data-s=error]{background:var(--sell)}
@keyframes eco-pulse{50%{opacity:.35}}
.eco-kpis{display:flex;align-items:center;gap:18px;margin:0 0 0 auto;flex:none}
.eco-kpis div{display:grid;gap:1px;text-align:right}
.eco-kpis dt{font:500 9px/1 var(--mono-f);letter-spacing:.16em;color:var(--mute)}
.eco-kpis dd{margin:0;font:600 13px/1.2 var(--mono-f);color:var(--ink);white-space:nowrap}
.eco-clock{font:600 18px/1 var(--dot);letter-spacing:.04em;color:var(--ink);min-width:96px;text-align:right}
.eco-nav{display:flex;gap:2px}
.eco-nav a{display:grid;place-items:center;width:30px;height:30px;border-radius:6px;color:var(--dim);text-decoration:none}
.eco-nav a:hover,.eco-nav a:focus-visible{color:var(--ink);background:rgba(53,224,255,.1)}
.eco-nav svg{width:16px;height:16px}
.eco-wbtn{appearance:none;font:600 10px/1 var(--mono-f);letter-spacing:.12em;padding:9px 12px;border-radius:5px;border:1px solid var(--mag);background:rgba(53,224,255,.12);color:var(--ink);cursor:pointer;white-space:nowrap}
.eco-wbtn:hover{background:rgba(53,224,255,.22)}
.eco-wbtn[data-s=connected]{border-color:var(--line2);background:transparent;color:var(--soft)}
.eco-up{color:var(--buy)!important}.eco-dn{color:var(--sell)!important}

/* ---------- cinta del mercado ---------- */
.eco-tape{position:relative;overflow:hidden;border-bottom:1px solid var(--line);display:flex;align-items:center;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.eco-tape-in{display:flex;gap:28px;white-space:nowrap;animation:eco-tape 90s linear infinite;padding-left:100%}
.eco-tape:hover .eco-tape-in{animation-play-state:paused}
.eco-tape span{font-size:11px;color:var(--dim)}.eco-tape b{color:var(--soft);font-weight:600;margin-right:6px}
.eco-tape .k{color:var(--mag);margin-right:6px;font-weight:600}
@keyframes eco-tape{to{transform:translateX(-100%)}}

/* ---------- paneles ---------- */
.eco-p{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:4px;overflow:hidden}
.eco-p.neon{border:1px solid rgba(53,224,255,.45);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 10px 30px rgba(4,10,24,.5);background:var(--panel2)}
.eco-ph{display:flex;align-items:center;gap:8px;padding:7px 10px 5px;font:500 10px/1.2 var(--mono-f);letter-spacing:.16em;text-transform:uppercase;color:var(--dim);flex:none;min-width:0}
.eco-ph::before{content:"";width:6px;height:6px;border:1px solid var(--dim);border-radius:50%;flex:none}
.eco-ph b{color:var(--ink);font-weight:600}
.eco-ph .r{margin-left:auto;letter-spacing:.08em;text-transform:none;color:var(--mute);white-space:nowrap}
.eco-ph .tag{letter-spacing:.12em;padding:2px 5px;border-radius:2px;background:var(--mag);color:#03121C;font-weight:700}
.eco-pb{flex:1;min-height:0;padding:2px 10px 8px;overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(53,224,255,.3) transparent}
.eco-pb.flush{padding:0}
.eco-cv{display:block;width:100%;height:100%}
.eco-k{font:500 9px/1.2 var(--mono-f);letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.eco-big{font:800 clamp(28px,2.6vw,40px)/1 var(--dot);letter-spacing:.02em;color:var(--ink);text-shadow:0 0 18px rgba(255,255,255,.18);white-space:nowrap}
.eco-big small{font:600 13px var(--mono-f);color:var(--soft);margin-left:6px;text-shadow:none}
.eco-state-msg{display:grid;place-items:center;text-align:center;height:100%;padding:10px;color:var(--dim);font-size:11px;gap:6px}
.eco-state-msg b{color:var(--soft);font-weight:600}
.eco-state-msg.err b{color:var(--sell)}
.eco-sk{height:12px;margin:6px 0;border-radius:2px;background:linear-gradient(90deg,rgba(53,224,255,.05),rgba(53,224,255,.14),rgba(53,224,255,.05));background-size:200% 100%;animation:eco-sk 1.4s infinite}
@keyframes eco-sk{to{background-position:-200% 0}}

/* origen */
.eco-src .eco-pb{display:flex;flex-direction:column;gap:6px}
.eco-who{display:flex;align-items:baseline;gap:8px;min-width:0}
.eco-who b{font:600 14px var(--mono-f);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.eco-who a{color:var(--dim);font-size:11px;text-decoration:none}.eco-who a:hover{color:var(--mag)}
.eco-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.eco-trio div{display:grid;gap:2px}.eco-trio b{font:600 14px var(--mono-f)}
.eco-streak{flex:1;min-height:34px;display:grid;grid-template-rows:auto minmax(0,1fr)}
.eco-streak .eco-cv{min-height:26px}
.eco-live{font:700 9px/1 var(--mono-f);letter-spacing:.14em;padding:3px 5px;border-radius:2px;background:var(--sell);color:#fff}
.eco-live.on{background:var(--buy);color:#03150D}

/* velas */
.eco-tabs{display:flex;gap:4px;padding:0 10px 4px;flex:none;overflow-x:auto;scrollbar-width:none}
.eco-tabs button{appearance:none;font:600 10px/1 var(--mono-f);padding:5px 7px;border-radius:3px;border:1px solid var(--line);background:transparent;color:var(--dim);cursor:pointer;white-space:nowrap}
.eco-tabs button[aria-pressed=true]{border-color:var(--mag);color:var(--ink);background:rgba(53,224,255,.12)}
.eco-chart .eco-px{font:600 16px var(--mono-f);color:var(--ink);letter-spacing:0;text-transform:none}
.eco-foot{flex:none;padding:0 10px 6px;font-size:10px;color:var(--mute);display:flex;gap:12px;flex-wrap:wrap}
.eco-foot i{font-style:normal}.eco-foot .b{color:var(--buy)}.eco-foot .s{color:var(--sell)}

/* posiciones (estilo libro) */
.eco-book{width:100%;border-collapse:collapse;font-size:11px}
.eco-book td{padding:3px 4px;white-space:nowrap;position:relative}
.eco-book td:first-child{padding-left:0;color:var(--soft);font-weight:600;max-width:90px;overflow:hidden;text-overflow:ellipsis}
.eco-book td.n{text-align:right}
.eco-book tr{background-repeat:no-repeat;background-position:right center}
.eco-book .up{color:var(--buy)}.eco-book .dn{color:var(--sell)}
.eco-mid{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:7px 0;padding:6px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.eco-mid b{font:600 15px var(--mono-f)}
.eco-sub{font:500 9px/1 var(--mono-f);letter-spacing:.16em;color:var(--mute);margin:6px 0 2px}

/* tu copia */
.eco-me .eco-pb{display:flex;flex-direction:column;gap:7px}
.eco-mstate{font:800 clamp(26px,2.3vw,36px)/1 var(--dot);letter-spacing:.02em}
.eco-mstate[data-s=active]{color:var(--buy);text-shadow:0 0 16px rgba(25,240,160,.4)}
.eco-mstate[data-s=paused]{color:var(--amber)}.eco-mstate[data-s=stopped],.eco-mstate[data-s=error]{color:var(--sell)}
.eco-mstate[data-s=off],.eco-mstate[data-s=none]{color:var(--soft)}
.eco-msg{margin:0;color:var(--dim);font-size:11px}
.eco-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.eco-grid3 div{display:grid;gap:2px;min-width:0}.eco-grid3 b{font:600 12px var(--mono-f);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.eco-acts{display:flex;flex-wrap:wrap;gap:5px}
.eco-order{border:1px dashed rgba(180,156,255,.6);border-radius:4px;padding:6px 7px;display:grid;gap:5px;background:rgba(180,156,255,.06)}
.eco-order header{display:flex;justify-content:space-between;gap:6px;font-size:11px}.eco-order header b{color:var(--ink)}
.eco-order .cv-left{color:var(--you);font-weight:600}
.eco-fine{margin:0;font-size:10px;color:var(--mute)}
.eco-warn{margin:0;font-size:11px;color:var(--amber)}

/* red */
.eco-net{background:transparent;border-color:var(--line)}
.eco-net .eco-pb{position:relative}
.eco-hud{position:absolute;left:10px;top:4px;max-width:58%;display:flex;flex-wrap:wrap;gap:2px 12px;font-size:9px;color:var(--dim);pointer-events:none}
.eco-hud i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:-1px}
.eco-hud .ring{background:transparent;box-shadow:inset 0 0 0 1.5px var(--mag)}.eco-hud .fresh{background:transparent;box-shadow:inset 0 0 0 1.5px var(--amber)}
.eco-hudr{position:absolute;right:10px;top:4px;max-width:40%;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:2px 12px;text-align:right;font-size:10px;color:var(--dim);pointer-events:none}
.eco-hudr b{color:var(--ink);font-weight:600}
.eco-netfoot{position:absolute;left:10px;right:10px;bottom:4px;display:flex;gap:16px;flex-wrap:wrap;font-size:10px;color:var(--mute);pointer-events:none}
.eco-netfoot b{color:var(--soft)}
.eco-tip{position:absolute;z-index:3;min-width:160px;max-width:240px;padding:8px 9px;border:1px solid var(--mag);border-radius:4px;background:rgba(14,4,16,.94);font-size:11px;pointer-events:none;box-shadow:0 8px 30px rgba(0,0,0,.6)}
.eco-tip b{display:block;font-size:12px;margin-bottom:3px}.eco-tip span{display:block;color:var(--dim)}
.eco-netmsg{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
.eco-netmsg>div{padding:10px 14px;border:1px solid var(--line2);border-radius:4px;background:rgba(10,3,12,.8);color:var(--dim);font-size:11px;text-align:center}

/* recientes */
.eco-tbl{width:100%;border-collapse:collapse;font-size:11px}
.eco-tbl th{position:sticky;top:0;background:#12061A;text-align:left;font:500 9px var(--mono-f);letter-spacing:.14em;color:var(--mute);padding:4px 6px;white-space:nowrap}
.eco-tbl td{padding:4px 6px;border-top:1px solid rgba(120,160,220,.06);white-space:nowrap}
.eco-tbl td.n,.eco-tbl th.n{text-align:right}
.eco-tbl .eco-tkn{color:var(--ink);font-weight:600;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.eco-tbl tr.is-new td{animation:eco-new 2.4s ease-out}
@keyframes eco-new{from{background:rgba(53,224,255,.22)}}
.eco-side{display:inline-block;min-width:44px;text-align:center;font:700 9px/1 var(--mono-f);letter-spacing:.1em;padding:3px 4px;border-radius:2px}
.eco-side.buy{background:rgba(25,240,160,.14);color:var(--buy)}.eco-side.sell{background:rgba(255,59,107,.16);color:var(--sell)}
.eco-tbl a{color:var(--dim);text-decoration:none}.eco-tbl a:hover{color:var(--mag)}
.eco-tbl .cv-out{font-size:10px}

/* analytics */
.eco-ana .eco-pb{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:6px 10px}
.eco-mini{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:0;min-width:0}
.eco-mini .eco-cv{min-height:22px}
.eco-mini b{font:600 12px var(--mono-f)}

/* registro */
.eco-log .eco-pb{padding:0 10px 6px;font-size:11px}
.eco-loglist{list-style:none;margin:0;padding:0;display:grid}
.eco-loglist li{display:grid;grid-template-columns:62px 54px minmax(0,1fr);gap:8px;padding:1px 0;white-space:nowrap}
.eco-loglist time{color:var(--mute)}
.eco-loglist em{font-style:normal;font-weight:700;letter-spacing:.06em}
.eco-loglist span{overflow:hidden;text-overflow:ellipsis;color:var(--soft)}
.eco-loglist span b{color:var(--ink);font-weight:600}
.lg-buy{color:var(--buy)}.lg-sell{color:var(--sell)}.lg-feed{color:var(--dim)}.lg-mkt{color:var(--mag)}.lg-ord{color:var(--you)}.lg-ok{color:var(--buy)}.lg-err{color:var(--sell)}.lg-warn{color:var(--amber)}.lg-sys{color:var(--cyan)}

/* SIMULACIÓN: siempre separada y marcada */
.eco-sim{border:1px dashed rgba(255,181,71,.55);background:repeating-linear-gradient(135deg,rgba(255,181,71,.045) 0 8px,transparent 8px 16px),var(--panel)}
.eco-sim .eco-ph{color:var(--sim)}.eco-sim .eco-ph::before{border-color:var(--sim)}
.eco-sim .eco-ph b{color:var(--sim)}
.eco-sw{display:inline-flex;align-items:center;gap:6px;margin-left:auto;cursor:pointer;letter-spacing:.1em;color:var(--sim);text-transform:none}
.eco-sw input{accent-color:var(--sim);width:14px;height:14px}
.cv-mult{display:grid;grid-template-columns:auto minmax(0,1fr) auto 54px;align-items:center;gap:6px;margin:2px 0 6px}
.cv-mult input[type=range]{accent-color:var(--sim);width:100%}
.cv-mult output{font:800 18px var(--dot);color:var(--sim);min-width:44px;text-align:right}
.cv-num{width:100%;font:600 11px var(--mono-f);padding:4px;border-radius:3px;border:1px solid rgba(255,181,71,.45);background:transparent;color:var(--ink)}
.cv-k{font:500 9px var(--mono-f);letter-spacing:.14em;color:var(--sim)}
.cv-simsum{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:6px}
.cv-simsum div{display:grid;gap:2px;min-width:0}.cv-simsum small{font-size:9px;color:var(--mute);letter-spacing:.08em}.cv-simsum b{font:600 12px var(--mono-f)}
.cv-simsum .sim b,.cv-simtbl .sim{color:var(--sim)}
.cv-simtbl table{width:100%;border-collapse:collapse;font-size:10px}
.cv-simtbl th,.cv-simtbl td{padding:2px 4px;white-space:nowrap;text-align:left}.cv-simtbl th{color:var(--mute);font-weight:500}
.cv-simtbl .r{text-align:right}
.eco-sim .eco-fine{margin-top:4px}

/* ---------- botones y diálogos (los mismos ids/clases que usa copy.js) ---------- */
.cv-btn{appearance:none;font:600 10px/1 var(--mono-f);letter-spacing:.1em;text-transform:uppercase;padding:8px 10px;border-radius:4px;border:1px solid var(--line2);background:rgba(255,255,255,.03);color:var(--ink);cursor:pointer;min-height:30px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.cv-btn:hover{background:rgba(53,224,255,.1)}.cv-btn[disabled]{opacity:.4;cursor:not-allowed}
.cv-btn.primary{background:var(--mag);border-color:var(--mag);color:#03121C;box-shadow:0 0 14px rgba(53,224,255,.35)}
.cv-btn.primary:hover{background:#5DE8FF}
.cv-btn.warn{border-color:rgba(255,181,71,.6);color:var(--amber)}.cv-btn.danger{border-color:rgba(255,59,107,.6);color:var(--sell)}
.cv-btn.sm{padding:6px 8px;min-height:26px;font-size:9px}
.cv-btn:focus-visible,.eco-wbtn:focus-visible,.eco-tabs button:focus-visible{outline:2px solid var(--mag);outline-offset:2px}
.cv-out{font-weight:600}.cv-out.pending,.cv-out.signing{color:var(--you)}.cv-out.done{color:var(--buy)}.cv-out.failed,.cv-out.cancelled{color:var(--sell)}.cv-out.skipped,.cv-out.expired{color:var(--dim)}
.cv-dlg{--ink:#F4EAF6;--dim:#8B7891;--mute:#5B4A61;--line:rgba(120,160,220,.16);--line2:rgba(120,160,220,.3);--mag:#35E0FF;--buy:#19F0A0;--sell:#FF3B6B;--amber:#FFB547;--you:#B49CFF;--mono-f:"Geist Mono",ui-monospace,monospace;
  max-width:min(640px,calc(100vw - 20px));width:100%;max-height:calc(100dvh - 20px);padding:0;border-radius:6px;border:1.5px solid var(--mag);background:#0C1424;color:var(--ink);font:400 13px/1.45 var(--mono-f);box-shadow:0 0 40px rgba(53,224,255,.25)}
.cv-dlg::backdrop{background:rgba(4,10,24,.78);backdrop-filter:blur(3px)}
.cv-dlg form,.cv-dlg .cv-db{display:grid;gap:12px;padding:16px}
.cv-dlg header{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.cv-dlg h3{margin:0;font:600 15px/1.3 var(--mono-f)}
.cv-dlg header small{display:block;font:600 9px var(--mono-f);letter-spacing:.16em;text-transform:uppercase;color:var(--mag);margin-bottom:4px}
.cv-x{appearance:none;border:1px solid var(--line2);background:transparent;color:var(--ink);width:30px;height:30px;border-radius:4px;cursor:pointer;flex:none}
.cv-fs{display:grid;gap:9px;border:1px solid var(--line);border-radius:4px;padding:10px;margin:0}
.cv-fs legend{padding:0 6px;font:600 9px var(--mono-f);letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}
.cv-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.cv-f{display:grid;gap:4px;font-size:11px;min-width:0}.cv-f>span{color:var(--dim)}
.cv-f input[type=text],.cv-f input[type=number],.cv-f textarea{width:100%;font:500 13px var(--mono-f);padding:8px 9px;border-radius:4px;border:1px solid var(--line2);background:#0A0F1E;color:var(--ink)}
.cv-f input:focus,.cv-f textarea:focus{outline:2px solid var(--mag);outline-offset:0;border-color:transparent}
.cv-f textarea{min-height:56px;resize:vertical}
.cv-f[data-err] input,.cv-f[data-err] textarea{border-color:var(--sell)}.cv-f em{font-style:normal;color:var(--sell);font-size:11px}
.cv-seg{display:inline-flex;border:1px solid var(--line2);border-radius:4px;overflow:hidden;width:max-content;max-width:100%}
.cv-seg label{position:relative;cursor:pointer}.cv-seg input{position:absolute;opacity:0}
.cv-seg span{display:block;padding:8px 12px;font-size:11px;font-weight:600;color:var(--dim)}
.cv-seg input:checked+span{background:rgba(53,224,255,.18);color:var(--ink)}.cv-seg input:focus-visible+span{outline:2px solid var(--mag);outline-offset:-2px}
.cv-checks{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px}.cv-checks label{display:inline-flex;gap:6px;align-items:center;cursor:pointer}
.cv-checks input,.cv-ack input{accent-color:var(--mag);width:15px;height:15px}
.cv-ro{display:grid;grid-template-columns:auto minmax(0,1fr);gap:3px 12px;font-size:12px;margin:0}
.cv-ro dt{color:var(--dim)}.cv-ro dd{margin:0;overflow-wrap:anywhere}
.cv-note{margin:0;font-size:12px;color:var(--dim)}.cv-note b{color:var(--ink)}
.cv-fine{margin:0;font-size:11px;color:var(--mute)}
.cv-risk{margin:0;padding-left:16px;display:grid;gap:5px;font-size:12px;color:var(--dim)}.cv-risk b{color:var(--ink)}
.cv-ack{display:flex;gap:9px;align-items:flex-start;font-size:12px;cursor:pointer}
.cv-err{margin:0;color:var(--sell);font-size:12px}
.cv-dlg footer{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap;margin:0;padding:0;border:0;overflow:visible}   /* v84: sin el pie global de la web (margen 90 px) */
.cv-xhost{min-height:40px}
.cv-tok{display:inline-flex;align-items:center;gap:6px;min-width:0}
.cv-tok img,.cv-ph-img{width:16px;height:16px;border-radius:50%;flex:none;object-fit:cover;background:rgba(255,255,255,.06);display:inline-block}

/* ---------- pantallas medianas o bajas: la terminal pasa a desplazarse, sin perder el estilo ---------- */
@media (max-width:1279px),(max-height:719px){
  .eco{height:auto;min-height:100dvh;grid-template-rows:none;grid-auto-rows:auto;grid-template-columns:repeat(2,minmax(0,1fr))}
  .eco>*{grid-row:auto!important}
  .eco-hd,.eco-tape,.eco-net,.eco-chart,.eco-rec,.eco-log{grid-column:1/-1!important}
  .eco-tape{order:0}.eco-src{order:2}.eco-me{order:3}.eco-mypos{order:4}.eco-stats{order:5}.eco-cap{order:6}.eco-pnl{order:7}.eco-chart{order:8}.eco-rec{order:9}.eco-ana{order:10}.eco-sim{order:11}.eco-log{order:12}
  .eco-hd,.eco-tape{order:0}.eco-mypos{grid-column:1/-1!important;min-height:220px}
  .eco-src,.eco-stats,.eco-pnl,.eco-ana{grid-column:1/2!important}.eco-me,.eco-cap,.eco-sim{grid-column:2/3!important}
  .eco-hd{min-height:44px;flex-wrap:wrap;padding:6px 8px}
  .eco-src,.eco-me,.eco-stats,.eco-cap{min-height:250px}.eco-chart{height:340px}.eco-pnl{height:260px}.eco-rec{max-height:360px}.eco-ana,.eco-sim{min-height:230px}.eco-log{height:220px}
  .eco-kpis{gap:14px}
}
@media (max-width:1100px){.hero-kpis{gap:16px}}
@media (max-width:760px){
  .eco{grid-template-columns:minmax(0,1fr);padding:4px;gap:5px;padding-bottom:4px}   /* v84: edición Pro sin barra inferior */
  .eco>*{grid-column:1/-1!important}
  .eco-title span,.eco-brand small{display:none}
  .eco-kpis dd{font-size:11px}.eco-clock{font-size:14px;min-width:0;margin-left:auto}
  .eco-src,.eco-me,.eco-stats,.eco-cap{min-height:0}.eco-net{height:380px}.eco-chart{height:280px}.eco-pnl{height:auto;min-height:200px}.eco-mypos{min-height:200px;max-height:460px}.eco-pnl .eco-pb{height:170px}
  .eco-ana{min-height:260px}.eco-rec{max-height:380px}.eco-log{height:240px}
  .eco-loglist li{grid-template-columns:54px 46px minmax(0,1fr);gap:6px}
  .cv-row{grid-template-columns:minmax(0,1fr)}
  .eco-hudr{display:none}
  .eco-net{height:auto}.eco-net .eco-pb{display:flex;flex-direction:column}.eco-net .eco-cv{height:460px;flex:none}
  .eco-hud{position:static;order:2;display:flex;flex-wrap:wrap;gap:3px 12px;padding:6px 10px 0}.eco-netfoot{position:static;order:3;padding:4px 10px 8px;gap:4px 12px}
  .eco-streak{flex:none;height:76px}
}
@media (prefers-reduced-motion:reduce){
  .eco-tape-in{animation:none;padding-left:0}.eco-dot[data-s=live]{animation:none}.eco-sk{animation:none}.eco-tbl tr.is-new td{animation:none;background:rgba(53,224,255,.12)}
  .hero-big,.hero-kpis{animation:none}
}

/* ---------- v82: señales del dueño, estadísticas, capital y protección ---------- */
.eco-sig{appearance:none;display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:4px;border:1px solid var(--line2);background:rgba(255,255,255,.02);color:var(--dim);font:600 10px/1 var(--mono-f);letter-spacing:.14em;cursor:default;flex:none}
.eco-sig i{width:26px;height:14px;border-radius:7px;background:rgba(255,255,255,.08);position:relative;flex:none;transition:background .2s}
.eco-sig i::after{content:"";position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:50%;background:var(--dim);transition:transform .2s,background .2s}
.eco-sig[data-on="1"]{border-color:var(--mag);color:var(--ink);box-shadow:0 0 16px rgba(53,224,255,.35)}
.eco-sig[data-on="1"] i{background:rgba(53,224,255,.45)}.eco-sig[data-on="1"] i::after{transform:translateX(12px);background:#fff}
.eco-sig[data-on="1"] b{color:var(--mag)}
.eco-sig[data-edit="1"]{cursor:pointer}.eco-sig[data-edit="1"]:hover{background:rgba(53,224,255,.1)}
.eco-sig:focus-visible{outline:2px solid var(--mag);outline-offset:2px}
.eco-hud .dots{background:transparent;box-shadow:inset 0 0 0 1px var(--dim);border-radius:50%;position:relative}
.eco-hud .eco-hud-t{color:var(--mute)}
.eco-kgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px 10px}
.eco-kgrid div{display:grid;gap:2px;min-width:0}
.eco-kgrid b{font:600 13px var(--mono-f);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.eco-kgrid small{font-size:9px;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.eco-hours{display:grid;grid-template-rows:auto 34px auto;margin-top:8px}
.eco-hours .eco-cv{height:34px}
.eco-hours .ax{display:flex;justify-content:space-between;font-size:9px;color:var(--mute)}
.eco-split{display:flex;height:6px;border-radius:3px;overflow:hidden;margin:6px 0 3px;background:rgba(255,255,255,.05)}
.eco-split i{display:block;height:100%}
.eco-cap .eco-pb{display:flex;flex-direction:column;gap:7px}
.eco-capbar{height:8px;border-radius:2px;background:rgba(255,255,255,.06);overflow:hidden;position:relative}
.eco-capbar i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,var(--mag),#FF7BE6)}
.eco-capline{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:var(--dim)}.eco-capline b{color:var(--ink);font-weight:600}
.eco-cap .eco-acts .cv-btn{flex:1 1 auto}
.cv-btn.panic{border-color:var(--sell);background:rgba(255,59,107,.14);color:#FFD0DA;box-shadow:0 0 12px rgba(255,59,107,.25)}
.cv-btn.panic:hover{background:rgba(255,59,107,.26)}
.eco-plist{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.eco-plist li{display:flex;align-items:center;gap:6px;font-size:11px}
.eco-plist li b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.eco-tpsl{display:grid;grid-template-columns:auto 60px auto 60px;gap:6px;align-items:center;font-size:11px;color:var(--dim)}
.eco-tpsl input{width:100%;font:600 12px var(--mono-f);padding:5px;border-radius:3px;border:1px solid var(--line2);background:#0A0F1E;color:var(--ink)}
.eco-roi.up{color:var(--buy)}.eco-roi.dn{color:var(--sell)}
.eco-state-badge{font:700 9px var(--mono-f);letter-spacing:.1em;padding:2px 4px;border-radius:2px;background:rgba(255,181,71,.15);color:var(--amber)}

@media (max-width:1500px){.eco-title span{display:none}}

/* ---------- v83 · EL MAPA: minimalista, a pantalla completa (sin círculo). Cada token de la wallet trackeada es un punto:
   a la derecha lo más reciente, arriba lo que gana, abajo lo que pierde; tamaño = SOL movido. Abajo, cada operación en su momento. ---------- */
.eco-hero{position:relative;height:100svh;min-height:560px;overflow:hidden;color:var(--ink);background:radial-gradient(90% 60% at 72% 22%,rgba(53,224,255,.07),transparent 66%),radial-gradient(80% 70% at 50% 100%,rgba(16,30,58,.7),transparent 70%),#080C18}
/* rejilla técnica muy tenue (estilo terminal financiera) + grano sutil, detrás del canvas (transparente donde no dibuja). Sin cambiar el layout. */
.eco-hero::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;background:linear-gradient(rgba(120,160,220,.05) 1px,transparent 1px) 0 0/100% 44px,linear-gradient(90deg,rgba(120,160,220,.05) 1px,transparent 1px) 0 0/44px 100%}
.eco-hero::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.04;mix-blend-mode:screen;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.hero-cv{position:absolute;inset:0;width:100%;height:100%;display:block}
.hero-top{position:absolute;left:0;right:0;top:0;display:flex;align-items:center;gap:16px;padding:16px 24px;pointer-events:none;flex-wrap:wrap}
.hero-top>*{pointer-events:auto}
.hero-ctl{display:flex;align-items:center;gap:10px;margin-left:auto;flex-wrap:wrap;justify-content:flex-end}
.eco-copychip{font:600 10px/1 var(--mono-f);letter-spacing:.14em;color:var(--dim);padding:7px 9px;border:1px solid var(--line);border-radius:4px;white-space:nowrap}
.eco-copychip b{color:var(--soft)}.eco-copychip[data-s=active] b{color:var(--buy)}.eco-copychip[data-s=paused] b{color:var(--amber)}.eco-copychip[data-s=stopped] b{color:var(--sell)}
.hero-big{position:absolute;left:24px;bottom:64px;pointer-events:none;max-width:calc(100% - 48px);animation:hero-rise .7s cubic-bezier(.2,.7,.2,1) both}
.hero-big .eco-k{font-size:10px;letter-spacing:.28em;color:var(--dim)}
.hero-num{font:500 clamp(54px,min(8.4vw,15vh),156px)/.9 var(--display);letter-spacing:-.04em;white-space:nowrap;margin:8px 0 12px;color:#F3F8FF;text-shadow:0 2px 40px rgba(53,224,255,.12)}
.hero-num small{font:600 .26em var(--display);letter-spacing:.04em;color:var(--cyan);margin-left:.3em;text-shadow:none}
.hero-num.up{color:#D9FBEE;text-shadow:0 2px 44px rgba(40,211,155,.22)}.hero-num.dn{color:#FFE2E7;text-shadow:0 2px 44px rgba(242,86,106,.22)}
.hero-sub{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12px;color:var(--dim)}.hero-sub b{color:var(--ink);font-weight:600}
.hero-kpis{position:absolute;right:24px;bottom:64px;gap:26px;animation:hero-rise .7s cubic-bezier(.2,.7,.2,1) .08s both}
.hero-kpis dd{font-size:15px}
@keyframes hero-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.hero-legend{position:absolute;left:24px;right:200px;bottom:22px;display:flex;flex-wrap:wrap;gap:4px 18px;font-size:10px;color:var(--mute);pointer-events:none}
.hero-legend i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px;vertical-align:0}
.hero-down{position:absolute;right:24px;bottom:18px;font:600 10px/1 var(--mono-f);letter-spacing:.2em;color:var(--soft);text-decoration:none;padding:9px 12px;border:1px solid var(--line2);border-radius:4px}
.hero-down:hover,.hero-down:focus-visible{color:var(--ink);border-color:var(--mag);outline:none}
.eco-hero .eco-tip{z-index:5}
.eco-hero .eco-netmsg{z-index:2}
/* modo REAL / SIMULACIÓN del mapa */
.hero-mode{display:inline-flex;border:1px solid var(--line2);border-radius:4px;overflow:hidden}
.hero-mode button{appearance:none;border:0;background:transparent;color:var(--dim);font:600 10px/1 var(--mono-f);letter-spacing:.14em;padding:8px 10px;cursor:pointer}
.hero-mode button[aria-pressed=true]{background:rgba(255,255,255,.08);color:var(--ink)}
.hero-mode button.sim[aria-pressed=true]{background:rgba(255,181,71,.16);color:var(--sim)}
.hero-mode button:focus-visible{outline:2px solid var(--mag);outline-offset:-2px}
.eco-hero[data-view=sim] .hero-num{color:#FFE9C7;text-shadow:0 0 40px rgba(255,181,71,.3)}
.hero-simtag{display:inline-block;font:700 10px/1 var(--mono-f);letter-spacing:.16em;color:#1A1000;background:var(--sim);padding:4px 6px;border-radius:2px;margin-right:8px;vertical-align:2px}
.hero-real{color:var(--soft)}
/* panel del dueño */
.hero-own{appearance:none;font:600 10px/1 var(--mono-f);letter-spacing:.14em;padding:8px 10px;border-radius:4px;border:1px solid var(--mag);background:rgba(53,224,255,.1);color:var(--ink);cursor:pointer}
.own-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--line)}
.own-row:first-of-type{border-top:0}
.own-row small{display:block;color:var(--dim);font-size:11px;margin-top:2px}
.own-mult{display:grid;grid-template-columns:minmax(0,1fr) 64px;gap:10px;align-items:center}
.own-mult input[type=range]{accent-color:var(--sim);width:100%}
.own-mult output{font:800 22px var(--dot);color:var(--sim);text-align:right}
@media (max-width:899px){
  .eco-hero{height:100svh;min-height:600px}
  .hero-top{padding:12px 14px;gap:10px}.hero-ctl{margin-left:0;width:100%;justify-content:flex-start}.eco-nav{display:none}
  .hero-big{left:14px;bottom:150px}.hero-num{font-size:clamp(44px,13vw,90px)}
  .hero-kpis{left:14px;right:14px;bottom:88px;justify-content:space-between;gap:8px}.hero-kpis div{text-align:left}.hero-kpis dd{font-size:12px}.hero-kpis div:nth-child(n+4){display:grid}
  .hero-legend{display:none}.hero-down{display:none}
  .hero-big{bottom:calc(150px + var(--bn-h,0px) * 0)}
}
@media (max-width:899px) and (max-height:760px){.hero-sub{display:none}}

/* v83 · copia en papel */
.eco-paper{border:1px dashed rgba(127,216,255,.45)}
.pp-eq{font:600 30px/1 var(--display);letter-spacing:-.02em}.pp-eq small{font:500 12px var(--mono-f);margin-left:8px}
.pp-chk{display:flex;flex-wrap:wrap;gap:4px 10px;margin:7px 0;font-size:10px}.pp-chk span{color:var(--dim)}.pp-chk b{color:var(--buy)}.pp-chk b.bad{color:var(--sell)}
.pp-list{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:2px;font-size:10px}
.pp-list li{display:grid;grid-template-columns:52px 40px minmax(0,1fr) auto;gap:6px;white-space:nowrap}
.pp-list li span{overflow:hidden;text-overflow:ellipsis;color:var(--soft)}
.pp-list em{font-style:normal;font-weight:700}.pp-list .in{color:var(--buy)}.pp-list .out{color:var(--sell)}.pp-list .skip{color:var(--mute)}
.pp-list a{color:var(--dim);text-decoration:none}

/* ---------- v84 · estadísticas compactas de la terminal (sin cortes) ---------- */
.st-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:3px;overflow:hidden}
.st-grid>div{display:grid;gap:1px;padding:6px 8px;background:rgba(10,3,13,.92);min-width:0}
.st-grid span{font:500 9px/1.2 var(--mono-f);letter-spacing:.14em;color:var(--mute)}
.st-grid b{font:600 clamp(13px,1.15vw,17px)/1.15 var(--mono-f);color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.st-grid b i{font-style:normal;font-size:.62em;color:var(--dim);margin-left:4px;font-weight:500}
.st-grid small{font-size:10px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.st-wr{position:relative;height:4px;margin:8px 0 2px;background:rgba(255,59,107,.45);border-radius:2px;overflow:hidden}
.st-wr>i{position:absolute;inset:0 auto 0 0;background:var(--buy);border-radius:2px 0 0 2px}
.st-wr>em{position:absolute;top:-2px;bottom:-2px;width:1px;background:var(--ink);opacity:.5}
.st-more{font:600 9px/1 var(--mono-f);letter-spacing:.12em;text-transform:uppercase;color:var(--mag)!important;text-decoration:none}
.st-more:hover{text-decoration:underline}

/* ---------- v84 · MIS POSICIONES (tabla + botones cuadrados) ---------- */
.mp-tbl{width:100%;border-collapse:collapse;font-size:11px}
.mp-tbl th{position:sticky;top:0;z-index:1;background:#101A2E;font:500 9px/1 var(--mono-f);letter-spacing:.14em;text-transform:uppercase;color:var(--mute);text-align:left;padding:6px 6px 5px;border-bottom:1px solid var(--line)}
.mp-tbl td{padding:5px 4px;border-bottom:1px solid rgba(120,160,220,.07);white-space:nowrap;vertical-align:middle}
.mp-tbl .n{text-align:right}.mp-tbl .c{text-align:center}
.mp-tbl td.n b{display:block;font-weight:600}.mp-tbl td.n small{display:block;font-size:9px;color:var(--dim)}
.mp-tbl tr:hover td{background:rgba(53,224,255,.04)}
.mp-tbl tr.off td{opacity:.55}
.mp-tbl .mute,.mg .mute{color:var(--mute)}
.mp-tok{appearance:none;display:flex;align-items:center;gap:7px;background:none;border:0;padding:0;color:var(--ink);cursor:pointer;font:600 11px var(--mono-f);text-align:left;min-width:0}
.mp-tok img,.mp-tok>i{width:20px;height:20px;border-radius:2px;flex:none;object-fit:cover;background:rgba(255,255,255,.06)}
.mp-tok span{display:grid;min-width:0}.mp-tok small{font:500 9px var(--mono-f);color:var(--dim);letter-spacing:.04em}
.mp-tok:hover span{color:var(--mag)}
.mp-src{font:700 8.5px/1 var(--mono-f);letter-spacing:.12em;padding:3px 5px;border:1px solid currentColor;border-radius:2px}
.mp-src.in{color:var(--buy)}.mp-src.out{color:var(--amber)}
.mp-acts{display:inline-grid;grid-auto-flow:column;gap:3px}
.sq{appearance:none;display:inline-grid;place-items:center;min-width:26px;height:26px;padding:0 5px;border:1px solid var(--line2);border-radius:0;background:rgba(255,255,255,.025);color:var(--ink);font:700 10px/1 var(--mono-f);letter-spacing:.06em;cursor:pointer}
.sq:hover{background:rgba(53,224,255,.14);border-color:var(--mag)}
.sq:focus-visible{outline:2px solid var(--mag);outline-offset:1px}
.sq[disabled]{opacity:.3;cursor:not-allowed}
.sq.danger{border-color:rgba(255,59,107,.65);color:var(--sell)}.sq.danger:hover{background:rgba(255,59,107,.16)}
.sq.buy{border-color:rgba(25,240,160,.55);color:var(--buy)}.sq.buy:hover{background:rgba(25,240,160,.12)}
.sq.primary{background:var(--mag);border-color:var(--mag);color:#03121C}.sq.primary:hover{background:#5DE8FF}
.sq.wide{padding:0 10px;letter-spacing:.12em}
.sq.sm{height:22px;min-width:0;font-size:8.5px}
.mp-empty{display:grid;place-items:center;align-content:center;gap:6px;height:100%;text-align:center;color:var(--dim);font-size:11px;padding:8px}
.mp-empty b{color:var(--soft)}.mp-empty p{margin:0;max-width:440px}
.pro-tag{font:700 8px/1 var(--mono-f);letter-spacing:.14em;padding:2px 4px;margin-left:6px;border-radius:2px;background:#03121C;color:var(--mag);vertical-align:1px}

/* el menú de una posición: rejilla cuadrada */
.cv-dlg:has(.mg){max-width:min(860px,calc(100vw - 20px))}
.mg-ca{font:500 11px var(--mono-f);color:var(--dim);text-decoration:none;margin-left:8px}.mg-ca:hover{color:var(--mag)}
.mg-kpi{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.mg-kpi>div{display:grid;gap:3px;padding:9px 10px;background:#0C1426;min-width:0}
.mg-kpi span{font:500 9px/1 var(--mono-f);letter-spacing:.14em;color:var(--mute)}
.mg-kpi b{font:600 15px/1.15 var(--mono-f);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mg-kpi b.eco-warn{color:var(--amber)}
.mg-kpi small{font-size:10px;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mg-grid{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:1px;background:var(--line);border:1px solid var(--line)}
.mg-blk{display:grid;align-content:start;gap:8px;padding:10px;background:#0C1426;min-width:0}
.mg-blk h4{margin:0;font:600 9px/1 var(--mono-f);letter-spacing:.18em;text-transform:uppercase;color:var(--dim)}
.mg-btns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
.mg-btns .sq{height:auto;min-height:54px;display:grid;gap:4px;align-content:center;font-size:9px;letter-spacing:.14em}
.mg-btns .sq b{font:700 14px/1 var(--mono-f);letter-spacing:0}
.mg-in{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:4px;align-items:center;font-size:10px;color:var(--dim)}
.mg-in input,.mg-lvl input{width:100%;height:30px;font:600 13px var(--mono-f);padding:0 8px;border:1px solid var(--line2);border-radius:0;background:#0A0F1E;color:var(--ink)}
.mg-in input:focus,.mg-lvl input:focus{outline:2px solid var(--mag);outline-offset:0;border-color:transparent}
.mg-in .sq{height:30px}
.mg-lvl{display:grid;grid-template-columns:78px minmax(0,1fr);gap:4px;align-items:center}
.mg-lvl label{grid-column:1/-1;font:600 9px/1.2 var(--mono-f);letter-spacing:.14em;color:var(--soft)}.mg-lvl label span{color:var(--dim)}
.mg-chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}
.mg-chips button{appearance:none;height:30px;border:1px solid var(--line2);border-radius:0;background:transparent;color:var(--dim);font:600 10px var(--mono-f);cursor:pointer}
.mg-chips button[aria-pressed=true]{color:var(--ink);border-color:var(--mag);background:rgba(53,224,255,.14)}
.mg-tpsl .sq.wide{height:34px;width:100%}
.mg-fine{margin:0;font-size:10px;color:var(--mute)}.mg-fine b{color:var(--soft)}
.mg-orders{list-style:none;margin:0;padding:0;display:grid;gap:3px;font-size:10px}
.mg-orders:empty{display:none}
.mg-orders li{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:6px;align-items:center;padding:4px 0;border-top:1px solid var(--line)}
.mg-orders li.hd{grid-template-columns:1fr;color:var(--mute);letter-spacing:.12em;text-transform:uppercase;font-size:9px;border-top:0}
.mg-orders em{font-style:normal;font-weight:700;color:var(--buy)}.mg-orders em[data-s=pending]{color:var(--amber)}.mg-orders em[data-s=cancelled],.mg-orders em[data-s=cancelling]{color:var(--dim)}
.mg-orders small{color:var(--mute)}
@media (max-width:760px){
  .mg-kpi{grid-template-columns:repeat(3,minmax(0,1fr))}.mg-grid{grid-template-columns:minmax(0,1fr)}
  .mp-tbl th:nth-child(4),.mp-tbl td:nth-child(4),.mp-tbl th:nth-child(6),.mp-tbl td:nth-child(6){display:none}
  .mp-acts .sq:not(.wide):not(.danger){display:none}
}

/* ---------- v84 · plan Pro ---------- */
.hero-pro{appearance:none;font:700 10px/1 var(--mono-f);letter-spacing:.14em;padding:9px 11px;border-radius:5px;border:1px solid var(--amber);background:rgba(255,181,71,.08);color:var(--amber);cursor:pointer;white-space:nowrap}
.hero-pro:hover{background:rgba(255,181,71,.18)}
.hero-pro[data-on="1"]{border-color:var(--buy);color:var(--buy);background:rgba(25,240,160,.08)}
.hero-pro:focus-visible{outline:2px solid var(--amber);outline-offset:2px}
.pro-list{margin:0;padding-left:16px;display:grid;gap:6px;font-size:12px;color:var(--dim)}.pro-list b{color:var(--ink)}
.cv-dlg .pro h3 b{color:var(--amber)}
.cv-dlg a.cv-btn{text-decoration:none;display:inline-grid;place-items:center}
.own-pro{display:grid;grid-template-columns:120px minmax(0,1fr);gap:8px}
.own-pro label{display:grid;gap:4px;font-size:10px;color:var(--dim)}
.own-pro input{width:100%;font:500 13px var(--mono-f);padding:7px 8px;border-radius:4px;border:1px solid var(--line2);background:#0A0F1E;color:var(--ink)}
@media (max-width:560px){.own-pro{grid-template-columns:minmax(0,1fr)}}

/* ---------- v84 · RENDIMIENTO: tablero completo (debajo de la terminal) ---------- */
.eco-board{display:grid;gap:8px;padding:18px 6px 10px;max-width:1680px;margin:0 auto}
.bd-hd{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:0 4px;border-bottom:1px solid var(--line2);padding-bottom:8px}
.bd-hd h2{margin:0;font:600 13px/1.2 var(--mono-f);letter-spacing:.2em;color:var(--dim)}.bd-hd h2 b{color:var(--ink)}
.bd-hd span{font-size:11px;color:var(--mute)}
.bd-kpis{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:4px;overflow:hidden}
.bd-k6,.bd-k5{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px}.bd-k5{grid-template-columns:repeat(5,minmax(0,1fr))}
.bd-kpis .bd-k6>div,.bd-kpis .bd-k5>div{position:relative;display:grid;gap:3px;align-content:start;padding:10px 12px;background:rgba(14,5,18,.95);min-width:0}
.bd-kpis .bd-k6 b{font:700 clamp(17px,1.6vw,24px)/1.1 var(--mono-f)}
.bd-kpis span{font:500 9px/1.2 var(--mono-f);letter-spacing:.16em;color:var(--mute)}
.bd-kpis b{font:600 15px/1.2 var(--mono-f);color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bd-kpis small{font:400 10px/1.3 var(--mono-f);letter-spacing:0;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bd-bar{display:block;height:3px;margin-top:3px;background:rgba(255,59,107,.45);border-radius:2px;overflow:hidden}.bd-bar>i{display:block;height:100%;background:var(--buy)}
.bd-row{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:8px}
.bd-card{margin:0;display:grid;align-content:start;gap:6px;padding:10px 12px;background:var(--panel);border:1px solid var(--line);border-radius:4px;min-width:0}
.bd-card figcaption,.bd-card h3{margin:0;display:flex;align-items:center;gap:8px;font:500 9.5px/1.2 var(--mono-f);letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}
.bd-card h3 span:not(.eco-state-badge){margin-left:auto;letter-spacing:.06em;text-transform:none;color:var(--mute)}
.bd-card h3 .eco-state-badge{margin-left:auto}
.bd-cv{position:relative;height:220px}.bd-cv.sm{height:90px}.bd-cv.xs{height:46px}
.bd-sum{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:11px;color:var(--dim)}.bd-sum b{color:var(--ink)}
.bd-ax{display:flex;justify-content:space-between;font-size:9px;color:var(--mute)}.bd-ax i{font-style:normal}
.bd-leg{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:10px;color:var(--dim);margin-top:4px}.bd-leg i{display:inline-block;width:8px;height:8px;margin-right:5px;border-radius:1px;vertical-align:-1px}
.bd-scroll{max-height:380px;overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(53,224,255,.3) transparent}
.bd-tokens .eco-book td{padding:4px 6px}
.bd-fine{margin:2px 4px 0;font-size:10px;color:var(--mute)}
.bd-foot{display:flex;flex-wrap:wrap;gap:6px 16px;margin:0;overflow:visible;padding:8px 4px 4px;border-top:1px solid var(--line);font-size:10px;color:var(--mute)}
.bd-foot a{color:var(--dim);text-decoration:none}.bd-foot a:hover{color:var(--mag)}
@media (max-width:1100px){.bd-k6,.bd-k5{grid-template-columns:repeat(3,minmax(0,1fr))}.bd-row{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.bd-k6,.bd-k5{grid-template-columns:repeat(2,minmax(0,1fr))}.bd-cv{height:180px}.eco-board{padding:12px 4px calc(14px + env(safe-area-inset-bottom,0px))}}
.mg-exec{border:1px solid var(--line);background:#0C1426}
.mg-exec>summary{display:flex;justify-content:flex-start;align-items:baseline;gap:0;cursor:pointer;list-style:none;padding:9px 10px;font:600 9px/1.2 var(--mono-f);letter-spacing:.16em;color:var(--dim)}
.mg-exec>summary::-webkit-details-marker{display:none}.mg-exec>summary::after{content:none}
.mg-exec>summary::before{content:"▸";display:inline-block;margin-right:8px;color:var(--mag)}.mg-exec[open]>summary::before{content:"▾"}
.mg-exec>summary small{margin-left:8px;letter-spacing:.04em;color:var(--mute);font-weight:400}
.mg-exec .cv-xhost{padding:0 8px 8px}

/* v88 · bot privado + suscripción */
.eco-botchip{display:inline-block;font:700 8.5px/1 var(--mono-f);letter-spacing:.14em;color:var(--cyan);border:1px solid rgba(53,224,255,.4);border-radius:3px;padding:3px 6px;margin-left:8px;vertical-align:1px}
.hero-pro[data-on="0"]{border-color:var(--amber);color:#08121E;background:var(--amber);font-weight:700;box-shadow:0 6px 18px rgba(245,181,68,.28)}
.hero-pro[data-on="0"]:hover{background:#FFC65C}

/* v92 · MENÚ de la portada: la home inmersiva ocultaba toda la navegación; este menú da acceso a Lab (señales del bot), Trenches, Scanner, etc. Sin JS (elemento <details>). */
.hero-menu{position:relative;flex:none}
.hero-menu>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid var(--line2,rgba(255,255,255,.16));border-radius:10px;background:color-mix(in srgb,#000 38%,transparent);color:var(--ink,#E6EAF0);font:600 12px/1 var(--mono-f);letter-spacing:.09em}
.hero-menu>summary::-webkit-details-marker{display:none}
.hero-menu>summary svg{color:var(--mag,#35E0FF)}
.hero-menu>summary:hover,.hero-menu[open]>summary{border-color:var(--mag,#35E0FF);color:var(--mag,#35E0FF)}
.hero-nav{position:absolute;top:calc(100% + 8px);left:0;z-index:60;min-width:252px;max-width:min(88vw,300px);display:flex;flex-direction:column;gap:2px;padding:8px;border:1px solid var(--line2,rgba(255,255,255,.16));border-radius:14px;background:var(--void,#0A0F1E);box-shadow:0 22px 54px -18px rgba(0,0,0,.85)}
.hero-nav a{display:block;padding:9px 11px;border-radius:9px;text-decoration:none;color:var(--ink,#E6EAF0)}
.hero-nav a:hover,.hero-nav a:focus-visible{background:color-mix(in srgb,var(--mag,#35E0FF) 13%,transparent);outline:none}
.hero-nav a b{display:block;font:600 13px/1.2 "Geist",system-ui,sans-serif}
.hero-nav a small{display:block;margin-top:1px;font:500 11px/1.3 var(--mono-f);color:var(--dim,#8A93A0)}
@media (max-width:640px){.hero-menu{order:-1}.hero-nav{min-width:230px}}

/* v104 · hero = gráfica de la cuenta interactiva: barra de rango (1D/1S/1M/1A/TODO) + tiles por periodo */
.wc-tf{position:absolute;right:24px;top:72px;display:flex;gap:4px;z-index:4}
.wc-tf button{padding:4px 10px;border:1px solid var(--line);border-radius:999px;background:rgba(18,6,22,.55);color:var(--dim);font:600 10px/1 var(--mono-f);letter-spacing:.06em;cursor:pointer;transition:color .15s,border-color .15s,background .15s}
.wc-tf button:hover{color:var(--ink)}
.wc-tf button[aria-pressed=true]{color:var(--ink);border-color:var(--mag);background:rgba(255,43,214,.16)}
.hero-legend .wc-per{display:inline-flex;flex-direction:column;gap:1px;pointer-events:none}
.hero-legend .wc-per small{font-size:9px;letter-spacing:.12em;color:var(--mute)}
.hero-legend .wc-per b{font:600 13px/1.1 var(--mono-f);color:var(--ink)}
@media (max-width:760px){
  .eco-hero .hero-kpis{display:none}                                   /* en móvil el hero va limpio: gráfica + número + periodos (los KPIs siguen abajo) */
  .hero-legend{display:flex!important;left:14px;right:14px;bottom:calc(var(--bn-h,56px) + 10px);gap:8px 14px;justify-content:space-between}
  .hero-legend .wc-per{align-items:flex-start}
  .hero-legend .wc-per b{font-size:12px}
  .wc-tf{top:242px;bottom:auto;right:14px}
}

/* v106 · TABLET / iPad (761–1366 px, vertical y apaisado): el hero deja de ocupar toda la pantalla y el número
   deja de tapar la curva. HUD limpio (gráfica + número + periodos + rangos); los KPIs ya están en el terminal de abajo.
   Como el hero se limita a ~640 px, el terminal asoma debajo y la barra inferior no pisa nada. */
@media (min-width:761px) and (max-width:1366px){
  .eco-hero{height:min(80svh,640px);min-height:460px}
  .eco-hero .hero-kpis{display:none}
  .hero-num{font:500 clamp(42px,6vw,82px)/.9 var(--display)!important;margin:6px 0 10px}
  .hero-big{left:24px;bottom:84px}
  .hero-legend{display:flex!important;left:24px;right:24px;bottom:18px;gap:8px 22px;justify-content:flex-start}
  .hero-legend .wc-per b{font-size:13px}
  .wc-tf{top:64px;bottom:auto;right:24px}
}
/* iPad 12,9" apaisado (1366×1024): ancho pero alto → tablet, no escritorio */
@media (min-width:1280px) and (max-width:1366px) and (min-height:900px){ .eco-hero{height:640px} }
/* apaisado de poca altura (iPad/portátiles bajos): aún más compacto */
@media (min-width:761px) and (max-height:820px){
  .eco-hero{height:min(88svh,580px)}
  .hero-num{font-size:clamp(40px,5.2vw,70px)!important}
}