/**
 * Studio Hub — plugin-install.php layout (site + network admin, matches yooadmin-pages).
 */

/* Anti-FOUC — page visible only after layout JS + yp-ui-select (#typeselector) */
html:not(.yoo-plugin-install-ui-ready) body.plugin-install-php #wpbody-content > .wrap {
  visibility: visible !important;
  min-height: 260px;
}

html:not(.yoo-plugin-install-ui-ready)
  body.plugin-install-php
  #wpbody-content
  > .wrap
  > :not(#ysh-yoo-pages-shell-loader) {
  display: none !important;
}

html.yoo-plugin-install-ui-ready body.plugin-install-php #wpbody-content > .wrap.yoo-plugin-install-layout-ready {
  visibility: visible !important;
}

/* Hide native WP chrome after JS moves content */
.yoo-plugin-install-layout-ready > h1.wp-heading-inline,
.yoo-plugin-install-layout-ready > hr.wp-header-end,
.yoo-plugin-install-layout-ready > .wp-filter,
.yoo-plugin-install-layout-ready > .page-title-action,
.yoo-plugin-install-layout-ready > p:not(.yoo-plugin-install-intro) {
  display: none !important;
}

.yooadmin-plugin-install-page.yooadmin-pages-page {
  max-width: var(--ysh-layout-max, 1400px);
  margin: 0 auto;
  padding: 24px;
  font-size: 13px;
  line-height: 1.5;
  box-sizing: border-box;
}

/* Hero search + type selector */
.yooadmin-plugin-install-page .yoo-plugin-install-search {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1 1 auto;
  min-width: 220px;
  max-width: 480px;
}

.yooadmin-plugin-install-page .yoo-plugin-install-search .yoo-pages-search-wrapper {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
  max-width: none;
}

.yooadmin-plugin-install-page .yoo-plugin-install-search .yoo-pages-search-input,
.yooadmin-plugin-install-page .yoo-plugin-install-search :is(#search-plugins, input[type='search'], input.search-plugins) {
  min-height: 36px !important;
  height: 36px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 36px !important;
  box-sizing: border-box !important;
}

/* Native OS select must not show — only yp-ui-select trigger (Keyword / Author / Tag) */
.yooadmin-plugin-install-page .yoo-plugin-install-search select.yoo-plugin-install-type-select:not(.yp-custom-select__native),
.yooadmin-plugin-install-page .yoo-plugin-install-search #typeselector:not(.yp-custom-select__native) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  border: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

.yooadmin-plugin-install-page .yoo-plugin-install-search :is(.yp-ui-select, .yp-ui-select--plugin-install-type, .yoo-plugin-install-type-select.yp-ui-select) {
  flex-shrink: 0;
  width: auto;
  min-width: 108px;
  max-width: 148px;
  --yp-settings-select-width: 148px;
}

.yooadmin-plugin-install-page
  .yoo-plugin-install-search
  :is(.yp-ui-select, .yp-ui-select--plugin-install-type)
  .yp-custom-select__trigger {
  min-height: 36px;
  padding: 8px 10px;
  font-size: 12px;
  border-radius: 4px;
  background: #fff;
  color: #2c3338;
  border: 1px solid #dcdcde;
}

