/* NFT Studio auth fields — loaded after index inline styles (Vault-parity dark fields). */

#unara-auth-modal.unara-auth {
  color-scheme: dark;
}

#unara-auth-modal .unara-auth-field input,
#unara-auth-modal .unara-auth-password-wrap input {
  -webkit-appearance: none;
  appearance: none;
  box-sizing: border-box;
  border: 1px solid rgba(124, 58, 237, 0.24) !important;
  background-color: rgba(4, 10, 12, 0.92) !important;
  background-image: none !important;
  color: rgba(245, 245, 247, 0.96) !important;
  caret-color: rgba(245, 245, 247, 0.96);
  color-scheme: dark;
}

#unara-auth-modal .unara-auth-field input::placeholder {
  color: rgba(167, 139, 250, 0.42) !important;
}

#unara-auth-modal .unara-auth-field input:focus,
#unara-auth-modal .unara-auth-password-wrap input:focus {
  outline: none;
  border-color: #8b5cf6 !important;
  box-shadow: 0 0 0 1px rgba(124, 58, 237, 0.28) !important;
}

html.light #unara-auth-modal .unara-auth-field input,
html.light #unara-auth-modal .unara-auth-password-wrap input {
  border: 1px solid rgba(124, 58, 237, 0.24) !important;
  background-color: rgba(4, 10, 12, 0.92) !important;
  color: rgba(245, 245, 247, 0.96) !important;
  caret-color: rgba(245, 245, 247, 0.96);
}

#unara-auth-modal .unara-auth-field input:-webkit-autofill,
#unara-auth-modal .unara-auth-field input:-webkit-autofill:hover,
#unara-auth-modal .unara-auth-field input:-webkit-autofill:focus,
#unara-auth-modal .unara-auth-field input:-webkit-autofill:active,
#unara-auth-modal .unara-auth-password-wrap input:-webkit-autofill,
#unara-auth-modal .unara-auth-password-wrap input:-webkit-autofill:hover,
#unara-auth-modal .unara-auth-password-wrap input:-webkit-autofill:focus,
#unara-auth-modal .unara-auth-password-wrap input:-webkit-autofill:active {
  -webkit-text-fill-color: rgba(245, 245, 247, 0.96) !important;
  caret-color: rgba(245, 245, 247, 0.96);
  border: 1px solid rgba(124, 58, 237, 0.28) !important;
  -webkit-box-shadow: 0 0 0 1000px rgba(4, 10, 12, 0.92) inset !important;
  box-shadow: 0 0 0 1000px rgba(4, 10, 12, 0.92) inset !important;
  transition: background-color 99999s ease-out 0s;
}

#unara-auth-modal .unara-auth-password-toggle {
  color: rgba(167, 139, 250, 0.72) !important;
  background: transparent !important;
}

#unara-auth-modal .unara-auth-password-toggle:hover,
#unara-auth-modal .unara-auth-password-toggle.is-visible {
  color: #a78bfa !important;
  background: rgba(124, 58, 237, 0.12) !important;
}

#unara-auth-modal .unara-auth-password-toggle:focus-visible {
  outline: 2px solid #8b5cf6;
  outline-offset: 2px;
}
