/* Programa de Metas (público) — cartões por meta, agrupados por eixo/programa.
   Só esta tela; tokens vêm de admin.css. */
.metas-eixo-titulo{display:flex; align-items:center; gap:10px; font-size:1.05rem; margin:0 0 12px; color:var(--text-900,#0f172a)}
.metas-eixo-titulo .bi{color:var(--teal-600)}
.metas-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr)); gap:16px}
.meta-card{
  display:flex; flex-direction:column; gap:10px; min-width:0;
  background:var(--surface-raised,#fff); border:1px solid var(--border,#e2e8f0); border-radius:var(--radius,12px);
  border-left:4px solid var(--meta-cor,var(--teal-600)); padding:18px 20px; box-shadow:var(--shadow-sm);
}
.meta-card--em_andamento{--meta-cor:#1d4ed8}
.meta-card--concluida{--meta-cor:#15803d}
.meta-card--atrasada{--meta-cor:#b91c1c}
.meta-card--cancelada{--meta-cor:#64748b; opacity:.75}
.meta-card--nao_iniciada{--meta-cor:#64748b}
.meta-card-topo{display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap}
.meta-card-numero{font-size:.72rem; text-transform:uppercase; letter-spacing:.06em; font-weight:700; color:var(--meta-cor,var(--teal-600))}
.meta-card-titulo{margin:0; font-size:1.05rem; line-height:1.3}
.meta-card-descricao{margin:0; font-size:.9rem; color:var(--text-500,#64748b); overflow-wrap:anywhere}
.meta-card-progresso{display:flex; align-items:center; gap:10px}
.meta-card-progresso .barra-progresso-ds{flex:1 1 auto; min-width:0}
.meta-card-progresso .barra-progresso-preenchimento-ds{background:var(--meta-cor,var(--teal-600))}
.meta-card-pct{font-weight:700; font-variant-numeric:tabular-nums; min-width:3.5em; text-align:right}
.meta-card-fatos{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 14px; margin:0; font-size:.86rem}
.meta-card-fatos > div{min-width:0}
.meta-card-fatos dt{font-size:.7rem; text-transform:uppercase; letter-spacing:.05em; color:var(--text-500,#64748b)}
.meta-card-fatos dd{margin:0; overflow-wrap:anywhere}
.meta-card > .btn-secondary{align-self:flex-start; margin-top:auto}
@media (max-width:480px){ .meta-card-fatos{grid-template-columns:minmax(0,1fr)} }