/* E-commerce Sales Analysis V22 — readable table columns and high-contrast data grids. */
:root{
  --esa-v22-black:#050506;
  --esa-v22-panel:#ffffff;
  --esa-v22-line:#151515;
  --esa-v22-green:#39ff14;
  --esa-v22-pink:#ff1493;
  --esa-v22-cyan:#26e6ff;
  --esa-v22-ink:#020617;
  --esa-v22-muted:#334155;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root{
  color:var(--esa-v22-ink)!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root :is([class*="overflow-x-auto"], [data-radix-scroll-area-viewport]){
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:thin!important;
  scrollbar-color:var(--esa-v22-green) #111!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root :is(table, .data-table, [role="table"]){
  width:100%!important;
  min-width:980px!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  table-layout:fixed!important;
  background:#fafafa!important;
  color:var(--esa-v22-ink)!important;
  border:2px solid var(--esa-v22-line)!important;
  box-shadow:5px 5px 0 var(--esa-v22-green)!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root :is(thead, [role="rowgroup"]:first-child),
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root table thead tr,
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root table tr:first-child{
  background:var(--esa-v22-black)!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root :is(th, [role="columnheader"]){
  background:var(--esa-v22-black)!important;
  color:#ffffff!important;
  opacity:1!important;
  text-shadow:none!important;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;
  font-size:clamp(.72rem,.9vw,.88rem)!important;
  font-weight:950!important;
  letter-spacing:.04em!important;
  line-height:1.25!important;
  padding:.72rem .8rem!important;
  border-bottom:2px solid var(--esa-v22-line)!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  vertical-align:middle!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root :is(th, [role="columnheader"]) :is(span,div,p,button,svg){
  color:#ffffff!important;
  opacity:1!important;
  fill:#ffffff!important;
  stroke:#ffffff!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root :is(th, [role="columnheader"]):first-child,
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root table th:nth-child(1){color:var(--esa-v22-green)!important;}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root table th:nth-child(2){color:#ffffff!important;}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root table th:nth-child(3){color:#ffffff!important;}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root table th:last-child{color:var(--esa-v22-cyan)!important;text-align:center!important;}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root :is(td, [role="cell"]){
  color:var(--esa-v22-ink)!important;
  background:#f7f7f7!important;
  opacity:1!important;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;
  font-weight:800!important;
  font-size:clamp(.76rem,.9vw,.9rem)!important;
  line-height:1.35!important;
  padding:.7rem .8rem!important;
  border-bottom:1px solid #1f2937!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  vertical-align:middle!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root tbody tr:nth-child(even) :is(td,[role="cell"]){background:#eeeeee!important;}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root tbody tr:hover :is(td,[role="cell"]){background:#e8fff0!important;color:#000!important;}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root table td:first-child,
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root [role="cell"]:first-child{color:#000!important;font-weight:950!important;}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root :is(.text-muted-foreground,.text-muted,.opacity-50,.opacity-60,.opacity-70){
  color:var(--esa-v22-muted)!important;
  opacity:1!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root :is(button[role="combobox"], select, [data-slot="select-trigger"]){
  background:#050506!important;
  color:#ffffff!important;
  border:2px solid #050506!important;
  opacity:1!important;
  box-shadow:4px 4px 0 var(--esa-v22-green)!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root :is(button[role="combobox"], select, [data-slot="select-trigger"]) *{
  color:#ffffff!important;
  opacity:1!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root :is(input, textarea){
  background:#ffffff!important;
  color:#020617!important;
  border:2px solid #111!important;
  opacity:1!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root table button,
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root [role="cell"] button{
  min-width:38px!important;
  min-height:34px!important;
  background:#050506!important;
  color:#ffffff!important;
  border:1px solid #000!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin-inline:.15rem!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root table button svg,
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root [role="cell"] button svg{stroke:#ffffff!important;}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root table th:nth-child(1), body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root table td:nth-child(1){width:8.5rem!important;}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root table th:nth-child(2), body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root table td:nth-child(2){width:15rem!important;}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root table th:nth-child(3), body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root table td:nth-child(3){width:13rem!important;}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root table th:last-child, body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root table td:last-child{width:8rem!important;text-align:center!important;}
@media(max-width:900px){
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root :is(table,.data-table,[role="table"]){min-width:920px!important;}
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root :is(th,[role="columnheader"]){font-size:.74rem!important;padding:.66rem .72rem!important;}
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root :is(td,[role="cell"]){font-size:.78rem!important;padding:.66rem .72rem!important;}
}
@media(max-width:520px){
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root :is([class*="overflow-x-auto"], [data-radix-scroll-area-viewport]){
    border:2px solid #111!important;
    background:#f8f8f8!important;
    box-shadow:5px 5px 0 var(--esa-v22-green)!important;
    padding-bottom:.35rem!important;
  }
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root :is(table,.data-table,[role="table"]){min-width:860px!important;}
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root table th:nth-child(2), body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root table td:nth-child(2){width:13rem!important;}
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root table th:nth-child(3), body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root table td:nth-child(3){width:11rem!important;}
}