/* PRO_DOWNSTREAM_WORKSPACE_C2_20260706
   Analysis Builder, Race Qualification comparison bands and Runner Selection
   four-table qualifier-ranking comparison. Frontend-only, component-scoped. */

/* ========================================================================== */
/* STAGE 7 — ANALYSIS BUILDER COMMAND DECK                                    */
/* ========================================================================== */
body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
#proCanvasStageIntro {
  grid-template-columns: minmax(0, 1fr) minmax(540px, .88fr) !important;
  gap: 10px 16px !important;
  padding: 12px 14px !important;
}

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
#proCanvasStageIntro .pro-canvas-stage-actions.is-analysis-stage {
  grid-template-columns: minmax(110px, .56fr) minmax(230px, 1.15fr) minmax(210px, .9fr) !important;
  align-items: stretch !important;
  gap: 8px !important;
}

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
.pro-analysis-command-summary {
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2px;
  padding: 7px 11px;
  border: 1px solid rgba(83, 125, 229, .20);
  border-radius: 11px;
  background:
    radial-gradient(circle at 100% 0%, rgba(34,211,238,.08), transparent 38%),
    linear-gradient(180deg, rgba(255,255,255,.93), rgba(242,247,255,.84));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.86);
}

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
.pro-analysis-command-summary 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-command-summary strong {
  overflow: hidden;
  color: #13284c;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.08;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
.pro-analysis-command-summary em {
  color: #087568;
  font-size: 8px;
  font-style: normal;
  font-weight: 800;
}

/* ========================================================================== */
/* STAGE 7 — EVIDENCE PACKAGE                                                 */
/* ========================================================================== */
body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
#builder-actions .report-table-groups-card {
  padding: 14px !important;
  border: 1px solid rgba(66, 118, 215, .22) !important;
  border-radius: 20px !important;
  background:
    radial-gradient(circle at 1% 0%, rgba(34,211,238,.09), transparent 28%),
    radial-gradient(circle at 98% 0%, rgba(124,58,237,.07), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,.94), rgba(244,249,255,.84)) !important;
  box-shadow: 0 18px 42px rgba(30, 48, 92, .10), inset 0 1px 0 rgba(255,255,255,.90) !important;
}

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
#builder-actions .report-table-groups-header {
  align-items: flex-start !important;
  margin-bottom: 12px !important;
  padding: 2px 2px 12px !important;
  border-bottom: 1px solid rgba(91,119,237,.16) !important;
}

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
#builder-actions .report-table-groups-header .card-title {
  color: #18335c !important;
  font-size: 15px !important;
  letter-spacing: .10em !important;
}

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
#builder-actions .report-table-groups-intro {
  max-width: 920px;
  color: #516783 !important;
  font-size: 10.5px !important;
  line-height: 1.42 !important;
}

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
#builder-actions .report-table-group-count {
  min-height: 30px !important;
  padding: 6px 11px !important;
  border: 1px solid rgba(16,185,129,.20) !important;
  border-radius: 999px !important;
  background: rgba(231, 253, 246, .90) !important;
  color: #087568 !important;
  font-size: 9px !important;
  font-weight: 900 !important;
}

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
#builder-actions .report-table-groups-list[data-selector-mode="pro-granular"] {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: start !important;
  gap: 10px !important;
}

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
.pro-report-group-card {
  min-width: 0 !important;
  min-height: 108px !important;
  border: 1px solid rgba(91, 119, 237, .18) !important;
  border-radius: 15px !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(34,211,238,.05), transparent 38%),
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(246,249,255,.86)) !important;
  box-shadow: 0 9px 22px rgba(31, 48, 86, .06), inset 0 1px 0 rgba(255,255,255,.92) !important;
  overflow: hidden !important;
}

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
.pro-report-group-card.is-expanded {
  grid-column: 1 / -1 !important;
  min-height: 0 !important;
  border-color: rgba(33, 147, 168, .34) !important;
  box-shadow: 0 14px 32px rgba(31, 69, 112, .09), inset 0 1px 0 rgba(255,255,255,.94) !important;
}

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
.pro-report-group-card.is-partial {
  border-color: rgba(74,108,248,.32) !important;
}

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
.pro-report-group-card.is-empty {
  border-color: rgba(148,163,184,.25) !important;
  background: rgba(248,250,252,.78) !important;
}

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
.pro-report-group-row {
  min-height: 106px !important;
  display: grid !important;
  grid-template-columns: 18px minmax(0, 1fr) auto 20px !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 12px !important;
}

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
.pro-report-group-checkbox,
body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
.pro-report-table-option input {
  width: 16px !important;
  height: 16px !important;
}

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
.pro-report-group-expand {
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: 28px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  text-align: left !important;
}

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
.pro-report-group-chevron {
  width: 28px !important;
  height: 28px !important;
  border-radius: 9px !important;
  font-size: 16px !important;
}

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
.pro-report-group-copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
.pro-report-group-label {
  overflow: visible !important;
  color: #14294f !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1.16 !important;
  text-align: left !important;
  text-overflow: clip !important;
  white-space: normal !important;
}

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
.pro-report-group-copy small {
  color: #5f7189;
  font-size: 9px;
  font-weight: 650;
  line-height: 1.38;
}

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
.pro-report-group-status {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 5px;
}

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
.pro-report-group-status b,
body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
.pro-report-group-status em {
  min-width: 44px;
  padding: 4px 8px;
  border-radius: 999px;
  font-size: 8px;
  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-report-group-status b {
  background: rgba(231, 253, 246, .90);
  color: #087568;
}

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
.pro-report-group-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-report-group-card.is-empty .pro-report-group-status b,
body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
.pro-report-group-card.is-empty .pro-report-group-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-report-table-options {
  display: block !important;
  padding: 0 !important;
  border-top: 1px solid rgba(53,188,180,.22) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(34,211,238,.06), transparent 34%),
    rgba(246,251,253,.82) !important;
}

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

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
.pro-report-table-options-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 11px 13px;
  border-bottom: 1px solid rgba(91,119,237,.13);
  background: rgba(255,255,255,.62);
}

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
.pro-report-table-options-head > div {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
.pro-report-table-options-head span {
  color: #5f7189;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .10em;
  text-transform: uppercase;
}

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
.pro-report-table-options-head strong {
  color: #17315a;
  font-size: 12px;
  font-weight: 900;
}

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
.pro-report-table-options-head em {
  color: #087568;
  font-size: 9px;
  font-style: normal;
  font-weight: 900;
}

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
.pro-report-table-options-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  padding: 12px;
}

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
.pro-report-table-option {
  min-height: 42px !important;
  grid-template-columns: 16px minmax(0, 1fr) !important;
  gap: 8px !important;
  padding: 8px 10px !important;
  border-radius: 10px !important;
  background: rgba(255,255,255,.86) !important;
}

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
.pro-report-table-option span {
  color: #243957 !important;
  font-size: 9.5px !important;
  font-weight: 760 !important;
  line-height: 1.25 !important;
}

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
.pro-analysis-builder-footer {
  position: sticky;
  bottom: 10px;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-top: 12px;
  padding: 10px 12px;
  border: 1px solid rgba(53,188,180,.26);
  border-radius: 14px;
  background:
    radial-gradient(circle at 100% 0%, rgba(34,211,238,.10), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,.97), rgba(235,249,248,.94));
  box-shadow: 0 14px 32px rgba(23, 63, 88, .13), inset 0 1px 0 rgba(255,255,255,.92);
  backdrop-filter: blur(16px) saturate(135%);
}

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
.pro-analysis-builder-footer-copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

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

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
.pro-analysis-builder-footer-copy strong {
  color: #13284c;
  font-size: 12px;
  font-weight: 900;
}

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
.pro-analysis-builder-footer-copy em {
  color: #60738b;
  font-size: 8.5px;
  font-style: normal;
  font-weight: 650;
}

