/* Scoped production detail styles for the approved 20-day win-rate template. */
.win-rate-detail-root .win-rate-realtime-grid .formal-sort-column,
.win-rate-detail-root .win-rate-realtime-grid .condition-group {
  align-content: center;
  justify-items: start;
  text-align: left;
}
.win-rate-detail-root .win-rate-realtime-values { margin-bottom: 0; }
.win-rate-detail-root .win-rate-daily-table { min-width: 1260px; }
.win-rate-detail-root .win-rate-daily-table th:last-child,
.win-rate-detail-root .win-rate-daily-table td:last-child {
  min-width: 280px;
  white-space: normal;
}
.win-rate-detail-root .win-rate-annual-table { min-width: 1120px; }
.win-rate-detail-root .win-rate-trades-table { min-width: 720px; }

@media (max-width: 760px) {
  /* Eight columns scroll inside the card, unlike the shared five-column table. */
  .win-rate-detail-root .annual-scroll {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }
  .win-rate-detail-root .annual-scroll::before {
    content: "左右滑动查看完整统计";
    display: block;
    padding: 0 12px 8px;
    color: var(--muted);
    font-size: 10.5px;
    line-height: 1.4;
    text-align: right;
  }
  .win-rate-detail-root .win-rate-annual-table {
    min-width: 760px;
    width: 100%;
    table-layout: auto;
  }
  .win-rate-detail-root .win-rate-annual-table th {
    width: auto;
  }
  .win-rate-detail-root .win-rate-annual-table th,
  .win-rate-detail-root .win-rate-annual-table td {
    padding: 12px 8px;
    white-space: nowrap;
  }
}