/* ===================================================================== */
/* Hotfix para evitar que contêineres cortem os gráficos do Plotly      */
/* ===================================================================== */

/* Evita que contêineres cortem o SVG do Plotly */
.card, .card-body, .tab-content, .tab-pane, .container, .content,
.plot-container, .js-plotly-plot, .dash-graph {
  overflow: visible !important;
}

/* Evita altura travada de cartões/abas */
.card, .card-body, .tab-content, .tab-pane {
  height: auto !important;
  min-height: auto !important;
}

/* Garante que o container principal do Plotly não seja cortado */
.dash-graph, .js-plotly-plot {
  width: 100% !important;
  overflow: visible !important;
}

/* Fix específico para modebar do Plotly */
.modebar {
  position: absolute !important;
  right: 0 !important;
  z-index: 1000 !important;
}

/* Garante que rows e cols do Bootstrap não cortem conteúdo */
.row, .col, [class*="col-"] {
  overflow: visible !important;
}

/* Fix para accordion que pode estar cortando */
.accordion-body {
  overflow: visible !important;
}

/* Terminal output específico da página dados_brasil */
#terminal-output {
  overflow: visible !important;
  min-height: auto !important;
}

/* Compare lab container */
#comparison-output {
  overflow: visible !important;
  min-height: auto !important;
}

/* Garante que o container de gráficos seja responsivo */
.graph-container {
  width: 100% !important;
  overflow: visible !important;
}

/* Gutters do Bootstrap em rows podem estourar lateral se o pai não é .container */
.row {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

/* Fix específico para dash-bootstrap-components */
.dash-bootstrap {
  overflow: visible !important;
}

/* Garantir que containers de dash não cortem */
div[data-dash-is-loading] {
  overflow: visible !important;
}