/* ========================================
   UPWORK CALCULATOR - TAILWIND OVERRIDES
   ======================================== */

/* --- Chart Centering --- */
.chart-wrapper {
    position: relative;
    width: 160px;
    height: 160px;
    margin: 0 auto;
}

/* --- Editable Result Input --- */
.result-value-input {
    background: transparent;
    border: none;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    width: 100%;
    outline: none;
    padding: 0;
    margin: 0;
    line-height: 1;
}

.result-value-input:focus {
    outline: none;
    border-bottom: 2px solid rgba(255,255,255,0.2);
}

/* Remove spinners */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* --- Mode Switcher Animation --- */
.mode-toggle-pill {
    position: relative;
    cursor: pointer;
}