/**
 * Studio Hub — Plugins Manager + Extensions Store (dark cascade tail).
 * Loads after yooadmin-upload-page / extensions-store CSS.
 * Mirrored selectors from extensions-store-header.css / upload-page.css (white !important).
 */

/* —— Filters — mirror extensions-store-header + upload-page selectors —— */
html[data-yooadmin-studio-color-mode-effective="dark"] body.wp-admin select.yp-store-filter,
html[data-yooadmin-studio-color-mode-effective="dark"] body.wp-admin select#yp-extensions-filter,
html[data-yooadmin-studio-color-mode-effective="dark"] body.wp-admin select.yoo-status-filter,
html[data-yooadmin-studio-color-mode-effective="dark"] body.wp-admin select#yoo-status-filter,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"] body.wp-admin select.yp-store-filter,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"] body.wp-admin select#yp-extensions-filter,
html[data-yooadmin-studio-color-mode-effective="dark"] body.wp-admin select.yp-store-filter:is(:hover, :focus, :focus-visible, :active, [open], .yp-filter-active),
html[data-yooadmin-studio-color-mode-effective="dark"] body.wp-admin select#yp-extensions-filter:is(:hover, :focus, :focus-visible, :active, [open], .yp-filter-active),
html[data-yooadmin-studio-color-mode-effective="dark"] .wp-core-ui select.yp-store-filter:is(:focus, :focus-visible, :active),
html[data-yooadmin-studio-color-mode-effective="dark"] body.wp-admin.yooadmin-theme-yooadmin-studio-hub .yooadmin-extensions-page select.yp-store-filter,
html[data-yooadmin-studio-color-mode-effective="dark"] body.wp-admin.yooadmin-theme-yooadmin-studio-hub .yooadmin-extensions-page select#yp-extensions-filter,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"] body.wp-admin.yooadmin-theme-yooadmin-studio-hub .yooadmin-extensions-page select.yp-store-filter {
  color-scheme: dark !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  background: #22262e !important;
  background-color: #22262e !important;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="5" viewBox="0 0 10 5"><path fill="%239aa5b1" d="M0 0l5 5 5-5z"/></svg>') !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  background-size: 10px 5px !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  box-shadow: none !important;
  outline: none !important;
  color: #cfd6e0 !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"] body.wp-admin select.yp-store-filter option,
html[data-yooadmin-studio-color-mode-effective="dark"] body.wp-admin select#yp-extensions-filter option,
html[data-yooadmin-studio-color-mode-effective="dark"] body.wp-admin select.yoo-status-filter option {
  background: #22262e !important;
  background-color: #22262e !important;
  color: #cfd6e0 !important;
}

/* —— Filters (All / Active / …) —— */
html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.wp-core-ui.yooadmin-theme-yooadmin-studio-hub
  :is(
    select#yoo-status-filter,
    select#yp-extensions-filter,
    select.yp-store-filter,
    select.yoo-status-filter,
    select.yoo-bulk-select,
    select#yoo-bulk-action-select-upload
  ),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.wp-core-ui.yooadmin-theme-yooadmin-studio-hub
  :is(
    select#yoo-status-filter,
    select#yp-extensions-filter,
    select.yp-store-filter,
    select.yoo-status-filter,
    select.yoo-bulk-select,
    select#yoo-bulk-action-select-upload
  ),
