html.theme-dark {
  color-scheme: dark;
}

html.theme-dark body {
  background: var(--na-dark-page-bg);
  color: var(--na-dark-text);
}

html.theme-dark :is(.text-gray-900, .text-gray-800, .text-gray-700, .text-gray-600) {
  color: var(--na-dark-text) !important;
}

html.theme-dark :is(.text-gray-500, .text-gray-400) {
  color: var(--na-dark-muted) !important;
}

html.theme-dark :is(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) {
  background-color: var(--na-dark-surface) !important;
}

html.theme-dark :is(.border-gray-100, .border-gray-200, .border-gray-300, .border-gray-400) {
  border-color: var(--na-dark-border) !important;
}

html.theme-dark :is(.shadow, .shadow-lg, .shadow-xl, .shadow-2xl) {
  box-shadow: 0 18px 40px var(--na-dark-shadow-strong) !important;
}

html.theme-dark input,
html.theme-dark select,
html.theme-dark textarea {
  background: var(--na-dark-input);
  color: var(--na-dark-text);
  border-color: var(--na-dark-border);
}

html.theme-dark input::placeholder,
html.theme-dark textarea::placeholder {
  color: var(--na-dark-muted);
}

html.theme-dark .header {
  background: var(--na-dark-header-bg);
  border-bottom: 1px solid var(--na-dark-border);
  box-shadow: 0 12px 30px var(--na-dark-shadow-strong);
}

html.theme-dark .dropdown-menu {
  background: var(--na-dark-surface);
  color: var(--na-dark-text);
  border-color: var(--na-dark-border);
}

html.theme-dark .dropdown-menu a {
  color: var(--na-dark-text);
}

html.theme-dark .dropdown-menu li {
  border-bottom-color: var(--na-dark-border);
}

html.theme-dark .nav-menu .nav-text a,
html.theme-dark .nav-menu .nav-text div {
  color: var(--na-dark-text) !important;
  border-bottom-color: var(--na-dark-border) !important;
  transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

html.theme-dark .nav-menu .nav-text a:hover,
html.theme-dark .nav-menu .nav-text div:hover {
  background: var(--na-dark-surface-2) !important;
  color: var(--na-dark-heading-text) !important;
  transform: translateX(2px);
}

html.theme-dark .nav-menu .nav-text a:hover::after,
html.theme-dark .nav-menu .nav-text div:hover::after {
  background-color: var(--na-dark-accent-soft) !important;
}

html.theme-dark nav[aria-label="Property listings"] a:hover,
html.theme-dark nav[aria-label="Property listings"] a:focus-visible,
html.theme-dark .property-list a:hover,
html.theme-dark .property-list a:focus-visible {
  background: var(--na-dark-surface-2) !important;
  color: var(--na-dark-heading-text) !important;
  border-color: var(--na-dark-border) !important;
  box-shadow: 0 8px 20px var(--na-dark-shadow-soft) !important;
  transform: translateY(-1px);
}

html.theme-dark [class*="heroShell"] {
  background: linear-gradient(180deg, var(--na-dark-page-bg) 0%, var(--na-dark-hero-gradient-end) 100%) !important;
}

html.theme-dark [class*="heroShell"]::before {
  background: linear-gradient(180deg, var(--na-dark-hero-fade-strong) 0%, var(--na-dark-hero-fade-clear) 78%), linear-gradient(var(--na-dark-grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--na-dark-grid-line) 1px, transparent 1px);
}

html.theme-dark [class*="answerSection"] {
  background: linear-gradient(180deg, var(--na-dark-page-bg) 0%, var(--na-dark-search-gradient-end) 100%) !important;
}

html.theme-dark [class*="answerInner"] {
  color: var(--na-dark-text) !important;
}

html.theme-dark [class*="howEyebrow"] {
  color: var(--na-dark-accent) !important;
}

html.theme-dark [class*="heroTrustLink"],
html.theme-dark [class*="heroConversionPanel"],
html.theme-dark [class*="metricCard"],
html.theme-dark [class*="comparisonCard"],
html.theme-dark [class*="answerSummaryItem"],
html.theme-dark [class*="answerFaqItem"],
html.theme-dark [class*="listingActivity"] {
  background: var(--na-dark-surface) !important;
  border-color: var(--na-dark-border) !important;
}

html.theme-dark [class*="metricsStrip"] {
  background: linear-gradient(180deg, var(--na-dark-page-bg) 0%, var(--na-dark-surface) 100%) !important;
}

html.theme-dark [class*="heroTrustLink"] {
  color: var(--na-dark-heading-text) !important;
}

html.theme-dark [class*="heroTrustLabel"],
html.theme-dark [class*="heroTrustValue"] {
  color: var(--na-dark-heading-text) !important;
}

html.theme-dark [class*="heroTrustBrand"] {
  color: var(--na-dark-heading-text) !important;
}

html.theme-dark [class*="heroConversionPanel"] {
  padding: 1.2rem !important;
  border: 1px solid var(--na-dark-border) !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg, rgba(15, 27, 43, 0.98), rgba(19, 34, 53, 0.98)) !important;
  box-shadow: 0 24px 64px rgba(2, 8, 23, 0.48), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

html.theme-dark [class*="heroConversionHeader"] {
  margin-bottom: 1rem !important;
}

html.theme-dark [class*="heroConversionEyebrow"] {
  color: #ef4444 !important;
}

html.theme-dark [class*="heroConversionTitle"] {
  color: var(--na-dark-heading-text) !important;
  margin-top: 0.35rem !important;
}

html.theme-dark [class*="heroSearchPanel"] {
  padding: 1rem !important;
  border-color: var(--na-dark-border) !important;
  border-radius: 12px !important;
  background: var(--na-dark-surface) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02), 0 10px 24px rgba(2, 8, 23, 0.2) !important;
}

html.theme-dark [class*="heroSearchPanel"] [class*="react-tabs__tab-list"] {
  border: 0 !important;
  border-radius: 10px !important;
  background: var(--na-dark-surface-2) !important;
  padding: 0.35rem !important;
  gap: 0.5rem !important;
}

html.theme-dark [class*="heroSearchPanel"] [class*="react-tabs__tab"] {
  color: var(--na-dark-muted) !important;
  min-height: 3.2rem !important;
}

html.theme-dark [class*="heroSearchPanel"] [class*="react-tabs__tab--selected"] {
  background: linear-gradient(135deg, var(--na-dark-brand-button-start) 0%, var(--na-dark-brand-button-end) 100%) !important;
  color: var(--na-dark-heading-text) !important;
  border: 0 !important;
  box-shadow: 0 12px 24px rgba(2, 8, 23, 0.3) !important;
}

html.theme-dark [class*="heroSearchPanel"] input {
  min-height: 3.2rem !important;
  background: var(--na-dark-input) !important;
  color: var(--na-dark-heading-text) !important;
  border-color: var(--na-dark-border) !important;
  border-radius: 0.5rem !important;
}

html.theme-dark [class*="heroSearchPanel"] input::placeholder {
  color: var(--na-dark-muted) !important;
}

html.theme-dark [class*="heroSearchPanel"] [class*="searchButton"] {
  margin-top: 1rem !important;
  min-height: 3.25rem !important;
  border-radius: 0.5rem !important;
  background: linear-gradient(135deg, var(--na-dark-brand-button-start) 0%, var(--na-dark-brand-button-end) 100%) !important;
  box-shadow: 0 18px 30px rgba(13, 50, 93, 0.32) !important;
}

html.theme-dark [class*="heroSearchPanel"] [class*="searchButton"]:hover {
  transform: translateY(-1px);
  box-shadow: 0 22px 36px rgba(13, 50, 93, 0.42) !important;
}

html.theme-dark [class*="heroPrimaryActions"] {
  margin-top: 1rem !important;
  gap: 0.85rem !important;
}

html.theme-dark [class*="heroListingButton"] {
  min-height: 3.35rem !important;
  box-shadow: 0 24px 38px rgba(243, 70, 108, 0.28) !important;
}

html.theme-dark [class*="heroListingHint"] {
  color: var(--na-dark-light-card-muted) !important;
}

html.theme-dark [class*="heroTrustLabel"]::after {
  background: rgba(232, 241, 251, 0.18) !important;
}

html.theme-dark [class*="heroTitle"],
html.theme-dark [class*="heroConversionTitle"],
html.theme-dark [class*="answerTitle"],
html.theme-dark [class*="comparisonTitle"],
html.theme-dark [class*="listingActivityTitle"],
html.theme-dark [class*="metricValue"],
html.theme-dark [class*="comparisonCardTitle"],
html.theme-dark [class*="answerFaqItem"] h3 {
  color: var(--na-dark-heading-text) !important;
}

html.theme-dark [class*="heroLead"],
html.theme-dark [class*="comparisonLead"],
html.theme-dark [class*="answerLead"],
html.theme-dark [class*="metricCopy"],
html.theme-dark [class*="listingActivityCopy"],
html.theme-dark [class*="answerSummaryItem"] dd,
html.theme-dark [class*="answerFaqItem"] p {
  color: var(--na-dark-muted) !important;
}

html.theme-dark [class*="answerSummaryItem"] dt {
  color: var(--na-dark-accent) !important;
}

html.theme-dark [class*="heroHighlights"] [class*="heroHighlight"] {
  background: var(--na-dark-surface-2) !important;
  color: var(--na-dark-text) !important;
  border-color: var(--na-dark-border) !important;
}

html.theme-dark [class*="banner"] {
  background: rgba(8, 17, 29, 0.58) !important;
}

html.theme-dark [class*="bannerPanel"] {
  background: linear-gradient(180deg, rgba(15, 27, 43, 0.98), rgba(19, 34, 53, 0.98)) !important;
  border-color: var(--na-dark-border) !important;
  box-shadow: 0 28px 80px rgba(2, 8, 23, 0.5) !important;
}

html.theme-dark [class*="bannerTitle"],
html.theme-dark [class*="bannerText"] {
  color: var(--na-dark-text) !important;
}

html.theme-dark [class*="preferencesOverlay"] {
  background: rgba(8, 17, 29, 0.66) !important;
}

html.theme-dark [class*="preferencesDialog"] {
  background: var(--na-dark-surface) !important;
  border-color: var(--na-dark-border) !important;
  box-shadow: 0 30px 90px rgba(2, 8, 23, 0.58) !important;
}

html.theme-dark [class*="preferencesHeader"] {
  background: linear-gradient(180deg, var(--na-dark-surface), var(--na-dark-surface-2)) !important;
  border-bottom-color: var(--na-dark-border) !important;
}

html.theme-dark [class*="preferencesEyebrow"] {
  color: var(--na-dark-accent) !important;
}

html.theme-dark [class*="preferencesTitle"] {
  color: var(--na-dark-text) !important;
}

html.theme-dark [class*="preferencesLead"],
html.theme-dark [class*="preferenceDescription"] {
  color: var(--na-dark-muted) !important;
}

html.theme-dark [class*="preferencesPill"] {
  background: var(--na-dark-surface-2) !important;
  color: var(--na-dark-text) !important;
}

