/* Global styles - using Polaris design system */
html {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  max-width: 100vw;
  /* Prevent scroll restoration on reload */
  scroll-behavior: auto;
  /* Prevent white flash - set background immediately */
  background-color: #ffffff;
}

body {
  margin: 0;
  padding: 0;
  min-width: 320px;
  min-height: 100vh;
  width: 100%;
  max-width: 100vw;
  overflow-x: hidden;
  /* Ensure body starts at top */
  position: relative;
  /* Prevent white flash - set background immediately */
  background-color: #ffffff;
}

#root {
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 100vw;
  min-height: 100vh;
  position: relative;
  overflow-x: hidden;
  /* Prevent white flash - set background immediately */
  background-color: #ffffff;
}

/*
 * Embedded: s-page projects title + actions to Shopify Admin title bar.
 * Collapse in-iframe shell only (slotted nodes still register with App Bridge).
 */
.ecom-embedded-s-page {
  display: block !important;
  min-height: 0 !important;
  max-height: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: none !important;
  line-height: 0 !important;
}

.ecom-embedded-chrome-host {
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
  z-index: -1 !important;
}

.ecom-embedded-chrome-host s-app-nav {
  margin: 0 !important;
  padding: 0 !important;
}

.ecom-private-embedded-root {
  padding-top: 0 !important;
}

/* Table row action column — Polaris React buttons (IndexTable + s-table) */
s-table-cell:last-child,
.Polaris-IndexTable__TableCell:last-child:not(.ecom-table-action-cell),
.Polaris-IndexTable__TableCell.ecom-table-action-cell {
  min-width: 168px;
  white-space: nowrap;
  overflow: visible !important;
}

.Polaris-IndexTable__TableHeading--last {
  min-width: 168px;
}

/* Compact action cells override the default min-width above */
.orders-page .Polaris-IndexTable__TableCell.ecom-table-action-cell,
.products-page .Polaris-IndexTable__TableCell.ecom-table-action-cell {
  min-width: 0 !important;
}

.Polaris-IndexTable__TableCell.ecom-table-action-cell > div,
.Polaris-IndexTable__StickyTable .Polaris-IndexTable__TableCell:last-child,
.Polaris-IndexTable__StickyTable .Polaris-IndexTable__TableCell:last-child > div {
  overflow: visible !important;
}

.Polaris-IndexTable__TableCell .Polaris-ButtonGroup,
.Polaris-IndexTable__StickyTable .Polaris-ButtonGroup {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Products grid — Export icon + text action column */
.products-page .Polaris-IndexTable__TableCell:last-child,
.products-page .Polaris-IndexTable__TableCell.ecom-table-action-cell,
.products-page .Polaris-IndexTable__StickyTable .Polaris-IndexTable__TableCell:last-child {
  width: 108px;
  min-width: 108px !important;
  max-width: 120px !important;
  padding-inline: 8px;
  overflow: visible !important;
}

.products-page .Polaris-IndexTable__TableHeading--last {
  min-width: 108px !important;
  max-width: 120px !important;
  width: 108px;
}

/* Orders grid — compact action column (up to 3 icon buttons in one group) */
.orders-page .Polaris-IndexTable__TableCell:last-child,
.orders-page .Polaris-IndexTable__TableCell.ecom-table-action-cell,
.orders-page .Polaris-IndexTable__StickyTable .Polaris-IndexTable__TableCell:last-child,
.orders-page .Polaris-IndexTable__StickyTable .Polaris-IndexTable__TableCell.ecom-table-action-cell {
  width: 1% !important;
  min-width: 0 !important;
  max-width: 120px !important;
  padding-inline: 4px !important;
}

.orders-page .Polaris-IndexTable__TableHeading--last,
.orders-page th#action,
.orders-page .Polaris-IndexTable__StickyTable .Polaris-IndexTable__TableHeading--last {
  width: 1% !important;
  min-width: 0 !important;
  max-width: 120px !important;
  padding-inline: 4px !important;
}

.orders-page .ecom-table-action-cell > div,
.orders-page .ecom-table-action-cell__inner {
  width: auto !important;
  min-width: 0 !important;
  max-width: 120px;
  box-sizing: border-box;
}

/* Ensure all elements use border-box sizing */
*, *::before, *::after {
  box-sizing: border-box;
}

/* Toast design */

.ecom-custom-toast {
  max-width: 31.25rem !important;
  padding: 8px 2px !important;
}

.ecom-custom-toast .ecom-custom-toast-btn {
  display: flex;
}

.ecom-custom-toast .ecom-custom-toast-btn button {
  --pc-button-icon-fill: var(--p-color-text-inverse) !important;
  --pc-button-icon-fill_hover: var(--p-color-text-inverse) !important;
  --pc-button-icon-fill_active: var(--p-color-text-inverse) !important;
  --pc-button-icon-fill_disabled: var(--p-color-text-inverse) !important;
}

.ecom-custom-toast--primary {
  background: var(--p-color-bg-inverse) !important;
}

.ecom-custom-toast--error {
  background: var(--p-color-bg-fill-critical) !important;
}


/* Loader design */
.fullpage-loader {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  width: 100%;
  z-index: 999999;
  height: 100vh;
}

.opacity-loader {
  opacity: 0.8;
}

.loader-transparent {
  background: rgba(0, 0, 0, 0.25);
}

/* Polaris Modal above app chrome (standalone + Shopify Admin iframe) */
/* Modal portal must not reserve layout space in the iframe */
#inte-portalContainer {
  position: fixed;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  overflow: visible;
  z-index: 10000;
  pointer-events: none;
}

#inte-portalContainer > * {
  pointer-events: auto;
}

.Polaris-Modal-Dialog,
.Polaris-Modal-Dialog__Container {
  z-index: 10001 !important;
}

.Polaris-Modal__Backdrop {
  z-index: 10000 !important;
}



/*# sourceMappingURL=main.b2610904a58f22f309aa.css.map*/