/* E-commerce Sales Analysis V30 — clearer relation columns and orderly pagination layout. */
:root{
  --esa-v30-panel:#071017;
  --esa-v30-panel-soft:#111b25;
  --esa-v30-border:#526173;
  --esa-v30-white:#ffffff;
  --esa-v30-green:#39ff14;
  --esa-v30-cyan:#26e6ff;
  --esa-v30-muted:#d8e0e8;
}

/* --------------------------------------------------------------------------
   FINAL DATA RELATIONS TABLE
   Give Inventory Status and Order Qty independent, readable tracks.
   -------------------------------------------------------------------------- */
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root table.ecom-relations-v29__table{
  width:1725px!important;
  min-width:1725px!important;
  max-width:none!important;
  table-layout:fixed!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root table.ecom-relations-v29__table :is(th,td){
  box-sizing:border-box!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root table.ecom-relations-v29__table :is(th,td):nth-child(1){width:110px!important;}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root table.ecom-relations-v29__table :is(th,td):nth-child(2){width:115px!important;}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root table.ecom-relations-v29__table :is(th,td):nth-child(3){width:220px!important;}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root table.ecom-relations-v29__table :is(th,td):nth-child(4){width:110px!important;}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root table.ecom-relations-v29__table :is(th,td):nth-child(5){width:190px!important;}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root table.ecom-relations-v29__table :is(th,td):nth-child(6){width:145px!important;}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root table.ecom-relations-v29__table :is(th,td):nth-child(7){width:105px!important;text-align:center!important;}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root table.ecom-relations-v29__table :is(th,td):nth-child(8){
  width:175px!important;
  min-width:175px!important;
  padding-left:1rem!important;
  padding-right:1rem!important;
  text-align:center!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root table.ecom-relations-v29__table :is(th,td):nth-child(9){
  width:120px!important;
  min-width:120px!important;
  padding-left:1rem!important;
  padding-right:1rem!important;
  text-align:center!important;
  border-left:2px solid #94a3b8!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root table.ecom-relations-v29__table th:nth-child(8){
  color:#fff!important;
  border-right:2px solid var(--esa-v30-cyan)!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root table.ecom-relations-v29__table th:nth-child(9){
  color:#fff!important;
  border-left:0!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root table.ecom-relations-v29__table :is(th,td):nth-child(10){width:150px!important;text-align:center!important;}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root table.ecom-relations-v29__table :is(th,td):nth-child(11){width:130px!important;text-align:right!important;}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root table.ecom-relations-v29__table :is(th,td):nth-child(12){width:155px!important;text-align:center!important;}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root table.ecom-relations-v29__table th{
  line-height:1.2!important;
  vertical-align:middle!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root table.ecom-relations-v29__table td:nth-child(8) .ecom-relations-v29__status{
  min-width:92px!important;
  justify-content:center!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root table.ecom-relations-v29__table td:nth-child(9){
  font-variant-numeric:tabular-nums!important;
  font-weight:1000!important;
  color:#07101f!important;
}

/* --------------------------------------------------------------------------
   PRODUCTS / ORDERS / CUSTOMERS PAGINATION
   Meta information occupies a full row; navigation receives its own row.
   -------------------------------------------------------------------------- */
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root .ecom-pagination-v28{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  align-items:stretch!important;
  gap:.9rem!important;
  padding:1rem!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root .ecom-pagination-v28__meta{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(280px,1fr) auto auto!important;
  align-items:center!important;
  gap:.75rem 1rem!important;
  padding-bottom:.85rem!important;
  border-bottom:1px solid #344252!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root .ecom-pagination-v28__summary{
  min-width:0!important;
  margin:0!important;
  color:var(--esa-v30-white)!important;
  font-size:.88rem!important;
  line-height:1.5!important;
  font-weight:950!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root .ecom-pagination-v28__page-status{
  justify-self:end!important;
  min-width:max-content!important;
  min-height:2.35rem!important;
  padding:.48rem .78rem!important;
  border-color:#526173!important;
  background:var(--esa-v30-panel-soft)!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root .ecom-pagination-v28__size{
  justify-self:end!important;
  min-width:max-content!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root .ecom-pagination-v28__nav{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  justify-content:stretch!important;
  gap:.65rem!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root .ecom-pagination-v28__pages{
  width:100%!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:nowrap!important;
  gap:.38rem!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  overscroll-behavior-inline:contain!important;
  scrollbar-width:thin!important;
  scrollbar-color:var(--esa-v30-green) #111820!important;
  padding:.35rem .25rem .48rem!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root .ecom-pagination-v28__pages::-webkit-scrollbar{height:8px!important;}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root .ecom-pagination-v28__pages::-webkit-scrollbar-track{background:#111820!important;}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root .ecom-pagination-v28__pages::-webkit-scrollbar-thumb{background:var(--esa-v30-green)!important;border-radius:999px!important;}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root .ecom-pagination-v28__prev,
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root .ecom-pagination-v28__next{
  min-width:7.2rem!important;
  white-space:nowrap!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root .ecom-pagination-v28__pages button{
  flex:0 0 auto!important;
}

/* The relation panel pager follows the same clean hierarchy. */
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root .ecom-relations-v29__pager{
  display:grid!important;
  grid-template-columns:minmax(270px,1fr) minmax(0,2fr)!important;
  align-items:center!important;
  gap:1rem!important;
  padding:1rem!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root .ecom-relations-v29__pager p{
  min-width:0!important;
  line-height:1.5!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root .ecom-relations-v29__pages{
  width:100%!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:nowrap!important;
  gap:.38rem!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  overscroll-behavior-inline:contain!important;
  scrollbar-width:thin!important;
  scrollbar-color:var(--esa-v30-cyan) #111820!important;
  padding:.35rem .2rem .48rem!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root .ecom-relations-v29__pages button,
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root .ecom-relations-v29__pages span{
  flex:0 0 auto!important;
}

@media(max-width:900px){
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root .ecom-pagination-v28__meta{
    grid-template-columns:minmax(0,1fr) auto!important;
  }
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root .ecom-pagination-v28__summary{
    grid-column:1 / -1!important;
  }
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root .ecom-pagination-v28__page-status{justify-self:start!important;}
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root .ecom-pagination-v28__size{justify-self:end!important;}
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root .ecom-relations-v29__pager{
    grid-template-columns:1fr!important;
  }
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root .ecom-relations-v29__pages{justify-content:flex-start!important;}
}

@media(max-width:560px){
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root .ecom-pagination-v28{
    padding:.82rem!important;
  }
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root .ecom-pagination-v28__meta{
    grid-template-columns:1fr!important;
    gap:.65rem!important;
  }
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root .ecom-pagination-v28__summary,
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root .ecom-pagination-v28__page-status,
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root .ecom-pagination-v28__size{
    grid-column:1!important;
    justify-self:stretch!important;
  }
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root .ecom-pagination-v28__page-status{
    justify-content:center!important;
  }
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root .ecom-pagination-v28__size{
    justify-content:space-between!important;
  }
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root .ecom-pagination-v28__nav{
    grid-template-columns:2.5rem minmax(0,1fr) 2.5rem!important;
    gap:.4rem!important;
  }
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root .ecom-pagination-v28__prev,
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root .ecom-pagination-v28__next{
    min-width:2.5rem!important;
  }
}

@media(max-width:560px){
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root .ecom-pagination-v28 button.ecom-pagination-v28__prev,
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root .ecom-pagination-v28 button.ecom-pagination-v28__next{
    font-size:0!important;
    padding:0!important;
  }
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root .ecom-pagination-v28 button.ecom-pagination-v28__prev::after{
    content:"←"!important;
    font-size:1rem!important;
  }
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root .ecom-pagination-v28 button.ecom-pagination-v28__next::after{
    content:"→"!important;
    font-size:1rem!important;
  }
}