/* Módulo Catálogos: tipos (serviço/trabalho/entidade) e tarefas de serviço. */

.tarefas-servico-corpo { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 16px; align-items: start; }
.tipos-lista { display: flex; flex-direction: column; gap: 4px; padding: 12px; position: sticky; top: calc(var(--obra-topo, 102px) + 8px); max-height: calc(100vh - var(--obra-topo, 102px) - 40px); overflow-y: auto; }
.tipos-lista .titulo-seccao { margin: 2px 6px 8px; }
.tipos-lista .esqueleto.linha { width: 90%; height: 30px; margin: 4px 6px; }
.tipo-item { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 40px; padding: 8px 12px; border: 0; border-radius: 10px; background: transparent;
  color: var(--texto-2); text-align: left; font: 600 13.5px var(--fonte); cursor: pointer; }
.tipo-item:hover { background: var(--superficie-2); color: var(--texto); }
.tipo-item.ativo { background: var(--acento-suave); color: var(--acento); }
.tarefas-painel { padding: 0; overflow: hidden; }
.tarefas-painel > .banner, .tarefas-painel > .e-message, .tarefas-painel > .lista-esqueletos, .tarefas-painel > .estado-vazio { margin: 14px; }
.tarefas-painel-topo { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 12px 14px; border-bottom: 1px solid var(--borda); }
.tarefas-painel-topo h2 { flex: 1; min-width: 160px; font-size: 17px; }
.tarefas-painel-topo .botao-ferramenta.ativo { background: var(--acento-suave) !important; color: var(--acento) !important; }
.tipo-escolha-estreito { display: none; width: 100%; }
.tarefa-celula { display: flex; flex-direction: column; gap: 2px; padding: 4px 0; white-space: normal; }
.tarefa-celula small { color: var(--texto-3); font-size: 12.5px; }

@media (max-width: 1100px) {
  .tarefas-servico-corpo { grid-template-columns: minmax(0, 1fr); }
  .tipos-lista { display: none; }
  .tipo-escolha-estreito { display: block; }
  .tarefas-painel-topo h2 { display: none; }
}