html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.wp-core-ui.yooadmin-theme-yooadmin-studio-hub
  :is(
    select#yoo-status-filter,
    select#yp-extensions-filter,
    select.yp-store-filter,
    select.yoo-status-filter,
    select.yoo-bulk-select,
    select#yoo-bulk-action-select-upload
  ):is(:hover, :focus, :focus-visible, :active, [open]),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.wp-core-ui.yooadmin-theme-yooadmin-studio-hub
  :is(
    select#yoo-status-filter,
    select#yp-extensions-filter,
    select.yp-store-filter,
    select.yoo-status-filter,
    select.yoo-bulk-select,
    select#yoo-bulk-action-select-upload
  ):is(:hover, :focus, :focus-visible, :active, [open]) {
  color-scheme: dark !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  background: #22262e !important;
  background-color: #22262e !important;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="5" viewBox="0 0 10 5"><path fill="%239aa5b1" d="M0 0l5 5 5-5z"/></svg>') !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  background-size: 10px 5px !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  box-shadow: none !important;
  outline: none !important;
  color: var(--ysh-text, #cfd6e0) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.wp-core-ui.yooadmin-theme-yooadmin-studio-hub
  :is(select#yoo-status-filter, select#yp-extensions-filter, select.yp-store-filter, select.yoo-status-filter):hover,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.wp-core-ui.yooadmin-theme-yooadmin-studio-hub
  :is(select#yoo-status-filter, select#yp-extensions-filter, select.yp-store-filter, select.yoo-status-filter):hover {
  border-color: color-mix(in srgb, var(--ysh-brand, #eda934) 55%, rgba(255, 255, 255, 0.2)) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.wp-core-ui.yooadmin-theme-yooadmin-studio-hub
  :is(select#yoo-status-filter, select#yp-extensions-filter, select.yp-store-filter, select.yoo-status-filter)
  option,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.wp-admin.wp-core-ui.yooadmin-theme-yooadmin-studio-hub
  :is(select#yoo-status-filter, select#yp-extensions-filter, select.yp-store-filter, select.yoo-status-filter)
  option {
  background-color: #22262e !important;
  color: var(--ysh-text, #cfd6e0) !important;
}

/* —— Extensions store card actions —— */
html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-ext-actions
  .button-activate,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-ext-actions
  .button-activate {
  background: rgba(74, 222, 128, 0.1) !important;
  background-color: rgba(74, 222, 128, 0.1) !important;
  border: 1px solid rgba(74, 222, 128, 0.45) !important;
  color: #86efac !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-ext-actions
  .button-activate:hover,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-ext-actions
  .button-activate:hover {
  background: rgba(74, 222, 128, 0.18) !important;
  background-color: rgba(74, 222, 128, 0.18) !important;
  border-color: #86efac !important;
  color: #bbf7d0 !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-ext-actions
  .button-danger,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-ext-actions
  .button-danger {
  background: rgba(248, 113, 113, 0.1) !important;
  background-color: rgba(248, 113, 113, 0.1) !important;
  border: 1px solid rgba(248, 113, 113, 0.5) !important;
  color: #fca5a5 !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-ext-actions
  .button-danger:hover,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-ext-actions
  .button-danger:hover {
  background: rgba(220, 38, 38, 0.85) !important;
  background-color: rgba(220, 38, 38, 0.85) !important;
  border-color: #f87171 !important;
  color: #fff !important;
}

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

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-ext-actions
  .button-secondary:hover,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-ext-actions
  .button-secondary:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(255, 255, 255, 0.22) !important;
  color: var(--ysh-heading, #d8d3ce) !important;
}

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

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-ext-actions
  .button:not(.button-primary):not(.button-activate):not(.button-danger):not(.button-update):not(.yp-yoo-btn--primary),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-ext-actions
  .button:not(.button-primary):not(.button-activate):not(.button-danger):not(.button-update):not(.yp-yoo-btn--primary) {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: var(--ysh-text, #cfd6e0) !important;
}

/* —— Extension details popup footer (beats extensions-store-enhancements white !important) —— */
html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-ext-popup-footer
  :is(.button, a.button),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-ext-popup-footer
  :is(.button, a.button) {
  box-shadow: none !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-ext-popup-footer
  .button-activate,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-ext-popup-footer
  .button-activate {
  background: rgba(74, 222, 128, 0.1) !important;
  background-color: rgba(74, 222, 128, 0.1) !important;
  border: 1px solid rgba(74, 222, 128, 0.45) !important;
  color: #86efac !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-ext-popup-footer
  .button-activate:hover,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-ext-popup-footer
  .button-activate:hover {
  background: rgba(74, 222, 128, 0.18) !important;
  background-color: rgba(74, 222, 128, 0.18) !important;
  border-color: #86efac !important;
  color: #bbf7d0 !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-ext-popup-footer
  .button-danger,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-ext-popup-footer
  .button-danger {
  background: rgba(248, 113, 113, 0.1) !important;
  background-color: rgba(248, 113, 113, 0.1) !important;
  border: 1px solid rgba(248, 113, 113, 0.5) !important;
  color: #fca5a5 !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-ext-popup-footer
  .button-danger:hover,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-ext-popup-footer
  .button-danger:hover {
  background: rgba(220, 38, 38, 0.85) !important;
  background-color: rgba(220, 38, 38, 0.85) !important;
  border-color: #f87171 !important;
  color: #fff !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-ext-popup-footer
  :is(.button-secondary, a.button-secondary),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-ext-popup-footer
  :is(.button-secondary, a.button-secondary) {
  background: rgba(255, 255, 255, 0.06) !important;
  background-color: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  color: var(--ysh-text, #cfd6e0) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-ext-popup-footer
  :is(.button-secondary, a.button-secondary):hover,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-ext-popup-footer
  :is(.button-secondary, a.button-secondary):hover {
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(255, 255, 255, 0.22) !important;
  color: var(--ysh-heading, #d8d3ce) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-ext-popup-footer
  :is(.button-primary, .button-purchase, a.button-purchase),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-ext-popup-footer
  :is(.button-primary, .button-purchase, a.button-purchase) {
  background: var(--ysh-brand, #eda934) !important;
  background-color: var(--ysh-brand, #eda934) !important;
  border-color: color-mix(in srgb, var(--ysh-brand, #eda934) 85%, #000) !important;
  color: #1a1d23 !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-ext-popup-footer
  :is(.button-primary, .button-purchase, a.button-purchase):hover,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yp-ext-popup-footer
  :is(.button-primary, .button-purchase, a.button-purchase):hover {
  background: color-mix(in srgb, var(--ysh-brand, #eda934) 88%, #fff) !important;
  background-color: color-mix(in srgb, var(--ysh-brand, #eda934) 88%, #fff) !important;
  color: #121418 !important;
}

/* —— Plugins Manager list actions (beats yp-admin-core white .yoo-action-btn) —— */
html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yoo-focus.yooadmin-theme-yooadmin-studio-hub
  .yoo-upload-wrap
  .yoo-action-btn.yoo-activate-plugin,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yoo-focus.yooadmin-theme-yooadmin-studio-hub
  .yoo-upload-wrap
  .yoo-action-btn.yoo-activate-plugin {
  background: rgba(255, 255, 255, 0.06) !important;
  background-color: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid color-mix(in srgb, var(--ysh-brand, #eda934) 55%, rgba(255, 255, 255, 0.2)) !important;
  color: var(--ysh-brand, #eda934) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yoo-focus.yooadmin-theme-yooadmin-studio-hub
  .yoo-upload-wrap
  .yoo-action-btn.yoo-deactivate-plugin,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yoo-focus.yooadmin-theme-yooadmin-studio-hub
  .yoo-upload-wrap
  .yoo-action-btn.yoo-deactivate-plugin {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  color: var(--ysh-text, #cfd6e0) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yoo-focus.yooadmin-theme-yooadmin-studio-hub
  .yoo-upload-wrap
  .yoo-action-btn.danger,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yoo-focus.yooadmin-theme-yooadmin-studio-hub
  .yoo-upload-wrap
  .yoo-action-btn.danger {
  background: rgba(248, 113, 113, 0.1) !important;
  border: 1px solid rgba(248, 113, 113, 0.45) !important;
  color: #fca5a5 !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yoo-focus.yooadmin-theme-yooadmin-studio-hub
  .yoo-upload-wrap
  .yoo-action-btn.danger:hover,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yoo-focus.yooadmin-theme-yooadmin-studio-hub
  .yoo-upload-wrap
  .yoo-action-btn.danger:hover {
  background: rgba(220, 38, 38, 0.2) !important;
  color: #fecaca !important;
}

/* Auto-update toggle (beats yp-admin-core white .yoo-action-btn:not(.danger)) */
html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yoo-focus.yooadmin-theme-yooadmin-studio-hub
  .yoo-upload-wrap
  :is(.yoo-action-btn.yoo-auto-update-toggle, .yoo-auto-update-toggle),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yoo-focus.yooadmin-theme-yooadmin-studio-hub
  .yoo-upload-wrap
  :is(.yoo-action-btn.yoo-auto-update-toggle, .yoo-auto-update-toggle) {
  background: rgba(255, 255, 255, 0.06) !important;
  background-color: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  color: #9aa5b1 !important;
  box-shadow: none !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yoo-focus.yooadmin-theme-yooadmin-studio-hub
  .yoo-upload-wrap
  :is(.yoo-action-btn.yoo-auto-update-toggle, .yoo-auto-update-toggle)
  .dashicons,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yoo-focus.yooadmin-theme-yooadmin-studio-hub
  .yoo-upload-wrap
  :is(.yoo-action-btn.yoo-auto-update-toggle, .yoo-auto-update-toggle)
  .dashicons {
  color: #9aa5b1 !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yoo-focus.yooadmin-theme-yooadmin-studio-hub
  .yoo-upload-wrap
  :is(.yoo-action-btn.yoo-auto-update-toggle, .yoo-auto-update-toggle):hover,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yoo-focus.yooadmin-theme-yooadmin-studio-hub
  .yoo-upload-wrap
  :is(.yoo-action-btn.yoo-auto-update-toggle, .yoo-auto-update-toggle):hover {
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(255, 255, 255, 0.22) !important;
  color: var(--ysh-brand, #eda934) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yoo-focus.yooadmin-theme-yooadmin-studio-hub
  .yoo-upload-wrap
  :is(.yoo-action-btn.yoo-auto-update-toggle, .yoo-auto-update-toggle).enabled,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yoo-focus.yooadmin-theme-yooadmin-studio-hub
  .yoo-upload-wrap
  :is(.yoo-action-btn.yoo-auto-update-toggle, .yoo-auto-update-toggle).enabled {
  background: rgba(74, 222, 128, 0.1) !important;
  border-color: rgba(74, 222, 128, 0.45) !important;
  color: #86efac !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yoo-focus.yooadmin-theme-yooadmin-studio-hub
  .yoo-upload-wrap
  :is(.yoo-action-btn.yoo-auto-update-toggle, .yoo-auto-update-toggle).enabled
  .dashicons,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yoo-focus.yooadmin-theme-yooadmin-studio-hub
  .yoo-upload-wrap
  :is(.yoo-action-btn.yoo-auto-update-toggle, .yoo-auto-update-toggle).enabled
  .dashicons {
  color: #86efac !important;
}

/* Extensions toolbar Refresh (reinforce) */
html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-extensions-page
  #yooadmin-extensions-refresh,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub
  .yooadmin-extensions-page
  #yooadmin-extensions-refresh {
  background: rgba(255, 255, 255, 0.06) !important;
  background-color: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  color: var(--ysh-text, #cfd6e0) !important;
  box-shadow: none !important;
}