/* 
 * CSS CONFLICT RESOLVER
 * Disables any CSS that might interfere with header layout
 * Version: 1.0.0 (June 2025)
 */

/* DISABLE FLOATING CONNECTION INDICATOR */
.floating-connection-indicator,
.status-bubble,
.connection-overlay,
.floating-status,
.status-float {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    position: absolute !important;
    left: -9999px !important;
}

/* DISABLE ANY CONFLICTING HEADER OVERRIDES */
.header-enhanced,
.header-model-display,
.mobile-header-fix {
    display: none !important;
}

/* RESET ANY PROBLEMATIC BODY/HTML STYLING */
html, body {
    overflow-x: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

body {
    padding-top: 60px !important;
}

/* ENSURE DASHBOARD CONTAINER DOESN'T INTERFERE */
.dashboard-container {
    display: flex !important;
    flex-direction: column !important;
    height: 100vh !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ENSURE MAIN CONTENT DOESN'T OVERLAP HEADER */
.dashboard-main,
.main-content,
.chat-container,
.dashboard-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
    flex: 1 !important;
    overflow: auto !important;
}

/* DISABLE ANY TRANSFORMS THAT MIGHT AFFECT HEADER */
* {
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
}

/* ENSURE HEADER IS ALWAYS ON TOP */
.dashboard-header {
    z-index: 9999 !important;
    position: fixed !important;
    top: 0 !important;
}

/* DISABLE ANY MOBILE FIXES THAT MIGHT INTERFERE */
@media (max-width: 768px) {
    .mobile-header-override,
    .mobile-navigation-fix,
    .mobile-header-enhanced {
        display: none !important;
    }
    
    body {
        padding-top: 50px !important;
    }
}