/* Wrapper Scope */
#ss-ews-calculator {
    font-family: 'Inter', sans-serif;
}

/* Utility Classes */
#ss-ews-calculator .hidden {
    display: none !important;
}

/* Animations */
.fade-in {
    animation: fadeIn 0.5s ease-in-out;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Input Spinners Removal */
#ss-ews-calculator input[type=number]::-webkit-inner-spin-button, 
#ss-ews-calculator input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none; 
    margin: 0; 
}
#ss-ews-calculator input[type=number] {
    -moz-appearance: textfield;
}

/* Radio Button Styling Backup */
/* Ensuring the check icon appears when input is checked if Tailwind 'has' variant fails in some browsers */
#ss-ews-calculator label input:checked ~ span .material-symbols-outlined, /* For Plot Location */
#ss-ews-calculator label input:checked ~ div .material-symbols-outlined /* For Category Cards */
{
    /* Logic is handled by Tailwind classes usually, but this is a safeguard */
}