/* Shared Scoreboard-style feedback for Market Analysis and Fundamentals.
   The selected-control colours are aliases of the one token sheet
   (static/css/portexa/tokens.css), which changes them under html.dark. */
:root {
  --analysis-control-bg: var(--color-selected-bg);
  --analysis-control-hover: var(--color-selected-bg-hover);
  --analysis-control-text: var(--color-accent);
  --analysis-control-ring: var(--color-accent-ring);
  --analysis-control-focus: var(--color-focus);
}
:is(.tm, [data-fund-shell]) :is(button, a), :is(.fd-chip, .fd-btn, .fd-tab, .fd-link, .fd-area, .fd-cols label) { transition: background-color .15s ease, color .15s ease, box-shadow .15s ease, border-color .15s ease; }
.tm :is(.tm-tab.is-on, .tm-tab[aria-selected="true"], .tm-tab[aria-current="page"], .tm-chip.is-on, .tm-seg > .is-on, .tm-btn:not(.ghost)), :is(.fd-tab.is-on, .fd-chip.is-on, .nrb-tab.is-on, .fd-btn, .fd-cols label:has(input:checked)) {
  color: var(--analysis-control-text); background: var(--analysis-control-bg); box-shadow: inset 0 0 0 1px var(--analysis-control-ring);
}
.tm :is(.tm-tab.is-on, .tm-tab[aria-selected="true"], .tm-tab[aria-current="page"], .tm-chip.is-on, .tm-seg > .is-on) i, :is(.fd-tab.is-on, .fd-chip.is-on, .nrb-tab.is-on, .fd-btn) i { color: inherit; }
@media (hover: hover) {
  .tm :is(.tm-tab, .tm-chip, .tm-seg > a, .tm-seg > button, .tm-btn):not(:disabled):not([aria-disabled="true"]):hover, :is(a.fd-chip, button.fd-chip, .fd-btn, .fd-tab, .nrb-tab, .fd-link, .fd-area, .fd-cols label):not(:disabled):not([aria-disabled="true"]):not(:has(input:disabled)):hover {
    color: var(--analysis-control-text); background: var(--analysis-control-hover); box-shadow: inset 0 0 0 1px var(--analysis-control-ring);
  }
}
.tm :is(.tm-tab, .tm-chip, .tm-seg > a, .tm-seg > button, .tm-btn):not(:disabled):not([aria-disabled="true"]):active, :is(a.fd-chip, button.fd-chip, .fd-btn, .fd-tab, .nrb-tab, .fd-link, .fd-area, .fd-cols label):not(:disabled):not([aria-disabled="true"]):not(:has(input:disabled)):active {
  color: var(--analysis-control-text); background: var(--analysis-control-hover); box-shadow: inset 0 0 0 1px var(--analysis-control-focus);
}
:is(.tm, [data-fund-shell]) :is(button, a, input, select):focus-visible, :is(.fd-btn, .fd-chip, .fd-link):focus-visible, .fd-cols label:has(input:focus-visible) { outline: 2px solid var(--analysis-control-focus); outline-offset: 2px; }
:is(.tm, [data-fund-shell]) :is(button:disabled, [aria-disabled="true"]) { cursor: not-allowed; }
@media (prefers-reduced-motion: reduce) { :is(.tm, [data-fund-shell]) :is(button, a), :is(.fd-chip, .fd-btn, .fd-tab, .fd-link, .fd-area, .fd-cols label) { transition: none; } }