/* Professional Systems Builder — Phase 3D breeding workspace structural reflow */

/* ========================================================================== */
/* Stage-aware command header                                                 */
/* ========================================================================== */
body.pro-canvas-shell-active[data-pro-canvas-stage="sire"],
body.pro-canvas-shell-active[data-pro-canvas-stage="dam-sire"] {
  --pro-canvas-shell-height: 154px;
}

body.pro-canvas-shell-active[data-pro-canvas-stage="sire"] .pro-canvas-command-header,
body.pro-canvas-shell-active[data-pro-canvas-stage="dam-sire"] .pro-canvas-command-header {
  min-height: 78px;
  grid-template-columns: minmax(185px,.8fr) minmax(500px,1.5fr) minmax(560px,1.25fr);
  gap: 14px;
  padding: 10px 16px;
}

body.pro-canvas-shell-active[data-pro-canvas-stage="sire"] .pro-canvas-command-title > strong,
body.pro-canvas-shell-active[data-pro-canvas-stage="dam-sire"] .pro-canvas-command-title > strong {
  font-size: clamp(23px,1.65vw,29px) !important;
  line-height: 1.04;
}

body.pro-canvas-shell-active .pro-canvas-command-system-identity {
  display: block;
  margin-top: 4px;
  overflow: hidden;
  color: rgba(225,238,255,.87);
  font-size: 9.5px;
  font-weight: 850;
  letter-spacing: .015em;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.pro-canvas-shell-active[data-pro-canvas-stage="sire"] .pro-canvas-command-state,
body.pro-canvas-shell-active[data-pro-canvas-stage="dam-sire"] .pro-canvas-command-state {
  display: none !important;
}

body.pro-canvas-shell-active .pro-canvas-command-future .pro-ui-button.is-header-future {
  min-width: 76px !important;
  min-height: 40px !important;
  padding: 0 13px !important;
  border: 1px solid rgba(218,236,255,.58) !important;
  color: rgba(250,253,255,.96) !important;
  background:
    radial-gradient(circle at 50% -30%, rgba(255,255,255,.30), transparent 55%),
    linear-gradient(180deg, rgba(208,230,255,.30), rgba(116,161,221,.15)) !important;
  box-shadow:
    0 10px 23px rgba(2,10,31,.22),
    inset 0 1px 0 rgba(255,255,255,.52),
    inset 0 -1px 0 rgba(73,123,194,.18) !important;
  -webkit-backdrop-filter: blur(15px) saturate(150%);
  backdrop-filter: blur(15px) saturate(150%);
  font-size: 10px !important;
  font-weight: 900 !important;
  opacity: .94 !important;
}

body.pro-canvas-shell-active .pro-canvas-command-actions > .pro-ui-button.is-header-apply {
  min-width: 142px !important;
  min-height: 40px !important;
  padding: 0 16px !important;
  border: 1px solid rgba(255,255,255,.30) !important;
  color: #fff !important;
  background: linear-gradient(135deg,#0b8f79,#0aa6ad 46%,#2476e8) !important;
  box-shadow: 0 11px 25px rgba(5,122,145,.28), inset 0 1px 0 rgba(255,255,255,.30) !important;
  font-size: 10px !important;
  font-weight: 950 !important;
}

body.pro-canvas-shell-active .pro-canvas-command-actions > .pro-ui-button.is-header-apply:disabled,
body.pro-canvas-shell-active .pro-canvas-command-actions > .pro-ui-button.is-header-apply[aria-disabled="true"] {
  border-color: rgba(187,210,236,.24) !important;
  color: rgba(220,232,247,.58) !important;
  background: linear-gradient(180deg,rgba(146,173,209,.20),rgba(93,125,172,.13)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18) !important;
  opacity: 1 !important;
  cursor: not-allowed !important;
}

/* ========================================================================== */
/* Population-stage selected controls: medium-strength state                  */
/* ========================================================================== */
body.pro-canvas-shell-active.pro-canvas-population-stage-active section.section[data-pro-population-section] .chip.selected {
  border: 1.5px solid var(--pro-section-accent) !important;
  color: var(--pro-section-accent) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.78), var(--pro-section-soft)),
    var(--pro-section-soft) !important;
  box-shadow:
    0 7px 17px rgba(29,45,86,.11),
    inset 0 0 0 1px var(--pro-section-line),
    inset 0 1px 0 rgba(255,255,255,.92) !important;
  text-shadow: none !important;
  filter: saturate(1.18) !important;
}
body.pro-canvas-shell-active.pro-canvas-population-stage-active section.section[data-pro-population-section] .chip.selected::before {
  display: inline-grid !important;
  place-items: center !important;
  width: 14px !important;
  height: 14px !important;
  margin-right: 6px !important;
  border-radius: 999px !important;
  color: #fff !important;
  background: var(--pro-section-accent) !important;
  box-shadow: 0 3px 8px rgba(28,43,84,.18) !important;
  font-size: 11.5px !important;
  line-height: 1 !important;
}
body.pro-canvas-shell-active.pro-canvas-population-stage-active section.section[data-pro-population-section] .chip.selected:hover:not(.disabled) {
  background:
    linear-gradient(180deg, rgba(255,255,255,.68), var(--pro-section-soft)),
    var(--pro-section-soft) !important;
  box-shadow:
    0 10px 22px rgba(29,45,86,.15),
    inset 0 0 0 1px var(--pro-section-line),
    inset 0 1px 0 rgba(255,255,255,.94) !important;
}
body.pro-canvas-shell-active.pro-canvas-population-stage-active .dual-range::before {
  height: 10px !important;
  top: 5px !important;
  border: 1px solid rgba(71,91,132,.28) !important;
  background: linear-gradient(180deg, #cfdbea, #b9c8dc) !important;
  box-shadow: inset 0 1px 4px rgba(30,49,94,.18) !important;
}
body.pro-canvas-shell-active.pro-canvas-population-stage-active .dual-range::after {
  height: 10px !important;
  top: 5px !important;
  background: linear-gradient(90deg, #078aa8, #2466dc 58%, #6844d6) !important;
  box-shadow: 0 0 0 1px rgba(37,99,235,.18), 0 4px 11px rgba(37,99,235,.24) !important;
}
body.pro-canvas-shell-active.pro-canvas-population-stage-active .dual-range input[type="range"]::-webkit-slider-thumb {
  width: 22px !important;
  height: 22px !important;
  margin-top: -6px !important;
  border: 4px solid #0e7fa0 !important;
  background: #fff !important;
  box-shadow: 0 0 0 2px rgba(255,255,255,.96), 0 7px 16px rgba(15,23,42,.28) !important;
}
body.pro-canvas-shell-active.pro-canvas-population-stage-active .dual-range input[type="range"]::-moz-range-thumb,
body.pro-canvas-shell-active.pro-canvas-population-stage-active .dual-range-explicit-handle {
  width: 22px !important;
  height: 22px !important;
  border: 4px solid #0e7fa0 !important;
  background: #fff !important;
  box-shadow: 0 0 0 2px rgba(255,255,255,.96), 0 7px 16px rgba(15,23,42,.28) !important;
}


/* ========================================================================== */
/* Phase 3D two-column journey / workspace reflow                              */
/* ========================================================================== */
#proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d {
  padding: 10px 12px 22px !important;
  gap: 10px !important;
  background:
    radial-gradient(circle at 3% 2%,rgba(34,211,238,.08),transparent 23%),
    radial-gradient(circle at 97% 0%,rgba(124,58,237,.08),transparent 24%),
    linear-gradient(180deg,#f2f6ff 0%,#edf3ff 48%,#f8faff 100%) !important;
}

#proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-phase3bc-retired-workspace-card,
#proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d > .pro-sire-query-grid-summary {
  display: none !important;
}

.pro-breeding-workspace-hero {
  display: grid;
  grid-template-columns: minmax(0,1.34fr) minmax(520px,1fr);
  align-items: stretch;
  gap: 10px;
  width: 100%;
  margin: 0 0 2px;
}

.pro-breeding-journey-column,
.pro-breeding-control-column {
  min-width: 0;
}

.pro-breeding-control-column {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 9px;
  border: 1px solid rgba(72,108,188,.20);
  border-radius: 20px;
  background:
    radial-gradient(circle at 100% 0%,rgba(34,211,238,.10),transparent 31%),
    linear-gradient(180deg,rgba(255,255,255,.94),rgba(237,245,255,.89));
  box-shadow: 0 13px 30px rgba(28,43,84,.10), inset 0 1px 0 rgba(255,255,255,.93);
}

.pro-breeding-compact-state-strip {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: center;
  gap: 7px 10px;
  min-height: 56px;
  margin: 0;
  padding: 8px 10px;
  border: 1px solid rgba(76,111,190,.18);
  border-radius: 13px;
  background: linear-gradient(180deg,rgba(255,255,255,.91),rgba(239,246,255,.83));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.90);
}

