/* Superadmin editor for the DB-driven default navigation (pc-navigation-admin-editor).
   Reuses the rd-navmenu-* editor primitives from NavigationMenu.css (handles, dropzones, add rows). */

.rd-navadmin {
	padding: var(--rd-spacing-md);
}

.rd-navadmin-toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--rd-spacing-x-sm);
	margin-bottom: var(--rd-spacing-md);
}

.rd-navadmin-toolbar-spacer {
	flex: 1;
}

.rd-navadmin-filebtn {
	cursor: pointer;
}

.rd-navadmin-filebtn input[type="file"] {
	display: none;
}

.rd-navadmin-switch {
	display: flex;
	align-items: center;
	gap: var(--rd-spacing-x-sm);
	cursor: pointer;
	font-weight: var(--rd-fontweights-open-sans-1);
}

.rd-navadmin-status,
.rd-navadmin-review-box {
	margin-bottom: var(--rd-spacing-md);
	padding: var(--rd-spacing-x-sm) var(--rd-spacing-md);
	background: var(--rd-green-50);
	border: var(--rd-borderwidth-border-default) solid var(--rd-green-200);
	border-radius: var(--rd-borderradius-border-md);
	color: var(--rd-font-dark);
}

.rd-navadmin-review-hint {
	color: var(--rd-primary-active);
}

.rd-navadmin-dirty {
	color: var(--rd-secondary-active);
	font-weight: var(--rd-fontweights-open-sans-1);
}

.rd-navadmin-tabs {
	margin-bottom: var(--rd-spacing-md);
}

.rd-navadmin-tree,
.rd-navadmin-children,
.rd-navadmin-preview,
.rd-navadmin-preview ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.rd-navadmin-children {
	margin-left: var(--rd-spacing-xxx-big);
	border-left: var(--rd-borderwidth-border-default) solid var(--rd-border-gray);
	padding-left: var(--rd-spacing-x-sm);
}

.rd-navadmin-node {
	background: var(--rd-list-default-light);
	border: var(--rd-borderwidth-border-default) solid var(--rd-border-gray);
	border-radius: var(--rd-borderradius-border-md);
	padding: var(--rd-spacing-xx-sm) var(--rd-spacing-x-sm);
	cursor: grab;
}

.rd-navadmin-node-group {
	background: var(--rd-list-default-dark);
}

.rd-navadmin-node-review {
	border-left: 3px solid var(--rd-primary-active);
}

.rd-navadmin-node-editing {
	outline: var(--rd-borderwidth-border-focus) solid var(--rd-secondary-active);
}

.rd-navadmin-row {
	display: flex;
	align-items: center;
	gap: var(--rd-spacing-x-sm);
}

.rd-navadmin-type {
	flex: none;
	font-size: var(--rd-fontsize-2);
	text-transform: uppercase;
	color: var(--rd-gray-500);
	width: 76px;
}

.rd-navadmin-label {
	flex: 1;
	min-width: 0;
	cursor: pointer;
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: var(--rd-spacing-x-sm);
}

.rd-navadmin-node-group > .rd-navadmin-row .rd-navadmin-label {
	font-weight: var(--rd-fontweights-open-sans-1);
}

.rd-navadmin-detail {
	font-size: var(--rd-fontsize-3);
	color: var(--rd-gray-500);
	word-break: break-all;
}

.rd-navadmin-chips {
	display: flex;
	flex-wrap: wrap;
	gap: var(--rd-spacing-xx-sm);
	padding: var(--rd-spacing-xx-sm) 0 var(--rd-spacing-xx-sm) 108px;
}

.rd-navadmin-chip {
	font-size: var(--rd-fontsize-2);
	padding: 0 var(--rd-spacing-x-sm);
	border-radius: var(--rd-borderradius-pill);
	background: var(--rd-secondary-inactive);
	color: var(--rd-secondary-pressed);
	white-space: nowrap;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}

.rd-navadmin-chip-review {
	background: var(--rd-primary-inactive);
	color: var(--rd-primary-pressed);
}

.rd-navadmin-chip-badge {
	background: var(--rd-green-200);
	color: var(--rd-green-900);
}

/* Preview ("Meine Sicht") */
.rd-navadmin-preview {
	max-width: 480px;
}

.rd-navadmin-preview li {
	padding: var(--rd-spacing-xx-sm) var(--rd-spacing-x-sm);
}

.rd-navadmin-preview-group > ul {
	margin-left: var(--rd-spacing-md);
}

.rd-navadmin-preview-heading {
	font-size: var(--rd-fontsize-2);
	text-transform: uppercase;
	color: var(--rd-gray-500);
	border-top: var(--rd-borderwidth-border-default) solid var(--rd-border-gray);
}

/* Node form in the dynamic sidebar */
.rd-navadmin-form {
	padding: var(--rd-spacing-md);
}

.rd-navadmin-form-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.rd-navadmin-form h3,
.rd-navadmin-form h4 {
	margin: 0 0 var(--rd-spacing-x-sm);
}

.rd-navadmin-form h4 {
	margin-top: var(--rd-spacing-md);
}

.rd-navadmin-review-box {
	display: flex;
	flex-wrap: wrap;
	gap: var(--rd-spacing-x-sm);
	align-items: center;
	margin-bottom: var(--rd-spacing-md);
}

.rd-navadmin-roles {
	display: grid;
	gap: var(--rd-spacing-x-sm);
}

/* Compare dialog */
.rd-navadmin-diff {
	text-align: left;
	max-height: 60vh;
	overflow: auto;
}

.rd-navadmin-diff h4 {
	margin: var(--rd-spacing-md) 0 var(--rd-spacing-xx-sm);
}

.rd-navadmin-difflist {
	margin: 0;
	padding-left: var(--rd-spacing-md);
	font-size: var(--rd-fontsize-3);
	columns: 2;
}

.rd-navadmin-chips-inline {
	padding: 0 0 var(--rd-spacing-xx-sm);
}

.rd-navadmin-anyof {
	width: 100%;
	box-sizing: border-box;
	font-family: monospace;
	font-size: var(--rd-fontsize-3);
}