/* ============================================================
   Thung Nham e-Office — Nhận diện cho trang web/login/portal
   Màu chuẩn: Xanh #006545 · Vàng Gold #ffcb04 · Trắng
   ============================================================ */

:root {
	--tn-green: #006545;
	--tn-green-dark: #004a32;
	--tn-green-soft: #e6f0ec;
	--tn-gold: #ffcb04;
	--tn-gold-dark: #e0b200;
}

/* --- Trang đăng nhập --- */
.for-login,
.for-forgot,
.for-login-with-email-link,
.for-signup {
	background-color: #f4f7f5;
}

/* Card login: viền vàng gold điểm nhấn, bo góc mềm */
.page-card {
	border-top: 4px solid var(--tn-gold);
	border-radius: 12px;
	box-shadow: 0 10px 40px rgba(0, 101, 69, 0.12);
}

/* Logo trên login to, rõ, căn giữa */
.page-card-head img.app-logo,
.page-card-head .app-logo {
	height: 80px !important;
	width: auto !important;
	max-width: 240px;
	margin-bottom: 8px;
}

/* Tiêu đề "Đăng nhập vào Thung Nham e-Office" theo màu thương hiệu */
.page-card-head h4 {
	color: var(--tn-green);
	font-weight: 700;
}

/* --- Nút chính theo màu thương hiệu --- */
.btn-primary,
.btn-primary:not(:disabled):not(.disabled) {
	background-color: var(--tn-green) !important;
	border-color: var(--tn-green) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:not(:disabled):not(.disabled):active {
	background-color: var(--tn-green-dark) !important;
	border-color: var(--tn-green-dark) !important;
	box-shadow: 0 0 0 2px rgba(0, 101, 69, 0.2) !important;
}

/* Liên kết theo màu xanh thương hiệu */
a {
	color: var(--tn-green);
}

a:hover {
	color: var(--tn-green-dark);
}