/* Shared secure form states. The visual layout remains controlled by each page stylesheet. */
.backend-honeypot {
  position: fixed !important;
  top: -10000px !important;
  left: -10000px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
.backend-required-note {
  grid-column: 1 / -1;
  margin: 0 0 14px;
  color: #6e777a;
  font-size: 12px;
  line-height: 1.55;
}
[data-backend-form] [aria-invalid="true"] {
  border-color: #bf0008 !important;
  box-shadow: 0 0 0 3px rgba(191, 0, 8, .09) !important;
}
[data-form-status], .backend-form-status {
  min-height: 1.4em;
  font-size: 12px;
  line-height: 1.45;
}
[data-form-status][data-status="pending"] { color: #5f686c; }
[data-form-status][data-status="success"] { color: #137a2a; }
[data-form-status][data-status="error"] { color: #bf0008; }
button[aria-busy="true"], input[aria-busy="true"] { cursor: wait; opacity: .72; }
@media (max-width: 640px) {
  .backend-required-note { margin-bottom: 10px; font-size: 11px; }
}