/* Page-level loader shell must not reuse the generic `.loader` class because
       CORK targets every #load_screen descendant named `.loader` as a full-height shell. */
    #load_screen .safa-page-loader-shell {
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 100vh;
        width: 100%;
    }

    #load_screen .safa-page-loader-shell > .loader-content {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .loader.multi-loader {
        box-sizing: border-box;
        display: inline-block;
        flex: 0 0 auto;
        width: 44px !important;
        height: 44px !important;
        min-width: 44px;
        min-height: 44px;
        border: 5px solid #f1f2f3 !important;
        border-top-color: #4361ee !important;
        border-bottom-color: #e2a03f !important;
        border-left-color: #00ab55 !important;
        border-right-color: #e7515a !important;
        border-radius: 50% !important;
        background: transparent !important;
        animation: safa-multi-loader-spin .9s linear infinite !important;
        vertical-align: middle;
    }

    .loader.multi-loader.safa-loader-sm {
        width: 18px !important;
        height: 18px !important;
        min-width: 18px;
        min-height: 18px;
        border-width: 2px !important;
    }

    .loader.multi-loader.safa-loader-lg {
        width: 58px !important;
        height: 58px !important;
        min-width: 58px;
        min-height: 58px;
        border-width: 7px !important;
    }

    body.dark .loader.multi-loader,
    body.layout-dark .loader.multi-loader,
    html[data-theme="dark"] .loader.multi-loader {
        border-color: #191e3a !important;
        border-top-color: #4361ee !important;
        border-bottom-color: #e2a03f !important;
        border-left-color: #00ab55 !important;
        border-right-color: #e7515a !important;
    }

    @keyframes safa-multi-loader-spin {
        to { transform: rotate(360deg); }
    }

    @media (prefers-reduced-motion: reduce) {
        .loader.multi-loader {
            animation-duration: 1.8s !important;
        }
    }