/* OctoRank AI — optional purple dark dashboard/report theme
   Scope: only active when body has .octo-dark-dashboard-theme. */

.octo-theme-toggle {
  position: fixed;
  right: 18px;
  top: 88px;
  z-index: 2147482500;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 38px;
  padding: 8px 12px;
  border: 1px solid rgba(148, 163, 184, .28);
  border-radius: 6px;
  background: rgba(255, 255, 255, .96);
  color: #0f172a;
  box-shadow: 0 14px 34px rgba(15, 23, 42, .12);
  font: 800 13px/1.1 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  cursor: pointer;
  backdrop-filter: blur(12px);
}
.octo-theme-toggle:hover { transform: translateY(-1px); }
.octo-theme-toggle__dot {
  width: 16px;
  height: 16px;
  border-radius: 99px;
  background: linear-gradient(135deg, #7c3aed, #e879f9 68%, #38bdf8);
  box-shadow: 0 0 18px rgba(168, 85, 247, .55);
}

body.octo-dark-dashboard-theme {
  color-scheme: dark;
  --octo-dark-bg: #070817;
  --octo-dark-panel: rgba(18, 20, 43, .88);
  --octo-dark-panel-2: rgba(25, 23, 54, .92);
  --octo-dark-border: rgba(178, 138, 255, .24);
  --octo-dark-border-strong: rgba(216, 180, 254, .42);
  --octo-dark-text: #f8fafc;
  --octo-dark-muted: #bac6e6;
  --octo-dark-purple: #9d5cff;
  --octo-dark-pink: #ec7cff;
  --octo-dark-blue: #38bdf8;
  --octo-dark-orange: #fb923c;
  background:
    radial-gradient(circle at 12% 8%, rgba(124, 58, 237, .36), transparent 30%),
    radial-gradient(circle at 88% 8%, rgba(236, 72, 153, .22), transparent 26%),
    radial-gradient(circle at 58% 78%, rgba(56, 189, 248, .16), transparent 32%),
    linear-gradient(135deg, #050612, #0b0d20 44%, #160b2c);
  color: var(--octo-dark-text);
}

body.octo-dark-dashboard-theme::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  background:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
  background-size: 54px 54px;
  mask-image: radial-gradient(circle at center, black 0, transparent 72%);
}

body.octo-dark-dashboard-theme .octo-theme-toggle {
  background: rgba(13, 15, 34, .92);
  border-color: rgba(216, 180, 254, .35);
  color: #f8fafc;
  box-shadow: 0 0 0 1px rgba(168, 85, 247, .18), 0 20px 45px rgba(0,0,0,.36), 0 0 32px rgba(124,58,237,.22);
}

/* Main dashboard shell */
body.octo-dark-dashboard-theme .unified-dashboard-shell,
body.octo-dark-dashboard-theme .admin-dashboard,
body.octo-dark-dashboard-theme .company-dashboard,
body.octo-dark-dashboard-theme .company-dashboard-page,
body.octo-dark-dashboard-theme .affiliate-dashboard,
body.octo-dark-dashboard-theme .one-time-dashboard,
body.octo-dark-dashboard-theme .section,
body.octo-dark-dashboard-theme main {
  background: transparent !important;
  color: var(--octo-dark-text) !important;
}

body.octo-dark-dashboard-theme .unified-dashboard-top h1,
body.octo-dark-dashboard-theme .unified-section-head h2,
body.octo-dark-dashboard-theme h1,
body.octo-dark-dashboard-theme h2,
body.octo-dark-dashboard-theme h3,
body.octo-dark-dashboard-theme h4,
body.octo-dark-dashboard-theme strong,
body.octo-dark-dashboard-theme label {
  color: var(--octo-dark-text) !important;
}

body.octo-dark-dashboard-theme .unified-kicker,
body.octo-dark-dashboard-theme .unified-section-head span,
body.octo-dark-dashboard-theme .eyebrow,
body.octo-dark-dashboard-theme .aiseo-badge,
body.octo-dark-dashboard-theme .create-header .eyebrow {
  color: #d8b4fe !important;
  text-shadow: 0 0 16px rgba(168, 85, 247, .36);
}

body.octo-dark-dashboard-theme .unified-subtitle,
body.octo-dark-dashboard-theme .unified-section-head p,
body.octo-dark-dashboard-theme .unified-panel p,
body.octo-dark-dashboard-theme .unified-empty p,
body.octo-dark-dashboard-theme p,
body.octo-dark-dashboard-theme small,
body.octo-dark-dashboard-theme .muted,
body.octo-dark-dashboard-theme .plan-note {
  color: var(--octo-dark-muted) !important;
}

body.octo-dark-dashboard-theme .unified-dashboard-nav {
  background: rgba(7, 8, 23, .82) !important;
  border-bottom: 1px solid rgba(216, 180, 254, .16);
  backdrop-filter: blur(18px);
}

body.octo-dark-dashboard-theme .unified-account-card,
body.octo-dark-dashboard-theme .unified-panel,
body.octo-dark-dashboard-theme .unified-metric-card,
body.octo-dark-dashboard-theme .unified-page-row,
body.octo-dark-dashboard-theme .unified-empty,
body.octo-dark-dashboard-theme .unified-section,
body.octo-dark-dashboard-theme .create-card,
body.octo-dark-dashboard-theme .create-form,
body.octo-dark-dashboard-theme .dashboard-card,
body.octo-dark-dashboard-theme .admin-card,
body.octo-dark-dashboard-theme .company-card,
body.octo-dark-dashboard-theme .card,
body.octo-dark-dashboard-theme .panel,
body.octo-dark-dashboard-theme .box {
  background:
    linear-gradient(180deg, rgba(31, 24, 66, .82), rgba(12, 14, 33, .92)) !important;
  border: 1px solid var(--octo-dark-border) !important;
  color: var(--octo-dark-text) !important;
  box-shadow:
    0 18px 55px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.05),
    0 0 0 1px rgba(124,58,237,.07) !important;
}

