/* metrics.css — Progress bars, metrics tables */
/* ============================================================================
   PROGRESS BARS
   ============================================================================ */

.progress-wrap {
  margin-bottom: 14px;
}

.progress-label {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  margin-bottom: 5px;
}

.progress-track {
  height: 7px;
  background: rgba(45,138,86,0.08);
  border-radius: 6px;
  overflow: hidden;
}

.progress-fill {
  height: 100%;
  border-radius: 6px;
  transition: width 600ms ease;
}

.fill-green {
  background: #10b981;
}

.fill-yellow {
  background: #f59e0b;
}

.fill-red {
  background: #ef4444;
}