/* AI Processing Loader */
.ai-processing-loader {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 0 1rem 0; /* Mobile: no horizontal padding */
    margin-top: -0.5rem;
    width: 100%;
}

/* Desktop: Add horizontal padding */
@media (min-width: 640px) {
    .ai-processing-loader {
        padding: 0 1rem 1rem 1rem;
    }
}


/* Loading steps container - stacked vertically */
.loading-steps {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: 100%;
}

/* Step text styling - simple stacked text */
.step-text {
    font-size: 14px;
    font-weight: 500;
    color: #64748b;
    line-height: 1.4;
    transition: opacity 0.4s ease-out, transform 0.4s ease-out;
}

/* Fade in animation for the entire loader */
.ai-processing-loader {
    animation: fadeIn 0.3s ease-out;
}

@keyframes fadeIn {
    from { 
        opacity: 0; 
        transform: translateY(10px); 
    }
    to { 
        opacity: 1; 
        transform: translateY(0); 
    }
}

/* Responsive design */
@media (max-width: 640px) {
    .query-display {
        font-size: 18px;
    }
    
    .step-text {
        font-size: 13px;
    }
}