/* The chart's own CSS: TradingView's frame filling the element, and one quiet line under it crediting
   TradingView. The house style by hand: square, one grey line, muted text. Colours are the app's theme
   variables, so the view follows its light and dark, each with its light value as the fallback for an
   app from before the theme. */

.tv-root {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  background: var(--jaspers-background, #fff);
  color: var(--jaspers-foreground, #171717);
  font: 13px/1.45 var(--jaspers-font-sans, system-ui, -apple-system, sans-serif);
}

.tv-frame {
  display: block;
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
  border: 0;
}

.tv-empty {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  color: var(--jaspers-muted-foreground, #737373);
}

.tv-credit {
  flex: 0 0 auto;
  display: flex;
  justify-content: flex-end;
  padding: 0 8px;
  border-top: 1px solid var(--jaspers-border, #e5e5e5);
}

.tv-credit button {
  padding: 2px 0;
  border: 0;
  background: none;
  color: var(--jaspers-muted-foreground, #737373);
  font-size: 11px;
  line-height: 16px;
  cursor: pointer;
}

.tv-credit button:hover {
  color: var(--jaspers-foreground, #171717);
}