/* Hide floating circular customer-service icon (icon_sevice) */
html body .customer,
html body #customerId,
html body .customer img {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
}

/* Page loader: purple ring + admin website logo (replaces ShreeWin Lottie).
   Sized closer to original 4rem Lottie container with pulse animation. */
.ar-loading-view .loading-animat,
.loading-animat {
    position: relative !important;
    width: 4rem !important;
    height: 4rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.ar-loading-view .loading-animat > svg,
.loading-animat > svg {
    display: none !important;
}

.vc-page-loader {
    position: relative;
    width: 3.6rem;
    height: 3.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vc-page-loader__ring {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 0.08rem solid rgba(176, 163, 250, 0.28);
    border-top-color: #b0a3fa;
    border-right-color: #9b8af5;
    box-sizing: border-box;
    animation: vc-loader-spin 1.1s linear infinite;
}

.vc-page-loader__ring::after {
    content: "";
    position: absolute;
    top: -0.04rem;
    right: 0.9rem;
    width: 0.2rem;
    height: 0.2rem;
    border-radius: 50%;
    background: #cfc6ff;
    box-shadow: 0 0 0.14rem rgba(207, 198, 255, 0.9);
}

.vc-page-loader__logo {
    position: relative;
    z-index: 1;
    width: 2.35rem !important;
    height: auto !important;
    max-width: 2.5rem;
    max-height: 1.85rem;
    object-fit: contain;
    display: block;
    pointer-events: none;
    animation: vc-loader-pulse 1s ease-in-out infinite;
}

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

@keyframes vc-loader-pulse {
    0%, 100% { transform: scale(0.88); }
    35%, 55% { transform: scale(1); }
}