/* Quill Editor Custom Styles */

.quill-editor-wrapper {
  border: 1px solid #e5e7eb;
  border-radius: 0.375rem;
  overflow: hidden;
}

.quill-editor-wrapper .ql-toolbar {
  border: none;
  border-bottom: 1px solid #e5e7eb;
  background-color: #f9fafb;
}

.quill-editor-wrapper .ql-container {
  border: none;
  font-size: 14px;
}

.quill-editor-wrapper .ql-editor {
  min-height: 200px;
  padding: 12px 16px;
}

.quill-editor-wrapper .ql-editor.ql-blank::before {
  color: #9ca3af;
  font-style: normal;
}

/* Dark mode support */
.dark .quill-editor-wrapper {
  border-color: #4b5563;
  background-color: #1f2937;
}

.dark .quill-editor-wrapper .ql-toolbar {
  background-color: #374151;
  border-color: #4b5563;
}

.dark .quill-editor-wrapper .ql-toolbar button {
  color: #e5e7eb;
}

.dark .quill-editor-wrapper .ql-toolbar button:hover {
  background-color: #4b5563;
}

.dark .quill-editor-wrapper .ql-toolbar button.ql-active {
  background-color: #4b5563;
}

.dark .quill-editor-wrapper .ql-toolbar .ql-stroke {
  stroke: #e5e7eb;
}

.dark .quill-editor-wrapper .ql-toolbar .ql-fill,
.dark .quill-editor-wrapper .ql-toolbar .ql-stroke.ql-fill {
  fill: #e5e7eb;
}

.dark .quill-editor-wrapper .ql-toolbar .ql-picker {
  color: #e5e7eb;
}

.dark .quill-editor-wrapper .ql-toolbar .ql-picker-label {
  color: #e5e7eb;
  border-color: #4b5563;
}

.dark .quill-editor-wrapper .ql-toolbar .ql-picker-label:hover {
  background-color: #4b5563;
}

.dark .quill-editor-wrapper .ql-toolbar .ql-picker-options {
  background-color: #374151;
  border-color: #4b5563;
}

.dark .quill-editor-wrapper .ql-toolbar .ql-picker-item {
  color: #e5e7eb;
}

.dark .quill-editor-wrapper .ql-toolbar .ql-picker-item:hover {
  background-color: #4b5563;
}

.dark .quill-editor-wrapper .ql-container {
  background-color: #1f2937;
}

.dark .quill-editor-wrapper .ql-editor {
  background-color: #1f2937;
  color: #e5e7eb;
}

.dark .quill-editor-wrapper .ql-editor.ql-blank::before {
  color: #6b7280;
}

.dark .quill-editor-wrapper .ql-editor h1,
.dark .quill-editor-wrapper .ql-editor h2,
.dark .quill-editor-wrapper .ql-editor h3,
.dark .quill-editor-wrapper .ql-editor h4,
.dark .quill-editor-wrapper .ql-editor h5,
.dark .quill-editor-wrapper .ql-editor h6 {
  color: #f3f4f6;
}

.dark .quill-editor-wrapper .ql-editor blockquote {
  border-left-color: #4b5563;
  color: #9ca3af;
}

.dark .quill-editor-wrapper .ql-editor pre {
  background-color: #111827;
  color: #e5e7eb;
  border-color: #4b5563;
}

.dark .quill-editor-wrapper .ql-editor code {
  background-color: #374151;
  color: #e5e7eb;
}

.dark .quill-editor-wrapper .ql-editor a {
  color: #60a5fa;
}

.dark .quill-editor-wrapper .ql-snow .ql-tooltip {
  background-color: #374151;
  border-color: #4b5563;
  color: #e5e7eb;
}

.dark .quill-editor-wrapper .ql-snow .ql-tooltip input[type="text"] {
  background-color: #1f2937;
  border-color: #4b5563;
  color: #e5e7eb;
}

.dark .quill-editor-wrapper .ql-snow .ql-tooltip a {
  color: #60a5fa;
}