/* RECON V1 tab only. A separate file so the shared style.css -- which every
   other tab depends on -- is not touched. Every selector is namespaced under
   .rv1 or #rv1*, so nothing here can reach DUAL SPOT / FAST / FAST V2. */

.rv1-out {
  border: 1px solid var(--line, #24303f);
  border-radius: 14px;
  padding: 14px 16px;
  background: var(--card, #121821);
  margin-bottom: 12px;
}
.rv1-setup-row {
  display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap;
}
.rv1-setup {
  font-size: 26px; font-weight: 700; letter-spacing: .5px; line-height: 1.1;
}
.rv1-setup.reversal { color: #f0b429; }
.rv1-setup.breakout { color: #4ade80; }
.rv1-setup.pm_lag  { color: #60a5fa; }
.rv1-setup.none    { color: #64748b; }
.rv1-decision {
  font-size: 18px; font-weight: 700; padding: 3px 12px; border-radius: 999px;
}
.rv1-decision.buy  { background: rgba(74,222,128,.15); color: #4ade80; }
.rv1-decision.skip { background: rgba(100,116,139,.15); color: #94a3b8; }
.rv1-side { font-size: 18px; font-weight: 700; }
.rv1-side.up { color: #4ade80; }
.rv1-side.down { color: #f87171; }
.rv1-reason {
  margin: 10px 0 0; font-size: 13px; line-height: 1.45; color: #cbd5e1;
  word-break: break-word;
}
.rv1-probs {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(96px, 1fr));
  gap: 8px; margin-top: 12px;
}
.rv1-probs div { background: rgba(148,163,184,.07); border-radius: 10px; padding: 7px 9px; }
.rv1-probs span { display: block; font-size: 11px; color: #94a3b8; text-transform: uppercase; letter-spacing: .4px; }
.rv1-probs strong { display: block; font-size: 16px; margin-top: 2px; }
.rv1-strong-note { color: #f0b429; font-size: 12px; margin-top: 8px; }

.rv1-grid {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 10px; margin-bottom: 12px;
}
.rv1-card {
  border: 1px solid var(--line, #24303f); border-radius: 12px;
  padding: 11px 13px; background: var(--card, #121821);
}
.rv1-card h3 {
  margin: 0 0 8px; font-size: 11px; letter-spacing: 1px; text-transform: uppercase;
  color: #94a3b8; font-weight: 600;
}
.rv1-rows { display: grid; gap: 4px; }
.rv1-row { display: flex; justify-content: space-between; gap: 10px; font-size: 13px; }
.rv1-row span { color: #94a3b8; }
.rv1-row strong { font-variant-numeric: tabular-nums; font-weight: 600; }
.rv1-pos { color: #4ade80; }
.rv1-neg { color: #f87171; }
.rv1-muted { color: #64748b; }

.rv1-venues { display: grid; gap: 5px; }
.rv1-venue { display: grid; grid-template-columns: 1fr auto auto; gap: 8px; font-size: 12.5px; align-items: center; }
.rv1-venue .rv1-dot { width: 7px; height: 7px; border-radius: 50%; display: inline-block; margin-right: 6px; }
.rv1-venue .rv1-dot.live { background: #4ade80; }
.rv1-venue .rv1-dot.stale { background: #f0b429; }
.rv1-venue .rv1-dot.off { background: #475569; }

.rv1-skips { margin: 8px 0 0; padding-left: 18px; font-size: 12px; color: #94a3b8; }
.rv1-skips li { margin: 2px 0; }
.rv1-health { font-size: 11.5px; color: #64748b; margin-top: 10px; }
.rv1-legacy { margin: 10px 0 14px; }
.rv1-legacy > summary { cursor: pointer; font-size: 12px; color: #64748b; padding: 4px 0; }

@media (max-width: 520px) {
  .rv1-setup { font-size: 22px; }
  .rv1-grid { grid-template-columns: 1fr; }
}