/* ==========================================
   WEIGHTED AVERAGE CALCULATOR - NON-CRITICAL CSS
   ========================================== */

/* Hover States */
.data-row input:hover { border-color: #cbd5e1; }
.add-row-btn:hover { transform: translateY(-1px); }

/* Focus Transitions */
.data-row input { transition: all 0.2s ease; }

/* Result Display Transitions */
.result-display { transition: all 0.3s ease; }

/* Steps Box Animation */
.steps-box { animation: slideIn 0.3s ease; }

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

/* Mobile Adjustments */
@media (max-width: 768px) {
    .data-row { grid-template-columns: 1fr 1fr 36px; }
    .row-headers { grid-template-columns: 1fr 1fr 36px; }
}