/* Contenidor general */
#instrument_analysis_results_container .card-body {
  height: 370px;
  position: relative;
}

/* Canvas de benchmark/instrument */
#instrumentBenchmarkChartCanvas {
  width: 100% !important;
  height: 300px !important;
  max-height: 300px !important;
  display: block;
}

/* Canvas del chart cumulative */
#cumulativeReturnsChartCanvas {
  width: 100% !important;
  height: 300px !important;
  max-height: 300px !important;
  display: block;
}

/* Canvas del chart yearly returns */
#yearlyReturnsChartCanvas {
  width: 100% !important;
  height: 300px !important;
  max-height: 300px !important;
  display: block;
}

/* Canvas del chart quarterly returns */
#quarterlyReturnsChartCanvas {
  width: 100% !important;
  height: 300px !important;
  max-height: 300px !important;
  display: block;
}

/* Canvas del chart regression */
#regressionChartCanvas {
  width: 100% !important;
  height: 300px !important;
  max-height: 300px !important;
  display: block;
}

/* Canvas del chart VaR KDE */
#combinedVarChartCanvas {
  width: 100% !important;
  height: 300px !important;
  max-height: 300px !important;
  display: block;
}

/* Estil pel contenidor d'alpha i beta */
#alphaBetaValues {
  font-size: 1rem;
  margin-top: 10px;
  color: #333;
}

/* Eliminar el ressaltat del botó accordion quan està actiu */
.accordion-button {
  background-color: transparent !important;
  color: inherit !important;
  box-shadow: none !important;
  border: none !important;
  font-weight: normal !important;
}

.accordion-button:not(.collapsed) {
  background-color: transparent !important;
  color: inherit !important;
  box-shadow: none !important;
  font-weight: normal !important;
}

/* Hover subtil per indicar que es pot clicar */
.accordion-button:hover {
  background-color: #f8f9fa !important;
}