/* Professional Systems Builder population stages — Phase 2A */
:root {
  --pro-population-card-radius: 16px;
  --pro-population-section-radius: 20px;
}

body.pro-canvas-shell-active.pro-canvas-population-stage-active {
  background:
    radial-gradient(circle at 4% 8%, rgba(34,211,238,.08), transparent 24%),
    radial-gradient(circle at 95% 2%, rgba(124,58,237,.09), transparent 28%),
    linear-gradient(180deg, #f3f7ff 0%, #eef4ff 46%, #f8faff 100%);
}

/* Carry-forward: stronger command chips without increasing the shell height. */
body.pro-canvas-shell-active .pro-canvas-command-state b,
body.pro-canvas-shell-active .pro-canvas-command-state em,
body.pro-canvas-shell-active .pro-canvas-command-state small {
  min-height: 21px;
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  font-size: 9px;
  line-height: 1;
}
body.pro-canvas-shell-active .pro-canvas-stage-copy em {
  margin-top: 3px;
  color: #60718d;
  font-size: 9px;
  font-weight: 820;
}
body.pro-canvas-shell-active .pro-canvas-stage-button.is-active .pro-canvas-stage-copy em {
  color: rgba(230,242,255,.90);
}

/* Carry-forward: one truthful whole-Canvas Reset treatment. */
body.pro-canvas-shell-active .pro-canvas-command-actions > .pro-ui-button.is-reset {
  color: #fff;
  border-color: rgba(255,178,195,.46);
  background: linear-gradient(135deg, rgba(164,46,78,.94), rgba(218,81,111,.94));
  box-shadow: 0 9px 21px rgba(122,25,55,.22), inset 0 1px 0 rgba(255,255,255,.22);
}
body.pro-canvas-shell-active .pro-canvas-command-actions > .pro-ui-button.is-reset:hover,
body.pro-canvas-shell-active .pro-canvas-command-actions > .pro-ui-button.is-reset:focus-visible {
  border-color: rgba(255,203,213,.72);
  background: linear-gradient(135deg,#b62e59,#e86f86);
}
body.pro-canvas-shell-active .pro-canvas-command-actions > .pro-ui-button.is-reset.is-idle {
  color: rgba(243,228,233,.72);
  border-color: rgba(255,199,211,.18);
  background: rgba(123,55,77,.24);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10);
  cursor: help;
}

/* Population stage header and action hierarchy. */
body.pro-canvas-shell-active.pro-canvas-population-stage-active #proCanvasStageIntro {
  margin: 0 8px 14px;
  padding: 13px 15px 12px;
  border: 1px solid rgba(94,126,214,.18);
  border-radius: 19px;
  background:
    radial-gradient(circle at 96% 0%, rgba(34,211,238,.11), transparent 36%),
    linear-gradient(145deg, rgba(255,255,255,.96), rgba(243,248,255,.86) 68%, rgba(245,242,255,.76));
  box-shadow: 0 14px 34px rgba(24,39,78,.10), inset 0 1px 0 rgba(255,255,255,.88);
}
body.pro-canvas-shell-active.pro-canvas-population-stage-active .pro-canvas-stage-intro-copy > span {
  color: #4369b2;
  font-size: 9px;
}
body.pro-canvas-shell-active.pro-canvas-population-stage-active .pro-canvas-stage-intro-copy h2 {
  margin: 4px 0 3px;
  font-size: clamp(20px, 1.55vw, 28px);
}
body.pro-canvas-shell-active.pro-canvas-population-stage-active .pro-canvas-stage-intro-copy p {
  max-width: 1120px;
  color: #506783;
  font-size: 11.5px;
}
body.pro-canvas-shell-active.pro-canvas-population-stage-active .pro-canvas-stage-intro-state {
  min-width: 150px;
  border-color: rgba(67,105,178,.20);
  background: rgba(255,255,255,.82);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.88);
}
body.pro-canvas-shell-active.pro-canvas-population-stage-active .pro-canvas-stage-actions.is-population-stage {
  grid-template-columns: minmax(130px,.72fr) minmax(170px,.95fr) minmax(300px,2.4fr);
  gap: 8px;
  margin-top: 10px;
}
body.pro-canvas-shell-active.pro-canvas-population-stage-active .pro-canvas-stage-action {
  min-height: 38px;
  border-radius: 12px;
  font-size: 10.5px;
  font-weight: 900;
}
body.pro-canvas-shell-active.pro-canvas-population-stage-active .pro-canvas-stage-action.is-guide {
  color: #1d4f8f;
  border-color: rgba(55,105,198,.22);
  background: linear-gradient(180deg, rgba(244,249,255,.98), rgba(231,240,255,.88));
}
body.pro-canvas-shell-active.pro-canvas-population-stage-active .pro-canvas-stage-action.is-preview {
  color: #4f3b92;
  border-color: rgba(103,76,184,.22);
  background: linear-gradient(180deg, rgba(250,247,255,.98), rgba(239,235,255,.86));
}
body.pro-canvas-shell-active.pro-canvas-population-stage-active .pro-canvas-stage-action.is-primary {
  color: #fff;
  border-color: rgba(255,255,255,.16);
  background: linear-gradient(135deg,#0d7d77,#159c9f 45%,#2f67dc 100%);
  box-shadow: 0 12px 26px rgba(27,93,164,.20), inset 0 1px 0 rgba(255,255,255,.25);
}
body.pro-canvas-shell-active.pro-canvas-population-stage-active .pro-canvas-stage-guidance {
  min-height: 31px;
  display: flex;
  align-items: center;
  gap: 9px;
  margin-top: 8px;
  padding: 7px 10px;
  border-radius: 11px;
  font-size: 10px;
}
body.pro-canvas-shell-active.pro-canvas-population-stage-active .pro-canvas-stage-guidance strong {
  white-space: nowrap;
}

/* Section-level colour identities remain, but all sections share one material system. */
body.pro-canvas-shell-active #time {
  --pro-section-accent: #5b5ce2;
  --pro-section-accent-2: #7b38e8;
  --pro-section-soft: rgba(91,92,226,.09);
  --pro-section-line: rgba(91,92,226,.24);
  --pro-section-selected: linear-gradient(135deg,#5559d7,#7540e5);
}
body.pro-canvas-shell-active #race {
  --pro-section-accent: #13865d;
  --pro-section-accent-2: #1eb969;
  --pro-section-soft: rgba(19,134,93,.09);
  --pro-section-line: rgba(19,134,93,.23);
  --pro-section-selected: linear-gradient(135deg,#13785b,#20aa72);
}
body.pro-canvas-shell-active #race-conditions {
  --pro-section-accent: #148a76;
  --pro-section-accent-2: #20b9a1;
  --pro-section-soft: rgba(20,138,118,.09);
  --pro-section-line: rgba(20,138,118,.23);
  --pro-section-selected: linear-gradient(135deg,#13796f,#20a99d);
}
body.pro-canvas-shell-active #course-profile {
  --pro-section-accent: #147f99;
  --pro-section-accent-2: #20afc6;
  --pro-section-soft: rgba(20,127,153,.09);
  --pro-section-line: rgba(20,127,153,.23);
  --pro-section-selected: linear-gradient(135deg,#146e8a,#22a6ba);
}
body.pro-canvas-shell-active #market {
  --pro-section-accent: #7354b8;
  --pro-section-accent-2: #9c69d7;
  --pro-section-soft: rgba(115,84,184,.09);
  --pro-section-line: rgba(115,84,184,.22);
  --pro-section-selected: linear-gradient(135deg,#684bb0,#9463cf);
}
body.pro-canvas-shell-active #horse,
body.pro-canvas-shell-active #horse-profile-stats,
body.pro-canvas-shell-active #lto,
body.pro-canvas-shell-active #changes,
body.pro-canvas-shell-active #ratings {
  --pro-section-accent: #c36d2c;
  --pro-section-accent-2: #e29a4c;
  --pro-section-soft: rgba(195,109,44,.09);
  --pro-section-line: rgba(195,109,44,.22);
  --pro-section-selected: linear-gradient(135deg,#b96327,#db8e3e);
}
body.pro-canvas-shell-active #trainer-jockey {
  --pro-section-accent: #4e5fb8;
  --pro-section-accent-2: #6c76d8;
  --pro-section-soft: rgba(78,95,184,.09);
  --pro-section-line: rgba(78,95,184,.22);
  --pro-section-selected: linear-gradient(135deg,#4657ad,#6872cf);
}

body.pro-canvas-shell-active.pro-canvas-population-stage-active #page-builder > section.section[data-pro-population-section] {
  position: relative;
  overflow: visible;
  margin: 0 8px 14px !important;
  border: 1px solid var(--pro-section-line) !important;
  border-radius: var(--pro-population-section-radius) !important;
  background:
    radial-gradient(circle at 98% 0%, var(--pro-section-soft), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,.93), rgba(247,250,255,.84)) !important;
  box-shadow: 0 14px 32px rgba(24,39,78,.09), inset 0 1px 0 rgba(255,255,255,.88) !important;
}
body.pro-canvas-shell-active.pro-canvas-population-stage-active #page-builder > section.section[data-pro-population-section]::before {
  content: "";
  position: absolute;
  z-index: 3;
  top: 12px;
  bottom: 12px;
  left: 0;
  width: 4px;
  border-radius: 0 999px 999px 0;
  background: linear-gradient(180deg,var(--pro-section-accent),var(--pro-section-accent-2));
  box-shadow: 0 0 18px var(--pro-section-soft);
}
body.pro-canvas-shell-active.pro-canvas-population-stage-active .pro-population-section-header {
  position: relative;
  min-height: 0 !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 13px 16px 12px 18px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--pro-section-line) !important;
  border-radius: var(--pro-population-section-radius) var(--pro-population-section-radius) 0 0 !important;
  color: #10213d !important;
  background:
    radial-gradient(circle at 94% 0%, var(--pro-section-soft), transparent 38%),
    linear-gradient(180deg, rgba(255,255,255,.94), rgba(246,249,255,.84)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.86) !important;
}
body.pro-canvas-shell-active.pro-canvas-population-stage-active .pro-population-section-header::after {
  content: var(--pro-population-sequence);
  position: absolute;
  top: 12px;
  right: 15px;
  transform: translateY(-1px);
  min-width: 25px;
  height: 25px;
  display: none;
  place-items: center;
  border-radius: 8px;
  color: var(--pro-section-accent);
  background: var(--pro-section-soft);
  font-size: 9px;
  font-weight: 950;
}
body.pro-canvas-shell-active.pro-canvas-population-stage-active .pro-population-section-header .section-kicker {
  margin-bottom: 3px;
  color: var(--pro-section-accent) !important;
  font-size: 8px !important;
  font-weight: 950 !important;
  letter-spacing: .15em !important;
  text-transform: uppercase;
}
body.pro-canvas-shell-active.pro-canvas-population-stage-active .pro-population-section-header .section-title-row {
  display: flex;
  align-items: center;
  gap: 7px;
}
body.pro-canvas-shell-active.pro-canvas-population-stage-active .pro-population-section-header .section-title {
  margin: 0 !important;
  color: #10213d !important;
  font-size: clamp(18px,1.25vw,23px) !important;
  line-height: 1.05 !important;
  letter-spacing: -.02em;
  text-shadow: none !important;
}
body.pro-canvas-shell-active.pro-canvas-population-stage-active .pro-population-section-header .section-description {
  max-width: 1120px;
  margin: 4px 0 0 !important;
  color: #60718d !important;
  font-size: 10.5px !important;
  font-weight: 680 !important;
  line-height: 1.35;
}
body.pro-canvas-shell-active.pro-canvas-population-stage-active .pro-population-section-reset,
body.pro-canvas-shell-active.pro-canvas-population-stage-active .pro-population-section-header > button:not(.pro-population-section-reset) {
  min-width: 116px;
  min-height: 34px;
  flex: 0 0 auto;
  border: 1px solid var(--pro-section-line) !important;
  border-radius: 11px !important;
  padding: 0 13px !important;
  color: var(--pro-section-accent) !important;
  background: rgba(255,255,255,.76) !important;
  box-shadow: 0 7px 16px rgba(25,41,80,.06), inset 0 1px 0 rgba(255,255,255,.88) !important;
  font-size: 9.5px !important;
  font-weight: 900 !important;
  transition: transform 150ms ease, box-shadow 150ms ease, background 150ms ease;
}
body.pro-canvas-shell-active.pro-canvas-population-stage-active .pro-population-section-reset:hover,
body.pro-canvas-shell-active.pro-canvas-population-stage-active .pro-population-section-reset:focus-visible,
body.pro-canvas-shell-active.pro-canvas-population-stage-active .pro-population-section-header > button:not(.pro-population-section-reset):hover,
body.pro-canvas-shell-active.pro-canvas-population-stage-active .pro-population-section-header > button:not(.pro-population-section-reset):focus-visible {
  transform: translateY(-1px);
  color: #fff !important;
  background: var(--pro-section-selected) !important;
  box-shadow: 0 10px 20px var(--pro-section-soft) !important;
  outline: none;
}
body.pro-canvas-shell-active.pro-canvas-population-stage-active .pro-population-section-reset.is-resetting {
  transform: scale(.98);
}

