/* =========================================================
   SP Dark Mode riêng - lấy chuẩn từ v808
   File này chỉ phụ trách giao diện tối khi html/body có class .sp-theme-dark
   Không chứa logic, không đụng dữ liệu/chức năng.
   ========================================================= */

/* ===== SP v799: Cài đặt giao diện + Dark Mode offline theo từng máy ===== */
.routePage[data-route-page="appearanceSettings"]{padding-top:18px;}
html.sp-theme-dark,
html.sp-theme-dark body,
html.sp-theme-dark .app,
html.sp-theme-dark .pageShell,
html.sp-theme-dark .routePage{background:linear-gradient(180deg,#0f1014 0%,#171019 44%,#0f1014 100%)!important;color:#f8fafc;}
html.sp-theme-dark .appHeader{background:linear-gradient(180deg,#121318 0%,rgba(18,19,24,.94) 100%)!important;border-color:rgba(255,255,255,.08)!important;}
html.sp-theme-dark .headerTitle,
html.sp-theme-dark .accountHero__title,
html.sp-theme-dark .accountSettingsTitle,
html.sp-theme-dark .accountSettingsRow__label,
html.sp-theme-dark .homeAdBanner__title,
html.sp-theme-dark .postCard__title,
html.sp-theme-dark .postCard__meta,
html.sp-theme-dark .detailPage,
html.sp-theme-dark .detailPage *{color:#f8fafc;}
html.sp-theme-dark .accountHero__status,
html.sp-theme-dark .accountSettingsIntro,
html.sp-theme-dark .accountSettingsRow__value,
html.sp-theme-dark .accountSettingsRow__note,
html.sp-theme-dark .homeAdBanner__subtitle{color:rgba(248,250,252,.66)!important;}
html.sp-theme-dark .accountMenu,
html.sp-theme-dark .accountMenu__item,
html.sp-theme-dark .accountSettingsCard,
html.sp-theme-dark .accountSettingsRow,
html.sp-theme-dark .postCard--boxed,
html.sp-theme-dark .homeCategoryParentBtn,
html.sp-theme-dark .homeCategoryChildBtn,
html.sp-theme-dark .homeAdBanner,
html.sp-theme-dark .bottomNav,
html.sp-theme-dark .authPageCard,
html.sp-theme-dark .authInput,
html.sp-theme-dark .spInput,
html.sp-theme-dark .spTextarea,
html.sp-theme-dark .spSelect,
html.sp-theme-dark .spPickerTrigger{background:#1b1d24!important;color:#f8fafc!important;border-color:rgba(255,255,255,.10)!important;box-shadow:none!important;}
html.sp-theme-dark .accountMenu__item + .accountMenu__item,
html.sp-theme-dark .accountSettingsRow + .accountSettingsRow{border-top-color:rgba(255,255,255,.08)!important;}
html.sp-theme-dark .accountMenu__label,
html.sp-theme-dark .homeCategoryParentBtn,
html.sp-theme-dark .homeCategoryChildBtn{color:#f8fafc!important;}
html.sp-theme-dark .accountMenu__icon,
html.sp-theme-dark .accountMenu__arrow,
html.sp-theme-dark .accountSettingsBackBtn,
html.sp-theme-dark .accountSettingsRow__arrow{color:rgba(248,250,252,.72)!important;}
html.sp-theme-dark .homeCategoryParentBtn.is-active,
html.sp-theme-dark .homeCategoryChildBtn.is-active{background:#241723!important;color:var(--pink)!important;border-color:rgba(255,45,117,.24)!important;}
html.sp-theme-dark .postCard__price,
html.sp-theme-dark .headerLogo__number,
html.sp-theme-dark .headerLogo__text{color:var(--pink)!important;}
html.sp-theme-dark input::placeholder,
html.sp-theme-dark textarea::placeholder{color:rgba(248,250,252,.45)!important;}
html.sp-theme-dark .accountMenu__item--danger .accountMenu__label,
html.sp-theme-dark .accountMenu__item--danger .accountMenu__icon{color:#ff6b6b!important;}

/* ===== SP v800: Dark Mode sâu toàn app - chỉ theme giao diện, không đụng dữ liệu/chức năng ===== */
html.sp-theme-dark{
  --app-bg:#0f1014;
  --card-bg:#1b1d24;
  --text:#f8fafc;
  --muted:rgba(248,250,252,.62);
  color-scheme:dark;
}
html.sp-theme-dark,
html.sp-theme-dark body,
html.sp-theme-dark .app,
html.sp-theme-dark .pageShell,
html.sp-theme-dark .routePage,
html.sp-theme-dark .createPage--route,
html.sp-theme-dark .myVideosPage,
html.sp-theme-dark .publicProfilePage,
html.sp-theme-dark .detailPage{
  background:#0f1014!important;
  color:#f8fafc!important;
}
html.sp-theme-dark body.is-create-route .pageShell,
html.sp-theme-dark body.is-create-form-route .pageShell,
html.sp-theme-dark body.is-create-route .routePage,
html.sp-theme-dark body.is-create-form-route .routePage{
  background:#0f1014!important;
}
html.sp-theme-dark .appHeader,
html.sp-theme-dark .bottomNav,
html.sp-theme-dark .pcTopbar,
html.sp-theme-dark .pcLeftMenu,
html.sp-theme-dark .mobileTopBar,
html.sp-theme-dark .homeSearchBar,
html.sp-theme-dark .searchBar,
html.sp-theme-dark .filterBar{
  background:#171820!important;
  color:#f8fafc!important;
  border-color:rgba(255,255,255,.08)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.26)!important;
}
html.sp-theme-dark .routeTitle,
html.sp-theme-dark .headerTitle,
html.sp-theme-dark .createTopBar__title,
html.sp-theme-dark .detailPage__title,
html.sp-theme-dark .detailTitle,
html.sp-theme-dark .detailPage h1,
html.sp-theme-dark .detailPage h2,
html.sp-theme-dark .detailPage h3,
html.sp-theme-dark .homeSection__title,
html.sp-theme-dark .accountHero__title,
html.sp-theme-dark .accountSettingsTitle,
html.sp-theme-dark .accountSettingsRow__label,
html.sp-theme-dark .accountMenu__label,
html.sp-theme-dark .authTitle,
html.sp-theme-dark .createCategoryPicker__title,
html.sp-theme-dark .createCategoryPicker__name,
html.sp-theme-dark .spField__label,
html.sp-theme-dark .spField__ph,
html.sp-theme-dark .hint,
html.sp-theme-dark .myVideosHead h1,
html.sp-theme-dark .myVideoItem__title,
html.sp-theme-dark .postCard__title,
html.sp-theme-dark .postCard__area,
html.sp-theme-dark .postCard__line,
html.sp-theme-dark .postCard__place,
html.sp-theme-dark .homeAdBanner__title{
  color:#f8fafc!important;
}
html.sp-theme-dark .accountHero__status,
html.sp-theme-dark .accountSettingsIntro,
html.sp-theme-dark .accountSettingsRow__value,
html.sp-theme-dark .accountSettingsRow__note,
html.sp-theme-dark .createCategoryPicker__sub,
html.sp-theme-dark .createCategoryPicker__meta,
html.sp-theme-dark .myVideoItem__status,
html.sp-theme-dark .myVideoItem__status--visibility,
html.sp-theme-dark .publicProfilePage__avatarHint,
html.sp-theme-dark .homeAdBanner__subtitle,
html.sp-theme-dark .detailPage__meta,
html.sp-theme-dark .detailPage__date,
html.sp-theme-dark .detailPage__address,
html.sp-theme-dark .detailPage__sub,
html.sp-theme-dark .detailPage__muted,
html.sp-theme-dark .detailPage__ownerOtherPlace{
  color:rgba(248,250,252,.64)!important;
}
html.sp-theme-dark .accountMenu,
html.sp-theme-dark .accountMenu__item,
html.sp-theme-dark .accountSettingsCard,
html.sp-theme-dark .accountSettingsRow,
html.sp-theme-dark .authPageCard,
html.sp-theme-dark .homeAdBanner,
html.sp-theme-dark .homeCategoryParentBtn,
html.sp-theme-dark .homeCategoryChildBtn,
html.sp-theme-dark .postCard--boxed,
html.sp-theme-dark .postCard,
html.sp-theme-dark .detailPage__section,
html.sp-theme-dark .detailPage__infoBox,
html.sp-theme-dark .detailPage__infoGrid,
html.sp-theme-dark .detailPage__infoCard,
html.sp-theme-dark .detailPage__content,
html.sp-theme-dark .detailPage__ownerCard,
html.sp-theme-dark .detailPage__contactBox,
html.sp-theme-dark .detailPage__ownerOtherCard,
html.sp-theme-dark .detailPage__hiddenNoteBox,
html.sp-theme-dark .myVideoItem,
html.sp-theme-dark .createCategoryPicker--route,
html.sp-theme-dark .createCategoryPicker__page,
html.sp-theme-dark .createCategoryPicker__card,
html.sp-theme-dark .createCategoryPicker__summary,
html.sp-theme-dark .spCreateCategorySummary,
html.sp-theme-dark .photoCell,
html.sp-theme-dark .modal,
html.sp-theme-dark .modalCard,
html.sp-theme-dark .popup,
html.sp-theme-dark .popupCard,
html.sp-theme-dark .sheet,
html.sp-theme-dark .bottomSheet,
html.sp-theme-dark .dialog,
html.sp-theme-dark .confirmDialog,
html.sp-theme-dark .spPickerModal__sheet,
html.sp-theme-dark .spPickerModal__body,
html.sp-theme-dark .contactChatSheet,
html.sp-theme-dark .quickChatSheet,
html.sp-theme-dark .chatPanel,
html.sp-theme-dark .chatRoom,
html.sp-theme-dark .chatList,
html.sp-theme-dark .chatInputBar,
html.sp-theme-dark .videoCard,
html.sp-theme-dark .adminCard{
  background:#1b1d24!important;
  color:#f8fafc!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:none!important;
}
html.sp-theme-dark .detailPage__section,
html.sp-theme-dark .detailPage__infoBox,
html.sp-theme-dark .detailPage__content,
html.sp-theme-dark .detailPage__ownerCard,
html.sp-theme-dark .detailPage__contactBox,
html.sp-theme-dark .detailPage__ownerOtherCard{
  background:#191b22!important;
}
html.sp-theme-dark .detailPage,
html.sp-theme-dark .detailPage *:not(.detailPage__price):not(.maskedPhoneText__reveal):not(.postCard__price):not(.headerLogo__number):not(.headerLogo__text),
html.sp-theme-dark .modal *,
html.sp-theme-dark .popup *,
html.sp-theme-dark .sheet *,
html.sp-theme-dark .bottomSheet *{
  border-color:rgba(255,255,255,.10);
}
html.sp-theme-dark .detailPage__price,
html.sp-theme-dark .postCard__price,
html.sp-theme-dark .maskedPhoneText__reveal,
html.sp-theme-dark .headerLogo__number,
html.sp-theme-dark .headerLogo__text,
html.sp-theme-dark .bottomNav__btn.is-active,
html.sp-theme-dark .accountMenu__item.is-active,
html.sp-theme-dark .homeCategoryParentBtn.is-active,
html.sp-theme-dark .homeCategoryChildBtn.is-active{
  color:var(--pink)!important;
}
html.sp-theme-dark .postCard__miniIcon,
html.sp-theme-dark .detailPage__icon,
html.sp-theme-dark .accountMenu__icon,
html.sp-theme-dark .homeCategoryChildBtn__icon,
html.sp-theme-dark .homeCategoryParentBtn__icon,
html.sp-theme-dark .createCategoryPicker__icon{
  background:#f3f4f6!important;
  color:#374151!important;
}
html.sp-theme-dark .postCard__place,
html.sp-theme-dark .accountMenu__item + .accountMenu__item,
html.sp-theme-dark .accountSettingsRow + .accountSettingsRow,
html.sp-theme-dark .createCategoryPicker__head,
html.sp-theme-dark .spPickerModal__searchWrap{
  border-color:rgba(255,255,255,.08)!important;
}
html.sp-theme-dark input,
html.sp-theme-dark textarea,
html.sp-theme-dark select,
html.sp-theme-dark .input,
html.sp-theme-dark .textarea,
html.sp-theme-dark .authInput,
html.sp-theme-dark .spInput,
html.sp-theme-dark .spTextarea,
html.sp-theme-dark .spSelect,
html.sp-theme-dark .spPickerTrigger,
html.sp-theme-dark .spPickerModal__search,
html.sp-theme-dark .appSearchInput,
html.sp-theme-dark .searchInput,
html.sp-theme-dark .chatInput,
html.sp-theme-dark .quickChatInput{
  background:#11131a!important;
  color:#f8fafc!important;
  border-color:rgba(255,255,255,.16)!important;
  -webkit-text-fill-color:#f8fafc!important;
  box-shadow:none!important;
}
html.sp-theme-dark input::placeholder,
html.sp-theme-dark textarea::placeholder{
  color:rgba(248,250,252,.42)!important;
  -webkit-text-fill-color:rgba(248,250,252,.42)!important;
}
html.sp-theme-dark option{background:#11131a!important;color:#f8fafc!important;}
html.sp-theme-dark .spInlineRow--price{background:#11131a!important;border-color:rgba(255,255,255,.16)!important;}
html.sp-theme-dark .appInputClear.appInputClear--auto{background:rgba(255,255,255,.18)!important;color:rgba(255,255,255,.72)!important;}
html.sp-theme-dark .createCategoryPicker__back,
html.sp-theme-dark .createCategoryPicker__close,
html.sp-theme-dark .createTopBar__close,
html.sp-theme-dark .accountSettingsBackBtn,
html.sp-theme-dark .accountSettingsRow__arrow,
html.sp-theme-dark .accountMenu__arrow,
html.sp-theme-dark .myVideosClose,
html.sp-theme-dark .closeBtn,
html.sp-theme-dark .modalClose,
html.sp-theme-dark .popupClose{
  color:rgba(248,250,252,.82)!important;
}
html.sp-theme-dark .homeCategoryParentBtn.is-active,
html.sp-theme-dark .homeCategoryChildBtn.is-active,
html.sp-theme-dark .createCategoryPicker__card.is-active,
html.sp-theme-dark .spCreateCategorySummary,
html.sp-theme-dark .createCategoryPicker__summary{
  background:#241723!important;
  border-color:rgba(255,45,117,.26)!important;
}
html.sp-theme-dark .homeSection__title::before{background:var(--pink)!important;}
html.sp-theme-dark .postCard__thumbWrap,
html.sp-theme-dark .detailPage__photoWrap,
html.sp-theme-dark .detailPage__thumb,
html.sp-theme-dark .detailPage__ownerOtherThumb,
html.sp-theme-dark .photoViewer,
html.sp-theme-dark .photoViewer__main,
html.sp-theme-dark .photoViewer__slide,
html.sp-theme-dark .videoViewer,
html.sp-theme-dark .imageViewer{
  background:#090a0f!important;
}
html.sp-theme-dark .photoViewer__thumbs,
html.sp-theme-dark .detailPage__thumbs,
html.sp-theme-dark .detailPage__galleryThumbs{
  background:#0f1014!important;
}
html.sp-theme-dark .photoViewer__btn,
html.sp-theme-dark .photoViewer__close,
html.sp-theme-dark .photoViewer__count,
html.sp-theme-dark .detailPage__backBtn,
html.sp-theme-dark .detailPage__actionBtn{
  background:rgba(17,19,26,.72)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.12)!important;
}
html.sp-theme-dark .bottomNav__btn{color:rgba(248,250,252,.56)!important;}
html.sp-theme-dark .bottomNav__btn.is-active{color:var(--pink)!important;}
html.sp-theme-dark .bottomNav__btn--primary .bottomNav__icon{background:linear-gradient(135deg,#ff2d75,#f41468)!important;color:#fff!important;}
html.sp-theme-dark .homeFilterBtn,
html.sp-theme-dark .filterBtn,
html.sp-theme-dark .tabBtn,
html.sp-theme-dark .myVideoAction,
html.sp-theme-dark .filebtn,
html.sp-theme-dark .saveBtn:not(.primaryBtn),
html.sp-theme-dark .secondaryBtn{
  background:#1b1d24!important;
  color:#f8fafc!important;
  border-color:rgba(255,255,255,.12)!important;
}
html.sp-theme-dark .primaryBtn,
html.sp-theme-dark .saveBtn,
html.sp-theme-dark .homeNewPostsNotice{
  color:#fff!important;
}
html.sp-theme-dark .accountMenu__item--danger .accountMenu__label,
html.sp-theme-dark .accountMenu__item--danger .accountMenu__icon,
html.sp-theme-dark .dangerBtn{
  color:#ff7b7b!important;
}
html.sp-theme-dark .toast{background:rgba(248,250,252,.94)!important;color:#111827!important;}
@media (min-width:768px){
  html.sp-theme-dark .pcHome,
  html.sp-theme-dark .pcLayout,
  html.sp-theme-dark .pcContent,
  html.sp-theme-dark .pcPostCard,
  html.sp-theme-dark .pcPanel,
  html.sp-theme-dark .pcFilterPanel{
    background:#0f1014!important;
    color:#f8fafc!important;
    border-color:rgba(255,255,255,.10)!important;
  }
}

/* ===== SP v808: Dark Mode deep fixes tách riêng từ module cũ ===== */
/* ===== SP v801: Dark Mode sâu hơn - file load cuối để thắng CSS module ===== */
html.sp-theme-dark,
html.sp-theme-dark body,
html.sp-theme-dark .app,
html.sp-theme-dark .pageShell,
html.sp-theme-dark .routePage,
html.sp-theme-dark .mainPage,
html.sp-theme-dark .homePage,
html.sp-theme-dark .accountPage,
html.sp-theme-dark .authPage,
html.sp-theme-dark .myVideosPage,
html.sp-theme-dark .publicProfilePage,
html.sp-theme-dark .createPage--route,
html.sp-theme-dark .page--detail,
html.sp-theme-dark .detailPage{
  background:#0f1014!important;
  color:#f8fafc!important;
}

html.sp-theme-dark .appHeader,
html.sp-theme-dark .mobileTopBar,
html.sp-theme-dark .bottomNav,
html.sp-theme-dark .homeSearchBar,
html.sp-theme-dark .searchBar,
html.sp-theme-dark .filterBar,
html.sp-theme-dark .homeKeywordSearchWrap{
  background:#171820!important;
  color:#f8fafc!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.30)!important;
}

html.sp-theme-dark .routeTitle,
html.sp-theme-dark .headerTitle,
html.sp-theme-dark .homeSection__title,
html.sp-theme-dark .detailPage__title,
html.sp-theme-dark .detailPage__sectionTitle,
html.sp-theme-dark .detailPage__infoItem,
html.sp-theme-dark .detailPage__infoValue,
html.sp-theme-dark .detailPage__addressFlow,
html.sp-theme-dark .detailPage__metaItem,
html.sp-theme-dark .detailPage__creatorCardTitle,
html.sp-theme-dark .detailPage__ownerOtherHeading,
html.sp-theme-dark .detailPage__ownerOtherTitle,
html.sp-theme-dark .detailPage__similarTitle,
html.sp-theme-dark .homeHcmPosts__title,
html.sp-theme-dark .hcmDistrictFooter__title,
html.sp-theme-dark .hcmSiteFooter__title,
html.sp-theme-dark .accountHero__title,
html.sp-theme-dark .accountMenu__label,
html.sp-theme-dark .accountSettingsTitle,
html.sp-theme-dark .accountSettingsRow__label,
html.sp-theme-dark .authTitle,
html.sp-theme-dark .authIntro,
html.sp-theme-dark .postCard__title,
html.sp-theme-dark .postCard__area,
html.sp-theme-dark .postCard__line,
html.sp-theme-dark .postCard__place,
html.sp-theme-dark .postCard__place span,
html.sp-theme-dark .postCard__line span,
html.sp-theme-dark .postCard__area span{
  color:#f8fafc!important;
  -webkit-text-fill-color:#f8fafc!important;
}

html.sp-theme-dark .detailPage__contentWrap,
html.sp-theme-dark .detailPage__section,
html.sp-theme-dark .detailPage__section--info,
html.sp-theme-dark .detailPage__section--content,
html.sp-theme-dark .detailPage__infoGrid,
html.sp-theme-dark .detailPage__content,
html.sp-theme-dark .detailPage__creatorCard,
html.sp-theme-dark .detailPage__contactActions,
html.sp-theme-dark .detailPage__quickChat,
html.sp-theme-dark .detailPage__ownerOtherPosts,
html.sp-theme-dark .detailPage__ownerOtherPostsMobile,
html.sp-theme-dark .detailPage__ownerOtherPostsIpad,
html.sp-theme-dark .detailPage__ownerOtherHead,
html.sp-theme-dark .detailPage__ownerOtherList,
html.sp-theme-dark .detailPage__ownerOtherCard,
html.sp-theme-dark .detailPage__similarWrap,
html.sp-theme-dark .detailPage__similarBox,
html.sp-theme-dark .detailPage__similarPostCard,
html.sp-theme-dark .detailPage__similarMore,
html.sp-theme-dark .detailPage__quickCategoryBtn,
html.sp-theme-dark .homeHcmPosts,
html.sp-theme-dark .homeHcmPosts__head,
html.sp-theme-dark .homeHcmPosts__scroller,
html.sp-theme-dark .hcmDistrictFooter,
html.sp-theme-dark .hcmSiteFooter,
html.sp-theme-dark .hcmDistrictFooter__link,
html.sp-theme-dark .hcmSiteFooter__social,
html.sp-theme-dark .homeAdBanner,
html.sp-theme-dark .homeCategoryParentBtn,
html.sp-theme-dark .homeCategoryChildBtn,
html.sp-theme-dark .homeFilterBtn,
html.sp-theme-dark .categorySeoOpen,
html.sp-theme-dark .emptyPostList,
html.sp-theme-dark .accountMenu,
html.sp-theme-dark .accountMenu__item,
html.sp-theme-dark .accountAuthBtn,
html.sp-theme-dark .authCard,
html.sp-theme-dark .authSupportFab,
html.sp-theme-dark .appInstallGuideSheet,
html.sp-theme-dark .appInstallStep,
html.sp-theme-dark .accountRecoveryWarning,
html.sp-theme-dark .accountSettingsRow,
html.sp-theme-dark .accountSettingsCard,
html.sp-theme-dark .postCard--boxed,
html.sp-theme-dark .postCard,
html.sp-theme-dark .homeSection__moreBtn,
html.sp-theme-dark .myVideosUploadBtn,
html.sp-theme-dark .myVideoItem,
html.sp-theme-dark .adminCard,
html.sp-theme-dark .videoCard{
  background:#1b1d24!important;
  color:#f8fafc!important;
  border-color:rgba(255,255,255,.12)!important;
  box-shadow:none!important;
}

html.sp-theme-dark .detailPage__section,
html.sp-theme-dark .detailPage__metaRow,
html.sp-theme-dark .detailPage__similarWrap,
html.sp-theme-dark .detailPage__ownerOtherHead,
html.sp-theme-dark .hcmSiteFooter,
html.sp-theme-dark .hcmSiteFooter__copyright,
html.sp-theme-dark .accountMenu__item + .accountMenu__item{
  border-color:rgba(255,255,255,.10)!important;
}

html.sp-theme-dark .detailPage__content,
html.sp-theme-dark .maskedPhoneText,
html.sp-theme-dark .maskedPhoneText__digits,
html.sp-theme-dark .detailPage__section--content *:not(.maskedPhoneText__reveal):not(.detailPage__actionIcon){
  color:#f8fafc!important;
  -webkit-text-fill-color:#f8fafc!important;
}

html.sp-theme-dark .detailPage__price,
html.sp-theme-dark .postCard__price,
html.sp-theme-dark .maskedPhoneText__reveal,
html.sp-theme-dark .homeSection__menuBtn,
html.sp-theme-dark .homeSection__moreBtn,
html.sp-theme-dark .categorySeoOpen,
html.sp-theme-dark .accountAuthBtn--primary,
html.sp-theme-dark .bottomNav__btn.is-active,
html.sp-theme-dark .hcmDistrictFooter__title::after{
  color:var(--pink,#ff2d75)!important;
  -webkit-text-fill-color:var(--pink,#ff2d75)!important;
}

html.sp-theme-dark .accountAuthBtn--primary,
html.sp-theme-dark .detailPage__contactBtn--phone,
html.sp-theme-dark .primaryBtn,
html.sp-theme-dark .saveBtn{
  background:var(--pink,#ff2d75)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border-color:rgba(255,45,117,.62)!important;
}

html.sp-theme-dark .detailPage__contactBtn--chat,
html.sp-theme-dark .detailPage__ownerOtherMore,
html.sp-theme-dark .detailPage__similarNavBtn,
html.sp-theme-dark .homeHcmPosts__navBtn,
html.sp-theme-dark .secondaryBtn{
  background:#11131a!important;
  color:#f8fafc!important;
  -webkit-text-fill-color:#f8fafc!important;
  border-color:rgba(255,255,255,.14)!important;
}

html.sp-theme-dark .detailGallery,
html.sp-theme-dark .detailGallery__main,
html.sp-theme-dark .detailGallery__thumbs,
html.sp-theme-dark .detailGallery__thumb,
html.sp-theme-dark .photoViewer,
html.sp-theme-dark .photoViewer__main,
html.sp-theme-dark .photoViewer__slide,
html.sp-theme-dark .imageViewer,
html.sp-theme-dark .videoViewer{
  background:#05060a!important;
}

html.sp-theme-dark .detailGallery__thumbs,
html.sp-theme-dark .detailPage__galleryThumbs{
  background:#0f1014!important;
}

html.sp-theme-dark .detailPage__icon,
html.sp-theme-dark .postCard__miniIcon,
html.sp-theme-dark .accountMenu__icon,
html.sp-theme-dark .homeCategoryChildBtn__icon,
html.sp-theme-dark .homeCategoryParentBtn__icon,
html.sp-theme-dark .detailPage__quickCategoryIcon{
  background:#f3f4f6!important;
  color:#374151!important;
}

html.sp-theme-dark input,
html.sp-theme-dark textarea,
html.sp-theme-dark select,
html.sp-theme-dark .input,
html.sp-theme-dark .textarea,
html.sp-theme-dark .homeKeywordSearchInput,
html.sp-theme-dark .homeFilterModal__search,
html.sp-theme-dark .homeFilterPrice__input,
html.sp-theme-dark .spPickerModal__search,
html.sp-theme-dark .authInput,
html.sp-theme-dark .spInput,
html.sp-theme-dark .spTextarea,
html.sp-theme-dark .spSelect,
html.sp-theme-dark .spPickerTrigger{
  background:#11131a!important;
  color:#f8fafc!important;
  -webkit-text-fill-color:#f8fafc!important;
  border-color:rgba(255,255,255,.16)!important;
  box-shadow:none!important;
}

html.sp-theme-dark input::placeholder,
html.sp-theme-dark textarea::placeholder,
html.sp-theme-dark .homeKeywordSearchInput::placeholder,
html.sp-theme-dark .homeFilterModal__search::placeholder,
html.sp-theme-dark .homeFilterPrice__input::placeholder{
  color:rgba(248,250,252,.46)!important;
  -webkit-text-fill-color:rgba(248,250,252,.46)!important;
}

html.sp-theme-dark .homeFilterModal,
html.sp-theme-dark .spPickerModal{
  background:rgba(0,0,0,.55)!important;
}
html.sp-theme-dark .homeFilterModal__sheet,
html.sp-theme-dark .homeFilterModeTabs,
html.sp-theme-dark .homeFilterModal__searchWrap,
html.sp-theme-dark .homeFilterModal__list,
html.sp-theme-dark .homeFilterModal__item,
html.sp-theme-dark .homeFilterModal__footer,
html.sp-theme-dark .homeFilterPrice,
html.sp-theme-dark .spPickerModal__sheet,
html.sp-theme-dark .spPickerModal__body,
html.sp-theme-dark .spPickerModal__item,
html.sp-theme-dark .spPickerModal__list,
html.sp-theme-dark .spPickerModal__modeTab{
  background:#1b1d24!important;
  color:#f8fafc!important;
  -webkit-text-fill-color:#f8fafc!important;
  border-color:rgba(255,255,255,.10)!important;
}
html.sp-theme-dark .homeFilterModeTab.is-active,
html.sp-theme-dark .homeFilterBtn.is-active,
html.sp-theme-dark .homeFilterModal__item.is-selected .homeFilterModal__radio::after,
html.sp-theme-dark .homeFilterPrice__active{
  background:var(--pink,#ff2d75)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border-color:var(--pink,#ff2d75)!important;
}
html.sp-theme-dark .homeFilterModal__radio,
html.sp-theme-dark .homeFilterPrice__range::-webkit-slider-thumb{
  border-color:rgba(255,255,255,.38)!important;
}
html.sp-theme-dark .homeFilterPrice__track{background:rgba(255,255,255,.16)!important;}
html.sp-theme-dark .homeFilterPrice__suffix,
html.sp-theme-dark .homeFilterModal__empty,
html.sp-theme-dark .detailPage__ownerOtherPlace,
html.sp-theme-dark .hcmSiteFooter__subtitle,
html.sp-theme-dark .hcmSiteFooter__copyright,
html.sp-theme-dark .authIntro,
html.sp-theme-dark .filehint{
  color:rgba(248,250,252,.64)!important;
  -webkit-text-fill-color:rgba(248,250,252,.64)!important;
}

html.sp-theme-dark .postCard__thumbWrap,
html.sp-theme-dark .detailPage__ownerOtherThumb,
html.sp-theme-dark .detailPage__similarThumbEmpty,
html.sp-theme-dark .photoCell{
  background:#090a0f!important;
}

html.sp-theme-dark .postCard__count,
html.sp-theme-dark .postCard__iconBtn{
  background:rgba(17,19,26,.82)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:0 8px 18px rgba(0,0,0,.32)!important;
}
html.sp-theme-dark .postCard__iconBtn.is-saved{color:var(--pink,#ff2d75)!important;-webkit-text-fill-color:var(--pink,#ff2d75)!important;}

html.sp-theme-dark .bottomNav__btn{color:rgba(248,250,252,.60)!important;-webkit-text-fill-color:rgba(248,250,252,.60)!important;}
html.sp-theme-dark .bottomNav__btn.is-active{color:var(--pink,#ff2d75)!important;-webkit-text-fill-color:var(--pink,#ff2d75)!important;}
html.sp-theme-dark .bottomNav__btn--primary .bottomNav__icon{background:linear-gradient(135deg,#ff2d75,#f41468)!important;color:#fff!important;}

/* Giữ ảnh/video đúng màu gốc, chỉ đổi khung nền. */
html.sp-theme-dark img,
html.sp-theme-dark video,
html.sp-theme-dark canvas{
  background-color:transparent;
  -webkit-text-fill-color:initial;
}

/* ===== SP v802: Sửa icon/nút bị chìm trong Dark Mode ===== */
html.sp-theme-dark .homeCategorySection,
html.sp-theme-dark .detailSubcategoryScroller,
html.sp-theme-dark .detailPage__quickCategoryScroller,
html.sp-theme-dark .detailPage__quickCategoryList{
  background:#0f1014!important;
  color:#f8fafc!important;
  border-color:rgba(255,255,255,.10)!important;
}

html.sp-theme-dark .homeCategoryParentBtn,
html.sp-theme-dark .homeCategoryChildBtn,
html.sp-theme-dark .detailPage__quickCategoryBtn,
html.sp-theme-dark .detailSubcategoryScroller__item,
html.sp-theme-dark .hcmDistrictFooter__link,
html.sp-theme-dark .homeFilterBtn,
html.sp-theme-dark .homeSection__moreBtn,
html.sp-theme-dark .detailPage__similarMore,
html.sp-theme-dark .detailPage__ownerOtherMore,
html.sp-theme-dark .detailPage__quickChatBtn,
html.sp-theme-dark .detailPage__contactBtn--chat,
html.sp-theme-dark .detailPage__creatorFollowBtn.is-following,
html.sp-theme-dark .detailPage__creatorFollowBtn[data-following="1"],
html.sp-theme-dark .accountProfileSheet__followBtn[data-following="1"]{
  background:#151720!important;
  color:#f8fafc!important;
  -webkit-text-fill-color:#f8fafc!important;
  border-color:rgba(255,255,255,.16)!important;
  box-shadow:none!important;
}

html.sp-theme-dark .homeCategoryParentBtn.is-active,
html.sp-theme-dark .homeCategoryChildBtn.is-active,
html.sp-theme-dark .detailSubcategoryScroller__item.is-active,
html.sp-theme-dark .detailPage__quickCategoryBtn.is-active,
html.sp-theme-dark .homeFilterBtn.is-active{
  background:#251625!important;
  color:var(--pink,#ff2d75)!important;
  -webkit-text-fill-color:var(--pink,#ff2d75)!important;
  border-color:rgba(255,45,117,.45)!important;
}

html.sp-theme-dark .homeCategoryParentBtn__icon,
html.sp-theme-dark .homeCategoryChildBtn__icon,
html.sp-theme-dark .detailPage__quickCategoryIcon,
html.sp-theme-dark .detailSubcategoryScroller__icon,
html.sp-theme-dark .accountMenu__icon,
html.sp-theme-dark .detailPage__icon,
html.sp-theme-dark .postCard__miniIcon,
html.sp-theme-dark .createCategoryPicker__icon{
  background:rgba(255,255,255,.10)!important;
  color:#f8fafc!important;
  -webkit-text-fill-color:#f8fafc!important;
  border-color:rgba(255,255,255,.14)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)!important;
}

html.sp-theme-dark .postCard__miniIcon,
html.sp-theme-dark .detailPage__icon{
  background:#f3f4f6!important;
  color:#374151!important;
  -webkit-text-fill-color:#374151!important;
}

html.sp-theme-dark .accountMenu__icon svg,
html.sp-theme-dark .homeCategoryParentBtn__icon svg,
html.sp-theme-dark .homeCategoryChildBtn__icon svg,
html.sp-theme-dark .detailPage__quickCategoryIcon svg,
html.sp-theme-dark .detailSubcategoryScroller__icon svg,
html.sp-theme-dark .detailPage__icon svg,
html.sp-theme-dark .postCard__miniIcon svg,
html.sp-theme-dark .createCategoryPicker__icon svg,
html.sp-theme-dark .bottomNav__icon svg{
  color:currentColor!important;
  stroke:currentColor!important;
  fill:none!important;
}

html.sp-theme-dark .homeCategoryParentBtn.is-active .homeCategoryParentBtn__icon,
html.sp-theme-dark .homeCategoryChildBtn.is-active .homeCategoryChildBtn__icon{
  background:rgba(255,45,117,.16)!important;
  color:var(--pink,#ff2d75)!important;
  -webkit-text-fill-color:var(--pink,#ff2d75)!important;
}

html.sp-theme-dark .detailGallery__backBtn,
html.sp-theme-dark .detailGallery__topRightActions .detailPage__actionIcon,
html.sp-theme-dark .detailPage__actionIcon--hiddenNote,
html.sp-theme-dark .postCard__iconBtn,
html.sp-theme-dark .postCard__iconBtn:not(.is-saved){
  background:rgba(255,255,255,.94)!important;
  color:#111827!important;
  -webkit-text-fill-color:#111827!important;
  border-color:rgba(17,24,39,.10)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.22)!important;
}

html.sp-theme-dark .detailGallery__backBtn svg,
html.sp-theme-dark .detailGallery__topRightActions .detailPage__actionIcon svg,
html.sp-theme-dark .detailPage__actionIcon--hiddenNote svg,
html.sp-theme-dark .postCard__iconBtn svg{
  color:currentColor!important;
  stroke:currentColor!important;
}

html.sp-theme-dark .postCard__iconBtn.is-saved,
html.sp-theme-dark .detailGallery__topRightActions .detailPage__actionIcon.is-saved{
  color:var(--pink,#ff2d75)!important;
  -webkit-text-fill-color:var(--pink,#ff2d75)!important;
}
html.sp-theme-dark .postCard__iconBtn.is-saved .saveIcon__fill,
html.sp-theme-dark .detailGallery__topRightActions .detailPage__actionIcon.is-saved .saveIcon__fill{
  fill:var(--pink,#ff2d75)!important;
}

html.sp-theme-dark .detailPage__quickChatBtn span,
html.sp-theme-dark .detailPage__quickChatSend,
html.sp-theme-dark .detailPage__quickChatSend svg,
html.sp-theme-dark .detailPage__contactBtn,
html.sp-theme-dark .detailPage__creatorFollowBtn,
html.sp-theme-dark .homeCategoryParentBtn *,
html.sp-theme-dark .homeCategoryChildBtn *,
html.sp-theme-dark .detailPage__quickCategoryBtn *,
html.sp-theme-dark .detailSubcategoryScroller__item *{
  color:inherit!important;
  -webkit-text-fill-color:inherit!important;
}

html.sp-theme-dark .detailPage__creatorFollowBtn:not(.is-following):not([data-following="1"]),
html.sp-theme-dark .accountProfileSheet__followBtn:not([data-following="1"]),
html.sp-theme-dark .detailPage__contactBtn--phone,
html.sp-theme-dark .detailPage__contactBtn--call,
html.sp-theme-dark .maskedPhoneText__reveal{
  background:var(--pink,#ff2d75)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border-color:rgba(255,45,117,.55)!important;
}

html.sp-theme-dark .detailPhoneActionSheet__panel,
html.sp-theme-dark .detailPhoneActionSheet__head,
html.sp-theme-dark .detailPhoneActionSheet__actions,
html.sp-theme-dark .accountProfileSheet,
html.sp-theme-dark .accountProfileSheet__panel{
  background:#1b1d24!important;
  color:#f8fafc!important;
  border-color:rgba(255,255,255,.12)!important;
}
html.sp-theme-dark .detailPhoneActionSheet__title,
html.sp-theme-dark .detailPhoneActionSheet__close,
html.sp-theme-dark .detailPhoneActionSheet__phone,
html.sp-theme-dark .detailPhoneActionSheet__action{
  color:#f8fafc!important;
  -webkit-text-fill-color:#f8fafc!important;
}
html.sp-theme-dark .detailPhoneActionSheet__action{
  background:#151720!important;
  border-color:rgba(255,255,255,.16)!important;
}

html.sp-theme-dark .homeAdBanner,
html.sp-theme-dark .homeAdBanner__viewport,
html.sp-theme-dark .homeAdBanner__slide,
html.sp-theme-dark .detailPage__pcSideAd,
html.sp-theme-dark .detailPage__pcSideAdBanner,
html.sp-theme-dark .detailPage__ad,
html.sp-theme-dark [class*="AdBanner"],
html.sp-theme-dark [class*="adBanner"]{
  background:#1b1d24!important;
  color:#f8fafc!important;
  border-color:rgba(255,255,255,.12)!important;
}
html.sp-theme-dark .homeAdBanner__icon{
  background:rgba(255,255,255,.10)!important;
  color:#f8fafc!important;
  -webkit-text-fill-color:#f8fafc!important;
}
html.sp-theme-dark .homeAdBanner__title,
html.sp-theme-dark .homeAdBanner__subtitle,
html.sp-theme-dark .homeAdBanner__cta{
  color:#f8fafc!important;
  -webkit-text-fill-color:#f8fafc!important;
}

html.sp-theme-dark .detailPage__creatorAvatar:not(.detailPage__creatorAvatar--image),
html.sp-theme-dark .appAvatar:not(:has(img)){
  background:rgba(255,255,255,.10)!important;
  color:#f8fafc!important;
  -webkit-text-fill-color:#f8fafc!important;
}

html.sp-theme-dark button:disabled,
html.sp-theme-dark .is-disabled,
html.sp-theme-dark [aria-disabled="true"]{
  opacity:.62!important;
  color:rgba(248,250,252,.70)!important;
  -webkit-text-fill-color:rgba(248,250,252,.70)!important;
}

/* Chặn tình trạng nền trắng + chữ trắng ở các nút chưa định danh. */
html.sp-theme-dark .detailPage button:not(.detailGallery__backBtn):not(.detailPage__actionIcon):not(.maskedPhoneText__reveal):not(.detailPage__contactBtn--phone):not(.detailPage__contactBtn--call),
html.sp-theme-dark .homePage button:not(.postCard__iconBtn):not(.bottomNav__btn),
html.sp-theme-dark .accountPage button:not(.bottomNav__btn):not(.bottomNav__btn--primary){
  border-color:rgba(255,255,255,.16);
}

/* v803 - AMOLED Dark Mode: toàn bộ nền/nút/icon về đen, chữ/icon trắng, chỉ giữ hồng làm điểm nhấn. */
html.sp-theme-dark,
html.sp-theme-dark body,
html.sp-theme-dark #app,
html.sp-theme-dark .app,
html.sp-theme-dark main,
html.sp-theme-dark section,
html.sp-theme-dark article,
html.sp-theme-dark header,
html.sp-theme-dark footer,
html.sp-theme-dark nav,
html.sp-theme-dark aside,
html.sp-theme-dark [class*="Page"],
html.sp-theme-dark [class*="page"],
html.sp-theme-dark [class*="Section"],
html.sp-theme-dark [class*="section"],
html.sp-theme-dark [class*="Panel"],
html.sp-theme-dark [class*="panel"],
html.sp-theme-dark [class*="Card"],
html.sp-theme-dark [class*="card"],
html.sp-theme-dark [class*="Box"],
html.sp-theme-dark [class*="box"],
html.sp-theme-dark [class*="Sheet"],
html.sp-theme-dark [class*="sheet"],
html.sp-theme-dark [class*="Modal"],
html.sp-theme-dark [class*="modal"],
html.sp-theme-dark [class*="Popup"],
html.sp-theme-dark [class*="popup"],
html.sp-theme-dark [class*="Drawer"],
html.sp-theme-dark [class*="drawer"],
html.sp-theme-dark [class*="Menu"],
html.sp-theme-dark [class*="menu"],
html.sp-theme-dark [class*="List"],
html.sp-theme-dark [class*="list"],
html.sp-theme-dark [class*="Item"],
html.sp-theme-dark [class*="item"],
html.sp-theme-dark [class*="Filter"],
html.sp-theme-dark [class*="filter"],
html.sp-theme-dark [class*="Category"],
html.sp-theme-dark [class*="category"],
html.sp-theme-dark [class*="District"],
html.sp-theme-dark [class*="district"],
html.sp-theme-dark [class*="Banner"],
html.sp-theme-dark [class*="banner"],
html.sp-theme-dark [class*="Ad"],
html.sp-theme-dark [class*="ad"]{
  background-color:#050507!important;
  color:#f8fafc!important;
  -webkit-text-fill-color:#f8fafc!important;
  border-color:#252832!important;
}

html.sp-theme-dark .postCard,
html.sp-theme-dark .listingCard,
html.sp-theme-dark .detailPage__infoCard,
html.sp-theme-dark .detailPage__contentCard,
html.sp-theme-dark .detailPage__creatorCard,
html.sp-theme-dark .detailPage__ownerOther,
html.sp-theme-dark .detailPage__similar,
html.sp-theme-dark .hcmDistrictFooter,
html.sp-theme-dark .accountMenu,
html.sp-theme-dark .accountMenu__item,
html.sp-theme-dark .bottomNav,
html.sp-theme-dark .topBar,
html.sp-theme-dark .homeTopBar,
html.sp-theme-dark .homeHero,
html.sp-theme-dark .homeCategoryParentBtn,
html.sp-theme-dark .homeCategoryChildBtn,
html.sp-theme-dark .detailSubcategoryScroller__item,
html.sp-theme-dark .hcmDistrictFooter__link,
html.sp-theme-dark .homeFilterBtn,
html.sp-theme-dark .detailPage__quickChatInput,
html.sp-theme-dark input,
html.sp-theme-dark textarea,
html.sp-theme-dark select{
  background:#050507!important;
  color:#f8fafc!important;
  -webkit-text-fill-color:#f8fafc!important;
  border-color:#2b2e38!important;
  box-shadow:none!important;
}

html.sp-theme-dark button,
html.sp-theme-dark [role="button"],
html.sp-theme-dark .btn,
html.sp-theme-dark [class*="Btn"],
html.sp-theme-dark [class*="btn"],
html.sp-theme-dark [class*="Button"],
html.sp-theme-dark [class*="button"]{
  background:#050507!important;
  color:#f8fafc!important;
  -webkit-text-fill-color:#f8fafc!important;
  border-color:#2b2e38!important;
  box-shadow:none!important;
}

html.sp-theme-dark [class*="Icon"],
html.sp-theme-dark [class*="icon"],
html.sp-theme-dark .postCard__miniIcon,
html.sp-theme-dark .detailPage__icon,
html.sp-theme-dark .accountMenu__icon,
html.sp-theme-dark .homeCategoryParentBtn__icon,
html.sp-theme-dark .homeCategoryChildBtn__icon,
html.sp-theme-dark .detailPage__quickCategoryIcon,
html.sp-theme-dark .detailSubcategoryScroller__icon,
html.sp-theme-dark .createCategoryPicker__icon,
html.sp-theme-dark .detailGallery__backBtn,
html.sp-theme-dark .detailPage__actionIcon,
html.sp-theme-dark .postCard__iconBtn{
  background:#050507!important;
  color:#f8fafc!important;
  -webkit-text-fill-color:#f8fafc!important;
  border-color:#2b2e38!important;
  box-shadow:none!important;
}

html.sp-theme-dark svg,
html.sp-theme-dark svg *,
html.sp-theme-dark [class*="Icon"] svg,
html.sp-theme-dark [class*="icon"] svg,
html.sp-theme-dark button svg,
html.sp-theme-dark [role="button"] svg{
  color:currentColor!important;
  stroke:currentColor!important;
}
html.sp-theme-dark svg [fill]:not([fill="none"]),
html.sp-theme-dark button svg [fill]:not([fill="none"]),
html.sp-theme-dark [class*="Icon"] svg [fill]:not([fill="none"]),
html.sp-theme-dark [class*="icon"] svg [fill]:not([fill="none"]){
  fill:currentColor!important;
}

html.sp-theme-dark .postCard__price,
html.sp-theme-dark .detailPage__price,
html.sp-theme-dark .bottomNav__btn.is-active,
html.sp-theme-dark .bottomNav__btn.is-active *,
html.sp-theme-dark .homeHeader__brand,
html.sp-theme-dark .appBrand,
html.sp-theme-dark .text-pink,
html.sp-theme-dark .is-pink{
  color:var(--pink,#ff2d75)!important;
  -webkit-text-fill-color:var(--pink,#ff2d75)!important;
}
html.sp-theme-dark .bottomNav__btn--primary,
html.sp-theme-dark .primaryBtn,
html.sp-theme-dark .detailPage__contactBtn--phone,
html.sp-theme-dark .detailPage__contactBtn--call,
html.sp-theme-dark .maskedPhoneText__reveal,
html.sp-theme-dark .detailPage__quickChatSend{
  background:var(--pink,#ff2d75)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border-color:var(--pink,#ff2d75)!important;
  box-shadow:0 10px 26px rgba(255,45,117,.24)!important;
}

html.sp-theme-dark input::placeholder,
html.sp-theme-dark textarea::placeholder{
  color:rgba(248,250,252,.65)!important;
  -webkit-text-fill-color:rgba(248,250,252,.65)!important;
}

html.sp-theme-dark .postCard__thumb,
html.sp-theme-dark .postCard__image,
html.sp-theme-dark .detailGallery,
html.sp-theme-dark .detailGallery__main,
html.sp-theme-dark img,
html.sp-theme-dark video{
  -webkit-text-fill-color:initial!important;
}

/* SP v804: Dark mode - bỏ nền vuông của icon/số/badge, giữ nút lưu/chia sẻ nền đen icon trắng. */
html.sp-theme-dark .homeAdBanner__icon,
html.sp-theme-dark .homeAdBanner__art{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  filter:none!important;
}
html.sp-theme-dark .homeAdBanner__art [fill="#fff"],
html.sp-theme-dark .homeAdBanner__art [fill="#ffffff"],
html.sp-theme-dark .homeAdBanner__art [fill="white"]{
  fill:#050507!important;
}
html.sp-theme-dark .homeAdBanner__art [stroke="#fff"],
html.sp-theme-dark .homeAdBanner__art [stroke="#ffffff"],
html.sp-theme-dark .homeAdBanner__art [stroke="white"]{
  stroke:#050507!important;
}
html.sp-theme-dark .homeAdBanner__art [fill="#ff2d75"]{fill:#ff2d75!important;}
html.sp-theme-dark .homeAdBanner__art [stroke="#ff2d75"]{stroke:#ff2d75!important;}
html.sp-theme-dark .homeAdBanner__art [fill="#f41468"]{fill:#f41468!important;}
html.sp-theme-dark .homeAdBanner__art [stroke="#f41468"]{stroke:#f41468!important;}
html.sp-theme-dark .homeAdBanner__art [fill="#ffd166"]{fill:#ffd166!important;}
html.sp-theme-dark .homeAdBanner__art [stroke="#ffd166"]{stroke:#ffd166!important;}
html.sp-theme-dark .homeAdBanner__art [fill="#ff8aae"]{fill:#ff8aae!important;}
html.sp-theme-dark .homeAdBanner__art [stroke="#ff8aae"]{stroke:#ff8aae!important;}
html.sp-theme-dark .homeAdBanner__art [fill="#ffd6e3"]{fill:#ffd6e3!important;}
html.sp-theme-dark .homeAdBanner__art [stroke="#ffd6e3"]{stroke:#ffd6e3!important;}

html.sp-theme-dark .postCard__thumbTop,
html.sp-theme-dark .postCard__thumbBadges{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html.sp-theme-dark .postCard__count,
html.sp-theme-dark .postCard__photoBadge,
html.sp-theme-dark .postCard__photoBadge--position,
html.sp-theme-dark .postCard__photoBadge--category{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-shadow:0 2px 4px rgba(0,0,0,.95),0 0 2px rgba(0,0,0,.95)!important;
}
html.sp-theme-dark .postCard__count{
  min-width:auto!important;
  width:auto!important;
  height:auto!important;
  padding:0!important;
  border-radius:0!important;
}
html.sp-theme-dark .postCard__photoBadge{
  height:auto!important;
  padding:0!important;
  border-radius:0!important;
}

html.sp-theme-dark .postCard__iconBtn,
html.sp-theme-dark .postCard__iconBtn.is-saved,
html.sp-theme-dark .detailGallery__topRightActions .detailPage__actionIcon,
html.sp-theme-dark .detailGallery__topRightActions .detailPage__actionIcon.is-saved,
html.sp-theme-dark .detailPage__actionIcon,
html.sp-theme-dark .detailPage__actionIcon.is-saved{
  background:#050507!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border:1px solid #2b2e38!important;
  box-shadow:none!important;
  filter:none!important;
}
html.sp-theme-dark .postCard__iconBtn svg,
html.sp-theme-dark .postCard__iconBtn svg *,
html.sp-theme-dark .detailPage__actionIcon svg,
html.sp-theme-dark .detailPage__actionIcon svg *{
  color:#fff!important;
  stroke:#fff!important;
}
html.sp-theme-dark .postCard__iconBtn .saveIcon__fill,
html.sp-theme-dark .detailPage__actionIcon .saveIcon__fill{
  fill:#050507!important;
}
html.sp-theme-dark .postCard__iconBtn.is-saved .saveIcon__fill,
html.sp-theme-dark .detailPage__actionIcon.is-saved .saveIcon__fill{
  fill:#fff!important;
}

html.sp-theme-dark .bottomNav__btn--primary{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html.sp-theme-dark .bottomNav__btn--primary .bottomNav__label{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html.sp-theme-dark .bottomNav__btn--primary .bottomNav__icon{
  background:linear-gradient(135deg,#ff2d75,#f41468)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border:0!important;
  box-shadow:0 10px 24px rgba(255,45,117,.28)!important;
}

/* SP v805: Dark Mode - sửa 3 điểm còn sót theo ảnh sp: lưu card không viền, icon danh mục không thành cục trắng, video không bị mảng đen che. */
html.sp-theme-dark .postCard__iconBtn,
html.sp-theme-dark .postCard__iconBtn:not(.is-saved),
html.sp-theme-dark .postCard__iconBtn.is-saved,
html.sp-theme-dark .postCard__iconBtn--save,
html.sp-theme-dark .postCard__iconBtn--save.is-saved{
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  filter:drop-shadow(0 2px 5px rgba(0,0,0,.75))!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html.sp-theme-dark .postCard__iconBtn svg,
html.sp-theme-dark .postCard__iconBtn svg *,
html.sp-theme-dark .postCard__iconBtn--save svg,
html.sp-theme-dark .postCard__iconBtn--save svg *{
  color:#fff!important;
  stroke:#fff!important;
}
html.sp-theme-dark .postCard__iconBtn .saveIcon__fill,
html.sp-theme-dark .postCard__iconBtn--save .saveIcon__fill{
  fill:transparent!important;
  opacity:0!important;
}
html.sp-theme-dark .postCard__iconBtn.is-saved,
html.sp-theme-dark .postCard__iconBtn--save.is-saved{
  color:var(--pink,#ff2d75)!important;
  -webkit-text-fill-color:var(--pink,#ff2d75)!important;
}
html.sp-theme-dark .postCard__iconBtn.is-saved svg,
html.sp-theme-dark .postCard__iconBtn.is-saved svg *,
html.sp-theme-dark .postCard__iconBtn--save.is-saved svg,
html.sp-theme-dark .postCard__iconBtn--save.is-saved svg *{
  color:var(--pink,#ff2d75)!important;
  stroke:var(--pink,#ff2d75)!important;
}
html.sp-theme-dark .postCard__iconBtn.is-saved .saveIcon__fill,
html.sp-theme-dark .postCard__iconBtn--save.is-saved .saveIcon__fill{
  fill:var(--pink,#ff2d75)!important;
  opacity:1!important;
}

html.sp-theme-dark .homeCategoryChildBtn__icon,
html.sp-theme-dark .homeCategoryParentBtn__icon,
html.sp-theme-dark .detailSubcategoryScroller__icon,
html.sp-theme-dark .detailPage__quickCategoryIcon{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html.sp-theme-dark .homeCategoryChildBtn__icon svg,
html.sp-theme-dark .homeCategoryParentBtn__icon svg,
html.sp-theme-dark .detailSubcategoryScroller__icon svg,
html.sp-theme-dark .detailPage__quickCategoryIcon svg{
  color:#fff!important;
  stroke:#fff!important;
  fill:none!important;
  filter:none!important;
}
html.sp-theme-dark .homeCategoryChildBtn__icon svg *,
html.sp-theme-dark .homeCategoryParentBtn__icon svg *,
html.sp-theme-dark .detailSubcategoryScroller__icon svg *,
html.sp-theme-dark .detailPage__quickCategoryIcon svg *{
  color:#fff!important;
  stroke:#fff!important;
  fill:none!important;
}
html.sp-theme-dark .homeCategoryParentBtn.is-active .homeCategoryParentBtn__icon,
html.sp-theme-dark .homeCategoryChildBtn.is-active .homeCategoryChildBtn__icon,
html.sp-theme-dark .detailSubcategoryScroller__item.is-active .detailSubcategoryScroller__icon,
html.sp-theme-dark .detailPage__quickCategoryBtn.is-active .detailPage__quickCategoryIcon{
  color:var(--pink,#ff2d75)!important;
  -webkit-text-fill-color:var(--pink,#ff2d75)!important;
}
html.sp-theme-dark .homeCategoryParentBtn.is-active .homeCategoryParentBtn__icon svg,
html.sp-theme-dark .homeCategoryParentBtn.is-active .homeCategoryParentBtn__icon svg *,
html.sp-theme-dark .homeCategoryChildBtn.is-active .homeCategoryChildBtn__icon svg,
html.sp-theme-dark .homeCategoryChildBtn.is-active .homeCategoryChildBtn__icon svg *,
html.sp-theme-dark .detailSubcategoryScroller__item.is-active .detailSubcategoryScroller__icon svg,
html.sp-theme-dark .detailSubcategoryScroller__item.is-active .detailSubcategoryScroller__icon svg *,
html.sp-theme-dark .detailPage__quickCategoryBtn.is-active .detailPage__quickCategoryIcon svg,
html.sp-theme-dark .detailPage__quickCategoryBtn.is-active .detailPage__quickCategoryIcon svg *{
  color:var(--pink,#ff2d75)!important;
  stroke:var(--pink,#ff2d75)!important;
  fill:none!important;
}

body.is-video-route .videoReelItem__shade,
body.is-video-route .videoReelItem__shade--top,
body.is-video-route .videoReelItem__shade--bottom{
  background:transparent!important;
}
body.is-video-route .videoReelFrame{
  inset:0!important;
  background:transparent!important;
}
body.is-video-route .videoReelItem__media{
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  background:transparent!important;
}
body.is-video-route .videoTopOverlay,
body.is-video-route .videoCaption,
body.is-video-route .videoActionRail{
  background:transparent!important;
}

/* SP v806: Dark Mode - bỏ nền đen nút qua lại ảnh, toast nền trắng chữ đen rõ chữ. */
html.sp-theme-dark .detailGallery__nav,
html.sp-theme-dark .detailGallery__nav--prev,
html.sp-theme-dark .detailGallery__nav--next,
html.sp-theme-dark .js-detail-gallery-prev,
html.sp-theme-dark .js-detail-gallery-next{
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-shadow:0 2px 8px rgba(0,0,0,.75)!important;
  filter:none!important;
}
html.sp-theme-dark .detailGallery__nav::before,
html.sp-theme-dark .detailGallery__nav::after,
html.sp-theme-dark .js-detail-gallery-prev::before,
html.sp-theme-dark .js-detail-gallery-prev::after,
html.sp-theme-dark .js-detail-gallery-next::before,
html.sp-theme-dark .js-detail-gallery-next::after{
  display:none!important;
  content:none!important;
  background:transparent!important;
  box-shadow:none!important;
}

html.sp-theme-dark .toast,
html.sp-theme-dark .toast.toast--status,
html.sp-theme-dark .homeFilterToast{
  background:#fff!important;
  color:#050505!important;
  -webkit-text-fill-color:#050505!important;
  border:1px solid rgba(0,0,0,.12)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.28)!important;
}
html.sp-theme-dark .toast *,
html.sp-theme-dark .toastStatus__text,
html.sp-theme-dark .homeFilterToast *{
  color:#050505!important;
  -webkit-text-fill-color:#050505!important;
}
html.sp-theme-dark .toastStatus__track{
  background:rgba(0,0,0,.16)!important;
}
html.sp-theme-dark .toastStatus__bar{
  background:#050505!important;
}

/* SP v808: Video dark mode - bỏ các ô nền/viền đen bao quanh overlay video, chỉ giữ chữ/icon trắng nổi trên video. */
body.is-video-route .videoTopTab,
body.is-video-route .videoTopTab.is-active,
body.is-video-route .videoAddBtn,
body.is-video-route .videoActionBtn,
body.is-video-route .videoActionBtn span,
body.is-video-route .videoCaption__more,
body.is-video-route .videoCaption__location,
body.is-video-route .videoCaption__locationIcon,
body.is-video-route .videoCaption__pinned,
body.is-video-route .videoCaption__hidden{
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  -webkit-box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.is-video-route .videoTopTab::before,
body.is-video-route .videoTopTab::after,
body.is-video-route .videoAddBtn::before,
body.is-video-route .videoAddBtn::after,
body.is-video-route .videoActionBtn::before,
body.is-video-route .videoActionBtn::after,
body.is-video-route .videoCaption__more::before,
body.is-video-route .videoCaption__more::after,
body.is-video-route .videoCaption__location::before,
body.is-video-route .videoCaption__location::after{
  display:none!important;
  content:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
body.is-video-route .videoTopTab,
body.is-video-route .videoAddBtn,
body.is-video-route .videoActionBtn,
body.is-video-route .videoActionBtn span,
body.is-video-route .videoCaption__more,
body.is-video-route .videoCaption__location,
body.is-video-route .videoCaption__locationIcon{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-shadow:0 2px 8px rgba(0,0,0,.65)!important;
}
body.is-video-route .videoAddBtn svg,
body.is-video-route .videoAddBtn svg *,
body.is-video-route .videoActionBtn svg,
body.is-video-route .videoActionBtn svg *,
body.is-video-route .videoCaption__locationIcon svg,
body.is-video-route .videoCaption__locationIcon svg *{
  color:#fff!important;
  stroke:#fff!important;
  fill:none!important;
  background:transparent!important;
  filter:drop-shadow(0 2px 5px rgba(0,0,0,.55))!important;
}
body.is-video-route .videoActionBtn.is-saved svg,
body.is-video-route .videoActionBtn.is-saved svg *{
  color:var(--pink,#ff2d75)!important;
  stroke:var(--pink,#ff2d75)!important;
}
body.is-video-route .videoCaption__pinned,
body.is-video-route .videoCaption__hidden{
  padding:0!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-shadow:0 2px 8px rgba(0,0,0,.65)!important;
}

/* SP v811: Trang cá nhân dark mode - bỏ toàn bộ nền đen/gradient che ảnh tin đăng. */
html.sp-theme-dark .publicProfilePage__postShade,
html.sp-theme-dark .publicProfilePage__videoShade,
html.sp-theme-dark .publicProfilePage__postTile::before,
html.sp-theme-dark .publicProfilePage__postTile::after,
html.sp-theme-dark .publicProfilePage__videoTile::before,
html.sp-theme-dark .publicProfilePage__videoTile::after{
  display:none!important;
  content:none!important;
  background:transparent!important;
  opacity:0!important;
}
html.sp-theme-dark .publicProfilePage__postTile,
html.sp-theme-dark .publicProfilePage__videoTile,
html.sp-theme-dark .publicProfilePage__postImg,
html.sp-theme-dark .publicProfilePage__videoImg{
  background:transparent!important;
}
html.sp-theme-dark .publicProfilePage__postText,
html.sp-theme-dark .publicProfilePage__postPrice,
html.sp-theme-dark .publicProfilePage__postMeta,
html.sp-theme-dark .publicProfilePage__postPlace{
  background:transparent!important;
  box-shadow:none!important;
}