/* Descoberta por plataforma: árvore de categorias, busca por nome e pesos da mistura de nichos. Tokens em app.css. */
.arvore, .arvore-filhos { list-style: none; margin: 0; padding: 0; }
.arvore-filhos { margin-left: 1.25rem; border-left: 2px solid var(--borda); padding-left: .75rem; }
.arvore-no { padding: 4px 0; margin: 0; }
.arvore-linha { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 6px 12px; padding: 8px 12px; border-radius: var(--raio-s); background: var(--superficie); border: 1px solid var(--borda); transition: border-color var(--transicao); }
.arvore-linha:hover { border-color: var(--borda-forte); }
.arvore-nome { flex: 1 1 260px; min-width: 0; }
.arvore-no.inativa > .arvore-linha { opacity: .65; }
.arvore-no.nao-divulgar > .arvore-linha { border-color: var(--erro-borda); border-left: 3px solid var(--erro); }
.arvore-linha .acoes-linha form { display: inline; }
.arvore-linha .renomear { display: inline-block; font-size: var(--texto-s); margin: 0; }
.arvore-linha .renomear summary { font-weight: 500; display: inline-flex; padding: 0; }
.arvore-linha .renomear input[type="text"] { width: 220px; max-width: 100%; height: var(--altura-controle-p); padding: 0 8px; font-size: var(--texto-s); }

.lista-pesos { display: grid; gap: 2px 12px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); max-height: 320px; overflow: auto; border: 1px solid var(--borda); border-radius: var(--raio-s); padding: 8px 12px; background: var(--superficie); }
.peso-linha { display: flex; align-items: center; justify-content: space-between; gap: var(--esp-2); font-size: .9rem; padding: 3px 0; }
.peso-linha select { width: auto; min-width: 96px; height: var(--altura-controle-p); padding: 0 28px 0 8px; font-size: var(--texto-s); }

@media (max-width: 640px) {
  .arvore-filhos { margin-left: .5rem; padding-left: .5rem; }
  .lista-pesos { grid-template-columns: 1fr; }
}