/* 
 * Apps Section Scroll Fix
 * Prevents double scrollbars and limits excessive scrolling
 */

/* Make main content the only scrollable container */
.main-content {
    overflow-y: auto !important;
    height: 100vh !important;
    position: relative;
}

/* Ensure apps section fits within main content without scrolling */
#appsSection {
    height: auto !important;
    overflow: visible !important;
    padding-bottom: 20px !important;
    max-height: none !important;
}

/* Single scroll container should not scroll independently */
.single-scroll-container {
    overflow: visible !important;
    height: auto !important;
    max-height: none !important;
    padding-bottom: 50px !important;
}

/* Reduce excessive padding in various containers */
#sonarrApps, #radarrApps, #lidarrApps, #readarrApps, 
#whisparrApps, #erosApps, #cleanuperrApps {
    padding-bottom: 50px !important;
    margin-bottom: 20px !important;
    overflow: visible !important;
}

/* Additional options sections */
.additional-options-section, 
.additional-options, 
.skip-series-refresh {
    margin-bottom: 50px !important;
    padding-bottom: 20px !important;
    overflow: visible !important;
}

/* App panels container */
.app-panels-container {
    margin-bottom: 50px !important;
    padding-bottom: 0 !important;
    overflow: visible !important;
}

/* Ensure tables don't cause overflow */
table {
    max-width: 100%;
    overflow: visible !important;
}

/* Fix for app container overflow */
#appsContainer {
    overflow: visible !important;
    height: auto !important;
}

/* Ensure content-section is not scrollable on its own */
.content-section {
    overflow: visible !important;
    height: auto !important;
}

/* Override any !important overflow settings elsewhere */
body .single-scroll-container,
body #appsSection,
body .app-panels-container,
body .app-apps-panel,
body .app-content-panel,
body #appsContainer,
body #sonarrApps,
body #radarrApps,
body #lidarrApps, 
body #readarrApps,
body #whisparrApps, 
body #erosApps, 
body #cleanuperrApps {
    overflow: visible !important; 
    max-height: none !important;
}

/* Fix for mobile scrolling */
@media (max-width: 768px) {
    .main-content {
        overflow-y: auto !important;
        height: auto !important;
        min-height: 100vh !important;
    }
    
    body, html {
        overflow-y: auto !important;
    }
    
    .app-panels-container {
        margin-bottom: 50px !important;
    }
    
    /* Reduce bottom spacing on mobile */
    #sonarrApps, #radarrApps, #lidarrApps, #readarrApps,
    #whisparrApps, #erosApps, #cleanuperrApps,
    .additional-options, .skip-series-refresh {
        margin-bottom: 50px !important;
        padding-bottom: 30px !important;
    }
}