/* Chat Background Blur Effect */

/* Apply blur directly to the scroll container - only when it has messages */
body.chat-background-blur .chat-messages-scroll:has(.message-block),
body.chat-blur-effect .chat-messages-scroll:has(.message-block) {
    backdrop-filter: blur(var(--chat-blur-strength, 10px));
    -webkit-backdrop-filter: blur(var(--chat-blur-strength, 10px));
    background: rgba(0, 0, 0, 0.1);
    border-radius: 20px;
}