/* Currency Input Styles */

.currency-input,
.currency-input-custom {
    text-align: right;
    direction: ltr;
    font-variant-numeric: tabular-nums; /* Monospaced numbers for better alignment */
    padding-right: 12px;
}

    /* Optional: Add a subtle background to distinguish currency inputs */
    .currency-input:focus,
    .currency-input-custom:focus {
        background-color: #fffef7;
        border-color: #ffc107;
        box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.25);
    }

/* Optional: Add a currency icon before the input */
.currency-input-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
}

    .currency-input-wrapper::before {
        content: '€';
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        color: #6c757d;
        pointer-events: none;
        font-weight: 500;
    }

/* Read-only state */
.currency-input[readonly],
.currency-input-custom[readonly] {
    background-color: #e9ecef;
    cursor: not-allowed;
}

/* Error state */
.currency-input.is-invalid,
.currency-input-custom.is-invalid {
    border-color: #dc3545;
}

    .currency-input.is-invalid:focus,
    .currency-input-custom.is-invalid:focus {
        border-color: #dc3545;
        box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
    }

/* Success state */
.currency-input.is-valid,
.currency-input-custom.is-valid {
    border-color: #28a745;
}

    .currency-input.is-valid:focus,
    .currency-input-custom.is-valid:focus {
        border-color: #28a745;
        box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
    }