.fpv-container {
	box-sizing: border-box;
	/* v1.17.11: da xac nhan qua devtools cua Du - loi flexbox thieu
	   min-width:0 KHONG chi co o .fpv-floor-list (da sua o v1.17.10), ma
	   con lap lai o 1 lop bao ngoai thuoc CHINH THEME BetterDocs (ngoai
	   tam kiem soat cua plugin, class "betterdocs-content..."). Thay vi
	   phu thuoc theme sua dung, ep KHUNG NGOAI CUNG cua plugin tu gioi han
	   cung trong khong gian duoc cap, bat ke cha no co loi flexbox hay
	   khong - la hang rao an toan cuoi cung, khong con phu thuoc chuoi
	   flex ben tren nua. */
	max-width: 100%;
	overflow-x: hidden;
}
.fpv-container * {
	box-sizing: border-box;
}

/* Mau bôi đen (text selection): theme co the dinh nghia mau selection rieng
   khong tuong phan voi nen cua plugin (trung mau nen hoac qua sang), khien
   chu nhu bi "mat" khi bi chon. Ep mau tuong phan ro rang trong toan bo
   widget, khong phu thuoc theme.
   QUAN TRONG (v1.9 - sua loi thuc te): popup chi tiet can (.fpv-modal-overlay)
   va tooltip hotspot (.fpv-hotspot-tooltip) duoc JS gan thang vao
   document.body (KHONG nam trong .fpv-container ve mat DOM), nen rule cu chi
   scope ".fpv-container ::selection" KHONG bao gio ap dung duoc cho popup -
   day la nguyen nhan thuc su cua loi "bôi đen chữ trùng màu nền" trong popup
   (vd bang lich thanh toan). Phai khai bao THEM rieng cho 2 vung nay. */
.fpv-container ::selection {
	background: #0066cc !important;
	color: #ffffff !important;
}
.fpv-container ::-moz-selection {
	background: #0066cc !important;
	color: #ffffff !important;
}
.fpv-modal-overlay ::selection,
.fpv-hotspot-tooltip ::selection,
.fpv-compare-overlay ::selection {
	background: #0066cc !important;
	color: #ffffff !important;
}
.fpv-modal-overlay ::-moz-selection,
.fpv-hotspot-tooltip ::-moz-selection,
.fpv-compare-overlay ::-moz-selection {
	background: #0066cc !important;
	color: #ffffff !important;
}

.fpv-loading,
.fpv-empty,
.fpv-error {
	padding: 24px;
	text-align: center;
	color: #6b7280;
	font-size: 14px;
}
.fpv-error {
	color: #a32d2d;
}

.fpv-custom-title {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 12px;
	color: #1f2937;
}

/* ---------- Khung tong: 4 khoi xep doc (header / tang / anh / danh sach) ---------- */

.fpv-app {
	display: flex;
	flex-direction: column;
	background: #f5f5f5;
	border-radius: 12px;
	overflow: hidden;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	/* v1.24.29 (FPV-TABLE-OVERFLOW): .fpv-app la flex item cua .fpv-container
	   (khong phai flex nhung van co the bi anh huong boi chuoi flex cha o
	   ngoai theme - xem cung 1 loi min-width:auto da tim thay o cac trang
	   compare/finance, ghi trong custom CSS site muc 11a/12a/14a). Bang
	   "Bang toan bo" (v1.24.25+) rong hon truoc (2 cot Gia rieng + nut sap
	   xep) nen de kich hoat lai loi nay hon - khoa min-width:0 ngay tai day
	   lam hang rao thu 2, khong phu thuoc site co cap nhat CSS Customizer
	   kip thoi hay khong. */
	min-width: 0;
	max-width: 100%;
}

.fpv-header {
	padding: 14px 20px;
	border-bottom: 1px solid #e5e7eb;
	background: #fff;
	flex-shrink: 0;
}
.fpv-header-title {
	font-size: 17px;
	margin: 0 0 2px;
	color: #1f2937 !important;
	font-weight: 700 !important;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
	line-height: 1.3 !important;
}
.fpv-header-subtitle {
	font-size: 12px;
	margin: 0;
	color: #4b5563 !important;
	font-weight: 500 !important;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
	line-height: 1.3 !important;
}

/* FPV-GUEST-TOWER-PICKER (23/07/2026): nut cho KHACH chuyen xem mat bang
   toa khac CUNG du an - khac voi 🏢 (chi Admin thay, trong
   .fpv-admin-toolbar) o cho nay hien voi TAT CA nguoi xem, style nhe
   nhang (khong dam mau xanh admin) va dat ngay duoi tieu de. */
.fpv-tower-picker-btn {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	margin-top: 8px !important;
	background: #f3f4f6 !important;
	background-image: none !important;
	border: 1px solid #e5e7eb !important;
	border-radius: 999px !important;
	padding: 6px 12px !important;
	font-size: 12.5px !important;
	font-weight: 600 !important;
	color: #374151 !important;
	box-shadow: none !important;
	cursor: pointer !important;
}
.fpv-tower-picker-btn:hover {
	background: #e5e7eb !important;
}
.fpv-tower-picker-icon {
	font-size: 13px !important;
}
.fpv-tower-picker-caret {
	font-size: 10px !important;
	color: #9ca3af !important;
}
.fpv-tower-switch-menu-guest {
	min-width: 160px !important;
}
.fpv-tower-switch-item-guest {
	color: #1f2937 !important;
	font-weight: 600 !important;
	justify-content: flex-start !important;
}
.fpv-tower-switch-item-guest:hover {
	background: #f3f4f6 !important;
}

/* ---------- Gio hang (chinh sach ban hang): chi hien khi block co >= 2 gio ---------- */

.fpv-cart-switcher {
	padding: 12px 20px;
	background: #f0f7ff;
	border-bottom: 1px solid #dbeafe;
	flex-shrink: 0;
}
.fpv-cart-switcher-top {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 8px;
}
.fpv-cart-switcher-label {
	font-size: 12px;
	font-weight: 700;
	color: #1f2937;
	text-transform: uppercase;
	letter-spacing: 0.3px;
}
.fpv-cart-switcher-hint {
	font-size: 11px;
	color: #6b7280;
}
.fpv-cart-pills {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.fpv-cart-pill {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 14px !important;
	border-radius: 999px !important;
	border: 2px solid #c7ddfb !important;
	background: #fff !important;
	background-image: none !important;
	box-shadow: none !important;
	text-shadow: none !important;
	color: #1f2937 !important;
	font-size: 13px !important;
	font-weight: 400;
	text-transform: none !important;
	cursor: pointer;
	transition: all 0.15s ease;
}
.fpv-cart-pill:hover {
	border-color: #0066cc !important;
}
.fpv-cart-pill-label {
	font-weight: 600;
}
.fpv-cart-pill-count {
	font-size: 11px;
	color: #6b7280;
	background: #f3f4f6;
	padding: 2px 8px;
	border-radius: 999px;
}
.fpv-cart-pill.active {
	background: #0066cc !important;
	border-color: #0066cc !important;
	color: #fff !important;
}
.fpv-cart-pill.active .fpv-cart-pill-count {
	background: rgba(255, 255, 255, 0.25);
	color: #fff;
}

/* ---------- Loai bat dong san (buoc 1, chi hien khi block co >= 2 loai) - mau cam/vang
   am, KHAC mau xanh cua Gio hang (buoc 2) de phan biet ro day la 2 buoc khac nhau ---------- */

.fpv-type-switcher {
	padding: 12px 20px;
	background: #fff7ed;
	border-bottom: 1px solid #fed7aa;
	flex-shrink: 0;
}
.fpv-type-switcher-top {
	margin-bottom: 8px;
}
.fpv-type-switcher-label {
	font-size: 12px;
	font-weight: 700;
	color: #1f2937;
	text-transform: uppercase;
	letter-spacing: 0.3px;
}
.fpv-type-pills {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.fpv-type-pill {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 14px !important;
	border-radius: 999px !important;
	border: 2px solid #fed7aa !important;
	background: #fff !important;
	background-image: none !important;
	box-shadow: none !important;
	text-shadow: none !important;
	color: #1f2937 !important;
	font-size: 13px !important;
	text-transform: none !important;
	cursor: pointer;
	transition: all 0.15s ease;
}
.fpv-type-pill:hover {
	border-color: #ea580c !important;
}
.fpv-type-pill-label {
	font-weight: 600;
}
.fpv-type-pill-count {
	font-size: 11px;
	color: #6b7280;
	background: #f3f4f6;
	padding: 2px 8px;
	border-radius: 999px;
}
.fpv-type-pill.active {
	background: #ea580c !important;
	border-color: #ea580c !important;
	color: #fff !important;
}
.fpv-type-pill.active .fpv-type-pill-count {
	background: rgba(255, 255, 255, 0.25);
	color: #fff;
}

/* ---------- "Cong chan" khi chua chon xong Loai/Gio hang (thay cho mat bang+danh sach) ---------- */

.fpv-gate-placeholder {
	padding: 48px 24px;
	text-align: center;
	color: #6b7280;
	font-size: 14px;
	background: #fafafa;
}

/* ---------- Thanh chon tang: ngang, cuon ngang, kem badge so can dang ban ---------- */

.fpv-floor-strip {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 16px;
	background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
	flex-shrink: 0;
}
.fpv-floor-strip-label {
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: rgba(255, 255, 255, 0.6);
	flex-shrink: 0;
}
.fpv-floor-list {
	display: flex;
	gap: 8px;
	overflow-x: auto;
	scrollbar-width: thin;
	/* v1.17.10: flex-item mac dinh KHONG tu co nho hon kich thuoc noi dung
	   tu nhien cua no (min-width:auto ngam dinh cua flexbox), du da co
	   overflow-x:auto. Khi so tang nhieu (vd Gio Ban Moi 13 tang) khien
	   tong be rong cac tab vuot qua man hinh, flex-item nay se DAY RONG ca
	   .fpv-floor-strip -> .fpv-app -> toan trang thay vi tu cuon ngang noi
	   bo - gay trang bi tran khung ngang (chi xay ra khi du nhieu tang de
	   vuot man hinh, vd Gio Ban Moi, khong xay ra voi Gio Capital it tang
	   hon). Bat buoc phai co min-width:0 de flex-item chiu co lai theo
	   khong gian flex container cap cho, roi tu no cuon ngang qua
	   overflow-x thay vi day rong cha. */
	min-width: 0;
}
/* v1.18.49: thong bao khi bo loc chi tiet khien TOAN BO tang khong con can
   nao phu hop (hiem gap nhung can co, tranh thanh TANG trong trơn). */
.fpv-floor-list-empty {
	font-size: 12px;
	color: #9ca3af;
	padding: 6px 2px;
}
.fpv-floor-item {
	position: relative;
	flex-shrink: 0;
	white-space: nowrap;
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 7px 10px;
	border-radius: 6px;
	background: rgba(255, 255, 255, 0.08);
	cursor: pointer;
	transition: all 0.15s ease;
	border: 2px solid transparent;
	font-size: 13px;
	font-weight: 500;
	color: #fff;
}
.fpv-floor-item:hover {
	background: rgba(255, 255, 255, 0.15);
}
.fpv-floor-item.active {
	background: #0066cc;
	border-color: #0052a3;
}
.fpv-floor-item-count {
	font-size: 10px;
	font-weight: 700;
	line-height: 1;
	min-width: 16px;
	height: 16px;
	padding: 0 4px;
	border-radius: 999px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: rgba(16, 185, 129, 0.9);
	color: #fff;
}
.fpv-floor-item.no-available .fpv-floor-item-count {
	background: rgba(255, 255, 255, 0.18);
	color: rgba(255, 255, 255, 0.65);
}
.fpv-floor-item.active .fpv-floor-item-count {
	background: #fff;
	color: #0066cc;
}
.fpv-floor-item.active.no-available .fpv-floor-item-count {
	color: #9ca3af;
}
/* Cham bao "tang nay co can dang giu cho" (mau cam, giong mau hotspot reserved)
   - chi hien khi tang co >= 1 can trang thai "reserved", khong lien quan den
   badge so can dang ban (xanh) o ben canh. */
.fpv-floor-item-reserved-dot {
	position: absolute;
	top: -3px;
	right: -3px;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #f59e0b;
	border: 2px solid #fff;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
}

/* ---------- Khung anh mat bang: zoom / pan / hotspot ---------- */

.fpv-floor-image {
	position: relative;
	width: 100%;
	height: min(62vh, 620px);
	min-height: 340px;
	background-color: #e5e7eb;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: grab;
	/* v1.17.9: truoc day la "touch-action:none" CO DINH, khong doi theo
	   trang thai khoa. Khi them cong tac khoa zoom (v1.17.5), JS chu dich
	   KHONG preventDefault() luc dang khoa de trang cuon binh thuong, nhung
	   touch-action:none van chan cu chi cham GOC cua trinh duyet tren vung
	   nay vo dieu kien -> mau thuan JS vs CSS, gay cu chi cham/chum ngon xu
	   ly khong nhat quan tren Safari mobile (co the kich hoat native
	   pinch-zoom toan trang, nhin nhu "vo" layout). Mac dinh cho phep cuon
	   doc binh thuong (pan-y); chi chan hoan toan (none) khi THAT SU dang
	   o che do mo khoa (widget tu xu ly pan/pinch) - xem
	   .fpv-floor-image:not(.fpv-zoom-is-locked) ben duoi. */
	touch-action: pan-y;
	user-select: none;
	flex-shrink: 0;
}
.fpv-floor-image:not(.fpv-zoom-is-locked) {
	touch-action: none;
}
.fpv-floor-image.is-dragging {
	cursor: grabbing;
}
.fpv-floor-image-placeholder {
	text-align: center;
	color: #9ca3af;
	font-size: 13px;
	padding: 20px;
}
.fpv-floor-image-stage {
	will-change: transform;
}
.fpv-floor-image-frame {
	position: relative;
}
.fpv-floor-image-img {
	display: block;
	width: 100%;
	height: 100%;
	pointer-events: none;
	-webkit-user-drag: none;
	/* v1.10.7: mo dan khi doi tang - thay vi anh moi "bat" ngay luc con
	   trang/chua tai xong (de thay tren mang cham), dim nhe trong luc tai
	   (xem class .is-loading toggle qua JS o load/error cua <img>). */
	opacity: 1;
	transition: opacity 0.15s ease;
}
.fpv-floor-image-img.is-loading {
	opacity: 0.35;
}

.fpv-zoom-controls {
	position: absolute;
	top: 12px;
	right: 12px;
	z-index: 20;
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.fpv-zoom-btn {
	width: 32px;
	height: 32px;
	border-radius: 50% !important;
	border: none !important;
	background: rgba(255, 255, 255, 0.92) !important;
	background-image: none !important;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25) !important;
	text-shadow: none !important;
	font-size: 17px !important;
	font-weight: 700 !important;
	text-transform: none !important;
	line-height: 1;
	color: #1f2937 !important;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 !important;
}
.fpv-zoom-btn:hover {
	background: #fff !important;
}

/* ---------- Cong tac khoa/mo zoom mat bang (v1.17.6) ---------- */
/* v1.17.6: doi tu kieu "cong tac gat" (nhin vao khong ro lien quan gi den
   zoom) sang kieu ICON KINH LUP (bieu tuong zoom pho thong, nguoi dung nhan
   ra ngay) + HUY HIEU O KHOA de bao trang thai + CHU THICH nho luon hien de
   khong con phai doan. Xep doc (icon tron tren, chu thich duoi) thay vi
   pill ngang - tranh vo/chong layout tren man hinh hep. Dat goc tren-trai
   (doi xung cum +/-/Dat lai o goc tren-phai). Tat ca selector duoc noi voi
   .fpv-container de tang do dac ta (specificity), tranh CSS theme de vao
   lam sai mau nen/chu (vd. nut mac dinh cua RealHome). */
.fpv-container .fpv-zoom-lock-toggle {
	position: absolute;
	top: 12px;
	left: 12px;
	z-index: 21;
	display: flex !important;
	flex-direction: column !important;
	align-items: center;
	gap: 4px;
	border: none !important;
	background: none !important;
	background-image: none !important;
	box-shadow: none !important;
	padding: 0 !important;
	margin: 0 !important;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}
.fpv-container .fpv-zoom-lock-icon-wrap {
	position: relative;
	width: 34px;
	height: 34px;
	flex-shrink: 0;
	border-radius: 50%;
	background: #ffffff !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #1f2937 !important;
	transition: box-shadow 0.2s ease, transform 0.15s ease;
}
.fpv-container .fpv-zoom-lock-toggle:hover .fpv-zoom-lock-icon-wrap {
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4);
	transform: scale(1.05);
}
.fpv-container .fpv-zoom-lock-svg {
	width: 19px !important;
	height: 19px !important;
	display: block;
}
/* Huy hieu o khoa nam de tren goc kinh lup - do (KHOA) <-> xanh la (MO) */
.fpv-container .fpv-zoom-lock-badge {
	position: absolute;
	bottom: -3px;
	right: -3px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: #ef4444 !important; /* do - KHOA, mac dinh */
	border: 2px solid #fff !important;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	transition: background 0.2s ease;
}
.fpv-container .fpv-zoom-lock-toggle:not(.is-locked) .fpv-zoom-lock-badge {
	background: #22c55e !important; /* xanh la - DA MO */
}
.fpv-container .fpv-zoom-lock-icon {
	font-size: 7px !important;
	line-height: 1;
	display: none;
}
.fpv-container .fpv-zoom-lock-icon-locked {
	display: block;
}
.fpv-container .fpv-zoom-lock-toggle:not(.is-locked) .fpv-zoom-lock-icon-locked {
	display: none;
}
.fpv-container .fpv-zoom-lock-toggle:not(.is-locked) .fpv-zoom-lock-icon-unlocked {
	display: block;
}
/* Chu thich - luon hien (kha ca tren dien thoai) vi da xep doc nen khong
   con chiem be ngang, nen rieng dam mau nen luon dam bao tuong phan voi
   chu trang, khong phu thuoc vao nen cua khung anh phia sau. */
.fpv-container .fpv-zoom-lock-text {
	font-size: 9.5px !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	color: #ffffff !important;
	background: rgba(17, 24, 39, 0.82) !important;
	padding: 2px 7px !important;
	border-radius: 999px !important;
	text-transform: none !important;
	text-align: center !important;
	white-space: nowrap;
	margin: 0 !important;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
}

/* Con tro: khi khoa hien "mac dinh" (khong phai grab) vi khong keo duoc. */
.fpv-floor-image.fpv-zoom-is-locked {
	cursor: default;
}
.fpv-floor-image.fpv-zoom-is-locked.is-dragging {
	cursor: default;
}

@media (max-width: 480px) {
	.fpv-container .fpv-zoom-lock-icon-wrap {
		width: 30px;
		height: 30px;
	}
	.fpv-container .fpv-zoom-lock-svg {
		width: 17px !important;
		height: 17px !important;
	}
	.fpv-container .fpv-zoom-lock-text {
		font-size: 8.5px !important;
		padding: 1.5px 6px !important;
	}
}

/* ---------- Hotspot: cham trang thai + nhan gia ngan gon ngay duoi ---------- */

.fpv-hotspot-layer {
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: 3; /* v1.24.15 (FPV-WM): luon nam TREN .fpv-wm-tile (z:2) */
}
.fpv-hotspot {
	/* v1.27.5 (fix lech toa do admin vs frontend): TRUOC DAY .fpv-hotspot
	   la flex-column chua ca dot+gia, roi CA KHOI duoc translate(-50%,-50%)
	   -> diem "neo" thuc te la TAM CUA CA KHOI (dot+gia gop lai), khong
	   phai tam cua dot -> dot bi day LEN TREN va nhan gia bi day XUONG
	   DUOI so voi toa do da luu - khac voi cong cu admin (coord-picker.js),
	   noi dau cham la phan tu DUY NHAT duoc translate(-50%,-50%) nen luon
	   dung tam. Gio .fpv-hotspot chi la 1 diem neo 0x0 (bo transform/flex
	   o day), dot va nhan gia la con absolute TU canh giua rieng minh -
	   xem .fpv-hotspot-dot / .fpv-hotspot-price ben duoi. */
	position: absolute;
	pointer-events: auto;
	cursor: pointer;
	z-index: 5;
	/*
	 * QUAN TRONG (sua loi v1.5.2): day la 1 the <button>, nen co the bi CSS
	 * chung cua theme website (style mac dinh cho moi <button>, thuong la mau
	 * nen xanh la + bo tron + shadow) "de" len, che mat ca cham trang thai va
	 * nhan gia ben trong - giong loi da gap va sua o cac nut khac (xem muc 13
	 * trong README). Dung !important de luon trong suot bat ke theme nao.
	 */
	background: none !important;
	background-image: none !important;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	text-shadow: none !important;
	text-transform: none !important;
	padding: 0 !important;
}
.fpv-hotspot-dot {
	/* v1.27.5: absolute + translate(-50%,-50%) rieng cho dot -> tam dot
	   LUON trung voi toa do da luu (left/top % tren .fpv-hotspot), bat ke
	   co nhan gia hay khong - dung nhu cong cu admin. */
	position: absolute;
	left: 0;
	top: 0;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	border: 2px solid #fff;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
	flex-shrink: 0;
	transform: translate(-50%, -50%);
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.fpv-hotspot-available {
	z-index: 8;
}
.fpv-hotspot-available .fpv-hotspot-dot {
	background: #10b981;
	animation: fpv-pulse 1.8s ease-out infinite;
}
.fpv-hotspot-sold {
	z-index: 4;
	opacity: 0.8;
}
.fpv-hotspot-sold .fpv-hotspot-dot {
	background: #9ca3af;
	width: 12px;
	height: 12px;
	animation: none;
}
.fpv-hotspot-reserved {
	z-index: 6;
}
.fpv-hotspot-reserved .fpv-hotspot-dot {
	background: #f59e0b;
	animation: none;
}
/* v1.35.26 (FPV-PREORDER, theo yeu cau Du): cham hotspot can Pre-Order truoc
   day dung mau trang mac dinh (khong phan biet duoc voi vien trang cua cac
   trang thai khac) - gio doi sang tim (#7c3aed), dong bo voi mau tim dung
   xuyen suot cho Pre-Order (badge .fpv-badge-preorder, form dang ky...). */
.fpv-hotspot-preorder {
	z-index: 7;
}
.fpv-hotspot-preorder .fpv-hotspot-dot {
	background: #7c3aed;
	/* v1.35.53 (theo yeu cau Du 25/07): cham hotspot tim Pre-Order tren mat
	   bang chinh gio "dong" (nhap nhay) giong het cham hotspot tim trong tab
	   "Vi tri mat bang" cua popup (xem .fpv-floorplan-position-marker-preorder),
	   de nhat quan trai nghiem giua 2 noi. Truoc day la animation:none. */
	animation: fpv-pulse 1.8s ease-out infinite;
}
.fpv-hotspot-preorder .fpv-hotspot-price {
	background: rgba(91, 33, 182, 0.88);
}
/* v1.35.28 (FPV-HIDE-TAB, theo yeu cau Du 23/07): can bi CDT an/xoa khoi
   Sheet master nhung khach da tung quet vao gio hang - CHI Admin thay
   (xem guard isAdminUser trong floor-plan-viewer.js), mau do rieng biet
   de khong lan voi vien trang (sold) / cam (reserved) / tim (preorder). */
.fpv-hotspot-hide {
	z-index: 5;
}
.fpv-hotspot-hide .fpv-hotspot-dot {
	background: #dc2626;
	width: 12px;
	height: 12px;
	animation: none;
	border-style: dashed;
}
.fpv-hotspot-hide .fpv-hotspot-price {
	background: rgba(153, 27, 27, 0.9);
}
.fpv-hotspot:hover,
.fpv-hotspot.is-hover {
	z-index: 10;
}
.fpv-hotspot:hover .fpv-hotspot-dot,
.fpv-hotspot.is-hover .fpv-hotspot-dot {
	/* v1.27.5: phai giu translate(-50%,-50%) cung luc voi scale, neu
	   khong dot se nhay lech vi mat phan can giua khi hover. */
	transform: translate(-50%, -50%) scale(1.5);
}
@keyframes fpv-pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.55);
	}
	70% {
		box-shadow: 0 0 0 9px rgba(16, 185, 129, 0);
	}
	100% {
		box-shadow: 0 0 0 0 rgba(16, 185, 129, 0);
	}
}

