/* Editor visual do PDFácil */
body.ed{background:#f4f5f8}
.ed-inicio{max-width:760px;margin:0 auto;padding:70px clamp(18px,6vw,50px);text-align:center}
.ed-oficina{display:flex;min-height:calc(100vh - 62px)}
.ed-barra{width:96px;background:#fff;border-right:1px solid var(--linha);padding:16px 10px;
  display:flex;flex-direction:column;gap:6px;position:sticky;top:62px;height:calc(100vh - 62px)}
.fer{border:0;background:none;font-family:inherit;font-size:11.5px;font-weight:600;color:var(--tinta2);
  padding:11px 4px;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:5px}
.fer svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.fer:hover{background:#f4f5f8}
.fer.activa{background:#fff1ef;color:var(--marca)}
.fer.guardar{background:var(--marca);color:#fff;margin-top:auto}
.fer.guardar:hover{background:var(--marca-esc)}
.sep{height:1px;background:var(--linha);margin:8px 4px}
.ed-folhas{flex:1;padding:26px;display:flex;flex-direction:column;align-items:center;gap:22px;overflow:auto}
.folha{position:relative;background:#fff;box-shadow:0 4px 24px rgba(15,18,34,.13);border-radius:4px;
  max-width:min(820px,92vw)}
.folha img{display:block;width:100%;border-radius:4px}
.folha.alvo{cursor:crosshair}
.marca-ed{position:absolute;transform-origin:left top;cursor:move;user-select:none}
.marca-ed.texto{font-family:Helvetica,Arial,sans-serif;color:#000;white-space:pre;padding:1px 2px}
.marca-ed.texto:focus{outline:2px solid var(--marca);border-radius:3px}
.marca-ed.visto{color:#0a8a3f;font-weight:800}
.marca-ed.tapar{background:#fff;border:1px dashed #c9ccd8}
.marca-ed img{pointer-events:none;display:block}
.ed-dica{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:var(--tinta);
  color:#fff;padding:10px 20px;border-radius:100px;font-size:14px;box-shadow:0 8px 26px rgba(0,0,0,.2)}
.tela-ass{width:100%;height:190px;border:2px dashed #d8dbe6;border-radius:14px;background:#fff;touch-action:none}
@media(max-width:640px){
  .ed-oficina{flex-direction:column}
  .ed-barra{width:100%;height:auto;flex-direction:row;overflow-x:auto;position:sticky;top:56px}
  .fer.guardar{margin-top:0;margin-left:auto}
  .ed-folhas{padding:14px}
}

.input-ficheiro { position: absolute; width: 1px; height: 1px; opacity: 0;
                  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }


/* ── linhas de texto do próprio PDF ──────────────────────────────────────
   Ficam invisíveis por cima da imagem da página. No modo "Editar texto"
   iluminam-se para se ver o que dá para mexer; ao carregar numa, tapa-se a
   original a branco e escreve-se em cima, no mesmo sítio. */
.linha-pdf {
  position: absolute;
  cursor: default;
  border-radius: 3px;
  line-height: 1;
  white-space: pre;
  overflow: visible;
  transition: background .12s, box-shadow .12s;
}
/* Sem um sinal visível, ninguém adivinha que dá para carregar no texto:
   as linhas alteráveis ficam com um véu e um sublinhado tracejado. */
.folha.editar .linha-pdf {
  cursor: text;
  background: rgba(225, 29, 72, .085);
  box-shadow: inset 0 -1.5px 0 rgba(225, 29, 72, .38);
}
.folha.editar .linha-pdf:hover {
  background: rgba(225, 29, 72, .17);
  box-shadow: 0 0 0 1.5px rgba(225, 29, 72, .55);
}
.linha-pdf.a-editar {
  /* a cor de fundo e o min-width vêm do documento, postos pelo editor.js:
     a caixa tem de cobrir a linha original toda, senão vê-se o texto antigo */
  box-shadow: 0 0 0 2px #e11d48;
  outline: none;
  z-index: 5;
  width: auto !important;
  padding-right: 2px;
  display: flex;
  align-items: center;
}


/* ── tema escuro do editor ───────────────────────────────────────────────
   A folha do documento fica SEMPRE branca: é papel, e escurecê-la daria
   uma ideia errada do que se vai descarregar. Escurece-se a mesa à volta. */
@media (prefers-color-scheme: dark) {
  body.ed{background:#0e1017}
  .ed-barra{background:#181b24;border-right-color:var(--linha)}
  .fer:hover{background:#22262f}
  .fer.activa{background:#2a1614;color:var(--marca)}
  .ed-dica{background:#181b24;border-color:var(--linha);color:var(--tinta2)}
  .folha{box-shadow:0 4px 30px rgba(0,0,0,.6)}
  .modal,.caixa-ass{background:#181b24;color:var(--tinta)}
  .telaAss,#telaAss{background:#fff}
}