.pro-breeding-state-identity {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.pro-breeding-state-identity > span {
  color: #3159a8;
  font-size: 10.5px;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
  white-space: nowrap;
}

.pro-breeding-state-identity > strong {
  overflow: hidden;
  color: #415a78;
  font-size: 10.5px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pro-breeding-state-identity > strong.is-pending { color: #9a5b00; }

.pro-breeding-state-chips {
  display: flex;
  justify-content: flex-end;
  gap: 5px;
  min-width: 0;
}

.pro-breeding-state-chips > span {
  display: inline-flex;
  align-items: center;
  min-height: 27px;
  padding: 4px 10px;
  border: 1px solid rgba(76,111,190,.18);
  border-radius: 999px;
  color: #4c6381;
  background: rgba(255,255,255,.78);
  font-size: 9.6px;
  font-weight: 850;
  white-space: nowrap;
}

.pro-breeding-state-chips > span.is-applied {
  border-color: rgba(5,150,105,.25);
  color: #087557;
  background: rgba(232,250,244,.90);
}

.pro-breeding-state-message {
  grid-column: 1 / -1;
  min-width: 0;
}

.pro-breeding-state-message .pro-sire-hidden-status:not([hidden]) {
  max-width: none !important;
  margin: 0 !important;
  padding: 5px 8px !important;
  border-radius: 8px !important;
  font-size: 8px !important;
  line-height: 1.2 !important;
}

/* ========================================================================== */
/* System Journey — progression column and diagnostic column                   */
/* ========================================================================== */
.pro-breeding-journey-column .pro-canvas-system-journey.pro-canvas-journey-phase3d {
  height: 100%;
  margin: 0 !important;
  padding: 10px !important;
  border: 1px solid rgba(77,112,191,.20) !important;
  border-radius: 20px !important;
  background:
    radial-gradient(circle at 3% 0%,rgba(34,211,238,.12),transparent 26%),
    radial-gradient(circle at 97% 0%,rgba(124,58,237,.11),transparent 28%),
    linear-gradient(180deg,rgba(255,255,255,.95),rgba(237,245,255,.88)) !important;
  box-shadow: 0 13px 30px rgba(28,43,84,.10), inset 0 1px 0 rgba(255,255,255,.93) !important;
}

.pro-canvas-system-journey.pro-canvas-journey-phase3d .pro-canvas-journey-head {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: center;
  gap: 8px;
  min-height: 46px;
  margin: 0 2px 8px !important;
}

.pro-canvas-system-journey.pro-canvas-journey-phase3d .pro-canvas-journey-head > div:first-child {
  display: flex !important;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 4px 10px;
  min-width: 0;
}

.pro-canvas-system-journey.pro-canvas-journey-phase3d .pro-canvas-journey-head > div:first-child > span {
  color: #3159a8 !important;
  font-size: 11.5px !important;
  font-weight: 950 !important;
  letter-spacing: .13em !important;
  text-transform: uppercase !important;
}

.pro-canvas-system-journey.pro-canvas-journey-phase3d .pro-canvas-journey-head > div:first-child > strong {
  overflow: visible;
  color: #415a78 !important;
  font-size: 11.5px !important;
  font-weight: 800 !important;
  line-height: 1.2;
  text-overflow: clip;
  white-space: normal;
}

.pro-canvas-system-journey.pro-canvas-journey-phase3d .pro-canvas-journey-head > div:first-child > em {
  display: none !important;
  grid-column: 1 / -1;
  color: #6a7d98 !important;
  font-size: 7.7px !important;
  font-style: normal;
  font-weight: 760;
  line-height: 1.15;
  white-space: normal;
}

.pro-canvas-system-journey.pro-canvas-journey-phase3d .pro-canvas-journey-identities {
  display: flex;
  justify-content: flex-end;
  gap: 4px;
  min-width: 0;
}

.pro-canvas-system-journey.pro-canvas-journey-phase3d .pro-canvas-journey-identities b {
  min-height: 27px !important;
  padding: 5px 10px !important;
  font-size: 9.8px !important;
  white-space: nowrap;
}

.pro-canvas-system-journey.pro-canvas-journey-phase3d .pro-canvas-journey-grid {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  grid-template-rows: repeat(3,minmax(92px,auto));
  gap: 7px !important;
}

.pro-canvas-system-journey.pro-canvas-journey-phase3d .pro-canvas-journey-card:nth-child(1) { grid-column: 1; grid-row: 1; }
.pro-canvas-system-journey.pro-canvas-journey-phase3d .pro-canvas-journey-card:nth-child(2) { grid-column: 1; grid-row: 2; }
.pro-canvas-system-journey.pro-canvas-journey-phase3d .pro-canvas-journey-card:nth-child(3) { grid-column: 1; grid-row: 3; }
.pro-canvas-system-journey.pro-canvas-journey-phase3d .pro-canvas-journey-card:nth-child(4) { grid-column: 2; grid-row: 1; }
.pro-canvas-system-journey.pro-canvas-journey-phase3d .pro-canvas-journey-card:nth-child(5) { grid-column: 2; grid-row: 2; }
.pro-canvas-system-journey.pro-canvas-journey-phase3d .pro-canvas-journey-card:nth-child(6) { grid-column: 2; grid-row: 3; }

.pro-canvas-system-journey.pro-canvas-journey-phase3d .pro-canvas-journey-card {
  min-height: 92px !important;
  padding: 8px 9px !important;
  border-radius: 13px !important;
  background:
    radial-gradient(circle at 96% 0%,rgba(59,130,246,.07),transparent 34%),
    linear-gradient(145deg,rgba(255,255,255,.97),rgba(237,245,255,.88)) !important;
}

.pro-canvas-system-journey.pro-canvas-journey-phase3d .pro-canvas-journey-card:nth-child(n+4) {
  background:
    radial-gradient(circle at 96% 0%,rgba(124,58,237,.08),transparent 34%),
    linear-gradient(145deg,rgba(250,252,255,.98),rgba(239,242,255,.90)) !important;
}

.pro-canvas-system-journey.pro-canvas-journey-phase3d .pro-canvas-journey-card > header strong {
  color: #243954 !important;
  font-size: 10.5px !important;
}

.pro-canvas-system-journey.pro-canvas-journey-phase3d .pro-canvas-journey-card > header span,
.pro-canvas-system-journey.pro-canvas-journey-phase3d .pro-canvas-journey-card > header em {
  font-size: 6.9px !important;
}

.pro-canvas-system-journey.pro-canvas-journey-phase3d .pro-canvas-journey-money {
  margin: 4px 0 3px 1px !important;
}

.pro-canvas-system-journey.pro-canvas-journey-phase3d .pro-canvas-journey-money b {
  font-size: 18px !important;
  line-height: 1 !important;
}

.pro-canvas-system-journey.pro-canvas-journey-phase3d .pro-canvas-journey-metrics {
  gap: 4px !important;
}

.pro-canvas-system-journey.pro-canvas-journey-phase3d .pro-canvas-journey-metrics > span {
  min-width: 0;
  padding: 4px 5px !important;
  border-radius: 7px !important;
}

.pro-canvas-system-journey.pro-canvas-journey-phase3d .pro-canvas-journey-metrics b {
  font-size: 9px !important;
}

.pro-canvas-system-journey.pro-canvas-journey-phase3d .pro-canvas-journey-metrics em {
  font-size: 6.2px !important;
}

.pro-canvas-system-journey.pro-canvas-journey-phase3d .pro-canvas-journey-card.is-stage-highlight {
  transform: none !important;
  border-color: rgba(39,119,219,.50) !important;
  box-shadow: 0 10px 24px rgba(37,99,235,.17), 0 0 0 2px rgba(56,189,248,.11), inset 0 1px 0 rgba(255,255,255,.94) !important;
}

/* ========================================================================== */
/* Vertical workspace navigation and natural-height panels                     */
/* ========================================================================== */
#proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-workspace-main-stage,
#proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-workspace-control-deck,
#proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-control-deck-card-v2,
#proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-control-deck-card-v3 {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  overflow: visible !important;
}

#proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-workspace-overview {
  display: none !important;
}

#proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-control-deck-card-v3 {
  display: grid !important;
  grid-template-columns: 132px minmax(0,1fr) !important;
  align-items: start;
  gap: 0;
  padding: 0 !important;
  border: 1px solid rgba(71,103,176,.18) !important;
  border-radius: 14px !important;
  background: rgba(249,252,255,.91) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.92) !important;
}

#proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-deck-tabs {
  grid-column: 1;
  grid-row: 1;
  display: grid !important;
  grid-template-columns: 1fr !important;
  align-content: start;
  gap: 5px !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 7px !important;
  border-right: 1px solid rgba(71,103,176,.15);
  border-bottom: 0 !important;
  background: linear-gradient(180deg,rgba(239,246,255,.88),rgba(246,249,255,.78)) !important;
  overflow: visible !important;
}

#proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-deck-tab {
  min-width: 0 !important;
  min-height: 42px !important;
  padding: 7px 8px !important;
  border: 1px solid rgba(71,103,176,.16) !important;
  border-radius: 10px !important;
  color: #435b7a !important;
  background: rgba(255,255,255,.76) !important;
  font-size: 8.2px !important;
  font-weight: 930 !important;
  line-height: 1.15 !important;
  text-align: left !important;
  white-space: normal !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.88) !important;
}

#proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-deck-tab.is-active {
  border-color: rgba(72,130,225,.46) !important;
  color: #fff !important;
  background: linear-gradient(135deg,#174d99,#2a5fc1 58%,#6550d3) !important;
  box-shadow: 0 8px 18px rgba(37,99,235,.18), inset 0 1px 0 rgba(255,255,255,.22) !important;
}

#proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-deck-panel {
  grid-column: 2;
  grid-row: 1;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 8px 9px !important;
  overflow: visible !important;
}

#proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-deck-panel[hidden] {
  display: none !important;
}

#proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-deck-panel:not([hidden]),
#proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-deck-panel.is-active {
  display: block !important;
}

#proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-deck-copy {
  display: grid !important;
  grid-template-columns: auto minmax(0,1fr);
  align-items: baseline;
  gap: 4px 8px !important;
  margin: 0 0 6px !important;
}

#proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-deck-copy strong {
  color: #18355f !important;
  font-size: 9px !important;
  white-space: nowrap;
}

#proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-deck-copy span {
  color: #60738d !important;
  font-size: 7.8px !important;
  line-height: 1.2 !important;
}

/* Rule activation */
#proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-rule-activation-hub {
  display: grid !important;
  gap: 6px !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

#proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-rule-pause-section {
  display: grid !important;
  grid-template-columns: minmax(160px,.7fr) minmax(260px,1.3fr) !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 7px 8px !important;
  border: 1px solid rgba(56,105,210,.17) !important;
  border-radius: 10px !important;
  background: linear-gradient(135deg,rgba(239,247,255,.92),rgba(247,252,255,.90)) !important;
}

#proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-rule-pause-copy {
  display: grid !important;
  gap: 2px !important;
}

#proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-rule-pause-copy strong {
  color: #20467e !important;
  font-size: 7.8px !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}

#proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-rule-pause-copy span {
  color: #61748e !important;
  font-size: 7px !important;
  line-height: 1.18 !important;
}

#proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-family-pause-bar {
  display: grid !important;
  grid-template-columns: repeat(3,1fr) !important;
  gap: 5px !important;
}

#proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-family-pause-bar button {
  min-height: 31px !important;
  padding-inline: 7px !important;
  font-size: 7.8px !important;
}

#proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-rule-activation-divider {
  min-height: 14px !important;
  margin: 0 !important;
}

#proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-rule-activation-grid {
  display: grid !important;
  grid-template-columns: repeat(6,minmax(0,1fr)) !important;
  gap: 5px !important;
  align-items: stretch !important;
}

#proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-rule-activation-card {
  min-height: 55px !important;
  padding: 6px !important;
  border-radius: 9px !important;
}

#proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-rule-activation-action { grid-column: span 2 !important; }
#proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-rule-activation-scope { grid-column: span 4 !important; }
#proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-rule-activation-family { grid-column: span 2 !important; }
#proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-rule-activation-apply-row { grid-column: 1 / -1 !important; }

#proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-rule-activation-chip,
#proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-rule-activation-scope-chip,
#proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-rule-activation-family-chip {
  min-height: 28px !important;
  padding: 0 6px !important;
  font-size: 7.5px !important;
}

#proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d #proSireApplyRuleActivationButton {
  width: 100% !important;
  min-height: 34px !important;
  border-radius: 9px !important;
  color: #fff !important;
  background: linear-gradient(135deg,#1f5ea9,#315cc2 58%,#5b49c7) !important;
  font-size: 8.5px !important;
  font-weight: 950 !important;
}

/* Bulk edit */
#proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-bulk-tuning {
  display: block !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

#proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-bulk-grid {
  display: grid !important;
  grid-template-columns: repeat(6,minmax(0,1fr)) !important;
  gap: 6px !important;
  align-items: stretch !important;
}

#proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-bulk-scope {
  grid-column: 1 / -1 !important;
}

#proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-bulk-rule-card {
  grid-column: span 2 !important;
}

#proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-bulk-apply-row {
  grid-column: 1 / -1 !important;
}

#proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-bulk-field,
#proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-bulk-rule-card {
  min-height: 62px !important;
  padding: 6px 7px !important;
  border-radius: 9px !important;
}

#proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-bulk-scope-chips {
  display: grid !important;
  grid-template-columns: repeat(3,1fr) !important;
  gap: 5px !important;
}

#proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-bulk-scope-chip {
  min-height: 28px !important;
  font-size: 7.5px !important;
}

#proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-bulk-minmax input {
  height: 29px !important;
  min-height: 29px !important;
  font-size: 8px !important;
}

#proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d #proSireApplyBulkButton {
  width: 100% !important;
  min-height: 34px !important;
  border-radius: 9px !important;
  color: #fff !important;
  background: linear-gradient(135deg,#1f5ea9,#315cc2 58%,#5b49c7) !important;
  font-size: 8.5px !important;
  font-weight: 950 !important;
}

/* Query filters */
#proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-query-filter-bar {
  display: block !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

#proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-filter-grid {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  align-items: end !important;
  gap: 6px !important;
}

#proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-filter-components {
  grid-column: 1 / -1 !important;
}

#proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-filter-field {
  min-height: 0 !important;
  padding: 6px 7px !important;
  border-radius: 9px !important;
}

#proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-filter-search input {
  min-height: 31px !important;
  font-size: 8px !important;
}

#proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-filter-token {
  min-height: 25px !important;
  padding: 0 7px !important;
  font-size: 7.2px !important;
}

/* Rule setup, Performance and History */
#proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-lab-status-grid {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 6px !important;
}

#proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-lab-family-card {
  min-height: 54px !important;
  padding: 6px 8px !important;
}

#proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-command-status-grid-v2 {
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  gap: 5px !important;
}

#proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-workbench-status > span {
  min-height: 48px !important;
  padding: 6px !important;
}

#proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-performance-head,
#proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-experiment-history-tab-toolbar {
  gap: 6px !important;
  margin-bottom: 6px !important;
}

#proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-family-comparison-panel,
#proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-experiment-history-compact-list {
  max-height: none !important;
  overflow: visible !important;
}

/* ========================================================================== */
/* Full-width query grid                                                       */
/* ========================================================================== */
#proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-table-tools {
  position: relative !important;
  z-index: 4 !important;
  min-height: 48px !important;
  margin: 0 !important;
  border-radius: 14px 14px 0 0 !important;
}

#proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-query-grid-scroll {
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  border-radius: 0 0 15px 15px !important;
  scroll-padding-top: 50px;
}

#proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-query-grid-table {
  margin: 0 !important;
}

#proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-query-grid-table thead {
  display: table-header-group !important;
  position: static !important;
}

#proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-query-grid-table thead tr {
  position: static !important;
}

#proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-query-grid-table thead th {
  position: sticky !important;
  top: 0 !important;
  z-index: 260 !important;
  height: 48px !important;
  min-height: 48px !important;
  padding-top: 9px !important;
  padding-bottom: 9px !important;
  background-clip: padding-box !important;
}

#proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-query-grid-table thead th:first-child {
  z-index: 280 !important;
}

#proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-query-grid-table tbody tr:first-child th,
#proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-query-grid-table tbody tr:first-child td {
  border-top: 0 !important;
}

/* ========================================================================== */
/* Query Performance Matrix                                                   */
/* ========================================================================== */
.pro-query-matrix-overlay {
  position: fixed;
  inset: 0;
  z-index: 2147483400;
  display: grid;
  place-items: center;
  padding: 24px;
}
.pro-query-matrix-overlay[hidden] { display: none !important; }
.pro-query-matrix-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(5,13,31,.68);
  -webkit-backdrop-filter: blur(12px) saturate(115%);
  backdrop-filter: blur(12px) saturate(115%);
}
.pro-query-matrix-dialog {
  position: relative;
  display: grid;
  grid-template-rows: auto auto minmax(0,1fr);
  width: min(1540px, calc(100vw - 48px));
  height: min(900px, calc(100vh - 48px));
  overflow: hidden;
  border: 1px solid rgba(189,218,255,.50);
  border-radius: 23px;
  background:
    radial-gradient(circle at 96% 0%, rgba(34,211,238,.12), transparent 30%),
    linear-gradient(180deg, rgba(251,253,255,.98), rgba(235,243,255,.97));
  box-shadow: 0 34px 90px rgba(4,12,32,.40), inset 0 1px 0 rgba(255,255,255,.94);
}
.pro-query-matrix-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 86px;
  padding: 15px 18px;
  border-bottom: 1px solid rgba(74,105,173,.18);
  background: linear-gradient(135deg, rgba(12,32,76,.98), rgba(37,77,169,.95) 62%, rgba(22,163,190,.90));
}
.pro-query-matrix-header span {
  color: #76eef1;
  font-size: 8px;
  font-weight: 950;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.pro-query-matrix-header h2 {
  margin: 2px 0 3px;
  color: #fff;
  font-size: 24px;
}
.pro-query-matrix-header p {
  margin: 0;
  color: rgba(231,240,255,.82);
  font-size: 10px;
}
.pro-phase3bc-close-button {
  min-width: 76px !important;
  min-height: 36px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(255,171,191,.46) !important;
  border-radius: 11px !important;
  color: #9f2949 !important;
  background: linear-gradient(180deg, rgba(255,250,252,.98), rgba(255,226,235,.94)) !important;
  box-shadow: 0 8px 18px rgba(128,28,57,.12), inset 0 1px 0 rgba(255,255,255,.94) !important;
  font-size: 9px !important;
  font-weight: 950 !important;
}
.pro-phase3bc-close-button:hover,
.pro-phase3bc-close-button:focus-visible {
  transform: translateY(-1px) !important;
  border-color: rgba(222,72,107,.62) !important;
  color: #851d3a !important;
  box-shadow: 0 11px 22px rgba(128,28,57,.17), inset 0 1px 0 rgba(255,255,255,.96) !important;
}
.pro-query-matrix-controls {
  display: grid;
  grid-template-columns: auto minmax(260px,1fr) auto;
  align-items: end;
  gap: 12px;
  padding: 10px 14px;
  border-bottom: 1px solid rgba(74,105,173,.16);
  background: rgba(247,251,255,.94);
}
.pro-query-matrix-lenses {
  display: flex;
  gap: 5px;
}
.pro-query-matrix-lenses button {
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid rgba(64,98,174,.20);
  border-radius: 9px;
  color: #45617f;
  background: linear-gradient(180deg,#fff,#edf4fc);
  font-size: 9px;
  font-weight: 900;
}
.pro-query-matrix-lenses button.is-active {
  color: #fff;
  border-color: rgba(255,255,255,.22);
  background: linear-gradient(135deg,#174485,#2d62c7 60%,#6649cf);
  box-shadow: 0 8px 17px rgba(37,99,235,.18);
}
.pro-query-matrix-search {
  display: grid;
  gap: 3px;
}
.pro-query-matrix-search span {
  color: #56708e;
  font-size: 7.5px;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.pro-query-matrix-search input {
  min-height: 35px;
  padding: 0 11px;
  border: 1px solid rgba(72,104,174,.22);
  border-radius: 9px;
  background: rgba(255,255,255,.94);
  color: #172943;
  font-size: 10px;
  outline: none;
}
.pro-query-matrix-search input:focus {
  border-color: rgba(37,99,235,.48);
  box-shadow: 0 0 0 4px rgba(37,99,235,.10);
}
.pro-query-matrix-count {
  align-self: center;
  color: #49617e;
  font-size: 9px;
  font-weight: 850;
  white-space: nowrap;
}
.pro-query-matrix-table-wrap {
  min-height: 0;
  overflow: auto;
  background: rgba(255,255,255,.92);
}
.pro-query-matrix-table {
  width: 100%;
  min-width: 1160px;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
}
.pro-query-matrix-table th,
.pro-query-matrix-table td {
  padding: 9px 11px;
  border-right: 1px solid rgba(83,111,161,.10);
  border-bottom: 1px solid rgba(83,111,161,.14);
  color: #1c2d45;
  font-size: 10.5px;
  text-align: right;
}
.pro-query-matrix-table th:nth-child(1),
.pro-query-matrix-table td:nth-child(1) { width: 78px; text-align: left; }
.pro-query-matrix-table th:nth-child(2),
.pro-query-matrix-table td:nth-child(2) { width: 42%; text-align: left; }
.pro-query-matrix-table th:nth-child(3),
.pro-query-matrix-table td:nth-child(3) { width: 90px; text-align: center; }
.pro-query-matrix-table thead th {
  position: sticky;
  top: 0;
  z-index: 5;
  min-height: 44px;
  color: #28466f;
  background: linear-gradient(180deg,#f6faff,#e7f0fb);
  box-shadow: inset 0 -1px 0 rgba(57,92,160,.20);
}
.pro-query-matrix-table thead button {
  display: inline-flex;
  width: 100%;
  min-height: 28px;
  align-items: center;
  border: 0;
  padding: 0;
  color: inherit;
  background: transparent;
  font: inherit;
  font-weight: 950;
  text-align: inherit;
  cursor: pointer;
  opacity: 1;
  visibility: visible;
}
.pro-query-matrix-table thead th:nth-child(-n+2) button { justify-content: flex-start; }
.pro-query-matrix-table thead th:nth-child(3) button { justify-content: center; }
.pro-query-matrix-table thead th:nth-child(n+4) button { justify-content: flex-end; }
.pro-query-matrix-table tbody tr:hover {
  background: rgba(233,243,255,.72);
}
.pro-query-matrix-table tbody tr.is-last-opened {
  background: linear-gradient(90deg,rgba(219,234,254,.90),rgba(245,243,255,.78));
  box-shadow: inset 4px 0 0 #3b82f6;
}
.pro-query-matrix-table [data-pro-query-matrix-query] {
  min-width: 50px;
  min-height: 30px;
  border: 1px solid rgba(37,99,235,.28);
  border-radius: 8px;
  color: #174ea6;
  background: linear-gradient(180deg,#fff,#eaf3ff);
  font-size: 10.5px;
  font-weight: 950;
  cursor: pointer;
}
.pro-query-matrix-table td > span.is-active,
.pro-query-matrix-table td > span.is-inactive {
  display: inline-flex;
  min-height: 22px;
  align-items: center;
  padding: 0 7px;
  border-radius: 999px;
  font-size: 7.5px;
  font-weight: 900;
}
.pro-query-matrix-table td > span.is-active {
  color: #087557;
  background: #e7f8f1;
}
.pro-query-matrix-table td > span.is-inactive {
  color: #7a5260;
  background: #f7edf1;
}
.pro-query-matrix-table td.is-positive { color: #087a58; font-weight: 900; }
.pro-query-matrix-table td.is-negative { color: #c73b54; font-weight: 900; }
.pro-query-matrix-empty {
  padding: 32px !important;
  text-align: center !important;
  color: #64748b !important;
}

/* ========================================================================== */
/* Query Detail — read-only analytical overlay                                */
/* ========================================================================== */
#proSireQueryDetailWorkspace.pro-phase3bc-read-only-detail {
  z-index: 2147483450 !important;
  padding: 18px !important;
  background: rgba(5,13,31,.70) !important;
  -webkit-backdrop-filter: blur(12px) saturate(115%) !important;
  backdrop-filter: blur(12px) saturate(115%) !important;
}
#proSireQueryDetailWorkspace.pro-phase3bc-read-only-detail .pro-sire-query-detail-shell {
  width: min(1580px, calc(100vw - 36px)) !important;
  min-height: calc(100vh - 36px) !important;
  margin: 0 auto !important;
  border: 1px solid rgba(190,220,255,.50) !important;
  border-radius: 22px !important;
  background:
    radial-gradient(circle at 95% 0%, rgba(34,211,238,.10), transparent 28%),
    linear-gradient(180deg, rgba(251,253,255,.99), rgba(235,243,255,.98)) !important;
  box-shadow: 0 34px 90px rgba(4,12,32,.42), inset 0 1px 0 rgba(255,255,255,.94) !important;
}
#proSireQueryDetailWorkspace.pro-phase3bc-read-only-detail .pro-sire-query-detail-warning {
  color: #315b92 !important;
  border-color: rgba(59,130,246,.24) !important;
  background: rgba(232,242,255,.92) !important;
}
#proSireQueryDetailWorkspace.pro-phase3bc-read-only-detail [data-pro-sire-detail-copy-family],
#proSireQueryDetailWorkspace.pro-phase3bc-read-only-detail [data-pro-sire-detail-toggle-family],
#proSireQueryDetailWorkspace.pro-phase3bc-read-only-detail [data-pro-sire-detail-apply-family] {
  display: none !important;
}
#proSireQueryDetailWorkspace.pro-phase3bc-read-only-detail .pro-sire-query-lab-controls.is-read-only {
  opacity: .84;
}
#proSireQueryDetailWorkspace.pro-phase3bc-read-only-detail [data-pro-sire-detail-input]:disabled {
  color: #334155 !important;
  background: #eef3f8 !important;
  opacity: 1 !important;
}
#proSireQueryDetailWorkspace.pro-phase3bc-read-only-detail .pro-sire-query-detail-table th,
#proSireQueryDetailWorkspace.pro-phase3bc-read-only-detail .pro-sire-query-detail-table td {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}

/* ========================================================================== */
/* Component Performance                                                      */
/* ========================================================================== */
#proSireComponentPerformanceModal.pro-phase3bc-analytics-overlay {
  z-index: 2147483420 !important;
  padding: 24px !important;
}
#proSireComponentPerformanceModal.pro-phase3bc-analytics-overlay .pro-sire-component-modal-panel {
  width: min(1420px, calc(100vw - 48px)) !important;
  height: min(850px, calc(100vh - 48px)) !important;
  max-width: none !important;
  max-height: none !important;
  border: 1px solid rgba(190,220,255,.50) !important;
  border-radius: 22px !important;
  background: linear-gradient(180deg,rgba(250,253,255,.99),rgba(234,243,255,.98)) !important;
  box-shadow: 0 34px 90px rgba(4,12,32,.42), inset 0 1px 0 rgba(255,255,255,.94) !important;
}
#proSireComponentPerformanceModal.pro-phase3bc-analytics-overlay .pro-sire-component-modal-header {
  min-height: 92px !important;
  padding: 15px 18px !important;
  color: #fff !important;
  background: linear-gradient(135deg,rgba(12,32,76,.99),rgba(37,77,169,.96) 62%,rgba(22,163,190,.91)) !important;
}
#proSireComponentPerformanceModal.pro-phase3bc-analytics-overlay .pro-sire-component-modal-header h3 {
  color: #fff !important;
  font-size: 23px !important;
}
#proSireComponentPerformanceModal.pro-phase3bc-analytics-overlay .pro-sire-component-modal-header p {
  color: rgba(231,240,255,.82) !important;
}
#proSireComponentPerformanceModal.pro-phase3bc-analytics-overlay .pro-phase3bc-analysis-state {
  display: inline-flex;
  margin-top: 6px;
  padding: 4px 8px;
  border: 1px solid rgba(120,236,233,.28);
  border-radius: 999px;
  color: #a7fff4;
  background: rgba(10,107,120,.24);
  font-size: 7.5px;
  font-weight: 900;
}
#proSireComponentPerformanceModal.pro-phase3bc-analytics-overlay .pro-sire-component-modal-body {
  min-height: 0 !important;
  padding: 12px !important;
  overflow: auto !important;
}
#proSireComponentPerformanceModal.pro-phase3bc-analytics-overlay .pro-component-performance-table th,
#proSireComponentPerformanceModal.pro-phase3bc-analytics-overlay .pro-component-performance-table td,
#proSireComponentPerformanceModal.pro-phase3bc-analytics-overlay .pro-component-query-table th,
#proSireComponentPerformanceModal.pro-phase3bc-analytics-overlay .pro-component-query-table td {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}

