/* =============================================================================
   TerraTrack - Qualification visual completion
   ============================================================================= */

.qual-progress {
  margin-top: 12px;
  padding: 10px 12px;
  border: 1px solid var(--tt-border);
  border-radius: var(--tt-r-3);
  background: var(--tt-surface-2);
}

.qual-progress-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 8px;
  color: var(--tt-fg-3);
  font-size: var(--tt-fs-11);
  font-weight: var(--tt-fw-medium);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.qual-progress-head strong {
  color: var(--tt-fg);
  letter-spacing: 0;
}

.qual-progress-track {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 5px;
}

.qual-progress-track span {
  height: 6px;
  border-radius: var(--tt-r-pill);
  background: var(--tt-surface-3);
}

.qual-progress-track span.is-done {
  background: var(--tt-accent);
}

.qual-card-badge,
.qual-info-tag,
.qual-sort-btn,
.qual-card-link,
.qual-match-banner-text {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}