html.theme-dark [class*="closeButton"]:not(.ril__closeButton) {
  background: var(--na-dark-surface-2) !important;
  color: var(--na-dark-text) !important;
  box-shadow: 0 12px 24px rgba(2, 8, 23, 0.35) !important;
}

html.theme-dark [class*="closeButton"]:not(.ril__closeButton) svg,
html.theme-dark [class*="closeButton"]:not(.ril__closeButton) svg * {
  fill: var(--na-dark-text) !important;
  stroke: var(--na-dark-text) !important;
}

html.theme-dark [class*="closeButton"]:not(.ril__closeButton):hover,
html.theme-dark [class*="closeButton"]:not(.ril__closeButton):focus-visible {
  background: var(--na-dark-surface-2) !important;
}

html.theme-dark .ril__closeButton {
  filter: brightness(0.72) contrast(1.08);
}

html.theme-dark [class*="preferenceRow"] {
  background: var(--na-dark-surface) !important;
  border-color: var(--na-dark-border) !important;
  box-shadow: 0 6px 18px rgba(2, 8, 23, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.03) !important;
}

html.theme-dark [class*="preferenceLabel"] {
  color: var(--na-dark-text) !important;
}

html.theme-dark [class*="preferencesFooter"] [class*="rejectButton"],
html.theme-dark [class*="preferencesFooter"] [class*="secondaryButton"] {
  background: var(--na-dark-surface-2) !important;
  color: var(--na-dark-text) !important;
  border-color: var(--na-dark-border) !important;
}

html.theme-dark [role="status"] {
  background: transparent !important;
}

html.theme-dark [role="status"] > div,
html.theme-dark [role="status"] .bg-white {
  background: linear-gradient(180deg, rgba(15, 27, 43, 0.98), rgba(19, 34, 53, 0.98)) !important;
  border-color: var(--na-dark-border) !important;
  box-shadow: 0 18px 45px rgba(2, 8, 23, 0.4) !important;
  color: var(--na-dark-text) !important;
}

html.theme-dark [role="status"].bg-white {
  background: linear-gradient(180deg, rgba(15, 27, 43, 0.98), rgba(19, 34, 53, 0.98)) !important;
  border-color: var(--na-dark-border) !important;
  color: var(--na-dark-text) !important;
}

html.theme-dark [role="status"].bg-white .text-slate-900 {
  color: var(--na-dark-text) !important;
}

html.theme-dark [role="status"].bg-white .text-slate-600 {
  color: var(--na-dark-muted) !important;
}

html.theme-dark [role="status"] :is(.text-slate-900, .text-slate-800, .text-slate-700) {
  color: var(--na-dark-text) !important;
}

html.theme-dark [role="status"] :is(.text-slate-600, .text-slate-500) {
  color: var(--na-dark-muted) !important;
}

html.theme-dark [class*="searchAndLinks"] {
  background: linear-gradient(180deg, var(--na-dark-page-bg) 0%, var(--na-dark-surface) 100%) !important;
}

html.theme-dark [class*="noScriptSearchLinks"] a {
  background: var(--na-dark-surface) !important;
  color: var(--na-dark-text) !important;
  border-color: var(--na-dark-border) !important;
}

html.theme-dark body .bg-gradient-to-r.from-blue-50.to-indigo-100 {
  background: linear-gradient(180deg, var(--na-dark-surface) 0%, var(--na-dark-surface-2) 100%) !important;
  color: var(--na-dark-text) !important;
  border: 1px solid var(--na-dark-border) !important;
  box-shadow: 0 18px 40px var(--na-dark-shadow-soft) !important;
}

html.theme-dark body .bg-gradient-to-r.from-blue-50.to-indigo-100 :is(h1, h2, h3, p, li, span, strong) {
  color: var(--na-dark-text) !important;
}

html.theme-dark body .bg-gradient-to-r.from-blue-50.to-indigo-100 .text-gray-500,
html.theme-dark body .bg-gradient-to-r.from-blue-50.to-indigo-100 .text-gray-600,
html.theme-dark body .bg-gradient-to-r.from-blue-50.to-indigo-100 .text-gray-700,
html.theme-dark body .bg-gradient-to-r.from-blue-50.to-indigo-100 .text-gray-800,
html.theme-dark body .bg-gradient-to-r.from-blue-50.to-indigo-100 .text-gray-900 {
  color: var(--na-dark-text) !important;
}

html.theme-dark [class*="metricCard"]::before {
  background: linear-gradient(180deg, var(--na-dark-accent), var(--na-dark-accent-strong));
}

html.theme-dark :is(.search-parent, .search-component, [class*="mainSearchBar"]) :is(
  [class*="title"],
  [class*="description"],
  [class*="price"],
  [class*="mainSection"]
),
html.theme-dark .main-searchbar {
  color: var(--na-dark-text) !important;
}

html.theme-dark [class*="mainSearchBar"],
html.theme-dark .main-searchbar {
  background: var(--na-dark-surface) !important;
  color: var(--na-dark-text) !important;
  border: 1px solid var(--na-dark-border) !important;
  box-shadow: 0 16px 36px var(--na-dark-shadow-strong) !important;
}

html.theme-dark [class*="mainSearchBar"]:focus-within,
html.theme-dark .main-searchbar:focus-within {
  background: var(--na-dark-surface) !important;
  color: var(--na-dark-text) !important;
  box-shadow: 0 0 0 1px rgba(143, 194, 255, 0.22), 0 16px 36px var(--na-dark-shadow-strong) !important;
}

html.theme-dark [class*="mainSearchBar"] :is(.bg-white, .bg-gray-50, .bg-gray-100),
html.theme-dark .main-searchbar :is(.bg-white, .bg-gray-50, .bg-gray-100) {
  background-color: var(--na-dark-surface) !important;
}

html.theme-dark [class*="mainSearchBar"] :is(.text-gray-900, .text-gray-800, .text-gray-700, .text-gray-600),
html.theme-dark .main-searchbar :is(.text-gray-900, .text-gray-800, .text-gray-700, .text-gray-600) {
  color: var(--na-dark-text) !important;
}

html.theme-dark [class*="mainSection"] {
  border: 1px solid var(--na-dark-border) !important;
}

html.theme-dark .btnFilter {
  background-color: var(--na-dark-surface-2) !important;
  color: var(--na-dark-accent) !important;
  border-color: var(--na-dark-accent-border-soft) !important;
  box-shadow: 0 14px 28px var(--na-dark-shadow-medium) !important;
}

html.theme-dark .btnFilter svg {
  color: currentColor !important;
}

html.theme-dark .btnFilter:hover {
  background-color: var(--na-dark-accent) !important;
  color: var(--na-dark-heading-text) !important;
  border-color: var(--na-dark-accent) !important;
}

html.theme-dark [class*="filtersOverlay"] {
  background: linear-gradient(180deg, var(--na-dark-overlay-strong), var(--na-dark-overlay-soft));
}

html.theme-dark [class*="filterPanelParent"]::before,
html.theme-dark .search-component::before {
  background: linear-gradient(180deg, var(--na-dark-accent-strong), var(--na-dark-accent-soft), var(--na-dark-accent-strong));
}

html.theme-dark .search-component,
html.theme-dark [class*="filterPanelParent"] {
  position: fixed !important;
  z-index: 30000 !important;
  background: linear-gradient(180deg, rgba(10, 18, 31, 0.99) 0%, rgba(12, 22, 36, 0.98) 100%) !important;
  background-color: var(--na-dark-surface) !important;
  color: var(--na-dark-text) !important;
  border-left: 1px solid var(--na-dark-border) !important;
  box-shadow: -20px 0 40px var(--na-dark-shadow-strong) !important;
  isolation: isolate;
}

html.theme-dark .search-component [class*="filterPanelParentChild"],
html.theme-dark .search-component [class*="filterPanelScrollArea"],
html.theme-dark [class*="filterPanelParent"] [class*="filterPanelParentChild"],
html.theme-dark [class*="filterPanelParent"] [class*="filterPanelScrollArea"] {
  background: transparent !important;
  color: var(--na-dark-text) !important;
}

html.theme-dark .search-component [class*="topStickyPanel"],
html.theme-dark .search-component [class*="bottomStickyPanel"],
html.theme-dark [class*="filterPanelParent"] [class*="topStickyPanel"],
html.theme-dark [class*="filterPanelParent"] [class*="bottomStickyPanel"] {
  background: linear-gradient(180deg, rgba(12, 20, 34, 0.98) 0%, rgba(13, 22, 38, 0.96) 100%) !important;
  background-color: var(--na-dark-surface-2) !important;
  border-color: var(--na-dark-border) !important;
  color: var(--na-dark-text) !important;
  z-index: 30001 !important;
}

html.theme-dark #layout .flow .plan input[type="radio"],
html.theme-dark #layout .flow .plan input[type="checkbox"] {
  accent-color: var(--na-dark-success-text);
}

html.theme-dark #layout .flow .plan .plancontent p {
  color: var(--na-dark-text) !important;
}

html.theme-dark #layout .flow .plan input[type="radio"]:checked + .plancontent,
html.theme-dark #layout .flow .plan input[type="checkbox"]:checked + .plancontent {
  background: var(--na-dark-surface-2) !important;
  border-color: var(--na-dark-accent-strong) !important;
  border-left-color: transparent !important;
  box-shadow: 0 0 0 1px rgba(103, 232, 168, 0.18), 0 10px 24px rgba(6, 18, 30, 0.45) !important;
}

html.theme-dark #layout .flow .plan input[type="radio"]:checked + .plancontent p,
html.theme-dark #layout .flow .plan input[type="checkbox"]:checked + .plancontent p {
  color: var(--na-dark-heading-text) !important;
}

html.theme-dark #layout .flow .plan input[type="radio"]:checked + .plancontent::after,
html.theme-dark #layout .flow .plan input[type="checkbox"]:checked + .plancontent::after {
  color: var(--na-dark-success-text) !important;
  font-size: 28px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  left: auto !important;
  right: 0.35rem !important;
  top: -0.15rem !important;
  text-shadow: 0 0 0.5rem rgba(8, 17, 29, 0.95), 0 0 0.9rem rgba(103, 232, 168, 0.5);
  transform: rotate(20deg) !important;
}

html.theme-dark .search-component :is(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200),
html.theme-dark [class*="filterPanelParent"] :is(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) {
  background-color: var(--na-dark-surface) !important;
}

html.theme-dark .search-component .main-search-input,
html.theme-dark [class*="filterPanelParent"] .main-search-input {
  background: var(--na-dark-input) !important;
  color: var(--na-dark-text) !important;
  border-color: var(--na-dark-border) !important;
}

html.theme-dark .search-component .main-search-input::placeholder,
html.theme-dark [class*="filterPanelParent"] .main-search-input::placeholder {
  color: var(--na-dark-muted) !important;
}

html.theme-dark .search-component .text-gray-900,
html.theme-dark .search-component .text-gray-700,
html.theme-dark [class*="filterPanelParent"] .text-gray-900,
html.theme-dark [class*="filterPanelParent"] .text-gray-700 {
  color: var(--na-dark-text) !important;
}

