/* ECO sign-page enhance — hide other-recipient field outlines + recipient badges so signers only see their own fields */

@media (max-width: 768px) {
  body, html { touch-action: manipulation pinch-zoom !important; }
  [class*="SignDialog"], [data-sign-bar] { font-size: 16px !important; }
}

/* Hide recipient initials/avatar badges on already-signed/completed fields */
[data-completed="true"] [class*="recipient-initial"],
[data-completed="true"] [class*="RecipientInitial"],
[data-inserted="true"] [class*="recipient-initial"],
[data-inserted="true"] [class*="RecipientInitial"],
[class*="field"][data-state="signed"] [class*="initial"],
.field-completed [class*="initial"],
.field-inserted [class*="initial"] {
  display: none !important;
}

/* Soften the field outline on completed/inserted fields so they look more like printed text */
[data-completed="true"],
[data-inserted="true"],
[class*="field"][data-state="completed"],
[class*="field"][data-state="signed"] {
  border: none !important;
  background: transparent !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Same for prefilled (read-only by-design) fields where the value is final */
[class*="FieldRoot"][data-prefilled="true"],
[data-readonly="true"]:not([data-current-signer="true"]) {
  border: none !important;
  background: transparent !important;
}

/* Make sure the active signer's OWN field stays highlighted */
[data-current-signer="true"], [data-recipient-current="true"] {
  border: 2px solid #0070d2 !important;
  background: rgba(0, 112, 210, 0.08) !important;
}