/**
 * Studio Hub — plugin details Thickbox (plugins.php shell + plugin-install.php iframe).
 */

/* =============================================================================
 * plugins.php — deferred plugin details loader (YOOAdmin spinner)
 * ============================================================================= */

.ysh-plugin-details-loader {
  position: fixed;
  inset: 0;
  z-index: 110003;
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(10, 12, 16, 0.58);
  backdrop-filter: blur(10px) saturate(120%);
  -webkit-backdrop-filter: blur(10px) saturate(120%);
}

.ysh-plugin-details-loader.is-visible {
  display: flex;
}

.ysh-plugin-details-loader__panel {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  padding: 0;
  border-radius: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.ysh-plugin-details-loader__text {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  color: #f8fafc;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.62);
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub.plugins-php
  .ysh-plugin-details-loader
  .ysh-plugin-details-loader__ring,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub.plugins-php
  .ysh-plugin-details-loader
  .ysh-plugin-details-loader__ring {
  border-color: rgba(255, 255, 255, 0.12);
  border-top-color: var(--ysh-brand, var(--yp-primary, #eda934));
}

body.yooadmin-theme-yooadmin-studio-hub.plugins-php #TB_window.ysh-plugin-details-pending {
  visibility: hidden !important;
}

body.yooadmin-theme-yooadmin-studio-hub.plugins-php #TB_window.ysh-plugin-details-pending #TB_iframeContent {
  opacity: 0 !important;
}

/* =============================================================================
 * Thickbox shell on plugins.php — z-index only (dimensions stay on WP tb_position)
 * ============================================================================= */

body.yooadmin-theme-yooadmin-studio-hub.plugins-php #TB_overlay {
  z-index: 110000 !important;
}

body.yooadmin-theme-yooadmin-studio-hub.plugins-php #TB_window.plugin-details-modal {
  z-index: 110001 !important;
}

body.yooadmin-theme-yooadmin-studio-hub.plugins-php #TB_closeWindowButton {
  z-index: 110002 !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub.plugins-php
  #TB_window.plugin-details-modal,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub.plugins-php
  #TB_window.plugin-details-modal {
  background: var(--ysh-card, #1a1d23) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.55) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub.plugins-php
  #TB_window.plugin-details-modal
  #TB_iframeContent,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub.plugins-php
  #TB_window.plugin-details-modal
  #TB_iframeContent {
  background: #1a1d23 !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub.plugins-php
  #TB_closeWindowButton,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub.plugins-php
  #TB_closeWindowButton {
  color: #f0f0f1 !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub.plugins-php
  .plugin-details-modal
  #TB_closeWindowButton::after,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body.yooadmin-theme-yooadmin-studio-hub.plugins-php
  .plugin-details-modal
  #TB_closeWindowButton::after {
  color: #f0f0f1 !important;
}

/* =============================================================================
 * Iframe — body#plugin-information (WP iframe_header body id, not a wrapper div)
 * ============================================================================= */

html[data-yooadmin-studio-color-mode-effective="dark"] body#plugin-information,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"] body#plugin-information,
body.ysh-plugin-info-dark#plugin-information {
  background: var(--ysh-card, #1a1d23) !important;
  color: var(--ysh-text, #cfd6e0) !important;
}

body#plugin-information,
body#plugin-information #plugin-information-scrollable {
  scrollbar-width: thin;
  scrollbar-color: rgba(15, 23, 42, 0.28) transparent;
}

body#plugin-information #plugin-information-scrollable {
  scrollbar-gutter: stable;
}

body#plugin-information::-webkit-scrollbar,
body#plugin-information #plugin-information-scrollable::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

body#plugin-information::-webkit-scrollbar-track,
body#plugin-information #plugin-information-scrollable::-webkit-scrollbar-track {
  background: transparent;
}

body#plugin-information::-webkit-scrollbar-thumb,
body#plugin-information #plugin-information-scrollable::-webkit-scrollbar-thumb {
  background-color: rgba(15, 23, 42, 0.26);
  border: 2px solid transparent;
  border-radius: 999px;
  background-clip: padding-box;
}