body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
.pro-analysis-builder-generate {
  min-width: 220px;
  min-height: 38px;
  padding: 8px 18px;
  border: 1px solid rgba(72, 89, 246, .34);
  border-radius: 11px;
  background: linear-gradient(100deg, #245fbd, #5a4be7 66%, #7f3ff0);
  color: #fff;
  font-size: 10px;
  font-weight: 900;
  box-shadow: 0 10px 22px rgba(73, 77, 207, .21), inset 0 1px 0 rgba(255,255,255,.24);
  cursor: pointer;
}

/* ========================================================================== */
/* RACE QUALIFICATION — P/L COMPARISON BANDS                                 */
/* ========================================================================== */
.pro-race-rules-breakdown-panel .pro-race-breakdown-pane > header > div {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.pro-race-breakdown-band-legend,
.pro-selection-comparison-legend {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px 10px;
  color: #42566f;
  font-size: 9px;
  line-height: 1.2;
}

.pro-race-breakdown-band-legend span,
.pro-selection-comparison-legend span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-weight: 900;
}

.pro-race-breakdown-band-legend i,
.pro-selection-comparison-legend i {
  width: 11px;
  height: 11px;
  border: 1px solid rgba(15,23,42,.10);
  border-radius: 4px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.68);
}

.pro-race-breakdown-band-legend .is-top i,
.pro-selection-comparison-legend .is-top i {
  background: rgba(187,247,208,.86);
  border-color: rgba(22,163,74,.24);
}

.pro-race-breakdown-band-legend .is-bottom i,
.pro-selection-comparison-legend .is-bottom i {
  background: rgba(254,226,226,.84);
  border-color: rgba(244,114,182,.20);
}

.pro-race-breakdown-band-legend em,
.pro-selection-comparison-legend em {
  color: #65778e;
  font-style: normal;
  font-weight: 650;
}

.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:
    linear-gradient(90deg, rgba(249,253,250,.22), rgba(220,252,231,.66) 35%, rgba(187,247,208,.82)) !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:
    linear-gradient(90deg, rgba(255,249,250,.24), rgba(254,226,226,.62) 35%, rgba(251,207,232,.80)) !important;
}

.pro-race-rules-breakdown-panel .pro-race-breakdown-table-wrap tbody tr.is-applied > td {
  box-shadow: inset 0 2px 0 #2f6df6, inset 0 -2px 0 #2f6df6;
}

.pro-race-rules-breakdown-panel .pro-race-breakdown-table-wrap tbody tr.is-applied > td:first-child {
  box-shadow: inset 2px 0 0 #2f6df6, inset 0 2px 0 #2f6df6, inset 0 -2px 0 #2f6df6;
}

.pro-race-rules-breakdown-panel .pro-race-breakdown-table-wrap tbody tr.is-applied > td:last-child {
  box-shadow: inset -2px 0 0 #2f6df6, inset 0 2px 0 #2f6df6, inset 0 -2px 0 #2f6df6;
}

/* ========================================================================== */
/* RUNNER SELECTION — FOUR RANKING COMPARISONS                               */
/* ========================================================================== */
.pro-selection-ranking-comparisons {
  margin-top: 12px;
  padding: 14px;
  border: 1px solid rgba(91,119,237,.20);
  border-radius: 18px;
  background:
    radial-gradient(circle at 0% 0%, rgba(34,211,238,.08), transparent 25%),
    radial-gradient(circle at 100% 0%, rgba(124,58,237,.07), transparent 28%),
    linear-gradient(180deg, rgba(255,255,255,.94), rgba(243,248,255,.84));
  box-shadow: 0 16px 36px rgba(28,43,84,.09), inset 0 1px 0 rgba(255,255,255,.90);
}

.pro-selection-ranking-comparisons.is-unavailable {
  padding: 12px 14px;
}

.pro-selection-ranking-comparisons.is-unavailable > header,
.pro-selection-comparisons-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.pro-selection-ranking-comparisons > header > div {
  min-width: 0;
}

.pro-selection-ranking-comparisons > header span {
  color: #466182;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.pro-selection-ranking-comparisons > header h2 {
  margin: 3px 0 4px;
  color: #13284c;
  font-size: 16px;
  line-height: 1.08;
}

.pro-selection-ranking-comparisons > header p {
  margin: 0;
  color: #5c6f87;
  font-size: 9px;
  line-height: 1.35;
}

.pro-selection-ranking-comparisons > header > strong {
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(231,253,246,.90);
  color: #087568;
  font-size: 9px;
  font-weight: 900;
  white-space: nowrap;
}

.pro-selection-ranking-comparisons.is-unavailable > header button {
  min-width: 180px;
  min-height: 34px;
  padding: 7px 13px;
  border: 1px solid rgba(77,103,221,.24);
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(235,242,255,.92));
  color: #23498f;
  font-size: 9px;
  font-weight: 900;
  cursor: pointer;
}

.pro-selection-comparison-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 10px;
  margin-top: 12px;
}

