/* Public recovery/confirmation pages reuse AP tokens and the shared dark sheet. */
:root {
  color-scheme: light;
  --ap-public-field: var(--ap-color-field-editable);
  --ap-public-text: var(--ap-color-text);
  --ap-public-border: var(--ap-color-border);
}
@media (prefers-color-scheme: dark) {
  :root {
    --ap-public-field: var(--ap-dark-surface);
    --ap-public-text: var(--ap-color-text-on-dark);
    --ap-public-border: var(--ap-dark-border);
  }
}
.ap-public-account input {
  background: var(--ap-public-field);
  color: var(--ap-public-text);
  border-color: var(--ap-public-border);
  caret-color: var(--ap-public-text);
}
/* The inset fill masks the browser's forced autofill background, not a button glow. */
html[data-ap-resolved-theme] body.ap-public-account input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):is(:autofill, :-webkit-autofill) {
  -webkit-box-shadow: 0 0 0 1000px var(--ap-public-field) inset !important;
  box-shadow: 0 0 0 1000px var(--ap-public-field) inset !important;
  -webkit-text-fill-color: var(--ap-unit-editable-text) !important;
  caret-color: var(--ap-unit-editable-text);
}
.ap-public-account input:focus-visible {
  outline: 2px solid var(--ap-gold);
  outline-offset: 2px;
}