/* Ticker Fight — Individual Fight Page */

.tf-fight-detail__header {
  padding: var(--tf-space-6) 0 var(--tf-space-4);
}
.tf-fight-detail__breadcrumb {
  font-family: var(--tf-font-mono);
  font-size: 12px;
  color: var(--tf-steel);
  margin-bottom: var(--tf-space-4);
}
.tf-fight-detail__breadcrumb a:hover { color: var(--tf-cyan); }

.tf-fight-detail__intro {
  font-size: 15px;
  color: var(--tf-steel);
  max-width: 70ch;
  margin: var(--tf-space-4) 0 0;
}

.tf-fight-detail__chart-wrap {
  background: var(--tf-panel);
  border: 1px solid var(--tf-hairline);
  padding: var(--tf-space-5);
  margin: var(--tf-space-6) 0;
}
.tf-fight-detail__chart-wrap svg { width: 100%; height: 280px; }
.tf-chart-legend {
  display: flex;
  gap: var(--tf-space-5);
  margin-bottom: var(--tf-space-4);
  font-family: var(--tf-font-mono);
  font-size: 12px;
}
.tf-chart-legend__item { display: flex; align-items: center; gap: 6px; }
.tf-chart-legend__swatch { width: 12px; height: 3px; }

.tf-warning-banner {
  background: rgba(255, 67, 91, 0.08);
  border: 1px solid rgba(255, 67, 91, 0.35);
  color: var(--tf-coral);
  padding: var(--tf-space-3) var(--tf-space-4);
  font-size: 13px;
  margin-bottom: var(--tf-space-5);
  display: flex;
  align-items: center;
  gap: var(--tf-space-2);
}

.tf-detail-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--tf-space-3);
  margin: var(--tf-space-5) 0;
}

.tf-source-links {
  font-family: var(--tf-font-mono);
  font-size: 12px;
  color: var(--tf-steel);
}
.tf-source-links a { color: var(--tf-cyan); }

.tf-snapshot-table-wrap {
  overflow-x: auto;
  margin: var(--tf-space-5) 0;
}

.tf-fight-nav {
  display: flex;
  justify-content: space-between;
  gap: var(--tf-space-4);
  margin: var(--tf-space-7) 0;
  padding-top: var(--tf-space-5);
  border-top: 1px solid var(--tf-hairline);
}
.tf-fight-nav__link {
  font-size: 13px;
  color: var(--tf-steel);
  max-width: 45%;
}
.tf-fight-nav__link:hover { color: var(--tf-cyan); }
.tf-fight-nav__link--next { text-align: right; margin-left: auto; }
.tf-fight-nav__dir {
  display: block;
  font-family: var(--tf-font-mono);
  font-size: 10px;
  letter-spacing: 0.08em;
  margin-bottom: 4px;
}

.tf-chart-textual-summary {
  font-size: 13px;
  color: var(--tf-steel);
}