/* Input Symbol Styles */

.input-with-symbol {
    position: relative;
    width: 100%;
}

/* Adjust padding based on symbol */
.input-with-symbol input[type="number"],
.input-with-symbol input[type="text"] { /* Added type="text" */
    /* Default padding for left symbol */
    padding-left: 32px;
    padding-right: 10px; /* Default right padding */
    width: 100%;
    /* Reset default browser appearance for number spinners (optional) */
    -moz-appearance: textfield;
}
.input-with-symbol input[type="number"]::-webkit-outer-spin-button,
.input-with-symbol input[type="number"]::-webkit-inner-spin-button,
.input-with-symbol input[type="text"]::-webkit-outer-spin-button, /* Added */
.input-with-symbol input[type="text"]::-webkit-inner-spin-button { /* Added */
    -webkit-appearance: none;
    margin: 0;
}


/* Adjust input padding specifically when there's a right symbol */
.input-with-symbol:has(.input-symbol-right) input[type="number"],
.input-with-symbol:has(.input-symbol-right) input[type="text"] { /* Added type="text" */
    padding-right: 32px; /* Make space for right symbol */
    padding-left: 10px; /* Reset left padding if ONLY right symbol exists */
}

/* Specific case: If both left AND right symbols exist (unlikely but possible) */
.input-with-symbol:has(.input-symbol):has(.input-symbol-right) input[type="number"],
.input-with-symbol:has(.input-symbol):has(.input-symbol-right) input[type="text"] { /* Added type="text" */
     padding-left: 32px;
     padding-right: 32px;
}


.input-symbol {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--gray-color);
    font-weight: 500;
    pointer-events: none;
    display: flex;
    align-items: center;
    z-index: 2; /* Ensure symbol is above input */
}

.input-symbol-right {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--gray-color);
    font-weight: 500;
    pointer-events: none;
    display: flex;
    align-items: center;
    z-index: 2; /* Ensure symbol is above input */
}


/* Removed .formatted-currency class */