/* QAFlow - Rich text editor (includes/oye-editor.php)
   Covers both the editor toolbar UI and the HTML it generates into saved content. */

.oye-color-swatch {
    background: var(--swatch-color);
}

.oye-color-black { --swatch-color: #000000; }
.oye-color-gray-700 { --swatch-color: #374151; }
.oye-color-gray-500 { --swatch-color: #6b7280; }
.oye-color-gray-400 { --swatch-color: #9ca3af; }
.oye-color-gray-300 { --swatch-color: #d1d5db; }
.oye-color-white { --swatch-color: #ffffff; border: 1px solid #e2e8f0; }
.oye-color-red { --swatch-color: #ef4444; }
.oye-color-orange { --swatch-color: #f97316; }
.oye-color-yellow { --swatch-color: #eab308; }
.oye-color-green { --swatch-color: #22c55e; }
.oye-color-teal { --swatch-color: #14b8a6; }
.oye-color-blue { --swatch-color: #3b82f6; }
.oye-color-violet { --swatch-color: #8b5cf6; }
.oye-color-pink { --swatch-color: #ec4899; }
.oye-color-rose { --swatch-color: #f43f5e; }
.oye-color-cyan { --swatch-color: #06b6d4; }
.oye-color-lime { --swatch-color: #84cc16; }
.oye-color-purple { --swatch-color: #a855f7; }

.oye-color-none { --swatch-color: #fff; border: 1px solid #e2e8f0; }
.oye-highlight-yellow { --swatch-color: #fef08a; }
.oye-highlight-green { --swatch-color: #bbf7d0; }
.oye-highlight-blue { --swatch-color: #bfdbfe; }
.oye-highlight-purple { --swatch-color: #e9d5ff; }
.oye-highlight-red { --swatch-color: #fecaca; }
.oye-highlight-orange { --swatch-color: #fed7aa; }
.oye-highlight-yellow2 { --swatch-color: #fde047; }
.oye-highlight-green2 { --swatch-color: #86efac; }
.oye-highlight-sky { --swatch-color: #7dd3fc; }
.oye-highlight-violet { --swatch-color: #c4b5fd; }
.oye-highlight-rose { --swatch-color: #fda4af; }

.oye-editor-content {
    min-height: 200px;
}

.oye-editor-content.oye-min-h-250 {
    min-height: 250px;
}

.oye-editor-content.oye-min-h-300 {
    min-height: 300px;
}

.oye-editor-content.oye-min-h-400 {
    min-height: 400px;
}

.oye-resize-bar-hidden {
    display: none;
}

.oye-resize-unit {
    color: #94a3b8;
    font-size: 12px;
}

.oye-upload-icon {
    font-size: 32px;
    color: #94a3b8;
    margin-bottom: 8px;
}

.oye-upload-text {
    margin: 0;
    color: #64748b;
}

.oye-upload-hint {
    font-size: 12px;
    color: #94a3b8;
    margin: 4px 0 0;
}

.oye-file-input-hidden {
    display: none;
}

/* Content generated into saved question/answer/blog HTML - must also
   render correctly wherever that content is displayed (question.php,
   blog.php, article.php, etc. all load app.css). */
.oye-content-img {
    max-width: 100%;
    border-radius: 8px;
}

.oye-content-table {
    border-collapse: collapse;
    width: 100%;
    margin: 16px 0;
}

.oye-content-table td {
    border: 1px solid #e2e8f0;
    padding: 8px;
}

.oye-content-hr {
    border: none;
    border-top: 2px solid #e2e8f0;
    margin: 16px 0;
}