/* Contrato NK: metal é identidade; tinta é leitura; cristal é controle.
   Espelho nativo: AkiPalette, em macrelay-native/AkiGlass.swift. */
html:root[data-tema] {
  --metal-base: #fbc560;
  --metal-reflexo: #e6d3a6;
  --metal-sombra: #9b743b;
  --metal-texto: #ffd477;
  --acao-tinta: #241a0c;
  --acao-metal: linear-gradient(120deg, #e6d3a6, #fbc560 62%, #d7a754);
  --controle-tinta: #faf4e8;
  --controle-fundo: rgba(30, 26, 21, .86);
  --controle-borda: #8c795a;
  --foco: #fbc560;
  --erro-tinta: #ffb4ab;
  --espaco-1: 4px;
  --espaco-2: 8px;
  --espaco-3: 12px;
  --espaco-4: 16px;
  --espaco-5: 24px;
  --raio-controle: 14px;
  --raio-painel: 24px;
  --ouro: var(--metal-base);
  --ouro-rgb: 251, 197, 96;
  --ouro-luz: var(--metal-reflexo);
  --ouro-2: var(--metal-sombra);
  --ouro-texto: var(--metal-texto);
  --ouro-tinta: var(--acao-tinta);
  --ouro-metal: var(--acao-metal);
  --imperial-metal: linear-gradient(135deg, var(--metal-reflexo), var(--metal-base) 25%, var(--metal-sombra) 48%, var(--metal-reflexo) 65%, var(--metal-base));
  --acento-claro: var(--metal-texto);
  --acento: var(--metal-sombra);
  --barra-ouro: #9b743b99;
  --barra-ouro-luz: #e6d3a6b3;
  --barra-ouro-sombra: #9b743b80;
}
html:root[data-tema="claro"] {
  --metal-texto: #755019;
  --controle-tinta: #30271b;
  --controle-fundo: rgba(255, 252, 244, .9);
  --controle-borda: #92764a;
  --foco: #755019;
  --erro-tinta: #a32424;
  --barra-ouro: #9b743b99;
  --barra-ouro-luz: #e6d3a6;
  --barra-ouro-sombra: #9b743b99;
}

/* O brasão acolhe no início; nas tarefas funciona como marca d'água discreta. */
html:root[data-acabamento] .tema-brasao { opacity: .045; animation: none; }
html:root[data-acabamento] .tema-iniciais { opacity: .18; }
html:root[data-acabamento][data-aba-ativa="inicio"] .tema-brasao { opacity: .13; }
html:root[data-acabamento="relevo"][data-aba-ativa="inicio"] .tema-brasao { opacity: .19; }
html:root[data-tema="claro"][data-acabamento] .tema-brasao { opacity: .035; }
html:root[data-acabamento="perola"][data-aba-ativa="inicio"] .tema-brasao { opacity: .09; }
html:root[data-acabamento="marfim"][data-aba-ativa="inicio"] .tema-brasao { opacity: .065; }

/* As barras de trabalho usam o mesmo material transparente da navegação. */
html:root[data-tema] :is(.esc-topo, .esc-barra, .esc-dock, .esc-flutuante, .pdf-edit-topo, .pdf-edit-ferramentas, .pdf-edit-navegacao,
  .apr-topo, .apr-ferramentas, .cartao.midia) {
  background: var(--barra-cristal);
  border: 1px 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 #0002;
}
html:root[data-tema] :is(.esc-barra-linha, .esc-faixa-abas) { background: transparent; }

/* Quatro papéis: principal metálico, secundário neutro, discreto, destrutivo. */
html:root[data-tema] .botao:not(.botao-fantasma):not(.botao-perigo) {
  color: var(--acao-tinta); background: var(--acao-metal);
  border: 1px solid var(--metal-sombra); text-shadow: none;
  box-shadow: inset 0 1px 0 #fff6, 0 4px 12px #0002;
}
html:root[data-tema] .botao-fantasma:not(.botao-perigo) {
  color: var(--controle-tinta); background: var(--controle-fundo);
  border: 1px solid var(--controle-borda); box-shadow: none;
}
html:root[data-tema] .pdf-edit-dialog .botao:not(.pdf-edit-primario):not(.botao-perigo) {
  color: var(--controle-tinta); background: var(--controle-fundo);
  border: 1px solid var(--controle-borda); box-shadow: none;
}
html:root[data-tema] .pdf-edit-dialog .botao:not(.pdf-edit-primario):not(.botao-perigo)[aria-pressed="true"] {
  color: var(--metal-texto); background: var(--acento-tinto); border-color: var(--metal-texto);
}
html:root[data-tema] :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), textarea, select) {
  color: var(--controle-tinta); border-color: var(--controle-borda);
}
html:root[data-tema] :is(input, textarea, select):not([type="range"]):not([type="checkbox"]):not([type="radio"]) { background-color: var(--controle-fundo); }
html:root[data-tema] :is(input, textarea)::placeholder { color: var(--tinta-2); opacity: 1; }
html:root[data-tema] .botao-perigo { color: var(--erro-tinta); background: var(--controle-fundo); border: 1px solid currentColor; box-shadow: none; }
html:root[data-tema] :is(.botao, .botao-icone, .pilula, .nav-item):disabled { opacity: .46; cursor: default; box-shadow: none; }
html:root[data-tema] :focus-visible { outline: 2px solid var(--foco); outline-offset: 3px; }
html:root[data-tema] :is(input, textarea, select)[aria-invalid="true"] { border-color: var(--erro-tinta); }
html:root[data-tema] .entrada-erro-campo { color: var(--erro-tinta); margin: 4px 0 0; font-size: 13px; font-weight: 500; }
@media (hover: hover) {
  html:root[data-tema] .botao-fantasma:not(.botao-perigo):hover { border-color: var(--metal-texto); }
  html:root[data-tema] .botao:not(:disabled):hover { filter: brightness(1.06); }
}

