/* Shared spacing for actions placed directly inside workflow cards. */
.workflow-panel { --workflow-inset: 24px; }
.workflow-panel > .workflow-actions {
  margin-inline: var(--workflow-inset);
  max-width: calc(100% - 2 * var(--workflow-inset));
}
.workflow-panel > :is(button, a.primary-button, a.secondary-button) {
  margin-inline: var(--workflow-inset);
  max-width: calc(100% - 2 * var(--workflow-inset));
}
.workflow-actions > :is(button, a),
.workflow-toolbar > button,
.measurement-form > button {
  flex-shrink: 0;
  max-width: 100%;
  min-height: 44px;
  white-space: normal;
  overflow-wrap: break-word;
  line-height: 1.4;
}
.workflow-actions { row-gap: 10px; }
.workflow-toolbar > label { min-width: 0; }
.workflow-form-grid > *, .measurement-form > * { min-width: 0; }
.upload-result { list-style: none; padding: 16px; margin-block: 12px; border: 1px solid var(--control-border); border-radius: 12px; background: var(--panel); }
.upload-result > strong { overflow-wrap: anywhere; }
.upload-stages { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; padding: 0; margin: 14px 0; list-style: none; }
.upload-stages li { display: flex; align-items: flex-start; gap: 8px; padding: 10px; border: 1px solid var(--control-border); border-radius: 8px; background: var(--surface-raised); font-size: 13px; line-height: 1.4; }
.upload-stages small { display: block; margin-top: 3px; color: var(--muted); font-size: 11px; }
.upload-stage-mark { display: grid; place-items: center; flex: 0 0 24px; height: 24px; border: 1px solid var(--control-border); border-radius: 50%; font-weight: 700; }
.upload-stages [data-stage-state="done"] { background: var(--tracker-mint,var(--surface-raised)); }
.upload-stages [data-stage-state="current"] { border-color: var(--accent); }
.upload-stages [data-stage-state="failed"] { background: var(--tracker-peach,var(--surface-raised)); }
@media (max-width: 640px) { .upload-stages { grid-template-columns: 1fr; } .upload-result { padding: 12px; } }
@media (max-width: 720px) {
  .workflow-panel { --workflow-inset: 16px; }
  .workflow-actions > :is(button, a) { flex-shrink: 1; }
}