/**
 * SiteOrigin Page Builder — classic editor tab (toolbar, welcome, modals).
 *
 * @package YOOAdmin_Studio_Hub
 */

html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body:is(.yooadmin-theme-yooadmin-studio-hub, .ysh-classic-editor-static-dark, .yoo-focus):is(.post-php, .post-new-php):not(.block-editor-page)
  :is(#so-panels-panels, .siteorigin-panels-builder),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body:is(.yooadmin-theme-yooadmin-studio-hub, .ysh-classic-editor-static-dark, .yoo-focus):is(.post-php, .post-new-php):not(.block-editor-page)
  :is(#so-panels-panels, .siteorigin-panels-builder) {
  background: var(--ysh-surface, #12151a) !important;
  background-color: var(--ysh-surface, #12151a) !important;
  color: var(--ysh-text, #cfd6e0) !important;
}

/* Builder canvas — force dark over SiteOrigin inline/light rules */
html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body:is(.yooadmin-theme-yooadmin-studio-hub, .ysh-classic-editor-static-dark, .yoo-focus):is(.post-php, .post-new-php):not(.block-editor-page)
  .siteorigin-panels-builder
  :is(.so-panels-welcome-message, .so-message-wrapper, .so-builder-toolbar, .so-toolbar, .so-tool-button, .so-panels-tip),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body:is(.yooadmin-theme-yooadmin-studio-hub, .ysh-classic-editor-static-dark, .yoo-focus):is(.post-php, .post-new-php):not(.block-editor-page)
  .siteorigin-panels-builder
  :is(.so-panels-welcome-message, .so-message-wrapper, .so-builder-toolbar, .so-toolbar, .so-tool-button, .so-panels-tip) {
  background: #22262e !important;
  background-color: #22262e !important;
  color: var(--ysh-text, #cfd6e0) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  box-shadow: none !important;
}

/* Builder toolbar + tool buttons */
html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body:is(.yooadmin-theme-yooadmin-studio-hub, .ysh-classic-editor-static-dark, .yoo-focus):is(.post-php, .post-new-php):not(.block-editor-page)
  .siteorigin-panels-builder
  :is(.so-builder-toolbar, .so-toolbar),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body:is(.yooadmin-theme-yooadmin-studio-hub, .ysh-classic-editor-static-dark, .yoo-focus):is(.post-php, .post-new-php):not(.block-editor-page)
  .siteorigin-panels-builder
  :is(.so-builder-toolbar, .so-toolbar) {
  background: #22262e !important;
  background-color: #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:is(.yooadmin-theme-yooadmin-studio-hub, .ysh-classic-editor-static-dark, .yoo-focus):is(.post-php, .post-new-php):not(.block-editor-page)
  .siteorigin-panels-builder
  .so-tool-button,
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body:is(.yooadmin-theme-yooadmin-studio-hub, .ysh-classic-editor-static-dark, .yoo-focus):is(.post-php, .post-new-php):not(.block-editor-page)
  .siteorigin-panels-builder
  .so-tool-button {
  background: rgba(255, 255, 255, 0.06) !important;
  background-color: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: var(--ysh-text, #cfd6e0) !important;
  box-shadow: none !important;
}

html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body:is(.yooadmin-theme-yooadmin-studio-hub, .ysh-classic-editor-static-dark, .yoo-focus):is(.post-php, .post-new-php):not(.block-editor-page)
  .siteorigin-panels-builder
  .so-tool-button :is(span, .so-panels-icon, .so-button-text),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body:is(.yooadmin-theme-yooadmin-studio-hub, .ysh-classic-editor-static-dark, .yoo-focus):is(.post-php, .post-new-php):not(.block-editor-page)
  .siteorigin-panels-builder
  .so-tool-button :is(span, .so-panels-icon, .so-button-text) {
  color: var(--ysh-text, #cfd6e0) !important;
  text-shadow: none !important;
}

/* Empty state / welcome box */
html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body:is(.yooadmin-theme-yooadmin-studio-hub, .ysh-classic-editor-static-dark, .yoo-focus):is(.post-php, .post-new-php):not(.block-editor-page)
  .siteorigin-panels-builder
  :is(.so-panels-welcome-message, .so-message-wrapper),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body:is(.yooadmin-theme-yooadmin-studio-hub, .ysh-classic-editor-static-dark, .yoo-focus):is(.post-php, .post-new-php):not(.block-editor-page)
  .siteorigin-panels-builder
  :is(.so-panels-welcome-message, .so-message-wrapper) {
  background: #1a1d23 !important;
  background-color: #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:is(.yooadmin-theme-yooadmin-studio-hub, .ysh-classic-editor-static-dark, .yoo-focus):is(.post-php, .post-new-php):not(.block-editor-page)
  .siteorigin-panels-builder
  .so-panels-welcome-message :is(p, a, .so-tip-wrapper),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body:is(.yooadmin-theme-yooadmin-studio-hub, .ysh-classic-editor-static-dark, .yoo-focus):is(.post-php, .post-new-php):not(.block-editor-page)
  .siteorigin-panels-builder
  .so-panels-welcome-message :is(p, a, .so-tip-wrapper) {
  color: #9aa5b1 !important;
}

/* Modals — no transition flash when SiteOrigin injects / repaints nodes */
html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  .so-panels-dialog,
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  .so-panels-dialog {
  transition: none !important;
  animation: none !important;
}

html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  .so-panels-dialog
  :is(*, *::before, *::after),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  .so-panels-dialog
  :is(*, *::before, *::after) {
  transition-property: none !important;
  animation: none !important;
}

/* Modals (Add Widget, New Row, Layouts, History) — appended to body */
html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body:is(.yooadmin-theme-yooadmin-studio-hub, .ysh-classic-editor-static-dark, .yoo-focus)
  .so-panels-dialog
  :is(.so-content, .so-title-bar, .so-toolbar, .so-left-sidebar, .so-right-sidebar),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body:is(.yooadmin-theme-yooadmin-studio-hub, .ysh-classic-editor-static-dark, .yoo-focus)
  .so-panels-dialog
  :is(.so-content, .so-title-bar, .so-toolbar, .so-left-sidebar, .so-right-sidebar) {
  background: #1a1d23 !important;
  background-color: #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:is(.yooadmin-theme-yooadmin-studio-hub, .ysh-classic-editor-static-dark, .yoo-focus)
  .so-panels-dialog
  :is(h1, h2, h3, h4, label, p, span, li, a, small, th, td),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body:is(.yooadmin-theme-yooadmin-studio-hub, .ysh-classic-editor-static-dark, .yoo-focus)
  .so-panels-dialog
  :is(h1, h2, h3, h4, label, p, span, li, a, small, th, td) {
  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:is(.yooadmin-theme-yooadmin-studio-hub, .ysh-classic-editor-static-dark, .yoo-focus)
  .so-panels-dialog
  .so-title-bar,
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body:is(.yooadmin-theme-yooadmin-studio-hub, .ysh-classic-editor-static-dark, .yoo-focus)
  .so-panels-dialog
  .so-title-bar {
  background: #22262e !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
}

html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body:is(.yooadmin-theme-yooadmin-studio-hub, .ysh-classic-editor-static-dark, .yoo-focus)
  .so-panels-dialog
  :is(.so-sidebar-tabs, .so-sidebar-search, .so-sidebar-tools),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body:is(.yooadmin-theme-yooadmin-studio-hub, .ysh-classic-editor-static-dark, .yoo-focus)
  .so-panels-dialog
  :is(.so-sidebar-tabs, .so-sidebar-search, .so-sidebar-tools) {
  background: #22262e !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body:is(.yooadmin-theme-yooadmin-studio-hub, .ysh-classic-editor-static-dark, .yoo-focus)
  .so-panels-dialog
  .so-sidebar-tabs a,
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body:is(.yooadmin-theme-yooadmin-studio-hub, .ysh-classic-editor-static-dark, .yoo-focus)
  .so-panels-dialog
  .so-sidebar-tabs a {
  color: #9aa5b1 !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body:is(.yooadmin-theme-yooadmin-studio-hub, .ysh-classic-editor-static-dark, .yoo-focus)
  .so-panels-dialog
  .so-sidebar-tabs a.so-current,
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body:is(.yooadmin-theme-yooadmin-studio-hub, .ysh-classic-editor-static-dark, .yoo-focus)
  .so-panels-dialog
  .so-sidebar-tabs a.so-current {
  background: #1a1d23 !important;
  color: #e8ecf1 !important;
}

/* Add Widget dialog — clickable surface is div.widget-type-wrapper inside li.widget-type */
html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  .so-panels-dialog
  .widget-type-wrapper,
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  .so-panels-dialog
  .widget-type-wrapper {
  display: block !important;
  background: #22262e !important;
  background-color: #22262e !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: #cfd6e0 !important;
  -webkit-text-fill-color: #cfd6e0 !important;
  box-shadow: none !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}

html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  .so-panels-dialog
  .widget-type-wrapper:hover,
html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  .so-panels-dialog
  .widget-type-wrapper:focus,
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  .so-panels-dialog
  .widget-type-wrapper:hover,
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  .so-panels-dialog
  .widget-type-wrapper:focus {
  background: #2a3040 !important;
  background-color: #2a3040 !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
}

html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  .so-panels-dialog
  .widget-type-wrapper
  :is(h3, small, span, p, .widget-icon),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  .so-panels-dialog
  .widget-type-wrapper
  :is(h3, small, span, p, .widget-icon) {
  color: #cfd6e0 !important;
  -webkit-text-fill-color: #cfd6e0 !important;
  opacity: 1 !important;
}

html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  .so-panels-dialog
  :is(.widget-type-list, .widget-type),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  .so-panels-dialog
  :is(.widget-type-list, .widget-type) {
  background: transparent !important;
  pointer-events: auto !important;
  opacity: 1 !important;
}

/* Edit Widget dialog — clickable surface is a.so-widget inside .so-widgets */
html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  .so-panels-dialog
  .so-widgets
  :is(a.so-widget, a[class*="widget"]),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  .so-panels-dialog
  .so-widgets
  :is(a.so-widget, a[class*="widget"]) {
  display: block !important;
  background: #22262e !important;
  background-color: #22262e !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: #cfd6e0 !important;
  -webkit-text-fill-color: #cfd6e0 !important;
  box-shadow: none !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
  text-decoration: none !important;
}

html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  .so-panels-dialog
  .so-widgets
  li,
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  .so-panels-dialog
  .so-widgets
  li {
  background: transparent !important;
  pointer-events: auto !important;
  opacity: 1 !important;
}

html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  .so-panels-dialog
  .so-widgets
  :is(a.so-widget, a[class*="widget"])
  :is(h3, small, span, p, label),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  .so-panels-dialog
  .so-widgets
  :is(a.so-widget, a[class*="widget"])
  :is(h3, small, span, p, label) {
  color: #cfd6e0 !important;
  -webkit-text-fill-color: #cfd6e0 !important;
}

html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body:is(.yooadmin-theme-yooadmin-studio-hub, .ysh-classic-editor-static-dark, .yoo-focus)
  .so-panels-dialog
  .so-widgets
  .so-widget :is(h3, small),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body:is(.yooadmin-theme-yooadmin-studio-hub, .ysh-classic-editor-static-dark, .yoo-focus)
  .so-panels-dialog
  .so-widgets
  .so-widget :is(h3, small) {
  color: var(--ysh-text, #cfd6e0) !important;
}

/* Row editor — toolbar, presets, column preview + sidebar */
html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  .so-panels-dialog
  :is(
    .so-toolbar,
    .so-toolbar *,
    .so-row-toolbar,
    .so-cells-toolbar,
    .so-column-presets,
    .so-column-preset,
    .so-preset,
    [class*="column-preset"],
    [class*="cell-width"],
    .so-cell-width
  ),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  .so-panels-dialog
  :is(
    .so-toolbar,
    .so-toolbar *,
    .so-row-toolbar,
    .so-cells-toolbar,
    .so-column-presets,
    .so-column-preset,
    .so-preset,
    [class*="column-preset"],
    [class*="cell-width"],
    .so-cell-width
  ) {
  background: #22262e !important;
  background-color: #22262e !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: #cfd6e0 !important;
  -webkit-text-fill-color: #cfd6e0 !important;
  box-shadow: none !important;
}

html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body:is(.yooadmin-theme-yooadmin-studio-hub, .ysh-classic-editor-static-dark, .yoo-focus)
  .so-panels-dialog
  :is(.so-row-preview, .so-cells-preview, .cell, .cell-wrapper, [class*="so-row"] input),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body:is(.yooadmin-theme-yooadmin-studio-hub, .ysh-classic-editor-static-dark, .yoo-focus)
  .so-panels-dialog
  :is(.so-row-preview, .so-cells-preview, .cell, .cell-wrapper, [class*="so-row"] input) {
  background: #2a3040 !important;
  background-color: #2a3040 !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: var(--ysh-text, #cfd6e0) !important;
}

html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  .so-panels-dialog
  .so-content
  :is(table, tbody, tr, td, th, fieldset, legend, label),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  .so-panels-dialog
  .so-content
  :is(table, tbody, tr, td, th, fieldset, legend, label) {
  background: #1a1d23 !important;
  background-color: #1a1d23 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #cfd6e0 !important;
}

html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body:is(.yooadmin-theme-yooadmin-studio-hub, .ysh-classic-editor-static-dark, .yoo-focus)
  .so-panels-dialog
  :is(input, select, textarea):not([type="checkbox"]):not([type="radio"]),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body:is(.yooadmin-theme-yooadmin-studio-hub, .ysh-classic-editor-static-dark, .yoo-focus)
  .so-panels-dialog
  :is(input, select, textarea):not([type="checkbox"]):not([type="radio"]) {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: var(--ysh-text, #cfd6e0) !important;
}

html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body:is(.yooadmin-theme-yooadmin-studio-hub, .ysh-classic-editor-static-dark, .yoo-focus)
  .so-panels-dialog
  input[type="checkbox"],
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body:is(.yooadmin-theme-yooadmin-studio-hub, .ysh-classic-editor-static-dark, .yoo-focus)
  .so-panels-dialog
  input[type="checkbox"] {
  accent-color: var(--ysh-brand, #eda934) !important;
  background: #22262e !important;
  border-color: rgba(255, 255, 255, 0.28) !important;
}

/* History list sidebar */
html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body:is(.yooadmin-theme-yooadmin-studio-hub, .ysh-classic-editor-static-dark, .yoo-focus)
  .so-panels-dialog.so-panels-dialog-history
  :is(.so-left-sidebar, .so-sidebar, li, .so-history-version),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body:is(.yooadmin-theme-yooadmin-studio-hub, .ysh-classic-editor-static-dark, .yoo-focus)
  .so-panels-dialog.so-panels-dialog-history
  :is(.so-left-sidebar, .so-sidebar, li, .so-history-version) {
  background: #22262e !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: var(--ysh-text, #cfd6e0) !important;
}

html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body:is(.yooadmin-theme-yooadmin-studio-hub, .ysh-classic-editor-static-dark, .yoo-focus)
  .so-panels-dialog
  :is(.button, .button-secondary, .button-primary):not(.so-close),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body:is(.yooadmin-theme-yooadmin-studio-hub, .ysh-classic-editor-static-dark, .yoo-focus)
  .so-panels-dialog
  :is(.button, .button-secondary, .button-primary):not(.so-close) {
  border-color: rgba(255, 255, 255, 0.14) !important;
}

html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body:is(.yooadmin-theme-yooadmin-studio-hub, .ysh-classic-editor-static-dark, .yoo-focus)
  .so-panels-dialog
  .button-primary,
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body:is(.yooadmin-theme-yooadmin-studio-hub, .ysh-classic-editor-static-dark, .yoo-focus)
  .so-panels-dialog
  .button-primary {
  background: var(--ysh-brand, #eda934) !important;
  border-color: var(--ysh-brand, #eda934) !important;
  color: #1a1d23 !important;
}

/* Dividers inside dialogs */
html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body:is(.yooadmin-theme-yooadmin-studio-hub, .ysh-classic-editor-static-dark, .yoo-focus)
  .so-panels-dialog
  :is(hr, .so-divider),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body:is(.yooadmin-theme-yooadmin-studio-hub, .ysh-classic-editor-static-dark, .yoo-focus)
  .so-panels-dialog
  :is(hr, .so-divider) {
  border-color: rgba(255, 255, 255, 0.12) !important;
  background-color: rgba(255, 255, 255, 0.12) !important;
}

/* Modal layer — overlay must not capture clicks above dialog panes */
html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body:has(.so-panels-dialog)
  .so-overlay,
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body:has(.so-panels-dialog)
  .so-overlay {
  z-index: 100049 !important;
  pointer-events: none !important;
}

html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body:has(.so-panels-dialog)
  .so-panels-dialog
  :is(.so-content, .so-title-bar, .so-left-sidebar, .so-right-sidebar, .so-toolbar),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body:has(.so-panels-dialog)
  .so-panels-dialog
  :is(.so-content, .so-title-bar, .so-left-sidebar, .so-right-sidebar, .so-toolbar) {
  z-index: 100052 !important;
  pointer-events: auto !important;
}

html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body:is(.yooadmin-theme-yooadmin-studio-hub, .ysh-classic-editor-static-dark, .yoo-focus):has(.so-panels-dialog)
  #wpseo_meta,
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body:is(.yooadmin-theme-yooadmin-studio-hub, .ysh-classic-editor-static-dark, .yoo-focus):has(.so-panels-dialog)
  #wpseo_meta {
  z-index: auto !important;
  pointer-events: none !important;
}

/* Builder canvas — SiteOrigin uses .so-widget (not .widget) */
html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body:is(.yooadmin-theme-yooadmin-studio-hub, .ysh-classic-editor-static-dark, .yoo-focus):is(.post-php, .post-new-php):not(.block-editor-page)
  .siteorigin-panels-builder
  :is(
    .panel-grid-cell,
    .so-panel,
    .cell,
    .cell-wrapper,
    .so-widget,
    .so-widget-wrapper,
    .widget,
    .widget-wrapper,
    .so-preview,
    .style-wrapper,
    .panel-cell
  ),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body:is(.yooadmin-theme-yooadmin-studio-hub, .ysh-classic-editor-static-dark, .yoo-focus):is(.post-php, .post-new-php):not(.block-editor-page)
  .siteorigin-panels-builder
  :is(
    .panel-grid-cell,
    .so-panel,
    .cell,
    .cell-wrapper,
    .so-widget,
    .so-widget-wrapper,
    .widget,
    .widget-wrapper,
    .so-preview,
    .style-wrapper,
    .panel-cell
  ) {
  background: #22262e !important;
  background-color: #22262e !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: var(--ysh-text, #cfd6e0) !important;
  box-shadow: none !important;
}

html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body:is(.yooadmin-theme-yooadmin-studio-hub, .ysh-classic-editor-static-dark, .yoo-focus):is(.post-php, .post-new-php):not(.block-editor-page)
  .siteorigin-panels-builder
  .widgets-container
  :is(.so-widget:hover, .so-widget:focus, .so-widget:focus-within),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body:is(.yooadmin-theme-yooadmin-studio-hub, .ysh-classic-editor-static-dark, .yoo-focus):is(.post-php, .post-new-php):not(.block-editor-page)
  .siteorigin-panels-builder
  .widgets-container
  :is(.so-widget:hover, .so-widget:focus, .so-widget:focus-within) {
  background: #2a3040 !important;
  background-color: #2a3040 !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
  color: #e8ecf1 !important;
  -webkit-text-fill-color: #e8ecf1 !important;
  box-shadow: none !important;
}

html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body:is(.yooadmin-theme-yooadmin-studio-hub, .ysh-classic-editor-static-dark, .yoo-focus):is(.post-php, .post-new-php):not(.block-editor-page)
  .siteorigin-panels-builder
  :is(.so-widget h4, .so-widget small, .so-widget .title, .widget .title, .widget .widget-title, .widget .widget-type, h4, h3),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body:is(.yooadmin-theme-yooadmin-studio-hub, .ysh-classic-editor-static-dark, .yoo-focus):is(.post-php, .post-new-php):not(.block-editor-page)
  .siteorigin-panels-builder
  :is(.so-widget h4, .so-widget small, .so-widget .title, .widget .title, .widget .widget-title, .widget .widget-type, h4, h3) {
  color: #e8ecf1 !important;
  -webkit-text-fill-color: #e8ecf1 !important;
  text-shadow: none !important;
}

html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body:is(.yooadmin-theme-yooadmin-studio-hub, .ysh-classic-editor-static-dark, .yoo-focus):is(.post-php, .post-new-php):not(.block-editor-page)
  .siteorigin-panels-builder
  .so-widget
  :is(h4 span, small),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body:is(.yooadmin-theme-yooadmin-studio-hub, .ysh-classic-editor-static-dark, .yoo-focus):is(.post-php, .post-new-php):not(.block-editor-page)
  .siteorigin-panels-builder
  .so-widget
  :is(h4 span, small) {
  color: #9aa5b1 !important;
  -webkit-text-fill-color: #9aa5b1 !important;
  text-shadow: none !important;
}

/* Edit Widget dialog — form body, media placeholder, Widget Styles sidebar */
html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  .so-panels-dialog
  :is(.so-content .so-input-holder, .so-content .style-field, .so-sidebar-list, .so-sidebar-list li, .style-fields, .style-field, .so-field, .so-field-list, .so-media-field, .so-media-image, .media-frame, .media-modal, .so-description),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  .so-panels-dialog
  :is(.so-content .so-input-holder, .so-content .style-field, .so-sidebar-list, .so-sidebar-list li, .style-fields, .style-field, .so-field, .so-field-list, .so-media-field, .so-media-image, .media-frame, .media-modal, .so-description) {
  background: #22262e !important;
  background-color: #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)
  .so-panels-dialog
  .so-sidebar-list :is(a, span, label),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  .so-panels-dialog
  .so-sidebar-list :is(a, span, label) {
  color: #cfd6e0 !important;
  -webkit-text-fill-color: #cfd6e0 !important;
}

html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  .so-panels-dialog
  .so-sidebar-list a.so-current,
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  .so-panels-dialog
  .so-sidebar-list a.so-current {
  background: #1a1d23 !important;
  color: #fff !important;
}

/* Preserve Yoast traffic-light + brand primary buttons inside dialogs */
html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  .so-panels-dialog
  .wpseo-score-icon,
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  .so-panels-dialog
  .wpseo-score-icon {
  filter: none !important;
}

/* ── SiteOrigin: global dialog rules (no body-class gate) + hover/focus lock ── */
html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  .so-panels-dialog
  :is(.so-title-bar, .so-title-bar *, .so-dialog-buttons, .so-dialog-buttons *),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  .so-panels-dialog
  :is(.so-title-bar, .so-title-bar *, .so-dialog-buttons, .so-dialog-buttons *) {
  background: #22262e !important;
  background-color: #22262e !important;
  color: #e8ecf1 !important;
  -webkit-text-fill-color: #e8ecf1 !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)
  .so-panels-dialog
  .so-right-sidebar
  :is(ul, ol, li, a, div, span, label, .so-sidebar-list, .so-sidebar-list *),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  .so-panels-dialog
  .so-right-sidebar
  :is(ul, ol, li, a, div, span, label, .so-sidebar-list, .so-sidebar-list *) {
  background: #22262e !important;
  background-color: #22262e !important;
  color: #cfd6e0 !important;
  -webkit-text-fill-color: #cfd6e0 !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)
  .so-panels-dialog
  .so-right-sidebar
  :is(a:hover, a:focus, li:hover, li:focus, a.so-current),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  .so-panels-dialog
  .so-right-sidebar
  :is(a:hover, a:focus, li:hover, li:focus, a.so-current) {
  background: #2a3040 !important;
  background-color: #2a3040 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  .siteorigin-panels-builder
  :is(
    .so-widget,
    .so-widget:hover,
    .so-widget:focus,
    .so-widget:focus-within,
    .widget,
    .widget:hover,
    .widget:focus-within,
    .panel-grid-cell,
    .panel-grid-cell:hover,
    .cell,
    .cell:hover,
    .so-panel,
    .so-panel:hover
  ),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  .siteorigin-panels-builder
  :is(
    .so-widget,
    .so-widget:hover,
    .so-widget:focus,
    .so-widget:focus-within,
    .widget,
    .widget:hover,
    .widget:focus-within,
    .panel-grid-cell,
    .panel-grid-cell:hover,
    .cell,
    .cell:hover,
    .so-panel,
    .so-panel:hover
  ) {
  background: #22262e !important;
  background-color: #22262e !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: #cfd6e0 !important;
  -webkit-text-fill-color: #cfd6e0 !important;
  box-shadow: none !important;
}

html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  .siteorigin-panels-builder
  .widgets-container
  :is(.so-widget:hover, .so-widget:focus),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  .siteorigin-panels-builder
  .widgets-container
  :is(.so-widget:hover, .so-widget:focus) {
  background: #2a3040 !important;
  background-color: #2a3040 !important;
}

html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  .siteorigin-panels-builder
  :is(.so-widget, .widget)
  :is(.title, .widget-title, h3, h4, .description, p, span):hover,
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  .siteorigin-panels-builder
  :is(.so-widget, .widget)
  :is(.title, .widget-title, h3, h4, .description, p, span):hover {
  color: #e8ecf1 !important;
  -webkit-text-fill-color: #e8ecf1 !important;
}

html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  .so-panels-dialog
  :is(.widget-type-wrapper:hover, .widget-type-wrapper:focus, a.so-widget:hover, a.so-widget:focus),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  .so-panels-dialog
  :is(.widget-type-wrapper:hover, .widget-type-wrapper:focus, a.so-widget:hover, a.so-widget:focus) {
  background: #2a3040 !important;
  background-color: #2a3040 !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

/* Edit Widget — Widget Styles sidebar (.so-visual-styles, not .so-sidebar-list) */
html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  .so-panels-dialog
  .so-visual-styles
  :is(h3, h4, label, p, span, li, a, div),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  .so-panels-dialog
  .so-visual-styles
  :is(h3, h4, label, p, span, li, a, div) {
  color: #cfd6e0 !important;
  -webkit-text-fill-color: #cfd6e0 !important;
}

html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  .so-panels-dialog
  .so-visual-styles
  :is(
    .style-section-head,
    .style-section-head:hover,
    .style-section-head:focus,
    .style-section-fields,
    .style-field-wrapper,
    .style-field,
    .so-wp-slider-wrapper
  ),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  .so-panels-dialog
  .so-visual-styles
  :is(
    .style-section-head,
    .style-section-head:hover,
    .style-section-head:focus,
    .style-section-fields,
    .style-field-wrapper,
    .style-field,
    .so-wp-slider-wrapper
  ) {
  background: #22262e !important;
  background-color: #22262e !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)
  .so-panels-dialog
  .so-title-bar
  :is(a, a:hover, a:focus, h3.so-title, h3.so-title:hover),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  .so-panels-dialog
  .so-title-bar
  :is(a, a:hover, a:focus, h3.so-title, h3.so-title:hover) {
  background: #22262e !important;
  background-color: #22262e !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #e8ecf1 !important;
  -webkit-text-fill-color: #e8ecf1 !important;
  box-shadow: none !important;
}

/* ═══ CASCADE TAIL — beat SiteOrigin admin.css (#fff section heads + #f3f3f3 sidebar) ═══ */
html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  .so-panels-dialog
  :is(.so-right-sidebar, .so-right-sidebar .so-sidebar),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  .so-panels-dialog
  :is(.so-right-sidebar, .so-right-sidebar .so-sidebar) {
  background: #1a1d23 !important;
  background-color: #1a1d23 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #cfd6e0 !important;
}

html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  .so-panels-dialog
  .so-visual-styles,
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  .so-panels-dialog
  .so-visual-styles {
  background: #1a1d23 !important;
  background-color: #1a1d23 !important;
  color: #cfd6e0 !important;
}

html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  .so-panels-dialog
  .so-visual-styles
  :is(
    h3,
    .style-section-head,
    .style-section-head:hover,
    .style-section-head:focus,
    .style-section-fields,
    .style-field-wrapper,
    .style-field,
    .style-input-wrapper,
    .so-wp-slider-wrapper,
    .so-wp-slider-value,
    .style-field-measurement
  ),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  .so-panels-dialog
  .so-visual-styles
  :is(
    h3,
    .style-section-head,
    .style-section-head:hover,
    .style-section-head:focus,
    .style-section-fields,
    .style-field-wrapper,
    .style-field,
    .style-input-wrapper,
    .so-wp-slider-wrapper,
    .so-wp-slider-value,
    .style-field-measurement
  ) {
  background: #22262e !important;
  background-color: #22262e !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)
  .so-panels-dialog
  .so-visual-styles
  :is(h3, h4, label, .style-section-head h4),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  .so-panels-dialog
  .so-visual-styles
  :is(h3, h4, label, .style-section-head h4) {
  color: #e8ecf1 !important;
  -webkit-text-fill-color: #e8ecf1 !important;
  text-shadow: none !important;
}

html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  .so-panels-dialog
  .so-visual-styles
  :is(p, span, small, .description),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  .so-panels-dialog
  .so-visual-styles
  :is(p, span, small, .description) {
  color: #9aa5b1 !important;
  -webkit-text-fill-color: #9aa5b1 !important;
}

html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  .so-panels-dialog
  .so-visual-styles
  :is(input, select, textarea),
html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  .so-panels-dialog
  .so-visual-styles
  :is(input, select, textarea) {
  background: #2d3340 !important;
  background-color: #2d3340 !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
  color: #e8ecf1 !important;
  -webkit-text-fill-color: #e8ecf1 !important;
}