html.theme-dark .search-component .bg-white,
html.theme-dark .search-component .bg-gray-50,
html.theme-dark .search-component .bg-gray-100,
html.theme-dark [class*="filterPanelParent"] .bg-white,
html.theme-dark [class*="filterPanelParent"] .bg-gray-50,
html.theme-dark [class*="filterPanelParent"] .bg-gray-100 {
  background: var(--na-dark-surface) !important;
}

html.theme-dark .search-component .border-gray-200,
html.theme-dark .search-component .border-gray-300,
html.theme-dark [class*="filterPanelParent"] .border-gray-200,
html.theme-dark [class*="filterPanelParent"] .border-gray-300 {
  border-color: var(--na-dark-border) !important;
}

html.theme-dark .search-component input,
html.theme-dark .search-component select,
html.theme-dark .search-component textarea,
html.theme-dark [class*="filterPanelParent"] input,
html.theme-dark [class*="filterPanelParent"] select,
html.theme-dark [class*="filterPanelParent"] textarea {
  background: var(--na-dark-input) !important;
  color: var(--na-dark-text) !important;
  border-color: var(--na-dark-border) !important;
}

html.theme-dark [class*="detailsView"] {
  background: var(--na-dark-page-bg) !important;
  color: var(--na-dark-text) !important;
}

html.theme-dark [class*="detailsView"] .text-gray-900,
html.theme-dark [class*="detailsView"] .text-gray-800,
html.theme-dark [class*="detailsView"] .text-gray-700 {
  color: var(--na-dark-text) !important;
}

html.theme-dark [class*="detailsView"] .text-gray-500,
html.theme-dark [class*="detailsView"] .text-gray-600 {
  color: var(--na-dark-muted) !important;
}

html.theme-dark [class*="descriptionContent"] blockquote {
  border-left-color: var(--na-dark-accent-border-soft);
  color: var(--na-dark-muted) !important;
}

html.theme-dark [class*="descriptionContent"] :is(p, li, a, span, strong, em, b, i, u, s, code, pre) {
  color: var(--na-dark-text) !important;
}

html.theme-dark [class*="descriptionContent"] :is(h1, h2, h3, h4, h5, h6) {
  color: var(--na-dark-heading-text) !important;
}

html.theme-dark [class*="shadedRound"] {
  background: var(--na-dark-surface-2) !important;
  color: var(--na-dark-heading-text) !important;
}

html.theme-dark [class*="shadedRound"] svg,
html.theme-dark [class*="shadedRound"] svg * {
  fill: currentColor !important;
  stroke: currentColor !important;
}

html.theme-dark [class*="contactBlock"] .mobile-container-contact {
  background: var(--na-dark-surface) !important;
  border: 1px solid var(--na-dark-border) !important;
  box-shadow: 0 12px 28px var(--na-dark-shadow-soft) !important;
}

html.theme-dark [class*="nav-next-prev"] button[aria-label="previous"] {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.75rem 1rem;
  border: 1px solid var(--na-dark-border) !important;
  border-radius: 0.75rem;
  background: linear-gradient(180deg, var(--na-dark-surface-2) 0%, var(--na-dark-surface) 100%);
  color: var(--na-dark-text) !important;
  font-weight: 700;
  line-height: 1;
  box-shadow: 0 10px 24px var(--na-dark-shadow-soft);
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

html.theme-dark [class*="nav-next-prev"] button[aria-label="previous"] svg {
  width: 1.1rem;
  height: 1.1rem;
  flex: 0 0 auto;
}

html.theme-dark [class*="nav-next-prev"] button[aria-label="previous"]:hover {
  background: var(--na-dark-surface-3);
  border-color: var(--na-dark-accent) !important;
  color: var(--na-dark-heading-text) !important;
  transform: translateX(-1px);
}

html.theme-dark [class*="nav-next-prev"] button[aria-label="previous"]:focus-visible {
  outline: 2px solid var(--na-dark-accent);
  outline-offset: 2px;
}

html.theme-dark [class*="detailsView"] :is(.nearest-locations, .text-blue-400, .text-blue-500, .text-indigo-500, .text-purple-600, .text-teal-400, .text-teal-500) {
  color: var(--na-dark-accent) !important;
}

html.theme-dark [class*="featureItem"] {
  color: var(--na-dark-text) !important;
  border-bottom-color: var(--na-dark-border) !important;
}

html.theme-dark [class*="featureItem"] > div:first-child {
  color: var(--na-dark-text) !important;
}

html.theme-dark [class*="toolsSection"] [class*="sectionTitle"] {
  color: var(--na-dark-text) !important;
}

html.theme-dark [class*="toolsSection"] [class*="ownerOnlyNotice"] {
  background: var(--na-dark-surface-2) !important;
  color: var(--na-dark-text) !important;
  border-color: var(--na-dark-border) !important;
}

html.theme-dark [class*="toolCard"] {
  background: var(--na-dark-surface) !important;
  color: var(--na-dark-text) !important;
  border-color: var(--na-dark-border) !important;
  box-shadow: 0 18px 42px var(--na-dark-shadow-soft) !important;
}

html.theme-dark [class*="toolCard"] [class*="cardTitle"],
html.theme-dark [class*="toolCard"] [class*="fieldLabel"],
html.theme-dark [class*="toolCard"] [class*="breakdownHeader"],
html.theme-dark [class*="toolCard"] [class*="resultLabel"],
html.theme-dark [class*="toolCard"] [class*="statPillLabel"],
html.theme-dark [class*="toolCard"] [class*="stampDutyDate"],
html.theme-dark [class*="toolCard"] [class*="mortgageEstimateLabel"],
html.theme-dark [class*="toolCard"] [class*="stampEstimateMeta"] {
  color: var(--na-dark-text) !important;
}

html.theme-dark [class*="toolCard"] [class*="cardDescription"],
html.theme-dark [class*="toolCard"] [class*="note"],
html.theme-dark [class*="toolCard"] [class*="inlineNote"],
html.theme-dark [class*="toolCard"] [class*="resultSubtext"],
html.theme-dark [class*="toolCard"] [class*="stampEstimateValue"] span,
html.theme-dark [class*="toolCard"] [class*="mortgageEstimateValue"] span,
html.theme-dark [class*="toolCard"] [class*="sourceLink"] {
  color: var(--na-dark-muted) !important;
}

html.theme-dark [class*="toolCard"] [class*="fieldControl"] {
  background: var(--na-dark-input) !important;
  color: var(--na-dark-text) !important;
  border-color: var(--na-dark-border) !important;
}

html.theme-dark [class*="toolCard"] [class*="fieldControl"]:hover {
  background: var(--na-dark-surface-2) !important;
  border-color: var(--na-dark-accent-strong) !important;
}

html.theme-dark [class*="toolCard"] [class*="fieldControl"]::placeholder {
  color: var(--na-dark-placeholder) !important;
}

html.theme-dark [class*="toolCard"] [class*="fieldControl"]:focus {
  border-color: var(--na-dark-accent) !important;
  box-shadow: 0 0 0 3px rgba(143, 194, 255, 0.18) !important;
}

html.theme-dark [class*="toolCard"] [class*="mortgageBadge"],
html.theme-dark [class*="toolCard"] [class*="stampBadge"],
html.theme-dark [class*="toolCard"] [class*="agentBadge"] {
  background: var(--na-dark-surface-2) !important;
  color: var(--na-dark-text) !important;
  border-color: var(--na-dark-border) !important;
}

html.theme-dark [class*="toolCard"] [class*="mortgageEstimate"],
html.theme-dark [class*="toolCard"] [class*="stampEstimate"],
html.theme-dark [class*="toolCard"] [class*="agentEstimate"] {
  background: linear-gradient(180deg, var(--na-dark-surface-2) 0%, var(--na-dark-surface) 100%) !important;
  color: var(--na-dark-text) !important;
  border-color: var(--na-dark-border) !important;
}

html.theme-dark [class*="toolCard"] [class*="mortgageEstimateValue"],
html.theme-dark [class*="toolCard"] [class*="stampEstimateValue"],
html.theme-dark [class*="toolCard"] [class*="agentEstimateValue"],
html.theme-dark [class*="toolCard"] [class*="resultValue"],
html.theme-dark [class*="toolCard"] [class*="statPillValue"] {
  color: var(--na-dark-success-text) !important;
}

html.theme-dark [class*="toolCard"] [class*="cardFooter"] {
  background: var(--na-dark-surface-2) !important;
  border-top-color: var(--na-dark-border) !important;
}

html.theme-dark [class*="toolCard"] [class*="breakdownList"] {
  border-color: var(--na-dark-border) !important;
}

html.theme-dark [class*="toolCard"] [class*="breakdownItem"] {
  color: var(--na-dark-text) !important;
  border-top-color: var(--na-dark-border) !important;
}

html.theme-dark [class*="toolCard"] [class*="primaryAction"] {
  background: linear-gradient(180deg, var(--na-dark-brand-button-start) 0%, var(--na-dark-brand-button-end) 100%) !important;
  color: var(--na-dark-text) !important;
}

html.theme-dark [class*="toolCard"] [class*="primaryAction"]:hover {
  background: linear-gradient(180deg, var(--na-dark-brand-button-start) 0%, var(--na-dark-brand-button-end) 100%) !important;
  border-color: var(--na-dark-accent-strong) !important;
  box-shadow: 0 10px 26px var(--na-dark-shadow-soft) !important;
}

html.theme-dark [class*="toolCard"] [class*="sourceLink"]:hover {
  color: var(--na-dark-accent) !important;
}

html.theme-dark [class*="contactBlock"] .mobile-container-contact {
  background: var(--na-dark-surface) !important;
  color: var(--na-dark-text) !important;
}

html.theme-dark .faq-row-wrapper {
  background: var(--na-dark-surface) !important;
  color: var(--na-dark-text) !important;
  border-color: var(--na-dark-border) !important;
}

html.theme-dark .faq-row-wrapper .faq-row,
html.theme-dark .faq-row-wrapper .faq-body,
html.theme-dark .faq-row-wrapper .faq-title,
html.theme-dark .faq-row-wrapper .row-title,
html.theme-dark .faq-row-wrapper .accordion__item {
  background: var(--na-dark-surface) !important;
  color: var(--na-dark-text) !important;
  border-color: var(--na-dark-border) !important;
}

html.theme-dark .faq-row-wrapper .row-title-text,
html.theme-dark .faq-row-wrapper .row-content-text,
html.theme-dark .faq-row-wrapper .row-content-text *,
html.theme-dark .faq-row-wrapper .row-title-text * {
  color: var(--na-dark-text) !important;
}

html.theme-dark .footer .footer-info,
html.theme-dark .footer .footer-info a,
html.theme-dark .footer .footer-info p,
html.theme-dark .footer .footer-info li,
html.theme-dark .footer .footer-info span {
  color: var(--na-dark-text) !important;
}

html.theme-dark .footer .footer-info [class*="settingsLink"] {
  color: var(--na-dark-accent) !important;
  font-weight: 700 !important;
  text-decoration-color: var(--na-dark-accent) !important;
}

html.theme-dark .footer .footer-info [class*="settingsLink"]:hover,
html.theme-dark .footer .footer-info [class*="settingsLink"]:focus-visible {
  color: var(--na-dark-heading-text) !important;
  text-decoration-color: var(--na-dark-heading-text) !important;
}

html.theme-dark .account-dropdown .dropdown button .admin-logo {
  fill: var(--na-dark-heading-text) !important;
}

html.theme-dark .slick-dots.slick-thumb {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
}

html.theme-dark .slick-dots.slick-thumb li {
  width: 22px;
  height: 22px;
  margin: 0;
}

html.theme-dark .slick-dots.slick-thumb li button {
  width: 22px;
  height: 22px;
  padding: 0;
  border-radius: 6px;
  background: var(--na-dark-surface-2);
  border: 1px solid transparent;
  appearance: none;
  -webkit-appearance: none;
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

html.theme-dark .slick-dots.slick-thumb li button::before {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  line-height: 1;
  color: var(--na-dark-muted) !important;
  opacity: 1;
  pointer-events: none;
}

html.theme-dark .slick-dots.slick-thumb li.slick-active button::before {
  color: var(--na-dark-heading-text) !important;
  opacity: 1;
}

html.theme-dark .slick-dots.slick-thumb li.slick-active button {
  background: linear-gradient(135deg, var(--na-dark-brand-button-start) 0%, var(--na-dark-brand-button-end) 100%);
  border-color: var(--na-dark-accent) !important;
  box-shadow: 0 0 0 3px rgba(143, 194, 255, 0.12);
}

html.theme-dark .slick-dots.slick-thumb li button:hover,
html.theme-dark .slick-dots.slick-thumb li button:focus-visible {
  background: transparent !important;
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  outline: none !important;
}

html.theme-dark body > :not(.header):not(.footer) :is(
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  li,
  a
) {
  color: var(--na-dark-text) !important;
}

html.theme-dark body #layout > :not(.header):not(.footer) :is(
  .bg-white,
  .bg-gray-50,
  .bg-gray-100,
  .bg-gray-200,
  .bg-slate-50,
  .bg-slate-100,
  .bg-slate-200,
  [class*="bg-white/"],
  [class*="bg-gray-50/"],
  [class*="bg-gray-100/"],
  [class*="bg-slate-50/"]
) {
  background-color: var(--na-dark-surface) !important;
}

html.theme-dark body #layout > :not(.header):not(.footer) :is(
  .border-gray-100,
  .border-gray-200,
  .border-gray-300,
  .border-gray-400,
  .border-slate-100,
  .border-slate-200,
  .border-slate-300,
  [class*="border-slate-200/"],
  [class*="border-slate-300/"]
) {
  border-color: var(--na-dark-border) !important;
}

