/* Centered loader for dashboard tab panes */
.data-loading-section {
    position: relative;
    min-height: 320px; /* keep a nice block while loading */
}

.dryft-loading-indicator {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0; /* hidden by default */
    transition: opacity .15s ease;
    pointer-events: none; /* don't block clicks */
    z-index: 1; /* above pane bg, under sidebar */
}

/* htmx adds 'htmx-request' to the element that issues the request (the loader) */
.data-loading-section.htmx-request .dryft-loading-indicator {
    opacity: 1;
}

/* Optional: tone with theme (uses Bootstrap tokens) */
.dryft-loading-indicator .spinner-border {
    width: 2.5rem;
    height: 2.5rem;
    border-width: .25rem;
    color: var(--bs-primary);
}