/* BetUnion 設計系統 · 覆蓋 Matrix 搬移頁的 indigo 色系 */

body.bu-app {
	background: radial-gradient(ellipse 120% 80% at 50% -20%, #064e3b 0%, #0f172a 45%, #020617 100%);
	min-height: 100vh;
}

/* 舊頁仍用 indigo class → 映射為 BetUnion emerald */
.bg-indigo-600 {
	background-color: rgb(5 150 105) !important;
}
.hover\:bg-indigo-500:hover {
	background-color: rgb(16 185 129) !important;
}
.bg-indigo-600\/20 {
	background-color: rgb(5 150 105 / 0.2) !important;
}
.bg-indigo-600\/30 {
	background-color: rgb(5 150 105 / 0.3) !important;
}
.text-indigo-300,
.text-indigo-200 {
	color: rgb(110 231 183) !important;
}
.text-indigo-400 {
	color: rgb(52 211 153) !important;
}
.border-indigo-500\/30,
.border-indigo-500\/40 {
	border-color: rgb(16 185 129 / 0.35) !important;
}
.ring-indigo-500 {
	--tw-ring-color: rgb(16 185 129) !important;
}
.focus\:border-indigo-500:focus {
	border-color: rgb(16 185 129) !important;
}
.focus\:ring-indigo-500:focus {
	--tw-ring-color: rgb(16 185 129) !important;
}
.shadow-indigo-900\/30 {
	--tw-shadow-color: rgb(6 78 59 / 0.3) !important;
}

.bu-card {
	border-radius: 0.75rem;
	border: 1px solid rgb(51 65 85 / 0.8);
	background: rgb(15 23 42 / 0.65);
	backdrop-filter: blur(8px);
}

.bu-card:hover {
	border-color: rgb(16 185 129 / 0.35);
}

#sidebarBrand .bu-logo-mark {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	border-radius: 0.5rem;
	background: linear-gradient(135deg, #10b981, #059669);
	font-size: 0.75rem;
	font-weight: 800;
	color: #fff;
}