/* Trang đăng nhập / trang web của Haka ERP: nền xanh than, thẻ đăng nhập trắng, nút xanh than. */
body:has(.for-login),
body:has(.for-forgot),
body:has(.login-content) {
	background: radial-gradient(circle at 85% 10%, rgba(232, 121, 43, 0.35) 0%, rgba(232, 121, 43, 0) 35%),
		linear-gradient(160deg, #323a59 0%, #252b45 100%) !important;
	min-height: 100vh;
}
body:has(.for-login) .page-card,
body:has(.for-forgot) .page-card,
body:has(.login-content) .page-card {
	border: none;
	border-radius: 16px;
	box-shadow: 0 18px 50px rgba(0, 0, 0, 0.35);
}
body:has(.for-login) .page-card-head h4,
body:has(.login-content) .page-card-head h4 {
	color: #323a59;
	font-weight: 700;
}
body:has(.for-login) .page-card-head img,
body:has(.login-content) .page-card-head img {
	max-height: 64px;
	border-radius: 14px;
}
body:has(.for-login) .btn-primary,
body:has(.login-content) .btn-primary,
.es-button[data-variant="solid"]:not([disabled]) {
	background: #323a59 !important;
	border-color: #323a59 !important;
	color: #fff !important;
}
body:has(.for-login) .btn-primary:hover,
body:has(.login-content) .btn-primary:hover,
.es-button[data-variant="solid"]:not([disabled]):hover {
	background: #e8792b !important;
	border-color: #e8792b !important;
}
body:has(.for-login) footer,
body:has(.for-login) .web-footer,
body:has(.login-content) .web-footer {
	display: none;
}

/* Ảnh anh Công ở trang đăng nhập (28/10/2026). Chỉ thêm trang trí bằng CSS, không sửa mẫu trang của ERPNext.
   Máy tính: nửa trái là câu chào + ảnh đứng sát đáy màn hình, nửa phải là ô đăng nhập.
   Điện thoại, máy tính bảng: ảnh tròn nhỏ viền cam + câu chào ở trên ô đăng nhập. Ảnh: public/images/haka-ceo-dang-nhap.webp */
#page-login main.container::before,
#page-login .for-login::before { display: none; }

@media (min-width: 992px) {
	#page-login::before {
		content: "";
		position: fixed;
		left: 0;
		bottom: 0;
		width: 50vw;
		height: 100vh;
		background: url("/assets/haka/images/haka-ceo-dang-nhap.webp") center bottom / auto 72vh no-repeat;
		pointer-events: none;
	}
	#page-login::after {
		content: "Cùng Haka kiến tạo không gian sống";
		position: fixed;
		left: 0;
		top: 9vh;
		width: 50vw;
		padding: 0 2vw;
		text-align: center;
		color: #fff;
		white-space: nowrap; /* luôn 1 dòng để không đè lên dòng tên bên dưới */
		font-size: clamp(18px, 1.9vw, 32px);
		font-weight: 700;
		line-height: 1.5;
		text-shadow: 0 2px 12px rgba(0, 0, 0, 0.25);
		pointer-events: none;
	}
	/* dòng tên, chức danh: nhỏ và nhạt hơn câu chào */
	#page-login .page-content-wrapper::after {
		content: "Nguyễn Văn Công · Tổng giám đốc";
		position: fixed;
		left: 0;
		top: calc(9vh + clamp(18px, 1.9vw, 32px) * 1.5 + 8px);
		width: 50vw;
		text-align: center;
		color: rgba(255, 255, 255, 0.78);
		font-size: 15px;
		letter-spacing: 0.02em;
		pointer-events: none;
	}
	#page-login main.container {
		margin-left: 50vw !important;
		width: 50vw;
		max-width: none;
		min-height: 100vh;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	#page-login .page-card { width: min(420px, 40vw); }
}
/* màn hình thấp (laptop 768px): thu ảnh lại cho khỏi chạm câu chào */
@media (min-width: 992px) and (max-height: 760px) {
	#page-login::before { background-size: auto 64vh; }
	#page-login::after { top: 6vh; font-size: clamp(18px, 1.9vw, 22px); }
	#page-login .page-content-wrapper::after { top: calc(6vh + clamp(18px, 1.9vw, 22px) * 1.5 + 8px); }
}

@media (max-width: 991.98px) {
	#page-login main.container::before {
		content: "";
		display: block;
		width: 84px;
		height: 84px;
		margin: 28px auto 10px;
		border-radius: 50%;
		border: 3px solid #e8792b;
		background: #4a5587 url("/assets/haka/images/haka-ceo-dang-nhap.webp") center 4% / 190% auto no-repeat;
		box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3);
	}
	#page-login .for-login::before {
		content: "Cùng Haka kiến tạo không gian sống";
		display: block;
		margin: 0 auto 16px;
		padding: 0 16px;
		color: #fff;
		font-weight: 600;
		font-size: 16px;
		text-align: center;
	}
	#page-login .text-center.my-5 { margin-top: 1.5rem !important; }
}