/*
 * Contiene cola heredada de evidencias/tablas responsive por orden original. No mover sin validar equivalencia visual.
 */

.cc-ra-evidence-table-wrap {
	width: 100%;
	overflow-x: auto;
	border: 1px solid var(--cc-ra-border);
	border-radius: var(--cc-ra-radius-md, 16px);
	background: rgba(255, 255, 255, 0.88);
	box-shadow: var(--cc-ra-shadow-soft, none);
}

.cc-ra-report-evidence-table {
	width: 100%;
	table-layout: auto;
}

.cc-ra-report-evidence-table td,
.cc-ra-report-evidence-table th {
	vertical-align: middle;
}

.cc-ra-report-evidence-table td:nth-child(2) {
	overflow-wrap: anywhere;
	word-break: normal;
}

.cc-ra-evidence-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
}

.cc-ra-report-evidence-table th,
.cc-ra-report-evidence-table td {
	padding: 12px 10px;
}

.cc-ra-evidence-actions .cc-ra-btn {
	white-space: nowrap;
}

@media (max-width: 860px) {
	.cc-ra-report-evidence-table,
	.cc-ra-report-evidence-table thead,
	.cc-ra-report-evidence-table tbody,
	.cc-ra-report-evidence-table tr,
	.cc-ra-report-evidence-table th,
	.cc-ra-report-evidence-table td {
		display: block;
	}

	.cc-ra-report-evidence-table thead {
		display: none;
	}

	.cc-ra-report-evidence-table tr {
		border: 1px solid var(--cc-ra-border);
		border-radius: var(--cc-ra-radius-md, 16px);
		padding: 12px;
		margin-bottom: 12px;
		background: rgba(255, 255, 255, 0.9);
		box-shadow: var(--cc-ra-shadow-soft, none);
	}

	.cc-ra-report-evidence-table td {
		display: grid;
		grid-template-columns: 110px minmax(0, 1fr);
		gap: 10px;
		border: 0;
		padding: 8px 0;
	}

	.cc-ra-report-evidence-table td::before {
		content: attr(data-label);
		font-weight: 700;
		color: var(--cc-ra-muted);
	}

	.cc-ra-evidence-actions {
		align-items: stretch;
	}

	.cc-ra-evidence-actions .cc-ra-btn {
		width: 100%;
		justify-content: center;
	}

	.cc-ra-account-right .cc-ra-table .cc-ra-btn {
		width: 100%;
		justify-content: center;
		margin-top: 6px;
	}

	.cc-ra-account-right .cc-ra-inline-form {
		display: block;
		width: 100%;
	}

	.cc-ra-account-right .cc-ra-inline-form .cc-ra-btn {
		width: 100%;
	}
}