/* Chat-specific styling for improved readability */

/* Message content styling */
.message-content {
  color: #67e8f9 !important; /* cyan-300 */
}

/* User input styling */
textarea, input[type="text"], input[type="email"], input[type="password"] {
  color: #67e8f9 !important; /* cyan-300 */
}

/* Placeholder text */
::placeholder {
  color: #0891b2 !important; /* cyan-600 */
  opacity: 0.7;
}

/* Trix editor specific styling */
.trix-content {
  color: #67e8f9 !important; /* cyan-300 */
}

trix-editor {
  color: #67e8f9 !important; /* cyan-300 */
}

.trix-button {
  color: #67e8f9 !important; /* cyan-300 */
}

.trix-dialog {
  background-color: #1e293b !important; /* slate-800 */
  color: #67e8f9 !important; /* cyan-300 */
  border-color: #06b6d4 !important; /* cyan-500 */
}

.trix-input {
  background-color: #0f172a !important; /* slate-900 */
  color: #67e8f9 !important; /* cyan-300 */
  border-color: #06b6d4 !important; /* cyan-500 */
}

/* Ensure all text in the chat interface is readable */
.chat-container, .chat-messages, .chat-input {
  color: #67e8f9 !important; /* cyan-300 */
}

/* Style for AI responses */
.ai-message {
  color: #67e8f9 !important; /* cyan-300 */
}

/* Style for user messages */
.user-message {
  color: #a5f3fc !important; /* cyan-200 - slightly brighter for user messages */
}

/* Ensure links are visible */
a {
  color: #22d3ee !important; /* cyan-400 */
  text-decoration: underline;
}

a:hover {
  color: #06b6d4 !important; /* cyan-500 */
}

/* Ensure code blocks are readable */
pre, code {
  background-color: #0f172a !important; /* slate-900 */
  color: #a5f3fc !important; /* cyan-200 */
  border: 1px solid #0e7490 !important; /* cyan-700 */
  border-radius: 0.25rem;
  padding: 0.25rem 0.5rem;
}