/* =====================================================================
   Investimentos: grupos, cofrinhos com meta e lista de movimentações
   Fonte: /mockup/css/style.css (seção 14). Views: app/views/investimentos
   ===================================================================== */
.grupo-inv + .grupo-inv { margin-top: var(--espaco-4); }
.grupo-inv-cabecalho { display: flex; align-items: center; gap: var(--espaco-3); flex-wrap: wrap; }
.grupo-inv-cabecalho .flex-1 strong { font-size: var(--tamanho-lg); }
.grupo-inv-total { font-size: var(--tamanho-xl); font-weight: var(--peso-bold); font-variant-numeric: tabular-nums; }

.cofrinhos { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: var(--espaco-3); margin-top: var(--espaco-4); }
@media (max-width: 640px) { .cofrinhos { grid-template-columns: minmax(0, 1fr); } }
.cofrinho { border: 1px solid var(--borda); border-radius: var(--raio-sm); padding: var(--espaco-3-5); background: var(--superficie-2); display: flex; flex-direction: column; gap: var(--espaco-2-5); min-width: 0; }
.cofrinho-topo { display: flex; align-items: center; gap: var(--espaco-2-5); }
.cofrinho-saldo { font-variant-numeric: tabular-nums; font-size: 20px; font-weight: var(--peso-bold); letter-spacing: -.01em; }
.cofrinho-meta { display: flex; justify-content: space-between; gap: var(--espaco-2); font-size: 12.5px; color: var(--texto-2); flex-wrap: wrap; }
.cofrinho-acoes { display: flex; gap: var(--espaco-1-5); flex-wrap: wrap; }
.cofrinho-acoes .btn { flex: 1; }
.grupo-inv .cofrinho-unico { margin-top: var(--espaco-4); }

.mov-lista > li { display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; gap: var(--espaco-2-5); align-items: center; padding: var(--espaco-2-5) 0; }
.mov-lista > li + li { border-top: 1px solid var(--borda); }