/* v60.5.79 — Actual Time input reliability / visibility */
.duration-clock-field .duration-clock-input,
.compact-duration-clock .duration-clock-input,
.set-entry-table .duration-clock-input {
  width: 8.5rem !important;
  min-width: 8.5rem !important;
  max-width: 100% !important;
  box-sizing: border-box;
  font-variant-numeric: tabular-nums;
}
.set-entry-table .duration-clock-field {
  min-width: 9.5rem;
}
@media (max-width: 680px) {
  .duration-clock-field .duration-clock-input,
  .compact-duration-clock .duration-clock-input,
  .set-entry-table .duration-clock-input {
    width: 7.75rem !important;
    min-width: 7.75rem !important;
  }
}


/* v60.5.80 — mobile individual-timer stability + workout session autosave */
html.exercise-set-timer-open,
body.exercise-set-timer-open {
  overflow-x: hidden !important;
  max-width: 100vw !important;
}

.exercise-set-timer-dialog {
  box-sizing: border-box;
  margin: auto;
  max-inline-size: min(92vw, 520px) !important;
  inline-size: min(92vw, 520px) !important;
  max-block-size: min(88dvh, 680px);
  overflow: auto;
  overscroll-behavior: contain;
}

.exercise-set-timer-dialog > section {
  box-sizing: border-box;
  min-width: 0;
  overflow-wrap: anywhere;
}

.workout-session-autosave-note {
  margin: 0 0 16px;
  padding: 10px 14px;
  border-left: 4px solid #008a8a;
  border-radius: 10px;
  background: #f3f9f9;
  color: #536363;
  font-size: .9rem;
}

.workout-session-autosave-note.is-saved,
.workout-session-autosave-note.is-restored {
  color: #045d5d;
  font-weight: 600;
}

@media (max-width: 680px) {
  html, body {
    max-width: 100%;
    overflow-x: hidden;
  }

  .exercise-set-timer-dialog {
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    max-height: calc(100dvh - 32px);
    margin: auto !important;
  }

  .exercise-set-timer-dialog > section {
    padding: 18px 16px !important;
  }

  .exercise-set-timer-actions > button {
    min-width: 0;
    flex: 1 1 120px;
  }
}
