/* O vidro das barras acompanha a cápsula NK · Aki do shell nativo. */
:root {
  --barra-cristal: linear-gradient(145deg, rgba(24, 21, 17, .16), rgba(8, 8, 8, .23));
  --barra-material: blur(1px) saturate(1.08);
  --menu-cristal: linear-gradient(145deg, rgba(24, 21, 17, .22), rgba(8, 8, 8, .29));
  --janela-cristal-legivel: linear-gradient(145deg, rgba(24, 21, 17, .72), rgba(8, 8, 8, .80));
  --janela-material-legivel: blur(20px) saturate(1.1);
  --barra-ouro: #e8b04ac2;
  --barra-ouro-luz: #fff1bfd9;
  --barra-ouro-sombra: #b07822cc;
}
html[data-tema="claro"] {
  --barra-cristal: linear-gradient(145deg, rgba(35, 30, 22, .10), rgba(24, 21, 17, .16));
  --menu-cristal: linear-gradient(145deg, rgba(35, 30, 22, .14), rgba(24, 21, 17, .20));
  --janela-cristal-legivel: linear-gradient(145deg, rgba(255, 249, 236, .88), rgba(245, 236, 216, .92));
  --barra-ouro: #be8b30c2;
  --barra-ouro-luz: #e7c36de6;
  --barra-ouro-sombra: #855315cc;
}
/* A especificidade acompanha os acabamentos claro/imperial já existentes. */
html:root[data-tema] :is(.voz-doca, .voz-barra, .grav-pilula, .grav-player,
  .leitor-topo, .leitor-ferramentas, .leitor-barra-extra, .leitor-lateral,
  .leitor-texto-barra, .leitor-selbar, .nav-inferior, .chat-entrada,
  .trabalho-grupos, .trabalho-contexto > summary, .pdf-edit-status,
  .apr-status, .pagina-abas) {
  background: var(--barra-cristal);
  border: 1.4px solid var(--barra-ouro);
  border-top-color: var(--barra-ouro-luz);
  border-bottom-color: var(--barra-ouro-sombra);
  -webkit-backdrop-filter: var(--barra-material);
  backdrop-filter: var(--barra-material);
  box-shadow: inset 0 1px 0 #fff2, 0 8px 24px #0003;
}

/* Uma só camada de material nas opções evita empilhar dois fundos opacos. */
html:root[data-tema] .trabalho-contexto { background: transparent; }
/* Janelas sobre conteúdo precisam filtrar também as letras que ficam atrás.
   O material das barras sobre PDF continua independente e mais transparente. */
html:root[data-tema] :is(.modal.modal, .menu-ctx, .apr-folha, .esc-menu) {
  background: var(--janela-cristal-legivel);
  -webkit-backdrop-filter: var(--janela-material-legivel);
  backdrop-filter: var(--janela-material-legivel);
}
html:root[data-tema] .modal-cab { background: var(--janela-cristal-legivel); }
html:root[data-tema] :is(.modal h2, .modal h3, .modal .aj-nav-texto strong,
  .modal .menu-acao:not(.perigo), .menu-ctx-item:not(.perigo), .menu-ctx-titulo) {
  color: var(--metal-texto);
}
html:root[data-tema] .modal :is(.aj-nav-texto small, .aj-nav-seta, .menu-acoes-titulo) {
  color: var(--tinta-2); opacity: 1;
}
html:root[data-tema] :is(.modal h2, .modal .mudo, .menu-ctx-titulo,
  .modal .traco-titulo, .modal .traco-perfil-atual, .modal .traco-teste-topo > div,
  .modal .traco-perfil.ativo) {
  background: var(--controle-fundo);
  color: var(--tinta);
  border-radius: 8px;
  padding: 4px 8px;
}

@media (prefers-reduced-transparency: reduce) {
  html:root[data-tema] {
    /* O acabamento transparente foi solicitado explicitamente. A preferência
       de acessibilidade remove o filtro, sem recolocar uma placa sólida. */
    --barra-material: none;
    --janela-material-legivel: none;
    --janela-cristal-legivel: var(--superficie);
  }
}

/* O cabeçalho acompanha o fundo sem uma moldura ao redor de cada aba.
   A borda transparente conserva a altura da barra ao compactar. */
html:root[data-tema] .topo,
html:root[data-tema] .topo.topo-compacto {
  border: 1.4px solid transparent;
  box-shadow: none;
}

/* Menu inferior com a mesma moldura de ouro metálico vivo da barra nativa.
   A máscara deixa o centro transparente e não intercepta os toques. A borda
   transparente conserva as medidas; o anel ocupa a borda interna do vidro. */
