.main-content {
    position: relative;
}

.estar-panel-nav-overlay {
    position: absolute;
    z-index: 2147482000;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.22);
    backdrop-filter: blur(0.8px);
    border-radius: 1.15rem;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.18s ease, visibility 0.18s ease;
}

body.dark .estar-panel-nav-overlay,
body.dark-theme .estar-panel-nav-overlay,
body[data-theme="dark"] .estar-panel-nav-overlay,
body[data-bs-theme="dark"] .estar-panel-nav-overlay,
html.dark .estar-panel-nav-overlay,
html[data-theme="dark"] .estar-panel-nav-overlay {
    background: rgba(15, 23, 42, 0.22);
}

.estar-panel-nav-loader {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 84px;
    height: 84px;
    pointer-events: none;
}

.estar-panel-nav-spinner {
    width: 3rem;
    height: 3rem;
    border-width: 0.28rem;
    box-shadow: 0 10px 22px rgba(37, 99, 235, 0.14);
}

body.estar-panel-nav-loading .main-content-container {
    transition: filter 0.18s ease, opacity 0.18s ease;
    filter: blur(1px);
    opacity: 0.74;
    pointer-events: none;
}

body.estar-panel-nav-loading .estar-panel-nav-overlay {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}


@media (prefers-reduced-motion: reduce) {
    .estar-panel-nav-overlay,
    body.estar-panel-nav-loading .main-content-container {
        transition: none;
    }

}