html.theme-dark body #layout :not(.header):not(.footer) :is(
  .bg-white,
  .bg-gray-50,
  .bg-gray-100,
  .bg-gray-200,
  .bg-slate-50,
  .bg-slate-100,
  .bg-slate-200,
  [class*="bg-white/"],
  [class*="bg-gray-50/"],
  [class*="bg-gray-100/"],
  [class*="bg-slate-50/"]
) {
  background-color: var(--na-dark-surface) !important;
}

html.theme-dark body #layout :not(.header):not(.footer) :is(
  .border-gray-100,
  .border-gray-200,
  .border-gray-300,
  .border-gray-400,
  .border-slate-100,
  .border-slate-200,
  .border-slate-300,
  [class*="border-slate-200/"],
  [class*="border-slate-300/"]
) {
  border-color: var(--na-dark-border) !important;
}

html.theme-dark body :not(.header):not(.footer) :is(
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  li,
  a
) {
  color: var(--na-dark-text) !important;
}

html.theme-dark body #layout :not(.header):not(.footer) :is(
  .text-gray-500,
  .text-gray-400,
  .text-slate-500,
  .text-slate-400
) {
  color: var(--na-dark-muted) !important;
}

html.theme-dark .footer .footer-info .mt-4 > div > div:first-child,
html.theme-dark .footer .footer-info .logo-menu-container {
  background: var(--na-dark-light-card-bg);
  border-radius: 9999px;
  padding: 0.5rem 0.85rem;
  color: var(--na-dark-page-bg) !important;
  box-shadow: 0 8px 20px var(--na-dark-shadow-medium);
  overflow: hidden;
}

html.theme-dark .footer .footer-info .mt-4 > div {
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;
  gap: 0.55rem !important;
}

html.theme-dark .footer .footer-info .mt-4 > div > button[aria-label^="Switch to"] {
  flex: 0 0 auto !important;
  margin-left: 0 !important;
}

html.theme-dark .footer .footer-info .mt-4 > div > .logo-menu-container,
html.theme-dark .footer .footer-info .mt-4 > div > div:first-child {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--na-dark-light-card-bg) !important;
  border-radius: 9999px !important;
  padding: 0.5rem 0.85rem !important;
  color: var(--na-dark-light-card-text) !important;
  box-shadow: 0 8px 20px var(--na-dark-shadow-medium) !important;
  overflow: hidden !important;
}

html.theme-dark .header {
  background: var(--na-dark-page-bg) !important;
  color: var(--na-dark-text) !important;
  border-bottom: 1px solid var(--na-dark-border) !important;
}

html.theme-dark .header .logo-menu-container {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.6rem !important;
  background: var(--na-dark-light-card-bg) !important;
  border-radius: 9999px !important;
  padding: 0.5rem 0.85rem !important;
  color: var(--na-dark-light-card-text) !important;
  box-shadow: 0 8px 20px var(--na-dark-shadow-subtle) !important;
}

html.theme-dark .header .logo-menu-container .menu-bars,
html.theme-dark .header .logo-menu-container .nav-menu,
html.theme-dark .header .logo-menu-container .nav-link,
html.theme-dark .header .logo-menu-container svg {
  color: var(--na-dark-light-card-text) !important;
}

html.theme-dark .authorize a[aria-label="My account"] svg,
html.theme-dark .authorize a[aria-label="My account"] .auth-login-icon,
html.theme-dark .authorize a[aria-label="My account"] .auth-login-icon path {
  color: #fff !important;
  fill: #fff !important;
  stroke: #fff !important;
}

html.theme-dark .authorize a[aria-label="My account"] {
  color: #fff !important;
}

html.theme-dark .authorize button[aria-label="user icon"] svg:not(.admin-logo),
html.theme-dark .authorize button[aria-label="user icon"] svg:not(.admin-logo) path {
  color: var(--na-dark-heading-text) !important;
  fill: none !important;
  stroke: var(--na-dark-heading-text) !important;
}

html.theme-dark .authorize button[aria-label="user icon"] {
  place-items: center !important;
  position: relative !important;
}

html.theme-dark .authorize button[aria-label="user icon"] svg:not(.admin-logo) {
  fill: none !important;
  color: var(--na-dark-heading-text) !important;
}

html.theme-dark .authorize button[aria-label="user icon"] svg:not(.admin-logo) path {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.2 !important;
}

html.theme-dark .authorize button[aria-label="user icon"] .admin-logo {
  position: static !important;
  width: 1.5rem !important;
  height: 1.5rem !important;
  color: var(--na-dark-heading-text) !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  filter: drop-shadow(0 0 1px rgba(255, 255, 255, 0.22));
}

html.theme-dark .authorize button[aria-label="user icon"] .admin-logo path {
  fill: currentColor !important;
  stroke: currentColor !important;
}

html.theme-dark [class*="comparisonSection"] {
  background: var(--na-dark-page-bg) !important;
  color: var(--na-dark-text) !important;
}

html.theme-dark [class*="comparisonSection"] [class*="comparisonHeader"],
html.theme-dark [class*="comparisonSection"] [class*="comparisonGrid"],
html.theme-dark [class*="comparisonSection"] [class*="comparisonInner"] {
  background: transparent !important;
  color: var(--na-dark-text) !important;
}

html.theme-dark [class*="comparisonSection"] [class*="howEyebrow"] {
  color: var(--na-dark-accent) !important;
}

html.theme-dark body table,
html.theme-dark body thead,
html.theme-dark body tbody,
html.theme-dark body tr,
html.theme-dark body th,
html.theme-dark body td {
  background: var(--na-dark-page-bg) !important;
  color: var(--na-dark-text) !important;
  border-color: var(--na-dark-border) !important;
}

html.theme-dark body tr:nth-child(odd) {
  background: var(--na-dark-surface) !important;
}

html.theme-dark body tr:nth-child(even) {
  background: var(--na-dark-surface-2) !important;
}

html.theme-dark body #layout .pointer-events-none .pointer-events-auto.bg-white[role="status"] {
  background: linear-gradient(180deg, rgba(15, 27, 43, 0.98), rgba(19, 34, 53, 0.98)) !important;
  color: var(--na-dark-heading-text) !important;
  border-color: var(--na-dark-border) !important;
  box-shadow: 0 18px 45px rgba(2, 8, 23, 0.4) !important;
}

html.theme-dark body #layout .pointer-events-none .pointer-events-auto.bg-white[role="status"] .text-slate-900,
html.theme-dark body #layout .pointer-events-none .pointer-events-auto.bg-white[role="status"] .text-gray-900,
html.theme-dark body #layout .pointer-events-none .pointer-events-auto.bg-white[role="status"] .text-slate-700,
html.theme-dark body #layout .pointer-events-none .pointer-events-auto.bg-white[role="status"] .text-gray-700 {
  color: var(--na-dark-heading-text) !important;
}

html.theme-dark body #layout .pointer-events-none .pointer-events-auto.bg-white[role="status"] .text-slate-600,
html.theme-dark body #layout .pointer-events-none .pointer-events-auto.bg-white[role="status"] .text-gray-600 {
  color: var(--na-dark-muted) !important;
}

html.theme-dark body #layout .pointer-events-none .pointer-events-auto.bg-white[role="status"] .bg-emerald-100 {
  background: rgba(16, 185, 129, 0.14) !important;
}

html.theme-dark body #layout .pointer-events-none .pointer-events-auto.bg-white[role="status"] .text-emerald-700 {
  color: var(--na-dark-success-text) !important;
}

html.theme-dark .bg-red-50 {
  background-color: #fef2f2 !important;
}

html.theme-dark .bg-red-100 {
  background-color: #fee2e2 !important;
}

html.theme-dark .bg-red-200 {
  background-color: #fecaca !important;
}

html.theme-dark .bg-orange-50 {
  background-color: #fff7ed !important;
}

html.theme-dark .bg-orange-100 {
  background-color: #ffedd5 !important;
}

html.theme-dark .bg-yellow-50 {
  background-color: #fefce8 !important;
}

html.theme-dark .bg-yellow-100 {
  background-color: #fef3c7 !important;
}

html.theme-dark .bg-green-50 {
  background-color: var(--na-dark-elite-card-bg) !important;
}

html.theme-dark .bg-green-100 {
  background-color: #dcfce7 !important;
}

html.theme-dark .bg-blue-50 {
  background-color: #eff6ff !important;
}

html.theme-dark .bg-blue-100 {
  background-color: #dbeafe !important;
}

