@charset "UTF-8";

@import 'ganadara-vars.css?v=1';

@import 'css-base.css?v=1';
@import 'css-page.css?v=1';
@import 'css-widget.css?v=1';

.gndr-main {
    z-index: 1000;
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    top: 0; right: 0; bottom: 0; left: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    /* GPU 레이어 분리로 레이아웃 영향 차단 */
    transform: translate3d(0, 0, 0);
    will-change: transform;
    backface-visibility: hidden;
}
.gndr-main .page-content-container {
    width: 100%;
    height: calc(100% - var(--gnb-height));
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #FFFFFF;
    background-size: cover;
    position: relative;
    /* 스크롤 성능 최적화 및 레이아웃 안정화 */
    -webkit-overflow-scrolling: touch;
    transform: translateZ(0);
    backface-visibility: hidden;
}

.gndr-main .page-content-container.login {
    height: calc(100%);
    overflow-y: hidden;
}
.gndr-main .page-content-container.main {
    overflow-y: hidden;
}

/* Platform themed buttons */
.platform-themed-btn {
    background: #0D3DFF !important;
    border: 1px solid #0D3DFF !important;
    color: white !important;
    transition: all 0.2s ease !important;
}

.platform-themed-btn:hover {
    background: #0A2FCC !important;
    border-color: #0A2FCC !important;
}

.platform-themed-btn:active {
    background: #082999 !important;
    border-color: #082999 !important;
}

/* Platform G 테마 적용 시 */
.platform-g .platform-themed-btn {
    background: #FF0DDF !important;
    border-color: #FF0DDF !important;
}

.platform-g .platform-themed-btn:hover {
    background: #E00BC6 !important;
    border-color: #E00BC6 !important;
}

.platform-g .platform-themed-btn:active {
    background: #C609B3 !important;
    border-color: #C609B3 !important;
}