/* Independent strategy rows: long names wrap; all ten columns fit the panel. */
.strategy-leaderboard-panel .table-scroll { overflow: visible; }
.strategy-leaderboard-panel .leaderboard-table {
  width: 100%; min-width: 0; table-layout: fixed;
}
.strategy-leaderboard-panel .leaderboard-table th:nth-child(1) { width: 8%; }
.strategy-leaderboard-panel .leaderboard-table th:nth-child(2) { width: 26%; }
.strategy-leaderboard-panel .leaderboard-table th:nth-child(3) { width: 7%; }
.strategy-leaderboard-panel .leaderboard-table th:nth-child(4) { width: 7%; }
.strategy-leaderboard-panel .leaderboard-table th:nth-child(5) { width: 9%; }
.strategy-leaderboard-panel .leaderboard-table th:nth-child(6) { width: 8%; }
.strategy-leaderboard-panel .leaderboard-table th:nth-child(7) { width: 6%; }
.strategy-leaderboard-panel .leaderboard-table th:nth-child(8) { width: 8%; }
.strategy-leaderboard-panel .leaderboard-table th:nth-child(9) { width: 8%; }
.strategy-leaderboard-panel .leaderboard-table th:nth-child(10) { width: 13%; }
.strategy-leaderboard-panel .leaderboard-table th {
  padding: 12px 10px; white-space: normal; overflow-wrap: anywhere;
  font-size: 10px; line-height: 1.4; letter-spacing: .065em;
}
.strategy-leaderboard-panel .leaderboard-table td {
  padding: 13px 10px; vertical-align: middle; height: auto;
  font-size: 12px; line-height: 1.5; white-space: normal;
  overflow-wrap: anywhere; font-variant-numeric: tabular-nums;
}
.strategy-leaderboard-panel .leaderboard-table td:nth-child(2) b {
  display: block; min-width: 0; padding-right: 10px;
  font-size: 13px; line-height: 1.5; white-space: normal;
  overflow-wrap: anywhere; word-break: normal;
}
.strategy-leaderboard-panel .leaderboard-table th:nth-child(n+4):nth-child(-n+9),
.strategy-leaderboard-panel .leaderboard-table td:nth-child(n+4):nth-child(-n+9) { text-align: right; }
.strategy-leaderboard-panel .strategy-score { font-size: 14px; }
.strategy-leaderboard-panel .rank-badge,
.strategy-leaderboard-panel .status-badge {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 24px; height: auto; min-width: 0; padding: 3px 6px;
  max-width: 100%; box-sizing: border-box;
  font-size: 9px; line-height: 1.4; letter-spacing: .03em;
  white-space: normal; overflow-wrap: anywhere;
}
.strategy-leaderboard-panel .updated-at { display: flex; align-items: flex-start; gap: 5px; white-space: normal; font-size: 10px; line-height: 1.5; }
.strategy-leaderboard-panel .updated-at svg { flex-shrink: 0; margin-top: 1px; }
.strategy-leaderboard-panel .score-threshold { font-size: 10px; white-space: nowrap; }
.strategy-leaderboard-panel .leaderboard-table tbody tr:hover { background: color-mix(in srgb, var(--accent, #159766) 4%, var(--panel, #fff)); }

/* Narrow screens: one strategy per compact card, with labelled metric cells. */
@media (max-width: 1100px) {
  .strategy-leaderboard-panel .leaderboard-table,
  .strategy-leaderboard-panel .leaderboard-table tbody { display: block; }
  .strategy-leaderboard-panel .leaderboard-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .strategy-leaderboard-panel .leaderboard-table tbody { padding: 10px; }
  .strategy-leaderboard-panel .leaderboard-table tr {
    display: grid; grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 10px 12px; margin-bottom: 10px; padding: 12px;
    border: 1px solid var(--border, #d7dfe1); background: var(--panel, #fff);
  }
  .strategy-leaderboard-panel .leaderboard-table tr:last-child { margin-bottom: 0; }
  .strategy-leaderboard-panel .leaderboard-table td { display: block; min-width: 0; padding: 0; border: 0; text-align: left !important; }
  .strategy-leaderboard-panel .leaderboard-table td:nth-child(1) { grid-column: 1 / 4; grid-row: 1; }
  .strategy-leaderboard-panel .leaderboard-table td:nth-child(3) { grid-column: 4 / -1; grid-row: 1; justify-self: end; }
  .strategy-leaderboard-panel .leaderboard-table td:nth-child(2) { grid-column: 1 / -1; grid-row: 2; padding-bottom: 8px; border-bottom: 1px solid var(--border, #d7dfe1); }
  .strategy-leaderboard-panel .leaderboard-table td:nth-child(10) { grid-column: 1 / -1; display: flex; gap: 8px; align-items: baseline; }
  .strategy-leaderboard-panel .leaderboard-table td:nth-child(n+4)::before {
    display: block; color: var(--faint, #68737c); font: 600 9px/1.5 var(--font-data, monospace); letter-spacing: .05em; margin-bottom: 3px;
  }
  .strategy-leaderboard-panel .leaderboard-table td:nth-child(4)::before { content: "SCORE"; }
  .strategy-leaderboard-panel .leaderboard-table td:nth-child(5)::before { content: "SETTLED"; }
  .strategy-leaderboard-panel .leaderboard-table td:nth-child(6)::before { content: "ROI"; }
  .strategy-leaderboard-panel .leaderboard-table td:nth-child(7)::before { content: "PF"; }
  .strategy-leaderboard-panel .leaderboard-table td:nth-child(8)::before { content: "WIN RATE"; }
  .strategy-leaderboard-panel .leaderboard-table td:nth-child(9)::before { content: "MAX DD"; }
  .strategy-leaderboard-panel .leaderboard-table td:nth-child(10)::before { content: "UPDATED"; }
  .strategy-leaderboard-panel .leaderboard-table td[colspan] { grid-column: 1 / -1; }
}
@media (max-width: 600px) {
  .strategy-leaderboard-panel .leaderboard-table tr { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .strategy-leaderboard-panel .leaderboard-table td:nth-child(1) { grid-column: 1 / 3; }
  .strategy-leaderboard-panel .leaderboard-table td:nth-child(3) { grid-column: 3; }
  .strategy-leaderboard-panel .panel-heading { padding: 14px 12px; }
  .strategy-leaderboard-panel .panel-heading h2 { font-size: 14px; }
  .strategy-leaderboard-panel .panel-heading p { font-size: 9px; line-height: 1.5; white-space: normal; }
}