/* Fix Plotly legend clipping in Quarto dashboards */
.legend .scrollbox {
  clip-path: none !important;
}

/* Plotly charts fill container */
.js-plotly-plot,
.plotly-graph-div,
.plot-container {
  width: 100% !important;
}

/* Value boxes llenan todo el alto disponible */
.tab-pane .valuebox,
.tab-pane .valuebox .card {
  height: 100% !important;
}

.tab-pane .valuebox .valuebox-value {
  font-size: 4rem !important;
}

.tab-pane .valuebox .valuebox-icon {
  font-size: 3rem !important;
}

.small-value .valuebox-value {
  font-size: 2rem !important;
}

/* Narrative card styling */
.narrative-card {
  font-size: 1.05rem;
  line-height: 1.8;
  color: #374151;
}

.narrative-card strong {
  color: #ff9b10;
}