/* The external chart replaces, rather than lengthens, the current chart pane. */
.compact-desk .studio-price-stage[data-chart-source=latest] > .price-overview,
.compact-desk .studio-price-stage[data-chart-source=latest] > .market-detail { display: none; }
.compact-desk .studio-price-stage[data-chart-source=latest] #market-chart { margin-top: 0; }
.compact-desk .latest-chart-host { min-width: 0; min-height: 0; }
.compact-desk .latest-chart-content { display: flex; flex-direction: column; min-width: 0; gap: 7px; }
.compact-desk .latest-chart-note { display: flex; align-items: baseline; flex-wrap: wrap; gap: 3px 9px; font-size: 11px; line-height: 1.55; }
.compact-desk .latest-chart-note strong { font-size: 12px; color: var(--p-text); }
.compact-desk .latest-chart-note span, .compact-desk .latest-chart-note small { color: var(--p-muted); }
.compact-desk .latest-chart-note small { flex-basis: 100%; font-size: 11px; }
.compact-desk .latest-chart-status { color: var(--p-muted); font-size: 11px; line-height: 1.5; margin: 0; }
.compact-desk .latest-chart-content[data-load-state=error] .latest-chart-status,
.compact-desk .latest-chart-content[data-load-state=slow] .latest-chart-status { color: var(--p-text);  background:var(--md-card-bg); padding: 10px 12px; border-radius:var(--md-shape-xs); ;border:var(--md-card-border)}
.compact-desk .latest-widget-stage[hidden] { display: none !important; }
.compact-desk .latest-chart-recovery { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 1px; }
.compact-desk .latest-chart-recovery button {  background:var(--md-card-bg); color: var(--p-muted); border-radius:var(--md-shape-xs); font: inherit; font-size: 11px; padding: 5px 9px; line-height: 1.5; cursor: pointer; ;border:var(--md-card-border)}
.compact-desk .latest-chart-recovery button:hover { background: var(--p-surface-2); color: var(--p-text); }
.compact-desk .latest-chart-recovery button:focus-visible { outline: 2px solid var(--p-accent); outline-offset: 2px; }
.compact-desk .latest-widget-stage { height: 340px; min-height: 220px; min-width: 0;  border-radius:var(--md-shape-s); overflow: hidden; background:var(--md-card-bg); ;border:var(--md-card-border)}
.compact-desk .latest-widget-stage .tradingview-widget-container { height: 100%; width: 100%; }
.compact-desk .tradingview-widget-copyright { min-height: 32px; display: flex; align-items: center; justify-content: center; font-size: 12px; line-height: 20px; }
.compact-desk .latest-chart-link { color: var(--p-accent); text-decoration: none; }
.compact-desk .latest-chart-link:hover { text-decoration: underline; }
.compact-desk .latest-chart-link:focus-visible { outline: 2px solid var(--p-accent); outline-offset: 3px; }
.compact-desk .latest-chart-help { display: flex; flex-wrap: wrap; gap: 2px 7px; font-size: 11px; line-height: 1.6; color: var(--p-muted); }
.compact-desk .latest-chart-unavailable { flex: 1; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; min-height: 240px; padding: 25px; background:var(--md-card-bg);  border-radius:var(--md-shape-s); ;border:var(--md-card-border)}
.compact-desk .latest-chart-unavailable strong { font-size: 16px; line-height: 1.6; }
.compact-desk .latest-chart-unavailable p { max-width: 410px; font-size: 12px; line-height: 1.9; color: var(--p-muted); margin: 8px 0 15px; }
.compact-desk .latest-chart-unavailable > .latest-chart-link { font-size: 12px; }
.compact-desk .latest-chart-exchange { display: grid; gap: 5px; font-size: 12px; color: var(--p-muted); width: min(100%, 280px); margin-bottom: 16px; }
.compact-desk .latest-chart-exchange select { color: var(--p-text); background: var(--p-bg); border: 1px solid var(--p-line); padding: 9px; border-radius:var(--md-shape-xs); font: inherit; }
@media (min-width: 1050px) and (min-height: 650px) {
  .compact-desk[data-studio-view=research] .studio-price-stage[data-chart-source=latest] { flex: 1 0 360px; }
  .compact-desk[data-studio-view=research] .latest-chart-host,
  .compact-desk[data-studio-view=research] .latest-chart-content { display: flex; flex: 1 1 auto; flex-direction: column; min-height: 0; }
  .compact-desk[data-studio-view=research] .latest-widget-stage { height: auto; flex: 1 0 220px; }
}
@media (max-width: 640px) {
  .compact-desk .latest-widget-stage { height: 360px; }
  .compact-desk .latest-chart-unavailable { padding: 20px 16px; }
  .compact-desk .studio-chart-modes { flex-wrap: wrap; }
  .compact-desk .studio-chart-modes > span { max-width: none; margin-left: 0; }
}