/* Animation for the progress bar */
@keyframes progress-loading {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(100%);
    }
}

.animate-progress-loading {
    animation: progress-loading 1.5s infinite linear;
    transform-origin: 0% 50%;
}

/* Optional: Make the table slightly transparent while loading */
.htmx-request .htmx-indicator-content {
    opacity: 0.4;
    transition: opacity 200ms ease-in-out;
    pointer-events: none; /* Prevent double clicks while loading */
}

/* HTMX handles showing/hiding this automatically */
.htmx-indicator {
    display: none;
}

.htmx-request.htmx-indicator, .htmx-request .htmx-indicator {
    display: block;
}