/* Atelier de documentos NK: a folha ocupa o centro; ferramentas ficam fora dela.
   Ouro #FBC560, champanhe #E6D3A6 e bronze #9B743B sobre o material do tema.
   Tipografia do sistema: título 16, ferramentas 12, estado 11. */
html:root[data-tema] .pdf-edit-dialog.ambiente-trabalho {
  position: fixed; inset: var(--trabalho-topo, 0px) 0 auto; margin: 0;
  width: 100%; max-width: none; height: var(--trabalho-altura, 100dvh);
  max-height: var(--trabalho-altura, 100dvh); padding: 0; border: 0;
  border-radius: 0; overflow: hidden; box-shadow: none;
  --espelho-espessura: 1.2px;
  padding-inline: env(safe-area-inset-left) env(safe-area-inset-right);
}
html:root[data-tema] .pdf-edit-dialog :is(.pdf-edit-topo,.pdf-edit-ferramentas,.pdf-edit-navegacao,.trabalho-grupos) {
  align-self: stretch; width: 100%; max-width: none; margin: 0;
  border-radius: 0; box-shadow: none; flex-shrink: 0;
}
html:root[data-tema] .pdf-edit-dialog .pdf-edit-topo {
  display: flex; flex-wrap: nowrap; gap: 12px; min-height: 64px;
  padding: max(10px, env(safe-area-inset-top)) 16px 10px;
  border: 0; border-bottom: 1px solid var(--hairline);
}
html:root[data-tema] .pdf-edit-dialog .pdf-edit-identidade { flex: 1; min-width: 0; margin: 0; }
html:root[data-tema] .pdf-edit-dialog .pdf-edit-identidade strong { font-size: 16px; }
html:root[data-tema] .pdf-edit-dialog .pdf-edit-identidade small { max-width: 100%; font-size: 12px; }
html:root[data-tema] .pdf-edit-dialog .pdf-edit-topo-acoes { width: auto; gap: 8px; margin: 0; }
html:root[data-tema] .pdf-edit-dialog .botao {
  min-width: 44px; min-height: 44px; font-size: 12px; padding: 8px 12px;
  border-radius: 12px; line-height: 1.3; margin: 0;
}
html:root[data-tema] .pdf-edit-dialog :is(.pdf-edit-so-icone,.pdf-edit-topo > button,.pdf-edit-historico button,.pdf-edit-paginador > button) {
  flex: 0 0 44px; width: 44px; padding: 10px;
}
html:root[data-tema] .pdf-edit-dialog :is(.pdf-edit-so-icone,.pdf-edit-topo > button,.pdf-edit-historico button,.pdf-edit-paginador > button) .pdf-edit-botao-texto { display: none; }
html:root[data-tema] .pdf-edit-dialog .pdf-edit-topo-acoes .pdf-edit-primario { flex: 0 0 auto; width: auto; color: var(--metal-texto); }
html:root[data-tema] .pdf-edit-dialog .pdf-edit-topo-acoes .pdf-edit-primario svg { display: block; }
html:root[data-tema] .pdf-edit-dialog .pdf-edit-topo-acoes .pdf-edit-primario .pdf-edit-botao-texto { display: inline; }
html:root[data-tema] .pdf-edit-dialog .trabalho-grupos {
  display: grid; grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 0; padding: 0 16px; overflow: visible; background: transparent;
  border: 0; border-bottom: 1px solid var(--hairline);
}
html:root[data-tema] .pdf-edit-dialog .trabalho-grupos button {
  position: relative; min-width: 0; min-height: 48px; padding: 8px 4px;
  border: 0; border-radius: 0; background: transparent; box-shadow: none;
  font-size: 13px; line-height: 1.2; color: var(--controle-tinta); text-align: center;
}
html:root[data-tema] .pdf-edit-dialog .trabalho-grupos button[aria-pressed=true] { color: var(--metal-texto); font-weight: 750; }
html:root[data-tema] .pdf-edit-dialog .trabalho-grupos button[aria-pressed=true]::after {
  content: ''; position: absolute; bottom: 0; left: 18%; right: 18%;
  height: 3px; border-radius: 3px; background: var(--espelho-metal);
}
html:root[data-tema] .pdf-edit-dialog .pdf-edit-ferramentas {
  justify-content: flex-start; flex-wrap: wrap; overflow: auto;
  max-height: 130px; min-height: 60px; gap: 8px; padding: 10px 16px;
  border: 0; border-bottom: 1px solid var(--hairline);
}
html:root[data-tema] .pdf-edit-dialog .pdf-edit-ferramentas button { flex: 0 0 auto; min-height: 44px; }
html:root[data-tema] .pdf-edit-dialog .pdf-edit-ferramentas [aria-pressed=true] { color: var(--metal-texto); }
html:root[data-tema] .pdf-edit-dialog .pdf-edit-ferramentas input[type=color] {
  width: 44px; flex: 0 0 44px; min-height: 44px; margin: 0;
}
html:root[data-tema] .pdf-edit-dialog .pdf-edit-corpo { position: relative; grid-template-columns: 76px minmax(0,1fr) 230px; }
html:root[data-tema] .pdf-edit-dialog .pdf-edit-palco { min-width: 0; padding: 16px; }
html:root[data-tema] .pdf-edit-dialog .pdf-edit-paginas { padding: 16px 10px; gap: 12px; }
html:root[data-tema] .pdf-edit-dialog .pdf-edit-paginas .botao { min-height: 64px; border-radius: 5px; }
html:root[data-tema] .pdf-edit-dialog .pdf-edit-navegacao {
  display: flex; flex-wrap: nowrap; justify-content: space-between; gap: 12px;
  padding: 8px 16px 0; overflow: visible; border: 0; border-top: 1px solid var(--hairline);
}
html:root[data-tema] .pdf-edit-dialog :is(.pdf-edit-historico,.pdf-edit-paginador,.pdf-edit-zoom-acoes) { display: flex; align-items: center; gap: 6px; }
html:root[data-tema] .pdf-edit-dialog .pdf-edit-paginador input { width: 48px; min-height: 44px; padding: 6px; font-size: 16px; }
html:root[data-tema] .pdf-edit-dialog .pdf-edit-paginador > span { white-space: nowrap; min-width: 22px; }
html:root[data-tema] .pdf-edit-dialog .pdf-edit-status {
  min-height: 0; margin: 0; padding: 8px 16px max(8px,env(safe-area-inset-bottom));
  font-size: 11px; text-align: center; border: 0; box-shadow: none; overflow-wrap: anywhere;
}
html:root[data-tema] .pdf-edit-dialog .pdf-edit-abrir-paginas { display: none; }
html:root[data-tema] .pdf-edit-dialog .pdf-edit-busca-painel { display: grid; gap: 12px; }
html:root[data-tema] .pdf-edit-dialog .pdf-edit-busca-painel .pdf-edit-campo { margin: 0; }
html:root[data-tema] .pdf-edit-dialog .pdf-edit-zoom-acoes { flex-wrap: wrap; }
html:root[data-tema] .pdf-edit-dialog .pdf-edit-form-dialog { max-height: calc(var(--trabalho-altura,100dvh) - 32px); }
@media (max-width:1100px) {
  html:root[data-tema] .pdf-edit-dialog .pdf-edit-corpo { grid-template-columns: 76px minmax(0,1fr); }
  html:root[data-tema] .pdf-edit-dialog .pdf-edit-propriedades { display: none; }
}
@media (max-width:700px) {
  html:root[data-tema] .pdf-edit-dialog .pdf-edit-topo { padding-inline: 10px; gap: 8px; }
  html:root[data-tema] .pdf-edit-dialog .pdf-edit-topo-acoes { gap: 6px; }
  html:root[data-tema] .pdf-edit-dialog .pdf-edit-topo-acoes .pdf-edit-primario { padding: 8px 10px; }
  html:root[data-tema] .pdf-edit-dialog .pdf-edit-topo-acoes .pdf-edit-primario svg { display: none; }
  html:root[data-tema] .pdf-edit-dialog .pdf-edit-identidade strong { font-size: 15px; }
  html:root[data-tema] .pdf-edit-dialog .pdf-edit-identidade small { font-size: 11px; }
  html:root[data-tema] .pdf-edit-dialog .trabalho-grupos { padding-inline: 8px; }
  html:root[data-tema] .pdf-edit-dialog .trabalho-grupos button { font-size: 12px; }
  html:root[data-tema] .pdf-edit-dialog .pdf-edit-ferramentas {
    display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 6px;
    padding: 8px 10px; min-height: 60px; max-height: 160px; align-content: start;
  }
  html:root[data-tema] .pdf-edit-dialog .pdf-edit-ferramentas .botao {
    width: 100%; min-width: 0; padding: 7px 5px; gap: 5px;
    white-space: normal; font-size: 11px; min-height: 44px;
  }
  html:root[data-tema] .pdf-edit-dialog .pdf-edit-ferramentas .botao svg { flex-shrink: 0; width: 15px; height: 15px; }
  html:root[data-tema] .pdf-edit-dialog .pdf-edit-corpo { grid-template-columns: minmax(0,1fr); }
  html:root[data-tema] .pdf-edit-dialog .pdf-edit-paginas { display: none; }
  html:root[data-tema] .pdf-edit-dialog.pdf-edit-paginas-abertas .pdf-edit-paginas {
    display: flex; position: absolute; inset: 0 auto 0 0; width: 76px;
    z-index: 5; box-shadow: 8px 0 24px #0005;
  }
  html:root[data-tema] .pdf-edit-dialog .pdf-edit-abrir-paginas { display: inline-flex; }
  html:root[data-tema] .pdf-edit-dialog .pdf-edit-navegacao { gap: 4px; flex-wrap: wrap; padding: 6px 10px 0; }
  html:root[data-tema] .pdf-edit-dialog :is(.pdf-edit-historico,.pdf-edit-paginador) { gap: 2px; }
  html:root[data-tema] .pdf-edit-dialog .pdf-edit-buscar { flex: 0 0 44px; width: 44px; padding: 10px; }
  html:root[data-tema] .pdf-edit-dialog .pdf-edit-buscar .pdf-edit-botao-texto { display: none; }
  html:root[data-tema] .pdf-edit-dialog .pdf-edit-status { padding-top: 6px; font-size: 10px; }
}
@media (max-width:370px) {
  html:root[data-tema] .pdf-edit-dialog .pdf-edit-navegacao { padding-inline: 8px; gap: 4px; }
  html:root[data-tema] .pdf-edit-dialog :is(.pdf-edit-historico,.pdf-edit-paginador) { gap: 1px; }
  html:root[data-tema] .pdf-edit-dialog .pdf-edit-abrir-paginas { display: none; }
  html:root[data-tema] .pdf-edit-dialog .pdf-edit-paginador input { width: 44px; }
  html:root[data-tema] .pdf-edit-dialog .pdf-edit-topo-acoes .pdf-edit-primario { font-size: 11px; padding-inline: 8px; }
}
@media (max-height:500px) and (min-width:701px) {
  html:root[data-tema] .pdf-edit-dialog .pdf-edit-topo { min-height: 52px; padding-block: 4px; padding-top: max(4px,env(safe-area-inset-top)); }
  html:root[data-tema] .pdf-edit-dialog .trabalho-grupos button { min-height: 44px; }
  html:root[data-tema] .pdf-edit-dialog .pdf-edit-ferramentas { flex-wrap: nowrap; max-height: 60px; min-height: 54px; padding-block: 5px; }
  html:root[data-tema] .pdf-edit-dialog .pdf-edit-status { padding-block: 4px; }
}

html:root[data-tema] .pdf-edit-dialog .pdf-edit-zoom-titulo { display:flex; align-items:center; justify-content:space-between; gap:12px; }
html:root[data-tema] .pdf-edit-dialog .pdf-edit-zoom-titulo h3 { margin:0; font-size:15px; }
html:root[data-tema] .pdf-edit-dialog .pdf-edit-zoom-valor { color:var(--metal-texto); font-size:20px; font-weight:700; }
html:root[data-tema] .pdf-edit-dialog .pdf-edit-busca-painel p { margin:0; }
