/* Voz: primeiro a intenção, depois o modo e seus ajustes. Herda os materiais NK. */
.voz-aj-organizada { min-width: 0; }
.voz-aj-organizada [hidden] { display: none !important; }
/* Sem pendências, a área de voz não exibe instruções nem botão de salvar IA. */
.aj[data-vista="pagina"][data-secao-atual="voz"][data-pendente="false"] .aj-salvamento,
.modal:has(.aj[data-vista="pagina"][data-secao-atual="voz"][data-pendente="false"]) > .modal-acoes { display: none; }
.voz-aj-abas { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px; margin-bottom: 20px; border-bottom: 1px solid var(--controle-borda, var(--hairline)); }
.voz-aj-abas > button { position: relative; display: flex; align-items: center; justify-content: center; gap: 7px; min-width: 0; min-height: 58px; padding: 9px 6px 12px; border: 0; border-radius: 10px 10px 0 0; background: transparent; color: var(--tinta-2); font: inherit; font-size: 12.5px; line-height: 1.35; cursor: pointer; }
.voz-aj-abas > button::after { content: ''; position: absolute; bottom: -1px; inset-inline: 14px; height: 3px; border-radius: 2px; background: transparent; }
.voz-aj-abas > button[aria-selected="true"] { color: var(--metal-texto, var(--acento-claro)); font-weight: 700; background: var(--acento-tinto); }
.voz-aj-abas > button[aria-selected="true"]::after { background: currentColor; }
.voz-aj-organizada :is(button, summary, [role="tabpanel"]):focus-visible { outline: 2px solid var(--foco, var(--acento)); outline-offset: 3px; }
.voz-aj-painel { min-width: 0; }
.voz-aj-intro { margin: 0 0 20px; max-width: 66ch; color: var(--tinta-2); font-size: 14px; line-height: 1.6; }
.voz-aj-grupo { margin-bottom: 20px; padding: 20px; border: 1px solid var(--controle-borda, var(--borda-forte)); border-radius: 20px; background: var(--lente-base, rgb(9 9 9 / .4)); }
.voz-aj-grupo-cab { margin-bottom: 18px; }
.voz-aj-organizada .voz-aj-grupo-cab h4 { border: 0; padding: 0; margin: 0; font-size: 18px; line-height: 1.35; font-weight: 700; }
.voz-aj-grupo-cab p { margin: 5px 0 0; color: var(--tinta-2); font-size: 13px; line-height: 1.5; }
html:root[data-tema] .modal .voz-aj-organizada :is(.voz-aj-intro, .voz-aj-contexto, .voz-aj-grupo-cab p) { font-weight: 400; }
.voz-aj-organizada .campo { min-width: 0; margin: 0 0 18px; }
.voz-aj-organizada :is(select, textarea, input:not([type="checkbox"]):not([type="range"])) { width: 100%; max-width: 100%; min-width: 0; }
.voz-aj-organizada select { min-height: 46px; text-overflow: ellipsis; }
.voz-aj-organizada :is(p, small, strong) { overflow-wrap: anywhere; }
.voz-aj-organizada .voz-aj-dica { margin: 4px 0 16px; font-size: 12.5px; line-height: 1.55; color: var(--tinta-2); }
.voz-aj-organizada .voz-aj-aviso { margin-inline: 0; }
.voz-aj-modo-resumo { padding: 16px 18px; margin: 4px 0 20px; border-left: 3px solid var(--metal-texto, var(--acento)); border-radius: 0 12px 12px 0; background: var(--acento-tinto); }
.voz-aj-modo-titulo { display: block; color: var(--metal-texto, var(--acento-claro)); font-size: 13px; }
.voz-aj-contexto { margin: 6px 0 0; color: var(--tinta); font-size: 13px; line-height: 1.65; max-width: 66ch; }
.voz-aj-detalhes { margin: 0 0 12px; padding: 0; border: 1px solid var(--controle-borda, var(--hairline)); border-radius: 16px; background: transparent; }
.voz-aj-detalhes > summary { display: flex; align-items: center; justify-content: space-between; gap: 14px; list-style: none; min-height: 72px; padding: 16px 18px; color: var(--tinta); cursor: pointer; }
.voz-aj-detalhes > summary::-webkit-details-marker { display: none; }
.voz-aj-detalhes > summary strong { display: block; font-size: 14px; font-weight: 650; }
.voz-aj-detalhes > summary small { display: block; margin-top: 3px; color: var(--tinta-2); font-size: 12px; font-weight: 400; line-height: 1.5; }
.voz-aj-seta { flex: 0 0 auto; font-size: 24px; color: var(--metal-texto, var(--acento)); transition: transform .18s ease; }
.voz-aj-detalhes[open] > summary .voz-aj-seta { transform: rotate(90deg); }
.voz-aj-detalhes-corpo { padding: 4px 18px 18px; }
.voz-aj-detalhes-corpo > :last-child { margin-bottom: 0; }
.voz-aj-organizada .voz-aj-opcao { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 14px 0; margin: 0; cursor: pointer; }
.voz-aj-opcao + .voz-aj-opcao { border-top: 1px solid var(--hairline); }
.voz-aj-opcao > span { flex: 1; }
.voz-aj-opcao strong { display: block; font-size: 14px; font-weight: 600; color: var(--tinta); }
.voz-aj-opcao small { display: block; margin-top: 4px; color: var(--tinta-2); font-size: 12.5px; line-height: 1.55; }
.voz-aj-opcao input { flex: 0 0 auto; }
.voz-aj-organizada .voz-aj-atento { border: 0; padding: 0; margin: 0; }
.voz-aj-organizada .voz-aj-atento h4 { border: 0; margin: 0 0 12px; padding: 0; }
.voz-aj-organizada .voz-aj-atento > .campo-inline { margin-block: 20px; min-height: 48px; }
.voz-aj-organizada .avatar-ajustes { padding: 0; border: 0; margin: 0; }
.voz-aj-organizada .avatar-ajustes > h3 { display: none; }
.voz-aj-organizada .aj-grupo { padding: 0; background: transparent; box-shadow: none; }
.voz-aj-organizada .voz-teste { padding: 0; margin: 0; background: transparent; }
.voz-aj-organizada input[type="range"] { flex: 1; min-width: 0; accent-color: var(--acento); }
.voz-aj-salvamento { display: flex; align-items: flex-start; gap: 7px; margin: 22px 0 0; color: var(--tinta-2); font-size: 11.5px; line-height: 1.6; }
.voz-aj-salvamento .icone { margin-top: 2px; color: var(--metal-texto, var(--acento)); }
@media (any-hover: hover) {
  .voz-aj-abas > button:hover { background: var(--acento-tinto); }
  .voz-aj-detalhes > summary:hover { color: var(--metal-texto, var(--acento-claro)); }
}
@media (max-width: 1050px) {
  .voz-aj-abas > button { flex-direction: column; gap: 6px; font-size: 12px; }
}
@media (max-width: 420px) {
  .aj-pagina[data-secao="voz"] .aj-pagina-cab { flex-direction: row; align-items: center; gap: 12px; margin-bottom: 18px; }
  .aj-pagina[data-secao="voz"] .aj-pagina-icone { width: 34px; height: 34px; border-radius: 10px; }
  .aj-pagina[data-secao="voz"] .aj-pagina-cab h3 { font-size: 20px; margin: 0; }
  .voz-aj-grupo { padding: 16px 14px; border-radius: 16px; }
  .voz-aj-abas { gap: 2px; }
  .voz-aj-abas > button { padding-inline: 2px; font-size: 11px; }
  .voz-aj-detalhes > summary { padding-inline: 14px; }
  .voz-aj-detalhes-corpo { padding-inline: 14px; }
}
@media (prefers-reduced-motion: reduce) { .voz-aj-seta { transition: none; } }
html[data-tema-movimento="parado"] .voz-aj-seta { transition: none; }
@media (forced-colors: active) {
  .voz-aj-abas > button[aria-selected="true"] { color: Highlight; outline: 1px solid Highlight; }
  .voz-aj-modo-resumo { border-color: Highlight; }
}