html.theme-dark .bg-amber-50 {
  background-color: #fffbeb !important;
}

html.theme-dark .bg-amber-100 {
  background-color: #fef3c7 !important;
}

html.theme-dark .bg-amber-200 {
  background-color: #fde68a !important;
}

html.theme-dark .bg-emerald-50 {
  background-color: #ecfdf5 !important;
}

html.theme-dark .bg-emerald-100 {
  background-color: var(--na-dark-success-soft-bg) !important;
}

html.theme-dark .bg-rose-50 {
  background-color: #4c1d1d !important;
}

html.theme-dark .bg-rose-100 {
  background-color: #7f1d1d !important;
}

html.theme-dark .text-rose-700 {
  color: #fecaca !important;
}

html.theme-dark .text-rose-800 {
  color: #fee2e2 !important;
}

html.theme-dark .border-rose-200 {
  border-color: #ef4444 !important;
}

html.theme-dark .text-red-600 {
  color: #dc2626 !important;
}

html.theme-dark .text-red-700 {
  color: #b91c1c !important;
}

html.theme-dark .text-red-800 {
  color: #991b1b !important;
}

html.theme-dark .text-orange-600 {
  color: #ea580c !important;
}

html.theme-dark .text-orange-700 {
  color: #c2410c !important;
}

html.theme-dark .text-orange-800 {
  color: #9a3412 !important;
}

html.theme-dark .text-yellow-600 {
  color: #ca8a04 !important;
}

html.theme-dark .text-yellow-700 {
  color: #a16207 !important;
}

html.theme-dark .text-yellow-800 {
  color: #854d0e !important;
}

html.theme-dark .text-green-600 {
  color: #16a34a !important;
}

html.theme-dark .text-green-700 {
  color: #15803d !important;
}

html.theme-dark .text-green-800 {
  color: #166534 !important;
}

html.theme-dark .text-blue-600 {
  color: #2563eb !important;
}

html.theme-dark .text-blue-700 {
  color: #1d4ed8 !important;
}

html.theme-dark .text-blue-800 {
  color: #1e40af !important;
}

html.theme-dark .text-amber-600 {
  color: #d97706 !important;
}

html.theme-dark .text-amber-700 {
  color: #b45309 !important;
}

html.theme-dark .text-amber-800 {
  color: #92400e !important;
}

html.theme-dark .text-amber-900 {
  color: #78350f !important;
}

html.theme-dark .text-emerald-600 {
  color: #059669 !important;
}

html.theme-dark .text-emerald-700 {
  color: #047857 !important;
}

html.theme-dark .text-emerald-800 {
  color: #065f46 !important;
}

html.theme-dark body #layout > :not(.header):not(.footer) label:has(input.form-radio) input.form-radio {
  accent-color: var(--na-dark-success-text);
}

html.theme-dark body #layout > :not(.header):not(.footer) label:has(input.form-radio) input.form-radio:checked + .plancontent {
  border-left-color: transparent !important;
  box-shadow: 0 0 0 1px rgba(103, 232, 168, 0.18), 0 10px 24px rgba(6, 18, 30, 0.45) !important;
}

html.theme-dark body #layout > :not(.header):not(.footer) label:has(input.form-radio) input.form-radio:checked + .plancontent::after {
  color: var(--na-dark-success-text) !important;
  font-size: 28px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  left: auto !important;
  right: 0.35rem !important;
  top: -0.15rem !important;
  text-shadow: 0 0 0.5rem rgba(8, 17, 29, 0.95), 0 0 0.9rem rgba(103, 232, 168, 0.5);
  transform: rotate(20deg) !important;
}

html.theme-dark body #layout [id="step-1-container"] label:has(input.form-radio) input.form-radio:checked + [class*="plancontent"]::after {
  color: var(--na-dark-success-text) !important;
  font-size: 28px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  left: auto !important;
  right: 0.35rem !important;
  top: -0.15rem !important;
  text-shadow: 0 0 0.5rem rgba(8, 17, 29, 0.95), 0 0 0.9rem rgba(103, 232, 168, 0.5);
  transform: rotate(20deg) !important;
}

html.theme-dark body #layout .flow .plan input[type="radio"]:checked + .plancontent::after,
html.theme-dark body #layout .flow .plan input[type="checkbox"]:checked + .plancontent::after {
  color: var(--na-dark-success-text) !important;
  font-size: 28px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  left: auto !important;
  right: 0.35rem !important;
  top: -0.15rem !important;
  text-shadow: 0 0 0.5rem rgba(8, 17, 29, 0.95), 0 0 0.9rem rgba(103, 232, 168, 0.5);
  transform: rotate(20deg) !important;
}

html.theme-dark body #layout [id="step-1-container"] input[type="radio"]:checked + [class*="plancontent"]::after,
html.theme-dark body #layout [id="step-1-container"] input[type="checkbox"]:checked + [class*="plancontent"]::after {
  color: var(--na-dark-success-text) !important;
  font-size: 28px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  left: auto !important;
  right: 0.35rem !important;
  top: -0.15rem !important;
  text-shadow: 0 0 0.5rem rgba(8, 17, 29, 0.95), 0 0 0.9rem rgba(103, 232, 168, 0.5);
  transform: rotate(20deg) !important;
}

html.theme-dark body #layout .flow .plan input[type="radio"]:checked + .plancontent,
html.theme-dark body #layout .flow .plan input[type="checkbox"]:checked + .plancontent {
  border-left-color: transparent !important;
}

html.theme-dark body #layout .flow .plan .plancontent p {
  color: var(--na-dark-text) !important;
}

html.theme-dark body #layout .flow .plan input[type="radio"]:checked + .plancontent p,
html.theme-dark body #layout .flow .plan input[type="checkbox"]:checked + .plancontent p {
  color: var(--na-dark-heading-text) !important;
}

html.theme-dark body #layout input.form-radio:checked + [class*="plancontent"]::after,
html.theme-dark body #layout input[type="radio"]:checked + [class*="plancontent"]::after,
html.theme-dark body #layout input[type="checkbox"]:checked + [class*="plancontent"]::after {
  color: var(--na-dark-success-text) !important;
  text-shadow: 0 0 0.5rem rgba(8, 17, 29, 0.95), 0 0 0.9rem rgba(103, 232, 168, 0.5);
}

html.theme-dark [class*="uploader"] [class*="dropzone"] {
  background: radial-gradient(circle at top right, rgba(143, 194, 255, 0.12), transparent 30%), linear-gradient(180deg, var(--na-dark-surface) 0%, var(--na-dark-surface-2) 100%) !important;
  border-color: var(--na-dark-accent-strong) !important;
  box-shadow: 0 14px 32px var(--na-dark-shadow-soft) !important;
}

html.theme-dark [class*="uploader"] [class*="dropzone"]:hover {
  border-color: var(--na-dark-accent) !important;
  box-shadow: 0 18px 36px var(--na-dark-shadow-medium) !important;
}

html.theme-dark [class*="uploader"] [class*="dropzoneTitle"] {
  color: var(--na-dark-heading-text) !important;
}

html.theme-dark [class*="uploader"] [class*="dropzoneSubtitle"] {
  color: var(--na-dark-muted) !important;
}

html.theme-dark [class*="uploader"] [class*="pickerButton"] {
  background: linear-gradient(180deg, var(--na-dark-brand-button-start) 0%, var(--na-dark-brand-button-end) 100%) !important;
  color: var(--na-dark-heading-text) !important;
  box-shadow: 0 14px 28px var(--na-dark-shadow-soft) !important;
}

html.theme-dark [class*="uploader"] [class*="pickerButton"]:hover:not(:disabled) {
  box-shadow: 0 18px 32px var(--na-dark-shadow-medium) !important;
}

html.theme-dark [class*="uploader"] [class*="thumbnailCard"] {
  background: var(--na-dark-surface) !important;
  border-color: var(--na-dark-border) !important;
  box-shadow: 0 8px 20px var(--na-dark-shadow-soft) !important;
}

html.theme-dark [class*="uploader"] [class*="thumbnailMedia"] {
  background: var(--na-dark-surface-3) !important;
}

html.theme-dark [class*="uploader"] [class*="removeButton"] {
  background: rgba(19, 34, 53, 0.94) !important;
  border-color: var(--na-dark-border) !important;
  color: var(--na-dark-text) !important;
}

html.theme-dark [class*="uploader"] [class*="dragHandleOverlay"] {
  background: rgba(19, 34, 53, 0.78) !important;
  border-color: rgba(143, 194, 255, 0.3) !important;
  color: var(--na-dark-heading-text) !important;
}

html.theme-dark [class*="uploader"] [class*="featuredBadge"] {
  background: var(--na-dark-accent-strong) !important;
  color: var(--na-dark-heading-text) !important;
}

html.theme-dark [class*="uploader"] [class*="featuredAction"],
html.theme-dark [class*="uploader"] [class*="secondaryAction"] {
  background: var(--na-dark-surface-2) !important;
  color: var(--na-dark-text) !important;
  border-color: var(--na-dark-border) !important;
}

html.theme-dark [class*="uploader"] [class*="featuredAction"]:hover:not(:disabled),
html.theme-dark [class*="uploader"] [class*="secondaryAction"]:hover:not(:disabled) {
  border-color: var(--na-dark-accent) !important;
  color: var(--na-dark-heading-text) !important;
}

html.theme-dark [class*="uploader"] [class*="errorPanel"] {
  background: rgba(127, 29, 29, 0.18) !important;
  border-left-color: #ef4444 !important;
  color: #fecaca !important;
}

html.theme-dark .ql-toolbar.ql-snow,
html.theme-dark .ql-container.ql-snow {
  background: var(--na-dark-surface) !important;
  border-color: var(--na-dark-border) !important;
}