body.octo-dark-dashboard-theme .unified-metric-card strong,
body.octo-dark-dashboard-theme .metric-number,
body.octo-dark-dashboard-theme .stat-number {
  color: #f5f3ff !important;
  text-shadow: 0 0 18px rgba(168, 85, 247, .38);
}

body.octo-dark-dashboard-theme .unified-badge,
body.octo-dark-dashboard-theme .unified-score,
body.octo-dark-dashboard-theme .unified-clicks,
body.octo-dark-dashboard-theme .badge,
body.octo-dark-dashboard-theme .pill {
  background: rgba(124,58,237,.18) !important;
  border: 1px solid rgba(216,180,254,.25) !important;
  color: #e9d5ff !important;
}

body.octo-dark-dashboard-theme .unified-btn,
body.octo-dark-dashboard-theme .unified-dashboard-nav a,
body.octo-dark-dashboard-theme .button,
body.octo-dark-dashboard-theme button,
body.octo-dark-dashboard-theme input[type="submit"],
body.octo-dark-dashboard-theme .octo-nav-button {
  border-color: rgba(216,180,254,.28) !important;
  background: rgba(15, 18, 42, .92) !important;
  color: #f8fafc !important;
  box-shadow: 0 0 0 1px rgba(168,85,247,.08), 0 10px 22px rgba(0,0,0,.24) !important;
}

