/* E-commerce Sales Analysis V47 — Data Generator Clarity
   Final override for the Data Generator cards, relation helper, and relationship guide.
   Keeps the dark CodeBucks-inspired identity while prioritizing readable analytics UI. */
:root{
  --e47-bg:#0b0c12;
  --e47-panel:#14151d;
  --e47-panel-2:#191a23;
  --e47-panel-3:#20212b;
  --e47-border:#3f414d;
  --e47-border-strong:#585b68;
  --e47-text:#f7f7fb;
  --e47-text-2:#d7d8e0;
  --e47-muted:#a9abb7;
  --e47-purple:#7c3aed;
  --e47-purple-soft:#a78bfa;
  --e47-pink:#ec4899;
  --e47-green:#86efac;
  --e47-green-bg:#123128;
  --e47-info:#bfdbfe;
  --e47-info-bg:#15263e;
}

/* ---------- Dataset summary cards ---------- */
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main [data-ecom-gen-card-v47]{
  position:relative!important;
  min-height:184px!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid var(--e47-border)!important;
  border-radius:16px!important;
  background:
    radial-gradient(circle at 92% 0%,rgba(124,58,237,.15),transparent 34%),
    linear-gradient(145deg,#181922 0%,#13141b 72%)!important;
  box-shadow:none!important;
  isolation:isolate;
}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main [data-ecom-gen-card-v47]::before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;
  width:4px;
  background:linear-gradient(180deg,var(--e47-purple-soft),var(--e47-pink));
}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main [data-ecom-gen-card-v47]::after{
  content:"";
  position:absolute;
  width:92px;height:92px;
  right:-42px;top:-44px;
  border:1px solid rgba(167,139,250,.18);
  border-radius:50%;
  background:rgba(124,58,237,.06);
  pointer-events:none;
}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main [data-ecom-gen-card-v47] > *{
  position:relative;z-index:1;
}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main [data-ecom-gen-card-v47] :is([class*="CardHeader"],[class*="card-header"]){
  padding-bottom:.55rem!important;
}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main [data-ecom-gen-card-v47] [data-ecom-gen-label-v47]{
  color:#c9cad4!important;
  font:700 .77rem/1.2 Inter,ui-sans-serif,system-ui,sans-serif!important;
  letter-spacing:.015em!important;
}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main [data-ecom-gen-card-v47] [data-ecom-gen-count-v47]{
  color:#fff!important;
  font:800 clamp(2rem,2.7vw,2.55rem)/1 Inter,ui-sans-serif,system-ui,sans-serif!important;
  letter-spacing:-.045em!important;
  font-variant-numeric:tabular-nums!important;
  text-shadow:none!important;
}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main [data-ecom-ready-v47]{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  width:max-content!important;
  min-height:30px!important;
  padding:6px 10px!important;
  border:1px solid #2f775a!important;
  border-radius:999px!important;
  background:var(--e47-green-bg)!important;
  color:#b7f7d1!important;
  font:800 .7rem/1 Inter,ui-sans-serif,system-ui,sans-serif!important;
  letter-spacing:.01em!important;
  opacity:1!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main [data-ecom-ready-v47]::before{
  content:"";
  width:7px;height:7px;flex:0 0 7px;
  border-radius:50%;
  background:#4ade80;
  box-shadow:0 0 0 3px rgba(74,222,128,.12);
}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .ecom-gen-card-copy-v47{
  margin:10px 0 0!important;
  max-width:36ch;
  color:#b9bbc6!important;
  font:550 .74rem/1.48 Inter,ui-sans-serif,system-ui,sans-serif!important;
}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .ecom-gen-card-rel-v47{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  margin-top:9px!important;
  color:#ddd8eb!important;
  font:700 .68rem/1.35 Inter,ui-sans-serif,system-ui,sans-serif!important;
}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .ecom-gen-card-rel-v47::before{
  content:"↳";
  color:var(--e47-purple-soft);
  font-size:.82rem;
}

/* ---------- Combined Products + Inventory explanation ---------- */
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .ecom-combined-helper-v32{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  gap:11px!important;
  align-items:start!important;
  width:100%!important;
  margin:12px 0 0!important;
  padding:12px 14px!important;
  border:1px solid #44506a!important;
  border-left:4px solid #8b5cf6!important;
  border-radius:11px!important;
  background:linear-gradient(90deg,#171a29,#141720)!important;
  color:var(--e47-text-2)!important;
  box-shadow:none!important;
  outline:0!important;
  font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;
  text-shadow:none!important;
}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .ecom-helper-v47__icon{
  display:inline-grid;
  place-items:center;
  width:28px;height:28px;
  border:1px solid #66518f;
  border-radius:9px;
  background:#262038;
  color:#d9ccff!important;
  font:850 .8rem/1 Inter,ui-sans-serif,system-ui,sans-serif!important;
}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .ecom-helper-v47__body strong{
  display:block!important;
  margin:0 0 3px!important;
  color:#f3f1fb!important;
  font:800 .78rem/1.3 Inter,ui-sans-serif,system-ui,sans-serif!important;
}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .ecom-helper-v47__body span{
  display:block!important;
  color:#bdc0cc!important;
  font:550 .72rem/1.45 Inter,ui-sans-serif,system-ui,sans-serif!important;
}

/* Compact storage/recommendation notes into a readable secondary panel. */
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .ecom-generator-notes-v47{
  margin-top:11px!important;
  padding:10px 12px!important;
  border:1px solid #343642!important;
  border-radius:10px!important;
  background:#111218!important;
}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .ecom-generator-notes-v47 p{
  margin:0!important;
  color:#aeb0bb!important;
  font:550 .68rem/1.48 Inter,ui-sans-serif,system-ui,sans-serif!important;
}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .ecom-generator-notes-v47 p+p{margin-top:3px!important;}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .ecom-generator-notes-v47 strong{color:#d9dae2!important;}

/* ---------- Generation & table relationship ---------- */
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .ecom-data-flow-v32{
  margin-top:14px!important;
  overflow:hidden!important;
  border:1px solid #41434f!important;
  border-radius:14px!important;
  background:#111218!important;
  color:var(--e47-text)!important;
  box-shadow:none!important;
}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .ecom-data-flow-v32__heading{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:16px!important;
  padding:14px 16px!important;
  border-bottom:1px solid #353743!important;
  background:#16171e!important;
  color:#fff!important;
}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .ecom-data-flow-v32__heading strong{
  color:#fff!important;
  font:850 .84rem/1.25 Inter,ui-sans-serif,system-ui,sans-serif!important;
  letter-spacing:.02em!important;
  text-transform:none!important;
}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .ecom-data-flow-v32__heading span{
  color:#aeb0bd!important;
  font:600 .68rem/1.35 Inter,ui-sans-serif,system-ui,sans-serif!important;
  text-align:right!important;
}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .ecom-data-flow-v32__steps{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  padding:12px!important;
  background:#111218!important;
}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .ecom-data-flow-v32__steps article{
  position:relative!important;
  min-width:0!important;
  min-height:150px!important;
  padding:46px 13px 13px!important;
  border:1px solid #393b47!important;
  border-radius:11px!important;
  background:linear-gradient(155deg,#1b1c25,#171820)!important;
  color:var(--e47-text)!important;
  box-shadow:none!important;
}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .ecom-data-flow-v32__steps article::before{
  position:absolute;
  top:12px;left:13px;
  display:grid;
  place-items:center;
  width:25px;height:25px;
  border:1px solid #6448a8;
  border-radius:8px;
  background:#281f40;
  color:#d9ccff;
  font:850 .66rem/1 Inter,ui-sans-serif,system-ui,sans-serif;
}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .ecom-data-flow-v32__steps article:nth-child(1)::before{content:"01";}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .ecom-data-flow-v32__steps article:nth-child(2)::before{content:"02";}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .ecom-data-flow-v32__steps article:nth-child(3)::before{content:"03";}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .ecom-data-flow-v32__steps article:nth-child(4)::before{content:"04";}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .ecom-data-flow-v32__steps b{
  display:block!important;
  margin:0 0 7px!important;
  color:#f6f6fa!important;
  font:800 .76rem/1.3 Inter,ui-sans-serif,system-ui,sans-serif!important;
}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .ecom-data-flow-v32__steps p{
  margin:0!important;
  color:#b6b8c3!important;
  font:550 .69rem/1.5 Inter,ui-sans-serif,system-ui,sans-serif!important;
}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .ecom-data-flow-v32__formula{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  padding:12px 14px!important;
  border-top:1px solid #353743!important;
  background:#14151c!important;
  color:#d7d8e0!important;
  font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;
  text-align:center!important;
}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .ecom-flow-node-v47{
  display:inline-flex;
  align-items:center;
  min-height:27px;
  padding:5px 9px;
  border:1px solid #434652;
  border-radius:8px;
  background:#1d1e27;
  color:#e9e9ee!important;
  font:750 .67rem/1 Inter,ui-sans-serif,system-ui,sans-serif!important;
}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .ecom-flow-arrow-v47{
  color:#a78bfa!important;
  font:900 .78rem/1 Inter,ui-sans-serif,system-ui,sans-serif!important;
}

@media (hover:hover) and (pointer:fine){
  html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main [data-ecom-gen-card-v47]{transition:transform .2s ease,border-color .2s ease,background .2s ease!important;}
  html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main [data-ecom-gen-card-v47]:hover{transform:translateY(-2px)!important;border-color:#65578a!important;}
  html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .ecom-data-flow-v32__steps article{transition:border-color .2s ease,background .2s ease!important;}
  html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .ecom-data-flow-v32__steps article:hover{border-color:#5c4a83!important;background:#1f1e2a!important;}
}

@media(max-width:980px){
  html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .ecom-data-flow-v32__steps{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:640px){
  html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main [data-ecom-gen-card-v47]{min-height:170px!important;}
  html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .ecom-data-flow-v32__heading{align-items:flex-start!important;flex-direction:column!important;gap:4px!important;}
  html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .ecom-data-flow-v32__heading span{text-align:left!important;}
  html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .ecom-data-flow-v32__steps{grid-template-columns:1fr!important;}
  html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .ecom-data-flow-v32__steps article{min-height:0!important;}
  html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .ecom-flow-arrow-v47{transform:rotate(90deg);}
}
@media(prefers-reduced-motion:reduce){
  html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main [data-ecom-gen-card-v47],
  html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .ecom-data-flow-v32__steps article{transition:none!important;transform:none!important;}
}