/* ── 공통 로딩 오버레이 (static/common/js/loading.js) ──
   응답이 오래 걸리는 화면으로 이동하는 동안 이전 화면 위에 띄운다.
   스피너 색은 화면별로 --page-loading-accent 를 지정해 바꿀 수 있다. */
#pageLoading {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10000;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, .7);
    cursor: progress;
}
#pageLoading.show { display: flex; }
#pageLoading .page_loading_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    padding: 28px 36px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .12);
}
#pageLoading .page_loading_spinner {
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    border: 4px solid rgba(22, 93, 255, .15);
    border-top-color: var(--page-loading-accent, rgb(22, 93, 255));
    border-radius: 50%;
    animation: pageLoadingSpin .8s linear infinite;
}
#pageLoading .page_loading_msg { margin: 0; font-size: 14px; color: #333; }
@keyframes pageLoadingSpin { to { transform: rotate(360deg); } }