.postcode-eu table {
	max-width: 900px;
}

.postcode-eu table [type=text],
.postcode-eu table select,
.postcode-eu table [type=password] {
	min-width: 400px;
}

.postcode-eu dt {
	min-width: 220px;
	padding: 5px 0;
	float: left;
	font-weight: 700;
}

.postcode-eu dd {
	overflow: hidden;
	padding: 5px 0;
	margin: 0;
}

.postcode-eu .subscription-status, .postcode-eu .api-status {
	display: inline-block;
	padding: 1px 10px 2px 10px;
	border-radius: 20px;
	font-weight: 700;
	color: #fff;
}

.postcode-eu .subscription-status-new {
	background-color: #00759a;
}

.postcode-eu .subscription-status-active, .postcode-eu .api-status-up {
	background-color: #007819;
}

.postcode-eu .subscription-status-invalidCredentials, .postcode-eu .api-status-down {
	background-color: #a51700;
}

.postcode-eu .subscription-status-inactive {
	background-color: #666;
}

.postcode-eu-enabled-countries {
	width: 400px;
	columns: 2;
}

.postcode-eu-debug {
	--border-color: #c3c4c7;
	position: relative;
	display: inline-block;
	max-width: 900px;
	padding: 5px 20px;
	border: 1px solid var(--border-color);
	background-color: #f6f7f7;

	a {
		position: absolute;
		top: 0;
		right: 0;
		padding: 1px 5px;
		cursor: pointer;
		background-color: rgb(from var(--border-color) r g b / .67);

		&:hover {
			background-color: rgb(from var(--border-color) r g b / .33);
		}
	}

	pre {
		white-space: pre-line;
	}
}