.fpv-hotspot-price {
	/* v1.27.5: absolute, neo tai CUNG toa do voi dot (khong con la phan
	   tu flex day tam neo xuong duoi nua) - nam ngay duoi dot 10px (8px
	   nua ban kinh dot + 2px khoang cach nhu gap cu). */
	position: absolute;
	left: 0;
	top: 10px;
	transform: translate(-50%, 0);
	font-size: 10px;
	font-weight: 700;
	line-height: 1.3;
	color: #fff;
	background: rgba(5, 80, 56, 0.88);
	padding: 1px 6px;
	border-radius: 8px;
	white-space: nowrap;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.fpv-hotspot-sold .fpv-hotspot-price {
	background: rgba(75, 85, 99, 0.82);
}
.fpv-hotspot-reserved .fpv-hotspot-price {
	background: rgba(146, 64, 14, 0.88);
}
.fpv-hotspot:hover .fpv-hotspot-price,
.fpv-hotspot.is-hover .fpv-hotspot-price {
	background: #0052a3;
}

/* v1.18.45: Badge nhan (Duplex/Penthouse/...) dung chung o card danh sach +
   popup chi tiet - gia toan bo bang !important vi trang nhung shortcode
   nay thuong nam trong trang tai lieu BetterDocs, CSS theme co the de len
   mau/chu (xem ghi chu README muc 13 + memory du an). */
.fpv-tag-badge {
	display: inline-block !important;
	font-size: 10px !important;
	font-weight: 800 !important;
	letter-spacing: 0.02em !important;
	color: #fff !important;
	background: #b8860b !important;
	border: none !important;
	border-radius: 5px !important;
	padding: 1px 6px !important;
	margin-left: 6px !important;
	vertical-align: middle !important;
	white-space: nowrap !important;
	line-height: 1.5 !important;
}
.fpv-tag-badge-card {
	font-size: 9px !important;
	padding: 1px 5px !important;
}
.fpv-tag-badge-modal {
	font-size: 11px !important;
	margin-left: 8px !important;
}

/* Menu 2 lua chon ("Xem chi tiết căn" / "Xem tầng 2") hien khi bam vao
   hotspot cua can duplex - dinh vi fixed, dung chung cho moi instance
   (giong pattern .fpv-hotspot-tooltip). Gia !important toan bo vi day la
   phan tu gan thang vao <body> (ngoai container shortcode), rat de bi CSS
   theme/BetterDocs de mau nut/nen len tren (da xay ra thuc te - xem phan
   hoi cua Du). */
.fpv-duplex-choice-menu {
	position: fixed !important;
	transform: translate(-50%, 0) !important;
	display: none;
	flex-direction: column !important;
	gap: 4px !important;
	background: #fff !important;
	border: 1px solid rgba(0, 0, 0, 0.12) !important;
	border-radius: 8px !important;
	padding: 6px !important;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.22) !important;
	z-index: 100000 !important;
	min-width: 150px !important;
	margin: 0 !important;
}
.fpv-duplex-choice-menu.show {
	display: flex !important;
}
.fpv-duplex-menu-btn {
	display: block !important;
	width: 100% !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	font-family: inherit !important;
	text-align: left !important;
	line-height: 1.4 !important;
	color: #1f2937 !important;
	background: #f1f0ee !important;
	border: none !important;
	border-radius: 6px !important;
	padding: 6px 9px !important;
	margin: 0 !important;
	cursor: pointer !important;
	white-space: nowrap !important;
	box-shadow: none !important;
}
.fpv-duplex-menu-btn:hover {
	background: #e2e0dc !important;
}
.fpv-duplex-menu-floor {
	color: #fff !important;
	background: #7a1f2b !important;
}
.fpv-duplex-menu-floor:hover {
	background: #5c1620 !important;
}

/* Badge "Tầng 1"/"Tầng 2" trong tooltip hover - bao khach dang xem dung
   level nao cua can duplex. */
.fpv-tooltip-level-badge {
	display: inline-block !important;
	font-size: 9px !important;
	font-weight: 800 !important;
	color: #fff !important;
	background: #7a1f2b !important;
	border-radius: 4px !important;
	padding: 1px 5px !important;
	margin-left: 5px !important;
	vertical-align: middle !important;
	line-height: 1.5 !important;
}

/* Tab tang la "tang hien thi" cua duplex (vd T36) - cham nho o goc de
   khach de nhan biet day la tang phu/tang 2 thong tang ngay tren thanh tab. */
.fpv-floor-item-duplex {
	position: relative;
}
.fpv-floor-item-duplex::after {
	content: '';
	position: absolute;
	top: 4px;
	right: 4px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #b8860b;
}

.fpv-hotspot-tooltip {
	position: fixed;
	transform: translate(-50%, calc(-100% - 10px));
	background: #1f2937;
	color: #fff;
	padding: 6px 10px;
	border-radius: 6px;
	font-size: 12px;
	white-space: nowrap;
	pointer-events: none;
	z-index: 100050;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.1s ease;
}
.fpv-hotspot-tooltip.show {
	opacity: 1;
	visibility: visible;
}
.fpv-tooltip-code {
	font-size: 13px !important; /* v1.34.1: khoá vs BetterDocs override */
	font-weight: 600 !important;
	margin-bottom: 2px;
}
.fpv-tooltip-meta {
	font-size: 11px;
	color: #d1d5db;
}
.fpv-tooltip-meta .fpv-badge-available,
.fpv-tooltip-meta .fpv-badge-sold,
.fpv-tooltip-meta .fpv-badge-reserved {
	padding: 1px 5px;
	border-radius: 3px;
	font-size: 10px;
}

/* ---------- Toolbar: tabs (theo tang / bang toan bo) + loc + sap xep ---------- */

.fpv-units-wrapper {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	background: #fff;
	border-top: 1px solid #e5e7eb;
	flex-shrink: 0;
}
.fpv-units-toolbar {
	padding: 10px 16px;
	border-bottom: 1px solid #e5e7eb;
	background: #f9fafb;
}
.fpv-units-toolbar-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}
.fpv-units-tabs {
	display: flex;
	gap: 6px;
	flex-shrink: 0;
}
.fpv-units-tab {
	padding: 6px 14px !important;
	border-radius: 999px !important;
	border: 1px solid #d1d5db !important;
	background: #fff !important;
	background-image: none !important;
	box-shadow: none !important;
	text-shadow: none !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	text-transform: none !important;
	letter-spacing: normal !important;
	color: #4b5563 !important;
	cursor: pointer;
	transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
.fpv-units-tab:hover {
	border-color: #0066cc !important;
	color: #0066cc !important;
}
.fpv-units-tab.active {
	background: #0066cc !important;
	border-color: #0066cc !important;
	color: #fff !important;
}

/* v1.27.6 (FPV-STATUS-FILTER): hang tab loc trang thai can (Dang ban / Giu
   cho / Da ban / Tat ca) - nam duoi hang tabs Theo tang/Bang toan bo, dung
   lai style pill cua .fpv-units-tab de dong bo giao dien. */
.fpv-status-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 8px;
}

/* Nhom hanh dong ben phai: Sap xep (mau trung tinh) + nut "Bo loc" (mo/dong panel) */
.fpv-units-toolbar-actions {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-shrink: 0;
}
.fpv-sort {
	font-size: 12px !important;
	padding: 6px 8px !important;
	border-radius: 6px !important;
	border: 1px solid #d1d5db !important;
	background: #fff !important;
	background-image: none !important;
	box-shadow: none !important;
	color: #374151 !important;
	max-width: 165px;
}

/* Nut "Bo loc": mau xam-tim trung tinh, khac han mau xanh cua tabs va mau do
   cua "Xoa loc" - de phan biet RO chuc nang "thu gon/mo bo loc" voi "doi cach
   xem" (tabs) va voi cac nut hanh dong trong panel (Loc/Xoa loc). */
.fpv-filter-toggle {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 14px !important;
	border-radius: 999px !important;
	border: 1px solid #c7c9f5 !important;
	background: #eef0fd !important;
	background-image: none !important;
	box-shadow: none !important;
	text-shadow: none !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	text-transform: none !important;
	color: #4338ca !important;
	cursor: pointer;
	white-space: nowrap;
	transition: background 0.15s ease, border-color 0.15s ease;
}
.fpv-filter-toggle:hover {
	border-color: #4338ca !important;
}
.fpv-filter-toggle.open,
.fpv-filter-toggle.has-active {
	background: #4338ca !important;
	border-color: #4338ca !important;
	color: #fff !important;
}
.fpv-filter-toggle.has-active .fpv-filter-toggle-badge {
	background: #fff;
	color: #4338ca;
}
.fpv-filter-toggle-icon {
	font-size: 13px;
	line-height: 1;
}
.fpv-filter-toggle-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 16px;
	height: 16px;
	padding: 0 4px;
	border-radius: 999px;
	background: #4338ca;
	color: #fff;
	font-size: 10px;
	font-weight: 700;
}

/* Panel loc (Loai PN/Huong/View/Tang + Loc/Xoa loc) - AN san, chi xo ra khi
   bam nut "Bo loc" o tren (class .open) - giam roi mat khi khong can dung. */
.fpv-units-filters-panel {
	display: none;
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px dashed #e5e7eb;
}
.fpv-units-filters-panel.open {
	display: block;
}
.fpv-units-filters {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	position: relative;
}
.fpv-filter-apply {
	font-size: 12px !important;
	font-weight: 600 !important;
	padding: 6px 14px !important;
	border-radius: 6px !important;
	border: 1px solid #0066cc !important;
	background: #0066cc !important;
	background-image: none !important;
	box-shadow: none !important;
	text-shadow: none !important;
	text-transform: none !important;
	color: #fff !important;
	cursor: pointer;
	transition: background 0.15s ease, border-color 0.15s ease;
}
.fpv-filter-apply:hover {
	background: #0052a3 !important;
	border-color: #0052a3 !important;
}
.fpv-filter-reset {
	font-size: 12px !important;
	font-weight: 600 !important;
	padding: 6px 10px !important;
	border-radius: 6px !important;
	border: 1px solid #d1d5db !important;
	background: #fff !important;
	background-image: none !important;
	box-shadow: none !important;
	text-transform: none !important;
	color: #a32d2d !important;
	cursor: pointer;
}
.fpv-filter-reset:hover {
	background: #fef2f2 !important;
	border-color: #fca5a5 !important;
}

/* ---------- Loc nhieu lua chon (checkbox dropdown) ---------- */

.fpv-msf {
	position: relative;
}
.fpv-msf-toggle {
	font-size: 12px !important;
	padding: 5px 10px !important;
	border-radius: 6px !important;
	border: 1px solid #d1d5db !important;
	background: #fff !important;
	background-image: none !important;
	box-shadow: none !important;
	text-shadow: none !important;
	text-transform: none !important;
	font-weight: 400;
	color: #374151 !important;
	cursor: pointer;
	white-space: nowrap;
	max-width: 150px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.fpv-msf-toggle:hover {
	border-color: #9ca3af !important;
}
.fpv-msf-toggle.has-selection {
	border-color: #0066cc !important;
	color: #0066cc !important;
	background: #eef6ff !important;
	font-weight: 600 !important;
}
.fpv-msf.open .fpv-msf-toggle {
	border-color: #0066cc;
}
.fpv-msf-panel {
	display: none;
	position: absolute;
	top: calc(100% + 6px);
	left: 0;
	z-index: 40;
	width: 200px;
	background: #fff;
	border: 1px solid #d1d5db;
	border-radius: 8px;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.14);
	overflow: hidden;
}
.fpv-msf.open .fpv-msf-panel {
	display: block;
}
/* v1.10.7: panel mac dinh "tho" tu canh trai nut bam (left:0). Tren man
   hinh hep, neu nut bam nam gan canh phai cua hang loc da xuong dong (vd o
   thu 3-4 trong day PN/Huong/View/Tang), panel rong 200-220px co the tran
   ra ngoai man hinh. JS (positionMsfPanel()) do thuc te bang
   getBoundingClientRect() moi lan mo, neu tran thi gan class nay de doi
   sang "tho" tu canh phai nut bam. */
.fpv-msf-panel.align-right {
	left: auto;
	right: 0;
}
.fpv-msf-panel-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 8px 10px;
	border-bottom: 1px solid #f1f1f1;
	background: #f9fafb;
}
.fpv-msf-panel-title {
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.3px;
	color: #6b7280;
}
.fpv-msf-clear {
	/*
	 * QUAN TRONG (sua loi v1.5.2): giong loi cua .fpv-hotspot o tren - thieu
	 * !important nen CSS chung cua theme cho <button> de mau nen xanh la len,
	 * lam chu "Bỏ chọn" (mau xanh duong nhat) rat kho doc tren nen do. Dung
	 * !important de luon trong suot, va doi sang mau do giong nut "Xóa lọc"
	 * chinh (.fpv-filter-reset) cho dong bo + de phan biet la hanh dong "xoa".
	 */
	font-size: 11px !important;
	font-weight: 600 !important;
	color: #a32d2d !important;
	background: none !important;
	background-image: none !important;
	border: none !important;
	box-shadow: none !important;
	text-shadow: none !important;
	text-transform: none !important;
	padding: 0 !important;
	cursor: pointer;
}
.fpv-msf-clear:hover {
	text-decoration: underline;
	color: #7f1d1d !important;
}
.fpv-msf-options {
	max-height: 220px;
	overflow-y: auto;
	padding: 4px 0;
}
.fpv-msf-option {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 7px 12px;
	font-size: 13px;
	color: #1f2937;
	cursor: pointer;
}
.fpv-msf-option:hover {
	background: #f3f4f6;
}
.fpv-msf-option input[type="checkbox"] {
	flex-shrink: 0;
	width: 15px;
	height: 15px;
	accent-color: #0066cc;
	cursor: pointer;
}
.fpv-msf-option span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.fpv-msf-empty {
	padding: 10px 12px;
	font-size: 12px;
	color: #9ca3af;
	margin: 0;
}
.fpv-units-toolbar.mode-floor .fpv-msf-floor {
	display: none;
}

.fpv-units-count {
	padding: 8px 16px 0;
	font-size: 11px;
	color: #6b7280;
}

.fpv-empty-inline {
	padding: 18px;
	text-align: center;
	color: #9ca3af;
	font-size: 12px;
	width: 100%;
}

/* ---------- Danh sach can theo tang: luoi the (the rong, xep nhieu cot) ---------- */

.fpv-units-list {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	padding: 10px 16px 14px;
	max-height: 260px;
	overflow-y: auto;
}
.fpv-unit-row {
	width: 168px;
	flex-shrink: 0;
	padding: 10px 12px;
	border: 1px solid #e5e7eb;
	border-radius: 8px;
	cursor: pointer;
	transition: background 0.15s ease, border-color 0.15s ease;
}
.fpv-unit-row:hover,
.fpv-unit-row.is-hover {
	background: #eef6ff;
	border-color: #b6dcff;
}
.fpv-unit-code {
	font-size: 13px;
	font-weight: 600;
	color: #1f2937;
	margin-bottom: 6px;
}
.fpv-unit-meta {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 11px;
	color: #6b7280;
	/* v1.35.26 (FPV-PREORDER, theo yeu cau Du): the "Theo tang" co chieu rong
	   co dinh 168px (xem .fpv-unit-row) - nhan trang thai "Pre-Order" dai hon
	   han cac nhan khac ("Đang bán"/"Đã bán"...) nen truoc day bi TRAN ra
	   ngoai card (flex mac dinh khong wrap, khong co cho co lai). Cho phep
	   wrap xuong dong khi khong du cho, thay vi tran ra ngoai. */
	flex-wrap: wrap;
	row-gap: 4px;
}
.fpv-unit-meta > span:first-child {
	min-width: 0;
}
.fpv-unit-price {
	margin-top: 5px;
	font-size: 12px;
	font-weight: 700;
	color: #0066cc;
}
.fpv-unit-price-discounted {
	display: flex;
	align-items: baseline;
	gap: 5px;
	flex-wrap: wrap;
}
.fpv-unit-price-old {
	font-size: 10px;
	font-weight: 500;
	color: #9ca3af;
	text-decoration: line-through;
}
.fpv-unit-price-discounted .fpv-unit-price-new {
	font-size: 12px;
	font-weight: 800;
	color: #dc2626;
}
/* v1.18.47: dong rieng cho cac badge nhan (Duplex/Penthouse/...) trong card
   danh sach - flex-wrap + gap giu cac badge deu hang, khoang cach deu nhau,
   khong bi lech/xuong dong xau khi co nhieu nhan hoac ten nhan dai. */
.fpv-unit-tags-row {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 4px !important;
	margin: 4px 0 !important;
}

.fpv-unit-price-badge {
	display: inline-block;
	padding: 1px 5px !important;
	border-radius: 999px !important;
	background: #dc2626 !important;
	color: #fff !important;
	font-size: 9px !important;
	font-weight: 700 !important;
	line-height: 1.4 !important;
	border: none !important;
}
/* v1.10.8: Giá/m² hien thi duoi dong gia trong the "Theo tang" */
.fpv-unit-price-pm {
	display: inline-block;
	margin-top: 3px;
	font-size: 11px;
	font-weight: 700;
	color: #0066cc;
	background: #eef6ff;
	padding: 1px 7px;
	border-radius: 999px;
	white-space: nowrap;
}
.fpv-unit-badge {
	display: inline-block;
	padding: 2px 6px;
	border-radius: 3px;
	font-size: 10px;
	font-weight: 600;
}
.fpv-badge-available {
	background: #d1fae5;
	color: #065f46;
}
.fpv-badge-sold {
	background: #f3f4f6;
	color: #6b7280;
}
.fpv-badge-reserved {
	background: #fef3c7;
	color: #92400e;
}
/* v1.35.18 (FPV-PREORDER): can chua co gia, hien "cau khach" tren mat bang */
.fpv-badge-preorder {
	background: #ede9fe;
	color: #5b21b6;
}
/* v1.35.28 (FPV-HIDE-TAB): can bi CDT an/xoa - CHI Admin thay */
.fpv-badge-hide {
	background: #fee2e2;
	color: #991b1b;
}

/* ---------- Bang toan bo (tat ca tang trong block) ---------- */

/* v1.24.26 (FPV-TABLE-SORT/HINT): chu thich "vuot ngang" chi hien tren
   man hinh nho (mobile) - bang tren desktop da du rong nen khong can. */
.fpv-table-scroll-hint {
	display: none;
}
@media ( max-width: 768px ) {
	.fpv-table-scroll-hint {
		display: flex;
		align-items: center;
		gap: 5px;
		margin: 0 16px 8px;
		padding: 6px 10px;
		background: #eef6ff;
		color: #0066cc;
		font-size: 11px;
		font-weight: 600;
		border-radius: 6px;
	}
}

/* v1.24.27 (FPV-TABLE-SORT-UX): 1 nut sap xep/cot, vung bam lon hon (toi
   thieu ~22x22px) de de bam tren dien thoai, thay vi 2 mui ten text 6px
   qua nho nhu ban dau (v1.24.26). */
.fpv-th-sortable {
	display: inline-flex;
	align-items: center;
	gap: 2px;
}
.fpv-th-sort-btn {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 22px !important;
	height: 22px !important;
	min-width: 0 !important;
	min-height: 0 !important;
	border: none !important;
	border-radius: 5px !important;
	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
	padding: 0 !important;
	margin: 0 !important;
	cursor: pointer;
	flex: 0 0 auto;
	line-height: 1 !important;
}
/* v1.24.28 (FPV-TABLE-SORT-FIX): 1 so theme (RealHome/BetterDocs) gan san
   background/border-radius mau xanh cho <button> chung chung, tao thanh 1
   "badge" tron to xau xi quanh icon sap xep - khoa lai bang !important +
   bo het pseudo-element theme co the dang chen vao. */
