/**
 * FPV-STATS (v1.29.0) - CSS cho [floor-plan-stats].
 *
 * LUU Y CHONG XUNG DOT THEME (theo kinh nghiem BetterDocs Layout-6 / RealHome
 * hay ghi de mau chu/nen ngay ca voi !important trong file CSS thuong):
 *   - Tat ca selector duoi day dung !important + tien to ".fpv-stats-page"
 *     (dac hieu cao) de tang kha nang thang duoc theme.
 *   - Neu van bi ghi de tren site thuc te, giai phap chac chan hon la them 1
 *     section moi trong Customizer CSS (villaverde-custom-css) dung
 *     ":not(.fpv-stats-page *)" tren cac rule cua theme dang xung dot, GIONG
 *     CACH da lam voi section 6/8/14d cho BetterDocs - xem
 *     VILLAVERDE_PROJECT_REFERENCE. File CSS nay khong sua duoc rule cua
 *     theme, chi tu ve cho chinh no.
 *   - Mau sac quan trong nhat (nen thanh bar trong bieu do) da duoc set truc
 *     tiep bang canvas 2D context trong fpv-stats.js (khong phai CSS) nen
 *     KHONG the bi theme CSS ghi de duoc.
 */

.fpv-stats-page {
	max-width: 960px !important;
	margin: 0 auto !important;
	font-family: inherit !important;
}

.fpv-stats-page-title {
	font-size: 22px !important;
	font-weight: 700 !important;
	color: #2c2416 !important;
	margin: 0 0 16px 0 !important;
}

.fpv-stats-loading,
.fpv-stats-empty {
	color: #666 !important;
	font-size: 14px !important;
	padding: 24px 0 !important;
	text-align: center !important;
}

.fpv-stats-overall {
	font-size: 14px !important;
	color: #555 !important;
	margin-bottom: 14px !important;
}

.fpv-stats-grid {
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
	gap: 16px !important;
}

.fpv-stats-card {
	border: 1px solid #e5ddc8 !important;
	border-radius: 10px !important;
	padding: 14px 16px !important;
	background: #fffdf7 !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important;
}

.fpv-stats-card-head {
	display: flex !important;
	align-items: baseline !important;
	justify-content: space-between !important;
	margin-bottom: 8px !important;
}

.fpv-stats-card-title {
	font-size: 16px !important;
	font-weight: 700 !important;
	color: #2c2416 !important;
}

.fpv-stats-card-count {
	font-size: 12px !important;
	color: #8a6a35 !important;
	font-weight: 600 !important;
}

.fpv-stats-summary-line {
	font-size: 13px !important;
	color: #444 !important;
	line-height: 1.5 !important;
	margin-bottom: 2px !important;
}

/* FPV-STATS-UI (v1.34.0): the thong ke gia/dien tich dang hang - de doc, de nho. */
.fpv-stats-summary {
	display: flex !important;
	flex-direction: column !important;
	gap: 6px !important;
	margin: 2px 0 12px 0 !important;
	padding: 10px 12px !important;
	background: #faf6ea !important;
	border: 1px solid #ecdfc0 !important;
	border-radius: 8px !important;
}

.fpv-stats-stat-row {
	display: flex !important;
	align-items: flex-start !important;
	gap: 8px !important;
}

.fpv-stats-stat-row + .fpv-stats-stat-row {
	padding-top: 6px !important;
	border-top: 1px dashed #e5d9b8 !important;
}

.fpv-stats-stat-icon {
	flex: 0 0 auto !important;
	font-size: 14px !important;
	line-height: 1.5 !important;
	width: 18px !important;
	text-align: center !important;
}

.fpv-stats-stat-body {
	flex: 1 1 auto !important;
	min-width: 0 !important;
	display: flex !important;
	flex-direction: column !important;
}

.fpv-stats-stat-top {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: baseline !important;
	gap: 6px !important;
	row-gap: 2px !important;
}

.fpv-stats-stat-label {
	font-size: 12.5px !important;
	font-weight: 700 !important;
	color: #8a6a35 !important;
	letter-spacing: 0.01em !important;
	flex: 0 0 auto !important;
}

.fpv-stats-stat-range {
	font-size: 15px !important;
	font-weight: 700 !important;
	color: #2c2416 !important;
	display: inline-flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 4px !important;
}

