/* ring-fix 20260907233412: keep ring VALUE perfectly centered in the circle */
.rings {
  align-items: center !important;
  justify-content: space-around !important;
}

.ring {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 96px !important;
  min-width: 96px !important;
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.ring svg {
  display: block !important;
  width: 82px !important;
  height: 82px !important;
  margin: 0 auto !important;
}

/* overlay value dead-center on the svg box */
.ring .val {
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;
  width: 82px !important;
  height: 82px !important;
  min-height: 82px !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: translateX(-50%) !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  pointer-events: none !important;
  box-sizing: border-box !important;
}

.ring .val b {
  display: inline-flex !important;
  align-items: baseline !important;
  justify-content: center !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: center !important;
  color: var(--ring-value-color, #f4fbff) !important;
  text-shadow: none !important;
  transform: none !important;
}

.ring .val b span {
  margin-left: 1px !important;
}

.ring .lbl {
  text-align: center !important;
  width: 100% !important;
}

.ring .prog,
.ring .trk {
  stroke-width: 8 !important;
  stroke-linecap: round !important;
}

#diskProg {
  filter: none !important;
}

#memVal, #pingVal, #diskVal {
  --ring-value-color: #94a3b8;
}