.language-theme-controls{display:flex;align-items:center;gap:6px;margin-left:8px;flex:0 0 auto}
.language-theme-controls button{border:1px solid #d7d9ff;background:#fff;color:#687087;border-radius:999px;min-width:38px;height:32px;padding:0 9px;font:600 12px/1 Inter,system-ui;cursor:pointer}
.language-theme-controls button[data-theme-toggle]{font-size:18px;min-width:32px;padding:0}
body[data-theme="dark"],body[data-theme="dark"] main{background:#101426!important;color:#f6f7ff!important}
body[data-theme="dark"] main > section{background-color:#101426!important;color:#f6f7ff!important}
body[data-theme="dark"] .hero-carousel-frame,body[data-theme="dark"] .hero-slide-visual{background:#1b2040!important;border-color:#3a4272!important}
body[data-theme="dark"] .monday-nav,body[data-theme="dark"] .review-promo-bar{background:#171b35!important;color:#eef0ff;border-color:#343a68}
body[data-theme="dark"] .review-promo-message,body[data-theme="dark"] .review-promo-updates{background:transparent!important;color:#f6f7ff!important}
body[data-theme="dark"] .hero,body[data-theme="dark"] .hero-copy,body[data-theme="dark"] .product-scene,body[data-theme="dark"] .hero-service-carousel,body[data-theme="dark"] .hero-trust-card,body[data-theme="dark"] .services,body[data-theme="dark"] .journey,body[data-theme="dark"] .reviews,body[data-theme="dark"] .founder,body[data-theme="dark"] .contact,body[data-theme="dark"] .monday-footer{background:#101426!important;color:#f6f7ff!important}
body[data-theme="dark"] .hero-trust-card,body[data-theme="dark"] .hero-trust-mark,body[data-theme="dark"] .proof-strip,body[data-theme="dark"] .review-summary{border-color:#3a4272!important;background:#1b2040!important}
body[data-theme="dark"] .platform-pill,body[data-theme="dark"] .section-title,body[data-theme="dark"] .section-kicker{color:#cfd4ff!important}
body[data-theme="dark"] .monday-nav a,body[data-theme="dark"] .brand-wordmark{color:#eef0ff!important}
body[data-theme="dark"] h1,body[data-theme="dark"] h2,body[data-theme="dark"] h3,body[data-theme="dark"] h4,body[data-theme="dark"] p,body[data-theme="dark"] span,body[data-theme="dark"] strong,body[data-theme="dark"] small,body[data-theme="dark"] label,body[data-theme="dark"] li,body[data-theme="dark"] a{color:#f6f7ff!important}
body[data-theme="dark"] .section,body[data-theme="dark"] .services-suite-frame,body[data-theme="dark"] .trusted,body[data-theme="dark"] .monday-contact,body[data-theme="dark"] .monday-results-card,body[data-theme="dark"] .monday-calculator-card,body[data-theme="dark"] .service-preview-hero,body[data-theme="dark"] .service-section,body[data-theme="dark"] .feature-card,body[data-theme="dark"] .review-card,body[data-theme="dark"] .who-card{background:#1b2040!important;color:#f6f7ff!important;border-color:#3a4272!important}
body[data-theme="dark"] .calculator-card,body[data-theme="dark"] .results-card,body[data-theme="dark"] .monday-calculator-layout,body[data-theme="dark"] .monday-calculator-form,body[data-theme="dark"] .monday-results-card *{color:#f6f7ff!important}
body[data-theme="dark"] p,body[data-theme="dark"] .service-summary,body[data-theme="dark"] .service-meta{color:#d5d9ef!important}
body[data-theme="dark"] input,body[data-theme="dark"] select,body[data-theme="dark"] textarea{background:#20274a!important;color:#fff!important;border-color:#586394!important}
body[data-theme="dark"] .language-theme-controls button{background:#252b50;color:#f6f7ff;border-color:#5963ad}
@media(max-width:760px){.language-theme-controls{display:none}.monday-nav.menu-open .language-theme-controls{display:flex;position:absolute;right:70px;top:calc(100% + 10px);z-index:20;background:#fff;padding:8px;border-radius:12px;box-shadow:0 8px 24px #1a205022}body[data-theme="dark"] .monday-nav.menu-open .language-theme-controls{background:#1b2040}}

/* Dark mode foundation: keep every panel readable, including the SVG-based
   service artwork and the calculator/review cards.  This block intentionally
   sits last so it wins over the legacy light-theme rules. */
body[data-theme="dark"] {
  --dark-bg:#101426;
  --dark-panel:#1b2040;
  --dark-panel-2:#252b50;
  --dark-border:#465181;
  --dark-text:#f6f7ff;
  --dark-muted:#d5d9ef;
  background:var(--dark-bg)!important;
  color:var(--dark-text)!important;
}

/* Journey year badges and rating accents in dark mode. */
html body[data-theme="dark"] .journey-reference-svg #card-started > rect:nth-of-type(2) {
  fill:#292750!important;
  stroke:#6f66df!important;
}
html body[data-theme="dark"] .journey-reference-svg #card-started > text:first-of-type {
  fill:#aaa4ff!important;
}
html body[data-theme="dark"] .journey-reference-svg #card-registered > rect:nth-of-type(2) {
  fill:#4a391f!important;
  stroke:#b98930!important;
}
html body[data-theme="dark"] .journey-reference-svg #card-registered > text:first-of-type {
  fill:#ffd06e!important;
}
html body[data-theme="dark"] .journey-reference-svg #card-expanded > rect:nth-of-type(2) {
  fill:#173f3b!important;
  stroke:#3a9f8c!important;
}
html body[data-theme="dark"] .journey-reference-svg #card-expanded > text:first-of-type {
  fill:#74e1cb!important;
}
html body[data-theme="dark"] .journey-reference-svg #card-nationwide > rect:nth-of-type(2) {
  fill:#ffffff!important;
}
html body[data-theme="dark"] .journey-reference-svg #card-nationwide > text:first-of-type {
  fill:#4a39f2!important;
}
html body[data-theme="dark"] .journey-reference-svg #card-nationwide > text[fill="#FFD84C"] {
  fill:#ffd84c!important;
}

/* SSM fee reference: clear title and table hierarchy in dark mode. */
html body.modern-lhdn-page[data-theme="dark"][data-service="ssm"] .source-reference#ssm-fees {
  background:transparent!important;
}
html body.modern-lhdn-page[data-theme="dark"][data-service="ssm"] .source-reference#ssm-fees .section-title > span {
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  padding:7px 11px!important;
  border:1px solid #6259b8!important;
  border-radius:999px!important;
  color:#bcb7ff!important;
  -webkit-text-fill-color:#bcb7ff!important;
  background:#25234c!important;
  letter-spacing:.13em!important;
  line-height:1!important;
}
html body.modern-lhdn-page[data-theme="dark"][data-service="ssm"] .source-reference#ssm-fees .section-title h2 {
  color:#f7f8ff!important;
  -webkit-text-fill-color:#f7f8ff!important;
}
html body.modern-lhdn-page[data-theme="dark"][data-service="ssm"] .source-reference#ssm-fees .source-fee-table {
  overflow:hidden!important;
  background:#181d39!important;
  border:1px solid #3e486f!important;
  box-shadow:0 18px 42px rgba(0,0,0,.2)!important;
}
html body.modern-lhdn-page[data-theme="dark"][data-service="ssm"] .source-reference#ssm-fees .source-fee-head {
  background:#252c50!important;
  border-color:#46517d!important;
}
html body.modern-lhdn-page[data-theme="dark"][data-service="ssm"] .source-reference#ssm-fees .source-fee-head strong {
  color:#aeb7d6!important;
  -webkit-text-fill-color:#aeb7d6!important;
}
html body.modern-lhdn-page[data-theme="dark"][data-service="ssm"] .source-reference#ssm-fees .source-fee-row:not(.source-fee-head) {
  background:#1b2140!important;
  border-color:#343e67!important;
}
html body.modern-lhdn-page[data-theme="dark"][data-service="ssm"] .source-reference#ssm-fees .source-fee-row:not(.source-fee-head) > strong {
  color:#f5f6ff!important;
  -webkit-text-fill-color:#f5f6ff!important;
}
html body.modern-lhdn-page[data-theme="dark"][data-service="ssm"] .source-reference#ssm-fees .source-fee-row:not(.source-fee-head) > span {
  color:#c8cee5!important;
  -webkit-text-fill-color:#c8cee5!important;
}
html body.modern-lhdn-page[data-theme="dark"][data-service="ssm"] .source-reference#ssm-fees .source-note {
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  padding:12px 14px!important;
  color:#cbd1e8!important;
  -webkit-text-fill-color:#cbd1e8!important;
  background:#20274a!important;
  border:1px solid #465181!important;
  border-radius:12px!important;
  opacity:1!important;
}
html body.modern-lhdn-page[data-theme="dark"][data-service="ssm"] .source-reference#ssm-fees .source-note a {
  display:inline-flex!important;
  align-items:center!important;
  color:#9fe4ff!important;
  -webkit-text-fill-color:#9fe4ff!important;
  font-weight:700!important;
  text-decoration-line:underline!important;
  text-decoration-color:#9fe4ff!important;
  text-underline-offset:3px!important;
  opacity:1!important;
}