/* FPV-STATS-BADGE (v1.35.16): moi khoang gia tri (min/max) la 1 badge nen nhat
   mau rieng theo loai thong ke, de nhin, khong con la chu in dam tho. */
.fpv-stats-badge {
	display: inline-block !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	padding: 3px 9px !important;
	border-radius: 6px !important;
	line-height: 1.3 !important;
	white-space: nowrap !important;
}
.fpv-stats-badge--price {
	background: #fdf0d5 !important;
	color: #96690f !important;
}
.fpv-stats-badge--ppm2 {
	background: #e8f0e6 !important;
	color: #3f7a3c !important;
}
.fpv-stats-badge--area {
	background: #e6eef7 !important;
	color: #2f6198 !important;
}
.fpv-stats-badge--default {
	background: #efeae0 !important;
	color: #2c2416 !important;
}

.fpv-stats-stat-dash {
	color: #b3a37a !important;
	font-weight: 400 !important;
}

.fpv-stats-stat-unit {
	font-size: 12px !important;
	font-weight: 500 !important;
	color: #6b5c3c !important;
}

.fpv-stats-stat-avg-row {
	display: block !important;
	margin-top: 3px !important;
	text-align: right !important;
}

.fpv-stats-stat-avg {
	display: inline-block !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	color: #fff !important;
	background: #8a6a35 !important;
	padding: 3px 10px !important;
	border-radius: 999px !important;
	white-space: nowrap !important;
}

.fpv-stats-stat-extra {
	display: block !important;
	font-size: 12px !important;
	color: #6b6248 !important;
	margin-top: 4px !important;
}

.fpv-stats-chart-wrap {
	margin-top: 10px !important;
	width: 100% !important;
	height: 140px !important;
}

.fpv-stats-chart {
	width: 100% !important;
	height: 100% !important;
	display: block !important;
}

@media (max-width: 480px) {
	.fpv-stats-grid {
		grid-template-columns: 1fr !important;
	}
}

/* FPV-STATS-COMPACT (v1.35.16): khung bo loc chinh co the dong/mo, mac dinh
   dong de trang gon, de tra cuu - tieu de hien so bo loc dang chon. */
.fpv-stats-filters-panel {
	margin-bottom: 18px !important;
	padding-bottom: 10px !important;
	border-bottom: 1px solid #e5ddc8 !important;
}
.fpv-stats-filters-toggle {
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
	width: 100% !important;
	background: #faf6ea !important;
	border: 1px solid #ecdfc0 !important;
	border-radius: 8px !important;
	padding: 8px 12px !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	color: #6b5c3c !important;
	cursor: pointer !important;
	text-align: left !important;
}
.fpv-stats-filters-toggle-label {
	flex: 1 1 auto !important;
}
.fpv-stats-filters-toggle-badge {
	display: inline-block !important;
	background: #c9a15a !important;
	color: #fff !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	padding: 1px 7px !important;
	border-radius: 999px !important;
}
.fpv-stats-filters-toggle-chevron {
	font-size: 10px !important;
	color: #8a6a35 !important;
}

/* v1.30.0 - Bo loc da chieu (chip) */
.fpv-stats-filters {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 14px !important;
	margin-top: 12px !important;
	align-items: flex-start !important;
}
.fpv-stats-cmp-filters {
	margin: 8px 0 14px 0 !important;
	padding-bottom: 10px !important;
	border-bottom: 1px dashed #e5ddc8 !important;
}
.fpv-stats-chip-more {
	background: #f2ede0 !important;
	color: #8a6a35 !important;
	border-style: dashed !important;
	font-weight: 600 !important;
}
.fpv-stats-filter-group {
	display: flex !important;
	flex-direction: column !important;
	gap: 4px !important;
}
.fpv-stats-filter-label {
	font-size: 11px !important;
	font-weight: 700 !important;
	color: #8a6a35 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.03em !important;
}
.fpv-stats-filter-chips {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 6px !important;
	max-width: 320px !important;
}
.fpv-stats-chip {
	font-size: 12px !important;
	padding: 4px 10px !important;
	border-radius: 999px !important;
	border: 1px solid #d8cfb4 !important;
	background: #fff !important;
	color: #2c2416 !important;
	cursor: pointer !important;
	line-height: 1.4 !important;
}
.fpv-stats-chip.is-active {
	background: #c9a15a !important;
	border-color: #c9a15a !important;
	color: #fff !important;
	font-weight: 700 !important;
}
.fpv-stats-filter-reset {
	font-size: 12px !important;
	color: #a32d2d !important;
	background: none !important;
	border: none !important;
	cursor: pointer !important;
	align-self: center !important;
	padding: 4px 6px !important;
}

