/* ============================================================
   PROFILE PILL — АБСОЛЮТНЫЙ МИНИМУМ
   - Только обводка плашки + аватарки
   - Layout родной GameCMS, НЕ ТРОГАЕМ
   - Подменю-плашки в стиле как просил
   ============================================================ */

:root {
	--pill-bg:           #1a1d3d;
	--pill-bg-hover:     #20244e;
	--pill-border:       rgba(155,109,255,0.18);
	--pill-border-hover: rgba(155,109,255,0.32);
	--pill-accent:       #9b6dff;
}

/* ============================================================
   ПЛАШКА ПРОФИЛЯ — только косметика, НЕ трогаем layout
   ============================================================ */

@media (min-width: 992px) {

	/* Только обводка плашки и фон */
	.wapper .header .collapsible-menu.user-menu > li > a {
		background: var(--pill-bg) !important;
		border: 1px solid var(--pill-border) !important;
		border-radius: 30px !important;
	}

	.wapper .header .collapsible-menu.user-menu > li > a:hover {
		background: var(--pill-bg-hover) !important;
		border-color: var(--pill-border-hover) !important;
	}

	/* Только обводка аватарки и форма круга */
	.wapper .header .collapsible-menu.user-menu > li > a img {
		border-radius: 50% !important;
		border: 2px solid var(--pill-accent) !important;
		box-sizing: border-box !important;
	}
}


/* ============================================================
   ПОДМЕНЮ ПРОФИЛЯ — плашки-кнопки
   ============================================================ */

.wapper .header .collapsible-menu.user-menu > li > ul {
	padding: 5px !important;
	min-width: 220px !important;
	max-width: 250px !important;
	max-height: calc(100vh - 100px) !important;
	overflow-y: auto !important;
	overflow-x: hidden !important;
	scrollbar-width: thin !important;
	scrollbar-color: rgba(155, 109, 255, 0.3) transparent !important;
	box-sizing: border-box !important;
}

.wapper .header .collapsible-menu.user-menu > li > ul::-webkit-scrollbar {
	width: 4px !important;
}
.wapper .header .collapsible-menu.user-menu > li > ul::-webkit-scrollbar-track {
	background: transparent !important;
	margin: 6px 0 !important;
}
.wapper .header .collapsible-menu.user-menu > li > ul::-webkit-scrollbar-thumb {
	background: rgba(155, 109, 255, 0.3) !important;
	border-radius: 3px !important;
}
.wapper .header .collapsible-menu.user-menu > li > ul::-webkit-scrollbar-thumb:hover {
	background: rgba(155, 109, 255, 0.5) !important;
}

.wapper .header .collapsible-menu.user-menu > li > ul > script,
.wapper .header .collapsible-menu.user-menu > li > ul > style,
.wapper .header .collapsible-menu.user-menu > li > ul > li:empty {
	display: none !important;
}

.wapper .header .collapsible-menu.user-menu > li > ul > li {
	display: block !important;
	margin: 0 0 3px 0 !important;
	padding: 0 !important;
	list-style: none !important;
	float: none !important;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	height: auto !important;
	min-height: 0 !important;
	line-height: 1 !important;
}
.wapper .header .collapsible-menu.user-menu > li > ul > li:last-child {
	margin-bottom: 0 !important;
}

.wapper .header .collapsible-menu.user-menu > li > ul > li > a {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 10px !important;
	padding: 9px 12px !important;
	margin: 0 !important;
	border-radius: 8px !important;
	background: rgba(155, 109, 255, 0.06) !important;
	border: 1px solid rgba(155, 109, 255, 0.10) !important;
	color: #c8cce0 !important;
	font-family: 'Segoe UI', sans-serif !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	line-height: 1.2 !important;
	white-space: nowrap !important;
	text-decoration: none !important;
	text-shadow: none !important;
	transform: none !important;
	transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease !important;
	width: 100% !important;
	box-sizing: border-box !important;
	height: auto !important;
	text-align: left !important;
}

.wapper .header .collapsible-menu.user-menu > li > ul > li > a i,
.wapper .header .collapsible-menu.user-menu > li > ul > li > a .fa,
.wapper .header .collapsible-menu.user-menu > li > ul > li > a .fas,
.wapper .header .collapsible-menu.user-menu > li > ul > li > a .far,
.wapper .header .collapsible-menu.user-menu > li > ul > li > a .fab,
.wapper .header .collapsible-menu.user-menu > li > ul > li > a .fa-duotone {
	font-size: 14px !important;
	width: 18px !important;
	min-width: 18px !important;
	max-width: 18px !important;
	text-align: center !important;
	color: var(--pill-accent) !important;
	flex-shrink: 0 !important;
	margin: 0 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	line-height: 1 !important;
}

.wapper .header .collapsible-menu.user-menu > li > ul > li > a:hover,
.wapper .header .collapsible-menu.user-menu > li > ul > li:hover > a {
	background: rgba(155, 109, 255, 0.16) !important;
	border-color: rgba(155, 109, 255, 0.30) !important;
	color: #ffffff !important;
}
.wapper .header .collapsible-menu.user-menu > li > ul > li > a:hover i {
	color: #b794ff !important;
}

/* Разделитель после Баланса */
.wapper .header .collapsible-menu.user-menu > li > ul > div[style*="height: 4px"],
.wapper .header .collapsible-menu.user-menu > li > ul > div[style*="height:4px"] {
	height: 1px !important;
	background: rgba(155,109,255,0.18) !important;
	margin: 4px 6px !important;
	width: auto !important;
	border-radius: 1px !important;
	border: none !important;
}

/* АДМИН ЦЕНТР */
.wapper .header .collapsible-menu.user-menu > li > ul > li > a[href*="admin"][style*="font-weight: bold"] {
	background: rgba(155, 109, 255, 0.14) !important;
	border: 1px solid rgba(155, 109, 255, 0.22) !important;
	color: #ffffff !important;
	font-weight: 700 !important;
	padding: 9px 12px !important;
	gap: 10px !important;
}
.wapper .header .collapsible-menu.user-menu > li > ul > li > a[href*="admin"][style*="font-weight: bold"]:hover {
	background: rgba(155, 109, 255, 0.22) !important;
	border-color: rgba(155, 109, 255, 0.40) !important;
}

/* Выход */
.wapper .header .collapsible-menu.user-menu > li > ul > li > a[href*="exit"] {
	color: #ff5577 !important;
	padding: 9px 12px !important;
	gap: 10px !important;
}
.wapper .header .collapsible-menu.user-menu > li > ul > li > a[href*="exit"] i {
	color: #ff5577 !important;
}
.wapper .header .collapsible-menu.user-menu > li > ul > li > a[href*="exit"]:hover {
	background: rgba(255, 85, 119, 0.10) !important;
	border-color: rgba(255, 85, 119, 0.25) !important;
	color: #ff7799 !important;
}
.wapper .header .collapsible-menu.user-menu > li > ul > li > a[href*="exit"]:hover i {
	color: #ff7799 !important;
}

.wapper .header .collapsible-menu.user-menu > li > ul > li > a::before,
.wapper .header .collapsible-menu.user-menu > li > ul > li > a::after {
	display: none !important;
	content: none !important;
}