/* E-commerce Sales Analysis V42 — Executive Commerce Intelligence UI
   Loaded last so it can unify the accumulated V17–V41 feature layers without
   removing any existing application behavior. */
:root{
  --ecom42-bg:#070910;
  --ecom42-bg-2:#0b0e18;
  --ecom42-panel:#101521;
  --ecom42-panel-2:#151b2a;
  --ecom42-panel-soft:rgba(20,27,42,.78);
  --ecom42-border:rgba(167,178,207,.17);
  --ecom42-border-strong:rgba(177,190,222,.28);
  --ecom42-text:#f7f8fc;
  --ecom42-muted:#9aa6bd;
  --ecom42-muted-2:#738099;
  --ecom42-violet:#8b5cf6;
  --ecom42-violet-2:#6d4cf5;
  --ecom42-cyan:#2dd4bf;
  --ecom42-cyan-2:#22d3ee;
  --ecom42-lime:#84cc16;
  --ecom42-rose:#fb7185;
  --ecom42-amber:#fbbf24;
  --ecom42-radius:22px;
  --ecom42-radius-sm:14px;
  --ecom42-shadow:0 22px 70px rgba(0,0,0,.32);
}

html{background:var(--ecom42-bg)!important;}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"]{
  color:var(--ecom42-text)!important;
  background:
    radial-gradient(circle at 14% -5%,rgba(139,92,246,.18),transparent 30rem),
    radial-gradient(circle at 93% 14%,rgba(34,211,238,.11),transparent 27rem),
    radial-gradient(circle at 46% 86%,rgba(132,204,22,.055),transparent 34rem),
    linear-gradient(180deg,#070910 0%,#090c14 46%,#070910 100%)!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  letter-spacing:-.005em;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"]::before{
  opacity:.24!important;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px)!important;
  background-size:42px 42px!important;
  -webkit-mask-image:linear-gradient(#000,rgba(0,0,0,.78) 62%,transparent 96%)!important;
  mask-image:linear-gradient(#000,rgba(0,0,0,.78) 62%,transparent 96%)!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] *{scrollbar-color:rgba(139,92,246,.72) rgba(255,255,255,.035)!important;}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] ::-webkit-scrollbar{width:9px;height:9px;}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] ::-webkit-scrollbar-track{background:rgba(255,255,255,.025)!important;}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] ::-webkit-scrollbar-thumb{
  border:2px solid #0b0e18!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,var(--ecom42-violet),var(--ecom42-cyan-2))!important;
}

/* Product status strip: compact, readable, install control anchored correctly. */
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .neon-statusbar{
  min-height:46px!important;
  padding:7px clamp(12px,3vw,34px)!important;
  gap:10px!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  background:rgba(6,8,14,.92)!important;
  box-shadow:0 1px 0 rgba(139,92,246,.13),0 10px 40px rgba(0,0,0,.2)!important;
  backdrop-filter:blur(18px) saturate(1.15)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.15)!important;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;
  letter-spacing:.08em!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .neon-statusbar strong{
  color:#f7f8fc!important;
  font-size:.74rem!important;
  letter-spacing:.06em!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .neon-status-copy{color:#77849d!important;}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .neon-live-dot{
  background:var(--ecom42-cyan)!important;
  box-shadow:0 0 0 4px rgba(45,212,191,.1),0 0 16px rgba(45,212,191,.55)!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .neon-brand-icon{
  border-radius:10px!important;
  filter:drop-shadow(0 0 12px rgba(139,92,246,.35))!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .neon-install{
  min-height:34px!important;
  margin-left:auto!important;
  padding:.52rem .82rem!important;
  border:1px solid rgba(139,92,246,.52)!important;
  border-radius:999px!important;
  color:#f8fafc!important;
  background:linear-gradient(135deg,rgba(139,92,246,.2),rgba(34,211,238,.08))!important;
  box-shadow:none!important;
  font-size:.62rem!important;
  letter-spacing:.07em!important;
  transition:transform .18s ease,border-color .18s ease,background .18s ease!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .neon-install:hover,
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .neon-install:focus-visible{
  transform:translateY(-1px)!important;
  border-color:rgba(45,212,191,.7)!important;
  color:#fff!important;
  background:linear-gradient(135deg,rgba(139,92,246,.34),rgba(45,212,191,.14))!important;
}

/* Original source shortcuts become a discreet utility rail instead of competing with the dashboard. */
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .project-origin-actions{
  width:min(1480px,calc(100% - 32px))!important;
  margin:12px auto 0!important;
  padding:0!important;
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
  gap:8px!important;
  position:relative!important;
  inset:auto!important;
  z-index:5!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .project-origin-action{
  min-height:34px!important;
  padding:7px 11px!important;
  border:1px solid var(--ecom42-border)!important;
  border-radius:999px!important;
  color:#aeb8ca!important;
  background:rgba(14,18,28,.62)!important;
  box-shadow:none!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
  font-family:ui-sans-serif,system-ui,sans-serif!important;
  font-size:.72rem!important;
  font-weight:650!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .project-origin-action:hover,
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .project-origin-action:focus-visible{
  color:#fff!important;
  border-color:rgba(139,92,246,.5)!important;
  background:rgba(139,92,246,.12)!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .project-origin-action svg{width:15px!important;height:15px!important;}

/* Keep the existing interactive orb, but make it read as a premium visual module. */
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .orb-v11-shell{
  width:min(1480px,calc(100% - 32px))!important;
  max-width:1480px!important;
  min-height:205px!important;
  margin:12px auto 18px!important;
  border:1px solid rgba(159,173,204,.16)!important;
  border-radius:28px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 72% 42%,rgba(139,92,246,.16),transparent 29rem),
    radial-gradient(circle at 26% 70%,rgba(34,211,238,.08),transparent 24rem),
    linear-gradient(145deg,rgba(16,21,33,.93),rgba(8,11,18,.96))!important;
  box-shadow:0 30px 90px rgba(0,0,0,.26)!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .orb-v11-shell::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(110deg,rgba(255,255,255,.035),transparent 32%,transparent 70%,rgba(139,92,246,.04));
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .orb-v11-topline,
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .orb-v11-caption{font-family:ui-sans-serif,system-ui,sans-serif!important;}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .orb-v11-kicker{color:#c5cce0!important;letter-spacing:.13em!important;}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .orb-v11-mode{
  border-color:rgba(45,212,191,.3)!important;
  color:#b8f5e9!important;
  background:rgba(45,212,191,.07)!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .orb-v11-title{color:#fff!important;}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .orb-v11-hint{color:#8491aa!important;}

/* Application shell */
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root{position:relative;z-index:2;}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root>.min-h-screen{
  color:var(--ecom42-text)!important;
  background:transparent!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root header{
  top:0!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  color:var(--ecom42-text)!important;
  background:rgba(8,11,18,.88)!important;
  box-shadow:0 18px 45px rgba(0,0,0,.18)!important;
  backdrop-filter:blur(20px) saturate(1.15)!important;
  -webkit-backdrop-filter:blur(20px) saturate(1.15)!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root header .container{
  width:min(1480px,100%)!important;
  max-width:1480px!important;
  padding:15px clamp(16px,3vw,32px)!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root header h1{
  color:#fff!important;
  font-family:ui-sans-serif,system-ui,sans-serif!important;
  font-size:clamp(1.2rem,2vw,1.55rem)!important;
  font-weight:760!important;
  letter-spacing:-.035em!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root header h1+p{
  color:#8693aa!important;
  font-size:.78rem!important;
  letter-spacing:.01em!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root header [class*="rounded-full"][class*="bg-primary"]{
  color:#fff!important;
  background:linear-gradient(135deg,var(--ecom42-violet),#5544df)!important;
  box-shadow:0 8px 24px rgba(139,92,246,.25)!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main.container{
  width:min(1480px,100%)!important;
  max-width:1480px!important;
  padding:26px clamp(16px,3vw,32px) 56px!important;
}

/* V42 executive command panel injected without touching React state. */
.ecom-v42-command{
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr);
  gap:24px;
  margin:0 0 22px;
  padding:clamp(20px,3vw,32px);
  overflow:hidden;
  border:1px solid rgba(159,173,204,.17);
  border-radius:28px;
  background:
    radial-gradient(circle at 78% 18%,rgba(139,92,246,.22),transparent 18rem),
    radial-gradient(circle at 100% 100%,rgba(34,211,238,.08),transparent 20rem),
    linear-gradient(145deg,rgba(18,23,37,.96),rgba(10,13,22,.96));
  box-shadow:var(--ecom42-shadow);
}
.ecom-v42-command::after{
  content:"";
  position:absolute;
  z-index:-1;
  width:230px;
  height:230px;
  right:-76px;
  top:-92px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:46% 54% 65% 35% / 48% 37% 63% 52%;
  box-shadow:0 0 0 28px rgba(139,92,246,.025),0 0 0 58px rgba(34,211,238,.012);
  transform:rotate(18deg);
}
.ecom-v42-copy{min-width:0;align-self:center;}
.ecom-v42-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:10px;
  color:#b7c2d6;
  font:750 .7rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.ecom-v42-eyebrow::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--ecom42-cyan);
  box-shadow:0 0 0 4px rgba(45,212,191,.1),0 0 18px rgba(45,212,191,.55);
}
.ecom-v42-title{
  margin:0;
  max-width:780px;
  color:#fff;
  font:780 clamp(1.55rem,3vw,2.45rem)/1.02 ui-sans-serif,system-ui,sans-serif;
  letter-spacing:-.055em;
  text-wrap:balance;
}
.ecom-v42-subtitle{
  max-width:760px;
  margin:12px 0 0;
  color:#96a3ba;
  font-size:clamp(.86rem,1.3vw,.98rem);
  line-height:1.65;
}
.ecom-v42-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:18px;
}
.ecom-v42-pill{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:30px;
  padding:6px 10px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:999px;
  color:#c7d0e0;
  background:rgba(255,255,255,.035);
  font-size:.7rem;
  font-weight:650;
  letter-spacing:.01em;
}
.ecom-v42-pill strong{color:#fff;font-weight:760;}
.ecom-v42-pill[data-tone="live"]{border-color:rgba(45,212,191,.22);color:#b7f3e7;background:rgba(45,212,191,.065);}
.ecom-v42-nav{
  align-self:stretch;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.ecom-v42-nav button{
  position:relative;
  min-width:0;
  min-height:72px;
  padding:13px 14px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:space-between;
  gap:8px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.09);
  border-radius:16px;
  color:#dce3ef;
  background:rgba(255,255,255,.035);
  cursor:pointer;
  text-align:left;
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.ecom-v42-nav button::after{
  content:"↗";
  position:absolute;
  top:11px;
  right:12px;
  color:#6f7c94;
  font-size:.85rem;
}
.ecom-v42-nav button:hover,
.ecom-v42-nav button:focus-visible{
  transform:translateY(-2px);
  border-color:rgba(139,92,246,.45);
  background:linear-gradient(145deg,rgba(139,92,246,.12),rgba(34,211,238,.055));
}
.ecom-v42-nav button[aria-current="page"]{
  border-color:rgba(45,212,191,.35);
  background:linear-gradient(145deg,rgba(45,212,191,.1),rgba(139,92,246,.07));
}
.ecom-v42-nav strong{font-size:.84rem;font-weight:760;}
.ecom-v42-nav span{color:#7f8da5;font-size:.68rem;line-height:1.25;}

/* Primary section navigation: horizontal, touch-scrollable, and readable at all widths. */
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main [role="tablist"]{
  width:100%!important;
  max-width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px!important;
  padding:7px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  overscroll-behavior-inline:contain!important;
  scroll-snap-type:x proximity!important;
  border:1px solid rgba(159,173,204,.15)!important;
  border-radius:18px!important;
  background:rgba(12,16,25,.8)!important;
  box-shadow:0 14px 36px rgba(0,0,0,.16)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  scrollbar-width:thin!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main [role="tab"]{
  flex:0 0 auto!important;
  min-width:max-content!important;
  min-height:42px!important;
  padding:9px 13px!important;
  border:1px solid transparent!important;
  border-radius:12px!important;
  color:#8d9ab0!important;
  background:transparent!important;
  box-shadow:none!important;
  scroll-snap-align:start!important;
  font-family:ui-sans-serif,system-ui,sans-serif!important;
  font-size:.78rem!important;
  font-weight:680!important;
  letter-spacing:0!important;
  transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main [role="tab"] span{display:inline!important;}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main [role="tab"] svg{width:16px!important;height:16px!important;opacity:.8;}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main [role="tab"]:hover:not(:disabled){
  color:#e9edf6!important;
  background:rgba(255,255,255,.045)!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main [role="tab"][data-state="active"],
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main [role="tab"][aria-selected="true"]{
  color:#fff!important;
  border-color:rgba(139,92,246,.3)!important;
  background:linear-gradient(135deg,rgba(139,92,246,.24),rgba(34,211,238,.08))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 7px 18px rgba(0,0,0,.15)!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main [role="tab"]:disabled{opacity:.42!important;cursor:not-allowed!important;}

/* Headings and layout rhythm */
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main h2{
  color:#fff!important;
  font-family:ui-sans-serif,system-ui,sans-serif!important;
  font-weight:760!important;
  letter-spacing:-.04em!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main h3{
  color:#f5f7fb!important;
  font-family:ui-sans-serif,system-ui,sans-serif!important;
  letter-spacing:-.025em!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main p.text-muted-foreground,
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .text-muted-foreground{color:#8996ac!important;}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main [data-state="active"][role="tabpanel"]{
  animation:ecom42-panel-in .28s cubic-bezier(.2,.8,.2,1) both;
}
@keyframes ecom42-panel-in{from{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:none}}

/* Modern card system. This targets the app's Shadcn-like cards and preserves specialized tables/forms. */
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .bg-card,
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main [data-ecom-v42-card="true"]{
  border:1px solid var(--ecom42-border)!important;
  border-radius:var(--ecom42-radius)!important;
  color:var(--ecom42-text)!important;
  background:linear-gradient(145deg,rgba(18,24,37,.94),rgba(12,16,25,.96))!important;
  box-shadow:0 18px 50px rgba(0,0,0,.19)!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .bg-card:hover{
  border-color:rgba(159,173,204,.23)!important;
}

/* KPI cards get a consistent visual hierarchy with restrained accent cues. */
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main [data-ecom-kpi-v42]{
  position:relative!important;
  min-height:150px!important;
  padding:20px!important;
  overflow:hidden!important;
  border:1px solid rgba(159,173,204,.17)!important;
  border-radius:20px!important;
  background:linear-gradient(145deg,rgba(18,24,37,.96),rgba(12,16,25,.96))!important;
  box-shadow:0 18px 46px rgba(0,0,0,.17)!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main [data-ecom-kpi-v42]::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:linear-gradient(180deg,var(--kpi-accent,var(--ecom42-violet)),transparent 88%);
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main [data-ecom-kpi-v42]::after{
  content:"";
  position:absolute;
  width:110px;
  height:110px;
  right:-46px;
  top:-46px;
  border-radius:50%;
  background:radial-gradient(circle,var(--kpi-glow,rgba(139,92,246,.13)),transparent 68%);
  pointer-events:none;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main [data-ecom-kpi-v42="revenue"]{--kpi-accent:#8b5cf6;--kpi-glow:rgba(139,92,246,.18)}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main [data-ecom-kpi-v42="orders"]{--kpi-accent:#22d3ee;--kpi-glow:rgba(34,211,238,.15)}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main [data-ecom-kpi-v42="aov"]{--kpi-accent:#84cc16;--kpi-glow:rgba(132,204,22,.14)}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main [data-ecom-kpi-v42="customers"]{--kpi-accent:#fb7185;--kpi-glow:rgba(251,113,133,.14)}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main [data-ecom-kpi-v42] p:first-child{
  color:#8592a8!important;
  font-family:ui-sans-serif,system-ui,sans-serif!important;
  font-size:.69rem!important;
  font-weight:720!important;
  letter-spacing:.08em!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main [data-ecom-kpi-v42] p[class*="text-3xl"]{
  margin-top:2px!important;
  color:#fff!important;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;
  font-size:clamp(1.65rem,2.7vw,2.25rem)!important;
  font-weight:800!important;
  letter-spacing:-.05em!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main [data-ecom-kpi-v42] .text-green-600{color:#6ee7b7!important;}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main [data-ecom-kpi-v42] .text-red-600{color:#fb7185!important;}

/* Revenue chart gets space to breathe and coherent axis/plot styling. */
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main [data-ecom-chart-v42="revenue"]{
  position:relative!important;
  padding:clamp(18px,2.5vw,28px)!important;
  border:1px solid rgba(159,173,204,.17)!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 82% 0,rgba(139,92,246,.09),transparent 18rem),
    linear-gradient(145deg,rgba(18,24,37,.96),rgba(11,15,24,.98))!important;
  box-shadow:0 22px 60px rgba(0,0,0,.21)!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main [data-ecom-chart-v42="revenue"] h3{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin-bottom:18px!important;
  font-size:1rem!important;
  font-weight:740!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main [data-ecom-chart-v42="revenue"] h3::after{
  content:"30 DAYS";
  padding:5px 8px;
  border:1px solid rgba(45,212,191,.22);
  border-radius:999px;
  color:#b6f2e7;
  background:rgba(45,212,191,.06);
  font:720 .6rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.08em;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main [data-ecom-chart-v42="revenue"] svg{
  width:100%!important;
  min-height:300px!important;
  overflow:visible!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main [data-ecom-chart-v42="revenue"] svg text{
  fill:#77859e!important;
  font-family:ui-sans-serif,system-ui,sans-serif!important;
  font-size:11px!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main [data-ecom-chart-v42="revenue"] svg line{stroke:rgba(158,174,204,.12)!important;}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main [data-ecom-chart-v42="revenue"] svg path[stroke]{stroke:#8b5cf6!important;stroke-width:3!important;filter:drop-shadow(0 5px 9px rgba(139,92,246,.16));}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main [data-ecom-chart-v42="revenue"] svg path[fill]:not([fill="none"]){fill:rgba(139,92,246,.09)!important;}

/* Buttons, fields, selectors, badges */
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root button:not([role="tab"]),
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root [role="button"]{
  border-radius:12px!important;
  font-family:ui-sans-serif,system-ui,sans-serif!important;
  font-weight:680!important;
  letter-spacing:-.005em!important;
  transition:transform .17s ease,border-color .17s ease,background .17s ease,box-shadow .17s ease!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root button:not([role="tab"]):hover:not(:disabled){transform:translateY(-1px);}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root button.bg-primary,
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root button[class*="bg-primary"]{
  color:#fff!important;
  background:linear-gradient(135deg,#7557f3,#5b47df)!important;
  box-shadow:0 10px 26px rgba(109,76,245,.22)!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root button[class*="border-input"],
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root button[class*="variant-outline"]{
  border-color:rgba(159,173,204,.18)!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root input,
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root textarea,
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root select,
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root [role="combobox"]{
  min-height:42px!important;
  border:1px solid rgba(159,173,204,.19)!important;
  border-radius:12px!important;
  color:#eff3f9!important;
  background:rgba(7,10,17,.72)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root input:focus,
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root textarea:focus,
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root select:focus,
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root [role="combobox"]:focus-visible{
  border-color:rgba(139,92,246,.55)!important;
  box-shadow:0 0 0 3px rgba(139,92,246,.11)!important;
  outline:none!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root label{color:#c7d0df!important;font-weight:650!important;}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root [class*="bg-secondary"]{border-color:rgba(159,173,204,.13)!important;}

/* Table system: desktop density, sticky headers, readable row hover, no clipped identifiers. */
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root [data-ecom-table-shell-v42="true"]{
  position:relative!important;
  overflow:hidden!important;
  border:1px solid rgba(159,173,204,.16)!important;
  border-radius:20px!important;
  background:rgba(11,15,24,.92)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.18)!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root table[data-ecom-table-v42="true"]{
  width:100%!important;
  color:#dbe2ee!important;
  background:transparent!important;
  font-family:ui-sans-serif,system-ui,sans-serif!important;
  border-collapse:separate!important;
  border-spacing:0!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root table[data-ecom-table-v42="true"] thead{
  position:sticky!important;
  top:0!important;
  z-index:4!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root table[data-ecom-table-v42="true"] th{
  min-height:42px!important;
  padding:11px 13px!important;
  border:0!important;
  border-bottom:1px solid rgba(159,173,204,.14)!important;
  color:#8896ad!important;
  background:#101521!important;
  font-size:.68rem!important;
  font-weight:740!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root table[data-ecom-table-v42="true"] td{
  padding:12px 13px!important;
  border:0!important;
  border-bottom:1px solid rgba(159,173,204,.075)!important;
  color:#cbd4e2!important;
  background:transparent!important;
  font-size:.78rem!important;
  line-height:1.4!important;
  vertical-align:middle!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root table[data-ecom-table-v42="true"] tbody tr{transition:background .15s ease!important;}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root table[data-ecom-table-v42="true"] tbody tr:hover td{background:rgba(139,92,246,.055)!important;}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root table[data-ecom-table-v42="true"] tbody tr:last-child td{border-bottom:0!important;}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root table[data-ecom-table-v42="true"] .font-mono,
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root table[data-ecom-table-v42="true"] td:first-child{
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;
  font-variant-numeric:tabular-nums!important;
}

/* V32/V40 product metric cards are restyled instead of removed. */
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root .ecom-product-metrics-v32{
  gap:14px!important;
  margin-bottom:20px!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root .ecom-product-metric-v32{
  min-height:138px!important;
  padding:20px!important;
  border:1px solid rgba(159,173,204,.17)!important;
  border-radius:20px!important;
  color:#e9eef7!important;
  background:linear-gradient(145deg,rgba(18,24,37,.96),rgba(12,16,25,.96))!important;
  box-shadow:0 18px 46px rgba(0,0,0,.17)!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root .ecom-product-metric-v32::before{
  top:0!important;
  right:20px!important;
  width:50px!important;
  height:3px!important;
  border:0!important;
  border-radius:0 0 999px 999px!important;
  opacity:.8!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root .ecom-product-metric-v32 small,
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root .ecom-product-metric-v32 span{color:#8794aa!important;}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root .ecom-product-metric-v32 strong{color:#fff!important;}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root .ecom-generation-setting-v32 label{color:#cbd5e1!important;}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root .ecom-generation-setting-v32 input{
  border:1px solid rgba(159,173,204,.2)!important;
  border-radius:12px!important;
  color:#f8fafc!important;
  background:#0a0e17!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root .ecom-generation-setting-v32 small{color:#7f8da5!important;}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root [data-ecom-combined-products-v32="true"]{
  min-height:42px!important;
  border:1px solid rgba(139,92,246,.45)!important;
  border-radius:12px!important;
  color:#fff!important;
  background:linear-gradient(135deg,#7557f3,#5b47df)!important;
  box-shadow:0 10px 24px rgba(109,76,245,.2)!important;
}

/* Alerts and status blocks use semantic color without harsh paper backgrounds. */
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root [role="alert"]{
  border-radius:14px!important;
  box-shadow:none!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root .bg-red-50,
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root .dark\:bg-red-950{background:rgba(251,113,133,.08)!important;}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root .border-red-300{border-color:rgba(251,113,133,.3)!important;}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root .text-red-800{color:#fda4af!important;}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root .bg-green-50,
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root .dark\:bg-green-950{background:rgba(45,212,191,.075)!important;}

/* Authentication / empty / loading surfaces receive the same visual system. */
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root>.min-h-screen.flex.items-center.justify-center{
  padding:clamp(18px,4vw,56px)!important;
  background:
    radial-gradient(circle at 14% 18%,rgba(139,92,246,.16),transparent 25rem),
    radial-gradient(circle at 83% 70%,rgba(34,211,238,.08),transparent 26rem)!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root>.min-h-screen.flex.items-center.justify-center .max-w-6xl{
  padding:clamp(20px,4vw,42px)!important;
  border:1px solid rgba(159,173,204,.16)!important;
  border-radius:30px!important;
  background:linear-gradient(145deg,rgba(17,22,35,.94),rgba(9,12,20,.96))!important;
  box-shadow:0 32px 90px rgba(0,0,0,.3)!important;
}

/* Confirmation dialog follows the same premium system. */
.ecom-confirm-v41__shell{
  border-color:rgba(159,173,204,.23)!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,#121827,#090d16)!important;
  box-shadow:0 34px 100px rgba(0,0,0,.58),0 0 0 1px rgba(139,92,246,.1)!important;
}
.ecom-confirm-v41__shell::after{background:linear-gradient(90deg,transparent,var(--ecom42-violet),var(--ecom42-cyan-2),transparent)!important;filter:none!important;}
.ecom-confirm-v41__eyebrow{color:#facc15!important;}
.ecom-confirm-v41__code{color:#8be7da!important;}
.ecom-confirm-v41__button{border-radius:12px!important;font-family:ui-sans-serif,system-ui,sans-serif!important;letter-spacing:0!important;text-transform:none!important;}
.ecom-confirm-v41__button--confirm{background:linear-gradient(135deg,#e11d48,#fb7185)!important;}

/* Accessibility */
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] :focus-visible{
  outline:2px solid rgba(45,212,191,.95)!important;
  outline-offset:3px!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .neon-skip{
  border-radius:10px!important;
  color:#fff!important;
  background:#6d4cf5!important;
}

/* Responsive behavior */
@media(max-width:1100px){
  .ecom-v42-command{grid-template-columns:1fr;}
  .ecom-v42-nav{grid-template-columns:repeat(4,minmax(0,1fr));}
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root .ecom-product-metrics-v32{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:760px){
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .project-origin-actions,
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .orb-v11-shell{width:calc(100% - 20px)!important;}
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .project-origin-actions{justify-content:flex-start!important;margin-top:9px!important;}
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .project-origin-action span{display:none!important;}
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .project-origin-action{width:36px!important;min-width:36px!important;padding:0!important;justify-content:center!important;}
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .orb-v11-shell{min-height:178px!important;margin-top:9px!important;border-radius:20px!important;}
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root header .container{padding:12px 12px!important;}
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main.container{padding:16px 10px 38px!important;}
  .ecom-v42-command{gap:18px;margin-bottom:16px;padding:18px;border-radius:20px;}
  .ecom-v42-title{font-size:1.62rem;}
  .ecom-v42-subtitle{font-size:.82rem;}
  .ecom-v42-nav{grid-template-columns:repeat(2,minmax(0,1fr));}
  .ecom-v42-nav button{min-height:64px;padding:11px;}
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main [role="tablist"]{border-radius:14px!important;padding:6px!important;}
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main [role="tab"]{min-height:40px!important;padding:8px 11px!important;font-size:.73rem!important;}
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main [data-ecom-kpi-v42]{min-height:132px!important;padding:17px!important;}
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main [data-ecom-chart-v42="revenue"]{padding:16px!important;border-radius:18px!important;}
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main [data-ecom-chart-v42="revenue"] svg{min-height:245px!important;}
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root .ecom-product-metrics-v32{grid-template-columns:1fr!important;gap:10px!important;}
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root .ecom-product-metric-v32{min-height:118px!important;}
  .ecom-confirm-v41__body{grid-template-columns:3.35rem minmax(0,1fr)!important;padding:1.05rem!important;}
  .ecom-confirm-v41__icon{width:3.35rem!important;height:3.35rem!important;}
  .ecom-confirm-v41__impact{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:0 1.05rem .9rem!important;}
  .ecom-confirm-v41__notice{margin:0 1.05rem 1rem!important;}
  .ecom-confirm-v41__actions{grid-template-columns:1fr!important;padding:.9rem 1.05rem 1.05rem!important;}
}
@media(max-width:430px){
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .neon-statusbar{grid-template-columns:auto auto minmax(0,1fr) auto!important;padding:6px 8px!important;}
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .neon-statusbar strong{font-size:.65rem!important;}
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .neon-install{padding:.46rem .58rem!important;font-size:.55rem!important;}
  .ecom-v42-command{padding:16px;}
  .ecom-v42-title{font-size:1.45rem;}
  .ecom-v42-meta{gap:6px;}
  .ecom-v42-pill{font-size:.64rem;}
  .ecom-v42-nav button{min-height:60px;}
  .ecom-v42-nav span{display:none;}
}
@media(prefers-reduced-motion:reduce){
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] *,
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] *::before,
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] *::after{
    scroll-behavior:auto!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
}