/* 동탄 에디터: 테마 색(--dt-*)을 따라 라이트·다크 모두에서 읽히게 */
.dt-editor { border: 1px solid var(--dt-border, #d0d4df); border-radius: 8px; overflow: hidden; background: var(--dt-surface, #fff); color: var(--dt-text, #1d2129); }
.dt-editor .ql-toolbar.ql-snow { border: 0; border-bottom: 1px solid var(--dt-border, #d0d4df); background: var(--dt-surface-2, #f7f8fa); padding: 6px 8px; font-family: inherit; }
.dt-editor .ql-container.ql-snow { border: 0; font-family: inherit; font-size: 15px; }
.dt-editor .ql-editor { min-height: 360px; max-height: 70vh; overflow-y: auto; padding: 16px 18px; line-height: 1.7; color: var(--dt-text, #1d2129); }
.dt-editor .ql-editor.ql-blank::before { color: var(--dt-text-3, #8b919c); font-style: normal; left: 18px; }
.dt-editor-foot { padding: 6px 12px; border-top: 1px solid var(--dt-border, #d0d4df); color: var(--dt-text-3, #8b919c); font-size: 12px; text-align: right; }

/* 툴바 아이콘 */
.dt-editor .ql-snow .ql-stroke { stroke: var(--dt-text-2, #5f6673); }
.dt-editor .ql-snow .ql-fill, .dt-editor .ql-snow .ql-stroke.ql-fill { fill: var(--dt-text-2, #5f6673); }
.dt-editor .ql-snow .ql-picker { color: var(--dt-text-2, #5f6673); }
.dt-editor .ql-snow.ql-toolbar button:hover .ql-stroke, .dt-editor .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.dt-editor .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke, .dt-editor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke { stroke: var(--dt-primary, #0f8a6c); }
.dt-editor .ql-snow.ql-toolbar button:hover .ql-fill, .dt-editor .ql-snow.ql-toolbar button.ql-active .ql-fill,
.dt-editor .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill, .dt-editor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill { fill: var(--dt-primary, #0f8a6c); }
.dt-editor .ql-snow.ql-toolbar button:hover, .dt-editor .ql-snow.ql-toolbar button.ql-active,
.dt-editor .ql-snow.ql-toolbar .ql-picker-label:hover, .dt-editor .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.dt-editor .ql-snow.ql-toolbar .ql-picker-item:hover, .dt-editor .ql-snow.ql-toolbar .ql-picker-item.ql-selected { color: var(--dt-primary, #0f8a6c); }
.dt-editor .ql-snow.ql-toolbar button { border-radius: 4px; }
.dt-editor .ql-snow.ql-toolbar button:hover { background: var(--dt-surface, #fff); }
.dt-editor .ql-snow.ql-toolbar .ql-formats { margin-right: 10px; }

/* 펼침 목록 */
.dt-editor .ql-snow .ql-picker-options { background: var(--dt-surface, #fff); border-color: var(--dt-border, #d0d4df) !important; box-shadow: 0 4px 14px rgba(0, 0, 0, .18); }
.dt-editor .ql-snow .ql-picker.ql-expanded .ql-picker-label { border-color: var(--dt-border, #d0d4df); }
.dt-editor .ql-snow .ql-picker.ql-header { width: 84px; }
.dt-editor .ql-snow .ql-picker.ql-header .ql-picker-label::before, .dt-editor .ql-snow .ql-picker.ql-header .ql-picker-item::before { content: '본문'; }
.dt-editor .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before, .dt-editor .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before { content: '큰 제목'; }
.dt-editor .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before, .dt-editor .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before { content: '작은 제목'; }
.dt-editor .ql-snow .ql-color-picker .ql-picker-options { width: 128px; }
.dt-editor .ql-snow .ql-color-picker .ql-picker-item { width: 22px; height: 22px; margin: 2px; border-radius: 4px; border: 1px solid var(--dt-border, #d0d4df); }
.dt-editor .ql-snow .ql-color-picker .ql-picker-item:not([data-value]), .dt-editor .ql-snow .ql-color-picker .ql-picker-item[data-value=""] { background: var(--dt-text, #1d2129) !important; }
.dt-editor .ql-snow .ql-color-picker .ql-picker-item[data-value="red"] { background: var(--dt-c-red) !important; }
.dt-editor .ql-snow .ql-color-picker .ql-picker-item[data-value="orange"] { background: var(--dt-c-orange) !important; }
.dt-editor .ql-snow .ql-color-picker .ql-picker-item[data-value="green"] { background: var(--dt-c-green) !important; }
.dt-editor .ql-snow .ql-color-picker .ql-picker-item[data-value="blue"] { background: var(--dt-c-blue) !important; }
.dt-editor .ql-snow .ql-color-picker .ql-picker-item[data-value="purple"] { background: var(--dt-c-purple) !important; }
.dt-editor .ql-snow .ql-color-picker .ql-picker-item[data-value="gray"] { background: var(--dt-c-gray) !important; }

/* 링크 입력 말풍선 */
.dt-editor .ql-snow .ql-tooltip { z-index: 5; background: var(--dt-surface, #fff); color: var(--dt-text, #1d2129); border-color: var(--dt-border, #d0d4df); box-shadow: 0 4px 14px rgba(0, 0, 0, .18); border-radius: 6px; }
.dt-editor .ql-snow .ql-tooltip input[type=text] { background: var(--dt-surface, #fff); color: var(--dt-text, #1d2129); border-color: var(--dt-border, #d0d4df); }
.dt-editor .ql-snow .ql-tooltip a.ql-preview { color: var(--dt-primary, #0f8a6c); }
.dt-editor .ql-snow .ql-tooltip a.ql-action, .dt-editor .ql-snow .ql-tooltip a.ql-remove { color: var(--dt-text-2, #5f6673); }
.dt-editor .ql-snow .ql-tooltip::before { content: '링크:'; }
.dt-editor .ql-snow .ql-tooltip a.ql-action::after { content: '고치기'; }
.dt-editor .ql-snow .ql-tooltip a.ql-remove::before { content: '지우기'; }
.dt-editor .ql-snow .ql-tooltip.ql-editing a.ql-action::after { content: '저장'; }
.dt-editor .ql-snow .ql-tooltip[data-mode=link]::before { content: '링크 주소:'; }

/* 편집 중 내용 모양 (글 보기와 같게: theme/dongtan/css/dongtan.css 의 #bo_v_con) */
.dt-editor .ql-editor h2 { font-size: 1.45em; margin: .6em 0 .4em; }
.dt-editor .ql-editor h3 { font-size: 1.2em; margin: .5em 0 .3em; }
.dt-editor .ql-editor a { color: var(--dt-primary, #0f8a6c); }
.dt-editor .ql-editor blockquote { border-left: 4px solid var(--dt-border, #d0d4df); margin: .4em 0; padding: 2px 12px; color: var(--dt-text-2, #5f6673); }
.dt-editor .ql-editor img { max-width: 100%; height: auto; }
.dt-editor .ql-editor .ql-video { width: 100%; max-width: 640px; aspect-ratio: 16 / 9; height: auto; }

@media (max-width: 768px) {
    .dt-editor .ql-toolbar.ql-snow { padding: 4px; }
    .dt-editor .ql-snow.ql-toolbar .ql-formats { margin-right: 4px; }
    .dt-editor .ql-editor { min-height: 260px; padding: 12px; }
}