/* v1.30.0 - Section chung (phan bo / so sanh toa) */
.fpv-stats-section {
	margin-top: 26px !important;
	padding-top: 18px !important;
	border-top: 1px solid #e5ddc8 !important;
}
.fpv-stats-section-title {
	font-size: 16px !important;
	font-weight: 700 !important;
	color: #2c2416 !important;
	margin: 0 0 12px 0 !important;
}
.fpv-stats-dist-grid {
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;
	gap: 16px !important;
}

/* v1.30.0 - Bang so sanh toa */
/* v1.34.0: boc bang trong 1 khung cuon ngang de tranh chu de bi vo dong
   chong len nhau khi man hinh hep (vd "Đã bán/giữ chỗ" de len "% đã bán"). */
.fpv-stats-table-wrap {
	width: 100% !important;
	overflow-x: auto !important;
	-webkit-overflow-scrolling: touch !important;
	margin-bottom: 16px !important;
}
.fpv-stats-cmp-table {
	width: 100% !important;
	min-width: 480px !important;
	border-collapse: collapse !important;
	font-size: 13px !important;
	margin-bottom: 0 !important;
	table-layout: fixed !important;
}
.fpv-stats-cmp-table th,
.fpv-stats-cmp-table td {
	text-align: left !important;
	padding: 8px 10px !important;
	border-bottom: 1px solid #ece5d3 !important;
	color: #2c2416 !important;
	vertical-align: middle !important;
	white-space: nowrap !important;
}
.fpv-stats-cmp-table th {
	font-weight: 700 !important;
	color: #8a6a35 !important;
	font-size: 11px !important;
	line-height: 1.35 !important;
	text-transform: uppercase !important;
	white-space: normal !important;
}
.fpv-stats-cmp-table th:first-child,
.fpv-stats-cmp-table td:first-child {
	width: 15% !important;
}
.fpv-stats-cmp-table tbody tr:hover {
	background: #fbf7ec !important;
}

@media (max-width: 480px) {
	.fpv-stats-filter-chips {
		max-width: 100% !important;
	}
	.fpv-stats-dist-grid {
		grid-template-columns: 1fr !important;
	}
	.fpv-stats-cmp-table {
		font-size: 12px !important;
		min-width: 440px !important;
	}
	.fpv-stats-cmp-table th {
		font-size: 10px !important;
		padding: 7px 8px !important;
	}
	.fpv-stats-cmp-table td {
		padding: 7px 8px !important;
	}
}

/* v1.31.0 - Bam cot xem ma can */
.fpv-stats-chart {
	cursor: pointer !important;
}
.fpv-stats-bar-hint {
	font-size: 11px !important;
	color: #999 !important;
	text-align: center !important;
	margin-top: 4px !important;
}
.fpv-stats-bar-detail {
	margin-top: 10px !important;
	padding: 10px 12px !important;
	background: #fbf7ec !important;
	border: 1px solid #e5ddc8 !important;
	border-radius: 8px !important;
}
/* v1.34.0: doi tieu de khung chi tiet cot -> badge mau cho gia tri cot (vd
   "6 tỷ") + so can, tach rieng Giá / Giá/m² thanh tung dong de de doc hon
   (truoc day don thanh 1 dong ".. · .. · .." rat cham). */
.fpv-stats-bar-detail-head {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	gap: 8px !important;
	margin-bottom: 8px !important;
}
.fpv-stats-bar-badge {
	display: inline-block !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	color: #fff !important;
	background: #c9a15a !important;
	padding: 3px 12px !important;
	border-radius: 999px !important;
	line-height: 1.4 !important;
}
.fpv-stats-bar-count {
	font-size: 12.5px !important;
	font-weight: 600 !important;
	color: #6b5a3a !important;
}
.fpv-stats-bar-detail-stats {
	margin-bottom: 8px !important;
}
.fpv-stats-bar-stat-line {
	font-size: 12.5px !important;
	color: #4b5563 !important;
	line-height: 1.5 !important;
}
.fpv-stats-bar-detail-codes {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 5px !important;
}
.fpv-stats-code-chip {
	font-size: 11.5px !important;
	padding: 2px 8px !important;
	border-radius: 6px !important;
	background: #fff !important;
	border: 1px solid #d8cfb4 !important;
	color: #4b5563 !important;
	cursor: pointer !important;
}
.fpv-stats-code-chip:hover {
	background: #f4ead0 !important;
	border-color: #c9a15a !important;
	color: #2c2416 !important;
}
.fpv-stats-bar-detail-empty {
	font-size: 12px !important;
	color: #999 !important;
}

