/* MIAW TEST HARNESS styles -- shared by all pages, edit this one file */

/* Best-effort hide of MIAW's own default launcher bubble once real MIAW
   is configured, since we trigger chat from the page's existing
   "Chat with us" button instead. Selector varies by MIAW version --
   inspect your org's rendered DOM and adjust if the bubble still shows. */
.embeddedMessagingConversationButton { display: none !important; }

#mock-chat-panel {
  position: fixed;
  bottom: 96px;
  right: 24px;
  width: 320px;
  max-width: calc(100vw - 48px);
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 8px 30px rgba(0,0,0,0.3);
  z-index: 999999;
  display: none;
  overflow: hidden;
  font-family: -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}
#mock-chat-panel.open { display: block; }
#mock-chat-panel .mcp-header {
  background: #003C71;
  color: #fff;
  padding: 14px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#mock-chat-panel .mcp-header strong { font-size: 14px; }
#mock-chat-panel .mcp-close {
  background: none; border: none; color: #fff; font-size: 18px; cursor: pointer; line-height: 1;
}
#mock-chat-panel .mcp-body { padding: 16px; font-size: 13px; color: #333; line-height: 1.5; }
#mock-chat-panel .mcp-body .mcp-note {
  margin-top: 10px; padding: 8px 10px; background: #fff8e1; border: 1px solid #ffe082;
  border-radius: 6px; font-size: 12px; color: #7a5c00;
}