.chart-controls-container {
  background-color: #f8f9fa;
  box-shadow      : 0 2px 4px rgba(0,0,0,0.05);
}

.chart-visualization-container {
  background-color: #fff;
  border-radius   : 4px;
  box-shadow      : 0 1px 3px rgba(0,0,0,0.1);
  height          : calc(100vh - 255px);
  overflow        : hidden;
  padding         : 15px;
  position        : relative;
}

#Chart {
  height: 100%;
  width: 100%;
}

.no-data-message {
  align-items    : center;
  color          : #6c757d;
  display        : flex;
  font-size      : 1.2rem;
  height         : 100%;
  justify-content: center;
  text-align     : center;
  width          : 100%;
}

/* Stile migliorato per il pannello di controllo dei grafici */
.chart-controls-row {
  align-items  : flex-end;
  display      : flex;
  flex-wrap    : nowrap;
  margin-bottom: 0.5rem;
}

/* Compatta i pulsanti delle date */
.date-control {
  max-width: 150px;
}

/* Stile per mantenere la compattezza su schermi piccoli */
@media (max-width: 768px) {
  .chart-controls-container {
    padding: 0.5rem;
  }

  .chart-controls-row {
    flex-wrap: wrap;
  }
}