/* Native context-menu styles. Class names mirror jquery-contextmenu's
 * (context-menu-list / context-menu-item / context-menu-icon-*) so any
 * project-level overrides keep working after the swap. */

.pd-ctx-menu.context-menu-list {
	list-style: none;
	margin: 0;
	padding: 4px 0;
	min-width: 160px;
	background: #fff;
	border: 1px solid #d1d5db;
	border-radius: 4px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
	font-size: 13px;
	line-height: 1.4;
	color: #212529;
	user-select: none;
}

.pd-ctx-menu .pd-ctx-menu-item {
	padding: 6px 16px 6px 32px;
	cursor: pointer;
	position: relative;
	white-space: nowrap;
}

.pd-ctx-menu .pd-ctx-menu-item:hover {
	background: #f3f4f6;
}

.pd-ctx-menu .pd-ctx-menu-item:active {
	background: #e5e7eb;
}

/* Icon column on the left, painted via ::before. The glyphs are unicode
 * fallbacks so the menu remains usable when no project icon-font is loaded
 * (matches the FA/icon-pencil fallback pattern used elsewhere in dev). */
.pd-ctx-menu .context-menu-icon::before {
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 13px;
	font-style: normal;
	color: #4b5563;
}

.pd-ctx-menu .context-menu-icon-add::before {
	content: '+';
	font-weight: 700;
}

.pd-ctx-menu .context-menu-icon-edit::before {
	content: '\270F'; /* ✏ */
}

.pd-ctx-menu .context-menu-icon-delete::before {
	content: '\2716'; /* ✖ */
	color: #b91c1c;
}

.pd-ctx-menu .context-menu-icon-cut::before {
	content: '\2702'; /* ✂ */
}

.pd-ctx-menu .context-menu-icon-copy::before {
	content: '\29C9'; /* ⧉ */
}

.pd-ctx-menu .context-menu-icon-paste::before {
	content: '\1F4CB'; /* 📋 */
}