/**
 * Dark theme variable overrides and component styles for WP Spell Check admin.
 * Loaded when theme is Dark or System. Scoped to body.wpsc-theme-dark and, for system, body.wpsc-theme-system (inside prefers-color-scheme: dark).
 *
 * @since 11.0
 */

body.wpsc-admin-page.wpsc-theme-dark {
  /* Page and layout */
  --wpsc-page-bg: #100921;
  --wpsc-card-bg: #1a1137;
  --wpsc-zebra-even: #1d1538;
  --wpsc-zebra-odd: #221a42;
  --wpsc-nav-selected-bg: linear-gradient(90deg, #ff5b37 0%, #ff8c40 100%);
  --wpsc-nav-inactive-bg: #1a1137;
  --wpsc-card-radius: 8px;
  --wpsc-card-shadow: 0 2px 12px rgba(0, 0, 0, 0.35);
  /* Buttons - same roles, brighter for dark bg */
  --wpsc-btn-bg: #3d5a9e;
  --wpsc-btn-border: #3d5a9e;
  --wpsc-btn-bg-hover: #4a6bb5;
  --wpsc-btn-border-hover: #4a6bb5;
  --wpsc-btn-bg-active: #2d4580;
  --wpsc-btn-border-active: #2d4580;
  --wpsc-search-btn-bg: linear-gradient(90deg, #5b9fd4 0%, #4a8bc2 100%);
  --wpsc-search-btn-border: #3d7ab5;
  --wpsc-btn-disabled-bg: linear-gradient(180deg, #6b6e6d 0%, #5a5d5c 100%);
  --wpsc-btn-save-bg: linear-gradient(90deg, #34d399 0%, #6ee7b7 100%);
  --wpsc-btn-uninstall-bg: #4a5058;
  --wpsc-btn-uninstall-bg-hover: #5a6068;
  --wpsc-btn-uninstall-bg-active: #3a4048;
  --wpsc-btn-uninstall-bg-gradient: linear-gradient(
    180deg,
    #5a6068 0%,
    #4a5058 100%
  );
  --wpsc-btn-uninstall-bg-hover-gradient: linear-gradient(
    180deg,
    #6a7078 0%,
    #5a6068 100%
  );
  --wpsc-btn-uninstall-bg-active-gradient: linear-gradient(
    180deg,
    #444a52 0%,
    #3a4048 100%
  );
  --wpsc-btn-clear-bg: linear-gradient(90deg, #ff5b37 0%, #ff8c40 100%);
  --wpsc-btn-see-bg: linear-gradient(90deg, #6b7eeb 0%, #9a80ff 100%);
  --wpsc-btn-stop-bg: linear-gradient(90deg, #eb5454 0%, #e74c3c 100%);
  --wpsc-btn-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  /* Semantic and message colors */
  --wpsc-color-success: #34d399;
  --wpsc-msg-success: rgb(52, 211, 153);
  --wpsc-msg-info: rgb(107, 126, 235);
  --wpsc-msg-error: rgb(255, 107, 107);
  --wpsc-msg-highlight: #c271ff;
  /* Nav and borders */
  --wpsc-nav-border: #2a2342;
  /* Tooltips */
  --wpsc-tooltip-border: #34d399;
  --wpsc-tooltip-shadow: 2px 2px 12px rgba(0, 0, 0, 0.6);
}

/* Page background and #wpcontent */
body.wpsc-admin-page.wpsc-theme-dark #wpcontent {
  background-color: #100921;
}

body.wpsc-admin-page.wpsc-theme-dark .wrap.wpsc-table,
body.wpsc-admin-page.wpsc-theme-dark .wrap.wpsc-options-page {
  background-color: #100921;
  color: #e0e0e0;
}

/* Cards and panels - gradient for options card */
body.wpsc-admin-page.wpsc-theme-dark .wpsc-options-card.form-table,
body.wpsc-admin-page.wpsc-theme-dark .form-table.wpsc-general-options-table {
  background: linear-gradient(180deg, #1a1137 0%, #201a42 100%);
  color: #e0e0e0;
}

body.wpsc-admin-page.wpsc-theme-dark .form-table th,
body.wpsc-admin-page.wpsc-theme-dark .form-table td,
body.wpsc-admin-page.wpsc-theme-dark label {
  color: #e0e0e0;
}

/* Upgrade to Pro section - match dark card background (Spell Check, Grammar, SEO options tabs) */
body.wpsc-admin-page.wpsc-theme-dark .wpsc-upgrade-pro-row,
body.wpsc-admin-page.wpsc-theme-dark .wpsc-upgrade-pro-row td {
  background: transparent !important;
}

/* Table text and borders */
body.wpsc-admin-page.wpsc-theme-dark .wp-list-table th,
body.wpsc-admin-page.wpsc-theme-dark .wp-list-table td {
  color: #e0e0e0;
  border-color: #2a2342;
}

/* Table header gradient - dark teal → dark blue → reddish purple (top and bottom headers).
   Override WP core white/light header and left check-column so no white shows. */
body.wpsc-admin-page.wpsc-theme-dark .wp-list-table thead,
body.wpsc-admin-page.wpsc-theme-dark .wp-list-table tfoot {
  background: linear-gradient(
    90deg,
    #1e505e 0%,
    #253a55 50%,
    #5f2e4a 100%
  ) !important;
}

body.wpsc-admin-page.wpsc-theme-dark .wp-list-table thead th,
body.wpsc-admin-page.wpsc-theme-dark .wp-list-table tfoot th,
body.wpsc-admin-page.wpsc-theme-dark .wp-list-table thead th.check-column,
body.wpsc-admin-page.wpsc-theme-dark .wp-list-table tfoot th.check-column,
body.wpsc-admin-page.wpsc-theme-dark .wp-list-table thead th.column-cb,
body.wpsc-admin-page.wpsc-theme-dark .wp-list-table tfoot th.column-cb {
  background: linear-gradient(
    90deg,
    #1e505e 0%,
    #253a55 50%,
    #5f2e4a 100%
  ) !important;
  color: #fff;
  font-weight: bold;
  border-color: rgba(255, 255, 255, 0.08);
  border-radius: 0;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

body.wpsc-admin-page.wpsc-theme-dark .wp-list-table thead th a,
body.wpsc-admin-page.wpsc-theme-dark .wp-list-table tfoot th a,
body.wpsc-admin-page.wpsc-theme-dark
  .wp-list-table
  thead
  th
  .sorting-indicator:before,
body.wpsc-admin-page.wpsc-theme-dark
  .wp-list-table
  tfoot
  th
  .sorting-indicator:before {
  color: #fff;
}

/* Nav bar - selected tab orange/red; unselected dark blue */
body.wpsc-admin-page.wpsc-theme-dark .wpsc-scan-nav-bar {
  border-bottom-color: #2a2342;
}

body.wpsc-admin-page.wpsc-theme-dark .wpsc-scan-nav-bar a.selected {
  background: linear-gradient(90deg, #ff5b37 0%, #ff8c40 100%);
  border-bottom-color: #1a1137;
  color: #fff;
}

body.wpsc-admin-page.wpsc-theme-dark .wpsc-scan-nav-bar a:not(.selected) {
  background: linear-gradient(180deg, #1a1137 0%, #201a42 100%);
  color: #b0b0b0;
  border-color: #2a2342;
}

body.wpsc-admin-page.wpsc-theme-dark .wpsc-scan-nav-bar a {
  color: #e0e0e0;
}

body.wpsc-admin-page.wpsc-theme-dark .wpsc-table .wpsc-scan-nav-bar a.selected {
  background: linear-gradient(90deg, #ff5b37 0%, #ff8c40 100%);
  border-bottom-color: #1a1137;
  color: #fff;
}

body.wpsc-admin-page.wpsc-theme-dark
  .wpsc-table
  .wpsc-scan-nav-bar
  a:not(.selected) {
  background: linear-gradient(180deg, #1a1137 0%, #201a42 100%);
  color: #b0b0b0;
}

/* Tooltips and popovers */
body.wpsc-admin-page.wpsc-theme-dark .wpsc-mouseover-text-page,
body.wpsc-admin-page.wpsc-theme-dark .wpsc-mouseover-text-post,
body.wpsc-admin-page.wpsc-theme-dark .wpsc-mouseover-text-emfeature,
body.wpsc-admin-page.wpsc-theme-dark .wpsc-mouseover-text-emfeature-seo,
body.wpsc-admin-page.wpsc-theme-dark .wpsc-mouseover-text-emfeature-2,
body.wpsc-admin-page.wpsc-theme-dark .wpsc-mouseover-text-emfeature-3,
body.wpsc-admin-page.wpsc-theme-dark .wpsc-mouseover-text-scfeature,
body.wpsc-admin-page.wpsc-theme-dark .wpsc-mouseover-text-scfeature-2,
body.wpsc-admin-page.wpsc-theme-dark .wpsc-mouseover-text-change,
body.wpsc-admin-page.wpsc-theme-dark .wpsc-mouseover-text-change-2,
body.wpsc-admin-page.wpsc-theme-dark .wpsc-mouseover-text-pro-feature,
body.wpsc-admin-page.wpsc-theme-dark .wpsc-mouseover-text-pro-feature-2,
body.wpsc-admin-page.wpsc-theme-dark .wpsc-mouseover-text-pro-feature-3,
body.wpsc-admin-page.wpsc-theme-dark .wpsc-mouseover-text-freq,
body.wpsc-admin-page.wpsc-theme-dark .wpsc-mouseover-text-email,
body.wpsc-admin-page.wpsc-theme-dark .wpsc-mouseover-text-import,
body.wpsc-admin-page.wpsc-theme-dark .wpsc-mouseover-text-export {
  background: #1a1137;
  color: #e0e0e0;
  border-color: var(--wpsc-tooltip-border);
}

body.wpsc-admin-page.wpsc-theme-dark .wpsc-mouseover-text-refresh {
  background: #1a1137;
  color: #e0e0e0;
}

/* Text and links */
body.wpsc-admin-page.wpsc-theme-dark .wpsc-row .Ignore,
body.wpsc-admin-page.wpsc-theme-dark .wpsc-row span.Add.to.Dictionary,
body.wpsc-admin-page.wpsc-theme-dark span.wpsc-mass-edit,
body.wpsc-admin-page.wpsc-theme-dark span.wpsc-bulk {
  color: #e0e0e0;
}

body.wpsc-admin-page.wpsc-theme-dark a {
  color: #9a80ff;
}

body.wpsc-admin-page.wpsc-theme-dark a:hover {
  color: #b59fff;
}

/* Inputs and textareas */
body.wpsc-admin-page.wpsc-theme-dark input[type="text"],
body.wpsc-admin-page.wpsc-theme-dark input[type="number"],
body.wpsc-admin-page.wpsc-theme-dark input[type="email"],
body.wpsc-admin-page.wpsc-theme-dark select,
body.wpsc-admin-page.wpsc-theme-dark textarea {
  background-color: #150f2c;
  border-color: #2a2342;
  color: #e0e0e0;
}

body.wpsc-admin-page.wpsc-theme-dark input::placeholder,
body.wpsc-admin-page.wpsc-theme-dark textarea::placeholder {
  color: #888;
}

/* Notices and status blocks */
body.wpsc-admin-page.wpsc-theme-dark .notice,
body.wpsc-admin-page.wpsc-theme-dark .updated,
body.wpsc-admin-page.wpsc-theme-dark .error {
  background: #1a1137;
  border-color: #2a2342;
  color: #e0e0e0;
}

/* Success/error confirmation notices - dark theme */
body.wpsc-admin-page.wpsc-theme-dark .wpsc-notice-success,
body.wpsc-admin-page.wpsc-theme-dark .wpsc-notice-success .wpsc-message {
  color: var(--wpsc-color-success);
}
body.wpsc-admin-page.wpsc-theme-dark .wpsc-notice-success {
  background: var(--wpsc-card-bg);
  border-left-color: var(--wpsc-color-success);
  border-right-color: var(--wpsc-color-success);
}
body.wpsc-admin-page.wpsc-theme-dark .wpsc-notice-error,
body.wpsc-admin-page.wpsc-theme-dark .wpsc-notice-error .wpsc-message {
  color: #ff8a8a;
}
body.wpsc-admin-page.wpsc-theme-dark .wpsc-notice-error {
  background: var(--wpsc-card-bg);
  border-left-color: #e74c3c;
  border-right-color: #e74c3c;
}
body.wpsc-admin-page.wpsc-theme-dark .wpsc-mesage-container {
  background: var(--wpsc-card-bg);
}

/* Spell Check Options tab: warning text highlights (page/post slugs, Media filenames) – visible in dark mode */
body.wpsc-admin-page.wpsc-theme-dark .wpsc-warning-highlight {
  color: #e0e0e0 !important;
}

/* H2/H3: override WP admin #1d2327 so headings are visible on dark background */
body.wpsc-admin-page.wpsc-theme-dark h2 {
  color: #e0e0e0;
}
body.wpsc-admin-page.wpsc-theme-dark h3 {
  color: #e0e0e0;
}
body.wpsc-admin-page.wpsc-theme-dark .wpsc-message h3 {
  color: var(--wpsc-color-success);
}

/* Request feature / modal */
body.wpsc-admin-page.wpsc-theme-dark .request-feature-container {
  background: #1a1137;
}

/* SEO tab – scan container (instructions + scan buttons) – match dark card */
body.wpsc-admin-page.wpsc-theme-dark
  #wpsc-empty-fields-tab
  .wpsc-scan-container {
  background: var(--wpsc-card-bg);
  color: #e0e0e0;
}

/* SEO tab – message box (success/ignore/dict messages when present) */
body.wpsc-admin-page.wpsc-theme-dark
  #wpsc-empty-fields-tab
  .wpsc-mesage-container {
  background: var(--wpsc-card-bg);
  color: #e0e0e0;
}

/* SEO tab – stats summary at bottom (SEO problems found, Posts/Pages/Media scanned) */
body.wpsc-admin-page.wpsc-theme-dark
  #wpsc-empty-fields-tab
  .wpsc-stats-summary {
  background: var(--wpsc-card-bg);
  color: #e0e0e0;
}

/* Broken Code page – top scan container (instructions + scan buttons) */
body.wpsc-admin-page.wpsc-theme-dark
  #wphc-scan-results-tab
  .wpsc-scan-container {
  background: var(--wpsc-card-bg);
  color: #e0e0e0;
}

/* Broken Code page – bottom stats summary (Errors found, Posts/Pages scanned) */
body.wpsc-admin-page.wpsc-theme-dark
  .wpsc-html-results-page
  .wpsc-stats-summary {
  background: var(--wpsc-card-bg);
  color: #e0e0e0;
}

body.wpsc-admin-page.wpsc-theme-dark .request-feature-popup,
body.wpsc-admin-page.wpsc-theme-dark .request-feature {
  background: #1a1137;
  border-color: #2a2342;
  color: #e0e0e0;
}

/* SEO tab purple primary buttons - keep purple gradient, slightly brighter */
body.wpsc-admin-page.wpsc-theme-dark
  #wpsc-empty-fields-tab
  .button-primary:not(.wpsc-btn-clear-results):not(
    .wpsc-clear-results-button
  ):not(.wpsc-btn-see-results):not(.wpsc-see-results-button):not(
    .wpsc-btn-stop-scans
  ):not(.wpsc-stop-scans-button):not(:disabled) {
  background: linear-gradient(90deg, #af7ac5 0%, #9a80ff 100%) !important;
}

/* Suggestion/error text stays visible */
body.wpsc-admin-page.wpsc-theme-dark .wpsc-suggestion-content span {
  color: #ff8a8a !important;
}

/* Theme toggle on dark - track and selected state */
body.wpsc-admin-page.wpsc-theme-dark .wpsc-theme-toggle {
  background: #2a2342;
}
body.wpsc-admin-page.wpsc-theme-dark .wpsc-theme-toggle label {
  color: #b0b0b0;
}
body.wpsc-admin-page.wpsc-theme-dark
  .wpsc-theme-toggle
  input#wpsc-theme-light:checked
  + label {
  background: linear-gradient(180deg, #f5f5f5 0%, #e8e8e8 100%);
  color: #1a1a1a;
}
body.wpsc-admin-page.wpsc-theme-dark
  .wpsc-theme-toggle
  input#wpsc-theme-dark:checked
  + label {
  background: linear-gradient(90deg, #ff5b37 0%, #ff8c40 100%);
  color: #fff;
}

/* Sidebar and sidebar cards – match dark theme */
body.wpsc-admin-page.wpsc-theme-dark .wpsc-sidebar-container {
  background: transparent;
}
body.wpsc-admin-page.wpsc-theme-dark .wpsc-sidebar-tutorial-box,
body.wpsc-admin-page.wpsc-theme-dark .wpsc-sidebar-social-box,
body.wpsc-admin-page.wpsc-theme-dark
  .wpsc-sidebar-container
  .newsletter.newsletter-subscription {
  background: var(--wpsc-card-bg);
  border: 1px solid var(--wpsc-nav-border);
  color: #e0e0e0;
}
body.wpsc-admin-page.wpsc-theme-dark .wpsc-sidebar-social-box h2,
body.wpsc-admin-page.wpsc-theme-dark .wpsc-sidebar-container .wpsc-sidebar {
  color: #e0e0e0;
}
body.wpsc-admin-page.wpsc-theme-dark .wpsc-sidebar-container .wpsc-sidebar h2 {
  color: #fff;
}
body.wpsc-admin-page.wpsc-theme-dark
  .wpsc-sidebar-container
  .wpsc-sidebar
  .review-button {
  color: #9a80ff;
}
/* Sidebar social buttons – white in dark theme (avoid pink/purple tint) */
body.wpsc-admin-page.wpsc-theme-dark
  .wpsc-sidebar-social-box
  .wpsc-social-link {
  background-color: #fff !important;
  color: #1a1a1a !important;
}
body.wpsc-admin-page.wpsc-theme-dark
  .wpsc-sidebar-social-box
  .wpsc-social-facebook:hover {
  background-color: #e8e8e8 !important;
  color: #1a1a1a !important;
}
body.wpsc-admin-page.wpsc-theme-dark
  .wpsc-sidebar-social-box
  .wpsc-social-x:hover {
  background-color: #e8e8e8 !important;
  color: #1a1a1a !important;
}
body.wpsc-admin-page.wpsc-theme-dark .wpsc-sidebar-container hr {
  border-color: var(--wpsc-nav-border);
}

/* Admin footer (rating text + version) – visible on dark background */
body.wpsc-admin-page.wpsc-theme-dark #wpfooter {
  background-color: #100921;
  border-color: #2a2342;
  color: #e0e0e0;
}
body.wpsc-admin-page.wpsc-theme-dark #footer-thankyou a {
  color: #9a80ff;
}
body.wpsc-admin-page.wpsc-theme-dark #footer-thankyou a:hover {
  color: #b59fff;
}

/* System theme: same dark styles when OS/browser prefers dark. No FOUC. */
@media (prefers-color-scheme: dark) {
  body.wpsc-admin-page.wpsc-theme-system {
    --wpsc-page-bg: #100921;
    --wpsc-card-bg: #1a1137;
    --wpsc-zebra-even: #1d1538;
    --wpsc-zebra-odd: #221a42;
    --wpsc-nav-selected-bg: linear-gradient(90deg, #ff5b37 0%, #ff8c40 100%);
    --wpsc-nav-inactive-bg: #1a1137;
    --wpsc-card-radius: 8px;
    --wpsc-card-shadow: 0 2px 12px rgba(0, 0, 0, 0.35);
    --wpsc-btn-bg: #3d5a9e;
    --wpsc-btn-border: #3d5a9e;
    --wpsc-btn-bg-hover: #4a6bb5;
    --wpsc-btn-border-hover: #4a6bb5;
    --wpsc-btn-bg-active: #2d4580;
    --wpsc-btn-border-active: #2d4580;
    --wpsc-search-btn-bg: linear-gradient(90deg, #5b9fd4 0%, #4a8bc2 100%);
    --wpsc-search-btn-border: #3d7ab5;
    --wpsc-btn-disabled-bg: linear-gradient(180deg, #6b6e6d 0%, #5a5d5c 100%);
    --wpsc-btn-save-bg: linear-gradient(90deg, #34d399 0%, #6ee7b7 100%);
    --wpsc-btn-uninstall-bg: #4a5058;
    --wpsc-btn-uninstall-bg-hover: #5a6068;
    --wpsc-btn-uninstall-bg-active: #3a4048;
    --wpsc-btn-uninstall-bg-gradient: linear-gradient(
      180deg,
      #5a6068 0%,
      #4a5058 100%
    );
    --wpsc-btn-uninstall-bg-hover-gradient: linear-gradient(
      180deg,
      #6a7078 0%,
      #5a6068 100%
    );
    --wpsc-btn-uninstall-bg-active-gradient: linear-gradient(
      180deg,
      #444a52 0%,
      #3a4048 100%
    );
    --wpsc-btn-clear-bg: linear-gradient(90deg, #ff5b37 0%, #ff8c40 100%);
    --wpsc-btn-see-bg: linear-gradient(90deg, #6b7eeb 0%, #9a80ff 100%);
    --wpsc-btn-stop-bg: linear-gradient(90deg, #eb5454 0%, #e74c3c 100%);
    --wpsc-btn-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    --wpsc-color-success: #34d399;
    --wpsc-msg-success: rgb(52, 211, 153);
    --wpsc-msg-info: rgb(107, 126, 235);
    --wpsc-msg-error: rgb(255, 107, 107);
    --wpsc-msg-highlight: #c271ff;
    --wpsc-nav-border: #2a2342;
    --wpsc-tooltip-border: #34d399;
    --wpsc-tooltip-shadow: 2px 2px 12px rgba(0, 0, 0, 0.6);
  }
  body.wpsc-admin-page.wpsc-theme-system #wpcontent {
    background-color: #100921;
  }
  body.wpsc-admin-page.wpsc-theme-system .wrap.wpsc-table,
  body.wpsc-admin-page.wpsc-theme-system .wrap.wpsc-options-page {
    background-color: #100921;
    color: #e0e0e0;
  }
  body.wpsc-admin-page.wpsc-theme-system .wpsc-options-card.form-table,
  body.wpsc-admin-page.wpsc-theme-system
    .form-table.wpsc-general-options-table {
    background: linear-gradient(180deg, #1a1137 0%, #201a42 100%);
    color: #e0e0e0;
  }
  body.wpsc-admin-page.wpsc-theme-system .form-table th,
  body.wpsc-admin-page.wpsc-theme-system .form-table td,
  body.wpsc-admin-page.wpsc-theme-system label {
    color: #e0e0e0;
  }
  body.wpsc-admin-page.wpsc-theme-system .wpsc-upgrade-pro-row,
  body.wpsc-admin-page.wpsc-theme-system .wpsc-upgrade-pro-row td {
    background: transparent !important;
  }
  body.wpsc-admin-page.wpsc-theme-system .wp-list-table th,
  body.wpsc-admin-page.wpsc-theme-system .wp-list-table td {
    color: #e0e0e0;
    border-color: #2a2342;
  }
  body.wpsc-admin-page.wpsc-theme-system .wp-list-table thead,
  body.wpsc-admin-page.wpsc-theme-system .wp-list-table tfoot {
    background: linear-gradient(
      90deg,
      #1e505e 0%,
      #253a55 50%,
      #5f2e4a 100%
    ) !important;
  }
  body.wpsc-admin-page.wpsc-theme-system .wp-list-table thead th,
  body.wpsc-admin-page.wpsc-theme-system .wp-list-table tfoot th,
  body.wpsc-admin-page.wpsc-theme-system .wp-list-table thead th.check-column,
  body.wpsc-admin-page.wpsc-theme-system .wp-list-table tfoot th.check-column,
  body.wpsc-admin-page.wpsc-theme-system .wp-list-table thead th.column-cb,
  body.wpsc-admin-page.wpsc-theme-system .wp-list-table tfoot th.column-cb {
    background: linear-gradient(
      90deg,
      #1e505e 0%,
      #253a55 50%,
      #5f2e4a 100%
    ) !important;
    color: #fff;
    font-weight: bold;
    border-color: rgba(255, 255, 255, 0.08);
    border-radius: 0;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
  }
  body.wpsc-admin-page.wpsc-theme-system .wp-list-table thead th a,
  body.wpsc-admin-page.wpsc-theme-system .wp-list-table tfoot th a,
  body.wpsc-admin-page.wpsc-theme-system
    .wp-list-table
    thead
    th
    .sorting-indicator:before,
  body.wpsc-admin-page.wpsc-theme-system
    .wp-list-table
    tfoot
    th
    .sorting-indicator:before {
    color: #fff;
  }
  body.wpsc-admin-page.wpsc-theme-system .wpsc-scan-nav-bar {
    border-bottom-color: #2a2342;
  }
  body.wpsc-admin-page.wpsc-theme-system .wpsc-scan-nav-bar a.selected {
    background: linear-gradient(90deg, #ff5b37 0%, #ff8c40 100%);
    border-bottom-color: #1a1137;
    color: #fff;
  }
  body.wpsc-admin-page.wpsc-theme-system .wpsc-scan-nav-bar a:not(.selected) {
    background: linear-gradient(180deg, #1a1137 0%, #201a42 100%);
    color: #b0b0b0;
    border-color: #2a2342;
  }
  body.wpsc-admin-page.wpsc-theme-system .wpsc-scan-nav-bar a {
    color: #e0e0e0;
  }
  body.wpsc-admin-page.wpsc-theme-system
    .wpsc-table
    .wpsc-scan-nav-bar
    a.selected {
    background: linear-gradient(90deg, #ff5b37 0%, #ff8c40 100%);
    border-bottom-color: #1a1137;
    color: #fff;
  }
  body.wpsc-admin-page.wpsc-theme-system
    .wpsc-table
    .wpsc-scan-nav-bar
    a:not(.selected) {
    background: linear-gradient(180deg, #1a1137 0%, #201a42 100%);
    color: #b0b0b0;
  }
  body.wpsc-admin-page.wpsc-theme-system .wpsc-mouseover-text-page,
  body.wpsc-admin-page.wpsc-theme-system .wpsc-mouseover-text-post,
  body.wpsc-admin-page.wpsc-theme-system .wpsc-mouseover-text-emfeature,
  body.wpsc-admin-page.wpsc-theme-system .wpsc-mouseover-text-emfeature-seo,
  body.wpsc-admin-page.wpsc-theme-system .wpsc-mouseover-text-emfeature-2,
  body.wpsc-admin-page.wpsc-theme-system .wpsc-mouseover-text-emfeature-3,
  body.wpsc-admin-page.wpsc-theme-system .wpsc-mouseover-text-scfeature,
  body.wpsc-admin-page.wpsc-theme-system .wpsc-mouseover-text-scfeature-2,
  body.wpsc-admin-page.wpsc-theme-system .wpsc-mouseover-text-change,
  body.wpsc-admin-page.wpsc-theme-system .wpsc-mouseover-text-change-2,
  body.wpsc-admin-page.wpsc-theme-system .wpsc-mouseover-text-pro-feature,
  body.wpsc-admin-page.wpsc-theme-system .wpsc-mouseover-text-pro-feature-2,
  body.wpsc-admin-page.wpsc-theme-system .wpsc-mouseover-text-pro-feature-3,
  body.wpsc-admin-page.wpsc-theme-system .wpsc-mouseover-text-freq,
  body.wpsc-admin-page.wpsc-theme-system .wpsc-mouseover-text-email,
  body.wpsc-admin-page.wpsc-theme-system .wpsc-mouseover-text-import,
  body.wpsc-admin-page.wpsc-theme-system .wpsc-mouseover-text-export {
    background: #1a1137;
    color: #e0e0e0;
    border-color: var(--wpsc-tooltip-border);
  }
  body.wpsc-admin-page.wpsc-theme-system .wpsc-mouseover-text-refresh {
    background: #1a1137;
    color: #e0e0e0;
  }
  body.wpsc-admin-page.wpsc-theme-system .wpsc-row .Ignore,
  body.wpsc-admin-page.wpsc-theme-system .wpsc-row span.Add.to.Dictionary,
  body.wpsc-admin-page.wpsc-theme-system span.wpsc-mass-edit,
  body.wpsc-admin-page.wpsc-theme-system span.wpsc-bulk {
    color: #e0e0e0;
  }
  body.wpsc-admin-page.wpsc-theme-system a {
    color: #9a80ff;
  }
  body.wpsc-admin-page.wpsc-theme-system a:hover {
    color: #b59fff;
  }
  body.wpsc-admin-page.wpsc-theme-system input[type="text"],
  body.wpsc-admin-page.wpsc-theme-system input[type="number"],
  body.wpsc-admin-page.wpsc-theme-system input[type="email"],
  body.wpsc-admin-page.wpsc-theme-system select,
  body.wpsc-admin-page.wpsc-theme-system textarea {
    background-color: #150f2c;
    border-color: #2a2342;
    color: #e0e0e0;
  }
  body.wpsc-admin-page.wpsc-theme-system input::placeholder,
  body.wpsc-admin-page.wpsc-theme-system textarea::placeholder {
    color: #888;
  }
  body.wpsc-admin-page.wpsc-theme-system .notice,
  body.wpsc-admin-page.wpsc-theme-system .updated,
  body.wpsc-admin-page.wpsc-theme-system .error {
    background: #1a1137;
    border-color: #2a2342;
    color: #e0e0e0;
  }
  body.wpsc-admin-page.wpsc-theme-system .wpsc-notice-success,
  body.wpsc-admin-page.wpsc-theme-system .wpsc-notice-success .wpsc-message {
    color: var(--wpsc-color-success);
  }
  body.wpsc-admin-page.wpsc-theme-system .wpsc-notice-success {
    background: var(--wpsc-card-bg);
    border-left-color: var(--wpsc-color-success);
    border-right-color: var(--wpsc-color-success);
  }
  body.wpsc-admin-page.wpsc-theme-system .wpsc-notice-error,
  body.wpsc-admin-page.wpsc-theme-system .wpsc-notice-error .wpsc-message {
    color: #ff8a8a;
  }
  body.wpsc-admin-page.wpsc-theme-system .wpsc-notice-error {
    background: var(--wpsc-card-bg);
    border-left-color: #e74c3c;
    border-right-color: #e74c3c;
  }
  body.wpsc-admin-page.wpsc-theme-system .wpsc-mesage-container {
    background: var(--wpsc-card-bg);
  }
  body.wpsc-admin-page.wpsc-theme-system .wpsc-warning-highlight {
    color: #e0e0e0 !important;
  }
  body.wpsc-admin-page.wpsc-theme-system h2,
  body.wpsc-admin-page.wpsc-theme-system h3 {
    color: #e0e0e0;
  }
  body.wpsc-admin-page.wpsc-theme-system .wpsc-message h3 {
    color: var(--wpsc-color-success);
  }
  body.wpsc-admin-page.wpsc-theme-system .request-feature-container {
    background: #1a1137;
  }
  body.wpsc-admin-page.wpsc-theme-system
    #wpsc-empty-fields-tab
    .wpsc-scan-container,
  body.wpsc-admin-page.wpsc-theme-system
    #wpsc-empty-fields-tab
    .wpsc-mesage-container,
  body.wpsc-admin-page.wpsc-theme-system
    #wpsc-empty-fields-tab
    .wpsc-stats-summary,
  body.wpsc-admin-page.wpsc-theme-system
    #wphc-scan-results-tab
    .wpsc-scan-container,
  body.wpsc-admin-page.wpsc-theme-system
    .wpsc-html-results-page
    .wpsc-stats-summary {
    background: var(--wpsc-card-bg);
    color: #e0e0e0;
  }
  body.wpsc-admin-page.wpsc-theme-system .request-feature-popup,
  body.wpsc-admin-page.wpsc-theme-system .request-feature {
    background: #1a1137;
    border-color: #2a2342;
    color: #e0e0e0;
  }
  body.wpsc-admin-page.wpsc-theme-system
    #wpsc-empty-fields-tab
    .button-primary:not(.wpsc-btn-clear-results):not(
      .wpsc-clear-results-button
    ):not(.wpsc-btn-see-results):not(.wpsc-see-results-button):not(
      .wpsc-btn-stop-scans
    ):not(.wpsc-stop-scans-button):not(:disabled) {
    background: linear-gradient(90deg, #af7ac5 0%, #9a80ff 100%) !important;
  }
  body.wpsc-admin-page.wpsc-theme-system .wpsc-suggestion-content span {
    color: #ff8a8a !important;
  }
  body.wpsc-admin-page.wpsc-theme-system .wpsc-theme-toggle {
    background: #2a2342;
  }
  body.wpsc-admin-page.wpsc-theme-system .wpsc-theme-toggle label {
    color: #b0b0b0;
  }
  body.wpsc-admin-page.wpsc-theme-system
    .wpsc-theme-toggle
    input#wpsc-theme-light:checked
    + label {
    background: linear-gradient(180deg, #f5f5f5 0%, #e8e8e8 100%);
    color: #1a1a1a;
  }
  body.wpsc-admin-page.wpsc-theme-system
    .wpsc-theme-toggle
    input#wpsc-theme-dark:checked
    + label {
    background: linear-gradient(90deg, #ff5b37 0%, #ff8c40 100%);
    color: #fff;
  }
  body.wpsc-admin-page.wpsc-theme-system .wpsc-sidebar-container {
    background: transparent;
  }
  body.wpsc-admin-page.wpsc-theme-system .wpsc-sidebar-tutorial-box,
  body.wpsc-admin-page.wpsc-theme-system .wpsc-sidebar-social-box,
  body.wpsc-admin-page.wpsc-theme-system
    .wpsc-sidebar-container
    .newsletter.newsletter-subscription {
    background: var(--wpsc-card-bg);
    border: 1px solid var(--wpsc-nav-border);
    color: #e0e0e0;
  }
  body.wpsc-admin-page.wpsc-theme-system .wpsc-sidebar-social-box h2,
  body.wpsc-admin-page.wpsc-theme-system .wpsc-sidebar-container .wpsc-sidebar {
    color: #e0e0e0;
  }
  body.wpsc-admin-page.wpsc-theme-system
    .wpsc-sidebar-container
    .wpsc-sidebar
    h2 {
    color: #fff;
  }
  body.wpsc-admin-page.wpsc-theme-system
    .wpsc-sidebar-container
    .wpsc-sidebar
    .review-button {
    color: #9a80ff;
  }
  body.wpsc-admin-page.wpsc-theme-system
    .wpsc-sidebar-social-box
    .wpsc-social-link {
    background-color: #fff !important;
    color: #1a1a1a !important;
  }
  body.wpsc-admin-page.wpsc-theme-system
    .wpsc-sidebar-social-box
    .wpsc-social-facebook:hover {
    background-color: #e8e8e8 !important;
    color: #1a1a1a !important;
  }
  body.wpsc-admin-page.wpsc-theme-system
    .wpsc-sidebar-social-box
    .wpsc-social-x:hover {
    background-color: #e8e8e8 !important;
    color: #1a1a1a !important;
  }
  body.wpsc-admin-page.wpsc-theme-system .wpsc-sidebar-container hr {
    border-color: var(--wpsc-nav-border);
  }
  body.wpsc-admin-page.wpsc-theme-system #wpfooter {
    background-color: #100921;
    border-color: #2a2342;
  }
  body.wpsc-admin-page.wpsc-theme-system #footer-thankyou,
  body.wpsc-admin-page.wpsc-theme-system #wpfooter .wrap {
    color: #e0e0e0;
  }
  body.wpsc-admin-page.wpsc-theme-system #footer-thankyou a {
    color: #9a80ff;
  }
  body.wpsc-admin-page.wpsc-theme-system #footer-thankyou a:hover {
    color: #b59fff;
  }
}