/* PRO_PREVIEW_TODAY_AW_AND_ANALYSIS_BANDS_001_H2
   Independent half-row performance guides for Pro Race Qualification and
   Qualifier Ranking tables only. Qualifier half uses current Primary Result
   backing P/L; negative half uses Lay £1 P/L. */

body[data-workspace-mode="pro_system_builder"]
#quickReportOverlay.pro-canvas-detailed-report
.detail-performance-band-legend {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 12px;
  margin: 8px 16px 4px;
  padding: 8px 10px;
  border: 1px solid rgba(99, 125, 255, .16);
  border-radius: 12px;
  background: rgba(247, 250, 255, .78);
  color: #334155;
  font-size: 12px;
  line-height: 1.35;
}

body[data-workspace-mode="pro_system_builder"]
#quickReportOverlay.pro-canvas-detailed-report
.detail-performance-band-key {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 800;
  white-space: nowrap;
}

body[data-workspace-mode="pro_system_builder"]
#quickReportOverlay.pro-canvas-detailed-report
.detail-performance-band-key i {
  width: 12px;
  height: 12px;
  border-radius: 4px;
  border: 1px solid rgba(15, 23, 42, .10);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .65);
}

body[data-workspace-mode="pro_system_builder"]
#quickReportOverlay.pro-canvas-detailed-report
.detail-performance-band-key.is-top i {
  background: rgba(187, 247, 208, .86);
  border-color: rgba(22, 163, 74, .24);
}

body[data-workspace-mode="pro_system_builder"]
#quickReportOverlay.pro-canvas-detailed-report
.detail-performance-band-key.is-bottom i {
  background: rgba(254, 226, 226, .84);
  border-color: rgba(244, 114, 182, .20);
}

body[data-workspace-mode="pro_system_builder"]
#quickReportOverlay.pro-canvas-detailed-report
.detail-performance-band-note {
  color: #64748b;
}

body[data-workspace-mode="pro_system_builder"]
#quickReportOverlay.pro-canvas-detailed-report
.performance-banded-breakdown-card
.detail-breakdown-table tbody td.detail-performance-band-cell {
  background-image: var(--detail-band-gradient) !important;
  background-size: var(--detail-band-span, 100%) 100% !important;
  background-position: var(--detail-band-offset, 0px) 0 !important;
  background-repeat: no-repeat !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .58), inset 0 -1px 0 rgba(15, 23, 42, .04);
}

body[data-workspace-mode="pro_system_builder"]
#quickReportOverlay.pro-canvas-detailed-report
.performance-banded-breakdown-card
.detail-breakdown-table tbody td.detail-performance-band-positive-top {
  --detail-band-gradient: linear-gradient(90deg, rgba(249, 253, 250, .00) 0%, rgba(220, 252, 231, .62) 28%, rgba(187, 247, 208, .84) 100%);
}

body[data-workspace-mode="pro_system_builder"]
#quickReportOverlay.pro-canvas-detailed-report
.performance-banded-breakdown-card
.detail-breakdown-table tbody td.detail-performance-band-positive-bottom {
  --detail-band-gradient: linear-gradient(90deg, rgba(255, 249, 250, .00) 0%, rgba(254, 226, 226, .58) 28%, rgba(251, 207, 232, .82) 100%);
}

body[data-workspace-mode="pro_system_builder"]
#quickReportOverlay.pro-canvas-detailed-report
.performance-banded-breakdown-card
.detail-breakdown-table tbody td.detail-performance-band-negative-top {
  --detail-band-gradient: linear-gradient(90deg, rgba(249, 253, 250, .00) 0%, rgba(220, 252, 231, .56) 28%, rgba(187, 247, 208, .78) 100%);
}

body[data-workspace-mode="pro_system_builder"]
#quickReportOverlay.pro-canvas-detailed-report
.performance-banded-breakdown-card
.detail-breakdown-table tbody td.detail-performance-band-negative-bottom {
  --detail-band-gradient: linear-gradient(90deg, rgba(255, 249, 250, .00) 0%, rgba(254, 226, 226, .54) 28%, rgba(251, 207, 232, .76) 100%);
}

body[data-workspace-mode="pro_system_builder"]
#quickReportOverlay.pro-canvas-detailed-report
.performance-banded-breakdown-card
.detail-breakdown-table tbody tr td:first-child.detail-performance-band-cell,
body[data-workspace-mode="pro_system_builder"]
#quickReportOverlay.pro-canvas-detailed-report
.performance-banded-breakdown-card
.detail-breakdown-table tbody tr td.detail-cohort-identity {
  background-image: none !important;
  box-shadow: none;
}

@media (max-width: 900px) {
  body[data-workspace-mode="pro_system_builder"]
  #quickReportOverlay.pro-canvas-detailed-report
  .detail-performance-band-legend {
    align-items: flex-start;
  }
  body[data-workspace-mode="pro_system_builder"]
  #quickReportOverlay.pro-canvas-detailed-report
  .detail-performance-band-note {
    flex-basis: 100%;
  }
}