/* ===== Agentes (12/11) ===========================================
   Só forma e posição. A cor vem de classes que o tema ValorIA já
   pinta (.panel, .pill, .rs, .ai-tip, .qe-filters, .en-passos,
   .calc-note), para esta tela nascer no padrão sem tocar no tema.
   ================================================================= */
.ag-content{max-width:1100px}
.ag-filtros{margin-bottom:14px}

.ag-lista{display:flex;flex-direction:column;gap:12px}
.ag-card{padding:0;overflow:hidden}
.ag-card.proposto{border-style:dashed}

.ag-btn{display:block;width:100%;text-align:left;background:transparent;border:0;
  padding:15px 18px;cursor:pointer;font:inherit;color:inherit}
.ag-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ag-head b{font-size:0.9375rem;letter-spacing:-.01em}
.ag-head .pill{margin-left:auto}
.ag-resumo{margin:6px 0 0;font-size:0.8125rem;line-height:1.5}
.ag-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:9px}
.ag-meta .rs{font-size:0.6875rem;padding-left:13px}
.ag-meta em{font-style:normal;font-size:0.6875rem}

.ag-fluxo{padding:2px 18px 16px}
.ag-fluxo .en-passos{margin:0}
.ag-falta{margin:12px 0 0;padding-left:14px;font-size:0.6875rem;line-height:1.5}

@media(max-width:760px){
  .ag-content{padding-bottom:100px}
  .ag-btn{padding:14px 16px}
  .ag-fluxo{padding:2px 16px 14px}
  .ag-head .pill{margin-left:0}
}