/* Existing section bodies and grids remain authoritative; only their material and density change. */
body.pro-canvas-shell-active.pro-canvas-population-stage-active #page-builder > section.section[data-pro-population-section] > .section-body {
  padding: 13px 14px 14px !important;
  border-radius: 0 0 var(--pro-population-section-radius) var(--pro-population-section-radius) !important;
  background: transparent !important;
}
body.pro-canvas-shell-active.pro-canvas-population-stage-active #page-builder > section.section[data-pro-population-section] .layout-grid {
  gap: 11px !important;
}
body.pro-canvas-shell-active.pro-canvas-population-stage-active .pro-population-card {
  border: 1px solid rgba(92,117,182,.16) !important;
  border-radius: var(--pro-population-card-radius) !important;
  padding: 12px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(247,250,255,.78)) !important;
  box-shadow: 0 8px 20px rgba(25,42,82,.055), inset 0 1px 0 rgba(255,255,255,.90) !important;
}
body.pro-canvas-shell-active.pro-canvas-population-stage-active .pro-population-card .card-title {
  color: #243d68 !important;
  font-size: 9.5px !important;
  font-weight: 920 !important;
  letter-spacing: .08em !important;
}
body.pro-canvas-shell-active.pro-canvas-population-stage-active .pro-population-card .note {
  color: #6b7f99 !important;
  font-size: 9px !important;
  line-height: 1.35;
}
body.pro-canvas-shell-active.pro-canvas-population-stage-active .pro-population-card input,
body.pro-canvas-shell-active.pro-canvas-population-stage-active .pro-population-card select,
body.pro-canvas-shell-active.pro-canvas-population-stage-active .pro-population-card textarea {
  min-height: 35px;
  border-color: rgba(93,119,184,.20) !important;
  border-radius: 10px !important;
  color: #15305a;
  background: rgba(255,255,255,.84) !important;
  box-shadow: inset 0 1px 2px rgba(30,49,94,.04);
}
body.pro-canvas-shell-active.pro-canvas-population-stage-active section.section[data-pro-population-section] .chip {
  min-height: 32px;
  border: 1px solid rgba(103,123,172,.20) !important;
  border-radius: 999px !important;
  color: #2d456c !important;
  background: rgba(255,255,255,.82) !important;
  box-shadow: 0 5px 12px rgba(31,49,91,.045), inset 0 1px 0 rgba(255,255,255,.88) !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  transition: transform 140ms ease, box-shadow 140ms ease, border-color 140ms ease;
}
body.pro-canvas-shell-active.pro-canvas-population-stage-active section.section[data-pro-population-section] .chip:hover:not(.disabled) {
  transform: translateY(-1px);
  border-color: var(--pro-section-line) !important;
  box-shadow: 0 8px 16px var(--pro-section-soft) !important;
}
body.pro-canvas-shell-active.pro-canvas-population-stage-active section.section[data-pro-population-section] .chip.selected {
  color: #fff !important;
  border-color: rgba(255,255,255,.20) !important;
  background: var(--pro-section-selected) !important;
  box-shadow: 0 8px 18px var(--pro-section-soft), inset 0 1px 0 rgba(255,255,255,.24) !important;
}
body.pro-canvas-shell-active.pro-canvas-population-stage-active section.section[data-pro-population-section] .chip.disabled,
body.pro-canvas-shell-active.pro-canvas-population-stage-active section.section[data-pro-population-section] .control-disabled .chip {
  opacity: .48 !important;
  transform: none !important;
  box-shadow: none !important;
}

