/* GPU-Accelerated Performance Optimizations */

/* Force GPU acceleration for animations and transforms */
.gpu-accelerated,
.mud-table,
.mud-list,
.mud-card,
.order-card,
.platform-card {
    transform: translateZ(0);
    will-change: transform;
    backface-visibility: hidden;
    perspective: 1000px;
}

/* Optimize scrolling performance */
.scrollable-container {
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    transform: translateZ(0);
}

/* Optimize table rendering */
.mud-table-container {
    contain: layout style paint;
    content-visibility: auto;
}

/* Use GPU for opacity transitions */
.fade-transition {
    transition: opacity 0.3s ease-in-out;
    will-change: opacity;
}

/* Optimize card animations */
.card-hover {
    transition: transform 0.2s ease-in-out;
    will-change: transform;
}

.card-hover:hover {
    transform: scale(1.02) translateZ(0);
}

/* Use CSS containment for performance */
.order-row,
.customer-row,
.platform-row {
    contain: layout style;
}

/* Reduce paint areas */
.isolated-element {
    isolation: isolate;
}

/* Optimize image rendering */
img {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}

/* Use native browser features for smooth scrolling */
html {
    scroll-behavior: smooth;
}

/* Optimize grid layouts */
.grid-container {
    display: grid;
    contain: layout style paint;
}

/* Reduce reflows with fixed dimensions where possible */
.fixed-layout {
    contain: strict;
}