/* Base icon style */
.RadTreeView .rtIn::before {
	font-family: "Font Awesome 7 Pro";
	font-weight: 400;
	display: inline-block;
	width: 20px;
	margin-right: 6px;
	text-align: center;
	font-size: 14px;
}

/* Node-specific icons */
.rtIn.node-clients::before {
	content: "\f0c0";
}

.rtIn.node-calendar::before {
	content: "\f073";
}

.rtIn.node-accounting::before {
	content: "\f51e";
}

.rtIn.node-reconciliation::before {
	content: "\f058";
}

.rtIn.node-fiscal-year::before {
	content: "\f133";
}

.rtIn.node-reports::before {
	content: "\f1c1";
}

.rtIn.node-inbox::before {
	content: "\f0e0";
}

.rtIn.node-dispatches::before {
	content: "\f0e8";
}

.rtIn.node-health-insurance::before {
	content: "\f0f1";
}

.rtIn.node-danmark::before {
	content: "\f19c";
}

.rtIn.node-letters::before {
	content: "\f658";
}

.rtIn.node-invoice::before {
	content: "\f570";
}

.rtIn.node-messages::before {
	content: "\f075";
}

.rtIn.node-links::before {
	content: "\f0c1";
}

.rtIn.node-external-link::before {
	content: "\f0c1";
}

.rtIn.node-settings::before {
	content: "\f013";
}

.rtIn.node-clinic::before {
	content: "\f0f8";
}

.rtIn.node-users::before {
	content: "\f007";
}

.rtIn.node-pricelist::before {
	content: "\f0d6";
}

.rtIn.node-templates::before {
	content: "\f15b";
}

.rtIn.node-msg-settings::before {
	content: "\f27a";
}

.rtIn.node-registrations::before {
	content: "\f46d";
}

.rtIn.node-sentinel::before {
	content: "\f132";
}

.rtIn.node-login-info::before {
	content: "\f05a";
}

/* =============================================
   Modern Menu Styling
   ============================================= */

/* Menu container */
div.main div.menu {
	box-shadow: 5px 0px 5px -6px rgba(0, 0, 0, 0.3);
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	overflow-y: auto;
	overflow-x: hidden;
}

	/* Mobile menu: anchor to viewport edges */
	div.main div.menu.mobile-collapsed {
		top: 6rem;
		bottom: 0;
		height: auto;
		box-sizing: border-box;
	}

/* Logo spacing */
div.logo {
	margin-top: 1.5rem;
}

/* Remove default list styling */
div.main div.menu ul {
	padding: 0;
}

div.main div.menu li {
	background: none;
}

/* Node items */
.RadTreeView_Default .rtLI {
	margin-bottom: 2px;
}

.RadTreeView_Default .rtIn {
	padding: 6px 8px !important;
	border-radius: 4px;
	font-size: 14px;
	transition: background-color 0.15s ease, color 0.15s ease;
	border: 1px solid transparent;
}

	/* Icons color */
	.RadTreeView_Default .rtIn::before {
		transition: color 0.15s ease;
	}

/* Selected/Active state */
.RadTreeView_Default .rtSelected .rtIn {
	color: #fff;
	font-weight: 600;
}

	.RadTreeView_Default .rtSelected .rtIn::before {
		color: #fff;
	}

/* Expand/Collapse icons */
.RadTreeView_Default .rtPlus,
.RadTreeView_Default .rtMinus {
	margin-right: 2px;
	opacity: 0.6;
	transition: opacity 0.15s ease;
}

	.RadTreeView_Default .rtPlus:hover,
	.RadTreeView_Default .rtMinus:hover {
		opacity: 1;
	}

/* Child nodes indentation & styling */
.RadTreeView_Default .rtUL .rtUL {
	margin-left: 0.5rem;
	padding-left: 0.5rem;
}

	.RadTreeView_Default .rtUL .rtUL .rtIn {
		font-size: 13px;
	}

/* Disabled nodes */
.RadTreeView_Default .rtIn[disabled],
.RadTreeView_Default .rtDisabled .rtIn {
	color: #999;
	cursor: not-allowed;
}

/* Center expand/collapse icons vertically */
.RadTreeView .rtPlus, .RadTreeView .rtMinus {
	vertical-align: initial !important;
}