/**
 * LEMY Prints — brand design system (Phase 0 + 1).
 * Shell: CRM layout, sidebar, mobile nav.
 */

:root {
	--lp-red: #cb2026;
	--lp-red-dark: #a2181e;
	--lp-red-light: #fdf2f2;
	--lp-red-muted: #fce8e9;
	--lp-black: #111111;
	--lp-text: #111111;
	--lp-text-muted: #64748b;
	--lp-white: #ffffff;
	--lp-gray-bg: #f2f2f2;
	--lp-border: #e8e8e8;
	--lp-shadow-sm: 0 4px 14px rgba(203, 32, 38, 0.08);
	--lp-shadow-md: 0 8px 22px rgba(203, 32, 38, 0.12);
	--lp-shadow-lg: 0 12px 30px rgba(17, 17, 17, 0.06);
	--lp-radius-xs: 8px;
	--lp-radius-sm: 10px;
	--lp-radius-md: 12px;
	--lp-radius-lg: 12px;
	--lp-radius-xl: 12px;
	--lp-radius-pill: 999px;
	--lp-space-xs: 4px;
	--lp-space-sm: 8px;
	--lp-space-md: 12px;
	--lp-space-lg: 16px;
	--lp-line-tight: 1.35;
	--lp-line-normal: 1.45;
	--lp-font-body: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	--lp-font-heading: 'Oswald', 'Bebas Neue', sans-serif;
	--lp-font-script: 'Great Vibes', cursive;
	--lp-surface-muted: var(--lp-gray-bg);
	--lp-content-max: 1240px;
	--lp-content-gutter: 20px;
	--lp-sidebar-width: 220px;
	--lp-sidebar-radius: 24px;
	--lp-sidebar-radius-collapsed: 34px;
	--lp-sidebar-item-radius: 10px;
	--lp-sidebar-border: rgba(203, 32, 38, 0.18);
	--lp-sidebar-float-y: 16px;
	--lp-sidebar-float-x: 12px;
	--lp-sidebar-ease: cubic-bezier(0.34, 1.15, 0.64, 1);
	--lp-sidebar-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
}

/* ── CRM app shell ── */
.lp-crm-app {
	display: flex !important;
	min-height: 100vh;
	background: var(--lp-gray-bg) !important;
	font-family: var(--lp-font-body);
	color: var(--lp-text);
}

.lp-main {
	flex: 1 !important;
	min-width: 0 !important;
}

/* ── Sidebar (refined — desktop floating panel) ── */
.lp-global-sidebar {
	width: var(--lp-sidebar-width) !important;
	min-width: var(--lp-sidebar-width);
	height: 100vh;
	position: sticky;
	top: 0;
	align-self: flex-start;
	background: var(--lp-white);
	border: 1px solid var(--lp-sidebar-border);
	display: flex;
	flex-direction: column;
	padding: 10px 10px 12px 12px;
	z-index: 80;
	box-sizing: border-box;
	overflow: visible;
	transition:
		width 0.38s var(--lp-sidebar-ease),
		min-width 0.38s var(--lp-sidebar-ease),
		padding 0.38s var(--lp-sidebar-ease),
		border-radius 0.38s var(--lp-sidebar-ease),
		box-shadow 0.38s var(--lp-sidebar-ease),
		border-color 0.28s ease,
		transform 0.38s var(--lp-sidebar-ease-out);
}

@media (min-width: 901px) {
	@keyframes lp-sidebar-float-in {
		from {
			opacity: 0;
			transform: translateX(-12px);
		}

		to {
			opacity: 1;
			transform: translateX(0);
		}
	}

	.lp-crm-app .lp-global-sidebar {
		height: calc(100vh - (var(--lp-sidebar-float-y) * 2));
		top: var(--lp-sidebar-float-y);
		margin: var(--lp-sidebar-float-y) 10px var(--lp-sidebar-float-y) var(--lp-sidebar-float-x);
		border-radius: var(--lp-sidebar-radius);
		box-shadow:
			0 14px 42px rgba(17, 17, 17, 0.08),
			0 4px 16px rgba(203, 32, 38, 0.07),
			inset 0 1px 0 rgba(255, 255, 255, 0.92);
		position: sticky;
		align-self: flex-start;
		animation: lp-sidebar-float-in 0.5s var(--lp-sidebar-ease-out) both;
	}

	.lp-crm-app .lp-global-sidebar:hover {
		box-shadow:
			0 18px 48px rgba(17, 17, 17, 0.1),
			0 6px 20px rgba(203, 32, 38, 0.09),
			inset 0 1px 0 rgba(255, 255, 255, 0.95);
	}
}

.lp-global-brand-row {
	display: flex;
	align-items: center;
	margin-bottom: 2px;
}

.lp-global-brand {
	height: auto;
	min-height: 36px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 6px 8px 4px !important;
	margin-bottom: 0;
	width: 100%;
	min-width: 0;
}

.lp-global-brand img {
	max-width: 108px;
	max-height: 44px;
	object-fit: contain;
}

.lp-logo-full {
	width: 148px !important;
	max-width: 100% !important;
}

.lp-logo-mini {
	display: none !important;
}

/* Nút thu gọn — mở rộng: nổi cạnh phải hàng logo; thu gọn: nằm dưới logo mini */
.lp-sidebar-toggle-btn {
	display: none;
}

@media (min-width: 901px) {
	.lp-sidebar-toggle-btn {
		display: flex;
		align-items: center;
		justify-content: center;
		position: absolute;
		top: 18px;
		right: -13px;
		width: 26px;
		height: 26px;
		min-height: 26px !important;
		padding: 0 !important;
		border: 1px solid var(--lp-sidebar-border);
		border-radius: 10px;
		background: var(--lp-white);
		color: var(--lp-text-muted) !important;
		cursor: pointer;
		z-index: 95;
		box-shadow:
			0 2px 10px rgba(17, 17, 17, 0.08),
			0 0 0 1px rgba(255, 255, 255, 0.8);
		transition:
			transform 0.28s var(--lp-sidebar-ease),
			border-color 0.24s ease,
			color 0.24s ease,
			box-shadow 0.28s var(--lp-sidebar-ease),
			background 0.24s ease,
			top 0.38s var(--lp-sidebar-ease),
			right 0.38s var(--lp-sidebar-ease);
	}

	.lemyprints-crm .lp-sidebar-toggle-btn {
		min-height: 26px !important;
		padding: 0 !important;
		font-size: 0 !important;
		line-height: 0 !important;
		border-radius: 10px !important;
	}

	.lp-sidebar-toggle-btn:hover {
		color: #ffffff;
		border-color: var(--lp-red);
		background: var(--lp-red);
		box-shadow: 0 6px 18px rgba(203, 32, 38, 0.28);
		transform: translateX(1px) scale(1.04);
	}

	.lp-sidebar-toggle-btn svg,
	.lp-sidebar-toggle-btn svg path {
		display: block;
		width: 14px;
		height: 14px;
		stroke: #64748b !important;
		fill: none !important;
		stroke-width: 1.85;
		stroke-linecap: round;
		stroke-linejoin: round;
		transition: transform 0.32s var(--lp-sidebar-ease), stroke 0.24s ease;
	}

	.lp-sidebar-toggle-btn:hover svg,
	.lp-sidebar-toggle-btn:hover svg path {
		stroke: #ffffff !important;
	}

	.lp-sidebar-toggle-btn:active {
		transform: scale(0.96);
	}

	.lp-sidebar-toggle-btn.is-collapsed svg {
		transform: scaleX(-1);
	}

	/* Thu gọn: nút trong luồng layout, căn giữa ngay dưới logo — không đè icon */
	.lp-crm-app.lp-sidebar-collapsed .lp-sidebar-toggle-btn {
		position: relative;
		top: auto;
		right: auto;
		align-self: center;
		margin: 0 auto 6px;
		flex-shrink: 0;
		transform: none;
		width: 28px;
		height: 28px;
		min-height: 28px !important;
		padding: 0 !important;
		border: 1px solid var(--lp-sidebar-border);
		border-radius: 12px;
		background: var(--lp-white);
		box-shadow: 0 2px 8px rgba(17, 17, 17, 0.06);
	}

	.lp-crm-app.lp-sidebar-collapsed .lp-sidebar-toggle-btn:hover {
		transform: scale(1.04);
		background: var(--lp-red);
		color: #ffffff;
		box-shadow: 0 6px 16px rgba(203, 32, 38, 0.28);
	}

	.lp-crm-app.lp-sidebar-collapsed .lp-sidebar-toggle-btn:hover svg,
	.lp-crm-app.lp-sidebar-collapsed .lp-sidebar-toggle-btn:hover svg path {
		stroke: #ffffff !important;
	}

	.lp-crm-app.lp-sidebar-collapsed .lp-sidebar-toggle-btn:active {
		transform: scale(0.97);
	}

	.lp-crm-app.lp-sidebar-collapsed .lp-global-brand {
		justify-content: center;
		padding: 8px 4px 2px !important;
		min-height: 40px;
	}

	.lp-crm-app.lp-sidebar-collapsed .lp-global-brand-row {
		margin-bottom: 0;
	}
}

