/* Signal changes shares the universe palette, with a quieter change ledger. */
html:root body.equity-portfolio-font #expanded-table-shell .eq-signal-field { display: contents; }
html:root body.equity-portfolio-font #expanded-table-shell .eq-signal-label { display: none; }
html:root body.equity-portfolio-font #expanded-table-shell .eq-table-view-tabs {
  display: flex; gap: 22px; border-bottom: 1px solid var(--eu-line); margin-bottom: 16px;
}
html:root body.equity-portfolio-font #expanded-table-shell :is(.eq-table-view-tabs,.eq-change-filters) button {
  position: relative; min-height: 38px; padding: 10px 0 !important; border: 0 !important;
  border-radius: 0 !important; background: transparent !important; color: var(--eu-muted) !important;
  font: 400 12px/1.5 var(--font-ui) !important; letter-spacing: 0 !important;
  text-transform: none !important; box-shadow: none !important; transform: none !important; cursor: pointer;
}
html:root body.equity-portfolio-font #expanded-table-shell :is(.eq-table-view-tabs,.eq-change-filters) button:is(:hover,[aria-pressed="true"]) { color: var(--eu-ink) !important; background: transparent !important; border-color: transparent !important; }
html:root body.equity-portfolio-font #expanded-table-shell :is(.eq-table-view-tabs,.eq-change-filters) button[aria-pressed="true"]::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: var(--eu-accent);
}
html:root body.equity-portfolio-font #expanded-table-shell.is-change-view { background: var(--eu-bg) !important; }
html:root body.equity-portfolio-font #expanded-table-shell.is-change-view #filter-row { display: none !important; }
html:root body.equity-portfolio-font #expanded-table-shell.is-change-view .eq-signal-field { display: grid; gap: 6px; min-width: 0; }
html:root body.equity-portfolio-font #expanded-table-shell.is-change-view .eq-signal-label { display: block; color: var(--eu-muted); font: 400 11px/1.5 var(--font-ui); }
html:root body.equity-portfolio-font #expanded-table-shell.is-change-view #signal-controls { margin: 0 0 18px !important; align-items: end; }
html:root body.equity-portfolio-font #expanded-table-shell.is-change-view .search-box { width: 100%; }
html:root body.equity-portfolio-font #expanded-table-shell.is-change-view .search-box > span { display: none; }
html:root body.equity-portfolio-font #expanded-table-shell.is-change-view .change-tape-overview {
  display: grid; grid-template-columns: repeat(4,minmax(0,1fr)) minmax(140px,1.25fr);
  gap: 20px; padding: 15px 0 !important; border: 0 !important;
  border-top: 1px solid var(--eu-line) !important; border-bottom: 1px solid var(--eu-line) !important;
  background: transparent !important;
}
html:root body.equity-portfolio-font #expanded-table-shell.is-change-view .change-tape-overview span {
  display: block; min-height: 0 !important; padding: 0 !important; margin: 0; border: 0 !important;
  border-radius: 0 !important; background: transparent !important; color: var(--eu-ink) !important;
  font: 400 11px/1.5 var(--font-ui) !important; letter-spacing: 0 !important; text-transform: none !important;
}
html:root body.equity-portfolio-font #expanded-table-shell.is-change-view .change-tape-overview small { display: block; color: var(--eu-muted) !important; font: inherit; margin-bottom: 4px; }
html:root body.equity-portfolio-font #expanded-table-shell.is-change-view .change-tape-overview b { display: block; color: var(--eu-ink) !important; font: 500 21px/1.3 var(--font-ui) !important; font-variant-numeric: tabular-nums; }
html:root body.equity-portfolio-font #expanded-table-shell.is-change-view .change-tape-overview span:last-child b { font-size: 14px !important; }
html:root body.equity-portfolio-font #expanded-table-shell .eq-change-filters { display: flex; flex-wrap: wrap; gap: 6px 22px; margin-top: 10px; }
html:root body.equity-portfolio-font #expanded-table-shell .eq-change-filters span { margin-left: 7px; color: var(--eu-muted); font-size: 11px; font-variant-numeric: tabular-nums; }
html:root body.equity-portfolio-font #expanded-table-shell.is-change-view .eq-filter-status { padding: 7px 0 14px; }
html:root body.equity-portfolio-font #expanded-table-shell.is-change-view #table-scroll {
  min-height: 0 !important; padding: 0 !important; overflow: auto !important;
  border: 0 !important; border-top: 1px solid var(--eu-line) !important;
}
html:root body.equity-portfolio-font #expanded-table-shell .signal-change-tape { min-width: 0 !important; }
html:root body.equity-portfolio-font #expanded-table-shell table.signal-change-table {
  display: table !important; width: 100% !important; min-width: 960px !important; table-layout: fixed !important;
  border-collapse: separate !important; border-spacing: 0 !important; border: 0 !important;
  background: var(--eu-bg) !important; color: var(--eu-ink) !important; font-family: var(--font-ui) !important;
}
html:root body.equity-portfolio-font #expanded-table-shell .signal-change-table thead { display: table-header-group !important; }
html:root body.equity-portfolio-font #expanded-table-shell .signal-change-table tbody { display: table-row-group !important; }
html:root body.equity-portfolio-font #expanded-table-shell .signal-change-table tr {
  display: table-row !important; width: auto !important; margin: 0 !important; padding: 0 !important;
  border: 0 !important; border-radius: 0 !important; box-shadow: none !important; transform: none !important;
  background: var(--eu-bg) !important;
}
html:root body.equity-portfolio-font #expanded-table-shell .signal-change-table :is(th,td) {
  display: table-cell !important; width: auto !important; min-width: 0 !important; max-width: none !important;
  padding: 15px 8px !important; border: 0 !important; border-bottom: 1px solid var(--eu-line) !important;
  border-radius: 0 !important; background: var(--eu-bg) !important; color: var(--eu-ink) !important;
  font: 400 13px/1.5 var(--font-ui) !important; text-transform: none !important; letter-spacing: 0 !important;
  vertical-align: middle; overflow-wrap: normal;
}
html:root body.equity-portfolio-font #expanded-table-shell .signal-change-table td::before { display: none !important; content: none !important; }
html:root body.equity-portfolio-font #expanded-table-shell .signal-change-table th {
  position: sticky !important; top: 0 !important; z-index: 2; padding-block: 11px !important;
  color: var(--eu-muted) !important; font-size: 11px !important; font-weight: 400 !important; white-space: nowrap;
}
html:root body.equity-portfolio-font #expanded-table-shell .signal-change-table .asset-cell { position: sticky !important; left: 0 !important; z-index: 1; padding-left: 0 !important; padding-right: 12px !important; }
html:root body.equity-portfolio-font #expanded-table-shell .signal-change-table th.asset-cell { z-index: 3; }
html:root body.equity-portfolio-font #expanded-table-shell .signal-change-table tbody tr:hover td { background: var(--eu-hover) !important; }
html:root body.equity-portfolio-font #expanded-table-shell .signal-change-table :is(.ticker-cell,.eq-change-ticker) {
  font: 500 15px/1.5 var(--font-ui) !important; color: var(--eu-ink) !important; border: 0 !important;
  padding: 0 !important; background: transparent !important; box-shadow: none !important; border-radius: 0 !important;
  text-transform: none !important; letter-spacing: 0 !important; min-height: 24px; text-align: left;
}
html:root body.equity-portfolio-font #expanded-table-shell .signal-change-table .subtext {
  display: block; margin-top: 5px; max-width: none !important; white-space: normal !important;
  overflow: visible !important; text-overflow: clip !important; color: var(--eu-muted) !important;
  font: 400 11px/1.5 var(--font-ui) !important; overflow-wrap: anywhere;
}
html:root body.equity-portfolio-font #expanded-table-shell .signal-change-table .change-read-top { display: flex; align-items: baseline; flex-wrap: wrap; gap: 5px 10px; }
html:root body.equity-portfolio-font #expanded-table-shell .signal-change-table .change-tape-tag {
  border: 0 !important; border-radius: 0 !important; background: transparent !important; padding: 0 !important;
  color: var(--eu-muted) !important; font: 400 11px/1.5 var(--font-ui) !important; letter-spacing: 0 !important; text-transform: none !important;
}
html:root body.equity-portfolio-font #expanded-table-shell .signal-change-table :is(.change-read-title,.change-read-detail) {
  display: block; max-width: none !important; overflow: visible !important; text-overflow: clip !important;
  white-space: normal !important; font: 400 12px/1.5 var(--font-ui) !important; color: var(--eu-ink) !important; margin-top: 6px;
}
html:root body.equity-portfolio-font #expanded-table-shell .signal-change-table .change-read-detail { margin-top: 3px; font-size: 11px !important; color: var(--eu-muted) !important; }
html:root body.equity-portfolio-font #expanded-table-shell .signal-change-table .badge {
  display: inline; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important;
  font: 400 13px/1.5 var(--font-ui) !important; letter-spacing: 0 !important; text-transform: none !important;
}
html:root body.equity-portfolio-font #expanded-table-shell .signal-change-table .change-read-top .badge { font-weight: 500 !important; }
html:root body.equity-portfolio-font #expanded-table-shell .signal-change-table :is(.pos,.momentum-positive) { color: var(--eu-positive) !important; }
html:root body.equity-portfolio-font #expanded-table-shell .signal-change-table :is(.neg,.momentum-negative) { color: var(--eu-negative) !important; }
html:root body.equity-portfolio-font #expanded-table-shell .signal-change-table :is(.neu,.momentum-neutral) { color: var(--eu-muted) !important; }
html:root body.equity-portfolio-font #expanded-table-shell .signal-change-table .momentum-trend { display: inline-flex; justify-content: flex-end; align-items: center; gap: 8px !important; white-space: nowrap; }
html:root body.equity-portfolio-font #expanded-table-shell .signal-change-table .momentum-value { min-width: 18px; font: 400 13px/1.5 var(--font-ui) !important; font-variant-numeric: tabular-nums; }
html:root body.equity-portfolio-font #expanded-table-shell .signal-change-table .eq-change-combined .momentum-value { font-size: 15px !important; font-weight: 500 !important; }
html:root body.equity-portfolio-font #expanded-table-shell .signal-change-table .momentum-bars { display: inline-flex; align-items: center; gap: 2px !important; }
html:root body.equity-portfolio-font #expanded-table-shell .signal-change-table .momentum-bars i { width: 4px !important; height: 15px !important; border-radius: 2px !important; background: var(--eu-track) !important; opacity: 1 !important; }
html:root body.equity-portfolio-font #expanded-table-shell .signal-change-table .momentum-bars i.on { background: currentColor !important; }
html:root body.equity-portfolio-font #expanded-table-shell .signal-change-table .table-spark { display: block; width: 100% !important; height: 29px !important; color: var(--eu-muted) !important; }
html:root body.equity-portfolio-font #expanded-table-shell .signal-change-table .trace-line { stroke: var(--eu-muted) !important; stroke-width: 1.5 !important; }
html:root body.equity-portfolio-font #expanded-table-shell .signal-change-table .trace-base { stroke: var(--eu-line) !important; }
html:root body.equity-portfolio-font #expanded-table-shell .signal-change-table .table-spark circle { fill: var(--eu-bg) !important; stroke: var(--eu-muted) !important; stroke-width: 1.3 !important; }
html:root body.equity-portfolio-font #expanded-table-shell .signal-change-table .change-trigger-cell { text-align: right !important; }
html:root body.equity-portfolio-font #expanded-table-shell .signal-change-table .change-trigger-cell .subtext { border: 0 !important; border-radius: 0 !important; background: transparent !important; padding: 0 !important; margin-top: 6px; text-transform: none !important; letter-spacing: 0 !important; }
html:root body.equity-portfolio-font #expanded-table-shell .signal-change-table .eq-table-sort { padding: 0 !important; min-height: 22px; border: 0 !important; background: transparent !important; color: inherit !important; font: inherit !important; }
html:root body.equity-portfolio-font #expanded-table-shell .signal-change-table th[aria-sort]:not([aria-sort="none"]) { color: var(--eu-accent) !important; }
html:root body.equity-portfolio-font #expanded-table-shell .eq-change-pagination { display: flex; flex: 0 0 auto; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding: 14px 0 4px; color: var(--eu-muted); font: 400 11px/1.5 var(--font-ui); }
html:root body.equity-portfolio-font #expanded-table-shell .eq-change-page-actions { display: flex; align-items: center; gap: 12px; }
html:root body.equity-portfolio-font #expanded-table-shell .eq-change-page-actions button { border: 1px solid var(--eu-line) !important; border-radius: 7px !important; background: transparent !important; color: var(--eu-ink) !important; font: 400 12px/1.5 var(--font-ui) !important; padding: 9px 12px !important; box-shadow: none !important; transform: none !important; }
html:root body.equity-portfolio-font #expanded-table-shell .eq-change-page-actions button:not(:disabled):hover { background: var(--eu-hover) !important; }
html:root body.equity-portfolio-font #expanded-table-shell .eq-change-page-actions button:disabled { opacity: .45; cursor: default; }

