@media (max-width: 1200px) {
    #monitoraggio_dashboard_component .el-row {
      flex-wrap: wrap;
    }
    #monitoraggio_dashboard_component .el-col-10,
    #monitoraggio_dashboard_component .el-col-14 {
      width: 100% !important;
      max-width: 100% !important;
      flex: 0 0 100% !important;
    }
  }

  @media (min-width: 1600px) {
    #map-modflow {
      height: clamp(500px, 65vh, 800px);
    }
  }

  #monitoraggio_dashboard_component .el-col:first-child .el-card__body {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    padding: 8px;
  }

  .map-legend {
  background: white;
  padding: 8px 12px;
  border-radius: 6px;
  border: 1px solid rgba(0,0,0,0.2);
  font-size: 12px;
  line-height: 1.8;
  box-shadow: 0 1px 4px rgba(0,0,0,0.15);
}

.map-legend i {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 6px;
  vertical-align: middle;
  border-radius: 2px;
}

/* #monitoraggio_dashboard_component .el-card {
  display: flex;
  flex-direction: column;
  min-height: 0;
}
#monitoraggio_dashboard_component .el-card__body {
  flex: 1;
  min-height: 0;
  padding: 8px;
  overflow: hidden;
} */