.lp-global-menu {
	display: flex;
	flex-direction: column;
	gap: 0;
	padding: 0;
	flex: 1;
	min-height: 0;
}

.lp-menu-item-wrap.has-sub {
	margin-bottom: 1px;
}

.lp-menu-link {
	height: 28px;
	padding: 0 9px;
	border-radius: var(--lp-sidebar-item-radius);
	display: flex;
	align-items: center;
	gap: 7px;
	color: #64748b !important;
	text-decoration: none !important;
	font-size: 11.5px;
	font-weight: 500;
	font-family: var(--lp-font-body);
	letter-spacing: 0;
	text-transform: none;
	line-height: 1;
	transition:
		background 0.24s var(--lp-sidebar-ease-out),
		color 0.24s ease,
		box-shadow 0.28s var(--lp-sidebar-ease),
		transform 0.28s var(--lp-sidebar-ease),
		border-radius 0.28s ease;
}

.lp-menu-link:hover {
	background: var(--lp-red-light);
	color: var(--lp-red-dark) !important;
	transform: translateX(2px);
	box-shadow: 0 2px 10px rgba(203, 32, 38, 0.08);
}

.lp-menu-link.active {
	background: linear-gradient(180deg, var(--lp-red) 0%, var(--lp-red-dark) 100%);
	color: var(--lp-white) !important;
	box-shadow: 0 6px 16px rgba(203, 32, 38, 0.28);
	transform: none;
}

