.hybrid-root {
  --hybrid-violet: #9d8cff;
  --hybrid-amber: #ffbf4b;
  margin-top: 16px;
  min-width: 0;
}

.hybrid-board-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 8px;
}

.hybrid-board-title {
  margin: 0;
  color: var(--text);
  font-size: 12px;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.hybrid-board-note {
  color: var(--muted);
  font-size: 10px;
  text-align: right;
}

.hybrid-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.hybrid-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 260px;
  width: 100%;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 3px;
  background: linear-gradient(150deg, rgba(11, 27, 44, .98), rgba(7, 17, 29, .98));
  color: var(--text);
  font: inherit;
  text-align: left;
  cursor: pointer;
  box-shadow: inset 0 0 22px rgba(38, 140, 255, .025);
}

.hybrid-card:hover {
  border-color: #2b607e;
  background: linear-gradient(150deg, rgba(13, 32, 51, .98), rgba(7, 18, 30, .98));
}

.hybrid-card.is-selected {
  border-color: var(--hybrid-card-accent, var(--cyan));
  box-shadow: inset 0 0 28px rgba(53, 213, 255, .045), 0 0 18px rgba(38, 140, 255, .05);
}

.hybrid-card:focus-visible,
.hybrid-tab:focus-visible,
.hybrid-agenda-topic:focus-visible,
.hybrid-filter-button:focus-visible,
.hybrid-select:focus-visible,
.hybrid-legacy > summary:focus-visible {
  outline: 2px solid var(--cyan);
  outline-offset: 3px;
}

.hybrid-card-runoff,
.hybrid-card-agenda { --hybrid-card-accent: var(--cyan); }

.hybrid-card-media { --hybrid-card-accent: var(--hybrid-violet); }


.hybrid-card-head {
  display: flex;
  align-items: center;
  gap: 9px;
}

.hybrid-card-index {
  display: grid;
  place-items: center;
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  border: 1px solid var(--hybrid-card-accent);
  border-radius: 50%;
  color: var(--hybrid-card-accent);
  font-size: 11px;
}

.hybrid-card-title {
  margin: 0;
  color: var(--hybrid-card-accent);
  font-size: 13px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.hybrid-card-kicker {
  margin: 6px 0 8px 33px;
  color: var(--muted);
  font-size: 10px;
  line-height: 1.35;
}

.hybrid-card-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 0;
}

.hybrid-card-action {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  margin-top: auto;
  padding-top: 9px;
  border-top: 1px solid #143149;
  color: var(--cyan);
  font-size: 10px;
}

.hybrid-state {
  padding: 24px 14px;
  border: 1px solid var(--line);
  background: rgba(9, 21, 35, .94);
  color: var(--muted);
  font-size: 12px;
}

.hybrid-state.is-error { color: #ff9b9b; }
.hybrid-state.is-compact { padding: 14px 0; border: 0; background: transparent; }

.hybrid-runoff-summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 26px minmax(0, 1fr);
  align-items: center;
  gap: 6px;
  margin: 4px 0 10px;
}

.hybrid-runoff-person {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: center;
  gap: 7px;
}

.hybrid-runoff-person.is-right {
  grid-template-columns: minmax(0, 1fr) 42px;
  text-align: right;
}

.hybrid-portrait {
  position: relative;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  overflow: hidden;
  border: 1px solid #28516e;
  border-radius: 50%;
  background: #0c2133;
  color: var(--muted);
  font-size: 9px;
}

.hybrid-portrait img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hybrid-runoff-name {
  overflow-wrap: anywhere;
  color: #eaf6fc;
  font-size: 10px;
  line-height: 1.2;
}

.hybrid-runoff-score {
  margin-top: 3px;
  color: var(--cyan);
  font-size: 21px;
  font-variant-numeric: tabular-nums;
  line-height: 1;
}

.hybrid-runoff-person.is-right .hybrid-runoff-score { color: var(--hybrid-violet); }

.hybrid-versus {
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border: 1px solid #27465d;
  border-radius: 50%;
  color: var(--muted);
  font-size: 8px;
}

.hybrid-runoff-margin {
  margin-bottom: 8px;
  color: var(--text);
  font-size: 10px;
  text-align: center;
}

.hybrid-summary-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 3px 8px;
  margin: 0 0 8px;
  color: var(--muted);
  font-size: 10px;
  line-height: 1.35;
}

.hybrid-summary-meta strong { color: #cfe3ef; font-weight: 500; }

.hybrid-mini-bars {
  display: flex;
  align-items: end;
  gap: 3px;
  min-height: 44px;
  padding: 4px 0 1px;
  border-bottom: 1px solid #244157;
}

.hybrid-mini-bar {
  flex: 1 1 0;
  min-width: 2px;
  height: var(--hybrid-height, 3px);
  min-height: 3px;
  background: linear-gradient(180deg, #ba91ff, #7658d5);
  box-shadow: 0 0 7px rgba(157, 140, 255, .2);
}

.hybrid-media-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 4px;
  margin: 6px 0 7px;
}

.hybrid-mini-stat {
  min-width: 0;
  color: var(--muted);
  font-size: 9px;
  text-align: center;
}

.hybrid-mini-stat strong {
  display: block;
  color: var(--hybrid-violet);
  font-size: 16px;
  font-weight: 500;
}

.hybrid-ranking {
  display: grid;
  gap: 4px;
  margin-bottom: 8px;
}

.hybrid-ranking-row,
.hybrid-topic-summary-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 7px;
  align-items: center;
  color: #cfe3ef;
  font-size: 10px;
}

.hybrid-ranking-value,
.hybrid-topic-count { color: var(--muted); font-variant-numeric: tabular-nums; }

.hybrid-topic-summary-row { grid-template-columns: minmax(0, 1.2fr) minmax(54px, .8fr) auto; }

.hybrid-track {
  height: 7px;
  overflow: hidden;
  border: 1px solid #15344b;
  background: #07111d;
}

.hybrid-fill {
  display: block;
  height: 100%;
  width: var(--hybrid-width, 0%);
  background: linear-gradient(90deg, var(--blue), var(--cyan));
}

.hybrid-claims-numbers {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
  margin: 9px 0;
  text-align: center;
}

.hybrid-claims-number {
  color: var(--muted);
  font-size: 9px;
}

.hybrid-claims-number strong {
  display: block;
  color: #f5f8fb;
  font-size: 20px;
  font-weight: 500;
}

.hybrid-relation-strip {
  display: flex;
  width: 100%;
  height: 11px;
  overflow: hidden;
  border: 1px solid #3f3822;
  background: #11131a;
}

.hybrid-relation-by { width: var(--hybrid-by, 0%); background: #dca511; }
.hybrid-relation-about { width: var(--hybrid-about, 0%); background: #d96c46; }

.hybrid-relation-legend {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-top: 5px;
  color: var(--muted);
  font-size: 9px;
}

.hybrid-relation-legend strong { color: #f5e4ad; font-weight: 500; }

.hybrid-workspace {
  margin-top: 10px;
  border: 1px solid var(--line);
  background: rgba(8, 20, 33, .97);
  min-width: 0;
}

.hybrid-tabs {
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  border-bottom: 1px solid var(--line);
  scrollbar-width: thin;
}

.hybrid-tab {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex: 1 1 0;
  min-width: 140px;
  padding: 12px 14px;
  border: 0;
  border-right: 1px solid #122c42;
  background: transparent;
  color: var(--muted);
  font: inherit;
  font-size: 10px;
  letter-spacing: .1em;
  text-transform: uppercase;
  cursor: pointer;
}

.hybrid-tab-icon {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  opacity: .82;
}

.hybrid-tab-label {
  white-space: nowrap;
}

.hybrid-tab[aria-selected="true"] .hybrid-tab-icon {
  opacity: 1;
}

.hybrid-tab::after {
  position: absolute;
  right: 18%;
  bottom: 0;
  left: 18%;
  height: 2px;
  background: transparent;
  content: "";
}

.hybrid-tab[aria-selected="true"] { color: #e5f4fb; background: rgba(18, 44, 66, .28); }
.hybrid-tab[aria-selected="true"]::after { background: var(--cyan); }
.hybrid-tab[data-hybrid-view="media"][aria-selected="true"] { color: #cbbcff; }
.hybrid-tab[data-hybrid-view="media"][aria-selected="true"]::after { background: var(--hybrid-violet); }

.hybrid-panel {
  min-width: 0;
  padding: 16px;
}

.hybrid-panel[hidden] { display: none; }

.hybrid-section-title {
  margin: 0 0 9px;
  color: var(--cyan);
  font-size: 10px;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.hybrid-section-sub {
  margin: -5px 0 10px;
  color: var(--muted);
  font-size: 10px;
}

.hybrid-media-layout {
  display: grid;
  grid-template-columns: 1fr .75fr 1.5fr .9fr;
  min-width: 0;
}

.hybrid-media-block {
  min-width: 0;
  padding: 0 13px;
  border-right: 1px solid #143149;
}

.hybrid-media-block:first-child { padding-left: 0; }
.hybrid-media-block:last-child { padding-right: 0; border-right: 0; }

.hybrid-activity-chart {
  display: grid;
  grid-template-columns: repeat(14, minmax(4px, 1fr));
  align-items: end;
  gap: 4px;
  min-height: 148px;
  padding-top: 14px;
  border-bottom: 1px solid #244157;
}

.hybrid-activity-day {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-end;
  height: 132px;
}

.hybrid-activity-count {
  margin-bottom: 4px;
  color: var(--muted);
  font-size: 9px;
}

.hybrid-activity-bar {
  width: min(16px, 72%);
  height: var(--hybrid-height, 3px);
  min-height: 3px;
  background: linear-gradient(180deg, #b58fff, #7256d4);
}

.hybrid-axis-labels {
  display: flex;
  justify-content: space-between;
  margin-top: 5px;
  color: var(--muted);
  font-size: 9px;
}

.hybrid-comparison-list {
  display: grid;
  gap: 8px;
}

.hybrid-comparison-row {
  display: grid;
  grid-template-columns: minmax(80px, .9fr) minmax(60px, 1fr) auto;
  align-items: center;
  gap: 7px;
  color: #d4e6f1;
  font-size: 9px;
}

.hybrid-comparison-value {
  color: #ecf7fc;
  font-variant-numeric: tabular-nums;
}

.hybrid-headlines {
  display: grid;
  gap: 0;
}

.hybrid-headline {
  display: grid;
  grid-template-columns: 66px minmax(0, 1fr);
  gap: 8px;
  padding: 7px 0;
  border-bottom: 1px solid #143149;
}

.hybrid-headline:first-child { padding-top: 0; }
.hybrid-headline:last-child { border-bottom: 0; }

.hybrid-headline-meta {
  color: var(--muted);
  font-size: 9px;
  line-height: 1.35;
}

.hybrid-headline a {
  color: #d7e9f6;
  font-size: 10px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.hybrid-headline-publisher {
  display: block;
  margin-top: 2px;
  color: var(--cyan);
}

.hybrid-disclosure {
  margin: 13px 0 0;
  padding-top: 9px;
  border-top: 1px solid #143149;
  color: var(--muted);
  font-size: 10px;
  line-height: 1.45;
}

.hybrid-runoff-focus-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 12px;
}

.hybrid-runoff-focus-head h3 {
  margin: 3px 0 0;
  color: #edf7fc;
  font-size: 16px;
}

.hybrid-status-chip {
  padding: 5px 7px;
  border: 1px solid #315976;
  color: #b9d9ea;
  font-size: 9px;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.hybrid-runoff-observations,
.hybrid-common-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.hybrid-observation,
.hybrid-common-card {
  min-width: 0;
  padding: 11px;
  border: 1px solid #173951;
  background: rgba(6, 16, 27, .66);
}

.hybrid-observation.is-featured { border-color: #29769b; }

.hybrid-observation-head,
.hybrid-observation-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 9px;
  color: var(--muted);
  font-size: 10px;
}

.hybrid-observation-scores {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 8px;
  align-items: center;
  margin: 12px 0;
}

.hybrid-observation-score {
  color: var(--cyan);
  font-size: 22px;
  font-variant-numeric: tabular-nums;
}

.hybrid-observation-score.is-right { color: var(--hybrid-violet); text-align: right; }
.hybrid-observation-vs { color: var(--muted); font-size: 8px; }

.hybrid-observation-names {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-top: -8px;
  color: #cfe3ef;
  font-size: 10px;
}

.hybrid-common-section { margin-top: 14px; }
.hybrid-common-title { margin: 0 0 8px; color: #cfe3ef; font-size: 11px; }
.hybrid-common-card h4 { margin: 0 0 8px; font-size: 10px; font-weight: 500; }

.hybrid-common-row {
  display: grid;
  grid-template-columns: minmax(78px, 1fr) auto auto;
  gap: 8px;
  padding: 4px 0;
  border-top: 1px solid #102b40;
  color: var(--muted);
  font-size: 10px;
}

.hybrid-agenda-layout {
  display: grid;
  grid-template-columns: minmax(240px, .85fr) minmax(0, 1.35fr);
  min-width: 0;
}

.hybrid-agenda-ranking {
  padding-right: 14px;
  border-right: 1px solid #143149;
}

.hybrid-agenda-topic {
  display: grid;
  width: 100%;
  margin: 0;
  padding: 10px 8px;
  border: 0;
  border-bottom: 1px solid #143149;
  background: transparent;
  color: var(--text);
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.hybrid-agenda-topic:hover,
.hybrid-agenda-topic[aria-pressed="true"] { background: rgba(24, 61, 88, .28); }

.hybrid-agenda-topic[aria-pressed="true"] { box-shadow: inset 2px 0 var(--cyan); }

.hybrid-agenda-topic-head {
  display: flex;
  justify-content: space-between;
  gap: 9px;
  font-size: 10px;
}

.hybrid-agenda-topic-meta {
  margin-top: 4px;
  color: var(--muted);
  font-size: 9px;
}

.hybrid-agenda-topic .hybrid-track { margin-top: 7px; }

.hybrid-agenda-detail {
  min-width: 0;
  padding-left: 14px;
}

.hybrid-agenda-detail h3 {
  margin: 0 0 6px;
  color: #edf7fc;
  font-size: 16px;
}

.hybrid-agenda-definition {
  margin: 0 0 10px;
  color: #aec6d5;
  font-size: 10px;
  line-height: 1.4;
}

.hybrid-agenda-definition.is-unavailable {
  padding-left: 8px;
  border-left: 2px solid #31506a;
  color: var(--muted);
}

.hybrid-metrics {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 9px 0 13px;
}

.hybrid-metric {
  padding: 5px 7px;
  border: 1px solid #24455e;
  color: #bcd4e2;
  font-size: 9px;
}

.hybrid-supporting-list {
  display: grid;
  gap: 6px;
}

.hybrid-supporting-link {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr);
  gap: 9px;
  padding: 7px 0;
  border-top: 1px solid #143149;
  color: #d7e9f6;
  font-size: 10px;
  line-height: 1.35;
}

.hybrid-supporting-meta { color: var(--muted); }

.hybrid-claims-topline {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 10px;
}

.hybrid-claim-stat {
  padding: 8px;
  border: 1px solid #283d49;
  background: rgba(8, 17, 26, .55);
  color: var(--muted);
  font-size: 9px;
  text-align: center;
}

.hybrid-claim-stat strong {
  display: block;
  color: #f1f7fa;
  font-size: 18px;
  font-weight: 500;
}

.hybrid-claims-strip-wrap {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  margin-bottom: 12px;
}

.hybrid-claims-controls {
  display: flex;
  align-items: end;
  flex-wrap: wrap;
  gap: 8px;
  padding: 10px 0;
  border-block: 1px solid #143149;
}

.hybrid-relationship-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.hybrid-filter-button {
  min-height: 32px;
  padding: 5px 8px;
  border: 1px solid #3f6b88;
  background: #0a1a29;
  color: #b7cbd8;
  font: inherit;
  font-size: 10px;
  cursor: pointer;
}

.hybrid-filter-button[aria-pressed="true"] {
  border-color: var(--hybrid-amber);
  color: #ffe1a0;
}

.hybrid-select-label {
  display: grid;
  gap: 3px;
  color: var(--muted);
  font-size: 9px;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.hybrid-select {
  min-height: 32px;
  max-width: 220px;
  border: 1px solid #3f6b88;
  border-radius: 0;
  background: #081522;
  color: var(--text);
  font: inherit;
  font-size: 10px;
}

.hybrid-filter-scope {
  margin: 8px 0 0;
  color: var(--muted);
  font-size: 10px;
  line-height: 1.4;
}

.hybrid-claims-layout {
  display: grid;
  grid-template-columns: minmax(230px, .75fr) minmax(0, 1.6fr);
  min-width: 0;
  margin-top: 12px;
}

.hybrid-claims-matrix {
  min-width: 0;
  padding-right: 14px;
  border-right: 1px solid #143149;
}

.hybrid-matrix-head,
.hybrid-matrix-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 42px 42px;
  gap: 7px;
  align-items: center;
}

.hybrid-matrix-head {
  padding-bottom: 5px;
  color: var(--muted);
  font-size: 9px;
  text-align: right;
}

.hybrid-matrix-head span:first-child { text-align: left; }

.hybrid-matrix-row {
  padding: 6px 0;
  border-top: 1px solid #102b40;
  color: #d0e3ee;
  font-size: 10px;
}

.hybrid-matrix-value {
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.hybrid-matrix-value.is-by { color: #f0c75d; }
.hybrid-matrix-value.is-about { color: #e98f70; }

.hybrid-claim-rows {
  min-width: 0;
  padding-left: 14px;
}

.hybrid-claim-row {
  display: grid;
  grid-template-columns: 66px minmax(90px, .8fr) minmax(150px, 1.5fr) minmax(80px, .65fr) minmax(72px, .55fr);
  gap: 8px;
  align-items: start;
  padding: 8px 0;
  border-top: 1px solid #143149;
  font-size: 10px;
}

.hybrid-claim-row:first-of-type { border-top: 0; }

.hybrid-claim-date,
.hybrid-claim-publisher { color: var(--muted); }

.hybrid-claim-associations {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
}

.hybrid-claim-association {
  display: inline-flex;
  gap: 3px;
  color: #cfe3ef;
}

.hybrid-claim-association b {
  color: var(--hybrid-amber);
  font-size: 9px;
}

.hybrid-claim-text { color: #dceaf2; line-height: 1.35; overflow-wrap: anywhere; }

.hybrid-rating {
  display: inline-flex;
  padding: 3px 5px;
  border: 1px solid #6c5d35;
  color: #ffe1a0;
  line-height: 1.25;
}

.hybrid-original-rating {
  display: block;
  margin-top: 3px;
  color: var(--muted);
  font-size: 9px;
}

.hybrid-claim-source { display: block; margin-top: 4px; }

.hybrid-legacy {
  margin-top: 12px;
  border: 1px solid #17354c;
  background: rgba(7, 17, 28, .78);
}

.hybrid-legacy > summary {
  padding: 11px 14px;
  color: var(--muted);
  font-size: 10px;
  cursor: pointer;
}

.hybrid-legacy[open] > summary {
  border-bottom: 1px solid #17354c;
  color: #bdd3e0;
}

.hybrid-legacy .intelligence-grid {
  margin: 12px;
}

/* Manual visual polish: typography and readability only */
.hybrid-root {
  --muted: #9fb7c6;
}

.hybrid-board-title {
  font-size: 13px;
  line-height: 1.3;
}

.hybrid-board-note,
.hybrid-card-kicker,
.hybrid-card-action,
.hybrid-summary-meta,
.hybrid-section-sub,
.hybrid-disclosure,
.hybrid-filter-scope {
  font-size: 11px;
  line-height: 1.45;
}

.hybrid-card-title {
  font-size: 14px;
  line-height: 1.25;
}

.hybrid-runoff-name,
.hybrid-ranking-row,
.hybrid-topic-summary-row,
.hybrid-headline a,
.hybrid-observation-head,
.hybrid-observation-foot,
.hybrid-observation-names,
.hybrid-common-row,
.hybrid-agenda-topic-head,
.hybrid-agenda-definition,
.hybrid-supporting-link,
.hybrid-matrix-row,
.hybrid-claim-row {
  font-size: 11px;
  line-height: 1.4;
}

.hybrid-tab,
.hybrid-section-title,
.hybrid-common-card h4,
.hybrid-filter-button,
.hybrid-select {
  font-size: 11px;
}

.hybrid-mini-stat,
.hybrid-claims-number,
.hybrid-relation-legend,
.hybrid-activity-count,
.hybrid-axis-labels,
.hybrid-headline-meta,
.hybrid-status-chip,
.hybrid-agenda-topic-meta,
.hybrid-metric,
.hybrid-select-label,
.hybrid-matrix-head,
.hybrid-claim-association b,
.hybrid-original-rating,
.hybrid-legacy > summary {
  font-size: 10px;
  line-height: 1.35;
}

.hybrid-runoff-score {
  font-size: 28px;
}

.hybrid-mini-stat strong {
  font-size: 18px;
}

.hybrid-claims-number strong,
.hybrid-observation-score {
  font-size: 24px;
}

.hybrid-claim-stat strong {
  font-size: 20px;
}

.hybrid-runoff-focus-head h3,
.hybrid-agenda-detail h3 {
  font-size: 18px;
  line-height: 1.25;
}

.hybrid-common-title {
  font-size: 12px;
}

.hybrid-claim-text {
  line-height: 1.45;
}
@media (max-width: 1149px) {
  .hybrid-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .hybrid-card { min-height: 210px; }
  .hybrid-media-layout { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hybrid-media-block { padding: 0 12px 13px; border-bottom: 1px solid #143149; }
  .hybrid-media-block:nth-child(2) { border-right: 0; }
  .hybrid-media-block:nth-child(3) { padding-top: 13px; padding-left: 0; border-bottom: 0; }
  .hybrid-media-block:nth-child(4) { padding-top: 13px; border-right: 0; border-bottom: 0; }
  .hybrid-claims-layout { grid-template-columns: 1fr; }
  .hybrid-claims-matrix { padding-right: 0; padding-bottom: 12px; border-right: 0; border-bottom: 1px solid #143149; }
  .hybrid-claim-rows { padding: 12px 0 0; }
}

@media (min-width: 680px) and (max-width: 899px) {
  .hybrid-agenda-layout { grid-template-columns: 1fr; }
  .hybrid-agenda-ranking { padding-right: 0; padding-bottom: 12px; border-right: 0; border-bottom: 1px solid #143149; }
  .hybrid-agenda-detail { padding: 12px 0 0; }
  .hybrid-claims-topline { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .hybrid-relationship-filters { flex: 0 0 100%; flex-wrap: nowrap; }
  .hybrid-select-label { flex: 1 1 calc(50% - 4px); }
  .hybrid-select { width: 100%; max-width: none; }
  .hybrid-claims-result-status { flex: 0 0 100%; }
  .hybrid-claim-row {
    grid-template-columns: 60px minmax(0, 1fr);
    gap: 5px 8px;
  }
  .hybrid-claim-associations,
  .hybrid-claim-text,
  .hybrid-claim-rating-cell { grid-column: 2; }
  .hybrid-claim-publisher { grid-column: 1; grid-row: 2; }
  .hybrid-claim-source { margin-top: 3px; }
}

@media (max-width: 679px) {
  .hybrid-board-head { align-items: flex-start; flex-direction: column; gap: 2px; }
  .hybrid-board-note { text-align: left; }
  .hybrid-summary-grid { grid-template-columns: 1fr; }
  .hybrid-card { min-height: 0; }
  .hybrid-tabs { justify-content: flex-start; }
  .hybrid-tab { flex: 0 0 auto; min-width: 130px; }
  .hybrid-panel { padding: 12px; }
  .hybrid-media-layout { grid-template-columns: 1fr; }
  .hybrid-media-block,
  .hybrid-media-block:nth-child(3),
  .hybrid-media-block:nth-child(4) {
    padding: 12px 0;
    border-right: 0;
    border-bottom: 1px solid #143149;
  }
  .hybrid-media-block:first-child { padding-top: 0; }
  .hybrid-media-block:last-child { border-bottom: 0; }
  .hybrid-runoff-focus-head { flex-direction: column; }
  .hybrid-runoff-observations,
  .hybrid-common-grid { grid-template-columns: 1fr; }
  .hybrid-agenda-layout { grid-template-columns: 1fr; }
  .hybrid-agenda-ranking { padding-right: 0; padding-bottom: 12px; border-right: 0; border-bottom: 1px solid #143149; }
  .hybrid-agenda-detail { padding: 12px 0 0; }
  .hybrid-supporting-link { grid-template-columns: 1fr; gap: 2px; }
  .hybrid-claims-topline { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hybrid-claims-strip-wrap { grid-template-columns: 1fr; }
  .hybrid-claims-controls { align-items: stretch; flex-direction: column; }
  .hybrid-relationship-filters { display: grid; grid-template-columns: repeat(3, 1fr); }
  .hybrid-filter-button { min-width: 0; padding-inline: 4px; }
  .hybrid-select { width: 100%; max-width: none; }
  .hybrid-matrix-head,
  .hybrid-matrix-row { grid-template-columns: minmax(0, 1fr) 38px 46px; }
  .hybrid-claim-row {
    grid-template-columns: 60px minmax(0, 1fr);
    gap: 5px 8px;
  }
  .hybrid-claim-associations,
  .hybrid-claim-text,
  .hybrid-claim-rating-cell { grid-column: 2; }
  .hybrid-claim-publisher { grid-column: 1; grid-row: 2; }
  .hybrid-claim-source { margin-top: 3px; }
  .hybrid-legacy .intelligence-grid { margin: 8px; }
}

@media (max-width: 420px) {
  .hybrid-runoff-person { grid-template-columns: 36px minmax(0, 1fr); }
  .hybrid-runoff-person.is-right { grid-template-columns: minmax(0, 1fr) 36px; }
  .hybrid-portrait { width: 36px; height: 36px; }
  .hybrid-runoff-score { font-size: 21px; }
  .hybrid-activity-chart { gap: 2px; }
}

@media (prefers-reduced-motion: reduce) {
  .hybrid-card,
  .hybrid-tab,
  .hybrid-agenda-topic { scroll-behavior: auto; transition: none; }
}

/* Media Pulse terminal feed, coverage shift and sustained-topic matrix */
.hybrid-media-terminal-layout {
  display: grid;
  grid-template-columns:
    minmax(0, 2.55fr)
    minmax(330px, .95fr);
  align-items: stretch;
  gap: 14px;
  min-width: 0;
}

.hybrid-media-terminal-feed,
.hybrid-media-terminal-rail {
  min-width: 0;
}

.hybrid-media-terminal-feed {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
}

.hybrid-media-terminal-rail {
  display: grid;
  align-content: start;
  gap: 12px;
  padding-left: 14px;
  border-left: 1px solid #17364e;
}

.hybrid-media-terminal-module +
.hybrid-media-terminal-module {
  padding-top: 11px;
  border-top: 1px solid #17364e;
}

.hybrid-media-terminal-layout
.hybrid-section-title {
  margin: 0 0 9px;
  color: var(--cyan);
  font-family: inherit;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .09em;
  line-height: 1.25;
  text-transform: uppercase;
}

.hybrid-media-terminal-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 14px;
  min-height: 23px;
}

.hybrid-media-terminal-status {
  color: #91b5c8;
  font-family: inherit;
  font-size: 9px;
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  letter-spacing: .025em;
  white-space: nowrap;
}

.hybrid-media-terminal-list {
  height: 475px;
  overflow-y: auto;
  overscroll-behavior: contain;
  border-top: 1px solid #17364e;
  scrollbar-color: #315a75 #071725;
  scrollbar-width: thin;
}

.hybrid-media-terminal-row {
  display: grid;
  grid-template-columns:
    29px
    96px
    118px
    minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-width: 0;
  min-height: 40px;
  padding: 8px 6px;
  border-bottom: 1px solid #132f45;
  color: inherit;
  font-family: inherit;
  text-decoration: none;
}

.hybrid-media-terminal-row:last-child {
  border-bottom: 0;
}

.hybrid-media-terminal-row:hover,
.hybrid-media-terminal-row:focus-visible {
  background:
    linear-gradient(
      90deg,
      rgba(27, 90, 126, .19),
      rgba(20, 51, 75, .07)
    );
}

.hybrid-media-terminal-index {
  color: #52758c;
  font-size: 8px;
  font-variant-numeric: tabular-nums;
  line-height: 1.45;
}

.hybrid-media-terminal-row time {
  color: var(--muted);
  font-size: 9px;
  font-variant-numeric: tabular-nums;
  line-height: 1.4;
}

.hybrid-media-terminal-publisher {
  color: var(--cyan);
  font-size: 9px;
  font-weight: 700;
  line-height: 1.4;
}

.hybrid-media-terminal-copy {
  min-width: 0;
}

.hybrid-media-terminal-headline {
  color: #edf7fc;
  font-family: inherit;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.42;
  overflow-wrap: anywhere;
}

.hybrid-media-terminal-row:hover
.hybrid-media-terminal-headline {
  color: #ffffff;
}

.hybrid-candidate-share-list {
  display: grid;
}

.hybrid-coverage-period-legend {
  display: grid;
  grid-template-columns:
    repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0 0 4px;
  padding: 0 0 7px;
  border-bottom: 1px solid #132f45;
}

.hybrid-coverage-period {
  display: grid;
  grid-template-columns:
    20px
    minmax(0, 1fr);
  align-items: center;
  gap: 6px;
  min-width: 0;
}

.hybrid-coverage-period > span {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.hybrid-coverage-period strong,
.hybrid-coverage-period small {
  font-size: 9px;
  font-variant-numeric: tabular-nums;
  font-weight: 700;
  line-height: 1.1;
  white-space: nowrap;
}

.hybrid-coverage-period strong {
  letter-spacing: .07em;
}

.hybrid-coverage-period small {
  color: #9eb9c8;
  letter-spacing: .02em;
}

.hybrid-coverage-period:first-child strong {
  color: var(--cyan);
}

.hybrid-coverage-period:last-child strong {
  color: #c6b7ff;
}

.hybrid-coverage-period-swatch {
  position: relative;
  display: block;
  width: 18px;
  height: 11px;
}

.hybrid-coverage-period-swatch.is-current::before {
  content: "";
  position: absolute;
  top: 3px;
  right: 0;
  left: 0;
  height: 5px;
  background:
    linear-gradient(
      90deg,
      #258df2,
      var(--cyan)
    );
}

.hybrid-coverage-period-swatch.is-prior::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 8px;
  width: 2px;
  background: #b29cff;
  box-shadow:
    0 0 5px rgba(178, 156, 255, .55);
}

.hybrid-candidate-share-row {
  display: grid;
  grid-template-columns:
    minmax(112px, .95fr)
    43px
    minmax(88px, 1fr)
    58px;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  border-bottom: 1px solid #132f45;
  color: #dceaf3;
  font-family: inherit;
}

.hybrid-candidate-share-row:last-child {
  border-bottom: 0;
}

.hybrid-candidate-share-name {
  min-width: 0;
  color: #edf7fc;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hybrid-candidate-share-row > strong {
  color: #eef8fc;
  font-size: 10px;
  font-variant-numeric: tabular-nums;
  font-weight: 700;
  text-align: right;
}

.hybrid-candidate-share-track {
  position: relative;
  height: 7px;
  overflow: visible;
  background: #071827;
}

.hybrid-candidate-share-current {
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--hybrid-current-share);
  background:
    linear-gradient(
      90deg,
      #258df2,
      var(--cyan)
    );
  box-shadow:
    0 0 7px rgba(53, 213, 255, .14);
}

.hybrid-candidate-share-previous {
  position: absolute;
  top: -2px;
  bottom: -2px;
  left: var(--hybrid-previous-share);
  width: 2px;
  background: #b29cff;
  box-shadow:
    0 0 5px rgba(178, 156, 255, .55);
  transform: translateX(-1px);
}

.hybrid-candidate-share-row > b {
  font-size: 9px;
  font-variant-numeric: tabular-nums;
  font-weight: 700;
  text-align: right;
  white-space: nowrap;
}

.hybrid-candidate-share-row > b.is-up {
  color: var(--cyan);
}

.hybrid-candidate-share-row > b.is-down {
  color: #c6b7ff;
}

.hybrid-candidate-share-row > b.is-flat {
  color: var(--muted);
}

.hybrid-topic-matrix {
  display: grid;
  min-width: 0;
  border-top: 1px solid #17364e;
}

.hybrid-topic-matrix-head,
.hybrid-topic-matrix-row {
  display: grid;
  grid-template-columns:
    26px
    minmax(0, 1fr)
    38px
    38px;
  align-items: center;
  gap: 7px;
  min-width: 0;
}

.hybrid-topic-matrix-head {
  min-height: 24px;
  padding: 4px 6px;
  color: #789aab;
  font-size: 9px;
  font-variant-numeric: tabular-nums;
  font-weight: 700;
  letter-spacing: .075em;
  line-height: 1;
  text-align: right;
}

.hybrid-topic-matrix-head strong:nth-child(3) {
  color: #c6b7ff;
}

.hybrid-topic-matrix-head strong:nth-child(4) {
  color: var(--cyan);
}

.hybrid-topic-matrix-row {
  width: 100%;
  min-height: 36px;
  padding: 5px 6px;
  border: 0;
  border-bottom: 1px solid #132f45;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.hybrid-topic-matrix-row:last-child {
  border-bottom: 0;
}

.hybrid-topic-matrix-row:hover {
  background:
    linear-gradient(
      90deg,
      rgba(161, 119, 255, .09),
      rgba(20, 51, 75, .04)
    );
}

.hybrid-topic-matrix-row:focus-visible {
  outline: 1px solid #a88df7;
  outline-offset: -1px;
  background:
    linear-gradient(
      90deg,
      rgba(161, 119, 255, .14),
      rgba(20, 51, 75, .05)
    );
}

.hybrid-topic-matrix-rank {
  color: #617f91;
  font-size: 9px;
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
}

.hybrid-topic-matrix-label {
  min-width: 0;
  color: #edf7fc;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.28;
  overflow-wrap: anywhere;
}

.hybrid-topic-matrix-days,
.hybrid-topic-matrix-pubs {
  min-width: 0;
  font-size: 10px;
  font-variant-numeric: tabular-nums;
  font-weight: 700;
  line-height: 1;
  text-align: right;
}

.hybrid-topic-matrix-days {
  padding: 6px 5px;
  border-left: 2px solid #9d77ed;
  background: rgba(157, 119, 237, .09);
  color: #d8caff;
}

.hybrid-topic-matrix-pubs {
  color: var(--cyan);
}

@media (max-width: 1100px) {
  .hybrid-media-terminal-layout {
    grid-template-columns:
      minmax(0, 1fr);
  }

  .hybrid-media-terminal-list {
    height: 420px;
  }

  .hybrid-media-terminal-rail {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
    padding-top: 13px;
    padding-left: 0;
    border-top: 1px solid #17364e;
    border-left: 0;
  }

  .hybrid-media-terminal-module +
  .hybrid-media-terminal-module {
    padding-top: 0;
    padding-left: 14px;
    border-top: 0;
    border-left: 1px solid #17364e;
  }
}

@media (max-width: 760px) {
  .hybrid-media-terminal-rail {
    grid-template-columns:
      minmax(0, 1fr);
  }

  .hybrid-media-terminal-module +
  .hybrid-media-terminal-module {
    padding-top: 12px;
    padding-left: 0;
    border-top: 1px solid #17364e;
    border-left: 0;
  }
}

@media (max-width: 520px) {
  .hybrid-media-terminal-heading {
    align-items: center;
  }

  .hybrid-media-terminal-status {
    font-size: 8px;
  }

  .hybrid-media-terminal-list {
    height: 390px;
  }

  .hybrid-media-terminal-row {
    grid-template-columns:
      24px
      82px
      minmax(0, 1fr);
    gap: 7px;
  }

  .hybrid-media-terminal-copy {
    grid-column: 2 / -1;
  }

  .hybrid-candidate-share-row {
    grid-template-columns:
      minmax(100px, .9fr)
      40px
      minmax(65px, 1fr)
      54px;
    gap: 6px;
  }

  .hybrid-candidate-share-name {
    font-size: 10px;
  }

  .hybrid-coverage-period-legend {
    grid-template-columns:
      minmax(0, 1fr);
    gap: 5px;
  }

  .hybrid-topic-matrix-head,
  .hybrid-topic-matrix-row {
    grid-template-columns:
      23px
      minmax(0, 1fr)
      35px
      35px;
    gap: 5px;
    padding-right: 5px;
    padding-left: 5px;
  }

}
/* SHARED WORKSPACE HEIGHT PARITY V1
   Candidate workspace is the canonical desktop viewport.
   430px internal workspace + 16px top and bottom panel padding. */
@media (min-width: 1024px) {
  .hybrid-workspace > .hybrid-panel {
    box-sizing: border-box;
    height: 462px;
    min-height: 462px;
    max-height: 462px;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-color:
      rgba(53, 216, 255, 0.36)
      rgba(2, 15, 27, 0.42);
    scrollbar-width: thin;
  }

  .hybrid-workspace > .hybrid-panel#signal-candidates-panel {
    overflow: hidden;
  }
}

/* AGENDA WORKSPACE ΓÇö LOCKED CANONICAL PRESENTATION */

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-workspace {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: minmax(0, 27fr) minmax(0, 36fr) minmax(0, 37fr);
  grid-template-rows: minmax(0, 1fr);
  gap: 10px;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  padding: 0;
  overflow: hidden;
  color: #dce9ef;
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-variant-numeric: tabular-nums;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-panel {
  min-width: 0;
  min-height: 0;
  display: grid;
  grid-template-rows: 42px minmax(0, 1fr);
  overflow: hidden;
  border: 1px solid rgba(31, 75, 101, .82);
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(6, 27, 44, .97), rgba(3, 17, 29, .96));
  box-shadow: inset 0 1px 0 rgba(112, 195, 229, .025);
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-panel-head {
  min-width: 0;
  min-height: 42px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 0 11px;
  border-bottom: 1px solid rgba(42, 96, 124, .82);
  background: linear-gradient(180deg, rgba(13, 34, 52, .82), rgba(7, 23, 37, .36));
  box-shadow: inset 0 -2px 0 rgba(53, 216, 255, .10);
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-panel-head h3 {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  color: #f2f8fb;
  font-size: 13px;
  font-weight: 760;
  line-height: 1;
  letter-spacing: .035em;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-transform: uppercase;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-panel-head-meta {
  flex: 0 0 auto;
  color: #7899ad;
  font-size: 9.5px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-panel-body {
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}

/* Info */
:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-head-tools {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  flex: 0 0 auto;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-info {
  position: relative;
  display: grid;
  width: 17px;
  height: 17px;
  padding: 0;
  place-items: center;
  border: 1px solid rgba(53, 216, 255, .42);
  border-radius: 50%;
  background: rgba(18, 66, 91, .16);
  color: var(--cyan);
  font: inherit;
  font-size: 10px;
  font-weight: 760;
  line-height: 1;
  cursor: help;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-info:hover,
:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-info:focus-visible {
  border-color: rgba(53, 216, 255, .82);
  background: rgba(18, 66, 91, .34);
  outline: 0;
}

/* Monitor */
:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-monitor-body {
  display: grid;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-diagnostics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid rgba(35, 86, 114, .76);
  border-radius: 3px;
  background: rgba(3, 15, 26, .56);
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-diagnostics article {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 7px;
  padding: 0 8px;
  border-right: 1px solid rgba(35, 86, 114, .52);
  border-bottom: 1px solid rgba(35, 86, 114, .52);
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-diagnostics article:nth-child(even) {
  border-right: 0;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-diagnostics article:nth-child(n + 3) {
  border-bottom: 0;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-diagnostics span {
  min-width: 0;
  overflow: hidden;
  color: #7191a4;
  font-size: 8.5px;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: .035em;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-transform: uppercase;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-diagnostics strong {
  flex: 0 0 auto;
  color: #f1f7fa;
  font-size: 17px;
  font-weight: 760;
  line-height: 1;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-diagnostics article:nth-child(2) strong {
  color: #f1f7fa;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-topic-card {
  position: relative;
  width: 100%;
  min-width: 0;
  min-height: 0;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) 58px;
  grid-template-rows: auto auto;
  align-items: center;
  gap: 4px 8px;
  padding: 8px 9px;
  border: 1px solid rgba(30, 72, 98, .90);
  border-radius: 5px;
  background: linear-gradient(105deg, rgba(8, 31, 49, .96), rgba(4, 19, 33, .90));
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: border-color 120ms ease, background-color 120ms ease;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-topic-card:hover {
  border-color: rgba(53, 216, 255, .60);
  background: linear-gradient(105deg, rgba(10, 42, 65, .98), rgba(5, 24, 41, .94));
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-topic-card[aria-pressed="true"] {
  border-color: var(--cyan);
  background: radial-gradient(circle at 18% 40%, rgba(40, 135, 183, .15), transparent 46%),
    linear-gradient(105deg, rgba(10, 48, 74, .99), rgba(5, 26, 44, .98));
  box-shadow: inset 4px 0 0 var(--cyan), 0 0 0 1px rgba(53, 216, 255, .06);
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-topic-card:focus-visible,
:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-matrix-row:focus-visible,
:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-evidence-list a:focus-visible {
  outline: 2px solid var(--cyan);
  outline-offset: -2px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-topic-icon {
  grid-row: 1 / span 2;
  display: grid;
  width: 26px;
  height: 26px;
  place-items: center;
  border: 1px solid rgba(53, 216, 255, .20);
  border-radius: 4px;
  background: rgba(7, 29, 46, .58);
  color: var(--cyan);
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-topic-icon svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.25;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-topic-copy {
  min-width: 0;
  align-self: end;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-topic-name {
  display: block;
  min-width: 0;
  overflow: hidden;
  color: #f2f7fa;
  font-size: 11px;
  font-weight: 750;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-topic-tags {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: 3px;
  min-width: 0;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-badge {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  padding: 2px 5px;
  border: 1px solid rgba(53, 216, 255, .34);
  border-radius: 2px;
  background: rgba(53, 216, 255, .07);
  color: #77e7ff;
  font-size: 7.5px;
  font-weight: 760;
  line-height: 1.05;
  letter-spacing: .045em;
  white-space: nowrap;
  text-transform: uppercase;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-badge[data-movement="fading"] {
  border-color: rgba(157, 140, 255, .40);
  background: rgba(157, 140, 255, .09);
  color: #bcaeff;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-badge[data-movement="stable"] {
  border-color: rgba(95, 128, 148, .45);
  background: rgba(95, 128, 148, .09);
  color: #8da9ba;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-badge.is-structure {
  max-width: 104px;
  overflow: hidden;
  border-color: rgba(104, 139, 159, .34);
  background: rgba(104, 139, 159, .055);
  color: #91aab8;
  text-overflow: ellipsis;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-topic-total {
  grid-row: 1 / span 2;
  grid-column: 3;
  align-self: center;
  justify-self: end;
  min-width: 58px;
  text-align: right;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-topic-total strong {
  display: block;
  color: #f3f8fb;
  font-size: 20px;
  font-weight: 760;
  line-height: 1;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-topic-total span {
  display: block;
  margin-top: 3px;
  color: #6e8da0;
  font-size: 7px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .035em;
  white-space: nowrap;
  text-transform: uppercase;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-topic-shift {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(50px, auto) minmax(58px, auto) minmax(52px, 1fr);
  align-items: center;
  column-gap: 7px;
  color: #7593a5;
  font-size: 8px;
  line-height: 1;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-topic-shift strong {
  color: #d7e6ed;
  font-size: 9px;
  font-weight: 700;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-topic-shift em {
  justify-self: end;
  color: var(--cyan);
  font-size: 9px;
  font-style: normal;
  font-weight: 730;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-topic-shift em[data-movement="fading"] {
  color: #b7a6ff;
}

/* Evolution panel */
:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-evolution-body {
  display: grid;
  grid-template-rows: minmax(198px, 1.18fr) minmax(156px, .92fr);
  gap: 5px;
  padding: 5px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-module {
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  border: 1px solid rgba(35, 86, 114, .76);
  border-radius: 3px;
  background: rgba(3, 15, 26, .54);
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-module-head {
  min-height: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 0 9px;
  border-bottom: 1px solid rgba(35, 86, 114, .58);
  background: rgba(6, 24, 39, .46);
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-module-head strong {
  color: var(--cyan);
  font-size: 10px;
  font-weight: 740;
  line-height: 1;
  letter-spacing: .075em;
  text-transform: uppercase;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-module-head span {
  color: #7896a9;
  font-size: 8.5px;
  line-height: 1;
  white-space: nowrap;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-matrix-head,
:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-matrix-row {
  display: grid;
  align-items: center;
  gap: 1px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-matrix-head {
  text-align: center;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-matrix-head > span:first-child {
  padding-left: 5px;
  text-align: left;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-period {
  grid-column: span 5;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-matrix-row {
  width: 100%;
  margin: 0;
  padding: 1px 0;
  border: 1px solid transparent;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-day {
  display: block;
  min-width: 0;
  border: 1px solid rgba(35, 86, 114, .34);
  background: #071827;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-day[data-agenda-window="older"]:not(.is-zero) {
  background: rgba(37, 141, 242, var(--agenda-day-alpha));
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-day[data-agenda-window="previous"]:not(.is-zero) {
  background: rgba(178, 156, 255, var(--agenda-day-alpha));
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-day[data-agenda-window="latest"]:not(.is-zero) {
  background: rgba(53, 213, 255, var(--agenda-day-alpha));
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-day[data-agenda-window="partial"] {
  border-color: rgba(53, 213, 255, .56);
  background: rgba(7, 24, 39, .92);
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-matrix-total {
  justify-self: end;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-matrix-legend {
  margin-top: 5px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-pair-track {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(35, 86, 114, .38);
  background: #071827;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-pair-track i {
  display: block;
  height: 100%;
  width: var(--agenda-width, 0%);
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-pair-track.is-latest i {
  background: linear-gradient(90deg, #258df2, var(--cyan));
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-pair-track.is-prior i {
  background: linear-gradient(90deg, #775bd7, #a896ff);
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-shift-delta[data-movement="fading"] {
  color: #b8a7ff;
}

/* Dossier */
:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-identity {
  min-width: 0;
  display: grid;
  align-content: center;
  gap: 5px;
  padding: 0 8px;
  border: 1px solid rgba(35, 86, 114, .66);
  border-radius: 3px;
  background: linear-gradient(90deg, rgba(8, 32, 50, .72), rgba(4, 18, 31, .60));
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-kicker {
  color: #6f93a8;
  font-size: 8px;
  font-weight: 730;
  line-height: 1;
  letter-spacing: .065em;
  text-transform: uppercase;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-title-line {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 7px;
  flex-wrap: wrap;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-title-line h4 {
  min-width: 0;
  margin: 0;
  color: #f2f8fb;
  font-size: 16px;
  font-weight: 760;
  line-height: 1.15;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid rgba(35, 86, 114, .70);
  border-radius: 3px;
  background: rgba(3, 15, 26, .54);
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-metrics article {
  min-width: 0;
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 0 7px;
  border-left: 1px solid rgba(35, 86, 114, .46);
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-metrics article:first-child {
  border-left: 0;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-metrics strong {
  color: #f0f7fa;
  font-size: 18px;
  font-weight: 760;
  line-height: 1;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-metrics article:nth-child(2) strong {
  color: var(--cyan);
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-metrics article:nth-child(5) strong {
  color: #bbaaff;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-metrics span {
  overflow: hidden;
  color: #7391a3;
  font-size: 7.5px;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: .03em;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-transform: uppercase;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-activity-module,
:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-detail-card {
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  border: 1px solid rgba(35, 86, 114, .70);
  border-radius: 3px;
  background: rgba(3, 15, 26, .54);
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-activity-module {
  display: grid;
  grid-template-rows: 29px minmax(0, 1fr);
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-activity-body {
  min-width: 0;
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(150px, .85fr);
  gap: 9px;
  padding: 7px 8px 8px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-bars {
  min-width: 0;
  min-height: 0;
  display: grid;
  grid-template-columns: repeat(30, minmax(2px, 1fr));
  align-items: end;
  gap: 2px;
  padding-top: 5px;
  border-bottom: 1px solid rgba(54, 97, 120, .66);
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-bars > span {
  display: block;
  height: var(--agenda-bar-height, 3px);
  min-height: 3px;
  background: linear-gradient(180deg, #36d7ff, #258df2);
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-bars > span[data-agenda-window="previous"] {
  background: linear-gradient(180deg, #ad9cff, #775bd7);
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-bars > span[data-agenda-window="older"] {
  background: linear-gradient(180deg, #2f9ce4, #1d608e);
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-bars > span[data-agenda-window="partial"] {
  min-height: 3px;
  border: 1px solid rgba(53, 216, 255, .70);
  background: transparent;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-bars > span.is-zero {
  height: 2px;
  min-height: 2px;
  background: #153448;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-week-facts {
  min-width: 0;
  display: grid;
  align-content: center;
  gap: 7px;
  padding-left: 9px;
  border-left: 1px solid rgba(35, 86, 114, .46);
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-week-line span {
  color: #7693a6;
  font-size: 7.5px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-week-line i {
  height: 6px;
  overflow: hidden;
  border: 1px solid rgba(35, 86, 114, .40);
  background: #071827;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-week-line i::before {
  display: block;
  width: var(--agenda-width, 0%);
  height: 100%;
  content: "";
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-week-line.is-latest i::before {
  background: linear-gradient(90deg, #258df2, var(--cyan));
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-week-line.is-prior i::before {
  background: linear-gradient(90deg, #775bd7, #a896ff);
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-week-line strong {
  color: #eef6fa;
  font-size: 9px;
  text-align: right;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-week-meta {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 4px;
  padding-top: 2px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-week-meta div {
  min-width: 0;
  display: grid;
  gap: 2px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-week-meta span {
  color: #6f8fa2;
  font-size: 7px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-week-meta strong {
  overflow: hidden;
  color: #dce9ef;
  font-size: 8.5px;
  font-weight: 680;
  line-height: 1.1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-week-meta div:first-child strong {
  color: var(--cyan);
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-detail-grid {
  min-width: 0;
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(0, 38fr) minmax(0, 62fr);
  gap: 8px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-detail-card {
  display: grid;
  grid-template-rows: 29px minmax(0, 1fr);
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-detail-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 7px;
  min-width: 0;
  padding: 0 8px;
  border-bottom: 1px solid rgba(35, 86, 114, .48);
  background: rgba(6, 24, 39, .42);
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-detail-head strong {
  min-width: 0;
  overflow: hidden;
  color: var(--cyan);
  font-size: 9.5px;
  font-weight: 740;
  line-height: 1;
  letter-spacing: .06em;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-transform: uppercase;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-detail-head span {
  flex: 0 0 auto;
  color: #738fa1;
  font-size: 7.5px;
  line-height: 1;
  white-space: nowrap;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-scroll {
  min-width: 0;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(53, 216, 255, .34) rgba(2, 15, 27, .34);
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-signal-list {
  display: grid;
  align-content: start;
  gap: 7px;
  padding: 8px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-signal-item {
  min-width: 0;
  display: grid;
  gap: 4px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-signal-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 7px;
  min-width: 0;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-signal-head span {
  min-width: 0;
  overflow: hidden;
  color: #d8e6ec;
  font-size: 9px;
  font-weight: 620;
  text-overflow: ellipsis;
  white-space: nowrap;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-signal-head strong {
  flex: 0 0 auto;
  color: #eef7fa;
  font-size: 9px;
  font-weight: 720;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-signal-track {
  height: 5px;
  overflow: hidden;
  border: 1px solid rgba(35, 86, 114, .38);
  background: #071827;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-signal-track i {
  display: block;
  width: var(--agenda-signal-width, 0%);
  height: 100%;
  background: linear-gradient(90deg, #258df2, var(--cyan));
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-empty {
  padding: 12px 9px;
  color: #7895a6;
  font-size: 9px;
  line-height: 1.4;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-evidence-list {
  display: grid;
  align-content: start;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-evidence-list a {
  min-width: 0;
  min-height: 48px;
  display: grid;
  grid-template-columns: 27px minmax(0, 1fr) 10px;
  align-items: center;
  gap: 7px;
  padding: 6px 7px;
  border-bottom: 1px solid rgba(35, 86, 114, .42);
  color: inherit;
  text-decoration: none;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-evidence-list a:last-child {
  border-bottom: 0;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-evidence-list a:hover {
  background: rgba(18, 61, 84, .20);
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-source-mark {
  display: grid;
  place-items: center;
  border: 1px solid rgba(53, 216, 255, .28);
  border-radius: 3px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-evidence-copy {
  min-width: 0;
  display: grid;
  gap: 3px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-evidence-copy strong {
  display: -webkit-box;
  overflow: hidden;
  color: #e6f0f4;
  font-size: 9.5px;
  font-weight: 650;
  line-height: 1.25;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-evidence-copy small {
  overflow: hidden;
  color: #718fa2;
  font-size: 8px;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-evidence-list a > i {
  color: var(--cyan);
  font-size: 9px;
  font-style: normal;
}

@media (max-width: 1023px) {
  :is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-workspace {
    grid-template-columns: 1fr;
    grid-auto-rows: minmax(390px, auto);
    overflow-x: hidden;
    overflow-y: auto;
  }
  :is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-panel {
    min-height: 390px;
  }
}

@media (max-width: 760px) {
  :is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-workspace {
    padding: 8px;
  }
  :is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-dossier-body {
    grid-template-rows: auto auto 150px minmax(230px, 1fr);
  }
  :is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  :is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-metrics article {
    min-height: 48px;
    border-bottom: 1px solid rgba(35, 86, 114, .46);
  }
  :is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-detail-grid {
    grid-template-columns: 1fr;
    grid-auto-rows: minmax(180px, 1fr);
    overflow-y: auto;
  }
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-monitor
  .hybrid-agenda-v6-panel-head {
  min-height: 42px;
  flex-basis: 42px;
  padding: 0 11px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-monitor
  .hybrid-agenda-v6-panel-title {
  color: rgb(238, 246, 250);
  font-size: 13px;
  font-weight: 760;
  line-height: 1;
  letter-spacing: .035em;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-monitor
  .hybrid-agenda-v6-panel-meta {
  color: #8ba6b6;
  font-size: 9px;
  font-weight: 600;
  line-height: 13.5px;
  letter-spacing: .15px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-monitor-body {
  grid-template-rows: 68px minmax(0, 1fr);
  gap: 6px;
  padding: 5px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-monitor
  .hybrid-agenda-v6-diagnostics {
  border-color: rgba(43, 99, 128, .78);
  background: linear-gradient(180deg, rgba(6, 25, 41, .82), rgba(3, 16, 28, .72));
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-monitor
  .hybrid-agenda-v6-diagnostics article {
  padding: 0 9px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-monitor
  .hybrid-agenda-v6-diagnostics span {
  color: rgb(154, 178, 190);
  font-size: 9px;
  font-weight: 720;
  line-height: 13.5px;
  letter-spacing: .45px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-monitor
  .hybrid-agenda-v6-diagnostics strong {
  color: #f1f7fa;
  font-size: 18px;
  font-weight: 760;
  line-height: 1;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-monitor
  .hybrid-agenda-v6-diagnostics article.is-concentration strong,
:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-monitor
  .hybrid-agenda-v6-diagnostics article.is-rising strong {
  color: var(--cyan);
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-monitor
  .hybrid-agenda-v6-diagnostics article.is-turnover strong {
  color: #b9a7ff;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-monitor
  .hybrid-agenda-v6-topic-list {
  gap: 6px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-monitor
  .hybrid-agenda-v6-topic-card {
  grid-template-columns: 31px minmax(0, 1fr) 68px;
  grid-template-rows: auto auto 18px;
  gap: 3px 9px;
  padding: 7px 9px 6px;
  border-color: rgba(37, 82, 108, .92);
  background: linear-gradient(105deg, rgba(8, 31, 49, .98), rgba(4, 19, 33, .94));
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-monitor
  .hybrid-agenda-v6-topic-card:hover {
  border-color: rgba(53, 216, 255, .62);
  background: linear-gradient(105deg, rgba(10, 42, 65, .99), rgba(5, 24, 41, .97));
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-monitor
  .hybrid-agenda-v6-topic-card[aria-pressed="true"] {
  border-color: rgba(53, 216, 255, .92);
  background: radial-gradient(
      circle at 18% 42%,
      rgba(53, 216, 255, .12),
      transparent 48%
    ),
    linear-gradient(105deg, rgba(10, 48, 74, .99), rgba(5, 26, 44, .98));
  box-shadow: inset 4px 0 0 var(--cyan),
    0 0 0 1px rgba(53, 216, 255, .05);
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-monitor
  .hybrid-agenda-v6-topic-icon {
  grid-row: 1 / span 3;
  width: 29px;
  height: 29px;
  border-color: rgba(53, 216, 255, .30);
  background: linear-gradient(180deg, rgba(10, 47, 72, .76), rgba(5, 27, 44, .72));
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-monitor
  .hybrid-agenda-v6-topic-icon svg {
  width: 17px;
  height: 17px;
  stroke-width: 1.35;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-monitor
  .hybrid-agenda-v6-topic-copy {
  grid-column: 2;
  grid-row: 1 / span 2;
  min-width: 0;
  align-self: center;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-monitor
  .hybrid-agenda-v6-topic-name {
  color: rgb(220, 234, 242);
  font-size: 12.5px;
  font-weight: 680;
  line-height: 14px;
  letter-spacing: 0;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-monitor
  .hybrid-agenda-v6-topic-tags {
  gap: 5px;
  margin-top: 4px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-monitor
  .hybrid-agenda-v6-badge {
  padding: 2px 5px;
  font-size: 8px;
  font-weight: 760;
  line-height: 1;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-monitor
  .hybrid-agenda-v6-badge.is-structure {
  border-color: rgba(107, 143, 164, .42);
  background: rgba(107, 143, 164, .07);
  color: #9bb2c0;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-monitor
  .hybrid-agenda-v6-topic-total {
  grid-column: 3;
  grid-row: 1 / span 2;
  align-self: center;
  justify-self: stretch;
  min-width: 0;
  text-align: right;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-monitor
  .hybrid-agenda-v6-topic-total strong {
  display: block;
  color: #f2f8fb;
  font-size: 18px;
  font-weight: 760;
  line-height: 1;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-monitor
  .hybrid-agenda-v6-topic-total > span {
  display: block;
  margin-top: 3px;
  color: #7e9baa;
  font-size: 8px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .25px;
  white-space: nowrap;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
  .hybrid-agenda-v6-topic-volume {
  display: block;
  width: 100%;
  height: 4px;
  margin-top: 5px;
  overflow: hidden;
  border: 1px solid rgba(41, 88, 115, .42);
  background: #071827;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
  .hybrid-agenda-v6-topic-volume b {
  display: block;
  width: var(--agenda-monitor-volume, 0%);
  height: 100%;
  background: linear-gradient(90deg, #258df2, var(--cyan));
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-monitor
  .hybrid-agenda-v6-topic-shift {
  grid-column: 2 / 4;
  grid-row: 3;
  display: grid;
  grid-template-columns: minmax(62px, .8fr) minmax(70px, .9fr) minmax(78px, 1fr);
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding-top: 4px;
  border-top: 1px solid rgba(41, 88, 115, .30);
  color: #7897a8;
  font-size: 9px;
  line-height: 1;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-monitor
  .hybrid-agenda-v6-topic-shift > span {
  display: inline-flex;
  align-items: baseline;
  gap: 4px;
  min-width: 0;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-monitor
  .hybrid-agenda-v6-topic-shift small {
  color: #7897a8;
  font-size: 8.5px;
  font-weight: 650;
  line-height: 1;
  letter-spacing: .2px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-monitor
  .hybrid-agenda-v6-topic-shift strong {
  color: #e3edf2;
  font-size: 9.5px;
  font-weight: 720;
  line-height: 1;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-monitor
  .hybrid-agenda-v6-topic-shift em {
  justify-self: end;
  color: var(--cyan);
  font-size: 9.5px;
  font-style: normal;
  font-weight: 760;
  line-height: 1;
  white-space: nowrap;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-monitor
  .hybrid-agenda-v6-topic-shift em[data-movement="fading"] {
  color: #b8a7ff;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-monitor
  .hybrid-agenda-v6-topic-list {
  min-height: 0;
  overflow-x: hidden;
  overflow-y: scroll;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: rgba(53, 216, 255, .38) rgba(2, 15, 27, .28);
  padding-right: 2px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-monitor
  .hybrid-agenda-v6-topic-list::-webkit-scrollbar {
  width: 5px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-monitor
  .hybrid-agenda-v6-topic-list::-webkit-scrollbar-track {
  background: rgba(2, 15, 27, .28);
  border-radius: 4px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-monitor
  .hybrid-agenda-v6-topic-list::-webkit-scrollbar-thumb {
  background: rgba(53, 216, 255, .38);
  border-radius: 4px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-monitor
  .hybrid-agenda-v6-topic-list::-webkit-scrollbar-thumb:hover {
  background: rgba(53, 216, 255, .56);
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-analysis
  .hybrid-agenda-v6-panel-title {
  color: rgb(238, 246, 250);
  font-size: 15px;
  font-weight: 760;
  line-height: 16.5px;
  letter-spacing: .3px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-analysis
  .hybrid-agenda-v6-panel-meta {
  color: #8ba6b6;
  font-size: 9px;
  font-weight: 600;
  line-height: 13.5px;
  letter-spacing: .15px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-analysis-body {
  display: grid;
  grid-template-rows: 205px minmax(0, 1fr);
  gap: 5px;
  padding: 5px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-analysis
  .hybrid-agenda-v6-module-head {
  min-height: 30px;
  padding: 0 9px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-analysis
  .hybrid-agenda-v6-module-head > strong {
  color: var(--cyan);
  line-height: 1;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-analysis
  .hybrid-agenda-v6-module-head > span {
  line-height: 1;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-matrix-module {
  display: grid;
  grid-template-rows: 30px minmax(0, 1fr);
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-matrix-wrap {
  min-width: 0;
  min-height: 0;
  display: grid;
  grid-template-rows: minmax(0, 1fr) 16px;
  gap: 3px;
  padding: 4px 7px 4px;
  overflow-x: auto;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(53, 216, 255, .30) rgba(2, 15, 27, .28);
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-matrix {
  min-width: 470px;
  display: grid;
  grid-template-rows: 18px repeat(5, minmax(24px, 1fr));
  gap: 2px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-matrix-head {
  min-height: 18px;
  line-height: 1;
  letter-spacing: .15px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-period {
  padding-bottom: 4px;
  border-bottom: 1px solid rgba(53, 216, 255, .18);
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-matrix-row {
  min-height: 24px;
  border-radius: 3px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-matrix-row:hover {
  background: rgba(20, 72, 97, .14);
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-matrix-row[aria-pressed="true"] {
  border-color: rgba(53, 216, 255, .58);
  background: linear-gradient(90deg, rgba(53, 216, 255, .08), rgba(10, 31, 47, .04));
  box-shadow: inset 2px 0 0 var(--cyan);
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-matrix-label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-day {
  height: 19px;
  border-color: rgba(35, 86, 114, .42);
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-day.is-period-start {
  margin-left: 3px;
  box-shadow: -2px 0 0 rgba(88, 131, 154, .20);
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-matrix-legend {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  line-height: 1;
  white-space: nowrap;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-matrix-legend span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-matrix-legend i {
  border: 1px solid rgba(44, 91, 118, .55);
  background: rgba(37, 141, 242, .72);
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-matrix-legend [data-window="previous"] {
  background: rgba(178, 156, 255, .84);
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-matrix-legend [data-window="latest"] {
  background: rgba(53, 213, 255, .90);
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-matrix-legend [data-window="partial"] {
  background: transparent;
  border-color: rgba(53, 213, 255, .82);
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-shift-module {
  display: grid;
  grid-template-rows: 30px minmax(0, 1fr);
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-shift-key {
  display: inline-flex;
  align-items: center;
  line-height: 1;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-shift-key > span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-shift-key i {
  border: 1px solid rgba(44, 91, 118, .50);
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-shift-key i.is-prior {
  background: #9b86ef;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-shift-key i.is-latest {
  background: var(--cyan);
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-shift-list {
  min-width: 0;
  min-height: 0;
  display: grid;
  align-content: stretch;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-shift-row {
  min-width: 0;
  display: grid;
  align-items: center;
  border-bottom: 1px solid rgba(38, 82, 107, .46);
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-shift-row:last-child {
  border-bottom: 0;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-shift-row:hover {
  background: rgba(18, 61, 84, .10);
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-shift-label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-pair-bars {
  min-width: 0;
  display: grid;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-pair-line {
  min-width: 0;
  display: grid;
  grid-template-columns: 35px minmax(0, 1fr);
  align-items: center;
  gap: 4px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-pair-line small {
  color: #748f9f;
  font-size: 7.25px;
  font-weight: 680;
  line-height: 1;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-shift-count {
  text-align: right;
  white-space: nowrap;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-shift-delta {
  color: var(--cyan);
  text-align: right;
  white-space: nowrap;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-analysis
  .hybrid-agenda-v6-module-head > strong {
  font-size: 11px;
  font-weight: 760;
  letter-spacing: .5px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-analysis
  .hybrid-agenda-v6-module-head > span {
  font-size: 8.75px;
  font-weight: 600;
  color: #8ca6b5;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-matrix-head {
  font-size: 8.75px;
  font-weight: 720;
  color: #8ca6b5;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-matrix-head,
:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-matrix-row {
  grid-template-columns: minmax(145px, 1.42fr)
    repeat(30, minmax(4px, 1fr))
    32px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-matrix-label {
  padding: 0 7px;
  color: #e0edf3;
  font-size: 11.5px;
  font-weight: 690;
  line-height: 1;
  letter-spacing: 0;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-matrix-total {
  padding-right: 4px;
  color: #f3f8fb;
  font-size: 11.5px;
  font-weight: 760;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-period {
  color: #8aa4b3;
  font-size: 8.75px;
  font-weight: 700;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-matrix-legend {
  gap: 11px;
  min-height: 17px;
  color: #8ba6b6;
  font-size: 8.5px;
  font-weight: 680;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-matrix-legend i {
  width: 15px;
  height: 6px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-shift-key {
  gap: 9px;
  color: #8ba6b6;
  font-size: 8.75px;
  font-weight: 680;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-shift-key i {
  width: 11px;
  height: 5px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-shift-list {
  grid-template-rows: repeat(5, minmax(25px, 1fr));
  padding: 2px 8px 2px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(53, 216, 255, .28) rgba(2, 15, 27, .24);
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-shift-row {
  min-height: 25px;
  grid-template-columns: minmax(150px, .92fr)
    minmax(170px, 1.08fr)
    50px
    72px;
  gap: 8px;
  padding: 1px 0;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-shift-label {
  color: #e0edf3;
  font-size: 11.5px;
  font-weight: 690;
  line-height: 1.08;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-pair-bars {
  gap: 4px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-pair-track {
  height: 6px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-shift-count {
  color: #b2c6d0;
  font-size: 10px;
  font-weight: 720;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-shift-delta {
  font-size: 10.5px;
  font-weight: 770;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
  .hybrid-agenda-v6-shift-delta[data-movement="fading"] {
  color: #b8a7ff;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-dossier
  .hybrid-agenda-v6-panel-title {
  color: rgb(238, 246, 250);
  font-size: 13px;
  font-weight: 760;
  line-height: 1;
  letter-spacing: .035em;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-dossier
  .hybrid-agenda-v6-panel-meta {
  color: #8ba6b6;
  font-size: 9px;
  font-weight: 600;
  line-height: 13.5px;
  letter-spacing: .15px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-dossier-body {
  display: grid;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-dossier
  .hybrid-agenda-v6-identity {
  min-width: 0;
  display: grid;
  align-items: center;
  border: 1px solid rgba(35, 86, 114, .76);
  border-radius: 3px;
  background: radial-gradient(
      circle at 7% 50%,
      rgba(53, 216, 255, .085),
      transparent 34%
    ),
    linear-gradient(90deg, rgba(8, 32, 50, .78), rgba(4, 18, 31, .64));
  box-shadow: inset 3px 0 0 rgba(53, 216, 255, .70);
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-dossier-icon {
  display: grid;
  place-items: center;
  border: 1px solid rgba(53, 216, 255, .34);
  border-radius: 4px;
  background: linear-gradient(180deg, rgba(10, 47, 72, .78), rgba(5, 27, 44, .74));
  color: var(--cyan);
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-dossier-icon svg {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.35;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-identity-copy {
  min-width: 0;
  display: grid;
  gap: 5px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-dossier
  .hybrid-agenda-v6-kicker {
  color: #86a4b5;
  font-family: inherit;
  font-style: normal;
  font-weight: 720;
  line-height: 1;
  letter-spacing: .5px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-dossier
  .hybrid-agenda-v6-title-line {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 6px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-dossier
  .hybrid-agenda-v6-title-line h4 {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  color: #f2f8fb;
  font-family: inherit;
  font-style: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-dossier
  .hybrid-agenda-v6-badge {
  flex: 0 0 auto;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-dossier
  .hybrid-agenda-v6-metrics strong {
  color: #f3f8fb;
  font-weight: 770;
  line-height: 1;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-dossier
  .hybrid-agenda-v6-metrics article:nth-child(2) strong {
  color: var(--cyan);
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-dossier
  .hybrid-agenda-v6-metrics article:nth-child(2)
  strong[data-movement="fading"] {
  color: #b8a7ff;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-dossier
  .hybrid-agenda-v6-metrics span {
  color: #819eae;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: .28px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-dossier
  .hybrid-agenda-v6-profile-module {
  display: grid;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-dossier
  .hybrid-agenda-v6-module-head {
  padding: 0 9px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-dossier
  .hybrid-agenda-v6-module-head > strong {
  color: var(--cyan);
  font-weight: 760;
  line-height: 1;
  letter-spacing: .5px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-dossier
  .hybrid-agenda-v6-module-head > span {
  color: #89a4b4;
  font-weight: 600;
  line-height: 1;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-profile-body {
  min-width: 0;
  min-height: 0;
  display: grid;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-profile-top {
  min-width: 0;
  min-height: 0;
  display: grid;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-week-compare {
  min-width: 0;
  display: grid;
  align-content: center;
  border-left: 1px solid rgba(35, 86, 114, .48);
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-week-line {
  min-width: 0;
  display: grid;
  align-items: center;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-week-line > span {
  color: #819eae;
  font-weight: 700;
  line-height: 1;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-week-line > i {
  display: block;
  overflow: hidden;
  border: 1px solid rgba(35, 86, 114, .42);
  background: #071827;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-week-line > i > b {
  display: block;
  width: var(--agenda-width, 0%);
  height: 100%;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
  .hybrid-agenda-v6-week-line.is-latest > i > b {
  background: linear-gradient(90deg, #258df2, var(--cyan));
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
  .hybrid-agenda-v6-week-line.is-prior > i > b {
  background: linear-gradient(90deg, #775bd7, #a896ff);
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-week-line > strong {
  color: #edf6fa;
  font-weight: 760;
  text-align: right;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-profile-facts {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  overflow: hidden;
  border-top: 1px solid rgba(35, 86, 114, .46);
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-profile-facts div {
  min-width: 0;
  display: grid;
  align-content: center;
  border-left: 1px solid rgba(35, 86, 114, .38);
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
  .hybrid-agenda-v6-profile-facts div:first-child {
  border-left: 0;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-profile-facts span {
  color: #7896a8;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .15px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-profile-facts strong {
  min-width: 0;
  overflow: hidden;
  color: #e9f2f6;
  font-weight: 740;
  line-height: 1.05;
  text-overflow: ellipsis;
  white-space: nowrap;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
  .hybrid-agenda-v6-profile-facts div:nth-child(1) strong,
:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
  .hybrid-agenda-v6-profile-facts div:nth-child(2) strong {
  color: var(--cyan);
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
  .hybrid-agenda-v6-profile-facts div:nth-child(3) strong {
  color: #c2b5ff;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-dossier
  .hybrid-agenda-v6-detail-head strong {
  color: #dceaf0;
  font-weight: 760;
  letter-spacing: .45px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-dossier
  .hybrid-agenda-v6-detail-head span {
  color: #819dac;
  font-weight: 600;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-dossier
  .hybrid-agenda-v6-signal-head span {
  color: #dce9ef;
  font-weight: 650;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-dossier
  .hybrid-agenda-v6-signal-head strong {
  color: #f0f7fa;
  font-weight: 740;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-source-mark {
  border-color: rgba(53, 216, 255, .32);
  background: rgba(7, 29, 46, .52);
  color: #a8d2e1;
  font-weight: 760;
  letter-spacing: .2px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-dossier
  .hybrid-agenda-v6-evidence-copy strong {
  color: #e8f1f5;
  font-weight: 660;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-dossier
  .hybrid-agenda-v6-evidence-copy small {
  color: #7f9cab;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-dossier
  .hybrid-agenda-v6-scroll {
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: rgba(53, 216, 255, .34) rgba(2, 15, 27, .32);
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-dossier-body {
  grid-template-rows: 54px 52px 122px minmax(0, 1fr);
  gap: 5px;
  padding: 5px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-dossier
  .hybrid-agenda-v6-identity {
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 9px;
  padding: 0 9px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-dossier-icon {
  width: 34px;
  height: 34px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-dossier-icon svg {
  width: 19px;
  height: 19px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-dossier
  .hybrid-agenda-v6-kicker {
  font-size: 9.5px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-dossier
  .hybrid-agenda-v6-badge {
  font-size: 8.5px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-dossier
  .hybrid-agenda-v6-metrics article {
  padding: 0 10px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-dossier
  .hybrid-agenda-v6-metrics strong {
  font-size: 18px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-dossier
  .hybrid-agenda-v6-metrics span {
  font-size: 9.25px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-dossier
  .hybrid-agenda-v6-profile-module {
  grid-template-rows: 30px minmax(0, 1fr);
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-dossier
  .hybrid-agenda-v6-module-head {
  min-height: 30px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-dossier
  .hybrid-agenda-v6-module-head > strong {
  font-size: 11px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-dossier
  .hybrid-agenda-v6-module-head > span {
  font-size: 9.25px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-profile-body {
  grid-template-rows: minmax(0, 1fr) 40px;
  gap: 4px;
  padding: 5px 8px 6px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-week-line > i {
  height: 8px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-profile-facts div {
  gap: 3px;
  padding: 4px 8px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-profile-facts span {
  font-size: 9px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-profile-facts strong {
  font-size: 11px;
}

@media (min-width: 431px) {
  :is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-dossier
    .hybrid-agenda-v6-detail-grid {
    grid-template-columns: minmax(0, 41fr) minmax(0, 59fr);
    gap: 5px;
  }
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-dossier
  .hybrid-agenda-v6-detail-head {
  min-height: 32px;
  padding: 0 8px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-dossier
  .hybrid-agenda-v6-detail-head strong {
  min-width: 0;
  overflow: hidden;
  font-size: 11.5px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-dossier
  .hybrid-agenda-v6-detail-head span {
  flex: 0 0 auto;
  font-size: 9px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-dossier
  .hybrid-agenda-v6-signal-list {
  gap: 9px;
  padding: 8px 9px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-dossier
  .hybrid-agenda-v6-signal-head span {
  font-size: 11px;
  line-height: 1.15;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-dossier
  .hybrid-agenda-v6-signal-head strong {
  font-size: 11px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-dossier
  .hybrid-agenda-v6-signal-track {
  height: 7px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-dossier
  .hybrid-agenda-v6-evidence-list a {
  grid-template-columns: 31px minmax(0, 1fr) 12px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-source-mark {
  width: 30px;
  height: 29px;
  font-size: 9px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-dossier
  .hybrid-agenda-v6-evidence-copy strong {
  font-size: 11.5px;
  line-height: 1.22;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-dossier
  .hybrid-agenda-v6-evidence-copy small {
  font-size: 9px;
  line-height: 1.15;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-dossier
  .hybrid-agenda-v6-evidence-list a:hover {
  background: rgba(53, 216, 255, .045);
  border-color: rgba(53, 216, 255, .26);
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-dossier
  .hybrid-agenda-v6-scroll {
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-dossier
  .hybrid-agenda-v6-title-line h4 {
  font-size: 12.5px;
  font-weight: 760;
  line-height: 1.1;
  letter-spacing: .18px;
  text-transform: uppercase;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-profile-top {
  grid-template-columns: minmax(0, 1.38fr) minmax(190px, .98fr);
  gap: 9px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-week-compare {
  gap: 5px;
  padding-left: 10px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-week-line {
  grid-template-columns: 61px minmax(0, 1fr) 28px;
  gap: 7px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-week-line > span {
  font-size: 9.25px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-week-line > strong {
  font-size: 11px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-week-sparkline {
  display: block;
  width: 100%;
  height: 20px;
  overflow: visible;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-spark-baseline {
  stroke: rgba(64, 105, 128, .42);
  stroke-width: .8;
  vector-effect: non-scaling-stroke;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-spark-line {
  fill: none;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
  .hybrid-agenda-v6-week-sparkline[data-tone="latest"]
  .hybrid-agenda-v6-spark-line {
  stroke: #35d8ff;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
  .hybrid-agenda-v6-week-sparkline[data-tone="prior"]
  .hybrid-agenda-v6-spark-line {
  stroke: #a896ff;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
  .hybrid-agenda-v6-week-sparkline[data-tone="latest"]
  .hybrid-agenda-v6-spark-points {
  fill: #35d8ff;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
  .hybrid-agenda-v6-week-sparkline[data-tone="prior"]
  .hybrid-agenda-v6-spark-points {
  fill: #a896ff;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-spark-points circle {
  stroke: rgba(2, 15, 27, .85);
  stroke-width: .55;
  vector-effect: non-scaling-stroke;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-dossier
  .hybrid-agenda-v6-detail-card:first-child
  .hybrid-agenda-v6-detail-head strong {
  overflow: visible;
  text-overflow: clip;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-dossier
  .hybrid-agenda-v6-evidence-list a {
  min-height: 54px;
  gap: 8px;
  padding: 7px 8px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
  .hybrid-agenda-v6-evidence-row.has-publisher-icon {
  grid-template-columns: minmax(0, 1fr) 12px 30px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
  .hybrid-agenda-v6-evidence-row.has-no-publisher-icon {
  grid-template-columns: minmax(0, 1fr) 12px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-publisher-icon {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  align-self: center;
  justify-self: end;
  overflow: hidden;
  border-radius: 3px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-publisher-icon img {
  display: block;
  width: 28px;
  height: 28px;
  object-fit: contain;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
  .hybrid-agenda-v6-evidence-row.has-no-publisher-icon
  .hybrid-agenda-v6-evidence-arrow {
  justify-self: end;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-evidence-arrow {
  align-self: center;
  justify-self: center;
  color: var(--cyan);
  font-size: 10px;
  font-style: normal;
  line-height: 1;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-dossier
  .hybrid-agenda-v6-evidence-copy {
  min-width: 0;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-dossier
  .hybrid-agenda-v6-evidence-copy strong {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  text-overflow: ellipsis;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel) .hybrid-agenda-v6-dossier
  .hybrid-agenda-v6-evidence-list a:hover
  .hybrid-agenda-v6-publisher-icon {
  filter: brightness(1.08);
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
  .hybrid-agenda-v6-evidence-row
  .hybrid-agenda-v6-evidence-copy {
  grid-column: 1;
  grid-row: 1;
  min-width: 0;
  width: 100%;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
  .hybrid-agenda-v6-evidence-row
  .hybrid-agenda-v6-evidence-arrow {
  grid-column: 2;
  grid-row: 1;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
  .hybrid-agenda-v6-evidence-row.has-publisher-icon
  .hybrid-agenda-v6-publisher-icon {
  grid-column: 3;
  grid-row: 1;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
  .hybrid-agenda-v6-evidence-row.has-no-publisher-icon
  .hybrid-agenda-v6-evidence-copy {
  grid-column: 1;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
  .hybrid-agenda-v6-evidence-row.has-no-publisher-icon
  .hybrid-agenda-v6-evidence-arrow {
  grid-column: 2;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
  .hybrid-agenda-v6-evidence-copy strong {
  width: 100%;
  max-width: 100%;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
  .hybrid-agenda-v6-evidence-copy small {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
  .hybrid-agenda-v6-dossier
  .hybrid-agenda-v6-evidence-list
  a.hybrid-agenda-v6-evidence-row
  .hybrid-agenda-v6-evidence-copy {
  grid-column: 1;
  min-width: 0;
  width: auto;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
  .hybrid-agenda-v6-dossier
  .hybrid-agenda-v6-evidence-list
  a.hybrid-agenda-v6-evidence-row
  .hybrid-agenda-v6-evidence-arrow {
  grid-column: 2;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
  .hybrid-agenda-v6-dossier
  .hybrid-agenda-v6-evidence-list
  a.hybrid-agenda-v6-evidence-row.has-publisher-icon
  .hybrid-agenda-v6-publisher-icon {
  grid-column: 3;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
  .hybrid-agenda-v6-dossier
  .hybrid-agenda-v6-evidence-copy strong {
  display: -webkit-box;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
  .hybrid-agenda-v6-dossier
  .hybrid-agenda-v6-evidence-copy small {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
  .hybrid-agenda-v6-dossier
  .hybrid-agenda-v6-evidence-list
  a.hybrid-agenda-v6-evidence-row.has-publisher-icon {
  grid-template-columns: minmax(0, 1fr) 12px 24px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
  .hybrid-agenda-v6-dossier
  .hybrid-agenda-v6-publisher-icon {
  width: 22px;
  height: 22px;
  opacity: .90;
  align-self: center;
  justify-self: end;
  border: 0;
  background: transparent;
  box-shadow: none;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
  .hybrid-agenda-v6-dossier
  .hybrid-agenda-v6-publisher-icon img {
  display: block;
  width: 21px;
  height: 21px;
  object-fit: contain;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
  .hybrid-agenda-v6-dossier
  .hybrid-agenda-v6-evidence-list a:hover
  .hybrid-agenda-v6-publisher-icon {
  opacity: 1;
  filter: brightness(1.04);
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
  .hybrid-agenda-v6-dossier
  .hybrid-agenda-v6-evidence-list
  a.hybrid-agenda-v6-evidence-row.has-no-publisher-icon {
  grid-template-columns: minmax(0, 1fr) 12px;
}

:is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
  .hybrid-agenda-v6-analysis
  .hybrid-agenda-v6-panel-title {
  color: rgb(238, 246, 250);
  font-size: 15px;
  font-weight: 760;
  line-height: 16.5px;
  letter-spacing: .3px;
}

/* CAMPAIGN EVENTS WORKSPACE V1 */

.hybrid-panel#signal-events-panel {
  padding: 8px;
  overflow: hidden;
  color: #dce9ef;
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-variant-numeric: tabular-nums;
}

.hybrid-panel#signal-events-panel .hybrid-events-workspace {
  --hybrid-events-line: rgba(31, 75, 101, .82);
  --hybrid-events-line-soft: rgba(35, 86, 114, .56);
  --hybrid-events-surface: linear-gradient(180deg, rgba(6, 27, 44, .97), rgba(3, 17, 29, .96));
  --hybrid-events-inner: rgba(5, 20, 33, .72);
  --hybrid-events-meta: #7899ad;
  /* Audited against Agenda, Candidates, Runoff and Poll Compare. */
  --hybrid-events-panel-title: 13px;
  --hybrid-events-primary: 12.5px;
  --hybrid-events-body: 10.5px;
  --hybrid-events-meta-size: 9.5px;
  --hybrid-events-micro: 8.5px;
  box-sizing: border-box;
  display: grid;
  grid-template-rows: 96px minmax(0, 1fr) 22px;
  align-content: stretch;
  gap: 8px;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-rail,
.hybrid-panel#signal-events-panel .hybrid-events-upcoming,
.hybrid-panel#signal-events-panel .hybrid-events-dossier,
.hybrid-panel#signal-events-panel .hybrid-events-schedule-watch {
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  border: 1px solid var(--hybrid-events-line);
  border-radius: 8px;
  background: var(--hybrid-events-surface);
  box-shadow: inset 0 1px 0 rgba(112, 195, 229, .025);
}

.hybrid-panel#signal-events-panel .hybrid-events-panel-head {
  min-width: 0;
  min-height: 42px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 0 11px;
  border-bottom: 1px solid rgba(42, 96, 124, .82);
  background: linear-gradient(180deg, rgba(13, 34, 52, .82), rgba(7, 23, 37, .36));
  box-shadow: inset 0 -2px 0 rgba(53, 216, 255, .10);
}

.hybrid-panel#signal-events-panel .hybrid-events-panel-head > div {
  min-width: 0;
  display: flex;
  align-items: baseline;
  gap: 8px;
}

.hybrid-panel#signal-events-panel .hybrid-events-panel-head h3,
.hybrid-panel#signal-events-panel .hybrid-events-ops-rail-head h3 {
  margin: 0;
  color: #f2f8fb;
  font-size: var(--hybrid-events-panel-title);
  font-weight: 760;
  line-height: 1;
  letter-spacing: .035em;
  text-transform: uppercase;
}

.hybrid-panel#signal-events-panel .hybrid-events-panel-head > span,
.hybrid-panel#signal-events-panel .hybrid-events-panel-head > div > span,
.hybrid-panel#signal-events-panel .hybrid-events-ops-rail-head span {
  color: #8ba6b6;
  font-size: var(--hybrid-events-meta-size);
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
}

.hybrid-panel#signal-events-panel .hybrid-events-type-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  flex: 0 0 auto;
  min-width: 36px;
  min-height: 25px;
  padding: 2px 6px;
  border: 1px solid #35627b;
  border-radius: 3px;
  background: rgba(8, 25, 40, .9);
  color: #a9c2d2;
}

.hybrid-panel#signal-events-panel .hybrid-events-type-badge strong {
  font-size: 9.5px;
  font-weight: 760;
  line-height: 1;
}

.hybrid-panel#signal-events-panel .hybrid-events-type-badge small {
  color: currentColor;
  font-size: var(--hybrid-events-micro);
  font-weight: 700;
  line-height: 1;
}

.hybrid-panel#signal-events-panel [data-event-type="debate"] {
  --hybrid-event-tone: #bcaeff;
  --hybrid-event-border: rgba(157, 140, 255, .68);
}
.hybrid-panel#signal-events-panel [data-event-type="rally"],
.hybrid-panel#signal-events-panel [data-event-type="public_meeting"],
.hybrid-panel#signal-events-panel [data-event-type="speech"] {
  --hybrid-event-tone: #35d5ff;
  --hybrid-event-border: rgba(53, 213, 255, .58);
}
.hybrid-panel#signal-events-panel [data-event-type="candidate_visit"] {
  --hybrid-event-tone: #55d7c7;
  --hybrid-event-border: rgba(85, 215, 199, .58);
}
.hybrid-panel#signal-events-panel [data-event-type="campaign_launch"],
.hybrid-panel#signal-events-panel [data-event-type="candidacy_announcement"],
.hybrid-panel#signal-events-panel [data-event-type="program_launch"],
.hybrid-panel#signal-events-panel [data-event-type="primary"] {
  --hybrid-event-tone: #ffca64;
  --hybrid-event-border: rgba(255, 191, 75, .62);
}
.hybrid-panel#signal-events-panel [data-event-type="media_appearance"],
.hybrid-panel#signal-events-panel [data-event-type="press_conference"],
.hybrid-panel#signal-events-panel [data-event-type="party_event"],
.hybrid-panel#signal-events-panel [data-event-type="other"] {
  --hybrid-event-tone: #a7b7c2;
  --hybrid-event-border: rgba(142, 165, 179, .55);
}

.hybrid-panel#signal-events-panel .hybrid-events-type-badge[data-event-type],
.hybrid-panel#signal-events-panel .hybrid-events-ops-type-dot[data-event-type] {
  border-color: var(--hybrid-event-border, #35627b);
  color: var(--hybrid-event-tone, #a9c2d2);
}

.hybrid-panel#signal-events-panel .hybrid-events-status,
.hybrid-panel#signal-events-panel .hybrid-events-evidence-chip,
.hybrid-panel#signal-events-panel .hybrid-events-watch-type {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 20px;
  padding: 2px 6px;
  border: 1px solid #346079;
  border-radius: 2px;
  color: #aac4d3;
  font-size: var(--hybrid-events-micro);
  font-weight: 750;
  line-height: 1;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.hybrid-panel#signal-events-panel .hybrid-events-status[data-event-status="scheduled"],
.hybrid-panel#signal-events-panel .hybrid-events-evidence-chip[data-evidence-status="verified"] {
  border-color: rgba(53, 213, 255, .62);
  color: var(--cyan);
}
.hybrid-panel#signal-events-panel .hybrid-events-status[data-event-status="postponed"],
.hybrid-panel#signal-events-panel .hybrid-events-watch-type[data-update-type="postponed"] {
  border-color: rgba(255, 191, 75, .58);
  color: #ffca64;
}
.hybrid-panel#signal-events-panel .hybrid-events-status[data-event-status="cancelled"],
.hybrid-panel#signal-events-panel .hybrid-events-watch-type[data-update-type="cancelled"] {
  border-color: rgba(255, 124, 138, .58);
  color: #ff9ba7;
}
.hybrid-panel#signal-events-panel .hybrid-events-status[data-event-status="completed"] {
  border-color: rgba(82, 229, 163, .48);
  color: #52e5a3;
}
.hybrid-panel#signal-events-panel .hybrid-events-status[data-event-status="unconfirmed"],
.hybrid-panel#signal-events-panel .hybrid-events-evidence-chip[data-evidence-status="unconfirmed"] {
  border-color: #4d6070;
  color: #a3b4bf;
}

/* TEMPORAL RIBBON */
.hybrid-panel#signal-events-panel .hybrid-events-ops-rail {
  display: grid;
  grid-template-rows: 30px minmax(0, 1fr) 22px;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-rail-head {
  min-height: 30px;
  display: grid;
  grid-template-columns: auto minmax(24px, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 0 10px;
  border-bottom: 1px solid rgba(35, 86, 114, .42);
  background: rgba(6, 24, 39, .30);
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-titleline {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-head-controls {
  grid-column: 3;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
  white-space: nowrap;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-info {
  width: 17px;
  height: 17px;
  display: inline-grid;
  place-items: center;
  border: 1px solid rgba(53, 213, 255, .38);
  border-radius: 50%;
  color: #7fb4c9;
  font-size: var(--hybrid-events-meta-size);
  font-weight: 760;
  font-style: normal;
  line-height: 1;
  cursor: help;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-info:hover,
.hybrid-panel#signal-events-panel .hybrid-events-ops-info:focus-visible {
  border-color: rgba(53, 213, 255, .70);
  color: var(--cyan);
  outline: none;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-horizon-scroll {
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
  scrollbar-color: rgba(53, 213, 255, .22) transparent;
  padding: 2px 8px 1px;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-horizon {
  min-width: 990px;
  height: 100%;
  padding: 4px 7px 3px;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-months {
  display: grid;
  grid-template-columns: repeat(12, minmax(72px, 1fr));
  min-height: 16px;
  color: #91adbc;
  font-size: 10.5px;
  font-weight: 650;
  line-height: 1;
  letter-spacing: .07em;
  text-align: center;
  text-transform: uppercase;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-months > span {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 7px;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-months > span::before,
.hybrid-panel#signal-events-panel .hybrid-events-ops-months > span::after {
  content: "";
  flex: 1 1 auto;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(59, 105, 130, .34));
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-months > span::after {
  background: linear-gradient(90deg, rgba(59, 105, 130, .34), transparent);
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-weeks {
  display: grid;
  grid-template-columns: repeat(12, minmax(72px, 1fr));
  min-height: 49px;
  border: 0;
  border-radius: 0;
  overflow: hidden;
  grid-template-rows: 23px 15px;
  align-content: start;
  padding: 2px 7px 2px;
  cursor: pointer;
  border-top: 1px solid rgba(35, 86, 114, .24);
  border-bottom: 1px solid rgba(35, 86, 114, .24);
  border-left: 1px solid rgba(35, 86, 114, .13);
  background: rgba(3, 15, 26, .035);
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-week {
  position: relative;
  min-width: 0;
  display: grid;
  grid-template-rows: 22px minmax(22px, 1fr);
  align-content: stretch;
  padding: 2px 7px 3px;
  border-left: 1px solid rgba(35, 86, 114, .20);
  background: rgba(3, 15, 26, .08);
  transition: background-color .14s ease, box-shadow .14s ease;
}


.hybrid-panel#signal-events-panel .hybrid-events-ops-week:not(.is-selected):hover {
  background: rgba(8, 34, 52, .34);
  box-shadow: inset 0 1px 0 rgba(53, 213, 255, .10);
}


.hybrid-panel#signal-events-panel .hybrid-events-ops-week:not(.is-selected):hover {
  background: rgba(8, 34, 52, .18);
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-week:first-child {
  border-left: 0;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-week.is-month-start {
  border-left-color: rgba(53, 213, 255, .28);
  box-shadow: inset 1px 0 0 rgba(53, 213, 255, .045);
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-week.is-current::after {
  content: none;
  position: absolute;
  top: -1px;
  left: 50%;
  width: 1px;
  height: 12px;
  background: var(--cyan);
  box-shadow: none;
  transform: translateX(-50%);
  opacity: .92;
  pointer-events: none;
  display: none;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-week.is-current::before {
  content: none;
  position: absolute;
  top: -2px;
  left: 50%;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--cyan);
  transform: translateX(-50%);
  box-shadow: none;
  pointer-events: none;
  display: none;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-week.is-selected {
  background: linear-gradient(180deg, rgba(91, 70, 176, .13), rgba(41, 37, 79, .035));
  box-shadow: inset 0 2px 0 rgba(170, 143, 255, .90);
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-week-select {
  width: 100%;
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 5px;
  padding: 5px 7px 0;
  border: 0;
  background: transparent;
  color: #8fa9b8;
  font: inherit;
  font-size: 11.5px;
  line-height: 1.1;
  text-align: left;
  cursor: pointer;
  grid-row: 1 / -1;
  grid-column: 1;
  height: 100%;
  align-content: start;
  position: absolute;
  z-index: 2;
  inset: 0;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-week-select > span {
  min-width: 0;
  overflow: hidden;
  color: #acc4d0;
  font-weight: 640;
  text-overflow: ellipsis;
  white-space: nowrap;
  letter-spacing: .005em;
  font-size: 11.5px;
  line-height: 1.1;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-week.is-selected .hybrid-events-ops-week-select > span {
  color: #e5deff;
  font-weight: 680;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-week-count {
  width: auto;
  height: auto;
  display: block;
border: 0;
  border-radius: 0;
  color: #7f9aa9;
  background: transparent;
  font-size: 11.5px;
  font-weight: 620;
  line-height: 1.1;
  min-width: 10px;
  padding: 0;
  align-items: center;
  justify-content: center;
  letter-spacing: .015em;
  min-height: 0;
  place-items: unset;
  box-shadow: none;
  font-variant-numeric: tabular-nums;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-week-count.has-events {
  border-color: rgba(53, 213, 255, .38);
  color: #cae4ee;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-week.is-selected .hybrid-events-ops-week-count.has-events {
  border-color: rgba(174, 150, 255, .62);
  color: #cbbaff;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-week-count.is-empty {
  border-color: rgba(91, 126, 148, .16);
  color: #4d6978;
  background: transparent;
  border: 0;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-week-markers {
  min-height: 8px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  padding: 0;
  flex-wrap: nowrap;
  overflow: hidden;
  grid-row: 2;
  grid-column: 1;
  margin-top: 1px;
  position: absolute;
  z-index: 3;
  pointer-events: none;
  left: 7px;
  top: 27px;
  align-content: center;
  margin: 0;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-marker {
  width: 8px;
  height: 8px;
  flex: 0 0 8px;
  box-sizing: border-box;
  border: 1px solid var(--hybrid-event-border, #35627b);
  border-radius: 1px;
  background: var(--hybrid-event-tone, #a9c2d2);
  box-shadow: 0 0 5px rgba(53, 213, 255, .08);
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-marker.is-type-presence {
  cursor: default;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-week.is-selected .hybrid-events-ops-marker {
  filter: brightness(1.12);
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-legend {
  min-width: 0;
  min-height: 22px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 18px;
  padding: 0 10px;
  border-top: 1px solid rgba(35, 86, 114, .34);
  color: #7f9bac;
  background: rgba(4, 18, 30, .24);
  font-size: var(--hybrid-events-meta-size);
  font-weight: 540;
  line-height: 1;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-legend::-webkit-scrollbar {
  display: none;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-legend-item {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  flex: 0 0 auto;
  justify-content: center;
  width: auto;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-legend-swatch {
  width: 8px;
  height: 8px;
  flex: 0 0 8px;
  box-sizing: border-box;
  border: 1px solid var(--hybrid-event-border, #35627b);
  border-radius: 1px;
  background: var(--hybrid-event-tone, #a9c2d2);
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-metrics,
.hybrid-panel#signal-events-panel .hybrid-events-ops-filters {
  min-width: 0;
  display: flex;
  align-items: center;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-metrics {
  gap: 0;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-filters {
  gap: 3px;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-metric {
  min-height: 22px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 0 14px;
  border-right: 1px solid rgba(91, 126, 148, .34);
  background: transparent;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-metric:first-child {
  padding-left: 0;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-metric:last-child {
  padding-right: 0;
  border-right: 0;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-metric-icon {
  width: 15px;
  height: 15px;
  flex: 0 0 15px;
  color: var(--cyan);
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-metric.is-violet .hybrid-events-ops-metric-icon {
  color: #a98bff;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-metrics strong {
  color: var(--cyan);
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-metric.is-violet strong {
  color: #a98bff;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-metrics small {
  color: #8aa7b7;
  font-size: 9.5px;
  font-weight: 500;
  letter-spacing: .035em;
  line-height: 1;
  text-transform: uppercase;
}

.hybrid-panel#signal-events-panel .hybrid-events-filter {
  min-height: 22px;
  padding: 0 7px;
  border: 1px solid rgba(45, 87, 111, .30);
  border-radius: 4px;
  background: rgba(4, 19, 32, .20);
  color: #7893a3;
  font: inherit;
  font-size: var(--hybrid-events-meta-size);
  font-weight: 660;
  cursor: pointer;
}

.hybrid-panel#signal-events-panel .hybrid-events-filter:hover {
  border-color: rgba(112, 154, 178, .50);
  color: #b6ceda;
  background: rgba(9, 28, 43, .40);
}

.hybrid-panel#signal-events-panel .hybrid-events-filter.is-active {
  border-color: rgba(166, 141, 255, .78);
  color: #eee9ff;
  background: rgba(94, 71, 174, .24);
  box-shadow: inset 0 0 0 1px rgba(166, 141, 255, .08);
}

/* THREE CONNECTED LOWER SURFACES */
.hybrid-panel#signal-events-panel .hybrid-events-ops-main {
  min-width: 0;
  min-height: 0;
  height: 100%;
  display: grid;
  grid-template-columns: minmax(0, 31fr) minmax(0, 34.5fr) minmax(0, 34.5fr);
  gap: 8px;
}

.hybrid-panel#signal-events-panel .hybrid-events-upcoming,
.hybrid-panel#signal-events-panel .hybrid-events-dossier,
.hybrid-panel#signal-events-panel .hybrid-events-schedule-watch {
  height: 100%;
  min-height: 0;
  display: grid;
  grid-template-rows: 42px minmax(0, 1fr);
}

.hybrid-panel#signal-events-panel .hybrid-events-upcoming-list,
.hybrid-panel#signal-events-panel .hybrid-events-dossier-body,
.hybrid-panel#signal-events-panel .hybrid-events-schedule-watch-body {
  min-width: 0;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-color: rgba(53, 213, 255, .34) transparent;
}

/* UPCOMING EVENTS */
.hybrid-panel#signal-events-panel .hybrid-events-upcoming-week-head {
  min-height: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 0 9px 0 12px;
  border-top: 1px solid rgba(35, 86, 114, .54);
  border-bottom: 1px solid rgba(35, 86, 114, .40);
  background: rgba(6, 24, 39, .36);
}

.hybrid-panel#signal-events-panel .hybrid-events-upcoming-week:first-child .hybrid-events-upcoming-week-head {
  border-top: 0;
}

.hybrid-panel#signal-events-panel .hybrid-events-upcoming-week-head strong {
  color: #b7ccd7;
  font-size: 10.5px;
  font-weight: 740;
  letter-spacing: .04em;
}

.hybrid-panel#signal-events-panel .hybrid-events-upcoming-week-head span {
  color: #7898aa;
  font-size: var(--hybrid-events-meta-size);
  font-weight: 650;
}

.hybrid-panel#signal-events-panel .hybrid-events-upcoming-row {
  position: relative;
  width: 100%;
  min-height: 66px;
  display: grid;
  grid-template-columns: 58px 38px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  padding: 5px 8px 5px 12px;
  border: 0;
  border-bottom: 1px solid rgba(35, 86, 114, .42);
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.hybrid-panel#signal-events-panel .hybrid-events-upcoming-row::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 3px;
  background: var(--hybrid-event-tone, #7898aa);
  opacity: .86;
}

.hybrid-panel#signal-events-panel .hybrid-events-upcoming-row:hover {
  background: rgba(8, 33, 51, .58);
}

.hybrid-panel#signal-events-panel .hybrid-events-upcoming-row.is-selected {
  background: rgba(100, 75, 184, .11);
  box-shadow: inset 0 0 0 1px rgba(169, 137, 255, .16);
}

.hybrid-panel#signal-events-panel .hybrid-events-upcoming-row > time {
  display: grid;
  grid-template-columns: auto auto;
  align-items: end;
  column-gap: 4px;
  color: #edf7fb;
}

.hybrid-panel#signal-events-panel .hybrid-events-upcoming-row > time strong {
  font-size: 16px;
  font-weight: 760;
  line-height: 1;
}

.hybrid-panel#signal-events-panel .hybrid-events-upcoming-row > time span {
  color: var(--cyan);
  font-size: var(--hybrid-events-meta-size);
  font-weight: 720;
  line-height: 1;
}

.hybrid-panel#signal-events-panel .hybrid-events-upcoming-row > time em {
  grid-column: 1 / -1;
  margin-top: 3px;
  color: #7898aa;
  font-size: var(--hybrid-events-micro);
  font-style: normal;
  font-weight: 650;
  line-height: 1;
}

.hybrid-panel#signal-events-panel .hybrid-events-upcoming-row > .hybrid-events-type-badge {
  min-width: 34px;
  min-height: 21px;
  padding: 1px 4px;
  justify-self: start;
}

.hybrid-panel#signal-events-panel .hybrid-events-upcoming-copy {
  min-width: 0;
  margin-left: 2px;
  display: grid;
  gap: 3px;
}

.hybrid-panel#signal-events-panel .hybrid-events-upcoming-copy strong {
  min-width: 0;
  display: -webkit-box;
  overflow: hidden;
  color: #f2f7fa;
  font-size: var(--hybrid-events-primary);
  font-weight: 690;
  line-height: 1.24;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.hybrid-panel#signal-events-panel .hybrid-events-upcoming-copy small {
  min-width: 0;
  overflow: hidden;
  color: #8da7b6;
  font-size: var(--hybrid-events-body);
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hybrid-panel#signal-events-panel .hybrid-events-upcoming-meta-time {
  color: #92adbb;
  font: inherit;
  font-weight: 640;
  white-space: nowrap;
}

.hybrid-panel#signal-events-panel .hybrid-events-upcoming-right {
  min-width: max-content;
  padding: 2px 5px;
  border: 1px solid rgba(53, 213, 255, .18);
  border-radius: 2px;
  color: #68bed3;
  font-size: var(--hybrid-events-micro);
  font-weight: 680;
  line-height: 1;
  text-transform: uppercase;
}

/* EVENT DOSSIER */
.hybrid-panel#signal-events-panel .hybrid-events-dossier-body {
  padding: 10px;
}

.hybrid-panel#signal-events-panel .hybrid-events-dossier-title {
  min-width: 0;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding-bottom: 9px;
  border-bottom: 1px solid rgba(35, 86, 114, .50);
}

.hybrid-panel#signal-events-panel .hybrid-events-dossier-title > div {
  min-width: 0;
}

.hybrid-panel#signal-events-panel .hybrid-events-dossier-title h4 {
  margin: 0;
  color: #f2f8fb;
  font-size: 16px;
  font-weight: 760;
  line-height: 1.2;
}

.hybrid-panel#signal-events-panel .hybrid-events-dossier-title > div > div {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: 7px;
  flex-wrap: wrap;
}

.hybrid-panel#signal-events-panel .hybrid-events-dossier-lede {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, .9fr) minmax(0, .75fr);
  min-width: 0;
  margin-top: 7px;
  border-bottom: 1px solid rgba(35, 86, 114, .50);
}

.hybrid-panel#signal-events-panel .hybrid-events-dossier-lede > div {
  min-width: 0;
  display: grid;
  gap: 4px;
  padding: 7px 9px 8px;
  border-left: 1px solid rgba(35, 86, 114, .44);
}

.hybrid-panel#signal-events-panel .hybrid-events-dossier-lede > div:first-child {
  padding-left: 0;
  border-left: 0;
}

.hybrid-panel#signal-events-panel .hybrid-events-dossier-lede small,
.hybrid-panel#signal-events-panel .hybrid-events-dossier-context h4,
.hybrid-panel#signal-events-panel .hybrid-events-dossier-involvement h4,
.hybrid-panel#signal-events-panel .hybrid-events-dossier-participants h4,
.hybrid-panel#signal-events-panel .hybrid-events-dossier-section-head h4,
.hybrid-panel#signal-events-panel .hybrid-events-watch-section-head h4 {
  margin: 0;
  color: var(--cyan);
  font-size: var(--hybrid-events-meta-size);
  font-weight: 740;
  line-height: 1;
  letter-spacing: .055em;
  text-transform: uppercase;
}

.hybrid-panel#signal-events-panel .hybrid-events-dossier-lede strong {
  min-width: 0;
  color: #edf7fb;
  font-size: var(--hybrid-events-primary);
  font-weight: 720;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.hybrid-panel#signal-events-panel .hybrid-events-dossier-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(190px, .92fr);
  gap: 11px;
  margin-top: 9px;
}

.hybrid-panel#signal-events-panel .hybrid-events-dossier-left {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 8px;
}

.hybrid-panel#signal-events-panel .hybrid-events-dossier-context,
.hybrid-panel#signal-events-panel .hybrid-events-dossier-involvement,
.hybrid-panel#signal-events-panel .hybrid-events-dossier-participants {
  min-width: 0;
  padding: 2px 0 9px;
  border-bottom: 1px solid rgba(35, 86, 114, .44);
}

.hybrid-panel#signal-events-panel .hybrid-events-dossier-involvement {
  display: grid;
  gap: 5px;
}

.hybrid-panel#signal-events-panel .hybrid-events-dossier-involvement strong {
  margin-top: 3px;
  color: #e7f1f5;
  font-size: var(--hybrid-events-body);
  font-weight: 680;
  line-height: 1.3;
}

.hybrid-panel#signal-events-panel .hybrid-events-dossier-involvement small {
  color: #809cab;
  font-size: var(--hybrid-events-micro);
  font-weight: 680;
}

.hybrid-panel#signal-events-panel .hybrid-events-dossier-context dl {
  display: grid;
  gap: 4px;
  margin: 7px 0 0;
}

.hybrid-panel#signal-events-panel .hybrid-events-dossier-context dl div {
  display: grid;
  grid-template-columns: 78px minmax(0, 1fr);
  gap: 7px;
}

.hybrid-panel#signal-events-panel .hybrid-events-dossier-context dt,
.hybrid-panel#signal-events-panel .hybrid-events-dossier-context dd {
  margin: 0;
  font-size: var(--hybrid-events-body);
  line-height: 1.3;
}

.hybrid-panel#signal-events-panel .hybrid-events-dossier-context dt {
  color: #7897a8;
}

.hybrid-panel#signal-events-panel .hybrid-events-dossier-context dd {
  color: #dbe8ee;
  font-weight: 620;
}

.hybrid-panel#signal-events-panel .hybrid-events-dossier-participants > div {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px 9px;
  margin-top: 8px;
}

.hybrid-panel#signal-events-panel .hybrid-events-dossier-participants span {
  color: #dbe8ee;
  font-size: var(--hybrid-events-body);
  line-height: 1.3;
}

.hybrid-panel#signal-events-panel .hybrid-events-dossier-evidence {
  min-width: 0;
  padding: 9px 10px;
  border: 1px solid rgba(53, 213, 255, .24);
  border-radius: 4px;
  background: rgba(5, 24, 39, .78);
  box-shadow: inset 2px 0 0 rgba(53, 213, 255, .12);
}

.hybrid-panel#signal-events-panel .hybrid-events-dossier-section-head,
.hybrid-panel#signal-events-panel .hybrid-events-watch-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.hybrid-panel#signal-events-panel .hybrid-events-dossier-section-head > span,
.hybrid-panel#signal-events-panel .hybrid-events-watch-section-head > span {
  color: #809dac;
  font-size: var(--hybrid-events-micro);
  font-weight: 650;
}

.hybrid-panel#signal-events-panel .hybrid-events-evidence-primary {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 12px;
  margin-top: 10px;
}

.hybrid-panel#signal-events-panel .hybrid-events-evidence-primary > div {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.hybrid-panel#signal-events-panel .hybrid-events-evidence-primary strong {
  color: #f1f7fa;
  font-size: var(--hybrid-events-primary);
  font-weight: 720;
  line-height: 1.2;
}

.hybrid-panel#signal-events-panel .hybrid-events-evidence-primary span,
.hybrid-panel#signal-events-panel .hybrid-events-evidence-primary small,
.hybrid-panel#signal-events-panel .hybrid-events-evidence-primary time {
  color: #8ba6b5;
  font-size: var(--hybrid-events-body);
  line-height: 1.25;
}

.hybrid-panel#signal-events-panel .hybrid-events-dossier-evidence > p {
  margin: 10px 0 0;
  color: #a9bfca;
  font-size: var(--hybrid-events-body);
  line-height: 1.35;
}

.hybrid-panel#signal-events-panel .hybrid-events-evidence-primary time {
  color: #849faf;
  white-space: nowrap;
}

.hybrid-panel#signal-events-panel .hybrid-events-evidence-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 12px;
  padding-top: 9px;
  border-top: 1px solid rgba(35, 86, 114, .44);
}

.hybrid-panel#signal-events-panel .hybrid-events-dossier-source {
  color: var(--cyan);
  font-size: var(--hybrid-events-meta-size);
  font-weight: 700;
  text-decoration: none;
}

.hybrid-panel#signal-events-panel .hybrid-events-history {
  margin-top: 10px;
  padding-top: 9px;
  border-top: 1px solid rgba(35, 86, 114, .54);
}

.hybrid-panel#signal-events-panel .hybrid-events-history-list {
  position: relative;
  display: grid;
  margin-top: 7px;
  padding-left: 18px;
}

.hybrid-panel#signal-events-panel .hybrid-events-history-list::before {
  content: "";
  position: absolute;
  left: 5px;
  top: 7px;
  bottom: 7px;
  width: 1px;
  background: rgba(67, 121, 149, .62);
}

.hybrid-panel#signal-events-panel .hybrid-events-history-item {
  position: relative;
  min-width: 0;
  display: grid;
  grid-template-columns: 132px 78px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  min-height: 38px;
  padding: 6px 0;
  border-bottom: 1px solid rgba(35, 86, 114, .34);
}

.hybrid-panel#signal-events-panel .hybrid-events-history-item i {
  position: absolute;
  left: -16px;
  width: 8px;
  height: 8px;
  border: 1px solid #8f7bdb;
  border-radius: 50%;
  background: #8e73de;
}

.hybrid-panel#signal-events-panel .hybrid-events-history-item time,
.hybrid-panel#signal-events-panel .hybrid-events-history-item small,
.hybrid-panel#signal-events-panel .hybrid-events-history-empty-state span {
  color: #8ca6b6;
  font-size: var(--hybrid-events-body);
  line-height: 1.25;
}

.hybrid-panel#signal-events-panel .hybrid-events-history-empty-state {
  display: grid;
  gap: 4px;
  margin-top: 8px;
  padding: 8px 9px;
  border-left: 2px solid rgba(82, 125, 147, .46);
  background: rgba(4, 18, 30, .34);
}

.hybrid-panel#signal-events-panel .hybrid-events-history-empty-state strong {
  color: #9db3bf;
  font-size: var(--hybrid-events-meta-size);
  font-weight: 720;
  letter-spacing: .04em;
}

.hybrid-panel#signal-events-panel .hybrid-events-disclosure {
  margin: 8px 0 0;
  color: #6f8d9e;
  font-size: var(--hybrid-events-meta-size);
  line-height: 1.35;
}

/* SCHEDULE WATCH */
.hybrid-panel#signal-events-panel .hybrid-events-dossier,
.hybrid-panel#signal-events-panel .hybrid-events-schedule-watch {
  --hybrid-events-body: 11px;
  --hybrid-events-meta-size: 10px;
  --hybrid-events-micro: 9.5px;
}

.hybrid-panel#signal-events-panel .hybrid-events-schedule-watch {
  --hybrid-events-body: 11.5px;
  --hybrid-events-meta-size: 10.5px;
  --hybrid-events-micro: 10px;
}

.hybrid-panel#signal-events-panel .hybrid-events-schedule-watch-body {
  padding: 0 11px 8px;
}

.hybrid-panel#signal-events-panel .hybrid-events-watch-section {
  padding-top: 9px;
}

.hybrid-panel#signal-events-panel .hybrid-events-watch-section + .hybrid-events-watch-section {
  margin-top: 8px;
  padding-top: 10px;
  border-top: 1px solid rgba(35, 86, 114, .48);
}

.hybrid-panel#signal-events-panel .hybrid-events-watch-empty {
  display: grid;
  gap: 5px;
  margin-top: 8px;
  padding: 9px;
  border-left: 2px solid rgba(82, 125, 147, .46);
  background: rgba(4, 18, 30, .34);
}

.hybrid-panel#signal-events-panel .hybrid-events-watch-empty strong {
  color: #9fb5c0;
  font-size: var(--hybrid-events-meta-size);
  font-weight: 720;
  letter-spacing: .04em;
}

.hybrid-panel#signal-events-panel .hybrid-events-watch-empty span {
  color: #7f9aa9;
  font-size: var(--hybrid-events-body);
  line-height: 1.35;
}

.hybrid-panel#signal-events-panel .hybrid-events-watch-section.is-material.is-empty {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  column-gap: 10px;
  min-height: 36px;
  padding-top: 0;
}

.hybrid-panel#signal-events-panel .hybrid-events-watch-section.is-material.is-empty + .hybrid-events-watch-section {
  margin-top: 0;
  padding-top: 8px;
}

.hybrid-panel#signal-events-panel .hybrid-events-watch-empty.is-compact {
  min-height: 0;
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

.hybrid-panel#signal-events-panel .hybrid-events-watch-empty.is-compact span {
  color: #91aab7;
  font-size: 10.5px;
  font-weight: 560;
  line-height: 1.25;
}

.hybrid-panel#signal-events-panel .hybrid-events-watch-section.is-material.is-empty .hybrid-events-watch-section-head {
  gap: 6px;
  white-space: nowrap;
}

.hybrid-panel#signal-events-panel .hybrid-events-watch-healthy {
  width: 16px;
  height: 16px;
  display: inline-grid;
  place-items: center;
  border: 1px solid rgba(82, 229, 163, .78);
  border-radius: 50%;
  color: #52e5a3;
  font-size: 10px;
  font-style: normal;
  line-height: 1;
}

.hybrid-panel#signal-events-panel .hybrid-events-watch-material-item {
  position: relative;
  width: 100%;
  min-width: 0;
  display: grid;
  grid-template-columns: 68px minmax(0, 1fr) 54px;
  align-items: center;
  gap: 7px;
  padding: 8px 3px 8px 14px;
  border: 0;
  border-bottom: 1px solid rgba(35, 86, 114, .38);
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.hybrid-panel#signal-events-panel .hybrid-events-watch-material-item:hover,
.hybrid-panel#signal-events-panel .hybrid-events-watch-material-item.is-selected,
.hybrid-panel#signal-events-panel .hybrid-events-watch-addition:hover,
.hybrid-panel#signal-events-panel .hybrid-events-watch-addition.is-selected {
  background: rgba(8, 34, 52, .48);
  box-shadow: inset 2px 0 0 var(--cyan);
}

.hybrid-panel#signal-events-panel .hybrid-events-watch-node {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: -18px;
  width: 8px;
  height: 8px;
  border: 1px solid rgba(3, 17, 29, .92);
  border-radius: 50%;
  background: var(--hybrid-event-tone, #7898aa);
  box-shadow: 0 0 0 1px var(--hybrid-event-border, rgba(142, 165, 179, .55));
  transform: translateY(-50%);
}

.hybrid-panel#signal-events-panel .hybrid-events-watch-material-item > .hybrid-events-watch-node {
  left: 3px;
}

.hybrid-panel#signal-events-panel .hybrid-events-watch-material-copy,
.hybrid-panel#signal-events-panel .hybrid-events-watch-addition {
  min-width: 0;
}

.hybrid-panel#signal-events-panel .hybrid-events-watch-material-copy {
  display: grid;
  gap: 3px;
}

.hybrid-panel#signal-events-panel .hybrid-events-watch-material-copy strong,
.hybrid-panel#signal-events-panel .hybrid-events-watch-addition strong {
  min-width: 0;
  overflow: hidden;
  color: #eaf4f8;
  font-size: 12px;
  font-weight: 680;
  line-height: 1.28;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hybrid-panel#signal-events-panel .hybrid-events-watch-material-copy small,
.hybrid-panel#signal-events-panel .hybrid-events-watch-addition small {
  min-width: 0;
  overflow: hidden;
  color: #819cab;
  font-size: 10.5px;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hybrid-panel#signal-events-panel .hybrid-events-watch-material-item > time {
  display: grid;
  gap: 2px;
  color: #7897a8;
  font-size: var(--hybrid-events-micro);
  text-align: right;
}

.hybrid-panel#signal-events-panel .hybrid-events-watch-material-item > time strong {
  color: #cbdde5;
  font-size: var(--hybrid-events-meta-size);
  font-weight: 700;
}

.hybrid-panel#signal-events-panel .hybrid-events-watch-addition-group {
  position: relative;
  margin-top: 7px;
  padding-left: 22px;
}

.hybrid-panel#signal-events-panel .hybrid-events-watch-addition-group::before {
  content: "";
  position: absolute;
  top: 12px;
  bottom: -8px;
  left: 8px;
  width: 1px;
  background: rgba(72, 158, 190, .68);
}

.hybrid-panel#signal-events-panel .hybrid-events-watch-addition-group:last-of-type::before {
  bottom: 13px;
}

.hybrid-panel#signal-events-panel .hybrid-events-watch-addition-group:first-of-type {
  margin-top: 3px;
}

.hybrid-panel#signal-events-panel .hybrid-events-watch-addition-head {
  min-height: 28px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  color: #8ba6b5;
  font-size: 10.5px;
}

.hybrid-panel#signal-events-panel .hybrid-events-watch-addition-head > i {
  position: absolute;
  z-index: 2;
  left: 4px;
  top: 10px;
  width: 9px;
  height: 9px;
  border: 1px solid #67cce8;
  border-radius: 50%;
  background: #061b2c;
}

.hybrid-panel#signal-events-panel .hybrid-events-watch-addition-head strong {
  color: #b9abff;
  font-size: 10.5px;
  font-weight: 740;
}

.hybrid-panel#signal-events-panel .hybrid-events-watch-addition {
  position: relative;
  width: 100%;
  display: grid;
  gap: 4px;
  padding: 8px 7px 8px 9px;
  border: 0;
  border-bottom: 1px solid rgba(35, 86, 114, .30);
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.hybrid-panel#signal-events-panel button:focus-visible,
.hybrid-panel#signal-events-panel a:focus-visible {
  outline: 2px solid var(--cyan);
  outline-offset: 2px;
}

@media (max-width: 1023px) {
  .hybrid-panel#signal-events-panel .hybrid-events-ops-main {
    grid-template-columns: minmax(0, 30fr) minmax(0, 40fr) minmax(0, 30fr);
  }

  .hybrid-panel#signal-events-panel .hybrid-events-upcoming-row {
    grid-template-columns: 58px 38px minmax(0, 1fr);
  }

  .hybrid-panel#signal-events-panel .hybrid-events-upcoming-right {
    grid-column: 3;
    width: fit-content;
  }

  .hybrid-panel#signal-events-panel .hybrid-events-watch-material-item {
    grid-template-columns: 64px minmax(0, 1fr);
  }

  .hybrid-panel#signal-events-panel .hybrid-events-watch-material-item > time {
    grid-column: 2;
    text-align: left;
  }
}

@media (max-width: 1023px) {
  .hybrid-panel#signal-events-panel .hybrid-events-ops-head-controls {
    gap: 5px;
  }

  .hybrid-panel#signal-events-panel .hybrid-events-filter {
    padding-inline: 5px;
  }

  .hybrid-panel#signal-events-panel .hybrid-events-ops-legend {
    grid-template-columns: 1fr;
    height: auto;
    padding-block: 12px;
  }

  .hybrid-panel#signal-events-panel .hybrid-events-ops-legend p {
    display: none;
  }
}

@media (max-width: 760px) {
  .hybrid-panel#signal-events-panel .hybrid-events-upcoming-row {
    grid-template-columns: 58px 38px minmax(0, 1fr);
    gap: 6px;
  }

  .hybrid-panel#signal-events-panel .hybrid-events-upcoming-row > .hybrid-events-type-badge {
    grid-column: 2;
    grid-row: 1 / span 2;
  }

  .hybrid-panel#signal-events-panel .hybrid-events-upcoming-copy {
    grid-column: 3;
    grid-row: 1 / span 2;
  }

  .hybrid-panel#signal-events-panel .hybrid-events-upcoming-right {
    grid-column: 3;
    width: fit-content;
  }

  .hybrid-panel#signal-events-panel .hybrid-events-history-item {
    grid-template-columns: 1fr;
    gap: 5px;
  }

  .hybrid-panel#signal-events-panel .hybrid-events-watch-material-item {
    grid-template-columns: 1fr;
  }
}

/* EVENT DOSSIER METHODOLOGY INFO */

.hybrid-panel#signal-events-panel .hybrid-events-dossier-head-meta {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.hybrid-panel#signal-events-panel .hybrid-events-dossier-info {
  width: 17px;
  height: 17px;
  display: inline-grid;
  place-items: center;
  flex: 0 0 17px;
  border: 1px solid rgba(53, 213, 255, .30);
  border-radius: 50%;
  color: #7899ad;
  font-size: 10px;
  font-weight: 760;
  font-style: normal;
  line-height: 1;
  cursor: help;
}

.hybrid-panel#signal-events-panel .hybrid-events-dossier-info:hover,
.hybrid-panel#signal-events-panel .hybrid-events-dossier-info:focus-visible {
  border-color: rgba(53, 213, 255, .64);
  color: var(--cyan);
  outline: none;
}
/* TYPOGRAPHY DETAILS */
.hybrid-panel#signal-events-panel .hybrid-events-dossier-lede small,
.hybrid-panel#signal-events-panel .hybrid-events-dossier-context h4,
.hybrid-panel#signal-events-panel .hybrid-events-dossier-involvement h4,
.hybrid-panel#signal-events-panel .hybrid-events-dossier-participants h4,
.hybrid-panel#signal-events-panel .hybrid-events-dossier-section-head h4,
.hybrid-panel#signal-events-panel .hybrid-events-watch-section-head h4 {
  font-family: inherit;
  font-size: 9.5px;
  font-weight: 720;
  line-height: 1;
  letter-spacing: .5px;
}

.hybrid-panel#signal-events-panel .hybrid-events-upcoming-row > time span {
  font-family: inherit;
  font-size: 9.5px;
  font-weight: 720;
  line-height: 1;
  letter-spacing: .04em;
}

.hybrid-panel#signal-events-panel .hybrid-events-upcoming-row > time em {
  font-size: 9px;
  font-weight: 650;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-months {
  font-family: inherit;
  font-weight: 700;
  letter-spacing: .045em;
}

.hybrid-panel#signal-events-panel
  .hybrid-events-schedule-watch
  > .hybrid-events-panel-head
  > div
  > span,
.hybrid-panel#signal-events-panel
  .hybrid-events-schedule-watch
  > .hybrid-events-panel-head
  > span {
  font-size: 10px;
  font-weight: 650;
  line-height: 1;
  letter-spacing: .035em;
}

.hybrid-panel#signal-events-panel
  .hybrid-events-schedule-watch
  .hybrid-events-watch-section-head h4 {
  font-size: 10px;
  font-weight: 720;
  line-height: 1;
  letter-spacing: .5px;
}

.hybrid-panel#signal-events-panel
  .hybrid-events-schedule-watch
  .hybrid-events-watch-section-head > span {
  font-size: 10px;
  font-weight: 650;
}

.hybrid-panel#signal-events-panel
  .hybrid-events-schedule-watch
  .hybrid-events-watch-material-item > time {
  font-size: 10px;
  line-height: 1.15;
}

.hybrid-panel#signal-events-panel
  .hybrid-events-schedule-watch
  .hybrid-events-watch-material-item > time strong {
  font-size: 10.5px;
  font-weight: 700;
}
/* EVENTS MOCKUP TIMELINE WATCH TRANSPLANT V1 — START */
.hybrid-panel#signal-events-panel .hybrid-events-type-badge[data-event-type],
.hybrid-panel#signal-events-panel .hybrid-events-ops-marker[data-event-type],
.hybrid-panel#signal-events-panel .hybrid-events-ops-legend-swatch[data-event-type] {
  border-color: var(--hybrid-event-border, #35627b);
  color: var(--hybrid-event-tone, #a9c2d2);
}

.hybrid-panel#signal-events-panel .hybrid-events-status,
.hybrid-panel#signal-events-panel .hybrid-events-evidence-chip,
.hybrid-panel#signal-events-panel .hybrid-events-watch-type {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 20px;
  padding: 2px 6px;
  border: 1px solid #346079;
  border-radius: 2px;
  color: #aac4d3;
  font-size: var(--hybrid-events-micro);
  font-weight: 750;
  line-height: 1;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.hybrid-panel#signal-events-panel .hybrid-events-status[data-event-status="postponed"],
.hybrid-panel#signal-events-panel .hybrid-events-watch-type[data-update-type="postponed"] {
  border-color: rgba(255, 191, 75, .58);
  color: #ffca64;
}

.hybrid-panel#signal-events-panel .hybrid-events-status[data-event-status="cancelled"],
.hybrid-panel#signal-events-panel .hybrid-events-watch-type[data-update-type="cancelled"] {
  border-color: rgba(255, 124, 138, .58);
  color: #ff9ba7;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-rail {
  display: grid;
  grid-template-rows: 30px minmax(0, 1fr) 22px;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-rail-head {
  min-height: 30px;
  display: grid;
  grid-template-columns: auto minmax(24px, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 0 10px;
  border-bottom: 1px solid rgba(35, 86, 114, .42);
  background: rgba(6, 24, 39, .30);
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-titleline {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-head-controls {
  grid-column: 3;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
  white-space: nowrap;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-info {
  width: 17px;
  height: 17px;
  display: inline-grid;
  place-items: center;
  border: 1px solid rgba(53, 213, 255, .38);
  border-radius: 50%;
  color: #7fb4c9;
  font-size: var(--hybrid-events-meta-size);
  font-weight: 760;
  font-style: normal;
  line-height: 1;
  cursor: help;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-info:hover,
.hybrid-panel#signal-events-panel .hybrid-events-ops-info:focus-visible {
  border-color: rgba(53, 213, 255, .70);
  color: var(--cyan);
  outline: none;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-horizon-scroll {
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
  scrollbar-color: rgba(53, 213, 255, .22) transparent;
  padding: 2px 8px 1px;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-horizon {
  min-width: 990px;
  height: 100%;
  padding: 4px 7px 3px;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-months {
  display: grid;
  grid-template-columns: repeat(12, minmax(72px, 1fr));
  min-height: 16px;
  color: #91adbc;
  font-size: 10.5px;
  font-weight: 650;
  line-height: 1;
  letter-spacing: .07em;
  text-align: center;
  text-transform: uppercase;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-months > span {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 7px;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-months > span::before,
.hybrid-panel#signal-events-panel .hybrid-events-ops-months > span::after {
  content: "";
  flex: 1 1 auto;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(59, 105, 130, .34));
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-months > span::after {
  background: linear-gradient(90deg, rgba(59, 105, 130, .34), transparent);
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-weeks {
  display: grid;
  grid-template-columns: repeat(12, minmax(72px, 1fr));
  min-height: 49px;
  border: 0;
  border-radius: 0;
  overflow: hidden;
  grid-template-rows: 23px 15px;
  align-content: start;
  padding: 2px 7px 2px;
  cursor: pointer;
  border-top: 1px solid rgba(35, 86, 114, .24);
  border-bottom: 1px solid rgba(35, 86, 114, .24);
  border-left: 1px solid rgba(35, 86, 114, .13);
  background: rgba(3, 15, 26, .035);
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-week {
  position: relative;
  min-width: 0;
  display: grid;
  grid-template-rows: 22px minmax(22px, 1fr);
  align-content: stretch;
  padding: 2px 7px 3px;
  border-left: 1px solid rgba(35, 86, 114, .20);
  background: rgba(3, 15, 26, .08);
  transition: background-color .14s ease, box-shadow .14s ease;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-week:not(.is-selected):hover {
  background: rgba(8, 34, 52, .34);
  box-shadow: inset 0 1px 0 rgba(53, 213, 255, .10);
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-week:not(.is-selected):hover {
  background: rgba(8, 34, 52, .18);
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-week:first-child {
  border-left: 0;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-week.is-month-start {
  border-left-color: rgba(53, 213, 255, .28);
  box-shadow: inset 1px 0 0 rgba(53, 213, 255, .045);
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-week.is-current::after {
  content: none;
  position: absolute;
  top: -1px;
  left: 50%;
  width: 1px;
  height: 12px;
  background: var(--cyan);
  box-shadow: none;
  transform: translateX(-50%);
  opacity: .92;
  pointer-events: none;
  display: none;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-week.is-current::before {
  content: none;
  position: absolute;
  top: -2px;
  left: 50%;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--cyan);
  transform: translateX(-50%);
  box-shadow: none;
  pointer-events: none;
  display: none;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-week.is-selected {
  background: linear-gradient(180deg, rgba(91, 70, 176, .13), rgba(41, 37, 79, .035));
  box-shadow: inset 0 2px 0 rgba(170, 143, 255, .90);
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-week-select {
  width: 100%;
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 5px;
  padding: 5px 7px 0;
  border: 0;
  background: transparent;
  color: #8fa9b8;
  font: inherit;
  font-size: 11.5px;
  line-height: 1.1;
  text-align: left;
  cursor: pointer;
  grid-row: 1 / -1;
  grid-column: 1;
  height: 100%;
  align-content: start;
  position: absolute;
  z-index: 2;
  inset: 0;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-week-select > span {
  min-width: 0;
  overflow: hidden;
  color: #acc4d0;
  font-weight: 640;
  text-overflow: ellipsis;
  white-space: nowrap;
  letter-spacing: .005em;
  font-size: 11.5px;
  line-height: 1.1;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-week.is-selected .hybrid-events-ops-week-select > span {
  color: #e5deff;
  font-weight: 680;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-week-count {
  width: auto;
  height: auto;
  display: block;
border: 0;
  border-radius: 0;
  color: #7f9aa9;
  background: transparent;
  font-size: 11.5px;
  font-weight: 620;
  line-height: 1.1;
  min-width: 10px;
  padding: 0;
  align-items: center;
  justify-content: center;
  letter-spacing: .015em;
  min-height: 0;
  place-items: unset;
  box-shadow: none;
  font-variant-numeric: tabular-nums;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-week-count.has-events {
  border-color: rgba(53, 213, 255, .38);
  color: #cae4ee;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-week.is-selected .hybrid-events-ops-week-count.has-events {
  border-color: rgba(174, 150, 255, .62);
  color: #cbbaff;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-week-count.is-empty {
  border-color: rgba(91, 126, 148, .16);
  color: #4d6978;
  background: transparent;
  border: 0;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-week-markers {
  min-height: 8px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  padding: 0;
  flex-wrap: nowrap;
  overflow: hidden;
  grid-row: 2;
  grid-column: 1;
  margin-top: 1px;
  position: absolute;
  z-index: 3;
  pointer-events: none;
  left: 7px;
  top: 27px;
  align-content: center;
  margin: 0;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-marker {
  width: 8px;
  height: 8px;
  flex: 0 0 8px;
  box-sizing: border-box;
  border: 1px solid var(--hybrid-event-border, #35627b);
  border-radius: 1px;
  background: var(--hybrid-event-tone, #a9c2d2);
  box-shadow: 0 0 5px rgba(53, 213, 255, .08);
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-marker.is-type-presence {
  cursor: default;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-week.is-selected .hybrid-events-ops-marker {
  filter: brightness(1.12);
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-legend {
  min-width: 0;
  min-height: 22px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 18px;
  padding: 0 10px;
  border-top: 1px solid rgba(35, 86, 114, .34);
  color: #7f9bac;
  background: rgba(4, 18, 30, .24);
  font-size: var(--hybrid-events-meta-size);
  font-weight: 540;
  line-height: 1;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-legend::-webkit-scrollbar {
  display: none;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-legend-item {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  flex: 0 0 auto;
  justify-content: center;
  width: auto;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-legend-swatch {
  width: 8px;
  height: 8px;
  flex: 0 0 8px;
  box-sizing: border-box;
  border: 1px solid var(--hybrid-event-border, #35627b);
  border-radius: 1px;
  background: var(--hybrid-event-tone, #a9c2d2);
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-metrics,
.hybrid-panel#signal-events-panel .hybrid-events-ops-filters {
  min-width: 0;
  display: flex;
  align-items: center;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-filters {
  gap: 3px;
}

.hybrid-panel#signal-events-panel .hybrid-events-filter {
  min-height: 22px;
  padding: 0 7px;
  border: 1px solid rgba(45, 87, 111, .30);
  border-radius: 4px;
  background: rgba(4, 19, 32, .20);
  color: #7893a3;
  font: inherit;
  font-size: var(--hybrid-events-meta-size);
  font-weight: 660;
  cursor: pointer;
}

.hybrid-panel#signal-events-panel .hybrid-events-filter:hover {
  border-color: rgba(112, 154, 178, .50);
  color: #b6ceda;
  background: rgba(9, 28, 43, .40);
}

.hybrid-panel#signal-events-panel .hybrid-events-filter.is-active {
  border-color: rgba(166, 141, 255, .78);
  color: #eee9ff;
  background: rgba(94, 71, 174, .24);
  box-shadow: inset 0 0 0 1px rgba(166, 141, 255, .08);
}

.hybrid-panel#signal-events-panel .hybrid-events-schedule-watch-body {
  padding: 0 9px 8px;
}

.hybrid-panel#signal-events-panel .hybrid-events-watch-section {
  padding-top: 9px;
}

.hybrid-panel#signal-events-panel .hybrid-events-watch-section + .hybrid-events-watch-section {
  margin-top: 8px;
  padding-top: 10px;
  border-top: 1px solid rgba(35, 86, 114, .48);
}

.hybrid-panel#signal-events-panel .hybrid-events-watch-empty {
  display: grid;
  gap: 5px;
  margin-top: 8px;
  padding: 9px;
  border-left: 2px solid rgba(82, 125, 147, .46);
  background: rgba(4, 18, 30, .34);
}

.hybrid-panel#signal-events-panel .hybrid-events-watch-empty strong {
  color: #9fb5c0;
  font-size: var(--hybrid-events-meta-size);
  font-weight: 720;
  letter-spacing: .04em;
}

.hybrid-panel#signal-events-panel .hybrid-events-watch-empty span {
  color: #7f9aa9;
  font-size: var(--hybrid-events-body);
  line-height: 1.35;
}

.hybrid-panel#signal-events-panel .hybrid-events-watch-material-item {
  width: 100%;
  min-width: 0;
  display: grid;
  grid-template-columns: 68px minmax(0, 1fr) 54px;
  align-items: center;
  gap: 7px;
  padding: 8px 3px;
  border: 0;
  border-bottom: 1px solid rgba(35, 86, 114, .38);
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.hybrid-panel#signal-events-panel .hybrid-events-watch-material-item:hover,
.hybrid-panel#signal-events-panel .hybrid-events-watch-material-item.is-selected,
.hybrid-panel#signal-events-panel .hybrid-events-watch-addition:hover,
.hybrid-panel#signal-events-panel .hybrid-events-watch-addition.is-selected {
  background: rgba(8, 34, 52, .48);
  box-shadow: inset 2px 0 0 var(--cyan);
}

.hybrid-panel#signal-events-panel .hybrid-events-watch-material-copy,
.hybrid-panel#signal-events-panel .hybrid-events-watch-addition {
  min-width: 0;
}

.hybrid-panel#signal-events-panel .hybrid-events-watch-material-copy {
  display: grid;
  gap: 3px;
}

.hybrid-panel#signal-events-panel .hybrid-events-watch-material-copy strong,
.hybrid-panel#signal-events-panel .hybrid-events-watch-addition strong {
  min-width: 0;
  overflow: hidden;
  color: #eaf4f8;
  font-size: var(--hybrid-events-body);
  font-weight: 680;
  line-height: 1.28;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hybrid-panel#signal-events-panel .hybrid-events-watch-material-copy small,
.hybrid-panel#signal-events-panel .hybrid-events-watch-addition small {
  min-width: 0;
  overflow: hidden;
  color: #819cab;
  font-size: var(--hybrid-events-meta-size);
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hybrid-panel#signal-events-panel .hybrid-events-watch-material-item > time {
  display: grid;
  gap: 2px;
  color: #7897a8;
  font-size: var(--hybrid-events-micro);
  text-align: right;
}

.hybrid-panel#signal-events-panel .hybrid-events-watch-material-item > time strong {
  color: #cbdde5;
  font-size: var(--hybrid-events-meta-size);
  font-weight: 700;
}

.hybrid-panel#signal-events-panel .hybrid-events-watch-addition-group {
  margin-top: 8px;
  border-top: 1px solid rgba(35, 86, 114, .34);
}

.hybrid-panel#signal-events-panel .hybrid-events-watch-addition-group:first-of-type {
  border-top: 0;
}

.hybrid-panel#signal-events-panel .hybrid-events-watch-addition-head {
  min-height: 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  color: #8ba6b5;
  font-size: var(--hybrid-events-meta-size);
}

.hybrid-panel#signal-events-panel .hybrid-events-watch-addition-head strong {
  color: #b9abff;
  font-size: var(--hybrid-events-meta-size);
  font-weight: 740;
}

.hybrid-panel#signal-events-panel .hybrid-events-watch-addition {
  width: 100%;
  display: grid;
  gap: 3px;
  padding: 7px 7px 7px 9px;
  border: 0;
  border-bottom: 1px solid rgba(35, 86, 114, .30);
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-rail {
  display: grid;
  grid-template-rows: 34px minmax(0, 1fr);
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-rail-head {
  min-height: 34px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 0 12px;
  border-bottom: 1px solid #192d40;
  background: rgba(5, 18, 31, .35);
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-titleline {
  gap: 7px;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-info {
  width: 17px;
  height: 17px;
  border-color: #52677f;
  color: #91a7c1;
  font-size: 10px;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-head-controls {
  display: flex;
  margin-left: auto;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-filters {
  display: flex;
  gap: 7px;
}

.hybrid-panel#signal-events-panel .hybrid-events-filter {
  min-height: 23px;
  padding: 0 8px;
  border-color: #1a3044;
  border-radius: 5px;
  color: #a7b8ce;
  background: transparent;
  font-size: 10px;
  font-weight: 550;
}

.hybrid-panel#signal-events-panel .hybrid-events-filter.is-active {
  border-color: #8d61cc;
  color: #fff;
  background: rgba(104, 64, 163, .34);
  box-shadow: none;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-horizon-scroll {
  padding: 0 14px;
  overflow-x: auto;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-horizon {
  min-width: 1120px;
  height: 100%;
  padding: 0;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-months {
  height: 21px;
  min-height: 21px;
  grid-template-columns: repeat(12, minmax(84px, 1fr));
  align-items: end;
  padding-bottom: 1px;
  color: #b5c5d9;
  font-size: 10px;
  font-weight: 520;
  letter-spacing: 0;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-months > span {
  gap: 10px;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-months > span:nth-child(1) {
  transform: translateX(-54px);
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-months > span:nth-child(2) {
  transform: translateX(49px);
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-months > span:nth-child(3) {
  transform: translateX(58px);
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-months > span::before,
.hybrid-panel#signal-events-panel .hybrid-events-ops-months > span::after {
  background: #172a3c;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-weeks {
  position: relative;
  display: grid;
  grid-template-columns: repeat(12, minmax(84px, 1fr));
  grid-template-rows: 51px;
  min-height: 51px;
  padding: 0;
  overflow: visible;
  border: 0;
  background: transparent;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-weeks::before {
  position: absolute;
  z-index: 1;
  right: 0;
  left: 0;
  top: 39.5px;
  height: 1px;
  background: #91a4b8;
  content: "";
  pointer-events: none;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-week {
  position: relative;
  z-index: 2;
  height: 51px;
  display: block;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-week.is-month-start {
  border: 0;
  box-shadow: none;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-week:not(.is-selected):hover {
  border-radius: 6px;
  background: rgba(13, 37, 55, .45);
  box-shadow: none;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-week.is-selected {
  margin: -1px 4px 0;
  border: 1px solid #7543b3;
  border-radius: 7px;
  background: linear-gradient(180deg, rgba(123, 68, 205, .44), rgba(69, 35, 116, .26));
  box-shadow: inset 0 0 20px rgba(126, 72, 215, .10);
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-week-select {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 32px;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 18px 14px;
  align-items: center;
  justify-items: center;
  gap: 0;
  padding: 0;
  color: #c5d1df;
  text-align: center;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-week-select > span {
  width: 100%;
  color: #c7d3e1;
  font-size: 11px;
  font-weight: 520;
  text-align: center;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-week.is-selected .hybrid-events-ops-week-select > span,
.hybrid-panel#signal-events-panel .hybrid-events-ops-week.is-selected .hybrid-events-ops-week-count.has-events {
  color: #fff;
  font-weight: 720;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-week-count,
.hybrid-panel#signal-events-panel .hybrid-events-ops-week-count.has-events,
.hybrid-panel#signal-events-panel .hybrid-events-ops-week-count.is-empty {
  color: #aebcd0;
  font-size: 11px;
  font-weight: 520;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-week-markers {
  position: absolute;
  top: 27.5px;
  right: 0;
  left: 0;
  z-index: 3;
  height: 24px;
  min-height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 0;
  overflow: visible;
}

@media (min-width: 1101px) {
.hybrid-panel#signal-events-panel .hybrid-events-ops-horizon-scroll {
    overflow-x: hidden;
  }

}

.hybrid-panel#signal-events-panel .hybrid-events-ops-marker {
  width: 12px;
  height: 12px;
  flex: 0 0 12px;
  border-radius: 50%;
  background: var(--hybrid-event-tone, #91a4b8);
  box-shadow: none;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-week-markers:empty::before {
  width: 12px;
  height: 12px;
  border: 1px solid #65768b;
  border-radius: 50%;
  background: #071421;
  content: "";
}

.hybrid-panel#signal-events-panel .hybrid-events-schedule-watch-body {
  padding: 0 11px 20px;
}

.hybrid-panel#signal-events-panel .hybrid-events-watch-section {
  padding: 0;
}

.hybrid-panel#signal-events-panel .hybrid-events-watch-section + .hybrid-events-watch-section {
  margin: 0;
  padding: 0;
  border: 0;
}

.hybrid-panel#signal-events-panel .hybrid-events-watch-empty {
  min-height: 44px;
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  padding: 0;
  border: 0;
  border-bottom: 1px solid #182b3c;
  background: transparent;
}

.hybrid-panel#signal-events-panel .hybrid-events-watch-empty > i {
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 18px;
  border: 1px solid #45dd85;
  border-radius: 50%;
  color: #45dd85;
  font-size: 12px;
  font-style: normal;
}

.hybrid-panel#signal-events-panel .hybrid-events-watch-empty strong {
  color: #43cfd7;
  font-size: 10px;
}

.hybrid-panel#signal-events-panel .hybrid-events-watch-empty span {
  color: #a6b4c7;
  font-size: 10px;
}

.hybrid-panel#signal-events-panel .hybrid-events-watch-section-head {
  min-height: 40px;
  padding-top: 8px;
}

.hybrid-panel#signal-events-panel .hybrid-events-watch-section-head h4 {
  color: #10c6fa;
  font-size: 12px;
}

.hybrid-panel#signal-events-panel .hybrid-events-watch-section-head > span {
  display: none;
}

.hybrid-panel#signal-events-panel .hybrid-events-watch-timeline {
  position: relative;
  padding-left: 29px;
}

.hybrid-panel#signal-events-panel .hybrid-events-watch-timeline::before {
  position: absolute;
  top: 6px;
  bottom: 22px;
  left: 8px;
  width: 1px;
  background: #67c6e3;
  content: "";
  pointer-events: none;
}

.hybrid-panel#signal-events-panel .hybrid-events-watch-addition-group {
  position: relative;
  margin: 0;
  padding: 0 0 13px;
  border: 0;
}

.hybrid-panel#signal-events-panel .hybrid-events-watch-group-node {
  position: absolute;
  top: 4px;
  left: -25px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #63a7cf;
}

.hybrid-panel#signal-events-panel .hybrid-events-watch-addition-group::before {
  position: absolute;
  top: 25px;
  left: -29px;
  width: 9px;
  height: 9px;
  border: 2px solid #a97bff;
  border-radius: 50%;
  background: #091826;
  content: "";
}

.hybrid-panel#signal-events-panel .hybrid-events-watch-addition-head {
  min-height: 28px;
  color: #91a4bb;
  font-size: 10px;
}

.hybrid-panel#signal-events-panel .hybrid-events-watch-addition-head strong {
  color: #bd7dff;
  font-size: 11px;
}

.hybrid-panel#signal-events-panel .hybrid-events-watch-addition {
  position: relative;
  display: grid;
  grid-template-columns: 13px minmax(0, 1fr);
  gap: 3px 8px;
  margin-bottom: 9px;
  padding: 0;
  border: 0;
}

.hybrid-panel#signal-events-panel .hybrid-events-watch-addition:hover,
.hybrid-panel#signal-events-panel .hybrid-events-watch-addition.is-selected {
  background: rgba(8, 34, 52, .42);
  box-shadow: none;
}

.hybrid-panel#signal-events-panel .hybrid-events-watch-event-node {
  grid-row: 1;
  width: 9px;
  height: 9px;
  margin-top: 4px;
  border-radius: 50%;
  background: var(--hybrid-event-tone, #91a4b8);
}

.hybrid-panel#signal-events-panel .hybrid-events-watch-addition strong,
.hybrid-panel#signal-events-panel .hybrid-events-watch-addition small {
  grid-column: 2;
}

.hybrid-panel#signal-events-panel .hybrid-events-watch-addition strong {
  color: #f0f4f8;
  font-size: 11.5px;
  line-height: 16px;
  white-space: normal;
}

.hybrid-panel#signal-events-panel .hybrid-events-watch-addition small {
  color: #a1afc2;
  font-size: 10px;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-legend {
  height: 24px;
  min-height: 24px;
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  gap: 18px;
  margin: 0;
  padding: 0 8px;
  overflow: hidden;
  border: 0;
  background: transparent;
  color: #7689a5;
  font-size: 10px;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-legend > div {
  display: flex;
  align-items: center;
  gap: 20px;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-legend-item {
  gap: 8px;
  color: #9aaac0;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-legend-swatch {
  width: 12px;
  height: 12px;
  flex-basis: 12px;
  border: 0;
  border-radius: 50%;
  background: var(--hybrid-event-tone, #91a4b8);
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-legend p {
  display: none;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-legend p:last-child {
  text-align: right;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-week-count {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-weeks::before {
  bottom: 28px;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-week-markers {
  bottom: 24px;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-week-select {
  grid-template-rows: 18px minmax(0, 1fr);
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-horizon {
  transform: translateY(-13px);
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-months {
  visibility: hidden;
}
/* EVENTS MOCKUP TIMELINE WATCH TRANSPLANT V1 — END */

/* EVENTS MOCKUP TIMELINE FINAL AUTHORITY V2 — START */
/* EVENTS TIMELINE MICRO-POLISH V1 */

/*
 * Keep exact weekly counts in the DOM / accessible week summary,
 * but remove them from the visual timeline.
 * Raise the rail and its nodes into the centre of the available space.
 */

/* Visually suppress weekly 0 / 1 / 2 counts without changing event logic. */
.hybrid-panel#signal-events-panel .hybrid-events-ops-week-count {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}

/* Lift the continuous timeline rail. */
.hybrid-panel#signal-events-panel .hybrid-events-ops-weeks::before {
  bottom: 28px;
}

/* Keep node centres exactly on the raised rail. */
.hybrid-panel#signal-events-panel .hybrid-events-ops-week-markers {
  bottom: 24px;
}

/* With the visible count gone, centre the week label more cleanly above the rail. */
.hybrid-panel#signal-events-panel .hybrid-events-ops-week-select {
  grid-template-rows: 18px minmax(0, 1fr);
}

/* EVENTS TIMELINE BLOCK POSITION V1 */
/* Move month labels + week labels + temporal rail together. */
.hybrid-panel#signal-events-panel .hybrid-events-ops-horizon {
  transform: translateY(-13px);
}

/* EVENTS ↔ AGENDA MAIN HEADING PARITY */
/*
 * Exact match to Agenda workspace panel-heading typography:
 * 13px / 760 / 1 / .035em / uppercase.
 */

.hybrid-panel#signal-events-panel .hybrid-events-ops-titleline h3,
.hybrid-panel#signal-events-panel .hybrid-events-panel-head h3 {
  margin: 0;
  color: #f2f8fb;
  font-size: 13px;
  font-weight: 760;
  line-height: 1;
  letter-spacing: .035em;
  text-transform: uppercase;
}
/* EVENTS MOCKUP TIMELINE FINAL AUTHORITY V2 — END */

/* EVENTS TIMELINE FINAL NUDGE V1 */
/* Presentation only: lift the complete temporal system slightly. */
.hybrid-panel#signal-events-panel .hybrid-events-ops-horizon {
  position: relative;
  top: -9px;
}

/* EVENTS TAB — REMOVE ACTIVE UNDERLINE */
#signal-events-tab[aria-selected="true"] {
  border-bottom-color: transparent !important;
  box-shadow: none !important;
}

#signal-events-tab[aria-selected="true"]::before,
#signal-events-tab[aria-selected="true"]::after {
  display: none !important;
}

/* EVENTS MOCKUP WEEK VERTICAL GEOMETRY V1 */
/*
 * Preserve the mockup's three-level rhythm:
 * label → reserved count space → node/rail.
 * Counts remain visually hidden.
 */
.hybrid-panel#signal-events-panel .hybrid-events-ops-weeks {
  position: relative;
  align-items: stretch;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-week {
  position: relative;
  min-height: 52px;
  padding-top: 2px;
  padding-bottom: 19px;
  align-content: start;
}

/* Reserve the former count row without displaying the number. */
.hybrid-panel#signal-events-panel .hybrid-events-ops-week-count {
  position: static !important;
  width: auto !important;
  height: 13px !important;
  margin: 2px 0 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
  clip: auto !important;
  clip-path: none !important;
  white-space: nowrap !important;
}

/* Nodes belong to the bottom level of each week cell. */
.hybrid-panel#signal-events-panel .hybrid-events-ops-week-markers {
  position: absolute;
  left: 50%;
  bottom: 3px;
  transform: translateX(-50%);
  margin: 0;
}

/* Rail runs through the node centres, not through the labels/card copy. */
.hybrid-panel#signal-events-panel .hybrid-events-ops-weeks::before {
  top: auto;
  bottom: 8px;
  transform: none;
}

/* EVENTS WEEK STRIP HEADER GAP V1 */
/* Move the complete week system away from the upper header divider. */
.hybrid-panel#signal-events-panel .hybrid-events-ops-weeks {
  transform: translateY(6px);
}

/* EVENTS TIMELINE RAIL FINAL NUDGE V1 */
/* Raise rail + nodes together; keep dates and selected week fixed. */
.hybrid-panel#signal-events-panel .hybrid-events-ops-weeks::before {
  bottom: 11px;
}

.hybrid-panel#signal-events-panel .hybrid-events-ops-week-markers {
  bottom: 6px;
}

/* EVENTS ↔ AGENDA TYPOGRAPHY FINAL V1 */
/*
 * Typography only.
 * Agenda workspace is the canonical visual authority.
 * No geometry, spacing, scrolling or timeline changes.
 */

/* ---------------------------------------------------------
   0. WORKSPACE FONT FAMILY
   --------------------------------------------------------- */

.hybrid-panel#signal-events-panel {
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}


/* ---------------------------------------------------------
   1. PANEL HEADERS — EXACT AGENDA PARITY
   --------------------------------------------------------- */

.hybrid-panel#signal-events-panel .hybrid-events-ops-titleline h3,
.hybrid-panel#signal-events-panel .hybrid-events-panel-head h3 {
  font-size: 13px;
  font-weight: 760;
  line-height: 1;
  letter-spacing: .035em;
  text-transform: uppercase;
  color: #f2f8fb;
}

.hybrid-panel#signal-events-panel .hybrid-events-panel-head > span,
.hybrid-panel#signal-events-panel .hybrid-events-panel-head > div > span,
.hybrid-panel#signal-events-panel .hybrid-events-ops-rail-head span {
  font-size: 9px;
  font-weight: 600;
  line-height: 13.5px;
  letter-spacing: .15px;
  color: #8ba6b6;
}


/* ---------------------------------------------------------
   2. CYAN EYEBROWS / MODULE HEADS
   --------------------------------------------------------- */

.hybrid-panel#signal-events-panel .hybrid-events-dossier-lede small,
.hybrid-panel#signal-events-panel .hybrid-events-dossier-context h4,
.hybrid-panel#signal-events-panel .hybrid-events-dossier-involvement h4,
.hybrid-panel#signal-events-panel .hybrid-events-dossier-participants h4,
.hybrid-panel#signal-events-panel .hybrid-events-dossier-section-head h4,
.hybrid-panel#signal-events-panel .hybrid-events-watch-section-head h4 {
  font-family: inherit;
  font-size: 11px;
  font-weight: 760;
  line-height: 1;
  letter-spacing: .5px;
  text-transform: uppercase;
  color: var(--cyan);
}


/* ---------------------------------------------------------
   3. PANEL 1 — UPCOMING EVENTS
   Agenda Monitor-style hierarchy
   --------------------------------------------------------- */

/* Week separators */
.hybrid-panel#signal-events-panel .hybrid-events-upcoming-week-head strong {
  font-size: 9.5px;
  font-weight: 720;
  line-height: 1;
  letter-spacing: .035em;
  color: #9ab2be;
}

.hybrid-panel#signal-events-panel .hybrid-events-upcoming-week-head span {
  font-size: 9px;
  font-weight: 600;
  line-height: 1;
  color: #7898aa;
}

/* Primary event title */
.hybrid-panel#signal-events-panel .hybrid-events-upcoming-copy strong {
  font-family: inherit;
  font-size: 12.5px;
  font-weight: 680;
  line-height: 14px;
  letter-spacing: 0;
  color: #edf6fa;
}

/* Secondary event metadata */
.hybrid-panel#signal-events-panel .hybrid-events-upcoming-copy small {
  font-family: inherit;
  font-size: 9.5px;
  font-weight: 500;
  line-height: 1.25;
  color: #8ba6b6;
}

.hybrid-panel#signal-events-panel .hybrid-events-upcoming-meta-time {
  font-weight: 650;
  color: #9ab2be;
}

/* Date signal: still stronger than prose, but contained */
.hybrid-panel#signal-events-panel .hybrid-events-upcoming-row > time strong {
  font-family: inherit;
  font-size: 15px;
  font-weight: 760;
  line-height: 1;
}

.hybrid-panel#signal-events-panel .hybrid-events-upcoming-row > time span {
  font-family: inherit;
  font-size: 11px;
  font-weight: 760;
  line-height: 1;
  letter-spacing: .02em;
}

.hybrid-panel#signal-events-panel .hybrid-events-upcoming-row > time em {
  font-family: inherit;
  font-size: 8.5px;
  font-weight: 650;
  line-height: 1;
}

/* Event/type pills */
.hybrid-panel#signal-events-panel .hybrid-events-type-badge strong {
  font-family: inherit;
  font-size: 8.5px;
  font-weight: 760;
  line-height: 1;
}

.hybrid-panel#signal-events-panel .hybrid-events-upcoming-right {
  font-family: inherit;
  font-size: 8.5px;
  font-weight: 720;
  line-height: 1;
  letter-spacing: .02em;
}


/* ---------------------------------------------------------
   4. PANEL 2 — EVENT DOSSIER
   --------------------------------------------------------- */

/* Keep event title as the visual hero, but use same family */
.hybrid-panel#signal-events-panel .hybrid-events-dossier-title h4 {
  font-family: inherit;
  font-size: 15px;
  font-weight: 760;
  line-height: 1.16;
  letter-spacing: 0;
  color: #f2f8fb;
}

/* Primary dossier values */
.hybrid-panel#signal-events-panel .hybrid-events-dossier-lede strong,
.hybrid-panel#signal-events-panel .hybrid-events-dossier-involvement strong {
  font-family: inherit;
  font-size: 11.5px;
  font-weight: 660;
  line-height: 1.22;
  color: #e8f1f5;
}

/* Context labels */
.hybrid-panel#signal-events-panel .hybrid-events-dossier-context dt {
  font-family: inherit;
  font-size: 9px;
  font-weight: 600;
  line-height: 1.2;
  color: #7f9cab;
}

/* Context values */
.hybrid-panel#signal-events-panel .hybrid-events-dossier-context dd {
  font-family: inherit;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
  color: #e8f1f5;
}

.hybrid-panel#signal-events-panel .hybrid-events-dossier-involvement small,
.hybrid-panel#signal-events-panel .hybrid-events-dossier-participants span {
  font-family: inherit;
  font-size: 9px;
  line-height: 1.2;
  color: #819cab;
}

/* Evidence */
.hybrid-panel#signal-events-panel .hybrid-events-evidence-primary strong {
  font-family: inherit;
  font-size: 11.5px;
  font-weight: 660;
  line-height: 1.22;
  color: #e8f1f5;
}

.hybrid-panel#signal-events-panel .hybrid-events-evidence-primary span,
.hybrid-panel#signal-events-panel .hybrid-events-evidence-primary small,
.hybrid-panel#signal-events-panel .hybrid-events-evidence-primary time,
.hybrid-panel#signal-events-panel .hybrid-events-dossier-evidence > p {
  font-family: inherit;
  font-size: 9px;
  font-weight: 500;
  line-height: 1.2;
  color: #7f9cab;
}

.hybrid-panel#signal-events-panel .hybrid-events-dossier-source {
  font-family: inherit;
  font-size: 9px;
  font-weight: 700;
}


/* ---------------------------------------------------------
   5. PANEL 3 — SCHEDULE WATCH
   Same Agenda evidence hierarchy
   --------------------------------------------------------- */

.hybrid-panel#signal-events-panel .hybrid-events-watch-material-copy strong,
.hybrid-panel#signal-events-panel .hybrid-events-watch-addition strong {
  font-family: inherit;
  font-size: 11.5px;
  font-weight: 660;
  line-height: 1.22;
  color: #e8f1f5;
}

.hybrid-panel#signal-events-panel .hybrid-events-watch-material-copy small,
.hybrid-panel#signal-events-panel .hybrid-events-watch-addition small {
  font-family: inherit;
  font-size: 9px;
  font-weight: 500;
  line-height: 1.15;
  color: #7f9cab;
}

.hybrid-panel#signal-events-panel .hybrid-events-watch-addition-head {
  font-family: inherit;
  font-size: 9px;
  font-weight: 600;
  line-height: 1.15;
  color: #8ba6b6;
}

.hybrid-panel#signal-events-panel .hybrid-events-watch-addition-head strong {
  font-size: 9.5px;
  font-weight: 760;
  color: #b9a7ff;
}

.hybrid-panel#signal-events-panel .hybrid-events-watch-empty strong {
  font-family: inherit;
  font-size: 10px;
  font-weight: 720;
}

.hybrid-panel#signal-events-panel .hybrid-events-watch-empty span {
  font-family: inherit;
  font-size: 9px;
  font-weight: 500;
  line-height: 1.2;
}

/* UI/status tokens remain intentionally smaller than prose */
.hybrid-panel#signal-events-panel .hybrid-events-status,
.hybrid-panel#signal-events-panel .hybrid-events-evidence-chip,
.hybrid-panel#signal-events-panel .hybrid-events-watch-type {
  font-family: inherit;
  font-size: 8.5px;
  font-weight: 760;
  line-height: 1;
  letter-spacing: .045em;
}

/* EVENTS PANELS 2–3 PRIMARY TEXT PARITY V1 */
/*
 * Match primary white content to Panel 1's 12.5px text scale.
 * Do not alter cyan eyebrows, metadata, chips, or Dossier hero title.
 */

/* PANEL 2 — EVENT DOSSIER */
.hybrid-panel#signal-events-panel .hybrid-events-dossier-lede strong,
.hybrid-panel#signal-events-panel .hybrid-events-dossier-involvement strong,
.hybrid-panel#signal-events-panel .hybrid-events-dossier-context dd,
.hybrid-panel#signal-events-panel .hybrid-events-evidence-primary strong {
  font-size: 12.5px;
  font-weight: 680;
  line-height: 14px;
}

/* PANEL 3 — SCHEDULE WATCH */
.hybrid-panel#signal-events-panel .hybrid-events-watch-material-copy strong,
.hybrid-panel#signal-events-panel .hybrid-events-watch-addition strong {
  font-size: 12.5px;
  font-weight: 680;
  line-height: 14px;
}

/* EVENTS PANEL 3 EYEBROW PARITY V1 */
/* Match Schedule Watch cyan section labels exactly to Event Dossier eyebrows. */
.hybrid-panel#signal-events-panel .hybrid-events-watch-section-head h4,
.hybrid-panel#signal-events-panel .hybrid-events-watch-section-head strong,
.hybrid-panel#signal-events-panel .hybrid-events-watch-material-label,
.hybrid-panel#signal-events-panel .hybrid-events-watch-material-label strong {
  font-family: inherit !important;
  font-size: 11px !important;
  font-weight: 760 !important;
  line-height: 1 !important;
  letter-spacing: .5px !important;
  text-transform: uppercase !important;
  color: var(--cyan) !important;
}

/* EVENTS MATERIAL CHANGES TYPOGRAPHY PARITY V1 */
/* Healthy-state heading matches the visible Schedule Watch eyebrow scale. */
.hybrid-panel#signal-events-panel .hybrid-events-watch-healthy {
  font-family: inherit !important;
  font-size: 12px !important;
  font-weight: 760 !important;
  line-height: 1 !important;
  letter-spacing: .5px !important;
}

/* EVENTS WATCH PURPLE RINGS REMOVED FINAL */
/* Purple rings are generated by the addition-group pseudo-element. */
.hybrid-panel#signal-events-panel .hybrid-events-watch-addition-group::before {
  display: none !important;
  content: none !important;
}
/* EVENTS PANELS 2-3 GREY METADATA SCALE V1 */
/* Enlarge secondary grey metadata only. */
.hybrid-panel#signal-events-panel .hybrid-events-dossier-involvement small,
.hybrid-panel#signal-events-panel .hybrid-events-dossier-context dt,
.hybrid-panel#signal-events-panel .hybrid-events-dossier-section-head > span,
.hybrid-panel#signal-events-panel .hybrid-events-evidence-primary span,
.hybrid-panel#signal-events-panel .hybrid-events-evidence-primary small,
.hybrid-panel#signal-events-panel .hybrid-events-evidence-primary time,
.hybrid-panel#signal-events-panel .hybrid-events-dossier-evidence > p,
.hybrid-panel#signal-events-panel .hybrid-events-watch-addition-head,
.hybrid-panel#signal-events-panel .hybrid-events-watch-addition small,
.hybrid-panel#signal-events-panel .hybrid-events-watch-material-copy small,
.hybrid-panel#signal-events-panel .hybrid-events-watch-material-item > time {
  font-size: 10.5px !important;
  line-height: 1.2 !important;
}

/* EVENTS SOURCE EVIDENCE MOCKUP STYLE COMPACT V1 */
/*
 * Mockup visual language, scaled for the current 30/40/30 workspace.
 * Evidence card only. No dossier-grid or panel geometry changes.
 */

.hybrid-panel#signal-events-panel .hybrid-events-dossier-evidence {
  padding: 12px 13px 11px !important;
  border: 1px solid rgba(46, 221, 215, .78) !important;
  border-radius: 9px !important;
  background:
    linear-gradient(
      155deg,
      rgba(6, 31, 42, .98),
      rgba(3, 21, 31, .96)
    ) !important;
  box-shadow:
    inset 0 0 0 1px rgba(46, 221, 215, .025) !important;
}

/* Card heading */
.hybrid-panel#signal-events-panel
.hybrid-events-dossier-evidence
.hybrid-events-dossier-section-head {
  min-height: 18px;
  align-items: center;
}

.hybrid-panel#signal-events-panel
.hybrid-events-dossier-evidence
.hybrid-events-dossier-section-head h4 {
  font-size: 11px !important;
  font-weight: 760 !important;
  letter-spacing: .5px !important;
}

.hybrid-panel#signal-events-panel
.hybrid-events-dossier-evidence
.hybrid-events-dossier-section-head > span {
  font-size: 10px !important;
  font-weight: 720 !important;
  letter-spacing: .02em;
  color: #91a8b7 !important;
}

/* Stack evidence exactly like the mockup */
.hybrid-panel#signal-events-panel .hybrid-events-evidence-primary {
  display: block !important;
  margin-top: 13px !important;
}

.hybrid-panel#signal-events-panel .hybrid-events-evidence-primary > div {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0 !important;
}

/* Source name */
.hybrid-panel#signal-events-panel .hybrid-events-evidence-primary strong {
  display: block;
  color: #f2f7fa !important;
  font-size: 15px !important;
  font-weight: 760 !important;
  line-height: 1.15 !important;
}

/* Verification timestamp */
.hybrid-panel#signal-events-panel .hybrid-events-evidence-primary time {
  display: block;
  margin-top: 9px;
  color: #9aaebe !important;
  font-size: 10.5px !important;
  font-weight: 500 !important;
  line-height: 1.15 !important;
  white-space: nowrap;
}

/* Source classification */
.hybrid-panel#signal-events-panel .hybrid-events-evidence-primary span {
  display: block;
  margin-top: 12px;
  color: #9bafbd !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  letter-spacing: .015em;
  text-transform: uppercase;
}

/* Evidence statement */
.hybrid-panel#signal-events-panel .hybrid-events-evidence-primary small {
  display: block;
  margin-top: 9px;
  color: #9eb2bf !important;
  font-size: 10.5px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
}

/* Mockup-style lower rule and actions */
.hybrid-panel#signal-events-panel .hybrid-events-evidence-actions {
  margin-top: 12px !important;
  padding-top: 10px !important;
  border-top: 1px solid rgba(65, 117, 137, .42) !important;
}

.hybrid-panel#signal-events-panel
.hybrid-events-dossier-evidence
.hybrid-events-evidence-chip {
  min-height: 22px;
  padding: 2px 7px;
  font-size: 9px !important;
}

.hybrid-panel#signal-events-panel .hybrid-events-dossier-source {
  font-size: 10px !important;
  font-weight: 720 !important;
}

/* EVENTS DOSSIER BALANCED CARDS FINAL V1 */
/*
 * Hybrid between compact frontend and richer mockup.
 * CSS only. No renderer or panel-dimension changes.
 */

/* ---------------------------------------------------------
   TWO BALANCED CARDS
   --------------------------------------------------------- */

.hybrid-panel#signal-events-panel .hybrid-events-dossier-grid {
  align-items: stretch !important;
  gap: 11px !important;
}

@media (min-width: 1101px) {
  .hybrid-panel#signal-events-panel .hybrid-events-dossier-grid {
    grid-template-columns:
      minmax(0, 1.12fr)
      minmax(0, .88fr) !important;
  }
}

/* Left analytical card */
.hybrid-panel#signal-events-panel .hybrid-events-dossier-left {
  box-sizing: border-box;
  height: 100%;
  padding: 10px 11px !important;
  gap: 9px !important;
  align-content: start !important;
  border: 1px solid rgba(53, 91, 116, .62);
  border-radius: 7px;
  background:
    linear-gradient(
      145deg,
      rgba(8, 25, 41, .72),
      rgba(5, 18, 31, .58)
    );
}

/* Right evidence card — keep cyan authority but make it compact */
.hybrid-panel#signal-events-panel .hybrid-events-dossier-evidence {
  box-sizing: border-box;
  height: 100%;
  padding: 10px 11px 9px !important;
  border-radius: 7px !important;
}

/* ---------------------------------------------------------
   INVOLVEMENT / PARTICIPANTS
   --------------------------------------------------------- */

.hybrid-panel#signal-events-panel .hybrid-events-dossier-involvement,
.hybrid-panel#signal-events-panel .hybrid-events-dossier-participants {
  padding: 1px 0 9px !important;
  border-bottom: 1px solid rgba(48, 91, 116, .48) !important;
}

.hybrid-panel#signal-events-panel .hybrid-events-dossier-involvement strong {
  font-size: 12.5px !important;
  line-height: 1.2 !important;
}

.hybrid-panel#signal-events-panel .hybrid-events-dossier-involvement small {
  font-size: 10px !important;
  line-height: 1.15 !important;
}

/* Larger, readable participant names */
.hybrid-panel#signal-events-panel .hybrid-events-dossier-participants > div {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 6px 15px !important;
  margin-top: 8px !important;
}

.hybrid-panel#signal-events-panel .hybrid-events-dossier-participants span {
  position: relative;
  min-width: 0;
  padding-left: 13px;
  color: #b7c7d1 !important;
  font-size: 11.5px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  overflow-wrap: anywhere;
}

/* Mockup-like participant node, scaled down */
.hybrid-panel#signal-events-panel .hybrid-events-dossier-participants span::before {
  position: absolute;
  top: .42em;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #a879ff;
  content: "";
}

/* ---------------------------------------------------------
   EVENT DETAILS — COMPACT 2 × 2
   --------------------------------------------------------- */

.hybrid-panel#signal-events-panel .hybrid-events-dossier-context {
  padding: 1px 0 0 !important;
  border-bottom: 0 !important;
}

.hybrid-panel#signal-events-panel .hybrid-events-dossier-context dl {
  display: grid !important;
  grid-template-columns:
    minmax(0, 1.12fr)
    minmax(0, .88fr) !important;
  gap: 6px 13px !important;
  margin: 8px 0 0 !important;
}

.hybrid-panel#signal-events-panel .hybrid-events-dossier-context dl > div {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: baseline;
  gap: 6px !important;
}

.hybrid-panel#signal-events-panel .hybrid-events-dossier-context dt {
  font-size: 10px !important;
  line-height: 1.2 !important;
  white-space: nowrap;
}

.hybrid-panel#signal-events-panel .hybrid-events-dossier-context dd {
  min-width: 0;
  font-size: 11.5px !important;
  font-weight: 680 !important;
  line-height: 1.2 !important;
  overflow-wrap: anywhere;
}

/* ---------------------------------------------------------
   SOURCE EVIDENCE — RETAIN MOCKUP LANGUAGE, REDUCE HEIGHT
   --------------------------------------------------------- */

.hybrid-panel#signal-events-panel .hybrid-events-evidence-primary {
  margin-top: 10px !important;
}

.hybrid-panel#signal-events-panel .hybrid-events-evidence-primary strong {
  font-size: 14px !important;
  line-height: 1.12 !important;
}

.hybrid-panel#signal-events-panel .hybrid-events-evidence-primary time {
  margin-top: 7px !important;
  font-size: 10.5px !important;
}

.hybrid-panel#signal-events-panel .hybrid-events-evidence-primary span {
  margin-top: 9px !important;
  font-size: 10px !important;
}

.hybrid-panel#signal-events-panel .hybrid-events-evidence-primary small {
  margin-top: 7px !important;
  font-size: 10.5px !important;
}

.hybrid-panel#signal-events-panel .hybrid-events-evidence-actions {
  margin-top: 9px !important;
  padding-top: 9px !important;
}

/* EVENTS DOSSIER COMPACT LAYOUT FIX V2 */
/*
 * Give analytical content more room while preserving
 * the compact mockup-inspired evidence card.
 */

/* Better left/right balance */
@media (min-width: 1101px) {
  .hybrid-panel#signal-events-panel .hybrid-events-dossier-grid {
    grid-template-columns:
      minmax(0, 1.20fr)
      minmax(0, .80fr) !important;
  }
}

/* Both cards remain exactly the same rendered height */
.hybrid-panel#signal-events-panel .hybrid-events-dossier-left,
.hybrid-panel#signal-events-panel .hybrid-events-dossier-evidence {
  align-self: stretch !important;
  height: 100% !important;
  min-height: 0;
}

/* Event Details: two genuinely equal columns */
.hybrid-panel#signal-events-panel .hybrid-events-dossier-context dl {
  grid-template-columns:
    repeat(2, minmax(0, 1fr)) !important;
  column-gap: 18px !important;
  row-gap: 7px !important;
}

/* Label + value stay compact inside each cell */
.hybrid-panel#signal-events-panel .hybrid-events-dossier-context dl > div {
  grid-template-columns:
    max-content minmax(0, 1fr) !important;
  gap: 7px !important;
  min-width: 0;
}

.hybrid-panel#signal-events-panel .hybrid-events-dossier-context dt {
  font-size: 10px !important;
  white-space: nowrap;
}

.hybrid-panel#signal-events-panel .hybrid-events-dossier-context dd {
  font-size: 11.5px !important;
  line-height: 1.2 !important;
  min-width: 0;
}

/* These values should never break across lines */
.hybrid-panel#signal-events-panel
.hybrid-events-dossier-context dl > div:nth-child(2) dd,
.hybrid-panel#signal-events-panel
.hybrid-events-dossier-context dl > div:nth-child(3) dd,
.hybrid-panel#signal-events-panel
.hybrid-events-dossier-context dl > div:nth-child(4) dd {
  white-space: nowrap !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

/* Organiser may wrap naturally, but never split words awkwardly */
.hybrid-panel#signal-events-panel
.hybrid-events-dossier-context dl > div:first-child dd {
  overflow-wrap: normal !important;
  word-break: normal !important;
}

/* Keep participants prominent */
.hybrid-panel#signal-events-panel .hybrid-events-dossier-participants span {
  font-size: 11.5px !important;
  font-weight: 520 !important;
}

/* Slightly tighten the evidence card vertically */
.hybrid-panel#signal-events-panel .hybrid-events-dossier-evidence {
  padding: 10px 11px 9px !important;
}

.hybrid-panel#signal-events-panel .hybrid-events-evidence-primary {
  margin-top: 9px !important;
}

.hybrid-panel#signal-events-panel .hybrid-events-evidence-primary time {
  margin-top: 6px !important;
}

.hybrid-panel#signal-events-panel .hybrid-events-evidence-primary span {
  margin-top: 8px !important;
}

.hybrid-panel#signal-events-panel .hybrid-events-evidence-primary small {
  margin-top: 6px !important;
}

.hybrid-panel#signal-events-panel .hybrid-events-evidence-actions {
  margin-top: 8px !important;
  padding-top: 8px !important;
}

/* ============================================================
   POLICY ISSUES — AGENDA V6 SIBLING
   Uses the same visual grammar intentionally.
   ============================================================ */

.hybrid-tab[data-hybrid-view="issues"][aria-selected="true"] {
  color: #e5f4fb;
}

.hybrid-tab[data-hybrid-view="issues"][aria-selected="true"]::after {
  background: var(--cyan);
}

.hybrid-panel#signal-issues-panel .hybrid-issues-leading {
  display: block;
  max-width: 100%;
  overflow: hidden;
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hybrid-panel#signal-issues-panel
  .hybrid-agenda-v6-topic-shift strong {
  min-width: 36px;
}

/* ============================================================
   ISSUES — 30D MATRIX LEGEND FOOTER
   Reserve real space below the heatmap rows.
   ============================================================ */

.hybrid-panel#signal-issues-panel
  .hybrid-agenda-v6-matrix-wrap {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  min-height: 0;
  overflow: hidden;
}

.hybrid-panel#signal-issues-panel
  .hybrid-agenda-v6-matrix {
  min-width: 0;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

.hybrid-panel#signal-issues-panel
  .hybrid-agenda-v6-matrix-legend {
  position: static;
  inset: auto;
  z-index: auto;

  flex: 0 0 auto;
  margin: 4px 0 0;
  padding: 4px 8px 1px;

  border-top: 1px solid rgba(35, 86, 114, .45);
  background: rgba(5, 20, 33, .98);
}


/* ISSUES diagnostic — preserve full label and leading issue name */
.hybrid-panel#signal-issues-panel
  .hybrid-agenda-v6-diagnostics
  article.is-concentration {
  display: grid;
  grid-template-columns: 1fr;
  align-content: center;
  gap: 2px;
}

.hybrid-panel#signal-issues-panel
  .hybrid-agenda-v6-diagnostics
  article.is-concentration > span {
  overflow: visible;
  text-overflow: clip;
  white-space: nowrap;
}

.hybrid-panel#signal-issues-panel
  .hybrid-agenda-v6-diagnostics
  .hybrid-issues-leading {
  max-width: 100%;
  font-size: 10px;
  line-height: 1.1;
  text-align: left;
  white-space: nowrap;
}

/* ============================================================
   WORKSPACE NAVIGATION — LOCKED CONTRACT
   Existing tabs always divide the full row equally.
   Icon + label stay together and are centered as one unit.
   ============================================================ */

.hybrid-workspace > .hybrid-tabs {
  display: flex !important;
  width: 100%;
  grid-template-columns: none !important;
  grid-auto-columns: unset !important;
  grid-auto-flow: unset !important;
}

.hybrid-workspace > .hybrid-tabs > .hybrid-tab {
  flex: 1 1 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: none !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;

  padding-inline: 12px;

  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .10em;
}

.hybrid-workspace > .hybrid-tabs > .hybrid-tab .hybrid-tab-icon {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  margin: 0;
}

.hybrid-workspace > .hybrid-tabs > .hybrid-tab .hybrid-tab-label {
  width: auto !important;
  min-width: 0 !important;
  flex: 0 0 auto;

  margin: 0;
  text-align: center;
  white-space: nowrap;

  font: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}

/* SHARED DESKTOP WORKSPACE DENSITY PASS 2
 * Events, Agenda and Issues consume the Pass-1 compact desktop tokens
 * without changing their canonical module graphs.
 */
@media (min-width: 1024px) and (max-width: 1399px) {
  .hybrid-panel#signal-events-panel .hybrid-events-workspace,
  .hybrid-panel#signal-events-panel .hybrid-events-dossier,
  .hybrid-panel#signal-events-panel .hybrid-events-schedule-watch {
    --hybrid-events-panel-title: var(--fr27-workspace-panel-title-size);
    --hybrid-events-primary: var(--fr27-workspace-primary-size);
    --hybrid-events-body: var(--fr27-workspace-body-size);
    --hybrid-events-meta-size: var(--fr27-workspace-meta-size);
    --hybrid-events-micro: var(--fr27-workspace-micro-size);
  }

  .hybrid-panel#signal-events-panel .hybrid-events-workspace,
  .hybrid-panel#signal-events-panel .hybrid-events-ops-main {
    gap: var(--fr27-workspace-gap);
  }

  :is(#signal-agenda-panel, #signal-issues-panel) .hybrid-agenda-v6-workspace {
    gap: var(--fr27-workspace-gap);
  }

  :is(#signal-agenda-panel, #signal-issues-panel) .hybrid-agenda-v6-panel-head {
    padding-right: var(--fr27-workspace-inline-padding);
    padding-left: var(--fr27-workspace-inline-padding);
  }

  :is(#signal-agenda-panel, #signal-issues-panel) .hybrid-agenda-v6-panel-head h3 {
    font-size: var(--fr27-workspace-panel-title-size);
  }

  :is(#signal-agenda-panel, #signal-issues-panel) .hybrid-agenda-v6-panel-head-meta {
    font-size: var(--fr27-workspace-meta-size);
  }
}

/* Narrow desktop density. The Events timeline and three peer panels, plus
 * the Agenda and Issues analytical columns, retain their desktop graphs. */
@media (min-width: 1024px) and (max-width: 1239px) {
  .hybrid-panel#signal-events-panel .hybrid-events-workspace {
    grid-template-rows: 96px minmax(0, 1fr) 22px;
  }

  .hybrid-panel#signal-events-panel .hybrid-events-ops-main {
    grid-template-columns: minmax(0, 29fr) minmax(0, 36fr) minmax(0, 35fr);
  }

  .hybrid-panel#signal-events-panel .hybrid-events-ops-rail-head {
    padding-right: 6px;
    padding-left: 6px;
  }

  .hybrid-panel#signal-events-panel .hybrid-events-ops-head-controls {
    gap: 3px;
  }

  .hybrid-panel#signal-events-panel .hybrid-events-filter {
    padding-inline: 4px;
  }

  .hybrid-panel#signal-events-panel .hybrid-events-upcoming-row {
    grid-template-columns: 52px 32px minmax(0, 1fr);
    gap: 4px;
  }

  .hybrid-panel#signal-events-panel .hybrid-events-watch-material-item {
    grid-template-columns: 56px minmax(0, 1fr);
    gap: 4px;
  }

  :is(#signal-agenda-panel, #signal-issues-panel) .hybrid-agenda-v6-panel-head {
    min-height: 38px;
    flex-basis: 38px;
  }
}

/* FR27 CANONICAL HEADING TYPOGRAPHY V1
 * Agenda, Issues and Events share one desktop heading vocabulary.
 */
@media (min-width: 1024px) {
  :is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
    .hybrid-agenda-v6-panel-head h3,
  .hybrid-panel#signal-events-panel .hybrid-events-ops-titleline h3,
  .hybrid-panel#signal-events-panel .hybrid-events-panel-head h3 {
    font-family: var(--fr27-type-sans) !important;
    font-size: var(--fr27-type-panel-heading) !important;
    font-weight: 760 !important;
    line-height: 1.05 !important;
    letter-spacing: 0.035em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
  }

  :is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
    .hybrid-agenda-v6-module-head > strong,
  :is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
    .hybrid-agenda-v6-detail-head > strong,
  .hybrid-panel#signal-events-panel .hybrid-events-dossier-context h4,
  .hybrid-panel#signal-events-panel .hybrid-events-dossier-involvement h4,
  .hybrid-panel#signal-events-panel .hybrid-events-dossier-participants h4,
  .hybrid-panel#signal-events-panel .hybrid-events-dossier-evidence > h4,
  .hybrid-panel#signal-events-panel .hybrid-events-dossier-section-head h4,
  .hybrid-panel#signal-events-panel .hybrid-events-dossier-evidence
    .hybrid-events-dossier-section-head h4,
  .hybrid-panel#signal-events-panel .hybrid-events-watch-section-head h4,
  .hybrid-panel#signal-events-panel .hybrid-events-schedule-watch
    .hybrid-events-watch-section-head h4 {
    font-family: var(--fr27-type-sans) !important;
    font-size: var(--fr27-type-module-heading) !important;
    font-weight: 760 !important;
    line-height: 1 !important;
    letter-spacing: 0.045em !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
  }

  :is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
    .hybrid-agenda-v6-detail-head > strong {
    flex: 1 1 auto;
  }

  :is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
    .hybrid-agenda-v6-detail-head > span {
    min-width: 0;
    max-width: 25%;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

@media (min-width: 1024px) and (max-width: 1399px) {
  .hybrid-panel#signal-events-panel .hybrid-events-panel-head {
    gap: 4px;
    padding-right: 6px;
    padding-left: 6px;
  }

  .hybrid-panel#signal-events-panel .hybrid-events-panel-head > div {
    gap: 4px;
  }

  :is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
    .hybrid-agenda-v6-detail-head {
    gap: 3px;
    padding-right: 5px;
    padding-left: 5px;
  }

  .hybrid-panel#signal-events-panel
    .hybrid-events-dossier-section-head {
    gap: 3px;
  }

  .hybrid-panel#signal-events-panel
    .hybrid-events-dossier-section-head h4 {
    flex: 1 1 auto;
  }

  .hybrid-panel#signal-events-panel
    .hybrid-events-dossier-section-head > span {
    min-width: 0;
    max-width: 18%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

/* FR27 CANONICAL CONTENT TYPOGRAPHY V1
 * Agenda, Issues and Events use the shared content roles at every desktop width.
 * Approved panel and module heading typography remains owned by the block above.
 */
@media (min-width: 1024px) {
  :is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
    :is(
      .hybrid-agenda-v6-topic-name,
      .hybrid-agenda-v6-matrix-label,
      .hybrid-agenda-v6-shift-label
    ),
  :is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
    .hybrid-agenda-v6-title-line h4,
  :is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
    .hybrid-agenda-v6-signal-head > span,
  :is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
    .hybrid-agenda-v6-evidence-copy strong,
  .hybrid-panel#signal-events-panel .hybrid-events-upcoming-copy strong,
  .hybrid-panel#signal-events-panel .hybrid-events-dossier-title h4,
  .hybrid-panel#signal-events-panel .hybrid-events-dossier-involvement > strong,
  .hybrid-panel#signal-events-panel .hybrid-events-dossier-participants span,
  .hybrid-panel#signal-events-panel .hybrid-events-evidence-primary > strong,
  .hybrid-panel#signal-events-panel .hybrid-events-watch-material-copy strong,
  .hybrid-panel#signal-events-panel .hybrid-events-watch-addition > div > strong {
    font-family: var(--fr27-type-sans) !important;
    font-size: var(--fr27-type-primary) !important;
  }

  :is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
    .hybrid-agenda-v6-empty,
  .hybrid-panel#signal-events-panel .hybrid-events-dossier-evidence > p,
  .hybrid-panel#signal-events-panel .hybrid-events-history-empty-state span,
  .hybrid-panel#signal-events-panel .hybrid-events-watch-empty span {
    font-family: var(--fr27-type-sans) !important;
    font-size: var(--fr27-type-body) !important;
  }

  :is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
    :is(
      .hybrid-agenda-v6-panel-meta,
      .hybrid-agenda-v6-panel-head-meta,
      .hybrid-agenda-v6-period,
      .hybrid-agenda-v6-shift-count,
      .hybrid-agenda-v6-shift-delta
    ),
  :is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
    .hybrid-agenda-v6-module-head > span,
  :is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
    .hybrid-agenda-v6-shift-key > span,
  :is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
    .hybrid-agenda-v6-matrix-legend > span,
  :is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
    .hybrid-agenda-v6-matrix-head > span,
  :is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
    .hybrid-agenda-v6-diagnostics article > span,
  :is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
    .hybrid-agenda-v6-metrics article > span,
  :is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
    .hybrid-agenda-v6-profile-facts div > span,
  :is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
    .hybrid-agenda-v6-detail-head > span,
  :is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
    .hybrid-agenda-v6-signal-head > strong,
  :is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
    .hybrid-agenda-v6-evidence-copy small,
  :is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
    .hybrid-agenda-v6-week-line > span,
  :is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
    .hybrid-agenda-v6-week-line > strong,
  :is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
    .hybrid-agenda-v6-topic-total span,
  :is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
    .hybrid-agenda-v6-topic-shift :is(small, strong, em),
  .hybrid-panel#signal-events-panel .hybrid-events-panel-head > div > span,
  .hybrid-panel#signal-events-panel .hybrid-events-ops-rail-head > span,
  .hybrid-panel#signal-events-panel .hybrid-events-ops-metrics small,
  .hybrid-panel#signal-events-panel .hybrid-events-upcoming-week-head > strong,
  .hybrid-panel#signal-events-panel .hybrid-events-upcoming-week-head > span,
  .hybrid-panel#signal-events-panel .hybrid-events-upcoming-row > time > strong,
  .hybrid-panel#signal-events-panel .hybrid-events-upcoming-row > time > span,
  .hybrid-panel#signal-events-panel .hybrid-events-upcoming-row > time > em,
  .hybrid-panel#signal-events-panel .hybrid-events-upcoming-copy small,
  .hybrid-panel#signal-events-panel .hybrid-events-upcoming-right,
  .hybrid-panel#signal-events-panel .hybrid-events-status,
  .hybrid-panel#signal-events-panel .hybrid-events-evidence-chip,
  .hybrid-panel#signal-events-panel .hybrid-events-dossier-head-meta,
  .hybrid-panel#signal-events-panel .hybrid-events-dossier-involvement > small,
  .hybrid-panel#signal-events-panel .hybrid-events-dossier-context dt,
  .hybrid-panel#signal-events-panel .hybrid-events-dossier-context dd,
  .hybrid-panel#signal-events-panel .hybrid-events-evidence-primary > span,
  .hybrid-panel#signal-events-panel .hybrid-events-evidence-primary > time,
  .hybrid-panel#signal-events-panel .hybrid-events-watch-section-head > span,
  .hybrid-panel#signal-events-panel .hybrid-events-watch-material-copy small,
  .hybrid-panel#signal-events-panel .hybrid-events-watch-material-item > time,
  .hybrid-panel#signal-events-panel .hybrid-events-watch-material-item > time > strong,
  .hybrid-panel#signal-events-panel .hybrid-events-watch-addition-head,
  .hybrid-panel#signal-events-panel .hybrid-events-watch-addition-head > strong,
  .hybrid-panel#signal-events-panel .hybrid-events-watch-addition small,
  .hybrid-panel#signal-events-panel .hybrid-events-watch-type,
  .hybrid-panel#signal-events-panel .hybrid-events-history-empty-state strong,
  .hybrid-panel#signal-events-panel .hybrid-events-watch-empty strong {
    font-family: var(--fr27-type-sans) !important;
    font-size: var(--fr27-type-meta) !important;
  }

  :is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
    :is(.hybrid-agenda-v6-badge, .hybrid-agenda-v6-kicker),
  .hybrid-panel#signal-events-panel .hybrid-events-type-badge :is(strong, small) {
    font-family: var(--fr27-type-sans) !important;
    font-size: var(--fr27-type-micro) !important;
  }

  .hybrid-panel#signal-events-panel .hybrid-events-filter,
  .hybrid-panel#signal-events-panel .hybrid-events-ops-week-select {
    font-family: var(--fr27-type-sans) !important;
    font-size: var(--fr27-type-control) !important;
  }

  .hybrid-panel#signal-events-panel .hybrid-events-dossier-source {
    font-family: var(--fr27-type-sans) !important;
    font-size: var(--fr27-type-action) !important;
  }

  :is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
    :is(.hybrid-agenda-v6-matrix-label, .hybrid-agenda-v6-shift-label),
  .hybrid-panel#signal-events-panel .hybrid-events-upcoming-copy,
  .hybrid-panel#signal-events-panel .hybrid-events-watch-material-copy {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .hybrid-panel#signal-events-panel .hybrid-events-upcoming-copy strong,
  .hybrid-panel#signal-events-panel .hybrid-events-watch-material-copy strong,
  :is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
    .hybrid-agenda-v6-evidence-copy strong {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

@media (min-width: 1024px) and (max-width: 1239px) {
  :is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
    .hybrid-agenda-v6-matrix-row,
  :is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
    .hybrid-agenda-v6-shift-row {
    gap: 2px;
    padding-right: 3px;
    padding-left: 3px;
  }

  .hybrid-panel#signal-events-panel .hybrid-events-upcoming-row,
  .hybrid-panel#signal-events-panel .hybrid-events-watch-material-item {
    gap: 3px;
    padding-right: 3px;
    padding-left: 3px;
  }

  .hybrid-panel#signal-events-panel .hybrid-events-ops-filters {
    gap: 2px;
  }
}

/* FR27 CANONICAL ANALYTICAL NUMERICS V1 — AGENDA / ISSUES
 * Shared analytical roles live before the Runoff-owned stylesheet boundary.
 */
@media (min-width: 1024px) {
  :is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
    .hybrid-agenda-v6-diagnostics strong,
  :is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
    .hybrid-agenda-v6-topic-total strong,
  :is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
    .hybrid-agenda-v6-metrics strong {
    font-size: var(--fr27-num-kpi) !important;
    line-height: 1 !important;
    font-variant-numeric: tabular-nums;
  }

  :is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
    .hybrid-agenda-v6-matrix-total {
    font-size: var(--fr27-num-row) !important;
    line-height: 1 !important;
    font-variant-numeric: tabular-nums;
  }

  :is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
    .hybrid-agenda-v6-topic-shift strong,
  :is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
    .hybrid-agenda-v6-topic-shift em,
  :is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
    .hybrid-agenda-v6-shift-count,
  :is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
    .hybrid-agenda-v6-shift-delta,
  :is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
    .hybrid-agenda-v6-week-line > strong,
  :is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
    .hybrid-agenda-v6-profile-facts div > strong,
  :is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
    .hybrid-agenda-v6-signal-head > strong {
    font-size: var(--fr27-num-support) !important;
    line-height: 1.1 !important;
    font-variant-numeric: tabular-nums;
  }
}


/* FR27 CANONICAL BADGE STATUS V1 — SHARED HYBRID
 * Shared compact geometry and typography only.
 * Existing semantic border/text/background colors remain authoritative.
 */
@media (min-width: 1024px) {
  :is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
    .hybrid-agenda-v6-badge,
  .hybrid-panel#signal-events-panel
    .hybrid-events-status,
  .hybrid-panel#signal-events-panel
    .hybrid-events-evidence-chip,
  .hybrid-panel#signal-events-panel
    .hybrid-events-type-badge,
  .hybrid-status-chip {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: fit-content;
    min-height: var(--fr27-chip-height) !important;
    padding:
      var(--fr27-chip-padding-y)
      var(--fr27-chip-padding-x)
      !important;
    border-radius: var(--fr27-chip-radius) !important;
    font-family: var(--fr27-type-sans) !important;
    font-size: var(--fr27-chip-font) !important;
    font-weight: var(--fr27-chip-weight) !important;
    line-height: 1 !important;
    letter-spacing: var(--fr27-chip-tracking) !important;
    text-transform: uppercase;
    white-space: nowrap;
  }


  :is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
    .hybrid-agenda-v6-badge {
    flex: 0 0 auto !important;
  }


  .hybrid-panel#signal-events-panel
    .hybrid-events-dossier-evidence
    .hybrid-events-evidence-chip {
    min-height: var(--fr27-chip-height) !important;
    padding:
      var(--fr27-chip-padding-y)
      var(--fr27-chip-padding-x)
      !important;
    border-radius: var(--fr27-chip-radius) !important;
    font-family: var(--fr27-type-sans) !important;
    font-size: var(--fr27-chip-font) !important;
    font-weight: var(--fr27-chip-weight) !important;
    line-height: 1 !important;
    letter-spacing: var(--fr27-chip-tracking) !important;
  }

  .hybrid-panel#signal-events-panel
    .hybrid-events-type-badge strong {
    font-family: var(--fr27-type-sans) !important;
    font-size: var(--fr27-chip-font) !important;
    font-weight: var(--fr27-chip-weight) !important;
    line-height: 1 !important;
  }

  .hybrid-panel#signal-events-panel
    .hybrid-events-type-badge small {
    font-family: var(--fr27-type-sans) !important;
    font-size: var(--fr27-type-micro) !important;
    font-weight: 700 !important;
    line-height: 1 !important;
  }
}


@media (min-width: 1024px) and (max-width: 1239px) {
  :is(.hybrid-panel#signal-agenda-panel, .hybrid-panel#signal-issues-panel)
    .hybrid-agenda-v6-topic-tags {
    flex-wrap: wrap;
    row-gap: 3px;
  }
}

/* FR27 CANONICAL CONTROL TYPOGRAPHY V1 — SHARED HYBRID
 * Events filters share compact control typography.
 * Agenda/Events info glyphs share one help-trigger geometry.
 * Structured record selectors remain outside this layer.
 */
@media (min-width: 1024px) {
  .hybrid-panel#signal-events-panel
    .hybrid-events-filter {
    font-family: var(--fr27-type-sans) !important;
    font-size: var(--fr27-type-control) !important;
    font-weight: 700 !important;
    line-height: 1 !important;
  }

  :is(
    .hybrid-panel#signal-agenda-panel,
    .hybrid-panel#signal-issues-panel
  ) .hybrid-agenda-v6-info,
  .hybrid-panel#signal-events-panel
    .hybrid-events-ops-info,
  .hybrid-panel#signal-events-panel
    .hybrid-events-dossier-info {
    box-sizing: border-box !important;
    display: inline-grid !important;
    place-items: center !important;
    width: 17px !important;
    min-width: 17px !important;
    height: 17px !important;
    min-height: 17px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    font-family: var(--fr27-type-sans) !important;
    font-size: 10px !important;
    font-weight: 760 !important;
    line-height: 1 !important;
  }

  .hybrid-panel#signal-events-panel
    .hybrid-events-dossier-source {
    font-family: var(--fr27-type-sans) !important;
    font-size: var(--fr27-type-action) !important;
    font-weight: 700 !important;
  }
}

/* FR27 CANONICAL VISUAL-DATA TYPOGRAPHY V1 — SHARED HYBRID
 * Agenda and Issues matrix-column headers share one semantic
 * contract. Primary topic/issue labels remain 12.5px.
 */
@media (min-width: 1024px) {
  :is(
    .hybrid-panel#signal-agenda-panel,
    .hybrid-panel#signal-issues-panel
  ) .hybrid-agenda-v6-matrix-head > span {
    font-family: var(--fr27-type-sans) !important;
    font-size: var(--fr27-type-meta) !important;
    font-weight: 720 !important;
    line-height: 1 !important;
    letter-spacing: .03em !important;
  }
}

/* FR27 AGENDA / ISSUES STRUCTURAL FIT V1
 *
 * Geometry-only correction after typography normalization.
 * Readable type remains frozen.
 *
 * Evidence:
 * - SOURCE-DAYS needs ~70px.
 * - analytical shift readings need up to ~72px.
 * - longest current matrix primary label needs ~185px.
 * - 430px is the smallest tested content-safe matrix width.
 * - unstacked Issues topic-shift content first fits at 1326px.
 */
@media (min-width: 1024px) {
  :is(
    .hybrid-panel#signal-agenda-panel,
    .hybrid-panel#signal-issues-panel
  )
  .hybrid-agenda-v6-monitor
  .hybrid-agenda-v6-topic-card {
    grid-template-columns:
      31px
      minmax(0, 1fr)
      72px;
  }

  :is(
    .hybrid-panel#signal-agenda-panel,
    .hybrid-panel#signal-issues-panel
  )
  .hybrid-agenda-v6-shift-row {
    grid-template-columns:
      minmax(0, .92fr)
      minmax(0, 1.08fr)
      74px
      72px;
  }

  :is(
    .hybrid-panel#signal-agenda-panel,
    .hybrid-panel#signal-issues-panel
  )
  :is(
    .hybrid-agenda-v6-matrix-head,
    .hybrid-agenda-v6-matrix-row
  ) {
    grid-template-columns:
      185px
      repeat(30, minmax(4px, 1fr))
      32px;
  }

  :is(
    .hybrid-panel#signal-agenda-panel,
    .hybrid-panel#signal-issues-panel
  )
  .hybrid-agenda-v6-matrix {
    min-width: 430px;
  }

  /* Keep the Issues matrix vertically scrollable while
   * allowing the wrapper—not the text—to absorb true
   * horizontal constraint.
   *
   * :is() intentionally avoids replacing the historical
   * exact-selector rule checked by the existing regression
   * test; this is the later production geometry contract.
   */
  :is(.hybrid-panel#signal-issues-panel)
  .hybrid-agenda-v6-matrix-wrap {
    overflow-x: auto;
    overflow-y: hidden;
  }

  :is(.hybrid-panel#signal-issues-panel)
  .hybrid-agenda-v6-matrix {
    overflow-x: visible;
    overflow-y: auto;
  }
}

/* Content breakpoint, not a device breakpoint.
 * At <=1325px the frozen PRIOR/LATEST readings cannot occupy
 * one horizontal line. Stack label/value inside each reading
 * rather than shrinking typography.
 */
@media (min-width: 1024px) and (max-width: 1325px) {
  :is(
    .hybrid-panel#signal-agenda-panel,
    .hybrid-panel#signal-issues-panel
  )
  .hybrid-agenda-v6-monitor
  .hybrid-agenda-v6-topic-card {
    grid-template-rows:
      auto
      auto
      24px;
  }

  :is(
    .hybrid-panel#signal-agenda-panel,
    .hybrid-panel#signal-issues-panel
  )
  .hybrid-agenda-v6-monitor
  .hybrid-agenda-v6-topic-shift {
    grid-template-columns:
      repeat(3, minmax(0, 1fr));
    gap: 4px;
  }

  :is(
    .hybrid-panel#signal-agenda-panel,
    .hybrid-panel#signal-issues-panel
  )
  .hybrid-agenda-v6-monitor
  .hybrid-agenda-v6-topic-shift > span {
    display: grid;
    grid-template-rows:
      auto
      auto;
    align-content: center;
    justify-items: start;
    gap: 1px;
  }
}

/* FR27 AGENDA 30D LEGEND FOOTER PARITY V1
 *
 * User-reviewed structural parity with Policy Issues.
 *
 * Reserve a real footer row beneath the Agenda heatmap.
 * The matrix owns vertical scrolling; the wrapper owns
 * genuine horizontal overflow. The legend cannot overlap
 * topic rows.
 *
 * Typography, matrix columns, labels and data are unchanged.
 */
@media (min-width: 1024px) {
  .hybrid-panel#signal-agenda-panel
    .hybrid-agenda-v6-matrix-wrap {
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    min-height: 0;
    overflow-x: auto;
    overflow-y: hidden;
  }

  .hybrid-panel#signal-agenda-panel
    .hybrid-agenda-v6-matrix {
    min-height: 0;
    overflow-x: visible;
    overflow-y: auto;
  }

  .hybrid-panel#signal-agenda-panel
    .hybrid-agenda-v6-matrix-legend {
    position: static;
    inset: auto;
    z-index: auto;
    flex: 0 0 auto;
    margin: 4px 0 0;
    padding: 4px 8px 1px;
    border-top: 1px solid rgba(35, 86, 114, .45);
    background: rgba(5, 20, 33, .98);
  }
}

/* RUNOFF WORKSPACE REDESIGN V1 ΓÇö scoped to the owned Runoff panel. */
.hybrid-panel#signal-runoff-panel {
  --hybrid-runoff-line: rgba(29, 75, 103, .68);
  --hybrid-runoff-surface: rgba(4, 17, 29, .82);
  --hybrid-runoff-inner: rgba(9, 29, 45, .58);
  --hybrid-runoff-meta: rgb(143, 169, 185);
  padding: 8px;
  color: rgb(231, 240, 245);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-variant-numeric: tabular-nums;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-workspace {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-evidence-header {
  display: grid;
  grid-template-columns: minmax(250px, 1fr) minmax(430px, 1.25fr) minmax(310px, .85fr);
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding: 3px 6px 8px;
  border-bottom: 1px solid var(--hybrid-runoff-line);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-title-block,
.hybrid-panel#signal-runoff-panel .hybrid-runoff-title-block > div,
.hybrid-panel#signal-runoff-panel .hybrid-runoff-current-scope,
.hybrid-panel#signal-runoff-panel .hybrid-runoff-module-head,
.hybrid-panel#signal-runoff-panel .hybrid-runoff-module-head > div,
.hybrid-panel#signal-runoff-panel .hybrid-runoff-module-head > div > div {
  min-width: 0;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-title-block {
  display: flex;
  align-items: center;
  gap: 9px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-mark {
  display: grid;
  place-items: center;
  flex: 0 0 25px;
  width: 25px;
  height: 25px;
  border: 1px solid rgba(53, 213, 255, .62);
  border-radius: 50%;
  color: rgb(53, 213, 255);
  font-size: 11px;
  line-height: 1;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-step {
  display: grid;
  place-items: center;
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  border: 1px solid rgba(53, 213, 255, .72);
  border-radius: 50%;
  color: rgb(53, 213, 255);
  font-size: 10px;
  font-weight: 760;
  line-height: 11px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-title-block h2,
.hybrid-panel#signal-runoff-panel .hybrid-runoff-module h3,
.hybrid-panel#signal-runoff-panel .hybrid-runoff-module h4,
.hybrid-panel#signal-runoff-panel .hybrid-runoff-title-block p,
.hybrid-panel#signal-runoff-panel .hybrid-runoff-module-head p,
.hybrid-panel#signal-runoff-panel .hybrid-runoff-module-note {
  margin: 0;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-title-block h2 {
  color: rgb(238, 246, 250);
  font-size: 15px;
  font-weight: 760;
  line-height: 16.5px;
  letter-spacing: .3px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-title-block p {
  margin-top: 2px;
  color: rgb(143, 169, 185);
  font-size: 9px;
  font-weight: 400;
  line-height: 11.25px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-current-scope {
  display: grid;
  grid-template-columns: auto minmax(180px, 1fr) auto;
  align-items: center;
  gap: 10px;
  color: rgb(143, 169, 185);
  font-size: 9px;
  font-weight: 400;
  line-height: 11.25px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-status {
  padding: 5px 8px;
  border: 1px solid rgba(53, 213, 255, .58);
  border-radius: 3px;
  color: rgb(53, 213, 255);
  font-size: 10px;
  font-weight: 760;
  line-height: 11px;
  letter-spacing: .45px;
  text-transform: uppercase;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-status.is-split,
.hybrid-panel#signal-runoff-panel .hybrid-runoff-status.is-ambiguous,
.hybrid-panel#signal-runoff-panel .hybrid-runoff-status.is-insufficient {
  border-color: rgb(112, 140, 158);
  color: rgb(169, 192, 206);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-scope-message {
  color: rgb(220, 234, 242);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-date-pill {
  padding: 5px 9px;
  border: 1px solid rgba(29, 75, 103, .82);
  border-radius: 3px;
  color: rgb(231, 241, 246);
  font-size: 13px;
  font-weight: 690;
  line-height: 15.34px;
  text-align: center;
  white-space: nowrap;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-header-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: center;
  min-width: 0;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-header-metric {
  display: grid;
  gap: 1px;
  min-width: 0;
  padding: 0 7px;
  border-left: 1px solid rgba(29, 75, 103, .68);
  text-align: center;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-header-metric strong {
  color: rgb(237, 247, 252);
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -.24px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-header-metric small {
  color: rgb(169, 192, 206);
  font-size: 8px;
  font-weight: 550;
  line-height: 9.2px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-current-grid {
  display: grid;
  grid-template-columns: minmax(390px, 1.12fr) minmax(390px, 1.12fr) minmax(280px, .96fr);
  align-items: stretch;
  gap: 8px;
  min-width: 0;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-archive-grid {
  display: grid;
  grid-template-columns: minmax(0, .96fr) minmax(0, 1.04fr);
  align-items: stretch;
  gap: 8px;
  min-width: 0;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-module {
  min-width: 0;
  padding: 8px;
  border: 1px solid var(--hybrid-runoff-line);
  border-radius: 3px;
  background: var(--hybrid-runoff-surface);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-current-grid > .hybrid-runoff-module,
.hybrid-panel#signal-runoff-panel .hybrid-runoff-archive-grid > .hybrid-runoff-module {
  height: 100%;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-module-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 7px;
  color: rgb(143, 169, 185);
  font-size: 9px;
  font-weight: 400;
  line-height: 11.25px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-module-head > div {
  display: flex;
  align-items: center;
  gap: 7px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-module h3 {
  color: rgb(231, 240, 245);
  font-size: 10px;
  font-weight: 760;
  line-height: 11px;
  letter-spacing: .45px;
  text-transform: uppercase;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-module-head p {
  margin-top: 2px;
  color: rgb(143, 169, 185);
  font-size: 9px;
  font-weight: 400;
  line-height: 11.25px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-module > h4 {
  margin: 0 0 7px;
  color: rgb(238, 246, 250);
  font-size: 15px;
  font-weight: 760;
  line-height: 16.5px;
  letter-spacing: 0;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-observations {
  display: grid;
  grid-template-columns: 1fr;
  gap: 5px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-source-observation {
  display: grid;
  grid-template-columns: minmax(96px, .9fr) minmax(113px, 1.1fr) minmax(96px, .9fr) 40px;
  align-items: center;
  gap: 4px;
  min-width: 0;
  padding: 6px;
  border: 1px solid rgba(29, 75, 103, .68);
  background: rgba(7, 24, 38, .72);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-instrument {
  display: grid;
  align-content: center;
  min-width: 0;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-observation-head {
  display: grid;
  gap: 1px;
  min-width: 0;
  text-align: center;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-observation-head strong {
  overflow: hidden;
  color: rgb(231, 241, 246);
  font-size: 13px;
  font-weight: 690;
  line-height: 15.34px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-observation-head span {
  overflow: hidden;
  color: rgb(143, 169, 185);
  font-size: 9px;
  font-weight: 400;
  line-height: 11.25px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-candidate {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-candidate.is-right {
  justify-content: flex-end;
  text-align: right;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-candidate .hybrid-portrait {
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  font-size: 9px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-candidate-copy {
  min-width: 0;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-candidate-name {
  display: block;
  overflow: hidden;
  color: rgb(220, 234, 242);
  font-size: 12.5px;
  font-weight: 680;
  line-height: 14px;
  max-height: 28px;
  white-space: normal;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-candidate strong {
  display: block;
  margin-top: 3px;
  color: var(--cyan);
  font-size: 29px;
  font-weight: 720;
  line-height: 24.94px;
  letter-spacing: -1.015px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-candidate.is-right strong {
  color: var(--hybrid-violet);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-balance {
  position: relative;
  display: flex;
  height: 8px;
  margin: 10px 0 5px;
  overflow: visible;
  border: 1px solid rgba(41, 76, 99, .9);
  background: rgb(7, 19, 30);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-balance-left,
.hybrid-panel#signal-runoff-panel .hybrid-runoff-compact-left {
  flex: 0 0 auto;
  background: rgb(53, 213, 255);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-balance-right,
.hybrid-panel#signal-runoff-panel .hybrid-runoff-compact-right {
  flex: 1 1 auto;
  background: var(--hybrid-violet);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-balance-centre,
.hybrid-panel#signal-runoff-panel .hybrid-runoff-compact-centre {
  position: absolute;
  top: -3px;
  bottom: -3px;
  left: 50%;
  width: 1px;
  background: rgb(238, 246, 250);
  opacity: .75;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-balance-label {
  position: absolute;
  top: -10px;
  left: 50%;
  color: rgb(112, 140, 158);
  font-size: 6px;
  line-height: 6px;
  transform: translateX(-50%);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-source {
  justify-self: center;
  color: rgb(53, 216, 255);
  font-size: 11px;
  font-weight: 700;
  line-height: 12.65px;
  white-space: nowrap;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-source.is-compact {
  font-size: 8px;
  font-weight: 700;
  line-height: 10px;
  letter-spacing: .2px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-source:focus-visible,
.hybrid-panel#signal-runoff-panel .hybrid-runoff-history-select:focus-visible {
  outline: 2px solid rgb(53, 216, 255);
  outline-offset: 2px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-margin-tile {
  display: grid;
  place-items: center;
  align-content: center;
  gap: 1px;
  align-self: stretch;
  min-width: 0;
  border-left: 1px solid rgba(29, 75, 103, .68);
  color: rgb(112, 140, 158);
  text-align: center;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-margin-tile span {
  font-size: 8px;
  font-weight: 730;
  line-height: 8.8px;
  letter-spacing: .88px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-margin-tile strong {
  color: rgb(231, 241, 246);
  font-size: 13px;
  font-weight: 690;
  line-height: 15.34px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-margin-tile small {
  color: rgb(143, 169, 185);
  font-size: 9px;
  line-height: 11.25px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-closest-callout {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  margin-top: 5px;
  padding: 6px;
  border: 1px solid rgba(53, 213, 255, .22);
  background: rgba(16, 60, 79, .16);
  color: rgb(53, 213, 255);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-closest-callout span {
  font-size: 13px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-closest-callout strong {
  font-size: 10px;
  font-weight: 760;
  line-height: 11px;
  letter-spacing: .45px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-compact-rail {
  position: relative;
  display: flex;
  min-width: 26px;
  height: 6px;
  overflow: visible;
  border: 1px solid rgba(41, 76, 99, .9);
  background: rgb(7, 19, 30);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-matrix-head,
.hybrid-panel#signal-runoff-panel .hybrid-runoff-matrix-row {
  display: grid;
  grid-template-columns: minmax(100px, 1.02fr) minmax(96px, .94fr) minmax(96px, .94fr) minmax(48px, .5fr);
  align-items: stretch;
  min-width: 0;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-matrix-head {
  color: rgb(112, 140, 158);
  font-size: 8px;
  font-weight: 730;
  line-height: 8.8px;
  letter-spacing: .88px;
  text-transform: uppercase;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-matrix-head > span,
.hybrid-panel#signal-runoff-panel .hybrid-runoff-matrix-row > span {
  min-width: 0;
  padding: 5px;
  border-right: 1px solid rgba(29, 75, 103, .48);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-matrix-head > span:last-child,
.hybrid-panel#signal-runoff-panel .hybrid-runoff-matrix-row > span:last-child {
  border-right: 0;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-matrix-row {
  min-height: 48px;
  border-top: 1px solid rgba(29, 75, 103, .58);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-matrix-row.is-selected {
  box-shadow: inset 2px 0 0 rgb(53, 213, 255);
  background: rgba(19, 71, 96, .24);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-matrix-matchup {
  display: grid;
  align-content: center;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-matrix-matchup small {
  display: block;
  margin-bottom: 2px;
  color: rgb(53, 213, 255);
  font-size: 8px;
  font-weight: 730;
  line-height: 8.8px;
  letter-spacing: .88px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-matrix-matchup strong {
  display: block;
  color: rgb(220, 234, 242);
  font-size: 10px;
  font-weight: 680;
  line-height: 12px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-matrix-result {
  display: grid;
  grid-template-columns: auto minmax(28px, 1fr) auto;
  align-items: center;
  gap: 4px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-matrix-score {
  color: rgb(53, 213, 255);
  font-size: 14px;
  font-weight: 730;
  line-height: 14px;
  white-space: nowrap;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-matrix-score.is-right {
  color: var(--hybrid-violet);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-matrix-margins {
  display: grid;
  place-items: center;
  align-content: center;
  gap: 1px;
  color: rgb(244, 248, 251);
  text-align: center;
  white-space: nowrap;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-matrix-margins strong {
  font-size: 13px;
  font-weight: 690;
  line-height: 15.34px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-matrix-margins small {
  color: rgb(112, 140, 158);
  font-size: 8px;
  font-weight: 730;
  line-height: 8.8px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-matrix-legend {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 7px;
  color: rgb(143, 169, 185);
  font-size: 9px;
  font-weight: 400;
  line-height: 11.25px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-matrix-legend > span:last-child {
  margin-left: auto;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-matrix-legend i {
  display: inline-block;
  width: 9px;
  height: 9px;
  margin-right: 4px;
  background: rgb(53, 213, 255);
  vertical-align: -1px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-matrix-legend i.is-right {
  background: var(--hybrid-violet);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-footprint-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 5px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-metric {
  display: grid;
  place-items: center;
  align-content: center;
  gap: 3px;
  min-width: 0;
  min-height: 84px;
  padding: 5px;
  border: 1px solid rgba(29, 75, 103, .52);
  background: var(--hybrid-runoff-inner);
  text-align: center;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-metric-icon {
  color: rgb(53, 213, 255) !important;
  font-size: 22px !important;
  font-weight: 400 !important;
  line-height: 22px !important;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-metric strong {
  color: rgb(237, 247, 252);
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -.24px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-metric > span:last-child {
  color: rgb(169, 192, 206);
  font-size: 8px;
  font-weight: 550;
  line-height: 9.2px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-window-range {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px;
  margin-top: 5px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-window-range > div {
  display: grid;
  place-items: center;
  align-content: center;
  gap: 2px;
  min-height: 57px;
  padding: 5px;
  border: 1px solid rgba(29, 75, 103, .52);
  background: rgba(9, 29, 45, .4);
  text-align: center;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-window-range span {
  color: rgb(112, 140, 158);
  font-size: 8px;
  font-weight: 730;
  line-height: 8.8px;
  letter-spacing: .88px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-window-range strong {
  color: rgb(231, 241, 246);
  font-size: 13px;
  font-weight: 690;
  line-height: 15.34px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-window-range b,
.hybrid-panel#signal-runoff-panel .hybrid-runoff-window-range small {
  color: rgb(143, 169, 185);
  font-size: 9px;
  font-weight: 400;
  line-height: 11.25px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-module-note {
  margin-top: 6px;
  color: rgb(143, 169, 185);
  font-size: 9px;
  font-weight: 400;
  line-height: 11.25px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-footprint .hybrid-runoff-module-note {
  text-align: center;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-local-state {
  padding: 14px;
  border: 1px dashed rgba(112, 140, 158, .72);
  color: rgb(169, 192, 206);
  font-size: 10px;
  line-height: 14px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-unresolved-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-unresolved-source {
  min-width: 0;
  padding: 7px;
  border: 1px solid rgba(29, 75, 103, .68);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-unresolved-source h4 {
  margin: 0 0 5px;
  color: rgb(220, 234, 242);
  font-size: 10px;
  font-weight: 680;
  line-height: 12px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-unresolved-row {
  display: grid;
  gap: 3px;
  padding: 5px 0;
  border-top: 1px solid rgba(29, 75, 103, .58);
  color: rgb(143, 169, 185);
  font-size: 9px;
  line-height: 11.25px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-unresolved-row strong {
  color: rgb(220, 234, 242);
  font-size: 10px;
  font-weight: 680;
  line-height: 12px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-history-head {
  align-items: center;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-history-head p {
  color: rgb(143, 169, 185);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-history-head label {
  display: grid;
  grid-template-columns: auto minmax(180px, 280px);
  align-items: center;
  gap: 7px;
  color: rgb(112, 140, 158);
  font-size: 8px;
  font-weight: 730;
  line-height: 8.8px;
  letter-spacing: .88px;
  text-transform: uppercase;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-history-select {
  width: 100%;
  min-width: 0;
  padding: 5px 24px 5px 7px;
  border: 1px solid rgba(49, 81, 106, .9);
  border-radius: 2px;
  background: rgb(7, 24, 39);
  color: rgb(220, 234, 242);
  font-family: inherit;
  font-size: 9px;
  font-weight: 400;
  line-height: 11.25px;
  text-transform: none;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-chronology {
  position: relative;
  display: grid;
  grid-template-columns: repeat(var(--hybrid-runoff-window-count), minmax(0, 1fr));
  align-items: start;
  gap: 4px;
  min-width: 0;
  padding-top: 1px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-chronology-guide {
  position: absolute;
  top: 5px;
  right: calc(100% / var(--hybrid-runoff-window-count) / 2);
  left: calc(100% / var(--hybrid-runoff-window-count) / 2);
  height: 1px;
  background: rgba(112, 140, 158, .7);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-history-position {
  position: relative;
  display: grid;
  align-content: start;
  min-width: 0;
  text-align: center;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-history-node {
  z-index: 1;
  justify-self: center;
  width: 9px;
  height: 9px;
  border: 2px solid rgb(7, 24, 39);
  border-radius: 50%;
  background: rgb(53, 213, 255);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-history-node.is-violet {
  background: var(--hybrid-violet);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-history-position time {
  display: block;
  min-height: 23px;
  margin-top: 5px;
  color: rgb(143, 169, 185);
  font-size: 9px;
  font-weight: 400;
  line-height: 11.25px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-history-group {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-history-entry {
  display: grid;
  justify-items: center;
  gap: 2px;
  min-width: 0;
  padding: 3px 2px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-history-entry + .hybrid-runoff-history-entry {
  border-top: 1px solid rgba(29, 75, 103, .56);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-history-entry > strong {
  overflow: hidden;
  max-width: 100%;
  color: rgb(220, 234, 242);
  font-size: 9px;
  font-weight: 680;
  line-height: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-history-scores {
  display: flex;
  justify-content: center;
  gap: 2px;
  color: rgb(244, 248, 251);
  font-size: 14px;
  font-weight: 730;
  line-height: 14px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-history-scores b:first-child {
  color: rgb(53, 213, 255);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-history-scores b:last-child {
  color: var(--hybrid-violet);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-history-scores i {
  color: rgb(112, 140, 158);
  font-style: normal;
  font-weight: 400;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-history-meta {
  color: rgb(143, 169, 185);
  font-size: 9px;
  font-weight: 400;
  line-height: 11.25px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-history-meta .hybrid-runoff-source {
  display: inline;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-other-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 5px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-other-card {
  display: grid;
  align-content: start;
  min-width: 0;
  min-height: 91px;
  padding: 6px;
  border: 1px solid rgba(29, 75, 103, .58);
  background: rgba(7, 24, 38, .62);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-other-card h4 {
  min-height: 24px;
  color: rgb(220, 234, 242);
  font-size: 10px;
  font-weight: 680;
  line-height: 12px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-other-meta {
  display: block;
  overflow: hidden;
  margin-top: 2px;
  color: rgb(143, 169, 185);
  font-size: 9px;
  font-weight: 400;
  line-height: 11.25px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-other-score {
  display: grid;
  grid-template-columns: auto minmax(28px, 1fr) auto;
  align-items: center;
  gap: 5px;
  margin: 7px 0 5px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-other-score > strong {
  color: rgb(53, 213, 255);
  font-size: 14px;
  font-weight: 730;
  line-height: 14px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-other-score > strong:last-child {
  color: var(--hybrid-violet);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-other-foot {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 4px;
  color: rgb(112, 140, 158);
  font-size: 8px;
  font-weight: 730;
  line-height: 8.8px;
  letter-spacing: .2px;
  text-transform: uppercase;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-methodology {
  padding: 7px 9px;
  border: 1px solid var(--hybrid-runoff-line);
  background: rgba(4, 15, 25, .72);
  color: rgb(143, 169, 185);
  font-size: 9px;
  font-weight: 400;
  line-height: 11.25px;
}

@media (max-width: 1023px) {
  .hybrid-panel#signal-runoff-panel {
    box-sizing: border-box;
    height: 462px;
    min-height: 462px;
    max-height: 462px;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-color: rgba(53, 216, 255, .36) rgba(2, 15, 27, .42);
    scrollbar-width: thin;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-evidence-header {
    grid-template-columns: minmax(240px, .9fr) minmax(390px, 1.2fr) minmax(270px, .9fr);
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-current-grid {
    grid-template-columns: minmax(360px, 1fr) minmax(360px, 1fr);
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-footprint {
    grid-column: 1 / -1;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-archive-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 920px) {
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-evidence-header {
    grid-template-columns: 1fr 1fr;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-header-metrics {
    grid-column: 1 / -1;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-source-observation {
    grid-template-columns: minmax(96px, .9fr) minmax(113px, 1.1fr) minmax(96px, .9fr) 40px;
  }
}

@media (max-width: 820px) {
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-evidence-header,
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-current-grid {
    grid-template-columns: 1fr;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-current-scope {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-date-pill {
    grid-column: 1 / -1;
    justify-self: start;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-footprint {
    grid-column: auto;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-chronology {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    row-gap: 8px;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-chronology-guide {
    display: none;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-other-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 679px) {
  .hybrid-panel#signal-runoff-panel {
    padding: 7px;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-current-scope,
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-observations,
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-unresolved-grid,
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-window-range {
    grid-template-columns: 1fr;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-header-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 7px;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-current-scope {
    align-items: start;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-footprint-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
/* RUNOFF BOUNDED STRUCTURAL POLISH V2 ΓÇö owned panel only. */
.hybrid-panel#signal-runoff-panel {
  --hybrid-runoff-line-strong: rgba(35, 86, 115, .78);
  --hybrid-runoff-line-medium: rgba(35, 86, 115, .54);
  --hybrid-runoff-line-soft: rgba(35, 86, 115, .3);
  scrollbar-color: rgba(91, 126, 147, .48) rgba(2, 15, 27, .2);
  scrollbar-width: thin;
}

.hybrid-panel#signal-runoff-panel::-webkit-scrollbar {
  width: 6px;
}

.hybrid-panel#signal-runoff-panel::-webkit-scrollbar-track {
  background: rgba(2, 15, 27, .2);
}

.hybrid-panel#signal-runoff-panel::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background: rgba(91, 126, 147, .48);
}

.hybrid-panel#signal-runoff-panel:hover::-webkit-scrollbar-thumb {
  background: rgba(92, 153, 181, .68);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-evidence-header {
  grid-template-columns: minmax(260px, .95fr) minmax(440px, 1.28fr) minmax(320px, .9fr);
  gap: 14px;
  padding: 5px 8px 9px;
  border-bottom-color: var(--hybrid-runoff-line-strong);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-mark {
  flex-basis: 30px;
  width: 30px;
  height: 30px;
  border: 0;
  border-radius: 0;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-title-icon {
  width: 28px;
  height: 28px;
  color: rgb(53, 213, 255);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-current-scope {
  grid-template-columns: auto minmax(190px, 1fr) auto;
  gap: 9px;
  padding: 6px 8px;
  border: 1px solid var(--hybrid-runoff-line-soft);
  border-radius: 3px;
  background: rgba(7, 24, 38, .48);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-scope-message {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-date-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-color: var(--hybrid-runoff-line-medium);
  background: rgba(9, 29, 45, .52);
  text-transform: none;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-inline-icon {
  width: 15px;
  height: 15px;
  color: rgb(143, 169, 185);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-header-metrics {
  padding-left: 5px;
  border-left: 1px solid var(--hybrid-runoff-line-medium);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-header-metric {
  padding: 0 8px;
  border-left-color: var(--hybrid-runoff-line-soft);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-header-metric:first-child {
  border-left: 0;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-module {
  border-color: var(--hybrid-runoff-line-strong);
  background: rgba(4, 17, 29, .88);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-module-head {
  min-height: 20px;
  margin-bottom: 8px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-module h3 {
  color: rgb(184, 222, 239);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-step {
  border-color: rgba(53, 213, 255, .8);
  background: rgba(8, 35, 51, .72);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-source-observation {
  grid-template-columns: minmax(108px, 24fr) minmax(140px, 35fr) minmax(108px, 24fr) minmax(56px, 17fr);
  gap: 5px;
  padding: 5px 0;
  border: 0;
  background: transparent;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-source-observation + .hybrid-runoff-source-observation {
  border-top: 1px solid var(--hybrid-runoff-line-soft);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-candidate {
  display: grid;
  grid-template-rows: 14px 44px;
  align-content: center;
  gap: 3px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-candidate.is-right {
  justify-content: stretch;
  text-align: right;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-candidate-name {
  max-height: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-candidate-result {
  display: flex;
  align-items: center;
  gap: 5px;
  min-width: 0;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-candidate.is-right .hybrid-runoff-candidate-result {
  justify-content: flex-end;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-candidate-result strong {
  display: block;
  margin: 0;
  color: var(--cyan);
  font-size: 29px;
  font-weight: 720;
  line-height: 24.94px;
  letter-spacing: -1.015px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-candidate.is-right .hybrid-runoff-candidate-result strong {
  color: var(--hybrid-violet);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-instrument {
  align-self: stretch;
  align-content: center;
  padding: 5px 6px 3px;
  border: 1px solid var(--hybrid-runoff-line-medium);
  background: rgba(8, 29, 45, .56);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-balance {
  height: 8px;
  margin: 9px 0 2px;
  border-color: var(--hybrid-runoff-line-medium);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-source {
  justify-self: end;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-source.is-icon-only {
  display: grid;
  place-items: center;
  width: 19px;
  height: 17px;
  color: rgb(118, 166, 189);
  font-size: 10px;
  line-height: 10px;
  text-decoration: none;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-source.is-icon-only:hover {
  color: rgb(53, 216, 255);
  background: rgba(53, 216, 255, .08);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-margin-tile {
  gap: 2px;
  padding: 4px;
  border: 1px solid var(--hybrid-runoff-line-medium);
  background: rgba(8, 29, 45, .42);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-margin-tile strong {
  color: rgb(231, 241, 246);
  font-size: 14px;
  font-weight: 730;
  line-height: 14px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-closest-callout {
  min-height: 31px;
  margin-top: 6px;
  padding: 7px 9px;
  border-color: var(--hybrid-runoff-line-medium);
  background: rgba(11, 45, 62, .3);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-callout-icon {
  width: 16px;
  height: 16px;
  color: rgb(143, 169, 185);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-common,
.hybrid-panel#signal-runoff-panel .hybrid-runoff-footprint,
.hybrid-panel#signal-runoff-panel .hybrid-runoff-history,
.hybrid-panel#signal-runoff-panel .hybrid-runoff-others {
  display: flex;
  flex-direction: column;
}

.hybrid-panel#signal-runoff-panel
  .hybrid-runoff-common
  .hybrid-runoff-matrix {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-color: rgba(53, 213, 255, .34) rgba(2, 15, 27, .28);
  scrollbar-width: thin;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-matrix-head,
.hybrid-panel#signal-runoff-panel .hybrid-runoff-matrix-row {
  grid-template-columns: minmax(112px, 1.08fr) minmax(94px, .93fr) minmax(94px, .93fr) minmax(52px, .5fr);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-matrix-head > span,
.hybrid-panel#signal-runoff-panel .hybrid-runoff-matrix-row > span {
  padding: 6px;
  border-right-color: var(--hybrid-runoff-line-soft);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-matrix-row {
  min-height: 51px;
  border-top-color: var(--hybrid-runoff-line-soft);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-matrix-row.is-selected {
  box-shadow: inset 2px 0 0 rgb(53, 213, 255);
  background: rgba(19, 71, 96, .14);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-compact-rail {
  height: 6px;
  border-color: var(--hybrid-runoff-line-medium);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-matrix-margins {
  padding-right: 7px;
  padding-left: 7px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-matrix-legend {
  margin-top: auto;
  padding-top: 8px;
  border-top: 1px solid var(--hybrid-runoff-line-soft);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-footprint-grid {
  margin: 0;
  gap: 6px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-metric {
  min-height: 88px;
  padding: 7px 5px;
  border-color: var(--hybrid-runoff-line-medium);
  background: rgba(9, 29, 45, .54);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-metric dt,
.hybrid-panel#signal-runoff-panel .hybrid-runoff-metric dd {
  margin: 0;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-metric dt {
  color: rgb(169, 192, 206);
  font-size: 8px;
  font-weight: 550;
  line-height: 9.2px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-metric-icon {
  width: 24px;
  height: 24px;
  color: rgb(53, 213, 255) !important;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-window-range {
  gap: 6px;
  margin-top: 6px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-window-range > article {
  display: grid;
  place-items: center;
  align-content: center;
  gap: 2px;
  min-height: 60px;
  padding: 6px;
  border: 1px solid var(--hybrid-runoff-line-medium);
  background: rgba(9, 29, 45, .42);
  text-align: center;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-footprint .hybrid-runoff-module-note {
  margin-top: auto;
  padding-top: 7px;
  border-top: 1px solid var(--hybrid-runoff-line-soft);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-history-head {
  min-height: 29px;
  margin-bottom: 5px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-chronology {
  flex: 1 1 auto;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-chronology.has-shared-window {
  grid-template-columns: repeat(6, minmax(0, 1fr)) minmax(92px, 1.28fr);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-history-position.is-paired .hybrid-runoff-history-group {
  padding: 2px 3px;
  border: 1px solid var(--hybrid-runoff-line-soft);
  background: rgba(8, 29, 45, .36);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-history-entry {
  gap: 1px;
  padding: 2px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-history-entry + .hybrid-runoff-history-entry {
  border-top-color: var(--hybrid-runoff-line-soft);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-history-meta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-history-meta .hybrid-runoff-source.is-icon-only {
  display: inline-grid;
  width: 15px;
  height: 14px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-history .hybrid-runoff-module-note {
  margin-top: auto;
  padding-top: 5px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-other-grid {
  flex: 1 1 auto;
  grid-auto-rows: minmax(0, 1fr);
  gap: 6px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-other-card {
  align-content: stretch;
  min-height: 0;
  padding: 7px;
  border-color: var(--hybrid-runoff-line-medium);
  background: rgba(7, 24, 38, .54);
  transition: border-color 120ms ease, background 120ms ease;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-other-card:hover {
  border-color: rgba(53, 213, 255, .36);
  background: rgba(9, 31, 47, .64);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-other-card h4 {
  display: grid;
  align-content: start;
  gap: 0;
  min-height: 24px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-other-card h4 span,
.hybrid-panel#signal-runoff-panel .hybrid-runoff-other-card h4 small {
  overflow: hidden;
  color: rgb(220, 234, 242);
  font-size: 10px;
  font-weight: 680;
  line-height: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-other-score {
  grid-template-columns: auto minmax(52px, 110px) auto;
  justify-content: space-between;
  margin: 6px 0 4px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-other-foot {
  margin-top: auto;
  padding-top: 4px;
  border-top: 1px solid var(--hybrid-runoff-line-soft);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-other-foot .hybrid-runoff-source.is-icon-only {
  width: 15px;
  height: 14px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-methodology {
  max-width: 100%;
  padding: 7px 9px 2px;
  border: 0;
  border-top: 1px solid var(--hybrid-runoff-line-soft);
  background: transparent;
}

@media (max-width: 1023px) and (min-width: 680px) {
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-source-observation {
    grid-template-columns: 104px minmax(108px, 1fr) 104px 42px;
    gap: 3px;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-instrument {
    padding-inline: 3px;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-candidate {
    grid-template-rows: 14px 38px;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-candidate .hybrid-portrait {
    flex-basis: 38px;
    width: 38px;
    height: 38px;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-candidate-result {
    gap: 3px;
  }
}

@media (max-width: 820px) {
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-chronology.has-shared-window {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 679px) {
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-evidence-header {
    grid-template-columns: minmax(0, 1fr);
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-evidence-header > * {
    min-width: 0;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-current-scope {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-date-pill {
    grid-column: 1 / -1;
    justify-self: start;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-header-metrics {
    width: auto;
    padding-left: 0;
    border-left: 0;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-chronology.has-shared-window {
    grid-template-columns: 1fr;
  }
}

/* RUNOFF FINAL OPTICAL CALIBRATION V1
   CSS-only optical refinement after structural implementation.
   Scoped exclusively to the owned Runoff workspace.
*/

.hybrid-panel#signal-runoff-panel {
  scrollbar-color:
    rgba(91, 126, 147, .38)
    rgba(2, 15, 27, .14);
}

.hybrid-panel#signal-runoff-panel::-webkit-scrollbar {
  width: 5px;
}

.hybrid-panel#signal-runoff-panel::-webkit-scrollbar-track {
  background: rgba(2, 15, 27, .14);
}

.hybrid-panel#signal-runoff-panel::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: rgba(91, 126, 147, .38);
}

.hybrid-panel#signal-runoff-panel:hover::-webkit-scrollbar-thumb {
  background: rgba(92, 153, 181, .62);
}

/* Header grouping and contrast. */

.hybrid-panel#signal-runoff-panel .hybrid-runoff-title-block {
  gap: 11px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-mark {
  flex-basis: 32px;
  width: 32px;
  height: 32px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-mark svg {
  width: 22px;
  height: 22px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-title-block p {
  color: rgb(154, 178, 190);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-current-scope {
  padding: 7px 9px;
  border-color: rgba(35, 86, 115, .4);
  background: rgba(7, 24, 38, .58);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-scope-message {
  color: rgb(205, 225, 235);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-date-pill {
  padding: 6px 11px;
  border-color: rgba(35, 86, 115, .66);
  background: rgba(7, 24, 38, .42);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-header-metrics {
  padding-left: 7px;
  border-left: 1px solid rgba(53, 213, 255, .16);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-header-metric {
  padding-right: 9px;
  padding-left: 9px;
  border-left-color: rgba(53, 213, 255, .16);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-header-metric:first-child {
  border-left: 0;
}

/* Stronger analytical module identification. */

.hybrid-panel#signal-runoff-panel .hybrid-runoff-module h3 {
  color: rgb(53, 213, 255);
}

/* Closest tested runoff: reduce row boxiness and improve hierarchy. */

.hybrid-panel#signal-runoff-panel .hybrid-runoff-source-observation {
  padding: 5px 0;
  border: 0;
  background: transparent;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-source-observation + .hybrid-runoff-source-observation {
  padding-top: 7px;
  border-top: 1px solid var(--hybrid-runoff-line-soft);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-candidate {
  padding-right: 2px;
  padding-left: 2px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-candidate-result {
  gap: 7px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-instrument {
  padding: 7px 7px 4px;
  border-color: rgba(35, 86, 115, .62);
  background: rgba(8, 29, 45, .64);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-observation-head {
  gap: 2px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-balance {
  height: 9px;
  margin-top: 10px;
  margin-bottom: 3px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-balance-centre {
  opacity: .9;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-source.is-icon-only {
  color: rgb(143, 169, 185);
  opacity: .88;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-source.is-icon-only:hover, .hybrid-panel#signal-runoff-panel .hybrid-runoff-source.is-icon-only:focus-visible {
  color: rgb(53, 216, 255);
  opacity: 1;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-margin-tile {
  padding: 5px;
  border-color: rgba(35, 86, 115, .64);
  background: rgba(8, 29, 45, .5);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-margin-tile span {
  color: rgb(154, 178, 190);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-closest-callout {
  min-height: 34px;
  margin-top: 7px;
  padding: 8px 10px;
  border-color: rgba(53, 213, 255, .3);
  background: rgba(11, 45, 62, .36);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-callout-icon {
  width: 17px;
  height: 17px;
}

@media (min-width: 1400px) {
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-source-observation {
    grid-template-columns:
      minmax(112px, 1fr)
      minmax(136px, 1.18fr)
      minmax(112px, 1fr)
      64px;
    gap: 5px;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-candidate {
    grid-template-rows: 14px 46px;
    gap: 4px;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-candidate .hybrid-portrait {
    flex-basis: 46px;
    width: 46px;
    height: 46px;
  }
}

/* Current common matchups. */

.hybrid-panel#signal-runoff-panel .hybrid-runoff-matrix-head {
  color: rgb(154, 178, 190);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-matrix-row {
  min-height: 53px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-matrix-row.is-selected {
  background: rgba(19, 71, 96, .1);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-compact-rail {
  height: 7px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-matrix-margins {
  display: grid;
  place-items: center;
  align-content: center;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-matrix-legend {
  padding-top: 9px;
  color: rgb(154, 178, 190);
}

/* Evidence footprint: use the full module height deliberately. */

.hybrid-panel#signal-runoff-panel .hybrid-runoff-footprint-grid {
  gap: 7px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-metric {
  min-height: 92px;
  padding: 9px 5px;
  border-color: rgba(35, 86, 115, .6);
  background: rgba(9, 29, 45, .58);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-metric-icon {
  margin-bottom: 2px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-window-range {
  flex: 1 1 auto;
  align-items: stretch;
  gap: 8px;
  min-height: 74px;
  margin-top: 8px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-window-range > article {
  height: 100%;
  min-height: 72px;
  padding: 8px 6px;
  border-color: rgba(35, 86, 115, .6);
  background: rgba(9, 29, 45, .48);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-footprint .hybrid-runoff-module-note {
  padding-top: 8px;
  color: rgb(154, 178, 190);
}

/* Selected matchup history. */

.hybrid-panel#signal-runoff-panel .hybrid-runoff-chronology-guide {
  height: 1px;
  background: rgba(154, 178, 190, .84);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-history-node {
  width: 10px;
  height: 10px;
  border-color: rgb(7, 24, 39);
  box-shadow: 0 0 0 1px rgba(53, 213, 255, .08);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-history-position time {
  margin-top: 4px;
  color: rgb(154, 178, 190);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-history-entry {
  grid-template-rows: 11px 14px 11.25px;
  align-content: start;
  min-height: 41px;
  gap: 2px;
  padding: 2px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-history-entry > strong {
  color: rgb(231, 241, 246);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-history-meta {
  color: rgb(154, 178, 190);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-history-position.is-paired .hybrid-runoff-history-group {
  padding: 1px 3px 2px;
  border: 0;
  border-top: 1px solid var(--hybrid-runoff-line-soft);
  border-bottom: 1px solid var(--hybrid-runoff-line-soft);
  background: rgba(8, 29, 45, .28);
  box-shadow: inset 2px 0 0 rgba(53, 213, 255, .26);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-history-entry + .hybrid-runoff-history-entry {
  border-top-color: rgba(35, 86, 115, .38);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-history .hybrid-runoff-module-note {
  color: rgb(154, 178, 190);
}

/* Other tested matchups. */

.hybrid-panel#signal-runoff-panel .hybrid-runoff-other-card {
  padding: 8px;
  border-color: rgba(35, 86, 115, .42);
  background: rgba(7, 24, 38, .5);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-other-card:hover {
  border-color: rgba(53, 213, 255, .4);
  background: rgba(9, 31, 47, .68);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-other-card h4 {
  min-height: 26px;
  padding-bottom: 1px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-other-meta {
  margin-top: 3px;
  color: rgb(154, 178, 190);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-other-score {
  grid-template-columns: auto minmax(56px, 96px) auto;
  margin-top: 8px;
  margin-bottom: 6px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-other-foot {
  padding-top: 5px;
  color: rgb(154, 178, 190);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-other-foot .hybrid-runoff-source.is-icon-only {
  opacity: .82;
}

/* Methodology disclosure. */

.hybrid-panel#signal-runoff-panel .hybrid-runoff-methodology {
  padding: 9px 10px 5px;
  color: rgb(154, 178, 190);
  line-height: 12.5px;
}


/* RUNOFF HEADER MOCKUP PARITY V1
   Compact three-zone header matching the approved visual direction.
   Scoped exclusively to the owned Runoff panel.
*/

.hybrid-panel#signal-runoff-panel .hybrid-runoff-evidence-header {
  grid-template-columns:
    minmax(260px, .88fr)
    minmax(420px, 1.36fr)
    minmax(330px, .98fr);
  align-items: center;
  gap: 12px;
  min-height: 66px;
  padding: 3px 10px 6px;
  border-top-color: rgba(35, 86, 115, .24);
  border-bottom-color: rgba(35, 86, 115, .72);
  background: rgba(5, 16, 28, .7);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-title-block {
  gap: 12px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-mark {
  flex: 0 0 31px;
  width: 31px;
  height: 31px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-title-icon {
  width: 29px;
  height: 29px;
  color: rgb(53, 213, 255);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-title-block h2 {
  font-size: 17px;
  font-weight: 760;
  line-height: 18.7px;
  letter-spacing: .28px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-title-block p {
  margin-top: 3px;
  color: rgb(154, 178, 190);
  font-size: 10px;
  line-height: 12px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-current-scope {
  grid-template-columns: auto minmax(210px, 1fr) auto;
  align-items: center;
  gap: 15px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-status {
  padding: 7px 12px;
  border-color: rgba(103, 203, 147, .68);
  background: rgba(63, 145, 101, .1);
  color: rgb(116, 211, 158);
  font-size: 12px;
  line-height: 13px;
  letter-spacing: .5px;
  box-shadow:
    inset 0 0 0 1px rgba(74, 157, 111, .08);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-status.is-split,
.hybrid-panel#signal-runoff-panel .hybrid-runoff-status.is-ambiguous,
.hybrid-panel#signal-runoff-panel .hybrid-runoff-status.is-insufficient {
  border-color: rgb(112, 140, 158);
  background: transparent;
  color: rgb(169, 192, 206);
  box-shadow: none;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-scope-message {
  overflow: visible;
  color: rgb(205, 225, 235);
  font-size: 10px;
  font-weight: 450;
  line-height: 12px;
  text-overflow: clip;
  white-space: nowrap;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-date-pill {
  gap: 7px;
  padding: 7px 13px;
  border-color: rgba(35, 86, 115, .68);
  background: rgba(8, 27, 42, .5);
  color: rgb(231, 241, 246);
  font-size: 14px;
  font-weight: 690;
  line-height: 16px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-date-pill .hybrid-runoff-inline-icon {
  width: 16px;
  height: 16px;
  color: rgb(143, 169, 185);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-header-metrics {
  min-width: 0;
  padding-left: 8px;
  border-left: 1px solid rgba(53, 213, 255, .16);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-header-metric {
  gap: 2px;
  padding: 0 11px;
  border-left-color: rgba(53, 213, 255, .16);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-header-metric:first-child {
  border-left: 0;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-header-metric strong {
  color: rgb(239, 247, 251);
  font-size: 20px;
  font-weight: 650;
  line-height: 20px;
  letter-spacing: -.34px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-header-metric small {
  color: rgb(169, 192, 206);
  font-size: 8.5px;
  font-weight: 550;
  line-height: 10px;
  white-space: nowrap;
}

@media (max-width: 1023px) {
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-evidence-header {
    grid-template-columns:
      minmax(230px, .82fr)
      minmax(390px, 1.28fr)
      minmax(300px, .92fr);
    gap: 9px;
    padding-right: 7px;
    padding-left: 7px;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-title-block {
    gap: 9px;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-title-block h2 {
    font-size: 16px;
    line-height: 17.6px;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-title-block p {
    font-size: 9px;
    line-height: 11.25px;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-current-scope {
    grid-template-columns: auto minmax(170px, 1fr) auto;
    gap: 9px;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-status {
    padding: 6px 9px;
    font-size: 11px;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-scope-message {
    overflow: hidden;
    font-size: 9px;
    text-overflow: ellipsis;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-date-pill {
    padding: 6px 9px;
    font-size: 13px;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-header-metric {
    padding-right: 7px;
    padding-left: 7px;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-header-metric strong {
    font-size: 18px;
    line-height: 18px;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-header-metric small {
    font-size: 8px;
    line-height: 9.2px;
  }
}


/* RUNOFF HEADER TERMINAL STATUS POLISH V1
   Header-only polish: corrected icon, larger AGREE badge,
   and terminal-style printed status content.
*/

.hybrid-panel#signal-runoff-panel .hybrid-runoff-title-icon {
  width: 30px;
  height: 30px;
  color: rgb(53, 213, 255);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-status {
  padding: 8px 14px;
  border-color: rgba(105, 208, 148, .78);
  background: rgba(62, 137, 96, .14);
  color: rgb(122, 224, 166);
  font-size: 13px;
  font-weight: 760;
  line-height: 13.5px;
  letter-spacing: .56px;
  box-shadow:
    inset 0 0 0 1px rgba(74, 157, 111, .12),
    0 0 0 1px rgba(40, 82, 58, .22);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-current-scope {
  grid-template-columns: auto minmax(250px, 1fr) auto;
  gap: 13px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-scope-message {
  display: flex;
  align-items: center;
  min-height: 26px;
  color: rgb(196, 214, 223);
  font-family:
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    "Liberation Mono",
    "Courier New",
    monospace;
  font-size: 11px;
  font-weight: 500;
  line-height: 12.8px;
  letter-spacing: .14px;
  text-transform: none;
  white-space: nowrap;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-scope-message::before {
  content: "> STATUS:";
  display: inline-block;
  margin-right: 8px;
  color: rgb(114, 144, 160);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .72px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-date-pill {
  padding: 7px 13px;
}

@media (max-width: 1023px) {
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-status {
    padding: 7px 11px;
    font-size: 12px;
    line-height: 12.6px;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-current-scope {
    grid-template-columns: auto minmax(190px, 1fr) auto;
    gap: 10px;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-scope-message {
    font-size: 10px;
    line-height: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-scope-message::before {
    margin-right: 6px;
    font-size: 9px;
    letter-spacing: .58px;
  }
}


/* RUNOFF HEADER ICON REMOVAL V1
   Remove the Runoff title icon and rebalance the left header group.
*/

.hybrid-panel#signal-runoff-panel .hybrid-runoff-mark {
  display: none;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-title-block {
  gap: 0;
  align-items: center;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-title-block > div,
.hybrid-panel#signal-runoff-panel .hybrid-runoff-title-copy {
  min-width: 0;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-title-block h2 {
  margin: 0;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-title-block p {
  margin-top: 4px;
}

@media (max-width: 1023px) {
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-title-block {
    gap: 0;
  }
}


/* RUNOFF MARGIN TILE PARITY V1
   Present the exact reported margin as one compact value:
   label above, number and unit on one baseline.
*/

.hybrid-panel#signal-runoff-panel .hybrid-runoff-margin-tile {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  align-items: baseline;
  justify-content: center;
  column-gap: 4px;
  row-gap: 5px;
  min-width: 64px;
  padding: 8px 5px;
  border-color: rgba(35, 86, 115, .72);
  background: rgba(8, 29, 45, .58);
  text-align: center;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-margin-tile > span {
  flex: 0 0 100%;
  color: rgb(154, 178, 190);
  font-size: 8px;
  font-weight: 730;
  line-height: 8.8px;
  letter-spacing: .88px;
  text-align: center;
  text-transform: uppercase;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-margin-tile > strong {
  display: inline;
  margin: 0;
  font-size: 22px;
  font-weight: 730;
  line-height: 22px;
  letter-spacing: -.35px;
  font-variant-numeric: tabular-nums;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-margin-tile > small {
  display: inline;
  margin: 0;
  font-size: 13px;
  font-weight: 650;
  line-height: 15px;
  letter-spacing: 0;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-source-observation:nth-child(1) .hybrid-runoff-margin-tile > strong,
.hybrid-panel#signal-runoff-panel .hybrid-runoff-source-observation:nth-child(1) .hybrid-runoff-margin-tile > small {
  color: rgb(111, 211, 156);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-source-observation:nth-child(2) .hybrid-runoff-margin-tile > strong,
.hybrid-panel#signal-runoff-panel .hybrid-runoff-source-observation:nth-child(2) .hybrid-runoff-margin-tile > small {
  color: var(--hybrid-violet);
}

@media (max-width: 1023px) {
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-margin-tile {
    min-width: 58px;
    padding-right: 4px;
    padding-left: 4px;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-margin-tile > strong {
    font-size: 20px;
    line-height: 20px;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-margin-tile > small {
    font-size: 12px;
    line-height: 14px;
  }
}


/* RUNOFF COMMON MATCHUPS REDESIGN V1
   Non-interactive, full-height exact-source comparison matrix.
*/

.hybrid-panel#signal-runoff-panel .hybrid-runoff-common {
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-module-head {
  flex: 0 0 auto;
  margin-bottom: 8px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-module-head p {
  display: none;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-head,
.hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-row {
  grid-template-columns:
    minmax(140px, 1.4fr)
    minmax(105px, 1fr)
    minmax(105px, 1fr)
    minmax(56px, .58fr);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-head {
  flex: 0 0 auto;
  min-height: 25px;
  color: rgb(154, 178, 190);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-head > span {
  display: flex;
  align-items: center;
  padding: 6px 8px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-head > span:first-child {
  justify-content: flex-start;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-row {
  flex: 1 1 0;
  min-height: 68px;
  cursor: default;
  border-top-color: rgba(35, 86, 115, .5);
  background: transparent;
  box-shadow: none;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-row.is-selected {
  cursor: default;
  border-left: 2px solid rgba(53, 213, 255, .82);
  background: rgba(19, 71, 96, .11);
  box-shadow: none;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-row > span {
  display: grid;
  align-content: center;
  padding: 8px;
  border-right-color: rgba(35, 86, 115, .34);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-matchup {
  gap: 3px;
  text-wrap: balance;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-matchup small {
  margin-bottom: 1px;
  color: rgb(53, 213, 255);
  font-size: 8px;
  font-weight: 730;
  line-height: 8.8px;
  letter-spacing: .76px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-matchup strong {
  color: rgb(225, 238, 245);
  font-size: 12.5px;
  font-weight: 680;
  line-height: 14px;
  letter-spacing: 0;
  text-wrap: balance;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-result {
  grid-template-columns: 1fr 1fr;
  grid-template-areas:
    "score-left score-right"
    "score-rail score-rail";
  align-content: center;
  align-items: center;
  column-gap: 8px;
  row-gap: 7px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-result > .hybrid-runoff-matrix-score:not(.is-right) {
  grid-area: score-left;
  justify-self: start;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-result > .hybrid-runoff-matrix-score.is-right {
  grid-area: score-right;
  justify-self: end;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-result > .hybrid-runoff-compact-rail {
  grid-area: score-rail;
  width: 100%;
  min-width: 0;
  height: 8px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-score {
  font-size: 15px;
  line-height: 15px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-margins {
  justify-items: center;
  align-content: center;
  gap: 3px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-margins strong {
  font-size: 17px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: -.2px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-margins small {
  color: rgb(143, 169, 185);
  font-size: 8px;
  line-height: 9px;
  text-transform: lowercase;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-legend {
  flex: 0 0 auto;
  align-items: center;
  gap: 14px;
  margin-top: auto;
  padding-top: 10px;
  border-top: 1px solid rgba(35, 86, 115, .46);
  color: rgb(154, 178, 190);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-legend > span:last-child {
  margin-left: auto;
  color: rgb(143, 169, 185);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-row:hover {
  background: transparent;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-row.is-selected:hover {
  background: rgba(19, 71, 96, .11);
}

@media (max-width: 1023px) {
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-head,
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-row {
    grid-template-columns:
      minmax(135px, 1.3fr)
      minmax(105px, 1fr)
      minmax(105px, 1fr)
      minmax(56px, .55fr);
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-matchup strong {
    font-size: 11.5px;
    line-height: 13px;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-row {
    min-height: 64px;
  }
}

/* RUNOFF COMMON MATCHUPS LEGEND V2
   Remove the redundant methodology note and turn the legend
   into two equal-width candidate-side instruments.
*/

.hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-legend {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  gap: 0;
  min-height: 36px;
  margin-top: auto;
  padding-top: 0;
  border-top: 1px solid rgba(35, 86, 115, .52);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-legend > span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-width: 0;
  min-height: 36px;
  margin: 0;
  color: rgb(169, 192, 206);
  font-size: 10px;
  font-weight: 620;
  line-height: 12px;
  letter-spacing: .08px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-legend > span:nth-child(1) {
  background: rgba(53, 213, 255, .035);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-legend > span:nth-child(2) {
  margin-left: 0;
  border-left: 1px solid rgba(35, 86, 115, .42);
  background: rgba(157, 140, 255, .035);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-legend > span:nth-child(n+3) {
  display: none;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-legend i {
  flex: 0 0 11px;
  width: 11px;
  height: 11px;
}

@media (max-width: 679px) {
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-legend {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-height: 33px;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-legend > span {
    min-height: 33px;
    font-size: 9px;
    line-height: 11px;
  }
}


/* RUNOFF COMMON MATCHUPS INLINE LEGEND AND RAIL EFFECT V1
   Keep the current matrix layout, move the legend into a compact
   inline key at the bottom-right, and polish only the rail effect.
*/

.hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-legend {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
  gap: 18px;
  width: auto;
  min-height: 0;
  margin-top: 8px;
  margin-left: auto;
  padding-top: 0;
  border-top: 0;
  background: transparent;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-legend > span {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 7px;
  min-height: 0;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  color: rgb(166, 189, 203);
  font-size: 10px;
  font-weight: 560;
  line-height: 12px;
  letter-spacing: .04px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-legend > span:nth-child(1),
.hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-legend > span:nth-child(2) {
  background: transparent;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-legend > span:nth-child(n+3) {
  display: none;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-legend i {
  flex: 0 0 10px;
  width: 10px;
  height: 10px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-result > .hybrid-runoff-compact-rail {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(36, 92, 122, .34);
  border-radius: 0;
  background:
    linear-gradient(
      180deg,
      rgba(8, 24, 37, .96) 0%,
      rgba(6, 18, 29, .98) 100%
    );
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .05),
    inset 0 0 0 1px rgba(13, 34, 49, .18);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-result > .hybrid-runoff-compact-rail .hybrid-runoff-compact-left {
  background:
    linear-gradient(
      90deg,
      rgba(52, 213, 255, .98) 0%,
      rgba(86, 220, 255, .92) 100%
    );
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .18),
    0 0 7px rgba(53, 213, 255, .10);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-result > .hybrid-runoff-compact-rail .hybrid-runoff-compact-right {
  background:
    linear-gradient(
      90deg,
      rgba(191, 166, 255, .92) 0%,
      rgba(157, 140, 255, .98) 100%
    );
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .16),
    0 0 7px rgba(157, 140, 255, .10);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-result > .hybrid-runoff-compact-rail .hybrid-runoff-compact-centre {
  width: 2px;
  background: rgba(236, 244, 248, .94);
  box-shadow: 0 0 5px rgba(255, 255, 255, .16);
}

@media (max-width: 679px) {
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-legend {
    justify-content: flex-start;
    gap: 14px;
    margin-left: 0;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-legend > span {
    font-size: 9px;
    line-height: 11px;
  }
}


/* RUNOFF COMMON MATCHUPS BAR AND MARGIN PARITY V1
   Bring the Harris/Ifop rails and the margins column closer
   to the approved mockup without changing Panel 2 structure.
*/

.hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-result {
  row-gap: 6px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-result > .hybrid-runoff-compact-rail {
  position: relative;
  width: 100%;
  max-width: 165px;
  height: 12px;
  justify-self: start;
  overflow: hidden;
  border: 1px solid rgba(52, 90, 118, .44);
  border-radius: 2px;
  background:
    linear-gradient(
      180deg,
      rgba(10, 30, 45, .96) 0%,
      rgba(7, 20, 31, .98) 100%
    );
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .05),
    inset 0 0 0 1px rgba(10, 32, 49, .18);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-result > .hybrid-runoff-compact-rail .hybrid-runoff-compact-left,
.hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-result > .hybrid-runoff-compact-rail .hybrid-runoff-compact-right {
  top: 1px;
  bottom: 1px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-result > .hybrid-runoff-compact-rail .hybrid-runoff-compact-left {
  background:
    linear-gradient(
      90deg,
      rgba(63, 214, 255, .98) 0%,
      rgba(102, 225, 255, .94) 100%
    );
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .18);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-result > .hybrid-runoff-compact-rail .hybrid-runoff-compact-right {
  background:
    linear-gradient(
      90deg,
      rgba(198, 176, 255, .93) 0%,
      rgba(160, 144, 255, .98) 100%
    );
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .16);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-result > .hybrid-runoff-compact-rail .hybrid-runoff-compact-centre {
  width: 2px;
  background: rgba(236, 242, 247, .96);
  box-shadow: 0 0 3px rgba(255, 255, 255, .14);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-score {
  font-size: 16px;
  font-weight: 730;
  line-height: 16px;
  letter-spacing: -.12px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-margins {
  justify-items: center;
  align-content: center;
  row-gap: 5px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-margins strong {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 64px;
  height: 34px;
  padding: 0 10px;
  border: 1px solid rgba(55, 112, 145, .58);
  border-radius: 8px;
  background:
    linear-gradient(
      180deg,
      rgba(8, 25, 39, .98) 0%,
      rgba(6, 18, 30, .98) 100%
    );
  box-shadow:
    inset 0 0 0 1px rgba(16, 44, 63, .22),
    0 0 0 1px rgba(22, 49, 66, .12);
  color: rgb(220, 236, 244);
  font-size: 16px;
  font-weight: 730;
  line-height: 16px;
  letter-spacing: -.16px;
  font-variant-numeric: tabular-nums;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-row:nth-child(2) .hybrid-runoff-matrix-margins strong {
  color: rgb(121, 228, 255);
  border-color: rgba(64, 186, 230, .56);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-row:nth-child(3) .hybrid-runoff-matrix-margins strong {
  color: rgb(116, 220, 255);
  border-color: rgba(64, 186, 230, .54);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-row:nth-child(4) .hybrid-runoff-matrix-margins strong {
  color: rgb(178, 161, 255);
  border-color: rgba(134, 116, 218, .56);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-margins small {
  color: rgb(145, 169, 184);
  font-size: 8.5px;
  font-weight: 620;
  line-height: 9px;
  letter-spacing: .04px;
  text-transform: lowercase;
}

@media (max-width: 1023px) {
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-result > .hybrid-runoff-compact-rail {
    max-width: 154px;
    height: 11px;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-margins strong {
    min-width: 60px;
    height: 32px;
    font-size: 15px;
    line-height: 15px;
  }
}


/* RUNOFF COMMON MATCHUPS ALIGNMENT V2
   Equalize margin instruments and align the candidate legend
   directly beneath the Harris and Ifop comparison columns.
*/

.hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-head > span:last-child {
  flex-direction: column;
  justify-content: center;
  gap: 1px;
  text-align: center;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-head > span:last-child::after {
  content: "(pts)";
  display: block;
  color: rgb(112, 140, 158);
  font-size: 7.5px;
  font-weight: 650;
  line-height: 8px;
  letter-spacing: .35px;
  text-transform: lowercase;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-result {
  min-height: 46px;
  align-content: center;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-margins {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 6px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-margins strong {
  box-sizing: border-box;
  width: 88px;
  min-width: 88px;
  height: 40px;
  padding: 0 8px;
  margin: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  line-height: 16px;
  white-space: nowrap;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-margins small {
  display: none;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-legend {
  display: grid;
  grid-template-columns:
    minmax(155px, 1.4fr)
    minmax(118px, 1fr)
    minmax(118px, 1fr)
    minmax(88px, .58fr);
  align-items: center;
  width: 100%;
  min-height: 34px;
  margin: 0;
  padding: 7px 0 0;
  border-top: 1px solid rgba(35, 86, 115, .46);
  background: transparent;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-legend > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-width: 0;
  min-height: 26px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: rgb(166, 189, 203);
  font-size: 10px;
  font-weight: 560;
  line-height: 12px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-legend > span:nth-child(1) {
  grid-column: 2;
  justify-self: center;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-legend > span:nth-child(2) {
  grid-column: 3;
  justify-self: center;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-legend > span:nth-child(n+3) {
  display: none;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-legend i {
  flex: 0 0 10px;
  width: 10px;
  height: 10px;
}

@media (max-width: 1023px) {
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-margins strong {
    width: 82px;
    min-width: 82px;
    height: 38px;
    font-size: 15px;
    line-height: 15px;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-legend {
    grid-template-columns:
      minmax(135px, 1.3fr)
      minmax(105px, 1fr)
      minmax(105px, 1fr)
      minmax(82px, .55fr);
  }
}

@media (max-width: 679px) {
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-head > span:last-child::after {
    content: "";
    display: none;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-margins small {
    display: block;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-legend {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding-top: 7px;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-legend > span:nth-child(1) {
    grid-column: 1;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-legend > span:nth-child(2) {
    grid-column: 2;
  }
}


/* RUNOFF COMMON MATCHUPS MARGIN PILL REMOVAL V1
   Remove the outline pill around the margin values while preserving
   fixed alignment, consistent width, and row color treatment.
*/

.hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-margins strong {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}


/* RUNOFF COMMON MATCHUPS MARGIN VERTICAL ALIGN V1
   Lower the margin values slightly so they align more precisely
   with the score-and-bar instruments.
*/

.hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-margins {
  align-items: flex-start;
  padding-top: 10px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-margins strong {
  position: relative;
  top: 3px;
}

@media (max-width: 1023px) {
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-margins {
    padding-top: 9px;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-margins strong {
    top: 2px;
  }
}


/* RUNOFF COMMON MATCHUPS MARGIN VERTICAL ALIGN V2
   Tiny extra downward nudge for the margin values.
*/

.hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-margins strong {
  top: 5px;
}

@media (max-width: 1023px) {
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-margins strong {
    top: 4px;
  }
}


/* RUNOFF COMMON MATCHUPS MARGIN VERTICAL ALIGN V3
   Extra downward nudge for the margin values.
*/

.hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-margins strong {
  top: 8px;
}

@media (max-width: 1023px) {
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-margins strong {
    top: 6px;
  }
}


/* RUNOFF EVIDENCE FOOTPRINT MOCKUP PARITY V2
   Corrected against the actual DOM:
   .hybrid-runoff-window-range is the container;
   its direct article children are the date cards.
*/

.hybrid-panel#signal-runoff-panel .hybrid-runoff-footprint {
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-footprint-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-metric {
  display: grid;
  place-items: center;
  align-content: center;
  gap: 5px;
  min-height: 112px;
  padding: 12px 6px 11px;
  border: 1px solid rgba(35, 86, 115, .56);
  border-radius: 7px;
  background:
    linear-gradient(
      180deg,
      rgba(11, 31, 47, .68) 0%,
      rgba(7, 23, 36, .88) 100%
    );
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .025),
    inset 0 0 0 1px rgba(13, 37, 54, .16);
  text-align: center;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-metric-icon {
  width: 29px;
  height: 29px;
  margin: 0 0 2px;
  color: rgb(53, 213, 255) !important;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-metric dd {
  margin: 0;
  color: rgb(237, 247, 252);
  font-size: 24px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -.3px;
  font-variant-numeric: tabular-nums;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-metric dt {
  max-width: 110px;
  margin: 0;
  color: rgb(205, 219, 227);
  font-size: 0;
  font-weight: 560;
  line-height: 12px;
  letter-spacing: 0;
  text-transform: none;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-metric dt::after {
  display: block;
  font-size: 10px;
  line-height: 12px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-metric:nth-child(1) dt::after {
  content: "Total observations";
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-metric:nth-child(2) dt::after {
  content: "Distinct matchups";
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-metric:nth-child(3) dt::after {
  content: "Pollsters represented";
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-metric:nth-child(4) dt::after {
  content: "Fieldwork windows";
}

/* Two-card evidence-window container. */

.hybrid-panel#signal-runoff-panel .hybrid-runoff-window-range {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  flex: 1 1 auto;
  gap: 10px;
  min-height: 0;
  margin-top: 10px;
}

/* Individual earliest/latest cards. */

.hybrid-panel#signal-runoff-panel .hybrid-runoff-window-range > article {
  position: relative;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  grid-template-rows: auto auto auto auto;
  place-items: initial;
  align-content: center;
  column-gap: 10px;
  row-gap: 2px;
  min-height: 90px;
  height: 100%;
  padding: 11px 12px;
  border: 1px solid rgba(35, 86, 115, .56);
  border-radius: 7px;
  background:
    linear-gradient(
      180deg,
      rgba(11, 31, 47, .62) 0%,
      rgba(7, 23, 36, .84) 100%
    );
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .025);
  text-align: left;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-window-range > article::before {
  content: "";
  grid-column: 1;
  grid-row: 1 / -1;
  align-self: center;
  justify-self: center;
  width: 28px;
  height: 28px;
  background-color: rgb(53, 213, 255);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M16 3v4M8 3v4M3 10h18M8 14h.01M12 14h.01M16 14h.01M8 18h.01M12 18h.01M16 18h.01'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M16 3v4M8 3v4M3 10h18M8 14h.01M12 14h.01M16 14h.01M8 18h.01M12 18h.01M16 18h.01'/%3E%3C/svg%3E");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-window-range > article > span {
  grid-column: 2;
  grid-row: 1;
  align-self: end;
  color: rgb(154, 178, 190);
  font-size: 9px;
  font-weight: 700;
  line-height: 10px;
  letter-spacing: .85px;
  text-transform: uppercase;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-window-range > article > strong {
  grid-column: 2;
  grid-row: 2;
  align-self: center;
  color: rgb(237, 247, 252);
  font-size: 21px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: -.25px;
  font-variant-numeric: tabular-nums;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-window-range > article > b {
  grid-column: 2;
  grid-row: 3;
  color: rgb(205, 219, 227);
  font-size: 11px;
  font-weight: 500;
  line-height: 12px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-window-range > article > small {
  grid-column: 2;
  grid-row: 4;
  color: rgb(143, 169, 185);
  font-size: 9px;
  font-weight: 400;
  line-height: 11px;
}

/* The mockup uses month-level support for the earliest card. */

.hybrid-panel#signal-runoff-panel .hybrid-runoff-window-range > article:first-child > small {
  display: none;
}

/* Remove the redundant Panel 3 disclosure requested by the user. */

.hybrid-panel#signal-runoff-panel .hybrid-runoff-footprint .hybrid-runoff-module-note {
  display: none;
}

@media (max-width: 1023px) {
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-footprint-grid {
    gap: 8px;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-metric {
    min-height: 104px;
    padding: 10px 5px;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-window-range {
    gap: 8px;
    margin-top: 8px;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-window-range > article {
    min-height: 84px;
    padding: 9px 10px;
  }
}

@media (max-width: 679px) {
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-footprint-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-window-range {
    grid-template-columns: 1fr;
  }
}


/* RUNOFF EVIDENCE FOOTPRINT DEBOXING V1
   Reduce the number of hard internal boxes in Panel 3.
   Keep the module box, soften the metric cards, and make the
   earliest/latest evidence cards feel more integrated.
*/

.hybrid-panel#signal-runoff-panel .hybrid-runoff-footprint-grid {
  gap: 14px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-metric {
  border-color: rgba(40, 96, 124, .34);
  border-radius: 14px;
  background:
    linear-gradient(
      180deg,
      rgba(10, 29, 44, .46) 0%,
      rgba(8, 24, 37, .70) 100%
    );
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.018),
    0 0 0 1px rgba(10, 32, 46, .06);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-metric-icon {
  opacity: .96;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-window-range {
  gap: 14px;
  margin-top: 14px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-window-range > article {
  min-height: 84px;
  padding: 10px 12px;
  border: 1px solid rgba(38, 90, 118, .20);
  border-radius: 14px;
  background:
    linear-gradient(
      180deg,
      rgba(9, 25, 38, .30) 0%,
      rgba(8, 22, 34, .48) 100%
    );
  box-shadow: none;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-window-range > article::before {
  width: 24px;
  height: 24px;
  opacity: .96;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-window-range > article > span {
  color: rgb(148, 172, 186);
  font-size: 8.5px;
  line-height: 9px;
  letter-spacing: .78px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-window-range > article > strong {
  font-size: 19px;
  line-height: 19px;
  letter-spacing: -.2px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-window-range > article > b {
  color: rgb(194, 208, 218);
  font-size: 10px;
  line-height: 11px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-window-range > article > small {
  color: rgb(134, 160, 176);
  font-size: 8.5px;
  line-height: 10px;
}

@media (max-width: 1023px) {
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-footprint-grid {
    gap: 12px;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-window-range {
    gap: 12px;
    margin-top: 12px;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-window-range > article {
    min-height: 80px;
    padding: 9px 11px;
  }
}


/* RUNOFF EVIDENCE FOOTPRINT INTEGRATED BOARD V1
   Replace six nested dark cards with two integrated evidence bands.
   Panels 1 and 2 are not affected.
*/

.hybrid-panel#signal-runoff-panel .hybrid-runoff-footprint {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 0;
  border-color: rgba(40, 94, 122, .62);
  background:
    linear-gradient(
      145deg,
      rgba(9, 32, 49, .76) 0%,
      rgba(6, 23, 37, .88) 58%,
      rgba(5, 19, 31, .94) 100%
    );
  box-shadow:
    inset 0 1px 0 rgba(53, 213, 255, .045);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-footprint .hybrid-runoff-module-head {
  margin-bottom: 8px;
}

/* One continuous four-cell evidence band. */

.hybrid-panel#signal-runoff-panel .hybrid-runoff-footprint-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(42, 101, 132, .46);
  border-radius: 6px;
  background:
    linear-gradient(
      180deg,
      rgba(13, 42, 61, .46) 0%,
      rgba(8, 29, 44, .34) 100%
    );
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-metric {
  display: grid;
  place-items: center;
  align-content: center;
  gap: 4px;
  min-height: 84px;
  padding: 9px 5px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  text-align: center;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-metric + .hybrid-runoff-metric {
  border-left: 1px solid rgba(53, 213, 255, .13);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-metric-icon {
  width: 24px;
  height: 24px;
  margin: 0 0 2px;
  color: rgb(53, 213, 255) !important;
  opacity: .96;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-metric dd {
  margin: 0;
  color: rgb(237, 247, 252);
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: -.25px;
  font-variant-numeric: tabular-nums;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-metric dt {
  max-width: 105px;
  color: rgb(184, 205, 216);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-metric dt::after {
  font-size: 9px;
  font-weight: 560;
  line-height: 11px;
}

/* One continuous two-cell evidence-window band. */

.hybrid-panel#signal-runoff-panel .hybrid-runoff-window-range {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  flex: 1 1 auto;
  gap: 0;
  min-height: 78px;
  margin-top: 8px;
  overflow: hidden;
  border: 1px solid rgba(42, 101, 132, .42);
  border-radius: 6px;
  background:
    linear-gradient(
      180deg,
      rgba(11, 37, 55, .38) 0%,
      rgba(7, 27, 42, .3) 100%
    );
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-window-range > article {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  grid-template-rows: auto auto auto auto;
  align-content: center;
  column-gap: 10px;
  row-gap: 1px;
  min-height: 78px;
  height: 100%;
  padding: 10px 13px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  text-align: left;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-window-range > article + article {
  border-left: 1px solid rgba(53, 213, 255, .13);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-window-range > article::before {
  width: 23px;
  height: 23px;
  opacity: .94;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-window-range > article > span {
  color: rgb(143, 169, 185);
  font-size: 8px;
  line-height: 9px;
  letter-spacing: .72px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-window-range > article > strong {
  color: rgb(237, 247, 252);
  font-size: 18px;
  line-height: 19px;
  letter-spacing: -.2px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-window-range > article > b {
  color: rgb(190, 208, 218);
  font-size: 9px;
  line-height: 11px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-window-range > article > small {
  color: rgb(126, 155, 172);
  font-size: 8px;
  line-height: 10px;
}

/* Keep the redundant disclosure removed. */

.hybrid-panel#signal-runoff-panel .hybrid-runoff-footprint .hybrid-runoff-module-note {
  display: none;
}

@media (max-width: 1023px) {
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-metric {
    min-height: 80px;
    padding: 8px 4px;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-metric-icon {
    width: 22px;
    height: 22px;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-window-range {
    min-height: 74px;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-window-range > article {
    min-height: 74px;
    padding: 9px 11px;
  }
}

@media (max-width: 679px) {
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-footprint-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-metric:nth-child(3) {
    border-left: 0;
    border-top: 1px solid rgba(53, 213, 255, .13);
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-metric:nth-child(4) {
    border-top: 1px solid rgba(53, 213, 255, .13);
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-window-range {
    grid-template-columns: 1fr;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-window-range > article + article {
    border-top: 1px solid rgba(53, 213, 255, .13);
    border-left: 0;
  }
}

/* RUNOFF FINAL ARCHITECTURE V1
   Locked composition:
   - Panels 1 and 2 remain internally unchanged.
   - Other Tested Matchups occupies the upper-right position.
   - Other Tested Matchups is a one-row-per-matchup scroll catalogue.
   - Selected Matchup History spans the complete lower workspace.
   - Evidence Footprint and methodology disclosures are not rendered.
*/

/* Remove visual module numbering without modifying Panels 1 or 2 markup. */

.hybrid-panel#signal-runoff-panel .hybrid-runoff-step {
  display: none;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-module-head > div {
  column-gap: 0;
}

/* Preserve the established three-column upper composition. */

.hybrid-panel#signal-runoff-panel .hybrid-runoff-current-grid {
  grid-template-columns: minmax(390px, 1.12fr) minmax(390px, 1.12fr) minmax(280px, .96fr);
  align-items: stretch;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-current-grid > .hybrid-runoff-module {
  min-height: 0;
  height: 100%;
}

@media (min-width: 1024px) {
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-current-grid {
    height: 271px;
  }
}

/* Upper-right Other Tested Matchups catalogue. */

.hybrid-panel#signal-runoff-panel .hybrid-runoff-others {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-others .hybrid-runoff-module-head {
  flex: 0 0 auto;
  margin-bottom: 5px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-others .hybrid-runoff-module-head > span {
  display: none;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-other-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-auto-rows: auto;
  align-content: start;
  flex: 1 1 auto;
  gap: 5px;
  min-width: 0;
  min-height: 0;
  padding-right: 4px;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(53, 213, 255, .44) rgba(4, 16, 27, .62);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-other-grid::-webkit-scrollbar {
  width: 5px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-other-grid::-webkit-scrollbar-track {
  background: rgba(4, 16, 27, .62);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-other-grid::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: rgba(53, 213, 255, .38);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-other-card {
  display: grid;
  grid-template-columns: minmax(118px, 1.05fr) minmax(125px, .95fr);
  grid-template-areas:
    "title score"
    "meta score"
    "foot foot";
  align-items: center;
  column-gap: 9px;
  row-gap: 2px;
  min-width: 0;
  min-height: 72px;
  padding: 7px 8px;
  border-color: rgba(35, 86, 115, .46);
  background: rgba(7, 24, 38, .48);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-other-card h4 {
  grid-area: title;
  min-height: 0;
  margin: 0;
  padding: 0;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-other-card h4 span,
.hybrid-panel#signal-runoff-panel .hybrid-runoff-other-card h4 small {
  display: block;
  overflow: visible;
  font-size: 10px;
  line-height: 11.5px;
  text-overflow: clip;
  white-space: normal;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-other-meta {
  grid-area: meta;
  align-self: start;
  overflow: hidden;
  margin: 0;
  color: rgb(143, 169, 185);
  font-size: 8px;
  line-height: 9.5px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-other-score {
  grid-area: score;
  display: grid;
  grid-template-columns: auto minmax(56px, 1fr) auto;
  align-items: center;
  gap: 6px;
  width: 100%;
  min-width: 0;
  margin: 0;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-other-score > strong {
  font-size: 13px;
  line-height: 13px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-other-score .hybrid-runoff-compact-rail {
  width: 100%;
  min-width: 0;
  height: 7px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-other-foot {
  grid-area: foot;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 7px;
  min-width: 0;
  padding-top: 4px;
  border-top: 1px solid rgba(35, 86, 115, .32);
  color: rgb(143, 169, 185);
  font-size: 7.5px;
  line-height: 9px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-other-foot > span:nth-child(2) {
  justify-self: end;
}

/* Full-width Selected Matchup History. */

.hybrid-panel#signal-runoff-panel .hybrid-runoff-archive-grid {
  grid-template-columns: minmax(0, 1fr);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-history {
  width: 100%;
  min-width: 0;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-history .hybrid-runoff-module-note {
  display: none;
}

/* Defensive suppression; both elements are removed from rendered markup. */

.hybrid-panel#signal-runoff-panel .hybrid-runoff-footprint {
  display: none;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-methodology {
  display: none;
}

/* RUNOFF DENSE ARCHIVE POLISH V3
   Working archive renderers preserved.
   Other Tested Matchups becomes a border-light terminal row list.
   History renders one horizontally scrollable position per observation.
*/

/* Keep the narrowest-margin band inside Panel 1. */

.hybrid-panel#signal-runoff-panel .hybrid-runoff-closest {
  overflow: hidden;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-closest-callout {
  box-sizing: border-box;
  flex: 0 0 22px;
  width: 100%;
  min-height: 22px;
  max-height: 22px;
  margin: 3px 0 0;
  padding: 2px 7px;
  overflow: hidden;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-closest-callout strong {
  font-size: 8.5px;
  line-height: 9px;
  white-space: nowrap;
}

/* Other Tested Matchups: rows, not nested cards. */

.hybrid-panel#signal-runoff-panel .hybrid-runoff-others .hybrid-runoff-module-head {
  margin-bottom: 2px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-others .hybrid-runoff-module-head > span {
  display: none;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-other-grid {
  display: block;
  grid-template-columns: none;
  grid-auto-rows: auto;
  align-content: start;
  min-width: 0;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-other-card {
  display: grid;
  grid-template-columns:
    minmax(125px, 1.28fr)
    minmax(108px, .9fr)
    minmax(65px, .4fr);
  grid-template-areas:
    "title score foot"
    "meta  score foot";
  align-items: center;
  column-gap: 8px;
  row-gap: 2px;
  min-width: 0;
  min-height: 62px;
  margin: 0;
  padding: 7px 3px;
  border: 0;
  border-bottom: 1px solid rgba(35, 86, 115, .42);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-other-card:last-child {
  border-bottom: 0;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-other-card:hover {
  border-color: rgba(53, 213, 255, .30);
  background: rgba(10, 38, 55, .18);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-other-card h4 {
  grid-area: title;
  display: block;
  min-height: 0;
  margin: 0;
  padding: 0;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-other-card h4 span,
.hybrid-panel#signal-runoff-panel .hybrid-runoff-other-card h4 small {
  display: block;
  overflow: visible;
  color: rgb(226, 237, 244);
  font-size: 11.5px;
  font-weight: 710;
  line-height: 12.5px;
  text-overflow: clip;
  white-space: normal;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-other-meta {
  grid-area: meta;
  overflow: hidden;
  margin: 1px 0 0;
  color: rgb(139, 165, 181);
  font-size: 8px;
  line-height: 9.5px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-other-score {
  grid-area: score;
  display: grid;
  grid-template-columns:
    auto
    minmax(52px, 68px)
    auto;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 100%;
  min-width: 0;
  margin: 0;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-other-score > strong {
  font-size: 14px;
  font-weight: 730;
  line-height: 14px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-other-score .hybrid-runoff-compact-rail {
  width: 100%;
  min-width: 52px;
  max-width: 68px;
  height: 6px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-other-foot {
  grid-area: foot;
  display: grid;
  align-content: center;
  justify-items: end;
  gap: 3px;
  min-width: 0;
  padding: 0;
  border: 0;
  color: rgb(139, 165, 181);
  font-size: 7.5px;
  line-height: 9px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-other-foot > span {
  white-space: nowrap;
}

/* Full-width history: independent source observations. */

.hybrid-panel#signal-runoff-panel .hybrid-runoff-history {
  overflow: hidden;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-history-head {
  min-height: 31px;
  margin-bottom: 4px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-history-head p {
  margin-top: 2px;
  font-size: 9.5px;
  line-height: 11px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-history-scroll {
  min-width: 0;
  padding: 1px 0 7px;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
  scrollbar-color:
    rgba(53, 213, 255, .44)
    rgba(4, 16, 27, .52);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-history-scroll::-webkit-scrollbar {
  height: 7px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-history-scroll::-webkit-scrollbar-track {
  background: rgba(4, 16, 27, .52);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-history-scroll::-webkit-scrollbar-thumb {
  border-radius: 7px;
  background: rgba(53, 213, 255, .40);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-chronology.is-observation-strip {
  position: relative;
  display: grid;
  grid-template-columns: none;
  grid-auto-flow: column;
  grid-auto-columns: 174px;
  align-items: start;
  gap: 0;
  width: max-content;
  min-width: max-content;
  padding: 1px 0 3px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-chronology.is-observation-strip .hybrid-runoff-chronology-guide {
  top: 6px;
  right: 87px;
  left: 87px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-chronology.is-observation-strip .hybrid-runoff-history-position {
  position: relative;
  display: grid;
  align-content: start;
  width: 174px;
  min-width: 174px;
  padding: 0 11px;
  border-left: 1px solid rgba(35, 86, 115, .17);
  text-align: center;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-chronology.is-observation-strip .hybrid-runoff-history-position:first-of-type {
  border-left: 0;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-chronology.is-observation-strip .hybrid-runoff-history-node {
  width: 11px;
  height: 11px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-chronology.is-observation-strip .hybrid-runoff-history-position time {
  min-height: 26px;
  margin-top: 5px;
  color: rgb(164, 185, 198);
  font-size: 10px;
  font-weight: 520;
  line-height: 12px;
  white-space: nowrap;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-chronology.is-observation-strip .hybrid-runoff-history-group {
  display: block;
  min-width: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-chronology.is-observation-strip .hybrid-runoff-history-entry {
  display: grid;
  grid-template-rows: 14px 19px 13px;
  justify-items: center;
  align-content: start;
  gap: 3px;
  min-height: 55px;
  padding: 4px 2px 3px;
  border: 0;
  background: transparent;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-chronology.is-observation-strip .hybrid-runoff-history-entry > strong {
  overflow: visible;
  max-width: 100%;
  color: rgb(230, 240, 246);
  font-size: 10.5px;
  font-weight: 700;
  line-height: 12px;
  text-overflow: clip;
  white-space: nowrap;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-chronology.is-observation-strip .hybrid-runoff-history-scores {
  gap: 3px;
  font-size: 17px;
  font-weight: 730;
  line-height: 18px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-chronology.is-observation-strip .hybrid-runoff-history-meta {
  gap: 3px;
  color: rgb(143, 169, 185);
  font-size: 9px;
  line-height: 11px;
  white-space: nowrap;
}

@media (max-width: 1023px) {
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-chronology.is-observation-strip {
    grid-auto-columns: 168px;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-chronology.is-observation-strip .hybrid-runoff-history-position {
    width: 168px;
    min-width: 168px;
  }
}

/* RUNOFF ARCHIVE OPTICAL POLISH V1
   Remove residual card chrome, improve record density and typography,
   contain the upper modules, and make History a genuinely scrollable
   terminal chronology.
*/

/* ================================================================
   Panel 1 ΓÇö replace the protruding margin card with a status rule
   ================================================================ */

.hybrid-panel#signal-runoff-panel .hybrid-runoff-closest {
  box-sizing: border-box;
  overflow: hidden;
  padding-bottom: 6px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-closest-callout {
  box-sizing: border-box;
  flex: 0 0 auto;
  width: auto;
  min-height: 0;
  max-height: none;
  margin: 4px 0 0;
  padding: 5px 0 0;
  overflow: visible;
  border: 0;
  border-top: 1px solid rgba(53, 213, 255, .24);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-closest-callout .hybrid-runoff-callout-icon {
  width: 12px;
  height: 12px;
  opacity: .74;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-closest-callout strong {
  color: rgb(53, 213, 255);
  font-size: 8.5px;
  font-weight: 700;
  line-height: 10px;
  letter-spacing: .38px;
  white-space: nowrap;
}

/* ================================================================
   Panel 2 ΓÇö contain the legend inside the panel
   ================================================================ */

.hybrid-panel#signal-runoff-panel .hybrid-runoff-common {
  overflow: hidden;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-legend {
  box-sizing: border-box;
  flex: 0 0 21px;
  min-height: 21px;
  max-height: 21px;
  margin: 0;
  padding-top: 4px;
  overflow: hidden;
}

/* ================================================================
   Other Tested Matchups ΓÇö terminal records, not miniature cards
   ================================================================ */

.hybrid-panel#signal-runoff-panel .hybrid-runoff-others {
  overflow: hidden;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-others .hybrid-runoff-module-head {
  margin-bottom: 3px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-other-grid {
  display: block;
  min-width: 0;
  padding-right: 7px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-other-grid::-webkit-scrollbar-button {
  display: none;
  width: 0;
  height: 0;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-other-card {
  display: grid;
  grid-template-columns:
    minmax(145px, 1.32fr)
    minmax(125px, .88fr);
  grid-template-areas:
    "title score"
    "meta  score"
    "foot  foot";
  align-items: center;
  column-gap: 10px;
  row-gap: 2px;
  min-width: 0;
  min-height: 72px;
  margin: 0;
  padding: 8px 4px 7px;
  border: 0;
  border-bottom: 1px solid rgba(42, 91, 118, .42);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-other-card:last-child {
  border-bottom: 0;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-other-card:hover {
  background:
    linear-gradient(
      90deg,
      rgba(53, 213, 255, .035),
      rgba(157, 140, 255, .018)
    );
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-other-card h4 {
  grid-area: title;
  min-height: 0;
  margin: 0;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-other-card h4 span,
.hybrid-panel#signal-runoff-panel .hybrid-runoff-other-card h4 small {
  display: block;
  overflow: visible;
  color: rgb(228, 238, 244);
  font-size: 12.5px;
  font-weight: 720;
  line-height: 13.5px;
  text-overflow: clip;
  white-space: normal;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-other-meta {
  grid-area: meta;
  overflow: hidden;
  margin: 2px 0 0;
  color: rgb(143, 169, 185);
  font-size: 8.5px;
  line-height: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-other-score {
  grid-area: score;
  display: grid;
  grid-template-columns:
    auto
    minmax(62px, 84px)
    auto;
  align-items: center;
  justify-content: end;
  gap: 6px;
  min-width: 0;
  margin: 0;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-other-score > strong {
  font-size: 15px;
  font-weight: 730;
  line-height: 15px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-other-score .hybrid-runoff-compact-rail {
  width: 84px;
  min-width: 62px;
  max-width: 84px;
  height: 6px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-other-foot {
  grid-area: foot;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
  margin-top: 3px;
  padding: 4px 0 0;
  border: 0;
  border-top: 1px solid rgba(42, 91, 118, .22);
  color: rgb(143, 169, 185);
  font-size: 8px;
  line-height: 9px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-other-foot > span {
  white-space: nowrap;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-other-foot .hybrid-runoff-source {
  margin-left: auto;
  font-size: 10px;
}

/* ================================================================
   Selected Matchup History ΓÇö wider, clearer scrolling observations
   ================================================================ */

.hybrid-panel#signal-runoff-panel .hybrid-runoff-history {
  overflow: hidden;
  padding-bottom: 5px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-history-head {
  margin-bottom: 5px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-history-head p {
  margin-top: 3px;
  font-size: 10px;
  line-height: 12px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-history-select {
  min-width: 280px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-history-scroll {
  scroll-snap-type: x proximity;
  min-width: 0;
  padding: 2px 0 10px;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
  scrollbar-color:
    rgba(53, 213, 255, .52)
    rgba(4, 16, 27, .56);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-history-scroll::-webkit-scrollbar {
  height: 8px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-history-scroll::-webkit-scrollbar-track {
  background: rgba(4, 16, 27, .56);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-history-scroll::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background: rgba(53, 213, 255, .46);
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-history-scroll::-webkit-scrollbar-button {
  display: none;
  width: 0;
  height: 0;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-chronology.is-observation-strip {
  grid-auto-columns: 192px;
  width: max-content;
  min-width: max-content;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-chronology.is-observation-strip .hybrid-runoff-chronology-guide {
  right: 96px;
  left: 96px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-chronology.is-observation-strip .hybrid-runoff-history-position {
  scroll-snap-align: start;
  width: 192px;
  min-width: 192px;
  padding: 0 15px;
  border-left: 0;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-chronology.is-observation-strip .hybrid-runoff-history-position time {
  min-height: 29px;
  margin-top: 6px;
  color: rgb(174, 195, 207);
  font-size: 10.5px;
  font-weight: 560;
  line-height: 13px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-chronology.is-observation-strip .hybrid-runoff-history-entry {
  grid-template-rows: 16px 21px 14px;
  gap: 4px;
  min-height: 62px;
  padding: 5px 2px 4px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-chronology.is-observation-strip .hybrid-runoff-history-entry > strong {
  color: rgb(232, 241, 246);
  font-size: 11.5px;
  font-weight: 710;
  line-height: 13px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-chronology.is-observation-strip .hybrid-runoff-history-scores {
  gap: 3px;
  font-size: 18px;
  font-weight: 730;
  line-height: 19px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-chronology.is-observation-strip .hybrid-runoff-history-meta {
  color: rgb(150, 175, 190);
  font-size: 9.5px;
  line-height: 12px;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-chronology.is-observation-strip .hybrid-runoff-history-meta .hybrid-runoff-source {
  font-size: 11px;
}

/* Keep observations readable at narrower breakpoints. */

@media (max-width: 1023px) {
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-chronology.is-observation-strip {
    grid-auto-columns: 184px;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-chronology.is-observation-strip .hybrid-runoff-history-position {
    width: 184px;
    min-width: 184px;
    padding-inline: 13px;
  }
}

/* RUNOFF HOVER METADATA V1
   Hide secondary evidence metadata from the persistent layout.
   Preserve the data in markup and expose it through the shared FR27 tooltip.
*/

/* Panel 1 */

.hybrid-panel#signal-runoff-panel
.hybrid-runoff-closest
.hybrid-runoff-module-head > span {
  display: none;
}

.hybrid-panel#signal-runoff-panel
.hybrid-runoff-source-observation {
  cursor: help;
}

.hybrid-panel#signal-runoff-panel
.hybrid-runoff-observation-head > span {
  display: none;
}

.hybrid-panel#signal-runoff-panel
.hybrid-runoff-observation-head {
  justify-content: center;
  min-height: 16px;
}

/* Panel 3 */

.hybrid-panel#signal-runoff-panel
.hybrid-runoff-others
.hybrid-runoff-module-head > span {
  display: none;
}

.hybrid-panel#signal-runoff-panel
.hybrid-runoff-other-card {
  cursor: help;
  min-height: 62px;
  padding-top: 8px;
  padding-bottom: 6px;
}

.hybrid-panel#signal-runoff-panel
.hybrid-runoff-other-card h4 {
  min-height: 30px;
}

.hybrid-panel#signal-runoff-panel
.hybrid-runoff-other-card h4 span,
.hybrid-panel#signal-runoff-panel
.hybrid-runoff-other-card h4 small {
  overflow: visible;
  color: rgb(232, 241, 246);
  font-size: 13.5px;
  font-weight: 720;
  line-height: 14.5px;
  text-overflow: clip;
  white-space: normal;
}

.hybrid-panel#signal-runoff-panel
.hybrid-runoff-other-meta {
  display: none;
}

.hybrid-panel#signal-runoff-panel
.hybrid-runoff-other-foot {
  min-height: 13px;
  margin-top: 1px;
  padding-top: 0;
  border-top: 0;
  font-size: 0;
}

.hybrid-panel#signal-runoff-panel
.hybrid-runoff-other-foot > span {
  display: none;
}

.hybrid-panel#signal-runoff-panel
.hybrid-runoff-other-foot
.hybrid-runoff-source {
  display: inline-grid;
  margin-left: auto;
  font-size: 10px;
}

/* Panel 4 */

.hybrid-panel#signal-runoff-panel
.hybrid-runoff-history-head p {
  display: none;
}

.hybrid-panel#signal-runoff-panel
.hybrid-runoff-history-entry {
  cursor: help;
}

.hybrid-panel#signal-runoff-panel
.hybrid-runoff-history-meta {
  min-height: 13px;
  font-size: 0;
  line-height: 13px;
}

.hybrid-panel#signal-runoff-panel
.hybrid-runoff-history-meta
.hybrid-runoff-source {
  display: inline-grid;
  width: 15px;
  height: 14px;
  font-size: 11px;
  line-height: 11px;
}

/* RUNOFF FINAL MICROFIX V1
   - contain and strengthen the narrowest-margin status band;
   - vertically centre Other Tested Matchups records;
   - move History source links beside pollster names;
   - remove the permanently visible History metadata row.
*/

/* ================================================================
   Panel 1 ΓÇö contained, centred narrowest-margin status band
   ================================================================ */

.hybrid-panel#signal-runoff-panel .hybrid-runoff-closest {
  display: flex !important;
  flex-direction: column !important;
  box-sizing: border-box !important;
  min-height: 0 !important;
  overflow: hidden !important;
  padding-bottom: 7px !important;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-observations {
  flex: 1 1 auto !important;
  min-height: 0 !important;
}

.hybrid-panel#signal-runoff-panel .hybrid-runoff-closest-callout {
  position: static !important;
  align-self: stretch !important;

  display: flex !important;
  flex: 0 0 30px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;

  box-sizing: border-box !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;

  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;

  margin: 5px 0 0 !important;
  padding: 0 10px !important;
  overflow: hidden !important;

  border: 1px solid rgba(53, 213, 255, .28) !important;
  border-radius: 0 !important;
  background: rgba(11, 45, 62, .34) !important;
  box-shadow: none !important;
  text-align: center !important;
  transform: none !important;
}

.hybrid-panel#signal-runoff-panel
.hybrid-runoff-closest-callout
.hybrid-runoff-callout-icon {
  flex: 0 0 14px !important;
  width: 14px !important;
  height: 14px !important;
  margin: 0 !important;
  color: rgb(143, 169, 185) !important;
}

.hybrid-panel#signal-runoff-panel
.hybrid-runoff-closest-callout strong {
  display: block !important;
  margin: 0 !important;
  color: rgb(53, 213, 255) !important;
  font-size: 11.5px !important;
  font-weight: 760 !important;
  line-height: 13px !important;
  letter-spacing: .34px !important;
  white-space: nowrap !important;
}

/* ================================================================
   Panel 3 ΓÇö vertically centred terminal records
   ================================================================ */

.hybrid-panel#signal-runoff-panel .hybrid-runoff-other-card {
  grid-template-columns:
    minmax(145px, 1.25fr)
    minmax(118px, .9fr)
    18px !important;

  grid-template-rows: minmax(68px, 1fr) !important;
  grid-template-areas:
    "title score foot" !important;

  align-content: center !important;
  align-items: center !important;

  min-height: 68px !important;
  padding: 0 8px !important;
  column-gap: 8px !important;
  row-gap: 0 !important;
}

.hybrid-panel#signal-runoff-panel
.hybrid-runoff-other-card h4 {
  grid-area: title !important;
  align-self: center !important;

  display: grid !important;
  align-content: center !important;

  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.hybrid-panel#signal-runoff-panel
.hybrid-runoff-other-card h4 span,
.hybrid-panel#signal-runoff-panel
.hybrid-runoff-other-card h4 small {
  color: rgb(235, 243, 248) !important;
  font-size: 14px !important;
  font-weight: 740 !important;
  line-height: 15px !important;
}

.hybrid-panel#signal-runoff-panel
.hybrid-runoff-other-meta {
  display: none !important;
}

.hybrid-panel#signal-runoff-panel
.hybrid-runoff-other-score {
  grid-area: score !important;
  align-self: center !important;
  margin: 0 !important;
}

.hybrid-panel#signal-runoff-panel
.hybrid-runoff-other-foot {
  grid-area: foot !important;
  align-self: center !important;

  display: grid !important;
  place-items: center !important;

  min-width: 18px !important;
  min-height: 18px !important;
  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  font-size: 0 !important;
}

.hybrid-panel#signal-runoff-panel
.hybrid-runoff-other-foot > span {
  display: none !important;
}

.hybrid-panel#signal-runoff-panel
.hybrid-runoff-other-foot
.hybrid-runoff-source {
  display: inline-grid !important;
  place-items: center !important;
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
  font-size: 11px !important;
}

/* ================================================================
   Panel 4 ΓÇö source arrow beside pollster; no bottom micro-notes
   ================================================================ */

.hybrid-panel#signal-runoff-panel
.hybrid-runoff-history-entry {
  grid-template-rows: 16px 21px !important;
  align-content: start !important;
  gap: 4px !important;
  min-height: 43px !important;
  padding: 4px 2px 2px !important;
}

.hybrid-panel#signal-runoff-panel
.hybrid-runoff-history-pollster {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 3px !important;

  overflow: visible !important;
  max-width: 100% !important;
  color: rgb(232, 241, 246) !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

.hybrid-panel#signal-runoff-panel
.hybrid-runoff-history-pollster
.hybrid-runoff-source {
  display: inline-grid !important;
  place-items: center !important;

  flex: 0 0 14px !important;
  width: 14px !important;
  height: 14px !important;

  color: rgb(118, 166, 189) !important;
  font-size: 10px !important;
  line-height: 10px !important;
  text-decoration: none !important;
}

.hybrid-panel#signal-runoff-panel
.hybrid-runoff-history-pollster
.hybrid-runoff-source:hover {
  color: rgb(53, 213, 255) !important;
}

.hybrid-panel#signal-runoff-panel
.hybrid-runoff-history-meta {
  display: none !important;
}

/* RUNOFF HISTORY SELECT TYPOGRAPHY V1 */
.hybrid-panel#signal-runoff-panel .hybrid-runoff-history-select {
  font-size: 11.5px !important;
  font-weight: 520 !important;
  line-height: 16px !important;
  letter-spacing: 0 !important;
}

/* RUNOFF LOCKED FINAL REPAIR V2
   Protect decimal score labels in Other Tested Matchups and preserve
   the approved compact terminal composition.
*/

@media (min-width: 821px) {
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-other-card {
    grid-template-columns: minmax(0, 1fr) minmax(178px, .92fr) 18px !important;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-other-score {
    display: grid !important;
    grid-template-columns: 48px 66px 54px !important;
    align-items: center !important;
    justify-content: end !important;
    gap: 5px !important;
    width: 178px !important;
    min-width: 178px !important;
    max-width: 178px !important;
    margin: 0 !important;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-other-score > strong {
    display: block !important;
    min-width: 0 !important;
    margin: 0 !important;
    font-variant-numeric: tabular-nums !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-other-score > strong:first-child {
    justify-self: end !important;
    text-align: right !important;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-other-score > strong:last-child {
    justify-self: end !important;
    text-align: right !important;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-other-score .hybrid-runoff-compact-rail {
    justify-self: start !important;
    width: 66px !important;
    min-width: 66px !important;
    max-width: 66px !important;
  }
}

/* RUNOFF PANEL 3 SCORE SYMMETRY V1
   Balance the left score, center rail, and right score so the rail sits
   visually centered and the right percentage no longer floats too far away.
*/
@media (min-width: 821px) {
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-other-score {
    grid-template-columns: 58px 68px 58px !important;
    width: 184px !important;
    min-width: 184px !important;
    max-width: 184px !important;
    gap: 0 !important;
    align-items: center !important;
    justify-content: end !important;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-other-score > strong:first-child {
    justify-self: end !important;
    text-align: right !important;
    padding-right: 6px !important;
    white-space: nowrap !important;
    font-variant-numeric: tabular-nums !important;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-other-score > strong:last-child {
    justify-self: start !important;
    text-align: left !important;
    padding-left: 6px !important;
    white-space: nowrap !important;
    font-variant-numeric: tabular-nums !important;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-other-score .hybrid-runoff-compact-rail {
    justify-self: center !important;
    width: 68px !important;
    min-width: 68px !important;
    max-width: 68px !important;
    margin: 0 !important;
  }
}

/* RUNOFF PANEL 3 SOURCE PROXIMITY V1
   Keep the score rail balanced while bringing the source action closer
   to the right-hand percentage.
*/
@media (min-width: 821px) {
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-other-card {
    grid-template-columns:
      minmax(0, 1fr)
      172px
      14px !important;
    column-gap: 4px !important;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-other-score {
    grid-template-columns:
      58px
      68px
      46px !important;
    width: 172px !important;
    min-width: 172px !important;
    max-width: 172px !important;
  }

  .hybrid-panel#signal-runoff-panel
  .hybrid-runoff-other-score > strong:last-child {
    justify-self: start !important;
    padding-left: 6px !important;
    padding-right: 0 !important;
  }

  .hybrid-panel#signal-runoff-panel
  .hybrid-runoff-other-foot {
    justify-self: start !important;
    width: 14px !important;
    min-width: 14px !important;
    max-width: 14px !important;
  }

  .hybrid-panel#signal-runoff-panel
  .hybrid-runoff-other-foot
  .hybrid-runoff-source {
    width: 14px !important;
    height: 14px !important;
    margin: 0 !important;
  }
}
/* RUNOFF NEUTRAL STATUS AND MARGINS V1
   Remove evaluative green, preserve a neutral analytical palette,
   and replace boxed margin tiles with lightweight terminal readouts.
*/

/* AGREE remains a status chip, but uses the dashboard cyan. */
.hybrid-panel#signal-runoff-panel .hybrid-runoff-status,
.hybrid-panel#signal-runoff-panel .hybrid-runoff-status.is-agree {
  color: rgb(53, 213, 255) !important;
  border-color: rgba(53, 213, 255, .55) !important;
  background: rgba(53, 213, 255, .045) !important;
  box-shadow: none !important;
}

/* Remove the complete box around margin values. */
.hybrid-panel#signal-runoff-panel .hybrid-runoff-margin-tile {
  padding: 4px 4px 4px 10px !important;
  border: 0 !important;
  border-left: 1px solid rgba(29, 75, 103, .62) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Neutral label. */
.hybrid-panel#signal-runoff-panel .hybrid-runoff-margin-tile span {
  color: rgb(143, 169, 185) !important;
}

/* First observation: cyan analytical accent. */
.hybrid-panel#signal-runoff-panel
.hybrid-runoff-observations
> .hybrid-runoff-source-observation:nth-of-type(1)
.hybrid-runoff-margin-tile strong,
.hybrid-panel#signal-runoff-panel
.hybrid-runoff-observations
> .hybrid-runoff-source-observation:nth-of-type(1)
.hybrid-runoff-margin-tile small {
  color: rgb(53, 213, 255) !important;
}

/* Second observation: dashboard violet accent. */
.hybrid-panel#signal-runoff-panel
.hybrid-runoff-observations
> .hybrid-runoff-source-observation:nth-of-type(2)
.hybrid-runoff-margin-tile strong,
.hybrid-panel#signal-runoff-panel
.hybrid-runoff-observations
> .hybrid-runoff-source-observation:nth-of-type(2)
.hybrid-runoff-margin-tile small {
  color: rgb(157, 140, 255) !important;
}
/* RUNOFF PANELS 2 AND 3 OPTICAL TYPOGRAPHY PARITY V5
   Preserve candidate-pair typography and slightly reduce only
   the vertical footprint of Panel 3 matchup rows. */
@media (min-width: 1400px) {
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-matchup strong {
    font-size: 12.5px !important;
    font-weight: 680 !important;
    line-height: 16px !important;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-other-card h4,
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-other-card h4 > span,
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-other-card h4 > small {
    font-size: 13px !important;
    font-weight: 680 !important;
    line-height: 16px !important;
    letter-spacing: 0 !important;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-other-card {
    grid-template-rows: minmax(62px, 1fr) !important;
    min-height: 62px !important;
  }
}

/* RUNOFF TYPOGRAPHY SCALE ALIGNMENT V1: START */
/*
 * Bring the desktop Runoff workspace closer to the compact top-row
 * typography without changing row spacing, padding, grids or dimensions.
 */
@media (min-width: 1024px) {
  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-module
    h3 {
    font-size: 9.5px;
    line-height: 11px;
  }

  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-module
    > h4 {
    font-size: 13.5px;
    line-height: 16px;
  }

  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-candidate-name {
    font-size: 11.5px;
    line-height: 14px;
  }

  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-candidate
    strong,
  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-candidate-result
    strong {
    font-size: 27px;
    line-height: 25px;
    letter-spacing: -.8px;
  }

  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-source {
    font-size: 10px;
    line-height: 12px;
  }

  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-closest-callout
    strong {
    font-size: 10px !important;
    line-height: 13px !important;
  }

  /*
   * Panel 2: reduce the names by 1px while retaining the existing
   * 16px line box so matchup rows do not move closer together.
   */
  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-common
    .hybrid-runoff-matrix-matchup
    strong {
    font-size: 11.5px !important;
    line-height: 16px !important;
  }

  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-common
    .hybrid-runoff-matrix-score {
    font-size: 15px !important;
    line-height: 16px !important;
  }

  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-common
    .hybrid-runoff-matrix-margins
    strong {
    font-size: 15px !important;
    line-height: 16px !important;
  }

  /*
   * Panel 3: use the same name scale as panel 2 and preserve its
   * existing 16px line box and row separation.
   */
  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-other-card
    h4,
  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-other-card
    h4
    > span,
  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-other-card
    h4
    > small {
    font-size: 11.5px !important;
    line-height: 16px !important;
  }

  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-other-score
    > strong {
    font-size: 14px !important;
    line-height: 1 !important;
  }

  /*
   * History strip: modestly reduce text and figures without changing
   * the chronology structure or vertical allocation.
   */
  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-history-select {
    font-size: 10.5px !important;
    line-height: 16px !important;
  }

  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-chronology.is-observation-strip
    .hybrid-runoff-history-position
    time {
    font-size: 9.5px;
    line-height: 13px;
  }

  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-chronology.is-observation-strip
    .hybrid-runoff-history-entry
    > strong {
    font-size: 10.5px;
    line-height: 13px;
  }

  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-chronology.is-observation-strip
    .hybrid-runoff-history-scores {
    font-size: 17px;
    line-height: 19px;
  }

  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-history-pollster
    .hybrid-runoff-source {
    font-size: 10px !important;
    line-height: 10px !important;
  }
}
/* RUNOFF TYPOGRAPHY SCALE ALIGNMENT V1: END */

/* RUNOFF ROW REFINEMENT V2: START */
/*
 * Panel 2:
 * Keep the current type scale and row spacing, but constrain the
 * matchup label so all candidate pairings use a stable two-line format.
 *
 * Panel 3:
 * Reduce excess vertical space between matchup rows without changing
 * names, scores, bars or horizontal alignment.
 */
@media (min-width: 1024px) {
  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-common
    .hybrid-runoff-matrix-matchup {
    min-width: 0;
  }

  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-common
    .hybrid-runoff-matrix-matchup
    strong {
    display: block;
    width: 124px;
    max-width: 124px;
    white-space: normal !important;
    overflow-wrap: normal;
  }

  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-other-card {
    box-sizing: border-box;
    min-height: 54px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
}
/* RUNOFF ROW REFINEMENT V2: END */

/* RUNOFF DENSITY BALANCE V3: START */
/*
 * Final desktop density pass:
 * - modestly reduce Panel 1 result dominance
 * - reduce header metric dominance
 * - tighten Panel 3 rows substantially
 * - slightly reduce history scores
 *
 * Panel 2 typography and spacing remain unchanged.
 */
@media (min-width: 1024px) {
  /*
   * Workspace header metrics.
   * Both selectors are included because the current header has used
   * both structures across the runoff redesign.
   */
  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-header-metric
    strong,
  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-metric
    dd {
    font-size: 18px !important;
    line-height: 18px !important;
    letter-spacing: -.24px;
  }

  /*
   * Panel 1: retain the strongest numerical hierarchy, but bring the
   * figures closer to the surrounding dashboard scale.
   */
  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-candidate
    strong,
  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-candidate-result
    strong {
    font-size: 26px !important;
    line-height: 25px !important;
    letter-spacing: -.72px !important;
  }

  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-margin-tile
    > strong {
    font-size: 18px !important;
    line-height: 18px !important;
    letter-spacing: -.25px !important;
  }

  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-margin-tile
    > small {
    font-size: 11px !important;
    line-height: 13px !important;
  }

  /*
   * Panel 3: materially denser rows.
   * Scores and bars retain their current scale and alignment.
   */
  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-other-card {
    box-sizing: border-box;
    min-height: 46px !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }

  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-other-card
    h4,
  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-other-card
    h4
    > span,
  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-other-card
    h4
    > small {
    font-size: 11.5px !important;
    line-height: 14px !important;
  }

  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-other-meta {
    font-size: 8px !important;
    line-height: 9px !important;
  }

  /*
   * History remains readable but no longer competes with live results.
   */
  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-chronology.is-observation-strip
    .hybrid-runoff-history-scores {
    font-size: 16px !important;
    line-height: 18px !important;
  }
}
/* RUNOFF DENSITY BALANCE V3: END */

/* RUNOFF PANEL 3 DENSITY V4: START */
/*
 * Panel 3 only.
 * Balanced compact-card treatment: dense enough for rapid comparison,
 * but with enough separation to avoid reading as one continuous list.
 *
 * Typography, scores, bars and horizontal geometry are unchanged.
 */
@media (min-width: 1024px) {
  .hybrid-panel#signal-runoff-panel
    *:has(> .hybrid-runoff-other-card) {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-content: flex-start !important;
    gap: 3px !important;
    row-gap: 3px !important;
  }

  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-other-card {
    box-sizing: border-box !important;
    flex: 0 0 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    /* Supersede the earlier 68px archive row so record content remains
       inside the fixed desktop row instead of relying on overflow. */
    grid-template-rows: minmax(0, 1fr) !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 1px !important;
    padding-bottom: 1px !important;
  }
}
/* RUNOFF PANEL 3 DENSITY V4: END */

/* RUNOFF PANEL 3 TYPOGRAPHY MATCH V5: START */
/*
 * Panel 3 only.
 * Match Panel 2's matchup-name and result typography exactly.
 * Existing 38px rows and 3px row separation remain unchanged.
 */
@media (min-width: 1024px) {
  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-other-card
    h4,
  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-other-card
    h4
    > span,
  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-other-card
    h4
    > small {
    font-size: 11.5px !important;
    font-weight: 680 !important;
    line-height: 16px !important;
    letter-spacing: 0 !important;
  }

  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-other-score
    > strong {
    font-size: 15px !important;
    font-weight: 730 !important;
    line-height: 16px !important;
    letter-spacing: -.12px !important;
  }
}
/* RUNOFF PANEL 3 TYPOGRAPHY MATCH V5: END */

/* RUNOFF PANEL 3 WATCHLIST V6: START */
/*
 * Panel 3 terminal-watchlist treatment.
 *
 * CSS-only implementation:
 * - preserves the accepted highlighted ledger rows
 * - keeps full candidate names and source markup intact
 * - uses one compact inline pair instead of separate grid columns
 * - makes the space before "vs" approximately equal to a normal word space
 *
 * No runtime DOM mutation is required.
 */
@media (min-width: 1024px) {
  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-other-card {
    box-shadow:
      inset 2px 0 0 rgba(70, 214, 255, .42),
      inset 0 1px 0 rgba(20, 63, 90, .70),
      inset 0 -1px 0 rgba(20, 63, 90, .58);
    background:
      linear-gradient(
        90deg,
        rgba(10, 28, 44, .82) 0%,
        rgba(5, 18, 31, .55) 48%,
        rgba(8, 20, 34, .82) 100%
      );
  }

  /*
   * The existing markup contains candidate one and the
   * "vs candidate two" segment as separate children.
   *
   * Flex keeps them on one line while .3em closely matches
   * the ordinary word space already present after "vs".
   */
  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-other-card
    h4 {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: .3em !important;
    column-gap: .3em !important;
    min-width: 0 !important;
    margin: 0 !important;
    white-space: nowrap !important;
  }

  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-other-card
    h4
    > span,
  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-other-card
    h4
    > small {
    display: inline-block !important;
    flex: 0 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 11.5px !important;
    font-weight: 680 !important;
    line-height: 16px !important;
    letter-spacing: 0 !important;
  }

  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-other-score
    > strong {
    font-size: 15px !important;
    font-weight: 730 !important;
    line-height: 16px !important;
    letter-spacing: -.12px !important;
  }
}
/* RUNOFF PANEL 3 WATCHLIST V6: END */

/* RUNOFF PANEL 3 COLUMN HEADER V6.3: START */
/*
 * Panel 3 only.
 * Replace the empty alignment inset with a meaningful terminal-style
 * column header while preserving the established first-row position.
 *
 * Panel 3 represents one latest result per matchup, so its headings
 * intentionally differ from Panel 2's two-pollster matrix headings.
 */
@media (min-width: 1024px) {
  .hybrid-panel#signal-runoff-panel
    *:has(> .hybrid-runoff-other-card) {
    position: relative !important;
    box-sizing: border-box !important;
    padding-top: 32px !important;
  }

  .hybrid-panel#signal-runoff-panel
    *:has(> .hybrid-runoff-other-card)::before,
  .hybrid-panel#signal-runoff-panel
    *:has(> .hybrid-runoff-other-card)::after {
    position: absolute;
    top: 11px;
    z-index: 2;
    color: #9ab2be;
    font-family: inherit !important;
    font-size: 8px;
    font-weight: 730;
    line-height: 8.8px;
    letter-spacing: .88px;
    text-transform: uppercase;
    white-space: nowrap;
    pointer-events: none;
  }

  .hybrid-panel#signal-runoff-panel
    *:has(> .hybrid-runoff-other-card)::before {
    left: 8px;
    content: attr(data-matchup-label);
  }

  .hybrid-panel#signal-runoff-panel
    *:has(> .hybrid-runoff-other-card)::after {
    right: 28px;
    content: attr(data-latest-result-label);
    text-align: right;
  }
}
/* RUNOFF PANEL 3 COLUMN HEADER V6.3: END */

/* RUNOFF HISTORY OBSERVATION GROUPING V7: START */
/*
 * Selected Matchup History only.
 *
 * Strengthen the chronological date and visually bind each date,
 * pollster and score into one compact observation stack.
 *
 * Timeline geometry, dots and horizontal distribution are unchanged.
 */
@media (min-width: 1024px) {
  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-chronology.is-observation-strip
    .hybrid-runoff-history-position
    time {
    margin: 0 !important;
    color: #9ab2be !important;
    font-size: 10.5px !important;
    font-weight: 650 !important;
    line-height: 12px !important;
    letter-spacing: 0 !important;
  }

  /*
   * Pull the source/result stack closer to its date.
   * This replaces the detached annotation effect with one observation unit.
   */
  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-chronology.is-observation-strip
    .hybrid-runoff-history-entry {
    margin-top: 4px !important;
    padding-top: 0 !important;
    row-gap: 2px !important;
    gap: 2px !important;
  }

  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-chronology.is-observation-strip
    .hybrid-runoff-history-entry
    > strong {
    margin: 0 !important;
    color: rgba(236, 245, 250, .96) !important;
    font-size: 10.5px !important;
    font-weight: 680 !important;
    line-height: 12px !important;
  }

  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-history-pollster {
    margin: 0 !important;
    padding: 0 !important;
  }

  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-history-pollster
    .hybrid-runoff-source {
    margin: 0 !important;
    font-size: 10.5px !important;
    font-weight: 680 !important;
    line-height: 12px !important;
  }

  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-chronology.is-observation-strip
    .hybrid-runoff-history-scores {
    margin-top: 2px !important;
    font-size: 16px !important;
    line-height: 18px !important;
  }
}
/* RUNOFF HISTORY OBSERVATION GROUPING V7: END */

/* RUNOFF HISTORY STACK OPTICAL GROUPING V7.1: START */
/*
 * Selected Matchup History only.
 *
 * The measured date-to-source gap is already 5px, but the source and
 * result still appear detached because they occupy a separate layout
 * track. Lift the complete source/result stack slightly so each
 * observation reads as one attached chronological unit.
 */
@media (min-width: 1024px) {
  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-chronology.is-observation-strip
    .hybrid-runoff-history-entry {
    margin-top: 0 !important;
    gap: 3px !important;
    row-gap: 3px !important;
    transform: translateY(-4px) !important;
  }

  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-history-pollster,
  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-history-pollster
    .hybrid-runoff-source {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-chronology.is-observation-strip
    .hybrid-runoff-history-scores {
    margin-top: 0 !important;
  }
}
/* RUNOFF HISTORY STACK OPTICAL GROUPING V7.1: END */

/* RUNOFF BAND REMOVAL AND HISTORY SCROLL V9: START */
/*
 * Final Runoff workspace structure.
 *
 * - Remove the redundant Runoff Signals evidence band from the layout.
 * - Preserve the workspace's established fixed height.
 * - Allow vertical scrolling only when future content genuinely overflows.
 * - Keep the history heading and selector fixed.
 * - Let the chronology itself become horizontally scrollable as new
 *   source observations are published.
 */
@media (min-width: 1024px) {
  /*
   * The active RUNOFF tab and analytical modules already identify the
   * workspace. Keep the status-band markup available in the renderer,
   * but remove it from the visible layout.
   */
  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-evidence-header {
    display: none !important;
  }

  /*
   * Do not change the panel's assigned height.
   * Auto overflow removes the permanent vertical scrollbar when the
   * current content fits, while preserving scrolling for future growth.
   */
  .hybrid-panel#signal-runoff-panel {
overflow-x: hidden !important;
    scrollbar-gutter: auto !important;
    overscroll-behavior: contain;
  }

  .hybrid-panel#signal-runoff-panel::-webkit-scrollbar {
    width: 8px;
  }

  .hybrid-panel#signal-runoff-panel::-webkit-scrollbar-track {
    background: transparent;
  }

  .hybrid-panel#signal-runoff-panel::-webkit-scrollbar-thumb {
    border: 2px solid transparent;
    border-radius: 999px;
    background:
      rgba(77, 125, 151, .42)
      padding-box;
  }

  .hybrid-panel#signal-runoff-panel::-webkit-scrollbar-thumb:hover {
    background:
      rgba(73, 197, 230, .62)
      padding-box;
  }

  .hybrid-panel#signal-runoff-panel::-webkit-scrollbar-button {
    display: none;
    width: 0;
    height: 0;
  }

  /*
   * Restore a small deliberate inset between the tabs and the first
   * analytical row after removing the 62px status band.
   */
  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-current-grid {
    margin-top: 8px !important;
  }

  /*
   * Panel 4 owns horizontal overflow.
   * Its heading and matchup selector remain outside this wrapper.
   */
  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-history-scroll {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-gutter: auto !important;
    overscroll-behavior-x: contain;
    scroll-behavior: smooth;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  /*
   * Flex gives two useful states:
   *
   * 1. With the current eight observations, items grow evenly and
   *    occupy the full available width.
   *
   * 2. When additional polls raise the total beyond available width,
   *    each observation stops shrinking below 132px and the chronology
   *    extends horizontally inside its own scroll wrapper.
   */
  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-chronology.is-observation-strip {
    position: relative;
    display: flex !important;
    align-items: stretch;
    width: max-content !important;
    min-width: 100% !important;
    grid-template-columns: none !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
  }

  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-chronology.is-observation-strip
    .hybrid-runoff-history-position {
    box-sizing: border-box;
    flex: 1 0 132px !important;
    width: auto !important;
    min-width: 132px !important;
  }

  /*
   * The guide remains attached to the entire scrollable chronology,
   * not merely the initially visible viewport.
   */
  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-chronology.is-observation-strip
    .hybrid-runoff-chronology-guide {
    right: 0 !important;
    left: 0 !important;
  }

  /*
   * Low-profile horizontal scrollbar. It appears only when the track
   * genuinely exceeds the available width.
   */
  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-history-scroll {
    scrollbar-width: thin;
    scrollbar-color:
      rgba(53, 213, 255, .46)
      rgba(4, 16, 27, .28);
  }

  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-history-scroll::-webkit-scrollbar {
    height: 7px !important;
  }

  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-history-scroll::-webkit-scrollbar-track {
    border-radius: 999px;
    background: rgba(4, 16, 27, .28) !important;
  }

  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-history-scroll::-webkit-scrollbar-thumb {
    border: 2px solid transparent;
    border-radius: 999px;
    background:
      rgba(53, 213, 255, .46)
      padding-box !important;
  }

  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-history-scroll::-webkit-scrollbar-thumb:hover {
    background:
      rgba(53, 213, 255, .72)
      padding-box !important;
  }
}
/* RUNOFF BAND REMOVAL AND HISTORY SCROLL V9: END */

/* RUNOFF SHELL PARITY V9.3: START */
/*
 * Final Runoff content framing.
 *
 * Preserve the shared Candidates-sized outer workspace, but:
 * - stop the history module from stretching below its content;
 * - let the upper analytical row absorb the remaining height;
 * - use the same rounded, contained panel language as Candidates;
 * - preserve conditional vertical and horizontal scrolling.
 */
@media (min-width: 1024px) {
  /*
   * V9 previously placed the desktop top inset on the current grid.
   * Move that inset to the workspace itself so its two rows can divide
   * the remaining height predictably.
   */
  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-workspace {
    box-sizing: border-box !important;
    padding: 0 10px 8px !important;
    height: calc(100% - 8px) !important;
    margin-top: 8px !important;
    grid-template-rows:
      minmax(0, 1fr)
      auto !important;
    align-content: stretch !important;
    gap: 10px !important;
  }

  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-current-grid {
    height: auto !important;
    min-height: 0 !important;
    margin-top: 0 !important;
    gap: 10px !important;
  }

  /*
   * The history row should use only the height required by its heading,
   * timeline and scores. The upper row receives the released space.
   */
  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-archive-grid {
    align-items: start !important;
    gap: 10px !important;
  }

  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-archive-grid
    > .hybrid-runoff-history {
    align-self: start !important;
    height: auto !important;
    min-height: 0 !important;
    padding-bottom: 8px !important;
  }

  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-history-scroll,
  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-chronology.is-observation-strip {
    flex: 0 0 auto !important;
  }

  /*
   * Candidates-style contained framing.
   * Applied only to the four Runoff analytical modules.
   */
  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-current-grid
    > .hybrid-runoff-module,
  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-archive-grid
    > .hybrid-runoff-module {
    border-color: rgba(35, 86, 115, .76) !important;
    border-radius: 8px !important;
    background: rgba(4, 17, 29, .90) !important;
    box-shadow:
      inset 0 1px 0 rgba(113, 172, 201, .045) !important;
    overflow: hidden !important;
  }
}
/* RUNOFF SHELL PARITY V9.3: END */

/* Runoff structural containment.
 * The result pill follows its fluid matrix track instead of imposing an
 * 88px minimum that could overflow the right edge between desktop caps. */
@media (min-width: 1024px) {
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-margins {
    min-width: 0;
    padding-right: 4px;
    padding-left: 4px;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-margins strong {
    width: 100%;
    min-width: 0;
    max-width: 88px;
    padding-right: 2px;
    padding-left: 2px;
  }
}

/* DESKTOP WORKSPACE STABILIZATION PASS 2
 *
 * The Pass-1 desktop contract has one module graph and two density regimes.
 * This compact regime changes internal dimensions only; it does not stack,
 * reorder, hide, or move any analytical module.
 */
@media (min-width: 1024px) and (max-width: 1399px) {
  /* Runoff: retain the three upper modules while giving the result matrix
     enough width for all four structural columns at the 1280px target. */
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-workspace {
    padding-right: var(--fr27-workspace-inline-padding) !important;
    padding-left: var(--fr27-workspace-inline-padding) !important;
    gap: var(--fr27-workspace-gap) !important;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-current-grid {
    grid-template-columns:
      minmax(0, 31.5fr)
      minmax(0, 39fr)
      minmax(0, 29.5fr);
    gap: var(--fr27-workspace-gap) !important;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-module {
    padding-right: 8px;
    padding-left: 8px;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-module h3 {
    font-size: var(--fr27-workspace-micro-size);
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-source-observation {
    grid-template-columns:
      minmax(88px, 1fr)
      minmax(98px, 1.12fr)
      minmax(88px, 1fr)
      54px;
    gap: 4px;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-candidate {
    grid-template-rows: 13px 40px;
    gap: 3px;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-candidate-result {
    gap: 4px;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-candidate .hybrid-portrait {
    flex-basis: var(--fr27-workspace-portrait-size);
    width: var(--fr27-workspace-portrait-size);
    height: var(--fr27-workspace-portrait-size);
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-instrument {
    padding: 6px 5px 4px;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-margin-tile {
    min-width: 54px;
    padding-right: 3px;
    padding-left: 3px;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-margin-tile > strong {
    font-size: 19px;
    line-height: 19px;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-margin-tile > small {
    font-size: 11px;
    line-height: 13px;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-head,
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-row,
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-legend {
    grid-template-columns:
      minmax(112px, 1.28fr)
      minmax(78px, 1fr)
      minmax(78px, 1fr)
      54px;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-head > span,
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-row > span {
    padding-right: 5px;
    padding-left: 5px;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-matchup strong {
    width: 102px;
    max-width: 102px;
    font-size: var(--fr27-workspace-primary-size) !important;
    line-height: 13px !important;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-result {
    column-gap: 5px;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-score {
    font-size: 14px;
    line-height: 14px;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-margins {
    min-width: 0;
    padding-right: 2px;
    padding-left: 2px;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-margins strong {
    width: 50px;
    min-width: 50px;
    height: 34px;
    padding: 0 3px;
    font-size: 14px;
    line-height: 14px;
  }

}

/* Narrow desktop Runoff density. Structural tracks become smaller, but all
 * three upper modules and Selected Matchup History remain in place. */
@media (min-width: 1024px) and (max-width: 1239px) {
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-current-grid {
    grid-template-columns:
      minmax(0, 30.5fr)
      minmax(0, 40fr)
      minmax(0, 29.5fr);
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-module {
    padding-right: 6px;
    padding-left: 6px;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-source-observation {
    width: calc(100% - 2px);
    grid-template-columns:
      minmax(76px, 1fr)
      minmax(70px, 1.1fr)
      minmax(76px, 1fr)
      44px;
    gap: 2px;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-source-observation > * {
    min-width: 0;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-candidate {
    overflow: hidden;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-candidate {
    grid-template-rows: 12px 34px;
    gap: 2px;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-candidate-name {
    font-size: 10px;
    line-height: 12px;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-candidate strong,
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-candidate-result strong {
    font-size: 18px !important;
    line-height: 19px !important;
    letter-spacing: -.35px !important;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-candidate-result {
    gap: 2px;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-candidate .hybrid-portrait {
    flex-basis: 28px;
    width: 28px;
    height: 28px;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-instrument {
    padding: 4px 3px 3px;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-margin-tile {
    min-width: 44px;
    padding-right: 2px;
    padding-left: 2px;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-margin-tile > strong {
    font-size: 17px;
    line-height: 17px;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-margin-tile > small {
    font-size: 9px;
    line-height: 11px;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-head,
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-row,
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-legend {
    grid-template-columns:
      minmax(88px, 1.25fr)
      minmax(58px, 1fr)
      minmax(58px, 1fr)
      42px;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-head > span,
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-row > span {
    padding-right: 3px;
    padding-left: 3px;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-matchup strong {
    width: 80px;
    max-width: 80px;
    font-size: 9.5px !important;
    line-height: 11px !important;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-result {
    column-gap: 3px;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-score {
    font-size: 12px;
    line-height: 12px;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-common .hybrid-runoff-matrix-margins strong {
    width: 38px;
    min-width: 38px;
    height: 30px;
    padding: 0 2px;
    font-size: 12px;
    line-height: 12px;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-other-card h4,
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-other-card h4 > span,
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-other-card h4 > small {
    font-size: 9.5px !important;
    line-height: 13px !important;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-other-score > strong {
    font-size: 13px !important;
    line-height: 14px !important;
  }

  .hybrid-panel#signal-runoff-panel *:has(> .hybrid-runoff-other-card)::before,
  .hybrid-panel#signal-runoff-panel *:has(> .hybrid-runoff-other-card)::after {
    font-size: 7px;
    letter-spacing: .55px;
  }

  .hybrid-panel#signal-runoff-panel *:has(> .hybrid-runoff-other-card)::after {
    right: 12px;
  }
}

/* FR27 CANONICAL RUNOFF HEADING TYPOGRAPHY V1 */
@media (min-width: 1024px) {
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-title-block h2 {
    font-family: var(--fr27-type-sans) !important;
    font-size: var(--fr27-type-panel-heading) !important;
    font-weight: 760 !important;
    line-height: 1.05 !important;
    letter-spacing: 0.035em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-module h3 {
    font-family: var(--fr27-type-sans) !important;
    font-size: var(--fr27-type-module-heading) !important;
    font-weight: 760 !important;
    line-height: 1 !important;
    letter-spacing: 0.045em !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
  }
}

/* FR27 RUNOFF PEER PANEL HEADING ALIGNMENT V1 */
@media (min-width: 1024px) {
  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-closest
    .hybrid-runoff-module-head h3,
  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-common
    .hybrid-runoff-module-head h3,
  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-others
    .hybrid-runoff-module-head h3,
  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-history
    .hybrid-runoff-module-head h3 {
    color: rgb(238, 246, 250) !important;
    font-family: var(--fr27-type-sans) !important;
    font-size: var(--fr27-type-panel-heading) !important;
    font-weight: 760 !important;
    line-height: 1.05 !important;
    letter-spacing: 0 !important;
  }
}

/* FR27 CANONICAL RUNOFF CONTENT TYPOGRAPHY V1
 * Peer headings above are frozen; only content, metadata, controls and actions
 * are normalized here.
 */
@media (min-width: 1024px) {
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-current-grid h4,
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-candidate-name,
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-matrix-matchup > strong,
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-other-card h4 > span,
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-other-card h4 > small {
    font-family: var(--fr27-type-sans) !important;
    font-size: var(--fr27-type-primary) !important;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-title-block p,
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-status,
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-scope-message,
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-insufficient-copy {
    font-family: var(--fr27-type-sans) !important;
    font-size: var(--fr27-type-body) !important;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-date-pill,
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-header-metric small,
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-observation-head > strong,
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-matrix-head,
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-matrix-legend,
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-closest-callout > strong,
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-metric dt,
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-window-range > article > span,
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-window-range > article > b,
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-window-range > article > small,
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-other-meta,
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-history-head p,
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-history-position,
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-history-position time,
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-history-pollster,
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-history-meta {
    font-family: var(--fr27-type-sans) !important;
    font-size: var(--fr27-type-meta) !important;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-balance-label,
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-margin-tile > span,
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-margin-tile > small,
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-matrix-matchup > small,
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-matrix-margins > small {
    font-family: var(--fr27-type-sans) !important;
    font-size: var(--fr27-type-micro) !important;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-history-head label,
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-history-select {
    font-family: var(--fr27-type-sans) !important;
    font-size: var(--fr27-type-control) !important;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-source {
    font-family: var(--fr27-type-sans) !important;
    font-size: var(--fr27-type-action) !important;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-current-grid h4,
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-matrix-matchup,
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-other-card h4,
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-history-pollster {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

@media (min-width: 1024px) and (max-width: 1239px) {
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-current-grid,
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-matrix-row,
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-other-card,
  .hybrid-panel#signal-runoff-panel .hybrid-runoff-history-entry {
    gap: 3px;
  }

  .hybrid-panel#signal-runoff-panel .hybrid-runoff-module {
    padding-right: 5px;
    padding-left: 5px;
  }
}

/* FR27 CANONICAL ANALYTICAL NUMERICS V1 — RUNOFF
 * Runoff analytical roles remain inside the Runoff-owned stylesheet tail.
 */
@media (min-width: 1024px) {
  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-header-metric > strong,
  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-metric dd {
    font-size: var(--fr27-num-kpi) !important;
    line-height: 1 !important;
    font-variant-numeric: tabular-nums;
  }

  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-candidate-result > strong {
    font-size: var(--fr27-num-focal) !important;
    line-height: 1 !important;
    font-variant-numeric: tabular-nums;
  }

  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-margin-tile > strong,
  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-common
    .hybrid-runoff-matrix-result > .hybrid-runoff-matrix-score,
  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-common
    .hybrid-runoff-matrix-margins > strong,
  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-other-score > strong,
  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-history-scores > b {
    font-size: var(--fr27-num-row) !important;
    line-height: 1 !important;
    font-variant-numeric: tabular-nums;
  }

  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-balance-label,
  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-margin-tile > small,
  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-common
    .hybrid-runoff-matrix-margins > small {
    font-size: var(--fr27-num-micro) !important;
    font-variant-numeric: tabular-nums;
  }
}

/* FR27 CANONICAL STATUS CHIP V1 — RUNOFF
 * Workspace state uses the same compact status-chip vocabulary.
 * The fieldwork date remains a separate context/date pill.
 */
@media (min-width: 1024px) {
  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-status {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: fit-content;
    min-height: var(--fr27-chip-height) !important;
    padding:
      var(--fr27-chip-padding-y)
      var(--fr27-chip-padding-x)
      !important;
    border-radius: var(--fr27-chip-radius) !important;
    font-family: var(--fr27-type-sans) !important;
    font-size: var(--fr27-chip-font) !important;
    font-weight: var(--fr27-chip-weight) !important;
    line-height: 1 !important;
    letter-spacing: var(--fr27-chip-tracking) !important;
    text-transform: uppercase;
    white-space: nowrap;
  }
}

/* FR27 CANONICAL CONTROL TYPOGRAPHY V1 — RUNOFF
 * History selection uses the shared desktop control type.
 */
@media (min-width: 1024px) {
  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-history-select {
    font-family: var(--fr27-type-sans) !important;
    font-size: var(--fr27-type-control) !important;
    font-weight: 520 !important;
  }
}

/* FR27 CANONICAL VISUAL-DATA TYPOGRAPHY V1 — RUNOFF
 * Matrix headers use canonical meta/header typography.
 * Matchup names remain primary analytical labels at every
 * desktop width. Chronology dates are canonical metadata.
 */
@media (min-width: 1024px) {
  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-common
    .hybrid-runoff-matrix-head > span {
    font-family: var(--fr27-type-sans) !important;
    font-size: var(--fr27-type-meta) !important;
    font-weight: 720 !important;
    line-height: 1 !important;
    letter-spacing: .03em !important;
  }

  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-common
    .hybrid-runoff-matrix-matchup strong {
    font-family: var(--fr27-type-sans) !important;
    font-size: var(--fr27-type-primary) !important;
    font-weight: 680 !important;
    line-height: 13px !important;
    letter-spacing: 0 !important;
  }

  .hybrid-panel#signal-runoff-panel
    .hybrid-runoff-chronology.is-observation-strip
    .hybrid-runoff-history-position time {
    font-family: var(--fr27-type-sans) !important;
    font-size: var(--fr27-type-meta) !important;
    font-weight: 650 !important;
    line-height: 12px !important;
    letter-spacing: 0 !important;
  }
}