/* Metric — big value + small caption, no card chrome.
 * Use for the Project Home metric strip, in-cell metrics on tables, etc.
 * Distinct from StatCard (which wraps its own card shell). */

.cp-metric {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.125rem;
  line-height: 1.1;
}

.cp-metric__value {
  font-family: var(--font-family-sans);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--color-text-primary);
  line-height: 1.1;
  letter-spacing: -0.01em;
}

.cp-metric--small .cp-metric__value  { font-size: 1.25rem; /* 20px */ }
.cp-metric--medium .cp-metric__value { font-size: 1.5rem;  /* 24px */ }
.cp-metric--large .cp-metric__value  { font-size: 2rem;    /* 32px */ }

.cp-metric--warn .cp-metric__value {
  color: var(--color-accent, currentColor);
}

.cp-metric__caption {
  font-family: var(--font-family-mono);
  font-size: 0.6875rem; /* 11px */
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-text-secondary);
  letter-spacing: 0.3px;
  text-transform: uppercase;
}