.lp-global-icon,
.lp-menu-link svg,
.lp-sub-menu svg,
.lp-global-logout svg,
.lp-mobile-nav svg,
.lp-mobile-more-panel svg {
	width: 14px;
	height: 14px;
	min-width: 14px;
	stroke: currentColor;
	fill: none;
	stroke-width: 1.85;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.lp-global-icon svg,
.lp-menu-link svg {
	display: block !important;
	width: 14px !important;
	height: 14px !important;
	stroke: currentColor !important;
	fill: none !important;
	stroke-width: 1.85 !important;
}

.lp-sub-menu {
	margin: 0 0 2px 18px;
	display: flex;
	flex-direction: column;
	gap: 0;
}

.lp-sub-menu a {
	height: 22px;
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 0 8px;
	border-radius: var(--lp-sidebar-item-radius);
	color: #94a3b8 !important;
	text-decoration: none !important;
	font-size: 10.5px;
	font-weight: 500;
	line-height: 1;
	font-family: var(--lp-font-body);
	transition: background 0.16s ease, color 0.16s ease, transform 0.16s ease;
}

.lp-sub-menu a:hover {
	background: var(--lp-gray-bg);
	color: var(--lp-red) !important;
	transform: translateX(1px);
}

.lp-sub-menu a.lp-sub-active {
	background: var(--lp-red-light);
	color: var(--lp-red-dark) !important;
	font-weight: 850;
}

.lp-sub-menu a.lp-sub-active svg,
.lp-sub-menu a.lp-sub-active svg * {
	stroke: var(--lp-red-dark) !important;
}

.lp-sub-menu a svg {
	width: 12px !important;
	height: 12px !important;
	min-width: 12px !important;
	opacity: 0.8;
}

.lp-global-bottom {
	margin-top: auto;
	display: flex;
	flex-direction: column;
	gap: 5px;
	padding-top: 6px;
	border-top: 1px solid rgba(17, 17, 17, 0.05);
}

.lp-global-user {
	display: flex;
	align-items: center;
	gap: 7px;
	padding: 8px;
	border: 1px solid rgba(203, 32, 38, 0.08);
	border-radius: 14px;
	background: var(--lp-gray-bg);
	text-decoration: none !important;
	color: inherit !important;
	cursor: pointer;
	transition:
		background 0.28s ease,
		box-shadow 0.28s ease,
		border-color 0.28s ease,
		transform 0.24s var(--lp-sidebar-ease);
}

.lp-global-user:hover {
	background: var(--lp-white);
	border-color: rgba(203, 32, 38, 0.22);
	box-shadow: 0 3px 12px rgba(203, 32, 38, 0.1);
	transform: translateY(-1px);
	text-decoration: none !important;
}

.lp-global-user,
.lp-global-user:hover,
.lp-global-user:focus,
.lp-global-user:focus-visible,
.lp-global-user:visited,
.lp-global-user *,
.lp-global-user:hover *,
.lp-global-user:visited * {
	text-decoration: none !important;
}

.lp-global-user.active {
	background: linear-gradient(90deg, var(--lp-red-dark) 0%, var(--lp-red) 100%);
	border-color: transparent;
	box-shadow: 0 3px 10px rgba(203, 32, 38, 0.2);
}

.lp-global-user.active .lp-global-user-info strong,
.lp-global-user.active .lp-global-user-info span,
.lp-global-user.active .lp-global-user-info small {
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
}

.lp-global-avatar {
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: linear-gradient(135deg, var(--lp-red-dark), var(--lp-red));
	color: var(--lp-white);
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	font-size: 10px;
	text-transform: uppercase;
	flex-shrink: 0;
}

.lp-global-user-info {
	min-width: 0;
	line-height: 1.15;
}

.lp-global-user-info strong,
.lp-global-user-info span,
.lp-global-user-info small {
	display: block;
	max-width: 112px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.lp-global-user-info strong {
	font-size: 11px;
	font-weight: 600;
	color: var(--lp-text);
	line-height: 1.15;
}

.lp-global-user-info span {
	font-size: 9.5px;
	color: var(--lp-red);
	font-weight: 600;
	margin-top: 1px;
	line-height: 1.15;
}

.lp-global-user-info small {
	font-size: 9.5px;
	color: var(--lp-text-muted);
	margin-top: 1px;
	line-height: 1.15;
}

.lp-global-logout {
	height: 30px;
	border: 1px solid #fee2e2;
	color: #dc2626 !important;
	background: var(--lp-white);
	border-radius: var(--lp-sidebar-item-radius);
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	text-decoration: none !important;
	font-size: 11px;
	font-weight: 700;
}

.lp-global-logout-form,
.lp-mobile-logout-form {
	margin: 0 !important;
}

.lp-global-logout {
	width: 100% !important;
	border: none !important;
	background: transparent !important;
	cursor: pointer !important;
}

/* Active menu — icon + text white (high specificity, wins over module CSS) */
.lp-crm-app .lp-global-sidebar .lp-global-menu .lp-menu-link.active,
.lp-crm-app .lp-global-sidebar .lp-global-menu a.lp-menu-link.active,
.lp-crm-app .lp-global-sidebar .lp-global-menu .lp-menu-link.active *,
.lp-crm-app .lp-global-sidebar .lp-global-menu a.lp-menu-link.active *,
.lp-menu-link.active,
.lp-menu-link.active span,
.lp-menu-link.active svg,
.lp-menu-link.active .lp-global-text,
.lp-menu-link.active .lp-global-icon {
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	stroke: #ffffff !important;
}

.lp-global-menu .lp-menu-link.active,
.lp-global-menu .lp-menu-link.active *,
.lp-global-menu a.active,
.lp-global-menu a.active * {
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	stroke: #ffffff !important;
	fill: none !important;
}

.lp-global-menu .lp-menu-link.active .lp-global-text,
.lp-global-menu a.active .lp-global-text {
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
}

/* Sidebar collapsed */
.lp-global-toggle {
	display: none !important;
}

.lp-crm-app.lp-sidebar-collapsed .lp-global-sidebar {
	width: 68px !important;
	min-width: 68px !important;
	padding: 10px 8px !important;
}

.lp-global-text,
.lp-global-user-info,
.lp-sub-menu {
	transition:
		opacity 0.26s var(--lp-sidebar-ease),
		max-width 0.34s var(--lp-sidebar-ease),
		margin 0.34s var(--lp-sidebar-ease);
}

.lp-crm-app.lp-sidebar-collapsed .lp-global-brand-row {
	margin-bottom: 4px;
}

.lp-crm-app.lp-sidebar-collapsed .lp-logo-full {
	display: none !important;
}

.lp-crm-app.lp-sidebar-collapsed .lp-logo-mini {
	display: block !important;
	width: 38px !important;
	max-width: 38px !important;
	margin: 0 auto;
}

@media (min-width: 901px) {
	.lp-crm-app.lp-sidebar-collapsed .lp-global-sidebar {
		border-radius: var(--lp-sidebar-radius-collapsed);
	}

	.lp-crm-app.lp-sidebar-collapsed .lp-menu-link {
		width: 42px;
		height: 42px;
		min-height: 42px !important;
		margin-left: auto;
		margin-right: auto;
		border-radius: 14px;
	}

	.lp-crm-app.lp-sidebar-collapsed .lp-menu-link.active {
		box-shadow: 0 8px 20px rgba(203, 32, 38, 0.34);
	}

	.lp-crm-app.lp-sidebar-collapsed .lp-global-user {
		justify-content: center;
		padding: 8px 6px;
		border-radius: 16px;
		width: 42px;
		height: 42px;
		margin-left: auto;
		margin-right: auto;
		box-sizing: border-box;
	}

	.lp-crm-app.lp-sidebar-collapsed .lp-global-bottom {
		border-top: 0;
		padding-top: 4px;
		gap: 8px;
	}
}

.lp-crm-app.lp-sidebar-collapsed .lp-global-brand img {
	max-width: 38px !important;
}

.lp-crm-app.lp-sidebar-collapsed .lp-global-text,
.lp-crm-app.lp-sidebar-collapsed .lp-sub-menu,
.lp-crm-app.lp-sidebar-collapsed .lp-global-user-info,
.lp-crm-app.lp-sidebar-collapsed .lp-global-logout span {
	display: none !important;
}

.lp-crm-app.lp-sidebar-collapsed .lp-menu-link,
.lp-crm-app.lp-sidebar-collapsed .lp-global-logout {
	justify-content: center !important;
	padding: 0 !important;
}

/* ── Mobile bottom nav ── */
.lp-mobile-app-menu,
.lp-mobile-more-panel {
	display: none;
}

@media (max-width: 900px) {
	html,
	body {
		width: 100% !important;
		max-width: 100% !important;
		overflow-x: hidden !important;
		margin: 0 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	body {
		padding-bottom: 86px !important;
	}

	.lp-global-sidebar {
		display: none !important;
		width: 0 !important;
		min-width: 0 !important;
		max-width: 0 !important;
		padding: 0 !important;
		margin: 0 !important;
		border: 0 !important;
	}

	.lp-crm-app {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		margin: 0 !important;
		padding: 0 0 90px 0 !important;
		overflow: hidden !important;
		position: relative !important;
		left: 0 !important;
		transform: none !important;
	}

	.lp-main {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden !important;
		position: relative !important;
		left: 0 !important;
		transform: none !important;
	}

	.lp-container,
	.lpp-wrap,
	.lpa-wrap,
	.lpc-wrap,
	.lpr-wrap,
	.lp-cart-container,
	.lp-checkout-container,
	.lp-account-container,
	.lp-thankyou-wrap {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		margin: 0 auto !important;
		padding-left: 12px !important;
		padding-right: 12px !important;
		overflow: hidden !important;
		box-sizing: border-box !important;
	}

	.lp-mobile-app-menu {
		position: fixed !important;
		left: 12px !important;
		right: 12px !important;
		bottom: 10px !important;
		height: 66px !important;
		padding: 6px !important;
		display: grid !important;
		grid-template-columns: repeat(4, 1fr) !important;
		gap: 6px !important;
		background: rgba(255, 255, 255, 0.96) !important;
		border: 1px solid var(--lp-border) !important;
		border-radius: 24px !important;
		box-shadow: var(--lp-shadow-lg) !important;
		backdrop-filter: blur(14px) !important;
		z-index: 999999 !important;
		box-sizing: border-box !important;
	}

	.lp-mobile-app-menu a,
	.lp-mobile-app-menu button {
		height: 54px !important;
		border: 0 !important;
		border-radius: var(--lp-radius-lg) !important;
		background: transparent !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 3px !important;
		color: var(--lp-text-muted) !important;
		text-decoration: none !important;
		font-size: 10.5px !important;
		font-weight: 750 !important;
		font-family: var(--lp-font-heading);
		letter-spacing: 0.02em;
		line-height: 1 !important;
		box-shadow: none !important;
		cursor: pointer !important;
	}

	.lp-mobile-app-menu svg,
	.lp-mobile-more-panel svg {
		width: 20px !important;
		height: 20px !important;
		min-width: 20px !important;
		stroke: currentColor !important;
		fill: none !important;
		stroke-width: 2.1 !important;
		stroke-linecap: round !important;
		stroke-linejoin: round !important;
	}

	.lp-mobile-app-menu a.active,
	.lp-mobile-more-toggle.active {
		background: var(--lp-red) !important;
		color: var(--lp-white) !important;
		box-shadow: var(--lp-shadow-md) !important;
	}

	.lp-mobile-app-menu a.active svg,
	.lp-mobile-more-toggle.active svg,
	.lp-mobile-app-menu a.active svg *,
	.lp-mobile-more-toggle.active svg * {
		stroke: #ffffff !important;
		color: #ffffff !important;
	}

	.lp-mobile-app-menu span {
		white-space: nowrap !important;
	}

	.lp-mobile-more-panel {
		position: fixed !important;
		left: 12px !important;
		right: 12px !important;
		bottom: 86px !important;
		padding: 10px !important;
		background: var(--lp-white) !important;
		border: 1px solid var(--lp-border) !important;
		border-radius: var(--lp-radius-xl) !important;
		box-shadow: 0 20px 48px rgba(17, 17, 17, 0.14) !important;
		grid-template-columns: 1fr 1fr !important;
		gap: 8px !important;
		z-index: 999998 !important;
		box-sizing: border-box !important;
	}

	body.lp-mobile-more-open .lp-mobile-more-panel {
		display: grid !important;
	}

	.lp-mobile-more-panel a {
		min-height: 44px !important;
		padding: 0 12px !important;
		border-radius: var(--lp-radius-md) !important;
		display: flex !important;
		align-items: center !important;
		gap: 9px !important;
		background: var(--lp-gray-bg) !important;
		color: var(--lp-text) !important;
		text-decoration: none !important;
		font-size: 13px !important;
		font-weight: 800 !important;
		box-sizing: border-box !important;
	}

	.lp-mobile-more-panel a:hover {
		background: var(--lp-red-light) !important;
		color: var(--lp-red) !important;
	}

	.lp-mobile-more-panel .lp-mobile-user-line {
		grid-column: 1 / -1;
		min-height: 44px !important;
		padding: 0 12px !important;
		border-radius: var(--lp-radius-md) !important;
		display: flex !important;
		align-items: center !important;
		gap: 9px !important;
		background: var(--lp-gray-bg) !important;
		color: var(--lp-text) !important;
		text-decoration: none !important;
		font-size: 13px !important;
		font-weight: 800 !important;
		box-sizing: border-box !important;
	}

	.lp-mobile-more-panel .lp-mobile-user-line:hover {
		background: var(--lp-red-light) !important;
		color: var(--lp-red) !important;
	}

	.lp-mobile-more-panel .lp-mobile-user-line.active {
		background: linear-gradient(90deg, var(--lp-red-dark) 0%, var(--lp-red) 100%) !important;
		color: #ffffff !important;
	}

	.lp-mobile-more-panel .lp-mobile-user-line.active span,
	.lp-mobile-more-panel .lp-mobile-user-line.active svg {
		color: #ffffff !important;
		stroke: #ffffff !important;
	}
}

/* ── Shared CRM module components (Phase 2+) ── */
.lp-crm-app .lp-main h1,
.lp-crm-app .lpc-header h1,
.lp-crm-app .lp-qr-header h1,
.lp-crm-app .lpr-header h1,
.lp-crm-app .lpa-header h1,
#lp-products-app .lpp-header h1,
#lp-products-app .lpe-card-head h2 {
	font-family: var(--lp-font-heading);
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: var(--lp-text);
}

.lp-btn-primary,
.lpc-filter button,
.lpc-bill-btn,
#lpGenerateQr,
#lpCopyQrBill {
	background: var(--lp-red) !important;
	color: var(--lp-white) !important;
	border: 0 !important;
	box-shadow: var(--lp-shadow-sm) !important;
	transition: background 0.18s ease, box-shadow 0.18s ease;
}

.lp-btn-primary:hover,
.lpc-filter button:hover,
.lpc-bill-btn:hover,
#lpGenerateQr:hover,
#lpCopyQrBill:hover {
	background: var(--lp-red-dark) !important;
	box-shadow: var(--lp-shadow-md) !important;
}

