/* Kyajet 2.26.3 — chart-label and field-rounding refinements */

/* Center chart overlay labels on the vertical middle axis like the shared view. */
#jetGraph.ky-chart .graphrich,
#mixtureGraph.ky-chart .graphrich,
#jetGraph.ky-chart .graphlean,
#mixtureGraph.ky-chart .graphlean {
  left: 50%;
  max-width: calc(100% - 120px);
  transform: translate(-50%, -50%);
  text-align: center;
}

#jetGraph.ky-chart .graphrich,
#mixtureGraph.ky-chart .graphrich {
  top: 42%;
}

#jetGraph.ky-chart .graphlean,
#mixtureGraph.ky-chart .graphlean {
  top: 58%;
}

/* Make all setup field elements consistently rounded instead of partially squared. */
#mixtureForm .form-group.setup > .input-group {
  gap: 6px;
  align-items: center;
}

#mixtureForm .form-group.setup .form-control,
#mixtureForm .form-group.setup .form-select,
#mixtureForm .form-group.setup .input-group-text,
#mixtureForm .setup-action .btn {
  border-radius: var(--ky-radius-sm) !important;
}

#mixtureForm .setup-pilot .input-group {
  grid-template-columns: 46px minmax(0, 1fr);
  column-gap: 6px;
}

#mixtureForm .setup-pilot .input-group > .input-group-text,
#mixtureForm .setup-pilot .input-group > .form-control,
#mixtureForm .setup-pilot .input-group > .form-select {
  border-radius: var(--ky-radius-sm) !important;
}

#mixtureForm .setup-main .input-group,
#mixtureForm .setup-needle .input-group,
#mixtureForm .setup-clip .input-group,
#mixtureForm .setup-carb .input-group,
#mixtureForm .setup-action .input-group {
  display: flex;
}

@media (max-width: 679px) {
  #jetGraph.ky-chart .graphrich,
  #mixtureGraph.ky-chart .graphrich {
    top: 43%;
  }

  #jetGraph.ky-chart .graphlean,
  #mixtureGraph.ky-chart .graphlean {
    top: 59%;
  }

  #jetGraph.ky-chart .graphrich,
  #mixtureGraph.ky-chart .graphrich,
  #jetGraph.ky-chart .graphlean,
  #mixtureGraph.ky-chart .graphlean {
    max-width: calc(100% - 80px);
  }
}