/* =========================================================
   R45 Relatórios e Contas
   ========================================================= */

.rel-wrap {
	--rel-cols: 3;
	--rel-gap: 46px;
	--rel-ano: #D7181F;      /* cor do ano */
	--rel-texto: #001E62;    /* nome do documento */
	--rel-linha: #D9D9D9;    /* separadores (iguais em toda a lista) */
}

.rel-grid {
	display: grid;
	grid-template-columns: repeat(var(--rel-cols), minmax(0, 1fr));
	gap: var(--rel-gap);
	align-items: start;
}

@media (max-width: 1000px) {
	.rel-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 690px) {
	.rel-grid { grid-template-columns: 1fr; }
}

/* ---------- Ano ---------- */

.rel-ano-titulo {
	margin: 0 0 4px !important;
	padding-bottom: 10px;
	color: var(--rel-ano) !important;
	border: 0 !important;
	border-bottom: 1px solid var(--rel-linha) !important;
}

/* ---------- Lista ---------- */

.rel-lista {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.rel-lista li::marker {
	content: "" !important;
}

.rel-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin: 0 !important;
	padding: 14px 0;
	border: 0 !important;
	border-bottom: 1px solid var(--rel-linha) !important;
	list-style: none !important;
}

.rel-nome {
	color: var(--rel-texto);
	flex: 1 1 auto;
}

/* ---------- Botão ---------- */

.rel-btn {
	flex: 0 0 auto;
	margin: 0 !important;
}

.rel-btn .link_text {
	white-space: nowrap;
}

@media (max-width: 480px) {
	.rel-item {
		align-items: flex-start;
		flex-direction: column;
		gap: 10px;
	}
}