/* Venue-specific colour only; geometry, wordmark and typography are shared. */
html:root { --pm-accent: #a29bff; }
html:root[data-theme="light"] { --pm-accent: #5748c6; }
body.pm-interface[data-perpmetric-brand="lighter"] { --accent: var(--pm-accent); --mint: #37e0b1; }
html:root[data-theme="light"] body.pm-interface[data-perpmetric-brand="lighter"] { --mint: #0c9273; }
body.pm-interface [hidden], body.pm-interface .hidden { display: none !important; }
body.pm-interface [data-perpmetric-brand="lighter"] { --accent: var(--pm-accent); }
body.pm-interface .shell-lighter[aria-current="page"] { border-color: var(--pm-accent); }
body.pm-interface .leader-card { cursor: pointer; text-align: left; color: var(--pm-text); }
body.pm-interface .leader-card:hover, body.pm-interface .leader-card:focus-visible { border-color: var(--pm-accent); }
body.pm-interface .lighter-empty { padding: 20px; color: var(--pm-muted); line-height: 1.6; }
body.pm-interface .lighter-note { color: var(--pm-muted); font-size: 13px; line-height: 1.6; }
body.pm-interface .lighter-chart { display: block; width: 100%; min-height: 240px; color: var(--pm-accent); }
body.pm-interface .lighter-chart path { vector-effect: non-scaling-stroke; }
body.pm-interface .lighter-chart text { fill: var(--pm-muted); font: 12px var(--pm-font); }
body.pm-interface .lighter-chart line { stroke: var(--pm-border); }
body.pm-interface .lighter-detail-cell { border: 1px solid var(--pm-border); padding: 14px; display: grid; gap: 8px; }
body.pm-interface .lighter-detail-cell span { font-size: 12px; color: var(--pm-muted); }
body.pm-interface .lighter-market-button { color: var(--pm-text); background: none; border: 0; cursor: pointer; font: inherit; text-align: left; padding: 8px 0; }
body.pm-interface .lighter-market-button:hover { color: var(--pm-accent); }
body.pm-interface .lighter-expander { margin-top: 12px; color: var(--pm-muted); }
body.pm-interface .lighter-live-note { border-left: 3px solid var(--pm-accent); padding: 12px; margin: 16px 0; }
body.pm-interface .lighter-learning { background: var(--pm-panel); color: var(--pm-text); border: 1px solid var(--pm-accent); border-radius: 6px; width: min(760px, 90vw); max-height: 85vh; padding: 28px; }
body.pm-interface .lighter-learning::backdrop { background: #0009; }
body.pm-interface .lighter-learning p { line-height: 1.75; color: var(--pm-muted); }
body.pm-interface .lighter-learning .close-button { float: right; }
/* Use the shared Hyperliquid breadth rows, distribution bar and OI cells. */
body.pm-interface #breadthGrid .horizon { flex-wrap: wrap; }
body.pm-interface .lighter-breadth-coverage { margin-left: auto; color: var(--pm-muted); font-size: 12px; font-weight: 400; letter-spacing: 0; text-transform: none; }
body.pm-interface #breadthGrid .breadth-row strong.positive,
body.pm-interface #breadthGrid .breadth-oi strong.positive { color: var(--mint); }
body.pm-interface #breadthGrid .breadth-row strong.negative { color: var(--coral); }
body.pm-interface #breadthGrid .breadth-card:hover { background: var(--pm-raised); }
body.pm-interface .lighter-breadth-unavailable { color: var(--pm-muted); font-size: 12px; }
body.pm-interface .signal-empty-state a { color: var(--pm-accent); margin-top: 8px; }
body.pm-interface .signal-intelligence-panel .movers-scope-button.active { color: var(--pm-accent); border-color: var(--pm-accent); background: rgba(162,155,255,.08); }
body.pm-interface .lighter-signal-actions { display: flex; flex-wrap: wrap; gap: 24px; }
body.pm-interface #signalList .signal-detail-position { white-space: normal; }
body.pm-interface #signalList .signal-detail-position small { display: block; margin-top: 4px; color: var(--pm-muted); font-size: 11px; }
body.pm-interface #signalList .lighter-signal-actions { border-top: 1px solid var(--pm-border); margin-top: 8px; padding-top: 6px; }
body.pm-interface #signalList .signal-terminal-summary:focus-visible { outline: 2px solid var(--pm-accent); outline-offset: -2px; }
body.pm-interface #signalList .signal-detail-head { color: var(--pm-muted); }
body.pm-interface #signalList .signal-show-all-button { border-color: var(--pm-border); color: var(--pm-accent); background: var(--pm-panel); }
body.pm-interface #signalList .signal-show-all-button:hover { border-color: var(--pm-accent); }
@media(max-width:699px) {
  body.pm-interface #signalList .signal-terminal-summary { grid-template-columns: minmax(0,1fr) auto 22px; row-gap: 6px; }
  body.pm-interface #signalList .signal-terminal-market { grid-column: 1; grid-row: 1; }
  body.pm-interface #signalList .signal-terminal-summary > div:nth-child(2) { grid-column: 2; grid-row: 1; }
  body.pm-interface #signalList .signal-terminal-primary { grid-column: 1 / 3; grid-row: 2; }
  body.pm-interface #signalList .signal-terminal-primary :is(strong,span) { white-space: normal; }
  body.pm-interface #signalList .signal-terminal-summary > .signal-terminal-number:not(.signal-terminal-z) { display: block; grid-column: 1 / 3; grid-row: 3; text-align: left; }
  body.pm-interface #signalList .signal-terminal-chevron { grid-column: 3; grid-row: 1 / 4; }
}
body.pm-interface .lighter-research-stages { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0 12px; }
body.pm-interface .lighter-research-stages span { padding: 7px 10px; border: 1px solid var(--pm-border); border-radius: 4px; color: var(--pm-muted); font-size: 12px; }
body.pm-interface .lighter-research-stages :is(.is-current,.is-complete) { border-color: var(--pm-accent); color: var(--pm-accent); }
body.pm-interface .lighter-baseline-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
body.pm-interface .lighter-baseline-metric { min-width: 0; border: 1px solid var(--pm-border); border-radius: 4px; padding: 12px; background: var(--pm-panel); }
body.pm-interface .lighter-baseline-metric > div { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px; font-size: 13px; }
body.pm-interface .lighter-baseline-metric span, body.pm-interface .lighter-baseline-metric small { color: var(--pm-muted); font-size: 12px; }
body.pm-interface .lighter-baseline-metric progress { display: block; width: 100%; height: 6px; margin: 12px 0 8px; border: 0; border-radius: 2px; background: var(--pm-raised); accent-color: var(--pm-accent); }
body.pm-interface .lighter-baseline-metric progress::-webkit-progress-bar { background: var(--pm-raised); border-radius: 2px; }
body.pm-interface .lighter-baseline-metric progress::-webkit-progress-value { background: var(--pm-accent); border-radius: 2px; }
body.pm-interface .lighter-baseline-metric progress::-moz-progress-bar { background: var(--pm-accent); border-radius: 2px; }
@media(max-width:600px) { body.pm-interface .lighter-baseline-grid { grid-template-columns: 1fr; } }