.lp-badge,
.lpc-order-btn {
	background: var(--lp-red-light) !important;
	color: var(--lp-red-dark) !important;
	border: 1px solid rgba(203, 32, 38, 0.2) !important;
}

.lp-avatar-accent,
.lpc-avatar {
	background: var(--lp-red-muted) !important;
	color: var(--lp-red) !important;
}

.lp-crm-app input:focus,
.lp-crm-app select:focus,
.lp-crm-app textarea:focus {
	border-color: var(--lp-red) !important;
	box-shadow: 0 0 0 3px rgba(203, 32, 38, 0.12) !important;
	outline: none !important;
}

.lp-link-accent {
	color: var(--lp-red) !important;
}

.lp-link-accent:hover {
	color: var(--lp-red-dark) !important;
}

/* ── WooCommerce My Account (đồng bộ CRM shell) ── */
body.woocommerce-account {
	font-family: var(--lp-font-body) !important;
	color: var(--lp-text);
}

body.woocommerce-account .site-content,
body.woocommerce-account .ast-container,
body.woocommerce-account .content-area,
body.woocommerce-account .site-main,
body.woocommerce-account article,
body.woocommerce-account .entry-content,
body.woocommerce-account #lp-account-app,
body.woocommerce-account .lp-main,
body.woocommerce-account .lp-account-container {
	background: transparent !important;
}

#lp-account-app .lp-main {
	padding: 16px 18px !important;
}

#lp-account-app .lp-account-container {
	width: 100%;
	max-width: var(--lp-content-max);
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
}

#lp-account-app .woocommerce {
	display: grid;
	grid-template-columns: 196px minmax(0, 1fr);
	grid-template-areas:
		'head head'
		'nav content';
	gap: 12px;
	width: 100%;
	max-width: var(--lp-content-max);
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
	font-family: var(--lp-font-body);
}

#lp-account-app .woocommerce::after {
	display: none;
}

#lp-account-app .lp-account-head {
	grid-area: head;
	display: flex;
	align-items: center;
	gap: 12px;
	background: var(--lp-white);
	border: 1px solid var(--lp-border);
	border-radius: var(--lp-radius-md);
	padding: 14px 16px;
	box-shadow: var(--lp-shadow-lg);
}

#lp-account-app .lp-account-avatar {
	width: 40px;
	height: 40px;
	border-radius: var(--lp-radius-xs);
	background: linear-gradient(135deg, var(--lp-red-dark), var(--lp-red));
	color: var(--lp-white);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	flex-shrink: 0;
}

#lp-account-app .lp-account-head h2 {
	margin: 0;
	font-family: var(--lp-font-heading);
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: var(--lp-text);
	line-height: 1.15;
}

#lp-account-app .lp-account-head p {
	margin: 2px 0 0;
	font-size: 13px;
	color: var(--lp-text-muted);
	line-height: var(--lp-line-tight);
}

#lp-account-app .lp-account-head strong {
	color: var(--lp-text);
	font-weight: 600;
}

#lp-account-app .woocommerce-MyAccount-navigation {
	grid-area: nav;
	float: none !important;
	width: auto !important;
	background: var(--lp-white);
	border: 1px solid var(--lp-border);
	border-radius: var(--lp-radius-md);
	padding: 8px;
	box-shadow: var(--lp-shadow-lg);
	box-sizing: border-box;
	align-self: start;
}

#lp-account-app .woocommerce-MyAccount-navigation ul {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	display: flex;
	flex-direction: column;
	gap: 2px;
}

#lp-account-app .woocommerce-MyAccount-navigation li {
	margin: 0 !important;
}

#lp-account-app .woocommerce-MyAccount-navigation a {
	min-height: 32px;
	padding: 0 10px;
	border-radius: var(--lp-sidebar-item-radius);
	display: flex;
	align-items: center;
	text-decoration: none !important;
	color: var(--lp-text-muted) !important;
	font-size: 12px;
	font-weight: 600;
	transition:
		background 0.18s ease,
		color 0.18s ease,
		box-shadow 0.18s ease;
}

#lp-account-app .woocommerce-MyAccount-navigation a:hover {
	background: var(--lp-red-light);
	color: var(--lp-red-dark) !important;
}

