/* PRO_DOWNSTREAM_WORKSPACE_C2_H1_ANALYSIS_SPLIT_AND_CONTINUOUS_BANDS_20260706
   Professional Systems Builder only.
   - Replaces the expanding Analysis group-card grid with a stable Journey/evidence split.
   - Opens exact table selection in a focused Premium Glass modal.
   - Makes Race Qualification and Runner Selection performance washes continuous across rows.
   Frontend-only; no report calculation, ranking, state or payload changes. */

/* ========================================================================== */
/* ANALYSIS — STABLE 41 / 59 WORKSPACE                                       */
/* ========================================================================== */

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
#proAnalysisSplitWorkspace.pro-analysis-split-workspace {
  display: grid;
  grid-template-columns: minmax(0, 41fr) minmax(0, 59fr);
  align-items: stretch;
  gap: 14px;
  min-width: 0;
  margin-top: 12px;
}

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
.pro-analysis-journey-host,
body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
.pro-analysis-evidence-column {
  min-width: 0;
}

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
.pro-analysis-journey-host > #proCanvasSystemJourney.pro-canvas-system-journey {
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 12px !important;
}

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
.pro-analysis-journey-host #proCanvasSystemJourney .pro-canvas-journey-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-template-rows: repeat(3, minmax(165px, 1fr)) !important;
  gap: 9px !important;
  min-height: 0 !important;
}

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
.pro-analysis-journey-host #proCanvasSystemJourney .pro-canvas-journey-card {
  min-height: 165px !important;
  padding: 13px !important;
}

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
.pro-analysis-journey-host #proCanvasSystemJourney .pro-canvas-journey-card > header strong {
  font-size: 13px !important;
  line-height: 1.16 !important;
}

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
.pro-analysis-journey-host #proCanvasSystemJourney .pro-canvas-journey-card > header span,
body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
.pro-analysis-journey-host #proCanvasSystemJourney .pro-canvas-journey-card > header em {
  font-size: 8.6px !important;
}

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
.pro-analysis-journey-host #proCanvasSystemJourney .pro-canvas-journey-money b {
  font-size: 23px !important;
}

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
.pro-analysis-journey-host #proCanvasSystemJourney .pro-canvas-journey-metrics > span {
  min-height: 38px !important;
  display: grid !important;
  place-items: center !important;
  align-content: center !important;
  padding: 7px 8px !important;
  text-align: center !important;
}

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
.pro-analysis-journey-host #proCanvasSystemJourney .pro-canvas-journey-metrics b {
  font-size: 12px !important;
}

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
.pro-analysis-journey-host #proCanvasSystemJourney .pro-canvas-journey-metrics em {
  font-size: 8px !important;
}

