/* Canal de Denúncia – estilos públicos, ajustados ao site da BVP (laranja #ff4e00, texto #29343a).
   Para ajustar à identidade do site, sobrescreva as variáveis abaixo no CSS do tema. */
.cdp-consulta,
.cdp-recibo {
	--cdp-cor: currentColor;
	--cdp-destaque: #ff4e00;
	--cdp-fundo: #fff;
	--cdp-borda: rgba(41, 52, 58, .18);
	--cdp-erro: #b3261e;
	--cdp-ok: #1e6b3a;
	font: inherit;
	color: #29343a;
}

.cdp-consulta *,
.cdp-recibo * { box-sizing: border-box; }

.cdp-field { margin: 0 0 16px; }
.cdp-field label { display: block; margin-bottom: 6px; }
.cdp-field input[type="text"],
.cdp-field input[type="password"],
.cdp-field textarea {
	width: 100%;
	padding: 12px 14px;
	height: auto;
	border: 0;
	border-radius: 0;
	background: #fff;
	font: inherit;
	font-size: 15px;
	color: #29343a;
}
.cdp-field input:focus,
.cdp-field textarea:focus { outline: 2px solid var(--cdp-destaque); outline-offset: 1px; }

.cdp-button {
	display: inline-block;
	padding: 12px 28px;
	border: 1px solid var(--cdp-destaque);
	border-radius: 0;
	background: var(--cdp-destaque);
	color: #fff;
	font: inherit;
	font-size: 15px;
	text-decoration: none;
	cursor: pointer;
}
.cdp-button:hover { opacity: .9; color: #fff; }
.cdp-button--secundario { background: transparent; color: var(--cdp-destaque); }
.cdp-button--secundario:hover { color: var(--cdp-destaque); }

.cdp-alert { padding: 12px 14px; margin: 0 0 16px; border-left: 4px solid; background: var(--cdp-fundo); }
.cdp-alert--erro { border-color: var(--cdp-erro); }
.cdp-alert--ok { border-color: var(--cdp-ok); }

.cdp-summary { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; margin: 0 0 32px; background: var(--cdp-borda); }
.cdp-summary > div { padding: 14px 16px; background: #fff; }
.cdp-summary dt { font-size: .85em; opacity: .7; margin: 0 0 4px; }
.cdp-summary dd { margin: 0; }

.cdp-status { display: inline-block; padding: 2px 10px; background: var(--cdp-destaque); color: #fff; }
.cdp-status--concluida { background: var(--cdp-ok); }
.cdp-status--arquivada { background: #666; }

.cdp-title { margin: 0 0 16px; font-weight: 400; }

.cdp-relato { margin: 0 0 32px; background: #fff; }
.cdp-relato > div { padding: 14px 16px; border-bottom: 1px solid var(--cdp-borda); }
.cdp-relato > div:last-child { border-bottom: 0; }
.cdp-relato dt { font-size: .85em; opacity: .7; margin: 0 0 4px; }
.cdp-relato dd { margin: 0; white-space: normal; overflow-wrap: anywhere; }

.cdp-timeline { list-style: none; margin: 0 0 32px; padding: 0; }
.cdp-timeline__item { position: relative; padding: 0 0 20px 24px; border-left: 2px solid var(--cdp-borda); margin-left: 6px; }
.cdp-timeline__item::before { content: ""; position: absolute; left: -7px; top: 4px; width: 12px; height: 12px; background: var(--cdp-destaque); }
.cdp-timeline__item:last-child { border-left-color: transparent; }
.cdp-timeline__date { display: block; font-size: .85em; opacity: .7; }
.cdp-timeline__label { display: block; margin: 2px 0 6px; font-weight: 600; }
.cdp-timeline__text { padding: 12px 14px; background: var(--cdp-fundo); white-space: normal; }
.cdp-timeline__file { margin-top: 6px; font-size: .9em; opacity: .8; }

.cdp-exit { margin-top: 24px; font-size: .9em; }

/* Recibo após o envio do formulário */
.cdp-recibo { padding: 28px; background: #fff; }
.cdp-recibo:focus { outline: none; }
.cdp-recibo__title { margin: 0 0 8px; }
.cdp-recibo__text { margin: 0 0 20px; }
.cdp-recibo__dados { display: grid; grid-template-columns: 1fr; gap: 12px; margin: 0 0 20px; max-width: 420px; }
.cdp-recibo__dados > div { padding: 14px 16px; background: #f2f2f2; color: #29343a; }
.cdp-recibo__dados dt { font-size: .85em; opacity: .7; margin: 0 0 4px; }
.cdp-recibo__dados dd { margin: 0; font-size: 1.15em; font-weight: 700; letter-spacing: .03em; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; white-space: nowrap; }
.cdp-recibo__acoes { display: flex; flex-wrap: wrap; gap: 12px; margin: 0; }

@media (max-width: 560px) {
	.cdp-recibo { padding: 20px; }
	.cdp-recibo__dados,
	.cdp-summary { grid-template-columns: 1fr; }
}