.pro-selection-comparison-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(91,119,237,.18);
  border-radius: 14px;
  background: rgba(255,255,255,.88);
  box-shadow: 0 8px 20px rgba(31,48,86,.06), inset 0 1px 0 rgba(255,255,255,.92);
}

.pro-selection-comparison-card.is-current-ranking {
  border-color: rgba(47,109,246,.50);
  box-shadow: 0 10px 24px rgba(47,109,246,.10), inset 0 0 0 1px rgba(47,109,246,.15), inset 0 1px 0 rgba(255,255,255,.94);
}

.pro-selection-comparison-card > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 11px 8px;
  border-bottom: 1px solid rgba(91,119,237,.13);
}

.pro-selection-comparison-card > header span {
  color: #5f7189;
  font-size: 7.5px;
  font-weight: 900;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.pro-selection-comparison-card > header h3 {
  margin: 2px 0 0;
  color: #17315a;
  font-size: 12px;
  line-height: 1.1;
}

.pro-selection-comparison-card > header > em {
  padding: 4px 8px;
  border-radius: 999px;
  background: rgba(226,232,255,.94);
  color: #3654b7;
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
  white-space: nowrap;
}

.pro-selection-comparison-card .pro-selection-comparison-legend {
  padding: 7px 10px;
  border-bottom: 1px solid rgba(91,119,237,.11);
  background: rgba(248,250,255,.76);
}

.pro-selection-comparison-table-wrap {
  max-height: 420px;
  overflow: auto;
}

.pro-selection-comparison-table-wrap table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
}

.pro-selection-comparison-table-wrap th,
.pro-selection-comparison-table-wrap td {
  padding: 6px 7px;
  border-bottom: 1px solid rgba(148,163,184,.16);
  color: #203651;
  font-size: 8.5px;
  line-height: 1.12;
  text-align: right;
  white-space: nowrap;
}

.pro-selection-comparison-table-wrap th {
  position: sticky;
  top: 0;
  z-index: 2;
  background: #edf4ff;
  color: #1e3a70;
  font-size: 7.5px;
  font-weight: 900;
  letter-spacing: .03em;
  text-transform: uppercase;
}

.pro-selection-comparison-table-wrap th:first-child,
.pro-selection-comparison-table-wrap td:first-child {
  width: 17%;
  text-align: left;
  font-weight: 850;
}

.pro-selection-comparison-table-wrap td.is-positive {
  color: #07845f;
  font-weight: 900;
}

.pro-selection-comparison-table-wrap td.is-negative {
  color: #c2415d;
  font-weight: 900;
}

/* ========================================================================== */
/* RESPONSIVE                                                                 */
/* ========================================================================== */
@media (max-width: 1540px) {
  body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
  #proCanvasStageIntro {
    grid-template-columns: minmax(0, 1fr) minmax(470px, .92fr) !important;
  }

  body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
  .pro-report-table-options-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pro-selection-comparison-table-wrap th,
  .pro-selection-comparison-table-wrap td {
    padding: 5px 5px;
    font-size: 8px;
  }
}

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

  body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
  #proCanvasStageIntro .pro-canvas-stage-actions.is-analysis-stage {
    grid-column: 1 !important;
    grid-template-columns: minmax(100px, .55fr) minmax(210px, 1fr) minmax(180px, .85fr) !important;
  }

  body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
  #builder-actions .report-table-groups-list[data-selector-mode="pro-granular"],
  .pro-selection-comparison-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
  #proCanvasStageIntro .pro-canvas-stage-actions.is-analysis-stage {
    grid-template-columns: 1fr !important;
  }

  body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
  .pro-report-group-row {
    grid-template-columns: 18px minmax(0, 1fr) 20px !important;
  }

  body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
  .pro-report-group-status {
    grid-column: 2;
    align-items: flex-start;
    flex-direction: row;
  }

  body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
  .pro-report-table-options-grid {
    grid-template-columns: 1fr !important;
  }

  body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
  .pro-analysis-builder-footer,
  .pro-selection-ranking-comparisons > header {
    align-items: stretch;
    flex-direction: column;
  }

  body.pro-canvas-shell-active[data-workspace-mode="pro_system_builder"][data-pro-canvas-stage="analysis"]
  .pro-analysis-builder-generate,
  .pro-selection-ranking-comparisons.is-unavailable > header button {
    width: 100%;
    min-width: 0;
  }
}