.fpv-th-sort-btn::before,
.fpv-th-sort-btn::after {
	content: none !important;
	display: none !important;
}
.fpv-th-sort-btn:hover {
	background: #e5e7eb !important;
}
.fpv-th-sort-icon {
	width: 13px !important;
	height: 13px !important;
	flex: 0 0 auto;
}
.fpv-th-sort-icon-up,
.fpv-th-sort-icon-down {
	fill: #b0b5bd;
}
.fpv-th-sort-btn.is-asc .fpv-th-sort-icon-up {
	fill: #2563eb;
}
.fpv-th-sort-btn.is-desc .fpv-th-sort-icon-down {
	fill: #2563eb;
}
.fpv-th-sort-btn.is-asc,
.fpv-th-sort-btn.is-desc {
	background: #eef6ff !important;
}
/* v1.24.27: tren mobile, vung bam can lon hon nua (toi thieu 28x28px theo
   khuyen nghi target-size cua Google/Apple) vi ngon tay kem chinh xac hon
   con tro chuot. */
@media ( max-width: 768px ) {
	.fpv-th-sort-btn {
		width: 28px !important;
		height: 28px !important;
	}
	.fpv-th-sort-icon {
		width: 15px !important;
		height: 15px !important;
	}
}

.fpv-units-table-wrap {
	padding: 0 16px 14px;
	overflow-x: auto;
	max-height: 340px;
	overflow-y: auto;
	/* v1.24.29 (FPV-TABLE-OVERFLOW): tu gioi han chinh no trong khung cha,
	   khong phu thuoc noi dung <table> ben trong (width:max-content) - day
	   la khung THUC SU cuon ngang khi bang rong hon man hinh, khong phai
	   toan trang. */
	width: 100%;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
}
/* v1.24.25 (FPV-TABLE-UX): khung "the" quanh bang - vien + bo goc + do bong
   nhe de bang bot "phang", tach hin ro khoi nen trang cua trang. */
.fpv-units-table-wrap {
	border: 1px solid #e5e7eb;
	border-radius: 10px;
	box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04), 0 2px 8px rgba(16, 24, 40, 0.05);
	background: #fff;
}
/*
 * Co the bi anh huong boi CSS theo chu (vd quy tac "table-responsive" toan site
 * doi td/tr thanh display:block + position:absolute cho nhan cot) khien chu
 * cot dai (Huong/View) tran de len cot ben canh. Khoa cung display/position de
 * tranh hoan toan truong hop nay, bat ke CSS ben ngoai co can thiep hay khong.
 *
 * QUAN TRONG (sua loi v1.5.1): KHONG dung table-layout:fixed + % co dinh cho
 * tung cot nua - cach do ep ca nhung cot rat ngan (Tầng/PN/Loại) va ca chinh
 * "Mã căn" phai rut gon (...) ngay ca khi noi dung that ra rat ngan, vi % cua
 * 1 bang hep (vd tren dien thoai) ra so px qua nho. Doi sang table-layout:auto
 * de tung cot tu gian theo dung noi dung/nhan cot can - chi rieng 2 cot de bi
 * dai bat thuong (Hướng/View) moi bi gioi han do rong qua <span class="fpv-cell-ellipsis">
 * (xem rule o duoi), khong gioi han len ca o <td>/<th> nhu truoc.
 */
.fpv-units-table,
.fpv-units-table thead,
.fpv-units-table tbody,
.fpv-units-table tr {
	display: revert !important;
}
.fpv-units-table {
	width: max-content;
	min-width: 100%;
	table-layout: auto !important;
	border-collapse: collapse;
	font-size: 11px !important;
	isolation: isolate;
}
.fpv-units-table th,
.fpv-units-table td {
	display: table-cell !important;
	position: static !important;
	float: none !important;
	white-space: nowrap;
	vertical-align: middle;
	font-size: 11px !important;
}
.fpv-units-table th::before,
.fpv-units-table td::before,
.fpv-units-table th::after,
.fpv-units-table td::after {
	content: none !important;
}
.fpv-units-table thead th {
	position: sticky !important;
	top: 0;
	background: #f3f4f6;
	text-align: left;
	padding: 9px 12px;
	color: #4b5563;
	font-weight: 700;
	font-size: 10px !important;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	border-bottom: 2px solid #e5e7eb;
}
.fpv-units-table thead th:first-child {
	border-top-left-radius: 9px;
}
.fpv-units-table thead th:last-child {
	border-top-right-radius: 9px;
}
.fpv-units-table tbody td {
	padding: 9px 12px;
	border-bottom: 1px solid #eef0f3;
	color: #374151;
	font-size: 11px !important;
}
/* v1.24.25: hang van soc nhe (zebra) - giup mat de theo doi tung dong khi
   bang co nhieu cot, thay vi mang mau trang phang tuyet doi nhu truoc. */
.fpv-units-table tbody tr:nth-child(even) {
	background: #fafbfc;
}
.fpv-units-table tbody tr {
	cursor: pointer;
	transition: background-color 0.12s ease;
}
.fpv-units-table tbody tr:hover {
	background: #eef6ff;
}
.fpv-units-table tbody tr:last-child td {
	border-bottom: none;
}
.fpv-table-code {
	font-size: 13px !important; /* v1.34.1: khoá vs BetterDocs override */
	font-weight: 700 !important;
	color: #1f2937;
}
.fpv-table-price-cell {
	line-height: 1.5;
}
/* v1.24.25: cot rieng "Gia niem yet" - trung tinh, khong gach ngang nua vi
   ban than no la 1 cot doc lap (khong con canh gia da CK ngay trong cung o). */
.fpv-table-price-listed {
	font-size: 12px !important;
	font-weight: 700;
	color: #374151;
	white-space: nowrap;
}
.fpv-table-price-cell-discounted {
	border-left: 1px dashed #e5e7eb;
}
.fpv-table-price-new {
	font-size: 12px !important;
	font-weight: 800;
	color: #dc2626;
	white-space: nowrap;
}
.fpv-table-price-badge {
	display: inline-block;
	padding: 1px 5px;
	border-radius: 999px;
	background: #dc2626;
	color: #fff;
	font-size: 9px !important;
	font-weight: 700;
	vertical-align: middle;
}
.fpv-table-price-nodiscount {
	color: #c1c5cb;
	font-size: 12px !important;
}
/* v1.10.8: Giá/m² trong cot Gia cua Bang toan bo */
.fpv-table-price-pm {
	display: inline-block;
	margin-top: 2px;
	font-size: 10px !important;
	font-weight: 700 !important;
	color: #0066cc !important;
	background: #eef6ff;
	padding: 1px 5px;
	border-radius: 999px;
	white-space: nowrap;
}
/* Chi rieng cot Hướng/View moi can gioi han do rong + rut gon (...) vi day la
   2 truong duy nhat co the co noi dung mo ta dai (vd "Sông Cái Cam, Nội Khu
   S6") - cac cot khac (Mã căn, Tầng, Loại, PN, DT, Giá, Trạng thái) deu ngan
   va co gioi han ro, KHONG can va KHONG nen bi rut gon. */
.fpv-cell-ellipsis {
	display: block;
	max-width: 170px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* Modal */
.fpv-modal-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.45);
	/* v1.35.30 (FPV-STATS-DETAIL fix, theo yeu cau Du 23/07): truoc day
	   100000 - THAP HON .fpv-stats-overlay (100050), nen khi mo tu icon
	   📊 Thong ke > so do tang luoi, popup chi tiet can VAN mo (JS chay
	   dung) nhung bi che KHUAT phia sau modal Thong ke, tuong nhu "bam
	   khong len". Tang len 100060 (dung z-index ma comment v1.35.26 da
	   dinh ap dung nhung ghi nham vao .fpv-lc-modal-overlay ben duoi). */
	z-index: 100060;
	align-items: center;
	justify-content: center;
}
.fpv-modal-overlay.show {
	display: flex;
}
.fpv-modal {
	background: #fff;
	border-radius: 12px;
	padding: 24px;
	max-width: min(92vw, 380px);
	width: 90%;
	max-height: 88vh;
	overflow-y: auto;
	position: relative;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
.fpv-modal-close {
	position: absolute;
	top: 10px;
	right: 12px;
	background: none !important;
	background-image: none !important;
	box-shadow: none !important;
	border: none !important;
	border-radius: 0 !important;
	font-size: 22px !important;
	line-height: 1;
	cursor: pointer;
	color: #6b7280 !important;
}
/* FPV-STATS-DETAIL: nut "↩ Quay lại thống kê", chi hien khi modal duoc mo tu trang/overlay thong ke. */
.fpv-modal-back {
	position: absolute;
	top: 10px;
	left: 12px;
	right: 40px;
	background: none !important;
	background-image: none !important;
	box-shadow: none !important;
	border: none !important;
	border-radius: 0 !important;
	font-size: 13px !important;
	font-weight: 600;
	line-height: 1.3;
	cursor: pointer;
	color: #8a6a35 !important;
	text-align: left;
	padding: 0 !important;
}
.fpv-modal-overlay:has(.fpv-modal-back:not([style*="display: none"])) .fpv-modal-header {
	margin-top: 22px;
}
.fpv-modal-header {
	margin-bottom: 16px;
}
.fpv-modal-title {
	font-size: 24px;
	font-weight: 600;
	color: #1f2937;
	margin-bottom: 6px;
}
.fpv-modal-status {
	display: inline-block;
	padding: 4px 10px;
	border-radius: 4px;
	font-size: 12px;
	font-weight: 600;
}
.fpv-modal-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
	margin-bottom: 14px;
	border-top: 1px solid #e5e7eb;
	padding-top: 12px;
}
.fpv-modal-label {
	font-size: 11px;
	color: #6b7280;
	text-transform: uppercase;
	letter-spacing: 0.2px;
	margin-bottom: 3px;
}
.fpv-modal-value {
	font-size: 16px;
	font-weight: 600;
	color: #1f2937;
}
/* v1.35.25 (FPV-DUPLEX-BREAKDOWN): dien giai "(154.28m² + 117.5m²)" ben canh
   tong dien tich/PN cua can duplex - chip nho, tach biet ro voi so TONG in
   dam ben canh, de nhin ra ngay 2 thanh phan tang 1/tang 2 cong lai. */
.fpv-duplex-breakdown {
	display: inline-block;
	font-size: 11px;
	font-weight: 500;
	color: #7c3aed;
	background: #f5f3ff;
	border: 1px solid #ddd6fe;
	border-radius: 6px;
	padding: 1px 7px;
	vertical-align: middle;
	white-space: nowrap;
}
.fpv-modal-value .fpv-duplex-breakdown {
	font-size: 12px;
}
.fpv-modal-meta {
	font-size: 12px;
	color: #6b7280;
	padding-top: 12px;
	border-top: 1px solid #e5e7eb;
}
.fpv-modal-meta div {
	margin-bottom: 5px;
}
.fpv-modal-actions {
	margin-top: 14px;
}
.fpv-modal-contact-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	width: 100%;
	padding: 11px 14px;
	border-radius: 8px !important;
	border: none !important;
	background: #0066cc !important;
	background-image: none !important;
	box-shadow: none !important;
	color: #fff !important;
	text-decoration: none !important;
	font-size: 14px;
	font-weight: 600;
	text-align: center;
	transition: background 0.15s ease;
}
.fpv-modal-contact-btn:hover {
	background: #0052a3 !important;
	color: #fff !important;
}

/* v1.35.26 (FPV-CONTACT-CHOICE, theo yeu cau Du 23/07): nut "Lien he tu van"
   mo menu nho 2 lua chon (Goi truc tiep / Zalo), moi lua chon 1 icon rieng. */
.fpv-contact-wrap {
	position: relative;
}
.fpv-contact-menu {
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	bottom: calc(100% + 8px);
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 10px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
	overflow: hidden;
	z-index: 20;
}
.fpv-contact-menu.show {
	display: block;
}
.fpv-contact-option {
	display: flex !important;
	align-items: center;
	gap: 10px;
	padding: 12px 14px;
	font-size: 14px;
	font-weight: 600;
	color: #1f2937 !important;
	text-decoration: none !important;
	border-bottom: 1px solid #f1f5f9;
}
.fpv-contact-option:last-child {
	border-bottom: none;
}
.fpv-contact-option:hover {
	background: #f8fafc;
}
.fpv-contact-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	font-size: 15px;
	flex-shrink: 0;
}
.fpv-contact-icon-call {
	background: #dcfce7;
}
.fpv-contact-icon-zalo {
	background: #e0f2fe;
	color: #0068ff;
	font-weight: 800;
}

/* ---------- FPV-LC: Lead Capture modal (dung chung, danh cho FPV-PDF/FPV-EXP/FPV-FIN-GATE) ---------- */
.fpv-lc-modal-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: 100060; /* FPV-STATS-DETAIL: phai cao hon .fpv-stats-overlay (100050) de nam TREN khi mo tu trang thong ke. */
	align-items: center;
	justify-content: center;
}
.fpv-lc-modal-overlay.show {
	display: flex;
}
.fpv-lc-modal {
	background: #fff;
	border-radius: 12px;
	padding: 24px;
	max-width: min(92vw, 360px);
	width: 90%;
	position: relative;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
.fpv-lc-close {
	position: absolute;
	top: 10px;
	right: 12px;
	background: none !important;
	background-image: none !important;
	box-shadow: none !important;
	border: none !important;
	border-radius: 0 !important;
	font-size: 22px !important;
	line-height: 1;
	cursor: pointer;
	color: #6b7280 !important;
}
.fpv-lc-title {
	font-size: 18px;
	font-weight: 700;
	color: #1f2937;
	margin-bottom: 6px;
	padding-right: 20px;
}
.fpv-lc-desc {
	font-size: 13px;
	color: #6b7280;
	line-height: 1.5;
	margin-bottom: 16px;
}
.fpv-lc-input {
	width: 100%;
	box-sizing: border-box;
	padding: 11px 12px;
	border: 1px solid #d1d5db !important;
	border-radius: 8px !important;
	font-size: 15px;
	color: #1f2937;
	margin-bottom: 6px;
}
.fpv-lc-input:focus {
	outline: none;
	border-color: #2563eb !important;
	box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15) !important;
}
.fpv-lc-error {
	display: none;
	font-size: 12.5px;
	color: #dc2626;
	margin-bottom: 8px;
	line-height: 1.4;
}
.fpv-lc-error.show {
	display: block;
}
.fpv-lc-submit-btn {
	width: 100%;
	padding: 12px 14px;
	border-radius: 8px !important;
	border: none !important;
	background: #2563eb !important;
	background-image: none !important;
	box-shadow: none !important;
	color: #fff !important;
	font-size: 15px;
	font-weight: 600;
	text-align: center;
	cursor: pointer;
	transition: background 0.15s ease;
}
.fpv-lc-submit-btn:hover {
	background: #1d4ed8 !important;
}
.fpv-lc-submit-btn:disabled {
	background: #93c5fd !important;
	cursor: default;
}
/* v1.35.18 (FPV-PREORDER): khoi xin SDT inline trong modal chi tiet can,
   thay cho khoi gia/CK/lich TT khi can chua co gia (xem wirePreorderForm()). */
.fpv-preorder-block {
	margin-top: 12px;
	padding: 14px;
	border: 1px solid #ddd6fe;
	border-radius: 10px;
	background: #f5f3ff;
}
.fpv-preorder-note {
	font-size: 13px;
	color: #4c1d95;
	line-height: 1.5;
	margin-bottom: 10px;
}
.fpv-preorder-input {
	width: 100%;
	box-sizing: border-box;
	padding: 11px 12px;
	border: 1px solid #d1d5db !important;
	border-radius: 8px !important;
	font-size: 15px;
	color: #1f2937;
	margin-bottom: 6px;
}
.fpv-preorder-input:focus {
	outline: none;
	border-color: #7c3aed !important;
	box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.15) !important;
}
.fpv-preorder-error {
	display: none;
	font-size: 12.5px;
	color: #dc2626;
	margin-bottom: 8px;
	line-height: 1.4;
}
.fpv-preorder-error.show {
	display: block;
}
.fpv-preorder-submit-btn {
	width: 100%;
	padding: 12px 14px;
	border-radius: 8px !important;
	border: none !important;
	background: #7c3aed !important;
	background-image: none !important;
	box-shadow: none !important;
	color: #fff !important;
	font-size: 15px;
	font-weight: 600;
	text-align: center;
	cursor: pointer;
	transition: background 0.15s ease;
}
.fpv-preorder-submit-btn:hover {
	background: #6d28d9 !important;
}
.fpv-preorder-submit-btn:disabled {
	background: #c4b5fd !important;
	cursor: default;
}
.fpv-preorder-success {
	font-size: 13.5px;
	color: #065f46;
	font-weight: 600;
	text-align: center;
	padding: 6px 0;
}

.fpv-pdf-export-btn {
	display: block;
	width: 100%;
	margin-top: 12px;
	padding: 10px 14px;
	border-radius: 8px !important;
	border: 1px solid #cbd5e1 !important;
	background: #f8fafc !important;
	background-image: none !important;
	box-shadow: none !important;
	color: #1f2937 !important;
	font-size: 13.5px;
	font-weight: 600;
	text-align: center;
	cursor: pointer;
	transition: background 0.15s ease, border-color 0.15s ease;
}
.fpv-pdf-export-btn:hover {
	background: #eef2f7 !important;
	border-color: #94a3b8 !important;
}
.fpv-pdf-export-btn:disabled {
	opacity: 0.6;
	cursor: default;
}

/* v1.18.69 (FPV-WM-TOGGLE): tuy chon watermark khi xuat PDF - CHI hien voi Admin (xem wirePdfExportButton() trong floor-plan-viewer.js). */
.fpv-pdf-watermark-toggle {
	display: flex;
	align-items: center;
	gap: 6px;
	margin-top: 8px;
	font-size: 12px;
	color: #a32d2d;
	cursor: pointer;
}
.fpv-pdf-watermark-toggle input {
	cursor: pointer;
}

/* ---------- Gia sau chiet khau + Lich thanh toan (trong modal) ---------- */

