/* ==========================================
   DIVIDEND CALCULATOR - NON-CRITICAL CSS
   ========================================== */

/* Hover States */
.input-field:hover, .select-field:hover { border-color: #cbd5e1; }

/* Focus Transitions */
.input-field, .select-field, .global-currency-select { transition: all 0.2s ease; }

/* Toggle Switch Animation */
.toggle-slider { transition: background-color 0.3s ease; }
.toggle-slider:before { transition: transform 0.3s ease; }

/* Mobile Adjustments */
@media (max-width: 768px) {
    .input-field, .select-field { font-size: 0.875rem; padding: 9px 10px; }
    .global-currency-select { font-size: 0.6875rem; padding: 4px 4px; max-width: 72px; }
}