/* NICHO Finanças · todos os kits: Simple interest. Quase tudo vem de ferramentas-base.css; aqui só o gráfico de barras. */

.nx-ft-chart {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

/* Barras do saldo: a cor do site é o total, a parte escura embaixo é o que foi investido. */
.nx-ft-chart__bars {
	display: flex;
	align-items: flex-end;
	gap: 10px;
	height: 220px;
	border-bottom: 1px solid var(--nx-line);
}

.nx-ft-chart__bar {
	display: flex;
	flex: 1;
	flex-direction: column;
	justify-content: flex-end;
	overflow: hidden;
	border-radius: 6px 6px 0 0;
	background: var(--nx-accent);
}

.nx-ft-chart__bar div {
	background: var(--nx-ink);
}

.nx-ft-chart__labels {
	display: flex;
	gap: 10px;
	font-size: 12px;
	color: var(--nx-muted);
}

.nx-ft-chart__labels span {
	flex: 1;
	min-width: 0;
	text-align: center;
	white-space: nowrap;
}

@media (max-width: 640px) {
	.nx-ft-chart__bars {
		gap: 4px;
		height: 160px;
	}

	.nx-ft-chart__labels {
		gap: 4px;
		font-size: 10px;
	}
}