.inspection-signature-choice,
.inspection-external-link,
.inspection-external-link label {
  min-width: 0;
  max-width: 100%;
}

.inspection-external-link {
  box-sizing: border-box;
  overflow: hidden;
}

.inspection-external-link input {
  box-sizing: border-box;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/*
 * The canvas bitmap is resized by JavaScript for devicePixelRatio. Its visual
 * dimensions must remain CSS-controlled; using height: 100% in an indefinite
 * grid track lets intrinsic canvas dimensions feed back into layout growth.
 */
.inspection-signature-wrap--focus {
  min-height: 0;
  grid-template-rows: auto auto;
}

.inspection-signature-wrap--focus .inspection-signature-pad {
  height: clamp(10rem, 28dvh, 16rem);
  min-height: 10rem;
  max-height: 16rem;
}

.external-signature-form .inspection-signature-wrap--focus {
  min-height: 0;
}

.external-signature-form .inspection-signature-wrap--focus .inspection-signature-pad {
  height: clamp(11rem, 32dvh, 18rem);
  min-height: 11rem;
  max-height: 18rem;
}