/* --- Global Input Styling --- */
/* This rule now targets all relevant input types, including password fields,
   ensuring they always have black text for maximum visibility. */
input[type="text"],
input[type="number"],
input[type="password"] {
  color: #000000 !important;
}

/* Hide arrows from number inputs */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}


/* --- Component & Layout Styles --- */
.param-input {
  @apply w-full bg-gray-300 border-gray-400 rounded-md shadow-sm p-2 focus:ring-cyan-500 focus:border-cyan-500;
}
.action-cb {
  @apply h-5 w-5 rounded border-gray-600 bg-gray-700 text-cyan-500 focus:ring-cyan-600;
}
.action-item {
  @apply flex items-center justify-between p-2 rounded-md hover:bg-gray-700/50;
}
.slippage-wrapper {
  @apply flex items-center bg-gray-400 rounded-md;
}
.slippage-input {
  @apply w-16 bg-transparent text-center p-1 focus:outline-none;
}
.slippage-percent {
  @apply pr-2 text-gray-700;
}