/* Tela "Logs ao vivo": painel único ocupando o espaço restante da tela -
   só o <pre> de dentro rola (mesmo padrão de Dados/Execuções/Automações:
   título e barra de ferramentas ficam fixos, só a área de conteúdo rola).
   pre.logs (log-view.css) tem um max-height:560px pensado pro modal de
   detalhe de tarefa - aqui, dentro do painel de página inteira, isso é
   sobrescrito pra ocupar a altura toda disponível. */

.logs-panel {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  padding: 14px;
}
.logs-panel pre.logs {
  flex: 1;
  min-height: 0;
  max-height: none;
  margin: 0;
}

/* ---- barra de ferramentas (status + auto-scroll + filtro + limpar), no
   slot de ação do page_header - mesma altura/gap dos toolbars de
   Automações/Execuções ---- */
.logs-toolbar {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
.logs-status {
  display: flex;
  align-items: center;
  gap: 8px;
}
.logs-autoscroll {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12.5px;
  color: var(--text-faint);
  white-space: nowrap;
  cursor: pointer;
}
.logs-busca {
  max-width: 200px;
}

@media (max-width: 768px) {
  .logs-toolbar { width: 100%; }
  .logs-busca { max-width: none; flex: 1; }
}