.uacc-text-input-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    width: 100%;
    background-color: var(--uacc-background3);
    box-sizing: border-box;
}

.uacc-text-input-click:focus, .uacc-text-input-click:hover {
    border-color: var(--uacc-warning) !important;
    background-color: color-mix(in srgb, var(--uacc-background1) 95%, var(--uacc-warning) 5%) !important;
    cursor: pointer;
}

/* Text input itself */
.uacc-text-input {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    width: 100%;
    height: 100%;
    background-color: transparent;
    border: none;
    border-bottom: 2px solid var(--uacc-ternary);
    outline: none;
    color: var(--uacc-text);
    font-size: 20px; /* upscaled to fill 50px row nicely */
    padding: 0 0.5rem; /* minimal horizontal padding */
    box-sizing: border-box;
    line-height: 48px; /* vertically centers text inside 50px height minus border */
    font-family: 'Inter', -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-weight: 500; /* semi-bold for clarity inside 50px height */
    transition: border-color 0.25s ease;
}

/* Focus state for underline */
.uacc-text-input:focus, .uacc-text-input:hover {
    border-color: var(--uacc-primary);
    background-color: color-mix(in srgb, var(--uacc-background1) 90%, var(--uacc-primary) 10%);
}

/* Placeholder matches text color with subtle opacity */
.uacc-text-input::placeholder {
    color: var(--uacc-text);
    opacity: 0.6;
}