/* BN User UI Settings - lấy kiểu font/giao diện/nút gạt từ app mẫu Hugo, áp dụng cục bộ từng máy */
:root{
  --bn-ui-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --bn-ui-letter-spacing: 0px;
  --bn-ui-font-style: normal;
  --bn-ui-font-weight: inherit;
  --bn-ui-card-radius: 18px;
  --bn-ui-panel-radius: 22px;
  --bn-ui-button-radius: 999px;
  --bn-ui-soft-shadow: 0 10px 26px rgba(0,0,0,.08);
}
html, body, button, input, textarea, select{
  font-family: var(--bn-ui-font-family) !important;
  letter-spacing: var(--bn-ui-letter-spacing) !important;
  font-style: var(--bn-ui-font-style) !important;
}
html.bn-font-weight body,
html.bn-font-weight button,
html.bn-font-weight input,
html.bn-font-weight textarea,
html.bn-font-weight select{ font-weight: var(--bn-ui-font-weight) !important; }

/* Nút gạt giống app mẫu */
.bn-ui-switch,
.admin-toggle-switch{
  width: 74px;
  min-width: 74px;
  height: 38px;
  border: 0;
  border-radius: 999px;
  padding: 4px;
  background: rgba(0,0,0,.14);
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
  box-shadow: inset 0 1px 2px rgba(0,0,0,.10);
  transition: background .2s ease, box-shadow .2s ease;
}
.bn-ui-switch i,
.admin-toggle-switch i{
  width: 30px;
  height: 30px;
  border-radius: 999px;
  background: #fff;
  display: block;
  box-shadow: 0 2px 8px rgba(0,0,0,.22);
  transition: transform .2s ease;
}
.bn-ui-switch em,
.admin-toggle-switch em{ display:none; }
.bn-ui-switch.is-on,
.admin-toggle-switch.is-on{
  background: #111;
  box-shadow: inset 0 1px 2px rgba(0,0,0,.18), 0 8px 18px rgba(0,0,0,.12);
}
.bn-ui-switch.is-on i,
.admin-toggle-switch.is-on i{ transform: translateX(36px); }

/* Hàng chọn trong Cài đặt */
.bn-ui-settings-block{ margin-top: 2px; }
.bn-ui-option{
  width:100%;
  min-height:60px;
  border:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  color:var(--fg, #000);
  background:#fff;
  border-radius:22px;
  box-shadow:0 10px 26px rgba(0,0,0,.08);
  padding:10px 18px;
  margin:0 0 14px;
  text-align:left;
}
.bn-ui-option__text{ min-width:0; display:flex; flex-direction:column; gap:3px; }
.bn-ui-option__title{ font-size:20px; font-weight:900; line-height:1.15; }
.bn-ui-option__sub{ font-size:13px; font-weight:700; line-height:1.2; color:rgba(0,0,0,.45); }
.sb-section .bn-ui-option{ border-radius:18px; min-height:54px; }
.sb-section .bn-ui-option__title{ font-size:16px; }
.sb-section .bn-ui-option__sub{ font-size:12px; }

/* Giao diện mặc định: giữ lõi gốc */
html.bn-appearance-default{ --bn-ui-card-radius:18px; --bn-ui-panel-radius:22px; --bn-ui-button-radius:999px; }

/* Cổ điển */
html.bn-appearance-classic body{ background:#eeeeee !important; }
html.bn-appearance-classic *,
html.bn-appearance-classic *::before,
html.bn-appearance-classic *::after{ border-radius:0 !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; }
html.bn-appearance-classic .card,
html.bn-appearance-classic .drawer .row,
html.bn-appearance-classic .bn-ui-option,
html.bn-appearance-classic .sb-chip,
html.bn-appearance-classic .sb-navbtn,
html.bn-appearance-classic .sb-toggle-row,
html.bn-appearance-classic .modal__sheet,
html.bn-appearance-classic .pc-modal__sheet,
html.bn-appearance-classic #pcSidebar,
html.bn-appearance-classic #pcTopbar{ box-shadow:none !important; border:1px solid #8f8f8f !important; background:#fff !important; }
html.bn-appearance-classic img,
html.bn-appearance-classic video,
html.bn-appearance-classic iframe{ border-radius:0 !important; }
html.bn-appearance-classic .bn-ui-switch{ border:1px solid #8f8f8f !important; background:#dedede !important; box-shadow:none !important; }
html.bn-appearance-classic .bn-ui-switch.is-on{ background:#111 !important; }

/* Bo tròn */
html.bn-appearance-rounded body{ background:linear-gradient(180deg,#fff8fb 0%,#fffdfd 48%,#fff6f9 100%) !important; }
html.bn-appearance-rounded .card,
html.bn-appearance-rounded .drawer .row,
html.bn-appearance-rounded .bn-ui-option,
html.bn-appearance-rounded .sb-chip,
html.bn-appearance-rounded .sb-navbtn,
html.bn-appearance-rounded .sb-toggle-row,
html.bn-appearance-rounded .modal__sheet,
html.bn-appearance-rounded .pc-modal__sheet{ border-radius:26px !important; box-shadow:0 14px 34px rgba(70,38,48,.10) !important; }
html.bn-appearance-rounded input,
html.bn-appearance-rounded textarea,
html.bn-appearance-rounded select,
html.bn-appearance-rounded .input,
html.bn-appearance-rounded .textarea{ border-radius:18px !important; }
html.bn-appearance-rounded img,
html.bn-appearance-rounded video{ border-radius:22px !important; }

/* iOS 26 */
html.bn-appearance-ios26 body{ background:linear-gradient(180deg,#f7f8fb 0%,#ffffff 100%) !important; }
html.bn-appearance-ios26 .card,
html.bn-appearance-ios26 .drawer .row,
html.bn-appearance-ios26 .bn-ui-option,
html.bn-appearance-ios26 .sb-chip,
html.bn-appearance-ios26 .sb-navbtn,
html.bn-appearance-ios26 .sb-toggle-row,
html.bn-appearance-ios26 .modal__sheet,
html.bn-appearance-ios26 .pc-modal__sheet{
  border-radius:24px !important;
  background:rgba(255,255,255,.86) !important;
  border:1px solid rgba(255,255,255,.68) !important;
  box-shadow:0 18px 44px rgba(31,35,45,.12) !important;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
html.bn-appearance-ios26 .topbar,
html.bn-appearance-ios26 #pcTopbar,
html.bn-appearance-ios26 .drawer__topbar{ background:rgba(255,255,255,.78) !important; backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); }
html.bn-appearance-ios26 .bn-ui-switch.is-on{ background:#007aff !important; }

/* Android / Material */
html.bn-appearance-android body{ background:#f6f7f9 !important; }
html.bn-appearance-android .card,
html.bn-appearance-android .drawer .row,
html.bn-appearance-android .bn-ui-option,
html.bn-appearance-android .sb-chip,
html.bn-appearance-android .sb-navbtn,
html.bn-appearance-android .sb-toggle-row,
html.bn-appearance-android .modal__sheet,
html.bn-appearance-android .pc-modal__sheet{
  border-radius:16px !important;
  border:1px solid rgba(0,0,0,.08) !important;
  box-shadow:0 6px 18px rgba(0,0,0,.10) !important;
}
html.bn-appearance-android button,
html.bn-appearance-android .btn,
html.bn-appearance-android .saveBtn{ border-radius:14px !important; }
html.bn-appearance-android .bn-ui-switch.is-on{ background:#1a73e8 !important; }

/* v82: menu Giao diện tách riêng, giữ menu gốc trượt/scroll như app */
#drawerUi{ z-index:5; }
#drawerUi .drawer__content{ overflow-y:auto; overflow-x:hidden; touch-action:pan-y; -webkit-overflow-scrolling:touch; flex:1; min-height:0; }
#btnDrawerUiBack.iconbtn.iconbtn--big{ width:48px; height:48px; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; }
#btnDrawerUiBack.iconbtn.iconbtn--big > span{ font-size:34px !important; font-weight:900 !important; line-height:1 !important; }
[data-bn-ui-mode][hidden], [data-bn-pc-ui-mode][hidden]{ display:none !important; }
#sbUiView{ overflow:auto; -webkit-overflow-scrolling:touch; }
#sbUiView .bn-ui-options{ padding:0; }

#drawerUi.is-dragging{ transition:none !important; }
#drawerUi .drawer__content{ touch-action:pan-y; }

/* v84: panel Giao diện/kiểu chữ vuốt theo tay giống menu gốc */
#drawerUi.bn-ui-panel-swipe .drawer__content{
  position:relative;
  overflow:hidden !important;
}
#drawerUi.bn-ui-panel-swipe [data-bn-ui-mode]{
  position:absolute;
  inset:0;
  width:100%;
  overflow-y:auto;
  overflow-x:hidden;
  -webkit-overflow-scrolling:touch;
  background:var(--bg, #f7f7f8);
  will-change:transform;
}
#drawerUi.bn-ui-panel-swipe [data-bn-ui-mode] .section,
#drawerUi.bn-ui-panel-swipe [data-bn-ui-mode] .bn-ui-settings-block{
  margin-left:0;
  margin-right:0;
}

/* v86: Cài đặt màu nền - lấy từ app mẫu Hugo, áp dụng cục bộ từng máy */
html.bn-background-dark, body.bn-background-dark{
  --bg:#000000; --fg:#ffffff; --muted:rgba(255,255,255,.66); --line:rgba(255,255,255,.16); --line2:rgba(255,255,255,.10);
  --bn-bg:#000000; --bn-surface:#111111; --bn-surface-2:#151515; --bn-input:#1b1b1b; --bn-text:#ffffff; --bn-muted:rgba(255,255,255,.66); --bn-border:rgba(255,255,255,.16); --bn-soft:rgba(255,255,255,.10); --bn-bar:rgba(12,12,12,.96); --bn-shadow:0 12px 32px rgba(0,0,0,.35);
}
html.bn-background-blue, body.bn-background-blue{ --bg:#f0f8ff; --fg:#213447; --muted:rgba(33,52,71,.68); --line:rgba(86,145,201,.22); --line2:rgba(92,162,224,.14); --bn-bg:#f0f8ff; --bn-surface:#f7fbff; --bn-surface-2:#e7f3ff; --bn-input:#fafdff; --bn-text:#213447; --bn-muted:rgba(33,52,71,.68); --bn-border:rgba(86,145,201,.22); --bn-soft:rgba(92,162,224,.14); --bn-bar:rgba(243,249,255,.96); --bn-shadow:0 12px 30px rgba(99,154,210,.16); }
html.bn-background-purple, body.bn-background-purple{ --bg:#f8f2ff; --fg:#3d2c4f; --muted:rgba(61,44,79,.68); --line:rgba(157,111,201,.22); --line2:rgba(171,130,216,.14); --bn-bg:#f8f2ff; --bn-surface:#fbf7ff; --bn-surface-2:#f0e6ff; --bn-input:#fdfaff; --bn-text:#3d2c4f; --bn-muted:rgba(61,44,79,.68); --bn-border:rgba(157,111,201,.22); --bn-soft:rgba(171,130,216,.14); --bn-bar:rgba(250,246,255,.96); --bn-shadow:0 12px 30px rgba(155,112,202,.16); }
html.bn-background-yellow, body.bn-background-yellow{ --bg:#fffbea; --fg:#4b3b1b; --muted:rgba(75,59,27,.68); --line:rgba(212,167,48,.22); --line2:rgba(245,197,66,.16); --bn-bg:#fffbea; --bn-surface:#fffdf2; --bn-surface-2:#fff1c8; --bn-input:#fffef8; --bn-text:#4b3b1b; --bn-muted:rgba(75,59,27,.68); --bn-border:rgba(212,167,48,.22); --bn-soft:rgba(245,197,66,.16); --bn-bar:rgba(255,251,236,.96); --bn-shadow:0 12px 30px rgba(217,170,50,.14); }
html.bn-background-pink, body.bn-background-pink{ --bg:#fff3f8; --fg:#4f2b3b; --muted:rgba(79,43,59,.68); --line:rgba(216,107,152,.22); --line2:rgba(231,123,169,.14); --bn-bg:#fff3f8; --bn-surface:#fff8fb; --bn-surface-2:#ffe4ef; --bn-input:#fffbfd; --bn-text:#4f2b3b; --bn-muted:rgba(79,43,59,.68); --bn-border:rgba(216,107,152,.22); --bn-soft:rgba(231,123,169,.14); --bn-bar:rgba(255,246,250,.96); --bn-shadow:0 12px 30px rgba(216,107,152,.16); }
html.bn-background-red, body.bn-background-red{ --bg:#fff4f3; --fg:#522d2a; --muted:rgba(82,45,42,.68); --line:rgba(216,104,96,.22); --line2:rgba(229,119,111,.14); --bn-bg:#fff4f3; --bn-surface:#fff8f7; --bn-surface-2:#ffe2df; --bn-input:#fffafa; --bn-text:#522d2a; --bn-muted:rgba(82,45,42,.68); --bn-border:rgba(216,104,96,.22); --bn-soft:rgba(229,119,111,.14); --bn-bar:rgba(255,246,245,.96); --bn-shadow:0 12px 30px rgba(216,104,96,.15); }
html.bn-background-orange, body.bn-background-orange{ --bg:#fff6ed; --fg:#543722; --muted:rgba(84,55,34,.68); --line:rgba(221,139,65,.22); --line2:rgba(239,157,82,.14); --bn-bg:#fff6ed; --bn-surface:#fff9f3; --bn-surface-2:#ffe7cf; --bn-input:#fffbf8; --bn-text:#543722; --bn-muted:rgba(84,55,34,.68); --bn-border:rgba(221,139,65,.22); --bn-soft:rgba(239,157,82,.14); --bn-bar:rgba(255,248,241,.96); --bn-shadow:0 12px 30px rgba(221,139,65,.15); }
html.bn-background-green, body.bn-background-green{ --bg:#f1fbf4; --fg:#263f2f; --muted:rgba(38,63,47,.68); --line:rgba(94,164,119,.22); --line2:rgba(108,182,135,.14); --bn-bg:#f1fbf4; --bn-surface:#f8fdf9; --bn-surface-2:#e0f4e6; --bn-input:#fbfefc; --bn-text:#263f2f; --bn-muted:rgba(38,63,47,.68); --bn-border:rgba(94,164,119,.22); --bn-soft:rgba(108,182,135,.14); --bn-bar:rgba(245,252,247,.96); --bn-shadow:0 12px 30px rgba(94,164,119,.15); }
html.bn-background-teal, body.bn-background-teal{ --bg:#effbfa; --fg:#244240; --muted:rgba(36,66,64,.68); --line:rgba(78,162,156,.22); --line2:rgba(92,179,171,.14); --bn-bg:#effbfa; --bn-surface:#f6fdfc; --bn-surface-2:#d9f2ef; --bn-input:#faffff; --bn-text:#244240; --bn-muted:rgba(36,66,64,.68); --bn-border:rgba(78,162,156,.22); --bn-soft:rgba(92,179,171,.14); --bn-bar:rgba(244,252,251,.96); --bn-shadow:0 12px 30px rgba(78,162,156,.15); }
html.bn-background-beige, body.bn-background-beige{ --bg:#fbf6ee; --fg:#493b2b; --muted:rgba(73,59,43,.68); --line:rgba(178,142,96,.22); --line2:rgba(196,160,112,.14); --bn-bg:#fbf6ee; --bn-surface:#fffaf3; --bn-surface-2:#f1e6d6; --bn-input:#fffdf9; --bn-text:#493b2b; --bn-muted:rgba(73,59,43,.68); --bn-border:rgba(178,142,96,.22); --bn-soft:rgba(196,160,112,.14); --bn-bar:rgba(252,248,241,.96); --bn-shadow:0 12px 30px rgba(178,142,96,.14); }
html.bn-background-gray, body.bn-background-gray{ --bg:#f6f7f9; --fg:#30343b; --muted:rgba(48,52,59,.68); --line:rgba(118,128,143,.22); --line2:rgba(126,137,153,.14); --bn-bg:#f6f7f9; --bn-surface:#fbfcfd; --bn-surface-2:#e9edf2; --bn-input:#ffffff; --bn-text:#30343b; --bn-muted:rgba(48,52,59,.68); --bn-border:rgba(118,128,143,.22); --bn-soft:rgba(126,137,153,.14); --bn-bar:rgba(249,250,252,.96); --bn-shadow:0 12px 30px rgba(118,128,143,.14); }
html.bn-background-cappuccino, body.bn-background-cappuccino{ --bg:#f8f1ea; --fg:#4b3528; --muted:rgba(75,53,40,.68); --line:rgba(166,116,78,.22); --line2:rgba(184,132,92,.14); --bn-bg:#f8f1ea; --bn-surface:#fbf5ef; --bn-surface-2:#ead9c8; --bn-input:#fefaf6; --bn-text:#4b3528; --bn-muted:rgba(75,53,40,.68); --bn-border:rgba(166,116,78,.22); --bn-soft:rgba(184,132,92,.14); --bn-bar:rgba(250,245,240,.96); --bn-shadow:0 12px 30px rgba(166,116,78,.14); }

html.bn-background-active,
html.bn-background-active body,
body.bn-background-active{
  background:var(--bn-bg) !important;
  color:var(--bn-text) !important;
}
html.bn-background-active .app,
html.bn-background-active .main,
html.bn-background-active .drawer,
html.bn-background-active #pcSidebar,
html.bn-background-active #pcTopbar,
html.bn-background-active .pc-main,
html.bn-background-active .pc-content,
body.bn-background-active .app,
body.bn-background-active .main,
body.bn-background-active .drawer,
body.bn-background-active #pcSidebar,
body.bn-background-active #pcTopbar,
body.bn-background-active .pc-main,
body.bn-background-active .pc-content{
  background:var(--bn-bg) !important;
  color:var(--bn-text) !important;
}
html.bn-background-active .card,
html.bn-background-active .row,
html.bn-background-active .bn-ui-option,
html.bn-background-active .section,
html.bn-background-active .modal__sheet,
html.bn-background-active .pc-modal__sheet,
html.bn-background-active .sb-chip,
html.bn-background-active .sb-section,
html.bn-background-active .sb-customers,
html.bn-background-active .sb-toggle-row,
body.bn-background-active .card,
body.bn-background-active .row,
body.bn-background-active .bn-ui-option,
body.bn-background-active .section,
body.bn-background-active .modal__sheet,
body.bn-background-active .pc-modal__sheet,
body.bn-background-active .sb-chip,
body.bn-background-active .sb-section,
body.bn-background-active .sb-customers,
body.bn-background-active .sb-toggle-row{
  background:var(--bn-surface) !important;
  color:var(--bn-text) !important;
  border-color:var(--bn-border) !important;
}
html.bn-background-active .drawer__topbar,
html.bn-background-active .topbar,
html.bn-background-active .bottomBar,
html.bn-background-active .bottom-bar,
html.bn-background-active .searchbar,
body.bn-background-active .drawer__topbar,
body.bn-background-active .topbar,
body.bn-background-active .bottomBar,
body.bn-background-active .bottom-bar,
body.bn-background-active .searchbar{
  background:var(--bn-bar) !important;
  color:var(--bn-text) !important;
  border-color:var(--bn-border) !important;
}
html.bn-background-active input,
html.bn-background-active textarea,
html.bn-background-active select,
body.bn-background-active input,
body.bn-background-active textarea,
body.bn-background-active select{
  background:var(--bn-input) !important;
  color:var(--bn-text) !important;
  border-color:var(--bn-border) !important;
}
html.bn-background-active .muted,
html.bn-background-active .section__title,
html.bn-background-active .sb-section-title,
html.bn-background-active .bn-ui-option__sub,
body.bn-background-active .muted,
body.bn-background-active .section__title,
body.bn-background-active .sb-section-title,
body.bn-background-active .bn-ui-option__sub{
  color:var(--bn-muted) !important;
}
html.bn-background-active .bn-ui-switch,
body.bn-background-active .bn-ui-switch{
  background:var(--bn-soft) !important;
}
html.bn-background-active .bn-ui-switch.is-on,
body.bn-background-active .bn-ui-switch.is-on{
  background:#111 !important;
}
html.bn-background-dark .bn-ui-switch.is-on,
body.bn-background-dark .bn-ui-switch.is-on{
  background:#ffffff !important;
}
html.bn-background-dark .bn-ui-switch.is-on i,
body.bn-background-dark .bn-ui-switch.is-on i{
  background:#111111 !important;
}

/* v87: nền đen - sửa chữ card/tab/popup còn bị đen, áp dụng toàn bộ tab/popup xác nhận */
html.bn-background-dark,
html.bn-background-dark body{
  --bn-tab-bg:#0b0b0b;
  --bn-tab-bg-2:#151515;
  --bn-tab-text:#ffffff;
  --bn-tab-border:rgba(255,255,255,.20);
}

html.bn-background-dark .card,
html.bn-background-dark .card *,
html.bn-background-dark .card__title,
html.bn-background-dark .card__meta,
html.bn-background-dark .card__desc,
html.bn-background-dark .card__summary,
html.bn-background-dark .card__body,
html.bn-background-dark .card__footer,
html.bn-background-dark .card__footer *,
body.bn-background-dark .card,
body.bn-background-dark .card *,
body.bn-background-dark .card__title,
body.bn-background-dark .card__meta,
body.bn-background-dark .card__desc,
body.bn-background-dark .card__summary,
body.bn-background-dark .card__body,
body.bn-background-dark .card__footer,
body.bn-background-dark .card__footer *{
  color:#ffffff !important;
}

html.bn-background-dark .card,
html.bn-background-dark .card2,
html.bn-background-dark .noteItem,
html.bn-background-dark .customerItem,
html.bn-background-dark .cusCard,
html.bn-background-dark .cusTable,
html.bn-background-dark .cusTable th,
html.bn-background-dark .cusTable td,
body.bn-background-dark .card,
body.bn-background-dark .card2,
body.bn-background-dark .noteItem,
body.bn-background-dark .customerItem,
body.bn-background-dark .cusCard,
body.bn-background-dark .cusTable,
body.bn-background-dark .cusTable th,
body.bn-background-dark .cusTable td{
  background:#111111 !important;
  color:#ffffff !important;
  border-color:rgba(255,255,255,.18) !important;
}

html.bn-background-dark .smallbtn,
html.bn-background-dark .btn,
html.bn-background-dark .pill,
html.bn-background-dark .pillbtn,
html.bn-background-dark .unitbtn,
html.bn-background-dark .filebtn,
html.bn-background-dark .pagebtn,
html.bn-background-dark .searchbtn,
html.bn-background-dark .filter-btn,
html.bn-background-dark .status-btn,
html.bn-background-dark .tabbar,
html.bn-background-dark .tabbar *,
html.bn-background-dark [class*="tab"],
html.bn-background-dark [class*="Tab"],
html.bn-background-dark [class*="chip"],
html.bn-background-dark [class*="Chip"],
body.bn-background-dark .smallbtn,
body.bn-background-dark .btn,
body.bn-background-dark .pill,
body.bn-background-dark .pillbtn,
body.bn-background-dark .unitbtn,
body.bn-background-dark .filebtn,
body.bn-background-dark .pagebtn,
body.bn-background-dark .searchbtn,
body.bn-background-dark .filter-btn,
body.bn-background-dark .status-btn,
body.bn-background-dark .tabbar,
body.bn-background-dark .tabbar *,
body.bn-background-dark [class*="tab"],
body.bn-background-dark [class*="Tab"],
body.bn-background-dark [class*="chip"],
body.bn-background-dark [class*="Chip"]{
  background:var(--bn-tab-bg) !important;
  color:var(--bn-tab-text) !important;
  border-color:var(--bn-tab-border) !important;
}

html.bn-background-dark .is-active,
html.bn-background-dark .active,
html.bn-background-dark [aria-selected="true"],
html.bn-background-dark .smallbtn.is-current,
html.bn-background-dark .btn.is-active,
html.bn-background-dark .pagebtn.is-active,
body.bn-background-dark .is-active,
body.bn-background-dark .active,
body.bn-background-dark [aria-selected="true"],
body.bn-background-dark .smallbtn.is-current,
body.bn-background-dark .btn.is-active,
body.bn-background-dark .pagebtn.is-active{
  background:#000000 !important;
  color:#ffffff !important;
  border-color:rgba(255,255,255,.72) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18) !important;
}

html.bn-background-dark .modal,
html.bn-background-dark .modal__sheet,
html.bn-background-dark .modal__top,
html.bn-background-dark .modal__header,
html.bn-background-dark .modal__body,
html.bn-background-dark .modal__footer,
html.bn-background-dark .pc-modal__sheet,
html.bn-background-dark .ios-alert,
html.bn-background-dark .ios-alert__title,
html.bn-background-dark .ios-alert__message,
html.bn-background-dark #statusConfirmModal .ios-alert,
html.bn-background-dark #phoneActionModal .modal__sheet,
body.bn-background-dark .modal,
body.bn-background-dark .modal__sheet,
body.bn-background-dark .modal__top,
body.bn-background-dark .modal__header,
body.bn-background-dark .modal__body,
body.bn-background-dark .modal__footer,
body.bn-background-dark .pc-modal__sheet,
body.bn-background-dark .ios-alert,
body.bn-background-dark .ios-alert__title,
body.bn-background-dark .ios-alert__message,
body.bn-background-dark #statusConfirmModal .ios-alert,
body.bn-background-dark #phoneActionModal .modal__sheet{
  background:#111111 !important;
  color:#ffffff !important;
  border-color:rgba(255,255,255,.18) !important;
}

html.bn-background-dark .modal *,
html.bn-background-dark .pc-modal__sheet *,
html.bn-background-dark .ios-alert *,
html.bn-background-dark #statusConfirmModal *,
html.bn-background-dark #phoneActionModal *,
body.bn-background-dark .modal *,
body.bn-background-dark .pc-modal__sheet *,
body.bn-background-dark .ios-alert *,
body.bn-background-dark #statusConfirmModal *,
body.bn-background-dark #phoneActionModal *{
  color:#ffffff !important;
}

html.bn-background-dark .modal .btn,
html.bn-background-dark .modal__footer .btn,
html.bn-background-dark .ios-alert__btn,
html.bn-background-dark #statusConfirmModal .ios-alert__btn,
html.bn-background-dark #phoneActionModal .phoneActionBtn,
body.bn-background-dark .modal .btn,
body.bn-background-dark .modal__footer .btn,
body.bn-background-dark .ios-alert__btn,
body.bn-background-dark #statusConfirmModal .ios-alert__btn,
body.bn-background-dark #phoneActionModal .phoneActionBtn{
  background:#0b0b0b !important;
  color:#ffffff !important;
  border-color:rgba(255,255,255,.22) !important;
}

html.bn-background-dark input::placeholder,
html.bn-background-dark textarea::placeholder,
body.bn-background-dark input::placeholder,
body.bn-background-dark textarea::placeholder{
  color:rgba(255,255,255,.55) !important;
}

/* v89: nền đen - nút icon trong card chỉ hiện icon, bỏ nền/viền bao quanh */
html.bn-background-dark body .card .card__summaryActions .smallbtn.js-notes,
html.bn-background-dark body .card .card__summaryActions .smallbtn.js-summary-copy,
html.bn-background-dark body .card .card__summaryActions .smallbtn.js-summary-call,
body.bn-background-dark .card .card__summaryActions .smallbtn.js-notes,
body.bn-background-dark .card .card__summaryActions .smallbtn.js-summary-copy,
body.bn-background-dark .card .card__summaryActions .smallbtn.js-summary-call{
  background:transparent !important;
  border:0 !important;
  border-color:transparent !important;
  box-shadow:none !important;
  outline:0 !important;
  color:#ffffff !important;
  padding:0 6px !important;
  min-width:26px !important;
  width:auto !important;
  height:26px !important;
  min-height:26px !important;
}
html.bn-background-dark body .card .card__summaryActions .smallbtn.js-notes::before,
html.bn-background-dark body .card .card__summaryActions .smallbtn.js-summary-copy::before,
html.bn-background-dark body .card .card__summaryActions .smallbtn.js-summary-call::before,
html.bn-background-dark body .card .card__summaryActions .smallbtn.js-notes::after,
html.bn-background-dark body .card .card__summaryActions .smallbtn.js-summary-copy::after,
html.bn-background-dark body .card .card__summaryActions .smallbtn.js-summary-call::after,
body.bn-background-dark .card .card__summaryActions .smallbtn.js-notes::before,
body.bn-background-dark .card .card__summaryActions .smallbtn.js-summary-copy::before,
body.bn-background-dark .card .card__summaryActions .smallbtn.js-summary-call::before,
body.bn-background-dark .card .card__summaryActions .smallbtn.js-notes::after,
body.bn-background-dark .card .card__summaryActions .smallbtn.js-summary-copy::after,
body.bn-background-dark .card .card__summaryActions .smallbtn.js-summary-call::after{
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
html.bn-background-dark body .card .card__summaryActions .outsidePostIcon,
html.bn-background-dark body .card .card__summaryActions .outsidePostIcon svg,
html.bn-background-dark body .card .card__summaryActions .outsidePostIconCount,
body.bn-background-dark .card .card__summaryActions .outsidePostIcon,
body.bn-background-dark .card .card__summaryActions .outsidePostIcon svg,
body.bn-background-dark .card .card__summaryActions .outsidePostIconCount{
  color:#ffffff !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

/* v90: nền đen - nút trong trình xem ảnh dùng nền/viền đen, chữ trắng đồng bộ card */
html.bn-background-dark #photoModal .photoTopBtns .pbtn,
body.bn-background-dark #photoModal .photoTopBtns .pbtn,
html.bn-background-dark .card2viewerInline__btns .pbtn,
body.bn-background-dark .card2viewerInline__btns .pbtn{
  background:#000000 !important;
  color:#ffffff !important;
  border-color:#000000 !important;
  box-shadow:none !important;
  text-shadow:none !important;
}
html.bn-background-dark #photoModal .photoTopBtns .pbtn *,
body.bn-background-dark #photoModal .photoTopBtns .pbtn *,
html.bn-background-dark .card2viewerInline__btns .pbtn *,
body.bn-background-dark .card2viewerInline__btns .pbtn *{
  color:#ffffff !important;
}
html.bn-background-dark #photoModal .photoTopBtns .pbtn:active,
body.bn-background-dark #photoModal .photoTopBtns .pbtn:active,
html.bn-background-dark .card2viewerInline__btns .pbtn:active,
body.bn-background-dark .card2viewerInline__btns .pbtn:active{
  background:#000000 !important;
  border-color:#000000 !important;
}

/* v91: nền đen - chữ lồng trong ảnh đổi sang đen, riêng badge Vị trí giữ nguyên */
html.bn-background-dark body .card__summaryThumb .card__thumbPhotoBtn,
body.bn-background-dark .card__summaryThumb .card__thumbPhotoBtn,
html.bn-background-dark body .card__summaryThumb .card__summaryStatusText,
body.bn-background-dark .card__summaryThumb .card__summaryStatusText,
html.bn-background-dark body .card__summaryThumb .card__priceDeltaBadge,
body.bn-background-dark .card__summaryThumb .card__priceDeltaBadge,
html.bn-background-dark body .card__summaryThumb .card__priceDeltaBadge *,
body.bn-background-dark .card__summaryThumb .card__priceDeltaBadge *{
  color:#000000 !important;
  text-shadow:none !important;
}

html.bn-background-dark body .card__summaryThumb .card__thumbPhotoBtn,
body.bn-background-dark .card__summaryThumb .card__thumbPhotoBtn{
  background:rgba(255,255,255,0.82) !important;
  border:1px solid rgba(0,0,0,0.78) !important;
  box-shadow:0 2px 8px rgba(0,0,0,0.18) !important;
}

html.bn-background-dark body .card__summaryThumb .card__summaryStatusText,
body.bn-background-dark .card__summaryThumb .card__summaryStatusText{
  color:#000000 !important;
  border-color:#000000 !important;
}

html.bn-background-dark body .card__summaryThumb .card__thumbBadge--position,
body.bn-background-dark .card__summaryThumb .card__thumbBadge--position,
html.bn-background-dark body .card__summaryThumb .card__thumbBadge--position *,
body.bn-background-dark .card__summaryThumb .card__thumbBadge--position *{
  background:rgba(96,96,96,0.78) !important;
  border-color:rgba(255,255,255,0.38) !important;
  color:#ffffff !important;
}

/* v92: nền đen - khách hàng và popup số điện thoại đồng bộ nền đen chữ trắng */
html.bn-background-dark #customersContent,
html.bn-background-dark #customersContent .content,
html.bn-background-dark #customersContent .cusTableWrap,
html.bn-background-dark #customersContent .cusTable,
html.bn-background-dark #customersContent .cusTable thead,
html.bn-background-dark #customersContent .cusTable tbody,
body.bn-background-dark #customersContent,
body.bn-background-dark #customersContent .content,
body.bn-background-dark #customersContent .cusTableWrap,
body.bn-background-dark #customersContent .cusTable,
body.bn-background-dark #customersContent .cusTable thead,
body.bn-background-dark #customersContent .cusTable tbody{
  background:#000000 !important;
  color:#ffffff !important;
}

html.bn-background-dark #customersContent .cusTable th,
html.bn-background-dark #customersContent .cusTable td,
html.bn-background-dark #customersContent .cusRow td,
html.bn-background-dark #customersContent .cusInfoBox,
html.bn-background-dark #customersContent .cusNeedBox,
html.bn-background-dark #customersContent .cusSttBox,
html.bn-background-dark #customersContent .cusInfoRow,
html.bn-background-dark #customersContent .cusSttNum,
html.bn-background-dark #customersContent .cusPhoneLink,
body.bn-background-dark #customersContent .cusTable th,
body.bn-background-dark #customersContent .cusTable td,
body.bn-background-dark #customersContent .cusRow td,
body.bn-background-dark #customersContent .cusInfoBox,
body.bn-background-dark #customersContent .cusNeedBox,
body.bn-background-dark #customersContent .cusSttBox,
body.bn-background-dark #customersContent .cusInfoRow,
body.bn-background-dark #customersContent .cusSttNum,
body.bn-background-dark #customersContent .cusPhoneLink{
  background:#111111 !important;
  color:#ffffff !important;
  border-color:rgba(255,255,255,.16) !important;
}

html.bn-background-dark #customersContent .cusRow--vip td,
html.bn-background-dark #customersContent .cusRow--invest td,
html.bn-background-dark #customersContent .cusRow--live td,
html.bn-background-dark #customersContent .cusRow--stop td,
html.bn-background-dark #customersContent .cusRow--bought td,
html.bn-background-dark #customersContent .cusRow:not(.cusRow--vip):not(.cusRow--invest):not(.cusRow--live):not(.cusRow--stop):not(.cusRow--bought) td,
body.bn-background-dark #customersContent .cusRow--vip td,
body.bn-background-dark #customersContent .cusRow--invest td,
body.bn-background-dark #customersContent .cusRow--live td,
body.bn-background-dark #customersContent .cusRow--stop td,
body.bn-background-dark #customersContent .cusRow--bought td,
body.bn-background-dark #customersContent .cusRow:not(.cusRow--vip):not(.cusRow--invest):not(.cusRow--live):not(.cusRow--stop):not(.cusRow--bought) td{
  background:#111111 !important;
  color:#ffffff !important;
}

html.bn-background-dark #customersContent .cusRow *,
body.bn-background-dark #customersContent .cusRow *{
  color:#ffffff !important;
}

html.bn-background-dark #customersContent .cusActBtn,
html.bn-background-dark #customersContent .cusRow .cusActBtn,
html.bn-background-dark #customersContent .cusActBtn--vip,
html.bn-background-dark #customersContent .cusActBtn--invest,
html.bn-background-dark #customersContent .cusActBtn--live,
html.bn-background-dark #customersContent .cusActBtn--stop,
html.bn-background-dark #customersContent .cusActBtn--bought,
body.bn-background-dark #customersContent .cusActBtn,
body.bn-background-dark #customersContent .cusRow .cusActBtn,
body.bn-background-dark #customersContent .cusActBtn--vip,
body.bn-background-dark #customersContent .cusActBtn--invest,
body.bn-background-dark #customersContent .cusActBtn--live,
body.bn-background-dark #customersContent .cusActBtn--stop,
body.bn-background-dark #customersContent .cusActBtn--bought{
  background:#000000 !important;
  color:#ffffff !important;
  border-color:#000000 !important;
  box-shadow:none !important;
}

html.bn-background-dark #customersContent input,
html.bn-background-dark #customersContent textarea,
html.bn-background-dark #customersContent select,
body.bn-background-dark #customersContent input,
body.bn-background-dark #customersContent textarea,
body.bn-background-dark #customersContent select{
  background:#111111 !important;
  color:#ffffff !important;
  border-color:rgba(255,255,255,.22) !important;
}

html.bn-background-dark #phoneActionModal .modal__sheet,
html.bn-background-dark #phoneActionModal .modal__body,
html.bn-background-dark #phoneActionModal .phoneSheetGroup,
body.bn-background-dark #phoneActionModal .modal__sheet,
body.bn-background-dark #phoneActionModal .modal__body,
body.bn-background-dark #phoneActionModal .phoneSheetGroup{
  background:transparent !important;
  color:#ffffff !important;
  border-color:transparent !important;
  box-shadow:none !important;
}

html.bn-background-dark #phoneActionModal .phoneItem,
html.bn-background-dark #phoneActionModal .phoneItem--cancel,
body.bn-background-dark #phoneActionModal .phoneItem,
body.bn-background-dark #phoneActionModal .phoneItem--cancel{
  background:#000000 !important;
  color:#ffffff !important;
  border-color:#000000 !important;
  box-shadow:none !important;
}


/* v94: lựa chọn ảnh trái/phải được thu trong nút Hiển thị gọn */
.bn-post-compact-choices[hidden]{ display:none !important; }
.bn-post-compact-choices{
  margin:6px 0 0 18px;
  padding-left:10px;
  border-left:2px solid rgba(0,0,0,.08);
}
.bn-post-compact-choices .bn-ui-option{
  margin-top:6px !important;
}
html.bn-background-dark .bn-post-compact-choices,
body.bn-background-dark .bn-post-compact-choices{
  border-left-color:rgba(255,255,255,.18) !important;
}

/* v93: Cài đặt cá nhân hiển thị bài viết + giao diện hiển thị gọn */
html.bn-posts-hidden #content .list .card,
body.bn-posts-hidden #content .list .card{
  display:none !important;
}
html.bn-posts-hidden #content .pager,
body.bn-posts-hidden #content .pager{
  display:none !important;
}
html.bn-post-compact #content .list,
body.bn-post-compact #content .list{
  gap:8px !important;
}
html.bn-post-compact #content .card,
body.bn-post-compact #content .card{
  padding:10px 12px !important;
  border-radius:16px !important;
}
html.bn-post-compact #content .card__summaryMain,
body.bn-post-compact #content .card__summaryMain{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 74px !important;
  gap:10px !important;
  align-items:center !important;
}
html.bn-post-compact.bn-post-image-left #content .card__summaryMain,
body.bn-post-compact.bn-post-image-left #content .card__summaryMain{
  grid-template-columns:74px minmax(0,1fr) !important;
}
html.bn-post-compact.bn-post-image-left #content .card__summaryThumb,
body.bn-post-compact.bn-post-image-left #content .card__summaryThumb{
  grid-column:1 !important;
  grid-row:1 !important;
  justify-self:start !important;
}
html.bn-post-compact.bn-post-image-left #content .card__summaryBody,
body.bn-post-compact.bn-post-image-left #content .card__summaryBody{
  grid-column:2 !important;
  grid-row:1 !important;
}
html.bn-post-compact.bn-post-image-right #content .card__summaryThumb,
body.bn-post-compact.bn-post-image-right #content .card__summaryThumb{
  grid-column:2 !important;
  grid-row:1 !important;
  justify-self:end !important;
}
html.bn-post-compact.bn-post-image-right #content .card__summaryBody,
body.bn-post-compact.bn-post-image-right #content .card__summaryBody{
  grid-column:1 !important;
  grid-row:1 !important;
}
html.bn-post-compact #content .card__summaryThumb,
body.bn-post-compact #content .card__summaryThumb{
  width:74px !important;
  height:74px !important;
  border-radius:12px !important;
  align-self:center !important;
}
html.bn-post-compact #content .card__summaryTitle,
body.bn-post-compact #content .card__summaryTitle{
  margin:0 0 5px !important;
  font-size:15px !important;
  line-height:1.16 !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
}
html.bn-post-compact #content .card__summaryLine,
body.bn-post-compact #content .card__summaryLine,
html.bn-post-compact #content .card__summaryBottom,
body.bn-post-compact #content .card__summaryBottom{
  display:inline-flex !important;
  align-items:center !important;
  margin:0 8px 0 0 !important;
  font-size:13px !important;
  line-height:1.15 !important;
  vertical-align:middle !important;
  white-space:nowrap !important;
  max-width:100% !important;
}
html.bn-post-compact #content .card__summaryLine,
body.bn-post-compact #content .card__summaryLine{
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
html.bn-post-compact #content .card__summaryLine .card__summaryV,
body.bn-post-compact #content .card__summaryLine .card__summaryV,
html.bn-post-compact #content .card__summaryDistrict,
body.bn-post-compact #content .card__summaryDistrict{
  font-size:13px !important;
  line-height:1.15 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
html.bn-post-compact #content .card__summaryPrice,
body.bn-post-compact #content .card__summaryPrice,
html.bn-post-compact #content .card__summaryPriceValue,
body.bn-post-compact #content .card__summaryPriceValue,
html.bn-post-compact #content .card__summaryCommission,
body.bn-post-compact #content .card__summaryCommission{
  font-size:14px !important;
  line-height:1.15 !important;
  white-space:nowrap !important;
}
html.bn-post-compact #content .card__summaryActions,
body.bn-post-compact #content .card__summaryActions{
  display:none !important;
}
html.bn-post-compact #content .card__thumbTop,
body.bn-post-compact #content .card__thumbTop,
html.bn-post-compact #content .card__thumbOverlay,
body.bn-post-compact #content .card__thumbOverlay,
html.bn-post-compact #content .card__summaryStatusText,
body.bn-post-compact #content .card__summaryStatusText{
  display:none !important;
}
html.bn-post-compact #content .card__thumbBookmarkStar,
body.bn-post-compact #content .card__thumbBookmarkStar{
  transform:scale(.72) !important;
  transform-origin:top right !important;
}
html.bn-posts-hidden #pcTable tbody tr.data-row,
html.bn-posts-hidden #pcTable tbody tr.actions-row,
body.bn-posts-hidden #pcTable tbody tr.data-row,
body.bn-posts-hidden #pcTable tbody tr.actions-row{
  display:none !important;
}

/* v98: Hiển thị gọn - chữ trong ảnh 12px, chỉ áp dụng chế độ gọn */
html.bn-post-compact #content .card__summaryBody > .card__summaryLine:first-of-type,
body.bn-post-compact #content .card__summaryBody > .card__summaryLine:first-of-type{
  display:none !important;
}
html.bn-post-compact #content .card__thumbTop,
body.bn-post-compact #content .card__thumbTop{
  display:flex !important;
}
html.bn-post-compact #content .card__thumbOverlay,
body.bn-post-compact #content .card__thumbOverlay{
  display:flex !important;
}
html.bn-post-compact #content .card__summaryStatusText,
body.bn-post-compact #content .card__summaryStatusText{
  display:block !important;
  font-size:12px !important;
  line-height:1.15 !important;
}
html.bn-post-compact #content .card__summaryThumb,
body.bn-post-compact #content .card__summaryThumb,
html.bn-post-compact #content .card__summaryThumb *,
body.bn-post-compact #content .card__summaryThumb *,
html.bn-post-compact #content .card__thumbPhotoBtn,
body.bn-post-compact #content .card__thumbPhotoBtn,
html.bn-post-compact #content .card__thumbBadge,
body.bn-post-compact #content .card__thumbBadge,
html.bn-post-compact #content .card__thumbBadge *,
body.bn-post-compact #content .card__thumbBadge *,
html.bn-post-compact #content .card__priceDeltaBadge,
body.bn-post-compact #content .card__priceDeltaBadge,
html.bn-post-compact #content .card__priceDeltaBadge *,
body.bn-post-compact #content .card__priceDeltaBadge *,
html.bn-post-compact #content .card__priceDeltaBadgeLine,
body.bn-post-compact #content .card__priceDeltaBadgeLine,
html.bn-post-compact #content .card__thumbEmpty,
body.bn-post-compact #content .card__thumbEmpty{
  font-size:12px !important;
  line-height:1.12 !important;
}

/* v99: Hiển thị gọn - tắt viền/nền quanh chữ trong ảnh, chỉ áp dụng chế độ gọn */
html.bn-post-compact #content .card__summaryThumb .card__thumbPhotoBtn,
body.bn-post-compact #content .card__summaryThumb .card__thumbPhotoBtn,
html.bn-post-compact #content .card__summaryThumb .card__summaryStatusText,
body.bn-post-compact #content .card__summaryThumb .card__summaryStatusText,
html.bn-post-compact #content .card__summaryThumb .card__thumbBadge,
body.bn-post-compact #content .card__summaryThumb .card__thumbBadge,
html.bn-post-compact #content .card__summaryThumb .card__thumbBadge--position,
body.bn-post-compact #content .card__summaryThumb .card__thumbBadge--position,
html.bn-post-compact #content .card__summaryThumb .card__priceDeltaBadge,
body.bn-post-compact #content .card__summaryThumb .card__priceDeltaBadge,
html.bn-post-compact #content .card__summaryThumb .card__priceDeltaBadgeLine,
body.bn-post-compact #content .card__summaryThumb .card__priceDeltaBadgeLine,
html.bn-post-compact #content .card__summaryThumb .card__thumbEmpty,
body.bn-post-compact #content .card__summaryThumb .card__thumbEmpty{
  background:transparent !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
  padding:0 !important;
  text-shadow:none !important;
}
html.bn-post-compact #content .card__summaryThumb .card__priceDeltaBadge,
body.bn-post-compact #content .card__summaryThumb .card__priceDeltaBadge{
  min-width:0 !important;
  max-width:100% !important;
}


/* v100: Hiển thị gọn - Phường/Quận tách khoảng, Diện tích xuống dòng, ảnh cao thêm 10px */
html.bn-post-compact #content .card__summaryMain,
body.bn-post-compact #content .card__summaryMain{
  grid-template-columns:minmax(0,1fr) 84px !important;
}
html.bn-post-compact.bn-post-image-left #content .card__summaryMain,
body.bn-post-compact.bn-post-image-left #content .card__summaryMain{
  grid-template-columns:84px minmax(0,1fr) !important;
}
html.bn-post-compact #content .card__summaryThumb,
body.bn-post-compact #content .card__summaryThumb{
  width:84px !important;
  height:84px !important;
}
html.bn-post-compact #content .card__summaryBody > .card__summaryLine,
body.bn-post-compact #content .card__summaryBody > .card__summaryLine{
  display:flex !important;
  width:100% !important;
  max-width:100% !important;
  align-items:center !important;
  margin:0 0 4px 0 !important;
  gap:4px !important;
  white-space:nowrap !important;
}
html.bn-post-compact #content .card__summaryBody > .card__summaryLine:first-of-type,
body.bn-post-compact #content .card__summaryBody > .card__summaryLine:first-of-type{
  display:flex !important;
}
html.bn-post-compact #content .card__summaryBody > .card__summaryLine:first-of-type .card__summaryDistrict,
body.bn-post-compact #content .card__summaryBody > .card__summaryLine:first-of-type .card__summaryDistrict{
  margin-left:2px !important;
}

/* v102: Làm lại từ v100 - giữ Phường/Quận dòng riêng, gom Diện tích/Kết cấu/Giá/HH, ảnh cao thêm 10px */
html.bn-post-compact #content .card__summaryMain,
body.bn-post-compact #content .card__summaryMain{
  grid-template-columns:minmax(0,1fr) 94px !important;
}
html.bn-post-compact.bn-post-image-left #content .card__summaryMain,
body.bn-post-compact.bn-post-image-left #content .card__summaryMain{
  grid-template-columns:94px minmax(0,1fr) !important;
}
html.bn-post-compact #content .card__summaryThumb,
body.bn-post-compact #content .card__summaryThumb{
  width:94px !important;
  height:94px !important;
}
html.bn-post-compact #content .card__summaryBody > .card__summaryLine:first-of-type,
body.bn-post-compact #content .card__summaryBody > .card__summaryLine:first-of-type{
  display:flex !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 0 4px 0 !important;
  gap:4px !important;
  align-items:center !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
html.bn-post-compact #content .card__summaryBody > .card__summaryLine:nth-of-type(n+2),
body.bn-post-compact #content .card__summaryBody > .card__summaryLine:nth-of-type(n+2),
html.bn-post-compact #content .card__summaryBody > .card__summaryBottom,
body.bn-post-compact #content .card__summaryBody > .card__summaryBottom{
  display:inline-flex !important;
  width:auto !important;
  max-width:100% !important;
  align-items:center !important;
  margin:0 8px 0 0 !important;
  gap:4px !important;
  vertical-align:middle !important;
  white-space:nowrap !important;
}
html.bn-post-compact #content .card__summaryBody > .card__summaryBottom .card__summaryPrice,
body.bn-post-compact #content .card__summaryBody > .card__summaryBottom .card__summaryPrice{
  display:inline-flex !important;
  align-items:center !important;
  gap:4px !important;
  white-space:nowrap !important;
}



/* v105: Hiển thị gọn - căn lại số ảnh nằm cân đúng góc ảnh */
html.bn-post-compact #content .card__summaryThumb .card__thumbTop,
body.bn-post-compact #content .card__summaryThumb .card__thumbTop{
  top:6px !important;
  right:6px !important;
  left:auto !important;
  bottom:auto !important;
  width:auto !important;
  height:auto !important;
  display:flex !important;
  align-items:flex-start !important;
  justify-content:flex-end !important;
  margin:0 !important;
  padding:0 !important;
  transform:none !important;
}
html.bn-post-compact #content .card__summaryThumb .card__thumbPhotoBtn,
body.bn-post-compact #content .card__summaryThumb .card__thumbPhotoBtn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:18px !important;
  height:18px !important;
  min-height:18px !important;
  padding:0 5px !important;
  margin:0 !important;
  line-height:18px !important;
  text-align:center !important;
  vertical-align:top !important;
  box-sizing:border-box !important;
}

/* v106: Cài đặt hiển thị bài viết - kiểu Ảnh trên, chữ dưới, 2 card ngang */
html.bn-post-compact.bn-post-image-top #content .list,
body.bn-post-compact.bn-post-image-top #content .list{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:10px !important;
  align-items:start !important;
}
html.bn-post-compact.bn-post-image-top #content .card,
body.bn-post-compact.bn-post-image-top #content .card{
  padding:8px !important;
  border-radius:16px !important;
  min-width:0 !important;
}
html.bn-post-compact.bn-post-image-top #content .card__summaryMain,
body.bn-post-compact.bn-post-image-top #content .card__summaryMain{
  display:flex !important;
  flex-direction:column-reverse !important;
  grid-template-columns:none !important;
  gap:8px !important;
  align-items:stretch !important;
}
html.bn-post-compact.bn-post-image-top #content .card__summaryThumb,
body.bn-post-compact.bn-post-image-top #content .card__summaryThumb{
  width:100% !important;
  height:auto !important;
  aspect-ratio:1 / 1 !important;
  justify-self:stretch !important;
  border-radius:14px !important;
  flex-shrink:0 !important;
}
html.bn-post-compact.bn-post-image-top #content .card__summaryThumb .card__thumbImg,
body.bn-post-compact.bn-post-image-top #content .card__summaryThumb .card__thumbImg{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}
html.bn-post-compact.bn-post-image-top #content .card__summaryThumb .card__thumbTop,
body.bn-post-compact.bn-post-image-top #content .card__summaryThumb .card__thumbTop,
html.bn-post-compact.bn-post-image-top #content .card__summaryThumb .card__thumbOverlay,
body.bn-post-compact.bn-post-image-top #content .card__summaryThumb .card__thumbOverlay,
html.bn-post-compact.bn-post-image-top #content .card__summaryThumb .card__summaryStatusText,
body.bn-post-compact.bn-post-image-top #content .card__summaryThumb .card__summaryStatusText,
html.bn-post-compact.bn-post-image-top #content .card__summaryThumb .card__thumbBookmarkStar,
body.bn-post-compact.bn-post-image-top #content .card__summaryThumb .card__thumbBookmarkStar,
html.bn-post-compact.bn-post-image-top #content .card__summaryThumb .card__thumbPhotoBtn,
body.bn-post-compact.bn-post-image-top #content .card__summaryThumb .card__thumbPhotoBtn,
html.bn-post-compact.bn-post-image-top #content .card__summaryThumb .card__thumbBadge,
body.bn-post-compact.bn-post-image-top #content .card__summaryThumb .card__thumbBadge,
html.bn-post-compact.bn-post-image-top #content .card__summaryThumb .card__priceDeltaBadge,
body.bn-post-compact.bn-post-image-top #content .card__summaryThumb .card__priceDeltaBadge{
  display:none !important;
}
html.bn-post-compact.bn-post-image-top #content .card__summaryBody,
body.bn-post-compact.bn-post-image-top #content .card__summaryBody{
  min-width:0 !important;
  width:100% !important;
  display:block !important;
}
html.bn-post-compact.bn-post-image-top #content .card__summaryTitle,
body.bn-post-compact.bn-post-image-top #content .card__summaryTitle{
  font-size:14px !important;
  line-height:1.2 !important;
  margin:0 0 5px 0 !important;
  -webkit-line-clamp:2 !important;
}
html.bn-post-compact.bn-post-image-top #content .card__summaryLine,
body.bn-post-compact.bn-post-image-top #content .card__summaryLine,
html.bn-post-compact.bn-post-image-top #content .card__summaryBottom,
body.bn-post-compact.bn-post-image-top #content .card__summaryBottom{
  font-size:12px !important;
  line-height:1.2 !important;
  margin:0 5px 3px 0 !important;
  max-width:100% !important;
}
html.bn-post-compact.bn-post-image-top #content .card__summaryLine:first-of-type,
body.bn-post-compact.bn-post-image-top #content .card__summaryLine:first-of-type{
  display:flex !important;
  width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
html.bn-post-compact.bn-post-image-top #content .card__summaryPrice,
body.bn-post-compact.bn-post-image-top #content .card__summaryPrice,
html.bn-post-compact.bn-post-image-top #content .card__summaryPriceValue,
body.bn-post-compact.bn-post-image-top #content .card__summaryPriceValue,
html.bn-post-compact.bn-post-image-top #content .card__summaryCommission,
body.bn-post-compact.bn-post-image-top #content .card__summaryCommission{
  font-size:13px !important;
  line-height:1.2 !important;
}


/* v107: Ảnh trên chữ dưới - 2 card cao bằng nhau, hiển thị đủ chữ không 3 chấm */
html.bn-post-compact.bn-post-image-top #content .list,
body.bn-post-compact.bn-post-image-top #content .list{
  align-items:stretch !important;
  grid-auto-rows:1fr !important;
}
html.bn-post-compact.bn-post-image-top #content .card,
body.bn-post-compact.bn-post-image-top #content .card{
  height:100% !important;
  display:flex !important;
  flex-direction:column !important;
}
html.bn-post-compact.bn-post-image-top #content .card__summaryMain,
body.bn-post-compact.bn-post-image-top #content .card__summaryMain{
  height:100% !important;
  flex:1 1 auto !important;
}
html.bn-post-compact.bn-post-image-top #content .card__summaryBody,
body.bn-post-compact.bn-post-image-top #content .card__summaryBody{
  overflow:visible !important;
}
html.bn-post-compact.bn-post-image-top #content .card__summaryTitle,
body.bn-post-compact.bn-post-image-top #content .card__summaryTitle{
  display:block !important;
  -webkit-line-clamp:initial !important;
  -webkit-box-orient:initial !important;
  overflow:visible !important;
  text-overflow:clip !important;
  white-space:normal !important;
}
html.bn-post-compact.bn-post-image-top #content .card__summaryLine,
body.bn-post-compact.bn-post-image-top #content .card__summaryLine,
html.bn-post-compact.bn-post-image-top #content .card__summaryBottom,
body.bn-post-compact.bn-post-image-top #content .card__summaryBottom,
html.bn-post-compact.bn-post-image-top #content .card__summaryBody > .card__summaryLine,
body.bn-post-compact.bn-post-image-top #content .card__summaryBody > .card__summaryLine,
html.bn-post-compact.bn-post-image-top #content .card__summaryBody > .card__summaryLine:first-of-type,
body.bn-post-compact.bn-post-image-top #content .card__summaryBody > .card__summaryLine:first-of-type,
html.bn-post-compact.bn-post-image-top #content .card__summaryBody > .card__summaryLine:nth-of-type(n+2),
body.bn-post-compact.bn-post-image-top #content .card__summaryBody > .card__summaryLine:nth-of-type(n+2){
  overflow:visible !important;
  text-overflow:clip !important;
  white-space:normal !important;
  flex-wrap:wrap !important;
}
html.bn-post-compact.bn-post-image-top #content .card__summaryLine .card__summaryV,
body.bn-post-compact.bn-post-image-top #content .card__summaryLine .card__summaryV,
html.bn-post-compact.bn-post-image-top #content .card__summaryDistrict,
body.bn-post-compact.bn-post-image-top #content .card__summaryDistrict,
html.bn-post-compact.bn-post-image-top #content .card__summaryPrice,
body.bn-post-compact.bn-post-image-top #content .card__summaryPrice,
html.bn-post-compact.bn-post-image-top #content .card__summaryPriceValue,
body.bn-post-compact.bn-post-image-top #content .card__summaryPriceValue,
html.bn-post-compact.bn-post-image-top #content .card__summaryCommission,
body.bn-post-compact.bn-post-image-top #content .card__summaryCommission{
  overflow:visible !important;
  text-overflow:clip !important;
  white-space:normal !important;
}

/* v108: Nhóm nút con nằm đúng trong nút mẹ hiển thị bài viết */
.bn-post-child-choices[hidden],
.bn-post-compact-choices[hidden]{ display:none !important; }
.bn-post-child-choices,
.bn-post-compact-choices{
  margin:6px 0 8px 18px;
  padding-left:10px;
  border-left:2px solid rgba(0,0,0,.08);
}
.bn-post-child-choices .bn-ui-option,
.bn-post-compact-choices .bn-ui-option{
  margin-top:6px !important;
}
html.bn-background-dark .bn-post-child-choices,
body.bn-background-dark .bn-post-child-choices,
html.bn-background-dark .bn-post-compact-choices,
body.bn-background-dark .bn-post-compact-choices{
  border-left-color:rgba(255,255,255,.18) !important;
}

/* v108: Ảnh trên chữ dưới có lựa chọn 1 bài / 2 bài */
html.bn-post-compact.bn-post-image-top-one #content .list,
body.bn-post-compact.bn-post-image-top-one #content .list{
  display:grid !important;
  grid-template-columns:1fr !important;
  align-items:stretch !important;
}
html.bn-post-compact.bn-post-image-top-two #content .list,
body.bn-post-compact.bn-post-image-top-two #content .list{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  align-items:stretch !important;
}
html.bn-post-compact.bn-post-image-top-one #content .card__summaryThumb,
body.bn-post-compact.bn-post-image-top-one #content .card__summaryThumb{
  height:240px !important;
}

/* v108: Hiển thị gọn - chế độ chỉ chữ, ảnh thu thành nút số lượng ảnh */
html.bn-post-compact.bn-post-compact-text-only #content .card__summaryMain,
body.bn-post-compact.bn-post-compact-text-only #content .card__summaryMain{
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:start !important;
}
html.bn-post-compact.bn-post-compact-text-only #content .card__summaryThumb,
body.bn-post-compact.bn-post-compact-text-only #content .card__summaryThumb{
  width:auto !important;
  height:auto !important;
  min-width:52px !important;
  min-height:30px !important;
  border:0 !important;
  background:transparent !important;
  overflow:visible !important;
  border-radius:0 !important;
  justify-self:end !important;
  align-self:start !important;
}
html.bn-post-compact.bn-post-compact-text-only #content .card__summaryThumb .card__thumbImg,
body.bn-post-compact.bn-post-compact-text-only #content .card__summaryThumb .card__thumbImg,
html.bn-post-compact.bn-post-compact-text-only #content .card__summaryThumb .card__thumbEmpty,
body.bn-post-compact.bn-post-compact-text-only #content .card__summaryThumb .card__thumbEmpty,
html.bn-post-compact.bn-post-compact-text-only #content .card__summaryThumb .card__thumbOverlay,
body.bn-post-compact.bn-post-compact-text-only #content .card__summaryThumb .card__thumbOverlay,
html.bn-post-compact.bn-post-compact-text-only #content .card__summaryThumb .card__summaryStatusText,
body.bn-post-compact.bn-post-compact-text-only #content .card__summaryThumb .card__summaryStatusText,
html.bn-post-compact.bn-post-compact-text-only #content .card__summaryThumb .card__thumbBookmarkStar,
body.bn-post-compact.bn-post-compact-text-only #content .card__summaryThumb .card__thumbBookmarkStar{
  display:none !important;
}
html.bn-post-compact.bn-post-compact-text-only #content .card__summaryThumb .card__thumbTop,
body.bn-post-compact.bn-post-compact-text-only #content .card__summaryThumb .card__thumbTop{
  position:static !important;
  display:flex !important;
  justify-content:flex-end !important;
}
html.bn-post-compact.bn-post-compact-text-only #content .card__summaryThumb .card__thumbPhotoBtn,
body.bn-post-compact.bn-post-compact-text-only #content .card__summaryThumb .card__thumbPhotoBtn{
  display:inline-flex !important;
  min-height:30px !important;
  padding:0 10px !important;
  border-radius:999px !important;
  background:#111111 !important;
  color:#ffffff !important;
  font-size:12px !important;
  font-weight:900 !important;
  box-shadow:none !important;
}
html.bn-post-compact.bn-post-compact-text-only #content .card__summaryThumb .card__thumbPhotoBtn::after,
body.bn-post-compact.bn-post-compact-text-only #content .card__summaryThumb .card__thumbPhotoBtn::after{
  content:' ảnh';
}

/* v109: Màu nền tối - ép chuẩn đen/trắng cho menu, chuông thông báo trên mọi kiểu giao diện */
html.bn-background-dark.bn-background-active,
html.bn-background-dark.bn-background-active body,
body.bn-background-dark.bn-background-active,
html.bn-background-dark.bn-appearance-ios26,
html.bn-background-dark.bn-appearance-ios26 body,
html.bn-background-dark.bn-appearance-android,
html.bn-background-dark.bn-appearance-android body,
html.bn-background-dark.bn-appearance-classic,
html.bn-background-dark.bn-appearance-classic body{
  background:#000000 !important;
  color:#ffffff !important;
  --bg:#000000;
  --fg:#ffffff;
  --muted:rgba(255,255,255,.72);
  --line:rgba(255,255,255,.22);
  --line2:rgba(255,255,255,.14);
  --bn-bg:#000000;
  --bn-surface:#0b0b0b;
  --bn-surface-2:#111111;
  --bn-input:#101010;
  --bn-text:#ffffff;
  --bn-muted:rgba(255,255,255,.72);
  --bn-border:rgba(255,255,255,.20);
  --bn-soft:rgba(255,255,255,.10);
  --bn-bar:#000000;
}

html.bn-background-dark .drawer,
html.bn-background-dark .drawer__topbar,
html.bn-background-dark .drawer__content,
html.bn-background-dark .drawer .section,
html.bn-background-dark .drawer__account,
html.bn-background-dark .drawer__version,
html.bn-background-dark #drawer,
html.bn-background-dark #drawer2,
html.bn-background-dark #drawerSettings,
html.bn-background-dark #drawerUiSettings,
html.bn-background-dark #drawerFontSettings,
html.bn-background-dark #drawerBackgroundSettings,
html.bn-background-dark #drawerPostDisplaySettings,
body.bn-background-dark .drawer,
body.bn-background-dark .drawer__topbar,
body.bn-background-dark .drawer__content,
body.bn-background-dark .drawer .section,
body.bn-background-dark .drawer__account,
body.bn-background-dark .drawer__version,
body.bn-background-dark #drawer,
body.bn-background-dark #drawer2,
body.bn-background-dark #drawerSettings,
body.bn-background-dark #drawerUiSettings,
body.bn-background-dark #drawerFontSettings,
body.bn-background-dark #drawerBackgroundSettings,
body.bn-background-dark #drawerPostDisplaySettings{
  background:#000000 !important;
  color:#ffffff !important;
  border-color:rgba(255,255,255,.20) !important;
  box-shadow:none !important;
}

html.bn-background-dark .drawer *,
html.bn-background-dark .drawer__topbar *,
html.bn-background-dark .drawer__content *,
html.bn-background-dark .drawer .section__title,
html.bn-background-dark .drawer .hint,
html.bn-background-dark .drawer .chev,
html.bn-background-dark .drawer__email,
html.bn-background-dark .drawer__role,
html.bn-background-dark .drawer__version,
body.bn-background-dark .drawer *,
body.bn-background-dark .drawer__topbar *,
body.bn-background-dark .drawer__content *,
body.bn-background-dark .drawer .section__title,
body.bn-background-dark .drawer .hint,
body.bn-background-dark .drawer .chev,
body.bn-background-dark .drawer__email,
body.bn-background-dark .drawer__role,
body.bn-background-dark .drawer__version{
  color:#ffffff !important;
}

html.bn-background-dark .drawer .row,
html.bn-background-dark .drawer button.row,
html.bn-background-dark .drawer .bn-ui-option,
html.bn-background-dark .drawer .bn-ui-panel,
html.bn-background-dark .drawer .bn-ui-card,
html.bn-background-dark .drawer .bn-ui-section,
html.bn-background-dark .drawer .bn-ui-select,
html.bn-background-dark .drawer .ms__btn,
html.bn-background-dark .drawer .ms__panel,
html.bn-background-dark .drawer .ms__row,
html.bn-background-dark .drawer .ms__footer,
html.bn-background-dark .drawer .input,
html.bn-background-dark .drawer input,
html.bn-background-dark .drawer textarea,
html.bn-background-dark .drawer select,
body.bn-background-dark .drawer .row,
body.bn-background-dark .drawer button.row,
body.bn-background-dark .drawer .bn-ui-option,
body.bn-background-dark .drawer .bn-ui-panel,
body.bn-background-dark .drawer .bn-ui-card,
body.bn-background-dark .drawer .bn-ui-section,
body.bn-background-dark .drawer .bn-ui-select,
body.bn-background-dark .drawer .ms__btn,
body.bn-background-dark .drawer .ms__panel,
body.bn-background-dark .drawer .ms__row,
body.bn-background-dark .drawer .ms__footer,
body.bn-background-dark .drawer .input,
body.bn-background-dark .drawer input,
body.bn-background-dark .drawer textarea,
body.bn-background-dark .drawer select{
  background:#0b0b0b !important;
  color:#ffffff !important;
  border-color:rgba(255,255,255,.22) !important;
  box-shadow:none !important;
}

html.bn-background-dark .drawer .row.is-active,
html.bn-background-dark .drawer .row.active,
html.bn-background-dark .drawer .bn-ui-option.is-active,
html.bn-background-dark .drawer .bn-ui-option.is-selected,
html.bn-background-dark .drawer .ms__row.is-selected,
body.bn-background-dark .drawer .row.is-active,
body.bn-background-dark .drawer .row.active,
body.bn-background-dark .drawer .bn-ui-option.is-active,
body.bn-background-dark .drawer .bn-ui-option.is-selected,
body.bn-background-dark .drawer .ms__row.is-selected{
  background:#000000 !important;
  color:#ffffff !important;
  border-color:rgba(255,255,255,.72) !important;
}
html.bn-background-dark .drawer .row.is-active *,
html.bn-background-dark .drawer .row.active *,
html.bn-background-dark .drawer .bn-ui-option.is-active *,
html.bn-background-dark .drawer .bn-ui-option.is-selected *,
html.bn-background-dark .drawer .ms__row.is-selected *,
body.bn-background-dark .drawer .row.is-active *,
body.bn-background-dark .drawer .row.active *,
body.bn-background-dark .drawer .bn-ui-option.is-active *,
body.bn-background-dark .drawer .bn-ui-option.is-selected *,
body.bn-background-dark .drawer .ms__row.is-selected *{
  color:#ffffff !important;
}

html.bn-background-dark .drawer .badge,
html.bn-background-dark .notifBadge,
body.bn-background-dark .drawer .badge,
body.bn-background-dark .notifBadge{
  background:#ffffff !important;
  color:#000000 !important;
  border-color:#ffffff !important;
}

html.bn-background-dark .iconbtn,
html.bn-background-dark .notifBtn,
html.bn-background-dark .notifBtn.iconbtn,
html.bn-background-dark .menuHomeIcon,
html.bn-background-dark .topbar .iconbtn,
html.bn-background-dark .drawer__topbar .iconbtn,
body.bn-background-dark .iconbtn,
body.bn-background-dark .notifBtn,
body.bn-background-dark .notifBtn.iconbtn,
body.bn-background-dark .menuHomeIcon,
body.bn-background-dark .topbar .iconbtn,
body.bn-background-dark .drawer__topbar .iconbtn{
  background:#000000 !important;
  color:#ffffff !important;
  border-color:rgba(255,255,255,.22) !important;
  box-shadow:none !important;
}
html.bn-background-dark .notifBtn *,
html.bn-background-dark .notifIcon,
html.bn-background-dark .notifIcon *,
html.bn-background-dark .menuHomeIcon *,
body.bn-background-dark .notifBtn *,
body.bn-background-dark .notifIcon,
body.bn-background-dark .notifIcon *,
body.bn-background-dark .menuHomeIcon *{
  color:#ffffff !important;
  stroke:currentColor !important;
}

html.bn-background-dark .notifPopover,
html.bn-background-dark .notifPopover__header,
html.bn-background-dark .notifList,
html.bn-background-dark .notifItem,
html.bn-background-dark .notifLoadMore,
html.bn-background-dark .notifPushRow,
html.bn-background-dark #notifPopover,
html.bn-background-dark #notifList,
body.bn-background-dark .notifPopover,
body.bn-background-dark .notifPopover__header,
body.bn-background-dark .notifList,
body.bn-background-dark .notifItem,
body.bn-background-dark .notifLoadMore,
body.bn-background-dark .notifPushRow,
body.bn-background-dark #notifPopover,
body.bn-background-dark #notifList{
  background:#000000 !important;
  color:#ffffff !important;
  border-color:rgba(255,255,255,.22) !important;
  box-shadow:none !important;
}
html.bn-background-dark .notifItem--unread,
html.bn-background-dark .notifItem--cus-upcoming,
html.bn-background-dark .notifItem--cus-past,
body.bn-background-dark .notifItem--unread,
body.bn-background-dark .notifItem--cus-upcoming,
body.bn-background-dark .notifItem--cus-past{
  background:#0b0b0b !important;
  color:#ffffff !important;
}
html.bn-background-dark .notifPopover *,
html.bn-background-dark .notifItem__title,
html.bn-background-dark .notifItem__time,
html.bn-background-dark .notifItem__meta,
html.bn-background-dark .notifItem__body,
html.bn-background-dark .notifPushTitle,
html.bn-background-dark .notifPushSub,
body.bn-background-dark .notifPopover *,
body.bn-background-dark .notifItem__title,
body.bn-background-dark .notifItem__time,
body.bn-background-dark .notifItem__meta,
body.bn-background-dark .notifItem__body,
body.bn-background-dark .notifPushTitle,
body.bn-background-dark .notifPushSub{
  color:#ffffff !important;
}
html.bn-background-dark .notifClose,
html.bn-background-dark .notifClose.iconbtn,
html.bn-background-dark .notifMore,
body.bn-background-dark .notifClose,
body.bn-background-dark .notifClose.iconbtn,
body.bn-background-dark .notifMore{
  background:#0b0b0b !important;
  color:#ffffff !important;
  border-color:rgba(255,255,255,.22) !important;
}

html.bn-background-dark .topbar,
html.bn-background-dark #topbar,
html.bn-background-dark #pcTopbar,
html.bn-background-dark .bottomBar,
html.bn-background-dark .bottom-bar,
body.bn-background-dark .topbar,
body.bn-background-dark #topbar,
body.bn-background-dark #pcTopbar,
body.bn-background-dark .bottomBar,
body.bn-background-dark .bottom-bar{
  background:#000000 !important;
  color:#ffffff !important;
  border-color:rgba(255,255,255,.20) !important;
}

/* v110: dark create page + unified green switches + hide option subtitles */
/* Bỏ chú thích dưới các nút lựa chọn trong Cài đặt */
.bn-ui-option__sub,
.sb-section .bn-ui-option__sub{
  display:none !important;
}
.bn-ui-option__text{
  gap:0 !important;
}

/* Toàn bộ nút gạt dùng chung kiểu gạt xanh */
.bn-ui-switch,
.admin-toggle-switch,
.switch{
  width:52px !important;
  min-width:52px !important;
  height:30px !important;
  border:0 !important;
  border-radius:999px !important;
  padding:0 !important;
  background:#d1d5db !important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.16) !important;
  overflow:hidden !important;
}
.bn-ui-switch i,
.admin-toggle-switch i{
  width:24px !important;
  height:24px !important;
  margin:3px !important;
  background:#ffffff !important;
  border-radius:999px !important;
  box-shadow:0 2px 6px rgba(0,0,0,.22) !important;
  transform:translateX(0) !important;
}
.bn-ui-switch.is-on,
.admin-toggle-switch.is-on,
.switch input:checked + .slider{
  background:#22c55e !important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.16) !important;
}
.bn-ui-switch.is-on i,
.admin-toggle-switch.is-on i{
  transform:translateX(22px) !important;
}
.switch .slider,
.slider{
  background:#d1d5db !important;
  border:0 !important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.16) !important;
}
.slider:before{
  width:24px !important;
  height:24px !important;
  left:3px !important;
  top:3px !important;
  background:#ffffff !important;
  box-shadow:0 2px 6px rgba(0,0,0,.22) !important;
}
.switch input:checked + .slider:before{
  transform:translateX(22px) !important;
}
html.bn-appearance-classic .bn-ui-switch,
html.bn-appearance-ios26 .bn-ui-switch,
html.bn-appearance-android .bn-ui-switch,
html.bn-appearance-rounded .bn-ui-switch,
html.bn-appearance-classic .admin-toggle-switch,
html.bn-appearance-ios26 .admin-toggle-switch,
html.bn-appearance-android .admin-toggle-switch,
html.bn-appearance-rounded .admin-toggle-switch{
  background:#d1d5db !important;
  border:0 !important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.16) !important;
}
html.bn-appearance-classic .bn-ui-switch.is-on,
html.bn-appearance-ios26 .bn-ui-switch.is-on,
html.bn-appearance-android .bn-ui-switch.is-on,
html.bn-appearance-rounded .bn-ui-switch.is-on,
html.bn-appearance-classic .admin-toggle-switch.is-on,
html.bn-appearance-ios26 .admin-toggle-switch.is-on,
html.bn-appearance-android .admin-toggle-switch.is-on,
html.bn-appearance-rounded .admin-toggle-switch.is-on{
  background:#22c55e !important;
}

/* Giao diện đen: trang Tạo bài chuẩn nền đen chữ trắng */
html.bn-background-dark #createModal,
html.bn-background-dark #createModal .createPage__sheet,
html.bn-background-dark #createModal .createPage__top,
html.bn-background-dark #createModal .createPage__body,
html.bn-background-dark #createModal .createFooterRow,
html.bn-background-dark #createModal .field,
html.bn-background-dark #createModal .fileRow,
html.bn-background-dark #createModal .photosGrid,
body.bn-background-dark #createModal,
body.bn-background-dark #createModal .createPage__sheet,
body.bn-background-dark #createModal .createPage__top,
body.bn-background-dark #createModal .createPage__body,
body.bn-background-dark #createModal .createFooterRow,
body.bn-background-dark #createModal .field,
body.bn-background-dark #createModal .fileRow,
body.bn-background-dark #createModal .photosGrid{
  background:#000000 !important;
  color:#ffffff !important;
  border-color:rgba(255,255,255,.18) !important;
  box-shadow:none !important;
}
html.bn-background-dark #createModal *,
body.bn-background-dark #createModal *{
  color:#ffffff !important;
}
html.bn-background-dark #createModal input,
html.bn-background-dark #createModal textarea,
html.bn-background-dark #createModal select,
html.bn-background-dark #createModal .input,
html.bn-background-dark #createModal .textarea,
html.bn-background-dark #createModal .spPickerTrigger,
body.bn-background-dark #createModal input,
body.bn-background-dark #createModal textarea,
body.bn-background-dark #createModal select,
body.bn-background-dark #createModal .input,
body.bn-background-dark #createModal .textarea,
body.bn-background-dark #createModal .spPickerTrigger{
  background:#111111 !important;
  color:#ffffff !important;
  border-color:rgba(255,255,255,.28) !important;
  box-shadow:none !important;
}
html.bn-background-dark #createModal input::placeholder,
html.bn-background-dark #createModal textarea::placeholder,
body.bn-background-dark #createModal input::placeholder,
body.bn-background-dark #createModal textarea::placeholder{
  color:rgba(255,255,255,.58) !important;
}
html.bn-background-dark #createModal .spPickerTrigger::after,
body.bn-background-dark #createModal .spPickerTrigger::after{
  border-right-color:#ffffff !important;
  border-bottom-color:#ffffff !important;
}
html.bn-background-dark #createModal .pillbtn,
html.bn-background-dark #createModal .filebtn,
html.bn-background-dark #createModal .saveBtn,
html.bn-background-dark #createModal .bnClearFieldBtn,
body.bn-background-dark #createModal .pillbtn,
body.bn-background-dark #createModal .filebtn,
body.bn-background-dark #createModal .saveBtn,
body.bn-background-dark #createModal .bnClearFieldBtn{
  background:#000000 !important;
  color:#ffffff !important;
  border-color:#000000 !important;
  box-shadow:none !important;
}
html.bn-background-dark #createModal .saveBtn,
body.bn-background-dark #createModal .saveBtn{
  border:1px solid rgba(255,255,255,.22) !important;
}
html.bn-background-dark #createModal .filehint,
body.bn-background-dark #createModal .filehint{
  color:rgba(255,255,255,.78) !important;
}

/* v111: Dark mode - giữ số trên chuông thông báo màu đỏ bình thường */
html.bn-background-dark .notifBadge,
body.bn-background-dark .notifBadge,
html.bn-background-dark #bellBadge,
body.bn-background-dark #bellBadge,
html.bn-background-dark #cusBellBadge,
body.bn-background-dark #cusBellBadge{
  background:#e53935 !important;
  color:#ffffff !important;
  border-color:#e53935 !important;
}


/* bnDarkSearchV114Fix */
/* v114: Dark mode - nút tìm kiếm/kính lúp trắng + trang tìm kiếm nền đen chữ trắng, áp dụng mọi kiểu giao diện */
html.bn-background-dark .bnSearchPageBtn,
body.bn-background-dark .bnSearchPageBtn,
html.bn-background-dark #homeSearchToggleBtn,
body.bn-background-dark #homeSearchToggleBtn,
html.bn-background-dark .filterToggleBtn,
body.bn-background-dark .filterToggleBtn{
  background:#000000 !important;
  color:#ffffff !important;
  border-color:#000000 !important;
  box-shadow:none !important;
}
html.bn-background-dark .bnSearchPageBtn svg,
body.bn-background-dark .bnSearchPageBtn svg,
html.bn-background-dark #homeSearchToggleBtn svg,
body.bn-background-dark #homeSearchToggleBtn svg,
html.bn-background-dark .filterToggleBtn svg,
body.bn-background-dark .filterToggleBtn svg,
html.bn-background-dark .bnSearchPageBtn svg *,
body.bn-background-dark .bnSearchPageBtn svg *,
html.bn-background-dark #homeSearchToggleBtn svg *,
body.bn-background-dark #homeSearchToggleBtn svg *,
html.bn-background-dark .filterToggleBtn svg *,
body.bn-background-dark .filterToggleBtn svg *{
  color:#ffffff !important;
  stroke:#ffffff !important;
}
html.bn-background-dark body.search-filter-page-open,
body.bn-background-dark.search-filter-page-open,
html.bn-background-dark #main,
body.bn-background-dark #main,
html.bn-background-dark #searchFilterContent,
body.bn-background-dark #searchFilterContent,
html.bn-background-dark .searchFilterPage,
body.bn-background-dark .searchFilterPage{
  background:#000000 !important;
  color:#ffffff !important;
}
html.bn-background-dark #searchFilterContent *,
body.bn-background-dark #searchFilterContent *{
  color:#ffffff !important;
}
html.bn-background-dark #searchFilterContent .searchFilterPage__title,
html.bn-background-dark #searchFilterContent .searchFilterPage__homeBtn,
html.bn-background-dark #searchFilterContent .searchFilterPage__resultCount,
html.bn-background-dark #searchFilterContent .searchFilterPage__empty,
body.bn-background-dark #searchFilterContent .searchFilterPage__title,
body.bn-background-dark #searchFilterContent .searchFilterPage__homeBtn,
body.bn-background-dark #searchFilterContent .searchFilterPage__resultCount,
body.bn-background-dark #searchFilterContent .searchFilterPage__empty{
  color:#ffffff !important;
}
html.bn-background-dark #searchFilterContent .searchFilterPage__searchwrap .search,
body.bn-background-dark #searchFilterContent .searchFilterPage__searchwrap .search,
html.bn-background-dark #searchFilterContent input,
body.bn-background-dark #searchFilterContent input{
  background:#111111 !important;
  color:#ffffff !important;
  border-color:rgba(255,255,255,.30) !important;
  box-shadow:none !important;
}
html.bn-background-dark #searchFilterContent .searchFilterPage__searchwrap .search::placeholder,
body.bn-background-dark #searchFilterContent .searchFilterPage__searchwrap .search::placeholder,
html.bn-background-dark #searchFilterContent input::placeholder,
body.bn-background-dark #searchFilterContent input::placeholder{
  color:rgba(255,255,255,.58) !important;
}
html.bn-background-dark #searchFilterContent .searchFilterPage__searchwrap .searchbtn,
body.bn-background-dark #searchFilterContent .searchFilterPage__searchwrap .searchbtn,
html.bn-background-dark #searchFilterContent .searchbtn,
body.bn-background-dark #searchFilterContent .searchbtn,
html.bn-background-dark .searchwrap .searchbtn,
body.bn-background-dark .searchwrap .searchbtn{
  background:#000000 !important;
  color:#ffffff !important;
  border-color:#ffffff !important;
  box-shadow:none !important;
}
html.bn-background-dark #searchFilterChips.searchFilterPage__filters .homeFilterBtn,
html.bn-background-dark #searchFilterChips.searchFilterPage__filters .homeFilterBtn.is-active,
body.bn-background-dark #searchFilterChips.searchFilterPage__filters .homeFilterBtn,
body.bn-background-dark #searchFilterChips.searchFilterPage__filters .homeFilterBtn.is-active{
  background:#000000 !important;
  color:#ffffff !important;
  border-color:rgba(255,255,255,.48) !important;
  box-shadow:none !important;
}
html.bn-background-dark #searchFilterChips.searchFilterPage__filters .homeFilterBtn *,
body.bn-background-dark #searchFilterChips.searchFilterPage__filters .homeFilterBtn *{
  color:#ffffff !important;
}
html.bn-background-dark .bnSfModal,
body.bn-background-dark .bnSfModal{
  background:rgba(0,0,0,.62) !important;
}
html.bn-background-dark .bnSfModal__sheet,
html.bn-background-dark .bnSfModal__head,
html.bn-background-dark .bnSfModal__list,
html.bn-background-dark .bnSfModal__footer,
body.bn-background-dark .bnSfModal__sheet,
body.bn-background-dark .bnSfModal__head,
body.bn-background-dark .bnSfModal__list,
body.bn-background-dark .bnSfModal__footer{
  background:#000000 !important;
  color:#ffffff !important;
  border-color:rgba(255,255,255,.16) !important;
}
html.bn-background-dark .bnSfModal__title,
html.bn-background-dark .bnSfModal__close,
body.bn-background-dark .bnSfModal__title,
body.bn-background-dark .bnSfModal__close{
  color:#ffffff !important;
}
html.bn-background-dark .bnSfModal__search,
html.bn-background-dark .bnSfModal__range input,
body.bn-background-dark .bnSfModal__search,
body.bn-background-dark .bnSfModal__range input{
  background:#111111 !important;
  color:#ffffff !important;
  border-color:rgba(255,255,255,.28) !important;
}
html.bn-background-dark .bnSfModal__item,
body.bn-background-dark .bnSfModal__item{
  background:#000000 !important;
  color:#ffffff !important;
  border-color:rgba(255,255,255,.14) !important;
}
html.bn-background-dark .bnSfModal__radio,
body.bn-background-dark .bnSfModal__radio{
  border-color:rgba(255,255,255,.46) !important;
}
html.bn-background-dark .bnSfModal__item.is-selected .bnSfModal__radio,
body.bn-background-dark .bnSfModal__item.is-selected .bnSfModal__radio{
  border-color:#ffffff !important;
}
html.bn-background-dark .bnSfModal__item.is-selected .bnSfModal__radio:after,
body.bn-background-dark .bnSfModal__item.is-selected .bnSfModal__radio:after{
  background:#ffffff !important;
}
html.bn-background-dark .bnSfModal__action,
body.bn-background-dark .bnSfModal__action{
  background:#000000 !important;
  color:#ffffff !important;
  border-color:rgba(255,255,255,.42) !important;
}



/* SP v115: giao diện tối - nút X xoá chữ trong ô nhập dùng toàn app: nền/viền đen, icon trắng */
html.bn-background-dark .bnInputClearX,
body.bn-background-dark .bnInputClearX,
html.bn-background-dark .bnClearFieldWrap > .bnInputClearX,
body.bn-background-dark .bnClearFieldWrap > .bnInputClearX{
  background:#000000 !important;
  color:#ffffff !important;
  border-color:#000000 !important;
  box-shadow:none !important;
}
html.bn-background-dark .bnInputClearX::before,
html.bn-background-dark .bnInputClearX::after,
body.bn-background-dark .bnInputClearX::before,
body.bn-background-dark .bnInputClearX::after{
  color:#ffffff !important;
  border-color:#ffffff !important;
}


/* SP v116: Search results inherit homepage post display modes */
/* Trang tìm kiếm dùng chung #list renderer của trang chủ nhưng nằm trong #searchFilterContent.
   Nhân bản selector #content để kết quả tìm kiếm ăn đúng kiểu bài viết đang chọn: gọn, ảnh trên/chữ dưới, 1 bài/2 bài, tối/sáng. */


/* v93: Cài đặt cá nhân hiển thị bài viết + giao diện hiển thị gọn */
html.bn-posts-hidden #searchFilterContent .list .card,
body.bn-posts-hidden #searchFilterContent .list .card{
  display:none !important;
}

html.bn-posts-hidden #searchFilterContent .pager,
body.bn-posts-hidden #searchFilterContent .pager{
  display:none !important;
}

html.bn-post-compact #searchFilterContent .list,
body.bn-post-compact #searchFilterContent .list{
  gap:8px !important;
}

html.bn-post-compact #searchFilterContent .card,
body.bn-post-compact #searchFilterContent .card{
  padding:10px 12px !important;
  border-radius:16px !important;
}

html.bn-post-compact #searchFilterContent .card__summaryMain,
body.bn-post-compact #searchFilterContent .card__summaryMain{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 74px !important;
  gap:10px !important;
  align-items:center !important;
}

html.bn-post-compact.bn-post-image-left #searchFilterContent .card__summaryMain,
body.bn-post-compact.bn-post-image-left #searchFilterContent .card__summaryMain{
  grid-template-columns:74px minmax(0,1fr) !important;
}

html.bn-post-compact.bn-post-image-left #searchFilterContent .card__summaryThumb,
body.bn-post-compact.bn-post-image-left #searchFilterContent .card__summaryThumb{
  grid-column:1 !important;
  grid-row:1 !important;
  justify-self:start !important;
}

html.bn-post-compact.bn-post-image-left #searchFilterContent .card__summaryBody,
body.bn-post-compact.bn-post-image-left #searchFilterContent .card__summaryBody{
  grid-column:2 !important;
  grid-row:1 !important;
}

html.bn-post-compact.bn-post-image-right #searchFilterContent .card__summaryThumb,
body.bn-post-compact.bn-post-image-right #searchFilterContent .card__summaryThumb{
  grid-column:2 !important;
  grid-row:1 !important;
  justify-self:end !important;
}

html.bn-post-compact.bn-post-image-right #searchFilterContent .card__summaryBody,
body.bn-post-compact.bn-post-image-right #searchFilterContent .card__summaryBody{
  grid-column:1 !important;
  grid-row:1 !important;
}

html.bn-post-compact #searchFilterContent .card__summaryThumb,
body.bn-post-compact #searchFilterContent .card__summaryThumb{
  width:74px !important;
  height:74px !important;
  border-radius:12px !important;
  align-self:center !important;
}

html.bn-post-compact #searchFilterContent .card__summaryTitle,
body.bn-post-compact #searchFilterContent .card__summaryTitle{
  margin:0 0 5px !important;
  font-size:15px !important;
  line-height:1.16 !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
}

html.bn-post-compact #searchFilterContent .card__summaryLine,
body.bn-post-compact #searchFilterContent .card__summaryLine,
html.bn-post-compact #searchFilterContent .card__summaryBottom,
body.bn-post-compact #searchFilterContent .card__summaryBottom{
  display:inline-flex !important;
  align-items:center !important;
  margin:0 8px 0 0 !important;
  font-size:13px !important;
  line-height:1.15 !important;
  vertical-align:middle !important;
  white-space:nowrap !important;
  max-width:100% !important;
}

html.bn-post-compact #searchFilterContent .card__summaryLine,
body.bn-post-compact #searchFilterContent .card__summaryLine{
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

html.bn-post-compact #searchFilterContent .card__summaryLine .card__summaryV,
body.bn-post-compact #searchFilterContent .card__summaryLine .card__summaryV,
html.bn-post-compact #searchFilterContent .card__summaryDistrict,
body.bn-post-compact #searchFilterContent .card__summaryDistrict{
  font-size:13px !important;
  line-height:1.15 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

html.bn-post-compact #searchFilterContent .card__summaryPrice,
body.bn-post-compact #searchFilterContent .card__summaryPrice,
html.bn-post-compact #searchFilterContent .card__summaryPriceValue,
body.bn-post-compact #searchFilterContent .card__summaryPriceValue,
html.bn-post-compact #searchFilterContent .card__summaryCommission,
body.bn-post-compact #searchFilterContent .card__summaryCommission{
  font-size:14px !important;
  line-height:1.15 !important;
  white-space:nowrap !important;
}

html.bn-post-compact #searchFilterContent .card__summaryActions,
body.bn-post-compact #searchFilterContent .card__summaryActions{
  display:none !important;
}

html.bn-post-compact #searchFilterContent .card__thumbTop,
body.bn-post-compact #searchFilterContent .card__thumbTop,
html.bn-post-compact #searchFilterContent .card__thumbOverlay,
body.bn-post-compact #searchFilterContent .card__thumbOverlay,
html.bn-post-compact #searchFilterContent .card__summaryStatusText,
body.bn-post-compact #searchFilterContent .card__summaryStatusText{
  display:none !important;
}

html.bn-post-compact #searchFilterContent .card__thumbBookmarkStar,
body.bn-post-compact #searchFilterContent .card__thumbBookmarkStar{
  transform:scale(.72) !important;
  transform-origin:top right !important;
}


/* v98: Hiển thị gọn - chữ trong ảnh 12px, chỉ áp dụng chế độ gọn */
html.bn-post-compact #searchFilterContent .card__summaryBody > .card__summaryLine:first-of-type,
body.bn-post-compact #searchFilterContent .card__summaryBody > .card__summaryLine:first-of-type{
  display:none !important;
}

html.bn-post-compact #searchFilterContent .card__thumbTop,
body.bn-post-compact #searchFilterContent .card__thumbTop{
  display:flex !important;
}

html.bn-post-compact #searchFilterContent .card__thumbOverlay,
body.bn-post-compact #searchFilterContent .card__thumbOverlay{
  display:flex !important;
}

html.bn-post-compact #searchFilterContent .card__summaryStatusText,
body.bn-post-compact #searchFilterContent .card__summaryStatusText{
  display:block !important;
  font-size:12px !important;
  line-height:1.15 !important;
}

html.bn-post-compact #searchFilterContent .card__summaryThumb,
body.bn-post-compact #searchFilterContent .card__summaryThumb,
html.bn-post-compact #searchFilterContent .card__summaryThumb *,
body.bn-post-compact #searchFilterContent .card__summaryThumb *,
html.bn-post-compact #searchFilterContent .card__thumbPhotoBtn,
body.bn-post-compact #searchFilterContent .card__thumbPhotoBtn,
html.bn-post-compact #searchFilterContent .card__thumbBadge,
body.bn-post-compact #searchFilterContent .card__thumbBadge,
html.bn-post-compact #searchFilterContent .card__thumbBadge *,
body.bn-post-compact #searchFilterContent .card__thumbBadge *,
html.bn-post-compact #searchFilterContent .card__priceDeltaBadge,
body.bn-post-compact #searchFilterContent .card__priceDeltaBadge,
html.bn-post-compact #searchFilterContent .card__priceDeltaBadge *,
body.bn-post-compact #searchFilterContent .card__priceDeltaBadge *,
html.bn-post-compact #searchFilterContent .card__priceDeltaBadgeLine,
body.bn-post-compact #searchFilterContent .card__priceDeltaBadgeLine,
html.bn-post-compact #searchFilterContent .card__thumbEmpty,
body.bn-post-compact #searchFilterContent .card__thumbEmpty{
  font-size:12px !important;
  line-height:1.12 !important;
}


/* v99: Hiển thị gọn - tắt viền/nền quanh chữ trong ảnh, chỉ áp dụng chế độ gọn */
html.bn-post-compact #searchFilterContent .card__summaryThumb .card__thumbPhotoBtn,
body.bn-post-compact #searchFilterContent .card__summaryThumb .card__thumbPhotoBtn,
html.bn-post-compact #searchFilterContent .card__summaryThumb .card__summaryStatusText,
body.bn-post-compact #searchFilterContent .card__summaryThumb .card__summaryStatusText,
html.bn-post-compact #searchFilterContent .card__summaryThumb .card__thumbBadge,
body.bn-post-compact #searchFilterContent .card__summaryThumb .card__thumbBadge,
html.bn-post-compact #searchFilterContent .card__summaryThumb .card__thumbBadge--position,
body.bn-post-compact #searchFilterContent .card__summaryThumb .card__thumbBadge--position,
html.bn-post-compact #searchFilterContent .card__summaryThumb .card__priceDeltaBadge,
body.bn-post-compact #searchFilterContent .card__summaryThumb .card__priceDeltaBadge,
html.bn-post-compact #searchFilterContent .card__summaryThumb .card__priceDeltaBadgeLine,
body.bn-post-compact #searchFilterContent .card__summaryThumb .card__priceDeltaBadgeLine,
html.bn-post-compact #searchFilterContent .card__summaryThumb .card__thumbEmpty,
body.bn-post-compact #searchFilterContent .card__summaryThumb .card__thumbEmpty{
  background:transparent !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
  padding:0 !important;
  text-shadow:none !important;
}

html.bn-post-compact #searchFilterContent .card__summaryThumb .card__priceDeltaBadge,
body.bn-post-compact #searchFilterContent .card__summaryThumb .card__priceDeltaBadge{
  min-width:0 !important;
  max-width:100% !important;
}



/* v100: Hiển thị gọn - Phường/Quận tách khoảng, Diện tích xuống dòng, ảnh cao thêm 10px */
html.bn-post-compact #searchFilterContent .card__summaryMain,
body.bn-post-compact #searchFilterContent .card__summaryMain{
  grid-template-columns:minmax(0,1fr) 84px !important;
}

html.bn-post-compact.bn-post-image-left #searchFilterContent .card__summaryMain,
body.bn-post-compact.bn-post-image-left #searchFilterContent .card__summaryMain{
  grid-template-columns:84px minmax(0,1fr) !important;
}

html.bn-post-compact #searchFilterContent .card__summaryThumb,
body.bn-post-compact #searchFilterContent .card__summaryThumb{
  width:84px !important;
  height:84px !important;
}

html.bn-post-compact #searchFilterContent .card__summaryBody > .card__summaryLine,
body.bn-post-compact #searchFilterContent .card__summaryBody > .card__summaryLine{
  display:flex !important;
  width:100% !important;
  max-width:100% !important;
  align-items:center !important;
  margin:0 0 4px 0 !important;
  gap:4px !important;
  white-space:nowrap !important;
}

html.bn-post-compact #searchFilterContent .card__summaryBody > .card__summaryLine:first-of-type,
body.bn-post-compact #searchFilterContent .card__summaryBody > .card__summaryLine:first-of-type{
  display:flex !important;
}

html.bn-post-compact #searchFilterContent .card__summaryBody > .card__summaryLine:first-of-type .card__summaryDistrict,
body.bn-post-compact #searchFilterContent .card__summaryBody > .card__summaryLine:first-of-type .card__summaryDistrict{
  margin-left:2px !important;
}


/* v102: Làm lại từ v100 - giữ Phường/Quận dòng riêng, gom Diện tích/Kết cấu/Giá/HH, ảnh cao thêm 10px */
html.bn-post-compact #searchFilterContent .card__summaryMain,
body.bn-post-compact #searchFilterContent .card__summaryMain{
  grid-template-columns:minmax(0,1fr) 94px !important;
}

html.bn-post-compact.bn-post-image-left #searchFilterContent .card__summaryMain,
body.bn-post-compact.bn-post-image-left #searchFilterContent .card__summaryMain{
  grid-template-columns:94px minmax(0,1fr) !important;
}

html.bn-post-compact #searchFilterContent .card__summaryThumb,
body.bn-post-compact #searchFilterContent .card__summaryThumb{
  width:94px !important;
  height:94px !important;
}

html.bn-post-compact #searchFilterContent .card__summaryBody > .card__summaryLine:first-of-type,
body.bn-post-compact #searchFilterContent .card__summaryBody > .card__summaryLine:first-of-type{
  display:flex !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 0 4px 0 !important;
  gap:4px !important;
  align-items:center !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

html.bn-post-compact #searchFilterContent .card__summaryBody > .card__summaryLine:nth-of-type(n+2),
body.bn-post-compact #searchFilterContent .card__summaryBody > .card__summaryLine:nth-of-type(n+2),
html.bn-post-compact #searchFilterContent .card__summaryBody > .card__summaryBottom,
body.bn-post-compact #searchFilterContent .card__summaryBody > .card__summaryBottom{
  display:inline-flex !important;
  width:auto !important;
  max-width:100% !important;
  align-items:center !important;
  margin:0 8px 0 0 !important;
  gap:4px !important;
  vertical-align:middle !important;
  white-space:nowrap !important;
}

html.bn-post-compact #searchFilterContent .card__summaryBody > .card__summaryBottom .card__summaryPrice,
body.bn-post-compact #searchFilterContent .card__summaryBody > .card__summaryBottom .card__summaryPrice{
  display:inline-flex !important;
  align-items:center !important;
  gap:4px !important;
  white-space:nowrap !important;
}




/* v105: Hiển thị gọn - căn lại số ảnh nằm cân đúng góc ảnh */
html.bn-post-compact #searchFilterContent .card__summaryThumb .card__thumbTop,
body.bn-post-compact #searchFilterContent .card__summaryThumb .card__thumbTop{
  top:6px !important;
  right:6px !important;
  left:auto !important;
  bottom:auto !important;
  width:auto !important;
  height:auto !important;
  display:flex !important;
  align-items:flex-start !important;
  justify-content:flex-end !important;
  margin:0 !important;
  padding:0 !important;
  transform:none !important;
}

html.bn-post-compact #searchFilterContent .card__summaryThumb .card__thumbPhotoBtn,
body.bn-post-compact #searchFilterContent .card__summaryThumb .card__thumbPhotoBtn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:18px !important;
  height:18px !important;
  min-height:18px !important;
  padding:0 5px !important;
  margin:0 !important;
  line-height:18px !important;
  text-align:center !important;
  vertical-align:top !important;
  box-sizing:border-box !important;
}


/* v106: Cài đặt hiển thị bài viết - kiểu Ảnh trên, chữ dưới, 2 card ngang */
html.bn-post-compact.bn-post-image-top #searchFilterContent .list,
body.bn-post-compact.bn-post-image-top #searchFilterContent .list{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:10px !important;
  align-items:start !important;
}

html.bn-post-compact.bn-post-image-top #searchFilterContent .card,
body.bn-post-compact.bn-post-image-top #searchFilterContent .card{
  padding:8px !important;
  border-radius:16px !important;
  min-width:0 !important;
}

html.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryMain,
body.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryMain{
  display:flex !important;
  flex-direction:column-reverse !important;
  grid-template-columns:none !important;
  gap:8px !important;
  align-items:stretch !important;
}

html.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryThumb,
body.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryThumb{
  width:100% !important;
  height:auto !important;
  aspect-ratio:1 / 1 !important;
  justify-self:stretch !important;
  border-radius:14px !important;
  flex-shrink:0 !important;
}

html.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryThumb .card__thumbImg,
body.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryThumb .card__thumbImg{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}

html.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryThumb .card__thumbTop,
body.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryThumb .card__thumbTop,
html.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryThumb .card__thumbOverlay,
body.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryThumb .card__thumbOverlay,
html.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryThumb .card__summaryStatusText,
body.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryThumb .card__summaryStatusText,
html.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryThumb .card__thumbBookmarkStar,
body.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryThumb .card__thumbBookmarkStar,
html.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryThumb .card__thumbPhotoBtn,
body.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryThumb .card__thumbPhotoBtn,
html.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryThumb .card__thumbBadge,
body.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryThumb .card__thumbBadge,
html.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryThumb .card__priceDeltaBadge,
body.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryThumb .card__priceDeltaBadge{
  display:none !important;
}

html.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryBody,
body.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryBody{
  min-width:0 !important;
  width:100% !important;
  display:block !important;
}

html.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryTitle,
body.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryTitle{
  font-size:14px !important;
  line-height:1.2 !important;
  margin:0 0 5px 0 !important;
  -webkit-line-clamp:2 !important;
}

html.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryLine,
body.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryLine,
html.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryBottom,
body.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryBottom{
  font-size:12px !important;
  line-height:1.2 !important;
  margin:0 5px 3px 0 !important;
  max-width:100% !important;
}

html.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryLine:first-of-type,
body.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryLine:first-of-type{
  display:flex !important;
  width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

html.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryPrice,
body.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryPrice,
html.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryPriceValue,
body.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryPriceValue,
html.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryCommission,
body.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryCommission{
  font-size:13px !important;
  line-height:1.2 !important;
}



/* v107: Ảnh trên chữ dưới - 2 card cao bằng nhau, hiển thị đủ chữ không 3 chấm */
html.bn-post-compact.bn-post-image-top #searchFilterContent .list,
body.bn-post-compact.bn-post-image-top #searchFilterContent .list{
  align-items:stretch !important;
  grid-auto-rows:1fr !important;
}

html.bn-post-compact.bn-post-image-top #searchFilterContent .card,
body.bn-post-compact.bn-post-image-top #searchFilterContent .card{
  height:100% !important;
  display:flex !important;
  flex-direction:column !important;
}

html.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryMain,
body.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryMain{
  height:100% !important;
  flex:1 1 auto !important;
}

html.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryBody,
body.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryBody{
  overflow:visible !important;
}

html.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryTitle,
body.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryTitle{
  display:block !important;
  -webkit-line-clamp:initial !important;
  -webkit-box-orient:initial !important;
  overflow:visible !important;
  text-overflow:clip !important;
  white-space:normal !important;
}

html.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryLine,
body.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryLine,
html.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryBottom,
body.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryBottom,
html.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryBody > .card__summaryLine,
body.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryBody > .card__summaryLine,
html.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryBody > .card__summaryLine:first-of-type,
body.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryBody > .card__summaryLine:first-of-type,
html.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryBody > .card__summaryLine:nth-of-type(n+2),
body.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryBody > .card__summaryLine:nth-of-type(n+2){
  overflow:visible !important;
  text-overflow:clip !important;
  white-space:normal !important;
  flex-wrap:wrap !important;
}

html.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryLine .card__summaryV,
body.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryLine .card__summaryV,
html.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryDistrict,
body.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryDistrict,
html.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryPrice,
body.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryPrice,
html.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryPriceValue,
body.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryPriceValue,
html.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryCommission,
body.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryCommission{
  overflow:visible !important;
  text-overflow:clip !important;
  white-space:normal !important;
}


/* v108: Ảnh trên chữ dưới có lựa chọn 1 bài / 2 bài */
html.bn-post-compact.bn-post-image-top-one #searchFilterContent .list,
body.bn-post-compact.bn-post-image-top-one #searchFilterContent .list{
  display:grid !important;
  grid-template-columns:1fr !important;
  align-items:stretch !important;
}

html.bn-post-compact.bn-post-image-top-two #searchFilterContent .list,
body.bn-post-compact.bn-post-image-top-two #searchFilterContent .list{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  align-items:stretch !important;
}

html.bn-post-compact.bn-post-image-top-one #searchFilterContent .card__summaryThumb,
body.bn-post-compact.bn-post-image-top-one #searchFilterContent .card__summaryThumb{
  height:240px !important;
}


/* v108: Hiển thị gọn - chế độ chỉ chữ, ảnh thu thành nút số lượng ảnh */
html.bn-post-compact.bn-post-compact-text-only #searchFilterContent .card__summaryMain,
body.bn-post-compact.bn-post-compact-text-only #searchFilterContent .card__summaryMain{
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:start !important;
}

html.bn-post-compact.bn-post-compact-text-only #searchFilterContent .card__summaryThumb,
body.bn-post-compact.bn-post-compact-text-only #searchFilterContent .card__summaryThumb{
  width:auto !important;
  height:auto !important;
  min-width:52px !important;
  min-height:30px !important;
  border:0 !important;
  background:transparent !important;
  overflow:visible !important;
  border-radius:0 !important;
  justify-self:end !important;
  align-self:start !important;
}

html.bn-post-compact.bn-post-compact-text-only #searchFilterContent .card__summaryThumb .card__thumbImg,
body.bn-post-compact.bn-post-compact-text-only #searchFilterContent .card__summaryThumb .card__thumbImg,
html.bn-post-compact.bn-post-compact-text-only #searchFilterContent .card__summaryThumb .card__thumbEmpty,
body.bn-post-compact.bn-post-compact-text-only #searchFilterContent .card__summaryThumb .card__thumbEmpty,
html.bn-post-compact.bn-post-compact-text-only #searchFilterContent .card__summaryThumb .card__thumbOverlay,
body.bn-post-compact.bn-post-compact-text-only #searchFilterContent .card__summaryThumb .card__thumbOverlay,
html.bn-post-compact.bn-post-compact-text-only #searchFilterContent .card__summaryThumb .card__summaryStatusText,
body.bn-post-compact.bn-post-compact-text-only #searchFilterContent .card__summaryThumb .card__summaryStatusText,
html.bn-post-compact.bn-post-compact-text-only #searchFilterContent .card__summaryThumb .card__thumbBookmarkStar,
body.bn-post-compact.bn-post-compact-text-only #searchFilterContent .card__summaryThumb .card__thumbBookmarkStar{
  display:none !important;
}

html.bn-post-compact.bn-post-compact-text-only #searchFilterContent .card__summaryThumb .card__thumbTop,
body.bn-post-compact.bn-post-compact-text-only #searchFilterContent .card__summaryThumb .card__thumbTop{
  position:static !important;
  display:flex !important;
  justify-content:flex-end !important;
}

html.bn-post-compact.bn-post-compact-text-only #searchFilterContent .card__summaryThumb .card__thumbPhotoBtn,
body.bn-post-compact.bn-post-compact-text-only #searchFilterContent .card__summaryThumb .card__thumbPhotoBtn{
  display:inline-flex !important;
  min-height:30px !important;
  padding:0 10px !important;
  border-radius:999px !important;
  background:#111111 !important;
  color:#ffffff !important;
  font-size:12px !important;
  font-weight:900 !important;
  box-shadow:none !important;
}

html.bn-post-compact.bn-post-compact-text-only #searchFilterContent .card__summaryThumb .card__thumbPhotoBtn::after,
body.bn-post-compact.bn-post-compact-text-only #searchFilterContent .card__summaryThumb .card__thumbPhotoBtn::after{
  content:' ảnh';
}

/* SP v117: Kết quả tìm kiếm - sửa kiểu ảnh trên chữ dưới 2 bài bị co ngang/kéo dài.
   #searchFilterList là khung chứa, còn #list mới là danh sách card thật được dùng chung từ trang chủ. */
#searchFilterContent #searchFilterList.list{
  display:block !important;
  grid-template-columns:none !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  gap:0 !important;
  padding-bottom:0 !important;
  margin-top:14px !important;
}
#searchFilterContent #searchFilterList > #list.list{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
  margin-top:0 !important;
}
html.bn-post-compact.bn-post-image-top-two #searchFilterContent #searchFilterList > #list.list,
body.bn-post-compact.bn-post-image-top-two #searchFilterContent #searchFilterList > #list.list{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:10px !important;
  align-items:stretch !important;
}
html.bn-post-compact.bn-post-image-top-two #searchFilterContent #searchFilterList > #list.list > .card,
body.bn-post-compact.bn-post-image-top-two #searchFilterContent #searchFilterList > #list.list > .card{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}
/* SP v118: Dark search results - màu card/nút trang/số ảnh dùng đúng như trang chủ, áp dụng mọi kiểu hiển thị */
html.bn-background-dark #searchFilterContent .card,
body.bn-background-dark #searchFilterContent .card,
html.bn-background-dark #searchFilterContent .card2,
body.bn-background-dark #searchFilterContent .card2{
  background:#111111 !important;
  color:#ffffff !important;
  border-color:rgba(255,255,255,.18) !important;
}
html.bn-background-dark #searchFilterContent .card,
html.bn-background-dark #searchFilterContent .card__title,
html.bn-background-dark #searchFilterContent .card__meta,
html.bn-background-dark #searchFilterContent .card__desc,
html.bn-background-dark #searchFilterContent .card__summary,
html.bn-background-dark #searchFilterContent .card__body,
html.bn-background-dark #searchFilterContent .card__footer,
html.bn-background-dark #searchFilterContent .card__footer *,
body.bn-background-dark #searchFilterContent .card,
body.bn-background-dark #searchFilterContent .card__title,
body.bn-background-dark #searchFilterContent .card__meta,
body.bn-background-dark #searchFilterContent .card__desc,
body.bn-background-dark #searchFilterContent .card__summary,
body.bn-background-dark #searchFilterContent .card__body,
body.bn-background-dark #searchFilterContent .card__footer,
body.bn-background-dark #searchFilterContent .card__footer *{
  color:#ffffff !important;
}
html.bn-background-dark #searchFilterContent .pagebtn,
body.bn-background-dark #searchFilterContent .pagebtn,
html.bn-background-dark #searchFilterContent .pager .pagebtn,
body.bn-background-dark #searchFilterContent .pager .pagebtn{
  background:var(--bn-tab-bg, #0b0b0b) !important;
  color:var(--bn-tab-text, #ffffff) !important;
  border-color:var(--bn-tab-border, rgba(255,255,255,.20)) !important;
  box-shadow:none !important;
}
html.bn-background-dark #searchFilterContent .pagebtn.is-active,
body.bn-background-dark #searchFilterContent .pagebtn.is-active,
html.bn-background-dark #searchFilterContent .pager .pagebtn.is-active,
body.bn-background-dark #searchFilterContent .pager .pagebtn.is-active{
  background:#ffffff !important;
  color:#000000 !important;
  border-color:#ffffff !important;
}
html.bn-background-dark #searchFilterContent .pagebtn.is-disabled,
body.bn-background-dark #searchFilterContent .pagebtn.is-disabled{
  opacity:.45 !important;
}
html.bn-background-dark #searchFilterContent .card__summaryThumb .card__thumbPhotoBtn,
body.bn-background-dark #searchFilterContent .card__summaryThumb .card__thumbPhotoBtn,
html.bn-background-dark #searchFilterContent .card__summaryThumb .card__summaryStatusText,
body.bn-background-dark #searchFilterContent .card__summaryThumb .card__summaryStatusText,
html.bn-background-dark #searchFilterContent .card__summaryThumb .card__priceDeltaBadge,
body.bn-background-dark #searchFilterContent .card__summaryThumb .card__priceDeltaBadge,
html.bn-background-dark #searchFilterContent .card__summaryThumb .card__priceDeltaBadge *,
body.bn-background-dark #searchFilterContent .card__summaryThumb .card__priceDeltaBadge *{
  color:#000000 !important;
  text-shadow:none !important;
}
html.bn-background-dark #searchFilterContent .card__summaryThumb .card__thumbPhotoBtn,
body.bn-background-dark #searchFilterContent .card__summaryThumb .card__thumbPhotoBtn{
  background:rgba(255,255,255,0.82) !important;
  border:1px solid rgba(0,0,0,0.78) !important;
  box-shadow:0 2px 8px rgba(0,0,0,0.18) !important;
}
html.bn-background-dark #searchFilterContent .card__summaryThumb .card__summaryStatusText,
body.bn-background-dark #searchFilterContent .card__summaryThumb .card__summaryStatusText{
  color:#000000 !important;
  border-color:#000000 !important;
}
html.bn-background-dark #searchFilterContent .card__summaryThumb .card__thumbBadge--position,
body.bn-background-dark #searchFilterContent .card__summaryThumb .card__thumbBadge--position,
html.bn-background-dark #searchFilterContent .card__summaryThumb .card__thumbBadge--position *,
body.bn-background-dark #searchFilterContent .card__summaryThumb .card__thumbBadge--position *{
  background:rgba(96,96,96,0.78) !important;
  border-color:rgba(255,255,255,0.38) !important;
  color:#ffffff !important;
}
html.bn-background-dark.bn-post-compact.bn-post-compact-text-only #searchFilterContent .card__summaryThumb .card__thumbPhotoBtn,
body.bn-background-dark.bn-post-compact.bn-post-compact-text-only #searchFilterContent .card__summaryThumb .card__thumbPhotoBtn{
  background:#111111 !important;
  color:#ffffff !important;
  border:0 !important;
  box-shadow:none !important;
}
html.bn-background-dark #searchFilterContent .card .card__summaryActions .smallbtn.js-notes,
html.bn-background-dark #searchFilterContent .card .card__summaryActions .smallbtn.js-summary-copy,
html.bn-background-dark #searchFilterContent .card .card__summaryActions .smallbtn.js-summary-call,
body.bn-background-dark #searchFilterContent .card .card__summaryActions .smallbtn.js-notes,
body.bn-background-dark #searchFilterContent .card .card__summaryActions .smallbtn.js-summary-copy,
body.bn-background-dark #searchFilterContent .card .card__summaryActions .smallbtn.js-summary-call{
  background:transparent !important;
  border:0 !important;
  border-color:transparent !important;
  box-shadow:none !important;
  outline:0 !important;
  color:#ffffff !important;
}
html.bn-background-dark #searchFilterContent .card .card__summaryActions .outsidePostIcon,
html.bn-background-dark #searchFilterContent .card .card__summaryActions .outsidePostIcon svg,
html.bn-background-dark #searchFilterContent .card .card__summaryActions .outsidePostIconCount,
body.bn-background-dark #searchFilterContent .card .card__summaryActions .outsidePostIcon,
body.bn-background-dark #searchFilterContent .card .card__summaryActions .outsidePostIcon svg,
body.bn-background-dark #searchFilterContent .card .card__summaryActions .outsidePostIconCount{
  color:#ffffff !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}



/* v119: giao diện tối - badge số lượng bài dùng nền đen chữ trắng toàn app */
html.bn-background-dark .drawer .row--badge .badge,
body.bn-background-dark .drawer .row--badge .badge,
html.bn-background-dark .drawer button.row--badge .badge,
body.bn-background-dark .drawer button.row--badge .badge,
html.bn-background-dark .row--badge .badge,
body.bn-background-dark .row--badge .badge,
html.bn-background-dark .countbadge,
body.bn-background-dark .countbadge{
  background:#000000 !important;
  color:#ffffff !important;
  border-color:#000000 !important;
  box-shadow:none !important;
}
html.bn-background-dark .drawer .row--badge .badge *,
body.bn-background-dark .drawer .row--badge .badge *,
html.bn-background-dark .row--badge .badge *,
body.bn-background-dark .row--badge .badge *,
html.bn-background-dark .countbadge *,
body.bn-background-dark .countbadge *{
  color:#ffffff !important;
}


/* v120: Làm lại từ v119 - kiểu Ảnh trên chữ dưới hiển thị chữ/trường trong ảnh giống card mặc định */
html.bn-post-compact.bn-post-image-top #content .card__summaryThumb .card__thumbTop,
body.bn-post-compact.bn-post-image-top #content .card__summaryThumb .card__thumbTop,
html.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryThumb .card__thumbTop,
body.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryThumb .card__thumbTop{
  position:absolute !important;
  top:6px !important;
  right:6px !important;
  left:auto !important;
  bottom:auto !important;
  z-index:2 !important;
  display:flex !important;
  justify-content:flex-end !important;
  align-items:flex-start !important;
  width:auto !important;
  height:auto !important;
  padding:0 !important;
  margin:0 !important;
}
html.bn-post-compact.bn-post-image-top #content .card__summaryThumb .card__thumbPhotoBtn,
body.bn-post-compact.bn-post-image-top #content .card__summaryThumb .card__thumbPhotoBtn,
html.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryThumb .card__thumbPhotoBtn,
body.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryThumb .card__thumbPhotoBtn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:28px !important;
  height:auto !important;
  min-width:0 !important;
  padding:0 10px !important;
  border-radius:999px !important;
  background:rgba(0,0,0,0.72) !important;
  color:#ffffff !important;
  border:0 !important;
  font-size:13px !important;
  font-weight:900 !important;
  line-height:1 !important;
  white-space:nowrap !important;
  box-shadow:0 2px 8px rgba(0,0,0,0.18) !important;
}
html.bn-post-compact.bn-post-image-top #content .card__summaryThumb .card__thumbOverlay,
body.bn-post-compact.bn-post-image-top #content .card__summaryThumb .card__thumbOverlay,
html.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryThumb .card__thumbOverlay,
body.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryThumb .card__thumbOverlay{
  position:absolute !important;
  left:6px !important;
  right:6px !important;
  bottom:6px !important;
  z-index:2 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:4px !important;
  width:auto !important;
  height:auto !important;
  padding:0 !important;
  margin:0 !important;
}
html.bn-post-compact.bn-post-image-top #content .card__summaryThumb .card__summaryStatusText,
body.bn-post-compact.bn-post-image-top #content .card__summaryThumb .card__summaryStatusText,
html.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryThumb .card__summaryStatusText,
body.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryThumb .card__summaryStatusText{
  display:block !important;
  position:absolute !important;
  top:41% !important;
  left:50% !important;
  transform:translate(-50%,-50%) !important;
  z-index:3 !important;
  max-width:90% !important;
  padding:4px 10px !important;
  border-radius:12px !important;
  border:1px solid currentColor !important;
  background:rgba(255,255,255,0.82) !important;
  color:inherit !important;
  font-size:13px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  text-transform:lowercase !important;
  pointer-events:none !important;
  box-sizing:border-box !important;
  white-space:nowrap !important;
  text-align:center !important;
}
html.bn-post-compact.bn-post-image-top #content .card__summaryThumb .card__thumbBadge,
body.bn-post-compact.bn-post-image-top #content .card__summaryThumb .card__thumbBadge,
html.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryThumb .card__thumbBadge,
body.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryThumb .card__thumbBadge{
  display:inline-flex !important;
  align-items:center !important;
  width:fit-content !important;
  max-width:100% !important;
  padding:4px 8px !important;
  border-radius:10px !important;
  background:#e00000 !important;
  color:#ffffff !important;
  border:0 !important;
  font-size:13px !important;
  font-weight:900 !important;
  line-height:1.1 !important;
  white-space:normal !important;
  word-break:break-word !important;
  box-shadow:none !important;
}
html.bn-post-compact.bn-post-image-top #content .card__summaryThumb .card__thumbBadge--position,
body.bn-post-compact.bn-post-image-top #content .card__summaryThumb .card__thumbBadge--position,
html.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryThumb .card__thumbBadge--position,
body.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryThumb .card__thumbBadge--position{
  display:inline-flex !important;
  white-space:normal !important;
  word-break:break-word !important;
  max-width:100% !important;
  background:rgba(96,96,96,0.78) !important;
  border:1px solid rgba(255,255,255,0.38) !important;
  color:#ffffff !important;
  font-size:13px !important;
}
html.bn-post-compact.bn-post-image-top #content .card__summaryThumb .card__priceDeltaBadge,
body.bn-post-compact.bn-post-image-top #content .card__summaryThumb .card__priceDeltaBadge,
html.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryThumb .card__priceDeltaBadge,
body.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryThumb .card__priceDeltaBadge{
  position:static !important;
  z-index:4 !important;
  align-self:center !important;
  display:inline-flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  width:max-content !important;
  max-width:calc(100% - 12px) !important;
  min-width:0 !important;
  padding:4px 10px !important;
  border-radius:15px !important;
  background:#ffffff !important;
  border:2px solid currentColor !important;
  font-size:13px !important;
  font-weight:900 !important;
  line-height:1.04 !important;
  text-align:center !important;
  box-shadow:0 4px 12px rgba(0,0,0,.18) !important;
}
html.bn-post-compact.bn-post-image-top #content .card__summaryThumb .card__priceDeltaBadgeLine,
body.bn-post-compact.bn-post-image-top #content .card__summaryThumb .card__priceDeltaBadgeLine,
html.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryThumb .card__priceDeltaBadgeLine,
body.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryThumb .card__priceDeltaBadgeLine{
  display:block !important;
  width:100% !important;
  padding:0 !important;
  text-align:center !important;
}
html.bn-post-compact.bn-post-image-top #content .card__summaryThumb .card__thumbBookmarkStar,
body.bn-post-compact.bn-post-image-top #content .card__summaryThumb .card__thumbBookmarkStar,
html.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryThumb .card__thumbBookmarkStar,
body.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryThumb .card__thumbBookmarkStar{
  display:block !important;
}


/* ===== SP v121: giao diện đen - chữ Giá tốt / Ngừng bán / Đã bán màu đen ===== */
html.bn-background-dark .card__priceDeltaBadge,
html.bn-background-dark .card__priceDeltaBadge *,
body.bn-background-dark .card__priceDeltaBadge,
body.bn-background-dark .card__priceDeltaBadge *,
html.bn-background-dark .card__summaryThumb .card__summaryStatusText,
body.bn-background-dark .card__summaryThumb .card__summaryStatusText,
html.bn-background-dark .card.status-ngung-ban .card__summaryStatusText,
body.bn-background-dark .card.status-ngung-ban .card__summaryStatusText,
html.bn-background-dark .card.status-da-ban .card__summaryStatusText,
body.bn-background-dark .card.status-da-ban .card__summaryStatusText,
html.bn-background-dark .smallbtn--status[data-status="Ngừng bán"],
body.bn-background-dark .smallbtn--status[data-status="Ngừng bán"],
html.bn-background-dark .smallbtn--status[data-status="Đã bán"],
body.bn-background-dark .smallbtn--status[data-status="Đã bán"]{
  color:#000000 !important;
  text-shadow:none !important;
}
html.bn-background-dark .card__priceDeltaBadgeLine,
body.bn-background-dark .card__priceDeltaBadgeLine,
html.bn-background-dark .card__priceDeltaBadgeLine--label,
body.bn-background-dark .card__priceDeltaBadgeLine--label,
html.bn-background-dark .card__priceDeltaBadgeLine--value,
body.bn-background-dark .card__priceDeltaBadgeLine--value{
  color:#000000 !important;
  text-shadow:none !important;
}

/* ===== SP v122: Dark mode - chữ nhãn trong ảnh theo đúng từng kiểu hiển thị =====
   1) Kiểu ảnh trên chữ dưới: Giá tốt / Ngừng bán / Đã bán giữ chữ đen như kiểu mặc định.
   2) Kiểu hiển thị gọn (ảnh trái/phải): toàn bộ chữ nằm trong ảnh đổi sang trắng. */
html.bn-background-dark.bn-post-compact.bn-post-image-top #content .card__summaryThumb .card__priceDeltaBadge,
body.bn-background-dark.bn-post-compact.bn-post-image-top #content .card__summaryThumb .card__priceDeltaBadge,
html.bn-background-dark.bn-post-compact.bn-post-image-top #content .card__summaryThumb .card__priceDeltaBadge *,
body.bn-background-dark.bn-post-compact.bn-post-image-top #content .card__summaryThumb .card__priceDeltaBadge *,
html.bn-background-dark.bn-post-compact.bn-post-image-top #content .card__summaryThumb .card__priceDeltaBadgeLine,
body.bn-background-dark.bn-post-compact.bn-post-image-top #content .card__summaryThumb .card__priceDeltaBadgeLine,
html.bn-background-dark.bn-post-compact.bn-post-image-top #content .card__summaryThumb .card__priceDeltaBadgeLine *,
body.bn-background-dark.bn-post-compact.bn-post-image-top #content .card__summaryThumb .card__priceDeltaBadgeLine *,
html.bn-background-dark.bn-post-compact.bn-post-image-top #content .card__summaryThumb .card__summaryStatusText,
body.bn-background-dark.bn-post-compact.bn-post-image-top #content .card__summaryThumb .card__summaryStatusText,
html.bn-background-dark.bn-post-compact.bn-post-image-top #content .card.status-ngung-ban .card__summaryThumb .card__summaryStatusText,
body.bn-background-dark.bn-post-compact.bn-post-image-top #content .card.status-ngung-ban .card__summaryThumb .card__summaryStatusText,
html.bn-background-dark.bn-post-compact.bn-post-image-top #content .card.status-da-ban .card__summaryThumb .card__summaryStatusText,
body.bn-background-dark.bn-post-compact.bn-post-image-top #content .card.status-da-ban .card__summaryThumb .card__summaryStatusText,
html.bn-background-dark.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryThumb .card__priceDeltaBadge,
body.bn-background-dark.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryThumb .card__priceDeltaBadge,
html.bn-background-dark.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryThumb .card__priceDeltaBadge *,
body.bn-background-dark.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryThumb .card__priceDeltaBadge *,
html.bn-background-dark.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryThumb .card__summaryStatusText,
body.bn-background-dark.bn-post-compact.bn-post-image-top #searchFilterContent .card__summaryThumb .card__summaryStatusText{
  color:#000000 !important;
  text-shadow:none !important;
}

html.bn-background-dark.bn-post-compact:not(.bn-post-image-top) #content .card__summaryThumb,
body.bn-background-dark.bn-post-compact:not(.bn-post-image-top) #content .card__summaryThumb,
html.bn-background-dark.bn-post-compact:not(.bn-post-image-top) #content .card__summaryThumb *,
body.bn-background-dark.bn-post-compact:not(.bn-post-image-top) #content .card__summaryThumb *,
html.bn-background-dark.bn-post-compact:not(.bn-post-image-top) #searchFilterContent .card__summaryThumb,
body.bn-background-dark.bn-post-compact:not(.bn-post-image-top) #searchFilterContent .card__summaryThumb,
html.bn-background-dark.bn-post-compact:not(.bn-post-image-top) #searchFilterContent .card__summaryThumb *,
body.bn-background-dark.bn-post-compact:not(.bn-post-image-top) #searchFilterContent .card__summaryThumb *{
  color:#ffffff !important;
  text-shadow:none !important;
}

html.bn-background-dark.bn-post-compact:not(.bn-post-image-top) #content .card__summaryThumb .card__thumbBadge--position,
body.bn-background-dark.bn-post-compact:not(.bn-post-image-top) #content .card__summaryThumb .card__thumbBadge--position,
html.bn-background-dark.bn-post-compact:not(.bn-post-image-top) #content .card__summaryThumb .card__thumbBadge--position *,
body.bn-background-dark.bn-post-compact:not(.bn-post-image-top) #content .card__summaryThumb .card__thumbBadge--position *,
html.bn-background-dark.bn-post-compact:not(.bn-post-image-top) #searchFilterContent .card__summaryThumb .card__thumbBadge--position,
body.bn-background-dark.bn-post-compact:not(.bn-post-image-top) #searchFilterContent .card__summaryThumb .card__thumbBadge--position,
html.bn-background-dark.bn-post-compact:not(.bn-post-image-top) #searchFilterContent .card__summaryThumb .card__thumbBadge--position *,
body.bn-background-dark.bn-post-compact:not(.bn-post-image-top) #searchFilterContent .card__summaryThumb .card__thumbBadge--position *{
  color:#ffffff !important;
}

.card__thumbAgeText{display:inline-flex;align-items:center;width:fit-content;max-width:100%;color:#ffffff !important;font-size:12px !important;font-weight:500;line-height:1.1;text-shadow:0 1px 3px rgba(0,0,0,.55);white-space:nowrap;}

/* bnSearchUiAppearanceV147Fix */
/* SP v147: ô tìm kiếm + bộ lọc trang Tìm kiếm đi theo phong cách giao diện, chỉ đổi CSS */
html.bn-appearance-classic #searchFilterContent .searchFilterPage__searchwrap .search,
body.bn-appearance-classic #searchFilterContent .searchFilterPage__searchwrap .search,
html.bn-appearance-classic #searchFilterContent .searchFilterPage__searchwrap .searchbtn,
body.bn-appearance-classic #searchFilterContent .searchFilterPage__searchwrap .searchbtn,
html.bn-appearance-classic #searchFilterChips.searchFilterPage__filters .homeFilterBtn,
body.bn-appearance-classic #searchFilterChips.searchFilterPage__filters .homeFilterBtn,
html.bn-appearance-classic .bnSfModal__search,
body.bn-appearance-classic .bnSfModal__search,
html.bn-appearance-classic .bnSfModal__range input,
body.bn-appearance-classic .bnSfModal__range input,
html.bn-appearance-classic .bnSfModal__action,
body.bn-appearance-classic .bnSfModal__action,
html.bn-appearance-classic .bnSfModal__tab,
body.bn-appearance-classic .bnSfModal__tab{
  border-radius:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
html.bn-appearance-classic .bnSfModal__sheet,
body.bn-appearance-classic .bnSfModal__sheet{border-radius:0 !important;box-shadow:none !important;}
html.bn-appearance-classic #searchFilterContent .searchFilterPage__searchwrap .search,
body.bn-appearance-classic #searchFilterContent .searchFilterPage__searchwrap .search,
html.bn-appearance-classic #searchFilterContent .searchFilterPage__searchwrap .searchbtn,
body.bn-appearance-classic #searchFilterContent .searchFilterPage__searchwrap .searchbtn,
html.bn-appearance-classic #searchFilterChips.searchFilterPage__filters .homeFilterBtn,
body.bn-appearance-classic #searchFilterChips.searchFilterPage__filters .homeFilterBtn{
  border-color:#8f8f8f !important;
  background:#ffffff !important;
}
html.bn-appearance-classic #searchFilterChips.searchFilterPage__filters .homeFilterBtn.is-active,
body.bn-appearance-classic #searchFilterChips.searchFilterPage__filters .homeFilterBtn.is-active,
html.bn-appearance-classic .bnSfModal__action--apply,
body.bn-appearance-classic .bnSfModal__action--apply{
  background:#111111 !important;
  color:#ffffff !important;
  border-color:#111111 !important;
}

html.bn-appearance-rounded #searchFilterContent .searchFilterPage__searchwrap .search,
body.bn-appearance-rounded #searchFilterContent .searchFilterPage__searchwrap .search{border-radius:18px !important;box-shadow:0 8px 20px rgba(70,38,48,.08) !important;}
html.bn-appearance-rounded #searchFilterContent .searchFilterPage__searchwrap .searchbtn,
body.bn-appearance-rounded #searchFilterContent .searchFilterPage__searchwrap .searchbtn,
html.bn-appearance-rounded #searchFilterChips.searchFilterPage__filters .homeFilterBtn,
body.bn-appearance-rounded #searchFilterChips.searchFilterPage__filters .homeFilterBtn,
html.bn-appearance-rounded .bnSfModal__search,
body.bn-appearance-rounded .bnSfModal__search,
html.bn-appearance-rounded .bnSfModal__range input,
body.bn-appearance-rounded .bnSfModal__range input,
html.bn-appearance-rounded .bnSfModal__action,
body.bn-appearance-rounded .bnSfModal__action,
html.bn-appearance-rounded .bnSfModal__tab,
body.bn-appearance-rounded .bnSfModal__tab{border-radius:18px !important;}
html.bn-appearance-rounded .bnSfModal__sheet,
body.bn-appearance-rounded .bnSfModal__sheet{border-radius:30px 30px 0 0 !important;box-shadow:0 -14px 34px rgba(70,38,48,.12) !important;}

html.bn-appearance-ios26 #searchFilterContent .searchFilterPage__searchwrap .search,
body.bn-appearance-ios26 #searchFilterContent .searchFilterPage__searchwrap .search,
html.bn-appearance-ios26 #searchFilterContent .searchFilterPage__searchwrap .searchbtn,
body.bn-appearance-ios26 #searchFilterContent .searchFilterPage__searchwrap .searchbtn,
html.bn-appearance-ios26 #searchFilterChips.searchFilterPage__filters .homeFilterBtn,
body.bn-appearance-ios26 #searchFilterChips.searchFilterPage__filters .homeFilterBtn,
html.bn-appearance-ios26 .bnSfModal__search,
body.bn-appearance-ios26 .bnSfModal__search,
html.bn-appearance-ios26 .bnSfModal__range input,
body.bn-appearance-ios26 .bnSfModal__range input,
html.bn-appearance-ios26 .bnSfModal__action,
body.bn-appearance-ios26 .bnSfModal__action,
html.bn-appearance-ios26 .bnSfModal__tab,
body.bn-appearance-ios26 .bnSfModal__tab{
  border-radius:999px !important;
  background:rgba(255,255,255,.84) !important;
  border-color:rgba(0,0,0,.16) !important;
  box-shadow:0 10px 26px rgba(31,35,45,.10) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
}
html.bn-appearance-ios26 .bnSfModal__sheet,
body.bn-appearance-ios26 .bnSfModal__sheet{border-radius:34px 34px 0 0 !important;background:rgba(255,255,255,.88) !important;backdrop-filter:blur(18px) !important;-webkit-backdrop-filter:blur(18px) !important;}
html.bn-appearance-ios26 #searchFilterChips.searchFilterPage__filters .homeFilterBtn.is-active,
body.bn-appearance-ios26 #searchFilterChips.searchFilterPage__filters .homeFilterBtn.is-active,
html.bn-appearance-ios26 .bnSfModal__action--apply,
body.bn-appearance-ios26 .bnSfModal__action--apply{background:#007aff !important;color:#ffffff !important;border-color:#007aff !important;}

html.bn-appearance-android #searchFilterContent .searchFilterPage__searchwrap .search,
body.bn-appearance-android #searchFilterContent .searchFilterPage__searchwrap .search,
html.bn-appearance-android #searchFilterContent .searchFilterPage__searchwrap .searchbtn,
body.bn-appearance-android #searchFilterContent .searchFilterPage__searchwrap .searchbtn,
html.bn-appearance-android #searchFilterChips.searchFilterPage__filters .homeFilterBtn,
body.bn-appearance-android #searchFilterChips.searchFilterPage__filters .homeFilterBtn,
html.bn-appearance-android .bnSfModal__search,
body.bn-appearance-android .bnSfModal__search,
html.bn-appearance-android .bnSfModal__range input,
body.bn-appearance-android .bnSfModal__range input,
html.bn-appearance-android .bnSfModal__action,
body.bn-appearance-android .bnSfModal__action,
html.bn-appearance-android .bnSfModal__tab,
body.bn-appearance-android .bnSfModal__tab{
  border-radius:14px !important;
  border-color:rgba(0,0,0,.12) !important;
  box-shadow:0 3px 10px rgba(0,0,0,.08) !important;
}
html.bn-appearance-android .bnSfModal__sheet,
body.bn-appearance-android .bnSfModal__sheet{border-radius:24px 24px 0 0 !important;box-shadow:0 -8px 24px rgba(0,0,0,.12) !important;}
html.bn-appearance-android #searchFilterChips.searchFilterPage__filters .homeFilterBtn.is-active,
body.bn-appearance-android #searchFilterChips.searchFilterPage__filters .homeFilterBtn.is-active,
html.bn-appearance-android .bnSfModal__action--apply,
body.bn-appearance-android .bnSfModal__action--apply{background:#1a73e8 !important;color:#ffffff !important;border-color:#1a73e8 !important;}

html.bn-appearance-lite #searchFilterContent .searchFilterPage__searchwrap .search,
body.bn-appearance-lite #searchFilterContent .searchFilterPage__searchwrap .search,
html.bn-appearance-lite #searchFilterContent .searchFilterPage__searchwrap .searchbtn,
body.bn-appearance-lite #searchFilterContent .searchFilterPage__searchwrap .searchbtn,
html.bn-appearance-lite #searchFilterChips.searchFilterPage__filters .homeFilterBtn,
body.bn-appearance-lite #searchFilterChips.searchFilterPage__filters .homeFilterBtn,
html.bn-font-lite #searchFilterContent .searchFilterPage__searchwrap .search,
body.bn-font-lite #searchFilterContent .searchFilterPage__searchwrap .search,
html.bn-font-lite #searchFilterContent .searchFilterPage__searchwrap .searchbtn,
body.bn-font-lite #searchFilterContent .searchFilterPage__searchwrap .searchbtn,
html.bn-font-lite #searchFilterChips.searchFilterPage__filters .homeFilterBtn,
body.bn-font-lite #searchFilterChips.searchFilterPage__filters .homeFilterBtn{
  font-weight:400 !important;
  box-shadow:none !important;
}
html.bn-background-dark.bn-appearance-ios26 #searchFilterContent .searchFilterPage__searchwrap .search,
html.bn-background-dark.bn-appearance-ios26 #searchFilterContent .searchFilterPage__searchwrap .searchbtn,
html.bn-background-dark.bn-appearance-ios26 #searchFilterChips.searchFilterPage__filters .homeFilterBtn,
html.bn-background-dark.bn-appearance-ios26 .bnSfModal__search,
html.bn-background-dark.bn-appearance-ios26 .bnSfModal__range input,
html.bn-background-dark.bn-appearance-ios26 .bnSfModal__action,
body.bn-background-dark.bn-appearance-ios26 #searchFilterContent .searchFilterPage__searchwrap .search,
body.bn-background-dark.bn-appearance-ios26 #searchFilterContent .searchFilterPage__searchwrap .searchbtn,
body.bn-background-dark.bn-appearance-ios26 #searchFilterChips.searchFilterPage__filters .homeFilterBtn,
body.bn-background-dark.bn-appearance-ios26 .bnSfModal__search,
body.bn-background-dark.bn-appearance-ios26 .bnSfModal__range input,
body.bn-background-dark.bn-appearance-ios26 .bnSfModal__action{background:rgba(17,17,17,.84) !important;border-color:rgba(255,255,255,.28) !important;color:#ffffff !important;}
html.bn-background-dark.bn-appearance-ios26 .bnSfModal__sheet,
body.bn-background-dark.bn-appearance-ios26 .bnSfModal__sheet{background:rgba(0,0,0,.88) !important;}
html.bn-background-dark.bn-appearance-classic #searchFilterContent .searchFilterPage__searchwrap .search,
html.bn-background-dark.bn-appearance-classic #searchFilterContent .searchFilterPage__searchwrap .searchbtn,
html.bn-background-dark.bn-appearance-classic #searchFilterChips.searchFilterPage__filters .homeFilterBtn,
body.bn-background-dark.bn-appearance-classic #searchFilterContent .searchFilterPage__searchwrap .search,
body.bn-background-dark.bn-appearance-classic #searchFilterContent .searchFilterPage__searchwrap .searchbtn,
body.bn-background-dark.bn-appearance-classic #searchFilterChips.searchFilterPage__filters .homeFilterBtn{background:#000000 !important;border-color:#8f8f8f !important;color:#ffffff !important;}




/* v162: Giao diện Hiện đại - chỉ đổi lớp hiển thị, giữ nguyên toàn bộ logic/chức năng */
.outsidePostNoteSvg--modern{ display:none; }
html.bn-appearance-modern,
body.bn-appearance-modern{
  --modern-primary:#6d43f5;
  --modern-primary-2:#a52de6;
  --modern-blue:#356df3;
  --modern-surface:#ffffff;
  --modern-bg:#f7f8fc;
  --modern-border:rgba(40,48,74,.08);
  --modern-shadow:0 10px 28px rgba(47,54,82,.10);
}
html.bn-appearance-modern{
  background:#ffffff !important;
}
html.bn-appearance-modern body,
body.bn-appearance-modern{
  background:var(--modern-bg) !important;
}
html.bn-appearance-modern .main,
body.bn-appearance-modern .main,
html.bn-appearance-modern .content,
body.bn-appearance-modern .content{
  background:linear-gradient(180deg,#ffffff 0%,#f8f9fd 100%) !important;
}
html.bn-appearance-modern .topbar,
body.bn-appearance-modern .topbar,
html.bn-appearance-modern #pcTopbar,
body.bn-appearance-modern #pcTopbar{
  background:#ffffff !important;
  border-bottom:1px solid rgba(46,52,73,.08) !important;
  box-shadow:0 6px 20px rgba(53,61,88,.05) !important;
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
}
html.bn-appearance-modern .topbar .iconbtn,
body.bn-appearance-modern .topbar .iconbtn,
html.bn-appearance-modern .homeSearchToggleBtn,
body.bn-appearance-modern .homeSearchToggleBtn{
  border-radius:16px !important;
}
html.bn-appearance-modern .topbar .iconbtn:last-child,
body.bn-appearance-modern .topbar .iconbtn:last-child{
  background:linear-gradient(135deg,var(--modern-blue),var(--modern-primary-2)) !important;
  color:#fff !important;
  border:0 !important;
  box-shadow:0 8px 18px rgba(109,67,245,.28) !important;
}
html.bn-appearance-modern.bn-modern-card-active #list,
body.bn-appearance-modern.bn-modern-card-active #list{
  gap:12px !important;
}
html.bn-appearance-modern.bn-modern-card-active .card,
body.bn-appearance-modern.bn-modern-card-active .card{
  background:var(--modern-surface) !important;
  border:1px solid var(--modern-border) !important;
  border-radius:24px !important;
  box-shadow:var(--modern-shadow) !important;
  overflow:hidden;
}
html.bn-appearance-modern.bn-modern-card-active .card__summary,
body.bn-appearance-modern.bn-modern-card-active .card__summary{
  padding:16px !important;
}
html.bn-appearance-modern.bn-modern-card-active .card__summaryTitle,
body.bn-appearance-modern.bn-modern-card-active .card__summaryTitle{
  /* Giữ nguyên cỡ chữ và độ đậm tiêu đề của giao diện gốc */
  font-size:18px !important;
  font-weight:588 !important;
  letter-spacing:normal !important;
}
html.bn-appearance-modern.bn-modern-card-active .card__summaryLine,
body.bn-appearance-modern.bn-modern-card-active .card__summaryLine{
  margin-bottom:11px !important;
}
html.bn-appearance-modern.bn-modern-card-active .card__summaryThumb,
body.bn-appearance-modern.bn-modern-card-active .card__summaryThumb{
  border-radius:20px !important;
  border:0 !important;
  box-shadow:0 8px 22px rgba(36,42,62,.13);
}
html.bn-appearance-modern.bn-modern-card-active .card__thumbPhotoBtn,
body.bn-appearance-modern.bn-modern-card-active .card__thumbPhotoBtn{
  background:rgba(20,22,30,.82) !important;
  border:1px solid rgba(255,255,255,.18) !important;
}
html.bn-appearance-modern.bn-modern-card-active .card__summaryPriceValue,
body.bn-appearance-modern.bn-modern-card-active .card__summaryPriceValue{
  color:#f0142f !important;
  font-weight:800 !important;
}
html.bn-appearance-modern.bn-modern-card-active .card__summaryActions,
body.bn-appearance-modern.bn-modern-card-active .card__summaryActions{
  gap:14px !important;
}
html.bn-appearance-modern.bn-modern-card-active .card__summaryActions .smallbtn,
body.bn-appearance-modern.bn-modern-card-active .card__summaryActions .smallbtn{
  min-width:38px !important;
  height:38px !important;
  padding:0 8px !important;
  border-radius:12px !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
html.bn-appearance-modern.bn-modern-card-active .outsidePostNoteSvg--default,
body.bn-appearance-modern.bn-modern-card-active .outsidePostNoteSvg--default{ display:none; }
html.bn-appearance-modern.bn-modern-card-active .outsidePostNoteSvg--modern,
body.bn-appearance-modern.bn-modern-card-active .outsidePostNoteSvg--modern{ display:block; }
html.bn-appearance-modern .drawer,
body.bn-appearance-modern .drawer{
  background:linear-gradient(180deg,#386df4 0,#7842f3 18%,#f8f9fd 18.1%,#f8f9fd 100%) !important;
}
html.bn-appearance-modern .drawer__topbar,
body.bn-appearance-modern .drawer__topbar{
  background:transparent !important;
  border-bottom:0 !important;
  color:#fff !important;
}
html.bn-appearance-modern .drawer__content,
body.bn-appearance-modern .drawer__content{
  padding-top:8px;
}
html.bn-appearance-modern .drawer .section,
body.bn-appearance-modern .drawer .section{
  padding-left:14px !important;
  padding-right:14px !important;
}
html.bn-appearance-modern .drawer .row,
body.bn-appearance-modern .drawer .row{
  height:60px !important;
  margin:0 0 3px !important;
  border-radius:18px !important;
  border:1px solid rgba(52,59,83,.06) !important;
  background:rgba(255,255,255,.96) !important;
  box-shadow:0 7px 20px rgba(48,54,79,.08) !important;
  padding-left:16px !important;
  padding-right:12px !important;
  font-weight:550 !important;
}
html.bn-appearance-modern .drawer .row,
body.bn-appearance-modern .drawer .row,
html.bn-appearance-modern .drawer .row > span,
body.bn-appearance-modern .drawer .row > span,
html.bn-appearance-modern .drawer .badge,
body.bn-appearance-modern .drawer .badge,
html.bn-appearance-modern .drawer .section__title,
body.bn-appearance-modern .drawer .section__title,
html.bn-appearance-modern .drawer .drawer__title,
body.bn-appearance-modern .drawer .drawer__title,
html.bn-appearance-modern .drawer button,
body.bn-appearance-modern .drawer button,
html.bn-appearance-modern .bn-bottom-bar__label,
body.bn-appearance-modern .bn-bottom-bar__label{
  font-weight:550 !important;
}
html.bn-appearance-modern .drawer .row--badge:first-of-type,
body.bn-appearance-modern .drawer .row--badge:first-of-type{
  min-height:90px !important;
}
html.bn-appearance-modern .drawer .badge,
body.bn-appearance-modern .drawer .badge{
  width:auto !important;
  min-width:42px !important;
  height:34px !important;
  padding:0 11px !important;
  border:0 !important;
  background:#f3f1ff !important;
  color:var(--modern-primary) !important;
  box-shadow:none !important;
}
html.bn-appearance-modern .drawer .section__title,
body.bn-appearance-modern .drawer .section__title{
  color:#646b7a !important;
  font-size:18px !important;
  margin:16px 2px 10px !important;
}
html.bn-appearance-modern .bn-ui-option,
body.bn-appearance-modern .bn-ui-option,
html.bn-appearance-modern .modal__sheet,
body.bn-appearance-modern .modal__sheet,
html.bn-appearance-modern .pc-modal__sheet,
body.bn-appearance-modern .pc-modal__sheet{
  border-radius:20px !important;
  border:1px solid var(--modern-border) !important;
  box-shadow:var(--modern-shadow) !important;
}
html.bn-appearance-modern .bn-ui-switch.is-on,
body.bn-appearance-modern .bn-ui-switch.is-on{
  background:linear-gradient(135deg,var(--modern-blue),var(--modern-primary-2)) !important;
}
@media (min-width:900px){
  html.bn-appearance-modern #pcSidebar,
  body.bn-appearance-modern #pcSidebar{
    background:linear-gradient(180deg,#386df4 0,#7842f3 170px,#f8f9fd 171px,#f8f9fd 100%) !important;
  }
  html.bn-appearance-modern #pcSidebar .sb-navbtn,
  body.bn-appearance-modern #pcSidebar .sb-navbtn,
  html.bn-appearance-modern #pcSidebar .sb-chip,
  body.bn-appearance-modern #pcSidebar .sb-chip{
    border-radius:16px !important;
    border:1px solid var(--modern-border) !important;
    box-shadow:0 7px 20px rgba(48,54,79,.08) !important;
  }
}


/* v163: hoàn thiện bộ icon đúng mẫu cho giao diện Hiện đại */
html.bn-appearance-modern .drawer .row--badge,
body.bn-appearance-modern .drawer .row--badge{
  justify-content:flex-start !important;
  gap:10px !important;
}
html.bn-appearance-modern .drawer .row--badge > span:first-child,
body.bn-appearance-modern .drawer .row--badge > span:first-child{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  min-width:0;
}
html.bn-appearance-modern .drawer .row--badge > span:first-child::before,
body.bn-appearance-modern .drawer .row--badge > span:first-child::before{
  content:"";
  display:inline-block;
  width:23px;
  height:23px;
  flex:0 0 23px;
  background:currentColor;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-size:contain;
  mask-size:contain;
}
html.bn-appearance-modern .drawer .row--badge .badge,
body.bn-appearance-modern .drawer .row--badge .badge{ margin-left:auto !important; }

/* Tất cả - hộp sản phẩm */
html.bn-appearance-modern .drawer .row--badge[data-filter="all"] > span:first-child,
body.bn-appearance-modern .drawer .row--badge[data-filter="all"] > span:first-child{ color:#6d43f5; }
html.bn-appearance-modern .drawer .row--badge[data-filter="all"] .badge,
body.bn-appearance-modern .drawer .row--badge[data-filter="all"] .badge{ color:#6d43f5 !important; }
html.bn-appearance-modern .drawer .row--badge[data-filter="all"] > span:first-child::before,
body.bn-appearance-modern .drawer .row--badge[data-filter="all"] > span:first-child::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 7.5 12 3l8 4.5v9L12 21l-8-4.5v-9Zm2 .9v6.9l5 2.8v-6.9L6 8.4Zm7 2.8v6.9l5-2.8V8.4l-5 2.8ZM7 7.3l5 2.8 5-2.8-5-2.8-5 2.8Z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 7.5 12 3l8 4.5v9L12 21l-8-4.5v-9Zm2 .9v6.9l5 2.8v-6.9L6 8.4Zm7 2.8v6.9l5-2.8V8.4l-5 2.8ZM7 7.3l5 2.8 5-2.8-5-2.8-5 2.8Z'/%3E%3C/svg%3E");
}
/* Đánh dấu - ngôi sao */
html.bn-appearance-modern .drawer .row--badge[data-filter="bookmarked"] > span:first-child,
body.bn-appearance-modern .drawer .row--badge[data-filter="bookmarked"] > span:first-child{ color:#2574ff; }
html.bn-appearance-modern .drawer .row--badge[data-filter="bookmarked"] .badge,
body.bn-appearance-modern .drawer .row--badge[data-filter="bookmarked"] .badge{ color:#2574ff !important; }
html.bn-appearance-modern .drawer .row--badge[data-filter="bookmarked"] > span:first-child::before,
body.bn-appearance-modern .drawer .row--badge[data-filter="bookmarked"] > span:first-child::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 21V6h7v15H4Zm2-2h1v-2H6v2Zm0-4h1v-2H6v2Zm0-4h1V9H6v2Zm3 8h1v-2H9v2Zm0-4h1v-2H9v2Zm0-4h1V9H9v2Zm4 10V3h7v18h-7Zm2-2h1v-2h-1v2Zm0-4h1v-2h-1v2Zm0-4h1V9h-1v2Zm0-4h1V5h-1v2Zm3 12h1v-2h-1v2Zm0-4h1v-2h-1v2Zm0-4h1V9h-1v2Zm0-4h1V5h-1v2Z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 21V6h7v15H4Zm2-2h1v-2H6v2Zm0-4h1v-2H6v2Zm0-4h1V9H6v2Zm3 8h1v-2H9v2Zm0-4h1v-2H9v2Zm0-4h1V9H9v2Zm4 10V3h7v18h-7Zm2-2h1v-2h-1v2Zm0-4h1v-2h-1v2Zm0-4h1V9h-1v2Zm0-4h1V5h-1v2Zm3 12h1v-2h-1v2Zm0-4h1v-2h-1v2Zm0-4h1V9h-1v2Zm0-4h1V5h-1v2Z'/%3E%3C/svg%3E");
}
/* Nhà tập trung - toà nhà */
html.bn-appearance-modern .drawer .row--badge[data-filter="focus"] > span:first-child,
body.bn-appearance-modern .drawer .row--badge[data-filter="focus"] > span:first-child{ color:#596275; }
html.bn-appearance-modern .drawer .row--badge[data-filter="focus"] .badge,
body.bn-appearance-modern .drawer .row--badge[data-filter="focus"] .badge{ color:#596275 !important; }
html.bn-appearance-modern .drawer .row--badge[data-filter="focus"] > span:first-child::before,
body.bn-appearance-modern .drawer .row--badge[data-filter="focus"] > span:first-child::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 2.7 2.8 5.7 6.3.9-4.6 4.4 1.1 6.3-5.6-3-5.6 3 1.1-6.3-4.6-4.4 6.3-.9L12 2.7Zm0 4.5-1.5 3.1-3.4.5 2.5 2.4-.6 3.4 3-1.6 3 1.6-.6-3.4 2.5-2.4-3.4-.5L12 7.2Z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 2.7 2.8 5.7 6.3.9-4.6 4.4 1.1 6.3-5.6-3-5.6 3 1.1-6.3-4.6-4.4 6.3-.9L12 2.7Zm0 4.5-1.5 3.1-3.4.5 2.5 2.4-.6 3.4 3-1.6 3 1.6-.6-3.4 2.5-2.4-3.4-.5L12 7.2Z'/%3E%3C/svg%3E");
}
/* Đang bán - thẻ giá */
html.bn-appearance-modern .drawer .row--badge[data-filter="selling"] > span:first-child,
body.bn-appearance-modern .drawer .row--badge[data-filter="selling"] > span:first-child{ color:#1685f8; }
html.bn-appearance-modern .drawer .row--badge[data-filter="selling"] .badge,
body.bn-appearance-modern .drawer .row--badge[data-filter="selling"] .badge{ color:#1685f8 !important; }
html.bn-appearance-modern .drawer .row--badge[data-filter="selling"] > span:first-child::before,
body.bn-appearance-modern .drawer .row--badge[data-filter="selling"] > span:first-child::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 12.2 12.2 3H21v8.8L11.8 21 3 12.2Zm2.8 0 6 6 7.2-7.2V5h-6l-7.2 7.2ZM16 7a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 12.2 12.2 3H21v8.8L11.8 21 3 12.2Zm2.8 0 6 6 7.2-7.2V5h-6l-7.2 7.2ZM16 7a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Z'/%3E%3C/svg%3E");
}
/* Trạng thái tròn */
html.bn-appearance-modern .drawer .row--badge[data-filter="stopped"] > span:first-child{ color:#ff8a00; }
html.bn-appearance-modern .drawer .row--badge[data-filter="stopped"] .badge,
body.bn-appearance-modern .drawer .row--badge[data-filter="stopped"] .badge{ color:#ff8a00 !important; }
html.bn-appearance-modern .drawer .row--badge[data-filter="sold"] > span:first-child{ color:#16b875; }
html.bn-appearance-modern .drawer .row--badge[data-filter="sold"] .badge,
body.bn-appearance-modern .drawer .row--badge[data-filter="sold"] .badge{ color:#16b875 !important; }
html.bn-appearance-modern .drawer .row--badge[data-filter="stopped"] > span:first-child::before,
body.bn-appearance-modern .drawer .row--badge[data-filter="stopped"] > span:first-child::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20Zm0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm-3 5 6 6m0-6-6 6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20Zm0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm-3 5 6 6m0-6-6 6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}
html.bn-appearance-modern .drawer .row--badge[data-filter="sold"] > span:first-child::before,
body.bn-appearance-modern .drawer .row--badge[data-filter="sold"] > span:first-child::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20Zm0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm-4 8 2.5 2.5L16 9l1.4 1.4-6.9 6.9-3.9-3.9L8 12Z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20Zm0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm-4 8 2.5 2.5L16 9l1.4 1.4-6.9 6.9-3.9-3.9L8 12Z'/%3E%3C/svg%3E");
}
/* Cập nhật, đổi giá, thùng rác */
html.bn-appearance-modern .drawer .row--badge[data-filter="updated"] > span:first-child{ color:#8d35ff; }
html.bn-appearance-modern .drawer .row--badge[data-filter="updated"] .badge,
body.bn-appearance-modern .drawer .row--badge[data-filter="updated"] .badge{ color:#8d35ff !important; }
html.bn-appearance-modern .drawer .row--badge[data-filter="priceChanged"] > span:first-child{ color:#2378ff; }
html.bn-appearance-modern .drawer .row--badge[data-filter="priceChanged"] .badge,
body.bn-appearance-modern .drawer .row--badge[data-filter="priceChanged"] .badge{ color:#2378ff !important; }
html.bn-appearance-modern .drawer .row--badge[data-filter="deleted"] > span:first-child{ color:#7d8491; }
html.bn-appearance-modern .drawer .row--badge[data-filter="deleted"] .badge,
body.bn-appearance-modern .drawer .row--badge[data-filter="deleted"] .badge{ color:#7d8491 !important; }
html.bn-appearance-modern .drawer .row--badge[data-filter="updated"] > span:first-child::before,
body.bn-appearance-modern .drawer .row--badge[data-filter="updated"] > span:first-child::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m13 2-8 12h6l-1 8 9-13h-6V2Z'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m13 2-8 12h6l-1 8 9-13h-6V2Z'/%3E%3C/svg%3E");
}
html.bn-appearance-modern .drawer .row--badge[data-filter="priceChanged"] > span:first-child::before,
body.bn-appearance-modern .drawer .row--badge[data-filter="priceChanged"] > span:first-child::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 7h10l-2.5-2.5L16 3l5 5-5 5-1.5-1.5L17 9H7V7Zm10 10H7l2.5 2.5L8 21l-5-5 5-5 1.5 1.5L7 15h10v2Z'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 7h10l-2.5-2.5L16 3l5 5-5 5-1.5-1.5L17 9H7V7Zm10 10H7l2.5 2.5L8 21l-5-5 5-5 1.5 1.5L7 15h10v2Z'/%3E%3C/svg%3E");
}
html.bn-appearance-modern .drawer .row--badge[data-filter="deleted"] > span:first-child::before,
body.bn-appearance-modern .drawer .row--badge[data-filter="deleted"] > span:first-child::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 3h8l1 2h4v2H3V5h4l1-2Zm-2 6h12l-1 12H7L6 9Zm3 2 .6 8h1L10 11H9Zm5 0-.6 8h1L15 11h-1Z'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 3h8l1 2h4v2H3V5h4l1-2Zm-2 6h12l-1 12H7L6 9Zm3 2 .6 8h1L10 11H9Zm5 0-.6 8h1L15 11h-1Z'/%3E%3C/svg%3E");
}

/* Icon thông tin trên card theo đúng mẫu; không đổi dữ liệu hoặc thao tác */
html.bn-appearance-modern.bn-modern-card-active .card__summaryLine,
body.bn-appearance-modern.bn-modern-card-active .card__summaryLine{
  position:relative;
  padding-left:28px !important;
}
html.bn-appearance-modern.bn-modern-card-active .card__summaryLine::before,
body.bn-appearance-modern.bn-modern-card-active .card__summaryLine::before{
  content:"";
  position:absolute;
  left:0;
  top:.08em;
  width:19px;
  height:19px;
  background:#555d69;
  -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
  -webkit-mask-position:center; mask-position:center;
  -webkit-mask-size:contain; mask-size:contain;
}
html.bn-appearance-modern.bn-modern-card-active .card__summaryLine:nth-of-type(1)::before,
body.bn-appearance-modern.bn-modern-card-active .card__summaryLine:nth-of-type(1)::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 0 1 7 7c0 5-7 13-7 13S5 14 5 9a7 7 0 0 1 7-7Zm0 2a5 5 0 0 0-5 5c0 2.8 3.1 7.5 5 10.1 1.9-2.6 5-7.3 5-10.1a5 5 0 0 0-5-5Zm0 3a2 2 0 1 1 0 4 2 2 0 0 1 0-4Z'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 0 1 7 7c0 5-7 13-7 13S5 14 5 9a7 7 0 0 1 7-7Zm0 2a5 5 0 0 0-5 5c0 2.8 3.1 7.5 5 10.1 1.9-2.6 5-7.3 5-10.1a5 5 0 0 0-5-5Zm0 3a2 2 0 1 1 0 4 2 2 0 0 1 0-4Z'/%3E%3C/svg%3E");
}
html.bn-appearance-modern.bn-modern-card-active .card__summaryLine:nth-of-type(2)::before,
body.bn-appearance-modern.bn-modern-card-active .card__summaryLine:nth-of-type(2)::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h6v2H6v4H4V4Zm10 0h6v6h-2V6h-4V4ZM4 14h2v4h4v2H4v-6Zm14 0h2v6h-6v-2h4v-4ZM8 8h8v8H8V8Zm2 2v4h4v-4h-4Z'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h6v2H6v4H4V4Zm10 0h6v6h-2V6h-4V4ZM4 14h2v4h4v2H4v-6Zm14 0h2v6h-6v-2h4v-4ZM8 8h8v8H8V8Zm2 2v4h4v-4h-4Z'/%3E%3C/svg%3E");
}
html.bn-appearance-modern.bn-modern-card-active .card__summaryLine:nth-of-type(3)::before,
body.bn-appearance-modern.bn-modern-card-active .card__summaryLine:nth-of-type(3)::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 21V7h5V3h9v18H5Zm2-2h2v-2H7v2Zm0-4h2v-2H7v2Zm0-4h2V9H7v2Zm5 8h2v-2h-2v2Zm0-4h2v-2h-2v2Zm0-4h2V9h-2v2Zm0-4h2V5h-2v2Zm4 12h1V5h-1v14Z'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 21V7h5V3h9v18H5Zm2-2h2v-2H7v2Zm0-4h2v-2H7v2Zm0-4h2V9H7v2Zm5 8h2v-2h-2v2Zm0-4h2v-2h-2v2Zm0-4h2V9h-2v2Zm0-4h2V5h-2v2Zm4 12h1V5h-1v14Z'/%3E%3C/svg%3E");
}
html.bn-appearance-modern.bn-modern-card-active .card__summaryLine .card__summaryK,
body.bn-appearance-modern.bn-modern-card-active .card__summaryLine .card__summaryK{ display:none !important; }


/* v164: Hiện đại giữ màu menu gốc và có ảnh trái/phải */
html.bn-appearance-modern .drawer,body.bn-appearance-modern .drawer,html.bn-appearance-modern .drawer__content,body.bn-appearance-modern .drawer__content,html.bn-appearance-modern .drawer__topbar,body.bn-appearance-modern .drawer__topbar{background:var(--bg,#f7f7f8)!important;color:var(--fg,#111)!important;}
html.bn-appearance-modern .drawer__topbar,body.bn-appearance-modern .drawer__topbar{border-bottom:1px solid var(--line,rgba(0,0,0,.08))!important;}
html.bn-appearance-modern .drawer__topbar .iconbtn,body.bn-appearance-modern .drawer__topbar .iconbtn{color:inherit!important;}
html.bn-appearance-modern .drawer .section,body.bn-appearance-modern .drawer .section{margin-top:3px!important;margin-bottom:3px!important;}
html.bn-appearance-modern .drawer .row,body.bn-appearance-modern .drawer .row{margin-top:3px!important;margin-bottom:0!important;}
html.bn-appearance-modern.bn-modern-card-active.bn-modern-image-left .card__summaryMain,body.bn-appearance-modern.bn-modern-card-active.bn-modern-image-left .card__summaryMain{grid-template-columns:auto minmax(0,1fr)!important;}
html.bn-appearance-modern.bn-modern-card-active.bn-modern-image-left .card__summaryThumb,body.bn-appearance-modern.bn-modern-card-active.bn-modern-image-left .card__summaryThumb{grid-column:1!important;grid-row:1!important;}
html.bn-appearance-modern.bn-modern-card-active.bn-modern-image-left .card__summaryBody,body.bn-appearance-modern.bn-modern-card-active.bn-modern-image-left .card__summaryBody{grid-column:2!important;grid-row:1!important;}
html.bn-appearance-modern.bn-modern-card-active.bn-modern-image-right .card__summaryMain,body.bn-appearance-modern.bn-modern-card-active.bn-modern-image-right .card__summaryMain{grid-template-columns:minmax(0,1fr) auto!important;}
html.bn-appearance-modern.bn-modern-card-active.bn-modern-image-right .card__summaryBody,body.bn-appearance-modern.bn-modern-card-active.bn-modern-image-right .card__summaryBody{grid-column:1!important;grid-row:1!important;}
html.bn-appearance-modern.bn-modern-card-active.bn-modern-image-right .card__summaryThumb,body.bn-appearance-modern.bn-modern-card-active.bn-modern-image-right .card__summaryThumb{grid-column:2!important;grid-row:1!important;}
.bn-modern-side-choices{margin-top:-2px;}


/* v165: sửa icon card theo đúng trường + icon đầy đủ cho các nút menu */
html.bn-appearance-modern.bn-modern-card-active .outsidePostNoteSvg--default,
body.bn-appearance-modern.bn-modern-card-active .outsidePostNoteSvg--default{display:block!important;}
html.bn-appearance-modern.bn-modern-card-active .outsidePostNoteSvg--modern,
body.bn-appearance-modern.bn-modern-card-active .outsidePostNoteSvg--modern{display:none!important;}

/* Không dựa vào thứ tự dòng: mỗi trường có class riêng nên icon luôn đúng. */
html.bn-appearance-modern.bn-modern-card-active .card__summaryLine::before,
body.bn-appearance-modern.bn-modern-card-active .card__summaryLine::before{-webkit-mask-image:none!important;mask-image:none!important;}
html.bn-appearance-modern.bn-modern-card-active .card__summaryLine--location::before,
body.bn-appearance-modern.bn-modern-card-active .card__summaryLine--location::before{
-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 0 1 7 7c0 5-7 13-7 13S5 14 5 9a7 7 0 0 1 7-7Zm0 2a5 5 0 0 0-5 5c0 2.8 3.1 7.5 5 10.1 1.9-2.6 5-7.3 5-10.1a5 5 0 0 0-5-5Zm0 3a2 2 0 1 1 0 4 2 2 0 0 1 0-4Z'/%3E%3C/svg%3E")!important;
mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 0 1 7 7c0 5-7 13-7 13S5 14 5 9a7 7 0 0 1 7-7Zm0 2a5 5 0 0 0-5 5c0 2.8 3.1 7.5 5 10.1 1.9-2.6 5-7.3 5-10.1a5 5 0 0 0-5-5Zm0 3a2 2 0 1 1 0 4 2 2 0 0 1 0-4Z'/%3E%3C/svg%3E")!important;}
html.bn-appearance-modern.bn-modern-card-active .card__summaryLine--area::before,
body.bn-appearance-modern.bn-modern-card-active .card__summaryLine--area::before{
-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h6v2H6v4H4V4Zm10 0h6v6h-2V6h-4V4ZM4 14h2v4h4v2H4v-6Zm14 0h2v6h-6v-2h4v-4ZM8 8h8v8H8V8Zm2 2v4h4v-4h-4Z'/%3E%3C/svg%3E")!important;
mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h6v2H6v4H4V4Zm10 0h6v6h-2V6h-4V4ZM4 14h2v4h4v2H4v-6Zm14 0h2v6h-6v-2h4v-4ZM8 8h8v8H8V8Zm2 2v4h4v-4h-4Z'/%3E%3C/svg%3E")!important;}
html.bn-appearance-modern.bn-modern-card-active .card__summaryLine--structure::before,
body.bn-appearance-modern.bn-modern-card-active .card__summaryLine--structure::before{
-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 21V7h5V3h9v18H5Zm2-2h2v-2H7v2Zm0-4h2v-2H7v2Zm0-4h2V9H7v2Zm5 8h2v-2h-2v2Zm0-4h2v-2h-2v2Zm0-4h2V9h-2v2Zm0-4h2V5h-2v2Zm4 12h1V5h-1v14Z'/%3E%3C/svg%3E")!important;
mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 21V7h5V3h9v18H5Zm2-2h2v-2H7v2Zm0-4h2v-2H7v2Zm0-4h2V9H7v2Zm5 8h2v-2h-2v2Zm0-4h2v-2h-2v2Zm0-4h2V9h-2v2Zm0-4h2V5h-2v2Zm4 12h1V5h-1v14Z'/%3E%3C/svg%3E")!important;}

/* Mọi nút menu Hiện đại đều có một vùng icon thống nhất. */
html.bn-appearance-modern .drawer .row>span:first-child,
body.bn-appearance-modern .drawer .row>span:first-child{display:flex!important;align-items:center!important;gap:12px!important;min-width:0;}
html.bn-appearance-modern .drawer .row>span:first-child::before,
body.bn-appearance-modern .drawer .row>span:first-child::before{content:"";display:inline-block;width:23px;height:23px;flex:0 0 23px;background:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;
-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5h16v14H4V5Zm2 2v10h12V7H6Zm2 2h8v2H8V9Zm0 4h6v2H8v-2Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5h16v14H4V5Zm2 2v10h12V7H6Zm2 2h8v2H8V9Zm0 4h6v2H8v-2Z'/%3E%3C/svg%3E");}
/* Khách hàng / nhóm người */
html.bn-appearance-modern .drawer #btnCustomers>span:first-child::before,
body.bn-appearance-modern .drawer #btnCustomers>span:first-child::before,
html.bn-appearance-modern .drawer #btnCus_all>span:first-child::before,
body.bn-appearance-modern .drawer #btnCus_all>span:first-child::before{
-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm6-1a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM2 21v-2a6 6 0 0 1 12 0v2H2Zm13 0v-2a7.9 7.9 0 0 0-1.2-4.2A5 5 0 0 1 22 19v2h-7Z'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm6-1a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM2 21v-2a6 6 0 0 1 12 0v2H2Zm13 0v-2a7.9 7.9 0 0 0-1.2-4.2A5 5 0 0 1 22 19v2h-7Z'/%3E%3C/svg%3E")!important;}
/* Cài đặt */
html.bn-appearance-modern .drawer #btnSettings>span:first-child::before,
body.bn-appearance-modern .drawer #btnSettings>span:first-child::before{
-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m19.4 13 .1-1-.1-1 2-1.5-2-3.5-2.5 1a8 8 0 0 0-1.7-1L15 3h-4l-.3 3a8 8 0 0 0-1.7 1L6.5 6l-2 3.5 2 1.5-.1 1 .1 1-2 1.5 2 3.5 2.5-1a8 8 0 0 0 1.7 1l.3 3h4l.3-3a8 8 0 0 0 1.7-1l2.5 1 2-3.5-2.1-1.5ZM13 19h-2l-.2-2.3a6 6 0 0 1-2.2-1.3l-2.1.8-1-1.7 1.8-1.3A6 6 0 0 1 7 12c0-.4 0-.8.2-1.2L5.4 9.5l1-1.7 2.2.8a6 6 0 0 1 2.2-1.3L11 5h2l.2 2.3a6 6 0 0 1 2.2 1.3l2.1-.8 1 1.7-1.8 1.3A6 6 0 0 1 17 12c0 .4 0 .8-.2 1.2l1.8 1.3-1 1.7-2.2-.8a6 6 0 0 1-2.2 1.3L13 19Zm-1-10a3 3 0 1 0 0 6 3 3 0 0 0 0-6Z'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m19.4 13 .1-1-.1-1 2-1.5-2-3.5-2.5 1a8 8 0 0 0-1.7-1L15 3h-4l-.3 3a8 8 0 0 0-1.7 1L6.5 6l-2 3.5 2 1.5-.1 1 .1 1-2 1.5 2 3.5 2.5-1a8 8 0 0 0 1.7 1l.3 3h4l.3-3a8 8 0 0 0 1.7-1l2.5 1 2-3.5-2.1-1.5ZM13 19h-2l-.2-2.3a6 6 0 0 1-2.2-1.3l-2.1.8-1-1.7 1.8-1.3A6 6 0 0 1 7 12c0-.4 0-.8.2-1.2L5.4 9.5l1-1.7 2.2.8a6 6 0 0 1 2.2-1.3L11 5h2l.2 2.3a6 6 0 0 1 2.2 1.3l2.1-.8 1 1.7-1.8 1.3A6 6 0 0 1 17 12c0 .4 0 .8-.2 1.2l1.8 1.3-1 1.7-2.2-.8a6 6 0 0 1-2.2 1.3L13 19Zm-1-10a3 3 0 1 0 0 6 3 3 0 0 0 0-6Z'/%3E%3C/svg%3E")!important;}
/* Trang chủ */
html.bn-appearance-modern .drawer #btnDrawer2Home>span:first-child::before,
body.bn-appearance-modern .drawer #btnDrawer2Home>span:first-child::before{
-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m3 11 9-8 9 8v10h-7v-6h-4v6H3V11Zm2 .9V19h3v-6h8v6h3v-7.1l-7-6.2-7 6.2Z'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m3 11 9-8 9 8v10h-7v-6h-4v6H3V11Zm2 .9V19h3v-6h8v6h3v-7.1l-7-6.2-7 6.2Z'/%3E%3C/svg%3E")!important;}
/* Nhóm menu khách hàng: icon đúng ý nghĩa từng trạng thái. */
html.bn-appearance-modern .drawer #btnCus_vip>span:first-child::before,body.bn-appearance-modern .drawer #btnCus_vip>span:first-child::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 2 2.7 5.5 6.1.9-4.4 4.3 1 6.1-5.4-2.9-5.4 2.9 1-6.1-4.4-4.3 6.1-.9L12 2Z'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 2 2.7 5.5 6.1.9-4.4 4.3 1 6.1-5.4-2.9-5.4 2.9 1-6.1-4.4-4.3 6.1-.9L12 2Z'/%3E%3C/svg%3E")!important;}
html.bn-appearance-modern .drawer #btnCus_invest>span:first-child::before,body.bn-appearance-modern .drawer #btnCus_invest>span:first-child::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 20h18v2H3v-2Zm2-2V9h4v9H5Zm5 0V5h4v13h-4Zm5 0v-7h4v7h-4ZM4 7l5-4 4 3 6-5 1.3 1.5-7.2 6-4-3L5.2 8.5 4 7Z'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 20h18v2H3v-2Zm2-2V9h4v9H5Zm5 0V5h4v13h-4Zm5 0v-7h4v7h-4ZM4 7l5-4 4 3 6-5 1.3 1.5-7.2 6-4-3L5.2 8.5 4 7Z'/%3E%3C/svg%3E")!important;}
html.bn-appearance-modern .drawer #btnCus_live>span:first-child::before,body.bn-appearance-modern .drawer #btnCus_live>span:first-child::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m3 11 9-8 9 8v10h-7v-6h-4v6H3V11Zm2 .9V19h3v-6h8v6h3v-7.1l-7-6.2-7 6.2Z'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m3 11 9-8 9 8v10h-7v-6h-4v6H3V11Zm2 .9V19h3v-6h8v6h3v-7.1l-7-6.2-7 6.2Z'/%3E%3C/svg%3E")!important;}
html.bn-appearance-modern .drawer #btnCus_stop>span:first-child::before,body.bn-appearance-modern .drawer #btnCus_stop>span:first-child::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20Zm0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm-3 5 6 6m0-6-6 6' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20Zm0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm-3 5 6 6m0-6-6 6' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")!important;}
html.bn-appearance-modern .drawer #btnCus_bought>span:first-child::before,body.bn-appearance-modern .drawer #btnCus_bought>span:first-child::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20Zm-4 10 2.5 2.5L16 9l1.4 1.4-6.9 6.9-3.9-3.9L8 12Z'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20Zm-4 10 2.5 2.5L16 9l1.4 1.4-6.9 6.9-3.9-3.9L8 12Z'/%3E%3C/svg%3E")!important;}
html.bn-appearance-modern .drawer #btnCus_deleted>span:first-child::before,body.bn-appearance-modern .drawer #btnCus_deleted>span:first-child::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 3h8l1 2h4v2H3V5h4l1-2Zm-2 6h12l-1 12H7L6 9Z'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 3h8l1 2h4v2H3V5h4l1-2Zm-2 6h12l-1 12H7L6 9Z'/%3E%3C/svg%3E")!important;}

/* v166: tinh chỉnh icon riêng cho giao diện Hiện đại */
/* Đã bán: giảm viền vòng tròn còn khoảng 1/3, giữ dấu kiểm rõ. */
html.bn-appearance-modern .drawer .row--badge[data-filter="sold"] > span:first-child::before,
body.bn-appearance-modern .drawer .row--badge[data-filter="sold"] > span:first-child::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9.4' fill='none' stroke='black' stroke-width='.7'/%3E%3Cpath d='m7.7 12.2 2.7 2.7 5.9-6' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9.4' fill='none' stroke='black' stroke-width='.7'/%3E%3Cpath d='m7.7 12.2 2.7 2.7 5.9-6' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
}

/* Khách ở: người dùng đang tìm/nắm nhu cầu nhà ở. */
html.bn-appearance-modern .drawer #btnCus_live>span:first-child::before,
body.bn-appearance-modern .drawer #btnCus_live>span:first-child::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.5 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8ZM2 21v-2a6.5 6.5 0 0 1 10.1-5.4A7 7 0 0 0 11 17.4V21H2Zm11-5.2 4.5-3.8 4.5 3.8V22h-3v-4h-3v4h-3v-6.2Z'/%3E%3C/svg%3E")!important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.5 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8ZM2 21v-2a6.5 6.5 0 0 1 10.1-5.4A7 7 0 0 0 11 17.4V21H2Zm11-5.2 4.5-3.8 4.5 3.8V22h-3v-4h-3v4h-3v-6.2Z'/%3E%3C/svg%3E")!important;
}

/* Bộ icon topbar hiện đại: 3 vạch, trở lại, trang chủ. */
html.bn-appearance-modern #btnMenu .burger,
body.bn-appearance-modern #btnMenu .burger,
html.bn-appearance-modern #btnDrawerClose>span,
body.bn-appearance-modern #btnDrawerClose>span,
html.bn-appearance-modern #btnDrawer2Back>span,
body.bn-appearance-modern #btnDrawer2Back>span,
html.bn-appearance-modern #btnDrawerSettingsBack>span,
body.bn-appearance-modern #btnDrawerSettingsBack>span,
html.bn-appearance-modern .menuHomeIcon .homeSvg,
body.bn-appearance-modern .menuHomeIcon .homeSvg{display:none!important;}

html.bn-appearance-modern #btnMenu::before,
body.bn-appearance-modern #btnMenu::before,
html.bn-appearance-modern #btnDrawerClose::before,
body.bn-appearance-modern #btnDrawerClose::before,
html.bn-appearance-modern #btnDrawer2Back::before,
body.bn-appearance-modern #btnDrawer2Back::before,
html.bn-appearance-modern #btnDrawerSettingsBack::before,
body.bn-appearance-modern #btnDrawerSettingsBack::before,
html.bn-appearance-modern .menuHomeIcon::before,
body.bn-appearance-modern .menuHomeIcon::before{
  content:"";
  display:block;
  width:27px;
  height:27px;
  margin:auto;
  background:currentColor;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-size:contain;
  mask-size:contain;
}
html.bn-appearance-modern #btnMenu::before,
body.bn-appearance-modern #btnMenu::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 6.5h16M4 12h16M4 17.5h16' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 6.5h16M4 12h16M4 17.5h16' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
}
html.bn-appearance-modern #btnDrawerClose::before,
body.bn-appearance-modern #btnDrawerClose::before,
html.bn-appearance-modern #btnDrawer2Back::before,
body.bn-appearance-modern #btnDrawer2Back::before,
html.bn-appearance-modern #btnDrawerSettingsBack::before,
body.bn-appearance-modern #btnDrawerSettingsBack::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m14.5 5-7 7 7 7' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m14.5 5-7 7 7 7' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
html.bn-appearance-modern .menuHomeIcon::before,
body.bn-appearance-modern .menuHomeIcon::before{
  width:26px;height:26px;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m3.5 11.2 8.5-7 8.5 7V21h-6v-6h-5v6h-6v-9.8Z' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m3.5 11.2 8.5-7 8.5 7V21h-6v-6h-5v6h-6v-9.8Z' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* Card Hiện đại: các trường dài tự xuống dòng, không tràn sang ảnh. */
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryBody,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryBody,
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryLine,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryLine,
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryLine .card__summaryV,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryLine .card__summaryV,
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryPrice,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryPrice{
  min-width:0 !important;
  max-width:100% !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
}

/* v167: tinh chỉnh card giao diện Hiện đại theo phản hồi SP */
/* Thu gọn khoảng trống trên/dưới để card thấp và gọn hơn. */
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card{
  padding-top:5px !important;
  padding-bottom:5px !important;
}

/* Ảnh bên phải: đưa ảnh sát mép phải card hơn, không đổi lựa chọn ảnh bên trái. */
html.bn-appearance-modern.bn-modern-card-active.bn-modern-image-right #content .card,
body.bn-appearance-modern.bn-modern-card-active.bn-modern-image-right #content .card{
  padding-right:4px !important;
}
html.bn-appearance-modern.bn-modern-card-active.bn-modern-image-right #content .card__summaryMain,
body.bn-appearance-modern.bn-modern-card-active.bn-modern-image-right #content .card__summaryMain{
  column-gap:8px !important;
}
html.bn-appearance-modern.bn-modern-card-active.bn-modern-image-right #content .card__summaryThumb,
body.bn-appearance-modern.bn-modern-card-active.bn-modern-image-right #content .card__summaryThumb{
  justify-self:end !important;
  margin-right:0 !important;
}

/* Diện tích: icon thước đo có mũi tên hai chiều, đúng ý nghĩa kích thước/diện tích. */
html.bn-appearance-modern.bn-modern-card-active .card__summaryLine--area::before,
body.bn-appearance-modern.bn-modern-card-active .card__summaryLine--area::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 7h16v10H4V7Zm2 2v6h12V9H6Zm1 1h2v2H7v-2Zm4 0h2v3h-2v-3Zm4 0h2v2h-2v-2ZM2.8 12l2.7-2.7v1.8h13V9.3l2.7 2.7-2.7 2.7v-1.8h-13v1.8L2.8 12Z'/%3E%3C/svg%3E") !important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 7h16v10H4V7Zm2 2v6h12V9H6Zm1 1h2v2H7v-2Zm4 0h2v3h-2v-3Zm4 0h2v2h-2v-2ZM2.8 12l2.7-2.7v1.8h13V9.3l2.7 2.7-2.7 2.7v-1.8h-13v1.8L2.8 12Z'/%3E%3C/svg%3E") !important;
}

/* v168: tinh chỉnh tiếp giao diện Hiện đại theo phản hồi SP */
/* Ảnh bên phải sát hẳn mép phải; giảm phần trên/dưới còn khoảng 1/3. */
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card{
  padding:0 !important;
}
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summary,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summary{
  padding-top:5px !important;
  padding-bottom:5px !important;
}
html.bn-appearance-modern.bn-modern-card-active.bn-modern-image-right #content .card__summary,
body.bn-appearance-modern.bn-modern-card-active.bn-modern-image-right #content .card__summary{
  padding-right:0 !important;
}
html.bn-appearance-modern.bn-modern-card-active.bn-modern-image-right #content .card__summaryMain,
body.bn-appearance-modern.bn-modern-card-active.bn-modern-image-right #content .card__summaryMain{
  column-gap:8px !important;
}
html.bn-appearance-modern.bn-modern-card-active.bn-modern-image-right #content .card__summaryThumb,
body.bn-appearance-modern.bn-modern-card-active.bn-modern-image-right #content .card__summaryThumb{
  margin-right:0 !important;
  justify-self:end !important;
  border-top-right-radius:23px !important;
  border-bottom-right-radius:23px !important;
}

/* Diện tích: biểu tượng khung diện tích với mũi tên chéo hai chiều. */
html.bn-appearance-modern.bn-modern-card-active .card__summaryLine--area::before,
body.bn-appearance-modern.bn-modern-card-active .card__summaryLine--area::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='4' width='16' height='16' rx='1.8' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M8 16 16 8M11 8h5v5M13 16H8v-5' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='4' width='16' height='16' rx='1.8' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M8 16 16 8M11 8h5v5M13 16H8v-5' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

/* Dấu cộng mảnh bằng nét icon 3 vạch. */
html.bn-appearance-modern #btnAdd .plus,
body.bn-appearance-modern #btnAdd .plus{display:none !important;}
html.bn-appearance-modern #btnAdd::before,
body.bn-appearance-modern #btnAdd::before{
  content:"";
  display:block;
  width:27px;
  height:27px;
  margin:auto;
  background:currentColor;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-size:contain;
  mask-size:contain;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4v16M4 12h16' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4v16M4 12h16' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* Vị trí và thời gian trên ảnh cân giữa. */
html.bn-appearance-modern.bn-modern-card-active .card__thumbOverlay,
body.bn-appearance-modern.bn-modern-card-active .card__thumbOverlay{
  align-items:center !important;
}
html.bn-appearance-modern.bn-modern-card-active .card__thumbBadge--position,
body.bn-appearance-modern.bn-modern-card-active .card__thumbBadge--position,
html.bn-appearance-modern.bn-modern-card-active .card__thumbAgeText,
body.bn-appearance-modern.bn-modern-card-active .card__thumbAgeText{
  align-self:center !important;
  text-align:center !important;
  justify-content:center !important;
}

/* Nút kính lúp trên thanh trên đổi thành chữ Tìm kiếm. */
html.bn-appearance-modern #btnSearchPage,
body.bn-appearance-modern #btnSearchPage{
  width:auto !important;
  min-width:74px !important;
  padding:0 8px !important;
  font-size:14px !important;
  font-weight:500 !important;
  line-height:1 !important;
}
html.bn-appearance-modern #btnSearchPage svg,
body.bn-appearance-modern #btnSearchPage svg{display:none !important;}
html.bn-appearance-modern #btnSearchPage::before,
body.bn-appearance-modern #btnSearchPage::before{
  content:"Tìm kiếm";
  display:inline-block;
  white-space:nowrap;
}


/* v170: tinh chỉnh tiếp giao diện Hiện đại theo phản hồi SP */
/* Nâng phần viền/khoảng trên của card thêm 3px so với v169. */
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summary,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summary{
  padding-top:11px !important;
}

/* Giá: giảm độ đậm xuống 550. */
html.bn-appearance-modern.bn-modern-card-active .card__summaryPriceValue,
body.bn-appearance-modern.bn-modern-card-active .card__summaryPriceValue{
  font-weight:550 !important;
}

/* Nút tìm kiếm dùng chữ thật, không còn icon kính lúp. */
html.bn-appearance-modern #btnSearchPage,
body.bn-appearance-modern #btnSearchPage{
  width:auto !important;
  min-width:74px !important;
  padding:0 8px !important;
  font-size:14px !important;
  font-weight:500 !important;
  line-height:1 !important;
}
html.bn-appearance-modern #btnSearchPage .bnSearchPageText,
body.bn-appearance-modern #btnSearchPage .bnSearchPageText{
  display:inline-block !important;
  white-space:nowrap;
}
html.bn-appearance-modern #btnSearchPage::before,
body.bn-appearance-modern #btnSearchPage::before{content:none !important;}


/* v170: nút tìm kiếm của giao diện Hiện đại chỉ hiển thị chữ. */
html.bn-appearance-modern #btnSearchPage,
body.bn-appearance-modern #btnSearchPage{
  background-image:none !important;
}
html.bn-appearance-modern #btnSearchPage svg,
body.bn-appearance-modern #btnSearchPage svg,
html.bn-appearance-modern #btnSearchPage .searchIcon,
body.bn-appearance-modern #btnSearchPage .searchIcon{
  display:none !important;
}
html.bn-appearance-modern #btnSearchPage::before,
body.bn-appearance-modern #btnSearchPage::before,
html.bn-appearance-modern #btnSearchPage::after,
body.bn-appearance-modern #btnSearchPage::after{
  content:none !important;
  display:none !important;
}
html.bn-appearance-modern #btnSearchPage .bnSearchPageText,
body.bn-appearance-modern #btnSearchPage .bnSearchPageText{
  display:inline-block !important;
  visibility:visible !important;
  opacity:1 !important;
}


/* v171: chỉnh đúng nút tìm kiếm trang chủ và nâng viền trên card Hiện đại. */
/* Tăng khoảng từ nội dung tới viền trên thêm 5px so với v170. */
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summary,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summary{
  padding-top:16px !important;
}

/* Nút kính lúp trang chủ đổi trực tiếp thành chữ Tìm kiếm. */
html.bn-appearance-modern #homeSearchToggleBtn,
body.bn-appearance-modern #homeSearchToggleBtn{
  width:auto !important;
  min-width:76px !important;
  height:36px !important;
  padding:0 8px !important;
  margin-right:0 !important;
  border:0 !important;
  background:transparent !important;
  color:var(--fg) !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:14px !important;
  font-weight:500 !important;
  line-height:1 !important;
}
html.bn-appearance-modern #homeSearchToggleBtn svg,
body.bn-appearance-modern #homeSearchToggleBtn svg{
  display:none !important;
}
html.bn-appearance-modern #homeSearchToggleBtn .homeSearchToggleText,
body.bn-appearance-modern #homeSearchToggleBtn .homeSearchToggleText{
  display:inline-block !important;
  white-space:nowrap !important;
}

/* v172: chữ Tìm kiếm đậm 588 và luôn nằm trên một hàng ở giao diện Hiện đại. */
html.bn-appearance-modern #homeSearchToggleBtn,
body.bn-appearance-modern #homeSearchToggleBtn,
html.bn-appearance-modern #btnSearchPage,
body.bn-appearance-modern #btnSearchPage{
  width:max-content !important;
  min-width:82px !important;
  max-width:none !important;
  padding-left:8px !important;
  padding-right:8px !important;
  white-space:nowrap !important;
  flex-wrap:nowrap !important;
  font-weight:588 !important;
}
html.bn-appearance-modern #homeSearchToggleBtn .homeSearchToggleText,
body.bn-appearance-modern #homeSearchToggleBtn .homeSearchToggleText,
html.bn-appearance-modern #btnSearchPage .bnSearchPageText,
body.bn-appearance-modern #btnSearchPage .bnSearchPageText{
  display:block !important;
  width:auto !important;
  min-width:max-content !important;
  white-space:nowrap !important;
  word-break:keep-all !important;
  overflow-wrap:normal !important;
  font-weight:588 !important;
  line-height:1 !important;
}

/* v173: đồng bộ phong cách bộ điều hướng Hiện đại cho mọi giao diện.
   Chỉ đổi hình thức; giữ nguyên phần tử, vị trí, sự kiện và chức năng gốc. */
#btnMenu .burger,
#btnDrawerClose>span,
#btnDrawer2Back>span,
#btnDrawerSettingsBack>span,
.menuHomeIcon .homeSvg,
#btnAdd .plus{
  display:none !important;
}

#btnMenu::before,
#btnDrawerClose::before,
#btnDrawer2Back::before,
#btnDrawerSettingsBack::before,
.menuHomeIcon::before,
#btnAdd::before{
  content:"";
  display:block;
  width:27px;
  height:27px;
  margin:auto;
  background:currentColor;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-size:contain;
  mask-size:contain;
}

/* Nút 3 vạch: nét mảnh, bo đầu giống giao diện Hiện đại. */
#btnMenu::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 6.5h16M4 12h16M4 17.5h16' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 6.5h16M4 12h16M4 17.5h16' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* Nút trở lại: giữ nguyên nút và chức năng, chỉ đồng bộ nét icon. */
#btnDrawerClose::before,
#btnDrawer2Back::before,
#btnDrawerSettingsBack::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m14.5 5-7 7 7 7' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m14.5 5-7 7 7 7' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* Nút Trang chủ. */
.menuHomeIcon::before{
  width:26px;
  height:26px;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m3.5 11.2 8.5-7 8.5 7V21h-6v-6h-5v6h-6v-9.8Z' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m3.5 11.2 8.5-7 8.5 7V21h-6v-6h-5v6h-6v-9.8Z' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* Nút dấu cộng: nét mảnh bằng icon 3 vạch. */
#btnAdd::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4v16M4 12h16' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4v16M4 12h16' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* Chữ Tìm kiếm: đồng bộ mẫu Hiện đại trên mọi giao diện, không đổi thao tác bấm. */
#homeSearchToggleBtn,
#btnSearchPage{
  width:max-content !important;
  min-width:82px !important;
  max-width:none !important;
  padding-left:8px !important;
  padding-right:8px !important;
  white-space:nowrap !important;
  flex-wrap:nowrap !important;
  font-size:14px !important;
  font-weight:588 !important;
  line-height:1 !important;
  background-image:none !important;
}
#homeSearchToggleBtn svg,
#btnSearchPage svg,
#btnSearchPage .searchIcon{
  display:none !important;
}
#homeSearchToggleBtn::before,
#homeSearchToggleBtn::after,
#btnSearchPage::before,
#btnSearchPage::after{
  content:none !important;
  display:none !important;
}
#homeSearchToggleBtn .homeSearchToggleText,
#btnSearchPage .bnSearchPageText{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  width:auto !important;
  min-width:max-content !important;
  white-space:nowrap !important;
  word-break:keep-all !important;
  overflow-wrap:normal !important;
  font-weight:588 !important;
  line-height:1 !important;
}

/* v174: đồng bộ nút Trở lại trên toàn bộ app, gồm các trang Cài đặt giao diện động. */
button[aria-label="Trở lại"] > span,
button[aria-label="Trở lại"] > svg{
  display:none !important;
}
button[aria-label="Trở lại"]::before{
  content:"" !important;
  display:block !important;
  width:27px !important;
  height:27px !important;
  margin:auto !important;
  background:currentColor !important;
  -webkit-mask-repeat:no-repeat !important;
  mask-repeat:no-repeat !important;
  -webkit-mask-position:center !important;
  mask-position:center !important;
  -webkit-mask-size:contain !important;
  mask-size:contain !important;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m14.5 5-7 7 7 7' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m14.5 5-7 7 7 7' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

/* v175: căn giữa trường Vị trí và dòng thời gian trong ảnh ở mọi giao diện/kiểu hiển thị. */
.card__thumbBadge--position,
.card__thumbAgeText{
  align-self:center !important;
  justify-content:center !important;
  text-align:center !important;
}

/* v176: đồng bộ nền Vị trí và Số ảnh thành màu đen trên toàn bộ giao diện/kiểu hiển thị. */
html .card__thumbPhotoBtn,
body .card__thumbPhotoBtn,
html .card__thumbBadge--position,
body .card__thumbBadge--position,
html .card__thumbBadge--position *,
body .card__thumbBadge--position *{
  background:rgba(0,0,0,0.72) !important;
  border-color:rgba(0,0,0,0.72) !important;
  color:#ffffff !important;
  text-shadow:none !important;
}

/* v177: thiết kế lại card riêng cho giao diện Hiện đại theo mẫu SP.
   Chỉ thay đổi bố cục/hiển thị; giữ nguyên dữ liệu, sự kiện và chức năng gốc. */
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card{
  border-radius:22px !important;
  box-shadow:0 10px 28px rgba(38,45,68,.14) !important;
}
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summary,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summary{
  padding:0 !important;
}
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryMain,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryMain{
  grid-template-columns:minmax(0,1fr) clamp(116px,34vw,132px) !important;
  column-gap:10px !important;
  align-items:stretch !important;
}
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryBody,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryBody{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  grid-template-rows:auto auto auto auto 1fr auto !important;
  column-gap:8px !important;
  align-content:start !important;
  min-width:0 !important;
  padding:14px 0 0 14px !important;
}
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryTitle,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryTitle{
  grid-column:1 / -1 !important;
  margin:0 0 7px !important;
  font-size:17px !important;
  line-height:1.2 !important;
  font-weight:588 !important;
}
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryLine--location,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryLine--location{
  grid-column:1 / -1 !important;
  margin:0 0 10px !important;
  padding-bottom:10px !important;
  border-bottom:1px solid rgba(40,48,74,.08) !important;
  font-size:14px !important;
  line-height:1.25 !important;
  color:#5f6572 !important;
}
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryLine--area,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryLine--area,
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryLine--structure,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryLine--structure{
  display:grid !important;
  grid-template-columns:42px minmax(0,1fr) !important;
  align-items:center !important;
  gap:8px !important;
  min-width:0 !important;
  margin:0 0 10px !important;
  font-size:14px !important;
  line-height:1.25 !important;
}
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryLine--area::before,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryLine--area::before,
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryLine--structure::before,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryLine--structure::before{
  content:"" !important;
  display:block !important;
  width:42px !important;
  height:42px !important;
  border-radius:12px !important;
  background-color:#ffedf1 !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  -webkit-mask-size:22px 22px !important;
  mask-size:22px 22px !important;
  -webkit-mask-repeat:no-repeat !important;
  mask-repeat:no-repeat !important;
  -webkit-mask-position:center !important;
  mask-position:center !important;
}
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryLine--area::before,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryLine--area::before{
  background-color:#ffedf1 !important;
  color:#ff3158 !important;
}
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryLine--structure::before,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryLine--structure::before{
  background-color:#eaf4ff !important;
  color:#2378ff !important;
}
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryLine--area .card__summaryV,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryLine--area .card__summaryV,
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryLine--structure .card__summaryV,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryLine--structure .card__summaryV{
  display:block !important;
  min-width:0 !important;
  font-size:14px !important;
  line-height:1.35 !important;
  font-weight:500 !important;
}
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryBottom,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryBottom{
  grid-column:1 / -1 !important;
  justify-content:flex-start !important;
  margin:0 !important;
  padding:2px 0 10px !important;
}
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryPrice,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryPrice,
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryCommission,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryCommission{
  font-size:14px !important;
  line-height:1.2 !important;
}
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryPriceValue,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryPriceValue{
  font-size:18px !important;
  font-weight:588 !important;
}
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryActions,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryActions{
  grid-column:1 / -1 !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:0 !important;
  align-self:end !important;
  margin:0 !important;
  min-height:46px !important;
  border-top:1px solid rgba(40,48,74,.08) !important;
}
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryActions .smallbtn,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryActions .smallbtn{
  width:100% !important;
  min-width:0 !important;
  height:46px !important;
  margin:0 !important;
  padding:0 6px !important;
  border-radius:0 !important;
  font-size:13px !important;
}
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryActions .smallbtn + .smallbtn,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryActions .smallbtn + .smallbtn{
  border-left:1px solid rgba(40,48,74,.08) !important;
}
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryThumb,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryThumb{
  width:100% !important;
  height:190px !important;
  align-self:center !important;
  justify-self:stretch !important;
  margin:10px 10px 10px 0 !important;
  border-radius:18px !important;
  box-shadow:0 5px 14px rgba(36,42,62,.12) !important;
}
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__thumbPhotoBtn,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__thumbPhotoBtn{
  min-width:32px !important;
  height:32px !important;
  padding:0 9px !important;
  font-size:13px !important;
  border-radius:999px !important;
}
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__thumbBadge--position,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__thumbBadge--position,
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__thumbAgeText,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__thumbAgeText{
  font-size:12px !important;
  line-height:1.2 !important;
}

@media (max-width:380px){
  html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryMain,
  body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryMain{
    grid-template-columns:minmax(0,1fr) 112px !important;
    column-gap:8px !important;
  }
  html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryBody,
  body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryBody{
    padding-left:12px !important;
    column-gap:6px !important;
  }
  html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryLine--area,
  body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryLine--area,
  html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryLine--structure,
  body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryLine--structure{
    grid-template-columns:36px minmax(0,1fr) !important;
    gap:6px !important;
  }
  html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryLine--area::before,
  body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryLine--area::before,
  html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryLine--structure::before,
  body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryLine--structure::before{
    width:36px !important;
    height:36px !important;
    border-radius:10px !important;
  }
  html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryThumb,
  body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryThumb{
    height:178px !important;
    margin-right:8px !important;
  }
}

/* v178: tinh chỉnh card Hiện đại theo phản hồi SP. */
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryTitle,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryTitle{
  font-size:16px !important;
}
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryLine--area,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryLine--area,
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryLine--structure,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryLine--structure{
  grid-column:1 / -1 !important;
  width:100% !important;
  margin:0 !important;
  padding-top:10px !important;
  padding-bottom:10px !important;
  border-bottom:1px solid rgba(40,48,74,.08) !important;
}
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryLine--area::before,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryLine--area::before{
  background-color:#ff3158 !important;
  opacity:1 !important;
  filter:none !important;
}
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryLine--structure::before,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryLine--structure::before{
  background-color:#2378ff !important;
  opacity:1 !important;
  filter:none !important;
}
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryPrice,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryPrice,
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryCommission,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryCommission,
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryPriceValue,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryPriceValue{
  font-size:16px !important;
}
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryActions .smallbtn,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryActions .smallbtn,
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryActions .smallbtn svg,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryActions .smallbtn svg,
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryActions .smallbtn i,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryActions .smallbtn i{
  color:#111 !important;
  opacity:1 !important;
  filter:none !important;
}

/* v179: Diện tích/Kết cấu hiển thị theo dòng ngang tự nhiên; chỉ xuống dòng khi hết chiều rộng. */
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryLine--area,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryLine--area,
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryLine--structure,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryLine--structure{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
  gap:8px !important;
}
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryLine--area .card__summaryV,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryLine--area .card__summaryV,
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryLine--structure .card__summaryV,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryLine--structure .card__summaryV{
  display:block !important;
  flex:1 1 auto !important;
  width:auto !important;
  max-width:none !important;
  min-width:0 !important;
  white-space:normal !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
  hyphens:none !important;
}


/* v180: canh icon sát mép trái; thêm icon Giá và icon Hoa hồng riêng cho giao diện Hiện đại. */
.card__summaryPriceIcon,
.card__summaryCommissionIcon{
  display:none;
}
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryLine--area,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryLine--area,
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryLine--structure,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryLine--structure{
  gap:10px !important;
}
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryLine--area::before,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryLine--area::before,
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryLine--structure::before,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryLine--structure::before{
  flex:0 0 36px !important;
  width:36px !important;
  height:36px !important;
  margin-left:-8px !important;
  border-radius:10px !important;
  -webkit-mask-size:20px 20px !important;
  mask-size:20px 20px !important;
}
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryPrice,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryPrice{
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:6px !important;
}
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryPriceIcon,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryPriceIcon,
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryCommissionIcon,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryCommissionIcon{
  display:inline-block !important;
  flex:0 0 auto !important;
  width:18px !important;
  height:18px !important;
  background:currentColor !important;
  -webkit-mask-repeat:no-repeat !important;
  mask-repeat:no-repeat !important;
  -webkit-mask-position:center !important;
  mask-position:center !important;
  -webkit-mask-size:contain !important;
  mask-size:contain !important;
}
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryPriceIcon,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryPriceIcon{
  color:#e00000 !important;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5h16v14H4V5Zm2 2v10h12V7H6Zm1 2h5v2H7V9Zm0 4h8v2H7v-2Zm9-4h2v6h-2V9Z'/%3E%3C/svg%3E") !important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5h16v14H4V5Zm2 2v10h12V7H6Zm1 2h5v2H7V9Zm0 4h8v2H7v-2Zm9-4h2v6h-2V9Z'/%3E%3C/svg%3E") !important;
}
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryCommission,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryCommission{
  display:inline-flex !important;
  align-items:center !important;
  gap:4px !important;
  font-size:14px !important;
  line-height:1.2 !important;
}
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryCommissionText,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryCommissionText{
  display:none !important;
}
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryCommissionIcon,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryCommissionIcon{
  width:17px !important;
  height:17px !important;
  color:#e84b70 !important;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3c1.5-2 4.8-1.2 5 1.5 2.6-.8 4.7 1.8 3.1 4 2.4 1.3 1.8 4.6-.8 5.2.5 2.7-2.4 4.3-4.3 2.4-.9 2.6-4.2 2.6-5.1 0-1.9 1.9-4.8.3-4.3-2.4-2.6-.6-3.2-3.9-.8-5.2-1.6-2.2.5-4.8 3.1-4C7.2 1.8 10.5 1 12 3Zm0 4.2A4.8 4.8 0 1 0 12 16.8 4.8 4.8 0 0 0 12 7.2Zm0 2A2.8 2.8 0 1 1 12 14.8 2.8 2.8 0 0 1 12 9.2Z'/%3E%3C/svg%3E") !important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3c1.5-2 4.8-1.2 5 1.5 2.6-.8 4.7 1.8 3.1 4 2.4 1.3 1.8 4.6-.8 5.2.5 2.7-2.4 4.3-4.3 2.4-.9 2.6-4.2 2.6-5.1 0-1.9 1.9-4.8.3-4.3-2.4-2.6-.6-3.2-3.9-.8-5.2-1.6-2.2.5-4.8 3.1-4C7.2 1.8 10.5 1 12 3Zm0 4.2A4.8 4.8 0 1 0 12 16.8 4.8 4.8 0 0 0 12 7.2Zm0 2A2.8 2.8 0 1 1 12 14.8 2.8 2.8 0 0 1 12 9.2Z'/%3E%3C/svg%3E") !important;
}

/* v181: màu/icon card Hiện đại theo phản hồi SP. */
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryLine--area::before,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryLine--area::before{
  background-color:#000 !important;
  color:#000 !important;
}
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryPriceIcon,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryPriceIcon{
  color:#000 !important;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 2v2.1c2.6.3 4.5 1.8 4.5 4h-2.4c0-1.2-1.2-2-3.1-2-1.8 0-3 .7-3 1.8 0 1 .8 1.5 3.5 2.1 3.8.9 5.4 2.2 5.4 4.8 0 2.7-2 4.4-4.9 4.8V22h-2v-2.3c-3.2-.3-5.2-2-5.2-4.6h2.5c0 1.5 1.3 2.5 3.8 2.5 2 0 3.3-.8 3.3-2.1 0-1.1-.9-1.7-3.7-2.3-3.5-.8-5.2-2.1-5.2-4.6 0-2.5 1.9-4.1 4.5-4.5V2h2Z'/%3E%3C/svg%3E") !important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 2v2.1c2.6.3 4.5 1.8 4.5 4h-2.4c0-1.2-1.2-2-3.1-2-1.8 0-3 .7-3 1.8 0 1 .8 1.5 3.5 2.1 3.8.9 5.4 2.2 5.4 4.8 0 2.7-2 4.4-4.9 4.8V22h-2v-2.3c-3.2-.3-5.2-2-5.2-4.6h2.5c0 1.5 1.3 2.5 3.8 2.5 2 0 3.3-.8 3.3-2.1 0-1.1-.9-1.7-3.7-2.3-3.5-.8-5.2-2.1-5.2-4.6 0-2.5 1.9-4.1 4.5-4.5V2h2Z'/%3E%3C/svg%3E") !important;
}
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryCommissionIcon,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryCommissionIcon{
  color:#e84b70 !important;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 10.1c-1.2-3.8.3-7.1 2.9-7.6 2.3-.4 4.1 1.7 3.3 3.9 3.8-.1 5.7 2.8 4.4 5.2-1.1 2-4 2.2-5.5.3 1.8 3.4.6 6.8-1.9 7.6-2.2.7-4.3-1.1-4-3.5-2.4 3-5.8 2.7-7.1.5-1.2-2 .1-4.6 2.5-5-3.4-1.2-4.4-4.5-2.6-6.4 1.6-1.7 4.5-1 5.4 1.4C9.2 3 11.8.7 14.2 1.7c2.2.9 2.6 3.7.9 5.3L12 10.1Zm0-1.2a3.1 3.1 0 1 0 0 6.2 3.1 3.1 0 0 0 0-6.2Z'/%3E%3C/svg%3E") !important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 10.1c-1.2-3.8.3-7.1 2.9-7.6 2.3-.4 4.1 1.7 3.3 3.9 3.8-.1 5.7 2.8 4.4 5.2-1.1 2-4 2.2-5.5.3 1.8 3.4.6 6.8-1.9 7.6-2.2.7-4.3-1.1-4-3.5-2.4 3-5.8 2.7-7.1.5-1.2-2 .1-4.6 2.5-5-3.4-1.2-4.4-4.5-2.6-6.4 1.6-1.7 4.5-1 5.4 1.4C9.2 3 11.8.7 14.2 1.7c2.2.9 2.6 3.7.9 5.3L12 10.1Zm0-1.2a3.1 3.1 0 1 0 0 6.2 3.1 3.1 0 0 0 0-6.2Z'/%3E%3C/svg%3E") !important;
}

/* v182: cập nhật màu icon card Hiện đại. */
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryPriceIcon,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryPriceIcon{
  color:#e00000 !important;
}
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryLine--structure::before,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryLine--structure::before{
  background-color:#000 !important;
  color:#000 !important;
}


/* v183: Chỉ giao diện Mặc định - toàn bộ chữ trong các menu dùng độ đậm 650. */
html.bn-appearance-default .drawer,
body.bn-appearance-default .drawer,
html.bn-appearance-default .drawer *,
body.bn-appearance-default .drawer *,
html.bn-appearance-default #sbMenuView,
body.bn-appearance-default #sbMenuView,
html.bn-appearance-default #sbMenuView *,
body.bn-appearance-default #sbMenuView *,
html.bn-appearance-default #sbUiView,
body.bn-appearance-default #sbUiView,
html.bn-appearance-default #sbUiView *,
body.bn-appearance-default #sbUiView *{
  font-weight:650 !important;
}

/* ===== SP v184: Thiết kế lại trang Tìm kiếm theo từng giao diện ===== */
#searchFilterContent.searchFilterPage{
  --sf-radius:16px;
  --sf-border:#111;
  --sf-surface:#fff;
  --sf-text:#171a22;
  --sf-muted:#818792;
  --sf-shadow:0 7px 20px rgba(30,38,56,.07);
  padding-left:4px !important;
  padding-right:4px !important;
}
#searchFilterContent .searchFilterPage__top{
  margin:0 0 26px !important;
  align-items:center !important;
  justify-content:center !important;
  position:relative !important;
  min-height:38px !important;
}
#searchFilterContent .searchFilterPage__title{
  font-size:18px !important;
  font-weight:650 !important;
  letter-spacing:.3px !important;
  text-transform:uppercase !important;
  color:var(--sf-text) !important;
}
#searchFilterContent .searchFilterPage__homeBtn{
  position:absolute !important;
  right:0 !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:38px !important;
  min-width:38px !important;
  height:38px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:var(--sf-text) !important;
  font-size:32px !important;
  font-weight:500 !important;
  line-height:1 !important;
}
#searchFilterContent .searchFilterPage__searchwrap{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  margin:0 0 24px !important;
  padding:5px !important;
  min-height:56px !important;
  border:1px solid var(--sf-border) !important;
  border-radius:var(--sf-radius) !important;
  background:var(--sf-surface) !important;
  box-shadow:var(--sf-shadow) !important;
}
#searchFilterContent .searchFilterPage__searchwrap .search{
  position:static !important;
  flex:1 1 auto !important;
  width:auto !important;
  min-width:0 !important;
  height:46px !important;
  min-height:46px !important;
  padding:0 12px !important;
  border:0 !important;
  border-radius:calc(var(--sf-radius) - 5px) !important;
  background:transparent !important;
  box-shadow:none !important;
  color:var(--sf-text) !important;
  font-size:16px !important;
  font-weight:500 !important;
  line-height:46px !important;
}
#searchFilterContent .searchFilterPage__searchwrap .search::placeholder{
  color:var(--sf-muted) !important;
  font-size:16px !important;
  font-weight:450 !important;
}
#searchFilterContent .searchFilterPage__searchwrap .search:focus{
  outline:none !important;
  border:0 !important;
  box-shadow:none !important;
}
#searchFilterContent .searchFilterPage__searchwrap:focus-within{
  border-color:#3b78f2 !important;
  box-shadow:0 0 0 3px rgba(59,120,242,.15),var(--sf-shadow) !important;
}
#searchFilterContent .searchFilterPage__searchwrap .searchbtn{
  position:static !important;
  flex:0 0 auto !important;
  min-width:96px !important;
  height:44px !important;
  min-height:44px !important;
  margin:0 !important;
  padding:0 16px !important;
  border:1px solid var(--sf-border) !important;
  border-radius:calc(var(--sf-radius) - 5px) !important;
  background:var(--sf-surface) !important;
  color:var(--sf-text) !important;
  box-shadow:none !important;
  font-size:15px !important;
  font-weight:650 !important;
  line-height:1 !important;
  transform:none !important;
}
#searchFilterContent .searchFilterPage__searchIcon,
#searchFilterContent .searchFilterPage__labelIcon,
#searchFilterContent .homeFilterBtn__icon{display:none !important;}
#searchFilterContent .searchFilterPage__searchIcon svg,
#searchFilterContent .searchFilterPage__labelIcon svg,
#searchFilterContent .homeFilterBtn__icon svg{
  width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
}
#searchFilterContent .searchFilterPage__label{
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
  margin:0 0 14px 2px !important;
  color:var(--sf-text) !important;
  font-size:14px !important;
  font-weight:650 !important;
  line-height:1.2 !important;
  letter-spacing:.2px !important;
  text-transform:uppercase !important;
}
#searchFilterChips.searchFilterPage__filters{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:10px !important;
  width:100% !important;
  overflow:visible !important;
  padding:0 !important;
  margin:0 !important;
}
#searchFilterChips.searchFilterPage__filters .homeFilterBtn,
#searchFilterChips.searchFilterPage__filters .homeFilterBtn.is-active{
  width:100% !important;
  min-width:0 !important;
  height:50px !important;
  min-height:50px !important;
  max-height:none !important;
  padding:0 13px !important;
  border:1px solid var(--sf-border) !important;
  border-radius:var(--sf-radius) !important;
  background:var(--sf-surface) !important;
  color:var(--sf-text) !important;
  box-shadow:var(--sf-shadow) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  font-size:15px !important;
  font-weight:600 !important;
  line-height:1 !important;
}
#searchFilterChips.searchFilterPage__filters .homeFilterBtn .homeFilterBtn__text{
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  font-size:15px !important;
  font-weight:600 !important;
  line-height:1 !important;
}
#searchFilterChips.searchFilterPage__filters .homeFilterBtn__arrow{
  flex:0 0 auto !important;
  margin-left:1px !important;
  color:var(--sf-muted) !important;
  font-size:17px !important;
  font-weight:700 !important;
  line-height:.7 !important;
  transform:translateY(-1px) !important;
}
#searchFilterChips.searchFilterPage__filters .homeFilterBtn.is-active{
  background:#111 !important;
  color:#fff !important;
  border-color:#111 !important;
}
#searchFilterChips.searchFilterPage__filters .homeFilterBtn.is-active .homeFilterBtn__arrow{color:#fff !important;}
#searchFilterContent .searchFilterPage__empty{
  margin:0 !important;
  padding:22px 4px 0 !important;
  color:var(--sf-muted) !important;
  font-size:15px !important;
  font-weight:500 !important;
  line-height:1.45 !important;
}
#searchFilterContent .searchFilterPage__resultCount{
  padding:20px 4px 0 !important;
  color:var(--sf-text) !important;
  font-size:15px !important;
  font-weight:650 !important;
}

/* Cổ điển: góc vuông, viền rõ, không bóng */
html.bn-appearance-classic #searchFilterContent.searchFilterPage,
body.bn-appearance-classic #searchFilterContent.searchFilterPage{
  --sf-radius:0px;--sf-border:#777;--sf-shadow:none;
}
/* Bo tròn: dạng pill mềm */
html.bn-appearance-rounded #searchFilterContent.searchFilterPage,
body.bn-appearance-rounded #searchFilterContent.searchFilterPage{
  --sf-radius:24px;--sf-border:rgba(90,48,65,.18);--sf-shadow:0 9px 22px rgba(70,38,48,.09);
}
/* iOS: bo tròn nhiều, bề mặt kính */
html.bn-appearance-ios26 #searchFilterContent.searchFilterPage,
body.bn-appearance-ios26 #searchFilterContent.searchFilterPage{
  --sf-radius:999px;--sf-border:rgba(0,0,0,.14);--sf-surface:rgba(255,255,255,.86);--sf-shadow:0 10px 26px rgba(31,35,45,.10);
}
html.bn-appearance-ios26 #searchFilterContent .searchFilterPage__searchwrap,
body.bn-appearance-ios26 #searchFilterContent .searchFilterPage__searchwrap,
html.bn-appearance-ios26 #searchFilterChips.searchFilterPage__filters .homeFilterBtn,
body.bn-appearance-ios26 #searchFilterChips.searchFilterPage__filters .homeFilterBtn{
  backdrop-filter:blur(18px) !important;-webkit-backdrop-filter:blur(18px) !important;
}
/* Android: cạnh bo nhẹ theo Material */
html.bn-appearance-android #searchFilterContent.searchFilterPage,
body.bn-appearance-android #searchFilterContent.searchFilterPage{
  --sf-radius:12px;--sf-border:rgba(0,0,0,.15);--sf-shadow:0 3px 10px rgba(0,0,0,.08);
}
/* Hiện đại: đúng mẫu, có icon màu; các giao diện khác không hiện icon */
html.bn-appearance-modern #searchFilterContent.searchFilterPage,
body.bn-appearance-modern #searchFilterContent.searchFilterPage{
  --sf-radius:20px;--sf-border:rgba(42,105,238,.55);--sf-surface:#fff;--sf-text:#1b2540;--sf-muted:#7f8798;--sf-shadow:0 9px 22px rgba(46,68,115,.10);
}
html.bn-appearance-modern #searchFilterContent .searchFilterPage__searchIcon,
body.bn-appearance-modern #searchFilterContent .searchFilterPage__searchIcon{
  display:block !important;flex:0 0 25px !important;width:25px !important;height:25px !important;margin-left:12px !important;color:#7d8799 !important;
}
html.bn-appearance-modern #searchFilterContent .searchFilterPage__labelIcon,
body.bn-appearance-modern #searchFilterContent .searchFilterPage__labelIcon{
  display:block !important;width:21px !important;height:21px !important;color:#3575ef !important;
}
html.bn-appearance-modern #searchFilterContent .homeFilterBtn__icon,
body.bn-appearance-modern #searchFilterContent .homeFilterBtn__icon{
  display:block !important;flex:0 0 22px !important;width:22px !important;height:22px !important;color:#3378f0 !important;
}
html.bn-appearance-modern #searchFilterContent .homeFilterBtn__icon--price,
body.bn-appearance-modern #searchFilterContent .homeFilterBtn__icon--price{color:#ff5274 !important;}
html.bn-appearance-modern #searchFilterContent .homeFilterBtn__icon--area,
body.bn-appearance-modern #searchFilterContent .homeFilterBtn__icon--area{color:#28bd80 !important;}
html.bn-appearance-modern #searchFilterContent .homeFilterBtn__icon--clear,
body.bn-appearance-modern #searchFilterContent .homeFilterBtn__icon--clear{color:#9b63e7 !important;}
html.bn-appearance-modern #searchFilterContent .searchFilterPage__searchwrap .search,
body.bn-appearance-modern #searchFilterContent .searchFilterPage__searchwrap .search{padding-left:2px !important;}
html.bn-appearance-modern #searchFilterContent .searchFilterPage__searchwrap .searchbtn,
body.bn-appearance-modern #searchFilterContent .searchFilterPage__searchwrap .searchbtn{
  border:0 !important;background:linear-gradient(135deg,#3479f2,#2965e8) !important;color:#fff !important;box-shadow:0 6px 16px rgba(45,105,232,.24) !important;
}
html.bn-appearance-modern #searchFilterChips.searchFilterPage__filters .homeFilterBtn,
body.bn-appearance-modern #searchFilterChips.searchFilterPage__filters .homeFilterBtn{
  justify-content:flex-start !important;border-color:rgba(40,48,74,.07) !important;padding:0 12px !important;
}
html.bn-appearance-modern #searchFilterChips.searchFilterPage__filters .homeFilterBtn__arrow,
body.bn-appearance-modern #searchFilterChips.searchFilterPage__filters .homeFilterBtn__arrow{margin-left:auto !important;}
html.bn-appearance-modern #searchFilterChips.searchFilterPage__filters .homeFilterBtn.is-active,
body.bn-appearance-modern #searchFilterChips.searchFilterPage__filters .homeFilterBtn.is-active{
  background:linear-gradient(135deg,#3479f2,#6d43f5) !important;color:#fff !important;border-color:transparent !important;
}
html.bn-appearance-modern #searchFilterChips.searchFilterPage__filters .homeFilterBtn.is-active .homeFilterBtn__icon,
body.bn-appearance-modern #searchFilterChips.searchFilterPage__filters .homeFilterBtn.is-active .homeFilterBtn__icon{color:#fff !important;}

/* Dark mode */
html.bn-background-dark #searchFilterContent.searchFilterPage,
body.bn-background-dark #searchFilterContent.searchFilterPage{
  --sf-surface:#151515;--sf-text:#fff;--sf-muted:rgba(255,255,255,.58);--sf-border:rgba(255,255,255,.24);--sf-shadow:none;
}
html.bn-background-dark #searchFilterChips.searchFilterPage__filters .homeFilterBtn.is-active,
body.bn-background-dark #searchFilterChips.searchFilterPage__filters .homeFilterBtn.is-active{background:#000 !important;color:#fff !important;border-color:rgba(255,255,255,.72) !important;}
html.bn-background-dark #searchFilterChips.searchFilterPage__filters .homeFilterBtn.is-active .homeFilterBtn__arrow,
body.bn-background-dark #searchFilterChips.searchFilterPage__filters .homeFilterBtn.is-active .homeFilterBtn__arrow{color:#fff !important;}
html.bn-background-dark.bn-appearance-modern #searchFilterContent .searchFilterPage__searchwrap .searchbtn,
body.bn-background-dark.bn-appearance-modern #searchFilterContent .searchFilterPage__searchwrap .searchbtn{color:#fff !important;}

@media (max-width:420px){
  #searchFilterContent .searchFilterPage__searchwrap .searchbtn{min-width:88px !important;padding:0 12px !important;font-size:14px !important;}
  #searchFilterChips.searchFilterPage__filters{gap:8px !important;}
  #searchFilterChips.searchFilterPage__filters .homeFilterBtn{height:48px !important;min-height:48px !important;padding-left:9px !important;padding-right:9px !important;}
  #searchFilterChips.searchFilterPage__filters .homeFilterBtn .homeFilterBtn__text{font-size:14px !important;}
  html.bn-appearance-modern #searchFilterContent .homeFilterBtn__icon,
  body.bn-appearance-modern #searchFilterContent .homeFilterBtn__icon{width:20px !important;height:20px !important;flex-basis:20px !important;}
}


/* ===== SP v185: tinh chỉnh ô tìm kiếm + gần đây/gợi ý ===== */
#searchFilterContent .searchFilterPage__searchwrap{
  gap:8px !important;
  padding:5px 5px 5px 14px !important;
}
#searchFilterContent .searchFilterPage__searchIcon{
  display:block !important;
  flex:0 0 23px !important;
  width:23px !important;
  height:23px !important;
  margin:0 !important;
  color:var(--sf-muted) !important;
}
#searchFilterContent .searchFilterPage__searchwrap .search{
  padding:0 4px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  -webkit-appearance:none !important;
  appearance:none !important;
}
#searchFilterContent .searchFilterPage__searchwrap .search:focus,
#searchFilterContent .searchFilterPage__searchwrap .search:focus-visible{
  outline:0 !important;
  border:0 !important;
  box-shadow:none !important;
}
/* Mặc định: nút lọc bớt tròn */
html.bn-appearance-default #searchFilterContent.searchFilterPage,
body.bn-appearance-default #searchFilterContent.searchFilterPage{--sf-radius:11px;}
/* Khôi phục dấu tam giác cũ của các nút lọc */
#searchFilterChips.searchFilterPage__filters .homeFilterBtn__arrow{
  font-size:8px !important;
  font-weight:700 !important;
  line-height:1 !important;
  transform:translateY(1px) !important;
}
#searchFilterContent .searchFilterPage__discovery{
  margin-top:24px !important;
  display:grid !important;
  gap:22px !important;
}
#searchFilterContent .searchFilterPage__discovery[hidden]{display:none !important;}
#searchFilterContent .searchFilterPage__discoverySection{display:block !important;}
#searchFilterContent .searchFilterPage__discoveryHead{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  margin:0 2px 11px !important;
}
#searchFilterContent .searchFilterPage__discoveryTitle{
  color:var(--sf-text) !important;
  font-size:14px !important;
  font-weight:650 !important;
  line-height:1.2 !important;
  letter-spacing:.1px !important;
}
#searchFilterContent .searchFilterPage__discoveryClear{
  border:0 !important;
  background:transparent !important;
  color:#3479f2 !important;
  padding:3px 2px !important;
  font-size:13px !important;
  font-weight:600 !important;
  box-shadow:none !important;
}
#searchFilterContent .searchFilterPage__discoveryChips{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:9px !important;
}
#searchFilterContent .searchFilterPage__discoveryMore{
  display:block !important;
  margin:14px auto 0 !important;
  border:0 !important;
  background:transparent !important;
  color:#3479f2 !important;
  padding:5px 10px !important;
  font-size:14px !important;
  font-weight:600 !important;
  box-shadow:none !important;
}
#searchFilterContent .searchFilterPage__discoveryMore[hidden]{display:none !important;}
#searchFilterContent .searchFilterPage__discoveryChip{
  min-height:38px !important;
  padding:0 14px !important;
  border:1px solid var(--sf-border) !important;
  border-radius:var(--sf-radius) !important;
  background:var(--sf-surface) !important;
  color:var(--sf-text) !important;
  box-shadow:var(--sf-shadow) !important;
  font-size:14px !important;
  font-weight:550 !important;
  line-height:1 !important;
}
html.bn-appearance-classic #searchFilterContent .searchFilterPage__discoveryChip,
body.bn-appearance-classic #searchFilterContent .searchFilterPage__discoveryChip{border-radius:0 !important;box-shadow:none !important;}
html.bn-appearance-rounded #searchFilterContent .searchFilterPage__discoveryChip,
body.bn-appearance-rounded #searchFilterContent .searchFilterPage__discoveryChip,
html.bn-appearance-ios26 #searchFilterContent .searchFilterPage__discoveryChip,
body.bn-appearance-ios26 #searchFilterContent .searchFilterPage__discoveryChip{border-radius:999px !important;}
html.bn-appearance-android #searchFilterContent .searchFilterPage__discoveryChip,
body.bn-appearance-android #searchFilterContent .searchFilterPage__discoveryChip{border-radius:10px !important;}
html.bn-appearance-modern #searchFilterContent .searchFilterPage__discoveryChip,
body.bn-appearance-modern #searchFilterContent .searchFilterPage__discoveryChip{
  border-color:rgba(40,48,74,.08) !important;
  box-shadow:0 7px 18px rgba(46,68,115,.08) !important;
}
html.bn-background-dark #searchFilterContent .searchFilterPage__discoveryClear,
body.bn-background-dark #searchFilterContent .searchFilterPage__discoveryClear{color:#78a7ff !important;}


/* ===== SP v186: ô tìm kiếm một khung + nút lọc mặc định ít bo + bỏ gợi ý ===== */
#searchFilterContent .searchFilterPage__searchwrap input#searchPageInput,
#searchFilterContent .searchFilterPage__searchwrap input#searchPageInput:hover,
#searchFilterContent .searchFilterPage__searchwrap input#searchPageInput:focus,
#searchFilterContent .searchFilterPage__searchwrap input#searchPageInput:focus-visible{
  border:none !important;
  outline:none !important;
  box-shadow:none !important;
  border-radius:0 !important;
  background:transparent !important;
  -webkit-appearance:none !important;
  appearance:none !important;
}
html.bn-appearance-default #searchFilterChips.searchFilterPage__filters .homeFilterBtn,
body.bn-appearance-default #searchFilterChips.searchFilterPage__filters .homeFilterBtn,
html.bn-appearance-default #searchFilterChips.searchFilterPage__filters .homeFilterBtn.is-active,
body.bn-appearance-default #searchFilterChips.searchFilterPage__filters .homeFilterBtn.is-active{
  border-radius:10px !important;
}


/* ===== SP v187: tinh chỉnh card giao diện Hiện đại ===== */
/* Ảnh thấp hơn 10px, bo nhẹ và bốn góc đồng đều. */
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryThumb,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryThumb{
  height:180px !important;
  border-radius:10px !important;
  overflow:hidden !important;
}
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryThumb :is(.card__thumbImg,.card__thumbEmpty,.js-card2viewer-main),
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryThumb :is(.card__thumbImg,.card__thumbEmpty,.js-card2viewer-main){
  border-radius:10px !important;
}
@media (max-width:380px){
  html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryThumb,
  body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryThumb{
    height:168px !important;
  }
}
/* Ba icon Ghi chú / Sao chép / Điện thoại cùng cỡ 23px (-3px). */
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryActions .outsidePostIcon,
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryActions .outsidePostIcon svg,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryActions .outsidePostIcon,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryActions .outsidePostIcon svg{
  width:23px !important;
  height:23px !important;
}
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryActions :is(.outsidePostIcon--note,.outsidePostIcon--copy,.outsidePostIcon--call) svg,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryActions :is(.outsidePostIcon--note,.outsidePostIcon--copy,.outsidePostIcon--call) svg{
  transform:none !important;
}

/* ===== SP v188: ép 4 góc ảnh Hiện đại bo nhẹ bằng nhau ===== */
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryThumb,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryThumb,
html.bn-appearance-modern.bn-modern-card-active.bn-modern-image-right :is(#content,#searchFilterContent) .card__summaryThumb,
body.bn-appearance-modern.bn-modern-card-active.bn-modern-image-right :is(#content,#searchFilterContent) .card__summaryThumb{
  border-radius:10px !important;
  border-top-left-radius:10px !important;
  border-top-right-radius:10px !important;
  border-bottom-right-radius:10px !important;
  border-bottom-left-radius:10px !important;
  overflow:hidden !important;
}
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryThumb :is(.card__thumbImg,.card__thumbEmpty,.js-card2viewer-main),
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryThumb :is(.card__thumbImg,.card__thumbEmpty,.js-card2viewer-main){
  border-radius:10px !important;
  border-top-left-radius:10px !important;
  border-top-right-radius:10px !important;
  border-bottom-right-radius:10px !important;
  border-bottom-left-radius:10px !important;
}

/* SP v189: dựng riêng thanh bar dưới 5 nút, chưa gắn chức năng điều hướng */
.bn-bottom-bar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:10020;height:calc(51px + env(safe-area-inset-bottom));padding:6px 6px env(safe-area-inset-bottom);background:var(--bn-bar,#fff);border-top:1px solid var(--bn-border,rgba(0,0,0,.12));box-shadow:0 -4px 18px rgba(0,0,0,.08);grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;box-sizing:border-box;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.bn-bottom-bar__item{min-width:0;border:0;background:transparent;color:var(--bn-muted,#6d6d6d);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:2px 1px;font:inherit;line-height:1;box-shadow:none!important;border-radius:0!important}
.bn-bottom-bar__icon{width:27px;height:27px;display:flex;align-items:center;justify-content:center}
.bn-bottom-bar__icon svg{width:25px;height:25px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.bn-bottom-bar__label{font-size:12px;font-weight:500;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.bn-bottom-bar__item.is-active{color:#1685f8}
html.bn-appearance-modern .bn-bottom-bar__label,
body.bn-appearance-modern .bn-bottom-bar__label{font-weight:550!important}
html.bn-bottom-bar-active .bn-bottom-bar,body.bn-bottom-bar-active .bn-bottom-bar{display:grid}
html.bn-bottom-bar-active .main .content,body.bn-bottom-bar-active .main .content{padding-bottom:calc(66px + env(safe-area-inset-bottom))!important}
.bn-bottom-bar-setting{margin-top:8px!important}
@media (min-width:901px){.bn-bottom-bar{display:none!important}}

/* SP v190: chức năng thanh bar dưới - menu toàn trang, giữ nguyên menu cũ khi tắt bar */
html.bn-bottom-bar-active #btnMenu,
body.bn-bottom-bar-active #btnMenu{display:none!important}

html.bn-bottom-bar-active #drawer,
html.bn-bottom-bar-active #drawer2,
html.bn-bottom-bar-active #drawerSettings,
html.bn-bottom-bar-active #drawerUi,
body.bn-bottom-bar-active #drawer,
body.bn-bottom-bar-active #drawer2,
body.bn-bottom-bar-active #drawerSettings,
body.bn-bottom-bar-active #drawerUi{
  width:100vw!important;
  max-width:none!important;
  left:0!important;
  right:0!important;
  bottom:calc(51px + env(safe-area-inset-bottom))!important;
  transform:translate3d(-100%,0,0)!important;
  transition:none!important;
  box-shadow:none!important;
  border-right:0!important;
  z-index:10010!important;
}
html.bn-bottom-bar-active #drawer.is-open,
html.bn-bottom-bar-active #drawer2.is-open,
html.bn-bottom-bar-active #drawerSettings.is-open,
html.bn-bottom-bar-active #drawerUi.is-open,
body.bn-bottom-bar-active #drawer.is-open,
body.bn-bottom-bar-active #drawer2.is-open,
body.bn-bottom-bar-active #drawerSettings.is-open,
body.bn-bottom-bar-active #drawerUi.is-open{
  transform:translate3d(0,0,0)!important;
  visibility:visible!important;
}
html.bn-bottom-bar-active #main.is-pushed,
html.bn-bottom-bar-active #main.is-open,
body.bn-bottom-bar-active #main.is-pushed,
body.bn-bottom-bar-active #main.is-open{
  transform:none!important;
}
html.bn-bottom-bar-active #scrim,
body.bn-bottom-bar-active #scrim{display:none!important}
html.bn-bottom-bar-active .drawer.is-dragging,
body.bn-bottom-bar-active .drawer.is-dragging{transition:none!important}


/* SP v191: căn giữa thanh bar, mở đúng từng danh mục, ẩn icon đầu menu và khóa vuốt ngang khi bật bar */
.bn-bottom-bar{
  left:50%!important;
  right:auto!important;
  width:100%!important;
  max-width:100vw!important;
  margin:0!important;
  transform:translateX(-50%)!important;
  padding-left:max(8px,env(safe-area-inset-left))!important;
  padding-right:max(8px,env(safe-area-inset-right))!important;
}
html.bn-bottom-bar-active :is(#drawer,#drawer2,#drawerSettings,#drawerUi) .drawer__topbar > button:first-child,
body.bn-bottom-bar-active :is(#drawer,#drawer2,#drawerSettings,#drawerUi) .drawer__topbar > button:first-child{
  display:none!important;
}
html.bn-bottom-bar-active :is(#drawer,#drawer2,#drawerSettings,#drawerUi),
body.bn-bottom-bar-active :is(#drawer,#drawer2,#drawerSettings,#drawerUi){
  touch-action:pan-y!important;
  overscroll-behavior-x:none!important;
}

/* SP v192: cân lại thanh trên khi bật bar dưới; hiện nút trở lại, ẩn icon trang chủ và giữ tiêu đề chính giữa */
html.bn-bottom-bar-active #btnMenu,
body.bn-bottom-bar-active #btnMenu{
  display:inline-flex!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
html.bn-bottom-bar-active :is(#drawer,#drawer2,#drawerSettings,#drawerUi) .drawer__topbar > button:first-child,
body.bn-bottom-bar-active :is(#drawer,#drawer2,#drawerSettings,#drawerUi) .drawer__topbar > button:first-child{
  display:inline-flex!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
html.bn-bottom-bar-active :is(#drawer,#drawer2,#drawerSettings,#drawerUi) .drawer__topbar > .menuHomeIcon,
body.bn-bottom-bar-active :is(#drawer,#drawer2,#drawerSettings,#drawerUi) .drawer__topbar > .menuHomeIcon{
  display:inline-flex!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
html.bn-bottom-bar-active :is(#drawer,#drawer2,#drawerSettings,#drawerUi) .drawer__topbar,
body.bn-bottom-bar-active :is(#drawer,#drawer2,#drawerSettings,#drawerUi) .drawer__topbar{
  grid-template-columns:1fr auto 1fr!important;
}
html.bn-bottom-bar-active :is(#drawer,#drawer2,#drawerSettings,#drawerUi) .drawer__title,
body.bn-bottom-bar-active :is(#drawer,#drawer2,#drawerSettings,#drawerUi) .drawer__title{
  justify-self:center!important;
  text-align:center!important;
}

/* SP v193: tinh gọn từng menu khi bật thanh bar dưới và chừa khoảng cuộn cuối */
/* Cài đặt: ẩn toàn bộ mục Cập nhật phiên bản. */
html.bn-bottom-bar-active #drawerSettings .section:has(#btnManualUpdate),
body.bn-bottom-bar-active #drawerSettings .section:has(#btnManualUpdate){
  display:none!important;
}
/* Dự phòng trình duyệt không áp dụng :has(): ít nhất luôn ẩn nút cập nhật. */
html.bn-bottom-bar-active #drawerSettings #btnManualUpdate,
body.bn-bottom-bar-active #drawerSettings #btnManualUpdate{
  display:none!important;
}

/* Khách hàng: ẩn nút Trang chủ nằm cuối danh sách (nút trở lại trên topbar vẫn giữ). */
html.bn-bottom-bar-active #drawer2 #btnDrawer2Home,
body.bn-bottom-bar-active #drawer2 #btnDrawer2Home{
  display:none!important;
}
html.bn-bottom-bar-active #drawer2 .section:has(#btnDrawer2Home),
body.bn-bottom-bar-active #drawer2 .section:has(#btnDrawer2Home){
  display:none!important;
}

/* Nhà Bán: chỉ giữ nhóm bài viết; ẩn Khách hàng, Giao diện và Cài đặt. */
html.bn-bottom-bar-active #drawer #btnCustomers,
html.bn-bottom-bar-active #drawer #btnSettings,
html.bn-bottom-bar-active #drawer .bn-ui-menu-section,
body.bn-bottom-bar-active #drawer #btnCustomers,
body.bn-bottom-bar-active #drawer #btnSettings,
body.bn-bottom-bar-active #drawer .bn-ui-menu-section{
  display:none!important;
}
html.bn-bottom-bar-active #drawer .section:has(#btnCustomers),
html.bn-bottom-bar-active #drawer .section:has(#btnSettings),
body.bn-bottom-bar-active #drawer .section:has(#btnCustomers),
body.bn-bottom-bar-active #drawer .section:has(#btnSettings){
  display:none!important;
}

/* Cho nội dung menu kéo vượt hẳn thanh bar, nút cuối luôn nhìn và bấm được. */
html.bn-bottom-bar-active :is(#drawer,#drawer2,#drawerSettings,#drawerUi) .drawer__content,
body.bn-bottom-bar-active :is(#drawer,#drawer2,#drawerSettings,#drawerUi) .drawer__content{
  padding-bottom:calc(110px + env(safe-area-inset-bottom))!important;
  scroll-padding-bottom:calc(110px + env(safe-area-inset-bottom))!important;
  overscroll-behavior-y:contain!important;
}


/* SP v194: chừa vùng Thanh dưới cho trang Tạo bài */
html.bn-bottom-bar-active #createModal.createPage,
body.bn-bottom-bar-active #createModal.createPage{
  height:calc(100svh - 51px - env(safe-area-inset-bottom)) !important;
  max-height:calc(100svh - 51px - env(safe-area-inset-bottom)) !important;
  padding-bottom:0 !important;
  box-sizing:border-box !important;
}
html.bn-bottom-bar-active #createModal .createPage__sheet,
body.bn-bottom-bar-active #createModal .createPage__sheet{
  height:calc(100svh - 51px - env(safe-area-inset-bottom)) !important;
  max-height:calc(100svh - 51px - env(safe-area-inset-bottom)) !important;
}
html.bn-bottom-bar-active #createModal .createFooterRow,
body.bn-bottom-bar-active #createModal .createFooterRow{
  padding-bottom:calc(12px + max(0px, env(safe-area-inset-bottom))) !important;
}


/* SP v196: tăng icon app góc trái thanh trên từ 22px lên 26px */
.bn-topbar-app-icon{
  display:none;
  width:26px;
  height:26px;
  object-fit:cover;
  border-radius:6px;
  justify-self:start;
  align-self:center;
  margin-left:13px;
}
html.bn-bottom-bar-active .topbar > #btnMenu,
body.bn-bottom-bar-active .topbar > #btnMenu{
  display:none!important;
}
html.bn-bottom-bar-active .topbar > .bn-topbar-app-icon,
body.bn-bottom-bar-active .topbar > .bn-topbar-app-icon{
  display:block!important;
}

/* SP v198: icon trạng thái phù hợp và cho nội dung card Hiện đại tự xuống dòng. */
/* Ngừng bán: biểu tượng ngôi nhà có gạch chéo. */
html.bn-appearance-modern .drawer .row--badge[data-filter="stopped"] > span:first-child::before,
body.bn-appearance-modern .drawer .row--badge[data-filter="stopped"] > span:first-child::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m3 11 9-8 9 8v10h-7v-6h-4v6H3V11Zm2 .9V19h3v-6h8v6h3v-7.1l-7-6.2-7 6.2Z'/%3E%3Cpath d='M4.2 3 21 19.8 19.8 21 3 4.2 4.2 3Z'/%3E%3C/svg%3E") !important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m3 11 9-8 9 8v10h-7v-6h-4v6H3V11Zm2 .9V19h3v-6h8v6h3v-7.1l-7-6.2-7 6.2Z'/%3E%3Cpath d='M4.2 3 21 19.8 19.8 21 3 4.2 4.2 3Z'/%3E%3C/svg%3E") !important;
}
/* Khách ngừng mua: biểu tượng người dùng có gạch chéo. */
html.bn-appearance-modern .drawer #btnCus_stop > span:first-child::before,
body.bn-appearance-modern .drawer #btnCus_stop > span:first-child::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3a4 4 0 1 1 0 8 4 4 0 0 1 0-8Zm0 2a2 2 0 1 0 0 4 2 2 0 0 0 0-4ZM4 21v-2c0-3.3 3.6-6 8-6 1.5 0 2.9.3 4.1.8l-1.6 1.6A8.5 8.5 0 0 0 12 15c-3.3 0-6 1.8-6 4h7.2l2 2H4Z'/%3E%3Cpath d='M4.2 3 21 19.8 19.8 21 3 4.2 4.2 3Z'/%3E%3C/svg%3E") !important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3a4 4 0 1 1 0 8 4 4 0 0 1 0-8Zm0 2a2 2 0 1 0 0 4 2 2 0 0 0 0-4ZM4 21v-2c0-3.3 3.6-6 8-6 1.5 0 2.9.3 4.1.8l-1.6 1.6A8.5 8.5 0 0 0 12 15c-3.3 0-6 1.8-6 4h7.2l2 2H4Z'/%3E%3Cpath d='M4.2 3 21 19.8 19.8 21 3 4.2 4.2 3Z'/%3E%3C/svg%3E") !important;
}

/* Mọi trường hiển thị trong card: đầy chiều ngang thì xuống dòng, không cắt chữ. */
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) :is(
  .card__summaryTitle,
  .card__summaryLine,
  .card__summaryV,
  .card__summaryBottom,
  .card__summaryPrice,
  .card__summaryPriceValue,
  .card__summaryCommission,
  .card__summaryCommissionValue
),
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) :is(
  .card__summaryTitle,
  .card__summaryLine,
  .card__summaryV,
  .card__summaryBottom,
  .card__summaryPrice,
  .card__summaryPriceValue,
  .card__summaryCommission,
  .card__summaryCommissionValue
){
  min-width:0 !important;
  max-width:100% !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
}
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryBottom,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryBottom{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  row-gap:5px !important;
}
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryPrice,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryPrice,
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryCommission,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryCommission{
  flex-wrap:wrap !important;
}


/* SP v199: icon trạng thái rõ nghĩa hơn và Thanh dưới chỉ đổi bằng công tắc. */
/* Nhà ngừng bán: thẻ bất động sản có dấu tạm ngừng. */
html.bn-appearance-modern .drawer .row--badge[data-filter="stopped"] > span:first-child::before,
body.bn-appearance-modern .drawer .row--badge[data-filter="stopped"] > span:first-child::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 12.2 12.2 3H21v8.8L11.8 21 3 12.2Zm3.2 0 5.6 5.6 7.2-7.2V5h-5.6l-7.2 7.2ZM15 7h1.8v5H15V7Zm3 0h1.8v5H18V7Z'/%3E%3C/svg%3E")!important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 12.2 12.2 3H21v8.8L11.8 21 3 12.2Zm3.2 0 5.6 5.6 7.2-7.2V5h-5.6l-7.2 7.2ZM15 7h1.8v5H15V7Zm3 0h1.8v5H18V7Z'/%3E%3C/svg%3E")!important;
}
/* Khách ngừng mua: người mua có dấu tạm ngừng. */
html.bn-appearance-modern .drawer #btnCus_stop > span:first-child::before,
body.bn-appearance-modern .drawer #btnCus_stop > span:first-child::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 10a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm0-2a2 2 0 1 1 0-4 2 2 0 0 1 0 4ZM2 21v-2c0-3.9 2.7-7 6-7 1.6 0 3 .7 4.1 1.8A6.9 6.9 0 0 0 11 17.5V21H2Zm2-2h5.1c.1-1.9.7-3.7 1.8-5A4 4 0 0 0 8 14c-2.2 0-4 2.2-4 5Zm11-6h2.4v8H15v-8Zm4.6 0H22v8h-2.4v-8Z'/%3E%3C/svg%3E")!important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 10a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm0-2a2 2 0 1 1 0-4 2 2 0 0 1 0 4ZM2 21v-2c0-3.9 2.7-7 6-7 1.6 0 3 .7 4.1 1.8A6.9 6.9 0 0 0 11 17.5V21H2Zm2-2h5.1c.1-1.9.7-3.7 1.8-5A4 4 0 0 0 8 14c-2.2 0-4 2.2-4 5Zm11-6h2.4v8H15v-8Zm4.6 0H22v8h-2.4v-8Z'/%3E%3C/svg%3E")!important;
}

/* SP v201: Card Hiện đại ảnh trái đồng bộ hoàn toàn với ảnh phải, chỉ đảo vị trí ảnh. */
html.bn-appearance-modern.bn-modern-card-active.bn-modern-image-left :is(#content,#searchFilterContent) .card__summaryMain,
body.bn-appearance-modern.bn-modern-card-active.bn-modern-image-left :is(#content,#searchFilterContent) .card__summaryMain{
  grid-template-columns:clamp(116px,34vw,132px) minmax(0,1fr) !important;
  column-gap:10px !important;
}
html.bn-appearance-modern.bn-modern-card-active.bn-modern-image-left :is(#content,#searchFilterContent) .card__summaryThumb,
body.bn-appearance-modern.bn-modern-card-active.bn-modern-image-left :is(#content,#searchFilterContent) .card__summaryThumb{
  grid-column:1 !important;
  grid-row:1 !important;
  justify-self:stretch !important;
  margin:10px 0 10px 10px !important;
}
html.bn-appearance-modern.bn-modern-card-active.bn-modern-image-left :is(#content,#searchFilterContent) .card__summaryBody,
body.bn-appearance-modern.bn-modern-card-active.bn-modern-image-left :is(#content,#searchFilterContent) .card__summaryBody{
  grid-column:2 !important;
  grid-row:1 !important;
  padding:14px 14px 0 0 !important;
}
@media (max-width:380px){
  html.bn-appearance-modern.bn-modern-card-active.bn-modern-image-left :is(#content,#searchFilterContent) .card__summaryMain,
  body.bn-appearance-modern.bn-modern-card-active.bn-modern-image-left :is(#content,#searchFilterContent) .card__summaryMain{
    grid-template-columns:112px minmax(0,1fr) !important;
    column-gap:8px !important;
  }
  html.bn-appearance-modern.bn-modern-card-active.bn-modern-image-left :is(#content,#searchFilterContent) .card__summaryThumb,
  body.bn-appearance-modern.bn-modern-card-active.bn-modern-image-left :is(#content,#searchFilterContent) .card__summaryThumb{
    margin:10px 0 10px 8px !important;
  }
  html.bn-appearance-modern.bn-modern-card-active.bn-modern-image-left :is(#content,#searchFilterContent) .card__summaryBody,
  body.bn-appearance-modern.bn-modern-card-active.bn-modern-image-left :is(#content,#searchFilterContent) .card__summaryBody{
    padding:14px 12px 0 0 !important;
  }
}

/* v202: Giao diện Hiện đại - vùng thanh trạng thái phía trên đồng màu trắng với thanh trên */
html.bn-appearance-modern,
html.bn-appearance-modern body,
body.bn-appearance-modern{
  background-color:#ffffff !important;
}
html.bn-appearance-modern body::before,
body.bn-appearance-modern::before{
  content:"";
  position:fixed;
  top:0;
  left:0;
  right:0;
  height:max(env(safe-area-inset-top, 0px), 1px);
  background:#ffffff !important;
  pointer-events:none;
  z-index:10050;
}
html.bn-appearance-modern .topbar,
body.bn-appearance-modern .topbar,
html.bn-appearance-modern :is(#drawer,#drawer2,#drawerSettings,#drawerUi) .drawer__topbar,
body.bn-appearance-modern :is(#drawer,#drawer2,#drawerSettings,#drawerUi) .drawer__topbar{
  background:#ffffff !important;
}


/* SP v203: thanh dưới thấp hơn 10px toàn app; icon card Hiện đại nhỏ hơn 3px; icon cho danh sách giao diện. */
.bn-ui-option[data-bn-ui-type="appearance"]{display:flex!important;align-items:center!important;gap:12px!important;}
.bn-ui-option__appearanceIcon{width:32px;height:32px;flex:0 0 32px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:rgba(109,67,245,.09);color:#5d39dc;}
.bn-ui-option__appearanceIcon svg{width:21px;height:21px;display:block;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;}
.bn-ui-option__appearanceIcon--default{background:rgba(70,85,110,.09);color:#46556e;}
.bn-ui-option__appearanceIcon--lite{background:rgba(22,133,248,.09);color:#1685f8;}
.bn-ui-option__appearanceIcon--classic{background:rgba(132,91,45,.10);color:#845b2d;}
.bn-ui-option__appearanceIcon--rounded{background:rgba(235,74,145,.10);color:#d83982;}
.bn-ui-option__appearanceIcon--ios26{background:rgba(70,70,76,.08);color:#34343a;}
.bn-ui-option__appearanceIcon--android{background:rgba(29,164,90,.10);color:#179451;}
html.bn-background-dark .bn-ui-option__appearanceIcon,body.bn-background-dark .bn-ui-option__appearanceIcon{background:rgba(255,255,255,.12)!important;color:#fff!important;}
html.bn-appearance-modern.bn-modern-card-active .card__summaryActions .smallbtn.js-notes,
body.bn-appearance-modern.bn-modern-card-active .card__summaryActions .smallbtn.js-notes,
html.bn-appearance-modern.bn-modern-card-active .card__summaryActions .smallbtn.js-summary-copy,
body.bn-appearance-modern.bn-modern-card-active .card__summaryActions .smallbtn.js-summary-copy,
html.bn-appearance-modern.bn-modern-card-active .card__summaryActions .smallbtn.js-summary-call,
body.bn-appearance-modern.bn-modern-card-active .card__summaryActions .smallbtn.js-summary-call{
  min-width:23px!important;width:23px!important;height:23px!important;min-height:23px!important;padding:0 4px!important;
}
html.bn-appearance-modern.bn-modern-card-active .card__summaryActions .outsidePostIcon,
body.bn-appearance-modern.bn-modern-card-active .card__summaryActions .outsidePostIcon,
html.bn-appearance-modern.bn-modern-card-active .card__summaryActions .outsidePostIcon svg,
body.bn-appearance-modern.bn-modern-card-active .card__summaryActions .outsidePostIcon svg{
  width:23px!important;height:23px!important;
}
html.bn-appearance-modern.bn-modern-card-active .card__summaryActions .outsidePostIcon--note svg,
body.bn-appearance-modern.bn-modern-card-active .card__summaryActions .outsidePostIcon--note svg,
html.bn-appearance-modern.bn-modern-card-active .card__summaryActions .outsidePostIcon--call svg,
body.bn-appearance-modern.bn-modern-card-active .card__summaryActions .outsidePostIcon--call svg{
  width:23px!important;height:23px!important;transform:scale(.88)!important;
}

/* SP v204: Bộ icon trong Cài đặt giao diện chỉ hiện ở giao diện Hiện đại; chữ luôn căn trái. */
html:not(.bn-appearance-modern) .bn-ui-option[data-bn-ui-type="appearance"] .bn-ui-option__appearanceIcon,
body:not(.bn-appearance-modern) .bn-ui-option[data-bn-ui-type="appearance"] .bn-ui-option__appearanceIcon{
  display:none !important;
}
.bn-ui-option[data-bn-ui-type="appearance"] .bn-ui-option__text{
  flex:1 1 auto !important;
  align-items:flex-start !important;
  text-align:left !important;
}
.bn-ui-option[data-bn-ui-type="appearance"] .bn-ui-option__title{
  width:100% !important;
  text-align:left !important;
}

/* SP v206: thu gọn khoảng trống cuối trang Tạo bài khi bật Thanh dưới. */
html.bn-bottom-bar-active #createModal .createFooterRow,
body.bn-bottom-bar-active #createModal .createFooterRow{
  padding-bottom:2px !important;
}

/* SP v206: Giao diện mới - chiều cao trường Diện tích cân bằng với Kết cấu.
   Giữ nguyên khả năng tự xuống dòng và giãn chiều cao theo nội dung. */
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryLine--location,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryLine--location{
  margin-bottom:0 !important;
}

/* v208: Popup điện thoại mới chỉ cho Giao diện mới (class modern). Giữ nguyên logic hành động. */
#phoneActionModal .phoneModernHandle,
#phoneActionModal .phoneModernHeader,
#phoneActionModal .phoneItemIcon,
#phoneActionModal .phoneItemChevron,
#phoneActionModal .phoneItemCancelIcon,
#phoneActionModal .phoneItemLabel--modern{display:none;}
#phoneActionModal .phoneItemLabel--legacy{display:inline;}

html.bn-appearance-modern #phoneActionModal.modal,
body.bn-appearance-modern #phoneActionModal.modal{
  padding:0 !important;
  background:rgba(15,18,25,.48) !important;
  -webkit-backdrop-filter:blur(3px);
  backdrop-filter:blur(3px);
}
html.bn-appearance-modern #phoneActionModal .modal__sheet,
body.bn-appearance-modern #phoneActionModal .modal__sheet{
  width:calc(100% - 24px) !important;
  max-width:520px !important;
  margin:0 auto calc(10px + env(safe-area-inset-bottom)) !important;
  max-height:calc(100dvh - 28px) !important;
  background:#fff !important;
  border:1px solid rgba(20,25,38,.08) !important;
  border-radius:28px !important;
  overflow:hidden !important;
  box-shadow:0 24px 70px rgba(0,0,0,.28) !important;
}
html.bn-appearance-modern #phoneActionModal .modal__body,
body.bn-appearance-modern #phoneActionModal .modal__body{
  overflow-y:auto !important;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}
html.bn-appearance-modern #phoneActionModal .phoneSheetGroup,
body.bn-appearance-modern #phoneActionModal .phoneSheetGroup{
  padding:12px 16px 16px !important;
  background:#fff !important;
  border-radius:0 !important;
}
html.bn-appearance-modern #phoneActionModal .phoneModernHandle,
body.bn-appearance-modern #phoneActionModal .phoneModernHandle{
  display:block;
  width:46px;
  height:5px;
  margin:0 auto 16px;
  border-radius:99px;
  background:#d4d7dc;
}
html.bn-appearance-modern #phoneActionModal .phoneModernHeader,
body.bn-appearance-modern #phoneActionModal .phoneModernHeader{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  padding:0 4px 18px;
}
html.bn-appearance-modern #phoneActionModal .phoneModernHeaderIcon,
body.bn-appearance-modern #phoneActionModal .phoneModernHeaderIcon{
  width:58px;
  height:58px;
  flex:0 0 58px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#2dbd69;
  background:#e9f9ef;
}
html.bn-appearance-modern #phoneActionModal .phoneModernHeaderIcon svg,
body.bn-appearance-modern #phoneActionModal .phoneModernHeaderIcon svg{
  width:30px;height:30px;fill:currentColor;
}
html.bn-appearance-modern #phoneActionModal .phoneModernHeaderText,
body.bn-appearance-modern #phoneActionModal .phoneModernHeaderText{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
html.bn-appearance-modern #phoneActionModal .phoneModernHeaderText strong,
body.bn-appearance-modern #phoneActionModal .phoneModernHeaderText strong{
  max-width:100%;
  font-size:28px !important;
  line-height:1.08;
  font-weight:650 !important;
  letter-spacing:.2px;
  color:#090b10 !important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
html.bn-appearance-modern #phoneActionModal .phoneModernHeaderText small,
body.bn-appearance-modern #phoneActionModal .phoneModernHeaderText small{
  margin-top:5px;
  font-size:16px !important;
  line-height:1.2;
  font-weight:450 !important;
  color:#6e737d !important;
}
html.bn-appearance-modern #phoneActionModal .phoneItem,
body.bn-appearance-modern #phoneActionModal .phoneItem{
  position:relative;
  width:100%;
  height:58px !important;
  margin-top:10px !important;
  padding:0 46px 0 58px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  color:#101217 !important;
  background:#fff !important;
  border:1px solid #dfe2e8 !important;
  border-radius:17px !important;
  box-shadow:0 2px 8px rgba(25,31,45,.025) !important;
  font-size:17px !important;
  font-weight:600 !important;
  text-align:left;
  transition:transform 120ms ease, background-color 120ms ease, opacity 120ms ease;
}
html.bn-appearance-modern #phoneActionModal .phoneItem:active,
body.bn-appearance-modern #phoneActionModal .phoneItem:active{
  opacity:1 !important;
  transform:scale(.985);
  background:#f5f6f8 !important;
}
html.bn-appearance-modern #phoneActionModal .phoneItem--call,
body.bn-appearance-modern #phoneActionModal .phoneItem--call{
  height:60px !important;
  margin-top:0 !important;
  padding:0 20px !important;
  justify-content:center !important;
  gap:12px;
  color:#fff !important;
  background:linear-gradient(135deg,#31bf6c,#27ae60) !important;
  border-color:transparent !important;
  box-shadow:0 8px 20px rgba(39,174,96,.22) !important;
  font-size:19px !important;
  font-weight:650 !important;
}
html.bn-appearance-modern #phoneActionModal .phoneItem--call:active,
body.bn-appearance-modern #phoneActionModal .phoneItem--call:active{background:linear-gradient(135deg,#2db566,#249f58) !important;}
html.bn-appearance-modern #phoneActionModal .phoneItemIcon,
body.bn-appearance-modern #phoneActionModal .phoneItemIcon{
  position:absolute;
  left:18px;
  top:50%;
  transform:translateY(-50%);
  width:27px;
  height:27px;
  display:grid;
  place-items:center;
  color:#353941;
}
html.bn-appearance-modern #phoneActionModal .phoneItemIcon svg,
body.bn-appearance-modern #phoneActionModal .phoneItemIcon svg{width:25px;height:25px;fill:currentColor;}
html.bn-appearance-modern #phoneActionModal .phoneItem--call .phoneItemIcon,
body.bn-appearance-modern #phoneActionModal .phoneItem--call .phoneItemIcon{
  position:static;
  transform:none;
  color:#fff;
}
html.bn-appearance-modern #phoneActionModal .phoneItemIcon--zalo,
body.bn-appearance-modern #phoneActionModal .phoneItemIcon--zalo{
  width:30px;height:30px;border-radius:9px;background:#1677ff;color:#fff;font-size:18px;font-weight:800;font-style:italic;
}
html.bn-appearance-modern #phoneActionModal .phoneItemIcon--google,
body.bn-appearance-modern #phoneActionModal .phoneItemIcon--google{
  font-size:26px;font-weight:750;color:#4285f4;
}
html.bn-appearance-modern #phoneActionModal .phoneItemChevron,
body.bn-appearance-modern #phoneActionModal .phoneItemChevron{
  position:absolute;
  right:18px;
  top:50%;
  transform:translateY(-53%);
  display:block;
  color:#7c828b;
  font-size:32px;
  line-height:1;
  font-weight:300;
}
html.bn-appearance-modern #phoneActionModal .phoneItemLabel--legacy,
body.bn-appearance-modern #phoneActionModal .phoneItemLabel--legacy{display:none;}
html.bn-appearance-modern #phoneActionModal .phoneItemLabel--modern,
body.bn-appearance-modern #phoneActionModal .phoneItemLabel--modern{display:inline;}
html.bn-appearance-modern #phoneActionModal .phoneCancelDivider,
body.bn-appearance-modern #phoneActionModal .phoneCancelDivider{height:12px !important;}
html.bn-appearance-modern #phoneActionModal .phoneItem--cancel,
body.bn-appearance-modern #phoneActionModal .phoneItem--cancel{
  margin-top:0 !important;
  padding:0 20px !important;
  justify-content:center !important;
  gap:10px;
  color:#4d525b !important;
  background:#f1f2f5 !important;
  border-color:transparent !important;
  box-shadow:none !important;
}
html.bn-appearance-modern #phoneActionModal .phoneItemCancelIcon,
body.bn-appearance-modern #phoneActionModal .phoneItemCancelIcon{
  display:inline-block;
  font-size:31px;
  line-height:1;
  font-weight:300;
  transform:translateY(-1px);
}
@media (max-height:700px){
  html.bn-appearance-modern #phoneActionModal .phoneSheetGroup,
  body.bn-appearance-modern #phoneActionModal .phoneSheetGroup{padding:9px 14px 12px !important;}
  html.bn-appearance-modern #phoneActionModal .phoneModernHandle,
  body.bn-appearance-modern #phoneActionModal .phoneModernHandle{margin-bottom:10px;}
  html.bn-appearance-modern #phoneActionModal .phoneModernHeader,
  body.bn-appearance-modern #phoneActionModal .phoneModernHeader{padding-bottom:12px;}
  html.bn-appearance-modern #phoneActionModal .phoneModernHeaderIcon,
  body.bn-appearance-modern #phoneActionModal .phoneModernHeaderIcon{width:48px;height:48px;flex-basis:48px;}
  html.bn-appearance-modern #phoneActionModal .phoneModernHeaderText strong,
  body.bn-appearance-modern #phoneActionModal .phoneModernHeaderText strong{font-size:24px !important;}
  html.bn-appearance-modern #phoneActionModal .phoneItem,
  body.bn-appearance-modern #phoneActionModal .phoneItem{height:52px !important;margin-top:7px !important;}
  html.bn-appearance-modern #phoneActionModal .phoneItem--call,
  body.bn-appearance-modern #phoneActionModal .phoneItem--call{height:54px !important;margin-top:0 !important;}
  html.bn-appearance-modern #phoneActionModal .phoneCancelDivider,
  body.bn-appearance-modern #phoneActionModal .phoneCancelDivider{height:8px !important;}
}


/* v209: Giao diện mới - bỏ icon trên số điện thoại và căn giữa chính xác cụm gọi. */
html.bn-appearance-modern #phoneActionModal .phoneModernHeader,
body.bn-appearance-modern #phoneActionModal .phoneModernHeader{
  justify-content:center !important;
  gap:0 !important;
  text-align:center !important;
}
html.bn-appearance-modern #phoneActionModal .phoneModernHeaderText,
body.bn-appearance-modern #phoneActionModal .phoneModernHeaderText{
  width:100% !important;
  align-items:center !important;
  text-align:center !important;
}
html.bn-appearance-modern #phoneActionModal .phoneItem--call,
body.bn-appearance-modern #phoneActionModal .phoneItem--call{
  justify-content:center !important;
  text-align:center !important;
}
html.bn-appearance-modern #phoneActionModal .phoneItem--call .phoneItemIcon,
body.bn-appearance-modern #phoneActionModal .phoneItem--call .phoneItemIcon{
  width:28px !important;
  height:28px !important;
  flex:0 0 28px !important;
}

/* ===== v215: tab chi tiết mới - chỉ Giao diện mới ===== */
html.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .card__detailTab,
body.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .card__detailTab{
  width:min(94vw,680px);
  margin:0 auto;
  padding:18px 16px 24px!important;
  border:1px solid #dce3ec;
  border-radius:26px;
  background:#fff;
  box-shadow:0 12px 34px rgba(26,43,70,.14);
}
html.bn-appearance-modern #postInlineDetailModal .detailTab__head,
body.bn-appearance-modern #postInlineDetailModal .detailTab__head{
  padding:0 0 14px;
  border-bottom:1px solid #e5e9ef;
}
html.bn-appearance-modern #postInlineDetailModal .detailTab__headBtn,
html.bn-appearance-modern #postInlineDetailModal .detailTab__closeBtn,
body.bn-appearance-modern #postInlineDetailModal .detailTab__headBtn,
body.bn-appearance-modern #postInlineDetailModal .detailTab__closeBtn{
  min-height:38px;
  padding:0 18px;
  border:1px solid #d4dae3!important;
  border-radius:999px!important;
  background:#fff!important;
  font-weight:600!important;
}
html.bn-appearance-modern #postInlineDetailModal .detailTab__closeBtn,
body.bn-appearance-modern #postInlineDetailModal .detailTab__closeBtn{color:#126df4!important;border-color:#7aabff!important;}
html.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .card__detailTabBody,
body.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .card__detailTabBody{padding:14px 0 0!important;}
html.bn-appearance-modern #postInlineDetailModal .detailModernIntro,
body.bn-appearance-modern #postInlineDetailModal .detailModernIntro{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px;}
html.bn-appearance-modern #postInlineDetailModal .detailModernThumb,
body.bn-appearance-modern #postInlineDetailModal .detailModernThumb{
  position:relative;flex:0 0 92px;width:92px;height:92px;overflow:hidden;border-radius:12px;background:#eef2f7;
}
html.bn-appearance-modern #postInlineDetailModal .detailModernThumb img,
body.bn-appearance-modern #postInlineDetailModal .detailModernThumb img{width:100%;height:100%;object-fit:cover;display:block;}
html.bn-appearance-modern #postInlineDetailModal .detailModernThumb__empty,
body.bn-appearance-modern #postInlineDetailModal .detailModernThumb__empty{height:100%;display:grid;place-items:center;font-size:12px;color:#788390;}
html.bn-appearance-modern #postInlineDetailModal .detailModernThumb__count,
body.bn-appearance-modern #postInlineDetailModal .detailModernThumb__count{position:absolute;right:6px;bottom:6px;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:rgba(20,30,45,.82);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:600;}
html.bn-appearance-modern #postInlineDetailModal .detailModernIntro__text,
body.bn-appearance-modern #postInlineDetailModal .detailModernIntro__text{min-width:0;flex:1;padding-top:2px;}
html.bn-appearance-modern #postInlineDetailModal .kv--addr,
body.bn-appearance-modern #postInlineDetailModal .kv--addr{margin:0 0 10px!important;padding:0!important;font-size:20px!important;line-height:1.3;font-weight:650!important;}
html.bn-appearance-modern #postInlineDetailModal .detailModernPlace,
body.bn-appearance-modern #postInlineDetailModal .detailModernPlace{display:flex;flex-direction:column;gap:7px;}
html.bn-appearance-modern #postInlineDetailModal .detailModernPlace span,
body.bn-appearance-modern #postInlineDetailModal .detailModernPlace span{width:max-content;max-width:100%;padding:7px 10px;border:1px solid #dfe6ef;border-radius:9px;background:#f8fafc;font-size:14px;line-height:1.2;}
html.bn-appearance-modern #postInlineDetailModal .detailLegacyPlaces,
html.bn-appearance-modern #postInlineDetailModal .detailLegacyCreator,
body.bn-appearance-modern #postInlineDetailModal .detailLegacyPlaces,
body.bn-appearance-modern #postInlineDetailModal .detailLegacyCreator{display:none!important;}
html.bn-appearance-modern #postInlineDetailModal .detailInfoGrid,
body.bn-appearance-modern #postInlineDetailModal .detailInfoGrid{border:1px solid #e0e6ee;border-radius:14px;overflow:hidden;background:#fff;}
html.bn-appearance-modern #postInlineDetailModal .detailField,
body.bn-appearance-modern #postInlineDetailModal .detailField{display:grid!important;grid-template-columns:110px minmax(0,1fr);align-items:center;gap:10px;margin:0!important;padding:12px 14px!important;border-bottom:1px solid #e8ecf1;font-size:15px!important;line-height:1.35;}
html.bn-appearance-modern #postInlineDetailModal .detailField:last-child,
body.bn-appearance-modern #postInlineDetailModal .detailField:last-child{border-bottom:0;}
html.bn-appearance-modern #postInlineDetailModal .detailField .k,
body.bn-appearance-modern #postInlineDetailModal .detailField .k{font-weight:500!important;color:#4e5968;}
html.bn-appearance-modern #postInlineDetailModal .detailField--price .v,
html.bn-appearance-modern #postInlineDetailModal .detailField--price a,
html.bn-appearance-modern #postInlineDetailModal .detailField--commission .v,
body.bn-appearance-modern #postInlineDetailModal .detailField--price .v,
body.bn-appearance-modern #postInlineDetailModal .detailField--price a,
body.bn-appearance-modern #postInlineDetailModal .detailField--commission .v{color:#f01414!important;font-weight:650!important;}
html.bn-appearance-modern #postInlineDetailModal .detailCreatorCard,
body.bn-appearance-modern #postInlineDetailModal .detailCreatorCard{display:flex;align-items:center;gap:12px;margin-top:14px;padding:12px;border:1px solid #bad1ff;border-radius:14px;background:linear-gradient(135deg,#f8fbff,#fff);}
html.bn-appearance-modern #postInlineDetailModal .detailCreatorCard__avatar,
body.bn-appearance-modern #postInlineDetailModal .detailCreatorCard__avatar{position:relative;flex:0 0 50px;width:50px;height:50px;border-radius:50%;overflow:hidden;background:#e7e9ed;}
html.bn-appearance-modern #postInlineDetailModal .detailCreatorCard__avatar img,
body.bn-appearance-modern #postInlineDetailModal .detailCreatorCard__avatar img{width:100%;height:100%;object-fit:cover;}
html.bn-appearance-modern #postInlineDetailModal .detailCreatorCard__avatar.is-empty::before,
body.bn-appearance-modern #postInlineDetailModal .detailCreatorCard__avatar.is-empty::before{content:"";position:absolute;left:50%;top:9px;width:18px;height:18px;border-radius:50%;background:#9ca2aa;transform:translateX(-50%);}
html.bn-appearance-modern #postInlineDetailModal .detailCreatorCard__avatar.is-empty::after,
body.bn-appearance-modern #postInlineDetailModal .detailCreatorCard__avatar.is-empty::after{content:"";position:absolute;left:50%;bottom:5px;width:34px;height:20px;border-radius:50% 50% 38% 38%;background:#9ca2aa;transform:translateX(-50%);}
html.bn-appearance-modern #postInlineDetailModal .detailCreatorCard__main,
body.bn-appearance-modern #postInlineDetailModal .detailCreatorCard__main{min-width:0;flex:1;}
html.bn-appearance-modern #postInlineDetailModal .detailCreatorCard__name,
body.bn-appearance-modern #postInlineDetailModal .detailCreatorCard__name{font-size:16px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
html.bn-appearance-modern #postInlineDetailModal .detailCreatorCard__badge,
body.bn-appearance-modern #postInlineDetailModal .detailCreatorCard__badge{display:inline-block;margin-top:5px;padding:3px 8px;border-radius:999px;background:#1675f8;color:#fff;font-size:11px;line-height:1.2;}
html.bn-appearance-modern #postInlineDetailModal .detailCreatorCard__count,
body.bn-appearance-modern #postInlineDetailModal .detailCreatorCard__count{flex:0 0 auto;min-width:78px;padding:8px 10px;border:1px solid #d7dee8;border-radius:999px;text-align:center;background:#fff;}
html.bn-appearance-modern #postInlineDetailModal .detailCreatorCard__count strong,
body.bn-appearance-modern #postInlineDetailModal .detailCreatorCard__count strong{display:block;font-size:16px;line-height:1.1;color:#111;}
html.bn-appearance-modern #postInlineDetailModal .detailCreatorCard__count span,
body.bn-appearance-modern #postInlineDetailModal .detailCreatorCard__count span{display:block;margin-top:2px;font-size:10px;color:#687384;white-space:nowrap;}
html.bn-appearance-modern #postInlineDetailModal .detailCreatedAt,
body.bn-appearance-modern #postInlineDetailModal .detailCreatedAt{margin-top:12px!important;padding:11px 13px!important;border:1px solid #e0e6ee;border-radius:12px;background:#fafbfd;font-size:14px!important;}
html.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .card__footer,
body.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .card__footer{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px;padding:0!important;border:0!important;}
html.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .card__footer .smallbtn,
body.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .card__footer .smallbtn{min-width:0!important;padding:0 7px!important;height:40px!important;border-radius:999px!important;font-size:13px!important;white-space:nowrap;}

/* Các giao diện khác giữ nguyên: ẩn riêng các khối mới. */
html:not(.bn-appearance-modern) #postInlineDetailModal .detailModernIntro,
body:not(.bn-appearance-modern) #postInlineDetailModal .detailModernIntro,
html:not(.bn-appearance-modern) #postInlineDetailModal .detailCreatorCard,
body:not(.bn-appearance-modern) #postInlineDetailModal .detailCreatorCard{display:none!important;}

@media (max-width:420px){
  html.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .card__detailTab,
  body.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .card__detailTab{width:calc(100vw - 22px);padding-left:13px!important;padding-right:13px!important;border-radius:24px;}
  html.bn-appearance-modern #postInlineDetailModal .detailModernThumb,
  body.bn-appearance-modern #postInlineDetailModal .detailModernThumb{flex-basis:86px;width:86px;height:86px;}
  html.bn-appearance-modern #postInlineDetailModal .detailField,
  body.bn-appearance-modern #postInlineDetailModal .detailField{grid-template-columns:92px minmax(0,1fr);padding:11px 12px!important;}
}


/* ===== v216: hoàn thiện tab chi tiết Giao diện mới ===== */
html.bn-appearance-modern #postInlineDetailModal,
body.bn-appearance-modern #postInlineDetailModal{
  overflow-x:hidden!important;
  overscroll-behavior-x:none!important;
  touch-action:pan-y!important;
  background:rgba(233,238,245,.72)!important;
}
html.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .modal__sheet,
body.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .modal__sheet,
html.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .modal__body,
body.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .modal__body,
html.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .card__detail,
body.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .card__detail{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow-x:hidden!important;
  overscroll-behavior-x:none!important;
  touch-action:pan-y!important;
}
html.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .card__detailTab,
body.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .card__detailTab{
  box-sizing:border-box!important;
  max-width:calc(100vw - 22px)!important;
  overflow:hidden!important;
  border-color:#d9e1eb!important;
  border-radius:24px!important;
  box-shadow:0 10px 28px rgba(31,48,72,.13)!important;
}
html.bn-appearance-modern #postInlineDetailModal .detailTab__head,
body.bn-appearance-modern #postInlineDetailModal .detailTab__head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  min-width:0!important;
}
html.bn-appearance-modern #postInlineDetailModal .detailTab__headLeft,
body.bn-appearance-modern #postInlineDetailModal .detailTab__headLeft{
  display:flex!important;
  gap:9px!important;
  min-width:0!important;
}
html.bn-appearance-modern #postInlineDetailModal .detailTab__headBtn,
html.bn-appearance-modern #postInlineDetailModal .detailTab__closeBtn,
body.bn-appearance-modern #postInlineDetailModal .detailTab__headBtn,
body.bn-appearance-modern #postInlineDetailModal .detailTab__closeBtn{
  min-height:40px!important;
  padding:0 17px!important;
  box-shadow:0 2px 7px rgba(32,48,70,.05)!important;
}
html.bn-appearance-modern #postInlineDetailModal .detailModernIntro,
body.bn-appearance-modern #postInlineDetailModal .detailModernIntro{
  padding:2px 0 3px!important;
  gap:11px!important;
}
html.bn-appearance-modern #postInlineDetailModal .detailModernThumb,
body.bn-appearance-modern #postInlineDetailModal .detailModernThumb{
  flex:0 0 82px!important;
  width:82px!important;
  height:82px!important;
  border:1px solid #e0e6ee!important;
  border-radius:10px!important;
  box-shadow:0 3px 10px rgba(28,43,65,.09)!important;
}
html.bn-appearance-modern #postInlineDetailModal .detailModernThumb__count,
body.bn-appearance-modern #postInlineDetailModal .detailModernThumb__count{
  right:4px!important;
  bottom:4px!important;
  min-width:21px!important;
  height:21px!important;
  padding:0 6px!important;
  font-size:11px!important;
}
html.bn-appearance-modern #postInlineDetailModal .detailModernPlace span,
body.bn-appearance-modern #postInlineDetailModal .detailModernPlace span{
  display:flex!important;
  align-items:center!important;
  min-height:34px!important;
  padding:6px 9px!important;
  border-color:#dce5f0!important;
  background:#f7faff!important;
  box-shadow:0 1px 3px rgba(32,52,78,.03)!important;
}
html.bn-appearance-modern #postInlineDetailModal .detailInfoGrid,
body.bn-appearance-modern #postInlineDetailModal .detailInfoGrid{
  border-color:#dbe3ed!important;
  border-radius:13px!important;
  box-shadow:0 3px 12px rgba(33,49,72,.05)!important;
}
html.bn-appearance-modern #postInlineDetailModal .detailField,
body.bn-appearance-modern #postInlineDetailModal .detailField{
  min-width:0!important;
  padding-top:11px!important;
  padding-bottom:11px!important;
}
html.bn-appearance-modern #postInlineDetailModal .detailField .v,
html.bn-appearance-modern #postInlineDetailModal .detailField a,
body.bn-appearance-modern #postInlineDetailModal .detailField .v,
body.bn-appearance-modern #postInlineDetailModal .detailField a{
  min-width:0!important;
  overflow-wrap:anywhere!important;
}
html.bn-appearance-modern #postInlineDetailModal .detailCreatorCard,
body.bn-appearance-modern #postInlineDetailModal .detailCreatorCard{
  border-color:#aecaff!important;
  background:linear-gradient(135deg,#f4f8ff 0%,#fff 72%)!important;
  box-shadow:0 4px 14px rgba(30,91,190,.07)!important;
}
html.bn-appearance-modern #postInlineDetailModal .detailCreatedAt,
body.bn-appearance-modern #postInlineDetailModal .detailCreatedAt{
  display:flex!important;
  align-items:center!important;
  min-height:44px!important;
  border-color:#dce4ed!important;
  background:#f9fbfd!important;
}
html.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .card__footer,
body.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .card__footer{
  min-width:0!important;
}
html.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .card__footer .smallbtn,
body.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .card__footer .smallbtn{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  box-shadow:0 2px 7px rgba(32,48,70,.05)!important;
}
/* Giới hạn các chữ vốn đậm hơn 550 trong riêng tab này. */
html.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .detailTab__headBtn,
html.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .detailTab__closeBtn,
html.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .kv--addr,
html.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .detailField--price .v,
html.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .detailField--price a,
html.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .detailField--commission .v,
html.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .detailCreatorCard__name,
html.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .detailCreatorCard__count strong,
html.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .detailModernThumb__count,
html.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .card__footer .smallbtn,
html.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal strong,
html.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal b,
body.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .detailTab__headBtn,
body.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .detailTab__closeBtn,
body.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .kv--addr,
body.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .detailField--price .v,
body.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .detailField--price a,
body.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .detailField--commission .v,
body.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .detailCreatorCard__name,
body.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .detailCreatorCard__count strong,
body.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .detailModernThumb__count,
body.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .card__footer .smallbtn,
body.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal strong,
body.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal b{
  font-weight:550!important;
}
@media (max-width:420px){
  html.bn-appearance-modern #postInlineDetailModal .detailModernThumb,
  body.bn-appearance-modern #postInlineDetailModal .detailModernThumb{
    flex-basis:78px!important;width:78px!important;height:78px!important;
  }
  html.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .card__detailTab,
  body.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .card__detailTab{
    width:calc(100vw - 18px)!important;
    max-width:calc(100vw - 18px)!important;
  }
}

/* ===== v217: tinh chỉnh tab chi tiết Giao diện mới ===== */
/* Nền bên ngoài tab tối hơn để tab nổi rõ khi mở. */
html.bn-appearance-modern #postInlineDetailModal,
body.bn-appearance-modern #postInlineDetailModal{
  background:rgba(35,40,47,.72)!important;
}
/* Tiêu đề của các trường dùng độ đậm 500. */
html.bn-appearance-modern #postInlineDetailModal .detailField .k,
body.bn-appearance-modern #postInlineDetailModal .detailField .k,
html.bn-appearance-modern #postInlineDetailModal .detailCreatedAt .k,
body.bn-appearance-modern #postInlineDetailModal .detailCreatedAt .k{
  font-weight:500!important;
}
/* Vẫn cuộn dọc bình thường nhưng không hiện thanh trượt. */
html.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal,
body.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal,
html.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .modal__sheet,
body.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .modal__sheet,
html.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .modal__body,
body.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .modal__body,
html.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .card__detail,
body.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .card__detail{
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
html.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal::-webkit-scrollbar,
body.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal::-webkit-scrollbar,
html.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .modal__sheet::-webkit-scrollbar,
body.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .modal__sheet::-webkit-scrollbar,
html.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .modal__body::-webkit-scrollbar,
body.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .modal__body::-webkit-scrollbar,
html.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .card__detail::-webkit-scrollbar,
body.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .card__detail::-webkit-scrollbar{
  display:none!important;
  width:0!important;
  height:0!important;
}

/* v218: hồ sơ người đăng ở đầu trang tìm kiếm - dùng chung mọi giao diện */
.searchCreatorProfile{display:flex;align-items:center;gap:12px;margin:10px 0 12px;padding:12px 14px;border:1px solid rgba(0,0,0,.11);border-radius:14px;background:#fff;box-shadow:0 3px 12px rgba(0,0,0,.06);}
.searchCreatorProfile[hidden]{display:none!important;}
.searchCreatorProfile__avatar{position:relative;flex:0 0 48px;width:48px;height:48px;border-radius:50%;overflow:hidden;background:#e6e8eb;}
.searchCreatorProfile__avatar img{width:100%;height:100%;object-fit:cover;display:block;}
.searchCreatorProfile__avatar.is-empty::before{content:"";position:absolute;left:50%;top:8px;width:17px;height:17px;border-radius:50%;background:#989ea6;transform:translateX(-50%);}
.searchCreatorProfile__avatar.is-empty::after{content:"";position:absolute;left:50%;bottom:4px;width:32px;height:20px;border-radius:50% 50% 38% 38%;background:#989ea6;transform:translateX(-50%);}
.searchCreatorProfile__info{display:flex;min-width:0;flex:1;flex-direction:column;gap:4px;}
.searchCreatorProfile__title{font-size:17px;font-weight:550;line-height:1.25;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.searchCreatorProfile__email{font-size:13px;font-weight:400;color:#747b86;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.accountProfilePosted{cursor:pointer;touch-action:manipulation;}
.accountProfilePosted:active{opacity:.65;}
.detailCreatorCard,.detailLegacyCreator{cursor:pointer;touch-action:manipulation;}


/* ===== v221: tab Thông tin full màn hình - chỉ Giao diện mới ===== */
html.bn-appearance-modern #postInlineDetailModal,
body.bn-appearance-modern #postInlineDetailModal{
  inset:0!important;
  width:100vw!important;
  height:100dvh!important;
  padding:0!important;
  align-items:stretch!important;
  justify-content:stretch!important;
  background:#fff!important;
}
html.bn-appearance-modern #postInlineDetailModal .modal__sheet,
body.bn-appearance-modern #postInlineDetailModal .modal__sheet{
  width:100vw!important;
  max-width:none!important;
  height:100dvh!important;
  max-height:none!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  overflow:hidden!important;
}
html.bn-appearance-modern #postInlineDetailModal .modal__body,
body.bn-appearance-modern #postInlineDetailModal .modal__body{
  width:100%!important;
  height:100%!important;
  max-height:none!important;
  padding:0!important;
  background:#fff!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
}
html.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .card__detail,
body.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .card__detail{
  width:100%!important;
  min-height:100%!important;
  padding:0!important;
  background:#fff!important;
}
html.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .card__detailTab,
body.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .card__detailTab{
  width:100%!important;
  max-width:none!important;
  min-height:100dvh!important;
  margin:0!important;
  padding:calc(env(safe-area-inset-top,0px) + 12px) 16px calc(env(safe-area-inset-bottom,0px) + 28px)!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
html.bn-appearance-modern #postInlineDetailModal .detailTab__headBtn,
html.bn-appearance-modern #postInlineDetailModal .detailTab__closeBtn,
body.bn-appearance-modern #postInlineDetailModal .detailTab__headBtn,
body.bn-appearance-modern #postInlineDetailModal .detailTab__closeBtn{
  width:auto!important;
  min-width:0!important;
  min-height:34px!important;
  height:34px!important;
  padding:0 12px!important;
  border-radius:18px!important;
  line-height:32px!important;
}
html.bn-appearance-modern #postInlineDetailModal .detailPhoneValue,
body.bn-appearance-modern #postInlineDetailModal .detailPhoneValue{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:4px!important;
}
html.bn-appearance-modern #postInlineDetailModal .detailPhoneValue .phoneName,
body.bn-appearance-modern #postInlineDetailModal .detailPhoneValue .phoneName{
  display:block!important;
  margin:0!important;
  padding:0!important;
  line-height:1.35!important;
}
@media (max-width:420px){
  html.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .card__detailTab,
  body.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .card__detailTab{
    width:100%!important;
    max-width:none!important;
    padding-left:14px!important;
    padding-right:14px!important;
    border-radius:0!important;
  }
}

/* ===== v222: giới hạn độ đậm chữ trong tab Thông tin - chỉ Giao diện mới ===== */
html.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .detailTab__headBtn,
html.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .detailTab__closeBtn,
html.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .kv--addr,
html.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .kv--addr .v,
html.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .detailField .v,
html.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .detailField a,
html.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .detailPhoneValue,
html.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .detailPhoneValue .phone,
html.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .detailPhoneValue .phoneName,
html.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .detailCreatorCard__name,
html.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .detailCreatorCard__badge,
html.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .detailCreatorCard__count strong,
html.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .detailModernThumb__count,
html.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .detailCreatedAt,
html.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .card__footer .smallbtn,
html.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal strong,
html.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal b,
body.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .detailTab__headBtn,
body.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .detailTab__closeBtn,
body.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .kv--addr,
body.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .kv--addr .v,
body.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .detailField .v,
body.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .detailField a,
body.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .detailPhoneValue,
body.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .detailPhoneValue .phone,
body.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .detailPhoneValue .phoneName,
body.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .detailCreatorCard__name,
body.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .detailCreatorCard__badge,
body.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .detailCreatorCard__count strong,
body.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .detailModernThumb__count,
body.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .detailCreatedAt,
body.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .card__footer .smallbtn,
body.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal strong,
body.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal b{
  font-weight:550!important;
}


/* ===== v223: ảnh đầu tab Thông tin - chỉ Giao diện mới ===== */
html.bn-appearance-modern #postInlineDetailModal .detailModernIntro,
body.bn-appearance-modern #postInlineDetailModal .detailModernIntro{
  align-items:stretch!important;
}
html.bn-appearance-modern #postInlineDetailModal .detailModernThumb,
body.bn-appearance-modern #postInlineDetailModal .detailModernThumb{
  flex:0 0 97px!important;
  width:97px!important;
  height:auto!important;
  min-height:118px!important;
  align-self:stretch!important;
}
html.bn-appearance-modern #postInlineDetailModal .detailModernThumb.js-detail-photo,
body.bn-appearance-modern #postInlineDetailModal .detailModernThumb.js-detail-photo{
  cursor:pointer!important;
  touch-action:manipulation!important;
}
html.bn-appearance-modern #postInlineDetailModal .detailModernThumb.js-detail-photo:active,
body.bn-appearance-modern #postInlineDetailModal .detailModernThumb.js-detail-photo:active{
  opacity:.82!important;
}
@media (max-width:420px){
  html.bn-appearance-modern #postInlineDetailModal .detailModernThumb,
  body.bn-appearance-modern #postInlineDetailModal .detailModernThumb{
    flex-basis:93px!important;
    width:93px!important;
    height:auto!important;
    min-height:118px!important;
  }
}

/* ===== v233: nút phân trang hiện đại - chỉ Giao diện mới ===== */
html.bn-appearance-modern .pager .pagebtn,
body.bn-appearance-modern .pager .pagebtn{
  width:48px!important;
  height:40px!important;
  border:1px solid rgba(61,72,99,.14)!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#111827!important;
  box-shadow:0 3px 10px rgba(36,46,76,.06)!important;
  outline:none!important;
  font-weight:700!important;
  transition:transform .16s ease, box-shadow .16s ease, background .16s ease, border-color .16s ease!important;
}
html.bn-appearance-modern .pager .pagebtn.is-active,
body.bn-appearance-modern .pager .pagebtn.is-active{
  background:linear-gradient(145deg,#2f8cff,#1477f8)!important;
  border-color:#1477f8!important;
  color:#fff!important;
  box-shadow:0 7px 16px rgba(20,119,248,.28)!important;
  outline:none!important;
}
html.bn-appearance-modern .pager .pagebtn:active,
body.bn-appearance-modern .pager .pagebtn:active{
  transform:scale(.95)!important;
}
html.bn-appearance-modern .pager .go,
body.bn-appearance-modern .pager .go{
  border:1px solid #1477f8!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,#2f8cff,#1477f8)!important;
  color:#fff!important;
  box-shadow:0 6px 14px rgba(20,119,248,.22)!important;
  font-weight:700!important;
  transition:transform .16s ease, box-shadow .16s ease!important;
}
html.bn-appearance-modern .pager .go:active,
body.bn-appearance-modern .pager .go:active{
  transform:scale(.95)!important;
}

/* v234: Giao diện mới - icon đúng tên từng nút, màu Khách hàng theo trạng thái. */
/* Menu nhà: chỉ đổi biểu tượng, giữ nguyên bố cục và chức năng. */
html.bn-appearance-modern .drawer .row--badge[data-filter="all"]>span:first-child::before,
body.bn-appearance-modern .drawer .row--badge[data-filter="all"]>span:first-child::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m3 11 9-8 9 8v10h-7v-6h-4v6H3V11Zm2 .9V19h3v-6h8v6h3v-7.1l-7-6.2-7 6.2Z'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m3 11 9-8 9 8v10h-7v-6h-4v6H3V11Zm2 .9V19h3v-6h8v6h3v-7.1l-7-6.2-7 6.2Z'/%3E%3C/svg%3E")!important;
}
html.bn-appearance-modern .drawer .row--badge[data-filter="bookmarked"]>span:first-child::before,
body.bn-appearance-modern .drawer .row--badge[data-filter="bookmarked"]>span:first-child::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2 15 8l6.5.9-4.7 4.6 1.1 6.5-5.9-3.1L6.1 20l1.1-6.5L2.5 8.9 9 8l3-6Z'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2 15 8l6.5.9-4.7 4.6 1.1 6.5-5.9-3.1L6.1 20l1.1-6.5L2.5 8.9 9 8l3-6Z'/%3E%3C/svg%3E")!important;
}
html.bn-appearance-modern .drawer .row--badge[data-filter="focus"]>span:first-child::before,
body.bn-appearance-modern .drawer .row--badge[data-filter="focus"]>span:first-child::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 3h12v19l-6-4-6 4V3Zm2 2v13.3l4-2.7 4 2.7V5H8Z'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 3h12v19l-6-4-6 4V3Zm2 2v13.3l4-2.7 4 2.7V5H8Z'/%3E%3C/svg%3E")!important;
}
html.bn-appearance-modern .drawer .row--badge[data-filter="selling"]>span:first-child::before,
body.bn-appearance-modern .drawer .row--badge[data-filter="selling"]>span:first-child::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m3 11 9-8 9 8v10h-7v-6h-4v6H3V11Zm14-7h4v4h-2V6h-2V4Z'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m3 11 9-8 9 8v10h-7v-6h-4v6H3V11Zm14-7h4v4h-2V6h-2V4Z'/%3E%3C/svg%3E")!important;
}
html.bn-appearance-modern .drawer .row--badge[data-filter="stopped"]>span:first-child::before,
body.bn-appearance-modern .drawer .row--badge[data-filter="stopped"]>span:first-child::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20Zm0 2a8 8 0 0 0-5.7 13.6L17.6 6.3A8 8 0 0 0 12 4Zm5.7 2.4L6.4 17.7A8 8 0 0 0 17.7 6.4Z'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20Zm0 2a8 8 0 0 0-5.7 13.6L17.6 6.3A8 8 0 0 0 12 4Zm5.7 2.4L6.4 17.7A8 8 0 0 0 17.7 6.4Z'/%3E%3C/svg%3E")!important;
}
html.bn-appearance-modern .drawer .row--badge[data-filter="updated"]>span:first-child::before,
body.bn-appearance-modern .drawer .row--badge[data-filter="updated"]>span:first-child::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3a9 9 0 1 1-8.5 12H6a6.5 6.5 0 1 0 1.2-6.7L10 11H3V4l2.4 2.4A9 9 0 0 1 12 3Z'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3a9 9 0 1 1-8.5 12H6a6.5 6.5 0 1 0 1.2-6.7L10 11H3V4l2.4 2.4A9 9 0 0 1 12 3Z'/%3E%3C/svg%3E")!important;
}
html.bn-appearance-modern .drawer .row--badge[data-filter="priceChanged"]>span:first-child::before,
body.bn-appearance-modern .drawer .row--badge[data-filter="priceChanged"]>span:first-child::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2v2.1c3.3.4 5 2.2 5 4.5h-2.5c0-1.3-1-2.3-2.8-2.3-1.7 0-2.7.8-2.7 1.9 0 1.2 1 1.7 3.5 2.3 3.1.8 5 1.9 5 4.7 0 2.5-1.9 4.2-5.5 4.6V22h-2v-2.2c-3.7-.4-5.5-2.4-5.5-5h2.6c0 1.7 1.3 2.8 3.4 2.8 1.9 0 3-.8 3-2 0-1.3-1.1-1.8-3.8-2.5C6.8 12.4 5 11.2 5 8.6c0-2.4 1.8-4.1 5-4.5V2h2Z'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2v2.1c3.3.4 5 2.2 5 4.5h-2.5c0-1.3-1-2.3-2.8-2.3-1.7 0-2.7.8-2.7 1.9 0 1.2 1 1.7 3.5 2.3 3.1.8 5 1.9 5 4.7 0 2.5-1.9 4.2-5.5 4.6V22h-2v-2.2c-3.7-.4-5.5-2.4-5.5-5h2.6c0 1.7 1.3 2.8 3.4 2.8 1.9 0 3-.8 3-2 0-1.3-1.1-1.8-3.8-2.5C6.8 12.4 5 11.2 5 8.6c0-2.4 1.8-4.1 5-4.5V2h2Z'/%3E%3C/svg%3E")!important;
}
html.bn-appearance-modern .drawer .row--badge[data-filter="deleted"]>span:first-child::before,
body.bn-appearance-modern .drawer .row--badge[data-filter="deleted"]>span:first-child::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 3h8l1 2h4v2H3V5h4l1-2Zm-2 6h12l-1 12H7L6 9Z'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 3h8l1 2h4v2H3V5h4l1-2Zm-2 6h12l-1 12H7L6 9Z'/%3E%3C/svg%3E")!important;
}

/* Cài đặt: icon theo đúng tên nút; không thay icon của mục cài đặt giao diện. */
html.bn-appearance-modern #drawerSettings :is(#btnLogin,#btnCreateAccount,#btnChangePassword,#btnLogout,#btnAccountList,#btnDeviceManager,#btnManualUpdate)>span:first-child::before,
body.bn-appearance-modern #drawerSettings :is(#btnLogin,#btnCreateAccount,#btnChangePassword,#btnLogout,#btnAccountList,#btnDeviceManager,#btnManualUpdate)>span:first-child::before{content:"";display:inline-block;width:23px;height:23px;flex:0 0 23px;background:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;}
html.bn-appearance-modern #drawerSettings #btnLogin>span:first-child::before,body.bn-appearance-modern #drawerSettings #btnLogin>span:first-child::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 3h10v18H10v-2h8V5h-8V3Zm1.6 5.4L15.2 12l-3.6 3.6-1.4-1.4 1.2-1.2H3v-2h8.4l-1.2-1.2 1.4-1.4Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 3h10v18H10v-2h8V5h-8V3Zm1.6 5.4L15.2 12l-3.6 3.6-1.4-1.4 1.2-1.2H3v-2h8.4l-1.2-1.2 1.4-1.4Z'/%3E%3C/svg%3E");}
html.bn-appearance-modern #drawerSettings #btnCreateAccount>span:first-child::before,body.bn-appearance-modern #drawerSettings #btnCreateAccount>span:first-child::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8ZM2 21v-2a7 7 0 0 1 14 0v2H2Zm16-10V8h2v3h3v2h-3v3h-2v-3h-3v-2h3Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8ZM2 21v-2a7 7 0 0 1 14 0v2H2Zm16-10V8h2v3h3v2h-3v3h-2v-3h-3v-2h3Z'/%3E%3C/svg%3E");}
html.bn-appearance-modern #drawerSettings #btnChangePassword>span:first-child::before,body.bn-appearance-modern #drawerSettings #btnChangePassword>span:first-child::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10V7a5 5 0 0 1 10 0v3h2v11H5V10h2Zm2 0h6V7a3 3 0 0 0-6 0v3Zm3 3a2 2 0 0 0-1 3.7V19h2v-2.3A2 2 0 0 0 12 13Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10V7a5 5 0 0 1 10 0v3h2v11H5V10h2Zm2 0h6V7a3 3 0 0 0-6 0v3Zm3 3a2 2 0 0 0-1 3.7V19h2v-2.3A2 2 0 0 0 12 13Z'/%3E%3C/svg%3E");}
html.bn-appearance-modern #drawerSettings #btnLogout>span:first-child::before,body.bn-appearance-modern #drawerSettings #btnLogout>span:first-child::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 3h10v2H6v14h8v2H4V3Zm12.4 5.4L20 12l-3.6 3.6-1.4-1.4 1.2-1.2H9v-2h7.2L15 9.8l1.4-1.4Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 3h10v2H6v14h8v2H4V3Zm12.4 5.4L20 12l-3.6 3.6-1.4-1.4 1.2-1.2H9v-2h7.2L15 9.8l1.4-1.4Z'/%3E%3C/svg%3E");}
html.bn-appearance-modern #drawerSettings #btnAccountList>span:first-child::before,body.bn-appearance-modern #drawerSettings #btnAccountList>span:first-child::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm6-1a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM2 21v-2a6 6 0 0 1 12 0v2H2Zm13 0v-2a7.9 7.9 0 0 0-1.2-4.2A5 5 0 0 1 22 19v2h-7Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm6-1a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM2 21v-2a6 6 0 0 1 12 0v2H2Zm13 0v-2a7.9 7.9 0 0 0-1.2-4.2A5 5 0 0 1 22 19v2h-7Z'/%3E%3C/svg%3E");}
html.bn-appearance-modern #drawerSettings #btnDeviceManager>span:first-child::before,body.bn-appearance-modern #drawerSettings #btnDeviceManager>span:first-child::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 3h14v15H5V3Zm2 2v11h10V5H7Zm3 14h4v2h-4v-2Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 3h14v15H5V3Zm2 2v11h10V5H7Zm3 14h4v2h-4v-2Z'/%3E%3C/svg%3E");}
html.bn-appearance-modern #drawerSettings #btnManualUpdate>span:first-child::before,body.bn-appearance-modern #drawerSettings #btnManualUpdate>span:first-child::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3a9 9 0 1 1-8.5 12H6a6.5 6.5 0 1 0 1.2-6.7L10 11H3V4l2.4 2.4A9 9 0 0 1 12 3Zm-1 5h2v5h4l-5 5-5-5h4V8Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3a9 9 0 1 1-8.5 12H6a6.5 6.5 0 1 0 1.2-6.7L10 11H3V4l2.4 2.4A9 9 0 0 1 12 3Zm-1 5h2v5h4l-5 5-5-5h4V8Z'/%3E%3C/svg%3E");}

/* Khách hàng: chỉ đổi màu chữ + icon, tuyệt đối không đổi nền nút. */
html.bn-appearance-modern .drawer #btnCus_all>span:first-child,body.bn-appearance-modern .drawer #btnCus_all>span:first-child{color:#6D43F5!important;}
html.bn-appearance-modern .drawer #btnCus_vip>span:first-child,body.bn-appearance-modern .drawer #btnCus_vip>span:first-child{color:#C9A100!important;}
html.bn-appearance-modern .drawer #btnCus_invest>span:first-child,body.bn-appearance-modern .drawer #btnCus_invest>span:first-child{color:#1677FF!important;}
html.bn-appearance-modern .drawer #btnCus_live>span:first-child,body.bn-appearance-modern .drawer #btnCus_live>span:first-child{color:#16A34A!important;}
html.bn-appearance-modern .drawer #btnCus_stop>span:first-child,body.bn-appearance-modern .drawer #btnCus_stop>span:first-child{color:#666!important;}
html.bn-appearance-modern .drawer #btnCus_bought>span:first-child,body.bn-appearance-modern .drawer #btnCus_bought>span:first-child{color:#222!important;}
html.bn-appearance-modern .drawer #btnCus_deleted>span:first-child,body.bn-appearance-modern .drawer #btnCus_deleted>span:first-child{color:#D93025!important;}

/* v235: Giao diện mới - icon riêng đúng nghĩa cho 4 nút trong trang Giao diện. */
html.bn-appearance-modern #drawerUi [data-bn-ui-mode="home"] .row[data-bn-open-ui-panel] > span:first-child::before,
body.bn-appearance-modern #drawerUi [data-bn-ui-mode="home"] .row[data-bn-open-ui-panel] > span:first-child::before{
  content:"";
  display:inline-block;
  width:23px;
  height:23px;
  flex:0 0 23px;
  margin-right:12px;
  vertical-align:-5px;
  background:currentColor;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-size:contain;
  mask-size:contain;
}
html.bn-appearance-modern #drawerUi .row[data-bn-open-ui-panel="appearance"] > span:first-child::before,
body.bn-appearance-modern #drawerUi .row[data-bn-open-ui-panel="appearance"] > span:first-child::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3a9 9 0 1 0 0 18h1.4a2.6 2.6 0 0 0 0-5.2h-.8a1.7 1.7 0 0 1 0-3.4H16A5 5 0 0 0 21 7.4C21 4.7 17 3 12 3Zm-4.5 5.5A1.5 1.5 0 1 1 7.5 5a1.5 1.5 0 0 1 0 3.5Zm4-2A1.5 1.5 0 1 1 11.5 3a1.5 1.5 0 0 1 0 3.5Zm4 1A1.5 1.5 0 1 1 15.5 4a1.5 1.5 0 0 1 0 3.5ZM6 13.5A1.5 1.5 0 1 1 6 10a1.5 1.5 0 0 1 0 3.5Z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3a9 9 0 1 0 0 18h1.4a2.6 2.6 0 0 0 0-5.2h-.8a1.7 1.7 0 0 1 0-3.4H16A5 5 0 0 0 21 7.4C21 4.7 17 3 12 3Zm-4.5 5.5A1.5 1.5 0 1 1 7.5 5a1.5 1.5 0 0 1 0 3.5Zm4-2A1.5 1.5 0 1 1 11.5 3a1.5 1.5 0 0 1 0 3.5Zm4 1A1.5 1.5 0 1 1 15.5 4a1.5 1.5 0 0 1 0 3.5ZM6 13.5A1.5 1.5 0 1 1 6 10a1.5 1.5 0 0 1 0 3.5Z'/%3E%3C/svg%3E");
}
html.bn-appearance-modern #drawerUi .row[data-bn-open-ui-panel="font"] > span:first-child::before,
body.bn-appearance-modern #drawerUi .row[data-bn-open-ui-panel="font"] > span:first-child::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 4h14v3h-2V6h-4v13h2v2H9v-2h2V6H7v1H5V4Z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 4h14v3h-2V6h-4v13h2v2H9v-2h2V6H7v1H5V4Z'/%3E%3C/svg%3E");
}
html.bn-appearance-modern #drawerUi .row[data-bn-open-ui-panel="background"] > span:first-child::before,
body.bn-appearance-modern #drawerUi .row[data-bn-open-ui-panel="background"] > span:first-child::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m7 3 10 10-6.5 6.5a3.5 3.5 0 0 1-5 0l-1-1a3.5 3.5 0 0 1 0-5L11 7 7 3Zm5.4 5.4-6.5 6.5a1.5 1.5 0 0 0 0 2.1l1 1a1.5 1.5 0 0 0 2.1 0l6.5-6.5-3.1-3.1ZM18 14c1.7 2.1 2.5 3.5 2.5 4.7A2.5 2.5 0 0 1 18 21a2.5 2.5 0 0 1-2.5-2.3c0-1.2.8-2.6 2.5-4.7Z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m7 3 10 10-6.5 6.5a3.5 3.5 0 0 1-5 0l-1-1a3.5 3.5 0 0 1 0-5L11 7 7 3Zm5.4 5.4-6.5 6.5a1.5 1.5 0 0 0 0 2.1l1 1a1.5 1.5 0 0 0 2.1 0l6.5-6.5-3.1-3.1ZM18 14c1.7 2.1 2.5 3.5 2.5 4.7A2.5 2.5 0 0 1 18 21a2.5 2.5 0 0 1-2.5-2.3c0-1.2.8-2.6 2.5-4.7Z'/%3E%3C/svg%3E");
}
html.bn-appearance-modern #drawerUi .row[data-bn-open-ui-panel="post-display"] > span:first-child::before,
body.bn-appearance-modern #drawerUi .row[data-bn-open-ui-panel="post-display"] > span:first-child::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 4h8v7H3V4Zm2 2v3h4V6H5Zm8-2h8v7h-8V4Zm2 2v3h4V6h-4ZM3 13h8v7H3v-7Zm2 2v3h4v-3H5Zm8-2h8v7h-8v-7Zm2 2v3h4v-3h-4Z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 4h8v7H3V4Zm2 2v3h4V6H5Zm8-2h8v7h-8V4Zm2 2v3h4V6h-4ZM3 13h8v7H3v-7Zm2 2v3h4v-3H5Zm8-2h8v7h-8v-7Zm2 2v3h4v-3h-4Z'/%3E%3C/svg%3E");
}


/* v240: Chuẩn hóa nền tối toàn app - nền đen thuần, trạng thái đang chọn không còn nền trắng */
html.bn-background-dark,
html.bn-background-dark body,
body.bn-background-dark{
  --bg:#000000;
  --bn-bg:#000000;
  --bn-surface:#0b0b0b;
  --bn-surface-2:#111111;
  --bn-input:#111111;
  --bn-bar:#000000;
}
html.bn-background-dark :is(.app,.main,#main,.content,#content,#customersContent,#searchFilterContent,.searchFilterPage,.drawer,.drawer__body,.drawer__content,.bn-ui-panel,.bn-ui-panel-swipe),
body.bn-background-dark :is(.app,.main,#main,.content,#content,#customersContent,#searchFilterContent,.searchFilterPage,.drawer,.drawer__body,.drawer__content,.bn-ui-panel,.bn-ui-panel-swipe){
  background:#000000 !important;
  color:#ffffff !important;
}
html.bn-background-dark :is(.topbar,.drawer__topbar,.bottomBar,.bottom-bar,.bnBottomBar,.searchbar),
body.bn-background-dark :is(.topbar,.drawer__topbar,.bottomBar,.bottom-bar,.bnBottomBar,.searchbar){
  background:#000000 !important;
  color:#ffffff !important;
  border-color:rgba(255,255,255,.16) !important;
}
html.bn-background-dark :is(.pagebtn.is-active,.btn.is-active,.smallbtn.is-current,.row.is-active,[aria-selected="true"],.homeFilterBtn.is-active,.spPickerModal__modeTab.is-active),
body.bn-background-dark :is(.pagebtn.is-active,.btn.is-active,.smallbtn.is-current,.row.is-active,[aria-selected="true"],.homeFilterBtn.is-active,.spPickerModal__modeTab.is-active){
  background:#000000 !important;
  color:#ffffff !important;
  border-color:rgba(255,255,255,.72) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18) !important;
}
html.bn-background-dark :is(.pagebtn.is-active,.btn.is-active,.smallbtn.is-current,.row.is-active,[aria-selected="true"],.homeFilterBtn.is-active,.spPickerModal__modeTab.is-active) *,
body.bn-background-dark :is(.pagebtn.is-active,.btn.is-active,.smallbtn.is-current,.row.is-active,[aria-selected="true"],.homeFilterBtn.is-active,.spPickerModal__modeTab.is-active) *{
  color:#ffffff !important;
}

/* ===== v241: hoàn thiện nền tối toàn bộ giao diện ===== */
html.bn-background-dark.bn-appearance-modern,
html.bn-background-dark.bn-appearance-modern body,
body.bn-background-dark.bn-appearance-modern{
  --modern-surface:#0b0b0b;
  --modern-surface-2:#111111;
  --modern-border:rgba(255,255,255,.16);
  --modern-shadow:none;
}

/* Card bài viết ở trang chủ và tìm kiếm */
html.bn-background-dark.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card,
body.bn-background-dark.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card{
  background:#0b0b0b !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.16) !important;
  box-shadow:none !important;
}
html.bn-background-dark.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card :is(.card__summary,.card__summaryBody,.card__summaryLine,.card__summaryActions,.card__footer),
body.bn-background-dark.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card :is(.card__summary,.card__summaryBody,.card__summaryLine,.card__summaryActions,.card__footer){
  background:#0b0b0b !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.12) !important;
}
html.bn-background-dark.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card :is(.card__summaryTitle,.card__summaryText,.card__summaryLine,.k,.v),
body.bn-background-dark.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card :is(.card__summaryTitle,.card__summaryText,.card__summaryLine,.k,.v){
  color:#fff !important;
}

/* Loại bỏ đường viền trắng nhỏ ở thanh trên */
html.bn-background-dark :is(.topbar,.drawer__topbar,.bn-ui-panel__topbar,.bn-ui-panel-swipe__topbar,.searchFilterTopbar,.customersTopbar),
body.bn-background-dark :is(.topbar,.drawer__topbar,.bn-ui-panel__topbar,.bn-ui-panel-swipe__topbar,.searchFilterTopbar,.customersTopbar){
  background:#000 !important;
  color:#fff !important;
  border-top-color:transparent !important;
  border-bottom-color:rgba(255,255,255,.12) !important;
  box-shadow:none !important;
}
html.bn-background-dark :is(.topbar,.drawer__topbar,.bn-ui-panel__topbar,.bn-ui-panel-swipe__topbar)::before,
html.bn-background-dark :is(.topbar,.drawer__topbar,.bn-ui-panel__topbar,.bn-ui-panel-swipe__topbar)::after,
body.bn-background-dark :is(.topbar,.drawer__topbar,.bn-ui-panel__topbar,.bn-ui-panel-swipe__topbar)::before,
body.bn-background-dark :is(.topbar,.drawer__topbar,.bn-ui-panel__topbar,.bn-ui-panel-swipe__topbar)::after{
  background:transparent !important;
  border-color:transparent !important;
  box-shadow:none !important;
}

/* Các nút và thanh điều khiển nằm trên đầu từng trang */
html.bn-background-dark :is(.topbar,.drawer__topbar,.bn-ui-panel__topbar,.bn-ui-panel-swipe__topbar) :is(button,.btn,.iconbtn,.smallbtn,.row),
body.bn-background-dark :is(.topbar,.drawer__topbar,.bn-ui-panel__topbar,.bn-ui-panel-swipe__topbar) :is(button,.btn,.iconbtn,.smallbtn,.row){
  background:#0b0b0b !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.18) !important;
  box-shadow:none !important;
}
html.bn-background-dark :is(.topbar,.drawer__topbar,.bn-ui-panel__topbar,.bn-ui-panel-swipe__topbar) :is(button,.btn,.iconbtn,.smallbtn,.row) *,
body.bn-background-dark :is(.topbar,.drawer__topbar,.bn-ui-panel__topbar,.bn-ui-panel-swipe__topbar) :is(button,.btn,.iconbtn,.smallbtn,.row) *{
  color:inherit !important;
}

/* Tab thông tin bài viết */
html.bn-background-dark.bn-appearance-modern #postInlineDetailModal,
body.bn-background-dark.bn-appearance-modern #postInlineDetailModal{
  background:#000 !important;
  color:#fff !important;
}
html.bn-background-dark.bn-appearance-modern #postInlineDetailModal :is(.modal__sheet,.modal__body,.card__detail,.card__detailTab),
body.bn-background-dark.bn-appearance-modern #postInlineDetailModal :is(.modal__sheet,.modal__body,.card__detail,.card__detailTab){
  background:#0b0b0b !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.16) !important;
  box-shadow:none !important;
}
html.bn-background-dark.bn-appearance-modern #postInlineDetailModal :is(.detailTab__head,.detailModernIntro,.detailInfoGrid,.detailField,.detailCreatorCard,.detailCreatorCard__count,.detailCreatedAt,.card__footer),
body.bn-background-dark.bn-appearance-modern #postInlineDetailModal :is(.detailTab__head,.detailModernIntro,.detailInfoGrid,.detailField,.detailCreatorCard,.detailCreatorCard__count,.detailCreatedAt,.card__footer){
  background:#0b0b0b !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.14) !important;
  box-shadow:none !important;
}
html.bn-background-dark.bn-appearance-modern #postInlineDetailModal :is(.detailTab__headBtn,.detailTab__closeBtn,.detailModernPlace span,.card__footer .smallbtn),
body.bn-background-dark.bn-appearance-modern #postInlineDetailModal :is(.detailTab__headBtn,.detailTab__closeBtn,.detailModernPlace span,.card__footer .smallbtn){
  background:#111 !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.2) !important;
  box-shadow:none !important;
}
html.bn-background-dark.bn-appearance-modern #postInlineDetailModal :is(.kv--addr,.detailField .k,.detailField .v,.detailField a,.detailPhoneValue,.phone,.phoneName,.detailCreatorCard__name,.detailCreatorCard__count strong,.detailCreatorCard__count span,.detailCreatedAt,.detailCreatedAt .k,.detailCreatedAt .v),
body.bn-background-dark.bn-appearance-modern #postInlineDetailModal :is(.kv--addr,.detailField .k,.detailField .v,.detailField a,.detailPhoneValue,.phone,.phoneName,.detailCreatorCard__name,.detailCreatorCard__count strong,.detailCreatorCard__count span,.detailCreatedAt,.detailCreatedAt .k,.detailCreatedAt .v){
  color:#fff !important;
}
html.bn-background-dark.bn-appearance-modern #postInlineDetailModal :is(.detailField--price .v,.detailField--price a,.detailField--commission .v),
body.bn-background-dark.bn-appearance-modern #postInlineDetailModal :is(.detailField--price .v,.detailField--price a,.detailField--commission .v){
  color:#ff3131 !important;
}

/* Hồ sơ người đăng và các khối phụ dùng chung */
html.bn-background-dark :is(.searchCreatorProfile,.accountProfileCard,.accountProfile,.profileCard),
body.bn-background-dark :is(.searchCreatorProfile,.accountProfileCard,.accountProfile,.profileCard){
  background:#111 !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.16) !important;
  box-shadow:none !important;
}
html.bn-background-dark :is(.searchCreatorProfile,.accountProfileCard,.accountProfile,.profileCard) *,
body.bn-background-dark :is(.searchCreatorProfile,.accountProfileCard,.accountProfile,.profileCard) *{
  color:#fff !important;
}

/* ===== v242: nền tối chuẩn cho toàn bộ thanh trên và menu trượt ngang ===== */
html.bn-background-dark,
html.bn-background-dark body,
body.bn-background-dark,
html.bn-background-dark #app,
body.bn-background-dark #app,
html.bn-background-dark .main,
body.bn-background-dark .main{
  background:#000000 !important;
}

/* Trang chủ: bỏ hoàn toàn đường trắng mảnh quanh thanh trên */
html.bn-background-dark .topbar,
body.bn-background-dark .topbar{
  background:#000000 !important;
  color:#ffffff !important;
  border:0 !important;
  border-top:0 !important;
  border-bottom:1px solid #111111 !important;
  outline:0 !important;
  box-shadow:none !important;
}
html.bn-background-dark .topbar::before,
html.bn-background-dark .topbar::after,
body.bn-background-dark .topbar::before,
body.bn-background-dark .topbar::after{
  content:none !important;
  display:none !important;
  background:#000000 !important;
  border:0 !important;
  box-shadow:none !important;
}

/* Tất cả thanh trên của Nhà bán, Khách hàng, Giao diện, Cài đặt và menu vuốt ngang */
html.bn-background-dark :is(#drawer,#drawer2,#drawerSettings,.drawer),
body.bn-background-dark :is(#drawer,#drawer2,#drawerSettings,.drawer),
html.bn-background-dark :is(#drawer,#drawer2,#drawerSettings,.drawer) :is(.drawer__topbar,.drawer__content,.section),
body.bn-background-dark :is(#drawer,#drawer2,#drawerSettings,.drawer) :is(.drawer__topbar,.drawer__content,.section){
  background:#000000 !important;
  color:#ffffff !important;
}
html.bn-background-dark :is(#drawer,#drawer2,#drawerSettings,.drawer) .drawer__topbar,
body.bn-background-dark :is(#drawer,#drawer2,#drawerSettings,.drawer) .drawer__topbar{
  border:0 !important;
  border-top:0 !important;
  border-bottom:1px solid #111111 !important;
  outline:0 !important;
  box-shadow:none !important;
}
html.bn-background-dark :is(#drawer,#drawer2,#drawerSettings,.drawer) .drawer__topbar::before,
html.bn-background-dark :is(#drawer,#drawer2,#drawerSettings,.drawer) .drawer__topbar::after,
body.bn-background-dark :is(#drawer,#drawer2,#drawerSettings,.drawer) .drawer__topbar::before,
body.bn-background-dark :is(#drawer,#drawer2,#drawerSettings,.drawer) .drawer__topbar::after{
  content:none !important;
  display:none !important;
}
html.bn-background-dark :is(#drawer,#drawer2,#drawerSettings,.drawer) .drawer__topbar *,
body.bn-background-dark :is(#drawer,#drawer2,#drawerSettings,.drawer) .drawer__topbar *{
  color:#ffffff !important;
  fill:currentColor !important;
  stroke:currentColor !important;
}
html.bn-background-dark :is(#drawer,#drawer2,#drawerSettings,.drawer) .drawer__topbar :is(button,.iconbtn,.topbar__btn),
body.bn-background-dark :is(#drawer,#drawer2,#drawerSettings,.drawer) .drawer__topbar :is(button,.iconbtn,.topbar__btn){
  background:#000000 !important;
  color:#ffffff !important;
  border-color:#000000 !important;
  box-shadow:none !important;
}

/* Chặn các lớp đệm/safe-area và vùng kéo làm mới lộ nền trắng */
html.bn-background-dark :is(.drawer,.main,.app,.drawer__topbar,.topbar,.refreshIndicator),
body.bn-background-dark :is(.drawer,.main,.app,.drawer__topbar,.topbar,.refreshIndicator){
  -webkit-tap-highlight-color:transparent;
}
html.bn-background-dark .refreshIndicator,
body.bn-background-dark .refreshIndicator{
  background:#111111 !important;
  border-color:rgba(255,255,255,.18) !important;
}

/* ===== v243: Khách hàng nền tối - toàn bộ chữ và icon màu trắng ===== */
html.bn-background-dark #drawer2 .section__title,
body.bn-background-dark #drawer2 .section__title,
html.bn-background-dark #drawer2 .row,
body.bn-background-dark #drawer2 .row,
html.bn-background-dark #drawer2 .row > span:first-child,
body.bn-background-dark #drawer2 .row > span:first-child,
html.bn-background-dark #drawer2 .row .chev,
body.bn-background-dark #drawer2 .row .chev,
html.bn-background-dark #drawer2 .drawer__version,
body.bn-background-dark #drawer2 .drawer__version,
html.bn-background-dark #drawer2 .drawer__version *,
body.bn-background-dark #drawer2 .drawer__version *{
  color:#ffffff !important;
}

html.bn-background-dark #drawer2 .row,
body.bn-background-dark #drawer2 .row{
  background:#0b0b0b !important;
  border-color:rgba(255,255,255,.20) !important;
  box-shadow:none !important;
}

/* Ghi đè màu riêng từng nhóm khách trong Dark Mode */
html.bn-background-dark #drawer2 :is(#btnCus_all,#btnCus_vip,#btnCus_invest,#btnCus_live,#btnCus_stop,#btnCus_bought,#btnCus_deleted),
body.bn-background-dark #drawer2 :is(#btnCus_all,#btnCus_vip,#btnCus_invest,#btnCus_live,#btnCus_stop,#btnCus_bought,#btnCus_deleted),
html.bn-background-dark #drawer2 :is(#btnCus_all,#btnCus_vip,#btnCus_invest,#btnCus_live,#btnCus_stop,#btnCus_bought,#btnCus_deleted) > span:first-child,
body.bn-background-dark #drawer2 :is(#btnCus_all,#btnCus_vip,#btnCus_invest,#btnCus_live,#btnCus_stop,#btnCus_bought,#btnCus_deleted) > span:first-child,
html.bn-background-dark #drawer2 :is(#btnCus_all,#btnCus_vip,#btnCus_invest,#btnCus_live,#btnCus_stop,#btnCus_bought,#btnCus_deleted)::before,
body.bn-background-dark #drawer2 :is(#btnCus_all,#btnCus_vip,#btnCus_invest,#btnCus_live,#btnCus_stop,#btnCus_bought,#btnCus_deleted)::before,
html.bn-background-dark #drawer2 :is(#btnCus_all,#btnCus_vip,#btnCus_invest,#btnCus_live,#btnCus_stop,#btnCus_bought,#btnCus_deleted)::after,
body.bn-background-dark #drawer2 :is(#btnCus_all,#btnCus_vip,#btnCus_invest,#btnCus_live,#btnCus_stop,#btnCus_bought,#btnCus_deleted)::after{
  color:#ffffff !important;
  fill:#ffffff !important;
  stroke:#ffffff !important;
  border-color:currentColor !important;
}

html.bn-background-dark #drawer2 :is(#btnCus_all,#btnCus_vip,#btnCus_invest,#btnCus_live,#btnCus_stop,#btnCus_bought,#btnCus_deleted) :is(svg,path,circle,rect,line,polyline,polygon),
body.bn-background-dark #drawer2 :is(#btnCus_all,#btnCus_vip,#btnCus_invest,#btnCus_live,#btnCus_stop,#btnCus_bought,#btnCus_deleted) :is(svg,path,circle,rect,line,polyline,polygon){
  color:#ffffff !important;
  fill:currentColor !important;
  stroke:currentColor !important;
}

html.bn-background-dark #drawer2 .badge,
body.bn-background-dark #drawer2 .badge{
  background:#000000 !important;
  color:#ffffff !important;
  border-color:#000000 !important;
}

/* ===== v244: xoá đường trắng 1px sát mép trên trong nền tối ===== */
html.bn-background-dark,
html.bn-background-dark body,
body.bn-background-dark,
html.bn-background-dark #app,
body.bn-background-dark #app,
html.bn-background-dark .main,
body.bn-background-dark .main,
html.bn-background-dark .topbar,
body.bn-background-dark .topbar,
html.bn-background-dark .drawer,
body.bn-background-dark .drawer,
html.bn-background-dark .drawer__topbar,
body.bn-background-dark .drawer__topbar{
  border-top:0 !important;
  outline:0 !important;
  box-shadow:none !important;
}

/* Che chính xác đường phân cách do vùng viewport/safe-area Safari tạo ra */
html.bn-background-dark body::before,
body.bn-background-dark::before{
  content:"" !important;
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  height:3px !important;
  display:block !important;
  background:#000000 !important;
  border:0 !important;
  box-shadow:none !important;
  pointer-events:none !important;
  z-index:2147483647 !important;
}

/* ===== SP v253: chỉ khi bật thanh dưới, chừa vùng thao tác cho thông báo và popup ===== */
@media (max-width:900px){
  /* Chuông thông báo: danh sách và nút Xem thêm dừng phía trên thanh dưới. */
  html.bn-bottom-bar-active #notifPopover.notifPopover,
  body.bn-bottom-bar-active #notifPopover.notifPopover{
    height:calc(100dvh - 51px - env(safe-area-inset-bottom)) !important;
    max-height:calc(100dvh - 51px - env(safe-area-inset-bottom)) !important;
  }
  html.bn-bottom-bar-active #notifList.notifList,
  body.bn-bottom-bar-active #notifList.notifList{
    padding-bottom:28px !important;
    scroll-padding-bottom:28px !important;
  }

  /* Tạo bài: popup chọn Vị trí / Phường / Quận nằm trọn phía trên thanh dưới. */
  html.bn-bottom-bar-active #spPickerModal .spPickerModal__sheet,
  body.bn-bottom-bar-active #spPickerModal .spPickerModal__sheet{
    bottom:calc(51px + env(safe-area-inset-bottom)) !important;
    max-height:calc(100dvh - 51px - env(safe-area-inset-bottom)) !important;
  }
  html.bn-bottom-bar-active #spPickerModal .spPickerModal__list,
  body.bn-bottom-bar-active #spPickerModal .spPickerModal__list{
    scroll-padding-bottom:18px !important;
  }

  /* Tìm kiếm: các popup bộ lọc và hàng nút cuối không bị thanh dưới che. */
  html.bn-bottom-bar-active .bnSfModal,
  body.bn-bottom-bar-active .bnSfModal{
    bottom:calc(51px + env(safe-area-inset-bottom)) !important;
  }
  html.bn-bottom-bar-active .bnSfModal__sheet,
  body.bn-bottom-bar-active .bnSfModal__sheet{
    max-height:calc(100dvh - 51px - env(safe-area-inset-bottom)) !important;
    padding-bottom:14px !important;
  }
  html.bn-bottom-bar-active .bnSfModal__list,
  body.bn-bottom-bar-active .bnSfModal__list{
    scroll-padding-bottom:18px !important;
  }
}


/* v257: popup điện thoại - chỉ Giao diện mới */
html.bn-appearance-modern #phoneActionModal .phoneModernHeaderText strong,
body.bn-appearance-modern #phoneActionModal .phoneModernHeaderText strong{
  font-size:20px !important;
}
html.bn-appearance-modern #phoneActionModal .phoneItem--call,
body.bn-appearance-modern #phoneActionModal .phoneItem--call{
  height:58px !important;
}
@media (max-height:700px){
  html.bn-appearance-modern #phoneActionModal .phoneModernHeaderText strong,
  body.bn-appearance-modern #phoneActionModal .phoneModernHeaderText strong{
    font-size:20px !important;
  }
  html.bn-appearance-modern #phoneActionModal .phoneItem--call,
  body.bn-appearance-modern #phoneActionModal .phoneItem--call{
    height:52px !important;
  }
}

/* v258: Popup điện thoại - chỉ Giao diện mới.
   Tất cả chữ đang đậm trên 550 được hạ về 550; chữ nhẹ hơn giữ nguyên. */
html.bn-appearance-modern #phoneActionModal .phoneModernHeaderText strong,
body.bn-appearance-modern #phoneActionModal .phoneModernHeaderText strong,
html.bn-appearance-modern #phoneActionModal .phoneItem,
body.bn-appearance-modern #phoneActionModal .phoneItem,
html.bn-appearance-modern #phoneActionModal .phoneItem--call,
body.bn-appearance-modern #phoneActionModal .phoneItem--call,
html.bn-appearance-modern #phoneActionModal .phoneItemIcon--zalo,
body.bn-appearance-modern #phoneActionModal .phoneItemIcon--zalo,
html.bn-appearance-modern #phoneActionModal .phoneItemIcon--google,
body.bn-appearance-modern #phoneActionModal .phoneItemIcon--google{
  font-weight:550 !important;
}

/* v259: Popup điện thoại - chỉ Giao diện mới.
   Các nhãn hành động 18px/500 và giảm chiều cao nút ôm vừa chữ. */
html.bn-appearance-modern #phoneActionModal .phoneItem,
body.bn-appearance-modern #phoneActionModal .phoneItem,
html.bn-appearance-modern #phoneActionModal .phoneItem--call,
body.bn-appearance-modern #phoneActionModal .phoneItem--call,
html.bn-appearance-modern #phoneActionModal .phoneItem--cancel,
body.bn-appearance-modern #phoneActionModal .phoneItem--cancel{
  height:48px !important;
  min-height:48px !important;
  font-size:18px !important;
  font-weight:500 !important;
}
html.bn-appearance-modern #phoneActionModal .phoneItem--call,
body.bn-appearance-modern #phoneActionModal .phoneItem--call{
  margin-top:0 !important;
}
@media (max-height:700px){
  html.bn-appearance-modern #phoneActionModal .phoneItem,
  body.bn-appearance-modern #phoneActionModal .phoneItem,
  html.bn-appearance-modern #phoneActionModal .phoneItem--call,
  body.bn-appearance-modern #phoneActionModal .phoneItem--call,
  html.bn-appearance-modern #phoneActionModal .phoneItem--cancel,
  body.bn-appearance-modern #phoneActionModal .phoneItem--cancel{
    height:46px !important;
    min-height:46px !important;
    font-size:18px !important;
    font-weight:500 !important;
  }
}

/* ===== v261: Tab Thông tin cũ - giữ SĐT và tên trên cùng một dòng; không đụng tab mới ===== */
html:not(.bn-modern-card-active) #postInlineDetailModal .detailField--phone,
body:not(.bn-modern-card-active) #postInlineDetailModal .detailField--phone{
  display:flex!important;
  align-items:baseline!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  gap:.28em!important;
}
html:not(.bn-modern-card-active) #postInlineDetailModal .detailField--phone > .k,
body:not(.bn-modern-card-active) #postInlineDetailModal .detailField--phone > .k{
  flex:0 0 auto!important;
}
html:not(.bn-modern-card-active) #postInlineDetailModal .detailPhoneValue,
body:not(.bn-modern-card-active) #postInlineDetailModal .detailPhoneValue{
  min-width:0!important;
  display:inline-flex!important;
  align-items:baseline!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  gap:0!important;
  white-space:nowrap!important;
}
html:not(.bn-modern-card-active) #postInlineDetailModal .detailPhoneValue .phoneName,
body:not(.bn-modern-card-active) #postInlineDetailModal .detailPhoneValue .phoneName{
  display:inline!important;
  margin:0!important;
  padding:0!important;
  white-space:nowrap!important;
}

/* ===== v262: Tab Thông tin cũ - chuẩn hóa khoảng cách giữa tất cả trường; không đụng tab mới ===== */
html:not(.bn-modern-card-active) body #postInlineDetailModal .card__detailTabBody{
  gap:12px !important;
}
html:not(.bn-modern-card-active) body #postInlineDetailModal .detailLegacyPlaces,
html:not(.bn-modern-card-active) body #postInlineDetailModal .detailInfoGrid{
  display:contents !important;
}
html:not(.bn-modern-card-active) body #postInlineDetailModal .card__detailTabBody .kv,
html:not(.bn-modern-card-active) body #postInlineDetailModal .detailField,
html:not(.bn-modern-card-active) body #postInlineDetailModal .detailLegacyCreator,
html:not(.bn-modern-card-active) body #postInlineDetailModal .detailCreatedAt{
  margin:0 !important;
}


/* ===== v265: Giao diện mới - sửa nút bài Đã xoá và đồng bộ cụm nút tab Thông tin ===== */
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryActions--deleted,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryActions--deleted{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
html.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryActions--deleted .smallbtn,
body.bn-appearance-modern.bn-modern-card-active :is(#content,#searchFilterContent) .card__summaryActions--deleted .smallbtn{
  min-width:0!important;
  width:100%!important;
  padding:0 12px!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
  font-size:14px!important;
  line-height:1!important;
}

html.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .card__footer--deleted,
body.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .card__footer--deleted{
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  margin-top:14px!important;
  padding:0!important;
  border:0!important;
}
html.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .card__footer--deleted .card__footerRow,
body.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .card__footer--deleted .card__footerRow{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;
  min-width:0!important;
}
html.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .card__footer--deleted .smallbtn,
body.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .card__footer--deleted .smallbtn,
html.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .card__footer--deleted .card__footerGhost,
body.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .card__footer--deleted .card__footerGhost{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  height:40px!important;
  min-height:40px!important;
}
html.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .card__footer--deleted .smallbtn,
body.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .card__footer--deleted .smallbtn{
  padding:0 12px!important;
  border-radius:999px!important;
  font-size:14px!important;
  line-height:1!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
}
html.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .card__footer--deleted .card__footerGhost,
body.bn-appearance-modern.bn-modern-card-active #postInlineDetailModal .card__footer--deleted .card__footerGhost{
  display:block!important;
  visibility:hidden!important;
}

/* ===== v288: Giao diện mới - menu 550 và màu Nhà bán theo màu card ===== */
html.bn-appearance-modern .drawer,
body.bn-appearance-modern .drawer{
  --bn-house-menu-default:#111111;
  --bn-house-menu-focus:#C9A100;
  --bn-house-menu-stopped:#8B0000;
  --bn-house-menu-sold:#666666;
}

/* Toàn bộ chữ trong menu Giao diện mới dùng độ đậm 550. */
html.bn-appearance-modern .drawer :is(.drawer__title,.section__title,.row,.row > span,.badge,button),
body.bn-appearance-modern .drawer :is(.drawer__title,.section__title,.row,.row > span,.badge,button),
html.bn-appearance-modern .bn-bottom-bar__label,
body.bn-appearance-modern .bn-bottom-bar__label{
  font-weight:550 !important;
}

/* Menu Nhà bán: mục không có màu card riêng dùng màu đen. */
html.bn-appearance-modern .drawer .row--badge[data-filter] > span:first-child,
body.bn-appearance-modern .drawer .row--badge[data-filter] > span:first-child,
html.bn-appearance-modern .drawer .row--badge[data-filter] .badge,
body.bn-appearance-modern .drawer .row--badge[data-filter] .badge{
  color:var(--bn-house-menu-default) !important;
}

/* Nhà tập trung: đồng bộ vàng của card, gồm chữ + icon + số lượng. */
html.bn-appearance-modern .drawer .row--badge[data-filter="focus"] > span:first-child,
body.bn-appearance-modern .drawer .row--badge[data-filter="focus"] > span:first-child,
html.bn-appearance-modern .drawer .row--badge[data-filter="focus"] .badge,
body.bn-appearance-modern .drawer .row--badge[data-filter="focus"] .badge{
  color:var(--bn-house-menu-focus) !important;
}

/* Ngừng bán: đồng bộ đỏ sẫm của card. */
html.bn-appearance-modern .drawer .row--badge[data-filter="stopped"] > span:first-child,
body.bn-appearance-modern .drawer .row--badge[data-filter="stopped"] > span:first-child,
html.bn-appearance-modern .drawer .row--badge[data-filter="stopped"] .badge,
body.bn-appearance-modern .drawer .row--badge[data-filter="stopped"] .badge{
  color:var(--bn-house-menu-stopped) !important;
}

/* Đã bán: đồng bộ xám của card. */
html.bn-appearance-modern .drawer .row--badge[data-filter="sold"] > span:first-child,
body.bn-appearance-modern .drawer .row--badge[data-filter="sold"] > span:first-child,
html.bn-appearance-modern .drawer .row--badge[data-filter="sold"] .badge,
body.bn-appearance-modern .drawer .row--badge[data-filter="sold"] .badge{
  color:var(--bn-house-menu-sold) !important;
}

/* ===== v290: Giao diện mới - toàn bộ chữ menu 500 + màu đen Tất cả KH/Đã xoá ===== */
/* Ép trực tiếp toàn bộ phần tử chữ trong cả hai tầng menu để không còn rule 550/600 ghi đè. */
html.bn-appearance-modern .drawer,
body.bn-appearance-modern .drawer,
html.bn-appearance-modern .drawer *,
body.bn-appearance-modern .drawer *,
html.bn-appearance-modern .bn-bottom-bar__label,
body.bn-appearance-modern .bn-bottom-bar__label{
  font-weight:500 !important;
}

/* Menu Khách hàng: Tất cả KH và Đã xoá dùng màu đen cho chữ, icon và số lượng. */
html.bn-appearance-modern .drawer #btnCus_all,
body.bn-appearance-modern .drawer #btnCus_all,
html.bn-appearance-modern .drawer #btnCus_all > span:first-child,
body.bn-appearance-modern .drawer #btnCus_all > span:first-child,
html.bn-appearance-modern .drawer #btnCus_all .badge,
body.bn-appearance-modern .drawer #btnCus_all .badge,
html.bn-appearance-modern .drawer #btnCus_deleted,
body.bn-appearance-modern .drawer #btnCus_deleted,
html.bn-appearance-modern .drawer #btnCus_deleted > span:first-child,
body.bn-appearance-modern .drawer #btnCus_deleted > span:first-child,
html.bn-appearance-modern .drawer #btnCus_deleted .badge,
body.bn-appearance-modern .drawer #btnCus_deleted .badge{
  color:#111111 !important;
}

/* SP v291: Trang Tạo bài dùng toàn bộ chiều cao màn hình, không hiển thị và không chừa chỗ cho Thanh dưới. */
html.bn-bottom-bar-active body.create-page-open .bn-bottom-bar,
body.bn-bottom-bar-active.create-page-open .bn-bottom-bar{
  display:none !important;
}
html.bn-bottom-bar-active body.create-page-open #createModal.createPage,
body.bn-bottom-bar-active.create-page-open #createModal.createPage{
  height:100svh !important;
  max-height:100svh !important;
  padding-bottom:0 !important;
}
html.bn-bottom-bar-active body.create-page-open #createModal .createPage__sheet,
body.bn-bottom-bar-active.create-page-open #createModal .createPage__sheet{
  height:100svh !important;
  max-height:100svh !important;
  min-height:100svh !important;
}
html.bn-bottom-bar-active body.create-page-open #createModal .createFooterRow,
body.bn-bottom-bar-active.create-page-open #createModal .createFooterRow{
  padding-bottom:calc(12px + env(safe-area-inset-bottom)) !important;
}


/* SP v295 redo từ v294: footer Tạo bài là phần tử thường trong khung, không nổi/sticky. */
#createModal .createFooterRow,
html.bn-bottom-bar-active body.create-page-open #createModal .createFooterRow,
body.bn-bottom-bar-active.create-page-open #createModal .createFooterRow{
  position:static !important;
  inset:auto !important;
  transform:none !important;
  z-index:auto !important;
}
#createModal .createPhotosField{margin-top:10px !important;margin-bottom:0 !important;}

/* SP v297: Khi Tạo bài đã ẩn Thanh dưới, popup chọn địa chỉ/vị trí phải dính sát đáy màn hình, không chừa lại 51px. */
@media (max-width:900px){
  html.bn-bottom-bar-active body.create-page-open #spPickerModal .spPickerModal__sheet,
  body.bn-bottom-bar-active.create-page-open #spPickerModal .spPickerModal__sheet{
    bottom:0 !important;
    max-height:100dvh !important;
  }
}