/* Preserve per-job colours independently of neutral workspace button styles. */
body.workspace #app #main #pm-content button.pm-custom-colour{background:var(--job-colour)!important;background-color:var(--job-colour)!important;border-color:var(--job-colour)!important;color:var(--job-ink)!important}
body.workspace #app #main #pm-content button.pm-custom-colour :is(strong,small,span){color:var(--job-ink)!important}
/* Dark controls need explicit readable labels; selected green controls use dark ink. */
body.dark-scheme #app #main button:not([data-nav]):not(.pm-custom-colour):not(.pm-day):not(.pm-card):not(.pm-event):not([data-color]):not([data-colour]):not(.scheme-toggle):not([aria-pressed=true]):not([aria-selected=true]),body.dark-scheme dialog button:not([aria-pressed=true]):not([aria-selected=true]){color:#f2f2f2!important}
body.dark-scheme #app #main button:not(.pm-custom-colour):is([aria-pressed=true],[aria-selected=true]),body.dark-scheme dialog button:is([aria-pressed=true],[aria-selected=true]){color:#102b1b!important}
body.dark-scheme .invoice-template-dialog .studio-design-choice span{color:#f2f2f2!important}
body.dark-scheme .invoice-template-dialog .studio-design-choice[aria-pressed=true] span{color:#102b1b!important}
body.dark-scheme dialog :is(h1,h2,h3,label){color:#f2f2f2!important}
body.dark-scheme dialog :is(p,small){color:#c7c7c7!important}
body.dark-scheme.workspace #portfolio-form .page-editor-controls :is(h2,h3,.page-editor-controls-title,label){color:#f2f2f2!important}
body.dark-scheme.workspace #portfolio-form .page-editor-controls :is(p,small){color:#c7c7c7!important}
/* The public Business Page and its live page preview intentionally remain white. */
body.dark-scheme #profile-view,body.dark-scheme #portfolio-form .page-editor-preview{background:#fff!important;color:#202020!important}
/* Public discovery follows the selected theme; photos and document designs are unchanged. */
body.dark-scheme .page-editor-preview button{color:#202020!important}

body.workspace #app #main #pm-date-strip button[aria-pressed=true] :is(strong,small,span){color:#102b1b!important}
body.dark-scheme #app #main button:is([aria-pressed=true],[aria-selected=true],.active,.selected):not(.pm-custom-colour) :is(span,strong,small),body.dark-scheme #app #main .dashboard-benefit-tick{color:#102b1b!important}
/* Keep the public header separated from page content on Home and Explore. */
body>header.shared-public-header{border-bottom:1px solid #e7e9e8!important}
body>header.shared-public-header .nav-left .rule{display:block!important;width:1px!important;height:24px!important;flex:0 0 1px!important;background:#d9dfdc!important}
/* Public dark mode must theme the hero surface and its text together. */
body>header .nav-right{display:flex!important;align-items:center!important;gap:20px!important;margin-left:auto!important}
body>header #header-scheme-toggle{display:flex!important;align-items:center!important;justify-content:center!important;position:static!important;inset:auto!important;transform:none!important;padding:0!important;margin:0!important;width:50px!important;min-width:50px!important;max-width:50px!important;height:44px!important;min-height:44px!important;background:transparent!important;border:0!important;border-radius:20px!important;flex:0 0 50px!important}
body>header #header-scheme-toggle .scheme-switch{position:relative!important;box-sizing:border-box!important;width:44px!important;height:26px!important;padding:3px!important;flex:0 0 44px!important}
body>header #header-scheme-toggle .scheme-thumb{position:relative!important;display:block!important;width:20px!important;height:20px!important;background:#fff!important;border-radius:50%!important;transform:none!important}
body>header #header-scheme-toggle[aria-checked=true] .scheme-thumb{transform:translateX(18px)!important}
body>header #header-scheme-toggle svg{position:absolute!important;inset:3px!important;width:14px!important;height:14px!important;stroke:#222!important;fill:none!important;stroke-width:2!important}
body>header #header-scheme-toggle .scheme-moon{display:none!important}
body>header #header-scheme-toggle[aria-checked=true] .scheme-moon{display:block!important}
body>header #header-scheme-toggle[aria-checked=true] .scheme-sun{display:none!important}

/* Public pages and the shared header retain the light brand appearance. */
body>header.account-header,body>header.shared-public-header{background:#fff!important;color:#111!important}
body>header:has(.bettermate-lockup) :is(#nav-explore,#nav-how,.account-header-links a,.account-menu-name,.account-menu-toggle){color:#111!important}
body>header .bm-custom-wordmark{filter:none!important;mix-blend-mode:normal!important}
body>header.account-header .nav-right #header-scheme-toggle{flex:0 0 50px!important;width:50px!important;min-width:50px!important;padding:0!important;background:transparent!important}
body>header.account-header .nav-right .account-menu-toggle{color:#111!important}
/* Colour stays tied to each job; a soft highlight gives calendar cards depth. */
body.workspace #app #main #pm-content button.pm-custom-colour{background-image:linear-gradient(135deg,#ffffff45 0%,#ffffff12 48%,#00000009 100%)!important}