#lp-account-app .woocommerce-MyAccount-navigation li.is-active a,
#lp-account-app .woocommerce-MyAccount-navigation-link.is-active a {
	background: linear-gradient(90deg, var(--lp-red-dark) 0%, var(--lp-red) 100%);
	color: #ffffff !important;
	box-shadow: 0 3px 10px rgba(203, 32, 38, 0.2);
}

#lp-account-app .woocommerce-MyAccount-content {
	grid-area: content;
	float: none !important;
	width: auto !important;
	background: var(--lp-white);
	border: 1px solid var(--lp-border);
	border-radius: var(--lp-radius-md);
	padding: 16px 18px;
	box-shadow: var(--lp-shadow-lg);
	box-sizing: border-box;
	min-height: 280px;
}

#lp-account-app .woocommerce-MyAccount-content > p:first-child {
	display: none !important;
}

#lp-account-app .woocommerce-MyAccount-content p,
#lp-account-app .woocommerce-MyAccount-content li {
	font-size: 14px;
	line-height: var(--lp-line-normal);
	color: var(--lp-text-muted);
}

#lp-account-app .woocommerce-MyAccount-content h2,
#lp-account-app .woocommerce-MyAccount-content h3 {
	font-family: var(--lp-font-heading);
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: var(--lp-text);
	margin: 0 0 12px;
}

#lp-account-app .woocommerce-MyAccount-content a:not(.button):not(.woocommerce-button) {
	color: var(--lp-red) !important;
	font-weight: 600;
	text-decoration: none;
}

#lp-account-app .woocommerce-MyAccount-content a:not(.button):not(.woocommerce-button):hover {
	color: var(--lp-red-dark) !important;
}

#lp-account-app table.shop_table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid var(--lp-border);
	border-radius: var(--lp-radius-md);
	overflow: hidden;
	background: var(--lp-white);
}

#lp-account-app table.shop_table th {
	background: var(--lp-gray-bg) !important;
	color: var(--lp-text-muted) !important;
	font-size: 11px !important;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	font-weight: 700 !important;
	padding: 10px 12px !important;
	border-bottom: 1px solid var(--lp-border) !important;
}

#lp-account-app table.shop_table td {
	padding: 10px 12px !important;
	border-bottom: 1px solid var(--lp-border) !important;
	font-size: 13px !important;
	color: var(--lp-text) !important;
	vertical-align: middle;
}

#lp-account-app table.shop_table tbody tr:last-child td {
	border-bottom: 0 !important;
}

#lp-account-app .woocommerce-orders-table__cell-order-actions {
	min-width: 108px;
}

#lp-account-app fieldset {
	border: 0;
	padding: 0;
	margin: 16px 0 0;
}

#lp-account-app legend {
	font-family: var(--lp-font-heading);
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: var(--lp-text);
	padding-bottom: 8px;
	border-bottom: 1px solid var(--lp-border);
	width: 100%;
	margin-bottom: 12px;
}

#lp-account-app label {
	font-size: 12px;
	font-weight: 600;
	color: var(--lp-text);
	margin-bottom: 5px;
	display: block;
}

#lp-account-app input.input-text,
#lp-account-app input[type='text'],
#lp-account-app input[type='email'],
#lp-account-app input[type='password'] {
	width: 100%;
	height: 40px;
	border: 1px solid var(--lp-border);
	border-radius: var(--lp-radius-md);
	padding: 0 12px;
	background: var(--lp-white);
	font-size: 13px;
	font-weight: 500;
	box-shadow: none;
	box-sizing: border-box;
	transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

#lp-account-app input.input-text:focus,
#lp-account-app input[type='text']:focus,
#lp-account-app input[type='email']:focus,
#lp-account-app input[type='password']:focus {
	border-color: var(--lp-red);
	box-shadow: 0 0 0 3px rgba(203, 32, 38, 0.12);
	outline: none;
}

#lp-account-app .woocommerce-message,
#lp-account-app .woocommerce-info,
#lp-account-app .woocommerce-error {
	border: 1px solid var(--lp-border);
	border-left: 3px solid var(--lp-red);
	background: var(--lp-gray-bg);
	border-radius: var(--lp-radius-md);
	padding: 12px 14px;
	color: var(--lp-text);
	font-size: 13px;
	margin-bottom: 12px;
}

body.woocommerce-account .lp-account-avatar {
	background: linear-gradient(135deg, var(--lp-red-dark), var(--lp-red)) !important;
	color: var(--lp-white) !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
body.woocommerce-account .woocommerce-MyAccount-navigation a:hover {
	background: var(--lp-red) !important;
	color: var(--lp-white) !important;
}

body.woocommerce-account .woocommerce-MyAccount-content a {
	color: var(--lp-red) !important;
}

body.woocommerce-account .woocommerce-Button,
body.woocommerce-account button.button,
body.woocommerce-account .button,
.woocommerce-account .woocommerce-button,
.woocommerce-account a.button,
.woocommerce-account .button,
.woocommerce-account .woocommerce-MyAccount-content .button,
.woocommerce-account table.shop_table .button {
	background: var(--lp-red) !important;
	color: var(--lp-white) !important;
	border: 0 !important;
	border-radius: var(--lp-radius-md) !important;
	min-height: 38px;
	padding: 0 16px;
	font-size: 13px;
	font-weight: 700;
	box-shadow: var(--lp-shadow-sm) !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none !important;
	transition: background 0.18s ease, box-shadow 0.18s ease;
}

body.woocommerce-account .woocommerce-Button:hover,
body.woocommerce-account button.button:hover,
.woocommerce-account .woocommerce-MyAccount-content .button:hover,
.woocommerce-account table.shop_table .button:hover {
	background: var(--lp-red-dark) !important;
	color: var(--lp-white) !important;
	box-shadow: var(--lp-shadow-md) !important;
}

body.woocommerce-account .woocommerce-message,
body.woocommerce-account .woocommerce-info {
	border-top-color: var(--lp-red) !important;
}

@media (max-width: 900px) {
	#lp-account-app .lp-main {
		padding: 12px 12px 90px !important;
	}

	#lp-account-app .woocommerce {
		grid-template-columns: 1fr;
		grid-template-areas:
			'head'
			'nav'
			'content';
		gap: 10px;
	}

	#lp-account-app .lp-account-head {
		padding: 12px 14px;
	}

	#lp-account-app .lp-account-head h2 {
		font-size: 18px;
	}

	#lp-account-app .woocommerce-MyAccount-navigation ul {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 6px;
	}

	#lp-account-app .woocommerce-MyAccount-navigation a {
		justify-content: center;
		min-height: 36px;
		padding: 0 8px;
		font-size: 11.5px;
		text-align: center;
	}

	#lp-account-app .woocommerce-MyAccount-content {
		padding: 14px;
	}

	#lp-account-app table.shop_table_responsive tr {
		display: block;
		background: var(--lp-white);
		border: 1px solid var(--lp-border);
		border-radius: var(--lp-radius-md);
		padding: 12px;
		margin-bottom: 10px;
	}

	#lp-account-app table.shop_table_responsive td {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		padding: 10px 0;
		border-bottom: 1px solid var(--lp-border);
		text-align: right;
	}

	#lp-account-app table.shop_table_responsive td:last-child {
		border-bottom: 0;
	}

	#lp-account-app table.shop_table_responsive td::before {
		font-weight: 700;
		color: var(--lp-text);
		text-align: left;
	}

	#lp-account-app table.shop_table_responsive td.woocommerce-orders-table__cell-order-actions .button {
		min-width: 88px;
		margin-left: auto;
	}
}

/* ── Phase 4: Astra + WooCommerce global + CRM chrome ── */
:root {
	--ast-global-color-0: #cb2026;
	--ast-global-color-1: #a2181e;
	--ast-global-color-2: #111111;
	--ast-global-color-3: #64748b;
}

