/* static/css/civil/concrete-material-calculator.css */
#volumeDisplay {
  padding: 20px;
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  border-radius: 10px;
  border: 2px solid #dee2e6;
}

.chart-container {
  height: 250px;
  position: relative;
}

@media (max-width: 768px) {
  .chart-container {
    height: 200px;
  }
  
  #volumeDisplay .display-4 {
    font-size: 2.5rem;
  }
}