/* EMERGENCY CSS FIX: Override cached JavaScript icons */

/* Hide MessageCircle icon and show List icon instead */
button[aria-label="Chat History"] svg[data-lucide="message-circle"],
button svg[data-lucide="message-circle"] {
  display: none !important;
}

/* Add List icon after hiding MessageCircle */
button[aria-label="Chat History"]:after,
button:has(svg[data-lucide="message-circle"]):after {
  content: "☰";
  font-size: 20px;
  font-weight: bold;
  color: white;
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
}

/* Hide Paperclip and Mic buttons entirely */
button svg[data-lucide="paperclip"],
button svg[data-lucide="mic"],
button:has(svg[data-lucide="paperclip"]),
button:has(svg[data-lucide="mic"]) {
  display: none !important;
}

/* Ensure List icon is visible and styled correctly */
button svg[data-lucide="list"] {
  display: inline-block !important;
  width: 20px !important;
  height: 20px !important;
  color: white !important;
}

/* Force refresh any cached styles */
.floating-chat-bar,
[class*="FloatingChat"] {
  animation: force-refresh 0.1s ease-in-out;
}

@keyframes force-refresh {
  0% { opacity: 0.99; }
  100% { opacity: 1; }
}