/* Styles globaux pour intégrer Quill avec le thème Tailwind */
/* Quill génère ses propres éléments DOM qui nécessitent des styles CSS directs */

/* Styles pour l'éditeur Quill */
[id*="-editor"] .ql-editor,
.quill-editor .ql-editor {
  background: white;
  color: #1e293b;
  min-height: 250px;
}

.dark [id*="-editor"] .ql-editor,
.dark .quill-editor .ql-editor {
  background: #1e293b; /* dark-surface */
  color: #f1f5f9; /* dark-text */
  min-height: 250px;
}

/* Styles pour la toolbar Quill */
[id*="-editor"] .ql-toolbar,
.quill-editor .ql-toolbar {
  background: #f8fafc;
  border-color: #e2e8f0;
}

.dark [id*="-editor"] .ql-toolbar,
.dark .quill-editor .ql-toolbar {
  background: #1e293b; /* dark-surface */
  border-color: #334155; /* dark-border */
}

/* Styles pour les icônes SVG de Quill */
[id*="-editor"] .ql-stroke,
.quill-editor .ql-stroke {
  stroke: #475569;
}

.dark [id*="-editor"] .ql-stroke,
.dark .quill-editor .ql-stroke {
  stroke: #cbd5e1; /* dark-text-muted */
}

[id*="-editor"] .ql-fill,
.quill-editor .ql-fill {
  fill: #475569;
}

.dark [id*="-editor"] .ql-fill,
.dark .quill-editor .ql-fill {
  fill: #cbd5e1; /* dark-text-muted */
}

[id*="-editor"] .ql-picker-label,
.quill-editor .ql-picker-label {
  color: #475569;
}

.dark [id*="-editor"] .ql-picker-label,
.dark .quill-editor .ql-picker-label {
  color: #cbd5e1; /* dark-text-muted */
}