/* Quill visual-parity shim - re-themes Quill's Snow theme classes to match
   the color language the old Summernote editor used to pick up from
   style.css (border color, toolbar background, dark-mode surfaces). Do not
   edit style.css/SCSS for this - this file is additive. */

.ql-toolbar.ql-snow {
	background: #FFF;
	border-color: #E9EDF4;
	border-radius: var(--bs-border-radius, 0.5rem) var(--bs-border-radius, 0.5rem) 0 0;
}
.ql-container.ql-snow {
	border-color: #E9EDF4;
	border-radius: 0 0 var(--bs-border-radius, 0.5rem) var(--bs-border-radius, 0.5rem);
	font-size: 14px;
}

html[data-theme=dark] .ql-container.ql-snow,
html[data-theme=dark] .ql-toolbar.ql-snow {
	background: #0F0C1C;
	border-color: #1B1632;
}
html[data-theme=dark] .ql-toolbar.ql-snow {
	background: #131022;
	border-bottom-color: #1B1632;
}
html[data-theme=dark] .ql-snow.ql-toolbar button,
html[data-theme=dark] .ql-snow .ql-picker-label {
	color: #EFEFF2;
}
html[data-theme=dark] .ql-snow.ql-toolbar button .ql-stroke,
html[data-theme=dark] .ql-snow .ql-picker-label .ql-stroke {
	stroke: #EFEFF2;
}
html[data-theme=dark] .ql-snow.ql-toolbar button .ql-fill,
html[data-theme=dark] .ql-snow .ql-picker-label .ql-fill {
	fill: #EFEFF2;
}
html[data-theme=dark] .ql-snow.ql-toolbar button:hover,
html[data-theme=dark] .ql-snow.ql-toolbar button.ql-active,
html[data-theme=dark] .ql-snow .ql-picker-label:hover {
	background: #1B1632;
	color: #ffffff;
}
html[data-theme=dark] .ql-snow.ql-toolbar button:hover .ql-stroke,
html[data-theme=dark] .ql-snow.ql-toolbar button.ql-active .ql-stroke {
	stroke: #ffffff;
}
html[data-theme=dark] .ql-snow.ql-toolbar button:hover .ql-fill,
html[data-theme=dark] .ql-snow.ql-toolbar button.ql-active .ql-fill {
	fill: #ffffff;
}
html[data-theme=dark] .ql-editor {
	background: #0F0C1C;
	color: #EFEFF2;
}
html[data-theme=dark] .ql-editor.ql-blank::before {
	color: rgba(185, 183, 192, .502);
}
html[data-theme=dark] .ql-snow .ql-picker-options {
	background: #131022;
	border-color: #1B1632;
	color: #EFEFF2;
}