/* One tooltip system for the population stages. */
body.pro-canvas-shell-active.pro-canvas-population-stage-active .pro-population-help-trigger::after {
  display: none !important;
  content: none !important;
}
body.pro-canvas-shell-active.pro-canvas-population-stage-active .pro-population-help-trigger {
  width: 17px !important;
  height: 17px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  border: 1px solid rgba(62,113,206,.24) !important;
  border-radius: 50% !important;
  color: #2b68b7 !important;
  background: rgba(232,243,255,.94) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.90);
  font-size: 9px !important;
  font-style: normal;
  font-weight: 950 !important;
  line-height: 1 !important;
  cursor: help;
}
body.pro-canvas-shell-active .global-report-tooltip {
  max-width: min(390px, calc(100vw - 28px));
  border: 1px solid rgba(92,169,241,.38);
  border-radius: 14px;
  color: #eef8ff;
  background:
    radial-gradient(circle at 94% 0%, rgba(34,211,238,.18), transparent 34%),
    linear-gradient(145deg, rgba(5,18,44,.985), rgba(24,53,132,.97) 58%, rgba(62,49,154,.95));
  box-shadow: 0 18px 42px rgba(7,16,42,.30), inset 0 1px 0 rgba(255,255,255,.20);
  font-size: 11px;
  line-height: 1.45;
}