@media (max-width: 760px) {
  html:root body.equity-portfolio-font #expanded-table-shell.is-change-view .section-head { display: grid !important; grid-template-columns: minmax(0,1fr) auto !important; align-items: start; gap: 12px; }
  html:root body.equity-portfolio-font #expanded-table-shell.is-change-view .table-actions { width: auto !important; }
  html:root body.equity-portfolio-font #expanded-table-shell.is-change-view #table-expand-toggle { display: inline-flex !important; }
  html:root body.equity-portfolio-font #expanded-table-shell :is(.eq-table-view-tabs,.eq-change-filters) button { min-height: 44px; }
  html:root body.equity-portfolio-font #expanded-table-shell.is-change-view .eq-search-field { grid-column: 1 / -1; }
  html:root body.equity-portfolio-font #expanded-table-shell.is-change-view .change-tape-overview { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px 12px; }
  html:root body.equity-portfolio-font #expanded-table-shell.is-change-view .change-tape-overview span:last-child { grid-column: 1 / -1; display: flex; align-items: center; gap: 12px; }
  html:root body.equity-portfolio-font #expanded-table-shell.is-change-view .change-tape-overview span:last-child small { margin: 0; }
  html:root body.equity-portfolio-font #expanded-table-shell .eq-change-filters { gap: 6px 18px; }
  html:root body.equity-portfolio-font #expanded-table-shell.is-change-view:not(.is-expanded) #table-scroll { max-height: min(calc(64dvh + 84px),704px) !important; }
  html:root body.equity-portfolio-font #expanded-table-shell .portfolio-swipe-shell:has(.signal-change-table) { padding-top: 24px; }
  html:root body.equity-portfolio-font #expanded-table-shell .portfolio-swipe-shell:has(.signal-change-table) > .portfolio-swipe-hint { position: absolute; top: 0; right: 0; bottom: auto; min-height: 20px; margin: 0; padding: 0; }
  html:root body.equity-portfolio-font #expanded-table-shell .portfolio-swipe-shell:has(.signal-change-table) > .portfolio-swipe-edge { top: 24px; }
  html:root body.equity-portfolio-font #expanded-table-shell .signal-change-table .asset-cell { padding-left: 4px !important; border-right: 1px solid var(--eu-line) !important; }
  html:root body.equity-portfolio-font #expanded-table-shell .signal-change-table .eq-change-ticker { min-height: 44px; }
  html:root body.equity-portfolio-font #expanded-table-shell .signal-change-table .eq-table-sort { min-height: 44px; }
  html:root body.equity-portfolio-font #expanded-table-shell .eq-change-page-actions button { min-height: 44px; }
  html:root body.equity-portfolio-font #expanded-table-shell.is-change-view.is-expanded > .card { flex: 0 1 auto; max-height: 46dvh !important; min-height: 0; overflow: auto !important; }
  html:root body.equity-portfolio-font #expanded-table-shell.is-change-view.is-expanded > .portfolio-swipe-shell { flex: 1 1 0; min-height: 0; }
  html:root body.equity-portfolio-font #expanded-table-shell.is-change-view.is-expanded #table-scroll { max-height: none !important; }
}