html:root[data-tema] .nav-inferior { border-color: transparent; background-clip: padding-box; }
html:root[data-tema] .nav-inferior::before {
  content: ''; position: absolute; inset: 0; z-index: 1;
  border-radius: inherit; padding: 1.4px; pointer-events: none;
  background: linear-gradient(135deg, #fff1bf, #fbc560 20%, #e8b04a 40%, #ffe9a8 60%, #f2be52 80%, #fff0b3);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
}
html:root[data-tema="claro"] .nav-inferior::before {
  background: linear-gradient(135deg, #e7c36d, #b78128 25%, #f6de9a 50%, #be8b30 75%, #e7c36d);
}

/* Materiais: apenas as subabas, sem uma segunda caixa envolvendo os botões. */
html:root[data-tema] .pagina-abas.materiais-abas {
  border: 0; background: transparent; box-shadow: none;
  -webkit-backdrop-filter: none; backdrop-filter: none;
}

/* O fundo pertence às cápsulas, não ao retângulo que reúne os controles. */
.iamac-compositor {
  background: none;
  gap: 12px;
  padding-top: 8px;
}
:is(.iamac-compositor, .chat-entrada:not(.iamac-entrada))::after { background: none; }
.iamac-compositor .iamac-chips:empty { display: none; }
.iamac-compositor .iamac-barra {
  margin-top: 0;
  padding-inline: 8px;
  gap: 8px 12px;
}
html:root[data-tema] .iamac-barra :is(.iamac-ia, .iamac-sel) {
  height: 44px;
  min-height: 44px;
  padding-inline: 12px;
  border-radius: 16px;
  background: var(--barra-cristal);
  border: 1px solid var(--barra-ouro);
  border-top-color: var(--barra-ouro-luz);
  border-bottom-color: var(--barra-ouro-sombra);
  color: var(--tinta);
  box-shadow: inset 0 1px 0 #fff2;
}
.iamac-compositor .chat-entrada.iamac-entrada { margin: 0; }

/* Uma única rolagem, na página. O compositor acompanha a base visível;
   o recorte do histórico impede letras por trás das cápsulas transparentes. */
.iamac-trabalho {
  display: grid; grid-template-rows: 1fr auto; gap: 10px;
  min-width: 0;
}
.iamac-trabalho > .iamac-caixa {
  min-height: 220px; max-height: none; overflow: visible;
  margin: 0; padding: 12px 4px; scroll-padding-block: 16px;
  clip-path: inset(-4px -4px var(--iamac-recorte, 0px));
}
.iamac-trabalho > .iamac-compositor {
  position: sticky; bottom: var(--iamac-base, 0px); padding-top: 0;
}
.iamac-trabalho > .iamac-caixa > * { flex-shrink: 0; }
.iamac-trabalho > .iamac-caixa :is(:focus, .mensagem, .iamac-continuar) {
  scroll-margin-block: 100px calc(var(--iamac-altura-compositor, 160px) + var(--iamac-base, 0px) + 16px);
}
.iamac-trabalho > .iamac-compositor::after { display: none; }
html[data-aki-menu-nativo="1"]:not([data-aki-menu-lateral-disponivel="1"]) .iamac-trabalho {
  margin-bottom: calc(84px + env(safe-area-inset-bottom) + var(--aki-nav-reserva, 0px));
}
.iamac-contexto { margin-top: 12px; font-size: 13px; border-top: 1px solid currentColor; padding-top: 8px; }
.iamac-contexto summary { min-height: 32px; cursor: pointer; }
.iamac-contexto p { white-space: pre-wrap; overflow-wrap: anywhere; }
.leitor-pdf-busca { display: flex; gap: 10px; margin-block: 18px 8px; }
.leitor-pdf-busca input { flex: 1; min-width: 0; }
.leitor-pdf-busca select { width: auto; max-width: 45%; }
.leitor-pdf-item { gap: 12px; }
.leitor-pdf-abrir {
  flex: 1; min-width: 0; min-height: 60px; display: block; text-align: left;
  border: 0; background: transparent; color: inherit; font: inherit;
  padding: 8px 0; cursor: pointer;
}
.leitor-pdf-abrir .lista-titulo { overflow-wrap: anywhere; }
@media (max-width: 399px) {
  .leitor-pdf-busca { flex-direction: column; }
  .leitor-pdf-busca select { max-width: none; width: 100%; }
  .leitor-pdf-item { flex-wrap: wrap; }
}