/**
 * Acordos e convênios: lista e detalhes (na janela ou na página do acordo).
 * Pedido com vbox_irb_use( 'arquivo', 'item', 'acordos' ).
 */

/* ── Lista ───────────────────────────────────────────────────────────────── */

.acordo__selos {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--e-2) var(--e-3);
	margin: 0 0 var(--e-1);
}

.acordo__selos .card__selo {
	margin: 0;
}

.acordo__situacao {
	padding: 0.1rem var(--e-2);
	border-radius: 999px;
	background: var(--irb-verde);
	color: #fff;
	font-size: var(--t-xs);
	font-weight: 600;
}

.acordo--encerrado {
	border-left-color: var(--c-linha);
}

.acordo--encerrado .acordo__situacao,
.acordo__situacao--encerrado {
	background: var(--c-texto-suave);
}

.acordo__atores {
	margin: var(--e-2) 0 0;
	font-size: var(--t-sm);
}

/* ── Detalhes ────────────────────────────────────────────────────────────── */

.acordo-detalhe__titulo {
	margin: 0 0 var(--e-4);
	font-size: var(--t-xl);
}

.acordo-detalhe__titulo:focus {
	outline: none;
}

.acordo-detalhe__dados {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
	gap: var(--e-3) var(--e-5);
	margin: 0 0 var(--e-5);
	padding: var(--e-4);
	border-radius: var(--raio);
	background: var(--c-fundo-suave);
}

.acordo-detalhe__dados dt {
	color: var(--c-texto-suave);
	font-size: var(--t-sm);
}

.acordo-detalhe__dados dd {
	margin: 0;
	font-weight: 600;
}

.acordo-detalhe__subtitulo {
	margin: var(--e-5) 0 var(--e-3);
	padding-bottom: var(--e-1);
	border-bottom: 1px solid var(--c-linha);
	font-size: var(--t-lg);
}

.acordo-detalhe__atores {
	display: grid;
	gap: var(--e-2);
	margin: 0;
	padding: 0;
	list-style: none;
}

.acordo-detalhe__atores span {
	display: block;
	color: var(--c-texto-suave);
	font-size: var(--t-sm);
}

/* Página do acordo. */
.acordo-aberto {
	max-width: 56rem;
	margin-bottom: var(--e-5);
	padding: var(--e-5);
	border: 1px solid var(--c-linha);
	border-top: 4px solid var(--irb-vermelho);
	border-radius: var(--raio);
	background: #fff;
}

/* ── Janela ──────────────────────────────────────────────────────────────── */

.acordo-janela {
	width: min(100% - 2 * var(--e-4), 56rem);
	max-height: min(100% - 2 * var(--e-4), 90vh);
	padding: 0;
	border: 0;
	border-radius: var(--raio);
	box-shadow: var(--sombra);
	color: var(--c-texto);
}

.acordo-janela::backdrop {
	background: rgb(0 0 0 / 55%);
}

.acordo-janela__topo {
	position: sticky;
	top: 0;
	z-index: 1;
	display: flex;
	justify-content: flex-end;
	padding: var(--e-2);
	background: #fff;
}

.acordo-janela__fechar {
	display: inline-grid;
	place-items: center;
	width: 2.75rem;
	height: 2.75rem;
	border: 0;
	border-radius: 50%;
	background: none;
	color: var(--c-texto);
	cursor: pointer;
}

.acordo-janela__fechar:hover {
	background: var(--c-fundo-suave);
	color: var(--c-acao);
}

.acordo-janela__corpo {
	padding: 0 var(--e-5) var(--e-6);
}