/* =====================================================================
   Single Fundo › Rentabilidade histórica — controles do gráfico interativo
   (filtros de período + leitura). O desenho reusa .fundo-chart__line/__bench
   /__grid já existentes. JS: assets/js/single-fundo/rentabilidade-hist.js
   ===================================================================== */
.single-fundo .fundo-chart__controls {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	flex-wrap: wrap;
	margin-bottom: clamp(1rem, .8rem + 1vw, 22px);
}

.single-fundo .fundo-chart__periods {
	display: inline-flex;
	gap: 4px;
	padding: 4px;
	background: rgba(45, 45, 45, .06);
	border-radius: 999px;
}
.single-fundo .fundo-chart__periods button {
	appearance: none;
	border: 0;
	background: transparent;
	font: inherit;
	font-size: 13px;
	font-weight: 500;
	color: var(--leto-gray);
	padding: 7px 16px;
	border-radius: 999px;
	cursor: pointer;
	transition: background .2s var(--ease), color .2s var(--ease);
}
.single-fundo .fundo-chart__periods button:hover { color: var(--leto-ink); }
.single-fundo .fundo-chart__periods button.is-active {
	background: var(--leto-ink);
	color: #fff;
}

.single-fundo .fundo-chart__readout {
	display: flex;
	align-items: baseline;
	gap: 16px;
	font-size: 13.5px;
}
.single-fundo .fundo-chart__readout .rd-fund { color: var(--leto-ink); font-weight: 600; }
.single-fundo .fundo-chart__readout .rd-bench { color: var(--leto-gray); }
.single-fundo .fundo-chart__readout .rd-fund::before,
.single-fundo .fundo-chart__readout .rd-bench::before {
	content: '';
	display: inline-block;
	width: 14px;
	height: 0;
	margin-right: 7px;
	vertical-align: middle;
	border-top: 2px solid currentColor;
}
.single-fundo .fundo-chart__readout .rd-bench::before { border-top-style: dashed; }

/* Marcador de evento de amortização (hairline vertical, sem distorção). */
.single-fundo .fundo-chart__amort {
	stroke: #c08a2e;
	stroke-width: 1.5;
	stroke-dasharray: 3 4;
	opacity: .7;
	vector-effect: non-scaling-stroke;
}
/* Nota de rodapé do gráfico (asterisco da amortização). */
.single-fundo .fundo-chart__note {
	margin-top: .9rem;
	font-size: 12px;
	line-height: 1.45;
	color: var(--leto-gray);
	max-width: 80ch;
}
.single-fundo .fundo-chart__note[hidden] { display: none; }

/* Linha do 0% (base de rebase). */
.single-fundo .fundo-chart__zero {
	stroke: rgba(45, 45, 45, .38);
	stroke-width: 1;
	stroke-dasharray: 2 4;
	vector-effect: non-scaling-stroke;
}

.single-fundo .fundo-chart--hist .fundo-chart__plot { position: relative; }
.single-fundo .fundo-chart__note { font-size: 13px; color: var(--leto-gray); }

@media (max-width: 640px) {
	.single-fundo .fundo-chart__controls { flex-direction: column; align-items: flex-start; gap: .6rem; }
	.single-fundo .fundo-chart__periods { width: 100%; justify-content: space-between; }
}