:root {
    --admin-shell-sidebar-width: 250px;
    --admin-shell-sidebar-collapsed-width: 64px;
    --admin-shell-content-padding: 20px 28px 40px;
    --admin-shell-content-padding-mobile: 16px 16px 32px;
}

html {
    background: #ffffff;
    min-height: 100%;
}

body {
    background: #ffffff;
    margin: 0;
    min-height: 100vh;
    padding-top: 0 !important;
}

#right-panel.right-panel {
    box-sizing: border-box;
    max-width: none;
    min-height: 100vh;
    /* clip(=hidden 처럼 가로 넘침 제거) 으로 두어 overflow-y 가 auto 로 계산되며
       스크롤 컨테이너가 생겨 자식의 position:sticky 가 깨지는 것을 막는다. */
    overflow-x: clip;
    width: 100%;
}

#right-panel .content,
#right-panel .animated {
    box-sizing: border-box;
    max-width: none;
    width: 100%;
}

#right-panel .row {
    box-sizing: border-box;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: none;
    width: 100%;
}

#right-panel .admin-shell-layout-row {
    display: block !important;
}

#right-panel .admin-main-content {
    box-sizing: border-box;
    display: block;
    float: none !important;
    margin-left: var(--admin-shell-sidebar-width) !important;
    max-width: none !important;
    min-height: 100vh;
    min-width: 0;
    padding: var(--admin-shell-content-padding) !important;
    transition: none;
    width: auto !important;
}

#right-panel .admin-main-content > * {
    max-width: 100%;
}

#right-panel .admin-main-content.ready {
    transition: margin-left 0.24s ease;
}

body.sidebar-collapsed #right-panel .admin-main-content {
    margin-left: var(--admin-shell-sidebar-collapsed-width) !important;
    max-width: none !important;
    width: auto !important;
}

#right-panel.admin-shell-no-sidebar .admin-main-content,
body.sidebar-collapsed #right-panel.admin-shell-no-sidebar .admin-main-content {
    margin-left: 0 !important;
}

@media (max-width: 767px) {
    #right-panel .admin-main-content,
    body.sidebar-collapsed #right-panel .admin-main-content {
        margin-left: var(--admin-shell-sidebar-collapsed-width) !important;
        padding: var(--admin-shell-content-padding-mobile) !important;
    }
}
