/*
 * Aesthetic Enhancements - Optimized for Low-End Systems
 * Performance-first beautiful animations and effects
 */

/* === SMOOTH SCROLL BEHAVIOR === */
html {
    scroll-behavior: smooth;
}

/* === FADE-IN ANIMATIONS (GPU Accelerated) === */
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* === SMOOTH PANEL TRANSITIONS === */
.card, .search-controls, .results-table, .metric-card, .chart-card, .workspace-card, .glass-panel {
    animation: fadeIn 0.3s ease-out;
}

/* === INNER GLOW ON GLASS PANELS === */
.card, .search-controls, .glass-panel, .app-header, .dashboard-header, .metric-card, .chart-card, .volza-chart-card, .integrated-dashboard {
    box-shadow:
        0 4px 30px rgba(0, 0, 0, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

/* === PERFORMANCE OPTIMIZATIONS === */
/* Reduce animations on low-end devices */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* === RESPONSIVE PERFORMANCE === */
@media (max-width: 768px) {
    /* Disable expensive effects on mobile */
    .card, .search-controls {
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    }
}