/* Hero search — light mode (must win over stale .is-dark-theme + dark list-screen rules) */
html[data-yooadmin-studio-color-mode-effective='light']
  body.plugin-install-php.yooadmin-plugin-install-page
  .yoo-plugin-install-search
  :is(.yoo-pages-search-input, #search-plugins, input[type='search'], input.search-plugins),
html:not([data-yooadmin-studio-color-mode-effective='dark']):not(.is-dark-theme)
  body.plugin-install-php.yooadmin-plugin-install-page
  .yoo-plugin-install-search
  :is(.yoo-pages-search-input, #search-plugins, input[type='search'], input.search-plugins) {
  color-scheme: light !important;
  background: #fff !important;
  background-color: #fff !important;
  border-color: #dcdcde !important;
  color: #2c3338 !important;
  box-shadow: none !important;
}

html[data-yooadmin-studio-color-mode-effective='light']
  body.plugin-install-php.yooadmin-plugin-install-page
  .yoo-plugin-install-search
  :is(.yoo-pages-search-input, #search-plugins, input[type='search'], input.search-plugins)::placeholder,
html:not([data-yooadmin-studio-color-mode-effective='dark']):not(.is-dark-theme)
  body.plugin-install-php.yooadmin-plugin-install-page
  .yoo-plugin-install-search
  :is(.yoo-pages-search-input, #search-plugins, input[type='search'], input.search-plugins)::placeholder {
  color: #646970;
  opacity: 1;
}

html[data-yooadmin-studio-color-mode-effective='light']
  body.plugin-install-php.yooadmin-plugin-install-page
  .yoo-plugin-install-search
  .yoo-pages-search-wrapper
  .dashicons,
html:not([data-yooadmin-studio-color-mode-effective='dark']):not(.is-dark-theme)
  body.plugin-install-php.yooadmin-plugin-install-page
  .yoo-plugin-install-search
  .yoo-pages-search-wrapper
  .dashicons {
  color: #8c8f94 !important;
}

html[data-yooadmin-studio-color-mode-effective='light']
  body.plugin-install-php.yooadmin-plugin-install-page
  .yoo-plugin-install-search
  :is(.yp-ui-select, .yp-ui-select--plugin-install-type)
  .yp-custom-select__trigger,
html:not([data-yooadmin-studio-color-mode-effective='dark']):not(.is-dark-theme)
  body.plugin-install-php.yooadmin-plugin-install-page
  .yoo-plugin-install-search
  :is(.yp-ui-select, .yp-ui-select--plugin-install-type)
  .yp-custom-select__trigger {
  background: #fff !important;
  background-color: #fff !important;
  border-color: #dcdcde !important;
  color: #2c3338 !important;
}

/* Intro copy */
.yooadmin-plugin-install-page .yoo-plugin-install-intro {
  margin: 0 0 16px;
  font-size: 13px;
  line-height: 1.55;
  color: var(--yp-text, #646970);
}

.yooadmin-plugin-install-page .yoo-plugin-install-intro a {
  color: var(--_yp-primary, #eda934);
}

/* Content card shell */
.yooadmin-plugin-install-page .yoo-plugin-install-content {
  background: #fff;
  border: 1px solid #dcdcde;
  border-radius: 8px;
  padding: 24px;
  margin-bottom: 24px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
}

.yooadmin-plugin-install-page .yoo-plugin-install-toolbar {
  margin-bottom: 20px;
  padding-bottom: 16px;
  border-bottom: 1px solid #f0f0f1;
}

.yooadmin-plugin-install-page .yoo-pages-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  min-height: 32px;
}

/* Plugin cards — preserve WP core flex layout (#the-list + .plugin-card widths) */
.yooadmin-plugin-install-page .yoo-plugin-install-cards .wp-list-table.plugin-install,
.yooadmin-plugin-install-page .yoo-plugin-install-cards .wp-list-table {
  width: 100%;
  border: none;
  background: transparent;
  box-shadow: none;
}

.yooadmin-plugin-install-page .yoo-plugin-install-cards #the-list {
  display: flex;
  flex-wrap: wrap;
}

@media (min-width: 1480px) {
  html[data-ysh-layout-width='wide']
    body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
    .yooadmin-plugin-install-page
    .yoo-plugin-install-cards
    #the-list,
  html[data-ysh-layout-width='full']
    body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
    .yooadmin-plugin-install-page
    .yoo-plugin-install-cards
    #the-list,
  html[data-ysh-layout-width='wide']
    body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
    #wpbody-content
    > .wrap.yoo-plugin-install-layout-ready
    .wp-list-table
    #the-list,
  html[data-ysh-layout-width='full']
    body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
    #wpbody-content
    > .wrap.yoo-plugin-install-layout-ready
    .wp-list-table
    #the-list {
    gap: 20px;
  }

  html[data-ysh-layout-width='wide']
    body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
    .yooadmin-plugin-install-page
    .yoo-plugin-install-cards
    .plugin-card,
  html[data-ysh-layout-width='wide']
    body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
    #wpbody-content
    > .wrap.yoo-plugin-install-layout-ready
    .plugin-card,
  html[data-ysh-layout-width='full']
    body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
    .yooadmin-plugin-install-page
    .yoo-plugin-install-cards
    .plugin-card,
  html[data-ysh-layout-width='full']
    body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
    #wpbody-content
    > .wrap.yoo-plugin-install-layout-ready
    .plugin-card {
    flex: 0 0 520px !important;
    width: 520px !important;
    margin: 0 !important;
  }

}

@media (min-width: 1760px) {
  html[data-ysh-layout-width='full']
    body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
    .yooadmin-plugin-install-page
    .yoo-plugin-install-cards
    .plugin-card,
  html[data-ysh-layout-width='full']
    body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
    #wpbody-content
    > .wrap.yoo-plugin-install-layout-ready
    .plugin-card {
    flex: 0 0 520px !important;
    width: 520px !important;
    margin: 0 !important;
  }
}

@media (max-width: 1199px) {
  html[data-ysh-layout-width='wide']
    body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
    .yooadmin-plugin-install-page
    .yoo-plugin-install-cards
    .plugin-card,
  html[data-ysh-layout-width='full']
    body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
    .yooadmin-plugin-install-page
    .yoo-plugin-install-cards
    .plugin-card,
  html[data-ysh-layout-width='wide']
    body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
    #wpbody-content
    > .wrap.yoo-plugin-install-layout-ready
    .plugin-card,
  html[data-ysh-layout-width='full']
    body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
    #wpbody-content
    > .wrap.yoo-plugin-install-layout-ready
    .plugin-card {
    flex-basis: calc((100% - 20px) / 2) !important;
    width: calc((100% - 20px) / 2) !important;
  }
}

@media (max-width: 782px) {
  html[data-ysh-layout-width='wide']
    body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
    .yooadmin-plugin-install-page
    .yoo-plugin-install-cards
    .plugin-card,
  html[data-ysh-layout-width='full']
    body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
    .yooadmin-plugin-install-page
    .yoo-plugin-install-cards
    .plugin-card,
  html[data-ysh-layout-width='wide']
    body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
    #wpbody-content
    > .wrap.yoo-plugin-install-layout-ready
    .plugin-card,
  html[data-ysh-layout-width='full']
    body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
    #wpbody-content
    > .wrap.yoo-plugin-install-layout-ready
    .plugin-card {
    flex-basis: 100% !important;
    width: 100% !important;
  }
}

.yooadmin-plugin-install-page .yoo-plugin-install-cards .plugin-card {
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  border: 1px solid #dcdcde;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  font-size: 13px;
  overflow: hidden;
  box-sizing: border-box;
}

.yooadmin-plugin-install-page .yoo-plugin-install-cards .plugin-card-top {
  position: relative;
  min-height: 0 !important;
  padding: 20px !important;
}

.yooadmin-plugin-install-page .yoo-plugin-install-cards .plugin-card .column-description {
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  clear: both;
}

.yooadmin-plugin-install-page .yoo-plugin-install-cards .plugin-card .desc {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: none !important;
  clear: both;
}

.yooadmin-plugin-install-page .yoo-plugin-install-cards .plugin-card .desc p,
.yooadmin-plugin-install-page .yoo-plugin-install-cards .plugin-card .authors {
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: none !important;
}

.yooadmin-plugin-install-page .yoo-plugin-install-cards .plugin-card .plugin-icon {
  position: absolute !important;
  top: 20px !important;
  left: 20px !important;
  width: 120px !important;
  height: 120px !important;
  margin: 0 !important;
  float: none !important;
}

.yooadmin-plugin-install-page .yoo-plugin-install-cards .plugin-card .name,
.yooadmin-plugin-install-page .yoo-plugin-install-cards .plugin-card .column-name,
.yooadmin-plugin-install-page .yoo-plugin-install-cards .plugin-card .name.column-name {
  display: block !important;
  float: none !important;
  clear: both !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: none !important;
}

.yooadmin-plugin-install-page .yoo-plugin-install-cards .plugin-card .action-links {
  position: absolute !important;
  top: 20px !important;
  right: 20px !important;
  left: 160px !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

.yooadmin-plugin-install-page .yoo-plugin-install-cards .plugin-card .name,
.yooadmin-plugin-install-page .yoo-plugin-install-cards .plugin-card h3 {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
}

.yooadmin-plugin-install-page .yoo-plugin-install-cards .plugin-card h3 {
  display: block !important;
  float: none !important;
  clear: both !important;
  margin: 138px 0 10px !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: none !important;
  text-align: left !important;
}

.yooadmin-plugin-install-page .yoo-plugin-install-cards .plugin-card h3 a {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
}

.yooadmin-plugin-install-page .yoo-plugin-install-cards .plugin-card .desc,
.yooadmin-plugin-install-page .yoo-plugin-install-cards .plugin-card .column-description,
.yooadmin-plugin-install-page .yoo-plugin-install-cards .plugin-card .column-description p {
  font-size: 12px;
  line-height: 1.45;
  color: var(--yp-text, #646970);
}

.yooadmin-plugin-install-page .yoo-plugin-install-cards .plugin-card .column-downloaded,
.yooadmin-plugin-install-page .yoo-plugin-install-cards .plugin-card .column-rating,
.yooadmin-plugin-install-page .yoo-plugin-install-cards .plugin-card .column-updated {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #8c8f94;
}

.yooadmin-plugin-install-page .yoo-plugin-install-cards .plugin-card-top,
.yooadmin-plugin-install-page .yoo-plugin-install-cards .plugin-card-bottom {
  border-color: #f0f0f1;
}

.yooadmin-plugin-install-page .yoo-plugin-install-cards .plugin-action-buttons {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 10px;
  align-items: flex-start;
  margin: 0 !important;
  padding: 0 !important;
}

.yooadmin-plugin-install-page .yoo-plugin-install-cards .plugin-action-buttons li {
  margin: 0 !important;
  padding: 0 !important;
  text-align: left;
}

[dir='rtl'] .yooadmin-plugin-install-page .yoo-plugin-install-cards .plugin-card .plugin-icon {
  left: auto !important;
  right: 20px !important;
}

[dir='rtl'] .yooadmin-plugin-install-page .yoo-plugin-install-cards .plugin-card .action-links {
  right: 160px !important;
  left: 20px !important;
}

[dir='rtl'] .yooadmin-plugin-install-page .yoo-plugin-install-cards .plugin-action-buttons {
  align-items: flex-end;
}

[dir='rtl'] .yooadmin-plugin-install-page .yoo-plugin-install-cards .plugin-action-buttons li {
  text-align: right;
}

/* Pagination */
.yooadmin-plugin-install-page .tablenav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  margin: 18px 0 20px;
  padding: 16px 0 0;
  border-top: 1px solid #f0f0f1;
  height: auto;
  min-height: 34px;
  box-sizing: border-box;
  clear: both;
}

.yooadmin-plugin-install-page .tablenav.top {
  margin: 16px 0 20px;
  padding: 14px 0 0;
  border-top: none;
}

.yooadmin-plugin-install-page .tablenav-pages {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  float: none;
  margin: 0 0 0 auto;
  height: auto;
}

.yooadmin-plugin-install-page .tablenav.bottom .tablenav-pages {
  margin-left: auto;
}

.yooadmin-plugin-install-page .tablenav-pages .displaying-num {
  margin: 0;
  font-size: 12px;
  line-height: 34px;
  color: var(--yp-text, #646970);
}

.yooadmin-plugin-install-page .tablenav-pages .pagination-links {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.yooadmin-plugin-install-page .tablenav-pages .pagination-links .button,
.yooadmin-plugin-install-page .tablenav-pages .button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 34px !important;
  width: 34px !important;
  min-height: 34px !important;
  height: 34px !important;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 16px !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
  background: #fff !important;
  border: 1px solid var(--yp-border, #dcdcde) !important;
  color: var(--_yp-primary, #eda934) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

.yooadmin-plugin-install-page .tablenav-pages input.current-page {
  width: 40px !important;
  min-width: 40px !important;
  height: 34px !important;
  padding: 0 6px !important;
  font-size: 13px !important;
  text-align: center !important;
  border: 1px solid var(--yp-border, #dcdcde) !important;
  border-radius: 8px !important;
  background: #fff !important;
}

/* Upload tab — form lives inside hero */
.yooadmin-plugin-install-page.yoo-plugin-install-page--upload-tab .yoo-pages-hero {
  margin-bottom: 24px;
}

.yooadmin-plugin-install-page.yoo-plugin-install-page--upload-tab .yoo-pages-hero h1 {
  margin-top: 12px;
}

.yooadmin-plugin-install-page .yoo-pages-hero .yoo-plugin-install-hero-upload,
.yooadmin-plugin-install-page .yoo-pages-hero .upload-plugin {
  max-width: none;
  width: 100%;
  margin: 16px 0 0;
  padding: 22px 28px 24px;
  border: 1px solid #dcdcde;
  border-radius: 8px;
  background: #fafafa;
  box-sizing: border-box;
}

.yooadmin-plugin-install-page .yoo-plugin-install-content--upload {
  padding-bottom: 16px;
}

.yooadmin-plugin-install-page .yoo-plugin-install-content--upload-only[hidden] {
  display: none !important;
}

.yooadmin-plugin-install-page .yoo-plugin-install-content .upload-plugin,
.yooadmin-plugin-install-page .yoo-plugin-install-content #upload-plugin,
.yooadmin-plugin-install-page .yoo-plugin-install-content form#install-plugin-form {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  border: 1px solid #dcdcde;
  border-radius: 8px;
  background: #fafafa;
  box-sizing: border-box;
}

.yooadmin-plugin-install-page .upload-plugin p.install-help,
.yooadmin-plugin-install-page .yoo-pages-hero .upload-plugin p.install-help {
  font-size: 13px;
  color: var(--yp-text, #646970);
  margin: 0 0 14px;
  text-align: center;
}

.yooadmin-plugin-install-page .upload-plugin input[type='file'] {
  font-size: 13px;
  margin: 0;
  display: block;
  flex: 1 1 auto;
  min-width: 0;
  min-height: 42px;
  height: 42px;
  line-height: normal;
  padding: 4px 12px 4px 0;
  border: 1px solid #dcdcde;
  border-radius: 10px;
  background: #fff;
  color: var(--yp-text, #646970);
  box-sizing: border-box;
  overflow: visible;
}

.yooadmin-plugin-install-page .upload-plugin input[type='file']::file-selector-button {
  height: 32px;
  min-height: 32px;
  margin: 0 10px 0 4px;
  padding: 0 12px;
  border: 0;
  border-radius: 7px;
  background: #f1f3f5;
  color: #1d2327;
  font: inherit;
  font-size: 12px;
  font-weight: 600;
  line-height: 32px;
  vertical-align: middle;
  cursor: pointer;
}

.yooadmin-plugin-install-page .upload-plugin input[type='file']::-webkit-file-upload-button {
  height: 32px;
  min-height: 32px;
  margin: 0 10px 0 4px;
  padding: 0 12px;
  border: 0;
  border-radius: 7px;
  background: #f1f3f5;
  color: #1d2327;
  font: inherit;
  font-size: 12px;
  font-weight: 600;
  line-height: 32px;
  vertical-align: middle;
  cursor: pointer;
}

.yooadmin-plugin-install-page .upload-plugin .wp-upload-form {
  display: flex;
  align-items: center;
  gap: 12px;
  width: min(100%, 640px);
  margin: 0 auto;
  padding: 0;
  border: 0;
  background: transparent;
}

.yooadmin-plugin-install-page .upload-plugin :is(#install-plugin-submit, #upload-plugin-submit) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto;
  align-self: center;
  min-height: 42px !important;
  height: 42px !important;
  padding: 0 18px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: linear-gradient(
    180deg,
    var(--yp-yoo-btn-primary-top, color-mix(in srgb, var(--ysh-brand, #eda934) 88%, #fff 12%)) 0%,
    var(--yp-yoo-btn-primary, var(--ysh-brand, #eda934)) 100%
  ) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  text-shadow: none !important;
  box-shadow:
    var(--yp-yoo-btn-depth, 0 1px 2px rgba(15, 23, 42, 0.06)),
    var(--yp-yoo-btn-highlight, inset 0 1px 0 rgba(255, 255, 255, 0.22)) !important;
  cursor: pointer;
}

.yooadmin-plugin-install-page .upload-plugin :is(#install-plugin-submit, #upload-plugin-submit):hover,
.yooadmin-plugin-install-page .upload-plugin :is(#install-plugin-submit, #upload-plugin-submit):focus {
  background: linear-gradient(
    180deg,
    var(--yp-yoo-btn-primary-hover-top, color-mix(in srgb, var(--ysh-brand, #eda934) 80%, #000 20%)) 0%,
    var(--yp-yoo-btn-primary-hover, color-mix(in srgb, var(--ysh-brand, #eda934) 90%, #000 10%)) 100%
  ) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

@media (max-width: 640px) {
  .yooadmin-plugin-install-page .upload-plugin .wp-upload-form {
    align-items: stretch;
    flex-direction: column;
  }

  .yooadmin-plugin-install-page .upload-plugin :is(#install-plugin-submit, #upload-plugin-submit) {
    width: 100%;
  }
}

/* Popular tags */
.yooadmin-plugin-install-page .yoo-plugin-install-tags {
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid #f0f0f1;
}

.yooadmin-plugin-install-page .yoo-plugin-install-tags > h2 {
  margin: 0 0 8px;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #1d2327;
}

.yooadmin-plugin-install-page .yoo-plugin-install-tags > p:not(.popular-tags) {
  margin: 0 0 12px;
  font-size: 12px;
  color: var(--yp-text, #646970);
}

.yooadmin-plugin-install-page .yoo-plugin-install-tags .popular-tags {
  padding: 16px;
  border: 1px solid #dcdcde;
  border-radius: 8px;
  background: #fafafa;
  font-size: 12px;
}

/* Hero buttons */
.yooadmin-plugin-install-page .yoo-pages-hero__actions .yp-yoo-btn--primary {
  background: var(--_yp-primary, #eda934) !important;
  color: #fff !important;
}

.yooadmin-plugin-install-page .yoo-pages-hero__actions .yp-yoo-btn--ghost {
  background: #fff !important;
  border: 1px solid var(--yp-border, #dcdcde) !important;
  color: var(--_yp-primary, #eda934) !important;
}

/* ── Dark mode ── */
html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  .yooadmin-plugin-install-page
  .yoo-pages-hero,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  .yooadmin-plugin-install-page
  .yoo-pages-hero {
  background: var(--ysh-card, #1a1d23) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 6px 22px rgba(0, 0, 0, 0.25) !important;
}

html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  .yooadmin-plugin-install-page
  .yoo-pages-hero
  h1,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  .yooadmin-plugin-install-page
  .yoo-pages-hero
  h1 {
  color: var(--ysh-heading, #e8ecf1) !important;
}

html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  .yooadmin-plugin-install-page
  .yoo-pages-hero__eyebrow,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  .yooadmin-plugin-install-page
  .yoo-pages-hero__eyebrow {
  background: rgba(255, 255, 255, 0.06) !important;
  color: var(--ysh-muted, #9aa5b1) !important;
}

html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  .yooadmin-plugin-install-page
  .yoo-plugin-install-content,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  .yooadmin-plugin-install-page
  .yoo-plugin-install-content {
  background: var(--ysh-card, #1a1d23) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 6px 22px rgba(0, 0, 0, 0.25) !important;
}

html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  .yooadmin-plugin-install-page
  .yoo-plugin-install-intro,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  .yooadmin-plugin-install-page
  .yoo-plugin-install-intro,
html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  .yooadmin-plugin-install-page
  .yoo-plugin-install-intro
  a,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  .yooadmin-plugin-install-page
  .yoo-plugin-install-intro
  a {
  color: var(--ysh-muted, #9aa5b1) !important;
}

html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  .yooadmin-plugin-install-page
  .yoo-plugin-install-toolbar,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  .yooadmin-plugin-install-page
  .yoo-plugin-install-toolbar {
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  .yooadmin-plugin-install-page
  .yoo-filter-chip,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  .yooadmin-plugin-install-page
  .yoo-filter-chip {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: var(--ysh-text, #cfd6e0) !important;
}

html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  .yooadmin-plugin-install-page
  .yoo-filter-chip.is-active,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  .yooadmin-plugin-install-page
  .yoo-filter-chip.is-active {
  background: var(--ysh-brand, #eda934) !important;
  border-color: var(--ysh-brand, #eda934) !important;
  color: #1a1206 !important;
}

html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  .yooadmin-plugin-install-page
  .yoo-pages-search-input,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  .yooadmin-plugin-install-page
  .yoo-pages-search-input,
html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  .yooadmin-plugin-install-page
  .yoo-plugin-install-type-select,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  .yooadmin-plugin-install-page
  .yoo-plugin-install-type-select,
html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  .yooadmin-plugin-install-page
  .yoo-plugin-install-search
  .yp-ui-select
  .yp-custom-select__trigger,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  .yooadmin-plugin-install-page
  .yoo-plugin-install-search
  .yp-ui-select
  .yp-custom-select__trigger {
  background: #22262e !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
  color: var(--ysh-text, #cfd6e0) !important;
}

html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  .yooadmin-plugin-install-page
  .yoo-plugin-install-cards
  .plugin-card,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  .yooadmin-plugin-install-page
  .yoo-plugin-install-cards
  .plugin-card {
  background: rgba(255, 255, 255, 0.03) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3) !important;
  color: var(--ysh-text, #cfd6e0) !important;
}

html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  .yooadmin-plugin-install-page
  .yoo-plugin-install-cards
  .plugin-card
  :is(.name, h3),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  .yooadmin-plugin-install-page
  .yoo-plugin-install-cards
  .plugin-card
  :is(.name, h3) {
  color: var(--ysh-heading, #e8ecf1) !important;
}

html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  .yooadmin-plugin-install-page
  .yoo-plugin-install-cards
  .plugin-card
  :is(.desc, .column-description, .column-description p),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  .yooadmin-plugin-install-page
  .yoo-plugin-install-cards
  .plugin-card
  :is(.desc, .column-description, .column-description p) {
  color: var(--ysh-muted, #9aa5b1) !important;
}

html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  .yooadmin-plugin-install-page
  .yoo-plugin-install-cards
  :is(.plugin-card-top, .plugin-card-bottom),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  .yooadmin-plugin-install-page
  .yoo-plugin-install-cards
  :is(.plugin-card-top, .plugin-card-bottom) {
  border-color: rgba(255, 255, 255, 0.08) !important;
}

html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  .yooadmin-plugin-install-page
  .tablenav,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  .yooadmin-plugin-install-page
  .tablenav {
  border-top-color: rgba(255, 255, 255, 0.08) !important;
}

html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  .yooadmin-plugin-install-page
  .tablenav-pages
  .displaying-num,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  .yooadmin-plugin-install-page
  .tablenav-pages
  .displaying-num {
  color: var(--ysh-muted, #9aa5b1) !important;
}

html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  .yooadmin-plugin-install-page
  .tablenav-pages
  .pagination-links
  .button,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  .yooadmin-plugin-install-page
  .tablenav-pages
  .pagination-links
  .button {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: var(--ysh-brand, #eda934) !important;
}

html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  .yooadmin-plugin-install-page
  .tablenav-pages
  input.current-page,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  .yooadmin-plugin-install-page
  .tablenav-pages
  input.current-page {
  background: #22262e !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
  color: var(--ysh-text, #cfd6e0) !important;
}

html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  .yooadmin-plugin-install-page
  :is(.upload-plugin, #upload-plugin, form#install-plugin-form),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  .yooadmin-plugin-install-page
  :is(.upload-plugin, #upload-plugin, form#install-plugin-form),
html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  .yooadmin-plugin-install-page
  .yoo-pages-hero
  :is(.upload-plugin, #upload-plugin, form#install-plugin-form),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  .yooadmin-plugin-install-page
  .yoo-pages-hero
  :is(.upload-plugin, #upload-plugin, form#install-plugin-form) {
  background: rgba(255, 255, 255, 0.03) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: var(--ysh-text, #cfd6e0) !important;
  color-scheme: dark !important;
}

html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  .yooadmin-plugin-install-page
  .upload-plugin
  p.install-help,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  .yooadmin-plugin-install-page
  .upload-plugin
  p.install-help {
  color: var(--ysh-muted, #9aa5b1) !important;
}

html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  .yooadmin-plugin-install-page
  .upload-plugin
  input[type='file'],
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  .yooadmin-plugin-install-page
  .upload-plugin
  input[type='file'] {
  background: #22262e !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
  color: var(--ysh-text, #cfd6e0) !important;
}

html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  .yooadmin-plugin-install-page
  .upload-plugin
  input[type='file']::file-selector-button,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  .yooadmin-plugin-install-page
  .upload-plugin
  input[type='file']::file-selector-button,
html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  .yooadmin-plugin-install-page
  .upload-plugin
  input[type='file']::-webkit-file-upload-button,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  .yooadmin-plugin-install-page
  .upload-plugin
  input[type='file']::-webkit-file-upload-button {
  background: rgba(255, 255, 255, 0.14) !important;
  color: var(--ysh-heading, #eef1f5) !important;
}

html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  .yooadmin-plugin-install-page
  .yoo-plugin-install-tags,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  .yooadmin-plugin-install-page
  .yoo-plugin-install-tags {
  border-top-color: rgba(255, 255, 255, 0.08) !important;
}

html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  .yooadmin-plugin-install-page
  .yoo-plugin-install-tags
  > h2,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  .yooadmin-plugin-install-page
  .yoo-plugin-install-tags
  > h2 {
  color: var(--ysh-heading, #e8ecf1) !important;
}

html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  .yooadmin-plugin-install-page
  .yoo-plugin-install-tags
  .popular-tags,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  .yooadmin-plugin-install-page
  .yoo-plugin-install-tags
  .popular-tags {
  background: rgba(255, 255, 255, 0.03) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: var(--ysh-muted, #9aa5b1) !important;
}

html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  .yooadmin-plugin-install-page
  .yoo-plugin-install-tags
  a.tag-cloud-link,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  .yooadmin-plugin-install-page
  .yoo-plugin-install-tags
  a.tag-cloud-link {
  color: var(--ysh-heading, #e8ecf1) !important;
}

html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  .yooadmin-plugin-install-page
  .yoo-pages-hero__actions
  .yp-yoo-btn--ghost,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  .yooadmin-plugin-install-page
  .yoo-pages-hero__actions
  .yp-yoo-btn--ghost {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: var(--ysh-text, #cfd6e0) !important;
}

html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  .yooadmin-plugin-install-page
  .plugin-action-buttons
  .yp-yoo-btn--ghost,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  .yooadmin-plugin-install-page
  .plugin-action-buttons
  .yp-yoo-btn--ghost {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: var(--ysh-text, #cfd6e0) !important;
}

/* More Details — plain text link (not .button); core leaves it low-contrast on dark cards. */
html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  .yooadmin-plugin-install-page
  .plugin-card
  :is(.plugin-action-buttons, .action-links)
  :is(a.more-details-link, a.open-plugin-details-modal, a.thickbox.open-plugin-details-modal, a.ysh-plugin-install-details-link):not(
      .button
    ):not(.install-now),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  .yooadmin-plugin-install-page
  .plugin-card
  :is(.plugin-action-buttons, .action-links)
  :is(a.more-details-link, a.open-plugin-details-modal, a.thickbox.open-plugin-details-modal, a.ysh-plugin-install-details-link):not(
      .button
    ):not(.install-now) {
  color: var(--yooadmin-primary, var(--ysh-brand, #eda934)) !important;
  -webkit-text-fill-color: var(--yooadmin-primary, var(--ysh-brand, #eda934)) !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px;
}

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

html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  .yooadmin-plugin-install-page
  .plugin-card-bottom,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  .yooadmin-plugin-install-page
  .plugin-card-bottom {
  background: rgba(255, 255, 255, 0.03) !important;
  background-color: rgba(255, 255, 255, 0.03) !important;
  border-top-color: rgba(255, 255, 255, 0.1) !important;
}

/*
 * AJAX search can refresh plugin-install results after the layout pass. Keep new
 * .plugin-card markup on the same YOOAdmin card system even if the wrapper class
 * is missing for a frame.
 */
body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  #wpbody-content
  > .wrap.yoo-plugin-install-layout-ready
  .wp-list-table.plugin-install,
body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  #wpbody-content
  > .wrap.yoo-plugin-install-layout-ready
  .wp-list-table.plugins {
  width: 100% !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  #wpbody-content
  > .wrap.yoo-plugin-install-layout-ready
  .wp-list-table
  #the-list {
  display: flex !important;
  flex-wrap: wrap !important;
}

body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  #wpbody-content
  > .wrap.yoo-plugin-install-layout-ready
  .plugin-card {
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  border: 1px solid #dcdcde !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
  font-size: 13px !important;
}

body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  #wpbody-content
  > .wrap.yoo-plugin-install-layout-ready
  .plugin-card-top {
  position: relative !important;
  min-height: 0 !important;
  padding: 20px !important;
  background: transparent !important;
  border-color: #f0f0f1 !important;
}

body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  #wpbody-content
  > .wrap.yoo-plugin-install-layout-ready
  .plugin-card-bottom {
  border-top-color: #f0f0f1 !important;
  background: #fbfcfd !important;
}

body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  #wpbody-content
  > .wrap.yoo-plugin-install-layout-ready
  .plugin-card
  .plugin-icon {
  position: absolute !important;
  top: 20px !important;
  left: 20px !important;
  width: 120px !important;
  height: 120px !important;
  margin: 0 !important;
  float: none !important;
}

body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  #wpbody-content
  > .wrap.yoo-plugin-install-layout-ready
  .plugin-card
  .action-links {
  position: absolute !important;
  top: 20px !important;
  right: 20px !important;
  left: 160px !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  #wpbody-content
  > .wrap.yoo-plugin-install-layout-ready
  .plugin-card
  :is(.name, .column-name, .name.column-name) {
  display: block !important;
  float: none !important;
  clear: both !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  #wpbody-content
  > .wrap.yoo-plugin-install-layout-ready
  .plugin-card
  h3 {
  display: block !important;
  float: none !important;
  clear: both !important;
  width: 100% !important;
  max-width: none !important;
  margin: 138px 0 10px !important;
  padding: 0 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  text-align: left !important;
}

body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  #wpbody-content
  > .wrap.yoo-plugin-install-layout-ready
  .plugin-card
  h3
  a {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
}

body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  #wpbody-content
  > .wrap.yoo-plugin-install-layout-ready
  .plugin-card
  :is(.desc, .column-description, .column-description p, .authors) {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 0 !important;
  color: var(--yp-text, #646970) !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  #wpbody-content
  > .wrap.yoo-plugin-install-layout-ready
  .plugin-card
  .plugin-action-buttons {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  align-items: flex-start !important;
  margin: 0 !important;
  padding: 0 !important;
}

[dir='rtl']
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  #wpbody-content
  > .wrap.yoo-plugin-install-layout-ready
  .plugin-card
  .plugin-icon {
  right: 20px !important;
  left: auto !important;
}

[dir='rtl']
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  #wpbody-content
  > .wrap.yoo-plugin-install-layout-ready
  .plugin-card
  .action-links {
  right: 160px !important;
  left: 20px !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  #wpbody-content
  > .wrap.yoo-plugin-install-layout-ready
  .plugin-card,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  #wpbody-content
  > .wrap.yoo-plugin-install-layout-ready
  .plugin-card {
  background: var(--ysh-card, #1a1d23) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: var(--ysh-text, #cfd6e0) !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.28) !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  #wpbody-content
  > .wrap.yoo-plugin-install-layout-ready
  .plugin-card
  :is(.plugin-card-top, .plugin-card-bottom),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  #wpbody-content
  > .wrap.yoo-plugin-install-layout-ready
  .plugin-card
  :is(.plugin-card-top, .plugin-card-bottom) {
  background: rgba(255, 255, 255, 0.03) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  #wpbody-content
  > .wrap.yoo-plugin-install-layout-ready
  .plugin-card
  :is(h3, h3 a, .name, .name a),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  #wpbody-content
  > .wrap.yoo-plugin-install-layout-ready
  .plugin-card
  :is(h3, h3 a, .name, .name a) {
  color: var(--ysh-brand, #eda934) !important;
  -webkit-text-fill-color: var(--ysh-brand, #eda934) !important;
}

html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme)
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  #wpbody-content
  > .wrap.yoo-plugin-install-layout-ready
  .plugin-card
  :is(.desc, .column-description, .column-description p, .authors),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-theme-yooadmin-studio-hub.plugin-install-php
  #wpbody-content
  > .wrap.yoo-plugin-install-layout-ready
  .plugin-card
  :is(.desc, .column-description, .column-description p, .authors) {
  color: var(--ysh-text, #cfd6e0) !important;
  -webkit-text-fill-color: var(--ysh-text, #cfd6e0) !important;
}