/* Stili per creare un layout moderno e centrato */
        html,
        body {
            height: 100%;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            background-color: #f8f9fa;
        }

        body {
            display: flex;
            flex-direction: column;
        }

        /* Il contenitore principale cresce per riempire lo spazio disponibile */
        .main-content {
            flex-grow: 1;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 20px;
        }

        /* Stili per il contenitore del report */
        #report-container {
            width: 100%;
            max-width: 1200px;
            /* Limita la larghezza massima su schermi grandi */
            height: 75vh;
            /* Altezza relativa alla viewport per un buon aspetto */
            /* border: 1px solid #dee2e6; */
            /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
        }

        /* Stili per l'header e il footer */
        header.page-header,
        footer.page-footer {
            background-color: #005c9e;
            /* Un colore blu istituzionale */
            color: white;
            padding: 1rem;
            text-align: center;
            flex-shrink: 0;
            /* Impedisce che si riducano */
        }

        footer.page-footer {
            font-size: 0.9em;
        }

        /* Stili per la sezione dei parametri */
        .params-section {
            background-color: #ffffff;
            padding: 1.5rem;
            border-bottom: 1px solid #dee2e6;
            flex-shrink: 0;
        }

        .error-container {
            display: none;
            /* Nasconde il contenitore di errore di default */
            width: 100%;
            max-width: 800px;
        }

        /* Nasconde le scrollbar su Power BI iframe e container */
        #report-container,
        #report-container iframe,
        .powerbi-embed-container,
        .powerbi-embed-container iframe {
            /* Nasconde scrollbar per WebKit browsers (Chrome, Safari, Edge) */
            -webkit-overflow-scrolling: touch;
            scrollbar-width: none; /* Firefox */
            -ms-overflow-style: none; /* Internet Explorer e Edge */
        }

        /* Nasconde scrollbar WebKit */
        #report-container::-webkit-scrollbar,
        #report-container iframe::-webkit-scrollbar,
        .powerbi-embed-container::-webkit-scrollbar,
        .powerbi-embed-container iframe::-webkit-scrollbar {
            display: none;
            width: 0px;
            height: 0px;
            background: transparent;
        }

        /* Nasconde scrollbar della pagina principale */
        body::-webkit-scrollbar,
        html::-webkit-scrollbar {
            display: none;
            width: 0px;
            height: 0px;
        }

        /* Assicura che il container del report sia senza overflow visibile */
        #report-container {
            overflow: hidden;
            width: 100%;
            max-width: 100vw;
            height: 100vh;
            border: none;
            outline: none;
            position: relative;
        }

        /* Stili per l'iframe di Power BI - meno aggressivi */
        #report-container iframe {
            border: none !important;
            outline: none !important;
            overflow: hidden !important;
            width: 100% !important;
            height: 100% !important;
            max-width: 100vw !important;
        }

        /* Nasconde eventuali scrollbar sui contenitori padre */
        .main-content {
            overflow: hidden;
            height: 100vh;
            width: 100%;
            max-width: 100vw;
            position: relative;
        }

        body, html {
            overflow-x: hidden; /* Nasconde solo scroll orizzontale della pagina */
            margin: 0;
            padding: 0;
            width: 100%;
            max-width: 100vw;
        }

        /* Forza il nascondimento di tutte le scrollbar ma mantieni funzionalità */
        * {
            box-sizing: border-box;
        }

        /* Stili aggiuntivi per migliorare l'aspetto */
        .powerbi-embed-container {
            border-radius: 0 !important;
            box-shadow: none !important;
        }

        /* Nasconde focus outline sui container Power BI */
        *[class*="powerbi"] {
            outline: none !important;
        }

        /* Responsive: migliora la visualizzazione su mobile */
        @media (max-width: 768px) {
            .main-content {
                padding: 0;
                overflow: hidden;
                height: 100vh;
                width: 100%;
            }
            .params-section {
                padding: 0.7rem;
            }
            .params-section .container {
                padding: 0;
            }
            .params-section .row {
                flex-direction: column;
                align-items: stretch !important;
                gap: 0.5rem;
            }
            .params-section .col-auto {
                width: 100%;
                margin-bottom: 0.5rem;
            }
            #report-container {
                height: 100vh;
                width: 100%;
                max-width: 100vw;
                overflow: hidden;
            }
            
            #report-container iframe {
                width: 100% !important;
                height: 100% !important;
                max-width: 100vw !important;
            }
            
            header.page-header, footer.page-footer {
                font-size: 1em;
                padding: 0.7rem;
            }
            
            /* Mantieni scroll interno per Power BI ma nascondi le barre */
            body {
                overflow-x: hidden;
                overflow-y: hidden;
                position: relative;
                width: 100%;
                height: 100vh;
            }
        }

        @media (max-width: 480px) {
            header.page-header, footer.page-footer {
                font-size: 0.95em;
                padding: 0.5rem;
            }
            .params-section {
                padding: 0.3rem;
            }
            .main-content {
                padding: 0;
            }
        }