/* editor-html.css — folha irmã do editor-html.js (barra + corpo + fonte).
   CSS escrito À MÃO aqui (o .js é que é emitido de src-dom/editor-html.ts).
   Cor SEMPRE por token do theme.css: o editor abre no desktop de dia e de
   noite, e hexa cravado só acerta um dos dois.

   O namespace é `edh-` e não uma classe curta: classe curta colide com o CSS
   do sistema, e este editor recebe HTML COLADO DE FORA (memória
   css-namespace-nomes-curtos-colidem). */
.edh{display:block}
/* `hidden` perde para qualquer `display` do autor: sem esta linha, a caixa do
   HTML fonte apareceria junto com o corpo rico assim que uma regra abaixo
   desse `display` a ela (memória gotcha-hidden-perde-para-display-do-autor) */
.edh [hidden]{display:none !important}

.edh-bar{display:flex;gap:4px;flex-wrap:wrap;margin:2px 0 6px}
.edh-b,.edh-token{min-height:30px;padding:3px 9px;border:1px solid rgba(var(--acc-rgb),.22);
background:var(--card);color:inherit;border-radius:7px;font-size:12.5px;cursor:pointer}
.edh-b:hover,.edh-token:hover{border-color:rgba(var(--acc-rgb),.45)}

/* o innerHTML É o documento (WYSIWYG): a folha imita o papel impresso, e por
   isso usa os tokens --folha-*, não os do card */
.edh-rico{width:100%;min-height:300px;max-height:56vh;overflow:auto;padding:16px 18px;
border:1px solid rgba(var(--tint-rgb),.18);border-radius:8px;
background:var(--folha-bg);color:var(--folha-txt);line-height:1.5;font-size:14px}
.edh-rico:focus{outline:2px solid rgba(var(--acc-rgb),.5)}
.edh-rico p{margin:0 0 .5em}
.edh-rico h1,.edh-rico h2,.edh-rico h3{margin:.4em 0}
.edh-rico table{border-collapse:collapse}
.edh-rico img{max-width:100%}

/* o HTML fonte: monoespaçado, porque aqui o que se lê é marcação */
.edh-fonte{width:100%;min-height:300px;max-height:56vh;padding:12px 14px;
border:1px solid rgba(var(--tint-rgb),.18);border-radius:8px;
background:var(--card);color:inherit;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
font-size:12.5px;line-height:1.45;resize:vertical}
.edh-fonte:focus{outline:2px solid rgba(var(--acc-rgb),.5)}

/* a ZONA DE DROP acesa: o operador precisa VER que soltar ali vale, senão ele
   solta em cima da página e o navegador navega para o arquivo. Realce por token
   de destaque, nunca cor cravada. */
.edh.edh-sobre .edh-rico,
.edh.edh-sobre .edh-fonte{outline:2px dashed rgba(var(--acc-rgb),.75);outline-offset:-4px;
background:rgba(var(--acc-rgb),.06)}

/* a prestação de contas da limpeza — filtro calado é filtro que ninguém confere */
.edh-nota{font-size:11.5px;color:var(--mut);margin:6px 0 0;min-height:14px}