/* botões do Arquivos no topo do editor (tokens de casca.css) */
.acoes-arquivos { display: flex; gap: 6px; flex: none; margin-left: auto }
.acoes-arquivos .botao { padding: 6px 12px; font-size: 13px; display: inline-flex; align-items: center; gap: 6px }
.botao:disabled, .botao[aria-busy="true"] { opacity: .6; cursor: progress; transform: none }
.icone-arquivos { width: 14px; height: 14px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round }
@media (max-width: 760px) {
  /* no celular os botões ficam só com o ícone; o nome continua no aria-label */
  .acoes-arquivos .rotulo { display: none }
  .acoes-arquivos .botao { padding: 6px 8px }
}
@media (max-width: 600px) {
  /* editando no celular, o espaço do topo fica para o estado e os botões; a empresa aparece na lista */
  body[data-vista="editor"] #empresa-nome { display: none }
  .acoes-arquivos { gap: 4px }
}