/* ========================================================================== */
/* Experiment History                                                         */
/* ========================================================================== */
#proExperimentHistoryModal.pro-phase3bc-analytics-overlay {
  z-index: 2147483430 !important;
}
#proExperimentHistoryModal.pro-phase3bc-analytics-overlay .pro-experiment-history-dialog {
  width: min(1450px, calc(100vw - 48px)) !important;
  height: min(860px, calc(100vh - 48px)) !important;
  max-width: none !important;
  max-height: none !important;
  border: 1px solid rgba(190,220,255,.50) !important;
  border-radius: 22px !important;
  background: linear-gradient(180deg,rgba(250,253,255,.99),rgba(234,243,255,.98)) !important;
  box-shadow: 0 34px 90px rgba(4,12,32,.42), inset 0 1px 0 rgba(255,255,255,.94) !important;
}
#proExperimentHistoryModal.pro-phase3bc-analytics-overlay .pro-experiment-history-dialog-header {
  min-height: 92px !important;
  padding: 15px 18px !important;
  color: #fff !important;
  background: linear-gradient(135deg,rgba(12,32,76,.99),rgba(37,77,169,.96) 62%,rgba(22,163,190,.91)) !important;
}
#proExperimentHistoryModal.pro-phase3bc-analytics-overlay .pro-experiment-history-dialog-header h2 {
  color: #fff !important;
}
#proExperimentHistoryModal.pro-phase3bc-analytics-overlay .pro-experiment-history-dialog-header p {
  color: rgba(231,240,255,.82) !important;
}
#proExperimentHistoryModal.pro-phase3bc-analytics-overlay .pro-experiment-history-master-detail {
  min-height: 0 !important;
  overflow: hidden !important;
}
#proExperimentHistoryModal.pro-phase3bc-analytics-overlay .pro-experiment-history-timeline-shell,
#proExperimentHistoryModal.pro-phase3bc-analytics-overlay .pro-experiment-history-detail {
  min-height: 0 !important;
  overflow: auto !important;
}
#proExperimentHistoryModal.pro-phase3bc-analytics-overlay .pro-experiment-metrics table th,
#proExperimentHistoryModal.pro-phase3bc-analytics-overlay .pro-experiment-metrics table td,
#proExperimentHistoryModal.pro-phase3bc-analytics-overlay .pro-experiment-change-table th,
#proExperimentHistoryModal.pro-phase3bc-analytics-overlay .pro-experiment-change-table td {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}
#proExperimentHistoryModal.pro-phase3bc-analytics-overlay .pro-experiment-detail-changes > summary {
  cursor: pointer !important;
  user-select: none;
}

/* ========================================================================== */
/* Responsive                                                                 */
/* ========================================================================== */
@media (max-width: 1650px) {
  body.pro-canvas-shell-active[data-pro-canvas-stage="sire"] .pro-canvas-command-header,
  body.pro-canvas-shell-active[data-pro-canvas-stage="dam-sire"] .pro-canvas-command-header {
    grid-template-columns: minmax(155px,.7fr) minmax(390px,1.2fr) minmax(500px,1.25fr);
    gap: 10px;
    padding-inline: 12px;
  }
  body.pro-canvas-shell-active .pro-canvas-command-future .pro-ui-button.is-header-future {
    min-width: 66px !important;
    padding-inline: 9px !important;
  }
  body.pro-canvas-shell-active .pro-canvas-command-actions > .pro-ui-button.is-header-apply {
    min-width: 116px !important;
    padding-inline: 10px !important;
  }
  .pro-breeding-workspace-hero {
    grid-template-columns: minmax(0,1.38fr) minmax(470px,1fr);
  }
  #proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-control-deck-card-v3 {
    grid-template-columns: 118px minmax(0,1fr) !important;
  }
}

@media (max-width: 1450px) {
  body.pro-canvas-shell-active[data-pro-canvas-stage="sire"],
  body.pro-canvas-shell-active[data-pro-canvas-stage="dam-sire"] {
    --pro-canvas-shell-height: 158px;
  }
  body.pro-canvas-shell-active[data-pro-canvas-stage="sire"] .pro-canvas-command-header,
  body.pro-canvas-shell-active[data-pro-canvas-stage="dam-sire"] .pro-canvas-command-header {
    min-height: 82px;
    grid-template-columns: auto minmax(320px,1fr) auto;
  }
  .pro-breeding-workspace-hero {
    grid-template-columns: minmax(0,1.25fr) minmax(440px,1fr);
  }
  .pro-canvas-system-journey.pro-canvas-journey-phase3d .pro-canvas-journey-head {
    grid-template-columns: 1fr;
  }
  .pro-canvas-system-journey.pro-canvas-journey-phase3d .pro-canvas-journey-identities {
    justify-content: flex-start;
  }
}

@media (max-width: 1400px) {
  .pro-breeding-workspace-hero {
    grid-template-columns: 1fr;
  }
  .pro-breeding-control-column {
    order: 2;
  }
  .pro-breeding-journey-column {
    order: 1;
  }
  .pro-canvas-system-journey.pro-canvas-journey-phase3d .pro-canvas-journey-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
  #proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-control-deck-card-v3 {
    grid-template-columns: 145px minmax(0,1fr) !important;
  }
}


@media (max-width: 1180px) {
  #proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-control-deck-card-v3 {
    grid-template-columns: 132px minmax(0,1fr) !important;
  }
}

@media (max-width: 900px) {
  body.pro-canvas-shell-active[data-pro-canvas-stage="sire"] .pro-canvas-command-system-identity,
  body.pro-canvas-shell-active[data-pro-canvas-stage="dam-sire"] .pro-canvas-command-system-identity {
    display: none;
  }
  .pro-breeding-compact-state-strip {
    grid-template-columns: 1fr;
  }
  .pro-breeding-state-chips {
    justify-content: flex-start;
    overflow-x: auto;
  }
  .pro-canvas-system-journey.pro-canvas-journey-phase3d .pro-canvas-journey-head {
    grid-template-columns: 1fr;
  }
  .pro-canvas-system-journey.pro-canvas-journey-phase3d .pro-canvas-journey-head > div:first-child {
    grid-template-columns: 1fr;
  }
  .pro-canvas-system-journey.pro-canvas-journey-phase3d .pro-canvas-journey-head > div:first-child > em {
    grid-column: auto;
  }
  .pro-canvas-system-journey.pro-canvas-journey-phase3d .pro-canvas-journey-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
  #proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-control-deck-card-v3 {
    grid-template-columns: 116px minmax(0,1fr) !important;
  }
  #proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-deck-tab {
    min-height: 38px !important;
    font-size: 7.5px !important;
  }
  #proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-rule-pause-section {
    grid-template-columns: 1fr !important;
  }
  .pro-query-matrix-overlay,
  #proSireComponentPerformanceModal.pro-phase3bc-analytics-overlay {
    padding: 10px !important;
  }
  .pro-query-matrix-dialog,
  #proSireComponentPerformanceModal.pro-phase3bc-analytics-overlay .pro-sire-component-modal-panel,
  #proExperimentHistoryModal.pro-phase3bc-analytics-overlay .pro-experiment-history-dialog {
    width: calc(100vw - 20px) !important;
    height: calc(100vh - 20px) !important;
    border-radius: 16px !important;
  }
  .pro-query-matrix-controls {
    grid-template-columns: 1fr !important;
  }
  .pro-query-matrix-lenses {
    overflow-x: auto;
  }
  #proSireQueryDetailWorkspace.pro-phase3bc-read-only-detail {
    padding: 8px !important;
  }
  #proSireQueryDetailWorkspace.pro-phase3bc-read-only-detail .pro-sire-query-detail-shell {
    width: calc(100vw - 16px) !important;
    min-height: calc(100vh - 16px) !important;
    border-radius: 16px !important;
  }
}

@media (max-width: 700px) {
  .pro-canvas-system-journey.pro-canvas-journey-phase3d .pro-canvas-journey-grid {
    grid-template-columns: 1fr !important;
    grid-template-rows: none;
  }
  .pro-canvas-system-journey.pro-canvas-journey-phase3d .pro-canvas-journey-card {
    grid-column: 1 !important;
    grid-row: auto !important;
  }
  #proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-control-deck-card-v3 {
    grid-template-columns: 1fr !important;
  }
  #proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-deck-tabs {
    grid-column: 1;
    grid-row: auto;
    grid-template-columns: repeat(6,minmax(120px,1fr)) !important;
    overflow-x: auto !important;
    border-right: 0;
    border-bottom: 1px solid rgba(71,103,176,.15) !important;
  }
  #proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-deck-panel {
    grid-column: 1;
    grid-row: auto;
  }
  #proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-filter-grid,
  #proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d .pro-sire-lab-status-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.pro-canvas-shell-active .pro-ui-button,
  #proSireQueryGridPanel.pro-sire-workspace-open.pro-sire-workspace-phase3d button,
  .pro-query-matrix-overlay button {
    transition: none !important;
    transform: none !important;
  }
}

/* ========================================================================== */
/* pro-canvas-phase3g-h5-final-breeding-visual-closeout-001           */
/* One active authority for the Sire/Dam-sire workspace and focused-table header. */
/* Replaces the failed H2 visibility/scroll authority; calculation semantics unchanged.*/
/* ========================================================================== */

#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 {
  --pro-h2-ink: #17345f;
  --pro-h2-muted: #607591;
  --pro-h2-line: rgba(62,113,210,.22);
  --pro-h2-win: rgba(225,240,255,.96);
  --pro-h2-zero: rgba(255,247,222,.96);
  --pro-h2-ae: rgba(243,237,255,.96);
}

/* Stable two-column hero. The control column is an explicit two-row grid so
   the state strip cannot steal the workspace height or clip the tab rail. */
@media (min-width: 1401px) {
  #proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 #proBreedingWorkspaceHero[data-pro-breeding-height-mode="fixed"] {
    height: 500px !important;
    min-height: 500px !important;
    max-height: 500px !important;
    align-items: stretch !important;
  }
  #proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 #proBreedingWorkspaceHero .pro-breeding-journey-column,
  #proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 #proBreedingWorkspaceHero .pro-breeding-control-column {
    height: 100% !important;
    min-height: 0 !important;
  }
  #proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 #proBreedingWorkspaceHero .pro-breeding-control-column {
    display: grid !important;
    grid-template-rows: auto minmax(0,1fr) !important;
    align-items: stretch !important;
    overflow: hidden !important;
  }
  #proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 #proBreedingWorkspaceHero .pro-breeding-compact-state-strip {
    grid-row: 1 !important;
    min-height: 0 !important;
  }
  #proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 #proBreedingWorkspaceHero .pro-sire-workspace-main-stage,
  #proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 #proBreedingWorkspaceHero .pro-sire-workspace-control-deck,
  #proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 #proBreedingWorkspaceHero .pro-sire-control-deck-card-v3 {
    grid-row: 2 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: hidden !important;
  }
}

