/* Keep analytics navigation below the fixed terminal top bar on desktop. */
.strategies-page .strategy-workspace-tabs {
  top: calc(var(--topbar-height, 72px) + 8px);
}

.chart-refresh-status {
  padding: 7px 14px;
  border-bottom: 1px solid var(--border, #d8e0df);
  color: var(--info, #287e99);
  background: color-mix(in srgb, var(--info, #287e99) 5%, var(--surface, #fff));
  font: 600 10px/1.5 var(--font-data, monospace);
  letter-spacing: .05em;
}
.chart-refresh-status.failed { color: var(--warning, #9b690d); }
.strategy-load-diagnostics { margin: 0 0 10px; color: var(--muted); }
.strategy-load-diagnostics > summary { width: fit-content; padding: 5px 10px; cursor: pointer; font: 600 10px/1.4 var(--font-data, monospace); }
.strategy-load-diagnostics > div { padding: 10px; background: var(--surface, #fff); border: 1px solid var(--border); overflow: auto; }
.strategy-load-diagnostics small { font-size: 9px; }
.strategy-load-diagnostics table { width: 100%; border-collapse: collapse; font: 10px/1.5 var(--font-data, monospace); }
.strategy-load-diagnostics td,.strategy-load-diagnostics th { padding: 5px 8px; border-bottom: 1px solid var(--border); text-align: left; }
.cap-scenario-shell { min-width: 0; }
.cap-deferred-chart { min-height: 760px; padding: 16px; background: var(--surface, #fff); border: 1px solid var(--border); }
.cap-deferred-chart > header { display: flex; justify-content: space-between; gap: 12px; padding-bottom: 16px; }
.cap-deferred-chart small { color: var(--faint, #82928d); font: 10px/1.5 var(--font-data, monospace); }
.cap-deferred-chart > div:not(.cap-deferred-grid) { display: flex; gap: 20px; font: 10px/1.5 var(--font-data, monospace); color: var(--muted); }
.cap-deferred-grid { margin-top: 20px; height: 580px; border: 1px solid var(--border); background: repeating-linear-gradient(0deg, transparent, transparent 115px, color-mix(in srgb, var(--border) 60%, transparent) 116px); }
@media (max-width: 760px) {
  .chart-refresh-status { padding: 7px 10px; font-size: 9px; }
  .cap-deferred-chart { min-height: 720px; padding: 10px; }
  .cap-deferred-chart > header { flex-direction: column; gap: 4px; }
}