/* =====================================================================
   Listas em card (lançamentos do dia, contas do calendário) e listas de contas (próximas contas, calendário)
   Fonte: /mockup/css/style.css (seções 11 e 13). Partials: lancamentos/_lancamento e componentes/_conta_item
   ===================================================================== */
.lista-itens { background: var(--superficie); border: 1px solid var(--borda); border-radius: var(--raio); box-shadow: var(--sombra-1); overflow: hidden; }
.lista-itens > li + li { border-top: 1px solid var(--borda); }

.contas-lista > li + li { border-top: 1px solid var(--borda); }
.conta { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: var(--espaco-1) var(--espaco-3); align-items: center; padding: var(--espaco-3) 0; }
.lista-itens .conta { padding: var(--espaco-3) var(--espaco-3-5); }
.conta-info { min-width: 0; }
.conta-info strong { display: block; font-size: 14.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.conta-info span { display: block; font-size: 12.5px; color: var(--texto-3); }
.conta-valor { text-align: right; display: flex; flex-direction: column; align-items: flex-end; gap: var(--espaco-1); }
.conta-valor strong { font-variant-numeric: tabular-nums; font-size: 14.5px; white-space: nowrap; }
.conta-acoes { grid-column: 2 / -1; display: flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--espaco-1); }
.conta.status-vencido { box-shadow: inset 3px 0 0 var(--alerta); }
.conta.status-pago .conta-info strong { color: var(--texto-2); }