/* ======================================================================
   E-commerce Sales Analysis V46 — Status Clarity & Table Polish
   Final override layer for readable customer segments, inventory/order
   statuses, dark relation controls, and consistent table navigation.
   ====================================================================== */

html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"]{
  --v46-surface:#101116;
  --v46-surface-2:#15161d;
  --v46-surface-3:#1b1c24;
  --v46-line:#393b47;
  --v46-line-strong:#505260;
  --v46-text:#f3f3f7;
  --v46-muted:#b8bac5;
  --v46-purple:#8b5cf6;
}

/* ---------- Search/filter controls: remove old neon/white fragments ---------- */
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main input,
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main select,
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main [role="combobox"]{
  border-color:#474955!important;
  background:#0f1015!important;
  color:#f2f2f6!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main input::placeholder{color:#8f919d!important;opacity:1!important;}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main input:focus,
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main select:focus,
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main [role="combobox"]:focus,
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main [role="combobox"]:focus-visible{
  border-color:#8b5cf6!important;
  outline:2px solid rgba(139,92,246,.28)!important;
  outline-offset:1px!important;
  box-shadow:none!important;
}

/* ---------- Semantic chips created by V46 ---------- */
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .ecom-chip-v46{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-height:28px!important;
  min-width:76px!important;
  padding:5px 10px!important;
  border:1px solid currentColor!important;
  border-radius:999px!important;
  background:#22232b!important;
  color:#f4f4f6!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:.69rem!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:.01em!important;
  white-space:nowrap!important;
  opacity:1!important;
  text-shadow:none!important;
  box-shadow:none!important;
}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .ecom-chip-v46::before{
  content:"";
  width:6px!important;height:6px!important;flex:0 0 6px!important;
  border-radius:50%!important;background:currentColor!important;opacity:.95!important;
}

/* Customer segment semantics */
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .ecom-chip-v46[data-kind="segment"][data-tone="regular"]{
  color:#bfdbfe!important;background:#162943!important;border-color:#3b6ca8!important;
}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .ecom-chip-v46[data-kind="segment"][data-tone="vip"]{
  color:#e9d5ff!important;background:#33204f!important;border-color:#7e4db3!important;
}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .ecom-chip-v46[data-kind="segment"][data-tone="enterprise"]{
  color:#fde68a!important;background:#382b13!important;border-color:#87671f!important;
}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .ecom-chip-v46[data-kind="segment"][data-tone="new"]{
  color:#a7f3d0!important;background:#153229!important;border-color:#347a60!important;
}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .ecom-chip-v46[data-kind="segment"][data-tone="at-risk"]{
  color:#fecdd3!important;background:#3c1820!important;border-color:#964154!important;
}

/* Inventory semantics */
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .ecom-chip-v46[data-kind="inventory"][data-tone="healthy"]{
  color:#a7f3d0!important;background:#123128!important;border-color:#2e7d5d!important;
}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .ecom-chip-v46[data-kind="inventory"][data-tone="low"]{
  color:#bfdbfe!important;background:#172b49!important;border-color:#3b6ca8!important;
}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .ecom-chip-v46[data-kind="inventory"][data-tone="reorder"]{
  color:#fde68a!important;background:#372b12!important;border-color:#8a681e!important;
}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .ecom-chip-v46[data-kind="inventory"][data-tone="critical"]{
  color:#fed7aa!important;background:#3b2014!important;border-color:#a45025!important;
}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .ecom-chip-v46[data-kind="inventory"][data-tone="out-of-stock"]{
  color:#fecdd3!important;background:#3d171f!important;border-color:#a53f52!important;
}

/* Order semantics */
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .ecom-chip-v46[data-kind="order"][data-tone="delivered"]{
  color:#a7f3d0!important;background:#123128!important;border-color:#2e7d5d!important;
}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .ecom-chip-v46[data-kind="order"][data-tone="pending"]{
  color:#fde68a!important;background:#372b12!important;border-color:#8a681e!important;
}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .ecom-chip-v46[data-kind="order"][data-tone="processing"]{
  color:#bfdbfe!important;background:#172b49!important;border-color:#3b6ca8!important;
}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .ecom-chip-v46[data-kind="order"][data-tone="shipped"]{
  color:#e9d5ff!important;background:#33204f!important;border-color:#7e4db3!important;
}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .ecom-chip-v46[data-kind="order"][data-tone="cancelled"],
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .ecom-chip-v46[data-kind="order"][data-tone="refunded"]{
  color:#fecdd3!important;background:#3d171f!important;border-color:#a53f52!important;
}

/* Extra specificity for legacy status pills that appear in Relations before JS enhancement. */
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .ecom-relations-v29__status{
  color:#e8e8ee!important;background:#24252e!important;border-color:#555867!important;box-shadow:none!important;text-shadow:none!important;
}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .ecom-relations-v29__status[data-status="healthy"],
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .ecom-relations-v29__status[data-status="delivered"]{
  color:#a7f3d0!important;background:#123128!important;border-color:#2e7d5d!important;
}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .ecom-relations-v29__status[data-status="low"]{
  color:#bfdbfe!important;background:#172b49!important;border-color:#3b6ca8!important;
}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .ecom-relations-v29__status[data-status="reorder"],
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .ecom-relations-v29__status[data-status="pending"]{
  color:#fde68a!important;background:#372b12!important;border-color:#8a681e!important;
}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .ecom-relations-v29__status[data-status="critical"]{
  color:#fed7aa!important;background:#3b2014!important;border-color:#a45025!important;
}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .ecom-relations-v29__status[data-status="cancelled"]{
  color:#fecdd3!important;background:#3d171f!important;border-color:#a53f52!important;
}

/* ---------- Customer table: enough room for email and status ---------- */
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main table[data-ecom-table-v46="customers"]{
  min-width:1180px!important;
  table-layout:fixed!important;
}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main table[data-ecom-table-v46="customers"] :is(th,td):nth-child(1){width:110px!important;}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main table[data-ecom-table-v46="customers"] :is(th,td):nth-child(2){width:160px!important;}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main table[data-ecom-table-v46="customers"] :is(th,td):nth-child(3){width:230px!important;}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main table[data-ecom-table-v46="customers"] :is(th,td):nth-child(4){width:130px!important;text-align:center!important;}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main table[data-ecom-table-v46="customers"] :is(th,td):nth-child(5){width:180px!important;}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main table[data-ecom-table-v46="customers"] :is(th,td):nth-child(6){width:100px!important;text-align:right!important;}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main table[data-ecom-table-v46="customers"] :is(th,td):nth-child(7){width:135px!important;text-align:right!important;}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main table[data-ecom-table-v46="customers"] :is(th,td):nth-child(8){width:125px!important;}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main table[data-ecom-table-v46="customers"] :is(th,td):nth-child(9){width:115px!important;text-align:center!important;}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main table[data-ecom-table-v46="customers"] td:nth-child(3){overflow-wrap:anywhere!important;word-break:normal!important;color:#e7e7ed!important;}

/* ---------- Relations block: remove the old white toolbar/table shell ---------- */
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .ecom-relations-v29__toolbar{
  margin-bottom:12px!important;padding:12px!important;
  border:1px solid #3c3e49!important;border-radius:12px!important;
  background:#15161d!important;box-shadow:none!important;
}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .ecom-relations-v29__toolbar input{
  min-height:42px!important;border:1px solid #474955!important;border-radius:9px!important;
  background:#0f1015!important;color:#f1f1f5!important;
  font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;font-weight:650!important;
}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .ecom-relations-v29__toolbar label{color:#d6d7df!important;font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .ecom-relations-v29__toolbar select{
  min-height:42px!important;border:1px solid #555766!important;background:#0f1015!important;color:#fff!important;box-shadow:none!important;
}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .ecom-relations-v29__scroll{
  border:1px solid #3c3e49!important;border-radius:12px!important;background:#111218!important;
  scrollbar-color:#7c3aed #111218!important;
}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main table.ecom-relations-v29__table{
  background:#111218!important;border:0!important;box-shadow:none!important;
}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main table.ecom-relations-v29__table thead th{
  background:#272832!important;color:#f0f0f4!important;border-color:#484a56!important;
}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main table.ecom-relations-v29__table tbody td,
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main table.ecom-relations-v29__table tbody tr:nth-child(even) td{
  background:#14151b!important;color:#ececf2!important;border-color:#353743!important;
}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main table.ecom-relations-v29__table tbody tr:nth-child(even) td{background:#181920!important;}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main table.ecom-relations-v29__table tbody tr:hover td{background:#211f2b!important;}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main table.ecom-relations-v29__table td:nth-child(n){text-shadow:none!important;}

/* ---------- Horizontal navigation buttons: one accent, no cyan/green split ---------- */
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .ecom-table-touch-tools-v31{
  border-color:#3d3f4a!important;background:#111218!important;box-shadow:none!important;
}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .ecom-table-touch-tools-v31 button,
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main button[data-dir="left"],
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main button[data-dir="right"]{
  border:1px solid #5f4c89!important;background:#1b1923!important;color:#f0ecff!important;
  box-shadow:none!important;text-shadow:none!important;outline:none!important;
}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .ecom-table-touch-tools-v31 button:hover,
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main button[data-dir="left"]:hover,
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main button[data-dir="right"]:hover{
  border-color:#8b5cf6!important;background:#2a2140!important;color:#fff!important;box-shadow:none!important;
}

/* ---------- PWA install: ensure the last word is not neon green ---------- */
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .pwa-install-fab,
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] [class*="pwa-install-fab"]{
  border:1px solid #8b5cf6!important;background:#6d28d9!important;color:#fff!important;
  box-shadow:0 10px 28px rgba(0,0,0,.30)!important;text-shadow:none!important;
}
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .pwa-install-fab *,
html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] [class*="pwa-install-fab"] *{color:#fff!important;fill:currentColor!important;}

@media(max-width:640px){
  html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .ecom-chip-v46{min-width:68px!important;padding:5px 8px!important;font-size:.66rem!important;}
  html body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main .ecom-relations-v29__toolbar{padding:10px!important;}
}