.attendee-list-table {
	border-collapse: collapse;
	border-radius: 0.5rem;
	overflow: clip;
	box-shadow: 0 2px 8px color-mix(in oklab, var(--surface-inverse) 10%, transparent);

	caption {
		margin-block-end: 1rem;
		text-align: start;
		font-weight: 700;
	}

	thead tr {
		color: var(--text-secondary);
		border-block-end: 1px solid var(--border-strong);
		font-weight: 700;

		> * { padding: 0.75rem 1rem; text-align: start; }
	}

	tbody tr {
		border-block-end: 1px solid var(--border-subtle);

		&:hover { background-color: color-mix(in oklab, currentColor 12%, transparent) }

		> * { padding: 0.75rem 1rem }

		td:first-child { font-weight: 500 }
	}
}