/* Keep the complete order number readable through all worker close-out stages. */
body .complete-hero .complete-order-tag {
  grid-column: 1 / -1;
  grid-row: 4;
  justify-self: start;
  max-width: 100%;
  overflow: visible;
  overflow-wrap: anywhere;
  border-radius: 10px;
  font-size: 11px;
  line-height: 1.4;
  text-overflow: clip;
  white-space: normal;
}

body .complete-hero .complete-hero__copy {
  font-size: 12px;
}

body .complete-hero .complete-hero__hint {
  font-size: 11px;
}

body .pending-hero .pending-meta {
  overflow: visible;
  overflow-wrap: anywhere;
  font-size: 12px;
  line-height: 1.5;
  text-overflow: clip;
  text-wrap: balance;
  white-space: normal;
}

/* The "complete your summary" hint is stale once the form can be submitted. */
body .worker-flow-page:has(.complete-footer-button.figma-button--deep:not([disabled])) .complete-warning {
  display: none;
}

body .worker-flow-page:has(.complete-hero) .complete-footer-button.figma-button--deep:not([disabled]) uni-image,
body .worker-flow-page:has(.complete-hero) .complete-footer-button.figma-button--deep:not([disabled]) img {
  filter: brightness(0) invert(1);
}

body .worker-flow-page:has(.complete-hero) .evidence-preview-item.is-video uni-image {
  filter: brightness(0) invert(1);
}

body .worker-flow-page:has(.complete-hero) .complete-check-row,
body .worker-flow-page:has(.complete-hero) .complete-check-state,
body .worker-flow-page:has(.complete-hero) .checklist-count,
body .worker-flow-page:has(.complete-hero) .preview-entry,
body .worker-flow-page:has(.complete-hero) .evidence-preview-item strong,
body .worker-flow-page:has(.complete-hero) .evidence-preview-item uni-text,
body .worker-flow-page:has(.complete-hero) .delivery-count,
body .worker-flow-page:has(.complete-hero) .rule-row small {
  font-size: 11px;
}

body .worker-flow-page:has(.complete-hero) .delivery-textarea,
body .worker-flow-page:has(.complete-hero) .rule-row uni-text,
body .worker-flow-page:has(.complete-hero) .complete-warning {
  font-size: 12px;
}

body .worker-flow-page:has(.complete-hero) .delivery-textarea {
  height: 72px;
  min-height: 72px;
  max-height: 72px;
  line-height: 1.45;
}