/* AI Suggested Questions - Enhanced Visual Transparency */

/* Make AI suggested questions more visually transparent */
.clean-tile.question {
    /* Reduce opacity to make it more transparent */
    opacity: 0.7;
    /* Add subtle backdrop filter for glass effect */
    backdrop-filter: blur(2px);
}

/* Slightly more opaque on hover for better interaction */
.clean-tile.question:hover {
    opacity: 0.85;
}

/* Make the question text itself lighter */
.clean-tile.question .tile-content {
    color: rgba(209, 213, 219, 0.8); /* 80% opacity text */
}

/* Make the AI sparkle icon more subtle */
.clean-tile.question .tile-header .fa-sparkles {
    opacity: 0.6;
}

/* Keep solid border style for questions */
.clean-tile.question {
    border-left-style: solid;
}

/* Removed SUGGESTION watermark per user request */

/* Make the entire question tile feel more like a ghost/suggestion */
.clean-tile.question {
    background-color: rgba(29, 78, 216, 0.05); /* Even lighter background */
}

.clean-tile.question .tile-header {
    background-color: rgba(29, 78, 216, 0.08); /* Lighter header */
}

/* Animate in with fade effect to emphasize they're suggestions */
@keyframes fadeInSuggestion {
    from {
        opacity: 0;
        transform: translateY(-5px);
    }
    to {
        opacity: 0.7;
        transform: translateY(0);
    }
}

.clean-tile.question {
    animation: fadeInSuggestion 0.5s ease-out;
}