body.octo-dark-dashboard-theme .unified-btn-primary,
body.octo-dark-dashboard-theme .unified-actions-menu summary,
body.octo-dark-dashboard-theme .button.primary,
body.octo-dark-dashboard-theme button[type="submit"],
body.octo-dark-dashboard-theme .primary {
  background: linear-gradient(135deg, #6d28d9, #a855f7 52%, #db2777) !important;
  border-color: rgba(216,180,254,.35) !important;
  color: #fff !important;
  box-shadow: 0 15px 34px rgba(124,58,237,.32), 0 0 22px rgba(236,72,153,.16) !important;
}

body.octo-dark-dashboard-theme input,
body.octo-dark-dashboard-theme textarea,
body.octo-dark-dashboard-theme select,
body.octo-dark-dashboard-theme .unified-live-url input {
  background: rgba(5, 7, 20, .88) !important;
  color: #f8fafc !important;
  border: 1px solid rgba(216, 180, 254, .25) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
}
body.octo-dark-dashboard-theme input::placeholder,
body.octo-dark-dashboard-theme textarea::placeholder { color: #8ea0c7 !important; }
body.octo-dark-dashboard-theme select option { background: #11132b; color: #f8fafc; }

body.octo-dark-dashboard-theme .unified-progress { background: rgba(255,255,255,.08) !important; }
body.octo-dark-dashboard-theme .unified-progress span { background: linear-gradient(90deg, #7c3aed, #ec4899, #38bdf8) !important; }

body.octo-dark-dashboard-theme .unified-actions-list,
body.octo-dark-dashboard-theme details .octo-dropdown-panel {
  background: rgba(10, 12, 30, .98) !important;
  border-color: rgba(216,180,254,.26) !important;
  box-shadow: 0 25px 60px rgba(0,0,0,.48) !important;
}

/* AI SEO/report pages. Existing ai_seo.css is already dark; this makes it match the purple dashboard reference. */
body.octo-dark-dashboard-theme .aiseo-page {
  background:
    radial-gradient(circle at 20% 0%, rgba(124,58,237,.34), transparent 32%),
    radial-gradient(circle at 90% 16%, rgba(236,72,153,.18), transparent 30%),
    linear-gradient(135deg, #050612, #0b0d20 48%, #17092b) !important;
  color: var(--octo-dark-text) !important;
}
body.octo-dark-dashboard-theme .aiseo-container,
body.octo-dark-dashboard-theme .aiseo-report-header { color: var(--octo-dark-text) !important; }
body.octo-dark-dashboard-theme .aiseo-card,
body.octo-dark-dashboard-theme .aiseo-top-card,
body.octo-dark-dashboard-theme .seo-preview-card,
body.octo-dark-dashboard-theme .aiseo-score-card,
body.octo-dark-dashboard-theme .aiseo-platform-card,
body.octo-dark-dashboard-theme .aiseo-prod-card,
body.octo-dark-dashboard-theme .aiseo-action-item,
body.octo-dark-dashboard-theme .aiseo-table-wrap,
body.octo-dark-dashboard-theme .ai-report-card,
body.octo-dark-dashboard-theme .ai-report-panel {
  background: linear-gradient(180deg, rgba(31,24,66,.86), rgba(9,12,30,.94)) !important;
  border: 1px solid rgba(216,180,254,.24) !important;
  color: var(--octo-dark-text) !important;
  box-shadow: 0 18px 55px rgba(0,0,0,.42), 0 0 28px rgba(124,58,237,.10) !important;
}
body.octo-dark-dashboard-theme .aiseo-report-title,
body.octo-dark-dashboard-theme .aiseo-card-title,
body.octo-dark-dashboard-theme .aiseo-section-title,
body.octo-dark-dashboard-theme .seo-preview-title,
body.octo-dark-dashboard-theme .aiseo-score-text {
  color: #fff !important;
  fill: #fff !important;
}
body.octo-dark-dashboard-theme .aiseo-muted,
body.octo-dark-dashboard-theme .aiseo-score-label,
body.octo-dark-dashboard-theme .seo-preview-description,
body.octo-dark-dashboard-theme .seo-preview-url,
body.octo-dark-dashboard-theme .aiseo-simple-list,
body.octo-dark-dashboard-theme .aiseo-qa-a {
  color: var(--octo-dark-muted) !important;
}
body.octo-dark-dashboard-theme .aiseo-score-fill { stroke: #a855f7 !important; }
body.octo-dark-dashboard-theme .aiseo-score-card--good .aiseo-score-fill { stroke: #38bdf8 !important; }
body.octo-dark-dashboard-theme .aiseo-score-card--warn .aiseo-score-fill { stroke: #f472b6 !important; }
body.octo-dark-dashboard-theme .aiseo-score-card--bad .aiseo-score-fill { stroke: #fb7185 !important; }

/* Tables and report detail blocks */
body.octo-dark-dashboard-theme table,
body.octo-dark-dashboard-theme th,
body.octo-dark-dashboard-theme td {
  border-color: rgba(216,180,254,.18) !important;
  color: var(--octo-dark-text) !important;
}
body.octo-dark-dashboard-theme th { background: rgba(124,58,237,.13) !important; }
body.octo-dark-dashboard-theme tr:nth-child(even) td { background: rgba(255,255,255,.025) !important; }

@media (max-width: 760px) {
  .octo-theme-toggle {
    top: auto;
    right: 12px;
    bottom: 82px;
    min-height: 36px;
    padding: 7px 10px;
    font-size: 12px;
  }
  body.octo-dark-dashboard-theme .unified-dashboard-shell { padding-bottom: 96px; }
}

/* OCTO DARK THEME FILL LIGHT SECTIONS PATCH 20260613 */
/* Fill remaining light dashboard/form surfaces in the optional dark theme. */
body.octo-dark-dashboard-theme,
body.octo-dark-dashboard-theme .page,
body.octo-dark-dashboard-theme .page-wrap,
body.octo-dark-dashboard-theme .content,
body.octo-dark-dashboard-theme .main-content,
body.octo-dark-dashboard-theme .container,
body.octo-dark-dashboard-theme .dashboard-container,
body.octo-dark-dashboard-theme .dashboard-content,
body.octo-dark-dashboard-theme .workspace,
body.octo-dark-dashboard-theme .workspace-body,
body.octo-dark-dashboard-theme .dashboard-main,
body.octo-dark-dashboard-theme .dashboard-page,
body.octo-dark-dashboard-theme .app-shell,
body.octo-dark-dashboard-theme .app-main,
body.octo-dark-dashboard-theme .octo-page,
body.octo-dark-dashboard-theme .octo-shell,
body.octo-dark-dashboard-theme .octo-content {
  background: transparent !important;
  color: var(--octo-dark-text) !important;
}

/* Large product/form regions that previously stayed white. */
body.octo-dark-dashboard-theme .product-section,
body.octo-dark-dashboard-theme .products-section,
body.octo-dark-dashboard-theme .product-form,
body.octo-dark-dashboard-theme .product-form-card,
body.octo-dark-dashboard-theme .product-create-card,
body.octo-dark-dashboard-theme .marketplace-product-form,
body.octo-dark-dashboard-theme .marketplace-card,
body.octo-dark-dashboard-theme .import-product-file,
body.octo-dark-dashboard-theme .form-card,
body.octo-dark-dashboard-theme .form-panel,
body.octo-dark-dashboard-theme .form-section,
body.octo-dark-dashboard-theme .form-block,
body.octo-dark-dashboard-theme .field-card,
body.octo-dark-dashboard-theme .field-panel,
body.octo-dark-dashboard-theme .upload-card,
body.octo-dark-dashboard-theme .upload-zone,
body.octo-dark-dashboard-theme .drop-zone,
body.octo-dark-dashboard-theme .file-zone,
body.octo-dark-dashboard-theme .white-card,
body.octo-dark-dashboard-theme .white-panel,
body.octo-dark-dashboard-theme .content-card,
body.octo-dark-dashboard-theme .settings-card,
body.octo-dark-dashboard-theme .dashboard-box,
body.octo-dark-dashboard-theme .dashboard-panel,
body.octo-dark-dashboard-theme .octo-card,
body.octo-dark-dashboard-theme .octo-panel,
body.octo-dark-dashboard-theme .octo-form-card,
body.octo-dark-dashboard-theme section[class*="card"],
body.octo-dark-dashboard-theme div[class*="card"],
body.octo-dark-dashboard-theme section[class*="panel"],
body.octo-dark-dashboard-theme div[class*="panel"] {
  background:
    linear-gradient(180deg, rgba(33, 26, 70, .90), rgba(9, 12, 31, .94)) !important;
  border: 1px solid rgba(216, 180, 254, .24) !important;
  color: var(--octo-dark-text) !important;
  box-shadow:
    0 18px 55px rgba(0, 0, 0, .38),
    inset 0 1px 0 rgba(255, 255, 255, .055),
    0 0 28px rgba(124, 58, 237, .10) !important;
}

/* Product area title bands and headers. */
body.octo-dark-dashboard-theme .products-section > h2,
body.octo-dark-dashboard-theme .product-section > h2,
body.octo-dark-dashboard-theme .form-section > h2,
body.octo-dark-dashboard-theme .section-title,
body.octo-dark-dashboard-theme .card-title,
body.octo-dark-dashboard-theme .panel-title,
body.octo-dark-dashboard-theme .field-title,
body.octo-dark-dashboard-theme .product-label,
body.octo-dark-dashboard-theme .product-form label,
body.octo-dark-dashboard-theme .marketplace-product-form label,
body.octo-dark-dashboard-theme .form-card label,
body.octo-dark-dashboard-theme .form-panel label {
  color: #f8fafc !important;
  text-shadow: 0 0 14px rgba(168, 85, 247, .20);
}

body.octo-dark-dashboard-theme .product-section .eyebrow,
body.octo-dark-dashboard-theme .products-section .eyebrow,
body.octo-dark-dashboard-theme .product-form .eyebrow,
body.octo-dark-dashboard-theme .form-section .eyebrow,
body.octo-dark-dashboard-theme .section-kicker,
body.octo-dark-dashboard-theme .kicker {
  color: #d8b4fe !important;
}

/* File upload/browser controls and old native file inputs. */
body.octo-dark-dashboard-theme input[type="file"],
body.octo-dark-dashboard-theme input[type="file"]::file-selector-button,
body.octo-dark-dashboard-theme .file-input,
body.octo-dark-dashboard-theme .file-upload,
body.octo-dark-dashboard-theme .choose-file,
body.octo-dark-dashboard-theme .upload-button {
  background: rgba(8, 11, 29, .96) !important;
  color: #f8fafc !important;
  border: 1px solid rgba(216, 180, 254, .25) !important;
}
body.octo-dark-dashboard-theme input[type="file"]::file-selector-button {
  padding: 9px 12px;
  margin-right: 10px;
  background: linear-gradient(135deg, #34225f, #161936) !important;
  color: #fff !important;
  border: 0 !important;
  font-weight: 800;
}

/* Inputs inside any remaining white form boxes. */
body.octo-dark-dashboard-theme .product-form input,
body.octo-dark-dashboard-theme .product-form textarea,
body.octo-dark-dashboard-theme .product-form select,
body.octo-dark-dashboard-theme .marketplace-product-form input,
body.octo-dark-dashboard-theme .marketplace-product-form textarea,
body.octo-dark-dashboard-theme .marketplace-product-form select,
body.octo-dark-dashboard-theme .form-card input,
body.octo-dark-dashboard-theme .form-card textarea,
body.octo-dark-dashboard-theme .form-card select,
body.octo-dark-dashboard-theme .form-panel input,
body.octo-dark-dashboard-theme .form-panel textarea,
body.octo-dark-dashboard-theme .form-panel select,
body.octo-dark-dashboard-theme .octo-form-card input,
body.octo-dark-dashboard-theme .octo-form-card textarea,
body.octo-dark-dashboard-theme .octo-form-card select {
  background: rgba(5, 7, 20, .92) !important;
  color: #f8fafc !important;
  border: 1px solid rgba(216, 180, 254, .24) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 0 0 1px rgba(124,58,237,.05) !important;
}

/* Descriptions and helper text inside forms. */
body.octo-dark-dashboard-theme .help-text,
body.octo-dark-dashboard-theme .form-help,
body.octo-dark-dashboard-theme .field-help,
body.octo-dark-dashboard-theme .description,
body.octo-dark-dashboard-theme .subtext,
body.octo-dark-dashboard-theme .hint,
body.octo-dark-dashboard-theme .product-form p,
body.octo-dark-dashboard-theme .marketplace-product-form p,
body.octo-dark-dashboard-theme .form-card p,
body.octo-dark-dashboard-theme .form-panel p {
  color: var(--octo-dark-muted) !important;
}

/* Info buttons must stay visible on dark cards. */
body.octo-dark-dashboard-theme .octo-help-info,
body.octo-dark-dashboard-theme .octo-info,
body.octo-dark-dashboard-theme .info-icon,
body.octo-dark-dashboard-theme [data-octo-help] {
  background: rgba(8, 11, 29, .92) !important;
  color: #f8fafc !important;
  border-color: rgba(216, 180, 254, .28) !important;
}

/* Rows/lists embedded in product forms. */
body.octo-dark-dashboard-theme .product-row,
body.octo-dark-dashboard-theme .page-row,
body.octo-dark-dashboard-theme .list-row,
body.octo-dark-dashboard-theme .table-row,
body.octo-dark-dashboard-theme .empty-state,
body.octo-dark-dashboard-theme .no-results,
body.octo-dark-dashboard-theme .no-products,
body.octo-dark-dashboard-theme .no-pages {
  background: rgba(9, 12, 31, .88) !important;
  border: 1px solid rgba(216, 180, 254, .18) !important;
  color: var(--octo-dark-text) !important;
}

/* Top section gradients and card outlines in product dashboard area. */
body.octo-dark-dashboard-theme .products-section,
body.octo-dark-dashboard-theme .product-section,
body.octo-dark-dashboard-theme .dashboard-section,
body.octo-dark-dashboard-theme .unified-section {
  border-color: rgba(216, 180, 254, .22) !important;
}
body.octo-dark-dashboard-theme .products-section::before,
body.octo-dark-dashboard-theme .product-section::before,
body.octo-dark-dashboard-theme .dashboard-section::before {
  background: radial-gradient(circle at 15% 0%, rgba(168, 85, 247, .22), transparent 36%) !important;
}

/* Specific simple utility overrides for inline/background styles that leave white islands. */
body.octo-dark-dashboard-theme [style*="background: white"],
body.octo-dark-dashboard-theme [style*="background:white"],
body.octo-dark-dashboard-theme [style*="background-color: white"],
body.octo-dark-dashboard-theme [style*="background-color:white"],
body.octo-dark-dashboard-theme [style*="background: #fff"],
body.octo-dark-dashboard-theme [style*="background:#fff"],
body.octo-dark-dashboard-theme [style*="background-color: #fff"],
body.octo-dark-dashboard-theme [style*="background-color:#fff"],
body.octo-dark-dashboard-theme [style*="background: #ffffff"],
body.octo-dark-dashboard-theme [style*="background:#ffffff"],
body.octo-dark-dashboard-theme [style*="background-color: #ffffff"],
body.octo-dark-dashboard-theme [style*="background-color:#ffffff"] {
  background: linear-gradient(180deg, rgba(33, 26, 70, .90), rgba(9, 12, 31, .94)) !important;
  color: var(--octo-dark-text) !important;
  border-color: rgba(216, 180, 254, .24) !important;
}

/* Keep actual image thumbnails and media clean; do not darken the images themselves. */
body.octo-dark-dashboard-theme img,
body.octo-dark-dashboard-theme video,
body.octo-dark-dashboard-theme canvas,
body.octo-dark-dashboard-theme .product-image,
body.octo-dark-dashboard-theme .thumbnail,
body.octo-dark-dashboard-theme .preview-image {
  background-color: transparent !important;
}

@media (max-width: 760px) {
  body.octo-dark-dashboard-theme .product-form,
  body.octo-dark-dashboard-theme .marketplace-product-form,
  body.octo-dark-dashboard-theme .form-card,
  body.octo-dark-dashboard-theme .form-panel,
  body.octo-dark-dashboard-theme .upload-zone {
    box-shadow: 0 14px 34px rgba(0, 0, 0, .32) !important;
  }
}

/* OCTO DARK THEME CARD UNIFICATION PATCH 20260613 */
/* Stronger dark-mode coverage for remaining white dashboard cards/forms. */
body.octo-dark-dashboard-theme .unified-dashboard-top,
body.octo-dark-dashboard-theme .unified-dashboard-hero,
body.octo-dark-dashboard-theme .dashboard-hero,
body.octo-dark-dashboard-theme .workspace-hero,
body.octo-dark-dashboard-theme .account-hero,
body.octo-dark-dashboard-theme .hero-card,
body.octo-dark-dashboard-theme .hero-panel {
  background:
    radial-gradient(circle at 18% 12%, rgba(168, 85, 247, .22), transparent 34%),
    linear-gradient(135deg, rgba(23, 18, 52, .96), rgba(9, 11, 29, .98)) !important;
  color: #f8fafc !important;
  border: 1px solid rgba(216, 180, 254, .24) !important;
  box-shadow: 0 20px 55px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.055) !important;
}

body.octo-dark-dashboard-theme .unified-dashboard-top *,
body.octo-dark-dashboard-theme .unified-dashboard-hero *,
body.octo-dark-dashboard-theme .dashboard-hero *,
body.octo-dark-dashboard-theme .workspace-hero * {
  color: inherit;
}

/* Treat the inner product/create forms as dark cards, not white canvases. */
body.octo-dark-dashboard-theme .unified-section form,
body.octo-dark-dashboard-theme .dashboard-section form,
body.octo-dark-dashboard-theme .products-section form,
body.octo-dark-dashboard-theme .product-section form,
body.octo-dark-dashboard-theme form.product-form,
body.octo-dark-dashboard-theme form.marketplace-product-form,
body.octo-dark-dashboard-theme form[action*="product"],
body.octo-dark-dashboard-theme .product-form-inner,
body.octo-dark-dashboard-theme .product-form-body,
body.octo-dark-dashboard-theme .product-fields,
body.octo-dark-dashboard-theme .product-editor,
body.octo-dark-dashboard-theme .product-editor-card,
body.octo-dark-dashboard-theme .import-product-file,
body.octo-dark-dashboard-theme .import-product-box,
body.octo-dark-dashboard-theme .import-product-card,
body.octo-dark-dashboard-theme .upload-wrap,
body.octo-dark-dashboard-theme .upload-wrapper,
body.octo-dark-dashboard-theme .file-upload-wrap,
body.octo-dark-dashboard-theme .field-wrap,
body.octo-dark-dashboard-theme .field-wrapper,
body.octo-dark-dashboard-theme .field-group,
body.octo-dark-dashboard-theme .form-group,
body.octo-dark-dashboard-theme .form-row,
body.octo-dark-dashboard-theme .form-grid,
body.octo-dark-dashboard-theme .form-body,
body.octo-dark-dashboard-theme .card-body,
body.octo-dark-dashboard-theme .panel-body {
  background:
    radial-gradient(circle at 14% 0%, rgba(124, 58, 237, .20), transparent 28%),
    linear-gradient(180deg, rgba(24, 21, 55, .96), rgba(7, 9, 26, .97)) !important;
  color: #f8fafc !important;
  border: 1px solid rgba(216, 180, 254, .22) !important;
  box-shadow: 0 16px 42px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.045) !important;
}

/* Last-resort coverage for old white utility boxes inside the dashboard. */
body.octo-dark-dashboard-theme .unified-section > div:not(.octo-help-search):not(.octo-help-panel),
body.octo-dark-dashboard-theme .dashboard-section > div:not(.octo-help-search):not(.octo-help-panel),
body.octo-dark-dashboard-theme .products-section > div:not(.octo-help-search):not(.octo-help-panel),
body.octo-dark-dashboard-theme .product-section > div:not(.octo-help-search):not(.octo-help-panel),
body.octo-dark-dashboard-theme .create-section > div:not(.octo-help-search):not(.octo-help-panel),
body.octo-dark-dashboard-theme .content-section > div:not(.octo-help-search):not(.octo-help-panel) {
  background-color: rgba(12, 14, 35, .86) !important;
  color: #f8fafc !important;
  border-color: rgba(216, 180, 254, .20) !important;
}

/* Explicitly kill common white card backgrounds. */
body.octo-dark-dashboard-theme .bg-white,
body.octo-dark-dashboard-theme .background-white,
body.octo-dark-dashboard-theme .white,
body.octo-dark-dashboard-theme .surface-white,
body.octo-dark-dashboard-theme .card-white,
body.octo-dark-dashboard-theme .panel-white,
body.octo-dark-dashboard-theme .module,
body.octo-dark-dashboard-theme .module-card,
body.octo-dark-dashboard-theme .tile,
body.octo-dark-dashboard-theme .tile-card,
body.octo-dark-dashboard-theme .block-card,
body.octo-dark-dashboard-theme .settings-panel,
body.octo-dark-dashboard-theme .control-panel {
  background:
    linear-gradient(180deg, rgba(26, 22, 60, .94), rgba(8, 10, 29, .96)) !important;
  color: #f8fafc !important;
  border: 1px solid rgba(216, 180, 254, .22) !important;
}

/* High-specificity text fixes for dark cards. */
body.octo-dark-dashboard-theme .unified-dashboard-top h1,
body.octo-dark-dashboard-theme .unified-dashboard-top h2,
body.octo-dark-dashboard-theme .unified-dashboard-top p,
body.octo-dark-dashboard-theme .product-form h1,
body.octo-dark-dashboard-theme .product-form h2,
body.octo-dark-dashboard-theme .product-form h3,
body.octo-dark-dashboard-theme .product-form p,
body.octo-dark-dashboard-theme .product-form label,
body.octo-dark-dashboard-theme .marketplace-product-form h1,
body.octo-dark-dashboard-theme .marketplace-product-form h2,
body.octo-dark-dashboard-theme .marketplace-product-form h3,
body.octo-dark-dashboard-theme .marketplace-product-form p,
body.octo-dark-dashboard-theme .marketplace-product-form label,
body.octo-dark-dashboard-theme .form-group label,
body.octo-dark-dashboard-theme .field-group label {
  color: #f8fafc !important;
}
body.octo-dark-dashboard-theme .product-form .help-text,
body.octo-dark-dashboard-theme .product-form .hint,
body.octo-dark-dashboard-theme .product-form .muted,
body.octo-dark-dashboard-theme .marketplace-product-form .help-text,
body.octo-dark-dashboard-theme .marketplace-product-form .hint,
body.octo-dark-dashboard-theme .marketplace-product-form .muted,
body.octo-dark-dashboard-theme .field-group small,
body.octo-dark-dashboard-theme .form-group small {
  color: #c7d2fe !important;
}

/* Inputs and file upload bars should read as dark embedded cards. */
body.octo-dark-dashboard-theme input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),
body.octo-dark-dashboard-theme textarea,
body.octo-dark-dashboard-theme select,
body.octo-dark-dashboard-theme .input,
body.octo-dark-dashboard-theme .textarea,
body.octo-dark-dashboard-theme .select,
body.octo-dark-dashboard-theme .file-input-row,
body.octo-dark-dashboard-theme .upload-row {
  background: rgba(5, 7, 20, .94) !important;
  color: #f8fafc !important;
  border: 1px solid rgba(216, 180, 254, .26) !important;
}
body.octo-dark-dashboard-theme input::placeholder,
body.octo-dark-dashboard-theme textarea::placeholder {
  color: #aebdec !important;
  opacity: 1 !important;
}

/* Keep native file inputs visible but styled. */
body.octo-dark-dashboard-theme input[type="file"] {
  background: rgba(5, 7, 20, .94) !important;
  color: #e0e7ff !important;
  border: 1px solid rgba(216, 180, 254, .24) !important;
}
body.octo-dark-dashboard-theme input[type="file"]::file-selector-button {
  background: linear-gradient(135deg, #4c1d95, #312e81) !important;
  color: #fff !important;
  border: 1px solid rgba(216,180,254,.25) !important;
  font-weight: 900 !important;
}

/* Do not let helper/search widgets inherit dashboard-card gradients. */
body.octo-dark-dashboard-theme .octo-help-search,
body.octo-dark-dashboard-theme .octo-help-panel,
body.octo-dark-dashboard-theme .octo-help-search *,
body.octo-dark-dashboard-theme .octo-help-panel * {
  box-shadow: revert;
}

@media (max-width: 760px) {
  body.octo-dark-dashboard-theme .unified-dashboard-top,
  body.octo-dark-dashboard-theme .unified-dashboard-hero,
  body.octo-dark-dashboard-theme .dashboard-hero,
  body.octo-dark-dashboard-theme .workspace-hero,
  body.octo-dark-dashboard-theme .unified-section form,
  body.octo-dark-dashboard-theme .dashboard-section form,
  body.octo-dark-dashboard-theme .products-section form,
  body.octo-dark-dashboard-theme .product-section form {
    box-shadow: 0 12px 30px rgba(0,0,0,.30) !important;
  }
}