/* Conversa, trabalho remoto e mídia no mesmo espaço do Aki. */
.modal:has(.voz-estudio) { width: min(1160px, calc(100vw - 24px)); max-width: none; height: min(88dvh, 900px); animation-name: janela-entrar; }
.modal:has(.voz-estudio), .voz-comando:has(.voz-estudio) .voz-comando-lista { overflow-anchor: none; }
.voz-comando:has(.voz-estudio) { min-width: 0; }
.voz-comando:has(.voz-estudio):not(.mini) .voz-comando-topo {
  display: grid; grid-template-columns: 64px minmax(0, 1fr); align-items: center; justify-items: start; gap: 12px;
}
.voz-comando:has(.voz-estudio):not(.mini) .voz-comando-orbe { width: 64px; height: 64px; }
.voz-comando:has(.voz-estudio):not(.mini) .voz-comando-status { text-align: left; margin: 0; justify-self: stretch; }
.voz-estudio { display: grid; gap: 12px; min-width: 0; }
.voz-estudio-ferramentas, .voz-estudio-pedido-acoes, .voz-estudio-arquivo-acoes, .voz-estudio-anexos { display: flex; gap: 8px; flex-wrap: wrap; }
.voz-estudio .botao { min-height: 44px; padding: 8px 14px; }
.voz-estudio button[aria-pressed="true"] { border-color: var(--barra-ouro); box-shadow: inset 0 0 0 1px var(--barra-ouro); }
.voz-estudio-status { margin: 0; color: var(--tinta-2); font-size: 13px; overflow-wrap: anywhere; }
.voz-estudio-conteudo { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(220px, 1fr); gap: 12px; align-items: start; }
.voz-estudio-palco {
  position: relative; min-width: 0; min-height: 160px; height: clamp(160px, 32dvh, 380px);
  border: 1px solid var(--barra-ouro); border-radius: 16px; overflow: hidden;
  background: var(--barra-cristal); display: grid; place-items: center;
}
.voz-estudio-palco.ativo { background: #050505; }
.voz-estudio-palco video { width: 100%; height: 100%; object-fit: contain; position: absolute; inset: 0; }
.voz-estudio-vazio { margin: 0; max-width: 32ch; text-align: center; color: var(--tinta-mudo); padding: 20px; }
.voz-estudio-palco.ativo .voz-estudio-vazio { display: none; }
.voz-estudio-resultados { border: 1px solid var(--barra-ouro); border-radius: 16px; padding: 12px; background: var(--barra-cristal); min-width: 0; max-height: 380px; overflow-y: auto; }
.voz-estudio-resultados h3 { margin: 0 0 10px; font-size: 15px; }
.voz-estudio-arquivos { display: grid; gap: 12px; }
.displaypilot-controles { display: grid; gap: 10px; padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid var(--barra-ouro); }
.displaypilot-controles[hidden] { display: none; }
.displaypilot-controles p, .displaypilot-controles h3 { margin: 0; }
.displaypilot-perfis, .displaypilot-perfil { display: grid; gap: 8px; min-width: 0; }
.displaypilot-perfil + .displaypilot-perfil { padding-top: 10px; border-top: 1px solid var(--borda); }
.displaypilot-perfil strong { overflow-wrap: anywhere; }
.pilot-aparelhos { display: grid; gap: 14px; min-width: 0; }
.pilot-aparelhos[hidden], .displaypilot-perfis[hidden], .displaypilot-controles button[hidden] { display: none; }
.pilot-aparelhos h3, .pilot-aparelhos p { margin: 0; }
.pilot-dispositivos, .pilot-acoes { display: flex; gap: 8px; flex-wrap: wrap; }
.pilot-dispositivos { padding: 5px; border: 1px solid var(--barra-ouro); border-radius: 20px; width: fit-content; max-width: 100%; }
.pilot-dispositivos button { min-height: 44px; }
.pilot-dispositivos .pilot-selecionado { color: var(--ouro, #FBC560); border-color: var(--barra-ouro); background: color-mix(in srgb, var(--ouro, #FBC560) 12%, transparent); }
.pilot-escolhas { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: 14px; min-width: 0; }
.pilot-escolhas label { display: grid; gap: 8px; min-width: 0; }
.pilot-escolhas select, .pilot-escolhas input { width: 100%; min-width: 0; min-height: 44px; }
.pilot-conexao, .pilot-dica { font-size: .82rem; color: var(--texto-suave); }
.pilot-nova { padding-top: 12px; border-top: 1px solid var(--borda); }
.pilot-nova summary { cursor: pointer; padding-bottom: 12px; }
.pilot-nova > button { margin-top: 12px; }
.pilot-confirmacao { padding: 16px; border: 1px solid var(--barra-ouro); border-radius: 20px; display: grid; gap: 12px; }
.pilot-confirmacao[hidden] { display: none; }
.pilot-compacto { padding-top: 14px; border-top: 1px solid var(--borda); }
.voz-estudio-arquivos > p { margin: 0; }
.voz-estudio-arquivo { display: grid; gap: 8px; min-width: 0; }
.voz-estudio-arquivo + .voz-estudio-arquivo { border-top: 1px solid var(--borda); padding-top: 12px; }
.voz-estudio-arquivo strong { font-size: 13px; overflow-wrap: anywhere; }
.voz-estudio-previa img, .voz-estudio-previa video { display: block; max-width: 100%; max-height: 280px; border-radius: 10px; margin: 0 auto; }
.voz-estudio-previa audio { width: 100%; }
.voz-estudio-previa iframe { width: 100%; height: 260px; border: 0; background: #fff; border-radius: 10px; }
.voz-estudio-previa pre { white-space: pre-wrap; overflow-wrap: anywhere; max-height: 200px; overflow: auto; font-size: 12px; }
.voz-estudio-pedido { display: grid; gap: 8px; min-width: 0; }
.voz-estudio-pedido textarea { margin: 0; width: 100%; min-height: 62px; max-height: 160px; background: var(--barra-cristal); border-color: var(--barra-ouro); }
.voz-estudio-pedido-acoes { align-items: center; }
.voz-estudio-pedido-acoes select { width: auto; margin: 0; height: 44px; border-color: var(--barra-ouro); background: var(--barra-cristal); }
.voz-estudio-chip { font: inherit; font-size: 12px; padding: 6px 10px; border: 1px solid var(--barra-ouro); border-radius: 12px; background: var(--barra-cristal); color: var(--tinta); overflow-wrap: anywhere; }
.voz-estudio-andamento { margin: 8px 0; font-size: 13px; color: var(--acento-claro); overflow-wrap: anywhere; }
.voz-estudio-resposta { max-height: 240px; overflow-y: auto; white-space: pre-wrap; overflow-wrap: anywhere; font-size: 14px; }
.voz-comando.mini > .voz-estudio { display: none; }
@media (max-width: 700px) {
  .voz-estudio-conteudo { grid-template-columns: minmax(0, 1fr); }
  .voz-estudio-resultados { max-height: 240px; }
  .voz-estudio-ferramentas .botao { flex: 1 1 auto; font-size: 13px; }
  .voz-estudio-pedido-acoes .botao:last-child { flex: 1; }
}
@media (max-height: 520px) {
  .voz-comando:has(.voz-estudio):not(.mini) .voz-comando-topo { grid-template-columns: 44px minmax(0, 1fr); }
  .voz-comando:has(.voz-estudio):not(.mini) .voz-comando-orbe { width: 44px; height: 44px; }
  .voz-estudio-palco { min-height: 140px; height: 140px; }
}
