/* src/css/history-screen.css */

/* History List Screen */
.workout-group {
  margin-bottom: var(--spacing-lg);
}

.workout-group-title {
  font-size: var(--font-lg);
  font-weight: 600;
  color: var(--color-primary);
  margin-bottom: var(--spacing-md);
}

.exercise-card {
  background: var(--color-surface);
  border-radius: 12px;
  padding: var(--spacing-md);
  margin-bottom: var(--spacing-sm);
  cursor: pointer;
  transition: background 0.2s;
  touch-action: manipulation;
}

.exercise-card:active {
  background: var(--color-surface-light);
}

.exercise-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--spacing-xs);
}

.exercise-card-title {
  font-size: var(--font-md);
  font-weight: 600;
  color: var(--color-text);
  margin: 0;
}

.exercise-card-arrow {
  font-size: var(--font-lg);
  color: var(--color-text-dim);
}

.exercise-card-meta {
  display: flex;
  gap: var(--spacing-md);
  flex-wrap: wrap;
}

.meta-item {
  font-size: var(--font-sm);
  color: var(--color-text-dim);
}

/* Empty state */
.empty-state {
  text-align: center;
  padding: var(--spacing-xl);
}

.empty-state-icon {
  font-size: 48px;
  margin-bottom: var(--spacing-md);
}

.empty-state-text {
  font-size: var(--font-lg);
  font-weight: 600;
  color: var(--color-text);
  margin-bottom: var(--spacing-xs);
}

.empty-state-hint {
  font-size: var(--font-sm);
  color: var(--color-text-dim);
}