/* Analytics Page Layout Override - Dedicated File */
/* Loaded after style.css to guarantee precedence */

/* 1. Reset Parent Container */
/* Target the specific flex wrapper in analytics.html */
body.bg-gray-900>.flex.h-screen.overflow-hidden {
    display: block !important;
    /* Disable flex to prevent flex-item behavior issues */
    height: auto !important;
    min-height: 100vh !important;
    overflow: visible !important;
    /* Allow scrolling if needed, or keeping hidden if purely app-like */
}

/* 2. Reset Main Container */
.main,
body .main,
body.loaded .main,
div.main {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: none !important;
    display: block !important;
    background: #0a0e16 !important;
    min-height: 100vh !important;
    transform: none !important;
    /* Prevent any transform shifts */
    position: relative !important;
    left: auto !important;
    top: auto !important;
    grid-template-columns: none !important;
}

/* 3. Center Wrapper */
.analytics-center,
body .analytics-center {
    display: block !important;
    width: 100% !important;
    max-width: 860px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 24px 24px 80px !important;
    box-sizing: border-box !important;
    background: transparent !important;
}

/* 4. Hide Legacy Sidebar if it somehow technically exists in DOM */
aside,
.sidebar,
#sidebar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* 5. Mobile Adjustments */
@media (max-width: 768px) {
    .analytics-center {
        padding: 16px !important;
        max-width: 100% !important;
    }
}