/* Ottimizzazioni per Safari iOS e cross-browser */
        * {
            -webkit-tap-highlight-color: transparent !important;
            -webkit-overflow-scrolling: touch !important;
        }

        /* Hardware acceleration per animazioni fluide */
        .bouncing-logo, .nav-item.active, .modal, .bottom-nav, .card, button, .btn {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }

        /* Disabilita animazioni durante scroll */
        .disable-animations,
        .disable-animations *,
        .disable-animations::before,
        .disable-animations::after,
        .disable-animations *::before,
        .disable-animations *::after {
            -webkit-transition: none !important;
            transition: none !important;
            -webkit-animation: none !important;
            animation: none !important;
        }

        /* Ottimizzazioni rendering */
        .card, .modal-content, .bottom-nav, header {
            backface-visibility: hidden;
            perspective: 1000px;
        }

        /* Migliora reattivita pulsanti */
        button, .btn {
            touch-action: manipulation;
        }

        /* Ottimizzazioni rendering liste */
        .time-entries-list > div, .monthly-report-item, .vehicle-item {
            will-change: transform, opacity;
            transform: translateZ(0);
        }

        .calendar-day, .section.active, .modal, .toast {
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
        }

        /* Retina display simplified animations */
        @media (-webkit-min-device-pixel-ratio: 2) {
            .bouncing-logo { animation-duration: 3s !important; }
            .bouncing-logo-excited { animation-duration: 1.5s !important; }
        }

        /* iOS Safari & WebKit Performance Optimizations */
        /* Su iOS, eliminiamo le pseudo-classi fisse ::before e ::after di body 
           perché i layer fisse e le relative animazioni (es. auroraShift) 
           causano continui repaint e blink durante lo scroll su WebKit. */
        .ios-safari body::before,
        .ios-safari body.dark-theme::after,
        .ios-device body::before,
        .ios-device body.dark-theme::after {
            display: none !important;
            animation: none !important;
            transform: none !important;
        }

        /* Invece di usare un layer fisso separato, impostiamo i gradienti 
           direttamente sullo sfondo del body in modalità "scroll", 
           così WebKit esegue il rendering in un unico livello fluido. */
        .ios-safari body,
        .ios-device body {
            background-color: var(--neo-bg) !important;
            background-image:
                radial-gradient(ellipse at 30% 10%, rgba(0, 139, 139, 0.06) 0%, transparent 50%),
                radial-gradient(ellipse at 70% 80%, rgba(108, 92, 231, 0.04) 0%, transparent 50%) !important;
            background-attachment: scroll !important;
            background-repeat: no-repeat !important;
        }

        .ios-safari body.dark-theme,
        .ios-device body.dark-theme {
            background-color: #1A1A2E !important;
            background-image:
                radial-gradient(ellipse at 15% 5%, rgba(0, 229, 204, 0.2) 0%, transparent 45%),
                radial-gradient(ellipse at 85% 15%, rgba(183, 148, 246, 0.18) 0%, transparent 45%),
                radial-gradient(ellipse at 50% 85%, rgba(255, 121, 198, 0.12) 0%, transparent 45%),
                radial-gradient(ellipse at 70% 50%, rgba(0, 229, 204, 0.08) 0%, transparent 50%),
                radial-gradient(ellipse at 30% 40%, rgba(183, 148, 246, 0.06) 0%, transparent 40%) !important;
            background-attachment: scroll !important;
            background-repeat: no-repeat !important;
        }

        /* Riduciamo l'uso di backdrop-filter su header e bottom-nav su iOS 
           per evitare sfarfallii ed elevato consumo di risorse durante lo scroll. */
        .ios-safari header,
        .ios-device header {
            -webkit-backdrop-filter: none !important;
            backdrop-filter: none !important;
            background: var(--neo-bg) !important;
        }

        .ios-safari body.dark-theme header,
        .ios-device body.dark-theme header {
            background: #131325 !important; /* Colore solido neo-bg-dark */
        }

        .ios-safari .bottom-nav,
        .ios-device .bottom-nav {
            -webkit-backdrop-filter: none !important;
            backdrop-filter: none !important;
            background: var(--neo-bg) !important;
        }

        .ios-safari body.dark-theme .bottom-nav,
        .ios-device body.dark-theme .bottom-nav {
            background: #131325 !important;
        }