/* Journey readability and centred secondary metrics. */
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-canvas-system-journey.pro-canvas-journey-phase3d,
.pro-stage56-journey-column > .pro-canvas-system-journey.pro-canvas-journey-phase3d {
  display: grid !important;
  grid-template-rows: auto minmax(0,1fr) !important;
  height: 100% !important;
}
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-canvas-journey-grid,
.pro-stage56-journey-column > .pro-canvas-system-journey.pro-canvas-journey-phase3d .pro-canvas-journey-grid {
  grid-template-rows: repeat(3,minmax(0,1fr)) !important;
  min-height: 0 !important;
}
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-canvas-journey-card,
.pro-stage56-journey-column > .pro-canvas-system-journey.pro-canvas-journey-phase3d .pro-canvas-journey-card {
  min-height: 0 !important;
  padding: 12px !important;
}
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-canvas-journey-card > header strong,
.pro-stage56-journey-column > .pro-canvas-system-journey.pro-canvas-journey-phase3d .pro-canvas-journey-card > header strong { font-size: 13px !important; line-height: 1.18 !important; }
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-canvas-journey-card > header span,
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-canvas-journey-card > header em,
.pro-stage56-journey-column > .pro-canvas-system-journey.pro-canvas-journey-phase3d .pro-canvas-journey-card > header span,
.pro-stage56-journey-column > .pro-canvas-system-journey.pro-canvas-journey-phase3d .pro-canvas-journey-card > header em { font-size: 8.8px !important; }
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-canvas-journey-money b,
.pro-stage56-journey-column > .pro-canvas-system-journey.pro-canvas-journey-phase3d .pro-canvas-journey-money b { font-size: 23px !important; }
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-canvas-journey-metrics > span,
.pro-stage56-journey-column > .pro-canvas-system-journey.pro-canvas-journey-phase3d .pro-canvas-journey-metrics > span {
  display: grid !important;
  place-items: center !important;
  align-content: center !important;
  min-height: 38px !important;
  padding: 7px 8px !important;
  text-align: center !important;
}
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-canvas-journey-metrics b,
.pro-stage56-journey-column > .pro-canvas-system-journey.pro-canvas-journey-phase3d .pro-canvas-journey-metrics b { font-size: 12px !important; line-height: 1.05 !important; }
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-canvas-journey-metrics em,
.pro-stage56-journey-column > .pro-canvas-system-journey.pro-canvas-journey-phase3d .pro-canvas-journey-metrics em { font-size: 8.2px !important; line-height: 1.1 !important; }

/* One explicit deck grid: all six tabs remain mounted and every panel fills the
   same right-hand card without negative offsets or inherited auto heights. */
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-control-deck-card-v3 {
  display: grid !important;
  grid-template-columns: 132px minmax(0,1fr) !important;
  grid-template-rows: minmax(0,1fr) !important;
  align-items: stretch !important;
  width: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-deck-tabs {
  grid-column: 1 !important;
  grid-row: 1 !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: repeat(6,44px) !important;
  align-content: start !important;
  gap: 6px !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 8px !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-deck-tab {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  min-height: 44px !important;
  height: 44px !important;
  padding: 7px 8px !important;
  text-align: center !important;
  font-size: 10px !important;
  line-height: 1.15 !important;
  box-sizing: border-box !important;
}
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-deck-panel {
  grid-column: 2 !important;
  grid-row: 1 !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 10px 12px 10px 10px !important;
  padding: 13px 15px !important;
  align-self: stretch !important;
  overflow: hidden !important;
  border-radius: 16px !important;
  box-sizing: border-box !important;
  background: linear-gradient(180deg,rgba(255,255,255,.98),rgba(245,249,255,.94)) !important;
}
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-deck-panel[hidden] { display: none !important; }
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-deck-panel:not([hidden]).is-active { display: block !important; }
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-deck-copy strong { font-size: 11.5px !important; }
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-deck-copy span { font-size: 10.5px !important; line-height: 1.4 !important; }
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-rule-activation-hub > .pro-sire-deck-copy,
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-bulk-tuning > .pro-sire-deck-copy,
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-query-filter-bar > .pro-sire-deck-copy { display: none !important; }

/* Rule Activation — retain the accepted Phase 3G-H1 arrangement. */
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-rule-activation-hub {
  display: grid !important;
  grid-template-rows: auto auto minmax(0,1fr) !important;
  gap: 10px !important;
  height: 100% !important;
  min-height: 0 !important;
}
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-rule-pause-section {
  display: grid !important;
  grid-template-columns: minmax(260px,.9fr) minmax(0,1.35fr) !important;
  align-items: center !important;
  gap: 16px !important;
  min-height: 82px !important;
  padding: 13px 15px !important;
  border-radius: 13px !important;
}
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-rule-pause-copy strong { font-size: 13px !important; }
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-rule-pause-copy span { display: block !important; margin-top: 5px !important; font-size: 10.5px !important; line-height: 1.38 !important; }
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-family-pause-bar { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 9px !important; }
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-family-pause-bar button { min-height: 40px !important; font-size: 11.5px !important; }
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-rule-activation-divider { margin: 0 !important; font-size: 10px !important; }
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-rule-activation-grid-v2 {
  display: grid !important;
  grid-template-columns: repeat(6,minmax(0,1fr)) !important;
  grid-template-areas: "action action scope scope scope scope" "win win zero zero ae ae" "apply apply apply apply apply apply" !important;
  gap: 10px !important;
  align-content: start !important;
}
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-rule-activation-card { grid-column: auto !important; min-width: 0 !important; min-height: 68px !important; padding: 10px 12px !important; border-radius: 12px !important; }
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-rule-activation-action { grid-area: action !important; }
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-rule-activation-scope { grid-area: scope !important; }
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-rule-activation-family[data-rule-family="win"] { grid-area: win !important; background: var(--pro-h2-win) !important; }
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-rule-activation-family[data-rule-family="zero"] { grid-area: zero !important; background: var(--pro-h2-zero) !important; }
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-rule-activation-family[data-rule-family="ae"] { grid-area: ae !important; background: var(--pro-h2-ae) !important; }
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-rule-activation-apply-row { grid-area: apply !important; grid-column: 1 / -1 !important; }
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-rule-activation-card > span { font-size: 10.5px !important; }
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-rule-activation-chips { display: grid !important; grid-auto-flow: column !important; grid-auto-columns: minmax(0,1fr) !important; gap: 8px !important; }
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-rule-activation-chip,
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-rule-activation-scope-chip { min-height: 37px !important; padding: 0 12px !important; font-size: 11.5px !important; }
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-rule-activation-family-chip { width: 100% !important; min-height: 39px !important; padding: 0 12px !important; font-size: 14px !important; }

/* Shared model actions. */
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-action-pair {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  width: 100% !important;
  min-height: 46px !important;
  margin: 0 !important;
}
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-action-pair > button {
  width: min(230px,42%) !important;
  min-width: 185px !important;
  max-width: 230px !important;
  min-height: 40px !important;
  margin: 0 !important;
  border-radius: 11px !important;
  font-size: 11.5px !important;
}

/* Bulk Edit — new markup, no display:contents and no inherited card grid. */
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-deck-panel-bulk { padding: 12px 14px !important; }
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-model-bulk-editor,
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-model-bulk-grid {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) !important;
  grid-auto-flow: row !important;
  gap: 8px !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
}
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-model-bulk-grid {
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  grid-template-rows: 62px minmax(190px,auto) 50px !important;
  grid-template-areas: "scope scope scope" "win zero ae" "actions actions actions" !important;
  align-content: center !important;
  gap: 16px !important;
  height: 100% !important;
  padding: 26px 20px 22px !important;
  box-sizing: border-box !important;
}
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-model-bulk-scope {
  grid-area: scope !important;
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: 190px minmax(0,1fr) !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 56px !important;
  padding: 9px 12px !important;
  margin: 0 !important;
  border-radius: 12px !important;
  box-sizing: border-box !important;
}
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-model-bulk-scope > span { font-size: 11px !important; font-weight: 950 !important; letter-spacing: .04em !important; text-transform: uppercase !important; }
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-model-bulk-scope .pro-sire-bulk-scope-chips { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 8px !important; }
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-model-bulk-scope .pro-sire-bulk-scope-chip { min-height: 36px !important; padding: 0 12px !important; font-size: 11.5px !important; }
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-model-bulk-family {
  grid-column: auto !important;
  display: grid !important;
  grid-template-columns: minmax(0,1fr) !important;
  grid-template-rows: auto auto auto !important;
  grid-template-areas: "title" "thresholds" "reset" !important;
  align-items: center !important;
  justify-items: center !important;
  align-content: center !important;
  gap: 16px !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 190px !important;
  padding: 18px 12px !important;
  margin: 0 !important;
  border-radius: 14px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-model-bulk-family-win { grid-area: win !important; background: var(--pro-h2-win) !important; }
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-model-bulk-family-zero { grid-area: zero !important; background: var(--pro-h2-zero) !important; }
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-model-bulk-family-ae { grid-area: ae !important; background: var(--pro-h2-ae) !important; }
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-model-bulk-family-title {
  grid-area: title !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
}
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-model-bulk-family-title .pro-sire-rule-switch {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  margin: 0 !important;
  font-size: 12.5px !important;
  font-weight: 950 !important;
}
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-model-bulk-family-title small { display: none !important; }
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-model-bulk-thresholds {
  grid-area: thresholds !important;
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,132px)) !important;
  justify-content: center !important;
  gap: 10px !important;
  width: 100% !important;
  min-width: 0 !important;
}
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-model-bulk-thresholds label {
  display: grid !important;
  grid-template-columns: 28px 82px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  min-width: 0 !important;
  margin: 0 !important;
}
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-model-bulk-thresholds label > span { font-size: 10.5px !important; font-weight: 900 !important; }
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-model-bulk-thresholds input { width: 82px !important; min-width: 0 !important; min-height: 38px !important; padding: 0 8px !important; font-size: 12px !important; text-align: center !important; box-sizing: border-box !important; }
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-model-bulk-family .pro-sire-bulk-reset-button { grid-area: reset !important; position: static !important; width: auto !important; min-width: 92px !important; min-height: 36px !important; margin: 0 !important; padding: 0 12px !important; font-size: 10.5px !important; }
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-model-bulk-family::after { display: none !important; content: none !important; }
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-model-bulk-actions { grid-area: actions !important; grid-column: 1 / -1 !important; min-height: 50px !important; }

/* Query Filters — four primary cards, exactly two rows of four component chips,
   and a dedicated result/reset footer. */
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-deck-panel-filters { padding: 12px 14px !important; }
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-query-filter-bar {
  display: block !important;
  position: static !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-filter-grid {
  display: grid !important;
  grid-template-columns: minmax(250px,1.15fr) minmax(175px,.72fr) minmax(190px,.78fr) minmax(200px,.82fr) !important;
  grid-template-rows: 108px 168px 48px !important;
  grid-template-areas: "search time scope activation" "components components components components" "footer footer footer footer" !important;
  gap: 10px !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  align-content: start !important;
  align-items: stretch !important;
  box-sizing: border-box !important;
}
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-filter-search { grid-area: search !important; }
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-filter-grid > .pro-sire-filter-chip-group:nth-of-type(2) { grid-area: time !important; }
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-filter-grid > .pro-sire-filter-chip-group:nth-of-type(3) { grid-area: scope !important; }
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-filter-components { grid-area: components !important; }
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-filter-activation { grid-area: activation !important; }
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-filter-footer { grid-area: footer !important; }
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-filter-field {
  position: static !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: 100% !important;
  padding: 10px 11px !important;
  margin: 0 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-filter-label-row,
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-filter-search label { font-size: 10.5px !important; }
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-filter-search input { width: 100% !important; height: 42px !important; min-height: 42px !important; margin-top: 8px !important; padding: 0 14px !important; font-size: 12px !important; box-sizing: border-box !important; }
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-chip-select-list { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 8px !important; margin-top: 8px !important; align-items: stretch !important; }
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-filter-activation .pro-sire-chip-select-list { grid-template-columns: repeat(3,minmax(0,1fr)) !important; }
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-filter-token { min-width: 0 !important; height: 42px !important; min-height: 42px !important; padding: 5px 10px !important; font-size: 11px !important; white-space: normal !important; }
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-component-filter-groups {
  display: grid !important;
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  grid-template-rows: repeat(2,48px) !important;
  grid-auto-flow: row !important;
  gap: 10px !important;
  width: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  margin-top: 10px !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  background: transparent !important;
}
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 #proSireQueryComponentFilters > .pro-sire-filter-token { width: 100% !important; min-width: 0 !important; height: 48px !important; min-height: 48px !important; padding: 6px 12px !important; font-size: 12px !important; white-space: nowrap !important; }
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-filter-footer {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 18px !important;
  min-height: 48px !important;
}
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 #proSireQueryFilterCount {
  position: static !important;
  align-self: center !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 8px !important;
  margin: 0 !important;
  color: #285dba !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  text-align: center !important;
  pointer-events: none !important;
}
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 #proSireQueryComponentClear {
  position: static !important;
  align-self: center !important;
  justify-self: auto !important;
  width: 160px !important;
  min-width: 160px !important;
  min-height: 38px !important;
  margin: 0 !important;
  font-size: 11px !important;
  box-sizing: border-box !important;
}

