* { box-sizing: border-box; }
html { font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: var(--color-bg); }
body { margin: 0; min-width: 320px; color: var(--color-text); background: var(--color-bg); }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
button:disabled { cursor: not-allowed; opacity: .45; }
h1, h2, h3, p { margin-top: 0; }
img { display: block; max-width: 100%; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.hidden { display: none !important; }
.stack { display: grid; gap: var(--space-4); }
.stack-sm { display: grid; gap: var(--space-2); }
.row { display: flex; align-items: center; gap: var(--space-3); }
.row-between { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); }
.muted { color: var(--color-text-muted); }
.caption { font-size: .78rem; color: var(--color-text-muted); }
.section-title { font-size: 1.05rem; margin: 0; }
html, body { touch-action: manipulation; }
button, a, input, select, textarea { touch-action: manipulation; }

/* E2E/UI: explicit set + exercise deletion controls */
.completed-set-row { position: relative; }
.completed-set-delete,
.exercise-delete-button {
  position: relative;
  z-index: 20;
  pointer-events: auto !important;
  touch-action: manipulation;
}
.workout-summary-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
@media (max-width: 640px) {
  .workout-summary-actions { gap: 4px; }
  .exercise-delete-button { padding-left: 8px; padding-right: 8px; }
}