/* =========================================================
   MU EXODUS - MENTOR SIDEBAR INTEGRATION (USERCP SHELL)
   ========================================================= */

/* Hero Banner: Edge-to-edge spanning within usercp-page-shell */
#content .usercp-page-shell > .page-title.mentor-hero,
.usercp-page-shell .page-title.mentor-hero,
.usercp-page-shell .mentor-hero {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	width: calc(100% + 48px) !important;
	margin: 0 -24px 24px !important;
	padding: 22px 28px !important;
	min-height: 96px !important;
	border: 0 !important;
	border-bottom: 1px solid #30434f !important;
	border-left: 3px solid #d0a34d !important;
	border-radius: 0 !important;
	background: radial-gradient(circle at 88% 50%, rgba(218, 171, 63, 0.16), transparent 35%),
	            linear-gradient(90deg, rgba(201, 154, 67, 0.14), rgba(24, 40, 51, 0.8) 42%, rgba(19, 34, 44, 0.96)),
	            #101c24 !important;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25) !important;
	box-sizing: border-box !important;
}

.usercp-page-shell .mentor-page {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
}

/* Stat Cards inside sidebar layout */
.usercp-page-shell .mentor-stats {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 12px !important;
	margin: 0 0 20px !important;
}

.usercp-page-shell .mentor-stat-card {
	padding: 16px 16px !important;
	min-height: 156px !important;
}

.mentor-stat-body,
.usercp-page-shell .mentor-stat-body {
	text-align: center !important;
}

.mentor-stat-label,
.usercp-page-shell .mentor-stat-label {
	text-align: center !important;
}

.usercp-page-shell .mentor-stat-number {
	display: flex !important;
	align-items: baseline !important;
	justify-content: center !important;
	text-align: center !important;
	font-size: 22px !important;
}

.usercp-page-shell .mentor-stat-footer {
	font-size: 10.5px !important;
}

/* Compact Reward Cards inside sidebar layout */
.usercp-page-shell .mentor-rewards {
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 10px !important;
	padding: 12px !important;
}

.usercp-page-shell .mentor-reward-card {
	padding: 11px 10px 10px !important;
	border-radius: 11px !important;
}

.usercp-page-shell .mentor-reward-title {
	font-size: 13.5px !important;
	min-height: 30px !important;
}

.usercp-page-shell .mentor-reward-desc {
	font-size: 10px !important;
	min-height: 24px !important;
	margin-bottom: 5px !important;
}

.usercp-page-shell .mentor-reward-delivery {
	padding: 3px 6px !important;
	font-size: 9px !important;
	margin-bottom: 6px !important;
}

.usercp-page-shell .mentor-reward-footer {
	padding-top: 6px !important;
	gap: 6px !important;
}

.usercp-page-shell .mentor-price-tag strong {
	font-size: 12.5px !important;
}

.usercp-page-shell .mentor-btn-redeem,
.usercp-page-shell .mentor-btn-locked {
	height: 28px !important;
	padding: 0 9px !important;
	font-size: 10.5px !important;
	border-radius: 5px !important;
}

/* History table */
.usercp-page-shell .mentor-table th,
.usercp-page-shell .mentor-table td {
	padding: 10px 11px !important;
	font-size: 11px !important;
}

/* Responsive adjustments */
@media (max-width: 991px) {
	#content .usercp-page-shell > .page-title.mentor-hero,
	.usercp-page-shell .page-title.mentor-hero,
	.usercp-page-shell .mentor-hero {
		width: calc(100% + 48px) !important;
		margin: 0 -24px 20px !important;
		padding: 18px 22px !important;
	}
	.usercp-page-shell .mentor-stats {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}
	.usercp-page-shell .mentor-rewards {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 767px) {
	#content .usercp-page-shell > .page-title.mentor-hero,
	.usercp-page-shell .page-title.mentor-hero,
	.usercp-page-shell .mentor-hero {
		width: calc(100% + 30px) !important;
		margin: 0 -15px 18px !important;
		padding: 16px 18px !important;
	}
	.usercp-page-shell .mentor-stats {
		grid-template-columns: 1fr !important;
	}
	.usercp-page-shell .mentor-stat-card {
		min-height: 0 !important;
	}
	.usercp-page-shell .mentor-rewards {
		grid-template-columns: 1fr !important;
	}
	.usercp-page-shell .mentor-hero-emblem {
		display: none !important;
	}
}