.elevator-short-modal.short-review-modal .short-pinned-progress {
  position: sticky;
  top: 0;
  z-index: 20;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px 12px;
  min-width: 0;
  padding: 10px 12px;
  margin-bottom: 12px;
  border: 1px solid var(--oa-border, #888);
  border-radius: 8px;
  background: var(--oa-panel, var(--panel-bg, Canvas));
  color: var(--oa-text, CanvasText);
}
.elevator-short-modal.short-review-modal .short-pinned-progress > b {
  min-width: 0;
  overflow-wrap: anywhere;
}
.elevator-short-modal.short-review-modal .short-pinned-progress > progress {
  width: 100%;
  height: 8px;
}
/* v269: task history editing; scoped to this dialog only. */
.elevator-short-modal.short-review-modal .short-pinned-progress > progress {
  accent-color: var(--brand-primary, #c5ed3a);
  border-radius: 999px;
  overflow: hidden;
}
.elevator-short-modal.short-review-modal .short-pinned-progress > progress::-webkit-progress-value {
  background: var(--brand-primary, #c5ed3a);
}
.elevator-short-modal.short-review-modal .short-pinned-progress > progress::-moz-progress-bar {
  background: var(--brand-primary, #c5ed3a);
}
.elevator-short-modal.short-review-modal .short-record-pencil {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px;
  border: 0;
  background: transparent;
  color: var(--oa-muted, #888);
  cursor: pointer;
  flex: 0 0 auto;
}
.elevator-short-modal.short-review-modal .short-record-pencil:hover,
.elevator-short-modal.short-review-modal .short-record-pencil:focus-visible {
  color: var(--brand-primary, #c5ed3a);
}
.elevator-short-modal.short-review-modal .short-record-inline-name {
  min-width: 0;
  max-width: 100%;
  flex: 1 1 180px;
}
.elevator-short-modal.short-review-modal .short-input-save-plan {
  width: 100%;
  min-width: 0;
  overflow-wrap: anywhere;
}
.elevator-short-modal.short-review-modal .short-reference-grid .short-reference-photo {
  position: relative;
  inset: auto;
  display: block;
  width: 100%;
  height: auto;
}
.elevator-short-modal.short-review-modal .short-input-details {
  clear: both;
}

.elevator-short-modal.short-review-modal .short-record-pencil { width: 28px; height: 28px; min-height: 28px; margin: 0; }
.elevator-short-modal.short-review-modal .short-record-heading > .short-record-name { display: inline-block; width: auto; min-width: 0; max-width: min(65%, 420px); margin: 0; padding: 6px 0; border: 0; box-shadow: none; background: transparent; flex: 0 1 auto; cursor: text; }
.elevator-short-modal.short-review-modal .short-record-heading > .short-history-select { flex-basis: 220px; }
.elevator-short-modal.short-review-modal .short-input-details > fieldset { min-width: 0; }