.fpv-pricing-block {
	margin-top: 14px;
	padding-top: 14px;
	border-top: 1px dashed #e5e7eb;
}
.fpv-price-hero {
	background: linear-gradient(135deg, #fff7ed 0%, #fef2f2 100%);
	border: 1px solid #fecaca;
	border-radius: 10px;
	padding: 12px 14px;
	margin-bottom: 12px;
}
.fpv-price-hero-old {
	font-size: 12px;
	color: #9ca3af;
	text-decoration: line-through;
	margin-bottom: 2px;
}
.fpv-price-hero-row {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}
.fpv-price-hero-new {
	font-size: 24px;
	font-weight: 800;
	color: #dc2626;
	line-height: 1.1;
}
.fpv-price-hero-badge {
	display: inline-block;
	padding: 3px 9px;
	border-radius: 999px;
	background: #dc2626;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
}
.fpv-price-hero-save {
	margin-top: 4px;
	font-size: 12px;
	font-weight: 700;
	color: #16a34a;
}
.fpv-price-hero-note {
	margin-top: 6px;
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}
.fpv-price-hero-kpbt-tag {
	display: inline-block;
	padding: 3px 9px;
	border-radius: 999px;
	background: #fef3c7;
	border: 1px solid #fde68a;
	color: #92400e;
	font-size: 11px;
	font-weight: 700;
	white-space: nowrap;
}
.fpv-price-hero-pm {
	display: inline-block;
	font-size: 12px;
	font-weight: 700;
	color: #0066cc;
	background: #eef6ff;
	padding: 2px 8px;
	border-radius: 999px;
	white-space: nowrap;
}
.fpv-price-hero-kpbt-amount {
	font-size: 11px;
	font-weight: 400;
	color: #92400e;
}

.fpv-capital-cards {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-bottom: 12px;
}
.fpv-capital-card {
	border-radius: 10px;
	padding: 12px 14px;
	border: 1px solid #e5e7eb;
	border-left: 4px solid #0066cc;
	background: #f8fafc;
}
.fpv-capital-card.fpv-capital-linhhoat {
	border-left-color: #d97706;
	background: #fffbeb;
}
.fpv-capital-card-title {
	font-size: 13px;
	font-weight: 700;
	color: #1f2937;
	margin-bottom: 3px;
}
.fpv-capital-card-desc {
	font-size: 11px;
	color: #6b7280;
	margin-bottom: 6px;
	line-height: 1.4;
}
.fpv-capital-card-price {
	font-size: 18px;
	font-weight: 800;
	color: #1f2937;
}
/* v1.28.1: dong niêm yết gạch ngang + giá/m² gộp từ hero vào card Trọn vẹn. */
.fpv-capital-card-old {
	font-size: 11px;
	color: #9ca3af;
	margin-bottom: 2px;
}
.fpv-capital-card-pm {
	font-size: 11px;
	font-weight: 600;
	color: #1d4ed8;
	background: #eaf2fe;
	border-radius: 6px;
	padding: 2px 6px;
	white-space: nowrap;
}
.fpv-capital-card-kpbt-note {
	font-size: 10px;
	font-weight: 600;
	color: #9ca3af;
	vertical-align: middle;
}
.fpv-capital-card.fpv-capital-tronven .fpv-capital-card-price {
	color: #0066cc;
}
.fpv-capital-card.fpv-capital-linhhoat .fpv-capital-card-price {
	color: #d97706;
}
.fpv-capital-card-sub {
	margin-top: 3px;
	font-size: 11px;
	color: #4b5563;
}

/* v1.12.0: khoi "Thong tin hop dong cu" (THAM KHAO, Capital + chuyen
   nhuong) - dung mau tim (violet, info-style, KHONG phai canh bao) de tach
   biet voi xanh duong (Tron ven) va cam (Linh hoat) ben tren - giai thich
   vi sao KPBT tinh tren gia HDMB goc + cac khoan ben chuyen nhuong se tu tra
   tiep CDT (xem renderHopDongCuBox() trong floor-plan-viewer.js). */
.fpv-chenhlech-box {
	border-radius: 10px;
	padding: 12px 14px;
	border: 1px solid #ddd6fe;
	border-left: 4px solid #7c3aed;
	background: #f5f3ff;
	margin-bottom: 12px;
}
.fpv-chenhlech-title {
	font-size: 13px;
	font-weight: 700;
	color: #5b21b6;
	margin-bottom: 3px;
}
.fpv-chenhlech-amount {
	font-size: 18px;
	font-weight: 800;
	color: #7c3aed;
}
.fpv-chenhlech-desc {
	margin-top: 4px;
	margin-bottom: 8px;
	font-size: 11px;
	color: #5b21b6;
	line-height: 1.5;
}
.fpv-chenhlech-row {
	display: flex;
	justify-content: space-between;
	gap: 10px;
	font-size: 12px;
	color: #4c1d95;
	padding: 4px 0;
	border-top: 1px solid #ede9fe;
}
.fpv-chenhlech-row:first-of-type {
	border-top: none;
}
.fpv-chenhlech-row span:last-child {
	font-weight: 700;
	white-space: nowrap;
}
.fpv-admin-badge {
	display: inline-block;
	margin-left: 6px;
	padding: 1px 7px;
	border-radius: 999px;
	background: #7c3aed;
	color: #fff;
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .02em;
	vertical-align: middle;
}
.fpv-chenhlech-warn {
	margin-top: 4px;
	padding: 6px 8px;
	border-radius: 6px;
	background: #fef2f2;
	color: #b91c1c;
	font-size: 11px;
	line-height: 1.4;
}

/* v1.13.1: 2 "cot" option so sanh (Bao hiem tre han vs Theo tien do ban
   giao du kien) trong khoi "Dong tien loi tuc Linh hoat". */
.fpv-lh-options {
	display: flex;
	flex-direction: column;
	gap: 14px;
}
.fpv-lh-options-compare {
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: start;
}
.fpv-lh-option {
	display: flex;
	flex-direction: column;
	border: 1px solid #e5e7eb;
	border-radius: 12px;
	padding: 12px;
	background: #fff;
}
.fpv-lh-option-full {
	border-color: #c7d2fe;
	border-left: 4px solid #4f46e5;
	background: #f5f5ff;
}
.fpv-lh-option-handover {
	border-color: #fde68a;
	border-left: 4px solid #d97706;
	background: #fffaf0;
}
.fpv-lh-option-badge {
	display: inline-flex;
	align-self: flex-start;
	align-items: center;
	gap: 4px;
	font-size: 11px;
	font-weight: 800;
	padding: 4px 10px;
	border-radius: 999px;
	margin-bottom: 6px;
}
.fpv-lh-option-badge-full {
	background: #4f46e5;
	color: #ffffff;
}
.fpv-lh-option-badge-handover {
	background: #d97706;
	color: #ffffff;
}
.fpv-lh-option-sub {
	font-size: 11.5px;
	color: #6b7280;
	line-height: 1.4;
	margin-bottom: 8px;
}
.fpv-lh-option-term {
	font-size: 12.5px;
	color: #374151;
	background: #f9fafb;
	border-radius: 8px;
	padding: 6px 10px;
	margin-bottom: 10px;
}
@media ( max-width: 640px ) {
	.fpv-lh-options-compare {
		grid-template-columns: 1fr;
	}
}


.fpv-lh-flow-list {
	display: flex;
	flex-direction: column;
	gap: 4px;
	margin-bottom: 10px;
	max-height: 220px;
	overflow-y: auto;
}
.fpv-lh-flow-row {
	display: grid;
	grid-template-columns: 52px 1fr auto;
	align-items: center;
	gap: 8px;
	font-size: 12px;
	padding: 5px 8px;
	border-radius: 6px;
	background: #fffbeb;
}
.fpv-lh-flow-q {
	font-weight: 700;
	color: #92400e;
}
.fpv-lh-flow-amt {
	font-weight: 700;
	color: #d97706;
}
.fpv-lh-flow-cum {
	color: #9ca3af;
	font-size: 11px;
	text-align: right;
}
.fpv-lh-final-box {
	border-radius: 10px;
	padding: 12px 14px;
	border: 1px solid #bbf7d0;
	border-left: 4px solid #16a34a;
	background: #f0fdf4;
}
.fpv-lh-final-title {
	font-size: 13px;
	font-weight: 700;
	color: #166534;
	margin-bottom: 6px;
}
.fpv-lh-final-row {
	display: flex;
	justify-content: space-between;
	gap: 10px;
	font-size: 12px;
	color: #166534;
	padding: 4px 0;
	border-top: 1px solid #dcfce7;
}
.fpv-lh-final-row:first-of-type {
	border-top: none;
}
.fpv-lh-final-row span:last-child {
	font-weight: 700;
	white-space: nowrap;
}
.fpv-lh-final-row.fpv-lh-final-total {
	font-size: 14px;
	font-weight: 800;
	color: #15803d;
	border-top: 1px dashed #86efac;
	padding-top: 6px;
	margin-top: 2px;
}
.fpv-lh-final-row.fpv-lh-final-highlight {
	background: #dcfce7;
	border-radius: 6px;
	padding: 6px 8px;
	margin: 2px 0;
	border-top: none;
}
.fpv-lh-final-row.fpv-lh-final-total.fpv-lh-final-highlight {
	background: #fef3c7;
	color: #92400e;
	border-top: 1px dashed #f59e0b;
	margin-top: 2px;
	padding-top: 8px;
}
.fpv-lh-final-row.fpv-lh-final-total.fpv-lh-final-highlight span:last-child {
	color: #92400e;
}
.fpv-lh-final-pctoff {
	margin-top: 8px;
	text-align: center;
	font-size: 13px;
	font-weight: 800;
	color: #dc2626;
	background: #fef2f2;
	border: 1px solid #fecaca;
	border-radius: 6px;
	padding: 6px 8px;
}

.fpv-method-tabs {
	display: flex;
	gap: 6px;
	overflow-x: auto;
	margin-bottom: 12px;
	padding-bottom: 2px;
}
.fpv-method-tab {
	flex: 0 0 auto;
	padding: 7px 12px !important;
	border-radius: 999px !important;
	border: 2px solid #c7ddfb !important;
	background: #fff !important;
	background-image: none !important;
	box-shadow: none !important;
	text-shadow: none !important;
	color: #1f2937 !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	text-transform: none !important;
	white-space: nowrap;
	cursor: pointer;
}
.fpv-method-tab.active {
	background: #0066cc !important;
	border-color: #0066cc !important;
	color: #fff !important;
}

.fpv-pricing-detail {
	margin-bottom: 10px;
	border: 1px solid #e5e7eb;
	border-radius: 8px;
	padding: 4px 12px;
}

/* ---------- FPV-CARD: section "Vi tri can ho" trong modal (lazy load) ---------- */

.fpv-position-detail {
	margin-bottom: 10px;
	border: 1px solid #e5e7eb;
	border-radius: 8px;
	padding: 4px 12px;
}
.fpv-position-detail summary {
	cursor: pointer;
	padding: 8px 0;
	font-size: 13px;
	font-weight: 600;
	color: #0066cc;
	list-style: none;
}
.fpv-position-detail summary::-webkit-details-marker {
	display: none;
}
.fpv-position-detail[open] summary {
	margin-bottom: 4px;
}
.fpv-position-box {
	padding-bottom: 10px;
}
.fpv-position-loading,
.fpv-position-empty {
	font-size: 12px;
	color: #6b7280;
	padding: 12px 0;
	text-align: center;
}
.fpv-position-image-wrap {
	position: relative;
	width: 100%;
	border-radius: 6px;
	overflow: hidden;
	background: #111;
}
.fpv-position-img {
	width: 100%;
	display: block;
}
.fpv-position-marker {
	position: absolute;
	width: 18px;
	height: 18px;
	margin-left: -9px;
	margin-top: -9px;
	border-radius: 50%;
	background: rgba(214, 54, 56, 0.35);
	border: 2px solid #d63638;
	box-shadow: 0 0 0 3px rgba(214, 54, 56, 0.15);
	animation: fpv-position-pulse 1.6s ease-in-out infinite;
}
@keyframes fpv-position-pulse {
	0%, 100% { transform: scale( 1 ); }
	50% { transform: scale( 1.25 ); }
}
/* FPV-CARD: hotspot rieng cho can Duplex - hinh thoi vang/gold, to hon,
 * de phan biet ngay voi can thuong (tron do) tren cung 1 anh mat dung. */
.fpv-position-marker-duplex {
	width: 22px;
	height: 22px;
	margin-left: -11px;
	margin-top: -11px;
	border-radius: 5px;
	background: rgba(199, 148, 43, 0.35);
	border: 2px solid #c7942b;
	box-shadow: 0 0 0 3px rgba(199, 148, 43, 0.18);
	transform: rotate( 45deg );
	animation: fpv-position-pulse-duplex 1.6s ease-in-out infinite;
}
@keyframes fpv-position-pulse-duplex {
	0%, 100% { transform: rotate( 45deg ) scale( 1 ); }
	50% { transform: rotate( 45deg ) scale( 1.25 ); }
}
.fpv-position-corner-tag {
	position: absolute;
	transform: translate( 14px, -50% );
	background: #d63638;
	color: #fff;
	font-size: 10px;
	font-weight: 600;
	line-height: 1;
	padding: 4px 7px;
	border-radius: 3px;
	white-space: nowrap;
	pointer-events: none;
}
.fpv-position-corner-tag::before {
	content: '';
	position: absolute;
	left: -4px;
	top: 50%;
	transform: translateY( -50% );
	border: 4px solid transparent;
	border-right-color: #d63638;
}
.fpv-position-note {
	font-size: 11px;
	color: #6b7280;
	margin-top: 8px;
	line-height: 1.5;
}
.fpv-position-disclaimer {
	font-style: italic;
}

/* ---------- v1.35.29: section "Vi tri mat bang" trong modal (lazy render,
   nam ngay duoi "Vi tri can ho" - dung chung khung .fpv-position-image-wrap/
   .fpv-position-img/.fpv-position-note o tren, chi rieng phan marker mau
   theo trang thai can) ---------- */
.fpv-floorplan-position-detail {
	margin-bottom: 10px;
	border: 1px solid #e5e7eb;
	border-radius: 8px;
	padding: 4px 12px;
}
.fpv-floorplan-position-detail summary {
	cursor: pointer;
	padding: 8px 0;
	font-size: 13px;
	font-weight: 600;
	color: #0066cc;
	list-style: none;
}
.fpv-floorplan-position-detail summary::-webkit-details-marker {
	display: none;
}
.fpv-floorplan-position-detail[open] summary {
	margin-bottom: 4px;
}
.fpv-floorplan-position-box {
	padding-bottom: 10px;
}
.fpv-floorplan-position-switcher {
	display: flex;
	gap: 6px;
	margin-bottom: 8px;
}
.fpv-floorplan-position-switch-btn {
	flex: 1;
	cursor: pointer;
	font-size: 12px;
	font-weight: 600;
	color: #374151;
	background: #f3f4f6;
	border: 1px solid #e5e7eb;
	border-radius: 6px;
	padding: 7px 8px;
	text-align: center;
	transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
.fpv-floorplan-position-switch-sub {
	font-weight: 400;
	color: inherit;
	opacity: 0.75;
}
.fpv-floorplan-position-switch-btn.is-active {
	background: #0066cc;
	border-color: #0066cc;
	color: #fff;
}
.fpv-floorplan-position-switch-btn:hover:not(.is-active) {
	background: #e5e7eb;
}
.fpv-floorplan-position-marker {
	position: absolute;
	width: 18px;
	height: 18px;
	margin-left: -9px;
	margin-top: -9px;
	border-radius: 50%;
	border: 2px solid #fff;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35), 0 0 0 3px rgba(0, 0, 0, 0.12);
	animation: fpv-position-pulse 1.6s ease-in-out infinite;
}
/* Mau dong bo voi cham hotspot tren khung mat bang chinh (xem .fpv-hotspot-dot
   theo trang thai o tren) - de khach de doi chieu 2 tab voi nhau.
   v1.35.53 (theo yeu cau Du 25/07): rieng trong tab "Vi tri mat bang" cua
   popup, cham hotspot dung mau NHAT (rgba, ~60% opacity) thay vi mau dac
   nhu ngoai trang chinh - de khach nhin xuyen qua thay ro chi tiet mat bang
   (tuong, cua, ban cong...) bi cham che khuat. Vien (border) van giu mau
   dac de khong mat dau vi tri. */
.fpv-floorplan-position-marker-available {
	background: rgba(16, 185, 129, 0.6);
	border-color: #10b981;
}
.fpv-floorplan-position-marker-sold {
	background: rgba(156, 163, 175, 0.6);
	border-color: #9ca3af;
	animation: none;
}
.fpv-floorplan-position-marker-reserved {
	background: rgba(245, 158, 11, 0.6);
	border-color: #f59e0b;
}
.fpv-floorplan-position-marker-preorder {
	background: rgba(124, 58, 237, 0.6);
	border-color: #7c3aed;
}
.fpv-floorplan-position-marker-hide {
	background: rgba(220, 38, 38, 0.6);
	border-color: #dc2626;
	border-style: dashed;
}
.fpv-pricing-detail summary {
	cursor: pointer;
	padding: 8px 0;
	font-size: 13px;
	font-weight: 600;
	color: #0066cc;
}
.fpv-pricing-detail[open] summary {
	margin-bottom: 4px;
}
.fpv-ck-row {
	display: flex;
	justify-content: space-between;
	gap: 8px;
	font-size: 12px;
	color: #374151;
	padding: 5px 0;
	border-bottom: 1px solid #f3f4f6;
}
.fpv-ck-row:last-child {
	border-bottom: none;
}
.fpv-ck-row-total {
	font-weight: 700;
	color: #1f2937;
}
/* O tong ket gia (chua gom KPBT / KPBT / da gom KPBT) - tach rieng bang vien
   net dut + nen nhat de noi bat, de khach phan biet voi cac dong CK thuong
   o tren (theo yeu cau Du). */
.fpv-ck-summary-box {
	margin-top: 6px;
	padding: 8px 10px;
	background: #f8fafc;
	border: 1px dashed #cbd5e1;
	border-radius: 8px;
}
.fpv-ck-summary-row {
	border-bottom: none !important;
	padding: 4px 0 !important;
}
.fpv-ck-summary-sub {
	color: #92400e;
	font-weight: 600;
}
/* v1.10.6: dong "Gia ban (chua gom KPBT)" - theo yeu cau Du, can NOI BAT hon
   dong CK thuong (khong chi la 1 dong trung gian mo nhat nua), nhung van
   khac mau voi dong "Gia cuoi cung" (do) de khach phan biet ro 2 moc gia. */
.fpv-ck-summary-giaban {
	font-weight: 800;
	color: #0a66a3;
	font-size: 13px;
}
.fpv-ck-summary-final {
	font-weight: 800;
	color: #dc2626;
	font-size: 13px;
	border-top: 1px solid #e2e8f0;
	margin-top: 2px;
	padding-top: 6px !important;
}
.fpv-schedule-date-label {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 12px;
	color: #374151;
	margin-bottom: 8px;
	cursor: pointer;
}
.fpv-schedule-date-input {
	display: block;
	margin-bottom: 10px;
	padding: 6px 8px;
	border: 1px solid #d1d5db;
	border-radius: 6px;
	font-size: 12px;
	width: 100%;
	box-sizing: border-box;
}
.fpv-schedule-table-wrap {
	margin-bottom: 6px;
}
/* O tong ket gia (chua gom KPBT / da gom KPBT) ngay tren dau bang lich thanh
   toan - cung kieu voi .fpv-ck-summary-box de dong bo, giup khach thay ngay
   2 moc gia quan trong truoc khi doc tung dot nho ben duoi. */
.fpv-schedule-summary-box {
	margin-bottom: 10px;
	padding: 8px 10px;
	background: #f8fafc;
	border: 1px dashed #cbd5e1;
	border-radius: 8px;
}
.fpv-schedule-summary-row {
	display: flex;
	justify-content: space-between;
	gap: 8px;
	font-size: 12px;
	color: #374151;
	padding: 3px 0;
}
/* v1.10.6: dong "Gia ban (chua gom KPBT)" - dong bo voi .fpv-ck-summary-giaban
   o tren (xem giai thich tai do). */
.fpv-schedule-summary-giaban {
	font-weight: 800;
	color: #0a66a3;
	font-size: 13px;
}
.fpv-schedule-summary-final {
	font-weight: 800;
	color: #dc2626;
	font-size: 13px;
	border-top: 1px solid #e2e8f0;
	margin-top: 2px;
	padding-top: 6px;
}
/* v1.28.2 (theo yeu cau Du 20/07): chu thich thay cho dong "Gia cuoi cung"
   khi dang o tab Capital "Sở hữu Linh hoạt" - nhac khach day la phuong an
   tai chinh (moi dong dot 1), khong phai lich mua nha tron ven. */
.fpv-schedule-summary-note {
	font-size: 11.5px;
	line-height: 1.5;
	color: #78716c;
	border-top: 1px solid #e2e8f0;
	margin-top: 6px;
	padding-top: 6px;
}
.fpv-schedule-summary-note strong {
	color: #b45309;
}
/* v1.28.5 (theo yeu cau Du 21/07): dong "Thời gian giao nhà dự kiến" o ca 2
   lich thanh toan (Tron ven + Linh hoat). */
.fpv-schedule-summary-handover {
	font-size: 12px;
	color: #44403c;
	border-top: 1px dashed #e2e8f0;
	margin-top: 6px;
	padding-top: 6px;
	justify-content: flex-start !important;
	gap: 6px;
}
.fpv-schedule-summary-handover strong {
	color: #7a1220;
}

/* ---------- Lich thanh toan (v1.7): grid-row list, KHONG dung <table> nua -
   tren mobile xep doc (the/card), tu chuyen sang dang bang 4 cot khi du rong
   (xem media query @min-width:700px o cuoi file) - de van "dep tren dien
   thoai" nhu cu nhung KHONG con bi nen thanh 1 cot hep tren may tinh. ---------- */
.fpv-schedule-header-row {
	display: none; /* chi hien khi du rong (desktop/tablet) - xem media query */
}
.fpv-schedule-list {
	display: flex;
	flex-direction: column;
}
.fpv-schedule-row {
	display: grid;
	grid-template-columns: auto 1fr;
	grid-template-areas:
		"label amount"
		"lhbadge lhbadge"
		"desc desc"
		"timing timing"
		"payer payer";
	gap: 4px 10px;
	padding: 12px 6px;
	border-bottom: 1px solid #f1f1f1;
}
.fpv-schedule-row:last-child {
	border-bottom: none;
}
.fpv-schedule-row.is-final {
	background: #fff7ed;
	border-radius: 8px;
	border-bottom: none;
	margin-top: 2px;
}
/* v1.16.3: dot do NGAN HANG giai ngan (khong phai khach hang tu dong tien) -
   to mau rieng de khach/sale de dang phan biet ngay trong lich thanh toan,
   giong dung tinh than cot "GHI CHÚ" cua CTBH ban vay ngan hang. */
.fpv-schedule-row.is-bank-pay {
	background: #eff6ff;
	border-radius: 8px;
	border-bottom: none;
	margin: 2px 0;
	box-shadow: inset 3px 0 0 #2563eb;
}
/* v1.28.3 (theo yeu cau Du 21/07): danh dau dot 1 = diem dung cua "Sở hữu
   Linh hoạt" (khach chi dong den day) + dong tong ket ngay ben duoi. */
.fpv-schedule-row.fpv-schedule-row-lh-stop {
	background: #fefce8;
	border-radius: 8px;
	border-bottom: none;
	margin: 2px 0;
	box-shadow: inset 3px 0 0 #ca8a04;
}
.fpv-schedule-cell-lhbadge {
	grid-area: lhbadge;
}
.fpv-schedule-lh-stop-badge {
	display: inline-block;
	padding: 2px 8px;
	border-radius: 999px;
	background: #ca8a04;
	color: #fff;
	font-size: 10.5px;
	font-weight: 700;
	white-space: nowrap;
	vertical-align: middle;
}
.fpv-schedule-lh-stop-note {
	background: #fffbeb;
	border: 1px dashed #ca8a04;
	border-radius: 8px;
	color: #78350f;
	font-size: 12.5px;
	line-height: 1.5;
	padding: 8px 10px;
	margin: 0 0 8px;
}
.fpv-schedule-cell {
	min-width: 0;
}
.fpv-schedule-cell-label {
	grid-area: label;
	font-weight: 700;
	color: #1f2937;
	font-size: 14.5px; /* v1.22.3: tang tu 13px (mobile kho doc) */
	white-space: nowrap;
}
.fpv-schedule-cell-amount {
	grid-area: amount;
	text-align: right;
}
.fpv-schedule-amount-main {
	font-weight: 700;
	color: #dc2626;
	font-size: 14.5px; /* v1.22.3: tang tu 13px */
}
.fpv-schedule-kpbt {
	display: block;
	font-size: 12px; /* v1.22.2: tang tu 10px */
	font-weight: 600;
	color: #d97706;
}
.fpv-schedule-cell-desc {
	grid-area: desc;
	font-size: 13.5px; /* v1.22.2: tang tu 12px */
	color: #374151;
	line-height: 1.45;
}
.fpv-schedule-cell-desc strong {
	color: #0066cc;
	font-weight: 700;
}
.fpv-schedule-cell-timing {
	grid-area: timing;
}
.fpv-schedule-cell-payer {
	grid-area: payer;
}
/* v1.16.3: an cot "Nguoi thanh toan" khi KHONG phai phuong thuc vay ngan
   hang (Du yeu cau chi hien cot nay rieng cho vayNH) - dong thoi doi lai
   grid-template-areas mobile ve 3 hang nhu truoc khi co cot payer. */
.fpv-schedule-table-wrap.fpv-hide-payer .fpv-schedule-cell-payer {
	display: none;
}
.fpv-schedule-table-wrap.fpv-hide-payer .fpv-schedule-row {
	grid-template-areas:
		"label amount"
		"lhbadge lhbadge"
		"desc desc"
		"timing timing";
}
.fpv-schedule-payer-badge {
	display: inline-block;
	font-size: 12px; /* v1.22.2: tang tu 11px */
	font-weight: 700;
	padding: 3px 9px;
	border-radius: 20px;
	background: #f3f4f6;
	color: #4b5563;
}
.fpv-schedule-row.is-bank-pay .fpv-schedule-payer-badge {
	background: #2563eb;
	color: #fff;
}
.fpv-schedule-date {
	display: inline-block;
	font-weight: 700;
	font-size: 13px;
	color: #0066cc;
	background: #eef6ff;
	padding: 2px 9px;
	border-radius: 6px;
	margin-bottom: 4px;
}
.fpv-schedule-note {
	font-size: 13px; /* v1.22.2: tang tu 11px */
	font-weight: 400;
	color: #374151;
	line-height: 1.45;
}
.fpv-schedule-note strong {
	color: #0066cc;
	font-weight: 700;
}
/* Nhan nho "Tỷ lệ & mô tả" / "Số tiền" / "Thời điểm" - CHI hien tren mobile
   (khong co header row) de khach biet dang doc gia tri nao; AN khi sang
   desktop (header row da lam viec nay roi). */
.fpv-schedule-caption {
	display: block;
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.3px;
	color: #9ca3af;
	margin-bottom: 2px;
}
.fpv-schedule-cell-amount .fpv-schedule-caption {
	text-align: right;
}

/* v1.16.3: khoi thong tin chuong trinh ho tro lai suat vay ngan hang cua
   CDT (0% X thang, an han goc, binh on lai suat...) - chi hien khi khach
   chon tab "Vay vốn ngân hàng", xem renderBankSupportBox(). */
.fpv-bank-support-box {
	margin-top: 14px;
	padding: 14px 16px;
	background: linear-gradient(135deg, #eff6ff 0%, #f0fdf4 100%);
	border: 1px solid #bfdbfe;
	border-radius: 10px;
}
.fpv-bank-support-title {
	font-size: 13px;
	font-weight: 700;
	color: #1d4ed8;
	margin-bottom: 8px;
	display: flex;
	align-items: center;
	gap: 6px;
}
.fpv-bank-support-list {
	list-style: none;
	margin: 0 0 10px;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.fpv-bank-support-list li {
	font-size: 12px;
	line-height: 1.5;
	color: #374151;
	padding-left: 18px;
	position: relative;
}
.fpv-bank-support-list li::before {
	content: '✓';
	position: absolute;
	left: 0;
	color: #16a34a;
	font-weight: 700;
}
.fpv-bank-support-example {
	margin-top: 10px;
	padding: 10px 12px;
	background: #fff;
	border-radius: 8px;
	border: 1px dashed #93c5fd;
	font-size: 12px;
	color: #374151;
	line-height: 1.6;
}
.fpv-bank-support-example strong {
	color: #dc2626;
}
.fpv-bank-support-example-title {
	font-weight: 700;
	color: #1f2937;
	font-size: 12px;
	margin-bottom: 4px;
}
/* v1.16.10: bang chi tiet giai ngan ngan hang + ho tro lai suat (vi du
   minh hoa thuc te theo thoi gian hien tai) */
/* v1.16.11: fix loi vo bang tren dien thoai - 4 cot co chu dai (ngay +
   ghi chu, so tien, an han...) bi ep vao man hinh hep nen chu de bi de
   len nhau. Giai phap: cho phep cuon ngang rieng cho tung bang (khong
   anh huong layout tong the cua overlay) + dat min-width toi thieu cho
   bang de cac cot khong bi ep qua nho. */
.fpv-bank-disbursement-table-scroll {
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	margin-top: 8px;
}
.fpv-bank-disbursement-table {
	width: 100%;
	min-width: 480px;
	border-collapse: collapse;
	margin-top: 0;
	font-size: 11.5px;
}
.fpv-bank-disbursement-table th,
.fpv-bank-disbursement-table td {
	padding: 6px 8px;
	text-align: left;
	border-bottom: 1px solid #e5e7eb;
	vertical-align: top;
	white-space: normal;
}
.fpv-bank-disbursement-table th {
	color: #6b7280;
	font-weight: 600;
	font-size: 10.5px;
	text-transform: uppercase;
	background: #f9fafb;
}
.fpv-bank-disbursement-table small {
	color: #9ca3af;
	font-style: italic;
}
.fpv-bank-disbursement-table.fpv-bank-disbursement-total {
	margin-top: 12px;
}
.fpv-bank-disbursement-total-row td {
	border-top: 2px solid #1f2937;
	border-bottom: none;
	font-size: 13px;
	color: #dc2626;
	padding-top: 8px;
}
@media (max-width: 480px) {
	.fpv-bank-disbursement-table {
		min-width: 420px;
		font-size: 11px;
	}
	.fpv-bank-disbursement-table th,
	.fpv-bank-disbursement-table td {
		padding: 5px 6px;
	}
}
.fpv-bank-support-note {
	margin-top: 8px;
	font-size: 10px;
	color: #9ca3af;
	font-style: italic;
}

.fpv-pricing-disclaimer {
	font-size: 10px;
	color: #9ca3af;
	font-style: italic;
	line-height: 1.4;
	margin: 8px 0 4px;
}
.fpv-pricing-policy-name {
	font-size: 10px;
	color: #9ca3af;
	text-align: right;
}

/* ---------- Nut "Xem CSBH day du" / "Tai ve" (v1.7) ---------- */
.fpv-policy-doc-actions {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	justify-content: flex-end;
	margin-top: 4px;
}
.fpv-policy-doc-link {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-size: 11px !important;
	font-weight: 600 !important;
	padding: 5px 10px !important;
	border-radius: 6px !important;
	border: 1px solid #d1d5db !important;
	background: #fff !important;
	background-image: none !important;
	box-shadow: none !important;
	text-shadow: none !important;
	text-decoration: none !important;
	color: #0066cc !important;
	white-space: nowrap;
}
.fpv-policy-doc-link:hover {
	background: #eef6ff !important;
	border-color: #0066cc !important;
}
.fpv-policy-doc-link.fpv-policy-doc-download {
	color: #374151 !important;
}


@media (max-width: 768px) {
	.fpv-floor-image {
		height: min(48vh, 380px);
		min-height: 240px;
	}
	.fpv-unit-row {
		width: calc(50% - 5px);
	}
	.fpv-units-list {
		max-height: 220px;
	}
	.fpv-units-toolbar-row {
		flex-direction: column;
		align-items: stretch;
	}
	.fpv-units-toolbar-actions {
		justify-content: space-between;
	}
	.fpv-sort {
		flex: 1 1 auto;
		max-width: none;
	}
	.fpv-units-filters {
		justify-content: flex-start;
	}
	.fpv-msf,
	.fpv-filter-apply,
	.fpv-filter-reset {
		max-width: none;
		flex: 1 1 calc(50% - 6px);
	}
	.fpv-msf-toggle {
		max-width: none;
		width: 100%;
	}
	.fpv-msf-panel {
		width: 220px;
	}
	.fpv-type-switcher,
	.fpv-cart-switcher {
		padding: 10px 14px;
	}
	.fpv-type-pill,
	.fpv-cart-pill {
		padding: 7px 11px !important;
		font-size: 12px !important;
	}
	.fpv-hotspot-price {
		font-size: 9px;
		padding: 1px 5px;
	}
}

/* =====================================================================
 * v1.7: Popup chi tiet can (modal) - rong hon + chu to hon tren may tinh.
 * TRUOC: .fpv-modal max-width co dinh 380px MOI man hinh -> tren desktop
 * nhin nhu 1 cot hep, kho doc. NAY: tu min(92vw,380px) tren dien thoai,
 * mo rong dan tu 700px (tablet/desktop nho) va 1024px (desktop lon).
 * ===================================================================== */
@media (min-width: 700px) {
	.fpv-modal {
		max-width: min(85vw, 640px);
		padding: 30px 36px;
	}
	.fpv-modal-title {
		font-size: 28px;
	}
	.fpv-modal-status {
		font-size: 13px;
		padding: 5px 12px;
	}
	.fpv-modal-label {
		font-size: 12px;
	}
	.fpv-modal-value {
		font-size: 19px;
	}
	.fpv-modal-meta {
		font-size: 13px;
	}
	.fpv-modal-meta div {
		margin-bottom: 7px;
	}
	.fpv-modal-contact-btn {
		font-size: 15px;
		padding: 13px 16px;
	}

	.fpv-price-hero {
		padding: 16px 20px;
	}
	.fpv-price-hero-old {
		font-size: 13px;
	}
	.fpv-price-hero-new {
		font-size: 30px;
	}
	.fpv-price-hero-badge {
		font-size: 13px;
		padding: 4px 11px;
	}
	.fpv-price-hero-save {
		font-size: 13px;
	}
	.fpv-price-hero-kpbt-tag {
		font-size: 12px;
	}
	.fpv-price-hero-pm {
		font-size: 13px;
	}
	.fpv-price-hero-kpbt-amount {
		font-size: 12px;
	}

	/* The Tron ven / Linh hoat: xep ngang canh nhau khi du rong, thay vi xep doc. */
	.fpv-capital-cards {
		flex-direction: row;
	}
	.fpv-capital-card {
		flex: 1;
		padding: 16px 18px;
	}
	.fpv-capital-card-title {
		font-size: 14px;
	}
	.fpv-capital-card-desc {
		font-size: 12px;
	}
	.fpv-capital-card-price {
		font-size: 21px;
	}
	.fpv-capital-card-sub {
		font-size: 12px;
	}

	.fpv-method-tab {
		font-size: 13px !important;
		padding: 8px 16px !important;
	}

	.fpv-pricing-detail summary {
		font-size: 14px;
	}
	.fpv-ck-row {
		font-size: 13px;
		padding: 7px 0;
	}
	.fpv-ck-summary-giaban {
		font-size: 14px;
	}
	.fpv-ck-summary-final {
		font-size: 14px;
	}
	.fpv-schedule-summary-row {
		font-size: 13px;
	}
	.fpv-schedule-summary-giaban {
		font-size: 14px;
	}
	.fpv-schedule-summary-final {
		font-size: 14px;
	}

	.fpv-schedule-date-label {
		font-size: 13px;
	}
	.fpv-schedule-date-input {
		font-size: 13px;
		max-width: 240px;
	}

	/* Lich thanh toan: chuyen tu "the xep doc" (mobile) sang dang bang 5 cot
	   ro rang (Dot | Ty le & mo ta | So tien | Thoi diem | Nguoi thanh toan)
	   khi du rong - them cot "Nguoi thanh toan" v1.16.3. */
	.fpv-schedule-header-row {
		display: grid;
		grid-template-columns: 76px 1.6fr 150px 1.5fr 150px;
		gap: 16px;
		padding: 4px 6px 10px;
		border-bottom: 2px solid #e5e7eb;
		font-size: 11px;
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: 0.3px;
		color: #6b7280;
	}
	.fpv-schedule-row {
		grid-template-columns: 76px 1.6fr 150px 1.5fr 150px;
		grid-template-areas:
			"label desc amount timing payer"
			"lhbadge lhbadge lhbadge lhbadge lhbadge";
		align-items: start;
		gap: 16px;
		padding: 14px 6px;
	}
	.fpv-schedule-cell-payer {
		text-align: left;
	}
	.fpv-schedule-table-wrap.fpv-hide-payer .fpv-schedule-header-row {
		grid-template-columns: 76px 1.6fr 150px 1.7fr;
	}
	.fpv-schedule-table-wrap.fpv-hide-payer .fpv-schedule-header-row > div:last-child {
		display: none;
	}
	.fpv-schedule-table-wrap.fpv-hide-payer .fpv-schedule-row {
		grid-template-columns: 76px 1.6fr 150px 1.7fr;
		grid-template-areas:
			"label desc amount timing"
			"lhbadge lhbadge lhbadge lhbadge";
	}
	.fpv-schedule-cell-amount {
		text-align: left;
	}
	.fpv-schedule-caption {
		display: none;
	}
	.fpv-schedule-cell-label {
		font-size: 14px;
	}
	.fpv-schedule-amount-main {
		font-size: 14px;
	}
	.fpv-schedule-kpbt {
		font-size: 11px;
	}
	.fpv-schedule-cell-desc {
		font-size: 13px;
	}
	.fpv-schedule-date {
		font-size: 14px;
	}
	.fpv-schedule-note {
		font-size: 12px;
	}

	.fpv-pricing-disclaimer {
		font-size: 11px;
	}
	.fpv-pricing-policy-name {
		font-size: 11px;
	}
	.fpv-policy-doc-link {
		font-size: 12px !important;
		padding: 6px 12px !important;
	}
}

@media (min-width: 1024px) {
	.fpv-modal {
		max-width: min(78vw, 760px);
	}
}

/* =====================================================================
 * v1.10.7: Dien thoai xoay ngang (landscape) - man hinh THAP nhung co the
 * RONG hon 768px (vd iPhone 14 landscape ~844px), nen KHONG khop media
 * query "max-width:768px" o tren (query do chi bat theo CHIEU RONG, danh
 * cho dien thoai dung doc). Khi do, CSS roi ve mac dinh
 * ".fpv-floor-image { height:min(62vh,620px); min-height:340px; }" (danh
 * cho desktop/tablet) - voi man hinh cao chi ~360-430px luc xoay ngang,
 * min-height:340px chiem gan het man hinh, day toan bo phan danh sach can
 * xuong qua xa, phai cuon rat nhieu moi thay duoc.
 * Bat theo CHIEU CAO (max-height) + orientation:landscape thay vi chieu
 * rong, ap dung rieng cho dien thoai (tablet xoay ngang van con du
 * 768px+ chieu cao nen khong khop query nay).
 * ===================================================================== */
@media (max-height: 500px) and (orientation: landscape) {
	.fpv-floor-image {
		height: min(60vh, 320px);
		min-height: 180px;
	}
	.fpv-units-list {
		max-height: 140px;
	}
}

/* =====================================================================
   v1.14.0: Tinh nang "So sánh & tìm căn rẻ nhất" (toàn dự án)
   v1.18.7: gom chung voi nut "Tu van tai chinh" thanh 1 dong toolbar
   icon-only gon gang (xem .fpv-admin-toolbar ben duoi) - thay cho 2 nut
   full-width rieng le truoc day.
   ===================================================================== */

.fpv-admin-toolbar {
	display: flex;
	align-items: center;
	gap: 6px;
	margin: 0 0 10px;
}
.fpv-admin-tool-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	background: #0b3d91 !important;
	background-image: none !important;
	color: #fff !important;
	border: none !important;
	border-radius: 8px !important;
	box-shadow: none !important;
	padding: 0 !important;
	font-size: 16px !important;
	line-height: 1 !important;
	cursor: pointer;
}
.fpv-admin-tool-btn:hover {
	background: #0a3380 !important;
}
.fpv-admin-tool-btn[data-tool="finance"] {
	background: #0f766e !important;
}
.fpv-admin-tool-btn[data-tool="finance"]:hover {
	background: #0d5f58 !important;
}

/* =========================================================================
   FPV-TOWER-SWITCH / FPV-NAV-OVERLAY (23/07/2026):
   a) .fpv-tower-switch-menu: popover cua nut 🏢 trong module Mat bang, liet
      ke cac toa/du an khac (doc tu Admin Settings > "Trang mat bang rieng
      theo toa").
   b) .fpv-nav-overlay: overlay dung chung cho nut 📐 "Mo mat bang" o cac
      module KHAC (So sanh/Tu van tai chinh/Thong ke) - di chuyen NGUYEN
      khoi [floor-plan-viewer] da render san tren trang vao day, khong tao
      lai tu dau.
   ========================================================================= */
.fpv-tower-switch-menu {
	/* v1.35.32 BUGFIX: thieu position:absolute khien top/left (dat qua JS)
	   khong co tac dung gi - menu bi day xuong cuoi <body>, ngoai tam
	   nhin, khien nut 🏢/📐 "bam khong co gi xay ra" (Du bao cao 23/07). */
	position: absolute !important;
	z-index: 999999 !important;
	background: #fff !important;
	border-radius: 10px !important;
	box-shadow: 0 8px 28px rgba(0,0,0,.22) !important;
	padding: 6px !important;
	min-width: 240px !important;
	max-width: 320px !important;
	max-height: 70vh !important;
	overflow-y: auto !important;
	font-family: inherit !important;
}
.fpv-tower-switch-group-label {
	font-size: 10.5px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: .03em !important;
	color: #9ca3af !important;
	padding: 8px 10px 4px !important;
}
.fpv-tower-switch-group-label:first-child {
	padding-top: 4px !important;
}
.fpv-tower-switch-item {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 10px !important;
	width: 100% !important;
	background: none !important;
	border: none !important;
	border-radius: 6px !important;
	padding: 9px 10px !important;
	font-size: 13.5px !important;
	font-weight: 600 !important;
	color: #1f2937 !important;
	text-align: left !important;
	cursor: pointer !important;
}
.fpv-tower-switch-item:hover {
	background: #f3f4f6 !important;
}
.fpv-tower-switch-badge {
	font-size: 10.5px !important;
	font-weight: 600 !important;
	color: #0f766e !important;
	background: #ccfbf1 !important;
	border-radius: 999px !important;
	padding: 2px 8px !important;
	white-space: nowrap !important;
}
.fpv-tower-switch-badge-offsite {
	color: #92400e !important;
	background: #fef3c7 !important;
}
.fpv-tower-switch-empty {
	padding: 10px !important;
	font-size: 12.5px !important;
	color: #6b7280 !important;
	line-height: 1.5 !important;
}

/* v1.36.0 (FPV-GOTO-UNIT): o nhap "Đi tới mã căn" o dau menu chon toa. */
.fpv-tower-switch-goto {
	display: flex !important;
	gap: 6px !important;
	padding: 4px 4px 8px !important;
	margin-bottom: 6px !important;
	border-bottom: 1px solid #e5e7eb !important;
}
.fpv-tower-switch-goto-input {
	flex: 1 1 auto !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
	border: 1px solid #d1d5db !important;
	border-radius: 6px !important;
	padding: 7px 9px !important;
	font-size: 12.5px !important;
	color: #1f2937 !important;
	background: #fff !important;
}
.fpv-tower-switch-goto-input:focus {
	outline: none !important;
	border-color: #6366f1 !important;
	box-shadow: 0 0 0 2px rgba(99,102,241,.15) !important;
}
.fpv-tower-switch-goto-btn {
	flex: 0 0 auto !important;
	border: none !important;
	border-radius: 6px !important;
	padding: 7px 12px !important;
	font-size: 12.5px !important;
	font-weight: 700 !important;
	color: #fff !important;
	background: #4f46e5 !important;
	cursor: pointer !important;
}
.fpv-tower-switch-goto-btn:hover {
	background: #4338ca !important;
}

.fpv-nav-overlay {
	position: fixed !important;
	inset: 0 !important;
	z-index: 999999 !important;
	background: rgba(15,15,15,.72) !important;
	display: flex !important;
	align-items: flex-start !important;
	justify-content: center !important;
	overflow-y: auto !important;
	padding: 28px 14px !important;
}
.fpv-nav-overlay-modal {
	position: relative !important;
	background: #fff !important;
	border-radius: 14px !important;
	width: 100% !important;
	max-width: 1100px !important;
	padding: 40px 14px 20px !important;
	box-sizing: border-box !important;
}
.fpv-nav-overlay-close {
	position: absolute !important;
	top: 8px !important;
	right: 10px !important;
	background: none !important;
	border: none !important;
	box-shadow: none !important;
	font-size: 26px !important;
	line-height: 1 !important;
	color: #6b7280 !important;
	cursor: pointer !important;
	z-index: 2 !important;
}

@keyframes fpvFlashHighlight {
	0%, 100% { box-shadow: 0 0 0 0 rgba(11,61,145,0); }
	20%, 60% { box-shadow: 0 0 0 4px rgba(11,61,145,.55); }
}
.fpv-flash-highlight {
	animation: fpvFlashHighlight 1.6s ease-in-out;
}

.fpv-compare-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: 100050;
	align-items: flex-start;
	justify-content: center;
	overflow-y: auto;
	padding: 24px 12px;
}
.fpv-compare-overlay.show {
	display: flex;
}
.fpv-compare-modal {
	background: #fff;
	border-radius: 12px;
	padding: 22px;
	width: 100%;
	max-width: 1080px;
	max-height: none;
	position: relative;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	/* v1.23.11 (theo yeu cau Du: "man hinh mobile van con bi bung ngang" o
	   module so sanh): CUNG GOC RE da tim thay va sua o .fpv-finance-page
	   (v1.22.5) - .fpv-compare-modal/.fpv-compare-page CHUA BAO GIO duoc ep
	   box-sizing:border-box. Cac phan tu con co CA width/flex-basis LAN
	   padding/border (vd .fpv-compare-toggle-group, .fpv-cmp-filter-panel,
	   cac input dung chung voi module tai chinh...) tinh theo content-box
	   mac dinh se RONG HON khung cha dung bang phan padding/border - gay
	   cuon ngang toan trang tren BetterDocs mobile. Ap dung lai giai phap da
	   chung minh hieu qua cho .fpv-finance-page: ep box-sizing:border-box +
	   chan overflow-x o khung ngoai. */
	box-sizing: border-box;
	max-width: 100%;
	overflow-x: hidden;
}
.fpv-compare-modal *,
.fpv-compare-page *,
.fpv-compare-page-inner * {
	box-sizing: border-box !important;
}
.fpv-compare-close {
	position: absolute;
	top: 10px;
	right: 12px;
	background: none !important;
	background-image: none !important;
	box-shadow: none !important;
	border: none !important;
	border-radius: 0 !important;
	font-size: 24px !important;
	line-height: 1;
	cursor: pointer;
	color: #6b7280 !important;
}
.fpv-compare-title {
	margin: 0 0 4px;
	font-size: 19px;
	font-weight: 700;
	color: #111827;
}
.fpv-compare-subtitle {
	margin: 0 0 16px;
	font-size: 13px;
	color: #6b7280;
}

.fpv-compare-toggles {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin-bottom: 14px;
}
.fpv-compare-toggle-group {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
	background: #f3f4f6;
	border-radius: 8px;
	padding: 6px 8px;
}
.fpv-compare-toggle-label {
	font-size: 12px;
	font-weight: 600;
	color: #4b5563;
	margin-right: 4px;
}
.fpv-compare-toggle-btn {
	background: #fff !important;
	background-image: none !important;
	border: 1px solid #d1d5db !important;
	box-shadow: none !important;
	border-radius: 6px !important;
	padding: 6px 10px !important;
	font-size: 12.5px !important;
	color: #374151 !important;
	cursor: pointer;
}
.fpv-compare-toggle-btn.active {
	background: #0b3d91 !important;
	border-color: #0b3d91 !important;
	color: #fff !important;
	font-weight: 600;
}
/* v1.15.4: ghi chu duoi nhom toggle "Lãi suất Capital" - giai thich day la
   muc lai suat se duoc TRU THANG vao gia neu chon (khac voi cac nhom toggle
   khac chi co nut, khong co dong chu thich rieng). */
.fpv-compare-toggle-group-capital {
	flex-basis: 100%;
}
.fpv-compare-toggle-note {
	flex-basis: 100%;
	font-size: 11px;
	color: #6b7280;
	line-height: 1.4;
	margin-top: 2px;
}
/* v1.18.14: khoi "2.1 Chiết khấu theo chương trình bán hàng" / "2.2 NOBLEX
   CAPITAL" - 2 checkbox co the tick DONG THOI, moi checkbox mo ra 1 nhom
   toggle con (radio) rieng khi duoc tick. */
.fpv-compare-discount-programs {
	display: flex;
	flex-direction: column;
	gap: 8px;
	background: #f3f4f6;
	border-radius: 8px;
	padding: 10px 12px;
	margin-top: -6px;
	margin-bottom: 14px;
}
.fpv-compare-discount-block {
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.fpv-compare-checkbox-row {
	display: flex;
	align-items: center;
	gap: 7px;
	font-size: 13px;
	color: #374151;
	cursor: pointer;
}
.fpv-compare-checkbox-row input[type="checkbox"] {
	width: 16px;
	height: 16px;
	cursor: pointer;
	flex-shrink: 0;
}
.fpv-compare-sub-toggle {
	margin-left: 22px;
	background: #fff;
}

.fpv-compare-filters {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 10px;
	position: relative;
}
.fpv-cmp-filter {
	position: relative;
}
.fpv-cmp-filter-toggle {
	background: #fff !important;
	background-image: none !important;
	border: 1px solid #d1d5db !important;
	box-shadow: none !important;
	border-radius: 6px !important;
	padding: 6px 10px !important;
	font-size: 12.5px !important;
	color: #374151 !important;
	cursor: pointer;
}
.fpv-cmp-filter-toggle.has-active {
	border-color: #0b3d91 !important;
	color: #0b3d91 !important;
	font-weight: 600;
}
.fpv-cmp-filter-panel {
	display: none;
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 8px;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
	padding: 8px;
	max-height: 260px;
	overflow-y: auto;
	z-index: 100055;
	/* v1.15.2: vi tri (top/left/width) do JS gan truc tiep qua position:fixed
	   khi mo (xem cmpPositionPopoverFixed()) - dam bao luon hien NGAY DUOI nut
	   vua bam, ca tren desktop lan mobile, khong con bi "dinh o cuoi trang". */
}
.fpv-cmp-filter.open .fpv-cmp-filter-panel {
	display: block;
}
.fpv-cmp-filter-option {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 13px;
	color: #374151;
	padding: 4px 2px;
	cursor: pointer;
}
.fpv-cmp-filter-option input {
	margin: 0;
}
.fpv-cmp-filter-reset {
	background: none !important;
	background-image: none !important;
	border: 1px solid #a32d2d !important;
	box-shadow: none !important;
	border-radius: 6px !important;
	padding: 6px 10px !important;
	font-size: 12.5px !important;
	color: #a32d2d !important;
	cursor: pointer;
}

.fpv-compare-status {
	font-size: 12.5px;
	color: #6b7280;
	margin-bottom: 8px;
	min-height: 16px;
}

.fpv-compare-results-wrap {
	overflow-x: auto;
	max-height: 56vh;
	overflow-y: auto;
	border: 1px solid #e5e7eb;
	border-radius: 8px;
	/* v1.23.12: xem ghi chu chi tiet o .fpv-compare-top-cards ben duoi -
	   min-width:0 chan hien tuong "grid/flex blowout" (phan tu con ep khung
	   cha rong hon viewport khi noi dung ben trong khong the co lai). */
	min-width: 0;
}
/* v1.15.6: width:100% ep table co lai vua khung modal, trong khi cac o co
   white-space:nowrap (gia + badge Mức 1/2, %CK...) khong the co theo - dan
   toi noi dung tran de len cot ke ben ("chồng cột") tren man hinh may tinh,
   MAC DU wrapper .fpv-compare-results-wrap da co san overflow-x:auto. Bo
   width:100% + dat min-width:100% de table duoc phep rong hon khung that su
   khi can, kich hoat cuon ngang thay vi bi ep chong cot. */
.fpv-compare-table {
	width: auto;
	min-width: 100%;
	border-collapse: collapse;
	font-size: 12px !important;
}
.fpv-compare-table th,
.fpv-compare-table td {
	font-size: 12px !important;
	padding: 7px 10px !important;
	border-bottom: 1px solid #f0f1f3;
	text-align: left;
	white-space: nowrap;
}
.fpv-compare-table thead th {
	position: sticky;
	top: 0;
	background: #f9fafb;
	font-size: 11px !important;
	color: #4b5563;
	z-index: 1;
}
.fpv-compare-table tbody tr {
	cursor: pointer;
}
/* v1.15.5: chip dai (vd "Văn phòng đa năng") trong o "Loại"/"Giỏ hàng"/"Tháp"
   duoc dat white-space:nowrap boi rule chung o tren nhung khong co gioi han
   chieu rong rieng, khien no tran de len cot ke ben tren man hinh may tinh
   ("chồng cột"). Cho phep rieng cac o chip nay xuong dong trong pham vi o. */
.fpv-compare-table td.fpv-cmp-td-chip {
	white-space: normal;
	max-width: 130px;
}
.fpv-compare-table td.fpv-cmp-td-chip .fpv-cmp-cart-chip {
	white-space: normal;
	line-height: 1.3;
}
.fpv-compare-table tbody tr:hover {
	background: #eef6ff;
}
.fpv-cmp-row-best {
	background: #fff7e6;
	font-weight: 600;
}
.fpv-cmp-row-best:hover {
	background: #ffefc4 !important;
}

/* v1.15.0: nut "Xem kết quả so sánh" - modal bat dau THU GON (chi tieu chi/loc),
   khach chu dong bam de xem the/bang, thay vi do het 1 bang day so ngay tu dau. */
.fpv-compare-cta-row {
	margin: 4px 0 14px;
}
.fpv-compare-cta-btn {
	background: #0b3d91 !important;
	background-image: none !important;
	color: #fff !important;
	border: none !important;
	border-radius: 8px !important;
	box-shadow: none !important;
	padding: 10px 18px !important;
	font-size: 13.5px !important;
	font-weight: 700 !important;
	cursor: pointer;
}
.fpv-compare-cta-btn:hover {
	background: #0a3380 !important;
}

/* The "Top 4 re nhat" noi bat phia tren bang chi tiet. */
.fpv-compare-top-cards {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
	gap: 10px;
	margin-bottom: 16px;
	/* v1.23.12 (theo yeu cau Du: bung ngang CHI xay ra sau khi them bo loc
	   nhu "loại căn hộ"/"phòng ngủ" - luc do the "Top 4" hien chip
	   .fpv-cmp-cart-chip (white-space:nowrap) trong .fpv-cmp-card-meta).
	   GOC RE THAT SU: grid item mac dinh co min-width:auto (= do rong noi
	   dung toi thieu, KHONG PHAI 0) - 1 chip/chuoi khong the xuong dong ben
	   trong the ep track cua grid PHAI rong it nhat bang do rong chip do,
	   du grid-template-columns co minmax(190px,1fr). Day la loi "grid
	   blowout" kinh dien, xay ra bat ke auto-fit, vi no chi anh huong PHAN
	   BO khong gian - khong ep duoc do rong toi thieu cua tung track xuong
	   duoi min-content cua item. min-width:0 o .fpv-cmp-card (ben duoi) la
	   fix chuan cho loi nay. */
	min-width: 0;
}
.fpv-cmp-card {
	border-radius: 10px;
	padding: 12px 14px;
	cursor: pointer;
	border: 1px solid #e5e7eb;
	background: #f9fafb;
	transition: transform 0.1s ease;
	/* v1.23.12: chan grid blowout - xem ghi chu day du o .fpv-compare-top-cards. */
	min-width: 0;
	overflow-wrap: break-word;
}
.fpv-cmp-card:hover {
	transform: translateY(-2px);
}
.fpv-cmp-card-rank {
	font-size: 12px;
	font-weight: 700;
	margin-bottom: 6px;
	color: #4b5563;
}
.fpv-cmp-card-code {
	font-size: 15px;
	font-weight: 800;
	color: #111827;
	margin-bottom: 2px;
}
.fpv-cmp-card-meta {
	font-size: 11.5px;
	color: #6b7280;
	margin-bottom: 8px;
	/* v1.23.12: chip .fpv-cmp-cart-chip ben trong (white-space:nowrap) khong
	   duoc phep ep rong toi thieu cua the vuot qua khung - cho phep xuong
	   dong o day thay vi tran ngang. */
	overflow-wrap: break-word;
}
.fpv-cmp-card-meta .fpv-cmp-cart-chip {
	white-space: normal;
	line-height: 1.3;
}
.fpv-cmp-card-price-row {
	display: flex;
	align-items: center;
	gap: 6px;
	flex-wrap: wrap;
}
.fpv-cmp-card-price {
	font-size: 18px;
	font-weight: 800;
	color: #dc2626;
}
.fpv-cmp-card-pct {
	display: inline-block;
	padding: 1px 6px;
	border-radius: 999px;
	background: #dc2626;
	color: #fff;
	font-size: 10px;
	font-weight: 700;
}
.fpv-cmp-card-pm2 {
	margin-top: 4px;
	display: inline-block;
	font-size: 11px;
	font-weight: 700;
	color: #0066cc;
	background: #eef6ff;
	padding: 1px 7px;
	border-radius: 999px;
}
.fpv-cmp-card-lh {
	margin-top: 6px;
}
.fpv-cmp-rank-1 {
	background: #fff7e6;
	border-color: #f5c451;
}
.fpv-cmp-rank-1 .fpv-cmp-card-price {
	font-size: 20px;
}
.fpv-cmp-rank-2 {
	background: #f3f4f6;
	border-color: #c7ccd4;
}
.fpv-cmp-rank-3 {
	background: #fdf1e8;
	border-color: #e3a97a;
}
.fpv-cmp-rank-4 {
	background: #eef6ff;
	border-color: #a9cdf5;
}

/* Gia + %CK trong bang chi tiet - lam noi bat, khong con la chu thuong. */
.fpv-cmp-price-strong {
	color: #dc2626;
	font-size: 13px;
}
.fpv-cmp-pct-badge {
	display: inline-block;
	padding: 1px 6px;
	border-radius: 999px;
	background: #dc2626;
	color: #fff;
	font-size: 10.5px;
	font-weight: 700;
}
/* v1.15.2: nut "💰 2 mức giá" (bam/cham de mo popover, thay the hoan toan
   kieu cu dung title-hover khong hoat dong tren mobile) + popover hien 2
   dong Mức 1 / Mức 2 ro rang. */
.fpv-cmp-lh-wrap {
	position: relative;
	display: inline-block;
}
.fpv-cmp-lh-badge {
	display: inline-block;
	margin-left: 4px;
	padding: 1px 7px !important;
	border-radius: 999px !important;
	background: #fff3cd !important;
	background-image: none !important;
	color: #8a5a00 !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	white-space: nowrap;
	cursor: pointer;
	border: 1px solid #f0d78a !important;
	box-shadow: none !important;
	line-height: 1.6;
}
.fpv-cmp-lh-popover {
	display: none;
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 8px;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.16);
	padding: 10px 12px;
	font-size: 12px;
	line-height: 1.5;
	color: #374151;
	text-align: left;
	white-space: normal;
	z-index: 100061;
}
.fpv-cmp-lh-wrap.open .fpv-cmp-lh-popover {
	display: block;
}
.fpv-cmp-lh-popover-title {
	font-weight: 700;
	color: #111827;
	margin-bottom: 6px;
}
.fpv-cmp-lh-line {
	margin-bottom: 3px;
}
.fpv-cmp-lh-line-active {
	color: #0b3d91;
	font-weight: 700;
	background: #eef6ff;
	padding: 2px 4px;
	border-radius: 4px;
	margin: 2px -4px 5px;
}
.fpv-cmp-lh-line-label {
	color: #6b7280;
}
.fpv-cmp-lh-popover-note {
	margin-top: 6px;
	font-size: 11px;
	color: #9ca3af;
	font-style: italic;
}

/* v1.15.1: "chip" mau cho cot Giỏ hàng trong bang so sanh - de phan biet
   nhanh Capital / Chuyển nhượng / Bán mới. */
.fpv-cmp-cart-chip {
	display: inline-block;
	padding: 2px 8px;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 700;
	white-space: nowrap;
}
.fpv-cmp-cart-capital {
	background: #eaf2ff;
	color: #0b3d91;
	border: 1px solid #b9d1f7;
}
.fpv-cmp-cart-cnhuong {
	background: #fdeef2;
	color: #9d174d;
	border: 1px solid #f5b8cf;
}
.fpv-cmp-cart-banmoi {
	background: #eafaf0;
	color: #146c43;
	border: 1px solid #a8e6c1;
}

/* v1.15.2: bang mau "chip" dung cho cot Loại/Tháp (mau gan on dinh theo hash
   gia tri - xem cmpHashCategory() trong JS) - de tien phan biet nhanh giong
   nhu cot Giỏ hàng. */
.fpv-cmp-chip-a {
	background: #eef2ff;
	color: #3730a3;
	border: 1px solid #c7d2fe;
}
.fpv-cmp-chip-b {
	background: #fff7ed;
	color: #9a3412;
	border: 1px solid #fed7aa;
}
.fpv-cmp-chip-c {
	background: #f0fdfa;
	color: #0f766e;
	border: 1px solid #99f6e4;
}
.fpv-cmp-chip-d {
	background: #fdf4ff;
	color: #86198f;
	border: 1px solid #f5d0fe;
}
.fpv-cmp-chip-e {
	background: #fefce8;
	color: #854d0e;
	border: 1px solid #fef08a;
}
.fpv-cmp-chip-f {
	background: #f0f9ff;
	color: #075985;
	border: 1px solid #bae6fd;
}

/* v1.15.1: Giá/m² trong bang chi tiet - in dam, mau xanh de de nhin, giong
   phong cach o the Top 4. */
.fpv-cmp-pm2-strong {
	color: #0066cc;
	font-weight: 800;
}
.fpv-cmp-listed-price {
	color: #9ca3af;
	text-decoration: line-through;
}

/* v1.15.1 / v1.17.3: nut noi "Quay lại bảng so sánh" - hien sau khi khach bam
   vao 1 dong/the trong bang so sanh de xem mat bang can, giup quay lai dung
   ket qua/bo loc dang xem ma khong phai mo lai + loc lai tu dau.
   v1.17.3: doi sang mau cam ruc (#c2410c) thay vi xanh duong tram (#0b3d91)
   - de KHONG bi lan vao cac nut/mau xanh duong khac tren trang (CTA, toggle
     active...), noi bat va de nhan ra hon; dong thoi CAN GIUA man hinh
   (giong .fpv-compare-backbtn) thay vi dinh goc phai - nhat quan giua 2 nut,
   khong con bi lech 1 ben. */
.fpv-compare-return-btn {
	display: none;
	position: fixed;
	left: 50%;
	bottom: 18px;
	transform: translateX(-50%);
	right: auto;
	z-index: 100060;
	background: #c2410c !important;
	background-image: none !important;
	color: #fff !important;
	border: 2px solid #fff !important;
	border-radius: 999px !important;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35) !important;
	padding: 13px 22px !important;
	font-size: 14px !important;
	font-weight: 800 !important;
	letter-spacing: 0.2px;
	max-width: calc(100vw - 24px);
	cursor: pointer;
}
.fpv-compare-return-btn.show {
	display: block;
}

@media (max-width: 640px) {
	.fpv-compare-modal {
		padding: 16px;
		border-radius: 0;
		max-width: 100%;
		min-height: 100vh;
	}
	.fpv-compare-overlay {
		padding: 0;
	}
	/* v1.23.12: 2 the/hang (minmax 190px) da du kha nang vuot 100vw tren man
	   hinh nho (vd 360px = 2 x 190 = 380px) NGAY CA khi khong co chip nao
	   dai - xep 1 cot duy nhat tren mobile de loai bo hoan toan rui ro. */
	.fpv-compare-top-cards {
		grid-template-columns: 1fr !important;
	}
	.fpv-compare-table th,
	.fpv-compare-table td {
		padding: 6px 8px !important;
	}

	/* v1.15.2: xem cmpPositionPopoverFixed() trong JS - panel bo loc gio duoc
	   dinh vi bang position:fixed ngay duoi nut tren MOI kich thuoc man hinh,
	   khong con can override rieng cho mobile o day nua. */

	/* v1.15.1: tat sticky header tren mobile - tranh loi lech do rong cot
	   giua thead/tbody khi container vua cuon ngang vua cuon doc (loi da
	   biet cua position:sticky trong container co ca overflow-x va -y tren
	   Safari/Chrome mobile, gay chu chong len nhau giua cac cot). */
	.fpv-compare-table thead th {
		position: static;
	}
	.fpv-compare-results-wrap {
		max-height: 60vh;
	}
	.fpv-compare-table th,
	.fpv-compare-table td {
		white-space: nowrap;
	}

	.fpv-compare-return-btn {
		bottom: 10px;
		max-width: calc(100vw - 20px);
	}

	/* v1.15.4: fix loi giao dien mobile - chu trong bang so sanh bi chong len
	   nhau (vd "94.40 m²" de len tren "6.3 tỷ"). Nguyen nhan: theme
	   RealHomes/Elementor co san CSS "responsive table" o breakpoint mobile,
	   tu dong doi table/thead/tbody/tr/td sang display:block + dung
	   position/float de xep "the" - xung dot voi bang cuon ngang
	   (overflow-x:auto + white-space:nowrap) cua plugin. Ep lai dung display
	   dang bang chuan + huy moi transform/position ma theme co the da gan,
	   dam bao chi minh CSS nay (list rieng, khong dung !important o dau khac
	   trong file) duoc uu tien.
	*/
	.fpv-compare-table,
	.fpv-compare-table thead,
	.fpv-compare-table tbody,
	.fpv-compare-table tr {
		display: table !important;
		width: auto !important;
		min-width: 100% !important;
		table-layout: auto !important;
	}
	.fpv-compare-table thead {
		display: table-header-group !important;
	}
	.fpv-compare-table tbody {
		display: table-row-group !important;
	}
	.fpv-compare-table tr {
		display: table-row !important;
		position: static !important;
		float: none !important;
	}
	.fpv-compare-table th,
	.fpv-compare-table td {
		display: table-cell !important;
		position: static !important;
		float: none !important;
		width: auto !important;
		white-space: nowrap !important;
	}
	.fpv-compare-table th::before,
	.fpv-compare-table td::before {
		content: none !important;
		display: none !important;
	}
	.fpv-compare-results-wrap {
		overflow-x: auto !important;
		-webkit-overflow-scrolling: touch;
	}
}

/* v1.16.0: VAT/KPBT note labels */
.fpv-vat-note {
	font-size: 0.72em;
	color: #6b7280;
	font-weight: 400;
	white-space: nowrap;
}
.fpv-ck-vat-note {
	font-size: 0.78em;
	color: #6b7280;
	font-style: italic;
	padding: 0 0 6px 0;
	border-bottom: 1px solid #f0f0f0;
	margin-bottom: 4px;
}
.fpv-compare-price-note {
	font-size: 0.68em;
	color: #6b7280;
	font-style: italic;
	display: block;
	margin-top: 4px;
}

/* v1.24.0: khoi chon Moc cho tieu chi "Dòng tiền" - dung lai style cua
   khoi "fpv-compare-discount-programs" de dong bo giao dien. */
.fpv-compare-cashflow-block {
	background: #f3f4f6;
	border-radius: 8px;
	padding: 10px 12px;
	margin-top: -6px;
	margin-bottom: 14px;
}
/* v1.24.5: bieu do cot ngang "Tỷ suất đầu tư" (thay Top 4 card khi dang o
   tieu chi nay - xem cmpBuildCashflowBarChart()). Thanh 2 phan doan: dam =
   da bo ra den ban giao (theo % dung thang 0-100), nhat = phan gia tri chua
   phai dong. Mau 3 quy can chon lai de TUONG PHAN RO tren ca nen sang lan
   nen toi (xanh la / vang cam / hong tim - khong con 3 sac xanh gan nhau). */
.fpv-cmp-barchart-wrap {
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 10px;
	padding: 14px 16px;
	margin-bottom: 16px;
}
.fpv-cmp-barchart-title {
	font-weight: 700 !important;
	font-size: 13px !important;
	color: #111827 !important;
	margin-bottom: 6px !important;
	line-height: 1.4 !important;
}
.fpv-cmp-barchart-summary {
	font-size: 12px !important;
	color: #374151 !important;
	background: #f0fdf4;
	border: 1px solid #bbf7d0;
	border-radius: 8px;
	padding: 8px 10px;
	margin-bottom: 12px !important;
	line-height: 1.5 !important;
}
.fpv-cmp-barchart-summary strong {
	color: #166534 !important;
	font-weight: 800 !important;
	font-size: inherit !important;
}
.fpv-cmp-barchart-row {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 9px;
	cursor: pointer;
}
.fpv-cmp-barchart-label {
	flex: 0 0 96px;
	max-width: 96px;
	overflow: hidden;
}
.fpv-cmp-barchart-name {
	font-size: 11.5px !important;
	color: #374151 !important;
	font-weight: 600 !important;
	line-height: 1.4 !important;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.fpv-cmp-barchart-delta {
	font-size: 9.5px !important;
	color: #9ca3af !important;
	font-weight: 400 !important;
	line-height: 1.3 !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.fpv-cmp-barchart-track {
	flex: 1 1 auto;
	display: flex;
	border-radius: 6px;
	overflow: hidden;
	height: 26px;
	position: relative;
}
.fpv-cmp-barchart-bar {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding-right: 6px;
	min-width: 34px;
	transition: width 0.2s ease;
	box-sizing: border-box;
}
.fpv-cmp-barchart-rest {
	height: 100%;
	display: flex;
	align-items: center;
	padding-left: 8px;
	box-sizing: border-box;
	overflow: hidden;
}
/* Mau dam (phan da bo ra) + mau nhat cung tong (phan con lai). */
.fpv-cmp-barchart-bar-banmoi { background: #16a34a; }
.fpv-cmp-barchart-rest-banmoi { background: #dcfce7; }
.fpv-cmp-barchart-bar-capital { background: #d97706; }
.fpv-cmp-barchart-rest-capital { background: #fef3c7; }
.fpv-cmp-barchart-bar-cnhuong { background: #be185d; }
.fpv-cmp-barchart-rest-cnhuong { background: #fce7f3; }
/* v1.24.6: phan doan GIUA = loi ich chuong trinh (loi tuc nhan lai / NH
   giai ngan ho) - to SOC CHEO cung tong mau de phan biet voi "thuc bo ra"
   (dam) va "con lai" (nhat). */
.fpv-cmp-barchart-mid {
	height: 100%;
	display: flex;
	align-items: center;
	padding-left: 6px;
	box-sizing: border-box;
	overflow: hidden;
}
.fpv-cmp-barchart-mid-banmoi { background: repeating-linear-gradient( 45deg, #86efac, #86efac 5px, #bbf7d0 5px, #bbf7d0 10px ); }
.fpv-cmp-barchart-mid-capital { background: repeating-linear-gradient( 45deg, #fbbf24, #fbbf24 5px, #fde68a 5px, #fde68a 10px ); }
.fpv-cmp-barchart-mid-cnhuong { background: repeating-linear-gradient( 45deg, #f472b6, #f472b6 5px, #fbcfe8 5px, #fbcfe8 10px ); }
.fpv-cmp-barchart-mid-label {
	font-size: 9.5px !important;
	font-weight: 700 !important;
	color: #374151 !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
/* v1.24.6: dong timeline dau tu duoi moi thanh. */
.fpv-cmp-barchart-timeline {
	font-size: 10px !important;
	color: #6b7280 !important;
	font-weight: 400 !important;
	margin: -5px 0 9px 106px;
	line-height: 1.4 !important;
}
.fpv-cmp-barchart-formula {
	font-size: 10.5px !important;
	color: #4b5563 !important;
	font-weight: 400 !important;
	font-style: italic;
	line-height: 1.4 !important;
	margin-top: 4px;
}
.fpv-cmp-barchart-value {
	font-size: 11px !important;
	font-weight: 700 !important;
	color: #fff !important;
	white-space: nowrap;
}
.fpv-cmp-barchart-rest-label {
	font-size: 10px !important;
	color: #6b7280 !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
/* (e) Vach doc tai muc % cua can tot nhat - chay xuyen moi thanh. */
.fpv-cmp-barchart-bestline {
	position: absolute;
	top: -2px;
	bottom: -2px;
	width: 0;
	border-left: 2px dashed rgba(17, 24, 39, 0.45);
	z-index: 2;
	pointer-events: none;
}
/* (c) Cot so tien ben phai thanh: "da bo ra" (dam) tren "/gia tri can" (nhat). */
.fpv-cmp-barchart-money {
	flex: 0 0 76px;
	max-width: 76px;
	text-align: right;
	line-height: 1.25;
}
.fpv-cmp-barchart-money-paid {
	font-size: 11.5px !important;
	font-weight: 700 !important;
	color: #111827 !important;
	line-height: 1.3 !important;
	white-space: nowrap;
}
.fpv-cmp-barchart-money-total {
	font-size: 10px !important;
	color: #9ca3af !important;
	font-weight: 400 !important;
	line-height: 1.3 !important;
	white-space: nowrap;
}
/* v1.24.8 (C): chu thich chung 3 phan doan cua thanh - dat 1 lan duoi
   summary. Swatch trung tinh (xam) vi mau thuc te doi theo quy can;
   dam/soc/nhat la thu can giai nghia, khong phai mau. */
.fpv-cmp-barchart-explainer {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 14px;
	font-size: 10px !important;
	color: #6b7280 !important;
	line-height: 1.4 !important;
	margin: -4px 0 10px;
}
.fpv-cmp-barchart-explainer-item {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	font-size: inherit !important;
	color: inherit !important;
}
.fpv-cmp-barchart-swatch {
	width: 14px;
	height: 10px;
	border-radius: 3px;
	flex: 0 0 auto;
	display: inline-block;
}
.fpv-cmp-barchart-swatch-solid { background: #6b7280; }
.fpv-cmp-barchart-swatch-stripe { background: repeating-linear-gradient( 45deg, #9ca3af, #9ca3af 3px, #d1d5db 3px, #d1d5db 6px ); }
.fpv-cmp-barchart-swatch-light { background: #e5e7eb; }
/* v1.24.8 (B): layout mobile - duoi 640px moi dong xep 2 tang:
   tang 1 = ten can (trai) + so tien (phai), tang 2 = thanh full-width.
   Nhan TRONG thanh (mid/rest) an di - da co explainer (C) + cau timeline
   duoi tung can thay the, thanh chi con % la con so duy nhat. */
@media ( max-width: 640px ) {
	.fpv-cmp-barchart-row {
		flex-wrap: wrap;
		gap: 4px 8px;
	}
	.fpv-cmp-barchart-label {
		flex: 1 1 auto;
		max-width: none;
		order: 1;
	}
	.fpv-cmp-barchart-money {
		flex: 0 0 auto;
		max-width: none;
		order: 2;
		display: flex;
		align-items: baseline;
		gap: 3px;
	}
	.fpv-cmp-barchart-track {
		flex: 1 1 100%;
		order: 3;
		height: 22px;
	}
	.fpv-cmp-barchart-mid-label,
	.fpv-cmp-barchart-rest-label {
		display: none;
	}
	.fpv-cmp-barchart-timeline {
		margin-left: 0;
	}
}
.fpv-cmp-barchart-legend {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	font-size: 11px !important;
	color: #374151 !important;
	margin-top: 10px;
}
.fpv-lev-legend-item {
	display: inline-flex;
	align-items: center;
	gap: 5px;
}
.fpv-cmp-barchart-legend-btn {
	border: 1px solid transparent !important;
	background: transparent !important;
	border-radius: 999px !important;
	padding: 3px 9px !important;
	cursor: pointer;
	color: #374151 !important;
	font-size: 11px !important;
	font-weight: 400 !important;
	line-height: 1.4 !important;
}
.fpv-cmp-barchart-legend-btn:hover {
	background: #f3f4f6 !important;
}
.fpv-cmp-barchart-legend-btn.active {
	background: #eef2ff !important;
	border-color: #c7d2fe !important;
	font-weight: 700 !important;
}
.fpv-cmp-barchart-empty {
	font-size: 12px !important;
	color: #6b7280 !important;
	font-weight: 400 !important;
	font-style: italic;
	line-height: 1.4 !important;
	padding: 8px 0;
}
.fpv-cmp-barchart-dot {
	width: 10px;
	height: 10px;
	border-radius: 3px;
	display: inline-block;
}
@media ( max-width: 480px ) {
	.fpv-cmp-barchart-label {
		flex-basis: 72px;
		max-width: 72px;
	}
	.fpv-cmp-barchart-money {
		flex-basis: 64px;
		max-width: 64px;
	}
	.fpv-cmp-barchart-rest-label {
		display: none; /* man hinh hep: an chu "còn lại ..." trong phan nhat, giu tooltip + cot tien ben phai. */
	}
	.fpv-cmp-barchart-mid-label {
		display: none; /* man hinh hep: an chu trong phan soc, giu tooltip. */
	}
	.fpv-cmp-barchart-timeline {
		margin-left: 0;
	}
}

/* =====================================================================
   v1.17.0: Trang [floor-plan-compare] RIENG (khong phai popup/overlay)
   Tai su dung toan bo cac class ".fpv-compare-*" ben tren (khong bi khoa
   trong ".fpv-compare-modal") - chi doi khung ngoai tu "popup che man
   hinh" (fixed + backdrop den + nut dong) sang "khoi noi dung tinh" (nam
   xuoi theo dong chay cua trang tai lieu).
   ===================================================================== */
.fpv-compare-page {
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	max-width: 1160px;
	margin: 0 auto;
	/* v1.23.11: xem ghi chu chi tiet o .fpv-compare-modal - cung 1 loi
	   thieu box-sizing:border-box gay "bung ngang" tren mobile. */
	box-sizing: border-box;
	width: 100%;
	overflow-x: hidden;
}
.fpv-compare-page-title {
	margin: 0 0 14px;
}
.fpv-compare-page-inner {
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 12px;
	padding: 22px;
	box-sizing: border-box;
	max-width: 100%;
}
/* Trang rieng khong gioi han max-height 60vh nhu overlay (khong can cuon
   trong 1 khung nho - de khach cuon tu nhien theo trang). */
.fpv-compare-page-inner .fpv-compare-results-wrap {
	max-height: none;
}

@media (max-width: 640px) {
	.fpv-compare-page-inner {
		padding: 14px;
		border-radius: 8px;
	}
}

/* =====================================================================
   v1.17.1: Nut noi "↩ Quay lại trang so sánh" (xem
   fpvShowCompareBackButton() trong floor-plan-viewer.js) - hien tren MOI
   trang khach den tu trang [floor-plan-compare] rieng sau khi bam 1 can,
   giu luong so sanh khong bi mat khi khach di chuyen qua lai giua cac toa.
   ===================================================================== */
.fpv-compare-backbtn {
	position: fixed;
	left: 50%;
	bottom: 18px;
	transform: translateX(-50%);
	z-index: 9999;
	display: flex;
	align-items: center;
	gap: 2px;
	background: #c2410c;
	border: 2px solid #fff;
	color: #fff;
	border-radius: 999px;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35);
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	max-width: calc(100vw - 24px);
	box-sizing: border-box;
}
.fpv-compare-backbtn-link {
	display: inline-block;
	padding: 11px 18px;
	color: #fff !important;
	font-size: 14px !important;
	font-weight: 800;
	text-decoration: none !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.fpv-compare-backbtn-link:hover {
	color: #ffe9d6 !important;
}
.fpv-compare-backbtn-close {
	appearance: none;
	background: transparent;
	border: none;
	color: rgba(255, 255, 255, 0.75);
	font-size: 18px;
	line-height: 1;
	padding: 6px 12px 6px 4px;
	cursor: pointer;
}
.fpv-compare-backbtn-close:hover {
	color: #fff;
}
@media (max-width: 480px) {
	.fpv-compare-backbtn {
		bottom: 10px;
		left: 10px;
		right: 10px;
		transform: none;
		max-width: none;
	}
	.fpv-compare-backbtn-link {
		flex: 1 1 auto;
		text-align: center;
	}
}

/* =====================================================================
 * v1.18.0: "Tư vấn tài chính" - overlay Admin (.fpv-finance-modal-body,
 * dung chung .fpv-compare-overlay/.fpv-compare-modal da co san) + trang
 * khach rieng (.fpv-finance-page, shortcode [floor-plan-finance]).
 * v1.18.7: nut mo overlay nay gio nam trong .fpv-admin-toolbar (xem CSS o
 * tren, khu vuc "So sánh & tìm căn rẻ nhất") - khong con nut rieng full-width.
 * ===================================================================== */

.fpv-finance-page {
	max-width: 900px;
	margin: 0 auto;
	padding: 16px;
	/* v1.22.5 (theo yeu cau Du: "vẫn bị bung ngang màn hình" du v1.22.4 da
	   sua nhieu diem): PHAT HIEN GOC RE - .fpv-finance-page/.fpv-finance-app
	   CHUA BAO GIO duoc ep box-sizing:border-box nhu .fpv-container (widget
	   mat bang) da lam tu v1.17.10/11 (xem ghi chu o dau file). Thieu dieu
	   nay, cac o co CA width:100% LAN padding (vd .fpv-fin-input, .fpv-fin-
	   filter-box...) tinh theo box model MAC DINH cua trinh duyet/theme
	   (content-box) se RONG HON 100% khung cha đúng bang phan padding/border
	   - day la kieu loi "bung ngang" kinh dien, khac voi cac lan sua truoc
	   (chi nham vao 1-2 thanh phan cu the: bieu do SVG, bang lich TT...).
	   Ap dung CUNG 1 giai phap da chung minh hieu qua cho .fpv-container. */
	box-sizing: border-box;
	max-width: 100%;
	overflow-x: hidden;
}
.fpv-finance-page *,
.fpv-finance-app * {
	box-sizing: border-box !important;
}
.fpv-finance-page-title {
	margin-bottom: 16px;
}

.fpv-finance-app {
	font-size: 14px;
	color: #1f2937;
	max-width: 100%;
	overflow-x: hidden;
}
.fpv-fin-form {
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 10px;
	padding: 16px;
	margin-bottom: 16px;
}
.fpv-fin-title {
	font-size: 17px;
	font-weight: 700;
	margin-bottom: 12px;
}
.fpv-fin-row {
	margin-bottom: 12px;
}
.fpv-fin-row > label {
	display: block;
	font-weight: 600;
	margin-bottom: 4px;
}
.fpv-fin-row em {
	font-weight: 400;
	color: #64748b;
}
.fpv-fin-input {
	width: 100%;
	max-width: 360px;
	padding: 8px 10px;
	border: 1px solid #cbd5e1;
	border-radius: 6px;
	font-size: 14px;
	box-sizing: border-box;
}
.fpv-fin-help {
	margin-top: 4px;
	font-size: 12.5px;
	font-weight: 600;
	color: #0f766e;
	min-height: 16px;
}
.fpv-fin-radio-group label {
	display: inline-block;
	margin-right: 16px;
	font-weight: 400;
	cursor: pointer;
}
/* v1.23.0: "Vay ngân hàng" tách riêng khỏi nhóm 3 phương thức còn lại -
   khung + badge riêng để làm rõ đây là trọng tâm của module (mô phỏng
   trả góp chi tiết + kịch bản lãi suất + so sánh kỳ hạn + PDF). */
.fpv-fin-vaynh-highlight {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: 10px;
	padding: 6px 14px;
	background: linear-gradient(135deg, #ecfdf5, #f0fdfa);
	border: 1.5px solid #0f766e;
	border-radius: 8px;
	cursor: pointer;
	font-weight: 400;
}
.fpv-fin-vaynh-highlight input[type="radio"] {
	width: 16px;
	height: 16px;
}
/* v1.35.36: "Không vay ngân hàng" + 3 tab con (Chuẩn/95%/Capital) lồng
   ngay dưới nhau (thụt lề, khung nhạt) để rõ đây là NHÓM CON của "Không
   vay ngân hàng" - tránh nhìn như 5 mục phẳng ngang hàng như trước. */
.fpv-fin-submethod-row {
	margin: 4px 0 10px 26px;
	padding: 8px 10px 4px;
	border-left: 2px solid #e2e8f0;
}
.fpv-fin-filters {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-bottom: 12px;
}
.fpv-fin-filter-box {
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	padding: 8px 10px;
	min-width: 140px;
}
.fpv-fin-filter-label {
	font-weight: 600;
	font-size: 13px;
	margin-bottom: 4px;
}
.fpv-fin-filter-opts label {
	display: block;
	font-weight: 400;
	font-size: 13px;
	padding: 2px 0;
	cursor: pointer;
}
.fpv-fin-submit {
	background: #0f766e;
	color: #fff;
	border: none;
	border-radius: 8px;
	padding: 10px 20px;
	font-size: 15px;
	font-weight: 700;
	cursor: pointer;
}
.fpv-fin-submit:hover {
	background: #0d5f58;
}
.fpv-fin-status {
	color: #64748b;
	margin-bottom: 8px;
}
.fpv-fin-input-error {
	border-color: #dc2626 !important;
	background: #fef2f2 !important;
	box-shadow: 0 0 0 3px rgba(220,38,38,0.15);
}
.fpv-fin-field-error {
	margin-top: 6px;
	padding: 8px 10px;
	background: #fef2f2;
	border: 1px solid #fca5a5;
	border-radius: 6px;
	color: #b91c1c;
	font-weight: 600;
	font-size: 13px;
}
.fpv-fin-field-error:empty {
	display: none;
	margin: 0;
	padding: 0;
	border: none;
}
.fpv-fin-handover-box {
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	padding: 10px 12px;
	margin-top: 8px;
}
.fpv-fin-handover-box .fpv-fin-filter-label {
	font-weight: 600;
	font-size: 13px;
	margin-bottom: 6px;
}
.fpv-fin-handover-box label {
	display: block;
	font-weight: 400;
	font-size: 13.5px;
	padding: 3px 0;
	cursor: pointer;
}
.fpv-fin-empty {
	background: #fff7ed;
	border: 1px solid #fdba74;
	border-radius: 8px;
	padding: 14px;
}
.fpv-fin-empty-title {
	font-weight: 700;
	margin-bottom: 6px;
}
.fpv-fin-warning {
	background: #fff7ed;
	border: 1px solid #fdba74;
	border-radius: 8px;
	padding: 14px;
	margin-bottom: 16px;
	font-size: 13.5px;
	line-height: 1.5;
}
.fpv-fin-warning-title {
	font-weight: 700;
	margin-bottom: 6px;
	color: #9a3412;
}
.fpv-fin-group {
	margin-bottom: 20px;
}
.fpv-fin-results-count {
	font-size: 12.5px;
	color: #64748b;
	margin-bottom: 10px;
}
.fpv-fin-loadmore {
	display: block;
	width: 100%;
	background: #fff;
	color: #0f766e;
	border: 1.5px dashed #0f766e;
	border-radius: 8px;
	padding: 10px 14px;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
	margin-top: 4px;
}
.fpv-fin-loadmore:hover {
	background: #f0fdfa;
}
.fpv-fin-group-title {
	font-weight: 700;
	font-size: 15px;
	margin-bottom: 8px;
	padding-bottom: 4px;
	border-bottom: 2px solid #0f766e;
}
.fpv-fin-list {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.fpv-fin-card {
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 10px;
	padding: 12px 14px;
	transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}
/* v1.22.9 (theo yeu cau Du: to mau nen xen ke cho de phan biet cac can
   trong danh sach dai): the le/chan xen ke trang / xanh nhat, hai canh
   deu nhe nhang khong choi mau, giu dong bo voi tong mau teal cua trang. */
.fpv-fin-card-alt {
	background: #f4faf9;
	border-color: #dbe9e6;
}
/* v1.22.9: the DANG MO lich thanh toan can noi bat ro rang so voi cac
   the con lai dang dong - vien teal day + nen xanh nhat + do bong nhe,
   giup khach khong bi lac vi tri khi list dai (mobile hay xay ra nhat). */
.fpv-fin-card-open {
	background: #ecfdf5 !important;
	border: 1.5px solid #0f766e !important;
	box-shadow: 0 2px 10px rgba(15, 118, 110, 0.15);
}
.fpv-fin-card-head {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 8px;
}
.fpv-fin-card-title {
	font-weight: 700;
	font-size: 15px;
}
.fpv-fin-card-method {
	display: inline-block;
	font-weight: 700;
	color: #0f766e;
	background: #ccfbf1;
	border: 1px solid #99f6e4;
	border-radius: 999px;
	padding: 2px 10px;
	font-size: 12px;
	vertical-align: middle;
	margin-left: 4px;
}
.fpv-fin-card-method-warn {
	color: #b91c1c;
	background: #fee2e2;
	border-color: #fecaca;
}
.fpv-fin-card-price {
	font-weight: 700;
	color: #0f766e;
	font-size: 15px;
}
.fpv-fin-warning-shortfall {
	color: #b91c1c;
}
.fpv-fin-alt-suggestion {
	margin: 10px 0 16px;
	padding: 10px 12px;
	background: #ecfdf5;
	border: 1px solid #6ee7b7;
	border-radius: 10px;
	font-size: 13px;
	color: #065f46;
}
.fpv-fin-alt-btn {
	display: block;
	margin: 8px auto 0;
	background: #0f766e;
	color: #ffffff;
	border: 1px solid #0f766e;
	border-radius: 6px;
	padding: 7px 12px;
	font-size: 13px;
	font-weight: 700;
	cursor: pointer;
}
.fpv-fin-loan-suggestion {
	background: #eff6ff;
	border-color: #93c5fd;
	color: #1e3a8a;
}
.fpv-fin-loan-suggestion .fpv-fin-alt-btn {
	background: #1d4ed8;
	border-color: #1d4ed8;
}
.fpv-fin-card-kpbt-note {
	font-size: 10px;
	font-weight: 600;
	color: #9ca3af;
	vertical-align: middle;
}
.fpv-fin-card-meta {
	color: #475569;
	font-size: 13px;
	margin: 4px 0;
}
.fpv-fin-card-upfront {
	font-size: 13px;
	margin-bottom: 4px;
}
.fpv-fin-upfront-amount {
	color: #dc2626;
	font-size: 15px;
}
.fpv-fin-card-dot1 {
	font-size: 12.5px;
	color: #0f766e;
	background: #f0fdfa;
	border: 1px solid #99f6e4;
	border-radius: 6px;
	padding: 6px 8px;
	margin-bottom: 8px;
	line-height: 1.5;
}
.fpv-fin-card-dot1-amount {
	color: #dc2626;
	font-size: 14px;
}
.fpv-fin-card-dot1-note {
	color: #6b7280;
	font-weight: 400;
}
.fpv-fin-card-policy {
	font-size: 12.5px;
	color: #64748b;
	margin-bottom: 8px;
	padding-top: 4px;
	border-top: 1px dashed #e2e8f0;
}
.fpv-fin-discount-title {
	font-size: 16px;
	font-weight: 700;
	color: #1f2937;
	margin-bottom: 10px;
	padding-right: 28px;
}
.fpv-fin-policy-name {
	font-weight: 600;
	color: #334155;
}
.fpv-fin-policy-link {
	color: #0f766e;
	font-weight: 600;
	text-decoration: none;
	margin-left: 4px;
	white-space: normal;
	word-break: break-word;
}
.fpv-fin-policy-link:hover {
	text-decoration: underline;
}
.fpv-fin-card-monthly {
	font-size: 13px;
	padding: 4px 8px;
	border-radius: 6px;
	margin-bottom: 6px;
	display: inline-block;
}
.fpv-fin-card-monthly.ok {
	background: #dcfce7;
	color: #166534;
}
.fpv-fin-card-monthly.warn {
	background: #fee2e2;
	color: #991b1b;
}
.fpv-fin-card-toggle {
	background: #0f766e;
	border: 1px solid #0f766e;
	border-radius: 6px;
	padding: 7px 12px;
	font-size: 13px;
	font-weight: 700;
	cursor: pointer;
	color: #fff;
	transition: background 0.15s ease, color 0.15s ease;
}
.fpv-fin-card-toggle:hover {
	background: #fff;
	color: #0f766e;
}
.fpv-fin-card-detail {
	margin-top: 10px;
	/* v1.22.3 (FIX mobile "bung ra vuot khoi giao dien" Du bao): moi thanh
	   phan rong (bieu do SVG min-width 520px...) phai TU cuon ngang ben
	   trong, khong duoc keo gian ca trang. overflow-x:clip chan cung phan
	   tran ngang o cap card-detail (khac hidden: khong tao scroll context,
	   khong anh huong sticky/tooltip ben trong). */
	max-width: 100%;
	overflow-x: hidden; /* v1.22.4: doi clip->hidden (iOS Safari <16 khong ho tro clip - kha nang cao la ly do fix v1.22.3 khong an tren may Du) */
}
/* v1.22.4: chan tran ngang o cap trang tai chinh (belt & braces) + ep moi
   khoi con khong duoc rong hon khung (min-width:auto ngam dinh cua noi
   dung dai la nguyen nhan kinh dien keo gian trang tren mobile). */
.fpv-finance-page {
	overflow-x: hidden;
}
.fpv-finance-page .fpv-fin-results,
.fpv-finance-page .fpv-fin-card,
.fpv-finance-page .fpv-fin-card-detail,
.fpv-finance-page .fpv-schedule-table-wrap,
.fpv-finance-page .fpv-bank-disbursement-table-scroll {
	max-width: 100%;
	min-width: 0;
}

/* ==========================================================================
   v1.22.4 - KHOA CUNG CO CHU TRANG TU VAN TAI CHINH (chi .fpv-finance-page)
   Ly do (Du bao "font chu lon nho khong dong deu" tren mobile): trang nay
   nam trong .betterdocs-entry-content - BetterDocs/theme co CSS rieng ep
   font-size len span/p (mobile ep khac desktop), truoc gio phai va bang
   Customizer muc 14d nhung 14d chi phu selector .single-docs va khoa theo
   GIA TRI CU. Tu ban nay plugin TU khoa co chu cho chinh trang cua minh
   bang !important - khong phu thuoc Customizer/page-type nua. Gia tri =
   dung gia tri thiet ke trong file nay. KHONG khoa mau o day (mau da co
   14d Customizer lo, va khoa mau se dung do badge doi mau is-bank-pay).
   ========================================================================== */
.fpv-finance-page span.fpv-schedule-caption {
	font-size: 11px !important;
	line-height: 1.4 !important;
}
.fpv-finance-page .fpv-schedule-cell-label {
	font-size: 14.5px !important;
	line-height: 1.4 !important;
}
.fpv-finance-page span.fpv-schedule-amount-main {
	font-size: 14.5px !important;
}
.fpv-finance-page span.fpv-schedule-kpbt {
	font-size: 12px !important;
}
.fpv-finance-page .fpv-schedule-cell-desc,
.fpv-finance-page .fpv-schedule-cell-desc span,
.fpv-finance-page .fpv-schedule-cell-desc strong {
	font-size: 13.5px !important;
	line-height: 1.5 !important;
}
.fpv-finance-page .fpv-schedule-date {
	font-size: 14px !important;
}
.fpv-finance-page .fpv-schedule-note,
.fpv-finance-page .fpv-schedule-note span,
.fpv-finance-page .fpv-schedule-note strong {
	font-size: 13px !important;
	line-height: 1.5 !important;
}
.fpv-finance-page span.fpv-schedule-payer-badge {
	font-size: 12px !important;
}
.fpv-finance-page .fpv-schedule-summary-giaban,
.fpv-finance-page .fpv-schedule-summary-giaban span,
.fpv-finance-page .fpv-schedule-summary-final,
.fpv-finance-page .fpv-schedule-summary-final span {
	font-size: 14px !important;
}
.fpv-finance-page .fpv-fin-card-meta {
	font-size: 13px !important;
}
.fpv-finance-page .fpv-fin-amort-note {
	font-size: 13.5px !important;
}
.fpv-finance-page .fpv-bank-disbursement-table,
.fpv-finance-page .fpv-bank-disbursement-table td {
	font-size: 12px !important;
}
.fpv-finance-page .fpv-bank-support-note {
	font-size: 12px !important;
}
.fpv-fin-card {
	min-width: 0;
}

/* ==========================================================================
   v1.22.7 (theo yeu cau Du, "2 loi mobile bi hoai qua nhieu ban khong sua
   dut diem"): thay vi tiep tuc khoa TUNG selector rieng le moi khi phat
   sinh phan tu moi (kieu "whack-a-mole" da lam tu v1.22.4 - luon cham 1
   buoc so voi cac khoi UI moi them vao nhu .fpv-fin-card-title/-price/
   -policy/-method... CHUA TUNG duoc khoa!important), nay ap dung 2 luat
   CHAN o CAP GOC cho toan bo trang [floor-plan-finance]:
   (1) MOI the/span/p/li/strong/em con lai CHUA co font-size rieng se
       KE THUA (inherit) font-size cua the cha thay vi bi BetterDocs/theme
       ep 1 gia tri khac tren mobile - dam bao co chu LUON dong nhat voi
       thiet ke, bat ke sau nay them bao nhieu khoi UI moi.
   (2) MOI flex/grid item con lai deu ep min-width:0 - day la nguyen nhan
       kinh dien khien 1 the con dai (vd gia tien khong dau cach) day ca
       hang bung rong hon container tren man hinh hep.
   Khong ghi de mau/font-weight - chi 2 thuoc tinh gay loi thuc su o day. */
.fpv-finance-page span:not([class]),
.fpv-finance-page p:not([class]),
.fpv-finance-page li:not([class]),
.fpv-finance-page strong:not([class]),
.fpv-finance-page em:not([class]) {
	font-size: inherit !important;
	line-height: inherit !important;
}
.fpv-finance-page .fpv-fin-title {
	font-size: 17px !important;
}
.fpv-finance-page .fpv-fin-card-title {
	font-size: 15px !important;
}
.fpv-finance-page span.fpv-fin-card-method {
	font-size: 12px !important;
}
.fpv-finance-page .fpv-fin-card-price {
	font-size: 15px !important;
}
.fpv-finance-page span.fpv-fin-card-kpbt-note {
	font-size: 10px !important;
}
.fpv-finance-page .fpv-fin-card-monthly {
	font-size: 13px !important;
}
.fpv-finance-page .fpv-fin-card-upfront {
	font-size: 13px !important;
}
.fpv-finance-page strong.fpv-fin-upfront-amount {
	font-size: 15px !important;
}
/* v1.35.37 (theo yeu cau Du: "font chu trong badge Đợt 1 to nhỏ không
   đều - có bị CSS BetterDocs đè lên không"): dung DUNG nguyen tac cua
   khoi khoa nay - khoa rieng ca khung .fpv-fin-card-dot1 lan phan tu con
   .fpv-fin-card-dot1-amount/-note bang class rieng (khong con la bare
   strong/span khong class nua) de BetterDocs KHONG the ep font-size khac
   nhau tren tung phan tu con trong cung 1 khung. */
.fpv-finance-page .fpv-fin-card-dot1 {
	font-size: 12.5px !important;
	line-height: 1.5 !important;
}
.fpv-finance-page strong.fpv-fin-card-dot1-amount {
	font-size: 14px !important;
}
.fpv-finance-page span.fpv-fin-card-dot1-note {
	font-size: 12.5px !important;
	line-height: 1.5 !important;
}
.fpv-finance-page .fpv-fin-card-policy {
	font-size: 12.5px !important;
}
.fpv-finance-page span.fpv-fin-policy-name {
	font-size: inherit !important;
}
.fpv-finance-page .fpv-fin-policy-link {
	font-size: inherit !important;
}
.fpv-finance-page .fpv-fin-group-title {
	font-size: 15px !important;
}
.fpv-finance-page .fpv-fin-results-count {
	font-size: 12.5px !important;
}
.fpv-finance-page .fpv-fin-empty-title {
	font-size: inherit !important;
}
.fpv-finance-page .fpv-fin-status {
	font-size: inherit !important;
}
.fpv-finance-page .fpv-fin-help {
	font-size: 12.5px !important;
}
.fpv-finance-page .fpv-fin-row > label {
	font-size: inherit !important;
}
/* Luat (2) o tren - chan safety-net min-width:0 cho moi cau truc flex/grid
   con lai cua trang (khong dung "*" toan bo vi se pha vi tri icon/badge
   dang inline-block co chu dinh - chi nham dung cac khoi bao/hang/the). */
.fpv-finance-page .fpv-fin-row,
.fpv-finance-page .fpv-fin-radio-group,
.fpv-finance-page .fpv-fin-filter-box,
.fpv-finance-page .fpv-fin-card-head,
.fpv-finance-page .fpv-schedule-row,
.fpv-finance-page .fpv-schedule-cell,
.fpv-finance-page .fpv-amort-stage,
.fpv-finance-page .fpv-amort-head,
.fpv-finance-page .fpv-amort-body,
.fpv-finance-page .fpv-amort-rentbox {
	min-width: 0;
}
/* Nhan "Đợt 1"/"Đặt mua"... trong lich thanh toan cua TRANG TU VAN (the
   he thi hep hon nhieu so voi popup mat bang goc) - bo white-space:nowrap
   (dinh nghia o muc .fpv-schedule-cell-label phia tren, dung chung voi
   widget mat bang) de nhan KHONG THE ep rong ca hang khi gap ten dai/font
   to hon o day. Khong anh huong widget mat bang (chi scope .fpv-finance-page). */
.fpv-finance-page .fpv-schedule-cell-label {
	white-space: normal !important;
}
/* v1.18.10: bang "Lịch thanh toán" rieng cua Financial Advisor
   (.fpv-fin-schedule-table/.fpv-fin-sched-*) da bo, dung chung
   .fpv-schedule-* (dinh nghia o tren, khu vuc widget mat bang) de dong bo
   giao dien - chi con .fpv-fin-amort-table (bang tra gop ngan hang) o day. */
.fpv-fin-amort-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 12.5px;
	margin-bottom: 10px;
}
.fpv-fin-amort-table th,
.fpv-fin-amort-table td {
	border: 1px solid #e2e8f0;
	padding: 7px 8px;
	text-align: left;
	vertical-align: top;
}
.fpv-fin-amort-table th {
	background: #0f766e;
	color: #fff;
	font-weight: 700;
}
.fpv-fin-amort-table tbody tr:nth-child(even) {
	background: #f8fafc;
}
.fpv-fin-payer-badge {
	display: inline-block;
	font-size: 11.5px;
	font-weight: 700;
	border-radius: 10px;
	padding: 3px 9px;
	white-space: normal;
	word-break: break-word;
	line-height: 1.4;
}
.fpv-fin-payer-self {
	background: #fee2e2;
	color: #991b1b;
	border: 1px solid #fecaca;
}
.fpv-fin-payer-bank {
	background: #dbeafe;
	color: #1e40af;
	border: 1px solid #bfdbfe;
}
.fpv-fin-amort-title {
	font-weight: 700;
	margin: 10px 0 6px;
}
.fpv-fin-amort-over td {
	background: #fee2e2;
}
.fpv-fin-amort-warning {
	color: #991b1b;
	font-size: 14px; /* v1.22.2 */
	margin-top: 6px;
}
.fpv-fin-amort-note {
	color: #64748b;
	font-size: 13.5px; /* v1.22.2: Du yeu cau tang co chu cac ghi chu nho */
	margin-top: 4px;
}

@media (max-width: 640px) {
	.fpv-fin-input {
		max-width: none;
	}
	.fpv-fin-card-head {
		flex-direction: column;
		align-items: flex-start;
	}
}

/* =====================================================================
 * v1.24.15 (FPV-WM): Watermark tren website (Settings muc 8b) - tile chu
 * mo tren anh mat bang + logo/chu goc + dong brand duoi bang lich thanh
 * toan. Opacity dat inline tu JS (theo cau hinh) - CSS chi lo layout va
 * transition muot khi boost. pointer-events:none tren MOI lop de khong
 * can click chon can / copy text / cuon bang.
 * ===================================================================== */
.fpv-wm-tile {
	position: absolute;
	inset: 0;
	pointer-events: none;
	background-repeat: repeat;
	background-position: center;
	transition: opacity 0.5s ease;
	z-index: 2; /* tren <img>, duoi .fpv-hotspot-layer (z cao hon) */
}
.fpv-schedule-table-wrap {
	position: relative; /* neo cho .fpv-wm-tile-schedule */
}
.fpv-wm-tile-schedule {
	z-index: 1;
}
.fpv-wm-corner {
	position: absolute;
	/* v1.24.17: vi tri thuc te do class .fpv-wm-corner-tl/tr/bl/br quyet dinh
	   (chon trong Settings muc 8b); right/bottom o day chi la fallback. */
	right: 10px;
	bottom: 8px;
	display: flex;
	align-items: center;
	gap: 6px;
	pointer-events: none;
	opacity: 0.35;
	transition: opacity 0.5s ease;
	z-index: 3;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: 300;
	letter-spacing: 1.5px;
	color: #1f2a24;
	text-shadow: 0 0 3px rgba(255, 255, 255, 0.85);
}
/* v1.24.17 (FPV-WM): 4 vi tri goc chon duoc tu admin. */
.fpv-wm-corner-tl { left: 10px; top: 8px; right: auto; bottom: auto; }
.fpv-wm-corner-tr { right: 10px; top: 8px; left: auto; bottom: auto; }
.fpv-wm-corner-bl { left: 10px; bottom: 8px; right: auto; top: auto; }
.fpv-wm-corner-br { right: 10px; bottom: 8px; left: auto; top: auto; }
.fpv-wm-corner img {
	object-fit: contain; /* v1.24.16: width/height dat inline tu JS theo Settings */
}
/* v1.24.16 (FPV-WM): tile tren khoi tra gop du no giam dan - z:0 de moi noi
   dung (position:relative tu inline style san co) van noi tren; neu phan tu
   con khong co position rieng thi tile van chi la nen mo, khong che chu vi
   pointer-events:none va opacity rat thap. */
.fpv-wm-tile-amort {
	z-index: 0;
	border-radius: 0 0 12px 12px;
}
/* v1.24.16 (FPV-WM): nhan brand goc duoi phai bieu do dong tien - in RO
   (khong mo) vi nam trong khung noi dung, khach chup rieng bieu do van dinh. */
.fpv-wm-chart-tag {
	position: absolute;
	right: 10px;
	bottom: 8px;
	pointer-events: none;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight: 400;
	letter-spacing: 1px;
	color: #94a3b8;
	z-index: 2;
}
.fpv-wm-brand-line {
	margin: 4px 2px 10px;
	text-align: right;
	font-size: 11px;
	font-weight: 400;
	letter-spacing: 0.4px;
	color: #8a938d;
}
.fpv-wm-inline-row {
	padding: 3px 0;
	text-align: center;
	font-size: 11px;
	font-weight: 300;
	letter-spacing: 3px;
	color: rgba(31, 42, 36, 0.14);
	pointer-events: none;
	user-select: none;
}

/* ===== v1.28.0 (FPV-CAP-TABS): tab Capital + bang loi tuc theo thang ===== */
/* Card tom tat Capital = nut chuyen tab - card dang chon co vien highlight. */
.fpv-capital-card.fpv-capital-card-active {
	border: 2px solid #0066cc !important;
	box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.12);
}
/* Hang sub-tab kich ban trong tab Tron ven - giong hang tab chinh, thut nhe. */
.fpv-capital-subtabs {
	display: flex;
	gap: 6px;
	overflow-x: auto;
	margin: -4px 0 12px;
	padding-bottom: 2px;
}
.fpv-capital-subtabs .fpv-method-tab {
	font-size: 12px;
	padding: 5px 10px;
}
/* Bang loi tuc theo thang (tab Linh hoat). */
.fpv-lh-month-head,
.fpv-lh-month-row {
	display: grid !important;
	/* v1.28.1: minmax thay 66px cung - cot "Tháng" khong bi cat khi theme
	   ep font to; cot cuoi minmax(0,auto) de duoc phep co lai tren mobile. */
	grid-template-columns: minmax(58px, auto) 1fr 1fr minmax(0, auto) !important;
	align-items: center;
	gap: 8px;
	font-size: 12px !important;
	line-height: 1.4 !important;
	padding: 5px 8px;
	border-radius: 6px;
}
.fpv-lh-month-head {
	font-weight: 700;
	color: #7a1220;
	background: #f6efe2;
	margin-bottom: 4px;
}
.fpv-lh-month-list {
	display: flex;
	flex-direction: column;
	gap: 3px;
	max-height: 320px;
	overflow-y: auto;
	margin-bottom: 10px;
}
.fpv-lh-month-row {
	background: #fdfcf9;
}
.fpv-lh-month-row.fpv-lh-month-row-payout {
	background: #fffbeb;
	font-weight: 700;
	border: 1px solid #eedfae;
}
.fpv-lh-month-row.fpv-lh-month-row-uncounted {
	background: #f7f6f3;
	opacity: 0.75;
}
.fpv-lh-month-payout {
	color: #b08900;
}
.fpv-lh-month-payout-none {
	color: #c9c4b8;
	text-align: center;
}
.fpv-lh-month-cum {
	color: #7a1220;
	text-align: right;
}
/* v1.28.3 (theo yeu cau Du 21/07): tren man hinh hep (mobile), 4 cot nhoi
   chung 1 hang lam so tien bi VO CHU giua so (do overflow-wrap:anywhere
   inline tren tung span buoc xuong dong ky la). Duoi nguong 560px: chuyen
   sang luoi 2 cot x 2 hang (Thang+Loi tuc / Chi tra+Luy ke), moi o du rong
   de khong con vo chu; AN hang tieu de (dat lai lam nhan trong tung o qua
   JS - xem buildLhMonthlyRows()/renderLhMonthlyBox()). */
@media ( max-width: 560px ) {
	.fpv-lh-month-head {
		display: none !important;
	}
	.fpv-lh-month-head,
	.fpv-lh-month-row {
		grid-template-columns: 1fr 1fr !important;
		grid-auto-rows: auto;
		row-gap: 4px !important;
		column-gap: 10px !important;
		padding: 8px 10px !important;
	}
	.fpv-lh-month-head span,
	.fpv-lh-month-row span {
		overflow-wrap: normal !important;
		word-break: normal !important;
		white-space: normal !important;
		text-align: left !important;
	}
	.fpv-lh-month-cum,
	.fpv-lh-month-amt,
	.fpv-lh-month-payout,
	.fpv-lh-month-payout-none {
		text-align: right !important;
	}
}

/* ==========================================================================
   FPV-UNIT-CARD (v1.36.6) - "The tom tat tinh" 1 can, nhung vao trang
   property (qua FPV-ERE-BRIDGE), lazy-load qua IntersectionObserver.
   ========================================================================== */
.fpv-unit-card {
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	max-width: 100%;
	margin: 24px 0;
	box-sizing: border-box;
}
.fpv-unit-card * {
	box-sizing: border-box;
}
.fpv-unit-card-loading {
	color: #6b7280;
	font-size: 14px;
	padding: 24px;
	text-align: center;
}
.fpv-unit-card-inner {
	border: 1px solid #e5e0d3;
	border-radius: 14px;
	background: linear-gradient( 135deg, #fffdf9 0%, #f6f1e7 100% );
	padding: 22px 24px;
	box-shadow: 0 2px 10px rgba( 0, 0, 0, 0.05 );
}
.fpv-unit-card-area-price {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: 16px;
	padding-bottom: 16px;
	margin-bottom: 16px;
	border-bottom: 1px solid #e5e0d3;
}
.fpv-unit-card-area-value {
	display: block;
	font-size: 24px;
	font-weight: 700;
	color: #1f3d2e;
	line-height: 1.2;
}
.fpv-unit-card-area-label {
	display: block;
	font-size: 12.5px;
	color: #8a6a35;
	font-weight: 600;
	margin-top: 2px;
}
.fpv-unit-card-price {
	text-align: right;
}
.fpv-unit-card-price-row {
	display: flex;
	align-items: baseline;
	gap: 8px;
	justify-content: flex-end;
}
.fpv-unit-card-price-new {
	font-size: 26px;
	font-weight: 800;
	color: #b91c1c;
	line-height: 1.2;
}
.fpv-unit-card-price-badge {
	display: inline-block;
	background: #b91c1c;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	padding: 2px 8px;
	border-radius: 999px;
}
.fpv-unit-card-price-old {
	font-size: 13px;
	color: #9ca3af;
	text-decoration: line-through;
	margin-top: 2px;
}
.fpv-unit-card-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 14px 28px;
	margin-bottom: 18px;
}
.fpv-unit-card-meta-item {
	display: flex;
	flex-direction: column;
}
.fpv-unit-card-meta-label {
	font-size: 11.5px;
	color: #8a6a35;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.02em;
}
.fpv-unit-card-meta-value {
	font-size: 14.5px;
	color: #2c2416;
	font-weight: 600;
	margin-top: 2px;
}
.fpv-unit-card-btn {
	display: block;
	width: 100%;
	background: #1f3d2e;
	color: #fff;
	border: none;
	border-radius: 10px;
	font-size: 15px;
	font-weight: 700;
	padding: 13px 20px;
	cursor: pointer;
	transition: background 0.15s ease;
}
.fpv-unit-card-btn:hover {
	background: #14241d;
}
@media ( max-width: 480px ) {
	.fpv-unit-card-inner {
		padding: 18px 16px;
	}
	.fpv-unit-card-area-price {
		flex-direction: column;
		align-items: flex-start;
	}
	.fpv-unit-card-price {
		text-align: left;
	}
	.fpv-unit-card-price-row {
		justify-content: flex-start;
	}
}