/* _content/WorkoutSession.Web/Shared/MainLayout.razor.rz.scp.css */
html[b-3c3fr4nkpm], body[b-3c3fr4nkpm] {
    margin: 0;
    padding: 0;
    height: 100%;
    background: #121212;
}

.app-layout[b-3c3fr4nkpm] {
    display: flex;
    height: 100vh;
    overflow: hidden;
}

/* La sidebar contient ws-sidebar qui gère son propre fond/hauteur */
.app-sidebar[b-3c3fr4nkpm] {
    width: 220px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
}

.app-main[b-3c3fr4nkpm] {
    flex: 1;
    min-width: 0;
    overflow-y: auto;
    height: 100vh;
    background: #121212;
}

@media (max-width: 640px) {
    .app-layout[b-3c3fr4nkpm] {
        flex-direction: column;
    }

    /* Sur mobile, la sidebar devient juste la topbar (52px) */
    .app-sidebar[b-3c3fr4nkpm] {
        width: 100%;
        flex-shrink: 0;
        height: auto;
    }

    .app-main[b-3c3fr4nkpm] {
        height: calc(100vh - 52px);
        overflow-y: auto;
    }
}
/* _content/WorkoutSession.Web/Shared/NavMenu.razor.rz.scp.css */
/* Styles moved to wwwroot/css/nav.css (global) to avoid Blazor CSS isolation issues with NavLink child components */