.ai-chat-toggle {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 1100;
  background: #7b1fa2;
  color: #fff;
  border: 0;
  border-radius: 999px;
  padding: 10px 16px;
  cursor: pointer;
}

.ai-chat-panel {
  position: fixed;
  right: 20px;
  bottom: 70px;
  width: 320px;
  max-height: 460px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 12px;
  box-shadow: 0 6px 24px rgba(0,0,0,0.2);
  display: none;
  z-index: 1100;
}

.ai-chat-panel.open { display: block; }
.ai-chat-header { padding: 12px; background: #7b1fa2; color: #fff; border-radius: 12px 12px 0 0; font-weight: 700; }
.ai-chat-messages { padding: 12px; max-height: 300px; overflow-y: auto; }
.ai-msg { margin-bottom: 10px; padding: 8px 10px; border-radius: 8px; font-size: 14px; }
.ai-msg-user { background: #f2e7fe; }
.ai-msg-bot { background: #f5f5f5; }
.ai-chat-input-row { display: flex; gap: 8px; padding: 10px; border-top: 1px solid #eee; }
.ai-chat-input-row input { flex: 1; padding: 8px; }
.ai-chat-input-row button { padding: 8px 12px; }

.ai-next-step-card { max-width: 900px; margin: 0 auto; background: #fff; border: 1px solid #eee; border-radius: 12px; padding: 20px; }
.ai-next-step-result { margin-top: 12px; font-weight: 600; }

.ai-triage-output { margin: 10px 0 15px; padding: 10px; border-radius: 8px; background: #f9f5ff; border: 1px solid #e8dcff; font-size: 14px; }

.ai-sermon-section { padding: 40px 20px 20px; }
.ai-sermon-search { width: 100%; max-width: 680px; padding: 10px; border: 1px solid #ddd; border-radius: 8px; margin-bottom: 18px; }
.ai-sermon-results { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 15px; }
.ai-sermon-card { border: 1px solid #eee; border-radius: 10px; padding: 14px; text-align: left; background: #fff; }
.ai-sermon-card h3 { margin: 0 0 8px; font-size: 18px; }

.ai-content-wrapper { max-width: 900px; margin: 30px auto; background: #fff; border: 1px solid #eee; border-radius: 12px; padding: 20px; }
.ai-content-output { margin-top: 16px; padding: 14px; background: #fafafa; border-radius: 8px; border: 1px solid #eee; }