/**
 * Studio Hub — adaptive plugin admin dark (studio-hub-plugin-admin-adaptive.js).
 * Scopes: #wpbody-content > .wrap.ysh-adaptive-active and token-app shells (.ysh-adapt-token-app).
 * Text tiers: data-ysh-adapt-text = heading | body | muted | link | on-dark | on-light
 */

/* Token-based plugin apps ([class$="-app"]) — JS remaps --*-tokens; CSS fallback for panels/inputs. */
html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  :is(.ysh-adapt-token-app, [class$='-app'].ysh-adaptive-active, [class$='-app'][data-ysh-adapt-profile='token']),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  :is(.ysh-adapt-token-app, [class$='-app'].ysh-adaptive-active, [class$='-app'][data-ysh-adapt-profile='token']) {
  color-scheme: dark;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(#wpbody-content.ysh-adaptive-active, #wpbody-content .ysh-adaptive-active)
  .ysh-adapt-light-bg,
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(#wpbody-content.ysh-adaptive-active, #wpbody-content .ysh-adaptive-active)
  .ysh-adapt-light-bg {
  background: var(--ysh-card, #1a1d23) !important;
  background-color: var(--ysh-card, #1a1d23) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  box-shadow: none !important;
  color-scheme: dark;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(#wpbody-content.ysh-adaptive-active, #wpbody-content .ysh-adaptive-active)
  :is([class*='card'], [class*='Card'], [class*='panel'], [class*='Panel'], [class*='section'], [class*='box'], [class*='module'], [class*='feature'], [class*='row'], [class*='list'])
  :not([class^='yp-']):not([class*=' yp-']):not([class^='yoo']):not([class*=' yoo']):not([class*='yooadmin']):not([id^='yp-']):not([id^='yoo']),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(#wpbody-content.ysh-adaptive-active, #wpbody-content .ysh-adaptive-active)
  :is([class*='card'], [class*='Card'], [class*='panel'], [class*='Panel'], [class*='section'], [class*='box'], [class*='module'], [class*='feature'], [class*='row'], [class*='list'])
  :not([class^='yp-']):not([class*=' yp-']):not([class^='yoo']):not([class*=' yoo']):not([class*='yooadmin']):not([id^='yp-']):not([id^='yoo']) {
  background-color: var(--ysh-card, #1a1d23) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

/* WordPress Components cards/surfaces used by many plugin React screens. */
html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(#wpbody-content.ysh-adaptive-active, #wpbody-content .ysh-adaptive-active)
  :is(.components-card, .components-surface, [data-wp-component='Card']):not(
    :is([class^='yp-'], [class*=' yp-'], [class^='yoo'], [class*=' yoo'], [class*='yooadmin'], [id^='yp-'], [id^='yoo'])
  ),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(#wpbody-content.ysh-adaptive-active, #wpbody-content .ysh-adaptive-active)
  :is(.components-card, .components-surface, [data-wp-component='Card']):not(
    :is([class^='yp-'], [class*=' yp-'], [class^='yoo'], [class*=' yoo'], [class*='yooadmin'], [id^='yp-'], [id^='yoo'])
  ) {
  background: var(--ysh-card, #1a1d23) !important;
  background-color: var(--ysh-card, #1a1d23) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: var(--ysh-text, #cfd6e0) !important;
  color-scheme: dark !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(#wpbody-content.ysh-adaptive-active, #wpbody-content .ysh-adaptive-active)
  :is(.components-card, .components-surface, [data-wp-component='Card'])
  .components-elevation,
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(#wpbody-content.ysh-adaptive-active, #wpbody-content .ysh-adaptive-active)
  :is(.components-card, .components-surface, [data-wp-component='Card'])
  .components-elevation {
  background: transparent !important;
  background-color: transparent !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(#wpbody-content.ysh-adaptive-active, #wpbody-content .ysh-adaptive-active)
  :is(.components-card, .components-surface, [data-wp-component='Card'])
  > :not(.components-elevation),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(#wpbody-content.ysh-adaptive-active, #wpbody-content .ysh-adaptive-active)
  :is(.components-card, .components-surface, [data-wp-component='Card'])
  > :not(.components-elevation) {
  position: relative;
  z-index: 1;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  .ysh-adaptive-active
  .ysh-adapt-light-nested,
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  .ysh-adaptive-active
  .ysh-adapt-light-nested {
  background: rgba(255, 255, 255, 0.04) !important;
  background-color: rgba(255, 255, 255, 0.04) !important;
}

/* Classic PHP plugin settings often render a form with tab panels and editor
 * toolbar previews instead of React cards. Treat those large light panels as
 * adaptive surfaces without depending on plugin-specific class names.
 */
html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  > .wrap.ysh-adaptive-active
  form
  > :is([id$='-editor'], [id*='editor'], [id*='settings'], [class*='settings'], [class*='options'], [class*='panel']),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  > .wrap.ysh-adaptive-active
  form
  > :is([id$='-editor'], [id*='editor'], [id*='settings'], [class*='settings'], [class*='options'], [class*='panel']) {
  background: var(--ysh-card, #1a1d23) !important;
  background-color: var(--ysh-card, #1a1d23) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: var(--ysh-text, #cfd6e0) !important;
  color-scheme: dark;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  > .wrap.ysh-adaptive-active
  form
  > :is([id$='-editor'], [id*='editor'], [id*='settings'], [class*='settings'], [class*='options'], [class*='panel'])
  :is(h1, h2, h3, h4, h5, h6, strong, b),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  > .wrap.ysh-adaptive-active
  form
  > :is([id$='-editor'], [id*='editor'], [id*='settings'], [class*='settings'], [class*='options'], [class*='panel'])
  :is(h1, h2, h3, h4, h5, h6, strong, b) {
  color: var(--ysh-heading, #eef1f5) !important;
  -webkit-text-fill-color: currentColor !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  > .wrap.ysh-adaptive-active
  form
  > :is([id$='-editor'], [id*='editor'], [id*='settings'], [class*='settings'], [class*='options'], [class*='panel'])
  :is(p, span, label, li, td, th, small):not([class*='dashicons']):not([class*='mce-ico']),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  > .wrap.ysh-adaptive-active
  form
  > :is([id$='-editor'], [id*='editor'], [id*='settings'], [class*='settings'], [class*='options'], [class*='panel'])
  :is(p, span, label, li, td, th, small):not([class*='dashicons']):not([class*='mce-ico']) {
  color: var(--ysh-text, #cfd6e0) !important;
  -webkit-text-fill-color: currentColor !important;
}

/* TinyMCE and toolbar-builder previews embedded in plugin settings screens. */
html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(.mce-container, .mce-panel, .mce-toolbar, .mce-menubar, .mce-btn),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(.mce-container, .mce-panel, .mce-toolbar, .mce-menubar, .mce-btn) {
  background: #22262e !important;
  background-color: #22262e !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  box-shadow: none !important;
  color: var(--ysh-text, #cfd6e0) !important;
  color-scheme: dark;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(.mce-container, .mce-panel, .mce-toolbar, .mce-menubar, .mce-btn)
  :is(button, span, i, .descr, .mce-txt, .mce-ico),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(.mce-container, .mce-panel, .mce-toolbar, .mce-menubar, .mce-btn)
  :is(button, span, i, .descr, .mce-txt, .mce-ico) {
  color: var(--ysh-text, #cfd6e0) !important;
  -webkit-text-fill-color: currentColor !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(.mce-caret, i.mce-caret),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(.mce-caret, i.mce-caret) {
  border-top-color: var(--ysh-muted, #9aa5b1) !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  :is(.ysh-adapt-token-app, [class$='-app'].ysh-adaptive-active, [class$='-app'][data-ysh-adapt-profile='token'])
  :is([class*='-settings-section'], [class*='-pro-teaser'], [class*='-danger-card'], [class*='-tab-panel']),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  :is(.ysh-adapt-token-app, [class$='-app'].ysh-adaptive-active, [class$='-app'][data-ysh-adapt-profile='token'])
  :is([class*='-settings-section'], [class*='-pro-teaser'], [class*='-danger-card'], [class*='-tab-panel']) {
  background: #1a1d23 !important;
  background-color: #1a1d23 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  box-shadow: none !important;
  color: #cfd6e0 !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  :is(.ysh-adapt-token-app, [class$='-app'].ysh-adaptive-active, [class$='-app'][data-ysh-adapt-profile='token'])
  :is([class*='-input'], input:not([type='checkbox']):not([type='radio']):not([type='button']):not([type='submit']), textarea, select),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  :is(.ysh-adapt-token-app, [class$='-app'].ysh-adaptive-active, [class$='-app'][data-ysh-adapt-profile='token'])
  :is([class*='-input'], input:not([type='checkbox']):not([type='radio']):not([type='button']):not([type='submit']), textarea, select) {
  background: #22262e !important;
  background-color: #22262e !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: #eef1f5 !important;
  -webkit-text-fill-color: #eef1f5 !important;
}

/* Token-app titles — plugins often set section h2 to --*-fg3 (muted grey). */
html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  :is(.ysh-adapt-token-app, [class$='-app'].ysh-adaptive-active, [class$='-app'][data-ysh-adapt='token-app'])
  :is(h1, h2, h3, h4, h5, h6, [class*='-settings-hdr'] h1, [class*='-settings-section'] h2, [class*='-card-title'], strong:first-child),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  :is(.ysh-adapt-token-app, [class$='-app'].ysh-adaptive-active, [class$='-app'][data-ysh-adapt='token-app'])
  :is(h1, h2, h3, h4, h5, h6, [class*='-settings-hdr'] h1, [class*='-settings-section'] h2, [class*='-card-title'], strong:first-child) {
  color: var(--ysh-heading, #eef1f5) !important;
  -webkit-text-fill-color: var(--ysh-heading, #eef1f5) !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  .ysh-adapt-token-app
  :is(input, textarea, select, [class*='-input']):not([type='checkbox']):not([type='radio']):not([type='button']):not(
      [type='submit']
    ),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  .ysh-adapt-token-app
  :is(input, textarea, select, [class*='-input']):not([type='checkbox']):not([type='radio']):not([type='button']):not(
      [type='submit']
    ) {
  background: #22262e !important;
  background-color: #22262e !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: var(--ysh-text, #cfd6e0) !important;
  -webkit-text-fill-color: var(--ysh-text, #cfd6e0) !important;
}

/* React dashboards — CSS-only adapt (JS fast path: .ysh-adapt-react-css-only). */
html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  > .wrap.ysh-adapt-react-css-only
  [class*='-admin-dashboard'],
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  > .wrap.ysh-adapt-react-css-only
  [class*='-admin-dashboard'] {
  color: var(--ysh-text, #cfd6e0);
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adapt-react-css-only
  [class*='-admin-dashboard']
  :is(
    [class*='__settings-api'],
    [class*='__settings-list'],
    [class*='__settings-content'],
    [class*='__welcome__content-subscribe'],
    [class*='__welcome__content-video'],
    [class*='__welcome__cards-item'],
    [class*='__cards-item'],
    [class*='__blocks-list__item']
  ),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adapt-react-css-only
  [class*='-admin-dashboard']
  :is(
    [class*='__settings-api'],
    [class*='__settings-list'],
    [class*='__settings-content'],
    [class*='__welcome__content-subscribe'],
    [class*='__welcome__content-video'],
    [class*='__welcome__cards-item'],
    [class*='__cards-item'],
    [class*='__blocks-list__item']
  ) {
  background: var(--ysh-card, #1a1d23) !important;
  background-color: var(--ysh-card, #1a1d23) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  box-shadow: none !important;
  color: var(--ysh-text, #cfd6e0) !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adapt-react-css-only
  [class*='-admin-dashboard']
  :is(h1, h2, h3, h4, h5, h6, strong),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adapt-react-css-only
  [class*='-admin-dashboard']
  :is(h1, h2, h3, h4, h5, h6, strong) {
  color: var(--ysh-heading, #eef1f5) !important;
  -webkit-text-fill-color: var(--ysh-heading, #eef1f5) !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adapt-react-css-only
  [class*='-admin-dashboard']
  :is(p, span, label, li, small),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adapt-react-css-only
  [class*='-admin-dashboard']
  :is(p, span, label, li, small) {
  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.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adapt-react-css-only
  [class*='-admin-dashboard']
  a:not(.button),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adapt-react-css-only
  [class*='-admin-dashboard']
  a:not(.button) {
  color: var(--yooadmin-primary, var(--ysh-brand, #eda934)) !important;
  -webkit-text-fill-color: var(--yooadmin-primary, var(--ysh-brand, #eda934)) !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adapt-react-css-only
  [class*='-admin-dashboard']
  [class*='__settings-list']
  li:hover,
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adapt-react-css-only
  [class*='-admin-dashboard']
  [class*='__settings-list']
  li:hover {
  background: rgba(255, 255, 255, 0.06) !important;
  color: var(--yooadmin-primary, var(--ysh-brand, #eda934)) !important;
}

/* Vendor white React panels — static fallback before adaptive JS runs. */
html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  > .wrap
  > :is([class*='-admin-dashboard'], [class*='-onboard-dashboard'])
  :is(
    [class*='__welcome__content-subscribe'],
    [class*='__welcome__content-video'],
    [class*='__welcome__cards-item'],
    [class*='__cards-item'],
    [class*='__blocks-list__item'],
    [class*='__settings-list'],
    [class*='__settings-content']
  ),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  > .wrap
  > :is([class*='-admin-dashboard'], [class*='-onboard-dashboard'])
  :is(
    [class*='__welcome__content-subscribe'],
    [class*='__welcome__content-video'],
    [class*='__welcome__cards-item'],
    [class*='__cards-item'],
    [class*='__blocks-list__item'],
    [class*='__settings-list'],
    [class*='__settings-content']
  ) {
  background: var(--ysh-card, #1a1d23) !important;
  background-color: var(--ysh-card, #1a1d23) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  box-shadow: none !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  > .wrap
  > :is([class*='-admin-dashboard'], [class*='-onboard-dashboard'])
  :is([class*='__welcome__content-subscribe'], [class*='__welcome__content-video'])
  :is(h1, h2, h3, h4, h5, h6, strong),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  > .wrap
  > :is([class*='-admin-dashboard'], [class*='-onboard-dashboard'])
  :is([class*='__welcome__content-subscribe'], [class*='__welcome__content-video'])
  :is(h1, h2, h3, h4, h5, h6, strong) {
  color: var(--ysh-heading, #eef1f5) !important;
  -webkit-text-fill-color: var(--ysh-heading, #eef1f5) !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  > .wrap
  > :is([class*='-admin-dashboard'], [class*='-onboard-dashboard'])
  :is([class*='__welcome__content-subscribe'], [class*='__welcome__content-video'])
  :is(p, span, label, li, small),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  > .wrap
  > :is([class*='-admin-dashboard'], [class*='-onboard-dashboard'])
  :is([class*='__welcome__content-subscribe'], [class*='__welcome__content-video'])
  :is(p, span, label, li, small) {
  color: var(--ysh-text, #cfd6e0) !important;
  -webkit-text-fill-color: var(--ysh-text, #cfd6e0) !important;
}

/* Tailwind-like plugin UIs (Yoast, SaaS dashboards, setup tasks) — general utility remap. */
html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(
    [class*='yst-bg-white' i],
    [class*='yst-bg-slate' i],
    [class*='yst-bg-gray' i],
    [class*='yst-bg-neutral' i],
    [class~='bg-white'],
    [class*='bg-slate-50' i],
    [class*='bg-slate-100' i],
    [class*='bg-gray-50' i],
    [class*='bg-gray-100' i],
    [class*='bg-neutral-50' i],
    [class*='bg-neutral-100' i],
    [class*='surface' i],
    [class*='panel' i],
    [class*='card' i]
  ),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(
    [class*='yst-bg-white' i],
    [class*='yst-bg-slate' i],
    [class*='yst-bg-gray' i],
    [class*='yst-bg-neutral' i],
    [class~='bg-white'],
    [class*='bg-slate-50' i],
    [class*='bg-slate-100' i],
    [class*='bg-gray-50' i],
    [class*='bg-gray-100' i],
    [class*='bg-neutral-50' i],
    [class*='bg-neutral-100' i],
    [class*='surface' i],
    [class*='panel' i],
    [class*='card' i]
  ) {
  background: var(--ysh-card, #1a1d23) !important;
  background-color: 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:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(
    [class*='yst-text-slate' i],
    [class*='yst-text-gray' i],
    [class*='yst-text-neutral' i],
    [class*='yst-text-black' i],
    [class*='text-slate' i],
    [class*='text-gray' i],
    [class*='text-neutral' i],
    [class~='text-black']
  ),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(
    [class*='yst-text-slate' i],
    [class*='yst-text-gray' i],
    [class*='yst-text-neutral' i],
    [class*='yst-text-black' i],
    [class*='text-slate' i],
    [class*='text-gray' i],
    [class*='text-neutral' i],
    [class~='text-black']
  ) {
  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.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(
    [class*='yst-border-slate' i],
    [class*='yst-border-gray' i],
    [class*='yst-border-neutral' i],
    [class*='border-slate' i],
    [class*='border-gray' i],
    [class*='border-neutral' i],
    [class*='divide-slate' i],
    [class*='divide-gray' i],
    [class*='divide-neutral' i]
  ),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(
    [class*='yst-border-slate' i],
    [class*='yst-border-gray' i],
    [class*='yst-border-neutral' i],
    [class*='border-slate' i],
    [class*='border-gray' i],
    [class*='border-neutral' i],
    [class*='divide-slate' i],
    [class*='divide-gray' i],
    [class*='divide-neutral' i]
  ) {
  border-color: rgba(255, 255, 255, 0.12) !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(table, thead, tbody, tfoot, tr, td, th, [role='table'], [role='row'], [role='cell'], [class*='task' i], [class*='step' i]) {
  border-color: 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.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(progress, meter, [role='progressbar'], [class*='progress' i], [class*='skeleton' i], [class*='placeholder' i]) {
  background: var(--ysh-card-hover, #22262e) !important;
  background-color: var(--ysh-card-hover, #22262e) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: var(--ysh-text, #cfd6e0) !important;
  box-shadow: none !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  > .wrap.ysh-adaptive-active
  progress::-webkit-progress-bar {
  background: var(--ysh-card-hover, #22262e) !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  > .wrap.ysh-adaptive-active
  progress::-webkit-progress-value {
  background: var(--ysh-success, #22c55e) !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(button, .button, a[role='button'], input[type='button'], input[type='submit']):is(:disabled, [disabled], [aria-disabled='true'], .is-disabled, .disabled) {
  background: rgba(255, 255, 255, 0.04) !important;
  background-color: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: var(--ysh-muted, #9aa5b1) !important;
  -webkit-text-fill-color: var(--ysh-muted, #9aa5b1) !important;
  box-shadow: none !important;
  opacity: 0.72;
}

/* Fixed/portal plugin surfaces are often appended outside the adaptive wrap. */
html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(
    [role='dialog'],
    [aria-modal='true'],
    [class~='modal' i],
    [class$='-modal' i],
    [class*='-modal ' i],
    [class*='modal-dialog' i],
    [class*='modal-frame' i],
    [class*='modal-window' i],
    [class*='popover' i],
    [class*='toast' i],
    [class*='notice' i][class*='yoast' i],
    [class*='yst-bg-white' i],
    [class*='yst-card' i],
    [class*='yst-panel' i]
  ),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(
    [role='dialog'],
    [aria-modal='true'],
    [class~='modal' i],
    [class$='-modal' i],
    [class*='-modal ' i],
    [class*='modal-dialog' i],
    [class*='modal-frame' i],
    [class*='modal-window' i],
    [class*='popover' i],
    [class*='toast' i],
    [class*='notice' i][class*='yoast' i],
    [class*='yst-bg-white' i],
    [class*='yst-card' i],
    [class*='yst-panel' i]
  ) {
  background: var(--ysh-card, #1a1d23) !important;
  background-color: var(--ysh-card, #1a1d23) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: var(--ysh-text, #cfd6e0) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.46) !important;
  color-scheme: dark;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(.components-modal__screen-overlay, [class*='modal-overlay' i], [class*='modal-backdrop' i]),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(.components-modal__screen-overlay, [class*='modal-overlay' i], [class*='modal-backdrop' i]) {
  background: rgba(5, 7, 11, 0.72) !important;
  background-color: rgba(5, 7, 11, 0.72) !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is([role='dialog'], [aria-modal='true'], [class~='modal' i], [class$='-modal' i], [class*='-modal ' i])
  :is(
    [class*='modal-body' i],
    [class*='modal__body' i],
    [class*='modal-content' i],
    [class*='modal__content' i],
    [class*='modal-inner' i],
    [class*='modal__inner' i],
    [class*='dialog-body' i],
    [class*='dialog-content' i],
    [class*='dialog-inner' i]
  ):not([role='dialog']):not([aria-modal='true']),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is([role='dialog'], [aria-modal='true'], [class~='modal' i], [class$='-modal' i], [class*='-modal ' i])
  :is(
    [class*='modal-body' i],
    [class*='modal__body' i],
    [class*='modal-content' i],
    [class*='modal__content' i],
    [class*='modal-inner' i],
    [class*='modal__inner' i],
    [class*='dialog-body' i],
    [class*='dialog-content' i],
    [class*='dialog-inner' i]
  ):not([role='dialog']):not([aria-modal='true']) {
  background: transparent !important;
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(.components-modal__frame, [role='dialog'], [aria-modal='true'], [class*='modal' i])
  :is(.components-modal__header, [class*='modal-header' i], [class*='modal__header' i]),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(.components-modal__frame, [role='dialog'], [aria-modal='true'], [class*='modal' i])
  :is(.components-modal__header, [class*='modal-header' i], [class*='modal__header' i]) {
  background: var(--ysh-card, #1a1d23) !important;
  background-color: var(--ysh-card, #1a1d23) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: var(--ysh-heading, #eef1f5) !important;
  -webkit-text-fill-color: var(--ysh-heading, #eef1f5) !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(.components-modal__frame, [role='dialog'], [aria-modal='true'], [class*='modal' i])
  :is(
    .components-modal__header .components-button,
    .components-modal__header button,
    [aria-label*='close' i],
    [aria-label*='dismiss' i],
    [class*='close' i],
    [class*='dismiss' i]
  ),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(.components-modal__frame, [role='dialog'], [aria-modal='true'], [class*='modal' i])
  :is(
    .components-modal__header .components-button,
    .components-modal__header button,
    [aria-label*='close' i],
    [aria-label*='dismiss' i],
    [class*='close' i],
    [class*='dismiss' i]
  ) {
  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, #eef1f5) !important;
  -webkit-text-fill-color: var(--ysh-heading, #eef1f5) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(.components-modal__frame, [role='dialog'], [aria-modal='true'], [class*='modal' i])
  :is(
    .components-modal__header .components-button,
    .components-modal__header button,
    [aria-label*='close' i],
    [aria-label*='dismiss' i],
    [class*='close' i],
    [class*='dismiss' i]
  )
  :is(svg, path, span, .dashicons),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(.components-modal__frame, [role='dialog'], [aria-modal='true'], [class*='modal' i])
  :is(
    .components-modal__header .components-button,
    .components-modal__header button,
    [aria-label*='close' i],
    [aria-label*='dismiss' i],
    [class*='close' i],
    [class*='dismiss' i]
  )
  :is(svg, path, span, .dashicons) {
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  opacity: 1 !important;
}

/* Yoast SEO UI library — portaled modals, introductions, and toasts (outside .wrap). */
html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(
    .yst-root,
    .yst-modal,
    .yst-modal__panel,
    .yst-modal__container,
    .yst-modal__overlay,
    .yst-modal__close-button,
    .yst-introduction-modal,
    .yst-toast,
    .yst-notification,
    .yst-paper,
    [class*='yst-modal' i],
    [class*='yst-toast' i],
    [class*='yst-notification' i]
  ),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(
    .yst-root,
    .yst-modal,
    .yst-modal__panel,
    .yst-modal__container,
    .yst-modal__overlay,
    .yst-modal__close-button,
    .yst-introduction-modal,
    .yst-toast,
    .yst-notification,
    .yst-paper,
    [class*='yst-modal' i],
    [class*='yst-toast' i],
    [class*='yst-notification' i]
  ) {
  background: var(--ysh-card, #1a1d23) !important;
  background-color: var(--ysh-card, #1a1d23) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: var(--ysh-text, #cfd6e0) !important;
  -webkit-text-fill-color: var(--ysh-text, #cfd6e0) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.46) !important;
  color-scheme: dark;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(
    .yst-introduction-gradient,
    .yst-delayed-introduction-gradient,
    .yst-woo-introduction-gradient
  ),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(
    .yst-introduction-gradient,
    .yst-delayed-introduction-gradient,
    .yst-woo-introduction-gradient
  ) {
  background: var(--ysh-card-hover, #22262e) !important;
  background-color: var(--ysh-card-hover, #22262e) !important;
  background-image: none !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  .yst-modal__overlay,
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  .yst-modal__overlay {
  background: rgba(5, 7, 11, 0.72) !important;
  background-color: rgba(5, 7, 11, 0.72) !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(
    .yst-modal,
    .yst-modal__panel,
    .yst-introduction-modal,
    .yst-toast,
    .yst-notification,
    .yst-paper,
    [class*='yst-modal' i],
    [class*='yst-toast' i],
    [class*='yst-notification' i]
  )
  :is(
    [class*='yst-text-slate' i],
    [class*='yst-text-gray' i],
    [class*='yst-text-neutral' i],
    [class*='yst-text-black' i],
    [class*='text-slate' i],
    [class*='text-gray' i],
    [class*='text-neutral' i],
    .yst-text-tiny
  ),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(
    .yst-modal,
    .yst-modal__panel,
    .yst-introduction-modal,
    .yst-toast,
    .yst-notification,
    .yst-paper,
    [class*='yst-modal' i],
    [class*='yst-toast' i],
    [class*='yst-notification' i]
  )
  :is(
    [class*='yst-text-slate' i],
    [class*='yst-text-gray' i],
    [class*='yst-text-neutral' i],
    [class*='yst-text-black' i],
    [class*='text-slate' i],
    [class*='text-gray' i],
    [class*='text-neutral' i],
    .yst-text-tiny
  ) {
  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.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(
    .yst-modal,
    .yst-modal__panel,
    .yst-introduction-modal,
    .yst-toast,
    .yst-notification,
    .yst-paper,
    [class*='yst-modal' i],
    [class*='yst-toast' i],
    [class*='yst-notification' i]
  )
  :is(h1, h2, h3, h4, h5, h6, strong),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(
    .yst-modal,
    .yst-modal__panel,
    .yst-introduction-modal,
    .yst-toast,
    .yst-notification,
    .yst-paper,
    [class*='yst-modal' i],
    [class*='yst-toast' i],
    [class*='yst-notification' i]
  )
  :is(h1, h2, h3, h4, h5, h6, strong) {
  color: var(--ysh-heading, #eef1f5) !important;
  -webkit-text-fill-color: var(--ysh-heading, #eef1f5) !important;
}

/* Pre-adapt paint — same form/surface tokens before JS (body.ysh-adapt-wait). */
html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat.ysh-adapt-wait
  #wpbody-content
  > .wrap.ysh-adaptive-active,
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat.ysh-adapt-wait
  #wpbody-content
  > .wrap.ysh-adaptive-active {
  color: var(--ysh-text, #cfd6e0);
  color-scheme: dark;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat.ysh-adapt-wait
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(
    input:not([type='checkbox']):not([type='radio']):not([type='button']):not([type='submit']):not([type='reset']):not(
        [type='hidden']
      ):not([type='file']):not(.wp-color-picker),
    textarea,
    select,
    .wp-picker-container .wp-color-result,
    .wp-picker-input-wrap input[type='text']
  ),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat.ysh-adapt-wait
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(
    input:not([type='checkbox']):not([type='radio']):not([type='button']):not([type='submit']):not([type='reset']):not(
        [type='hidden']
      ):not([type='file']):not(.wp-color-picker),
    textarea,
    select,
    .wp-picker-container .wp-color-result,
    .wp-picker-input-wrap input[type='text']
  ) {
  background: #22262e !important;
  background-color: #22262e !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: var(--ysh-text, #cfd6e0) !important;
  -webkit-text-fill-color: var(--ysh-text, #cfd6e0) !important;
  box-shadow: none !important;
}

/* Dark canvas default (vendor .wrap is transparent; #wpbody-content is the surface). */
html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active,
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active {
  color: var(--ysh-text, #cfd6e0);
  color-scheme: dark;
}

/* Light vendor surfaces → hub card tokens. */
html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(.ysh-adapt-light-bg, [class*='-settings-section'], [class*='-pro-teaser']),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(.ysh-adapt-light-bg, [class*='-settings-section'], [class*='-pro-teaser']) {
  background: var(--ysh-card, #1a1d23) !important;
  background-color: var(--ysh-card, #1a1d23) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  box-shadow: none !important;
  color-scheme: dark;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  .ysh-adapt-light-nested,
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  .ysh-adapt-light-nested {
  background: rgba(255, 255, 255, 0.04) !important;
  background-color: rgba(255, 255, 255, 0.04) !important;
}

/* —— Typography tiers (set by JS from luminance / contrast) —— */
html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(#wpbody-content.ysh-adaptive-active, #wpbody-content .ysh-adaptive-active)
  :is([class*='title'], [class*='Title'], [class*='heading'], [class*='Heading'], [class*='label'], [class*='Label']):not(
    :is(input, textarea, select, button, .button, .dashicons, [class*='icon'], [class*='Icon'], [class*='badge'], [class*='Badge'], [class*='chevron'])
  ),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(#wpbody-content.ysh-adaptive-active, #wpbody-content .ysh-adaptive-active)
  :is([class*='title'], [class*='Title'], [class*='heading'], [class*='Heading'], [class*='label'], [class*='Label']):not(
    :is(input, textarea, select, button, .button, .dashicons, [class*='icon'], [class*='Icon'], [class*='badge'], [class*='Badge'], [class*='chevron'])
  ) {
  color: var(--ysh-heading, #eef1f5) !important;
  -webkit-text-fill-color: var(--ysh-heading, #eef1f5) !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(#wpbody-content.ysh-adaptive-active, #wpbody-content .ysh-adaptive-active)
  :is(.components-card, .components-surface, [data-wp-component='Card'])
  :is(h1, h2, h3, h4, h5, h6, strong, b, [role='heading']),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(#wpbody-content.ysh-adaptive-active, #wpbody-content .ysh-adaptive-active)
  :is(.components-card, .components-surface, [data-wp-component='Card'])
  :is(h1, h2, h3, h4, h5, h6, strong, b, [role='heading']) {
  color: var(--ysh-heading, #eef1f5) !important;
  -webkit-text-fill-color: var(--ysh-heading, #eef1f5) !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(#wpbody-content.ysh-adaptive-active, #wpbody-content .ysh-adaptive-active)
  :is(.components-card, .components-surface, [data-wp-component='Card'])
  :is(div, span, p, small, li):not(
    :is(.dashicons, [class*='icon'], [class*='Icon'], [class*='badge'], [class*='Badge'], [class*='chevron'], [aria-hidden='true'])
  ),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(#wpbody-content.ysh-adaptive-active, #wpbody-content .ysh-adaptive-active)
  :is(.components-card, .components-surface, [data-wp-component='Card'])
  :is(div, span, p, small, li):not(
    :is(.dashicons, [class*='icon'], [class*='Icon'], [class*='badge'], [class*='Badge'], [class*='chevron'], [aria-hidden='true'])
  ) {
  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.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(#wpbody-content.ysh-adaptive-active, #wpbody-content .ysh-adaptive-active)
  :is([class*='text'], [class*='Text'], [class*='description'], [class*='Description'], [class*='message'], [class*='Message'], [class*='empty'], [class*='Empty']):not(
    :is(input, textarea, select, button, .button, .dashicons, [class*='icon'], [class*='Icon'], [class*='badge'], [class*='Badge'], [class*='chevron'])
  ),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(#wpbody-content.ysh-adaptive-active, #wpbody-content .ysh-adaptive-active)
  :is([class*='text'], [class*='Text'], [class*='description'], [class*='Description'], [class*='message'], [class*='Message'], [class*='empty'], [class*='Empty']):not(
    :is(input, textarea, select, button, .button, .dashicons, [class*='icon'], [class*='Icon'], [class*='badge'], [class*='Badge'], [class*='chevron'])
  ) {
  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.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(#wpbody-content.ysh-adaptive-active, #wpbody-content .ysh-adaptive-active)
  :is(.ysh-adapt-light-bg, .ysh-adapt-light-nested)
  [data-ysh-adapt-text='on-light'],
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(#wpbody-content.ysh-adaptive-active, #wpbody-content .ysh-adaptive-active)
  :is(.ysh-adapt-light-bg, .ysh-adapt-light-nested)
  [data-ysh-adapt-text='on-light'] {
  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.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  [data-ysh-adapt-text='heading'],
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  [data-ysh-adapt-text='heading'] {
  color: var(--ysh-heading, #eef1f5) !important;
  -webkit-text-fill-color: var(--ysh-heading, #eef1f5) !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  [data-ysh-adapt-text='body'],
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  [data-ysh-adapt-text='body'] {
  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.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  [data-ysh-adapt-text='muted'],
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  [data-ysh-adapt-text='muted'] {
  color: var(--ysh-muted, #9aa5b1) !important;
  -webkit-text-fill-color: var(--ysh-muted, #9aa5b1) !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  [data-ysh-adapt-text='link'],
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  [data-ysh-adapt-text='link'] {
  color: var(--yooadmin-primary, var(--ysh-brand, #eda934)) !important;
  -webkit-text-fill-color: var(--yooadmin-primary, var(--ysh-brand, #eda934)) !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  [data-ysh-adapt-text='on-dark'],
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  [data-ysh-adapt-text='on-dark'] {
  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.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  [data-ysh-adapt-text='on-light'],
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  [data-ysh-adapt-text='on-light'] {
  color: var(--ysh-text, #cfd6e0) !important;
  -webkit-text-fill-color: var(--ysh-text, #cfd6e0) !important;
}

/* React plugin cards often use generated class names, so keep their visible
 * children readable even when vendor CSS does not expose semantic selectors.
 */
html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(#wpbody-content.ysh-adaptive-active, #wpbody-content .ysh-adaptive-active)
  :is(.components-card, .components-surface, [data-wp-component='Card'])
  :is(div, span, p, small, strong, b):not(.screen-reader-text):not([aria-hidden='true']),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(#wpbody-content.ysh-adaptive-active, #wpbody-content .ysh-adaptive-active)
  :is(.components-card, .components-surface, [data-wp-component='Card'])
  :is(div, span, p, small, strong, b):not(.screen-reader-text):not([aria-hidden='true']) {
  color: var(--ysh-text, #cfd6e0) !important;
  -webkit-text-fill-color: currentColor !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(#wpbody-content.ysh-adaptive-active, #wpbody-content .ysh-adaptive-active)
  :is(.components-card, .components-surface, [data-wp-component='Card'])
  :is(h1, h2, h3, h4, h5, h6, [role='heading'], [class*='heading'], [class*='Heading'], [class*='title'], [class*='Title']),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(#wpbody-content.ysh-adaptive-active, #wpbody-content .ysh-adaptive-active)
  :is(.components-card, .components-surface, [data-wp-component='Card'])
  :is(h1, h2, h3, h4, h5, h6, [role='heading'], [class*='heading'], [class*='Heading'], [class*='title'], [class*='Title']) {
  color: var(--ysh-heading, #eef1f5) !important;
  -webkit-text-fill-color: currentColor !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(#wpbody-content.ysh-adaptive-active, #wpbody-content .ysh-adaptive-active)
  :is(.components-card, .components-surface, [data-wp-component='Card'])
  svg:not(:is([class*='logo'], [class*='Logo'], [class*='brand'], [class*='Brand'], [class*='avatar'], [class*='Avatar'])),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(#wpbody-content.ysh-adaptive-active, #wpbody-content .ysh-adaptive-active)
  :is(.components-card, .components-surface, [data-wp-component='Card'])
  svg:not(:is([class*='logo'], [class*='Logo'], [class*='brand'], [class*='Brand'], [class*='avatar'], [class*='Avatar'])) {
  color: var(--ysh-text, #cfd6e0) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* WP admin notices on adaptive screens — outer shell only (inner nodes stay flat). */
html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(
    .notice:not(.yp-notification-item),
    .update-nag,
    .updated,
    .error,
    .welcome-panel,
    .welcome-panel
  ),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(
    .notice:not(.yp-notification-item),
    .update-nag,
    .updated,
    .error,
    .welcome-panel,
    .welcome-panel
  ) {
  border-color: rgba(255, 255, 255, 0.1) !important;
  box-shadow: none !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(.notice, .welcome-panel, .welcome-panel)
  :is(.welcome-panel-content, .welcome-panel-column, .notice-dismiss, .welcome-panel-close),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(.notice, .welcome-panel, .welcome-panel)
  :is(.welcome-panel-content, .welcome-panel-column, .notice-dismiss, .welcome-panel-close) {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Form controls — entire adaptive wrap (vendor inputs often sit on already-dark cards). */
html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(
    input:not([type='checkbox']):not([type='radio']):not([type='button']):not([type='submit']):not([type='reset']):not(
        [type='hidden']
      ):not([type='file']):not(.wp-color-picker),
    textarea,
    select
  ),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(
    input:not([type='checkbox']):not([type='radio']):not([type='button']):not([type='submit']):not([type='reset']):not(
        [type='hidden']
      ):not([type='file']):not(.wp-color-picker),
    textarea,
    select
  ),
html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(.ysh-adapt-light-bg, .ysh-adapt-light-nested)
  :is(input, textarea, select):not([type='checkbox']):not([type='radio']):not([type='button']):not([type='submit']),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(.ysh-adapt-light-bg, .ysh-adapt-light-nested)
  :is(input, textarea, select):not([type='checkbox']):not([type='radio']):not([type='button']):not([type='submit']),
html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  .ysh-adapt-field,
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  .ysh-adapt-field {
  background: #22262e !important;
  background-color: #22262e !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: var(--ysh-text, #cfd6e0) !important;
  -webkit-text-fill-color: var(--ysh-text, #cfd6e0) !important;
  color-scheme: dark;
  box-shadow: none !important;
}

/* WordPress classic title/select/token controls that often ship their own white chrome. */
html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(#titlediv #title, input#title, .regular-text, .large-text, select, select option),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(#titlediv #title, input#title, .regular-text, .large-text, select, select option) {
  background: #22262e !important;
  background-color: #22262e !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
  color: var(--ysh-heading, #eef1f5) !important;
  -webkit-text-fill-color: var(--ysh-heading, #eef1f5) !important;
  color-scheme: dark !important;
  box-shadow: none !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(
    .select2-container .select2-selection,
    .select2-dropdown,
    .select2-results__option,
    .chosen-container-single .chosen-single,
    .chosen-container-multi .chosen-choices,
    .chosen-drop,
    .components-form-token-field__input-container,
    .components-form-token-field__suggestions-list,
    [class*='token-field' i],
    [class*='dropdown' i],
    [role='combobox'],
    [role='listbox'],
    [role='option'],
    [class*='select-control' i],
    [class*='select__control' i],
    [class*='select__menu' i]
  ),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(
    .select2-container .select2-selection,
    .select2-dropdown,
    .select2-results__option,
    .chosen-container-single .chosen-single,
    .chosen-container-multi .chosen-choices,
    .chosen-drop,
    .components-form-token-field__input-container,
    .components-form-token-field__suggestions-list,
    [class*='token-field' i],
    [class*='dropdown' i],
    [role='combobox'],
    [role='listbox'],
    [role='option'],
    [class*='select-control' i],
    [class*='select__control' i],
    [class*='select__menu' i]
  ) {
  background: #22262e !important;
  background-color: #22262e !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
  color: var(--ysh-text, #cfd6e0) !important;
  -webkit-text-fill-color: var(--ysh-text, #cfd6e0) !important;
  box-shadow: none !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(
    .select2-selection__rendered,
    .select2-selection__placeholder,
    .select2-results__option,
    .chosen-single span,
    .chosen-choices li.search-choice,
    .components-form-token-field__token-text,
    .components-form-token-field__input,
    [role='combobox'],
    [role='listbox'],
    [role='option'],
    [class*='select__single-value' i],
    [class*='select__placeholder' i],
    [class*='select__option' i]
  ),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(
    .select2-selection__rendered,
    .select2-selection__placeholder,
    .select2-results__option,
    .chosen-single span,
    .chosen-choices li.search-choice,
    .components-form-token-field__token-text,
    .components-form-token-field__input,
    [role='combobox'],
    [role='listbox'],
    [role='option'],
    [class*='select__single-value' i],
    [class*='select__placeholder' i],
    [class*='select__option' i]
  ) {
  color: var(--ysh-text, #cfd6e0) !important;
  -webkit-text-fill-color: var(--ysh-text, #cfd6e0) !important;
}

/* Dropdown menus commonly portal to <body> instead of staying inside the wrap. */
html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(.select2-container--open .select2-dropdown, .select2-results__option, .chosen-container .chosen-drop),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(.select2-container--open .select2-dropdown, .select2-results__option, .chosen-container .chosen-drop) {
  background: #22262e !important;
  background-color: #22262e !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
  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.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(.select2-results__option--highlighted, .chosen-results li.highlighted, [class*='select__option--is-focused' i]),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(.select2-results__option--highlighted, .chosen-results li.highlighted, [class*='select__option--is-focused' i]) {
  background: rgba(var(--ysh-brand-rgb, 237, 169, 52), 0.18) !important;
  background-color: rgba(var(--ysh-brand-rgb, 237, 169, 52), 0.18) !important;
  color: var(--ysh-heading, #eef1f5) !important;
  -webkit-text-fill-color: var(--ysh-heading, #eef1f5) !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(.select2-results__option--highlighted, .chosen-results li.highlighted),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(.select2-results__option--highlighted, .chosen-results li.highlighted) {
  background: rgba(var(--ysh-brand-rgb, 237, 169, 52), 0.18) !important;
  background-color: rgba(var(--ysh-brand-rgb, 237, 169, 52), 0.18) !important;
  color: var(--ysh-heading, #eef1f5) !important;
  -webkit-text-fill-color: var(--ysh-heading, #eef1f5) !important;
}

/* Code editors — preserve visible selections/cursors without plugin-specific rules. */
html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(.CodeMirror, .cm-editor, .wp-code-editor, .code-editor),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(.CodeMirror, .cm-editor, .wp-code-editor, .code-editor) {
  background: #151922 !important;
  background-color: #151922 !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
  color: #e5e7eb !important;
  color-scheme: dark !important;
  box-shadow: none !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(.CodeMirror-scroll, .CodeMirror-sizer, .CodeMirror-lines, .cm-scroller, .cm-content),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(.CodeMirror-scroll, .CodeMirror-sizer, .CodeMirror-lines, .cm-scroller, .cm-content) {
  background: transparent !important;
  background-color: transparent !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(.CodeMirror-code, .CodeMirror-line, .CodeMirror pre, .cm-line),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(.CodeMirror-code, .CodeMirror-line, .CodeMirror pre, .cm-line) {
  color: #e5e7eb;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(.CodeMirror-gutters, .cm-gutters),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(.CodeMirror-gutters, .cm-gutters) {
  background: #12151a !important;
  background-color: #12151a !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(.CodeMirror-linenumber, .cm-gutterElement),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(.CodeMirror-linenumber, .cm-gutterElement) {
  color: #7c8794 !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(.CodeMirror-selected, .CodeMirror-focused .CodeMirror-selected, .cm-selectionBackground, .cm-focused .cm-selectionBackground),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(.CodeMirror-selected, .CodeMirror-focused .CodeMirror-selected, .cm-selectionBackground, .cm-focused .cm-selectionBackground) {
  background: rgba(var(--ysh-brand-rgb, 237, 169, 52), 0.38) !important;
  background-color: rgba(var(--ysh-brand-rgb, 237, 169, 52), 0.38) !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  .CodeMirror
  ::selection,
html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  .cm-content
  ::selection,
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  .CodeMirror
  ::selection,
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  .cm-content
  ::selection {
  background: rgba(var(--ysh-brand-rgb, 237, 169, 52), 0.45) !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(.CodeMirror-cursor, .cm-cursor),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(.CodeMirror-cursor, .cm-cursor) {
  border-left-color: #f8fafc !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(.CodeMirror-activeline-background, .cm-activeLine),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(.CodeMirror-activeline-background, .cm-activeLine) {
  background: rgba(255, 255, 255, 0.06) !important;
  background-color: rgba(255, 255, 255, 0.06) !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(.CodeMirror .cm-matchhighlight, .CodeMirror .CodeMirror-matchingbracket, .cm-matchingBracket),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(.CodeMirror .cm-matchhighlight, .CodeMirror .CodeMirror-matchingbracket, .cm-matchingBracket) {
  background: rgba(var(--ysh-brand-rgb, 237, 169, 52), 0.24) !important;
  color: #f8fafc !important;
}

/* Classic WordPress editor chrome and visual editor surface. */
html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(.wp-editor-container, .wp-editor-tools, .quicktags-toolbar, .mce-toolbar-grp, .mce-statusbar, .mce-edit-area, .mce-panel),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(.wp-editor-container, .wp-editor-tools, .quicktags-toolbar, .mce-toolbar-grp, .mce-statusbar, .mce-edit-area, .mce-panel) {
  background: #151922 !important;
  background-color: #151922 !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: var(--ysh-text, #cfd6e0) !important;
  box-shadow: none !important;
  color-scheme: dark !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(.wp-switch-editor, .quicktags-toolbar input.button, .mce-btn button),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(.wp-switch-editor, .quicktags-toolbar input.button, .mce-btn button) {
  background: rgba(255, 255, 255, 0.07) !important;
  background-color: rgba(255, 255, 255, 0.07) !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
  color: var(--ysh-text, #cfd6e0) !important;
  -webkit-text-fill-color: var(--ysh-text, #cfd6e0) !important;
  box-shadow: none !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(.tmce-active .switch-tmce, .html-active .switch-html, .wp-switch-editor:hover, .mce-btn:hover button),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(.tmce-active .switch-tmce, .html-active .switch-html, .wp-switch-editor:hover, .mce-btn:hover button) {
  background: rgba(var(--ysh-brand-rgb, 237, 169, 52), 0.16) !important;
  background-color: rgba(var(--ysh-brand-rgb, 237, 169, 52), 0.16) !important;
  color: var(--ysh-heading, #eef1f5) !important;
  -webkit-text-fill-color: var(--ysh-heading, #eef1f5) !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(.button:not(.button-primary), a.button:not(.button-primary), input.button:not(.button-primary), .button-secondary),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(.button:not(.button-primary), a.button:not(.button-primary), input.button:not(.button-primary), .button-secondary) {
  background: rgba(255, 255, 255, 0.07) !important;
  background-color: rgba(255, 255, 255, 0.07) !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
  color: var(--ysh-text, #cfd6e0) !important;
  -webkit-text-fill-color: var(--ysh-text, #cfd6e0) !important;
  box-shadow: none !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(.button-link, a.button-link, .components-button.is-link),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(.button-link, a.button-link, .components-button.is-link) {
  background: transparent !important;
  background-color: transparent !important;
  border-color: transparent !important;
  color: var(--ysh-brand, #eda934) !important;
  -webkit-text-fill-color: var(--ysh-brand, #eda934) !important;
  box-shadow: none !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(input, textarea)::placeholder,
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(input, textarea)::placeholder {
  color: var(--ysh-muted, #9aa5b1) !important;
  opacity: 1 !important;
}

/* WordPress color picker — trigger + hex field (Iris panel is body-level, see below). */
html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  .wp-picker-container
  :is(.wp-color-result, .wp-picker-input-wrap input[type='text']),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  .wp-picker-container
  :is(.wp-color-result, .wp-picker-input-wrap input[type='text']) {
  background: #22262e !important;
  background-color: #22262e !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: var(--ysh-text, #cfd6e0) !important;
  -webkit-text-fill-color: var(--ysh-text, #cfd6e0) !important;
  box-shadow: none !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  .wp-picker-container
  .wp-color-result-text,
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  .wp-picker-container
  .wp-color-result-text {
  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.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  .wp-picker-container
  .button.wp-picker-clear,
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  .wp-picker-container
  .button.wp-picker-clear {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.22) !important;
  color: var(--ysh-text, #cfd6e0) !important;
}

/* Iris dropdown is appended to <body> — scope to plugin-admin compat only. */
html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  .wp-picker-holder,
html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  .iris-picker,
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  .wp-picker-holder,
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  .iris-picker {
  background: var(--ysh-card, #1a1d23) !important;
  background-color: var(--ysh-card, #1a1d23) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: var(--ysh-text, #cfd6e0) !important;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.45) !important;
  color-scheme: dark;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  .iris-picker
  .iris-square,
html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  .iris-picker
  .iris-strip,
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  .iris-picker
  .iris-square,
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  .iris-picker
  .iris-strip {
  border-color: rgba(255, 255, 255, 0.18) !important;
}

/* Vendor list rows / chips with light hover or selection (e.g. page pickers). */
html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(
    [class*='-page-item']:hover,
    [class*='-page-item']:has(input:checked),
    [class*='-list-item']:hover,
    [class*='-list-item'].selected,
    [class*='-list-item'][class*='selected'],
    [class*='-radio-item']:hover
  ),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(
    [class*='-page-item']:hover,
    [class*='-page-item']:has(input:checked),
    [class*='-list-item']:hover,
    [class*='-list-item'].selected,
    [class*='-list-item'][class*='selected'],
    [class*='-radio-item']:hover
  ) {
  background: rgba(255, 255, 255, 0.07) !important;
  background-color: rgba(255, 255, 255, 0.07) !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(
    [class*='-page-item']:hover,
    [class*='-page-item']:has(input:checked),
    [class*='-list-item']:hover,
    [class*='-list-item'].selected,
    [class*='-list-item'][class*='selected'],
    [class*='-radio-item']:hover
  )
  :is(span, label, [class*='-title'], [class*='-id']),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(
    [class*='-page-item']:hover,
    [class*='-page-item']:has(input:checked),
    [class*='-list-item']:hover,
    [class*='-list-item'].selected,
    [class*='-list-item'][class*='selected'],
    [class*='-radio-item']:hover
  )
  :is(span, label, [class*='-title'], [class*='-id']) {
  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.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  [class*='-page-item']:has(input:checked),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  [class*='-page-item']:has(input:checked) {
  background: rgba(var(--ysh-brand-rgb, 237, 169, 52), 0.14) !important;
  background-color: rgba(var(--ysh-brand-rgb, 237, 169, 52), 0.14) !important;
}

/* List tables on adaptive screens. */
html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(.wp-list-table, table.widefat)
  thead
  :is(th, td),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(.wp-list-table, table.widefat)
  thead
  :is(th, td) {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: var(--ysh-muted, #9aa5b1) !important;
}

/* React plugin hosts (dynamic dashboards) — adaptive tiers inside dashboard root. */
html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-adaptive-active
  #wpbody-content
  [class*='-admin-dashboard'].ysh-adaptive-active,
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-adaptive-active
  #wpbody-content
  [class*='-admin-dashboard'].ysh-adaptive-active {
  color: var(--ysh-text, #cfd6e0);
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  [class*='-admin-dashboard']
  :is(.ysh-adapt-light-bg, .ysh-adapt-light-nested),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  [class*='-admin-dashboard']
  :is(.ysh-adapt-light-bg, .ysh-adapt-light-nested) {
  background: var(--ysh-card, #1a1d23) !important;
  background-color: var(--ysh-card, #1a1d23) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  [class*='-admin-dashboard']
  [data-ysh-adapt-text],
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  [class*='-admin-dashboard']
  [data-ysh-adapt-text] {
  -webkit-text-fill-color: currentColor !important;
}

/* —— Universal hover (no white/light flashes on dark canvas) —— */
html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  .ysh-adapt-hoverable:hover,
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  .ysh-adapt-hoverable:hover {
  background-color: rgba(255, 255, 255, 0.07) !important;
  background: rgba(255, 255, 255, 0.07) !important;
  color: var(--ysh-text, #cfd6e0) !important;
  -webkit-text-fill-color: var(--ysh-text, #cfd6e0) !important;
  box-shadow: none !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  .ysh-adapt-hoverable:hover
  :is(h1, h2, h3, h4, h5, h6, p, span, strong, small, code),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  .ysh-adapt-hoverable:hover
  :is(h1, h2, h3, h4, h5, h6, p, span, strong, small, code) {
  color: var(--ysh-text, #cfd6e0) !important;
  -webkit-text-fill-color: var(--ysh-text, #cfd6e0) !important;
}

/* Dense plugin grids */
html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is([class*='block-item'], [class*='category__header']):hover,
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is([class*='block-item'], [class*='category__header']):hover {
  background-color: rgba(255, 255, 255, 0.07) !important;
  background: rgba(255, 255, 255, 0.07) !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(
    [class*='__blocks-list__item'],
    [class*='__settings-list'] li,
    [class*='__cards-item']
  ):hover,
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(
    [class*='__blocks-list__item'],
    [class*='__settings-list'] li,
    [class*='__cards-item']
  ):hover {
  background-color: var(--ysh-card, #1a1d23) !important;
  background: var(--ysh-card, #1a1d23) !important;
  box-shadow: none !important;
}

/* —— YOOAdmin button tiers (vendor → hub) —— */
html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  [data-ysh-adapt-btn='primary'],
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  [data-ysh-adapt-btn='primary'] {
  background: var(--yooadmin-primary, var(--ysh-brand, #eda934)) !important;
  background-color: var(--yooadmin-primary, var(--ysh-brand, #eda934)) !important;
  border-color: var(--yooadmin-primary, var(--ysh-brand, #eda934)) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: none !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  [data-ysh-adapt-btn='primary']:hover,
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  [data-ysh-adapt-btn='primary']:hover {
  filter: brightness(1.08);
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Brand fill chips / tabs / primary actions — white label on orange (plugin admin + list screens). */
html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(
    a.yoo-filter-chip.is-active,
    .yoo-filter-chip.is-active,
    a.yoo-filter-btn.is-active,
    .yoo-filter-btn.is-active,
    .nav-tab.nav-tab-active,
    a.nav-tab.nav-tab-active,
    .button-primary,
    a.button-primary,
    input.button-primary
  ),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(
    a.yoo-filter-chip.is-active,
    .yoo-filter-chip.is-active,
    a.yoo-filter-btn.is-active,
    .yoo-filter-btn.is-active,
    .nav-tab.nav-tab-active,
    a.nav-tab.nav-tab-active,
    .button-primary,
    a.button-primary,
    input.button-primary
  ) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(a.yoo-filter-chip.is-active, .yoo-filter-chip.is-active, a.yoo-filter-btn.is-active, .yoo-filter-btn.is-active)
  :is(*, .yoo-filter-count, .dashicons),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is(a.yoo-filter-chip.is-active, .yoo-filter-chip.is-active, a.yoo-filter-btn.is-active, .yoo-filter-btn.is-active)
  :is(*, .yoo-filter-count, .dashicons) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  [data-ysh-adapt-btn='secondary'],
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  [data-ysh-adapt-btn='secondary'] {
  background: rgba(255, 255, 255, 0.08) !important;
  background-color: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.22) !important;
  color: var(--ysh-text, #cfd6e0) !important;
  -webkit-text-fill-color: var(--ysh-text, #cfd6e0) !important;
  box-shadow: none !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  [data-ysh-adapt-btn='secondary']:hover,
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  [data-ysh-adapt-btn='secondary']:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  background-color: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
  color: var(--ysh-heading, #eef1f5) !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  [data-ysh-adapt-btn='success'],
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  [data-ysh-adapt-btn='success'] {
  background: rgba(12, 168, 111, 0.2) !important;
  border-color: rgba(12, 168, 111, 0.45) !important;
  color: #6ee7b7 !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  [data-ysh-adapt-btn='danger'],
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  [data-ysh-adapt-btn='danger'] {
  background: rgba(248, 19, 47, 0.12) !important;
  border-color: rgba(248, 19, 47, 0.35) !important;
  color: #fca5a5 !important;
}

/* —— Checkboxes & custom indicators (YOOAdmin brand) —— */
html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  input[type='checkbox'],
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  input[type='checkbox'] {
  accent-color: var(--yooadmin-primary, var(--ysh-brand, #eda934)) !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  input[type='checkbox']:checked,
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  input[type='checkbox']:checked {
  background-color: var(--yooadmin-primary, var(--ysh-brand, #eda934)) !important;
  border-color: var(--yooadmin-primary, var(--ysh-brand, #eda934)) !important;
}

/* Generic switches / toggles detected by the adaptive engine. */
html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  [data-ysh-adapt-toggle],
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  [data-ysh-adapt-toggle] {
  color-scheme: dark !important;
  accent-color: var(--yooadmin-primary, var(--ysh-brand, #eda934)) !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  input[type='checkbox'][data-ysh-adapt-toggle],
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  input[type='checkbox'][data-ysh-adapt-toggle] {
  border-color: rgba(255, 255, 255, 0.32) !important;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.26) !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  [data-ysh-adapt-toggle='off']:not(input),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  [data-ysh-adapt-toggle='off']:not(input) {
  background: #2a3039 !important;
  background-color: #2a3039 !important;
  border-color: rgba(255, 255, 255, 0.24) !important;
  color: #f8fafc !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  [data-ysh-adapt-toggle='on']:not(input),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  [data-ysh-adapt-toggle='on']:not(input) {
  background: var(--yooadmin-primary, var(--ysh-brand, #eda934)) !important;
  background-color: var(--yooadmin-primary, var(--ysh-brand, #eda934)) !important;
  border-color: color-mix(in srgb, var(--yooadmin-primary, var(--ysh-brand, #eda934)) 80%, #fff 20%) !important;
  color: #101318 !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is([role='switch'], [class*='switch'], [class*='Switch'], [class*='toggle'], [class*='Toggle'])[data-ysh-adapt-toggle]:not(input)::before,
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  :is([role='switch'], [class*='switch'], [class*='Switch'], [class*='toggle'], [class*='Toggle'])[data-ysh-adapt-toggle]:not(input)::before {
  background-color: #f8fafc !important;
  border-color: rgba(255, 255, 255, 0.45) !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.45) !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(#wpbody-content.ysh-adaptive-active, #wpbody-content .ysh-adaptive-active)
  [data-ysh-adapt-toggle],
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(#wpbody-content.ysh-adaptive-active, #wpbody-content .ysh-adaptive-active)
  [data-ysh-adapt-toggle] {
  color-scheme: dark !important;
  accent-color: var(--yooadmin-primary, var(--ysh-brand, #eda934)) !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(#wpbody-content.ysh-adaptive-active, #wpbody-content .ysh-adaptive-active)
  input[type='checkbox'][data-ysh-adapt-toggle],
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(#wpbody-content.ysh-adaptive-active, #wpbody-content .ysh-adaptive-active)
  input[type='checkbox'][data-ysh-adapt-toggle] {
  border-color: rgba(255, 255, 255, 0.32) !important;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.26) !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(#wpbody-content.ysh-adaptive-active, #wpbody-content .ysh-adaptive-active)
  [data-ysh-adapt-toggle='off']:not(input),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(#wpbody-content.ysh-adaptive-active, #wpbody-content .ysh-adaptive-active)
  [data-ysh-adapt-toggle='off']:not(input) {
  background: #2a3039 !important;
  background-color: #2a3039 !important;
  border-color: rgba(255, 255, 255, 0.24) !important;
  color: #f8fafc !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(#wpbody-content.ysh-adaptive-active, #wpbody-content .ysh-adaptive-active)
  [data-ysh-adapt-toggle='on']:not(input),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(#wpbody-content.ysh-adaptive-active, #wpbody-content .ysh-adaptive-active)
  [data-ysh-adapt-toggle='on']:not(input) {
  background: var(--yooadmin-primary, var(--ysh-brand, #eda934)) !important;
  background-color: var(--yooadmin-primary, var(--ysh-brand, #eda934)) !important;
  border-color: color-mix(in srgb, var(--yooadmin-primary, var(--ysh-brand, #eda934)) 80%, #fff 20%) !important;
  color: #101318 !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(#wpbody-content.ysh-adaptive-active, #wpbody-content .ysh-adaptive-active)
  :is([role='switch'], [class*='switch'], [class*='Switch'], [class*='toggle'], [class*='Toggle'])[data-ysh-adapt-toggle]:not(input)::before,
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(#wpbody-content.ysh-adaptive-active, #wpbody-content .ysh-adaptive-active)
  :is([role='switch'], [class*='switch'], [class*='Switch'], [class*='toggle'], [class*='Toggle'])[data-ysh-adapt-toggle]:not(input)::before {
  background-color: #f8fafc !important;
  border-color: rgba(255, 255, 255, 0.45) !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.45) !important;
}

/* Icons / SVG on dark surfaces */
html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  svg[data-ysh-adapt-text='on-dark']
  :is(path, circle, rect, polygon, polyline, line, g),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  svg[data-ysh-adapt-text='on-dark']
  :is(path, circle, rect, polygon, polyline, line, g) {
  fill: var(--ysh-text, #cfd6e0) !important;
  stroke: var(--ysh-text, #cfd6e0) !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  [data-ysh-adapt-icon='on-dark'],
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  [data-ysh-adapt-icon='on-dark'] {
  color: var(--ysh-text, #d7e0eb) !important;
  -webkit-text-fill-color: var(--ysh-text, #d7e0eb) !important;
  fill: var(--ysh-text, #d7e0eb) !important;
  stroke: var(--ysh-text, #d7e0eb) !important;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  svg[data-ysh-adapt-icon='on-dark']
  :is(path, circle, rect, polygon, polyline, line, g),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  svg[data-ysh-adapt-icon='on-dark']
  :is(path, circle, rect, polygon, polyline, line, g) {
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* Fallback for plugin apps that render without the classic .wrap container. */
html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(#wpbody-content.ysh-adaptive-active, #wpbody-content .ysh-adaptive-active)
  svg:not(
    :is(
        .wp-dark-mode-ignore,
        .ysh-appearance__svg,
        [class*='logo'],
        [class*='Logo'],
        [class*='brand'],
        [class*='Brand'],
        [class*='avatar'],
        [class*='Avatar'],
        [class^='yp-'],
        [class*=' yp-'],
        [class^='yoo'],
        [class*=' yoo'],
        [class*='yooadmin'],
        [id^='yp-'],
        [id^='yoo']
      )
  ),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(#wpbody-content.ysh-adaptive-active, #wpbody-content .ysh-adaptive-active)
  svg:not(
    :is(
        .wp-dark-mode-ignore,
        .ysh-appearance__svg,
        [class*='logo'],
        [class*='Logo'],
        [class*='brand'],
        [class*='Brand'],
        [class*='avatar'],
        [class*='Avatar'],
        [class^='yp-'],
        [class*=' yp-'],
        [class^='yoo'],
        [class*=' yoo'],
        [class*='yooadmin'],
        [id^='yp-'],
        [id^='yoo']
      )
  ) {
  color: var(--ysh-text, #d7e0eb) !important;
  -webkit-text-fill-color: var(--ysh-text, #d7e0eb) !important;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(#wpbody-content.ysh-adaptive-active, #wpbody-content .ysh-adaptive-active)
  svg:not(
    :is(
        .wp-dark-mode-ignore,
        .ysh-appearance__svg,
        [class*='logo'],
        [class*='Logo'],
        [class*='brand'],
        [class*='Brand'],
        [class*='avatar'],
        [class*='Avatar'],
        [class^='yp-'],
        [class*=' yp-'],
        [class^='yoo'],
        [class*=' yoo'],
        [class*='yooadmin'],
        [id^='yp-'],
        [id^='yoo']
      )
  )
  :is(path, circle, rect, polygon):not([fill]),
html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(#wpbody-content.ysh-adaptive-active, #wpbody-content .ysh-adaptive-active)
  svg:not(
    :is(
        .wp-dark-mode-ignore,
        .ysh-appearance__svg,
        [class*='logo'],
        [class*='Logo'],
        [class*='brand'],
        [class*='Brand'],
        [class*='avatar'],
        [class*='Avatar'],
        [class^='yp-'],
        [class*=' yp-'],
        [class^='yoo'],
        [class*=' yoo'],
        [class*='yooadmin'],
        [id^='yp-'],
        [id^='yoo']
      )
  )
  :is(path, circle, rect, polygon)[fill='black' i],
html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(#wpbody-content.ysh-adaptive-active, #wpbody-content .ysh-adaptive-active)
  svg:not(
    :is(
        .wp-dark-mode-ignore,
        .ysh-appearance__svg,
        [class*='logo'],
        [class*='Logo'],
        [class*='brand'],
        [class*='Brand'],
        [class*='avatar'],
        [class*='Avatar'],
        [class^='yp-'],
        [class*=' yp-'],
        [class^='yoo'],
        [class*=' yoo'],
        [class*='yooadmin'],
        [id^='yp-'],
        [id^='yoo']
      )
  )
  :is(path, circle, rect, polygon)[fill='#000' i],
html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(#wpbody-content.ysh-adaptive-active, #wpbody-content .ysh-adaptive-active)
  svg:not(
    :is(
        .wp-dark-mode-ignore,
        .ysh-appearance__svg,
        [class*='logo'],
        [class*='Logo'],
        [class*='brand'],
        [class*='Brand'],
        [class*='avatar'],
        [class*='Avatar'],
        [class^='yp-'],
        [class*=' yp-'],
        [class^='yoo'],
        [class*=' yoo'],
        [class*='yooadmin'],
        [id^='yp-'],
        [id^='yoo']
      )
  )
  :is(path, circle, rect, polygon)[fill='#000000' i],
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(#wpbody-content.ysh-adaptive-active, #wpbody-content .ysh-adaptive-active)
  svg:not(
    :is(
        .wp-dark-mode-ignore,
        .ysh-appearance__svg,
        [class*='logo'],
        [class*='Logo'],
        [class*='brand'],
        [class*='Brand'],
        [class*='avatar'],
        [class*='Avatar'],
        [class^='yp-'],
        [class*=' yp-'],
        [class^='yoo'],
        [class*=' yoo'],
        [class*='yooadmin'],
        [id^='yp-'],
        [id^='yoo']
      )
  )
  :is(path, circle, rect, polygon):not([fill]),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(#wpbody-content.ysh-adaptive-active, #wpbody-content .ysh-adaptive-active)
  svg:not(
    :is(
        .wp-dark-mode-ignore,
        .ysh-appearance__svg,
        [class*='logo'],
        [class*='Logo'],
        [class*='brand'],
        [class*='Brand'],
        [class*='avatar'],
        [class*='Avatar'],
        [class^='yp-'],
        [class*=' yp-'],
        [class^='yoo'],
        [class*=' yoo'],
        [class*='yooadmin'],
        [id^='yp-'],
        [id^='yoo']
      )
  )
  :is(path, circle, rect, polygon)[fill='black' i],
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(#wpbody-content.ysh-adaptive-active, #wpbody-content .ysh-adaptive-active)
  svg:not(
    :is(
        .wp-dark-mode-ignore,
        .ysh-appearance__svg,
        [class*='logo'],
        [class*='Logo'],
        [class*='brand'],
        [class*='Brand'],
        [class*='avatar'],
        [class*='Avatar'],
        [class^='yp-'],
        [class*=' yp-'],
        [class^='yoo'],
        [class*=' yoo'],
        [class*='yooadmin'],
        [id^='yp-'],
        [id^='yoo']
      )
  )
  :is(path, circle, rect, polygon)[fill='#000' i],
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(#wpbody-content.ysh-adaptive-active, #wpbody-content .ysh-adaptive-active)
  svg:not(
    :is(
        .wp-dark-mode-ignore,
        .ysh-appearance__svg,
        [class*='logo'],
        [class*='Logo'],
        [class*='brand'],
        [class*='Brand'],
        [class*='avatar'],
        [class*='Avatar'],
        [class^='yp-'],
        [class*=' yp-'],
        [class^='yoo'],
        [class*=' yoo'],
        [class*='yooadmin'],
        [id^='yp-'],
        [id^='yoo']
      )
  )
  :is(path, circle, rect, polygon)[fill='#000000' i] {
  fill: currentColor !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(#wpbody-content.ysh-adaptive-active, #wpbody-content .ysh-adaptive-active)
  svg:not(:is(.wp-dark-mode-ignore, .ysh-appearance__svg, [class*='logo'], [class*='Logo'], [class*='brand'], [class*='Brand'], [class*='avatar'], [class*='Avatar'], [class^='yp-'], [class*=' yp-'], [class^='yoo'], [class*=' yoo'], [class*='yooadmin'], [id^='yp-'], [id^='yoo']))
  :is(path, circle, rect, polygon, polyline, line)[stroke='black' i],
html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(#wpbody-content.ysh-adaptive-active, #wpbody-content .ysh-adaptive-active)
  svg:not(:is(.wp-dark-mode-ignore, .ysh-appearance__svg, [class*='logo'], [class*='Logo'], [class*='brand'], [class*='Brand'], [class*='avatar'], [class*='Avatar'], [class^='yp-'], [class*=' yp-'], [class^='yoo'], [class*=' yoo'], [class*='yooadmin'], [id^='yp-'], [id^='yoo']))
  :is(path, circle, rect, polygon, polyline, line)[stroke='#000' i],
html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(#wpbody-content.ysh-adaptive-active, #wpbody-content .ysh-adaptive-active)
  svg:not(:is(.wp-dark-mode-ignore, .ysh-appearance__svg, [class*='logo'], [class*='Logo'], [class*='brand'], [class*='Brand'], [class*='avatar'], [class*='Avatar'], [class^='yp-'], [class*=' yp-'], [class^='yoo'], [class*=' yoo'], [class*='yooadmin'], [id^='yp-'], [id^='yoo']))
  :is(path, circle, rect, polygon, polyline, line)[stroke='#000000' i],
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(#wpbody-content.ysh-adaptive-active, #wpbody-content .ysh-adaptive-active)
  svg:not(:is(.wp-dark-mode-ignore, .ysh-appearance__svg, [class*='logo'], [class*='Logo'], [class*='brand'], [class*='Brand'], [class*='avatar'], [class*='Avatar'], [class^='yp-'], [class*=' yp-'], [class^='yoo'], [class*=' yoo'], [class*='yooadmin'], [id^='yp-'], [id^='yoo']))
  :is(path, circle, rect, polygon, polyline, line)[stroke='black' i],
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(#wpbody-content.ysh-adaptive-active, #wpbody-content .ysh-adaptive-active)
  svg:not(:is(.wp-dark-mode-ignore, .ysh-appearance__svg, [class*='logo'], [class*='Logo'], [class*='brand'], [class*='Brand'], [class*='avatar'], [class*='Avatar'], [class^='yp-'], [class*=' yp-'], [class^='yoo'], [class*=' yoo'], [class*='yooadmin'], [id^='yp-'], [id^='yoo']))
  :is(path, circle, rect, polygon, polyline, line)[stroke='#000' i],
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(#wpbody-content.ysh-adaptive-active, #wpbody-content .ysh-adaptive-active)
  svg:not(:is(.wp-dark-mode-ignore, .ysh-appearance__svg, [class*='logo'], [class*='Logo'], [class*='brand'], [class*='Brand'], [class*='avatar'], [class*='Avatar'], [class^='yp-'], [class*=' yp-'], [class^='yoo'], [class*=' yoo'], [class*='yooadmin'], [id^='yp-'], [id^='yoo']))
  :is(path, circle, rect, polygon, polyline, line)[stroke='#000000' i] {
  stroke: currentColor !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  [class*='block-icon'],
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  [class*='block-icon'] {
  fill: var(--ysh-text, #cfd6e0) !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  [class*='block-dashicon'],
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub
  #wpbody-content
  > .wrap.ysh-adaptive-active
  [class*='block-dashicon'] {
  color: var(--ysh-text, #cfd6e0) !important;
}

/* —— Global compat: native list screens (media/plugins) + body-level modals/banners —— */
html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  :is(
    .button-primary,
    a.button-primary,
    input.button-primary,
    button.button-primary
  ),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  :is(
    .button-primary,
    a.button-primary,
    input.button-primary,
    button.button-primary
  ) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(
    [class*='-banner'],
    [class*='-callout'],
    [class*='-promo'],
    [class*='-modal-container'],
    [class*='-step-inner'],
    [class*='-template-card'],
    .ysh-adapt-light-bg,
    .ysh-adapt-light-nested
  ),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(
    [class*='-banner'],
    [class*='-callout'],
    [class*='-promo'],
    [class*='-modal-container'],
    [class*='-step-inner'],
    [class*='-template-card'],
    .ysh-adapt-light-bg,
    .ysh-adapt-light-nested
  ) {
  background: var(--ysh-card, #1a1d23) !important;
  background-color: var(--ysh-card, #1a1d23) !important;
  border-color: 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.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(
    [class*='-banner'] :is(h1, h2, h3, h4, strong),
    [class*='-modal-header'] :is(h1, h2, h3, strong, [class*='-title']),
    [class*='-step-title'],
    [class*='-template-name']
  ),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(
    [class*='-banner'] :is(h1, h2, h3, h4, strong),
    [class*='-modal-header'] :is(h1, h2, h3, strong, [class*='-title']),
    [class*='-step-title'],
    [class*='-template-name']
  ) {
  color: var(--ysh-heading, #eef1f5) !important;
  -webkit-text-fill-color: var(--ysh-heading, #eef1f5) !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(
    .media-modal,
    .media-frame-content,
    .media-sidebar,
    .attachment-details,
    .attachment-info,
    .compat-item,
    .uploader-inline-content
  ),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(
    .media-modal,
    .media-frame-content,
    .media-sidebar,
    .attachment-details,
    .attachment-info,
    .compat-item,
    .uploader-inline-content
  ) {
  background: var(--ysh-card, #1a1d23) !important;
  background-color: var(--ysh-card, #1a1d23) !important;
  color: var(--ysh-text, #cfd6e0) !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(.media-modal, .media-frame)
  :is(input, textarea, select):not([type='checkbox']):not([type='radio']):not([type='button']):not([type='submit']),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  :is(.media-modal, .media-frame)
  :is(input, textarea, select):not([type='checkbox']):not([type='radio']):not([type='button']):not([type='submit']) {
  background: #22262e !important;
  background-color: #22262e !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: #eef1f5 !important;
  -webkit-text-fill-color: #eef1f5 !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  .attachments-browser
  :is(.attachment-preview, .attachment-details, .filename, .attachment-label),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  .attachments-browser
  :is(.attachment-preview, .attachment-details, .filename, .attachment-label) {
  background: var(--ysh-card, #1a1d23) !important;
  background-color: var(--ysh-card, #1a1d23) !important;
  color: var(--ysh-text, #cfd6e0) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Final adaptive hardening — classic plugin forms with strong late CSS. */
html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  :is(#title, input#title, input[type='text'], input[type='search'], input[type='url'], input[type='email'], input[type='number'], textarea, select):not(
    :is([type='checkbox'], [type='radio'], [type='button'], [type='submit'], [type='reset'], [type='hidden'], [type='file'], .wp-color-picker)
  ),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  :is(#title, input#title, input[type='text'], input[type='search'], input[type='url'], input[type='email'], input[type='number'], textarea, select):not(
    :is([type='checkbox'], [type='radio'], [type='button'], [type='submit'], [type='reset'], [type='hidden'], [type='file'], .wp-color-picker)
  ) {
  background: #22262e !important;
  background-color: #22262e !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
  color: #eef1f5 !important;
  -webkit-text-fill-color: #eef1f5 !important;
  caret-color: #f8fafc !important;
  color-scheme: dark !important;
  box-shadow: none !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  input[type='number']:is(:disabled, [readonly]),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  input[type='number']:is(:disabled, [readonly]) {
  opacity: 1 !important;
  color: #eef1f5 !important;
  -webkit-text-fill-color: #eef1f5 !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  :is(select, option, optgroup),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  :is(select, option, optgroup) {
  background: #22262e !important;
  background-color: #22262e !important;
  color: #eef1f5 !important;
  -webkit-text-fill-color: #eef1f5 !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  :is(
    [class*='type-container' i],
    [class*='type-option' i],
    [class*='dropdown' i],
    [class*='select' i],
    [role='button'][aria-haspopup],
    [role='combobox'],
    [role='listbox'],
    [role='option']
  ):not(:is(.button, .button-primary, .button-secondary, .button-link)),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  :is(
    [class*='type-container' i],
    [class*='type-option' i],
    [class*='dropdown' i],
    [class*='select' i],
    [role='button'][aria-haspopup],
    [role='combobox'],
    [role='listbox'],
    [role='option']
  ):not(:is(.button, .button-primary, .button-secondary, .button-link)) {
  background: #22262e !important;
  background-color: #22262e !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
  color: #eef1f5 !important;
  -webkit-text-fill-color: #eef1f5 !important;
  box-shadow: none !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  :is(
    [class*='type-container' i],
    [class*='type-option' i],
    [class*='dropdown' i],
    [class*='select' i],
    [role='button'][aria-haspopup],
    [role='combobox'],
    [role='listbox'],
    [role='option']
  )
  :is(span, strong, small, b, em, i, svg, .dashicons),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  :is(
    [class*='type-container' i],
    [class*='type-option' i],
    [class*='dropdown' i],
    [class*='select' i],
    [role='button'][aria-haspopup],
    [role='combobox'],
    [role='listbox'],
    [role='option']
  )
  :is(span, strong, small, b, em, i, svg, .dashicons) {
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  background: transparent !important;
  background-color: transparent !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  :is(.wp-editor-tabs .wp-switch-editor, .html-active .switch-html, .tmce-active .switch-tmce, .quicktags-toolbar input.button, .mce-btn button),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  :is(.wp-editor-tabs .wp-switch-editor, .html-active .switch-html, .tmce-active .switch-tmce, .quicktags-toolbar input.button, .mce-btn button) {
  background: #22262e !important;
  background-color: #22262e !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
  color: #eef1f5 !important;
  -webkit-text-fill-color: #eef1f5 !important;
  box-shadow: none !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  :is(.html-active .switch-html, .tmce-active .switch-tmce),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  :is(.html-active .switch-html, .tmce-active .switch-tmce) {
  background: rgba(var(--ysh-brand-rgb, 237, 169, 52), 0.18) !important;
  background-color: rgba(var(--ysh-brand-rgb, 237, 169, 52), 0.18) !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  :is(
    .components-form-token-field__token,
    .components-form-token-field__token-text,
    [class*='token' i]:not(input):not(textarea):not(select)
  ),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  :is(
    .components-form-token-field__token,
    .components-form-token-field__token-text,
    [class*='token' i]:not(input):not(textarea):not(select)
  ) {
  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: #eef1f5 !important;
  -webkit-text-fill-color: #eef1f5 !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  :is(.button, button, a.button)
  :is(span, strong, small, b, em, i, svg, .dashicons),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  :is(.button, button, a.button)
  :is(span, strong, small, b, em, i, svg, .dashicons) {
  background: transparent !important;
  background-color: transparent !important;
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  box-shadow: none !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  :is(
    [class*='single-value' i],
    [class*='singleValue' i],
    [class*='value-container' i],
    [class*='valueContainer' i],
    [class*='placeholder' i],
    [class*='selected-value' i],
    [class*='selectedValue' i],
    [class*='selection' i],
    [class*='control' i],
    [class*='indicator' i],
    [class*='menu-list' i],
    [class*='menuList' i]
  ),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  :is(
    [class*='single-value' i],
    [class*='singleValue' i],
    [class*='value-container' i],
    [class*='valueContainer' i],
    [class*='placeholder' i],
    [class*='selected-value' i],
    [class*='selectedValue' i],
    [class*='selection' i],
    [class*='control' i],
    [class*='indicator' i],
    [class*='menu-list' i],
    [class*='menuList' i]
  ) {
  color: #eef1f5 !important;
  -webkit-text-fill-color: #eef1f5 !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  :is(
    [class*='single-value' i],
    [class*='singleValue' i],
    [class*='value-container' i],
    [class*='valueContainer' i],
    [class*='placeholder' i],
    [class*='selected-value' i],
    [class*='selectedValue' i],
    [class*='selection' i],
    [class*='control' i],
    [class*='indicator' i]
  )::before,
html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  :is(
    [class*='single-value' i],
    [class*='singleValue' i],
    [class*='value-container' i],
    [class*='valueContainer' i],
    [class*='placeholder' i],
    [class*='selected-value' i],
    [class*='selectedValue' i],
    [class*='selection' i],
    [class*='control' i],
    [class*='indicator' i]
  )::after,
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  :is(
    [class*='single-value' i],
    [class*='singleValue' i],
    [class*='value-container' i],
    [class*='valueContainer' i],
    [class*='placeholder' i],
    [class*='selected-value' i],
    [class*='selectedValue' i],
    [class*='selection' i],
    [class*='control' i],
    [class*='indicator' i]
  )::before,
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  :is(
    [class*='single-value' i],
    [class*='singleValue' i],
    [class*='value-container' i],
    [class*='valueContainer' i],
    [class*='placeholder' i],
    [class*='selected-value' i],
    [class*='selectedValue' i],
    [class*='selection' i],
    [class*='control' i],
    [class*='indicator' i]
  )::after {
  color: #eef1f5 !important;
  -webkit-text-fill-color: #eef1f5 !important;
  border-color: currentColor !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  :is(
    [class*='single-value' i],
    [class*='singleValue' i],
    [class*='value-container' i],
    [class*='valueContainer' i],
    [class*='placeholder' i],
    [class*='selected-value' i],
    [class*='selectedValue' i],
    [class*='selection' i],
    [class*='control' i],
    [class*='indicator' i]
  )
  :is(span, div, input, svg, path, .dashicons),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  :is(
    [class*='single-value' i],
    [class*='singleValue' i],
    [class*='value-container' i],
    [class*='valueContainer' i],
    [class*='placeholder' i],
    [class*='selected-value' i],
    [class*='selectedValue' i],
    [class*='selection' i],
    [class*='control' i],
    [class*='indicator' i]
  )
  :is(span, div, input, svg, path, .dashicons) {
  color: #eef1f5 !important;
  -webkit-text-fill-color: #eef1f5 !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  :is(.code-snippets-select, [class*='select' i])
  :is([class*='singleValue' i], [class*='single-value' i], [class*='valueContainer' i], [class*='value-container' i]),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  :is(.code-snippets-select, [class*='select' i])
  :is([class*='singleValue' i], [class*='single-value' i], [class*='valueContainer' i], [class*='value-container' i]) {
  color: #eef1f5 !important;
  -webkit-text-fill-color: #eef1f5 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  :is(.code-snippets-select, [class*='select' i])
  :is([class*='singleValue' i], [class*='single-value' i], [class*='valueContainer' i], [class*='value-container' i])
  :is(span, div, svg, path, .dashicons),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  :is(.code-snippets-select, [class*='select' i])
  :is([class*='singleValue' i], [class*='single-value' i], [class*='valueContainer' i], [class*='value-container' i])
  :is(span, div, svg, path, .dashicons) {
  color: #eef1f5 !important;
  -webkit-text-fill-color: #eef1f5 !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  opacity: 1 !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  :is(.components-form-token-field__input-container, [class*='token-field' i])
  :is(input, [contenteditable='true']),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  :is(.components-form-token-field__input-container, [class*='token-field' i])
  :is(input, [contenteditable='true']) {
  background: transparent !important;
  background-color: transparent !important;
  border-color: transparent !important;
  color: #eef1f5 !important;
  -webkit-text-fill-color: #eef1f5 !important;
  box-shadow: none !important;
  outline: none !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  :is(.code-snippets-select, [class*='select' i], [role='combobox'])
  input,
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  :is(.code-snippets-select, [class*='select' i], [role='combobox'])
  input {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  color: #eef1f5 !important;
  -webkit-text-fill-color: #eef1f5 !important;
  box-shadow: none !important;
  outline: 0 !important;
  min-width: 2px !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  .components-form-token-field__input-container
  :is(.components-flex, .components-flex-item, [class*='input' i], input):not(.components-form-token-field__token):not(.components-form-token-field__token-text),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  .components-form-token-field__input-container
  :is(.components-flex, .components-flex-item, [class*='input' i], input):not(.components-form-token-field__token):not(.components-form-token-field__token-text) {
  background: transparent !important;
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  .components-form-token-field__input-container,
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  .components-form-token-field__input-container {
  background: #22262e !important;
  background-color: #22262e !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  .components-form-token-field__input-container
  :is(input, [role='combobox'], .components-form-token-field__input),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  .components-form-token-field__input-container
  :is(input, [role='combobox'], .components-form-token-field__input) {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  :is(.code-snippets-select, [class*='select' i], [role='combobox'])
  input:not(:focus),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat
  #wpbody-content
  :is(.code-snippets-select, [class*='select' i], [role='combobox'])
  input:not(:focus) {
  opacity: 0 !important;
}