/* Company-page TradingView study presets (14/09).

   WHY ITS OWN FILE. Same arrangement as ticker-filter.css /
   row-click.css: the chips are one feature, so reverting them is
   deleting this file and one <link> rather than excavating rules out
   of style.css while other work is in flight.

   NOTHING IS INVENTED HERE. The chip is the ticker-pill geometry -
   mono, tracked caps, 2px radius, hairline border - and the active
   state is the gold plate the rest of the site already uses for "this
   one". A seventh visual register for three buttons would be a
   decision nobody asked for.

   THE SPECIFICITY TRAP DOES NOT APPLY. These controls sit in
   .tv-chart-host on the company page, outside table.leaderboard, so
   a one-class rule binds. Do not copy this simplicity into a row.

   NO :hover-ONLY AFFORDANCE. The resting chip already reads as a
   control (border, mono, padding). A chip that only looks clickable
   under the pointer is not a control on a touch screen.

   NO onclick, NO inline style. script-src has no 'unsafe-inline';
   the handler lives in app.js as a delegated click. */

.tv-chart-host {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  min-width: 0;
}

.tv-preset-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.3rem;
}

.tv-preset-label {
  font-family: var(--font-mono);
  font-size: 0.62rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--muted);
  margin-right: 0.2rem;
}

.tv-preset-chip {
  display: inline-flex;
  align-items: center;
  font-family: var(--font-mono);
  font-size: 0.68rem;
  font-weight: 500;
  letter-spacing: 0.06em;
  padding: 0.22rem 0.55rem;
  border: 1px solid var(--border);
  border-radius: 2px;
  color: var(--muted);
  background: transparent;
  cursor: pointer;
  white-space: nowrap;
}

.tv-preset-chip:hover,
.tv-preset-chip:focus-visible {
  color: var(--fg);
  border-color: var(--fg);
  outline: none;
}

.tv-preset-chip.is-active {
  color: var(--gold, #d4b95a);
  border-color: var(--gold-dim, rgba(212, 185, 90, 0.35));
  background: rgba(212, 185, 90, 0.12);
}

.tv-chart-host .tradingview-widget {
  width: 100%;
  min-height: 480px;
}