/* Shared spinner ring (Guest Sys / Comandero refresh + global page loader). */
:root {
    --app-spinner-size: 32px;
    --app-spinner-border-width: 2px;
    --app-spinner-border-color: rgba(0, 0, 0, 0.12);
    --app-spinner-border-top-color: #000;
    --app-spinner-duration: 0.7s;
}

@keyframes app-spinner-spin {
    to {
        transform: rotate(360deg);
    }
}

.app-spinner {
    display: block;
    box-sizing: border-box;
    width: var(--app-spinner-size);
    height: var(--app-spinner-size);
    border: var(--app-spinner-border-width) solid var(--app-spinner-border-color);
    border-top-color: var(--app-spinner-border-top-color);
    border-radius: 50%;
    animation: app-spinner-spin var(--app-spinner-duration) linear infinite;
}