/* Guest list of one webinar session ("Gäste dieses Termins"), opened from the
   webinar detail page by WebinarCustomizer.showGuestsPopup() (Pflegecampus admins only). */

/* The standard alert body is capped at 42em with huge side padding, which left the
   table ~670px and pushed the right-hand columns out of sight. */
.rd-webinar-guests-popup .pcx_iconalert_msg {
	max-width: none;
	padding: 0 var(--rd-spacing-md);
}

.rd-webinar-guest-table {
	width: 100%;
	border-collapse: collapse;
	text-align: left;
	font-size: var(--rd-fontsize-5);
}

.rd-webinar-guest-table th,
.rd-webinar-guest-table td {
	padding: var(--rd-spacing-xx-sm) var(--rd-spacing-x-sm);
}

.rd-webinar-guest-table .rd-webinar-guest-flag {
	text-align: center;
}

.rd-webinar-guest-table .rd-webinar-guest-date {
	white-space: nowrap;
}

.rd-webinar-guest-yes {
	color: var(--rd-success-default);
}

.rd-webinar-guest-no {
	color: var(--rd-gray-400);
}

/* rd-btn-icon-gray is display:flex (block-level); lay the three actions out as one row. */
.rd-webinar-guest-actions {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--rd-spacing-xx-sm);
}

.rd-webinar-guest-actions .rd-copy-link {
	margin-left: 0;
}

/* Loading state of <pc-webinar-guest-list> while the guests are fetched. */
.rd-webinar-guests-popup .rd-skeleton {
	display: grid;
	gap: var(--rd-spacing-sm);
	min-width: 480px;
	padding: var(--rd-spacing-md) 0;
}