/* Web-specific input styling */
input {
  padding: 8px 12px !important;
  border-radius: 6px;
  outline: none;
  transition: all 0.2s ease-in-out;
}

input:focus {
  box-shadow: 0 0 0 2px rgba(242, 153, 74, 0.3);
  border-color: #F2994A;
}

/* Ensure text alignment is consistent for regular inputs */
input:not(.code-input) {
  text-align: left !important;
}

/* Verification code input styling */
.verification-code-input {
  padding: 12px 15px !important;
  text-align: center !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
  border-radius: 8px !important;
  font-family: 'Menlo', monospace !important;
  letter-spacing: 10px !important;
  background-color: transparent !important;
}

.verification-code-input:focus {
  box-shadow: none !important;
  border: none !important;
  outline: none !important;
  background-color: rgba(242, 153, 74, 0.05) !important;
  border-radius: 8px !important;
}

/* Improve placeholder styling */
input::placeholder {
  opacity: 0.5;
}