:root{
    --bg:#070b11; --panel:rgba(255,255,255,.025); --panel-line:rgba(255,255,255,.08);
    --ink:#e8eef6; --muted:#8a98ab; --faint:#5b6878;
    --go:#34d399; --go-dim:rgba(52,211,153,.12); --cyan:#22d3ee; --warn:#fbbf24; --halt:#f87171; --halt-dim:rgba(248,113,113,.12);
    --mono:ui-monospace,"SF Mono","JetBrains Mono","Cascadia Code",Menlo,monospace;
    --sans:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    --r:14px; --maxw:1240px;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  body{
    font-family:var(--sans); color:var(--ink); background:var(--bg);
    -webkit-font-smoothing:antialiased; line-height:1.5; overflow-x:hidden; min-height:100vh;
    background-image:
      radial-gradient(900px 600px at 12% -8%, rgba(52,211,153,.10), transparent 60%),
      radial-gradient(900px 700px at 92% 4%, rgba(34,211,238,.09), transparent 55%),
      linear-gradient(180deg,#070b11,#070b11 30%,#080d15);
    background-attachment:fixed;
  }
  body::before{
    content:""; position:fixed; inset:0; z-index:0; pointer-events:none; opacity:.5;
    background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);
    background-size:46px 46px; mask-image:radial-gradient(circle at 50% 0%,#000 0%,transparent 80%);
  }
  .wrap{position:relative; z-index:1; max-width:var(--maxw); margin:0 auto; padding:0 22px}

  .layout{display:flex; align-items:flex-start; min-height:100vh}
  .sidebar{width:232px; flex-shrink:0; position:sticky; top:0; height:100vh; z-index:20;
    display:flex; flex-direction:column; gap:4px; padding:18px 14px;
    background:linear-gradient(180deg,rgba(10,15,23,.55),rgba(7,11,17,.25)); border-right:1px solid var(--panel-line); backdrop-filter:blur(14px)}
  .main{flex:1; min-width:0; display:flex; flex-direction:column}
  .main>.wrap{width:100%} /* ancho definido: una tabla ancha (overflow-x:auto) no ensancha el contenedor */
  .topbar{position:sticky; top:0; z-index:15; backdrop-filter:blur(14px);
    background:linear-gradient(180deg,rgba(7,11,17,.86),rgba(7,11,17,.55)); border-bottom:1px solid var(--panel-line)}
  .topbar-in{display:flex; align-items:center; gap:12px; height:56px}
  .side-foot{margin-top:auto; display:flex; flex-direction:column; gap:9px; padding:12px 10px 4px; border-top:1px solid var(--panel-line)}
  .brand{display:flex; align-items:center; gap:10px; font-weight:650; letter-spacing:.3px; font-size:18px; color:var(--ink); text-decoration:none; padding:6px 10px 14px}
  .brand svg{filter:drop-shadow(0 0 10px rgba(52,211,153,.45)); flex-shrink:0}
  .brand .tld{color:var(--faint); font-weight:500; font-family:var(--mono); font-size:13px}
  .spacer{flex:1}
  .badge{font-family:var(--mono); font-size:12px; padding:5px 10px; border-radius:999px; border:1px solid var(--panel-line); color:var(--muted); background:var(--panel); white-space:nowrap}
  .badge.sim{color:var(--go); border-color:rgba(52,211,153,.4); background:var(--go-dim)}
  .badge.src{color:var(--cyan); border-color:rgba(34,211,238,.35)}
  .dot{width:8px;height:8px;border-radius:50%;background:var(--go);animation:pulse 2.4s infinite; display:inline-block; margin-right:5px}
  @keyframes pulse{0%{box-shadow:0 0 0 0 rgba(52,211,153,.5)}70%{box-shadow:0 0 0 9px rgba(52,211,153,0)}100%{box-shadow:0 0 0 0 rgba(52,211,153,0)}}
  .clock{font-family:var(--mono); font-size:12.5px; color:var(--muted); white-space:nowrap}
  button.reseed{font-family:var(--mono); font-size:12px; color:var(--muted); background:var(--panel); border:1px solid var(--panel-line);
    padding:5px 10px; border-radius:999px; cursor:pointer; transition:.15s}
  button.reseed:hover{color:var(--go); border-color:rgba(52,211,153,.4)}
  a.navlink{font-family:var(--mono); font-size:12px; color:var(--muted); text-decoration:none; background:var(--panel);
    border:1px solid var(--panel-line); padding:5px 10px; border-radius:999px; transition:.15s; white-space:nowrap; text-align:center}
  a.navlink:hover{color:var(--cyan); border-color:rgba(34,211,238,.4)}

  /* ----- menú lateral (pestañas) — SIEMPRE al costado; en pantallas chicas colapsa a riel de íconos ----- */
  nav.tabs{display:flex; flex-direction:column; gap:3px}
  nav.tabs .lbl{font-family:var(--mono); font-size:10px; letter-spacing:1.5px; text-transform:uppercase; color:var(--faint); padding:12px 12px 5px}
  nav.tabs .lbl:first-child{padding-top:4px}
  nav.tabs button{display:flex; align-items:center; gap:11px; width:100%; text-align:left;
    font-family:var(--sans); font-size:14px; color:var(--muted); background:none; border:none;
    padding:10px 12px; border-radius:10px; cursor:pointer; transition:.14s; position:relative; white-space:nowrap}
  nav.tabs button:hover{color:var(--ink); background:rgba(255,255,255,.03)}
  nav.tabs button.on{color:var(--ink); background:var(--go-dim)}
  nav.tabs button.on::before{content:""; position:absolute; left:-14px; top:9px; bottom:9px; width:3px; border-radius:0 3px 3px 0; background:var(--go)}
  nav.tabs button svg{width:17px; height:17px; flex-shrink:0; stroke:currentColor; opacity:.8}
  nav.tabs button.on svg{color:var(--go); opacity:1}
  nav.tabs button .lvdot{display:none; width:7px; height:7px; border-radius:50%; background:var(--cyan); margin-left:auto; animation:pulse 2.4s infinite}
  nav.tabs button.has-live .lvdot{display:block}
  nav.tabs button .cnt{margin-left:auto; font-size:10.5px; font-family:var(--mono); color:var(--faint); background:var(--panel); border:1px solid var(--panel-line); padding:1px 7px; border-radius:999px}
  nav.tabs button.has-live .cnt{margin-left:7px}

  .tab-panel{display:none; animation:fade .18s ease}
  .tab-panel.on{display:block}
  @keyframes fade{from{opacity:0; transform:translateY(4px)}to{opacity:1; transform:none}}

  /* ── cerebro (feed de decisiones) ─────────────────────────────────────────── */
  .chip.entry{background:rgba(52,211,153,.14); color:#34d399; border-color:rgba(52,211,153,.35)}
  .chip.cut{background:rgba(148,163,184,.10); color:var(--muted); border-color:rgba(148,163,184,.25)}
  .chip.adm{background:rgba(251,191,36,.12); color:#fbbf24; border-color:rgba(251,191,36,.35)}
  .chip.cd{background:rgba(96,165,250,.12); color:#60a5fa; border-color:rgba(96,165,250,.35)}
  .chip.simx{background:rgba(34,211,238,.12); color:#22d3ee; border-color:rgba(34,211,238,.35)}
  .chip.mg{background:rgba(251,191,36,.12); color:#fbbf24; border-color:rgba(251,191,36,.35)}     /* gestión Capa 5 (BE/trail/parcial) */
  .chip.close{background:rgba(232,238,246,.08); color:var(--ink); border-color:rgba(232,238,246,.25)} /* cierre del trade */
  .brain-now{display:grid; grid-template-columns:repeat(auto-fill,minmax(210px,1fr)); gap:10px}
  .bn-card{background:var(--panel); border:1px solid var(--panel-line); border-radius:12px; padding:11px 13px}
  .bn-card .bn-sym{font-weight:700; font-size:14px; display:flex; align-items:center; gap:8px; justify-content:space-between}
  .bn-card .bn-det{font-family:var(--mono); font-size:11px; color:var(--muted); margin-top:6px; line-height:1.5; word-break:break-word}
  .bn-card .bn-ts{font-family:var(--mono); font-size:10px; color:var(--faint); margin-top:5px}
  .brow{display:flex; gap:10px; align-items:baseline; padding:7px 10px; border-bottom:1px solid rgba(255,255,255,.045); font-size:12.5px}
  .brow:first-child{animation:fade .4s ease}
  .brow .bts{font-family:var(--mono); font-size:11px; color:var(--faint); flex-shrink:0}
  .brow .bsym{font-weight:700; min-width:52px; flex-shrink:0}
  .brow .bdet{font-family:var(--mono); font-size:11.5px; color:var(--muted); word-break:break-word}
  .brow .bpx{margin-left:auto; font-family:var(--mono); font-size:11px; color:var(--faint); flex-shrink:0}
  .funnel-row{display:flex; align-items:center; gap:10px; padding:5px 0}
  .funnel-row .fk{font-family:var(--mono); font-size:11.5px; color:var(--muted); min-width:150px}
  .funnel-row .fbar{height:14px; border-radius:4px; background:rgba(148,163,184,.25); min-width:2px}
  .funnel-row.f-entry .fbar{background:rgba(52,211,153,.55)}
  .funnel-row .fn{font-family:var(--mono); font-size:11.5px; color:var(--ink)}
  .filters #d-sum{margin-left:auto; font-size:12px}
  .dec-trace{font-family:var(--mono); font-size:11px; color:var(--muted); padding:6px 10px 10px 24px; line-height:1.7}
  .dec-trace .ok{color:#34d399} .dec-trace .ko{color:#f87171}
  tr.dec-row{cursor:pointer} tr.dec-row:hover td{background:rgba(255,255,255,.025)}

  /* ── cerebro — vista estilo Meta Ads Manager (Campaña → Estrategias → Trades) ───────── */
  .seg{display:inline-flex; gap:2px; background:var(--panel); border:1px solid var(--panel-line); border-radius:999px; padding:3px}
  .seg button{font-family:var(--mono); font-size:12.5px; color:var(--muted); background:none; border:none; padding:7px 18px; border-radius:999px; cursor:pointer; transition:.14s}
  .seg button:hover{color:var(--ink)}
  .seg button.on{color:#07120c; background:var(--go); font-weight:650}
  .crumb{font-family:var(--mono); font-size:12.5px; color:var(--faint); min-height:18px; margin-bottom:6px; display:flex; align-items:center; gap:8px; flex-wrap:wrap}
  .crumb a{color:var(--cyan); cursor:pointer; text-decoration:none} .crumb a:hover{text-decoration:underline} .crumb b{color:var(--ink)}
  /* tarjeta de campaña (Nivel 1) */
  #cmp-card .cmp-head{display:flex; align-items:center; gap:12px; flex-wrap:wrap; font-size:13px; padding-bottom:14px; border-bottom:1px solid var(--panel-line)}
  .cmp-kpis{display:grid; grid-template-columns:repeat(5,1fr); gap:14px; padding:16px 0 4px}
  .cmp-kpis .ck{font-family:var(--mono); font-size:10px; letter-spacing:1px; text-transform:uppercase; color:var(--faint)}
  .cmp-kpis .cv{font-family:var(--mono); font-size:20px; font-weight:700; margin-top:5px}
  .cmp-kpis .cv .mut{font-size:11px; font-weight:400}
  .verdict{margin-top:10px; padding:13px 16px; border-radius:11px; font-size:13.5px; display:flex; gap:12px; align-items:center; flex-wrap:wrap}
  .verdict.base{color:var(--warn); background:rgba(251,191,36,.08); border:1px solid rgba(251,191,36,.3)}
  .verdict.beats{color:var(--go); background:var(--go-dim); border:1px solid rgba(52,211,153,.35)}
  .verdict span:first-of-type{flex:1; min-width:200px}
  .verdict .vnums{font-family:var(--mono); font-size:11.5px; color:var(--muted); display:flex; gap:14px; flex-wrap:wrap}
  /* pills de estado (delivery) */
  .pill{font-family:var(--mono); font-size:11px; padding:3px 9px; border-radius:999px; border:1px solid var(--panel-line); white-space:nowrap}
  .pill.activa{color:#34d399; border-color:rgba(52,211,153,.4); background:var(--go-dim)}
  .pill.aprendiendo{color:#fbbf24; border-color:rgba(251,191,36,.35); background:rgba(251,191,36,.1)}
  .pill.limitada{color:#60a5fa; border-color:rgba(96,165,250,.35); background:rgba(96,165,250,.1)}
  .pill.pausada{color:var(--faint); border-color:rgba(148,163,184,.25)}
  .pill.mode{color:var(--cyan); border-color:rgba(34,211,238,.35); background:rgba(34,211,238,.08)}
  /* tabla de estrategias (Nivel 2) */
  .str-tbl{width:100%; border-collapse:collapse}
  .str-tbl th{font-family:var(--mono); font-size:10px; letter-spacing:.5px; text-transform:uppercase; color:var(--faint); text-align:right; padding:9px 9px; border-bottom:1px solid var(--panel-line); white-space:nowrap}
  .str-tbl th:nth-child(-n+4){text-align:left}
  .str-tbl td{padding:11px 9px; border-bottom:1px solid rgba(255,255,255,.045); font-family:var(--mono); font-size:12px; text-align:right; vertical-align:middle; white-space:nowrap}
  .str-tbl td:nth-child(-n+4){text-align:left}
  .str-tbl tr.srow{cursor:pointer} .str-tbl tr.srow:hover td{background:rgba(255,255,255,.025)}
  .str-name{font-weight:700; font-family:var(--sans); font-size:13.5px}
  .str-aud{font-family:var(--mono); font-size:10.5px; color:var(--faint); margin-top:1px}
  .strfoot{font-family:var(--mono); font-size:11.5px; color:var(--faint); margin-top:10px}
  /* toggle on/off del trader (pill 40×22 con knob): el recorte lean (#73) se llevó por accidente
     este bloque junto con el CSS del Seteo y el input quedaba como checkbox nativo pelado */
  .tgl{position:relative; width:40px; height:22px; flex-shrink:0; cursor:pointer; display:inline-block; vertical-align:middle}
  .tgl input{position:absolute; opacity:0; inset:0; cursor:pointer; margin:0}
  .tgl i{position:absolute; inset:0; border-radius:999px; background:rgba(255,255,255,.07); border:1px solid var(--panel-line); transition:.15s; pointer-events:none}
  .tgl i::after{content:""; position:absolute; top:2px; left:2px; width:16px; height:16px; border-radius:50%; background:var(--muted); transition:.15s}
  .tgl input:checked + i{background:var(--go-dim); border-color:rgba(52,211,153,.45)}
  .tgl input:checked + i::after{left:20px; background:var(--go)}
  /* barra de peso: cerebro (sólida) + baseline (fantasma rayada) detrás */
  .wbar{position:relative; height:18px; width:130px; background:rgba(148,163,184,.10); border-radius:5px; overflow:hidden; border:1px solid var(--panel-line)}
  .wbar .wb-base{position:absolute; top:0; bottom:0; left:0; background:repeating-linear-gradient(45deg,rgba(148,163,184,.32),rgba(148,163,184,.32) 3px,transparent 3px,transparent 6px)}
  .wbar .wb-cer{position:absolute; top:0; bottom:0; left:0; background:rgba(52,211,153,.5)}
  .wbar .wb-lbl{position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-size:10.5px; color:var(--ink); text-shadow:0 1px 2px rgba(0,0,0,.6)}
  .delta.up{color:var(--go)} .delta.dn{color:var(--halt)} .delta.flat{color:var(--faint)}
  .ac.up{color:var(--go)} .ac.dn{color:var(--halt)}
  .str-tbl .ru{font-size:9px; color:var(--faint); margin-left:1px; font-weight:400} /* la "R" tenue tras un número en R */
  svg.spark{display:block; margin-left:auto}
  /* fila central de la tabla (cargando / vacío / error) — anula el align-left de las primeras col */
  .str-tbl td.tmid{text-align:center !important; color:var(--faint); padding:26px 9px}
  /* 1ª columna CONGELADA: el trader queda fijo mientras el resto de columnas scrollea en horizontal
     (la tabla es más ancha que el viewport). Fondo OPACO para tapar lo que pasa por debajo. */
  .str-tbl th:first-child,.str-tbl td:first-child{position:sticky; left:0; z-index:2; background:#0a0e15; box-shadow:1px 0 0 var(--panel-line)}
  .str-tbl thead th:first-child{z-index:3}
  .str-tbl tr.srow:hover td:first-child{background:#0e131c}
  .str-tbl td .trd-id{display:flex; align-items:center; gap:9px}
  /* estado operativo EN VIVO del trader (enum del sprint de control; distinto del estado del cerebro) */
  .pill.lv-ok{color:#34d399; border-color:rgba(52,211,153,.4); background:var(--go-dim)}
  .pill.lv-warning{color:#fbbf24; border-color:rgba(251,191,36,.35); background:rgba(251,191,36,.08)}
  .pill.lv-data_degraded{color:#f59e0b; border-color:rgba(245,158,11,.35); background:rgba(245,158,11,.08)}
  .pill.lv-broker_error{color:#fb923c; border-color:rgba(251,146,60,.4); background:rgba(251,146,60,.1)}
  .pill.lv-disconnected{color:#f87171; border-color:rgba(248,113,113,.45); background:rgba(248,113,113,.12)}
  .pill.lv-halt{color:#f87171; border-color:rgba(248,113,113,.4); background:rgba(248,113,113,.08)}
  .pill.lv-off{color:var(--faint); border-color:rgba(148,163,184,.25)}
  .pill.lv-parked{color:#fbbf24; border-color:rgba(251,191,36,.35); background:rgba(251,191,36,.06)}
  /* franja-resumen de exposición GLOBAL (totales que no son por-fila): líneas, riesgo, direccional… */
  .exp-strip{display:flex; gap:10px; flex-wrap:wrap; padding-top:14px}
  .exp-cell{flex:1; min-width:158px; background:var(--panel); border:1px solid var(--panel-line); border-radius:12px; padding:10px 13px}
  .exp-cell .lab{font-family:var(--mono); font-size:10px; letter-spacing:.5px; text-transform:uppercase; color:var(--faint)}
  .exp-cell .val{font-family:var(--mono); font-size:17px; margin-top:4px}
  .exp-cell .val small{font-size:11px; color:var(--faint); font-weight:400}
  .exp-cell .sub{font-family:var(--mono); font-size:10.5px; color:var(--muted); margin-top:3px; line-height:1.45}
  .exp-bars{display:flex; flex-direction:column; gap:3px; margin-top:5px}
  .exp-bar{position:relative; height:14px; background:rgba(148,163,184,.10); border-radius:4px; overflow:hidden}
  .exp-bar>i{position:absolute; left:0; top:0; bottom:0; background:linear-gradient(90deg,rgba(96,165,250,.85),rgba(167,139,250,.85))}
  .exp-bar>span{position:relative; font-family:var(--mono); font-size:9.5px; padding:0 6px; line-height:14px; color:var(--ink); white-space:nowrap}
  .alert-ok{color:#34d399} .alert-warn{color:#fbbf24} .alert-crit{color:#f87171}
  /* reporte de cierre de la jornada (veredicto PASS/WATCH/FAIL) */
  .clr-card{display:flex; align-items:center; gap:12px; flex-wrap:wrap; background:var(--panel); border:1px solid var(--panel-line); border-radius:12px; padding:10px 14px; margin-top:14px}
  .clr-verdict{font-family:var(--mono); font-size:13px; font-weight:700; padding:4px 12px; border-radius:999px}
  .clr-pass{color:#34d399; border:1px solid rgba(52,211,153,.4); background:var(--go-dim)}
  .clr-watch{color:#fbbf24; border:1px solid rgba(251,191,36,.4); background:rgba(251,191,36,.1)}
  .clr-fail{color:#f87171; border:1px solid rgba(248,113,113,.45); background:rgba(248,113,113,.12)}
  .clr-sub{font-family:var(--mono); font-size:11px; color:var(--muted)}
  /* hero del trader (drill-in) */
  #trd-hero .hero{display:flex; align-items:center; gap:18px; flex-wrap:wrap; margin:4px 0 2px; font-family:var(--mono); font-size:12.5px}
  #trd-hero .hname{font-family:var(--sans); font-weight:700; font-size:15px; color:var(--ink)}
  #trd-hero .hk{color:var(--muted)} #trd-hero .hk b{color:var(--ink); font-size:14px}
  #trd-hero .hk b.pos{color:var(--go)} #trd-hero .hk b.neg{color:var(--halt)}
  /* form de registro */
  .regform{display:flex; gap:10px; align-items:center; flex-wrap:wrap}
  .regform input,.regform select{font-family:var(--mono); font-size:12.5px; color:var(--ink); background:rgba(255,255,255,.03); border:1px solid var(--panel-line); border-radius:8px; padding:8px 11px}
  .regform input#reg-id{width:200px} .regform input#reg-desc{flex:1; min-width:180px}
  .regform button{font-family:var(--mono); font-size:12.5px; color:#07120c; background:var(--go); border:none; border-radius:8px; padding:8px 16px; cursor:pointer; font-weight:600}
  .regform button:hover{filter:brightness(1.08)}

  /* ----- alertas operativas (visibles desde cualquier pestaña) ----- */
  .alert{display:flex; align-items:flex-start; gap:12px; margin-top:14px; padding:11px 14px; border-radius:11px;
    font-size:13px; font-family:var(--mono); line-height:1.5}
  .alert.halt{color:var(--halt); background:var(--halt-dim); border:1px solid rgba(248,113,113,.4)}
  .alert.warn{color:var(--warn); background:rgba(251,191,36,.08); border:1px solid rgba(251,191,36,.35)}
  .alert.info{color:var(--cyan); background:rgba(34,211,238,.07); border:1px solid rgba(34,211,238,.3)}
  .alert span{flex:1}
  .alert button{background:none; border:none; color:inherit; opacity:.55; cursor:pointer; font-size:13px; padding:0 2px}
  .alert button:hover{opacity:1}
  /* una sola barra que rota entre las alertas vigentes; ‹ n/N › navega, el contador abre la lista */
  #alerts{position:relative}
  .alert-bar{align-items:center; min-height:40px}
  .alert-bar .ab-ico{flex:none; width:14px; text-align:center}
  .alert-bar .ab-txt{flex:1; min-width:0; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
    animation:ab-in .35s ease}
  .alert-bar .ab-nav{flex:none; display:inline-flex; align-items:center; gap:2px}
  .alert-bar .ab-nav button{opacity:.75; padding:2px 6px; border-radius:6px; font-variant-numeric:tabular-nums}
  .alert-bar .ab-nav button:hover{opacity:1; background:color-mix(in srgb,currentColor 12%,transparent)}
  .alert-bar .ab-count{min-width:42px}
  .ab-list{position:absolute; z-index:40; left:0; right:0; top:calc(100% + 4px); max-height:min(60vh,420px); overflow:auto;
    padding:4px; border-radius:8px; background:var(--bg); border:1px solid var(--line,var(--panel-line)); box-shadow:0 12px 32px rgba(0,0,0,.35)}
  .ab-row{display:flex; gap:10px; padding:7px 10px; border-radius:6px; cursor:pointer; font-size:12.5px; line-height:1.45}
  .ab-row:hover,.ab-row.on{background:color-mix(in srgb,currentColor 9%,transparent)}
  .ab-row .ab-ico{flex:none; width:14px; text-align:center}
  .ab-row.halt{color:var(--halt)} .ab-row.warn{color:var(--warn)} .ab-row.info{color:var(--cyan)}
  @keyframes ab-in{from{opacity:0; transform:translateY(3px)} to{opacity:1; transform:none}}
  @media (prefers-reduced-motion:reduce){.alert-bar .ab-txt{animation:none}}

  .head{padding:34px 0 8px}
  .eyebrow{font-family:var(--mono); font-size:12px; letter-spacing:2px; text-transform:uppercase; color:var(--go); margin-bottom:12px; display:flex; align-items:center; gap:8px; flex-wrap:wrap}
  h1{font-size:clamp(26px,4.4vw,40px); line-height:1.06; font-weight:730; letter-spacing:-1px; background:linear-gradient(180deg,#fff,#aebccd); -webkit-background-clip:text; background-clip:text; color:transparent}
  .lede{margin-top:12px; font-size:15px; color:var(--muted); max-width:74ch}
  .lede b{color:var(--ink); font-weight:600}

  .kpis{display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-top:26px}
  .kpi{padding:18px; border:1px solid var(--panel-line); border-radius:var(--r); background:var(--panel); position:relative; overflow:hidden}
  .kpi::after{content:""; position:absolute; inset:0; background:linear-gradient(135deg,rgba(255,255,255,.04),transparent 42%); pointer-events:none}
  .kpi .k{font-family:var(--mono); font-size:11px; letter-spacing:1px; text-transform:uppercase; color:var(--faint)}
  .kpi .v{font-size:30px; font-weight:700; margin-top:9px; font-family:var(--mono); letter-spacing:-.5px}
  .kpi .s{font-size:12.5px; color:var(--muted); margin-top:6px}
  .pos{color:var(--go)} .neg{color:var(--halt)} .cy{color:var(--cyan)} .am{color:var(--warn)} .mut{color:var(--muted)}

  section{padding:30px 0 6px}
  .h2{font-size:12.5px; font-family:var(--mono); letter-spacing:2px; text-transform:uppercase; color:var(--faint); margin-bottom:4px}
  .h2 b{color:var(--ink); font-weight:600}
  .sub{color:var(--muted); font-size:14px; margin-bottom:18px}

  .card{border:1px solid var(--panel-line); border-radius:var(--r); background:var(--panel); padding:18px}
  .cols{display:grid; grid-template-columns:1.3fr .9fr; gap:16px; align-items:start}

  svg.chart{width:100%; height:auto; display:block}
  .chart-meta{display:flex; justify-content:space-between; font-family:var(--mono); font-size:11.5px; color:var(--faint); margin-top:8px; gap:10px; flex-wrap:wrap}

  .pills{display:flex; flex-wrap:wrap; gap:7px; margin-bottom:14px}
  .pill{font-family:var(--mono); font-size:12px; padding:5px 11px; border-radius:999px; border:1px solid var(--panel-line); color:var(--muted); background:var(--panel); cursor:pointer; transition:.15s}
  .pill:hover{color:var(--ink); border-color:rgba(255,255,255,.22)}
  .pill.on{color:var(--go); border-color:rgba(52,211,153,.5); background:var(--go-dim)}
  .hz-date{font-family:var(--mono); font-size:12px; padding:4px 9px; border-radius:8px; border:1px solid var(--panel-line); color:var(--ink); background:#070b11; color-scheme:dark}
  /* tracking trader-por-stock: dot de color en la pill del instrumento + leyenda del chart */
  .tr-dot{display:inline-block; width:6px; height:6px; border-radius:50%; margin-left:5px; vertical-align:1px}
  .tr-leg{display:flex; gap:12px; flex-wrap:wrap}
  .tr-leg b{font-weight:600}
  .pill.ro{cursor:default}
  .pill.ro:hover{color:var(--muted); border-color:var(--panel-line)}
  .pill.ro.on:hover{color:var(--go); border-color:rgba(52,211,153,.5)}
  .legend{display:flex; gap:16px; flex-wrap:wrap; font-family:var(--mono); font-size:11px; color:var(--muted); margin-top:10px}
  .legend i{display:inline-block; width:11px; height:11px; margin-right:5px; vertical-align:middle; border-radius:2px}

  table{width:100%; border-collapse:collapse; font-size:13.5px}
  th{font-family:var(--mono); font-size:10.5px; letter-spacing:.6px; text-transform:uppercase; color:var(--faint); text-align:right; padding:8px 10px; border-bottom:1px solid var(--panel-line); font-weight:500}
  th:first-child,td:first-child{text-align:left}
  th.sortable{cursor:pointer; user-select:none; transition:.15s}
  th.sortable:hover{color:var(--ink)}
  th.sorted{color:var(--go)}
  td{padding:9px 10px; border-bottom:1px solid rgba(255,255,255,.045); font-variant-numeric:tabular-nums}
  tbody tr:hover{background:rgba(255,255,255,.02)}
  td.sym{font-weight:600; font-family:var(--mono)}
  .chip{font-family:var(--mono); font-size:10.5px; padding:2px 7px; border-radius:6px; border:1px solid var(--panel-line); color:var(--muted)}
  .chip.L{color:var(--go); border-color:rgba(52,211,153,.35); background:var(--go-dim)}
  .chip.S{color:var(--halt); border-color:rgba(248,113,113,.35); background:var(--halt-dim)}
  .chip.win{color:var(--go)} .chip.loss{color:var(--halt)}
  .mono{font-family:var(--mono)}
  .scroll{max-height:560px; overflow-y:auto}
  /* consola de logs en vivo */
  .log-bar{display:flex; align-items:center; gap:12px; margin-bottom:12px; flex-wrap:wrap}
  .log-auto{font-family:var(--mono); font-size:12px; color:var(--muted); display:inline-flex; align-items:center; gap:6px; cursor:pointer}
  .log-console{max-height:none; height:min(42vh,440px); padding:10px 0; font-family:var(--mono); font-size:12.5px; line-height:1.5}
  .log-console .empty{padding:16px}
  .log-line{display:grid; grid-template-columns:72px 64px 1fr; gap:10px; padding:1px 14px; white-space:pre-wrap; word-break:break-word}
  .log-line:hover{background:rgba(255,255,255,.03)}
  .log-line .lt{color:var(--faint)}
  .log-line .ls{font-size:10px; letter-spacing:.5px; align-self:center; text-align:right}
  .log-line.s-TARS .ls{color:var(--go)}
  .log-line.s-MURPH .ls{color:var(--cyan)}
  .log-line.s-COOPER .ls{color:#c084fc}
  .log-line.lv-alert .lx{color:#f87171}
  .log-line.lv-hb .lx{color:var(--faint)}
  .scroll::-webkit-scrollbar{width:8px}.scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:8px}

  /* ----- período compartido (Traders + Reporte) + vista Gráfico de Traders ----- */
  .tools{display:flex; gap:10px; align-items:center; flex-wrap:wrap; justify-content:space-between; margin-bottom:12px}
  .tools .pills{margin-bottom:0}
  .pbar{display:flex; flex-wrap:wrap; gap:7px; align-items:center}
  .pbar .pcustom{display:inline-flex; gap:6px; align-items:center}
  .mlc{display:flex; gap:8px; align-items:stretch}
  .mly{display:flex; flex-direction:column; justify-content:space-between; font-family:var(--mono); font-size:10.5px; color:var(--faint); text-align:right; min-width:52px; padding:1px 0}
  .mly.r{text-align:left}
  .mlsvg{flex:1; min-width:0}
  .legend b{font-weight:600}
  .tdot{display:inline-block; width:8px; height:8px; border-radius:50%; margin-right:6px; vertical-align:middle}
  /* ----- reporte de decisiones ----- */
  .rp-chips{display:flex; flex-wrap:wrap; gap:7px; align-items:center}
  .rp-chips .pill .tdot{margin-right:5px}
  .rp-kpis{display:grid; grid-template-columns:repeat(auto-fit,minmax(128px,1fr)); gap:10px; margin:6px 0 18px}
  .rk{padding:12px 14px; border:1px solid var(--panel-line); border-radius:12px; background:var(--panel)}
  .rk .k{font-family:var(--mono); font-size:10px; letter-spacing:1px; text-transform:uppercase; color:var(--faint)}
  .rk .v{font-family:var(--mono); font-size:22px; font-weight:700; margin-top:5px; letter-spacing:-.4px}
  .rk .v small{font-size:11px; color:var(--faint); font-weight:400; margin-left:2px}
  .rk .s{font-size:11.5px; color:var(--muted); margin-top:3px}
  .rp-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-bottom:14px}
  .rp-grid>.card{padding:14px 16px; min-width:0; overflow:hidden}
  .rp-grid .h2{margin-bottom:8px}
  .rp-grid.two{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
  .donut{display:flex; gap:16px; align-items:center}
  .vbars{display:flex; gap:6px; align-items:flex-end; height:120px; padding-top:6px}
  .vbars .vb{flex:1; display:flex; flex-direction:column; align-items:center; justify-content:flex-end; height:100%; min-width:0}
  .vbars .vb i{display:block; width:100%; border-radius:3px 3px 0 0; min-height:3px}
  .vbars .vb span{font-family:var(--mono); font-size:9.5px; color:var(--faint); margin-top:4px}
  .rp-why{font-family:var(--mono); font-size:11.5px; color:var(--muted); max-width:380px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
  .rp-tbl td{white-space:nowrap} .rp-tbl td.sym{font-weight:700}
  .rp-tbl tr.trow{cursor:pointer} .rp-tbl tr.trow:hover td{background:rgba(255,255,255,.025)}
  .rp-tbl .bar{display:inline-block; height:8px; border-radius:3px; vertical-align:middle; margin-right:6px}
  .ta-focus{padding:20px; margin-bottom:14px; border-color:rgba(34,211,238,.3)}
  .ta-focus .ta-value{font:700 36px var(--mono); margin:8px 0}
  .ta-focus p{color:var(--muted); font-size:13px; line-height:1.6; margin:6px 0}
  .ta-focus a,.ta-help a{color:var(--cyan)}
  .ta-pnl{padding:18px; margin-bottom:18px; min-width:0}
  .ta-pnl .sub{margin:6px 0 14px}
  .ta-pnl svg.chart{height:280px}
  .ta-cumulative-chart svg.chart{height:210px}
  .ta-pnl svg path,.ta-cumulative-chart svg path{vector-effect:non-scaling-stroke}
  .ta-pnl circle[role=button],.ta-cumulative-chart circle[role=button]{cursor:pointer; outline:none}
  .ta-pnl circle[role=button]:hover,.ta-pnl circle[role=button]:focus,.ta-cumulative-chart circle[role=button]:hover,.ta-cumulative-chart circle[role=button]:focus{stroke:var(--ink); stroke-width:3}
  .ta-pair{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ta-chart{overflow-x:auto; padding:2px 0 8px}
  .ta-chart svg{display:block; width:100%; min-width:0; height:210px}
  .ta-chart [role=button]{cursor:pointer; outline:none}
  .ta-chart [role=button]:hover rect,.ta-chart [role=button]:focus rect{stroke:var(--ink); stroke-width:2}
  .ta-ledger{overflow:auto; max-height:650px; padding:2px 12px}
  .ta-ledger :is(th,td){text-align:left}
  .ta-ledger :is(th,td):nth-child(n+3):nth-child(-n+9){text-align:right}
  .ta-ledger summary{cursor:pointer; color:var(--cyan); font-size:11px}
  .ta-ledger details p{white-space:normal; max-width:310px; min-width:240px; font-size:12px; line-height:1.6}
  .ta-page{display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; margin:12px 0}
  .ta-help{font-size:12px; color:var(--muted); line-height:1.6; margin:10px 0 18px}
  .ta-help summary{cursor:pointer; color:var(--ink)}
  .ta-segments{overflow:auto; max-height:400px}
  .ta-segments :is(th,td){text-align:right; white-space:nowrap}
  .ta-segments th:first-child,.ta-segments td:first-child{text-align:left; max-width:320px; overflow:hidden; text-overflow:ellipsis}
  @media (max-width:980px){ .rp-grid,.rp-grid.two{grid-template-columns:1fr} }

  /* ----- filtros del journal ----- */
  .filters{display:flex; gap:8px; flex-wrap:wrap; align-items:center; margin-bottom:14px}
  .filters select{background:#0a0f17; border:1px solid var(--panel-line); border-radius:999px; color:var(--muted);
    font-family:var(--mono); font-size:12px; padding:6px 12px; outline:none; cursor:pointer; transition:.15s; -webkit-appearance:none; appearance:none}
  .filters select:hover,.filters select:focus{color:var(--ink); border-color:rgba(52,211,153,.4)}
  .filters #f-sum{margin-left:auto; font-size:12px}

  .cut{margin-bottom:13px}
  .cut .row{display:flex; justify-content:space-between; font-size:13px; margin-bottom:5px}
  .cut .row b{font-weight:560} .cut .row span{font-family:var(--mono); color:var(--faint); font-size:12px}
  .meter{height:7px; border-radius:6px; background:rgba(255,255,255,.05); overflow:hidden}
  .meter i{display:block; height:100%; border-radius:6px; background:linear-gradient(90deg,var(--cyan),rgba(34,211,238,.5))}

  .setups{display:flex; flex-wrap:wrap; gap:10px; margin-top:4px}
  .setup{flex:1; min-width:130px; padding:13px; border:1px solid var(--panel-line); border-radius:11px; background:var(--panel)}
  .setup .nm{font-family:var(--mono); font-weight:600; font-size:13px}
  .setup .det{font-size:12px; color:var(--muted); margin-top:4px}

  /* ----- insights accionables ----- */
  .ins{display:flex; gap:10px; padding:9px 0; border-bottom:1px solid rgba(255,255,255,.045); font-size:13.5px; color:var(--muted); line-height:1.55}
  .ins:last-child{border-bottom:none} .ins:first-child{padding-top:0}
  .ins b{color:var(--ink); font-family:var(--mono); font-weight:600}
  .ins a{color:var(--cyan); text-decoration:none} .ins a:hover{text-decoration:underline}
  .bullet{width:8px; height:8px; border-radius:50%; flex-shrink:0; margin-top:7px}
  .bullet.go{background:var(--go)} .bullet.halt{background:var(--halt)} .bullet.cy{background:var(--cyan)} .bullet.am{background:var(--warn)}

  footer{border-top:1px solid rgba(255,255,255,.05); margin-top:34px; padding:24px 0 56px; color:var(--faint); font-size:12.5px; display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap}
  footer .mono{font-family:var(--mono); font-size:11.5px}
  .note{max-width:64ch; line-height:1.6}
  .err{padding:40px; text-align:center; color:var(--muted); font-family:var(--mono); font-size:14px}
  .empty{padding:30px; text-align:center; color:var(--faint); font-family:var(--mono); font-size:13px}

  /* ----- panel live (Fase 10) ----- */
  .badge.live{color:var(--cyan); border-color:rgba(34,211,238,.45); background:rgba(34,211,238,.10)}
  .badge.robust{color:var(--go); border-color:rgba(52,211,153,.45); background:var(--go-dim)}
  .badge.halt{color:var(--halt); border-color:rgba(248,113,113,.45); background:var(--halt-dim)}
  .live-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:14px; margin-bottom:6px}
  .live-grid .k{font-family:var(--mono); font-size:10.5px; letter-spacing:1px; text-transform:uppercase; color:var(--faint)}
  .live-grid .v{font-size:22px; font-weight:700; margin-top:5px; font-family:var(--mono); letter-spacing:-.4px}
  .live-foot{display:flex; align-items:center; gap:12px; margin-top:14px; padding-top:14px; border-top:1px solid var(--panel-line); flex-wrap:wrap}
  .live-foot .spacer{flex:1}
  button.kill{font-family:var(--mono); font-size:12px; color:var(--halt); background:var(--halt-dim); border:1px solid rgba(248,113,113,.4);
    padding:7px 14px; border-radius:999px; cursor:pointer; transition:.15s}
  button.kill:hover{background:rgba(248,113,113,.2)} button.kill:disabled{opacity:.5; cursor:default}
  button.kill.resume{color:var(--go); background:var(--go-dim); border-color:rgba(52,211,153,.4)}

  /* ----- pie de formulario (lo usa el form del Backtest) ----- */
  .tn-foot{display:flex; align-items:center; gap:12px; margin-top:14px; padding-top:14px; border-top:1px solid var(--panel-line); flex-wrap:wrap}
  .tn-foot .msg2{font-family:var(--mono); font-size:12px; color:var(--muted); flex:1; min-width:160px}
  .tn-foot .msg2.ok{color:var(--go)} .tn-foot .msg2.err{color:var(--halt)}

  /* ── pestañas Backtest y Universo (mismo form grid) ── */
  #bt-form,#uni-form{display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:12px; align-items:end}
  #bt-form .fld label,#uni-form .fld label{display:block; font-family:var(--mono); font-size:10.5px; letter-spacing:1px; text-transform:uppercase; color:var(--faint); margin-bottom:6px}
  #bt-form .fld input,#bt-form .fld select,#uni-form .fld input,#uni-form .fld select{width:100%; background:#070b11; border:1px solid var(--panel-line); border-radius:9px; color:var(--ink); padding:8px 10px; font-family:var(--mono); font-size:13px}
  #bt-form .fld input:focus,#bt-form .fld select:focus,#uni-form .fld input:focus,#uni-form .fld select:focus{border-color:rgba(52,211,153,.5); outline:none}
  #bt-go,#uni-form .fld button,.uni-btn{background:var(--go-dim); border:1px solid rgba(52,211,153,.45); color:var(--go); border-radius:10px; padding:9px 16px; font-family:var(--mono); font-size:13px; cursor:pointer; white-space:nowrap}
  #bt-go:hover,#uni-form .fld button:hover,.uni-btn:hover{background:rgba(52,211,153,.2)} #bt-go:disabled,#uni-form .fld button:disabled{opacity:.45; cursor:default}
  #uni-form .fld button.ghost,.uni-btn.ghost{background:rgba(255,255,255,.03); border-color:var(--panel-line); color:var(--muted)}
  #uni-form .fld button.ghost:hover,.uni-btn.ghost:hover{background:rgba(255,255,255,.07)}
  /* preview del universo: chips de tickers que cumplen */
  .uni-chip{display:inline-flex; flex-direction:column; gap:1px; border:1px solid var(--panel-line); border-radius:10px; padding:6px 10px; margin:3px; background:rgba(255,255,255,.02)}
  .uni-chip b{font-family:var(--mono); font-size:13px}
  .uni-chip small{font-family:var(--mono); font-size:9.5px; color:var(--faint)}
  .uni-chip.inplay{border-color:rgba(96,165,250,.45)}
  .uni-note{font-family:var(--mono); font-size:11px; color:var(--faint); margin-top:10px; line-height:1.5}
  #bt-runs table{width:100%; border-collapse:collapse; font-size:13px}
  #bt-runs th{font-family:var(--mono); font-size:10.5px; letter-spacing:1px; text-transform:uppercase; color:var(--faint); text-align:left; padding:7px 10px; border-bottom:1px solid var(--panel-line)}
  #bt-runs td{padding:8px 10px; border-bottom:1px solid rgba(255,255,255,.05)}
  #bt-runs tr.sel td{background:rgba(52,211,153,.06)}
  #bt-runs tr{cursor:pointer} #bt-runs tr:hover td{background:rgba(255,255,255,.03)}
  .bt-st{font-family:var(--mono); font-size:11px; padding:2px 8px; border-radius:999px; border:1px solid var(--panel-line)}
  .bt-st.running{color:#fbbf24; border-color:rgba(251,191,36,.35); background:rgba(251,191,36,.08)}
  .bt-st.done{color:#34d399; border-color:rgba(52,211,153,.4); background:var(--go-dim)}
  .bt-st.error,.bt-st.aborted{color:#f87171; border-color:rgba(248,113,113,.4); background:rgba(248,113,113,.08)}
  .bt-del{background:none;border:none;color:var(--faint);cursor:pointer;font-size:14px;padding:2px 6px}
  .bt-del:hover{color:#f87171}
  #bt-kpis{display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:12px; margin-bottom:14px}

  /* ── login de la APP (formulario propio; el diálogo nativo del navegador no se usa) ── */
  #login{position:fixed; inset:0; z-index:50; display:none; align-items:center; justify-content:center;
    background:rgba(7,11,17,.9); backdrop-filter:blur(6px)}
  #login.show{display:flex}
  #login .panel{width:min(370px,calc(100vw - 40px)); border:1px solid var(--panel-line); border-radius:var(--r);
    background:#0a0f17; padding:26px}
  #login h2{font-size:17px; font-weight:650; display:flex; align-items:center; gap:9px}
  #login .sub2{color:var(--muted); font-size:13px; margin:4px 0 14px}
  #login label{display:block; font-family:var(--mono); font-size:11px; letter-spacing:1px; text-transform:uppercase;
    color:var(--faint); margin:12px 0 6px}
  #login input{width:100%; background:#070b11; border:1px solid var(--panel-line); border-radius:10px; color:var(--ink);
    font-family:var(--mono); font-size:14px; padding:10px 12px; outline:none; transition:.15s}
  #login input:focus{border-color:rgba(52,211,153,.5)}
  #login button{margin-top:18px; width:100%; background:var(--go-dim); border:1px solid rgba(52,211,153,.45); color:var(--go);
    font-family:var(--mono); font-size:13px; font-weight:600; padding:11px; border-radius:10px; cursor:pointer; transition:.15s}
  #login button:hover{background:rgba(52,211,153,.2)}
  #login button:disabled{opacity:.45; cursor:default}
  #login .err2{display:none; margin-top:12px; font-family:var(--mono); font-size:12.5px; color:var(--halt)}
  #login .err2.show{display:block}
  .gname{font-family:var(--mono); font-size:12px; color:var(--ink); min-width:160px}
  .gdet{font-size:11.5px; flex:1; text-align:right}

  /* ── el menú NUNCA se va arriba: en pantallas chicas queda como riel de íconos al costado ── */
  @media (max-width:980px){
    .sidebar{width:64px; padding:16px 8px}
    .brand{justify-content:center; padding:2px 0 14px}
    .brand b,.brand .tld{display:none}
    nav.tabs .lbl{display:none}
    nav.tabs button{justify-content:center; padding:12px 0}
    nav.tabs button .txt,nav.tabs button .cnt{display:none}
    nav.tabs button.on::before{left:-8px}
    nav.tabs button .lvdot{position:absolute; top:8px; right:10px; margin-left:0}
    .side-foot{align-items:center; padding:12px 0 4px}
    .badge.sim{padding:5px 8px}
    #b-mode{display:none}
    .badge.sim .dot{margin-right:0}
    a.navlink .txt{display:none}
    .wrap{padding:0 16px}
  }
  @media (max-width:860px){ .kpis{grid-template-columns:repeat(2,1fr)} .cols{grid-template-columns:1fr} .clock{display:none} .gname{min-width:110px} .filters #f-sum{margin-left:0; width:100%} }
  @media (max-width:640px){ #b-gw,#upd{display:none} .topbar-in{flex-wrap:wrap; height:auto; min-height:56px; padding-top:8px; padding-bottom:8px; gap:6px} }
  .fund-tbl th,.fund-tbl td{text-align:left !important;vertical-align:top}
  .fund-tbl td{padding:13px 10px;font-size:13px;line-height:1.5}
  .fund-tbl .ru{display:block;font-family:var(--sans);font-size:11px;line-height:1.6;margin:2px 0 0;white-space:normal;color:var(--muted)}
  .fund-tbl td:nth-child(3){min-width:150px}
  .fund-tbl th{white-space:normal;min-width:100px}
  .fund-pool{display:flex;flex-wrap:wrap;gap:8px 22px;margin:0 0 10px;font-size:13px;color:var(--muted)}
  .fund-pool b{color:var(--ink);font-family:var(--mono)}

  /* ═════ consola en vivo = radar del bot (HUD) ═════════════════════════════════════════════
     Cromo cian (estructura: anillos, barrido, marcos) y DATO en rampa de calor ámbar (un solo
     tono, validada ordinal sobre la superficie): un activo se "calienta" a medida que pasa capas
     de la cascada. Estados de salud con los colores de estado del panel + ícono + texto. */
  .hud{--h-bg:#060d15; --h-line:rgba(94,224,255,.13); --h-line2:rgba(94,224,255,.3); --h-cy:#5ee0ff; --h-cyd:#2a8cab; --h-am:#ffbf55;
    --h-ink:#e4f2f8; --h-mu:#9db6c4; --h-fa:#7893a3; --h-good:#34d399; --h-warn:#fbbf24; --h-crit:#f87171; --h-cold:#7ea2d9;
    --heat0:#7d6646; --heat1:#a87a33; --heat2:#d6962c; --heat3:#ffbf55; --heat4:#ffe6b0;
    position:relative; color:var(--h-ink); border:1px solid var(--h-line); border-radius:8px; padding:12px; overflow:hidden;
    background:radial-gradient(900px 420px at 34% -12%,rgba(94,224,255,.08),transparent 62%),radial-gradient(700px 400px at 100% 110%,rgba(255,191,85,.05),transparent 60%),linear-gradient(180deg,#071119,#050b12)}
  .hud::before{content:""; position:absolute; inset:0; pointer-events:none; opacity:.5;
    background-image:linear-gradient(rgba(94,224,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(94,224,255,.035) 1px,transparent 1px); background-size:24px 24px}
  .hud>*{position:relative}
  .hud .hb{position:relative; border:1px solid var(--h-line); border-radius:4px; background:rgba(94,224,255,.022)}
  .hud .hb::after{content:""; position:absolute; inset:-1px; pointer-events:none; opacity:.5; transition:opacity .2s;
    background:linear-gradient(var(--h-cy),var(--h-cy)) 0 0/12px 1.5px,linear-gradient(var(--h-cy),var(--h-cy)) 0 0/1.5px 12px,
      linear-gradient(var(--h-cy),var(--h-cy)) 100% 0/12px 1.5px,linear-gradient(var(--h-cy),var(--h-cy)) 100% 0/1.5px 12px,
      linear-gradient(var(--h-cy),var(--h-cy)) 0 100%/12px 1.5px,linear-gradient(var(--h-cy),var(--h-cy)) 0 100%/1.5px 12px,
      linear-gradient(var(--h-cy),var(--h-cy)) 100% 100%/12px 1.5px,linear-gradient(var(--h-cy),var(--h-cy)) 100% 100%/1.5px 12px; background-repeat:no-repeat}
  .hud .hl{font:500 9.5px/1.2 var(--mono); letter-spacing:1.7px; text-transform:uppercase; color:var(--h-fa)}
  .hud .hl b{color:var(--h-cy); font-weight:600}
  .hud .hsec{display:flex; align-items:baseline; gap:12px; margin:16px 2px 8px; flex-wrap:wrap}
  .hud .hsec .hnote{font-size:12px; color:var(--h-mu)}
  .hud button{font:inherit; color:inherit}
  .hud :focus-visible{outline:2px solid var(--h-cy); outline-offset:2px}
  /* franja de salud */
  .hud .hh-row{display:grid; grid-template-columns:repeat(auto-fit,minmax(132px,1fr)); gap:6px}
  .hud .hh{padding:8px 10px 9px; min-width:0}
  .hud .hh .hv{display:flex; align-items:center; gap:7px; margin-top:6px; font:500 14px/1.15 var(--sans); white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
  .hud .hh .hv>span{min-width:0; overflow:hidden; text-overflow:ellipsis}
  .hud .hh .hs{font:10.5px/1.35 var(--mono); color:var(--h-mu); margin-top:3px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
  .hud .sd{flex-shrink:0; font-style:normal; font-size:10px; width:12px; text-align:center}
  .hud .good .sd{color:var(--h-good)} .hud .good .sd::before{content:"●"}
  .hud .warn .sd{color:var(--h-warn)} .hud .warn .sd::before{content:"▲"}
  .hud .crit .sd{color:var(--h-crit)} .hud .crit .sd::before{content:"■"}
  .hud .idle .sd{color:var(--h-fa)} .hud .idle .sd::before{content:"○"}
  .hud .hh.warn{border-color:rgba(251,191,36,.38)} .hud .hh.crit{border-color:rgba(248,113,113,.5); background:rgba(248,113,113,.06)}
  .hud .hmeter{height:3px; margin-top:6px; background:rgba(94,224,255,.12); border-radius:2px; overflow:hidden}
  .hud .hmeter i{display:block; height:100%; background:var(--h-cy); border-radius:2px}
  .hud .warn .hmeter i{background:var(--h-warn)} .hud .crit .hmeter i{background:var(--h-crit)}
  /* reactor (fondo) + radares */
  .hud .h-main{display:grid; grid-template-columns:minmax(300px,350px) minmax(0,1fr); gap:10px; margin-top:10px}
  .hud .rx{padding:10px 10px 12px; display:flex; flex-direction:column}
  .hud .rx svg{display:block; width:100%; height:auto}
  .hud .rx .rsg{cursor:pointer; transition:opacity .2s}
  .hud .rx .rsg:hover,.hud .rx .rsg:focus{opacity:.8}
  .hud .rx-core{animation:h-breathe 6s ease-in-out infinite}
  @keyframes h-breathe{0%,100%{opacity:.5}50%{opacity:.95}}
  .hud .rx-ln{font:600 9.5px var(--mono); letter-spacing:1.4px; text-transform:uppercase; fill:var(--h-mu)}
  .hud .rx-lv{font:400 13px var(--sans); fill:var(--h-ink)}
  .hud .rx-lr{font:10px var(--mono); fill:var(--h-fa)}
  .hud .rx-k{font:500 8.5px var(--mono); letter-spacing:1.6px; text-transform:uppercase; fill:var(--h-fa)}
  .hud .rx-v{font:300 25px var(--sans); fill:var(--h-ink); letter-spacing:-.4px}
  .hud .hh .hv small{font-size:11px; color:var(--h-fa); margin-left:2px}
  .hud .rx-stats{display:grid; grid-template-columns:1fr 1fr; gap:10px 12px; margin-top:4px; padding:10px 4px 0; border-top:1px solid var(--h-line)}
  .hud .rx-stats .hn{font:300 19px/1.1 var(--sans); letter-spacing:-.3px; margin-top:4px; white-space:nowrap}
  .hud .rx-stats .hs{font:10.5px/1.35 var(--mono); color:var(--h-mu); margin-top:2px}
  .hud .rx-leg{font:10.5px/1.5 var(--mono); color:var(--h-mu); margin-top:10px}
  .hud .scopes{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px}
  .hud .sc{padding:10px 11px 10px; cursor:pointer; display:flex; flex-direction:column; min-width:0; transition:background .2s,border-color .2s}
  .hud .sc:hover{background:rgba(94,224,255,.04)}
  .hud .sc:hover::after{opacity:.8}
  .hud .sc.on{border-color:var(--h-line2); background:rgba(94,224,255,.055)}
  .hud .sc.on::after{opacity:1}
  .hud .sc-h{display:flex; align-items:center; gap:8px; min-width:0}
  .hud .sc-n{font:600 14px/1 var(--sans); letter-spacing:.4px}
  .hud .sc-tf{font:600 9.5px/1 var(--mono); letter-spacing:1px; color:var(--h-cy); border:1px solid var(--h-line2); border-radius:3px; padding:3px 5px}
  .hud .sc-st{margin-left:auto; display:flex; align-items:center; gap:4px; font:10.5px/1 var(--mono); color:var(--h-mu); white-space:nowrap}
  .hud .sc-sub{font:10.5px/1.4 var(--mono); color:var(--h-fa); margin-top:5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
  .hud .sc-plot{margin:2px -4px 0; aspect-ratio:1/1}
  .hud .sc-plot svg{display:block; width:100%; height:100%; overflow:visible}
  .hud .sc-f{font-size:12px; line-height:1.4; color:var(--h-mu); min-height:34px}
  .hud .sc-f b{color:var(--h-ink); font-weight:600} .hud .sc-f b.am{color:var(--h-am)}
  .hud .sc-pulse{min-height:20px; margin-top:6px}
  .hud .sc-pulse svg{display:block; width:100%; height:20px}
  .hud .sc-m{display:flex; justify-content:space-between; gap:8px; font:10.5px/1.3 var(--mono); color:var(--h-mu); margin-top:6px; padding-top:6px; border-top:1px solid var(--h-line)}
  .hud .sc-m b{color:var(--h-ink); font-weight:500}
  .hud .sc.parked .sc-plot{opacity:.42}
  /* SVG del radar */
  .hud .orb{fill:none; stroke:rgba(94,224,255,.13); stroke-width:1}
  .hud .orb.has{stroke:rgba(94,224,255,.3)}
  .hud .ret{stroke:rgba(94,224,255,.08); stroke-width:1}
  .hud .core{fill:rgba(255,191,85,.08); stroke:rgba(255,191,85,.45); stroke-width:1}
  .hud .bez-t{fill:none; stroke:rgba(94,224,255,.12); stroke-width:3}
  .hud .bez{fill:none; stroke:var(--h-cyd); stroke-width:3; stroke-linecap:round; transition:stroke-dasharray .8s}
  .hud .bez.caliente{stroke:var(--h-am); filter:drop-shadow(0 0 4px rgba(255,191,85,.6))} .hud .bez.frio{stroke:var(--h-cold)}
  .hud .olbl{font:500 7.6px var(--mono); letter-spacing:.6px; text-transform:uppercase; fill:var(--h-fa); text-anchor:middle; dominant-baseline:middle;
    paint-order:stroke; stroke:#060d15; stroke-width:3px; opacity:0; transition:opacity .2s; pointer-events:none}
  .hud .olbl.has,.hud .sc:hover .olbl,.hud .sc.on .olbl{opacity:1}
  .hud .olbl.has{fill:var(--h-mu)}
  .hud .ctr{font:500 8.5px var(--mono); letter-spacing:1.2px; text-transform:uppercase; fill:var(--h-fa); text-anchor:middle}
  .hud .sweep{transform-origin:124px 124px; animation:h-spin linear infinite}
  .hud .sweep path{fill:var(--h-cy)}
  .hud .sweep line{stroke:var(--h-cy); stroke-width:1.2; opacity:.75}
  @keyframes h-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
  .hud .blip{transition:transform 1.1s cubic-bezier(.3,.7,.2,1)}
  .hud .blip .bd{stroke:#060d15; stroke-width:1.6; transition:fill .6s}
  .hud .blip .bh{fill:transparent}
  .hud .blip text{font:500 8px var(--mono); fill:var(--h-mu); dominant-baseline:middle; paint-order:stroke; stroke:#060d15; stroke-width:2.6px}
  .hud .blip.nolbl text{display:none} .hud .blip:hover text,.hud .blip.sel text{display:block; fill:var(--h-ink)}
  .hud .blip.none .bd{fill:none; stroke:rgba(94,224,255,.35); stroke-width:1}
  .hud .blip.sel .bd{stroke:var(--h-ink); stroke-width:1.6}
  .hud .blip .pr{fill:none; stroke:var(--heat4); stroke-width:1.2; opacity:.9}
  .hud .ht0{fill:var(--heat0)} .hud .ht1{fill:var(--heat1)} .hud .ht2{fill:var(--heat2)} .hud .ht3{fill:var(--heat3)} .hud .ht4{fill:var(--heat4)}
  .hud .ht3,.hud .ht4{filter:drop-shadow(0 0 3px rgba(255,191,85,.75))}
  .hud .ping{fill:none; stroke:var(--h-cy); stroke-width:1.2; transform-box:fill-box; transform-origin:center; animation:h-ping 1.3s ease-out forwards; pointer-events:none}
  .hud .ping.hot{stroke:var(--h-am)}
  @keyframes h-ping{from{transform:scale(1); opacity:.95}to{transform:scale(4.2); opacity:0}}
  .hud .pulse-t{fill:rgba(94,224,255,.55)} .hud .pulse-t.sig{fill:var(--h-am)} .hud .pulse-now{stroke:var(--h-ink); stroke-width:1; opacity:.5} .hud .pulse-b{stroke:rgba(94,224,255,.14); stroke-width:1}
  .hud .kp-arc{fill:none; stroke-width:12} .hud .kp-arc.held{stroke:var(--h-cyd)} .hud .kp-arc.cash{stroke:rgba(94,224,255,.1)}
  .hud .kp-lbl{font:500 8px var(--mono); fill:var(--h-mu); paint-order:stroke; stroke:#060d15; stroke-width:2.6px}
  .hud .heat-leg{display:flex; align-items:center; gap:6px 12px; flex-wrap:wrap; font:10.5px var(--mono); color:var(--h-mu); margin:8px 2px 0}
  .hud .heat-leg i{display:inline-block; width:9px; height:9px; border-radius:50%; margin-right:5px; vertical-align:-1px}
  /* embudo animado */
  .hud .fnl{padding:6px 12px 4px}
  .hud .fnl-row{display:grid; grid-template-columns:150px minmax(0,1fr); gap:12px; align-items:center; padding:6px 0; border-bottom:1px solid var(--h-line); cursor:pointer}
  .hud .fnl-row:last-child{border-bottom:none}
  .hud .fnl-row:hover{background:rgba(94,224,255,.03)}
  .hud .fnl-row.on .fnl-n{color:var(--h-cy)}
  .hud .fnl-n{font:600 13px/1.2 var(--sans)}
  .hud .fnl-s{font:10.5px/1.4 var(--mono); color:var(--h-mu); margin-top:2px}
  .hud .fnl svg{display:block; width:100%; height:88px; overflow:visible}
  .hud .band{fill:rgba(94,224,255,.16); stroke:rgba(94,224,255,.45); stroke-width:1}
  .hud .band-x{font:500 8.5px var(--mono); letter-spacing:.5px; text-transform:uppercase; fill:var(--h-fa); text-anchor:middle}
  .hud .band-v{font:500 10px var(--mono); fill:var(--h-mu); text-anchor:middle}
  .hud .band-c{font:600 10px var(--mono); fill:var(--h-mu); text-anchor:middle}
  .hud .band-c.big{fill:var(--h-am)}
  .hud .band-mark{stroke:var(--h-am); stroke-width:1.5}
  .hud .pt{fill:var(--h-cy); animation:h-flow linear infinite; opacity:0}
  .hud .pt.end{fill:var(--heat4)}
  .hud .fnl-row.idle .pt{animation-play-state:paused; opacity:.25}
  @keyframes h-flow{0%{transform:translateX(0); opacity:0}8%{opacity:.95}84%{opacity:.95}100%{transform:translateX(var(--dx)); opacity:0}}
  /* eventos + detalle */
  .hud .h-left{display:flex; flex-direction:column; gap:10px; min-width:0}
  .hud .evs{padding:10px 0 4px; display:flex; flex-direction:column; flex:1 1 0; min-height:260px}
  .hud .evs .hl{padding:0 12px 8px}
  .hud .ev-list{flex:1 1 0; min-height:0; overflow-y:auto; padding:0 6px}
  .hud .ev{display:grid; grid-template-columns:40px 16px minmax(0,1fr); gap:6px; align-items:baseline; padding:6px 6px; border-radius:3px; cursor:default}
  .hud .ev.link{cursor:pointer} .hud .ev.link:hover{background:rgba(94,224,255,.05)}
  .hud .ev-t{font:10.5px var(--mono); color:var(--h-fa)}
  .hud .ev-i{font-size:11px; text-align:center; color:var(--h-cy)}
  .hud .ev b{font-weight:600; font-size:12.5px} .hud .ev .ev-x{display:block; font:11px/1.45 var(--mono); color:var(--h-mu); word-break:break-word}
  .hud .ev.hot .ev-i{color:var(--h-am)} .hud .ev.good .ev-i{color:var(--h-good)} .hud .ev.warn .ev-i{color:var(--h-warn)} .hud .ev.crit .ev-i{color:var(--h-crit)} .hud .ev.info .ev-i{color:var(--h-fa)}
  .hud .ev-day{font:9.5px var(--mono); letter-spacing:1.5px; text-transform:uppercase; color:var(--h-fa); padding:10px 6px 4px}
  .hud .dt{padding:10px 12px 12px; min-width:0}
  .hud .dt-h{display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:8px}
  .hud .dt-h .sc-n{font-size:16px}
  .hud .dt-h .hs{font:11px var(--mono); color:var(--h-mu)}
  .hud .dt-back{background:none; border:1px solid var(--h-line2); border-radius:3px; padding:3px 8px; cursor:pointer; font:11px var(--mono)!important; color:var(--h-cy)!important}
  .hud .dt-back:hover{background:rgba(94,224,255,.08)}
  .hud .dt-tbl{width:100%; border-collapse:collapse; font-size:12px}
  .hud .dt-wrap{max-height:400px; overflow:auto}
  .hud .dt-tbl th{font:500 9.5px var(--mono); letter-spacing:1.2px; text-transform:uppercase; color:var(--h-fa); text-align:left; padding:6px 8px; border-bottom:1px solid var(--h-line); position:sticky; top:0; background:#07101a}
  .hud .dt-tbl td{padding:6px 8px; border-bottom:1px solid rgba(94,224,255,.06); vertical-align:middle; font-variant-numeric:tabular-nums}
  .hud .dt-tbl tr.r{cursor:pointer} .hud .dt-tbl tr.r:hover td,.hud .dt-tbl tr.r:focus td{background:rgba(94,224,255,.05)}
  .hud .dt-tbl td.sy{font:600 12px var(--mono); white-space:nowrap}
  .hud .dt-tbl td.dx{font:11px/1.4 var(--mono); color:var(--h-mu); max-width:260px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
  .hud .dt-tbl td.nm{font:11px var(--mono); color:var(--h-mu); text-align:right; white-space:nowrap}
  .hud .hdot{display:inline-block; width:9px; height:9px; border-radius:50%; margin-right:7px; vertical-align:-1px}
  .hud .hdot.ht0{background:var(--heat0)} .hud .hdot.ht1{background:var(--heat1)} .hud .hdot.ht2{background:var(--heat2)} .hud .hdot.ht3{background:var(--heat3)} .hud .hdot.ht4{background:var(--heat4)} .hud .hdot.none{border:1px solid rgba(94,224,255,.4)}
  .hud .cz{display:inline-flex; gap:2px; vertical-align:middle}
  .hud .cz i{display:block; width:11px; height:7px; border-radius:1.5px; background:rgba(94,224,255,.08)}
  .hud .cz i.ok{background:rgba(94,224,255,.62)} .hud .cz i.ko{background:var(--h-crit)} .hud .cz i.adm{background:var(--h-warn)} .hud .cz i.in{background:var(--heat4)}
  .hud .dt-chart svg{display:block; width:100%}
  .hud .dt-chart .cdl{stroke-width:1}
  .hud .dt-chart .up{fill:#34d399; stroke:#34d399} .hud .dt-chart .dn{fill:#f87171; stroke:#f87171}
  .hud .dt-chart .ax{font:9.5px var(--mono); fill:var(--h-fa)}
  .hud .dt-chart .grid{stroke:rgba(94,224,255,.07)}
  .hud .dt-chart .lv-e{stroke:var(--h-cy); stroke-width:1.2} .hud .dt-chart .lv-s{stroke:var(--h-crit); stroke-width:1.2; stroke-dasharray:4 3} .hud .dt-chart .lv-t{stroke:var(--h-good); stroke-width:1.2; stroke-dasharray:4 3}
  .hud .dt-chart .lv-lbl{font:600 9.5px var(--mono)}
  .hud .dt-chart .xh{stroke:var(--h-ink); stroke-width:1; opacity:.35}
  .hud .dt-leg{display:flex; gap:6px 14px; flex-wrap:wrap; font:10.5px var(--mono); color:var(--h-mu); margin:6px 0 0}
  .hud .dt-leg i{display:inline-block; width:14px; height:0; border-top:2px solid; vertical-align:middle; margin-right:5px}
  .hud .dt-trace{margin-top:10px; font:11.5px/1.75 var(--mono); color:var(--h-mu)}
  .hud .dt-trace .ok{color:var(--h-cy)} .hud .dt-trace .ko{color:var(--h-crit)} .hud .dt-trace .off{color:var(--h-fa); opacity:.75}
  .hud .h-empty{padding:26px 10px; text-align:center; font:12px var(--mono); color:var(--h-fa)}
  /* tooltip + avisos */
  .hud .h-tip{position:absolute; z-index:30; pointer-events:none; max-width:300px; padding:9px 11px; border:1px solid var(--h-line2); border-radius:4px;
    background:#050b12; box-shadow:0 8px 30px rgba(0,0,0,.5); font:11px/1.55 var(--mono); color:var(--h-mu); opacity:0; transition:opacity .12s; overflow-wrap:anywhere}
  .hud .h-tip.show{opacity:1}
  .hud .h-tip b{color:var(--h-ink); font-size:12.5px} .hud .h-tip .v{font:300 18px/1.2 var(--sans); color:var(--h-ink)}
  .hud .h-tip .ok{color:var(--h-cy)} .hud .h-tip .ko{color:var(--h-crit)} .hud .h-tip .off{color:var(--h-fa)}
  .hud .toasts{position:absolute; top:12px; right:12px; z-index:25; display:flex; flex-direction:column; gap:6px; width:min(320px,calc(100% - 24px)); pointer-events:none}
  .hud .toast{pointer-events:auto; display:grid; grid-template-columns:16px minmax(0,1fr); gap:8px; padding:9px 11px; border:1px solid var(--h-line2); border-left:2px solid var(--h-cy);
    border-radius:3px; background:rgba(5,11,18,.95); box-shadow:0 8px 28px rgba(0,0,0,.45); animation:h-toast .35s ease-out}
  .hud .toast.hot{border-left-color:var(--h-am)} .hud .toast.warn{border-left-color:var(--h-warn)} .hud .toast.crit{border-left-color:var(--h-crit)} .hud .toast.good{border-left-color:var(--h-good)}
  .hud .toast b{font-size:12.5px; font-weight:600} .hud .toast span{display:block; font:11px/1.4 var(--mono); color:var(--h-mu)}
  .hud .toast.out{opacity:0; transform:translateX(16px); transition:.4s}
  @keyframes h-toast{from{opacity:0; transform:translateX(24px)}to{opacity:1; transform:none}}
  .hud-live{font:10.5px var(--mono); letter-spacing:1px; color:var(--cyan); margin-left:8px; text-transform:none}
  /* texto crudo plegable */
  details.hud-raw{margin-top:12px; border:1px solid var(--panel-line); border-radius:10px; background:var(--panel)}
  details.hud-raw>summary{cursor:pointer; list-style:none; display:flex; align-items:center; gap:12px; padding:11px 14px; font:12px var(--mono); color:var(--muted)}
  details.hud-raw>summary::-webkit-details-marker{display:none}
  details.hud-raw>summary::before{content:"▸"; color:var(--cyan); transition:transform .15s}
  details.hud-raw[open]>summary::before{transform:rotate(90deg)}
  details.hud-raw>summary:hover{color:var(--ink)}
  details.hud-raw>summary .spacer{flex:1}
  details.hud-raw .log-bar{padding:0 14px}
  details.hud-raw .log-console{border:none; border-top:1px solid var(--panel-line); border-radius:0 0 10px 10px}
  .log-line.lv-metrics .lx{color:var(--cyan)}
  @media (max-width:1180px){ .hud .h-main{grid-template-columns:1fr} .hud .rx{flex-direction:row; flex-wrap:wrap; gap:12px; align-items:center} .hud .rx>svg{width:min(340px,100%); flex:0 0 auto} .hud .rx .rx-side{flex:1; min-width:240px}
    .hud .evs{flex:none; height:380px} }
  @media (max-width:760px){ .hud .scopes{grid-template-columns:repeat(2,minmax(0,1fr))} .hud .fnl-row{grid-template-columns:1fr} }
  @media (max-width:560px){ .hud .hh-row{grid-template-columns:repeat(2,minmax(0,1fr))}
    .hud .dt-sym th:not(:nth-child(1)):not(:nth-child(3)),.hud .dt-sym td:not(:nth-child(1)):not(:nth-child(3)){display:none} .hud .dt-sym td.dx{white-space:normal; max-width:none}
    details.hud-raw>summary{flex-wrap:wrap; row-gap:4px} details.hud-raw>summary .spacer{display:none} details.hud-raw>summary #log-stat{flex-basis:100%; padding-left:22px} }
  @media (max-width:470px){ .hud .scopes{grid-template-columns:1fr} }
  @media (prefers-reduced-motion:reduce){
    .hud .sweep,.hud .rx-core,.hud .ping,.hud .toast{animation:none}
    .hud .pt{display:none} .hud .blip,.hud .bez{transition:none}
  }

/* Recetas Dru: las reglas y sus fuentes acompañan la lectura de la bitácora. */
.dru-guide{padding:14px 18px;border-bottom:1px solid var(--h-line);color:var(--h-ink);font:12px/1.55 var(--sans);max-width:100%;}
.dru-guide>p{margin:7px 0 0;color:var(--h-mu)}
.dru-guide a{color:var(--h-cyan,#53cfe6);text-decoration:underline;text-underline-offset:3px}
.hud #sc-DRU_INTRADAY .sc-h,.hud #sc-DRU_SWING .sc-h{flex-wrap:wrap}
.hud #sc-DRU_INTRADAY .sc-n,.hud #sc-DRU_SWING .sc-n{white-space:nowrap}
.hud #sc-DRU_INTRADAY .sc-st,.hud #sc-DRU_SWING .sc-st{width:100%;margin:3px 0 0}