/* Responsive: compact first, then stack deliberately. */
@media (max-width: 1600px) {
  body.pro-canvas-shell-active.pro-canvas-population-stage-active #proCanvasStageIntro,
  body.pro-canvas-shell-active.pro-canvas-population-stage-active #page-builder > section.section[data-pro-population-section] {
    margin-inline: 4px !important;
  }
  body.pro-canvas-shell-active.pro-canvas-population-stage-active .pro-population-section-header {
    padding-inline: 15px !important;
  }
  body.pro-canvas-shell-active.pro-canvas-population-stage-active .pro-population-card {
    padding: 10px !important;
  }
}
@media (max-width: 1120px) {
  body.pro-canvas-shell-active.pro-canvas-population-stage-active .pro-canvas-stage-actions.is-population-stage {
    grid-template-columns: minmax(120px,.8fr) minmax(150px,1fr) minmax(260px,2fr);
  }
  body.pro-canvas-shell-active.pro-canvas-population-stage-active .pro-canvas-stage-guidance {
    align-items: flex-start;
    flex-direction: column;
    gap: 2px;
  }
}
@media (max-width: 820px) {
  body.pro-canvas-shell-active.pro-canvas-population-stage-active .pro-canvas-stage-actions.is-population-stage {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  body.pro-canvas-shell-active.pro-canvas-population-stage-active .pro-canvas-stage-action.is-primary {
    grid-column: 1 / -1;
  }
  body.pro-canvas-shell-active.pro-canvas-population-stage-active .pro-population-section-header {
    align-items: flex-start;
    flex-direction: column;
    gap: 9px;
  }
  body.pro-canvas-shell-active.pro-canvas-population-stage-active .pro-population-section-reset,
  body.pro-canvas-shell-active.pro-canvas-population-stage-active .pro-population-section-header > button:not(.pro-population-section-reset) {
    width: 100%;
  }
}
@media (max-width: 560px) {
  body.pro-canvas-shell-active.pro-canvas-population-stage-active .pro-canvas-stage-actions.is-population-stage {
    grid-template-columns: 1fr;
  }
  body.pro-canvas-shell-active.pro-canvas-population-stage-active .pro-canvas-stage-action.is-primary {
    grid-column: auto;
  }
  body.pro-canvas-shell-active.pro-canvas-population-stage-active .pro-population-card {
    padding: 9px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.pro-canvas-shell-active.pro-canvas-population-stage-active .pro-population-section-reset,
  body.pro-canvas-shell-active.pro-canvas-population-stage-active .pro-canvas-stage-action,
  body.pro-canvas-shell-active.pro-canvas-population-stage-active .chip {
    transition: none !important;
  }
  body.pro-canvas-shell-active.pro-canvas-population-stage-active .pro-population-section-reset:hover,
  body.pro-canvas-shell-active.pro-canvas-population-stage-active .pro-canvas-stage-action:hover,
  body.pro-canvas-shell-active.pro-canvas-population-stage-active .chip:hover {
    transform: none !important;
  }
}


/* pro-canvas-visual-phase3g-breeding-controls-final-rebuild-001 */
/* Phase 3G — robust Race Universe Class selected-range track. */
body.pro-canvas-shell-active.pro-canvas-population-stage-active #class_filter_card:not(.control-disabled) .dual-range,
body.pro-canvas-shell-active.pro-canvas-population-stage-active #class_filter_card:not(.control-disabled) .hybrid-slider-zone {
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
}
body.pro-canvas-shell-active.pro-canvas-population-stage-active #class_filter_card:not(.control-disabled) .dual-range::before {
  opacity: 1 !important;
  border: 1px solid rgba(71,91,132,.30) !important;
  background: linear-gradient(180deg,#dce6f1,#c5d3e2) !important;
}
body.pro-canvas-shell-active.pro-canvas-population-stage-active #class_filter_card:not(.control-disabled) .dual-range::after {
  position: absolute !important;
  left: calc(var(--hybrid-range-left-pct,0%) + 12px) !important;
  right: calc((100% - var(--hybrid-range-right-pct,100%)) + 12px) !important;
  width: auto !important;
  margin: 0 !important;
  opacity: 1 !important;
  background: linear-gradient(90deg,#078aa8,#2466dc 58%,#6844d6) !important;
  box-shadow: 0 0 0 1px rgba(37,99,235,.20),0 4px 12px rgba(37,99,235,.24) !important;
}
body.pro-canvas-shell-active.pro-canvas-population-stage-active #class_filter_card:not(.control-disabled) .dual-range-explicit-handle {
  opacity: 1 !important;
  visibility: visible !important;
  border-color: #0e7fa0 !important;
}
body.pro-canvas-shell-active.pro-canvas-population-stage-active #class_filter_card:not(.control-disabled) .dual-range-explicit-handle.is-max {
  border-color: #dc4b5f !important;
}

