@import "../../dist/app.css";


/* ============================================================
   Utility message visibility toggles
   ============================================================ */
#chat-wrapper.hide-tool-calls [data-message-type="tool"],
#chat-wrapper.hide-tool-calls [data-tool-call],
#chat-wrapper.hide-tool-calls .tool-call-renderer,
#chat-wrapper.hide-tool-calls .tool-result-renderer {
  display: none !important;
}

#chat-wrapper.hide-thinking [data-message-type="thinking"],
#chat-wrapper.hide-thinking .thinking-block {
  display: none !important;
}

#chat-wrapper.hide-system-msgs [data-message-type="system"],
#chat-wrapper.hide-system-msgs [data-message-type="system-notification"],
#chat-wrapper.hide-system-msgs .system-notification {
  display: none !important;
}

#chat-wrapper.hide-timestamps .message-timestamp,
#chat-wrapper.hide-timestamps [data-timestamp] {
  display: none !important;
}

/* ============================================================
   Empty state mascot floating animation
   ============================================================ */
@keyframes jae-float {
  0%, 100% { transform: translateY(0px) rotate(0deg); }
  33% { transform: translateY(-10px) rotate(-1deg); }
  66% { transform: translateY(-5px) rotate(1deg); }
}

jae-empty-state img {
  animation: jae-float 3.5s ease-in-out infinite;
  filter: drop-shadow(0 12px 32px rgba(255, 100, 0, 0.25));
}

/* Suggestion chips hover glow */
jae-empty-state button:hover {
  box-shadow: 0 0 0 1px rgba(255, 100, 0, 0.3), 0 4px 16px rgba(255, 100, 0, 0.1);
}

/* ============================================================
   Header mascot wobble on hover
   ============================================================ */
@keyframes jae-wobble {
  0%, 100% { transform: rotate(0deg); }
  25% { transform: rotate(-8deg); }
  75% { transform: rotate(8deg); }
}

.header-logo:hover {
  animation: jae-wobble 0.4s ease-in-out;
}
