/* Chart-only: exact EO chart + chart controller at normal dock position */

body.dash-body.dash-chart-only {
  overflow: hidden;
  background: #000;
}

.dash-shell--chart-only .dash-ui-layer,
.dash-shell--chart-only .dash-slide-panel,
.dash-shell--chart-only .dash-accounts-modal,
.dash-shell--chart-only .dash-pwa-install,
.dash-shell--chart-only .tp-tutorial-mascot,
.dash-shell--chart-only .tp-tutorial,
.dash-shell--chart-only #google_translate_element {
  display: none !important;
}

.dash-shell--chart-only .dash-mobi-chart-rail,
.dash-shell--chart-only .dash-mobi-chart-menu {
  display: none !important;
}

.dash-shell--chart-only .dash-chart-layer {
  z-index: 1;
}

.dash-shell--chart-only #tp-chart,
.dash-shell--chart-only .tp-chart-wrap,
.dash-shell--chart-only .tp-markers-layer,
.dash-shell--chart-only .tp-trade-monitors,
.dash-shell--chart-only .tp-trade-chart-results {
  pointer-events: auto;
}

/*
 * Normal binary layout: dock is toolbar + footer stacked.
 * Without trade footer, reserve the same footer height so the
 * toolbar stays at its usual vertical position (centered).
 */
.dash-shell--chart-only .dash-bottom-dock {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  pointer-events: none;
  z-index: 40;
  padding-bottom: calc(var(--dash-dock-footer-height) + var(--dash-dock-gap));
}

.dash-shell--chart-only .dash-bottom-dock > * {
  pointer-events: auto;
}

.dash-shell--chart-only .dash-chart-toolbar {
  align-self: center;
}

.dash-shell--chart-only #tp-pair {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.dash-shell--chart-only .dash-chart-modal[hidden] {
  display: none !important;
}

.dash-shell--chart-only.is-drawing-chart .dash-bottom-dock,
.dash-shell--chart-only.is-drawing-chart .dash-chart-toolbar {
  pointer-events: auto;
  z-index: 51;
}


/* Visible controllers in chart-only */
.dash-shell--chart-only .dash-tb-group--controllers {
  background: rgba(24, 28, 40, 0.96);
  border-color: rgba(255, 255, 255, 0.14);
}
.dash-shell--chart-only .dash-toolbar-btn--tv {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.07);
}
.dash-shell--chart-only .dash-toolbar-btn[hidden] {
  display: none !important;
}