/* PRO_SAVE_LOAD_002B — Race Universe and Horse Conditions visual refinement. */
body.pro-canvas-shell-active.pro-canvas-population-stage-active {
  --pro-section-accent: #2c62c6;
  --pro-section-accent-2: #18a4b5;
  --pro-section-soft: rgba(44,98,198,.075);
  --pro-section-line: rgba(74,111,190,.18);
  --pro-section-selected: linear-gradient(135deg,#2760c6,#2887d7 62%,#159eaa);
}
body.pro-canvas-shell-active.pro-canvas-population-stage-active #page-builder > section.section[data-pro-population-section] {
  margin-bottom: 12px !important;
  border-color: rgba(74,111,190,.17) !important;
  background: linear-gradient(180deg,rgba(255,255,255,.92),rgba(247,250,255,.81)) !important;
  box-shadow: 0 11px 27px rgba(24,39,78,.075), inset 0 1px 0 rgba(255,255,255,.90) !important;
}
body.pro-canvas-shell-active.pro-canvas-population-stage-active #page-builder > section.section[data-pro-population-section]::before {
  top: 14px;
  bottom: 14px;
  width: 4px;
  background: linear-gradient(180deg,#2c62c6,#18a4b5) !important;
  box-shadow: 0 0 15px rgba(42,113,199,.18);
}
body.pro-canvas-shell-active.pro-canvas-population-stage-active .pro-population-section-header {
  padding: 12px 16px 11px 18px !important;
  border-bottom-color: rgba(74,111,190,.16) !important;
  background:
    radial-gradient(circle at 95% 0%,rgba(44,98,198,.07),transparent 38%),
    linear-gradient(180deg,rgba(255,255,255,.96),rgba(247,250,255,.88)) !important;
}
body.pro-canvas-shell-active.pro-canvas-population-stage-active .pro-population-section-header .section-kicker {
  color: #3d66ae !important;
  font-size: 8.5px !important;
}
body.pro-canvas-shell-active.pro-canvas-population-stage-active .pro-population-section-header .section-title {
  font-size: clamp(18px,1.18vw,22px) !important;
}
body.pro-canvas-shell-active.pro-canvas-population-stage-active .pro-population-section-header .section-description {
  color: #5d708b !important;
  font-size: 10.5px !important;
}
body.pro-canvas-shell-active.pro-canvas-population-stage-active #page-builder > section.section[data-pro-population-section] > .section-body {
  padding: 12px 13px 13px !important;
}
body.pro-canvas-shell-active.pro-canvas-population-stage-active .pro-population-card {
  border-color: rgba(83,111,177,.14) !important;
  background: linear-gradient(180deg,rgba(255,255,255,.94),rgba(249,251,255,.82)) !important;
  box-shadow: 0 7px 17px rgba(28,43,84,.045), inset 0 1px 0 rgba(255,255,255,.92) !important;
}
body.pro-canvas-shell-active.pro-canvas-population-stage-active .pro-population-card .card-title {
  color: #27446f !important;
  font-size: 10px !important;
}
body.pro-canvas-shell-active.pro-canvas-population-stage-active .pro-population-card .note,
body.pro-canvas-shell-active.pro-canvas-population-stage-active .pro-population-card .card-copy,
body.pro-canvas-shell-active.pro-canvas-population-stage-active .pro-population-card small {
  color: #657891 !important;
  font-size: 9.25px !important;
}
body.pro-canvas-shell-active.pro-canvas-population-stage-active section.section[data-pro-population-section] .chip.selected {
  background: linear-gradient(180deg,rgba(247,251,255,.98),rgba(226,239,255,.92)) !important;
  border-color: rgba(43,107,225,.58) !important;
  color: #174d9b !important;
  box-shadow: 0 6px 14px rgba(38,95,199,.09), inset 0 1px 0 rgba(255,255,255,.94) !important;
}
body.pro-canvas-shell-active.pro-canvas-population-stage-active section.section[data-pro-population-section] .chip.selected::before {
  color: #0b7f9a !important;
}
body.pro-canvas-shell-active.pro-canvas-population-stage-active section.section[data-pro-population-section] .chip.disabled,
body.pro-canvas-shell-active.pro-canvas-population-stage-active section.section[data-pro-population-section] .control-disabled .chip {
  opacity: .68 !important;
  color: #5d7088 !important;
  background: linear-gradient(180deg,rgba(242,246,250,.94),rgba(231,238,246,.88)) !important;
}
body.pro-canvas-shell-active.pro-canvas-population-stage-active section.section[data-pro-population-section] .control-disabled {
  opacity: .80 !important;
  background: linear-gradient(180deg,rgba(247,249,252,.92),rgba(237,242,248,.86)) !important;
}
body.pro-canvas-shell-active.pro-canvas-population-stage-active section.section[data-pro-population-section] .control-disabled .card-title {
  color: #5e7087 !important;
}

