/* Shared fallback panel, narrowed by the Web capability contract. */
body.stock-rankings-dock-visible #tv_workspace {
  height: calc(100% - 30px - var(--stock-rankings-panel-height, 0px));
}
body.stock-rankings-panel-open {
  --stock-rankings-panel-height: min(360px, 45vh);
}
body.stock-rankings-dock-visible #tv-custom-bottom-dock,
body.stock-rankings-dock-visible #tv-custom-bottom-panel-host { box-sizing: border-box; }
#tv-custom-market-fallback-panel.market-basic-rankings table { min-width: 600px; }
#tv-custom-market-fallback-panel.market-basic-rankings .market-code {
  color: var(--tv-custom-panel-muted);
  font-variant-numeric: tabular-nums;
}
#tv-custom-market-fallback-panel.market-basic-rankings .market-bottom-title { flex-shrink: 0; }
#tv-custom-market-fallback-panel.market-basic-rankings .market-bottom-status { min-width: 0; }
.market-basic-rankings .market-rankings-message {
  width: 560px;
  max-width: calc(100vw - 36px);
  white-space: normal;
  text-align: left;
}
.market-basic-rankings .toolbar button {
  flex-shrink: 0;
  border: 0;
  border-radius: 4px;
  padding: 4px 8px;
  background: transparent;
  color: var(--tv-custom-panel-text);
  font: inherit;
  cursor: pointer;
}
.market-basic-rankings .toolbar button:hover,
body.stock-rankings-dock-visible #tv-custom-bottom-dock button:hover,
body.stock-rankings-dock-visible #tv-custom-bottom-dock button.active {
  background: color-mix(in srgb, var(--tv-custom-panel-text) 10%, transparent) !important;
}
.market-basic-rankings :focus-visible,
body.stock-rankings-dock-visible #tv-custom-bottom-dock button:focus-visible {
  outline: 2px solid var(--tv-custom-panel-text);
  outline-offset: -2px;
}