/* Admin-only "Berechtigungen" card on the employee overview (pc-employee-permissions). */

pc-employee-permissions {
	display: block;
}

.rd-ep-perm-tree summary {
	font-size: var(--rd-fontsize-4);
	padding: var(--rd-spacing-sm) 0;
}

/* The chevron-right variant reverses the row; keep label left, count right of it. */
.rd-ep-perm-tree summary .rd-ep-perm-category-label {
	margin-right: auto;
}

/* The global .rd-gray-text is a block; the count must stay inline in the summary row. */
.rd-ep-perm-tree .rd-ep-perm-count {
	display: inline;
	margin-right: var(--rd-spacing-x-sm);
	font-size: var(--rd-fontsize-2);
}

.rd-ep-perm-category-empty summary {
	color: var(--rd-gray-500);
}

.rd-ep-perm-list {
	margin: 0 0 var(--rd-spacing-sm);
	padding: 0;
	list-style: none;
}

.rd-ep-perm-row {
	display: flex;
	align-items: center;
	gap: var(--rd-spacing-x-sm);
	padding: var(--rd-spacing-xx-sm) 0;
}

.rd-ep-perm-row [class*="rd-icon-"]::before {
	width: 16px;
	height: 16px;
	margin: 0;
}

.rd-ep-perm-granted [class*="rd-icon-"]::before {
	background-color: var(--rd-success-default);
}

/* Implied through ALLE RECHTE: granted, but no group sets the column itself. */
.rd-ep-perm-implied [class*="rd-icon-"]::before {
	background-color: var(--rd-primary-active);
}

.rd-ep-perm-denied {
	color: var(--rd-gray-500);
}

.rd-ep-perm-denied [class*="rd-icon-"]::before {
	background-color: var(--rd-gray-300);
}

.rd-ep-perm-label {
	flex: 1;
	min-width: 0;
}

.rd-ep-perm-skeleton {
	display: grid;
	gap: var(--rd-spacing-sm);
	/* Four category rows of the rendered tree, measured in the browser. */
	min-height: 176px;
}