.dpo-wc-legacy-orders {
	margin: 1.5em 0;
}

.dpo-wc-legacy-orders__title {
	margin-bottom: 1em;
}

.dpo-wc-legacy-orders__table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.95rem;
}

.dpo-wc-legacy-orders__table th,
.dpo-wc-legacy-orders__table td {
	padding: 0.65em 0.75em;
	border: 1px solid #e2e2e2;
	text-align: left;
	vertical-align: top;
}

.dpo-wc-legacy-orders__table th {
	background: #f7f7f7;
	font-weight: 600;
}

.dpo-wc-legacy-orders__items {
	max-width: 320px;
}

.dpo-wc-legacy-orders__status {
	display: inline-block;
	padding: 0.15em 0.5em;
	border-radius: 3px;
	font-size: 0.85em;
	background: #eee;
}

.dpo-wc-legacy-orders__status--wc-processing,
.dpo-wc-legacy-orders__status--wc-completed {
	background: #d4edda;
	color: #155724;
}

.dpo-wc-legacy-orders__status--wc-pending,
.dpo-wc-legacy-orders__status--wc-on-hold {
	background: #fff3cd;
	color: #856404;
}

.dpo-wc-legacy-orders__status--wc-cancelled,
.dpo-wc-legacy-orders__status--wc-failed,
.dpo-wc-legacy-orders__status--wc-refunded {
	background: #f8d7da;
	color: #721c24;
}

.dpo-wc-legacy-orders__pagination {
	margin-top: 1em;
}

.dpo-wc-legacy-orders__pagination a,
.dpo-wc-legacy-orders__pagination .current {
	display: inline-block;
	margin-right: 0.35em;
	padding: 0.25em 0.55em;
}

.dpo-wc-legacy-orders__pagination .current {
	font-weight: 700;
}

.dpo-wc-legacy-orders__hint,
.dpo-wc-legacy-orders__empty,
.dpo-wc-legacy-orders__notice {
	color: #666;
	font-size: 0.9rem;
}

@media (max-width: 768px) {
	.dpo-wc-legacy-orders__table thead {
		display: none;
	}

	.dpo-wc-legacy-orders__table tr {
		display: block;
		margin-bottom: 1em;
		border: 1px solid #e2e2e2;
	}

	.dpo-wc-legacy-orders__table td {
		display: block;
		border: none;
		border-bottom: 1px solid #f0f0f0;
	}

	.dpo-wc-legacy-orders__table td::before {
		content: attr(data-label) ": ";
		font-weight: 600;
	}
}