/* Compact 4CC-style records, status tiles and integrated repetition controls. */
.strength-page .session-exercise .exercise-recap-tiles {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  margin: 9px 0 11px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
}
.exercise-recap-chip {
  display: grid;
  align-content: start;
  gap: 3px;
  min-width: 0;
  padding: 7px 8px;
  border: 1px solid #e1e6ed;
  border-radius: 7px;
  background: #f5f7fa;
}
.exercise-recap-chip.recap-pb { background: #f0f5e7; border-color: #dce6ce; }
.strength-page .exercise-recap-chip .exercise-recap-label {
  color: #69798b;
  font-size: 9px;
  line-height: 1.2;
  font-weight: 750;
}
.strength-page .recap-pb .exercise-recap-label { color: #647e42; }
.strength-page .exercise-recap-chip .exercise-recap-value {
  white-space: normal;
  overflow-wrap: anywhere;
  overflow: visible;
  color: #364352;
  font-size: 10px;
  font-weight: 650;
  line-height: 1.5;
}
.recap-separator { display: inline; margin: 0 2px; font-size: 14px; line-height: 0; color: #879578; vertical-align: -.03em; }
.exercise-six-stats .exercise-stat > strong {
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.exercise-six-stats .exercise-stat > strong small { display: block; font-size: 8px; line-height: 1.3; }
.session-record-meta { align-items: flex-start; }
.session-record-meta > div { min-width: 0; flex: 1; }
.session-record-meta strong { display: block; overflow-wrap: anywhere; line-height: 1.4; }
.session-record-meta time { display: block; color: #7b8797; font-size: 10px; }
.exercise-session-popup .button-row { margin-top: 14px; }
.exercise-session-popup .exercise-set-table { margin-top: 5px; }
.exercise-session-popup .exercise-set-table td { font-size: 12px; }
.workout-record-meta { display: grid; gap: 10px; margin: 5px 16px 0; }
.workout-record-meta > time { color: #748194; font-size: 11px; }
.workout-record-chips { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.workout-record-exercises { display: grid; gap: 10px; padding: 16px; }
.workout-record-exercises > .card { margin: 0; padding: 12px; }
#app .workout-record-exercise > h2 { font-size: 13px; font-weight: 750; line-height: 1.4; margin: 0 0 6px; overflow-wrap: anywhere; }
.workout-record-exercise .exercise-set-table th { padding-top: 7px; }
.reps-stepper {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 28px;
  min-width: 0;
  border: 1px solid #dfe4e9;
  border-radius: 9px;
  background: #fafbfc;
}
.set-row .reps-stepper > input {
  height: 48px;
  min-height: 48px;
  padding: 6px 2px;
  border: 0;
  border-radius: 9px 0 0 9px;
  background: transparent;
  font-size: 16px;
  appearance: textfield;
  -moz-appearance: textfield;
}
.reps-stepper > input::-webkit-inner-spin-button,
.reps-stepper > input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.reps-stepper-buttons { display: grid; grid-template-rows: 1fr 1fr; border-left: 1px solid #e2e7ed; }
.reps-stepper-buttons button {
  display: grid;
  place-items: center;
  min-width: 0;
  min-height: 24px;
  padding: 0;
  border: 0;
  border-radius: 0 8px 0 0;
  background: #edf1f5;
  color: #596d81;
  touch-action: manipulation;
}
.reps-stepper-buttons button + button { border-top: 1px solid #dde4eb; border-radius: 0 0 8px 0; }
.reps-stepper-buttons button:hover { background: #e4ebdc; color: #415432; }
.reps-stepper-buttons button:active { background: #d8e2cc; }
.reps-stepper-buttons svg { width: 14px; height: 12px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.reps-stepper:focus-within { border-color: #98abc5; }
.set-row:has(.reps-stepper) > input[data-field="weight"] { height: 50px; min-height: 50px; }
@media (max-width: 365px) {
  .exercise-recap-chip { padding: 6px 7px; }
  .workout-record-meta { margin-left: 12px; margin-right: 12px; }
  .workout-record-exercises { padding: 12px; }
}