/* The Class control now uses the same aligned track and handles as the other hybrid sliders. */
body.pro-canvas-shell-active.pro-canvas-population-stage-active #class_filter_card:not(.control-disabled) .hybrid-slider-zone .dual-range::before {
  height: 6px !important;
  margin-left: 12px !important;
  margin-right: 12px !important;
  border: 0 !important;
  background: linear-gradient(180deg,#d9e4f1,#c8d5e4) !important;
  box-shadow: inset 0 1px 2px rgba(46,67,104,.13) !important;
}
body.pro-canvas-shell-active.pro-canvas-population-stage-active #class_filter_card:not(.control-disabled) .hybrid-slider-zone .dual-range::after {
  left: auto !important;
  right: auto !important;
  height: 6px !important;
  margin-left: var(--hybrid-range-left,var(--range-left)) !important;
  width: calc(var(--hybrid-range-right,var(--range-right)) - var(--hybrid-range-left,var(--range-left))) !important;
  background: linear-gradient(90deg,#078aa8,#2466dc 58%,#6844d6) !important;
  box-shadow: 0 0 0 1px rgba(37,99,235,.14),0 3px 9px rgba(37,99,235,.19) !important;
}
body.pro-canvas-shell-active.pro-canvas-population-stage-active #class_filter_card:not(.control-disabled) .dual-range-explicit-handle {
  top: 50% !important;
  width: 18px !important;
  height: 18px !important;
  border-width: 4px !important;
  border-color: #078aa8 !important;
}
body.pro-canvas-shell-active.pro-canvas-population-stage-active #class_filter_card:not(.control-disabled) .dual-range-explicit-handle.is-max {
  border-color: #dc4b5f !important;
}
body.pro-canvas-shell-active.pro-canvas-population-stage-active #class_filter_card .hybrid-anchor-row {
  margin-top: 7px !important;
}