/* A navegação cresce com o espaço disponível, com preferência de compacidade. */
.nav-expandir { display: none; }
.entrada-marca { display: block; border-radius: 50%; margin: 0 auto 8px; box-shadow: 0 8px 24px #0002; }
.entrada-rotulo .entrada-erro-campo { display: block; }
.entrada-rotulo .entrada-erro-campo[hidden] { display: none; }
html:root[data-tema] .nav-item { color: var(--tinta-2); }
html:root[data-tema] .nav-item.ativo { color: var(--metal-texto); font-weight: 700; }
html:root[data-tema] .nav-item.ativo .nav-icone { opacity: 1; }
@media (max-width: 567px) {
  html:root[data-tema] .nav-inferior { overflow-x: auto; scrollbar-width: thin; gap: 2px; border-radius: 24px; }
  html:root[data-tema] .nav-item { flex: 1 0 44px; min-height: 48px; }
  html:root[data-tema] .nav-item span:last-child { position: static; width: auto; height: auto; margin: 0; clip: auto; clip-path: none; overflow: visible; font-size: 9px; }
}
@media (min-width: 1100px) {
  html:root[data-tema]:not([data-nav-compacta="1"]) { --rail: 208px; --dock-lateral: 184px; }
  html:root[data-tema] .nav-expandir { display: flex; align-items: center; justify-content: center; flex: 0 0 40px; width: 100%; border: 0; background: transparent; color: var(--tinta-2); cursor: pointer; font: inherit; }
  html:root[data-tema]:not([data-nav-compacta="1"]) .nav-inferior { width: 184px; border-radius: 24px; align-items: stretch; padding: 10px 8px; }
  html:root[data-tema]:not([data-nav-compacta="1"]) .nav-item { flex: 0 0 auto; flex-direction: row; justify-content: flex-start; gap: 10px; min-height: 44px; padding: 4px 8px; }
  html:root[data-tema]:not([data-nav-compacta="1"]) .nav-item .nav-icone { flex: 0 0 28px; min-width: 28px; padding: 4px; }
  html:root[data-tema]:not([data-nav-compacta="1"]) .nav-item span:last-child { position: static; width: auto; height: auto; padding: 0; margin: 0; overflow: visible; clip: auto; clip-path: none; font-size: 13px; }
  html:root[data-tema]:not([data-nav-compacta="1"]) .tema-fundo { left: var(--rail); }
  html:root[data-tema]:not([data-nav-compacta="1"]) .aki-menu-nativo-lugar { flex-basis: 78px; }
}
@media (prefers-reduced-transparency: reduce) {
  html:root[data-tema] { --controle-fundo: var(--superficie); }
}

.esc-biblioteca-filtros { display:grid; grid-template-columns:minmax(0,1fr) minmax(170px,240px); gap:12px; align-items:end; }
.esc-biblioteca-filtros .campo { margin:0; }
.esc-documentos-lista { display:grid; gap:12px; }
.destino-nivel { display:grid; align-content:start; gap:8px; min-width:0; }
.destino-nivel .campo { margin:0; }
.destino-nivel .campo[hidden] { display:none; }
html:root[data-tema] .pagina-abas, .add-modos { flex-wrap:wrap; overflow:visible; }
html:root[data-tema] .pagina-abas .pilula, .add-modos .pilula { flex:0 0 auto; white-space:normal; }
.nav-mais { display:none; }
.nav-mais-lista { display:grid; gap:8px; }
.nav-mais-destino { display:flex; align-items:center; gap:14px; width:100%; min-height:56px; text-align:left; padding:12px 16px; border:1px solid var(--borda); border-radius:14px; background:var(--superficie-2); color:var(--tinta); font:inherit; cursor:pointer; }
.nav-mais-destino[aria-current=page] { border-color:var(--metal-texto); }
.nav-mais-destino .nav-icone { width:24px; height:24px; }
.nav-mais-destino small { margin-left:auto; color:var(--tinta-2); }
@media(max-width:767px) {
  .esc-biblioteca-filtros { grid-template-columns:1fr; }
  html:root[data-tema]:not([data-aki-menu-lateral-disponivel="1"]) .nav-item:is([data-rota=organizacao],[data-rota=ia],[data-rota=mac],[data-rota=admin]) { display:none; }
  html:root[data-tema]:not([data-aki-menu-lateral-disponivel="1"]) .nav-inferior { overflow:visible; gap:0; }
  html:root[data-tema]:not([data-aki-menu-lateral-disponivel="1"]) :is(.nav-item,.nav-mais) { display:flex; flex:1 1 0; min-width:0; min-height:52px; flex-direction:column; align-items:center; justify-content:center; gap:2px; padding:3px 0; border:0; border-radius:12px; background:transparent; color:var(--tinta-2); font-family:inherit; }
  html:root[data-tema]:not([data-aki-menu-lateral-disponivel="1"]) :is(.nav-item,.nav-mais) span:last-child { position:static; width:auto; height:auto; margin:0; clip:auto; clip-path:none; overflow:visible; font-size:11px; line-height:1.25; white-space:normal; text-align:center; }
  html:root[data-tema] .nav-mais .nav-icone { width:28px; min-height:24px; display:grid; place-items:center; }
  html:root[data-tema] .nav-mais.ativo { color:var(--metal-texto); font-weight:700; }
}

.esc-biblioteca-topo { flex-wrap:wrap; gap:12px; }
@media(max-width:500px) {
  .esc-biblioteca-topo > .linha { flex:1 1 100%; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .esc-biblioteca-topo > .linha .botao { min-width:0; min-height:44px; justify-content:center; }
}