/* Etapa 4. O documento ocupa o centro; controles reservam espaço e usam NK. */
body:has(.trabalho-embutido) { overflow: hidden; }
body:has(.trabalho-embutido) :is(.topo, .nav-inferior) { display: none !important; }
.trabalho-embutido { position: fixed !important; inset: var(--trabalho-topo, 0px) 0 auto !important; z-index: 55; width: 100%; height: var(--trabalho-altura, 100dvh) !important; margin: 0 !important; }
/* As opções ficam acima do documento (55) e abaixo dos avisos (60). */
body:has(.trabalho-embutido) #camada-modal:not(:empty) { z-index: 58; }
.ambiente-trabalho { min-width: 0; box-sizing: border-box; }
.ambiente-trabalho :is(button, input, select, summary) { touch-action: manipulation; }
.ambiente-trabalho :is(button, input, select, summary):focus-visible { outline: 2px solid var(--foco-cor, var(--acento)); outline-offset: 2px; }
.trabalho-grupos { display: flex; gap: 4px; padding: 6px 12px; flex: 0 0 auto; border-bottom: 1px solid var(--hairline); background: var(--cristal-fundo, var(--superficie)); overflow-x: auto; }
.trabalho-grupos button { flex: 0 0 auto; min-height: 44px; padding: 8px 14px; border: 1px solid transparent; border-radius: 12px; font: inherit; font-size: 13px; color: var(--controle-tinta, var(--tinta)); background: transparent; cursor: pointer; }
.trabalho-grupos button[aria-pressed=true] { color: var(--controle-tinta, var(--tinta)); border-color: var(--controle-borda, var(--borda-forte)); background: var(--controle-fundo, var(--superficie-2)); font-weight: 700; }
.trabalho-grupos button:hover { background: var(--superficie-2); }
.trabalho-contexto { flex: 0 0 auto; border-bottom: 1px solid var(--hairline); background: var(--cristal-fundo, var(--superficie)); }
.trabalho-contexto > summary { min-height: 44px; padding: 10px 16px; font-size: 13px; color: var(--tinta-2); cursor: pointer; }
.ambiente-trabalho.leitor-tela :is(.leitor-topo, .leitor-ferramentas, .leitor-barra-extra, .leitor-lateral) { position: relative; inset: auto; transform: none; width: auto; max-width: 100%; margin: 0; border-radius: 0; box-shadow: none; flex: 0 0 auto; backdrop-filter: var(--barra-material); -webkit-backdrop-filter: var(--barra-material); }
.ambiente-trabalho .leitor-topo { flex-wrap: wrap; gap: 2px; padding: max(4px, env(safe-area-inset-top)) 8px 4px; }
.ambiente-trabalho .leitor-titulo { flex-basis: 100px; min-width: 60px; }
.ambiente-trabalho .leitor-topo .botao-icone { min-width: 44px; width: 44px; height: 44px; }
.ambiente-trabalho .leitor-ferramentas { justify-content: safe center; padding: 5px 8px; }
.ambiente-trabalho .leitor-barra-extra { justify-content: center; padding: 8px; flex-wrap: wrap; overflow: visible; border: 0; }
.ambiente-trabalho .trabalho-contexto > summary { text-align: center; }
.ambiente-trabalho :is(.trabalho-grupos, .esc-barra-linha, .esc-dock, .pdf-edit-ferramentas, .pdf-edit-navegacao, .apr-ferramentas) { justify-content: safe center; }
.ambiente-trabalho .leitor-corpo { position: absolute; inset: 0; z-index: 0; height: 100%; min-height: 0; }
/* A página rola por trás do vidro. As reservas mantêm seu começo e fim
   acessíveis, sem deixar um painel preto fixo atrás dos controles. */
