/* NICHO Finanças · todos os kits: Emergency fund. Quase tudo vem de ferramentas-base.css; aqui só o próprio dela. */

/* Só 2 números lado a lado. */
.nx-ft-res .nx-res-stats {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* Quanto da reserva já está guardado. */
.nx-ft-res .nx-res-prog {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.nx-ft-res .nx-res-prog__top {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	font-size: 15px;
}

.nx-ft-res .nx-res-prog__top span {
	color: var(--nx-muted, #444444);
}

.nx-ft-res .nx-res-prog__track {
	height: 12px;
	border-radius: 6px;
	background: var(--nx-line, #F0F0F0);
	overflow: hidden;
}

.nx-ft-res .nx-res-prog__track span {
	display: block;
	width: 0;
	height: 100%;
	border-radius: 6px;
	background: var(--nx-accent, #39B510);
	transition: width .2s;
}

.nx-ft-res .nx-res-msg {
	margin: 0;
	font-size: 16px;
	line-height: 1.55;
}

@media (max-width: 560px) {
	.nx-ft-res .nx-res-stats {
		grid-template-columns: minmax(0, 1fr);
	}
}