/**
 * @license Copyright (c) 2014-2021, CKSource - Frederico Knabben. All rights reserved.
 * This file is licensed under the terms of the MIT License (see LICENSE.md).
 */

/* ⚠️ SysMed: este arquivo veio do online builder da CKSource com o CSS da PÁGINA DE EXEMPLO junto —
   regras para `body`, `html`, `body *`, `a`, `p`, `header`, `footer`, `.row`, `.btn`, `.sidebar`…
   Carregado no App.razor, ele valia para o sistema INTEIRO: trocava a fonte do body para Arial (os
   botões saíam em Arial e o resto em Roboto), fixava a cor do texto em #2D3A4A (ilegível no tema
   escuro) e dava margem e cor a todo <footer>. Ficou só o bloco do editor; o visual do editor em si
   vem do ckeditor5.js, e o do conteúdo do laudo, do app.css (`.sysmed-laudo-editor .ck-content`). */

:root {
	--ck-sample-editor-min-height: 400px;
	--ck-sample-editor-z-index: 10;
}

/* --------- EDITOR STYLES  ---------------------------------------------------------------------------------------- */

.editor__editable,
/* Classic build. */
main .ck-editor[role='application'] .ck.ck-content,
/* Decoupled document build. */
.ck.editor__editable[role='textbox'],
.ck.ck-editor__editable[role='textbox'],
/* Inline & Balloon build. */
.ck.editor[role='textbox'] {
	width: 100%;
	background: #fff;
	font-size: 1em;
	min-height: var(--ck-sample-editor-min-height);
	padding: 1.5em 2em;
}

.ck.ck-editor__editable {
	background: #fff;
	border: 1px solid hsl(0, 0%, 70%);
	width: 100%;
}

.ck.ck-editor {
	/* To enable toolbar wrapping. */
	width: 100%;
	overflow-x: hidden;
}

/* Because of sidebar `position: relative`, Edge is overriding the outline of a focused editor. */
.ck.ck-editor__editable {
	position: relative;
	z-index: var(--ck-sample-editor-z-index);
}