body.lemyprints-crm #masthead,
body.lemyprints-crm .site-footer,
body.lemyprints-crm .ast-footer-overlay,
body.lemyprints-crm .ast-scroll-top,
body.lemyprints-crm .ast-mobile-popup-drawer {
	display: none !important;
}

body.lemyprints-crm,
body.lemyprints-crm #page,
body.lemyprints-crm .site,
body.lemyprints-crm .hfeed {
	padding-top: 0 !important;
	margin-top: 0 !important;
}

body.admin-bar.lemyprints-crm .lp-global-sidebar {
	top: calc(32px + var(--lp-sidebar-float-y));
	height: calc(100vh - 32px - (var(--lp-sidebar-float-y) * 2));
}

@media (min-width: 901px) {
	body.admin-bar.lemyprints-crm .lp-crm-app .lp-global-sidebar {
		top: calc(32px + var(--lp-sidebar-float-y));
		height: calc(100vh - 32px - (var(--lp-sidebar-float-y) * 2));
	}
}

@media (max-width: 782px) {
	body.admin-bar.lemyprints-crm .lp-global-sidebar {
		top: calc(46px + var(--lp-sidebar-float-y));
		height: calc(100vh - 46px - (var(--lp-sidebar-float-y) * 2));
	}

	body.admin-bar.lemyprints-crm .lp-crm-app .lp-global-sidebar {
		top: calc(46px + var(--lp-sidebar-float-y));
		height: calc(100vh - 46px - (var(--lp-sidebar-float-y) * 2));
	}
}

body.lemyprints-crm .site-content,
body.lemyprints-crm .ast-container,
body.lemyprints-crm .content-area,
body.lemyprints-crm .site-main,
body.lemyprints-crm #primary,
body.lemyprints-crm #content {
	max-width: 100% !important;
	width: 100% !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	padding-top: 0 !important;
	margin: 0 !important;
}

body.lemyprints-crm .entry-content,
body.lemyprints-crm article,
body.lemyprints-crm .ast-article-single {
	padding-top: 0 !important;
	margin-top: 0 !important;
}

body.lemyprints-crm .entry-header,
body.lemyprints-crm .entry-header.ast-no-title,
body.lemyprints-crm.ast-separate-container .site-content,
body.lemyprints-crm .site-content > .ast-container {
	padding-top: 0 !important;
	margin-top: 0 !important;
}

body.lemyprints-crm .entry-content > :first-child,
body.lemyprints-crm .entry-content > .lp-crm-app:first-child,
body.lemyprints-crm .entry-content > #lp-crm-app:first-child {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

body.lemyprints-crm,
body.woocommerce-cart,
body.woocommerce-checkout,
body.woocommerce-order-received,
body.woocommerce-account {
	background: var(--lp-gray-bg) !important;
}

#lp-products-app,
#lp-cart-app,
#lp-checkout-app,
#lp-thankyou-app,
#lp-customers-app,
#lp-qr-app,
#lp-report-app,
#lp-crm-app,
#lp-order-archive-app,
#lp-account-app {
	background: var(--lp-gray-bg);
	font-family: var(--lp-font-body);
	color: var(--lp-text);
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce-cart .button,
.woocommerce-checkout .button,
.woocommerce-checkout #place_order {
	background: var(--lp-red) !important;
	color: var(--lp-white) !important;
	border-color: var(--lp-red) !important;
	border-radius: var(--lp-radius-md) !important;
	font-weight: 800 !important;
	box-shadow: var(--lp-shadow-sm) !important;
	transition: background 0.18s ease, box-shadow 0.18s ease;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce-cart .button:hover,
.woocommerce-checkout .button:hover,
.woocommerce-checkout #place_order:hover {
	background: var(--lp-red-dark) !important;
	border-color: var(--lp-red-dark) !important;
	box-shadow: var(--lp-shadow-md) !important;
	color: var(--lp-white) !important;
}

.woocommerce a.button.alt,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
	background: var(--lp-red) !important;
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
	border-top-color: var(--lp-red) !important;
	border-radius: var(--lp-radius-md) !important;
}

.woocommerce-message::before,
.woocommerce-info::before {
	color: var(--lp-red) !important;
}

.woocommerce-cart .entry-title,
.woocommerce-checkout h1,
.woocommerce-checkout .entry-title,
.lp-thankyou-wrap h1,
.lp-thankyou-wrap h2 {
	font-family: var(--lp-font-heading) !important;
	letter-spacing: 0.02em;
}

.woocommerce-cart table.shop_table th,
.woocommerce-checkout-review-order-table th,
.lpc-table th,
body.woocommerce-account table.shop_table th {
	background: var(--lp-surface-muted) !important;
}

.woocommerce-cart input.input-text,
.woocommerce-cart select,
.woocommerce-checkout input.input-text,
.woocommerce-checkout select,
.woocommerce-checkout textarea,
.woocommerce-checkout .select2-selection,
.woocommerce-account input.input-text {
	border-color: var(--lp-border) !important;
	border-radius: var(--lp-radius-md) !important;
}

.woocommerce-cart input.input-text:focus,
.woocommerce-cart select:focus,
.woocommerce-checkout input.input-text:focus,
.woocommerce-checkout select:focus,
.woocommerce-checkout textarea:focus,
.woocommerce-account input.input-text:focus {
	border-color: var(--lp-red) !important;
	box-shadow: 0 0 0 3px rgba(203, 32, 38, 0.12) !important;
}

.woocommerce a:not(.button):not(.checkout-button):not(.remove) {
	color: var(--lp-red);
}

.woocommerce a:not(.button):not(.checkout-button):not(.remove):hover {
	color: var(--lp-red-dark);
}

.woocommerce .amount,
.woocommerce-cart .order-total .amount,
.woocommerce-checkout-review-order-table .order-total .amount {
	color: var(--lp-red);
}

/* ── Phase 5: Compact layout + unified radius ── */
.lemyprints-crm,
.lemyprints-crm .lp-crm-app {
	line-height: var(--lp-line-tight);
}

.lemyprints-crm .lp-main,
#lp-cart-app .lp-main,
#lp-checkout-app .lp-main,
#lp-thankyou-app .lp-main,
#lp-account-app .lp-main {
	padding: 0 18px 16px !important;
}