/* ========================================================================== */
/* ANALYSIS — TWO FIXED EVIDENCE PACKAGE CARDS                               */
/* ========================================================================== */

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
.pro-analysis-evidence-column > .report-table-groups-card {
  height: 100%;
  margin: 0 !important;
  padding: 12px !important;
}

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
#reportTableGroupsList {
  display: block !important;
  grid-template-columns: none !important;
}

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
.pro-analysis-package-stack {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  min-width: 0;
}

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
.pro-analysis-package-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(91, 119, 237, .19);
  border-radius: 16px;
  background:
    radial-gradient(circle at 100% 0%, rgba(34, 211, 238, .06), transparent 32%),
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(244,248,255,.86));
  box-shadow: 0 10px 24px rgba(31,48,86,.07), inset 0 1px 0 rgba(255,255,255,.94);
}

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
.pro-analysis-package-card > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 11px 12px 10px;
  border-bottom: 1px solid rgba(91,119,237,.13);
  background: rgba(255,255,255,.58);
}

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
.pro-analysis-package-card > header > div {
  min-width: 0;
}

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
.pro-analysis-package-card > header span {
  color: #466182;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .11em;
  text-transform: uppercase;
}

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
.pro-analysis-package-card > header h3 {
  margin: 3px 0 3px;
  color: #14294f;
  font-size: 14px;
  line-height: 1.12;
}

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
.pro-analysis-package-card > header p {
  margin: 0;
  color: #5f7189;
  font-size: 9px;
  line-height: 1.32;
}

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
.pro-analysis-package-card > header > strong {
  flex: 0 0 auto;
  padding: 5px 8px;
  border-radius: 999px;
  background: rgba(231,253,246,.92);
  color: #087568;
  font-size: 8.5px;
  font-weight: 900;
  white-space: nowrap;
}

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
.pro-analysis-package-rows {
  display: grid;
  grid-template-columns: 1fr;
}

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
.pro-analysis-evidence-row {
  min-width: 0;
  min-height: 39px;
  display: grid;
  grid-template-columns: 17px minmax(0, 1fr) auto 58px;
  align-items: center;
  gap: 9px;
  padding: 7px 9px;
  border-bottom: 1px solid rgba(91,119,237,.10);
  background: rgba(255,255,255,.48);
}

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
.pro-analysis-evidence-row:last-child {
  border-bottom: 0;
}

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
.pro-analysis-evidence-row.is-partial {
  background: rgba(241,245,255,.66);
}

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
.pro-analysis-evidence-row.is-empty {
  background: rgba(248,250,252,.70);
}

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
.pro-analysis-evidence-row .pro-report-group-checkbox {
  width: 15px !important;
  height: 15px !important;
  margin: 0 !important;
}

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
.pro-analysis-evidence-row-copy {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(150px, .72fr) minmax(0, 1.28fr);
  align-items: center;
  gap: 10px;
}

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
.pro-analysis-evidence-row-copy strong {
  color: #17315a;
  font-size: 10.5px;
  font-weight: 900;
  line-height: 1.15;
}

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
.pro-analysis-evidence-row-copy span {
  overflow: hidden;
  color: #60738b;
  font-size: 8.5px;
  font-weight: 650;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
.pro-analysis-evidence-row-status {
  display: flex;
  align-items: center;
  gap: 5px;
}

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
.pro-analysis-evidence-row-status b,
body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
.pro-analysis-evidence-row-status em,
body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
.pro-analysis-required-lock {
  min-width: 38px;
  padding: 4px 6px;
  border-radius: 999px;
  font-size: 7.5px;
  font-style: normal;
  font-weight: 900;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
}

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
.pro-analysis-evidence-row-status b {
  background: rgba(231,253,246,.92);
  color: #087568;
}

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
.pro-analysis-evidence-row-status em {
  background: rgba(235,240,255,.92);
  color: #3654b7;
}

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
.pro-analysis-evidence-row.is-empty .pro-analysis-evidence-row-status b,
body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
.pro-analysis-evidence-row.is-empty .pro-analysis-evidence-row-status em {
  background: rgba(226,232,240,.88);
  color: #64748b;
}

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
.pro-analysis-evidence-row > button {
  min-width: 56px;
  min-height: 27px;
  padding: 5px 9px;
  border: 1px solid rgba(77,103,221,.24);
  border-radius: 9px;
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(235,242,255,.92));
  color: #23498f;
  font-size: 8px;
  font-weight: 900;
  cursor: pointer;
}

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
.pro-analysis-required-lock {
  background: rgba(231,253,246,.92);
  color: #087568;
}

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
.pro-analysis-hidden-table-inputs {
  display: none !important;
}

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
#reportTrainerJockeyNote {
  margin-top: 8px !important;
  font-size: 8.5px !important;
}

/* ========================================================================== */
/* ANALYSIS — EXACT-TABLE MODAL                                               */
/* ========================================================================== */

.pro-report-group-modal[hidden] {
  display: none !important;
}

.pro-report-group-modal {
  position: fixed;
  inset: 0;
  z-index: 2147483646;
  display: grid;
  place-items: center;
  padding: 24px;
}

.pro-report-group-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(15,23,42,.54);
  backdrop-filter: blur(6px);
}

.pro-report-group-modal-panel {
  position: relative;
  width: min(940px, 92vw);
  max-height: min(780px, 88vh);
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  overflow: hidden;
  border: 1px solid rgba(83,170,244,.44);
  border-radius: 20px;
  background:
    radial-gradient(circle at 92% 4%, rgba(34,211,238,.22), transparent 39%),
    radial-gradient(circle at 4% 98%, rgba(147,93,255,.20), transparent 42%),
    linear-gradient(143deg, rgba(5,18,44,.985), rgba(24,53,132,.965) 54%, rgba(62,49,154,.945));
  box-shadow: 0 28px 74px rgba(15,23,42,.36), inset 0 1px 0 rgba(255,255,255,.24);
  color: #fff;
}

.pro-report-group-modal-panel > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: 18px 20px 15px;
  border-bottom: 1px solid rgba(255,255,255,.14);
}

.pro-report-group-modal-panel > header > div {
  min-width: 0;
}

.pro-report-group-modal-panel > header span {
  color: #8de8ff;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.pro-report-group-modal-panel > header h2 {
  margin: 4px 0 5px;
  color: #fff;
  font-size: 22px;
  line-height: 1.08;
}

.pro-report-group-modal-panel > header p {
  max-width: 760px;
  margin: 0;
  color: rgba(226,232,240,.88);
  font-size: 11px;
  line-height: 1.42;
}

