/* producao: estilos do módulo (arquivo próprio para não conflitar com app.css) */

/* Abas Aprovações / Tarefas no topo da página */
.prod-tabs { margin-bottom: -4px; }

/* Conteúdo embutido de cada aba: mesmo ritmo vertical do .content */
.prod-inner { display: flex; flex-direction: column; gap: 20px; }

/* Linha de ações no topo de cada módulo: filtro à esquerda, botões à direita */
.prod-actions { justify-content: space-between; }
.prod-actions .segmented { flex: 1 1 200px; }
.prod-actions .prod-right { display: flex; gap: 8px; align-items: center; margin-left: auto; }

/* Contador dentro de um botão do Segmented (ex.: Pendentes 3) */
.prod-cnt { display: inline-flex; align-items: center; justify-content: center; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; font-size: 11px; font-weight: 700; background: rgba(255,59,48,.14); color: var(--red-text); }

/* Prévia de arquivo antigo que não existe mais no servidor */
.prod-missing { display: flex; align-items: center; gap: 10px; padding: 14px; border-radius: var(--r); background: var(--fill3); color: var(--label2); font-size: 14px; }
.prod-missing .ic { flex: none; }

/* Card "Arquivos na nuvem" nos Ajustes */
.prod-cfg-actions { display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }