/* /Layout/MainLayout.razor.rz.scp.css */
.app-shell[b-opfpp18rpx] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-height: 100dvh; /* 모바일 브라우저 UI(주소창) 높이 변화 대응 */
}

.app-main[b-opfpp18rpx] {
    flex: 1;
    padding: 1rem 1.25rem 3rem;
    background: #f6f7f9;
}

.navbar[b-opfpp18rpx] {
    gap: 0.5rem;
}

.navbar-brand[b-opfpp18rpx] {
    font-size: 1.1rem;
    letter-spacing: -0.01em;
}

.nav-controls[b-opfpp18rpx] {
    min-width: 0;
}

@media (max-width: 640px) {
    .app-main[b-opfpp18rpx] {
        padding: 0.75rem 0.75rem 2.5rem;
    }

    /* 좁은 화면에서는 정보성 배지를 숨겨 브랜드/설치/언어 컨트롤 공간 확보 */
    .navbar .badge[b-opfpp18rpx] {
        display: none;
    }

    .navbar-brand[b-opfpp18rpx] {
        font-size: 1rem;
    }
}