/* E-commerce Sales Analysis V21 — table width, visible dark text, inventory/data generator helper. */
:root{--esa-green:#39ff14;--esa-pink:#ff1493;--esa-cyan:#26e6ff;--esa-ink:#050506;--esa-paper:#f7f7f7;}
html,body{max-width:100%;overflow-x:hidden!important;}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"],
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] *{box-sizing:border-box;}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .project-origin-actions{
  width:min(1180px,calc(100vw - 26px))!important;
  max-width:100%!important;
  margin:14px auto 12px!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(240px,1fr))!important;
  gap:12px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:thin!important;
  scrollbar-color:var(--esa-green) #111!important;
  padding:0 2px 8px!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .project-origin-action{
  width:100%!important;
  min-width:230px!important;
  max-width:100%!important;
  min-height:52px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  justify-content:center!important;
  border:3px solid #070707!important;
  color:#050506!important;
  background:#fafafa!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main,
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root .container{
  width:min(1440px,calc(100vw - 32px))!important;
  max-width:min(1440px,calc(100vw - 32px))!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root [class*="rounded-md"][class*="border"],
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root [class*="overflow-x-auto"]{
  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-green) #0b0b0d!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root table{
  width:100%!important;
  min-width:960px!important;
  max-width:none!important;
  border-collapse:collapse!important;
  table-layout:auto!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root thead,
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root table thead tr,
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root table th{
  background:#070708!important;
  color:var(--esa-green)!important;
  opacity:1!important;
  text-shadow:0 0 8px rgba(57,255,20,.45)!important;
  letter-spacing:.045em!important;
  font-weight:900!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root table th,
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root table td{
  padding:.8rem .9rem!important;
  border-color:#17171a!important;
  vertical-align:middle!important;
  white-space:nowrap!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root table tbody td{
  color:#050506!important;
  background:#f8f8f8!important;
  opacity:1!important;
  font-weight:700!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root table tbody tr:nth-child(even) td{background:#efefef!important;}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root table tbody td .text-muted-foreground{color:#1f2937!important;opacity:1!important;}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root table button{
  color:#fff!important;
  background:#030304!important;
  border:1px solid #111!important;
  min-width:40px!important;
  min-height:36px!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root button[role="combobox"],
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root select,
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root [data-slot="select-trigger"]{
  background:#030304!important;
  color:#ffffff!important;
  border:2px solid #111!important;
  box-shadow:4px 4px 0 var(--esa-green)!important;
  opacity:1!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root button[role="combobox"] *,
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root [data-slot="select-trigger"] *{color:#ffffff!important;opacity:1!important;}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root input{
  color:#111!important;
  background:#fff!important;
  border-color:#111!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root [role="tablist"]{
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .inventory-quick-generate-v21{
  display:flex;gap:.6rem;align-items:center;justify-content:space-between;flex-wrap:wrap;
  margin:0 0 1rem;padding:.85rem 1rem;border:2px solid var(--esa-green);background:#050506;color:#fff;
  box-shadow:5px 5px 0 var(--esa-pink);font-family:ui-monospace,monospace;font-weight:800;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .inventory-quick-generate-v21 button{
  background:var(--esa-green)!important;color:#050506!important;border:0!important;padding:.75rem 1rem!important;font-weight:900!important;
}
@media(max-width:900px){
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .project-origin-actions{
    width:calc(100vw - 16px)!important;
    grid-template-columns:repeat(2,minmax(190px,1fr))!important;
    justify-content:start!important;
    margin:10px auto 8px!important;
  }
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .project-origin-action{min-width:190px!important;font-size:.68rem!important;min-height:48px!important;}
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main,
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root .container{width:100%!important;max-width:100%!important;padding-inline:.7rem!important;}
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root table{min-width:880px!important;}
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root table th,
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root table td{padding:.72rem .78rem!important;font-size:.82rem!important;}
}
@media(max-width:420px){
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .project-origin-actions{grid-template-columns:repeat(2,minmax(175px,1fr))!important;}
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .project-origin-action{min-width:175px!important;font-size:.62rem!important;}
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root table{min-width:820px!important;}
}