@media (max-width:760px) {
  html body.modern-lhdn-page[data-theme="dark"][data-service="ssm"] .source-reference#ssm-fees .section-title {
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:9px!important;
  }
  html body.modern-lhdn-page[data-theme="dark"][data-service="ssm"] .source-reference#ssm-fees .section-title h2 {
    margin:0!important;
    font-size:clamp(1.38rem,6.2vw,1.65rem)!important;
    line-height:1.16!important;
  }
  html body.modern-lhdn-page[data-theme="dark"][data-service="ssm"] .source-reference#ssm-fees .source-fee-table {
    overflow:visible!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  html body.modern-lhdn-page[data-theme="dark"][data-service="ssm"] .source-reference#ssm-fees .source-fee-row:not(.source-fee-head) {
    padding:17px!important;
    border:1px solid #3f496f!important;
    border-radius:16px!important;
    background:#1b2140!important;
    box-shadow:0 12px 26px rgba(0,0,0,.16)!important;
  }
}
body[data-theme="dark"] main,
body[data-theme="dark"] main > section,
body[data-theme="dark"] .section,
body[data-theme="dark"] .section-title,
body[data-theme="dark"] .calculator,
body[data-theme="dark"] .process,
body[data-theme="dark"] .documents,
body[data-theme="dark"] .founder,
body[data-theme="dark"] .journey,
body[data-theme="dark"] .reviews,
body[data-theme="dark"] .contact,
body[data-theme="dark"] .monday-footer { background:var(--dark-bg)!important;color:var(--dark-text)!important; }

body[data-theme="dark"] .documents .doc-center a {
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:#5b4af1!important;
  border-color:#8178ff!important;
  box-shadow:0 14px 30px rgba(74,57,242,.28)!important;
  opacity:1!important;
}

body[data-theme="dark"] .documents .doc-center a:hover,
body[data-theme="dark"] .documents .doc-center a:focus-visible {
  color:#fff!important;
  background:#6b5cf6!important;
  border-color:#9a94ff!important;
}