/* Performance and History. */
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-deck-panel.pro-sire-deck-panel-performance:not([hidden]).is-active {
  display: grid !important;
  grid-template-rows: auto minmax(0,1fr) !important;
  gap: 10px !important;
}
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-family-comparison-note { font-size: 11px !important; }
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-family-comparison-table th,
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-family-comparison-table td { padding: 9px 10px !important; font-size: 12.5px !important; }
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-family-comparison-table tbody th { font-size: 14px !important; }
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-family-comparison-table tr.is-combined th,
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-family-comparison-table tr.is-combined td { font-size: 13.5px !important; font-weight: 900 !important; }
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-performance-view-switch button { min-height: 36px !important; font-size: 11px !important; }
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-deck-panel.pro-sire-deck-panel-history:not([hidden]).is-active {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 12px 14px 14px !important;
  align-self: stretch !important;
}
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-experiment-history-panel-shell {
  display: grid !important;
  grid-template-rows: auto minmax(0,1fr) !important;
  gap: 12px !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 14px 16px 16px !important;
  border: 1px solid rgba(118,166,255,.52) !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.82) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.78) !important;
  box-sizing: border-box !important;
}
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-experiment-history-tab-toolbar {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 !important;
}
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-experiment-history-tab-actions,
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-experiment-history-scope {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 9px !important;
}
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-experiment-history-tab-toolbar .pro-sire-deck-copy { min-width: 0 !important; }
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-experiment-history-compact-list {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) !important;
  align-content: start !important;
  gap: 8px !important;
  width: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: auto !important;
}
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-experiment-history-compact-list .pro-experiment-card,
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-experiment-history-empty { width: 100% !important; min-width: 0 !important; margin: 0 !important; box-sizing: border-box !important; }

/* Query grid normal mode — one page scrollbar only. Horizontal overflow remains
   local to the wide analytical table; vertical movement belongs to the existing
   page/workspace scroller. Sticky column headings are intentionally reserved for
   Table Focus, where a dedicated fixed header is used. */
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-table-tools {
  display: grid !important;
  grid-template-columns: minmax(235px,.78fr) minmax(620px,1.5fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 60px !important;
  padding: 9px 11px !important;
  margin: 0 !important;
  position: relative !important;
  z-index: 6 !important;
}
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-table-tools-copy strong { font-size: 11px !important; }
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-table-tools-copy {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  overflow: visible !important;
}
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-table-tools-copy span {
  display: block !important;
  width: auto !important;
  max-width: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  font-size: 11.5px !important;
  line-height: 1.3 !important;
}
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-impact-basis-tools { display: flex !important; align-items: center !important; justify-content: center !important; gap: 7px !important; min-width: 0 !important; }
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-impact-basis-tools > span { font-size: 9px !important; }
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-impact-basis-chip { min-height: 34px !important; padding: 5px 11px !important; font-size: 9.5px !important; }
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-grid-primary-actions { display: flex !important; justify-content: flex-end !important; gap: 8px !important; }
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-query-matrix-toolbar-button,
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-table-focus-toggle { min-height: 36px !important; min-width: 154px !important; padding: 5px 13px !important; font-size: 10.5px !important; }
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-query-grid-scroll {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 0 18px !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  border-radius: 0 0 15px 15px !important;
  isolation: isolate !important;
}
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-query-grid-table { margin: 0 !important; border-collapse: separate !important; border-spacing: 0 !important; }
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-query-grid-table thead,
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-query-grid-table thead tr { position: static !important; }
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-query-grid-table thead th {
  position: static !important;
  height: 48px !important;
  min-height: 48px !important;
  padding-top: 9px !important;
  padding-bottom: 9px !important;
  visibility: visible !important;
  opacity: 1 !important;
  background-clip: padding-box !important;
}
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-query-main-inline { display: grid !important; grid-template-columns: 68px 26px minmax(0,1fr) 124px !important; align-items: center !important; gap: 8px !important; }
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-query-detail-open { grid-column: 1 !important; grid-row: 1 !important; min-width: 68px !important; width: 68px !important; height: 30px !important; padding: 0 8px !important; font-size: 11.5px !important; }
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-query-help { grid-column: 2 !important; grid-row: 1 !important; }
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-query-brief { grid-column: 3 !important; grid-row: 1 !important; font-size: 11.5px !important; line-height: 1.25 !important; }
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-query-active-switch { grid-column: 4 !important; grid-row: 1 !important; }
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-breeding-query-toggle-chip,
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-query-active-chip { min-width: 118px !important; font-size: 10px !important; }
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-query-grid-table thead th { font-size: 10.5px !important; }
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-threshold-input { font-size: 11.5px !important; }
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-source-damage-cell,
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-performance-cell { font-size: 11.5px !important; }
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-source-damage-cell b,
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-source-damage-cell span { font-size: 11px !important; }

/* Query Performance Matrix — retained working H1 implementation. */
html.pro-query-matrix-open,
body.pro-query-matrix-open { overflow: hidden !important; }
.pro-query-matrix-overlay { z-index: 2147483646 !important; isolation: isolate !important; }
.pro-query-matrix-backdrop { z-index: 0 !important; pointer-events: auto !important; }
.pro-query-matrix-dialog { z-index: 1 !important; pointer-events: auto !important; }
.pro-query-matrix-header h2 { font-size: 25px !important; }
.pro-query-matrix-header p { font-size: 11px !important; }
.pro-query-matrix-controls { grid-template-columns: auto minmax(320px,1fr) auto !important; gap: 14px !important; padding: 12px 15px !important; }
.pro-query-matrix-lenses button { min-height: 38px !important; padding-inline: 14px !important; font-size: 10.5px !important; }
.pro-query-matrix-search span { font-size: 8.5px !important; }
.pro-query-matrix-search input { min-height: 39px !important; font-size: 11.5px !important; }
.pro-query-matrix-count { font-size: 10.5px !important; }
.pro-query-matrix-table-wrap { min-height: 0 !important; overflow: auto !important; background: rgba(255,255,255,.96) !important; outline: none !important; }
.pro-query-matrix-grid { min-width: 1160px !important; color: #1c2d45 !important; }
.pro-query-matrix-grid-head { position: sticky !important; top: 0 !important; z-index: 4 !important; }
.pro-query-matrix-grid-row { display: grid !important; grid-template-columns: 82px minmax(360px,1fr) 105px 110px 100px 105px 95px 120px !important; align-items: stretch !important; min-height: 45px !important; border-bottom: 1px solid rgba(83,111,161,.14) !important; background: rgba(255,255,255,.97) !important; }
.pro-query-matrix-grid-row > div { display: flex !important; align-items: center !important; justify-content: flex-end !important; min-width: 0 !important; padding: 9px 11px !important; border-right: 1px solid rgba(83,111,161,.10) !important; font-size: 11px !important; font-weight: 760 !important; }
.pro-query-matrix-grid-row > div:first-child,
.pro-query-matrix-grid-row > div:nth-child(2) { justify-content: flex-start !important; text-align: left !important; }
.pro-query-matrix-grid-row.is-header { min-height: 44px !important; color: #28466f !important; background: linear-gradient(180deg,#f6faff,#e7f0fb) !important; box-shadow: inset 0 -1px 0 rgba(57,92,160,.20) !important; }
.pro-query-matrix-grid-row.is-header > div { background: transparent !important; font-size: 10.5px !important; font-weight: 950 !important; }
.pro-query-matrix-grid-row.is-header button { width: 100% !important; border: 0 !important; padding: 0 !important; color: inherit !important; background: transparent !important; font: inherit !important; font-weight: 950 !important; text-align: inherit !important; cursor: pointer !important; }
.pro-query-matrix-grid-row:hover { background: rgba(231,242,255,.82) !important; }
.pro-query-matrix-grid-row.is-last-opened { background: linear-gradient(90deg,rgba(222,241,255,.98),rgba(238,231,255,.90)) !important; box-shadow: inset 4px 0 0 #496bd7 !important; }
.pro-query-matrix-grid-row [data-pro-query-matrix-query] { min-width: 50px !important; min-height: 30px !important; border: 1px solid rgba(37,99,235,.28) !important; border-radius: 9px !important; color: #174ea6 !important; background: linear-gradient(180deg,#fff,#eaf3ff) !important; font-size: 10.5px !important; font-weight: 950 !important; cursor: pointer !important; }
.pro-query-matrix-grid-row .pro-query-matrix-state { justify-content: center !important; }
.pro-query-matrix-grid-row .pro-query-matrix-state span { display: inline-flex !important; min-height: 25px !important; align-items: center !important; padding: 0 8px !important; border-radius: 999px !important; font-size: 9px !important; font-weight: 900 !important; }
.pro-query-matrix-grid-row .pro-query-matrix-state span.is-active { color: #087557 !important; background: #e7f8f1 !important; }
.pro-query-matrix-grid-row .pro-query-matrix-state span.is-inactive { color: #7a5260 !important; background: #f7edf1 !important; }
.pro-query-matrix-grid-row .is-positive { color: #087a58 !important; font-weight: 900 !important; }
.pro-query-matrix-grid-row .is-negative { color: #c73b54 !important; font-weight: 900 !important; }
.pro-query-matrix-empty { display: grid !important; place-items: center !important; min-height: 180px !important; padding: 32px !important; color: #64748b !important; font-size: 12px !important; text-align: center !important; }

/* Table Focus — a dedicated fixed header outside the scrolling table body.
   This avoids Chromium's unreliable sticky <th> behaviour in this legacy table. */
.pro-sire-focus-header-scroll { display: none; }
html.pro-sire-table-focus-mode,
body.pro-sire-table-focus-mode { overflow: hidden !important; }
body.pro-sire-table-focus-mode #proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 {
  position: fixed !important;
  inset: var(--pro-canvas-shell-height,154px) 0 0 0 !important;
  z-index: 2147483199 !important;
  display: grid !important;
  grid-template-rows: auto 48px minmax(0,1fr) !important;
  gap: 0 !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 10px 12px 12px !important;
  overflow: hidden !important;
  background: linear-gradient(180deg,#eef5ff,#f8fbff) !important;
}
body.pro-sire-table-focus-mode #proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 > .pro-sire-workspace-top,
body.pro-sire-table-focus-mode #proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 > .pro-sire-query-grid-summary,
body.pro-sire-table-focus-mode #proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 > #proBreedingWorkspaceHero,
body.pro-sire-table-focus-mode #proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 > .pro-sire-applied-summary,
body.pro-sire-table-focus-mode #proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 > .pro-sire-query-detail-workspace { display: none !important; }
body.pro-sire-table-focus-mode #proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-table-tools {
  position: relative !important;
  z-index: 5 !important;
  grid-row: 1 !important;
  grid-template-columns: minmax(250px,.75fr) minmax(650px,1.5fr) auto !important;
  margin: 0 !important;
  border-radius: 16px 16px 0 0 !important;
  box-shadow: 0 12px 28px rgba(15,23,42,.12) !important;
}
body.pro-sire-table-focus-mode #proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-focus-header-scroll {
  display: block !important;
  grid-row: 2 !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 48px !important;
  overflow: hidden !important;
  border: 1px solid rgba(147,197,253,.72) !important;
  border-bottom: 0 !important;
  background: #eef5ff !important;
  box-sizing: border-box !important;
}
body.pro-sire-table-focus-mode #proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-focus-header-table {
  width: 100% !important;
  min-width: 1760px !important;
  height: 48px !important;
  margin: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  table-layout: fixed !important;
}
body.pro-sire-table-focus-mode #proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-focus-header-table thead,
body.pro-sire-table-focus-mode #proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-focus-header-table tr { display: table-header-group !important; position: static !important; }
body.pro-sire-table-focus-mode #proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-focus-header-table tr { display: table-row !important; }
body.pro-sire-table-focus-mode #proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-focus-header-table th {
  display: table-cell !important;
  position: static !important;
  height: 48px !important;
  min-height: 48px !important;
  padding-top: 9px !important;
  padding-bottom: 9px !important;
  font-size: 10.5px !important;
  visibility: visible !important;
  opacity: 1 !important;
  background-clip: padding-box !important;
}
body.pro-sire-table-focus-mode #proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-query-grid-scroll {
  grid-row: 3 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  overflow: auto !important;
  overscroll-behavior: contain !important;
  border: 1px solid rgba(147,197,253,.72) !important;
  border-top: 0 !important;
  border-radius: 0 0 18px 18px !important;
  background: #fff !important;
  box-shadow: 0 24px 60px rgba(15,23,42,.16) !important;
}
body.pro-sire-table-focus-mode #proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-query-grid-table { min-width: 1760px !important; table-layout: fixed !important; }
body.pro-sire-table-focus-mode #proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-query-grid-scroll > .pro-sire-query-grid-table > thead { display: none !important; }
body.pro-sire-table-focus-mode #proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-focus-header-table > thead { display: table-header-group !important; visibility: visible !important; opacity: 1 !important; }

@media (max-width: 1650px) and (min-width: 1401px) {
  #proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 #proBreedingWorkspaceHero[data-pro-breeding-height-mode="fixed"] { height: 520px !important; min-height: 520px !important; max-height: 520px !important; }
  #proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-filter-grid { grid-template-columns: minmax(220px,1fr) minmax(150px,.7fr) minmax(165px,.75fr) minmax(180px,.8fr) !important; }
  #proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-table-tools { grid-template-columns: minmax(210px,.72fr) minmax(520px,1.35fr) auto !important; }
}

@media (max-width: 1400px) {
  #proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 #proBreedingWorkspaceHero[data-pro-breeding-height-mode="natural"] { height: auto !important; min-height: 0 !important; max-height: none !important; }
  #proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-control-deck-card-v3 { height: auto !important; min-height: 430px !important; }
  #proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-deck-panel { height: auto !important; min-height: 430px !important; overflow: visible !important; }
  #proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-rule-pause-section { grid-template-columns: 1fr !important; }
  #proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-model-bulk-grid { grid-template-columns: repeat(3,minmax(0,1fr)) !important; grid-template-rows: 62px minmax(178px,auto) 50px !important; grid-template-areas: "scope scope scope" "win zero ae" "actions actions actions" !important; align-content: center !important; padding: 20px 14px 18px !important; gap: 12px !important; }
  #proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-model-bulk-family { grid-template-columns: 1fr !important; min-height: 178px !important; padding-left: 8px !important; padding-right: 8px !important; }
  #proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-filter-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; grid-template-rows: auto auto auto auto !important; grid-template-areas: "search time" "scope activation" "components components" "footer footer" !important; }
  #proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-component-filter-groups { grid-template-columns: repeat(4,minmax(0,1fr)) !important; }
  #proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-table-tools { grid-template-columns: 1fr auto !important; }
  #proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-impact-basis-tools { grid-column: 1 / -1 !important; grid-row: 2 !important; justify-content: flex-start !important; overflow-x: auto !important; }
}

@media (max-width: 900px) {
  #proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-control-deck-card-v3 { grid-template-columns: 1fr !important; grid-template-rows: auto auto !important; }
  #proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-deck-tabs { grid-column: 1 !important; grid-row: 1 !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; grid-template-rows: repeat(2,44px) !important; height: auto !important; }
  #proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-deck-panel { grid-column: 1 !important; grid-row: 2 !important; min-height: 0 !important; }
  #proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-rule-activation-grid-v2 { grid-template-columns: 1fr !important; grid-template-areas: "action" "scope" "win" "zero" "ae" "apply" !important; }
  #proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-model-bulk-grid { grid-template-columns: 1fr !important; grid-template-rows: auto !important; grid-template-areas: "scope" "win" "zero" "ae" "actions" !important; }
  #proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-model-bulk-scope,
  #proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-model-bulk-family { grid-template-columns: 1fr !important; height: auto !important; }
  #proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-model-bulk-family .pro-sire-bulk-reset-button { width: 100% !important; }
  #proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-filter-grid { grid-template-columns: 1fr !important; grid-template-areas: "search" "time" "scope" "activation" "components" "footer" !important; }
  #proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-component-filter-groups { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  #proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-action-pair { flex-direction: column !important; }
  #proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-action-pair > button { width: 100% !important; max-width: none !important; }
  .pro-query-matrix-overlay { padding: 10px !important; }
  .pro-query-matrix-dialog { width: calc(100vw - 20px) !important; height: calc(100vh - 20px) !important; }
  .pro-query-matrix-controls { grid-template-columns: 1fr !important; align-items: stretch !important; }
  .pro-query-matrix-lenses { overflow-x: auto !important; }
}

@media (prefers-reduced-motion: reduce) {
  body.pro-canvas-shell-active .pro-ui-button,
  #proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 button,
  .pro-query-matrix-overlay button { transition: none !important; transform: none !important; }
}


/* H4 terminal guards: hidden panels may never be resurrected by a later
   panel-specific display rule. The command button scale lives in this final
   stylesheet because it loads after proCanvasShell.css. */
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-deck-panel[hidden],
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-deck-panel[aria-hidden="true"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-deck-panel:not([hidden]).is-active {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}
body.pro-canvas-shell-active .pro-canvas-command-actions > .pro-ui-button,
body.pro-canvas-shell-active .pro-canvas-command-future .pro-ui-button.is-header-future,
body.pro-canvas-shell-active .pro-canvas-command-future .pro-ui-button.is-header-future > span {
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
}
body.pro-canvas-shell-active .pro-canvas-command-actions > .pro-ui-button.is-header-apply {
  font-size: 12px !important;
  font-weight: 950 !important;
}
@media (max-width: 1400px) {
  body.pro-canvas-shell-active .pro-canvas-command-actions > .pro-ui-button,
  body.pro-canvas-shell-active .pro-canvas-command-future .pro-ui-button.is-header-future,
  body.pro-canvas-shell-active .pro-canvas-command-future .pro-ui-button.is-header-future > span,
  body.pro-canvas-shell-active .pro-canvas-command-actions > .pro-ui-button.is-header-apply {
    font-size: 10.5px !important;
  }
}


/* PRO CANVAS VISUAL PHASE 4A — final Query Filter geometry and focused-header alignment. */
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3
.pro-sire-control-deck-consolidated .pro-sire-deck-panel-filters .pro-sire-query-filter-bar {
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
}
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3
.pro-sire-control-deck-consolidated .pro-sire-deck-panel-filters .pro-sire-filter-grid {
  grid-template-columns:minmax(0,1.38fr) minmax(0,.82fr) minmax(0,.82fr)!important;
  grid-template-rows:108px 190px 48px!important;
  grid-template-areas:"search time scope" "components components activation" "footer footer footer"!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  align-content:start!important;
}
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3
.pro-sire-control-deck-consolidated .pro-sire-deck-panel-filters .pro-sire-filter-field,
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3
.pro-sire-control-deck-consolidated .pro-sire-deck-panel-filters .pro-sire-filter-components,
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3
.pro-sire-control-deck-consolidated .pro-sire-deck-panel-filters .pro-sire-filter-activation {
  min-width:0!important;
  max-width:none!important;
}
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3
.pro-sire-control-deck-consolidated .pro-sire-deck-panel-filters #proSireQueryComponentFilters {
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,56px)!important;
  gap:10px!important;
  width:100%!important;
  height:auto!important;
  min-height:122px!important;
  max-height:none!important;
  overflow:visible!important;
  align-content:start!important;
}
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3
.pro-sire-control-deck-consolidated .pro-sire-deck-panel-filters #proSireQueryComponentFilters>.pro-sire-filter-token {
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-direction:column!important;
  gap:1px!important;
  width:100%!important;
  max-width:none!important;
  height:56px!important;
  min-height:56px!important;
  padding:6px 10px!important;
  line-height:1.05!important;
  white-space:normal!important;
  text-align:center!important;
  overflow:visible!important;
}
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3
.pro-sire-control-deck-consolidated .pro-sire-deck-panel-filters #proSireQueryComponentFilters>.pro-sire-filter-token span,
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3
.pro-sire-control-deck-consolidated .pro-sire-deck-panel-filters #proSireQueryComponentFilters>.pro-sire-filter-token small {
  display:block!important;
  font:inherit!important;
  line-height:1.05!important;
}
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3
.pro-sire-control-deck-consolidated .pro-sire-deck-panel-filters #proSireQueryComponentFilters>.pro-sire-filter-token small {
  font-size:10px!important;
  font-weight:850!important;
}
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3
.pro-sire-control-deck-consolidated .pro-sire-deck-panel-filters .pro-sire-filter-footer {
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  align-self:center!important;
}
body.pro-sire-table-focus-mode #proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-focus-header-table {
  width:auto!important;
  max-width:none!important;
  table-layout:fixed!important;
}
body.pro-sire-table-focus-mode #proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-focus-header-table th {
  box-sizing:border-box!important;
}
@media(max-width:1500px){
  #proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3
  .pro-sire-control-deck-consolidated .pro-sire-deck-panel-filters .pro-sire-filter-grid {
    grid-template-columns:1fr 1fr!important;
    grid-template-rows:auto auto 190px 48px!important;
    grid-template-areas:"search time" "scope activation" "components components" "footer footer"!important;
  }
}
@media(max-width:760px){
  #proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3
  .pro-sire-control-deck-consolidated .pro-sire-deck-panel-filters .pro-sire-filter-grid {
    grid-template-columns:1fr!important;
    grid-template-rows:auto!important;
    grid-template-areas:"search" "time" "scope" "activation" "components" "footer"!important;
  }
  #proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3
  .pro-sire-control-deck-consolidated .pro-sire-deck-panel-filters #proSireQueryComponentFilters {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:repeat(4,52px)!important;
    min-height:238px!important;
  }
}


