/* AI Bible Companion Styles */
.abc-container { max-width: 800px; margin: 0 auto; padding: 20px; }
.abc-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.abc-header h3 { margin: 0; }
.abc-controls select { padding: 6px 10px; border: 1px solid #ccc; border-radius: 4px; }

.abc-chat { background: #fff; border: 1px solid #e7e7e7; border-radius: 8px; min-height: 220px; max-height: 420px; overflow-y: auto; padding: 15px; box-shadow: 0 2px 6px rgba(0,0,0,0.05); }
.abc-msg { padding: 10px 12px; margin: 8px 0; border-radius: 6px; line-height: 1.5; }
.abc-user { background: #f0f7ff; border: 1px solid #cfe2ff; }
.abc-assistant { background: #f7fff0; border: 1px solid #d7f2c4; }
.abc-error { background: #fff5f5; border: 1px solid #f5c2c2; color: #7a1a1a; }

.abc-citations { margin: 6px 0 10px; font-size: 0.95em; color: #555; }
.abc-citations ul { margin: 6px 0 0; padding-left: 18px; }

.abc-form { display: grid; grid-template-columns: 1fr auto; grid-gap: 10px; margin-top: 12px; }
.abc-form textarea { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 6px; resize: vertical; min-height: 70px; }
.abc-form-actions { display: flex; align-items: center; gap: 10px; }
.abc-send-btn { background: linear-gradient(135deg,#667eea 0%,#764ba2 100%); color: #fff; border: none; padding: 10px 20px; border-radius: 25px; cursor: pointer; font-weight: 600; box-shadow: 0 2px 5px rgba(102,126,234,0.3); }
.abc-send-btn:hover { transform: translateY(-1px); box-shadow: 0 4px 10px rgba(102,126,234,0.4); }
.abc-status { color: #666; font-size: 0.95em; }

@media (max-width: 768px){
  .abc-form { grid-template-columns: 1fr; }
}

/* Markdown formatting for assistant messages */
.abc-assistant blockquote {
  margin: 8px 0;
  padding: 10px 15px;
  background: #f9f9f9;
  border-left: 4px solid #4CAF50;
  font-style: italic;
}

.abc-assistant p {
  margin: 8px 0;
}

.abc-assistant p:first-child {
  margin-top: 0;
}

.abc-assistant p:last-child {
  margin-bottom: 0;
}