body[data-theme="dark"] .calculator .demo-quotation,
body[data-theme="dark"] .calculator .demo-quotation strong {
  color:#182044!important;
  -webkit-text-fill-color:#182044!important;
  opacity:1!important;
}

@media (max-width:760px) {
  body[data-theme="dark"] .calculator .demo-quotation {
    align-items:center!important;
    gap:10px!important;
  }

  body[data-theme="dark"] .calculator .demo-quotation strong {
    display:inline-flex!important;
    align-items:center!important;
    margin:0!important;
    font-size:clamp(.68rem,3.15vw,.82rem)!important;
    font-weight:750!important;
    line-height:1!important;
    letter-spacing:-.015em!important;
    transform:none!important;
  }
}
body[data-theme="dark"] .services-suite-frame,
body[data-theme="dark"] .hero-trust-card,
body[data-theme="dark"] .trusted,
body[data-theme="dark"] .review-card,
body[data-theme="dark"] .review-grid article,
body[data-theme="dark"] .process-step,
body[data-theme="dark"] .guide-step-list article,
body[data-theme="dark"] .founder > div,
body[data-theme="dark"] .document-workspace,
body[data-theme="dark"] .calc-panel,
body[data-theme="dark"] .video-frame,
body[data-theme="dark"] .service-preview-hero,
body[data-theme="dark"] .service-module,
body[data-theme="dark"] .detail-card,
body[data-theme="dark"] .monday-calculator-form,
body[data-theme="dark"] .monday-results-card,
body[data-theme="dark"] .result-box,
body[data-theme="dark"] .field,
body[data-theme="dark"] .package-feature-card,
body[data-theme="dark"] .lhdn-verify-card,
body[data-theme="dark"] .source-reference,
body[data-theme="dark"] .source-reference-grid {
  background:var(--dark-panel)!important;
  color:var(--dark-text)!important;
  border-color:var(--dark-border)!important;
}
body[data-theme="dark"] .review-grid article *,
body[data-theme="dark"] .process-step *,
body[data-theme="dark"] .guide-step-list article *,
body[data-theme="dark"] .founder > div *,
body[data-theme="dark"] .calc-panel *,
body[data-theme="dark"] .service-preview-hero *,
body[data-theme="dark"] .service-module *,
body[data-theme="dark"] .detail-card *,
body[data-theme="dark"] .monday-results-card *,
body[data-theme="dark"] .package-feature-card * { color:var(--dark-text)!important; }
body[data-theme="dark"] .review-grid article p,
body[data-theme="dark"] .process-step p,
body[data-theme="dark"] .guide-step-list article p,
body[data-theme="dark"] .founder > div p,
body[data-theme="dark"] .service-copy p,
body[data-theme="dark"] .service-meta,
body[data-theme="dark"] .source-note,
body[data-theme="dark"] .calculator-disclaimer { color:var(--dark-muted)!important; }

/* Dark surfaces need separation, not repeated bright outlines. */
body[data-theme="dark"] .service-module,
body[data-theme="dark"] .detail-card,
body[data-theme="dark"] .process-step,
body[data-theme="dark"] .guide-step-list article {
  border-color:rgba(137,151,205,.24)!important;
  background:#171d36!important;
  box-shadow:none!important;
}

body[data-theme="dark"] .service-module .detail-card,
body[data-theme="dark"] .service-module .process-step,
body[data-theme="dark"] .detail-card .detail-card {
  border-color:transparent!important;
  background:rgba(255,255,255,.025)!important;
}

/* Carousel labels: the light theme uses black for the active item, which
   disappears on the navy dark background. */
body[data-theme="dark"] .hero-carousel-tabs button {
  color:#aeb5ca!important;
  -webkit-text-fill-color:#aeb5ca!important;
}

body[data-theme="dark"] .hero-carousel-tabs button.is-active {
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}

body[data-theme="dark"] .hero-carousel-tabs button.is-active span {
  background:#20d6b1!important;
}


