/* NOTÍCIAS NO ADMIN (2026-09-17): a fila (seção de admin.html) e o editor
   (admin-noticia.html). Folha própria, e não mais um bloco no painel.css de
   9 mil linhas: as duas telas são só do admin, e as outras partes das
   notícias (roleta, leitura) têm as folhas delas.
   Cores só por token (public/tokens.css), texto em calc(… * --escala-texto),
   e nenhum elemento mais largo que a tela a 390 px. */

/* ---------------------------------------------------------------- fila */

.adm-not-abas .adm-not-aba {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.adm-not-contagem {
  min-width: 20px;
  padding: 1px 7px;
  border-radius: var(--raio-pilula);
  background: var(--indigo-fundo);
  border: 1px solid var(--indigo-linha);
  color: var(--indigo);
  font-size: calc(11.5px * var(--escala-texto));
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  text-align: center;
}
.adm-not-contagem[hidden] {
  display: none;
}

.adm-not-busca-rotulo {
  max-width: 420px;
}

.adm-not-lista {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* MOVIMENTO NUNCA ESCONDE A LINHA. Com `opacity: 0.001` no primeiro quadro e
   `fill-mode: both`, a linha da fila ficava INVISÍVEL enquanto a animação não
   rodasse — captura de tela, aba que acabou de voltar, item com animação
   adiada. É a regra da roleta (public/noticias-roleta.css): só transform, e
   `backwards`, que aplica o quadro inicial antes de começar mas não segura o
   final depois de terminar. */
.adm-not-item {
  animation: adm-not-surge 0.22s ease-out backwards;
}
@keyframes adm-not-surge {
  from {
    transform: translateY(3px);
  }
  to {
    transform: none;
  }
}

.adm-not-linha {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  padding: 10px 12px;
  border: 1px solid var(--linha);
  border-radius: var(--raio-cartao);
  background: var(--painel);
  color: var(--tinta);
  text-decoration: none;
  transition: border-color 0.16s ease, background 0.16s ease;
}
.adm-not-linha:hover,
.adm-not-linha:focus-visible {
  border-color: var(--indigo-linha);
  background: var(--campo);
}
.adm-not-linha:focus-visible {
  outline: 2px solid var(--indigo);
  outline-offset: 2px;
}

.adm-not-miniatura {
  width: 96px;
  height: 54px;
  border-radius: var(--raio);
  object-fit: cover;
  display: block;
  background: var(--campo);
}

/* A caixa da prévia: a capa da casa embaixo, o original por cima quando o
   link assinado chega, e o selo dizendo que o enquadramento ainda não foi
   feito (o que o admin vê aqui NÃO é o corte final). */
.adm-not-miniatura-caixa {
  position: relative;
  width: 96px;
  height: 54px;
  flex: none;
}
.adm-not-miniatura-caixa > .adm-not-miniatura {
  position: absolute;
  inset: 0;
}
.adm-not-miniatura-crua {
  object-fit: contain;
  background: var(--campo);
}
.adm-not-miniatura-selo {
  position: absolute;
  right: 2px;
  bottom: 2px;
  z-index: 1;
  padding: 0 4px;
  border-radius: var(--raio-pequeno, 4px);
  background: var(--fundo-elevado, rgba(0, 0, 0, 0.55));
  color: var(--tinta-fraca);
  font-size: calc(9px * var(--escala-texto));
  line-height: 1.5;
}

.adm-not-corpo {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}
.adm-not-titulo {
  font-size: calc(15px * var(--escala-texto));
  line-height: 1.35;
  overflow-wrap: anywhere;
}
.adm-not-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  font-size: calc(12px * var(--escala-texto));
  color: var(--tinta-media);
}
.adm-not-categorias {
  color: var(--tinta-media);
}
.adm-not-quando {
  font-size: calc(12px * var(--escala-texto));
  color: var(--tinta-fraca);
  overflow-wrap: anywhere;
}
.adm-not-custo {
  margin-left: auto;
  font-variant-numeric: tabular-nums;
  color: var(--tinta-fraca);
  font-size: calc(12px * var(--escala-texto));
}

.adm-not-selo {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0 0.3em;
  max-width: 100%;
  padding: 2px 8px;
  border-radius: var(--raio-pilula);
  border: 1px solid var(--linha-forte);
  background: var(--campo);
  color: var(--tinta-media);
  font-size: calc(11.5px * var(--escala-texto));
  font-weight: 600;
  line-height: 1.4;
  overflow-wrap: anywhere;
}
.adm-not-selo-nivel {
  font-weight: 400;
}
.adm-not-selo-tipo,
.adm-not-selo-revista {
  background: var(--indigo-fundo);
  border-color: var(--indigo-linha);
  color: var(--indigo);
}
.adm-not-selo-oficial {
  background: var(--campo);
  border-color: var(--verde);
  color: var(--verde);
}
.adm-not-selo-imprensa {
  background: var(--proposta-fundo);
  border-color: var(--proposta-linha);
  color: var(--proposta);
}
.adm-not-selo-alerta,
.adm-not-selo-vence {
  background: var(--ambar-fundo);
  border-color: var(--ambar-linha);
  color: var(--ambar);
}
.adm-not-selo-problema {
  background: var(--vivo-fundo);
  border-color: var(--vivo-linha);
  color: var(--vivo);
}
.adm-not-selo-neutro {
  color: var(--tinta-fraca);
}

/* A capa da casa: sem arquivo, só a categoria sobre o degradê do tema. */
.adm-not-capa {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  aspect-ratio: 16 / 9;
  padding: 6px 8px;
  border-radius: var(--raio);
  border: 1px solid var(--indigo-linha);
  background: linear-gradient(135deg, var(--indigo-fundo), var(--campo));
  color: var(--indigo);
  overflow: hidden;
}
.adm-not-capa.adm-not-miniatura {
  width: 96px;
  height: 54px;
  padding: 4px 6px;
}
.adm-not-capa-marca {
  font-size: calc(9px * var(--escala-texto));
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--tinta-fraca);
}
.adm-not-capa-categoria {
  font-family: "IBM Plex Serif", Georgia, serif;
  font-weight: 600;
  font-size: calc(12px * var(--escala-texto));
  line-height: 1.15;
  overflow-wrap: anywhere;
}