.lemyprints-crm .lp-container,
.lemyprints-crm .lpp-wrap,
.lemyprints-crm .lpa-wrap,
.lemyprints-crm .lpc-wrap,
.lemyprints-crm .lpr-wrap,
.lemyprints-crm .lp-cart-container,
.lemyprints-crm .lp-checkout-container {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.lemyprints-crm [class*='-header'] {
	margin-bottom: var(--lp-space-md) !important;
}

.lemyprints-crm [class*='-header'] h1 {
	margin: 0 0 4px !important;
	font-size: 24px !important;
	line-height: 1.15 !important;
}

.lemyprints-crm [class*='-header'] p {
	margin: 0 !important;
	font-size: 13px !important;
	line-height: var(--lp-line-tight) !important;
}

.lemyprints-crm [class*='-card'],
.lemyprints-crm [class*='-filter'],
.lemyprints-crm [class*='-panel'],
.lemyprints-crm [class*='-box'],
.lemyprints-crm .lpr-kpi,
.lemyprints-crm .lpr-filter,
.lemyprints-crm .lpr-panel,
.lemyprints-crm .lpc-filter,
.lemyprints-crm .lpc-table-card,
.lemyprints-crm .lp-qr-card,
.lemyprints-crm .lpe-card,
.lemyprints-crm .lp-cart-extra-box,
.lemyprints-crm .woocommerce-cart-form,
.lemyprints-crm .cart_totals,
.lemyprints-crm .woocommerce-billing-fields,
.lemyprints-crm .woocommerce-additional-fields,
.lemyprints-crm .woocommerce-checkout #order_review,
.lemyprints-crm .lp-checkout-crm-options,
.lemyprints-crm .lp-account-head,
.lemyprints-crm .woocommerce-MyAccount-navigation,
.lemyprints-crm .woocommerce-MyAccount-content {
	border-radius: var(--lp-radius-md) !important;
}

.lemyprints-crm [class*='-card'],
.lemyprints-crm [class*='-filter'],
.lemyprints-crm [class*='-panel'],
.lemyprints-crm [class*='-box'],
.lemyprints-crm .lpr-kpi,
.lemyprints-crm .lpr-filter,
.lemyprints-crm .lpr-panel,
.lemyprints-crm .lpc-filter,
.lemyprints-crm .lpc-table-card,
.lemyprints-crm .lp-qr-card,
.lemyprints-crm .lpe-card {
	padding: 14px !important;
}

.lemyprints-crm table th,
.lemyprints-crm table td {
	padding: 10px 12px !important;
	line-height: var(--lp-line-tight) !important;
}

.lemyprints-crm input,
.lemyprints-crm select,
.lemyprints-crm textarea,
.lemyprints-crm button,
.lemyprints-crm .button {
	border-radius: var(--lp-radius-sm) !important;
}

.lemyprints-crm .lpr-tabs a,
.lemyprints-crm .lpr-tabs button {
	height: 34px !important;
	padding: 0 12px !important;
	border-radius: var(--lp-radius-pill) !important;
	font-size: 12px !important;
	line-height: 1 !important;
}

.lemyprints-crm .lpr-tabs a.active,
.lemyprints-crm .lpr-tabs button.active {
	background: var(--lp-red) !important;
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
}

.lemyprints-crm .lpr-tabs a.active *,
.lemyprints-crm .lpr-tabs button.active * {
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
}

.lemyprints-crm .lpr-kpis-modern,
.lemyprints-crm .lpr-kpis,
.lemyprints-crm .lpr-stats {
	gap: 10px !important;
	margin-bottom: 12px !important;
}

.lemyprints-crm .lpr-kpi {
	min-height: 118px !important;
	padding: 12px !important;
}

.lemyprints-crm .lpr-kpi strong,
.lemyprints-crm .lpr-kpi .lpr-kpi-value {
	line-height: 1.1 !important;
}

.lemyprints-crm .lpr-grid {
	gap: 12px !important;
}

.lemyprints-crm .lp-global-user {
	padding: 8px !important;
	border-radius: var(--lp-sidebar-item-radius) !important;
	text-decoration: none !important;
}

.lemyprints-crm .lp-global-user,
.lemyprints-crm .lp-global-user * {
	text-decoration: none !important;
}

.lemyprints-crm p,
.lemyprints-crm li,
.lemyprints-crm label,
.lemyprints-crm .form-row {
	line-height: var(--lp-line-tight) !important;
}

.lemyprints-crm .form-row {
	margin-bottom: 10px !important;
}

/* ── Phase 6: Unified desktop content width ── */
@media (min-width: 901px) {
	.lemyprints-crm .lp-main,
	body.woocommerce-cart .lp-crm-app .lp-main,
	body.woocommerce-checkout .lp-crm-app .lp-main,
	body.woocommerce-order-received .lp-crm-app .lp-main {
		padding: 16px var(--lp-content-gutter) !important;
		box-sizing: border-box !important;
	}

	.lemyprints-crm .lp-container,
	.lemyprints-crm .lpp-wrap,
	.lemyprints-crm .lpa-wrap,
	.lemyprints-crm .lpc-wrap,
	.lemyprints-crm .lpr-wrap,
	.lemyprints-crm .lp-qr-wrap,
	.lemyprints-crm .lp-cart-container,
	.lemyprints-crm .lp-checkout-container,
	.lemyprints-crm .lp-thankyou-wrap,
	.lemyprints-crm .lp-archive-wrap,
	.lemyprints-crm .lpe-wrap,
	.lemyprints-crm .lpr-main-full,
	.lemyprints-crm .lp-account-container,
	body.lemyprints-crm .woocommerce-account .woocommerce {
		width: 100% !important;
		max-width: var(--lp-content-max) !important;
		margin-left: auto !important;
		margin-right: auto !important;
		box-sizing: border-box !important;
	}

	body.lemyprints-crm .woocommerce-cart .woocommerce-cart-form,
	body.lemyprints-crm .woocommerce-cart .cart-collaterals {
		width: 100% !important;
		max-width: var(--lp-content-max) !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	body.woocommerce-order-received .lp-thankyou-wrap,
	body.woocommerce-order-received .bill-capture-container,
	body.woocommerce-order-received .bill-download-action-zone {
		width: 100% !important;
		max-width: var(--lp-content-max) !important;
		margin-left: auto !important;
		margin-right: auto !important;
		box-sizing: border-box !important;
	}
}

/* ── Red surfaces: white text & SVG icons (site-wide) ── */
:is(
	.lemyprints-crm,
	body.lemyprints-crm,
	body.woocommerce-account,
	body.woocommerce-cart,
	body.woocommerce-checkout,
	body.woocommerce-order-received,
	body.login
) :is(
	.lp-btn-primary,
	.lp-btn.lp-btn-primary,
	.lpc-filter button,
	.lpc-bill-btn,
	#lpGenerateQr,
	#lpCopyQrBill,
	.lp-menu-link.active,
	.lp-global-menu .lp-menu-link.active,
	.lp-global-menu a.lp-menu-link.active,
	.lp-mobile-app-menu a.active,
	.lp-mobile-more-toggle.active,
	.lpr-tabs a.active,
	.lpr-tabs button.active,
	.lp-status-tabs a.active,
	.lp-status-tabs button.active,
	#lp-toggle-filters.active,
	.lp-add-product-row button,
	#lpSaveEditOrder,
	#lpAddProductToOrder,
	.lp-account-avatar,
	.lp-global-avatar,
	.lp-sidebar-toggle-btn:hover,
	.lp-sidebar-toggle-btn:focus-visible,
	.lpp-btn-primary,
	.lpp-filter-form button,
	.lpp-custom-form button,
	#lp-products-app #lpp_add_custom_cart,
	#lp-products-app .lpp-add-cart,
	.lp-archive-export-btn,
	.lpr-date-form button,
	.woocommerce a.button,
	.woocommerce button.button,
	.woocommerce input.button,
	.woocommerce #respond input#submit,
	.woocommerce-cart .button,
	.woocommerce-checkout .button,
	.woocommerce-checkout #place_order,
	body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
	body.woocommerce-account .woocommerce-MyAccount-navigation a:hover,
	body.woocommerce-account .woocommerce-Button,
	body.woocommerce-account button.button,
	body.woocommerce-account .button,
	.woocommerce-account .woocommerce-button,
	.woocommerce-account a.button,
	.woocommerce-account .button,
	.wp-core-ui .button-primary
) {
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
}

:is(
	.lemyprints-crm,
	body.lemyprints-crm,
	body.woocommerce-account,
	body.woocommerce-cart,
	body.woocommerce-checkout,
	body.woocommerce-order-received,
	body.login
) :is(
	.lp-btn-primary,
	.lp-btn.lp-btn-primary,
	.lpc-filter button,
	.lpc-bill-btn,
	#lpGenerateQr,
	#lpCopyQrBill,
	.lp-menu-link.active,
	.lp-global-menu .lp-menu-link.active,
	.lp-global-menu a.lp-menu-link.active,
	.lp-mobile-app-menu a.active,
	.lp-mobile-more-toggle.active,
	.lpr-tabs a.active,
	.lpr-tabs button.active,
	.lp-status-tabs a.active,
	.lp-status-tabs button.active,
	#lp-toggle-filters.active,
	.lp-add-product-row button,
	#lpSaveEditOrder,
	#lpAddProductToOrder,
	.lp-sidebar-toggle-btn:hover,
	.lp-sidebar-toggle-btn:focus-visible,
	.lpp-btn-primary,
	.lpp-filter-form button,
	.lpp-custom-form button,
	#lp-products-app #lpp_add_custom_cart,
	#lp-products-app .lpp-add-cart,
	.lp-archive-export-btn,
	.lpr-date-form button,
	.woocommerce a.button,
	.woocommerce button.button,
	.woocommerce input.button,
	.woocommerce #respond input#submit,
	.woocommerce-cart .button,
	.woocommerce-checkout .button,
	.woocommerce-checkout #place_order,
	body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
	body.woocommerce-account .woocommerce-MyAccount-navigation a:hover,
	body.woocommerce-account .woocommerce-Button,
	body.woocommerce-account button.button,
	body.woocommerce-account .button,
	.woocommerce-account .woocommerce-button,
	.woocommerce-account a.button,
	.woocommerce-account .button
) svg,
:is(
	.lemyprints-crm,
	body.lemyprints-crm,
	body.woocommerce-account,
	body.woocommerce-cart,
	body.woocommerce-checkout,
	body.woocommerce-order-received
) :is(
	.lp-btn-primary,
	.lp-btn.lp-btn-primary,
	.lpc-filter button,
	.lpc-bill-btn,
	#lpGenerateQr,
	#lpCopyQrBill,
	.lp-menu-link.active,
	.lp-global-menu .lp-menu-link.active,
	.lp-global-menu a.lp-menu-link.active,
	.lp-mobile-app-menu a.active,
	.lp-mobile-more-toggle.active,
	.lpr-tabs a.active,
	.lpr-tabs button.active,
	.lp-status-tabs a.active,
	.lp-status-tabs button.active,
	#lp-toggle-filters.active,
	.lp-add-product-row button,
	#lpSaveEditOrder,
	#lpAddProductToOrder,
	.lp-sidebar-toggle-btn:hover,
	.lp-sidebar-toggle-btn:focus-visible,
	.lpp-btn-primary,
	.lpp-filter-form button,
	.lpp-custom-form button,
	#lp-products-app #lpp_add_custom_cart,
	#lp-products-app .lpp-add-cart,
	.lp-archive-export-btn,
	.lpr-date-form button,
	.woocommerce a.button,
	.woocommerce button.button,
	.woocommerce input.button,
	.woocommerce-cart .button,
	.woocommerce-checkout .button,
	.woocommerce-checkout #place_order,
	body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
	body.woocommerce-account .woocommerce-MyAccount-navigation a:hover,
	body.woocommerce-account .woocommerce-Button,
	body.woocommerce-account button.button,
	body.woocommerce-account .button,
	.woocommerce-account .woocommerce-button,
	.woocommerce-account a.button,
	.woocommerce-account .button
) svg * {
	stroke: #ffffff !important;
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	fill: none !important;
}

/* ── Phase 7: Compact density — toàn CRM ── */
.lemyprints-crm {
	--lp-block-gap: 10px;
	--lp-card-pad: 12px;
}

.lemyprints-crm .lp-main {
	padding: 0 16px 14px !important;
}

/* Ô select/date trong toolbar — gỡ padding card của [class*='-filter'] */
.lemyprints-crm .lp-filter-form .lp-toolbar > *,
.lemyprints-crm .lp-filter-form .lp-toolbar select,
.lemyprints-crm .lp-filter-form .lp-toolbar .lp-filter-date,
.lemyprints-crm .lp-filter-form .lp-toolbar .lp-btn,
.lemyprints-crm .lp-filter-form .lp-toolbar .lp-search {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.lemyprints-crm .lp-filter-form .lp-toolbar select {
	padding: 0 28px 0 12px !important;
	color: #111 !important;
	-webkit-text-fill-color: #111 !important;
	background: #fff !important;
}

.lemyprints-crm .lp-filter-form .lp-toolbar .lp-filter-date {
	padding: 0 12px !important;
}

.lemyprints-crm .lp-filter-form .lp-toolbar .lp-search {
	padding: 0 12px !important;
}

.lemyprints-crm .lp-filter-form .lp-toolbar .lp-btn {
	padding-left: 14px !important;
	padding-right: 14px !important;
}

.lemyprints-crm .lp-header {
	margin-top: 0 !important;
	border-top: 0 !important;
	border-radius: 0 0 var(--lp-radius-md, 12px) var(--lp-radius-md, 12px) !important;
}

.lemyprints-crm [class*='-header'] {
	margin-bottom: 10px !important;
	gap: 8px !important;
}

.lemyprints-crm [class*='-header'] h1 {
	font-size: 22px !important;
	margin-bottom: 2px !important;
}

.lemyprints-crm [class*='-header'] p,
.lemyprints-crm [class*='-sub'] {
	font-size: 12px !important;
}

.lemyprints-crm [class*='-card'],
.lemyprints-crm [class*='-filter'],
.lemyprints-crm [class*='-panel'],
.lemyprints-crm [class*='-box'],
.lemyprints-crm [class*='-wrap'] > .lpr-panel,
.lemyprints-crm .lpr-filter,
.lemyprints-crm .lpr-panel,
.lemyprints-crm .lpr-kpi {
	padding: var(--lp-card-pad) !important;
}

.lemyprints-crm table th,
.lemyprints-crm table td {
	padding: 8px 10px !important;
	font-size: 12px !important;
	line-height: 1.35 !important;
}

.lemyprints-crm table th {
	font-size: 10.5px !important;
	letter-spacing: 0.04em;
}

.lemyprints-crm .button,
.lemyprints-crm button,
.lemyprints-crm [class*='-btn'],
.lemyprints-crm input[type='submit'] {
	min-height: 36px !important;
	font-size: 12px !important;
	padding-left: 14px !important;
	padding-right: 14px !important;
}

.lemyprints-crm .lp-sidebar-toggle-btn {
	min-height: 26px !important;
	padding: 0 !important;
	font-size: 0 !important;
	line-height: 0 !important;
	border-radius: 10px !important;
}

.lemyprints-crm input.input-text,
.lemyprints-crm select,
.lemyprints-crm textarea,
.lemyprints-crm input[type='text'],
.lemyprints-crm input[type='email'],
.lemyprints-crm input[type='tel'],
.lemyprints-crm input[type='number'],
.lemyprints-crm input[type='date'] {
	min-height: 36px !important;
	font-size: 12px !important;
	padding: 0 10px !important;
}

.lemyprints-crm .lp-status-tabs a,
.lemyprints-crm .lp-status-tabs button,
.lemyprints-crm .lpr-tabs a {
	height: 30px !important;
	padding: 0 11px !important;
	font-size: 11.5px !important;
}

.lemyprints-crm .lp-order-card,
.lemyprints-crm [class*='order-card'] {
	padding: 12px !important;
}

@media (max-width: 900px) {
	.lemyprints-crm .lp-main {
		padding: 0 10px 88px !important;
	}
}