/* Custom resets and minor tweaks not handled by Tailwind */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield; /* For older Firefox */
    appearance: textfield;      /* Standard syntax for modern browsers */
}

/* Smooth transition for the wealth numbers */
#total-value {
    transition: all 0.3s ease-in-out;
}