/* Editor do Jornal GWD (painel da Graça) */
.funil { display: flex; flex-wrap: wrap; gap: 6px; margin: 4px 0 16px; }
.ed-barra-topo { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 16px; }
.ed-situacao { display: flex; align-items: center; gap: 8px; color: var(--suave); }
.ed-confirmar { margin-bottom: 16px; }
.ed-grade { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 24px; align-items: start; }
.ed-col { min-width: 0; }
.ed-previa { position: sticky; top: 90px; max-height: calc(100vh - 110px); overflow-y: auto; padding-right: 4px; }
.ed-previa-materia { box-shadow: 0 8px 24px rgba(29, 74, 90, .08); padding: 32px 28px; }
.ed-rotulo { font-size: .72rem; letter-spacing: .14em; text-transform: uppercase; color: var(--teal); font-weight: 600; margin-bottom: 8px; }
.ed-opcoes { display: flex; flex-wrap: wrap; gap: 4px 20px; }
.ed-capas { display: grid; grid-template-columns: repeat(auto-fill, minmax(72px, 1fr)); gap: 8px; }
.ed-capas button, .ed-capa-enviar { aspect-ratio: 1; border-radius: 8px; border: 2px solid transparent; padding: 0; overflow: hidden; background: var(--bege); cursor: pointer; font: inherit; font-size: .72rem; color: var(--suave); display: grid; place-items: center; text-align: center; }
.ed-capas img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ed-capas .ativa { border-color: var(--ouro); box-shadow: 0 0 0 2px var(--ouro); }
.ed-capa-enviar { border: 1.5px dashed var(--suave); }
.ed-texto-bloco { padding: 0; overflow: hidden; }
.ed-ferramentas { display: flex; flex-wrap: wrap; gap: 4px; padding: 10px; background: var(--bege); border-bottom: 1px solid var(--bege-esc); position: sticky; top: 64px; z-index: 5; }
.ed-ferramentas button, .ed-ferr-img { font: inherit; font-size: .8rem; padding: 7px 10px; border-radius: 8px; border: 1px solid var(--bege-esc); background: var(--branco); color: var(--petroleo); cursor: pointer; }
.ed-ferramentas button:hover, .ed-ferr-img:hover { border-color: var(--petroleo); }
.ed-ferramentas .desligado { opacity: .35; pointer-events: none; }
.ed-html-btn { margin-left: auto; }
.ed-sep { width: 1px; background: var(--bege-esc); margin: 2px 4px; }
.ed-link { display: flex; gap: 8px; padding: 10px; background: var(--bege); border-bottom: 1px solid var(--bege-esc); flex-wrap: wrap; }
.ed-link input { flex: 1 1 200px; padding: 8px 12px; border: 1.5px solid var(--bege-esc); border-radius: 8px; font: inherit; }
.ed-area { min-height: 360px; padding: 24px 28px; outline: none; }
.ed-area:focus { box-shadow: inset 0 0 0 2px rgba(15, 124, 128, .25); }
.ed-area:empty::before { content: "Comece a escrever a matéria aqui…"; color: var(--suave); }
.ed-codigo { width: 100%; min-height: 360px; border: 0; padding: 20px; font: .85rem/1.6 ui-monospace, Menlo, Consolas, monospace; background: #1f2d33; color: #e8f0ef; resize: vertical; }
.ed-dica { font-size: .78rem; color: var(--suave); padding: 0 20px 16px; margin: 0; }
.ed-alternar { display: none; }

@media (max-width: 960px) {
  .ed-grade { grid-template-columns: 1fr; }
  .ed-previa { position: static; max-height: none; }
  .ed-alternar { display: flex; gap: 4px; margin-bottom: 16px; background: var(--bege-esc); border-radius: 999px; padding: 4px; }
  .ed-alternar button { flex: 1; font: inherit; font-size: .88rem; font-weight: 600; padding: 10px; border: 0; border-radius: 999px; background: none; color: var(--suave); cursor: pointer; }
  .ed-alternar button[aria-selected="true"] { background: var(--branco); color: var(--petroleo); }
  .ed-grade:not([data-ver="previa"]) [data-col="previa"] { display: none; }
  .ed-grade[data-ver="previa"] [data-col="escrever"] { display: none; }
  .ed-area { padding: 18px; }
  .ed-html-btn { margin-left: 0; }
}