html.theme-dark .ql-toolbar.ql-snow {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

html.theme-dark .ql-container.ql-snow {
  color: var(--na-dark-text) !important;
}

html.theme-dark .ql-editor {
  color: var(--na-dark-text) !important;
}

html.theme-dark .ql-editor.ql-blank::before {
  color: var(--na-dark-placeholder) !important;
}

html.theme-dark .ql-snow .ql-stroke {
  stroke: var(--na-dark-text) !important;
}

html.theme-dark .ql-snow .ql-fill {
  fill: var(--na-dark-text) !important;
}

html.theme-dark .ql-snow .ql-picker {
  color: var(--na-dark-text) !important;
}

html.theme-dark .ql-snow .ql-picker-options {
  background: var(--na-dark-surface-2) !important;
  border-color: var(--na-dark-border) !important;
}

html.theme-dark .verification-container,
html.theme-dark .otp-verification-row {
  color: var(--na-dark-text) !important;
}

html.theme-dark .verification-container {
  background: var(--na-dark-surface) !important;
  border: 1px solid var(--na-dark-border) !important;
  border-radius: 10px !important;
  padding: 1rem !important;
  box-shadow: 0 14px 34px rgba(4, 10, 24, 0.32) !important;
}

html.theme-dark .verification-container .tel-container,
html.theme-dark .verification-container .tel-container > div {
  background: transparent !important;
}

html.theme-dark .verification-container .text-gray-700,
html.theme-dark .verification-container .text-gray-900,
html.theme-dark .otp-verification-row .text-gray-700,
html.theme-dark .otp-verification-row .text-gray-900 {
  color: var(--na-dark-text) !important;
}

html.theme-dark .verification-container .tel-container .btn,
html.theme-dark .verification-container .otp-verification-row .btn,
html.theme-dark .otp-verification-row .btn {
  background: var(--na-dark-surface) !important;
  border-color: var(--na-dark-border) !important;
  color: var(--na-dark-heading-text) !important;
  box-shadow: none !important;
}

html.theme-dark .verification-container .tel-container .btn:hover,
html.theme-dark .verification-container .otp-verification-row .btn:hover,
html.theme-dark .otp-verification-row .btn:hover {
  background: var(--na-dark-surface-3) !important;
  color: var(--na-dark-heading-text) !important;
  box-shadow: none !important;
  transform: none !important;
}

html.theme-dark .verification-container .tel-container > div > span,
html.theme-dark .verification-container .tel-container .bg-gray-100 {
  background: var(--na-dark-surface-3) !important;
  border-color: var(--na-dark-border) !important;
  color: var(--na-dark-heading-text) !important;
}

html.theme-dark .verification-container .tel-container input,
html.theme-dark .verification-container .otp-verification {
  background: var(--na-dark-surface-3) !important;
  border-color: var(--na-dark-border) !important;
  color: var(--na-dark-heading-text) !important;
}

html.theme-dark .verification-container .tel-container .text-green-100,
html.theme-dark .verification-container .otp-verification-row .text-green-100 {
  color: var(--na-dark-success-text) !important;
}

html.theme-dark .verification-container .tel-container input::placeholder,
html.theme-dark .verification-container .otp-verification::placeholder {
  color: var(--na-dark-placeholder) !important;
}

html.theme-dark .verification-container .tel-container input:-webkit-autofill,
html.theme-dark .verification-container .otp-verification:-webkit-autofill {
  box-shadow: 0 0 0 1000px var(--na-dark-input) inset !important;
  -webkit-text-fill-color: var(--na-dark-text) !important;
}

html.theme-dark .verification-container .tel-container .leading-4,
html.theme-dark .verification-container .tel-container .text-xs,
html.theme-dark .verification-container .otp-verification-row .text-xs {
  color: var(--na-dark-muted) !important;
}

/* Close controls must remain visible even inside light-card exception areas. */
html.theme-dark body button[aria-label*="Close"] svg,
html.theme-dark body button[aria-label*="close"] svg,
html.theme-dark body #layout button[aria-label*="Close"] svg,
html.theme-dark body #layout button[aria-label*="close"] svg {
  color: var(--na-dark-icon) !important;
}

html.theme-dark body #layout button[aria-label*="Close"] svg *,
html.theme-dark body #layout button[aria-label*="close"] svg *,
html.theme-dark body button[aria-label*="Close"] svg *,
html.theme-dark body button[aria-label*="close"] svg * {
  fill: var(--na-dark-icon) !important;
  stroke: var(--na-dark-icon) !important;
}

html.theme-dark body #layout :not(.header):not(.footer) button[aria-label*="Close"] svg.text-gray-500.text-gray-500.text-gray-500,
html.theme-dark body #layout :not(.header):not(.footer) button[aria-label*="close"] svg.text-gray-500.text-gray-500.text-gray-500 {
  color: var(--na-dark-icon) !important;
}

html.theme-dark [data-testid="property-card"] {
  background: var(--na-dark-surface) !important;
  color: var(--na-dark-text) !important;
  border-color: var(--na-dark-border) !important;
  box-shadow: 0 18px 42px var(--na-dark-shadow-strong) !important;
}

html.theme-dark [data-testid="property-card"] [class*="innerInfo"] {
  background: var(--na-dark-surface) !important;
  color: var(--na-dark-text) !important;
}

html.theme-dark [data-testid="property-card"] :is([class*="title"], [class*="price"], h2, h3, .text-gray-900, .text-gray-800, .text-gray-700, .text-gray-600) {
  color: var(--na-dark-text) !important;
}

html.theme-dark [data-testid="property-card"] :is([class*="description"], .text-gray-500, .text-gray-600, .text-gray-700) {
  color: var(--na-dark-muted) !important;
}

html.theme-dark [data-testid="property-card"][class*="featuredAd"] {
  background: var(--featured-bg-color) !important;
  color: var(--na-dark-light-card-text) !important;
  border-color: var(--featured-color) !important;
  box-shadow: 0 18px 42px var(--na-dark-light-card-shadow) !important;
}

html.theme-dark [data-testid="property-card"][class*="eliteAd"] {
  background: var(--elite-bg-color) !important;
  color: var(--na-dark-light-card-text) !important;
  border-color: var(--elite-color) !important;
  box-shadow: 0 18px 42px var(--na-dark-light-card-shadow) !important;
}

html.theme-dark [data-testid="property-card"]:is([class*="featuredAd"], [class*="eliteAd"]) [class*="innerInfo"] {
  background: transparent !important;
  color: var(--na-dark-light-card-text) !important;
  border-color: rgba(255, 255, 255, 0.92) !important;
}

html.theme-dark [data-testid="property-card"][class*="featuredAd"] :is([class*="title"], h2, h3),
html.theme-dark [data-testid="property-card"][class*="eliteAd"] :is([class*="title"], h2, h3) {
  color: var(--primary-color) !important;
}

html.theme-dark [data-testid="property-card"][class*="featuredAd"] :is([class*="price"], .text-gray-900, .text-gray-800, .text-gray-700),
html.theme-dark [data-testid="property-card"][class*="eliteAd"] :is([class*="price"], .text-gray-900, .text-gray-800, .text-gray-700) {
  color: var(--na-dark-light-card-text) !important;
}

html.theme-dark [data-testid="property-card"]:is([class*="featuredAd"], [class*="eliteAd"]) [class*="mainSection"],
html.theme-dark [data-testid="property-card"]:is([class*="featuredAd"], [class*="eliteAd"]) [class*="mainSection"] span,
html.theme-dark [data-testid="property-card"]:is([class*="featuredAd"], [class*="eliteAd"]) [class*="mainSection"] svg,
html.theme-dark [data-testid="property-card"]:is([class*="featuredAd"], [class*="eliteAd"]) [class*="mainSection"] [class*="amenity"],
html.theme-dark [data-testid="property-card"]:is([class*="featuredAd"], [class*="eliteAd"]) [class*="mainSection"] [class*="amenityIcon"] {
  color: var(--na-dark-light-card-text) !important;
}

html.theme-dark [data-testid="property-card"]:is([class*="featuredAd"], [class*="eliteAd"]) [class*="mainSection"] svg path {
  stroke: var(--na-dark-light-card-text) !important;
}

html.theme-dark body #layout .text-red-600 {
  color: #dc2626 !important;
}

html.theme-dark body #layout .text-red-700 {
  color: #b91c1c !important;
}

html.theme-dark body #layout .text-red-800 {
  color: #991b1b !important;
}

html.theme-dark body #layout .text-orange-600 {
  color: #ea580c !important;
}

html.theme-dark body #layout .text-orange-700 {
  color: #c2410c !important;
}

html.theme-dark body #layout .text-orange-800 {
  color: #9a3412 !important;
}

html.theme-dark body #layout .text-yellow-600 {
  color: #ca8a04 !important;
}

html.theme-dark body #layout .text-yellow-700 {
  color: #a16207 !important;
}

html.theme-dark body #layout .text-yellow-800 {
  color: #854d0e !important;
}

html.theme-dark body #layout .text-green-600 {
  color: #16a34a !important;
}

html.theme-dark body #layout .text-green-700 {
  color: #15803d !important;
}

html.theme-dark body #layout .text-green-800 {
  color: #166534 !important;
}

html.theme-dark body #layout .text-blue-600 {
  color: #2563eb !important;
}

html.theme-dark body #layout .text-blue-700 {
  color: #1d4ed8 !important;
}

html.theme-dark body #layout .text-blue-800 {
  color: #1e40af !important;
}

html.theme-dark body #layout .text-amber-600 {
  color: #d97706 !important;
}

html.theme-dark body #layout .text-amber-700 {
  color: #b45309 !important;
}

html.theme-dark body #layout .text-amber-800 {
  color: #92400e !important;
}

html.theme-dark body #layout .text-amber-900 {
  color: #78350f !important;
}

html.theme-dark body #layout .text-emerald-600 {
  color: #059669 !important;
}

html.theme-dark body #layout .text-emerald-700 {
  color: #047857 !important;
}

html.theme-dark body #layout .text-emerald-800 {
  color: #065f46 !important;
}

html.theme-dark body #layout .text-red-600.text-red-600.text-red-600 {
  color: #dc2626 !important;
}

html.theme-dark body #layout .text-red-700.text-red-700.text-red-700 {
  color: #b91c1c !important;
}

html.theme-dark body #layout .text-red-800.text-red-800.text-red-800 {
  color: #991b1b !important;
}

html.theme-dark body #layout .text-orange-600.text-orange-600.text-orange-600 {
  color: #ea580c !important;
}

html.theme-dark body #layout .text-orange-700.text-orange-700.text-orange-700 {
  color: #c2410c !important;
}

html.theme-dark body #layout .text-orange-800.text-orange-800.text-orange-800 {
  color: #9a3412 !important;
}

html.theme-dark body #layout .text-yellow-600.text-yellow-600.text-yellow-600 {
  color: #ca8a04 !important;
}

html.theme-dark body #layout .text-yellow-700.text-yellow-700.text-yellow-700 {
  color: #a16207 !important;
}

html.theme-dark body #layout .text-yellow-800.text-yellow-800.text-yellow-800 {
  color: #854d0e !important;
}

html.theme-dark body #layout .text-green-600.text-green-600.text-green-600 {
  color: #16a34a !important;
}

html.theme-dark body #layout .text-green-700.text-green-700.text-green-700 {
  color: #15803d !important;
}

html.theme-dark body #layout .text-green-800.text-green-800.text-green-800 {
  color: #166534 !important;
}

html.theme-dark body #layout .text-blue-600.text-blue-600.text-blue-600 {
  color: #2563eb !important;
}

html.theme-dark body #layout .text-blue-700.text-blue-700.text-blue-700 {
  color: #1d4ed8 !important;
}

html.theme-dark body #layout .text-blue-800.text-blue-800.text-blue-800 {
  color: #1e40af !important;
}

html.theme-dark body #layout .text-amber-600.text-amber-600.text-amber-600 {
  color: #d97706 !important;
}

html.theme-dark body #layout .text-amber-700.text-amber-700.text-amber-700 {
  color: #b45309 !important;
}

html.theme-dark body #layout .text-amber-800.text-amber-800.text-amber-800 {
  color: #92400e !important;
}

html.theme-dark body #layout .text-amber-900.text-amber-900.text-amber-900 {
  color: #78350f !important;
}

html.theme-dark body #layout .text-emerald-600.text-emerald-600.text-emerald-600 {
  color: #059669 !important;
}