/* v1.32.0 - Nhan truc X dang HTML (thay the ve rotate trong canvas - fix bi cat/de chu) */
.fpv-stats-chart-labels {
	display: flex !important;
	gap: 6px !important;
	padding: 0 6px !important;
	margin-top: 2px !important;
}
.fpv-stats-chart-label-cell {
	flex: 1 1 0 !important;
	min-width: 0 !important;
	font-size: 10.5px !important;
	color: #4b5563 !important;
	text-align: center !important;
	word-break: break-word !important;
	line-height: 1.25 !important;
}

/* v1.32.0 - Cong tac Gia niem yet / Gia da chiet khau */
.fpv-stats-pricemode {
	display: flex !important;
	flex-direction: column !important;
	gap: 4px !important;
	margin-bottom: 16px !important;
}
.fpv-stats-pricemode-note {
	font-size: 11.5px !important;
	color: #8a6a35 !important;
	font-style: italic !important;
	max-width: 480px !important;
}

/* FPV-STATS-ICON (v1.29.1): overlay modal goi tu icon 📊 tren toolbar noi bo
   (chi Admin) - cung pattern voi .fpv-compare-overlay/.fpv-compare-modal. */
.fpv-stats-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5) !important;
	z-index: 100050;
	align-items: flex-start;
	justify-content: center;
	overflow-y: auto;
	padding: 24px 12px;
}
.fpv-stats-overlay.show {
	display: flex !important;
}
.fpv-stats-modal {
	background: #fff !important;
	border-radius: 12px !important;
	padding: 22px !important;
	width: 100% !important;
	max-width: 1080px !important;
	position: relative !important;
	box-sizing: border-box !important;
	max-height: none;
	overflow-x: hidden;
	font-family: inherit !important;
}
.fpv-stats-modal * {
	box-sizing: border-box !important;
}
.fpv-stats-close {
	position: absolute !important;
	top: 10px !important;
	right: 12px !important;
	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 !important;
	cursor: pointer !important;
	color: #6b7280 !important;
}