.adm-not-resultado-fila[aria-busy="true"] .adm-not-lista {
  opacity: 0.55;
  transition: opacity 0.15s ease;
}

.adm-not-mais {
  align-self: flex-start;
  margin-top: 10px;
}

/* ------------------------------------------------------------- rodadas */

.adm-not-painel-rodadas {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr));
  gap: 12px;
}
.adm-not-cartao {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 14px 16px;
  border: 1px solid var(--linha);
  border-radius: var(--raio-cartao);
  background: var(--painel);
  min-width: 0;
}
.adm-not-cartao .botao {
  align-self: flex-start;
}
.adm-not-estado {
  font-size: calc(15px * var(--escala-texto));
}
.adm-not-estado-ligada {
  color: var(--verde);
}
.adm-not-estado-so_triagem {
  color: var(--ambar);
}
.adm-not-estado-desligada {
  color: var(--tinta-fraca);
}
.adm-not-link-discreto {
  font-size: calc(12px * var(--escala-texto));
  color: var(--indigo);
}
.adm-not-gasto {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.adm-not-gasto-numeros {
  font-variant-numeric: tabular-nums;
  color: var(--tinta-media);
  font-size: calc(13px * var(--escala-texto));
}
.adm-not-medidor {
  height: 8px;
  border-radius: var(--raio-pilula);
  background: var(--campo);
  border: 1px solid var(--linha);
  overflow: hidden;
}
.adm-not-medidor-barra {
  display: block;
  height: 100%;
  border-radius: inherit;
  transition: width 0.3s ease;
}
.adm-not-medidor-ok {
  background: var(--indigo);
}
.adm-not-medidor-alto {
  background: var(--ambar);
}
.adm-not-medidor-cheio {
  background: var(--vivo);
}
.adm-not-saida {
  margin-top: 10px;
}
.adm-not-resultado {
  padding: 10px 14px;
  border: 1px solid var(--linha);
  border-radius: var(--raio);
  background: var(--campo);
}
.adm-not-subtitulo {
  margin: 22px 0 10px;
  font-family: "IBM Plex Serif", Georgia, serif;
  font-weight: 500;
  font-size: calc(16px * var(--escala-texto));
}
.adm-not-rodadas,
.adm-not-fontes,
.adm-not-etapas {
  list-style: none;
  margin: 0;
  padding: 0;
}
.adm-not-rodadas,
.adm-not-fontes {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.adm-not-rodada,
.adm-not-fonte {
  padding: 10px 12px;
  border: 1px solid var(--linha);
  border-radius: var(--raio);
  background: var(--painel);
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}
.adm-not-fonte-falhando {
  border-color: var(--vivo-linha);
}
.adm-not-rodada-topo,
.adm-not-fonte-topo {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.adm-not-etapas {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 14px;
  font-size: calc(12px * var(--escala-texto));
  color: var(--tinta-media);
}
.adm-not-etapas li {
  overflow-wrap: anywhere;
}
.adm-not-vazio-explicado {
  padding: 4px 0;
}

/* -------------------------------------------------------------- editor */

.ed-not-oculto {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.ed-not-barra {
  position: sticky;
  /* Logo abaixo da barra superior da casca, que também gruda. */
  top: calc(var(--topo-altura, 60px) + 8px);
  z-index: 5;
  padding: 12px 16px;
  border: 1px solid var(--linha);
  border-radius: var(--raio-cartao);
  background: var(--vidro-fundo);
  backdrop-filter: blur(var(--vidro-blur));
  -webkit-backdrop-filter: blur(var(--vidro-blur));
  box-shadow: var(--elev-1);
}
.ed-not-barra-topo {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.ed-not-estado-grupo {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.ed-not-acoes {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.ed-not-acoes .botao[hidden] {
  display: none;
}
.ed-not-estado-aguardando {
  background: var(--ambar-fundo);
  border-color: var(--ambar-linha);
  color: var(--ambar);
}
.ed-not-estado-publicada {
  border-color: var(--verde);
  color: var(--verde);
}
.ed-not-estado-em_revisao,
.ed-not-estado-rejeitada {
  background: var(--vivo-fundo);
  border-color: var(--vivo-linha);
  color: var(--vivo);
}
.ed-not-conflito {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin: 10px 0 0;
  padding: 8px 12px;
  border-radius: var(--raio);
  border: 1px solid var(--vivo-linha);
  background: var(--vivo-fundo);
  color: var(--vivo);
  font-weight: 600;
}
.ed-not-conflito[hidden] {
  display: none;
}
.ed-not-motivos {
  margin-top: 8px;
  font-size: calc(13px * var(--escala-texto));
}
.ed-not-motivos-titulo {
  margin: 0 0 4px;
  color: var(--tinta-media);
  font-weight: 600;
}
.ed-not-motivos-lista {
  margin: 0;
  padding-left: 18px;
  color: var(--ambar);
}
.ed-not-pronta {
  margin: 0;
  color: var(--verde);
  font-weight: 600;
  font-size: calc(13px * var(--escala-texto));
}
.ed-not-so-leitura {
  margin: 0;
  color: var(--tinta-media);
}

.ed-not-grade {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 20px;
  align-items: start;
}
@media (min-width: 1180px) {
  .ed-not-grade {
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  }
}

.ed-not-formulario {
  border: 0;
  margin: 0;
  padding: 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.ed-not-coluna-direita {
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-width: 0;
}
.ed-not-cartao-bloco {
  padding: 16px 18px;
  border: 1px solid var(--linha);
  border-radius: var(--raio-cartao);
  background: var(--painel);
  min-width: 0;
}
.ed-not-cartao-bloco .bloco-topo {
  margin-bottom: 12px;
}
.ed-not-cartao-bloco .bloco-topo h2 {
  font-size: calc(16px * var(--escala-texto));
}

.ed-not-campo {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-bottom: 12px;
  min-width: 0;
  flex: 1 1 180px;
}
.ed-not-campo label,
.ed-not-rotulo {
  font-size: calc(13px * var(--escala-texto));
  color: var(--tinta-media);
}
.ed-not-campo input,
.ed-not-campo select,
.ed-not-campo textarea,
.ed-not-texto,
.ed-not-ponto,
.ed-not-secao-titulo {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
.ed-not-linha {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.ed-not-contador {
  align-self: flex-end;
  font-size: calc(11.5px * var(--escala-texto));
  color: var(--tinta-fraca);
  font-variant-numeric: tabular-nums;
}
.ed-not-contador-excedido {
  color: var(--vivo);
  font-weight: 600;
}
.ed-not-aviso-campo {
  margin: 0;
  font-size: calc(12px * var(--escala-texto));
  color: var(--ambar);
}
.ed-not-aviso-campo[hidden] {
  display: none;
}

.ed-not-chips {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}
.ed-not-chip {
  font-family: inherit;
  padding: 5px 11px;
  border-radius: var(--raio-pilula);
  border: 1px solid var(--linha-forte);
  background: var(--painel);
  color: var(--tinta-media);
  font-size: calc(12.5px * var(--escala-texto));
  cursor: pointer;
  transition: background 0.14s ease, color 0.14s ease, border-color 0.14s ease;
}
.ed-not-chip:hover:not(:disabled) {
  border-color: var(--indigo);
  color: var(--tinta);
}
.ed-not-chip[aria-pressed="true"] {
  background: var(--indigo-fundo);
  border-color: var(--indigo);
  color: var(--indigo);
  font-weight: 600;
}
.ed-not-chip:disabled {
  opacity: 0.45;
  cursor: default;
}
.ed-not-chip:focus-visible {
  outline: 2px solid var(--indigo);
  outline-offset: 1px;
}
.ed-not-chip-ref {
  padding: 3px 9px;
  font-variant-numeric: tabular-nums;
}
.ed-not-rotulo-pequeno {
  font-size: calc(11.5px * var(--escala-texto));
  color: var(--tinta-fraca);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.ed-not-secao {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 14px;
  padding: 12px;
  border: 1px solid var(--linha);
  border-radius: var(--raio);
  background: var(--campo);
}
.ed-not-secao > .botao {
  align-self: flex-start;
}
.ed-not-secao-topo {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.ed-not-secao-topo .ed-not-secao-titulo {
  flex: 1 1 220px;
  font-weight: 600;
}
.ed-not-secao-acoes {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.ed-not-paragrafo {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 8px;
  border-radius: var(--raio);
  border: 1px solid var(--linha);
  background: var(--painel);
}
.ed-not-paragrafo-com-problema {
  border-color: var(--ambar-linha);
}
.ed-not-texto {
  min-height: 84px;
  resize: vertical;
  line-height: 1.5;
}
.ed-not-paragrafo-rodape {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.ed-not-paragrafo-rodape .ed-not-chips {
  flex: 1 1 200px;
}
.ed-not-problemas-do-paragrafo {
  margin: 0;
  padding-left: 16px;
  font-size: calc(12px * var(--escala-texto));
}
/* Alteração não salva: a âncora aponta para o texto SALVO, e mover uma seção
   a deixaria no parágrafo errado. Some da margem, fica na lista ao lado. */
.ed-not-ancoras-fora .ed-not-problemas-do-paragrafo {
  display: none;
}
.ed-not-ancoras-fora .ed-not-paragrafo-com-problema {
  border-color: var(--linha);
}
.ed-not-problema-bloqueante {
  color: var(--vivo);
}
.ed-not-problema-aviso {
  color: var(--ambar);
}
.ed-not-problema-ciente {
  color: var(--tinta-fraca);
}
.ed-not-lista {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding-left: 10px;
  border-left: 2px solid var(--linha-forte);
}

.ed-not-ponto-linha {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}
.ed-not-ponto-linha .ed-not-ponto {
  flex: 1 1 220px;
  width: auto;
}
.ed-not-estudo {
  display: flex;
  flex-wrap: wrap;
  gap: 0 12px;
}

.ed-not-referencias {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.ed-not-referencia {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 10px 12px;
  border: 1px solid var(--linha);
  border-radius: var(--raio);
  min-width: 0;
}
.ed-not-referencia-topo,
.ed-not-referencia-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.ed-not-referencia-titulo {
  overflow-wrap: anywhere;
}
.ed-not-referencia-links a {
  color: var(--indigo);
  font-size: calc(12.5px * var(--escala-texto));
}
.ed-not-link-ok {
  border-color: var(--verde);
  color: var(--verde);
}
.ed-not-link-instavel,
.ed-not-link-mudou,
.ed-not-link-nao_verificado {
  background: var(--ambar-fundo);
  border-color: var(--ambar-linha);
  color: var(--ambar);
}
.ed-not-link-caiu,
.ed-not-link-retratado {
  background: var(--vivo-fundo);
  border-color: var(--vivo-linha);
  color: var(--vivo);
}

.ed-not-imagem-atual {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 10px;
}
.ed-not-imagem-moldura {
  width: 100%;
  max-width: 480px;
  aspect-ratio: 16 / 9;
  border-radius: var(--raio);
  overflow: hidden;
  background: var(--campo);
}
.ed-not-imagem,
.ed-not-imagem-moldura .adm-not-capa {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: flex;
}
.ed-not-imagem-moldura .adm-not-capa {
  padding: 14px 16px;
}
.ed-not-imagem-moldura .adm-not-capa-categoria {
  font-size: calc(22px * var(--escala-texto));
}
.ed-not-credito {
  margin: 0;
  font-size: calc(12px * var(--escala-texto));
  color: var(--tinta-fraca);
  overflow-wrap: anywhere;
}
.ed-not-credito a {
  color: var(--indigo);
}
#editor-de-imagem {
  margin-bottom: 10px;
}

/* A prévia do cartão nas três larguras. A moldura nunca passa da tela. */
.ed-not-previa-cartoes {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items: flex-start;
}
.ed-not-moldura {
  margin: 0;
  width: var(--largura-da-previa, 320px);
  max-width: 100%;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.ed-not-moldura figcaption {
  font-size: calc(11.5px * var(--escala-texto));
  color: var(--tinta-fraca);
}

/* O cartão simples, só quando o componente da roleta não carregou. */
.ed-not-previa-simples .noticia-cartao {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--linha);
  border-radius: var(--raio-cartao);
  background: var(--painel);
  overflow: hidden;
  box-shadow: var(--elev-1);
}
.ed-not-previa-simples .noticia-cartao-imagem {
  position: relative;
  aspect-ratio: 16 / 9;
  background: var(--campo);
}
.ed-not-previa-simples .noticia-cartao-imagem > img,
.ed-not-previa-simples .noticia-cartao-imagem > .adm-not-capa {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0;
  border: 0;
  display: flex;
}
.ed-not-previa-simples .noticia-cartao-imagem > .adm-not-capa {
  padding: 12px 14px;
  /* A pílula mora no pé da imagem: a categoria da capa sobe para não ficar embaixo dela. */
  justify-content: flex-start;
  gap: 8px;
}
.ed-not-previa-simples .noticia-cartao-imagem > .adm-not-capa .adm-not-capa-categoria {
  font-size: calc(20px * var(--escala-texto));
}
.ed-not-previa-simples .noticia-cartao-pilula {
  position: absolute;
  left: 10px;
  bottom: 10px;
  max-width: calc(100% - 20px);
  padding: 3px 10px;
  border-radius: var(--raio-pilula);
  background: var(--painel);
  color: var(--tinta);
  border: 1px solid var(--linha-forte);
  font-size: calc(11.5px * var(--escala-texto));
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ed-not-previa-simples .noticia-cartao-texto {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 12px 14px 14px;
}
.ed-not-previa-simples .noticia-cartao-titulo,
.ed-not-previa-simples .noticia-cartao-resumo {
  margin: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  overflow-wrap: anywhere;
}
.ed-not-previa-simples .noticia-cartao-titulo {
  font-family: "IBM Plex Serif", Georgia, serif;
  font-size: calc(16px * var(--escala-texto));
  line-height: 1.3;
  color: var(--tinta);
}
.ed-not-previa-simples .noticia-cartao-resumo {
  font-size: calc(13px * var(--escala-texto));
  line-height: 1.45;
  color: var(--tinta-media);
}
.ed-not-previa-simples .noticia-cartao-meta {
  margin: 0;
  font-size: calc(11.5px * var(--escala-texto));
  color: var(--tinta-fraca);
}

/* A prévia da página. */
.ed-not-pagina {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
  overflow-wrap: anywhere;
}
.ed-not-pagina-pilula {
  margin: 0;
  font-size: calc(12px * var(--escala-texto));
  color: var(--indigo);
  font-weight: 600;
}
.ed-not-pagina-titulo {
  margin: 0;
  font-family: "IBM Plex Serif", Georgia, serif;
  font-weight: 600;
  font-size: calc(24px * var(--escala-texto));
  line-height: 1.25;
}
.ed-not-pagina-resumo {
  margin: 0;
  color: var(--tinta-media);
  font-size: calc(15px * var(--escala-texto));
}
.ed-not-pagina-figura {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.ed-not-pagina-figura .ed-not-imagem-moldura {
  max-width: 100%;
}
.ed-not-pagina-corpo h2,
.ed-not-pagina-pontos h2,
.ed-not-pagina-estudo h2 {
  margin: 18px 0 6px;
  font-family: "IBM Plex Serif", Georgia, serif;
  font-weight: 600;
  font-size: calc(17px * var(--escala-texto));
}
.ed-not-pagina-corpo p,
.ed-not-pagina-corpo li {
  line-height: 1.6;
  color: var(--tinta);
}
.ed-not-pagina-corpo a {
  color: var(--indigo);
}
.ed-not-pagina-corpo sup a {
  text-decoration: none;
  font-weight: 600;
}
.ed-not-pagina-pontos,
.ed-not-pagina-estudo {
  padding: 10px 14px;
  border-radius: var(--raio);
  border: 1px solid var(--linha);
  background: var(--campo);
}
.ed-not-pagina-pontos h2,
.ed-not-pagina-estudo h2 {
  margin-top: 4px;
}
.ed-not-pagina-estudo dl {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  gap: 4px 12px;
  margin: 0;
}
.ed-not-pagina-estudo dt {
  color: var(--tinta-fraca);
}
.ed-not-pagina-estudo dd {
  margin: 0;
}
.ed-not-rotulo-ia {
  margin: 6px 0 0;
  padding: 8px 12px;
  border-left: 3px solid var(--indigo);
  background: var(--indigo-fundo);
  color: var(--tinta-media);
  font-size: calc(12.5px * var(--escala-texto));
}
.ed-not-erros-do-texto {
  padding: 8px 12px;
  border-radius: var(--raio);
  border: 1px solid var(--vivo-linha);
  background: var(--vivo-fundo);
  color: var(--vivo);
  font-size: calc(12.5px * var(--escala-texto));
}
.ed-not-erros-do-texto p,
.ed-not-erros-do-texto ul {
  margin: 0;
}

.ed-not-problemas {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.ed-not-problema {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 10px 12px;
  border-radius: var(--raio);
  border: 1px solid var(--linha);
  border-left-width: 4px;
}
.ed-not-problema p {
  margin: 0;
  color: var(--tinta);
  overflow-wrap: anywhere;
}
.ed-not-problema .botao {
  align-self: flex-start;
}
.ed-not-problema.ed-not-problema-bloqueante {
  border-left-color: var(--vivo);
}
.ed-not-problema.ed-not-problema-aviso {
  border-left-color: var(--ambar);
}
.ed-not-problema.ed-not-problema-ciente {
  border-left-color: var(--linha-forte);
  opacity: 0.8;
}
.ed-not-problema-topo {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.ed-not-ciente-feito {
  font-size: calc(12px * var(--escala-texto));
  color: var(--verde);
  font-weight: 600;
}

.ed-not-fonte-topo {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.ed-not-fonte-titulo {
  margin: 8px 0;
  font-weight: 600;
  overflow-wrap: anywhere;
}
.ed-not-fonte-titulo a {
  color: var(--indigo);
}
.ed-not-fonte-texto {
  max-height: 420px;
  overflow-y: auto;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  line-height: 1.55;
  font-size: calc(13.5px * var(--escala-texto));
  color: var(--tinta-media);
  padding: 10px 12px;
  border: 1px solid var(--linha);
  border-radius: var(--raio);
  background: var(--campo);
}
.ed-not-numero {
  background: var(--ambar-fundo);
  color: var(--tinta);
  border-bottom: 1px solid var(--ambar);
  padding: 0 2px;
  border-radius: 3px;
}

.ed-not-versoes {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.ed-not-versao {
  padding: 8px 10px;
  border: 1px solid var(--linha);
  border-radius: var(--raio);
}
.ed-not-versao p {
  margin: 4px 0 0;
}
.ed-not-versao-topo {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px;
}
.ed-not-versao-titulo {
  color: var(--tinta-media);
  overflow-wrap: anywhere;
}

/* Celular: a barra de ações deixa de grudar (ocuparia meia tela) e os
   botões quebram linha. */
@media (max-width: 640px) {
  .ed-not-barra {
    position: static;
  }
  .ed-not-acoes .botao {
    flex: 1 1 auto;
  }
  .adm-not-linha {
    gap: 10px;
    padding: 10px;
  }
  .adm-not-custo {
    margin-left: 0;
  }
  .ed-not-cartao-bloco {
    padding: 12px;
  }
  .ed-not-secao {
    padding: 8px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .adm-not-item {
    animation: none;
  }
  .adm-not-linha,
  .ed-not-chip,
  .adm-not-medidor-barra {
    transition: none;
  }
}

/* ---------------------------------------------------------------------------
   AS DUAS PORTAS MANUAIS: colar um link e escrever um candidato da fila.
   Cor por token, como todo o resto: os seis temas pintam sozinhos.
   --------------------------------------------------------------------------- */
.adm-not-link {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px;
  margin-bottom: 12px;
  border: 1px solid var(--linha);
  border-radius: var(--raio);
  background: var(--campo);
}
.adm-not-link-linha {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.adm-not-link-campo {
  flex: 1 1 320px;
  min-width: 0;
}
.adm-not-link-assumir-linha {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: calc(13px * var(--escala-texto));
}
.adm-not-link-ajuda,
.adm-not-link-recado {
  margin: 0;
}
.adm-not-link-erro {
  color: var(--vivo);
}
.adm-not-link-aviso {
  color: var(--ambar);
}

.adm-not-candidatos {
  list-style: none;
  margin: 12px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.adm-not-cand {
  padding: 10px 12px;
  border: 1px solid var(--linha);
  border-radius: var(--raio);
  background: var(--campo);
}
.adm-not-cand-topo {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.adm-not-cand-nota {
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  color: var(--indigo);
}
.adm-not-cand-titulo {
  margin: 6px 0 0;
  overflow-wrap: anywhere;
}
.adm-not-cand-motivo {
  margin: 4px 0 0;
  font-size: calc(13px * var(--escala-texto));
  color: var(--tinta-media);
}
.adm-not-cand-acoes {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 8px;
}
.adm-not-cand-recado {
  font-size: calc(13px * var(--escala-texto));
  color: var(--vivo);
}

/* A imagem ESCOLHIDA mas ainda sem enquadramento, na prévia do editor. A
   moldura é 16:9; o original pode ter outra proporção, então ele é contido
   (nunca esticado) e o selo diz o que o admin está vendo. */
.ed-not-imagem-crua {
  position: relative;
  width: 100%;
  height: 100%;
}
.ed-not-imagem-crua > .ed-not-imagem {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: var(--campo);
}
.ed-not-imagem-selo {
  position: absolute;
  left: 6px;
  bottom: 6px;
  z-index: 1;
  padding: 2px 6px;
  border-radius: var(--raio);
  font-size: calc(11px * var(--escala-texto));
  background: var(--tinta);
  color: var(--fundo);
  opacity: 0.85;
}