/* Horse Conditions receives the same material language as Race Universe. */
body.pro-canvas-shell-active[data-pro-canvas-stage="horse-conditions"] :is(#market,#horse,#horse-profile-stats,#lto,#changes,#ratings,#trainer-jockey) {
  --pro-section-accent: #2c62c6;
  --pro-section-accent-2: #18a4b5;
  --pro-section-soft: rgba(44,98,198,.075);
  --pro-section-line: rgba(74,111,190,.18);
  --pro-section-selected: linear-gradient(135deg,#2760c6,#2887d7 62%,#159eaa);
}
body.pro-canvas-shell-active[data-pro-canvas-stage="horse-conditions"] :is(#market,#horse,#horse-profile-stats,#lto,#changes,#ratings,#trainer-jockey) .pro-population-card {
  border-color: rgba(83,111,177,.14) !important;
}
body.pro-canvas-shell-active[data-pro-canvas-stage="horse-conditions"] :is(#market,#horse,#horse-profile-stats,#lto,#changes,#ratings,#trainer-jockey) :is(input,select,textarea) {
  color: #17345e !important;
  background: rgba(255,255,255,.92) !important;
}
body.pro-canvas-shell-active[data-pro-canvas-stage="horse-conditions"] :is(#market,#horse,#horse-profile-stats,#lto,#changes,#ratings,#trainer-jockey) .dual-range::after {
  background: linear-gradient(90deg,#078aa8,#2466dc 58%,#6844d6) !important;
}
body.pro-canvas-shell-active[data-pro-canvas-stage="horse-conditions"] :is(#market,#horse,#horse-profile-stats,#lto,#changes,#ratings,#trainer-jockey) .dual-range-explicit-handle {
  border-color: #078aa8 !important;
}
body.pro-canvas-shell-active[data-pro-canvas-stage="horse-conditions"] :is(#market,#horse,#horse-profile-stats,#lto,#changes,#ratings,#trainer-jockey) .dual-range-explicit-handle.is-max {
  border-color: #dc4b5f !important;
}

@media (max-width: 1366px) {
  body.pro-canvas-shell-active.pro-canvas-population-stage-active .pro-population-card { padding: 10px !important; }
  body.pro-canvas-shell-active.pro-canvas-population-stage-active section.section[data-pro-population-section] .chip { font-size: 10px !important; }
}