/* ==============================================================================
// Стили приложения
// ------------------------------------------------------------------------------
// Основные стили, включая кастомный скроллбар с поддержкой темной темы.
// ============================================================================== */

/* Стилизуем скроллбар для эстетики */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: #f1f5f9; }
.dark ::-webkit-scrollbar-track { background: #1e293b; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
.dark ::-webkit-scrollbar-thumb { background: #475569; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }
.dark ::-webkit-scrollbar-thumb:hover { background: #64748b; }

/* Кастомные стили для Quill редактора в темной теме */
.dark .ql-toolbar.ql-snow {
    border-color: #475569;
    background-color: #1e293b;
}
.dark .ql-container.ql-snow {
    border-color: #475569;
    background-color: #0f172a;
    color: #e2e8f0;
}
.dark .ql-snow .ql-stroke {
    stroke: #cbd5e1;
}
.dark .ql-snow .ql-fill, .dark .ql-snow .ql-stroke.ql-fill {
    fill: #cbd5e1;
}
.dark .ql-snow .ql-picker {
    color: #cbd5e1;
}
.dark .ql-snow .ql-picker-options {
    background-color: #1e293b;
    border-color: #475569;
}

 /* Цвет плейсхолдера quilljs в тёмной теме */
.dark .ql-editor.ql-blank::before {
    color: #9ca3af;; /* slate-600 */
}