.ambiente-trabalho .leitor-rolagem {
  padding-top: var(--leitor-controles-topo, 0px);
  padding-bottom: var(--leitor-controles-base, 0px);
  scroll-padding-top: var(--leitor-controles-topo, 0px);
  scroll-padding-bottom: var(--leitor-controles-base, 0px);
}
.ambiente-trabalho .trabalho-contexto { position: relative; z-index: 22; }
.ambiente-trabalho.leitor-tela .leitor-lateral { margin-top: auto; }
/* A leitura dos rótulos pertence aos controles, não a uma placa sobre o PDF. */
html:root[data-tema] .ambiente-trabalho.leitor-tela :is(.leitor-titulo, .leitor-topo .botao-icone, .leitor-lateral > *, .leitor-ferr:not(.ativa), .leitor-extra-btn) {
  background: var(--controle-fundo);
  color: var(--controle-tinta);
  border-radius: 12px;
}
.ambiente-trabalho .leitor-titulo { padding: 5px 8px; }
.ambiente-trabalho .trabalho-contexto > summary { color: var(--controle-tinta); text-shadow: 0 1px 3px #000, 0 0 5px #000; }
html[data-tema="claro"] .ambiente-trabalho .trabalho-contexto > summary { text-shadow: 0 1px 3px #fff, 0 0 5px #fff; }
.ambiente-trabalho .leitor-palco { padding: 16px 14px; }
/* A área segura entra só na margem externa; o preenchimento fica enxuto. */
.ambiente-trabalho .leitor-lateral { justify-content: center; padding: 2px 6px; gap: 2px; overflow-x: auto; }
.ambiente-trabalho .leitor-lateral .botao-icone { min-width: 44px; width: 44px; height: 44px; }
.ambiente-trabalho.leitura .trabalho-contexto, .ambiente-trabalho.interface-oculta :is(.leitor-topo, .leitor-ferramentas, .trabalho-contexto, .leitor-lateral) { display: none !important; }
.ambiente-trabalho .leitor-mostrar-interface { bottom: 12px; }
.ambiente-trabalho .leitor-cores button { min-width: 32px; min-height: 32px; }
.pdf-edit-dialog .pdf-edit-ferramentas { flex-wrap: nowrap; overflow-x: auto; padding: 6px 12px; min-height: 56px; align-items: center; }
.pdf-edit-ferramentas > [hidden] { display: none !important; }
.pdf-edit-dialog .pdf-edit-ferramentas .botao { min-height: 44px; }
.pdf-edit-contexto { display: flex; align-items: center; gap: 6px; margin-left: auto; }
.pdf-edit-dialog .pdf-edit-navegacao { flex-wrap: wrap; padding: 6px 12px; }
.pdf-edit-dialog .pdf-edit-status { margin: 0; padding: 6px 12px; font-size: 12px; }
.ambiente-trabalho.esc-tela { display: flex; flex-direction: column; }
.ambiente-trabalho.esc-tela .esc-topo { position: relative; inset: auto; width: 100%; border-radius: 0; margin: 0; flex: 0 0 auto; min-height: 52px; padding-top: max(5px, env(safe-area-inset-top)); }
.ambiente-trabalho .esc-titulo-wrap { flex: 1; min-width: 0; }
.ambiente-trabalho .esc-titulo { width: 100%; max-width: none; }
.ambiente-trabalho .esc-status { max-width: none; }
.ambiente-trabalho.esc-tela .esc-area-editor { flex: 1; min-height: 0; }
.ambiente-trabalho.esc-tela .esc-rolagem { padding-block: 20px; scroll-padding-block: 24px; }
.ambiente-trabalho .esc-status-mais { margin-left: auto; flex: 0 0 auto; }
.ambiente-trabalho .esc-flutuante { position: relative; inset: auto; flex: 0 0 auto; max-width: 100%; margin: 0; border-radius: 0; padding: 2px 8px; }
.ambiente-trabalho .esc-flutuante > .esc-flu-sep { display: none; }
.ambiente-trabalho .esc-status-detalhes { max-width: min(480px, 100%); }
.ambiente-trabalho .esc-status-detalhes > p { font-size: 13px; }
.apr-dialog .trabalho-grupos { padding-block: 4px; }
.apr-dialog .apr-ferramentas { flex-wrap: nowrap; overflow-x: auto; min-height: 56px; padding: 6px 12px; }
.apr-ferramentas > [hidden] { display: none !important; }
.apr-dialog .apr-ferramentas :is(.botao, select) { min-height: 44px; flex-shrink: 0; }
.apr-dialog .apr-ferramentas .apr-contexto { display: flex; gap: 6px; align-items: center; flex-shrink: 0; margin-left: auto; }
.apr-contexto-rotulo { font-size: 12px; color: var(--tinta-2); white-space: nowrap; }
.captura-percurso { margin: 0 0 16px; }
.captura-etapas { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); list-style: none; padding: 0; margin: 0; gap: 4px; }
.captura-etapas li { border-bottom: 2px solid var(--borda); padding: 8px 2px; color: var(--tinta-mudo); font-size: 12px; overflow-wrap: anywhere; }
.captura-etapas li[aria-current=step] { color: var(--tinta); border-color: var(--acento); font-weight: 700; }
.captura-etapas li.concluida { border-color: var(--acento-suave, var(--borda-forte)); }
.captura-destino { margin: 8px 0 0; font-size: 13px; color: var(--tinta-2); overflow-wrap: anywhere; }
.grav-detalhe > .captura-percurso { margin-top: 16px; }
@media(max-width: 700px) {
  .ambiente-trabalho .leitor-topo-historico { display: none; }
  .ambiente-trabalho .leitor-ferr { flex: 1 0 auto; min-width: 44px; }
  .ambiente-trabalho .leitor-topo { gap: 0; }
  .ambiente-trabalho.esc-tela .esc-barra { position: relative; inset: auto; width: auto; margin: 0; border-radius: 0; max-height: 110px; flex: 0 0 auto; order: 3; }
  .ambiente-trabalho .esc-area-editor { order: 2; }
  .ambiente-trabalho .esc-flutuante { order: 4; }
  .ambiente-trabalho.esc-tela .esc-dock { position: relative; inset: auto; order: 5; margin: 0; border-radius: 0; width: auto; flex: 0 0 auto; padding-bottom: max(4px, env(safe-area-inset-bottom)); }
  .ambiente-trabalho .esc-dock button { min-width: 56px; }
  .ambiente-trabalho .esc-flutuante { min-height: 44px; }
  .ambiente-trabalho .esc-flutuante > :is(.esc-status-modo,.esc-status-revisoes,.esc-status-editor,.esc-status-idioma,.esc-zoom-valor,.botao-icone) { display: none; }
  .ambiente-trabalho .esc-painel-nav { top: 56px; bottom: 108px; }
  .trabalho-grupos { padding-inline: 8px; gap: 0; }
  .trabalho-grupos button { padding-inline: 10px; font-size: 12px; }
  .pdf-edit-dialog .pdf-edit-navegacao input[type=search] { flex: 1 1 140px; min-width: 100px; }
  .apr-dialog .apr-topo { padding-top: max(8px, env(safe-area-inset-top)); }
  .apr-dialog .apr-props { max-height: 45%; }
}
@media(prefers-reduced-motion:reduce) { .ambiente-trabalho { scroll-behavior: auto; } }
@media(prefers-reduced-motion:reduce) {
  .ambiente-trabalho :is(.esc-nav-destino, .esc-destino-sumario) { animation: none; outline: 2px solid var(--foco-cor, var(--acento)); outline-offset: 3px; }
}

.ambiente-trabalho:is(.pdf-edit-dialog,.apr-dialog) { height: var(--trabalho-altura,100dvh); max-height: var(--trabalho-altura,100dvh); top: var(--trabalho-topo,0px); }
.trabalho-menu-acoes { display: grid; gap: 8px; }
.captura-guarda { padding: 12px; border: 1px solid var(--borda-forte); border-radius: 14px; margin-bottom: 12px; }
.captura-guarda button { margin: 4px; }
.ambiente-trabalho.esc-tela > .esc-flutuante { inset: auto !important; transform: none; width: 100%; align-self: stretch; border-radius: 0; }
@media(max-width:700px) { .ambiente-trabalho .esc-topo :is(.esc-topo-colaboracao,.esc-topo-estrutura,.esc-marca) { display:none; } }

.pdf-edit-dialog .pdf-edit-topo { gap:8px; padding:8px 12px; padding-top:max(8px,env(safe-area-inset-top)); }
.pdf-edit-dialog .pdf-edit-sobre { display:none; }
@media(min-width:701px) and (max-width:1000px) { .pdf-edit-dialog .pdf-edit-nome { width:170px; } .pdf-edit-dialog .pdf-edit-identidade small { max-width:200px; } }

.pdf-edit-busca-zoom { flex:1 1 180px; border:0; background:transparent; }
.pdf-edit-busca-zoom > summary { padding:10px; }
.pdf-edit-busca-linha { display:flex; align-items:center; flex-wrap:wrap; gap:6px; padding:6px; }
.pdf-edit-busca-linha input { min-width:100px; flex:1 1 120px; }
@media(max-width:700px) { .pdf-edit-dialog .pdf-edit-navegacao { gap:4px; padding:4px 8px; } .pdf-edit-busca-zoom { flex-basis:100%; } }
@media(max-width:370px) {
  .pdf-edit-dialog .pdf-edit-topo-acoes { gap:4px; min-width:0; }
  .pdf-edit-dialog .pdf-edit-topo-acoes .botao { flex:0 0 44px; width:44px; min-width:44px; padding:8px; }
  .pdf-edit-dialog .pdf-edit-topo-acoes .pdf-edit-primario { flex:1 1 auto; width:auto; min-width:0; }
  .pdf-edit-topo-acoes [aria-label="Baixar PDF"] .pdf-edit-botao-texto, .pdf-edit-topo-acoes .pdf-edit-primario svg { display:none; }
}

.esc-guias { display:flex; flex:0 0 auto; align-items:stretch; }
/* Recuo e primeira linha podem coincidir em X; os alvos ficam em faixas próprias. */
.ambiente-trabalho .esc-regua { height:58px; flex-basis:58px; padding-block:0; }
.ambiente-trabalho .esc-regua-pagina { height:54px; }
.ambiente-trabalho .esc-regua-marcador { width:24px; height:24px; min-width:24px; min-height:24px; margin-left:-12px; }
.ambiente-trabalho .esc-regua-primeira { top:1px; bottom:auto; }
.ambiente-trabalho :is(.esc-regua-esquerdo,.esc-regua-direito) { top:28px; bottom:auto; }
.ambiente-trabalho .esc-barra .esc-btn:not(:disabled) { color:var(--controle-tinta,var(--tinta)); }

/* A prévia usa os próprios bytes do PDF; a leitura editável continua fluida. */
.pdf-previa { position:fixed; inset:0; margin:0; width:100%; max-width:none; height:var(--trabalho-altura,100dvh); max-height:var(--trabalho-altura,100dvh); padding:0; border:1px solid var(--barra-ouro); color:var(--tinta); background:var(--plano); }
.pdf-previa[open] { display:flex; flex-direction:column; }
.pdf-previa-topo,.pdf-previa-nav { display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:12px max(12px,env(safe-area-inset-right)) 12px max(12px,env(safe-area-inset-left)); background:var(--barra-cristal); border-bottom:1px solid var(--barra-ouro); flex:0 0 auto; }
.pdf-previa-topo { padding-top:max(12px,env(safe-area-inset-top)); }
.pdf-previa-topo>div { flex:1 1 140px; }
.pdf-previa h2 { margin:0; font-size:18px; }
.pdf-previa p { margin:0; }
.pdf-previa-ajuda { padding:8px 12px; font-size:13px; color:var(--tinta-2); }
.pdf-previa-palco { flex:1; min-height:0; overflow:auto; padding:16px; text-align:center; background:var(--superficie-2); }
.pdf-previa canvas { display:block; margin:0 auto; background:#fff; }
.pdf-previa-nav { justify-content:center; padding-bottom:max(12px,env(safe-area-inset-bottom)); border-top:1px solid var(--barra-ouro); border-bottom:0; }
.pdf-previa-nav input { width:64px; min-height:44px; text-align:center; }
.pdf-previa .botao { min-width:44px; min-height:44px; }

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

/* Continuação explícita, sem sobrepor o documento ou duplicar ferramentas. */
.controle-trilho { display:flex; align-items:stretch; min-width:0; width:100%; flex:0 0 auto; background:var(--barra-cristal,var(--superficie)); }
.controle-trilho > :is(.esc-abas,.esc-barra-linha,.pdf-edit-ferramentas,.apr-ferramentas,.trabalho-grupos) { flex:1 1 auto; min-width:0; width:0; overflow-x:auto; scrollbar-width:thin; scrollbar-color:var(--borda-forte) transparent; }
.controle-trilho > :is(.esc-abas,.esc-barra-linha,.pdf-edit-ferramentas,.apr-ferramentas,.trabalho-grupos)::-webkit-scrollbar { display:block; height:5px; }
.controle-trilho > :is(.esc-abas,.esc-barra-linha,.pdf-edit-ferramentas,.apr-ferramentas,.trabalho-grupos)::-webkit-scrollbar-thumb { background:var(--borda-forte); border-radius:5px; }
.controle-trilho .trilho-seta { flex:0 0 44px; width:44px; min-height:44px; align-self:stretch; padding:0; display:grid; place-items:center; border:0; border-radius:0; color:var(--controle-tinta,var(--tinta)); background:var(--controle-fundo,var(--superficie-2)); cursor:pointer; }
.controle-trilho .trilho-seta[hidden] { display:none; }
.controle-trilho .trilho-seta:disabled { opacity:.4; cursor:default; }
.ambiente-trabalho .esc-barra :is(.esc-btn,.esc-select,input.esc-num) { min-height:44px; height:44px; min-width:44px; }
.ambiente-trabalho .esc-barra .esc-grupo-conteudo { align-items:center; }
.apr-mini-item > .apr-mini-mais { width:44px; height:44px; opacity:1; }
@media(max-width:700px) {
  .ambiente-trabalho .esc-barra { max-height:158px; }
  .ambiente-trabalho .esc-barra .esc-btn { padding-inline:8px; }
  .ambiente-trabalho .esc-barra .esc-grupo { flex-shrink:0; }
}
html:root[data-tema] .ambiente-trabalho .esc-dock button { min-height:48px; height:48px; }
html:root[data-tema] .ambiente-trabalho .esc-dock span { font-size:10px; }
html:root[data-tema] .ambiente-trabalho .esc-dock button.ativa { color:var(--controle-tinta,var(--tinta)); background:var(--controle-fundo,var(--superficie-2)); box-shadow:inset 0 0 0 1px var(--controle-borda,var(--borda-forte)); }
/* O alvo ocupa 44 px, mas a superfície mantém a proporção da miniatura. */
.apr-mini-item > .apr-mini-mais { top:0; right:0; isolation:isolate; background:transparent; border:0; }
.apr-mini-item > .apr-mini-mais::before { content:''; position:absolute; inset:8px; z-index:-1; border:1px solid #ffffff2e; border-radius:8px; background:#161616d9; }

/* Vidro fumê flutuante: margens expõem o documento ao redor das cápsulas. */
.ambiente-trabalho.leitor-tela :is(.leitor-topo, .leitor-ferramentas, .leitor-lateral) {
  border-radius: 20px;
  box-shadow: inset 0 1px 0 #fff3, 0 6px 18px #0002;
  margin: 6px 12px;
  align-self: center;
  max-width: calc(100% - 24px);
}
.ambiente-trabalho.leitor-tela .leitor-topo { width: calc(100% - 24px); margin-top: 10px; }
.ambiente-trabalho.leitor-tela :is(.leitor-ferramentas, .leitor-lateral) { width: max-content; }
.ambiente-trabalho.leitor-tela .leitor-lateral { margin-top: auto; margin-bottom: max(8px, calc(env(safe-area-inset-bottom) - 10px)); }
.ambiente-trabalho.leitor-tela .trabalho-contexto {
  width: max-content; max-width: calc(100% - 24px); align-self: center;
  margin: 6px 12px; border: 0; border-radius: 20px;
}
.ambiente-trabalho.leitor-tela .trabalho-contexto > summary {
  border-radius: 20px; padding-inline: 20px;
}
.ambiente-trabalho.leitor-tela .trabalho-contexto[open] > summary { border-radius: 20px 20px 0 0; }
.ambiente-trabalho.leitor-tela .leitor-barra-extra { border-radius: 0 0 20px 20px; }
/* Ler PDF: cápsulas de cima sem moldura de ouro; a borda transparente conserva as medidas. */
html:root[data-tema] .ambiente-trabalho.leitor-tela :is(.leitor-topo, .leitor-ferramentas, .leitor-barra-extra, .trabalho-contexto > summary) {
  border-color: transparent;
  box-shadow: 0 6px 18px #0002;
}
/* Ler PDF: botões de cima sem anel nem relevo; rótulos claros e a ferramenta ativa em ouro. */
html:root[data-tema] .ambiente-trabalho.leitor-tela :is(.leitor-ferramentas, .leitor-barra-extra) :is(.leitor-ferr, .leitor-extra-btn, .leitor-opt) {
  border-color: transparent; box-shadow: none; color: #faf4e8;
}
html:root[data-tema] .ambiente-trabalho.leitor-tela :is(.leitor-ferramentas, .leitor-barra-extra) :is(.leitor-ferr, .leitor-extra-btn, .leitor-opt):is(.ativa, .ligado, [aria-pressed="true"]) {
  color: #ffd477;
}
/* O anel de metal (.aki-espelho-anel) é inserido por JS; some só na parte de cima do leitor. */
html:root[data-tema] .leitor-tela :is(.leitor-topo, .leitor-ferramentas, .leitor-barra-extra, .trabalho-contexto) .aki-espelho-anel,
html:root[data-tema] .leitor-tela :is(.leitor-topo, .leitor-ferramentas, .leitor-barra-extra, .trabalho-contexto) > .aki-espelho-anel { display: none; }
html:root[data-tema] .leitor-tela :is(.leitor-topo, .leitor-ferramentas, .leitor-barra-extra, .trabalho-contexto) :is(.aki-espelho, .botao-icone, .leitor-ferr),
html:root[data-tema] .leitor-tela :is(.leitor-topo, .leitor-ferramentas, .leitor-barra-extra, .trabalho-contexto > summary).aki-espelho {
  box-shadow: none; border-color: transparent;
}
/* Janelas e painéis do Ler PDF no tema escuro: texto claro, títulos e seleção em ouro. */
html:root[data-tema="escuro"]:has(.leitor-tela) #camada-modal .modal,
html:root[data-tema="escuro"] .leitor-tela :is(.leitor-barra-extra, .leitor-selbar, .leitor-texto-barra, .leitor-sel-acoes) {
  --tinta: #faf4e8; --tinta-2: #faf4e8; --tinta-mudo: #e9dfcc; --controle-tinta: #faf4e8; --metal-texto: #ffd477;
  color: #faf4e8;
}
html:root[data-tema="escuro"]:has(.leitor-tela) #camada-modal .modal :is(p, span, small, strong, label, li, summary, button, .campo, .menu-acao-texto):not(.perigo, .perigo *) { color: #faf4e8; }
html:root[data-tema="escuro"]:has(.leitor-tela) #camada-modal .modal :is(small, .menu-acao-texto small, .leitor-modo-card span, .menu-acoes-titulo, .leitor-opt-rot) { color: #e9dfcc; opacity: 1; }
html:root[data-tema="escuro"] .leitor-tela .leitor-opt-rot { color: #e9dfcc; opacity: 1; }
html:root[data-tema="escuro"]:has(.leitor-tela) #camada-modal .modal :is(h2, .menu-acao.destaque strong, .ativo, .ativo *, .ativa, .ativa *, [aria-pressed="true"], [aria-pressed="true"] *):not(.perigo) { color: #ffd477; }
.ambiente-trabalho.esc-tela :is(.esc-topo, .esc-barra, .esc-dock, .esc-flutuante),
.ambiente-trabalho.pdf-edit-dialog :is(.pdf-edit-topo, .pdf-edit-ferramentas, .pdf-edit-navegacao),
.ambiente-trabalho.apr-dialog :is(.apr-topo, .apr-ferramentas, .trabalho-grupos) {
  margin: 6px 12px; width: calc(100% - 24px); max-width: calc(100% - 24px);
  align-self: center; border-radius: 20px;
}