/* Shared fractional scales: numbers remain the primary label. */
.metric-meter {
  --meter-fill: #251f25;
  --meter-track: #efedf0;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 6px;
  margin: 9px 0 0;
  padding: 0;
  border: 0;
  border-radius: 999px;
  overflow: hidden;
  background: var(--meter-track);
  color: var(--meter-fill);
  appearance: none;
  -webkit-appearance: none;
}
.metric-meter::-webkit-meter-bar {
  height: 6px;
  border: 0;
  border-radius: 999px;
  background: var(--meter-track);
  box-shadow: none;
}
.metric-meter::-webkit-meter-optimum-value,
.metric-meter::-webkit-meter-suboptimum-value,
.metric-meter::-webkit-meter-even-less-good-value {
  border-radius: 999px;
  background: var(--meter-fill);
  box-shadow: none;
}
.metric-meter::-webkit-progress-bar { background: var(--meter-track); border-radius: 999px; }
.metric-meter::-webkit-progress-value { background: var(--meter-fill); border-radius: 999px; }
.metric-meter::-moz-meter-bar { background: var(--meter-fill); border-radius: 999px; }
.metric-meter::-moz-progress-bar { background: var(--meter-fill); border-radius: 999px; }
.overview-conversion tbody th > .metric-meter { margin-top: 9px; }
.overview-team td > .metric-meter { min-width: 45px; }
.plan-completion-scale { margin: 0 0 18px; }
.plan-completion-scale .metric-meter { margin-top: 0; }
.day-plan-overview > .plan-completion-scale { grid-column: 1 / -1; width: 100%; margin-bottom: 0; }
/* Existing dashboard distributions and project goals use the same visual scale. */
body.crm-theme-a .dashboard-bar-track,
body.crm-theme-a .dashboard-kpi-track,
body.crm-theme-a .project-plan-track,
body.crm-theme-a .overview-project__track { height: 6px; background: #efedf0; }
body.crm-theme-a .dashboard-bar-track > span,
body.crm-theme-a .dashboard-kpi-track > span,
body.crm-theme-a .project-plan-track > span,
body.crm-theme-a .overview-project__track > span { background: #251f25; }
