.attendee-list-table {
	inline-size: 100%;
	border-collapse: collapse;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 2px 8px rgba(0 0 0 / 0.1);

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

	thead tr {
		background-color: var(--gray);
		font-weight: 700;

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

	tbody tr {
		border-bottom: 1px solid var(--gray);

		&:hover { background-color: var(--gray); }

		> * { padding: 0.75rem 1rem; }

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