/* Studio Hub: content canvas + constrained main column on every Focus shell page (not only dashboard home). */
body.yooadmin-theme-yooadmin-studio-hub:not(.woocommerce_page_wc-settings):not(.block-editor-page):not(.site-editor-php)
  #wpbody-content {
  background: var(--ysh-surface, #f6f7f8);
  box-sizing: border-box;
}

/* Skip block / site editor — different layout roots, no standard .wrap column. */
/*
 * yp-admin-core (Focus) forces: #wpbody-content > .wrap { background:#fff !important; max-width:none !important; … }
 * Re-assert Studio Hub column + card: light uses Focus shell; dark applies to any wp-admin shell (with or without Focus).
 */
html[data-yooadmin-studio-color-mode-effective="light"]
  body.yoo-focus.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(.site-editor-php):not(
    .woocommerce_page_wc-admin
  ):not(.woocommerce_page_wc-settings):not(.woocommerce_page_wc-orders):not(.woocommerce_page_wc-reports):not(.toplevel_page_wc-reports):not(.post-type-shop_coupon):not(.post-type-product:is(.post-php, .post-new-php))
  #wpbody-content
  > .wrap {
  max-width: var(--ysh-layout-max, 1400px) !important;
  width: 100% !important;
  margin: 20px auto 40px !important;
  box-sizing: border-box !important;
  padding: 25px 16px 80px !important;
  background: #fff !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  ):not(.woocommerce_page_wc-admin):not(.woocommerce_page_wc-settings):not(.woocommerce_page_wc-orders):not(.woocommerce_page_wc-reports):not(.toplevel_page_wc-reports)
  #wpbody-content
  > .wrap,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  ):not(.woocommerce_page_wc-admin):not(.woocommerce_page_wc-settings):not(.woocommerce_page_wc-orders):not(.woocommerce_page_wc-reports):not(.toplevel_page_wc-reports):not(.post-type-shop_coupon):not(.post-type-product:is(.post-php, .post-new-php))
  #wpbody-content
  > .wrap {
  max-width: var(--ysh-layout-max, 1400px) !important;
  width: 100% !important;
  margin: 20px auto 40px !important;
  box-sizing: border-box !important;
  padding: 25px 16px 80px !important;
  background: var(--ysh-card, #1a1d23) !important;
  border: none !important;
  color: var(--ysh-text, #cfd6e0) !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.28) !important;
}

/*
 * themes.php / theme-install.php — Studio Hub column (same cap as dashboard shell).
 * overflow:visible keeps core .theme-browser float grid intact inside the card.
 */
html[data-yooadmin-studio-color-mode-effective="light"]
  body.yoo-focus.wp-admin.yooadmin-theme-yooadmin-studio-hub:is(.themes-php, .theme-install-php)
  #wpbody-content
  > .wrap {
  max-width: var(--ysh-layout-max, 1400px) !important;
  width: 100% !important;
  margin: 20px auto 40px !important;
  box-sizing: border-box !important;
  padding: 25px 16px 80px !important;
  background: #fff !important;
  border: none !important;
  overflow: visible !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:is(.themes-php, .theme-install-php)
  #wpbody-content
  > .wrap,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:is(.themes-php, .theme-install-php)
  #wpbody-content
  > .wrap {
  max-width: var(--ysh-layout-max, 1400px) !important;
  width: 100% !important;
  margin: 20px auto 40px !important;
  box-sizing: border-box !important;
  padding: 25px 16px 80px !important;
  background: var(--ysh-card, #1a1d23) !important;
  border: none !important;
  color: var(--ysh-text, #cfd6e0) !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.28) !important;
  overflow: visible !important;
}

/* Dashboard home: inner grid provides surfaces — keep outer .wrap transparent (with or without Focus). */
html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.toplevel_page_yooadmin-dashboard
  #wpbody-content
  > .wrap,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.toplevel_page_yooadmin-dashboard
  #wpbody-content
  > .wrap,
html[data-yooadmin-studio-color-mode-effective="light"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.toplevel_page_yooadmin-dashboard
  #wpbody-content
  > .wrap,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="light"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.toplevel_page_yooadmin-dashboard
  #wpbody-content
  > .wrap {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

@media (max-width: 600px) {
  html[data-ysh-layout-width='full'],
  html[data-ysh-layout-width='full'] body.yooadmin-theme-yooadmin-studio-hub {
    --ysh-layout-max: calc(100% - 12px) !important;
  }

  html[data-yooadmin-studio-color-mode-effective="dark"]
    body.wp-admin.yooadmin-theme-yooadmin-studio-hub.toplevel_page_yooadmin-dashboard
    #wpbody-content
    > .wrap,
  html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
    body.wp-admin.yooadmin-theme-yooadmin-studio-hub.toplevel_page_yooadmin-dashboard
    #wpbody-content
    > .wrap,
  html[data-yooadmin-studio-color-mode-effective="light"]
    body.wp-admin.yooadmin-theme-yooadmin-studio-hub.toplevel_page_yooadmin-dashboard
    #wpbody-content
    > .wrap,
  html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="light"]
    body.wp-admin.yooadmin-theme-yooadmin-studio-hub.toplevel_page_yooadmin-dashboard
    #wpbody-content
    > .wrap {
    width: min(100%, calc(100% - 20px)) !important;
    margin-inline: auto !important;
  }

  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.toplevel_page_yooadmin-dashboard
    #wpbody-content
    > .yp-studio-hub {
    width: min(100%, calc(100% - 20px)) !important;
    max-width: min(var(--ysh-layout-max, 1400px), calc(100% - 20px)) !important;
    margin-inline: auto !important;
    box-sizing: border-box;
  }
}

/* Posts / Pages list — inner hero + content sections are the card surfaces (not the outer .wrap). */
html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap:is(.yooadmin-posts-page, .yooadmin-pages-page),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap:is(.yooadmin-posts-page, .yooadmin-pages-page, .yooadmin-plugins-page, .yooadmin-plugin-install-page) {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: var(--ysh-text, #cfd6e0) !important;
}

/* Posts / Pages — inner template owns horizontal padding; avoid shrinking card grid (4 cols). */
html[data-yooadmin-studio-color-mode-effective="light"]
  body.yoo-focus.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap:is(.yooadmin-posts-page, .yooadmin-pages-page),
html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap:is(.yooadmin-posts-page, .yooadmin-pages-page),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap:is(.yooadmin-posts-page, .yooadmin-pages-page) {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Posts / Pages — use YOOAdmin inner padding only (shell 16px sides was forcing 3-column card grid). */
html[data-yooadmin-studio-color-mode-effective='light']
  body.yoo-focus.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap:is(.yooadmin-posts-page, .yooadmin-pages-page),
html[data-yooadmin-studio-color-mode-effective='dark']
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap:is(.yooadmin-posts-page, .yooadmin-pages-page),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark']
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap:is(.yooadmin-posts-page, .yooadmin-pages-page) {
  padding: 24px 24px 40px !important;
}

/*
 * Third-party plugin React hosts inside `.wrap` (GutenKit, WPMET, etc.) — full bleed like native plugin CSS.
 * No Studio Hub card shell (max-width / white slab / shadow). Inner plugin UI keeps its own panels.
 */
html[data-yooadmin-studio-color-mode-effective="light"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > .wrap:has(> [class*='-admin-dashboard'], > [class*='-onboard-dashboard'], > .wpmet-onboard-dashboard),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="light"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > .wrap:has(> [class*='-admin-dashboard'], > [class*='-onboard-dashboard'], > .wpmet-onboard-dashboard),
html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > .wrap:has(> [class*='-admin-dashboard'], > [class*='-onboard-dashboard'], > .wpmet-onboard-dashboard),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > .wrap:has(> [class*='-admin-dashboard'], > [class*='-onboard-dashboard'], > .wpmet-onboard-dashboard) {
  position: relative !important;
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: calc(100vh - 32px) !important;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  overflow: visible !important;
}

/* React plugin hosts (GutenKit, etc.) — paint the whole canvas one surface (no white side gutters). */
html[data-yooadmin-studio-color-mode-effective='dark']
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content:has(> .wrap > [class*='-admin-dashboard'], > .wrap > [class*='-onboard-dashboard'], > .wrap > .wpmet-onboard-dashboard),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark']
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content:has(> .wrap > [class*='-admin-dashboard'], > .wrap > [class*='-onboard-dashboard'], > .wrap > .wpmet-onboard-dashboard) {
  background: var(--ysh-surface, #12151a) !important;
  background-color: var(--ysh-surface, #12151a) !important;
  padding-bottom: 0 !important;
}

html[data-yooadmin-studio-color-mode-effective='light']
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content:has(> .wrap > [class*='-admin-dashboard'], > .wrap > [class*='-onboard-dashboard'], > .wrap > .wpmet-onboard-dashboard),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='light']
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content:has(> .wrap > [class*='-admin-dashboard'], > .wrap > [class*='-onboard-dashboard'], > .wrap > .wpmet-onboard-dashboard) {
  background: #edeff4 !important;
  background-color: #edeff4 !important;
  padding-bottom: 0 !important;
}

/* Focus shell adds 12px wrap margins — zero for full-bleed plugin hosts. */
body.yoo-focus.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > .wrap:has(> [class*='-admin-dashboard'], > [class*='-onboard-dashboard'], > .wpmet-onboard-dashboard) {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  max-width: none !important;
}

body.yoo-focus.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content:has(> .wrap > [class*='-admin-dashboard'], > .wrap > [class*='-onboard-dashboard'], > .wrap > .wpmet-onboard-dashboard) {
  padding-bottom: 0 !important;
}

body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > .wrap:has(> [class*='-admin-dashboard'], > [class*='-onboard-dashboard'], > .wpmet-onboard-dashboard),
body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > .wrap:has(> [class*='-admin-dashboard'], > [class*='-onboard-dashboard'], > .wpmet-onboard-dashboard):last-child {
  margin-bottom: 0 !important;
}

/* Cancel vendor negative-margin breakout (GutenKit: margin-left:-20px; width:calc(100%+20px)). */
body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > .wrap
  > :is([class*='-admin-dashboard'], [class*='-onboard-dashboard'], .wpmet-onboard-dashboard) {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/*
 * React plugin hosts (*-admin-dashboard) — one canvas (#wpbody-content), no nested slab.
 * Beats vendor #edeff4 / absolute breakout (GutenKit, WPMET, etc.). Dark copy via tokens only.
 */
html[data-yooadmin-studio-color-mode-effective='dark']
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(.site-editor-php)
  #wpwrap:has(#wpbody-content > .wrap > [class*='-admin-dashboard'], #wpbody-content > .wrap > [class*='-onboard-dashboard'], #wpbody-content > .wrap > .wpmet-onboard-dashboard),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark']
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(.site-editor-php)
  #wpwrap:has(#wpbody-content > .wrap > [class*='-admin-dashboard'], #wpbody-content > .wrap > [class*='-onboard-dashboard'], #wpbody-content > .wrap > .wpmet-onboard-dashboard) {
  background: var(--ysh-surface, #12151a) !important;
  background-color: var(--ysh-surface, #12151a) !important;
}

html[data-yooadmin-studio-color-mode-effective='dark']
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(.site-editor-php)
  #wpbody-content
  > .wrap
  > :is([class*='-admin-dashboard'], [class*='-onboard-dashboard'], .wpmet-onboard-dashboard),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark']
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(.site-editor-php)
  #wpbody-content
  > .wrap
  > :is([class*='-admin-dashboard'], [class*='-onboard-dashboard'], .wpmet-onboard-dashboard) {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  color-scheme: dark;
}

html[data-yooadmin-studio-color-mode-effective='dark']
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(.site-editor-php)
  #wpbody-content
  > .wrap
  > :is([class*='-admin-dashboard'], [class*='-onboard-dashboard'])
  :is([class*='-admin-dashboard-body'], [class*='-onboard-dashboard-body']),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark']
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(.site-editor-php)
  #wpbody-content
  > .wrap
  > :is([class*='-admin-dashboard'], [class*='-onboard-dashboard'])
  :is([class*='-admin-dashboard-body'], [class*='-onboard-dashboard-body']) {
  background: transparent !important;
  background-color: transparent !important;
}

/* React host typography/surfaces: studio-hub-plugin-admin-adaptive.js (no forced colors here). */

/* Vendor white/light panels → flat card surface (no extra frame). */
html[data-yooadmin-studio-color-mode-effective='dark']
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(.site-editor-php)
  #wpbody-content
  > .wrap
  > :is([class*='-admin-dashboard'], [class*='-onboard-dashboard'])
  :is(
    [class*='__header'],
    [class*='__welcome'],
    [class*='__welcome__content'],
    [class*='__welcome__content-video'],
    [class*='__welcome__content-subscribe'],
    [class*='__content-video'],
    [class*='__content-subscribe'],
    [class*='__cards-item'],
    [class*='__blocks-list__item'],
    [class*='__settings-list'],
    [class*='__settings-content'],
    [class*='__section'],
    .components-card,
    .components-panel__body
  ),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark']
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(.site-editor-php)
  #wpbody-content
  > .wrap
  > :is([class*='-admin-dashboard'], [class*='-onboard-dashboard'])
  :is(
    [class*='__header'],
    [class*='__welcome'],
    [class*='__welcome__content'],
    [class*='__welcome__content-video'],
    [class*='__welcome__content-subscribe'],
    [class*='__content-video'],
    [class*='__content-subscribe'],
    [class*='__cards-item'],
    [class*='__blocks-list__item'],
    [class*='__settings-list'],
    [class*='__settings-content'],
    [class*='__section'],
    .components-card,
    .components-panel__body
  ) {
  background: var(--ysh-card, #1a1d23) !important;
  background-color: var(--ysh-card, #1a1d23) !important;
  border: none !important;
  box-shadow: none !important;
}

html[data-yooadmin-studio-color-mode-effective='light']
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(.site-editor-php)
  #wpbody-content
  > .wrap
  > :is([class*='-admin-dashboard'], [class*='-onboard-dashboard'], .wpmet-onboard-dashboard),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='light']
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(.site-editor-php)
  #wpbody-content
  > .wrap
  > :is([class*='-admin-dashboard'], [class*='-onboard-dashboard'], .wpmet-onboard-dashboard) {
  background: transparent !important;
  background-color: transparent !important;
}

/*
 * Plugin / SPA roots (no `.wrap`): many plugins mount a single block as a direct `#wpbody-content`
 * child (Yoast SEO, several React admin apps). yp-admin-core only styles `#wpbody-content > .wrap`.
 * Cap width + centering to `--ysh-layout-max` like the hub column. Exclude WP chrome + promos that
 * already have dedicated rules above (`> :is(...)` notices / Astra / Spectra / etc.).
 * Exclude `.yp-studio-hub`: the dashboard root is often a direct `#wpbody-content` child (no `.wrap`);
 * the dark “SPA shell” card rule below must not wrap it — that looked like an extra slab above the hub layout.
 * Exclude Woo inject mounts (jitm / notice catcher) — empty mounts must not get layout chrome.
 */
body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > *:not(.wrap):not(.yp-studio-hub):not(#dolly):not(#e-home-screen):not(.woocommerce-layout):not(.woocommerce-embedded-layout):not(
    #woocommerce-embedded-root
  ):not(.woocommerce-layout__jitm):not(#jp-admin-notices):not(.woocommerce-layout__notice-list-hide):not(
    #wp__notice-list
  ):not(.woocommerce-layout__notice-list-show):not(#woocommerce-layout__notice-catcher):not(.wp-header-end):not(
    #screen-meta
  ):not(#screen-meta-links):not(script):not(style):not(.notice):not(.update-nag):not(.updated):not(.error):not(
    [class*="-admin-notice"]
  ):not(.codevz-admin-notice):not([class*="astra-"]):not([class*="starter-templates"]):not([class*="spectra-"]):not(
    [id*="astra-"]
  ):not([id*="starter-templates"]):not([id*="spectra-"]):not([class*="bsf-"]) {
  max-width: var(--ysh-layout-max, 1400px) !important;
  width: 100% !important;
  margin: 20px auto !important;
  box-sizing: border-box !important;
}

/* Dark: same roots — card chrome so the SPA shell matches Studio Hub (inner panels often stay light until below). */
html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > *:not(.wrap):not(.yp-studio-hub):not(#dolly):not(#e-home-screen):not(.woocommerce-layout):not(.woocommerce-embedded-layout):not(
    #woocommerce-embedded-root
  ):not(.woocommerce-layout__jitm):not(#jp-admin-notices):not(.woocommerce-layout__notice-list-hide):not(
    #wp__notice-list
  ):not(.woocommerce-layout__notice-list-show):not(#woocommerce-layout__notice-catcher):not(.wp-header-end):not(
    #screen-meta
  ):not(#screen-meta-links):not(script):not(style):not(.notice):not(.update-nag):not(.updated):not(.error):not(
    [class*="-admin-notice"]
  ):not(.codevz-admin-notice):not([class*="astra-"]):not([class*="starter-templates"]):not([class*="spectra-"]):not(
    [id*="astra-"]
  ):not([id*="starter-templates"]):not([id*="spectra-"]):not([class*="bsf-"]),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > *:not(.wrap):not(.yp-studio-hub):not(#dolly):not(#e-home-screen):not(.woocommerce-layout):not(.woocommerce-embedded-layout):not(
    #woocommerce-embedded-root
  ):not(.woocommerce-layout__jitm):not(#jp-admin-notices):not(.woocommerce-layout__notice-list-hide):not(
    #wp__notice-list
  ):not(.woocommerce-layout__notice-list-show):not(#woocommerce-layout__notice-catcher):not(.wp-header-end):not(
    #screen-meta
  ):not(#screen-meta-links):not(script):not(style):not(.notice):not(.update-nag):not(.updated):not(.error):not(
    [class*="-admin-notice"]
  ):not(.codevz-admin-notice):not([class*="astra-"]):not([class*="starter-templates"]):not([class*="spectra-"]):not(
    [id*="astra-"]
  ):not([id*="starter-templates"]):not([id*="spectra-"]):not([class*="bsf-"]) {
  background: var(--ysh-card, #1a1d23) !important;
  border: none !important;
  border-radius: var(--ysh-radius, 14px) !important;
  color: var(--ysh-text, #cfd6e0) !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.28) !important;
}

/*
 * Dark — common @wordpress/components surfaces inside non-`.wrap` plugin roots (many SPAs use these).
 * Scoped under direct #wpbody-content children only so core `.wrap` screens stay on existing rules.
 */
html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > *:not(.wrap):not(.yp-studio-hub):not(#dolly):not(.woocommerce-layout__jitm):not(#jp-admin-notices):not(
    .woocommerce-layout__notice-list-hide
  ):not(#wp__notice-list):not(#screen-meta):not(#screen-meta-links):not(script):not(style):not(.notice):not(
    .update-nag
  ):not(.updated):not(.error):not([class*="-admin-notice"]):not(.codevz-admin-notice):not([class*="astra-"]):not(
    [class*="starter-templates"]
  ):not([class*="spectra-"]):not([id*="astra-"]):not([id*="starter-templates"]):not([id*="spectra-"]):not(
    [class*="bsf-"]
  )
  :where(.components-card, .components-panel, .components-panel__body, .components-navigator__container),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > *:not(.wrap):not(.yp-studio-hub):not(#dolly):not(.woocommerce-layout__jitm):not(#jp-admin-notices):not(
    .woocommerce-layout__notice-list-hide
  ):not(#wp__notice-list):not(#screen-meta):not(#screen-meta-links):not(script):not(style):not(.notice):not(
    .update-nag
  ):not(.updated):not(.error):not([class*="-admin-notice"]):not(.codevz-admin-notice):not([class*="astra-"]):not(
    [class*="starter-templates"]
  ):not([class*="spectra-"]):not([id*="astra-"]):not([id*="starter-templates"]):not([id*="spectra-"]):not(
    [class*="bsf-"]
  )
  :where(.components-card, .components-panel, .components-panel__body, .components-navigator__container) {
  background-color: var(--ysh-card, #1a1d23) !important;
  color: var(--ysh-text, #cfd6e0) !important;
  border-color: var(--ysh-border, rgba(255, 255, 255, 0.08)) !important;
}

/*
 * Dark — global admin overlays + “stray lines” + WP components inside `.wrap` (Yoast, etc. mount here too).
 * Avoid block/site editor: do not restyle editor dialogs.
 */
html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  #TB_overlay,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  #TB_overlay {
  background: rgba(0, 0, 0, 0.72) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  #TB_window,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  #TB_window {
  background: var(--ysh-card, #1a1d23) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.55) !important;
  color: var(--ysh-text, #cfd6e0) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  :is(#TB_title, #TB_ajaxContent),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  :is(#TB_title, #TB_ajaxContent) {
  background: var(--ysh-card, #1a1d23) !important;
  color: var(--ysh-heading, #d8d3ce) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  #TB_closeWindowButton .tb-close-icon,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  #TB_closeWindowButton .tb-close-icon {
  color: var(--ysh-heading, #d8d3ce) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  .ui-widget-overlay,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  .ui-widget-overlay {
  background: rgba(0, 0, 0, 0.72) !important;
  opacity: 1 !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  .ui-dialog,
html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  .ui-dialog .ui-dialog-titlebar,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  .ui-dialog,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  .ui-dialog .ui-dialog-titlebar {
  background: var(--ysh-card, #1a1d23) !important;
  color: var(--ysh-heading, #d8d3ce) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  .ui-dialog .ui-dialog-content,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  .ui-dialog .ui-dialog-content {
  background: var(--ysh-card, #1a1d23) !important;
  color: var(--ysh-text, #cfd6e0) !important;
}

/*
 * Dark — global admin modals / dialogs (YOOAdmin overlays, WP core, @wordpress/components).
 * Fixed-position UI lives outside #wpbody-content; do not rely on wrap-scoped dark rules alone.
 */
html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  :is(
    .yp-about-overlay.is-visible,
    .yp-modal-overlay,
    .qa-modal-overlay.is-visible,
    .yoo-modal-overlay:not(.yoo-plugin-details-modal > .yoo-modal-overlay),
    #yoo-avatar-cropper-modal.show,
    #yoo-avatar-delete-modal.show
  ),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  :is(
    .yp-about-overlay.is-visible,
    .yp-modal-overlay,
    .qa-modal-overlay.is-visible,
    .yoo-modal-overlay:not(.yoo-plugin-details-modal > .yoo-modal-overlay),
    #yoo-avatar-cropper-modal.show,
    #yoo-avatar-delete-modal.show
  ) {
  background: rgba(0, 0, 0, 0.55) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  :is(
    .yp-about-content,
    .yp-modal-content,
    .qa-modal,
    #yp-popup .yp-popup-box,
    .yoo-modal-content,
    .yoo-modal-container,
    .yoo-avatar-dialog__panel,
    .wp-dialog,
    .wp-dialog-content,
    .notification-dialog,
    .file-editor-warning .notification-dialog,
    #wp-link-wrap,
    .components-modal__frame
  ),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  :is(
    .yp-about-content,
    .yp-modal-content,
    .qa-modal,
    #yp-popup .yp-popup-box,
    .yoo-modal-content,
    .yoo-modal-container,
    .yoo-avatar-dialog__panel,
    .wp-dialog,
    .wp-dialog-content,
    .notification-dialog,
    .file-editor-warning .notification-dialog,
    #wp-link-wrap,
    .components-modal__frame
  ) {
  background: var(--ysh-card, #1a1d23) !important;
  color: var(--ysh-text, #cfd6e0) !important;
  border-color: var(--ysh-border, rgba(255, 255, 255, 0.1)) !important;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.55) !important;
  --yp-text-primary: var(--ysh-heading, #d8d3ce);
  --yp-text-secondary: var(--ysh-muted, #9aa5b1);
  --yp-card-bg: var(--ysh-card, #1a1d23);
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  :is(.components-modal__header, .components-modal__content, .wp-dialog .ui-dialog-titlebar),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  :is(.components-modal__header, .components-modal__content, .wp-dialog .ui-dialog-titlebar) {
  background: var(--ysh-card, #1a1d23) !important;
  color: var(--ysh-heading, #d8d3ce) !important;
  border-color: var(--ysh-border, rgba(255, 255, 255, 0.1)) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  :is(
    .yp-about-content,
    .yp-modal-content,
    .qa-modal,
    #yp-popup .yp-popup-box,
    .yoo-avatar-dialog__panel,
    .wp-dialog,
    .notification-dialog,
    .components-modal__frame
  )
  :is(h1, h2, h3, h4, h5, h6, p, li, label, th, td, strong, span:not(.dashicons)),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  :is(
    .yp-about-content,
    .yp-modal-content,
    .qa-modal,
    #yp-popup .yp-popup-box,
    .yoo-avatar-dialog__panel,
    .wp-dialog,
    .notification-dialog,
    .components-modal__frame
  )
  :is(h1, h2, h3, h4, h5, h6, p, li, label, th, td, strong, span:not(.dashicons)) {
  color: inherit;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  .yoo-avatar-dialog__message,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  .yoo-avatar-dialog__message {
  color: var(--ysh-muted, #9aa5b1) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  .yoo-avatar-dialog__close,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  .yoo-avatar-dialog__close {
  color: var(--ysh-muted, #9aa5b1) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  .yoo-avatar-dialog__close:hover,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  .yoo-avatar-dialog__close:hover {
  color: var(--ysh-heading, #d8d3ce) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  .yoo-avatar-dialog__panel
  .button:not(.button-primary):not(.button-link),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  .yoo-avatar-dialog__panel
  .button:not(.button-primary):not(.button-link) {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: var(--ysh-text, #cfd6e0) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  .yoo-avatar-dialog__panel
  .button:not(.button-primary):not(.button-link):hover,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  .yoo-avatar-dialog__panel
  .button:not(.button-primary):not(.button-link):hover {
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
  color: var(--ysh-heading, #d8d3ce) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  .yp-about-content
  :is(.yp-about-subtitle, .yp-about-section, .yp-about-block-title, .yp-about-resources-title, .yp-about-table th),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  .yp-about-content
  :is(.yp-about-subtitle, .yp-about-section, .yp-about-block-title, .yp-about-resources-title, .yp-about-table th) {
  color: var(--ysh-heading, #d8d3ce) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  .yp-about-content
  :is(.yp-about-intro, .yp-about-lite, .yp-about-table td, .yp-about-block p, .yp-about-resource-link, .yp-about-credit),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  .yp-about-content
  :is(.yp-about-intro, .yp-about-lite, .yp-about-table td, .yp-about-block p, .yp-about-resource-link, .yp-about-credit) {
  color: var(--ysh-muted, #9aa5b1) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  .yp-about-content
  .yp-about-title,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  .yp-about-content
  .yp-about-title {
  color: var(--ysh-brand, var(--yooadmin-primary, #eda934)) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  .yp-about-content
  .yp-about-resources,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  .yp-about-content
  .yp-about-resources {
  background: color-mix(in srgb, var(--ysh-brand, #eda934) 14%, var(--ysh-card, #1a1d23)) !important;
  border-color: color-mix(in srgb, var(--ysh-brand, #eda934) 28%, transparent) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  .yp-about-content
  .yp-about-resource-link:hover,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  .yp-about-content
  .yp-about-resource-link:hover {
  background: rgba(255, 255, 255, 0.06) !important;
  color: var(--ysh-brand, #eda934) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  .yp-about-content
  .yp-about-table th,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  .yp-about-content
  .yp-about-table th {
  background: var(--ysh-card-raised, #22262e) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  .yp-about-content
  .yp-about-table
  :is(th, td),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  .yp-about-content
  .yp-about-table
  :is(th, td) {
  border-bottom-color: var(--ysh-border, rgba(255, 255, 255, 0.1)) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  .yp-about-content
  .yp-about-body::-webkit-scrollbar-track,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  .yp-about-content
  .yp-about-body::-webkit-scrollbar-track {
  background: var(--ysh-card, #1a1d23) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  .yp-about-content
  .yp-about-body::-webkit-scrollbar-thumb,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  .yp-about-content
  .yp-about-body::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.22) !important;
  border-color: var(--ysh-card, #1a1d23) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  :is(.yp-about-content, .yp-modal-content, .qa-modal, #yp-popup .yp-popup-box)
  > .yp-modal-close,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  :is(.yp-about-content, .yp-modal-content, .qa-modal, #yp-popup .yp-popup-box)
  > .yp-modal-close {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid var(--ysh-border, rgba(255, 255, 255, 0.14)) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  :is(.yp-about-content, .yp-modal-content, .qa-modal, #yp-popup .yp-popup-box)
  > .yp-modal-close
  .dashicons,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  :is(.yp-about-content, .yp-modal-content, .qa-modal, #yp-popup .yp-popup-box)
  > .yp-modal-close
  .dashicons {
  color: var(--ysh-heading, #d8d3ce) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  .components-modal__header
  .components-modal__header-heading,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  .components-modal__header
  .components-modal__header-heading {
  color: var(--ysh-heading, #d8d3ce) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  .components-modal__screen-overlay,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  .components-modal__screen-overlay {
  background: rgba(0, 0, 0, 0.55) !important;
}

/* WP layout sentinel — must never render as a visible rule (Woo/Elementor still style generic hr). */
body.yooadmin-theme-yooadmin-studio-hub #wpbody-content > .wrap > hr.wp-header-end,
body.yooadmin-theme-yooadmin-studio-hub #wpbody-content hr.wp-header-end {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

/* Horizontal rules + footer: bright 1px borders read as “random lines” on dark canvas. */
html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub #wpbody-content hr:not(.wp-header-end),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub #wpbody-content hr:not(.wp-header-end) {
  border-top-color: rgba(255, 255, 255, 0.12) !important;
  border-bottom: none !important;
  background: transparent !important;
  opacity: 1;
}

html[data-yooadmin-studio-color-mode-effective="dark"] body.yooadmin-theme-yooadmin-studio-hub #wpfooter,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"] body.yooadmin-theme-yooadmin-studio-hub #wpfooter {
  border-top: none !important;
  color: var(--ysh-muted, #9aa5b1) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"] body.yooadmin-theme-yooadmin-studio-hub #wpfooter a,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"] body.yooadmin-theme-yooadmin-studio-hub #wpfooter a {
  color: var(--ysh-heading, #d8d3ce) !important;
}

/* @wordpress/components inside main `.wrap` (plugin SPAs often live here, not only as direct #wpbody-content children). */
html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > .wrap:not(:has(.yp-studio-hub))
  :where(
    .components-card,
    .components-panel,
    .components-panel__body,
    .components-panel__header,
    .components-navigator__container,
    .components-notice,
    .components-notice__content,
    .components-placeholder
  ),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > .wrap:not(:has(.yp-studio-hub))
  :where(
    .components-card,
    .components-panel,
    .components-panel__body,
    .components-panel__header,
    .components-navigator__container,
    .components-notice,
    .components-notice__content,
    .components-placeholder
  ) {
  background-color: var(--ysh-card, #1a1d23) !important;
  color: var(--ysh-text, #cfd6e0) !important;
  border-color: var(--ysh-border, rgba(255, 255, 255, 0.08)) !important;
}

/* Same components when plugin root is a direct #wpbody-content child (already dark shell above). */
html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > *:not(.wrap):not(.yp-studio-hub):not(#dolly):not(.woocommerce-layout__jitm):not(#jp-admin-notices):not(
    .woocommerce-layout__notice-list-hide
  ):not(#wp__notice-list):not(#screen-meta):not(#screen-meta-links):not(script):not(style):not(.notice):not(
    .update-nag
  ):not(.updated):not(.error):not([class*="-admin-notice"]):not(.codevz-admin-notice):not([class*="astra-"]):not(
    [class*="starter-templates"]
  ):not([class*="spectra-"]):not([id*="astra-"]):not([id*="starter-templates"]):not([id*="spectra-"]):not(
    [class*="bsf-"]
  )
  :where(
    .components-notice,
    .components-notice__content,
    .components-placeholder,
    .components-panel__header
  ),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > *:not(.wrap):not(.yp-studio-hub):not(#dolly):not(.woocommerce-layout__jitm):not(#jp-admin-notices):not(
    .woocommerce-layout__notice-list-hide
  ):not(#wp__notice-list):not(#screen-meta):not(#screen-meta-links):not(script):not(style):not(.notice):not(
    .update-nag
  ):not(.updated):not(.error):not([class*="-admin-notice"]):not(.codevz-admin-notice):not([class*="astra-"]):not(
    [class*="starter-templates"]
  ):not([class*="spectra-"]):not([id*="astra-"]):not([id*="starter-templates"]):not([id*="spectra-"]):not(
    [class*="bsf-"]
  )
  :where(
    .components-notice,
    .components-notice__content,
    .components-placeholder,
    .components-panel__header
  ) {
  background-color: var(--ysh-card, #1a1d23) !important;
  color: var(--ysh-text, #cfd6e0) !important;
  border-color: var(--ysh-border, rgba(255, 255, 255, 0.08)) !important;
}

/* Dark — Bootstrap-style panels + fieldsets (common in security / backup plugins); secondary buttons in .wrap. */
html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  #wpbody-content
  :is(.panel, .panel-default, .panel-body, .well),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  #wpbody-content
  :is(.panel, .panel-default, .panel-body, .well) {
  background: var(--ysh-card, #1a1d23) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: var(--ysh-text, #cfd6e0) !important;
  box-shadow: none !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  #wpbody-content
  .wrap
  .form-table
  fieldset,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  #wpbody-content
  .wrap
  .form-table
  fieldset {
  border-color: rgba(255, 255, 255, 0.14) !important;
  background: transparent !important;
  color: var(--ysh-text, #cfd6e0) !important;
  box-shadow: none !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  #wpbody-content
  > .wrap
  :is(.button.button-secondary, a.button.button-secondary, input.button.button-secondary),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  #wpbody-content
  > .wrap
  :is(.button.button-secondary, a.button.button-secondary, input.button.button-secondary) {
  background: rgba(255, 255, 255, 0.08) !important;
  color: var(--ysh-text, #cfd6e0) !important;
  border-color: rgba(255, 255, 255, 0.24) !important;
  box-shadow: none !important;
}

/*
 * Studio Hub — third-party promo / admin notices (inside `.wrap` or direct under `#wpbody-content`):
 * yp-admin-core forces full-bleed (width:100%, max-width:none, margin-inline:0).
 * Use the same column cap as the hub shell (`.yp-studio-hub`, Focus `.wrap`): `--ysh-layout-max`.
 */
html.yooadmin-studio-hub-html
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(
      .block-editor-page
    ):not(.site-editor-php)
  #wpbody-content
  > .wrap
  > :is(
    .notice:not(.yp-banner-tooltip-added):not(.yp-license-activation-notice):not(.yp-notification-item):not(
        .notice-alt
      ):not(.inline),
    .update-nag:not(.yp-banner-tooltip-added):not(.yp-notification-item),
    .updated:not(.yp-banner-tooltip-added):not(.yp-notification-item):not(.notice-alt):not(.inline),
    .error:not(.yp-banner-tooltip-added):not(.yp-notification-item):not(.notice-alt):not(.inline),
    [class*="-admin-notice"]:not(.yp-banner-tooltip-added):not(.yp-license-activation-notice):not(
        .yp-notification-item
      ):not(.notice-alt):not(.inline),
    .codevz-admin-notice:not(.yp-banner-tooltip-added):not(.yp-notification-item),
    [class*="astra-"],
    [class*="starter-templates"],
    [class*="spectra-"],
    [id*="astra-"],
    [id*="starter-templates"],
    [id*="spectra-"],
    [class*="bsf-"]
  ),
html.yooadmin-studio-hub-html
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(
      .block-editor-page
    ):not(.site-editor-php)
  #wpbody-content
  > :is(
    .notice:not(.yp-banner-tooltip-added):not(.yp-license-activation-notice):not(.yp-notification-item):not(
        .notice-alt
      ):not(.inline),
    .update-nag:not(.yp-banner-tooltip-added):not(.yp-notification-item),
    .updated:not(.yp-banner-tooltip-added):not(.yp-notification-item):not(.notice-alt):not(.inline),
    .error:not(.yp-banner-tooltip-added):not(.yp-notification-item):not(.notice-alt):not(.inline),
    [class*="-admin-notice"]:not(.yp-banner-tooltip-added):not(.yp-license-activation-notice):not(
        .yp-notification-item
      ):not(.notice-alt):not(.inline),
    .codevz-admin-notice:not(.yp-banner-tooltip-added):not(.yp-notification-item),
    [class*="astra-"],
    [class*="starter-templates"],
    [class*="spectra-"],
    [id*="astra-"],
    [id*="starter-templates"],
    [id*="spectra-"],
    [class*="bsf-"]
  ) {
  max-width: var(--ysh-layout-max, 1400px) !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
  border-radius: var(--ysh-radius, 14px);
}

/* Dark mode: readable surfaces + typography inside those promos (plugins often ship light-theme colors). */
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(
      .block-editor-page
    ):not(.site-editor-php)
  #wpbody-content
  > .wrap
  > :is(
    .notice:not(.yp-banner-tooltip-added):not(.yp-license-activation-notice):not(.yp-notification-item):not(
        .notice-alt
      ):not(.inline),
    .update-nag:not(.yp-banner-tooltip-added):not(.yp-notification-item),
    .updated:not(.yp-banner-tooltip-added):not(.yp-notification-item):not(.notice-alt):not(.inline),
    .error:not(.yp-banner-tooltip-added):not(.yp-notification-item):not(.notice-alt):not(.inline),
    [class*="-admin-notice"]:not(.yp-banner-tooltip-added):not(.yp-license-activation-notice):not(
        .yp-notification-item
      ):not(.notice-alt):not(.inline),
    .codevz-admin-notice:not(.yp-banner-tooltip-added):not(.yp-notification-item),
    [class*="astra-"],
    [class*="starter-templates"],
    [class*="spectra-"],
    [id*="astra-"],
    [id*="starter-templates"],
    [id*="spectra-"],
    [class*="bsf-"]
  ),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(
      .block-editor-page
    ):not(.site-editor-php)
  #wpbody-content
  > :is(
    .notice:not(.yp-banner-tooltip-added):not(.yp-license-activation-notice):not(.yp-notification-item):not(
        .notice-alt
      ):not(.inline),
    .update-nag:not(.yp-banner-tooltip-added):not(.yp-notification-item),
    .updated:not(.yp-banner-tooltip-added):not(.yp-notification-item):not(.notice-alt):not(.inline),
    .error:not(.yp-banner-tooltip-added):not(.yp-notification-item):not(.notice-alt):not(.inline),
    [class*="-admin-notice"]:not(.yp-banner-tooltip-added):not(.yp-license-activation-notice):not(
        .yp-notification-item
      ):not(.notice-alt):not(.inline),
    .codevz-admin-notice:not(.yp-banner-tooltip-added):not(.yp-notification-item),
    [class*="astra-"],
    [class*="starter-templates"],
    [class*="spectra-"],
    [id*="astra-"],
    [id*="starter-templates"],
    [id*="spectra-"],
    [class*="bsf-"]
  ) {
  background: var(--ysh-card, #1a1d23) !important;
  border: 1px solid var(--ysh-border, rgba(255, 255, 255, 0.08)) !important;
  color: var(--ysh-text, #cfd6e0) !important;
  box-shadow: 0 10px 32px rgba(0, 0, 0, 0.38) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(
      .block-editor-page
    ):not(.site-editor-php)
  #wpbody-content
  > .wrap
  > :is(
    .notice:not(.yp-banner-tooltip-added):not(.yp-license-activation-notice):not(.yp-notification-item):not(
        .notice-alt
      ):not(.inline),
    .update-nag:not(.yp-banner-tooltip-added):not(.yp-notification-item),
    .updated:not(.yp-banner-tooltip-added):not(.yp-notification-item):not(.notice-alt):not(.inline),
    .error:not(.yp-banner-tooltip-added):not(.yp-notification-item):not(.notice-alt):not(.inline),
    [class*="-admin-notice"]:not(.yp-banner-tooltip-added):not(.yp-license-activation-notice):not(
        .yp-notification-item
      ):not(.notice-alt):not(.inline),
    .codevz-admin-notice:not(.yp-banner-tooltip-added):not(.yp-notification-item),
    [class*="astra-"],
    [class*="starter-templates"],
    [class*="spectra-"],
    [id*="astra-"],
    [id*="starter-templates"],
    [id*="spectra-"],
    [class*="bsf-"]
  )
  :where(h1, h2, h3, h4, h5, h6, .heading, .title, .notice-title, .notice-heading),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(
      .block-editor-page
    ):not(.site-editor-php)
  #wpbody-content
  > :is(
    .notice:not(.yp-banner-tooltip-added):not(.yp-license-activation-notice):not(.yp-notification-item):not(
        .notice-alt
      ):not(.inline),
    .update-nag:not(.yp-banner-tooltip-added):not(.yp-notification-item),
    .updated:not(.yp-banner-tooltip-added):not(.yp-notification-item):not(.notice-alt):not(.inline),
    .error:not(.yp-banner-tooltip-added):not(.yp-notification-item):not(.notice-alt):not(.inline),
    [class*="-admin-notice"]:not(.yp-banner-tooltip-added):not(.yp-license-activation-notice):not(
        .yp-notification-item
      ):not(.notice-alt):not(.inline),
    .codevz-admin-notice:not(.yp-banner-tooltip-added):not(.yp-notification-item),
    [class*="astra-"],
    [class*="starter-templates"],
    [class*="spectra-"],
    [id*="astra-"],
    [id*="starter-templates"],
    [id*="spectra-"],
    [class*="bsf-"]
  )
  :where(h1, h2, h3, h4, h5, h6, .heading, .title, .notice-title, .notice-heading) {
  color: var(--ysh-heading, #d8d3ce) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(
      .block-editor-page
    ):not(.site-editor-php)
  #wpbody-content
  > .wrap
  > :is(
    .notice:not(.yp-banner-tooltip-added):not(.yp-license-activation-notice):not(.yp-notification-item):not(
        .notice-alt
      ):not(.inline),
    .update-nag:not(.yp-banner-tooltip-added):not(.yp-notification-item),
    .updated:not(.yp-banner-tooltip-added):not(.yp-notification-item):not(.notice-alt):not(.inline),
    .error:not(.yp-banner-tooltip-added):not(.yp-notification-item):not(.notice-alt):not(.inline),
    [class*="-admin-notice"]:not(.yp-banner-tooltip-added):not(.yp-license-activation-notice):not(
        .yp-notification-item
      ):not(.notice-alt):not(.inline),
    .codevz-admin-notice:not(.yp-banner-tooltip-added):not(.yp-notification-item),
    [class*="astra-"],
    [class*="starter-templates"],
    [class*="spectra-"],
    [id*="astra-"],
    [id*="starter-templates"],
    [id*="spectra-"],
    [class*="bsf-"]
  )
  :where(p, li, small, blockquote, .description, .notice-message, .notice p, .subheading, .subtitle),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(
      .block-editor-page
    ):not(.site-editor-php)
  #wpbody-content
  > :is(
    .notice:not(.yp-banner-tooltip-added):not(.yp-license-activation-notice):not(.yp-notification-item):not(
        .notice-alt
      ):not(.inline),
    .update-nag:not(.yp-banner-tooltip-added):not(.yp-notification-item),
    .updated:not(.yp-banner-tooltip-added):not(.yp-notification-item):not(.notice-alt):not(.inline),
    .error:not(.yp-banner-tooltip-added):not(.yp-notification-item):not(.notice-alt):not(.inline),
    [class*="-admin-notice"]:not(.yp-banner-tooltip-added):not(.yp-license-activation-notice):not(
        .yp-notification-item
      ):not(.notice-alt):not(.inline),
    .codevz-admin-notice:not(.yp-banner-tooltip-added):not(.yp-notification-item),
    [class*="astra-"],
    [class*="starter-templates"],
    [class*="spectra-"],
    [id*="astra-"],
    [id*="starter-templates"],
    [id*="spectra-"],
    [class*="bsf-"]
  )
  :where(p, li, small, blockquote, .description, .notice-message, .notice p, .subheading, .subtitle) {
  color: var(--ysh-text, #cfd6e0) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(
      .block-editor-page
    ):not(.site-editor-php)
  #wpbody-content
  > .wrap
  > :is(
    .notice:not(.yp-banner-tooltip-added):not(.yp-license-activation-notice):not(.yp-notification-item):not(
        .notice-alt
      ):not(.inline),
    .update-nag:not(.yp-banner-tooltip-added):not(.yp-notification-item),
    .updated:not(.yp-banner-tooltip-added):not(.yp-notification-item):not(.notice-alt):not(.inline),
    .error:not(.yp-banner-tooltip-added):not(.yp-notification-item):not(.notice-alt):not(.inline),
    [class*="-admin-notice"]:not(.yp-banner-tooltip-added):not(.yp-license-activation-notice):not(
        .yp-notification-item
      ):not(.notice-alt):not(.inline),
    .codevz-admin-notice:not(.yp-banner-tooltip-added):not(.yp-notification-item),
    [class*="astra-"],
    [class*="starter-templates"],
    [class*="spectra-"],
    [id*="astra-"],
    [id*="starter-templates"],
    [id*="spectra-"],
    [class*="bsf-"]
  )
  a:not(.button):not(.button-primary):not(.button-secondary):not(.components-button),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(
      .block-editor-page
    ):not(.site-editor-php)
  #wpbody-content
  > :is(
    .notice:not(.yp-banner-tooltip-added):not(.yp-license-activation-notice):not(.yp-notification-item):not(
        .notice-alt
      ):not(.inline),
    .update-nag:not(.yp-banner-tooltip-added):not(.yp-notification-item),
    .updated:not(.yp-banner-tooltip-added):not(.yp-notification-item):not(.notice-alt):not(.inline),
    .error:not(.yp-banner-tooltip-added):not(.yp-notification-item):not(.notice-alt):not(.inline),
    [class*="-admin-notice"]:not(.yp-banner-tooltip-added):not(.yp-license-activation-notice):not(
        .yp-notification-item
      ):not(.notice-alt):not(.inline),
    .codevz-admin-notice:not(.yp-banner-tooltip-added):not(.yp-notification-item),
    [class*="astra-"],
    [class*="starter-templates"],
    [class*="spectra-"],
    [id*="astra-"],
    [id*="starter-templates"],
    [id*="spectra-"],
    [class*="bsf-"]
  )
  a:not(.button):not(.button-primary):not(.button-secondary):not(.components-button) {
  color: var(--ysh-brand, #eda934) !important;
}

/* Dark mode: many promos use div/span (not h1–h6) with WP “admin blue” / near-black — override with hub tokens. */
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(
      .block-editor-page
    ):not(.site-editor-php)
  #wpbody-content
  > .wrap
  > :is(
    .notice:not(.yp-banner-tooltip-added):not(.yp-license-activation-notice):not(.yp-notification-item):not(
        .notice-alt
      ):not(.inline),
    .update-nag:not(.yp-banner-tooltip-added):not(.yp-notification-item),
    .updated:not(.yp-banner-tooltip-added):not(.yp-notification-item):not(.notice-alt):not(.inline),
    .error:not(.yp-banner-tooltip-added):not(.yp-notification-item):not(.notice-alt):not(.inline),
    [class*="-admin-notice"]:not(.yp-banner-tooltip-added):not(.yp-license-activation-notice):not(
        .yp-notification-item
      ):not(.notice-alt):not(.inline),
    .codevz-admin-notice:not(.yp-banner-tooltip-added):not(.yp-notification-item),
    [class*="astra-"],
    [class*="starter-templates"],
    [class*="spectra-"],
    [id*="astra-"],
    [id*="starter-templates"],
    [id*="spectra-"],
    [class*="bsf-"]
  )
  :is(div, label, strong, em, font, td, th):not(.button):not(.button-primary):not(.button-secondary):not(
      .components-button
    ):not(.dashicons):not([class*="dashicons"]):not(.screen-reader-text):not([class*="button-"]):not(
      [class*="__btn"]
    ),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(
      .block-editor-page
    ):not(.site-editor-php)
  #wpbody-content
  > :is(
    .notice:not(.yp-banner-tooltip-added):not(.yp-license-activation-notice):not(.yp-notification-item):not(
        .notice-alt
      ):not(.inline),
    .update-nag:not(.yp-banner-tooltip-added):not(.yp-notification-item),
    .updated:not(.yp-banner-tooltip-added):not(.yp-notification-item):not(.notice-alt):not(.inline),
    .error:not(.yp-banner-tooltip-added):not(.yp-notification-item):not(.notice-alt):not(.inline),
    [class*="-admin-notice"]:not(.yp-banner-tooltip-added):not(.yp-license-activation-notice):not(
        .yp-notification-item
      ):not(.notice-alt):not(.inline),
    .codevz-admin-notice:not(.yp-banner-tooltip-added):not(.yp-notification-item),
    [class*="astra-"],
    [class*="starter-templates"],
    [class*="spectra-"],
    [id*="astra-"],
    [id*="starter-templates"],
    [id*="spectra-"],
    [class*="bsf-"]
  )
  :is(div, label, strong, em, font, td, th):not(.button):not(.button-primary):not(.button-secondary):not(
      .components-button
    ):not(.dashicons):not([class*="dashicons"]):not(.screen-reader-text):not([class*="button-"]):not(
      [class*="__btn"]
    ) {
  color: var(--ysh-text, #cfd6e0) !important;
}

/* Line-only / label spans (Astra often uses span, not p) — exclude descendants of WP / plugin buttons. */
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(
      .block-editor-page
    ):not(.site-editor-php)
  #wpbody-content
  > .wrap
  > :is(
    .notice:not(.yp-banner-tooltip-added):not(.yp-license-activation-notice):not(.yp-notification-item):not(
        .notice-alt
      ):not(.inline),
    .update-nag:not(.yp-banner-tooltip-added):not(.yp-notification-item),
    .updated:not(.yp-banner-tooltip-added):not(.yp-notification-item):not(.notice-alt):not(.inline),
    .error:not(.yp-banner-tooltip-added):not(.yp-notification-item):not(.notice-alt):not(.inline),
    [class*="-admin-notice"]:not(.yp-banner-tooltip-added):not(.yp-license-activation-notice):not(
        .yp-notification-item
      ):not(.notice-alt):not(.inline),
    .codevz-admin-notice:not(.yp-banner-tooltip-added):not(.yp-notification-item),
    [class*="astra-"],
    [class*="starter-templates"],
    [class*="spectra-"],
    [id*="astra-"],
    [id*="starter-templates"],
    [id*="spectra-"],
    [class*="bsf-"]
  )
  span:not(.button *, .button-primary *, .button-secondary *, .components-button *),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(
      .block-editor-page
    ):not(.site-editor-php)
  #wpbody-content
  > :is(
    .notice:not(.yp-banner-tooltip-added):not(.yp-license-activation-notice):not(.yp-notification-item):not(
        .notice-alt
      ):not(.inline),
    .update-nag:not(.yp-banner-tooltip-added):not(.yp-notification-item),
    .updated:not(.yp-banner-tooltip-added):not(.yp-notification-item):not(.notice-alt):not(.inline),
    .error:not(.yp-banner-tooltip-added):not(.yp-notification-item):not(.notice-alt):not(.inline),
    [class*="-admin-notice"]:not(.yp-banner-tooltip-added):not(.yp-license-activation-notice):not(
        .yp-notification-item
      ):not(.notice-alt):not(.inline),
    .codevz-admin-notice:not(.yp-banner-tooltip-added):not(.yp-notification-item),
    [class*="astra-"],
    [class*="starter-templates"],
    [class*="spectra-"],
    [id*="astra-"],
    [id*="starter-templates"],
    [id*="spectra-"],
    [class*="bsf-"]
  )
  span:not(.button *, .button-primary *, .button-secondary *, .components-button *) {
  color: var(--ysh-text, #cfd6e0) !important;
}

/* Keep plugin CTA label colors (often white on orange) — spans inside core buttons were affected when “span” was global. */
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(
      .block-editor-page
    ):not(.site-editor-php)
  #wpbody-content
  > .wrap
  > :is(
    .notice:not(.yp-banner-tooltip-added):not(.yp-license-activation-notice):not(.yp-notification-item):not(
        .notice-alt
      ):not(.inline),
    .update-nag:not(.yp-banner-tooltip-added):not(.yp-notification-item),
    .updated:not(.yp-banner-tooltip-added):not(.yp-notification-item):not(.notice-alt):not(.inline),
    .error:not(.yp-banner-tooltip-added):not(.yp-notification-item):not(.notice-alt):not(.inline),
    [class*="-admin-notice"]:not(.yp-banner-tooltip-added):not(.yp-license-activation-notice):not(
        .yp-notification-item
      ):not(.notice-alt):not(.inline),
    .codevz-admin-notice:not(.yp-banner-tooltip-added):not(.yp-notification-item),
    [class*="astra-"],
    [class*="starter-templates"],
    [class*="spectra-"],
    [id*="astra-"],
    [id*="starter-templates"],
    [id*="spectra-"],
    [class*="bsf-"]
  )
  :is(.button, .button-primary, .button-secondary, .components-button)
  :where(span, strong, small, em, b, i),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(
      .block-editor-page
    ):not(.site-editor-php)
  #wpbody-content
  > :is(
    .notice:not(.yp-banner-tooltip-added):not(.yp-license-activation-notice):not(.yp-notification-item):not(
        .notice-alt
      ):not(.inline),
    .update-nag:not(.yp-banner-tooltip-added):not(.yp-notification-item),
    .updated:not(.yp-banner-tooltip-added):not(.yp-notification-item):not(.notice-alt):not(.inline),
    .error:not(.yp-banner-tooltip-added):not(.yp-notification-item):not(.notice-alt):not(.inline),
    [class*="-admin-notice"]:not(.yp-banner-tooltip-added):not(.yp-license-activation-notice):not(
        .yp-notification-item
      ):not(.notice-alt):not(.inline),
    .codevz-admin-notice:not(.yp-banner-tooltip-added):not(.yp-notification-item),
    [class*="astra-"],
    [class*="starter-templates"],
    [class*="spectra-"],
    [id*="astra-"],
    [id*="starter-templates"],
    [id*="spectra-"],
    [class*="bsf-"]
  )
  :is(.button, .button-primary, .button-secondary, .components-button)
  :where(span, strong, small, em, b, i) {
  color: inherit !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(
      .block-editor-page
    ):not(.site-editor-php)
  #wpbody-content
  > .wrap
  > :is(
    .notice:not(.yp-banner-tooltip-added):not(.yp-license-activation-notice):not(.yp-notification-item):not(
        .notice-alt
      ):not(.inline),
    .update-nag:not(.yp-banner-tooltip-added):not(.yp-notification-item),
    .updated:not(.yp-banner-tooltip-added):not(.yp-notification-item):not(.notice-alt):not(.inline),
    .error:not(.yp-banner-tooltip-added):not(.yp-notification-item):not(.notice-alt):not(.inline),
    [class*="-admin-notice"]:not(.yp-banner-tooltip-added):not(.yp-license-activation-notice):not(
        .yp-notification-item
      ):not(.notice-alt):not(.inline),
    .codevz-admin-notice:not(.yp-banner-tooltip-added):not(.yp-notification-item),
    [class*="astra-"],
    [class*="starter-templates"],
    [class*="spectra-"],
    [id*="astra-"],
    [id*="starter-templates"],
    [id*="spectra-"],
    [class*="bsf-"]
  )
  :is(
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    [class*="title"],
    [class*="heading"],
    [class*="headline"],
    [class*="Headline"]
  ):not(.button):not(.button-primary):not(.button-secondary):not(.components-button),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(
      .block-editor-page
    ):not(.site-editor-php)
  #wpbody-content
  > :is(
    .notice:not(.yp-banner-tooltip-added):not(.yp-license-activation-notice):not(.yp-notification-item):not(
        .notice-alt
      ):not(.inline),
    .update-nag:not(.yp-banner-tooltip-added):not(.yp-notification-item),
    .updated:not(.yp-banner-tooltip-added):not(.yp-notification-item):not(.notice-alt):not(.inline),
    .error:not(.yp-banner-tooltip-added):not(.yp-notification-item):not(.notice-alt):not(.inline),
    [class*="-admin-notice"]:not(.yp-banner-tooltip-added):not(.yp-license-activation-notice):not(
        .yp-notification-item
      ):not(.notice-alt):not(.inline),
    .codevz-admin-notice:not(.yp-banner-tooltip-added):not(.yp-notification-item),
    [class*="astra-"],
    [class*="starter-templates"],
    [class*="spectra-"],
    [id*="astra-"],
    [id*="starter-templates"],
    [id*="spectra-"],
    [class*="bsf-"]
  )
  :is(
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    [class*="title"],
    [class*="heading"],
    [class*="headline"],
    [class*="Headline"]
  ):not(.button):not(.button-primary):not(.button-secondary):not(.components-button) {
  color: var(--ysh-heading, #eef1f5) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(
      .block-editor-page
    ):not(.site-editor-php)
  #wpbody-content
  > .wrap
  > :is(
    .notice:not(.yp-banner-tooltip-added):not(.yp-license-activation-notice):not(.yp-notification-item):not(
        .notice-alt
      ):not(.inline),
    .update-nag:not(.yp-banner-tooltip-added):not(.yp-notification-item),
    .updated:not(.yp-banner-tooltip-added):not(.yp-notification-item):not(.notice-alt):not(.inline),
    .error:not(.yp-banner-tooltip-added):not(.yp-notification-item):not(.notice-alt):not(.inline),
    [class*="-admin-notice"]:not(.yp-banner-tooltip-added):not(.yp-license-activation-notice):not(
        .yp-notification-item
      ):not(.notice-alt):not(.inline),
    .codevz-admin-notice:not(.yp-banner-tooltip-added):not(.yp-notification-item),
    [class*="astra-"],
    [class*="starter-templates"],
    [class*="spectra-"],
    [id*="astra-"],
    [id*="starter-templates"],
    [id*="spectra-"],
    [class*="bsf-"]
  )
  :is(small, [class*="disclaimer"], [class*="legal"], [class*="fine-print"], [class*="footnote"]),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(
      .block-editor-page
    ):not(.site-editor-php)
  #wpbody-content
  > :is(
    .notice:not(.yp-banner-tooltip-added):not(.yp-license-activation-notice):not(.yp-notification-item):not(
        .notice-alt
      ):not(.inline),
    .update-nag:not(.yp-banner-tooltip-added):not(.yp-notification-item),
    .updated:not(.yp-banner-tooltip-added):not(.yp-notification-item):not(.notice-alt):not(.inline),
    .error:not(.yp-banner-tooltip-added):not(.yp-notification-item):not(.notice-alt):not(.inline),
    [class*="-admin-notice"]:not(.yp-banner-tooltip-added):not(.yp-license-activation-notice):not(
        .yp-notification-item
      ):not(.notice-alt):not(.inline),
    .codevz-admin-notice:not(.yp-banner-tooltip-added):not(.yp-notification-item),
    [class*="astra-"],
    [class*="starter-templates"],
    [class*="spectra-"],
    [id*="astra-"],
    [id*="starter-templates"],
    [id*="spectra-"],
    [class*="bsf-"]
  )
  :is(small, [class*="disclaimer"], [class*="legal"], [class*="fine-print"], [class*="footnote"]) {
  color: var(--ysh-muted, #9aa5b1) !important;
}

/*
 * Dark — global notice dismiss (X) on plugin promos / core notices under #wpbody-content.
 * WP default #787c82 is invisible on Studio Hub dark notice surfaces.
 */
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  #wpbody-content
  :is(.notice, .update-nag, .wpmet-notice, [class*="-admin-notice"])
  > .notice-dismiss,
html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  #wpbody-content
  :is(.notice, .update-nag, .wpmet-notice, [class*="-admin-notice"])
  > .notice-dismiss {
  color: var(--ysh-text, #cfd6e0) !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: none !important;
  border-radius: 50% !important;
  opacity: 1 !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  #wpbody-content
  :is(.notice, .update-nag, .wpmet-notice, [class*="-admin-notice"])
  > .notice-dismiss::before,
html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  #wpbody-content
  :is(.notice, .update-nag, .wpmet-notice, [class*="-admin-notice"])
  > .notice-dismiss::before {
  color: var(--ysh-text, #cfd6e0) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  #wpbody-content
  :is(.notice, .update-nag, .wpmet-notice, [class*="-admin-notice"])
  > .notice-dismiss:hover,
html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  #wpbody-content
  :is(.notice, .update-nag, .wpmet-notice, [class*="-admin-notice"])
  > .notice-dismiss:hover {
  background: rgba(255, 255, 255, 0.16) !important;
  color: var(--ysh-heading, #eef1f5) !important;
}

/*
 * Dark — WPMET / GutenKit / Elementor-family promo shells (image + text banners).
 * `.notice.wpmet-notice` is covered above; these catch jhanda image promos and vendor roots.
 */
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(
      .block-editor-page
    ):not(.site-editor-php)
  #wpbody-content
  > :is(
    .wpmet-notice:not(.yp-notification-item),
    .wpmet-jhanda:not(.yp-notification-item),
    [class*="wpmet-jhanda"]:not(.yp-notification-item),
    [class*="wpmet-onboard"]:not(.yp-notification-item),
    [class*="gkit-banner"]:not(.yp-notification-item),
    [class*="ekit-admin-notice"]:not(.yp-notification-item)
  ),
html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(
      .block-editor-page
    ):not(.site-editor-php)
  #wpbody-content
  > .wrap
  > :is(
    .wpmet-notice:not(.yp-notification-item),
    .wpmet-jhanda:not(.yp-notification-item),
    [class*="wpmet-jhanda"]:not(.yp-notification-item),
    [class*="wpmet-onboard"]:not(.yp-notification-item),
    [class*="gkit-banner"]:not(.yp-notification-item),
    [class*="ekit-admin-notice"]:not(.yp-notification-item)
  ) {
  max-width: var(--ysh-layout-max, 1400px) !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
  border-radius: var(--ysh-radius, 14px) !important;
  background: var(--ysh-card, #1a1d23) !important;
  border: 1px solid var(--ysh-border, rgba(255, 255, 255, 0.08)) !important;
  color: var(--ysh-text, #cfd6e0) !important;
  box-shadow: 0 10px 32px rgba(0, 0, 0, 0.38) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  #wpbody-content
  > :is(.notice.wpmet-notice, .wpmet-notice)
  :is(
    .notice-main-title,
    .notice-message,
    .notice-right-container,
    .notice-container-full-width
  ),
html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  #wpbody-content
  > :is(.notice.wpmet-notice, .wpmet-notice)
  :is(
    .notice-main-title,
    .notice-message,
    .notice-right-container,
    .notice-container-full-width
  ) {
  color: var(--ysh-text, #cfd6e0) !important;
}

/* WPMET promos often embed inline white offer panels — remap to dark chips. */
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  #wpbody-content
  > :is(.notice.wpmet-notice, .wpmet-notice)
  :is(
    [style*="background-color: #fff"],
    [style*="background-color:#fff"],
    [style*="background-color: #ffffff"],
    [style*="background-color:#ffffff"],
    [style*="background: #fff"],
    [style*="background:#fff"],
    [style*="background: white"],
    [style*="background-color: white"]
  ):not(.notice-dismiss):not(.wpmet-notice-button):not(img),
html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  #wpbody-content
  > :is(.notice.wpmet-notice, .wpmet-notice)
  :is(
    [style*="background-color: #fff"],
    [style*="background-color:#fff"],
    [style*="background-color: #ffffff"],
    [style*="background-color:#ffffff"],
    [style*="background: #fff"],
    [style*="background:#fff"],
    [style*="background: white"],
    [style*="background-color: white"]
  ):not(.notice-dismiss):not(.wpmet-notice-button):not(img) {
  background-color: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: var(--ysh-heading, #eef1f5) !important;
}

/* Vendor promo CTAs — YOOAdmin button chrome (JS adds .yp-yoo-btn; CSS covers late-rendered nodes). */
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  #wpbody-content
  :is(
    .wpmet-notice-button,
    a.wpmet-notice-button,
    .wpmet-notice .button-secondary,
    .wpmet-notice .button-primary
  ),
html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  #wpbody-content
  :is(
    .wpmet-notice-button,
    a.wpmet-notice-button,
    .wpmet-notice .button-secondary,
    .wpmet-notice .button-primary
  ) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 36px !important;
  padding: 0 18px !important;
  border-radius: var(--yp-yoo-btn-radius, 10px) !important;
  border: 0 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  text-shadow: none !important;
  box-shadow:
    var(--yp-yoo-btn-depth, 0 1px 3px rgba(0, 0, 0, 0.28)),
    inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
  background: linear-gradient(
    180deg,
    var(--yp-yoo-btn-primary-top, color-mix(in srgb, var(--ysh-brand, #eda934) 88%, #fff 12%)) 0%,
    var(--yp-yoo-btn-primary, var(--ysh-brand, #eda934)) 100%
  ) !important;
  background-color: var(--yp-yoo-btn-primary, var(--ysh-brand, #eda934)) !important;
  color: #1a1a1a !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  #wpbody-content
  :is(.wpmet-notice-button, a.wpmet-notice-button):hover,
html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  #wpbody-content
  :is(.wpmet-notice-button, a.wpmet-notice-button):hover {
  background: linear-gradient(
    180deg,
    var(--yp-yoo-btn-primary-hover-top, color-mix(in srgb, var(--ysh-brand, #eda934) 80%, #000 20%)) 0%,
    var(--yp-yoo-btn-primary-hover, color-mix(in srgb, var(--ysh-brand, #eda934) 90%, #000 10%)) 100%
  ) !important;
  color: #1a1a1a !important;
}

@media (max-width: 782px) {
  html[data-yooadmin-studio-color-mode-effective="light"]
    body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
      .site-editor-php
    )
    #wpbody-content
    > .wrap,
  html[data-yooadmin-studio-color-mode-effective="dark"]
    body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
      .site-editor-php
    )
    #wpbody-content
    > .wrap,
  html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="light"]
    body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
      .site-editor-php
    )
    #wpbody-content
    > .wrap,
  html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
    body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
      .site-editor-php
    )
    #wpbody-content
    > .wrap {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}

/*
 * Footer clearance (fixed .yp-dashboard-footer):
 * - yp-admin-core: `.wrap:last-child { margin-bottom: 0 !important; }` — kills gap under the card in light mode.
 * - Studio Hub: 40px under `#wpbody-content > .wrap` (light + dark) so the card does not sit on the footer bar.
 * - Inner padding-bottom 80px on .wrap keeps content off the card edge; margin-bottom is the outer breathing room.
 * - Without Focus: #wpbody-content also gets bottom padding so native layout clears the bar.
 */
body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > .wrap,
body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > .wrap:last-child {
  margin-bottom: 40px !important;
}

body.wp-admin.yooadmin-theme-yooadmin-studio-hub:is(.themes-php, .theme-install-php)
  #wpbody-content
  > .wrap,
body.wp-admin.yooadmin-theme-yooadmin-studio-hub:is(.themes-php, .theme-install-php)
  #wpbody-content
  > .wrap:last-child {
  margin-bottom: 56px !important;
}

html body:not(.yoo-focus).wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(.site-editor-php) #wpbody-content {
  padding-bottom: max(56px, calc(40px + env(safe-area-inset-bottom, 0px))) !important;
}

/* Focus: shell zeros #wpbody-content padding — restore scroll clearance above fixed footer (light + dark). */
body.yoo-focus.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content {
  padding-bottom: 40px !important;
}

body.yoo-focus.wp-admin.yooadmin-theme-yooadmin-studio-hub:is(.themes-php, .theme-install-php)
  #wpbody-content {
  padding-bottom: 72px !important;
}

/*
 * Dark — core list tables + plugin install: WP often paints hover/active on <tr>, which bypasses
 * td-only rules above. Also style plugin-install.php cards, wp-filter, and ZIP upload box.
 * Any direct .wrap under #wpbody-content (classic + YOO table view).
 */
html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > .wrap
  .wp-list-table
  tbody
  tr:not(.inline-edit-row)
  :is(th, td),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > .wrap
  .wp-list-table
  tbody
  tr:not(.inline-edit-row)
  :is(th, td) {
  background-color: rgba(255, 255, 255, 0.04) !important;
  color: var(--ysh-text, #cfd6e0) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > .wrap
  .wp-list-table
  tbody
  tr:not(.inline-edit-row):hover
  :is(th, td),
html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > .wrap
  .wp-list-table
  tbody
  tr:not(.inline-edit-row).is-hover
  :is(th, td),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > .wrap
  .wp-list-table
  tbody
  tr:not(.inline-edit-row):hover
  :is(th, td),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > .wrap
  .wp-list-table
  tbody
  tr:not(.inline-edit-row).is-hover
  :is(th, td) {
  background-color: rgba(255, 255, 255, 0.09) !important;
  color: var(--ysh-text, #cfd6e0) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > .wrap
  .wp-list-table
  tbody
  tr:not(.inline-edit-row).active
  :is(th, td),
html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > .wrap
  .wp-list-table
  tbody
  tr:not(.inline-edit-row).is-selected
  :is(th, td),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > .wrap
  .wp-list-table
  tbody
  tr:not(.inline-edit-row).active
  :is(th, td),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > .wrap
  .wp-list-table
  tbody
  tr:not(.inline-edit-row).is-selected
  :is(th, td) {
  background-color: color-mix(in srgb, var(--ysh-brand, #eda934) 16%, rgba(255, 255, 255, 0.06) 84%) !important;
  color: var(--ysh-text, #cfd6e0) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > .wrap
  .wp-list-table
  tbody
  tr.unapproved:not(.inline-edit-row)
  :is(th, td),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > .wrap
  .wp-list-table
  tbody
  tr.unapproved:not(.inline-edit-row)
  :is(th, td) {
  background-color: rgba(255, 200, 100, 0.1) !important;
  color: var(--ysh-text, #cfd6e0) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > .wrap
  .wp-list-table
  tr.inline-edit-row
  td,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > .wrap
  .wp-list-table
  tr.inline-edit-row
  td {
  background: var(--ysh-card, #1a1d23) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: var(--ysh-text, #cfd6e0) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > .wrap
  .tablenav
  :is(.button:not(.button-primary):not(.button-hero), input.button:not(.button-primary):not(.button-hero)),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > .wrap
  .tablenav
  :is(.button:not(.button-primary):not(.button-hero), input.button:not(.button-primary):not(.button-hero)) {
  background: rgba(255, 255, 255, 0.07) !important;
  color: var(--ysh-text, #cfd6e0) !important;
  border-color: rgba(255, 255, 255, 0.22) !important;
  box-shadow: none !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > .wrap
  .tablenav
  :is(.button:not(.button-primary):not(.button-hero), input.button:not(.button-primary):not(.button-hero)):hover,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > .wrap
  .tablenav
  :is(.button:not(.button-primary):not(.button-hero), input.button:not(.button-primary):not(.button-hero)):hover {
  background: rgba(255, 255, 255, 0.11) !important;
  border-color: rgba(255, 255, 255, 0.28) !important;
  color: var(--ysh-heading, #d8d3ce) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > .wrap
  p.search-box
  :is(input[type="search"], input[type="text"], #post-search-input, #media-search-input, #user-search-input),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > .wrap
  p.search-box
  :is(input[type="search"], input[type="text"], #post-search-input, #media-search-input, #user-search-input) {
  background: #22262e !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
  color: var(--ysh-text, #cfd6e0) !important;
}

/* plugin-install.php — filter bar, search, cards, upload ZIP */
html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.plugin-install-php:not(.block-editor-page):not(.site-editor-php)
  #wpbody-content
  > .wrap
  .wp-filter:not(.media-toolbar),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.plugin-install-php:not(.block-editor-page):not(.site-editor-php)
  #wpbody-content
  > .wrap
  .wp-filter:not(.media-toolbar) {
  background: rgba(0, 0, 0, 0.22) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: var(--ysh-text, #cfd6e0) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > .wrap
  .filter-links
  li
  > a,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > .wrap
  .filter-links
  li
  > a {
  color: var(--ysh-muted, #9aa5b1) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > .wrap
  .filter-links
  li
  > a.current,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > .wrap
  .filter-links
  li
  > a.current {
  color: var(--ysh-heading, #d8d3ce) !important;
  border-bottom-color: var(--ysh-brand, #eda934) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > .wrap
  :is(#search-plugins, .plugin-search input[type="search"], .plugin-search input.search-plugins),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > .wrap
  :is(#search-plugins, .plugin-search input[type="search"], .plugin-search input.search-plugins) {
  background: #22262e !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
  color: var(--ysh-text, #cfd6e0) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > .wrap
  .plugin-card,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > .wrap
  .plugin-card {
  background: var(--ysh-card, #1a1d23) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 6px 22px rgba(0, 0, 0, 0.35) !important;
  color: var(--ysh-text, #cfd6e0) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > .wrap
  .plugin-card
  :is(h3, h2, .column-name, .column-downloaded, .column-rating, .column-updated),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > .wrap
  .plugin-card
  :is(h3, h2, .column-name, .column-downloaded, .column-rating, .column-updated) {
  color: var(--ysh-heading, #d8d3ce) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > .wrap
  .plugin-card
  :is(.column-description, .desc, .column-description p, .desc p, .authors, .plugin-author),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > .wrap
  .plugin-card
  :is(.column-description, .desc, .column-description p, .desc p, .authors, .plugin-author) {
  color: var(--ysh-muted, #9aa5b1) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > .wrap
  :is(.plugin-card-top, .plugin-card-bottom),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > .wrap
  :is(.plugin-card-top, .plugin-card-bottom) {
  background: transparent !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > .wrap
  .plugin-action-buttons
  .button:not(.install-now):not(.button-primary),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > .wrap
  .plugin-action-buttons
  .button:not(.install-now):not(.button-primary) {
  background: rgba(255, 255, 255, 0.08) !important;
  color: var(--ysh-text, #cfd6e0) !important;
  border-color: rgba(255, 255, 255, 0.22) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.plugin-install-php:not(.block-editor-page):not(.site-editor-php)
  #wpbody-content
  > .wrap
  .plugin-card
  :is(.plugin-action-buttons, .action-links)
  :is(a.more-details-link, a.open-plugin-details-modal, a.thickbox.open-plugin-details-modal, a.ysh-plugin-install-details-link):not(
      .button
    ):not(.install-now),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.plugin-install-php:not(.block-editor-page):not(.site-editor-php)
  #wpbody-content
  > .wrap
  .plugin-card
  :is(.plugin-action-buttons, .action-links)
  :is(a.more-details-link, a.open-plugin-details-modal, a.thickbox.open-plugin-details-modal, a.ysh-plugin-install-details-link):not(
      .button
    ):not(.install-now) {
  color: var(--yooadmin-primary, var(--ysh-brand, #eda934)) !important;
  -webkit-text-fill-color: var(--yooadmin-primary, var(--ysh-brand, #eda934)) !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.plugin-install-php:not(.block-editor-page):not(.site-editor-php)
  #wpbody-content
  > .wrap
  .plugin-card
  :is(.plugin-action-buttons, .action-links)
  :is(a.more-details-link, a.open-plugin-details-modal, a.thickbox.open-plugin-details-modal, a.ysh-plugin-install-details-link):not(
      .button
    ):not(.install-now):hover,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.plugin-install-php:not(.block-editor-page):not(.site-editor-php)
  #wpbody-content
  > .wrap
  .plugin-card
  :is(.plugin-action-buttons, .action-links)
  :is(a.more-details-link, a.open-plugin-details-modal, a.thickbox.open-plugin-details-modal, a.ysh-plugin-install-details-link):not(
      .button
    ):not(.install-now):hover {
  color: #f5c15a !important;
  -webkit-text-fill-color: #f5c15a !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > .wrap
  :is(#upload-plugin, .upload-plugin, #install-plugin-form, form#install-plugin-form),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > .wrap
  :is(#upload-plugin, .upload-plugin, #install-plugin-form, form#install-plugin-form) {
  background: var(--ysh-card, #1a1d23) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: var(--ysh-radius, 14px) !important;
  color: var(--ysh-text, #cfd6e0) !important;
  color-scheme: dark !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > .wrap
  :is(#install-plugin-submit, #upload-plugin-submit),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > .wrap
  :is(#install-plugin-submit, #upload-plugin-submit) {
  background: var(--ysh-brand, #eda934) !important;
  border-color: color-mix(in srgb, var(--ysh-brand, #eda934) 85%, #000) !important;
  color: #1a1206 !important;
}

/* plugin-install.php — Popular tags: core common.css sets p.popular-tags / .popular-tags to #fff. */
html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > .wrap
  .plugins-popular-tags-wrapper
  > h2,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > .wrap
  .plugins-popular-tags-wrapper
  > h2 {
  color: var(--ysh-heading, #d8d3ce) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > .wrap
  .plugins-popular-tags-wrapper
  > p:not(.popular-tags),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > .wrap
  .plugins-popular-tags-wrapper
  > p:not(.popular-tags) {
  color: var(--ysh-muted, #9aa5b1) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > .wrap
  :is(p.popular-tags, .popular-tags),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > .wrap
  :is(p.popular-tags, .popular-tags) {
  background: var(--ysh-card, #1a1d23) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 6px 22px rgba(0, 0, 0, 0.25) !important;
  color: var(--ysh-muted, #9aa5b1) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > .wrap
  :is(p.popular-tags, .popular-tags)
  :is(.tagcloud, .the-tagcloud),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > .wrap
  :is(p.popular-tags, .popular-tags)
  :is(.tagcloud, .the-tagcloud) {
  background: transparent !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > .wrap
  :is(p.popular-tags, .popular-tags)
  a.tag-cloud-link,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > .wrap
  :is(p.popular-tags, .popular-tags)
  a.tag-cloud-link {
  color: var(--ysh-heading, #d8d3ce) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > .wrap
  :is(p.popular-tags, .popular-tags)
  a.tag-cloud-link:hover,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > .wrap
  :is(p.popular-tags, .popular-tags)
  a.tag-cloud-link:hover {
  color: var(--ysh-brand, #eda934) !important;
}

/* plugin-install.php — ZIP upload (install_plugins_upload): help text + file control + native chrome. */
html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > .wrap
  .upload-plugin,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > .wrap
  .upload-plugin {
  color-scheme: dark !important;
  color: var(--ysh-text, #cfd6e0) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > .wrap
  .upload-plugin
  p.install-help,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > .wrap
  .upload-plugin
  p.install-help {
  color: var(--ysh-muted, #9aa5b1) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > .wrap
  .upload-plugin
  input[type="file"],
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > .wrap
  .upload-plugin
  input[type="file"] {
  background: #22262e !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: var(--ysh-radius, 14px) !important;
  color: var(--ysh-text, #cfd6e0) !important;
  padding: 0.35rem 0.5rem !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > .wrap
  .wp-list-table
  tbody
  tr:not(.inline-edit-row)
  .row-title
  a,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > .wrap
  .wp-list-table
  tbody
  tr:not(.inline-edit-row)
  .row-title
  a {
  color: var(--ysh-heading, #d8d3ce) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > .wrap
  .wp-list-table
  tbody
  tr:not(.inline-edit-row)
  .row-title
  a:hover,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
    .site-editor-php
  )
  #wpbody-content
  > .wrap
  .wp-list-table
  tbody
  tr:not(.inline-edit-row)
  .row-title
  a:hover {
  color: var(--ysh-brand, #eda934) !important;
}

/* Admin Themes page — upload hint + selected filename (header + upload strip use global .yoo-upload-wrap dark rules). */
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-admin-themes-wrap
  .yooadmin-admin-themes-upload-hint,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-admin-themes-wrap
  .yooadmin-admin-themes-selected-file {
  color: var(--ysh-muted, #9aa5b1) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-admin-themes-wrap.yoo-theme-manager-wrap
  #wp-results.yoo-wordpress-results
  .yoo-plugin-card.yoo-theme-card {
  background: var(--ysh-card, #1a1d23) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.35) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-admin-themes-wrap.yoo-theme-manager-wrap
  .yoo-theme-card-media--placeholder {
  background: #151922 !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-admin-themes-wrap.yoo-theme-manager-wrap
  .yoo-theme-repo-meta--bottom,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-admin-themes-wrap.yoo-theme-manager-wrap
  .yoo-theme-repo-meta--bottom
  .yoo-stat {
  color: var(--ysh-muted, #9aa5b1) !important;
}

/* Light mode — shell canvas (mirror dashboard.css dark coverage so toggle applies without refresh). */
html[data-yooadmin-studio-color-mode-effective="light"]
  body.yooadmin-theme-yooadmin-studio-hub
  :is(#wpwrap, #wpcontent, #wpbody, #wpbody-content),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="light"]
  body.yooadmin-theme-yooadmin-studio-hub
  :is(#wpwrap, #wpcontent, #wpbody, #wpbody-content) {
  background: var(--ysh-surface, #f6f7f8) !important;
  background-color: var(--ysh-surface, #f6f7f8) !important;
  color-scheme: light;
}

html[data-yooadmin-studio-color-mode-effective="light"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yoo-shell-content,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="light"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yoo-shell-content {
  background: var(--ysh-surface, #f6f7f8) !important;
  background-color: var(--ysh-surface, #f6f7f8) !important;
}

html[data-yooadmin-studio-color-mode-effective="light"]
  body.yooadmin-theme-yooadmin-studio-hub
  :is(.yp-dashboard-footer, #wpfooter),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="light"]
  body.yooadmin-theme-yooadmin-studio-hub
  :is(.yp-dashboard-footer, #wpfooter) {
  background: #fff !important;
  background-color: #fff !important;
}

/* Focus shell: drop default horizontal/bottom padding so surface color isn’t framed by strips */
body.yooadmin-theme-yooadmin-studio-hub .yoo-shell-content {
  padding: 0;
  box-sizing: border-box;
}

/* Hello Dolly: plain #dolly paragraph from admin_notices must not join hub layout flow. */
body.yooadmin-theme-yooadmin-studio-hub #wpbody-content > #dolly {
  display: none !important;
}

/* Main + aside layout */
.yp-studio-hub {
  max-width: var(--ysh-layout-max, 1400px);
  margin: 0 auto;
}

/* Breadcrumbs + shortcuts: same max width as dashboard + compact horizontal padding */
body.yooadmin-theme-yooadmin-studio-hub .yp-breadcrumbs-inner {
  max-width: var(--ysh-layout-max, 1400px);
  margin-inline: auto;
  width: 100%;
  box-sizing: border-box;
  padding-block: 1px;
  padding-inline: 16px;
}

@media (max-width: 768px) {
  body.yooadmin-theme-yooadmin-studio-hub .yp-breadcrumbs-inner {
    padding-block: 1px;
    padding-inline: 12px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    overflow: visible;
  }

  body.yooadmin-theme-yooadmin-studio-hub .yp-breadcrumbs-tools {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    flex: 1 1 auto;
    min-width: 0;
    margin-inline-start: 0;
    overflow: visible;
  }

  body.yooadmin-theme-yooadmin-studio-hub .yp-breadcrumbs-tools .ysh-appearance {
    flex-shrink: 0;
    order: 2;
  }

  body.yooadmin-theme-yooadmin-studio-hub .yp-breadcrumbs-tools .yp-breadcrumbs-lang {
    flex-shrink: 0;
    order: 3;
  }

  body.yooadmin-theme-yooadmin-studio-hub .yp-breadcrumbs-tools .yp-toolbar-shortcuts {
    flex: 1 1 auto;
    min-width: 0;
    order: 1;
    overflow-y: visible;
  }

}

/* Swapped overflow strip: inline on the bar — override 32px overflow-chip sizing */
body.yooadmin-theme-yooadmin-studio-hub .yp-toolbar-shortcuts.yp-toolbar-shortcuts--more-open .yp-command-palette-trigger--overflow-menu {
  display: inline-flex !important;
}

/* Studio Hub: header logo — width from Branding (logo_w); height follows aspect ratio. */
body.yooadmin-theme-yooadmin-studio-hub .yp-header .yp-logo-link {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  line-height: 0;
  height: auto;
  min-height: 0;
  max-height: none;
  min-width: 0;
  flex-shrink: 0;
}

body.yooadmin-theme-yooadmin-studio-hub .yp-header .yp-logo-link .yp-logo {
  width: var(--yooadmin-logo-w, 150px) !important;
  height: auto !important;
  max-height: none !important;
  max-width: var(--yooadmin-logo-w, 150px);
  object-fit: contain;
  object-position: left center;
  display: block;
}

@media (max-width: 782px) {
  body.yooadmin-theme-yooadmin-studio-hub .yp-header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: "left right";
    align-items: center;
    justify-content: stretch;
    gap: 8px;
  }

  body.yooadmin-theme-yooadmin-studio-hub .yp-header-center {
    display: none !important;
  }

  body.yooadmin-theme-yooadmin-studio-hub .yp-header-left {
    grid-area: left;
    flex: initial;
    align-items: center;
    min-width: 0;
    max-width: 100%;
  }

  body.yooadmin-theme-yooadmin-studio-hub .yp-header-right {
    grid-area: right;
    margin-left: 0;
    flex: initial;
    justify-self: end;
  }

  body.yooadmin-theme-yooadmin-studio-hub .yp-header-left .yooadmin-shell-logo-wrap {
    align-items: center;
  }

  body.yooadmin-theme-yooadmin-studio-hub .yp-header .yp-logo-link {
    align-items: center;
    max-width: none;
  }

  body.yooadmin-theme-yooadmin-studio-hub .yp-header .yp-logo-link .yp-logo {
    max-width: var(--yooadmin-logo-w, 150px);
  }

  body.yooadmin-theme-yooadmin-studio-hub .yp-header-left .yooadmin-shell-license-badge .dashicons {
    font-size: 17px !important;
    width: 17px !important;
    height: 17px !important;
  }
}

/* Appearance: compact toggle + icon row popover (light / dark / auto) */
body.yooadmin-theme-yooadmin-studio-hub .yp-breadcrumbs-bar {
  --yp-breadcrumbs-icon-size: 18px;
  --yp-breadcrumbs-icon-hit: 36px;
}

body.yooadmin-theme-yooadmin-studio-hub .yp-breadcrumbs-tools {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 4px;
  flex-shrink: 0;
  min-width: 0;
  max-width: 100%;
  margin-inline-start: auto;
}

body.yooadmin-theme-yooadmin-studio-hub .yp-breadcrumbs-tools--shortcuts-swapped > .ysh-appearance::after,
body.yooadmin-theme-yooadmin-studio-hub .yp-breadcrumbs-tools--shortcuts-swapped > .yp-breadcrumbs-lang::after {
  display: none;
}

/* Yoast dot ring follows breadcrumbs chrome in dark mode */
html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub .yp-toolbar-item[data-toolbar-id='wpseo-menu'] .yp-toolbar-badge {
  box-shadow: 0 0 0 1.5px var(--ysh-breadcrumbs-bg, var(--yp-header-bg, #1a1d23));
}

body.yooadmin-theme-yooadmin-studio-hub .yp-breadcrumbs-tools--shortcuts-swapped .yp-toolbar-shortcuts {
  flex: 1 1 auto;
  min-width: 0;
  max-width: 100%;
}

body.yooadmin-theme-yooadmin-studio-hub .yp-toolbar-shortcuts.yp-toolbar-shortcuts--more-open .yp-toolbar-menu--overflow .yp-toolbar-overflow-strip > .yp-command-palette-trigger--overflow-menu,
body.yooadmin-theme-yooadmin-studio-hub .yp-toolbar-shortcuts.yp-toolbar-shortcuts--more-open .yp-toolbar-menu--overflow .yp-toolbar-overflow-strip > .yp-command-palette-trigger--mobile-menu,
body.yooadmin-theme-yooadmin-studio-hub .yp-toolbar-shortcuts.yp-toolbar-shortcuts--more-open .yp-toolbar-menu--overflow .yp-toolbar-overflow-strip > .ysh-width--overflow .ysh-width__toggle,
body.yooadmin-theme-yooadmin-studio-hub .yp-toolbar-shortcuts.yp-toolbar-shortcuts--more-open .yp-toolbar-menu--overflow .yp-toolbar-overflow-strip > .yp-toolbar-item > .yp-toolbar-trigger {
  min-width: var(--yp-breadcrumbs-icon-hit, 36px) !important;
  width: var(--yp-breadcrumbs-icon-hit, 36px) !important;
  height: var(--yp-breadcrumbs-icon-hit, 36px) !important;
  border-radius: 6px !important;
}

body.yooadmin-theme-yooadmin-studio-hub .yp-toolbar-shortcuts.yp-toolbar-shortcuts--more-open .yp-toolbar-overflow-strip {
  --yp-strip-glyph: var(--yp-breadcrumbs-icon-size, 18px);
}

/* Bar controls: same icon size + hit target as .yp-toolbar-item triggers */
body.yooadmin-theme-yooadmin-studio-hub .yp-breadcrumbs-tools .ysh-appearance__toggle,
body.yooadmin-theme-yooadmin-studio-hub .yp-breadcrumbs-tools .yp-breadcrumbs-lang__toggle,
body.yooadmin-theme-yooadmin-studio-hub .yp-breadcrumbs-tools .yp-command-palette-trigger {
  min-width: var(--yp-breadcrumbs-icon-hit);
  width: var(--yp-breadcrumbs-icon-hit);
  height: var(--yp-breadcrumbs-icon-hit);
  padding: 0;
  border-radius: 6px;
}

/* Search (⌘K) + page width: inside ⋮ overflow only — never on the bar row */
body.yooadmin-theme-yooadmin-studio-hub .yp-breadcrumbs-tools > .ysh-width,
body.yooadmin-theme-yooadmin-studio-hub .yp-breadcrumbs-tools > .yp-command-palette-trigger {
  display: none !important;
}

/* 32px chip tiles — collapsed overflow panel only (swapped bar uses core 36px rules) */
body.yooadmin-theme-yooadmin-studio-hub .yp-toolbar-shortcuts:not(.yp-toolbar-shortcuts--more-open) .yp-toolbar-menu--overflow .yp-command-palette-trigger--overflow-menu,
body.yooadmin-theme-yooadmin-studio-hub .yp-toolbar-shortcuts:not(.yp-toolbar-shortcuts--more-open) .yp-toolbar-menu--overflow .yp-command-palette-trigger--mobile-menu {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  min-width: 32px;
  height: 32px;
  padding: 0;
  border: none;
  border-radius: 8px;
  background: transparent;
  color: var(--yooadmin-primary, var(--ysh-brand, #eda934));
  cursor: pointer;
  font: inherit;
  line-height: 1;
}

body.yooadmin-theme-yooadmin-studio-hub .yp-toolbar-menu--overflow .yp-command-palette-trigger--overflow-menu:hover,
body.yooadmin-theme-yooadmin-studio-hub .yp-toolbar-menu--overflow .yp-command-palette-trigger--overflow-menu:focus,
body.yooadmin-theme-yooadmin-studio-hub .yp-toolbar-menu--overflow .yp-command-palette-trigger--mobile-menu:hover,
body.yooadmin-theme-yooadmin-studio-hub .yp-toolbar-menu--overflow .yp-command-palette-trigger--mobile-menu:focus {
  background: color-mix(in srgb, var(--yooadmin-primary, var(--ysh-brand, #eda934)) 8%, transparent);
  outline: none;
}

body.yooadmin-theme-yooadmin-studio-hub .yp-toolbar-menu--overflow .ysh-width--overflow {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
}

body.yooadmin-theme-yooadmin-studio-hub .yp-toolbar-shortcuts:not(.yp-toolbar-shortcuts--more-open) .yp-toolbar-menu--overflow .ysh-width--overflow .ysh-width__toggle {
  min-width: 32px;
  width: 32px;
  height: 32px;
  padding: 0;
  border-radius: 8px;
}

body.yooadmin-theme-yooadmin-studio-hub .yp-toolbar-menu--overflow .ysh-width--overflow .ysh-width__menu {
  inset-inline-end: 0;
  inset-inline-start: auto;
  top: calc(100% + 6px);
}

/* ⋮ overflow: let width picker (normal / wide / full) escape horizontal scroll clip. */
body.yooadmin-theme-yooadmin-studio-hub .yp-toolbar-shortcuts.yp-toolbar-shortcuts--more-open:has(.ysh-width.is-open),
body.yooadmin-theme-yooadmin-studio-hub .yp-toolbar-shortcuts.yp-toolbar-shortcuts--more-open:has(.ysh-width.is-open) .yp-toolbar-item--overflow,
body.yooadmin-theme-yooadmin-studio-hub .yp-toolbar-shortcuts.yp-toolbar-shortcuts--more-open:has(.ysh-width.is-open) .yp-toolbar-menu--overflow,
body.yooadmin-theme-yooadmin-studio-hub .yp-toolbar-shortcuts.yp-toolbar-shortcuts--more-open:has(.ysh-width.is-open) .yp-toolbar-overflow-strip {
  overflow: visible !important;
}

body.yooadmin-theme-yooadmin-studio-hub .yp-toolbar-shortcuts.yp-toolbar-shortcuts--more-open .ysh-width--overflow.is-open {
  position: relative;
  z-index: 100150;
}

body.yooadmin-theme-yooadmin-studio-hub .yp-toolbar-shortcuts.yp-toolbar-shortcuts--more-open .ysh-width--overflow.is-open .ysh-width__menu {
  z-index: 100151;
}

html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub .yp-toolbar-menu.yp-toolbar-menu--overflow {
  background: color-mix(in srgb, var(--ysh-card, #1a1d23) 92%, #000);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(255, 255, 255, 0.06);
}

/* Dark: deeper groove (etched into dark chrome) */
html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub .yp-breadcrumbs-bar :is(
  .yp-toolbar-item:not(:last-child)::after,
  .yp-breadcrumbs-tools > .ysh-appearance:not(:last-child)::after,
  .yp-breadcrumbs-tools > .yp-breadcrumbs-lang:not(:last-child)::after,
  .yp-toolbar-menu--overflow .yp-toolbar-item:not(:last-child)::after,
  .yp-toolbar-menu--overflow .yp-toolbar-overflow-strip > .yp-command-palette-trigger:not(:last-child)::after,
  .yp-toolbar-menu--overflow .yp-toolbar-overflow-strip > .ysh-width--overflow:not(:last-child)::after
) {
  box-shadow: 1px 0 0 rgba(0, 0, 0, 0.42), -1px 0 0 rgba(255, 255, 255, 0.07);
  opacity: 1;
}

body.yooadmin-theme-yooadmin-studio-hub .ysh-appearance {
  position: relative;
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
}

body.yooadmin-theme-yooadmin-studio-hub .ysh-appearance__toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 6px;
  background: transparent;
  box-shadow: none;
  cursor: pointer;
  color: var(--yooadmin-primary, var(--ysh-brand, #eda934));
  font-family: inherit;
  line-height: 1;
}

body.yooadmin-theme-yooadmin-studio-hub .ysh-appearance.is-open .ysh-appearance__toggle {
  background: color-mix(in srgb, var(--yooadmin-primary, var(--ysh-brand, #eda934)) 8%, transparent);
}

body.yooadmin-theme-yooadmin-studio-hub .ysh-appearance__toggle:focus-visible {
  outline: 2px solid var(--ysh-brand, var(--yooadmin-primary, #eda934));
  outline-offset: 2px;
}

body.yooadmin-theme-yooadmin-studio-hub .ysh-appearance__toggle-icons {
  position: relative;
  width: var(--yp-breadcrumbs-icon-size, 18px);
  height: var(--yp-breadcrumbs-icon-size, 18px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

body.yooadmin-theme-yooadmin-studio-hub .ysh-appearance__ti {
  display: none;
  align-items: center;
  justify-content: center;
}

body.yooadmin-theme-yooadmin-studio-hub .ysh-appearance__ti.is-current {
  display: flex;
}

body.yooadmin-theme-yooadmin-studio-hub .ysh-appearance__svg {
  display: block;
  width: var(--yp-breadcrumbs-icon-size, 18px);
  height: var(--yp-breadcrumbs-icon-size, 18px);
  fill: currentColor;
}

body.yooadmin-theme-yooadmin-studio-hub .ysh-appearance__dash.dashicons {
  font-size: var(--yp-breadcrumbs-icon-size, 18px);
  width: var(--yp-breadcrumbs-icon-size, 18px);
  height: var(--yp-breadcrumbs-icon-size, 18px);
  line-height: 1;
  display: block;
  opacity: 0.95;
}

body.yooadmin-theme-yooadmin-studio-hub .ysh-appearance__toggle .ysh-appearance__ti.is-current,
body.yooadmin-theme-yooadmin-studio-hub .ysh-appearance__toggle .ysh-appearance__ti.is-current .ysh-appearance__svg,
body.yooadmin-theme-yooadmin-studio-hub .ysh-appearance__toggle .ysh-appearance__ti.is-current .ysh-appearance__dash.dashicons {
  color: var(--yooadmin-primary, var(--ysh-brand, #eda934)) !important;
  -webkit-text-fill-color: var(--yooadmin-primary, var(--ysh-brand, #eda934)) !important;
}

body.yooadmin-theme-yooadmin-studio-hub .ysh-appearance__menu {
  position: absolute;
  inset-inline-end: 0;
  top: calc(100% + 6px);
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  padding: 8px;
  border-radius: 10px;
  border: 1px solid var(--ysh-border, rgba(0, 0, 0, 0.1));
  background: var(--yp-header-bg, #fff);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.14);
  z-index: 100100;
}

body.yooadmin-theme-yooadmin-studio-hub .ysh-appearance__menu[hidden] {
  display: none !important;
}

body.yooadmin-theme-yooadmin-studio-hub .ysh-appearance__option {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  width: 40px;
  height: 36px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: var(--ysh-header-fg, var(--yooadmin-text-600, #5d5d5d));
  cursor: pointer;
  font-family: inherit;
  line-height: 0;
}

body.yooadmin-theme-yooadmin-studio-hub .ysh-appearance__option:hover {
  background: color-mix(in srgb, var(--ysh-header-fg, #5d5d5d) 10%, transparent);
}

body.yooadmin-theme-yooadmin-studio-hub .ysh-appearance__option:focus-visible {
  outline: 2px solid var(--ysh-brand, var(--yooadmin-primary, #eda934));
  outline-offset: 1px;
}

body.yooadmin-theme-yooadmin-studio-hub .ysh-appearance__option.is-active {
  border-color: color-mix(in srgb, var(--yooadmin-primary, var(--ysh-brand, #eda934)) 55%, transparent);
  background: color-mix(in srgb, var(--yooadmin-primary, var(--ysh-brand, #eda934)) 18%, transparent);
  color: var(--yooadmin-primary, var(--ysh-brand, #eda934));
}

body.yooadmin-theme-yooadmin-studio-hub .ysh-appearance__option.is-active .ysh-appearance__svg,
body.yooadmin-theme-yooadmin-studio-hub .ysh-appearance__option.is-active .ysh-appearance__dash.dashicons {
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

body.yooadmin-theme-yooadmin-studio-hub .ysh-appearance[aria-busy='true'] {
  opacity: 0.65;
  pointer-events: none;
}

html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub .ysh-appearance__toggle {
  border: none;
  background: transparent;
  box-shadow: none;
  color: var(--yooadmin-primary, var(--ysh-brand, #eda934));
}

html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub .ysh-appearance__toggle .dashicons {
  color: inherit;
  opacity: 0.9;
}

html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub .ysh-appearance__menu {
  background: var(--ysh-card, #1a1d23);
  border-color: rgba(255, 255, 255, 0.12);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45);
}

html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub .ysh-appearance__option {
  color: #c5cad3;
}

html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub .ysh-appearance__option:hover {
  background: rgba(255, 255, 255, 0.08);
}

html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub .ysh-appearance__option.is-active {
  color: var(--ysh-brand, #eda934);
  background: var(--ysh-brand-soft-bg-strong, rgba(233, 168, 57, 0.15));
  border-color: rgba(var(--ysh-brand-rgb, 233, 168, 57), 0.4);
}

body.yooadmin-theme-yooadmin-studio-hub .ysh-width {
  position: relative;
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
}

body.yooadmin-theme-yooadmin-studio-hub .ysh-width__toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  margin: 0;
  padding: 0;
  min-width: var(--yp-breadcrumbs-icon-hit, 36px);
  width: var(--yp-breadcrumbs-icon-hit, 36px);
  height: var(--yp-breadcrumbs-icon-hit, 36px);
  border: 1px solid transparent;
  border-radius: 6px;
  background: transparent;
  box-shadow: none;
  cursor: pointer;
  color: var(--yooadmin-primary, var(--ysh-brand, #eda934));
  font-family: inherit;
  line-height: 1;
  transition: border-radius 0.18s ease, background-color 0.18s ease, color 0.18s ease, min-width 0.18s ease;
}

body.yooadmin-theme-yooadmin-studio-hub .ysh-width__toggle--wide,
body.yooadmin-theme-yooadmin-studio-hub .ysh-width__toggle--full {
  min-width: var(--yp-breadcrumbs-icon-hit, 36px);
  width: var(--yp-breadcrumbs-icon-hit, 36px);
  border-radius: 6px;
  background: transparent;
}

body.yooadmin-theme-yooadmin-studio-hub .ysh-width.is-open .ysh-width__toggle {
  background: color-mix(in srgb, var(--yooadmin-primary, var(--ysh-brand, #eda934)) 8%, transparent);
}

body.yooadmin-theme-yooadmin-studio-hub .ysh-width__toggle:focus-visible,
body.yooadmin-theme-yooadmin-studio-hub .ysh-width__option:focus-visible {
  outline: 2px solid var(--ysh-brand, var(--yooadmin-primary, #eda934));
  outline-offset: 2px;
}

body.yooadmin-theme-yooadmin-studio-hub .ysh-width__toggle-icon,
body.yooadmin-theme-yooadmin-studio-hub .ysh-width__option {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

body.yooadmin-theme-yooadmin-studio-hub .ysh-width__svg {
  display: block;
  width: var(--yp-breadcrumbs-icon-size, 18px);
  height: var(--yp-breadcrumbs-icon-size, 18px);
}

body.yooadmin-theme-yooadmin-studio-hub .ysh-width__menu {
  position: absolute;
  inset-inline-end: 0;
  top: calc(100% + 6px);
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  padding: 8px;
  border-radius: 10px;
  border: 1px solid var(--ysh-border, rgba(0, 0, 0, 0.1));
  background: var(--yp-header-bg, #fff);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.14);
  z-index: 100100;
}

body.yooadmin-theme-yooadmin-studio-hub .ysh-width__menu[hidden] {
  display: none !important;
}

body.yooadmin-theme-yooadmin-studio-hub .ysh-width__option {
  margin: 0;
  padding: 0;
  width: 40px;
  height: 36px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: var(--ysh-header-fg, var(--yooadmin-text-600, #5d5d5d));
  cursor: pointer;
  font-family: inherit;
  line-height: 0;
}

body.yooadmin-theme-yooadmin-studio-hub .ysh-width__option[data-ysh-width='wide'] {
  width: 42px;
  border-radius: 10px;
}

body.yooadmin-theme-yooadmin-studio-hub .ysh-width__option[data-ysh-width='full'] {
  width: 44px;
  border-radius: 10px;
}

body.yooadmin-theme-yooadmin-studio-hub .ysh-width__option:hover {
  background: color-mix(in srgb, var(--ysh-header-fg, #5d5d5d) 10%, transparent);
}

body.yooadmin-theme-yooadmin-studio-hub .ysh-width__option.is-active {
  border-color: color-mix(in srgb, var(--yooadmin-primary, var(--ysh-brand, #eda934)) 55%, transparent);
  background: color-mix(in srgb, var(--yooadmin-primary, var(--ysh-brand, #eda934)) 18%, transparent);
  color: var(--yooadmin-primary, var(--ysh-brand, #eda934));
}

body.yooadmin-theme-yooadmin-studio-hub .ysh-width[aria-busy='true'] {
  opacity: 0.65;
  pointer-events: none;
}

html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub .ysh-width__toggle {
  color: var(--yooadmin-primary, var(--ysh-brand, #eda934));
}

html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub .ysh-width__menu {
  background: var(--ysh-card, #1a1d23);
  border-color: rgba(255, 255, 255, 0.12);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45);
}

html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub .ysh-width__option {
  color: #c5cad3;
}

html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub .ysh-width__option:hover {
  background: rgba(255, 255, 255, 0.08);
}

html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub .ysh-width__option.is-active {
  color: var(--ysh-brand, #eda934);
  background: rgba(var(--ysh-brand-rgb, 237, 169, 52), 0.15);
  border-color: rgba(var(--ysh-brand-rgb, 237, 169, 52), 0.45);
}

/*
 * Header: paint the full sticky strip on .yp-header-wrapper so narrowing .yp-header
 * does not leave contrasting side gutters (the old “frame” look).
 */
body.yooadmin-theme-yooadmin-studio-hub .yp-header-wrapper {
  background: var(--yp-header-bg, var(--yooadmin-header-bg, #4b4b4b));
  border-bottom: none;
  box-shadow: none;
}

body.yooadmin-theme-yooadmin-studio-hub .yp-breadcrumbs-bar {
  /* Light: not tied to header (bridge + Theme Colors). Dark: overridden below to follow header. */
  position: relative;
  z-index: 1;
  background: var(--ysh-breadcrumbs-bg, var(--yooadmin-breadcrumbs-bg, #ffffff));
  border-top: 1px solid var(--ysh-border, rgba(0, 0, 0, 0.08));
  border-bottom: none;
  border-left: none;
  border-right: none;
  box-shadow: var(--ysh-breadcrumbs-elev) !important;
}

body.yooadmin-theme-yooadmin-studio-hub .yp-header {
  max-width: var(--ysh-layout-max, 1400px);
  margin-inline: auto;
  width: 100%;
  box-sizing: border-box;
  background: transparent !important;
  box-shadow: none !important;
}

@media (max-width: 782px) {
  html.yooadmin-studio-hub-html,
  body.yooadmin-theme-yooadmin-studio-hub {
    overflow-x: hidden;
  }

  body.yooadmin-theme-yooadmin-studio-hub .yp-header-wrapper,
  body.yooadmin-theme-yooadmin-studio-hub .yp-subsite-chrome {
    inset-inline: 0;
    width: auto;
    max-width: 100%;
    transform: none;
  }

  body.yooadmin-theme-yooadmin-studio-hub .yp-header,
  body.yooadmin-theme-yooadmin-studio-hub .yp-breadcrumbs-inner,
  body.yooadmin-theme-yooadmin-studio-hub #yp-subsite-context-bar .yp-subsite-context-bar__row.yp-header,
  body.yooadmin-theme-yooadmin-studio-hub .yp-subsite-context-bar__expand-rail .yp-subsite-context-bar__expand-row.yp-header {
    max-width: 100% !important;
    width: auto !important;
    min-width: 0;
    margin-inline: 0 !important;
  }

  body.yooadmin-theme-yooadmin-studio-hub .yp-breadcrumbs-tools,
  body.yooadmin-theme-yooadmin-studio-hub .yp-toolbar-shortcuts,
  body.yooadmin-theme-yooadmin-studio-hub .yp-toolbar-shortcuts.yp-toolbar-shortcuts--more-open .yp-toolbar-item--overflow,
  body.yooadmin-theme-yooadmin-studio-hub .yp-toolbar-shortcuts.yp-toolbar-shortcuts--more-open .yp-toolbar-overflow-strip {
    max-width: 100%;
    min-width: 0;
  }

  body.yooadmin-theme-yooadmin-studio-hub .yp-toolbar-shortcuts {
    overscroll-behavior-x: contain;
  }
}

/* Light: header chrome uses Theme Colors (ysh-header-* set in print_studio_hub_shell_color_bridge) */
html[data-yooadmin-studio-color-mode-effective="light"] body.yooadmin-theme-yooadmin-studio-hub .yp-header {
  color: var(--ysh-header-fg, var(--yooadmin-text-600, #5d5d5d)) !important;
}

html[data-yooadmin-studio-color-mode-effective="light"] body.yooadmin-theme-yooadmin-studio-hub .yp-header .yp-user-name,
html[data-yooadmin-studio-color-mode-effective="light"] body.yooadmin-theme-yooadmin-studio-hub .yp-header .yp-user-info {
  color: inherit !important;
}

html[data-yooadmin-studio-color-mode-effective="light"] body.yooadmin-theme-yooadmin-studio-hub .yp-header .yps-toggle {
  color: var(--ysh-header-fg, var(--yooadmin-text-600, #5d5d5d)) !important;
  background: transparent !important;
}

html[data-yooadmin-studio-color-mode-effective="light"] body.yooadmin-theme-yooadmin-studio-hub .yp-header .yps-toggle:hover,
html[data-yooadmin-studio-color-mode-effective="light"] body.yooadmin-theme-yooadmin-studio-hub .yp-header .yps-toggle:focus,
html[data-yooadmin-studio-color-mode-effective="light"] body.yooadmin-theme-yooadmin-studio-hub .yp-header .yps-toggle:focus-visible {
  color: var(--ysh-header-fg, var(--yooadmin-text-600, #5d5d5d)) !important;
  background: color-mix(in srgb, var(--ysh-header-fg, #5d5d5d) 12%, transparent) !important;
}

html[data-yooadmin-studio-color-mode-effective="light"] body.yooadmin-theme-yooadmin-studio-hub .yp-header .yps-toggle:active,
html[data-yooadmin-studio-color-mode-effective="light"] body.yooadmin-theme-yooadmin-studio-hub .yp-header .yps-toggle[aria-expanded="true"] {
  color: var(--yooadmin-primary, var(--ysh-brand, #eda934)) !important;
  background: color-mix(in srgb, var(--ysh-header-fg, #5d5d5d) 14%, transparent) !important;
}

html[data-yooadmin-studio-color-mode-effective="light"] body.yooadmin-theme-yooadmin-studio-hub .yp-header .yp-license-status-button:not(.yooadmin-shell-license-badge) {
  color: var(--ysh-header-fg, var(--yp-text-contrast, #fff)) !important;
  background: color-mix(in srgb, var(--ysh-header-fg, #fff) 12%, var(--yp-header-bg, #4b4b4b)) !important;
  border-color: color-mix(in srgb, var(--ysh-header-fg, #fff) 22%, transparent) !important;
}

html[data-yooadmin-studio-color-mode-effective="light"] body.yooadmin-theme-yooadmin-studio-hub .yp-header-left .yooadmin-shell-license-badge.yp-license-status-active {
  color: var(--yooadmin-primary, var(--ysh-brand, #eda934)) !important;
}

html[data-yooadmin-studio-color-mode-effective="light"] body.yooadmin-theme-yooadmin-studio-hub .yp-header-left .yooadmin-shell-license-badge.yp-license-status-inactive {
  color: color-mix(in srgb, var(--ysh-header-fg, #5d5d5d) 68%, transparent) !important;
}

html[data-yooadmin-studio-color-mode-effective="light"] body.yooadmin-theme-yooadmin-studio-hub .yp-header .yp-license-status-active:not(.yooadmin-shell-license-badge) {
  color: var(--ysh-header-fg, var(--yooadmin-text-600, #5d5d5d)) !important;
}

html[data-yooadmin-studio-color-mode-effective="light"] body.yooadmin-theme-yooadmin-studio-hub .yp-header .yp-license-status-expired,
html[data-yooadmin-studio-color-mode-effective="light"] body.yooadmin-theme-yooadmin-studio-hub .yp-header .yp-license-status-suspended,
html[data-yooadmin-studio-color-mode-effective="light"] body.yooadmin-theme-yooadmin-studio-hub .yp-header .yp-license-status-revoked,
html[data-yooadmin-studio-color-mode-effective="light"] body.yooadmin-theme-yooadmin-studio-hub .yp-header .yp-license-status-expiring {
  color: #ffffff !important;
}

html[data-yooadmin-studio-color-mode-effective="light"] body.yooadmin-theme-yooadmin-studio-hub .yp-header .yp-notifications {
  background: transparent !important;
}

html[data-yooadmin-studio-color-mode-effective="light"] body.yooadmin-theme-yooadmin-studio-hub .yp-header .yp-notifications:hover {
  background: transparent !important;
}

/* Header trigger bell only (direct child) — white; dropdown list bells stay orange via .yp-notification-icon. */
body.yooadmin-theme-yooadmin-studio-hub .yp-header .yp-notifications > .dashicons.dashicons-bell {
  color: #ffffff !important;
}

body.yooadmin-theme-yooadmin-studio-hub .yp-header .yp-notifications:hover > .dashicons.dashicons-bell {
  background: rgba(255, 255, 255, 0.12);
}

html[data-yooadmin-studio-color-mode-effective="dark"] body.yooadmin-theme-yooadmin-studio-hub .yp-header .yp-notifications > .notification-count,
html[data-yooadmin-studio-color-mode-effective="dark"] body.yooadmin-theme-yooadmin-studio-hub .yp-header .yp-notifications > .yp-notification-count,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"] body.yooadmin-theme-yooadmin-studio-hub .yp-header .yp-notifications > .notification-count,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"] body.yooadmin-theme-yooadmin-studio-hub .yp-header .yp-notifications > .yp-notification-count,
html[data-yooadmin-studio-color-mode-effective="dark"] body.yooadmin-theme-yooadmin-studio-hub #wp-admin-bar-yooadmin-notifications .yp-notification-count,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"] body.yooadmin-theme-yooadmin-studio-hub #wp-admin-bar-yooadmin-notifications .yp-notification-count {
  background-color: var(--ysh-brand-badge-bg, var(--ysh-brand, #eda934));
  color: #fff;
  -webkit-text-fill-color: #fff;
}

/* Dark mode — notifications dropdown + filter tabs (yp-admin-core / notifications-ui use light surfaces). */
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-notifications-dropdown {
  background: var(--ysh-card, #1a1d23) !important;
  border: 1px solid var(--ysh-border, rgba(255, 255, 255, 0.1)) !important;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.55) !important;
  color: var(--ysh-text, #cfd6e0) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-notifications-header {
  background: color-mix(in srgb, var(--ysh-card, #1a1d23) 88%, #0c0e12) !important;
  border-bottom-color: var(--ysh-border, rgba(255, 255, 255, 0.1)) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-notifications-header
  h3 {
  color: var(--ysh-heading, #d8d3ce) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-notifications-mark-read:hover,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-notifications-mark-read:focus {
  background: rgba(255, 255, 255, 0.08) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-filter-tabs {
  background: color-mix(in srgb, var(--ysh-card, #1a1d23) 92%, #0c0e12) !important;
  border-bottom-color: var(--ysh-border, rgba(255, 255, 255, 0.1)) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-filter-tab {
  color: var(--ysh-muted, #9aa5b1) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-filter-tab:hover {
  background-color: rgba(255, 255, 255, 0.06) !important;
  color: var(--ysh-text, #cfd6e0) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-filter-tab.active {
  color: var(--yooadmin-primary, var(--ysh-brand, #eda934)) !important;
  border-bottom-color: var(--yooadmin-primary, var(--ysh-brand, #eda934)) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-tab-count {
  background: rgba(255, 255, 255, 0.12) !important;
  color: var(--ysh-text, #cfd6e0) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-filter-tab.active
  .yp-tab-count {
  background: var(--yooadmin-primary, var(--ysh-brand, #eda934)) !important;
  color: #fff !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-filter-tabs-more {
  color: var(--ysh-muted, #9aa5b1) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-filter-tabs-more:hover {
  background-color: rgba(255, 255, 255, 0.06) !important;
  color: var(--ysh-text, #cfd6e0) !important;
}

/*
 * Dark mode — global filter chips / filter buttons (users, posts, pages, plugins, tags, categories, activity, …).
 * dashboard.css scoped these to list pages only; users & others were left on light surfaces from *-page.css.
 */
html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  :is(.yoo-filter-chip, .yoo-filter-btn):not(.is-active),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  :is(.yoo-filter-chip, .yoo-filter-btn):not(.is-active) {
  background: rgba(255, 255, 255, 0.04) !important;
  background-color: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: var(--ysh-text, #cfd6e0) !important;
  -webkit-text-fill-color: var(--ysh-text, #cfd6e0) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  :is(.yoo-filter-chip, .yoo-filter-btn):not(.is-active):hover,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  :is(.yoo-filter-chip, .yoo-filter-btn):not(.is-active):hover {
  background: rgba(255, 255, 255, 0.08) !important;
  background-color: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
  color: var(--ysh-heading, #e8ecf1) !important;
  -webkit-text-fill-color: var(--ysh-heading, #e8ecf1) !important;
  text-decoration: none !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  :is(.yoo-filter-chip, .yoo-filter-btn).is-active,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  :is(.yoo-filter-chip, .yoo-filter-btn).is-active {
  background: var(--ysh-brand, var(--yooadmin-primary, #eda934)) !important;
  background-color: var(--ysh-brand, var(--yooadmin-primary, #eda934)) !important;
  border-color: var(--ysh-brand, var(--yooadmin-primary, #eda934)) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  :is(.yoo-filter-chip, .yoo-filter-btn).is-active
  :is(*, .yoo-filter-count, .dashicons),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  :is(.yoo-filter-chip, .yoo-filter-btn).is-active
  :is(*, .yoo-filter-count, .dashicons) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  :is(.yoo-filter-chip, .yoo-filter-btn):not(.is-active)
  .yoo-filter-count,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  :is(.yoo-filter-chip, .yoo-filter-btn):not(.is-active)
  .yoo-filter-count {
  background: rgba(255, 255, 255, 0.1) !important;
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  :is(.yoo-filter-chip, .yoo-filter-btn).is-active
  .yoo-filter-count,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  :is(.yoo-filter-chip, .yoo-filter-btn).is-active
  .yoo-filter-count {
  background: rgba(255, 255, 255, 0.22) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  :is(
    .yoo-users-toolbar,
    .yoo-posts-toolbar,
    .yoo-pages-toolbar,
    .yoo-plugins-toolbar,
    .yoo-activity-toolbar
  ),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  :is(
    .yoo-users-toolbar,
    .yoo-posts-toolbar,
    .yoo-pages-toolbar,
    .yoo-plugins-toolbar,
    .yoo-activity-toolbar
  ) {
  border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yoo-clear-filters,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yoo-clear-filters {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: var(--ysh-text, #cfd6e0) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yoo-clear-filters:hover,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yoo-clear-filters:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
  color: var(--ysh-heading, #e8ecf1) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yoo-sort-select,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yoo-sort-select {
  background: #22262e !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: var(--ysh-text, #cfd6e0) !important;
}

/* Users — bulk bar + readable labels (users-page.css uses light cream bar) */
html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-users-page
  .yoo-bulk-actions-bar,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-users-page
  .yoo-bulk-actions-bar {
  background: rgba(255, 255, 255, 0.05) !important;
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  :is(.yooadmin-posts-page, .yooadmin-pages-page, .yooadmin-users-page)
  :is(.yoo-bulk-actions-left label, .yoo-selected-count),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  :is(.yooadmin-posts-page, .yooadmin-pages-page, .yooadmin-users-page)
  :is(.yoo-bulk-actions-left label, .yoo-selected-count) {
  color: var(--ysh-text, #cfd6e0) !important;
  -webkit-text-fill-color: var(--ysh-text, #cfd6e0) !important;
}

/* Users — active role chips: white text on brand fill in dark */
html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-users-page
  :is(.yoo-filter-chip.is-active, .yoo-filter-chip.is-active:hover)
  :is(*, .yoo-filter-count, .dashicons),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-users-page
  :is(.yoo-filter-chip.is-active, .yoo-filter-chip.is-active:hover)
  :is(*, .yoo-filter-count, .dashicons),
html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yoo-focus.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-users-page
  a.yoo-filter-chip.is-active,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yoo-focus.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-users-page
  a.yoo-filter-chip.is-active {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* User card — edit (pencil) control */
html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-users-page
  .yoo-user-edit-icon,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-users-page
  .yoo-user-edit-icon {
  background: rgba(255, 255, 255, 0.08) !important;
  background-color: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: var(--ysh-text, #cfd6e0) !important;
  box-shadow: none !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-users-page
  .yoo-user-edit-icon
  .dashicons,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-users-page
  .yoo-user-edit-icon
  .dashicons {
  color: var(--ysh-text, #cfd6e0) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-users-page
  .yoo-user-edit-icon:hover,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-users-page
  .yoo-user-edit-icon:hover {
  background: var(--ysh-brand, #eda934) !important;
  background-color: var(--ysh-brand, #eda934) !important;
  border-color: var(--ysh-brand, #eda934) !important;
  color: #121418 !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-users-page
  .yoo-user-edit-icon:hover
  .dashicons,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-users-page
  .yoo-user-edit-icon:hover
  .dashicons {
  color: #121418 !important;
}

/*
 * User create / profile / network invite — forms & side panels (global dark; beats *-page.css light surfaces).
 */
html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  :is(.yooadmin-user-create, .yooadmin-user-profile, .yooadmin-network-user-create)
  .yoo-side-card,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  :is(.yooadmin-user-create, .yooadmin-user-profile, .yooadmin-network-user-create)
  .yoo-side-card {
  background: rgba(255, 255, 255, 0.05) !important;
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: var(--ysh-text, #cfd6e0) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  :is(.yooadmin-user-create, .yooadmin-user-profile, .yooadmin-network-user-create)
  .yoo-side-card
  :is(h3, strong),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  :is(.yooadmin-user-create, .yooadmin-user-profile, .yooadmin-network-user-create)
  .yoo-side-card
  :is(h3, strong) {
  color: var(--ysh-heading, #d8d3ce) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  :is(.yooadmin-user-create, .yooadmin-user-profile, .yooadmin-network-user-create)
  .yoo-side-card
  :is(p, span, li),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  :is(.yooadmin-user-create, .yooadmin-user-profile, .yooadmin-network-user-create)
  .yoo-side-card
  :is(p, span, li) {
  color: var(--ysh-muted, #9aa5b1) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  :is(.yooadmin-user-create, .yooadmin-user-profile, .yooadmin-network-user-create)
  :is(.yoo-user-form-header p, .yoo-user-form-checkbox, .yoo-user-form-checkbox__text, .yoo-network-user-create__email-note),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  :is(.yooadmin-user-create, .yooadmin-user-profile, .yooadmin-network-user-create)
  :is(.yoo-user-form-header p, .yoo-user-form-checkbox, .yoo-user-form-checkbox__text, .yoo-network-user-create__email-note) {
  color: var(--ysh-text, #cfd6e0) !important;
  -webkit-text-fill-color: var(--ysh-text, #cfd6e0) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  :is(.yooadmin-user-create, .yooadmin-user-profile, .yooadmin-network-user-create)
  .yoo-user-form-checkbox
  input[type='checkbox'],
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  :is(.yooadmin-user-create, .yooadmin-user-profile, .yooadmin-network-user-create)
  .yoo-user-form-checkbox
  input[type='checkbox'] {
  border-color: rgba(255, 255, 255, 0.22) !important;
  background: rgba(255, 255, 255, 0.06) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  :is(.yooadmin-user-create, .yooadmin-user-profile, .yooadmin-network-user-create)
  .yoo-user-form-checkbox
  input[type='checkbox']:checked,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  :is(.yooadmin-user-create, .yooadmin-user-profile, .yooadmin-network-user-create)
  .yoo-user-form-checkbox
  input[type='checkbox']:checked {
  border-color: var(--ysh-brand, #eda934) !important;
  background: var(--ysh-brand, #eda934) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  :is(.yooadmin-user-create, .yooadmin-user-profile, .yooadmin-network-user-create)
  :is(.yoo-form-divider, .yoo-form-actions),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  :is(.yooadmin-user-create, .yooadmin-user-profile, .yooadmin-network-user-create)
  :is(.yoo-form-divider, .yoo-form-actions) {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  :is(.yooadmin-user-create, .yooadmin-user-profile, .yooadmin-network-user-create)
  .yoo-password-meter[data-strength="empty"]
  .yoo-password-meter__bar,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  :is(.yooadmin-user-create, .yooadmin-user-profile, .yooadmin-network-user-create)
  .yoo-password-meter[data-strength="empty"]
  .yoo-password-meter__bar {
  background: rgba(255, 255, 255, 0.08) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  :is(.yooadmin-user-create, .yooadmin-user-profile, .yooadmin-network-user-create)
  .yoo-password-meter__label,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  :is(.yooadmin-user-create, .yooadmin-user-profile, .yooadmin-network-user-create)
  .yoo-password-meter__label {
  color: var(--ysh-muted, #9aa5b1) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  :is(.yooadmin-user-create, .yooadmin-user-profile, .yooadmin-network-user-create)
  .yp-help-icon,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  :is(.yooadmin-user-create, .yooadmin-user-profile, .yooadmin-network-user-create)
  .yp-help-icon {
  background: rgba(255, 255, 255, 0.1) !important;
  color: var(--ysh-muted, #9aa5b1) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  :is(.yooadmin-user-create, .yooadmin-user-profile, .yooadmin-network-user-create)
  .yp-help-icon:hover,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  :is(.yooadmin-user-create, .yooadmin-user-profile, .yooadmin-network-user-create)
  .yp-help-icon:hover {
  background: rgba(255, 255, 255, 0.14) !important;
  color: var(--ysh-brand, #eda934) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  :is(.yooadmin-user-create, .yooadmin-user-profile, .yooadmin-network-user-create)
  .yp-tooltip,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  :is(.yooadmin-user-create, .yooadmin-user-profile, .yooadmin-network-user-create)
  .yp-tooltip {
  background: var(--ysh-card, #1a1d23) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: var(--ysh-text, #cfd6e0) !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.55) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  :is(.yooadmin-user-create, .yooadmin-user-profile, .yooadmin-network-user-create)
  .yp-tooltip::after,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  :is(.yooadmin-user-create, .yooadmin-user-profile, .yooadmin-network-user-create)
  .yp-tooltip::after {
  border-top-color: var(--ysh-card, #1a1d23) !important;
  filter: none !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-notifications-list {
  scrollbar-color: rgba(255, 255, 255, 0.22) transparent;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-notifications-list::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.22) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-notifications-list::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.32) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-notifications-dropdown
  .yp-notifications-list {
  background: var(--ysh-card, #1a1d23) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-notifications-dropdown
  .yp-notification-item.yp-notification-read {
  background: transparent !important;
  opacity: 1 !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-notification-item {
  color: var(--ysh-text, #cfd6e0) !important;
  border-bottom-color: var(--ysh-border, rgba(255, 255, 255, 0.08)) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-notification-item:hover {
  background: rgba(255, 255, 255, 0.05) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-notification-item.yp-notification-unread {
  background: linear-gradient(90deg, rgba(var(--yp-primary-rgb, 237, 169, 52), 0.12) 0%, transparent 42%) !important;
  border-left: 3px solid color-mix(in srgb, var(--yooadmin-primary, var(--ysh-brand, #eda934)) 72%, transparent) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-notification-item.yp-notification-unread::before {
  background: var(--yooadmin-primary, var(--ysh-brand, #eda934)) !important;
  box-shadow: 0 0 0 2px rgba(var(--yp-primary-rgb, 237, 169, 52), 0.18) !important;
  width: 8px !important;
  height: 8px !important;
  left: 10px !important;
  top: 50% !important;
  bottom: auto !important;
  border-radius: 50% !important;
  transform: translateY(-50%) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-notification-content
  strong {
  color: var(--ysh-heading, #d8d3ce) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-notification-content
  .yp-notification-text {
  color: var(--ysh-muted, #9aa5b1) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-notification-content
  .yp-notification-meta,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-notification-content
  .yp-notification-time {
  color: var(--ysh-muted, #9aa5b1) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-notification-content
  span:not(.yp-notification-text):not(.yp-notification-meta):not(.yp-notification-time) {
  color: var(--ysh-muted, #9aa5b1) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-notification-icon
  .dashicons,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-notification-item
  > .dashicons {
  color: var(--yooadmin-primary, var(--ysh-brand, #eda934)) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-notification-actions {
  background: rgba(26, 29, 35, 0.96) !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.45) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-notification-actions
  .yp-action-btn {
  color: var(--ysh-muted, #9aa5b1) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-notification-actions
  .yp-action-btn:hover {
  background: rgba(255, 255, 255, 0.08) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-notifications-dropdown-footer {
  background: color-mix(in srgb, var(--ysh-card, #1a1d23) 88%, #0c0e12) !important;
  border-top-color: var(--ysh-border, rgba(255, 255, 255, 0.1)) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-dropdown-footer-link {
  color: var(--yooadmin-primary, var(--ysh-brand, #eda934)) !important;
  text-decoration: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-dropdown-footer-link:hover,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-dropdown-footer-link:focus,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-dropdown-footer-link:focus-visible,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-dropdown-footer-link:active {
  background: rgba(255, 255, 255, 0.08) !important;
  color: var(--yooadmin-primary, var(--ysh-brand, #eda934)) !important;
  text-decoration: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-dropdown-footer-link
  .dashicons {
  color: inherit !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-notification-empty,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-notification-empty
  p {
  color: var(--ysh-muted, #9aa5b1) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-empty-state
  .yp-empty-title {
  color: var(--ysh-heading, #d8d3ce) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-empty-state
  .yp-empty-message {
  color: var(--ysh-muted, #9aa5b1) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-empty-icon
  .dashicons {
  color: rgba(255, 255, 255, 0.18) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-notification-expand.dashicons {
  color: var(--ysh-muted, #9aa5b1) !important;
}

/*
 * Notification detail modal (#yp-notification-modal) — Studio Hub: compact header + dark surfaces.
 */
body.yooadmin-theme-yooadmin-studio-hub #yp-notification-modal .yp-modal-content {
  max-width: 520px;
  border-radius: var(--ysh-radius, 14px);
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.2);
}

body.yooadmin-theme-yooadmin-studio-hub #yp-notification-modal .yp-modal-header {
  gap: 10px;
  padding: 16px 44px 14px 18px;
}

body.yooadmin-theme-yooadmin-studio-hub #yp-notification-modal .yp-modal-icon {
  font-size: 22px;
  width: 22px;
  height: 22px;
}

body.yooadmin-theme-yooadmin-studio-hub #yp-notification-modal .yp-modal-title {
  font-size: 15px;
  line-height: 1.35;
}

body.yooadmin-theme-yooadmin-studio-hub #yp-notification-modal .yp-modal-close,
body.yooadmin-theme-yooadmin-studio-hub #yp-popup.yp-popup--studio-hub .yp-popup-close.yp-modal-close {
  top: 12px;
  right: 12px;
  width: 30px;
  height: 30px;
}

body.yooadmin-theme-yooadmin-studio-hub #yp-notification-modal .yp-modal-close .dashicons,
body.yooadmin-theme-yooadmin-studio-hub #yp-popup.yp-popup--studio-hub .yp-popup-close.yp-modal-close .dashicons {
  font-size: 18px;
  width: 18px;
  height: 18px;
}

body.yooadmin-theme-yooadmin-studio-hub #yp-notification-modal .yp-modal-body {
  padding: 14px 18px 16px;
}

body.yooadmin-theme-yooadmin-studio-hub #yp-notification-modal .yp-modal-text,
body.yooadmin-theme-yooadmin-studio-hub #yp-notification-modal .yp-modal-details,
body.yooadmin-theme-yooadmin-studio-hub #yp-notification-modal .yp-modal-details :where(p, div, li, span, a, strong, b) {
  font-size: 12px !important;
  line-height: 1.48 !important;
}

body.yooadmin-theme-yooadmin-studio-hub #yp-notification-modal .yp-modal-footer {
  padding: 12px 18px 14px;
  gap: 8px;
}

/* Glass backdrop — light + dark (root blur; see notifications-ui.css) */
body.yooadmin-theme-yooadmin-studio-hub #yp-notification-modal.is-open,
body.yooadmin-theme-yooadmin-studio-hub #yp-notification-modal[style*="display: flex"] {
  background-color: rgba(10, 12, 16, 0.3) !important;
  backdrop-filter: blur(12px) saturate(1.06) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.06) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  #yp-notification-modal.is-open,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  #yp-notification-modal[style*="display: flex"] {
  background-color: rgba(0, 0, 0, 0.42) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  #yp-notification-modal
  .yp-modal-overlay {
  background: rgba(0, 0, 0, 0.08) !important;
}

@media (prefers-reduced-motion: reduce) {
  body.yooadmin-theme-yooadmin-studio-hub #yp-notification-modal.is-open,
  body.yooadmin-theme-yooadmin-studio-hub #yp-notification-modal[style*="display: flex"] {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background-color: rgba(0, 0, 0, 0.62) !important;
  }
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  #yp-notification-modal
  .yp-modal-content {
  background: var(--ysh-card, #1a1d23) !important;
  color: var(--ysh-text, #cfd6e0) !important;
  border: 1px solid var(--ysh-border, rgba(255, 255, 255, 0.1)) !important;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.55) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  #yp-notification-modal
  .yp-modal-close,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  #yp-popup.yp-popup--studio-hub
  .yp-popup-close.yp-modal-close {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid var(--ysh-border, rgba(255, 255, 255, 0.14)) !important;
  transform: none !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  #yp-notification-modal
  .yp-modal-close:hover,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  #yp-notification-modal
  .yp-modal-close:focus,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  #yp-popup.yp-popup--studio-hub
  .yp-popup-close.yp-modal-close:hover,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  #yp-popup.yp-popup--studio-hub
  .yp-popup-close.yp-modal-close:focus-visible {
  background: color-mix(in srgb, var(--yooadmin-primary, #eda934) 22%, rgba(255, 255, 255, 0.06)) !important;
  border-color: color-mix(in srgb, var(--yooadmin-primary, #eda934) 45%, transparent) !important;
  transform: none !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  #yp-notification-modal
  .yp-modal-close
  .dashicons,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  #yp-popup.yp-popup--studio-hub
  .yp-popup-close.yp-modal-close
  .dashicons {
  color: var(--ysh-heading, #d8d3ce) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  #yp-notification-modal
  .yp-modal-header {
  /* Beat notifications-ui.css @media (prefers-color-scheme: dark) which forces #f8f9fa on the header. */
  background: color-mix(in srgb, var(--ysh-card, #1a1d23) 92%, #0c0e12) !important;
  border-bottom-color: var(--ysh-border, rgba(255, 255, 255, 0.1)) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  #yp-notification-modal
  .yp-modal-icon {
  color: var(--yooadmin-primary, var(--ysh-brand, #eda934)) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  #yp-notification-modal
  .yp-modal-title {
  color: var(--ysh-heading, #d8d3ce) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  #yp-notification-modal
  .yp-modal-text {
  color: var(--ysh-heading, #d8d3ce) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  #yp-notification-modal
  .yp-modal-details,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  #yp-notification-modal
  .yp-modal-details
  p {
  color: var(--ysh-muted, #9aa5b1) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  #yp-notification-modal
  .yp-modal-details
  strong {
  color: var(--ysh-heading, #d8d3ce) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  #yp-notification-modal
  .yp-modal-footer {
  background: color-mix(in srgb, var(--ysh-card, #1a1d23) 86%, #0c0e12) !important;
  border-top-color: var(--ysh-border, rgba(255, 255, 255, 0.1)) !important;
}

/* Modal footer buttons: yooadmin-yoo-buttons + dark tokens in yp-yoo-buttons.css */

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  #yp-notification-modal
  .yp-snooze-options {
  border-top-color: var(--ysh-border, rgba(255, 255, 255, 0.1)) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  #yp-notification-modal
  .yp-snooze-header {
  color: var(--ysh-muted, #9aa5b1) !important;
}

/* Custom snooze popup (appended to body, outside #yp-notification-modal). */
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-snooze-custom-popup {
  --yp-snooze-popup-bg: var(--ysh-card, #1a1d23);
  --yp-snooze-popup-text: var(--ysh-heading, #d8d3ce);
  --yp-snooze-popup-muted: var(--ysh-muted, #9aa5b1);
  --yp-snooze-popup-border: var(--ysh-border, rgba(255, 255, 255, 0.1));
  --yp-snooze-popup-footer-bg: color-mix(in srgb, var(--ysh-card, #1a1d23) 86%, #0c0e12);
  --yp-snooze-popup-close-hover: rgba(255, 255, 255, 0.08);
  --yp-snooze-popup-input-bg: color-mix(in srgb, var(--ysh-card, #1a1d23) 92%, #0c0e12);
  border: 1px solid var(--ysh-border, rgba(255, 255, 255, 0.1)) !important;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.55) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-snooze-custom-popup-close:hover {
  background: rgba(255, 255, 255, 0.08) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-snooze-custom-time-input {
  color-scheme: dark;
}

/* Dark mode — Notifications inbox page (yp-notifications-inbox.css is light-only). */
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
      .site-editor-php
    )
  .yp-inbox-wrap {
  background: var(--ysh-surface, #121418) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub:not(.themes-php):not(.theme-install-php):not(.block-editor-page):not(
      .site-editor-php
    )
  .yp-inbox-container {
  background: var(--ysh-card, #1a1d23) !important;
  border: 1px solid var(--ysh-border, rgba(255, 255, 255, 0.1)) !important;
  border-radius: var(--ysh-radius, 14px);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35);
  overflow: hidden;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-inbox-sidebar {
  background: color-mix(in srgb, var(--ysh-card, #1a1d23) 92%, #0c0e12) !important;
  border-right-color: var(--ysh-border, rgba(255, 255, 255, 0.1)) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-inbox-logo {
  border-bottom-color: var(--ysh-border, rgba(255, 255, 255, 0.1)) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-inbox-logo
  h2 {
  color: var(--ysh-heading, #d8d3ce) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-inbox-logo
  .dashicons {
  color: var(--yooadmin-primary, var(--ysh-brand, #eda934)) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-inbox-nav-item {
  color: var(--ysh-muted, #9aa5b1) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-inbox-nav-item:hover {
  background: rgba(255, 255, 255, 0.06) !important;
  color: var(--ysh-text, #cfd6e0) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-inbox-nav-item.active {
  background: color-mix(in srgb, var(--yooadmin-primary, #eda934) 16%, transparent) !important;
  color: var(--yooadmin-primary, var(--ysh-brand, #eda934)) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-inbox-nav-item.active
  .yp-nav-count {
  color: var(--ysh-heading, #d8d3ce) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-nav-count {
  color: var(--ysh-muted, #9aa5b1) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-inbox-footer {
  border-top-color: var(--ysh-border, rgba(255, 255, 255, 0.1)) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-inbox-footer-link {
  color: var(--ysh-muted, #9aa5b1) !important;
  text-decoration: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-inbox-footer-link:hover,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-inbox-footer-link:focus,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-inbox-footer-link:focus-visible,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-inbox-footer-link:active {
  background: rgba(255, 255, 255, 0.08) !important;
  color: var(--yooadmin-primary, var(--ysh-brand, #eda934)) !important;
  text-decoration: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-inbox-footer-link
  .dashicons {
  text-decoration: none !important;
  border-bottom: none !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-inbox-toolbar {
  background: color-mix(in srgb, var(--ysh-card, #1a1d23) 88%, #0c0e12) !important;
  border-bottom-color: var(--ysh-border, rgba(255, 255, 255, 0.1)) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-inbox-wrap
  .yoo-search-box.yp-inbox-search
  input[type='search'] {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: var(--ysh-border, rgba(255, 255, 255, 0.14)) !important;
  color: var(--ysh-text, #cfd6e0) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-inbox-wrap
  .yoo-search-box.yp-inbox-search
  input[type='search']::placeholder {
  color: var(--ysh-muted, #9aa5b1) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-inbox-wrap
  .yoo-search-box.yp-inbox-search
  .dashicons {
  color: var(--ysh-muted, #9aa5b1) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-checkbox-custom {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: var(--ysh-border, rgba(255, 255, 255, 0.2)) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-bulk-btn {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: var(--ysh-border, rgba(255, 255, 255, 0.14)) !important;
  color: var(--ysh-text, #cfd6e0) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-bulk-btn:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(255, 255, 255, 0.22) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-inbox-list {
  background: var(--ysh-card, #1a1d23) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-inbox-item {
  border-bottom-color: var(--ysh-border, rgba(255, 255, 255, 0.08)) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-inbox-item:hover {
  background: rgba(255, 255, 255, 0.05) !important;
  box-shadow: none !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-inbox-item-unread {
  background: color-mix(in srgb, var(--yooadmin-primary, #eda934) 12%, transparent) !important;
  border-left-color: var(--yooadmin-primary, var(--ysh-brand, #eda934)) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-item-source,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-item-time {
  color: var(--ysh-muted, #9aa5b1) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-item-title {
  color: var(--ysh-heading, #d8d3ce) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-item-message {
  color: var(--ysh-muted, #9aa5b1) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-item-icon
  .dashicons {
  color: var(--yooadmin-primary, var(--ysh-brand, #eda934)) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-action-icon {
  color: var(--ysh-muted, #9aa5b1) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-action-icon:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  color: var(--ysh-text, #cfd6e0) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-inbox-item.yp-selected {
  background: color-mix(in srgb, var(--yooadmin-primary, #eda934) 18%, transparent) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-inbox-item.yp-selected
  .yp-item-title {
  color: var(--ysh-heading, #d8d3ce) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-inbox-empty
  h3 {
  color: var(--ysh-heading, #d8d3ce) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-inbox-empty
  p {
  color: var(--ysh-muted, #9aa5b1) !important;
}

html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-inbox-empty
  .dashicons {
  color: rgba(255, 255, 255, 0.15) !important;
}

@media (max-width: 768px) {
  html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
    body.yooadmin-theme-yooadmin-studio-hub
    .yp-inbox-sidebar {
    border-bottom-color: var(--ysh-border, rgba(255, 255, 255, 0.1)) !important;
  }
}

/* Studio Hub — YOOAdmin settings: slightly smaller tab strip labels */
body.yooadmin-theme-yooadmin-studio-hub .yooadmin-settings-wrap .yp-tab-nav .yp-tab {
  font-size: 13px;
}

@media (max-width: 782px) {
  body.yooadmin-theme-yooadmin-studio-hub .yooadmin-settings-wrap .yp-tab-nav .yp-tab {
    font-size: 12px;
  }
}

/* Dark mode — YOOAdmin settings screen: tab strip + card shell (yp-settings uses light tokens only). */
html[data-yooadmin-studio-color-mode-effective="dark"] body.yooadmin-theme-yooadmin-studio-hub .yooadmin-settings-wrap,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-settings-wrap {
  --yp-set-surface: #1a1d23;
  --yp-set-muted: #141820;
  --yp-set-border: rgba(255, 255, 255, 0.1);
  --yp-set-border-soft: rgba(255, 255, 255, 0.06);
  --yp-set-text: var(--ysh-text, #cfd6e0);
  --yp-set-text-muted: var(--ysh-muted, #9aa5b1);
  --yp-set-shadow: 0 8px 32px rgba(0, 0, 0, 0.45);
  --yp-text: var(--ysh-text, #cfd6e0);
}

/* Dark mode — native WordPress settings (wp-settings-experience; file tokens need Studio Hub sync). */
html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body.yooadmin-theme-yooadmin-studio-hub.yoo-wp-settings-experience,
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body.yooadmin-theme-yooadmin-studio-hub.yoo-wp-settings-experience,
body.is-dark-theme.yooadmin-theme-yooadmin-studio-hub.yoo-wp-settings-experience {
  --yp-set-surface: #1a1d23;
  --yp-set-muted: #12161c;
  --yp-set-border: rgba(255, 255, 255, 0.1);
  --yp-set-border-soft: rgba(255, 255, 255, 0.06);
  --yp-set-text: var(--ysh-text, #cfd6e0);
  --yp-set-text-muted: var(--ysh-muted, #9aa5b1);
  --yp-wp-field-border: rgba(255, 255, 255, 0.14);
  --yp-set-shadow: 0 8px 32px rgba(0, 0, 0, 0.45);
  --yp-text: var(--ysh-text, #cfd6e0);
  color-scheme: dark;
}

/* Dark mode — user profile settings tabs + native 2FA (hardcoded light tokens in users-page.css). */
html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-user-profile
  :is(.yp-tabs--profile, .yoo-native-2fa),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-user-profile
  :is(.yp-tabs--profile, .yoo-native-2fa),
body.is-dark-theme.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-user-profile
  :is(.yp-tabs--profile, .yoo-native-2fa) {
  --yp-set-surface: #1a1d23;
  --yp-set-muted: #141820;
  --yp-set-border: rgba(255, 255, 255, 0.1);
  --yp-set-border-soft: rgba(255, 255, 255, 0.06);
  --yp-set-text: var(--ysh-text, #cfd6e0);
  --yp-set-text-muted: var(--ysh-muted, #9aa5b1);
  --yp-set-shadow: 0 8px 32px rgba(0, 0, 0, 0.45);
  color-scheme: dark;
}

html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-user-profile
  :is(.yp-tabs--profile, .yoo-native-2fa)
  .yp-tab:hover:not(.is-active),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-user-profile
  :is(.yp-tabs--profile, .yoo-native-2fa)
  .yp-tab:hover:not(.is-active),
body.is-dark-theme.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-user-profile
  :is(.yp-tabs--profile, .yoo-native-2fa)
  .yp-tab:hover:not(.is-active) {
  background: rgba(255, 255, 255, 0.06) !important;
}

html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-user-profile
  :is(
    .ylp-input--settings,
    .yoo-profile-email-2fa-pin__digit,
    .yoo-native-2fa__secret,
    .yoo-native-2fa__code-input
  ),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-user-profile
  :is(
    .ylp-input--settings,
    .yoo-profile-email-2fa-pin__digit,
    .yoo-native-2fa__secret,
    .yoo-native-2fa__code-input
  ),
body.is-dark-theme.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-user-profile
  :is(
    .ylp-input--settings,
    .yoo-profile-email-2fa-pin__digit,
    .yoo-native-2fa__secret,
    .yoo-native-2fa__code-input
  ) {
  color-scheme: dark;
  background: #22262e !important;
  color: var(--ysh-text, #cfd6e0) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  box-shadow: none !important;
}

html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-user-profile
  .yoo-profile-settings-table.form-table
  :is(th, td, label, .yp-th-content, .description, .yoo-profile-tab-panel__lead),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-user-profile
  .yoo-profile-settings-table.form-table
  :is(th, td, label, .yp-th-content, .description, .yoo-profile-tab-panel__lead),
body.is-dark-theme.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-user-profile
  .yoo-profile-settings-table.form-table
  :is(th, td, label, .yp-th-content, .description, .yoo-profile-tab-panel__lead) {
  color: var(--ysh-text, #cfd6e0) !important;
  -webkit-text-fill-color: var(--ysh-text, #cfd6e0) !important;
}

html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-user-profile
  .yoo-profile-email-2fa-status,
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-user-profile
  .yoo-profile-email-2fa-status,
body.is-dark-theme.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-user-profile
  .yoo-profile-email-2fa-status {
  background: color-mix(in srgb, #16a34a 14%, #1a1d23) !important;
  color: #86efac !important;
}

html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-user-profile
  .yoo-profile-email-2fa-status
  .dashicons,
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-user-profile
  .yoo-profile-email-2fa-status
  .dashicons,
body.is-dark-theme.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-user-profile
  .yoo-profile-email-2fa-status
  .dashicons {
  color: #4ade80 !important;
}

html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-user-profile
  .yoo-profile-email-2fa-status.is-error,
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-user-profile
  .yoo-profile-email-2fa-status.is-error,
body.is-dark-theme.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-user-profile
  .yoo-profile-email-2fa-status.is-error {
  background: color-mix(in srgb, #d63638 16%, #1a1d23) !important;
  color: #fca5a5 !important;
}

html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-user-profile
  .yoo-profile-email-2fa-status.is-error
  .dashicons,
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-user-profile
  .yoo-profile-email-2fa-status.is-error
  .dashicons,
body.is-dark-theme.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-user-profile
  .yoo-profile-email-2fa-status.is-error
  .dashicons {
  color: #f87171 !important;
}

html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-user-profile
  .yoo-profile-email-2fa-status.is-verifying,
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-user-profile
  .yoo-profile-email-2fa-status.is-verifying,
body.is-dark-theme.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-user-profile
  .yoo-profile-email-2fa-status.is-verifying {
  background: color-mix(in srgb, var(--yooadmin-primary, #eda934) 14%, #1a1d23) !important;
  color: var(--ysh-text, #cfd6e0) !important;
}

html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-user-profile
  .yoo-native-2fa__notice,
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-user-profile
  .yoo-native-2fa__notice,
body.is-dark-theme.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-user-profile
  .yoo-native-2fa__notice {
  background: color-mix(in srgb, var(--yooadmin-primary, #eda934) 12%, #1a1d23) !important;
  border-color: color-mix(in srgb, var(--yooadmin-primary, #eda934) 34%, rgba(255, 255, 255, 0.12)) !important;
  color: var(--ysh-text, #cfd6e0) !important;
}

html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-user-profile
  .yoo-native-2fa__notice-text
  p,
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-user-profile
  .yoo-native-2fa__notice-text
  p,
body.is-dark-theme.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-user-profile
  .yoo-native-2fa__notice-text
  p {
  color: var(--ysh-text, #cfd6e0) !important;
}

html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-user-profile
  .yoo-profile-meta-strip,
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-user-profile
  .yoo-profile-meta-strip,
body.is-dark-theme.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-user-profile
  .yoo-profile-meta-strip {
  border-top-color: rgba(255, 255, 255, 0.1) !important;
}

html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-user-profile
  :is(.yoo-profile-meta-item, .yoo-profile-meta-muted),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-user-profile
  :is(.yoo-profile-meta-item, .yoo-profile-meta-muted),
body.is-dark-theme.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-user-profile
  :is(.yoo-profile-meta-item, .yoo-profile-meta-muted) {
  color: var(--ysh-text, #cfd6e0) !important;
}

html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-user-profile
  .yoo-native-2fa__notice-text
  .yp-yoo-btn--soft,
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-user-profile
  .yoo-native-2fa__notice-text
  .yp-yoo-btn--soft,
body.is-dark-theme.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-user-profile
  .yoo-native-2fa__notice-text
  .yp-yoo-btn--soft,
html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-user-profile
  .yoo-native-2fa
  .yp-yoo-btn--soft,
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-user-profile
  .yoo-native-2fa
  .yp-yoo-btn--soft,
body.is-dark-theme.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-user-profile
  .yoo-native-2fa
  .yp-yoo-btn--soft {
  color: var(--ysh-text, #cfd6e0) !important;
  background: #2a3038 !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
}

html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-user-profile
  .yoo-native-2fa__notice-text
  .yp-yoo-btn--soft:hover,
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-user-profile
  .yoo-native-2fa__notice-text
  .yp-yoo-btn--soft:hover,
body.is-dark-theme.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-user-profile
  .yoo-native-2fa__notice-text
  .yp-yoo-btn--soft:hover,
html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-user-profile
  .yoo-native-2fa
  .yp-yoo-btn--soft:hover,
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-user-profile
  .yoo-native-2fa
  .yp-yoo-btn--soft:hover,
body.is-dark-theme.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-user-profile
  .yoo-native-2fa
  .yp-yoo-btn--soft:hover {
  color: var(--ysh-text, #cfd6e0) !important;
  background: color-mix(in srgb, var(--yooadmin-primary, #eda934) 14%, #2a3038) !important;
  border-color: color-mix(in srgb, var(--yooadmin-primary, #eda934) 34%, rgba(255, 255, 255, 0.14)) !important;
}

/* Avatar placeholder — light tokens (profile + header). */
body.yooadmin-theme-yooadmin-studio-hub {
  --yoo-avatar-placeholder-bg: #e8ecf0;
  --yoo-avatar-placeholder-border: rgba(15, 23, 42, 0.1);
  --yoo-avatar-placeholder-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%236b7280' d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E");
}

html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body.yooadmin-theme-yooadmin-studio-hub,
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body.yooadmin-theme-yooadmin-studio-hub,
body.is-dark-theme.yooadmin-theme-yooadmin-studio-hub {
  --yoo-avatar-placeholder-bg: #2a3038;
  --yoo-avatar-placeholder-border: rgba(255, 255, 255, 0.12);
  --yoo-avatar-placeholder-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23a8b4c0' d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E");
}

html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-header
  .yp-user-photo.yp-user-photo--placeholder,
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-header
  .yp-user-photo.yp-user-photo--placeholder,
body.is-dark-theme.yooadmin-theme-yooadmin-studio-hub
  .yp-header
  .yp-user-photo.yp-user-photo--placeholder {
  background-color: var(--yoo-avatar-placeholder-bg) !important;
  border-color: var(--yoo-avatar-placeholder-border) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"] body.yooadmin-theme-yooadmin-studio-hub .yooadmin-settings-wrap .yp-titlebar h1,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-settings-wrap
  .yp-titlebar
  h1 {
  color: var(--ysh-heading, #d8d3ce) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"] body.yooadmin-theme-yooadmin-studio-hub .yooadmin-settings-wrap .yp-tab:hover:not(.is-active),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-settings-wrap
  .yp-tab:hover:not(.is-active) {
  background: rgba(255, 255, 255, 0.06) !important;
}

/* Direct plugin settings hosts (no .wrap) — e.g. TrustIndex #trustindex-plugin-settings-page */
body.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php)
  #wpbody-content
  > :is([id*='plugin-settings'], [id$='-settings-page']) {
  box-sizing: border-box;
  max-width: 100%;
  width: 100%;
  min-width: 0;
  overflow-x: clip;
}

body.yooadmin-theme-yooadmin-studio-hub #wpbody-content > [class*='toggle-opacity'] {
  opacity: 1 !important;
}

body.yooadmin-theme-yooadmin-studio-hub #wpbody-content #ti-loading {
  position: fixed;
  inset: 0;
  width: auto;
  height: auto;
  max-width: 100vw;
  max-height: 100vh;
}