/* Founder introduction: a softer editorial card in desktop dark mode. */
@media (min-width:761px) {
  html body[data-theme="dark"] .founder > div {
    padding:clamp(26px,3vw,42px)!important;
    border:1px solid #3d476f!important;
    border-radius:24px!important;
    background:linear-gradient(145deg,#191e3a 0%,#151a31 100%)!important;
    box-shadow:0 20px 52px rgba(0,0,0,.2)!important;
  }
  html body[data-theme="dark"] .founder > div > span {
    display:inline-flex!important;
    width:max-content!important;
    padding:7px 11px!important;
    border:1px solid #5d56a8!important;
    border-radius:999px!important;
    color:#aaa4ff!important;
    -webkit-text-fill-color:#aaa4ff!important;
    background:#25234b!important;
    font-size:.72rem!important;
    letter-spacing:.14em!important;
  }
  html body[data-theme="dark"] .founder > div h2 {
    max-width:760px!important;
    margin:18px 0 18px!important;
    font-size:clamp(2rem,3vw,3rem)!important;
    line-height:1.1!important;
    text-wrap:balance;
  }
  html body[data-theme="dark"] .founder > div p {
    max-width:760px!important;
    margin:0!important;
    color:#cbd1e8!important;
    -webkit-text-fill-color:#cbd1e8!important;
    font-size:clamp(1rem,1.25vw,1.12rem)!important;
    line-height:1.7!important;
  }
}

/* Service pages load a legacy promo rule with higher selector specificity.
   Keep the complete mobile/desktop strip navy in dark mode, not only its links. */
html body.modern-lhdn-page[data-theme="dark"] > .monday-review-promo {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
  color: #f6f7ff !important;
  background: #171b35 !important;
  background-image: none !important;
  border-color: #343a68 !important;
  box-shadow: none !important;
}

html body.modern-lhdn-page[data-theme="dark"] > .monday-review-promo .review-promo-message,
html body.modern-lhdn-page[data-theme="dark"] > .monday-review-promo .review-promo-updates,
html body.modern-lhdn-page[data-theme="dark"] > .monday-review-promo .review-promo-message > span {
  color: #f6f7ff !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body.modern-lhdn-page[data-theme="dark"] > .monday-review-promo .review-promo-message strong {
  color: #e4ad4a !important;
  -webkit-text-fill-color: #e4ad4a !important;
}

/* Final Journey surface override: the embedded SVG background must be the
   exact same navy as the surrounding section in dark mode. */
html body[data-theme="dark"] .journey,
html body[data-theme="dark"] .journey-reference-frame,
html body[data-theme="dark"] .journey-reference-svg {
  background:#101426!important;
}

html body[data-theme="dark"] .journey-reference-svg g#background > rect:first-child,
html body[data-theme="dark"] .journey-reference-svg #background > rect[fill="#FCFCFF"]:first-child {
  fill:#101426!important;
  stroke:#101426!important;
}
body[data-theme="dark"] input,
body[data-theme="dark"] select,
body[data-theme="dark"] textarea,
body[data-theme="dark"] .calc-input-shell,
body[data-theme="dark"] .salary-choice { background:var(--dark-panel-2)!important;color:#fff!important;border-color:var(--dark-border)!important; }
body[data-theme="dark"] .hero-carousel-frame,
body[data-theme="dark"] .hero-service-slide,
body[data-theme="dark"] .hero-slide-visual,
body[data-theme="dark"] .video-screen { background:#151a31!important;border-color:var(--dark-border)!important; }
/* Dark-mode brand mark: the light-theme logo is mostly dark ink, so a mild
   brightness boost is not enough on the navy header. Make the mark and
   wordmark intentionally high-contrast while leaving service artwork alone. */
body[data-theme="dark"] .monday-logo img,
body[data-theme="dark"] .brand-logo,
body[data-theme="dark"] .monday-logo .brand-logo { filter:brightness(0) invert(1)!important; }
body[data-theme="dark"] .brand-wordmark { color:#f6f7ff!important; }

/* Inline SVG artwork has hard-coded light-theme fills.  Repaint only the
   neutral surfaces/text so brand accents (purple/green/orange) remain intact. */
body[data-theme="dark"] .services-suite-svg > rect:first-of-type { fill:#151a31!important; }
body[data-theme="dark"] .services-suite-svg #cards > g > rect:first-of-type { fill:var(--dark-panel)!important; stroke:#465181!important; }
body[data-theme="dark"] .services-suite-svg #cards > g > text,
body[data-theme="dark"] .services-suite-svg #cards > g > tspan { fill:#f6f7ff!important; }
body[data-theme="dark"] .services-suite-svg #header-text text,
body[data-theme="dark"] .services-suite-svg #header-text tspan { fill:#f6f7ff!important; }

/* Services Suite dark mode: remove the leftover light gradient and restore
   a clean navy header hierarchy on desktop and mobile. */
html body[data-theme="dark"] .services-suite-section,
html body[data-theme="dark"] .services-suite-frame {
  background:#101426!important;
  border-color:#2f385f!important;
}
html body[data-theme="dark"] .services-suite-svg > rect:first-of-type,
html body[data-theme="dark"] .services-suite-svg > rect:nth-of-type(2) {
  fill:#101426!important;
  opacity:1!important;
}
html body[data-theme="dark"] .services-suite-svg #header-text text:first-child {
  fill:#8178ff!important;
}
html body[data-theme="dark"] .services-suite-svg #header-text text:nth-child(2) {
  fill:#f7f8ff!important;
}
html body[data-theme="dark"] .services-suite-mobile-heading {
  background:#101426!important;
}
html body[data-theme="dark"] .services-suite-mobile-heading span {
  color:#8178ff!important;
  -webkit-text-fill-color:#8178ff!important;
  background:transparent!important;
}
html body[data-theme="dark"] .services-suite-mobile-heading strong {
  color:#f7f8ff!important;
  -webkit-text-fill-color:#f7f8ff!important;
}
body[data-theme="dark"] .journey-reference-svg #background > rect:first-child { fill:#101426!important; }
html body[data-theme="dark"] .journey-reference-svg #background-grid {
  display:none!important;
}
html body[data-theme="dark"] .journey-reference-frame,
html body[data-theme="dark"] .journey-reference-svg {
  background:transparent!important;
  box-shadow:none!important;
}
body[data-theme="dark"] .journey-reference-svg #milestone-cards text { fill:#f6f7ff!important; }
body[data-theme="dark"] .journey-reference-svg #milestone-cards > g > rect:first-child { fill:var(--dark-panel)!important; }
body[data-theme="dark"] .journey-reference-svg #header-text text { fill:#f6f7ff!important; }

body[data-theme="dark"] .trusted strong,
body[data-theme="dark"] .trusted > div,
body[data-theme="dark"] .review-summary,
body[data-theme="dark"] .hero-trust-mark { background:var(--dark-panel-2)!important;color:var(--dark-text)!important;border-color:var(--dark-border)!important; }
body[data-theme="dark"] .monday-nav a,
body[data-theme="dark"] .monday-nav .brand-wordmark,
body[data-theme="dark"] .review-promo-message,
body[data-theme="dark"] .review-promo-updates { color:var(--dark-text)!important; }
body[data-theme="dark"] .platform-pill,
body[data-theme="dark"] .hero-kicker,
body[data-theme="dark"] .section-kicker { color:#f6f7ff!important; }
body[data-theme="dark"] .platform-pill,
body[data-theme="dark"] .hero-kicker {
  background:#252b50!important;
  border-color:#5963ad!important;
  text-shadow:none!important;
}
body[data-theme="dark"] .monday-nav,
body[data-theme="dark"] .review-promo-bar { background:#171b35!important;border-color:#343a68!important; }
body[data-theme="dark"] .logo-cloud,
body[data-theme="dark"] .logo-track { background:#101426!important;color:#f6f7ff!important;border-color:#343a68!important; }
body[data-theme="dark"] .monday-logo .brand-wordmark {
  background:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  -webkit-text-fill-color:#f6f7ff!important;
  color:#f6f7ff!important;
  text-shadow:0 1px 8px rgba(0,0,0,.35)!important;
}
body[data-theme="dark"] .monday-logo img,
body[data-theme="dark"] .brand-logo {
  filter:brightness(0) invert(1) drop-shadow(0 1px 3px rgba(0,0,0,.5))!important;
}

/* Dark-mode contrast pass: neutral cards, tabs and verification/process panels
   must never inherit the light-theme white background with pale text. */
body[data-theme="dark"] .service-tabs { background:#101426!important; }
body[data-theme="dark"] .service-tabs a {
  background:var(--dark-panel-2)!important;
  color:var(--dark-text)!important;
  border-color:var(--dark-border)!important;
}
body[data-theme="dark"] .service-tabs a.active,
body[data-theme="dark"] .service-tabs a[aria-current="page"] {
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:#5b4af1!important;
  border-color:#8b83ff!important;
  box-shadow:0 10px 24px rgba(74,57,242,.28)!important;
}
body[data-theme="dark"] article.service-motion-reveal {
  background:var(--dark-panel)!important;
  color:var(--dark-text)!important;
  border-color:var(--dark-border)!important;
}
body[data-theme="dark"] article.service-motion-reveal * { color:var(--dark-text)!important; }
body[data-theme="dark"] article.service-motion-reveal p,
body[data-theme="dark"] article.service-motion-reveal small { color:var(--dark-muted)!important; }
body[data-theme="dark"] .lhdn-verify-card a {
  background:#252b50!important;
  color:#dbe2ff!important;
  border-color:#5963ad!important;
}
body[data-theme="dark"] .monday-calculator-card,
body[data-theme="dark"] .monday-results-card {
  background:var(--dark-panel)!important;
  color:var(--dark-text)!important;
  border-color:var(--dark-border)!important;
}
body[data-theme="dark"] .monday-calculator-card *,
body[data-theme="dark"] .monday-results-card * { color:var(--dark-text)!important; }
body[data-theme="dark"] .monday-calculator-card input,
body[data-theme="dark"] .monday-calculator-card select {
  background:var(--dark-panel-2)!important;
  color:var(--dark-text)!important;
  border-color:var(--dark-border)!important;
}

/* Neutral cards and utility panels that are not covered by a page-specific
   selector above. Keep the branded accent cards untouched. */
body[data-theme="dark"] .service-card,
body[data-theme="dark"] .card-link,
body[data-theme="dark"] .panel-card,
body[data-theme="dark"] .contact-card,
body[data-theme="dark"] .contact-review-card,
body[data-theme="dark"] .utility-detail-card,
body[data-theme="dark"] .guideline-card,
body[data-theme="dark"] .faq-card,
body[data-theme="dark"] .timeline-card,
body[data-theme="dark"] .static-card,
body[data-theme="dark"] .hero-panel,
body[data-theme="dark"] .service-panel,
body[data-theme="dark"] .service-detail-row,
body[data-theme="dark"] .service-intro {
  background:var(--dark-panel)!important;
  color:var(--dark-text)!important;
  border-color:var(--dark-border)!important;
}
body[data-theme="dark"] .service-card *,
body[data-theme="dark"] .card-link *,
body[data-theme="dark"] .panel-card *,
body[data-theme="dark"] .contact-card *,
body[data-theme="dark"] .contact-review-card *,
body[data-theme="dark"] .utility-detail-card *,
body[data-theme="dark"] .guideline-card *,
body[data-theme="dark"] .faq-card *,
body[data-theme="dark"] .timeline-card *,
body[data-theme="dark"] .static-card *,
body[data-theme="dark"] .hero-panel *,
body[data-theme="dark"] .service-panel *,
body[data-theme="dark"] .service-detail-row *,
body[data-theme="dark"] .service-intro * { color:var(--dark-text)!important; }
body[data-theme="dark"] .detail-card,
body[data-theme="dark"] .lhdn-stamping-info,
body[data-theme="dark"] .module-grid,
body[data-theme="dark"] .process-card,
body[data-theme="dark"] .package-feature-card,
body[data-theme="dark"] .service-module,
body[data-theme="dark"] .source-reference,
body[data-theme="dark"] .source-fee-table,
body[data-theme="dark"] .source-fee-row,
body[data-theme="dark"] .lhdn-penalty-copy,
body[data-theme="dark"] .penalty-lead,
body[data-theme="dark"] .process-card-copy {
  background:var(--dark-panel)!important;
  color:var(--dark-text)!important;
  border-color:var(--dark-border)!important;
}
body[data-theme="dark"] .detail-card *,
body[data-theme="dark"] .lhdn-stamping-info *,
body[data-theme="dark"] .module-grid *,
body[data-theme="dark"] .process-card *,
body[data-theme="dark"] .package-feature-card *,
body[data-theme="dark"] .service-module *,
body[data-theme="dark"] .source-reference *,
body[data-theme="dark"] .source-fee-table *,
body[data-theme="dark"] .lhdn-penalty-copy *,
body[data-theme="dark"] .penalty-lead *,
body[data-theme="dark"] .process-card-copy * { color:var(--dark-text)!important; }
body[data-theme="dark"] .detail-card p,
body[data-theme="dark"] .process-card p,
body[data-theme="dark"] .package-feature-note,
body[data-theme="dark"] .source-note { color:var(--dark-muted)!important; }
body[data-theme="dark"] .services-suite-svg rect[fill="#FFFFFF"],
body[data-theme="dark"] .services-suite-svg rect[fill="#FCFCFF"],
body[data-theme="dark"] .journey-reference-svg rect[fill="#FFFFFF"] { fill:var(--dark-panel)!important; }
body[data-theme="dark"] .services-suite-svg text[fill="#11152D"],
body[data-theme="dark"] .services-suite-svg text[fill="#182044"],
body[data-theme="dark"] .services-suite-svg tspan[fill="#11152D"],
body[data-theme="dark"] .services-suite-svg tspan[fill="#182044"],
body[data-theme="dark"] .journey-reference-svg text[fill="#11152D"] { fill:var(--dark-text)!important; }

/* SVG labels and review copy often carry inline light-theme colors/opacity.
   Keep neutral labels readable in dark mode without changing colored accents. */
body[data-theme="dark"] .services-suite-svg text[fill="#687087"],
body[data-theme="dark"] .services-suite-svg text[fill="#5F6A86"],
body[data-theme="dark"] .services-suite-svg tspan[fill="#687087"],
body[data-theme="dark"] .services-suite-svg tspan[fill="#5F6A86"],
body[data-theme="dark"] .journey-reference-svg text[fill="#687087"],
body[data-theme="dark"] .journey-reference-svg tspan[fill="#687087"] { fill:#f6f7ff!important; }
body[data-theme="dark"] .services-suite-svg text,
body[data-theme="dark"] .services-suite-svg tspan,
body[data-theme="dark"] .journey-reference-svg text,
body[data-theme="dark"] .journey-reference-svg tspan { opacity:1!important; }
body[data-theme="dark"] .review-card p,
body[data-theme="dark"] .review-card strong,
body[data-theme="dark"] .review-card small { color:#f6f7ff!important; opacity:1!important; }

/* Keep the Google trust mark recognisably colorful in dark mode. */
body[data-theme="dark"] .hero-trust-mark {
  color:#fff!important;
  background:
    radial-gradient(circle at 70% 24%, #34a853 0 22%, transparent 23%),
    conic-gradient(from 215deg, #fbbc05 0 26%, #ea4335 26% 52%, #4285f4 52% 76%, #34a853 76% 100%) !important;
  border-color:rgba(255,255,255,.18)!important;
  box-shadow:0 10px 24px rgba(66,133,244,.24)!important;
}

/* LHDN page: dark surfaces need explicit child backgrounds because several
   calculator components carry their own light-theme fills. */
html body.modern-lhdn-page[data-theme="dark"][data-service="lhdn"] .lhdn-calculator-preview {
  background:var(--dark-bg)!important;
}
html body.modern-lhdn-page[data-theme="dark"][data-service="lhdn"] .monday-calculator-layout {
  background:transparent!important;
  border-color:#3a4272!important;
  box-shadow:none!important;
}
html body.modern-lhdn-page[data-theme="dark"][data-service="lhdn"] .monday-calculator-form,
html body.modern-lhdn-page[data-theme="dark"][data-service="lhdn"] .monday-results-card {
  background:#171d38!important;
  border-color:#465181!important;
  box-shadow:none!important;
}
html body.modern-lhdn-page[data-theme="dark"][data-service="lhdn"] .lhdn-stamping-info article {
  background:#20274a!important;
  border-color:#465181!important;
  box-shadow:none!important;
}
html body.modern-lhdn-page[data-theme="dark"][data-service="lhdn"] .lhdn-stamping-info span {
  color:#aaa4ff!important;
}
html body.modern-lhdn-page[data-theme="dark"][data-service="lhdn"] .lhdn-stamping-info strong {
  color:#fff!important;
}
html body.modern-lhdn-page[data-theme="dark"][data-service="lhdn"] .lhdn-stamping-info small {
  color:#cbd1e8!important;
}

html body.modern-lhdn-page[data-theme="dark"][data-service="lhdn"] .monday-calculator-head,
html body.modern-lhdn-page[data-theme="dark"][data-service="lhdn"] .monday-results-head {
  background:#171d38!important;
  border-color:#465181!important;
}
html body.modern-lhdn-page[data-theme="dark"][data-service="lhdn"] .monday-calculator-head h3,
html body.modern-lhdn-page[data-theme="dark"][data-service="lhdn"] .monday-results-head strong {
  color:#fff!important;
}
html body.modern-lhdn-page[data-theme="dark"][data-service="lhdn"] .monday-calculator-head p,
html body.modern-lhdn-page[data-theme="dark"][data-service="lhdn"] .monday-results-head span {
  color:#cbd1e8!important;
}
html body.modern-lhdn-page[data-theme="dark"][data-service="lhdn"] .monday-calculator-icon {
  background:#315fdb!important;
  border-color:#6285ed!important;
}
html body.modern-lhdn-page[data-theme="dark"][data-service="lhdn"] .monday-calculator-icon::before {
  opacity:1!important;
  filter:none!important;
}
html body.modern-lhdn-page[data-theme="dark"][data-service="lhdn"] .monday-calculator-form .calc-input-icon {
  background:#26345f!important;
  color:#8fb1ff!important;
  border:1px solid #52679f!important;
  opacity:1!important;
}
html body.modern-lhdn-page[data-theme="dark"][data-service="lhdn"] .monday-calculator-form .calc-input-icon::before {
  background:#8fb1ff!important;
  opacity:1!important;
}
html body.modern-lhdn-page[data-theme="dark"][data-service="lhdn"] .monday-pdf-button {
  background:#252d52!important;
  color:#fff!important;
  border-color:#59649a!important;
}
html body.modern-lhdn-page[data-theme="dark"][data-service="lhdn"] .monday-result-context {
  background:#20294d!important;
  border-color:#6285ed!important;
}
html body.modern-lhdn-page[data-theme="dark"][data-service="lhdn"] .monday-result-context p {
  color:#f6f7ff!important;
}
html body.modern-lhdn-page[data-theme="dark"][data-service="lhdn"] .monday-results-card .quote-row-icon.quote-image-icon,
html body.modern-lhdn-page[data-theme="dark"][data-service="lhdn"] .monday-results-card .quote-row-icon.quote-image-icon.quote-service-icon {
  color:#9ab7ff!important;
  opacity:1!important;
}
html body.modern-lhdn-page[data-theme="dark"][data-service="lhdn"] .calculator-disclaimer {
  color:#cbd1e8!important;
  background:#252238!important;
  border-left-color:#f0a84a!important;
  border-top:1px solid #514565!important;
  border-right:1px solid #514565!important;
  border-bottom:1px solid #514565!important;
  opacity:1!important;
}
html body.modern-lhdn-page[data-theme="dark"][data-service="lhdn"] .calculator-disclaimer strong {
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html body.modern-lhdn-page[data-theme="dark"][data-service="lhdn"] #rate-guide .source-note {
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
  margin:18px 0 0!important;
  padding:13px 16px!important;
  color:#f6d889!important;
  -webkit-text-fill-color:#f6d889!important;
  background:#25243a!important;
  border:1px solid #544f68!important;
  border-left:4px solid #e7b94f!important;
  border-radius:12px!important;
  box-shadow:none!important;
  font-weight:620!important;
  line-height:1.5!important;
  opacity:1!important;
}

@media (max-width:760px) {
  html body.modern-lhdn-page[data-theme="dark"][data-service="lhdn"] #rate-guide .source-note {
    width:100%!important;
    margin:16px 0 0!important;
    padding:12px 13px!important;
    font-size:.86rem!important;
  }
}

/* LHDN rate guide: let the heading breathe on the section background instead
   of rendering as a full-width near-black banner. */
html body.modern-lhdn-page[data-theme="dark"][data-service="lhdn"] #rate-guide > .section-title {
  width:min(900px,calc(100% - 32px))!important;
  margin:0 auto clamp(24px,3vw,36px)!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  text-align:center!important;
}

html body.modern-lhdn-page[data-theme="dark"][data-service="lhdn"] #rate-guide > .section-title > span {
  color:#aaa4ff!important;
  -webkit-text-fill-color:#aaa4ff!important;
  font-size:.76rem!important;
  letter-spacing:.18em!important;
}

html body.modern-lhdn-page[data-theme="dark"][data-service="lhdn"] #rate-guide > .section-title h2 {
  margin-top:10px!important;
  color:#f7f8ff!important;
  -webkit-text-fill-color:#f7f8ff!important;
  font-size:clamp(2rem,3.4vw,3.25rem)!important;
  line-height:1.08!important;
}

@media (max-width:760px) {
  html body.modern-lhdn-page[data-theme="dark"][data-service="lhdn"] #rate-guide > .section-title {
    width:100%!important;
    margin-bottom:22px!important;
  }

  html body.modern-lhdn-page[data-theme="dark"][data-service="lhdn"] #rate-guide > .section-title h2 {
    font-size:clamp(1.7rem,8vw,2.15rem)!important;
  }
}
html body.modern-lhdn-page[data-theme="dark"][data-service="lhdn"] .lhdn-verify-card > strong {
  color:#dfe7ff!important;
  -webkit-text-fill-color:#dfe7ff!important;
  background:#252d52!important;
  border-color:#6977bd!important;
  box-shadow:none!important;
  opacity:1!important;
}
html body.modern-lhdn-page[data-theme="dark"][data-service="lhdn"] .lhdn-verify-card p,
html body.modern-lhdn-page[data-theme="dark"][data-service="lhdn"] .lhdn-verify-card li {
  color:#cbd1e8!important;
}
html body.modern-lhdn-page[data-theme="dark"][data-service="lhdn"] .lhdn-verify-card a {
  color:#8ddcff!important;
}

/* Service-specific dark-mode notes and badges. */
html body.modern-lhdn-page[data-theme="dark"][data-service="tenancy"] .service-detail {
  background:#101426!important;
  background-image:none!important;
}
html body.modern-lhdn-page[data-theme="dark"][data-service="tenancy"] .service-detail > .section-title {
  background:transparent!important;
}
html body.modern-lhdn-page[data-theme="dark"][data-service="tenancy"] .detail-card {
  background:#141a33!important;
  border:1px solid #3e486f!important;
  box-shadow:none!important;
}
html body.modern-lhdn-page[data-theme="dark"][data-service="tenancy"] .detail-card > p {
  color:#cbd1e8!important;
  -webkit-text-fill-color:#cbd1e8!important;
}
html body.modern-lhdn-page[data-theme="dark"][data-service="tenancy"] .module-grid {
  background:transparent!important;
}
html body.modern-lhdn-page[data-theme="dark"][data-service="tenancy"] .module-grid .service-module {
  background:#171d38!important;
  border-color:#3e486f!important;
  box-shadow:none!important;
}
html body.modern-lhdn-page[data-theme="dark"][data-service="tenancy"] .detail-card ul.package-feature-list {
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
}
html body.modern-lhdn-page[data-theme="dark"][data-service="tenancy"] .package-feature-card {
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  padding:20px!important;
  background:#171d38!important;
  border:1px solid #465181!important;
  border-radius:18px!important;
  box-shadow:none!important;
}
html body.modern-lhdn-page[data-theme="dark"][data-service="tenancy"] .package-feature-card::before {
  display:none!important;
}
html body.modern-lhdn-page[data-theme="dark"][data-service="tenancy"] .package-feature-card > strong {
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin-bottom:15px!important;
  color:#f7f8ff!important;
  -webkit-text-fill-color:#f7f8ff!important;
  font-size:1.04rem!important;
  line-height:1.3!important;
}
html body.modern-lhdn-page[data-theme="dark"][data-service="tenancy"] .package-feature-card > strong em {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  padding:6px 10px!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:#5b4af1!important;
  border:1px solid #8178ff!important;
  border-radius:999px!important;
  font-size:.68rem!important;
  font-style:normal!important;
  font-weight:800!important;
  line-height:1!important;
}
html body.modern-lhdn-page[data-theme="dark"][data-service="tenancy"] .package-feature-card > span {
  position:relative!important;
  display:block!important;
  padding-left:17px!important;
  color:#cbd1e8!important;
  -webkit-text-fill-color:#cbd1e8!important;
  font-size:.91rem!important;
  line-height:1.55!important;
}
html body.modern-lhdn-page[data-theme="dark"][data-service="tenancy"] .package-feature-card > span + span {
  margin-top:9px!important;
}
html body.modern-lhdn-page[data-theme="dark"][data-service="tenancy"] .package-feature-card > span::before {
  content:""!important;
  position:absolute!important;
  top:.62em!important;
  left:0!important;
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  background:#21d08a!important;
}
html body.modern-lhdn-page[data-theme="dark"][data-service="tenancy"] .package-feature-note {
  color:#cbd1e8!important;
  background:#20274a!important;
  border-color:#465181!important;
  opacity:1!important;
}

@media (max-width:760px) {
  html body.modern-lhdn-page[data-theme="dark"][data-service="tenancy"] .detail-card ul.package-feature-list {
    grid-template-columns:1fr!important;
  }
  html body.modern-lhdn-page[data-theme="dark"][data-service="tenancy"] .package-feature-card {
    padding:17px!important;
  }
  html body.modern-lhdn-page[data-theme="dark"][data-service="tenancy"] .package-feature-card > strong {
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:end!important;
    justify-content:stretch!important;
    column-gap:9px!important;
  }
  html body.modern-lhdn-page[data-theme="dark"][data-service="tenancy"] .package-feature-card .package-title {
    min-width:0!important;
  }
  html body.modern-lhdn-page[data-theme="dark"][data-service="tenancy"] .package-feature-card > strong em {
    align-self:end!important;
    margin-bottom:2px!important;
    white-space:nowrap!important;
  }
}

html body.modern-lhdn-page[data-theme="dark"][data-service="ssm"] .source-note {
  color:#cbd1e8!important;
  opacity:1!important;
}
html body.modern-lhdn-page[data-theme="dark"][data-service="ssm"] .source-note a {
  color:#8ddcff!important;
  text-decoration-color:#8ddcff!important;
}

html body.modern-lhdn-page[data-theme="dark"][data-service="licence"] .package-feature-card em {
  color:#fff!important;
  background:#5f55e8!important;
  border-color:#8e88ff!important;
  opacity:1!important;
}

/* Admin sample captions need their own dark surface below the light documents. */
html body.modern-lhdn-page[data-theme="dark"][data-service="admin"] .sample-strip .sample-preview-button {
  overflow:hidden!important;
  background:#1b2040!important;
  border-color:#465181!important;
}
html body.modern-lhdn-page[data-theme="dark"][data-service="admin"] .sample-strip .sample-preview-button > span {
  color:#f6f7ff!important;
  -webkit-text-fill-color:#f6f7ff!important;
  background:#252b50!important;
  border-top:1px solid #465181!important;
  opacity:1!important;
}

/* Tax sample captions: keep every document title readable in dark mode. */
html body.modern-lhdn-page[data-theme="dark"][data-service="tax"] .sample-strip .sample-preview-button {
  overflow:hidden!important;
  background:#1b2040!important;
  border:1px solid #465181!important;
}
html body.modern-lhdn-page[data-theme="dark"][data-service="tax"] .sample-strip .sample-preview-button > span {
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#f6f7ff!important;
  -webkit-text-fill-color:#f6f7ff!important;
  background:#252b50!important;
  border-top:1px solid #465181!important;
  font-weight:700!important;
  text-align:center!important;
  opacity:1!important;
}

/* Licence sample captions must stay readable on both desktop and mobile. */
html body.modern-lhdn-page[data-theme="dark"][data-service="licence"] .sample-strip .sample-preview-button {
  overflow:hidden!important;
  background:#1b2040!important;
  border:1px solid #465181!important;
}
html body.modern-lhdn-page[data-theme="dark"][data-service="licence"] .sample-strip .sample-preview-button > span {
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#f6f7ff!important;
  -webkit-text-fill-color:#f6f7ff!important;
  background:#252b50!important;
  border-top:1px solid #465181!important;
  font-weight:700!important;
  text-align:center!important;
  opacity:1!important;
}

@media (min-width:761px) {
  html body.modern-lhdn-page[data-theme="dark"][data-service="ssm"] .source-reference#ssm-fees .source-note {
    padding:12px 14px!important;
    color:#cbd1e8!important;
    background:#20274a!important;
    border:1px solid #465181!important;
    border-radius:10px!important;
    opacity:1!important;
  }
  html body.modern-lhdn-page[data-theme="dark"][data-service="ssm"] .source-reference#ssm-fees .source-note a {
    color:#8ddcff!important;
    -webkit-text-fill-color:#8ddcff!important;
    text-decoration-color:#8ddcff!important;
  }
}