/* Hub Progress Indicators for Module Cards */

/* Container for the progress section inside each card */
.hub-progress {
  margin: 0.75rem 0 0.25rem;
  position: relative;
}

/* Thin progress bar at bottom of card */
.hub-progress-bar {
  width: 100%;
  height: 4px;
  background: var(--bg-primary);
  border-radius: 2px;
  overflow: hidden;
  margin-bottom: 0.4rem;
}

.hub-progress-fill {
  height: 100%;
  border-radius: 2px;
  transition: width 0.6s ease;
  min-width: 0;
}

/* Color coding based on progress level */
.hub-progress-fill--high {
  background: linear-gradient(90deg, var(--status-success), var(--status-success-text, var(--status-success)));
}

.hub-progress-fill--mid {
  background: linear-gradient(90deg, var(--status-warning), var(--status-warning-text, var(--status-warning)));
}

.hub-progress-fill--low {
  background: var(--text-muted);
}

/* Stats text below the bar */
.hub-progress-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem 0.6rem;
  font-size: 0.72rem;
  line-height: 1.4;
  color: var(--text-muted);
}

.hub-progress-pct {
  font-weight: 600;
}

.hub-progress-pct--high {
  color: var(--status-success);
}

.hub-progress-pct--mid {
  color: var(--status-warning);
}

.hub-progress-pct--low {
  color: var(--text-muted);
}

.hub-progress-detail {
  opacity: 0.85;
}

/* Ensure the progress section doesn't break the card layout */
.module-card .hub-progress + .module-links {
  margin-top: 0.5rem;
}