/* Pantalla de análisis de una acción. Usa los tokens de app.css. */
.bus{display:flex;gap:8px;flex-wrap:wrap}
.bus input{flex:1 1 220px;font-size:17px;padding:11px 14px;text-transform:uppercase}
.ejemplos{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;font-size:13px;color:var(--tx2);align-items:center}
.ejemplos button,.tkb{background:var(--panel2);border:1px solid var(--line);color:var(--tx);border-radius:20px;
  padding:5px 12px;font:inherit;font-size:13px;cursor:pointer}
.ejemplos button:hover,.tkb:hover{border-color:var(--acc)}
.tkb{padding:2px 9px;font-weight:650}

.props{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.prop{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:14px 16px}
.prop b{display:block;margin-bottom:4px}
.prop span{color:var(--tx2);font-size:13.5px}

.cab{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:flex-end}
.cab-t{font-size:24px;font-weight:650;letter-spacing:-.4px}
.cab-t .tk{margin-right:8px}
.cab-n{color:var(--tx2);font-size:16px;font-weight:500}
.cab-s{color:var(--tx3);font-size:13px;margin-top:4px}
.cab-p{text-align:right;font-variant-numeric:tabular-nums}
.cab-p .px{font-size:24px;font-weight:650}
.cab-p .ch{font-size:14px}
.compartir{margin-top:10px;font-size:12.5px;color:var(--tx3);word-break:break-all}

.score{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:14px}
.checks{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.checks li{display:grid;grid-template-columns:22px 1fr auto;gap:10px;align-items:baseline;padding:8px 10px;
  background:var(--panel2);border-radius:8px;font-size:14px}
.checks li i{font-style:normal;font-weight:700;text-align:center}
.checks li.si i{color:var(--good)} .checks li.no i{color:var(--bad)} .checks li.nd i{color:var(--tx3)}
.checks li b{font-weight:600;font-variant-numeric:tabular-nums;text-align:right;color:var(--tx2)}
.checks li.lado{display:block;background:none;padding:10px 0 2px;font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--tx3)}

.grupo{margin-bottom:20px}
.grupo:last-child{margin-bottom:0}
.grupo h3{font-size:15px;margin:0 0 2px}
.grupo .q{color:var(--tx3);font-size:13px;margin:0 0 8px}
td .fx{display:block;color:var(--tx3);font-size:12px}
.ok{color:var(--good)} .ko{color:var(--bad)}
tr.yo td{background:#18233a}
td.nd,span.nd{color:var(--tx3)}
.sub-h{font-size:13px;color:var(--tx2);margin:18px 0 8px;font-weight:600}

/* Gráfico de TradingView (widget oficial, en iframe). Blanco como pidió Franco el 15-09. */
.tv{height:620px;margin-top:6px;border-radius:10px;overflow:hidden;background:#fff;border:1px solid var(--line)}
.tv iframe{width:100%;height:100%;border:0;display:block}
.tv-pie{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:12.5px;color:var(--tx3);margin-top:8px}
.tv-pie a{color:var(--tx2)}
.pest{margin-bottom:8px}
.lw{width:100%;height:100%}
/* Botones que dibujan en el gráfico propio. El puntito es el color con el que se dibuja. */
.niveles{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.niveles button{display:inline-flex;align-items:center;gap:6px;background:var(--panel2);border:1px solid var(--line);border-radius:8px;
  padding:7px 11px;font:inherit;font-size:13px;color:var(--tx);cursor:pointer;font-variant-numeric:tabular-nums}
.niveles b{margin-left:2px}
.ver{display:inline-flex;align-items:center;gap:6px;background:none;border:1px solid var(--line);border-radius:20px;
  padding:3px 10px;margin:2px 6px 2px 0;font:inherit;font-size:12.5px;color:var(--tx2);cursor:pointer}
.niveles button:hover,.ver:hover{border-color:var(--acc)}
.niveles button.on,.ver.on{background:#1b2a44;border-color:var(--acc);color:var(--tx)}
.niveles i,.ver i{display:inline-block;width:10px;height:10px;border-radius:50%}
.c-tendPrim{background:#2962ff} .c-tendSec{background:#00acc1} .c-rota{background:#e91e63} .c-soporte{background:#089981} .c-resistencia{background:#f23645}
.c-fibo{background:#ff6d00} .c-s50{background:#e6a100} .c-s200{background:#9c27b0} .c-max52{background:#787b86}
.c-cruce{background:#089981} .c-diverg{background:#f23645}
@media(max-width:700px){ .tv{height:460px} }

.lect{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px}
.lect li{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:13px 16px}
.lect h3{margin:0 0 6px;font-size:14px}
.lect p{margin:4px 0;font-size:14px;color:var(--tx2)}
.lect p b{color:var(--tx)}

.crit-h{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--tx3);margin:14px 0 6px}
.crit-l{display:grid;gap:8px}
.cr{display:flex;align-items:center;gap:10px;font-size:14px;flex-wrap:wrap}
.cr input[type=number]{width:90px;background:var(--panel2);border:1px solid var(--line);color:var(--tx);border-radius:8px;padding:6px 8px;font:inherit}
.cargando{color:var(--tx3);font-size:14px}

@media(max-width:700px){
  .cab-p{text-align:left}
  .checks li{grid-template-columns:22px 1fr}
  .checks li b{grid-column:2;text-align:left}
}