/* Night mode. Applied when <html data-mode="dark"> (set by theme.js from the saved choice or the OS setting). */

/* Toggle button (injected into the header by theme.js) */
.theme-toggle{
  flex-shrink:0;width:38px;height:38px;border-radius:50%;display:inline-grid;place-items:center;cursor:pointer;
  border:1px solid #E5E9F2;background:#fff;color:#475569;padding:0;transition:background-color .15s,color .15s,border-color .15s,transform .15s;
}
.theme-toggle:hover{background:#EEF2FF;color:#3730A3;transform:translateY(-1px);}
.theme-toggle:focus-visible{outline:2px solid #2563EB;outline-offset:2px;}
.theme-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.theme-toggle .i-sun{display:none;}
html[data-mode="dark"] .theme-toggle .i-sun{display:block;}
html[data-mode="dark"] .theme-toggle .i-moon{display:none;}
@media (max-width:480px){.theme-toggle{width:34px;height:34px;}}

html[data-mode="dark"]{
  color-scheme:dark;
  --bg:#0B1220;--bg-grad:#0B1220;
  --ink:#E6EDF3;--muted:#9AA7B4;--muted-soft:#76838F;
  --line:#2A3544;--line-soft:#1F2937;
  --panel:#141C2A;--panel-soft:#182131;
  --accent:#34D399;--accent-ink:#6EE7B7;--accent-bg:#12362B;--accent-bg-strong:#17483A;
  --tab-blue:#60A5FA;--tab-blue-bg:#16243D;--tab-blue-line:#27407A;
  --warn:#F87171;--warn-bg:#3A1B1B;
  --blue:#60A5FA;
  --bar:#141C2A;--bar-ink:#E6EDF3;
  --shadow-sm:0 1px 2px rgba(0,0,0,.4);
  --shadow-md:0 4px 16px rgba(0,0,0,.35);
  --shadow-lg:0 12px 32px rgba(0,0,0,.45);
}
html[data-mode="dark"] body[data-theme="meesho"],html[data-mode="dark"] body{--brand:#E879D0;--brand-2:#D946B8;--brand-bg:#3A1633;--brand-line:#6B2B5F;--brand-ink:#F0ABDD;}
html[data-mode="dark"] body[data-theme="flipkart"]{--brand:#5B9BFF;--brand-2:#3B82F6;--brand-bg:#14233F;--brand-line:#2A4A85;--brand-ink:#93BBFF;}
html[data-mode="dark"] body[data-theme="amazon"]{--brand:#FFAA2B;--brand-2:#F59E0B;--brand-bg:#3A2A0F;--brand-line:#7A5516;--brand-ink:#FFC766;}
html[data-mode="dark"] body[data-theme="tools"]{--brand:#34D399;--brand-2:#10B981;--brand-bg:#12362B;--brand-line:#1F5C4A;--brand-ink:#6EE7B7;}

/* Page + sections */
html[data-mode="dark"] body{background:radial-gradient(1100px 420px at 50% -10%,#16223A 0%,transparent 60%),#0B1220;color:var(--ink);}
html[data-mode="dark"] .hero{background:
  radial-gradient(520px 260px at 12% 30%,rgba(59,130,246,.28),transparent 70%),
  radial-gradient(420px 240px at 50% 0%,rgba(168,85,247,.18),transparent 70%),
  radial-gradient(520px 260px at 90% 40%,rgba(20,184,166,.22),transparent 70%),#0F1829;}
html[data-mode="dark"] .hero h1{color:#F1F5F9;}
html[data-mode="dark"] .hero h1 span{color:#60A5FA;}
html[data-mode="dark"] .hero p,html[data-mode="dark"] .info-lead,html[data-mode="dark"] .step p,html[data-mode="dark"] .market-card p,
html[data-mode="dark"] .faq details p,html[data-mode="dark"] .page .lead,html[data-mode="dark"] .tool-links a,
html[data-mode="dark"] .footer-links a,html[data-mode="dark"] .site-footer nav a{color:#B6C2CE;}
html[data-mode="dark"] .page p,html[data-mode="dark"] .page li{color:#C9D3DD;}
html[data-mode="dark"] .hero-badge,html[data-mode="dark"] .header-pill{background:rgba(14,116,144,.2);border-color:#1E5A6B;color:#67E8F9;}
html[data-mode="dark"] .hero-badge i{background:#67E8F9;}
html[data-mode="dark"] .wrap{background:var(--panel);box-shadow:0 20px 50px rgba(0,0,0,.45),0 2px 8px rgba(0,0,0,.3);}

/* Header / nav / footer */
html[data-mode="dark"] .site-header,html[data-mode="dark"] header.site-header{background:rgba(11,18,32,.86);border-bottom-color:#243044;box-shadow:0 6px 24px -12px rgba(0,0,0,.6);}
html[data-mode="dark"] .site-nav a{color:#B6C2CE;}
html[data-mode="dark"] .site-nav a:hover,html[data-mode="dark"] .site-nav a[aria-current="page"]{background:#1C2A4A;color:#C7D2FE;}
html[data-mode="dark"] .site-footer{border-top-color:#243044;}
html[data-mode="dark"] .theme-toggle{background:#141C2A;border-color:#2A3544;color:#FACC15;}
html[data-mode="dark"] .theme-toggle:hover{background:#1C2A4A;color:#FDE047;}

/* Cards, FAQ, steps, tool pages */
html[data-mode="dark"] .step,html[data-mode="dark"] .market-card,html[data-mode="dark"] .faq details,html[data-mode="dark"] .card,
html[data-mode="dark"] .steps-list li,html[data-mode="dark"] .faq-list details,html[data-mode="dark"] .contact-side,html[data-mode="dark"] .form,
html[data-mode="dark"] .related a{background:var(--panel);border-color:var(--line);}
html[data-mode="dark"] .market-card:hover{box-shadow:0 10px 26px rgba(0,0,0,.5);}
html[data-mode="dark"] .card:hover{border-color:#3B5A9A;box-shadow:0 14px 28px -14px rgba(37,99,235,.5);}
html[data-mode="dark"] .related a{color:#C9D3DD;}
html[data-mode="dark"] .related a:hover{color:var(--blue);border-color:var(--blue);}
html[data-mode="dark"] .callout{background:#13233D;border-color:#27407A;color:#BFD4F5;}
html[data-mode="dark"] .callout.warn{background:#33270E;border-color:#6B5216;color:#F2D58A;}
html[data-mode="dark"] .form label{color:#B6C2CE;}
html[data-mode="dark"] .form input,html[data-mode="dark"] .form select,html[data-mode="dark"] .form textarea,
html[data-mode="dark"] .opt-text,html[data-mode="dark"] .opt-sub select,html[data-mode="dark"] select,html[data-mode="dark"] input[type=text],
html[data-mode="dark"] input[type=number],html[data-mode="dark"] input[type=password],html[data-mode="dark"] textarea{background:#0F1726;color:var(--ink);border-color:var(--line);}
html[data-mode="dark"] .form input:focus,html[data-mode="dark"] .form select:focus,html[data-mode="dark"] .form textarea:focus{box-shadow:0 0 0 3px rgba(96,165,250,.3);}

/* Marketplace tabs */
html[data-mode="dark"] .platform-tab[data-platform="amazon-view"]{--tab-bg:#1E2638;--tab-line:#2D3750;--tab-ink:#CBD5E1;--tab-on:#E88A00;}
html[data-mode="dark"] .platform-tab[data-platform="flipkart-view"]{--tab-bg:#1A2540;--tab-line:#2B3C66;--tab-ink:#CBD5E1;--tab-on:#2874F0;}
html[data-mode="dark"] .platform-tab[data-platform="meesho-view"]{--tab-bg:#2A1D2A;--tab-line:#4A2F48;--tab-ink:#CBD5E1;--tab-on:#B2279B;}
html[data-mode="dark"] .platform-tab[data-platform="tools-view"]{--tab-bg:#16282A;--tab-line:#25443F;--tab-ink:#CBD5E1;--tab-on:#0F8A6B;}
html[data-mode="dark"] .platform-tab:hover:not(.active){background:#222C42;color:var(--ink);}
html[data-mode="dark"] .platform-tab.active{color:#fff;}
html[data-mode="dark"] .platform-tabs:not(.ready) .platform-tab.active{background:var(--panel);}

/* Dropzone, buttons, toggles */
html[data-mode="dark"] .platform-upload .dropzone,html[data-mode="dark"] .dropzone{background:#101929;border-color:#34425A;}
html[data-mode="dark"] .dropzone.drag{background:#16294A;border-color:var(--tab-blue);}
html[data-mode="dark"] .btn.primary.outline,html[data-mode="dark"] .btn.secondary-block{background:var(--panel);}
html[data-mode="dark"] .btn.secondary-block{color:#93BBFF;border-color:#2B4378;}
html[data-mode="dark"] .btn.secondary-block:hover:not(:disabled){background:#1A2742;border-color:#4468B0;}
html[data-mode="dark"] .btn.secondary-block .btn-count{background:#1E3260;color:#93BBFF;}
html[data-mode="dark"] .btn.primary.outline:disabled{background:var(--panel);}
html[data-mode="dark"] .btn:disabled,html[data-mode="dark"] .btn.primary:disabled{background:#1C2535;border-color:#2A3544;color:#5B6878;}
html[data-mode="dark"] .btn:focus-visible,html[data-mode="dark"] .opt-toggle input:focus-visible + i{box-shadow:0 0 0 3px #0B1220,0 0 0 5px var(--brand);}
html[data-mode="dark"] .opt-toggle i{background:#3A465A;}
html[data-mode="dark"] .th-chip,html[data-mode="dark"] .th-card,html[data-mode="dark"] .tools-menu{background:var(--panel);}
html[data-mode="dark"] .tools-menu{border-color:var(--line);box-shadow:0 22px 60px rgba(0,0,0,.6),0 4px 14px rgba(0,0,0,.4);}
html[data-mode="dark"] .tools-menu::before{background:var(--panel);border-color:var(--line);}
html[data-mode="dark"] .th-chip.active{background:#E6EDF3;border-color:#E6EDF3;color:#0B1220;}
html[data-mode="dark"] .tm-item .soon{background:#243044;color:#9AA7B4;}
html[data-mode="dark"] .ti{background:color-mix(in srgb,var(--c) 22%,#141C2A);}
html[data-mode="dark"] .tm-item:hover,html[data-mode="dark"] .tm-item:focus-visible{background:color-mix(in srgb,var(--c) 18%,#141C2A);}

/* Misc inline surfaces used by the tool workspace */
html[data-mode="dark"] ::selection{background:#17483A;color:#6EE7B7;}
html[data-mode="dark"] [style*="background:#fff"],html[data-mode="dark"] [style*="background: #fff"]{background:var(--panel)!important;}

/* Contrast fixes found while reviewing */
html[data-mode="dark"] .platform-placeholder > p{color:#B6C2CE;}
html[data-mode="dark"] .platform-tab[data-platform="amazon-view"].active,
html[data-mode="dark"] body[data-theme="amazon"] .dropzone p strong{color:#1A1204;}
html[data-mode="dark"] .btn.primary:disabled .btn-count,html[data-mode="dark"] .btn.primary.outline:disabled .btn-count{background:#2A3544;color:#5B6878;}