html.theme-dark body #layout .text-emerald-700.text-emerald-700.text-emerald-700 {
  color: #047857 !important;
}

html.theme-dark body #layout .text-emerald-800.text-emerald-800.text-emerald-800 {
  color: #065f46 !important;
}

html.theme-dark body #layout :not(.header):not(.footer) .text-red-600 {
  color: #dc2626 !important;
}

html.theme-dark body #layout :not(.header):not(.footer) .text-red-700 {
  color: #b91c1c !important;
}

html.theme-dark body #layout :not(.header):not(.footer) .text-red-800 {
  color: #991b1b !important;
}

html.theme-dark body #layout :not(.header):not(.footer) .text-orange-600 {
  color: #ea580c !important;
}

html.theme-dark body #layout :not(.header):not(.footer) .text-orange-700 {
  color: #c2410c !important;
}

html.theme-dark body #layout :not(.header):not(.footer) .text-orange-800 {
  color: #9a3412 !important;
}

html.theme-dark body #layout :not(.header):not(.footer) .text-yellow-600 {
  color: #ca8a04 !important;
}

html.theme-dark body #layout :not(.header):not(.footer) .text-yellow-700 {
  color: #a16207 !important;
}

html.theme-dark body #layout :not(.header):not(.footer) .text-yellow-800 {
  color: #854d0e !important;
}

html.theme-dark body #layout :not(.header):not(.footer) .text-green-600 {
  color: #16a34a !important;
}

html.theme-dark body #layout :not(.header):not(.footer) .text-green-700 {
  color: #15803d !important;
}

html.theme-dark body #layout :not(.header):not(.footer) .text-green-800 {
  color: #166534 !important;
}

html.theme-dark body #layout :not(.header):not(.footer) .text-blue-600 {
  color: #2563eb !important;
}

html.theme-dark body #layout :not(.header):not(.footer) .text-blue-700 {
  color: #1d4ed8 !important;
}

html.theme-dark body #layout :not(.header):not(.footer) .text-blue-800 {
  color: #1e40af !important;
}

html.theme-dark body #layout :not(.header):not(.footer) .text-amber-600 {
  color: #d97706 !important;
}

html.theme-dark body #layout :not(.header):not(.footer) .text-amber-700 {
  color: #b45309 !important;
}

html.theme-dark body #layout :not(.header):not(.footer) .text-amber-800 {
  color: #92400e !important;
}

html.theme-dark body #layout :not(.header):not(.footer) .text-amber-900 {
  color: #78350f !important;
}

html.theme-dark body #layout :not(.header):not(.footer) .text-emerald-600 {
  color: #059669 !important;
}

html.theme-dark body #layout :not(.header):not(.footer) .text-emerald-700 {
  color: #047857 !important;
}

html.theme-dark body #layout :not(.header):not(.footer) .text-emerald-800 {
  color: #065f46 !important;
}

html.theme-dark .warning-msg {
  color: var(--na-dark-warning-strong-text) !important;
}

html.theme-dark [class*="CustomPagingSlider"],
html.theme-dark [class*="galleryGrid"] {
  background: var(--na-dark-page-bg) !important;
  color: var(--na-dark-text) !important;
}

html.theme-dark .footer .footer-info .mt-4 > div:has(> button[aria-label^="Switch to"]) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  margin-inline: auto !important;
  gap: 0.65rem !important;
  flex-wrap: nowrap !important;
  background: var(--na-dark-light-card-bg) !important;
  border: 1px solid var(--na-dark-footer-pill-border) !important;
  border-radius: 9999px !important;
  padding: 0.45rem 0.6rem !important;
  box-shadow: 0 14px 34px var(--na-dark-shadow-soft) !important;
}

html.theme-dark .footer .footer-info .mt-4 > div:has(> button[aria-label^="Switch to"]) > .logo-menu-container,
html.theme-dark .footer .footer-info .mt-4 > div:has(> button[aria-label^="Switch to"]) > div:first-child {
  background: transparent !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}

html.theme-dark .footer .footer-info .mt-4 > div > div:has(> button[aria-label^="Switch to"]) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  margin-inline: auto !important;
  gap: 0.65rem !important;
  flex-wrap: nowrap !important;
  background: var(--na-dark-light-card-bg) !important;
  border: 1px solid var(--na-dark-footer-pill-border) !important;
  border-radius: 9999px !important;
  padding: 0.45rem 0.6rem !important;
  box-shadow: 0 14px 34px var(--na-dark-shadow-soft) !important;
}

html.theme-dark .footer .footer-info .mt-4 > div > div:has(> button[aria-label^="Switch to"]) > .logo-menu-container,
html.theme-dark .footer .footer-info .mt-4 > div > div:has(> button[aria-label^="Switch to"]) > div:first-child {
  background: transparent !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}

html.theme-dark body :is(
  .bg-white,
  .bg-gray-50,
  .bg-gray-100,
  .bg-gray-200,
  .bg-slate-50,
  .bg-slate-100,
  .bg-slate-200,
  [class*="bg-white/"],
  [class*="bg-slate-50/"],
  [class*="bg-slate-100/"]
):not([role="status"]):not([class*="packageCardWrapper"]):not(.bg-red-50):not(.bg-red-100):not(.bg-red-200):not(.bg-orange-50):not(.bg-orange-100):not(.bg-yellow-50):not(.bg-yellow-100):not(.bg-green-50):not(.bg-green-100):not(.bg-blue-50):not(.bg-blue-100):not(.bg-amber-50):not(.bg-amber-100):not(.bg-amber-200):not(.bg-emerald-50):not(.bg-emerald-100) {
  background-color: var(--na-dark-surface) !important;
}

html.theme-dark body :is(
  .border-gray-100,
  .border-gray-200,
  .border-gray-300,
  .border-gray-400,
  .border-slate-100,
  .border-slate-200,
  .border-slate-300,
  .border-slate-400
):not([class*="packageCardWrapper"]) {
  border-color: var(--na-dark-border) !important;
}

html.theme-dark body :is(
  .text-gray-900,
  .text-gray-800,
  .text-gray-700,
  .text-gray-600,
  .text-slate-900,
  .text-slate-800,
  .text-slate-700,
  .text-slate-600
):not(.text-red-600):not(.text-red-700):not(.text-red-800):not(.text-orange-600):not(.text-orange-700):not(.text-orange-800):not(.text-yellow-600):not(.text-yellow-700):not(.text-yellow-800):not(.text-green-600):not(.text-green-700):not(.text-green-800):not(.text-blue-600):not(.text-blue-700):not(.text-blue-800):not(.text-amber-600):not(.text-amber-700):not(.text-amber-800):not(.text-amber-900):not(.text-emerald-600):not(.text-emerald-700):not(.text-emerald-800) {
  color: var(--na-dark-text) !important;
}

html.theme-dark body :is(.text-gray-500, .text-gray-400, .text-slate-500, .text-slate-400) {
  color: var(--na-dark-muted) !important;
}

html.theme-dark body :is(input, select, textarea, .amplify-input, .amplify-select, .amplify-textarea) {
  background-color: var(--na-dark-input) !important;
  border-color: var(--na-dark-border) !important;
  color: var(--na-dark-text) !important;
}

html.theme-dark body :is(input, textarea, .amplify-input, .amplify-textarea)::placeholder {
  color: var(--na-dark-muted) !important;
}

html.theme-dark .nav-menu,
html.theme-dark .nav-menu .navbar-toggle,
html.theme-dark [class*="LocationSearchInput"][class*="gbInner"],
html.theme-dark [class*="CookieConsent"][class*="bannerPanel"],
html.theme-dark [class*="CookieConsent"][class*="secondaryButton"],
html.theme-dark [class*="CookieConsent"][class*="rejectButton"] {
  background-color: var(--na-dark-surface) !important;
  border-color: var(--na-dark-border) !important;
  color: var(--na-dark-text) !important;
}

html.theme-dark .nav-menu a,
html.theme-dark .nav-menu svg,
html.theme-dark [class*="CookieConsent"][class*="bannerPanel"] :is(h1, h2, h3, p, span, li, label),
html.theme-dark [class*="CookieConsent"][class*="secondaryButton"],
html.theme-dark [class*="CookieConsent"][class*="rejectButton"] {
  color: var(--na-dark-text) !important;
}

html.theme-dark [class*="CookieConsent"][class*="bannerPanel"] [class*="description"],
html.theme-dark [class*="CookieConsent"][class*="bannerPanel"] [class*="helper"],
html.theme-dark [class*="CookieConsent"][class*="bannerPanel"] small {
  color: var(--na-dark-muted) !important;
}

html.theme-dark [data-amplify-container],
html.theme-dark [data-amplify-router],
html.theme-dark .amplify-authenticator,
html.theme-dark .amplify-tabs,
html.theme-dark .amplify-alert,
html.theme-dark .amplify-field-group,
html.theme-dark .amplify-fieldgroup,
html.theme-dark .amplify-flex,
html.theme-dark .amplify-divider {
  background: var(--na-dark-surface) !important;
  background-color: var(--na-dark-surface) !important;
  color: var(--na-dark-text) !important;
  border-color: var(--na-dark-border) !important;
}

html.theme-dark .amplify-card {
  background: var(--na-dark-surface) !important;
  color: var(--na-dark-text) !important;
  border-color: var(--na-dark-border) !important;
  box-shadow: 0 28px 72px rgba(2, 8, 23, 0.45) !important;
}

html.theme-dark .amplify-authenticator .amplify-tabs__item,
html.theme-dark [data-amplify-router] .amplify-tabs__item {
  color: var(--na-dark-muted) !important;
}

html.theme-dark .amplify-authenticator .amplify-tabs__item--active,
html.theme-dark [data-amplify-router] .amplify-tabs__item--active {
  color: var(--na-dark-heading-text) !important;
}

html.theme-dark .amplify-authenticator .amplify-tabs__item:hover,
html.theme-dark .amplify-authenticator .amplify-tabs__item:focus-visible,
html.theme-dark [data-amplify-router] .amplify-tabs__item:hover,
html.theme-dark [data-amplify-router] .amplify-tabs__item:focus-visible {
  color: var(--na-dark-heading-text) !important;
}

html.theme-dark [data-amplify-router] :is(h1, h2, h3, p, span, label, legend, a),
html.theme-dark .amplify-authenticator :is(h1, h2, h3, p, span, label, legend, a) {
  color: var(--na-dark-text) !important;
}

html.theme-dark [data-amplify-router] :is(.amplify-input, .amplify-field__control, input, select, textarea),
html.theme-dark .amplify-authenticator :is(.amplify-input, .amplify-field__control, input, select, textarea) {
  background: var(--na-dark-input) !important;
  color: var(--na-dark-text) !important;
  border-color: var(--na-dark-border) !important;
}

html.theme-dark [data-amplify-router] :is(.amplify-button--primary, .amplify-button--link),
html.theme-dark .amplify-authenticator :is(.amplify-button--primary, .amplify-button--link) {
  background: linear-gradient(180deg, var(--na-dark-brand-button-start) 0%, var(--na-dark-brand-button-end) 100%) !important;
  color: var(--na-dark-form-text) !important;
}

