/* Quill snow 主題在深色站台的適配(讓編輯器融入 ba54 視覺)。 */
.ba54-richtext-editor .ql-toolbar.ql-snow,
.ba54-richtext-editor .ql-container.ql-snow {
    border-color: rgba(120, 160, 200, 0.22);
}

.ba54-richtext-editor .ql-toolbar.ql-snow {
    background: rgba(14, 20, 30, 0.7);
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.ba54-richtext-editor .ql-container.ql-snow {
    background: rgba(8, 12, 18, 0.6);
    color: #e7ecf5;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    font-family: "Chakra Petch", system-ui, sans-serif;
}

.ba54-richtext-editor .ql-editor {
    min-height: 160px;
}

.ba54-richtext-editor .ql-editor.ql-blank::before {
    color: #6b7a8d;
    font-style: normal;
}

/* 工具列圖示在深色背景要看得見。 */
.ba54-richtext-editor .ql-snow .ql-stroke {
    stroke: #9fb0c4;
}

.ba54-richtext-editor .ql-snow .ql-fill {
    fill: #9fb0c4;
}

.ba54-richtext-editor .ql-snow .ql-picker {
    color: #9fb0c4;
}

.ba54-richtext-editor .ql-snow .ql-picker-options {
    background: #10151f;
}

.ba54-richtext-editor .ql-snow.ql-toolbar button:hover .ql-stroke,
.ba54-richtext-editor .ql-snow.ql-toolbar button.ql-active .ql-stroke {
    stroke: #3fd0ff;
}

.ba54-richtext-editor .ql-snow.ql-toolbar button:hover .ql-fill,
.ba54-richtext-editor .ql-snow.ql-toolbar button.ql-active .ql-fill {
    fill: #3fd0ff;
}

/* 連結編輯 tooltip：snow 預設是白底 #fff + #ccc 邊 + #444 字，深色站要整組覆蓋。 */
.ba54-richtext-editor .ql-snow .ql-tooltip {
    background-color: #10151f;
    border: 1px solid rgba(120, 160, 200, 0.18);
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.55);
    color: #e7ecf5;
    border-radius: 6px;
}

.ba54-richtext-editor .ql-snow .ql-tooltip::before {
    color: #9fb0c4;
}

.ba54-richtext-editor .ql-snow .ql-tooltip input[type="text"] {
    background: #06080d;
    border: 1px solid rgba(120, 160, 200, 0.18);
    color: #e7ecf5;
    border-radius: 4px;
}

.ba54-richtext-editor .ql-snow .ql-tooltip input[type="text"]:focus {
    outline: none;
    border-color: #3fd0ff;
}

.ba54-richtext-editor .ql-snow .ql-tooltip input[type="text"]::placeholder {
    color: #6b7a8d;
}

.ba54-richtext-editor .ql-snow .ql-tooltip a.ql-preview {
    color: #3fd0ff;
}

.ba54-richtext-editor .ql-snow .ql-tooltip a.ql-action {
    color: #9fb0c4;
}

.ba54-richtext-editor .ql-snow .ql-tooltip a.ql-action::after {
    border-right: 1px solid rgba(120, 160, 200, 0.18);
}

.ba54-richtext-editor .ql-snow .ql-tooltip a.ql-action:hover {
    color: #3fd0ff;
}

.ba54-richtext-editor .ql-snow .ql-tooltip a.ql-remove {
    color: #9fb0c4;
}

.ba54-richtext-editor .ql-snow .ql-tooltip a.ql-remove:hover {
    color: #ff4d4d;
}

/* 編輯內容區：連結 / 引言 / 行內 code / code-block 的深色適配。 */
.ba54-richtext-editor .ql-editor a {
    color: #3fd0ff;
}

.ba54-richtext-editor .ql-editor a:visited {
    color: #9b6cff;
}

.ba54-richtext-editor .ql-editor a:hover {
    color: #c46bff;
}

.ba54-richtext-editor .ql-editor blockquote {
    border-left: 4px solid #9b6cff;
    color: #9fb0c4;
}

.ba54-richtext-editor .ql-editor code {
    background-color: #10151f;
    color: #3fd0ff;
    border: 1px solid rgba(120, 160, 200, 0.18);
}

.ba54-richtext-editor .ql-editor .ql-code-block-container {
    background-color: #0b0f17;
    color: #e7ecf5;
    border: 1px solid rgba(120, 160, 200, 0.18);
    border-radius: 6px;
}

/* 標題 picker 展開態：label / options 邊框與項目色對齊站台 cyan。 */
.ba54-richtext-editor .ql-snow .ql-picker.ql-expanded .ql-picker-label {
    color: #3fd0ff;
}

.ba54-richtext-editor .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
    border-color: rgba(120, 160, 200, 0.18);
}

.ba54-richtext-editor .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
    fill: #3fd0ff;
}

.ba54-richtext-editor .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
    stroke: #3fd0ff;
}

.ba54-richtext-editor .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
    border-color: rgba(120, 160, 200, 0.18);
}

.ba54-richtext-editor .ql-toolbar.ql-snow .ql-picker-options {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.55);
    border-radius: 6px;
}

.ba54-richtext-editor .ql-snow.ql-toolbar .ql-picker-item:hover,
.ba54-richtext-editor .ql-snow .ql-toolbar .ql-picker-item:hover,
.ba54-richtext-editor .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ba54-richtext-editor .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
    color: #3fd0ff;
}

.ba54-richtext-editor .ql-snow.ql-toolbar .ql-picker-label:hover,
.ba54-richtext-editor .ql-snow .ql-toolbar .ql-picker-label:hover,
.ba54-richtext-editor .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ba54-richtext-editor .ql-snow .ql-toolbar .ql-picker-label.ql-active {
    color: #3fd0ff;
}

/* 編輯區選取高亮 + 清單勾選標記（深色適配）。 */
.ba54-richtext-editor .ql-editor ::selection {
    background: rgba(63, 208, 255, 0.3);
    color: #e7ecf5;
}

.ba54-richtext-editor .ql-editor ::-moz-selection {
    background: rgba(63, 208, 255, 0.3);
    color: #e7ecf5;
}

.ba54-richtext-editor .ql-editor li[data-list="checked"] > .ql-ui,
.ba54-richtext-editor .ql-editor li[data-list="unchecked"] > .ql-ui {
    color: #9fb0c4;
}