/* --- UNIVERSAL LINK CLASS (For Flexbox alignment) --- */
/*.side-nav-link.btn-loading {*/
    /* Only alignment, no spacing, keeps content tight to the left */
    /*display: flex !important;
    align-items: center !important;*/
    /* Ensure the link occupies its full width within the nav item */
    /*width: 100%;
}


.side-nav-link.spinning-layout {*/
    /* Pushes the last element (the spinner) to the far right */
    /*justify-content: space-between !important;
}*/

/* --- VISUAL DISABLE STATE (For the UL element) --- */
/*.side-nav.disabled-nav {
    opacity: 0.6 !important;
    pointer-events: none !important;
    cursor: default !important;
}*/

/* --- ANIMATION CLASS (Attached by JavaScript) --- */
/*.btn-spinner-animate {*/
    /* Ensures the animation runs on the element */
    /*animation: spin 0.8s linear infinite !important;*/ /* Use !important as a final check */
/*}*/

/* --- CRITICAL: ANIMATION KEYFRAMES (MUST be outside any other selector) --- */
/*@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}*/

/* this should load primary color-profile iframe not default stop light blue
/* --- UNIVERSAL LINK CLASS (For Flexbox alignment) --- */
.side-nav-link.btn-loading {
    /* Only alignment, no spacing, keeps content tight to the left */
    display: flex !important;
    align-items: center !important;
    /* Ensure the link occupies its full width within the nav item */
    width: 100%;
}


.side-nav-link.spinning-layout {
    /* Pushes the last element (the spinner) to the far right */
    justify-content: space-between !important;
}

/* --- VISUAL DISABLE STATE (For the UL element) --- */
.side-nav.disabled-nav {
    opacity: 0.6 !important;
    pointer-events: none !important;
    cursor: default !important;
}

/* --- ANIMATION CLASS (Attached by JavaScript) --- */
.btn-spinner-animate {
    /* Ensures the animation runs on the element */
    animation: spin 0.8s linear infinite !important;
    /*
     * DYNAMIC COLOR WITH LIGHT BLUE FALLBACK (#89CFF0)
     * Fallback RGB: 137, 207, 240
     */
    /* Set the transparent part of the border (uses dynamic RGB; fallbacks to light blue RGB) */
    border: 3px solid rgba(var(--bs-primary-rgb, 137, 207, 240), 0.4) !important;
    /* Set the solid spinning part of the border (uses dynamic Primary Color; fallbacks to light blue hex) */
    border-top-color: var(--bs-primary, #89CFF0) !important;
    border-radius: 50%;
    display: inline-block;
}

/* --- CRITICAL: ANIMATION KEYFRAMES (MUST be outside any other selector) --- */
@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}