/* === SUPERSET / TRISERT / GIANT SET GROUPING === */

/* Link button between exercises in create-program */
.link-exercises-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  padding: 6px 12px;
  margin: -4px 0;
  background: none;
  border: 1px dashed var(--gray-200);
  border-radius: 8px;
  color: var(--gray-400);
  font-size: 0.75rem;
  cursor: pointer;
  transition: all 0.2s;
}
.link-exercises-btn:active {
  background: var(--primary-50, #f5f3ff);
  border-color: var(--primary);
  color: var(--primary);
}

/* Exercise group container in create-program */
.exercise-group {
  border: 2px solid var(--primary);
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: var(--space-3);
}
.exercise-group__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  background: var(--primary-50, #f5f3ff);
}
.exercise-group__label {
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--primary);
}
.exercise-group__unlink {
  font-size: 0.75rem;
  color: var(--gray-400);
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 6px;
}
.exercise-group__unlink:active {
  background: var(--gray-100);
}
.exercise-group__body {
  padding: 0;
}
.exercise-group__body .selected-exercise-card {
  border-radius: 0;
  border: none;
  border-bottom: 1px solid var(--gray-100);
  margin-bottom: 0;
}
.exercise-group__body .selected-exercise-card:last-child {
  border-bottom: none;
}

/* Grouped card style in create-program */
.selected-exercise-card--grouped {
  border-left: 3px solid var(--primary);
}

/* Exercise group in program detail view */
.exercise-group-detail {
  border: 2px solid var(--primary);
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: var(--space-3);
}
.exercise-group-detail__label {
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--primary);
  padding: 8px 12px;
  background: var(--primary-50, #f5f3ff);
}
.exercise-group-detail .exercise-card {
  border-radius: 0;
  border: none;
  border-bottom: 1px solid var(--gray-100);
  margin-bottom: 0;
}
.exercise-group-detail .exercise-card:last-child {
  border-bottom: none;
}

/* Workout group during training */
.workout-group {
  border: 2px solid var(--primary);
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: var(--space-3);
}
.workout-group__label {
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--primary);
  padding: 8px 12px;
  background: var(--primary-50, #f5f3ff);
  text-align: center;
}
.workout-group__body .workout-exercise-card {
  border-radius: 0;
  border: none;
  border-bottom: 1px solid var(--gray-100);
  margin-bottom: 0;
}
.workout-group__body .workout-exercise-card:last-child {
  border-bottom: none;
}

/* === PROGRAM TYPE SELECTOR (classic / circuit) === */
.program-type-selector {
  display: flex;
  gap: 0;
  background: var(--gray-100);
  border-radius: 10px;
  padding: 3px;
  margin: var(--space-3) 0;
}
.program-type-selector__btn {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px 12px;
  border: none;
  background: none;
  border-radius: 8px;
  font-size: 0.85rem;
  font-weight: 500;
  color: var(--gray-400);
  cursor: pointer;
  transition: all 0.2s;
}
.program-type-selector__btn.active {
  background: white;
  color: var(--text);
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.program-type-selector__btn:active {
  transform: scale(0.97);
}

/* === CIRCUIT SETTINGS (rounds / rest) === */
.circuit-settings {
  background: var(--primary-50, #f5f3ff);
  border: 1px solid var(--primary);
  border-radius: 12px;
  padding: 12px 16px;
  margin-bottom: var(--space-3);
}
.circuit-settings__row {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.circuit-settings__item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.circuit-settings__label {
  font-size: 0.82rem;
  font-weight: 500;
  color: var(--primary);
  min-width: 100px;
}
.circuit-settings__unit {
  font-size: 0.75rem;
  color: var(--gray-400);
}

/* === CIRCUIT EXERCISES WRAPPER (create mode) === */
.circuit-exercises-wrapper {
  border: 2px solid var(--primary);
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: var(--space-3);
}
.circuit-exercises-wrapper__header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  background: var(--primary-50, #f5f3ff);
  color: var(--primary);
  font-size: 0.82rem;
  font-weight: 600;
}
.circuit-exercises-wrapper__body .selected-exercise-card {
  border-radius: 0;
  border: none;
  border-bottom: 1px solid var(--gray-100);
  margin-bottom: 0;
}
.circuit-exercises-wrapper__body .selected-exercise-card:last-child {
  border-bottom: none;
}

/* === CIRCUIT DETAIL VIEW === */
.circuit-detail-wrapper {
  border: 2px solid var(--primary);
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: var(--space-3);
}
.circuit-detail-wrapper__header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  background: var(--primary-50, #f5f3ff);
  color: var(--primary);
  font-size: 0.82rem;
  font-weight: 600;
}
.circuit-detail-wrapper .exercise-card {
  border-radius: 0;
  border: none;
  border-bottom: 1px solid var(--gray-100);
  margin-bottom: 0;
}
.circuit-detail-wrapper .exercise-card:last-child {
  border-bottom: none;
}

/* === CIRCUIT BADGE in program detail === */
.program-detail-header__badge--circuit {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: var(--primary-50, #f5f3ff);
  color: var(--primary);
  border: 1px solid var(--primary);
}

/* === CIRCUIT WORKOUT ROUND === */
.workout-circuit-round {
  border: 2px solid var(--primary);
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: var(--space-3);
}
.workout-circuit-round__header {
  padding: 10px 14px;
  background: var(--primary-50, #f5f3ff);
  text-align: center;
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--primary);
}
.workout-circuit-round__body .workout-exercise-card {
  border-radius: 0;
  border: none;
  border-bottom: 1px solid var(--gray-100);
  margin-bottom: 0;
}
.workout-circuit-round__body .workout-exercise-card:last-child {
  border-bottom: none;
}
.workout-circuit-round__rest {
  padding: 8px 14px;
  background: var(--gray-50, #f9fafb);
  text-align: center;
  font-size: 0.75rem;
  color: var(--gray-400);
  border-top: 1px solid var(--gray-100);
}