/* Loading Spinner Styles */
.spinner-container {
    display: flex;
    align-items: center;
    margin-right: 1rem;
}

.spinner {
    width: 1.5rem;
    height: 1.5rem;
    border: 3px solid rgba(79, 70, 229, 0.2);
    border-radius: 50%;
    border-top-color: rgba(79, 70, 229, 1);
    animation: spin 1s linear infinite;
    margin-right: 0.5rem;
}

.spinner-text {
    font-size: 0.75rem;
    color: #4F46E5;
    font-weight: 500;
}

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



/* Status colors */
.status-info .spinner {
    border-top-color: #3B82F6;
}

.status-info .spinner-text {
    color: #3B82F6;
}

.status-success .spinner {
    border-top-color: #10B981;
}

.status-success .spinner-text {
    color: #10B981;
}

.status-error .spinner {
    border-top-color: #EF4444;
}

.status-error .spinner-text {
    color: #EF4444;
}