.bwaa-report {
	max-width: 100%;
	margin: 1em 0;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, sans-serif;
}

.bwaa-report-title {
	margin: 7rem 0 1rem 0;
	margin-left: 1rem;
	font-size: 1.5rem;
}

.bwaa-no-access,
.bwaa-no-results {
	color: #646970;
	margin: 1em 0;
}

.bwaa-filters {
	background: #f6f7f7;
	border: 1px solid #c3c4c7;
	border-radius: 4px;
	padding: 1rem 1.25rem;
	margin-bottom: 1.25rem;
	margin-left: 1rem;
	margin-right: 1rem;
}

.bwaa-filter-row {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 0.5rem 1rem;
	margin-bottom: 0.75rem;
}

.bwaa-filter-row:has(.bwaa-sort-selects) {
	flex-direction: column;
	align-items: flex-start;
}

.bwaa-filter-row:has(.bwaa-sort-selects) label {
	width: 100%;
	margin-bottom: 0.25rem;
}

@media (min-width: 640px) {
	.bwaa-filter-row:has(.bwaa-sort-selects) {
		flex-direction: row;
		align-items: center;
	}
	
	.bwaa-filter-row:has(.bwaa-sort-selects) label {
		width: auto;
		margin-bottom: 0;
	}
}

.bwaa-filter-row:last-of-type {
	margin-bottom: 0;
}

.bwaa-filters label {
	font-weight: 600;
	margin-right: 0.25rem;
}

.bwaa-filters select,
.bwaa-filters input[type="date"] {
	padding: 0.35rem 0.5rem;
	border: 1px solid #8c8f94;
	border-radius: 3px;
}

.bwaa-filter-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}

.bwaa-sort-selects {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 0.5rem;
	width: 100%;
	max-width: 100%;
}

.bwaa-sort-selects select {
	min-width: 0;
	width: 100%;
	max-width: 100%;
}

@media (min-width: 640px) {
	.bwaa-sort-selects {
		flex-direction: row;
		align-items: center;
		width: auto;
		max-width: none;
		flex-shrink: 0;
	}

	.bwaa-sort-selects select {
		width: auto;
		min-width: auto;
		max-width: none;
		flex-shrink: 0;
	}
}

.bwaa-filter-btn {
	display: inline-block;
	padding: 0.4rem 0.9rem;
	border-radius: 3px;
	font-size: 0.875rem;
	cursor: pointer;
	border: 1px solid #8c8f94;
	background: #fff;
	color: #2c3338;
	transition: background-color 0.15s ease, border-color 0.15s ease;
	font-family: inherit;
}

.bwaa-filter-btn:hover {
	background: #f0f0f1;
	border-color: #2271b1;
	color: #2271b1;
}

.bwaa-filter-btn.active {
	background: #2271b1;
	color: #fff;
	border-color: #2271b1;
}

.bwaa-filter-btn.active:hover {
	background: #135e96;
	border-color: #135e96;
	color: #fff;
}

.bwaa-custom-dates {
	display: flex;
	align-items: center;
	gap: 1rem;
	flex-wrap: wrap;
}

.bwaa-date-field {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.bwaa-custom-dates label {
	margin-right: 0;
	white-space: nowrap;
}

.bwaa-custom-dates input[type="date"] {
	margin-right: 0;
}

.bwaa-actions {
	margin-top: 1rem;
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}

.bwaa-btn {
	display: inline-block;
	padding: 0.4rem 0.9rem;
	border-radius: 3px;
	text-decoration: none;
	font-size: 0.875rem;
	cursor: pointer;
	border: 1px solid #2271b1;
}

.bwaa-btn-primary {
	background: #2271b1;
	color: #fff;
	border-color: #2271b1;
}

.bwaa-btn-primary:hover {
	background: #135e96;
	color: #fff;
}

.bwaa-btn-export {
	background: #f6f7f7;
	color: #2271b1;
}

.bwaa-btn-export:hover {
	background: #f0f0f1;
	color: #135e96;
}

.bwaa-table-wrap {
	overflow-x: auto;
	margin-bottom: 3rem;
	margin-left: 1rem;
	margin-right: 1rem;
}

.bwaa-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.875rem;
}

.bwaa-table th,
.bwaa-table td {
	border: 1px solid #c3c4c7;
	padding: 0.5rem 0.65rem;
	text-align: left;
	white-space: nowrap;
}

/* Notities kolom (voorlaatste) mag wrappen */
.bwaa-table th:nth-last-child(2),
.bwaa-table td:nth-last-child(2) {
	white-space: normal;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

@media (min-width: 768px) {
	.bwaa-table th:nth-last-child(2),
	.bwaa-table td:nth-last-child(2) {
		max-width: 300px;
	}
}

/* Aangemaakt op kolom (laatste) */
.bwaa-table th:last-child,
.bwaa-table td:last-child {
	white-space: nowrap;
	min-width: 140px;
}

/* Aangemaakt op kolom sticky alleen op desktop */
@media (min-width: 768px) {
	.bwaa-table th:last-child,
	.bwaa-table td:last-child {
		position: sticky;
		right: 0;
		background: inherit;
		z-index: 10;
	}

	.bwaa-table th:last-child {
		background: #f6f7f7;
	}

	.bwaa-table tbody tr.bwaa-day-even td:last-child {
		background: #fff;
	}

	.bwaa-table tbody tr.bwaa-day-odd td:last-child {
		background: #eeeeee;
	}

	.bwaa-table tbody tr:hover td:last-child {
		background: #f0f6fc;
	}
}

.bwaa-table th:first-child,
.bwaa-table td:first-child {
	min-width: 140px;
}

.bwaa-table th {
	background: #f6f7f7;
	font-weight: 600;
}

.bwaa-table tbody tr.bwaa-day-even {
	background: #fff;
}

.bwaa-table tbody tr.bwaa-day-odd {
	background: #eeeeee;
}

.bwaa-table tbody tr:hover {
	background: #f0f6fc;
}