html.theme-dark body #layout .amplify-authenticator .federated-sign-in-button,
html.theme-dark body #layout [data-amplify-router] .federated-sign-in-button {
  background: linear-gradient(180deg, var(--na-dark-brand-button-start) 0%, var(--na-dark-brand-button-end) 100%) !important;
  color: var(--na-dark-form-text) !important;
  border-color: var(--na-dark-accent-strong) !important;
  box-shadow: 0 12px 26px rgba(2, 8, 23, 0.35) !important;
}

html.theme-dark body #layout .amplify-authenticator .federated-sign-in-button:hover,
html.theme-dark body #layout .amplify-authenticator .federated-sign-in-button:focus-visible,
html.theme-dark body #layout .amplify-authenticator .federated-sign-in-button:active,
html.theme-dark body #layout [data-amplify-router] .federated-sign-in-button:hover,
html.theme-dark body #layout [data-amplify-router] .federated-sign-in-button:focus-visible,
html.theme-dark body #layout [data-amplify-router] .federated-sign-in-button:active {
  background: linear-gradient(180deg, var(--na-dark-brand-button-start) 0%, var(--na-dark-brand-button-end) 100%) !important;
  color: var(--na-dark-form-text) !important;
  border-color: var(--na-dark-accent) !important;
  box-shadow: 0 16px 30px rgba(2, 8, 23, 0.42) !important;
  transform: translateY(-1px);
}

html.theme-dark #Auth :is(
  [data-amplify-container],
  [data-amplify-router],
  .amplify-authenticator,
  .amplify-card,
  .amplify-tabs,
  .amplify-alert,
  .amplify-field-group,
  .amplify-fieldgroup,
  .amplify-flex,
  .amplify-divider
) {
  background: var(--na-dark-surface) !important;
  color: var(--na-dark-text) !important;
  border-color: var(--na-dark-border) !important;
  box-shadow: 0 28px 72px rgba(2, 8, 23, 0.45) !important;
}

/* Global dark form readability and icon contrast. */
html.theme-dark body #layout :is(
  form,
  fieldset,
  [class*="form"],
  [class*="Form"],
  [class*="field"],
  [class*="Field"],
  [class*="input"],
  [class*="Input"],
  [role="dialog"]
) :is(h1, h2, h3, h4, h5, h6, label, legend, p, span, strong, small, li, dt, dd) {
  color: var(--na-dark-form-text) !important;
}

html.theme-dark body #layout :is(
  form,
  fieldset,
  [class*="form"],
  [class*="Form"],
  [class*="field"],
  [class*="Field"],
  [class*="input"],
  [class*="Input"],
  [role="dialog"]
) :is(.text-gray-400, .text-gray-500, .text-slate-400, .text-slate-500, small, [class*="helper"], [class*="Hint"], [class*="hint"]) {
  color: var(--na-dark-muted) !important;
}

html.theme-dark body #layout :is(input, select, textarea, .amplify-input, .amplify-select, .amplify-textarea) {
  caret-color: var(--na-dark-form-text);
  color: var(--na-dark-form-text) !important;
}

html.theme-dark body #layout :is(input, textarea, .amplify-input, .amplify-textarea)::placeholder {
  color: var(--na-dark-placeholder) !important;
  opacity: 1;
}

html.theme-dark body #layout :is(button, a, [role="button"]) {
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

html.theme-dark body #layout :is(button, a, [role="button"]):hover {
  color:#efefef;
}

html.theme-dark body #layout a:hover {
  color: var(--na-dark-accent) !important;
  text-decoration-color: var(--na-dark-accent) !important;
}

html.theme-dark body #layout .propertylist :is(.slick-prev, .slick-next):hover {
  background: transparent !important;
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  opacity: 1 !important;
}

html.theme-dark body #layout .propertylist :is(.slick-prev, .slick-next) {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html.theme-dark body #layout .propertylist :is(.slick-prev, .slick-next):before {
  color: var(--na-dark-heading-text) !important;
  opacity: 1 !important;
}

html.theme-dark body #layout :is(input, select, textarea):hover {
  border-color: var(--na-dark-accent-strong) !important;
  background-color: var(--na-dark-surface-2) !important;
}

html.theme-dark body #layout :is(button, a, input, select, textarea):focus-visible {
  outline: 2px solid var(--na-dark-accent) !important;
  outline-offset: 2px;
}

html.theme-dark body #layout :is(input, select, textarea):focus-visible {
  border-color: var(--na-dark-accent) !important;
  box-shadow: 0 0 0 3px rgba(143, 194, 255, 0.18) !important;
}

html.theme-dark body #layout :is(input, select, textarea, button):disabled,
html.theme-dark body #layout :is(input, select, textarea)[aria-disabled="true"] {
  background-color: var(--na-dark-input-disabled) !important;
  color: var(--na-dark-muted) !important;
  -webkit-text-fill-color: var(--na-dark-muted);
  border-color: var(--na-dark-border) !important;
}

/* Keep the payment submit CTA prominent in dark mode without affecting other buttons. */
html.theme-dark body #layout .w-full.max-w-2xl form > button[type="submit"] {
  background: linear-gradient(180deg, var(--na-dark-brand-button-start) 0%, var(--na-dark-brand-button-end) 100%) !important;
  color: var(--na-dark-form-text) !important;
  border: 1px solid rgba(122, 167, 255, 0.45) !important;
  box-shadow: 0 14px 28px rgba(4, 10, 24, 0.45) !important;
  opacity: 1 !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.18);
}

html.theme-dark body #layout .w-full.max-w-2xl form > button[type="submit"]:hover:not(:disabled) {
  background: linear-gradient(180deg, var(--na-dark-brand-button-start) 0%, var(--na-dark-brand-button-end) 100%) !important;
  border-color: rgba(145, 190, 255, 0.7) !important;
  box-shadow: 0 18px 34px rgba(4, 10, 24, 0.55) !important;
  transform: translateY(-1px);
}

html.theme-dark body #layout .w-full.max-w-2xl form > button[type="submit"]:disabled {
  background: linear-gradient(180deg, rgba(31, 59, 103, 0.9) 0%, rgba(21, 48, 90, 0.9) 100%) !important;
  border-color: rgba(122, 167, 255, 0.28) !important;
  color: rgba(255, 255, 255, 0.9) !important;
  opacity: 0.95 !important;
  box-shadow: 0 10px 22px rgba(4, 10, 24, 0.32) !important;
}

html.theme-dark body #layout input:-webkit-autofill,
html.theme-dark body #layout textarea:-webkit-autofill,
html.theme-dark body #layout select:-webkit-autofill {
  -webkit-text-fill-color: var(--na-dark-form-text) !important;
  box-shadow: 0 0 0 1000px var(--na-dark-input) inset !important;
  caret-color: var(--na-dark-form-text);
}

html.theme-dark body #layout .primary-color:not(.btn):not(button):not([role="button"]) {
  color: var(--na-dark-link) !important;
}

html.theme-dark body #layout :is(button, a, label, [role="button"], [class*="close"], [class*="Close"]) svg {
  color: var(--na-dark-icon) !important;
}

html.theme-dark body #layout :is(button, a, label, [role="button"], [class*="close"], [class*="Close"]) svg [stroke="black"],
html.theme-dark body #layout :is(button, a, label, [role="button"], [class*="close"], [class*="Close"]) svg [stroke="#000"],
html.theme-dark body #layout :is(button, a, label, [role="button"], [class*="close"], [class*="Close"]) svg [stroke="#000000"] {
  stroke: var(--na-dark-icon) !important;
}

html.theme-dark body #layout :is(button, a, label, [role="button"], [class*="close"], [class*="Close"]) svg [fill="black"],
html.theme-dark body #layout :is(button, a, label, [role="button"], [class*="close"], [class*="Close"]) svg [fill="#000"],
html.theme-dark body #layout :is(button, a, label, [role="button"], [class*="close"], [class*="Close"]) svg [fill="#000000"],
html.theme-dark body #layout svg[fill="var(--primary-color)"] {
  fill: var(--na-dark-icon) !important;
}

html.theme-dark body #layout button[aria-label*="Close"] svg,
html.theme-dark body #layout button[aria-label*="close"] svg,
html.theme-dark body #layout [class*="close"] svg,
html.theme-dark body #layout [class*="Close"] svg {
  color: var(--na-dark-icon) !important;
}

html.theme-dark body button[aria-label*="Close"] svg.text-gray-500,
html.theme-dark body button[aria-label*="close"] svg.text-gray-500,
html.theme-dark body #layout button[aria-label*="Close"] svg.text-gray-500,
html.theme-dark body #layout button[aria-label*="close"] svg.text-gray-500 {
  color: var(--na-dark-icon) !important;
}

html.theme-dark body #closeButton svg,
html.theme-dark body #closeButton svg path {
  color: var(--na-dark-heading-text) !important;
  fill: var(--na-dark-heading-text) !important;
  stroke: var(--na-dark-heading-text) !important;
}

html.theme-dark body #layout svg [stroke="black"],
html.theme-dark body #layout svg [stroke="#000"],
html.theme-dark body #layout svg [stroke="#000000"] {
  stroke: var(--na-dark-icon) !important;
}

html.theme-dark body #layout svg [fill="black"],
html.theme-dark body #layout svg [fill="#000"],
html.theme-dark body #layout svg [fill="#000000"] {
  fill: var(--na-dark-icon) !important;
}

html.theme-dark .text-red-600 {
  color: #dc2626 !important;
}

html.theme-dark .text-red-700 {
  color: #b91c1c !important;
}

html.theme-dark .text-red-800 {
  color: #991b1b !important;
}

html.theme-dark .text-orange-600 {
  color: #ea580c !important;
}

html.theme-dark .text-orange-700 {
  color: #c2410c !important;
}

html.theme-dark .text-orange-800 {
  color: #9a3412 !important;
}

html.theme-dark .text-yellow-600 {
  color: #ca8a04 !important;
}

html.theme-dark .text-yellow-700 {
  color: #a16207 !important;
}

html.theme-dark .text-yellow-800 {
  color: #854d0e !important;
}

html.theme-dark .text-green-600 {
  color: #16a34a !important;
}

html.theme-dark .text-green-700 {
  color: #15803d !important;
}

html.theme-dark .text-green-800 {
  color: #166534 !important;
}

html.theme-dark .text-blue-600 {
  color: #2563eb !important;
}

html.theme-dark .text-blue-700 {
  color: #1d4ed8 !important;
}

html.theme-dark .text-blue-800 {
  color: #1e40af !important;
}

html.theme-dark .text-amber-600 {
  color: #d97706 !important;
}

html.theme-dark .text-amber-700 {
  color: #b45309 !important;
}

html.theme-dark .text-amber-800 {
  color: #92400e !important;
}

html.theme-dark .text-amber-900 {
  color: #78350f !important;
}

html.theme-dark .text-emerald-600 {
  color: #059669 !important;
}

html.theme-dark .text-emerald-700 {
  color: #047857 !important;
}

html.theme-dark .text-emerald-800 {
  color: #065f46 !important;
}