/* modules/exercises/exercisesView.css — exercise library card items (muscle/taxonomy
   badges, instructions). Extracted from index.css to live next to exercisesView.js. */

.exercise-item {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 14px;
  background: var(--card-bg);
  border: 1px solid var(--card-border);
  border-radius: var(--border-radius-md);
}
.exercise-item-header h3 {
  font-size: 15px;
  font-weight: 600;
}
.muscle-badge {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  background: rgba(6, 182, 212, 0.1);
  color: var(--primary);
  border: 1px solid rgba(6, 182, 212, 0.2);
  padding: 2px 8px;
  border-radius: 12px;
  font-weight: 700;
}
.exercise-instructions {
  font-size: 12px;
  line-height: 1.4;
  margin-top: 4px;
}
.exercise-item-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}
.taxonomy-badge {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  background: rgba(148, 163, 184, 0.12);
  color: var(--text-muted);
  border: 1px solid rgba(148, 163, 184, 0.2);
  padding: 2px 8px;
  border-radius: 12px;
  font-weight: 700;
}

/* A non-strength movement's modality badge leads the row, accented so cardio/stretch/balance
   work stands out from the muted equipment/pattern badges. */
.taxonomy-badge-modality {
  background: var(--primary-light);
  color: var(--primary);
  border-color: var(--primary);
}
/* The trainer's own exercise. A dashed edge sets it apart from the solid taxonomy
   badges, and the pencil and the word carry the meaning; colour is left to the theme. */
.taxonomy-badge-source {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  border-style: dashed;
}