.woo-register {
	--woo-brand: var(--itwt-brand, #163a5c);
	--woo-ink: var(--itwt-ink, #1b1b1b);
	--woo-soft: var(--itwt-ink-soft, #4a5560);
	--woo-paper: var(--itwt-paper, #f7f4ee);
	--woo-rule: var(--itwt-rule, #c5bcae);
	--woo-alert: var(--itwt-overdue, #8a3b2a);
	--woo-alert-bg: var(--itwt-overdue-soft, #f3e4dc);
	--woo-space: 1rem;
	color: var(--woo-ink);
	padding-block: 2rem;
}

.woo-register__kicker {
	margin: 0;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-size: 0.8rem;
	color: var(--woo-soft);
}

.woo-register h1 {
	margin: 0.25rem 0 0.75rem;
	color: var(--woo-brand);
}

.woo-register__count,
.woo-register__updated {
	margin: 0.25rem 0 0;
	color: var(--woo-soft);
}

.woo-register__filters {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem 1.25rem;
	margin: 1.5rem 0 1rem;
}

.woo-register__filters label {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
	font-size: 0.85rem;
}

.woo-register__filters select {
	min-height: 2.75rem;
	min-width: 12rem;
}

.woo-register-table {
	width: 100%;
	border-collapse: collapse;
}

.woo-register-table__caption {
	caption-side: bottom;
	text-align: left;
	padding-top: 0.75rem;
	color: var(--woo-soft);
	font-size: 0.9rem;
}

.woo-register-table th,
.woo-register-table td {
	text-align: left;
	vertical-align: top;
	padding: 0.65rem 0.75rem;
	border-bottom: 1px solid var(--woo-rule);
}

.woo-register-table th {
	background: var(--woo-brand);
	color: var(--woo-paper);
	font-weight: 600;
}

.woo-register-table tr.is-alert {
	background: var(--woo-alert-bg);
}

.woo-badge {
	display: inline-block;
	padding: 0.15rem 0.5rem;
	border: 1px solid var(--woo-rule);
	border-radius: 0.25rem;
	font-size: 0.85rem;
}

.woo-badge--termijn_verstreken,
.woo-badge--geen_besluit {
	border-color: var(--woo-alert);
	color: var(--woo-alert);
	font-weight: 700;
}

.woo-register__facts {
	display: grid;
	gap: 0.75rem;
	margin: 1.5rem 0;
}

.woo-register__facts dt {
	font-size: 0.8rem;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--woo-soft);
}

.woo-register__facts dd {
	margin: 0.15rem 0 0;
}

.woo-docs {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 1rem;
}

.woo-docs__item {
	padding: 1rem;
	border: 1px solid var(--woo-rule);
	border-left-width: 4px;
}

.woo-docs__item--bestuursorgaan {
	border-left-color: var(--woo-brand);
}

.woo-docs__item--verzoeker {
	border-left-color: var(--woo-soft);
}

.woo-docs__title {
	margin: 0 0 0.35rem;
	font-weight: 600;
}

.woo-docs__meta {
	margin: 0;
	color: var(--woo-soft);
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 1rem;
}

.woo-docs__from {
	font-weight: 600;
	color: var(--woo-ink);
}

.woo-register__back {
	margin-top: 2rem;
}

.woo-kalender {
	padding-left: 1.25rem;
}

.woo-kalender__flag {
	font-weight: 700;
}

@media (max-width: 767px) {
	.woo-register-table__caption {
		display: block;
		width: 100%;
		caption-side: top;
		padding: 0 0 0.75rem;
	}

	.woo-register-table thead {
		display: none;
	}

	.woo-register-table,
	.woo-register-table tbody,
	.woo-register-table tr,
	.woo-register-table td {
		display: block;
		width: 100%;
	}

	.woo-register-table tr {
		margin-bottom: 1rem;
		border: 1px solid var(--woo-rule);
		padding: 0.5rem 0.75rem;
	}

	.woo-register-table td {
		display: grid;
		grid-template-columns: 8rem minmax(0, 1fr);
		gap: 0.5rem;
		border: 0;
		padding: 0.35rem 0;
	}

	.woo-register-table td::before {
		content: attr(data-label);
		font-size: 0.8rem;
		color: var(--woo-soft);
	}
}