.pro-report-group-modal-panel button {
  min-width: 84px;
  min-height: 34px;
  padding: 7px 12px;
  border: 1px solid rgba(255,255,255,.26);
  border-radius: 10px;
  background: rgba(255,255,255,.12);
  color: #fff;
  font-size: 9px;
  font-weight: 900;
  cursor: pointer;
}

.pro-report-group-modal-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 10px 20px;
  border-bottom: 1px solid rgba(255,255,255,.11);
  background: rgba(255,255,255,.07);
}

.pro-report-group-modal-summary strong {
  color: #8ff4cf;
  font-size: 11px;
  font-weight: 900;
}

.pro-report-group-modal-summary span {
  color: rgba(226,232,240,.82);
  font-size: 9px;
}

.pro-report-group-modal-grid {
  min-height: 0;
  overflow: auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
  padding: 16px 20px 18px;
}

.pro-report-group-modal-option {
  min-height: 46px;
  display: grid;
  grid-template-columns: 17px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  padding: 9px 11px;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 11px;
  background: rgba(255,255,255,.10);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}

.pro-report-group-modal-option input {
  width: 16px;
  height: 16px;
}

.pro-report-group-modal-option span {
  color: #f8fbff;
  font-size: 10px;
  font-weight: 760;
  line-height: 1.25;
}

.pro-report-group-modal-panel > footer {
  display: flex;
  justify-content: flex-end;
  padding: 12px 20px 15px;
  border-top: 1px solid rgba(255,255,255,.12);
  background: rgba(5,18,44,.28);
}

body.pro-report-group-modal-open {
  overflow: hidden;
}

/* ========================================================================== */
/* CONTINUOUS P/L PERFORMANCE WASHES                                          */
/* Exact Detailed Analysis green/rose gradients, aligned once across each row. */
/* ========================================================================== */

.pro-race-rules-breakdown-panel .pro-race-breakdown-table-wrap tbody tr.is-band-top > td,
.pro-selection-comparison-table-wrap tbody tr.is-band-top > td {
  background-image: linear-gradient(90deg, rgba(249,253,250,.00) 0%, rgba(220,252,231,.62) 28%, rgba(187,247,208,.84) 100%) !important;
  background-size: var(--pro-downstream-band-span, 100%) 100% !important;
  background-position: var(--pro-downstream-band-offset, 0px) 0 !important;
  background-repeat: no-repeat !important;
}

.pro-race-rules-breakdown-panel .pro-race-breakdown-table-wrap tbody tr.is-band-bottom > td,
.pro-selection-comparison-table-wrap tbody tr.is-band-bottom > td {
  background-image: linear-gradient(90deg, rgba(255,249,250,.00) 0%, rgba(254,226,226,.58) 28%, rgba(251,207,232,.82) 100%) !important;
  background-size: var(--pro-downstream-band-span, 100%) 100% !important;
  background-position: var(--pro-downstream-band-offset, 0px) 0 !important;
  background-repeat: no-repeat !important;
}

/* ========================================================================== */
/* RESPONSIVE                                                                 */
/* ========================================================================== */

@media (max-width: 1500px) {
  body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
  #proAnalysisSplitWorkspace.pro-analysis-split-workspace {
    grid-template-columns: 1fr;
  }

  body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
  .pro-analysis-journey-host #proCanvasSystemJourney .pro-canvas-journey-grid {
    grid-template-rows: repeat(3, minmax(125px, auto)) !important;
  }

  body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
  .pro-analysis-journey-host #proCanvasSystemJourney .pro-canvas-journey-card {
    min-height: 125px !important;
  }
}

@media (max-width: 1050px) {
  .pro-report-group-modal-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
  .pro-analysis-evidence-row-copy {
    grid-template-columns: 1fr;
    gap: 2px;
  }

  body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
  .pro-analysis-evidence-row-copy span {
    white-space: normal;
  }
}

@media (max-width: 760px) {
  .pro-report-group-modal {
    padding: 10px;
  }

  .pro-report-group-modal-panel {
    width: 96vw;
    max-height: 92vh;
  }

  .pro-report-group-modal-grid {
    grid-template-columns: 1fr;
  }

  body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
  .pro-analysis-evidence-row {
    grid-template-columns: 17px minmax(0, 1fr) auto;
  }

  body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
  .pro-analysis-evidence-row > button,
  body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
  .pro-analysis-required-lock {
    grid-column: 2 / -1;
    justify-self: end;
  }
}

@media (prefers-reduced-motion: reduce) {
  .pro-report-group-modal-panel,
  .pro-analysis-evidence-row,
  .pro-analysis-evidence-row > button {
    transition: none !important;
  }
}