body#plugin-information::-webkit-scrollbar-thumb:hover,
body#plugin-information #plugin-information-scrollable::-webkit-scrollbar-thumb:hover {
  background-color: rgba(15, 23, 42, 0.4);
}

html[data-yooadmin-studio-color-mode-effective="dark"],
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"],
html[data-yooadmin-studio-color-mode-effective="dark"] body#plugin-information,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"] body#plugin-information,
body.ysh-plugin-info-dark#plugin-information,
body.ysh-plugin-info-auto#plugin-information,
body.ysh-plugin-info-dark#plugin-information #plugin-information-scrollable,
body.ysh-plugin-info-auto#plugin-information #plugin-information-scrollable {
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
}

html[data-yooadmin-studio-color-mode-effective="dark"] body#plugin-information #plugin-information-scrollable,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body#plugin-information
  #plugin-information-scrollable,
body.ysh-plugin-info-dark#plugin-information #plugin-information-scrollable,
body.ysh-plugin-info-auto#plugin-information #plugin-information-scrollable {
  scrollbar-gutter: stable;
}

html[data-yooadmin-studio-color-mode-effective="dark"]::-webkit-scrollbar,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]::-webkit-scrollbar,
html[data-yooadmin-studio-color-mode-effective="dark"] body#plugin-information::-webkit-scrollbar,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body#plugin-information::-webkit-scrollbar,
body.ysh-plugin-info-dark#plugin-information::-webkit-scrollbar,
body.ysh-plugin-info-auto#plugin-information::-webkit-scrollbar,
body.ysh-plugin-info-dark#plugin-information #plugin-information-scrollable::-webkit-scrollbar,
body.ysh-plugin-info-auto#plugin-information #plugin-information-scrollable::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

html[data-yooadmin-studio-color-mode-effective="dark"]::-webkit-scrollbar-track,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]::-webkit-scrollbar-track,
html[data-yooadmin-studio-color-mode-effective="dark"] body#plugin-information::-webkit-scrollbar-track,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body#plugin-information::-webkit-scrollbar-track,
body.ysh-plugin-info-dark#plugin-information::-webkit-scrollbar-track,
body.ysh-plugin-info-auto#plugin-information::-webkit-scrollbar-track,
body.ysh-plugin-info-dark#plugin-information #plugin-information-scrollable::-webkit-scrollbar-track,
body.ysh-plugin-info-auto#plugin-information #plugin-information-scrollable::-webkit-scrollbar-track {
  background: transparent;
}

html[data-yooadmin-studio-color-mode-effective="dark"]::-webkit-scrollbar-thumb,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]::-webkit-scrollbar-thumb,
html[data-yooadmin-studio-color-mode-effective="dark"] body#plugin-information::-webkit-scrollbar-thumb,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body#plugin-information::-webkit-scrollbar-thumb,
body.ysh-plugin-info-dark#plugin-information::-webkit-scrollbar-thumb,
body.ysh-plugin-info-auto#plugin-information::-webkit-scrollbar-thumb,
body.ysh-plugin-info-dark#plugin-information #plugin-information-scrollable::-webkit-scrollbar-thumb,
body.ysh-plugin-info-auto#plugin-information #plugin-information-scrollable::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.2);
  border: 2px solid transparent;
  border-radius: 999px;
  background-clip: padding-box;
}

html[data-yooadmin-studio-color-mode-effective="dark"]::-webkit-scrollbar-thumb:hover,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]::-webkit-scrollbar-thumb:hover,
html[data-yooadmin-studio-color-mode-effective="dark"] body#plugin-information::-webkit-scrollbar-thumb:hover,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body#plugin-information::-webkit-scrollbar-thumb:hover,
body.ysh-plugin-info-dark#plugin-information::-webkit-scrollbar-thumb:hover,
body.ysh-plugin-info-auto#plugin-information::-webkit-scrollbar-thumb:hover,
body.ysh-plugin-info-dark#plugin-information #plugin-information-scrollable::-webkit-scrollbar-thumb:hover,
body.ysh-plugin-info-auto#plugin-information #plugin-information-scrollable::-webkit-scrollbar-thumb:hover {
  background-color: rgba(255, 255, 255, 0.32);
}