/* ------------------------------------------------------------------ */
/* FPV-GRID (v1.35.0): So do tang dang luoi trong trang Thong ke.      */
/* ------------------------------------------------------------------ */
/* FPV-GRID (v1.35.2): So do tang dang luoi trong trang Thong ke.      */
/* v1.35.2: fix vo layout tren mobile (BetterDocs/theme de len bang    */
/* auto-layout khien cot bi co keo lech, nhan "Tầng" bi cat) - tang    */
/* SPECIFICITY moi selector (prefix .fpv-stats-page/.fpv-stats-modal)  */
/* de mathematically thang cac rule cung !important cua theme, ep      */
/* table-layout:fixed + do rong CO DINH tung cot (JS set inline colgroup */
/* trong fpv-stats.js) thay vi de trinh duyet tu chia deu theo noi dung.*/
/* ------------------------------------------------------------------ */
.fpv-stats-page .fpv-grid-section-wrap,
.fpv-stats-modal .fpv-grid-section-wrap { margin: 18px 0 !important; }
.fpv-stats-page .fpv-grid-toggle-btn,
.fpv-stats-modal .fpv-grid-toggle-btn {
	background: #7a5c2e !important;
	color: #fff !important;
	border: none !important;
	padding: 10px 18px !important;
	border-radius: 10px !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	cursor: pointer !important;
}
.fpv-stats-page .fpv-grid-panel,
.fpv-stats-modal .fpv-grid-panel {
	background: #fffdf8 !important;
	border: 1px solid #eee1c4 !important;
	border-radius: 14px !important;
	padding: 14px 10px !important;
	margin-top: 10px !important;
	box-sizing: border-box !important;
}
.fpv-stats-page .fpv-grid-empty,
.fpv-stats-modal .fpv-grid-empty { color: #8a8272 !important; font-size: 13px !important; margin: 6px 4px !important; }

.fpv-stats-page .fpv-grid-legend,
.fpv-stats-modal .fpv-grid-legend { display: flex !important; flex-wrap: wrap !important; gap: 12px !important; font-size: 12px !important; margin: 0 4px 12px !important; color: #3a3226 !important; align-items: center !important; }
.fpv-stats-page .fpv-grid-legend span,
.fpv-stats-modal .fpv-grid-legend span { display: inline-flex !important; align-items: center !important; gap: 5px !important; }
.fpv-stats-page .fpv-grid-swatch,
.fpv-stats-modal .fpv-grid-swatch { width: 22px !important; height: 14px !important; border-radius: 4px !important; display: inline-block !important; border: 1px solid rgba(0,0,0,.15) !important; }
.fpv-stats-page .fpv-grid-swatch-avail,
.fpv-stats-modal .fpv-grid-swatch-avail { background: #7fc79a !important; }
.fpv-stats-page .fpv-grid-swatch-sold,
.fpv-stats-modal .fpv-grid-swatch-sold { background: repeating-linear-gradient(45deg, #7fc79a 0 5px, #fff 5px 9px) !important; }
.fpv-stats-page .fpv-grid-swatch-reserved,
.fpv-stats-modal .fpv-grid-swatch-reserved { background: repeating-linear-gradient(45deg, #7fc79a 0 5px, #fff 5px 9px) !important; }
.fpv-stats-page .fpv-grid-swatch-unknown,
.fpv-stats-modal .fpv-grid-swatch-unknown { background: #e9e6de !important; border: 1.5px dashed #cfc6b3 !important; }
.fpv-stats-page .fpv-grid-swatch-preorder,
.fpv-stats-modal .fpv-grid-swatch-preorder { background: #ede9fe !important; border: 1.5px solid #c4b5fd !important; }

/* FPV-GRID-FREEZE-V2 (v1.35.11): bo HAN sticky top (dung ca top+left tren
   cung 1 bang la to hop WebKit hay loi khong on dinh, da thu nhieu cach
   van con "lem"/de chu). Cau truc moi: 1 khung ngoai chua 2 phan rieng -
   header-scroll (hang tieu de, KHONG tu cuon, JS dong bo scrollLeft theo
   bang du lieu) va table-scroll (du lieu, cuon that ca 2 truc). Ca 2 bang
   chi con DUY NHAT 1 truc sticky (trai) - on dinh tren moi trinh duyet. */
.fpv-stats-page .fpv-grid-freeze-wrap,
.fpv-stats-modal .fpv-grid-freeze-wrap {
	border: 1px solid #eee !important;
	border-radius: 10px !important;
	overflow: hidden !important;
}
.fpv-stats-page .fpv-grid-header-scroll,
.fpv-stats-modal .fpv-grid-header-scroll {
	overflow-x: hidden !important;
	overflow-y: hidden !important;
	border-bottom: 1px solid #eee1c4 !important;
}
.fpv-stats-page .fpv-grid-table-scroll,
.fpv-stats-modal .fpv-grid-table-scroll {
	overflow-x: auto !important;
	overflow-y: auto !important;
	-webkit-overflow-scrolling: touch !important;
	max-height: 62vh !important;
}
.fpv-stats-page .fpv-grid-table,
.fpv-stats-modal .fpv-grid-table {
	border-collapse: separate !important;
	border-spacing: 0 !important;
	table-layout: fixed !important;
	width: auto !important;
	font-size: 13px !important;
	font-family: inherit !important;
	margin: 0 !important;
	background: transparent !important;
}
.fpv-stats-page .fpv-grid-table th,
.fpv-stats-page .fpv-grid-table td,
.fpv-stats-modal .fpv-grid-table th,
.fpv-stats-modal .fpv-grid-table td {
	padding: 0 !important;
	margin: 0 !important;
	text-align: center !important;
	vertical-align: middle !important;
	border: none !important;
	background: transparent !important;
	font-size: 13px !important;
	line-height: normal !important;
}
.fpv-stats-page .fpv-grid-colhead,
.fpv-stats-modal .fpv-grid-colhead {
	padding: 6px 2px !important;
	font-weight: 600 !important;
	color: #7a5c2e !important;
	background: #fbf6ec !important;
	width: 44px !important;
	min-width: 44px !important;
	max-width: 44px !important;
	box-sizing: border-box !important;
}
/* FPV-GRID-FREEZE-LEFT: cot "Tầng" - CHI 1 truc sticky (trai), giong nhau
   o ca bang tieu de va bang du lieu, cung 1 chieu rong 74px de khop cot. */
.fpv-stats-page .fpv-grid-table .fpv-grid-floorhead,
.fpv-stats-modal .fpv-grid-table .fpv-grid-floorhead {
	width: 74px !important;
	min-width: 74px !important;
	max-width: 74px !important;
	position: sticky !important;
	left: 0 !important;
	z-index: 3 !important;
	background: #fbf6ec !important;
	border-right: 1px solid #eee1c4 !important;
}
.fpv-stats-page .fpv-grid-table .fpv-grid-floorlabel,
.fpv-stats-modal .fpv-grid-table .fpv-grid-floorlabel {
	padding: 0 6px !important;
	font-weight: 600 !important;
	font-size: 12px !important;
	color: #7a5c2e !important;
	background: #fbf6ec !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	position: sticky !important;
	left: 0 !important;
	z-index: 2 !important;
	width: 74px !important;
	min-width: 74px !important;
	max-width: 74px !important;
	box-sizing: border-box !important;
	border-right: 1px solid #eee1c4 !important;
}
.fpv-stats-page .fpv-grid-cell,
.fpv-stats-modal .fpv-grid-cell {
	width: 44px !important;
	min-width: 44px !important;
	max-width: 44px !important;
	height: 38px !important;
	box-sizing: border-box !important;
	overflow: visible !important;
}

.fpv-stats-page .fpv-grid-unit,
.fpv-stats-modal .fpv-grid-unit {
	width: 38px !important; height: 30px !important; margin: 4px auto !important; border-radius: 7px !important;
	display: flex !important; align-items: center !important; justify-content: center !important;
	font-size: 10px !important; font-weight: 700 !important; cursor: pointer !important;
	position: relative !important; color: #3a3226 !important; transition: transform .12s !important;
	box-sizing: border-box !important; line-height: 1 !important;
}
.fpv-stats-page .fpv-grid-unit:hover,
.fpv-stats-modal .fpv-grid-unit:hover { transform: scale(1.08) !important; }
.fpv-stats-page .fpv-grid-unit-sold,
.fpv-stats-modal .fpv-grid-unit-sold {
	background-image: repeating-linear-gradient(45deg, var(--fpv-grid-c) 0 6px, #ffffffd9 6px 11px) !important;
	color: #6b6355 !important;
}
.fpv-stats-page .fpv-grid-unit-reserved,
.fpv-stats-modal .fpv-grid-unit-reserved {
	background-image: repeating-linear-gradient(45deg, var(--fpv-grid-c) 0 5px, #ffffffcc 5px 9px) !important;
}
.fpv-stats-page .fpv-grid-unit-reserved::after,
.fpv-stats-modal .fpv-grid-unit-reserved::after {
	content: "" !important; position: absolute !important; top: 2px !important; right: 3px !important;
	width: 8px !important; height: 8px !important; border-radius: 50% !important;
	background: #7a4fa0 !important; border: 1.5px solid #fff !important;
}
.fpv-stats-page .fpv-grid-unit-bedroomplus::before,
.fpv-stats-modal .fpv-grid-unit-bedroomplus::before {
	content: "+" !important; position: absolute !important; top: -3px !important; left: 1px !important;
	width: 10px !important; height: 10px !important; line-height: 9px !important; text-align: center !important;
	font-size: 9px !important; font-weight: 900 !important; color: #fff !important;
	background: #3a3226 !important; border-radius: 50% !important; border: 1.5px solid #fff !important;
}
.fpv-stats-page .fpv-grid-unit-unknown,
.fpv-stats-modal .fpv-grid-unit-unknown {
	background: #e9e6de !important; color: #a89f8d !important; border: 1.5px dashed #cfc6b3 !important; cursor: default !important;
}
/* v1.35.20 (FPV-PREORDER): can chua co gia (vd duplex cho khach "to mo") -
   mau tim nhat rieng, KHONG lan voi "Chưa mở bán" (mau be/dashed o tren). */
.fpv-stats-page .fpv-grid-unit-preorder,
.fpv-stats-modal .fpv-grid-unit-preorder {
	background: #ede9fe !important; color: #5b21b6 !important; border: 1.5px solid #c4b5fd !important;
}
/* 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 - mau do rieng biet,
   vien gach doc de phan biet ro voi sold (gach cheo)/preorder (tim)/unknown
   (be dashed). Module nay chi mo tu nut Admin toolbar nen khong can chan
   them o day. */
.fpv-stats-page .fpv-grid-unit-hide,
.fpv-stats-modal .fpv-grid-unit-hide {
	background: #fee2e2 !important; color: #991b1b !important; border: 1.5px dashed #f87171 !important;
}
.fpv-stats-page .fpv-grid-badge,
.fpv-stats-modal .fpv-grid-badge { font-size: 8px !important; margin-right: 1px !important; line-height: 1 !important; }

/* FPV-GRID-DUPLEX-HALF (v1.35.8): moi nua duplex la 1 o BINH THUONG cao
   DUNG 1 hang (giong .fpv-grid-unit) - KHONG dung <td rowspan> (WebKit hay
   loi ro ri noi dung khi ket hop voi position:sticky trong bang, da gap
   thuc te). 2 nua tren/duoi chi noi voi nhau bang gach nho CSS o mep ngoai. */
.fpv-stats-page .fpv-grid-duplex-half,
.fpv-stats-modal .fpv-grid-duplex-half {
	width: 38px !important; height: 30px !important; margin: 4px auto !important; border-radius: 7px !important;
	border: 1.5px solid #8e7cc3 !important; display: flex !important; align-items: center !important; justify-content: center !important;
	font-size: 10px !important; font-weight: 700 !important; cursor: pointer !important; position: relative !important;
	color: #3a3226 !important; box-sizing: border-box !important; line-height: 1 !important;
}
.fpv-stats-page .fpv-grid-duplex-tick-bottom::after,
.fpv-stats-modal .fpv-grid-duplex-tick-bottom::after {
	content: "" !important; position: absolute !important; left: 50% !important; bottom: -5px !important;
	transform: translateX(-50%) !important; width: 10px !important; height: 0 !important; border-top: 1.5px solid #8e7cc3 !important;
}
.fpv-stats-page .fpv-grid-duplex-tick-top::before,
.fpv-stats-modal .fpv-grid-duplex-tick-top::before {
	content: "" !important; position: absolute !important; left: 50% !important; top: -5px !important;
	transform: translateX(-50%) !important; width: 10px !important; height: 0 !important; border-top: 1.5px solid #8e7cc3 !important;
}
.fpv-stats-page .fpv-grid-duplex-box-avail,
.fpv-stats-modal .fpv-grid-duplex-box-avail { background: var(--fpv-grid-c) !important; }
.fpv-stats-page .fpv-grid-duplex-box-sold,
.fpv-stats-modal .fpv-grid-duplex-box-sold { background-image: repeating-linear-gradient(45deg, var(--fpv-grid-c) 0 6px, #ffffffd9 6px 11px) !important; }
.fpv-stats-page .fpv-grid-duplex-box-unknown,
.fpv-stats-modal .fpv-grid-duplex-box-unknown { background: #e9e6de !important; border-color: #cfc6b3 !important; }
.fpv-stats-page .fpv-grid-duplex-box-preorder,
.fpv-stats-modal .fpv-grid-duplex-box-preorder { background: #ede9fe !important; border-color: #c4b5fd !important; color: #5b21b6 !important; }
/* v1.35.28 (FPV-HIDE-TAB): can bi CDT an/xoa - can duplex */
.fpv-stats-page .fpv-grid-duplex-box-hide,
.fpv-stats-modal .fpv-grid-duplex-box-hide { background: #fee2e2 !important; border-color: #f87171 !important; color: #991b1b !important; }

/* FPV-GRID-FULLFLOOR: tang da danh dau "nguyên tầng duplex" - cac cot con
   lai an han, khong ve gi de tranh hieu lam la con can khac o day. */
.fpv-stats-page .fpv-grid-cell-blank,
.fpv-stats-modal .fpv-grid-cell-blank { background: transparent !important; }