/* Read-only Reversal Diagnostics. Everything is scoped to this new stock-show module. */
.reversal-diagnostics {
  --rd-ink: #16243a;
  --rd-muted: #64748b;
  --rd-faint: #94a3b8;
  --rd-stroke: #dfe6ed;
  --rd-cyan: #0ea5e9;
  --rd-green: #10b981;
  --rd-red: #f43f5e;
  --rd-amber: #f59e0b;
  --rd-purple: #7c3aed;
  --rd-price: #06b6d4;
  margin: 24px 0;
  overflow: hidden;
  color: var(--rd-ink);
  border: 1px solid var(--rd-stroke);
  border-radius: 14px;
  background: #fff;
  font-family: inherit;
}
.reversal-diagnostics *, .reversal-diagnostics *::before, .reversal-diagnostics *::after { box-sizing: border-box; }
.reversal-diagnostics button, .reversal-diagnostics input { font: inherit; }
.reversal-diagnostics button:focus-visible,
.reversal-diagnostics summary:focus-visible,
.reversal-diagnostics input:focus-visible,
.reversal-diagnostics svg:focus-visible { outline: 2px solid #0ea5e9; outline-offset: 3px; }
.reversal-diagnostics [hidden] { display: none !important; }
.reversal-diagnostics .rd-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  padding: 22px 24px 20px;
  border-bottom: 1px solid var(--rd-stroke);
}
.reversal-diagnostics .rd-header__text { min-width: 0; }
.reversal-diagnostics .rd-eyebrow {
  margin: 0 0 8px;
  color: #0284c7;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .105em;
  text-transform: uppercase;
}
.reversal-diagnostics .rd-header h2 {
  margin: 0;
  color: #101e33;
  font-size: clamp(21px, 2.5vw, 27px);
  font-weight: 770;
  letter-spacing: -.035em;
  line-height: 1.2;
}
.reversal-diagnostics .rd-header__text > p:last-child {
  max-width: 780px;
  margin: 8px 0 0;
  color: var(--rd-muted);
  font-size: 11px;
  line-height: 1.6;
}
.reversal-diagnostics .rd-data-tag {
  display: grid;
  flex: 0 0 auto;
  gap: 5px;
  min-width: 185px;
  padding: 10px 12px;
  border: 1px solid #dce8ee;
  border-radius: 9px;
  background: #f9fcfd;
}
.reversal-diagnostics .rd-data-tag span,
.reversal-diagnostics .rd-context__label,
.reversal-diagnostics .rd-panel__readings span {
  display: block;
  color: #728398;
  font-size: 8px;
  font-weight: 850;
  letter-spacing: .075em;
  text-transform: uppercase;
}
.reversal-diagnostics .rd-data-tag strong { color: #213c50; font-size: 11px; font-weight: 760; }
.reversal-diagnostics .rd-data-tag small { color: var(--rd-muted); font-size: 9px; font-variant-numeric: tabular-nums; }
.reversal-diagnostics .rd-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
  padding: 12px 24px;
  border-bottom: 1px solid #eaf0f4;
  background: #fbfcfd;
}
.reversal-diagnostics .rd-toolbar__ranges { display: flex; align-items: center; gap: 5px; flex-wrap: wrap; }
.reversal-diagnostics .rd-toolbar__ranges > span { margin-right: 7px; color: #78899c; font-size: 9px; font-weight: 850; letter-spacing: .07em; }
.reversal-diagnostics .rd-toolbar__ranges button,
.reversal-diagnostics .rd-export {
  min-width: 43px;
  min-height: 30px;
  padding: 6px 9px;
  border: 1px solid #dbe4ec;
  border-radius: 7px;
  background: #fff;
  color: #586a80;
  font-size: 10px;
  font-weight: 750;
  cursor: pointer;
  transition: background .13s, border-color .13s, color .13s;
}
.reversal-diagnostics .rd-toolbar__ranges button:hover,
.reversal-diagnostics .rd-export:hover { border-color: #7dd3fc; color: #0369a1; background: #eefaff; }
.reversal-diagnostics .rd-toolbar__ranges button[aria-pressed="true"] { border-color: #7dd3fc; background: #ecfeff; color: #0369a1; }
.reversal-diagnostics .rd-export { display: inline-flex; align-items: center; gap: 7px; min-height: 32px; padding-inline: 11px; }
.reversal-diagnostics .rd-export span { font-size: 13px; font-weight: 700; }
.reversal-diagnostics .rd-context {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  padding: 12px 24px;
  border-bottom: 1px solid #eaf0f4;
}
.reversal-diagnostics .rd-context > div { min-width: 0; padding: 4px 15px; border-right: 1px solid #e5ebf1; }
.reversal-diagnostics .rd-context > div:first-child { padding-left: 0; }
.reversal-diagnostics .rd-context > div:last-child { padding-right: 0; border-right: 0; }
.reversal-diagnostics .rd-context strong {
  display: block;
  margin-top: 6px;
  overflow-wrap: anywhere;
  color: #1d344b;
  font-size: 14px;
  font-weight: 760;
  font-variant-numeric: tabular-nums;
}
.reversal-diagnostics .rd-scrubber {
  display: grid;
  grid-template-columns: minmax(200px, auto) minmax(80px, 1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 11px 24px;
  border-bottom: 1px solid #eaf0f4;
  background: #fdfefe;
}
.reversal-diagnostics .rd-scrubber label { color: #344b63; font-size: 10px; font-weight: 760; }
.reversal-diagnostics .rd-scrubber label small { display: block; margin-top: 4px; color: #8795a6; font-size: 9px; font-weight: 450; line-height: 1.4; }
.reversal-diagnostics .rd-scrubber input { width: 100%; min-width: 0; accent-color: #087fa7; cursor: pointer; }
.reversal-diagnostics .rd-scrubber output { color: #6d7f94; font-size: 9px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.reversal-diagnostics .rd-panels { display: grid; gap: 12px; padding: 14px 24px 21px; }
.reversal-diagnostics .rd-panel {
  min-width: 0;
  overflow: hidden;
  border: 1px solid #dce5ee;
  border-radius: 12px;
  background: #fff;
}
.reversal-diagnostics .rd-panel--kalman { --rd-panel-accent: #0ea5e9; }
.reversal-diagnostics .rd-panel--bayesian { --rd-panel-accent: #7c3aed; }
.reversal-diagnostics .rd-panel--cusum { --rd-panel-accent: #10b981; }
.reversal-diagnostics .rd-panel__topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 14px;
  border-bottom: 1px solid #edf1f5;
  background: #fbfcfd;
}
.reversal-diagnostics .rd-index { color: var(--rd-panel-accent); font-size: 9px; font-weight: 900; letter-spacing: .10em; }
.reversal-diagnostics .rd-method { color: #8795a6; font-size: 9px; font-weight: 670; }
.reversal-diagnostics .rd-panel__title { padding: 13px 15px 12px; }
.reversal-diagnostics .rd-panel__title h3 { margin: 0; color: #15283f; font-size: 16px; font-weight: 760; letter-spacing: -.02em; }
.reversal-diagnostics .rd-panel__title p { margin: 5px 0 0; color: var(--rd-muted); font-size: 10px; line-height: 1.5; }
.reversal-diagnostics .rd-panel__readings {
  display: grid;
  grid-template-columns: minmax(130px, .85fr) minmax(130px, .85fr) minmax(190px, 1.8fr);
  gap: 8px;
  margin: 0 15px 12px;
}
.reversal-diagnostics .rd-panel__readings > div { min-width: 0; padding: 10px 12px; border: 1px solid #e3eaf1; border-radius: 8px; background: #fbfcfe; }
.reversal-diagnostics .rd-panel__readings strong {
  display: block;
  margin-top: 5px;
  color: #1d344b;
  font-size: 17px;
  font-weight: 760;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}
.reversal-diagnostics .rd-panel__readings small { display: block; margin-top: 4px; color: #7e8c9d; font-size: 9px; line-height: 1.4; }
.reversal-diagnostics .rd-panel__readings .rd-state { font-size: 12px; line-height: 1.35; }
.reversal-diagnostics .rd-panel__readings strong.rd-positive { color: var(--rd-green); }
.reversal-diagnostics .rd-panel__readings strong.rd-negative { color: var(--rd-red); }
.reversal-diagnostics .rd-panel__readings strong.rd-warning { color: var(--rd-amber); }
.reversal-diagnostics .rd-chart-stack { position: relative; margin: 0 10px 0; }
.reversal-diagnostics .rd-price-strip { margin-bottom: 8px; padding: 8px 10px 6px; border: 1px solid #e8edf3; border-radius: 8px; background: linear-gradient(180deg, #fbfeff 0%, #f6fbff 100%); }
.reversal-diagnostics .rd-price-strip__meta { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin-bottom: 5px; }
.reversal-diagnostics .rd-price-strip__meta span { color: #52657c; font-size: 9px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.reversal-diagnostics .rd-price-strip__meta small { color: #7b8ca0; font-size: 9px; }
.reversal-diagnostics .rd-price-strip__chart { height: 72px; }
.reversal-diagnostics .rd-price-strip__chart svg { display: block; width: 100%; height: 100%; cursor: crosshair; touch-action: pan-y; overflow: hidden; }
.reversal-diagnostics .rd-price-strip__chart svg text { fill: #7f90a2; font-size: 9px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; user-select: none; pointer-events: none; }
.reversal-diagnostics .rd-svg-wrap { height: 352px; min-width: 0; border: 1px solid #e8edf3; border-radius: 8px; background: linear-gradient(180deg, #fdfeff 0%, #fbfdff 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,.9); }
.reversal-diagnostics .rd-svg-wrap svg { display: block; width: 100%; height: 100%; cursor: crosshair; touch-action: pan-y; overflow: hidden; }
.reversal-diagnostics .rd-svg-wrap svg text { fill: #8a9aab; font-size: 10px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; user-select: none; pointer-events: none; }
.reversal-diagnostics .rd-svg-wrap svg .rd-grid-line { stroke: #e5edf4; stroke-width: 1; shape-rendering: crispEdges; }
.reversal-diagnostics .rd-svg-wrap svg .rd-zero-line { stroke: #9fb0c2; stroke-width: 1; stroke-dasharray: 4 4; }
.reversal-diagnostics .rd-svg-wrap svg .rd-guide-line { stroke: #f59e0b; stroke-width: 1.15; stroke-dasharray: 5 5; }
.reversal-diagnostics .rd-svg-wrap svg .rd-focus-band { fill: rgba(124, 58, 237, 0.06); }
.reversal-diagnostics .rd-svg-wrap svg .rd-break-line { stroke: rgba(124, 58, 237, 0.38); stroke-width: 1.2; stroke-dasharray: 3 4; }
.reversal-diagnostics .rd-svg-wrap svg .rd-break-label { fill: #7c3aed; font-size: 9px; font-weight: 800; }
.reversal-diagnostics .rd-svg-wrap svg .rd-kalman-band { fill: rgba(14, 165, 233, 0.12); stroke: none; }
.reversal-diagnostics .rd-svg-wrap svg .rd-bayesian-area { fill: rgba(124, 58, 237, 0.11); stroke: none; }
.reversal-diagnostics .rd-svg-wrap svg .rd-live-divider { stroke: #f59e0b; stroke-width: 2; stroke-dasharray: 4 4; vector-effect: non-scaling-stroke; }
.reversal-diagnostics .rd-svg-wrap svg .rd-live-label { fill: #b45309; font-size: 10px; font-weight: 850; }
.reversal-diagnostics .rd-svg-wrap svg .rd-subnote { fill: #8a9aab; font-size: 9px; }
.reversal-diagnostics .rd-overlay-line { stroke: #334155; stroke-width: 1; stroke-opacity: .72; stroke-dasharray: 3 4; }
.reversal-diagnostics .rd-overlay-dot { stroke: #fff; stroke-width: 2; }
.reversal-diagnostics .rd-overlay-dot--kalman { fill: #0ea5e9; }
.reversal-diagnostics .rd-overlay-dot--bayesian { fill: #7c3aed; }
.reversal-diagnostics .rd-overlay-dot--cusum,
.reversal-diagnostics .rd-overlay-dot--positive { fill: #10b981; }
.reversal-diagnostics .rd-overlay-dot--negative { fill: #f43f5e; }
.reversal-diagnostics .rd-overlay-dot--price { fill: #06b6d4; }
.reversal-diagnostics .rd-price-grid { stroke: #dbe8f1; stroke-width: 1; shape-rendering: crispEdges; }
.reversal-diagnostics .rd-price-area { fill: rgba(6, 182, 212, 0.12); stroke: none; }
.reversal-diagnostics .rd-price-line { fill: none; stroke: #06b6d4; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.reversal-diagnostics .rd-price-axis { fill: #7f90a2; font-size: 9px; }
.reversal-diagnostics .rd-price-caption { fill: #4c637b; font-size: 9px; font-weight: 800; }
.reversal-diagnostics .rd-legend { display: flex; align-items: center; flex-wrap: wrap; gap: 7px 16px; padding: 9px 15px 5px; color: #65758a; font-size: 9px; }
.reversal-diagnostics .rd-legend > span { display: inline-flex; align-items: center; gap: 6px; }
.reversal-diagnostics .rd-key { display: inline-block; width: 18px; height: 3px; border-radius: 2px; background: #789; }
.reversal-diagnostics .rd-key--blue { background: #0ea5e9; }
.reversal-diagnostics .rd-key--green { background: #10b981; }
.reversal-diagnostics .rd-key--red { background: #f43f5e; }
.reversal-diagnostics .rd-key--interval { height: 9px; background: rgba(14, 165, 233, .14); border: 1px solid rgba(14, 165, 233, .28); }
.reversal-diagnostics .rd-key--bars { height: 9px; width: 13px; background: #95a8bb; }
.reversal-diagnostics .rd-key--dashed { height: 0; border-top: 2px dashed #f59e0b; background: transparent; }
.reversal-diagnostics .rd-panel__foot { margin: 3px 15px 13px; color: #75859a; font-size: 9px; line-height: 1.6; }
.reversal-diagnostics .rd-methodology { border-top: 1px solid var(--rd-stroke); background: #fafcfd; }
.reversal-diagnostics .rd-methodology > summary { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 15px 24px; cursor: pointer; color: #2a415a; font-size: 11px; font-weight: 780; list-style: none; }
.reversal-diagnostics .rd-methodology > summary::-webkit-details-marker { display: none; }
.reversal-diagnostics .rd-methodology > summary:hover { background: #f3f8fb; }
.reversal-diagnostics .rd-methodology > summary > span { color: #8493a5; font-size: 9px; font-weight: 650; }
.reversal-diagnostics .rd-methodology[open] summary { border-bottom: 1px solid var(--rd-stroke); }
.reversal-diagnostics .rd-methodology__content { padding: 15px 24px 22px; color: #5c7086; font-size: 10px; line-height: 1.75; }
.reversal-diagnostics .rd-methodology__content p { margin: 0 0 13px; }
.reversal-diagnostics .rd-methodology__content strong { color: #314961; }
.reversal-diagnostics .rd-methodology__content dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin: 12px 0; }
.reversal-diagnostics .rd-methodology__content dl > div { padding: 10px 12px; border: 1px solid #e1e8ef; border-radius: 8px; background: #fff; }
.reversal-diagnostics .rd-methodology__content dt { color: #254159; font-weight: 780; }
.reversal-diagnostics .rd-methodology__content dd { margin: 4px 0 0; color: #6c7f93; overflow-wrap: anywhere; }
.reversal-diagnostics .rd-empty { padding: 22px 24px; }
.reversal-diagnostics .rd-empty strong { color: #253e58; font-size: 13px; }
.reversal-diagnostics .rd-empty p { max-width: 740px; margin: 7px 0 0; color: #667587; font-size: 11px; line-height: 1.6; }


.reversal-diagnostics .rd-chart-tooltip {
  position: absolute;
  z-index: 10;
  min-width: 220px;
  max-width: 280px;
  padding: 10px 12px;
  border: 1px solid #dbe6f0;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.12);
  backdrop-filter: blur(4px);
  pointer-events: none;
}
.reversal-diagnostics .rd-chart-tooltip__eyebrow {
  color: #4f46e5;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .05em;
  text-transform: uppercase;
}
.reversal-diagnostics .rd-chart-tooltip__badge {
  display: inline-block;
  margin-left: 6px;
  padding: 2px 5px;
  border-radius: 999px;
  background: #fff7ed;
  color: #b45309;
  font-size: 8px;
  font-weight: 800;
}
.reversal-diagnostics .rd-chart-tooltip__price {
  margin-top: 4px;
  color: #10243d;
  font-size: 13px;
  font-weight: 780;
}
.reversal-diagnostics .rd-chart-tooltip__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px 12px;
  margin-top: 10px;
}
.reversal-diagnostics .rd-chart-tooltip__grid > div {
  min-width: 0;
}
.reversal-diagnostics .rd-chart-tooltip__grid span {
  display: block;
  color: #7b8ca0;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.reversal-diagnostics .rd-chart-tooltip__grid strong {
  display: block;
  margin-top: 3px;
  color: #16243a;
  font-size: 11px;
  font-weight: 760;
  line-height: 1.4;
}
.reversal-diagnostics .rd-chart-tooltip__wide {
  grid-column: 1 / -1;
}

@media (max-width: 900px) {
  .reversal-diagnostics .rd-header { flex-direction: column; }
  .reversal-diagnostics .rd-data-tag { width: 100%; }
  .reversal-diagnostics .rd-context { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 0; }
  .reversal-diagnostics .rd-context > div:nth-child(2) { border-right: 0; }
  .reversal-diagnostics .rd-context > div:nth-child(3) { padding-left: 0; }
  .reversal-diagnostics .rd-scrubber { grid-template-columns: minmax(0, 1fr) auto; }
  .reversal-diagnostics .rd-scrubber label { grid-column: 1 / -1; }
  .reversal-diagnostics .rd-scrubber output { text-align: right; }
}
@media (max-width: 640px) {
  .reversal-diagnostics { margin-block: 16px; border-radius: 11px; }
  .reversal-diagnostics .rd-header { gap: 14px; padding: 17px 14px; }
  .reversal-diagnostics .rd-toolbar, .reversal-diagnostics .rd-context { padding: 11px 14px; }
  .reversal-diagnostics .rd-toolbar__ranges { width: 100%; }
  .reversal-diagnostics .rd-toolbar__ranges > span { width: 100%; }
  .reversal-diagnostics .rd-toolbar__ranges button { flex: 1; min-height: 34px; }
  .reversal-diagnostics .rd-export { width: 100%; justify-content: center; }
  .reversal-diagnostics .rd-context > div { padding-left: 10px; padding-right: 8px; }
  .reversal-diagnostics .rd-context strong { font-size: 12px; }
  .reversal-diagnostics .rd-scrubber { padding: 11px 14px; grid-template-columns: 1fr; gap: 8px; }
  .reversal-diagnostics .rd-scrubber output { text-align: left; }
  .reversal-diagnostics .rd-panels { gap: 12px; padding: 12px 9px 16px; }
  .reversal-diagnostics .rd-panel__title { padding: 12px; }
  .reversal-diagnostics .rd-panel__readings { grid-template-columns: 1fr 1fr; margin: 0 9px 10px; gap: 6px; }
  .reversal-diagnostics .rd-panel__readings > div { padding: 9px; }
  .reversal-diagnostics .rd-panel__readings--wide { grid-column: 1 / -1; }
  .reversal-diagnostics .rd-panel__readings strong { font-size: 14px; }
  .reversal-diagnostics .rd-chart-stack { margin-inline: 4px; }
  .reversal-diagnostics .rd-price-strip { padding: 8px; }
  .reversal-diagnostics .rd-svg-wrap { height: 330px; }
  .reversal-diagnostics .rd-legend { padding: 8px 10px; }
  .reversal-diagnostics .rd-panel__foot { margin: 0 10px 13px; }
  .reversal-diagnostics .rd-methodology > summary { padding: 14px; align-items: flex-start; }
  .reversal-diagnostics .rd-methodology__content { padding: 14px; }
  .reversal-diagnostics .rd-methodology__content dl { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  .reversal-diagnostics .rd-toolbar__ranges button, .reversal-diagnostics .rd-export { transition: none; }
}


/* Current-session provisional status. Scoped; official daily history is unchanged. */
.reversal-diagnostics .rd-data-tag--provisional { border-color: #a6edbd; background: #f3fff8; }
.reversal-diagnostics .rd-data-tag--provisional strong { color: #008f4c; }
.reversal-diagnostics .rd-data-tag__live { color: #008f4c !important; font-weight: 800; }
.reversal-diagnostics .rd-data-tag__delayed { color: #a16207 !important; font-weight: 750; }
.reversal-diagnostics .rd-toolbar__actions { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 7px; }
.reversal-diagnostics .rd-export--refresh { border-color: #a6edbd; background: #f3fff8; color: #008f4c; }
.reversal-diagnostics .rd-export--refresh:hover { border-color: #00c853; background: #e5ffef; color: #006d2f; }
.reversal-diagnostics .rd-live-notice {
  display: flex; align-items: flex-start; gap: 11px; padding: 11px 24px;
  border-bottom: 1px solid #cfefdc; background: #f4fff9; color: #285c43;
}
.reversal-diagnostics .rd-live-notice--waiting { border-bottom-color: #f5e5c4; background: #fffcf4; color: #826229; }
.reversal-diagnostics .rd-live-notice__dot { flex: 0 0 8px; width: 8px; height: 8px; margin-top: 5px; border-radius: 50%; background: #00c853; box-shadow: 0 0 0 3px #00c85315; }
.reversal-diagnostics .rd-live-notice--waiting .rd-live-notice__dot { background: #ff9100; box-shadow: 0 0 0 3px #ff910015; }
.reversal-diagnostics .rd-live-notice > div { display: grid; gap: 3px; min-width: 0; }
.reversal-diagnostics .rd-live-notice strong { font-size: 11px; font-weight: 800; }
.reversal-diagnostics .rd-live-notice span:not(.rd-live-notice__dot) { font-size: 10px; line-height: 1.55; }
.reversal-diagnostics .rd-live-notice em { font-style: normal; font-weight: 780; }
@media (max-width: 640px) {
  .reversal-diagnostics .rd-live-notice { padding: 11px 13px; }
  .reversal-diagnostics .rd-toolbar__actions { width: 100%; }
  .reversal-diagnostics .rd-toolbar__actions button { flex: 1 1 auto; justify-content: center; }
}