body { background-color: #ffffff; color: #1f1f1f; }
.user-bubble { background-color: #f0f4f9; color: #1f1f1f; border-radius: 1.25rem 1.25rem 0.2rem 1.25rem; }
.ai-bubble { background-color: transparent; color: #1f1f1f; line-height: 1.7; width: 100%; }

.bubble-actions { 
    opacity: 0; transition: opacity 0.2s; 
    display: flex; gap: 14px; margin-top: 8px; 
    border-top: 1px solid #f9fafb; padding-top: 8px; 
}
.ai-group:hover .bubble-actions { opacity: 1; }
.action-btn { font-size: 0.72rem; color: #9ca3af; cursor: pointer; display: flex; align-items: center; gap: 4px; transition: color 0.2s; }
.action-btn:hover { color: #1a73e8; }
.action-btn.del-btn:hover { color: #ef4444; }

.content-collapsed { max-height: 80px; overflow: hidden; position: relative; }
.content-collapsed::after {
    content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 30px;
    background: linear-gradient(transparent, #fff);
}

.tag-container::-webkit-scrollbar { display: none; }
.tag-item { transition: all 0.2s; white-space: nowrap; border: 1px solid #e5e7eb; cursor: pointer; }
.tag-item:hover { background-color: #1a73e8; color: white; border-color: #1a73e8; }

.border-pulse { animation: border-pulse-blue 2s infinite; border-width: 2px; }
@keyframes border-pulse-blue {
    0%, 100% { border-color: #e5e7eb; }
    50% { border-color: #1a73e8; box-shadow: 0 0 10px rgba(26,115,232,0.2); }
}

.custom-scroll::-webkit-scrollbar { width: 4px; }
.custom-scroll::-webkit-scrollbar-thumb { background: #eee; border-radius: 10px; }

#web-search-toggle.text-blue-500 {
    color: #1a73e8 !important;
    background-color: #e8f0fe;
}