html[data-yooadmin-studio-color-mode-effective="dark"]::-webkit-scrollbar-corner,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]::-webkit-scrollbar-corner,
body.ysh-plugin-info-dark#plugin-information::-webkit-scrollbar-corner,
body.ysh-plugin-info-auto#plugin-information::-webkit-scrollbar-corner,
body.ysh-plugin-info-dark#plugin-information #plugin-information-scrollable::-webkit-scrollbar-corner,
body.ysh-plugin-info-auto#plugin-information #plugin-information-scrollable::-webkit-scrollbar-corner {
  background: transparent;
}

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

html[data-yooadmin-studio-color-mode-effective="dark"] body#plugin-information #plugin-information-title:not(.with-banner),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body#plugin-information
  #plugin-information-title:not(.with-banner),
body.ysh-plugin-info-dark#plugin-information #plugin-information-title:not(.with-banner),
body.ysh-plugin-info-auto#plugin-information #plugin-information-title:not(.with-banner) {
  background: var(--ysh-surface, #121418) !important;
  color: var(--ysh-heading, #e8ecf1) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body#plugin-information
  #plugin-information-title.with-banner,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body#plugin-information
  #plugin-information-title.with-banner,
body.ysh-plugin-info-dark#plugin-information #plugin-information-title.with-banner,
body.ysh-plugin-info-auto#plugin-information #plugin-information-title.with-banner {
  background-color: transparent !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body#plugin-information
  #plugin-information-title.with-banner
  div.vignette,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body#plugin-information
  #plugin-information-title.with-banner
  div.vignette,
body.ysh-plugin-info-dark#plugin-information #plugin-information-title.with-banner div.vignette,
body.ysh-plugin-info-auto#plugin-information #plugin-information-title.with-banner div.vignette {
  display: block !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body#plugin-information
  #plugin-information-title.with-banner
  h2,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body#plugin-information
  #plugin-information-title.with-banner
  h2,
body.ysh-plugin-info-dark#plugin-information #plugin-information-title.with-banner h2,
body.ysh-plugin-info-auto#plugin-information #plugin-information-title.with-banner h2 {
  font-size: 22px !important;
  line-height: 1.35 !important;
  margin-top: 174px !important;
  padding: 8px 15px !important;
  background: rgba(18, 20, 24, 0.92) !important;
  color: var(--ysh-heading, #e8ecf1) !important;
  border-radius: 8px !important;
  box-shadow: 0 0 30px rgba(255, 255, 255, 0.08) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"] body#plugin-information #plugin-information-tabs,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body#plugin-information
  #plugin-information-tabs,
body.ysh-plugin-info-dark#plugin-information #plugin-information-tabs {
  background: var(--ysh-surface, #121418) !important;
  border-bottom-color: rgba(255, 255, 255, 0.12) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"] body#plugin-information #plugin-information-tabs a,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body#plugin-information
  #plugin-information-tabs
  a,
body.ysh-plugin-info-dark#plugin-information #plugin-information-tabs a {
  color: var(--ysh-muted, #9aa3b2) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body#plugin-information
  #plugin-information-tabs
  a:hover,
html[data-yooadmin-studio-color-mode-effective="dark"]
  body#plugin-information
  #plugin-information-tabs
  a:focus,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body#plugin-information
  #plugin-information-tabs
  a:hover,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body#plugin-information
  #plugin-information-tabs
  a:focus,
body.ysh-plugin-info-dark#plugin-information #plugin-information-tabs a:hover,
body.ysh-plugin-info-dark#plugin-information #plugin-information-tabs a:focus {
  color: var(--ysh-heading, #e8ecf1) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body#plugin-information
  #plugin-information-tabs
  a.current,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body#plugin-information
  #plugin-information-tabs
  a.current,
body.ysh-plugin-info-dark#plugin-information #plugin-information-tabs a.current {
  background: var(--ysh-card, #1a1d23) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  border-bottom-color: var(--ysh-card, #1a1d23) !important;
  color: var(--ysh-heading, #e8ecf1) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"] body#plugin-information #plugin-information-content,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body#plugin-information
  #plugin-information-content,
body.ysh-plugin-info-dark#plugin-information #plugin-information-content {
  background: var(--ysh-card, #1a1d23) !important;
  color: var(--ysh-text, #cfd6e0) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"] body#plugin-information #section-holder,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body#plugin-information
  #section-holder,
body.ysh-plugin-info-dark#plugin-information #section-holder {
  color: var(--ysh-text, #cfd6e0) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"] body#plugin-information .fyi,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"] body#plugin-information .fyi,
body.ysh-plugin-info-dark#plugin-information .fyi {
  background: var(--ysh-surface, #121418) !important;
  border-left-color: rgba(255, 255, 255, 0.12) !important;
  color: var(--ysh-muted, #9aa3b2) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body#plugin-information
  .fyi
  :is(strong, h2, h3),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body#plugin-information
  .fyi
  :is(strong, h2, h3),
body.ysh-plugin-info-dark#plugin-information .fyi :is(strong, h2, h3) {
  color: var(--ysh-heading, #e8ecf1) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"] body#plugin-information .fyi a,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"] body#plugin-information .fyi a,
body.ysh-plugin-info-dark#plugin-information .fyi a {
  color: var(--ysh-brand, var(--yp-primary, #eda934)) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"] body#plugin-information #plugin-information-footer,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body#plugin-information
  #plugin-information-footer,
body.ysh-plugin-info-dark#plugin-information #plugin-information-footer {
  background: var(--ysh-surface, #121418) !important;
  border-top-color: rgba(255, 255, 255, 0.12) !important;
  color: var(--ysh-text, #cfd6e0) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body#plugin-information
  :is(.section, .section p, .review-body, .review-meta, .reviewer-info p),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body#plugin-information
  :is(.section, .section p, .review-body, .review-meta, .reviewer-info p),
body.ysh-plugin-info-dark#plugin-information
  :is(.section, .section p, .review-body, .review-meta, .reviewer-info p) {
  color: var(--ysh-text, #cfd6e0) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body#plugin-information
  :is(.section a, .fyi a, .review a),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body#plugin-information
  :is(.section a, .fyi a, .review a),
body.ysh-plugin-info-dark#plugin-information :is(.section a, .fyi a, .review a) {
  color: var(--ysh-brand, var(--yp-primary, #eda934)) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body#plugin-information
  :is(h1, h2, h3, h4, .review-title-section h4),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body#plugin-information
  :is(h1, h2, h3, h4, .review-title-section h4),
body.ysh-plugin-info-dark#plugin-information
  :is(h1, h2, h3, h4, .review-title-section h4) {
  color: var(--ysh-heading, #e8ecf1) !important;
}

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

html[data-yooadmin-studio-color-mode-effective="dark"] body#plugin-information blockquote,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"] body#plugin-information blockquote,
body.ysh-plugin-info-dark#plugin-information blockquote {
  border-left-color: rgba(255, 255, 255, 0.2) !important;
  color: var(--ysh-muted, #9aa3b2) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body#plugin-information
  :is(.notice, .updated, .error, .update-message),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body#plugin-information
  :is(.notice, .updated, .error, .update-message),
body.ysh-plugin-info-dark#plugin-information :is(.notice, .updated, .error, .update-message) {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: var(--ysh-text, #cfd6e0) !important;
}

/* Compatibility / warning notices (View details modal) — WP notice-alt + descendants */
html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body#plugin-information
  :is(.notice, .updated, .error, .update-message, .notice-alt),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body#plugin-information
  :is(.notice, .updated, .error, .update-message, .notice-alt),
body.ysh-plugin-info-dark#plugin-information
  :is(.notice, .updated, .error, .update-message, .notice-alt),
body.ysh-plugin-info-auto#plugin-information
  :is(.notice, .updated, .error, .update-message, .notice-alt) {
  background: rgba(255, 255, 255, 0.06) !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#plugin-information
  .notice-warning,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body#plugin-information
  .notice-warning,
body.ysh-plugin-info-dark#plugin-information .notice-warning,
body.ysh-plugin-info-auto#plugin-information .notice-warning {
  background: rgba(219, 166, 23, 0.14) !important;
  border-left-color: #dba617 !important;
  color: var(--ysh-text, #cfd6e0) !important;
}

html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body#plugin-information
  :is(.notice, .notice-warning, .notice-error, .notice-success, .notice-alt)
  :is(p, strong, span, a, em),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body#plugin-information
  :is(.notice, .notice-warning, .notice-error, .notice-success, .notice-alt)
  :is(p, strong, span, a, em),
body.ysh-plugin-info-dark#plugin-information
  :is(.notice, .notice-warning, .notice-error, .notice-success, .notice-alt)
  :is(p, strong, span, a, em),
body.ysh-plugin-info-auto#plugin-information
  :is(.notice, .notice-warning, .notice-error, .notice-success, .notice-alt)
  :is(p, strong, span, a, em) {
  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#plugin-information
  :is(.notice-warning, .notice-error, .notice-success)
  strong,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body#plugin-information
  :is(.notice-warning, .notice-error, .notice-success)
  strong,
body.ysh-plugin-info-dark#plugin-information
  :is(.notice-warning, .notice-error, .notice-success)
  strong,
body.ysh-plugin-info-auto#plugin-information
  :is(.notice-warning, .notice-error, .notice-success)
  strong {
  color: var(--ysh-heading, #e8ecf1) !important;
  -webkit-text-fill-color: var(--ysh-heading, #e8ecf1) !important;
}

html:is([data-yooadmin-studio-color-mode-effective="dark"], .is-dark-theme)
  body#plugin-information
  :is(.notice, .notice-warning, .notice-error)
  a,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body#plugin-information
  :is(.notice, .notice-warning, .notice-error)
  a,
body.ysh-plugin-info-dark#plugin-information :is(.notice, .notice-warning, .notice-error) a,
body.ysh-plugin-info-auto#plugin-information :is(.notice, .notice-warning, .notice-error) a {
  color: var(--ysh-brand, var(--yp-primary, #eda934)) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"] body#plugin-information .counter-back,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body#plugin-information
  .counter-back,
body.ysh-plugin-info-dark#plugin-information .counter-back {
  background-color: rgba(255, 255, 255, 0.12) !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body#plugin-information
  #plugin-information-footer
  .button,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body#plugin-information
  #plugin-information-footer
  .button,
body.ysh-plugin-info-dark#plugin-information #plugin-information-footer .button {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
  color: var(--ysh-heading, #e8ecf1) !important;
  box-shadow: none !important;
}

html[data-yooadmin-studio-color-mode-effective="dark"]
  body#plugin-information
  #plugin-information-footer
  .button-primary,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective="dark"]
  body#plugin-information
  #plugin-information-footer
  .button-primary,
body.ysh-plugin-info-dark#plugin-information #plugin-information-footer .button-primary {
  background: var(--ysh-brand, var(--yp-primary, #eda934)) !important;
  border-color: var(--ysh-brand, var(--yp-primary, #eda934)) !important;
  color: #121418 !important;
}

body.ysh-plugin-info-auto#plugin-information #plugin-information-footer .button-primary {
  background: var(--ysh-brand, var(--yp-primary, #eda934)) !important;
  border-color: var(--ysh-brand, var(--yp-primary, #eda934)) !important;
  color: #121418 !important;
}

/* Iframe fallback — body class / prefers-color-scheme (no html[data-*] required) */
body.ysh-plugin-info-dark#plugin-information,
body.ysh-plugin-info-auto#plugin-information {
  background: #1a1d23 !important;
  color: #cfd6e0 !important;
}

body.ysh-plugin-info-dark#plugin-information #plugin-information-scrollable,
body.ysh-plugin-info-auto#plugin-information #plugin-information-scrollable,
body.ysh-plugin-info-dark#plugin-information #plugin-information-content,
body.ysh-plugin-info-auto#plugin-information #plugin-information-content {
  background: #1a1d23 !important;
  color: #cfd6e0 !important;
}

body.ysh-plugin-info-dark#plugin-information #plugin-information-title:not(.with-banner),
body.ysh-plugin-info-auto#plugin-information #plugin-information-title:not(.with-banner),
body.ysh-plugin-info-dark#plugin-information #plugin-information-tabs,
body.ysh-plugin-info-auto#plugin-information #plugin-information-tabs,
body.ysh-plugin-info-dark#plugin-information #plugin-information-footer,
body.ysh-plugin-info-auto#plugin-information #plugin-information-footer {
  background: #121418 !important;
}

body.ysh-plugin-info-dark#plugin-information #plugin-information-title.with-banner,
body.ysh-plugin-info-auto#plugin-information #plugin-information-title.with-banner {
  background-color: transparent !important;
}

body.ysh-plugin-info-dark#plugin-information #plugin-information-tabs,
body.ysh-plugin-info-auto#plugin-information #plugin-information-tabs {
  border-bottom-color: rgba(255, 255, 255, 0.12) !important;
}

body.ysh-plugin-info-dark#plugin-information #plugin-information-tabs a,
body.ysh-plugin-info-auto#plugin-information #plugin-information-tabs a {
  color: #9aa3b2 !important;
}

body.ysh-plugin-info-dark#plugin-information #plugin-information-tabs a.current,
body.ysh-plugin-info-auto#plugin-information #plugin-information-tabs a.current {
  background: #1a1d23 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  border-bottom-color: #1a1d23 !important;
  color: #e8ecf1 !important;
}

body.ysh-plugin-info-dark#plugin-information .fyi,
body.ysh-plugin-info-auto#plugin-information .fyi {
  background: #121418 !important;
  border-left-color: rgba(255, 255, 255, 0.12) !important;
  color: #9aa3b2 !important;
}

body.ysh-plugin-info-dark#plugin-information .fyi :is(strong, h2, h3),
body.ysh-plugin-info-auto#plugin-information .fyi :is(strong, h2, h3) {
  color: #e8ecf1 !important;
}

body.ysh-plugin-info-dark#plugin-information :is(.section, .section p),
body.ysh-plugin-info-auto#plugin-information :is(.section, .section p) {
  color: #cfd6e0 !important;
}

body.ysh-plugin-info-dark#plugin-information :is(h1, h2, h3, h4),
body.ysh-plugin-info-auto#plugin-information :is(h1, h2, h3, h4) {
  color: #e8ecf1 !important;
}

body.ysh-plugin-info-dark#plugin-information #plugin-information-footer .button.disabled,
body.ysh-plugin-info-auto#plugin-information #plugin-information-footer .button.disabled,
body.ysh-plugin-info-dark#plugin-information #plugin-information-footer .button[disabled],
body.ysh-plugin-info-auto#plugin-information #plugin-information-footer .button[disabled] {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #9aa3b2 !important;
  opacity: 1 !important;
}

@media (prefers-color-scheme: dark) {
  body#plugin-information.ysh-plugin-info-auto #plugin-information-scrollable,
  body#plugin-information.ysh-plugin-info-auto #plugin-information-content {
    background: #1a1d23 !important;
    color: #cfd6e0 !important;
  }

  body#plugin-information.ysh-plugin-info-auto #plugin-information-title:not(.with-banner),
  body#plugin-information.ysh-plugin-info-auto #plugin-information-tabs,
  body#plugin-information.ysh-plugin-info-auto #plugin-information-footer,
  body#plugin-information.ysh-plugin-info-auto .fyi {
    background: #121418 !important;
  }

  body#plugin-information.ysh-plugin-info-auto #plugin-information-title.with-banner {
    background-color: transparent !important;
  }

  body#plugin-information.ysh-plugin-info-auto #plugin-information-tabs a {
    color: #9aa3b2 !important;
  }

  body#plugin-information.ysh-plugin-info-auto #plugin-information-tabs a.current {
    background: #1a1d23 !important;
    color: #e8ecf1 !important;
  }

  body#plugin-information.ysh-plugin-info-auto :is(.section, .section p) {
    color: #cfd6e0 !important;
  }
}