/* Phase 4B — final Query Filters and query-state readability closeout. */
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3
.pro-sire-control-deck-consolidated .pro-sire-deck-panel-filters #proSireQueryComponentFilters>.pro-sire-filter-token,
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3
.pro-sire-control-deck-consolidated .pro-sire-deck-panel-filters #proSireQueryComponentFilters>.pro-sire-filter-token span,
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3
.pro-sire-control-deck-consolidated .pro-sire-deck-panel-filters #proSireQueryComponentFilters>.pro-sire-filter-token small {
  font-size:12px!important;
  font-weight:900!important;
  line-height:1.08!important;
  letter-spacing:0!important;
}
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-query-main-inline {
  grid-template-columns:68px 26px minmax(0,1fr) 140px!important;
}
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-breeding-query-toggle-chip,
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-query-active-chip {
  min-width:134px!important;
  padding-inline:11px!important;
  font-size:10.5px!important;
  white-space:nowrap!important;
}

/* PRO_QUERY_GUIDE_UI_001 — Query list memory markers and cached guide modal. */
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-query-main-inline {
  grid-template-columns: 68px 26px minmax(0,1fr) minmax(92px, auto) 140px !important;
}
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-query-active-switch {
  grid-column: 5 !important;
}
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 .pro-sire-query-recent-marker {
  grid-column: 4 !important;
  grid-row: 1 !important;
  justify-self: end !important;
  align-self: center !important;
  display: none !important;
  max-width: 126px !important;
  min-height: 24px !important;
  padding: 4px 9px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(37, 99, 235, .30) !important;
  background: linear-gradient(135deg, rgba(219, 234, 254, .94), rgba(239, 246, 255, .98)) !important;
  color: #1d4ed8 !important;
  font-size: 9.5px !important;
  line-height: 1.05 !important;
  font-weight: 900 !important;
  letter-spacing: .045em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  box-shadow: 0 4px 12px rgba(30, 64, 175, .10) !important;
}
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 tr.is-last-opened-query .pro-sire-query-recent-marker:not([hidden]),
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 tr.is-most-recent-query-edit .pro-sire-query-recent-marker:not([hidden]) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 tr.is-most-recent-query-edit .pro-sire-query-recent-marker {
  border-color: rgba(22, 163, 74, .38) !important;
  background: linear-gradient(135deg, rgba(220, 252, 231, .96), rgba(240, 253, 244, .98)) !important;
  color: #166534 !important;
}
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 tr.is-last-opened-query > th,
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 tr.is-last-opened-query > td {
  background: linear-gradient(90deg, rgba(219, 234, 254, .52), rgba(255,255,255,.92)) !important;
}
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 tr.is-most-recent-query-edit > th,
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 tr.is-most-recent-query-edit > td {
  background: linear-gradient(90deg, rgba(220, 252, 231, .62), rgba(255,255,255,.92)) !important;
}
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 tr.is-last-opened-query > th:first-child,
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 tr.is-most-recent-query-edit > th:first-child {
  box-shadow: inset 4px 0 0 rgba(37, 99, 235, .45) !important;
}
#proSireQueryGridPanel.pro-sire-workspace-open.pro-canvas-breeding-controls-h3 tr.is-most-recent-query-edit > th:first-child {
  box-shadow: inset 4px 0 0 rgba(22, 163, 74, .62) !important;
}
.pro-query-guide-open-button {
  border-color: rgba(59, 130, 246, .30) !important;
  background: linear-gradient(135deg, rgba(239,246,255,.98), rgba(255,255,255,.96)) !important;
  color: #1d4ed8 !important;
  font-weight: 900 !important;
}
.pro-query-guide-overlay {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483647 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 24px !important;
  background: rgba(15, 23, 42, .40) !important;
  backdrop-filter: blur(8px) !important;
}
.pro-query-guide-overlay[hidden] { display: none !important; }
.pro-query-guide-card {
  width: min(1480px, 96vw) !important;
  max-height: 92vh !important;
  overflow: hidden !important;
  border-radius: 24px !important;
  border: 1px solid rgba(147, 197, 253, .55) !important;
  background: linear-gradient(135deg, rgba(255,255,255,.98), rgba(239,246,255,.96)) !important;
  box-shadow: 0 24px 80px rgba(15, 23, 42, .25) !important;
  display: flex !important;
  flex-direction: column !important;
}
.pro-query-guide-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 16px !important;
  padding: 18px 20px !important;
  border-bottom: 1px solid rgba(147, 197, 253, .45) !important;
}
.pro-query-guide-head span {
  display: block !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
  letter-spacing: .09em !important;
  color: #2563eb !important;
  margin-bottom: 4px !important;
}
.pro-query-guide-head h3 { margin: 0 !important; font-size: 21px !important; color: #0f172a !important; }
.pro-query-guide-head p { margin: 4px 0 0 !important; color: #475569 !important; font-size: 12px !important; font-weight: 750 !important; }
.pro-query-guide-body {
  overflow: auto !important;
  padding: 16px 20px 20px !important;
}
.pro-query-guide-read,
.pro-query-guide-overall,
.pro-query-guide-context,
.pro-query-guide-notes {
  border: 1px solid rgba(191, 219, 254, .72) !important;
  background: rgba(255,255,255,.88) !important;
  border-radius: 18px !important;
  padding: 12px !important;
  margin-bottom: 12px !important;
}
.pro-query-guide-body h4 { margin: 0 0 8px !important; font-size: 13px !important; color: #1e3a8a !important; font-weight: 950 !important; }
.pro-query-guide-read ul { margin: 0 !important; padding-left: 18px !important; color: #334155 !important; font-weight: 750 !important; }
.pro-query-guide-table-wrap { overflow: auto !important; border-radius: 12px !important; border: 1px solid rgba(219, 234, 254, .9) !important; }
.pro-query-guide-table-wrap table { width: 100% !important; border-collapse: collapse !important; font-size: 11px !important; min-width: 980px !important; }
.pro-query-guide-table-wrap th,
.pro-query-guide-table-wrap td { padding: 7px 8px !important; border-bottom: 1px solid rgba(226, 232, 240, .90) !important; text-align: right !important; white-space: nowrap !important; }
.pro-query-guide-table-wrap th:first-child,
.pro-query-guide-table-wrap td:first-child { text-align: left !important; }
.pro-query-guide-table-wrap thead th { background: rgba(239, 246, 255, .95) !important; color: #1e3a8a !important; font-weight: 950 !important; text-transform: uppercase !important; letter-spacing: .04em !important; }
.pro-query-guide-empty,
.pro-query-guide-loading { padding: 26px !important; text-align: center !important; font-weight: 900 !important; color: #475569 !important; }
.pro-query-guide-notes p { margin: 4px 0 !important; color: #475569 !important; font-size: 11px !important; font-weight: 750 !important; }


/* PRO_QUERY_GUIDE_UI_H1 — compact paired strict/standard guide layout. */
.pro-query-guide-card {
  width: min(1720px, 98vw) !important;
  max-height: 94vh !important;
}
.pro-query-guide-head {
  padding: 14px 18px !important;
}
.pro-query-guide-head h3 {
  font-size: 19px !important;
}
.pro-query-guide-body {
  padding: 12px 16px 16px !important;
}
.pro-query-guide-read,
.pro-query-guide-overall,
.pro-query-guide-context,
.pro-query-guide-notes,
.pro-query-guide-lens-note {
  border-radius: 15px !important;
  padding: 10px !important;
  margin-bottom: 10px !important;
}
.pro-query-guide-body h4 {
  font-size: 12px !important;
  margin-bottom: 6px !important;
}
.pro-query-guide-body h4 span {
  color: #64748b !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
  margin-left: 8px !important;
}
.pro-query-guide-lens-note {
  display: flex !important;
  gap: 10px !important;
  align-items: center !important;
  border: 1px solid rgba(191, 219, 254, .72) !important;
  background: rgba(239, 246, 255, .74) !important;
  color: #334155 !important;
  font-size: 11px !important;
  font-weight: 750 !important;
}
.pro-query-guide-lens-note strong {
  color: #1e3a8a !important;
  white-space: nowrap !important;
}
.pro-query-guide-table-wrap table.pro-query-guide-paired-table {
  min-width: 1120px !important;
  font-size: 10.5px !important;
}
.pro-query-guide-paired-table th,
.pro-query-guide-paired-table td {
  padding: 5px 7px !important;
}
.pro-query-guide-paired-table thead th {
  font-size: 10px !important;
  letter-spacing: .035em !important;
}
.pro-query-guide-paired-table tbody th:first-child {
  font-size: 11px !important;
  letter-spacing: .08em !important;
  color: #475569 !important;
  background: rgba(248,250,252,.85) !important;
}
.pro-query-guide-paired-table tbody td:nth-child(2),
.pro-query-guide-lens-cell {
  text-align: center !important;
  font-weight: 900 !important;
  color: #334155 !important;
  background: rgba(248,250,252,.85) !important;
}
.pro-query-guide-paired-table thead tr:first-child th:nth-child(3) {
  background: rgba(239, 246, 255, .98) !important;
}
.pro-query-guide-paired-table thead tr:first-child th:nth-child(4) {
  background: rgba(240, 253, 244, .94) !important;
}
.pro-query-guide-paired-table td:nth-child(8),
.pro-query-guide-paired-table th:nth-child(8) {
  border-right: 2px solid rgba(148, 163, 184, .55) !important;
}
.pro-query-guide-paired-table td:nth-child(9),
.pro-query-guide-paired-table th:nth-child(9) {
  border-left: 2px solid rgba(148, 163, 184, .55) !important;
}
.pro-query-guide-paired-table tbody tr.is-thin td,
.pro-query-guide-paired-table tbody tr.is-thin th {
  opacity: .70 !important;
}
.pro-query-guide-overall-paired tbody tr:nth-child(2n) td,
.pro-query-guide-overall-paired tbody tr:nth-child(2n) th {
  border-bottom: 2px solid rgba(203, 213, 225, .75) !important;
}

/* PRO_QUERY_GUIDE_UI_H2 — visible query definition, guide bands, quick read and aligned strict/standard grids. */
.pro-query-guide-head p .pro-query-guide-query-definition {
  display: block !important;
  margin-top: 2px !important;
  color: #0f172a !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: .005em !important;
}
.pro-query-guide-head p .pro-query-guide-cache-line {
  display: block !important;
  margin-top: 2px !important;
  color: #64748b !important;
  font-size: 11.5px !important;
  font-weight: 800 !important;
}
.pro-query-guide-band-strip,
.pro-query-guide-quick-read {
  border: 1px solid rgba(191, 219, 254, .76) !important;
  background: rgba(255,255,255,.90) !important;
  border-radius: 15px !important;
  padding: 10px !important;
  margin-bottom: 10px !important;
}
.pro-query-guide-band-strip {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px 12px !important;
  color: #334155 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}
.pro-query-guide-band-strip > strong {
  color: #1d4ed8 !important;
  text-transform: uppercase !important;
  letter-spacing: .075em !important;
  font-size: 10px !important;
  font-weight: 950 !important;
}
.pro-query-guide-band-strip span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 8px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(191, 219, 254, .86) !important;
  background: rgba(239, 246, 255, .72) !important;
  white-space: nowrap !important;
}
.pro-query-guide-band-strip span strong {
  color: #0f3f91 !important;
}
.pro-query-guide-band-strip span b {
  color: #94a3b8 !important;
  font-weight: 950 !important;
}
.pro-query-guide-quick-read h4 {
  display: flex !important;
  align-items: baseline !important;
  gap: 8px !important;
}
.pro-query-guide-table-wrap table.pro-query-guide-quick-table {
  width: 100% !important;
  min-width: 760px !important;
  table-layout: fixed !important;
  border-collapse: collapse !important;
  font-size: 11px !important;
}
.pro-query-guide-quick-table th,
.pro-query-guide-quick-table td {
  padding: 6px 8px !important;
  border-bottom: 1px solid rgba(226, 232, 240, .9) !important;
  text-align: right !important;
  white-space: nowrap !important;
}
.pro-query-guide-quick-table th:first-child,
.pro-query-guide-quick-table td:first-child {
  text-align: left !important;
}
.pro-query-guide-quick-table thead th {
  background: rgba(239, 246, 255, .95) !important;
  color: #1e3a8a !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
}
.pro-query-guide-quick-table tbody th {
  color: #334155 !important;
  font-weight: 950 !important;
  background: rgba(248,250,252,.82) !important;
}
.pro-query-guide-read-compact {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 8px 10px !important;
  font-size: 11px !important;
  color: #334155 !important;
  font-weight: 750 !important;
}
.pro-query-guide-read-compact strong {
  color: #1e3a8a !important;
  text-transform: uppercase !important;
  letter-spacing: .075em !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
}
.pro-query-guide-table-wrap table.pro-query-guide-paired-table {
  table-layout: fixed !important;
  min-width: 1220px !important;
}
.pro-query-guide-paired-table .pro-qg-col-context { width: 230px !important; }
.pro-query-guide-paired-table .pro-qg-col-rule { width: 72px !important; }
.pro-query-guide-paired-table .pro-qg-col-num { width: 78px !important; }
.pro-query-guide-paired-table .pro-qg-col-ae { width: 60px !important; }
.pro-query-guide-paired-table .pro-qg-col-money { width: 78px !important; }
.pro-query-guide-quick-table .pro-qg-col-rule { width: 130px !important; }
.pro-query-guide-quick-table .pro-qg-col-num { width: 92px !important; }
.pro-query-guide-quick-table .pro-qg-col-ae { width: 74px !important; }
.pro-query-guide-quick-table .pro-qg-col-money { width: 92px !important; }
.pro-query-guide-paired-table .pro-qg-band-head {
  text-align: center !important;
  vertical-align: middle !important;
  font-size: 10px !important;
  letter-spacing: .07em !important;
}
.pro-query-guide-paired-table .pro-qg-strict-head {
  background: rgba(239, 246, 255, .98) !important;
}
.pro-query-guide-paired-table .pro-qg-standard-head {
  background: rgba(240, 253, 244, .96) !important;
}
.pro-query-guide-paired-table .pro-qg-context-cell {
  width: 230px !important;
  max-width: 230px !important;
  white-space: normal !important;
  line-height: 1.18 !important;
  vertical-align: top !important;
  padding-top: 7px !important;
  text-align: left !important;
  color: #475569 !important;
  background: rgba(248,250,252,.88) !important;
}
.pro-query-guide-paired-table .pro-qg-rule-cell,
.pro-query-guide-paired-table tbody td:nth-child(2),
.pro-query-guide-lens-cell {
  width: 72px !important;
  text-align: center !important;
}
.pro-query-guide-paired-table td,
.pro-query-guide-paired-table th {
  vertical-align: middle !important;
}
.pro-query-guide-paired-table tbody td:nth-child(8),
.pro-query-guide-paired-table tbody th:nth-child(8) {
  border-right: 2px solid rgba(148, 163, 184, .58) !important;
}
.pro-query-guide-paired-table tbody td:nth-child(9),
.pro-query-guide-paired-table tbody th:nth-child(9) {
  border-left: 2px solid rgba(148, 163, 184, .58) !important;
}
.pro-query-guide-overall h4 span,
.pro-query-guide-context h4 span,
.pro-query-guide-quick-read h4 span {
  font-size: 9.5px !important;
  letter-spacing: .08em !important;
}
.pro-query-guide-paired-table td.pro-qg-strict-last,
.pro-query-guide-paired-table th.pro-qg-strict-last {
  border-right: 2px solid rgba(148, 163, 184, .58) !important;
}
.pro-query-guide-paired-table td.pro-qg-standard-first,
.pro-query-guide-paired-table th.pro-qg-standard-first {
  border-left: 2px solid rgba(148, 163, 184, .58) !important;
}