/* ULTIMATE HEADER FIX - FINAL VERSION */

:root {
    /* Centralize z-index layering */
    --egk-header-z: var(--egk-z-header, 3000); /* standardized via tokens */
    --mud-appbar-height: 64px;
    --mud-appbar-height-dense: 56px;
}

/* CRITICAL: Force all MudAppBar components to be truly fixed */
.mud-appbar,
.mud-appbar.mud-appbar-fixed,
.mud-appbar.mud-appbar-dense,
.mud-appbar.mud-elevation-3,
div.mud-appbar,
header.mud-appbar,
.mud-layout .mud-appbar,
body .mud-appbar,
html .mud-appbar,
.mud-theme-light .mud-appbar,
.mud-theme-dark .mud-appbar,
.mud-appbar[role="banner"] {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: var(--egk-header-z) !important;
    margin: 0 !important;
    transform: none !important;
    transform-origin: none !important;
    transform-style: flat !important;
    backface-visibility: hidden !important;
    perspective: none !important;
    will-change: auto !important;
    transition: none !important;
    animation: none !important;
    contain: none !important;
    overflow: visible !important;
}

/* Override ANY possible inline styles */
.mud-appbar[style] {
    position: fixed !important;
    top: 0 !important;
    transform: none !important;
    transition: none !important;
}

/* Override JavaScript positioning attempts */
.mud-appbar[style*="position"] {
    position: fixed !important;
}

.mud-appbar[style*="transform"] {
    transform: none !important;
}

.mud-appbar[style*="top"] {
    top: 0 !important;
}

/* CRITICAL: Block any scroll-based transforms */
.mud-appbar[style*="translateY"] {
    transform: none !important;
}

.mud-appbar[style*="translate3d"] {
    transform: none !important;
}

/* Force fixed positioning in all scenarios */
@media screen {
    .mud-appbar {
        position: fixed !important;
        top: 0 !important;
        transform: none !important;
    }
}

@media print {
    .mud-appbar {
        position: fixed !important;
    }
}

/* Ensure main content has proper offset */
.mud-main-content,
.base-layout-wrapper .mud-main-content,
.main-app-layout .mud-main-content,
.showcase-main-content {
    padding-top: 64px !important;
    margin-top: 0 !important;
}

/* Compact mode offset */
.base-layout-wrapper.compact-mode .mud-main-content,
.compact-header ~ .mud-main-content {
    padding-top: 56px !important;
}

/* Ensure drawer positioning accounts for fixed header */
.mud-drawer:not(.mud-drawer--temporary) {
    top: 64px !important;
    height: calc(100vh - 64px) !important;
}

.base-layout-wrapper.compact-mode .mud-drawer:not(.mud-drawer--temporary) {
    top: 56px !important;
    height: calc(100vh - 56px) !important;
}

/* Mobile drawer should NOT be affected by header positioning */
.mud-drawer.mud-drawer--temporary {
    top: 0 !important;
    height: 100vh !important;
}

/* Block any MudBlazor elevation changes that might affect positioning */
.mud-appbar.mud-elevation-0,
.mud-appbar.mud-elevation-1,
.mud-appbar.mud-elevation-2,
.mud-appbar.mud-elevation-3,
.mud-appbar.mud-elevation-4,
.mud-appbar.mud-elevation-5 {
    position: fixed !important;
    top: 0 !important;
    transform: none !important;
}

/* Override any theme-specific positioning */
.mud-theme-light .mud-appbar,
.mud-theme-dark .mud-appbar {
    position: fixed !important;
    top: 0 !important;
    transform: none !important;
}

/* Override any responsive positioning attempts */
@media (max-width: 1199.98px) {
    .mud-appbar {
        position: fixed !important;
        top: 0 !important;
        transform: none !important;
        transition: none !important;
    }
}

@media (min-width: 1200px) {
    .mud-appbar {
        position: fixed !important;
        top: 0 !important;
        transform: none !important;
        transition: none !important;
    }
}

/* Block any potential scroll listener effects */
.mud-appbar.mud-appbar-scroll {
    position: fixed !important;
    top: 0 !important;
    transform: none !important;
}

/* Override any elevation-based scroll behavior */
.mud-appbar[data-scroll] {
    position: fixed !important;
    top: 0 !important;
    transform: none !important;
}

/* Ensure CSS custom properties don't interfere */
.mud-appbar {
    height: var(--mud-appbar-height);
}

.mud-appbar.mud-appbar-dense {
    height: var(--mud-appbar-height-dense);
}

/* Final catch-all to prevent ANY movement */
html .mud-appbar,
body .mud-appbar,
#app .mud-appbar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    transform: none !important;
    transform-origin: none !important;
    transform-style: flat !important;
    transition: none !important;
    animation: none !important;
    will-change: auto !important;
    contain: none !important;
    z-index: var(--egk-header-z) !important;
}